--root {
}

/* Force scrollbar to always be visible to prevent content shift */
html {
    overflow-y: scroll;
}

.tab-content .tab-pane {
        padding: 15px 0;
        min-height: 400px;
    }

    .nav.nav-tabs {
        width: 100%;
    }

body,
html {
    height: 100%;
    font-size: 14px;
    color: #231f20;
    font-family: 'Poppins', sans-serif;
    background-color: #ffffff;
}

/*css to add on kendo ui dialog header*/
.k-window-titlebar {
    color: #fff;
    border-color: inherit;
    background-color: #d6171e;
    padding: 10px 14px;
}

.alert.alert-danger.alert-dismissible .text-danger {
    padding: 0px 8px 0px 0px;
}
/*set table height as per application need*/
/*div#grdUser*/

.k-grid-content.k-auto-scrollable {
    height: auto !important;
    max-height: calc(100vh - 358px) !important;
}

.height-fixed-only .k-grid-content.k-auto-scrollable {
    max-height: calc(100vh - 358px) !important;
    height: unset !important;
}

#grdPrescriptionPos .k-grid-content.k-auto-scrollable {
    min-height: 250px;
    height: calc(100vh - 620px) !important;
}

/*#grdAwatingPaymentsClaim .k-grid-content.k-auto-scrollable {
    min-height: 250px;
    height: calc(100vh - 620px) !important;
}
*/
#grdPrescriptions > .k-grid-content.k-auto-scrollable {
    height: calc(100vh - 445px) !important;
}

#grdPendingPrescriptionsPOS > .k-grid-content.k-auto-scrollable {
    height: calc(100vh - 445px) !important;
}

#grdAwatingPayments > .k-grid-content.k-auto-scrollable {
    height: calc(100vh - 445px) !important;
}

#grdAwatingPaymentsClaim > .k-grid-content.k-auto-scrollable {
    height: calc(100vh - 445px) !important;
}

#grdPatientPrescriptions > .k-grid-content.k-auto-scrollable {
    min-height: 170px;
    height: calc(100vh - 525px) !important;
}

#grdAdditionalMedication > .k-grid-content.k-auto-scrollable {
    min-height: 240px;
    height: calc(100vh - 460px) !important;
}

#grdDrug > .k-grid-content.k-auto-scrollable {
    height: calc(100vh - 365px) !important;
}

#grdAllergenPicklistSearchList > .k-grid-content.k-auto-scrollable,
#grdPatientInsurance > .k-grid-content.k-auto-scrollable {
    height: calc(100vh - 558px) !important;
}

div#grdAllergyList .k-grid-content.k-auto-scrollable {
    height: calc(100vh - 558px) !important;
}

div#grdAdditionalDrugs .k-grid-content.k-auto-scrollable {
    height: auto !important;
    max-height: calc(100vh - 558px) !important;
}

.k-grid-header .k-header > .k-link {
    padding: 0.5rem 0.5rem !important;
}

.form-control, .k-grid {
    font-size: 13px;
}


#grdFederalClass > .k-grid-content.k-auto-scrollable,
#grdGenericIndication > .k-grid-content.k-auto-scrollable,
#grdDeliveryMethod > .k-grid-content.k-auto-scrollable,
#grdDeliveryService > .k-grid-content.k-auto-scrollable,
#grdUnit > .k-grid-content.k-auto-scrollable,
#grdRxOrigin > .k-grid-content.k-auto-scrollable,
#grdRoute > .k-grid-content.k-auto-scrollable,
#grdRelationships > .k-grid-content.k-auto-scrollable,
#grdPrescriptionStatus > .k-grid-content.k-auto-scrollable,
#grdSigs > .k-grid-content.k-auto-scrollable,
#grdDrugSetting > .k-grid-content.k-auto-scrollable,
#grdCopayformulaFieldMaster > .k-grid-content.k-auto-scrollable {
    min-height: 300px;
    height: calc(100vh - 420px) !important;
}

#grdAwatingPaymentsClaim > .k-grid-content.k-auto-scrollable {
    max-height: calc(100vh - 550px) !important;
    overflow: auto;
}

#grdPaidPayments > .k-grid-content.k-auto-scrollable {
    height: calc(100vh - 420px) !important;
}

#grdAllPayments > .k-grid-content.k-auto-scrollable {
    /*height: calc(100vh - 470px) !important;*/
}

#grdInsuranceBillingClaims > .k-grid-content.k-auto-scrollable {
    height: calc(100vh - 540px) !important;
}

#grdPartillFillPrescriptionsDashboard > .k-grid-content.k-auto-scrollable,
#grdExpiredInventoriesDashboard > .k-grid-content.k-auto-scrollable,
#grdAwatingPayments > .k-grid-content.k-auto-scrollable,
grdAwatingPaymentsClaim > .k-grid-content.k-auto-scrollable,
.dashboardP > #grdPrescriptions > .k-grid-content.k-auto-scrollable {
    height: auto !important;
    min-height: 150px;
    max-height: 400px;
}

/* Detail/Child Grid css */

/*.Child-Scrollable {
    height: 150px !important;
}*/

/*#grdAwatingPayments > .k-grid-content.k-auto-scrollable {
    height: auto !important;
    min-height: 150px;
    max-height: 550px;
}*/

.modal-dialog {
    text-align: left;
    display: inline-grid;
    vertical-align: middle;
}

.modal-title {
    line-height: 1.5;
    margin-top: 0px;
    margin-bottom: 0px;
}

.modal.show {
    left: 0;
    right: 0;
    margin: auto;
    width: 70%;
    display: inline-grid;
}

div#insuranceClaimmodal {
    justify-content: center;
    width: 60%;
    left: 22%;
}

/* ============================================================
   "Add Additional Medication" modal — centered fullscreen overlay.
   ------------------------------------------------------------
   Overrides the global `.modal-dialog { display: inline-grid }` (line 169)
   and `.modal.show { width: 70%; left: 0 }` (line 181) rules above, which
   between them pinned this modal to the left edge of the viewport at 70%
   width instead of centering it. Uses flex centering on the .modal
   container so the inner .modal-box reflows cleanly at every viewport.

   The `> .modal-box` rule depends on the partial's root element keeping
   the class `modal-box` (see _PatientChartAdditionalMedication.cshtml).
   Renaming that class will silently break centering — keep them in sync.
   ============================================================ */
div#divAddAdditionalMedication.modal.show {
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    transform: none !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

    div#divAddAdditionalMedication.modal.show > .modal-box {
        width: 100%;
        max-width: 1200px;
        max-height: calc(100vh - 2rem);
        margin: 0;
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
    }

/* Phones: outer 1rem padding eats too much horizontal space — tighten it
   and reclaim the height for content. Form columns are col-sm-*, which
   Bootstrap stacks below 576px, so the modal becomes a vertical scroll. */
@media (max-width: 575.98px) {
    div#divAddAdditionalMedication.modal.show {
        padding: 0.25rem;
    }

        div#divAddAdditionalMedication.modal.show > .modal-box {
            max-height: calc(100vh - 0.5rem);
        }
}

/* Short landscape phones (height < 480px): give the modal-box almost the
   full viewport height instead of leaving ~32px of dead padding. */
@media (max-height: 480px) {
    div#divAddAdditionalMedication.modal.show {
        padding: 0.25rem;
        align-items: flex-start;
    }

        div#divAddAdditionalMedication.modal.show > .modal-box {
            max-height: calc(100vh - 0.5rem);
        }
}

/* Tablet / phone (< 768px): the partial lays its form out as 5 col-sm-*
   columns per row, which crushes inputs and truncates the date pickers
   on narrow screens. Stack everything full-width below md, and cap the
   drug-search grid's height so it can't dominate the modal. */
@media (max-width: 767.98px) {
    div#divAddAdditionalMedication.modal.show .modal-body .row > [class*="col-"] {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    div#divAddAdditionalMedication.modal.show #grdPackageDrug {
        max-height: 220px;
        overflow: auto;
    }
}

div#insuranceClaimmodal .modal-content {
    width: 100% !important;
}

div.type_bx {
    padding-top: 3.5rem;
}

.modal-footer {
    display: block;
}

a {
    text-decoration: none;
}

    a:hover {
        text-decoration: none;
    }

h4 {
    color: #f72b50;
    margin-top: 1rem;
    text-transform: uppercase;
}

.body-content > h5 {
    margin: 25px 0 0 0;
    color: #000000;
    text-transform: uppercase;
    word-break: break-all;
    overflow: auto;
    max-height: 40px;
}

h6 {
    /*color: #f72b50;
    text-transform: uppercase;*/
    color: #f72b50;
    text-transform: uppercase;
    padding-top: 10px;
    padding-bottom: 3px;
}

.alert {
    padding-left: 10px;
    padding-right: 10px;
}

.validation-summary-errors > ul {
    list-style: none;
    padding-left: 10px;
    margin-bottom: 0px;
}

.navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
}

.locationddl .k-dropdown .k-dropdown-wrap, .k-dropdowntree .k-dropdown-wrap {
    color: #000;
    width: 100%;
    background-color: transparent;
    border: 0;
}

.regisatrtionPage {
    background-size: contain;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-color: #ffffff;
}

.has-search .form-control {
    padding-left: 3.375rem;
    height: 44px;
    border: 1.5px solid #E9ECEF;
    background: #fff;
    border-radius: 12px;
    font-family: 'DM Sans', sans-serif;
    font-size: 14px;
    color: #343A40;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.has-search .form-control::placeholder {
    color: #ADB5BD;
}

.has-search .form-control:focus {
    border-color: #d7171e;
    box-shadow: 0 0 0 3px rgba(215, 23, 30, 0.08);
    background: #fff;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 44px;
    text-align: center;
    pointer-events: none;
    color: #ADB5BD;
}

.custom-control-input:checked ~ .custom-control-label::before {
    border-color: #d71623;
    background-color: #d71623;
}

/* ===== Login Page: Navy Blue + Red ===== */
.loginSec {
    background: #f1f3f5;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'DM Sans', sans-serif;
}

.login-box {
    width: 92%;
    max-width: 920px;
    padding: 0;
    border-radius: 20px;
    background-color: #ffffff;
    box-shadow: 0 25px 80px rgba(0, 0, 0, 0.1), 0 2px 8px rgba(0, 0, 0, 0.04);
    overflow: hidden;
}

.login-box > .row {
    min-height: 640px;
}

/* ===== Left Panel: Navy Blue ===== */
.login-left-panel {
    background: linear-gradient(175deg, #0C4169 0%, #0A3A5E 30%, #072D4A 60%, #041E34 100%);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
}

.login-left-content {
    position: relative;
    z-index: 1;
    padding: 32px 28px 24px;
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Decorative circles */
.login-deco-circle {
    position: absolute;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.08);
    pointer-events: none;
}

.login-deco-1 {
    width: 250px;
    height: 250px;
    top: -60px;
    right: -60px;
}

.login-deco-2 {
    width: 180px;
    height: 180px;
    top: -30px;
    right: -20px;
}

.loginlogo {
    margin: 0 0 24px 0;
    text-align: left;
}

.login-logo-card {
    display: inline-block;
    background: #fff;
    padding: 8px 12px;
    border-radius: 10px;
    max-width: 150px;
}

.login-hero-text {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 700;
    font-size: 26px;
    color: #fff;
    line-height: 1.25;
    margin-bottom: 12px;
}

.login-hero-accent {
    color: #00A99D;
    text-decoration: underline;
    text-decoration-color: rgba(0, 169, 157, 0.4);
    text-underline-offset: 4px;
    text-decoration-thickness: 2px;
}

.login-hero-desc {
    font-family: 'DM Sans', sans-serif;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.55);
    line-height: 1.6;
    margin-bottom: 24px;
    max-width: 340px;
}

/* Feature list */
.login-features {
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.login-feature-item {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 0;
}

.login-feature-icon {
    width: 36px;
    height: 36px;
    min-width: 36px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 0.7);
    font-size: 16px;
}

.login-feature-item strong {
    font-family: 'DM Sans', sans-serif;
    font-weight: 600;
    font-size: 13px;
    color: #fff;
    display: block;
    margin-bottom: 2px;
}

.login-feature-item span {
    font-family: 'DM Sans', sans-serif;
    font-size: 11.5px;
    color: rgba(255, 255, 255, 0.45);
}

.login-left-footer {
    margin-top: auto;
    padding-top: 14px;
}

.login-left-footer p {
    font-family: 'DM Sans', sans-serif;
    font-size: 11px;
    color: rgba(255, 255, 255, 0.3);
    margin: 0;
    line-height: 1.6;
}

/* ===== Right Panel: Form with Red accents ===== */
.logintitle {
    text-align: left;
    margin-bottom: 28px;
}

.login-portal-tag {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 11px;
    font-weight: 700;
    color: #d7171e;
    letter-spacing: 2px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 8px;
}

.logintitle h2 {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 800;
    font-size: 24px;
    color: #343A40;
    margin-bottom: 4px;
}

.login-subtitle {
    font-family: 'DM Sans', sans-serif;
    font-size: 13px;
    color: #868E96;
    margin: 0;
}

.loginform {
    padding: 36px 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.login-form-inner {
    max-width: 420px;
}

.loginform .form-group {
    margin-bottom: 16px;
}

.login-label {
    font-family: 'DM Sans', sans-serif;
    font-weight: 600;
    font-size: 11px !important;
    color: #6C757D !important;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.login-remember-row {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 22px;
}

.login-forgot-link {
    font-family: 'DM Sans', sans-serif;
    font-size: 13px;
    color: #d7171e;
    text-decoration: none;
    font-weight: 600;
    transition: color 0.2s;
}

.login-forgot-link:hover {
    color: #b51318;
    text-decoration: underline;
}

/* Sign in button with arrow */
.login-signin-btn {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    padding: 0 6px 0 20px !important;
    height: 44px;
}

.login-signin-btn span:first-child {
    font-family: 'DM Sans', sans-serif;
    font-size: 15px;
    font-weight: 600;
}

.login-signin-arrow {
    background: rgba(255, 255, 255, 0.2);
    width: 34px;
    height: 34px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    transition: background 0.2s;
}

.login-signin-btn:hover .login-signin-arrow {
    background: rgba(255, 255, 255, 0.3);
}

.login-divider {
    display: flex;
    align-items: center;
    margin: 18px 0;
}

.login-divider::before,
.login-divider::after {
    content: '';
    flex: 1;
    border-top: 1px solid #E9ECEF;
}

.login-divider span {
    font-family: 'DM Sans', sans-serif;
    font-size: 12px;
    color: #ADB5BD;
    padding: 0 16px;
    font-weight: 500;
}

.login-contact-text {
    font-family: 'DM Sans', sans-serif;
    font-size: 13px;
    color: #868E96;
    text-align: center;
    margin-top: 18px;
}

.login-contact-link {
    color: #d7171e;
    font-weight: 600;
    text-decoration: none;
}

.login-contact-link:hover {
    color: #b51318;
    text-decoration: underline;
}

.login-btn .btn {
    background: #d7171e;
    border: none;
    border-radius: 12px;
    color: #ffffff;
    padding: 12px 40px;
    width: 100%;
    font-family: 'DM Sans', sans-serif;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.3px;
    transition: background 0.2s;
}

.login-btn .btn:hover {
    background: #b51318;
}

.login-btn .btn:active {
    background: #a01015;
}

body,
html {
    height: 100%;
}

/*a {
    text-decoration: none;
}*/

a:hover {
    text-decoration: none;
}

a + input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.button-link {
    background: none;
    border: none;
    padding: 0;
    font-family: arial, sans-serif;
    color: #007bff;
    text-decoration: none;
    cursor: pointer;
}

.logout-button {
    color: #000000 !important;
}

    .logout-button:hover, .logout-button:focus, .logout-button:active {
        color: #d7171e !important;
        outline: none !important;
        box-shadow: none !important;
    }

.has-search .form-control {
    padding-left: 3.375rem;
    height: 44px;
    border: 1.5px solid #E9ECEF;
    background: #fff;
    border-radius: 12px;
    font-family: 'DM Sans', sans-serif;
    font-size: 14px;
    color: #343A40;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.has-search .form-control::placeholder {
    color: #ADB5BD;
}

.has-search .form-control:focus {
    border-color: #d7171e;
    box-shadow: 0 0 0 3px rgba(215, 23, 30, 0.08);
    background: #fff;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 44px;
    text-align: center;
    pointer-events: none;
    color: #ADB5BD;
}

.custom-control-input:checked ~ .custom-control-label::before {
    border-color: #d71623;
    background-color: #d71623;
}

.mainsection {
    display: flex;
}

.left-panel {
    width: 250px;
    position: fixed;
    height: 100%;
    background-color: #fff;
    box-shadow: 2px 8px 8px 1px #88888824;
}

.top-header {
    position: fixed;
  top: 0;
  left: 250px;
  width: calc(100% - 250px);
  z-index: 1030;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 20px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.05);
  background-color: #efe6e6;
}

.container {
    margin-top: 89px;
    width: calc(100% - 250px);
    margin-right: 0;
    max-width: 100%;
}

.logo {
    padding: 8px 50px;
    text-align: center;
    cursor: pointer;
}

.manu-section ul li {
    list-style: none;
    margin-bottom: 5px;
}

.manu-section ul {
    margin: 0px;
    padding: 0px;
}

    .manu-section ul li a {
        color: #1D1D1D;
        padding: 12px 20px;
        display: inline-block;
        width: 100%;
    }

.manu-section .active {
    background-color: #F1F1F5;
    border-left: 3px solid #d71623;
}

.manu-section ul .active a {
    color: #000000;
}

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

.topmenu > .col-md-8,
.topmenu > .col-md-4 {
  display: flex;
  align-items: center;
}

.nav-item {
    color: #000;
    white-space: nowrap;
}

    .nav-item > a {
        color: #000;
    }

.userdropdown ul {
    margin: 0px;
    padding: 0px;
}

    .userdropdown ul li {
        list-style: none;
    }

        .userdropdown ul li a {
            padding: 6px 13px;
            display: inline-block;
            width: 100%;
            color: #1D1D1D;
            font-size: 14px;
        }

        .userdropdown ul li:hover {
            background-color: #d71623;
        }

            .userdropdown ul li:hover a {
                color: #ffffff;
            }

.userdropdown {
    padding: 0;
    box-shadow: 0px 4px 8px 1px #88888838;
    border: 0px;
    border-radius: 0;
}

.topicons {
    border-radius: 50px;
    width: 35px;
    height: 35px;
    text-align: center;
    justify-content: center;
    align-items: center;
    padding: 5px;
}

    .topicons img {
        width: 20px;
    }

.iconsulTop {
    margin-bottom: 0px;
}

.topicons {
    position: relative;
}

.topNotification {
    background-color: #d71623;
    position: absolute;
    top: -4px;
    right: -4px;
    padding: 2px;
    width: 20px;
    height: 20px;
    border-radius: 50px;
    color: #ffffff;
    font-size: 12px;
}

.user-section img {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  object-fit: cover;
  margin-left: 10px;
}

.user_section {
    padding: 5px 0px 0px 35px;
}

    .user_section .dropdown-toggle {
        color: #ffffff;
        cursor: pointer;
    }

.topicons {
    margin: 0px 10px;
}

.openmenu {
    left: -280px;
    z-index: 1;
    transition: 0.5s;
}

.toggleIcon {
    cursor: pointer;
    min-width: 40px;
    flex-shrink: 0;
}

.toggleIcon .navbar-brand img {
    width: 30px;
    min-width: 30px;
    height: auto;
}

.fullContentPanel {
    margin-left: 0px;
    transition: 0.5s;
}

.page-title h2 {
    color: #ffffff;
    font-weight: 300;
    font-size: 26px;
    margin-bottom: 15px;
}

.page-title {
    margin-bottom: 30px;
}

.fullwidthPanel .top-header,
.fullwidthPanel .body-content {
    width: 100%;
    left: 0;
}

.fullwidthPanel .left-panel {
    width: 0px;
}

.manu-section ul li a:hover {
    background-color: #f1f1f5;
    color: #000000;
}

.fullwidthPanel .right-panel {
    margin-left: 80px;
}

.fullwidthPanel .manu-section span {
    display: none;
}

.fullwidthPanel .manu-section ul li {
    margin-right: 0px;
}

.fullwidthPanel .manu-section .active {
    border-radius: 0px;
}

.fullwidthPanel .logo img {
    padding: 6px 1px;
}

.fullwidthPanel .manu-section ul li a:hover {
    background-color: #f1f1f5;
    color: #000000;
}

.customCard {
    background-color: white;
    border: 0px;
    -webkit-box-shadow: 0px 4px 11px #dedede;
    -moz-box-shadow: 0px 4px 11px #dedede;
    box-shadow: 0px 9px 10px 1px #00000026;
}

.card-title h2 {
    font-size: 20px;
    color: #433D3D;
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 12px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: #fb9e23;
    border: 0px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    border: 0px;
    background: #fb9e23;
    text-decoration: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    border: 0px;
}

.manu-section li a i {
    margin-right: 6px;
    font-size: 18px;
    width: 20px;
}

.has-search2 .form-control {
    padding-left: 2.375rem;
    position: relative;
}

.has-search2 {
    position: relative;
    margin-bottom: 0px;
}

    .has-search2 .form-control-feedback {
        position: absolute;
        z-index: 2;
        display: block;
        width: 2.375rem;
        height: 2.375rem;
        line-height: 2.375rem;
        text-align: center;
        pointer-events: none;
        color: #aaa;
        left: 4px;
    }

    .has-search2 .form-control {
        background-color: #13426b;
        border: 1px solid #90a6b9;
        border-radius: 33px;
        height: 36px;
        color: #ffffff;
        font-weight: 100;
    }

        .has-search2 .form-control:focus {
            box-shadow: none;
        }

.fullwidthPanel .logo {
    padding: 7px
}

.dataTables_wrapper .dataTables_filter input {
    margin-left: 0.5em;
    border: 1px solid #a7a7a7;
    border-radius: 21px;
    height: 35px;
    padding: 5px 10px;
}

.dataTables_length select {
    border: 1px solid #a7a7a7;
    border-radius: 5px;
    height: 35px;
}

.dataTables_wrapper .dataTables_filter input:focus {
    box-shadow: none;
    outline: none;
}

.headerBg {
    box-shadow: 4px 5px 6px #13131326;
}

.patient-info .tab-content {
    width: 100%;
    overflow-y: auto;
    background-color: #ffffff;
    height: calc(100vh - 222px);
    padding: 20px 15px 0px 15px;
    /*padding: 10px 15px 0px 15px;*/
    margin-right: 0;
}

.patient-info .nav-item {
    padding: 0px;
    margin-bottom: 0px;
    background-color: #e4e7eb;
    border-right: 1px solid #c9cbcd;
}

.patient-info .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    border-radius: 0px;
    background-color: #d7171e;
    border-color: transparent;
}

.patient-info .nav-tabs .nav-link {
    color: #000;
    padding: 5px 15px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.patient-info > .nav-tabs .nav-link.active {
    color: #fff;
}

.patient-info .nav-tabs {
    border: 0px;
}

.form-titel {
    border-bottom: 1px solid #a9a9a9;
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}

    .form-titel .form-heading h2 {
        font-size: 20px;
    }

.patient-status span {
    color: #d81d2a;
    font-weight: 600;
}

.fullnamecheck {
    padding-top: 42px;
}

.totalPaid ul {
    margin: 0px;
    padding-top: 0px;
}

    .totalPaid ul li {
        list-style: none;
        margin-bottom: 10px;
        display: flex;
        justify-content: space-between;
    }

.add-verify a {
    text-decoration: underline;
}
/****patient-info end****/

table.dataTable tbody td {
    padding: 5px;
    font-size: 14px;
}

.k-grid-header {
    color: #080808;
    font-weight: 600;
    background-color: #dfdfdf;
}

/* Put the header grey on the cells themselves (not just the container) so the
   header keeps its colour on small screens, where the container grey was being
   covered by the default-white header cells. */
.k-grid-header th.k-header,
.k-grid-header th {
    background-color: #dfdfdf !important;
}

/* Header cells that explicitly opt into a Bootstrap background colour
   (e.g. the green report grid headers) must keep that colour instead of the
   default grey forced above. The grey rule is more specific than Bootstrap's
   .bg-success, so it has to be re-asserted here. */
.k-grid-header th.k-header.bg-success,
.k-grid-header th.bg-success {
    background-color: #28a745 !important;
}

.k-grid th, .k-grid td {
    padding: .5rem;
}

.k-grid-content tr:last-child > td, .k-grid-content-locked tr:last-child > td {
    border-bottom-width: 0;
    border-bottom: 0.58px solid rgba(33, 37, 41, 0.125);
}


.k-grid .k-grid-search {
    border-radius: 25px;
}

.k-grid .btn-primary {
    color: #ffffff;
    font-weight: 600;
    margin-left: -5px;
    padding: 8px 20px;
    border-radius: 20px;
    background-color: #d7171e;
    cursor: pointer;
    border-color: #d7171e;
}

.k-grid-header .k-header > .k-link {
    white-space: break-spaces !important;
}

.k-grid-toolbar {
    padding: 10px;
}


.k-command-cell > .k-button {
    margin: 0px;
    padding: 0px;
    width: 25px;
    height: 30px;
    border: none;
    color: #212529;
    background-color: transparent;
}

.k-list .k-item, .k-list-optionlabel {
    padding: 10px 10px;
}

.fa {
    font-size: 13px;
}

.fa-1 {
    font-size: 16px;
}

.fa-save {
    color: #008000;
}

.fa-close {
    color: #d71623;
}


.fa-trash {
    color: #d71623;
}

.fa-plus-circle {
    color: #008000;
}

.fa-info-circle {
    color: #000;
    font-size: 18px;
}

.k-grid-Edit {
    font-size: 20px;
    color: blue;
}

.btn-primary-menu {
    width: 100%;
    display: block;
    color: #ffffff;
    padding: 10px 15px;
    border-color: #ffc107;
}

.card-body > .dropdown-item {
    width: 100%;
    color: #000000;
    padding: 10px 35px;
    border-bottom: solid 0.2px #e3d8d8;
    /*background-color: #EFE6E6;*/
}

.btn {
    margin-top: -1px;
    padding: 5px 0px;
    border-radius: 7px;
    box-shadow: 0px 3px 32px 1px rgb(0 0 0 / 16%);
}

.btn-submit {
    background-color: #f72b50;
    color: #fff;
}

    .btn-submit:hover {
        color: #fff;
        background-color: #ef1d44;
    }

.accordion {
    margin-top: 12px;
    /*margin-left: 30px;*/
    margin: 10px;
    height: calc(100vh - 102px);
    overflow: auto;
}

    .accordion > .card, .accordion > .card .card-header, .accordion > .card .card-body {
        overflow: hidden;
        border: none;
        white-space: normal;
        text-decoration: none;
        border-radius: 0;
        padding: 0px;
        background: transparent;
    }

        .accordion > .card .card-body:hover a {
            color: #d7171e;
            background: transparent;
        }

        .accordion > .card .card-header a {
            color: #000000;
            text-align: left;
            white-space: normal;
            padding-left: 20px;
            padding-right: 20px;
            margin-bottom: 1px;
        }

        .accordion > .card .card-body a {
            text-decoration: none;
            white-space: normal;
        }

.activeClass {
    color: #fff !important;
    background: #d7171e;
}

.navbar-nav .nav-link {
    color: #ffffff
}

.nav-tabs {
    margin-left: 15px;
    margin-right: 15px;
}

.nav-link {
    border: 1px solid red;
    color: #ffffff;
}

.nav-btn {
    color: #ffffff;
}

#rightContentPanel {
    padding: 15px;
    border-radius: 15px;
    overflow: auto;
}

.main-content {
    margin-right: 10px;
    background-color: #ffffff;
    padding: 10px 10px 10px 20px;
    height: 100%;
}

label.required::after {
    content: "*";
    position: absolute;
    color: #ff6985;
}

.div-loading {
    display: none;
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: 50% 50% no-repeat;
    background-image: url('/images/loader.gif');
    background-color: rgb(98 96 96 / 25%);
}

body.loading .div-loading {
    overflow: hidden;
    display: block;
}

.k-loading-image {
    display: none;
}

.k-grid-header th.k-header {
    white-space: normal;
    vertical-align: middle;
}

.k-grid-header .k-grid-filter, .k-grid-header .k-header-column-menu {
    top: 0px;
    bottom: 0px;
    height: auto;
}

.k-switch-label-on,
.k-switch-label-off {
    display: block;
}

/* Strongly scope Deliveries grid height to avoid global overrides breaking Kendo scrollable init on mobile */
#grdDeliveries .k-grid-content.k-auto-scrollable {
    height: 420px !important;
    max-height: 420px !important;
}

@media (max-width: 576px) {
    /* Compact grid typography and spacing on phones */
    #grdDeliveries .k-grid-header th,
    #grdDeliveries .k-grid-content td {
        padding: 4px 6px !important;
        font-size: 12px !important;
        white-space: normal !important;
        word-break: break-word !important;
        width: auto !important;
    }
    /* Prevent horizontal scroll; allow content to wrap */
    #grdDeliveries .k-grid-header-wrap,
    #grdDeliveries .k-grid-content {
        overflow-x: hidden !important;
    }
}

.k-switch {
    font-size: 0.65rem;
}

.k-widget.form-control .k-input {
    height: 2.09rem;
}

.mt-25 {
    margin-top: 25px;
}

.mt-33 {
    margin-top: 33px;
}

.flex {
    display: flex;
}

.row .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding-right: 5px;
    padding-left: 5px;
}

/*kendo grid pager css*/
.k-pager-md .k-pager-info, .k-pager-sm .k-pager-info, .k-pager-sm .k-pager-sizes, .k-pager-sm .k-pager-numbers {
    display: block;
}

.admin-checkbox {
    margin: 15px 12px;
}

.container.body-content {
    height: calc(100% - 89px);
    overflow-x: hidden;
    overflow-y: auto;
}

.k-grid .k-grid-search {
    width: 15.7em;
    float: left;
}

/*---------------------start left sidebar-------------------*/
.dropbg {
    background-color: #EFE6E6;
}

a.btn.btn-primary {
    float: right;
}

div#heading12 .collapse {
    border-bottom-left-radius: 0;
}

.accordion > .card .card-header:hover {
    background: #d7171e;
}

.accordion > .card .card-header a:hover {
    color: white;
}

.caret.dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
    position: absolute;
    top: 20px;
    right: 10px;
}
/*---------------------end left sidebar-------------------*/
/*---------------------start Header-------------------*/

.addStyle.show {
    box-shadow: 0px 3px 32px 1px rgb(0 0 0 / 16%);
    background-color: #ffffff;
    border: 0;
}

.addStyle > .dropdown-item {
    padding: 0.7rem 1rem;
}

    .addStyle > .dropdown-item > a, .addStyle > .dropdown-item > a > form > input {
        color: #000000;
        white-space: normal;
    }

        .addStyle > .dropdown-item:focus, .addStyle > .dropdown-item:hover,
        .addStyle > .dropdown-item > a:hover,
        .addStyle > .dropdown-item > a > .form-inline > input:hover {
            color: #d7171e;
            background-color: transparent;
        }

.user-icon-o {
    width: 50px;
    text-align: center;
    justify-content: center;
    margin-right: 5px;
}

    .user-icon-o > div {
        width: 40px;
        height: 40px;
        object-fit: cover;
        border-radius: 50%;
    }

        .user-icon-o > div > .fa {
            background: rgba(215, 23, 30, 30%);
            padding: 10px 10px;
            border-radius: 50%;
            color: #fff;
            cursor: pointer;
        }

        .user-icon-o > div > a > img {
            margin: 5px auto;
            display: block;
            width: 40px;
            height: 40px;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            border-radius: 50%;
            object-fit: cover;
        }

#n_notification {
    width: 8px;
    height: 8px;
    border-radius: 20px;
    position: absolute;
    top: 9px;
    background-color: #d7171e;
    left: 20px;
    color: red
}

#n_user {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    position: absolute;
    top: 0px;
    background-color: #ff0000;
    left: 30px;
    display: inline-block;
    padding-bottom: 1px;
    color: #fff;
}


#total-notification-count {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    position: absolute;
    top: 0px;
    background-color: #ff0000;
    left: 30px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 1px;
    color: #fff;
    font-size: 10px;
    font-weight: 600;
}
/*---------- Notification dropdown -------------- */
.font-13 {
    font-size: 13px;
}

.notification-menu {
    display: flex;
    position: relative;
    max-width: 250px;
}

.notification-img {
    width: 30px;
    height: 30px;
    margin-right: 10px;
}

    .notification-img > img {
        width: 100%;
        border-radius: 50%;
    }

.notification-info {
    width: calc(100% - 40px);
}

.n-addStyle > .dropdown-item {
    padding: 8px 0;
}

.n-addstyle.show {
    padding: 10px 15px;
}

/*.patient-info-box {
    padding-left: 15px;
    padding-right: 15px;
}*/

a.k-button.k-button-icontext.k-grid-\<buttonclass\=\'btnbtn-primary\'onclick\=\'addNewSig\(\)\'\>AddNewRecord\<\/button\> {
    background: transparent;
    border: 0;
}

/*---------------------end Header-------------------*/

.k-grid-header {
    border-color: #bfbfbf;
}

    .k-grid-header .k-grid-filter.k-state-active, .k-grid-header .k-header-column-menu.k-state-active, .k-grid-header .k-hierarchy-cell .k-icon.k-state-active {
        color: #ffffff;
        background-color: #d7171e;
    }

.k-pager-numbers .k-link.k-state-selected {
    border-color: #d7171e;
    color: #ffffff;
    background-color: #d7171e;
}

.k-pager-nav.k-link, .k-pager-refresh {
    border-color: #dee2e6;
    color: #d7171e;
}

.k-dropdown {
    width: 16.4em;
}

.locationddl > .k-dropdown {
    width: 16.4em;
}

.k-animation-container > .k-list-container {
    padding-top: 0;
    padding-bottom: 0;
}

.k-list .k-item.k-state-selected, .k-list-optionlabel.k-state-selected {
    color: #000000;
    background-color: #a4daf8;
    border-radius: 0.25rem;
}

.k-list .k-item:hover.k-state-selected, .k-list .k-item.k-state-hover.k-state-selected, .k-list-optionlabel:hover.k-state-selected, .k-list-optionlabel.k-state-hover.k-state-selected {
    color: #ffffff;
    background-color: #a4daf8;
}

.k-button.k-primary, #example .k-dialog-buttongroup button.k-button:nth-child(2), .k-dialog-buttongroup button.k-button:nth-child(2) {
    border-color: #d7171e;
    color: #ffffff;
    background-color: #d7171e;
}

    .k-button.k-primary:hover, .k-button.k-primary.k-state-hover {
        border-color: #cf0d14;
        background-color: #cf0d14;
    }

.btn-primary:not(:disabled):not(.disabled):active {
    border-color: #cf0d14;
    background-color: #cf0d14;
}

    .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgb(207 13 20 / 50%);
    }

.k-pager-refresh:hover, .k-state-hover.k-pager-refresh {
    border-color: #dee2e6;
    color: #d7171e;
    background-color: #ebebeb;
}

.k-grid tbody tr:hover, .k-grid tbody tr.k-state-hover {
    background-color: hwb(133deg 96% 0% / 75%);
}

.k-animation-container {
    box-shadow: 0px 3px 32px 1px rgb(0 0 0 / 16%);
}

.k-success {
    background-color: #008000;
    color: #fff;
}

    .k-success:hover, .k-success:focus, .k-success:active {
        background-color: #0a6e0a;
        color: #fff;
    }

.k-grid-excel {
    background-color: #008000;
    color: #fff;
    float: right;
}

.k-grid-toolbar > .k-grid-excel {
    color: #fff;
}

.k-grid-excel:hover {
    color: #212529;
    background-color: #0a6e0a;
}

span.k-link.k-menu-link > input {
    margin-right: 5px;
}

td.k-command-cell {
    text-align: center;
}

.k-button-icontext.k-primary {
    border-color: transparent;
    color: inherit;
    background-color: transparent;
}

    .k-button-icontext.k-primary:hover, .k-button-icontext.k-primary.k-state-hover {
        border-color: transparent;
        background-color: transparent;
    }

.k-dropdown .k-dropdown-wrap, .k-dropdowntree .k-dropdown-wrap {
    background-color: transparent;
    border-color: #ced4da;
}

    .k-dropdown .k-dropdown-wrap:hover, .k-dropdowntree .k-dropdown-wrap:hover, .k-dropdown .k-dropdown-wrap.k-state-hover, .k-dropdowntree .k-dropdown-wrap.k-state-hover {
        background-color: transparent;
    }

div#grdSigs > .k-header > .k-grid-\<selectclass\=\'form-control\'id\=\'ddlUsers\'\>\<\/select\> {
    background: transparent;
    border: 0;
    padding: 0;
    margin: 0;
    width: 230px;
}

.k-grid-ClonePrescription.btn.btn-primary {
    float: left;
}

#grdRoleList .k-tooltip {
    border-color: #f6fff8;
    color: #fff !important;
    /*background-color: #f6fff8 ;*/
    padding: 4px;
    background: #dc3545 !important;
    position: absolute;
    top: 0;
    left: 190px;
}


#grdRoleList .k-callout-n {
    margin-left: -0.4rem;
    border-bottom-color: currentColor;
    top: 0.5rem;
    left: -2.5%;
    pointer-events: none;
    transform: rotate(270deg);
}

/*#grdRoleList .manage-roles .k-tooltip-error .k-callout {
    color: #dc3545;
    position: absolute;
    left: -5px;
    top: 8px;
    transform: rotate(-90deg);
}*/

.k-tooltip {
    border-color: #000000;
    color: #000 !important;
    background-color: #fff !important;
}
/*#grdPrescriptions.k-tooltip {
    background: #fff !important;
    color: #000 !important;
}

#grdPrescriptions .k-tooltip-content {
    overflow: hidden;
    text-overflow: ellipsis;
    background: #fff !important;
    color: #000 !important;
}
*/
div#divPrescriptionScreeningTabs {
    padding: 15px 0;
}

div#grdInsuranceBillingClaims {
    margin: 0 15px;
}


/*start dashbaord*/
.card-main {
    border-radius: 10px;
    box-shadow: 0px 3px 32px 1px rgb(0 0 0 / 6%);
    border-color: #f9f3f3;
    margin: 0 15px;
}

.padding-l-r {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
}

.font-green {
    color: #008000;
}

.font-red {
    color: #d7171e;
}

.font-blue {
    color: #1E85F1;
}

.card-info {
    font-size: 14px;
}

.card-padding {
    margin: 20px 5px;
}

.svg-item {
    width: 74px;
    height: 61px;
    fill: #dfdfdf;
}

.card-value {
    font-size: 25px;
    margin-top: 10px;
}

    .card-value > a {
        color: #5a5a5a !important;
    }

.font-yellow {
    color: #FFBC6E;
}

.border-left-r {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 6px
}

.border-left-green {
    border-left: 6px solid #008000;
}

.border-left-red {
    border-left: 6px solid #d7171e;
}

.border-left-blue {
    border-left: 6px solid #1E85F1;
}

.border-left-yellow {
    border-left: 6px solid #FFBC6E;
}



/*set chart header rounded as per application need*/
.chart-header {
    font-size: 20px;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    border-bottom: 0.5px solid #cfcfcf;
    background-color: #e9e9e9;
    padding-top: 15px;
    padding-bottom: 15px;
}

/*end dashbaord*/


/* scrolbar */
/* width */
::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}

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

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 12px;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

/*---------- _addition Drug Allergy Screening -------------- */

/*Severe Severity Level 1*/
.SevereSeverity {
    color: #ff0000;
    cursor: pointer;
}

/*Serious Severity Level 2*/
.SeriousSeverity {
    color: #ffa500;
    cursor: pointer;
}

/*Moderate Severity Level 3*/
.ModerateSeverity {
    color: #0000ff;
    cursor: pointer;
}

/*Other Severity Level 3*/
.OtherSeverity {
    color: #000;
    cursor: pointer;
}

/*---------------_Prrescription additional info--------------*/

.drugrxnumber {
    display: none;
}


/*------------------Refill Prrescription----------------*/


/*------------------Insurance Billing Claim Popup----------------*/


.k-dialog-buttongroup.k-dialog-button-layout-stretched button.k-button {
    padding: 6px;
}

.k-window-content.k-dialog-content {
    text-align: center;
    width: 90%;
    margin: 15px auto;
    font-size: 16px;
}

.k-dialog-buttongroup {
    border-color: #00000000;
}

/*------------------Presciption General Information----------------*/

/*drugs combobox header css*/
.dropdown-header {
    border-width: 0 0 1px 0;
    text-transform: uppercase;
}

    .dropdown-header > span {
        display: inline-block;
        padding: 5px;
    }

    .dropdown-header > span {
        width: auto;
        margin: 0 0px 0 0;
    }
/*drugs combobox header css end*/

/*additioanl drug comboxbo header css*/

.additional {
    border-width: 0 0 1px 0;
    text-transform: uppercase;
}

    .additional > span {
        display: inline-block;
        padding: 5px;
    }

    .additional > span {
        width: 90px;
        margin: 0 30px 0 0;
    }

/*additioanl drug comboxbo header css end*/

#DrugId-list .k-item {
    /*line-height: 1em;*/
    line-height: 10px;
    min-width: 300px;
}

/* Material Theme padding adjustment*/

.k-material #DrugId-list .k-item,
.k-material #DrugId-list .k-item.k-state-hover,
.k-materialblack #DrugId-list .k-item,
.k-materialblack #DrugId-list .k-item.k-state-hover {
    padding-left: 5px;
    border-left: 0;
}

#DrugId-list .k-item > span {
    display: inline-block;
    padding: 5px;
}

#DrugId-list h3,
#cmbDrug-list h3 {
    font-size: 1em;
    font-weight: normal;
    /*margin: 0 0 1px 0;*/
    /*padding: 0;*/
    display: inline-block;
    padding: 20px;
}

#DrugId-list p {
    margin: 0;
    padding: 0;
    font-size: .8em;
}

.k-popup .k-header {
    display: flex;
    justify-content: space-between;
    font-size: 0.75rem;
}

table.tabledropdown {
    width: 100%;
}

    table.tabledropdown tr td {
        width: 20%;
    }

/*------------------Create Currency----------------*/
.create-currency {
    height: calc(100vh - 222px);
}

.active1 {
    color: #d7171e !important;
}

.active2 {
    background-color: #d7171e !important;
}

    .active2 > .mb-0 > .caret {
        color: #fff !important;
    }

.link-active {
    text-decoration: underline !important;
    color: #366be4 !important;
    font-weight: 500;
}

.drugDescription {
    width: 50%;
    margin: 0 auto;
}

/*------------------Rolls and Permission----------------*/
.fielsets {
    display: block;
    margin-inline-start: 2px;
    margin-inline-end: 2px;
    padding-block-start: 0.35em;
    padding-inline-start: 0.75em;
    padding-inline-end: 0.75em;
    padding-block-end: 0.625em;
    /*min-inline-size: min-content;*/
    border-style: groove;
    border-image: initial;
    border-radius: 0.25rem;
    border: 1px solid #ced4da;
}

.legends {
    padding-inline-start: 6px;
    padding-inline-end: 6px;
    width: initial;
    font-size: 14px;
    color: #2a2a2a;
    margin-bottom: 0;
}

.form-bg {
    box-shadow: 3px 6px 30px rgb(0 0 0 / 16%);
    border-radius: 6px;
    border: 0.1px solid #ededed;
}

.legends1 {
    font-size: 16px;
    color: #d7171e;
    font-weight: 400;
    /* background-color: #fff; */
    padding: 5px 19px;
    margin-left: 5px;
    margin-bottom: 5px;
    border: 0.1px solid #e4e7eb;
    border-radius: 5px;
    background-color: #f6f6f6;
}

.drugDescription {
    width: 50%;
    margin: 0 auto;
    z-index: 999;
}
/*accordion*/
ul.accordion-list {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 10px 0px;
    list-style: none;
}

    ul.accordion-list .accordion-list-data {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        background-color: #fff;
        padding: 20px;
        margin: 0 auto 15px auto;
        border: 1px solid #eee;
        border-radius: 5px;
        cursor: pointer;
        background-color: #f5f5f5;
    }

        ul.accordion-list .accordion-list-data.active .accordion-header:after {
            transform: rotateX(180deg);
        }

        ul.accordion-list .accordion-list-data .accordion-header {
            font-weight: 600;
            position: relative;
            display: block;
            width: 100%;
            height: auto;
            padding: 0 0 0 0;
            margin: 0;
            font-size: 15px;
            letter-spacing: 0.01em;
            cursor: pointer;
        }

            ul.accordion-list .accordion-list-data .accordion-header:after {
                content: "\f0d7";
                font-family: "FontAwesome";
                position: absolute;
                right: 20px;
                top: 0;
                color: #2a2626;
                transition: all 0.4s ease-in-out;
                font-size: 16px;
            }

    ul.accordion-list.hide-arrow-accordion .accordion-list-data .accordion-header:after {
        display: none;
    }

    ul.accordion-list .accordion-list-data div.answer {
        position: relative;
        display: block;
        height: auto;
        margin: 0;
        padding: 0;
        cursor: pointer;
        min-width: 16%;
    }

        ul.accordion-list .accordion-list-data div.answer .accordion-content {
            position: relative;
            display: block;
            font-weight: 300;
            padding: 10px 0 0 0;
            cursor: pointer;
            line-height: 150%;
            margin: 0 0 15px 0;
            font-size: 14px;
        }

.accordion-position {
    position: absolute;
    top: 14px;
}

.accordion-position-2 {
    top: 0px;
    left: 20px;
}

.hide {
    display: none;
}

.show {
    display: block;
}


/*accordion*/

/*kendo modal*/
div#divClaimDetails {
    background: rgb(0 0 0 / 50%);
    width: 100%;
    height: 100%;
}

    div#divClaimDetails div#insuranceClaimmodal {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
    }

        div#divClaimDetails div#insuranceClaimmodal .modal-content {
            max-width: 1250px;
        }

div#divClaimPayment {
    overflow-y: auto;
}

div#divAddNewSig {
    background: rgb(0 0 0 / 50%);
    width: 100%;
    height: 100%;
}

    div#divAddNewSig div#sigmodal {
        max-width: 1200px;
        margin: 0 auto;
        width: 100%;
    }

div#dvadddocument .modal-box.modal-dialog-centered.drugDescription {
    width: 100%;
}

    div#dvadddocument .modal-box.modal-dialog-centered.drugDescription .modal-content {
        max-width: 50%;
        margin: 0 auto;
    }

.disabled-input {
    pointer-events: none;
}

.patient-from .k-tooltip.k-tooltip-error {
    background: #dc3545 !important;
    color: #fff !important;
    padding: 5px;
    left: 190px;
    top: 0;
}

.patient-from span.k-callout.k-callout-n {
    left: -5px;
    top: 29%;
    transform: rotate(-90deg);
}

.k-grid .k-grid-edit-row td {
    position: relative;
}

.k-dialog-buttongroup > button {
    /*  margin: 4px;
    border-radius: 2px;*/
}

.k-dialog-buttongroup button.k-button:nth-child(1), .k-dialog-buttongroup button.k-button:nth-child(2), .k-dialog-buttongroup button.k-button:nth-child(3) {
    margin: 4px;
    border-radius: 2px;
    /*width: 100px !important;*/
    overflow: unset;
}


/*.tytpeSelect.k-autocomplete-clearable.k-state-focused input[value]{*/
/*display: none !important;*/
/*}*/

/*input.intro1#ActiveIngredientId {
    pointer-events: none;
}*/
input.intro1.form-control:focus, input.intro1.form-control:focus-within {
    box-shadow: none !important;
    border: none !important;
    outline: none !important;
}


.emplayerscontent input {
    max-width: 100%;
}

.employertable .k-grid .k-grid-content table td:last-child .field-validation-error {
    display: inline-block;
    margin: 0;
    background: transparent !important;
    color: #ff0000 !important;
}

    .employertable .k-grid .k-grid-content table td:last-child .field-validation-error span.k-callout.k-callout-n {
        display: none;
    }

/*sakjaskld*/
div#grdMedicalCondition table.k-selectable tr td div#DiagnosisDate_validationMessage {
    position: absolute;
    top: 3px;
    right: 51px;
    background: #d7171e !important;
}

div#grdMedicalCondition table.k-selectable tr td span.k-widget.k-datepicker.datepickerkeydown {
    max-width: 150px;
}

div#grdMedicalCondition table.k-selectable tr td div#DiagnosisDate_validationMessage span.k-callout.k-callout-n {
    left: -6px;
    top: 21%;
    transform: rotate(270deg);
}

div#grdMedicalCondition table.k-selectable tr td div#DiagnosisDate_validationMessage span.k-tooltip-content {
    color: #fff;
}

div#grdMedicalCondition table.k-selectable tr td div#DiagnosisDate_validationMessage span.k-tooltip-icon.k-icon.k-i-warning {
    color: #fff;
}

.form-group span.k-widget.k-autocomplete.form-control.typeSelect.k-autocomplete-clearable.k-state-default {
    outline: none !important;
    box-shadow: none;
}

    .form-group span.k-widget.k-autocomplete.form-control.typeSelect.k-autocomplete-clearable.k-state-default input {
        outline: none !important;
        box-shadow: none !important;
    }

/*message*/
.message_show p {
    background: #f6f6f6;
    padding: 10px;
    margin: 0 0 10px;
    border-radius: 7px;
    white-space: break-spaces;
    word-break: break-all;
    box-shadow: 0px 0px 5px #a5a3a3;
}

.message_show {
    margin: 20px 0px;
}

.sticky-position {
    position: sticky;
    top: -20px;
    z-index: 999;
    background: #fff;
}

/* CSS on 02/04/2023 starts */
.accordion-position {
    width: 100%;
    height: 100%;
}

h3.text-danger.accordion-position.accordion-position span.k-widget.k-dropdown {
    position: absolute;
    right: 70px;
    z-index: 1;
}


.printer_wrapper {
  min-width: 160px;
}

/* Connect to Xero Button Styling */
.connect-xero-button .btn {
    padding: 8px 10px !important;
    white-space: nowrap;
}

/* CSS on 02/04/2023 ends */

#grdSigs .k-header a.k-button {
    display: none;
}

.clear-input {
    position: absolute;
    right: 10px;
    background: #fff;
    outline: none;
    border: 0;
    color: #000;
    top: 4px;
}

button.btn.text-danger.my-4.px-3 {
    position: relative;
    bottom: 40px;
    background: #fff;
}

div#form {
    padding: 15px;
}

/*27 Apr*/
div#insuranceClaimmodal .modal-body {
    max-height: 80vh;
    overflow-y: scroll;
    overflow-x: hidden;
}

div#divDrugInventoryPopup .k-grid-content.k-auto-scrollable {
    min-height: 150px !important;
    height: 150px !important;
}


#grdPartillFillPrescriptionsDashboard > .k-grid-content.k-auto-scrollable,
#grdPendingPrescriptionsPOS > .k-grid-content.k-auto-scrollable,
#grdExpiredInventoriesDashboard > .k-grid-content.k-auto-scrollable,
.dashboardP > #grdPrescriptions > .k-grid-content.k-auto-scrollable {
    height: auto !important;
    min-height: 150px;
    max-height: 400px;
}


#grdUnMappedPatientReportMigration > .k-grid-content.k-auto-scrollable,
#grdPatientReportMigration > .k-grid-content.k-auto-scrollable {
    height: auto !important;
    min-height: 400px;
    max-height: 600px;
}







/*25-08-2023 Css Here*/
.cstmModal.show {
    display: flex !important;
    align-items: start;
    justify-content: center;
    width: 100% !important;
}

.cstmFielsets {
    min-inline-size: auto;
}

/*5-9-23new css for dasboard*/
.custmTableScroll > .k-grid > .k-grid-content.k-auto-scrollable {
    height: auto !important;
    min-height: 150px;
    max-height: 400px;
}

.custmBTnSearch > .form-group > .k-grid > .k-header > .k-button {
    height: 33px;
    margin-left: 10px;
}

.main-parent.w-100 {
    padding: 11px;
    border-radius: 11px;
    box-shadow: 0px 3px 32px 1px rgb(0 0 0 / 16%);
}

.main-box-first {
    padding: 11px;
}

legend.top-label {
    width: fit-content;
    position: absolute;
    margin-top: -38px;
}

div#grdCustomScreeningMessage > .k-grid-content.k-auto-scrollable {
    height: auto !important;
    min-height: 150px;
    max-height: 400px;
}

.k-grid tr.k-state-selected > td {
    color: #212529;
    background-color: unset;
}
/*16/02/24*/
#grdMedicalConditionSearchList .k-grid-content.k-auto-scrollable, #grdMedicalCondition .k-grid-content.k-auto-scrollable, #grdMedicalAuditTrails .k-grid-content.k-auto-scrollable {
    height: auto !important;
}

.patient-info .tab-content {
    overflow-x: hidden;
}

div#grdPrescriptionAuditTrails {
    overflow-x: auto;
    max-width: 82vw;
}

div#grdpatientChartAuditTrails {
    max-width: 82vw;
    overflow-x: auto;
}
/*26/02/24*/
div.main .ContentsubBody {
    /* width: calc(50% - 200px);*/
    width: 100%;
}

.RightsubPanel {
    /*width: 1000px;*/
    width: 50%;
    display: none;
    padding: 0 12px;
    margin-top: 20px;
}

div.main .RightsubPanel {
    display: block;
}
/*12-03-2024 new css*/
div#grdReviewPrintedLabelPrescriptions .k-grid-content.k-auto-scrollable {
    height: auto !important;
}

.RightsubPanel #html-content-holder table {
    width: 100% !important;
}

.imageReviewBox-w {
    width: 50%;
    padding: 0 12px;
    display: none;
    margin-top: 20px;
    margin-top: 20px;
}

.custmScreenMsg {
    display: none;
}

#navcontainer.main .imageReviewBox-w,
#navcontainer.main .custmScreenMsg {
    display: block;
}

.custm-border {
    border-bottom: 1px solid #c8c8c8;
    margin-bottom: 20px;
    padding-bottom: 6px;
}

#grdPrescriptions table tbody .k-detail-row .k-detail-cell > .k-grid {
    overflow-x: auto;
}

#grdPendingPrescriptionsPOS table tbody .k-detail-row .k-detail-cell > .k-grid {
    overflow-x: auto;
}

#grdAwatingPayments table tbody .k-detail-row .k-detail-cell > .k-grid {
    overflow-x: auto;
}

#grdAwatingPaymentsClaim table tbody .k-detail-row .k-detail-cell > .k-grid {
    overflow-x: auto;
}

#insuranceClaimmodal.completed-mode #paybtn,
#insuranceClaimmodal.completed-mode #btnSaveFinalDeatils,
#insuranceClaimmodal.completed-mode #btnSaveClaimDeatils {
    display: none !important;
}

#insuranceClaimmodal .readonly-control {
    background-color: #f5f5f5;
    cursor: not-allowed;
    opacity: 0.75;
}
#grdScreeningReview .k-grid-content.k-auto-scrollable {
    height: auto !important;
}

#grdScreening .k-grid-content.k-auto-scrollable,
#grdPrecautionsScreening .k-grid-content.k-auto-scrollable {
    height: calc(100vh - 390px) !important;
}

#grdPrecautionsScreeningReview .k-grid-content.k-auto-scrollable {
    height: auto !important;
}

.login-btn button.btn-Cstm {
    background: #fff;
    border: 1.5px solid #E9ECEF;
    padding: 0 16px;
    width: 100%;
    height: 44px;
    text-align: center;
    white-space: nowrap;
    border-radius: 12px;
    box-shadow: none;
    transition: border-color 0.2s, background 0.2s;
    cursor: pointer;
    font-family: 'DM Sans', sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.25px;
}

.login-btn button.btn-Cstm:hover {
    background: #F8F9FA;
    border-color: #DEE2E6;
}

.login-btn button.btn-Cstm:active {
    background: #F1F3F5;
}

.login-btn .icon-bx {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
}

.login-btn .text-bx {
    display: inline-block;
    text-align: center;
    padding-left: 10px;
    color: #3c4043;
}

div#grdReviewPrintedLabelPrescriptions .k-grid-content.k-auto-scrollable {
    height: 400px !important;
}

div#divPrescriptionStatusUpdate {
    min-width: 100%;
    height: auto;
}

    div#divPrescriptionStatusUpdate .modal-dialog.modal-dialog-centered {
        width: 100%;
        display: flex !important;
    }

div#divClaimDetails {
    height: auto;
}

    div#divClaimDetails .modal-dialog-centered::before {
        display: block;
        height: calc(100vh - 1rem);
        content: "";
    }

div#divContactPopup {
    height: auto;
}

div#divAllergyScreening {
    height: auto;
}

div#divAdditionalPrescriptionPopup {
    height: auto;
}

div#divPatientInsurancePopup {
    height: auto;
}

div#divClaimDetailsdef {
    height: auto;
    width: 80%
}

div#rightContentPanel .patient-info .tab-content {
    height: unset !important;
}
/*input#ddlStatus {
    padding: 4px 0px;
    border: 1px solid #d1d1d1 !important;
    border-radius: 3px;
}*/
.status .k-dropdown {
    width: 100%;
}



/*-----03-09-2024----*/

.modal-open div#divPatientInsurancePopup {
    height: auto;
    display: inline-grid !important;
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
}

div#divDrugDescription {
    position: fixed !important;
}

/* Keep editors within column width on unmapped refill prescription grid */
#grdUnMappedRefillPrescriptionReportMigration tr.k-grid-edit-row .k-input,
#grdUnMappedRefillPrescriptionReportMigration tr.k-grid-edit-row .k-combobox .k-input,
#grdUnMappedRefillPrescriptionReportMigration tr.k-grid-edit-row .k-picker-wrap,
#grdUnMappedRefillPrescriptionReportMigration tr.k-grid-edit-row input {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
}

/*------------------Claims Verified Popup Styles----------------*/
.claims-verified-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 10000;
}

.claims-verified-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    z-index: 10001;
    min-width: 400px;
    max-width: 500px;
}

.claims-verified-header {
    padding: 15px 20px;
    border-bottom: 1px solid #e0e0e0;
    background-color: #f8f9fa;
    border-radius: 8px 8px 0 0;
}

.claims-verified-header h4 {
    margin: 0;
    font-size: 18px;
    color: #333;
}

.claims-verified-body {
    padding: 20px;
}

.claims-verified-body p {
    margin-bottom: 10px;
}

.claims-verified-footer {
    padding: 15px 20px;
    border-top: 1px solid #e0e0e0;
    text-align: right;
    background-color: #f8f9fa;
    border-radius: 0 0 8px 8px;
}

.claims-verified-footer button {
    margin-left: 10px;
}

/* Address dropdown badge alignment inside Kendo ComboBox */
.selected-address-display {
    position: absolute;
    left: 6px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    white-space: nowrap;
    pointer-events: none;
    display: inline-flex;
    align-items: center;
}

/* App-wide Kendo Grid "No Records Found" card (injected from _Layout.cshtml).
   Centered icon + title + hint shown when a grid has zero rows. */
.app-no-records {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 32px 20px;
    text-align: center;
    color: #6c757d;
    width: 100%;
    box-sizing: border-box;
    min-height: 160px;
}

/* Inside the scrollable body: overlay sized to the visible area (not the wide
   inner table) and not clipped by a fixed-height body. */
.k-grid .k-grid-content > .app-no-records-fallback {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    margin: 0;
}

/* Non-scrollable grids: in-flow block before the pager. */
.k-grid > .app-no-records-fallback {
    width: 100%;
    box-sizing: border-box;
    border-top: 1px solid #e4e7eb;
}

.app-no-records-icon {
    font-size: 38px;
    color: #ced4da;
    margin-bottom: 4px;
}

.app-no-records-title {
    font-size: 16px;
    font-weight: 600;
    color: #2a2a2a;
    letter-spacing: 0.2px;
}

.app-no-records-hint {
    font-size: 13px;
    color: #6c757d;
    line-height: 1.4;
    max-width: 480px;
}

/* Full-width Kendo no-records wrapper so the card centers regardless of columns. */
.k-grid .k-grid-norecords,
.k-grid .k-grid-norecords-template {
    width: 100%;
    text-align: center;
}