/* header_top.css */
:root {
    --navlink-active: rgba(0, 0, 0, 0.1);
    --header-height-default: 90px;
    --header-height: var(--header-height-default);
    --sidebar-width: 280px;

}


@media (min-width: 992px) {
    .width-960 .header-width {width: 960px; margin:0px auto;}
    .width-960 .content-width {width: 960px; margin:0px auto;}
}


@media (min-width: 1200px) {
    .width-1140 .header-width {width: 1140px; margin:0px auto;}
    .width-1140 .content-width {width: 1140px; margin:0px auto;}
    
    .width-1270 .header-width {width: 1140px; margin:0px auto;}
    .width-1270 .content-width {width: 1140px; margin:0px auto;}

    .width-1320 .header-width {width: 1140px; margin:0px auto;}
    .width-1320 .content-width {width: 1140px; margin:0px auto;}

    .width-1440 .header-width {width: 1140px; margin:0px auto;}
    .width-1440 .content-width {width: 1140px; margin:0px auto;}

    .width-1630 .header-width {width: 1140px; margin:0px auto;}
    .width-1630 .content-width {width: 1140px; margin:0px auto;}

    .width-1320-1140 .header-width {width: 1140px; margin:0px auto;}
    .width-1320-1140 .content-width {width: 1140px; margin:0px auto;}

}

@media (min-width: 1400px) {
    .width-1270 .header-width {width: 1270px; margin:0px auto;}
    .width-1270 .content-width {width: 1270px; margin:0px auto;}
    
    .width-1320 .header-width {width: 1320px; margin:0px auto;}
    .width-1320 .content-width {width: 1320px; margin:0px auto;}

    .width-1320-1140 .header-width {width: 1440px; margin:0px auto;}
    .width-1320-1140 .content-width {width: 1140px; margin:0px auto;}


    .width-1440 .header-width {width: 1440px; margin:0px auto;}
    .width-1440 .content-width {width: 1440px; margin:0px auto;}

    .width-1630 .header-width {width: 1630px; margin:0px auto;}
    .width-1630 .content-width {width: 1630px; margin:0px auto;}

}




.box-users-online-sidebar {position:fixed; bottom:1.5rem; left: 1.5rem; z-index:1050;}


.header-main {
    height: var(--header-height);
    transition: height 0.25s;
}

.header-main #menu, .header-main #menu .nav-item{
    transition: height 0.25s; 
}

.main {padding-top: var(--header-height-default) !important; margin-left: 0 !important;}
.nav-item {border-bottom: gray 1px solid;}
.navbar .dropdown-item {font-size: var(--navbar-font-size)  !important;}
.navbar-nav .nav-item {border-bottom: 0; height: var(--header-height);}
.navbar-nav .dropdown-toggle::after {display: inline-block;}
.nav-item a.nav-link {height: 100%; display: flex; align-items: center;}
.listing-panel .dropdown /* .dropend, .dropstart, .dropup */ {position: static !important;}
.logo {margin-top: 0 !important;}
a.logo img {max-width: 150px; min-height:1.25rem;}
button.navbar-toggler:focus {box-shadow: 0 0 0 0.25rem rgb(248 249 250 / 50%) !important;}
.nav-item.dropdown  {position: relative !important;}
.navbar .dropdown-menu { /*right: 0; */left: auto;top: 100% !important;}
.dropdown-search .dropdown-menu {min-width: 50vw; margin: -0.125rem -0.125rem 0 -0.125rem;}


header .dropdown, header .dropdown .position-relative, header .dropdown .position-relative .btn-group { height: var(--header-height); position: relative !important; display: flex; align-items: center;}

.dropdown-profile .dropdown-menu {margin-top: 0 !important;}
/* .dropdown-toggle::after {display: none;} */
.dropdown-menu-alerts {max-height: initial !important;}
.dropdown-menu-alerts .dropdown-item{overflow: hidden;text-overflow: ellipsis;}
.nav-item.active > a, .nav-item:hover > a, .nav-item:focus > a {background: none;}
.dropdown-menu-nav {left: 0 !important; right: auto !important;}


.header-main .dropdown-menu {border-top: white;border-top-left-radius: 0 !important;border-top-right-radius: 0 !important;margin-top: 0 !important;}



/* стрелки в выпадающем меню */
.nav-item.dropdown > a.dropdown-toggle {position: relative;}
.nav-item.dropdown:not(.nav-item-more) > a.dropdown-toggle:after {
    content: "";
    display: block;
    position: absolute;
    height: 0.4rem;
    width: 0.4rem;
    border: none;
    border-right: 1px solid var(--navbar-color);
    border-bottom: 1px solid var(--navbar-color);
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    transition: all .3s ease-in-out;

}

@media (min-width: 1200px) {
    .nav-item.dropdown:not(.nav-item-more) > a.dropdown-toggle:after {right: 0;}
}
@media (min-width: 768.98px) {
    .nav-item.dropdown:not(.nav-item-more) > a.dropdown-toggle:after {right: 1rem;}
}
.nav-item.dropdown.active:not(.nav-item-more) > a.dropdown-toggle:after {border-color: var(--navbar-color);}
.nav-item.dropdown:not(.nav-item-more) > a.dropdown-toggle:hover:after {border-color: var(--navbar-color);}
.nav-link.dropdown-toggle {padding-right: 2rem !important;}

@media (max-width: 1199.98px) {
    .navbar-nav{display:block;overflow-y: auto;}
    .navbar-nav .nav-item.dropdown{flex-direction: column;align-items: flex-start;}
    .navbar-nav .nav-item a.nav-link{width:100%;}
    .navbar-nav .nav-item a.nav-link.dropdown-toggle.show:after{transform: translateY(-50%) rotate(-135deg);}
    .navbar-nav .dropdown-menu{top:0 !important;width: 100%;border-radius: 0 !important;padding: 0;background:transparent !important;}
    .navbar-nav .dropdown-menu .dropdown-item {color:var(--navbar-color) !important;padding: var(--bs-nav-link-padding-y) 1.5rem !important;background:none;}
    .navbar-nav .dropdown-menu .dropdown-item:hover,
    .navbar-nav .nav-item.dropdown > a:hover{
        background:var(--navbar-bg-hover);    
    }
    .navbar-nav .nav-item.dropdown:hover{background:none !important;}
    
    .navbar-nav .dropdown-menu > li{margin-left:1rem;}
    
    header .dropdown, header .dropdown .position-relative { height: var(--header-height);}
    .navbar-nav .nav-item {height:auto;min-height: 4rem !important;}
    .nav-item.dropdown .nav-link{height:4rem;}
    header .nav-item.dropdown, header .nav-item.dropdown .position-relative { height:auto;min-height: 4rem !important;}
    .navbar-nav {
        /*padding-top: 4rem !important;*/
        top: 0;
        left: 0;
        height: 100vh;
        position: fixed;
        width: 350px;
        z-index: 1000;
    }
    .navbar-nav .nav-item { width: 100%;}
    .navbar-nav .nav-link, .navbar-nav .dropdown-item  {padding-left: 3.75rem !important; padding-right: 3.75rem !important;}
    .dropdown-menu-nav { border: none; max-width: 100%;}
}

@media (max-width: 992.98px) {
}
@media (max-width: 767.98px) {
    .nav-item--text {margin-left: 10px;}
    .navbar-nav .nav-link, .navbar-nav .dropdown-item {padding-left: 1.75rem !important; padding-right: 1.75rem !important;}
    .dropdown-menu-search {margin-right: -8rem;}
}
@media (max-width: 1199.98px) {
    .navbar-nav {width: var(--sidebar-width);}
}
@media (max-width: 767.98px) {
    .navbar-nav {width: calc(100% - 62px);}
}

/*
@media (min-width: 1400px) {
    .px-md-5 {
        padding-right: 6rem !important;
        padding-left: 6rem !important;
    }
}
*/

@media (max-width: 1199.98px) {
    .btn:hover {
        border-color: transparent!important;
    }
    
    .shadow-top {
      box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    }
}

.navbar ~ .main .sticky-menu-sub {position:sticky !important; top:var(--header-height) !important; z-index:6 !important;}