[v-cloak] { display:none; }


body
{
    font-family: 'IBM Plex Sans', 'Open Sans', 'Roboto', sans-serif;

}

.main-generic {
    background-color: rgba(201, 179, 126, 0.44);
}

.row
{
    margin: 0;
}

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

.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: #8E5726;
    text-align: center;
    color: #FFF !important;
    border: 1px solid #8E5726;
    text-decoration: none !important;
    display: inline-block;
    cursor: pointer;
}

.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: #D3A251;
    border: 1px solid #BC8C3E;
    text-decoration: none !important;
    display: inline-block;
    cursor: pointer;
}


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


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

.sidebar .show-nav-close {
    position: absolute;
    cursor: pointer;
    right: 8px;
    top: 8px;
    font-size: 20px;
    display: none !important;
}

.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(196, 179, 125, 0.2);
}

.total-users
{
    float: left;
}

.user-icons
{
    float: right;
}

.user-icons-btns {
    max-width: 75%;
    position: relative;
    bottom: 6px;
}

.user-icons-btns .input-search-second {
    max-width: 38%;
    display: inline-block;
}


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

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

.sorting-setting .sorting-setting-options {
    /*display: none;*/
    position: absolute;
    left: -90px;
    width: 190px;
    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;
    display: none;
}

.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: IBM Plex Sans;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 12px;
    color: #152935;
    margin-bottom: 10px;

}


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

/*.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,
.company-selection,
.dash-location
{
    margin-top: 8px;
}

.total-users span
{
    font-family: 'IBM Plex Sans';
    font-weight: bold;
    font-size: 14px;
    background-color: #8E5726;
    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) !important;
    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);*/
    border-right: 1px solid #dee2e6;
    border-left: 1px solid #dee2e6;
}

.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);
}


.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;
}


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

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

}

.cafe-table tbody tr:hover, .cafe-table tbody tr.active {
    background: rgba(217, 173, 101, 0.05) !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, .data-listing-tr.active td:last-child {
    border-right: 1px solid #D9AD65 !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;
}



.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: 18px 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;
}


.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 img:first-of-type
{
    padding-right: 37px;
}

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

.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,
.highlight-day
{
    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 #D3A251;
}

.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: #D3A251;
    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: #D3A251;
    border: none;
    box-shadow: none;
}

.login-form .form-group label,
.forgot,
.modal-title
{
    font-family: 'IBM Plex Sans';
    font-weight: 600;
}

.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(0, 0, 0, 0.5);
    display: inline-block;
    padding: 0;
    margin: 20px 0 10px 0;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hours-to-date-wrapper .input-label {
    display: block;
    margin-top: 10px;
    margin-bottom: 13px;
}


.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;
    cursor: pointer ;
}

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

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

.remote-start-btn {
    margin-top: 25px;
    margin-bottom: 10px;
}

.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: 20px;
}

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

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

.location-buttons .btn-1 {
    padding-left: 12px;
    padding-right: 12px;
    margin-top: 10px;
}

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

.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;
    width: 100%;
}

.del-head
{
    padding: 0;
}

.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;
}

.confirmation-model-btn{
    padding: 10px;
}

.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: #000000;
    margin: 0;
}

.user-listing-name 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;
}



.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;
}

.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;
    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;
    min-width: 130px;
}

.bed-open-btn-options .list-group-item {
    padding: 5px 10px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #000000;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 130px;
    cursor: pointer;
}

.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-dark-red-tag {
    background:  #FB5151;
    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;*/
/*}*/


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

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

.cafe-view-added-payment table th {
    min-width: 120px;
}

.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 !important;
}

.cursor-pointer input {
    cursor: pointer !important;
}

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

.add-data-input-main-product-ref {
    max-height: calc(100vh - 300px) !important;
}


.add-data-input-deal {
    overflow-y: auto;
    max-height: calc(100vh - 300px);
    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;
}

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

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

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

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

.user-view-btns {

    padding-right: 110px;
    position: relative;
    margin-bottom: 50px;
}

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

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

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

.master-home-date input, .master-home-date select {
    background: #F3F0E5;
    border: 1px solid #C9B37E;
    box-sizing: border-box;
    box-shadow: 0px 2px 20px rgba(207, 217, 223, 0.1);
    border-radius: 4px;
    font-size: 14px;
    color: #242E42;
    height: 35px;
    padding-left: 20px;
    min-width: 150px;
}


.master-home-date input:focus {
    background: #F3F0E5 !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;
}

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

.master-home-date img {
    position: absolute;
    right: 14px;
    top: 15px;
    width: 12px;
    z-index: 99999999;
}

.master-graph-section-home {
    background: #FFFFFF;
    border: 1px solid #E6E6E6;
    box-shadow: 0px 0px 20px rgba(215, 222, 227, 0.15);
    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;
    margin-top: 14px;
}

.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: 20px;
    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
{
    display: inline-block;
}

.place
{
    margin-left: 53px;
    display: inline-block;
}

.red-dot
{
    background: #F1374D;
}

.silver-dot
{
    background: #CFD9DF;
}
.purple-dot
{
    background: #660066;
}

.silver-blue-dot
{
    background: #1E51C0;
}

.blue-dot
{
    background: #1E51C0;
}

.green-dot
{
    background: #2FC01E;
}

.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(84, 97, 122, .5);
    height: 35px;
    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: 500;
    font-size: 12px;
    line-height: 16px;
    color: #000000;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bed-table-listing-bottom {
    line-height: 22px;
}

.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: 6px;
    margin-right: 25px;
    position: relative;
    /*z-index: 99;*/
}

.transaction-input-parent .master-home-date input, .transaction-input-parent .master-home-date select {
    background: rgb(243, 240, 229) !important;
    width: 209px !important;
}


.transaction-input-parent .master-home-date input:focus, .transaction-input-parent .master-home-date select:focus {
    background: rgb(243, 240, 229) !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: 209px !important;
}

.z-index-9999999 {
    position: relative;
    z-index: 9999999;
}

.z-index-9999999 input {
    position: relative;
    z-index: 9999999;
}

.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: 95;
}

.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;
    margin-top: 20px;
}

.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;
    margin: 0;
}

.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;
}


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


.left-menu {
    max-height: calc(100vh - 250px);
    overflow-y: auto;
}

.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,
.left-menu::-webkit-scrollbar,
.add-data-input-main::-webkit-scrollbar,
.users-detail::-webkit-scrollbar,
.add-data-section::-webkit-scrollbar
{
    width: 8px;
    height: 8px;
}

.main-content::-webkit-scrollbar,
.transaction-detail::-webkit-scrollbar,
.view-cafe-section::-webkit-scrollbar,
.left-menu::-webkit-scrollbar,
.add-data-input-main::-webkit-scrollbar,
.users-detail::-webkit-scrollbar,
.add-data-section::-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,
.left-menu::-webkit-scrollbar-thumb,
.add-data-input-main::-webkit-scrollbar-thumb,
.users-detail::-webkit-scrollbar-thumb,
.add-data-section::-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;
}

.lang-selector
{
    width: 70px;
    border: 1px solid rgba(228, 228, 228, 0.6);
    position: absolute;
    right: 240px;
    top: 2px;
}

.location-select-div {
    position: relative;
    padding-left: 30px;
    margin-top: -12px;
    padding-bottom: 12px;
}

.location-select-div-dot {
    position: absolute;
    left: 12px;
    top: 9px;
    background-color: #11A342;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: block;
}

.location-selected-name {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    color: #54617A;
    opacity: 1;
    margin: 0;
    width: 75%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}


.location-select-btn {
    width: 12px;
    margin-left: 10px;
    cursor: pointer;
    display: inline-block;
    height: 6px;
    position: relative;
    top: -5px;
}

.location-select-add-btn {
    position: absolute;
    right: 0;
    font-size: 12px  !important;
    top: 9px;
    color: #3D3D3D;
    cursor: pointer;
}

.location-select-div .location-list-group {
    position: absolute !important;
    top: 30px !important;
    left: 10px !important;
    right: 0 !important;
    box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
    display: none;
}

.location-select-div .list-group .list-group-item {
    padding: 8px 15px !important;
    font-size: 15px !important;
    cursor: pointer;
}


.rotate-180 {

    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.inner-adjusted-container-deal {
    max-height: calc(100vh - 200px);
    overflow-y: auto;
}

.inner-main-container {

}


.deals-details-div {

    max-height: calc(100vh - 255px) !important;
    height: unset !important;

}


.vdp-datepicker__calendar {
    z-index: 99999999999 !important;
}

.dashboard-first-select {
    margin-left: 0;
}

.select-height-40 {
    height:40px !important;
}


.master-home-select select {

    height:40px !important;

}

.master-home-select img {
    top: 18px;
}

.light-gray-disabled {
    color: rgba(0, 0, 0, 0.5);
}

.add-machine-text {

    font-family: Open Sans;
    font-style: normal;
    font-size: 12px;
    line-height: 16px;
    color: #000000;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    cursor: pointer;
}

.add-machine-text:hover {
    text-decoration: underline;
}

.maintenance-block {
    font-size: 9px;
    color: #fff;
    background: red;
    padding: 1px 10px;
    border-radius: 5px;
    display: inline-block;
    margin-left: 4px;
}

.listing-with-maintenance-block {
    display: inline; !important;
}

.room-availability-box {
    border: 1px solid #dee2e6;
    padding: 10px;
    margin-top: 5px;
}

.room-availability-box .room-available-box {
    background: #1d643b;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    height: 60px;
    text-align: center;
    padding-top: 20px;
    box-sizing: border-box;
    cursor: pointer;
}

.room-availability-box .room-booked-box {
    background: #ff0000;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    height: 60px;
    text-align: center;
    padding-top: 20px;
    box-sizing: border-box;
}

.room-availability-box .room-name-text {
    display: block;
    padding: 5px;
    text-align: center;
    font-size: 10px;
    font-weight: 500;
    color: #000000;
}

.room-booked-image {
    width: 100%;
    height: 60px;
    object-fit: cover;
}

.super-admin-dash
{
    border-bottom: 1px solid #b5b5b5;
}

.super-admin-optns
{
    background: rgba(196, 179, 125, 0.2);
    padding: 14px 0 18px;
}

.super-admin-optns a
{
    font-size: 12px;
    padding: 10px 30px;
    color: #3D3D3D;
}

.super-admin-optns a.active
{
    font-weight: bold;
    text-decoration: underline;
}

.dash-picker .vdp-datepicker
{
    display: inline-block;
}

.dash-picker label
{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    color: #242E42;
    padding-right: 12px;
    padding-left: 12px;
}

.dash-picker img
{
    z-index: 9999999;
}

.turnover-widget:hover
{
    background: #F7F7F7;
    border: 1px solid #242E42;
    cursor: pointer;
}

.turnover-widget
{
    background: #FFFFFF;
    border: 1px solid #E6E6E6;
    box-shadow: 0 0 20px rgba(215, 222, 227, 0.15);
    border-radius: 2px;
    padding: 16px 20px 2px;
    margin-top: 25px;
    width: 209px;
    display: inline-block;
    margin-right: 30px;
    float: left;
}

.turnover-content h5
{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    color: #000000;
    height: 30px;
}

.turnover-content h3
{
    font-family: 'Roboto';
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    color: #242E42;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.turnover-content span
{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    color: #374258;
}


.turnover-content-2-block {
    height: 63.5px;
}

.turnover-content-2-block-pt {
    padding-top: 25px;
}

.total-room-block
{
    background: #F7F7F7;
    border: 2px solid #242E42;
    box-sizing: border-box;
    box-shadow: 0px 0px 20px rgba(215, 222, 227, 0.15);
}

.total-room-block h2
{
    font-family: 'Roboto';
    font-weight: bold;
    font-size: 20px;
    color: #000;
}

.dash-location
{
    margin-right: 0;
}

.dash-location .master-home-date select
{
    width: 452px !important;
}

.location-id-col {
    width: 75px !important;
    max-width: 75px !important;
}

.maintenance-hours-reset-box {
    padding-top: 10px;
}

.maintenance-hours-reset {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    color: #151522;
    position: relative;
    top: -2px;
    left: 1px;
}

.id-width-transaction {
    width: 40px !important;
    max-width: 40px !important;
}

.f-left {
    float: left;
}

.transaction-table-row-span-column {
    vertical-align: middle !important;
    padding-left: 20px !important;
}

.transaction-detail table {
    width: unset !important;
}

.my-pages-container {

    width: 90% !important;
    margin: 0 auto;
    max-width: 1000px;

}


.my-pages-container .admin-name h4 {
    font-size: 30px;
}

.right-menu-wrapper {
    display: inline-block !important;
    background: #F3F0E5;
    padding: 5px;
}

.payment-table-ctb {
    border-top: 2px solid #000000 !important;
}

.maintenance-reminder-wrapper {
    border: 1px solid #E5E5E5;
    padding: 9px;
}

.maintenance-reminder-label {

    font-family: Open Sans !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    line-height: 16px !important;
    color: rgba(0, 0, 0, 0.5) !important;
    padding: 0 !important;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

}

.maintenance-reminder-wrapper .input-box, .hours-to-date-wrapper .input-box{
    width: 90px !important;
    display: inline-block !important;
}

.maintenance-reminder-divider {
    width: 1px;
    display: inline-block;
    height: 30px;
    border-right: 1px solid #000000;
    position: relative;
    top: 12px;

}

.maintenance-reminder-btn {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    color: #000000;
    cursor: pointer;
}

.disabled-btn {
    height: 28px;
    text-align: center;
    background: #FB5151;
    margin-left: 10px;
    display: inline-block;
    position: relative;
    top: 3px;
    float: right;
    cursor: pointer;
    padding: 5px 6px;
    border-radius: 16px;
    font-size: 12px;
    color: #fff;
}

.enabled-btn {

    height: 28px;
    text-align: center;
    background: #2AC969;
    margin-left: 10px;
    display: inline-block;
    position: relative;
    top: 3px;
    float: right;
    cursor: pointer;
    padding: 5px 6px;
    border-radius: 16px;
    font-size: 12px;
    color: #fff;

}

.transaction-csv-download-btn {
    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;
    position: relative;
    right: -10px;
}

.contact-info-main-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 58px;
    display: inline-block;
}

.notification-stats-view {
    display: none;
}

.stats-fonts {
    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;
}

.add-payment-method {

    padding-left: 6px;

}


.check-box-span {
    display: inline-block;
    padding-top: 3px;
}

.room-number-column {
    max-width: 95px !important;
    width: 95px !important;
}

.bed-status-column {
    max-width: 140px !important;
    width: 140px !important;
}

.small-menu-nav-btn {
    height: 40px;
    width: 40px;
    position: absolute;
    left: -40px;
    top: 0;
    background-color: #E7DEC6;
    display: none;
}

.small-menu-nav-btn i {
    position: absolute;
    top: 12px;
    font-size: 20px;
    left: 10px;
    cursor: pointer;
}


.small-sidebar-overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.4);
    z-index: 999999999;
    display: none;
}

.vue-date-picker-new {
    position: absolute;
    display: inline-block;
    margin-left: 10px;
}

.vue-date-picker-new img {
    position: absolute;
}

.vdatetime-popup {
    z-index: 999999999 !important;
}

.vdatetime-overlay {
    z-index: 99999999 !important;
}

.master-home-date-picker-div {
    float: unset !important;
    min-width: 240px !important;
    display: inline-block !important;
}


.dashboard-view-font {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #000000;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.drag-and-drop-text {
    text-align: center;
    font-weight: 700;
    color: #8E5726;
}


.search-btn-transaction {
    display: block;
    float: left;
    padding: 8px 20px;
    margin-top: 30px;
}

.total_service_charges {
    padding-left: 13px;
}

.change-country-btn {
    cursor: pointer !important;
    text-decoration: none !important;
    color: #62483a !important;
}

.deal-listing {
    max-height: calc(100vh - 350px) !important;
}

.green-text-force .text-warning {
    color: #1d643b !important;
}

.deal-dotted-line {
    width: 60%
}

.deal-open-close {
    display: inline-block;
    position: relative;
    top: 0;
}

.CookieDeclarationType {
    max-width: 88vw !important;
    overflow-x: auto !important;
}


.disabled-field {
    color: #00000040;
    background: rgba(242, 242, 242, 0.4);
    border: 1px solid #E5E5E5;
}

.master-graph-section-home-preload {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}

.master-graph-section-home-preload img {
    width: 100%;
}

.master-graph-section-home-preload span {
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -0.002em;
    color: #3D3D3D;
    background: #FFFFFF;
    border: 1px solid #484847;
    border-radius: 5px;
    padding: 12px 26px;
    position: absolute;
    top: 20%;
    cursor: pointer;
    left: calc(50% - 60px);
}

.position-rel {
    position: relative;
}


.master-graph-section-home-fade {
    opacity: 0;
}

.upload-picture-disable {
    display: inline-block;
    background: rgba(242, 242, 242, 0.4);
    border: 1px solid #E5E5E5;
    padding: 5px;
    text-align: center;
}

.upload-picture-disable .input-buttons {
    width: 100%;
    cursor: default !important;
}