:root {
--wi:500px;
}
.dot {
  height: 15px;
  width: 15px;
  background-color: red;
  border-radius: 50%;
  display: inline-block;
}

.custom-file-input {
  color: transparent;
  font-size: 8pt;
   border: 1px solid #999;
   width:99%;
   height: 28px;
   
   

}
.custom-file-input.vabel {
  color: blue;

}

.custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
  	width: 5px;
	height: 5px;
  
	}
.custom-file-input::before {
  content: 'Изберете сн.';
  color: black;
    display: inline-block;
  background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3);
  border: 1px solid #999;
  border-radius: 3px;
  padding: 0px 0px 0px 0px;
  margin: 2px 2px 2px 2px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  text-shadow: 1px 1px #fff;
  font-weight: 50;
  font-size: 9pt;
  
}


		.cline  {
		 line-height: 2%;
		 }
		.cline9 {
		 line-height: 3%;
		 }
		 .clineAA {
		 line-height: 3%;
		 font-size:8px;
		 }
		body {
            font-family:Arial, Helvetica, sans-serif;
            font-size:12px;
         }
		 

		.tt
		{
		 font-size:9px;	
		} 
		 labelBig {
            font-weight:bold;
            width:80%;
            font-size:35px;
         }
		 
         .box {
            border:#666666 solid 1px;
			width:60%;
			height: 40px;
			align-items: center;
         }
		 
         .wrapper {
             max-width:var(--wi); 
             border: solid 1px #333333;
			 border-radius: 8px;
			 
         }
		 .wrapper1 {
             max-width:1200px; 
             border: solid 1px #333333;
			 border-radius: 8px;
         }
         .heder {
             background-color:#333333; 
             color:#FFFFFF; 
             padding:1px;
			 border-radius: 8px 8px 0px 0px;
         }
   .heder1 {
             background-color:#B3FFD0; 
             color:#FFFFFF; 
             padding:5px;
         }	

  .heder2 {
             background-color:#19B033; 
             color:#FFFFFF; 
             padding:5px;
         }	
  .heder3 {
             background-color:#33ffca; 
             color:#FFFFFF; 
             padding:5px;
         }		 
         .content{
             margin:10px
         }
		 
         .center{
             text-align: center;
         }
		 
         .error{
             font-size:11px; 
             color:#cc0000; 
             margin:10px 0;
         }         
.error1{
             font-size:13px; 
             color:#FFFFFF; 
             margin:4px ;
			 background-color:#800000;
			 width:80%;
         }
		.m1{
             font-size:10px; 
            
         }
         input[type="submit"] {
            height: 48px;
        }
         input[type="submit1"] {
            height: 20px;
        }	
	.smallbt1 {
		width: 70%;
		}			
		.smallb {
		width: 49%;
		}	
		.smallb3 {
		width: 32%;
		}	
		.smallb4 {
		width: 26%;
		}	
		.smallb5 {
		width: 15%;
		}	
		.smallb4t {
		height: unset;	
		width: 29%;
		height: 14px;
		}	
			.smallb6 {
				background-color:#19B033;
		width: 29%;
	
		
		}	
					.smallb7 {
				background-color:#FB846B;
		width: 40%;
		margin: auto;
		}
		.Lardgelb {
		width: 99%;
		height: 14px;
		}	
		.Lardgelb1 {
		width: 70%;
		height: 18px;
		 margin: 0px;
		  vertical-align: top;
		}	
		.hiden {
		display: none;		
			}
		
		p.small {
		line-height: 0.8;
		}
        .dokinp {
		width: 130px;
		height: 14px;
		border: 0px solid #87231C;
		text-align: right;
		}			
		.dokbut {
		width: 200px;
		height: 30px;
		border: 1px solid #85231C;
		text-align: right;
		}	
		.dokinpLardge {
		width: 65%;
		height: 25px;
		border: 0px ;
		text-align: right;
		background-color:#04D327;
		}
		.dokinpwLardge {
		width: 95%;
		height: 25px;
		border: 0px;
		
		text-align: center;
		}
        form{
            margin: 0px;
        }
	button.gl {
			width: 80%;
			border: 3px solid #888ECB;
			border-radius: 5px;
			background-color:#04D327;
			text-align: center;

			
	}
		button {
			width: 96%;
	


			
	}

			button.bb {
			margin: 1px 1px;
			text-align: center;	
			
	}


	
input.tinib {
	width: 46px;
    height: 23px;
	padding-left: 0px 1px 0px 1px ;
	text-align: center;

}


input.tinib1 {
	width: 86px;
    height: 23px;
	padding-left: 0px 1px 0px 1px ;
	text-align: center;
}
input.tinib11 {
	width: 66px;
    height: 23px;
	padding-left: 0px 1px 0px 1px ;
	text-align: center;
}
input.tinii {
	border-style: none;
	width: 40px;
    height: 20px;
	padding-left: 0px 1px 0px 1px ;
	text-align: center;
	align-items: left;
}
input.midleb {
  height: 35px;
	padding-left: 0px 1px 0px 1px ;
	text-align: center;
}

input.butt {
	background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3);
    border-radius:10px;
	width: 99.8%;
	height:40px;
	
	text-align: center;
	background-repeat: repeat;
		margin: 0px 0px 5px 0px;
		 background-size: 40px 40px;
	padding: 3px 3px 3px 3px ;	
	margin: 5px 0px 5px 0px;	
}

input.butt2 {
	background-image:url(icons/str.png);
	border-radius:10px;
	width: 100%;
	height:18px;
	padding-left: 50px;
	text-align: left;
	background-repeat: repeat;
		margin: 10px 0px 0px 0px;
		 background-size: 50% 15px;
		 cursor: pointer;
}
input.scan {
	background: url(icons/scan.png);
	border-radius:1px;
	padding-left: 1px;
	text-align: left;
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
}
input.scan1 {
	background: url(icons/scan.png);
	 background-position: center;
	border-radius:10px;
	width: 15%;
    height:48px;
	padding-left: 2px;
	padding-top: 2px;
	text-align: center;
	background-repeat: no-repeat;
		margin: 0px 0px 0px 0px;
}
input.scan2 {
	background: url(icons/scan.png);
	border-radius:6px;
	width: 80%;
    height:48px;
	padding-left: 1px;
	padding-top: 1px;
	text-align: center;
	background-repeat: no-repeat;
		margin: 0px 0px 0px 0px;
		background-color: #888ECB;
}
input.big {
	width: 80%;
	height:48px;
}


input.b2 {
	width: 18%;
	height:28px;
}
input.b3 {
	width: 40%;
	height:24px;
}
	table {
		width: 99%;
		}
	
		table.3 {
		width: 60%;
		}
	table.s1,table.s1 th, table.s1 td  {
	    border: 1px solid black;
		border-collapse: collapse;
		margin: 2px 0;
		padding: 2px;
	    
		}
		
			table.s11,table.s11 th, table.s11 td  {
	    border: 2px solid black;
		border-collapse: collapse;
		margin: 2px 0;
		padding: 2px;
		font-size:10px
		
	    
		}
	table.s1d,table.s1 th, table.s1 td  {
	    border: 1px solid black;
		border-collapse: collapse;
		margin: 2px 0;
		padding: 2px;
	    
		}	
	table.s2 {
	    border: 0px solid black;
		border-collapse: collapse;
		margin: 2px 0;
		width: 70%;
		}

	table.ll {
		width: 45%;
		}

	
			
table.s4,table.s4 th, table.s4 td ,table.s4  {
	    border: 2px solid black;
		border-collapse: collapse;
		margin: 2px 0;
		padding: 2px;
		}		
table.s4 th {
	background-color: #F5DD2E ;
			color: white;
}
		
table.s5 th {
	background-color: #F5DD2E ;
	color: white;
	 font-size:10px; 
}

table.s5,table.s5 th, table.s5 td ,table.s5  {
	    border: 2px solid black;
		border-collapse: collapse;
		margin: 2px 0;
		padding: 2px;
		font-size:10px; 
		}

table.s6,table.s5 th, table.s5 td ,table.s5  {
	    border: 2px solid black;
		border-collapse: collapse;
		margin: 2px 0;
		padding: 2px;
		font-size:8px; 
		}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
		


    .Label2 {
	width: 30%
	.spanFormat			
				{
  text-align: left;
  display: table-cell;
  min-width: 10px;
  padding-right: 10px;
}



 hr.divider { 
  margin: 4px;
  border-width: 4px;
} 
 hr.dividerh { 
  margin: 2px;
  border-width: 0px;
}

img {
    border: 1px solid #ddd;
  border-radius: 4px;
  padding: 5px;
  width: 350px; 
 
}
img.is1 {

  border-radius: 8px;
  margin: 2px;
  object-fit: fill;
}
.container {
 width:98%;	
  display: flex;
  flex-direction: row;
}




.bigl
{
font-weight:bold;
            width:98%px;
            font-size:18px;	
}
.bigs
{
	color:#8fd1ea;
font-weight:bold;
            width:98%px;
            font-size:18px;	
}
  select{
            width: 80%;
            margin: 10px 0;
			height: 40px;
        }
        select option{
             padding: 10px 5px;
        }





.a_demo_three::before {
	content:"·";
	width:35px;
	max-height:29px;
	height:100%;
	position:absolute;
	display:block;
	padding-top:8px;
	top:0px;
	left:-36px;
	font-size:16px;
	font-weight:bold;
	color:#8fd1ea;
	text-shadow:1px 1px 0px #07526e;
	border-right:solid 1px #07526e;
	background-image: linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999 ;
}

.a_demo_three:active::before {
	top:-3px;
	box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999 ;
}





body {
  padding: 20px;
}

textarea {
  width: 100%;
  height: 450px;
  padding: 12px 20px;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
  background-color: #f8f8f8;
  font-size: 16px;
  resize: none;
}

a:link {
  color: red;
}
.pagin li{
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
	 list-style-type: none;
}