body {
	padding-top: 70px;
	padding-bottom: 30px;
	background-color: #FEFEFE;
	font-family: 'Roboto', -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

}

a {
	color: #56AAA7;
}

.tr_ready {
	background-color: #dbfff2;
}
.tr_work {
	background-color: #f7ffd1;
}
.tr_new {
	background-color: #ffd9d9;
}
.tr_site {
	background-color: #D1FFBF;
}


.theme-dropdown .dropdown-menu {
  display: block;
  position: static;
  margin-bottom: 20px;
}

.theme-showcase > p > .btn {
  margin: 5px 0;
}
.input-group-addon {
    min-width:170px;/*/ if you want width please write here /*/
    text-align:left;
    
}

.tr_dis {
	background-color: #FBC186;
}
.tr_dis a {
	color: #5D0000;
}



.tr_en {
	background:#D5FFE3;
}
.enabled_label{
	color:#56AAA7;
}
.disabled_label{
	color:red;
}

.div_col {
	border: 1px solid #FEFEFE;
}
.div_col:hover{
	border: 1px solid #CCC;
	background-color:#F1F1F1
}

/*------------------------------------*\
	НАВИГАЦИЯ
\*------------------------------------*/

.navbar-inverse {
	background-image: linear-gradient( to bottom, #60c3a0, #FFF 100%);
	border-color: #FFF;
	
}


.navbar-inverse .navbar-brand {
	color:#000;
}
.navbar-inverse .navbar-nav li a {
	color:#354078;
	text-shadow:0px 1px 0px #fff;
}

#vigdate {
	color:red;
	float:right;
}

.navbar-inverse .navbar-nav li a:hover {
	color:red;
}

#nav{
	float:left;
	width:100%;
	list-style:none;
	margin-bottom:10px;
}

#nav li{
	float:left;
	margin-right:5px;
	position:relative;
	display:block;
}
#nav li a{
	display:block;
	padding:5px;
	color:#000000;
	background:#FFF;
	text-decoration:overline;
	text-shadow:0px 1px 0px #fff; /* Тень текста, чтобы приподнять его на немного */
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}
#nav li a:hover{
	color:red;
	background:#FFF;
/*	background:rgba(107,12,54,0.75);  Выглядит полупрозрачным */
	text-decoration:underline;
}

/*--- ВЫПАДАЮЩИЕ ПУНКТЫ ---*/
#nav ul{
	list-style:none;
	position:absolute;
	left:-9999px; /* Скрываем за экраном, когда не нужно (данный метод лучше, чем display:none;) */
	opacity:0; /* Устанавливаем начальное состояние прозрачности */
	-webkit-transition:0.25s linear opacity; /* В Webkit выпадающие пункты будут проявляться */
}
#nav ul li{
	padding-top:1px; /* Вводим отступ между li чтобы создать иллюзию разделенных пунктов меню */
	float:none;
	background:url(dot.gif);
}
#nav ul a{
	white-space:nowrap; /* Останавливаем перенос текста и создаем многострочный выпадающий пункт */
	display:block;
}
#nav li:hover ul{ /* Выводим выпадающий пункт при наведении курсора */
	left:0; /* Приносим его обратно на экран, когда нужно */
	opacity:1; /* Делаем непрозрачным */
}
#nav li:hover a{ /* Устанавливаем стили для верхнего уровня, когда выводится выпадающий список */
	background: #6b0c36; /* Выглядит полупрозрачным */
	color:#fff;
	text-decoration: underline;
	background-color: rgba(173,174,188,0.99);
}
#nav li:hover ul a{ /* Изменяем некоторые стили верхнего уровня при выводе выпадающего пункта */
	text-decoration:none;
	-webkit-transition:-webkit-transform 0.075s linear;
	color:#fff;
}
#nav li:hover ul li a:hover{ /* Устанавливаем стили для выпадающих пунктов, когда курсор наводится на конкретный пункт */
	background:#333;
	background:rgba(51,51,51,0.8); /* Будет полупрозрачным */
	text-decoration:underline;
	-moz-transform:scale(1.05);
	-webkit-transform:scale(1.05);
}
/*-----------------ТАБЫ------------------*/
.tabs {
   width: 100%;
}

/* Стили для списка вкладок */
.tab-header {
   list-style: none;
   padding-left: 0;
   display: flex;
   align-items: center;
   justify-content: flex-start;
   margin: 0;
   color: #56AAA7;
}

/* Стили для вкладки */
.tab-header__item {
   padding: 10px 20px;
   margin-right: 5px;
   cursor: pointer;
   border: 1px solid #56AAA7;
   border-bottom: none;
}

/* Стили для активной вкладки */
.tab-header__item.active {
   color: red;
   position: relative;
   top: 1px;
   background-color: #fff;
   border-color: #56AAA7;
  
}

/* Стиль для списка контейнеров с содержимым вкладок */
.tab-content {
   list-style: none;
   padding: 0;
   margin: 0;
}

/* Стили для контейнера с содержимым вкладки */
.tab-content__item {
   display: none;
   padding: 20px;
   border: 1px solid #56AAA7;
}

/* Стили для активного контейнера вкладки */
.tab-content__item.active {
   display: block;
}

/*--------------Modal Window-------------*/
.modal_form {
	width: 300px; 
	/*height: 370px; /* Рaзмеры дoлжны быть фиксирoвaны */
	border-radius: 5px;
	border: 3px #000 solid;
	background: #fff;
	position: fixed; /* чтoбы oкнo былo в видимoй зoне в любoм месте */
	top: 45%; /* oтступaем сверху 45%, oстaльные 5% пoдвинет скрипт */
	left: 50%; /* пoлoвинa экрaнa слевa */
	margin-top: -150px;
	margin-left: -150px; /* тут вся мaгия центрoвки css, oтступaем влевo и вверх минус пoлoвину ширины и высoты сooтветственнo =) */
	display: none; /* в oбычнoм сoстoянии oкнa не дoлжнo быть */
	opacity: 0; /* пoлнoстью прoзрaчнo для aнимирoвaния */
	z-index: 5; /* oкнo дoлжнo быть нaибoлее бoльшем слoе */
	padding: 20px 10px;
}

.modal_form .modal_close {
	width: 21px;
	height: 21px;
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	display: block;
}
/* Пoдлoжкa */
.overlay {
	z-index:3; /* пoдлoжкa дoлжнa быть выше слoев элементoв сaйтa, нo ниже слoя мoдaльнoгo oкнa */
	position:fixed; /* всегдa перекрывaет весь сaйт */
	background-color:#000; /* чернaя */
	opacity:0.8; /* нo немнoгo прoзрaчнa */
	-moz-opacity:0.8; /* фикс прозрачности для старых браузеров */
	filter:alpha(opacity=80);
	width:100%; 
	height:100%; /* рaзмерoм вo весь экрaн */
	top:0; /* сверху и слевa 0, oбязaтельные свoйствa! */
	left:0;
	cursor:pointer;
	display:none; /* в oбычнoм сoстoянии её нет) */
}	

.stat-btn .btn-success {
	background-image: linear-gradient(to bottom,#60c3a0 0, #419641 100%);/*#5cb85c 0,#419641 */
	margin: 2px;
}

@media (max-width:576px){
	.d_none {
		display:none;
	}
    table td:before {
      content: attr(data-label);
      float: left;
      text-transform: uppercase;
      font-weight: bold;
    }
	.navbar-inverse .navbar-nav li a {
		color:#354078;
		text-shadow:0px 1px 0px #fff;
	}
}