[v-cloak] { display:none; }


body
{
    font-family: 'IBM Plex Sans', 'Open Sans', 'Roboto', sans-serif;
    background-color: #5B7C8E;
}

.row
{
    margin: 0;
}

a
{
    cursor: pointer;
}

.main-head
{
    background-color: #ffffff;
    padding: 20px 70px 20px 100px;
    border-bottom: 5px solid #5B7C8E;
}

.main-head .navbar
{
    padding: 0;
}

/*.top-logo {*/
    /*width: 190px;*/
    /*height: 25px;*/
    /*object-fit:
    contain;*/
/*}*/

.form-inline img
{
    position: absolute;
    margin: 0 20px;
}

.form-inline .form-control
{
    padding-left: 50px;
    font-size: 12px;
    width: 225px;
    height: 39px;
    border: 1px solid rgba(228, 228, 228, 0.6);
}

.btn-1 {
    font-family: 'IBM Plex Sans';
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    border-radius: 4px;
    padding-top: 11px;
    padding-bottom: 11px;
    background: #FE9E59;
    text-align: center;
    color: #FFF;
    border: 1px solid #FE9E59;
    text-decoration: none !important;
    display: inline-block;
}

.btn-1:hover {
    color: #ffffff !important;
}


.btn-2 {
    font-family: 'IBM Plex Sans';
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    border-radius: 4px;
    padding-top: 11px;
    padding-bottom: 11px;
    background: #FFF;
    text-align: center;
    color: #5B7C8E;
    border: 1px solid #5B7C8E;
    text-decoration: none !important;
    display: inline-block;
}


.btn-2:hover {
    color: #D3A251 !important;
}


.sidebar {
    width: 208px;
    float: left;
    position: relative;
}

.main-content {
    float: left;
    width: calc(100% - 208px);
    max-height: calc(100vh - 125px);
    overflow-y: auto;
}

.rista-block
{
    background-color: #fff;
    margin-left: 70px;
    padding-right:  70px;
    position: relative;
    padding-top: 30px;
    height: calc(100vh - 85px);
}

.admin-name h4
{
    font-family: 'Open Sans';
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 0;
}

.admin-name span
{
    font-family: 'Open Sans';
    color: #808080;
    font-size: 12px;
}

.left-menu a
{
    font-family: 'Open Sans';
    font-weight: 600;
    font-size: 15px;
    padding: 18px 30px;
    display: inline-block;
    color: #000;
    text-decoration: none;
    width: 100%;
}

.left-menu ul
{
    margin: 0;
    padding: 0;
}

.left-menu li
{
    list-style-type: none;
    border-top: 1px solid #edf1f7;
    cursor: pointer;
}

.admin-name
{
    margin-bottom: 20px;
    padding-left: 30px;
}

.rista-team .col-4
{
    padding-left: 0;
}

.left-menu li.active, .left-menu li:hover
{
    background-color: rgba(91, 124, 142, 0.2);
}

.total-users
{
    float: left;
}

.user-icons
{
    float: right;
}

.user-icons .upload,
.user-icons .setting
{
    padding: 0 20px 0 0;
    display: inline-block;
}

.user-icons .upload
{
    padding-top: 8px;
}

.sorting-setting {
    padding: 0 20px 0 0;
    display: inline-block;
    position: relative;
}

.sorting-setting .sorting-setting-options {
    position: absolute;
    /*left: -90px;*/
    width: 135px;
    top: 50px;
    z-index: 9999999;
    padding: 15px 15px 6px 15px;
    background: #ffffff;
    box-shadow: 0px 5px 10px rgba(81, 81, 81, 0.2) !important;
}

.sorting-setting .add-notification-option {
    position: absolute;
    /*left: -90px;*/
    width: 135px;
    top: 50px;
    z-index: 9999999;
    padding: 15px 15px 6px 15px;
    background: #ffffff;
    box-shadow: 0px 5px 10px rgba(81, 81, 81, 0.2) !important;
}

.sorting-setting .sorting-setting-options input {

    color: #152935;
    width: 16px;
    height: 16px;

}

.sorting-setting .sorting-setting-options span {
    position: relative;
    bottom: 3px;
    font-family: IBM Plex Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 32px;
    color: #152935;
}

.sorting-text {

    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 12px;
    color: #FE9E59;
    margin-bottom: 14px;
    cursor: pointer;
}


.btn-p18 {
    padding-left: 35px;
    padding-right: 35px;
}

/*.user-icons .add-user:hover*/
/*{*/
/*    background-color: #d3a251;*/
/*    color: #fff;*/
/*}*/

/*.user-icons .add-user*/
/*{*/
/*    font-family: 'IBM Plex Sans';*/
/*    font-weight: 600;*/
/*    font-size: 14px;*/
/*    padding: 11px 18px;*/
/*    color: #D3A251;*/
/*    text-decoration: none;*/
/*    border-radius: 4px;*/
/*    border: 1px solid #bc8c3e;*/
/*    display: inline-block;*/
/*    line-height: 0;*/
/*}*/

.user-icons a i
{
    padding-left: 21px;
}

.total-users
{
    padding-top: 2px;
}

.total-users h4
{
    font-family: 'Open Sans';
    font-weight: 600;
    font-size: 20px;
    color: #4C4C4C;
}

.user-block {
    margin-top: 8px;
}

.total-users span
{
    font-family: 'IBM Plex Sans';
    font-weight: bold;
    font-size: 14px;
    background-color: #5B7C8E;
    border-radius: 20px;
    padding: 6px 16px;
    color: #fff;
    margin-left: 12px;
    bottom: 2px;
    position: relative;
}

.users-detail
{
    width: 100%;
    margin-top: 17px;
    /*height: calc(100vh - 255px);*/
    overflow-y: auto;
}

.users-detail th
{
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    position: sticky;
    top: 0;
    background-color: #ffffff;
    z-index: 999999;
}

.user-detail-block-left img,
.user-detail-block-left h5
{
    display: inline-block;
}

.user-detail-block-left h5
{
    font-family: 'Open Sans';
    font-weight: 600;
    font-size: 12px;
    position: relative;
    top: 12px;
    left: 8px;
}

.user-detail-block-left span
{
    padding-top: 5px;
    display: inline-block;
}

.user-detail-block-left span,
.user-detail-block-right span
{
    color: rgba(0, 0, 0, 0.5);
}

.user-detail-block-right p
{
    font-family: 'Open Sans';
    font-weight: normal;
    font-size: 12px;
    padding-top: 10px;
}


.users-detail .table-hover tbody tr {
    /*border: 1px solid rgba(0, 0, 0, 0);*/
}

.cafe-table {
    border-collapse: collapse;
}


.cafe-table thead th {
    border-top: unset !important;
    /*padding-top: 22px;*/
    /*padding-bottom: 10px;*/
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: rgba(0, 0, 0, 0.5);
    padding: 18px;
}


.cafe-table tbody td {
    padding-top: 16px;
    padding-bottom: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cafe-table th, .cafe-table td {
    padding-left: 16px;
    padding-right: 16px;
    box-sizing: border-box !important;
}

.cafe-table thead tr {
    border: 1px solid rgba(0, 0, 0, 0.1);

}

.cafe-table tbody tr:hover,
.data-listing-tr.active
{
    background: rgba(91, 124, 142, 0.2) !important;
}

.data-listing-tr:hover td:last-child, .data-listing-tr.active td:last-child {
    border-right: 1px solid #62483a !important;
}

.data-listing-tr {
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.data-listing-tr:hover td {
    border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
    cursor: pointer;
}

.cafe-table-cafe {
    width: 48%;
    min-width: 48%;
}

.cafe-table-category {
    width: 32%;
    max-width: 32%;
}

.product-table-cafe {

    width: 28%;
    min-width: 28%;
}

.data-listing-tr:hover td:first-child {
    border-left: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.data-listing-tr:hover td:last-child {
    border-right: 1px solid #5B7C8E !important;
}

/*.data-listing-tr td {*/
/*    !*padding: unset;*!*/
/*    !*vertical-align: top;*!*/
/*    !*border-top: unset;*!*/
/*}*/

.users-detail .table-hover tbody tr:hover
{
    /*background-color: rgba(217, 173, 101, 0.05);*/
    /*border: 1px solid #D9AD65;*/
}

.cafe-table th {
    /*border-bottom: unset !important;*/
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
}



.cafe-listing-name {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cafe-listing-other {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    margin: 0;
}


.add-data-section {
    padding: 30px 12px;
    max-width: 690px;
    display: block;
    width: 100%;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.1);
    max-height: calc(100vh - 125px);
    overflow-y: auto;
}

.add-new-heading {
    padding: 0;
    margin: 0;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: #000000;
}

.add-new-line {
    border-top: 1px dashed #D3A251;
    display: block;
    margin-top: 20px;
    margin-bottom: 10px;
}


.left-pagination p,
.left-pagination .form-group
{
    float: left;
}

.left-pagination .form-group
{
    margin-left: 6px;
    line-height: 0;
}

.left-pagination .form-group select
{
    border: none;
    font-family: 'Open Sans';
    font-size: 12px;
    color: rgba(0, 0, 0, 0.5);
}

.right-pagination
{
    float: right;
}

.right-pagination p,
.right-pagination img
{
    display: inline-block;
}

.right-pagination p
{
    padding-right: 48px;
}

.right-pagination a:first-of-type
{
    display: inline-block;
    width: 60px;
}

.bottom-pagination
{
    margin: 20px 0;
}

.left-pagination p,
.right-pagination p
{
    font-family: 'Open Sans';
    font-size: 12px;
    color: rgba(0, 0, 0, 0.5);
}

.users-detail table {
    margin: 0;
    table-layout: fixed;
}

.user-img,
.user-det
{
    display: inline-block;
}

.user-img img
{
    vertical-align: super;
}

.user-det
{
    position: relative;
    top: 10px;
    left: 16px;
    padding-bottom: 8px;
}

.user-det h4
{
    font-family: 'Open Sans';
    font-weight: 600;
    font-size: 18px;
    margin: 0;
    line-height: 1;
}

.user-det p,
.user-det span
{
    font-family: 'Open Sans';
    font-size: 12px;
}

.user-det span,
.user-det p
{
    color: #969696;
}

.count span
{
    font-family: 'Open Sans';
    font-weight: bold;
    font-size: 22px;
    background-color: #DFB880;
    color: #fff;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: inline-block;
    padding: 0;
    text-align: center;
}

.user-address
{
    border-bottom: 1px dashed #FE9E59;
}

.user-suscription-block
{
    border: 1px solid #e6e6e6;
    padding: 12px 20px;
}

.edit-action,
.del-action
{
    width: 26px;
    height: 26px;
    border-radius: 25px;
    display: inline-block;
    text-align: center;
    position: relative;
    top: 7px;
}

.edit-action
{
    background-color: #51A9FB;
}

.del-action
{

    background-color: #FB5151;
}

.edit-action img,
.del-action img
{
    vertical-align: unset;
    width: 12px;
    height: 12px;
    object-fit: contain;
    position: absolute;
    top: 7px;
    right: 7px;
}

.actions
{
    margin-top: 35px;
}

.count-block
{
    text-align: center;
    float: right;
    position: absolute;
    right: 0;
    bottom: -10px;
}

.subscription-info
{
    background: rgba(7, 199, 72, 0.1);
    border: 1.5px solid rgba(7, 199, 72, 0.3);
    box-sizing: border-box;
    border-radius: 2px;
    padding: 15px 12px 0;
    margin-top: 15px;
}

.subs-right
{
    margin-top: 31px;
}

.subs-left h4
{
    font-family: 'Open Sans';
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 16px;
    color: #62483a;
}

.subs-left p
{
    color: #797373;
}

.subs-left p,
.subs-right p
{
    font-family: 'Open Sans';
    font-size: 12px;
}

.subs-right span
{
    padding-left: 14px;
    color: #2e322f;
}

.history h4
{
    font-family: 'Open Sans';
    font-weight: 600;
    font-size: 14px;
    margin-right: 27px;
}

.history h4,
.history a
{
    display: inline-block;
}

.history
{
    margin-top: 27px;
    margin-left: 26px;
}

.right-price
{
    float: right;
    font-family: 'Open Sans';
    font-weight: bold;
    font-size: 14px;
    color: #D3A251;
}

.history-list ul
{
    margin: 0;
    padding: 0;
}

.history-list
{
    margin-top: 14px;
}

.history-list li
{
    list-style-type: none;
    mix-blend-mode: normal;
    border: 0.5px solid #DADADA;
    border-radius: 8px;
    padding: 13px 25px;
    margin-top: 15px;
}

.history-list p
{
    margin: 0;
}

.history-list h5
{
    font-family: 'Open Sans';
    font-weight: 600;
    font-size: 14px;
    color:#252A31;
    margin: 0;
}

.history-list span
{
    font-family: 'Open Sans';
    font-weight: 600;
    font-size: 12px;
    color: #37383D;
}

.product-info
{
    font-family: 'Open Sans';
    font-weight: normal;
    font-size: 13px;
    color: rgba(0, 0, 0, 0.5);
    padding-top: 10px;
}

.logout
{
    margin-top: 176px;
}

.logout a
{
    color: #D71717;
}

.setting .dropdown-toggle::after
{
    display: none;
}

/*add user*/

/*.user-head*/
/*{*/
/*padding: 23px 0 19px 20px;*/
/*}*/

.user-head h4
{
    font-family: 'Open Sans';
    font-weight: 600;
    font-size: 18px;
    margin: 0;
    padding-bottom: 19px;
}

.add-user-border
{
    padding: 23px 18px 19px 20px;
    max-width: 690px;
    display: inline-block;
    width: 100%;
}

.user-add-bot
{
    display: inline-block;
    width: 100%;
}

.file-choose-form
{
    padding-top: 19px;
}

.file-choose-form label
{
    font-family: 'Open Sans';
    font-weight: 600;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.5);
}

.attach-bt
{
    background: #F6F5F3;
    padding: 7px 35px 9px 8px;
    font-family: 'Open Sans';
    font-weight: bold;
    color: #252A31;
    font-size: 12px;
}

.attach-bt img
{
    padding-right: 8px;
}

.file-choose-form label
{
    margin-bottom: 9px;
}

.user-form input[type=text],
.user-form input[type=email],
.user-form input[type=password]
{
    font-family: 'Open Sans';
    font-weight: normal;
    color: rgba(0, 0, 0, 0.8);
    font-size: 12px;
    height: 40px;
    margin-bottom: 20px;
}

.user-form label
{
    font-family: 'Open Sans';
    font-size: 12px;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.5);
}

.no-gutter > [class*='col'] {
    padding-left:0;
}

.add-user-border .form-group
{
    margin-bottom: 20px;
}

.submit-btns
{
    text-align: right;
    margin: 35px 0 9px;
}

.cancel-bt
{
    margin-right: 19px;
}

.cancel-bt,
.add-bt
{
    font-family: 'IBM Plex Sans';
    font-weight: 600;
    font-size: 14px;
    border-radius: 4px;
    padding: 11px 25px;
    color: #D3A251;
    border: 1px solid #BC8C3E;
}

.add-bt
{
    background: #D3A251;
    color: #fff;
}

/*login*/

.login-body
{
    background-color: #FFF5E6;
}

.login-form
{
    background-color: #fff;
    max-width: 600px;
    margin: 0 auto;
    padding: 40px;
    position: relative;
    top: 20%;
    border-radius: 10px;
}

.user-logo
{
    text-align: center;
    margin-bottom: 20px;
}

.login-form button
{
    width: 100%;
    margin-top: 40px;
}

.modal-footer button,
.login-form button
{
    font-family: 'IBM Plex Sans';
    font-weight: 600;
    background-color: #5B7C8E;
    border: none;
}

.login-form button:hover,
.login-form .btn-primary:not(:disabled):not(.disabled).active,
.login-form .btn-primary:not(:disabled):not(.disabled):active,
.login-form .show>.btn-primary.dropdown-toggle,
.login-form .btn-primary.focus, .btn-primary:focus,
.modal-footer button:hover,
.modal-footer .btn-primary:not(:disabled):not(.disabled).active,
.modal-footer .btn-primary:not(:disabled):not(.disabled):active,
.modal-footer .show>.btn-primary.dropdown-toggle,
.modal-footer .btn-primary.focus, .btn-primary:focus
{
    background-color: #5B7C8E;
    border: none;
    box-shadow: none;
}

.login-form .form-group label,
.forgot,
.modal-title
{
    font-family: 'Open Sans';
    font-weight: 600;
    font-size: 18px;
}

.forgot
{
    text-align: center;
    color: #D71717;
    width: 100%;
    display: inline-block;
    padding-top: 20px;
}

.input-box {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    color: #151522;
    border: 1px solid #E5E5E5;
    padding: 11px 14px;
    margin: 0;
}

.input-box {
    /* for Firefox */
    -moz-appearance: none;
    /* for Chrome */
    -webkit-appearance: none;
}

/* For IE10 */
.input-box::-ms-expand {
    display: none;
}



/*.input-box[type="date"]::-webkit-inner-spin-button,*/
/*.input-box[type="date"]::-webkit-calendar-picker-indicator {*/
/*    display: none;*/
/*    -webkit-appearance: none;*/
/*}*/


.input-select-wrapper {
    position: relative;
}

.input-select-wrapper img {
    position: absolute;
    width: 14px;
    right: 12px;
    top: 18px;

}

.input-select-wrapper .input-box {
    padding-right: 24px !important;
    position: relative;
    background-color: transparent;
}

.input-label {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: rgba(37, 42, 49, 0.7);
    display: inline-block;
    padding: 0;
    margin: 20px 0 0 0;
    cursor: pointer;
    /*white-space: nowrap;*/
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
}


.input-buttons {
    background: #F6F5F3;
    text-decoration: none !important;
    color: #000000;
    padding: 8px;
    display: inline-block;
    position: relative;
    min-width: 133px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    margin-top: 5px;
}

.input-buttons:hover {
    color: #000000;
}

.input-buttons img {
    margin-right: 8px;
    width: 16px;
    height: 16px;
    object-fit: contain;
}


.add-plus-wrapper {
    position: relative;
}

.add-plus-wrapper .input-label {
    padding-right: 30px;
}

.add-plus-wrapper img {
    width: 12px;
    height: 12px;
    object-fit: contain;
    position: absolute;
    right: 8px;
    bottom: 12px;
    cursor: pointer;
}

.zip-wrapper {
    width: 140px;
}

.multi-tag-wrapper {
    border: 1px solid #E5E5E5;
    padding: 8px;
}

.multi-tag {
    background: #F6F5F3;
    border-radius: 10px;
    display: inline-block;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #252A31;
    padding: 3px 15px 5px 15px;
    margin: 7px 14px 7px 0;
}

.multi-menu-tag-wrapper {
    padding: 8px 5px;
    border: 1px solid #E5E5E5;
}

.multi-menu-tag {
    mix-blend-mode: normal;
    border: 0.5px solid #DADADA;
    border-radius: 8px;
    margin: 5px;
    width: calc(50% - 12px);
    display: inline-block;
    position: relative;
    padding: 11px 6px;
    box-sizing: border-box;
}

.menu-tag-remove {
    position: absolute;
    width: 14px;
    height: 14px;
    background: rgba(196, 196, 196, 0.7);
    border-radius: 50%;
    text-align: center;
    right: -7px;
    top: -7px;
    display: inline-block;
    cursor: pointer;
}

.menu-tag-remove i {
    color: #F60505;
    font-size: 10px;
    position: absolute;
    top: 2px;
    right: 3px;
}


.menu-tag-item-name {
    width: 65%;
    display: inline-block;
}

.menu-tag-item-price {
    width: 30%;
    text-align: right;
    display: inline-block;
}

.menu-tag-item-name h2 {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #252A31;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.menu-tag-item-name span {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    color: rgba(0, 0, 0, 0.5);
    padding-left: 6px;
}

.menu-tag-item-price h2 {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 17px;
    letter-spacing: -0.2px;
    color: #D3A251;
    margin: 0;
}

.menu-tag-item-price span {
    ont-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: 15px;
    letter-spacing: -0.3px;
    text-decoration-line: line-through;
    color: rgba(55, 56, 61, 0.8);
}

.cafe-buttons {
    text-align: right;
    padding-top: 55px;
}

.cafe-buttons .btn-2 {
    padding-left: 26px;
    padding-right: 26px;
    margin-right: 20px;
}

.cafe-buttons .btn-1 {
    padding-left: 40px;
    padding-right: 40px;
}

.logout-sidebar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-top: 1px solid #EDF1F7;
    max-width: 208px;
}

.logout-sidebar a {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 24px;
    color: #D71717;
    padding: 25px 30px;
    display: inline-block;
}


.comforttan-modal-setting {
    border-radius: 2px !important;
}

.comforttan-modal {
    padding: 24px 10px 20px 15px;
}

.comforttan-modal-heading {
    font-style: normal;
    font-weight: 600;
    margin: 0;
    padding: 0 30px 0 0;
    position: relative;
    display: block;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    color: #4C4C4C;
}

.comforttan-modal-close {
    width: 28px;
    height: 28px;
    object-fit: contain;
    position: absolute;
    right: 0;
    top: -7px;
    cursor: pointer;
}

#cafe-contact-info .modal-dialog {
    width: 90% !important;
    margin: 30vh auto 0 !important;

}

#cafe-set-opining-hours .modal-dialog {
    width: 90% !important;
    margin: 10vh auto 0 !important;
    max-width: 560px;
}

.modal-opening-hour-day {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    color: #151522;
    padding-top: 12px;
    display: inline-block;
}

.modal-opening-hours-listing .row {
    margin-bottom: 10px !important;
}

.modal-opening-hours-listing .row:first-child {
    margin-bottom: unset !important;
}


.facilities-save-button, .free-coffee-save-button, .milk-option-save-button, .add-menu-save-button {
    padding-top: 10px;
    text-align: right;
}

.facilities-save-button .btn-1, .free-coffee-save-button .btn-1, .milk-option-save-button .btn-1, .add-menu-save-button .btn-1 {
    padding-left: 50px;
    padding-right: 50px;
}


#cafe-facilities-input, #cafe-add-coffee-input, #cafe-milk-option-input {
    margin-top: 22px;
}

#cafe-add-facilities .modal-dialog, #cafe-add-free-coffee .modal-dialog, #cafe-add-milk-option .modal-dialog, #cafe-add-menu-option .modal-dialog {
    width: 90% !important;
    margin: 30vh auto 0 !important;
    max-width: 560px;
}


.response-showing-div {
    width: 90%;
    margin: 0 auto;
    max-width: 500px;
}

.user-listing-img {
    float: left;
    padding-right: 6px;
}


.user-listing-img img {
    width: 25px;
    height: 25px;
    object-fit: cover;
    border-radius: 50%;
}


.user-listing-name {
    float: left;
    height: 30px;
}

.user-listing-name h2 {

    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #252A31;
    margin: 0;
}

.user-listing-name span {

    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    color: rgba(37, 42, 49, 0.6);
    margin: 0;
    position: relative;
    top: -5px;
}



.user-listing-subscription {
    height: 30px;
}

.user-listing-subscription h2 {

    font-family: Open Sans;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #000000;
    margin: 0;
}

.listing-td-semi-bolder h2 {

    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #000000;
    margin: 0;
}

.listing-td-normal h2 {

    font-family: Open Sans;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #000000;
    margin: 0;
}

.user-listing-subscription span {

    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: rgba(0, 0, 0, 0.5);
    margin: 0;
    position: relative;
    top: -5px;
}



.is-loading-request .pre-request-loading {
    display: block !important;
}

.pre-request-loading {
    position: fixed;
    width: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 9999999999999;
    background-color: rgba(0,0,0,.8);
    text-align: center;
    padding-top: 40vh;
    display: none;
}

.pre-request-loading-vue {
    position: fixed;
    width: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 9999999999999;
    background-color: rgba(0,0,0,.8);
    text-align: center;
    padding-top: 40vh;
}

.modal {
    z-index: 9999999;
}

.input-box input {
    width: 100%;
    border: none;
    outline: none;
}

.vue-map-container {
    width: 100% !important;
    min-width: 100% !important;
}

.multi-menu-tag-inner p {
    margin: 0;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #252A31;
}



/*deals css start here*/

/*.deals-detail .data-listing-tr td p:last-of-type*/
/*{*/
/*float: right;*/
/*}*/

.deals-detail .highlighted img
{
    padding-left: 30px;
}

.deal-actions span
{
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    color: #fff;
    background: #2AC969;
    border-radius: 25px;
    padding: 5px 10px;
}

.deals-right-side-block .add-new-line
{
    display: inline-block;
    margin-top: 20px;
    width: 70%;
}

.deal-actions
{
    width: 29%;
    display: inline-block;
}

.deal-actions a:first-of-type
{
    margin: 0 10px;
}

.validity
{
    padding-top: 20px;
}

.validity p
{
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    color: #462E22;
}

.validity span
{
    font-family: Open Sans;
    font-style: normal;
    font-size: 12px;
    padding-left: 80px;
    color: #797373;
    margin: 0 10px;
}

.headline
{
    margin-top: 30px;
}

.headline h4,
.headline-desc h4
{
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.5);
}

.headline p,
.headline-desc p
{
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    color: #000;
}

.deal-img
{
    border: 1px solid rgba(228, 228, 228, 0.6);
    border-radius: 2px;
    display: inline-block;
}

.deal-img p
{
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    color: rgba(0, 0, 0, 0.75);
    margin: 7px 9px;
}

.check-highlight
{
    margin-top: 63px;
}

.check-highlight .custom-control-input:checked~.custom-control-label::before
{
    background: #D3A251;
    border: 1px solid #BC8C3E;
    box-sizing: border-box;
    border-radius: 3px;
}


.check-highlight .custom-control-label::before
{
    background: #D3A251;
    border: 1px solid #BC8C3E;
    box-sizing: border-box;
    border-radius: 3px;
}

.check-highlight .custom-control-input:not(:disabled):active~.custom-control-label::before
{
    background-color: #D3A251;
    border-color: #D3A251;
}

.checkbox,
.check-highlight img
{
    display: inline-block;
}

.check-highlight label
{
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    color: #252A31;
    margin: 0 9px;
}

.photo-block
{
    margin-top: 18px;
}

.add-highlight
{
    margin-top: 21px;
}

.calender-icon
{
    left: 18px;
    top: 12px !important;
    /*margin: 12px 16px 12px 18px;*/
}

.calender-img .input-box
{
    padding-left: 48px;
}

.area-height textarea
{
    height: 51px;
}

/*deals css ends here*/



.view-cafe-section {
    padding: 16px 0px 25px;
    max-width: 690px;
    display: block;
    width: 100%;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.1);
    max-height: calc(100vh - 125px);
    overflow-y: auto;

}

.view-cafe-title {
    color: #705a4f;
    padding: 0;
    margin: 0;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 15px;
}

.view-cafe-address {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: rgba(0, 0, 0, 0.5);
    margin-top: 8px;
}



.add-new-cafe-line {
    border-top: 1px dashed #D3A251;
    display: inline-block;
    margin-top: 20px;
    width: 16%;
    margin-right: 16px;
}

.new-cafe-tag-view {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #FFFFFF;
    border-radius: 25px;
    display: inline-block;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-right: 5px;
    text-align: center;
    position: relative;
}

.bed-open-btn {
    padding-right: 35px !important;
    cursor: pointer;
    padding-left: 15px !important;
    float: left;
}

.bed-open-btn .btn-inside-img {
    width: 10px;
    position: absolute;
    right: 15px;
    top: 12px;
}

.bed-open-btn-options {
    position: absolute;
    left: -12px;
    width: 100px;
    top: 30px;
    z-index: 9999999;
    padding: 15px 15px 6px 15px;
    background: #ffffff;
    box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
    color: black;
    display: none;
}

.bed-open-close {
    display: inline-block;
    position: relative;
    top: 7px;
}

.view-cafe-purple-tag {
    background: #8F41F3;
    padding: 6px 8px;
}

.view-cafe-dark-green-tag {
    background: #508B68;
    padding: 6px 12px;
}

.view-cafe-green-tag {
    background: #2AC969;
    padding: 6px 16px;
}


.delete-btn {
    width: 28px;
    height: 28px;
    text-align: center;
    background: #FB5151;
    border-radius: 50%;
    margin-left: 10px;
    display: inline-block;
    position: relative;
    top: 3px;
    float: right;
    cursor: pointer;
}

.delete-btn img {
    width: 12px;
    height: 12px;
    object-fit: contain;
    position: absolute;
    top: 8px;
    left: 8px;
}


.edit-btn {
    width: 28px;
    height: 28px;
    text-align: center;
    background: #51A9FB;
    border-radius: 50%;
    margin-left: 10px;
    display: inline-block;
    position: relative;
    top: 3px;
    float: right;
    cursor: pointer;
}

.edit-btn img {
    width: 12px;
    height: 12px;
    object-fit: contain;
    position: absolute;
    top: 8px;
    left: 8px;
}

.cafe-view-timing {
    padding: 11px 16px;
    border: 1.5px solid rgba(7, 199, 72, 0.3);
    box-sizing: border-box;
    border-radius: 2px;
    margin-top: 20px;

}

.cafe-timing-1st {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 29px;
    letter-spacing: -0.2px;
    color: rgba(0, 0, 0, 0.5);
    float: left;
}

.cafe-timing-2nd {
    float: left;
    position: relative;
    top: 8px;
    padding-bottom: 12px;
    padding-left: 20px;
}


.cafe-timing-2nd td {

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cafe-view-timing th {

    Font-family: Open Sans;
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    line-height: 15px;
    color: #000000;
    padding-right: 15px;
}

.cafe-view-timing td {

    Font-family: Open Sans;
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 15px;
    color: #000000;

}


.cafe-view-timing .col-6 {
    padding: 0 !important;
}

.view-cafe-description {

    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    color: #000000;

}

.view-cafe-img-box {
    width: 150px;
    margin-right: 20px;
    display: inline-block;
    position: relative;
}

.view-cafe-img-box img {
    width: 100%;
    border-radius: 2px 2px 0 0;
    height: 140px;
    object-fit: cover;
}

.view-cafe-img-box p {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: 16px;
    color: rgba(0, 0, 0, 0.75);
    width: 100%;
    border-right: 1px solid rgba(228, 228, 228, 0.6);
    border-left: 1px solid rgba(228, 228, 228, 0.6);
    border-bottom: 1px solid rgba(228, 228, 228, 0.6);
    border-radius: 0 0 2px 2px;
    padding: 7px;
    margin: 0;
}

.view-cafe-image-gallery {

    white-space: nowrap;
    overflow-x: auto;
    padding-bottom: 10px;
    padding-top: 10px;

}

.cafe-view-history-text {
    padding-left: 25px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: #000000;
    padding-right: 30px;
}

.cafe-view-history-icon {
    height: 15px;
    width: 12px;
    object-fit: contain;
}

.view-cafe-history-section {
    margin-top: 42px;
}

.view-cafe-history-block {

    border: 0.5px solid #DADADA;
    border-radius: 8px;
    margin-bottom: 15px;
    padding: 13px 25px 10px;


}

.view-cafe-history-block-list {
    padding-top: 17px;
}

.view-cafe-menu-section .multi-menu-tag {
    width: calc(50% - 7px) !important;
    margin-left: 0;
}


.view-cafe-history-1 h2 {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: -0.3px;
    margin: 0;
    line-height: 10px;
    color: #705a4f;
}

.view-cafe-history-1 span {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.3px;
    color: #37383D;
    margin-right: 30px;
}

.view-cafe-history-1 p {
    padding: 0;
    margin: 8px 0 0 0;
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 18px;
    color: rgba(0, 0, 0, 0.5);
}


.view-cafe-history-block .col-8, .view-cafe-history-block .col-4 {
    padding: 0 !important;
}

.history-payment-1 {
    text-align: right;
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    color: #D3A251;
}

.history-payment-1.visibility-hidden {
    visibility: hidden;
}

.history-payment-2 {
    background: #8F41F3;
    border-radius: 25px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #FFFFFF;
    padding: 5px 12px;
    text-align: center;
    display: inline-block;
    margin-top: 16px;
}

.remove-contact {
    width: 16px;
    height: 16px;
    object-fit: contain;
    cursor: pointer;
}

.cafe-view-added-contact {
    padding-right: 6px;
    font-size: 11px;
    max-height: 80px;
    overflow-y: auto;
}

.cafe-view-added-contact table {
    width: 100%;
}

.cafe-view-added-contact th {
    max-width: 60px !important;
    width: 60px !important;
    padding-right: 15px;
}

/*.cafe-view-added-contact span {*/
/*    font-weight: 700;*/
/*    padding-right: 15px;*/
/*}*/


.modal-backdrop {
    z-index: 999999 !important;

}


.add-data-section-promo {
    margin-top: 20px;
}


.free-coffee-checkbox {
    width: 18px;
    height: 18px;
    position: relative;
    top: 10px;
}

.deal-highlighted {
    position: relative;
    padding-top: 20px;
}

.deal-highlighted input {
    width: 18px;
    height: 18px;
    position: relative;
    top: 4px;
}

.deal-highlighted span {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    color: #252A31;
    padding-left: 5px;
}


.container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.brown-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
}

/* On mouse-over, add a grey background color */
.brown-checkbox:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.brown-checkbox input:checked ~ .checkmark {
    background-color: #D3A251;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.brown-checkbox .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


.deal-last-column {
    max-width: 150px;
    width: 150px;
    /*width: 145px;*/
}


.deal-cafe-column {
    max-width: 175px;
    width: 175px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.deal-first-column {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cursor-pointer {
    cursor: pointer;
}

.add-data-input-main {
    /*overflow-y: auto;*/
    /*max-height: calc(100vh - 375px);*/
    padding: 0 0 5px 0;
}

.view-user-profile-img {
    width: 49px;
    height: 49px;
    border-radius: 50%;
    object-fit: cover;
}

.deal-img img {
    width: 150px;
    height: 150px;
    object-fit: cover;
}

.deal-image-view {
    height: 150px;
    display: block;
    margin-top: 10px;
}

.cafe-menu-image {
    width: 50px;
    height: 50px;
    object-fit: cover;
    margin-top: 36px;
}


.user-history-download-btn {
    position: relative;
    bottom: 2px;
}

.promo-type-input {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    color: #151522;
}

.promo-type-input-box {
    padding-top: 20px;
}

.promo-delete-column {
    max-width: 65px;
    width: 65px;
}

.promo-delete-btn {
    width: 26px;
    height: 26px;
    border-radius: 25px;
    display: inline-block;
    text-align: center;
    position: relative;
    background-color: #FB5151;
}

.promo-delete-btn img {
    vertical-align: unset;
    width: 12px;
    height: 12px;
    object-fit: contain;
    position: absolute;
    top: 7px;
    right: 7px;
}

.user-view-action {
    margin-top: 28px;
}

#rista_image_cropper {
    width: 70%;
    left: 15%;
}

.cropper-modal-btn-div {
    text-align: center;
    padding: 10px;

}
.cropper-modal-btn-div button {
    min-width: 100px;
}

#rista_image_cropper .cropper-container {
    width: 100% !important;
}

.user-view-btns
{
    /*padding-right: 110px;*/
    /*position: relative;*/
    margin-bottom: 6px;
}

.view-history-heading {
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: #000000;
    margin-bottom: 0;
}

.user-history-heading {
    padding-left: 25px;
}

.master-home-date {
    float: left;
    /*margin-left: 60px;*/
    position: relative;
}

.master-home-date input, .master-home-date select {
    /*background: #5B7C8E;*/
    /*border: 1px solid #5B7C8E;*/
    box-sizing: border-box;
    /*box-shadow: 0px 2px 20px rgba(91, 124, 142, 0.2);*/
    border-radius: 4px;
    font-size: 14px;
    color: rgba(37, 42, 49, 0.8);;
    height: 40px;
    /*padding-left: 20px;*/
}


.master-home-date input:focus {
    /*background: #5B7C8E !important;*/
    /*border: 1px solid #5B7C8E !important;*/
    box-sizing: border-box !important;
    /*box-shadow: 0px 2px 20px rgba(91, 124, 142, 0.2) !important;*/
    border-radius: 4px !important;
}

.master-home-date input::-webkit-calendar-picker-indicator {
    color: transparent;
    background: none;
    z-index: 1;
}

.master-home-date img {
    position: absolute;
    right: 14px;
    top: 12px;
    /*width: 12px;*/
}

.master-graph-section-home {
    background: #FFFFFF;
    border: 1px solid #E6E6E6;
    box-shadow: 0px 0px 20px rgba(91, 124, 142, 0.2);
    border-radius: 2px;
    padding: 24px 18px;
    height: 423px;
    overflow: hidden;
}

.master-graph-heading {
    font-weight: 600;
    font-size: 14px;
    color: #000000;
}

.master-stats-block {
    padding: 24px 16px 15px 16px;
    background: #FFFFFF;
    border: 1px solid #E6E6E6;
    box-shadow: 0px 0px 20px rgba(215, 222, 227, 0.15);
    border-radius: 2px;
    position: relative;
    margin-bottom: 25px;
    width: 209px;
    display: inline-block;
    margin-right: 30px;
}

.total p
{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    color: #54617A;
    opacity: 0.5;
    margin: 0;
    padding-left: 15px;
}

.total-no
{
    font-family: 'Open Sans';
    font-weight: 400;
    font-size: 24px;
    color: #242E42;
    padding-left: 6px;
}

.total em,
.master-stats-block-count em
{
    font-size: 12px;
    font-style: normal;
}

.total-dot
{
    border-radius: 50%;
    width: 10px;
    height: 10px;
    display: inline-block;
}

.total
{
    margin-top: 8px;
    display: inline-block;
    margin-left: 80px;
}

.place
{
    margin-left: 53px;
}

.red-dot
{
    background: linear-gradient(45deg, #E21F70 0%, #FF4D2C 100%);
}

.silver-dot
{
    background: #CFD9DF;
}

.nopadding {
    padding: 0 !important;
}

.master-stats-block-select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    /* no standardized syntax available, no ie-friendly solution available */
    border: none;
    /*border-bottom: 1px solid #EEEEEE;*/
    color: rgba(37, 42, 49, 0.8);
    height: 40px;
    font-size: 13px;
}


.master-stats-block-select {
    position: relative;
}
.master-stats-block-select img {
    position: absolute;
    right: 8px;
    top: 15px;
    width: 12px;
}

.master-stats-block-count {
    /*font-family: Roboto;*/
    font-style: normal;
    font-weight: bold;
    font-size: 28px;
    color: #242E42;
    margin-top: 15px;

}

.master-stats-up-down span {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
}

.master-stats-up-down img {
    width: 10px;
    height: 10px;
}

.master-stats-up-down-red {
    color: #F52D56;
}

.master-stats-up-down-green {
    color: #03DE73;
}

.master-stats-block-since {
    font-size: 12px;
    opacity: 0.5;
    color: rgba(84, 97, 122, .5);
    margin: 4px 0 0 0;
}

.bed-table-listing {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    color: #252A31;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.view-top-title {
    font-family: 'Open Sans';
    font-weight: 600;
    font-size: 18px;
    margin: 0;
    margin-bottom: 15px;
}


.bed-view-btns {
    padding-right: 175px;
    position: relative;
    /*margin-bottom: 50px;*/
}

.bed-deals-heading {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    color: #000000;
    margin-top: 24px;
}

.bed-deals-single {
    border: 0.5px solid #DADADA;
    border-radius: 8px;
    padding: 11px;
}

.beds-deals-listing {
    mix-blend-mode: normal;
    border: 0.5px solid #DADADA;
    border-radius: 8px;
    padding: 13px 10px;
    margin-top: 15px;
    display: inline-block;
    width: calc(50% - 12px);
    margin-right: 10px;
    position: relative;
}

.beds-deals-listing .crossed-price {
    position: absolute;
    right: 10px;
    bottom: 10px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: 15px;
    letter-spacing: -0.3px;
    text-decoration-line: line-through;
    color: rgba(55, 56, 61, 0.8);
}

/*Deals css*/

.mobile-app-table-heading
{
    margin-top: 22px;
}

.mobile-app-table
{
    height: auto;
}

.deal-mobile-tag
{
    padding-right: 15px !important;
}

/*company css*/

.contact-info a i,
.pay-info a i
{
    color: #828282;
    font-size: 10px;
}

.contact-info a,
.pay-info a
{
    float: right;
    padding-top: 15px;
}

.opening-hours-block
{
    margin-top: 109px;
}

/*.pay-info*/
/*{*/
    /*float: right;*/
/*}*/

/*products css*/
.product-view-action {
    position: absolute;
    right: 0;
    top: -20px;
    display: inline-block;
}

.product-view-action .bed-open-close {
    float: left;
}


.add-maintenance-section {
    position: relative;
    left: -12px;
    background: rgba(243, 240, 229, 0.5);
    padding: 18px 20px;
    margin-top: 30px;
    width: calc(100% + 24px);
}

.add-maintenance-section h2 {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    color: #000000;
    margin: 0 0 8px 0;
}

.add-maintenance-section .input-buttons {
    background: #F6F5F3;
    border: 1px solid #9A9C9E;
}

.notification-view-btns {
    padding-right: 60px;
    position: relative;
    margin-bottom: 50px;
}


.transaction-filter-title {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    color: #152935;
    margin: 0 0 0 0;
}

.transaction-filter-input .master-home-date {
    position: relative;
    margin: 0;
    display: block;
    float: unset;
}

.transaction-filter-input {
    margin-top: 20px;
}

.transaction-input-parent label {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    color: #152935;
}

.transaction-input-parent {
    display: inline-block;
    float: left;
    margin-bottom: 25px;
    margin-right: 25px;
}

.transaction-input-parent .master-home-date input, .transaction-input-parent .master-home-date select {
    background: rgba(142, 87, 38, 0.15) !important;
}


.transaction-input-parent .master-home-date input:focus, .transaction-input-parent .master-home-date select:focus {
    background: rgba(142, 87, 38, 0.15) !important;
    border: 1px solid #C9B37E !important;
    box-sizing: border-box !important;
    box-shadow: 0px 2px 20px rgba(207, 217, 223, 0.1) !important;
    border-radius: 4px !important;
}

.transaction-input-parent .master-home-date select {
    padding: 0 30px 0 16px !important;
    width: 175px !important;
}

.dashed-border-transaction {
    /*border-bottom: 1px dashed rgba(0, 0, 0, 0.2);*/
    /*border-bottom: 1px dashed rgba(0, 0, 0, 0.2);*/
    background: url("../images/dashed-line.png") repeat-x center center ;
    margin: 25px 0;
    height: 1px;
}

.transaction-table-h2-2 {

    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.5);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.transaction-detail {
    width: 100%;
    margin-top: 17px;
    height: calc(100vh - 520px);
    overflow-y: auto;
}


.transaction-detail th
{
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    position: sticky;
    top: 0;
    background-color: #ffffff;
    z-index: 999999;
}

.transaction-detail .table-hover tbody tr {
    /*border: 1px solid rgba(0, 0, 0, 0);*/
}

.transaction-detail .table-hover tbody tr:hover
{
    /*background-color: rgba(217, 173, 101, 0.05);*/
    /*border: 1px solid #D9AD65;*/
}

.transaction-detail table {
    margin: 0;
    table-layout: fixed;
}

.clear-all-btn-transaction {
    float: right;
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    text-decoration-line: underline;
    color: #C9B37E;
    cursor: pointer;
    padding-top: 46px;
}

.btn-default {
    font-family: 'IBM Plex Sans';
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    border-radius: 4px;
    padding-top: 11px;
    padding-bottom: 11px;
    background: #8E5726;
    text-align: center;
    color: #FFF;
    border: 1px solid #8E5726;
    text-decoration: none !important;
    display: inline-block;
    padding-left: 40px;
    padding-right: 40px;
}

.no-padding-data-section {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.no-padding-data-section .no-padding-inner-maintenance {
    padding-right: 18px;
    padding-left: 18px;
}

.add-data-bed-section .add-maintenance-section {
    width: calc(100% + 30px);
    left: -15px;
}

.remote-start-save-button {
    text-align: right;
    margin-top: 30px;
}

.remote-start-save-button .btn-1 {
    background: #D3A251;
    border-radius: 4px;
    padding: 10px 40px;
    border-color: #bc8c3e;
}


#remote-start .modal-dialog {
    width: 90% !important;
    margin: 30vh auto 0 !important;
    max-width: 500px;
}


#low-stock .modal-dialog {
    width: 90% !important;
    margin: 30vh auto 0 !important;
    max-width: 500px;
}

/*suncenter dashboard css*/

.live-widget
{
    background: #FFFFFF;
    border: 1px solid #E6E6E6;
    box-sizing: border-box;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    width: 341px;
    padding: 15px;
    position: relative;
    display: inline-block;
    margin-right: 30px;
}

.live-info p
{
    font-family: 'Open Sans';
    font-weight: normal;
    font-size: 12px;
    color: #7f7f7f;
    width: 170px;
}

.live-info h3
{
    font-family: 'Open Sans';
    font-weight: 600;
    font-size: 20px;
}

.info-block,
.live-btn,
.live-info-img,
.live-info
{
    display: inline-block;
}

.live-info-img
{
    vertical-align: top;
}

.live-info-img img
{
    width: 43px;
    height: 43px;
    object-fit: contain;
    /*border: 3px solid #FFFFFF;*/
    /*box-shadow: 0px 0px 10px rgba(207, 217, 223, 0.5);*/
}

.live-btn
{
    position: absolute;
    top: 16px;
    right: 12px;
}

.live-btn a
{
    background: #11A342;
    border-radius: 25px;
    font-family: 'Open Sans';
    font-weight: 600;
    font-size: 12px;
    color: #fff;
    width: 60px;
    height: 20px;
    display: block;
    text-align: center;
    text-decoration: none;
    padding: 1px;
}

.hour-head,
.time-schedule
{
    display: inline-block;
}

.hour-head
{
    vertical-align: top;
    width: 120px;
}

.hour-head h5
{
    font-family: 'Open Sans';
    font-size: 12px;
    font-weight: 600;
    color: #7f7f7f;
}

.time-schedule ul
{
    margin: 0;
    padding: 0;
}

.time-schedule li
{
    font-family: 'Open Sans';
    font-size: 11px;
    list-style-type: none;
    padding-bottom: 5px;
}

.time-schedule li span
{
    width: 60px;
    display: inline-block;
}

.time-schedule li .highlight-day
{
    color: #000;
}

.schedule-info
{
    margin-top: 50px;
}

.live-widget-action-btns
{
    width: 100%;
}

.live-widget-action-btns .btn-2
{
    float: left;
}

.live-widget-action-btns .btn-1
{
    float: right;
}

/*scrollbar design css starts*/

/* width */
.main-content::-webkit-scrollbar,
.transaction-detail::-webkit-scrollbar,
.view-cafe-section::-webkit-scrollbar,
.add-data-section::-webkit-scrollbar,
.add-data-input-main::-webkit-scrollbar,
.left-menu::-webkit-scrollbar,
.participants-all-coupons-list::-webkit-scrollbar
{
    width: 12px;
}

.main-content::-webkit-scrollbar,
.transaction-detail::-webkit-scrollbar,
.view-cafe-section::-webkit-scrollbar,
.add-data-section::-webkit-scrollbar,
.add-data-input-main::-webkit-scrollbar,
.left-menu::-webkit-scrollbar,
.participants-all-coupons-list::-webkit-scrollbar
{
    overflow-y: scroll;
    width: 8px !important;
}

/* Handle */
.main-content::-webkit-scrollbar-thumb,
.transaction-detail::-webkit-scrollbar-thumb,
.view-cafe-section::-webkit-scrollbar-thumb,
.add-data-section::-webkit-scrollbar-thumb,
.add-data-input-main::-webkit-scrollbar-thumb,
.left-menu::-webkit-scrollbar-thumb,
.participants-all-coupons-list::-webkit-scrollbar-thumb
{
    background: #A3A3A3;
    border-radius: 177px;
}

/*scrollbar design css ends*/

.form-control:focus
{
    /*border: none;*/
    /*border-color: transparent;*/
    /*color: transparent;*/
    /*box-shadow: none;*/
}

.bed-timer
{
    vertical-align: unset;
}

/*league css*/

.country-name p
{
    font-family: 'Open Sans';
    font-weight: 600;
    font-size: 12px;
    color: #252A31;
}

.bet-title
{
    margin-top: 15px;
}

.team-tags
{
    border: 1px solid #E5E5E5;
    padding: 3px 15px 20px;
    margin-top: 5px;
}

.team-tags p,
.prize-tags p,
.add-tags a
{
    font-family: 'Open Sans';
    font-weight: 600;
    font-size: 12px;
    background: #F6F5F3;
    padding: 7px 10px;
    color: #252A31;
    margin: 12px 15px 0 0;
    display: inline-block;
    position: relative;
    text-decoration: none;
}

.close-bt
{
    background: rgba(196, 196, 196, 0.7);
    backdrop-filter: blur(4px);
    position: absolute;
    top: -6px;
    right: -6px;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    text-align: center;
}

.close-bt img
{
    position: absolute;
    top: 3px;
    left: 3px;
    right: 0;
    text-align: center;
}

.teams label img
{
    padding-left: 30px;
}

/*games css*/

.filters .custom-control
{
    display: inline-block;
    margin-right: 32px;
    margin-bottom: 0;
}

.filters
{
    margin-top: 26px;
}

.filters label
{
    font-family: 'Open Sans';
    /*font-weight: 600;*/
    font-size: 12px;
    color: #b3b4b7;
    padding-top: 4px;
}

.filters .custom-checkbox .custom-control-input:checked~.custom-control-label::after
{
    border: 1px solid #C5CEE0 !important;
    box-sizing: border-box;
    border-radius: 3px;
    background: #8F9BB3;
    mix-blend-mode: normal;
    opacity: 0.16;
}

.filters .custom-control-input:checked~.custom-control-label::before
{
    background: #5B7C8E;
    border: 1px solid #5B7C8E;
    box-sizing: border-box;
    border-radius: 3px;
}

.score-weight
{
    font-weight: 600;
    display: inline-block;
    width: 37px;
}

.live-info,
.prize
{
    border-radius: 4px;
    padding: 3px 7px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    color: #FFFFFF;
    display: inline-block;
}

.live-info
{
    background: #FE9E59;
    /*margin-left: 20px;*/
}

.prize
{
    background: #4CD964;
    /*margin-left: 5px;*/
}


.complated-game-tag {
    background: #696969;
    border-radius: 4px;
    padding: 3px 7px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    color: #FFFFFF;
    display: inline-block;
}


.friendly-game-tag {
    background: #5B7C8E;
    border-radius: 4px;
    padding: 3px 7px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    color: #FFFFFF;
    display: inline-block;
}


.link-btn {
    cursor: pointer;
}

.top-align,
.score-weight
{
    position: relative;
    top: 5px;
}

.action-btns
{
    float: right;
    line-height: 0;
}

.action-btns .edit-action,
.action-btns .del-action
{
    top: 0;
}

.heading-game
{
    margin-bottom: 25px;
}

.heading-game p
{
    font-family: 'Open Sans';
    font-size: 12px;
    color: rgba(37, 42, 49, 0.6);
    display: inline-block;
    margin: 0;
}

.heading-game p:last-child
{
    padding-left: 80px
}

.view-heading-block h2
{
    margin-bottom: 0;
}

.liga
{
    background: #508B68;
}

.prize-game
{
    background: #4CD964;
}

.liga,
.prize-game,
.live,
.match-rest
{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    color: #fff;
    border-radius: 4px;
    padding: 5px 9px;
    margin-right: 10px;
}

.game-doted-line
{
    padding-right: 430px;
}

.start-game
{
    background: #5B7C8E;
    color: #fff !important;
}

.launch-game
{
    border: 1px solid #5B7C8E;
    color: #5B7C8E;
}

.start-game,
.launch-game
{
    border-radius: 4px;
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    margin-top: 45px;
    height: 50px;
    padding: 12px;
    display: inline-block;
    text-align: center;
    width: 100%;
}

.start-game:hover
{
    color: #fff;
    text-decoration: none;
}

/*.game-detail .input-label*/
/*{*/
    /*margin: 44px 0 0;*/
/*}*/

.prize-tag-line
{
    margin: 40px 0 0;
}

.prize-title
{
    margin: 15px 0 0;
}

.game-detail .assign-ad
{
    margin: 44px 0 0;
}

.game-detail p
{
    color: #252A31 !important;
    /*margin-top: 12px;*/
    margin-bottom: 0;
}

.game-detail label,
.game-detail p,
.site-links
{
    font-family: 'Open Sans';
    font-weight: 600;
    font-size: 12px;
    color: rgba(37, 42, 49, 0.6);
    padding-bottom: 5px;
}

.main-live-matches-block .ques-right-side p
{
    cursor: pointer;
}

.site-links
{
    text-decoration: underline;
    color: #252A31;
}

.game-detail .assign-ad
{
    margin-top: 10px;
}

.questions-block
{
    border: 1px solid #E5E5E5;
    padding: 15px;
    padding-bottom: 5px;
}

/*.game-detail .bet-title*/
/*{*/
    /*margin-top: 0;*/
/*}*/

.match-desc
{
    background: #FFFFFF;
    mix-blend-mode: normal;
    border: 0.5px solid #DADADA;
    padding: 10px 0 0;
}

.match-desc label
{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    color: #252A31;
}

.game-detail .match-desc label
{
    margin-top: 0;
}

.choice-block
{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    text-align: center;
    width: 59px;
    height: 25px;
    display: inline-block;
    line-height: 2;
    margin-left: 12px;
    color: #252A31;
    vertical-align: middle;
}

.odd-choices .choice-block
{
    font-weight: normal;
    color: rgba(37, 42, 49, 0.8);
}

.choice-title
{
    display: inline-block;
}

.prize-bet
{
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    color: rgba(37, 42, 49, 0.6);
}

.prize-code
{
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    color: #252A31;
    margin-left: 20px;
}

.assign-admin
{
    margin-top: 15px;
}

.assign-admin .match-desc label
{
    margin-top: 0;
}

.choices .choice-title
{
    width: 44px;
    color: rgba(37, 42, 49, 0.8) !important;
    font-weight: normal;
}

.match-desc
{
    margin-bottom: 10px;
}

.choices
{
    margin-bottom: 10px;
}

.res-data
{
    padding-top: 4px;
}

.ques-right-side label
{
    color: rgba(37, 42, 49, 0.8);
}

.channel-tags
{
    margin-bottom: 27px;
}

.channel-tag
{
    padding: 15px;
}

.channel-tag p
{
    margin-top: 0;
}

.back-btn:hover
{
    text-decoration: none;
    color: #4C4C4C;
}

.back-btn
{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    color: #4C4C4C;
    margin-bottom: 30px;
    display: inline-block;
}

.back-btn img
{
    padding-right: 10px;
}

.change-match-block
{
    background: #FFFFFF;
    border: 2px solid #FE9E59;
    -webkit-box-shadow: 0px 0px 14px -1px #ffe9d8, 0px 0px 13px 7px #FFE9D8;
    box-shadow: 0px 0px 14px -1px #ffe9d8, 0px 0px 13px 7px #FFE9D8;
    width: 100%;
    padding: 30px 0 0;
}

.left-team-score
{
    display: inline-block;
    /*width: 100%;*/
    /*text-align: center;*/
}

.main-total-score
{
    text-align: center;
}

.left-team-score h4,
.left-team-score span,
.game-score input
{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    color: #000000;
    display: inline-block;
}

.left-team-score span,
.game-score input
{
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    width: 50px;
    height: 40px;
    text-align: center;
    padding: 5px;
    margin: 0 30px;
}

.live-match-bt:hover,
.launch-game:hover
{
    text-decoration: none;
    color: #5B7C8E;
}

.live-match-bt
{
    width: auto;
    float: right;
    margin-top: 0;
    color: #5B7C8E;
    height: 40px;
    padding: 7px 10px;
}

.match-tags
{
    margin-top: 40px;
}

.tags-border
{
    border: 1px dashed #FE9E59;
    display: inline-block;
    width: 100%;
}

.change-match-block .tags-block
{
    /*max-width: 350px;*/
    padding-left: 22px;
    padding-right: 10px;
}

.tags-block
{
    position: relative;
    top: -15px;
    text-align: center;
    margin: 0 auto;
    /*width: 100%;*/
    display: inline-block;
    /*max-width: 270px;*/
    background: #fff;

}

.tags-block .liga
{
    background: #5B7C8E;
}

.live
{
    background: #FE9E59;
}

.prize-win
{
    display: inline-block;
    margin-right: 90px;
}

.prize-tags p
{
    margin-top: 0;
}

.prize-win p
{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    color: #252A31;
}

.prize-win .input-label
{
    margin-top: 0;
}

.prize-tv
{
    position: relative;
    top: 7px;
}

.info-bt
{
    position: relative;
    top: -4px;
    left: 10px;
}

.res-no
{
    float: right;
    padding-top: 5px;
}

.res-no,
.res-score
{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    color: #252A31;
}

.res-score
{
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    text-align: center;
    padding: 4px;
}

.end-full,
.end-bet
{
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    border: 1px solid #F5F7FA;
    box-sizing: border-box;
    border-radius: 4px;
    color: #5B7C8E;
    padding: 4px;
    text-align: center;
    margin-top: 8px;
}

.end-bet
{
    border-color: #5b7c8e;
}

.end-full
{
    background: #D1D9DD;
}

.main-live-matches-block .choice-block
{
    background: #F6F5F3;
    border: 1px solid #E5E5E5;
    vertical-align: middle;
}

.end-half-btn:hover
{
    text-decoration: none;
    color: #fff;
}

.end-half-btn
{
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    background: #5B7C8E;
    display: block;
    color: #fff;
    text-align: center;
    width: 100%;
    margin-top: 80px;
    padding: 15px;
}

.main-live-matches-block
{
    margin-left: 60px;
}

.custom-select-opt
{
    border: 1px solid #E5E5E5;
    /*height: 40px;*/
}

.add-game .form-group
{
    margin-bottom: 0;
}

.add-game .main-prize-block
{
    padding: 20px 20px 10px;
}

.add-game .main-prize-block,
.prize-info-block
{
    border: 1px solid #E5E5E5;
}

.prize-info-block
{
    position: relative;
    margin-bottom: 10px;
    padding-bottom: 12px;
}

.prize-info-block .prize-tag-line
{
    margin: 0;
}

.prize-info-block .prize-title p
{
    margin: 0;
}

.prize-close-bt
{
    position: absolute;
    right: -5px;
    top: -12px;
}

.match-desc img
{
    padding-left: 0 !important;
    padding-right: 10px;
}

.choices .input-box
{
    height: 25px;
    border: none;
    border-bottom: 1px solid #E5E5E5;
}

.res-box
{
    background: #F6F5F3;
    border: 1px solid #E5E5E5;
    height: 25px;
    margin-top: 1px;
}

.cafe-buttons .btn-1
{
    background: #5B7C8E;
    border-color: #F5F7FA;
}

.lang-at
{
    background: #EDF1F7;
}

.lang-at,
.lang-un
{
    display: inline-block;
    border: 1px solid #EDF1F7;
    border-radius: 12px;
    text-align: center;
    width: 33px;
    height: 18px;
    font-weight: 600;
}

.lang-un
{
    color: rgba(35, 44, 70, 0.4);
}

.bets-view-dot-line
{
    display: inline-block;
    width: 100%;
    margin-top: 28px;
}

.match-rest
{
    background-color: #8F41F3;
}

.lang-tags
{
    margin-left: 20px;
    position: relative;
    top: 5px;
}

.bets-choice span
{
    margin-left: 0;
    margin-right: 15px;
    width: 94px;
    height: 40px;
    padding: 1px;
    font-size: 18px;
}

.bets-desc
{
    margin-top: 3px;
}

.lang-tags:hover
{
    text-decoration: none;
}

.country-name textarea
{
    border-color:  #E5E5E5;
}

.clari-block
{
    margin-top: 83px;
}


.users-block .user-listing-subscription
{
    vertical-align: middle;
    display: table-cell;
}

.cafe-table th img
{
    padding-left: 10px;
}

.period,
.user-to,
.period h5,
.user-to h5
{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    display: inline-block;
    color: #4C4C4C;
    padding-right: 20px;
}

.period span,
.user-to span
{
    font-family: 'Open Sans';
    border: 1px solid #E5E5E5;
    box-sizing: border-box;
    border-radius: 3px;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    color: #252A31;
    padding: 10px 20px;
}

.user-period input[type=text]
{
    font-family: 'Open Sans';
    border: 1px solid #E5E5E5;
    box-sizing: border-box;
    font-weight: 600;
    font-size: 12px;
    color: #252A31;
    width: 84px;
    height: 34px;
    text-align: center;
    border-radius: 3px;
    /*width: 40%!important;*/
}

.user-period
{
    margin: 15px 0 5px;
    display: inline-block;
    width: 100%;
}

.user-view-actions .edit-action,
.user-view-actions .del-action
{
    top: 0;
}

.user-view-actions
{
    margin-top: 0;
    float: right;
}

.user-bio
{
    display: inline-block;
    padding-left: 20px;
}

.user-bio h4
{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    color: #252A31;
}

.user-bio span
{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    color: rgba(37, 42, 49, 0.6);
    position: relative;
    top: -10px;
}

.user-view-btns .upload
{
    display: inline-block;
    position: absolute;
    margin-left: 65px;
    top: 7px;
}

.user-view-dot
{
    padding-right: 240px;
}

.user-view-block .prize-title
{
    margin: 0;
}

.join-month
{
    padding-left: 40px;
    font-weight: normal;
}

.hist-el p
{
    font-weight: normal;
    padding-bottom: 0;
}

.hist-el span
{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    color: #7c7f83;
}

.user-view-block .match-desc
{
    padding-bottom: 10px;
}

.hist-status p
{
    margin: 21px 0;
    font-weight: 600;
}

.hist-st-prize p
{
    color: #4CD964 !important;
}

.prize-view-actions
{
    margin-top: 15px;
}

.prize-view-block span
{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    color: #252A31;
}

.prize-promo
{
    margin-left: 30px;
}

.prem-leg
{
    font-family: 'Open Sans';
    font-size: 12px;
    color: #7c7f83;
}

.bet-img span,
.league-img span
{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    color: rgba(37, 42, 49, 0.75);
}

.prize-date-tag
{
    background-color: #5B7C8E;
}

.prize-length .master-home-date
{
    float: none;
}

.prize-add-block .team-tags
{
    padding: 3px 15px 15px;
}

.tv-channel-table h2
{
    vertical-align: middle;
    display: inline-table;
}

.tv-view-actions
{
    margin-top: 30px;
}


/*.not-date*/
/*{*/
    /*width: auto;*/
    /*display: inline-block;*/
/*}*/

.notify-list label
{
    width: 145px;
}

.notify-list li
{
    list-style-type: none;
}

.notify-list p
{
    display: inline-block;
    vertical-align: text-top;
    /*margin-left: 50px;*/
}

.notify-bt-block
{
    width: 100%;
}

.not-add-sel select
{
    background: #FE9E59;
}

.noti-users .filters
{
    margin-top: 0;
}

.bot-stats
{
    margin-top: 40px;
}

.league-actions
{
    margin-top: 15px;
}

.league-img img
{
    border: 5px solid #C4C4C4;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    object-fit: contain;
}

.league-img
{
    margin-top: 5px;
}

.league-detail .country-name p
{
    margin: 19px 0;
}

.league-teams
{
    margin-bottom: 15px;
}

.lang-selection
{
    float: right;
    margin: 16px 0;
}

.lang-selection label
{
    margin: 0;
}

.top-lang-selection
{
    padding-top: 0;
}


/*modal css*/

.modal-header,
.modal-footer
{
    border: none;
}

.modal-footer button
{
    width: 126px;
}

.add-team-tags-block
{
    border: 1px solid #E5E5E5;
    padding: 10px 0 20px;
}

.add-team-tags-block input
{
    border: none;
    outline: none;
}

.add-modal .modal-header
{
    padding-bottom: 0;
}

.add-modal .modal-body
{
    padding-top: 15px;
    padding-bottom: 0;
}

.add-modal
{
    top: 25%;
    max-width: 563px;
}

.modal-desc p
{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
}

.modal-close-bt:hover
{
    color: #5B7C8E;
}

.modal-close-bt
{
    background-color: transparent !important;
    border: 1px solid #5B7C8E !important;
    border-radius: 4px;
    color: #5B7C8E;
    margin-right: 60px;
}

.warning-alert
{
    text-align: center;
}

.warning-alert h5
{
    text-align: center;
    width: 100%;
}

.warning-desc
{
    padding: 0 50px;
}

.warning-alert .modal-footer
{
    margin: 0 auto;
}

.warning-alert .modal-footer button
{
    width: 96px;
    margin-top: 14px;
    margin-bottom: 18px;
}

.match-time
{
    max-width: 215px;
    margin: 0 auto;
    text-align: left;
}

.match-change-time .modal-footer button
{
    width: 154px;
}

.add-heading input::placeholder
{
    color: #000;
}

.add-heading input
{
    border: none;
    outline: none;
    font-weight: 600;
    font-size: 18px;
    color: #000;
    padding: 0;
}

.config-pages
{
    margin: 20px 0;
}

.config-main-view
{
    margin-top: 71px;
}

.config-pages .radio-inline::before
{
    border-radius: 50px;
}

.config-pages .active-check
{
    background-color: #5B7C8E;
}

.config-pages label
{
    margin: 0 20px;
}

.tv-tags .close-bt
{
    background: transparent;
}

.bet-img img
{
    width: 20%;
}

#default_image_cropper .cropper-container {
    width: 100% !important;
}

#default_image_cropper {
    width: 70%;
    left: 15%;
}

.bet-quest-modal
{
    max-width: 70%;
    top: 6%;
}

.lang-tags .custom-control
{
    display: inline-block;
}

.bet-sel
{
    margin: 0;
}

.bet-quest-modal .modal-body
{
    padding-top: 0;
}

.bet-filter
{
    margin-top: 12px;
}

.bet-lib
{
    margin: 10px 0;
}

.bet-search
{
    margin-top: 17px;
    float: right;
}

.connect-bt
{
    float: right;
}

.bet-quest-modal .match-desc
{
    padding: 0;
    margin-top: 20px;
    margin-bottom: 0;
}

.bet-quest-modal .modal-header
{
    padding-left: 30px;
}

.bet-quest-modal .modal-content
{
    padding: 0 10px;
}

.bet-quest-modal .teams
{
    position: relative;
}

.bet-quest-modal .check-block
{
    position: absolute;
    right: -15px;
    top: -5px;
}

.config-tabs
{
    margin-bottom: 30px;
}

.text-editor
{
    margin-top: 20px;
}

.bet-del
{
    position: absolute;
    right: -15px;
    top: -12px;
}

.add-bet-quest
{
    position: relative;
}

.config-tabs .nav-link.active
{
    font-weight: 600;
}

.flatpickr-calendar.open
{
    z-index: 9999999 !important;
}

.imp-prize-block
{
    margin-top: 20px;
    margin-bottom: 0;
    cursor: pointer;
}

.add-selection
{
    cursor: pointer;
}

.live-match-score .left-team-score input
{
    width: 50%;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
}

.main-total-score .result-btn-2 {

    width: 50%;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    display: inline-block;
    padding: 10px;

}

.result-btn-2.active {
    color: #ffffff !important;
    background: #5D7B8B !important;
    border: 1px solid #5D7B8B !important;
}

.end-game-action .col-12
{
    padding: 0;
}
.bet-bg-colr{
    background-color: #F6F5F3;
}

.games-res-box
{
    padding: 3px 0;
    text-align: center;
}

.edit-score:hover
{
    color: #fff;
    text-decoration: underline;
}

.edit-score
{
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    background: #5B7C8E;
    margin-left: 20px;
    text-align: center;
    padding: 5px 20px;
    color: #fff;
    border-radius: 3px;
    text-decoration: none !important;
}

.game-score-radio {
    width: 45px;
}

.game-score-radio-box {
    padding-top: 30px;
}

.game-score-mark-box {
    width: 50px;
    border: 2px solid #5D7B8B;
    background-color: #ffffff;
    color: #5D7B8B;
    cursor: pointer;
    margin-bottom: 5px;
    margin-right: 5px;
    text-align: center;
    display: inline-block;
    border-radius: 14px;
}

.game-score-mark-box.active, .game-score-mark-box:hover {
    color: #ffffff;
    background: #5D7B8B;
}

.game-score-mark-box-input {
    width: 100px !important;
}

/* Chrome, Safari, Edge, Opera */
.game-score-mark-box-input::-webkit-outer-spin-button,
.game-score-mark-box-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.game-score-mark-box-input[type=number] {
    -moz-appearance: textfield;
}

.bet-ques-block
{
    padding: 0 0 15px;
    margin-bottom: 10px;
    position: relative;

}

.bet-ques-block .input-label
{
    margin: 10px 0 0;
}

.choices-group
{
    border: 1px solid #E5E5E5;
    padding: 10px;
}
.tooltip-inner{
    background-color: #5B7C8E !important;

    max-width: 350px !important;

}
.tooltip.bs-tether-element-attached-top .tooltip-inner::before {
    border-bottom-color: red;
}

.choice-del
{
    position: absolute;
    right: -6px;
    top: -13px;
}

.choices .link-modal-text {
    color: rgba(37, 42, 49, 0.8) !important;
    font-weight: normal !important;
}

.bet_end{
    background-color: #FFE5E5;
}
.launched_coupon{
    background: #FE9E59;
    text-align: center;
    color: #FFF !important;
    border: 1px solid #FE9E59;
}

.bet-names
{
    width: 250px;
}

.bet-question-list .col-8
{
    padding-right: 0;
}

.bet-question-list .choice-block
{
    width: 50px;
    margin-left: 10px;
}
.datepicker{z-index:1151 !important;}

.is_scheduled_status{
    background-image: url("../images/input-select.png");
    background-repeat: no-repeat, repeat;
    background-position: right 0.7em top 50%, 0 0;
    background-size: 1.2em auto, 100%;
}


.prizes-list-filters .custom-control {
    margin-right: 10px !important;
}


.coupons-participants-table-section {
    padding-right: 200px;
    height: calc(100vh - 250px);
}

.coupons-participants-table-section-start-time {
    font-weight: 600;
    font-size: 12px;
    line-height: 24px;
    font-family: 'Open Sans';
    display: block;
    padding: 26px 0 10px 20px;
}

.font-normal {
    font-weight: 400 !important;

}

.data-listing-tr-green-bordered {
    background: rgba(80, 139, 104, 0.05);
    border-top: 2px solid #508B68;
    border-bottom: 2px solid #508B68;
    border-left: 1px solid #508B68;
    border-right: 1px solid #508B68;
}

.data-listing-tr-green-bordered td:first-child {
    border-left: 2px solid #508B68;
}

.data-listing-tr-green-bordered td:last-child {
    border-right: 2px solid #508B68;
}

.coupons-bet-users-list-section {
    padding: 16px;
    height: calc(100vh - 140px);
}


.coupons-bet-users-list-section-heading {
    font-family: 'Open Sans';
    font-weight: 600;
    font-size: 18px;
    line-height: 15px;
    color: #000000;
    padding-top: 10px;
    padding-bottom: 6px;
}

.counter-span {
    font-family: 'IBM Plex Sans';
    font-weight: bold;
    font-size: 14px;
    background-color: #5B7C8E;
    border-radius: 20px;
    padding: 4px 16px;
    color: #fff;
    margin-left: 12px;
    bottom: 2px;
    position: relative;
    min-width: 56px;
    display: inline-block;
    text-align: center;
}


#participants-all-coupons .modal-header {
    padding-left: 64px;
}

.participants-all-coupons-highlights {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: rgba(0, 0, 0, 0.5);
    padding-left: 64px;
}

#participants-all-coupons .modal-body {
    padding: 5px 64px 55px 64px;
}


#participants-all-coupons .modal-dialog {
    max-width: 600px;
}

.participants-all-coupons-list {
    max-height: calc(100vh - 300px);
    overflow-y: auto;
    overflow-x: hidden;
}

.participants-all-email-td {
    width: 50% !important;
}

.void-btn {
    font-family: 'Open Sans';
    background-color: #FB5151;
    color: #fff;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    padding: 5px 15px;
    display: inline-block;
    margin-top: 10px;
}

.void-text {
    font-family: 'Open Sans';
    color: #252A31;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    display: block;
}

.void-container {
    text-align: left;
    width: 62px;
    display: inline-block;
}


.game-start-sort-no {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    color: #252A31;
    padding-left: 14px;
}


.add-home-page-media {
    border: 1px solid #DEE2E6;
    display: inline-block;
    padding: 15px;
    width: 440px;
    margin-top: 10px;
    margin-left: 15px;
    max-width: 90%;
}

.add-home-page-media-text {
    color: #495057;
    font-size: 12px;
    font-weight: 600;
    padding-top: 12px;
    display: inline-block;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.text-media-filter{
    text-overflow: ellipsis;
    max-width: 349px;
    overflow-x: hidden;
    padding-top: 16px;
}