html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

html {
    position: relative;
    min-height: 100%;
}

/*body {
    margin-bottom: 60px;
}*/


#overlay {
    position: fixed;
    top: 0;
    height: 100%;
    display: none;
    background: rgba(0,0,0,0.6);
    z-index: 9999;
    width: calc(100% - 320px);
    margin-left: -73px;
}

.main .bodyexpand > #overlay {
    width: calc(100% - 0px);
    margin-left: -15px;
}


.cv-spinner {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.spinner {
    width: 40px;
    height: 40px;
    border: 4px #ddd solid;
    border-top: 4px #2e93e6 solid;
    border-radius: 50%;
    animation: sp-anime 0.8s infinite linear;
}

@keyframes sp-anime {
    100% {
        transform: rotate(360deg);
    }
}

.price_cols {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 0.5rem;
}

.widget_skelton {
    display: flex;
    flex-flow: column;
    min-width: 200px;
    width: auto;
    height: 200px;
    min-height: auto;
    border-radius: 8px;
    resize: auto;
    overflow: hidden;
}

.widget_skelton_body {
    flex: 1;
}

.widget_skelton_list-component {
    height: 100%;
}

.list-loader {
    --bg-color: white;
    --fg-color: hsl(214, 30%, 95%);
    --skeleton-item-height: clamp(30px, calc(30px + 15%), 70px);
    --gap: 1em;
    --diagonal-mask: linear-gradient(-45deg, black 46%, transparent 50%, black 55%);
    --bottom-fade-mask: linear-gradient(to bottom, rgba(0,0,0, 1) 0, rgba(0,0,0, 1) 80%, rgba(0,0,0, 0) 100%, rgba(0,0,0, 0) 0 );
    margin: var(--gap);
    background: linear-gradient(90deg, var(--bg-color) 100%, transparent 50%), linear-gradient(transparent calc(100% - var(--gap)), var(--bg-color) 0%), var(--fg-color);
    background-size: var(--gap), 100% var(--skeleton-item-height);
    background-position: clamp(60px, 20%, 100px), 0 0;
    background-repeat: no-repeat, repeat-y;
    -webkit-mask-image: var(--bottom-fade-mask), var(--diagonal-mask);
    -webkit-mask-size: 100% 100%, 500%;
    -webkit-mask-position-x: 0, 100%;
    -webkit-mask-composite: source-in;
    animation: 1.5s animate-list-loader-mask infinite;
}

@keyframes animate-list-loader-mask {
    100% {
        -webkit-mask-position-x: 0, 0%;
    }
}

.input-datepicker,
.input-daterange,
.input-daterange .input-group-addon {
    position: relative;
}

    .input-datepicker .form-control,
    .input-daterange .form-control {
        padding-left: 32px;
    }

    .input-datepicker:before,
    .input-daterange:before,
    .input-daterange .input-group-addon:before {
        content: "\e916";
        font-family: 'Material Icons' !important;
        font-weight: normal;
        font-style: normal;
        font-size: 16px;
        line-height: 1;
        letter-spacing: normal;
        text-transform: none;
        white-space: nowrap;
        word-wrap: normal;
        position: absolute;
        z-index: 9;
        pointer-events: none;
    }

    .input-datepicker:before {
        top: 9px;
        left: 8px;
    }

    .input-daterange:before {
        top: 9px;
        left: 8px;
    }

    .input-daterange .input-group-addon:before {
        top: 9px;
        left: 100%;
        margin-left: 8px;
    }

.full-spectrum {
    margin: 0 auto;
}

    .full-spectrum .sp-palette {
        max-width: 200px;
    }

.hide {
    display: none !important;
}

.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

.ZebraDialog_NoScroll {
    position: static;
    left: 0;
    top: 0;
    height: 100%
}

.ZebraDialog * {
    -moz-box-sizing: content-box !important;
    -webkit-box-sizing: content-box !important;
    box-sizing: content-box !important
}

body .ZebraDialog, .ZebraDialog .ZebraDialog_Title, body .ZebraDialog .ZebraDialog_Body, body .ZebraDialog .ZebraDialog_Buttons a {
    font-family: 'Inter', sans-serif !important;
}

body .ZebraDialog {
    border: 0 !important;
    border-radius: 0.5rem;
}

    body .ZebraDialog .ZebraDialog_Title {
        border-radius: 0.5rem;
    }

    body .ZebraDialog .ZebraDialog_Body {
        padding: 1rem 1rem !important;
        color: var(--text_dark_color) !important;
        font-size: var(--c-font-size-100) !important;
        background-color: var(--_color_white) !important;
        min-height: fit-content;
    }

.ZebraDialog, .ZebraDialog_Body, .ZebraDialog_Buttons a, .ZebraDialog_Title {
    margin: 0;
    padding: 0;
    text-align: left
}

    .ZebraDialog_Body > div {
        padding: 0 !important;
    }

.ZebraDialog {
    max-width: 100%;
    z-index: 1001
}

@media (max-width: 574px) {
    .ZebraDialog {
        width: 100%
    }
}

.ZebraDialog_Confirmation .ZebraDialog_Body {
    background-image: url(confirmation.png)
}

.ZebraDialog_Error .ZebraDialog_Body {
    background-image: url(error.png)
}

.ZebraDialog_Information .ZebraDialog_Body {
    background-image: url(information.png)
}

.ZebraDialog_Question .ZebraDialog_Body {
    background-image: url(question.png)
}

.ZebraDialog_Warning .ZebraDialog_Body {
    background-image: url(warning.png)
}

.ZebraDialog_Prompt .ZebraDialog_Body {
    background-image: url(prompt.png)
}

.ZebraDialog_Buttons.ZebraDialog_Buttons_Centered {
    text-align: center
}

a.ZebraDialog_Close {
    background: 0 0;
    top: 14px !important;
    right: 15px !important;
    margin: 0 !important;
}

.ZebraDialog_NoTitle .ZebraDialog_Close {
    top: 0;
    margin-top: 0
}

.ZebraDialogBackdrop {
    height: 100%;
    z-index: 1000;
    width: 100%
}

body .ZebraDialog {
    box-shadow: 0 0 0 50vmax rgba(0, 0, 0, 0.5);
}

.ZebraDialog, .ZebraDialog_Body, .ZebraDialog_Buttons a, .ZebraDialog_Title {
    font-family: Helvetica,Tahoma,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.4
}

.ZebraDialog_Spinner {
    background: url(spinner.gif) center center no-repeat;
    height: 32px
}

    .ZebraDialog_Spinner.ZebraDialog_iFrame {
        left: 50%;
        margin-left: -16px;
        margin-top: -16px;
        position: absolute;
        top: 50%;
        width: 32px;
        z-index: 2
    }

.ZebraDialog {
    background: #fff;
    border: 1px solid #dedede
}

    .ZebraDialog.ZebraDialog_NotModal {
        box-shadow: 0 0 10px #ccc
    }

.ZebraDialog_Title {
    position: relative;
    border-bottom: 1px solid #f0f0f0;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    padding: 1rem 1.2rem !important;
}

.ZebraDialog_Body {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    color: #44484a;
    margin: 10px;
}

.ZebraDialog_Icon .ZebraDialog_Body {
    background-repeat: no-repeat;
    background-position: 25px 20px;
    padding-left: 124px;
    min-height: 64px
}

.ZebraDialog_Prompt_Input {
    width: 100%;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    padding: 8px;
    margin: 10px 0 0;
    border: 1px solid #cbcbcb;
    color: #44484a;
    border-radius: 3px
}

body .ZebraDialog_Buttons {
    text-align: right;
    padding: 1rem 1rem;
    background-color: var(--_color_white) !important;
}

.ZebraDialog .ZebraDialog_Button_0, .ZebraDialog .ZebraDialog_Button_1, .ZebraDialog .ZebraDialog_Button_2 {
    margin: 0 !important;
}

.ZebraDialog_Buttons a {
    display: inline-block;
    white-space: nowrap;
    zoom: 1;
    display: inline;
    background: #516270;
    color: #fff;
    font-weight: 700;
    margin-right: 5px !important;
    min-width: 60px;
    padding: 10px 15px;
    text-align: center;
    text-decoration: none
}

    .ZebraDialog_Buttons a:hover {
        background: #224467;
        color: #fff
    }

.ZebraDialog_Close {
    color: #888;
    right: 10px
}

    .ZebraDialog_Close:focus, .ZebraDialog_Close:hover {
        color: #000
    }

table.dataTable > tbody > tr.selected > td, table.dataTable.order-column.stripe > tbody > tr.selected > td {
    background-color: var(--_primary_color_light) !important;
    color: #000000 !important;
}

.dark table.dataTable > tbody > tr.selected > td, .dark table.dataTable.order-column.stripe > tbody > tr.selected > td {
    background-color: #24252A !important;
    color: #fff !important;
}

table.dataTable > tbody > tr.selected > td, table.dataTable.order-column.stripe > tbody > tr.selected > td a {
    color: #000000 !important;
}

    table.dataTable > tbody > tr.selected > td i, table.dataTable.order-column.stripe > tbody > tr.selected > td i {
        color: #000000 !important;
    }

    table.dataTable > tbody > tr.selected > td span {
        color: #303030;
    }

.dark table.dataTable > tbody > tr.selected > td span, .dark table.dataTable > tbody > tr.selected > td i {
    color: #ffffff;
}

.dark table.dataTable > tbody > tr.selected > td i {
    color: #ffffff;
}

.tg {
    border-collapse: collapse;
    border-spacing: 0;
    border-color: #ccc;
}

    .tg td {
        font-family: Arial, sans-serif;
        font-size: 14px;
        padding: 10px 5px;
        border-style: solid;
        border-width: 0px;
        overflow: hidden;
        word-break: normal;
        border-color: #ccc;
        color: #333;
        background-color: #fff;
    }

    .tg th {
        font-family: Arial, sans-serif;
        font-size: 14px;
        font-weight: normal;
        padding: 10px 5px;
        border-style: solid;
        border-width: 0px;
        overflow: hidden;
        word-break: normal;
        border-color: #ccc;
        color: #333;
        background-color: #f0f0f0;
    }

.line {
    float: left;
    width: 100px;
    height: 16px;
    margin-top: 12px;
    border-radius: 7px;
    background-image: linear-gradient( 90deg, #f4f4f4 0px, rgba(229, 229, 229, 0.8) 40px, #f4f4f4 80px );
    background-size: 600px;
    animation: shine-lines 2s infinite ease-out;
}

@keyframes shine-lines {
    0% {
        background-position: -100px;
    }

    40%, 100% {
        background-position: 140px;
    }
}

#searchFilterDiv .tab-pane {
    height: auto !important;
    min-height: 300px;
}

.bar_tabs .nav::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: transparent;
}

.bar_tabs .nav::-webkit-scrollbar {
    width: 6px;
    background-color: transparent;
    height: 6px;
}

.bar_tabs .nav::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: var(--secondary_bk_color)
}

#searchFilterDiv .tab-pane::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: transparent;
}

#searchFilterDiv .tab-pane::-webkit-scrollbar {
    width: 6px;
    background-color: transparent;
    height: 6px;
}

#searchFilterDiv .tab-pane::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: var(--secondary_bk_color)
}

#formMemberInfoDetails .form-control.is-valid, .was-validated .form-control:valid, .form-select.is-valid {
    background-image: none;
    border: var(--common_border);
}

    #formMemberInfoDetails .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"], .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"] {
        border: var(--common_border);
    }



.bar_tabs .nav-pills .nav-link {
    flex-basis: 100%;
}

.top_filter_bar .top_filter_bar_right {
    flex: 1;
}

.plnr_cmn_mdl .mob_warn {
    background-color: #FEF2F2;
    color: #DD2929;
    border-radius: var(--_bdr_radius_md);
    width: 100%;
    min-height: 65px;
    display: flex;
    align-items: center;
    padding: 10px 20px;
    font-size: var(--c-font-size-75);
    margin: 10px 0 0 0;
}

.plnr_cmn_mdl .filter_cav_bottom .btn {
    max-width: fit-content;
    padding: 10px 20px;
}

.plnr_cmn_mdl .form-switch .form-check-input[type=checkbox] {
    max-width: initial;
}

.movetootheractivity .dt-buttons {
    display: none;
}

.movetootheractivity table thead tr th {
    background-color: transparent !important;
}

.new_date_inpt {
    padding: 0 0 0 12px;
    border: var(--common_border);
    min-height: 38px;
    font-size: var(--c-font-size-100);
    background-color: var(--_bg_dark);
    border-radius: var(--_bdr_radius_sm);
    color: var(--_color_dark);
}

.ZebraDialog {
    width: 100% !important;
    max-width: 552px !important;
    background-color: var(--_color_white) !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 auto !important;
}

@media screen and (max-width: 767px) {
    .ZebraDialog {
        max-width: 350px !important;
    }
}

.ZebraDialog_Close {
    color: var(--text_dark_color) !important;
    top: 4px !important;
    font-weight: normal !important;
    font-size: 26px !important;
}

.ZebraDialog_Title {
    background-color: var(--secondary_bk_color) !important;
    border-bottom: var(--common_border) !important;
    display: flex !important;
    flex-shrink: 0 !important;
    align-items: center !important;
    justify-content: space-between !important;
    border: none !important;
    color: var(--_color_dark) !important;
    font-weight: 600 !important;
    font-size: var(--c-font-size-200) !important;
    padding: 1rem !important;
    text-shadow: none !important;
}

.ZebraDialog_Body {
    position: relative !important;
    flex: 1 1 auto !important;
    border-top: none !important;
    border-bottom: none !important;
    font-size: var(--c-font-size-200) !important;
    color: var(--_color_dark) !important;
}

.ZebraDialog_Buttons {
    border-top: none !important;
    display: flex !important;
    flex-shrink: 0 !important;
    flex-wrap: wrap !important;
    gap: 10px;
    align-items: center !important;
    justify-content: flex-end !important;
    background-color: var(--bs-modal-footer-bg) !important;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

body .ZebraDialog .ZebraDialog_Title {
    background-color: var(--_bg_dark) !important;
    padding-right: 1rem !important;
    padding-left: 1rem !important;
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
    border-bottom: var(--common_border) !important;
}

.dark body .ZebraDialog .ZebraDialog_Title {
    background-color: #1C1D21 !important;
    border-radius: 10px 10px 0 0;
}

.dark body .ZebraDialog .ZebraDialog_Body {
    background-color: #17181C !important;
}

.dark body .ZebraDialog {
    background-color: #17181C !important;
    border-radius: 10px 10px 10px 10px;
}

.dark body .ZebraDialog_Buttons {
    background-color: #17181C !important;
    border-radius: 0px 0px 10px 10px;
}

.dark body .ZebraDialog_Button_1 {
    color: var(--text_dark_color) !important;
    border-color: transparent !important;
    background-color: #242529 !important;
}

    .dark body .ZebraDialog_Button_1:hover {
        background-color: var(--round_icon_bg) !important;
    }

.ZebraDialog_Buttons .ZebraDialog_Button_0, .ZebraDialog_Button_2 {
    background: var(--_primary_color) !important;
    border-color: transparent !important;
    border-radius: var(--_bdr_radius_md) !important;
    min-width: max-content !important;
    font-size: var(--c-font-size-80-experimental) !important;
    transition: 0.5s !important;
    text-shadow: none !important;
    min-width: 60px !important;
    margin: 0;
}

.ZebraDialog_Buttons .ZebraDialog_Button_1, .ZebraDialog_Buttons .ZebraDialog_Button_2 {
    background: transparent !important;
    border: 1px solid var(--_primary_color) !important;
    color: var(--_primary_color) !important;
    border-radius: var(--_bdr_radius_md) !important;
    min-width: max-content !important;
    font-size: var(--c-font-size-80-experimental) !important;
    transition: 0.5s !important;
    text-shadow: none !important;
    min-width: 60px !important;
    margin: 0;
}

    .ZebraDialog_Buttons .ZebraDialog_Button_1:hover, .ZebraDialog_Buttons .ZebraDialog_Button_2:hover {
        color: #fff !important;
    }

.ZebraDialog_Buttons .ZebraDialog_Button_0:hover, .ZebraDialog_Button_1:hover, .ZebraDialog_Button_2:hover {
    background-color: var(--_primary_color_dark) !important;
    border-color: transparent !important;
}

.ZebraDialog_Buttons .ZebraDialog_Button_0:focus, .ZebraDialog_Button_1:focus, .ZebraDialog_Button_2:focus {
    background-color: var(--_primary_color_dark) !important;
    border-color: transparent !important;
}

.bar_tabs .nav-pills .nav-link {
    flex-basis: 100%;
    height: fit-content;
}

.fb_inr {
    display: contents;
}

.fltr_apl_text a {
    margin: 4px 0 0 0;
}

.bic_disabled {
    cursor: not-allowed
}

#ddlMemberSubOptionsList {
    max-height: 260px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--secondary_bk_color) transparent;
}

    #ddlMemberSubOptionsList::-webkit-scrollbar-track {
        border-radius: 10px;
        background-color: transparent;
    }

    #ddlMemberSubOptionsList::-webkit-scrollbar {
        width: 6px;
        background-color: transparent;
        height: 6px;
    }

    #ddlMemberSubOptionsList::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: var(--secondary_bk_color)
    }

.form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"], .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"] {
    --bs-form-select-bg-icon: none !important;
}

#MemberInfoDetails .js-example-basic-multiple.was-validated .cp_multi_selector .select2-selection.select2-selection--multiple .is-valid .cp_multi_selector .select2-selection.select2-selection--multiple {
    --bs-form-select-bg-icon: none !important;
}

.top_filter_bar .ma_item {
    flex: auto !important;
}

.more_action_dropdown .ma_item_icon {
    flex: auto !important;
    min-width: 15px;
    max-width: 15px;
}

.cal_selected {
    border: 2px solid #8d36d0 !important;
}

.context-menu {
    display: none;
}

.context-menu--active {
    display: block !important;
}

.more_action_dropdown .ma_item_icon {
    flex: auto !important;
    min-width: 15px;
    max-width: 15px;
}

body .offcanvas-backdrop {
    pointer-events: none !important;
}

.td_description span {
    font-size: var(--c-font-size-75);
    line-height: 1.4;
    display: block;
}

#ddlMemberSubOptionsList .op_drop_text b {
    font-size: 14px !important;
    font-weight: 600;
}

#ddlMemberSubOptionsList .img_round {
    max-width: 30px;
    max-height: 30px;
}

#MemberSubOptions .showOptions {
    display: none;
}

#MemberSubOptions .div_option {
    cursor: pointer;
}

.plnr_cmn_mdl .bar_search_dropdown {
    max-width: 100%;
}

.pln_tbl_no_slct {
    background-color: #0f7a0f !important;
    color: #fff !important;
}

#newCal .badge {
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 12px;
    padding: 2px 7px;
    line-height: 1.4;
    margin: 0 0 0 5px;
    font-size: 0.625rem;
    color: #111111;
    font-weight: 300;
}

#newCal .fc-list-day-text {
    font-size: var(--c-font-size-100);
    color: var(--text_dark_color);
}

#newCal .fc .fc-list-sticky .fc-list-day > *, #newCal .fc-theme-standard .fc-list-day-cushion {
    background-color: var(--round_icon_bg);
}

#newCal .badge b {
    color: #000000;
}

#newCal .fc-event-title {
    /*text-align: end;*/
    margin: 0 5px 0 0;
    color: #000000;
    font-size: 0.625rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 1px;
    justify-content: flex-end;
    width: fit-content;
}

#newCal .fc_week_event .fc-event-title {
    text-align: start;
    margin: 0;
    color: #000000;
    font-size: 0.625rem;
    font-weight: 600;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    justify-content: center;
}

    #newCal .fc_week_event .fc-event-title .badge {
        margin: 0;
    }

.fc_week_event {
    padding: 2px 3px;
}

#newCal .fc-event-title-container, .fc-event-title-container {
    color: #000000 !important;
    font-size: 0.625rem !important;
    font-weight: 600 !important;
    
}
#newCal .fc-event-title-container, .fc-event-title-container {
    display: flex;
    flex-direction: column-reverse;
}
#newCal .fc-v-event .fc-event-title-container {
    flex-grow: inherit;
    flex-shrink: 0;
}
    /*.fc-event-title-container fc-event-title {order: 2;}
.fc-event-title-container .badge {order: 1;}*/

    #newCal .fc-event-time {
    font-size: 0.625rem;
    color: #111111;
}

#newCal .fc-timegrid-slot-label-cushion {
    color: var(--text_dark_color);
    font-size: var(--c-font-size-80-experimental);
}

#newCal .fc-timegrid-axis-cushion {
    color: var(--text_dark_color);
    text-transform: capitalize;
}

.fc .fc-timegrid-col.fc-day-today, .fc .fc-daygrid-day.fc-day-today {
    background-color: var(--_primary_color_light);
}

.dark .fc .fc-timegrid-col.fc-day-today, .dark .fc .fc-daygrid-day.fc-day-today {
    background-color: var(--_primary_color) !important;
}

.fc-scroller {
    scrollbar-color: var(--secondary_bk_color) transparent;
}

    .fc-scroller::-webkit-scrollbar-track {
        border-radius: 10px;
        background-color: transparent;
    }

    .fc-scroller::-webkit-scrollbar {
        width: 6px;
        background-color: transparent;
        height: 6px;
    }

    .fc-scroller::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: var(--secondary_bk_color)
    }

.cr_list_text {
    justify-content: space-between;
    width: 100%;
}

.heet_top_row {
    align-items: flex-start;
}

.bar_bill_top .bar_pp img {
    max-width: 25px;
    max-height: 25px;
    min-width: 25px;
    min-height: 25px;
    object-fit: cover;
    border-radius: 50%;
}

.cal_item_description span {
    color: var(--text_dark_color);
}

#modalItems .barcardlist {
    height: auto;
}

#FinalAmount_Toaster.toast {
    position: absolute;
    bottom: 27px;
    left: 70%;
    z-index: 3;
}

.main_body_wrap table {
    margin: 0 0 0 0;
}

.main_body_wrap table {
    scrollbar-color: var(--secondary_bk_color) transparent;
}

body .dataTables_info {
    margin: 10px 0 0 10px;
    width: auto;
}

.main_body_wrap table::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: transparent;
}

.main_body_wrap table::-webkit-scrollbar {
    width: 6px;
    background-color: transparent;
    height: 6px;
}

.main_body_wrap table::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: var(--secondary_bk_color)
}

.ma_item_link.disabled {
    background-color: var(--modal_header_bg);
    cursor: not-allowed;
}

    .ma_item_link.disabled i, .ma_item_link.disabled strong {
        color: var(--_color_semilight) !important;
    }

    .ma_item_link.disabled:hover i {
        color: var(--_color_semilight) !important;
    }

#formMemberInfoDetails .canc_row {
    padding: 0 10px;
}

.bar_tab_col .btn.disabled i {
    color: var(--text_dark_color) !important;
}

.bar_tab_col .btn.btn-secondary.disabled {
    color: var(--text_dark_color) !important;
}

.top_filter_bar .btn.disabled {
    background-color: #EDF0ED;
    border: none;
    pointer-events: all;
    cursor: not-allowed;
}

.top_filter_bar .btn.disabled {
    background-color: #edf0ed63;
}

.dark .top_filter_bar .btn.disabled {
    background-color: #17181C;
    opacity: 0.6;
}

body .btn.btn-secondary.disabled {
    background-color: #F9FAFC !important;
}

.bar_search_dropdown .btn {
    font-size: var(--c-font-size-80-experimental);
}

.dataTables_scrollBody::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: transparent;
}

.dataTables_scrollBody::-webkit-scrollbar {
    width: 6px;
    background-color: transparent;
    height: 6px;
}

.dataTables_scrollBody::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: var(--secondary_bk_color)
}

.modal-open #overlay {
    width: 100% !important;
    margin-left: 0px !important;
}

.bar_tab_col .btn.btn-secondary.disabled {
    color: var(--text_dark_color) !important;
}


#formAddSubscription .input-group-text, #formEditSubscription .input-group-text {
    font-size: 12px;
}

.ccb_input {
    gap: 6px;
}

    .ccb_input .input-group-text {
        border-radius: 0 .375rem .375rem 0 !important;
    }

#formAddSubscription .input-group, #divMemberSubscription .input-group {
    width: auto;
}

.common_modal .carousel-indicators {
    pointer-events: none;
}

.planner_tbl_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 16px 0;
}

.ma_item_link.disabled {
    cursor: not-allowed;
}

    .ma_item_link.disabled .ma_item {
        pointer-events: none;
    }

.input_copy {
    position: relative;
}

    .input_copy i {
        position: absolute;
        top: 10px;
        right: 15px;
        color: var(--text_dark_color);
        cursor: pointer;
        font-size: var(--c-font-size-100);
    }

.copy-notification {
    color: #ffffff;
    background-color: rgba(0,0,0,0.8);
    padding: 20px;
    border-radius: 30px;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 150px;
    margin-top: -30px;
    margin-left: -85px;
    display: none;
    text-align: center;
}

#template-div p {
    color: var(--_color_dark);
    font-size: 16px;
    font-weight: 500;
}

#template-div {
    height: 300px;
    overflow-y: scroll;
    margin: 0 0 1rem 0;
}

    #template-div::-webkit-scrollbar-track {
        border-radius: 10px;
        background-color: transparent;
    }

    #template-div::-webkit-scrollbar {
        width: 6px;
        background-color: transparent;
        height: 6px;
    }

    #template-div::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: var(--secondary_bk_color)
    }

.mainmenu_list ul li.active .innermenu_text {
    background: #f5f7fa;
}

.dark .mainmenu_list ul li.active .innermenu_text {
    background: rgba(255, 255, 255, .10);
}

/*.top_filter_bar .btn.disabled i {
    color: #000;
}*/

.mem_allinfo_canv_bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: var(--common_border);
    padding: 15px 0;
    margin: 15px 0px 0 0;
}

.drop_accor .accordion-item {
    border: none;
}

.drop_accor .accordion-body {
    background-color: var(--_bg_dark)
}

.drop_accor .accordion-button {
    font-size: var(--c-font-size-150);
    margin: 0;
    color: var(--text_dark_color);
    font-weight: var(--c-font-weight-medium);
    background-color: var(--_bg_light);
    display: flex;
    align-items: center;
    gap: 5px;
}

    .drop_accor .accordion-button:not(.collapsed) {
        color: var(--text_dark_color);
        background-color: var(--_bg_light);
        box-shadow: none;
    }

.drop_accor .accordion-button {
    border-color: var(--common_border);
    padding: 0.5rem;
}

    .drop_accor .accordion-button:focus {
        border-color: var(--common_border);
        box-shadow: none;
    }

.drop_accor .accordion-body {
    padding: 0.5rem;
}

.drop_accor .accordion-item .accordion-item {
    border: none;
}

.drop_acc_innerlist li a {
    display: block;
    padding: 5px 5px;
    font-size: var(--c-font-size-100);
    margin: 0;
    color: var(--text_dark_color);
    font-weight: var(--c-font-weight-medium);
    background-color: var(--_bg_light);
}

    .drop_acc_innerlist li a:hover {
        background-color: var(--round_icon_bg);
    }

.drop_colps .dropdown-menu a:hover {
    color: var(--_primary_color);
}

.drop_colps .dropdown-menu {
    max-width: 290px;
    max-height: 600px !important;
    width: 100vw;
}

.drop_colps a {
    font-size: var(--c-font-size-80-experimental);
    padding: 5px 5px;
    display: flex;
    gap: 10px;
    align-items: center;
}

.drop_colps .dc_inner_list a {
    font-size: var(--c-font-size-100);
}

.customeditor table {
    height: auto;
    width: 100%;
}

body .dropdown-item {
    font-size: var(--c-font-size-80-experimental);
}

    body .dropdown-item:focus {
        color: var(--text_dark_color);
    }

.link_drop .btn.btn-secondary {
    text-align: justify;
}

.link_drop .dropdown-toggle::after {
    position: absolute;
    top: 15px;
    right: 15px;
}

.link_drop .dropdown-menu {
    border: 0;
    max-height: 240px;
    overflow-y: scroll;
    scrollbar-width: thin;
    scrollbar-color: var(--secondary_bk_color) transparent;
    background-color: var(--_bg_light);
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important;
    border-radius: var(--_bdr_radius_md);
    width: 100%;
}

    .link_drop .dropdown-menu::-webkit-scrollbar-track {
        border-radius: 10px;
        background-color: transparent;
    }

    .link_drop .dropdown-menu::-webkit-scrollbar {
        width: 6px;
        height: 6px;
        background-color: transparent;
    }

    .link_drop .dropdown-menu::-webkit-scrollbar-thumb {
        border-radius: 11px;
        background-color: var(--secondary_bk_color);
    }

    .link_drop .dropdown-menu::-webkit-scrollbar-track-piece {
        background-color: transparent;
    }

.drop_colps_sm {
    max-width: 100px;
}

.customeditor #cke_1_contents {
    height: 500px;
}

.customeditor #files {
    text-align: left;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 0;
    margin: 0 0 10px 0;
}

#formEmployeeInfoDetails .form-control.is-valid, .was-validated .form-control:valid, .form-select.is-valid {
    background-image: none;
}

body label.error {
    color: red !important;
}

input.error {
    border: 1px solid red !important;
}

select.error {
    border: 1px solid red !important;
}

.customeditor #files h4 {
    text-align: left;
    margin: 0;
    width: fit-content;
}
/*ck_editor changes*/
.ck.ck-editor__main {
    height: calc(100vh - 200px);
}

.ck-source-editing-area {
    height: 100% !important;
}

    .ck-source-editing-area textarea {
        height: 100% !important;
        max-height: 100% !important;
        overflow-y: auto !important;
    }

        .ck-source-editing-area textarea::-webkit-scrollbar-track {
            border-radius: 10px;
            background-color: transparent;
        }

        .ck-source-editing-area textarea::-webkit-scrollbar {
            width: 6px;
            height: 6px;
            background-color: transparent;
        }

        .ck-source-editing-area textarea::-webkit-scrollbar-track-piece {
            background-color: transparent;
        }
/*ck_editor changes END*/
.msb_selected {
    background-color: var(--modal_header_bg);
    cursor: not-allowed;
}

    .msb_selected:hover {
        background-color: var(--modal_header_bg);
    }

    .msb_selected .member_name {
        color: var(--_color_semilight);
    }

    .msb_selected:hover .member_name {
        color: var(--_color_semilight) !important;
    }

.uppy-Dashboard-inner {
    width: 607px !important;
}

.memtab_tbl_top .form-select {
    box-sizing: border-box;
    width: 100%;
    cursor: pointer;
    position: relative;
    background-color: var(--_bg_light);
    color: var(--text_dark_color);
    padding: 5px 25px 5px 12px;
    min-height: 38px;
    display: flex;
    align-items: center;
    border-radius: var(--_bdr_radius_md);
    border: var(--common_border) !important;
    font-size: var(--c-font-size-75);
    max-width: fit-content;
}

.div-disabled {
    cursor: not-allowed;
}

.common_modal .input-group-text {
    min-height: 33px;
    max-height: 33px;
    font-size: var(--c-font-size-75) !important;
    background-color: var(--_bg_dark);
    border: var(--common_border);
    color: var(--_color_dark);
}

.ccb_icon {
    margin: 0 0 0 10px;
}

    .ccb_icon .top_round_icon, .ccb_input .top_round_icon {
        max-width: 33px;
        max-height: 33px;
        min-width: 33px;
        min-height: 33px;
    }

#imgSubOption {
    max-width: 150px;
    max-height: 150px;
    min-width: 150px;
    min-height: 150px;
    object-fit: cover;
    border-radius: 50%;
}

option.subs-deactive {
    color: #000000a8;
}

.m_btns .btn.btn-outline-secondary.disabled {
    color: #fff !important;
}

.uppy-Dashboard-close span {
    color: white;
}

#can_form_attachment .uppy-Dashboard-inner {
    height: 220px;
    max-height: 220px;
    width: 100%;
}

.em_recent_viewed .rv_person {
    cursor: pointer;
    background-color: var(--_bg_light);
    padding: 0.5rem;
    border-radius: 0.85rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    transition: 0.5s;
    border: 1px solid transparent;
}

    .em_recent_viewed .rv_person:hover {
        border: 1px solid var(--_primary_color);
    }

    .em_recent_viewed .rv_person .img_round {
        width: 30px;
        height: 30px;
    }

.rv_info {
    text-align: left;
}

    .rv_info .rv_name, .rv_info small {
        font-size: var(--c-font-size-75);
    }

.mem_canvas_grid ul {
    max-height: 300px;
    overflow-y: auto;
}

    .mem_canvas_grid ul::-webkit-scrollbar-track {
        border-radius: 10px;
        background-color: transparent;
    }

    .mem_canvas_grid ul::-webkit-scrollbar {
        width: 6px;
        height: 6px;
        background-color: transparent;
    }

    .mem_canvas_grid ul::-webkit-scrollbar-thumb {
        border-radius: 11px;
        background-color: var(--secondary_bk_color);
    }

    .mem_canvas_grid ul::-webkit-scrollbar-track-piece {
        background-color: transparent;
    }

.pymnt_tbl {
    min-height: 300px;
}

div#clr-picker {
    z-index: 1055;
}

.membership_tbl .dataTables_empty {
    text-align: center !important;
}

.workmachine_box .custom-row {
    grid-template-columns: repeat(3, 1fr);
    display: grid;
    gap: 10px;
    justify-content: flex-start;
    margin: 0 0 10px 0;
}

.ex_mdl .modal-dialog {
    max-width: 850px !important;
}

.ex_mdl_grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    margin: 10px 0;
    padding: 10px 0;
}

.ex_mdl .btn {
    font-size: var(--c-font-size-100);
    border-radius: var(--_bdr_radius_md);
    width: 100%;
    padding: 5px 5px;
}

.scheme_table.tbl_ex_info > tbody > tr:first-child > td .close_btn {
    display: none
}

.scheme_table.tbl_ex_info > tbody > tr > td:nth-child(4), .table.tbl_ex_info > thead th:nth-child(4) {
    width: 34px;
}

.supersetdiv .wrokm_top span {
    background-color: #008000 !important;
}

@media screen and (max-width: 1800px) {
    .in_slct_group select {
        background-position: 24px 11px;
        background-size: 10px;
    }
}

.top_filter_bar select {
    background-color: var(--_bg_light);
    border: var(--common_border);
    color: var(--_color_dark);
    font-size: var(--c-font-size-75);
    width: fit-content;
    min-height: 45px;
    border-radius: var(--_bdr_radius_md);
}

.mailfrom {
    max-width: 210px !important;
}

body .clr-swatches button:hover:after {
    border: 1px solid #000 !important;
}

body .clr-field input {
    cursor: pointer;
}

#subScriptionImagUppy .uppy-Dashboard-inner {
    max-height: 300px;
}

.report_file_attachment .uppy-Dashboard-inner {
    max-height: 200px;
}

.disabled_cursor_icone {
    cursor: not-allowed;
    opacity: 0.4 !important;
}

#CalendarGroup_ImgUppy .uppy-Dashboard-inner {
    max-height: 300px;
}

.cm_num {
    position: relative;
}

    .cm_num .dwn_icon {
        position: absolute;
        right: 10px;
        top: 3px;
    }

        .cm_num .dwn_icon i {
            font-size: var(--c-font-size-80-experimental);
            color: var(--text_dark_color);
        }

.canv_slcted_mem span {
    border: 0 !important;
    line-height: 1.9;
}

body .select2-selection {
    padding-right: 30px;
}

.ma_center img {
    width: 24px;
    height: 24px;
    object-fit: cover;
}

.serchinput .input-group {
    flex-wrap: nowrap;
}

body .uppy-Root {
    z-index: 1060 !important;
}

.ht_top_right .btn.btn-primary {
    min-width: fit-content;
    max-width: fit-content;
    border-radius: var(--_bdr_radius_md);
}


.staticImageModel .image-box-selected {
    border: 2px solid #26aa26;
}

.staticImageModel .panel {
    height: 100%;
}

    .staticImageModel .panel .panel-body {
        position: relative;
        overflow: hidden;
        height: 100%;
    }

        .staticImageModel .panel .panel-body a img {
            display: block;
            margin: 0;
            width: 100%;
            height: 100px;
            object-fit: cover;
            transition: all 0.5s;
            -moz-transition: all 0.5s;
            -webkit-transition: all 0.5s;
            -o-transition: all 0.5s;
        }

        .staticImageModel .panel .panel-body a.zoom:hover img {
            transform: scale(1.3);
            -ms-transform: scale(1.3);
            -webkit-transform: scale(1.3);
            -o-transform: scale(1.3);
            -moz-transform: scale(1.3);
        }

        .staticImageModel .panel .panel-body a.zoom span.overlay {
            position: absolute;
            top: 0;
            left: 0;
            visibility: hidden;
            height: 100%;
            width: 100%;
            background-color: #000;
            opacity: 0;
            transition: opacity .25s ease-out;
            -moz-transition: opacity .25s ease-out;
            -webkit-transition: opacity .25s ease-out;
            -o-transition: opacity .25s ease-out;
        }

        .staticImageModel .panel .panel-body a.zoom:hover span.overlay {
            display: block;
            visibility: visible;
            opacity: 0.55;
            -moz-opacity: 0.55;
            -webkit-opacity: 0.55;
            filter: alpha(opacity=65);
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
        }

            .staticImageModel .panel .panel-body a.zoom:hover span.overlay i {
                position: absolute;
                top: 45%;
                left: 0%;
                width: 100%;
                font-size: 2.25em;
                color: #fff !important;
                text-align: center;
                opacity: 1;
                -moz-opacity: 1;
                -webkit-opacity: 1;
                filter: alpha(opacity=1);
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
            }

.staticImageModel #lightbox .modal-content {
    display: inline-block;
    text-align: center;
}

.general_img .uppy-Dashboard-inner {
    max-height: 300px;
    max-width: 450px
}

.image-box-selected {
    border: 2px solid #26aa26;
}

.stng_tmp_list li {
    margin: 0 0 5px 0;
}

    .stng_tmp_list li, .stng_tmp_list li a {
        font-size: var(--c-font-size-80-experimental);
        color: var(--text_dark_color);
    }

.stng_tmp_list .link_as_bootstrap {
    display: block;
    font-size: var(--c-font-size-80-experimental);
    color: var(--text_dark_color);
    margin: 0 0 5px 0;
}

.stng_tmp_list .dc_inner_list {
    margin: 0 0 0 20px;
}

    .stng_tmp_list .dc_inner_list .dc_inner_list {
        margin: 0 0 0 40px;
    }

.btn.empty_filter.filter_btn {
    color: var(--_color_semilight);
    background-color: var(--_bg_light);
    border: var(--common_border) !important;
}

.dark .btn.empty_filter.filter_btn {
    background-color: #242529;
}

.btn.filter_btn small {
    color: #fff;
    font-size: var(--c-font-size-80-experimental);
}

.btn.empty_filter.filter_btn small {
    color: var(--_color_semilight);
}

.btn.empty_filter.filter_btn:active {
    color: var(--_color_semilight) !important;
}

.filter_btn:active {
    color: var(--_primary_color) !important;
}

.btn.empty_filter {
    background-color: var(--_bg_light);
    border: var(--common_border) !important;
    color: var(--_color_semilight);
    font-weight: 400 !important;
}

    .btn.empty_filter:hover {
        background-color: var(--_bg_light) !important;
        color: var(--_primary_color) !important;
        border: 1px solid var(--_primary_color) !important;
    }

.btn.filter_btn {
    /*background-color: var(--_primary_color);
    color: #fff;*/
    background-color: var(--_bg_light);
    color: var(--text_dark_color);
    border: 1px solid var(--_primary_color);
}

    .btn.filter_btn:hover {
        background-color: var(--_primary_color_dark);
        border: 1px solid var(--_primary_color_dark) !important;
    }

.btn.empty_filter span {
    display: none !important;
}


body .lflatpickrYearDropdownSelect {
    border: 0;
    font-size: var(--c-font-size-80-experimental);
    font-weight: 500;
    color: var(--text_dark_color);
}

    body .lflatpickrYearDropdownSelect:focus-visible {
        outline: none;
    }

body .flatpickr-current-month .flatpickr-monthDropdown-months {
    font-size: var(--c-font-size-80-experimental);
    font-weight: 500;
    color: var(--text_dark_color);
}

body .numInput.cur-year {
    font-size: var(--c-font-size-80-experimental) !important;
    font-weight: 500 !important;
    color: var(--text_dark_color) !important;
}

:root.dark .numInput.cur-year {
    color: #000 !important;
}

:root.dark .flatpickr-current-month .flatpickr-monthDropdown-months {
    color: #000 !important;
}

body .flatpickr-current-month .flatpickr-monthDropdown-months:hover {
    background: transparent;
}

.offcanvas-header span {
    font-weight: 600;
    font-size: var(--c-font-size-200);
    color: var(--text_dark_color);
}

    .offcanvas-header span.badge {
        color: #fff;
    }

.cp_table_wrap table tbody tr td {
    max-width: 300px;
    white-space: nowrap;
    /*overflow: visible;*/
    overflow: hidden;
    text-overflow: ellipsis;
}

.dark .cp_table_wrap table tbody tr td {
    background-color: #17181C !important;
    color: #fdfdfd !important;
    border-color: #36373B;
}

.dark .cp_table_wrap table.table thead tr th {
    border-color: #36373B;
}

table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting_asc_disabled, table.dataTable thead > tr > th.sorting_desc_disabled,
table.dataTable thead > tr > td.sorting,
table.dataTable thead > tr > td.sorting_asc,
table.dataTable thead > tr > td.sorting_desc,
table.dataTable thead > tr > td.sorting_asc_disabled,
table.dataTable thead > tr > td.sorting_desc_disabled {
    cursor: pointer;
    position: relative;
    padding-right: 26px;
}

    table.dataTable thead > tr > th.sorting:before, table.dataTable thead > tr > th.sorting:after, table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_asc:after, table.dataTable thead > tr > th.sorting_desc:before, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > th.sorting_asc_disabled:before, table.dataTable thead > tr > th.sorting_asc_disabled:after, table.dataTable thead > tr > th.sorting_desc_disabled:before, table.dataTable thead > tr > th.sorting_desc_disabled:after,
    table.dataTable thead > tr > td.sorting:before,
    table.dataTable thead > tr > td.sorting:after,
    table.dataTable thead > tr > td.sorting_asc:before,
    table.dataTable thead > tr > td.sorting_asc:after,
    table.dataTable thead > tr > td.sorting_desc:before,
    table.dataTable thead > tr > td.sorting_desc:after,
    table.dataTable thead > tr > td.sorting_asc_disabled:before,
    table.dataTable thead > tr > td.sorting_asc_disabled:after,
    table.dataTable thead > tr > td.sorting_desc_disabled:before,
    table.dataTable thead > tr > td.sorting_desc_disabled:after {
        position: absolute;
        display: block;
        opacity: 0.125;
        right: 10px;
        line-height: 9px;
        font-size: 0.8em;
    }

    table.dataTable thead > tr > th.sorting:before, table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_desc:before, table.dataTable thead > tr > th.sorting_asc_disabled:before, table.dataTable thead > tr > th.sorting_desc_disabled:before,
    table.dataTable thead > tr > td.sorting:before,
    table.dataTable thead > tr > td.sorting_asc:before,
    table.dataTable thead > tr > td.sorting_desc:before,
    table.dataTable thead > tr > td.sorting_asc_disabled:before,
    table.dataTable thead > tr > td.sorting_desc_disabled:before {
        bottom: 50%;
        content: "\f106";
        font-family: 'Font Awesome 6 Sharp';
        font-size: 15px;
    }

    table.dataTable thead > tr > th.sorting:after, table.dataTable thead > tr > th.sorting_asc:after, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > th.sorting_asc_disabled:after, table.dataTable thead > tr > th.sorting_desc_disabled:after,
    table.dataTable thead > tr > td.sorting:after,
    table.dataTable thead > tr > td.sorting_asc:after,
    table.dataTable thead > tr > td.sorting_desc:after,
    table.dataTable thead > tr > td.sorting_asc_disabled:after,
    table.dataTable thead > tr > td.sorting_desc_disabled:after {
        top: 50%;
        content: '\f107';
        font-family: 'Font Awesome 6 Sharp';
        font-size: 15px;
    }

    table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_desc:after,
    table.dataTable thead > tr > td.sorting_asc:before,
    table.dataTable thead > tr > td.sorting_desc:after {
        opacity: 0.7;
    }

    table.dataTable thead > tr > th.sorting_desc_disabled:after, table.dataTable thead > tr > th.sorting_asc_disabled:before,
    table.dataTable thead > tr > td.sorting_desc_disabled:after,
    table.dataTable thead > tr > td.sorting_asc_disabled:before {
        display: none;
    }

.attach_row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 10px !important;
    border-radius: 5px;
    background-color: #f5f5f5;
    border: transparent;
    color: var(--_color_dark);
    margin: 0 0 5px 0 !important;
}

    .attach_row h4 {
        font-weight: 500;
        font-size: var(--c-font-size-80-experimental);
        color: var(--text_dark_color);
        margin: 0;
    }

    .attach_row i {
        color: var(--text_dark_color);
        font-size: var(--c-font-size-80-experimental);
    }

    .attach_row button {
        background-color: transparent;
        border: 0;
        padding: 0;
        font-size: var(--c-font-size-80-experimental);
        color: var(--text_dark_color);
    }

#alladdmember .offcanvas-body {
    scrollbar-color: transparent transparent;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    border-right: none;
    height: 100%;
}

body .cp_multi_selector .select2-selection__rendered {
    gap: 5px;
}

#divCheckinAppliedFilters .fb_inr[data-key="Period"] a {
    display: none !important;
}

#divCheckinAppliedFilters .fb_inr[data-key="Club"] a {
    display: none !important;
}

.row.dt-row {
    border: var(--common_border) !important;
    border-radius: 10px 10px 10px 10px;
}
/*.dark .row.dt-row{border: 0 !important;}*/

.mem_filt_new {
    margin: 0 0 30px 0;
}

    .mem_filt_new > .mem_filt_new_row:nth-child(2) .top_round_icon {
        display: none;
    }

.mem_filt_new_row {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .mem_filt_new_row .mem_filt_new_mainrow {
        width: calc(100% - 35px);
    }

.mem_filt_new .top_round_icon {
    max-width: 35px;
    min-width: 35px;
    max-height: 35px;
    min-height: 35px;
}

.mem_filt_new_slcts {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

    .mem_filt_new_slcts select {
        width: fit-content;
    }

.filtr_badge .fb_inr:nth-child(n+6) {
    display: none !important;
}

.filtr_badge .fb_inr:nth-child(5) a {
    display: none !important;
}

.filtr_badge .fb_inr:nth-child(6) span {
    display: none;
}

.filtr_badge .fb_inr:nth-child(5) {
    position: relative;
}

.hidden {
    display: none !important;
}

body .jstree-default .jstree-anchor {
    font-size: var(--c-font-size-80-experimental);
    color: var(--text_dark_color);
    max-height: auto;
    height: auto;
    font-weight: 600;
}

.jstree-leaf:hover .jstree-anchor {
    color: #303030;
}

.jstree-anchor.jstree-clicked {
    color: #303030 !important;
}

body .jstree-anchor span.fas {
    font-size: var(--c-font-size-80-experimental);
    font-weight: 400;
}

body .jstree-default .jstree-wholerow {
    max-height: auto;
    height: auto;
}

body .jstree-default > .jstree-striped {
    background: none !important;
    background-color: transparent;
    background-size: auto;
    display: flex !important;
    flex-direction: column;
    gap: 10px;
}

.stng_dropinnerlist li {
    margin: 0 0 1px 0;
}

.mem_filt_new_slcts select {
    width: fit-content;
}

@media print {
    @page {
        size: A4;
        margin: 0;
    }

    table {
        width: 100%;
    }

    th, td {
        font-size: 12px;
    }
}

.video-container, .image-container {
    position: relative;
}

    .video-container .top_round_icon, .image-container .top_round_icon {
        position: absolute;
        top: 10px;
        right: 10px;
        display: none;
        max-width: 30px;
        min-width: 30px;
        max-height: 30px;
        min-height: 30px;
    }

    .video-container .top_round_icon2, .image-container .top_round_icon2 {
        right: 50px;
    }

    .video-container:hover .top_round_icon, .image-container:hover .top_round_icon {
        display: flex;
    }

.cnav_img_row video {
    height: 200px;
    width: 100%;
}

.canv_img_add .videoupload {
    width: 130px;
    height: 158px;
    border-radius: 11px;
    border: 1.5px dashed #0078D7;
    background: rgba(0, 120, 215, 0.05);
    line-height: 1.2;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 5px;
    color: #0078D7;
    padding: 20px;
    text-align: center;
    font-size: var(--c-font-size-100);
    cursor: pointer;
    font-weight: var(--c-font-weight-regular);
}

.empty_member_box {
    height: calc(100vh - 240px);
    display: flex;
    flex-direction: column;
}

    .empty_member_box.empty_member_box_old {
        height: calc(100vh - 210px);
    }

    .empty_member_box.chck_empty {
        height: calc(100vh - 305px);
    }

body .select2-selection.select2-selection--multiple {
    background-color: var(--_bg_dark);
    border: var(--common_border);
    border-radius: 0.375rem;
}

body .select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: var(--_bg_dark);
    border: var(--common_border);
    border-radius: 0.375rem;
}

body .modal {
    user-select: none;
    -webkit-user-select: none;
    -webkit-text-select: none;
}

.ckeditor-error {
    border: 1px solid #ff0000 !important;
    border-radius: 3px;
}

body label.error {
    text-transform: inherit !important;
}

.forerror {
    position: relative;
}

    .forerror #txtfrom-error {
        position: absolute;
        bottom: -27px;
        left: 0;
    }

.search_input_new .input-group {
    background-color: var(--_bg_light);
    padding: 5px;
    flex-wrap: nowrap;
    border: var(--common_border) !important;
    border-radius: 25px;
    width: 100%;
    display: flex;
    align-items: center;
}

.dark .search_input_new .input-group {
    background-color: #17181C;
}

.dark .search_input_new .form-control {
    background-color: #17181C;
}

.dark .search_input_new .top_round_icon {
    background-color: #1C1D21;
}

.search_input_new .input-group.search_input_expand {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.search_input_new .bar_search_dropdown {
    top: 45px;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border: var(--common_border) !important;
}

.search_input_new input {
    border: 0;
    font-weight: 500;
    font-size: var(--c-font-size-100);
    color: var(--text_dark_color) !important;
    background-color: transparent;
}

    .search_input_new input:focus {
        border: 0;
    }

.search_input_new .top_round_icon {
    border-radius: 50% !important;
    padding: 0;
}

    .search_input_new .top_round_icon:hover {
        background-color: var(--_primary_color_dark);
        color: #fff;
    }

        .search_input_new .top_round_icon:hover i {
            color: #fff;
        }

    .search_input_new .top_round_icon:focus {
        background-color: var(--_primary_color);
    }

        .search_input_new .top_round_icon:focus i {
            color: #fff;
        }

.search_input_new .search_input_new .input-group {
    max-height: 42px;
}

.search_input_new .top_round_icon {
    max-width: 35px;
    min-width: 35px;
    max-height: 35px;
    min-height: 35px;
}

.header_search_new {
    max-width: 600px;
    width: 100%;
}

.search_input_new .input-group-text {
    border-radius: 18px 0 0 18px;
    background: transparent;
    border: 0;
    padding: 0 5px 0 5px;
}

    .search_input_new .input-group-text i {
        color: var(--_primary_color);
        font-size: var(--c-font-size-200);
    }

.cp_table_wrap table tr.blocked_row {
    cursor: not-allowed;
}

    .cp_table_wrap table tr.blocked_row .status_badge {
        cursor: not-allowed;
    }

    .cp_table_wrap table tr.blocked_row a {
        cursor: not-allowed;
    }

    .cp_table_wrap table tr.blocked_row .form-check-input {
        cursor: not-allowed;
    }

.cp_table_wrap tr.blocked_row:hover td {
    background-color: var(--_bg_light) !important;
}

.cp_table_wrap table tr td .tbl_img {
    position: relative;
}

.cp_table_wrap table tr td .block_icon {
    position: absolute;
    color: #D34A4A;
    background-color: #fff;
    border-radius: 50%;
    top: 22px;
    left: 22px;
}

.common_scrollbar {
    scrollbar-width: thin;
    scrollbar-color: #D9DCE0 transparent;
    max-height: 390px;
    overflow-y: auto;
}

.ma_item .search_drop_line {
    flex: 1;
}

    .ma_item .search_drop_line span {
        font-size: var(--c-font-size-75);
        font-weight: var(--c-font-weight-medium);
    }

.cnp_eye {
    position: relative;
}

    .cnp_eye a {
        position: absolute;
        top: 7px;
        right: 15px;
        cursor: pointer;
        color: var(--_color_dark) !important;
        font-size: var(--c-font-size-75);
    }

.cp_add_btn {
    white-space: nowrap;
    padding: 10px 12px;
}

.dflt_view_member {
    max-width: 700px;
    margin: 0 auto;
}

    .dflt_view_member h4 {
        font-size: var(--c-font-size-400);
        font-weight: var(--c-font-weight-bold);
        margin-bottom: 0;
    }

    .dflt_view_member .round_icon i {
        font-size: 0.95rem;
    }

#tblMemberCoach th, #tblMemberCoach td {
    text-align: right;
}

#tblMemberCoach .text_alignment {
    text-align: left;
}

body .popover {
    border: 1px solid var(--_border_color);
    font-weight: 400;
}

body .popover-header {
    padding: 1rem 1.25rem;
    background-color: #fff;
    color: #303030;
    font-weight: 400;
    font-size: var(--c-font-size-80-experimental);
    border-bottom: 0;
    border-radius: calc(0.5rem - 1px);
}

    body .popover-header h4 {
        line-height: 1.3;
        font-size: var(--c-font-size-200);
        font-weight: var(--c-font-weight-bold);
        margin: 0 0 0px 0;
        color: #303030 !important;
        font-weight: 400;
    }

.dataTables_empty {
    text-align: center !important;
}

#divAppliedCalendarFilters .fb_inr[data-key="CALENDAR"] a {
    display: none !important;
}

#divAppliedInvoiceSearchFilters .fb_inr[data-key="RELATION"] a {
    display: none !important;
}

.fc-list-table td {
    color: var(--text_dark_color) !important;
    font-size: var(--c-font-size-80-experimental) !important;
}

.fc-list-table tr:hover td {
    color: var(--menu_text_color_n) !important;
}

.flatpickr-time {
    height: auto;
}

.dynamic_chck {
    margin-top: 6px;
}

.bar_bill_top .checkinDropdown .ma_item b {
    width: 110px;
}

#divAppliedCalendarFilters .fb_inr[data-key="Period"] a {
    display: none !important;
}

#divAppliedReservationFilters .fb_inr[data-key="RESERVATION"] a {
    display: none !important;
}

#divAppliedReservationFilters .fb_inr[data-key="Period"] a {
    display: none !important;
}

#collapseMemberSearchDflt .member_name {
    text-overflow: inherit;
    width: 100%;
    text-align: justify;
}

#formMemberInfoDetails .form-control.is-valid, .was-validated .form-control:valid, .form-select.is-valid {
    background-image: none;
}

#formMemberInfoDetails .valid_input {
    font-weight: 500;
    font-size: var(--c-font-size-100);
    color: red;
}

body input.form-control:disabled {
    cursor: not-allowed;
}

body textarea:disabled {
    cursor: not-allowed;
}

body .form-select:disabled {
    cursor: not-allowed;
}

#divAppliedMembershipFilters .fb_inr[data-key="Period"] a {
    display: none !important;
}

.commun_img {
    max-height: 270px;
    margin: 10px 0 0 0;
}

    .commun_img img, .commun_img video {
        width: 100%;
        height: 100%;
        object-fit: cover;
        max-height: 270px;
    }

.like_cmnt .top_round_icon {
    max-width: 32px;
    min-width: 32px;
    max-height: 32px;
    min-height: 32px;
}

.cmnt_dlt a:nth-child(2) {
    color: var(--_color_dark);
    font-size: var(--c-font-size-100);
}

.commun_img small {
    margin: 10px 0 0 0;
}

.commun_img small, .commun_img span {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 0 0 0;
    font-weight: 400;
    font-size: var(--c-font-size-100);
    line-height: 1.3;
    color: var(--_color_dark);
}

.com_index_box_prnt {
    max-height: 150px;
    overflow-y: scroll;
    scrollbar-width: thin;
    scrollbar-color: var(--secondary_bk_color) transparent;
    display: block;
}

    .com_index_box_prnt::-webkit-scrollbar-track {
        border-radius: 10px;
        background-color: transparent;
    }

    .com_index_box_prnt::-webkit-scrollbar {
        width: 6px;
        background-color: transparent;
        height: 6px;
    }

    .com_index_box_prnt::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: var(--secondary_bk_color)
    }

.planner_mdl_list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

    .planner_mdl_list li label {
        font-size: var(--c-font-size-80-experimental);
        color: var(--text_dark_color);
        margin: 0 0 0px 0;
        font-weight: 600;
    }

.context-menu__items {
    background-color: var(--tbl_header_bg) !important;
}

.form-select.ddlDiscount {
    text-align: end;
}

.mem_slct_multi_error {
    position: relative;
}

    .mem_slct_multi_error .error {
        position: absolute;
        left: 0;
        top: 33px;
    }

#formMemberInfoDetails .offcanvas-body {
    padding-bottom: 0;
}

.bootbox-body label {
    margin: 0 0 5px 0;
}

.custom_toast {
    width: 100%;
    border: 0;
    box-shadow: none;
    border-radius: 10px;
    background-color: var(--_primary_color_light);
    padding: 3px 10px;
}

    .custom_toast .toast-body {
        font-weight: 400;
        font-size: var(--c-font-size-100);
        color: var(--_primary_color);
    }

    .custom_toast .btn_close {
        color: var(--_primary_color);
        border: 0;
        font-size: var(--c-font-size-200);
        background-color: transparent;
    }

.can_general_member_info .offcanvas-body {
    overflow-y: hidden;
}

body .uppy-Dashboard-inner {
    background-color: var(--_color_white) !important;
}

body .uppy-Dashboard-AddFiles-title {
    color: var(--text_dark_color);
}

.common_modal.can_member_company_info .canc_row, .common_modal.can_member_financial_info .canc_row {
    height: calc(100vh - 170px);
}

:root.dark .bootbox .bootbox-close-button {
    filter: invert(1);
}

#divAppliedSaleFilters .fb_inr[data-key="Period"] a {
    display: none !important;
}

#divAppliedSaleFilters .fb_inr[data-key="CLUB"] a {
    display: none !important;
}

.workoutNoRecord {
    border-radius: var(--_bdr_radius_md);
    border: var(--common_border);
    background: var(--_color_white);
    margin: 0rem 0 1.25rem 0;
    box-shadow: var(--_shadow_xs);
    padding: 1rem 1rem;
    text-align: center;
}

    .workoutNoRecord p {
        color: var(--_color_semilight);
        font-size: var(--c-font-size-80-experimental);
        font-weight: 500;
        margin: 0;
    }

#divAppliedRevenueReportFilters .fb_inr[data-key="Period"] a {
    display: none !important;
}

#divAppliedRevenueReportFilters .fb_inr[data-key="CLUB"] a {
    display: none !important;
}

#can_report_file_attachment .uppy-Root, #can_report_file_attachment .uppy-Dashboard, #can_report_file_attachment #report_uppy_container {
    height: 350px;
}

.can_general_member_info .valid_input {
    font-weight: 500;
    font-size: var(--c-font-size-100);
    color: red;
}

#divAppliedInvoiceSearchFilters .fb_inr[data-key="Period"] a {
    display: none !important;
}

.file_upload_verify {
    font-weight: 400;
    font-size: var(--c-font-size-80-experimental);
    line-height: 1.3;
    color: var(--_color_dark);
    display: block;
    text-align: end;
    margin: 4px 0 0 0;
}

body .emojionearea .emojionearea-editor {
    background-color: var(--_bg_dark);
    color: var(--_color_dark);
    padding-right: 45px;
}

body .emojionearea, body .emojionearea.form-control {
    background-color: transparent;
}

.div_search_member_item_collapse p {
    color: var(--text_dark_color);
    font-size: var(--c-font-size-80-experimental);
    font-weight: var(--c-font-weight-medium);
}

.coupn_bottom span {
    min-width: 100px;
}

.coupn_bottom span, .coupn_bottom small {
    font-size: var(--c-font-size-80-experimental);
    font-weight: 500;
    color: var(--_color_dark);
}

.cp_table_wrap tbody tr td {
    height: 60px;
}

.cp_table_wrap tbody tr.active {
    position: relative;
    border: 2px solid var(--_primary_color);
}

    .cp_table_wrap tbody tr.active td {
        background-color: var(--_primary_color_light) !important;
        color: #000000 !important;
    }

.dark .cp_table_wrap tbody tr.active td {
    background-color: #24252A !important;
}

.cp_table_wrap tbody tr.active td span {
    color: #303030;
}

.dark .cp_table_wrap tbody tr.active td span {
    color: #ffffff !important;
}

.sb_active {
    color: #fff !important;
    min-width: 65px !important;
    background-color: var(--_primary_color);
}

body .table-hover > tbody > tr:hover > * span.sb_active {
    color: #fff !important;
}

.todo_inhouse {
    display: none !important;
}

.ex_info_nostatus {
    display: flex;
    align-items: baseline;
    color: var(--_color_dark);
    font-weight: 500;
    font-size: var(--c-font-size-100);
}

    .ex_info_nostatus i {
        color: red;
    }

body .dt-buttons {
    margin: 0 0 0 0;
}

label.texError {
    color: red;
    font-weight: 500;
    font-size: var(--c-font-size-100);
}

span.texError {
    color: red;
    font-weight: 500;
    font-size: var(--c-font-size-100);
}

input.texError {
    border: 1px solid red !important;
}

select.texError {
    border: 1px solid red !important;
}

div.texError {
    border: 1px solid red;
    font-weight: 500;
    font-size: var(--c-font-size-100);
    border-radius: 5px;
}

body .emojionearea, body .emojionearea.form-control {
    border: var(--common_border);
}

#presence_tbl_wrapper .dataTables_paginate {
    margin-top: 0px !important;
}

.can_relation .lni_tabs_new li .nav-link span {
    color: var(--_darkgray2_color);
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}

.can_relation .lni_tabs_new .nav .nav-item .nav-link:hover span {
    color: var(--_primary_color) !important;
}

.can_relation .lni_tabs_new .nav .nav-item .nav-link.active span {
    color: var(--_primary_color) !important;
}

.member_details .lni_tabs_new li .nav-link span {
    color: var(--_darkgray2_color);
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}

.member_details .lni_tabs_new .nav .nav-item .nav-link:hover span {
    color: var(--_primary_color) !important;
}

.member_details .lni_tabs_new .nav .nav-item .nav-link.active span {
    color: var(--_primary_color) !important;
}

:root.dark .list-loader {
    --bg-color: #1a1c23;
    --fg-color: black;
}

.emp_clb_empty {
    font-size: var(--c-font-size-80-experimental);
    font-weight: 500;
    color: var(--text_dark_color);
}

#divOrderAppliedFilters .fb_inr[data-key="DATE"] a {
    display: none !important;
}

.member_tbl_top h4 {
    color: var(--text_dark_color);
    font-size: var(--c-font-size-150);
    margin: 0;
    font-weight: 600;
}

.common_modal textarea::placeholder, .common_modal .form-control::placeholder {
    color: var(--_color_light);
}

.new_graph .chart-container,
.new_graph .chart-container > div:first-child, .new_graph .chart-container > div:first-child canvas {
    width: 100% !important;
    height: 100% !important;
}

#tblRelationLinks tbody tr td.text-end {
    padding-right: 0px;
}

#TblEmployeesHistory tbody tr td.text-end {
    padding-right: 0px;
}

.cp_table_wrap_nrml {
    border: var(--common_border) !important;
    border-radius: var(--_bdr_radius_md);
    color: var(--_color_semilight);
    overflow-y: hidden;
}

.offcanvas-body .cp_multi_selector .select2-container {
    min-width: 100%;
}

.graph_box .dataTables_filter {
    margin: -50px 0 10px 0;
}

.graph_box .dt-buttons {
    margin: 10px 0 0px 0;
}

#divAppliedOrderFilters .fb_inr[data-key="DATE"] a {
    display: none !important;
}

.flatpickr-input {
    cursor: pointer;
    font-size: var(--c-font-size-100);
}

#divAppliedEmpHistoryFilters .fb_inr[data-key="Period"] a {
    display: none !important;
}

.invite_wrap {
    border-radius: var(--_bdr_radius_md);
    border: var(--common_border);
    background: var(--_color_white);
    box-shadow: var(--_shadow_xs);
    max-width: 500px;
    margin: 40px auto;
    padding: 40px;
}

    .invite_wrap label {
        color: var(--_color_semilight);
        font-size: var(--c-font-size-80-experimental);
        font-weight: 500;
        width: 100%;
    }

    .invite_wrap form-control {
        min-height: 38px;
        max-height: 38px;
        font-size: var(--c-font-size-80-experimental);
        border: var(--common_border);
        color: var(--_color_dark);
        background-color: var(--_bg_dark);
        font-weight: 500;
        border-radius: var(--_bdr_radius_md);
        width: 100%;
    }

.smdl_input a {
    position: absolute;
    right: 10px;
    top: 6px;
}

#divMemberSubPayment .pymnt_tbl {
    max-height: 400px;
    min-height: auto;
    height: auto !important;
    overflow: auto;
}

body .btn-close:focus {
    box-shadow: none;
}

.memgen_boxinner_row .emp_color_box {
    width: 30px;
    height: 30px;
    display: block;
    border-radius: 5px;
}

.tasks_inner_tab.lni_tabs_new li .nav-link span {
    color: var(--_darkgray2_color);
}

.can_relation .member_tbl_top {
    min-height: 42px;
}

#canv_MemberContract #iframeContainer {
    height: calc(100vh - 350px);
    min-height: 300px;
}

.div_tbl_links.cp_table_wrap_nrml {
    border: 0 !important;
}

.new_report_grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(45%, 1fr));
    gap: 20px;
}

.mem_cmn_box_body .add_mem_checkbox_custom {
    display: flex;
    gap: 0px;
    flex-direction: column;
    align-items: flex-start;
}

body .table-hover > tbody > tr:hover > span, body .table-hover > tbody > tr:hover > span.text-danger, body .table-hover > tbody > tr:hover > * span {
    color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}

.dark body .table-hover > tbody > tr:hover > * span, .dark body .table-hover > tbody > tr:hover > * i {
    color: #ffffff !important;
}

.new_addmember_bottm_btns {
    display: flex;
    align-content: center;
    justify-content: space-between;
    gap: 15px;
    margin: 20px 0;
    width: 100%;
}
.addmember_new_modal .modal-body {
    padding-bottom: 4rem;
}
.new_addmember_bottomfloat {
    position: fixed;
    bottom: 20px;
    box-shadow: 0px 12px 17px rgba(0, 0, 0, 0.05);
    z-index: 99;
    background-color: var(--_bg_light);
    padding: 1rem;
    width: calc(100vw - 3.1rem);
    margin: 0 auto;
    left: 0;
    right: 0;
    border-radius: 0 0 0.4rem 0.4rem;
}

.lg_col_heading {
    font-weight: 500;
    font-size: var(--c-font-size-200);
    line-height: 1.4;
    margin: 0 0 25px 0;
    color: var(--_color_dark);
    text-align: center;
}

.dark .lg_col_heading {
    background-color: #17181C;
}

.empty_lead_sec {
    padding: 12px 14px 5px 12px;
    border-radius: 12px;
    border: var(--common_border);
    background: var(--_bg_light);
    box-shadow: 2px 4px 4px 0px rgba(180, 191, 205, 0.20);
    margin: 0 0 10px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 15px;
    text-align: center;
    min-height: 157px;
}

.dark .empty_lead_sec {
    box-shadow: none;
}

.empty_lead_sec p {
    font-weight: 500;
    font-size: var(--c-font-size-100);
    line-height: 1.4;
    margin: 0 0 0px 0;
    color: var(--_color_semilight);
    text-align: center;
}

.empty_lead_icon {
    min-width: 68px;
    min-height: 68px;
    max-width: 68px;
    max-height: 68px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--_primary_color_light);
    color: var(--_primary_color);
}

    .empty_lead_icon i {
        font-size: 22px;
    }

.lg_col_heading {
    padding: 0 0 10px 0;
    z-index: 1;
    background-color: var(--_bg_dark);
}

.lg_col {
    padding-top: 0;
    padding-bottom: 0;
}

.other_info_tab .filt_drop_inner input {
    padding-left: 4px;
    padding-right: 4px;
}

.linkscan_body_heading {
    font-size: var(--c-font-size-200);
    font-weight: var(--c-font-weight-bold);
    color: var(--text_dark_color);
    margin: 0 0 10px 0;
}

.em_recent_viewed .rv_person:hover .rv_name {
    color: var(--_primary_color);
}

.em_recent_viewed .rv_person:hover small {
    color: var(--_primary_color);
}

.mem_extra_check {
    display: flex;
    flex-direction: row-reverse;
    gap: 8px;
    justify-content: flex-end;
}

    .mem_extra_check label {
        text-transform: uppercase;
        font-size: var(--c-font-size-80-experimental);
    }

.extra_field_checkbox {
    min-width: 14px !important;
    min-height: 14px !important;
    margin: 2px 0 0 0;
}

.input_spin {
    position: relative;
}

    .input_spin .spinner-border {
        position: absolute;
        right: 10px;
        top: 9px;
    }

        .input_spin .spinner-border.text-primary {
            color: var(--_primary_color) !important;
        }

#editLeadCalendar .search_input_new input:focus {
    border: var(--common_border);
}

.input_spin {
    position: relative;
}

    .input_spin .spinner-border {
        position: absolute;
        right: 10px;
        top: 9px;
    }

        .input_spin .spinner-border.text-primary {
            color: var(--_primary_color) !important;
        }

body .nav-link.disabled {
    cursor: not-allowed;
}

body .nav-item.disabled {
    cursor: not-allowed;
}

body .btn.btn-secondary.disabled {
    cursor: not-allowed !important;
    pointer-events: auto;
}

body .favicon_slct_mdl .panel-body a {
    position: relative;
}

body .favicon_slct_mdl .modal-footer .btn {
    width: fit-content;
    padding: 10px !important;
}

body .favicon_slct_mdl .modal-footer {
    justify-content: space-between !important;
}

body .favicon_slct_mdl .panel-body span {
    top: -7px !important;
    right: -7px !important;
}

body .favicon_slct_mdl .favicon_mdl_grid {
    display: flex;
    grid-gap: 10px;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

body .favicon_slct_mdl .panel-body img {
    width: 32px;
    height: 32px;
}

.calender .fc-button-group {
    background-color: var(--_bg_dark) !important;
    padding: 5px !important;
    border-radius: 20px !important;
    gap: 5px !important;
}

.calender .fc .fc-button-primary:hover span {
    color: var(--_color_dark);
}

.calender .fc-button-group .fc-button {
    border-radius: 20px !important;
    border: 0 !important;
}

.calender .fc .fc-resourceTimeGridDay-button:hover, .calender .fc .fc-timeGridWeek-button:hover, .calender .fc .fc-dayGridMonth-button:hover, .calender .fc-button-primary:hover {
    border: 0 !important;
    background-color: var(--round_icon_bg) !important;
    color: var(--_color_dark) !important;
}

.calender .fc-refreshBtn-button, .calender .fc-addBtn-button {
    min-height: 32px;
    min-width: 32px;
    max-height: 32px;
    max-width: 32px;
    display: flex;
    align-items: center;
    border: 0;
    justify-content: center;
    background-color: var(--_bg_dark);
    border-radius: 50%;
}

    .calender .fc-refreshBtn-button .fa-regular, .calender .fc-addBtn-button .fa-regular {
        color: var(--_color_dark);
        font-size: var(--c-font-size-100);
    }

    .calender .fc-refreshBtn-button:hover, .calender .fc-addBtn-button:hover {
        background-color: var(--round_icon_bg);
        color: var(--_color_dark);
    }

        .calender .fc-refreshBtn-button:hover span, .calender .fc-addBtn-button:hover span {
            color: var(--_color_dark) !important;
        }

.fc .fc-button-primary:disabled, .calender .fc-button:disabled:hover {
    background-color: var(--round_icon_bg) !important;
    color: var(--_color_dark);
}

.calender .fc-prev-button, .calender .fc-next-button {
    min-height: 32px;
    min-width: 32px;
    max-height: 32px;
    max-width: 32px;
    display: flex;
    align-items: center;
    border: 0;
    justify-content: center;
    background-color: var(--_bg_dark);
    border-radius: 50%;
}

    .calender .fc-prev-button:hover, .calender .fc-next-button:hover {
        border: 0 !important;
        background-color: var(--round_icon_bg) !important;
        color: var(--_color_dark) !important;
    }

        .calender .fc-prev-button:hover .fc-icon, .calender .fc-next-button:hover .fc-icon {
            color: var(--_color_dark) !important;
        }

.calender {
    position: relative;
}

.fc-header-toolbar.fc-toolbar.fc-toolbar-ltr {
    position: absolute;
    z-index: 1;
    width: 100%;
    top: -5px;
    max-width: calc(100% - 200px);
    left: 200px;
    gap: 0.7rem;
    justify-content: flex-end;
}

    .fc-header-toolbar.fc-toolbar.fc-toolbar-ltr .fc-toolbar-chunk:nth-child(1) {
        order: 2;
        display: flex;
    }

    .fc-header-toolbar.fc-toolbar.fc-toolbar-ltr .fc-toolbar-chunk:nth-child(2) {
        order: 1;
    }

    .fc-header-toolbar.fc-toolbar.fc-toolbar-ltr .fc-toolbar-chunk:last-child {
        order: 3;
        display: flex;
    }

.cal_top_btn .clr-field button:after {
    box-shadow: none;
}

.calender_top .cal_top_btn {
    display: none;
}

.setng_modal_col1_top {
    min-height: 55px;
}

.setng_modallefttopimg {
    background-color: transparent;
    border-radius: 5px;
    display: flex;
    width: 100%;
    height: 100%;
    min-width: 40px;
    max-width: 40px;
    min-height: 40px;
    max-height: 40px;
    align-items: center;
    justify-content: center;
}

    .setng_modallefttopimg img {
        border-radius: 5px;
    }

.total_bill_col .btn.btn-primary:active {
    background-color: var(--_primary_color);
}

.offcanvas-header .search_input_new input {
    background-color: transparent;
}

.bodyfit_tabs .nav .nav-item .nav-link.active:hover small {
    color: var(--_primary_color) !important;
}

.bodyfit_tabs .nav-link:hover small {
    color: var(--_primary_color) !important;
}

.bodyfit_tabs .nav .nav-item .nav-link small {
    color: var(--_darkgray2_color);
    font-size: var(--c-font-size-80-experimental);
}

.bodyfit_tabs .nav .nav-item .nav-link.active small {
    color: var(--_primary_color) !important;
}

.pa_product_tabs .nav .nav-item .nav-link.active span {
    color: var(--_primary_color) !important;
}

.offcanvas-header .search_input_new input {
    background-color: transparent;
}

.nav .nav-item .nav-link.active span {
    color: var(--_primary_color) !important;
}

.common_modal .input-group {
    flex-wrap: nowrap;
}

.divMembershipTitle .title_desc, .divCalTitle .title_desc {
    display: flex;
    gap: 10px;
    align-items: center;
}

    .divMembershipTitle .title_desc span, .divCalTitle .title_desc span {
        color: var(--text_dark_color);
    }

    .divMembershipTitle .title_desc .edit_description, .divCalTitle .title_desc .edit_description {
        font-size: var(--c-font-size-100);
        color: var(--text_dark_color);
    }

.gen_cmn_box_top_new .status_badge {
    white-space: nowrap;
    display: flex;
}

.modal-header .btn:active {
    background-color: var(--_primary_color);
}

body .filter_cav_bottom .btn:active {
    background-color: var(--_primary_color);
}

body .offcanvas .btn-primary:active {
    background-color: var(--_primary_color);
}

body .modal .btn-primary:active {
    background-color: var(--_primary_color);
}

.clb_select_dropdown .dropdown-menu li.sidebar_top_drophead_inner {
    max-height: 400px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #D9DCE0 transparent;
}

.sidebar_top_drophead {
    text-overflow: ellipsis;
    width: 210px;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    padding-right: 15px;
}

    .sidebar_top_drophead:after {
        content: "";
        background-image: url(/assets/images/drop_icon_double2.svg);
        position: absolute;
        top: -1px;
        /*filter: invert(1);*/
        right: -10px;
        background-repeat: no-repeat;
        width: 25px;
        height: 25px;
        transition: 0.5s;
        background-size: contain;
        border: 0;
    }

.dark .sidebar_top_drophead:after {
    filter: invert(1);
}

.dropdown-item.fw-bold {
    background-color: var(--_primary_color_light);
    font-weight: 400 !important;
}

.clb_select_dropdown .dropdown-item {
    display: flex;
    gap: 5px;
    color: var(--_darkgray2_color);
}

    .clb_select_dropdown .dropdown-item span {
        margin-left: auto;
        background: #ececec;
        width: 20px;
        border-radius: 12px;
        color: #111827;
        text-align: center;
        height: 20px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-weight: 700;
        line-height: 2;
        font-size: 10px;
    }

.main_menu.visible .sidebar_mainlist {
    overflow: visible;
}

.main_menu.visible .mainmenu_list ul ul:nth-child(2) {
    position: absolute;
    left: 102%;
    top: 0;
    background-color: #fff;
    border-radius: 10px;
    padding: 5px;
}
/*.dark .main_menu.visible .mainmenu_list ul ul:nth-child(2) {
    background-color: #111827;
}*/
.dark .main_menu.visible .mainmenu_list ul ul:nth-child(2) {
    background-color: #1C1D21;
}

.main_menu.visible .innermenu_text {
    padding: 5px 5px 5px 5px;
}

.main_menu.visible .dropinnerlist span {
    display: block;
}

.main_menu.visible .innermenu_text:hover {
    /*background: rgba(255, 255, 255, .05);*/
    background-color: #f5f7fa;
}

.dark .main_menu.visible .innermenu_text:hover {
    background: rgba(255, 255, 255, .05);
}

body table tr td.dataTables_empty {
    text-align: center !important;
}

.lni_tabs_pills_new .nav-pills {
    width: fit-content;
    border-radius: 31px;
    padding: 5px;
    gap: 5px !important;
}

    .lni_tabs_pills_new .nav-pills .nav-link.active, .lni_tabs_pills_new .nav-pills .show > .nav-link {
        color: #fff;
        background-color: var(--_primary_color);
        transition: 0.5s all ease;
    }

.dark .lni_tabs_pills_new .nav-pills .nav-link.active, .dark .lni_tabs_pills_new .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #24252A;
}

.dark .lni_tabs_pills_new .nav-item .nav-link {
    background-color: transparent;
}

.dark .mem_mbship_tab_body .nav-pills .nav-link.active, .dark .mem_mbship_tab_body .nav-pills .nav-link:hover, .dark .mem_mbship_tab_body .nav-pills .show > .nav-link {
    background-color: #24252A;
    color: #fff;
}

.dark .lni_tabs_pills_new .nav-item .nav-link:hover span {
    color: #fff !important;
}

.lni_tabs_pills_new .nav-item .nav-link {
    font-size: var(--c-font-size-80-experimental);
    color: var(--text_dark_color);
    border-radius: 19px !important;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    font-weight: 400;
    padding: 7px 12px !important;
    min-width: 100px;
    text-align: center;
    transition: 0.5s all ease;
    background-color: var(--tbl_header_bg_2);
}

    .lni_tabs_pills_new .nav-item .nav-link span {
        color: var(--text_dark_color);
        transition: 0.5s all ease;
    }

    .lni_tabs_pills_new .nav-item .nav-link:hover span {
        color: #323232 !important;
    }

    .lni_tabs_pills_new .nav-item .nav-link.active span {
        color: #fff !important;
    }

.addmember_new_modal .btn-close {
    background-size: 12px;
}

.dark .addmember_new_modal .btn-close {
    filter: invert(1);
}

/*.fc-event-main-frame .fc-event-title-container div:nth-child(2) {
    display: none;
}*/

table.fixedHeader-floating > :not(caption) > * > * {
    font-size: var(--c-font-size-80-experimental);
    font-weight: 500;
    background-color: var(--tbl_header_bg_2) !important;
    color: var(--tbl_header_th_color);
}

.only_warn {
    border: 1px solid orange !important;
}

.select2-dropdown {
    z-index: 9999;
}

.mem_extra_multi_select, .mem_extra_check {
    position: relative;
}

.mem_extra_check {
    height: fit-content;
}

.mem_extra_multi_select .error {
    position: absolute;
    bottom: -20px;
    left: 12px;
}

.mem_extra_check label.error {
    position: absolute;
    bottom: -20px;
    left: 12px;
}

.codebox_pass {
    position: relative;
}

    .codebox_pass input {
        padding-right: 25px;
    }

    .codebox_pass .codebox_show_pass {
        position: absolute;
        right: 10px;
        top: 8px;
        color: var(--_color_dark);
        font-size: var(--c-font-size-75);
    }

.div_opening_hours .error {
    border: 1px solid red;
}

.div_company_holiday .error {
    border: 1px solid red;
}


.seeting_modal .select2-selection {
    min-height: 38px;
    max-height: 38px;
    font-size: var(--c-font-size-80-experimental);
    border: var(--common_border);
    color: var(--_color_dark);
    background-color: var(--_bg_dark);
    font-weight: 500;
    border-radius: var(--_bdr_radius_md);
    width: 100%;
}

.seeting_modal .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 2.7;
    color: var(--_color_dark);
    font-size: var(--c-font-size-80-experimental);
}

.seeting_modal .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 35px;
    position: absolute;
    top: 1px;
    right: 5px;
    width: 20px;
}

.seeting_modal .select2-search--dropdown {
    display: none;
}

.seeting_modal .select2-container--default .select2-results__option--selected {
    background-color: transparent;
}

.pc_box .btn {
    background-color: var(--_bg_dark);
    border: 3px solid transparent;
    border-radius: var(--_bdr_radius_md);
    font-size: var(--c-font-size-75);
    color: var(--text_dark_color) !important;
    align-items: center;
    display: flex;
    justify-content: center;
}

    .pc_box .btn:hover {
        color: var(--text_dark_color) !important;
        background-color: var(--round_icon_bg);
    }

    .pc_box .btn:focus {
        color: var(--text_dark_color) !important;
    }

.cp_table_wrap table tr:nth-child(1) th:nth-child(1) {
    padding-left: 10px;
}

.cp_table_wrap table tr:last-child th:last-child {
    padding-left: 10px;
}

.cp_table_wrap table tr:nth-child(1) th:nth-child(1) {
    padding-left: 15px;
}

.cp_table_wrap table tr:last-child th:last-child {
    padding-right: 15px;
}

.cp_table_wrap table tr td:nth-child(1) {
    padding-left: 15px;
}

.cp_table_wrap table tr td:last-child {
    padding-right: 15px;
}

.tbl_mailbox_sent .empty_member_box {
    height: calc(100vh - 270px);
}

.nsp_list_prnt li .total_dark small {
    font-size: var(--c-font-size-70-experimental);
    font-weight: 500;
}

.slcted_prdct_box_top {
    display: flex;
    align-items: center;
    gap: 10px;
    border-bottom: var(--common_border);
    justify-content: space-between;
    min-height: 52px;
}

    .slcted_prdct_box_top i {
        color: var(--_color_dark);
        font-size: var(--c-font-size-80-experimental);
    }

    .slcted_prdct_box_top h4 {
        color: var(--_color_dark);
    }

.slcted_prdct_box_top {
    background-color: var(--_color_white);
}

.slcted_prdct_box_center {
    border-radius: 0 0 10px 10px;
}

    .slcted_prdct_box_center .empty_member_box {
        height: calc(100vh - 295px) !important;
        min-height: 300px;
        justify-content: center;
    }

.slcted_prdct_box .slcted_prdct_box_center {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.div_payment_section .slcted_prdct_box .slcted_prdct_box_center {
    display: block;
}

.com_msg_top {
    min-height: 50px;
}

form-control.fc_sm {
    max-width: 70px;
}

.gragh_col {
    display: flex;
    flex-direction: column;
    max-width: 100%;
    min-width: 100%;
}

.bc_card2 {
    height: 100%;
}

.graph_box {
    flex: 1;
}

    .graph_box p {
        margin: 0;
        color: var(--text_dark_color);
        font-size: var(--c-font-size-80);
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

.ohs_date .startdate label {
    white-space: nowrap;
}

.mainmenu_list {
    position: relative;
}

.sidebar_newbtn_prnt {
    border: 0 !important;
    margin-bottom: 40px;
}

    .sidebar_newbtn_prnt li a {
        display: flex;
        align-items: center;
        column-gap: 10px;
        justify-content: flex-end;
        cursor: pointer;
        background-color: #e9e9e9;
        border-radius: var(--_bdr_radius_md);
        padding: 5px 15px;
        width: fit-content;
        margin-left: auto;
    }

.dark .sidebar_newbtn_prnt li a {
    background: rgba(255, 255, 255, .05);
}

.visible .sidebar_newbtn_prnt li a {
    justify-content: center;
    padding: 2px 12px 6px 12px;
    margin: 0 auto;
}

.sidebar_newbtn_prnt span {
    color: var(--menu_text_color_n);
    font-weight: 600;
    transition: 0.5s all;
    font-size: var(--c-font-size-80-experimental);
}

.sidebar_newbtn_prnt i {
    color: var(--menu_text_color_n);
    font-weight: 600;
    transition: 0.5s all;
    font-size: var(--c-font-size-80-experimental);
}

.visible .sidebar_newbtn_prnt {
    margin-left: 0px;
}

/*.visible .sidebar_newbtn i {
    transform: rotate(180deg);
}*/

/*.sidebar_newbtn:hover i, .sidebar_newbtn:hover span {
    color: #fff;
}*/

.gen_cntnt_row .input-group .input-group-text {
    border: var(--common_border);
    font-weight: 500;
    font-size: var(--c-font-size-80-experimental);
    color: var(--_color_dark);
}

.payop_box {
    border-radius: var(--_bdr_radius_md);
    border: var(--common_border);
    background: var(--_color_white);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.payop_boxtop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
    padding: 0.8rem 0.8rem 0.8rem 0.8rem;
    border-bottom: var(--common_border);
    background-color: var(--_bg_dark);
    border-radius: var(--_bdr_radius_md) var(--_bdr_radius_md) 0 0;
}

    .payop_boxtop h4 {
        font-size: var(--c-font-size-80-experimental);
        color: var(--text_dark_color);
        margin: 0 0 0px 0;
        font-weight: 600;
    }

.payop_boxcenter {
    padding: 0.8rem 0.8rem 0.8rem 0.8rem;
    min-height: 100px;
}

    .payop_boxcenter p {
        color: var(--_color_semilight);
        margin: 0;
        font-weight: 500;
        font-size: var(--c-font-size-80-experimental);
        font-weight: var(--c-font-weight-regular);
    }

.payop_box_grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}

.payop_boxbottom {
    padding: 0.4rem 0.8rem 0.8rem 0.8rem;
    border-top: var(--common_border);
}

.payop_boxbottom_input {
    display: flex;
    align-items: center;
    gap: 5px;
}

    .payop_boxbottom_input input.form-control {
        max-width: 60px;
    }

.payop_boxbottom label {
    font-size: var(--c-font-size-80-experimental);
    color: var(--text_dark_color);
    margin: 0 0 5px 0;
    font-weight: 600;
}

.cr_list_col .top_round_icon {
    max-width: 30px;
    min-width: 30px;
    max-height: 30px;
    min-height: 30px;
}

.plannercanv_search {
    height: 40px;
}

    .plannercanv_search input.form-control {
        background-color: transparent;
        padding-top: 0;
        padding-bottom: 0;
    }

.search_input_new.plannercanv_search .top_round_icon {
    max-width: 30px;
    min-width: 30px;
    max-height: 30px;
    min-height: 30px;
}

.tbl_empty_txt {
    position: relative;
}

    .tbl_empty_txt td {
        position: absolute;
        right: 0;
        left: 0;
        margin: 0 auto;
    }

.gen_cntnt_row .qty-container .input-qty {
    border-radius: 0;
}

.capcity_amont_row {
    display: flex;
    gap: 15px;
    align-items: flex-end;
}

    .capcity_amont_row .gen_cntnt_row {
        width: fit-content;
    }

.gen_cntnt_row.gen_cntnt_row_cap_amnt {
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 15px;
    flex-wrap: nowrap;
}

.gen_cntnt_row_cap_amnt label {
    margin: 0;
}

    .gen_cntnt_row_cap_amnt label span {
        display: block;
    }

.ohs_date label {
    white-space: nowrap;
}

.invoice_ip_box {
    max-width: 100%;
}


.ip_top_logo {
    flex-direction: column;
}

.invoice_ip_box_top {
    padding: 0.8rem 1.5rem;
}

.invoice_ip_box {
    border-radius: 15px 15px 15px 15px;
}

.invoice_tbl_top_btn {
    min-height: auto;
}

.top_filter_bar_right .page_title_formselect {
    background-color: transparent;
    border: 0;
    width: fit-content;
    color: var(--text_dark_color);
    font-size: var(--c-font-size-300);
    font-weight: var(--c-font-weight-bold);
    margin: 0;
}

.invoice_tab_box_grid .nav-pills .nav-link.active, .invoice_tab_box_grid .nav-pills .show > .nav-link {
    background-color: transparent;
}

.invoice_tab_box_grid .invoice_tab_box_grid_nav {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
    margin: 0 0 30px 0;
}

.invoice_tab_box_grid_nav .nav-item {
    height: 100%;
}

.invoice_tab_box_grid_nav .nav-link {
    width: 100%;
    padding: 0;
    height: 100%;
}

.invoice_tab_box {
    border: var(--common_border);
    background-color: var(--_color_white);
    border-radius: 11px;
    padding: 1rem;
    height: 100%;
}

.nav-link.active .invoice_tab_box {
    border: 1.15px solid var(--_primary_color);
}

.itb_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
    margin: 0 0 1rem 0;
}

.nav .nav-item .nav-link.active .itb_top .status_badge {
    color: #303030 !important;
}

.nav .nav-item .nav-link.active .itb_bottom span {
    color: var(--text_dark_color) !important;
}

.itb_top h4 {
    font-size: var(--c-font-size-200);
    color: var(--text_dark_color);
    margin: 0 0 0px 0;
    font-weight: 600;
}

.itb_bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
}

    .itb_bottom span {
        font-size: var(--c-font-size-300);
        color: var(--text_dark_color);
        font-weight: 500;
    }

        .itb_bottom span.text-success {
            color: #15A323;
        }

        .itb_bottom span.text-danger {
            color: #DD2929;
        }

    .itb_bottom p {
        font-size: var(--c-font-size-80-experimental);
        color: var(--text_dark_color);
        margin: 0 0 0px 0;
        font-weight: 400;
        text-align: end;
    }

        .itb_bottom p span {
            font-size: var(--c-font-size-80-experimental);
            color: var(--text_dark_color);
            margin: 0 0 0px 0;
            font-weight: 400;
        }

.empty_member_box .invoice_add_btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px !important;
    width: fit-content;
    margin: 1rem auto 0;
}

.invoiceinfo_box label {
    font-weight: var(--c-font-weight-regular);
    font-size: var(--c-font-size-80-experimental);
    color: var(--_color_semilight);
    margin: 0;
    min-width: 128px;
    white-space: nowrap;
}

.invoiceinfo_box .header_search {
    background-color: var(--_primary_color_light);
    border-radius: .375rem;
}

    .invoiceinfo_box .header_search input.form-control {
        background-color: var(--_primary_color_light);
    }

    .invoiceinfo_box .header_search.custm_active {
        border: 1px solid var(--_primary_color);
    }

.invoiceinfo_box input.form-control, .invoiceinfo_box select {
    background-color: var(--_bg_dark);
    border: var(--common_border);
    color: var(--_color_dark);
    min-height: 33px !important;
    max-height: 33px !important;
    font-size: var(--c-font-size-100);
}

.invoiceinfo_box .form-check {
    display: flex;
    align-items: center;
    gap: 5px;
}

    .invoiceinfo_box .form-check label {
        min-width: fit-content;
    }

.total_amt_box_inner {
    display: flex;
    gap: 20px;
    justify-content: flex-end;
}

.total_amt {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.invoice_textarea textarea {
    min-height: 315px !important;
    background-color: var(--_bg_dark);
    resize: none;
    border-radius: var(--_bdr_radius_md);
    border: var(--common_border);
    color: var(--_color_dark);
    font-weight: 400px;
    font-size: var(--c-font-size-100);
}

.add_article_line {
    background-color: var(--_bg_dark);
    padding: 1rem;
    width: 100%;
    border: var(--common_border);
    border-top: 0;
}

.add_article_line_inner {
    display: flex;
    align-items: center;
    gap: 20px;
}

.invoice_ip_box_white .mob_warn {
    margin: 20px 0;
}

.form-select.success_form_select {
    background-color: #DEF7EC;
    color: #046C4E;
    border: 0;
}

.form-select.primary_form_select {
    background-color: #DBEDF9;
    color: #6BA7E9;
    border: 0;
}

.cr_list_text .more_action_dropdown {
    right: 0;
    left: 0;
}

.nav .nav-item .nav-link.active .itb_top .status_badge {
    color: #303030 !important;
}

.nav .nav-item .nav-link.active .itb_bottom span {
    color: var(--text_dark_color) !important;
}

div#collapseSearchReservationMemberList {
    max-height: calc(100vh - 500px);
    overflow-y: auto;
    min-height: 200px;
    scrollbar-width: thin;
    scrollbar-color: var(--secondary_bk_color) transparent;
}

.hambuger_header_icon {
    display: none;
    color: var(--_color_dark);
    font-size: var(--c-font-size-200);
}

.invoiceinfo_box .search_input_new input {
    background-color: transparent;
    padding-top: 0;
    padding-bottom: 0;
}

.invoiceinfo_box .search_input_new .input-group {
    height: 33px;
    background-color: var(--_bg_dark);
    border-radius: .375rem;
    padding: 2px;
}

.invoiceinfo_box .search_input_new {
    width: 100%;
}

    .invoiceinfo_box .search_input_new .top_round_icon {
        max-width: 25px;
        min-width: 25px;
        max-height: 25px;
        min-height: 25px;
        background-color: transparent;
    }

        .invoiceinfo_box .search_input_new .top_round_icon i {
            font-size: 15px;
            color: var(--_primary_color) !important;
        }

.invoice_ip_bwtop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin: 0 0 10px 0;
}

    .invoice_ip_bwtop .sm_fc {
        text-align: center;
        padding: 5px !important;
        background-color: var(--_bg_dark);
        height: 30px;
        font-size: var(--c-font-size-75);
    }

.invoice_tbl_new .nrml_tbl {
    margin-bottom: 0 !important;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.invoice_tbl_new table {
    border: var(--common_border);
}

.add_article_line.add_article_line_empty {
    border-bottom-left-radius: var(--_bdr_radius_md);
    border-bottom-right-radius: var(--_bdr_radius_md);
    border: 0;
}

#hideAddPaymentLine.add_article_line {
    border-bottom-left-radius: var(--_bdr_radius_md);
    border-bottom-right-radius: var(--_bdr_radius_md);
}

.cr_inv_rel_drop .more_action_dropdown {
    width: 100%;
}

.cr_inv_rel_drop .ma_item_link {
    font-size: var(--c-font-size-80-experimental);
}

.cr_inv_rel_drop_bottom .more_action_dropdown {
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 65px;
    max-width: 180px;
}

.select2-container img {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

.select2-results__options {
    scrollbar-width: thin;
    scrollbar-color: var(--secondary_bk_color) transparent;
}

.image_selector .select2-selection {
    display: flex;
    align-items: center;
    justify-content: center;
}

.image_selector .select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 0px;
    height: 20px;
    top: 8px;
}

.image_selector .select2-selection {
    min-height: 34px;
    max-height: 34px;
    border-radius: 8px;
}

.mob_app_box.mob_app_box_empty {
    width: 100%;
    max-width: 135px;
    height: 82px;
}

.invoiceinfo_box .serchinput .form-control {
    padding-top: 0;
    padding-bottom: 0;
}

.invoiceinfo_box .serchinput .header_search {
    padding-top: 0;
    padding-bottom: 0;
}

.invoiceinfo_box .serchinput .btn {
    padding-top: 0;
    padding-bottom: 0;
}

.invoiceinfo_box .bar_search_dropdown {
    min-width: 200px;
}

.table .imgfortbl {
    max-width: 65px;
    object-fit: contain;
}

table.fixedHeader-floating.no-footer {
    height: 50px;
}

.more_ad_scroll p {
    font-weight: var(--c-font-weight-regular);
    font-size: var(--c-font-size-100);
    color: var(--_color_dark);
    text-align: center;
    margin: 0;
}

#invArticles.more_action_dropdown {
    max-width: 200px;
    top: 40px;
}

.invoice_tab_box_grid {
    min-height: calc(100vh - 220px);
}

    .invoice_tab_box_grid .nav-link.active .itb_bottom span.text-danger {
        color: #DD2929 !important;
    }

    .invoice_tab_box_grid .nav-link.active .itb_bottom span.text-success {
        color: #15A323 !important;
    }

.rvn_rprt_new_top {
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.rvn_rprt_new_top_box {
    border: var(--common_border);
    padding: 1rem;
    background-color: var(--_bg_light);
    border-radius: 11px;
    width: 100%;
    margin: 0 0 20px 0;
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: 10px;
}

.rr_top_start_col {
    display: flex;
    align-items: center;
    gap: 15px;
    width: 100%;
    max-width: 250px;
}

.revn_rprt_chart {
    position: relative;
}

    .revn_rprt_chart small {
        position: absolute;
        color: var(--_color_semilight);
        font-weight: 600;
        font-size: var(--c-font-size-300);
        top: 40px;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: fit-content;
    }

.dot_ttl {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background-color: #7590FF;
}

.dot_vat {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background-color: #95DFFF;
}

.rr_top_start {
    display: flex;
    gap: 10px;
    flex-direction: column;
}

    .rr_top_start small {
        color: var(--_color_semilight);
        font-weight: 400;
        font-size: var(--c-font-size-80-experimental);
        display: flex;
        align-items: center;
        gap: 5px;
        white-space: nowrap;
    }

    .rr_top_start span {
        color: var(--text_dark_color);
        font-size: var(--c-font-size-100);
        font-weight: 600;
        display: block;
        white-space: nowrap;
    }

.rr_top_center {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 2rem;
    position: relative;
    row-gap: 1rem;
}

    .rr_top_center small {
        color: var(--_color_semilight);
        font-weight: 400;
        font-size: var(--c-font-size-80-experimental);
        display: block;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 115px;
    }

    .rr_top_center span {
        color: var(--text_dark_color);
        font-size: var(--c-font-size-100);
        font-weight: 600;
        display: block;
        white-space: nowrap;
    }

.rr_top_end {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

    .rr_top_end small {
        color: var(--_color_semilight);
        font-weight: 400;
        font-size: var(--c-font-size-80-experimental);
        display: block;
        white-space: nowrap;
    }

    .rr_top_end span {
        color: var(--text_dark_color);
        font-size: var(--c-font-size-100);
        font-weight: 600;
        display: block;
        white-space: nowrap;
    }

    .rr_top_end .round_icon {
        min-width: 42px;
        min-height: 42px;
        max-width: 42px;
        max-height: 42px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: var(--_primary_color_light);
        color: var(--_primary_color);
    }

    .rr_top_end li {
        display: flex;
        align-items: center;
        gap: 10px;
    }

.rr_divider1 {
    width: 1px;
    height: 100%;
}

    .rr_divider1 hr {
        border: 1.5px solid var(--_border_color3);
        height: 87%;
    }

.rr_divider2 {
    width: 1px;
    height: 100%;
}

    .rr_divider2 hr {
        border: 1.5px solid var(--_border_color3);
        height: 87%;
    }

.revenuereport_graph, .revenuereport_graph .chart-container, .revenuereport_graph > div, .revenuereport_graph canvas {
    height: 160px !important;
    width: 150px !important;
}

@media screen and (max-width: 1600px) {
    .rr_top_start span {
        font-size: var(--c-font-size-100);
    }

    .rr_top_center span {
        font-size: var(--c-font-size-100);
    }

    .rr_top_end span {
        font-size: var(--c-font-size-100);
    }
}

@media screen and (max-width: 1400px) {
    .rr_top_start_col {
        flex-direction: column;
        gap: 5px;
        align-items: baseline;
        max-width: 200px;
    }

    .rr_top_start {
        gap: 5px;
        flex-direction: row;
    }

    .rr_top_center {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (max-width: 1200px) {
    .rvn_rprt_new_top_box {
        flex-wrap: wrap;
    }

    .rr_top_start_col {
        width: 100%;
        flex-direction: row;
        justify-content: center;
        gap: 15px;
        padding: 0;
        align-items: center;
    }

    .rr_top_center {
        width: 100%;
        padding: 0;
        grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
        gap: 10px;
    }

    .rr_top_end {
        width: 100%;
        flex-direction: row;
        padding: 0;
    }

    .rr_divider1 {
        height: 1px;
        width: 100%;
        margin: 10px 0;
    }

    .rr_divider2 {
        height: 1px;
        width: 100%;
        margin: 10px 0;
    }

    .rr_divider1 hr {
        height: 1px;
        margin: 0;
    }

    .rr_divider2 hr {
        height: 1px;
        margin: 0;
    }
}

#collapseLinkedMemberSearch .status_badge {
    width: fit-content !important;
}

/*nav .breadcrumb-item.active a {
    text-transform: lowercase;
}

    nav .breadcrumb-item.active a::first-letter {
        text-transform: uppercase;
    }*/

#divAppliedRevenueReportFilters .fltr_apl_text {
    margin: 0 0 0 0 !important;
}

.fin_status input.form-control {
    background-color: transparent;
    border: 0;
    text-align: center;
    padding: 0;
    max-width: 140px;
    background-color: var(--_primary_color_light);
    color: var(--_primary_color);
}

.setting_page .input-group .input-group-text {
    font-size: var(--c-font-size-75) !important;
    background-color: var(--_bg_dark);
    border: var(--common_border);
    color: var(--_color_dark);
}

input.textWarning {
    border: 1px solid #ffc107 !important;
}

.commication_tabs {
    height: calc(100vh - 230px);
}

.invoice_tbl_new .table-hover > tbody > tr:hover > * {
    background-color: transparent !important;
}

#tblMaintainEntities_ExerciseGroup_wrapper .table-hover > tbody > tr:hover > *,
#tblMaintainEntities_SchemeGroup_wrapper .table-hover > tbody > tr:hover > *,
#tblMaintainEntities_SubscriptionGroup.table-hover > tbody > tr:hover > *,
#tblMaintainEntities_RevenueGroup.table-hover > tbody > tr:hover > *,
#tblMaintainEntities_Status.table-hover > tbody > tr:hover > *,
#tblMaintainEntities_Material.table-hover > tbody > tr:hover > *,
#tblMaintainEntities_SubscriptionGroup.table-hover > tbody > tr:hover > *,
#tblBarGroupArticles_info.table-hover > tbody > tr:hover > *,
#tblMaintainEntities_ActivityGroup.table-hover > tbody > tr:hover > *,
.tbl_nohover.table-hover > tbody > tr:hover > * {
    background-color: transparent !important;
}

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

.analytics_tabs {
    max-width: 1460px;
    margin: 0 auto;
}

.reports_filter select {
    padding: 6px 20px 6px 10px;
    background-position: 90% 51%;
    background-size: 10px 10px;
    font-size: var(--c-font-size-75);
    min-height: 42px;
}

body .input-group-text {
    font-size: var(--c-font-size-75);
}

.openpymnt_new_modal .modal-header {
    padding: 1.2rem 2rem;
}

.openpymnt_new_modal .modal-body {
    padding: 2rem;
}

.openpymnt_new_modal .pymt_canv_grid {
    display: flex;
    gap: 30px;
    width: 100%;
}

.openpymnt_new_modal .pymnt_tbl {
    width: 100%;
    min-height: 400px;
    height: calc(100vh - 350px);
}

.openpymnt_new_modal .nsp_list_pymt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

    .openpymnt_new_modal .nsp_list_pymt span {
        font-weight: var(--c-font-weight-regular);
        font-size: var(--c-font-size-80-experimental);
        color: var(--_darkgray2_color);
        margin: 0;
    }

.openpymnt_new_modal .nsp_list .nsp_list_pymt {
    margin: 0 0 5px 0;
}

    .openpymnt_new_modal .nsp_list .nsp_list_pymt:last-child {
        margin: 0 0 0px 0;
    }

.openpymnt_new_modal .total_dark {
    justify-content: space-between;
}

.mcb_top_inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.mcb_top_inner_links {
    display: flex;
    align-items: center;
    gap: 15px;
}

    .mcb_top_inner_links span {
        font-size: var(--c-font-size-80-experimental);
    }

.mcb_top_inner_btns .btn-outline-secondary {
    font-size: var(--c-font-size-75);
    gap: 5px;
    display: flex;
    align-items: center;
}

.mcb_top_inner_btns {
    display: flex;
    align-items: center;
    gap: 5px;
}

.nsp_list .btn.btn-primary {
    font-size: var(--c-font-size-75);
    border-radius: 0px 4px 4px 0;
}

.new_addmem_cardlist {
    max-height: calc(100vh - 350px);
    min-height: fit-content;
}

.addmem_sign_empty .round_icon i {
    color: #046C4E;
}

.addmem_sign_empty .round_icon {
    background-color: #DEF7EC;
}

.mem_cmn_box_top .status_badge {
    background-color: #FDE7E9;
    color: #DD2929 !important;
    gap: 5px;
    display: flex;
    align-items: center;
}

.new_addmember_bottm_btns .btn {
    gap: 5px;
    display: flex;
    align-items: center;
    font-size: var(--c-font-size-75);
}

.empty_member_box.addmem_sign_empty {
    height: fit-content;
}

.radio_custom:checked + .radio_custom_label:before {
    padding: 1px 0 0 0;
}

.section_contract_sign .signature-pad {
    background-color: var(--_color_white);
    border: var(--common_border);
}

.section_contract_sign #template-div p {
    margin: 0;
}

.memgen_boxinner_row {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
    background-color: var(--_bg_dark);
    border-radius: 10px;
    padding: 12px 12px;
    min-height: 56px;
    height: 100%;
    border: var(--common_border);
    transition: 0.5s all ease;
}

.dark .memgen_boxinner_row {
    background-color: #17181C;
}

.memgen_boxinner_row.mbr_with_bar {
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
}

.mem_list_prnt {
    display: flex;
    align-items: center;
    gap: 1rem;
    line-height: 1.2;
}

    .mem_list_prnt i {
        color: var(--_primary_color);
        font-size: var(--c-font-size-200);
    }


.memgen_boxinner_list {
    gap: 10px;
    column-gap: 10px;
}

.memgen_boxinner_row .text_success i {
    color: #046C4E;
}

.memgen_boxinner_list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

    .memgen_boxinner_list .light_badge {
        background-color: var(--round_icon_bg);
        gap: 5px;
        display: flex;
        align-items: center;
        width: fit-content;
    }

        .memgen_boxinner_list .light_badge i {
            cursor: pointer;
        }

.mem_gen_note .memgen_boxinner_row {
    min-height: 80px;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
}

    .mem_gen_note .memgen_boxinner_row small {
        color: var(--_color_semilight);
        font-size: var(--c-font-size-75);
        font-weight: 500;
        line-height: 1.3;
    }

    .mem_gen_note .memgen_boxinner_row span {
        font-weight: 500;
        font-size: var(--c-font-size-80-experimental);
        color: var(--text_dark_color);
        line-height: 1.3;
        line-break: anywhere;
    }

.lastvisit_bottom_new {
    display: flex;
    border-top: var(--common_border);
    padding: 10px 0 0 0;
    flex-wrap: wrap;
}

    .lastvisit_bottom_new .memgen_boxinner_row {
        background: transparent;
        min-height: fit-content;
        border: 0;
        flex-direction: row;
    }

        .lastvisit_bottom_new .memgen_boxinner_row small {
            color: var(--_color_semilight);
            font-size: var(--c-font-size-75);
            font-weight: 500;
            line-height: 1.3;
        }

        .lastvisit_bottom_new .memgen_boxinner_row span {
            font-weight: 600;
            font-size: var(--c-font-size-80-experimental);
            color: var(--text_dark_color);
            line-height: 1.3;
            line-break: anywhere;
        }

.scrolled_tab {
    position: relative;
}

    .scrolled_tab:not(.--jsfied) {
        -webkit-overflow-scrolling: touch;
    }

    .scrolled_tab .--hidden {
        display: none;
    }

    .scrolled_tab a {
        display: block;
        white-space: nowrap;
    }

    .scrolled_tab .-memdroptabshow {
        display: none;
        position: absolute;
        top: 105%;
        right: 0;
        max-width: 100%;
        min-width: 10em;
        border-radius: var(--_bdr_radius_md);
        background-color: var(--_bg_light);
        box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important;
        z-index: 5 !important;
        padding: 0.5rem;
    }

        .scrolled_tab .-memdroptabshow a {
            padding: 0.3rem 0.5rem;
            text-align: start;
            border-radius: var(--_bdr_radius_md) !important;
            font-size: var(--c-font-size-70-experimental);
        }

            .scrolled_tab .-memdroptabshow a:hover {
                background-color: var(--_primary_color_light);
            }

            .scrolled_tab .-memdroptabshow a:active {
                background-color: var(--_primary_color_light);
            }

.scrolled_tab_prnt.--show-memdroptabshow .-memdroptabshow {
    display: block;
    z-index: 5;
}

.scrolled_tab li:hover .-memdroptabshow a {
    color: var(--_darkgray2_color) !important;
}

.-moretabshowbtn button {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #323232;
    max-width: 22px;
    min-width: 22px;
    max-height: 22px;
    min-height: 22px;
    border-radius: 50%;
    text-align: center;
    background-color: var(--_bg_dark);
    border: transparent;
    margin: -2px 0 0 0;
    padding: 0 !important;
}

.-moretabshowbtn {
    position: relative;
}

    .-moretabshowbtn button i {
        font-size: 14px;
    }

    .-moretabshowbtn button:hover, .-moretabshowbtn button:focus {
        background-color: var(--round_icon_bg);
        border: transparent;
    }

.-memdroptabshow li.active a {
    border: 0 !important;
}

.-moretabshowbtn li a {
    width: 100%;
    border: 0 !important;
}

.top_mem_tab li:hover .-memdroptabshow a {
    color: var(--_darkgray2_color) !important;
}

.mem_inner_tab_prnt .top_mem_tab {
    width: calc(100% - 80px);
}

.bart_top_search_row .bartender_tabs {
    /*width: calc(100% - 340px);*/
    width: 100%;
    max-width: calc(100vw - 800px);
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: #D9DCE0 transparent;
    min-width: 300px;
}

.bart_top_search_row {
    margin: 0 0 15px 0;
    padding: 15px 0 15px 0;
    border-bottom: var(--common_border);
    justify-content: space-between;
    align-items: center;
}

.bartender_tabs .nav-link {
    padding: 0;
    background-color: transparent;
    border-radius: 0;
}

.bartender_tabs .nav-pills .nav-link.active, .bartender_tabs .nav-pills .show > .nav-link {
    padding: 0;
    background-color: transparent;
    border-radius: 0;
}

.bartender_tabs .top_mem_tab {
    gap: 0;
}

.invoiceinfo_box .ma_item span {
    font-weight: var(--c-font-weight-regular);
    font-size: var(--c-font-size-50-experimental);
    display: block;
    color: var(--_color_semilight);
}

.invoiceinfo_box .ma_item b {
    font-size: var(--c-font-size-100);
}

.invoice_ip_bwtop {
    min-height: 30px;
}

.subs_success {
    height: calc(100% - 100px);
    background-color: var(--_bg_light);
    min-height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--_bdr_radius_md);
}

    .subs_success .round_icon i {
        color: #046C4E;
    }

    .subs_success .round_icon {
        background-color: #DEF7EC;
    }

    .subs_success h4 {
        font-size: var(--c-font-size-300);
        color: var(--_color_dark);
        font-weight: var(--c-font-weight-bold);
    }

    .subs_success p {
        max-width: 100%;
    }

.section_contract_sign table tbody tr td {
    max-width: 700px;
}

.bartender_product_sec {
    position: relative;
    overflow-x: auto;
    height: calc(100vh - 240px);
    min-height: 300px;
}

@media screen and (max-width: 1300px) {
    .bartender_product_sec {
        height: calc(100vh - 285px);
    }
}

@media screen and (max-width: 991px) {
    .bartender_product_sec {
        height: fit-content;
    }
}

@media screen and (max-width: 1600px) {
    .memgen_boxinner_list {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
}

@media screen and (max-width: 1600px) {
    .bart_top_search_row .search_input_new .form-control {
        max-width: 130px;
        min-width: 130px;
    }
}

@media screen and (max-width: 1300px) {
    .bart_top_search_row {
        flex-direction: column-reverse;
        align-items: flex-start;
    }

        .bart_top_search_row .bartender_tabs {
            width: calc(100% - 49px);
            max-width: calc(100vw - 600px);
        }

        .bart_top_search_row .search_input_new .form-control {
            max-width: 300px;
        }
}

@media screen and (max-width: 1600px) {
    .memgen_boxinner_list {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
}

@media only screen and (max-width: 1199px) {
    .calender .fc-header-toolbar.fc-toolbar.fc-toolbar-ltr {
        position: relative;
        max-width: 100%;
        justify-content: flex-start;
        gap: 10px;
        top: 0;
        left: 0;
        justify-content: space-between;
    }
}

@media screen and (max-width: 1024px) {
    .calender .fc-header-toolbar.fc-toolbar.fc-toolbar-ltr {
        flex-wrap: wrap;
    }

    .calender .fc-header-toolbar .fc-toolbar-chunk:nth-child(1) {
        order: 2;
    }

    .calender .fc-header-toolbar .fc-toolbar-chunk:nth-child(2) {
        order: 1;
    }

    .calender .fc-header-toolbar .fc-toolbar-chunk:nth-child(3) {
        order: 3;
        width: 100%;
    }

    .fc-media-screen {
        margin-top: 0.5rem !important;
    }

    .calender .fc .fc-toolbar-title {
        font-size: var(--c-font-size-100);
    }
}
@media screen and (max-width: 991px) {
    .bart_top_search_row .bartender_tabs {
        width: 100%;
        max-width: 100%;
    }
}

    @media screen and (max-width: 767px) {
        .calender .fc .fc-toolbar-title {
            font-size: var(--c-font-size-100);
        }

        .dataTables_info {
            text-align: center;
        }
        .new_addmember_bottm_btns {
            bottom: 19px;
            border-radius: 0;
            width: 100%;
        }
    }

    @media screen and (max-width: 575px) {
        .com_msg_top.mailbox_top {
            flex-direction: row;
        }
    }

    @media screen and (max-width: 500px) {
        .calender .fc-header-toolbar .fc-toolbar-chunk:nth-child(3) {
            flex-wrap: wrap;
            gap: 10px;
        }

            .calender .fc-header-toolbar .fc-toolbar-chunk:nth-child(3) .fc-button-group {
                width: 100%;
            }

        .calender .fc-refreshBtn-button, .calender .fc-addBtn-button {
            margin-left: 0 !important;
        }

        .calender_body {
            padding: 0.7rem !important;
        }
    }

    @media screen and (max-width: 1400px) {
        .invoiceinner_top .mem_top_action_btns {
            flex-direction: row;
            justify-content: flex-end;
        }
    }

    @media screen and (max-width: 1300px) {
        .invoiceinner_top .top_filter_bar_right {
            flex-wrap: nowrap;
        }

        .invoice_tab_box_grid .invoice_tab_box_grid_nav {
            grid-template-columns: repeat(2, 1fr);
            margin: 0 0 1rem 0;
        }
    }

    @media screen and (max-width: 991px) {
        .invoiceinner_top .mem_top_action_btns {
            flex-wrap: wrap;
            justify-content: flex-start;
        }
    }

    @media screen and (max-width: 767px) {
        .invoiceinner_top {
            margin: 0 0 1rem 0;
            flex-direction: column;
            align-items: flex-start;
        }

            .invoiceinner_top .mem_top_action_btns {
                justify-content: flex-start;
            }

        .invoice_ip_box_white {
            padding: 1rem;
        }

        .invoice_ip_box_top {
            padding: 1rem;
        }

        .invoiceinfo_box {
            min-height: fit-content;
        }

        .invoice_textarea textarea {
            min-height: 250px;
        }
    }

    @media screen and (max-width: 575px) {
        .ip_top_right {
            flex-wrap: wrap;
        }

            .ip_top_right select {
                max-width: 150px;
            }

        .total_amt_box_inner {
            flex-direction: column;
            gap: 5px;
        }

        .add_article_line_inner {
            flex-wrap: wrap;
            gap: 10px;
        }
    }

    @media screen and (max-width: 450px) {
        .invoice_tab_box_grid .invoice_tab_box_grid_nav {
            grid-template-columns: repeat(1, 1fr);
            gap: 0.5rem;
        }
    }

    .slcted_prdct_box_top {
        min-height: 52px;
    }

    .mcb_top_inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    .mcb_top_inner_links {
        display: flex;
        align-items: center;
        gap: 15px;
    }

    .mcb_top_inner_btns .btn-outline-secondary {
        font-size: var(--c-font-size-75);
        gap: 5px;
        display: flex;
        align-items: center;
    }

    .mcb_top_inner_btns {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .nsp_list .btn.btn-primary {
        font-size: var(--c-font-size-75);
        border-radius: 0px 4px 4px 0;
    }

    .new_addmem_cardlist {
        max-height: calc(100vh - 350px);
        min-height: fit-content;
    }

    .addmem_sign_empty .round_icon i {
        color: #046C4E;
    }

    .addmem_sign_empty .round_icon {
        background-color: #DEF7EC;
    }

    .mem_cmn_box_top .status_badge {
        background-color: #FDE7E9;
        color: #DD2929 !important;
        gap: 5px;
        display: flex;
        align-items: center;
    }

    .new_addmember_bottm_btns .btn {
        gap: 5px;
        display: flex;
        align-items: center;
        font-size: var(--c-font-size-75);
    }
#formEmployeeInfoDetails .flatpickr-wrapper {
    width: 100%;
}

.empty_member_box.addmem_sign_empty {
    height: fit-content;
}

    .radio_custom:checked + .radio_custom_label:before {
        padding: 1px 0 0 0;
    }

    @keyframes blink {
        0% {
            opacity: 1;
        }

        50% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

    .blink {
        animation: blink 1s infinite;
    }

    .csview_mdl .modal-header {
        justify-content: flex-end;
    }

    .csview_mdl .csview_mdl_img {
        max-width: 350px;
        max-height: 350px;
        object-fit: cover;
        margin: 0 auto;
        text-align: center;
    }

        .csview_mdl .csview_mdl_img img, .csview_mdl .csview_mdl_img video {
            max-width: 350px;
            max-height: 350px;
        }

    .csview_mdl .modal-body {
        border-radius: 10px !important;
        overflow: auto;
    }

    mcb_top_inner_links span {
        font-size: var(--c-font-size-75);
    }

    .lni_tabs_new li.nav-item:has(+ .d-none) .new_memnxt_arrow {
        display: none;
    }

    .new_addmem_card_bottom span:last-child {
        background-color: transparent;
        font-size: var(--c-font-size-150);
        font-weight: var(--c-font-weight-medium);
        color: var(--text_dark_color);
        padding: 0;
    }

    #btnlogon img {
        position: relative;
        top: auto;
        right: auto;
        width: 15px;
        height: 15px;
        object-fit: contain;
    }

    body table .input-group .input-group-text {
        background-color: var(--_bg_dark) !important;
        border: var(--common_border) !important;
        color: var(--text_dark_color) !important;
    }

    body table tr:hover .input-group .input-group-text {
        color: var(--text_dark_color) !important;
    }

    body .btn.disabled {
        cursor: not-allowed !important;
    }

    body .btn[disabled] {
        cursor: not-allowed !important;
    }

    .addmem_pay_btn_group {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        width: 100%;
        margin: 0.5rem 0 0 0;
    }

    .addmem_pay_btn {
        width: 100%;
        height: 100%;
        background-color: var(--_primary_color_light);
        color: var(--_primary_color);
        border-radius: var(--_bdr_radius_md);
        font-size: var(--c-font-size-75);
        padding: 0.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: 0.5s all ease;
    }

        .addmem_pay_btn:hover {
            background-color: var(--_primary_color);
            color: var(--_primary_color_light);
        }

    .memcard_pymnt .input-group .input-group-text {
        background-color: var(--_bg_dark) !important;
        border: var(--common_border) !important;
        color: var(--text_dark_color) !important;
    }

    .nsp_list i {
        font-size: var(--c-font-size-80-experimental);
        color: var(--text_dark_color);
        transition: 0.5s all ease;
    }

        .nsp_list i:hover {
            color: var(--_primary_color);
        }

    .memcard_pymnt input {
        max-width: 80px;
        min-width: 80px !important;
    }

    .nsp_list_prnt .link-primary {
        width: fit-content;
        margin: 0 auto;
    }

    .nsp_list_coupn_inner {
        width: 100%;
    }

        .nsp_list_coupn_inner span {
            color: var(--text_dark_color);
            font-size: var(--c-font-size-75);
            font-weight: 600;
        }

    .promocode_new {
        display: flex;
        justify-content: space-between;
        gap: 1rem;
        align-items: center;
    }

        .promocode_new p {
            font-weight: var(--c-font-weight-regular);
            font-size: var(--c-font-size-80-experimental);
            color: var(--_darkgray2_color);
            margin: 0;
        }

    .gray_badge {
        background-color: var(--_bg_dark);
        border: var(--common_border);
        font-size: var(--c-font-size-75);
        color: var(--_color_semilight);
        font-weight: 400;
        border: 0;
        padding: 0.5rem;
    }

    #email_canv .ck-restricted-editing_mode_standard {
        height: calc(100vh - 200px);
        overflow: auto;
    }

    @media screen and (max-width: 1400px) {
        .new_pymnt_grid {
            gap: 1rem;
        }
    }

    @media screen and (max-width: 1199px) {
        .new_addmem_cardgrid {
            grid-template-columns: repeat(2, 1fr);
        }
    }

    @media screen and (max-width: 991px) {
        .addmember_new_modal .modal-header .btn {
            padding-left: 10px !important;
            padding-right: 10px !important;
            font-size: var(--c-font-size-75);
        }

        body .addmember_new_modal .lni_tabs_new {
            margin: 0 0 20px 0;
        }

        .new_pymnt_grid {
            flex-direction: column;
        }

        .slcted_prdct_box_center .empty_member_box {
            height: auto !important;
        }

        .new_mem_fi .slcted_prdct_box {
            height: auto !important;
            margin: 0 0 1rem 0;
        }

        .mcb_top_inner {
            flex-direction: column;
            align-items: flex-start;
            gap: 1rem;
        }
    }

    @media screen and (max-width: 767px) {
        body .addmember_new_modal .modal-title {
            font-size: var(--c-font-size-80-experimental) !important;
            gap: 5px;
        }

        body .addmember_new_modal {
            padding: 0rem 0rem !important;
        }

            body .addmember_new_modal .gap-3 {
                gap: 0.5rem;
            }

            body .addmember_new_modal .modal-dialog {
                width: 100%;
                border-radius: 0 !important;
            }

            body .addmember_new_modal .modal-content {
                height: calc(100vh - 19px);
                border: 0;
            }

            body .addmember_new_modal .modal-header {
                border-radius: 0 !important;
                padding: 0.8rem !important;
            }

        .new_addmember_bottm_btns {
            background-color: var(--_bg_light) !important;
            padding: 0.9rem 0.8rem;
            position: fixed;
            bottom: -2px;
            left: 0;
            border-top: var(--common_border);
            z-index: 20;
            margin-bottom: 0;
        }

        .addmember_new_modal .tab-content.analys_tabs_content {
            margin-bottom: 40px;
        }
    }

    @media screen and (max-width: 575px) {
        .new_addmem_cardgrid {
            grid-template-columns: repeat(1, 1fr);
        }

        .slcted_prdct_box {
            min-width: fit-content;
        }

        .nsp_list p {
            width: fit-content;
        }

        .calender .fc-button-primary {
            padding: 0.2em 0.2em;
            font-size: var(--c-font-size-70-experimental);
        }
    }

    #tblMuscles tr td:nth-child(1), #tblMuscles tr td:nth-child(2) {
        width: 300px;
    }

    .addmember_new_modal .add_subscription_bill .modal-content {
        height: fit-content !important;
        box-shadow: 0 0 0 50vmax rgba(0, 0, 0, 0.5) !important;
    }

    .addmember_new_modal .add_subscription_bill .modal-body {
        background-color: var(--_bg_light) !important;
    }

    .addmember_new_modal .add_subscription_bill .modal-dialog {
        box-shadow: 0 0 0 50vmax rgba(0, 0, 0, 0.5) !important;
        height: 100% !important;
    }

        .addmember_new_modal .add_subscription_bill .modal-dialog.modal-dialog-centered {
            min-height: auto !important;
        }

    .addmember_new_modal .add_subscription_bill .modal-header {
        background-color: var(--_bg_dark) !important;
        min-height: auto !important;
    }

    .addmember_new_modal .add_subscription_bill .modal-body {
        border-radius: 0 0 10px 10px;
    }

    table#tblCheckins tr th:nth-child(1), table#tblCheckins tr td:nth-child(1) {
        width: 30px;
    }

    table#tblCheckins tr th:nth-child(2), table#tblCheckins tr td:nth-child(2) {
        width: 120px;
    }

    table#employeesHistoryTbl tr th:nth-child(1), table#employeesHistoryTbl tr td:nth-child(1) {
        width: 120px;
    }

    table#tblMemberCheckins tr th:nth-child(1), table#tblMemberCheckins tr td:nth-child(1) {
        width: 120px;
    }

    table#tblMemberCheckins tr th:nth-child(2), table#tblMemberCheckins tr td:nth-child(2) {
        width: 120px;
    }

    table#tblSearchMember tr th:nth-child(1), table#tblSearchMember tr td:nth-child(1) {
        width: 50px;
    }

    table#tblSearchMember tr th:nth-child(2), table#tblSearchMember tr td:nth-child(2) {
        width: 80px;
    }

    .ht_date_row .input-group-text {
        background-color: var(--_bg_dark);
        border: var(--common_border);
    }

        .ht_date_row .input-group-text i {
            color: var(--_color_dark);
        }

    .splitbill .input-group .input-group-text {
        background-color: var(--_bg_dark);
        border: var(--common_border);
        font-size: var(--c-font-size-75);
        color: var(--text_dark_color);
    }

    #pln_drop hr {
        margin: 0;
        opacity: 0.1;
    }

    .hiit_canv .resrv_empty {
        min-height: fit-content;
        height: auto;
    }

    .flatpickr-year-select {
        position: absolute;
        background-color: #fff;
        z-index: 1;
        right: 50px;
        width: fit-content;
        padding: 0;
        border: 0;
        top: 5px;
    }

        .flatpickr-year-select .ddl_year_fp {
            border: 0;
            font-size: 13px;
            padding-right: 6px;
            width: 90px;
            background: white;
            outline: 0;
        }

            .flatpickr-year-select .ddl_year_fp.valid:focus-visible {
                border: 0;
                outline: 0;
            }



    body .numInput.cur-year {
        visibility: hidden;
    }

    body .select2-container--default .select2-search--dropdown .select2-search__field {
        font-size: var(--c-font-size-80-experimental);
        border: var(--common_border);
        color: var(--_color_dark);
        background: var(--_color_white);
    }

        body .select2-container--default .select2-search--dropdown .select2-search__field:focus-visible {
            border: var(--common_border);
            outline: 0;
        }

    .graph_box text {
        font-size: 13px !important;
        fill: var(--_color_dark);
        stroke-width: 0px;
    }

    .gen_mem_accord.empty_gen_mem_accord_new {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        border-radius: var(--_bdr_radius_md) !important;
        border: 1px dashed var(--_border_color3);
        transition: 0.5s all ease;
        flex-direction: column;
        gap: 0.5rem;
        font-size: var(--c-font-size-80-experimental);
        color: #005bd3 !important;
        min-height: 303px;
        max-width: 474px;
    }

        .gen_mem_accord.empty_gen_mem_accord_new:hover {
            border: 1px dashed #0078D7;
            background: rgba(0, 120, 215, 0.05);
            color: var(--_primary_color_light);
        }

    .div_memberships_tab .search_input_new input {
        background: #ffffff00;
        padding-top: 0;
        padding-bottom: 0;
        min-height: auto;
    }

    .div_memberships_tab .search_input_new .top_round_icon i {
        color: #fff;
    }

    .div_memberships_tab .search_input_new .top_round_icon {
        max-width: 30px;
        min-width: 30px;
        max-height: 30px;
        min-height: 30px;
    }

    .wrokm_top .ma_item {
        align-items: center;
    }

    .wrokm_top .more_action_dropdown {
        width: max-content;
        min-width: 120px;
        top: 5px;
        right: 35px;
    }

    .wrokm_top .ma_item_link {
        padding: 0.2rem 0.5rem !important;
    }

    .wrokm_top .ma_item {
        gap: 0.5rem !important;
    }

    .wrokm_top .ma_item_icon i {
        font-size: var(--c-font-size-75);
    }

    .wrokm_top .ma_item_info strong {
        font-size: var(--c-font-size-75);
    }

    .stng_infoicon {
        width: fit-content;
        cursor: pointer;
    }

        .stng_infoicon a {
            pointer-events: none;
        }

            .stng_infoicon a i {
                color: var(--_primary_color);
                font-size: var(--c-font-size-80-experimental);
            }

    .dataTables_length label {
        font-size: 0 !important;
    }

        .dataTables_length label:before {
            content: '';
        }

    .cp_table_wrap {
        position: relative;
    }

    .dataTables_length {
        position: absolute;
        bottom: 25px;
        right: 10px;
    }

    #tblSearchLead_wrapper .dataTables_length, #divExerciseTable .dataTables_length, #divSchemeTable .dataTables_length, #sentBoxItemTbl_wrapper .dataTables_length, #tblSearchMembership_wrapper .dataTables_length,
    #tblSearchInvoice_wrapper .dataTables_length, #tblCoupon_wrapper .dataTables_length, #tblOrder_wrapper .dataTables_length, #TblEmployees_wrapper .dataTables_length,
    #tblSettingReport_wrapper .dataTables_length, #employeesHistoryTbl_wrapper .dataTables_length, #tblCalendarSearch_wrapper .dataTables_length, #tblReservation_wrapper .dataTables_length, #tblActivity_wrapper .dataTables_length, #TblExcercise_wrapper .dataTables_length {
        bottom: -1px;
    }

    #posSaleDataTbl_wrapper .dataTables_length {
        bottom: 11px;
    }

    #tblSearchMember_wrapper .dataTables_length {
        position: absolute;
        bottom: 0;
        right: 10px;
    }

    #tblCalendarGroup_wrapper .dataTables_length {
        bottom: 48px;
    }

    #divCalItemReservationsTbl .dataTables_length {
        bottom: 11px;
    }

    .dataTables_length select {
        border: 0px !important;
        padding: 3px 15px 4px 8px;
        background-position: 95% 50%;
        min-height: fit-content !important;
    }

    .seeting_modal .dataTables_length select {
        border: 0px !important;
        padding: 7px 15px 5px 8px;
        background-position: 95% 50%;
        min-height: fit-content !important;
        border-radius: 5px !important;
    }

    .seeting_modal .dataTables_length {
        bottom: 23px;
    }

    .dataTables_paginate .pagination {
        margin: 0 60px 0 0px;
    }

    .msgChooseSubscription_mdl.modal .modal-dialog {
        max-width: 650px;
    }

    .choosesubs_list {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
        margin: 0 0 1rem 0;
    }

    .choosesubs_box {
        border-radius: var(--_bdr_radius_md);
        display: flex;
        align-items: center;
        column-gap: 10px;
        padding: 0.8rem;
        position: relative;
        background-color: var(--_bg_dark);
        transition: 0.5s all ease;
    }

        .choosesubs_box:hover {
            background-color: var(--round_icon_bg);
        }

    .choosesubs_canvabody h3 {
        font-weight: 600;
        font-size: var(--c-font-size-80-experimental);
        color: var(--_color_dark);
        margin: 0 0 1rem 0;
    }

    .choosesubs_canvabody h4 {
        border: 0 !important;
    }

    .choosesubs_box h5 {
        font-weight: 600;
        font-size: var(--c-font-size-80-experimental);
        color: var(--_color_dark);
        margin: 0 0 5px 0;
    }

    .choosesubs_box p {
        font-size: var(--c-font-size-75);
        color: #747474;
        margin: 0 0 0px 0;
    }

    .choosesubs_canvabody .round_icon {
        min-width: 50px;
        min-height: 50px;
        max-width: 50px;
        max-height: 50px;
        border-radius: 50%;
    }

        .choosesubs_canvabody .round_icon i {
            font-size: var(--c-font-size-100);
        }

    .choosesubs_list_bottom {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0.5rem;
    }

    .choosesubs_canvabody .empty_member_box {
        min-height: auto;
        height: fit-content;
    }

    .choosesubs_canvabody .divide_line {
        position: relative;
        border-top: 1px solid #dedede;
        margin-top: 25px;
        margin-bottom: 25px;
    }

        .choosesubs_canvabody .divide_line span {
            background-color: var(--_color_white);
            color: #C5C3CC;
            position: absolute;
            top: -14px;
            left: 50%;
            padding: 0 10px;
            margin-left: -16px;
            font-weight: 400;
            font-size: var(--c-font-size-80-experimental);
            line-height: 26px;
        }

    .fc-event:hover {
        box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.3);
    }

    .checkin_search_btn .div_search_member_item_collapse .status_badge {
        width: fit-content !important;
    }

    @media screen and (max-width: 768px) {
        .calender_body {
            min-height: calc(100vh - 100px) !important;
        }

        .fc .fc-view-harness {
            height: calc(100vh - 50px) !important;
        }

        #newCal .fc-timegrid-axis-cushion {
            font-size: 14px;
        }
    }

    .ck-body-wrapper {
        z-index: 1300 !important;
    }

    .ck.ck-balloon-panel.ck-balloon-panel_arrow_s:after, .ck.ck-balloon-panel.ck-balloon-panel_arrow_s:before {
        content: none !important;
    }

    .ck.ck-balloon-panel.ck-balloon-panel_arrow_s.ck-balloon-panel_visible.ck-balloon-panel_with-arrow {
        left: 1rem !important;
    }

    .ck.ck-balloon-panel.ck-balloon-panel_arrow_n:after, .ck.ck-balloon-panel.ck-balloon-panel_arrow_n:before {
        content: none !important;
    }

    .ck.ck-balloon-panel.ck-balloon-panel_arrow_n.ck-balloon-panel_visible.ck-balloon-panel_with-arrow {
        left: 1rem !important;
    }

    .bcc_expand_link {
        height: 100%;
        margin: -8px 0 0px 0;
        display: flex;
        align-items: flex-end;
        margin-left: auto;
        width: fit-content;
    }

        .bcc_expand_link .link-primary {
            font-size: var(--c-font-size-75) !important;
        }

    .btn.btn-danger:disabled {
        opacity: 0.65;
        background-color: #dc3545;
    }

    .ck-toolbar .ck-heading-dropdown {
        max-width: 105px;
    }

    .lead_card.lead_card_empty {
        padding: 1rem;
        min-height: 158px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 0.5rem;
    }

        .lead_card.lead_card_empty .round_icon {
            min-width: 48px;
            min-height: 48px;
            max-width: 48px;
            max-height: 48px;
        }

            .lead_card.lead_card_empty .round_icon i {
                font-size: 16px;
            }

        .lead_card.lead_card_empty h4 {
            font-weight: 500;
            font-size: var(--c-font-size-200);
            line-height: 1.4;
            margin: 0;
            color: var(--_color_dark);
        }

    .choosesubs_list .cl-custom-check-label {
        height: fit-content;
        width: 100%;
        max-width: 100%;
        padding: 0;
        background-color: transparent;
        display: block;
    }

    .choosesubs_list_bottom .cl-custom-check-label {
        height: fit-content;
        width: 100%;
        max-width: 100%;
        padding: 0;
        background-color: transparent;
        display: block;
    }

    #email_canv.offcanvas.common_modal {
        width: 100% !important;
        max-width: 800px !important;
    }

    .ulReservationList li.cr_list_col, .ulWaitlistList li {
        transition: 0.5s all ease;
        padding: 0.5rem;
    }

        .ulReservationList li.cr_list_col:hover, .ulWaitlistList li:hover {
            padding: 0.5rem;
            background-color: var(--_bg_dark);
            border-radius: 10px;
        }

    .cp_table_wrap table {
        border-radius: 10px;
    }

        .cp_table_wrap table tbody tr:last-child td {
            border-bottom: 0;
        }

        .cp_table_wrap table tbody {
            border-radius: 0 10px 10px 0;
        }

            .cp_table_wrap table tbody tr:last-child td:last-child {
                border-radius: 0 0 10px 0;
            }

            .cp_table_wrap table tbody tr:last-child td:first-child {
                border-radius: 0 0px 0 10px;
            }

    .mem_pymnt_offcan .cp_table_wrap thead tr th:nth-child(1) {
        border-radius: 10px 0 0 0 !important;
    }

    .mem_pymnt_offcan .cp_table_wrap thead tr th:last-child {
        border-radius: 0px 10px 0 0 !important;
    }

    .mem_subs_pymnt_new {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.5rem;
    }

        .mem_subs_pymnt_new p:last-child {
            text-align: end;
        }

    .splitbill_newui {
        display: flex;
        align-items: center;
    }

        .splitbill_newui .form-select {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
            text-indent: 18px;
            width: 100%;
            min-width: 215px;
            max-width: 215px;
        }

        .splitbill_newui .form-control {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
            border-left: 0;
        }

    .splitbill_newui_inner {
        position: relative;
    }

    .splitbill_img {
        position: absolute;
        top: 2px;
        left: 10px;
        max-width: 17px;
    }

    #div_searched_member .ma_item_link {
        cursor: auto;
    }

    .barcode i {
        cursor: pointer;
    }

    .subscription_payment_modal .new_pymnt_grid_right {
        min-width: 480px;
        max-width: 480px;
    }

    .subscription_payment_modal .slcted_prdct_box {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
    }

    .slcted_prdct_box_center {
        height: calc(100vh - 200px);
        min-height: 300px;
    }

    .subscription_payment_modal .nsp_list_prnt .nsp_list:last-child {
        border-bottom: var(--common_border);
    }

    .subscription_payment_modal .mem_subs_pymnt_new {
        justify-content: space-between;
        width: 100%;
    }

    .subscription_payment_modal .div_list_subscriptions {
        width: 100%;
    }

    .subscription_payment_modal .nsp_list p {
        width: fit-content;
    }

    .subscription_payment_modal .btn.btn-primary {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
    }

    .subscription_payment_modal #tblMemberPayment_wrapper {
        overflow: auto;
    }

    .subscription_payment_modal .new_pymnt_grid_left {
        width: calc(100% - 500px);
    }

    .tab-content > .tab-pane, .tab-content > .tab-pane:focus-visible {
        outline: 0 !important;
    }

    @media (max-width: 1300px) {
        .subscription_payment_modal .new_pymnt_grid_right {
            min-width: 380px;
            max-width: 380px;
        }

        .subscription_payment_modal .new_pymnt_grid_left {
            width: calc(100% - 400px);
        }
    }

    @media (max-width: 991px) {
        .subscription_payment_modal .slcted_prdct_box, .subscription_payment_modal .new_pymnt_grid_right {
            min-width: 100%;
            max-width: 100%;
        }

        .subscription_payment_modal .new_pymnt_grid_left {
            width: 100%;
        }
    }

    @media (max-width: 767px) {
        .popover {
            display: none !important;
        }

        .dataTables_length {
            bottom: 33px;
        }

        #tblSearchMember_wrapper .dataTables_length {
            bottom: 10px;
        }

        .dataTables_paginate .pagination {
            margin: 0px 60px 10px 0px !important;
            justify-content: center;
        }

        body .dataTables_info {
            margin: 5px auto 2px;
        }

        body .dataTables_paginate {
            margin-top: 5px;
        }
    }

    @media (max-width: 600px) {
        .more_action_dropdown {
            position: fixed;
            width: 100%;
            max-width: 100%;
            top: auto;
            border-radius: 10px 10px 0px 0px;
            bottom: 0px;
            padding: 1rem !important;
        }
    }

    body .seeting_modal .cp_multi_selector .select2-container--default.select2-container--focus .select2-selection--multiple {
        max-height: fit-content;
        min-height: 38px;
    }

    body .seeting_modal .cp_multi_selector .select2-container--default .select2-selection--multiple {
        padding: 3px 30px 3px 3px;
        max-height: fit-content;
    }

    /*///////////////*/
    .lead_new_modal .modal-dialog {
        max-width: 1490px !important;
        padding: 0 16px;
    }

    .lead_new_modal .modal-body {
        padding: 0;
    }

    .lead_new_modal .leadbigbox {
        margin: 0;
    }

    .dark .lead_new_modal .leadbigbox {
        background-color: #17181C;
    }

    .lead_new_modal .leadb_left {
        max-width: 100%;
        border: 0;
        min-width: 650px;
    }

    .dark .lead_new_modal .leadb_left {
        background-color: #17181C;
    }

    @media (max-width: 1300px) {
        .lead_new_modal .leadb_left {
            min-width: 500px;
        }
    }

    @media (max-width: 1199px) {
        .lead_new_modal .leadb_left {
            min-width: 100%;
        }
    }

    .lead_new_modal .leadb_right {
        max-width: 100%;
        border: 0;
        /*background-color: #F5F7FA;*/
        background-color: var(--_bg_light) !important;
    }

        .lead_new_modal .leadb_right .form-control, .lead_new_modal .leadb_right select {
            background-color: var(--_bg_light) !important;
        }

    .lead_new_modal .leadinfo_bottom {
        border-top: var(--common_border);
    }

    .lead_new_modal .btn-close {
        position: absolute;
        top: 0px;
        right: -40px;
        background-size: 13px;
        z-index: 9;
        width: 1.5rem;
        height: 1.5rem;
        background-color: #000;
        border-radius: 50%;
        opacity: 0.6;
        background-image: none;
    }

        .lead_new_modal .btn-close i {
            color: #fff;
        }

    .dark .lead_new_modal .btn-close {
        filter: invert(1);
    }

    .lead_new_modal .leadb_center {
        padding: 20px 40px 0;
    }

    .dark .lead_new_modal .leadb_center {
        background-color: #17181C;
    }

    .dark .div_lead_steps_html {
        background-color: #17181C;
    }

    .lead_new_modal .leads_icons {
        margin: 0;
    }

    .lead_new_modal .lead_canv_contct {
        border-top: var(--common_border);
        overflow: auto;
        height: calc(100vh - 580px);
        min-height: 290px;
        scrollbar-width: thin;
        scrollbar-color: var(--secondary_bk_color) transparent;
    }

    .lead_new_modal .leadb_right .tab_pane_inner {
        max-width: 700px;
        border-radius: 0 10px 0 0;
        /*height: calc(100vh - 268px);*/
        height: calc(100vh - 257px);
    }

    .lead_new_modal .leadb_right .nav-item .nav-link.active small {
        color: var(--_primary_color);
    }

    .lead_new_modal .leadb_right .nav-item .nav-link.active i {
        color: var(--_primary_color);
    }

    .lead_new_modal .leads_scrolled_para {
        height: calc(100vh - 625px);
        min-height: 160px;
        margin: 0px 0 0 0;
        padding: 25px 40px 0;
    }

    .lead_new_modal .leadb_right .tab-content {
        background-color: var(--_bg_light) !important;
        border-radius: 10px;
        padding: 15px 0 0 0;
    }

    .dark .lead_new_modal .leadb_right .tab-content {
        background-color: #17181C !important;
    }

    .lead_new_modal .leadb_right .nav-pills {
        border-radius: 10px;
    }

    .lead_new_modal .leadb_right {
        border-radius: 0px 10px 10px 0px;
        border-left: var(--common_border);
        min-height: 600px;
        min-width: 600px;
    }

    .dark .lead_new_modal .leadb_right {
        background-color: #17181C !important;
    }

    .lead_new_modal .leadinfo_bottom {
        border-top: var(--common_border);
    }

    .leadbigbox_empty .lead_canv_contct {
        padding-top: 40px;
        margin: 40px 0 0 0;
    }

    .leadbigbox_empty .leadb_center {
        padding-top: 80px;
    }

    .leadbigbox_empty .leadb_top {
        display: none;
    }

    .leadbigbox_empty .leadinfo_bottom {
        justify-content: flex-end;
    }

    .lead_new_modal .btn.disabled, .lead_new_modal .btn:disabled, .lead_new_modal fieldset:disabled .btn {
        pointer-events: auto !important;
        cursor: not-allowed;
    }

    .lead_profile_img {
        width: fit-content;
        position: relative;
    }

        .lead_profile_img .top_round_icon {
            position: absolute;
            bottom: -5px;
            right: -10px;
            max-width: 32px;
            min-width: 32px;
            max-height: 32px;
            min-height: 32px;
        }

    body .btn.btn-secondary.disabled:focus, body .btn.btn-secondary.disabled:active {
        outline: 0;
        border: 0;
    }

    body .top_round_icon.disabled {
        cursor: not-allowed !important;
        opacity: 0.7;
    }

    .div_lead_email {
        position: relative;
        z-index: 9999;
    }

    .div_lead_overlay_email {
        z-index: 9998 !important;
    }

    .div_opening_hours_canvas .gen_cmn_box_new {
        box-shadow: var(--_shadow_xs);
    }

    .div_opening_hours_canvas .opn_hrs_setting {
        border-radius: 0.5rem;
    }

    .div_opening_hours_canvas .gen_cmn_box_body_new {
        padding: 0.5rem 0.5rem;
    }

    .div_opening_hours_canvas .ohs_dates select.form-select {
        padding-right: 22px;
        background-position: 96% !important;
    }

    .div_opening_hours_canvas .ohs_action {
        margin-top: auto;
    }

    .div_opening_hours_canvas .ohs_day {
        min-width: fit-content;
    }

    .div_opening_hours_canvas .form-select {
        background-color: var(--_bg_dark);
    }

    .div_opening_hours_canvas .ohs_date {
        display: flex;
        flex-direction: column;
        align-items: flex-start !important;
    }

    .status_draft_inv {
        color: #0078D7 !important;
        background-color: #E4EFFF;
    }

    .dark .status_draft_inv {
        color: #fff !important;
        background-color: #0078D7 !important;
    }

    .dark body .table-hover > tbody > tr:hover > * span.status_draft_inv {
        color: #fff !important;
    }

    .status_paid_inv {
        color: #046C4E !important;
        background-color: #DEF7EC;
    }

    .dark .status_paid_inv {
        color: #ffffff !important;
        background-color: #046C4E !important;
    }

    .dark body .table-hover > tbody > tr:hover > * span.status_paid_inv {
        color: #fff !important;
    }

    .status_sent_inv {
        color: #323232 !important;
        background-color: #EDF0ED;
    }

    .dark .status_sent_inv {
        color: #fff !important;
        background-color: #323232 !important;
    }

    .dark body .table-hover > tbody > tr:hover > * span.status_sent_inv {
        color: #fff !important;
    }

    .status_overdue_inv {
        color: #DD2929 !important;
        background-color: #FDE8E8;
    }

    .dark .status_overdue_inv {
        color: #ffffff !important;
        background-color: #DD2929 !important;
    }

    .dark body .table-hover > tbody > tr:hover > * span.status_overdue_inv {
        color: #fff !important;
    }

    .empty_access_club .btn {
        width: fit-content;
        margin: 0 auto;
    }

    .header_user_resp {
        display: none;
    }

    .header_user_resp_collapse {
        display: none;
    }

    .lead_new_modal .leadb_top {
        padding: 23px 40px;
    }

    .lead_new_modal .leadb_right .nav-pills {
        flex-wrap: nowrap;
    }

    .dark .lead_new_modal .leadb_right .nav-pills {
        background-color: #1C1D21;
    }

    /*.lead_new_modal .nav-pills .nav-item:last-child {
    padding: 0 20px 0 0;
}*/

    @media (max-width: 767px) {
        .lead_new_modal .btn-close {
            top: 18px;
        }

        .lead_new_modal .leadb_top {
            padding: 20px 40px 20px 20px;
        }

        .lead_new_modal .modal-dialog {
            padding: 0;
            margin: 0 !important;
        }

        .lead_new_modal .leadb_right .nav-item .nav-link {
            padding: 10px 5px;
            min-height: 60px;
            line-height: 1;
        }

            .lead_new_modal .leadb_right .nav-item .nav-link small {
                font-size: var(--c-font-size-70-experimental);
            }

        .lead_new_modal .leadb_right .nav-link {
            min-width: fit-content;
        }

        .lead_new_modal .modal-content {
            border-radius: 0 !important;
        }

        .lead_new_modal .formrow_scrolled {
            padding: 0px 10px 10px 0px;
        }
    }

    @media (max-width: 575px) {
        .navbar.navbar-expand {
            display: flex;
            align-items: center;
            z-index: 5;
        }

        .header_user_resp_collapse {
            display: block;
        }
        /*.navbar-expand .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
        margin: 6px 0 0px 0;
    }*/
        .header_user_resp {
            display: flex !important;
        }

            .header_user_resp .header_user {
                background-color: var(--_primary_color);
            }

                .header_user_resp .header_user i {
                    color: #fff !important;
                }

        .profiledrop .btn {
            padding: 7px 12px 3px 0;
        }

        .pp_img img {
            width: 32px;
            height: 32px;
        }

        .profiledrop .dropdown-toggle::before {
            top: 15px;
            right: -2px;
        }

        .profiledrop .btn {
            padding: 3px 12px 3px 0;
        }

        .pp_img {
            width: 32px;
            height: 32px;
        }

        .navbar.navbar-expand .header_search_new {
            display: none;
        }

        .navbar.navbar-expand .input-group {
            width: 100%;
            margin: 0 auto;
            border: var(--common_border) !important;
            padding: 5px;
        }

        .header_user_resp_collapse {
            position: absolute;
            top: 110%;
            width: 100%;
            left: 0;
            padding: 0.5rem;
            border: 1px solid var(--_border_color);
            background-color: var(--_bg_light) !important;
            border-radius: var(--_bdr_radius_md);
        }

            .header_user_resp_collapse .header_search_new {
                display: flex !important;
            }

                .header_user_resp_collapse .header_search_new .search_input_new .input-group {
                    padding: 5px;
                    border: var(--common_border) !important;
                    width: 100%;
                }

            .header_user_resp_collapse .search_input_new {
                width: 100%;
            }
    }

    .mem_cmn_box_body .headline {
        font-size: 25px;
    }

    .mem_cmn_box_body .wrap {
        height: fit-content;
    }

    table.dataTable > tbody > tr td i.currentplan_icon, table.dataTable.order-column.stripe > tbody > tr.selected > td i.currentplan_icon {
        background-color: #DC3545;
        border-radius: 50%;
        padding: .5rem;
        color: #fff !important;
    }

    .fc-event-selected::after, .fc-event:focus::after {
        background-color: transparent !important;
    }

    .mem_pp_row .status_badge {
        text-overflow: ellipsis;
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        max-width: 100px;
    }

    thead[role="presentation"] tr:nth-child(2) .fc-col-header-cell-cushion {
        text-overflow: ellipsis;
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        /*max-width: 40px;*/
    }

    .div_other_activity_price .input-group-text {
        background-color: var(--_bg_dark) !important;
        border: var(--common_border) !important;
    }

    .ht_inpugroup label {
        color: var(--_color_dark);
        font-size: var(--c-font-size-80-experimental);
    }

    .fc-event-selected::after, .fc-event:focus::after {
        background-color: transparent !important;
    }

    .mem_pp_row .status_badge {
        text-overflow: ellipsis;
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        max-width: 100px;
    }

    .empty_access_club .btn {
        width: fit-content;
        margin: 0 auto;
    }

    @media (max-width: 575px) {
        #divMemberAddEditSubscriptionSection .modal-header {
            flex-direction: column;
            gap: 1rem;
            align-items: flex-start;
        }

        #divMemberAddEditSubscriptionSection .btn-close {
            position: absolute;
            top: 1rem;
            right: 1rem;
            z-index: 9;
        }
    }

    .paycards_box .pc_box .cl-custom-check-label i {
        color: var(--_primary_color);
        font-size: 12px;
    }

    .bar_card.bar_card_empty {
        border: 1.5px dashed #0078D7 !important;
        background: rgba(0, 120, 215, 0.05);
        line-height: 1.2;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 5px;
        color: #0078D7;
        padding: 20px;
        text-align: center;
        font-size: var(--c-font-size-100);
    }

    .offcanvas .form-select {
        background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3e%3cpath fill="none" stroke="%23343a40" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m2 5 6 6 6-6"/%3e%3c/svg%3e') !important;
        padding-right: 35px !important;
    }

    .bar_card {
        position: relative;
    }

        .bar_card .canv_card_dlt_icon {
            display: none;
        }

        .bar_card:hover .canv_card_dlt_icon {
            display: flex;
        }

            .bar_card:hover .canv_card_dlt_icon i {
                font-size: 12px;
            }

        .bar_card .canv_card_dlt_icon {
            position: absolute;
            top: 0.5rem;
            gap: 0.5rem;
            right: 0.5rem;
        }

            .bar_card .canv_card_dlt_icon .top_round_icon {
                display: flex;
                align-items: center;
                flex-direction: column;
                gap: 0.5rem;
                max-width: 25px;
                min-width: 25px;
                max-height: 25px;
                min-height: 25px;
            }

    .canv_card_color_icon button {
        width: 20px;
        height: 20px;
    }

    .canv_card_color_icon input {
        width: 20px;
        height: 20px;
    }

        .canv_card_color_icon input:focus-visible {
            outline: 0;
            border: 0;
            background-color: transparent;
        }

    .canv_card_color_icon {
        position: absolute;
        bottom: 0.5rem;
        right: 0.5rem;
        width: 20px;
        height: 20px;
    }

    .article_preview_modal.modal .modal-dialog {
        max-width: 815px;
    }

    .article_preview_modal.modal .bar_card {
        cursor: pointer;
    }

    .article_preview_modal.modal .barcardlist {
        height: calc(100vh - 200px);
        min-height: 400px;
    }

    body .seeting_modal .stng_inner_modal .modal-body .article_preview_modal.modal .modal-body {
        border-radius: 0 0 var(--_bdr_radius_md) var(--_bdr_radius_md) !important;
    }

    #bartender_prv_canvas .barcardlist.barcardlist_canv .bar_card.bar_card_empty {
        width: 200px !important;
        height: 120px !important;
    }

    .lead_canv_contct_btns .top_round_icon {
        max-width: 32px;
        min-width: 32px;
        max-height: 32px;
        min-height: 32px;
    }

    .lead_canv_contct p {
        color: var(--text_dark_color);
        font-size: var(--c-font-size-100);
        margin: -8px 0 1rem 0;
    }

    .lead_new_modal .lead_plandate_modal .modal-dialog {
        max-width: 600px !important;
    }

    .lead_plan_input_row {
        margin: 1rem 0 0rem 0;
    }

        .lead_plan_input_row label {
            display: block;
        }

        .lead_plan_input_row textarea.form-control {
            min-height: 120px;
            max-height: 120px;
        }

        .lead_plan_input_row h5 {
            color: var(--_color_dark);
            margin: 0 0 2px 0;
            font-weight: 600;
            font-size: var(--c-font-size-200) !important;
        }

        .lead_plan_input_row p {
            color: var(--_color_dark);
            margin: 0 0 8px 0;
            font-weight: 500;
            font-size: var(--c-font-size-100);
        }

        .lead_plan_input_row .cal_top_btn.cal_top_btn_color {
            justify-content: flex-start;
        }

    @media screen and (max-width: 1199px) {
        .lead_new_modal .leads_scrolled_para {
            height: fit-content;
            min-height: fit-content;
        }

        .lead_new_modal .lead_canv_contct {
            height: fit-content;
            min-height: fit-content;
        }

        .leadb_right .tab_pane_inner {
            height: fit-content;
            min-height: fit-content;
        }

        .lead_new_modal .leadb_right {
            min-width: 100%;
        }
    }

    @media screen and (max-width: 991px) {
        .leadb_left .lead_canv_contct {
            padding: 15px 15px;
        }

        .lead_body_new .leads_scrolled_para {
            padding: 15px 15px 0;
        }

        .lead_new_modal .leadb_center {
            padding: 15px 15px 0;
        }
    }

    @media screen and (max-width: 767px) {
        .leadb_top .btn span {
            display: none;
        }

        .leadb_top .btn {
            border-radius: 50%;
            width: 32px;
            height: 32px;
            padding: 0;
            display: flex;
            align-items: center;
            justify-content: center;
        }

            .leadb_top .btn i {
                margin: 0 !important;
            }
    }

    .custom_loader_col {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

        .custom_loader_col h4 {
            font-size: var(--c-font-size-200);
            color: var(--text_dark_color);
            margin: 0 0 4px 0;
            font-weight: 600;
        }

        .custom_loader_col p {
            color: var(--_color_semilight);
            margin: 0;
            font-size: var(--c-font-size-75);
            font-weight: var(--c-font-weight-regular);
        }

        .custom_loader_col .spinner-border.text-primary {
            color: var(--_primary_color) !important;
            --bs-spinner-width: 6rem;
            --bs-spinner-height: 6rem;
            margin: 0 0 1rem 0;
            border-right-color: #00000014 !important;
        }

    .comuni_msg_flex {
        display: flex;
        flex-direction: column;
        gap: 0.7rem
    }

    .comuni_msg {
        display: flex;
        gap: 0.2rem;
        max-width: 50%;
        min-width: 320px;
        margin-left: auto;
        flex-direction: column;
        justify-content: flex-end;
        align-items: flex-end;
    }

    .comuni_msg_box {
        border: 1px solid var(--_border_color);
        background-color: var(--_bg_light) !important;
        border-radius: var(--_bdr_radius_md);
        width: 100%;
        padding: 12px 20px !important;
        color: var(--_color_dark);
        font-size: var(--c-font-size-80-experimental);
        display: flex;
        flex-direction: column;
    }

        .comuni_msg_box div {
            display: flex;
        }

    .comuni_msg span {
        color: var(--_color_semilight);
        font-size: var(--c-font-size-75);
    }

    .comuni_msg_inner {
        display: flex;
        gap: 10px;
        align-items: center;
    }

    .communi_icon {
        display: flex;
        align-items: center;
        justify-content: center;
        max-width: 32px;
        min-width: 32px;
        max-height: 32px;
        min-height: 32px;
        border-radius: 50%;
        background-color: var(--_primary_color_light);
        color: var(--_primary_color);
        border: transparent;
    }

        .communi_icon i {
            color: var(--_primary_color);
            font-size: 12px;
        }

    .offcanvas.lead_email_canvas_new {
        z-index: 9999 !important;
    }

        .offcanvas.lead_email_canvas_new:after {
            content: "";
            opacity: 0.5;
            position: fixed;
            top: 0px;
            left: 0px;
            z-index: -1;
            width: 100vw;
            height: 100vh;
            background-color: rgb(0, 0, 0);
        }

    .lead_email_canvas_new .offcanvas-body {
        background-color: var(--_bg_light) !important;
    }

    .lead_email_canvas_new .filter_cav_bottom {
        background-color: var(--_bg_light) !important;
    }

    .meminfo_row .meminfo_rowdate {
        text-align: end;
        flex: 1;
    }

    .lead_his_steps {
        flex: 1;
        max-width: 180px;
        min-width: 180px;
    }

    #leadHistoryTabContent .tab_pane_inner {
        height: calc(100vh - 180px);
    }

    #leadCommunicationTabContent .tab_pane_inner {
        height: calc(100vh - 180px);
    }

    .lc_top .dropdown .top_round_icon:after {
        content: none !important;
    }

    body .btn-secondary.disabled {
        background-color: var(--round_icon_bg) !important;
        opacity: 0.5;
    }

        body .btn-secondary.disabled i {
            color: #000;
        }

        body .btn-secondary.disabled span {
            color: #000 !important;
        }

    .leadb_top .sb_active {
        color: var(--_primary_color) !important;
        min-width: 65px !important;
        padding: 8px 12px;
        border-radius: var(--_bdr_radius_md);
        background-color: var(--_primary_color_light);
    }
    /*.dark .leadb_top .sb_active {
    color: var(--_primary_color_light) !important;
    background-color: var(--_primary_color);
}*/
    /*.dark .leadb_top .sb_active {
    color: #fff !important;
    background-color: var(--_primary_color) !important;
}*/
    .addmember_page_new .div_sign_contract {
        max-width: 1000px;
        padding-right: 50px;
        margin: 0 auto;
        position: relative;
    }

    .div_sign_contract .mcb_top_inner_btns {
        position: absolute;
        right: 0;
        flex-direction: column;
        align-items: flex-start;
        top: 0;
    }

    /* .div_sign_contract .mcb_top_inner_btns .btn.btn-outline-secondary {
            background-color: var(--_primary_color);
            border: 0;
            color: #fff;
        }

        .div_sign_contract .mcb_top_inner_btns .btn.btn-outline-secondary:hover {
            background-color: var(--_primary_color_dark);
            border: 0;
        }*/
    /*.div_sign_contract table{width: 100% !important;max-width: 100%;}*/
    /*.div_sign_contract table tbody tr td {
    width: 100% !important;
    max-width: fit-content;
}*/
    .div_sign_contract table tbody {
        text-align: left;
        margin: 0 auto;
        width: fit-content;
    }

    .div_sign_contract figure.table {
        width: 100% !important;
    }

    .div_sign_contract img {
        width: 100%;
    }

    @media screen and (max-width: 600px) {
        #pills-canv_resev .cr_list_text {
            flex-direction: column;
            align-items: flex-start;
            gap: 0rem;
        }
        #pills-canv_resev .resev_check_col {
            justify-content: space-between;
            width: calc(100% - 70px);
            margin-left: auto;
        }
        #pills-canv_resev .btn.btn-secondary {
            margin: -28px 0 0 0;white-space: nowrap;
        }
        #pills-canv_resev .heet_bottom {
            padding: 10px;
        }
        #pills-canv_resev .cr_list_col .status_badge {
            line-height: 1.8;
        }
    }

    .dark .fc-theme-standard td, .dark .fc-theme-standard th {
        border: 1px solid #313131 !important;
    }

    .dark .fc-theme-standard .fc-scrollgrid {
        border: 1px solid transparent !important;
    }

    /* .dark {
        background-color: var(--_primary_color) !important;
    }*/

    .sale_calender_body .fc-toolbar-chunk {
        display: flex;
    }

    .sale_calender_body .event-title {
        font-size: var(--c-font-size-80-experimental);
        font-weight: 500;
        color: #000000;
    }

    .sale_calender_body .event-member {
        font-size: 0.625rem;
        color: #111111;
    }

    .sale_calender_body .fc-event.fc-event-start {
        overflow: hidden;
    }

    .sale_calender_body .fc-event-title {
        font-size: 0.625rem;
    }

    .sale_calender_body .fc-toolbar-chunk:nth-child(1) .fc-button-group {
        padding: 0 !important;
    }

    div#tblMemberSubscription_wrapper .row.dt-row {
        padding-bottom: 20px;
    }

    .header_noti_drop {
        position: absolute;
        background-color: var(--_bg_light);
        border-radius: var(--_bdr_radius_md);
        z-index: 9;
        width: 100%;
        min-width: 400px;
        right: 0;
        top: 55px;
    }

    .dark .header_noti_drop {
        background-color: #17181c;
    }

    .header_noti_drop h5 {
        font-weight: var(--c-font-weight-bold);
        font-size: var(--c-font-size-100);
        color: var(--text_dark_color);
        margin: 0;
    }

    .header_noti_drop small {
        color: var(--text_dark_color);
        font-size: var(--c-font-size-75);
        font-weight: 500;
    }

    .header_noti_drop span {
        color: var(--_color_semilight);
        font-size: var(--c-font-size-100);
        font-weight: 500;
    }

    .header_noti_drop_list {
        display: flex;
        gap: 1rem;
        justify-content: space-between;
        align-items: center;
    }

    .header_noti_drop ul {
        display: flex;
        flex-direction: column;
        scrollbar-width: thin;
        scrollbar-color: #D9DCE0 transparent;
        height: 100%;
        max-height: 350px;
        overflow-y: scroll;
        margin: 0 0 1rem 0;
    }

        .header_noti_drop ul li {
            padding: 1rem 1.5rem 1rem 1.5rem;
            border-bottom: var(--common_border) !important;
        }

            .header_noti_drop ul li:last-child {
                border-bottom: 0;
            }

    .lead_noti_icon {
        min-height: 32px;
        min-width: 32px;
        max-height: 32px;
        max-width: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 10px;
        font-size: var(--c-font-size-100);
    }

        .lead_noti_icon.unread {
            background-color: var(--_primary_color);
            color: #fff;
        }

        .lead_noti_icon.read {
            background-color: var(--_bg_dark);
            color: var(--_color_dark);
        }

    .header_noti_drop_top {
        background-color: var(--_bg_dark);
        border-bottom: var(--common_border);
        padding: 1rem 1.5rem;
        border-radius: var(--_bdr_radius_md) var(--_bdr_radius_md) 0 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
    }

    .dark .header_noti_drop_top {
        background-color: #1c1d21;
    }

    .header_noti_drop_top h3 {
        font-weight: 600;
        font-size: var(--c-font-size-200);
        color: var(--text_dark_color);
        margin: 0;
    }

    .header_noti_drop_top a {
        font-size: var(--c-font-size-75);
        font-weight: 500;
    }

    .lead_commu_tab {
        height: calc(100vh - 185px);
        overflow: auto;
        scrollbar-width: thin;
        scrollbar-color: var(--secondary_bk_color) transparent;
        min-height: 300px;
        padding: 0 15px 0 0;
    }

    #sub_history_canv .row.dt-row {
        max-height: calc(100vh - 180px);
    }

    #tblSearchSalesReport_wrapper .dataTables_length {
        bottom: 0px;
    }

    #tblSearchSalesReport.dataTable td:last-child {
        text-align: right !important;
    }

    #tblProcessStepsReport_wrapper .dataTables_length {
        bottom: 0px;
    }

    .theme_new {
        padding: 2px 10px !important;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .theme_new span {
            font-weight: var(--c-font-weight-regular);
            font-size: var(--c-font-size-100);
            color: var(--_color_semilight);
        }

    .theme_options {
        display: flex;
        align-items: center;
        background-color: var(--_bg_dark);
        padding: 4px 4px;
        border-radius: 20px;
        gap: 0.4rem;
    }

        .theme_options a {
            transition: 0.5s all ease;
            width: 24px;
            height: 24px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

            .theme_options a.active {
                background-color: var(--_bg_light) !important;
            }

            .theme_options a:hover {
                background-color: var(--_bg_light) !important;
            }

        .theme_options i {
            font-weight: 700;
            color: var(--_color_dark);
            font-size: var(--c-font-size-100);
        }
    /*.mem_agree_row_second{flex-direction: column;}
    .mem_agree_row_second .mem_agree_list {
        min-height: fit-content;
    }*/

    .contract_left_head {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        padding: 23px 20px;
        background-color: var(--_bg_dark);
        border-radius: 20px 20px 0 0;
        border: 1px solid var(--_border_color);
    }

        .contract_left_head .form-select {
            background-color: transparent;
            border: 0;
            padding: 0;
            padding-right: 30px;
        }

        .contract_left_head .dropdown-toggle {
            background-color: transparent !important;
            color: var(--_darkgray_color);
            font-size: var(--c-font-size-80-experimental);
        }

    .contract_left_body {
        padding: 20px 20px;
        background-color: var(--_bg_light);
        border-radius: 0 0 20px 20px;
    }

    .template_div {
        border: var(--common_border);
        border-radius: 10px;
        padding: 1rem;
        max-width: 100%;
        margin: 0 auto;
    }

    .template_div_prnt {
        scrollbar-width: thin;
        scrollbar-color: #D9DCE0 transparent;
        height: calc(100vh - 250px);
        overflow: auto;
    }

    .template_div #template-div {
        height: 100%;
    }

    .template_div_prnt .mem_agree_sign_box_prnt {
        max-width: 100%;
        margin: 15px auto 0;
    }

    .mem_agree_row_new .mem_agree_col {
        width: 100%;
    }

        .mem_agree_row_new .mem_agree_col table {
            width: 100% !important;
        }

        .mem_agree_row_new .mem_agree_col:nth-child(1) {
            max-width: 250px;
            min-width: 250px;
        }

    .mem_agree_row_new .mem_agree_list {
        min-height: fit-content;
        min-width: 100%;
        max-width: 100%;
        padding: 0;
    }

    .mem_agree_row_new .agree_mainbox_top h2 {
        white-space: nowrap;
    }

    .mem_agree_row_new .agree_mainbox_top svg {
        max-width: 20px;
        height: 20px;
    }

        .mem_agree_row_new .agree_mainbox_top svg path {
            fill: var(--_darkgray_color);
        }

    .mem_agree_row_new .mem_agree_sign_box h4 {
        color: var(--_darkgray_color);
        font-size: var(--c-font-size-100);
        margin: 0 0 15px 0;
        font-weight: var(--c-font-weight-bold);
    }

    .mem_agree_sign {
        position: relative;
    }

        .mem_agree_sign img {
            position: absolute;
            top: 30%;
            left: 0;
            right: 0;
            margin: 0 auto;
            max-width: 100px;
            z-index: 1;
            pointer-events: none;
        }


    @media screen and (max-width: 991px) {
        .contract_left_head {
            padding: 19px 15px;
        }

        .contract_left_body {
            padding: 15px 15px;
        }
    }

    @media screen and (max-width: 767px) {
        .mem_agree_section.mem_agree_section_new {
            padding: 0;
        }

        .mem_agree_row_new .mem_agree_col:nth-child(1) {
            max-width: 100%;
            min-width: 100%;
            position: fixed;
            width: 100%;
            left: 0;
        }

        .contract_left_head {
            background-color: transparent;
            border-radius: 0px 0px 0 0;
            border: 0;
            gap: 0.5rem;
            padding: 0;
        }

        .contract_left_body {
            border-radius: 0px 0px 0 0;
            padding: 0;
        }

        .contract_left_head_prnt {
            padding: 0.5rem;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 0.5rem;
        }

        .mem_agree_row_new .mem_agree_list li {
            font-size: 12px;
        }

        .mem_agree_row_new .mem_agree_list {
            border-radius: 0;
            border: 0;
        }

        .mem_agree_row_new .mem_agree_col:nth-child(2) {
            margin-top: 100px;
        }

        .contract_left_head .form-select {
            font-size: 12px;
        }

        .mem_agree_row_new .mem_agree_list .signal_r_status {
            gap: 0px;
        }
    }

    @media screen and (max-width: 450px) {
        .contract_left_head_prnt {
            flex-direction: column;
            align-items: baseline;
        }
    }

    @media screen and (max-width: 575px) {
        .more_action_dropdown_shadow {
            box-shadow: 0 -1px 1px 1000px rgba(0, 0, 0, 0.5) !important;
            border-radius: 0;
        }

        .header_noti_drop {
            right: -80px;
            top: 55px;
            min-width: 300px;
        }
    }

    #TblEmployees .status_badge {
        color: #000;
    }

    .dark #TblEmployees .status_badge {
        color: #000;
    }


    /*member agreement styles*/
    .mem_agree_row {
        display: flex;
        gap: 18px;
    }

    .mem_agree_section {
        max-width: 1400px;
        margin: 0 auto;
        padding: 40px 0;
    }

    .mem_agree_list {
        border-radius: 20px;
        border: 1px solid var(--_border_color);
        padding: 25px;
        min-height: 300px;
        min-width: 370px;
        max-width: 370px;
        background-color: var(--_bg_light);
    }

        .mem_agree_list .signal_r_status {
            display: flex;
            flex-direction: column;
            gap: 5px;
        }

        .mem_agree_list li {
            font-size: var(--c-font-size-100);
            color: var(--_darkgray_color);
            font-weight: var(--c-font-weight-regular);
        }

    .agree_mainbox {
        border-radius: 20px;
        border: 1px solid var(--_border_color);
    }

    .agree_mainbox_top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 18px 27px;
        background-color: var(--_bg_dark);
        border: 1px solid var(--_border_color);
        border-radius: 20px 20px 0 0;
    }

        .agree_mainbox_top span {
            font-size: var(--c-font-size-100);
            color: var(--_darkgray_color);
            font-weight: var(--c-font-weight-regular);
        }

        .agree_mainbox_top h2 {
            color: var(--_darkgray_color);
            font-size: var(--c-font-size-300);
            margin: 0;
            font-weight: var(--c-font-weight-bold);
        }

    .agree_mainbox_body {
        padding: 35px 27px;
        background-color: var(--_bg_light);
        border-radius: 0 0 20px 20px;
    }

        .agree_mainbox_body p {
            color: var(--_darkgray_color);
            font-size: var(--c-font-size-100);
        }

    .agree_mainbox_detail {
        margin: 0 0 25px 0;
    }

        .agree_mainbox_detail li {
            display: flex;
            align-items: center;
            gap: 20px;
        }

            .agree_mainbox_detail li p:nth-child(1) {
                min-width: 210px;
            }

            .agree_mainbox_detail li p, .agree_mainbox_detail li a {
                font-weight: var(--c-font-weight-medium);
                margin: 0;
                color: var(--_darkgray_color);
                margin: 0 0 5px 0;
            }

            .agree_mainbox_detail li a {
                text-decoration: underline;
            }

    .mem_agree_btm_btns {
        display: flex;
        gap: 15px;
    }

    .mem_agree_sign_box h4 {
        font-size: var(--c-font-size-150);
        color: var(--_darkgray_color);
        font-weight: var(--c-font-weight-bold);
    }

    .mem_agree_sign_box {
        margin: 25px 0;
    }

    .mem_agree_sign {
        width: 100%;
        min-height: 200px;
        border-radius: 11px;
        border: 2px dotted var(--_border_color3);
        display: block;
    }

    .agree_mainbox_empty {
        min-height: 450px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        text-align: center;
        background-color: var(--_bg_light);
        border-radius: 20px;
        border: 1px solid var(--_border_color);
        padding: 25px;
    }

    .agree_mainbox_empty_inner {
        max-width: 400px;
        margin: 0 auto;
    }

    .agree_mainbox_empty h3 {
        color: var(--_darkgray_color);
        font-size: var(--c-font-size-300);
        margin: 0 0 15px 0;
        font-weight: var(--c-font-weight-bold);
    }

    .agree_mainbox_empty p {
        color: var(--_darkgray_color);
        font-size: var(--c-font-size-100);
    }

    @media screen and (max-width: 1600px) {
        .mem_agree_section .container {
            max-width: 1600px;
        }
    }

    @media screen and (max-width: 991px) {
        .mem_agree_list {
            padding: 15px 15px;
            min-width: 270px;
            max-width: 270px;
        }

        .agree_mainbox_top {
            padding: 15px 15px;
        }

        .agree_mainbox_body {
            padding: 20px 15px;
        }

        .agree_mainbox_top h2 {
            font-size: var(--c-font-size-200);
        }

        .agree_mainbox_empty h3 {
            font-size: var(--c-font-size-200);
        }
    }

    @media screen and (max-width: 767px) {
        .mem_agree_row {
            flex-direction: column;
        }

        .mem_agree_list {
            max-width: 100%;
        }
    }

    /*member agreement styles end*/
    /*CK Editor CSS*/
    .dark body .ck.ck-toolbar__items {
        background-color: #1C1D21 !important;
    }

    .dark body .ck.ck-content.ck-editor__editable.ck-rounded-corners.ck-editor__editable_inline.ck-blurred {
        background-color: #1C1D21 !important;
        border: var(--common_border) !important;
    }

    body .ck.ck-sticky-panel__content {
        border: var(--common_border) !important;
    }

    body .ck.ck-toolbar__items svg {
        color: var(--text_dark_color) !important;
    }

    body .ck.ck-button.ck-source-editing-button.ck-off.ck-button_with-text span {
        color: var(--text_dark_color) !important;
    }

    body .ck.ck-toolbar__items .ck-dropdown__button span.ck-button__label {
        color: var(--text_dark_color) !important;
    }

    body .ck.ck-button:not(.ck-disabled):hover, body a.ck.ck-button:not(.ck-disabled):hover, body .ck-button:hover {
        background-color: var(--round_icon_bg);
    }

    .dark body .ck.ck-toolbar {
        background-color: #1C1D21 !important;
    }

    body .ck-content .table table td, .ck-content .table table th {
        background-color: #fff !important;
    }

    body .ck-source-editing-area textarea {
        border: var(--common_border) !important;
    }

    body .ck.ck-content p {
        color: var(--text_dark_color) !important;
    }

    body #divTemplateFormEdit .ck.ck-content p {
        color: #303030 !important;
    }


    /*.dark body .ck.ck-content p {
    color: #1A1C23 !important;
}*/

    .dark body .ck.ck-editor__main > .ck-editor__editable {
        background-color: #1C1D21 !important;
    }

    .dark .ck.ck-button.ck-on svg path {
        fill: #000;
    }

    .drugable_canvas {
        z-index: 9999;
        min-width: 600px;
        max-width: 98%;
        overflow-x: auto;
    }

        .drugable_canvas .resizer-left {
            width: 10px;
            height: 100%;
            position: absolute;
            left: 0;
            cursor: w-resize;
        }
    /*.canvas_drug_icon {
    position: relative;
}*/
    .dark .canvas_close_btn .input-group-text {
        color: #fff;
        background-color: #242529;
    }

    .drugable_canvas label {
        font-weight: 500;
        font-size: var(--c-font-size-100);
        color: var(--text_dark_color);
        margin: 0 0 5px 0;
        text-transform: capitalize;
    }

    .drugable_canvas .form-control, .drugable_canvas .form-select {
        min-height: 33px !important;
        max-height: 33px !important;
        font-size: var(--c-font-size-100);
        border: var(--common_border);
        color: var(--_color_dark);
        line-height: 1.2;
        background-color: var(--_bg_dark);
        border: var(--common_border);
    }

    .drugable_canvas textarea {
        width: 100%;
        font-size: var(--c-font-size-100);
        border: var(--common_border);
        color: var(--_color_dark);
        line-height: 1.2;
        background-color: var(--_bg_dark);
        border: var(--common_border);
    }

    .drugable_canvas .offcanvas-body {
        padding: 15px 30px;
    }

span.drug_icon {
    border-radius: 50%;
    border: var(--common_border);
    width: fit-content;
    padding: 15px 4px;
    background-color: var(--_bg_dark);
    cursor: e-resize;
    position: absolute;
    top: 60%;
    left: 0;
    margin: 0 auto;
    right: 0;
    transition: 0.5s all ease;
    width: 50px;
    height: 50px;
}
    /*.canvas_drug_icon span:hover {
    background-color: #9b9696;
}*/
    .canvas_drug_icon i {
        color: var(--_color_dark);
        font-size: var(--c-font-size-100);
        transition: 0.5s all ease;
    }
    /*.canvas_drug_icon span:hover i {
    color: #fff;
}*/
    @media screen and (max-width: 767px) {
        .drugable_canvas {
            min-width: 350px;
        }
    }

    body #tblBankBatchItems_wrapper.dataTables_wrapper {
        position: relative;
    }

    #tblBankBatchItems_wrapper .dataTables_length {
        position: absolute;
        bottom: -1px;
        right: 10px;
    }

    #tblBankBatch_wrapper .dataTables_length {
        bottom: 12px;
    }


    .memcontractnewmodal {
        position: relative;
        margin: 0 auto;
        padding: 0 !important;
        max-width: 950px;
        width: 100%;
    }

    .memcontractnewmodal_inner {
        margin-right: 50px;
        padding: 0 !important
    }

    .memcontractnewmodal .signcontactmodal_body {
        max-width: 1000%;
    }

    .memcontractnewmodal .signcontacts_btn {
        position: absolute;
        top: 0;
        right: 0;
        width: fit-content;
    }

    .memcontractnewmodal .m_btns {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }

    .memcontractnewmodal .btn.btn-outline-secondary.top_round_icon.disabled {
        opacity: 0.5;
        background-color: transparent;
    }

    .offcanvas .form-select {
        background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3e%3cpath fill="none" stroke="%23343a40" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m2 5 6 6 6-6"/%3e%3c/svg%3e') !important;
        padding-right: 35px !important;
    }


    body .checked_icon.top_round_icon:hover i {
        color: #0F7B0F !important;
    }

    body .checked_icon.top_round_icon i {
        color: #0F7B0F !important;
    }

    .fact_tbl_top .filtr_badge.filtr_badge_new {
        margin: 0;
    }

    .tbl_filter_detail {
        border: 0 !important;
        background-color: transparent !important;
    }

        .tbl_filter_detail span:nth-child(2) {
            font-weight: 500 !important;
        }

    .mem_cmn_box .section_contract_sign li, .mem_cmn_box .section_contract_sign p {
        color: var(--_color_semilight);
    }


    table .sticky-last-column {
        position: sticky !important;
        right: 0;
        z-index: 9;
        /*border-left: var(--common_border) !important;*/
    }

    table.dataTable thead th.sticky-header {
        position: sticky !important;
        top: 0;
        z-index: 9;
        /*border-left: var(--common_border) !important;*/
    }

    table .sticky-last-column .more_action_dropdown {
        right: 55px;
        top: -5px !important;
        box-shadow: 0 1rem 1rem rgba(0, 0, 0, .04) !important;
    }

    table .sticky-last-column .tbl_lst_btns {
        right: 55px;
        top: -5px !important;
        box-shadow: 0 1rem 1rem rgba(0, 0, 0, .04) !important;
    }

    #tblBankBatchItems_wrapper {
        overflow: auto;
    }

    .canvas_bank_batch_line_table .offcanvas-body {
        overflow-x: hidden;
        scrollbar-width: thin;
        scrollbar-color: var(--secondary_bk_color) transparent;
    }

    .points_tbl_top {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 1rem;
        flex-wrap: wrap;
        width: 100%;
        padding: 0 0 0.5rem 0;
    }

    .points_tbl_top_inner {
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

        .points_tbl_top_inner .form-control {
            border: var(--common_border) !important;
            background-color: var(--_bg_light);
            font-weight: var(--c-font-weight-medium);
            font-size: var(--c-font-size-80-experimental);
            color: var(--_darkgray2_color);
        }

            .points_tbl_top_inner .form-control:focus {
                background-color: var(--_bg_light);
            }

    @media screen and (max-width: 767px) {
        .memcontractnewmodal .mcb_top_inner_links {
            flex-direction: column;
            align-items: flex-start;
            gap: 0;
        }

        .addmember_page_new .div_sign_contract {
            padding-right: 0px;
        }

        .div_sign_contract .mcb_top_inner_btns {
            position: relative;
            flex-direction: row;
            justify-content: flex-end;
            width: 100%;
        }

        .mcb_top_inner_links .link-primary {
            line-break: anywhere;
            white-space: break-spaces;
        }

        .mem_cmn_box_top .mcb_top_inner_links h4 {
            white-space: nowrap;
        }
    }

    .modelRaisePoint_col {
        display: flex;
        align-items: center;
    }

        .modelRaisePoint_col label {
            margin: 0;
            min-width: 140px;
        }

    .subs_limitation_row span {
        color: var(--_color_semilight);
        font-size: var(--c-font-size-75);
        font-weight: 500;
    }

    #canvas_SepaV3Form .filtr_badge span {
        font-size: var(--c-font-size-75);
    }

    body .ck .ck-widget:hover {
        outline-color: transparent !important;
    }

    body .ck .ck-widget.ck-widget_selected, .ck .ck-widget.ck-widget_selected:hover {
        outline: none !important;
    }

    body .ck .ck-widget__resizer__handle {
        background-color: transparent !important;
        border: 0 !important;
    }

    body .ck.ck-widget__type-around__button {
        display: none !important;
    }

    body .ck.ck-widget__selection-handle {
        display: none !important;
    }

    body .ck-source-editing-area textarea {
        min-height: 250px !important;
    }

    .fc-timegrid-event-harness-inset .fc-timegrid-event, .fc-timegrid-event.fc-event-mirror, .fc-timegrid-more-link {
        overflow: hidden;
    }

    .addmember_groupheading {
        font-size: var(--c-font-size-150);
        color: var(--text_dark_color);
        margin: 15px 0 10px 20px;
        font-weight: 600;
    }

    .favicon_slct_mdl .favicon_mdl_grid {
        gap: 5px !important;
    }

    .dark .favicon_slct_mdl .favicon_mdl_grid .image-holder {
        background-color: rgba(255, 255, 255, .05);
    }

    .favicon_slct_mdl .favicon_mdl_grid .image-holder {
        background-color: #e9e9e9;
        padding: 4px;
        border-radius: 4px;
    }


    .fc-view-harness.fc-view-harness-active {
        height: calc(100vh - 220px) !important;
        scrollbar-width: thin;
        scrollbar-color: #D9DCE0 transparent;
        overflow: auto;
    }

    @media screen and (max-width: 1199px) {
        .fc-view-harness.fc-view-harness-active {
            height: calc(100vh - 280px) !important;
        }
    }

    #tblBankBatchItems tbody tr td {
        max-width: 140px !important;
    }

    .dataTables_processing {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 10;
        text-align: center;
        background-color: rgba(255, 255, 255, 0.8);
        padding: 10px 20px;
        border-radius: 5px;
        font-size: 16px;
        font-weight: bold;
        color: #333;
    }

    #tblSubHistory_wrapper {
        height: calc(100vh - 150px);
        overflow: auto;
        min-height: 300px;
        scrollbar-width: thin;
        scrollbar-color: var(--secondary_bk_color) transparent;
    }

    #member_file_mem_modal textarea {
        max-height: calc(100vh - 500px) !important;
        min-height: 80px !important;
        height: calc(100vh - 500px) !important;
    }

    .info_canv_box {
        background-color: #EFF7FF;
        border-radius: 11px;
        padding: 15px;
        display: flex;
        align-items: center;
        gap: 1rem;
    }

        .info_canv_box span i {
            color: #0061AE;
            font-weight: var(--c-font-weight-medium);
            font-size: var(--c-font-size-80-experimental);
        }

        .info_canv_box p {
            margin: 0;
            color: #0061AE;
            font-weight: var(--c-font-weight-medium);
            font-size: var(--c-font-size-80-experimental);
        }

.disabled-opacity {
    opacity: 0.4 !important;
}
.sentdelay_date .flatpickr-wrapper {
    width: 100%;
}
.sentdelay_date input {
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.drugged_sheet_col {
    background-color: var(--_primary_color) !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    height: 100vh !important;
    width: 100% !important;
    z-index: 9999;
    border-radius: 0 !important;
}
.drug_sheet_col h2{display: none;}
.drugged_sheet_col h2 {
    display: flex;
    text-align: center;
    color: #fff;
    font-size: var(--c-font-size-500);
}
.drugged_sheet_col .drug_icon{display: none !important;}
#div_upload_excel_file_member{
    height: fit-content;
    max-height: 500px;overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: #D9DCE0 transparent;
}
#div_upload_excel_file_member table{
    border: var(--common_border) !important;
}
body .flatpickr-calendar.static{right: 0;}
.flatpickr-wrapper input {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.skeleton_table {
    border-collapse: collapse;
    border-spacing: 0;
    border-color: #ccc;
    width: 100%;
}

    .skeleton_table tr td {
        padding: 0.5rem 0.5rem 0 0.5rem;
    }

    .skeleton_table tr th {
        padding: 0.8rem 0.5rem;
        background-color: #f0f0f0;
    }

        .skeleton_table tr th:nth-child(1) {
            border-radius: 10px 0 0 10px;
        }

        .skeleton_table tr th:last-child {
            border-radius: 0px 10px 10px 0px;
        }

    .skeleton_table .line {
        width: 100px;
        height: 30px;
        border-radius: 10px;
        margin: 0 auto;
        background-image: linear-gradient(90deg, #f4f4f4 0px, rgba(229, 229, 229, 0.8) 40px, #f4f4f4 80px);
        animation: shine-lines 1.5s infinite ease-out;
    }

@keyframes shine-lines {
    0% {
        background-position: -100px;
    }

    100% {
        background-position: 100px;
    }
}
.skeleton_text {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: nowrap;
    justify-content: flex-end;
    width: 100%;margin: 0 0 1rem 0;
}
.skeleton_text .line {
    width: 100px;
    height: 30px;
    border-radius: 10px;
    background-image: linear-gradient(90deg, #f4f4f4 0px, rgba(229, 229, 229, 0.8) 40px, #f4f4f4 80px);
    animation: shine-lines 1.5s infinite ease-out;
}

.leads_noti_new {position: absolute;bottom: 0.5rem;z-index: 9999;width: 100%;max-width: 300px;left: 0.5rem;display: flex;flex-direction: column;gap:0.5rem;}
.lead_notibox {width: 100%;border-radius: 10px;box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.1);transform: translateY(0%);transition: 0.5s all ease;}
.lead_notibox_header {background-color: #DEF7EC;color: #046C4E;border-radius: 10px 10px 0 0;display: flex;justify-content: space-between;gap: 0.5rem;padding: 0.44rem 0.8rem;}
.lead_notibox_header i {font-size: var(--c-font-size-80-experimental);color: var(--text_dark_color);cursor: pointer;}
.lead_notibox_header h5 {margin: 0;color: #046C4E;font-weight: var(--c-font-weight-medium);font-size: var(--c-font-size-80-experimental);}
.lead_notibox_body {border-radius: 0 0 10px 10px;display: flex;align-items: center;gap: 0.9rem;background-color: var(--_bg_light);padding: 0.6rem 0.8rem;}
.lead_notibox_body img{width: 40px;height: 40px;border-radius: 50%;object-fit: cover;}
.lead_notibox_body h4 {margin: 0 0 0.2rem 0;color: var(--text_dark_color);font-weight: var(--c-font-weight-semibold);font-size: var(--c-font-size-100);}
.lead_notibox_body p {margin: 0;color: var(--_darkgray2_color);font-weight: var(--c-font-weight-medium);font-size: var(--c-font-size-80-experimental);}

.lead_top_alert {position: absolute;right: 0;left: 0;margin: 0 auto;top: 1rem;width: 100%;display: flex;align-items: center;gap: 1rem;justify-content: space-between;border-radius: 10px;
    padding: 0.8rem;box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.1);transform: translateY(0%);transition: 0.5s all ease;background-color: var(--_bg_light);max-width: 400px;z-index: 9999;}
.lead_top_alert p {margin: 0;color: var(--_darkgray2_color);font-weight: var(--c-font-weight-semibold);font-size: var(--c-font-size-80-experimental);}
.lead_top_alert p span {color: var(--text_dark_color);}
.la_icon {border-radius: 50%;background-color: #DEF7EC;width: 35px;height: 35px;min-width: 30px;min-height: 30px;color: #046C4E;display: flex;
    align-items: center;justify-content: center;}
.la_close {color: var(--_darkgray2_color);cursor: pointer;}

.lead_top_alert .bell-border, .lead_top_alert .btn-bell {
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.lead_top_alert .bell {
    border-radius: 50%;
    height: 35px;
    width: 35px;
    /*box-shadow: -1px 2px 10px #999;*/
    background-color: #DEF7EC;
    animation-name: col;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}
.lead_top_alert .bell-border {
    height: 34px;
    width: 34px;
    border: 1px solid #DEF7EC !important;
    animation-name: bord-pop;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    /*box-shadow: 2px 2px 5px #ccc, -2px -2px 5px #ccc;*/
}
.lead_top_alert .btn-bell {
    font-size: var(--c-font-size-80-experimental);
    color: #046C4E;
    animation-name: bell-ring;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}
@keyframes bord-pop {
    0% {
        transform: translate(-50%, -50%);
    }
    50% {
        transform: translate(-50%, -50%) scale(1.9);
        opacity: 0.1;
    }
    100% {
        transform: translate(-50%, -50%) scale(1.9);
        opacity: 0;
    }
}
@keyframes col {
    0% {
        transform: scale(1) translate(0,0);
    }
    10% {
        transform: scale(1.1) translate(0,0);
    }
    75% {
        transform: scale(1) translate(0,0);
    }
    100% {
        transform: scale(1) translate(0,0);
    }
}
@keyframes bell-ring {
    0% {
        transform: translate(-50%, -50%);
    }
    5%, 15% {
        transform: translate(-50%, -50%) rotate(25deg);
    }
    10%, 20% {
        transform: translate(-50%, -50%) rotate(-25deg);
    }
    25% {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    100% {
        transform: translate(-50%, -50%) rotate(0deg);
    }
}

.new_report_grid .accordion-item {
    position: relative;
}
.new_report_grid .accordion-collapse {
    position: absolute;
    z-index: 99;
    width: 100%;
    border-radius: 10px;
    top: 51px;
    overflow: hidden;
    left: -1px;
}
.new_report_grid .accordion-button {
    background-color: var(--_bg_light) !important;
}
.new_report_grid .accordion-item {
    background-color: var(--_bg_light) !important;
}
.new_report_grid .report_box .accordion-body {
    overflow: auto;
    max-height: 350px;
    scrollbar-width: thin;
    scrollbar-color: #D9DCE0 transparent;
}
@media screen and (max-width: 1023px) {
    .new_report_grid {
        grid-template-columns: auto;
    }
    .new_report_grid .accordion-collapse {
        position: relative;
        left: 0;
        top: 0px;
        border-radius: 0 0 10px 10px;z-index: 1;
    }
}
.fc-timegrid-col-events .fc-v-event {
    background-color: var(--tbl_header_bg);
    border: 1px solid var(--fc-border-color) ;}