.w3-content{max-width: 100%; padding: 20px 0 0; }
.w3-main {padding-left: 25px;}
.w3-sidenav {color: #000; /*background-color: #ddd;*/ /*background-color: #f2e5b1; *//*background-color: #f44336;*/background-color: #000; /*border-right: 2px solid #b3afaf;*/ }
/*.w3-sidenav a { font-family: Verdana, Helvetica, Arial, Tahoma, sans-serif;  }*/

a.no-hover:hover { color: auto; background: initial; }
.w3-overlay {z-index: 250;}
h1, h2, h3 {/*color: #f44336;*/color: #b30c00; font-size: 24px; font-weight: bold;}
h2 {font-size: 20px;}
h3 {font-size: 16px;}
ul.menu { line-height: 30px; background: rgba(255,255,255,0.85); border: 2px #b30c00 solid; border-radius: 7px; padding: 5px 20px; z-index: 249; list-style-type: none; position: fixed; right: 1%; top: 0px; text-align: center; }
/* ul.menu:hover{ background: rgba(255,255,255,0.95);  } */
ul.menu li { display: inline; margin: 0; padding: 0 5px;  }
ul.menu li input { padding: 4px 10px; margin: 0 5px; line-height: 14px; cursor: pointer; border: 1px solid grey; border-radius: 4px; background-color: #efefef;}
ul.menu li input#searchText { text-align: left; cursor: auto;  }
ul.menu li input:hover, ul.menu li input:focus {background-color: #f5f5f5;}
ul.menu li input:focus {outline:0;}
header.mobile-header { z-index: 249; }

@media only screen and (max-width:993px){
    .w3-content ul.menu { top: 71px; right: auto; width: 100%; border-radius:0; border-right: 0; border-left: 0;}
    .menu-content { padding-top: 0; }
    .w3-main {padding-left: 0.5em; margin-top: 150px;}
    .big_block .obj { width: 47%;}
}

@media only screen and (max-width:710px){
    .w3-main .big_block .obj { width: 100%; }
}

/* menu */
.w3-sidenav {
    background-color: #000;
    background-image: 
        linear-gradient(to bottom, rgba(0,0,0,0) 85%, #000 100%),
        url("/assets/images/library/menu2.webp")
    ;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
    overflow: visible;
}

.inner-content {
  height: 100%;
  overflow-y: auto;   /* вертикальная прокрутка */
  overflow-x: visible; /* по горизонтали не режем */
  scrollbar-width: none;
}
.inner-content::-webkit-scrollbar {
  display: none;
}

.sidebar::-webkit-scrollbar {
    display: none; /* скрыть скроллбар в Chrome/Safari */
}

.mainMenu li {
    position: relative;
    z-index: 2;
}

.mainMenu li a {
    position: relative;
    display: block;
    padding: 8px 12px;
    transition: all 0.25s ease;
    color: #fff;
    font-weight: bold;
    z-index: 3; /* текст выше псевдоэлемента */
}

.mainMenu li a:hover {
    /* цвет текста оставляем как есть — #000 */
    transform: translateY(-2px); /* лёгкий подъём */
    text-shadow: 0 1px 2px rgba(0,0,0,0.25); /* мягкое свечение текста */
}

.mainMenu li a::after {
    content: "";
    position: absolute;
    left: -10px;   /* выход за границы по ширине */
    right: -10px;
    top: 0;        /* не выходим по высоте */
    bottom: 0;
    background: transparent;
    transition: all 0.25s ease;
    z-index: -1; /* фон под текстом */
}

.mainMenu li a:hover::after {
    background: rgba(192,156,107,0.85); /* #c09c6b с лёгкой прозрачностью */
    box-shadow: 0 6px 12px rgba(0,0,0,0.4); /* тень для объёма */
    border-radius: 4px; /* лёгкое скругление */
}


.mainMenu li a:hover {
    background-color: transparent !important;
}
.mainMenu li a:hover::after {
    background: rgba(192,156,107,0.85); /* #c09c6b с лёгкой прозрачностью */
    box-shadow: 0 0 8px rgba(0,0,0,0.4); /* лёгкая тень для эффекта */
}

.mainMenu, .mainMenu ul, .mainMenu ul li { list-style: none; padding: 0; margin: 0;  }
.subItem { display: none; }
.w3-sidenav a { padding-left: 10px; }
.mainMenu .subItem li {margin-left: 20px; border-left: 3px solid #b30c00; }
.mainMenu .subItem li:hover {border-color: #b30c00 /*#ea0d0d*/; }
.mainMenu .subItem li a {font-size: 14px; }
.mainMenu li a { /*color: #f44336;*/ color: #fff; font-weight: bold; }
.menu-content { padding-top: 10px; }

.bottom-line .w3-right { color: #fff; font-size: 14px; }
.bottom-line .w3-right a { text-decoration: none;}

/* fixes */
.big_block, .float_block { border-color: #b30c00}
.big_block .obj {margin-top: 3px; margin-bottom: 2px; height: auto; min-height: 35px; padding-bottom: 7px; padding-top: 7px; padding-left: 55px; float: none; display: inline-block; }
.big_block .obj > img { margin-left: -45px; }

#tooltip { z-index: 200;}

/* footer */
.bottom-line .w3-right {text-align: right;}

.user-info span { width: 12px; height: 14px; line-height: 14px; font-weight: bold; color: white; background-color: #369; border-radius: 4px; text-align: center; font-size: 11px; display: inline-block; }
.user-info span:hover { background-color: #59d; }

.w3-sidenav img {max-width: 95%;}