* {
  margin: 0;
  padding: 0;
}
html,
body {
  height: 100%;
}

.wrapper {
	min-height: 100%;
	padding-bottom: 50px;
}

a{  
	text-decoration:none;
}
/* Меню */

#menu {
	position: absolute;
	z-index: 2100;
	opacity: .99;
	margin-left: 100px;
}

#menu_gamb {
	position: absolute;
	z-index: 2300;
	opacity: .98;
	margin-left: 100px;
}

#bazovoe {
	z-index: 10;
	font-size: 15px;	
}

#footer {
	z-index: 10;
	margin: 0;
	margin-top: -25px;	
	font-size: 14px;
	font-weight: lighter;
	height: 25px;
}

.modal-fade {
	z-index: 2300;
	opacity: .99;		
}

.navbar-light .navbar-nav .nav-link {
	color: #06357a;
	font-family: Roboto, sans-serif;
	font-size: 12px;
	font-weight:bold;
}

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: #06357a;
  border-bottom: 4px solid red;
  text-decoration: none;
  
}

.dropdown-menu {
	color: #06357a;
	font-family: Roboto, sans-serif;
	font-size: 12px;
	font-weight:bold;
	border-style: none;
}

.dropdown-item {
	color: #06357a;
}

.dropdown-item:hover, .dropdown-item:focus{
	color: #06357a;
	border-bottom: 2px solid red;
	text-decoration: none;
}

#butout {
	color: #06357a;
	font-family: Roboto, sans-serif;
	font-size: 12px;
	font-weight:bold;
	border-style: none;
}

/* кнопка - разделитель секций вниз */
.down {
    display: block;
    margin: 0 auto;
    margin-top: -25px;    
    width: 100px;
    height: 50px;
    position: relative;
    border-radius: 15px;
	box-shadow: 0px 0px 2px gray inset,6px 6px 10px gray;
	content: "";
    z-index: 13;
    background: url(/image/arrow_down.svg) no-repeat center 40% / 50%;
}

/* оформление заголовков */
.zgl {
	color: #06357a;	
	text-indent: 0px;
}

.zgl_lin {
	color: red;
	margin: 0 auto;	
	width: 60px;
	border-bottom: 4px solid red;
	opacity: 1;
	text-indent: 0px;
}

.pamcard {
	color: red;
	font-weight: bold;
}

.cardcalend {
	box-shadow: inset 0 -3em 3em rgba(0,0,0,0.1),
				0 10px 10px rgba(0,0,0,0.22);
	transform: skew(0, -1deg);
}

.news_lin {
	margin: 0 auto;
	margin-top: 20px;
	width: 80%;
	border-bottom: 4px solid #dee2e6;
	opacity: 1;
}

/* Слайдер */

.carousel-dark .carousel-control-prev-icon, .carousel-dark .carousel-control-next-icon {
	color: #06357a;
}
.carousel-dark .carousel-indicators [data-bs-target] {
  background-color: #06357a;
}
.carousel-dark .carousel-caption {
  color: #06357a;
}

/* кнопка - авторизации */
#forma_login_input {
	position: absolute;
	z-index: 2200;
	opacity: .99;
	margin: 0 auto;
}

/* для формы - селект */
.form-select, .form-control, .form-label  {
	margin: 2px;
}

.form-label  {
	font-weight:bold;
	font-size: 15px;
}

/* для окна соощений */
.err_aler {
	font-size: 15px;
	color: red;
	border: solid red;
	border-radius: 5px;
}

.suc_aler {
	font-size: 15px;
	color: green;
	border: solid green;
	border-radius: 5px;
}

.inf_aler {
	font-size: 15px;
	color: blue;
	border: solid blue;
	border-radius: 5px;
}

/* дата новостей */
.new-data {
	color:   #0088cc;
	font-style: italic;	
}

.smimg {
  max-width: 100%;
  height: auto;
  padding: 10px;  
}

.zentr  {
	text-align: center;
}

.minisrift {
	text-decoration: none;
	font-size: 11px;
}

/* календарь карта */
.oktsota {
	margin-top: 20px;
	background-color: #d5dce2;
	border: 5px solid linen;
	border-radius: 25px;
	box-shadow: 0 10px 10px rgba(0,0,0,0.22);
	
	-moz-transform: skewY(-10deg); /* Для Firefox */
    -ms-transform: skewY(-10deg); /* Для IE */
    -webkit-transform: skewY(-10deg); /* Для Safari, Chrome, iOS */
    -o-transform: skewY(-10deg); /* Для Opera */
    transform: skewY(-10deg);
	
	transition: all 500ms ease;
}

.oktsota:hover {
	-moz-transform: skewY(0deg); /* Для Firefox */
    -ms-transform: skewY(0deg); /* Для IE */
    -webkit-transform: skewY(0deg); /* Для Safari, Chrome, iOS */
    -o-transform: skewY(0deg); /* Для Opera */
    transform: skewY(0deg);
	
}


.cl-warn {
	color: #468847;
}
.cl-info {
	color: #0088cc;
}

/* контакты */
.obr_l {
	border: 4px double #73a3e9;
	clip-path: polygon(0 0, 99% 0%, 89% 100%, 0% 100%);
}

.obr_r {
	border: 4px double #73a3e9;
	clip-path: polygon(1% 0, 100% 0%, 100% 100%, 10% 100%);
}

#karta {
	padding-bottom: 20px;	
}
#karta a{
	text-decoration:none;	 
}

/* кнопка наверх */
#toTop {
	width: 46px;
	border: 1px solid #ccc;
	background: #f7f7f7;
	text-align: center;	
	position: fixed; /* this is the magic */
	bottom: 10px; /* together with this to put the div at the bottom*/
	right: 10px;
	cursor: pointer;
	display: none;
	opacity: .9;
}

#toTop1 {
	width: 32px;	
	text-align: center;	
	position: fixed; /* this is the magic */
	bottom: 10px; /* together with this to put the div at the bottom*/
	right: 10px;
	cursor: pointer;
	display: none;
	opacity: .9;
}

.pl_min {
	width: 20px;
	border: 1px solid #ccc;
}

/* перевертыши */
.konkname {
	margin: 0 auto;
}
.flip-container {
	perspective: 1000;
	margin: 5px;
	padding: 0;
}

.bigzifr {
	color: red;
	font-family: Roboto, sans-serif;
	font-size: 50px;
	font-weight:bold;
	text-shadow: 6px 6px 10px gray;
	padding: 0;
}

.minzifr {
	color: red;
	font-family: Roboto, sans-serif;
	font-size: 28px;
	font-weight:bold;
	text-shadow: 6px 6px 10px gray;
	padding: 0;
}

	/* переверните сторону при проведении мышью */
.flip-container:hover .flipper, .flip-container.hover .flipper {
		transform: rotateY(180deg);
	}
 
.flip-container, .front, .back {
	width: 120px;
	height: 120px;	
}

.flipper {
	width: 120px;
	height: 120px;
	padding: 0;
	border: 4px double #73a3e9;
	border-radius: 50%;
	text-align: center;	
	cursor: pointer;	
}

.front img{
	width: 90px;
	padding: 0;
	margin: 0;
}


/* здесь находится скорость перевертывания */
.flipper {
	transition: 0.6s;
	transform-style: preserve-3d; 
	position: relative;
}
 
/* скройте обратную сторону во время переворота */
.front, .back {
	backface-visibility: hidden; 
	position: absolute;
	top: 0;
	left: 0;
}
 
/* лицевая сторона размещена над обратной */
.front {
	z-index: 10;
}
 
/* обратная, изначально скрытая сторона */
.back {
	transform: rotateY(180deg);
}

/* перевертыши mini */
.konkname {
	margin: 0 auto;
}
.flip-container-mini {
	perspective: 1000;
	margin: 5px;
	padding: 0;
}

	/* переверните сторону при проведении мышью */
.flip-container-mini:hover .flipper-mini, .flip-container-mini.hover .flipper-mini {
		transform: rotateY(180deg);
	}
 
.flip-container-mini, .front-mini, .back-mini {
	width: 90px;
	height: 90px;	
}

.flipper-mini {
	width: 90px;
	height: 90px;
	padding: 0;
	border: 4px double #73a3e9;
	border-radius: 50%;
	text-align: center;	
	cursor: pointer;	
}

/* здесь находится скорость перевертывания */
.flipper-mini {
	transition: 0.6s;
	transform-style: preserve-3d; 
	position: relative;
}
 
/* скройте обратную сторону во время переворота */
.front-mini, .back-mini {
	backface-visibility: hidden; 
	position: absolute;
	top: 0;
	left: 0;
}
 
/* лицевая сторона размещена над обратной */
.front-mini {
	z-index: 10;
}
 
/* обратная, изначально скрытая сторона */
.back-mini {
	transform: rotateY(180deg);
}

.topart {
	padding: 30px;
	
}

.pam_org {
	padding-top: 10px;
	font-size: 14px;
	color:   #0088cc;
}

#picrazdela {
	position: fixed; 
	bottom: 10px;
	right: 10px;
	z-index: -5;
	margin: 0;
	width: 100%;
}

/*-----------prim---------------*/
.kon_god {
	width: 20%;
	padding: 5px  10px;
}

.prim_ss {
	width: 80%;
	padding: 5px  10px;
}

.prim_ss  a {
	color: blue;
	text-decoration: underline;
	padding-left: 20px;	
}
/*-----------#prim---------------*/

.blokstable {
	max-height: 400px;
	overflow-y:auto;
}

.firez, .firez  a{
	color:#000;	
	border-bottom: 1px dashed  #0088cc;
}

.popssylka {
	cursor: pointer;
	border-bottom: 1px dashed  #0088cc;
}

p.indrez {
	font-size: 18px;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

p.indrz {
	font-size: 15px;
	font-weight: bold;
}

h5.indzwstr {
	background:#ccf;
	padding: 5px;
}

hr.rw {
    border: none; /* Убираем границу для браузера Firefox */
    color: #ccf; /* Цвет линии для остальных браузеров */
    background-color: #ccf; /* Цвет линии для браузера Firefox и Opera */
    height: 5px; /* Толщина линии */
	width: 80%;	
	margin: 0 auto;
   }
   
 
/*-----------online zadaniya---------------*/

.vop-active {
  display: block;
}

.vop-hidden {
  display: none;
}

.but {
  margin: auto;
  display: table-cell;
  color: #0088cc;
  padding: 2px 6px;
  border: 1px solid #adb5bd;
}
.but.disabled , .but[disabled] {
  font-weight: bold;
  color: #0b10e4;
}

.marked {
 background-color: #88f3fa;
 color: #0777f5;
 font-weight:bold;
 border: #0777f5 2px solid;
}

#pre {
    width: 80%;
    margin: auto;
    text-align: center;
    margin-top: 60px;
}

#error {
    width: 80%;
    margin: auto;
    text-align: center;
    margin-top: 100px;
}

#chance-timer{
    width: 100%;
    color: red;
	margin-top: 30px;
    font-size: 35px;
}

#timer-ob{
    width: 100%;
    color: red;
	margin-top: 30px;
    font-size: 35px;
}

#start-counter{
    width: 100%;
    color: red;
	margin-top: 30px;
    font-size: 35px;
}

#sav-zap {
	width: 70%;
	margin-left: 15%;
	margin-top: 15%;
}

.vektor::before {
	content: "→";
	position:  relative;
    top: -11px;
    left: 13px;
}
.vektor {
    margin-left: -13px;    
}

#main {
	height: 100vh;
	min-height: 100vh;
	max-height: 100vh;
}

#tim-count {
	height: 10vh;
	overflow-y:auto;
}

#cont-z {
	height: 90vh;
	padding-bottom: 0px;
	
}

#cont-text-vopr {
	height: 75%;
	min-height: 75%;
	max-height: 75%;
	overflow-y:auto;
}

#knop-sav {
	height: 10%;
	overflow-y:auto;
	margin: 0;
	padding-bottom: 0px;
	
}

#pag {
	height: 15%;
	overflow-y:auto;
}
/*-----------# online zadaniya---------------*/

/*-----------adminka---------------*/

/*-----------okno adminki flag voprosov---------------*/
#parent_popup {
  background: #000;
  height: 100%;
  opacity: 0.5;
  position: fixed;
  width: 100%;
  z-index: 100;
  top: 0;
  left: 0;
}
#popup {
  border: 6px ridge #ccf;
  background-color: #fff;
  padding: 10px;  
  opacity: 1;  
  position: fixed;
  top: 250px;
  left: 25%;  
  width: 500px;
  z-index: 150;
}
/*-----------#okno adminki flag voprosov---------------*/


/*-----------#adminka---------------*/