.subnav-container .daterange-wrap {
    color: #292929 !important;
    display: flex;
    align-items:center;
}

.hidden{
    display: none !important;
}

.stripe-button-active-color{
    background-color:#44D7C5;
}

.stripe-button-inactive-color{
    background-color: #CADAE7;
}

.btn-stripe{
    cursor: pointer;
    flex: 1;
    padding: 0.5rem 1px;
    margin-left: 1px;
    display: inline-block;
    font-weight: normal;
    line-height: 1.25;
    text-align: center;
    text-wrap: nowrap;
    white-space-collapse: collapse;
    vertical-align: middle;
    border: 1px solid;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
    transition-property: all;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

label.error, .close-field label.error {
    color: red;
    padding-top: 5px;
}

ul.report-list {
    margin-top: 20px;
    padding-left: 20px;
}

ul.report-list li {
    padding: 10px 0 0 0;
    color: #44d7c5;
    font-weight: 500;
}

ul.report-list li a {
    color: #44d7c5;
    font-weight: 500;
}

ul.report-list li a:hover {
    text-decoration: underline;
}

.business-subnav {
    min-height: 40px;
}

/* Field Management */

#contentHeader {
    height: auto;
    padding: 0px;
}

.box {
    background: none
}

.viewpages-sec {
    top: -25px
}

input.greenBtn {
    background: url(../images/hide.png) repeat-x;
    width: 55px;
    height: 23px;
    text-indent: -999em;
    border: none;
    cursor: pointer;
    float: left;
}

.errorMessage a.green {
    opacity: .8;
}
.errorMessage a.green:hover {
    color:#22db7c;
    opacity: 1;
}

input.text {
    padding: 6px 12px;
    color: #000;
    border: solid 1px #ddd;
    font-size: 14px;
    width: 85%;
    background: #fff
}

form.fieldMgmt p.btnRow {
    clear: both;
    padding: 32px 0 0 0
}

form.fieldMgmt p.btnRow input {
    border: none;
    background: url(../images/save-btn.png);
    width: 92px;
    height: 32px;
    text-indent: -999em;
    text-transform: uppercase
}

form.fieldMgmt p.btnRow input:hover {
    background-position: 0 -33px;
}

form.fieldMgmt div.addCat {
    background: #fff;
    border: solid 1px #44d7c5;
    display: block;
    width: auto;
    padding: 6px 12px;
    overflow: hidden;
    width: 100%;
    margin: 30px 0;
}

form.fieldMgmt div.addCat input.text {
    float: left;
    width: 50%;
    padding: 0;
    background: #ffffff;
    border: none;
    font-size: 16px;
    color: #000;
    float: left;
    line-height: 38px;
}

input:focus,
input:active {
    outline: none;
}

form.fieldMgmt div.addCat a.addCatBtn {
    display: block;
    margin-top: 2px;
    float: right;
    margin-left: 20px
}

form.fieldMgmt div.addCat a.addCatBtn:hover {
    background-position: 0 -24px;
}

form.fieldMgmt div.catTop {
    display: block;
    clear: both;
    overflow: hidden
}

/* Active Cat */

form.fieldMgmt div.catBlock {
    border: solid 1px #e6e6e6;
    background: #fff;
    overflow: hidden;
    padding: 6px 0;
    width: 100%;
    margin: 8px 0 9px 0
}

form.fieldMgmt div.catBlock:hover {
    cursor: move;
}

form.fieldMgmt div.catBlock .catInner {
    padding: 0 12px;
}

form.fieldMgmt div.catBlock a.stat {
    color: #04a1e5;
    line-height: 19px;
    background: url(../images/tickgreen.png) 100% 50% no-repeat;
    padding-right: 26px;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    float: left;
    display: block
}

form.fieldMgmt div.catBlock a.show {
    display: block;
    float: right;
    font-size: 13px;
    text-align: center;
    width: 85px;
}

form.fieldMgmt div.catBlock a.show:hover {
    background-position: 0 -24px;
}

form.fieldMgmt div.catBlock .shiftLeft {
    display: block;
    float: left;
    width: 48%;
}

form.fieldMgmt div.catBlock .shiftRight {
    display: block;
    float: right;
    width: 50%;
}

form.fieldMgmt div.catBlock .shiftRight input {
    float: left;
    margin-right: 27px;
}

form.fieldMgmt div.catBlock a.hide {
    display: block;
    float: right;
    font-size: 13px;
    text-align: center;
    display: block !important;
    width: 85px;
}

form.fieldMgmt div.catBlock a.hide:hover {
    background-position: 0 -24px;
}

form.fieldMgmt div.catBlock strong.catTitle {
    color: #000;
    font-size: 16px;
    display: block;
    float: left;
    font-weight: 500;
}

form.fieldMgmt div.catBlock input.catTitle {
    float: left;
    width: 297px;
}

form.fieldMgmt div.catBlock input:focus {
    border: solid 1px #44d7c5;
    outline: none
}

form.fieldMgmt div.catBlock div.activeCat {
    color: #04a1e5;
    font-size: 18px
}

form.fieldMgmt div.catBlock a.deleteBtn,
a.deleteBtn {
    display: block;
    float: right;
    margin: 2px 0 0 10px;
    background-color: #fb6362;
}

form.fieldMgmt div.catBlock a.deleteBtn .fal,
a.deleteBtn .fal {
    color: #fff;
}

form.fieldMgmt div.catBlock a.deleteCatBtn,
a.deleteCatBtn {
    display: block;
    float: right;
    margin: 2px 0 0 10px;
    background-color: #fb6362;
}

form.fieldMgmt div.catBlock a.deleteCatBtn .fal,
a.deleteCatBtn .fal {
    color: #fff;
}

form.fieldMgmt div.catBlock a.act_deact {
    display: block;
    float: right;
    margin-right: 15px;
    width: 105px;
    text-align: center;
}

button:disabled {
    background: #ccc !important;
}

/* De Active Cat */

form.fieldMgmt div.deactiveCat strong.catTitle {
    color: #b8b8b8
}

form.fieldMgmt div.deactiveCat a.stat {
    background: url(../images/wrong.png) 100% 50% no-repeat;
    color: #b8b8b8
}

form.fieldMgmt div.deactiveCat a.show {
    background-position: 0 -48px;
}

/* Category Content */

form.fieldMgmt div.catBlock div.catContent {
    clear: both;
    display: block;
    margin-top: 5px;
    padding-top: 20px
}

form.fieldMgmt div.catBlock div.catContent .fieldlabel strong {
    color: #a6a6a6;
    font-size: 14px;
    overflow: hidden;
    padding-bottom: 5px
}

form.fieldMgmt div.catBlock div.catContent .formElement {
    clear: both;
    display: block;
    overflow: inherit;
    width: 100%;
    padding: 4px 0
}

form.fieldMgmt div.catBlock div.catContent .formElement a.plus {
    float: left;
    margin-right: 7px;
    margin-top: 5px;
    font-size: 22px;
}

form.fieldMgmt div.catBlock div.catContent .formElement a.minus {
    float: left;
    margin-top: 5px;
    color: #fb6362;
    font-size: 22px;
}

form.fieldMgmt div.catBlock div.catContent .formElement input.text {
    color: #000;
    margin-top: 0px;
    margin-bottom: 10px;
}

li a.minus {
    margin-right: 10px;
}

form.fieldMgmt div.catBlock div.catContent .formElement input.text:focus {
    outline: none;
    border: solid 1px #44d7c5
}

form.fieldMgmt div.catBlock div.catContent .deactiveElement input.text {
    background: #f2f2f2;
    color: #7f7f7f;
    cursor: default
}

form.fieldMgmt div.catBlock div.catContent .deactiveElement a.plus {
    background-position: 0 0;
    cursor: default
}

form.fieldMgmt div.catBlock div.catContent .deactiveElement a.minus {
    background-position: -28px 0px;
    cursor: default
}

form.fieldMgmt div.catBlock div.catContent div.addNewField {
    display: block;
    clear: both;
    padding: 10px 0;
}

form.fieldMgmt div.catBlock div.catContent div.addNewField a {
    margin-right: 10px;
}

form.fieldMgmt div.catBlock div.catContent div.addNewField a:hover {
    background-position: 0 -24px;
}

form.fieldMgmt div.catBlock ul.childField {
    list-style: none;
    padding: 0;
    margin-bottom: 0px;
    margin-left: 28px;
}

form.fieldMgmt div.catBlock ul.childField li {
    list-style: none;
    padding: 7px 0 0px 0;
    clear: both;
    display: block;
    overflow: hidden
}

form.fieldMgmt div.catBlock ul.childField li input.text {
    width: 84%;
    float: left;
    margin-right: 12px;
}

form li {
    list-style: none;
}

.bg-none {
    background: none !important;
}

.form-tips {
    font-size: 11px;
    margin-top: 10px;
    line-height: 0.25em;
}

/* Booking Wizard Location Settings */

.general-table {
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 30px;
}

.general-table th,
.general-table td {
    border-left: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    padding: 7px 10px;
    font-size: 14px;
}

.general-table th {
    color: #54718f;
    padding-bottom: 8px;
    text-align: center;
}

.general-table td {
    width: 95px;
    text-align: center;
}

.general-table td br {
    display: none;
}

.general-table .even td {
    background: #FAF9F9;
}

.general-table td select {
    border: 1px solid #ccc;
    padding: 4px 4px 4px 8px;
    width: 100px;
    height: 28px;
    line-height: 16px;
    color: #222;
    margin-bottom: 5px;
}

.general-table td label {
    font-weight: bold;
    color: #737373;
    width: 70px;
    margin-bottom: 0;
}

.general-table th.first {
    border: none;
}

.general-table td span {
    display: block;
    margin-left: 9px;
    font-size: 13px;
}

.general-table td .disable {
    color: #e8e8e8;
}

a.remove-online-location-time, a.remove-online-user-time {
    color: #a9a7a7;
}

/* Booking Wizard Users Settings */

/* .manageProduct {
    color: #015196;
}

.manageProduct:hover {
    text-decoration: underline;
    color: #015196;
} */

.save-small,
.save-small-online-booking,
.edit-small, .edit-small-member-availability, .save-small-member-availability,.edit-stock, .edit-variant-stock {
    margin-left: 20px;
    background-color: #276597;
    color: #F1EDED;
}

.save-small:hover,
.save-small-member-availability:hover,
.save-small-online-booking:hover,
.save-small-online-booking:focus,
.edit-small-member-availability:hover,
.edit-small:hover,
.save-small:focus,
.edit-small:focus,
.edit-stock:hover,
.edit-stock:focus,
.edit-variant-stock:hover,
.edit-variant-stock:focus {
    color: #fff;
}

.edit-variant-stock {
    margin-left: 0px !important;
    background-color: transparent;
}


/*User add */

#user_access h4 {
    font-family: Arial, Helvetica, sans-serif;
    color: #535852;
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
    margin: 10px 0;
    padding: 0 5px 0;
}

#user_access p {
    font-family: Arial, Helvetica, sans-serif;
    color: #535852;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
    margin: -10px 0 10px 0;
    padding: 0 5px 0;
}

#user_access p a {
    color: #535852;
    text-decoration: underline;
}

#user_access p a:hover {
    text-decoration: none;
}

.box-user #user_access span {
    background: url(../images/small-access-icon.png) no-repeat left;
    height: 21px;
    width: 21px;
    float: left;
    margin: 5px 8px 0 0;
}

.box-user #user_access {
    padding: 3px 10px 5px;
    background: #D3E5EB;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border: 1px solid #D3E5EB;
    width: 428px;
    float: right;
}
.box-user{
    padding: 12px 15px 5px;
}

.password-wrap {
    background-color: #F3F3F3;
    padding: 10px 10px;
    border-radius: 5px;
    border: 1px solid #DADADA;
    margin-bottom: 20px;
}

.rounded-circle {
    border-radius: 50%;
    width: 24px;
    height: 24px;
}

/* .business-loc [type='checkbox'], .business-loc [type='checkbox'] { margin-top:12px;} */

.business-loc .radio-wrap {
    padding-top: 10px;
}

.business-loc .messaging_clients_table td {
    padding: 5px 15px;
    border: none;
}

.business-loc .messaging_clients_table [type='checkbox'] {
    margin-top: 0px;
}

.preview-button {
    margin-left: 20px;
}


/* .note-editor .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}
.note-editor .btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
} */

.modal {
    overflow: auto !important;
}


/* #myModal, #reoccuranceEdit { overflow-y:scroll } */

.toltip-top-page {
    max-width: 100% !important;
    margin-top: 10px;
}

.btn {
    cursor: pointer !important;
}

.credit-card-page .form-control {
    height: 34px;
}

.setting .credit-card-page .box-wrap .box-content ul li {
    margin-bottom: 5px;
}

.setting .credit-card-page .box-wrap .box-content ul {
    margin: 0px;
}

.setting #exportdata.box-wrap h6 {
    min-height: 35px;
    margin-bottom: 10px;
}

.client-tag-container {
    margin-top: 25px;
}

.balance-statement th {
    background-color: #44d7c5;
    color: #fff;
}

.Subscription-wrap h2 {
    margin-bottom: 15px;
}

.icon-wrap a {
    font-size: 12px;
}

.subnav-container.title {
    padding: 5px 0px;
}


.calendar-wrapper .calendar-subnav.subnav-container.title {
    padding: 0px;
    margin-top:0px;
}

#message_type {
    width: 120px;
}

.link-dialog .modal-body {
    margin-right: 0px;
    height: 200px;
}

.link-dialog .modal-body .checkbox label {
    background: none;
    border: none;
    width: 250px;
}

.link-dialog .modal-header .close {
    background: none;
    margin-left: -25px;
    float: right;
}

div.tagsinput span.tag {
    background-color: #cadae7 !important;
    color: #161616 !important;
    border: none !important;
    padding: 0.25em 0.4em;
    font-size: 75%;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
}

#filter-container {
    padding-top: 10px;
    padding-bottom: 10px;
}

.showing-text {
    color: #fff;
    font-size: 18px;
    margin-right: 10px;
    font-weight: 400;
}

.episode-tiny {
    margin-top: 25px;
}

.notes-temp-new-field {
    margin-top: 25px;
}

.attachments-field.note-attachment {
    margin-top: 25px;
}

.message_ajax_email {
    margin-top: 25px;
}


#letter_autosave {
    position: absolute;
    padding: 5px 10px;
    border-radius: 4px;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
    pointer-events: none;
}

#note-text-error {
    margin: 5px;
}
#letter_autosave_edit {
    position: absolute;
    padding: 5px 10px;
    border-radius: 4px;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
    pointer-events: none;
}

#note-text-error {
    margin: 5px;
    /* position: absolute;
    top: 90px;
    left: 30px; */
}

#attachment_autosave {
    position: absolute;
    top: 90px;
}
/* .select2-container {
    z-index: 888 !important;
} */

.select-provider .select2-container--default .select2-selection--single .select2-selection__arrow b {
    top: 45% !important;
}

.select-provider .select2-container .select2-dropdown {
    top: -25px !important;
}
.invoice-table .select-provider .select2-container .select2-dropdown {
    top: 0px !important;
}
.make-payment .table th,
.make-payment.table td {
    padding: 0.4rem !important;
}

.select-provider .select {
    margin-top: 10px;
}

.filter-tag #tags_2_tagsinput span.tag {
    padding: 5px !important;
}

.tag a {
    color: red !important;
}

.datepicker i.fa {
    display: none;
}

.no-padding {
    padding: 0px !important;
}

.fancybox-title {
    display: none !important;
}

.client-date label.error{
    width: 220px;
}

.export.dropdown i.fal::before {
    top: 10px;
}

.sub-nav .btn-wrap .btn.add-client-top {
    margin-left: 10px;
}

.gender-label {
    padding-left: 5px !important;
    padding-right: 0px !important;
}

input#dob {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.paymentDatePicker i.fal {
    display: inline-block !important;
    color: #fff;
    font-size: 14px;
}

.invDatepicker .circle.slateblue, .border-circle.slateblue {
    height: 28px;
    width: 28px;
}

span.invDateDisplay, span.invDatepicker{
    float: left !important;
}

span.invDateDisplay{
    margin-right: 10px;
}

h3.lightgreen {
    margin-bottom: 0px !important;
    line-height: 20px;
}

.tooltip-content .close-tooltip {
    display: none;
}

.tooltip-content p strong {
    display: none;
}

.tooltip-content {
    padding-left: 15px !important;
}

.tooltip-content.toltip-top-page p{
    margin-left: 30px;
}

a#billing-history-contact-tooltip\ close-tooltip{
    display: block !important;
}

/* #callendarWeekTable { margin-top: 30px; } */

.monthViewCal #calendar, .userView #calendar, .weekViewCal {
    margin-top: 129px !important;
}

.monthViewCal #calendar table.callender thead {
    /* position: fixed; */
    /* background-image: linear-gradient(to bottom, #fff 0%, #fff 100%) !important; */
    background-color: #fff;
    z-index: 999;
    width: 100%;
}

.monthViewCal #calendar table.callender thead th {
    width: 15% !important;
    /* display: block; */
    color: #3c3c3c;
    font-weight: bold;
    font-size: 12px;
}

.name a {
    color: #fff;
}

#loginbox .login-content .alert {
    text-align: left;
}

.preview-btn {
    border: 1px solid #fff;
    border-radius: 5px;
}

.messaging_client_div .pagination-wrap {
    margin-top: 10px;
}

.messaging_client_div .pagination-wrap label {
    margin-top: 0px;
}

.expire-header {
    padding-top : 17px;
    display: inline-block;
}

select:not(.form-control) {
    padding: 5px;
    height: 30px !important;
    border: 1px solid #ccc;
}

.intercomMessaging { padding-left: 10px;}
.helpIframe #help-i-frame .fal{ font-size: 17px;}
.helpIframe a{ cursor: pointer}

.intercomMessaging #Intercom .fal {
    font-size: 17px;
}

#client-details-name {
    padding: 0px 10px;
    line-height: 28px;
    font-weight: 600;
    font-size: 20px;
    color: #ffffff;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    max-width: 200px;
}

/* #sub-chlidnav ul li a {padding-left: 10px !important; padding-right: 10px !important;} */

#userTabs li {
    max-width: 140px;
    text-align: center;
}

#menuItems {
    width: 100%;
}

.name h2 a:hover {
    text-decoration: underline;
}

.ui-autocomplete {
    max-height: 260px;
    overflow-y: auto;
    overflow-x: hidden;
}

a.custom-credit-card {
    font-size: 40px;
    color: #537190 !important;
}

a.custom-credit-card .fal:hover {
    color: #537190;
}

a.grey {
    color: #7f7f7f;
}


a.red:hover {
    color: red;
}


a.note_icon {
    margin-left: 3px;
}

.btn-wrap a.red:hover {
    color: #fff;
}

@media only screen and (max-width: 1300px) and (min-width: 1000px)  {
    .mega-dropdown-menu > li > ul > li > a, .mega-dropdown-menu .dropdown-header a{
        padding: 5px 0px 5px 15px !important;
    }

    .sales-imported span {
        margin-left: 15px !important;
    }

    .mege-menu-profile {
        min-width: 200px !important;
    }
    .profile-details label, .logout-details{
        padding-left: 0px !important;
    }
    ul.mega-dropdown-menu li.mega-porfile-page {
        width: 200px !important;
    }

    .header-col-right .time {
        margin-right: 10px;
    }
    .mega-dropdown-menu > li > ul > li > a {
        word-break: break-word;
        width: 155px;
    }
}

span.bill-curr {
    font-size: 13px;
}

.Appointment-list .lightgreen-box .scroll-div{
    z-index: 9;
}

#eventPopup.modal {
    background-color: rgba(0, 0, 0, 0.6);
}

#eventPopup .btn.pending-class-btn {
    background-color: #cecece;
    cursor: not-allowed !important;
}

#eventPopup h4.paid-unpaid {
    font-size: 13px;
    line-height: 14px;
}

#eventPopup .badge.paid-app {
    background : #22db7c;
    padding:3px 8px;
}

#eventPopup .badge.unpaid-app {
    background : darkgray;
    padding:3px 8px;
}
#eventPopup .badge.partial-app {
    background: #fee8e9;
}
#eventPopup .subnav-container .client-noimg, .user-popup .name .client-noimg {
    width:60px;
    height:60px;
    font-size:30px;
}

#eventPopup .user-popup .user-content .profile-img {
    width:60px;
    height:60px;
}

.fixed-div .fixed-content .hidden{
    display: inherit !important;
}

.pt_key {
    width: 100% !important;
}

/* Booking confirmation css */
.booking-confirmation .modal-content{
    border: none;
}

.booking-confirmation .modal-dialog{
    width: 960px;
    max-width: 100%;
}

.booking-confirmation .existing-client {
    max-height:200px;
    overflow-y:scroll;
    overflow-x:hidden;
}

.booking-confirmation .more-height {
    height: 200px;
}

.booking-confirmation .existing-client .table {
    margin-bottom: 0;
}

.booking-confirmation .modal-header {
    padding: 8px 25px;
}

.booking-confirmation .modal-header .modal-title {
    font-size: 22px;
    color: #547190;
    font-weight: 600;
    width: 100%;
}

/*
.booking-confirmation .modal-header .modal-title .fa-close {
    height: 30px;
    width: 30px;
    background: #54719033;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    line-height: 30px;
    font-size: 18px;
}

*/

.booking-confirmation .booking-details h2 {
    font-size: 26px;
    color: #47D7C5;
    font-weight: 600;
}

.booking-confirmation .booking-details h3 {
    font-weight: 600;
    color: #666666;
    margin: 0;
}

.booking-confirmation .booking-details .date {
    color: #47D7C5;
    margin: 0;
    font-weight: 600;
}

.booking-confirmation .user-info {
    display: flex;
    align-items: center;
    margin: 5px 0;
}

.booking-confirmation .user-info figure {
    overflow: hidden;
    border: 2px solid #9FCDED;
    border-radius: 50%;
    margin: 0;
    margin-right: 10px;
}

.booking-confirmation .user-info figure .profile-img {
    border:none;
}

.booking-confirmation .user-info h4 {
    font-size: 17px;
    color: #666666;
    font-weight: 600;
    margin-bottom: 0;
}

.booking-confirmation .textarea-wrapper {
    position: relative;
    margin: 15px 0;
    overflow: hidden;
}

.booking-confirmation .textarea-wrapper textarea {
    height: 122px;
    padding-top: 35px;
    color: #333;
    border-radius: 0;
}

.booking-confirmation .textarea-wrapper label {
    position: absolute;
    left: 10px;
    top: 1px;
    font-size: 15px;
    font-weight: 600;
    color: #292929;
}

.booking-confirmation .tab-section {
    background: #fff;
}

.booking-confirmation .table-striped tbody tr {
    background: #fff;
}

.booking-confirmation .table-striped tbody tr:nth-of-type(2n+1) {
    background: #fff;
}

.booking-confirmation .tab-section .tabs {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.booking-confirmation .tab-section .tab-content {
    border: 1px solid #44d7c5;
}

.booking-confirmation .tab-section table h2 {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

.booking-confirmation .tab-section table tr {
    transition: all 0.3s ease;
}

.booking-confirmation .tab-section table tr td {
    border-top: 1px solid #ccc;
}

.booking-confirmation .tab-section table tr td .fa-link {
    font-size: 24px;
    margin-top: 12px;
    color: #fff;
}

.booking-confirmation .tab-section table tr td .checkbox {
    margin-top: 12px;
}

.booking-confirmation .tab-section table h2,
.booking-confirmation .tab-section table h5 {
    margin: 0;
    font-size: 16px;
}

.booking-confirmation .tab-section table h2 span {
    color: #292929;
}

.booking-confirmation .tab-section table tr:hover,
.booking-confirmation .tab-section table tr.active {
    transition: all 0.3s ease;
    background: #44d7c5;
}

.booking-confirmation .tab-section table tr:hover h2 span,
.booking-confirmation .tab-section table tr:hover h5,
.booking-confirmation .tab-section table tr:hover td .fa-link,
.booking-confirmation .tab-section table tr:hover h2,
.booking-confirmation .tab-section table tr.active h2 span,
.booking-confirmation .tab-section table tr.active h5,
.booking-confirmation .tab-section table tr.active td .fa-link,
.booking-confirmation .tab-section table tr.active h2{
    color: #fff;
}

.booking-confirmation .tab-section .tabs a {
    background: #CADAE7;
    padding: 13px 12px;
    font-size: 14px;
    width: 50%;
    font-weight: 600;
    color: #fff;
    text-align: center;
    margin-right: 2px;
}

.booking-confirmation .select-wrapper {
    background: #fff;
    padding: 10px;
    border: 1px solid #ccc;
    margin-top: 15px;
}

.booking-confirmation select {
    width: 100%;
    border-radius: 4px;
}

.booking-confirmation .select-wrapper .row {
    margin-bottom: 10px;
}

.booking-confirmation .select-wrapper .row:last-child {
    margin-bottom: 0;
}

.booking-confirmation .tab-section .tabs a.green-bg {
    background: #44d7c5;
}

.booking-confirmation .tab-section .tabs a:last-child {
    margin: 0;
}

.booking-confirmation .tab-section .tabs a i {
    width: 18px;
}

.booking-confirmation .event-popup .modal-body {
    max-height: 100%;
}

.booking-confirmation .flex-btnwrap {
    padding: 0;
    display: flex;
    margin-top: 30px;
    margin-bottom: 10px;
    align-items: center;
    justify-content: space-between;
}
.booking-confirmation .new-client {
    padding: 15px;
    height: 56px;
}
.booking-confirmation .new-client .desc {
    font-weight: 600;
    color: #333;
    font-size: 15px;
}
.booking-confirmation .select-wrapper label {
    font-size: 15px;
    font-weight: 600;
    color: #292929;
}
/* Booking confirmation ends */
.upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.upload-btn-wrapper .btn {
    color: #fff;
    background-color: #fb6362;
    padding: 0.38rem 1rem;
    border-radius: 0.25rem;
    font-size: 0.9rem;
}

.upload-btn-wrapper input[type=file] {
    font-size: 14px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.select_currency_wrapper span.select2-container {
    min-width: 317px;
}

td.client_select .select2-container {
    width: 100% !important;
}

td.client_select .dropdown-wrap {
    width: 100% !important;
}

.new-app {
    margin-left: 60% ;
}

/* Billing display redesign*/

.billing-package-box {
    position:relative;
    border:2px solid #44d7c5;
    color:#44d7c5;
    border-radius:10px;
    overflow:hidden;
    height:400px;
    padding:15px;
}

.billing-box-footer {
    position:absolute; 
    bottom:0px; left:0px;
    width:100%;
    height:140px;
    color:#fff; 
    background-color:#44d7c5;
    padding:7px; 
}

.billing .bill-wrap a.btn {
    float: right;
}

.billing .white-box .top-box, .billing .white-box .middle-box, .billing .white-box .bottom-box {
    border-color: #C6C4C5;
}

.billing .white-box .popular .top-box, .billing .white-box .popular .middle-box, .billing .white-box .popular .bottom-box {
    border-right-color: #E76B69;
    border-right-width: 3px;
    border-right-style: solid;
    border-left-color: #E76B69;
    border-left-width: 3px;
    border-left-style: solid;
}

.billing .white-box .bottom-box {
    padding-bottom: 40px;
}

.billing .white-box .popular .bottom-box {
    border-bottom-color: #E76B69;
    border-bottom-width: 3px;
    border-bottom-style: solid;
}

.billing .planheader_popular, .billing .planheader_regular {
    height: 24px;
    margin-top: 10px;
    border-radius: 5px 5px 0 0;
    border-width: 10px 3px;
    border-color: #fff;
    border-style: solid;
    font-size: 14px;
    text-transform: uppercase;
}

.billing .planheader_popular {
    border-color: #E76B69;
    background-color: #E76B69;
}

.billing .planheader_popular span {
    display: block;
    margin-top: -6px;
    font-weight: bold;
    color: #fff;
}

.billing .top-box {
    min-height: 360px;
}

.billing .middle-box {
    padding-top: 10px;
}

.billing .bottom-box {
    padding-top: 10px;
    padding-bottom: 10px;
}

.billing .Subscription-wrap h2 {
    font-size: 32px;
    color: #44d7c5;
}

.billing .Subscription-wrap h3 {
    margin-bottom: 5px;
    padding: 10px 0;
    font-size: 64px;
    font-weight: 300;
    letter-spacing: -5px;
}

.billing .Subscription-wrap .highlight {
    color: #44d7c5;
}

.billing .Subscription-wrap p {
    font-weight: 200;
    color: #ACACAC;
}

.billing .Subscription-wrap p.description {
    font-weight: bold;
    color: #707070;
}

.billing .plan-details {
    font-weight: bold;
    color: #707070;
}

.billing .middle-box {
    font-weight: normal;
    color: #707070;
}

.billing .middle-box h4, .billing .bottom-box h4 {
    font-weight: 500;
    color: #565656;
}

.billing .middle-box h4.green, .billing .bottom-box h4.green {
    color: #44d7c5;
}

.billing .middle-box a, .billing .bottom-box a {
    font-weight: bold;
    color: #707070;
}

.billing .middle-box a i, .billing .bottom-box a i {
    display: none;
}

.billing .middle-box a.green, .billing .bottom-box a.green {
    color: #fff;
    font-weight: normal;
    background-color: #44d7c5;
}

.billing .middle-box li.green, .billing .bottom-box li.green {
    color: #44d7c5;
    font-weight: bold;
}

.billing .bottom-box {
    font-weight: normal;
    color: #707070;
}

.Subscription-footer {
    color: #282828;
    font-weight: bold;
}

.Subscription-footer a {
    text-decoration: underline;
}

.Subscription-footer a.fancybox {
    text-decoration: none;
}

.plan-box-wrapper .Subscription-wrap h3 {
    margin-bottom: 5px;
    padding: 10px 0;
    font-size: 64px;
    font-weight: 300;
    letter-spacing: -5px;
    color: #707070;
    margin: 12px 0;
}

.plan-box-wrapper .billing .Subscription-wrap h2 {
    font-size: 32px;
    color: #4DD6C5;
}

.plan-box-wrapper .Subscription-wrap .desc {
    font-weight: 400;
    font-size: 15px;
    color: #292929;
    height: 65px;
    overflow: hidden;
}

.plan-box-wrapper .Subscription-wrap p.light-text {
    font-weight: 300;
    font-size: 16px;
    color: #959595;
    margin: 20px 0;
}
.plan-box-wrapper .plan-details{
    font-weight: bold;
    color: #707070;
    height: 80px;
    overflow: hidden;
    margin-bottom: 10px;
}
.plan-box-wrapper .plan-details li {
    font-size: 15px;
    color: #707070;
    font-weight: 600;
    line-height: 19px;
    text-transform: capitalize;
}

.plan-box-wrapper.white-box .top-box, .plan-box-wrapper.white-box .middle-box, .plan-box-wrapper.white-box .bottom-box{
    border-color: #CECECE;
}

.plan-box-wrapper.white-box .top-box {
    border-radius: 3px 3px 0px 0px;
}

.plan-box-wrapper.white-box .bottom-box {
    border-radius: 0 0 3px 3px;
}

.plan-box-wrapper.white-box .plan.popular .top-box {
    border-radius: 0px;
}

.plan-box-wrapper .middle-box h4, .plan-box-wrapper .bottom-box h4 {
    font-weight: 500;
    color: #161616;
    font-size: 22px;
    font-weight: 200;
}

.plan-box-wrapper .btn.white {
    background-color: #fff;
    color: #161616;
    border: 1px solid #CECECE;
    color: #292929;
    font-size: 16px;
    font-weight: 500;
    padding: 6px 15px;
}

.plan-box-wrapper .middle-box a.green, .plan-box-wrapper .bottom-box a.green {
    font-size: 16px;
    font-weight: 500;
    padding: 6px 15px;
}

.plan-box-wrapper .Subscription-footer h2{
    font-size: 25px;
    font-weight: 700;
}

.plan-box-wrapper .Subscription-footer p{
    font-size: 16px;
    font-weight: 600;
    color: #292929;
    line-height: 22px;
    margin-bottom: 6px;
}

.plan-box-wrapper .middle-box {
    padding: 20px 15px;
}

.plan-box-wrapper .Subscription-wrap .btn{
    width: 100%;
}

.plan-box-wrapper .bottom-box{
    padding-top: 20px;
}

.plan-box-wrapper .white-box .bottom-box {
    padding-bottom: 50px;
}

.plan-box-wrapper .Subscription-footer {
    padding-bottom: 10px;
}

.plan-box-wrapper .popular .top-box {
    border-top: 1px solid #e76b69;
}

.plan-box-wrapper .bottom-box {
    height: 164px;
}

/* Dashboard css update */

/*
.homepage-cal-btn i {
    font-size: 40px;
} */

.no-appointment-box {
    border-bottom: 1px solid #cecece !important;
}

.no-appointment-box h2 {
    font-weight: 600;
    padding: 0 !important;
}
.no-appointment-box .cal-image {
    text-align: center;
    padding: 20px 0px;
}

.no-appointment-box .app-btn-wrap {
    text-align: center;
}

.no-appointment-box .app-btn-wrap .homepage-cal-btn {
    display: inline-block;
    position: relative;
    padding: 8px 12px 8px 35px;
}

.no-appointment-box .app-btn-wrap i.fal {
    line-height: 30px;
    font-size: 22px;
    position: absolute;
    left: 9px;
    top: 3%;
}

/*tooltip*/
span.title-tag {
    width: 100%;
    margin-bottom: 35px;
    margin-top: -19px;
    display: inline-block;
}
.select-inner {
    width: 100%;
    margin: -5px 0 15px 0;
    position: relative;
}

.tooltipss {
    position: relative;
    display: inline-block;
}

.tooltipss .tooltiptext {
    visibility: hidden;
    width: 200px;
    background-color: #537190;
    color: #fff;
    text-align: left;
    border-radius: 0px;
    padding: 15px;
    position: absolute;
    z-index: 3;
    bottom: 0;
    left: 60px;
    margin-left: 0px;
    opacity: 0;
    transition: opacity 0.3s;
    line-height: normal;
    top: 130%;
    height: 100%;
    display: table;
    min-height: max-content;
}

.tooltipss .tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 10%;
    margin-left: -5px;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #537190 transparent;
}

.tooltipss:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.tooltip-bottom {
    top: 135%;
    left: 50%;
    margin-left: -60px;
}

.select-inner .input-group {
    margin-bottom: 0 !important;
}

.snapshot-wrap .snap-list .item span {
    font-size: 16px;
    margin-bottom: 0px;
}

.snapshot-wrap .snap-list .item span.tooltiptext {
    text-align: left;
    font-size: 13px;
    font-weight: normal;
    white-space: pre-line;
}
.newtool .tooltipss .tooltiptext {
    width: 200px;
    left: 25px;
    padding: 15px;
    min-height: max-content;
    white-space: pre-line;
    top: 150%;
}
.tooltipss {
    position: relative;
    display: inline-block;
}

.login-content .tooltipss .tooltiptext {
    width: 100%;
    padding: 2px 10px;
    position: absolute;
    z-index: 3;
    bottom: 0;
    left: 0;
    margin-left: 0px;
    transition: opacity 0.3s;
    line-height: normal;
    top: 100%;
    height: 100%;
    display: table;
}

.login-content .tooltipss .tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #537190 transparent;
}

.expire-header .btn.lightred {
    font-size: 11px;
}
.signup-business , .signup-timezone , .signup-phone{
    margin-bottom:-0.5rem;
}
.signup-timezone {
    padding-bottom: 12px;
}
.ellip {
    white-space: nowrap;
    width: 95px;
    overflow: hidden;
    text-overflow:ellipsis;
}
.each-box{
    padding-bottom: 20px;
}
.value-style{
    min-height: 12px !important;
}
.dollar{
    margin-bottom: 4px !important;
}

.table-list .table.expenses-table tr td { width: 15% }
.table-list .table.expenses-table tr td:first-child,.table-list .table.sales-table tr td:first-child { width: 40% }
.span-style{
    font-weight: 500;
    font-size: 19px !important;
    line-height: 1.5;
}
.template .select2 {
    min-width: 140px !important;
}
/*
New Css for Reporting UI Tiles - Improvement
*/

.appointment-row {
    display: flex;
    flex-wrap: wrap;
    margin-top: 15px;
}

.appointment-row .appointment-card {
    width: 195px;
    height: 225px;
    background-color: #fff;
    margin-right: 14px;
    border-radius: 0px;
    border: 1px solid #c3c3c3;
    margin-bottom: 20px;
    position: relative;
}

.appointment-card .btn {
    padding: 0.38rem 1rem;
    font-size: 16px;
    cursor: pointer;
    width: 100%;
    border-radius: 0px;
    min-height: 35px;
    line-height: normal;
    background-color: #43d1b8;
    border-top: 1px solid #c3c3c3;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-font-smoothing: antialiased;
    border-bottom: 1px solid #c3c3c3;
    border-right: none;
    border-left: none;
    position: absolute;
    bottom: 7px;
}

.app-section {
    width: 100%;
    padding: 15px 15px 5px 15px;
    text-align: center;
}

.app-section .card-title{
    font-size: 19px;
    color: #43d1b8;
    margin: 10px 0 0;
}

.app-section .card-text{
    font-size: 12px;
    color: #868686;
    padding-top: 0px;
    line-height: 14px;
    -webkit-font-smoothing: antialiased;
}

.app-section span.main-ico{
    display: flex;
    align-items: center;
    height: 38px;
    line-height: 0px;
    width: 38px;
    justify-content: center;
    margin: auto;
}

p.sub-title {
    margin-bottom: 0;
    color: #111111;
    font-size: 14px;
}

.title-wrap {
    min-height: 60px;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.apptooltiptext {
    position: relative;
    background: #fff;
    border: 1px solid #eee;
}

.apptooltiptext:after, .apptooltiptext:before {
    bottom: 100%;
    left: 20%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.apptooltiptext:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: -10px;
}

.apptooltiptext:before {
    border-bottom-color: #b9b5b5;
    border-width: 11px;
    margin-left: -11px;
}

.apptooltipss .apptooltiptext {
    border: 1px solid #d1d1d1;
    visibility: hidden;
    width: 200px;
    background-color: #fff;
    color: #435e7e;
    text-align: left;
    border-radius: 5px;
    padding: 15px;
    position: absolute;
    z-index: 3;
    left: 25%;
    margin-left: 0px;
    opacity: 0;
    transition: opacity 0.3s;
    line-height: normal;
    top: 50%;
    display: table;
}

.apptooltipss:hover .apptooltiptext {
    visibility: visible;
    opacity: 1;
}

.tooltip-bottom {
    top: 135%;
    left: 50%;
    margin-left: -60px;
}

.appointment-card-icon {
    font-size: 36px;
    color: #c3d4e3;
    display: flex;
    align-items: center;
    line-height: 0px;
    background-color: black;
    justify-content: center;
    width: 100%;
    margin-top:18px;
}

.appointment-card a.btn-primary:focus,.appointment-card a.btn-primary:active {
    color: #fff;
}

.appointment-card .fal.fa-download {
    padding-right: 5px;
}

.main-ico .custom-icon-calendar:before,.main-ico .custom-icon-sales:before, .main-ico .custom-icon-clients:before {
    line-height: 0px;
    position: absolute;
    top: 54px;
}

@-moz-document url-prefix() {
    .apptooltiptext:after, .apptooltiptext:before {
        bottom: 99%;
    }
    .main-ico .custom-icon-calendar::before, .main-ico .custom-icon-sales::before, .main-ico .custom-icon-clients::before
    {
        position: inherit;
    }
    .app-section .card-title{
        margin: 0px;
    }
}

/* Notification badge*/
#pnd_appnts {
    position:relative;
}

.button__badge {
    background-color:#fb6362;
    border-radius: 22px;
    color: white;
    padding: 3px 7px;
    font-size: 14px;
    position: absolute;
    top:-14px;
    right: -4px;
}

.currency-new {
    font-size: 26px;
    border: 3px solid;
    border-radius: 50%;
    color: #cadae7;
    display: flex;
    align-items: center;
    height: 38px;
    width: 38px;
    justify-content: center;
}

.sales-button {
    margin-left: 132px;
    width: 122px;
}

/*.daterange-wrap #reportrange{
    background-color: #fff;
    padding: 6px 10px;
    color: #161616;
    display: flex;
    align-items: center;
}*/

#reportrange .custom-icon-calendar {
    float: left;
    font-size: 50px;
    margin: -9px -10px 0 -16px;
    height: 20px;
}

.invoice-template-border {
    border: 2px solid #c7c7c7; 
    border-radius: 5px; 
    padding: 0px;
    cursor: pointer;
}
  
.invoice-template-border:hover {
    border: 2px solid #44d7c5 !important;
}

.selected-invoice-template .selected:before  {
    content: "\f00c";
    font-family: "Font Awesome 5 Pro";
    font-size:15px; color:#fff; 
    background-color:#44d7c5;
    position:absolute; 
    top:25px;
    right:24px;
    width:22px; 
    height:22px;
    border-radius:11px
}

.invoice-cal.custom-icon-calendar {
    float: left;
    font-size: 41px;
    margin: 3px 0px 0 -7px;
    height: 20px;
    color: white;
}

.wait-list.custom-icon-calendar {
    float: left;
    font-size: 55px;
    margin: -24px -21px 0 -19px;
    height: 20px;
}

.provider {
    margin-bottom: 15px;
}

.list-combine ol {
    padding-left: 0;
}

.list-combine ol li {
    z-index:100;
    display: block;
    margin-top:2px;
    padding:5px 10px;
    background: #e8e8e8;
    border: 1px solid #cadae7;
}

.list-combine ol li:nth-child(2n) {
    background: #fcfcfc;
}

.list-combine li i {
    font-size: 20px;
    padding: 0 5px;
}

.list-combine li i.fa-times {
    color: #fb6362;
}

.list-combine li i.fa-chevron-circle-right {
    color: #22db7c;
}
.new-logout{
    width: 100%;
    height: 8%;
}


#paidOptions .tooltipss .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 40%;
    border-color: #537190 transparent transparent transparent;
}

#paidOptions .tooltipss .tooltiptext {
    width: 80px;
    margin-left: -50px;
    text-align: center;
    top: -140%;

}

#saveOptions .tooltipss .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 40%;
    border-color: #537190 transparent transparent transparent;
}

#saveOptions .tooltipss .tooltiptext {
    width: 80px;
    margin-left: -50px;
    text-align: center;
    top: -140%;
}

.tooltip {
    position: absolute;
    z-index: 10700;
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.42857143;
    line-break: auto;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    font-size: 12px;
    filter: alpha(opacity=0);
    opacity: 0;
}
.tooltip-inner {
    min-width: initial;
    width: 100px;
}

#calendar .tooltip {
    position: fixed;
}

.tooltip.in {
    filter: alpha(opacity=90);
    opacity: 1;
}
.tooltip.top {
    padding: 5px 0;
    margin-top: -3px;
}
.tooltip.right {
    padding: 0 5px;
    margin-left: 3px;
}
.tooltip.bottom {
    padding: 5px 0;
    margin-top: 3px;
}
.tooltip.left {
    padding: 0 5px;
    margin-left: -2px;
}
.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 7px 5px 0;
    border-top-color: #537190;
}
.tooltip.top-left .tooltip-arrow {
    right: 5px;
    bottom: 0;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #537190;
}
.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #537190;
}
.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #537190;
}
.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #537190;
}
.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 1px 5px 5px;
    border-bottom-color: #537190;
}
.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #537190;
}
.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #537190;
}
.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #537190;
    border-radius: 0px;
}
.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.left-mark{
    margin-right: 15px;
    color: #235074;
}
.right-mark{
    margin-left: 15px;
    color: #235074;
}

/*integration*/
#integration .btn {
    display: inline-block;
    padding: 5px 15px;
    margin-bottom: 0;
    font-size: 0.875rem;
    /*font-weight: $regular;*/
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    letter-spacing: 1px;
    border-radius: 6px;
    /*color: $white;*/
    transition: 0.5s;
}

a.remove-api, a.remove-stripe-data, a.remove-gp-api {
    cursor:pointer;
    color:#44d7c5;
}

#integration .btn-outline{
    background: transparent;
    border: 1px solid #fff;
    padding: 2px 8px;
    color: #fff;
    font-size: 12px;
}
#integration .btn-outline:hover{
    background: #fff;
    color: #000;
}
#integration .btn-red{
    background: #fb6362;
    border-color: #fb6362;
    color: #fff;
    font-weight: 600;
}
#integration .btn-red:hover{
    background: #fd4544;
    color: #fff;
}
#integration .btn-white{
    border-color: #d7d7d7;
}
#integration .btn-white:hover{
    background: #d4d4d4;
    border-color: #d4d4d4;
}

#integration .integration__head{
    position: relative;
}
#integration  .btn-outline{
    position: absolute;
    top: 6%;
    right: 2%;
    border-radius: 8px;
}
#integration .integration__body{
    border: 1px solid #cecece;
    border-top: none;
    margin-top: -16px;
    padding: 0 10px;
    min-height:230px;
}
#integration .integration__block{
    margin-bottom: 30px;
    background: #fff;
}
#integration .integration__body article h5{
    font-size: 18px;
    color: #537190;
    text-align: center;
    margin: 0 60px;
    font-weight: 600;
    line-height: 25px;
    padding: 16px 0;
}
#integration .integration__body article p{
    text-align: center;
    color: #9f9f9f;
}
#integration .integration__tail{
    padding: 10px;
    border: 1px solid #ddd;
    border-top: none;
    min-height:136px;
}
#integration .integration__tail h6{
    font-weight: 600;
    font-size: 12px;
    text-align: center;
}
#integration .integration__key{
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}
#integration .integration__key p{
    width: 15%;
}
#integration .integration__key span{
    width: 85%;
    border: 1px solid #ddd;
    padding: 4px 12px;
    word-break: break-all;
}
#integration .integration__key input{
    width: 85%;
}
#integration .integreation__button{
    text-align: center;
}
#integration .integreation__button .btn{
    margin: 18px 0;
}
#integration .reckon .btn{
    margin: 18px 6px;
}
#integration .physitrack .integration__key p{
    width: 30%;
}
#integration .physitrack .integration__key select{
    width: 70% !important;
}
#integration .physitrack{
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}
#integration .physitrack p{
    width: 30%;
}
#integration .physitrack input{
    width: 95%;
    margin-right: 10px;
}
#integration .bg-mailchimp{
    background: #ffdf2b;
}
#integration .bg-campaign{
    background: #7856fc;
}
#integration .bg-google{
    background: #dbd9d9;
}
#integration .bg-reckon{
    background: #f83731;
}
#integration .bg-rah {
    background: #D9D9D9;
    text-align: center;
    padding-top: 20px;
}
#integration .bg-ipa{
    background: #0077B2;
}
#integration .bg-qb{
    background: #000000;
}
#integration .bg-xero{
    background: #31465b;
}
#integration .bg-physitrack{
    background: #1ab299;
}
#integration .bg-ipa img{
    height:116px;
}
#integration .bg-stripe{
    background: #6e70e9;
}
#integration .bg-healthengine{
    background: #0077b224;
}
/*#integration .bg-qb img{*/
    /*height:124px;*/
/*}*/


#overlay{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; filter:alpha(opacity=50);
    -moz-opacity:0.5;-khtml-opacity: 0.5; opacity: 0.5; z-index: 10000; background: url('../images/Spinner.gif') no-repeat center center #fff;}

/*drag*/
#integration .drag__box{
    text-align: center;
    padding-top: 16px;
}


.drag__box input[type="file"] {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    width: 100%;
    overflow: hidden;
}
.drag__box {
    min-height: 500px;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    background-size: 80%;
    background-position: center center;
}

/* client import */
#doublescroll { overflow: hidden;
    overflow-y: hidden;
    margin: 1rem;
    border-right: 1px solid #c3c3c3;
    border-left: 1px solid #c3c3c3;}
#doublescroll div{ margin: 0; padding: 0; white-space: nowrap; display:table-row; }
.message-wrap.client-import span {
    margin-left: 3px;
}
#doublescroll .table {
    margin-bottom: 0px;
}
#doublescroll table.uploadedList thead tr th:first-of-type,
#doublescroll table.uploadedList tbody tr td:first-of-type{
    border-right: 1px solid #c3c3c3;
    border-left: 1px solid #c3c3c3;
}
#doublescroll table.uploadedList thead tr th,
#doublescroll table.uploadedList tbody tr td{
    border-bottom: 1px solid #c3c3c3;
}
#doublescroll table.uploadedList thead tr th{
    border-top: 1px solid #c3c3c3;
}
#doublescroll table.uploadedList thead tr:first-of-type th{
    border-bottom: transparent;
}
#doublescroll table.uploadedList tbody tr:first-of-type td{
    border-top: transparent;
}

#doublescroll table.uploadedList thead tr th:first-of-type a{
    display:none;
}

#doublescroll .table th, #doublescroll .table td {
    padding: .9rem !important;
}

.top-scrollbar::-webkit-scrollbar {
    width: 5px;
    height: 12px;
    background-color: #d6d6d9; /* or add it to the track */
}
.top-scrollbar::-webkit-scrollbar-thumb {
    background: #a3a3a3;
    height: 12px;
}

#doublescroll .table tr th span .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #000 transparent transparent transparent;
    margin-left: -8px;
    margin-top: -3px;
}
#doublescroll .table tr th span .select2-container--default .select2-selection--single {
    border-color: #c3c3c3;
}
#doublescroll .table tr th span .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 1px 26px 1px 10px;
    line-height: 28px;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
}

#doublescroll.product-field-select
.table tr th span .select2-container--default .select2-selection--single {
    display: none;
}

.table-list .table.select-product-fields {
    border-top: 2px solid #cecece !important;
}

.client-import .blue-bg{
    padding: 10px 0;
}

.checkbox_2.bg_bckhk input[type=checkbox] {
    position: relative;
    cursor: pointer;
}
.checkbox_2.bg_bckhk input[type=checkbox]:before {
    content: "";
    display: block;
    position: absolute;
    width: 18px;
    height: 18px;
    top: 0;
    left: 0;
    border: 2px solid #c3c3c3;
    border-radius: 0px;
    background-color: #fff;
}
.checkbox_2.bg_bckhk input[type=checkbox]:checked:after {
    content: "";
    display: block;
    width: 6px;
    height: 11px;
    border: solid #58d89b;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 2px;
    left: 6px;
}
table.table.listTable.uploadedList tr.selected {
    background-color: #e4fefb;
}

/*mega-menu-css-start*/
.header-col-right {
    display: flex;
    align-content: center;
    justify-content: flex-end;
    height: 45px;
}
.header-col-right .help {
    margin: 0px 15px;
    align-items: center;
    display: flex;
}
.help-button {
    border: none;
    color: #6c849e;
    font-size: 16px;
}
.header-col-right .time {
    font-size: 30px;
    color: #537190;
    line-height: 45px;
    font-weight: normal;
    display: flex;
    align-items: center;
}
.help-button.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.3em;
    vertical-align: middle;
    content: "";
    border-top: none;
    border-right: none;
    border-left: none;
    content: "\f3d0";
    font-family: "Ionicons";
    margin-top: -20px;
}
.settings-toggle{
    border: none;
    height: 100%;
    background-color: #fff;
    padding: 0px 15px;
    color: #6c849e;
    font-size: 24px;
    cursor: pointer;
}
.settings-toggle.in {
    background-color: #47e1cd;
    color: #fff;
    margin-right: 0px;
    height: 45px;
}

.invoicebtn
{
    background-color:#fff;
    color: #292929;
    border: none;
    width:103px;
    font-weight: 300;
    cursor: pointer;
}

.helpbtn
{
    background-color:#fff;
    color: #537190;
    width: 25px;
    font-weight: 600;
    cursor: pointer;
    padding: 0;
    border: 1px solid #537190;
    border-radius: 50px;
    height: 25px;
}

.settingsBlueBg{
    position: relative;
    z-index: 99;
}
.helpbtn i {
    font-weight: 600 !important;
}
button.settings-toggle:focus {
    outline: none;
}
.mega-menu {
    width: 100%;
    background-color: #fff;
    min-height: 267px;
    position: relative;
}
.mega-dropdown-menu {
    display: flex;
    width: 100%;
    padding: 0;
    border: transparent;
    border-radius: 0px;
    margin: 0;
    min-height: 267px;
    justify-content: space-between;
}
.mega-dropdown-menu .dropdown-header {
    padding: 0px;
}
.mega-dropdown-menu .dropdown-header a{
    color: #1c1c1c;
    font-size: 16px;
    padding: 0.5rem 1rem;
    cursor: default;
}
.mega-dropdown-menu > li > ul > li.dropdown-header > a{
    color: #1c1c1c !important;
}

.mega-dropdown-menu > li > ul > li > a {
    display: block;
    padding: 4.5px 15px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #516f8d;
    white-space: normal;
    font-size: 14px;

}
.mega-dropdown-menu > li > ul > li > a:hover{
    color: #47e1cd;
}
.mega-dropdown-menu > li > ul > li > a.active{
    color: #47e1cd;
}
.mega-dropdown-menu > li > ul > li {
    list-style: none;
}
.mega-dropdown-menu .divider {
    height: 1px;
    margin: 7px 0;
    overflow: hidden;
    background-color: transparent;
}
.mege-menu-profile {
    background-color: #47e1cd;
    width: 222px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 18px;
    min-height: 365px;
    height: 100%;
    margin-right: 0px;
}
.mege-menu-profile:focus {
    outline: none;
}
.profile-set {
    width: 100px;
    height: 100px;
    background-color: #fff;
    border-radius: 100%;
    overflow: hidden;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid #fff;
}

.profile-set-noimage {
    background-color: #fff;
    border-radius: 100%;
    overflow: hidden;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid #fff;
}

.profile-details {
    text-align: center;
}

.profile-details label {
    padding-top: 20px;
    font-size: 22px;
    color: #fff;
    width: 182px;
    margin: auto;
    line-height: 22px;
    padding-left: 15px;
    text-align: left;
    word-break: break-word;
}
.logout-details {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 177px;
    padding-left: 12px;
    padding-top: 13px;
}
.logout-details a{
    font-size: 16px;
    color: #fff;
    padding-top: 5px;
    padding-bottom: 1px;
}
.logout-details a i{
    padding-left: 15px;
}
nav ul#menu li.mobile-settings {
    display: none;
}
a.profile:hover {
    box-shadow: inset 0 -1px 0 0 #fff;
    padding-bottom: 1px;
}
a.sign-out span:hover {
    box-shadow: inset 0 -1px 0 0 #fff;
    padding-bottom: 2px;
}
a.two_factor_auth:hover {
    padding-bottom: 2px;
    text-decoration: underline;
}
a.two_factor_auth {
    color: white;
    text-decoration: none;
}
.mega-menu-bg .lilac.navbar-collapse.js-navbar-collapse.in {
    background-color: #fff;
    min-height: 266px !important;
    overflow: hidden;
    height: 266px !important;
}
.mega-menu-bg .lilac.navbar-collapse.js-navbar-collapse.collapse {
    background-color: #fff;
    min-height: 340px !important;
    overflow: hidden;
    height: 360px !important;
}
.mega-menu-bg.parent_user .lilac.navbar-collapse.js-navbar-collapse.collapse {
    height: 365px !important;
}
.mega-menu-bg.parent_user .lilac.navbar-collapse.js-navbar-collapse.collapse.trial-acc {
    height: 365px !important;
}
.time-bar {
    padding-right: 0px;
}
.profile-details-noimage {
    width: 100px;
    display: flex;
    text-align: center;
    margin: auto;
}
.profile-details-noimage .client-noimg {
    background-color: #ea9dd0;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    margin: auto;
    display: flex;
    align-items: center;
    height: 100px;
    width: 100px;
    font-size: 22px;
}
.allLocationDropdown{
    max-width:250px;
    padding:13px 6px;
}
ul.mega-dropdown-menu li.mega-porfile-page {
    width: 221px;
}

/*mega-menu-css-end*/
@media screen and (max-width: 1024px){
    #integration .integration__tail{
        min-height: 190px;
    }
    #integration .reckon .btn{
        margin: 7px 5px;
    }
    #integration .btn-white{
        padding: 12px 45px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    #integration  .integration__body article h5{
        margin: 0 10px;
    }
    #integration .integration__key p{
        width: 22%;
    }
    #integration .physitrack p{
        width: 40%;
    }
    #integration .reckon .btn{
        margin: 7px 0px;
    }
    #integration .btn-white{
        padding: 12px 45px;
    }
    .formIndividualField .formFieldData {
        min-width: 75%;
        position: relative;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #integration .integration > .container > .row > div[class*="col-"]{
        flex: 0 0 50%;
        max-width: 50%;
    }
    #integration  .drag .container .row > div[class*="col-"]{
        flex: 0 0 66%;
        max-width: 66%;
    }
}
@media (max-width: 767px) {
    #integration .integration > .container > .row > div[class*="col-"]{
        flex: 0 0 50%;
        max-width: 50%;
    }
}
@media (max-width: 640px) {

    .sales-imported span {
        margin-left: 0px !important;
    }
    #integration .integration > .container > .row > div[class*="col-"]{
        flex: 0 0 100%;
        max-width: 100%;
    }
    #integration .integration__tail{
        min-height: auto;
        display: flex;
        flex-direction: column;
    }
}
@media screen and (max-width: 991px){
    #integration .integration__body article h5{
        margin: 0 10px;
    }
    #integration .integration__head{
        padding: 16px 0 4px 0;
    }
    #integration .integration__body{
        margin-top: 0;
    }
    .requiredField .checkbox {
        width: 20px;
        position: relative;
    }

}
@media screen and (max-width: 768px){
    #integration .integration__head {
        padding: 25px 0 4px 0;
    }
    #integration .integration__body article h5 {
        margin: 0;
    }
    #integration .integration__body article h5 {
        margin: 0;
    }
}
@media screen and (max-width: 575px){
    #integration .integration__block{
        margin-bottom: 30px;
    }
    #integration  .integration__head{
        padding: 16px 0 4px 0;
    }
}

.select_currency_wrapper .error {
    width:300px;
}


.edit_po, .edit_po:hover
{
    color:#0275d8;
}



/*intagration CSS style*/
.inter-box-wrap {
    width: 900px;
    margin: auto;
}
.intagration-content {
    width: 100%;
    padding-bottom: 80px;
    border-bottom: 1px solid #435e7f;
}
.intagration-content h2 {
    font-weight: 700;
    color: #435e7e;
    font-size: 25px;
    text-align: center;
    margin-bottom: 28px;
        -webkit-font-smoothing: antialiased;
}

.inter-value {
    text-align: center;
    width: 100%;
}
.inter-value p {
    color: #292929;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
        -webkit-font-smoothing: antialiased;
}
.intergration-steps h4 {
     color: #292929;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
        -webkit-font-smoothing: antialiased;
}
.intergration-steps-value {
    width: 81%;
    margin: auto;
}

.steps-list ul li span {
    background-color: #48d0b7;
    width: 25px;
    height: 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    border-radius: 50px;
    margin-right: 15px;
    -webkit-font-smoothing: antialiased;
}
.steps-list ul li {
    list-style: none;
    padding-bottom: 8px;
        display: flex;
    align-items: center;
        font-weight: 300;
    font-size: 18px;
        color: #292929;
}
.number-bullet {
    background-color: #48d0b7;
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    border-radius: 50px;
        margin-left: 10px;
        -webkit-font-smoothing: antialiased;
}
.step-title {
    font-weight: 700;
    color: #292929;
    font-size: 25px;
    text-align: center;
}
.letgo-steps h2 {
    font-weight: 700;
    color: #435e7e;
    font-size: 25px;
    text-align: center;
        -webkit-font-smoothing: antialiased;
}
.letgo-steps {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: 20px;
}
.steps-content {
    padding-top: 0px;
}
.list1 {
    height: 5px;
    background-color: #3fd1b7;
    width: 62px;
    display: inline-block;
}
.list2 {
    height: 5px;
    background-color: #bfd2e1;
    width: 62px;
    display: inline-block;
}
.nav-pills-tag a {
    margin-right: 5px;
}
.choose-book {
    color: #292929;
    font-size: 25px;
    font-weight: 400;
    text-align: center;
    margin: 15px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.select-book {
    color: #292929;
    font-size: 16px;
        font-weight: 300;
    -webkit-font-smoothing: antialiased;
}
.nav-pills-tag {
    text-align: center;
    margin: 15px 0px;
}
.steps-list {
    margin-top: 35px;
}
.steps-content .select_currency_wrapper span.select2-container {
    min-width: 225px;
    margin: auto;
}
.steps-content .select_currency_wrapper {
    margin: 25px auto;
    width: 1000%;
}
.step2 {
    border: none;
    padding-bottom: 20px;
}
.title-list {
    display: flex;
    align-items: self-start;
    justify-content: space-between;
}
.bank-account-drop .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #292929;
    font-size: 19px;
    font-weight: bold;
    line-height: 40px;
    padding-top: 0;
    padding-bottom: 0;
}
.bank-account-drop .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 10px;
}

.rah_advanced_pm .pay-wrapper-right {
    padding: 10px 15px;
}
.bank-account-drop .select2-container--default .select2-selection--single {
    border-color: transparent;
    background: transparent;
}

.bank-account-drop .select2-container {
    margin-right: 0;
}
.better-clincs-table-head {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: center;
    align-items: center;
}
.inner-title-a, .inner-title-b, .inner-title-x, .inner-title-i,.inner-title-q, .inner-title-r{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.inner-title-ba {
    width: 430px !important;
}

.inner-title-i  img {
   height:50px;
}

.inner-title-q  img {
    height:40px;
}

.inner-title-a h2 {
    background: #5adcce;
    width: 100%;
    padding: 10px;
    text-align: center;
    margin: 0;
}
.inner-title-b h2 {
    background:#F83731;
    width: 430px;
    padding: 10px;
    text-align: center;
     margin: 0;
}
.inner-title-x h2 {
    background:#01B7E2;
    width: 430px;
    color:#fff;
    padding: 10px;
    text-align: center;
    margin: 0;
}

.inner-title-q h2 {
    background:#14324f;
    width: 430px;
    padding: 10px;
    text-align: center;
    margin: 0;
}
.qb-image
{
    float:left;
    height:50px;
    padding:5px !important;
}

.inner-title-i h2 {
    background:#0177B2;
    width: 430px;
    padding: 0px;
    text-align: center;
    margin: 0;
}


#payment_main ul li {
    display: flex;
    justify-content: space-between;
}
#payment_main #payment_option_subs li {
    display: inherit;
}
.left-row {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.pay-wrapper {
    width: 430px;
}
.pay-wrapper-left {
    width: 430px;
    background: #e7e9e8;
       padding: 15px 0 0;
}
.pay-wrapper-right {
    width: 430px;
    background: #e7e9e8;
       padding: 15px 0 15px;
}
.pay-left {
    text-align: center;
}
.pay-left .form-control{
    width: 295px !important;
    height: 32px;
    border: 1px solid #c3c3c3;
    margin: 0 !important;
}
.pay-right {
    width: 285px;
    margin: auto;
    position: relative;
}
#payment_main ul:first-of-type li .left-row .pay-wrapper-left {
    border-top: 1px solid #5adcce;
}
#payment_main ul:first-of-type li .left-row .pay-wrapper-right {
    border-top: 1px solid #ed1b24;
}
#payment_main.payx ul:first-of-type li .left-row .pay-wrapper-right {
    border-top: 1px solid #01B7E2;
}

#payment_main.payr ul:first-of-type li .left-row .pay-wrapper-right {
    border-top: 1px solid #000000;
}

#payment_main.payq ul:first-of-type li .left-row .pay-wrapper-right {
    border-top: 1px solid #25A218;
}

#payment_main.pay-i ul:first-of-type li .left-row .pay-wrapper-right {
    border-top: 1px solid #0177B2;
}
.inner-title-a p, .inner-title-b p, .inner-title-x p, .inner-title-i p, .inner-title-q p, .inner-title-r p {
    font-weight: bold;
    font-size: 19px;
    margin: 0;
    line-height: 40px;
    -webkit-font-smoothing: antialiased;
}
.step2-content {
    padding-top: 0px;
}

.step3-content {
    width: 430px;
    background-color: #e7e9e8 !important;
    border: none !important;
        margin: auto;
}

.light-bule-border {
    border-top: 1px solid #5adcce !important;
}
.gray-border{
    border-top: 1px solid #ed1b24 !important;
}
.blue-border{
    border-top: 1px solid #01B7E2 !important;
}
.black-border{
    border-top: 1px solid #000000 !important;
}
.indigo-border{
    border-top: 1px solid #0177B2 !important;
}
.green-border{
    border-top: 1px solid #25A218 !important;
}


.setp3-box-title {
color: #292929;
    font-size: 16px;
        font-weight: 700;
    -webkit-font-smoothing: antialiased;
        padding-bottom: 12px;
}
.step3-content ol li {
    background-color: #fff;
    padding: 6px 10px;
    border: 1px solid #c3c3c3;
    margin-top: 5px;
    display: flex;
    justify-content: space-between;
}

.step3-content ol li a.move{
    color:green;
}

.step3-content ol li a.remove-cat{
    color:red;
}

.setp3-inter-value p {
    color: #292929;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    -webkit-font-smoothing: antialiased;
        margin-bottom: .06rem;
}
.intergration-steps3-value {
    width: 100%;
    margin: auto;
}
.setp3-inter-value {
    text-align: center;
}
.step3 {
    border: none;
    padding-bottom: 0;
}

.step4-right .selection span.raido-step4 {
        position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}
.step4-category {
        background-color: #e7e9e8;
    margin: 0;
    width: 430px;
    text-align: center;
    padding-top: 20px;
    border-top: 1px solid #5adcce;
    font-size: 16px;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
}
.better-clincs-table-head-step4 {
        display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
        width: 430px;
}
.sub-title-col-md-6 {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.sub-title-col-md-6 .sub-label {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 460px;
}
.pay-wrapper-left-step4 {
    width: 430px;
    background: #e7e9e8;
    padding: 15px 0 0;
}

.sub-label h3{
        font-weight: bold;
    font-size: 19px;
    margin: 0;
    line-height: 40px;
    -webkit-font-smoothing: antialiased;
        margin-top: 15px;
}
.pay-left span.product_list {
    display: inline-block;
    margin: 0px !important;
    min-width: 70%;
    font-size: 14px;
    text-align:left;
    font-weight: 400;
    background-color: #fff;
    padding: 4px 10px;
    border: 1px solid #c3c3c3;
}
.pay-wrapper-right-step4 {
    width: 430px;
    background: #e7e9e8;
       padding: 15px 0 15px;
   }

.row.list {
    border-top: none;
}
.error{
    color:red;
}
.error:before{
    content: "";
    display: block;
}
.error:after{
    content: "";
    display: block;
}

.btn.btn-cancel
{
    border:1px solid #fff;
    color:#fff;
}

.retail-pos-btn {
    margin-top:17px;
    float:right;
    font-size: 11px;
    position: absolute;
    margin-left: 5px;
    /* right:230px; */
}
.pos-sms-invoice-modal .iti__country-list {
    position: fixed !important;
}

 /* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

.slick-arrow {
    display: inline-block;
    position: absolute;
    top: 380px;
    font-weight: 800;
    font-size: 25px;
    cursor: pointer;
    z-index: 99;
    color:#1d4e76;
}

.slick-arrow.fa-chevron-left {
    left:-0px;
}
.slick-arrow.fa-chevron-right {
    right:0px;
}
.Subscription-wrap .slick-disabled {
    /* display: none !important; */
    color:#ccc;
}
 /* Slider END */

.padd-left-50 {
    padding-left: 50px;
}

.bs-text {
    line-height: normal;
    margin-top: 15px;
    font-size: 36px;
    color: #1c1c1c;
}

.bs-button, .bs-button:hover {
    color: #fff;
    background-color: #3ce2ce;
    font-size: 17px;
    padding: 0.38rem 0.2rem;
    margin-top: 10px;
    width: 225px;
    height: 34px;
}

.reportTitle {
    margin-top: 15px;
}

.trial-header {
    display: flex;
    justify-content: space-between;
    height: 64px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    background-color: #3b5572;
    color: #fff;
}

.header-trial-right {
    display: flex;
    align-items: center;
    height: 64px;
    justify-content: flex-end;
}
.header-trial-right .profile-set {
    width: 54px;
    height: 54px;
    object-fit: fill;
    object-position: center;
    border: none;
    margin: 0;
}
.trail-p {
    font-size:20px;
    margin: 0;
}
.free_setup_consult {
    font-size:18px;
    margin: 14px 10px;
    border-radius: 10px;
}
.header-trial-left {
    display: flex;
    align-items: center;
    height: 64px;
}
.speak-with-us {
    font-size: 20px;
    line-height: 26px;
    padding-left: 15px;
    display: flex;
    flex-direction: column;
}

.sp-with {
    color: #44d7c4;
    margin: 0;
}

.speak-with-us a {
    color: #fff;
}
.speak-with-us label {
    margin-bottom: 0px;
}
.trial-pay-now:not(.green){
    padding: 6px 15px;
    border-radius: 10px;
    background-color: #44d7c5;
    color: #fff;
    margin: 0px 12px 0px 40px;
    font-size: 18px;
}

.trial-body #header {
    top: 64px;
}
.trial-body .calendar-wrapper .fixed-subnav {
    top: 109px;
}
.trial-body .calendar-wrapper .sidebar-filter {
    top: 185px;
}
.retail-pos .trial-header{
    display: none;
}

.trial-body{
    padding-top: 109px;
}

.header-trial-right .profile-details-noimage .client-noimg{
    width: 54px;
    height: 54px;
    object-fit: fill;
    object-position: center;
}

/*
 * POS Specific styles [START]
 */
.pos-payment-buttons img {
    max-width: 130px;
}
.pos-payment-buttons img:hover {
    cursor: pointer;
    opacity: .4;
}
/*
 * POS Specific styles [END]
 */
.select2-container--open .select2-dropdown--below{
    border: none;
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1);
}

/* .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #f5f5f5;
} */

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: none !important;
}

.select2-container--default .count-html {
    position: absolute;
    top: 9px;
    left: 15px;
    color: #666;
}

.sub-childnav li .filter-cat {
    position: absolute;
    top: 3px;
    left: 425px;
    color: #fff;
}

.sub-childnav li .filter-cat.reset-cat {
    left:500px;
    background: #cecece;
}

.sub-childnav li .filter-cat:hover {
/* font-weight: bold; */
opacity: .8;
background: #fb6362 !important;
color: #fff;
}

.sub-childnav li .reset-cat:hover {
    opacity: .8;
    background: #cecece !important;
}

#select2-search_category_id-results .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #3fcdbb !important;
    color: #fff;
}

li.select2-results__option {
    padding: 4px 12px;
    background: #fff;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
    background-color: #3fcdbb;
}


.learn-more {
    font-size: 14px;
    color: #666;
    margin-top: 20px;
    display: inline-block;
}

.learn-more:hover {
    color: #666;
}

/*checklist-item*/
.checklist-item {
    width: calc(75% - 20px) !important;
}
.content-text-list p{
    font-size: 19px;
    color: #4e4e4e;
    line-height: 24px;
}
.checklist-wrapper .checklist-item .white-box {
    padding: 3px 15px 0px;
}

.checklist-wrapper .content-text-list h2 {
    margin-bottom: 20px !important;
}

.checklist-wrapper .content-text-list{
    padding: 16px 0px;
}
.checklist-box {
    padding: 10px 0px;
}
.checklist-box ul li:hover a .checkbox-value h6 {
    color: #55718c;
}
.checklist-box .msgCheckbox{
    display: flex;
    margin-top: 10px;
    width: 100%;
}
.content-text-list h2 {
    font-size: 27px;
    -webkit-font-smoothing: antialiased;
}
.checkbox-value {
    padding-left: 13px;
    line-height: 16px;
}
.checkbox-value h6{
    color: #5bd7c5;
    font-size: 16px;
    margin: 0px;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
}
.checkbox-value p{
    color: #4e4e4e;
    font-size: 13px;
}
.filters_content {
    align-items: center;
    width: 100%;
    display: flex;
    margin-bottom: 10px;
}

.checklist-wrapper .row {
    display: flex;
    align-items:center;
}
.checklist-cal-image {
    padding-left: 15px;
}
.got-text a{
    font-size: 16px;
    color: #4e4e4e;
}
.got-text{
    padding-bottom: 10px;
}
.got-height {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    min-height: 242px;
    flex-direction: column;
}
.got-height .help-link{
    font-size: 14px;
    line-height: normal;
    text-align: right;
    padding-top: 12px;
}
.got-height .help-link a {
    color: #5ad8c5;
}
.got-height .help-link a:hover {
    color: #55718c;
}
.first-p {
    padding-bottom: 12px;
}

.checked-value h6{
    color: #cadae7 !important;
}
.checked-value p{
    color: #cadae7;
}

.checklist-box ul li:last-of-type a .filters_content {
    margin-bottom: 0;
}

.checklist-wrapper .no-appointment-box .cal-image {
    text-align: center;
    padding: 10px 0px;
}
.checklist-wrapper .white-box {
    padding: 28px 15px 10px;
}
.checklist-wrapper .white-box.today-meeting {
    padding: 43px 15px 10px;
}
/*checklist-item*/
.card-detail-box a.rounded-circle.slateblue-bg {
    margin-bottom: 5px;
}

#sub-chlidnav .select2-container--default .select2-results>.select2-results__options{
    min-width:100px;
}

.table.clientlistTable tr td div.tags span {
    display: block;
    min-height: 13px;
}
.table.clientlistTable tr td div.tags span .tagsinput{
    width: 158px !important;
    min-height: 27px !important;
    max-height: 300px !important;
    padding: 2px !important;
    position: absolute;
    top: 10px;
    left: 13px;
    background-color: #fff;
    z-index: 1;
    box-shadow: 6px 3px 6px 0px #dedede;
    display: none;
}

.table.clientlistTable tr td div.tags span .tagsinput i.client-tags, .client-tags-hidden {
    display: none;
}
.table.clientlistTable tr td div.tags.tagsOpen span .tagsinput i.client-tags{
    display: block
}
.table.clientlistTable tr td div.tags.tagsOpen span .tagsinput{
    display: block
}
.table.clientlistTable tr td h2 i.fa-link {
    transform: rotateY(180deg);
    padding-right: 6px;
    padding-left: 0;
}
.table.clientlistTable tr td div.tagsinput div {
    display: block;
    float: left;
    line-height: 0;
}

.table.clientlistTable tr td div.tags {
    position: relative;
}

.table-list.client-table tr:hover td.clientHover-email h5 {
    color: #44d7c5;
}

.apptooltiptexta {
    position: relative;
    background: #fff;
    border: 1px solid #eee;
}

.aaapptooltipss .apptooltiptexta {
    border: 1px solid #d1d1d1;
    visibility: hidden;
    width: 168px;
    background-color: #fff;
    color: #435e7e;
    text-align: left;
    padding: 5px;
    position: absolute;
    z-index: 3;
    bottom: 0;
    margin-left: 0px;
    opacity: 0;
    transition: opacity 0.3s;
    line-height: normal;
    top: 50%;
    display: table;
    left: 70%;
    font-size: 14px;
    height: 30px;
    color: #1c1c1c;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    box-shadow: 6px 3px 6px 0px #dedede;
}

.aaapptooltipss:hover .apptooltiptexta {
    visibility: visible;
    opacity: 1;
}

.tooltip-bottom {
    top: 135%;
    left: 50%;
    margin-left: -60px;
}

.clientlistTable tr:hover, .clientlistTable tr:nth-of-type(odd):hover {
    background-color: #45f7e04a !important;
}

.no-client-data {
    color: #d0cfcf !important;
}
.view-merge-fields {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.view-merge-fields a, a.ViewDataVariable {
    color: #44d7c5;
}
.view-merge-fields .popover-wrap.right .custom-popover {
    left: 0;
}
.view-merge-fields .popover-wrap.right .custom-popover:before {
    left: 20px;
}
.view-merge-fields .popover-wrap.right .custom-popover .scroll-div {
    padding: 15px 45px 15px 15px;
}
.view-merge-fields .popover-wrap.right .custom-popover .popover-close {
    right: 7px;
    left: initial;
}
.view-merge-fields .popover-wrap-left .custom-popover {
    max-width: 400px;
    /* top: 48px; */
    transform: translate(-435px, -65px);
}

#sub-chlidnav .select2-dropdown  {
    z-index: 990;
}
.select2-container--default .select2-results>.select2-results__options{
    /* min-width:100px; */
    word-wrap:break-word;
}
#sub-chlidnav .client-menu-dropdown .select2-selection__rendered {
    width: 140px;
}
.sub-childnav .btn-wrap .btn{
    padding: 0.38rem 1.8rem;
}

.promo-a, .promo-a:hover {
    font-size: 13px;
    color: #848282ee;
}

.promo-success {
    font-size: 13px;
    color: #22db7c;
}

.promo-invalid {
    font-size: 13px;
    color: #e60017;
}

.promo-section {
    display: flex;
    align-items: center;
    width: 100%;
}

.promo-validity {
    width: 100%;
    line-height: .8;
}
.invoice-div ul.dropdown-menu li a{
    line-height: 43px;
    display: block;
    background-color: #fff;
    padding: 0 10px;
    color: #292929 !important;
}

.invoice-div ul.dropdown-menu{
    border: none;
    box-shadow: 6px 5px 0px -1px rgba(174,174,174,0.3);
    border-radius: 0px;
}

.dropdown.open .dropdown-menu.dropdown-mobile-invoice, .btn-group.open .dropdown-menu.dropdown-mobile-invoice{
    min-width: 122px;
    max-height: 135px;
}

.invoice-div .dropdown-menu li {
    border-bottom: 1px solid #ddd;
}

.invoicebtn {
    background-color: transparent;
}

.sales-list .table tr:hover{
    background-color: #fff;
}
.sales-paid span {
    background-color: #37e969;
    color: #fff;
    text-align: center;
    font-size: 12px;
    border-radius: 4px;
    padding: 0px 7px;
    width: 60px;
    height: 20px;
}

.sales-unpaid span {
    background-color: #808080;
    color: #fff;
    text-align: center;
    font-size: 12px;
    border-radius: 4px;
    padding: 0px 7px;
    width: 60px;
    height: 20px;
}

.sales-return span {
    background-color: #fb6362;
    color: #fff;
    text-align: center;
    font-size: 12px;
    border-radius: 4px;
    padding: 0px 7px;
    width: 70px;
    height: 20px;
}

.sales-unpaid span, .sales-partial span, .sales-deleted span, .sales-imported span, .sales-pending span {
    background-color: #a1a1a1;
    color: #fff;
    text-align: center;
    font-size: 12px;
    border-radius: 4px;
    padding: 0px 7px;
    width: 60px;
    height: 20px;
}

.sales-cancelled span {
    background-color: #a1a1a1;
    color: #fff;
    text-align: center;
    font-size: 12px;
    border-radius: 4px;
    padding: 0px 7px;
}

.salesPills.sales-cancelled {
    width: max-content;
}

.sales-partial span {
    background-color: #537190
}

.sales-pending span {
    background-color: #f9a825;
    width: 66px !important;
}

.sales-deleted span {
    width: 65px;
    background-color: #fb6362;
}

.sales-imported span {
    width: 75px;
    background-color: #537190;
    margin-left: 20px;
}

.sub-childnav .invoiceFilterWrap .select2-container--default .select2-selection--single .select2-selection__rendered {
    color:#fff;
}

.invoiceFilterWrap .select2-container--default .select2-selection--single .select2-selection__arrow {
    color:#fff;
}

.sales-unresponsive {
    overflow-x: inherit;
}
.form-wrap.clients-details-new {
    display: flex;
    margin-bottom: 70px;
}
.database-field h4 {
    font-size: 16px;
    margin-bottom: 0px;
    font-weight: 600;
}

.database-field p {
    font-size: 12px;
    text-align: center;
    margin-bottom: 0px;
}
.database-field {
    text-align: center;
    width: 100%;
}

.db-add-field .add-client-top{
    font-size: 12px;
    margin-top: 10px;
    padding: 5px;
    background-color: #3ce2ce;
}

.database-field .removeCustomFieldCheckList{
    font-size: 12px;
    display: flex;
    width: 100%;
    justify-content: flex-end;
}

.db-add-field {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0px 15px 0 0;
    text-align: center;
}

.db-add-field img {
    width: 65px;
}

.importStatusTitle{
    text-align: left;
    font-size: 28px;
    color: #44d7c5;
}

.products-list{
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 15px;
    border: 1px solid #eee;
    padding: 10px 0;
}

.products-list p{
    margin: 0px;
    font-size: 20px;
    color: #1e4e75;
}

.product-title-list .errorTitle{
    font-size: 20px;
    line-height: 28px;
    color: red;
    margin: 10px 0;
}

.product-title-list .errorList{
    border: 1px solid #ddd;
    margin-bottom: 10px;
}

.head-product-title{
    font-size: 18px;
    padding: 5px;
    color: #44d7c5;
    border-bottom: 1px solid #ddd;
}

.sub-product-title{
    padding: 5px 10px;
    color: #1e4e75;
    font-size: 14px;
}

.successImportMessage{
    font-size: 18px;
    color: #44d7c5;
    margin: 10px 0;
}

.product-title-list a {
    color: #44d7c5 !important;
}

.datepicker-days tbody td {
    cursor: pointer;
}
.productImport  a#dropdownMenuLink {
    color: #fff;
    background: transparent;
    border: 1px solid #fff;
}
.productImport i.fal {
    line-height: 0.2;
}
.region-note {
    color: #f62a2a;
    margin-bottom: 10px;
}
.region-save-popup .modal-content{
    padding: 20px 20px;
}

.region-save-popup .modal-header.white-bg {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    align-items: center;
    text-align: center;
}
.region-save-popup .modal-title {
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 5px;
    width: 90%;
    letter-spacing: 0.51px;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
}
.edit-stock, .edit-variant-stock {
    float: right;
}
#noteListing ul, .note-editor ul {
    margin: 0 1rem 1rem 1rem;
    padding-left: 1rem;
    list-style-type: disc;
}
#noteListing ul li, .note-editor ul li {
    list-style: inherit !important;
}

.note-editor ol li {
    list-style: inherit !important;
}
.currency-sign {
    font-size: 14px;
    border: 3px solid;
    border-radius: 50%;
    color: #cadae7;
    display: flex;
    align-items: center;
    height: 38px;
    width: 38px;
    justify-content: center;
    font-weight: bold;
}
#pdt_upload_preview
{
    display: none;
    margin-bottom:2px;
}
.daterange-wrap #appointmentRange {
    display: inline-block;
    background-color: #fff;
    padding: 3px 10px;
    color: #161616;
}
.daterange-wrap #invoiceRange, .daterange-wrap #billingInvoiceRange {
    display: inline-block;
    background-color: #fff;
    padding: 3px 10px;
    color: #161616;
}
.daterange-wrap #paymentRange {
    display: inline-block;
    background-color: #fff;
    padding: 3px 10px;
    color: #161616;
}
.daterange-wrap #salesRange {
    display: inline-block;
    background-color: #fff;
    padding: 3px 10px;
    color: #161616;
}
.daterange-wrap #messageRange {
    display: inline-block;
    background-color: #fff;
    padding: 3px 10px;
    color: #161616;
}
/* client credit Start*/
.subnav-container .paid-detail .credit h4 span {
    float: inherit;
    margin-left: 5px;
}
.subnav-container .paid-detail .credit a {
    color: #fff;
}
/* client credit End*/

.invoice-div .dropdown-menu{
    z-index: 998;
}
.defaultMobileCode{
    margin-left: -31px;
}
.sales-list .table th, .sales-list .table td {
    padding: 19px 10px !important;
}
.table-list .salesTable.table tr td{
    width: auto !important;
}
.table-list .salesTable.table tr td.clientName{
    width: 20% !important;
}
#client-list tr td {
    width: inherit;
    line-height: 24px;
    vertical-align: middle;
    border-bottom: 1px solid #cecece;
    padding: 7px 10px;
}

/*invoice tooltip End */

.general-list tr td {
    padding: 0.75rem !important;
}
.variables_table {
    line-height: 20px;
}

#paidOptions a, #saveOptions a {
    border-radius: 0;
    width: 100%;
    height: 40px;
    border: 1px solid #cecece;
    background: transparent;
    font-size: 14px;
    font-weight: 600;
    border-left: 0;
    border-top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: normal;
}

#paidOptions a.red i, #saveOptions a i {
    padding-right: 5px;
}

.client-noimg {
    background-color: #ea9dd0;
    height: 47px;
    width: 47px;
}

.client-notes-link {
    width: 60px;
    height: 20px;
    float: right;
    margin-top: 10px;
    clear: right;
}

.client-notes-link span {
    margin-right: calc(100% - 78%);
}

.client-notes-link i {
    font-size: 25px;
}

.user-popup .user-detail .value {
    background-color: #cccccc;
}

.cursor-default:hover {
    cursor: default;
}

.table-list .table tr {
    height: 65px;
}

.table-list .table tr {
    background-color: #fff;
}
.table-list .table tr.checked {
    background-color: #45f7e04a;
}
.clientlistTable .pill {
    width: 12% !important;
}
.clientlistTable .client-name {
    width: 25% !important;
}

.client-list .view-tags {
    cursor: pointer;
}
.table-list .clickableTr tr {
    cursor: pointer;
}
.waitListTable .checkbox {
    float: right;
}

.popupActionBar .message-wrap {
    margin-left: -1px;
    margin-right: -1px;
}

/*Mobile code message*/
#error-msg {
    color: red;
    font-weight: bold;
}
#valid-msg {
    color: #00C900;
}

.hide {
    display: none;
}
/*Mobile code message*/

.user-notes-mobile i {
    font-size: 20px;
    margin: 2px;
}
.online-stripe, .online-stripe:hover {
    color: #44d7c5;
}
.user-notes-mobile .white {
    color: #235074;
}
.subnav-container .user-notes-mobile .lightred {
    color: #fb6362;
}


.table-list .teamMemberTable.table tr td.teamMemberName {
    width: 40%;
}

.retailPosTablet {
    display: none;
}

/*colour picker styles*/
.product-colorlist, .partial-colorlist, .unpaid-colorlist, .category-colorlist, .pos-colorlist,  .cancel-colorlist {
    width: 60px;
    display: inherit;
    align-items: center;
    justify-content: space-around;
}

.color-default, .category-color-default, .pos-color-default , .cancel-color-default  {
    width: 18px;
    height: 18px;
    border-radius: 50px;
    display: inline-block;
    position: relative;
    cursor: pointer;
}

.color-box .select2-selection__arrow b {
    border-color: #cadae7 transparent transparent transparent;
    border-style: solid;
    border-width: 6px 6px 0 6px;
    height: 0;
    right: 24%;
    margin-left: -4px;
    margin-top: -2px;
    /*position: absolute;*/
    top: 38%;
    width: 0;
    cursor:pointer;
}
.color-box {
    display: flex;
    position: relative;
}

.select2-selection__arrow {
    display: flex;
}
.color-list  {
    border: 1px solid #ddd;
    position: absolute;
    height: 225px;
    width: 114px;
    background-color: #fff;
    z-index: 3;
    bottom: 0px;
    right: -120px;
    display: none;
}
.category-color-list , .pos-color-list {
    border: 1px solid #ddd;
    position: absolute;
    height: 225px;
    width: 114px;
    background-color: #fff;
    z-index: 3;
    bottom: 0px;
    right: -87px;
    display: none;
    top: 20px;
}
.cancel-color-list {
    border: 1px solid #ddd;
    position: absolute;
    height: 237px;
    width: 114px;
    background-color: #fff;
    z-index: 3;
    bottom: 0px;
    right: -121px;
    display: none;
}

.partial-color-list {
    border: 1px solid #ddd;
    position: absolute;
    height: 237px;
    width: 114px;
    background-color: #fff;
    z-index: 3;
    bottom: 0px;
    right: -121px;
    display: none;
}
.unpaid-color-list {
    border: 1px solid #ddd;
    position: absolute;
    height: 237px;
    width: 114px;
    background-color: #fff;
    z-index: 3;
    bottom: 0px;
    right: -121px;
    display: none;
}

.color-list.Open, .category-color-list.Open, .pos-color-list.Open, .cancel-color-list.Open, .partial-color-list.Open, .unpaid-color-list.Open
{
    display: block;
}
.color-list li span.choose-color, .category-color-list li span.catg-choose-color, .pos-color-list li span.pos-choose-color, .cancel-color-list li span.cancel-choose-color,  .partial-color-list li span.partial-choose-color,  .unpaid-color-list li span.unpaid-choose-color {
    width: 18px;
    height: 18px;
    display: inline-flex;
    border-radius: 50%;
}
.color-list li, .category-color-list li, .pos-color-list li, .cancel-color-list li, .partial-color-list li, .unpaid-color-list li {
    padding: 5px;
    display: flex;
}
.color-list ul, .category-color-list ul, .pos-color-list ul ,.cancel-color-list ul, .partial-color-list ul, .unpaid-color-list ul{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-flex-flow: row wrap;
    justify-content: space-around;
}

.chosen-green {
    background-color: #44d7c5;
    position: relative;
}

.chosen-mint {
    background-color: #00ff80;
    position: relative;
}

.chosen-lime {
    background-color: #a2e79f;
    position: relative;
}
.chosen-forest {
    background-color: #0B6623;
    position: relative;
}

.chosen-purpledark {
    background-color: #800080;
    position: relative;
}

.chosen-purplebright {
    background-color: #cd00cd;
    position: relative;
}

.chosen-red {
    background-color: #ee1c24;
    position: relative;
}

.chosen-redpink {
    background-color: #ed008c;
    position: relative;
}

.chosen-lightpink {
    background-color: #FFB6C1;
    position: relative;
}

.chosen-blue {
    background-color: #648EFD;
    position: relative;
}

.chosen-bluesky {
    background-color: #87CEEB;
    position: relative;
}

.chosen-bluepowder {
    background-color: #B0E0E6;
    position: relative;
}

.chosen-bluemaya {
    background-color: #73C2FB;
    position: relative;
}

.chosen-bluegray {
    background-color: #6699CC;
    position: relative;
}

.chosen-orange {
    background-color: #f8941d;
    position: relative;
}

.chosen-orangecoral{
    background-color: #FF7F50;
    position: relative;
}

.chosen-orangepumpkin{
    background-color: #FF7518;
    position: relative;
}

.chosen-brown{
    background-color: #8c6239;
    position: relative;
}

.chosen-browncamel{
    background-color: #C19A6B;
    position: relative;
}

.chosen-brownwheat{
    background-color: #F5DEB3;
    position: relative;
}

.chosen-yellow{
    background-color: #FDEE00;
    position: relative;
}

.chosen-yellowlemon{
    background-color: #FFFACD;
    position: relative;
}
.chosen-yellowhoney {
    background-color: #FFC308;
    position: relative;
}

.chosen-gray{
    background-color: #808080;
    position: relative;
}

.chosen-graycadet{
    background-color: #91A3B0;
    position: relative;
}

.chosen-graycool{
    background-color: #8C92AC;
    position: relative;
}

.chosen-grayslate{
    background-color: #708090;
    position: relative;
}

.chosen-black{
    background-color: #000000;
    position: relative;
}

.chosen-bluedeepsky{
    background-color: #00c2f0;
    position: relative;
}

.choose-color.selected:before, .catg-choose-color.selected:before, .pos-choose-color.selected:before, .cancel-choose-color.selected:before, .partial-choose-color.selected:before  {
    content: "\f00c";
    color: #fff;
    top: 0px;
    position: absolute;
    left: 4px;
    font-family: "Font Awesome 5 Pro";
    font-size: 12px;
    font-weight: 900;
}

.box-check {
    line-height: 25px;
}

.box-check label {
    margin-top: 4px;
}
.product-colorlist ul#color-palette, .category-colorlist ul#color-palette {
    margin: 0;
}

.product-colorlist ul#color-palette li, .category-colorlist ul#color-palette li, .pos-colorlist ul#color-palette li,  .cancel-colorlist ul#color-palette li {
    margin: 0;
}

.partial-colorlist ul#color-palette,.unpaid-colorlist ul#color-palette, .category-colorlist ul#color-palette {
    margin: 0;
}

.partial-colorlist ul#color-palette li,.unpaid-colorlist ul#color-palette li, .category-colorlist ul#color-palette li, .pos-colorlist ul#color-palette li,  .cancel-colorlist ul#color-palette li {
    margin: 0;
}

.choose-color.no_color, .catg-choose-color.no_color , .pos-choose-color.no_color, .cancel-choose-color.no_color, .partial-choose-color.no_color{
    border: 1px solid #cadae7;
}
.choose-color.no_color.selected:before, .catg-choose-color.no_color.selected:before {
    color: #cadae7;
    top: 4px;
    left: 8px;
}
#color-default.color_none, #category-color-default.color_none, #cancel-color-default.color_none {
    background: none;
    border: 1px solid #cadae7;
}
/*colour picker styles*/

#stripe_block .integration__key p {
    width: 35%;
}
#waitlistBadge {
    position: relative;
}
.confirmation-paid {
    display:flex;
    align-items: center;
}
.confirmation-pop{
    padding-left:10px;
}

.tool-tip-underline {
    border-bottom: dotted 1px #cacaca;
    text-decoration: none;
    padding-bottom: 1px;
}

.credit a{
    color: #fff;
}

.status-wrap {
    padding-right: 0;
}
.status-wrap .status {
    display: flex;
    margin-bottom: 10px;
}

.productStatus, .posStatus label {
    padding-right: 5px;
    color: #666 !important;
}

.mega-dropdown ul li.dropdown-header {
    border-bottom: 1px solid #e6e6e6;
}

.mega-dropdown ul li.dropdown-header a {
    padding-bottom: .2rem;
}
#listFutureAppointment .team-edit {
    padding-right: 10px;
}

/* slim scroll */
.scroll-div::-webkit-scrollbar {
    width: 7px;
    height: 7px;
    scrollbar-width: thin;
}
.scroll-div::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.scroll-div::-webkit-scrollbar-thumb {
    background: #888;
}

.scroll-div::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.scroll-div ::-webkit-scrollbar {
    width: 7px;
    height: 7px;
    scrollbar-width: thin;
}

.scroll-div ::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.scroll-div ::-webkit-scrollbar-thumb {
    background: #888;
}

.scroll-div ::-webkit-scrollbar-thumb:hover {
    background: #555;
}
/* slim scroll */


/**
 * Tyro / Healthpoint
 */
.form-control-sm-modality {
    cursor: auto;
    height: 20px;
    padding: 5px 4px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    margin-top: 8px;
    width: 100%;
}
.integration__head.bg-tyro {
    background: #000;
    height: 124px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
}
.integration__head.bg-tyro figure {
    margin-bottom: 0px;
}
.tyro-payment-text p {
    font-size: 10px;
}
.mobile-refund-btn {
    color: #fff !important;
    height: 20px;
    font-size: 12px !important;
    line-height: 20px !important;
    padding-top: 0 !important;
    padding-bottom: 0;
}
#sub-chlidnav.reportWrap ul li, #sub-chlidnav.reportWrap .daterange-wrap {
    padding-top: 6px;
}

/**
 * Tyro - For the payment screen
 */
 .modality-data span.select2-selection {
     padding: 1px 4px !important;
     font-size: 14px !important;
     border: solid 1px #dcdcdc !important;
     border-radius: 3px;
     height: 23px;
 }
 .modality-data span.select2-results {
     padding: 1px 4px !important;
     font-size: 14px !important;
     border: solid 1px #dcdcdc !important;
     border-radius: 3px;
 }
.modality-data .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 19px;
}
/*The little arrow icon*/
.modality-data .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 19px;
    line-height: 19px;
}
.pl-5px {
    padding-left: 5px !important;
}

/*Tyro modal */
.tyro-iclient-modal.modal {
    width: 710px !important;
    height: 520px !important;
    top: 5% !important;
    left: 45% !important;
}
.tyro-iclient-modal iframe {
    width: 706px !important;
    height: 495px !important;
}
.tyro-iclient-modal .modal-body {
    max-height: initial;
}

/*Payment screen [+ ITEMS] button*/
#paymentBox #add_new_sales {
    position: absolute;
    top: 6px;
    right: 6px;
    z-index: 13;
}

.onlineBookingButtons {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 10px 0px;
    text-align: center;
}
.select2-dropdown {
    z-index: 888; 
}
.general-table.openingHours .select2 {
    margin-bottom: 5px;
    margin-left: 0px;
}

.table-list .table tr td a:not(.btn):hover {
    color: #44d7c5;
}

.manage-product-wrap {
    font-size:13px; font-weight:normal; margin:8px 10px 0 0; color:#545852;
}
h3.import-info {
    padding-left: 15px;
}
#appnt-confirm-box {
    background-color: #fff;
    padding: 20px;
    max-width: 400px;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
}
.appnt-confirm-btn {
    width: 100%;
    margin: 15px 0;
}
form.fieldMgmt div.catBlock.error{
    border-color:red;
    padding: 12px 0;
}

.multiple-booking span {
    background-color: #47d7c5;
    color: #fff;
    text-align: center;
    font-size: 12px;
    border-radius: 4px;
    padding: 0px 7px;
    width: 90px;
    height: 20px;
}

#listSubSales .table-responsive .table-height {
    min-height: 100px;
    max-height: 300px;
    overflow-y: auto;
}
#appointmentEditCalender .clientCount .circle {
    background-color: #cccccc;
    color: #fff;
}

.displayAddress {
    font-size: 12px;
}

.dropdown-wrap .product-business-avaliability {
    min-width: 200px;
}

.locationAddressMapIcon{
    font-size: 20px;
}
.list-all-appnt {
    max-height: 160px;
    overflow-y: auto;
}
.invoiceToolTip .tooltip.bottom {
    padding: 5px;
}

.list input[type=text] {
    width: 175px !important;
}

.export .dropdown-menu {
    z-index: 991 !important;
}
.name-card .form-control {
    height: 40px;
}

.name-card .form-control:focus {
    border: 1px solid rgba(0, 0, 0, 0.15) !important;
}

.name-card .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #aab7c4;
}

.stripe-align .add-wrap {
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.stripe-align .add-wrap .btn {
    margin: 0px 10px;
}

.pay-swipe {
    display: flex;
    align-items: center;
    flex-direction: column-reverse;
    justify-content: center;
    width: 90%;
}

.pay-swipe #stripe_pay_btn,.pay-swipe #stripe_add_card {
    margin-bottom: 10px;
    margin-left: 10px;
}

.pay-swipe .stripe-powered {
    margin-left: 0;
}

.pay-swipe .stripe-powered {
    height: 22px;
}

#stripe-payment-div {
    margin-top: 15px;
    display: none;
}

.snapshot-wrap .snap-list .item span.chart-sub-heading {
    font-size: 12px;
    font-weight: normal;
    border-bottom: 1px dotted;
}
.select2-dropdown.increasezindex {
    z-index: 1051;
}

button.quickAdd:focus{
    outline: none;
}


.quick .dropdown-menu li {
    border-bottom: 1px solid #ddd;
}

.quick a {
    padding: 0 10px;
    font-size: 16px;
    color: #6c849e !important;
}

.quick i{
    float: left;
    font-size: 17px;
    margin: 6px 5px 0 0;
    height: 20px;
}

.quick .dropdown-menu{
    width: 185px;
    border: 1px solid #e5e5e5;
    border-top: none;
    box-shadow: 6px 5px 0px -1px rgba(174,174,174,0.3);
    border-radius: 0px;
}
.quick .dropdown-menu li {
    border-bottom: 1px solid #ddd;
}

 .quick a {
    line-height: 43px;
    display: block;
    background-color: #fff;
    padding: 0 10px;
    color: #6c849e;
    font-size: 16px;
}
.quick button {
    font-size: 14px;
    font-family: 'Lato', sans-serif;
}

nav ul#menu li .quick ul li {
    float: left;
    font-size: 14px;
    margin: 0px;
    line-height: normal;
    width: 100%;
}

.quick ul li.dropdown-header{
    background: #45d7c5;
    color: #fff;
    padding: 0.5rem .8rem;
}

#menu .quickAdd {
    background: transparent;
    border: none;
    padding: .46rem 0;
    cursor: pointer;
    color: #537190;
    font-weight: 600;
}

nav ul#menu li .quick ul li a{
    padding: 0px 12px;
    font-weight: 400;
}

nav ul#menu li .quick ul li a:hover {
    background-color: transparent;
    color: #44d7c5 !important;
}

#mobileNav .quickAdd {
    background: transparent;
    border: none;
    line-height: 57px;
    cursor: pointer;
}

.checkboxDisabled.checkboxDisabled {
    background: #EBEBE4;
}

.disabledEmailText {
    color: #808080;
}

#menu li button:hover {
    color: #44d7c5;
}

table.salesTable h5.product-name a.circle.slateblue {
    color: #fff;
    width: 18px;
    height: 18px;
}

table.salesTable h5.product-name a.circle.slateblue i {
    font-size: 10px;
}

.retail-pos .mobileNav .quick {
    display: none;
}

.onlineAvailableProduct {
    font-size: 36px;
}

.sub-childnav .filter-wrap.invoiceFilterWrap {
    float: right;
    display: flex;
    align-items: center;
    justify-content: center;
    max-height: 30px;
    line-height: 19px;
}
.userAvatar .client-noimg {
    margin: 0;
    height: 36px;
    width: 36px;
}


/*new design for appointmentEditCalender*/
.appointmentEditCalender .user-content {
    padding: 0;
    margin: 0;
    width: 100%;
    /*border-top: 10px solid #f0b943;*/
}
.appointmentEditCalender {
    max-width: 550px;
    overflow: hidden;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.appointmentEditCalender .scroll-div {
    overflow-x: hidden;
    margin-bottom: 0px;
    background: #5bd7c5;
    padding: 15px;
}

.appointmentEditCalender .flex-btnwrap {
    padding: 20px 16px;
    display: flex;
    justify-content: space-between;
    background: #2b4d73;
}

.appointmentEditCalender .profile-imgd{
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 1px solid #fff;
    position: relative;
    display: flex;
    justify-content: center;
    cursor: pointer;
}
.proflie-num-er {
    flex-direction: column;
    display: flex;
    padding-left: 10px;
    color: #fff;
}
.proflie-num-er h2 {
    margin-bottom: 0rem;
    padding-top: 5px;
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
    justify-content: space-between;
}

.proflie-num-er h2 a {
    color: #ffffff;
    font-size: 23px;
    white-space: nowrap;
}
.proflie-num-er h2 a:hover {
   text-decoration: underline;
}
.appo-profile-match {
    display: flex;
    align-items: flex-start;
}
.appo-btns {
    display: flex;
    flex-direction: row;
}
.appo-btns .btn {
    margin-right: 10px;
    cursor: default !important;
}
.btn-confirmed {
    background-color: #2fbc54;
    color: #fff;
}
.btn-cancelled {
    background-color: #a1a1a1;
    color: #fff;
}

.no-cursor .btn-cancelled, .no-cursor{
    cursor: default !important;
}

.btn-better {
    background-color: #fff;
    color: #000;
}
.appo-btns .btn, .apppoinment-feature .btn {
    font-weight: 300;
    padding: 0.25rem 0.5rem;
    line-height: 15px;
    font-size: 13px;
    border-radius: 6px;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
}
.contact-wiper {
    display: flex;
    align-items: center;
    margin-bottom: 0.6rem;
    margin-top: 0.6rem;
}
.apppoinment-feature {
    text-align: right;
}

.apppoinment-feature .btn {
    margin-bottom: 5px;
}
/*.apppoinment-feature .btn:last-of-type {*/
    /*margin-bottom: 0px;*/
/*}*/
.appo-btns .btn:last-of-type {
    margin-right: 0px;
}

.btn-feature, .btn-clinical {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
    display: flex;
    align-items: center;
    float: right;
}
.btn-clinical img{
    width: 18px;
    padding-right: 5px;
}

.contact-wiper a {
    color: #fff;
    text-decoration: underline;
    font-size: 12px;
    padding-left: 5px;
}
.contact-wiper h3 {
    font-size: 13px;
    line-height: 16px;
    margin: 0;
    margin-right: 0.5rem;
}

.contact-wiper a h3{
    text-decoration: none !important;
}

.app-profile-edit {
    background: #fff;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
}

.new-click {
    background: #fff;
    padding: 0.01rem 0.1rem 0rem 0.1rem;
    border-radius: 5px;
    position: absolute;
    bottom: -8px;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 13px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    text-align: center;
    width: 70px;
    margin: auto;
    color: #212121;
}

.appointment-client-list ul li {
    list-style: none;
    margin-bottom: 5px;
    border-bottom: 1px solid #fff;
    padding-top: 10px;
    position: relative;
}

.appointment-client-list ul li.pending-client {
    border-bottom: none;
    padding-left: 8px;
    padding-right: 8px;
}

.appointment-client-list ul li.pending-client .pending-client-btn {
    position: relative;
    top: -5px;
    padding-left: 190px;
    margin-top:15px;
}

a.decline-class-client:hover {
    color: #fff;
}

.assign-swtalert-class .sa-button-container button.cancel {
    background-color: #fb6362;
    opacity: 0.9;
}

.assign-swtalert-class .sa-button-container button.cancel:hover {
    background-color: #fb6362;
    opacity: 1;
}

.keep-client-swt-alert-class .sa-button-container button.cancel {
    background-color: #22db7c;
    opacity: 0.9;
}

.keep-client-swt-alert-class .sa-button-container button.cancel:hover {
    background-color: #22db7c;
    opacity: 1;
}

.appointment-client-list ul li:last-of-type {
    padding-bottom: 0;
    border-bottom: none;
    margin-bottom: 0;
}
.userTitle-add-notes {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    position: relative;
    line-height: normal;
    margin-bottom: 10px;
    height:15px;
}
.appointmentEditCalender .Appointment-list .times {
    margin-bottom: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.day-tag {
    margin: 8px 0px;
    color: #ef6262;
    font-size: 16px;
}
.userTitle h4 {
    font-size: 20px;
}

.add--notes-txt {
    color: #a1a1a1;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    text-overflow: ellipsis;
    width: 200px;
}

.add--profile--tag {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.circle-v {
    width: 20px;
    height: 20px;
    background: #5bd7c5;
    color: #fff;
    padding: 5px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 10px;
}

.max-client.circle-v{
    width:35px;
}

.appointmentEditCalender .flex-btnwrap {
    padding: 10px 10px;
}
.add--profile--tag img {
    width: 20px;
    margin: 0px 5px;
}
.appointmentEditCalender .empty {
    display: flex;
}
.app-profile-edit i {
    font-weight: 900;

}
.gray-tick i {
    color: #bfbfbf;
}
.green-tick i {
    color: #68d885;
}

.red-tick i {
    color: #fb6362
}

.grey-tick i {
    color: #c2c2c2;
}
.client-recurring i, .client-group i
{
   color: #5bd7c5;
   font-size: 18px;
   padding-right: 5px;
}
/* appointment design end*/

.delivery-status-div {
    height: 12px;
    width: 12px;
    border-radius: 50%;
    margin-top: 20px;
}

.delivery-status-text {
    margin-left: 20px;
    margin-top: -18px;
}

.msg-Delivered {
    background-color: #2fbc54;
}

.msg-Deferred, .msg-Dropped, .msg-Processed {
    background-color: #ffb040;
}

.msg-Blocked, .msg-Bounce, .msg-Rejected, .msg-Undelivered, .msg-Expired {
    background-color: #ff4040;
}

.msg-Queued {
    background-color: #c2c2c2;
}

.view-msg {
    font-size: 16px;
    color: #47d7c5 !important;
}

#show_message .modal-body {
    background-color: #ffffff !important;
}
#show_message .modal-dialog {
    position: relative;
    display: table;
    overflow-y: auto;
    width: 100%;
}

#saveOptions button {
    color: #1c4e76;
}

#saveOptions i {
    color: #1c4e76;
}

#saveOptions a {
    color: #1c4e76;
}

.contact-detail .clientMobResponsive {
    color: #FFF;
}

.invoiceSettingLocations .select2 {
    min-width: 200px;
}

.cstm-drop .select2-selection span {
    color: white !important;
}

.bodychart-library-container {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.bodyChartHeading {
    width: 100%;
    padding-top: 5px;
}

.bodyChartHeading h2 {
    color: #5bd8c5;
}

.bodychart-library-container p {
    width: 100%;
    color: #292929;
}

.bodychart-library-container .addLibraryImageContainer .file-view {
    height: 100%;
}

.bodychart-library-container .addLibraryImageContainer .file-view i.addLibraryImageIcon {
    font-size: 60px;
}

.bodychart-library-container .attach-file {
    margin-right: 10px;
    margin-bottom: 10px;
}
.bodyChartAll .commentBodyChart {
    height: 36px;
}

.bodyChartAll .commentBodyChart h3 {
    font-size: 13px;
    line-height: 13px;
    margin: 0;
    color: #161616;
}

.pendingBookingsTitle {
    font-size: 18px;
    margin-left: 10px;
    color: #fff;
    line-height: 42px;
}

.appointmentIcons, .log-icon {
    height: 32px;
    width: 32px;
    border-radius: 50%;
    display: inline-block;
    border-color: #fff;
    margin-left: 12px;
}

.appointmentIcons i, .log-icon i {
    color: #fff;
    font-weight: 900;
    font-size: 19px;
    margin-left: 0px;
    display: flex;
    justify-content: center;
}

.onlineBookingNote label {
    background-color: white;
    padding-bottom: 10px;
    padding-top: 5px;
    width: 94%;
}

.onlineBookingNote textarea {
    margin-top: 0;
}

.app-profile-new {
    background: #fff;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    line-height: 8px;
}

.app-profile-new i {
    color: #f0b943;
}

.client-arrival-text {
    padding-left: 4px;
    font-size:8px;
}

.client-reminder-status {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffff;
    margin-top: 0px;
    margin-right: 0px;
    font-size: 10px;
}

.client-reminder-status.delivered {
    background: #2fbc54;
}

.client-reminder-status.not-delivered {
    background: #eb6c64;
}

.client-reminder-status.not-set {
    background: #a1a1a1;
}

.clientSort span.select2.select2-container {
    width: 185px !important;
}

#sub-chlidnav .client-menu-dropdown.clientSort .select2-selection__rendered {
    width: 185px;
}

.enableReplySmsCheckbox {
    border-top: 1px solid #cecece !important;
}

.onlineBookingFields {
    width: 100%;
}
.teamMemberOrderBy .select2-container {
    width: 204px !important;
}

.userSearchOptions .select2-container {
    width: 130px !important;
}

/*New header changes*/
.sub-childnav li a {
    padding: 0px 10px;
}

#sub-chlidnav.reportWrap .daterange-wrap {
    padding-top: 0;
    line-height: 23px;
}

.sub-childnav .filter-wrap .filter a {
    line-height: 30px;
}

.sub-nav li.omit-padd a{
    padding: 7px 10px;
}

#sub-chlidnav.reportWrap ul li {
    padding: 0;
}

.daily-email-settings {
    float: right;
    cursor: pointer;
}

.report-userlist .cstm-checkbox {
    content: '';
    height: 20px;
    width: 20px;
    border: 1px solid #cecece;
    position: relative;
    cursor: pointer;
}

.report-userlist .cstm-checkbox:before {
    content: "\f00c";
    position: absolute;
    left: 2px;
    top: 0px;
    font-family: "Font Awesome 5 Pro";
    font-size: 16px;
    color: #50dc8d;
    opacity: 0;
}

.report-userlist .form-check input[type='checkbox']:checked + .cstm-checkbox:before {
    opacity: 1;
}

#select_category .select2.select2-container {
    width: 200px!important;
}



.report-user-list {
    height: 160px !important;
    overflow-y: auto;
}
.clientAppointmentEdit {
    display: inline-table;
    color: #fff !important;
    width: 18px !important;
    height: 18px !important;
    line-height: 14px !important;;
}

.clientAppointmentEdit i{
    font-size: 10px !important;
}
/* intake form */
.intake_forms_container .tooltip-content {
    width: 100%;
}
.intake_forms_container .intakeFormManage {
    width: 100%;
    display: block;
}
.intake_forms_container .addForm {
    background: #fff;
    border: solid 1px #44d7c5;
    display: block;
    width: auto;
    padding: 6px 12px;
    overflow: hidden;
    width: 100%;
    margin: 30px 0;
}
.intake_forms_container .addForm input.text {
    padding: 0 10px 0 0;
    background: #ffffff;
    border: none;
    font-size: 16px;
    color: #000;
    line-height: 38px;
}

.addForm .select2-container, .formHeader .locationWrap .select2-container, .formHeader .domainWrap .select2-container {
    width: 250px !important;
}
.addForm select {
    height: 33px !important;
}
.intake_forms_container .formBlock {
    border: solid 1px #e6e6e6;
    background: #fff;
    overflow: hidden;
    padding: 6px 12px;
    width: 100%;
    margin: 8px 0 9px 0;
}
.intake_forms_container .deleteFormBtn {
    background-color: #fb6362;
    line-height: 20px;
    color: #fff;
}
.formIndividualField{
    background: #f6f6f6;
    cursor: move;
    width: 100%;
    outline: none;
}
.formIndividualField .formFieldData {
    min-width: 81%;
}
.formIndividualField .fieldContainer {
    width: 100%;
}
.formIndividualField .fieldAction {
    width: 10px;
    display: flex;
    justify-content: flex-end;
}
.formError {
    border: 1px solid #ff0000 !important;
}
.formSortable .removeField {
    color: #fb6362;
}
.fieldTypeTooltip, .fieldOptionTooltip {
    cursor: pointer;
}
.select2-container--default .customFieldDrop .select2-results__option[aria-disabled=true] span.disabled{
    display: none;
}
.customFieldDrop li {
    padding: 0;
    pointer-events: none;
}
.customFieldDrop li span{
    padding: 4px 12px;
    display: block;
    pointer-events: auto;
}
.customFieldDrop li span.readonly {
    pointer-events: none;
    color: #999;
}
.intake_forms_container .tooltip-content.toltip-top-page a {
    color:#44d7c5;
}

.select2-container--default .fieldTypeDropDown .select2-results>.select2-results__options {
    max-height: 200px;
}
.table-list.form-table .table tr td a {
    color: #44d7c5;
    margin-right: 10px;

}
.intake_forms_container .formHeaderLeft {
    width: 65%;
}
.intake_forms_container .formHeaderLeft .form_title {
    width: 40%;
}
.sent-form-table .labeled {
    min-width: 98px;
}
.sent-form-table .labeled.grey {
    background-color: #cecece;
}

/* intake form */
div#toast-container .toast-info:before {
    top: 20px;
}

.teamMemberTable .sales-unpaid span {
    width: 73px !important;
}

.teamMemberTable .sales-paid span {
    width: 73px !important;
}

.productAssignTeam {
    height: 142px;
    overflow-y:  auto;
    padding-top: 22px;
    width: 100%;
}

.productAssignTeam .messaging_clients_table td, .productAssignLocationTable td{
    padding: 5px 15px;
    border-top: none;
}

.teamMemberProducts {
    top: 8px;
    margin-right: 39px;
}

.favIcons i{
    font-size: 22px
}

.favIcons {
    color: #47d7c5;
}

.notFavorite {
    color: #a9a7a7;
}

.notFavorite i{
    font-size: 22px
}

.onlineBookingFields#sortable .sortableDiv:hover {
    cursor: move;
}

.skip-validation-div {
    display: none;
    margin-left: 150px;
    margin-top: 10px;
}

.favouriteIcon i:hover {
    cursor: pointer;
}

.favouriteIcon {
    margin-left: 11px;
}

.modal-dialog.region-save-popup {
    max-width: 580px;
}
.readmore-content-p {
    width: 100%;
    text-align: center;
    font-size: 15px;
    margin-bottom: .21rem;
}
.read-more-underline {
    color: #7f7f7f;
}

.region-save-popup .modal-body .btn-wrap {
    margin-top: 15px;
}
.region-save-popup .modal-body .region-select-area {
    margin: 20px 0px;
}

.modal-dialog .modal-header .modal-title {
    color: #44d7c5 !important;
}

.keepPillSpan{
    background-color: #22db7c;
    color: #fff;
    text-align: center;
    font-size: 12px;
    border-radius: 4px;
    padding: 0px 7px;
    margin: 4px 0px 0px 10px;
}
.modal-backdrop {
    background-color: transparent !important;
}

.modal-dialog.modal-note {
    max-width: 668px;
}

.modal-note .modal-body {
    overflow-y: visible !important;
}

.note-editable .table-bordered th, .table-bordered td
{
    border:1px solid #686c6d;
}

.filter-right-tab ul li.checked .note-editor.note-frame .note-editing-area .note-editable[contenteditable=false] {
    background-color: #45f7e04a !important;
}

.note-popover .popover-content>.note-btn-group, .note-editor .note-toolbar>.note-btn-group
{
    margin-right: 4px !important;
}
.note-btn-group .note-btn {
    background-color: #ffffff !important;
}

#dailyEmail
{
    z-index: 9999;
}
.report-setting-modal {
    max-width: 700px;
}

.report-setting-modal .user-name {
    width: 200px;
    padding-left: 0px;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

.report-setting-modal .additional-email {
    text-align: left;
    margin-left: 15px;
}

.report-div-sub{
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.report-user-info{
    display: flex;
}

.requiredField {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
}
.intake-page {
    width: 100%;
}
.formFieldData .labelField, .formFieldData .placeholderField, .formFieldData .optionField,
.formFieldData .htmlField, .formFieldData .submitField, .formFieldData .dividerField, .formFieldData .activeField{
    width: 171px;
    margin-right: 5px;
}
.textAreaPlaceHolder{
    width: 400px !important;
}
.categoryOptionField     {
    margin-right: 5px;
}
.formFieldData .select2-container{
    margin-right: 8px;
}
.formFieldData .form-control{
    font-size: 14px;
}

.box-wrap {
    border: 1px solid #cecece;
}

.box-wrap .box-title {
    background-color: #fff;
    padding: 15px 20px;
    color: #42d1bd;
}
.box-wrap .box-title h3, #cogs h3 {
    margin: 0;
    font-size: 18px;
    line-height: 25px;
    border-bottom: 1px solid;
    display: inline-block;
    padding-bottom: 15px;
    color: #42d1bd;
}
.box-wrap .box-content {
    padding: 15px 20px;
    background-color: #fff;
    border: none;
    border-top: none;
}
.add-field-save-btn {
    padding: 0px 15px;
}

.letsStartBtn .btn {
    background: #3c5573;
    color: #fff;
}

.read-more-underline a{
   text-decoration: underline;
}

.login-wrap span.title-tag {
    margin-top: 0;
    font-size: 15px;
    color: #161616;
}
#signupForm .toolTipIcon i{
    position: absolute;
    margin-left: 15px;
    height: 100%;
    display: flex;
    align-items: center;
    color: #cecece;
}

.login-content, .login-content .input-group {
    position: relative;
}

.selectParent select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("../images/icons/select-icon.png");
    background-repeat: no-repeat;
    background-position: 98% center;
    cursor: pointer;
    padding-right: 30px;
    margin-bottom: 2px;
}

#loginbox .custom-label {
    text-align: left;
    display: flex;
    color: #bebebe;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    padding: 0px;
    margin-bottom: 0rem;
    z-index: 1;

}
.forget-password {
    color: #7f7f7f;
    text-decoration: underline;
    font-size: 12px;
    margin-top: 15px;
    display: inline-block;
}
.sign-up-link {
    color: #7f7f7f;
    text-decoration: underline;
    font-size: 12px;
    display: inline-block;
}
#loginbox .signup-already p {
    font-size: 12px;
    line-height: 20px;
    color: #7f7f7f !important;
    margin: 0px;
    -webkit-font-smoothing: antialiased;
}
#loginbox .signup-already a {
    font-weight: 500;
    line-height: 20px;
    color: #6a6a6a !important;
    text-decoration: underline;
}

.signup-already {
    margin-top: 30px;
}

#login-form .login-content .input-group {
    margin-bottom: 28px;
}

#loginbox input:focus::-webkit-input-placeholder {
    opacity: 0;
}

.onlineBookingSetting label {
    font-size: 14px !important;
}

.custom_field_button {
    border: 1px solid #cecece;
    white-space: pre-wrap;
    padding: 0.38rem .51rem;
}

.onilineBookingSettingUpload {
    margin-top: 20px;
    border: 4px dashed #55708c;
    position: relative;
    width: 460px;
    margin: auto;
    min-height: 180px;
    height: auto;
    border-radius: 60px;
    background-color: #fff;
    padding: 20px;
    overflow: hidden;
}

.domain-uploader-wrap{
    margin-top: unset !important
}
.domain-uploader-wrap .domian-image-upload-wrap{
    width: 350px;
    min-height: 200px !important;
    background-color: #ffffff !important;
    border : #cecece;
}
.domain-img img{
    width: auto;
    height: auto;
    max-width: 100% !important;
    max-height: 100% !important;

}

.domain-img{
    height: auto;
    width: auto;
}

.domain-uploader-wrap .up-file-s  {
    display: flex;
    align-items: self-start;
    justify-content: center;
}
.domain-uploader-wrap .up-file-s img{
    width: 60px;
}
.domain-uploader-wrap .up-file-s h3 {
    font-size: 20px;
    line-height: 28px;
    color: #292929;
    margin: 0px;
}
.domain-uploader-wrap .right-allow {
    padding-left: 25px;
    padding-top: 15px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.domain-uploader-wrap .drag-text span {
    color: #292929;
    font-size: 14px;
}
.setting .domain-uploader-wrap .image-upload-wrap {
    margin-top: 20px;
    border: 2px dashed #92a6ba;
    position: relative;
    max-width: 100%;
    margin: auto;
    min-height: 170px;
    height: auto;
    border-radius: 30px;
    background-color: #fff;
    padding: 20px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.domain-uploader-wrap .drag-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 10px 0px;
}
.attached-file-type a{
    text-decoration: underline;
    font-size: 14px;
    color: #666666;
}
.domain-uploader-row {
    flex-wrap: nowrap;
}

.setting .form-group label{
    color:#1e4569;
    font-size: 14px !important;
}
#DomainAvalibilityText span {
    color: #31d575 !important;
    font-size: 15px !important;
}
.setting .form-group .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #c3d4e3 transparent transparent transparent;
}
.setting .form-group .form-control {
    border-color: #c7c7c7;
}
.setting .form-group.checkbox.with-label label:after {
    left: 4px;
    top: 0;
}
.setting  i.fa-info-circle{
    color: #c7c7c7;
    font-size: 18px;
}
.site-name {
    color: #5b5b5b;
    margin: 0;
    padding-right: 25px;
}
.stripe-tag {
    background-color: #6e70e9;
    padding: 18px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.stripe-tag a.online-stripe, .medipass-tag a.online-stripe{
    color: #fff;
    padding: 4px 10px;
    border-radius: 4px;
    border: 1px solid #ddd;
    transition: all .2s ease;
    outline: none;
    font-weight: 400;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
}
.stripe-by img{
    width: 100px;
}
.stripe-by span{
    color:#ffffff;
    font-size: 12px;
    margin-right: 30px;
}
.setting .box-wrap .box-content, .setting .box-wrap .box-title {
    padding: 15px 10px;
}
.rah-setting-coa .box-wrap .box-content, .setting .box-wrap .box-title {
    margin: 0px;
    width: 100%;
}
.payment-content-box .form-group {
    margin-left: 10px;
}

.modal-note {
    display: flex;
    align-items: center;
    height: 100%;
    box-shadow: none !important;
    margin: auto;
}
.modal-note .modal-body {
    overflow-y: auto !important;
    margin-right: 0;
}
.modal-note .modal-header {
    padding: 5px 10px 5px 10px;
    border-bottom: transparent;
}
.modal-note .modal-body {
    background-color: #fff;
    padding: 15px 15px 5px 15px;
}
.modal-note .modal-content {
    width: 100%;
}
.note-modal .modal-note .modal-body {
    height: inherit;
}


.modal-note .modal-body  .form-check-input{
    position: absolute !important;
}

.modal-note .modal-body .table th, .modal-note .modal-body .table td {
    padding: 0;
    vertical-align: top;
    border-top: transparent;
}

.attached-file-type a{
    border-bottom: 1px solid #cacaca;
    padding-bottom: 1px;
}

.addPaymentColor {
    background: #537190 !important;
}

.reportTiles {
    width: 14.1%;
    height: 40px;
    color: #43d1b8;
    border-radius: unset;
    border: 1px solid #c3c3c3;
    padding-top: 12px;
    margin-right: 14px;
    border-bottom: 2px solid #43d1b8 !important;
    margin-top: 10px !important;
}

.iconSpace {
    margin-left: 0.3em;
}

.reportTiles:hover, .reportTilesLines:hover {
    background-color: #43d1b8;
    color: #ffffff;
    border: #43d1b8;
}

.login-content a:hover {
    color: #7f7f7f;
    text-decoration: underline;
}

#loginbox h1 {
    margin: 0 0 35px;
}
#loginbox p {
    margin-bottom: 35px;
}

.attached-file-type {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    text-align: center;
    margin-left: 32px;
}

.onlineBookingSetting label.error, #shiftPopup label.error {
    color: red !important;
}

.customFieldButton {
    text-align: right;
}

i.fa-info-circle {
    color: #c7c7c7 !important;
    font-size: 18px;
}

.rah-company .select_currency_wrapper {
    margin: 0;
}

.rah-company .row {
     margin: 25px auto;
 }

.rah-company .select_currency_wrapper span.select2-container {
    min-width: 100%;
    margin: auto;
}
.rah-company {
    max-width: 600px;
    width: 600px;
    margin-left:150px;
}

.inner-title-r h2 {
    background:#000000;
    width: 100%;
    color:#fff;
    padding: 10px;
    text-align: center;
    margin: 0;
}

.activeArchiveMembers{
    width: 150px !important;
}

.category-switch-btn {
    width: 100%;
}
.category-switch-btn .btn-equal .btn {
    min-height: 34px;
    width: 50%;
}
.category-switch-btn .btn-equal .btn:first-of-type {
    margin-right: 5px;
}
.category-switch-btn button:disabled {
    background: #c4d5e2 !important;
}
.appointment-duration .col-6 {
    padding: 0px;
}
.appointment-duration .col-6:first-of-type {
    padding-right: 5px;
}
.category-switch-btn a.validateCategory.col-form-label {
    position: absolute;
    left: -87px;
    font-size: 10px;
    color: #a9a7a7;
}
.products-setting .form-group {
    margin-bottom: 20px;
}
.color-box {
    border: 1px solid #c7c7c7;
    padding: 7px;
}

.messaging_client_div table tr td {
    padding-left: 0px !important;
}

.report-download .messaging_client_div table tr td {
    padding-left: 10px !important;
}

.reckon-connectons {
    display: flex;
    flex-direction: column;
}
.reckon-connectons .btn{
    margin-bottom: 1rem;
    min-height: 34px;
}

.domain-uploader-row {
    width: 100%;
}


.reckon-background {
    background: #f23533;
}

.qb-background {
    background: #0b0b0b;
}

.xero-background {
    background: #2c3d50;
}

.ipa-background {
    background: #156ca6;
}

.productTeamMembers {
    width: 100%;
    max-width: 170px;
    min-height: 70px;
}
.productTeamMembers.multyPrice {
    min-height: 5px;
}
.teamMemberListNormal .productAssignTeam .productTeamMembers {
    width: 100%;
    max-width: 170px;
    margin-top: 5px;
    min-height: 0px;
}
.productTeamMembers .teamMembers{
    padding-left: 7px;
    color: #1e4569;
}

.active-collection-btn {
    justify-content: flex-end;
}
.product-setting-boxes .checkbox.with-label label:after {
    left: 3px;
    top: 0;
}
.product_details-wrapper {
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.productTypeFilter .select2 {
    width: 210px !important;
}

.episodeTypeFilter .select2 {
    width: 110px !important;
}

.mailview .note-editable p {
    margin: 0;
    line-height: 20px;
}

.salesPills span {
    min-height: 20px !important;
    line-height: 20px;
}

.updateAppointmentIcon i {
    color: #a9a7a7;
    font-size: 12px !important;
}

.updateAppointmentIcon {
    background-color: transparent !important;
}

.Appointment-list .updateAppointmentIcon{
    line-height: 20px !important;
}

.booking-colorlist {
    width: 60px;
    display: inherit;
    align-items: center;
    justify-content: space-around;
}

.booking-colorlist .color-list li span.choose-color {
    margin: 4px;
}

.booking-colorlist ul#color-palette li{
    margin: 0;
    padding: 0;
}

.chosen-greendefault {
    background-color: #47d7c5;
    position: relative;
}

.rah-background {
    background: #D9D9D9;
}

.rah-background .online-stripe{
    border: 1px solid #fff !important;
}

.categoryFieldSortable .formElement {
    background: #f6f6f6;
    cursor: move;
    width: 100%;
    padding: 10px 4px 0px 4px !important;
}

.categoryFieldSortable input.text {
    padding: 8px 12px;
}

.xcc-div label.error {
    position: absolute;
    width: 100%;
    top: 25px;
    line-height: 34px;
    left: 7px;
}
.qb-warning {
    color: #e89415;
    font-size: 16px !important;
    padding: 7px;
}
.search-wrap.clientSearch {
    width: 575px;
}

.setting .form-group label.error {
    color: red !important;
}

.tyroDescription p {
    color: #1e4569;
    margin-top: 20px;
}

.posval:after
{
    content:'x';
    color: white;
    display: block;
    position: absolute;
    transform: translate(-50%,-50%);
    top: 46%;
    left: 70%;
    font-size: 14px;
    font-family: Verdana, sans-serif;
}

input:checked + .posval:after
{
    content:'\2713';
    left: 29%;
    top: 48%;
    font-size: 16px;
}
#messagingMain .clientSearch {
    width: 100%;
}

#messagingMain .clientSearch .input-group{
    margin-top: 1px;
}

.alertSpan {
    background-color: red;
    color: #FFFFFF;
    margin-left: 20px;
    text-align: center;
    font-size: 12px;
    border-radius: 4px;
    padding: 0px 7px;
    width: 60px;
    height: 20px;
}
.noteAlertSpan {
    background-color: red;
    color: #FFFFFF;
    font-size: 12px;
    border-radius: 4px;
    padding: 2px 7px;
}

.detailAlertSpan {
    margin-top: 15px;
    padding-bottom: 20px;
}

.eventAlertSpan {
    padding: 3px 10px 3px 10px;
}

.user-detail .alertSpan {
    float: right;
    line-height: 15px;
    margin-top: 5px;
}

.onlineBookingColorTooltip i {
    margin: 9px 25px;
}

.marketingClientName {
    padding-left: 18px;
}
.bg-medipass {
    background-color: #000000;
}
.bg-mims {
    background-color: #0062a7;
}
.bg-digital-health {
    background-color: #e6e7e9;
}
.show_business
{
    margin-top:20px !important;
}
#stripe_single_details{
    margin-top: 10px;
    margin-bottom: 5px;
}
.teamMember span.select2.select2-container {
    width: 185px !important;
}

#sub-chlidnav .team-member-dropdown.teamMember .select2-selection__rendered {
    width: 185px;
}

button#clientLinkSaves {
    float: right;
    border: 1px solid #cecece;
    color: #262626;
    font-size: 14px;
    padding: .469rem .838rem;
    background-color: #fff;
}

#linkClient {
    color: #42d1bd;
    float: right;
    margin-right: 18px;
}

.removeRelatedClient {
    float: right;
    color: #fb6362;
    font-size: 22px;
}

.removeRelatedClient i:hover {
    color: #fb6362;
}
#select_category .select2-selection--multiple ul {
    margin: 0px 0px 0px 10px;
}
.catg-colour, .deleteCat {
    margin-top: 5px;
}
.remove_category {
    cursor: pointer;
    padding-left: 10px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice
{
    background-color: #47d7c5;
    border: 1px solid #fff;
    color:#fff;
}
.category-check {
    margin-left: 20px;
    padding-bottom: 9px;
}
.medipass-tag {
    background-color: #000000;
    padding: 18px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.copyLink {
    background-color: #2727a9;
    display: initial;
    color: #FFFFFF;
}

.copychar {
    right: 0px;
}

#copySms {
    float: right;
    margin-top: 1px;
}

#copyEmail {
    margin-top: 5px;
}

.copychar {
    float: right;
}

#copyTo {
    position: absolute;
    opacity: 0;
}
.smsAndEmail {
    margin-top: 20px !important;
}

.manage-category-wrapper .category-check {
    margin-left: 0px;
}

.manage-category-wrapper.manage-category-page .category-check {
    margin-top: 10px;
    padding-left: 20px;
}

.manage-category-wrapper.manage-category-page .category-check .show-hide-sub-cat {
    position: relative;
    font-size: 18px;
    left: 20px;
    color: #22db7c;
    top:-4px;
    font-weight: 700;
    cursor: pointer;
}

.manage-category-wrapper .catg-colour {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}


.manage-category-wrapper label {
    margin: 0px;
    line-height: 14px;
}


.manage-category-wrapper .catg-colour, .manage-category-wrapper .deleteCat {
    margin-top: 0;
    padding-left: 28px;
    padding-top: 7px;
}

.manage-category-wrapper.manage-category-page .catg-colour {
    margin-top: -15px;
    justify-content: flex-start;
}

.manage-category-page .cat-info-icon {
    padding-left: 36px;
}

.manage-category-page .parent-category-wrap {
    border: 1px solid #ccc;
    padding: 10px 0 0 10px;
    margin: 10px 0;
    background-color: #fff;
    cursor: move;
}


.manage-category-wrapper .checkbox.with-label label {
    width: 20px;
    border: none;
    height: 20px;
    padding-left: 0;
    position: inherit;
}
.manage-category-wrapper .category-color-list , .manage-category-wrapper .pos-color-list {
    right: -1px;
    height: 175px;
    width: 157px;
}
.color-rows {
    position: absolute;
    top: 20px;
    right: 20px;
}
.manage-category-wrapper .catg-choose-color.no_color.selected:before {
    color: #cadae7;
    top: 4px;
    left: 10px;
}
.cat-desc-color {
    color: #1e4569;
    font-size: 13px !important;
    padding-left: 10px;
    padding-top: 10px;
}
.manage-category-wrapper .box-wrap .row {
    position: relative;
}

.manage-category-wrapper.manage-category-page .box-wrap .row {
    margin-bottom: 10px;
}

#select_category .node-add {
    position: sticky;
    right: 45px;
    top:5px;
    font-weight: 600;
}

.manage-category-wrapper .checkbox.with-label label:after {
    left: 3px;
    top: 3px;
}

#regenerate_pin {
    font-size: 10px;
    color: #a9a7a7;
    padding-left: 10px;
    padding-top: 3px;
}

.pos-pill span {
    background-color: #cadae7;
    color: #fff;
    text-align: center;
    font-size: 12px;
    border-radius: 4px;
    padding: 0px 7px;
    width: 60px;
    height: 20px;
}

.search-wrap.clientSearchRelation {
    margin-top: 17px;
}

.relationIcons{
    height: 32px;
    width: 32px;
    border-radius: 50%;
    display: inline-block;
    border-color:#fff;
}

.addNewRelationship {
    border: 1px solid #cecece;
    color: #262626;
    font-size: 14px;
    background-color: #fff;
}

.clientRelationSearch {
    padding: 10px 0px 8px 0px;
}

/*custom radio button*/
.form-group-radio {
    position: relative;
}
.form-group-radio [type="radio"]:checked,
.form-group-radio [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.form-group-radio [type="radio"]:checked + label,
.form-group-radio [type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
}
.form-group-radio [type="radio"]:checked + label:before,
.form-group-radio [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #cecece;
    border-radius: 100%;
    background: #fff;
}
.form-group-radio [type="radio"]:checked + label:after,
.form-group-radio [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 13px;
    height: 13px;
    background: #5ad7c6;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.form-group-radio [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.form-group-radio [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.catContent .ClientFieldList .formElement .fieldBlock {
    width: 90%;
}
.catContent .ClientFieldList .formElement .actionBtns {
    position: absolute;
    right:10px;
    top:10px;
}

.medipassCustomCodeAdd .btn {
    border: 1px solid #cecece;
    color: #262626;
    font-size: 14px;
    padding: -0.531rem .838rem;
    background-color: #fff;
}

.clientField.input-group-addon{
    padding: 0.4rem 0.75rem;
}

.notificationMailTooltip {
    margin-left: 10px;
    margin-top: 6px;
}

.onlineBookingUserNotification, .genBookingUserNotification {
    margin-left: 12px;
    margin-top: 2px;
}

.AddFieldPlus {
    margin-left: 64px;
}

#get_new_pin {
    padding-top: 3px;
}

.pinDescription {
    margin-left: 12px;
    margin-top: 3px;
}
.select-businesss-open.select2-container--default .select2-results>.select2-results__options {
    height: 115px;
}

.add-clients-notes-popup .modal-body:not(.service-model) {
    min-height: 200px;
}

#locationReportData {
    margin-top: 15px;
}

.select-all-tag {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.appointment_colour_list{
    border: 1px solid #ddd;
    position: absolute;
    height: 225px;
    width: 80px;
    background-color: #fff;
    z-index: 3;
    bottom: 0px;
    right: -87px;
    display: none;
    top: 2px;
}
.color-list.Open, .appointment_colour_list.Open, .partial-color-list.Open, .unpaid-color-list.Open
{
    display: block;
}
.color-list li, .appointment_colour_list li {
    padding: 5px;
    display: flex;
}
.color-list ul, .appointment_colour_list ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    justify-content: space-around;
}
.color-default, .appointment-color-default, .partial-color-default, .unpaid-color-default {
    width: 18px;
    height: 18px;
    border-radius: 50px;
    display: inline-block;
    position: relative;
    cursor: pointer;
    border: 1px solid #cadae7;
}
.color-list li span.appointment-choose-color, .appointment_colour_list li span.appointment-choose-color {
    width: 18px;
    height: 18px;
    display: inline-flex;
    border-radius: 50%;
    margin-right: 27px;
}
.appointment_colour_list li span.appointment-choose-color {
    margin-right: 10px;
}
.appointment-choose-color.selected:before, .appointment-choose-color.selected:before {
    content: "\f00c";
    color: #fff;
    top: 0px;
    position: absolute;
    left: 4px;
    font-family: "Font Awesome 5 Pro";
    font-size: 12px;
    font-weight: 900;
}
.appointment-choose-color.no_color, .appointment-choose-color.no_color{
    border: 1px solid #cadae7;
}
.appointment-choose-color.no_color.selected:before, .appointment-choose-color.no_color.selected:before{
    color: #cae7cb;
    top: 4px;
    left: 8px;
}
#appointment_color_list {
    height: 30px;
}
.appointment-color-box {
    border: 1px solid #c7c7c7;
    padding: 7px;
}
.circle.sm {
    line-height: 22px;
}

#categoryTag {
    background-color: #cadae7;
}
.clientDetailsTitle .box-title {
    background-color: #fff;
    padding: 12px 0px;
}
.clientDetailsTitle .box-title h4 {
    margin: 0;
    font-size: 16px;
    line-height: 18px;
    border-bottom: 1px solid;
    display: inline-block;
    padding-bottom: 12px;
    color: #42d1bd;
}

.allLocationDropdown .select2 {
    width: 228px !important;
}
.noteFieldManagement .ClientFieldList .formElement .fieldBlock {
    width: 100% !important;
}
.form-check-wrapper.report-user-list
{
    padding-right:15px;
}
.productLocationSelectAll {
    margin-bottom: 10px;
}

#terminal_list {
    border-top: 0px;
    padding-top: 15px;
}
.productLocationSelectAll {
    margin-bottom: 10px;
}

.terminal-list-div {
    width: 100%;
    display: flex;
    align-items: center;
    margin: 20px 0px;
}
.terminal-list-div .status {
    display: flex;
    margin: 0px 15px;
    align-items: center;
}
#terminal_list.list input[type=text]
{
    margin:0px 20px;
}
#terminal_list.list a .fal {
    color: #ffffff;
    font-size: 0.9rem;
}
#terminal_list .setting-close-btn .fal
{
    color: #537190 !important;
    font-size: 20px !important;
}

#terminal_list .switch input:checked + .slider
{
    background-color: #d1d2d2;
}
#terminal_list .switch {
    position: relative;
    display: inline-block;
    width: 42px;
    height: 22px;
}
#payment_option_subs li .switch
{
    top:6px;
}

#terminal_list .slider:before{
    position: absolute;
    content: "";
    height: 15px;
    width: 15px;
    left: 2px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}


.terminal-toggle:after {
    content:"\f00d";
    color: #fff;
    display: block;
    position: absolute;
    font-size: 10px;
    font-family: "Font Awesome 5 Pro";
    right: 7px;
}

input:checked + .terminal-toggle:after {
    content: "\f00c";
    left: 5px;
    font-size: 10px;
    font-family: "Font Awesome 5 Pro";
}

#terminal_list .switch input:checked+.slider {
    background: #6ea5f3;
}

#terminal_list .pos-switch input:checked + .slider {
    background-color: #67ffba;
}

#terminal_list .switch .round {
    background: #d1d2d2;
}

#terminal_list .pos-switch .round {
    background: #1d4e76;
}

.smsCharCount {
    color: #1e4569;
}

.productLocationSelectAll {
    margin-bottom: 10px;
}

.clientFormsWrap .select2-container {
    width: 150px !important;
}
#ViewDataVariableChanged i {
    font-size: 13px;
}

.nav-link.variant_nav.active {
    background: #44d7c5;
    color: #fff;
    border: none;
    border-radius: 0;
}
.nav-link.variant_nav{
    background: #cedae6;
    color: #fff;
    border: none;
    border-radius: 0;
}

.form-wrap .variantPropertyListing li label.form-control  {
    border-radius: 20px;
    font-size: 12px;
    line-height: 14px;
    margin:5px;
}

.form-wrap .variantPropertyListing li label.form-control:hover{
    background-color: transparent;
    color: #080808;
    border-color: #cdcdcd;
}
.form-wrap .variantPropertyListing {
    display: flex;
    margin-top: 0px;
    flex-wrap: wrap;
}
.variantPropertyListing li {
    display: flex;
    align-items: center;
}

.remove-input .form-control{
    width: 33.3%;
}

.customSelect.box-select.appnt-products {
    width: 100%;

}

.remove-input  i{
    font-size: 14px;
    text-align: center;
    line-height: 45px;
    color: #28bdab;
}

.row.remove-input {
    display: flex;
    align-items: center;
    position: relative;
}
#variant_list .customSelect.box-select.appnt-products {
    display: flex;
    justify-content: space-between;
}
.property-box {
    margin-left: 40px;
}

.property-box div.tagsinput input {
    padding: 0px 5px;
}

.property-box  .bootstrap-tagsinput .label-info {
    background-color: #5bc0de;
    padding: 2px 4px;
    border-radius: 4px;
    font-size: 12px;
}

.property-box div.tagsinput{
    margin-bottom: 15px;
}


.remove-input {
    display: flex;
    align-items: center;
    position: relative;
}
.property-box .bootstrap-tagsinput {
    width: max-content;
    max-width: 100%;
}

.copy-icon{
    cursor: pointer;
}

.mob-pill span.labeled.green {
    background: #22db7c;
    color: #fff;
}
.invoiceActionButton {
    border: 1px solid #6C6C6C;
    border-radius: 0.25rem;
    width: 119px;
}
.onlineBookingMergeFields {
    justify-content:flex-end;
}

.onlineBookingMergeFields .popover-wrap.right .custom-popover:before {
    right: 20px;
    left: auto !important;
}

.onlineBookingMergeFields .onlineBookingCustomPopover {
    left: auto !important;
}

.onlineBookingMergeFields .popover-wrap.right .custom-popover .popover-close{
    left: 14px;
}

.onlineBookingMergeFields .popover-wrap.right .custom-popover .scroll-div {
    padding: 45px 15px 15px 15px;
}

.confirmationMessage {
    margin-bottom: -10px !important;
}
.usernameColor{
    color: #42d1bd;
    border-bottom: 1px solid #42d1bd;
    display: initial !important;
}

.userHelpDiv a {
    line-height: 43px;
    display: block;
    background-color: #fff;
    padding: 0 10px;
    color: #235074;
    font-size: 16px;
    font-weight: 600;
}

.userHelpDiv a {
    font-weight: normal;
}

.userHelpDiv a:hover {
    color: #42d1bd !important;
}

.userHelpDiv .dropdown-menu {
    margin-top: 4px!important;
}
.userHelpDiv .dropdown-menu {
    left: -58px;
}
.waitlistNote:hover {
    color: #42d1bd;
}
.general-table .checkboxWrap {
    padding-left: 19px;
}
.general-table .checkboxWrap .checkbox label {
    width: 18px;
    height: 18px;
}
.general-table .checkboxWrap .checkbox {
    width: initial;
}
.general-table .checkboxWrap .checkbox span{
    display: initial;
}
.general-table .checkboxWrap .checkbox label:after {
    font-size: 14px;
    top: -1px;
}

.general-table .clearSpan {
    color: #a9a7a7;
    cursor: pointer;
    justify-content: center;
}
.memberAvailability .box-content.disabled {
    opacity: 0.5;
    cursor: not-allowed !important;
    pointer-events: none;
}
.memberAvailability .box-content .checkboxWrap .checkbox {
    width: initial;
}
.memberAvailability .box-content .checkboxWrap {
    pointer-events: auto;
}
.memberAvailability .box-content.disabled .checkboxWrap {
    pointer-events: none;
}
.memberAvailability .box-content.box-all-location.disabled .checkboxWrap,
.memberAvailability .box-content.no-all-settings.disabled .checkboxWrap {
    pointer-events: auto;
}
.edit_variant,  .manage_custom_variant  {
    display: none;
    cursor: pointer;
}
#edit_variant_div a
{
    padding-left:10px;
    cursor: pointer;
}


.edit_variant, .manage_custom_variant {
    position: absolute;
    right: -50px;
    top: 7px;
}

.existing-variants-select .select2-container {
    margin-bottom: 15px;
}
.edit-varient-custom-btn {
    position: absolute;
    right: -70px;
    display: flex;
    align-items: center;
    height: 100%;
}
.manage-varient-tag {
    position: relative;
}
#edit_variant_div {
    display: flex;
    position: relative;
}

.variantPropertyListing li input {
    border-radius: 0;
    border-color: #cecece;
    width: 97px;
    border: 1px solid #eee;
    height: 31px;
}

.variantPropertyListing .remove_property i {
    font-size: 26px;
    height: 45px;
    width: 45px;
    text-align: center;
    display: block;
    line-height: 45px;
    color: #28bdab;
}
.add-produ {
    display: flex;
    align-items: center;
    padding-left: 30px;
}

.variant_stock_table {
    width: 100%;
    height: 300px;
    overflow-x: auto;
    border: 1px solid #c4d5e2;
}

.variant_stock_table .col-form-label {
    text-align: left;
    color: #2d2d2d !important;
    line-height: 14px;
    font-size: 14px;
}

.variant_stock_table table thead tr th span{
    color: #1e4569;
    -webkit-font-smoothing: antialiased;
    font-size: 15px;
    font-weight: 400;
    display: flex;
    align-items: center;
}
.variant_stock_table table thead tr th span .fal{
    padding-left: 10px;
}
.variant_stock_table  .table-bordered td {
    border: 1px solid #e7f0f2;
}

.assign-product-variants {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e8eae9;
    padding: 5px 0px 15px 0px;
}

.assign-product-variants .bootstrap-tagsinput .tag {
    font-size: 12px;
    margin-bottom: 2px;
    background-color: transparent;
    color: #080808;
    border: 1px solid #cdcdcd;
    border-radius: 20px;
    padding: 0.2rem 0.35rem 0.2rem 0.5rem;
    margin-right: 15px;
}
.assign-product-variants .bootstrap-tagsinput {
    width: 100%;
    display: flex;
    align-items: center;
    border: none;
    box-shadow: none;
}

.assign-product-variants  .bootstrap-tagsinput input{
    border: 1px solid #ddd;
    border-radius: 4px;
}

#variant_list .property-box{
    margin-left: 0px;
}

.setting .form-group label, .setting-label {
    color: #1e4569;
    font-size: 14px !important;
}

#variant_list {
    margin-bottom: 10px;
}
.memberAvailability .box-content .checkboxWrap.disabled {
    pointer-events: none;
}
.sales-unresponsive .dropdown-menu {
    top: 100%;
}

#copyEmail:hover {
    color: #42d1bd;
}

.color-box {
    cursor: pointer;
}

.productAssignTeam {
    max-height: 322px;
    overflow: hidden auto;
    min-height: 240px;
}

.productAssignLocations {
    max-height: 322px;
    /* height: 142px; */
    overflow: hidden auto;
    width: 98%;
    max-width: 98%;
}

.btn-clinical {
    width: 115px;
    max-width: 120px;
}
.box-form-compete .btn-clinical {
    min-width: 115px;
    max-width: 125px;
    width: auto;
}

.btn-clinical i {
    padding-right: 0px;
}
#integration .integration__head.bg-zoom {
    background: #2d8cff;
}
#integration .integration__head.bg-square {
    background: #000;
}
.integration__head.bg-global-payments {
    background: #d5d5d5;
}
#integration #zoom_block .integration__key p {
    width: 25%;
    padding-right: 5px;
}
#integration .zoom-connection-row {
    text-align: left;
}

#integration .zoom-connection-row {
    text-align: left;
}

#integration .integreation__button .btn {
    margin: 0px 0;
}
div[id^=zoom_settings] {
    align-items: center;
    margin: 8px 0;
}
.stock-settings {
    top: 5px;
}

.low-stock {
    padding-left: 5px;
}
.variant-stockin-hand
{
    padding:5px;
    padding-right:0px;
}
.memberAvailability .fromTime.disabled{
    color: #ccc;
}

.errorReturn:hover {
    text-decoration: underline !important;
}

.client_fields_type.custom {
    background-color: #a1a1a1;
    color: #fff;
    text-align: center;
    font-size: 12px;
    border-radius: 4px;
    padding: 1px 11px;
    width: 62px;
    height: 22px;
    float: left;
}
.archieved-pill span {
    width: 86px;
}
.sales-zoom span {
    background-color: #2681F2;
    color: #fff;
    text-align: center;
    font-size: 12px;
    border-radius: 4px;
    padding: 0px 7px;
    width: 60px;
    height: 20px;
    text-transform: uppercase;
}
.client_fields_type.system {
    background-color: #19afa8;
    color: #fff;
    text-align: center;
    font-size: 12px;
    border-radius: 4px;
    padding: 1px 11px;
    width: 62px;
    height: 22px;
    float: left;
}
.typeBlock.w-100.mr-2.disabled {
    pointer-events: none;
}
.form-wrap.clientDetailsTitle .iti {
    width: 100%;
}
#clientFieldsManage {
    background-color: #cadae7;
    float: right;
}

button.btn.btn-zoom {
    background: #2681F2;
    color: #fff;
}
.fixed-header-bar .empty-page {
    margin-top: 5%;
}
.locationStatus{
    margin-right: 10px;
}
.location-header {
    margin-bottom: 10px;
}
.icEventFinishTime {
    font-weight: 400;
}
.slider-open .loaderDiv {
    margin-left: 0;
    justify-content: center;
    align-items: center;
    height: calc(100vh - 160px);
}

#load-schedule .fc.slider-open .scheduleLoader {
    width: calc(100% - 320px);
}

#calendar {
    position: relative;
}

#edit_stock_modal .box-tooltip {
    vertical-align: middle;
}
#edit_stock_modal .box-tooltip i {
    margin-top: 7px;
}

.loader {
    position: fixed;
    top: 52%;
    left: 50%;
    z-index :9999;
}
.enableReplySmsCheckbox .switch{
    width: 52px;
}

.stripe-tag.zoom-tag {
    background-color: #2d8cff;
}

.stirpe-online .form-group .online-desc {
    width: 50%;
}

.payment-content-box .stirpe-online .form-group {
    display: flex;
    align-items: center;
}

.deposit_error {
    font-size: 14px !important;
    display: none;
    margin: 0;
    padding: 5px 15px;
}

.discount-switch-area .recv-type-link {
    width: 150px;
    display: flex;
    justify-content: flex-end;
    margin-left: 10px;
}

.deposit-div {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
}

.due-deposit {
    display: flex;
    align-items: center;
}

.deposit-label {
    margin-right: 50px;
}

.pay-in-full {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.deposit-desc {
    margin-bottom: 20px !important;
}
.clientStatusPill {
    background: #fb6362;
}

.scheduleLoader {
    position: fixed;
    z-index: 998;
    width: calc(100% - 0px);
    margin: auto;
    height: calc(100vh - 120px) !important;
    top: inherit;
    left: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slider-open .scheduleLoader .loaderDiv {
    margin-left: 0;
    justify-content: center;
    align-items: center;
    height: 100%;
    display: flex;
}
.multipleUsers .scheduleLoader {
    margin-left: 45px;
}

.weekViewCal .scheduleLoader {
    margin-left: 15px;
}
.discount-switch-area {
    display: flex;
}

.variant-barcode {
    width: 90% !important;
}
.remove-deposit {
    padding-left: 10px;
}

.clientNameClass h2 {
    cursor: default;
}

.inv-popup{
    border-top: 0px;
}

.formFieldData  .htmlField {
    width: 100%;
    cursor: auto;
}

.paymentIntegrate .btn-white:hover {
    background: #d4d4d4;
    border-color: #d4d4d4;
}

.paymentIntegrate .btn-white {
    border-color: #d7d7d7;
}

.salesClientStatusPill span {
    background-color: #fb6362 !important;
}

.salesClientPendingPill span {
    background-color: #666 !important;
}

.viewAddressTooltip .tooltip {
    top: -9.8125px;
    left: 97.031px;
}

.viewAddressTooltip .tooltip-inner {
    width: 100%;
    min-width: 310px;
}

/*Roster style*/
#rosterDateError {
    color: red;
    padding-top: 5px;
}
.fromToTimeError {
    color: red;
    font-weight: bold;
}
#shiftPopup .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: inherit;
}
.rosterUserDetails {
    display: flex;
    align-items: center;
}
.rosterUserDetails span.rosterUserName, .avatar-lists span.rosterUserName{
    margin-left: 15px;
}
.avatar-lists {
    display: flex;
    align-items: center;
}
#shiftPopupForm .work-list span.select2-selection__choice__remove {
    opacity: 0;
    display: none !important;
}

#shiftPopupForm .work-list span.select2-selection__choice__remove.customSelectRemove {
    opacity: 1;
    display: inline-block !important;
    margin-right: 0px;
}
.work-list .select2-container{
    width: 100% !important;
    height: 90px;
    overflow-y: scroll;
}
body.rosters-body.modal-open .select2-container {
    z-index: 1050;
}

.grid-container.enabledOnline.disabled {
    pointer-events: none;
    opacity: 0.5;
}
.grid-container.enabledOnline.disabled .roster-ribben {
    pointer-events: auto;
    opacity: 1;
}
.roster-wrapper .roster-th {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}

.roster-wrapper .roster-th label {
    margin-bottom: 0;
}

.roster-wrapper .table th, .roster-wrapper .table td {
    padding: 0.21rem;
    vertical-align: middle;
}

.roster-td {
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 12px;
    line-height: 14px;
}

.roster-td label {
    margin-bottom: 0;
    letter-spacing: -1px;
}
.roster-plus {
    background: red;
    width: 15px;
    height: 15px;
    color: #fff;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
}

.grid-container {
    display: grid;
    align-items: center;
    text-align: center;
    width: 100%;
    grid-template-columns: repeat( auto-fit, minmax(31px, 1fr) );
    position: relative;
}

.roster-booking-left h3 {
    font-size: 12px;
    line-height: 28px;
    color: #344f74;
    margin-bottom: 0px;
}
.box-row {
    display: flex;
    border-bottom: 1px solid #ddd;
}

div#load-schedule {
    width: 100%;
    overflow: hidden;
}

.grid-item {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
    height: 50px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}


.roster-booking-left {
    width: 230px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-right: 1px solid #ddd;
    padding: 5px;
    position: relative;
}

.cart-view-option.checkout-titlebar {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    width: 40px;
    margin: 0px 0px 0px 15px;
    position: absolute;
    right: 5px;
    bottom: 5px;
}
.online-link{
    font-size: 9px;
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #989898;
}

.cart-view-option .switch {
    position: relative;
    display: inline-block;
    width: 35px;
    height: 21px;
}
.cart-view-option .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}
.checkout-titlebar .switch input:checked+.slider {
    background: #67ffba;
}
.slider.round {
    border-radius: 34px;
}
.switch .slider.round:before {
    border-radius: 50%;
}
.checkout-titlebar .slider:before {
    position: absolute;
    content: "";
    height: 15px;
    width: 15px;
    left: 2px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    box-shadow: -2px 0px 4px 0px rgb(0 0 0 / 20%);
}
.cart-prev:after {
    content: "\f00d";
    color: #fff;
    display: block;
    position: absolute;
    font-size: 10px;
    font-family: "Font Awesome 5 Pro";
    right: 7px;
}

.checkout-titlebar .switch input:checked + .slider:before {
    transform: translateX(16px);
}
.cart-view-option .switch .round {
    background: #344f74;
}
input:checked + .cart-prev:after {
    content: "\f00c";
    left: 6px;
    font-size: 10px;
    font-family: "Font Awesome 5 Pro";
}

.day-indicate {
    font-size: 10px;
}
.roster-ribben {
    position: absolute;
    top: 0px;
    background: #627591;
    width: 100%;
    text-align: left;
    font-size: 8px;
    color: #fff;
    padding: 0px 5px;
    height: 10px;
    display: flex;
    align-items: center;
    pointer-events: auto;
    opacity: 1;
    font-weight: 600;
    z-index: 1;
}
.roster-name {
    padding-left: 3px;
}
.online-roster-ribben {
    background: #cdd8e6;
    color: #627591;
    font-weight: 600;
}

.roster-second-row .grid-container .grid-item {
    padding-top: 15px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.roster-user-box {
    display: flex;
    width: 100%;
    flex-direction: column;
}
.add-roster {
    background: #ededed;
    width: 17px;
    height: 17px;
    border-radius: 10px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}
.add-roster i{
    line-height: 17px;
}
.roster-user-box .grid-container{
    /*grid-template-columns: repeat( auto-fit, minmax(37px, 1fr));*/
}

.roster-user-avatar{
    background-color: #ea9dd0;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    margin: auto;
    display: flex;
    align-items: center;
    height: 34px;
    width: 34px;
    font-size: 16px;
    justify-content: center;
}

.roster-user-avatar span {
    color: #fff !important;
}
.roster-user-details {
    display: flex;
    align-items: center;
}
.roster-user-details h3 {
    font-size: 14px;
    line-height: normal;
    color: #3c3c3c;
    margin: 0;
}

.roster-user-details span {
    color: #c4c4c4;
    font-size: 14px;
}
.roster-onlinebooking-tag .grid-item {
    opacity: 0.2;
}
.overlay-paste {
    background: #84d5c3;
    color: #fff;
}
.overlay-paste i{
    font-size: 18px;
}

.overlay-edit .edit-hover {
    display: none;
}
.overlay-edit:hover .edit-hover {
    display: flex;
    height: 50px;
}
.grid-item .paste-icon{
    display: none;
}

.grid-item.copied:hover .paste-icon {
    background: #84d5c3;
    color: #fff;
    display: flex;
    height: 50px;
    position: absolute;
    z-index: 15;
    width: 100%;
    align-items: center;
    justify-content: center
}

.overlay-edit:hover {
    background:#84d5c3 !important;
    color: #fff !important;
}
.overlay-edit:hover .date-hover {
    display: none;
}
.edit-hover {
    flex-direction: row;
}
.edit-hover  hr{
    height: 48px;
    margin: inherit;
    border: none;
    width: 1px;
    background:#7ac7b5;
    margin: 0px 2px !important;
}
.time-popup-wrap .add-value-btn {
    background-color: transparent;
    border: 1px solid #42d1bd;
    border-radius: 50px;
    color: #42d1bd;
    padding: 0.3rem 1rem;
    margin-right: 15px;
    margin-top: 15px;
}

.time-popup-wrap .form-group label {
    color: #1e4569 !important;
    font-size: 15px !important;
}


.time-popup-wrap .form-group a {
    color: #1e4569;
    font-size: 14px !important;
}
.time-popup-wrap .cart-view-option .switch {
    margin-left: 0px;
}
/*roster-popup*/
.roster-ico .fal {
    height: 22px;
    width: 22px;
    background: #d4e6ff;
    text-align: center;
    color: #fff;
    margin-left: 10px;
    border-radius: 60%;
    font-size: 18px;
    cursor: pointer;
    line-height: 22px;
}

.work-list {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.work-avatar {
    display: flex;
    align-items: center;
}
.add-template-btn {
    height: 21px;
    cursor: pointer;
}
.user-work-list {
    border: 1px solid #ddd;
    padding: 0px;
    min-height: 55px;
    max-height: 95px;
}

.shiftPopup-header {
    display: flex;
    background: transparent;
    padding: 10px 15px;
    margin-bottom: 0px;
    border-bottom: 2px solid #58d1bd;
    align-items: flex-start;
}

.shiftPopup .modal-body {
    background-color: #fff;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 15px 20px 20px 15px;
    max-height: 550px
}

.title-calender {
    color: #42d1bd;
    display: flex;
    font-size: 22px;
    margin-top: 10px;
    align-items: center;
    cursor: pointer;
}
.title-calender  p {
    margin-bottom: 0px;
    margin-left: 5px;
}
.modal-dialog .modal-header.shiftPopup-header .modal-title {
    color: #344f74 !important;
    font-size: 20px;
    line-height: normal;
}


.time-popup-wrap {
    /*margin-top: 20px;*/
}

.time-added .roster-ico .fal {
    margin-left: 0px;
    height: 19px;
    width: 19px;
}
.shift-timer {
    text-align: right;
    text-transform: capitalize;
    width: 122px;
    padding-right: 10px;
    font-size: 13px;
}
.shiftPopup .select2-container--default .select2-selection--single, .shiftPopup .form-control {
    border-radius: 0;
    outline: none;
}

.shiftPopup .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #cdd9e6 transparent
}

.shiftPopup .select2-container {
    margin-right: 0px;
}
.repeat-checkbox {
    margin: 15px 0px;
    display: flex;
}

.week-check {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding-left: 15px;
    border-left: 1px solid #cdcdcd;
    margin-left: 15px;
}

.repeat-checkbox .checkbox label {
    width: 14px;
    height: 14px;
    top: 0px;
    left: 5px;
    background: #cdd9e6;
    color: #fff !important;
    border: none;
}
.repeat-checkbox  .checkbox label:after {
    color: #fff !important;
    font-size: 10px;
    top: 0px;
    left: 0px;
    background: #22db7c;
    width: 14px;
    height: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.repeat-checkbox .checkbox {
    width: 25px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.repeat-checkbox .checkbox span {
    font-size: 14px;
    color: #2d2d2d;
    margin-top: 5px;
}
.work-list .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    width: 100%;
    background: transparent;
    color: #000;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    margin: 0;
    padding: 3px 0px;
}

.work-list .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: none;
    outline: 0;
}
.work-list .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    /*opacity: 0;*/
}
.work-list .select2-container--default .select2-selection--multiple .select2-selection__choice__remove::after {
    height: 19px;
    width: 19px;
    background: #d4e6ff;
    text-align: center;
    color: #fff;
    border-radius: 60%;
    font-size: 16px;
    cursor: pointer;
    line-height: 22px;
    content: "\f068";
    font-family: "Font Awesome 5 Pro";
    display: flex;
    align-items: center;
    justify-content: center;
}
.work-list .select2-container--default .select2-selection--multiple {
    background-color: white;
    border: none;
    border-radius: 0px;
    cursor: text;
}

.work-list .select2-container--default .select2-search--inline .select2-search__field {
    width: 100% !important;
}

.time-add-bnt {
    padding-left: 105px;
}

.roster-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
}
.roster-inner {
    position: relative;
    overflow: hidden;
    margin-bottom: 50px;
}

.grid-item:hover::before {
    display: block;
}

.repeatEndDate p {
    margin-bottom: 0px;
}

.online-book-icon i {
    padding-left: 5px;
    font-size: 16px;
}

.online-book-icon .cart-view-option.checkout-titlebar {
    display: flex;
    align-items: center;
    flex-direction: unset;
    justify-content: flex-start;
    width: 100%;
    margin: auto;
    position: inherit;
}

.roster-inner .grid-item:hover::after,
.roster-inner .grid-item:not(:empty):hover::after,
.roster-inner .grid-item:focus::after,
.roster-inner .grid-item:not(:empty):focus::after {
    content: '';
    height: 10000px;
    right: 0px;
    position: absolute;
    top: -5000px;
    width: 2px;
    z-index: 14;
    background-color: #84d5c3;
}

.roster-inner .grid-item:hover::before,
.roster-inner .grid-item:not(:empty):hover::before,
.roster-inner .grid-item:focus::before,
.roster-inner .grid-item:not(:empty):focus::before {
    content: '';
    height: 10000px;
    left: 0px;
    position: absolute;
    top: -5000px;
    width: 2px;
    z-index: 14;
    background-color: #84d5c3;
}
.roster-inner .grid-item:hover {
    border-left: transparent;
    border-right: transparent;
}

/* Focus stuff for mobile */
.grid-item:focus::before,
.grid-item:focus::before {
    background-color: lightblue;
    content: '';
    height: 100%;
    top: 0;
    left: -5000px;
    position: absolute;
    width: 10000px;
    z-index: 9;
}
.work-list .roster-user-avatar, .avatar-lists .roster-user-avatar{
    margin: initial;
    overflow: hidden;
}
#shiftPopup .modal-content {
    justify-content: center;
    height: 100vh;
    background-color: transparent;
    border: none;
}

#shiftPopup form{
    background-color: #fff;
}

.work-list .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 5px 5px 5px 15px;
}

.reduce-cart-item .fa-minus:before {
    width: 19px;
    height: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 16px;
}

#shiftPopup label.error {
    font-size: 14px !important;
    color: #f00 !important;
    font-weight: 500;
}
.fromToTimeError label {
    padding-left: 105px;
    margin: 0;
}

#shiftPopup .modal-dialog {
    margin: auto;
}

.action-business-list .sales-unpaid span {
    width: 81px !important;
}
.roster-first-row {
    position: fixed;
    width: 100%;
    background: #fff;
    z-index: 13;
    height: 50px;
}

.box-row:nth-of-type(2) {
    margin-top: 50px;
}
#repeatEndDate {
    cursor: pointer;
}
a.btn.red.deleteShift:hover {
    color: #fff;
}
.grid-item.copied:hover {
    background: #84d5c3;
    color: #fff;
}
.grid-item.rosterToday {
    background: #f46264;
    color: #fff;
}
.rosterUserName {
    cursor: pointer;
}
.roster-name .rosterUserName:hover {
    text-decoration: underline;
    color: #84d5c3;
}
.rosterView .userHelpDiv .dropdown-menu {
     left: 0px;
    margin-top: 0px !important;
    top: -10px;
}
.roster-name .rosterHour {
    cursor: pointer;
}

.roster-step {
    position: absolute;
    transform: translate(-45px, 0px);
    font-size: 9px;
    width: 40px;
    color: #989898;
    text-align: right;
}

.roster-tag.online {
    position: relative;
}
#shiftPopup .shiftContent span.select2 {
    width: auto !important;
}
.addShift.leave {
    color: #808080;
    border-color: #808080;
    float: right;
}
.grid-item.overlay-edit.leave-item {
    background: #fed5d5;
    color: #808080;
}
/* Roster style ends */

.add-template-btn:hover {
    border-bottom: 2px solid black;
}

.manage-attributes-popup .blue-bg {
    background-color: transparent;
    color: #fff;
}
.manage-attributes-popup .popupActionBar{
    padding: 20px;
}
.manage-attributes-popup .modal-body {
    background-color: transparent;
    padding: 0;
}
.manage-attributes-popup .setting .box-wrap .box-title {
    padding: 15px 0px;
}

.manage-attributes-popup .box-wrap {
    border: none;
    margin: 0;
}

.property-list .variantPropertyListing li .fal{
    height: 20px;
    width: 20px;
    background: #d4e6ff;
    text-align: center;
    color: #fff;
    border-radius: 60%;
    font-size: 18px;
    cursor: pointer;
    line-height: 20px;
    margin-left: 5px;
}
.property-list .variantPropertyListing .form-control {
    padding: 0.2rem 0.35rem 0.2rem 0.5rem;
    display: flex;
    align-items: center;
    min-height: 30px;
    min-width: 45px;
}

.add-value-btn {
    background-color: transparent;
    border: 1px solid #42d1bd;
    border-radius: 50px;
    color: #42d1bd;
    padding: 0.38rem 1.6rem;
}
.add-value-btn i{
    margin-right: 5px;
}

.manage-attributes-popup #myTab {
    border-bottom: 4px solid #44d7c5;
}

.manage-attributes-popup .nav-tabs .nav-item {
    margin-right: 2px;
}

.manage-attributes-popup .popupActionBar .message-wrap {
    position: absolute;
    right: 10px;
    top: 5px;
}

.add-attr-btn span{
    font-size: 12px;
    color: #b0afaf;
    margin-left: 20px;
}

.assign-product-variants .bootstrap-tagsinput .tag [data-role="remove"]:after {
    content: "x";
    padding: 0px 2px;
    content: "\f068";
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    height: 20px;
    width: 20px;
    background: #d4e6ff;
    text-align: center;
    color: #fff;
    border-radius: 60%;
    font-size: 18px;
    cursor: pointer;
    line-height: 20px;
    margin-left: 5px;
}

.manage-attributes-popup .form-wrap form {
    display: inline-block;
    width: 100%;
}
.variant_stock_table table tbody tr td label{
    color: #2d2d2d;
    font-size: 14px !important;
}

.variant_stock_table tr td a.edit-variant-stock .fal{
    color: #cdcdcd;
}


.variant_stock_table tr td .checkbox.with-label {
    margin: auto;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 13%;
}

.manage-attributes-popup .main.setting.product-setting-boxes {
    padding-bottom: 0px;
}
.new-tag-popup {
    display: flex !important;
}
.ico-remove-circle{
    position: absolute;
    bottom: 5px;
    right: 5px;
}
.ico.ico-remove-circle .fal {
    height: 20px;
    width: 20px;
    background: #d4e6ff;
    text-align: center;
    color: #fff;
    margin-left: 0;
    margin-top: 0;
    border-radius: 60%;
    font-size: 16px;
    cursor: pointer;
    line-height: 22px;
}
.new-tag-popup {
    display: flex;
    border: none;
    padding: 15px 15px 15px 15px;
}

.new-tag-popup .box-title {
    padding: 0;
}

.new-tag-popup .box-wrap .box-title h3 {
    font-weight: 400;
}

.remove-new-product-variant, .remove-existing-product-variant
{
    cursor: pointer;
}

.form-wrap  .customSelect .select2-container{
    min-width:0px;
}

.stock-attr-name {
    color: #2d2d2d;
    font-size: 14px;
}

.edit-stock-popup {
    margin: 50px;
}

#remove_custom {
    padding-left: 10px;
}

.add-input input.form-control {
    border-radius: 20px;
    font-size: 12px;
    line-height: 22px;
    margin-bottom: 5px;
    padding: 0.2rem 0.35rem 0.2rem 0.5rem;
    display: flex;
    align-items: center;
    height: 30px;
    margin: 0px 5px;
    margin-bottom: 0px;
    width: 100%;
}
.property-list .variantPropertyListing .form-control.add-attr-input  {
    border-radius: 20px;
    font-size: 12px;
    line-height: 22px;
    margin-bottom: 5px;
    padding: 0.2rem 0.35rem 0.2rem 0.5rem;
    display: flex;
    align-items: center;
    height: 30px;
    margin: 0px 5px;
    margin-bottom: 0px;
    width: 100%;
    padding-right: 30px;
}

.variantPropertyListing .btn {
    margin: 5px;
}

.add-attr-txt span {
    font-size: 12px;
    color: #b0afaf;
    margin-left: 0px;
}

.remove-existing-product-variant .fal, .remove-new-product-variant .fal {
    color: #a9a7a7;
}

.assign-product-variants .select2-container {
    min-width: 185px !important;
    margin: 5px 20px 5px 0px;
}
.remove_property.fill-input i, .hide_property.fill-input i{
    position: absolute;
    right: 11px;
    height: 20px;
    width: 20px;
    background: #d4e6ff;
    text-align: center;
    color: #fff;
    border-radius: 60%;
    font-size: 18px;
    cursor: pointer;
    line-height: 20px;
    margin-left: 5px;
    top: 11px;
    bottom: auto;
}

.variant_stock_table table thead tr th:last-of-type span {
    justify-content: center;
}

.variant_stock_table .table th, .variant_stock_table .table td {
    padding: 0.5rem;
    vertical-align: middle;
}

.variant_stock_table .table td .form-control {
    height: 30px;
}

.variant_stock_table .table td label {
    margin: 0;
}

.small-input, .new-add-attr {
    width: 20%;
}

.sort-variants {
    margin-left: 15px;
    color: #a9a7a7;
}

.show-stock-div {
    margin: auto;
    width: 100%;
    text-align: center;
}

.icon-tool-tip {
    margin-left: 6px;
    margin-top: 3px;
}

.learnLink a:hover {
    color: #44d7c5;
    text-decoration: underline;
}

.clientFirstVisitMessage {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 10px;
    flex-wrap: wrap;
}
.clientReturnInformation {
    display: flex;
    align-items: center;
}

.help .dropdown-menu {
    width: 224px;
}

.commentBoxCheckoutMessage {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.commentBoxCheckout {
    display: flex;
    align-items: center;
}

.note-password-error {
    display: none;
    color: red;
    font-size: 12px;
}
.client-btn-wrap {
    display: flex;
    align-items: center;
}

button.btn.btn-primary.toggleBtn {
    background-color: #cadae7;
    border: 0px;
    margin-right: 2px;
}

button.btn.btn-primary.toggleBtn.active {
    background-color: #47d7c5 !important;
}

.note_field_management form.fieldMgmt div.catBlock ul.childField {
    margin-left: 0px;
    margin-top: 15px;
}
.note_field_management form.fieldMgmt div.catBlock div.catContent div.addNewField {
    padding: 10px 5px;
}

.note_field_management .indFieldBlock {
    position: relative;
}

.note_field_management .fieldOptionTooltip {
    right: 18px;
    top: 10px;
}

.form-group-border .borderField {
    background-color: #c3c3c3;
    height: 1px;
    width: 100%;
    margin: 30px 0px;
}

.draw-signature {
    border-radius: 0.25rem;
    border: 1px solid #cecece;
    margin-right: 15px;
}
.clear-button {
    background-color: #47d7c5;
    border: transparent;
    color: white;
    padding: 6px 14px 4px 9px !important;
    border-radius: 4px !important;
    width: 111px;
    margin-top:10px;
}
.render-signature {
    width: 30%;
    border-radius: 0.25rem;
    border: 1px solid #cecece;
}
.show-field-label
{
    font-weight:600;
    padding-right:10px;
}
.notes-container .box-tooltip-s
{
    padding-top:2px;
    padding-left:5px;
}

.noteToggleField .switch input[type="checkbox"] {
    position: absolute !important;
    z-index: 9999 !important;
    opacity:0 !important;
    width: 100% !important;
    height: 100% !important;
    pointer-events: all !important;
    cursor: pointer !important;
    display: block;
}
.noteToggleField .radio-switch {
    min-width: 33px;
}

.posStatus {
    margin-bottom: 0px !important;
}
.addCustomLabelBtn {
    margin-top: -8px;
}
.title-tooltip-icon .box-tooltip-s {
    position: initial
}

.learn-left, .expenses_category-tooltip  {
    position: relative;
}

.learnLink {
    padding-left: 0;
    padding-top: 5px;
}
.goodsMessage {
    padding-top: 5px;
}
.appointmentMessage {
    padding-top: 5px;
}
.clientDetailsAlert .tooltip.top {
    width: 140px;
}
.table-list .sent-form-table.table tr td .formDate  span {
    min-height: auto;
    line-height: 17px;
}

a.clientDeleteMergeLink {
    color: #44d7c5;
}
.status-btn-div .expenses_category-tooltip, .status-div-pos .expenses_category-tooltip {
    margin-left: 15px;
    top: 2px;
}

.status-div-pos {
    display: flex;
}

.status-div-pos label {
    margin-bottom: 0px;
}

.status-div-pos .posStatus {
    margin-right: 0px;
    display: flex;
    align-items: center;
}

.add-product-settings .expenses_category-tooltip .tooltip-inner
{
    width:230px;
}
.posStatus .notification-switch
{
    top:2px;
}

.pos-cm-status {
    margin-left: 30px;
}

.product-status-tooltip {
    margin-left: 15px;
    top: 2px;
}

.action-business-list .sales-unpaid span {
    width: 81px !important;
}

.busines-status-dropdown {
    margin-top: 10px;
}

.busines-status-dropdown .select2-container *:focus {
    outline: none;
}

.busines-status-mobile .select2-container *:focus {
    outline: none;
}

.alert-wiper {
    display: flex;
    align-items: center;
    margin-bottom: 0.6rem;
}
.appntment-right-box {
    padding-left: 0px;
}

.apppoinment-feature .switch {
    margin-right: 4px;
}

.btn-clinical {
    margin-left: 5px;
}

.alertBox {
    margin-left: 33px;
}

.client-inner-list .profile-content-wrap {
    position: relative;
    bottom: 6px;
}

.pending-client {
    background: #cecece;
}

#payment-page {
    position: relative;
}

#payment-page .loader {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    height: 100vh;
    z-index: 9;
    width: 100%;
}

.box-form-compete {
    display:flex;
    justify-content:flex-end;
}

.box-form-compete .btn-clinical i {
    padding-right: 3px !important;
}

.user-popup .scroll-div {
    max-height: 400px !important;
    width: 100%;
    align-items: center;
}

.apppoinment-feature {
    display: inline-grid;
}
.appo-profile-match .profile-content-wrap {
    width: 100%;
}
.teammemberProductPricing {
    color: black;
    margin-left: 15px;
}

.set-appointment i {
    margin-left: 10px;
}

.lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 40px;
}
.lds-ellipsis div {
    position: absolute;
    top: 33px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #44d7c5;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
    left: 8px;
    animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
    left: 8px;
    animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
    left: 32px;
    animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
    left: 56px;
    animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}
@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(24px, 0);
    }
}
.gif-pull {
    display: flex;
    justify-content: center;
}

.createAccount i {
    font-size: 16px;
    margin-right: 11px;
    font-weight: 600
}

.signupLastPage label.error, label.notification {
    min-width: 270px !important;
    left: 326px !important;
}

.noCostChekBox {
    width: 100%;
    display: flex;
    margin-top: 8px;
}
.remove-default-billing-contact {
    color: white !important;
}

.email-check {
    top: 31px;
}

.selected-client-details-new .slimScrollDiv {
    z-index: 0;
}

.reorder-product-btn {
    margin-right: 15px;
}

.btn-reorder-product {
    color: #292b2c;
    background-color: #fff;
    border-color: #ccc;
}

.table-list.form-table .table tr td a.deleteCompletedForm {
    background-color: #537190;
    color: #fff;
}

.onlineBookingProducts {
    display: flex;
    align-items: center;
    width: 200px;
    justify-content: flex-end;
    text-align: right;
    margin-left: auto;
    padding-right: 0px;
}

table.newProductRow {
    margin-bottom: 0;
    border: none !important;
}

table.newProductRow tr {
    background-color: #f6f6f6;
    border: none;
}

table.newProductRow tr:nth-of-type(odd) {
    background-color: #f6f6f6 !important;
}

table.product-location-setting-table tr:first-of-type td {
    border-top: none !important;
}
.product-teammember-sales-price label {
    color: #292929 !important;
    margin-bottom: 0px;
}

table tr td.userFirsttd {
    width: 30%;
}

.hiddenLabel {
    display: none;
}

.teamMemberListNormal .normalLabel {
    display: none;
}

.teamMemberListNormal .hiddenLabel {
    display: block;
}

.teamMemberListNormal table tr td.userFirsttd {
    width: 100%;
}

.teamMemberListNormal .productAssignTeam {
    padding-top: 0px;
}

#listFutureAppointment .updateAppointmentIcon i {
    color: #fff;
    font-size: 14px !important;
}
.connection-status {
    color: #537190;
}
.modal-open .select2-container {
    z-index: 1049;
}

.modal-open .select2-container--open {
    z-index: 1052;
}

.variant-management-box .tooltip-inner {
    max-width: 300px;
    min-width: 200px;
}

.select-provider .select2-container {
    /* z-index: 1; */
}

.allowPosSales {
    border-color: #fff;
    color: #fff;
    font-size: 14px;
}
.posTileButton {
    border-color: #fff;
    color: #fff;
    font-size: 14px;
    width: 6.7rem;
}
.allowPOSSalesButton,.posTileButton {
    display: none;
}
.selectAllProducts {
    display: inline;
}

.posDropdownitems {
    padding: 6px 4px;
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.apptmtRebookBtn, .rescheduleBtn, .log-icon {
    border-color: #fff;
    color: #fff;
}
.log-icon {
    border-radius: 4px !important;
}
.apptmtRebookBtn:hover, .rescheduleBtn:hover {
    color: #fff;
}
.apptmtRebookBtn-dis {
    border-color: rgb(124, 124, 124);
    color: rgb(124, 124, 124);
}
.export.dropdown.allowPOSSalesButton i.fal::before, .export.dropdown.posTileButton i.fal::before {
    position: inherit;
}
.export.dropdown.allowPOSSalesButton i.fal, .export.dropdown.posTileButton i.fal{
    margin-right: 5px;
}
.export.allowPOSSalesButton .dropdown-menu, .export.posTileButton .dropdown-menu  {
    min-width: 95%;
}
.savedCaredArea .card-detail-box {
    cursor: pointer;
}
.savedCaredArea a.custom-credit-card {
    font-size: 25px;
}
.savedCaredArea .card-detail-box .table tr td {
    line-height: 20px;
    padding: 0.3rem !important;
}
.buttonList .btn-wrap {
    padding: 0px 10px;
}
#calendarDefault .select2-container, #weekStartDate .select2-container {
    margin-right: 0px;
}
 .calendarRow .box-tooltip , .calendarTooltip {
    margin-left: 12px;
    margin-top: 3px;
}

.report-body-class.modal-open .select2-container {
    z-index: 99999 !important;
}
.sub-childnav .clientMessageFilter .select2-container--default .select2-selection--single .select2-selection__rendered, .clientMessageFilter .select2-selection__arrow {
    color: #fff;
}
.clientMessageFilter .select2.select2-container.select2-container--default {
    width: 115px !important;
}
h3.prev-downloads {
    margin-top: 20px;
}
p.progress-bar {
    max-width: 500px;
    width: 0px;
}
p.download-excel-wrap {
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.main.report-download {
    padding-top: 80px !important;
}
#downloadExcel {margin-left: 20px;}
.table-list table.sent-form-table tr {
    height: auto;
}
.table-list table.sent-form-table .invoiceActionButton {
    width: 135px;
}
.export.export-form.dropdown i.fal::before {
    right: 12px;
}
.export.export-form .dropdown-menu {
    top: 31px;
    left: 0px;
}
.export.export-form a#dropdownMenuLink {
    width: 8rem;
}
.export.export-form .dropdown-menu {
    min-width: 8rem;
}
.sent-form-table.table tr td {
    border: none;
}
.sent-form-table.table tr {
    border-bottom: 1px solid #cecece;
}
.sync-info, .sync-rah-client
{
    background-color: #5eadee !important;
    margin:6px 6px;
    color:white !important;
}

#rah_connection  {
    height:80px;
    padding:14px;
}

#rah_connection a {
    font-size: 22px;
    padding: 12px;
    font-weight: 600;
}
.list .fal.fa-sync
{
    color: #fff;
    font-size: 14px;
}
.immConfirmTypeToggle .btn + .btn, .templateContent .btn + .btn {
    margin-left: 2px;
}
.templateContent .btn {
    width: 177px;
}
.open-drawer-toggle
{
    margin-left: 29px !important;
}
.payment-option-drawer
{
    display:inline-flex;
}
.salesButtonList .btn-wrap {
    padding: 0px 10px;
}
.selectAllSales {
    display: inline;
}
.clientMessageSettings  {
    float: inherit; 
    padding-top: 0px !important;  
    display: flex;
    justify-content: flex-end;
}
.client-dtls .clientMessageSettings .btn {
    margin-left: 10px;
    color: #fff;
    border-color: #fff;
    margin-top: 0px;
    padding: 0.3rem 1rem;
    margin-bottom: 0px;
    line-height: 18px;
}
.mailchimp-div .error {
    font-weight: inherit !important;
}
#cal-current-month {
    margin-left: 0px !important;
    width: auto;
}
#cal-current-month span.select2-selection.select2-selection--single {
    border: none;
}
#cal-current-month span#select2-dopdown_current_date-container {
    font-weight: bold;
    color: #235074 !important;
    padding-right: 0;
}
#cal-current-month span.select2-container {
    display: inline-block;
}
#cal-current-month span.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 0px;
    margin-right: 0px;
    /* min-width: 140px; */
}
#dopdown_current_date {
    margin-top:10px;
    width:200px;
}
#sale_filter {
    padding: 0px 5px 0px 15px;
    line-height: 30px;
}
#sale_filter > a{
    font-weight:600!important;
    color: #fff!important;
}
#sale_filter > a:hover{
    color: #000!important;
}
#sale_filter_div,  #sale_filter_div .row{
    clear: both!important;
}
#sale_filter_div .sale_team_member_col{
    font-weight: normal;
    color: #FFF;
    padding-right: 10px;
    padding-bottom: 10px;
}
#sale_filter_div .checkbox{
    display: inline-block;
    margin-left: 5px;
}
#sale_filter_div h5{
    font-size: 16px;
    font-weight: 400;
    color: white;
    padding-bottom: 5px;
}
.category_block_placeholder {
    background: #e9e9e9;
    border: 1px solid #e9e9e9;
    visibility: visible !important;
    width: 30%;
    height: 200px;
    margin-bottom: 10px;
    margin-right: 10px;
}
.userCategoryBlocks.ui-sortable .portable.ui-sortable-handle .box-title {
    cursor: move !important;
}
.categoryFieldNSortable .catFields.ui-sortable-handle {
    background: #f6f6f6;
    cursor: move !important;
    padding-top: 7px;
}
.userCategoryBlocks.ui-sortable.ui-sortable-disabled .portable.ui-sortable-handle .box-title{
    cursor: inherit !important;
}
.categoryFieldNSortable.ui-sortable.ui-sortable-disabled .catFields.ui-sortable-handle {
    background: none;
    cursor: inherit !important;
}
.tile-edit-mode {
    display: flex;
    padding-left: 3px;
    margin-bottom: 0;
    bottom: 0;
    width: 100%;
}
.client-edit-mode {
    font-size: 11px;
    color: #b1a8a8;
    display: none;
    margin-top: 1px;
    margin-left: 5px;
}
.tile-edit-mode .switch {
    margin-left: 7px;
}
.addProductForm {
    line-height: 1.15;
}
.productFormDelete, .productFormDelete:hover  {
    margin-left: 3px;
    color: #cecece;
    font-size: 15px;
}
.modal-dialog .modal-header .modal-title.multibooking-title {
    color: #fff !important;
}
.portable {
    padding: 5px;
    box-sizing: border-box;
    display: inline;
}
.grid {
    max-width: 95vw;
}
.grid-item-masonry {
    padding: 5px;
    box-sizing: border-box;
    display: inline;
}
.grid .form-wrap {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
.grid-item-masonry.do-sort .form-wrap {
    width: 100% !important;
}
.grid-item-masonry .form-group {
    width: 100%;
}
.messageDateRange{
    padding: 3px 10px !important;
}

div#toast-container.toasterValidation .toast-error::before {
    top: 15px;
}
.dropdown.open .calsettings {
    display: block;
    padding: 0;
    margin: 5px 0 0 0;
}
.calendarSettingButton {
    border: none;
    border-radius: 0.25rem;
    height: 30px;
    background-color: #fff;
    color: #292929;
    font-weight: 300;
    cursor: pointer;
    padding: 0;
    line-height: 32px;  
}
.calendarSettingButton:focus {
    outline: none;
    box-shadow: none;
}
.calendarSettingButton .fal{
    margin-left: 85px;
}

.invoice-div .calsettings li {
    display: flex;
}

#div_cal_settings {
   float: right;
   padding-left: 13px;
}

#div_cal_settings ul.dropdown-menu li .onlineBookingDomain {
    cursor: pointer;
}
.customBusinessRegModal .customOptionDel{
    background-color: red;
}
.customBusinessRegModal .mobile-popup{
    height:auto;
}
#customBusinessRegModal #customBusinessOpt {
    border: 1px solid #cecece;
}
.clientRelationSearch .search-wrap.clientSearchRelation
{
    visibility: hidden;
}
.dropdown-wrap .selectDashboardLoc {
    width: 170px;
}
.dropdown-wrap .selectDashboardLoc span.select2 {
    margin-right: 0px;
}
.table-list .pending-appointments-table tr td {
    width: 22%;
}
 
.pendingBookingFilter li span.select2-container {
    min-width: 120px;
}
 
.sub-childnav .filter-wrap.pendingFilterWrap {
    display: flex;
    align-items: center;
    justify-content: center;
}
 
.sub-childnav .pendingFilterWrap .select2-container--default .select2-selection--single .select2-selection__rendered, .pendingFilterWrap .select2-selection__arrow {
    color:#fff;
}
.sub-childnav .pendingBookingFilter .select2-container--default .select2-selection--single .select2-selection__rendered, .pendingBookingFilter .select2-selection__arrow {
    color: #fff;
}
.clientDetailsTitle .form-wrap .col-form-label {
    cursor: inherit;
    text-align: right;
}
.clientDetailsTitle .form-wrap .catFields .iti {
    width: 100%;
}
.calendarButtons .btn {
    padding: 0.38rem;
}
a.edit-cash-flow {
    color: #dcdcdc;
    padding-top: 2px;
}
a.edit-cash-flow:hover {
    color: #dcdcdc;
}
.red-colour {
    color: red !important;
}
.popover-wrap-left .custom-popover::before {
    left: 390px !important;
    top: 10px !important;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg); 
   -moz-transform: rotate(90deg); 
   -ms-transform:rotate(90deg);
}
.popover-wrap-right .custom-popover {
    right: -422px !important;
    top: -8px !important;
    left: inherit !important;
}
.popover-wrap-right .custom-popover::before {
    left: -30px !important;
    top: 10px !important;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg); 
   -moz-transform: rotate(-90deg); 
   -ms-transform:rotate(-90deg);
}
.popover-wrap-formfield .custom-popover {
    left: 615px !important;
    top: -8px !important;
}
.popover-wrap-formfield .custom-popover::before {
    left: -30px !important;
    top: 10px !important;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg); 
   -moz-transform: rotate(-90deg); 
   -ms-transform:rotate(-90deg);
}

.popover-wrap .custom-popover p {
    line-height: 20px;
}

.view-merge-fields .popover-wrap-right .custom-popover {
    max-width: 400px;
    /* top: 48px; */
    transform: translate(0px, 0px);
    width: 100%;
}

.popover-wrap-right {
    width: 100%;
}
.popover-wrap-right a#ViewVariableChanged,  .popover-wrap-right a.formMergeVariable {
    display: flex;
    align-items: flex-end;
    width: 100%;
    justify-content: flex-end;
    padding: 10px 0px;
}
.popover-wrap .custom-popover .popover-close {
    display: flex;
    align-items: center;
    justify-content: center;
}
/*Close account css*/
.close-account-wrapper .account-inner-box {
    background-color: #f6f6f6;
    padding: 20px 0px;
}
.close-account-wrapper .account-outer-box {
    background: #fff;
    padding:30px 20px;
}

.close-account-wrapper .box-wrap {
    background: #fff;
    min-height: 300px;
    padding: 30px 20px;
}
.close-account-wrapper .box-title-close {
    text-align: center;
}
.close-account-wrapper .box-wrap h3 {
    color: #45d7c5;
    font-size: 22px;
    font-weight: 600;
}
.close-account-wrapper .close-wrap .row{
    justify-content: space-around;
}
.close-account-wrapper .close-clients {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.close-account-wrapper .clients-icon-bg {
    width: 80px;
    height: 80px;
    background: #f6f6f6;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.close-account-wrapper .clients-icon-bg  i{
    font-size: 40px;
    color: #3b5572;
}
.close-account-wrapper .clients-list-name {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
    color: #537190;
    font-size: 16px;
    font-weight: 400;
    width: 100px;
    text-align: center;
}
.close-account-wrapper .client-count {
    display: block;
    color: #537190;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 6px;
}
.close-account-wrapper .client-name-box {
    display: flex;
    align-items: flex-start;
    min-height: 45px;
}
.close-account-wrapper .client-list-item {
    padding-left: 10px;
    line-height: 32px;
}
.close-account-wrapper .box-wrap ul li {
    font-size: 16px;
    color: #537190;
    max-width: 290px;
    display: flex;
    align-items: baseline;
    width: 100%;
}
.close-account-wrapper .close-title {
    font-size: 22px;
    text-align: center;
    padding-bottom: 40px;
    color: #537190;
    font-weight: 400;
}
.close-account-wrapper .close-title .confirm-title {
    font-weight: 600;
}
.close-account-wrapper .client-condition-check .checkbox label:after {
    font-weight: 600;
}
.close-account-wrapper .client-alert-box .btn {
    padding: 6px 15px;
    border-radius: 4px;
    background-color: #44d7c5;
    color: #fff;
    font-size: 16px;
}
.close-account-wrapper .client-alert-box {
    max-width: 600px;
    margin: auto;
    text-align: center;
}

.close-account-wrapper .client-alert-box h3 {
    color: #537190;
    font-size: 22px;
    font-weight: 600;
}
.close-account-wrapper .client-alert-box p {
    color: #537190;
    font-size: 16px;
}
.close-account-wrapper .close-feedback {
    max-width: 600px;
    margin: auto;
    width: 100%;
}

.close-account-wrapper .account-outer-box .form-wrap {
    margin-top: 10px;
    background-color: #fff;
    border: none;
    margin-bottom: 30px;
    padding: 12px 15px 5px;
}

.close-account-wrapper .account-outer-box .form-group-inner {
    padding-bottom: 15px;
}
.close-account-wrapper .form-group-inner {
    display: flex;
    width: 100%;
}
.close-account-wrapper .close-field label {
    color: #537190;
    font-size: 16px;
}
.close-account-wrapper .close-field label.error {
    color: red;
    font-size: 14px;
}
.close-account-wrapper .return-title {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.close-account-wrapper .return-texts .close-field-full {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    column-gap: 3rem;
    margin-top: 10px;
}
.close-account-wrapper .return-texts .checkboxField {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.close-account-wrapper .client-condition-check .col-form-label {
    text-align: left;
    color: #3b5572;
    line-height: 14px;
    font-size: 16px;
    line-height: 22px;
    padding-top: 0;
}
.close-account-wrapper .client-condition-check .checkbox.with-label label:before {
    border: 2px solid #3b5572;
    border-radius: 2px;
    width: 17px;
    height: 18px;
    margin-top: 2px;
}
.close-account-wrapper .client-condition-check .checkbox.with-label label:after {
    left: 3px;
    font-size: 12px;
}

.close-account-wrapper .client-box-buttons {
    display: flex;
    justify-content: center;
}

.close-account-wrapper .client-box-buttons .n-mind-color{
    background-color: #44d7c5;
}
.close-account-wrapper .client-box-buttons .n-mind{
    margin-left: 10px;
}
.close-account-wrapper .client-box-buttons .btn{
    padding: 0.6rem 1rem;
}
.close-account-wrapper .return-texts {
    margin-top: 20px;
}
.close-account-wrapper .close-label {
    font-size: 16px;
    color: #a0b5c5;
    margin-bottom: 15px;
}
.close-account-wrapper .client-detail-boxes {
    display: flex;
    width: 100%;
}
.close-account-wrapper .client-detail-boxes .box-wrap .box-content {
    padding: 0px;
    margin-top: 20px;
}

.close-account-wrapper .no-gutter > [class*="col-"] {
    height: auto;
    flex: auto;
}

.close-account-wrapper .account-outer-box .form-wrap .form-group {
    border-bottom: 1px solid #ddd;
    padding: 20px 0px;
}

.close-account-wrapper .account-outer-box .form-wrap .form-group:last-of-type {
    border-bottom: none;
}
.close-account-wrapper .account-outer-box .form-wrap .form-group:nth-last-child(2) {
    border-bottom: none;
}
.close-account-wrapper .form-group-inner.no-gutter > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}
.close-account-wrapper .close-field-full .form-group-radio label{
    display: flex;
    flex-direction: column;
    padding-left: 4px;
    padding-top: 25px;
    align-items: center;
    justify-content: center;
}
.close-account-wrapper .close-field-full .form-group-radio [type="radio"]:checked + label,
.close-account-wrapper .close-field-full .form-group-radio [type="radio"]:not(:checked) + label {
    padding-left: 5px;
}

.close-account-wrapper .return-right, .return-left {
    color: #537190;
    font-size: 16px;
}
i.rah_synced {
    color: #00ff80 !important;
    font-size: 18px !important;
}
i.rah_failed {
    color: #a9a7a7 !important;
    font-size: 18px !important;
}
.rah-conn-label {
    width: 100%;
    margin-bottom:15px;
}
.tyro_new_terminal small p {
    color: red;
}

/* New calender style- 2022 */
.single-appointment {
    display: flex;
    width: 100%;
    justify-content: space-between;
    /* border-top: solid 13px #e9b530; */
    min-height: 255px;
    background: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden;
}
.user-counts {
    display: flex;
    justify-content: flex-end;
}
.user-counts span {
    width: 20px;
    height: 20px;
    background: #84d6c4;
    color: #fff;
    padding: 5px;
    border-radius: 14px;
    margin-left: 5px;
    align-items: center;
    display: flex;
    justify-content: center;
}
.count-inner {
    align-items: center;
    display: flex;
}
.count-inner i {
    color:#84d6c4;
}
.subnav-container .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #fff;
}

#cal-next:hover, #cal-prev:hover {
    background: #44d7c5 !important;
    border-radius: 50%;
}

#cal-next:hover .right-mark, #cal-prev:hover .left-mark {
    color: #fff;
}

.cal-menu i {
    color: #235074;
    font-size: 18px;
}
.cal-circle {
    width: 26px;
    height: 26px;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    color: #fff;
    border: 1px solid #235074;
    cursor: pointer;
    font-size: 18px;

}
.cal-menu {
    display: flex;
    align-items: center;
}
.cal-settings {
    margin-left: 20px;
}
.cal-settings i {
    color: #235074;
    font-size: 20px;
}
#mycarouse2.nav-tabs {
    align-items: center;
}

/* Team dropdwon */
.user-desktop-dropdown .select2-container--default .select2-selection--single {
    background-color: transparent;
    border: none;
}


.select2-container--default .newGenDropDown .select2-search--dropdown .select2-search__field {
    border: none;
    background: #eef2f5;
}
.select2-search--dropdown {
    display: block;
}
.select2-search--dropdown .select2-search__field {
    padding: 7px;
}
.team-dropdwon {
    padding-left: 45px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 1px 26px 1px 10px;
    line-height: 26px;
}
.select2-results {
    display: block;
    margin-top: 5px;
}


.calendar-subnav .sub-childnav li a {
    color: #235074;
    font-weight: 600;
}
@media (min-width: 1300px) {
  .fancybox-skin {
        padding: 0px !important;
        width: max-content !important;
    }  
}
.stock-unit, .stock-unit-variant {
    float:left;
    margin-top: 0.22rem !important;
    color: #1e4569;
    font-size: 14px !important;
}
.stock-unit-variant {
    margin-top: 0.3rem !important;
}
.per_unit {
    position: absolute;
    top: 3px;
    left:  166px;
    right: -30px;
    text-align: center;
}
.stock-unit-div {
    display: flex;
    flex-direction: column-reverse;
}
.stock_per_unit {
    margin-left: -28px;
    margin-bottom: 7px;
}
.clientBusinessError label {
    padding-left: 140px;
}
.sync-progress-div span {
    font-size: 17px;
    padding-left: 7px;
}
.noCost{
    margin-left: 40px !important;
    padding-top: 3px !important;
}
.unit-price-block {
    align-items: self-start;
}
.unit-price-block .unit-price {
    flex-direction: column;
}
.modal-open .insightAppointment .select2.select2-container {
    z-index: 0;
}
.btn.lightred-dis {
    background-color: #fb6362;
    color: #b7b7b7;
}
.clinical-note-send {
    display: flex;
    align-items: flex-start;
}

.proflie-name-swircher {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}
.note-swtich {
    margin-left: 5px;
}
.appointment-client-list {
    width: 100%;
}
.switch-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-top: 5px;
}

.switch-no {
    font-size: 23px;
}
/* new signup */

.login-left-box h1 {
    font-size: 36px;
    line-height: 42px;
    color: #295e89;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
}
.login-left-box {
    max-width: 540px;
    width: 100%;
}
.login-left-box .login-wrap {
    display: flex;
    align-items: flex-start;
}

.re-signup .container {
    max-width: 1140px;
    width: 100%;
}
.re-signup  #loginbox {
    background-color: #fff;
    padding: 0px;
    max-width: 443px;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    height: 100%;
    margin-top: 0px;
    margin-left: auto;
}
.re-signup #loginbox .input-group {
    display: inline-block;
    text-align: left
}
.re-signup #loginbox .btn {
    background: #3cd664;
    text-transform: uppercase;
    font-weight: 500;
    height: 55px;
    font-size: 23px;
    margin-top: 30px;
    font-family: 'Montserrat', sans-serif;
}
.re-signup #loginbox .custom-label {
    color: #6a6a6a;
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 5px;
}

.re-signup #loginbox .signup-already p {
    font-size: 14px;
    color: #6a6a6a !important;
    font-weight: 500;
}
.re-signup .signup-already {
    margin-top: 25px;
    text-align: left;
    font-size: 14px;
    color: #6a6a6a;
}
.re-signup #loginbox .signup-already a {
    color: #6a6a6a !important;
    font-size: 14px;
}
.re-signup #signupForm .select2-selection--single {
    height: 40px !important;
    background-color: #f0faf9;
    border-color: transparent;
    border-radius: 0px;
}

.re-signup .logo {
    border-bottom: none;
    display: flex;
    align-items: center;
    justify-content: start;
}
.login-left-box .list-group-item {
    position: relative;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    padding: 0.75rem 0rem;
    margin-bottom: 0px;
    background-color: #fff;
    border: none;
}
.login-left-box .list-group-item span {
    color: #6a6a6a;
    font-size: 18px;
    margin-left: 10px;
    font-weight: 500;
}
.login-left-box .list-group-item i {
    font-weight: 500;
    color: #40d6c4;
    font-size: 20px;
}
.login-left-box  .list-group {
    padding-top: 30px;
}
.signup-wrap.signupLastPage {
    padding-top: 40px;
}
.re-signup .signupLastPage label.error, .re-signup label.notification {
    left: 453px !important;
    top: 25px !important;
    min-width: 200px !important;
}

.signup-testimonial{
    background-color: #f5f5f5;
    padding: 100px 40px;
    margin-top: 40px;
    clip-path: polygon(0 0, 100% 16%, 100% 100%, 0% 100%);
}
.signup-testimonial P{
    font-size: 23px;
    color: #9a9a9a;
    font-style: italic;
    font-weight: 500;
    line-height: 28px;
}
.testimonial-area {
    max-width: 880px;
    margin: auto;
    text-align: center;
    padding-top: 10px;
}
.signup-testimonial span {
    color: #40d6c4;
    font-size: 18px;
    font-style: italic;
    font-weight: 500;
}
.star1, .star2, .star3, .star4, .star5 {
    clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
    background-color: #ffc83b;
    width: 40px;
    height: 40px;
}
.testimonial-star {
    display: grid;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
    column-gap: 15px;
    row-gap: 50px;
    grid-template-columns: repeat(5, 0fr);
}
.subitem-parent-nav, .subitem-label {
    color: #42d1bd !important;
    font-family: 'Lato', sans-serif !important;
    font-weight: 400;
    font-size: 14px;
}
.subitem-parent-nav:hover {
    color: #42d1bd;
    text-decoration: underline;
}
.subitem-name {
    color: #537190 !important;
    font-family: 'Lato', sans-serif !important;
    font-weight: 400;
    font-size: 14px;
}
.advanced-tax-div .better-clincs-table-head-step4, .advanced-tax-div .step4-category, .advanced-tax-div .pay-wrapper-left-step4, .advanced-tax-div .pay-wrapper-right-step4 {
    width: 270px;
}
.advanced-tax-div .pay-right {
    width: 230px;
}
.advanced-tax-div .sub-title-col-md-6 .sub-label {
    width: 299px;
}
.advanced-tax-div .select_currency_wrapper span.select2-container {
    min-width: 234px;
}
.setProviderBtn:hover, .tile-edit-mode .manageDataFields:hover, .tile-edit-mode .addClientCustomFields:hover {
    border-bottom: 1px solid #44d7c5;
    color: #44d7c5;
}
.setProviderBtn {
    white-space: nowrap;
}
.teamMemberProviderList:hover {
    border-bottom: 1px solid #44d7c5;
    color: #44d7c5;
}
.appt-icons{
    position: absolute;
    bottom: 0px;
    max-width: 100%;
    width: 100%;
    left: 0;
    padding: 10px;
}
.multi-appts .appt-icons, .multi-appts-single-client .appt-icons {
    position: initial;
}

.forsingle .user-popup .scroll-div {
    max-height: 255px !important;
    width: 100%;
    align-items: center;
    display: flex;
}
.forsingle.single-appointment {
    min-height: 255px;
}

.user-popup .single-appt-multi-clients .scroll-div {
    max-height: 400px !important;
}

.single-appt-multi-clients {
    max-height: 400px !important;
}

.user-popup .single-appt-single-clients .scroll-div, .user-popup .multi-appts .scroll-div, .multi-appts-single-client .scroll-div  {
display: flex;
}
.appointmentEditCalender .Appointment-list .multi-appts .times {
    display: initial;
}
.multi-appts-single-client .user-detail {
    display: initial !important;
}
.apppoinment-feature .dropdown-menu.invoice .dropdown-item{
    font-size: 14px;
    padding: 3px 0.5rem;

}

.apppoinment-feature .dropdown-menu.invoice {
    min-width: auto;
    padding: 0.2rem 0 !important;
}

.appointmentEditCalender {
    margin-top: 0;
    margin-bottom: 0;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: transparent;
}

.user-detail.times.nextAppointment {
    background: #d1d1d1;
    max-width: 280px;
    border-radius: 0;
    width: 100%;
    border-top: solid 13px #e9306d;
    border-top-right-radius: 10px;
}
.nextAppointment h3, .nextAppointment .day-tag, .nextAppointment .hours {
    color: #fff !important;
}
.multiple-next-appoinment .user-detail{
    border-top-left-radius: 10px;
    border-top-right-radius: 0px;                                            
}
.multiple-next-appoinment .next-apps-arrow {
    position: absolute;
    right: 15px;
    font-size: 40px;
    color: #d4d4d4;
}
.inv-popup .sales-paid span {
    background-color: #37e969;
    color: #fff;
    text-align: center;
    font-size: 12px;
    border-radius: 4px;
    padding: 4px 12px;
    width: 60px;
    height: 20px;
    margin-left: 20px;
}
.inv-popup .sales-partial span {
    background-color: #537190;
    color: #fff;
    text-align: center;
    font-size: 12px;
    border-radius: 4px;
    padding: 4px 7px;
    width: 60px;
    height: 20px;
    margin-left: 20px;
}
.teammemberPopup  {
    max-width: 550px;
}
.teamMemberProviderBox {
    width: 500px;
}
a.btn.lightred.add-client-top {
    float: right;
  }
.modal-open #location_setting .select2-container {
    z-index : initial;
}
.modal-open #invoiceSettingsColumn .select2-container {
    z-index : initial;
}
#sub-chlidnav .client-menu-dropdown.clientSort .select2-selection__rendered, #sub-chlidnav .client-menu-dropdown .select2-selection__rendered {
    line-height: 28px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 3px;
    right: 5px;
}


.sub-childnav .select2-container--default .select2-selection--single .select2-selection__arrow {
top: 0;
line-height: 20px;
}

.clients-add-button {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.clientFormsWrap .btn {
    padding: 0.38rem 1rem;
    line-height: 16px;
}

.sub-nav .clients-add-button .btn-wrap {
    margin-top: 0;
    padding-bottom: 0;
}

.d-flex-center {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.sub-nav .d-flex-center .btn-wrap {
    margin-top: 0;
    padding-bottom: 0;
}
.sub-nav .btn-wrap.add-booking-page-btn {
    margin-top: 0;
    padding-bottom: 0;
    display: flex;
    align-items: center;
}
.center-container {
    display: flex;
    align-items: center;
    line-height: 17px;
}

.client-overflow {
    overflow: hidden;
}
.client-tag-container form {
    width: 100%;
}
.paymentClosebtn {
    float: right;
}
.inv-popup .report-title-table {
    margin-top: 10px;
    margin-bottom: 10px;
}
.inv-popup .report-title-table tr {
    line-height: 5px;
}
.inv-popup .report-title-table th , .inv-popup .report-title-table td {
    padding-bottom: 4px;
}
.location-setting-form #location_setting .locationSettingWrap {
    max-height: calc(100% - 0px);
    min-height: calc(100% - 60px);
    overflow: hidden;
 } 
.locationInvoiceRow {
    height: 100vh;
}
.location-setting-form #location_setting .assignTeammemberRow {
    overflow: auto;
    max-height: 300px;
    height: 100%;
}
.locationInvoiceRow .slimScrollDiv{
    z-index: 0;
} 
.importProductBody #overlay {
    position: fixed; 
    height: 100%;  
    width: 100%; 
    top:100px; 
    background-color:transparent;
    background-image: url(../images/note-progress.gif);
    background-position: center;
    z-index:9999;
}
.log a.change-log:hover {
    color: #44d7c5;
}
a.previewProductForm {
    color: #1e4569;
}

#integration .reckon .btn.rah-btn {
    margin: 6px 6px !important;
    width: 70% !important;
}
.sale_team_member_col .checkbox input[type=checkbox]:checked + label:after {
    line-height: 22px;
}

#booking_log div.col_2 {
    max-width: 70%;
    width: 100% !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.logout .menu-avatar {
    width: 35px;
    height: 35px;
    background-size: cover;
    background-position: center;
    border: none;
}

.hideIt nav ul#menu li.retail-pos-header {
    margin-right: 0;
    padding: 0.46rem 0;
}
.hideIt nav ul#menu li.retail-pos-header a {
    border: 1px solid #dae7f1;
    padding: 0 0.51rem;
    border-radius: 5px;
    line-height: 28px;
}
.hideIt nav ul#menu li.retail-pos-header a i{
    float: right;
    font-size: 17px;
    margin: 6px 0 0 6px;
    height: auto; 
}

/* BC-3911-main nav design */

body {
    padding-top: 45px;
}

nav ul#menu li {
    float: left;
    font-size: 16px;
    margin: 0 15px 0 0;
    line-height: 30px;
    list-style: none;
    font-weight: 600;
}

nav ul#menu li a {
    color: #537190;
    padding: 0.46rem 0;
    display: block;
}

nav ul#menu li a i {
    float: left;
    font-size: 16px;
    margin: 6px 5px 0 0;
    height: 20px;
}

.fixed-subnav {
    top: 45px;
}

.help .dropdown-menu {
    margin-left: -130px !important;
    margin-top: 14px !important;
}

.header-col-right .time {
    margin-right: 0px;
}

.logout .profile-details-noimage {
    width: 100%;
}

.menu-avatar img {
    max-width: 100%;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.sidebar-filter {
    top: 133px;
}
.salesButtonList .checkbox label {
    line-height: 25px;
}
.noteAlert {
    padding: 0px 5px 4px;
    background: #47d7c5;
}
.learn-more-rah
{
    background: white;
    border: 1px solid #dedede;
}

.rah-product-list {
    width: 234px;
}
.clientContact .tile-edit-mode {
    margin-top: -30px;
}
.clientContact .tile-edit-mode p {
    margin-left: 18px;
    font-size: 14px;
}
.manageDataFields {
    margin-bottom: 14px;
    font-size: 14px;
}
.main.client.ClientDetailsBox.actionBar  .clientContact {
    padding-top: 60px;  
}
.main.client.ClientDetailsBox.actionBar .clientContact .tile-edit-mode {
    margin-bottom: -71px; 
}
.clientContact .tile-edit-mode .switch .tooltip-inner {
    width: 200px;
}
.addClientCustomFields {
   z-index: 1;
} 
.AppointmentStatusBtn {
    width: 100%;
}
.AppointmentStatusDropDown .dropdown-menu.invoice {
    width: 100%;
    top: 70%;
}
.sync_failed {
    cursor: pointer;
}
.apppoinment-feature .btn-confirmed {
    background-color: #37e969;
}
.salesTable .sales-unpaid span, .salesTable .sales-partial span, .salesTable .sales-paid span {
    width: 120px;
}
.pending-appointments-table .sales-unpaid span, .pending-appointments-table .sales-partial span, .pending-appointments-table .sales-paid span {
    width: 120px;
}
.apppoinment-feature .btn-partial {
    background-color: #537190;
    color: #fff;
}
.salesTable .salesClientStatusPill span {
    width: 60px;
}
.rah-customer span {
    background-color: #44BB9B;
    color: #fff;
    text-align: center;
    font-size: 12px;
    border-radius: 4px;
    padding: 0px 7px;
    width: 60px;
    height: 20px;
}
/* Print pop up*/
#paySuccess .modal-body {
    background-color: #fff;
    padding: 20px 0px;
    max-height: inherit;
    overflow-y: inherit;
    width: 100% !important;
    margin-right: 0;
}
#paySuccess .modal-header{
    border-bottom: none;
}

#paySuccess .modal-dialog .modal-header .modal-title {
    color: #46d235 !important;
     font-size: 32px;
    margin: 15px 0px;
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
}
#paySuccess .close i{
    color: #6ea5f3;
}
.pay-button-area {
    display: flex;
    justify-content: space-evenly;
}
.pay-button-area i {
    color: #6ea5f3;
    margin-right: 5px;
}
.close-successpop i {
    color: #46d235;
    font-size: 100px;
}
.close-successpop {
    margin-bottom: 15px;
}
.pay-button-area .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 135px;
    background: transparent;
    border: 1px solid #dddddd;
    font-size: 17px;
    color: #444444;
    margin-bottom: 5px;
    padding: 0.58rem .51rem;
    height: 36px;
}
.dashboard .float-right .select-dropdown.insightAppointment .select-wrap .select2-container {
    min-width: 130px;
}
.shareFormPopup .emailContent .note-editor .note-editing-area .note-editable p {
    margin-bottom: 0rem;
}
.helpBtn {
    text-align: center;   
}
#integration .integration__block .integration__body {
    min-height: 250px;
}
.proflie-name-swircher .client-link .tooltip-inner {
    width: 150px;
}

#saveTestMsg {
    padding-left: 10px;
}
#sendTestMessage {
    background-color: white;
    color: black;
}
.clientMessageFilter .select2-selection.select2-selection--single {
    width: 120px;
}
.sendMsgCheckbox {
    top: 4px;
}
label.error {
    font-size: 12px;
    padding: 0;
    margin: 0;
}
.rah_advanced_pm .inner-title-ba, .rah_advanced_pm .pay-wrapper-left , .rah_advanced_pm .pay-wrapper-right {
    width: 280px !important;
}

.rah_advanced_pm .select_currency_wrapper span.select2-container {
    width: 250px !important;
    min-width: 250px !important;
}
.rah_advanced_pm .pay-wrapper-right {
    padding: 15px;
}
.rah_advanced_pm .inner-title-r h3 {
    background:#000000;
    width: 100%;
    color:#fff;
    padding: 10px;
    text-align: center;
    margin: 0;
}
.qr-form {
    font-size: 20px;
    margin-left: 5px;
}
.rah-company .pref-label {
    font-size:16px;
}
.inter-company {
    width: 80%;
    margin-left: 100px;
}
.rah-company.disconnect-option {
   width:850px !important;
   max-width:850px !important;
}
.make-payment .makePayWrap .box-content {
    margin-top: -34px;
}

/* New calendar styles-santhan */
.re-calender .select2-container {
    margin-right: 0;
}
.re-calender  .sub-childnav li a {
    padding: 0px 0.38rem;
    font-size: 14px;
}
.re-calender .sub-childnav .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0px 10px;
    font-weight: 600;
    color: #235074;
    padding-right: 0;
    font-size: 14px;
}
.re-calender .calendar-subnav .sub-childnav ul {
    display: grid;
    grid-template-columns: repeat(3, minmax(142px, 1fr) );
    place-items: stretch;
}
.re-calender .sub-nav .btn-wrap .btn {
    margin-left: 35px;
    border: none;
    color: #235074 !important;
    font-weight: 600 !important;
}
.calendar-search {
    display: none;
}
.calendar-switch .calen-toggle{
    background: #fff;
    border: 1px solid #235074;
    border-radius: 50px;
    width: 22px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}
.calen-settings {
    margin-left: 20px;
}
.calendar-switch {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    max-width: 231px;
    width: 100%;
}
.sorting-tag i, .calendar-switch i{
    font-weight: 500;
    color: #235074;
}
.sorting-tag{
    padding-right: 15px;
}
.calendar-search .has-search .form-control {
    border: none;
}
.calendar-search .has-search i{
    color: #235074;
    
}
.calendar-search .has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}
.calendar-search .has-search {
    display: flex;
    align-items: center;
    margin: 0;
}
.re-calender .calendarLocationsList {
    display: flex;
    align-items: center;
}
.re-calender .calendar-subnav.subnav-container.title {
    background-image: none;
    background-color: #fff;
    border-bottom: 1px solid #dcdcdc;
}
.re-calender .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: solid #365073;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.re-calender .select2-container--default .select2-selection--single {
    background-color: transparent;
}
.re-calender .select2-container--default .select2-selection--single {
    border-radius: 0;
    border-color: transparent;
    outline: none;
}
.re-calender .select2-container--default .select2-selection--single .select2-selection__arrow {
    position: inherit;
    display: flex;
    align-items: center;
    width: 25px;
}
.re-calender .select2-container--default .select2-selection--single {
    display: flex;
}
.re-calender .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 0;
}
.re-calender .select2-container .select2-selection--single .select2-selection__rendered {
    white-space: nowrap;
}
.re-calender .select2-container--default .select2-selection--single .select2-selection__arrow b {
    position: inherit;
    margin-left: 10px;
    margin-top: 0;
}
.re-calender .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0px 10px;
    line-height: 30px;
    color: #235074;
    font-weight: 600;
}
.re-calender .allLocationDropdown .select2 {
    width: 170 !important;
}
.re-calender .fixed-subnav .allLocationDropdown {
    padding: 0;
}
.view-dropdown .calender-view {
    background: none;
    font-size: 14px;
    padding: 3px;
    color: #235074;
    font-weight: 600;
    display: flex;
    align-items: center;
    line-height: normal;
}
.calendar-switch .menu-filter .maximize-icon {
    font-size: 13px;
    padding: 4px;
    color: #235074;
}
.calendar-switch .menu-filter {
    background: none;
}
.cl-users-name {
    display: flex;
    align-items: center;
}
.cl-users-name span.username {
    color: #235074;
    max-width: 170px;
    min-width: 100px;
    word-break: break-word;
    text-align: left;
    margin-left: 5px;
}
.cl-users-name span.username i{
    margin-left: 5px;
    font-weight: 600;
}
.userView .user-day-view .user-wrap{
    justify-content: inherit;
}
.userHelpDiv .dropdown-menu {
    left: -128px;
    top: 20px;
    box-shadow: 0px 0px 10px 0px rgb(174 174 174);
}
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary {
    color: #c4c4c4 !important;
    opacity: 1;
}

.filter-toggle .switch {
    width: 25px;
    height: 15px;
    display: flex;
    align-items: center;
}

.filter-toggle .switch .slider:before {
    height: 12px;
    width: 12px;
    box-shadow: none;
}
.filter-toggle .switch .slider {
    background-color: #e4ecf3;
}
.filter-toggle .switch input:checked + .slider:before {
    transform: translateX(10px);
}
.filter-toggle {
    margin-right: 15px;
}

.addHourError, .addDayError {
    color: red;
}
.userview .table-responsive {
    /* width: 100% !important; */
    overflow-y: auto;
}
.ui-widget-content {
    padding: 0;
}
.invoiceDropdown {
    z-index: 1;
}
.sales .fixed-pagination,.invoice-main-list .fixed-pagination {
    z-index: 888;
}
.ellipsis {
    white-space: nowrap;
    width: 125px; 
    overflow: hidden;
    text-overflow: ellipsis; 
    font-size: 13px;
}
.clientDeletedDate {
    font-size: 13px;
}
.invoice-div ul.dropdown-menu {
    z-index: 1;
}
.subNavinvoiceDropdown {
    z-index: 889;
}
.fixed-pagination {
    z-index: 888;
}
.product-business-avaliability .select2.select2-container.select2-container--default {
    width: 190px !important;
}
.bookingSaleStatus span {
    background-color: #a1a1a1;
    color: #fff;
    font-size: 12px;
    border-radius: 4px;
    padding: 0px 7px;
    width: 75px;
    height: 20px; 
}
.bookingStatusCompleted span {
    background-color: #37e969;
    color: #fff;
    font-size: 12px;
    border-radius: 4px;
    padding: 0px 7px;
    width: 75px;
    height: 20px; 
}
.listTerms input[type=text] {
    border-radius: 0;
    width: 175px;
    display: inline-block;
    margin: 0 6px 12px 12px;
}
.listTerms #name{
    border-radius: 0.25rem;
    width: 365px;
    display: inline-block;
    margin: 0 6px 12px 0px;
}
a.paymentTermRemove {
    display: block;
    float: right;
    margin: 2px 0px 0px 10px;
    background-color: #fb6362;
    width: 27px;
    margin-top: -3px;
    height: 28px;
}
#savePaymentTermsForm .paymentCheckbox {
    margin-left: 34%;
}
.userHelpDiv ul li a i {
    float: left;
    font-size: 17px;
    margin: 13px 4px 0 0;
    height: 20px;
}


.re-calender .form-check-wrapper {
    height: 110px;
    max-height: 158px;
    overflow-y: auto;
    line-height: 28px;
}

.filter-widget .form-check label {
    font-weight: 500;
}

.re-calender .switch input:checked + .slider {
    background-color: #60d6c4;
}

.newcanlenderDropDown .select2-search.select2-search--dropdown .select2-search__field {
    border-color: transparent;
    padding-left: calc(1.5em + 0.75rem);
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABmJLR0QA/wD/AP+gvaeTAAADAUlEQVRIie3VTWgTeRjH8e8zkya+ZA+7RQ8aVJKwVWp9v9iDuloVFHbThbB48WBBEUUPvouHOflCKwpeFLcnj0WTeBK0UkGKgl1faEuEjGvdxWqFFDG1xrw8HpJAxTaZVOvJ32lm8vyfD/nPzDPwI98pUqmgPmy505lUSJEQ6AoFX3Hh/wI9QMxT4432dVgfvxnsbz7wp6jRCuqv0MdGOWTH2iJfB1uWEXiYOo1wqFj1BGiXvN6aMSoDAO895oK8mW0SjBbQBgARziSWeo9jWflKsGu8i2PQNMp+e5n38jjN+oA+LOuC/9HILkHPqXIk+DhFAo5W/Y8L2ytXgbSIbE5EWu9UagIQDB1cp3AD8IA229Gz0XL15tiT+rDlzuWyMeBnlL12tO2qExQgGe9+Xlu3OonIVpBV/jWLLw729Ey45cbYk3QmFQL1Izyxl3svO0VLSbhfXAJ6geDb1z/9Ua72M1iV5sKB/O3kAfkiHR05hfZi65BjGGEFgGi+s2q01DBn3gRQ0VXOYZgD4HGPvpgsbIqW1s6tBv7q5DKjFafhePBLgPTH6fMmC+s0T2ntK8ewwAOAvLBxsrDAJgCFe45hIFZYbLRgWdXfhnDYVHQHgCFy3THsqfFGARu0wf9oZFe1biAzfzcq9SDPfMMzy34wPptcb/q7cr/UNf6H8JdAU+3CxrvJePdzR+jvh39D9Apgqsj2hzdOxh3DAMNPu+O1ixqnA2uBbbV1q5PJJb5/6O/XcTuEw2bg1y17iqgbGBLhxHC8e6QcPOFnMfg4dVKVI8UrvQrtRs686Zn2bgDgQ3bGAsnrRjVoKWwvAEPAbKAXYYMdaRuqDi4mEDoQAmkFguXqFP5FZJ/hct3XTOY2sLgSXvFlX7lzZ01h4Bsh0JUq+BREYFDhniFy3Tc8M9LVZWUBAs0HZ6N0VsIdTZlqEwwfm6WZbCdogyjxjJldP3Dt/OCUw07wbz6rS0l0nHqDaBPQq8JCV94VG/v7lMEAdqRtCGED0INKbiqtH5kwnwBbgiXiooqM1QAAAABJRU5ErkJggg==");
    background-repeat: no-repeat;
    background-position: center left calc(0.375em + 0.1875rem);
    background-size: 16px;
    background-color: #eef2f5;
}
.select2-container--open .select2-dropdown.newcanlenderDropDown  {
    top: -30px;
    background: transparent;
    box-shadow: none;
    width: auto;
}
.newcanlenderDropDown .select2-search--dropdown .select2-search__field {
    padding: 3px;
}
.newcanlenderDropDown .select2-search--dropdown {
    padding: 0;
}
.newcanlenderDropDown .select2-results {
    margin-top: 6px;
    box-shadow: 0px 0px 10px 0px rgb(174 174 174);
}
.select2-container--default .newcanlenderDropDown .select2-results__option--highlighted[aria-selected] {
    background-color: #fff;
    color: #235074;
    font-size: 14px;
    font-weight: 500;
}

.newcanlenderDropDown .select2-results li.select2-results__option {
    padding: 8px 12px;
    background: #fff;
    border-bottom: 1px solid #dcdcdc;
    color: #235074;
    font-weight: 500;
}
.newcanlenderDropDown .select2-results li.select2-results__option:hover {
    color: #44d7c5 !important;
}

.sorting-tag .tooltip {
    width: 149px;
    padding-left: 6px;
}

.calen-toggle .tooltip {
    width: max-content;
    padding-left: 6px;
}
.invoice-div ul.dropdown-menu li a {
    line-height: 36px;
}
.dropdown.open .calsettings {
    display: block;
    padding: 0;
    margin: 11px 0 0 0;
    box-shadow: none;
    width: 200px;
    box-shadow: 0px 0px 10px 0px rgb(174 174 174);
}
.dropdown.open .calsettings li a.onlineBookingDomain{
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}

.re-calender .calendar-subnav .sub-childnav li a:hover,
.re-calender .calendar-subnav .sub-childnav li.active a {
    background-color: transparent;
    color: #44d7c5;
    font-weight: 600;
}
.re-calender .calendar-nav li .view-dropdown .dropdown-menu{
border: none;
box-shadow: 0px 0px 10px 0px rgb(174 174 174);
    border-radius: 0;
    margin-top: 10px;
}
.re-calender .calendar-nav li .view-dropdown .dropdown-menu a {
    border-bottom: 1px solid #dcdcdc;
    padding: 4px 10px;
    color: #235074;
    font-weight: 500;
    line-height: 26px;
}

.re-calender .calendar-nav li .view-dropdown .dropdown-menu a:hover {
    color: #44d7c5 !important;
}

.re-calender .calendar-subnav .sub-childnav {
    display: flex;
    align-items: center;
}
.re-hidden {
    display: none;
}

.slider-open.multipleUsers {
    margin-left: 0px;
}

.userViewCal.multipleUsers {
    margin-left: 15px;
}
#userEmailNotification {
    width: 98%;
}

.addClientNewDiv {
    height: 91%;
}
#location_terminal_list .pos-cm-status label:not(.switch.pos-switch) {
    max-width: 230px;
    width: 100%;
}
.reckon-btn-class {
    margin: 6px 6px !important;

}
#businessListRow {
    max-height: 17vh;
    overflow: auto;
}
.remove_client_email_validation {
    color: red;
    font-size: 12px;
}
.remove_client_email_validation > span {
    color: #1486c9;
    cursor: pointer;
}
.icContent {
    max-width: 100%;
    /* overflow: scroll; */
    padding: 0;
}

.re-calender .dropdown-toggle::after {
    border: solid #365073;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    margin-left: 0.5em;
}

.sub-childnav  .select2-container--default .select2-selection--single .select2-selection__arrow:after {
    content: '\f107';
    left: 4px;
    top: 5px;
    font-size: 16px;
    position: absolute;
    font-family: "Font Awesome 5 Pro";
}
.sub-childnav  .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}
.retail-pos div.bootstrap-datetimepicker-widget td.day {
    display: table-cell;
}
div#load-schedule.roster-block {
    overflow: visible;
}
.generalListStatus span {
    min-height: 20px !important;
    line-height: 20px;
}
.margin-top-40 {
    margin-top: 40px;
}
.calendar-subnav title #cal-next i, .calendar-subnav title #cal-prev i {
    margin: 1px;
}
li.viewType button.btn.calender-view.dropdown-toggle {
    color: #3a6384;
}
li.viewType.active button.btn.calender-view.dropdown-toggle {
    color: #44d7c5;
}
#resendDiv {
    color: #ffffff;
    position: absolute;
    margin-top: -10px;
}
.client-inner-list {
    padding-top: 15px;
}
.resendImmediateNotification .tooltip-inner {
    width: 200px;
}
.resendImmediateNotification {
    cursor: pointer;
}
.resendNotificationDiv h2 {
    flex-direction: column;
    width: 0;
}
.confirmationPopup {
    max-height: 72px;
}
.confirmationPopupLocation h2 {
    font-size: 18px;
    color: #292929 !important;
}
body::-webkit-scrollbar {
    width: 10px !important;
}
#booking_confirm .msg-type.active {
    background-color: #44d7c5;
}

#booking_confirm a.insert_field_val {
    color: #44d7c5;
}
.messaging_client_div ul li a {
    cursor: pointer;
}

.opt-in {
    min-height: 20px !important;
    line-height: 20px;
    color: #fff;
    text-align: center;
    font-size: 12px;
    border-radius: 4px;
    padding: 2px 7px;
}

.opt-in.sent {
    background-color: #537190;
}

.opt-in.yes {
    background-color: #37e969;
}

.opt-in.no {
    background-color: #e60017;
}
.displayDuedate {
    padding-left: 243px;
    padding-top: 10px;
}
.sub-childnav .filter-wrap .filter a.clientFilterAppiled, .sub-childnav .filter-wrap .filter a.clientFilterAppiled:hover {
    color: #fb6362;
}

span#remove_sendgrid_validation {
    color: #1486c9;
    cursor: pointer;
}
.manage-category-wrapper .pos-choose-color.no_color.selected:before {
    color: #cadae7;
    top: 4px;
    left: 10px;
}
.cancel-choose-color.no_color.selected:before {
    top: 15px; 
    color: #cadae7;
    left: 10px; 
}
.posColur {
    position: absolute;
    top: 0px;
    right: -43px;
}
li.filter-product.posCategoryColur {
    font-size: 15px;
    opacity: 1;
}
.product-image.product-image-empty {
    width: 124px;
    color: white;
}
.manageCategoryName {
    right: 25px;
}

.manage-category-page .manageCategoryName {
    right: 0px;
}

.manageCatColur {
    right: 34px;
}
.appointmentTooltip .box-tooltip-s {
    position: absolute;
    left: 75%;
    top: 50px;
}
.appointmentTooltip .box-tooltip-s.posColurTooltip {
    left: 87%;
}
.variant-header-pos .product-image.product-image-empty {
    width: 133px;
}
.categoryReorder {
    margin-left: 25px;
}

/* Stripe Credit card payment form */

#creditCardForm .form-control input {
    border: none;
    padding: 0px;
    width: 100%;
    height: 20px;
}
.client-cancel label.switch span.slider::after {
    left: -12px;
}
.min-w-100-ps {
    min-width: 100% !important;
}
.letter-templates-btn {
    padding: 7px 0;
}
.letterStatus {
    margin-right: 56px;
}
.letter-templates-list {
    padding-top: 0 !important;
}
.letter-templates-list .table {
    margin-bottom: 0;
}
.formBlock-addTemplate {
    overflow: hidden;
    padding: 15px;
    width: 100%;
    margin: 8px 0 9px 0;
}
.location-form-row{
    display: flex;
    align-items: center;
}

.form-wrap.noteCategory .form-control {
    border-radius: 4px;
}
.start-field {
    margin-bottom: 0.58rem;
}
.letteredit-wrap {
    padding-top: 100px;
}
.letteredit-wrap .formBlock{
    border: solid 1px #e6e6e6;
    background: #fff;
    overflow: hidden;
    padding: 6px 12px;
    width: 100%;
    margin: 8px 0 9px 0;
}

#letterTemp .select2-container--default{
    width: 100% !important;
    min-width: auto !important;
}
.lettersub {
    width: 100%;
}
#letterTemp select:not(.form-control) {
    width: 100%;
}
.tempSpan {
    width: 100%;
    padding: 5px;
}
.letterContent {
    padding-top: 15px;
    padding-bottom: 15px;
}
.billingContactReport i.fal.fa-university {
    margin-left: -10px;
}
.billingContactName {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    float: right;
    line-height: 44px;
}
.billingContactName span.cl-name{
    padding-right: 10px;
    font-weight: 700;
    font-size: 15px;
}
.billingContactName .client-noimg {
    height: 36px;
    width: 36px;
    margin-top:4px;
}
#lowStockEmail,#lowStockSms  {
    width: 100%;
}
.lowStockRemainderToggle {
    width: 102%;
}
.lowstockNotificationTooltip {
    vertical-align: text-bottom;;
}
.editLetLoc {
    padding-left: 10px;
}
.refreshFilter a {
    color: white;
    font-size: 18px;
}
.selected_printer_type {
    border: 2px solid #42d1bd !important;
    color: #42d1bd;
}
.printer_type {
    cursor: pointer;
    width: 80px;
    height: 100px; 
    border: 1px solid #c6c6c6;
    border-radius: 5px;
}
.printer_type:hover {
    border: 2px solid #a5a5a5;
    color: #a0a0a0;
}

/* Product page*/
.postile_box {
    border:1px solid #cecece; 
    height: 165px; width:140px; 
    font-size:13px;
}
.postile_image {
    height: 90px;
    overflow: hidden;
    width: 100px;
    margin: auto;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.postile_texts {
    padding: 0px 6px 6px;
    text-align: left;
    min-height: 68px;
    line-height: 17px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.postile_name {
    margin-bottom: 0.51rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    font-weight: 400;
}
.postile_price {
    color:#a0a0a0;
    font-weight: 300;
}

.read-note-editor li {
    list-style: inherit;
    border-bottom: none !important;
    padding: 5px !important;
}

.read-note-editor ul {
    margin-left: 37px;
}

.tag-or {
    float: right;
    margin-top: 5px;
}
.tag-or .switch-label{
    margin-top: -3px;
}
.divStripeConnected .tooltip-inner {
    min-width: 200px;
}

a.show-hide-referall {
    float: right;
    font-weight: 600;
    font-size: 20px;
    color: #22db7c;
}

.select-error-label-div label.error {
    position: absolute;
    top: 28px;
}

.alert-field .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #aaa !important;
}

.alert-uti-field .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #aaa !important;
}

#alert-duration-div .alert-date-info {
    position: absolute;
    font-size: 12px;
    color: #00C900;
    width: 200px;
}

#alert-duration-div .alert-date-error {
    position: absolute;
    font-size: 12px;
    color: red;
}

#allocated-product-div label.error {
    width: 160px;
}

.episode-info {
    color: #00C900;
}

.episode-error {
    color: red;
}

#add-services { 
    padding: 5px 10px;
}

.variant-stock-update {
    position: relative;
}

.variant_stock_table .variant-stock-update .error-barcode-input {
    border: 1px solid red !important;
}

.variant_stock_table .variant-stock-update .error-label-barcode {
    font-size: 10px !important;
    position: absolute;
    top: 31px;
    color: red !important;
}

#letterSum {
    margin-top: -15px !important;
}
.letter-template-variables {
    justify-content: flex-start !important;
}
.formBlock-addTemplate .popover-wrap-formfield .letter-variable-popup {
    left: 165px !important;
}

#episode-list .tooltip-inner {
    width: 100%;
    min-width: 200px !important;
}

#episode-allocation-status .tooltip-inner {
    width: 100%;
    min-width: 200px !important;
    display: block;
}

.invoice-div.episode-dropdown-wrap ul.dropdown-menu li a {
    font-size: 13px;
    font-weight: bold;
}

.episode-dropdown-wrap .dropdown button {
    padding:5px;
}

.episode-dropdown-wrap .dropdown .dropdown-menu li.Draft a, .episode-dropdown-wrap .dropdown button.Draft {
    background-color: #ccc;
    border: 1px solid #ccc;

}

.episode-dropdown-wrap .dropdown .dropdown-menu li.Pending a, .episode-dropdown-wrap .dropdown button.Pending {
    background-color: orange;
    border: 1px solid orange;
}

.episode-dropdown-wrap .dropdown .dropdown-menu li.Draft-Declined a, .episode-dropdown-wrap .dropdown button.Draft-Declined {
    background-color: #ccc;
    border: 1px solid red;
}


.episode-dropdown-wrap .dropdown .dropdown-menu li.Suggestion a, .episode-dropdown-wrap .dropdown button.Suggestion {
    background-color: orange;
    border: 1px solid red;
}

.episode-dropdown-wrap .dropdown .dropdown-menu li.SuggestionAccepted a, .episode-dropdown-wrap .dropdown button.SuggestionAccepted {
    background-color: orange;
    border: 1px solid blue;
}

.episode-dropdown-wrap .dropdown .dropdown-menu li.Draft-SuggestionDeclined a, .episode-dropdown-wrap .dropdown button.Draft-SuggestionDeclined {
    background-color: #ccc;
    border: 1px solid red;
}

.episode-dropdown-wrap .dropdown .dropdown-menu li.Expired a, .episode-dropdown-wrap .dropdown button.Expired {
    background-color: red;
    border: 1px solid red;
}

.episode-dropdown-wrap .dropdown .dropdown-menu li.Overdue a, .episode-dropdown-wrap .dropdown button.Overdue {
    background-color: red;
    border: 1px solid red;
}

.episode-dropdown-wrap .dropdown .dropdown-menu li.Active a, .episode-dropdown-wrap .dropdown button.Active {
    background-color: blue;
    border: 1px solid green;
    color: #fff !important;
}

.episode-dropdown-wrap .dropdown .dropdown-menu li.Discharged a, .episode-dropdown-wrap .dropdown button.Discharged {
    background-color: green;
    border: 1px solid green;
}

.fixed-header-bar .main.episode-sales {
    padding-top: 0px;
}

#select2-episodeFilterType-container { width: 100px;}
.fixed-header-bar .main.episode-list-div { padding-top: 85px;}
.fixed-header-bar .main.episode-list-div.selected{ padding-top: 125px;} 
.fixed-header-bar .main.episode-list-div.ClientCases.selected{ padding-top: 80px !important;} 
.fixed-header-bar .action-nav-my-sales-client.action-episode-nav {
    margin-top: 86px; 
    margin-bottom:10px;
}
label.error-episode {
    font-size: 12px;
    padding: 0;
    margin: 0;
    color: red;
}
.episode-client-link {
    color: #fff;
}
.episode-client-link:hover {
    color: #fff;
    text-decoration: underline;
}

.episode-body .table-responsive {
    overflow: inherit;
}

.episode-dropdown-wrap .dropdown .dropdown-menu{
    padding: 0 !important;
    margin: 0 !important;
}

.episode-dropdown-wrap .episode-dropdown {
    cursor: pointer;
}

.error-field.formIndividualField { 
    border: 1px solid red !important;
}
#purchase-order-div { margin-top: -10px;}
.episode-list-table { min-height: 350px;}
.manage-services i { 
    font-size: 25px;
    background: #cadae7;
    padding: 2px 5px;
}
#presenting-problem-div { margin-top: -20px;}

.episode-field-div {
    z-index: 0;
}
.error-date { border: 1px solid red !important;}
/* Pre-style the tooltip to prevent layout shift */
.custom-appt-tooltip {
  max-width: 200px !important;
  width: auto !important;
  transition: none !important;
  padding: 10px !important;
}
#callendarWeekTable .tooltip-inner {
    max-width: 200px !important;
    width: auto !important;
    transition: none !important;
    padding: 10px !important;
}
.toolTipFontSize-small{
    font-size: 11px !important;
    line-height: 11px;
}
.toolTipFontSize-medium{
    font-size: 12px !important;
    line-height: 12px;
}
.toolTipFontSize-large{
    font-size: 14px !important;
    line-height: 14px;
}
/* Provider Select options */
.multiProviderSelect .select2-container--default .select2-results__option[aria-selected=true]::before {
    content: "✓ ";
}
.multiProviderSelect .select2-container--default .select2-results__option[aria-selected=false]::before {
    content: "☐ ";
}
.multiProviderSelect .select2-container--default .select2-selection--multiple {
    border: none;
}
.multiProviderSelect .select2-container{margin-right: 0px !important;}
.multiSelectBoarder .select2-container--default{
    width: 100% !important;
    min-width: 100% !important;
}
.multiSelectBoarder .select2-container--default .select2-selection--multiple {
    border: 1px solid #6C6C6C;
    border-radius: 0.25rem;
    padding: 5px;
    min-height: 31px;
    display: flex;
    flex-wrap: wrap;
    line-height: 12px;
}
.multiProviderSelect .select2-container--default .count-html{
    font-size: 14px !important;
    color: #292929 !important;
    line-height: 14px;
    white-space: nowrap;
    overflow: hidden;
    max-width: 80%;
    left: 5px;
    top: 7px !important;
}
.multiProviderSelect .select2-container:not(#episode-select .select2-container) {
    max-width: 100% !important;
}
.multiProviderSelect .select2-results{
    margin-top: 0 !important;
}
/* Position the arrow */
.multiProviderSelect  .select2-selection__arrow {
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
}

/* Add padding to prevent text overlap */
.multiProviderSelect  .select2-selection--multiple {
    padding-right: 25px; /* Adjust based on your design */
    position: relative;
}

/* Hide default Select2 clear button if needed */
.multiProviderSelect  .select2-selection__clear {
    display: none;
}
.multiProviderSelect .select2-container--default .select2-selection__arrow b {
    border-color: #000 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}
.multiProviderSelect .select2-container--default .count-html:hover ,.multiProviderSelect .select2-container--default .select2-selection__arrow b:hover {
   cursor: pointer;
}
.add-provider-wrap {
    position: relative;
    background-color: #F3F3F3;
    padding: 10px 10px;
    border-radius: 5px;
    border: 1px solid #DADADA;
    margin-bottom: 20px;
}
.hi-number-wrap {
    background-color: #f3f3f3;
    border: 1px solid #DADADA;
    border-radius: 5px;
    margin-bottom: 20px;
    padding:15px 15px 15px 0;
}
#ui-datepicker-div.month-year-only .ui-datepicker-calendar {
    display: none;
}

.enable-client-email, .enable-contact-email, .enable-other-email {
    position: absolute !important;
    right: 10px !important;
}
.enable-client-email {
    top: 10px !important;
}
.enable-contact-email {
    top: 79px !important;
}
.enable-other-email {
    top: 125px !important;
}

.enable-other-email.other-contact-class {
    top: 192px !important;
}
.loc-setting-msg {padding: 0 0 0 20px; font-size: 14px; font-weight: 600;}
.referral-letter-template {
    margin-top: -10px;
}
a.info-link {
    color: #1486c9;
    cursor: pointer;
}
a.info-link:hover {
    text-decoration: underline;
}
#select2-rec_type-container { width: 120px;}
.alert.recurring-no-action {
    padding: 10px;
    margin-bottom: 0px;
}
.intake_forms_container .formFieldData ul,
.intake_forms_container .formFieldData ol {
    margin: revert;
    padding: revert;
    list-style: revert;
}
.intake_forms_container .formFieldData ul li,
.intake_forms_container .formFieldData ol li {
    list-style: revert;
}
.healthengine-form .table th, .table td{padding: 0.35rem !important;}
.h-circle{
  font-size: 8px;
  width:12px;
  height:12px;
  border-radius:50%;
  background:#c0dd00;
  color:white;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:bold;
}
.switch input:disabled + .slider.checkbox-readonly { background-color: #67ffba !important;}