.text-ellipsis-1 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1; /* تعداد خطوط مجاز */
    overflow: hidden;
    text-overflow: ellipsis;
}

/* عدم اسکرول صفحه اصلی در صورت رسیدن اسکرول سلکت2 به انتها یا ابتدا */
.select2-container--default .select2-results > .select2-results__options {
    overscroll-behavior: contain;
}
/* زوم عکس نوارقلب و ... */
.img-zoom-container {
  overflow: hidden;
  position: relative;
}
#zoom-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.2s ease-out;
  transform-origin: center center;
}

.btn:focus ,
button:focus {
    outline: unset !important;
}

.side-nav-cnt-cnt {
    /* position: absolute !important;
    height: unset !important; */
    background-color: #1c3faa !important;
    padding-left: 0 !important
}

.side-nav >ul >li:first-child >a,
.side-nav >ul >li:last-child >a {
    margin-top: 4px !important;
}

.side-nav > ul > li > a.side-menu--active .side-menu__icon,
.side-nav>ul .sub-nav-cnt
{
    background-color: unset !important;
}

.side-nav .custom-side-menu:hover .side-menu__icon
{
    background-color: unset !important;
}

.side-nav-cnt {
    width: 100px !important;
}

.side-nav {
    padding-left: 6px !important;
    padding-right: 6px !important;
}

.custom-side-menu {
    border-radius: 10px !important;
    min-width: 90px !important;
}
.custom-side-menu.side-menu--active {
    background-color: #264cc1 !important;
}

.side-menu__title {
    text-align: center !important;
}

.side-nav .custom-side-menu .side-menu__title .side-menu__sub-icon {
    margin-left: 0 !important;
}

.side-nav>ul .sub-nav-cnt.open {
    width: 210px !important;
}

.side-nav i {
    display: flex;
    flex-direction: column;
    gap: 1;
    align-items: center;
    justify-content: center;
    width: 100%;
    border-radius: 10px;
}
.custom-side-menu:hover {
    border-radius: 10px;
    background-color: #264cc1;
}

.sub-nav-cnt.open .sub-nav {
   background-color: #264cc1 !important;
}

.side-nav .custom-side-menu.active .side-menu__icon {
    background-color: unset !important;
}
.side-nav .custom-side-menu.active {
    background-color: #264cc1 !important;
}

.side-nav .sub-nav-cnt .custom-side-menu .side-menu__title:hover {
    background-color: #1c3faa !important;
}
.side-nav>ul ul li a.side-menu--active .side-menu__title {
    font-weight: 900;
    color: white !important;
    background-color: #1c3faa !important;
}



:root {
    --admin-default-color: #1c3faa;
    --user-default-color: #ed1f24;
    --primary-color: #e7002a;

    --dossier-color: #1c3faa;
    --financial-color: #1c3faa;
    --health-expert-color: #1c3faa;
    --audiometry-color: #1c3faa;
    --optometry-color: #1c3faa;
    --spirometry-color: #1c3faa;
    --examinations-color: #1c3faa;
    --ecg-color: #1c3faa;
    --tst-color: #1c3faa;
    --radiology-color: #1c3faa;
    --laboratory-color: #1c3faa;
    --addiction-color: #1c3faa;
    --consultation-color: #1c3faa;
    --specialist-color: #1c3faa;
    --accountancy-color: #1c3faa;
    --contract-color: #1c3faa;
    --reporting-color: #1c3faa;
    --organization-color: #1c3faa;

    --dashboard-dossier-card: #1c3faa;
    --dashboard-dossier-card-before: rgb(118, 150, 243);
    --dashboard-awaiting-print-dossier-card: #1c3faa;
    --dashboard-awaiting-print-dossier-card-before: rgb(118, 150, 243);
    --dashboard-incomplete-dossier-card: #1c3faa;
    --dashboard-incomplete-dossier-card-before: rgb(118, 150, 243);
    --dashboard-awaiting-referral-print-card: #1c3faa;
    --dashboard-awaiting-referral-print-card-before: rgb(118, 150, 243);
    --dashboard-awaiting-referral-answer-card: #1c3faa;
    --dashboard-awaiting-referral-answer-card-before: rgb(118, 150, 243);
    --dashboard-financial-card: #1c3faa;
    --dashboard-financial-card-before: rgb(118, 150, 243);
    --dashboard-health-expert-card: #1c3faa;
    --dashboard-health-expert-card-before: rgb(118, 150, 243);
    --dashboard-audiometry-card: #1c3faa;
    --dashboard-audiometry-card-before: rgb(118, 150, 243);
    --dashboard-optometry-card: #1c3faa;
    --dashboard-optometry-card-before: rgb(118, 150, 243);
    --dashboard-spirometry-card: #1c3faa;
    --dashboard-spirometry-card-before: rgb(118, 150, 243);
    --dashboard-examinations-card: #1c3faa;
    --dashboard-examinations-card-before: rgb(118, 150, 243);
    --dashboard-ecg-card: #1c3faa;
    --dashboard-ecg-card-before: rgb(118, 150, 243);
    --dashboard-tst-card: #1c3faa;
    --dashboard-tst-card-before: rgb(118, 150, 243);
    --dashboard-radiology-card: #1c3faa;
    --dashboard-radiology-card-before: rgb(118, 150, 243);
    --dashboard-laboratory-card: #1c3faa;
    --dashboard-laboratory-card-before: rgb(118, 150, 243);
    --dashboard-addiction-card: #1c3faa;
    --dashboard-addiction-card-before: rgb(118, 150, 243);
    --dashboard-consultation-card: #1c3faa;
    --dashboard-consultation-card-before: rgb(118, 150, 243);
    --dashboard-tst-card: #1c3faa;
    --dashboard-tst-card-before: rgb(118, 150, 243);
    --dashboard-radiology-card: #1c3faa;
    --dashboard-radiology-card-before: rgb(118, 150, 243);
    --dashboard-evaluation-card: #1c3faa;
    --dashboard-evaluation-card-before: rgb(118, 150, 243);
    --dashboard-specialist-card: #1c3faa;
    --dashboard-specialist-card-before: rgb(118, 150, 243);
    --dashboard-theme-card-1: #1c3faa;
    --dashboard-theme-card-1-before: rgb(118, 150, 243);
    --dashboard-theme-card-2: #1c3faa;
    --dashboard-theme-card-2-before: rgb(118, 150, 243);
    --dashboard-theme-card-3: #1c3faa;
    --dashboard-theme-card-3-before: rgb(118, 150, 243);
    --dashboard-theme-card-4: #1c3faa;
    --dashboard-theme-card-4-before: rgb(118, 150, 243);
}

.default-font {
    font-family: IRANYekan-L, ui-monospace, SFMono-Regular, Menlo, Monaco,
        Consolas, Liberation Mono, Courier New, monospace;
}

.text-md {
    font-size: 15px;
}

/* BEGIN: dashboard */
.dashboard-dossier-card:before {
    background: #f9fafc;
}
.dashboard-dossier-card div.box {
    background-color: white;
    color: #575b68;
}
.dashboard-dossier-card svg {
    /* stroke: rgb(128, 1, 128); */

    stroke: rgb(28 63 170);
}

.dashboard-awaiting-print-dossier-card:before {
    background: #f9fafc;
}
.dashboard-awaiting-print-dossier-card div.box {
    background-color: white;
    color: #575b68;
}
.dashboard-awaiting-print-dossier-card svg {
    /* stroke: rgb(186, 0, 186); */

    stroke: rgb(28 63 170);
}

.dashboard-incomplete-dossier-card:before {
    background: #f9fafc;
}
.dashboard-incomplete-dossier-card div.box {
    background-color: white;
    color: #575b68;
}
.dashboard-incomplete-dossier-card svg {
    /* stroke: rgb(216, 1, 216); */

    stroke: rgb(28 63 170);
}

.dashboard-awaiting-referral-print-card:before {
    background: #f9fafc;
}
.dashboard-awaiting-referral-print-card div.box {
    background-color: white;
    color: #575b68;
}
.dashboard-awaiting-referral-print-card svg {
    /* stroke: rgb(216, 1, 216); */

    stroke: rgb(28 63 170);
}

.dashboard-awaiting-referral-answer-card:before {
    background: #f9fafc;
}
.dashboard-awaiting-referral-answer-card div.box {
    background-color: white;
    color: #575b68;
}
.dashboard-awaiting-referral-answer-card svg {
    /* stroke: rgb(240, 71, 240); */

    stroke: rgb(28 63 170);
}

.dashboard-financial-card:before {
    background: #f9fafc;
}
.dashboard-financial-card div.box {
    background-color: white;
    color: #575b68;
}
.dashboard-financial-card svg {
    /* fill: rgb(252, 166, 252);
    stroke: rgb(252, 166, 252); */
    fill: rgb(28 63 170);
    stroke: rgb(28 63 170);
}

.dashboard-health-expert-card:before {
    background: #f9fafc;
}
.dashboard-health-expert-card div.box {
    background-color: white;
    color: #575b68;
}
.dashboard-health-expert-card svg {
    /* fill: rgb(1, 41, 128);
    stroke: rgb(1, 41, 128); */
    fill: rgb(28 63 170);
    stroke: rgb(28 63 170);
}

.dashboard-audiometry-card:before {
    background: #f9fafc;
}
.dashboard-audiometry-card div.box {
    background-color: white;
    color: #575b68;
}
.dashboard-audiometry-card svg {
    /* fill: rgb(0, 77, 186);
    stroke: rgb(0, 77, 186); */
    fill: rgb(28 63 170);
    stroke: rgb(28 63 170);
}

.dashboard-optometry-card:before {
    background: #f9fafc;
}
.dashboard-optometry-card div.box {
    background-color: white;
    color: #575b68;
}
.dashboard-optometry-card svg {
    /* fill: rgb(1, 119, 216);
    stroke: rgb(1, 119, 216); */
    fill: rgb(28 63 170);
    stroke: rgb(28 63 170);
}

.dashbord-box-cnt .report-box .box svg {
padding: 12px;
    background: #e6edff;
    border-radius: 12px;
}

.dashboard-spirometry-card:before {
    background: #f9fafc;
}
.dashboard-spirometry-card div.box {
    background-color: white;
    color: #575b68;
}
.dashboard-spirometry-card svg {
    /* fill: rgb(53, 140, 254);
    stroke: rgb(53, 140, 254); */
    fill: rgb(28 63 170);
    stroke: rgb(28 63 170);
}

.dashboard-examinations-card:before {
    background: #f9fafc;
}
.dashboard-examinations-card div.box {
    background-color: white;
    color: #575b68;
}
.dashboard-examinations-card svg {
    /* fill: rgb(71, 141, 240);
    stroke: rgb(71, 141, 240); */
    fill: rgb(28 63 170);
    stroke: rgb(28 63 170);
}

.dashboard-ecg-card:before {
    background: #f9fafc;
}
.dashboard-ecg-card div.box {
    background-color: white;
    color: #575b68;
}
.dashboard-ecg-card svg {
    /* fill: rgb(166, 198, 252);
    stroke: rgb(166, 198, 252); */
    fill: rgb(28 63 170);
    stroke: rgb(28 63 170);
}

.dashboard-laboratory-card:before {
    background: #f9fafc;
}
.dashboard-laboratory-card div.box {
    background-color: white;
    color: #575b68;
}
.dashboard-laboratory-card svg {
    /* fill: rgb(0, 66, 3);
    stroke: rgb(0, 66, 3); */
    fill: rgb(28 63 170);
    stroke: rgb(28 63 170);
}

.dashboard-addiction-card:before {
    background: #f9fafc;
}
.dashboard-addiction-card div.box {
    background-color: white;
    color: #575b68;
}
.dashboard-addiction-card svg {
    /* fill: rgb(1, 88, 14);
    stroke: rgb(1, 88, 14); */
    fill: rgb(28 63 170);
    stroke: rgb(28 63 170);
}

.dashboard-consultation-card:before {
    background: #f9fafc;
}
.dashboard-consultation-card div.box {
    background-color: white;
    color: #575b68;
}
.dashboard-consultation-card svg {
    /* fill: rgb(0, 116, 18);
    stroke: rgb(0, 116, 18); */
    fill: rgb(28 63 170);
    stroke: rgb(28 63 170);
}

.dashboard-tst-card:before {
    background: #f9fafc;
}
.dashboard-tst-card div.box {
    background-color: white;
    color: #575b68;
}
.dashboard-tst-card svg {
    /* fill: rgb(0, 168, 26);
    stroke: rgb(0, 168, 26); */
    fill: rgb(28 63 170);
    stroke: rgb(28 63 170);
}

.dashboard-radiology-card:before {
    background: #f9fafc;
}
.dashboard-radiology-card div.box {
    background-color: white;
    color: #575b68;
}
.dashboard-radiology-card svg {
    /* fill: rgb(3, 230, 37);
    stroke: rgb(3, 230, 37); */
    fill: rgb(28 63 170);
    stroke: rgb(28 63 170);
}

.dashboard-evaluation-card:before {
    background: #f9fafc;
}
.dashboard-evaluation-card div.box {
    background-color: white;
    color: #575b68;
}
.dashboard-evaluation-card svg {
    /* fill: rgb(97, 250, 120);
    stroke: rgb(97, 250, 120); */
    fill: rgb(28 63 170);
    stroke: rgb(28 63 170);
}

.dashboard-specialist-card:before {
    background: #f9fafc;
}
.dashboard-specialist-card div.box {
    background-color: white;
    color: #575b68;
}
.dashboard-specialist-card svg {
    /* fill: rgb(148, 2, 2);
    stroke: rgb(148, 2, 2); */
    fill: rgb(28 63 170);
    stroke: rgb(28 63 170);
}

.dashboard-theme-card-1:before {
    background: #f9fafc;
}
.dashboard-theme-card-1 div.box {
    background-color: white;
    color: #575b68;
}
.dashboard-theme-card-1 svg {
    /* stroke: rgb(1, 41, 128); */
    stroke: rgb(28 63 170);
}

.dashboard-theme-card-2:before {
    background: #f9fafc;
}
.dashboard-theme-card-2 div.box {
    background-color: white;
    color: #575b68;
}
.dashboard-theme-card-2 svg {
    /* stroke: rgb(0, 77, 186); */
    stroke: rgb(28 63 170);
}

.dashboard-theme-card-3:before {
    background: #f9fafc;
}
.dashboard-theme-card-3 div.box {
    background-color: white;
    color: #575b68;
}
.dashboard-theme-card-3 svg {
    /* stroke: rgb(1, 119, 216); */
    stroke: rgb(28 63 170);
}

.dashboard-theme-card-4:before {
    background: #f9fafc;
}
.dashboard-theme-card-4 div.box {
    background-color: white;
    color: #575b68;
}
.dashboard-theme-card-4 svg {
    /* stroke: rgb(53, 140, 254); */
    stroke: rgb(28 63 170);
}
/* END: dashboard */

/* BEGIN: side menu style */
.side-nav > ul > li > a .side-menu__icon {
    border-radius: 50%;
    padding: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* .side-nav > ul > li > a:not(.side-menu--active) .side-menu__icon {
    background-color: white;
} */
.side-nav > ul > li > a:not(.side-menu--active) .side-menu__icon svg {
    stroke: white;
}

/* active */
/* .side-nav > ul > li > a.side-menu--active .side-menu__icon {
    background-color: var(--admin-default-color);
} */
.side-nav > ul > li > a.side-menu--active .side-menu__icon svg {
    stroke: white;
}

/* dossier icon */
/* .side-nav > ul > li > a.side-menu--active .side-menu__icon.dossier-menu__icon {
    background-color: var(--dossier-color) !important;
} */
.side-nav
    > ul
    > li
    > a.side-menu--active
    .side-menu__icon.dossier-menu__icon
    svg {
    stroke: white !important;
    fill: white !important;
}
.side-nav
    > ul
    > li
    > a:not(.side-menu--active)
    .side-menu__icon.dossier-menu__icon
    svg {
    /* stroke: var(--dossier-color) !important;
    fill: var(--dossier-color) !important; */
    stroke: white;
    fill: white;
}

/* financial icon */
/* .side-nav
    > ul
    > li
    > a.side-menu--active
    .side-menu__icon.financial-menu__icon {
    background-color: var(--financial-color) !important;
} */
.side-nav
    > ul
    > li
    > a.side-menu--active
    .side-menu__icon.financial-menu__icon
    svg {
    stroke: white !important;
    fill: white !important;
}
.side-nav
    > ul
    > li
    > a:not(.side-menu--active)
    .side-menu__icon.financial-menu__icon
    svg {
    stroke: white !important;
    fill: white !important;

}

/* health expert icon */
/* .side-nav
    > ul
    > li
    > a.side-menu--active
    .side-menu__icon.health-expert-menu__icon {
    background-color: var(--health-expert-color) !important;
} */
.side-nav
    > ul
    > li
    > a.side-menu--active
    .side-menu__icon.health-expert-menu__icon
    svg {
    stroke: white !important;
    fill: white !important;
}
.side-nav
    > ul
    > li
    > a:not(.side-menu--active)
    .side-menu__icon.health-expert-menu__icon
    svg {

    stroke: white;
    fill: white;
}

/* audiometry icon */
/* .side-nav
    > ul
    > li
    > a.side-menu--active
    .side-menu__icon.audiometry-menu__icon {
    background-color: var(--audiometry-color) !important;
} */
.side-nav
    > ul
    > li
    > a.side-menu--active
    .side-menu__icon.audiometry-menu__icon
    svg {
    stroke: white !important;
    fill: white !important;
}
.side-nav
    > ul
    > li
    > a:not(.side-menu--active)
    .side-menu__icon.audiometry-menu__icon
    svg {
    stroke: white !important;
    fill: white !important;

}

/* optometry icon */
/* .side-nav
    > ul
    > li
    > a.side-menu--active
    .side-menu__icon.optometry-menu__icon {
    background-color: var(--optometry-color) !important;
} */
.side-nav
    > ul
    > li
    > a.side-menu--active
    .side-menu__icon.optometry-menu__icon
    svg {
    stroke: white !important;
    fill: white !important;
}
.side-nav
    > ul
    > li
    > a:not(.side-menu--active)
    .side-menu__icon.optometry-menu__icon
    svg {
    stroke: white !important;
    fill: white !important;

}

/* spirometry icon */
/* .side-nav
    > ul
    > li
    > a.side-menu--active
    .side-menu__icon.spirometry-menu__icon {
    background-color: var(--spirometry-color) !important;
} */
.side-nav
    > ul
    > li
    > a.side-menu--active
    .side-menu__icon.spirometry-menu__icon
    svg {
    stroke: white !important;
    fill: white !important;
}
.side-nav
    > ul
    > li
    > a:not(.side-menu--active)
    .side-menu__icon.spirometry-menu__icon
    svg {

    stroke: white;
    fill: white;
}

/* examinations icon */
/* .side-nav
    > ul
    > li
    > a.side-menu--active
    .side-menu__icon.examinations-menu__icon {
    background-color: var(--examinations-color) !important;
} */
.side-nav
    > ul
    > li
    > a.side-menu--active
    .side-menu__icon.examinations-menu__icon
    svg {
    stroke: white !important;
    fill: white !important;
}
.side-nav
    > ul
    > li
    > a:not(.side-menu--active)
    .side-menu__icon.examinations-menu__icon
    svg {

    stroke: white;
    fill: white;
}

/* ecg icon */
/* .side-nav > ul > li > a.side-menu--active .side-menu__icon.ecg-menu__icon {
    background-color: var(--ecg-color) !important;
} */
.side-nav > ul > li > a.side-menu--active .side-menu__icon.ecg-menu__icon svg {
    stroke: white !important;
    fill: white !important;
}
.side-nav
    > ul
    > li
    > a:not(.side-menu--active)
    .side-menu__icon.ecg-menu__icon
    svg {

    stroke: white;
    fill: white;
}

/* tst icon */
/* .side-nav > ul > li > a.side-menu--active .side-menu__icon.tst-menu__icon {
    background-color: var(--tst-color) !important;
} */
.side-nav > ul > li > a.side-menu--active .side-menu__icon.tst-menu__icon svg {
    stroke: white !important;
    fill: white !important;
}
.side-nav
    > ul
    > li
    > a:not(.side-menu--active)
    .side-menu__icon.tst-menu__icon
    svg {

    stroke: white;
    fill: white;
}

/* radiology icon */
/* .side-nav > ul > li > a.side-menu--active .side-menu__icon.radiology-menu__icon {
    background-color: var(--radiology-color) !important;
} */
.side-nav > ul > li > a.side-menu--active .side-menu__icon.radiology-menu__icon svg {
    stroke: white !important;
    fill: white !important;
}
.side-nav
    > ul
    > li
    > a:not(.side-menu--active)
    .side-menu__icon.radiology-menu__icon
    svg {

    stroke: white;
    fill: white;
}

/* laboratory icon */
/* .side-nav
    > ul
    > li
    > a.side-menu--active
    .side-menu__icon.laboratory-menu__icon {
    background-color: var(--laboratory-color) !important;
} */
.side-nav
    > ul
    > li
    > a.side-menu--active
    .side-menu__icon.laboratory-menu__icon
    svg {
    stroke: white !important;
    fill: white !important;
}
.side-nav
    > ul
    > li
    > a:not(.side-menu--active)
    .side-menu__icon.laboratory-menu__icon
    svg {

    stroke: white;
    fill: white;
}

/* addiction icon */
/* .side-nav
    > ul
    > li
    > a.side-menu--active
    .side-menu__icon.addiction-menu__icon {
    background-color: var(--addiction-color) !important;
} */
.side-nav
    > ul
    > li
    > a.side-menu--active
    .side-menu__icon.addiction-menu__icon
    svg {
    stroke: white !important;
    fill: white !important;
}
.side-nav
    > ul
    > li
    > a:not(.side-menu--active)
    .side-menu__icon.addiction-menu__icon
    svg {
    stroke: white;
    fill: white;
}

/* consultation icon */
/* .side-nav
    > ul
    > li
    > a.side-menu--active
    .side-menu__icon.consultation-menu__icon {
    background-color: var(--consultation-color) !important;
} */
.side-nav
    > ul
    > li
    > a.side-menu--active
    .side-menu__icon.consultation-menu__icon
    svg {
    stroke: white !important;
    fill: white !important;
}
.side-nav
    > ul
    > li
    > a:not(.side-menu--active)
    .side-menu__icon.consultation-menu__icon
    svg {

    stroke: white;
    fill: white;
}

/* specialist icon */
/* .side-nav
    > ul
    > li
    > a.side-menu--active
    .side-menu__icon.specialist-menu__icon {
    background-color: var(--specialist-color) !important;
} */
.side-nav
    > ul
    > li
    > a.side-menu--active
    .side-menu__icon.specialist-menu__icon
    svg {
    stroke: white !important;
    fill: white !important;
}
.side-nav
    > ul
    > li
    > a:not(.side-menu--active)
    .side-menu__icon.specialist-menu__icon
    svg {

    stroke: white;
    fill: white;
}

/* accountancy icon */
/* .side-nav
    > ul
    > li
    > a.side-menu--active
    .side-menu__icon.accountancy-menu__icon {
    background-color: var(--accountancy-color) !important;
} */
.side-nav
    > ul
    > li
    > a.side-menu--active
    .side-menu__icon.accountancy-menu__icon
    svg {
    stroke: white !important;
}
.side-nav
    > ul
    > li
    > a:not(.side-menu--active)
    .side-menu__icon.accountancy-menu__icon
    svg {

    stroke: white;

}

/* contract icon */
/* .side-nav > ul > li > a.side-menu--active .side-menu__icon.contract-menu__icon {
    background-color: var(--contract-color) !important;
} */
.side-nav
    > ul
    > li
    > a.side-menu--active
    .side-menu__icon.contract-menu__icon
    svg {
    stroke: white !important;
    fill: white !important;
}
.side-nav
    > ul
    > li
    > a:not(.side-menu--active)
    .side-menu__icon.contract-menu__icon
    svg {

    stroke: white;
    fill: white;
}

/* reporting icon */
/* .side-nav
    > ul
    > li
    > a.side-menu--active
    .side-menu__icon.reporting-menu__icon {
    background-color: var(--reporting-color) !important;
} */
.side-nav
    > ul
    > li
    > a.side-menu--active
    .side-menu__icon.reporting-menu__icon
    svg {
    stroke: white !important;
}
.side-nav
    > ul
    > li
    > a:not(.side-menu--active)
    .side-menu__icon.reporting-menu__icon
    svg {

    stroke: white;

}

/* evaluation icon */

.side-nav
    > ul
    > li
    > a
    .side-menu__icon.evaluation-menu__icon
    svg {
    stroke: white !important;
    fill: white !important;
}

/* organization icon */
/* .side-nav
    > ul
    > li
    > a.side-menu--active
    .side-menu__icon.organization-menu__icon {
    background-color: var(--organization-color) !important;
} */
.side-nav
    > ul
    > li
    > a.side-menu--active
    .side-menu__icon.organization-menu__icon
    svg {
    stroke: white !important;
    fill: white !important;
}
.side-nav
    > ul
    > li
    > a:not(.side-menu--active)
    .side-menu__icon.organization-menu__icon
    svg {

    stroke: white;
    fill: white;
}
/* END: side menu style */

.bg-hematology {
    background-color: #dc2626;
    color: white;
}
.bg-blood-biochemistry {
    background-color: #d946ef;
    color: white;
}
.bg-immunology {
    background-color: #818cf8;
    color: white;
}
.bg-hormones {
    background-color: #039b3b;
    color: white;
}
.bg-serology {
    background-color: #ff3488;
    color: white;
}
.bg-urine {
    background-color: #facc15;
    /* color: white; */
}
.bg-bacteriology {
    background-color: #644600;
    color: white;
}
.bg-stool {
    background-color: #a16207;
    color: white;
}
.bg-parasitology {
    background-color: #925e97;
    color: white !important;
}

.grid-rows-7{
    grid-template-rows: repeat(7, minmax(0, 1fr));
}

/* this style in for when open modals */
.main {
    padding-right: 8px !important;
}
@media screen and (min-width:1000px) {
    /* .main {
        padding-right: 16px !important;
    } */
    html body{
        padding: 0 1rem;
    }
}
.print-page-space {
    height: 7.2mm; /* Set the desired top margin height */
}

@media print {
    html, body {
        background-color: white !important;
        width: 100vw !important;
    }
    .no-print {
        display: none;
    }
    .content {
        border: none !important; /* remove border when print page */
    }
}

.text-size-print {
    font-size: 0.75rem !important;
}

.unicode-bidi {
    unicode-bidi: plaintext;
}

.private-tooltip {
    position: relative;
}

.private-tooltip .tooltiptext,
.private-tooltip .tooltiptext * {
    color: #fff !important;
}

.private-tooltip .tooltiptext {
    display: flex;
    justify-content: center;
    align-items: center;
    visibility: hidden;
    width: max-content;
    background-color: black;
    color: #fff !important;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    font-size: 13px;

    /* Position the tooltip */
    position: absolute;
    z-index: 100;
    bottom: 105%;
    left: 0;
    transform: translateX(-30%);
    /* margin-left: -60px; */
}

.private-tooltip:hover .tooltiptext {
    visibility: visible;
}

.tab-content .tab-pane,
.\!tab-content .\!tab-pane {
    transition: none !important;
    visibility: unset !important;
    display: none !important;
    position: unset !important;
}

.tab-content .tab-pane.active,
.\!tab-content .\!tab-pane.\!active {
    transition: none !important;
    visibility: unset !important;
    display: block !important;
    position: unset !important;
}

.form-control:disabled,
.form-control[readonly] {
    cursor: default;
    --tw-bg-opacity: 1;
    background-color: unset;
}

div.top-bar svg#notification-bell-icon {
    animation: shake_bell 1.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both
        infinite;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}

@keyframes shake_bell {
    .76%,
    6.84% {
        transform: translate3d(-1px, 0, 0);
    }
    1.52%,
    6.08% {
        transform: translate3d(4px, 0, 0);
    }
    2.28%,
    3.8%,
    5.32% {
        transform: translate3d(-6px, 0, 0);
    }
    3.04%,
    4.56% {
        transform: translate3d(6px, 0, 0);
    }
}

nav[role="navigation"] {
    margin-top: 20px;
    direction: ltr;
}

nav[role="navigation"]:last-child div {
    justify-content: center;
}

nav[role="navigation"]:last-child div:first-child {
    display: none;
}

nav[role="navigation"] span[aria-current="page"] > span {
    background: rgba(0 0 0 / 0.1);
}

.modal {
    padding-left: 0 !important;
}

/* select2 */
.select2-container.select2-container--default.select2-container--open {
    z-index: 99999;
}

@media (min-width: 640px) {
    .modal .modal-dialog.modal-fullscreen,
    .modal .modal-dialog.modal-2xl,
    .modal .modal-dialog.modal-3xl {
        width: 600px;
    }
}

@media (min-width: 1024px) {
    .modal .modal-dialog.modal-fullscreen {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
    }

    .modal .modal-dialog.modal-fullscreen .modal-content {
        height: auto;
        min-height: 100%;
        border-radius: 0;
    }

    .modal .modal-dialog.modal-2xl {
        width: 1200px;
    }
    .modal .modal-dialog.modal-3xl {
        width: 1500px;
    }
}


/* .side-nav > ul > li > a:not(.side-menu--active) .side-menu__icon svg {
    stroke: white !important;
    fill: white !important;
}
.side-nav > ul > li > a.side-menu--active .side-menu__icon svg {
    stroke: white !important;
    fill: white !important;
} */

.side-nav .custom-side-menu {
    color: white !important;
}