*, *:after, *:before {
box-sizing: border-box;
padding: 0;
margin: 0;
transition: .1s ease-in-out; 
}
p
{
/* padding-bottom: 20px;*/
 text-indent: 20px; 
}

p2
{
 padding-bottom: 20px;
 text-indent: 20px; 
 word-break: break-all;
}

html {
font-size: 10px;
}
body {
font-family: "Trebuchet MS", sans-serif;
font-size: 15px;
line-height: 1.5;
color: #1D2E4C;
word-spacing: 2px;
background: #f0f0f0;
}


hr{
margin: 5px 0;

}
 

h1 {
    font-size: 1.5em;

}
h2 {
    font-size: 27px;
    line-height: 38px;
    margin-top: 30px;
    margin-bottom: 20px;
	font-weight: 400;
}
h3 {
    font-size: 20px;
    line-height: 30px;
    margin-top: 30px;
    margin-bottom: 20px;
	font-weight: 400;
}
h4{
    font-size: 27px;
    line-height: 38px;
    font-weight: 400;
}

ol{
margin:10px;
}


proc{
  font-size:1.2em;
}

#wrapper {
margin: 0 auto;
width: 100%;
max-width: 1220px;
min-width: 1200px;
padding: 0;
}


/*header------*/
#header {
width: 100%;
min-height: 80px;
min-width: 320px;
background-color: #435173;
border-color: #435173;
box-shadow: 0 3px 1px rgb(186, 186, 186);
padding: 0;
margin-bottom: 10px;
position: relative;
}

#header_logotip,#header_logo{
margin: 15px 0 0 0;
padding: 0;
display: block;
float: left;
}





#menu{
margin: 0 0 0 10px;
font-size: 1.6em;
line-height: 1.1;
font-weight: normal;
display: inline-block;
color:#FFF;
margin-top: 25px;
}
#menu >  li{
display: inline-block;
list-style: none;
margin-right: 25px;
}
#menu > li > a{
text-decoration: none;
color:#FFF;
cursor: pointer;

}
#menu > li > a:hover{
font-size: 1.1em;
}

#button_menu{
position: relative;
float: left;
padding: 9px 10px;
margin: 23px 10px 10px 15px;
background-color: transparent;
background-image: none;
border: 1px solid;
border-radius: 2px;
border-color: #DDDDDD;
cursor: pointer;

}
#button_menu:hover{
background-color: #DDDDDD;
}	
#button_icon{
background-color: #888888;
display: block;
width: 22px;
height: 2px;
border-radius: 1px;
}
#button_menu #button_icon + #button_icon {
    margin-top: 4px; 
}



/* меню */

#header_menu.active {
max-height: 300px;
}




/*header end------*/












/*buterbrod*/
#buterbrod{
margin: 0 0 0 10px;
font-size: 1.1em;
line-height: 1.1;
font-weight: normal;
display: inline-block;
color:#898989;

}
#buterbrod >  li{
display: inline-block;
list-style: none;
margin-right: 5px;
}
#buterbrod >  li + li::before{
content: "»";
font-size: 1.21em;
color: #0fa8ae;
}
#buterbrod >  li > a{
text-decoration: none;
}

/*buterbrod end*/


/* container */

.container {
margin: 0 auto;
width: 100%;
padding: 0 10px;
display: flex;

} 



.home-list {
margin-bottom: 30px;
width: 70%;
float: left;
margin-right: 10px;
}


#home_category{
color: rgba(175, 9, 9, 0.84);
padding: 5px 0px 0px 15px;
border-bottom: 1px solid #D2D3D4;
margin: 0px 15px 0px 15px;
}

#ads_calc{
padding: 15px 0;
}


/* sidebar*/
aside {
    width: 300px;
    margin-right: 20px;
	
}

.widget {
    padding: 20px 0px;
    background: white;
    font-size: 1.0em;
    margin-bottom: 30px;
    box-shadow: 3px 3px 1px rgba(0,0,0,.05);
    border-radius: 15px;
}
.widget-title {
    font-size: 18px;
    padding: 10px;
    margin-bottom: 20px;
    text-align: center;
    border: 2px solid #F8B763;
    box-shadow: 3px 3px 0 0 #F8B763;
    
}
.widget_box {
margin: 0 auto;
overflow: hidden;
padding-bottom: 5px;

}



/* home*/
.cat_home {
list-style: none;
}"
.cat_home_new {
border-radius: 15px 15px 0px 0px;
padding: 0 30px;
margin: 20px 0 auto;
background: #435173;
}
.cat_home_new {
//text-decoration: none;
color: #FFF;
width: 100%;
display: inline-block;
}

.cat_home_middle_white {
padding: 0 40px;
background: #f0f0f0;
//text-decoration: none;
color: #000;
width: 100%;
display: inline-block;
padding: 10px 30px;
margin: 20px 0 auto;
font-size: 1.3em;
}

.cat_home_href{
padding: 10px 0 10px 10px;
background: #fff;
text-decoration: none;
color: #000;
width: 100%;
display: inline-block;
align-items: center;
border-bottom: 1px solid #eaeaea;
}
.cat_home_href_even{
padding: 10px 0 10px 10px;
background: #fff;
text-decoration: none;
color: #000;
width: 100%;
display: inline-block;
align-items: center;
display: flex;
border-bottom: 1px solid #eaeaea;
}

.category{
display: flex;
margin-left: 10px;
}

.category_description {
font-size: 1.0em;

}
.category_description p{
font-size: 0.85em;
width: 85%;
}





.cat_home > li:hover a { color: #BB3333;}


.cat_href{
padding: 10px 0 10px 10px;
background: #fff;
text-decoration: none;
color: #000;
width: 100%;
display: inline-block;
align-items: center;
border-bottom: 1px solid #c6c2c2;
}


.home_icon{
min-width: 60px;
padding-right: 10px;
}

.cat_icon{
min-width: 25px;
max-width: 25px;
max-height: 25px;
padding-right: 5px;
}

.home_icon_svg{
max-width: 50px;
max-height: 50px;
}
.calc_icon{
min-width: 25px;
padding-right: 10px;
}
.calc_icon_svg{
max-width: 25px;
max-height: 25px;
}
.cat_icon_svg{
max-width: 20px;
max-height: 20px;
}


#rsya{
  padding-top: 10px;
  padding-bottom: 10px;
  min-height: 320px;
}
/*--------------------------------------------------------------------*/
.cselect, .cselect2{
 	border: 2px solid #EEE;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    color: #000;
    cursor: pointer;
    display: list-item;
    float: left;
    height: 30px;
    line-height: 30px;
    list-style-type: none;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
}
.cselect2{
    background: #EEE none repeat scroll 0% 0%;
}
.cselect{
    background: #F8F8F8 none repeat scroll 0% 0%;
}




#table_calc {
    background: #FFF none repeat scroll 0% 0%;
    border-radius: 10px;
    box-shadow: 0px 5px 5px #B0B0B0, 0px 0px 5px #F2F2F2;
    padding: 20px 0;
	margin-bottom:10px;
	//padding-bottom: 30px;
	overflow: auto;
	
}
#table_readme,#table_teoriya,#table_histori,#table_problemi {
    background: #FFF none repeat scroll 0% 0%;
    border-radius: 10px;
    box-shadow: 0px 5px 5px #B0B0B0, 0px 0px 5px #F2F2F2;
    padding: 20px 20px;
	margin-bottom:10px;
	//padding-bottom: 30px;
	
}

#table_otvet { 
    background: #FFF none repeat scroll 0% 0%;
    border-radius: 10px;
    box-shadow: 0px 5px 5px #B0B0B0, 0px 0px 5px #F2F2F2;
    padding: 10px;
    margin-bottom:10px;
    
}
.content_single {
background: #FFF none repeat scroll 0% 0%;
border-radius: 10px;
box-shadow: 0px 5px 5px #CCC, 0px 0px 5px #A5A5A5;
padding: 10px 3% 10px;
margin: 10px 0 10px 0;
}
.content_single ul {
margin-bottom:20px;
}
.content_single ul li{
margin-left:20px;
}

.content_single>ol>li{
margin-left:20px;
margin-top: 10px;
}
.content_single>ol>li>a{
text-decoration: none;
}



.user_box{
    margin:10px 5%;
    text-align: center;
    max-width: 440px;
}
.user_box > span{
    margin-top: 5px;
    display: inline-block;
    vertical-align: top;
}

.rating_star{
    display: inline-block;
    margin-left: 10px;
}
/*--------------------------------------------------------------------*/
.rounded {
counter-reset: li; 
list-style: none; 
font: 13px "Trebuchet MS", "Lucida Sans";
padding: 0;
text-shadow: 0 1px 0 rgba(255,255,255,.5);
margin: 0 10px 0 15px;
}
.rounded a {
position: relative;
display: block;
padding: .4em .4em .4em 2em;
margin: .5em 0;
background: #DAD2CA;
color: #444;
text-decoration: none;
border-radius: .3em;
transition: .1s ease-out;
}
.rounded a:hover {background: #E9E4E0;}
.rounded a:hover:before {transform: rotate(360deg);}
.rounded a:before {
content: counter(li);
counter-increment: li;
position: absolute;
left: -1.3em;
top: 50%;
margin-top: -1.3em;
background: #8FD4C1;
height: 2em;
width: 2em;
line-height: 2em;
border: .3em solid white;
text-align: center;
font-weight: bold;
border-radius: 2em;
transition: all .1s ease-out;
}

.calc_in_category {
list-style: none;
}

/*--------------------------------------------------------------------*/
.footer {
    background: #292929;
    padding: 25px 0;
    font-size: 0.8em;
    color: #5a5a5a;
width: 100%;
min-height: 80px;
min-width: 1200px;
margin-top: 20px;
position: relative;
padding:10px;
}
.footer ul{
list-style: none;	
}

 
/*--------------------------------------------------------------------*/
/* стили калькуляторов*/

.calc_table {
width: 100%;
text-align: center;
padding-top: 20px;
margin-left: auto;
margin-right: auto;
//overflow: hidden;
}
.inputdatach {
width: 80%;
min-width:250px;
max-width:350px;
}
.inputdatach25 {
  width: 25%;
  min-width:50px;
  max-width:350px;
  border: solid 1px #0096cd;
  height: 28px;
  text-align: center;
  border-radius: 5px;
}

.operaciya {
height: 30px;
}
.num_calc {
display: table-cell;
}
.inputdatanum {
width: 25%;
min-width:70px;
max-width:350px;
border: solid 1px #0096cd;
height: 28px;	
vertical-align: top;
}
.num_base {
float: left; 
height: 20px;
margin: 19px 9px 0 0px;
width: 10%;

}
.num_base_input {
border: solid 1px #0096cd;
height: 28px;
width: 10%;
margin: 19px 9px 0 0px;
    min-width: 20px;
    text-align: center;
}
.operaciya_input {
vertical-align: top;
height: 30px;
}


#left{
width: 50%;
float: left;
text-align: right;
padding: 10px;
font:"Arial";
color:#000000;
}
#right{
  width: 50%;
  float: right;
  text-align: left;
  padding: 10px;
  font:"Arial";
  color:#000000;
}
#center{
  width: 100%;
  text-align: center;
  padding: 10px;
  font:"Arial";
  color:#000000;
}
.left-text{
  width: 100%;
  text-align: left;
  padding-left: 10px;
  font:"Arial";
  color:#000000;
}
.right-text{
  width: 100%;
  text-align: right;
  padding: 10px;
  font:"Arial";
  color:#000000;
}
.center-text{
  width: 100%;
  text-align: center;
  padding: 10px;
  font:"Arial";
  color:#000000;
}

.clear{
	clear:both;
}
.submitdatach{
width: 80%;
min-width:150px;
max-width:250px;
}
.help{
font-size:0.9em;
color:#1D2E4C;

}
a.ButtonDigits {
  display: inline-block;
  color: white;
  text-decoration: none;
  padding: .5em;
  outline: none;
  border-width: 2px 0;
  border-style: solid none;
  border-color: #909090 #000 #060606;
  border-radius: 6px;
  background: linear-gradient(#5E5E5E, #121312) #4B4B4B;
  transition: 0.1s;
  cursor: pointer;
  width: 60px;
} 
a.ButtonDigits:hover { background: linear-gradient(#5E5E5E, #121312) #4B4B4B; }
a.ButtonDigits:active { background: linear-gradient(#121312, #5E5E5E) #4B4B4B; }

a.Button2Digits {
  display: inline-block;
  color: white;
  text-decoration: none;
  padding: .5em;
  outline: none;
  border-width: 2px 0;
  border-style: solid none;
  border-color: #909090 #000 #060606;
  border-radius: 6px;
  background: linear-gradient(#5E5E5E, #121312) #4B4B4B;
  transition: 0.1s;
  cursor: pointer;
  width: 130px;
} 
a.Button2Digits:hover { background: linear-gradient(#5E5E5E, #121312) #4B4B4B; }
a.Button2Digits:active { background: linear-gradient(#121312, #5E5E5E) #4B4B4B; }

a.ButtonGo {
  display: inline-block;
  color: white;
  text-decoration: none;
  padding: .5em;
  outline: none;
  border-width: 2px 0;
  border-style: solid none;
  border-color: #bcb4b0 #5f5b59 #080706;
  border-radius: 6px;
  background: linear-gradient(#A09690, #6d635d) #483F39;
  transition: 0.1s;
  cursor: pointer;
  width: 60px;
} 
a.ButtonGo:hover { background: linear-gradient(#A09690, #6d635d) #483F39;}
a.ButtonGo:active { background: linear-gradient(#6d635d, #A09690) #483F39; }
a.ButtonNav {
  display: inline-block;
  color: white;
  text-decoration: none;
  padding: .5em;
  outline: none;
  border-width: 2px 0;
  border-style: solid none;
  border-color: #aaaaab #5f6060 #060707;
  border-radius: 6px;
  background: linear-gradient(#949697, #67696a) #242626;
  transition: 0.1s;
  cursor: pointer;
  width: 60px;
} 
a.ButtonNav:hover { background:  linear-gradient(#949697, #67696a) #242626;}
a.ButtonNav:active { background: linear-gradient(#67696a, #949697) #242626; }
a.ButtonEnter {
  display: inline-block;
  color: white;
  text-decoration: none;
  padding: 2.0em .5em;
  outline: none;
  border-width: 2px 0;
  border-style: solid none;
  border-color:  #FDBE33 #000 #D77206;
  border-radius: 6px;
  background:  linear-gradient(#F3AE0F, #E38916) #E38916;
  transition: 0.1s;
  cursor: pointer;
  width: 60px;
} 
a.ButtonEnter:hover { background:  linear-gradient(#F3AE0F, #E38916) #E38916;}
a.ButtonEnter:active { background: linear-gradient(#E38916, #F3AE0F) #E38916; }


/* калькулятор дней*/



#calculator{
 // padding-left: 40px;
 // height: 350px;
 // text-align:center;  
 text-align: center;
}

#datepicker_value_start,#datepicker_value_end{
display: inline-block;
padding: 4px 6px;
margin-bottom: 12px;
text-align: center;
color: #555;
border-radius: 4px;
height: 24px;
width: 250px;
}

.row_block{
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 10px;
  min-width:200px;
  min-height: 30px;
  text-align: left;
}
.block_left{
  display: inline-block;
}
.datepicker_value{
text-align: right;
height: 24px;  
width:100%;
padding: 4px 6px; 
} 
.countdownHolder{
	margin:0 auto;
	font: 20px/1.5 'Open Sans Condensed',sans-serif;
	text-align:center;
	letter-spacing:-3px;
}

.position{
	display: inline-block;
	height: 1.6em;
	overflow: hidden;
	position: relative;
	width: 1.05em;
}

.digit{
	position:absolute;
	display:block;
	width:1em;
	background-color:#444;
	border-radius:0.2em;
	text-align:center;
	color:#fff;
	letter-spacing:-1px;
}

.digit.static{
	box-shadow:1px 1px 1px rgba(4, 4, 4, 0.35);
	
	background-image: linear-gradient(bottom, #3A3A3A 50%, #444444 50%);
	background-image: -o-linear-gradient(bottom, #3A3A3A 50%, #444444 50%);
	background-image: -moz-linear-gradient(bottom, #3A3A3A 50%, #444444 50%);
	background-image: -webkit-linear-gradient(bottom, #3A3A3A 50%, #444444 50%);
	background-image: -ms-linear-gradient(bottom, #3A3A3A 50%, #444444 50%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.5, #3A3A3A),
		color-stop(0.5, #444444)
	);
}

/**
 * You can use these classes to hide parts
 * of the countdown that you don't need.
 */

.countDays{ /* display:none !important;*/ }
.countDiv0{ 	
    display:inline-block;
	width:16px;
	height:1.6em;
	position:relative; }
.countHours{}
.countDiv1{}
.countMinutes{}
.countDiv2{}
.countSeconds{}


.countDiv{
	display:inline-block;
	width:16px;
	height:1.6em;
	position:relative;
}

.countDiv:before,
.countDiv:after{ 
	position:absolute;
	width:5px;
	height:5px;
	background-color:#444;
	border-radius:50%;
	left:50%;
	margin-left:-3px;
	top:0.5em;
	box-shadow:1px 1px 1px rgba(4, 4, 4, 0.5);
	content:'';
}

.countDiv:after{
	top:0.9em;
}

/* калькулятор дробей*/

.block{
  display: inline-block;

}
.text_block{
display: block;
padding: 10px 10px 0;
font-size: 0.8em;
text-align: center;
} 
input.textnum{width:100%;max-width: 90px;height:28px;line-height:28px;border:solid 1px #CCC;font-size:14px;text-align: center;border-radius: 2px;box-shadow: 0 2px 11px -7px inset;}
input.textnum:focus{border:solid 2px #0096cd;}
input.textnum_otvet{width:100%;max-width: 90px;height:28px;line-height:28px;border:solid 1px #CCC;font-size:14px;text-align: center;background: #e3f3f8;font-weight: bold;border-radius: 2px;box-shadow: 0 2px 11px -7px inset;}
input.textnum_otvet:focus{border:solid 2px #0096cd;}


.shortnum{width:44%;}
.shortblock{width:24%;}

.errorText{
	font: 14px/1.5 'Open Sans Condensed',sans-serif;
	text-align:center;
	color:red;
} 
.block_left_30{
 border: solid 1px #d6e4ff;
 display: inline-block;
 max-width:170px;
 border-radius: 5px;
 padding: 20px 5px;
 margin: 10px 0;
 width:25%;
}
.block_left_10{
 //width: 10%;
 max-width:300px;
 display: inline-block;
 padding: 20px 0;
}

.box_clear{
    float: right;
    margin-top: -34px;
    margin-right: -15px;
    cursor: pointer;
    color: #fff;
    border: 1px solid #AEAEAE;
    border-radius: 50%;
    background: #605F61;
    font-size: 1.4em;
    font-weight: bold;
    display: inline-block;
    line-height: 0px;
    padding: 8px 4px 11px 5px;
}


#speed_otvet{
  display: inline-block;	
}


.cel {
    display: inline-block;
	position:relative;
	top:-12px;
    margin-top: 15px;
    height: 35px;
}
.cel, .op {
    margin-right: 10px;
}

.dr {
	display: inline-block;
    margin: 5px 0;
    height: 40px;
}
.chis, .zn {
    text-align: center;
}
.chis {
    border-bottom: solid 1px black;
}
.op {
	display: inline-block;
	position:relative; 
	top:-12px;
    margin: 15px 5px 0 10px;
    height: 35px;
}
.op_middle {
	display: inline-block;
	position:relative; 
	top:-24px;
    margin: 15px 5px 0 10px;
    height: 35px;
}
.step_text{
color: #3361EC;
}
.otvet_global{
text-align:center;
font-size: 1.2em;	
	
}
.printer_icon_svg{
max-width: 25px;
max-height: 25px;
margin: 0 10px; 
}

.cancel_text {
  position: relative;
}

.cancel_text:before {
  border-bottom: 1px solid red;
  position: absolute;
  content: "";
  width: 100%;
  height: 60%;
  transform: rotate(-14deg);
}


/* --- площадь -*/

.select_block {
	width:100%;
	max-width:300px;
    position: relative;
    display: inline-block;
    border: 1px solid #0096cd;
    overflow: hidden;
    height: 26px;
    vertical-align: top;
    width: 100%;
}


.calc_data{white-space: pre-line;}


  
input.textnum2{width:100px;height:28px;line-height:28px;border:solid 1px #0096cd;padding:0 8px;margin:10px 0;font-size:14px;}
input.textnum2:focus{border:solid 2px #0096cd;}
input.textnum3{width:50px;height:28px;line-height:28px;border:solid 1px #0096cd;padding:0 8px;margin:10px 0;font-size:14px;}
input.textnum3:focus{border:solid 2px #0096cd;}

.bodertop{ border-top: 1px solid #3a4a9f; }
.bodertopBig{ border-top: 4px solid #000;display: inline-block; }
.bodertop_midle{ border-top: 1px solid #3a4a9f; padding-top: 2px;}
.radikal{ font-size: 21px;margin: 0; }
.radikal_big{ font-size: 75px;margin: 0;position: relative;top: 5px; }
.radikal_midle{ font-size: 28px;margin: 0; }
.formula{ font-size: 23px;margin-bottom: 20px; width:99%;text-align:center;background: #D5D1D1 none repeat scroll 0% 0%;border-radius: 10px;font-family: "Times New Roman",Times,serif;  }
.skobkaBig{ font-size: 30px;margin: 0;position: relative;top: 5px; }
.drBig {display: inline-block; margin: 0; height: 40px;top: 10px;position: relative;}
.theory{ font-size: 1.0em;margin-bottom: 20px; width:99%;text-align:left;background: #E0EDF2 none repeat scroll 0% 0%;font-family: "Times New Roman",Times,serif; border-left: 4px solid #73A100;padding-left: 20px;}

#table_teoriya{

}	 

.calc_menu{
padding-top:20px;	
}


#header_menu{
margin: -10px 0 0 0 ;
font-size: 1.4em;
font-weight: normal;
display: inline-block;
color:#FFF;
background: #FFF none repeat scroll 0% 0%;
box-shadow: 0px 5px 5px #CCC, 0px 0px 5px #A5A5A5;
padding:0 10px;
max-height: 0;
overflow: hidden;
position: absolute;
}
#header_menu >  li{
display: inline-block;
list-style: none;
margin-right: 25px;
vertical-align: top;
}
 
.header_menu_little{
margin: 0 0 0 10px;
font-size: 0.9em;
font-weight: normal;
display: block;
color:#FFF;
background: #FFF none repeat scroll 0% 0%;
}
 
.header_menu_little_2{
margin: 0 0 0 10px;
font-size: 0.9em;
font-weight: normal;
display: block;
color:#FFF;
background: #FFF none repeat scroll 0% 0%;
}

.header_menu_cat_big{
border: none !important;
padding: 0 !important;
text-decoration: none;
color: #2A2738;
}
  
.header_menu_cat_little{
border: none !important;
padding: 0 !important;
text-decoration: none;
color: #2A2738;
font-size:0.85em;
}

.header_menu_cntr{
font-size: 14px;
font-weight: 300;
margin: 0 0 0 4px;
}







 
#category_menu{
margin: 10px 0;
border-radius: 10px;
font-size: 1.4em;
font-weight: normal;
display: inline-block;
color:#FFF;
background: #FFF none repeat scroll 0% 0%;
box-shadow: 0px 5px 5px #CCC, 0px 0px 5px #A5A5A5;
padding:0 10px;
width:100%;
overflow: hidden;
}
#category_menu >  li{
display: inline-block;
list-style: none;
margin-right: 25px;
vertical-align: top;
}
 
.category_menu_little{
margin: 0 0 0 10px;
font-size: 0.9em;
font-weight: normal;
display: block;
color:#FFF;
background: #FFF none repeat scroll 0% 0%;
}
 
.category_menu_little_2{
margin: 0 0 0 10px;
font-size: 0.8em;
line-height: 1.4em;
font-weight: normal;
display: block;
color:#FFF;
background: #FFF none repeat scroll 0% 0%;
}

.category_menu_cat_big{
border: none !important;
padding: 0 !important;
text-decoration: none;
color: #2A2738;
}
  
.category_menu_cat_little{
border: none !important;
padding: 0 !important;
text-decoration: none;
color: #2A2738;
font-size:0.85em;
}

.category_menu_cntr{
font-size: 14px;
font-weight: 300;
margin: 0 0 0 4px;
}



.category_link{
padding:0 10px;
text-decoration: none;
cursor:pointer;
color: #fff; 
background: #646464;
width: 100%;
display: inline-block;
font-size: 1.2em;
}  
.category_href_0{
  margin-top: 9px;
  border-radius: 10px 10px 0 0;
} 
.category_href_1{
  padding:0 10px; 
  margin-top: 10px;
  border-radius: 10px 10px 0 0;
} 
.category_href_2{
  padding:0 20px;
  margin-top: 10px;  
  border-radius: 10px 10px 0 0;
} 
.category_href_3{
  padding:0 30px; 
  margin-top: 10px;
  border-radius: 10px 10px 0 0;
}
.category_href_4{
  padding:0 40px; 
  margin-top: 10px;
  border-radius: 10px 10px 0 0;
}
.category_href_5{
  padding:0 50px; 
  margin-top: 10px;
  border-radius: 10px 10px 0 0;
}

.p_left_0{
padding-left:0px;
}
.p_left_1{
padding-left:10px;
}
.p_left_2{
padding-left:20px;
}
.p_left_3{
padding-left:30px;
}
.p_left_4{
padding-left:40px;
}
.p_left_5{
padding-left:50px;
}


.end_list{
border-radius:0 0 10px 10px ;
}

.null_category{
	border-radius: 0;
	margin-top: 0; 
    background: #fff;
    color: #000;
}

#calc_wait{
display:none;
}
.img_calc_wait{
max-width: 32px;
max-height: 32px;
}
#timer_stolbik{
position:relative;
top:-32px;
} 
.histori_list{
margin-left: 10px;
}


.calc_header_text{padding: 0 20px;font-size: 23px;margin-top: 20px; width:100%;text-align:center;background: #e1ffd2 none repeat scroll 0% 0%;border-radius: 10px 10px 0 0;}
.center-calc{
  width: 100%;
  text-align: center;
  padding: 10px;
  font:"Arial";
  color:#000000;
  box-shadow: 0px 0px 10px #82a046 inset;
}


.sector_list{width: 100%;height: auto;border-radius: 10px;box-shadow: 0px 0px 10px #c2d798 inset;margin-bottom: 35px;float: left;}
.sector_calc_header_text{border-radius: 10px 10px 0 0;background: #e1ffd2;text-align: center;font-size:1.2em;width: 100%;padding: 10px 20px;}
.sector_calc{margin: 0 auto;display: flex;}
.calc_img{width: 35%;margin-left: 10px;padding-bottom: 20px;font-size:1.2em;}
.calc_img>img{width: 100%}
.calc_formula{background: #B2DC61;width: 100%;text-align: center;padding-bottom: 0px;padding-top: 0px;border-radius: 8px;}
.calc_img > span {display: block; text-align: center;}
.calc_form{float: right;height: auto;width: 60%;margin: 0 auto;}
.calc_variable{height: 50px;width: 100%;margin-top: 10px;display: flex;justify-content: flex-start;align-items: center;}
.calc_variable_text{width: 45%;text-align: right;font-size:1.2em;}
.calc_variable_input{width: 20%;margin-left: 20px;}
.calc_button{display: flex;justify-content: space-around;padding-top: 30px;padding-bottom: 20px;}


img {max-width:100%; height:auto;}

.spanBlue {color: #0000FC;}
.spanRed {color: red;}
.submitselector {cursor: pointer;padding: 15px 20px;border-radius: 10px;background: #d6e4ff;color: #3570e3;border-color: #d6e4ff;min-width: 100px;display: inline-block;text-align: center;text-decoration: none; font-size: 1.1em;width: 90%;}
.submitselector:hover {background: #e60023;color:#fff;}




.radioButton {
    display: inline-block;
}

#href_calc{
    text-align: center;
    font-size:15px; 
    margin: 20px 0;
}

.share_input{
    width: 100%;
    max-width: 500px;
    padding: 4.5px 11px;
    border-radius: 6px;
    border: 1px solid #d9d9d9;
    line-height: 1.7;
    border-start-end-radius: 0;
    border-end-end-radius: 0;
    margin-inline-end: -1px;
}
.href_calc_copy{
    width: 100%;
    display: inline-flex;
    justify-content: center;
    padding: 0 20px;
}
.button_block{
    padding: 4.5px 15px;
    border-radius: 6px;
    white-space: nowrap;
    background-color: transparent;
    border: 1px solid transparent;
    cursor: pointer;
    line-height: 1.7;
    border-color: #d9d9d9;
    border-start-start-radius: 0;
    border-end-start-radius: 0;
}
.button_block:hover{
    border-color: black;
}
.copied{
    border-radius: 6px;
    line-height: 1.7;
    padding: 5px 15px;
    border: 1px solid #d9d9d9;
    position: absolute;
    background-color: white;
    box-shadow: 5px px;
    box-shadow: 0px 5px 5px #CCC, 0px 0px 5px #A5A5A5;
    display:none;
}