@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&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');

@import "./assets/libs/simplebar/dist/simplebar.css";
@import "./assets/css/icons/tabler-icons/tabler-icons.css";
/*
@import ".././font/Frutiger-Font/FTLC.ttf";*/

.nav-links li {
    padding: 0.5rem;
}

.dropdown.profile-dropdown svg {
    width: 100%;
    max-width: 48px !important;
    height: 24px !important;
}

span.badge.bg-secondary {
    background: transparent !important;
    color: #000;
    border: 1px solid;
    border-radius: 50%;
    width: 23px;
    height: 23px;
    text-align: center;
    padding: 3px;
    /* font-size ;*/ 17px;
    font-weight: 400;
}

.sidebar-item.alert-btns-badge {
    display: flex;
    align-items: center;
}

tr.gridheader th {
    background: #fff;
    padding: 17px 17px;
    box-shadow: none;
    /* font-weight: 600;*/
    color: #121926;
    /* font-size ;*/ 15px;
}

.patient-table td {
    padding: 13px 16px !important;
    /* font-size ;*/ 15px;
    font-weight: 500;
    border-bottom: 0;
    /*   white-space: nowrap;*/
}



.Options svg {
    width: 10px;
}
/*span.sub-options {
    color: #475466;*/
/* font-size ;*/ /*15px;
}*/
span.svg-size svg {
    color: #155eef !important;
    transition: all 0.3s ease;
    color: #4982f2;
    transition: all 0.3s ease;
    width: 1.6rem;
    height: 1.6rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.sidebar-nav ul .sidebar-item.selected > .sidebar-link, .sidebar-nav ul .sidebar-item.selected > .sidebar-link.active, .sidebar-nav ul .sidebar-item > .sidebar-link.active {
    background-color: #5d87ff38;
    color: #000;
    border-radius: 19px;
    padding: 7px 14px;
}

.sidebar-nav .sub-menu {
    padding: 6px 2px 14px 29px;
    margin-top: 0px;
    background: #fff;
    display: none;
}

.sidebar-nav.showMenu .sub-menu {
    display: block;
}

.sidebar-nav .sub-menu a {
    color: #1d1b31;
    /* font-size ;*/ 15px;
    padding: 7px 0;
    white-space: nowrap;
    opacity: 1;
    transition: all 0.3s ease;
}

    .sidebar-nav .sub-menu a:hover {
        opacity: 1;
    }

.sidebar.close .nav-links li .sub-menu {
    position: absolute;
    left: 100%;
    top: -10px;
    margin-top: 0;
    padding: 10px 20px;
    border-radius: 0 6px 6px 0;
    opacity: 0;
    display: block;
    pointer-events: none;
    transition: 0s;
}

.sidebar.close .nav-links li:hover .sub-menu {
    top: 0;
    opacity: 1;
    pointer-events: auto;
    transition: all 0.4s ease;
}

.sidebar-nav .sub-menu .link_name {
    display: none;
}

.sidebar.close .nav-links li .sub-menu .link_name {
    /* font-size ;*/ 18px;
    opacity: 1;
    display: block;
}

.sidebar-nav .sub-menu.blank {
    opacity: 1;
    pointer-events: auto;
    padding: 3px 20px 6px 16px;
    opacity: 0;
    pointer-events: none;
}

.sidebar-nav:hover .sub-menu.blank {
    top: 50%;
    transform: translateY(-50%);
}

/*.question {
    padding: 15px 0px;
}*/

/* .profile-details {
  position: absolute;
  bottom: 0;
} */


.left-sidebar {
    width: 285px;
    background-color: #fff;
    position: absolute;
    -webkit-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
    height: 100%;
    z-index: 9999;
    border-right: 1px solid rgb(229, 234, 239)
}

    .left-sidebar .scroll-sidebar.scroll-sidebar-2 {
        height: calc(100vh - 114px);
    }

    .left-sidebar .scroll-sidebar {
        overflow-y: auto;
        padding: 0 24px;
        height: calc(100vh - 151px);
        border-radius: 7px;
    }

        .left-sidebar .scroll-sidebar .simplebar-track.simplebar-horizontal {
            visibility: hidden !important
        }

.brand-logo {
    /*min-height: 70px;*/
    padding: 0 6px;
}

.nav-small-cap .nav-small-cap-icon {
    display: none
}

.setting {
    padding: 0px 27px;
}


.sidebar-nav ul .sidebar-item .sidebar-link {
    color: #2A3547;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* /* font-size ;*/ 14px;
    */ white-space: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 25px;
    position: relative;
    margin: 0px 0px 2px;
    padding: 10px;
    border-radius: 22px;
    gap: 15px;
    font-weight: 400
}

    .sidebar-nav ul .sidebar-item .sidebar-link span:first-child {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .sidebar-nav ul .sidebar-item .sidebar-link .ti {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        /* font-size ;*/ /*21px*/
    }


span.hide-menu {
    color: #000;
    /* font-size ;*/ /*15px;*/
}

button.dropdown-btn.hide-menu {
    color: #000;
}

.sidebar-nav ul .sidebar-item .sidebar-link:hover.has-arrow:after {
    border-color: #5D87FF
}

.sidebar-nav ul .sidebar-item .sidebar-link.active:hover.has-arrow:after {
    border-color: #fff
}

.sidebar-nav ul .sidebar-item .link-disabled {
    opacity: 0.38
}

.sidebar-nav ul .sidebar-item.selected > .sidebar-link,
.sidebar-nav ul .sidebar-item.selected > .sidebar-link.active,
.sidebar-nav ul .sidebar-item > .sidebar-link.active {
    background-color: #5D87FF;
    color: #fff
}

.sidebar-nav .sidebar-list .sidebar-list-item {
    padding: 8px 0
}

.collapse.in {
    display: block
}

.app-header {
    position: relative;
    z-index: 50;
    width: 100%;
    background: #fff;
    padding: 0 25px
}



    .app-header .navbar {
        min-height: 0px;
        padding: 0
    }

        .app-header .navbar .navbar-nav .nav-item .nav-link {
            padding: 8px 16px;
            line-height: 70px;
            height: 70px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            position: relative;
            /* font-size ;*/ 20px;
            z-index: 2
        }

        .app-header .navbar .navbar-nav.quick-links .nav-item .nav-link {
            /* font-size ;*/ 0.875rem;
            position: relative;
            z-index: 2
        }

        .app-header .navbar .navbar-nav.quick-links .nav-item:hover .nav-link {
            -webkit-transition: all 0.1s ease-in-out;
            transition: all 0.1s ease-in-out;
            color: #5D87FF !important
        }

            .app-header .navbar .navbar-nav.quick-links .nav-item:hover .nav-link:before {
                content: "";
                position: absolute;
                left: 0;
                right: 0;
                height: 36px;
                width: 100%;
                border-radius: 7px;
                background: #ECF2FF;
                z-index: -1
            }

.nav-icon-hover {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

    .nav-icon-hover:hover:before {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        height: 40px;
        width: 40px;
        z-index: -1;
        border-radius: 100px;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        background-color: #ECF2FF
    }


.navbar-nav .dropdown-menu .dropdown-item {
    border-radius: 8px
}

.notification {
    content: "";
    position: absolute;
    top: 22px;
    right: 9px;
    width: 8px;
    height: 8px
}

@media (max-width:991.98px) {
    .app-header .navbar {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        position: absolute;
        right: 0;
    }

        .app-header .navbar .navbar-nav {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row
        }
}

@media (max-width:767.98px) {
    .navbar-nav .dropdown-menu {
        position: absolute;
        width: 100%;
        right: 13px;
    }



    .navbar-nav .nav-item.dropdown {
        position: static
    }
}

.simplebar-scrollbar:before {
    background: rgba(0, 0, 0, 0.5) !important
}

#main-wrapper[data-layout=vertical][data-sidebar-position=fixed] .left-sidebar {
    position: fixed;
    top: 0
}

#main-wrapper[data-layout=vertical][data-header-position=fixed] .app-header {
    position: sticky;
    z-index: 4;
    top: 0;
}

#main-wrapper[data-layout=vertical][data-header-position=fixed] .body-wrapper > .container-fluid,
#main-wrapper[data-layout=vertical][data-header-position=fixed] .body-wrapper > .container-lg,
#main-wrapper[data-layout=vertical][data-header-position=fixed] .body-wrapper > .container-md,
#main-wrapper[data-layout=vertical][data-header-position=fixed] .body-wrapper > .container-sm,
#main-wrapper[data-layout=vertical][data-header-position=fixed] .body-wrapper > .container-xl,
#main-wrapper[data-layout=vertical][data-header-position=fixed] .body-wrapper > .container-xxl {
    padding-top: calc(70px + 15px)
}

@media (min-width:992px) {
    #main-wrapper[data-layout=vertical][data-header-position=fixed][data-sidebartype=mini-sidebar] .app-header {
        width: 100%
    }

    #main-wrapper[data-layout=vertical][data-header-position=fixed] .app-header {
        width: calc(100% - 270px)
    }

    #main-wrapper[data-layout=vertical][data-sidebartype=full] .body-wrapper {
        margin-left: 285px
    }
}

@media (max-width:991px) {

    #main-wrapper[data-layout=vertical][data-sidebartype=full] .left-sidebar,
    #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar {
        left: -306px
    }

    #main-wrapper[data-layout=vertical][data-sidebartype=full].show-sidebar .left-sidebar,
    #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar].show-sidebar .left-sidebar {
        left: 0
    }
}


ul {
    list-style: none;
    padding-left: 0
}


.sidebar-nav a, .dropdown-btn {
    /* padding: 6px 8px 6px 16px; */
    /* text-decoration: none; */
    /* /* font-size ;*/ 20px;
    */ color: #475466;
    display: block;
    border: none;
    background: none;
    width: 100%;
    /* text-align: left; */
    cursor: pointer;
    outline: none;
}
/*
    .sidebar-nav a, .dropdown-btn:hover {
        color: #475466 !important;
    }*/


.fa-chevron-down {
    padding-right: 8px;
}

.dropdown-container {
    display: none;
    padding-left: 8px;
}

li.sidebar-item.sidemenu-dropdown {
    margin-left: 9px;
}

button.dropdown-btn.hide-menu {
    margin-top: -38px;
    padding: 14px 0px 15px 1px;
    /* font-size ;*/ 15px;
    margin-left: -27px;
}



.dropdown-container svg {
    padding: 9px 0px;
}

.Search-bar .form-control {
    -webkit-box-shadow: none;
    /* box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); */
}

.question i {
    padding: 15px 2px;
    /* font-size ;*/ 20px;
    margin-right: 12px;
}

nav.sidebar-nav hr {
    margin-top: 8px;
    margin-bottom: 8px;
}



a.text-nowrap.logo-img {
    /*  display: flex;
    align-items: center;*/
    margin-bottom: 8px;
    color: #000;
    text-decoration: none;
}

.logo-img h4 {
    /* font-size ;*/ 17px;
    margin-top: 16px;
}

.profile-content .dropdown-menu {
    left: -121px !important;
}

.dropdown-btn.active .options {
    display: block;
}

.dropdown-btn .options div {
    padding: 12px 20px;
    cursor: pointer;
}

    .dropdown-btn.options div:hover {
        background: #62baea;
        color: #fff;
    }

a.dropdown-link:hover {
    background-color: rgba(93, 135, 255, 0.1);
    color: #5D87FF;
    padding: 2px 24px;
    border-radius: 22px;
    border-radius: 22px;
}

a.dropdown-link {
    padding: 2px 24px;
}

.text-nowrap.logo-img img {
    width: 49px;
    margin-top: 8px;
}

select.form-select.form-select-sm {
    width: 64px;
    padding: 4px 6px;
}

.side-bar.active {
    left: 0;
}

.item a .dropdown {
    position: absolute;
    right: 0;
    margin: 6px 8px;
    transition: 0.3s ease;
    font-size: 13px;
}

.side-bar .menu .item .sub-menu {
    background: #262627;
    display: none;
}

    .side-bar .menu .item .sub-menu a {
        padding-left: 80px;
    }

.rotate {
    /* transform: rotate(180deg);*/
    transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(90deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

a.sub-btn {
    /*margin-left: 11px;*/
    padding: 9px 0px;
    /* font-size ;*/ 15px;
    text-decoration: none !important;
}

li.sidebar-item:hover {
    background-color: #13a4f830;
    border-radius: 4px;
}




/* Default sidebar styles */
.sidebar-nv-view {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .sidebar-nv-view .sidebar-item {
        position: relative;
        font-family: 'Inter,sans-serif';
    }

        .sidebar-nv-view .sidebar-item a {
            display: block;
            padding: 10px 8px;
            color: #333; /* Default text color */
            text-decoration: none;
        }

        /* Active sidebar item */
        .sidebar-nv-view .sidebar-item.active > a {
            color: #fff;
            /* background-color: #007bff; */
        }


.sidebar-item.active {
    background-color: #13a4f830;
    border-radius: 4px;
}

/* Active submenu item */
.sidebar-nv-view .sidebar-item .sub-menu .sub-item.active {
    color: #007bff; /* Blue text color for active submenu item */
    background-color: rgba(0, 123, 255, 0.1); /* Light blue background for active submenu item */
    border-radius: 4px;
    font-weight: 800;
}


.sidebar-item.active span.ms-2 {
    font-weight: 800;
}

li.sidebar-item.active a.sidebar-link.sub-item {
    font-weight: 800;
}


/* Sidebar link hover and focus states */
/*   .sidebar-nv-view .sidebar-item a:hover,
        .sidebar-nv-view .sidebar-item a:focus {
            color: #007bff; 
        }*/

/* Show submenu on active state */
.sidebar-nv-view .sidebar-item.active .sub-menu {
    display: block;
}

.sub-menu {
    display: none;
    list-style: none;
    padding: 0;
    margin: 0;
}

.sub-item {
    padding-left: 20px;
}

.dropdown {
    transition: transform 0.3s;
}

.active .dropdown {
    transform: rotate(90deg);
}

.badge {
    border-radius: 0.25rem;
}