@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
:root {
    --primary: #28368A;
    --primary-light: #D8E7FF; 
    --bg-light: #F5F5FC;  
    --success: #13A89E; 
    --dark: #2C2C30;
    --black: #464646;
    --white: #fff;
    --muted: #7a7a7a;
    --light-bg: #FAFAFA;
    --nav-bg-color: #28368A; 
    --nav-link-color: #9CB3D9;
    --nav-link-radius: 7px;
    --border-color: rgba(112, 112, 112, 0.431); 
    --body-bg: #F6F7FD; 
    --body-font: "Roboto", sans-serif;

    --thead-bg: #E4EEFF;
    --td-color: #090A12;

    --breadcrumb-link-color: #464646; 
    --badge-success-bg: #E9FFF0;
    --badge-success-color: #3FB266;
    --badge-danger-bg: #FFE2E0;
    --badge-danger-color: #F5392A;
    --badge-warning-bg: #FFF2E1;
    --badge-warning-color: #F79A22;

    --bs-breadcrumb-divider: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEwIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJHcm91cCA0ODIyMTciPgo8cGF0aCBpZD0iVmVjdG9yIiBkPSJNOS45MTQ1NCAzLjc3NzMxTDYuOTE0NyAwLjQ0NDE1N0M2Ljg1MDcgMC4zNzM0OTQgNi43NjEzNyAwLjMzMzQ5NiA2LjY2NjcxIDAuMzMzNDk2SDQuNjY2ODJDNC41MzU0OSAwLjMzMzQ5NiA0LjQxNjE3IDAuNDEwODI1IDQuMzYyMTcgMC41MzA4MTlDNC4zMDg4NCAwLjY1MTQ3OSA0LjMzMDg0IDAuNzkyMTM4IDQuNDE4ODMgMC44ODk0NjZMNy4yMTgwMiAzLjk5OTk2TDQuNDE4ODMgNy4xMDk4QzQuMzMwODQgNy4yMDc3OSA0LjMwODE3IDcuMzQ4NDUgNC4zNjIxNyA3LjQ2ODQ0QzQuNDE2MTcgNy41ODkxIDQuNTM1NDkgNy42NjY0MyA0LjY2NjgyIDcuNjY2NDNINi42NjY3MUM2Ljc2MTM3IDcuNjY2NDMgNi44NTA3IDcuNjI1NzcgNi45MTQ3IDcuNTU2NDRMOS45MTQ1NCA0LjIyMzI5QzEwLjAyODUgNC4wOTY2MyAxMC4wMjg1IDMuOTAzMyA5LjkxNDU0IDMuNzc3MzFaIiBmaWxsPSIjMjY0OTgxIi8+CjxwYXRoIGlkPSJWZWN0b3JfMiIgZD0iTTUuNTgxNDEgMy43NzczMUwyLjU4MTU3IDAuNDQ0MTU3QzIuNTE3NTcgMC4zNzM0OTQgMi40MjgyNCAwLjMzMzQ5NiAyLjMzMzU4IDAuMzMzNDk2SDAuMzMzNjlDMC4yMDIzNjQgMC4zMzM0OTYgMC4wODMwMzcgMC40MTA4MjUgMC4wMjkwMzk5IDAuNTMwODE5Qy0wLjAyNDI5MDUgMC42NTE0NzkgLTAuMDAyMjkxNjkgMC43OTIxMzggMC4wODU3MDM1IDAuODg5NDY2TDIuODg0ODkgMy45OTk5NkwwLjA4NTcwMzUgNy4xMDk4Qy0wLjAwMjI5MTY5IDcuMjA3NzkgLTAuMDI0OTU3MSA3LjM0ODQ1IDAuMDI5MDM5OSA3LjQ2ODQ0QzAuMDgzMDM3IDcuNTg5MSAwLjIwMjM2NCA3LjY2NjQzIDAuMzMzNjkgNy42NjY0M0gyLjMzMzU4QzIuNDI4MjQgNy42NjY0MyAyLjUxNzU3IDcuNjI1NzcgMi41ODE1NyA3LjU1NjQ0TDUuNTgxNDEgNC4yMjMyOUM1LjY5NTQgNC4wOTY2MyA1LjY5NTQgMy45MDMzIDUuNTgxNDEgMy43NzczMVoiIGZpbGw9IiMyNjQ5ODEiLz4KPC9nPgo8L3N2Zz4K);
}
 

body {background-color: var(--body-bg);}


* {
    margin: 0%;
    padding: 0%;
    box-sizing: border-box;
}

*::after,
*::before {
    margin: 0%;
    padding: 0%;
}

html {
    font-size: 100%;
    width: 100%;
    height: 100%;
    scroll-behavior: smooth;
    overflow-x: hidden;
}

body {
    text-rendering: optimizeLegibility;
    font-family: var(--body-font);
    font-display: swap; 
    color: var(--body-text-color);
    font-weight: 400;
    font-style: normal;
    font-size: 1rem;
}

.lead-lg {font-size: 1.375rem;}

.lead-sm {font-size: 1.125rem;}

.fs-12 {font-size: 12px;}

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

.fs-15 {font-size: 0.937rem !important;}

.z--1 {z-index: -1;}

.bg-light {background-color: rgba(1, 59, 69, 0.05) !important;}

.bg-primary {background-color: var(--primary) !important;}
.bg-primary-light {background-color: #feeccb !important;}

.bg-purple {background-color: var(--purple) !important;}

.bg-dark {background-color: var(--dark) !important;}

.bg-gradient {background-color: rgba(215, 233, 243, 0.24) !important;}
.active-bg { background-color: var(--nav-bg-color); }

.z-index {z-index: 99;position: relative;}
 
.lh-1-2 {line-height: 1.2;}

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

.text-dark {color: var(--dark) !important;}
.text-black { color: var(--black) !important; }
.text-grey {color: #888888 !important;}

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

.fw-semibold {font-weight: 600;}

.text-justify {text-align: justify;}

.bgi {background-repeat: no-repeat;background-size: cover;background-position: center center;}

.object-cover {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
}

.spacing-x {letter-spacing: 2px;}

.spacing-x-1 {letter-spacing: 1px;}

.password {color: rgba(142, 142, 142, 0.94) !important;}

.log {color: rgba(39, 39, 39, 0.94) !important;}

.brand {color: rgba(1, 59, 69, 0.94) !important;}

.link {color: var(--primary);cursor: pointer;word-wrap: break-word;text-decoration: none;}

.link:hover {color: var(--dark);}

a { text-decoration: none;display: inline-block;transition: all 0.3s ease-in-out;color: #191919;}

a:hover {color: var(--primary);}

ul {padding-left: 0;margin-bottom: 0;}

ul li {list-style-type: none;}

.btn:focus,
.form-control:focus,
.form-select:focus,
.form-check-input:focus { box-shadow: none;}

.btn { color: var(--white);font-weight: 500;padding: .5rem 1.5rem;font-size: 1rem;line-height: 1.6;justify-content: center;align-items: center;
    display: inline-flex;transition: all 0.4s ease-in-out;gap: .5rem;transition: all 0.5s ease-in-out;
} 

.btn-primary {background-color: var(--primary);border-color: var(--primary);} 
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active, .btn-primary.show {background-color: var(--primary);border-color: var(--primary);color: var(--white) !important;filter: brightness(115%);}
.btn-success {background-color: var(--success);border-color: var(--success);} 
.btn-success:hover,
.btn-success:focus,
.btn-success:active, .btn-success.show { background-color: var(--success);border-color: var(--success);filter: brightness(115%);}


/* .btn:hover svg path,
.btn:focus svg path,
.btn:active svg path { fill: var(--white);transition: all .3s ease-in-out; } */ 

.modal-open { padding-right: 0 !important; } 
.scroller * { scrollbar-width: thin;scrollbar-color: #ddd #eee; } 
.scroller *::-webkit-scrollbar { width: 12px; } 
.scroller *::-webkit-scrollbar-track { background: #eee; } 
.scroller *::-webkit-scrollbar-thumb { background-color: #ddd;border-radius: 20px;border: 3px solid #eee; }

   
@media (max-width: 991.99px) {
    html { font-size: 93.75%; }
} 

@media (max-width: 575.99px) {
    html { font-size: 87.5%; } 
    .btn { font-size: 0.937rem; } 
}

.logo__box { min-height: 3.75rem; } 
.nav-toggler {width: 36px;height: 36px;background-color: var(--nav-bg-color);}

.main__layout .side__nav { transition: all .3s ease-out; }
.expand .side__nav { width: 240px;transition: all .3s ease-out; }
.compact .side__nav { width: 70px;transition: all .3s ease-out; }
.side__nav {min-height: 100vh;background-color: var(--nav-bg-color);border-right: 1px solid #eee;} 
.side__nav * {scrollbar-width: thin;scrollbar-color: #ddd #eee;}

.side__nav *::-webkit-scrollbar { width: 12px;}

.side__nav *::-webkit-scrollbar-track { background: #eee;}

.side__nav *::-webkit-scrollbar-thumb { background-color: #ddd;border-radius: 20px;border: 3px solid #eee;}

.side__nav .links { padding-top: 2rem; }

.side__nav .links .icon { width: 24px;  height: 24px;  }

.side__nav .links ul li { padding: 0.25rem 1rem;margin-bottom: .75rem;}

.side__nav .links ul li a { padding: 0.5rem 0.5rem;border-radius: var(--nav-link-radius);position: relative;color: var(--nav-link-color);min-width: 200px;font-weight: 400;}
.side__nav .links ul li a.has__menu::after {border: 7px solid transparent;border-top-color: var(--nav-link-color);content: '';position: absolute;top: calc(50% + 5px);transform: translateY(-50%);right: 1rem;}

.side__nav .links ul li a.active.has__menu::after { border-top-color: var(--primary); }
.side__nav .links ul li a svg path { fill: var(--nav-link-color); }
.side__nav .links ul li a span { padding-left: .5rem;white-space: nowrap;transition: all .3s ease-in-out;}
.side__nav .links ul li a span:hover { color: var(--white);}

.side__nav .links ul li a.active { color: var(--white);font-weight: 500;}
/* .side__nav .links ul li a.active::before { background-color: var(--white);content: '';width: 4px;height: 80%;display: block; position: absolute;top: 50%;left: -1rem;transform: translateY(-50%);border-radius: 0 4px 4px 0;} */
 
.side__nav .links ul li a.active svg path { fill: var(--white); }
.side__nav .links ul li .inner__menu { padding-top: 0.5rem; } 
.side__nav .links ul li .inner__menu li { padding-top: 0;padding-bottom: 0; } 
.side__nav .links ul li .inner__menu li a { padding: .25rem .5rem .25rem 1.5rem; } 
.side__nav .links ul li .inner__menu li a.active_link { color: var(--white); } 
.side__nav .links ul li .inner__menu li a:hover { color: var(--white); }
 
.compact .side__nav .logo__box .navbar-brand img { width: 0; height: auto;}
/* .side__nav .links ul li { padding: 0.25rem 0.25rem; } */
.compact .side__nav .links ul li a { width: 40px;min-width: auto; }
.compact .side__nav .links ul li a.has__menu::after { content: none; }

.compact .side__nav .links ul li a span { opacity: 0; visibility: hidden; width: 0; padding-left: 0; }
.compact .side__nav .links ul li .collapse.show { opacity: 0;display: none; }
.compact .side__nav .links ul li a.active::before { content: none; }
 

@media (max-width: 1300px) {
    .side__nav {
        max-width: 225px;
    }
} 

@media (max-width: 991px) {
    .side__nav {
        position: fixed;
        top: 0%;
        left: 0%;
        width: 100%;
        max-width: 320px;
        min-height: 100vh; 
        z-index: 999;
        transform: translateX(-100%);
        transition: all 0.3s ease-in-out;
        opacity: 0;
        visibility: hidden;
    }

    .side__nav.js-show {
        transform: translateX(0);
        opacity: 1;
        visibility: visible;
    }
}

 



.main__layout { padding: 1rem; }

.main__content__wraper { padding: 0 0 1.5rem 1.25rem; }
@media (max-width: 991px) {
    .main__content__wraper { padding: 0; }
}
.header__wrapper { min-height: 3.75rem;background-repeat: no-repeat;background-size: cover;background-position: center center;}
.header__wrapper::after { background: linear-gradient(90deg, #28368A 0%, #1C36D3 49.48%, #28368A 100%);content: '';width: 100%;height: 100%;position: absolute;top: 0%;left: 0%;opacity: .75; }   
.header__wrapper .action__box .icon { width: 34px; height: 34px;color: var(--primary); }
.header__wrapper .action__box .icon svg { width: 16px; height: 16px; }
.header__wrapper .action__box .icon svg path { fill: var(--white); }
.header__wrapper .action__box .icon .badge {top: -0.25rem;right: -0.25rem;padding: 2px 5px; }
.header__wrapper .navbar-brand img { height: 2rem; width: auto; }
.header__wrapper .profile__btn img { width: 2.375rem;height: 2.187rem;border-radius: 6px; }
 
 
  
.btn-fab { width: 2rem;height: 2rem; }
.btn-fab.view { background-color: #D2E4FD; color: #406EF0;}
.btn-fab.view:hover, .btn-fab.view:focus { background-color: #c5d9f5;}
.btn-fab.complete { background-color: #DAF4F0; color: #0AB39C;}
.btn-fab.complete:hover, .btn-fab.complete:focus { background-color: #d0f2ed;}
.btn-fab.delete { background-color: #FCE8E4; color: #F06547;}
.btn-fab.delete:hover, .btn-fab.delete:focus { background-color: #fadbd5;} 
  
.breadcrumb .breadcrumb-item a { color: var(--breadcrumb-link-color); }
.breadcrumb .breadcrumb-item.active { color: var(--primary);text-transform: uppercase; } 

h1 { font-size: 1.5rem;font-weight: 600;color: #090A12; }
.label { font-weight: 500;color: var(--dark);display: inline-block;margin-bottom: 4px; } 
 

.dropdown-menu {  box-shadow: 3px 4px 24px rgba(38, 73, 129, 0.14), 4px 5px 18px rgba(38, 73, 129, 0.08);}
.dropdown-menu .border-bottom { border-color: #F8F8FE !important; }

.form-check-input { border-radius: 2px;width: 1.25rem;height: 1.25rem; border: 1px solid #e7e7e7; background-color: #F8F8FE ;}
.form-check-input:checked {  border-color: var(--primary); background-color: var(--primary);}
.form-check-input:checked[type="checkbox"] {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxNCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggaWQ9IkNoZWNrbWFyayIgZD0iTTEzLjQxNzUgMC4xOTk0MjZDMTMuMTUxNiAtMC4wNjY0NzU0IDEyLjcyMDYgLTAuMDY2NDc1NCAxMi40NTQ2IDAuMTk5NDI2TDQuMjk3NjggOC4zNTY0NUwxLjE2MjI5IDUuMjIxMDVDMC44OTY0MTQgNC45NTUxNSAwLjQ2NTM1NSA0Ljk1NTE4IDAuMTk5NDI2IDUuMjIxMDVDLTAuMDY2NDc1NCA1LjQ4NjkzIC0wLjA2NjQ3NTQgNS45MTc5OSAwLjE5OTQyNiA2LjE4Mzg5TDMuODE2MjUgOS44MDA2NkM0LjA4MjA1IDEwLjA2NjUgNC41MTM0MyAxMC4wNjY0IDQuNzc5MTIgOS44MDA2NkwxMy40MTc1IDEuMTYyMjlDMTMuNjgzNCAwLjg5NjQxNCAxMy42ODM0IDAuNDY1MzI4IDEzLjQxNzUgMC4xOTk0MjZaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K');
    background-size: 13px; 
}

.form-check-label { font-size: .875rem;color: var(--black);padding-left: .625rem; }

.dropdown-menu .form-check-input:checked[type="checkbox"] + .form-check-label::after { content: '';width: 100%;height: 100%;background-color: var(--primary-light);position: absolute;top:0%;left: 0%;z-index: -1;}
.overflow-x-auto { max-width: calc(100vw - 300px); }
.compact .overflow-x-auto { max-width: calc(100vw - 124px); }
@media (max-width: 991px) {
    .overflow-x-auto {
        max-width: calc(100vw - 30px);
      }
}
 

/* ------------- Data Table Styles Start ---------------- */
/* .large__table { min-width: 1150px; } */
.table .badge { font-weight: 500;min-width: 7.75rem;text-align: center;padding: .5rem 0;color: #FA6A85; }
/* .table .badge.bg-success { background-color: var(--badge-success-bg) !important;color: var(--badge-success-color); } */
/* .table .badge.bg-danger { background-color: var(--badge-danger-bg) !important;color: var(--badge-danger-color); } */
/* .table .badge.bg-warning { background-color: var(--badge-warning-bg) !important;color: var(--badge-warning-color); } */
/* .table td, th { white-space: nowrap;position: relative;z-index: 1; } */
/* .table thead { background-color: var(--thead-bg); } */
.table th { font-size: 12px;font-weight: 500 !important;color: #002248;border: 0 !important; padding: 1rem 1rem;background-color: transparent; }
.table td { color: #626262;font-weight: 400;font-size: 15px;padding: 1rem; }
table.dataTable > thead > tr > th { padding: 16px 10px; }
.table .highlight td { color: var(--primary); }
.table .row__selection input:checked[type="checkbox"] + label::after { content: '';width: 100%;height: 100%;background-color: var(--primary-light); position: absolute;top:0%;left: 0%;z-index: 0;}
.table tr { position: relative; }
.table .form-check-input { z-index: 11; }
.table > :not(caption) > * > * { border-color: #090A121A; }
.table {box-shadow: 0px 1.09px 21.32px -1.09px #0000000A;}
.table > tbody > tr:last-child td:first-child { border-bottom-left-radius: 1rem; }
.table > tbody > tr:last-child td:first-child { border-bottom-right-radius: 1rem; }
.table > tbody > tr:last-child td { border-bottom: 0; }



.dataTables_wrapper .dataTables_paginate .paginate_button {  min-width: auto; padding: 0.5em; border: 0; line-height: 1; color: var(--black);font-size: .875rem;}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover { color: var(--primary) !important; border: 0; background-color: transparent; background: transparent;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { background: transparent;color: var(--primary) !important;border: 0; }
.dataTables_wrapper .dataTables_filter label, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_length { color: var(--dark);font-size: .875rem; } 
 
.dataTables_length { padding-left: 1rem; }
.dataTables_filter { padding-bottom: 1rem; }
input:focus { box-shadow: inset;outline: none; }

table.dataTable thead > tr > th.sorting::after, table.dataTable thead > tr > th.sorting_desc::after {
    content: '';background: url('sort_desc.png') no-repeat center center / 9px;
    width: 9px;height: 5px;
}
table.dataTable thead > tr > th.sorting::before, table.dataTable thead > tr > th.sorting_desc::before {
    content: '';background: url('sort_asc.png') no-repeat center center / 9px;
    width: 9px;height: 5px;
}
table.dataTable thead > tr > th.sorting { overflow: hidden; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 8px;background: var(--primary);
}
.dataTables_wrapper.no-footer .dataTables_scrollBody, table.dataTable.no-footer { border-bottom: 0; }
 

/* .header__wrapper { background-image: linear-gradient(90deg, rgba(40, 55, 138, 0.5) 0%, rgba(28, 55, 211, 0.5) 49.48%, rgba(40, 55, 138, 0.5) 100%); } */
 
 


.patient__login .form-control {
    height: 3.25rem;border: 1px solid #CCCCCC; border-radius: 0.375rem;font-weight: 500;padding-left: 1.425rem;background-color: #FFFFFF; 
} 
.patient__login .form-control::placeholder {
    color: #A4A4A4;
}
.patient__login .logs {
    color: #A4A4A4;
}

.table thead { background-image: linear-gradient(233.73deg, rgba(0, 34, 72, 0.2) 16.59%, rgba(224, 169, 75, 0.3) 47.03%, rgba(66, 137, 218, 0.3) 79.53%); }

.bg_clr {background-color: #FFF6EF;}
.bg_dan {background-color: #C1FDC7;}
.bg_dans {background-color: #FEEDA9;}



/*  login html Start */
.auth__layout .thumbnail__box { min-height: 100vh; } 
.auth__layout .form__wrapper{ max-width: 473px;}
.auth__layout .form-control{  color: var(--dark); border: 1px solid #D9D9D9;height: 54px; }
.auth__layout .form-control::placeholder{  color: #8A8A8A;} 
.auth__layout a{  color: #28368A; }
.auth__layout .form__box { min-height: 100vh; }
@media (max-width: 991px) {
    .auth__layout { background-color: var(--primary) !important;padding: 1.5rem;min-height: 100vh; }
    .auth__layout .form__box { min-height: auto; }
    .auth__layout .thumbnail__box { min-height: auto; }
    .auth__layout .thumbnail__box img { max-width: 60%;margin-left: auto;margin-right: auto; } 
}
/*  login html End */