/* DASHBOARD NEW CSS */
/* Font family   */
@import url('https://fonts.googleapis.com/css2?family=Public+Sans:wght@200;300;400;500;600;700&display=swap');


nav#navbarBlur {
    background: #fff !important;
    margin: 0px 0px 0px 7px !important;
    border-radius: 0 !important;
}

.top_navbar{
    padding: 16px 43px 16px 20px !important;
    border-bottom: 1px solid #E0E0E0;
    border-left: 1px solid #E0E0E0;
}
.input-group {
    border-radius: 4px !important;
    background: rgba(242, 243, 244, 0.70);
}
.serach_bar_box{
    border-radius: 4px !important;
    width: 333px;
    max-height: 40px;
}
.input-group-text,
.form-control{
    border-radius: 0 !important;
    background-color: unset !important;
    border: 0 !important;
}

.btn_dental_demo{
    border-radius: 30px;
border: 1px solid #C7C7C7 !important;
box-shadow: unset !important;
color: #000;
font-family: Public Sans;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 142.857% */
text-transform: capitalize;
display: flex;
align-items: center;
}
.dropdown .dropdown-toggle:after, .dropup .dropdown-toggle:after, .dropstart .dropdown-toggle:after, .dropend .dropdown-toggle:after{
    color: #7B878C;
    font-weight: 400 !important;
    font-size: 16px !important;
}
.dropdown-toggle::after{
    margin-left: 10px !important;
}
.dropdown .dropdown-toggle:after, .dropup .dropdown-toggle:after, .dropstart .dropdown-toggle:after, .dropend .dropdown-toggle:after {
    content: "\f078";
    font: normal normal normal 17px/1 FontAwesome;
    font-weight: 300;
}

.notification_box{
    position:relative;
}

.notification_box span{
    position: absolute;
    top: -4px;
    right: -2px;
}
.btn_profile{
    color: #000;
    font-family: Public Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    text-transform: capitalize;
    display: flex;
    align-items: center;
}

nav#navbarBlur {
    flex-direction: column;
    align-items: baseline;
}
.dropdown:not(.dropdown-hover) .dropdown-menu{
    margin-top: 20px !important;
}
ul.dropdown-menu.show {
    border-radius: 6px;
    border: 1px solid var(--gray-100, #E5E7E8) !important;
    background: var(--gray-white, #FFF) !important;
    box-shadow: 0px 4px 24px 0px rgba(25, 27, 28, 0.06) !important;

}
.dropdown-item span {
    color: var(--brand-text-color, #374151);
    font-family: Public Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}
.dropdown-item{
    gap: 8px;
    padding: 9px 10px !important;
}

.input-group .form-control:focus {
    border-left: 0 !important;
    border-right:  0 !important;
    border: 0 !important;
}

/* RESPONSIVE CSS START */
@media (min-width:1200px) and  (max-width:1399px){}
@media (min-width:992px) and  (max-width:1199px){
    nav#navbarBlur {
        z-index: 99;
    }
    nav#navbarBlur {
        margin: 0px 0px 0px 0px !important;
    }
}
@media (min-width:768px) and  (max-width:991px){
    .dropdown:not(.dropdown-hover) .dropdown-menu {
        margin-top: 20px !important;
        position: absolute;
        top: -20px;
    }

.btn_dental_demo {
    padding: 8px;
}

    nav#navbarBlur {
        margin: 0px 0px 0px 0px !important;
    }
    nav#navbarBlur {
        z-index: 99;
    }
    .dropdown .dropdown-toggle:after, .dropup .dropdown-toggle:after, .dropstart .dropdown-toggle:after, .dropend .dropdown-toggle:after {
        font-size: 12px !important;
    }
}
@media (min-width:320px) and  (max-width:767px){
    .dropdown:not(.dropdown-hover) .dropdown-menu {
        margin-top: 20px !important;
        position: absolute;
        top: -20px;
    }
    .profile_drop_down .dropdown:not(.dropdown-hover) .dropdown-menu {
        left: -108px !important;
    }
    .serach_bar_box {
        width:31px !important;
    }
    .g-sidenav-show .navbar:not(.sidenav).navbar-main .navbar-nav {
        justify-content: end !important;
    }
    .btn_profile {
        font-size: 0;
    }
    .btn_dental_demo {
        font-size: 13px;
        padding: 4px 11px;
    }
    
    
    /* ul.navbar-nav li .dropdown.btn_drop {
        display: none;
    } */
    .input-group {
        display: none;
    }
    nav#navbarBlur {
        margin: 0px 0px 0px 0px !important;
    }
    .dropdown .dropdown-toggle:after, .dropup .dropdown-toggle:after, .dropstart .dropdown-toggle:after, .dropend .dropdown-toggle:after {
        font-size: 12px !important;
        margin-left: 0 !important;
    }
    a#navbarDropdownMenuLink3 img {
        margin-right: 0.5rem !important;
    }
    .top_navbar {
        padding: 2px 10px 11px 12px !important;
    }
    nav#navbarBlur {
        z-index: 99;
    }
    ul.navbar-nav.gap-4.justify-content-end.align-items-center {
        flex-wrap: wrap !important;
       justify-content: start !important;
       gap: 10px !important;
    }
    .left_side_box .button_group{
        flex-wrap: wrap !important;
    }
    .inner_content_section .bottom_box_nav {
        padding: 24px 26px 0px 26px !important;
    }
    .bottom_box_nav .left_side_box h2 {
        font-size: 27px !important;
    }
    .dropdown-toggle::after{
        border-top: 0 !important;
    }
    .btn_new_dash {
        font-size: 13px !important;
        padding: 0px 17px !important;
    }
    .left_side_box .button_group {
        gap: 11px !important;
    }
    .background_inner {
        padding: 18px 20px 26px 20px !important;
    }
    .numbers h5 {
        font-size: 20px !important;
        line-height: 27px !important;
    }

}
 
@media (min-width: 1200px){
.g-sidenav-hidden .navbar-vertical.fixed-start~.main-content {
    margin-left: 5.5rem;
}

.g-sidenav-hidden .navbar-vertical .navbar-brand img{
    width:109px !important;
}
.g-sidenav-hidden .navbar-vertical.navbar-expand-xs .navbar-nav .nav-link{
    justify-content: center !important;
    gap: 0 !important;
}
}
@media (min-width: 1200px){
.sidenav.fixed-start~.main-content {
    margin-left: 15.125rem;
}
}

@media (min-width: 375px) and (max-width: 425px){
    .left_side_box .button_group .btn_new_dash {
    font-size: 13px !important;
    padding: 0px 25px !important;
}
ul.navbar-nav.gap-4.justify-content-end{
    flex-wrap: unset !important;
}

a#navbarDropdownMenuLink3 img {
    margin-right: 0.5rem !important;
}
}
@media (min-width: 425px) and (max-width: 767px){
    .left_side_box .button_group .btn_new_dash {
    font-size: 13px !important;
    padding: 0px 31px !important;
}
ul.navbar-nav{
    flex-wrap: unset !important;
    justify-content: start !important;
    gap: 6px !important;
}

a#navbarDropdownMenuLink3 img {
    margin-right: 0.5rem !important;
}
}