body {
	background: #f6f6f2 url('../img/bg-light-4800.png'); /* Фоновый цвет и фоновый рисунок*/
    background-attachment: fixed; /* Фон страницы фиксируется */
    /* background-repeat: repeat-x; */ /* Изображение повторяется по горизонтали */
}

hr {
    border-top: 0;
}


.header a, a:hover {
	color: #f0ad4e;    /* задаём цвет букв в ссылках(псевдо ссылки) */
	text-decoration: none;  /* убираем подчёркивание */
}

.top {
	margin-top: 15px; /*внешний oтступ шапки */
	padding-left: 5%;    /*внутренний отступ с лево */
    padding-right: 5%;    /*внутренний отступ с право */
}


p {
	/* font-family: cursive; */ /* Курсив параграфов */
	font-size: 16px;
}

   
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #fff;
    /* font-weight: 600;   */ /* Жирность шрифта */
    letter-spacing: 2px;
    background-color: #ff961f;
}

.nav-pills>li>a {   /* Задаём цвет ссылкам */
	color: #fff;
	letter-spacing: 2px;
}

.nav-pills>li>a:hover {  /* задаём цвет фона псевдо ссылке */
	background-color: #ff961f;
}

.nav-pills {           /* 2 нав пилс выравнивает меню по центру */
	float: none;
	text-align: center;
}

.nav-pills>li {
	float: none;
	display: inline-block;
	/* background-color: #1f83ff47; 
	border-radius: 4px; */
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: #ff961f;       /* цвет фона главного выпадающего окна */
}

.dropdown-menu>li>a:hover {
    background-color: #ff961f;   /* цвет фона выпадающего списка */ 
}


@media (max-width: 767px) {
	.nav-pills {
    	margin-top: 7px;
	}
	.nav>li {
    display: contents;
	}
}

.navbar-inverse {
	padding: 1%;   /* отступ */
	border: none;
	background: url('../img/bg-dark-4769.jpg');
}

.navbar-inverse-admin {
	padding: 1%;   /* отступ */
	border: none;
	background: url('../img/bg-dark-4769.jpg');
}

.dropdown-menu {
	background-color: #ff961f;
}

.PrintEx {
	background-color: #fff;
	margin-top: 3%;
	width: 100%;  /* ширина */
	color: #000;
}

.PrintEx:focus, .PrintEx:hover  {
	background-color: #ff961f;
	border-color: #000;	
}

.PrintEx2 {
	background-color: #61c2fa;
	width: 100%;  /* ширина */
	color: #000;
}

.PrintEx2:focus, .PrintEx2:hover  {
	background-color: #ff961f;
	border-color: #000;
}

.timer-color {
	font-weight: 700; /* жирность шрифта */
	color: #000;
	/* background: red; */
	/* text-align: center; */
}

.timer-red {
	color: red;
	background: #fff;
	/* text-align: center; */
}

.timer-green {
	color: #000;
	background: #fff;
	/* text-align: center; */ 
}

/* конец стилей шапки --------------------------------------------------------------------------------------*/


.clear {             /* разделитель блоков ставится перед футером*/
	clear: both;
	height: 63px;
}

.wrapper {          /* расширяя общий блок, футер прижимается к низу */
	min-height: 100%;   /* минимальная ширина */
}

html, body {
	height: 100%;
}


/* ------------------------------------------------------------------------------------------------ */

.menu {
	right: 15px;
}

.h2b {
	color: green;
	font-weight: 700; /* жирность шрифта */
}

.h3b {
	color: #000;
	font-weight: 700; /* жирность шрифта */
	/* background-color: #fff; */
	text-align: center;
	margin-top: 3px;
}

.h5b {
	color: #000;
	font-weight: 700; /* жирность шрифта */
	/* background-color: #ffffffad; */
	background-color: #ffffff5c;
	text-align: center;
	padding-top: 6px;
    padding-bottom: 2px;
    margin-top: 5px;
    margin-bottom: 5px;
    border-radius: 5px;
}

.h4ch {
	color: #fff;
}

.FormaR {
	
	border-color: #000;
	color: #516bb8;
	background-color: #eee;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    border: 4px 4px 4px 4px;
    border-radius: 3px;



}

.Online {
	background-color: #fff;
	border-radius: 5px;
    padding-top: 1%;
    padding-bottom: 1%;
    padding-left: 1px;
    padding-right: 1px;
	margin-top: 5px;
    margin-bottom: 5px;
}

.OnlineGreen {
	background-color: #74fe8ca3;
	border-radius: 5px;
	padding-top: 1%;
    padding-bottom: 1%;
    padding-left: 1px;
    padding-right: 1px;
	margin-top: 5px;
    margin-bottom: 5px;
}

.OnlineYellow {
	background-color: #f8f000ad;
	border-radius: 5px;
	padding-top: 1%;
    padding-bottom: 1%;
    padding-left: 1px;
    padding-right: 1px;
	margin-top: 5px;
    margin-bottom: 5px;
}

.OnlineRed {
	background-color: #fe74c6a3;
	border-radius: 5px;
	padding-top: 1%;
    padding-bottom: 1%;
    padding-left: 1px;
    padding-right: 1px;
	margin-top: 5px;
    margin-bottom: 5px;
}

.OnlineGray {
    background-color: #999;
    border-radius: 5px;
    padding-top: 1%;
    padding-bottom: 1%;
    padding-left: 1px;
    padding-right: 1px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.Online1 {
	background-color: #fff;
	border-radius: 5px;
	padding: 1%;
	margin-top: 10px;
    margin-bottom: 10px;
}

.OnlineYellow1 {
	background-color: #f8f000ad;
	border-radius: 5px;
	padding: 1%;
	margin-top: 10px;
    margin-bottom: 10px;
}

.OnlineRed1 {
	background-color: #fe74c6a3;
	border-radius: 5px;
	padding: 1%;
	margin-top: 10px;
    margin-bottom: 10px;
}

.OnlineGray1 {
    background-color: #999;
    border-radius: 5px;
    padding: 1%;
    margin-top: 10px;
    margin-bottom: 10px;
}

.OnlineUl {
	padding-left: 0px;
}

.textblack {
	color: #000;
	font-weight: 700; /* жирность шрифта */

}


/* конец расширения страници (футер прижимается к низу) ----------------------------------------------------*/


.right_side {             
    background: #a7a8ad url('../img/wood-grid.jpg'); /* Фоновый цвет и фоновый рисунок */  
    /* background-attachment: fixed; */  /* Фон страницы фиксируется */
    border-radius: 10px; 
    left: 15px;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    }

.right_side_admin {
 	background-color: rgba(0,0,0,.25);
    /* background-attachment: fixed; */  /* Фон страницы фиксируется */
    border-radius: 10px; 
    left: 15px;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
}


.logo_right_side {   /* логотип с лево круглый */
	text-align: center;
	padding-bottom: 10px; /* отступ с низу */
	margin-top: 10%;
	/* height: 40%; */
	max-width: 70%;
	margin-left: 15%;

}

.exit {
	margin-bottom: 10px;
	margin-left: 32%;
    margin-right: 30%;
	/* background-color: #ff961f; */
	/* color: #fff; */
	/* text-align: center; */ 
	/* float: center;  */
	 
}


.exit:hover {
	/* color: #000; */
	background-color: #ff961f;
}

@media (max-width: 768px) {
	.right_side {
		margin-left: 15%;
    	margin-right: 15%;
    	height: 120px;
	}
}

/* уменьшили картинку с правой стороны */
/* .carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    display: block; 
    max-width: 70%;
} */


/* конец левого блока------------------------------------------------------------------------------------ */



/* кнопка вайбер */
.icon {
    /* display: inline-block; */
    /* color: #fff; */
    text-align: center;
    padding: 5%;
    /* background: #7d51a0; */
    /* border-radius: 22px; */ 
    font-size: 35px;
    font-family: arial;
    /* text-decoration: none; */
    /* margin-top: 15px; */
    /* margin-bottom: 10px; */
}
 


/* подвал---------------------------------------------------------------------------------------- */


footer {
	color: #fff; 
	/* background: #222; */    /* цвет футера */
	padding: 17px 0 18px 0;
	border-top: 1px solid #000;   /* рамка */
	background: #222 url('../img/bg-dark-4769.jpg');
}

footer a {
	color: #66aa08;
}

footer a:hover {
	color: #8ce431;
}