/* Base code Start */
@import "./variable.css";
@import "./responsive.css";
@import "./component-customization.css";
@import "./Syncfusion-customization.css";

body {
    font-family: "Inter", sans-serif !important;
    height: 100vh;
    background-color: var(--bodyColor);
}

.login-img {
    background-image: url("../images/login-bg.jpg");
    width: 100%;
    height: 100vh;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.login-img-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    background: radial-gradient(37.16% 50% at 50% 50%, rgba(73, 73, 73, 0.60) 0%, rgba(0, 0, 0, 0.60) 100%);
}

.login-content-area {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 460px;
}

    .login-content-area .logo {
        width: 14rem;
    }

.login-copy-rights {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    position: absolute;
    width: 100%;
    bottom: 20px;
    padding: 0 2rem;
}

.login-card {
    border: 2px solid #97A5B6;
    background: rgba(255, 255, 255, 0.40);
    backdrop-filter: blur(2.5px);
    padding: 1.5rem 2.5rem;
    border-radius: 10px;
}

    .login-card .form-control {
        height: 46px;
        font-size: 1rem;
    }

    .login-card h5 {
        font-size: 1.5rem;
        font-weight: 600;
        color: #1d1d1d;
    }

    .login-card .form-control-label {
        font-size: 1rem;
        color: #1d1d1d;
    }

.btn-login {
    background: linear-gradient(90deg, #AF9150 0%, #E9DDB9 50%, #C6AE5F 100%);
    font-size: 1rem !important;
    font-weight: 600;
    border: none !important;
    width: 120px;
}

    .btn-login:hover {
        background: linear-gradient(0deg, #AF9150 0%, #E9DDB9 50%, #C6AE5F 100%);
        transition: 1s;
    }

.nav-item > a {
    text-decoration: none !important;
    color: unset !important;
}

.navbar_bg {
    background-color: var(--white);
    color: #3b4148 !important;
    position: fixed !important;
    width: 100%;
    z-index: 1001;
    border-bottom: 1px solid var(--borderColor);
    padding: 0.5rem 1rem;
}

.navbar-light .navbar-toggler {
    border: none;
}

button:focus:not(:focus-visible) {
    box-shadow: none;
}

.mobile-toggle {
    background: var(--primaryColor);
    padding: 0 5px 1px;
    border-radius: 2px;
    cursor: pointer;
    display: none;
}

.menu_icon {
    color: #60ba45;
    cursor: pointer;
}

.logo_section {
    display: flex;
    align-items: center;
    cursor: pointer;
}

    .logo_section .logo-white {
        display: none;
    }

header ul li {
    font-size: 1rem;
    display: flex;
    align-items: center;
}

.face-avatar {
    width: 2.5rem;
}

.sidebar {
    height: 100%;
    background-color: var(--white);
    transition: ease-in-out 0.3s;
    margin-top: 3.7rem;
    position: fixed;
    border-right: 1px solid var(--borderColor);
    z-index: 999;
    width: 14rem;
}

    .sidebar.close {
        width: 4.2rem;
    }

        .sidebar.close .menu_list {
            opacity: 0;
            display: none;
        }

        .sidebar.close #btnShow {
            display: block;
        }

        .sidebar.close #btnCollapse {
            display: none;
        }

        .sidebar.close .toggle-icon {
            transform: rotate(0deg);
            transition: ease-in 0.5s;
        }

.mblSidebarOpen {
    display: block !important;
}

.main-section .breadcrumb-area {
    position: relative;
    margin-bottom: 1rem;
}

.active-Tbtn {
    background-image: linear-gradient(136deg, #ebddb4 6%, #b58f43 55%, #ebddb4 100%);
    color: #fff !important;
    border: none !important;
}

.toggle {
    position: absolute;
    right: -12px;
    top: 50%;
    transform: translateY(-50%);
    height: 20px;
    width: 20px;
    background-color: var(--primaryColor);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    z-index: 1000;
    opacity: 0;
    transition: ease-in-out .3s;
}

.toggle-icon {
    transform: rotate(180deg);
    transition: ease-in 0.5s;
}

.sidebar:hover .toggle {
    opacity: 1;
}

.sidenav_list {
    padding: 0.7rem 0 0.7rem 1.6rem;
    color: var(--primaryTextColor) !important;
    cursor: pointer;
    text-decoration: none;
}

    .sidenav_list .nav-link {
        display: flex;
    }

.sidebar-icon {
    width: 24px;
    height: 24px;
    filter: grayscale(1)
}

.sidenav_items .active, .sidenav_list:hover {
    background-color: var(--lightblue);
    color: var(--primaryColor) !important;
}

    .sidenav_items .active .sidebar-icon,
    .sidenav_list:hover .sidebar-icon {
        filter: unset;
    }

.menu_list {
    font-size: 1rem;
    transition: ease-in-out 0.3s;
}

.breadcrumb {
    background-color: unset;
    padding: 0;
    font-size: 0.75rem;
}

.main-section {
    padding: 1rem 1rem 0 1rem;
    transition: ease-in-out 0.5s;
    margin-top: 4rem;
    width: 100%;
    padding-left: 15rem;
}

/*button styles start*/
.btn-primary {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 4px;
    color: #fff !important;
    background-color: var(--primaryColor) !important;
    font-size: 0.9rem;
    min-width: 80px;
    transition: ease-in-out .2s !important;
}

    .btn-primary:hover, .btn-add-lg:hover, .k-button-solid-base.btn-primary:hover {
        background-color: #003ecb !important;
    }

    .btn-primary.disabled, .btn-primary:disabled {
        background-color: #ECECEC !important;
        border: none;
        color: #a3a3a3 !important;
    }

.btn-primary-green {
    font-size: 0.9rem;
    color: #fff !important;
    background-color: #1B6F14 !important;
    min-width: 80px;
    transition: ease-in-out .2s !important;
}

    .btn-primary-green:hover {
        background-color: #19950F !important;
    }

    .btn-primary-green.disabled, .btn-primary-green:disabled {
        background-color: #808080 !important;
        color: #EFEFEF !important;
    }

.btn-cancel {
    background-color: #EFEFEF;
    color: #323232;
}

    .btn-cancel:hover {
        background-color: #D1D1D1;
    }

.btn-add-lg {
    color: #fff;
    background-color: var(--primaryColor);
    font-size: 0.9rem;
    min-width: 80px;
    display: block;
    margin: 1rem 0 1rem 1.6rem;
    transition: ease-in-out .2s;
}

    .btn-add-lg:hover {
        color: #fff;
    }

.btn-add-sm {
    color: #fff;
    background-color: var(--primaryColor);
    font-size: 0.9rem;
    display: none;
    margin: 1rem 0 1rem 1rem;
    width: 2.6rem;
}

.btn-save-sign {
    background-image: linear-gradient(136deg, #ebddb4 6%, #b58f43 55%, #ebddb4 100%);
    border: none;
}

    .btn-save-sign:hover {
        border: 1px solid #e4d3a5 !important;
        background: #e2d0a0;
    }

.btn-outline-custom {
    border-radius: 4px !important;
    border: 1px solid var(--primaryColor) !important;
    background-color: var(--lightblue);
    color: var(--primaryColor) !important;
    transition: ease-in-out .2s;
}

.btn-diagram {
    border: 1px solid var(--primaryColor);
    color: var(--primaryTextColor);
    transition: ease-in-out .2s;
}

    .btn-outline-custom:hover, .btn-diagram:hover {
        background-color: #C0CEF9;
        color: var(--primaryColor) !important;
    }

.btn-sm-custom {
    font-size: 0.6rem;
    padding: 3px 6px;
}

.btn-group-sm > .btn,
.btn-sm {
    font-size: 0.75rem !important;
    min-width: 68px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: ease-in-out .2s;
    font-weight: 500;
}

.btn-color {
    color: var(--primaryColor) !important;
    height: fit-content !important;
}

.btn-color-red:hover {
    background: #ffe5e5;
    border: 1px solid #fba4a4;
}

.btn-blue-outline {
    color: var(--primaryTextColor);
}

    .btn-blue-outline:hover, .btn-color:hover {
        color: var(--primaryColor) !important;
        border: 1px solid var(--primaryColor) !important;
    }

    .btn-blue-outline .billing-grid-img, .btn-lightblue .billing-grid-img, .btn-color-red .icon-mode-change {
        filter: grayscale(1);
    }

    .btn-blue-outline:hover .billing-grid-img, .btn-lightblue:hover .billing-grid-img, .btn-color-red:hover .icon-mode-change {
        filter: unset !important;
    }

.btn-lightblue {
    border: 0;
    color: var(--primaryTextColor)
}

    .btn-lightblue:hover {
        color: var(--primaryColor) !important;
        background: var(--lightblue) !important;
        border: none !important;
    }

.btn-danger-outline {
    color: #da0000;
}

    .btn-danger-outline:hover {
        color: #da0000;
        border: 1px solid #da0000;
    }

.btn-warning {
    background-color: #ffb73b !important;
    border: none !important;
}

.btn-no-width {
    min-width: fit-content;
}

.btn-addnote {
    background: #ffa318;
    color: #424242;
}

    .btn-addnote:hover {
        color: #424242;
        background: #f3980e;
    }

.btn-exam {
    border: 1px solid var(--borderColor);
    transition: ease-in .5s;
    min-width: 110px;
}

    .btn-exam:hover {
        background: linear-gradient(90deg, #FE5D1C 0%, #FFE8B7 28%, #FFE8B7 74%, #FE5D1C 100%);
    }

.user-menu-btn, .user-menu-btn:hover {
    color: var(--secondaryTextColor);
}

.dropdown-item.logout-area:hover {
    background: unset !important;
}

.btn.disabled.appoint-red-btn .sche-grid-btn {
    opacity: .75;
}

.btn.disabled .sche-grid-btn {
    filter: grayscale(1);
}

.resolved-btn-outline {
    width: 20px;
    min-width: 20px;
    height: 20px;
    border: 1px solid #0CAB09;
    padding: 1rem;
    border-radius: 50%;
}

    .resolved-btn-outline:hover {
        background: #b7f3b6;
    }

.resolved-btn {
    background: #0CAB09 !important;
}

.btn-revert {
    border: 1px solid #b00020;
    color: #b00020;
    background: #fff;
}

    .btn-revert:hover {
        background: #ffe6ea;
        color: #b00020;
    }

.btn-undo-ack {
    color: #b27205;
    border-color: #ffba00;
    background-color: #ffffff;
}

    .btn-undo-ack:hover {
        background-color: #ffefc2;
        color: #b27205;
    }

.btn-sm img {
    width: 20px;
    margin-right: 4px;
}

.btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:nth-child(n+3), .btn-group > :not(.btn-check) + .btn {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.btn-chat-status {
    background: var(--bodyColor);
    border: 1px solid var(--borderColor);
    color: var(--primaryTextColor);
}

    .btn-chat-status:hover {
        background: var(--primaryColor);
        color: #fff;
        border-color: var(--primaryColor);
    }
/*button styles end*/

img.pdf-viewer-img {
    filter: brightness(0) invert(.3);
}

.transition-03 {
    transition: transform 0.3s ease;
}

.dropdown-default-icon .dropdown-menu[data-bs-popper] {
    right: 0;
    left: unset;
    padding: 0;
}

.dropdown-default-icon .dropdown-toggle::after {
    display: none;
}

.dropdown-item {
    font-size: .75rem;
    color: var(--secondaryTextColor) !important;
    cursor: pointer;
    padding: .4rem 1rem;
}

    .dropdown-item.active, .dropdown-item:active {
        color: #fff !important;
        background-color: var(--primaryColor);
    }

.dropdown-menu {
    background-color: var(--white);
    border: 1px solid var(--borderColor);
    box-shadow: rgba(0, 0, 0, 0.30) 0px 10px 30px 2px !important;
}

.light-mode-icon {
    color: var(--secondaryTextColor) !important;
}

.wid-fit-content {
    width: fit-content;
}

.dropdown-item:focus, .dropdown-item:hover {
    color: var(--primaryColor) !important;
    background-color: var(--lightblue);
}

.dropdown-toggle::after {
    font-size: 16px;
}

.modeswitch-toggle-label {
    background-color: var(--primaryColor);
    width: 32px;
    height: 18px;
    border-radius: 50px;
    position: relative;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .modeswitch-toggle-label .ball {
        background-color: #fff;
        width: 14px;
        height: 14px;
        position: absolute;
        left: 2px;
        top: 2px;
        border-radius: 50%;
        transition: transform 0.2s linear;
    }

.modeswitch-toggle:checked + .modeswitch-toggle-label .ball {
    transform: translateX(14px);
}

.primary-color, .btn-link {
    color: var(--primaryColor) !important;
}

.default-color {
    color: unset !important;
}
/* Base code end */

.add-button {
    padding: 1rem 0 1rem 1.6rem;
}

.group-btn .btn-space .btn.viewcarebtn:hover {
    background: none !important;
    border: none !important;
    color: var(--primaryColor)
}

.group-btn .k-button-solid-base:hover,
.viewcarebtn:hover {
    color: var(--primaryColor) !important;
}

.group-btn .k-button-solid-base img, .group-btn .viewcarebtn img {
    filter: brightness(0) invert(.2);
}

.group-btn .k-button-solid-base:hover img, .group-btn .viewcarebtn:hover img {
    filter: unset;
}

.divider {
    border-bottom: 1px solid #d4d4d4;
    background: var(--borderColor) !important;
}

/*radio button start */
.radio-button {
    display: flex;
    gap: 6px;
    justify-content: center;
    margin: 10px;
    position: relative;
    align-items: center;
    color: var(--secondaryTextColor);
    font-size: 0.75rem;
    cursor: pointer;
}

    .radio-button input[type="radio"] {
        position: absolute;
        opacity: 0;
    }

.radio {
    position: relative;
    display: inline-block;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    border: 2px solid var(--borderColor);
    transform: translateZ(-25px);
    transition: all 0.3s ease-in-out;
}

    .radio::before {
        position: absolute;
        content: "";
        width: 8px;
        height: 8px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        border-radius: 50%;
        background-color: var(--primaryColor);
        opacity: 0;
        transition: all 0.3s ease-in-out;
    }

.radio-button input[type="radio"]:checked + .radio {
    border-color: var(--primaryColor);
    transform: translateZ(0px);
    background-color: var(--white);
}

    .radio-button input[type="radio"]:checked + .radio::before {
        opacity: 1;
    }
/*radio button end*/

/* toggle switch start  */
.toggle-switch {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 18px;
    cursor: pointer;
    margin-bottom: 0;
}

    .toggle-switch input[type="checkbox"] {
        display: none;
    }

.toggle-switch-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--borderColor);
    border-radius: 20px;
    box-shadow: inset 0 0 0 2px var(--borderColor);
    transition: background-color 0.3s ease-in-out;
}

.toggle-switch-handle {
    position: absolute;
    top: 2px;
    left: 3px;
    width: 14px;
    height: 14px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease-in-out;
}

.kebab-menu-button {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 24px;
    transform: rotate(90deg);
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
}

    .kebab-menu-button:hover, .sch-heading-bg, .scheduler-sidecard .btn-color.active {
        background: var(--lightblue);
    }

.toggle-switch::before {
    content: "";
    position: absolute;
    top: -25px;
    right: -35px;
    font-size: 12px;
    font-weight: bold;
    color: #aaa;
    text-shadow: 1px 1px #fff;
    transition: color 0.3s ease-in-out;
}

.toggle-switch input[type="checkbox"]:checked + .toggle-switch-handle {
    transform: translateX(45px);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2), 0 0 0 3px #1b6f14;
}

.toggle-switch input[type="checkbox"]:checked + .toggle-switch-background {
    background-color: #05a616;
    box-shadow: inset 0 0 0 2px #05a616;
}

.toggle-switch input[type="checkbox"]:checked + .toggle-blue {
    background-color: var(--primaryColor) !important;
    box-shadow: inset 0 0 0 2px var(--primaryColor) !important;
}

.toggle-switch input[type="checkbox"]:checked + .toggle-switch:before {
    content: "On";
    color: #05a616;
    right: -15px;
}

.toggle-switch
input[type="checkbox"]:checked + .toggle-switch-background
.toggle-switch-handle {
    transform: translateX(12px);
}

.toggle-switch + label {
    font-size: 0.75rem;
    color: var(--primaryTextColor);
}
/* toggle switch end  */

/* checkbox code start */
/* Hide the default checkbox */
.checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox container */
.checkbox-container {
    position: relative;
    display: inline-block;
    font-size: 18px; /* Make the checkbox slightly bigger */
    margin-bottom: 12px;
    cursor: pointer;
}

/* Style the checkmark */
.checkmark {
    position: absolute;
    top: -2px;
    left: 0;
    height: 16px; /* Make the checkbox slightly bigger */
    width: 16px; /* Make the checkbox slightly bigger */
    border: 2px solid #8a889b; /* Default border color */
    border-radius: 4px; /* Round the corners */
    background-color: var(--white); /* Default color for the box */
    transition: all 0.3s ease; /* Add smooth transition */
}

/* Show the checkmark when checkbox is checked */
.checkbox-container input:checked ~ .checkmark:after {
    display: block;
    animation: checkboxExpand 0.3s ease forwards, glowEffect 1s infinite alternate; /* Add glow effect */
}

/* Style the checkmark/indicator */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
    top: 40%; /* Center vertically */
    left: 50%; /* Center horizontally */
    transform: translate(-50%, -50%) rotate(45deg) scale(0); /* Center and hide initially, then scale to appear */
    width: 6px;
    height: 12px;
    border: 1px solid #000;
    border-width: 0 2px 2px 0;
}

/* When the checkbox is checked, change the box color to red */
.checkbox-container input:checked ~ .checkmark {
    background-color: var(--primaryColor); /* Change box color to red */
    border-color: var(--primaryColor); /* Change border color to red */
}

    /* When the checkbox is checked, change the tick color to black */
    .checkbox-container input:checked ~ .checkmark:after {
        border-color: var(--white); /* Change tick color to black */
    }

/* On hover, add a slight shadow */
.checkbox-container:hover .checkmark {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); /* Add shadow effect */
}

/* Keyframes for expanding animation */
@keyframes checkboxExpand {
    0% {
        transform: translate(-50%, -50%) rotate(45deg) scale(0);
    }

    100% {
        transform: translate(-50%, -50%) rotate(45deg) scale(1);
    }
}

.form-checkbox {
    font-size: 0.75rem;
    margin-left: 1.6rem;
    color: var(--primaryTextColor);
    line-height: 18px;
    font-weight: 400;
    font-style: normal;
}
/* checkbox code end */

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

.detail-card {
    background-color: var(--white);
    border-radius: 6px;
    margin-bottom: 1rem;
    box-shadow: 0px 0px 6px 2px rgba(96, 97, 112, 0.16);
}

    .detail-card .patient-detail {
        border-bottom: 1px solid #cdcdcf;
    }

        .detail-card .patient-detail .nav-link.active,
        .nav-pills .show > .nav-link {
            border-bottom: 2px solid var(--primaryColor);
            border-radius: 0;
            background-color: transparent;
            color: var(--primaryColor) !important;
        }

.tab-items-row .nav-pills .nav-link {
    display: flex;
    align-items: center;
    font-size: 0.9rem;
    padding: 6px 10px;
    color: var(--primaryTextColor) !important;
    min-width: fit-content;
    font-weight: 500;
}

    .tab-items-row .nav-pills .nav-link:hover {
        background-color: var(--lightblue);
        color: var(--primaryColor) !important;
    }

.sticky-header {
    position: sticky;
    top: 62px;
    z-index: 99;
    background-color: var(--bodyColor);
}

.patient-heading-sticky {
    position: sticky;
    top: 70px;
}

.k-input.right-align .k-input-inner,
.form-control.right-align {
    text-align: end;
}

.primary-text-color {
    color: var(--primaryTextColor) !important;
}

.secondary-text-color {
    color: var(--secondaryTextColor) !important;
}

.tab-items-row {
    background-color: var(--white);
    padding: 8px;
    border-radius: 6px;
    overflow: auto;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

    .tab-items-row .nav-link.active,
    .nav-pills .show > .nav-link {
        background-color: var(--lightblue);
        color: var(--primaryColor) !important;
        border-bottom: none;
    }

        .tab-items-row .nav-link.active .patient-detail-img,
        .tab-items-row .nav-pills .nav-link:hover .patient-detail-img {
            filter: unset;
        }

    .tab-items-row .nav-pills {
        gap: 2px;
        flex-wrap: nowrap;
    }

.btn:focus {
    outline: none;
    box-shadow: none !important;
}

.form-control, .form-select {
    font-size: 0.75rem;
    border-color: #c7c7c7;
    color: var(--secondaryTextColor);
}

.search-form-control {
    height: 30px;
    font-size: .75rem !important;
}

.form-control-label {
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--primaryTextColor);
    margin-bottom: 0.5rem;
}

label.form-output-label {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--inputcolor);
}

.modal-title {
    color: var(--primaryTextColor);
    font-weight: 600;
}

.modal-header {
    border-color: var(--borderColor) !important;
    color: var(--primaryTextColor);
}

.modal-title + span {
    color: #808080;
    font-size: 0.75rem;
}

.material-icons {
    font-size: 1.2rem !important;
}

.seperation-bg {
    background-color: var(--lightblue);
}

.patient-footer {
    border-top: 1px solid var(--borderColor);
    display: flex;
    justify-content: end;
}

.demo-icon {
    width: 20px;
    filter: grayscale(1);
}

.heading {
    color: var(--primaryTextColor);
    font-weight: 600;
    font-size: 1.125rem;
}

.content-label {
    font-size: 1rem;
    color: var(--primaryTextColor);
}

.sub-heading {
    color: var(--secondaryTextColor);
    font-size: 14px;
    font-weight: 400;
}

.sub-heading-dark {
    color: var(--primaryTextColor);
    font-size: 14px;
}

.content-sm-dark {
    font-size: .75rem;
    color: var(--primaryTextColor);
}

.content-sm-light {
    font-size: .75rem;
    color: var(--secondaryTextColor);
}

.fw-400 {
    font-weight: 400 !important;
}

.fw-500 {
    font-weight: 500 !important;
}

.fw-medium, strong {
    font-weight: 600 !important;
}

.file-area {
    display: flex;
    align-items: center;
    border: 1px solid var(--borderColor);
    border-radius: 8px;
    padding: 1rem;
    text-align: center;
    margin-bottom: 1.2rem;
    justify-content: space-evenly;
}

.patient-cardshadow {
    box-shadow: 0px 0px 16px 0px rgba(30, 30, 30, 0.04);
}

.carrier-card:last-child {
    margin-bottom: 0 !important;
}

.carrier-eligible-area {
    display: flex;
    column-gap: 26px;
    flex-wrap: wrap;
}

    .carrier-eligible-area div {
        width: 160px;
    }

/*sidecard-styles start*/
.custom-sidecard {
    height: calc(100vh - 3rem);
    background-color: #00000052 !important;
    position: fixed;
    top: 63px;
    right: 0;
    z-index: 1000;
}

    .custom-sidecard .custom-sidecard-content {
        position: absolute;
        right: 0;
        background-color: var(--white);
        transition: width .5s;
        height: calc(100vh - 3rem);
    }

    .custom-sidecard .card-header {
        background-color: var(--white);
        font-size: 0.9rem;
        color: var(--primaryTextColor);
        border-bottom: 1px solid var(--borderColor);
    }

    .custom-sidecard .card-body {
        height: calc(100vh - 9.30rem);
        overflow: auto;
        padding-bottom: 4rem;
    }

    .custom-sidecard .card-footer {
        background-color: var(--white);
        font-size: 0.75rem;
        border-top: 1px solid var(--borderColor);
        position: fixed;
        bottom: 0;
        z-index: 99;
    }

.sidecard-content-shadow {
    box-shadow: 0px 5px 12px 0px rgba(40, 41, 61, 0.34), 0px 4px 8px 0px rgba(96, 97, 112, 0.16);
}
/*sidecard-styles end*/

.payment-card .accordion-header {
    background-color: var(--bodyColor) !important;
}

    .payment-card .accordion-header .acc-header-content {
        background: none !important;
        color: var(--primaryTextColor) !important;
        font-size: .75rem;
        font-weight: 500 !important;
    }

.patient-detail-img {
    width: 1.4rem;
    filter: grayscale(1)
}

.input-group-text {
    font-size: 0.75rem;
    color: var(--secondaryTextColor);
    background: none;
    border-color: #c7c7c7;
}

.work-list {
    font-size: 0.75rem;
    line-height: 1.8rem;
    padding-left: 1rem;
    color: var(--primaryTextColor);
}

.modal-backdrop {
    top: 63px;
    height: calc(100vh - 63px);
    background-color: #00000052 !important;
    z-index: 1000;
}

.img-viewer-area {
    max-height: calc(100vh - 8rem) !important;
}

.image-viewer {
    width: 100%;
    height: 90%;
    object-fit: contain;
}

.yellow-bg .k-input-inner {
    background: #ffdc28;
    color: #424242;
}

.border-blue {
    border-color: var(--primaryColor) !important;
}

.confirmation-modal {
    width: 100%;
    height: 100%;
    position: fixed;
    /*z-index: 99999;*/
    z-index: 1000;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #00000052;
}

.modal-content {
    background: var(--white);
}

.confirmation-modal .modal-content {
    border: none !important;
}

.confirmation-modal .modal-footer, .k-window-content .modal-footer, .modal-footer {
    padding: 10px 1rem !important;
    border-top: 1px solid var(--borderColor);
    gap: 1rem;
}

.confirmation-modal .modal-body p {
    font-size: .8rem;
    color: var(--primaryTextColor);
}

.confirmation-modal .modal-body.modal-info {
    border-top: 5px solid var(--primaryColor);
    border-radius: 5px;
}

.confirmation-modal .modal-body.modal-danger {
    border-top: 5px solid var(--danger);
    border-radius: 5px;
}

.confirmation-modal .modal-body.modal-success {
    border-top: 5px solid var(--success);
    border-radius: 5px;
}

.confirmation-modal .modal-body.modal-warning {
    border-top: 5px solid var(--warning);
    border-radius: 5px;
}

.modal-footer > * {
    margin: 0;
}
/*Component edit*/
.accordion-button:not(.collapsed) {
    background: none !important;
    box-shadow: none !important;
}

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

.accordion-button {
    font-weight: 600 !important;
    color: var(--primaryTextColor) !important;
    font-size: .9rem;
    padding: 10px 1.25rem;
}

    .accordion-button:not(.collapsed)::after {
        filter: brightness(0.5);
    }

.accordion-item .accordion-button.collapsed {
    background-color: #f7f8fa !important;
}

.accordion-item {
    border: 1px solid var(--borderColor) !important;
    background: none !important;
    border-radius: 4px;
}

.patient-detail .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item:active,
.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item.k-active {
    border-right: none !important;
    border-bottom: 2px solid var(--primaryColor) !important;
    border-radius: 0;
    background-color: transparent;
    color: var(--primaryColor) !important;
    border-left: none;
    border-top: none;
}

.patient-card-body .k-tabstrip-content,
.patient-card-body .k-tabstrip > .k-content {
    height: calc(100vh - 16.2rem) !important;
}

.required {
    color: red;
    font-size: 0.75rem;
}

.form-radio .k-radio-list {
    display: flex;
    flex-direction: row;
    gap: 10px;
    flex-wrap: wrap;
}

.patient-card-body .k-input-values {
    margin-right: 10px;
    overflow: hidden;
}

.hierarchy-grid .k-grid .k-grid-header .k-table-th {
    padding-top: 0.65rem !important;
    padding-bottom: 0.65rem;
    padding-left: 4px;
    padding-right: 4px;
    font-size: 0.65rem;
    color: var(--primaryTextColor);
    font-weight: 500;
    border-right: 0;
}

.hierarchy-grid .k-grid .k-grid-md td,
.hierarchy-grid .k-grid .k-grid-md .k-table-td,
.hierarchy-grid .k-grid-md td,
.hierarchy-grid .k-grid-md .k-table-td {
    font-size: 0.65rem !important;
    color: #43464c;
    border-bottom: 1px solid #d7d7d7 !important;
    border-right: 0 !important;
}

.hierarchy-grid .k-input-inner {
    padding: 4px !important;
    font-size: 0.65rem !important;
}

.hierarchy-grid .k-dropdownlist, .hierarchy-grid .grid-input-sm {
    height: 24px;
}

    .hierarchy-grid .k-dropdownlist .k-input-value-text {
        font-size: 0.65rem !important;
    }

.hierarchy-grid.apply-pat-grid tfoot.k-table-tfoot tr td, .patient-ledger-grid tfoot.k-table-tfoot tr td {
    background-color: #454c63 !important;
    color: #fff !important;
}

.hierarchy-grid .k-grid .k-grid-md .k-table-th > .k-cell-inner > .k-link, .hierarchy-grid .k-grid-md .k-table-th > .k-cell-inner > .k-link {
    padding-block: 4px;
    padding-inline: 12px;
}

.soap-notes-list-card .k-list-item.k-selected:hover button.btn img,
.soap-notes-list-card .k-selected.k-list-optionlabel:hover,
.soap-notes-list-card .k-list-item.k-selected.k-hover,
.soap-notes-list-card .k-selected.k-hover.k-list-optionlabel,
.diagnosislist-box .k-list-item.k-selected:hover button.btn img,
.diagnosislist-box .k-selected.k-list-optionlabel:hover,
.diagnosislist-box .k-list-item.k-selected.k-hover,
.diagnosislist-box .k-selected.k-hover.k-list-optionlabel {
    filter: unset !important;
}

.disabled {
    color: #9e9e9e !important;
    font-size: .8rem;
}

/*page loader css start*/
.page-loader {
    position: fixed;
    top: 63px;
    left: 0;
    width: 100%;
    height: calc(100vh - 63px);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #0000004f;
    z-index: 999;
}

.dot-spinner {
    --uib-size: 2.8rem;
    --uib-speed: 0.9s;
    --uib-color: #183153;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: var(--uib-size);
    width: var(--uib-size);
}

.dot-spinner__dot {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
    width: 100%;
}

    .dot-spinner__dot::before {
        content: "";
        height: 20%;
        width: 20%;
        border-radius: 50%;
        background-color: var(--primaryColor);
        transform: scale(0);
        opacity: 0.5;
        animation: pulse0112 calc(var(--uib-speed) * 1.111) ease-in-out infinite;
        box-shadow: 0 0 20px rgba(18, 31, 53, 0.3);
    }

    .dot-spinner__dot:nth-child(2) {
        transform: rotate(45deg);
    }

        .dot-spinner__dot:nth-child(2)::before {
            animation-delay: calc(var(--uib-speed) * -0.875);
        }

    .dot-spinner__dot:nth-child(3) {
        transform: rotate(90deg);
    }

        .dot-spinner__dot:nth-child(3)::before {
            animation-delay: calc(var(--uib-speed) * -0.75);
        }

    .dot-spinner__dot:nth-child(4) {
        transform: rotate(135deg);
    }

        .dot-spinner__dot:nth-child(4)::before {
            animation-delay: calc(var(--uib-speed) * -0.625);
        }

    .dot-spinner__dot:nth-child(5) {
        transform: rotate(180deg);
    }

        .dot-spinner__dot:nth-child(5)::before {
            animation-delay: calc(var(--uib-speed) * -0.5);
        }

    .dot-spinner__dot:nth-child(6) {
        transform: rotate(225deg);
    }

        .dot-spinner__dot:nth-child(6)::before {
            animation-delay: calc(var(--uib-speed) * -0.375);
        }

    .dot-spinner__dot:nth-child(7) {
        transform: rotate(270deg);
    }

        .dot-spinner__dot:nth-child(7)::before {
            animation-delay: calc(var(--uib-speed) * -0.25);
        }

    .dot-spinner__dot:nth-child(8) {
        transform: rotate(315deg);
    }

        .dot-spinner__dot:nth-child(8)::before {
            animation-delay: calc(var(--uib-speed) * -0.125);
        }

@keyframes pulse0112 {
    0%, 100% {
        transform: scale(0);
        opacity: 0.5;
    }

    50% {
        transform: scale(1);
        opacity: 1;
    }
}
/*page loader css end*/

.store-card {
    border-radius: 10px;
    color: #fff;
    padding: 1rem;
    min-width: 240px;
    font-size: .8rem;
}

/*Toast Styles start*/
.success-toast, .error-toast {
    color: #fff !important;
    gap: 10px;
    border: none !important;
    margin-bottom: 0 !important;
    padding: 8px !important;
}

.success-toast {
    background-color: var(--success) !important;
}

.error-toast {
    background-color: var(--danger) !important;
}

.blazored-toast-icon {
    display: none !important;
}

.position-topcenter {
    top: 74px !important;
    z-index: 9;
}

.blazored-toast-message {
    margin-bottom: 0;
    font-size: .9rem;
}

.blazored-toast .blazored-toast-close {
    color: #ebebeb !important;
}

.chat-toast {
    background-color: var(--primaryColor) !important;
    border: 0 !important;
    color: #fff !important;
    border-left: 6px solid #1c44c3 !important;
}
/*Toast Styles end*/
.disabled-div {
    pointer-events: none;
    opacity: 0.7;
    filter: grayscale(1);
    cursor: not-allowed;
}

.rep-menu {
    max-width: 300px;
    cursor: pointer;
    text-decoration: none;
    background-color: #f0f0f0;
    padding: 2px 10px 8px;
    border-radius: 4px;
}

    .rep-menu p {
        font-size: .7rem;
        color: var(--secondaryTextColor);
        margin-bottom: 0;
    }

    .rep-menu:hover {
        background-color: #e3e3e3;
    }

        .rep-menu:hover label {
            font-weight: 500;
            cursor: pointer;
        }

.fs-07 {
    font-size: .7rem !important;
}

.text-danger, .fs-08 {
    font-size: .8rem !important;
}

.care-form-select {
    background-color: var(--primaryColor);
    color: #fff;
    font-size: .9rem;
}

    .care-form-select:hover {
        color: #fff;
    }

.dropdown-item label {
    font-size: .8rem;
    color: var(--primaryTextColor);
    margin-bottom: 2px;
    font-weight: 600;
}

.dropdown-item:hover label {
    color: var(--primaryColor);
}

.cursor-pointer {
    cursor: pointer;
}

.deckcard {
    display: flex;
    align-items: center;
    padding: 8px;
    border-radius: 3px;
    background: var(--white);
    margin-bottom: 12px;
    gap: 4px;
    box-shadow: 0px 0px 6px 2px rgba(96, 97, 112, 0.16);
}

    .deckcard .k-button-solid-base {
        background: var(--primaryColor) !important;
    }

.info-card {
    border-radius: 8px;
    background: var(--white);
    box-shadow: 0px 0px 8px 0px rgba(96, 97, 112, 0.16);
    padding: 1rem 1rem 0;
}

.pat-info-card {
    min-height: 300px;
    height: 300px;
    overflow: auto;
}

.pat-image {
    width: 60px;
    height: 60px;
    margin-right: 1rem;
}

    .pat-image img {
        object-fit: contain;
        width: 100%;
    }

.patient-notes {
    border-radius: 8px;
    background: #F9E351;
    box-shadow: 0px 0px 8px 0px rgba(96, 97, 112, 0.16);
    padding: 1rem;
    height: 298px;
    overflow: auto;
}

.accordion-button.payment-detail-btn {
    pointer-events: none;
}

    .accordion-button.payment-detail-btn::after {
        pointer-events: all;
    }

.spinner-area {
    background: #00000003;
    height: calc(100vh - 24.6rem);
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--borderColor);
    border-radius: 6px;
    margin-top: 1.7rem;
}

.create-care-grid {
    min-height: 360px !important;
    height: calc(100vh - 21rem);
}

.create-care-list {
    resize: none;
    min-height: calc(100vh - 24.6rem);
    height: 100% !important;
}

    .create-care-list.k-listbox .k-list-scroller {
        overflow: auto;
    }

        .create-care-list.k-listbox .k-list-scroller .k-list-content {
            height: calc(100vh - 22.4rem);
            min-height: 360px;
        }

        .create-care-list.k-listbox .k-list-scroller .k-list {
            min-height: 360px !important;
            height: calc(100vh - 20.8rem);
        }

    .create-care-list .k-listbox-actions button.k-button-solid-base {
        border: 1px solid var(--primaryColor) !important;
        transition: .5s ease-in-out;
        cursor: pointer;
    }

        .create-care-list .k-listbox-actions button.k-button-solid-base:hover {
            background-color: var(--lightblue) !important;
            cursor: pointer;
        }

.tree-view-card {
    height: 400px;
    overflow: auto;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
}

.custom-card-border {
    border: 1px solid var(--borderColor);
    border-radius: 4px;
    padding: 1rem;
}

.selected-diagnotic-card {
    border: 1px solid var(--borderColor);
    height: 500px;
    overflow: auto;
    border-radius: 6px;
}

    .selected-diagnotic-card selected-content {
        border-bottom: 1px solid var(--borderColor);
    }

    .selected-diagnotic-card .k-listbox {
        width: 100% !important;
        height: 500px !important;
    }

.small-accordion .accordion-button {
    padding: 8px 10px;
    font-size: .9rem;
    font-weight: 500 !important;
    color: var(--primaryTextColor) !important;
    background-color: #f7f8fa !important;
}

    .small-accordion .accordion-button::after {
        width: 1rem;
        height: 1rem;
        background-size: auto;
    }

.small-accordion .accordion-body {
    padding: 8px 10px;
}

.viewcare-card {
    height: calc(100vh - 8.2rem);
    overflow: auto;
}

.password-hidden {
    text-security: disc;
    -webkit-text-security: disc;
}

.diagnosis-test-grid {
    max-height: 220px;
    height: auto;
    min-height: 30px;
}

.viewCare-sidecard {
    position: absolute;
    top: 113px;
    right: 16px;
    background-color: var(--white);
    height: calc(100vh - 8.2rem);
    border-radius: 0 8px 8px 0;
    box-shadow: 0px 0px 2px 0px rgba(40, 41, 61, 0.04), 0px 4px 8px 0px rgba(96, 97, 112, 0.16);
    overflow: auto;
    transition: width .5s;
    width: 0;
    z-index: 9;
    border-left: 1px solid var(--borderColor);
}

.view-care-width {
    width: 70%;
}

.view-careslider-width {
    width: 40%;
}

.careplan-doc {
    background: #F5F4F4;
    padding: 1rem;
}

    .careplan-doc .k-pdf-viewer-pages {
        height: calc(100vh - 19rem);
    }

.casepage .careplan-popup .k-pdf-viewer-pages {
    min-height: 340px;
    height: calc(100vh - 20rem);
}

.cases-grid {
    height: calc(100vh - 39rem);
    min-height: 240px;
}

.careplandropdown {
    position: absolute;
    top: 20px;
    right: 0;
    background: var(--white);
    z-index: 9;
    padding: 10px 0;
    border-radius: 6px;
    box-shadow: 0px 0px 2px 0px rgba(40, 41, 61, 0.04), 0px 4px 8px 0px rgba(96, 97, 112, 0.16);
    border: 1px solid var(--borderColor);
}

    .careplandropdown li {
        list-style: none !important;
        padding-left: 1rem;
    }

.demo-section .k-listbox .k-listbox-actions {
    justify-content: center;
}

.demo-section .k-list-item {
    border-bottom: 1px solid var(--borderColor);
}

    .demo-section .k-list-item p {
        display: flex;
        justify-content: space-between;
        width: 100%;
        font-size: .8rem;
        align-items: center;
        margin: 0 !important;
        color: var(--primaryTextColor);
    }

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

.soap-notes-list-card {
    font-size: .8rem;
    color: var(--primaryTextColor);
}

    .soap-notes-list-card .tags div {
        padding: 2px 6px;
        border-radius: 14px;
        font-size: .7rem;
    }

    .soap-notes-list-card .tags .Iexam, .soap-notes-list-card .tags .exam {
        background-color: #DFD8FD;
        color: #4343C4;
    }

    .soap-notes-list-card .tags .addendumlabel {
        background-color: #FFC5C5;
        color: #C02020;
    }

    .soap-notes-list-card .tags .unsigned {
        background-color: #FFC5C5;
        color: #C02020;
    }

    .soap-notes-list-card .tags .other-care-plan {
        background-color: #f8e6a0;
        color: #7f5f01;
    }

    .soap-notes-list-card .k-listbox {
        height: 172px;
    }

        .soap-notes-list-card .k-listbox .k-list-scroller {
            border-width: 0 !important;
        }

.case-overview-card {
    height: 172px;
    overflow: auto;
    padding: 1rem;
    box-shadow: 0px 0px 2px 0px rgba(40, 41, 61, 0.04), 0px 0px 8px 0px rgba(96, 97, 112, 0.16);
    border-radius: 4px;
    background-color: var(--white);
}

    .case-overview-card .k-listbox {
        width: 100%;
    }

.quick-action-img {
    width: 2rem;
}

.case-recent-dt label {
    font-size: .7rem;
    color: var(--secondaryTextColor);
}

.casepage .accordion-item .accordion-button.collapsed {
    background: none !important;
}

.casepage .k-pdf-viewer-pages {
    height: 500px;
    min-height: 800px;
}

.case-tabs.k-tabstrip .k-tabstrip-items-wrapper {
    border-right-width: 0 !important;
}

    .case-tabs.k-tabstrip .k-tabstrip-items-wrapper ul {
        display: flex;
        flex-flow: column nowrap;
        align-items: flex-start;
        z-index: 9;
    }

        .case-tabs.k-tabstrip .k-tabstrip-items-wrapper ul > li {
            -ms-writing-mode: tb-lr;
            writing-mode: vertical-lr;
            transform: rotate(180deg);
            font-weight: 600;
        }

            .case-tabs.k-tabstrip .k-tabstrip-items-wrapper ul > li:first-child {
                color: #FF7B00 !important;
            }

            .case-tabs.k-tabstrip .k-tabstrip-items-wrapper ul > li:nth-child(2) {
                color: #F05A7E !important;
            }

            .case-tabs.k-tabstrip .k-tabstrip-items-wrapper ul > li:nth-child(3) {
                color: #3BA357 !important;
            }

            .case-tabs.k-tabstrip .k-tabstrip-items-wrapper ul > li:nth-child(4) {
                color: #2E979D !important;
            }

            .case-tabs.k-tabstrip .k-tabstrip-items-wrapper ul > li.k-active:nth-child(1) {
                border-color: #FF7B00;
                border-right-color: #FF7B00 !important;
            }

            .case-tabs.k-tabstrip .k-tabstrip-items-wrapper ul > li.k-active:nth-child(2) {
                border-color: #F05A7E;
                border-right-color: #F05A7E !important;
            }

            .case-tabs.k-tabstrip .k-tabstrip-items-wrapper ul > li.k-active:nth-child(3) {
                border-color: #3BA357;
                border-right-color: #3BA357 !important;
            }

            .case-tabs.k-tabstrip .k-tabstrip-items-wrapper ul > li.k-active:nth-child(4) {
                border-color: #2E979D;
                border-right-color: #2E979D !important;
            }

.case-tabs.k-tabstrip-left > .k-tabstrip-items-wrapper .k-item:active, .case-tabs.k-tabstrip-left > .k-tabstrip-items-wrapper .k-item.k-active {
    border-right-color: #e3e3e3 !important;
    border-left-color: transparent !important;
    border-color: #e3e3e3;
}

.case-tabs.k-tabstrip-left > .k-tabstrip-items-wrapper .k-item {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    min-height: 6rem;
    padding-left: 0 !important;
}

.case-tabs.k-tabstrip-scrollable > .k-tabstrip-items-wrapper > .k-tabstrip-items {
    margin-right: -1px;
}

.case-tabs.k-tabstrip .k-tabstrip-items .k-link {
    justify-content: center;
}

.case-tabs .k-tabstrip-content, .case-tabs .k-tabstrip > .k-content {
    min-height: 600px;
}

.case-tabs.k-tabstrip div.k-tabstrip-content:has(.case-tab1) {
    border: 1px solid #FF7B00 !important;
}

.case-tabs.k-tabstrip div.k-tabstrip-content:has(.case-tab2) {
    border: 1px solid #F05A7E !important;
}

.case-tabs.k-tabstrip div.k-tabstrip-content:has(.case-tab3) {
    border: 1px solid #3BA357 !important;
}

.case-tabs.k-tabstrip div.k-tabstrip-content:has(.case-tab4) {
    border: 1px solid #2E979D !important;
}

.case-tabs.k-tabstrip div.k-tabstrip-content:has(.case-tab1)
.case-tabs.k-tabstrip div.k-tabstrip-content:has(.case-tab2)
.case-tabs.k-tabstrip div.k-tabstrip-content:has(.case-tab3)
.case-tabs.k-tabstrip div.k-tabstrip-content:has(.case-tab4) {
    padding: 1rem;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    min-height: 600px;
}

.soapnote-history.k-tabstrip .k-tabstrip-items-wrapper ul,
.newcare-plan-tab.k-tabstrip .k-tabstrip-items-wrapper ul {
    display: flex;
    flex-flow: row;
    align-items: center;
}

    .soapnote-history.k-tabstrip .k-tabstrip-items-wrapper ul > li,
    .newcare-plan-tab.k-tabstrip .k-tabstrip-items-wrapper ul > li {
        writing-mode: horizontal-tb;
        transform: rotate(0deg);
        font-weight: 500;
        font-size: .85rem;
    }

.soapnote-history.k-tabstrip div.k-tabstrip-content, .soapnote-history.k-tabstrip > .k-content,
.newcare-plan-tab.k-tabstrip div.k-tabstrip-content, .newcare-plan-tab.k-tabstrip > .k-content {
    border: 0 !important;
    height: fit-content;
}

.soapnote-history.k-tabstrip .k-tabstrip-items-wrapper ul > li:first-child,
.soapnote-history.k-tabstrip .k-tabstrip-items-wrapper ul > li:nth-child(2),
.soapnote-history.k-tabstrip .k-tabstrip-items-wrapper ul > li:nth-child(3),
.soapnote-history.k-tabstrip .k-tabstrip-items-wrapper ul > li:nth-child(4),
.soapnote-history.k-tabstrip .k-tabstrip-items-wrapper ul > li:last-child,
.newcare-plan-tab.k-tabstrip .k-tabstrip-items-wrapper ul > li:first-child,
.newcare-plan-tab.k-tabstrip .k-tabstrip-items-wrapper ul > li:nth-child(2),
.newcare-plan-tab.k-tabstrip .k-tabstrip-items-wrapper ul > li:nth-child(3),
.newcare-plan-tab.k-tabstrip .k-tabstrip-items-wrapper ul > li:nth-child(4),
.newcare-plan-tab.k-tabstrip .k-tabstrip-items-wrapper ul > li:last-child {
    color: var(--primaryTextColor) !important;
}

.soapnote-history.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item.k-active,
.newcare-plan-tab.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item.k-active,
.soapnote-history.k-tabstrip .k-tabstrip-items-wrapper ul > li:hover,
.newcare-plan-tab.k-tabstrip .k-tabstrip-items-wrapper ul > li:hover {
    color: var(--primaryColor) !important;
}

.soapnote-history.k-tabstrip div.k-tabstrip-content:nth-child(2),
.soapnote-history.k-tabstrip div.k-tabstrip-content:nth-child(3),
.soapnote-history.k-tabstrip div.k-tabstrip-content:nth-child(4),
.soapnote-history.k-tabstrip div.k-tabstrip-content:nth-child(5),
.newcare-plan-tab.k-tabstrip div.k-tabstrip-content:nth-child(2),
.newcare-plan-tab.k-tabstrip div.k-tabstrip-content:nth-child(3),
.newcare-plan-tab.k-tabstrip div.k-tabstrip-content:nth-child(4),
.newcare-plan-tab.k-tabstrip div.k-tabstrip-content:nth-child(5) {
    border: 0 !important;
    padding: 1rem !important;
}

.Rm-finding.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item.k-active {
    background: var(--lightblue);
}

.compliant-list-div {
    width: 310px;
    min-width: 310px;
}

.complaints-note-area textarea {
    resize: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.provider-area-tab {
    display: none;
}

.compliantlist-box .k-listbox .k-list-scroller {
    border: none;
    height: 350px;
    background: none;
}

.compliantlist-box .k-list-item {
    margin-bottom: 6px;
    border-radius: 4px;
    background: #E9ECF1;
}

    .compliantlist-box .k-list-item.k-selected, .compliantlist-box .k-selected.k-list-optionlabel {
        background: var(--lightblue);
        border: 2px solid var(--primaryColor);
    }

.subject-body {
    border-radius: 6px;
    box-shadow: 0px 0px 6px 2px rgba(96, 97, 112, 0.16);
    min-width: 320px;
    transition: width .5s;
    max-width: 340px;
}

    .subject-body .btn-outline-custom {
        position: absolute;
        top: 10px;
        right: 10px;
    }

    .subject-body .custom-checkbox {
        position: absolute;
        bottom: 20px;
        right: 20px;
    }

.subject-body-btn {
    background: var(--bodyColor);
    position: absolute;
    top: 10px;
    left: 10px;
}

.subject-body-collapse {
    border-radius: 6px;
    box-shadow: 0px 0px 6px 2px rgba(96, 97, 112, 0.16);
    width: 50px;
    height: 674px;
    transition: width .5s;
}

.subject-body-width {
    width: 320px;
}

.symptoms-div {
    flex: 1;
}

    .symptoms-div .k-input-solid .k-input-values .k-chip-solid-base {
        min-width: unset !important;
        max-width: unset !important;
    }

.symptoms-card .search-form-control {
    max-width: 250px;
    justify-content: space-between;
}

.pain-multiselect-wid {
    max-width: 240px;
}

.slider-selected-content {
    background: #E9ECF1;
    padding: 2px 6px;
    color: #ED0303;
    font-size: .8rem;
    border-radius: 4px;
}

.objective-card {
    min-width: 440px;
    height: 785px;
}

.selected-card-group {
    border: 1px solid var(--borderColor);
    display: flex;
    padding: 2px 6px;
    gap: .5rem;
    border-radius: 4px;
    min-height: 30px;
}

    .selected-card-group .selected-card.wid {
        min-width: 40px !important;
    }

.exter-radio-group {
    position: relative;
    display: flex;
    flex-direction: row;
    gap: .6rem;
}

.selected-card {
    background-color: #E9ECF1;
    padding: 4px;
    min-width: 100px;
    text-align: left;
    border-radius: 2px;
    margin-bottom: 0.5rem;
    color: var(--primaryTextColor);
    font-size: .8rem;
}

.extermity-card {
    overflow: auto;
    height: 96%;
}

.extermity-dropdown.show {
    height: 282px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: max-content;
}

.extermity-L .extermityCheckBox, .extermity-R .extermityCheckBox {
    min-width: 30px;
}

.extermityCheckBox {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    border-radius: 4px;
    font-size: .8rem;
    color: var(--primaryTextColor);
    display: flex;
    height: 24px;
    align-items: center;
    outline: none;
    justify-content: center;
    min-width: 110px;
    border: 1px solid var(--borderColor);
    transition: ease-in .2s;
}

    .extermityCheckBox:hover {
        border: 1px solid #e4d3a5;
        background: #e2d0a0;
        color: #424242;
    }

.extermity-CheckBoxInput {
    display: none;
}

    .extermity-CheckBoxInput:checked + .customCheckBoxWrapper .extermityCheckBox {
        background-image: linear-gradient(136deg, #ebddb4 6%, #b58f43 55%, #ebddb4 100%);
        color: #fff;
        font-weight: 600;
    }

        .extermity-CheckBoxInput:checked + .customCheckBoxWrapper .extermityCheckBox:hover {
            background-color: #FFE8B7;
        }

.spinal-checkbox {
    min-width: 60px;
}

.spinal-selected-card {
    width: fit-content;
}

.custom-selection-checkbox {
    min-width: 210px;
}

.compliantlist-box .k-selected:hover .diagnosis-cards label span {
    color: #fff !important;
}

.long-term-goals {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    padding: 1rem;
    border-bottom: 1px solid var(--borderColor);
    min-height: 100px;
}

    .long-term-goals .k-slider {
        width: 450px;
    }

.app-value {
    font-size: 20px;
    color: #E1A915;
    font-weight: 600;
}

.appointment-lists-area {
    height: 300px;
    overflow: auto;
}

    .appointment-lists-area img {
        width: 2.5rem;
    }

    .appointment-lists-area .deckcard {
        background: var(--bodyColor);
        box-shadow: 0px 0px 2px 0px rgba(40, 41, 61, 0.04), 0px 4px 8px 0px rgba(96, 97, 112, 0.16);
        margin-right: 6px;
    }

        .appointment-lists-area .deckcard:first-child {
            margin-top: 0 !important;
        }

.provd-dashboard.container {
    margin-left: 0;
}

.dashboard-card {
    padding: 1rem;
    background: #F4EBC9;
    border-radius: 6px;
    min-width: 300px;
    flex: 1;
    transition: ease-in .5s;
}

    .dashboard-card:nth-child(2) {
        background: #F6E4EB;
    }

    .dashboard-card:nth-child(3) {
        background: #EBE5F3;
    }

    .dashboard-card:nth-child(4) {
        background: #FBE4CF;
    }

    .dashboard-card:nth-child(5) {
        background: #E1E6F2;
    }

    .dashboard-card:nth-child(6) {
        background: #D7F3F4;
    }

    .dashboard-card h3 {
        font-size: 2rem;
        font-weight: 600;
        color: #836F22;
    }

    .dashboard-card h4 {
        font-size: 1.2rem;
        font-weight: 600;
        color: #836F22;
        text-align: end;
        margin-bottom: 0;
    }

    .dashboard-card label {
        font-size: .8rem;
        color: #836F22;
    }

    .dashboard-card:nth-child(2) h4, .dashboard-card:nth-child(2) label, .dashboard-card:nth-child(2) h3 {
        color: #8F3357;
    }

    .dashboard-card:nth-child(3) h4, .dashboard-card:nth-child(3) label, .dashboard-card:nth-child(3) h3 {
        color: #67409B;
    }

    .dashboard-card:nth-child(4) h4, .dashboard-card:nth-child(4) label, .dashboard-card:nth-child(4) h3 {
        color: #723803;
    }

    .dashboard-card:nth-child(5) h4, .dashboard-card:nth-child(5) label, .dashboard-card:nth-child(5) h3 {
        color: #1C397E;
    }

    .dashboard-card:nth-child(6) h4, .dashboard-card:nth-child(6) label, .dashboard-card:nth-child(6) h3 {
        color: #2E6F72;
    }

    .dashboard-card:nth-child(2) h4:hover {
        text-decoration: underline;
    }

.grid .k-numerictextbox.k-disabled {
    background: #e9ecef;
}

.collision-detail .collision-control {
    max-width: 110px;
}

.slider-reverse .k-slider .k-slider-track {
    background: linear-gradient(90deg, #F00 0%, #F90 27%, #E5A603 52.72%, #28E124 64.47%, #0CAB09 100%);
}

.slider-green .k-slider .k-slider-track {
    background: linear-gradient(90deg, #CAFFC9 0%, rgba(75, 216, 73, 0.98) 49.37%, #0CAB09 100%);
}

.refer-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #62B2FD;
}

.refer-dotcolor-1 {
    background-color: #62B2FD;
}

.refer-dotcolor-2 {
    background-color: #9BDFC4;
}

.refer-dotcolor-3 {
    background-color: #F99BAB;
}

.refer-dotcolor-4 {
    background-color: #FFB44F;
}

.refer-dotcolor-5 {
    background-color: #9F97F7;
}

.refer-dotcolor-6 {
    background-color: #9F97F7;
}

.custom-table {
    border-radius: 6px;
    border: 1px solid var(--borderColor);
}

    .custom-table table tbody {
        border-top: 1px solid var(--borderColor);
    }

.notification-card:last-child {
    border-bottom: 0;
}

.custom-card-border .accordion-item {
    border: none !important
}

.diagram-radio-inputs {
    position: relative;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    gap: 10px;
}

    .diagram-radio-inputs .diagram-radio {
        flex: 1 1 auto;
        text-align: center;
        min-width: 80px;
    }

        .diagram-radio-inputs .diagram-radio input {
            display: none;
        }

        .diagram-radio-inputs .diagram-radio .diagram-name {
            display: flex;
            cursor: pointer;
            align-items: center;
            justify-content: center;
            border: 1px solid var(--borderColor);
            border-radius: 4px;
            padding: 6px 0;
            color: var(--primaryTextColor);
            transition: all .15s ease-in-out;
            font-size: .8rem;
        }

        .diagram-radio-inputs .diagram-radio input:checked + .diagram-name {
            background-color: var(--lightblue);
            font-weight: 600;
            border-color: var(--primaryColor);
        }

.select-button-area {
    position: absolute;
    top: 20px;
    left: 16px;
}

.slider-body-div {
    min-width: 920px;
    width: 100%;
}

.range-card-area {
    width: 780px;
}

    .range-card-area .accordion {
        background: var(--bodyColor);
        border-radius: 3px;
        padding: 4px;
    }

    .range-card-area .custom-card-border {
        min-height: 180px;
        max-height: 230px;
        overflow: auto;
    }

    .range-card-area .k-slider .k-label, .assessment-slider.k-slider .k-label {
        font-size: 11px !important;
        color: var(--secondaryTextColor);
        bottom: -2em;
        text-align: center;
        word-wrap: break-word;
        text-wrap: wrap;
    }

.range-card-area1 {
    width: 780px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

    .range-card-area1 .k-slider .k-label, .assessment-slider.k-slider .k-label {
        font-size: 11px !important;
        color: var(--secondaryTextColor);
        bottom: -2em;
        text-align: center;
        word-wrap: break-word;
        text-wrap: wrap;
    }

    .range-card-area1 .accordion {
        background: var(--bodyColor);
        border-radius: 3px;
        padding: 4px;
        margin-bottom: .5rem !important;
    }

        .range-card-area1 .accordion:last-child {
            margin-bottom: 0 !important
        }

    .range-card-area1 .custom-card-border {
        max-height: 290px;
        overflow: auto;
    }

.wid-30 {
    width: 30px !important;
}

.wid-50 {
    min-width: 50px !important;
    width: 50px !important;
}

.wid-60 {
    min-width: 60px !important;
    width: 60px !important;
}

.wid-80 {
    width: 80px !important;
}

.wid-100 {
    min-width: 100px !important;
    width: 100px !important;
}

.wid-130 {
    min-width: 130px !important;
    width: 130px !important;
}

.wid-200 {
    min-width: 200px !important;
    width: 200px !important;
}

.wid-300 {
    min-width: 300px !important;
    width: 300px !important;
}

.wid-360 {
    width: 360px !important;
}

.wid-400 {
    width: 400px;
}

.wid-1000 {
    width: 1000px;
}

.ass-diag-area {
    height: calc(100% - 2rem);
}

.slider-table-tr-border {
    border-bottom: 1px solid var(--borderColor);
    position: relative;
}

    .slider-table-tr-border:last-child {
        border: none;
    }

.patient-history-td .k-multiselect {
    width: 300px;
}

.increase-button .extermityCheckBox, .decrease-button .extermityCheckBox, .NA-button .extermityCheckBox {
    min-width: 3rem !important;
}

.increase-button .extermity-CheckBoxInput:checked + .customCheckBoxWrapper .extermityCheckBox {
    background: #FFD2CF;
    border: none;
    background-image: linear-gradient(147deg, #990000 0%, #ff0000 74%);
}

.decrease-button .extermity-CheckBoxInput:checked + .customCheckBoxWrapper .extermityCheckBox {
    background: #E5F7CA;
    border: none;
    background-image: linear-gradient(139deg, #378b29 0%, #74d680 74%);
}

.NA-button .extermity-CheckBoxInput:checked + .customCheckBoxWrapper .extermityCheckBox {
    background-image: linear-gradient(136deg, #ebddb4 6%, #b58f43 55%, #ebddb4 100%);
    border: none;
    color: #fff;
}

.increase-button .extermityCheckBox:hover, .decrease-button .extermityCheckBox:hover, .NA-button .extermityCheckBox:hover {
    background: var(--lightblue);
    border: 1px solid var(--borderColor);
}

.text-hyperlink {
    color: var(--primaryTextColor) !important;
    text-decoration: none !important;
    cursor: pointer;
    font-weight: 600;
}

    .text-hyperlink:hover {
        text-decoration: underline !important
    }

.color-red {
    color: red;
}

.color-green {
    color: green;
}

.color-light-brown {
    color: #918771;
}

.color-yellow {
    color: #F4A80F;
}

.color-violet {
    color: #7663AC;
}

.soapnote-history .k-tabstrip-item .k-svg-icon {
    background: green;
    color: #fff;
    border-radius: 50%;
    padding: 2px;
}

.slider-radio-inputs {
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    gap: 1rem;
}

    .slider-radio-inputs .slider-radio {
        text-align: center;
    }

        .slider-radio-inputs .slider-radio input {
            display: none;
        }

        .slider-radio-inputs .slider-radio .name {
            display: flex;
            cursor: pointer;
            align-items: center;
            justify-content: center;
            border-radius: 4px;
            padding: .2rem 0;
            color: var(--primaryTextColor);
            transition: all .15s ease-in-out;
            border: 1px solid var(--borderColor);
            min-width: 68px;
        }

        .slider-radio-inputs .slider-radio input:checked + .name {
            color: #fff;
            background-image: linear-gradient(136deg, #ebddb4 6%, #b58f43 55%, #ebddb4 100%);
            font-weight: 600;
            border: none;
        }

        .slider-radio-inputs .slider-radio.popup-radio .name {
            padding: 6px 0;
        }

.diagnostic-empty-card {
    background: var(--lightblue);
    border: 1px solid var(--borderColor);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    border-radius: 4px;
}

.file-cabinet-grid {
    max-height: calc(100vh - 28rem);
    height: fit-content;
    min-height: 180px;
}

.textarea-resize-none, .long-term-goals textarea {
    resize: none;
}

.soapnote-pdf-viewer .k-toolbar .viewer-btn:hover {
    background: var(--bodyColor) !important;
    cursor: pointer;
}

.soapnote-plan-grid .k-chip-solid-base {
    min-width: 30px !important;
    max-width: unset !important;
}

.hierarchy-grid .k-grid .k-grid-md td,
.hierarchy-grid .k-grid .k-grid-md .k-table-td,
.hierarchy-grid .k-grid-md td,
.hierarchy-grid .k-grid-md .k-table-td,
.hierarchy-grid .k-grid .k-grid-md .k-table-th,
.ledger-grid .k-grid .k-grid-md td,
.ledger-grid .k-grid .k-grid-md .k-table-td,
.ledger-grid .k-grid-md td,
.ledger-grid .k-grid-md .k-table-td,
.ledger-grid .k-grid .k-grid-md .k-table-th,
.appointment .k-grid .k-grid-md td,
.appointment .k-grid .k-grid-md .k-table-td,
.appointment .k-grid-md td,
.appointment .k-grid-md .k-table-td,
.appointment .k-grid .k-grid-md .k-table-th,
.soapnote-plan-grid .k-grid .k-grid-md td,
.soapnote-plan-grid .k-grid .k-grid-md .k-table-td,
.soapnote-plan-grid .k-grid-md td,
.soapnote-plan-grid .k-grid-md .k-table-td,
.soapnote-plan-grid .k-grid .k-grid-md .k-table-th {
    padding-block: 4px !important;
    padding-inline: 4px !important;
}

.ledger-grid .k-grid-md .k-table-th,
.appointment .k-grid-md .k-table-th,
.soapnote-plan-grid .k-grid-md .k-table-th {
    padding-inline: 4px !important;
}

.soapnote-plan-grid .k-chip-action {
    display: none;
}

.soapnote-close {
    padding: 2px 6px;
    background: #bcc5d0;
}

.close-img-width {
    width: 22px
}

.em-services .k-animation-container,
.careplan-popup .care-new-card .k-animation-container,
.scheduler-filter-card .k-animation-container,
.telerik-drop .k-animation-container,
.claims-num-tab .k-animation-container {
    position: fixed !important;
}

.careplan-popup .care-new-card .k-treeview .k-animation-container {
    position: relative !important;
}

.questionaries-btn-area .btn {
    position: absolute;
    right: 16px;
    top: 10px;
    z-index: 99;
}

.long-tems-note .macro-btn, .complaints-note-area .macro-btn {
    position: absolute;
    top: -30px;
    right: 0px;
}

.history-tab-macro .macro-btn {
    position: absolute;
    top: -2px;
    right: 0px;
}

.additional-note-popup .macro-btn {
    position: absolute;
    top: -12px;
    right: 14px;
}

.softtissues-import-btn {
    border: 1px solid var(--primaryColor);
    color: var(--primaryTextColor);
    font-size: .9rem;
}

    .softtissues-import-btn:hover {
        color: var(--primaryTextColor);
    }


/*scheduler start*/
.scheduler-calender {
    background: var(--white);
    padding: 1rem;
    border-radius: 8px 0 0 8px;
    width: 95%
}

.scheduler-sidecard {
    background: var(--white);
    border-radius: 0 8px 8px 0;
    padding: 12px;
    min-height: calc(100vh - 8rem);
    border-left: 1px solid var(--borderColor);
    width: 60px;
}

    .scheduler-sidecard .icon-mode-change {
        filter: grayscale(1);
    }

    .scheduler-sidecard .btn-lightblue:hover .icon-mode-change, .scheduler-sidecard .btn-color.active .icon-mode-change {
        filter: unset;
    }

.scheduler-filter-card {
    background: var(--white);
    padding: 1rem;
    border-radius: 4px;
    position: absolute;
    right: 48px;
    box-shadow: 0px 0px 2px 0px rgba(40, 41, 61, 0.04), 0px 0px 10px 1px rgba(0, 0, 0, 0.10);
    width: 300px;
    top: 0;
    z-index: 9;
}

.appointments-list-card {
    border-radius: 4px;
    background: var(--white);
    box-shadow: 0px 0px 2px 0px rgba(40, 41, 61, 0.04), 0px 4px 8px 0px rgba(96, 97, 112, 0.16);
    padding: .6rem;
    width: 238px;
}

.scheduler-calender .k-chip-solid-base {
    min-width: unset;
    max-width: unset;
    background: var(--lightblue);
    margin-right: 10px;
    color: #424242;
    padding: 4px 8px;
    font-size: 12px;
}

    .scheduler-calender .k-chip-solid-base .k-chip-content {
        color: #424242 !important;
    }

.schedulerrpt .k-chip-solid-base {
    min-width: unset !important;
    max-width: unset !important;
    margin-right: 0;
    background: var(--lightblue);
}

.filter-fields ::placeholder {
    font-weight: 600 !important;
    color: var(--primaryTextColor) !important;
}

.filter-fields .k-chip-solid-base {
    min-width: unset !important;
    max-width: unset !important;
}

.filter-multiselect-custom {
    max-width: 230px;
}

.scheduler-calender-detail {
    min-height: 600px;
    height: calc(100vh - 10rem);
}

    .scheduler-calender-detail .k-scheduler-layout-flex .k-scheduler-cell.k-heading-cell {
        font-size: .75rem;
        font-weight: 500;
        color: var(--primaryTextColor);
        text-wrap: wrap;
        /*width: 40px;*/
        border-color: var(--borderColor);
    }

    .scheduler-calender-detail .k-toolbar {
        border-bottom: 1px solid var(--borderColor) !important;
        padding: 8px !important;
        border-radius: 0 !important;
        background-color: var(--bodyColor) !important;
    }

    .scheduler-calender-detail .k-button-solid-base {
        background-color: var(--white) !important;
        border: 1px solid Var(--borderColor) !important;
    }

    .scheduler-calender-detail .k-scheduler-footer {
        border-bottom: 0 !important;
        display: none;
    }

    .scheduler-calender-detail .k-button-solid-base.k-selected {
        background-color: var(--primaryColor) !important;
        border-color: var(--primaryColor) !important;
    }

    .scheduler-calender-detail .k-scheduler-layout-flex .k-scheduler-cell.k-slot-cell,
    .scheduler-calender-detail.k-scheduler {
        border-color: var(--borderColor) !important;
    }

    .scheduler-calender-detail .k-scheduler-layout-flex .k-scheduler-head, .scheduler-calender-detail .k-scheduler-layout-flex .k-sticky-cell {
        box-shadow: 0px 5px 6px 0px rgb(219 219 219 / 29%);
    }

    .scheduler-calender-detail .k-event {
        background-color: unset;
        padding-right: 0;
    }

    .scheduler-calender-detail .k-scheduler-all-day-row {
        display: none !important;
    }

.scheduler-higlight-card {
    background: var(--lightblue);
    padding: 4px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 6px;
}

.scheduler-tooltip .k-tooltip {
    background-color: var(--white);
    color: var(--primaryTextColor);
    padding: 0;
}

    .scheduler-tooltip .k-tooltip .k-callout {
        color: var(--white);
    }

.scheduler-popup .k-popover-body {
    padding: 0;
}

.error-content h1 {
    font-size: 200px;
    color: #323E48;
    font-weight: 600;
}

.error-content p {
    font-size: 26px;
    color: #323E48;
}

.cs-content-area {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-60%);
}

    .cs-content-area label {
        font-size: 6.3rem;
        display: block;
        font-weight: 800;
        line-height: 0px;
        color: var(--primaryTextColor);
    }

    .cs-content-area span {
        font-size: 9rem;
        font-weight: 800;
        background: linear-gradient(104deg, #B58F43 18.27%, #EBDDB4 38.07%, #EBDDB4 59.48%, #B58F43 84.38%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

.border-right-divider {
    border-right: 1px solid #c5c5c5;
    height: 20px;
}

.cmg-soon-img {
    max-width: 960px;
}

.scheduler-calender-detail kendo-scheduler .k-event .k-event-actions:first-child,
.scheduler-calender-detail .k-event .k-event-actions:first-child {
    margin: unset;
}

.scheduler-calender .k-event.k-selected {
    box-shadow: none !important;
}

.pro-spi-wd-wid {
    width: 60px;
}

.pro-ext-wd-wid {
    width: 90px;
}

.weekDays-selector {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

    .weekDays-selector input {
        display: none !important;
    }

        .weekDays-selector input[type=checkbox] + label, .e-btn.sfweekdays {
            display: inline-block;
            border-radius: 50%;
            background: var(--bodyColor);
            height: 24px;
            width: 24px;
            margin-right: 3px;
            line-height: 23px;
            text-align: center;
            cursor: pointer;
            color: var(--primaryTextColor);
            font-size: .7rem;
            border: 1px solid var(--borderColor);
        }

        .weekDays-selector input[type=checkbox]:checked + label {
            background: var(--primaryColor);
            color: #ffffff;
        }

        .weekDays-selector input[type=checkbox]:disabled + label {
            opacity: .5;
            cursor: not-allowed;
        }

.sfweekdays {
    line-height: 0;
    padding: 0 !important;
}

.sch-telerik-icon {
    width: 12px !important;
    height: 12px !important;
    padding-bottom: 3px;
    margin-right: 3px;
}

scheduler-pdf-report
.scheduler-popup-icon {
    width: 18px;
}

.recall-report-pdf .k-canvas {
    height: calc(100vh - 23rem);
    min-height: 360px;
}

.report-search-bg {
    background: #f7f7f7;
    border-radius: 6px;
    padding: .5rem 0;
    padding-left: 1rem;
}

.filter-accordion-btn {
    background: #dfdfdf;
    display: flex;
    display: none;
}

.scheduler-pdf-report {
    height: calc(100vh - 12rem);
    min-height: 360px;
}

/* chips stylling start */
.billing-status-label {
    width: fit-content !important;
    min-width: 80px;
}

.status-label, .status-badge {
    padding: 2px 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 16px;
    font-size: .7rem;
    font-weight: 600;
}

.status-label {
    width: 80px;
}

.status-badge {
    width: 122px;
}

.status-blue, .era-not-posted {
    color: #2D60FF !important;
    background-color: #D6E0FF !important;
    border: 1px solid #B4C6FF !important;
}

.status-gray {
    color: #4B4B4B !important;
    background-color: #E7E7E7 !important;
    border: 1px solid #CBCBCB !important;
}

.status-orange {
    color: #AA6B0C !important;
    background-color: #FFE3B8 !important;
    border: 1px solid #FED18D !important;
}

.status-red, .badge-inactive, .patient-status-inac {
    color: #DA0000 !important;
    background-color: #FFCDCD !important;
    border: 1px solid #FFAAAA !important;
}

.status-green, .badge-active, .patient-status-act, .era-posting-complete {
    color: #1B6F14 !important;
    background-color: #F7FFEA !important;
    border: 1px solid #C9DCAA !important;
}

.status-yellow {
    color: #C99700 !important;
    background-color: #FFF4D2 !important;
    border: 1px solid #EACE7A !important;
}

.badge-active, .badge-inactive {
    min-width: 70px !important;
    font-size: .75rem !important;
}

.patient-status-act, .patient-status-inac {
    padding: 0px 6px;
    border-radius: 10px;
    font-size: .75rem;
}

.New, .modify {
    font-size: 0.75rem;
    font-style: italic;
    padding: 2px 8px;
    border-radius: 12px;
    min-width: 2.5rem;
    text-align: center;
    font-weight: 600;
}

.New {
    color: #1B6F14;
    background-color: #F7FFEA;
    border: 1px solid #C9DCAA;
}

.modify {
    color: #AA6B0C;
    background-color: #FFE3B8;
    border: 1px solid #FED18D;
}

.era-partially-posted {
    background-color: #E7EDFF;
    color: #2D60FF;
    border: 1px solid #B4C6FF;
}

.era-posting-reverted {
    background: #fff3cd;
    color: #856404;
    border: 1px solid #856404;
}

.era-no-matching-claims {
    background-color: #FFD7D7;
    color: #FE2222;
    border: 1px solid #FFAAAA;
}
/* chips stylling end */

.condition-question-pdf {
    height: calc(100vh - 20rem);
    min-height: 410px;
}

.claims-inner-tab-grid {
    background: #f6f6f6 !important;
    border-radius: 4px;
    border: 1px solid #a7a7a7 !important;
    border-top-left-radius: 0px;
}

    .claims-inner-tab-grid .k-grid-toolbar {
        background: transparent !important;
    }

.claims-inner-tab .k-tabstrip-items-wrapper .k-item {
    padding: 0 !important;
    font-size: .75rem;
    height: auto !important;
}

.claims-inner-tab .k-tabstrip-content.k-active {
    padding: 0 !important;
    height: unset !important;
}

.h3-value {
    font-size: 1.8rem;
}

.claims-inner-third-level.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item.k-active {
    font-weight: 600;
    background: #f6f6f6 !important;
    border-radius: 4px 4px 0 0;
    border: 1px solid #a7a7a7 !important;
    border-bottom: 0 !important;
}

.claims-inner-third-level.k-tabstrip-top > .k-tabstrip-items-wrapper {
    border-bottom-width: 0 !important;
}

.claims-tab.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item:active, .claims-tab.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item.k-active {
    background: var(--lightblue) !important;
    color: var(--primaryColor) !important;
    border-radius: 0;
    border-bottom: 2px solid var(--primaryColor) !important;
}

.claims-tab .k-tabstrip-content {
    height: calc(100vh - 14.5rem);
}

.claims-tab .k-tabstrip-items-wrapper .k-item {
    height: 38px;
}

.claims-num-tab .k-tabstrip-content {
    height: calc(100vh - 18rem);
}

.claims-no-head-tab .k-tabstrip-content {
    height: calc(100vh - 15rem);
}

.border {
    border: 1px solid var(--borderColor) !important;
}

.border-end, .border-start, .border-bottom, .border-top {
    border-color: var(--borderColor) !important;
}

.border-transparent {
    border-color: transparent;
}

textarea.k-input-inner {
    font-size: .75rem;
}
/*cms-1500 style start*/
.pin-code input {
    width: 36px;
}

.cms-container input.form-control,
.cms-container select.form-select {
    margin-bottom: 4px;
    font-size: 11px;
    border-color: var(--borderColor)
}

.cms-container input.form-control {
    padding: 2px;
    background: none;
}

.cms-container select.form-select {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
}

    .cms-container input.form-control:focus, .cms-container select.form-select:focus {
        box-shadow: none;
    }

.cms-container .content-sm-light,
.cms-container .content-sm-dark,
.cms-container .radio-button {
    font-size: 10px;
}

.cms-container .col-7 {
    border-right: 0;
}

.cms-container .col-5, cms-container .col-7 {
    border: 1px solid #8a8a8a;
    border-bottom: 0;
}

.cms-container .border-end, .cms-container .border-start, .cms-container .border-bottom, .cms-container .border-top, .cms-container .border {
    border-color: #8a8a8a !important;
}

.cms-container .k-input-md,
.cms-container .k-picker-md {
    font-size: 11px !important;
}

.cms-container td .form-select {
    margin-bottom: 0 !important;
}

.cms-container .dollar-amount .form-control .k-input-inner {
    text-align: end;
}

.cms-container .k-input-md .k-input-inner, .cms-container .k-picker-md .k-input-inner {
    padding-block: 2px !important;
    padding-inline: 2px !important;
}
/*cms-1500 style end*/

.billing-grid .k-toolbar, .macro-dialog-grid .k-toolbar {
    padding: 6px !important;
    overflow: unset;
}

.billing-light-card {
    background: var(--lightblue);
    border: 1px solid #E2ECFF;
    padding: 6px 10px;
    border-radius: 4px;
    min-height: 98px;
}

.billing-ins-payment-table {
    max-width: 560px;
    margin: 0 auto;
}

.billing-grid .dropdown:hover > .dropdown-menu,
.dropdown-open .dropdown:hover > .dropdown-menu {
    display: block;
}

.billing-grid .dropdown > .dropdown-toggle:active,
.dropdown-open .dropdown > .dropdown-toggle:active {
    pointer-events: none;
}

.grid-menu-tab {
    display: none;
}

.max-wid {
    max-width: 1790px;
}

.payment-card-inner, .billing-tabs-card {
    height: calc(100vh - 11.2rem);
    overflow: auto;
}

.from-insurance-card {
    height: calc(100vh - 16rem);
}

.era-worklist-card, .patient-ledger-card {
    height: calc(100vh - 12rem);
    overflow: auto;
}

.from-insurance-card .apply-patient-payment {
    height: calc(100vh - 20rem);
}

.sch-report-grid {
    max-height: calc(100vh - 27rem);
}

.apply-patient-payment {
    height: calc(100vh - 17rem);
}

.grid-content-nill, .billing-claims-grid, .apply-ins-grid, .service-line-grid, .patient-ledger-grid, apply-patient-payment, .sch-report-grid {
    height: fit-content;
    min-height: 260px;
}

.insurance-tab .k-tabstrip-content, .insurance-tab .k-tabstrip > .k-content,
.questionaries-tab .k-tabstrip-content, .questionaries-tab .k-tabstrip > .k-content,
.billing-claims-grid {
    max-height: calc(100vh - 22rem);
}

.apply-ins-grid {
    max-height: calc(100vh - 19.5rem);
}

.service-line-grid {
    max-height: calc(100vh - 15rem);
}

.patient-ledger-grid {
    max-height: calc(100vh - 29rem);
}

.billing-claims-grid.k-grid .k-group-col, .billing-claims-grid.k-grid .k-hierarchy-col {
    width: 12px !important;
}

.table {
    color: var(--primaryTextColor);
}

    .table > :not(:last-child) > :last-child > * {
        border-bottom-color: var(--borderColor);
    }

tbody, td, tfoot, th, thead, tr {
    border-color: var(--borderColor) !important;
}

.app-ins-grid .k-grid .k-hierarchy-col {
    width: 12px !important;
}

.apply-filter-btn {
    position: absolute;
    top: -40px;
    right: 0;
}

.grid-inner-border.k-grid .k-table-th,
.grid-inner-border.k-grid td,
.grid-inner-border.k-grid .k-table-td {
    border-inline-start-width: 1px !important;
}

.ledger-grid-border.k-grid .k-table-th,
.ledger-grid-border.k-grid td {
    border-inline-start-width: 1px !important;
    border-color: #a5a5a5 !important;
}

.reports-navmenu {
    width: 250px;
}

    .reports-navmenu li.k-treeview-item {
        font-size: .85rem;
    }

    .reports-navmenu .k-child-animation-container .k-treeview-group .k-treeview-leaf-text {
        font-size: .75rem !important;
    }

    .reports-navmenu .k-child-animation-container ul li ul li {
        padding-left: 0;
    }

    .reports-navmenu .k-treeview-leaf {
        width: 100%
    }

        .reports-navmenu .k-treeview-leaf.k-selected {
            background-color: var(--lightblue);
            color: var(--primaryColor);
        }

.expand-grid-view tr.k-table-row.k-expanded td, .expand-grid-view tr.k-table-row.k-expanded td.k-alt.k-table-alt-row td {
    border-bottom: 0 !important;
}

.insurance-payment-c, .k-grid .k-table-row.k-table-alt-row.insurance-payment-c,
.LightGreen, .k-grid .k-table-row.k-table-alt-row.LightGreen {
    background-color: #b0f9bf !important;
}

.patient-payment-c, .k-grid .k-table-row.k-table-alt-row.patient-payment-c {
    background-color: #baf4ff !important;
}

.transfer-c, .k-grid .k-table-row.k-table-alt-row.transfer-c,
.LightPink, .k-grid .k-table-row.k-table-alt-row.LightPink {
    background-color: #f6c6ff !important;
}

.adjustment-c, .k-grid .k-table-row.k-table-alt-row.adjustment-c {
    background-color: #ffcdd1 !important;
}

.discount-c, .k-grid .k-table-row.k-table-alt-row.discount-c {
    background-color: #fbd897 !important;
}

.tax-c, .k-grid .k-table-row.k-table-alt-row.tax-c,
.lightyellow, .k-grid .k-table-row.k-table-alt-row.lightyellow {
    background-color: #fff3cd !important;
}

.lightred, .k-grid .k-table-row.k-table-alt-row.lightred {
    background-color: #ffe0e0 !important;
}

.mildred, .k-grid .k-table-row.k-table-alt-row.mildred {
    background-color: #ffa1a1 !important;
}

.mildblue, .k-grid .k-table-row.k-table-alt-row.mildblue {
    background-color: #c3d2ff !important;
}

.closed-c, .k-grid .k-table-row.k-table-alt-row.closed-c,
.serviceline-grey, .k-grid .k-table-row.k-table-alt-row.serviceline-grey,
.LightGray, .k-grid .k-table-row.k-table-alt-row.LightGray {
    background-color: #c0c3ba !important;
}

.default-c, .k-grid .k-table-row.k-table-alt-row.default-c,
.White, .k-grid .k-table-row.k-table-alt-row.White {
    background-color: #fff !important;
}

.transparent, .k-grid .k-table-row.k-table-alt-row.transparent {
    background-color: transparent !important;
}

.settings-menu-section {
    height: calc(100vh - 10rem);
    overflow: auto;
    overflow-x: hidden;
}

.settings-nav {
    width: 200px;
}

    .settings-nav .sidenav_list span {
        font-size: .75rem !important;
        white-space: nowrap;
    }

    .settings-nav.sidenav_items .active, .settings-nav .sidenav_list:hover {
        border-radius: 4px;
    }

ul.settings-nav ul {
    padding-left: 1rem;
}

.filter-fields .k-picker-solid {
    background: #F6F6F6 !important;
    border: none !important;
}

.filter-fields .k-input-solid {
    border: 0;
    background: #f6f6f6;
}

    .filter-fields .k-input-solid:focus, .filter-fields .k-input-solid.k-focus,
    .filter-fields .k-picker-solid:focus, .filter-fields .k-picker-solid.k-focus {
        box-shadow: none;
        background: #ededed !important;
    }

.filter-fields .k-daterange-picker .k-dateinput, .filter-fields .k-daterangepicker .k-dateinput {
    width: 8em !important;
}

.filter-fields .k-picker-solid:focus-within {
    box-shadow: none;
}

.filter-text-box .k-input-inner {
    width: 100px;
}

.reports-main-card, .settings-main-card {
    height: calc(100vh - 8rem);
    overflow: auto;
    width: 100%;
}

.report-navmenu-area {
    height: calc(100vh - 8rem);
    overflow: auto;
}

.reports-grid {
    height: calc(100vh - 14rem);
    min-height: 400px;
}

.reports-grid-empty {
    min-height: 360px;
}

.reports-main-card .trv-report-viewer {
    height: calc(100vh - 15rem) !important;
}

.report-search-box-wrapper {
    position: relative;
    display: inline-block;
}

    .report-search-box-wrapper .k-textbox {
        padding-left: 30px; /* make space for the icon */
    }

.report-search-icon {
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-38%);
    pointer-events: none;
    color: #888;
}

.grid-input-sm {
    height: 26px;
}

.card-grey-bg {
    background: #f7f7f7;
}

.settings-inner-section {
    height: calc(100vh - 11.2rem);
    overflow: auto;
}

    .settings-inner-section .card-header {
        background-color: #d3d3d3;
    }

.settings-grid-area-height {
    height: calc(100vh - 12.5rem) !important;
}

.scheduler-branch-settings-tab .k-tabstrip-content {
    height: 100%;
    padding: 0;
}

.officehours-section {
    height: calc(100vh - 18.5rem);
    overflow: auto;
}

.zones-section {
    height: calc(100vh - 19.5rem);
    overflow: auto;
}

.k-button-solid-base.btn-primary {
    background: var(--primaryColor) !important;
}

    .k-button-solid-base.btn-primary .k-button-text {
        display: flex;
        align-items: center;
    }

.close-not-req .k-chip-actions {
    display: none !important;
}

.copy-tooltip-wrapper {
    display: inline-block;
}

    .copy-tooltip-wrapper:hover .tooltip-text {
        visibility: visible;
    }

.tooltip-text {
    visibility: hidden;
    position: absolute;
    background-color: #333333ab;
    color: #fff;
    padding: 3px 8px;
    border-radius: 4px;
    font-size: 0.75rem;
    white-space: nowrap;
}

.chat-count {
    left: 12px;
    top: -8px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #ED0303;
    display: flex;
    align-items: center;
    justify-content: center;
}