.nt-li:focus,
.nt-li.active {
  background-color: #f9fafb;
}

.nt-li:focus *,
.nt-li.active * {
  color: black!important;
}

.nt-li>.d-flex:hover {
  background-color: #f8f9fa;
}

/* предлагаемые дополнения к стандартным наборам bootstrap */

.link-hover-center  {
  display: inline-block;
  color: #000200;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
  position: relative;
}
.link-hover-center:after {
  display: block;
  content: "";
  background-color:#0d6efd /* #00bbbb*/;
  height: 3px;
  width: 0%;
  left: 50%;
  position: absolute;
  -webkit-transition: width .3s ease-in-out;
  -moz--transition: width .3s ease-in-out;
  transition: width .3s ease-in-out;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);

}
.link-hover-center:hover:after,
.link-hover-center:focus:after {
  width: 90%;
}
.link-hover-center:hover {
  color: black !important;
  opacity: 90%;
}

.navbar-nav .dropdown-menu {
  right:0;
  left: auto;
}

.navbar-nav .dropdown-menu_center {
  right: auto;
  left: 0;

}

.main_container {
 display: flex;
 flex-direction: row;

}
/* div для отображения меню*/
.artificial {
display: block;
width: 255px !important;
  
}
/* смещение верхнего меню  */
.navbar_position {
  position: relative;
  left: 60px;
}
/* выравнение на index*/
.alignment {
  text-align: start;
}
/* адаптация под мобильные экраны*/
@media  (max-width: 800px) {
.mobile_hide {display:none} 
}


/* стрелка для выпадающего меню */

.arrow {
font-size:11px;
opacity:0.7;
}
.arrow:active, .arrow:focus, .arrow:hover {
  opacity:1;
  }


/* меню */
.fa-lg {
font-size: 1em;
  
}
.fa {
position: relative;
display: table-cell;
width: 55px;
height: 36px;
text-align: center;
top:07px; 
font-size:20px;

}


.main-menu {
background:#F7F7F7;
position:fixed;
padding:0;
margin:0px;
margin-left:0px;
top:60px;
bottom:0;
height:100%;
width:230px;
left:0;
opacity:1;
z-index: 100;
}

.main-menu>ul {
margin:7px 0;
}

.main-menu li {
position:sticky;
display:block;
width:230px;
}

.main-menu li>a {
position:sticky;
width:230px;
display:table;
/*border-collapse:collapse;*/
border-spacing:1px;
color:black;
font-size: 15px;
text-decoration:none;
/*-webkit-transform:translateZ(0) scale(1,1);
-webkit-transition:all .14s linear;
transition:all .14s linear;*/
font-family: 'Strait', sans-serif;
border-top:1px solid #f2f2f2;
text-shadow: 1px 1px 1px  #fff; 
z-index: 100;
}



.main-menu .nav-icon {
  
position:relative;
display:table-cell;
width:55px;
height:36px;
text-align:center;
vertical-align:middle;
font-size:18px;

}

.main-menu .nav-text  {
   
position:relative;
display:table-cell;
vertical-align:middle;
width:190px;
font-family: 'Titillium Web', sans-serif;
}

.main-menu .fb-like {

left: 180px;
position:absolute;
top: 15px;
}


nav {
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
-o-user-select:none;
user-select:none;
  
}

nav ul,nav li {
outline:0;
margin:0;
padding:0;
/*text-transform: uppercase;*/
}






.main-menu li:hover>a,nav.main-menu li.active>a,.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus,.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus,.no-touch .dashboard-page nav.dashboard-menu ul li:hover a,.dashboard-page nav.dashboard-menu ul li.active a {
color:#fff;
background-color:#0d6efd;
text-shadow: 0px 0px 0px; 
}

@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 300;
  src: local('Titillium WebLight'), local('TitilliumWeb-Light'), url(http://themes.googleusercontent.com/static/fonts/titilliumweb/v2/anMUvcNT0H1YN4FII8wpr24bNCNEoFTpS2BTjF6FB5E.woff) format('woff');
}

.table {
  width: 100%;
}

.big_th {
  word-wrap: break-word;
  max-width: 145px;
}

.mid_th {
  word-wrap: break-word;
  max-width: 85px;
  
}

.fix {
  width: 230px !important;
}

.fix-small {
  width: 70px;
}

.main-menu-top {
  position:fixed;
  top:0;
  left:auto;
  width:-webkit-fill-available;
  z-index: 1020;
}

/* увеличиваем размер всех кнопок */
.btn {
  font-size:1.25rem;

}


.badge > a {
  color: inherit;
}
/*подсветка кнопок меню синим цветом*/ 
.active_for_lighting {

color: #fff !important;
background-color:#0d6efd;
text-shadow:none !important;
}
/*кастомизация alert вариант №1*/
#alertBox {
  display: flex;
  justify-content: center;
  align-items: center;
	position: absolute;
	top: 30%;
	bottom: 60%;
	left: 40%;
	width: 20%;
	height: 15%;
	background-color: white;
	border-radius: 10px;
	padding: 10px;
	z-index: 2;
  font-family: 'Arial';
  font-size: 23px;
	text-align: center;
  vertical-align: middle;
	color: black;
}

#alertClose {
	position: absolute;
	right: 0;
	top: 0;
	background-color: rgba(0, 0, 0, .5);
	width: 100%;
	height: 100%;
}

#alertCloseX {
  display: flex;
  align-items: top;
  position: absolute;
  top: 30.5%;
  bottom: 80%;
  left: 57.9%;
  width: fit-content;
  height: fit-content;
  font-family: 'Arial';
  font-size: 16px;
  text-align: right;
  color: black;
  z-index: 2;
  border-color: white;
  background-color: white;
  border-radius: 1px;
  border: none;
}
/*стили для контейнера под графики*/
.chart-container {
  width: 80%;  
  margin: 5px auto;
}

.chart-container-big {
  width: 100%;  
  
}
  /*  всплывающая кнокпка быстрой прокрутки вверх*/ 
#scroll_top {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 30px;
	z-index: 1000;
	width: 64px;
	height: 64px;
	background: url("../images/strelka_vverh_vzjo1cz2dhvs_64 (1).png") 50% 50% no-repeat;
	border-radius: 50%;
	opacity: 0.8;
}
#scroll_top:hover {
 	opacity: 1;
}
/*  фиксация шапки таблиц*/ 
.fixtable-fixed {
	position: fixed;
	top: 80px;
	z-index: 101;
	background-color: #f8f9fa;
	border-bottom: 1px solid #ddd;
}

/*кастомизация alert вариант №2*/ 

#aBox{
  font-family:Arial;
  width:600px;
  padding:29px 43px;
  border-radius:.25rem;
  background:#fff4f4;
  position:fixed;
  left:47%;
  margin-left:-241px;
  top:40%;
  z-index:99999;
  text-align:center;
  box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.637);
}
  #aClose{
    position:fixed;
    right:0;
    top:0;
    background-color:rgba(0,0,0,.5);
    width:100%;
    height:100%;
  }
  div#aBox span{
    position:absolute;
    right:9px;
    top:5px;
    color:black;
    cursor:pointer
  }
    div#aBox a{
      color:#9a9a9a;
      text-decoration:none;
      border-bottom:1px solid;
    }
      
      div#aBox a:hover{
        border-bottom:1px solid #c9c9c900}
      
      div#aBox h2{
        color:black;
        font-size:19px;
        margin:0 0 15px;
        font-family:system-ui;
        font-weight:100
      }
      .abut:hover{
        color:#fff;
        background-color:#025aa5;
        border-color:#01549b
      }
      .abut{
        display:inline-block;
        font-weight:400;
        line-height:1.25;
        text-align:center;
        white-space:nowrap;
        vertical-align: middle;
        -webkit-user-select:none;
        -moz-user-select:none;
        -ms-user-select:none;
        user-select:none;
        width:fit-content;
        border:1px solid transparent;
        padding:.5rem 2rem;
        font-size:1rem;
        border-radius:.25rem;
        -webkit-transition:all .2s ease-in-out;
        -o-transition:all .2s ease-in-out;
        transition:all .2s ease-in-out;
        color:#fff;
        background-color:#0d6efd;
        border-color:#0275d8;
        display:block;
        margin-top:40px;
        cursor:pointer
      }

/*Кнопка отображения или скрытия бокового меню*/

.burger {
  cursor: pointer;
  height: 55px;
  width: 55px;
  padding: 10px;
  z-index: 100;
  opacity: 70%;
}

.burger:hover {
  opacity: 100%;
}


.a_new_job {
  position: relative;
  display: inline-block;
  font-size: 1.05em;
  font-weight: 400;
  color: #0275d8;
  overflow: hidden;
  background: linear-gradient(to right, midnightblue, midnightblue 50%, royalblue 50%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 200% 100%;
  background-position: 100%;
  transition: background-position 0ms ease;
  text-decoration: none;
}
.a_new_job:hover {
  background-position: 0 100%;
}

.alert-bold { font-weight: bold;}
.alert-normal { font-weight: normal; }

/* Уменьшаем расстояние между input и invalid-feedback на 50% */
.form-control.mb-3 + .invalid-feedback {
  margin-top: -0.1rem; /* если было 0.75rem, стало вдвое меньше */
  margin-bottom: 1rem; /* если было 0.75rem, стало вдвое меньше */
}