:root {
    --bs-body-color: #000000;
}

html {
    overflow-x: hidden;
}

a {
    color: inherit;
    text-decoration: none;
}

.userprofile-svg {
    cursor: pointer;
}

.updateHRWeeks.changedHramTr i {
    color: red !important;
}

li {
    list-style: none;
}

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

.breadcrumb-main .breadcrumb {
    background: transparent;
}

.lookup-datatable .bottom {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .lookup-datatable .bottom label {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px;
    }

.page-bg {
    background: #fff;
}

.page-item.active .page-link {
    background-color: #5cbf40;
    border-color: #5cbf40;
}

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

.user-account .user-photo {
    width: 40px;
    vertical-align: top;
    margin-top: 5px;
}

.user-account .dropdown .user-name {
    font-size: 12px;
}

.breadcrumb-main {
    padding: 15px 0;
}

.btn-add-CreateNewClient {
    background: #009688;
    border: 1px solid #80808078;
    -webkit-box-shadow: 3px 4px 0px 2px var(--bs-gray-400);
    box-shadow: 3px 4px 0px 2px var(--bs-gray-400);
}

.bg-add-CreateNewClient {
    background: #009688;
}

.btn-add-CreateNewClient:hover {
    background: #1c7068;
}

.btn-add {
    background: #5dbe41;
    border: 1px solid #80808078;
    -webkit-box-shadow: 3px 4px 0px 2px var(--bs-gray-400);
    box-shadow: 3px 4px 0px 2px var(--bs-gray-400);
}

.btn-cancel {
    background: #dc3545;
    border-color: #dc3545;
    -webkit-box-shadow: 0px 4px 1px 0px #d50b1f;
    box-shadow: 0px 4px 1px 0px #d50b1f;
}

.btn-clear {
    background: #acb4b9;
    border-color: #acb4b9;
    -webkit-box-shadow: 0px 5px 2px 0px #888e92;
    box-shadow: 0px 5px 2px 0px #888e92;
}

.btn-add i {
    padding-right: 5px;
}

.btn-add:hover {
    background-color: #13b1ef !important;
    border-color: #15b0ef !important;
    -webkit-box-shadow: 0px 5px 2px 0px #0e96cd !important;
    box-shadow: 0px 5px 2px 0px #0e96cd !important;
}

button span {
    color: white;
}

button .fa {
    color: white;
}

.btn-cancel:hover {
    background: #ff0000;
    border-color: #ff0000;
    -webkit-box-shadow: 0px 5px 1px 0px #ff0000;
    box-shadow: 0px 5px 1px 0px #ff0000;
}

.btn-primary.focus,
.btn-primary:focus,
.btn-primary.active {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-warning {
    -webkit-box-shadow: 3px 4px 0px 2px var(--bs-gray-400);
    box-shadow: 3px 4px 0px 2px var(--bs-gray-400);
}

    .btn-warning:hover {
        background: #ebbb28;
    }

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    background-color: #5cbf40 !important;
    border-color: #5cbf40 !important;
}

.modal-item .modal-dialog {
    max-width: 600px;
}

    .modal-item .modal-dialog .modal-header h5 {
        margin: 0 auto 0;
    }

.modal-header h5 {
    color: white !important;
}


.form-control {
    background-color: rgb(233, 236, 239) !important;
    border: none;
    overflow: hidden !important;
    width: 100% !important;
    -webkit-filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.15)) !important;
    filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.15)) !important;
    color: #000000;
}

    .form-control::-webkit-input-placeholder {
        color: #000000;
    }

    .form-control::-moz-placeholder {
        color: #000000;
    }

    .form-control:-ms-input-placeholder {
        color: #000000;
    }

    .form-control::-ms-input-placeholder {
        color: #000000;
    }

    .form-control::placeholder {
        color: #000000;
    }

.error {
    color: #ff3860;
}

.breadcrumb-item a {
    color: #444;
}

    .breadcrumb-item a:hover {
        color: currentColor;
    }

.input-icon {
    position: absolute !important;
    right: 0;
}

.form-control:focus {
    color: #000000;
    background-color: #f5f7f6;
}

.btn-close-modal {
    -webkit-box-shadow: 0px 3px 0px #454a4f;
    box-shadow: 0px 3px 0px #454a4f;
    padding: 7px 0;
    margin-top: 3px;
}

.border_1 {
    border: 1px solid rgba(0, 0, 0, .125);
}

.form-group .custom-selectpicket {
    width: 100% !important;
}

.custom-radio-btn {
    margin-top: 40px;
}

.card-box-listing a {
    color: #444;
}

.bootstrap-tagsinput {
    width: 100%;
    background: #f8f9fa;
    height: 40px;
}

.edit i {
    font-size: 18px;
    color: #5dbe41;
    top: 2px;
    position: relative;
    margin-right: 3px;
    cursor: pointer;
}

.delete i {
    font-size: 18px;
    color: #ff0000;
    cursor: pointer;
}

.AddEllipsis-2 span {
    color: #ff0000;
}

.multiselect-box .dropdown-menu,
.multiselect-box .btn-group {
    width: 100%;
}

.form-group .multiselect {
    width: 100%;
    text-align: left;
    background: #f5f7f6;
}

.form-control-textarea {
    height: 120px;
}

.form-group.success input {
    border-color: #09c372 !important;
}

.form-group.error input {
    border: 1px solid #ff3860 !important;
}

.form-group .error {
    color: #ff3860;
    font-size: 13px;
    height: 13px;
}

.textarea-field {
    height: 120px;
}

.top-header-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 5px 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.btn-fixed {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.pagination-main [data-pagination],
.pagination-main [data-pagination] *,
.pagination-main [data-pagination] *:before,
.pagination-main [data-pagination] *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-kerning: auto;
    font-kerning: auto;
}

.pagination-main [data-pagination] {
    font-size: 8pt;
    line-height: 1;
    font-weight: 400;
    font-family: "Open Sans", "Source Sans Pro", Roboto, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Myriad Pro", "Segoe UI", Myriad, Helvetica, "Lucida Grande", "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, Arial, sans-serif;
    -webkit-text-size-adjust: 100%;
    margin: 1em auto;
    text-align: right;
    -webkit-transition: font-size 0.2s ease-in-out;
    -o-transition: font-size 0.2s ease-in-out;
    transition: font-size 0.2s ease-in-out;
}

    .pagination-main [data-pagination] ul {
        list-style-type: none;
        display: inline;
        font-size: 100%;
        margin: 0;
        padding: 0.5em;
    }

        .pagination-main [data-pagination] ul li {
            display: inline-block;
            font-size: 100%;
            width: auto;
            border-radius: 3px;
        }

    .pagination-main [data-pagination] > a {
        font-size: 140%;
    }

    .pagination-main [data-pagination] a {
        color: #777;
        font-size: 16px;
        padding: 0.5em;
    }

        .pagination-main [data-pagination] a:focus,
        .pagination-main [data-pagination] a:hover {
            color: #f60;
        }

    .pagination-main [data-pagination] li.current {
        padding: 0px 2px 5px;
    }

        .pagination-main [data-pagination] li.current a {
            color: #fff;
        }

.search-form .btn-default {
    position: absolute;
    top: 0;
    right: 10px;
}

.bell-icon-toggle {
    position: relative !important;
    top: -7px !important;
    padding: 0 !important;
}

.header-left-side {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.multiselect-box .bootstrap-select {
    width: 100% !important;
}

.bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
    outline: none !important;
    outline-offset: 0 !important;
}

.btn-light:hover {
    color: #212529;
    background-color: #f8f9fa;
    border-color: none !important;
}

.sidebar-scroll {
    padding-bottom: 60px;
}

/* Disabled & Hidden Styles */
.pagination-main [data-pagination] .disabled,
.pagination-main [data-pagination] [hidden],
.pagination-main [data-pagination] [disabled] {
    opacity: 0.5;
    pointer-events: none;
}

input,
button {
    height: 40px !important;
}

.top_counter .content .text {
    max-width: 160px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.page-heading h3 {
    font-size: 28px;
}

.bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
}

/*.show-modal {
    display: block;
    opacity: 1 !important;
}*/

.modal {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: none;
    overflow: auto;
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 9999;
    /*opacity: 0;
    transition: opacity 0.7s ease-in-out !important;*/
}
/*.modal-body .ck.ck-editor {
    z-index: 9999;
}*/
.modal-body .ck.ck-editor .ck-insert-merge-field-dropdown.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel-visible {
    overflow-y: hidden !important;
}
.modal-body .ck.ck-editor .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_ne, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_se {
    max-height: 200px;
    overflow-y: auto;
}
.modal-body .ck.ck-editor .ck.ck-dropdown.ck-insert-merge-field-dropdown .ck-dropdown__panel.ck-dropdown__panel_ne,
.modal-body .ck.ck-editor .ck.ck-dropdown.ck-insert-merge-field-dropdown .ck-dropdown__panel.ck-dropdown__panel_se {
    max-height: none;
}
.modal-body .ck.ck-editor .ck.ck-insert-merge-field-dropdown .ck-merge-fields-search .ck-search__results > .ck-list {
    max-height: 134px;
    overflow-y: auto;
}

.modal-body .ck.ck-editor .ck.ck-insert-merge-field-dropdown .ck-merge-fields-search .ck-search__results > .ck-list .ck-list__group > .ck-label {
    font-size: 10px;
    padding-left: 17px;
}

.modal-body .ck.ck-editor .ck.ck-insert-merge-field-dropdown .ck-merge-fields-search .ck-list__item > .ck-button {
    padding-top: 0px;
    height: 34px !important;
}
/*.ck.ck-merge-fields-search > .ck-search__results > .ck-list {
    max-height: var(--ck-insert-merge-field-dropdown-view-list-max-height);
    overflow: auto;
    max-height: 100px;
}*/
/*.modal.show {
    opacity: 1;
}*/
/*#Layout_DocHtml {
    overflow: hidden !important;
}*/
/*.modal-window {
    position: relative;
    background-color: #FFFFFF;
    width: 50%;
    margin: 10% auto;
    padding: 20px;
}

    .modal-window.small {
        width: 75%;
    }

    .modal-window.large {
        width: 75%;
    }*/
.close {
    position: absolute;
    top: 0;
    right: 0;
    color: rgba(0, 0, 0, 0.3);
    height: 30px;
    width: 30px;
    font-size: 30px;
    line-height: 30px;
    text-align: center;
}

    .close:hover,
    .close:focus {
        color: #000000;
        cursor: pointer;
    }

.open {
    display: block;
}

.client-radio-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .client-radio-btn .fancy-radio {
        width: 70px;
    }

.fancy-checkbox {
    overflow: unset !important;
}


.toast {
    position: absolute;
    top: 25px;
    right: 30px;
    border-radius: 12px;
    background: #fff;
    padding: 20px 35px 20px 25px;
    -webkit-box-shadow: 0 6px 20px -5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 6px 20px -5px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    -webkit-transform: translateX(calc(100% + 30px));
    -ms-transform: translateX(calc(100% + 30px));
    transform: translateX(calc(100% + 30px));
    -webkit-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.35);
    -o-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.35);
    transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.35);
    z-index: 9;
}

.success-color {
    background: #7fd92d;
    color: white;
    border-radius: 50%;
    padding: 5px;
}

.toast.active {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}

.toast .toast-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.toast-content .check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 35px;
    min-width: 35px;
    background-color: #2770ff;
    color: #fff;
    font-size: 20px;
    border-radius: 50%;
}

.toast-content .message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 20px;
}

.message .text {
    font-size: 16px;
    font-weight: 400;
    color: #666666;
}

    .message .text.text-1 {
        font-weight: 600;
        color: #333;
    }

.toast .close {
    position: absolute;
    top: 10px;
    right: 15px;
    padding: 5px;
    cursor: pointer;
    height: 20px;
    width: 20px;
    font-size: 18px;
    color: black;
}

#left-sidebar {
    display: none;
}

#main-content {
    width: 100% !important;
    /* overflow: hidden !important;*/
}

.your-element {
    margin-top: calc(85px + 1rem);
}

.your-element-2 {
    margin-top: calc(30px + 1rem);
}

.top-header {
    width: 100%;
}

    .top-header .metismenu {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .top-header .metismenu .has-arrow:after {
            position: absolute;
            content: "";
            width: 0.5em;
            height: 0.5em;
            border-width: 1px 0 0 1px;
            border-style: solid;
            border-color: initial;
            right: 10px;
            -webkit-transform-origin: top;
            -ms-transform-origin: top;
            transform-origin: top;
            top: 20px;
            -webkit-transition: all 0.3s ease-out;
            -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
            -webkit-transform: rotate(-135deg);
            -ms-transform: rotate(-135deg);
            transform: rotate(-135deg);
        }

    /*  .top-header .sidebar-nav .metismenu ul a::before {
        content: "--";
        position: absolute;
        left: 5px;
    }*/

    .top-header .sidebar-nav .metismenu > li ul {
        position: absolute;
        top: 45px;
        background: white;
        width: 300px;
        z-index: 1;
    }

.error-border {
    border: 1px solid #ff0000;
}

.top-header .sidebar-nav .metismenu > li {
    padding-bottom: 0;
    -webkit-box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 1px 2px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 1px 2px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-bottom: 8px;
    margin-top: 8px;
}

    .top-header .sidebar-nav .metismenu > li.active > a {
        border-left-color: transparent;
    }

/*.top-header .sidebar-nav .metismenu > li {
    padding-bottom: 0;
}*/

.danger-color {
    background: #ff0000;
    color: white;
    padding: 7px 10px;
    border-radius: 50%;
    height: 30px;
    width: 30px;
}

.toast .close:hover {
    opacity: 1;
}

.toast .progress {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    width: 100%;
}

    .toast .progress:before {
        content: "";
        position: absolute;
        bottom: 0;
        right: 0;
        height: 100%;
        width: 100%;
        background-color: #7fd92d;
    }

.progress.active:before {
    -webkit-animation: progress 5s linear forwards;
    animation: progress 5s linear forwards;
}

@-webkit-keyframes progress {
    100% {
        right: 100%;
    }
}

@keyframes progress {
    100% {
        right: 100%;
    }
}

button {
    padding: 12px 20px;
    font-size: 20px;
    outline: none;
    border: none;
    background-color: #2770ff;
    color: #fff;
    border-radius: 6px;
    cursor: pointer;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    font-weight: 600;
}

    button:hover {
        background-color: #2770ff;
    }

.toast.active ~ button {
    pointer-events: none;
}

.inputpicker-div {
    position: relative;
    overflow: hidden;
    height: 100%;
    width: 100% !important;
    max-width: 100% !important;
}

#txtClientSearch {
    border: none;
    border-radius: calc(.5* 68px);
    -webkit-box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 1px 2px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 1px 2px;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px rgb(233, 236, 239) inset !important;
    /* Autofill background */
    box-shadow: 0 0 0 1000px rgb(233, 236, 239) inset !important;
    /* Non-WebKit fallback */
    color: #646465 !important;
}

    input:-webkit-autofill:focus {
        -webkit-box-shadow: 0 0 0 1000px rgb(233, 236, 239) inset !important;
        /* Autofill background on focus */
        box-shadow: 0 0 0 1000px rgb(233, 236, 239) inset !important;
        color: #646465 !important;
    }

.inputpicker-arrow {
    position: absolute;
    top: 0px;
    right: 1px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    margin-top: 10px;
}

    .inputpicker-arrow b {
        border-color: #000000 transparent transparent;
        border-style: solid;
        border-width: 5px 4px 0;
        height: 0;
        left: 50%;
        top: 50%;
        margin-left: -4px;
        margin-top: -2px;
        position: absolute;
        width: 0;
        font-weight: 700;
        display: none !important;
    }
/*body:has(#inputpicker-wrapped-list:not([style*="display: none"])) .inputpicker-arrow b {
    transform: rotate(180deg);
}*/
.inputpicker-wrapped-list {
    margin: auto;
    background-color: #ffffff;
    z-index: 5;
    overflow-y: auto;
    max-height: 150px !important;
}

#inputpicker-1 {
    background-color: #e9ecef !important;
    -webkit-filter: none !important;
    filter: none !important;
}

.inputpicker-wrapped-list table {
    font-size: 14px;
    margin-bottom: 0px;
}

#inputpicker-wrapped-list {
    margin-left: -10px;
    border: 1px solid #aaa;
}

.inputpicker-wrapped-list table tr {
    border-bottom: 1px solid #aaa !important;
}

    .inputpicker-wrapped-list table tr td {
        padding-bottom: 3px !important;
        padding-top: 3px !important;
    }

/*.inputpicker-wrapped-list .table {
    margin-bottom: 0px;
    border: 1px solid #cccccc;
}*/

.inputpicker-wrapped-list .table > tbody > tr > td,
.inputpicker-wrapped-list .table > tbody > tr > th,
.inputpicker-wrapped-list .table > tfoot > tr > td,
.inputpicker-wrapped-list .table > tfoot > tr > th,
.inputpicker-wrapped-list .table > thead > tr > td,
.inputpicker-wrapped-list .table > thead > tr > th {
    /* padding: 5px;
line-height: 1.42857143;
vertical-align: top;
border-top: 1px solid #ddd;*/
    border-bottom-width: 0px
}

.inputpicker-wrapped-list .inputpicker-selected {
    background-color: #d9edf7;
}

/*.inputpicker-wrapped-list .inputpicker-active {
    background-color: #248cb5 !important;
}*/

.inputpicker-wrapped-list .inputpicker-highlight-active {
    background-color: #bddef9
}

/*.loading*/

.inputpicker-div input {
    display: inline-block;
}

    .inputpicker-div input.loading {
        background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJzdmctc3Bpbm5lciIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA4MCA4MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggaWQ9InNwaW5uZXIiIGZpbGw9IiM2NjY2NjYiIGQ9Ik00MCw3MkMyMi40LDcyLDgsNTcuNiw4LDQwQzgsMjIuNCwyMi40LDgsNDAsOGMxNy42LDAsMzIsMTQuNCwzMiwzMmMwLDEuMS0wLjksMi0yLDJzLTItMC45LTItMmMwLTE1LjQtMTIuNi0yOC0yOC0yOFMxMiwyNC42LDEyLDQwczEyLjYsMjgsMjgsMjhjMS4xLDAsMiwwLjksMiwyUzQxLjEsNzIsNDAsNzJ6Ij48YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVUeXBlPSJ4bWwiIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgdHlwZT0icm90YXRlIiBmcm9tPSIwIDQwIDQwIiB0bz0iMzYwIDQwIDQwIiBkdXI9IjAuOHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPjwvcGF0aD48L3N2Zz4=');
        background-size: 16px 16px;
        background-repeat: no-repeat;
        background-origin: content-box;
        background-position: right 5px center;
    }

    .inputpicker-div input.loading-msie-patch {
        background-image: url("./res/spinner.gif");
    }

.inputpicker-multiple-selected {
    display: inline-block;
    float: left;
}

    /* multiple ul */
    .inputpicker-multiple-selected ul {
        display: inline-block;
        padding: 4px;
        margin: 0px;
    }

        .inputpicker-multiple-selected ul > li {
            list-style-type: none;
            display: inline-block;
            margin-right: 5px;
            border: 1px solid #888888;
            padding: 1px;
            cursor: pointer;
        }

.inputpicker-multiple input,
.input-span {
    padding: 0;
    margin: 0;
    border: 0 none;
    font-family: Sans-serif;
    white-space: pre;
    max-width: 100%;
    max-height: none;
    min-height: 0;
    text-indent: 0;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
}


.inputpicker-multiple {
    display: inline-block;
    float: left;
}

    .inputpicker-multiple ul {
        margin: 0;
        padding: 0;
    }

        .inputpicker-multiple ul > li {
            list-style-type: none;
            display: inline-block;
            /*margin-right:5px;*/
            cursor: pointer;
        }

            .inputpicker-multiple ul > li.inputpicker-element {
                margin: 2px;
                padding: 1px;
                background-color: #f3f3f3;
            }

            .inputpicker-multiple ul > li.inputpicker-multiple-input {
                margin-left: 2px;
            }

.inputpicker-pagination {
    background: transparent;
}

    .inputpicker-pagination a {
        padding-left: 3px;
        padding-right: 3px;
    }

    .inputpicker-pagination span.current-page {
        min-width: 50px;
        text-align: center;
        display: inline-block;
    }

.top-header .sidebar-nav .metismenu a {
    padding: 7px 10px 7px 5px;
}

.user-account {
    margin: 5px 20px;
}

.navbar-fixed-top .navbar-brand img {
    width: 100%;
    vertical-align: top;
    margin-top: 5px;
}

.navbar-fixed-top .navbar-right #navbar-search {
    margin-top: 10px !important;
}

#navbar-search .btn-default .icon-magnifier {
    color: #646465 !important;
    cursor: pointer;
}

.container-fluid-custom {
    padding: 0 10px;
}

@media (min-width: 350px) {
    .pagination-main [data-pagination] {
        font-size: 10pt;
    }
}

@media (min-width: 500px) {
    .pagination-main [data-pagination] {
        font-size: 12pt;
    }
}

@media (min-width: 700px) {
    .pagination-main [data-pagination] {
        font-size: 14pt;
    }
}

@media (min-width: 900px) {
    .pagination-main [data-pagination] {
        font-size: 16pt;
    }
}

@media screen and (max-width: 1250px) {
    .top-header .sidebar-nav .metismenu a {
        padding: 7px 3px;
    }

    .nav-tabs-new3 > li {
        margin-bottom: 5px;
    }
}

@media screen and (max-width: 1200px) {
    .logo-name {
        padding-left: 0;
    }

    .top-header .sidebar-nav .metismenu a {
        padding: 7px 3px;
    }

    .sidebar-nav .metismenu a {
        font-size: 1em;
    }

    .responsive-container-fluid {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    /*.top-header .metismenu .has-arrow:after {
        right: 5px;
    }*/
}

@media screen and (max-width: 1100px) {
    .sidebar-nav .metismenu a {
        font-size: 0.9em;
    }
}

@media screen and (max-width: 992px) {
    .top-header .sidebar-nav .metismenu a {
        padding: 7px 10px;
        font-size: 1rem !important;
    }

    .nav-tabs-new2 > li {
        margin-bottom: 5px;
    }


    .user-account .user-photo {
        width: 30px;
    }

    .user-account .dropdown .user-name {
        font-size: 8px;
    }

    .top-header .metismenu .has-arrow:after {
        /* right: 2px;*/
        top: 18px;
    }

    #main-content {
        width: 100% !important;
    }
}

@media screen and (max-width: 776px) {
    .nav-tabs-new3 > li {
        margin-bottom: 5px;
    }

    .no-sticky-content {
        position: unset !important;
    }
}

@media screen and (max-width: 676px) {
    .nav-tabs-new3 > li {
        width: 100%;
    }

    .nav-tabs-new2 > li {
        width: 100%;
    }

    .CreateAppointmentFromClientSummaryResponsive {
        padding-top: 5px;
    }

    .responivebtnsummary button {
        width: 100%;
    }

    .responivebtnsummary {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
        gap: 10px;
    }
}


@media screen and (max-width: 480px) {
    .logo-name {
        padding-left: 0px;
    }

    .navbar-fixed-top .navbar-brand img {
        width: 100%;
        position: relative;
        /*top: 10px;*/
    }

    .user-account {
        margin: 10px 0px;
        position: relative;
        top: 5px;
        margin-left: 5px;
    }

        .user-account .user-photo {
            width: 30px;
        }

        .user-account .dropdown .user-name {
            font-size: 10px;
        }

        .user-account .user-photo {
            margin-right: 5px;
        }

    .btn-add {
        padding: 10px !important;
        font-size: 12px;
    }

    .btn-cancel {
        padding: 10px !important;
        font-size: 12px;
    }

    .page-heading h3 {
        font-size: 20px;
    }
}

.AddEllipsis {
    white-space: nowrap;
    /* width: 90%;*/
    max-width: calc(100% - 30px);
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: inline-block;
    margin-bottom: -6px !important;
    width: 100%;
}

.AddEllipsis-2 {
    white-space: nowrap;
    /*width: 90%;*/
    max-width: calc(100% - 30px);
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: inline-block;
    margin-bottom: -6px !important;
    width: 100%;
}

.tier-onebg-btn {
    background: #A8E6A3 !important;
    color: #000 !important;
}

    .tier-onebg-btn i, .tier-onebg-btn span {
        color: #000 !important;
        font-weight: 600;
    }

.tier-towbg-btn {
    background: #2E7D32 !important;
}

i {
    cursor: auto;
}

    i.tooltipcustom.required {
        border: none !important;
    }

.hidden {
    display: none !important;
}

.radio-btn {
    border-radius: 3px;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.25));
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.25));
    -webkit-box-shadow: inset 1px 1px 1px white, inset -1px -1px 1px rgba(0, 0, 0, 0.25) !important;
    box-shadow: inset 1px 1px 1px white, inset -1px -1px 1px rgba(0, 0, 0, 0.25) !important;
    -webkit-transition: background-position 0.5s, color 0.5s;
    -o-transition: background-position 0.5s, color 0.5s;
    transition: background-position 0.5s, color 0.5s;
    background: #01b2c682;
}

    .radio-btn input {
        width: auto;
        height: 100%;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        outline: none;
        cursor: pointer;
        border-radius: 2px;
        padding: 8px 50px;
        color: #ffff;
        font-size: 14px;
        -webkit-transition: all 100ms linear;
        -o-transition: all 100ms linear;
        transition: all 100ms linear;
    }


    .radio-btn .btn-Yes:checked {
        background-color: #5ca717;
        color: #fff;
        -webkit-box-shadow: 0 1px 1px #0000002e;
        box-shadow: 0 1px 1px #0000002e;
        text-shadow: 0 1px 0px #79485f7a;
        font-weight: bold;
    }

    .radio-btn .btn-No:checked {
        background-color: #e24f4f;
        color: #fff;
        -webkit-box-shadow: 0 1px 1px #0000002e;
        box-shadow: 0 1px 1px #0000002e;
        text-shadow: 0 1px 0px #79485f7a;
        font-weight: bold;
    }


    .radio-btn input:before {
        content: attr(label);
        display: inline-block;
        text-align: center;
        width: 100%;
        font-weight: bold;
    }

.btn-top-fix {
    position: fixed !important;
    z-index: 14 !important;
    right: 30px;
    top: 100px;
    margin-top: 15px;
}


span.field-validation-error {
    color: red;
}

.fillIconwithColor {
    fill: #5dbe41 !important;
    background: #5dbe41 !important;
}

.required {
    border: solid 1px !important;
    border-color: red !important;
    border-radius: 4px;
}

/*.popover-custom {
    max-width: inherit !important;
}
*/

.AddLinkStyle {
    color: blue;
    font-size: 1rem !important;
}

    .AddLinkStyle a {
        font-size: 1rem !important;
    }

.nav-tabs-new3 > li {
    margin-right: 5px !important;
}

.nav-tabs-new3 {
    padding-bottom: 1px !important;
}

    .nav-tabs-new3 > li > a {
        color: #000000;
        border: 1px solid #9E9E9E;
        padding: 7px 23px;
        background-color: transparent;
        -webkit-box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 1px 2px;
        box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 1px 2px;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 3rem;
        font-size: 1rem;
    }

        .nav-tabs-new3 > li > a:hover,
        .nav-tabs-new3 > li > a:focus {
            color: #fff;
        }

        .nav-tabs-new3 > li > a.active {
            color: #fff;
        }

    .nav-tabs-new3 .nav-link.active i {
        color: white !important;
    }

    .nav-tabs-new3 .nav-link:hover i,
    .nav-tabs-new3 .nav-link:focus i {
        color: white !important;
    }

.OverFlow-Hidden {
    overflow: hidden !important;
}

.m-l-auto {
    margin-left: auto !important;
}

/* Hoverable Side Navigation*/
/*threeholder {
    position: relative;
    margin: auto;
}

.threeone:hover {
    background: #f5cb22;
}

    .threeone:hover .circlepic {
        background: #5c5c5c;
    }

    .threeone:hover .circleborder {
        background: #f5cb22;
    }

.threeone svg {
    width: 100px;
    fill: #f5cb22;
}

.threeone:hover svg {
    fill: #000000;
    margin-left: 10px;
}

.threeholder h4 {
    text-align: center;
    display: none;
    font-size: 20px;
}

.threeholder p {
    display: inline-block;
    text-align: center;
    margin: auto;
    font-size: 12px;
    color: #8a8a8a;
    letter-spacing: 1px;
    padding-bottom: 10px;
    display: none;
}

.threeholder:hover p {
    display: block;
}

.threeholder:hover h4 {
    display: block;
}

.threeone:hover svg, .threetwo:hover svg, .threethree:hover svg {
    transition: all 0.65s;
    transform: rotateY(360deg);
}
*/
.div-slid {
    position: relative;
    display: -ms-grid;
    display: grid;
    -webkit-transition: 10s ease-in-out;
    -o-transition: 10s ease-in-out;
    transition: 10s ease-in-out
}

.div-slid-1 {
    position: relative;
    display: -ms-grid;
    display: grid;
    -webkit-transition: 10s ease-in-out;
    -o-transition: 10s ease-in-out;
    transition: 10s ease-in-out
}

.box {
    width: auto;
    text-align: center;
    cursor: pointer;
    position: absolute;
    -webkit-transition: -webkit-transform 0.8s ease-in-out;
    transition: -webkit-transform 0.8s ease-in-out;
    -o-transition: transform 0.8s ease-in-out;
    transition: transform 0.8s ease-in-out;
    transition: transform 0.8s ease-in-out, -webkit-transform 0.8s ease-in-out;
    background-color: #3498db;
    padding: 15px 10px;
}

#box4 {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 86vw;
    color: #ffff !important;
    font-size: 16px;
    background: #009688 !important;
    text-align: center;
    cursor: pointer;
    position: absolute;
    -webkit-transition: -webkit-transform 0.5s ease-in-out;
    transition: -webkit-transform 0.5s ease-in-out;
    -o-transition: transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
    display: block;
    border-radius: 15px;
    display: none;
    /* transform: translateX(-200px);*/
    padding: 10px 20px 0px 5px;
    text-align: start;
    white-space: nowrap;
    /*left:0px;*/
    float: left;
    text-indent: -16px !important;
}

.client-info-ul li,
.client-health-ul li {
    font-weight: 600;
}

    .client-info-ul li span,
    .client-health-ul li span {
        font-weight: 400;
    }

.client-info-ul,
.client-health-ul {
    /* max-width: 100vw;*/
    margin: auto;
    /* display: grid;*/
    white-space: normal;
    /* width: max-content;*/
}

#box2 {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 90vw;
    /* min-height: 100px; */
    /* background-color: #3498db; */
    color: #ffff !important;
    font-size: 16px;
    background: #3498dbcf !important;
    text-align: center;
    cursor: pointer;
    position: absolute;
    -webkit-transition: -webkit-transform 0.5s ease-in-out;
    transition: -webkit-transform 0.5s ease-in-out;
    -o-transition: transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
    /* z-index: 1;*/
    display: block;
    border-radius: 15px;
    display: none;
    -webkit-transform: translateX(-200px);
    -ms-transform: translateX(-200px);
    transform: translateX(-200px);
    /* clip-path: polygon(0 0, 89% 0, 90% 36%, 91% 41%, 100% 47%, 90% 56%, 90% 100%, 0 100%);*/
    padding: 10px 20px 0px 5px;
    /* box-shadow: 0 12px 40px #14141459;*/
    text-align: start;
    white-space: nowrap;
    right: 20px !important;
    float: left;
    text-indent: -16px !important;
}

.craete-roc ~ .select2-container--default .select2-selection--single .select2-selection__clear span {
    color: white !important;
}

.craete-roc ~ .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: white !important;
}

.craete-roc ~ .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #f7ecec transparent transparent transparent;
}

#SubstanceTakeIds ~ .select2-container .select2-search--inline .select2-search__field {
    margin-left: auto !important;
    padding-left: 5px !important;
}

.box-icon-span svg {
    width: 60px;
    display: inline-block;
}

#box3 {
    background: #009688 !important;
}

    #box3:hover {
        background: #009688 !important;
    }

#box1:hover {
    background: #3498dbcf !important;
}

#box1 svg {
    width: 60px;
    height: 60px;
    -webkit-transition: all 0.65s;
    -o-transition: all 0.65s;
    transition: all 0.65s;
    /* transform: rotateY(360deg);*/
}

.box__label {
    /*writing-mode: vertical-lr;
    text-orientation: mixed;*/
    color: #ffff !important;
}

    .box__label:hover {
        color: #ffff !important;
    }

.box__label--rotate span {
    display: inline-block;
    /* transform: rotate(180deg);*/
    font-size: 16px;
    color: black;
    color: #ffff !important;
}

#box1 {
    left: 0px;
    z-index: 2;
    border-radius: 10px;
    /* top: 20px;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    line-height: 1;
}

    #box1:active .arrow-custom {
        -webkit-animation: none;
        animation: none;
    }

    #box1:hover .arrow-custom {
        -webkit-animation: none !important;
        animation: none !important;
        display: none !important;
    }

#box3:hover .arrow-custom {
    -webkit-animation: none !important;
    animation: none !important;
    display: none !important;
}

.arrow-custom {
    position: absolute;
    top: -18px;
}

.arrow-custom-2 {
    -webkit-animation: slide2 1s ease-in-out infinite;
    animation: slide2 1s ease-in-out infinite;
}

.arrow-custom {
    -webkit-animation: slide1 1s ease-in-out infinite;
    animation: slide1 1s ease-in-out infinite;
}

@-webkit-keyframes slide2 {

    0%, 100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    50% {
        -webkit-transform: translate(0, 8px);
        transform: translate(0, 8px);
    }
}

@keyframes slide2 {

    0%, 100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    50% {
        -webkit-transform: translate(0, 8px);
        transform: translate(0, 8px);
    }
}

@-webkit-keyframes slide1 {

    0%, 100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    50% {
        -webkit-transform: translate(8px, 0);
        transform: translate(8px, 0);
    }
}

@keyframes slide1 {

    0%, 100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    50% {
        -webkit-transform: translate(8px, 0);
        transform: translate(8px, 0);
    }
}

#box3 {
    left: 21px !important;
    z-index: 2;
    border-radius: 5px;
    /* top: 20px;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    line-height: 1;
}

#box1:hover svg {
    -webkit-animation: rotateAnimation 1s linear infinite;
    animation: rotateAnimation 1s linear infinite;
}

#box3:hover svg {
    -webkit-animation: rotateAnimation 1s linear infinite;
    animation: rotateAnimation 1s linear infinite;
}


@-webkit-keyframes rotateAnimation {
    from {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    to {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}


@keyframes rotateAnimation {
    from {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    to {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}

#box1-svg:hover #box2 {
    display: block;
    -webkit-transform: translateX(-200px);
    -ms-transform: translateX(-200px);
    transform: translateX(-200px);
    left: 30px;
}

#box1-svg:hover #box2 {
    width: 80px;
}


/*body.modal-open {
    height: 100vh;
    overflow-y: hidden;
}*/

.hoverableSideNavigation-3 {
    top: calc(7rem - 100px);
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: relative;
    z-index: 3;
    margin: auto;
}

#hoverableSideNavigation-4 {
    /*top: calc(8rem + 2rem);*/
    top: -15px;
    position: fixed;
    z-index: 3;
    left: 100px;
}

#hoverableSideNavigation-5 {
    top: calc(12rem + 2rem);
    position: fixed;
    z-index: 3;
    right: 20px;
}

.select2-container--open {
    z-index: 11;
}

#hoverableSideNavigation-2 {
    top: calc(1rem + 5px);
    position: fixed;
    z-index: 3;
    right: 35px;
}

    #hoverableSideNavigation-2 .div-slid {
        position: absolute;
        right: -120px;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        /* padding: 15px;*/
        width: 150px;
        text-decoration: none;
        font-size: 20px;
        color: white;
        border-radius: 0 5px 5px 0;
        margin-top: 155px !important;
        /* cursor: pointer;*/
        display: inline-block;
    }

/*#hoverableSideNavigation-2 :hover {
        right: -120px;
    }*/

#hoverableSideNavigation-4 .div-slid-1 {
    position: absolute;
    left: -124px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    /* padding: 15px;*/
    width: 150px;
    text-decoration: none;
    font-size: 16px;
    color: white;
    border-radius: 0 5px 5px 0;
    margin-top: 144px !important;
    /* cursor: pointer;*/
    display: inline-block;
}

#hoverableSideNavigation-3 :hover {
    right: -120px;
}

/* Hoverable Side Navigation*/
#HoverableSideNavigation a {
    /* position: absolute;*/
    /*  left: -80px;*/
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    padding: 15px;
    width: 100px;
    text-decoration: none;
    font-size: 20px;
    -webkit-transition: margin-left 0.3s ease;
    -o-transition: margin-left 0.3s ease;
    transition: margin-left 0.3s ease;
    /* transition: all .35s;*/
    color: white;
    border-radius: 0 5px 5px 0;
    /*  margin-top: 152px !important;*/
    margin-left: -70px;
}

    #HoverableSideNavigation a:hover {
        /*left: 0;*/
        margin-left: -10px;
        border: none !important;
    }


.color-grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /* gap: 5px; Adjust the gap between columns */
}

    .color-grid li {
        margin-bottom: 0 !important;
        margin: auto;
    }

#ClientInfo_SideNav {
    top: 20px;
    /* background-color: #5c8ed4;*/
    background-color: #3498dbcf;
}

#Sms_SideNav {
    top: 80px;
    /* background-color: #04AA6D;*/
    background: #04aa6dd9;
}

#Email_SideNav {
    top: 140px;
    /*background-color: #f44336;*/
    background: #f44336d4;
}

#Info_SideNav {
    top: 200px;
    /*background-color: #555;*/
    background: #555555f0;
}

#Session_SideNav {
    top: 260px;
    /* background-color: #c671e1;*/
    background-color: #c671e1e8;
}

#Session_SideNav_color {
    top: 320px;
    -webkit-box-shadow: 1px 2px 10px rgb(0 0 0 / 61%) !important;
    box-shadow: 1px 2px 10px rgb(0 0 0 / 61%) !important;
    background: -webkit-gradient(linear, left top, right top, from(#e9ecefbf), to(#dee2e6c4));
    background: -o-linear-gradient(left, #e9ecefbf, #dee2e6c4);
    background: linear-gradient(to right, #e9ecefbf, #dee2e6c4);
}

.span_SideNav {
    padding-left: 30% !important;
}

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

/*.Info-Icon-Color {
    color: darkorange !important;
}*/

.Txt-Align-Center {
    text-align: center !important;
}

.radio-btn-group {
    width: 100% !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 3px;
}

/*.AddEllipsis-2-checkbox-bg {
    background: #e8e8e8 !important;
    height: 40px !important;
    padding-top: 8px !important;
}

.AddEllipsis-2-label-bg {
    background: #e8e8e8 !important;
    height: auto !important;
    padding-top: 8px !important;
}*/

.custom-slider {
    height: 10px;
    /* Increase the height of the slider */
    background: #4CAF50;
    /* Change the background color */
    border-radius: 5px;
    /* Optional: Rounded corners */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Remove default styles */
    outline: none;
    /* Remove outline when focused */
    width: 100%;
}

    .custom-slider::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        /* Remove default thumb style */
        width: 20px;
        /* Increase thumb width */
        height: 20px;
        /* Increase thumb height */
        background: #333;
        /* Change the thumb color */
        border-radius: 50%;
        /* Make the thumb circular */
        cursor: pointer;
        /* Show pointer cursor */
    }

    .custom-slider::-moz-range-thumb {
        width: 20px;
        height: 20px;
        background: #333;
        border-radius: 50%;
        cursor: pointer;
    }

.btn-seconadry-controls {
    /* background-color: #454857 !important;
    color: white !important;*/
    /*  background-color: #89eae6 !important;
    color: #444 !important;
    font-size: 15px !important;*/
    /* background-color: #0dcaf0 !important; */
    color: #000000 !important;
    font-size: 15px !important;
    /* background-image: linear-gradient(to bottom right, #8ee8fa, #a5e7c5);*/
    /* counter-increment: ol-cards-count; */
    -webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.25));
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.25));
    /* filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.25));*/
    -webkit-box-shadow: inset 1px 1px 1px white, inset -1px -1px 1px rgba(0, 0, 0, 0.25) !important;
    box-shadow: inset 1px 1px 1px white, inset -1px -1px 1px rgba(0, 0, 0, 0.25) !important;
    -webkit-transition: background-position 0.5s, color 0.5s;
    -o-transition: background-position 0.5s, color 0.5s;
    transition: background-position 0.5s, color 0.5s;
}

    .btn-seconadry-controls:hover {
        color: white !important;
        /* background-image: linear-gradient(to right, #009c97c7, #42b968) !important;
    background-position: right bottom;*/
    }

.radio-btn-group .btn-check:checked + label {
    /* background-color: #5ca717 !important;*/
    /*  background: linear-gradient(45deg(to bottom, #20c997, #5ca717));*/
    /*  background: linear-gradient(to bottom, #20c997, #5ca717);*/
    /*  background: linear-gradient(to bottom, #20c997, #42b968);*/
    color: white !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    /* border: 2px solid;
    transition: border 0.5s ease;*/
}

.btn-group-vertical > .btn,
.btn-group > .btn {
    padding-top: 10px;
    padding-bottom: 10px;
}

.notes-icon {
    font-size: 40px !important;
}

.span-inputfield {
    font-weight: bold;
    font-size: 15px !important;
}

.span-spacing {
    border: 1px solid !important;
    background-color: white !important;
}

.btn-Controls {
    font-size: 15px !important;
    font-weight: bold !important;
}

.controls-label {
    /*font-weight: 600;*/
    font-size: 16px !important;
}

.span-label {
    color: red;
    font-size: 15px;
    font-weight: bold;
    padding-left: 20px;
    padding-top: 10px;
}

element.style {
    -webkit-box-shadow: 6px 5px 0px 2px var(--bs-gray-400);
    box-shadow: 6px 5px 0px 2px var(--bs-gray-400);
    background: -o-linear-gradient(45deg, #dc3545c4, #e9071d);
    background: linear-gradient(45deg, #dc3545c4, #e9071d);
}

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
    cursor: pointer;
}

.btn-danger {
    -webkit-box-shadow: 3px 4px 0px 2px var(--bs-gray-400);
    box-shadow: 3px 4px 0px 2px var(--bs-gray-400);
    background: -o-linear-gradient(45deg, #dc3545c4, #e9071d);
    background: linear-gradient(45deg, #dc3545c4, #e9071d);
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

    .btn-danger:hover {
        background-color: #ed2639a1 !important;
        border-color: #dc3545b3 !important;
        -webkit-box-shadow: 0px 5px 2px 0px #dc3545ab !important;
        box-shadow: 0px 5px 2px 0px #dc3545ab !important;
    }

.btn {
    font-size: 14px;
    font-weight: 600;
    border: var(--bs-btn-border-width) solid #0d6efd00;
}

.modal-footer > * {
    margin: 0.25rem;
}


.btn-button-color {
    background: -o-linear-gradient(45deg, #20c997, #5ca717);
    background: linear-gradient(45deg, #20c997, #5ca717);
    -webkit-box-shadow: 3px 4px 0px 2px var(--bs-gray-400);
    box-shadow: 3px 4px 0px 2px var(--bs-gray-400);
}

.btn-secondary {
    /*border-color: #198754;*/
    -webkit-box-shadow: 3px 4px 0px 2px var(--bs-gray-400);
    box-shadow: 3px 4px 0px 2px var(--bs-gray-400);
}

.btn-success {
    background: -o-linear-gradient(45deg, #20c997, #5ca717);
    background: linear-gradient(45deg, #20c997, #5ca717);
    -webkit-box-shadow: 3px 4px 0px 2px var(--bs-gray-400);
    box-shadow: 3px 4px 0px 2px var(--bs-gray-400);
    border-color: #198754;
}

    .btn-success:hover {
        background-color: #198754c7 !important;
        border-color: #198754c2 !important;
        -webkit-box-shadow: 0px 5px 2px 0px #198754bf !important;
        box-shadow: 0px 5px 2px 0px #198754bf !important;
    }

.tier-onebg-btn:hover {
    background: #A8E6A3 !important;
    color: #000 !important;
}

.modal-footer {
    gap: 10px;
    /*margin-top: 5px;*/
}

.scoresField {
    width: 8em !important;
}

.unit-fields {
    border-bottom: 1px solid !important;
    width: 5em !important;
    border-radius: unset !important;
    font-weight: bold !important
}


.radio-btn-group-YN {
    width: 40% !important;
    padding-left: 2em !important;
}

    .radio-btn-group-YN .btn-check:checked + label {
        background-color: #12191d !important;
    }

/*Classes for BUPROPRION (ZYBAN) Controller*/
.radio-btn-group-BZST {
    width: 86% !important;
}

    .radio-btn-group-BZST .btn-BZST-Yes:checked + label {
        background-color: #dc3545 !important;
    }

    .radio-btn-group-BZST .btn-BZST-No:checked + label {
        background-color: #3e9765 !important;
    }

/* Classes used for smoking controls for temporory  */

.smoke-controls {
    padding: 14px !important;
    border-radius: 5px;
    -webkit-box-shadow: 1px 5px 0px #eee !important;
    box-shadow: 1px 5px 0px #eee !important;
}

/*.smoke-controls-heading {
    color: white !important;
}*/

/* End */

/*select dropdown-menu- start*/

.dropdown-menu {
    /* max-width: calc(100% - 1rem);*/
    inset: auto !important;
    -webkit-transform: translate(0px, 0px) !important;
    -ms-transform: translate(0px, 0px) !important;
    transform: translate(0px, 0px) !important;
}

    .dropdown-menu .inner {
        display: block;
        width: 100%;
        white-space: pre-wrap;
        word-wrap: break-word;
        overflow-x: hidden;
        height: auto;
    }

.bootstrap-select > select {
    left: 0%;
}

.text {
    white-space: pre-wrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow-x: hidden;
    width: 100%;
}

.pagination-main nav a i {
    font-weight: bolder;
}

.flex_gap {
    gap: 10px;
}

.mrg-top-01rem {
    margin-top: 0.1rem;
}

.btn-primary {
    -webkit-box-shadow: 3px 4px 0px 2px var(--bs-gray-400);
    box-shadow: 3px 4px 0px 2px var(--bs-gray-400);
}

btndisabled.disabled, .btndisabled:disabled, fieldset:disabled .btndisabled {
    color: black !important;
    pointer-events: none !important;
    background-color: #d6d6d6de !important;
    border-color: #dee2e6 !important;
}

.flex_gap_15 {
    gap: 15px;
}

.navbar-btn-custom:hover {
    background-image: -webkit-gradient(linear, left top, right top, from(#0dcaf0), color-stop(#20c99794), color-stop(#0dcaf0), color-stop(#20c99794), to(#0dcaf0)) !important;
    background-image: -o-linear-gradient(left, #0dcaf0, #20c99794, #0dcaf0, #20c99794, #0dcaf0) !important;
    background-image: linear-gradient(to right, #0dcaf0, #20c99794, #0dcaf0, #20c99794, #0dcaf0) !important;
}

.navbar-btn-custom span:hover {
    -webkit-filter: invert(1);
    filter: invert(1);
}

.navbar-btn-custom:focus {
    -webkit-box-shadow: 0 0 0 0.25rem #0dcaf04d;
    box-shadow: 0 0 0 0.25rem #0dcaf04d;
}

#HoverableSideNavigation-bottom {
    bottom: calc(0rem + 1px);
    position: fixed;
    z-index: 2;
    margin-top: calc(7rem + 3.3rem);
    display: -ms-grid;
    display: grid;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

    #HoverableSideNavigation-bottom a {
        /* position: absolute;*/
        /*  left: -80px;*/
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        padding: 15px;
        width: 100px;
        text-decoration: none;
        font-size: 13px;
        font-weight: 600;
        -webkit-transition: margin-left 0.3s ease;
        -o-transition: margin-left 0.3s ease;
        transition: margin-left 0.3s ease;
        /* transition: all .35s;*/
        color: white;
        border-radius: 0 5px 5px 0;
        /*  margin-top: 152px !important;*/
        margin-left: -70px;
    }

        #HoverableSideNavigation-bottom a:hover {
            /*left: 0;*/
            margin-left: -10px;
            border: none !important;
        }



#HoverableSideNavigation-right {
    bottom: calc(3rem + 3px);
    position: fixed;
    z-index: 2;
    margin-top: calc(4rem + 3.3rem);
    display: -ms-grid;
    display: grid;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    right: 0;
    /* top: calc(0.5rem + 3px);*/
}

    #HoverableSideNavigation-right a {
        -webkit-transition: -webkit-transform 0.3s ease;
        transition: -webkit-transform 0.3s ease;
        -o-transition: transform 0.3s ease;
        transition: transform 0.3s ease;
        transition: transform 0.3s ease, -webkit-transform 0.3s ease;
        padding: 15px;
        width: 100px;
        text-decoration: none;
        font-size: 13px;
        font-weight: 600;
        color: white;
        border-radius: 5px 0px 0px 5px;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        margin-right: -62px;
    }

        #HoverableSideNavigation-right a:hover {
            -webkit-transform: translateX(-60px);
            -ms-transform: translateX(-60px);
            transform: translateX(-60px);
            border: none !important;
        }


#HoverableSideNavigation {
    top: calc(0.5rem + 3px);
    position: fixed;
    z-index: 2;
    margin-top: calc(4rem + 3.3rem);
    display: -ms-grid;
    display: grid;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}
/*.accordion-collapse{
    margin-top:10px !important;
}*/
.modal-content {
    /*overflow: hidden !important;*/
    z-index: 1 !important;
}
/*#ROAController_Modal .accordion .card:last-child {
    margin-bottom: 0 !important;
}*/

#ROAController_Modal .accordion-body:last-child {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

#ROA_Modal .modal-body {
    padding-bottom: 0px !important;
}

.modal-body {
    z-index: 2 !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

.btn-group .btn {
    border-radius: 0px !important;
    border-radius: 0px !important;
    border: 1px solid #777;
    /* display: flex;
    justify-content: center;
    align-items: center;*/
}

.text-balance {
    text-wrap: balance !important;
    text-align: center;
}

.color-black-custom .fa-spinner {
    color: black !important;
}
/*.modal-header .btn-close:hover {
    background-color: #EB7D6D;
}*/
.member-card .l-coral {
    -webkit-box-shadow: 2px 2px 4px rgb(0 0 0 / 61%) !important;
    box-shadow: 2px 2px 4px rgb(0 0 0 / 61%) !important;
}

.pagination-main [data-pagination] li.currents {
    /* background: linear-gradient(45deg, #01b2c6, var(--bs-success));*/
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

.nav-tabs-new2 > li {
    margin-right: 5px !important;
    /*filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.25));*/
    /*box-shadow: inset 2px 2px 2px white, inset -1px -1px 1px rgba(0, 0, 0, 0.25);*/
    /* border: 1px solid #01b2c6;*/
    border-top: none !important;
    border-bottom: none !important;
    -webkit-box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 1px 2px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 1px 2px;
    /*box-shadow: inset 0px 0px 0px 1px white, inset 1px -1px 1px rgba(0, 0, 0, 0.25);*/
    /*filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.25));*/
    /*margin-right: 2px !important;*/
}

    /*.nav-tabs-new2 > li:first-child{
    b:none;
}*/
    .nav-tabs-new2 > li:last-child {
        border: none;
    }

    .nav-tabs-new2 > li > a.active {
        margin-right: 0px !important;
        /* border-top: 2px solid #01b2c6 !important; */
        /* background-color: #f0f0f0; */
        /* color: #777;
    border-left: 4px solid #01b2c6;*/
        -webkit-transition: -webkit-box-shadow 0.3s ease-in-out;
        transition: -webkit-box-shadow 0.3s ease-in-out;
        -o-transition: box-shadow 0.3s ease-in-out;
        transition: box-shadow 0.3s ease-in-out;
        transition: box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
        -webkit-box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.3);
        box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.3);
        /*margin-right: 2px !important;*/
        /* border-bottom: none ;*/
    }

.sidebar-nav .metismenu > li.active > a {
    /* background: linear-gradient(45deg, #01b2c6, var(--bs-success)) !important;*/
    border-left: 4px solid;
    /* Set your desired border width */
    -o-border-image: -o-linear-gradient(45deg, #01b2c6, var(--bs-success)) 1;
    border-image: linear-gradient(45deg, #01b2c6, var(--bs-success)) 1;
    /* Adjust the angle and colors */
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    -webkit-transition: -webkit-box-shadow 0.3s ease-in-out;
    transition: -webkit-box-shadow 0.3s ease-in-out;
    -o-transition: box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
    /* color:white !important;*/
}

.nav-tabs-new2 > li > a:hover,
.nav-tabs-new2 > li > a:focus {
    /* background: -webkit-linear-gradient(#0dcaf0, #198754);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;*/
    /*color: #0dcaf0 !important;
    border-bottom: 2px solid #0dcaf0 !important;*/
    -webkit-transition: color 0.1s ease;
    -o-transition: color 0.1s ease;
    transition: color 0.1s ease;
    margin-right: 0px;
    color: white !important;
}

.nav-tabs-new2 .nav-link {
    border-bottom: 0px !important;
}

    .nav-tabs-new2 .nav-link.active i {
        color: white !important;
    }

    .nav-tabs-new2 .nav-link:hover i,
    .nav-tabs-new2 .nav-link:focus i {
        color: white !important;
    }

/*.sidebar-nav .metismenu {
    filter: drop-shadow(0px 2px 0px rgba(0, 0, 0, 0.25));
}*/
.sidebar-nav {
    /* box-shadow: 0px 1px 3px rgb(0 0 0 / 63%);*/
    border-bottom: 2px solid #0dcaf0;
    -webkit-filter: drop-shadow(0px 2px 0px rgba(0, 0, 0, 0.25));
    filter: drop-shadow(0px 2px 0px rgba(0, 0, 0, 0.25));
}

    .sidebar-nav .form-control:disabled {
        background-color: #e9ecef !important;
        color: #6c757d !important;
    }

.span-inputfield[readonly] {
    background-color: #fff !important;
    border: none !important;
}

.span-inputfield {
    font-weight: 600;
}

.bg-light-gray-2 {
    background-color: rgb(233, 236, 239) !important;
    -webkit-box-shadow: 1px 1px 0px var(--bs-white);
    box-shadow: 1px 1px 0px var(--bs-white);
}

#btnClientHealthDetailSave i {
    color: white !important;
}

.form-control::-webkit-input-placeholder {
    color: #444 !important;
}

.form-control::-moz-placeholder {
    color: #444 !important;
}

.form-control:-ms-input-placeholder {
    color: #444 !important;
}

.form-control::-ms-input-placeholder {
    color: #444 !important;
}

.form-control::placeholder {
    color: #444 !important;
}

.btn-fixed button i {
    color: white !important;
}

.btn-group > .btn:not(:first-child) {
    margin-left: 0px !important;
}

.fancy-radio span {
    color: #444 !important;
}

.fancy-checkbox span {
    color: #444 !important;
}

.text-table {
    margin-top: -25px;
}

button.btn-add {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.table thead tr th {
    vertical-align: middle;
    white-space: nowrap !important;
    /*white-space: break-spaces;*/
    /*text-align:center;*/
    text-transform: uppercase;
    font-size: 1em;
}

.table tbody tr td {
    vertical-align: top;
    /* white-space: break-spaces;*/
    white-space: normal !important;
    /*word-wrap: break-word !important;
    word-break: break-word !important;*/
    /* text-align: center;*/
    color: #000000eb;
    font-size: 1em;
}

    .table tbody tr td input {
        height: auto !important;
        vertical-align: middle !important;
    }

.accordion-item {
    overflow: auto;
}

button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.m-top-1-4 {
    margin-top: 1.51rem;
}

.btn-close {
    background-image: url('../images/blog/download.svg') !important;
    background-repeat: no-repeat;
    opacity: 1 !important;
}

    .btn-close:hover {
        background-color: #2770ff6b;
    }

        .btn-close:hover > svg > path {
            fill: #000000 !important;
        }

label span {
    color: rgb(68, 68, 68) !important;
}

.accordion-item {
    border: 1px solid rgb(0 0 0 / 6%);
}

.accordion-button.collapsed::after {
    content: "\002B";
    font-size: 2.2rem;
    cursor: pointer;
    line-height: 18px;
    -webkit-transition: all 0.8s ease !important;
    -o-transition: all 0.8s ease !important;
    transition: all 0.8s ease !important;
}

.accordion-button:not(.collapsed)::after {
    content: "\2212";
    font-size: 2.2rem;
    cursor: pointer;
    line-height: 18px;
    -webkit-transition: all 0.8s ease !important;
    -o-transition: all 0.8s ease !important;
    transition: all 0.8s ease !important;
}

/*.accordion-button-modal.collapsed::after {
    color: #ffff !important;
}

.accordion-button-modal:not(.collapsed)::after {
    color: #ffff !important;
}*/

.accordion-button:not(.collapsed) {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.accordion-button:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.modal-dialog {
    margin: auto !important;
    pointer-events: auto !important;
}

.member-card {
    position: sticky !important;
    top: 0 !important;
}

.table-responsive-lg {
    max-height: calc(100vh - 100px);
    overflow: auto;
    /*overflow-x: hidden;*/
}

table > thead {
    position: sticky !important;
    top: 0 !important;
    z-index: 1;
    color: white;
}

.bg-light-gray {
    --bs-table-accent-bg: var(--bs-table-striped-bg);
}

.table-bg-white {
    background: #ffff !important;
}

.w-10 {
    width: 10%;
}

.w-5 {
    width: 5%;
}


.accordion-button.collapsed::after {
    background: none;
    /* background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNC4zLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxOSAxOSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTkgMTk7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiM1OTU5NUI7c3Ryb2tlOiM1ODU5NUI7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fQ0KPC9zdHlsZT4NCjxsaW5lIGNsYXNzPSJzdDAiIHgxPSI5LjUiIHkxPSIwIiB4Mj0iOS41IiB5Mj0iMTkiLz4NCjxsaW5lIGNsYXNzPSJzdDAiIHgxPSIwIiB5MT0iOS41IiB4Mj0iMTkiIHkyPSI5LjUiLz4NCjwvc3ZnPg0K");*/
    /* background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 4C11.4477 4 11 4.44772 11 5V11H5C4.44772 11 4 11.4477 4 12C4 12.5523 4.44772 13 5 13H11V19C11 19.5523 11.4477 20 12 20C12.5523 20 13 19.5523 13 19V13H19C19.5523 13 20 12.5523 20 12C20 11.4477 19.5523 11 19 11H13V5C13 4.44772 12.5523 4 12 4Z" fill="currentColor"/></svg>') center center no-repeat;*/
    /* background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-plus" viewBox="0 0 16 16"> <path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z"/> </svg>');*/
    cursor: pointer;
}

.accordion-button:not(.collapsed)::after {
    background: none;
    /* background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNC4zLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxOSAxOSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTkgMTk7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiM1OTU5NUI7c3Ryb2tlOiM1ODU5NUI7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fQ0KPC9zdHlsZT4NCjxsaW5lIGNsYXNzPSJzdDAiIHgxPSIwIiB5MT0iOS41IiB4Mj0iMTkiIHkyPSI5LjUiLz4NCjwvc3ZnPg0K");*/
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    cursor: pointer;
}

input[type=checkbox] {
    position: relative;
    border: 1px solid #444;
    border-radius: 3px;
    background: none;
    cursor: pointer;
    line-height: 0;
    margin: 0 .6em 0 0;
    outline: 0;
    vertical-align: middle;
    padding: 10px !important;
    height: 0px !important;
    width: 0px !important;
    -webkit-appearance: none;
    opacity: .5;
}

    input[type=checkbox]:checked {
        opacity: 1;
        background-color: black;
    }

        input[type=checkbox]:checked:before {
            opacity: 1;
        }

    input[type=checkbox]:before {
        content: '';
        position: absolute;
        right: 50%;
        top: 50%;
        width: 5px;
        height: 10px;
        border: solid #FFF;
        border-width: 0 2px 2px 0;
        margin: -1px -1px 0 -1px;
        -webkit-transform: rotate(45deg) translate(-50%, -50%);
        -ms-transform: rotate(45deg) translate(-50%, -50%);
        transform: rotate(45deg) translate(-50%, -50%);
        z-index: 1;
        opacity: 0;
    }

.display-5 {
    font-size: 3rem;
}

.new-message-box {
    margin: 15px 0;
    padding-left: 20px;
    margin-bottom: 25px !important;
}

    .new-message-box p {
        font-size: 1.15em;
        font-weight: 600;
    }

.info-tab-2 {
    width: 40px;
    height: 40px;
    display: inline-block;
    position: relative;
    top: -8px;
    right: -24px;
}

.info-tab {
    width: 40px;
    height: 40px;
    display: inline-block;
    position: relative;
    top: -8px;
}

.info-tab-2 i::before,
.info-tab-2 i::after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 15px;
    bottom: -17px;
    -webkit-transform: rotateX(-113deg);
    transform: rotateX(-113deg);
}

.info-tab-2 i::after {
    width: 0;
    height: 0;
    border: 12px solid #fff;
    border-bottom-color: #ff6f00;
    border-left-color: #ff6f00;
}

.info-tab-3 i::after {
    border-bottom-color: #03A9F4;
    border-left-color: #03A9F4;
}

.tip-icon-alert::before {
    font-size: 25px;
    content: "alert";
    top: 8px;
    left: 11px;
    font-family: FontAwesome;
    position: absolute;
    color: white;
}

.info-tab-2 {
    float: left;
    margin-left: -23px;
}

    .info-tab-2 i::before {
        width: 24px;
        height: 24px;
    }

.info-tab {
    float: left;
    margin-left: -23px;
}

    .info-tab i::before {
        width: 24px;
        height: 24px;
    }

    .info-tab i::after {
        width: 0;
        height: 0;
        border: 12px solid transparent;
        border-bottom-color: #fff;
        border-left-color: #fff;
        bottom: -18px;
    }

    .info-tab i::before,
    .info-tab i::after {
        content: "";
        display: inline-block;
        position: absolute;
        left: 0;
        bottom: -17px;
        -webkit-transform: rotateX(60deg);
        transform: rotateX(60deg);
    }

.note-box,
.warning-box,
.tip-box-success,
.tip-box-danger,
.tip-box-warning,
.tip-box-info,
.tip-box-alert {
    padding: 0px 20px 1px 20px;
}

/***Success****/
.new-message-box-success {
    background: #eeeeee;
    padding: 3px;
    margin: 10px 0;
}

.tip-icon-success {
    background: #8BC34A;
}

.tip-box-success {
    color: #33691E;
    background: #DCEDC8;
}

.tip-icon-success::before {
    font-size: 25px;
    content: "success";
    top: 8px;
    left: 11px;
    font-family: FontAwesome;
    position: absolute;
    color: white;
}

.tip-icon-success i::before {
    background: #8BC34A;
}

/*******Danger*******/
.new-message-box-danger {
    background: #eeeeee;
    padding: 3px;
    margin: 10px 0;
}

.tip-icon-danger {
    background: #f44336;
}

.tip-box-danger {
    color: #b71c1c;
    background: #FFCCBC;
}

.tip-icon-danger::before {
    font-size: 25px;
    content: "danger";
    top: 8px;
    left: 11px;
    font-family: FontAwesome;
    position: absolute;
    color: white;
}

.tip-icon-danger i::before {
    background: #f44336;
}

/*******warning*******/
.new-message-box-warning {
    background: #eeeeee;
    padding: 3px;
    margin: 10px 0;
}

.tip-icon-warning {
    background: #FFEB3B;
}

.tip-box-warning {
    color: #212121;
    background: #FFF9C4;
}

.tip-icon-warning::before {
    font-size: 25px;
    content: "warning";
    top: 8px;
    left: 11px;
    font-family: FontAwesome;
    position: absolute;
    color: #212121;
}

.tip-icon-warning i::before {
    background: #FFEB3B;
}

/*******info*******/
.new-message-box-info {
    background: #eeeeee;
    padding: 5px;
    margin: 10px 0;
}

.tip-box-info {
    color: #01579B;
    background: #B3E5FC;
}

.tip-icon-info {
    background: #03A9F4;
}

    .tip-icon-info::before {
        font-size: 25px;
        content: "\2139";
        top: 0px;
        left: 15px;
        font-family: FontAwesome;
        position: absolute;
        color: white;
    }

    .tip-icon-info i::before {
        background: #03A9F4;
    }

/*******info*******/
.new-message-box-alert {
    background: #FF6F00;
    padding: 3px;
    margin: 10px 0;
}

.tip-box-alert {
    color: #212121;
    background: #FFF8E1;
}

.closebtn {
    margin-left: 15px;
    color: white;
    font-weight: bolder;
    float: right !important;
    font-size: 33px;
    line-height: 32px;
    cursor: pointer;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    text-align: center;
}

.new-message-box-info span i {
    color: white !important;
}

.closebtn:hover {
    color: #FFF8E1;
}

.tip-icon-alert {
    background: #FF6F00;
}

.tip-icon-alert-2 {
    background: #FF6F00;
}

.tip-icon-alert::before {
    font-size: 25px;
    content: "alert";
    top: 8px;
    left: 11px;
    font-family: FontAwesome;
    position: absolute;
    color: white;
}

.tip-icon-alert-3 i::before {
    background: #03A9F4;
}

.tip-icon-alert-2 i::before {
    background: #FF6F00;
}

.tip-icon-alert i::before {
    background: #ca5b05;
}

#StockControlTable tbody tr td input {
    height: 40px !important;
    vertical-align: middle !important;
}

.w-15 {
    width: 15%;
}

.w-10 {
    width: 10%;
}

.w-8 {
    width: 8%;
}

.h-25-px {
    height: 25px;
}

.h-50-px {
    height: 50px;
}

.w-12 {
    width: 12%;
}

.w-18 {
    width: 18%;
}

.font-weight-500 {
    font-weight: 500;
}

.font-13 {
    font-size: 13px;
}

.bg-card {
    border-radius: 0.55rem;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(50%, #f8f8f8), to(#ffffff));
    background: -o-linear-gradient(top, #ffffff 0%, #f8f8f8 50%, #ffffff 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f8f8f8 50%, #ffffff 100%);
    /* background: #fffdfd; */
    /* background: linear-gradient(to bottom, #adb5bd2e 0%, var(--bs-white) 100%, #adb5bd2e -22%); */
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    border: 0;
    position: relative;
    -webkit-box-shadow: 0px 5px 2px 0px #2292a917;
    box-shadow: 0px 5px 2px 0px #2292a917;
}

.card-header-custom {
    -webkit-box-shadow: 0px 5px 2px 0px #2292a917;
    box-shadow: 0px 5px 2px 0px #2292a917;
}

.svg-h-w {
    width: 25px;
    height: 25px;
    fill: white;
}

.h-40 {
    height: 40px;
}

.h-30 {
    height: 27px;
}

.w-25-px {
    width: 20px;
}

/*btns-focuse*/
.offset {
    -webkit-box-shadow: 0.3em 0.3em 0 0 #19bc8b, inset 0.3em 0.3em 0 0 #19bc8b;
    box-shadow: 0.3em 0.3em 0 0 #19bc8b, inset 0.3em 0.3em 0 0 #19bc8b;
}

    .offset:hover,
    .offset:focus {
        -webkit-box-shadow: 0 0 0 0 #1973bc, inset 6em 3.5em 0 0 #1973bc;
        box-shadow: 0 0 0 0 #1973bc, inset 6em 3.5em 0 0 #1973bc;
    }



.button-styeloffset {
    color: #19bc8b;
    -webkit-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
}

    .button-styeloffset:hover,
    .button-styeloffset:focus {
        border-color: #1973bc;
        color: #fff;
    }

    .button-styeloffset .hover-text-white:hover {
        color: #fff;
    }

.button-styeloffset {
    background: none;
    border: 2px solid;
    line-height: 1;
    margin: 0.5em;
    padding: 0em 0.5em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: default !important;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}


.fc-col-header-cell-cushion {
    color: white !important;
    font-weight: 900;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.list-group-item.active {
    background-color: #DCF2F1 !important;
    border-color: #ddd !important;
}

.orang-color {
    background: #ff8c00bd !important;
    color: black !important;
}

.greeen-color {
    background: #00a499db !important;
    color: black !important;
}

.red-color {
    /* background: #f90808a1 !important;*/
    background: #e60d36 !important;
    color: black !important;
}

.skyblue-color {
    background: #91c9ed !important;
    color: black !important;
}

.yellow-color {
    background: #F9F07A !important;
    color: black !important;
}

.App_font {
    font-size: 1.20rem !important;
}

.closeded-event {
    background: #FEF9C3 !important;
    padding: 1rem !important;
}

.blue-color {
    background: #0090d9b3 !important;
    color: black !important;
}

.closeded-event .fc-daygrid-event-dot {
    display: none !important;
    color: white !important;
}

.closeded-event .fc-event-title {
    text-align: center !important;
}

.closeded-event .fc-event-time {
    display: none !important;
}

.purple-color {
    background: #50d38ab3 !important;
    color: black !important;
}

.pink-color {
    background: #ff69b49e !important;
    color: black !important;
}

.box-shodow-none {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.font-size-10px {
    font-size: 10px !important;
}

.font-size-12px {
    font-size: 12px !important;
    padding: 0px !important;
}

.fc .fc-button-primary:not(:disabled).fc-button-active,
.fc .fc-button-primary:not(:disabled):active {
    background-color: #1a252f !important;
    border-color: #1a252f !important;
}

/*.option-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    position: relative;
    top: 5px;
    right: 0;
    bottom: 0;
    left: 40px;
    padding: 10px 13px;
    -webkit-transition: all 0.15s ease-out 0s;
    -o-transition: all 0.15s ease-out 0s;
    transition: all 0.15s ease-out 0s;
    background: #fff;
    border: 1px solid #999;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin-right: 0.5rem;
    outline: none;
    position: relative;
    z-index: 1000;
}

    .option-input:hover {
        background: #e5e7eb;
    }

    .option-input:checked {
        border: 1px solid #fff;
    }

        .option-input:checked::before {
            color: #d9486d;
            position: absolute;
            content: "\2713";
            display: inline-block;
            font-size: 12px;
            left: 50%;
            top: 50%;
            line-height: 0px;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }

        .option-input:checked::after {
            -webkit-animation: click-wave 0.65s;
            animation: click-wave 0.65s;
            background: #40e0d0;
            content: "";
            display: block;
            position: relative;
            z-index: 100;
        }

    .option-input.radio {
        border-radius: 50%;
    }

        .option-input.radio::after {
            border-radius: 50%;
        }

.app-check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.app-border {
    border: 1px solid #ece9e9;
    border-radius: 7px;
    padding: 5px 7px 5px 9px;
    padding-left: 40px;
    min-height: 50px;
}

.option-input.radio:checked + .app-border {
    background: #d9486d;
    color: white !important;
}

.app-label {
    position: relative;
    top: 5px;
    margin-right: 10px;
}*/

.toggle-button-cover-custom {
    display: table-cell;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.button-cover-custom {
    margin-top: 20px;
    background-color: #fff;
    -webkit-box-shadow: 0 10px 20px -8px #c5d6d6;
    box-shadow: 0 10px 20px -8px #c5d6d6;
    border-radius: 4px;
}

    .button-cover-custom:before {
        counter-increment: button-counter;
        content: counter(button-counter);
        position: absolute;
        right: 0;
        bottom: 0;
        color: #d7e3e3;
        font-size: 12px;
        line-height: 1;
        padding: 5px;
    }

.button-cover-custom,
.knobs,
.layer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.button {
    position: relative;
    top: 50%;
    width: 74px;
    height: 36px;
    margin: -20px auto 0 auto;
    overflow: hidden;
}



    .button.b2 {
        border-radius: 2px;
    }

.checkbox {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 3;
}

.knobs {
    z-index: 2;
}

.layer {
    width: 100%;
    background-color: #ebf7fc;
    -webkit-transition: 0.3s ease all;
    -o-transition: 0.3s ease all;
    transition: 0.3s ease all;
    z-index: 1;
}

.svg-hover-effect:hover {
    fill: red !important;
}

.svg-hover-effect:focus {
    fill: red !important;
}

.svg-hover-effect:active {
    fill: red !important;
}


.home-icon:hover {
    background: #eee;
}

.btn-clear-custom {
    background: -o-linear-gradient(45deg, #c6d2d9, #12191d);
    background: linear-gradient(45deg, #c6d2d9, #12191d);
    -webkit-box-shadow: 3px 4px 0px 2px var(--bs-gray-400);
    box-shadow: 3px 4px 0px 2px var(--bs-gray-400);
    border-color: #999;
}

    .btn-clear-custom:hover {
        -webkit-box-shadow: 0px 5px 2px 0px #12191d !important;
        box-shadow: 0px 5px 2px 0px #12191d !important;
    }

.top_counter .body {
    overflow-x: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .top_counter .body a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

.top_counter .content .text {
    max-width: calc(100% - 1%);
}

.top_counter .content {
    width: 100%;
}

.body-add {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    padding-bottom: .25rem !important;
}

svg {
    cursor: auto !important;
}

.w-25px {
    width: 25px;
    display: block;
    /* height:25px;*/
}

.icon-25px {
    width: 25px;
    height: 25px;
}

.icon-22px {
    width: 22px;
    height: 22px;
}

.icon-20px {
    width: 20px;
    height: 20px;
}

.w-50px {
    width: 50px;
    display: block;
}

.w-30px {
    width: 30px;
    display: block;
}

.h-30px {
    height: 30px;
}

.w-35px {
    width: 35px;
    display: block;
}

.w-45px {
    width: 45px;
    display: block;
}

.mg-10px {
    margin-top: -10px;
}

.PHPGoalInProgress td {
    color: #CC9900 !important;
    font-weight: bold;
}

.EligibiltySkipClient {
    background-color: yellow !important;
    color: black !important;
}

.EventsClient {
    background-color: darkgray !important;
    color: black !important;
}

.HarmReductionSectionCls {
    background-color: #FFE79E !important;
    color: black !important;
}

.margin-left-minus-5px {
    margin-left: -8px;
    margin-top: -4px;
}

.PHPGoalAchieved td {
    color: #00B300 !important;
    font-weight: bold;
}

.fade-flip {
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    opacity: 0;
    -webkit-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
}

    .fade-flip.in {
        opacity: 1;
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
    }

    .fade-flip .modal-dialog {
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%) !important;
        -ms-transform: translateY(-50%) !important;
        transform: translateY(-50%) !important;
    }

.d-grid-center {
    display: -ms-grid;
    display: grid;
    place-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 10px;
}

.flex-gap {
    gap: 10px;
}

.min-w-4rem {
    min-width: 4rem;
}

.sortable-placeholder {
    background-color: #f5f5f5 !important;
}

.icon-postion {
    background: rgba(255, 255, 255, .5);
    width: 70px;
    height: 70px;
    border-radius: 100%;
    position: relative;
    overflow: hidden;
}

.icon-postion-img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

.fancy_card {
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    /* back to normal */
    cursor: pointer !important;
}

    .fancy_card:hover {
        -webkit-transform: translate3D(0, -1px, 0) scale(1.03);
        -ms-transform: translate3D(0, -1px, 0) scale(1.03);
        transform: translate3D(0, -1px, 0) scale(1.03);
        -webkit-transition: all .4s ease;
        -o-transition: all .4s ease;
        transition: all .4s ease;
        /* zoom in */
        /*box-shadow: 0px 9px 0px 0px #21252994 !important;*/
    }

    .fancy_card img {
        -webkit-transition: -webkit-transform .5s;
        transition: -webkit-transform .5s;
        -o-transition: transform .5s;
        transition: transform .5s;
        transition: transform .5s, -webkit-transform .5s;
    }

    .fancy_card:hover img {
        -webkit-transform: scale(1.10);
        -ms-transform: scale(1.10);
        transform: scale(1.10);
    }

.icon-postion-2 {
    /*background: #ffce4b91;*/
    width: 70px;
    height: 70px;
    border-radius: 100%;
    position: relative;
    overflow: hidden;
}

.box-shadow-3:hover {
    -webkit-box-shadow: 0px 9px 0px 0px #21252994 !important;
    box-shadow: 0px 9px 0px 0px #21252994 !important;
}

.box-shadow-3 {
    -webkit-box-shadow: 0px 9px 5px 1px #869db3 !important;
    box-shadow: 0px 9px 5px 1px #869db3 !important;
    /*box-shadow: 0px 9px 0px 0px #212529 !important;*/
}

.bg-light {
    --bs-bg-opacity: 1;
    background-color: rgb(246 246 246) !important;
}

.CustomTableHeader {
    z-index: 1 !important;
}

.mg-top-15px {
    margin-top: -15px;
}

.h-80 {
    height: 82% !important;
}

.h-87 {
    height: 87% !important;
}

/*.mdl-hdr{
    position:relative;
}*/
.mdl-hdr {
    width: 20%;
    position: relative;
    background: #ffc65f;
    background: -o-linear-gradient(45deg, #50d38a, #3c4a8e);
    background: linear-gradient(45deg, #50d38a, #3c4a8e);
    margin-bottom: -3px;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px);
    color: white !important;
}

.mdl-save-btn {
    background: -o-linear-gradient(45deg, #50d38a, #3c4a8e) !important;
    background: linear-gradient(45deg, #50d38a, #3c4a8e) !important;
    -webkit-box-shadow: 3px 4px 0px 2px var(--bs-gray-400);
    box-shadow: 3px 4px 0px 2px var(--bs-gray-400);
}

.mdl-hdr-2 {
    width: auto;
    position: relative;
    background: #ffc65f;
    margin-bottom: -3px;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px);
    color: white !important;
    padding-right: 5px;
}

.modal-header-custom-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px);
}

.mg-top-2rm {
    margin-top: 2rem;
}

.boxshodowcustom {
    -webkit-box-shadow: 3px 4px 0px 2px var(--bs-gray-400);
    box-shadow: 3px 4px 0px 2px var(--bs-gray-400);
}

.dropzone_custom {
    padding: 1ch;
    border: 1px solid gray;
    height: 140px;
    overflow-y: auto;
    border-bottom-left-radius: calc(.3rem - 1px);
    border-bottom-right-radius: calc(.3rem - 1px);
}

.draggable_custom {
    border: 1px solid lightgray;
    /*  padding: 1rem;*/
    background-color: #efefef;
    cursor: move;
}

.font-15 {
    font-size: 15px !important;
}

.draggable_custom + .draggable_custom {
    margin-top: 1ch;
}

.draggable_custom.is-dragging_custom {
    opacity: 0.5;
}

.selected_option_custom_2 {
    border: 1px solid lightgray;
    margin-bottom: 5px;
    /* padding: 1rem;*/
    background-color: #efefef;
    cursor: pointer;
}

.svg-icon-width svg {
    width: 35px;
}

.box-shadow-4:hover {
    -webkit-box-shadow: 0px 9px 0px 0px #21252994 !important;
    box-shadow: 0px 9px 0px 0px #21252994 !important;
}

.box-shadow-4 {
    -webkit-box-shadow: 0px 9px 5px 1px #869db3 !important;
    box-shadow: 0px 9px 5px 1px #869db3 !important;
    /*box-shadow: 0px 9px 0px 0px #212529 !important;*/
}

/* for demo start */

.ol-cards,
.ol-cards * {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.ol-cards {
    --flapWidth: 2rem;
    --flapHeigth: 1rem;
    --iconSize: 3rem;
    --numberSize: 3rem;
    --colGapSize: 2rem;
    /* width: min(100%, 40rem);*/
    /* margin-inline: auto;*/
    display: -ms-grid;
    display: grid;
    gap: 2rem;
    -webkit-padding-start: var(--flapWidth);
    padding-inline-start: var(--flapWidth);
    font-family: sans-serif;
    color: #222;
    counter-reset: ol-cards-count;
    list-style: none;
}

    .ol-cards > li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        /* grid-template-areas:
            "icon title nr"
            "icon descr nr";*/
        gap: 0 var(--colGapSize);
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        /*padding:1rem;*/
        padding: var(--colGapSize) var(--flapWidth) var(--colGapSize) 0;
        border-radius: 1rem 5rem 1rem 1rem;
        /*border-radius: 1rem 5rem 5rem 1rem;*/
        /*  border-radius: 1rem;*/
        background-image: -webkit-gradient(linear, left top, right bottom, from(#e9eaec), to(#ffffff));
        background-image: -o-linear-gradient(top left, #e9eaec, #ffffff);
        background-image: linear-gradient(to bottom right, #e9eaec, #ffffff);
        counter-increment: ol-cards-count;
        -webkit-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.25));
        filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.25));
        -webkit-box-shadow: inset 2px 2px 2px white, inset -1px -1px 1px rgba(0, 0, 0, 0.25);
        box-shadow: inset 2px 2px 2px white, inset -1px -1px 1px rgba(0, 0, 0, 0.25);
    }

        .ol-cards > li > .icon {
            grid-area: icon;
            background: var(--accent-color);
            color: white;
            font-size: var(--iconSize);
            width: calc(2 * var(--flapWidth) + var(--iconSize));
            /*padding-block: 1rem;*/
            border-radius: 0 5rem 5rem 0;
            -webkit-margin-start: calc(-1 * var(--flapWidth));
            margin-inline-start: calc(-1 * var(--flapWidth));
            -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
            box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
            position: relative;
            display: -ms-grid;
            display: grid;
            place-items: center;
        }

            .ol-cards > li > .icon::before {
                content: "";
                position: absolute;
                width: var(--flapWidth);
                height: calc(100% + calc(var(--flapHeigth) * 2));
                left: 0;
                top: calc(var(--flapHeigth) * -1);
                -webkit-clip-path: polygon(0 var(--flapHeigth), 100% 0, 100% 100%, 0 calc(100% - var(--flapHeigth)));
                clip-path: polygon(0 var(--flapHeigth), 100% 0, 100% 100%, 0 calc(100% - var(--flapHeigth)));
                background-color: var(--accent-color);
                background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.2)));
                background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.2));
                background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.2));
                z-index: -1;
            }

        .ol-cards > li > .title {
            grid-area: title;
            font-weight: 600;
            font-size: 1.25rem;
        }

        .ol-cards > li > .descr {
            grid-area: descr;
        }


.stepNumber_2 {
    width: auto;
    text-align: center;
    border: 1px solid orange;
    border-radius: 50px 0px 50px 0px;
    background: orange;
    color: white;
    padding: 0px 15px;
}

.stepNumber_3 {
    width: auto;
    text-align: center;
    border: 1px solid #03a9f4;
    border-radius: 50px 0px 50px 0px;
    background: #03a9f4;
    color: white;
    padding: 0px 15px;
}

.stepNumber_4 {
    width: auto;
    text-align: center;
    border: 1px solid #01b2c6;
    border-radius: 50px 0px 50px 0px;
    background: #01b2c6;
    color: white;
    padding: 0px 15px;
}

.stepNumber_5 {
    width: auto;
    text-align: center;
    border: 1px solid #e47297;
    border-radius: 50px 0px 50px 0px;
    background: #e47297;
    color: white;
    padding: 0px 15px;
}

@media (max-width: 40rem) {
    .ol-cards {
        --flapWidth: 1rem;
        --flapHeigth: 0.5rem;
        --iconSize: 2rem;
        --numberSize: 2rem;
        --colGapSize: 1rem;
    }
}

.active-heding-title {
    font-size: 32px !important;
    padding: 0.5rem;
}


.card_path {
    position: relative;
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    border-radius: 0.75em;
    padding: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

    .card_path:nth-child(even) {
        margin: 0 1em;
    }

.card_path-top-2 {
    background: #799889 !important;
}

.card_path-top {
    background: #B2DCE5;
    padding: 3em;
    border-top-left-radius: 0.75em;
    border-top-right-radius: 0.75em;
}

    .card_path-top .card_path-img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        /* height: 12em;*/
        width: auto;
    }

    .card_path-top .overlay {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        height: 17.75em;
        width: 100%;
        border-top-left-radius: 0.75em;
        border-top-right-radius: 0.75em;
        z-index: 10;
        background: rgba(0, 0, 0, 0.55);
        overflow: hidden;
        -webkit-transition: all 700ms ease;
        -o-transition: all 700ms ease;
        transition: all 700ms ease;
        opacity: 0;
    }

        .card_path-top .overlay h1 {
            text-align: center;
            font-weight: 500;
            color: #fff;
            position: relative;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        .card_path-top .overlay:hover,
        .card_path-top .overlay:focus {
            opacity: 1;
        }

.triangle {
    position: relative;
    height: 0;
    width: 0;
    border-left: 1.5em solid transparent;
    border-right: 1.5em solid transparent;
    border-top: 1.5em solid #B2DCE5;
    margin: 0 auto -1.75em auto;
    top: -0.25em;
    z-index: 20;
}

.card_path-middle {
    display: none;
    background: #efefef;
    padding: 2em 1em 1em 1em;
}

    .card_path-middle .more {
        font-family: Open Sans;
        font-weight: 400;
    }

.card_path-bottom {
    background: #f7f7f7;
    padding: 1.75em 1em 1em 1em;
    border-bottom-left-radius: 0.75em;
    border-bottom-right-radius: 0.75em;
}

    .card_path-bottom .card_path-title {
        font-weight: 100;
    }

.closeRotate {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* for demo 2 end */

/*main-timeline-custom-design
.main-timeline-custom-design:after {
    content: '';
    display: block;
    clear: both;
}

.main-timeline-custom-design .timeline {
    width: 100%;
    padding: 20px 0 0;*/
/*  margin: 0 0 25px 5px;*/
/*float: right;
}

.main-timeline-custom-design .timeline-content {
    color: #fff;
    background: #fff;
    text-align: center;*/
/*padding: 0 30px 40px 75px;*/
/*padding: 10px;
    border-radius: 7px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    display: block;
    position: relative;
    z-index: 1;
}

    .main-timeline-custom-design .timeline-content:hover {
        text-decoration: none;
    }

    .main-timeline-custom-design .timeline-content:before,
    .main-timeline-custom-design .timeline-content:after {
        content: '';*/
/* background: linear-gradient(#F37024, #FAA41D);*/
/*background: linear-gradient(#50d38a, #64c1cf);
        height: 100%;
        border-radius: 0 15px 15px 15px;
        position: absolute;
        left: 55px;
        right: 20px;
        top: -20px;
        z-index: -1;
    }

    .main-timeline-custom-design .timeline-content:before {*/
/*background: linear-gradient(#50d38a, #64c1cf);*/
/*background: linear-gradient(to right bottom, transparent 50%, #64c1cf 52%);
        height: 20px;
        width: 15px;
        border-radius: 0;
        left: 40px;
        top: -20px;
        right: auto;
    }*/

/*.main-timeline-custom-design .timeline-icon {
    font-size: 50px;
}
*/
/*main-timeline-custom-design .title {
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: auto;
    text-align: center;
    width: 80%;
    display: flex;*/
/* margin: 0 0 10px;*/
/*margin-top: -20px;
    padding-bottom: 20px;
    padding-left: 20px;
}

.main-timeline-custom-design .description {
    font-size: 13px;
    letter-spacing: 1px;
    margin: 0;
}*/

/*.main-timeline-custom-design .timeline-year {
    color: #50d38a;
    font-size: 35px;
    font-weight: 700;
    transform: translateY(-50%) rotate(90deg);
    position: absolute;
    left: -5px;
    top: 48%;
}

.main-timeline-custom-design .timeline:nth-child(even) {
    margin: 0 5px 25px 0;
    float: left;
}

    .main-timeline-custom-design .timeline:nth-child(even) .timeline-content {
        padding: 0 75px 40px 30px;
    }

        .main-timeline-custom-design .timeline:nth-child(even) .timeline-content:before {
            transform: rotateY(180deg);
            left: auto;
            right: 40px;
        }*/

/*    .main-timeline-custom-design .timeline:nth-child(even) .timeline-content:after {
            border-radius: 15px 0 15px 15px;
            left: 20px;
            right: 55px;
        }

    .main-timeline-custom-design .timeline:nth-child(even) .timeline-year {
        left: auto;
        right: -11px;
    }

.main-timeline-custom-design .timeline:nth-child(4n+2) .timeline-content:after {
    background: linear-gradient(#990a6b, #D24F9A);
}

.main-timeline-custom-design .timeline:nth-child(4n+2) .timeline-content::before {
    background: linear-gradient(to right bottom, transparent 50%, #8A1E65 52%);
}

.main-timeline-custom-design .timeline:nth-child(4n+2) .timeline-year {
    color: #8A1E65;
}

@media screen and (max-width:767px) {
    .main-timeline-custom-design .timeline,
    .main-timeline-custom-design .timeline:nth-child(even) {
        width: 100%;
        margin: 0 0 35px 0;
    }
}
*/

.icon-svg-25 svg {
    width: 25px;
}

.icon-show-table {
    cursor: pointer;
}

.hidden-table {
    display: none;
}

.cards-sutom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* grid-template-areas:
            "icon title nr"
            "icon descr nr";*/
    gap: 0 var(--colGapSize);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /*padding:1rem;*/
    border-radius: 0.5rem;
    padding: var(--colGapSize) var(--flapWidth) var(--colGapSize) 0;
    /*  border-radius: 1rem 5rem 1rem 1rem;*/
    /*border-radius: 1rem 5rem 5rem 1rem;*/
    /*  border-radius: 1rem;*/
    background-image: -webkit-gradient(linear, left top, right bottom, from(#e9eaec), to(#ffffff));
    background-image: -o-linear-gradient(top left, #e9eaec, #ffffff);
    background-image: linear-gradient(to bottom right, #e9eaec, #ffffff);
    counter-increment: ol-cards-count;
    -webkit-filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25));
    filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25));
    /* filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.25));*/
    -webkit-box-shadow: inset 2px 2px 2px white, inset -1px -1px 1px rgba(0, 0, 0, 0.25);
    box-shadow: inset 2px 2px 2px white, inset -1px -1px 1px rgba(0, 0, 0, 0.25);
    height: 100%;
}

.cards-sutom-custom {
    gap: 0 var(--colGapSize);
    border-radius: 0.5rem;
    padding: var(--colGapSize) var(--flapWidth) var(--colGapSize) 0;
    background-image: -webkit-gradient(linear, left top, right bottom, from(#e9eaec), to(#ffffff));
    background-image: -o-linear-gradient(top left, #e9eaec, #ffffff);
    background-image: linear-gradient(to bottom right, #e9eaec, #ffffff);
    counter-increment: ol-cards-count;
    -webkit-filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25));
    filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25));
    /*box-shadow: inset 2px 2px 2px white, inset -1px -1px 1px rgba(0, 0, 0, 0.25);*/
    -webkit-box-shadow: inset 2px 2px 2px white, inset 1px 0px 0px rgba(0, 0, 0, 0.25);
    box-shadow: inset 2px 2px 2px white, inset 1px 0px 0px rgba(0, 0, 0, 0.25);
    height: 100%;
    border-bottom: 3px solid transparent !important;
    border-left: 4px solid currentColor;
    font-weight: 500;
}

    .cards-sutom-custom:hover {
        border-bottom: 3px solid currentColor !important;
    }

.highcharts-figure,
.highcharts-data-table table {
    /*min-width: 310px;*/
    max-width: 800px;
    /*margin: 1em auto;*/
    width: 100%;
    padding-top: 0.5em;
    margin-bottom: 0px !important;
}

.highcharts-data-table table {
    border-collapse: collapse;
    border: 1px solid #ebebeb;
    margin: 10px auto;
    text-align: center;
    width: 100%;
    max-width: 500px;
}

.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
}

.highcharts-data-table th {
    font-weight: 500;
    padding: 0.5em;
}

.highcharts-data-table table thead th {
    color: black !important;
    font-weight: 600;
}

.highcharts-table-caption {
    display: none !important;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
    padding: 0.5em;
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}

.highcharts-data-table tr:hover {
    background: #f1f7ff;
}

.highcharts-credits {
    display: none;
}

.tabl-hover {
    display: none;
    position: absolute;
    top: 1rem;
    right: 120px;
    z-index: 1;
}

.card-hover-icon {
    /* border-radius: 1rem 5rem 1rem 1rem;*/
    border-radius: 1rem;
    background-image: -webkit-gradient(linear, left top, right bottom, from(#e9eaec), to(#ffffff));
    background-image: -o-linear-gradient(top left, #e9eaec, #ffffff);
    background-image: linear-gradient(to bottom right, #e9eaec, #ffffff);
    counter-increment: ol-cards-count;
    -webkit-filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.25));
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.25));
    -webkit-box-shadow: inset 2px 2px 2px white, inset -1px -1px 1px rgba(0, 0, 0, 0.25);
    box-shadow: inset 2px 2px 2px white, inset -1px -1px 1px rgba(0, 0, 0, 0.25);
    z-index: 9999999999999999999 !important;
}

.simpleSelectCustom {
    background-color: rgb(233, 236, 239) !important;
    padding: .47rem !important;
    outline: none;
    -webkit-filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.15)) !important;
    filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.15)) !important;
}

    .simpleSelectCustom option {
        padding: 8px 6px;
        color: #01b2c6;
        background-color: #fff !important;
        line-height: 2rem;
    }

        .simpleSelectCustom option:hover {
            color: #fff;
            background: #01b2c6 !important;
        }

.btn-cls-cstm {
    width: 35px;
    border-radius: 1rem;
    background-image: -webkit-gradient(linear, left top, right bottom, from(#e9eaec), to(#ffffff));
    background-image: -o-linear-gradient(top left, #e9eaec, #ffffff);
    background-image: linear-gradient(to bottom right, #e9eaec, #ffffff);
    counter-increment: ol-cards-count;
    -webkit-filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.25));
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.25));
    -webkit-box-shadow: inset 2px 2px 2px white, inset -1px -1px 1px rgba(0, 0, 0, 0.25);
    box-shadow: inset 2px 2px 2px white, inset -1px -1px 1px rgba(0, 0, 0, 0.25);
}

.main-canvas div {
    cursor: move;
}

.smallfont {
    font: 13px/15px;
    color: #fff;
}

.appointment_table table tbody tr td {
    white-space: nowrap !important;
}

.modal-footer {
    /*padding-top: 1rem !important;*/
    /*padding-bottom: 1.5rem !important;*/
}

.table svg, table i {
    cursor: pointer;
}


.table {
    --bs-table-color: auto !important;
    --bs-table-bg: auto !important;
}

.accordion-body {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

#ClinicNotesModel .modal-footer,
#ClinicBlockSlotsModel .modal-footer {
    padding-bottom: 0px !important;
}

.btnClassCustomCode {
    position: relative;
    /* z-index: 99999; */
    top: -23px;
    background-image: -webkit-gradient(linear, left top, right bottom, from(#e9eaec), to(#ffffff));
    background-image: -o-linear-gradient(top left, #e9eaec, #ffffff);
    background-image: linear-gradient(to bottom right, #e9eaec, #ffffff);
    counter-increment: ol-cards-count;
    -webkit-filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.25));
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.25));
    -webkit-box-shadow: inset 2px 2px 2px white, inset -1px -1px 1px rgba(0, 0, 0, 0.25);
    box-shadow: inset 2px 2px 2px white, inset -1px -1px 1px rgba(0, 0, 0, 0.25);
    width: 100%;
    left: -25px;
}

.btnControllers-custom-btn-3 {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(22rem, 1fr));
    grid-gap: 5px;
}

.btnControllers-custom-btn-2 {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(22rem, 1fr));
    grid-gap: 5px;
}

.btn_info_pannel {
    /*min-width: 160px;
    width: fit-content;*/
    width: 100%;
    /*  background-color: white;*/
    padding: 0px;
    /* padding: 0 30px;*/
    height: 50px;
    font-family: "Open Sans", sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    color: #ffc964;
    letter-spacing: 0.5px;
    /* letter-spacing: -0.2px;*/
    font-weight: 700;
    line-height: 1.6;
    /*  box-shadow: 0 15px 40px -10px rgba(0, 0, 0, 0.3);*/
    position: relative;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    border: 0;
    background-image: -webkit-gradient(linear, left top, right bottom, from(#e9eaec), to(#ffffff));
    background-image: -o-linear-gradient(top left, #e9eaec, #ffffff);
    background-image: linear-gradient(to bottom right, #e9eaec, #ffffff);
    counter-increment: ol-cards-count;
    -webkit-filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.25));
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.25));
    -webkit-box-shadow: inset 2px 2px 2px white, inset -1px -1px 1px rgba(0, 0, 0, 0.25);
    box-shadow: inset 2px 2px 2px white, inset -1px -1px 1px rgba(0, 0, 0, 0.25);
    /* btn_info_pannel text */
}

    .btn_info_pannel span {
        z-index: 1;
        text-align: center;
        /* color: #01b2c6 !important;*/
    }

    .btn_info_pannel:before,
    .btn_info_pannel:after {
        content: "";
        position: absolute;
        width: 4px;
        height: 100%;
        top: 0;
        -webkit-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        background-color: #01b2c6;
    }

    .btn_info_pannel:before {
        left: 0;
    }

    .btn_info_pannel:after {
        right: 0;
    }

    .btn_info_pannel:hover {
        -webkit-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        -webkit-box-shadow: 0 8px 20px -12px rgba(0, 0, 0, 0.2);
        box-shadow: 0 8px 20px -12px rgba(0, 0, 0, 0.2);
        /*  letter-spacing: 2px;*/
        /*color: white !important;*/
    }

        .btn_info_pannel:hover span {
            /* transition: all 0.2s ease;*/
            border-bottom: 2px solid;
            /* letter-spacing: 1px;*/
        }

        .btn_info_pannel:hover:before,
        .btn_info_pannel:hover:after {
            width: 0px;
        }

.button-controller-save {
    /*background-image: linear-gradient(to right, #009c97c7, #42b968) !important;*/
    /* box-shadow: 0 6px #3e873e !important; #118745*/
    background: #42b968 !important;
    -webkit-box-shadow: 0 8px 20px -12px rgba(0, 0, 0, 0.2) !important;
    box-shadow: 0 8px 20px -12px rgba(0, 0, 0, 0.2) !important;
    letter-spacing: 2px;
    color: white;
}

    .button-controller-save:before,
    .button-controller-save:after {
        width: 0% !important;
    }

    .button-controller-save:hover:before,
    .button-controller-save:hover:after {
        width: 0% !important;
    }

    .button-controller-save span {
        color: #fff !important;
    }

.heart {
    background-color: #ff586b !important;
}

.book {
    background-color: #00b7c4 !important;
}

/*new style button start*/
.bg-card-pullprofile {
    border-radius: 0.55rem;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(50%, #f8f8f8), to(#ffffff));
    background: -o-linear-gradient(top, #ffffff 0%, #f8f8f8 50%, #ffffff 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f8f8f8 50%, #ffffff 100%);
    /* background: #fffdfd; */
    /* background: linear-gradient(to bottom, #adb5bd2e 0%, var(--bs-white) 100%, #adb5bd2e -22%); */
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    border: 0;
    position: relative;
    -webkit-box-shadow: 0px 5px 2px 0px #2292a917;
    box-shadow: 0px 5px 2px 0px #2292a917;
    background-image: -webkit-gradient(linear, left top, right bottom, from(#e9eaec), to(#ffffff));
    background-image: -o-linear-gradient(top left, #e9eaec, #ffffff);
    background-image: linear-gradient(to bottom right, #e9eaec, #ffffff);
    /* counter-increment: ol-cards-count; */
    -webkit-filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25));
    filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25));
    /* filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.25)); */
    -webkit-box-shadow: inset 2px 2px 2px white, inset -1px -1px 1px rgba(0, 0, 0, 0.25);
    box-shadow: inset 2px 2px 2px white, inset -1px -1px 1px rgba(0, 0, 0, 0.25);
}

.progress {
    position: relative !important;
    background-image: -webkit-gradient(linear, left top, right bottom, from(#e9eaec), to(#ffffff));
    background-image: -o-linear-gradient(top left, #e9eaec, #ffffff);
    background-image: linear-gradient(to bottom right, #e9eaec, #ffffff);
    /* counter-increment: ol-cards-count; */
    -webkit-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.25));
    filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.25));
    /* filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.25)); */
    -webkit-box-shadow: inset 2px 2px 2px white, inset -1px -1px 1px rgba(0, 0, 0, 0.25);
    box-shadow: inset 2px 2px 2px white, inset -1px -1px 1px rgba(0, 0, 0, 0.25);
    border-radius: 15px;
}

.progress-bar {
    position: relative !important;
    z-index: 1 !important;
    /*  background: linear-gradient(45deg, #01b2c6, #3c4a8ead);*/
    /*background: linear-gradient(45deg, #01b2c6, #3c4a8e);*/
}

.progress-text {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
    z-index: 2 !important;
    white-space: nowrap !important;
    color: black !important;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 14px;
}

.button-styeloffset:hover .userprofile-svg {
    fill: white !important;
}

.h-60-px {
    height: 60px;
    margin-top: 0.7rem;
}

.closeded-event-icon {
    background: #515250 !important;
}

.smallfont {
    font: 13px/15px Arial, Helvetica, sans-serif;
    color: #fff;
}

.invertmode {
    -webkit-filter: invert(100%) !important;
    -moz-filter: invert(100%) !important;
    -ms-filter: invert(100%) !important;
    -o-filter: invert(100%) !important;
    filter: invert(100%) !important;
}

.custom-link-color tbody > tr td .badge-linktable-custom {
    color: white !important;
}

    .custom-link-color tbody > tr td .badge-linktable-custom:hover {
        color: white !important;
        opacity: 0.8;
    }

.badge-linktable-custom {
    text-transform: capitalize !important;
}

.travel-icon-filled img {
    -webkit-filter: brightness(0) saturate(100%) invert(34%) sepia(100%) saturate(2334%) hue-rotate(178deg) brightness(101%) contrast(96%);
    filter: brightness(0) saturate(100%) invert(34%) sepia(100%) saturate(2334%) hue-rotate(178deg) brightness(101%) contrast(96%);
}

.custom-link-color tbody > tr td a {
    color: #444 !important;
}

    .custom-link-color tbody > tr td a:hover {
        color: #777 !important;
    }

.open-accessibility-menu div[class*='col-'] .acc-ico .acicon {
    /* height: 35px;*/
    /*  margin-bottom: 7px;
    vertical-align: middle;
    text-align: center;*/
    cursor: pointer;
}

    .open-accessibility-menu div[class*='col-'] .acc-ico .acicon svg {
        /* max-height: 35px;*/
        height: 50px;
        width: 60px;
        fill: currentColor;
        /* max-width: 35px;*/
        cursor: pointer;
    }

    .open-accessibility-menu div[class*='col-'] .acc-ico .acicon img {
        /* max-height: 35px;*/
        height: 50px;
        width: 60px;
        fill: currentColor;
        /* max-width: 35px;*/
        cursor: pointer;
    }

.acc-ico span {
    color: black !important;
}

/*accessibility CSS*/
.acchideimg {
    visibility: hidden !important
}

.acchllinks {
    background: black !important;
    color: rgb(255, 255, 0) !important
}

.grayscalemode {
    -webkit-filter: grayscale(100%) !important;
    -moz-filter: grayscale(100%) !important;
    -ms-filter: grayscale(100%) !important;
    -o-filter: grayscale(100%) !important;
    filter: grayscale(100%) !important;
}

a {
    cursor: pointer !important;
}

.progress-wrap {
    right: 25px;
    bottom: 25px;
    color: white;
    position: fixed;
    right: 20px;
    bottom: 10px;
    height: 30px;
    width: 30px;
    cursor: pointer;
    border-radius: 50px;
    -webkit-box-shadow: inset 0 0 0 2px white;
    box-shadow: inset 0 0 0 2px white;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transform: translateY(15px);
    -webkit-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}

    .progress-wrap input {
        z-index: 10001;
    }

        .progress-wrap input:checked + html {
            -ms-scroll-snap-type: unset;
            scroll-snap-type: unset;
        }

    .progress-wrap.active-progress {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    .progress-wrap::after {
        position: absolute;
        content: "↑";
        /*  content:"^";*/
        text-align: center;
        line-height: 46px;
        font-size: 24px;
        /* color: gray;*/
        left: 0;
        top: -10px;
        height: 30px;
        width: 30px;
        cursor: pointer;
        display: block;
        z-index: 1;
        -webkit-transition: all 200ms linear;
        -o-transition: all 200ms linear;
        transition: all 200ms linear;
    }

    .progress-wrap:hover::after {
        opacity: 0;
    }

    .progress-wrap:hover::before {
        opacity: 1;
    }

    .progress-wrap::before {
        position: absolute;
        content: "↑";
        /* content: "^";*/
        text-align: center;
        line-height: 46px;
        font-size: 24px;
        opacity: 0;
        /* -webkit-text-fill-color: #F13E51;*/
        left: 0;
        top: -10px;
        height: 30px;
        width: 30px;
        cursor: pointer;
        display: block;
        z-index: 2;
        -webkit-transition: all 200ms linear;
        -o-transition: all 200ms linear;
        transition: all 200ms linear;
    }

    .progress-wrap svg path {
        fill: none;
    }

    .progress-wrap svg.progress-circle path {
        /* stroke: #F13E51;*/
        stroke-width: 4;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: all 200ms linear;
        -o-transition: all 200ms linear;
        transition: all 200ms linear;
    }

.hovermenu22 {
    position: fixed;
    z-index: 3;
    /* top: calc(25rem + 2rem);*/
    left: -1px;
    background-image: -webkit-gradient(linear, left top, right bottom, from(#e9eaec), to(#ffffff));
    background-image: -o-linear-gradient(top left, #e9eaec, #ffffff);
    background-image: linear-gradient(to bottom right, #e9eaec, #ffffff);
    counter-increment: ol-cards-count;
    -webkit-filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.25));
    filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.25));
    -webkit-box-shadow: inset 5px 5px 5px white, inset -1px -1px 1px rgba(0, 0, 0, 0.25);
    box-shadow: inset 5px 5px 5px white, inset -1px -1px 1px rgba(0, 0, 0, 0.25);
    padding: 0px 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px;
    border-radius: 1rem 0rem 1rem 0rem;
}

.title22 {
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb;
    margin-bottom: 0rem;
    text-align: center;
    color: #01b2c6;
}

.icons22 {
    /*writing-mode: vertical-rl;*/
    text-orientation: mixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}

    .icons22 img {
        width: 30px;
        height: 30px;
        margin-bottom: 0.2rem;
        /* filter: invert(1);*/
    }


.progress-bar-animate {
    width: 0;
    -webkit-animation: progress 1.5s ease-in-out forwards;
    animation: progress 1.5s ease-in-out forwards;
}

    .progress-bar-animate .title {
        opacity: 0;
        -webkit-animation: show 0.35s forwards ease-in-out 0.5s;
        animation: show 0.35s forwards ease-in-out 0.5s;
    }

.progress-bar-animate-delayed {
    width: 0;
    -webkit-animation: progress-delayed 2.5s ease-in-out forwards;
    animation: progress-delayed 2.5s ease-in-out forwards;
}

    .progress-bar-animate-delayed .title {
        opacity: 0;
        -webkit-animation: show 0.5s forwards ease-in-out 1s;
        animation: show 0.5s forwards ease-in-out 1s;
    }

@keyframes progress {
    from {
        width: 0;
    }

    to {
        width: 100%;
    }
}

@-webkit-keyframes show {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes show {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes progress-delayed {
    from {
        width: 0;
    }

    to {
        width: 100%;
    }
}

@keyframes progress-delayed {
    from {
        width: 0;
    }

    to {
        width: 100%;
    }
}

.VIpgJd-ZVi9od-l4eHX-hSRGPd {
    display: none;
}

/*#google_translate_elements_custom {
    margin-left: auto !important;
}*/

.goog-te-combo {
    padding: 5px;
    border-radius: 2px;
    outline: none;
}

.VIpgJd-ZVi9od-ORHb-OEVmcd {
    display: none;
}

.VIpgJd-ZVi9od-ORHb-OEVmcd {
    bottom: 0;
    top: unset !important;
}

#goog-gt-tt {
    display: none !important;
}

/* Motivation Ruler */
.ruler-container {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
    padding: 2px !important;
    border-radius: 5px !important;
    -webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.25));
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.25));
    -webkit-box-shadow: inset 1px 1px 1px white, inset -1px -1px 1px rgba(0, 0, 0, 0.25) !important;
    box-shadow: inset 1px 1px 1px white, inset -1px -1px 1px rgba(0, 0, 0, 0.25) !important;
    -webkit-transition: background-position 0.5s, color 0.5s;
    -o-transition: background-position 0.5s, color 0.5s;
    transition: background-position 0.5s, color 0.5s;
    /* background: #01b2c65e;*/
    border: 1px solid #777;
    color: black !important;
}

    .ruler-container .btn {
        color: #212529 !important;
    }

.form-control-ruller {
    background: #e0e5ec !important;
    border-radius: 8px;
    background-image: -webkit-gradient(linear, left top, right bottom, from(#e9eaec), to(#ffffff)) !important;
    background-image: -o-linear-gradient(top left, #e9eaec, #ffffff) !important;
    background-image: linear-gradient(to bottom right, #e9eaec, #ffffff) !important;
    counter-increment: ol-cards-count !important;
    -webkit-filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25)) !important;
    filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25)) !important;
    /* filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.25)); */
    -webkit-box-shadow: inset 2px 2px 2px white, inset -1px -1px 1px rgba(0, 0, 0, 0.25) !important;
    box-shadow: inset 2px 2px 2px white, inset -1px -1px 1px rgba(0, 0, 0, 0.25) !important;
}

.btn-ruler {
    background-color: transparent !important;
    color: white !important;
    border: none !important;
    font-weight: bold !important;
    padding: 5px !important;
    cursor: pointer !important;
    -webkit-transition: background-color 0.3s, color 0.3s !important;
    -o-transition: background-color 0.3s, color 0.3s !important;
    transition: background-color 0.3s, color 0.3s !important;
}

.btn-check-ruler {
    display: none !important;
}

.selectoneoption {
    background: white !important;
    margin-top: -25px;
}

.add-plus-icon .fc-event-title {
    position: relative;
}

    .add-plus-icon .fc-event-title span {
        font-size: 1.2em;
        /* Adjust size specifically for the plus sign */
        margin-left: 2px;
        /* Space between title and plus sign */
        font-weight: bold;
        cursor: pointer;
    }

textarea:disabled {
    overflow: unset !important;
}

textarea[readonly] {
    overflow: unset !important;
}

.modal .modal-header .btn-close {
    height: 1em !important;
}

.radio-btn-group-2 {
    width: 100% !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 3px;
}

.radio-btn-group-2 {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

    .radio-btn-group-2 .btn-check:checked + label {
        background-color: #5ca717 !important;
        color: #fff;
        -webkit-box-shadow: 0 1px 1px #0000002e;
        box-shadow: 0 1px 1px #0000002e;
        text-shadow: 0 1px 0px #79485f7a;
        font-weight: bold;
    }


.hover-card-custom:hover {
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    -o-transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    /* Smooth transition for scaling */
}

.hover-card-custom:hover {
    opacity: 0.9;
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
    /* Slight scale on hover */
    cursor: pointer;
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    -o-transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    /* Smooth transition for scaling */
}

.accordion-button-custom-report::after {
    display: none !important;
}

.accordion-button-custom-report::before {
    display: none !important;
}


.text-color-custom {
    color: #1f1e1e !important;
}

.fw-bold-form-lable label {
    font-weight: 600 !important;
}

.bg-card-body {
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(50%, #f8f8f8), to(#ffffff));
    background: -o-linear-gradient(top, #ffffff 0%, #f8f8f8 50%, #ffffff 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f8f8f8 50%, #ffffff 100%);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    border: 0;
    position: relative;
    width: 100%;
    -webkit-box-shadow: 0px 5px 2px 1px #2292a917;
    box-shadow: 0px 5px 2px 1px #2292a917;
    border-radius: 10px;
}


.card-alert-custom {
    background-image: -webkit-gradient(linear, left top, right bottom, from(#e9eaec), to(#ffffff));
    background-image: -o-linear-gradient(top left, #e9eaec, #ffffff);
    background-image: linear-gradient(to bottom right, #e9eaec, #ffffff);
    counter-increment: ol-cards-count;
    -webkit-filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.25));
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.25));
    -webkit-box-shadow: inset 2px 2px 2px white, inset -1px -1px 1px rgba(0, 0, 0, 0.25);
    box-shadow: inset 2px 2px 2px white, inset -1px -1px 1px rgba(0, 0, 0, 0.25);
    border-radius: 1rem 0rem 1rem 0rem;
}

.height-25-px {
    min-height: 25px !important;
}

.grid-stack-item-content {
    background: #ffffff;
    /*background-image: linear-gradient(to bottom right, #e9eaec, #ffffff);*/
    -webkit-filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25));
    filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25));
    border-radius: 0.5rem;
    /*box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 1px 2px;*/
    /*box-shadow: inset 2px 2px 2px white, inset -1px -1px 1px rgba(0, 0, 0, 0.25);*/

    -webkit-box-shadow: none;
    box-shadow: none;
}


/* ===== Scrollbar CSS ===== */
/* Firefox */
/** {
    scrollbar-width: thin;*/
/* scrollbar-color: #8f54a0 #ffffff;*/
/*}*/

/* Chrome, Edge, and Safari */
/**::-webkit-scrollbar {
        width: 5px;
    }*/

/**::-webkit-scrollbar-track {
        background: #ffffff;
    }*/

/**::-webkit-scrollbar-thumb {*/
/*background-color: #8f54a0;*/
/*border-radius: 5px;
        border: 3px solid #ffffff;
    }*/

.flex-1-custom {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

    .flex-1-custom:nth-child(1),
    .flex-1-custom:nth-child(2) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        /* Flex-grow: 0, Flex-shrink: 0, Flex-basis: 30% */
    }

    .flex-1-custom:nth-child(3) {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        /* Automatically takes the remaining space */
    }

.toggle-arrow-report-link {
    width: 12px;
    height: 12px;
    /*  border-right: 2px solid #000;
        border-bottom: 2px solid #000; */
    border-right: 2px solid;
    border-bottom: 2px solid;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    /* Default down arrow */
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    text-align: center;
    /* margin: auto; */
    position: absolute;
    left: 50%;
    /* transform: translate(-50%, -50%); */
    right: 50%;
    bottom: -7px;
    display: none;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(50%, #f8f8f8), to(#ffffff));
    background: -o-linear-gradient(top, #ffffff 0%, #f8f8f8 50%, #ffffff 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f8f8f8 50%, #ffffff 100%);
}

.card.accordion-button[aria-expanded="true"] .toggle-arrow-report-link {
    /*  transform: rotate(-135deg); */
    -webkit-transform: rotate(-314deg);
    -ms-transform: rotate(-314deg);
    transform: rotate(-314deg);
    display: inline-block;
}

div.col-lg-3 div.itemtoggle-arrowcard.card.accordion-button {
    padding-right: .5rem !important;
    padding-left: .5rem !important;
}

.form-switch .form-switch-custom-style-black {
    background-repeat: no-repeat;
    width: 4em !important;
    padding: 12px !important;
    border: 2px solid #776f6f;
}

    .form-switch .form-switch-custom-style-black:before {
        display: none !important;
    }

    .form-switch .form-switch-custom-style-black::after {
        content: "No";
        position: absolute;
        right: 0.5em;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size: 0.75em;
        font-weight: bold;
        color: black;
        pointer-events: none;
    }

    .form-switch .form-switch-custom-style-black:checked::after {
        content: "Yes";
        left: 0.5em;
    }


.form-switch .form-switch-custom-style {
    background-repeat: no-repeat;
    width: 4em !important;
    padding: 12px !important;
    border: 2px solid #776f6f;
    opacity: .7;
}

.form-switch .form-switch-custom-style {
    background-color: #795548;
}

    .form-switch .form-switch-custom-style:before {
        display: none !important;
    }

    .form-switch .form-switch-custom-style::after {
        content: "No";
        position: absolute;
        right: 0.5em;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size: 0.75em;
        font-weight: bold;
        color: white;
        pointer-events: none;
    }

    .form-switch .form-switch-custom-style:checked::after {
        content: "Yes";
        left: 0.5em;
    }

.input-listing-checkbox input[type="checkbox"] {
    border: 1px solid #ffffff !important;
    background: #000000 !important;
}

    .input-listing-checkbox input[type="checkbox"]:checked {
        background-color: #fdfdfd !important;
    }

    .input-listing-checkbox input[type="checkbox"]:before {
        border-color: #01b2c6;
    }

.messageSMSHIstory {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /*  align-items: flex-end; */
}

    .messageSMSHIstory.sent {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .messageSMSHIstory img {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        margin-right: 10px;
    }

    .messageSMSHIstory.sent img {
        margin-left: 5px;
        margin-right: 0;
    }

.messageSMSHIstory-content {
    max-width: 60%;
    padding: 10px 15px;
    border-radius: 15px;
    position: relative;
    background-image: -webkit-gradient(linear, left top, right bottom, from(#e9eaec), to(#ffffff));
    background-image: -o-linear-gradient(top left, #e9eaec, #ffffff);
    background-image: linear-gradient(to bottom right, #e9eaec, #ffffff);
    counter-increment: ol-cards-count;
    -webkit-filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25));
    filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25));
    /* filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.25)); */
    -webkit-box-shadow: inset 2px 2px 2px white, inset -1px -1px 1px rgba(0, 0, 0, 0.25);
    box-shadow: inset 2px 2px 2px white, inset -1px -1px 1px rgba(0, 0, 0, 0.25);
}

.messageSMSHIstory.received .messageSMSHIstory-content {
    background-color: #f1f1f1;
    color: #ffff;
    text-align: left;
    margin-right: auto;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    width: 100%;
    max-width: 700px;
    /* background: #01b2c6;*/
}

.messageSMSHIstory.sent .messageSMSHIstory-content {
    /*  background-color: #7b61ff; */
    color: #333;
    text-align: left;
    margin-left: auto;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    width: 100%;
    max-width: 700px;
}

.messageSMSHIstory-content::before {
    content: "";
    position: absolute;
    top: 10px;
    width: 10px;
    height: 10px;
}

.messageSMSHIstory.received .messageSMSHIstory-content::before {
    left: -5px;
    background-color: #f1f1f1;
    -webkit-clip-path: polygon(100% 0, 0 50%, 100% 100%);
    clip-path: polygon(100% 0, 0 50%, 100% 100%);
    /*background-image: linear-gradient(to bottom right, #e9eaec, #ffffff);
    counter-increment: ol-cards-count;
    filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25));
    box-shadow: inset 2px 2px 2px white, inset -1px -1px 1px rgb(0 0 0 / 8%)*/
    /* background: #01b2c6;*/
}

.messageSMSHIstory.sent .messageSMSHIstory-content::before {
    right: -5px;
    /* background-color: #7b61ff; */
    -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    background-image: -webkit-gradient(linear, left top, right bottom, from(#e9eaec), to(#ffffff));
    background-image: -o-linear-gradient(top left, #e9eaec, #ffffff);
    background-image: linear-gradient(to bottom right, #e9eaec, #ffffff);
    counter-increment: ol-cards-count;
    -webkit-filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25));
    filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25));
    -webkit-box-shadow: inset 2px 2px 2px white, inset -1px -1px 1px rgba(0, 0, 0, 0.25);
    box-shadow: inset 2px 2px 2px white, inset -1px -1px 1px rgba(0, 0, 0, 0.25);
}

.messageSMSHIstory-meta {
    font-size: 0.75rem;
    color: #6c757d;
    margin-top: 5px;
}

.messageSMSHIstory.sent .messageSMSHIstory-meta {
    text-align: right;
}

.btn-sm-history {
    background: #88a7ad;
    color: white !important;
}

    .btn-sm-history:hover {
        background: #88a7ad !important;
        color: white !important;
    }

.btn-sm-history-email {
    background: #4a6d70;
    color: white !important;
}

    .btn-sm-history-email:hover {
        background: #4a6d70 !important;
        color: white !important;
    }

.btn-sm-ClientNotes {
    background: #009688 !important;
    color: white !important;
}

    .btn-sm-ClientNotes:hover {
        background: #009688 !important;
        color: white !important;
    }

.disable-section-custom {
    background-color: #9e9e9e42;
}

.select2-container {
    width: 100% !important;
    -webkit-filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.15)) !important;
    filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.15)) !important;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #000000 !important;
}

.select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field::-webkit-input-placeholder {
    color: #000000 !important;
}

.select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field::-moz-placeholder {
    color: #000000 !important;
}

.select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field:-ms-input-placeholder {
    color: #000000 !important;
}

.select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field::-ms-input-placeholder {
    color: #000000 !important;
}

.select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field::placeholder {
    color: #000000 !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #000000 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    height: 100% !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
}

.select2-container .select2-selection--single {
    height: 40px;
}

    .select2-container .select2-selection--single .select2-selection__rendered {
        line-height: normal !important;
        padding-top: 10px;
        padding-right: 0px !important;
    }

.select2-container--default .select2-selection--single .select2-selection__clear {
    padding-left: 0px !important;
}

.select2-container--default .select2-selection--single {
    background-color: #e9ecef !important;
}

    .select2-container--default .select2-selection--single .select2-selection__clear span {
        color: #000000 !important;
    }

.select2-results__option {
    padding: 2px 6px;
    border-bottom: 1px solid #aaa;
    color: #000000;
    font-size: 14px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #000000 transparent transparent transparent;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    outline: none;
}

.select2-search__field {
    height: 28px !important;
}

.select2-container--default .select2-selection--multiple {
    background-color: #e9ecef !important;
    /* margin-top: 6px;*/
}

.select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove > span {
    color: #000000 !important;
}

.select2-selection__rendered .select2-selection__choice .select2-selection__choice__display {
    color: #000000 !important;
}

.select2-container--default .select2-selection--multiple.select2-selection--clearable {
    max-height: 400px !important;
    overflow: auto !important;
}
/*.select2-container {
    max-height: 300px !important;
    height:100%;
}*/
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #efefef !important;
    -o-text-overflow: unset !important;
    text-overflow: unset !important;
    vertical-align: top !important;
    white-space: normal !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear span {
    color: #777 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    height: 20px !important;
}

.disabledRegisterRow .select2-container--default .select2-selection--single {
    background-color: #d6d6d6de !important;
    border: none !important;
}

    .disabledRegisterRow .select2-container--default .select2-selection--single .select2-selection__clear {
        display: none !important;
    }

.disabledRegisterRow .select2-container {
    width: 100% !important;
    -webkit-filter: none !important;
    filter: none !important;
}

.disabledRegisterRow .select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none !important;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #d6d6d6de !important;
    border: none !important;
}

input[type="text"]:disabled,
input[type="text"]:read-only,
textarea:disabled, textarea:read-only,
textarea[style*="pointer-events: none"] {
    background-color: #d6d6d6de !important;
}

.form-control[style*="pointer-events: none"] {
    background-color: #d6d6d6de !important;
}
/*input[type="text"]:disabled,
textarea:disabled {
    background-color: #d6d6d6de !important;
    filter: none !important;
}
textarea.form-control:disabled,
textarea.form-control:read-only {
    background-color: #d6d6d6de !important;
    filter: none !important;
}*/
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__arrow {
    background-color: #d6d6d6de !important;
    border: none !important;
    display: none !important;
}
/*.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__arrow {
    display: none !important;
}*/
.select2-container.select2-container--disabled {
    -webkit-filter: none !important;
    filter: none !important;
}

.input-listing-checkbox-clientSummary input[type="checkbox"] {
    border: 2px solid #ffffff !important;
    background: #ffffff !important;
    margin: 0 !important;
    opacity: 1 !important;
}

    .input-listing-checkbox-clientSummary input[type="checkbox"]:checked {
        background-color: #fdfdfd !important;
    }

    .input-listing-checkbox-clientSummary input[type="checkbox"]:before {
        border-color: #01b2c6;
    }

.tableBody-bg-custom {
    border-radius: 0.5rem;
    -webkit-box-shadow: 0px 5px 2px 1px #2292a917;
    box-shadow: 0px 5px 2px 1px #2292a917;
    /* box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 10px, rgba(0, 0, 0, 0.23) 0px 0px 2px;*/
}

.Accessibility-svg img {
    width: 35px;
    /*height: 50px;*/
    position: relative;
    /* right: 14px;
    top: 3px;*/
    /* height:150px;*/
}

.follow-upWeek-color {
    border-radius: 1rem 0rem;
}

table.dataTable thead > tr > th > span {
    color: white !important;
}

/*table.dataTable thead > tr > th > span::before {
    color: black !important;
}
table.dataTable thead > tr > th > span {
    color: black !important;
}*/
.dt-column-order::after,
.dt-column-order::before {
    color: black !important;
}

.bg-white-color {
    background-color: #ffffff !important;
}

.notification-box-exit, .notification-box-exit-box {
    background: #fff;
    padding: 30px;
    border-radius: 15px;
    -webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
    text-align: center;
    position: relative;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

    .notification-box-exit .icon, .notification-box-exit-box .icon {
        position: absolute;
        top: -40px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        background: #fff;
        border-radius: 50%;
        padding: 10px;
        -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
    }

        .notification-box-exit .icon img, .notification-box-exit-box .icon img {
            width: 50px;
        }

.w-98 {
    width: 98% !important;
}

.w-96 {
    width: 96% !important;
}

.cursor-pointer--unset svg:hover, .cursor-pointer--unset i:hover, .cursor-pointer--unset img:hover {
    cursor: auto !important;
}

.app-scale-icon svg:hover, .app-scale-icon i:hover, .app-scale-icon img:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.svg-scale-client {
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5)
}

.svg-scale-client-2 {
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5)
}

.svg-scal-1 {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.svg-scal-2 {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.svg-scal-3 {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
}

.svg-scal-4 {
    -webkit-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4);
}

.svg-scal-5 {
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
}

.svg-scal-6 {
    -webkit-transform: scale(1.6) !important;
    -ms-transform: scale(1.6) !important;
    transform: scale(1.6) !important;
}

.svg-scal-9 {
    -webkit-transform: scale(1.6) !important;
    -ms-transform: scale(1.6) !important;
    transform: scale(1.6) !important;
}
.svg-scal-09 {
    -webkit-transform: scale(1.9) !important;
    -ms-transform: scale(1.9) !important;
    transform: scale(1.9) !important;
}
.svg-scale-client-2:hover {
    -webkit-transform: scale(1.7) !important;
    -ms-transform: scale(1.7) !important;
    transform: scale(1.7) !important;
}

.w-20px {
    width: 20px;
    display: block;
    height: 20px;
}

.w-21px {
    width: 22px;
    display: block;
    height: 22px;
}

.w-22px {
    width: 22px;
    display: block;
    height: 22px;
}

.w-23px {
    width: 24px;
    display: block;
    height: 24px;
}

.w-24px {
    width: 24px;
    display: block;
    height: 24px;
}

.btn_check input {
    display: none;
}

    .btn_check input ~ label {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 10px 5px;
        height: 40px;
        white-space: nowrap;
        background: white;
        border-radius: 0px;
        cursor: pointer;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        font-weight: bold;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .btn_check input:checked ~ label i {
        color: white;
    }

.row-btn {
    border-radius: 3px;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.25));
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.25));
    -webkit-box-shadow: inset 1px 1px 1px white, inset -1px -1px 1px rgba(0, 0, 0, 0.25) !important;
    box-shadow: inset 1px 1px 1px white, inset -1px -1px 1px rgba(0, 0, 0, 0.25) !important;
    -webkit-transition: background-position 0.5s, color 0.5s;
    -o-transition: background-position 0.5s, color 0.5s;
    transition: background-position 0.5s, color 0.5s;
    border: 2px solid;
    margin-left: auto !important;
}

div.dt-container .dt-paging .dt-paging-button {
    font-size: 1rem;
}

.h-45-px {
    height: 45px;
}

.w-45-px {
    width: 45px;
}

.w-40px {
    width: 40px;
    display: block;
}

.treeview ul {
    list-style: none;
    padding-left: 10px;
    display: none;
}

.treeview li {
    position: relative;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    list-style: none;
}

.treeview .toggle {
    position: absolute;
    left: -15px;
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    top: 0px;
}

.treeview input[type="checkbox"] {
    margin-right: 5px;
}

.btn-expand {
    background-color: rgb(233, 236, 239);
    color: #212529;
}

    .btn-expand:hover {
        background-color: rgb(233, 236, 239);
        color: #212529;
    }

.treeview {
    padding-left: 5px;
}

.form-check-input-Appointment {
    border-color: white !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='white'/%3E%3C/svg%3E") !important;
}

    .form-check-input-Appointment .form-switch .form-check-input:checked {
        -webkit-filter: hue-rotate(-41deg) !important;
        filter: hue-rotate(-41deg) !important;
    }

.StockIconDisabled {
    pointer-events: none;
    opacity: 0.5;
}

.inputpicker-input::-webkit-input-placeholder {
    color: black !important;
}

.inputpicker-input::-moz-placeholder {
    color: black !important;
}

.inputpicker-input:-ms-input-placeholder {
    color: black !important;
}

.inputpicker-input::-ms-input-placeholder {
    color: black !important;
}

.inputpicker-input::placeholder {
    color: black !important;
}

.txtFindAddressClient::-webkit-input-placeholder {
    color: black !important;
}

.txtFindAddressClient::-moz-placeholder {
    color: black !important;
}

.txtFindAddressClient:-ms-input-placeholder {
    color: black !important;
}

.txtFindAddressClient::-ms-input-placeholder {
    color: black !important;
}

.txtFindAddressClient::placeholder {
    color: black !important;
}

.txtFindAddressClient {
    height: 30px !important;
    border-radius: 3px !important;
}

.event-address-search option {
    font-size: 14px !important;
    border-bottom: 1px solid #aaa;
    cursor: pointer;
}

    .event-address-search option:last-child {
        border-bottom: none;
    }

    .event-address-search option:hover {
        background-color: rgb(233, 236, 239) !important;
        color: black !important;
    }

.txtFindAddressselect option {
    font-size: 14px !important;
    border-top: 1px solid #aaa;
    cursor: pointer;
}

    .txtFindAddressselect option:hover {
        background-color: rgb(233, 236, 239) !important;
        color: black !important;
    }

.height-option-add option {
    white-space: normal !important;
}

.txtFindAddressselect {
    outline: none;
}

.card-header-custom2 {
    border-radius: 4px !important;
}

.box-shodow-raduis {
    border-radius: 0rem 0rem 2rem 2rem !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.w-custom-width {
    width: 10%;
}

.ReferralReasonSelectContainer .select2-container .select2-search--inline .select2-search__field {
    height: 21px !important;
}

.select2-container .select2-search--inline .select2-search__field {
    line-height: 27px;
}

.w-80 {
    width: 78% !important;
}

.client-summary-left-panal {
    width: 75% !important;
}

.client-summary-right-panal {
    width: 25% !important;
    border-left: 2px dashed #01b2c6;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
}

.bg-info-summary {
    background: #c2dcdf;
    border-radius: 9999px;
    padding: 2px 8px;
    /*padding: 4px 10px;*/
}

.w-87 {
    width: 87% !important;
}

.w-13 {
    width: 13% !important;
}

.Health-Details-FontSize span {
    font-size: 11px !important;
}

.disabledRegisterRow {
    pointer-events: none;
}

.enableRegisterRow {
    pointer-events: painted;
}

.grid-container-AncCustomWeekly-Responsive {
    -ms-grid-columns: 250px (1fr)[7] !important;
    grid-template-columns: 250px repeat(7, 1fr) !important;
}

.grid-container-AncCustomWeekly {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 190px 4px 1fr 4px 1fr 4px 1fr 4px 1fr 4px 1fr 4px 1fr 4px 1fr;
    grid-template-columns: 190px repeat(7, 1fr);
    gap: 4px;
    background: #fff;
    padding: 5px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.grid-container-AncCustomWeekly2 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 190px 4px 1fr 4px 1fr 4px 1fr 4px 1fr 4px 1fr 4px 1fr 4px 1fr;
    grid-template-columns: 190px repeat(7, 1fr);
    gap: 4px;
    background: #fff;
    padding: 5px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.clinic-name-AncCustomWeekly,
.cell-AncCustomWeekly {
    padding: 0px;
    text-align: center;
    border-radius: 5px;
    position: relative;
    min-height: 5rem;
}

.header-cell-AncCustomWeekly,
.weekday-cell-AncCustomWeekly {
    padding: 2px;
    min-height: 3rem;
    text-align: center;
    border-radius: 5px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.header-cell-AncCustomWeekly {
    background: #01b2c6;
    color: #fff;
    font-weight: bold;
}

.weekday-cell-AncCustomWeekly {
    background: #01b2c6;
    color: white;
    font-weight: bold;
}

.clinic-name-AncCustomWeekly {
    background: #DCF2F1;
    color: white;
    font-weight: bold;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px;
    position: relative;
}

    .clinic-name-AncCustomWeekly .calendar-icon-weekday-cell-AncCustomWeekly {
        position: absolute;
        top: -3px;
        right: 0px;
        font-size: 16px;
        color: blue;
        cursor: pointer;
    }

.cell-AncCustomWeekly {
    background: #dcf2f17d;
    color: #0b0b0b;
    border: 1px solid #ccc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    padding-top: 15px;
}

    .cell-AncCustomWeekly .calendar-icon-weekday-cell-AncCustomWeekly {
        position: absolute;
        top: -3px;
        right: -2px;
        font-size: 14px;
        color: blue;
        cursor: pointer;
    }

    .cell-AncCustomWeekly .count-icon-AncCustomWeekly {
        position: absolute;
        top: 0px;
        left: 0px;
        font-size: 1rem;
        background: #242524;
        color: white;
        cursor: pointer;
        border-radius: 5px;
        padding: 0px 2px;
        border-radius: 0.5rem 0.5rem 1rem 1rem;
        font-weight: 500;
        width: 2rem;
    }

    .cell-AncCustomWeekly .count-icon-AncCustomWeekly2 {
        position: absolute;
        top: 0px;
        font-size: 1rem;
        background: #b4ad62;
        color: white;
        cursor: pointer;
        border-radius: 5px;
        padding: 0px 2px;
        border-radius: 0.5rem 0.5rem 1rem 1rem;
        font-weight: 500;
        width: 2rem;
        right: 0px !important;
    }

.summaryBtnAncCustomWeekly {
    /*background-color: #1a252f !important;
    border-color: #1a252f !important;*/
    background-color: #2c3e50 !important;
    border-color: #2c3e50 !important;
    position: relative;
    font-size: 13px;
    top: 11px;
    margin-bottom: 15px;
    /* left: -21px;*/
    border: none;
    border-radius: 1px;
    color: white;
    width: 65px;
    /*border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;*/
    font-weight: 500;
}

    .summaryBtnAncCustomWeekly .active {
        background-color: #1a252f !important;
        border-color: #1a252f !important;
    }

    .summaryBtnAncCustomWeekly:hover {
        background-color: #1a252f !important;
        border-color: #1a252f !important;
    }

.fc-listWeek-button {
    border-bottom-left-radius: unset !important;
    border-top-left-radius: unset !important;
}

.closedClinicCustom {
    color: red !important;
    margin-top: -10px;
}

.clinicNameCustom {
    color: #0b0b0b;
    font-size: 14px !important;
}

.tooltip-content .badge {
    margin-left: 0px !important;
    font-size: 18px;
    cursor: pointer;
    border-radius: 5px;
}

.badge.pending-slots {
    background-color: #f90808a1 !important;
    color: black !important;
    border: none;
}

.badge.attend-slots {
    background: #50d38ab3 !important;
    color: black !important;
    border: none;
}

.badge.DNA-slots {
    background-color: #91c9ed;
    color: black !important;
    border: none;
}

.badge.block-slots {
    background: #f8d987;
    color: #0b0b0b;
    border: none;
    /* border-radius: 2px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;*/
}

.badge.ClinicFullBlocked {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-size: 1em;
    font-weight: 500;
}

.day-circle.day-filter-match {
    box-shadow: 0 0 0 3px #ffc107, 0 0 0 1px #fff inset; /* amber ring */
    transform: scale(1.15);
    transition: box-shadow .15s ease, transform .15s ease;
}

.badge.cancel-service-slots {
    background: #f8d987;
    color: #0b0b0b;
    border: none;
    /* border-radius: 2px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;*/
}

.badge.client-cancel-slots {
    background: #f592b2;
    color: #0b0b0b;
    border: none;
}

.badge.new-client-slots {
    background: #00a499db;
    color: #0b0b0b;
    border: none;
}

.badge.free-slots {
    background-color: #85d633;
    border: none !important;
}

.badge.dna-slots {
    background: #91c9ed;
    color: #0b0b0b;
    border: none;
    /* border-radius: 2px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;*/
}

.intercountText {
    color: black !important;
}

/*#clinic-0-day-1 .tooltip-content .badge {
    height: 80px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 28px;
    margin-right: 1px;
}
#clinic-0-day-1, #clinic-1-day-3 {
    padding-top: 0px !important;
}*/
/*#clinic-1-day-3 .tooltip-content .badge {
    display: none;*/
/* Sabko hide kar do */
/*}*/
.tooltip-content .badge {
    height: 26px !important;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    width: 126px;
    margin-right: 1px;
}

/*#clinic-3-day-6 .tooltip-content .badge {
    height: 80px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 28px;
    margin-right: 1px;
}*/

#ClientLineListingDataTable > tbody > tr:hover > * {
    --bs-table-bg-state: rgb(244 228 228 / 8%) !important;
}

.modal-backdrop {
    display: none !important;
}

#tblLineListingGeneratedData_wrapper .dt-buttons {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    float: left;
    gap: 10px;
}

#tblLineListingGeneratedData_wrapper .dt-search {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    float: right;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#tblLineListingGeneratedData_wrapper .dt-buttons span {
    color: white !important;
}

.conuter-count {
    right: 1px;
    /*top: -6px;*/
    top: -14px;
    background: red;
    color: white !important;
    border-radius: 50%;
    padding: 3px;
    min-width: 24px;
    min-height: 24px;
    font-size: 12px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

textarea.form-control {
    overflow-y: auto !important;
}

.slots-custom {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
}

.popover {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
}

.closedClinic-background {
    background: rgba(0, 0, 0, 0.25);
}

.loading-dots-white::after {
    content: "● ● ●";
    display: inline-block;
    font-size: 7px;
    color: white;
    -webkit-animation: dots-animation 1s infinite;
    animation: dots-animation 1s infinite;
    position: relative;
    top: -2px;
}

.loading-dots::after {
    content: "● ● ●";
    display: inline-block;
    font-size: 7px;
    color: currentColor;
    -webkit-animation: dots-animation 1s infinite;
    animation: dots-animation 1s infinite;
    position: relative;
    top: -2px;
}

@-webkit-keyframes dots-animation {
    0% {
        content: "●   ";
    }

    33% {
        content: "● ●";
    }

    66% {
        content: "● ● ●";
    }
}

@keyframes dots-animation {
    0% {
        content: "●   ";
    }

    33% {
        content: "● ●";
    }

    66% {
        content: "● ● ●";
    }
}

.clinic-name-AncCustomWeeklyCustom {
    background: #DCF2F1;
    font-weight: bold;
    padding: 5px;
}

.registor-count {
    border-radius: 0rem 0rem 0.3rem 0.3rem;
    font-size: 12px;
    line-height: 1;
}

.badge-flex {
    color: rgb(0, 77, 128);
    border: 1px solid;
    height: 17px !important;
    margin-bottom: 1px !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.clininicAdvsor {
    display: inline;
    line-height: 1;
}

.registor-count {
    /* position: absolute;
    right: 0;*/
    position: relative;
    width: 25px;
    right: -8px;
    font-size: 10px;
}

.ClinicNameAdvisor {
    font-size: 12px;
    text-align: left;
}

.Addvisor-badge {
    width: 25px;
    height: 20px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 2px;
}

.count-register-wraper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    /* border-left: 1px solid #ccc;
    padding-left: 2px;*/
}

.clicnic-status-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 13px;
    color: black;
}

.flex-tiles-app {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 1px;
    gap: 1px;
}

.ClinicNameAdvisorClinicName {
    display: inline;
    line-height: 1.4;
}

.advisor-clicnic-block {
    padding: 2px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 3px;
}

.advisor-clicnic-wraper {
    -webkit-box-pack: unset !important;
    -ms-flex-pack: unset !important;
    justify-content: unset !important;
}

    .advisor-clicnic-wraper .advisor-clicnic-block:last-child {
        border-bottom: none !important;
    }

.text-white-custom-badge {
    color: white !important;
    line-height: 14px !important;
}

.flex-gap-2px {
    gap: 2px;
}

.add-img-closed {
    border-left: 1px solid #ccc;
    padding-left: 4px;
    float: right;
}

.badge.capacity-slots {
    background: #85d633;
    color: #0b0b0b;
    border: none;
}

.badge.self-imported-slots {
    background: #c71585; /* dark pink */
    color: #0b0b0b;
    border: none;
}

.slots-custom > .badge {
    color: black !important;
}

/*.add-img-closed-2 {
    border-top: 1px solid #ccc;
}*/

.badge-custom-twocolor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: black !important;
    border-radius: 0.375rem;
    overflow: hidden;
    padding: 0;
    border: none;
}

    .badge-custom-twocolor .left {
        background-color: #f90808a1;
        color: #0b0b0b;
        text-align: center;
        padding: 0.5em;
        -webkit-box-flex: var(--left-count);
        -ms-flex-positive: var(--left-count);
        flex-grow: var(--left-count);
    }

.badge-custom-twocolor-register .left {
    background-color: #242524;
    color: #fff;
}

.badge-custom-twocolor .right {
    background: #00a499db;
    color: #0b0b0b;
    text-align: center;
    padding: 0.5em;
    -webkit-box-flex: var(--right-count);
    -ms-flex-positive: var(--right-count);
    flex-grow: var(--right-count);
}

.badge-custom-four {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 0.75rem;
    overflow: hidden;
    border: none;
    width: 100%;
    height: 25px;
    font-family: sans-serif;
    margin: 1rem 0;
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2);
    box-shadow: 0 0 4px rgba(0,0,0,0.2);
}

    .badge-custom-four span {
        height: 100%;
    }

    .badge-custom-four .left {
        background-color: #f90808a1;
        -webkit-box-flex: var(--left-count, 0);
        -ms-flex-positive: var(--left-count, 0);
        flex-grow: var(--left-count, 0);
    }

    .badge-custom-four .middle {
        background-color: #50d38ab3;
        -webkit-box-flex: var(--middle-count, 0);
        -ms-flex-positive: var(--middle-count, 0);
        flex-grow: var(--middle-count, 0);
    }

    .badge-custom-four .right {
        background-color: #00a499db;
        -webkit-box-flex: var(--right-count, 0);
        -ms-flex-positive: var(--right-count, 0);
        flex-grow: var(--right-count, 0);
    }

/*.badge-custom-four .second-left {
        background-color: rgba(91, 140, 255, 0.8);
        flex-grow: var(--second-left-count, 0);
    }*/



.slots-custom .badge {
    -webkit-transition: -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;
    transition: -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;
    -o-transition: transform 0.3s ease, box-shadow 0.3s ease;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    transition: transform 0.3s ease, box-shadow 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;
}

    .slots-custom .badge:hover {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
        z-index: 1;
    }

/*.header-grid {
    transition: position 0.3s ease;
    z-index: 1;
    position: sticky !important;
    top: 0;
    overflow: auto !important;
}
*/
/*#scheduleGrid {
    max-height: 100vh !important;
    
}*/
/*#scheduleGrid:has(> :nth-child(17)) {
    overflow: auto !important;
}
#scheduleGrid:not(:has(> :nth-child(17))) {
    overflow: visible !important;
}*/

.fc .fc-scrollgrid-section-header table {
    position: sticky !important;
    top: 0;
    z-index: 10;
}

.fc-dayGridMonth-view.fc-view.fc-daygrid {
    max-height: calc(100vh - 100px) !important;
    overflow: auto;
}

    .fc-dayGridMonth-view.fc-view.fc-daygrid::-webkit-scrollbar {
        width: 2px !important;
    }

.fc .fc-daygrid-day-number {
    right: 6px;
}

.fc .fc-popover {
    top: 0;
}

.form-select-close {
    width: 110px !important;
    padding: 10px 16px !important;
    font-size: 15px !important;
    font-weight: 600;
    color: #2a2a2a;
    /*background: rgba(255, 255, 255, 0.75);*/
    background: #fbfbfb;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 14px;
    -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1), -4px -4px 10px rgba(255, 255, 255, 0.7);
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1), -4px -4px 10px rgba(255, 255, 255, 0.7);
    outline: none;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url('data:image/svg+xml;utf8,<svg fill="%23666" height="18" viewBox="0 0 24 24" width="18" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 14px;
    cursor: pointer;
}

    .form-select-close:hover {
        background: -o-linear-gradient(305deg, #f9f9f9, #e8e8e8);
        background: linear-gradient(145deg, #f9f9f9, #e8e8e8);
        -webkit-box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.15), -6px -6px 12px rgba(255, 255, 255, 0.8);
        box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.15), -6px -6px 12px rgba(255, 255, 255, 0.8);
        -webkit-transform: translateY(-1px);
        -ms-transform: translateY(-1px);
        transform: translateY(-1px);
    }

    .form-select-close:focus {
        border: 1px solid #28a745;
        -webkit-box-shadow: 0 0 0 4px rgba(40, 167, 69, 0.25);
        box-shadow: 0 0 0 4px rgba(40, 167, 69, 0.25);
    }

    /* Styling for the option elements */
    .form-select-close option {
        background-color: #fff;
        color: #333;
        font-size: 14px;
        padding: 10px 15px;
        border: 1px solid rgba(0, 0, 0, 0.05);
        -webkit-transition: background-color 0.3s ease, color 0.3s ease;
        -o-transition: background-color 0.3s ease, color 0.3s ease;
        transition: background-color 0.3s ease, color 0.3s ease;
    }

        .form-select-close option:hover {
            background-color: #f1f1f1 !important;
            color: #000;
        }

        .form-select-close option:focus {
            background-color: #e8e8e8 !important;
            color: #000;
            outline: none;
        }

.gap-2px {
    gap: 2px;
}

.advisor-clinic-availble {
    background: #d6d6d6 !important;
}

.advisor-clinic-Onetoone-availble {
    background: #d69292 !important;
}

.advisor-clinic-close {
    background: #FF9800 !important;
}

.advisor-clinic-free-slots {
    background-color: #85d633 !important;
}

.advisor-clinic-pending-slots {
    background-color: #f90808a1 !important;
}

.advisor-clinic-attended-slots {
    background-color: #50d38ab3 !important
}

.border-custom-color {
    border-top: 1px solid #9E9E9E;
    border-left: 1px solid #9E9E9E;
    border-right: 1px solid #9E9E9E;
    border-bottom: 3px solid #9E9E9E;
    border-radius: 5px !important;
}

.conuter-count-2 {
    right: -9px;
    top: 1px;
    color: white !important;
    border-radius: 50%;
    padding: 3px;
    min-width: 24px;
    min-height: 24px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 16px !important;
}

.conuter-count-3-badg .badge {
    top: -3px !important;
    min-width: 14px;
    min-height: 14px;
}

.conuter-count-2 .badge {
    height: 15px !important;
    width: 15px !important;
    padding: 0px !important;
    margin: auto !important;
}

.conuter-count-3 {
    right: -17px !important;
    top: 3px !important;
    cursor: pointer;
}

    .conuter-count-3:before {
        content: "";
        position: absolute;
        left: -7px;
        top: 85%;
        /* transform: translateY(-36%); */
        width: 0;
        height: 0;
        border-top: 0px solid transparent;
        border-bottom: 6px solid transparent;
        border-right: 10px solid #a3e635;
        -webkit-transform: matrix3d(1, -1, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, -1, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    .conuter-count-3 .badge {
        font-size: 14px !important;
        height: 0px !important;
        width: 0px !important;
    }

.conuter-count-add-3 {
    right: -48px !important;
    top: 3px !important;
    cursor: pointer;
}

.conuter-count-3-badg {
    border-radius: 50%;
    padding: 3px;
    min-width: 14px;
    min-height: 14px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    right: -37px !important;
}


.conuter-count-add-3:before {
    content: "";
    position: absolute;
    left: -7px;
    top: 85%;
    /* transform: translateY(-36%); */
    width: 0;
    height: 0;
    border-top: 0px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 10px solid #a3e635;
    -webkit-transform: matrix3d(1, -1, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, -1, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}

.conuter-count-add-3 .badge {
    font-size: 14px !important;
    height: 0px !important;
    width: 0px !important;
}

.conuter-count-4:before {
    border-right: 10px solid #f90808a1;
    /* same as background */
}

.conuter-count-5:before {
    border-right: 10px solid #50d38ab3 !important
}

.conuter-count-6:before {
    border-right: 10px solid #d6d6d6 !important;
}

.conuter-count-7:before {
    border-right: 10px solid #d69292 !important;
}

.conuter-count-8:before {
    border-right: 10px solid #22af46 !important;
}

.conuter-count-9:before {
    border-right: 10px solid #91c9ed !important;
}

.conuter-count-10:before {
    border-right: 10px solid #50d38ab3 !important;
}

.conuter-count-11:before {
    border-right: 10px solid #85d633 !important;
}

.conuter-count-succuse:before {
    border-right: 10px solid #22af46 !important;
}

.grid-gape-slots {
    display: -ms-grid !important;
    display: grid !important;
    -ms-grid-columns: 1fr 4px 1fr 4px 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 4px;
}

.grid-gape-slots-clinicadvisosr {
    display: -ms-grid !important;
    display: grid !important;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    position: relative;
    left: -8px;
}

.grid-gape-slots .badge .intercountText {
    font-size: 14px !important;
}

.count-register-wraper .badge-flex {
    line-height: 10px !important;
    font-size: 14px !important;
}

.grid-gape-slots .badge-flex {
    height: 19px !important;
    font-size: 14px !important;
}

.left-2px {
    left: -2px;
}

.grid-gape-slots-2 {
    -ms-grid-columns: 1fr 3px 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 3px;
}

/*.conuter-count-add-3:before {
    left: -1px;
}*/
.line-heght14px {
    line-height: 14px !important;
}

.dna-slots {
    background: #91c9ed !important;
}

.attended-slots {
    background: #50d38ab3 !important;
}

.Addvisor-badge {
    font-size: 14px !important;
}

.register-line-height .intercountText {
    line-height: 14px !important;
}

.free-slots-register-advisor {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

/*.advisor-clicnic-wraper .badge {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
*/
.advisor-clicnic-wraper .badge:hover {
    -webkit-transform: scale(1.01);
    -ms-transform: scale(1.01);
    transform: scale(1.01);
    /*box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);*/
    z-index: 1;
}

.unlimitedCapactyWeekly {
    width: 100%;
    height: 100% !important;
    margin-top: auto !important;
    display: -ms-grid;
    display: grid;
    /* display: flex;
    flex-direction: column;*/
}

    .unlimitedCapactyWeekly .badge {
        width: 100% !important;
        height: 100% !important;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
        /*clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);*/
        /*        background: radial-gradient(25% 25% at 50% 25%, #8BC34A 24%, #CDDC39 26% 99%, #cebbbb00 101%), radial-gradient(25% 25% at 50% 75%, #CDDC39 24%, #8BC34A 26% 99%, #afafaf00 101%), conic-gradient(#CDDC39 50%, #8BC34A 0);
*/
    }

/*.unlimitedCapactyWeekly {
    mask: radial-gradient( 100% 100% at 50% calc(-100% * cos(asin(50 / 85))), #0000 calc(100% - 1px), #000 );
}*/

.unlimitedCapactyWeeklyIfinity {
    font-size: 70px !important;
    color: #b4ad62 !important;
    font-weight: bolder !important;
}

/* .unlimitedCapactyWeeklyBook { */
/* mask: radial-gradient( 100% 100% at 50% calc(-100% * cos(asin(50 / 85))), #0000 calc(100% - 1px), #000 );*/
/*background: radial-gradient(25% 25% at 50% 25%, #8BC34A 24%, #CDDC39 26% 99%, #cebbbb00 101%), radial-gradient(25% 25% at 50% 75%, #CDDC39 24%, #8BC34A 26% 99%, #afafaf00 101%), conic-gradient(#CDDC39 50%, #8BC34A 0) !important;
*/
/* } */
/*.unlimitedCapactyWeeklyBook .unlimitedCapactyWeeklyIfinity {
    display:none;
}
.infintyIcon {
    display: none;
}*/

/*.rounded-custom-50 {
    border-radius: 50% !important;
}*/
.dt-column-order {
    display: none !important;
}

#tblBulkSms_wrapper {
    max-height: calc(100vh - 300px) !important;
    margin-top: -5px;
}

.clsCheckbox {
    width: 50px !important;
}

.d-grid-advisor-slots {
    -ms-grid-columns: 1fr 2px 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 2px;
    display: -ms-grid;
    display: grid;
}

.d-grid-advisor-slots1 {
    -ms-grid-columns: 1fr 2px 1fr 2px 1fr;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 2px;
    display: -ms-grid;
    display: grid;
}


.comment-wrapper {
    position: relative;
    display: inline-block;
}

    .comment-wrapper .fa-comments {
        font-size: 20px;
        /* color: #4caf50;*/
    }

.slate-gray-color {
    color: #6c757d !important;
}

.green-light-color {
    color: #4caf50 !important;
}

.count-badge-right {
    position: absolute;
    top: -2px;
    right: -9px;
    background: red;
    color: #ffff !important;
    font-size: 12px;
    padding: 2px 6px;
    border-radius: 50%;
    font-weight: bold;
    line-height: 1;
    border: 1px solid #ffffff;
}

.count-badge-left {
    position: absolute;
    top: -2px;
    left: -9px;
    background: red;
    color: #ffff !important;
    font-size: 12px;
    padding: 2px 6px;
    border-radius: 50%;
    font-weight: bold;
    line-height: 1;
    border: 1px solid #ffffff;
}

.flex-gap-2 {
    gap: 2px;
}

.orange-light-color {
    color: #FF9800 !important;
}

.mt-minus-4px {
    margin-top: -4px;
}

.text-download-color {
    color: #08534c !important;
}

.text-download-bg {
    background: #08534c !important;
}

.text-downloaded-bg {
    background: green !important;
}

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

.w-15px {
    width: 15px !important;
    height: 15px !important;
    display: block;
}

.border-dashed-2px {
    border-left: 2px dotted;
}

.completed-color-bg {
    background: #4caf50 !important;
}

.completed-color {
    color: #4caf50 !important;
}

.text-red {
    color: #f90808a1 !important
}

/*.select2-container {
    filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.15)) !important;*/
/* background: linear-gradient(to bottom, #ffffff 0%, #f8f8f8 50%, #ffffff 100%);
    box-shadow: 0px 5px 2px 1px #2292a917;*/
/*}*/
/*.form-control {
    filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.15)) !important;*/
/* background: linear-gradient(to bottom, #ffffff 0%, #f8f8f8 50%, #ffffff 100%);
    box-shadow: 0px 5px 2px 1px #2292a917;*/
/*}*/

.controllers-mandatory {
    border: 2px solid red !important;
    border-radius: 5px;
}

.clear-btn {
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: none;
    border: none;
    font-size: 18px;
    color: #888 !important;
    cursor: pointer !important;
}

.clearSearchAdvisorInput {
    height: 30px !important;
    border-radius: 0px 0px 5px 5px !important;
    width: 99.8% !important;
}

.linkedAdvsorTbody {
    padding-bottom: 0px !important;
    padding-top: 4px !important;
    -webkit-filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.25));
    filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.25));
    border: 2px double #fbfbfb;
    border-radius: 5px;
}

.hr-custom {
    border-style: dashed;
    border-width: 1px;
    width: 90%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
}

.register-svg-icon svg {
    width: 27px;
}

.ROASessionSvg {
    width: 30px;
}

.consent-bttn {
    height: 100% !important;
}
/*.client-info-fixed {
    position: fixed;
    top: 122px;
    width: 100%;
    background: #fff;
    z-index: 98;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    left: 0px;
}
*/
/*.administrationCardSearch:hover {
    transform: scale(1.03);
  
}*/
.TopicCardSearch:hover {
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
    /* background: #f0f0f0;*/
}

.administrationCardSearch, .TopicCardSearch {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/*#drpdwn {
    transition: transform 0.3s ease;
}
#li_Lookups:hover #drpdwn {
    display: block;
}*/

/*.dropdown-toggle:hover .dropdown-menu-notifications {
    display: block;
}*/
/*.btn:hover {
    transform: scale(1.03);
}*/
.roaSvgIcon svg {
    width: 35px !important;
}

i, svg, img, .badge-linktable-custom {
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.icons22 svg,
.icons22 i {
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

    .icons22 svg:hover,
    .icons22 i:hover {
        -webkit-transform: scale(1.1) rotate(1deg);
        -ms-transform: scale(1.1) rotate(1deg);
        transform: scale(1.1) rotate(1deg);
    }

.table svg:hover,
.table img:hover,
.table fa:hover,
.table i:hover {
    -webkit-transform: scale(1.1) rotate(1deg);
    -ms-transform: scale(1.1) rotate(1deg);
    transform: scale(1.1) rotate(1deg);
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.heath-detail-svg svg {
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

    .heath-detail-svg svg:hover {
        -webkit-transform: scale(1.1) rotate(0.5deg);
        -ms-transform: scale(1.1) rotate(0.5deg);
        transform: scale(1.1) rotate(0.5deg);
    }

.badge-linktable-custom:hover {
    -webkit-transform: scale(1.09) rotate(0.5deg);
    -ms-transform: scale(1.09) rotate(0.5deg);
    transform: scale(1.09) rotate(0.5deg);
}

/*.userprofile-svg:hover i.fa {
    transform: scale(1.2) rotate(4deg);
}*/
.cient-summrysvg svg {
    width: 30px;
}

.cient-summrysvg2 svg {
    width: 28px;
}

.svg-reminder svg {
    position: relative;
    left: 3px;
    top: -8px;
    height: 35px;
}
/*.icons22 .userprofile-svg {
    border-bottom: 1px solid black;
}*/
.highcharts-title {
    font-size: 20px !important;
    color: #000000 !important;
}
/*.st0 {
    fill: currentColor !important;
}*/

.dt-length label {
    margin-left: 5px;
}
/*.dt-column-order{
    display:none;
}*/

.sticky-content {
    position: sticky;
    top: 1px;
    z-index: 9999 !important;
}

/*.svg-container {
    padding: 1px;
    border: 2px dotted #3498db;
    border-radius: 5px;
    display: inline-block;
    animation: floatEffect 3s ease-in-out infinite;
    transition: border-color 0.5s ease;
    
}*/

/*.svg-container svg {
    fill: #2c3e50; 
    stroke: #3498db; 
    stroke-width: 2;
    animation: borderColorChange 2s linear infinite; 
}

@keyframes borderColorChange {
    0% {
        stroke: #3498db;
    }
  
    33% {
        stroke: #e74c3c;
    }
    
    66% {
        stroke: #2ecc71;
    }
   
    100% {
        stroke: #3498db;
    }

}
.svg-container svg:hover {
    animation-play-state: paused;
}*/

.bg-informationDetails {
    -webkit-box-shadow: 1px 2px 10px rgb(0 0 0 / 61%) !important;
    box-shadow: 1px 2px 10px rgb(0 0 0 / 61%) !important;
    background: -webkit-gradient(linear, left top, right top, from(#e9ecefbf), to(#dee2e6c4));
    background: -o-linear-gradient(left, #e9ecefbf, #dee2e6c4);
    background: linear-gradient(to right, #e9ecefbf, #dee2e6c4);
}

.svg-w100 svg {
    width: 100%;
    fill: white !important;
}

.side-nav {
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.selected-card {
    border: 3px solid #000000 !important;
    border-radius: 5px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom: 0px !important;
}

.grid-stack-item-content {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .grid-stack-item-content:hover {
        -webkit-transform: scale(1.02);
        -ms-transform: scale(1.02);
        transform: scale(1.02);
    }

#ul_allReferralsActiveByUsers {
    width: 100% !important;
}

    #ul_allReferralsActiveByUsers li {
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        padding-top: 4px !important;
        padding-bottom: 4px !important;
        line-height: 1;
    }

        #ul_allReferralsActiveByUsers li:hover {
            -webkit-transform: scale(1.02);
            -ms-transform: scale(1.02);
            transform: scale(1.02);
        }

#FollowUpsTabs .cards-sutom {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    #FollowUpsTabs .cards-sutom:hover {
        -webkit-transform: scale(1.02);
        -ms-transform: scale(1.02);
        transform: scale(1.02);
    }

.title-dashbord {
    line-height: 1.2;
    display: -ms-grid;
    display: grid;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    place-content: center;
    margin-top: 15px;
}

.bg-summry {
    background-image: -webkit-gradient(linear, left top, right bottom, from(#daebed), to(#daebed));
    background-image: -o-linear-gradient(top left, #daebed, #daebed);
    background-image: linear-gradient(to bottom right, #daebed, #daebed);
    /*background-image: linear-gradient(to bottom right, #d7d7d7, #daebed);*/
    counter-increment: ol-cards-count;
    -webkit-filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25));
    filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25));
    -webkit-box-shadow: inset 2px 2px 2px white, inset -1px -1px 1px rgb(0 0 0 / 25%);
    box-shadow: inset 2px 2px 2px white, inset -1px -1px 1px rgb(0 0 0 / 25%);
    /*background-image: linear-gradient(to bottom right, #d7d7d7, #decccc);
    counter-increment: ol-cards-count;
    filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25));
    box-shadow: inset 2px 2px 2px white, inset -1px -1px 1px rgb(0 0 0 / 46%);*/
}


.custom-dropdown-menu {
    list-style: none;
    padding: 15px 10px 10px;
    margin: 0;
    background: white;
    border-radius: 8px;
    -webkit-box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    position: absolute;
    top: 110%;
    left: 0;
    display: none;
    z-index: 1000;
}
    /* Arrow at top center */
    .custom-dropdown-menu::before {
        content: "";
        position: absolute;
        top: -10px;
        left: 25px;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid white;
    }

    .custom-dropdown-menu li {
        margin: 4px;
        margin-bottom: 6px;
    }

        .custom-dropdown-menu li:first-child {
            margin-top: 6px;
        }

        .custom-dropdown-menu li:last-child {
            margin-bottom: 4px;
        }

        .custom-dropdown-menu li a {
            text-decoration: none;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            background: -webkit-gradient(linear, left top, right top, from(#e9f6fb), to(#ffffff)) !important;
            background: -o-linear-gradient(left, #e9f6fb, #ffffff) !important;
            background: linear-gradient(to right, #e9f6fb, #ffffff) !important;
            border-left: 4px solid #00bcd4 !important;
            border-radius: 8px;
            padding: 10px !important;
            -webkit-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
            -webkit-box-shadow: 0 1px 3px rgb(255 255 255 / 5%);
            box-shadow: 0 1px 3px rgb(255 255 255 / 5%);
            border-bottom: 3px solid transparent;
            border-bottom-style: solid;
            -webkit-filter: drop-shadow(0.8px 0.8px 0.9px rgba(0, 0, 0, 0.25));
            filter: drop-shadow(0.8px 0.8px 0.9px rgba(0, 0, 0, 0.25));
            /*filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.25));*/
        }

            .custom-dropdown-menu li a i {
                margin-right: 5px !important;
            }

            .custom-dropdown-menu li a:hover i {
                -webkit-transform: scale(1.2) rotate(4deg);
                -ms-transform: scale(1.2) rotate(4deg);
                transform: scale(1.2) rotate(4deg);
            }

            .custom-dropdown-menu li a:hover {
                background: -webkit-gradient(linear, left top, right top, from(#d0e7ff), to(#ffffff));
                background: -o-linear-gradient(left, #d0e7ff, #ffffff);
                background: linear-gradient(to right, #d0e7ff, #ffffff);
                -webkit-box-shadow: 0 4px 12px rgba(13, 110, 253, 0.15);
                box-shadow: 0 4px 12px rgba(13, 110, 253, 0.15);
                opacity: 0.9;
                /* Actual visible border-bottom on hover */
                border-bottom: 3px solid #00bcd4;
            }

.sortable {
    cursor: pointer;
    color: white !important;
}

.sort-icon {
    margin-left: 5px;
    color: white !important;
}

.active-sort {
    color: white !important;
}

.Calander-custom-header-button .fc-button-group {
    margin-right: 61px;
}

.fc .fc-button-group .fc-timeGridDay-button {
    border-radius: 0px;
}

.font-size-16px {
    font-size: 1em;
    font-weight: 500;
}

/*tbody, td, tfoot, th, thead, tr {
    border:1px solid rgba(222, 226, 230) !important;
   .administrationCardSearchItem .icon:hover {
    background: transparent !important;
    border: 1px solid #e8edf1 !important;
}
}*/
#li_Lookups.active > a .rotate-angle-lookup {
    -webkit-transform: rotate(180deg) !important;
    -ms-transform: rotate(180deg) !important;
    transform: rotate(180deg) !important;
    color: currentColor;
}

#li_Lookups > a .rotate-angle-lookup {
    color: black;
}

#li_Lookups.active > a .lookuptext {
    color: currentColor;
}

#li_Lookups a .lookuptext:hover {
    color: currentColor;
}

#li_Lookups > a .lookuptext {
    color: black;
}
/* Common arrow style */
#li_Lookups > a.has-arrow::after {
    content: ""; /* Ya koi FontAwesome icon bhi use kar sakte ho */
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    display: none !important;
}

#li_Lookups > a.has-arrow::after {
    color: currentColor;
}
/* Jab li active ho to rotate */
#li_Lookups.active > a.has-arrow::after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#MissingFields_PieChart .highcharts-series path {
    cursor: auto !important;
}

#MissingFields_PieChar {
    cursor: none !important;
}

.highcharts-figure svg {
    cursor: auto !important;
}

.highcharts-contextbutton .highcharts-button-symbol {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.highcharts-button-box {
    width: 35px !important;
    height: 35px !important;
}

.highcharts-root {
    font-family: "Ubuntu", sans-serif !important;
}

.highcharts-xaxis-labels span {
    white-space: break-spaces !important;
    -o-text-overflow: unset !important;
    text-overflow: unset !important;
    overflow: unset !important;
    color: black !important;
    font-weight: 500 !important;
    font-size: 0.74em !important;
    /*margin-left: 6px !important;*/
    /*font-size: 0.86em !important;*/
}

.highcharts-xaxis-labels text {
    color: black !important;
    font-weight: 500 !important;
}

.cards-sutom-custom-filter-none {
    -webkit-filter: none !important;
    filter: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background-image: none !important;
}

.m-y-2 {
    margin-top: 2px;
    margin-bottom: 2px;
}

.border-bootom-muted {
    border-bottom: 1px solid #dee2e6 !important;
}

.copy-button-floating {
    position: absolute;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    background: white;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 2px 2px;
    font-size: 14px;
    z-index: 99999;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    cursor: pointer;
    pointer-events: none; /* Don't block selection */
    -webkit-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}

    .copy-button-floating * {
        pointer-events: auto;
    }

    .copy-button-floating svg {
        width: 16px;
        height: 16px;
    }

.currentColor {
    fill: black;
}

.arrow-down-linlistng {
    display: none;
    position: absolute;
    bottom: -16px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #fff;
    border-radius: 150%;
}

    .arrow-down-linlistng i {
        font-size: 16px;
    }

.top-tab.card-tab.active {
    border: 1px dotted;
}

/*static team chaits */
.messageSMSHIstoryReceived .messageSMSHIstory-content {
    /*background: #6e53cc !important;*/
    background: #15603dbd !important;
}

    .messageSMSHIstoryReceived .messageSMSHIstory-content::before {
        /*background: #6e53cc !important;*/
        background: #15603dbd !important;
    }

.messageSMSHIstorySent .messageSMSHIstory-content {
    /*background: #dce0fa !important;*/
    background: #d3d3d38a !important;
}

    .messageSMSHIstorySent .messageSMSHIstory-content::before {
        background: #d3d3d3d6 !important;
        /* background: #dce0fa !important;*/
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

.reply-btn {
    background: #6e53cc !important;
}

.highcharts-figure, .highcharts-data-table table {
    max-width: 100% !important;
}

    .highcharts-data-table table:focus-visible {
        outline: none !important;
    }

.my-custom-col {
    min-width: 305px;
}

.App-Filter {
    width: 0 !important;
    height: 0 !important;
    padding: 10px;
    border-radius: 3px;
    -webkit-box-shadow: 2px 2px 0px 1px var(--bs-gray-400);
    box-shadow: 2px 2px 0px 1px var(--bs-gray-400);
}

    .App-Filter:hover {
        -webkit-box-shadow: none;
        box-shadow: none;
        opacity: 0.8;
    }

/*.ancSwitchCustom-wrapper {
    position: relative;
    display: inline-block;
    width: 70px;
    height: 34px;
}

    .ancSwitchCustom-wrapper input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.ancSwitchCustom-slider {
    position: absolute;
    cursor: pointer;
    background-color: #6c757d;*/ /* GRAY for "No" state */
/*border-radius: 34px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: .4s;
}

    .ancSwitchCustom-slider:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        transition: .4s;
        border-radius: 50%;
    }

.ancSwitchCustom-wrapper input:checked + .ancSwitchCustom-slider {
    background-color: #198754;*/ /* GREEN for "Yes" state */
/*}

    .ancSwitchCustom-wrapper input:checked + .ancSwitchCustom-slider:before {
        transform: translateX(36px);
    }

.ancSwitchCustom-slider::after {
    content: "No";
    color: white;
    position: absolute;
    right: 10px;
    top: 6px;
    font-size: 12px;
    font-weight: bold;
}

.ancSwitchCustom-wrapper input:checked + .ancSwitchCustom-slider::after {
    content: "Yes";
    left: 10px;
    right: auto;
}
.inputSwitchSliderYes::before {
    opacity: 0 !important;
    border: none !important
}
input[type="checkbox"].inputSwitchSliderYes {
    border: none !important;
}*/
.grid-container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 10px auto 10px auto;
    grid-template-columns: auto auto auto;
    gap: 10px;
}

.dwon-angle-descending-order {
    font-size: 16px !important;
    /* transform: scale(1.5);*/
}

.top-angle-ascending-order {
    font-size: 16px !important;
    /* transform: scale(1.5);*/
}

.dwon-angle-descending-order:hover {
    opacity: 0.8;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.top-angle-ascending-order:hover {
    opacity: 0.8;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.firstPageList:hover {
    opacity: 0.8;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.pagination-main nav a[disabled] i {
    color: #444 !important;
    pointer-events: none; /* prevent click if needed */
}

.pagination-main nav a:hover {
    opacity: 0.8;
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
}

.ProductsOneLiner {
    display: ruby-text !important;
}

.auto-tooltip-custom-inner .tooltip-inner {
    max-width: 100% !important;
    text-align: left;
}
/*.custom-tooltipssss .tooltip-inner strong {
        text-align: center !important;
        display: flex !important;
        justify-self: center !important;*/
/* align-items: center !important;*/
/*margin: auto !important;
        margin-bottom:5px !important;
    }*/
.cursor-pointer-svg svg, .cursor-pointer-svg i {
    cursor: pointer;
}

.svg-cursor-clientsumray svg, .svg-cursor-clientsumray i {
    cursor: pointer !important;
}

.nav-link svg, .nav-link i {
    cursor: pointer !important;
}

#navbarSupportedContent svg, #navbarSupportedContent i {
    cursor: pointer !important;
}

.progress-hover-custom {
    /* border-bottom: 3px solid;*/
    border-color: transparent;
}

.progress-refral-record:hover {
    /*transform: scaleY(1.2);*/
    /*border-color: #80808029;*/
    opacity: 0.9;
    background: #9e9e9e1a !important;
}

.fa-history {
    cursor: pointer;
}

.list-style-auto li {
    list-style: unset !important;
}

.table > tbody > tr:hover td {
    border-top: 1px solid #00000070 !important;
}

table > tbody > tr:hover {
    background: #9e9e9e1a;
    border-color: #00000070 !important;
    /*outline: 1px solid #00000070;
    outline-offset: -1px;*/
}

.custom-link-color > tbody > tr:hover {
    opacity: 0.9 !important;
    color: white !important;
    border-color: #00000070 !important;
}

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

.text-black-svg svg {
    fill: black !important;
}

.user-icons-border {
    border-radius: 50%;
    padding: 2px;
    border: 2px double;
}

.white--space-wrap {
    white-space: nowrap;
}

.font-size-22-user {
    font-size: 22px;
    margin-top: 2px;
}

.badge-icon {
    bottom: 4px;
    right: -0.5rem;
    font-size: 14px;
    border: 1px solid;
    padding: 2px;
    line-height: 12px;
}

.bg-gray-tableheader > thead {
    color: black;
    /* background-image: linear-gradient(to bottom right, #daebed, #daebed);*/
    /*filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25));*/
    /*box-shadow: inset 2px 2px 2px white, inset -1px -1px 1px rgb(0 0 0 / 25%);*/
}

.bg-gray-tableheader thead tr th span {
    color: black !important;
}

/*.gray-color-custom > thead {
    background: red;
}*/

.icon-color-green {
    color: green !important;
}

.icon-color-red {
    color: red !important;
}

.icon-color-grey {
    color: grey !important;
}

.cursor-pointer-unset button {
    cursor: unset !important;
}

/*.gray-color-custom-button-modal.collapsed::after {
    color: #000000 !important;
}

.gray-color-custom-button-modal:not(.collapsed)::after {
    color: #000000 !important;
}*/

/*.gray-color-custom {
    color: #000000 !important;*/
/*background-image: linear-gradient(to bottom right, #9aa2a3, #93b4b8) !important;*/
/*}*/

#lblInteractionsContraindications p, #lblLicencesandDisclaimer p {
    margin-bottom: 0px !important;
}

.cusror-pointer-none {
    cursor: unset !important;
}

.pndAppColor {
    color: #f90808a1 !important;
}

.AtndAppColor {
    color: #50d38ab3 !important;
}

.DnaAppColor {
    color: #91c9ed !important;
}

.filter-logo-none {
    -webkit-filter: none !important;
    filter: none !important;
}

.hover-link-button-custom:hover {
    color: red !important;
    text-decoration: underline;
}

.pb-lable label {
    padding-bottom: 10px !important;
}
/*.pin-btn:hover{
    text-decoration:underline;
}*/

/*.db-popover.popover {
    max-width: none;
    z-index: 2000; 
}
.db-popover .checkbox-grid {
    display: grid;
    grid-template-columns: repeat(2, auto);
    gap: 8px 20px;
}*/
.lable-prgh p {
    margin-bottom: 0px !important;
}

.blocked-user {
    background: darkred !important;
}

    .blocked-user td {
        color: white !important;
    }

        .blocked-user td i {
            color: white !important;
        }

.w-max-content {
    width: -webkit-max-content !important;
    width: -moz-max-content !important;
    width: max-content !important;
}

.dynamic-grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 15px 1fr 15px 1fr 15px 1fr 15px 1fr 15px 1fr 15px 1fr 15px 1fr 15px 1fr 15px 1fr 15px 1fr 15px 1fr;
    grid-template-columns: repeat(12, 1fr);
    gap: 15px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

.bg-white-cutom-image {
    background-image: none !important;
    background: white !important;
}

.ItemdvAllReferralsActive {
    min-height: 100px;
    max-height: 425px;
    overflow-y: auto;
    border-radius: 0.5rem 8px !important;
    -webkit-filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25));
    filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25));
}

.add-client-btn {
    color: currentColor !important;
}

    .add-client-btn:has(:hover) {
        color: white !important;
    }

.load-svg-custom-icon svg {
    width: 30px;
    height: 30px;
}

.load-svg-custom-icon {
    margin-top: 5px;
}

.add-client-btn:has(:hover) {
    color: white !important;
}

.popover-shadow-custom {
    /* box-shadow: 5px 5px 0px 100vh rgb(28 21 21 / 79%);*/
    -webkit-box-shadow: 5px 5px 15px 15px rgb(28 21 21 / 69%);
    box-shadow: 5px 5px 15px 15px rgb(28 21 21 / 69%);
}

.popover-close-btn {
    /*-webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;*/
}

    .popover-close-btn:hover {
        /* -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);*/
    }

.notification-grid-sms-reply {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
    padding-left: 0px;
}

    .notification-grid-sms-reply li:not(:only-child) {
        border-right: 2px dashed currentColor;
    }

    .notification-grid-sms-reply li:last-child {
        border-right: none;
    }

.notification-reply-hover, .notification-reply-hover small {
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

    .notification-reply-hover:hover {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

    .notification-reply-hover small:hover {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

.cs-badge-svc {
    flex: none;
    margin-left: auto;
    padding: 0 2px;
    border-radius: 3px;
    background: #fff;
    color: black !important;
    font-size: 9px;
    line-height: 14px;
    letter-spacing: .3px;
}

.fs-09 {
    font-size: 0.875rem;
    line-height: 1.1;
    margin-top: 4px !important;
}

/*.updateHRWeeks:hover i {
    color: white !important;
}*/

.d-flex-System {
    display: grid;
    grid-template-columns: 84% 16%;
    gap: 15px;
}

.accordion .header {
    padding: 14px;
}

/*.popover-backdrop-open {
    background-color: rgba(0, 0, 0, 0.7);
}*/
/*.popover-backdrop-open > .grid-container-AncCustomWeekly {
    background: black !important;
}*/
/*  .popover-shadow-custom::before {
        background: black; 
        content: ''; 
        position:relative !important;
    }*/
/*.copied-text-msg{
    position:absolute;
    top:0;
    z-index:9999;
}*/


.table > :not(caption) > * {
    border-width: 1px 0;
}

    .table > :not(caption) > * > * {
        border-width: 0 1px;
    }

.addCustomSvg img {
    width: 30px;
}

.h-35px {
    height: 35px !important;
}

.text-justify {
    text-align: justify;
}

.waitinglistmonthbtn-hover {
    background: #366d7c !important;
}

    .waitinglistmonthbtn-hover:hover {
        background: #366d7cc7 !important;
        box-shadow: 0px 5px 2px 0px #366d7c96 !important;
        border-color: #366d7c !important;
    }
/*.newclient-icon-custom:hover {
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.8);
}*/

.appointmentwaitinglist-icon-style {
    width: 30px;
    height: 32px;
    position: relative;
    top: 8px;
    left: 2px;
}

.pd-9px {
    padding-bottom: 9px !important;
}

.row.align-items-stretch > [class*='col-'] {
    display: flex;
}

.row.align-items-stretch .card {
    flex: 1;
}

.hover-underline:hover {
    text-decoration: underline !important;
    text-underline-offset: 3px;
}

.modal .accordion .header .div-kn-eligibilty-color {
    color: black !important;
}

.savednotesiconswidth {
    position: relative;
    top: 3px;
}

.savednotesiconswidthPd {
    top: 0px;
    padding: .25rem !important;
}

.btn-info-sahodow {
    box-shadow: 3px 4px 0px 2px var(--bs-gray-400) !important;
}

.pb-0-custom label {
    padding-bottom: 0px !important;
}

.hover-action-link .icon-custom-font:hover {
    background-color: red !important;
}

.hover-icon-scale:hover {
    transform: scale(1.1) rotate(0.5deg) !important;
}

.hover-icon-scale-OnePointThree:hover {
    transform: scale(1.4) rotate(0.5deg) !important;
}

.follow-maintab-color {
    box-shadow: inset 2px 2px 2px white, inset 1px 0px 0px rgba(0, 0, 0, 0.25) !important;
    background-image: linear-gradient(to bottom right, #e9eaec, #ffffff) !important;
    filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25)) !important;
    border-radius: 0.5rem 8px !important;
}

.vape-icon-custom-btn:hover .vape-icon-custom {
    background: white !important;
}

.top-angle-ascending-order.active,
.dwon-angle-descending-order.active {
    color: red !important;
    font-weight: 900 !important;
}

.eligibility-style-red {
    line-height: 1rem;
    background: red;
    color: white;
    white-space: nowrap;
    padding: 4px;
    border-radius: 5px;
}

.eligibility-style-orange {
    line-height: 1rem;
    background: orange;
    color: white;
    white-space: nowrap;
    padding: 4px;
    border-radius: 5px;
}

.auto-tooltip-health {
    margin-top: -8px !important;
}

.mb-btm-0 label {
    padding-bottom: 0px !important;
}

.VIpgJd-ZVi9od-aZ2wEe-wOHMyf-ti6hGc {
    display: none !important;
}

.label-inline-icon {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
}

    .label-inline-icon label {
        width: auto !important;
        flex: 0 1 auto !important;
        margin-bottom: 0 !important;
        display: inline !important;
    }

    .label-inline-icon i {
        flex-shrink: 0 !important;
        margin-left: 4px !important;
    }

.imp-badge-yes {
    background: #5ca717;
    color: #fff !important;
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 500;
}

.imp-badge-no {
    background: #e24f4f;
    color: #fff !important;
    padding: 4px 13px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 500;
}

.imp-badge-na {
    background-color: #e2e3e5;
    color: #fff;
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 500;
}

#sessionTabs .nav-link.active {
    background: #01b2c6 !important;
    color: white !important;
}

#sessionTabs .nav-link:hover {
    background: #01b2c6 !important;
    color: white !important;
}

#sessionTabs .nav-link {
    color: #01b2c6 !important;
}

.client-info-notes-resizable {
    resize: vertical !important;
    overflow: auto !important;
    min-height: 40px !important;
    max-height: 300px !important;
    background: #f8f9fa !important;
    border: 1px solid #dee2e6 !important;
    border-radius: 6px !important;
    padding: 6px 10px !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    word-break: break-word !important;
    text-align: left !important;
    text-indent: 0 !important;
    margin: 0 !important;
}

.list-inside {
    list-style: inside !important;
}

.list-circle {
    list-style: circle !important;
}

.ul-pd-0 ul {
    padding-left: 0px !important;
}

#Input_UserName-error, #Input_Password-error {
    color: red !important;
}

.pd-1-3rm {
    padding-left: 1.3rem !important;
}

.lable-spce-pd label {
    padding-bottom: 11px !important;
}

.administrationCardContainer-report .icon-custom-font {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.administrationCardContainer-report .administrationCardSearchItem:hover .icon-custom-font {
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
}

.star-icon {
    /*font-size: 1.2rem !important;*/
    display: inline-block;
    /* position: absolute;*/
    border: none !important;
    margin-left: 3px;
    /* margin-top: -3px;*/
    color: red !important;
}

#dvReferralClosedReasonIcon img,
#dvPregnantStatusIcon img {
    width: 30px !important;
    height: 30px !important;
    transform: scale(1.2);
    cursor: pointer;
}

.tblDrillDownBtn #tblDrillDown_wrapper .dt-buttons {
    float: right !important;
}

.tblDrillDownBtn #tblDrillDown_wrapper .dt-info {
    float: left;
    display: inline-block;
    margin-top: 17px;
}

.tblDrillDownBtn #tblDrillDown_wrapper .dt-paging {
    display: inline-block;
    float: right;
    margin-top: 12px;
}
/*.btn[onclick]:active {
    transform: scale(0.99) !important;
    transition: transform 0.1s ease;
}*/
/*.AddLinkStyle:active {
    transform: scale(0.99) !important;
}*/
/*a:active {
    transform: scale(0.99) !important;
}
.slot-btn:active {
    transform: scale(0.99) !important;
}
.fa-edit:active {
    transform: scale(0.99) !important;
}*/
.inputpicker-div {
    padding-right: 5px; /* arrow + X ke liye jagah */
    background: #e9ecef;
}

.inputpicker-clear {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 16px;
    color: #999 !important;
    /*z-index: 5;*/
    display: none !important;
}

    .inputpicker-clear:hover {
        color: currentColor;
    }

.readonly-custom-user[readonly] {
    background-color: #d6d6d6de !important;
}

.welcompacknav .nav-tabs-new2 > li > a.active .hover-svg,
.welcompacknav .nav-tabs-new2 > li > a:hover .hover-svg,
.welcompacknav .nav-tabs-new2 > li > a:active .hover-svg,
.welcompacknav .nav-tabs-new2 > li > a:focus .hover-svg,
.welcompacknav .nav-tabs-new2 > li > a:focus-visible .hover-svg,
.welcompacknav .nav-tabs-new2 > li > a:focus-within .hover-svg {
    background: #fff !important;
}

.active-card {
    border: 2px dotted;
}

.hr-row {
    width: 100%;
    grid-template-columns: 10.8% 11.66% 11.66% 11.66% 19.25% 25.78% 10.13%;
    /*grid-template-columns: 8.86% 11.66% 11.66% 11.66% 20.25% 27.78% 10.13%;*/
}

.welcome-pack-tab .card.active-card .toggle-arrow-report-link {
    display: inline-block;
    transform: rotate(-314deg);
    -webkit-transform: rotate(-314deg);
    -ms-transform: rotate(-314deg);
}

.medcond-pill {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
    background: #ffb81c !important;
    color: #212b32 !important;
    padding: 0 8px 0 10px !important;
    height: 26px;
    border-radius: 999px;
    font-size: 11.5px;
    width: auto;
    margin: 0 0 0 auto !important;
    box-shadow: 0 0 0 0 rgba(255, 184, 28, 0.6);
    animation: medcondPulseDot 2s ease-out infinite;
}

    .medcond-pill .fa-edit {
        font-size: 12px !important;
        animation: medcondIconEdit 1.2s ease-out infinite;
    }

    .medcond-pill i, .medcond-pill span {
        color: #212b32 !important;
    }

    .medcond-pill .conditionsmedical-icon-custom, .medcond-pill .developmentdisorder-icon-custom {
        width: 20px !important;
        height: 20px !important;
        background-color: red !important;
        animation: medcondIconIn 1.6s ease-out infinite;
        border: 0 !important;
        box-sizing: border-box !important;
    }
    .medcond-pill #AreYouTakingAnyPrescribedMedication_CI .fa-file-prescription {
        color: red !important;
    }

@keyframes medcondIconEdit {
    60% {
        opacity: 1;
        transform: scale(1.09) translateX(0);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes medcondIconIn {
    60% {
        opacity: 1;
        transform: scale(1.09) translateX(0);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes medcondPulseDot {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 184, 28, 0.6);
    }

    70% {
        box-shadow: 0 0 0 6px rgba(255, 184, 28, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(255, 184, 28, 0);
    }
}
.dsg6-wrapper .dsg6-edit-btn .medcond-flags {
    position: relative;
    display: flex;
    align-items: center;
    gap: 5px;
}
.dsg6-wrapper .dsg6-edit-btn .medcond-warn {
    display: none;
}
.dsg6-wrapper .dsg6-edit-btn .medcond-flags:has(> div:not(.hidden)) > i.medcond-warn {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -75%);
    width: 16px;
    height: 16px;
    padding-bottom: 1px;
    font-size: 9px !important;
    line-height: 1;
    color:red !important;
    background: #ffc107;
    border: 2px solid #ffffff;
    border-radius: 50%;
    z-index: 3;
    pointer-events: none;
    animation: medcondWarnPulse 1.6s ease-out infinite, medcondWarnBounce 1.6s ease-in-out infinite;
}

@keyframes medcondWarnPulse {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.9);
    }

    70% {
        box-shadow: 0 0 0 7px rgba(255, 193, 7, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(255, 193, 7, 0);
    }
}

@keyframes medcondWarnBounce {
    0%, 100% {
        transform: translate(-50%, -62%);
    }

    50% {
        transform: translate(-50%, -78%);
    }
}
/*    .medcond-pill .medcond-label {
        color:white !important;
    }
    .medcond-pill .medcond-toggle-yes {
        display: flex;
        align-items: center;
        background: rgba(255, 255, 255, 0.35);
        color: #fff;
        gap: 6px;
        font-size: 12px;
        padding: 3px 10px;
        border-radius: 20px;
        animation: glowPulse 1.8s ease-in-out infinite;
    }

    .medcond-pill .medcond-toggle-dot {
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: #fff;
        display: inline-block;
        animation: medcondPulseDot 1.6s ease-out infinite;
    }*/

@keyframes medcondBgShift {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

@keyframes medcondPulseDot {
    0% {
        box-shadow: 0 0 0 0 rgba(163, 45, 45, 0.55);
    }

    70% {
        box-shadow: 0 0 0 6px rgba(163, 45, 45, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(163, 45, 45, 0);
    }
}

@keyframes glowPulse {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(163, 45, 45, 0.4);
    }

    50% {
        box-shadow: 0 0 0 5px rgba(163, 45, 45, 0);
    }
}

.btncloseAlertModal {
    background-image: none !important;
    background: none !important;
    transition: transform 0.2s ease;
    cursor: pointer;
}

    .btncloseAlertModal:hover i {
        transform: scale(1.2) !important;
        opacity: 0.9;
        cursor: pointer;
    }

.w-fit {
    width: fit-content !important;
}

.border-light-black {
    border-color: #00000054 !important;
}

.updateQRM i {
    color: #FF9800 !important;
}

.updateQRM {
    border-color: #FF9800 !important;
}

.clinic-nav-tabs-new3 li > a:hover .icon-custom-font,
.clinic-nav-tabs-new3 li > a.active .icon-custom-font {
    background-color: white !important;
}
/*.btncloseAlertModalSVG {
    background-image: linear-gradient(to bottom right, #e9eaec, #ffffff);
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.25));
}*/
/*.header-cell-AncCustomWeekly:first-child {
    position: sticky !important;
    left: 0 !important;
    
}*/
/* Har clinic row ka pehla column (clinic name) sticky */
/*.clinic-name-AncCustomWeekly,
.clinic-name-AncCustomWeeklyCustom {
    position: sticky !important;
    left: 0 !important;
    display: none !important;
}*/
/*#scheduleGrid {
    overflow-x: auto !important;
    
}*/

#dvUserEventForm .card-header {
    background: #00A19A;
    color: #fff;
    padding: 18px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    #dvUserEventForm .card-header h2 {
        margin: 0;
        font-size: 18px;
        font-weight: 700;
        display: flex;
        align-items: center;
        gap: 10px;
    }

        #dvUserEventForm .card-header h2 svg {
            width: 20px;
            height: 20px;
        }

.add-org-btn-style {
    background: rgba(255,255,255,0.18);
    border: 1px solid rgba(255,255,255,0.4);
    border-radius: 6px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .add-org-btn-style:hover {
        background: rgba(255,255,255,0.28);
        transform: scale(1.05);
    }

#dvUserEventForm .add-org-btn {
    background: rgba(255,255,255,0.18);
    border: 1px solid rgba(255,255,255,0.4);
    color: #fff;
    padding: 8px 16px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
}

    #dvUserEventForm .add-org-btn:hover {
        background: rgba(255,255,255,0.28);
    }

#dvUserEventForm .org-block {
    padding: 24px;
    border-bottom: 1px solid #E1E4E8;
}

    #dvUserEventForm .org-block:last-of-type {
        border-bottom: none;
    }

#dvUserEventForm .org-block-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
}

#dvUserEventForm .org-label {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.06em;
    color: #6B7280;
    text-transform: uppercase;
}

#dvUserEventForm .remove-btn {
    background: none;
    border: none;
    color: #D93025;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    padding: 4px;
}

    #dvUserEventForm .remove-btn:hover {
        text-decoration: underline;
    }

#dvUserEventForm .field-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 16px;
}

    #dvUserEventForm .field-row:last-child {
        margin-bottom: 0;
    }

#dvUserEventForm .field label {
    display: block;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 6px;
}

#dvUserEventForm .add-another-wrap {
    padding: 20px 24px;
}

#dvUserEventForm .add-another-btn {
    background: none;
    border: none;
    color: #008F89;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 0;
}

    #dvUserEventForm .add-another-btn:hover {
        text-decoration: underline;
    }

.progress-flag-event {
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    background: #01b2c6;
    color: white;
    padding: 1px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: bold;
    white-space: nowrap;
    z-index: 2;
}

    .progress-flag-event .cartangle {
        position: absolute;
        bottom: -4px;
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #01b2c6;
    }

.SessionBox {
    width: fit-content;
    display: flex;
    align-items: center;
    border: 1px solid #c9e1e4;
    border-radius: 7px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,.08);
    white-space: nowrap;
   /* gap: 4px !important;*/
    padding: 2px;
}

.SessionBox-section-number {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff !important;
    font-size: 16px;
    font-weight: 700;
    padding: 0px 10px;
    border-radius: 4px;
}

.SessionBox-section-time {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    font-size: 14px;
    font-weight: 600;
    background: #eaf7f8;
    color: black !important;
    padding: 0px 4px;
}
.vv-wrap {
    border: 1px solid var(--vv-line);
    border-radius: 6px 6px 0px 0px;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0 2px 8px var(--vv-shadow);
}

    .vv-wrap .table {
        margin-bottom: 0;
    }

.vv-table {
    border-collapse: separate;
    border-spacing: 0;
}

.vv-table > thead > tr > th {
    vertical-align: middle;
    border: 0 !important;
    box-shadow: none !important;
    padding: 9px 12px;
    letter-spacing: 0.3px;
}

.vv-table > thead .vv-group {
    text-align: center;
    background-color: var(--vv-dark) !important;
    font-size: 12px;
    letter-spacing: 1px;
    padding: 6px 12px;
}

.vv-table > thead .vv-week {
    text-align: center;
    font-size: 12px;
}

.vv-table > thead > tr > th.vv-sec-start {
    border-left: 2px solid rgba(255, 255, 255, 0.55) !important;
}

.vv-table > thead > tr > th.vv-sec-end {
    border-right: 2px solid rgba(255, 255, 255, 0.55) !important;
}

.vv-table > tbody > tr > td {
    border-top: 1px solid var(--vv-line);
    border-left: 0;
    border-right: 0;
    padding: 9px 12px;
    vertical-align: middle;
}

.vv-table > tbody > tr > td:first-child {
    font-weight: 600;
    color: #1f2a37;
}

.vv-table td.vv-num {
    text-align: center;
    font-variant-numeric: tabular-nums;
}

.vv-table td.vv-zero {
    color: #8a949e;
}
.lable-AddEllips .AddEllipsis-2 {
    white-space: normal !important;
}
.vv-table td.vv-sec-start {
    border-left: 2px solid var(--vv-line) !important;
}

.vv-table td.vv-sec-end {
    border-right: 2px solid var(--vv-line) !important;
}

.vv-table td.vv-total-col {
    font-weight: 700;
    color: var(--vv-ink);
    background-color: var(--vv-tint) !important;
}

.vv-table > tbody > tr:hover > td {
    background-color: var(--vv-hover);
}

.vv-table > tbody > tr.brand-total > td {
    border-top: 2px solid var(--vv-main);
    background-color: var(--vv-tint-strong) !important;
    color: var(--vv-ink-strong);
    font-weight: 700;
}

.vv-table > tbody > tr.brand-total > td.vv-zero {
    color: var(--vv-ink-strong);
}

.vv-table > tbody > tr.brand-total > td.vv-total-col {
    background-color: var(--vv-tint-total) !important;
}

.nav-tabs-new3 #a_LifeStyle:hover .icon-custom-font,
.nav-tabs-new3 #a_LifeStyle:focus .icon-custom-font,
.nav-tabs-new3 #a_LifeStyle:active .icon-custom-font,
.nav-tabs-new3 #a_LifeStyle.active .icon-custom-font,
.nav-tabs-new3 #a_LifeStyle[aria-selected="true"] .icon-custom-font {
    background: #ffff !important;
}

@media (max-width:600px) {
    #dvUserEventForm .field-row {
        grid-template-columns: 1fr;
        gap: 12px;
    }
}

.brand-total {
    font-weight: bold;
}