body {
background: #f2f0e9;
}

#hider {
	background: url(images/hider.png);
	position: fixed;
	top: 0; left:0;
	height: 100%;
	width: 100%;
}
#biglangas {
	width: 500px;

	padding: 20px 0 35px 0;
	-moz-border-radius: 7px; border-radius: 7px;
	background: #FFF;
	position: fixed;
	left: 50%;
	top: 100px;
	margin-left: -250px;
	text-align: center;
	-webkit-box-shadow: 0px 0px 24px 0px rgba(236,135,31,0.71);
-moz-box-shadow: 0px 0px 24px 0px rgba(236,135,31,0.71);
box-shadow: 0px 0px 24px 0px rgba(236,135,31,0.71);
}

#biglangas h1 {
	text-align: center;
	font-size: 14pt;
	font-weight: 600;
	padding-bottom: 20px;
}


#biglangas .y {
	background: #69b046;
border: 0;
-moz-border-radius: 5px;
 border-radius: 5px;
 text-transform: uppercase;
 font-weight: 600;
 color: #FFF;
 padding: 11px 22px;
	font-size: 12pt;
	cursor: pointer;
}

#biglangas .n {
	background: #ccc;
	cursor: pointer;
border: 0;
-moz-border-radius: 5px;
 border-radius: 5px;
 text-transform: uppercase;
 font-weight: 600;
 color: #FFF;
 padding: 11px 22px;
 font-size: 12pt;
	
}
#biglangas .n:hover, #biglangas .y:hover {
	text-decoration: underline;
}
* { font-family: 'Open sans';  outline: none; }
.login-block {
background: #FFF; width: 500px;  margin: 0 auto; margin-top: 100px; -moz-border-radius: 7px; border-radius: 7px;
font-family: 'Open sans'; 
padding-bottom: 20px;
}
.login-block-topic {
border-top-left-radius: 7px; padding: 25px 25px 25px 60px; -moz-border-radius-topleft: 7px; text-transform: uppercase; font-size: 12pt; border-top-right-radius: 7px; -moz-border-radius-topright: 7px; background: #44403c url(images/keyer.png) no-repeat 20px center; color: #FFF; font-weight: bold; font-weight: 800; font-family: 'Open sans'; width: 415px; display: block;
margin-bottom: 29px;
}
.login-block-topic a {
float: right; color: #dfd7ce;
font-weight: normal;
text-transform: none;
font-size: 9pt;
display: block;
padding-top: 2px;
}
.login-block-topic a:hover {
text-decoration: none;
}
.login-block-name {
display: block;
float: left;
color: #666;
font-size: 10pt;
width: 90px;
padding-left: 20px;
padding-top: 11px;
}
.inp {
float: left;
border: 1px solid #e5e4dd;
-moz-border-radius: 4px;
 border-radius: 4px;
 padding: 10px;
 font-size: 12pt;
 width: 349px;
 margin-bottom: 19px;
 color: #44403c;
 background: #fdfcfb;
-webkit-box-shadow: inset 0px 2px 0px 0px rgba(243,242,241,1);
-moz-box-shadow: inset 0px 2px 0px 0px rgba(243,242,241,1);
box-shadow: inset 0px 2px 0px 0px rgba(243,242,241,1);
}

.login-button-block {
background: url(images/cline.png) repeat-x center; text-align: center;
margin: 0 20px;
margin-bottom: 15px;

}
.login-button-block span {
 padding: 0 15px;
background: #FFF;
}

.login-button-block input[type=submit] {
background: #69b046;
border: 0;
-moz-border-radius: 5px;
 border-radius: 5px;
 text-transform: uppercase;
 font-weight: 600;
 color: #FFF;
 padding: 11px 22px;
}
.login-button-block input[type=submit]:hover, .y:hover, .login-button-block input[type=submit]:focus {
background: #669933; 

}
#remind {
cursor: pointer;
color: #44403c;
text-decoration: underline;
font-size: 9.5pt;
display: none;
}
#remind:hover {
text-decoration: none;
}
.cnt {
margin: 0 auto;
width: 1380px;
max-width:100%;
}
#main {
background: #FFF;
min-height: 48px;
margin-top: 25px;
border-radius: 7px;
-moz-border-radius: 7px;
}
.menu {
border-top-left-radius: 7px; 	-moz-border-radius-topleft: 7px;
border-top-right-radius: 7px; 	-moz-border-radius-topright: 7px;
width: 100%;

background: #44403c;
}
.menu ul {
list-style-type: none;
padding: 0; margin: 0;
display: inline-block;
}
.menu ul li { display: inline-block; }
.menu ul li a {
text-decoration: none;
color: #ebe1d6;
display: inline-block;
border-right: 1px solid #4f4b47;
font-size: 10.5pt;
padding-left: 18px;
padding-right: 18px;
padding-top: 23px;
padding-bottom: 22px;
}
.menu ul li a:hover, .menu ul li a.on {
background: url(images/hover.png) center;
margin-right: 0;
border-bottom:0; 

color: #FFF;

}
.menu ul li:first-child a {
	border-left: 1px solid #4f4b47;
}
.logo {
font-weight: bold;
color: #FFF;
display: inline-block;
background: url(images/keyer.png) no-repeat 20px center;
padding-left: 57px;
font-size: 12pt;
margin-right: 6px;
width: 78px;
padding-top: 20px;
padding-bottom: 20px;
text-transform: uppercase;
border-bottom: 1px solid #4f4b47;
}
.content {
float: left;
width: 1340px;
padding: 0 20px 20px 20px;
max-width:calc(100% - 40px);
}
.topit {
border-bottom: 1px solid #f2f2f2;
margin-left: -6px;
height: 63px;
text-align: right;
padding-right: 20px;
margin-bottom: 20px;
}
a.logout {
background: #ec871f;
border-radius: 5px;
-moz-border-radius: 5px;
color: #FFF;
text-decoration: none;
text-transform: uppercase;
font-size: 10pt;
font-weight: 600;
margin-top: 15px;
display: inline-block;
padding: 5px 15px 7px 15px;
}
a.logout:hover {
background: #c46e15;
}
.data {
display: inline-block;
background: url(images/timer.png) no-repeat left center;
padding: 2px 0;
padding-left: 20px;
font-size: 10.5pt;
color: #908d89;
margin-right: 20px;
}
.footer {
margin-top: 30px;
border-top: 1px solid #f2f2f2;
margin-left: -6px;
color: #908c88;
padding: 15px 0;
padding-right: 20px;
text-align: right;
font-size: 10pt;
}
.c_content {
font-size: 10pt;
color: #666;
min-height: 300px;
}
.c_content  h1 {
padding: 0 0 15px 0;
margin: 0 0 25px 0;
font-weight: normal;
font-size: 13.5pt;
color: #44403c;
border-bottom: 1px solid #f2f2f2;
}
a.add {
background: #69b046;
border-radius: 5px;
-moz-border-radius: 5px;
color: #FFF;
text-decoration: none;
text-transform: uppercase;
font-size: 10pt;
font-weight: 600;

display: inline-block;
padding: 5px 15px 7px 15px;
float: right;
}
a.add:hover {
background: #478628;
}


a.grey {
background: #888;
border-radius: 5px;
-moz-border-radius: 5px;
color: #FFF;
text-decoration: none;
text-transform: uppercase;
font-size: 10pt;
font-weight: 600;
margin-right: 10px;
display: inline-block;
padding: 5px 15px 7px 15px;
float: right;
}
a.grey:hover {
background: #666;
}
#input_t {
border: none; width:70%; margin:0 auto;
border-collapse: collapse;
}
#input_t td { font-size: 10pt; border: 0; }
#input_t tr td:first-child {
width: 150px;
}
#input_t input, #input_t textarea, #input_t select {
background: #fdfcfb;
border: 1px solid #e5e4dd;
font-size: 10pt;
overflow: auto;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0px 2px 0px 0px rgba(243,242,241,1);
-moz-box-shadow: inset 0px 2px 0px 0px rgba(243,242,241,1);
box-shadow: inset 0px 2px 0px 0px rgba(243,242,241,1);
padding: 10px;
color: #666;
width: 96%; padding-left:2%; padding-right:2%;
margin: 7px 0;
}
#input_t select { width:100%; }
select.x2dbl {
	background: #fdfcfb !important;
border: 1px solid #e5e4dd !important;
font-size: 10pt !important;
overflow: auto !important;
-moz-border-radius: 4px !important;
border-radius: 4px !important;
-webkit-box-shadow: inset 0px 2px 0px 0px rgba(243,242,241,1) !important;
-moz-box-shadow: inset 0px 2px 0px 0px rgba(243,242,241,1) !important;
box-shadow: inset 0px 2px 0px 0px rgba(243,242,241,1) !important;
padding: 10px !important;
color: #666 !important;
width: 715px !important;
margin: 7px 0 !important;
}
 #input_t select {
 width:737px;
 }
#input_t input:hover, #input_t textarea:hover, #input_t input:focus, #input_t textarea:focus, #input_t select:hover, #input_t select:focus {
color: #444;
-webkit-box-shadow: 0px 0px 9px 1px rgba(240,240,240,1);
-moz-box-shadow: 0px 0px 9px 1px rgba(240,240,240,1);
box-shadow: 0px 0px 9px 1px rgba(240,240,240,1);
}

#input_t input[type=submit], #input_t input[type=button] {
background: #69b046;
border-radius: 5px;
-moz-border-radius: 5px;
color: #FFF;
text-decoration: none;
text-transform: uppercase;
font-size: 10pt;
font-weight: 600;

display: inline-block;
padding: 5px 15px 7px 15px;
float: right;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow:none;
width: auto;
border: 0;
}
#input_t input[type=checkbox] {
width: auto;
padding: 5px;
}
#input_t input[type=submit]:hover, #input_t input[type=submit]:focus,
#input_t input[type=button]:hover, #input_t input[type=button]:focus 
{
background: #478628;
}

h2 {
color: #354052;
font-weight: normal;
font-size: 13pt;
margin: 0 0 15px 0;
padding: 0;
}
h3 {
color: #354052;
font-weight: normal;
font-size: 12pt;
margin: 15px 0 12px 0;
padding: 0;
}
#list, .forma1 {
border: 0; border-collapse: collapse;
width: 100%;
}
.forma1 { margin: 15px 0; }
#list tr:first-child td {
background: #44403c;
color: #FFF;
font-size: 10pt;
font-weight: 600;
border-right: 1px solid #3d3936;
padding: 12px 10px 12px 10px;
}
#list tr.sumontuota td { background: #e9f3e3 !important; }
#list tr:first-child td:first-child {
border-top-left-radius:4px;
border-left: 0;
-moz-border-radius-topleft: 4px;
}
#list tr:first-child td:last-child {
border-top-right-radius:4px;
-moz-border-radius-topright: 4px;
border-right: 0;
}
#list tr td:first-child { border-left: 1px solid #e5e4dd; }
#list tr td, .forma1 tr td  {
border-bottom: 1px solid #e5e4dd;
border-right: 1px solid #e5e4dd;
padding: 5px 10px 5px 10px;
color: #44403c;
font-size: 10pt;
}
.forma1 tr td:first-child { border-left:1px solid #e5e4dd }
.forma1 tr:first-child td {
border-top:1px solid #e5e4dd
}
#list tr:nth-child(even) td, .forma1 tr:nth-child(even) td {
background: #f7f5f3;
}
#list tr td a {
color: #ec871f;

font-size: 10pt;
text-decoration: none;
display: inline-block;
margin-right: 8px;
padding-bottom: 1px;
border-bottom: 1px solid #ec871f;

}
#list tr td a:last-child {
margin-right: 0;
}
#list tr td a:hover {
border-bottom: 1px solid #69b046;
}
a.backnow {
color: #44403c;
display: inline-block;
text-decoration: underline;
background: url(images/arr.png) no-repeat left center;
padding-left: 16px;
font-size: 10.5pt;
float: left;
margin: 23px 0 0 20px;
}
a.backnow:hover {
text-decoration: none;
}
bb { font-weight: 600; }


.del {
display: inline-block;
background: url(images/x.png) no-repeat left center;
padding-left: 15px;
color: #ec871f;
cursor: pointer;
margin-left: 15px;
text-decoration: underline;
font-size: 10pt;
}
.del:hover {
text-decoration: none;
}
#subparts li {
cursor:pointer;
padding: 3px 0;
}
#subparts li:hover {
background: #f9f9f9;
}
.is_txt {
width: auto;
}
.pastaba {
font-weight: 600;
color: #ec871f;
cursor: help;
}


#list input, #list textarea, #list select {
background: #fdfcfb;
border: 1px solid #e5e4dd;
font-size: 10pt;
overflow: auto;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0px 2px 0px 0px rgba(243,242,241,1);
-moz-box-shadow: inset 0px 2px 0px 0px rgba(243,242,241,1);
box-shadow: inset 0px 2px 0px 0px rgba(243,242,241,1);
padding: 5px;
color: #666;
width: 285px;
margin: 1px 0;
}
 #list select {
 width:297px;
 }
#list input:hover, #list textarea:hover, #list input:focus, #list textarea:focus, #list select:hover, #list select:focus {
color: #444;
-webkit-box-shadow: 0px 0px 9px 1px rgba(240,240,240,1);
-moz-box-shadow: 0px 0px 9px 1px rgba(240,240,240,1);
box-shadow: 0px 0px 9px 1px rgba(240,240,240,1);
}

#list input[type=submit], #list input[type=button] {
background: #69b046;
border-radius: 5px;
-moz-border-radius: 5px;
color: #FFF;
text-decoration: none;
text-transform: uppercase;
font-size: 10pt;
font-weight: 600;

display: inline-block;
padding: 5px 15px 7px 15px;
float: right;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow:none;
width: auto;
border: 0;
}
#list input[type=checkbox] {
width: auto;
padding: 5px;
}
#list input[type=submit]:hover, #list input[type=submit]:focus,
#list input[type=button]:hover, #list input[type=button]:focus 
{
background: #478628;
}
.notes { display: block; font-size: 9pt; color: #888; }
li a {
color: #44403c;

}
li a:hover {
text-decoration: none;
}

tr.myDragClass { border: 2px solid #ccc; }

ul.none {
list-style-type: none;
padding: 0;
margin: 0;
}
ul.none li {
display: inline-block;
}


.event a {
	   background-color : #eb3200 !important;
	   background-image :none !important;
	   color: White !important;
	}
	
	
.event1 a {
	   background-color : #2783ce !important;
	   background-image :none !important;
	   color: White !important;
	}	
	
	#input_t a {
	color: #ec871f;
	}
	#input_t a:hover {
	text-decoration: none;
	}
	
	.item {
	border: 1px solid #ccc;
	display: inline-block;
	margin: 10px;
	width: 250px;
	height: 200px;
	cursor: pointer;
	position: relative;
	}
	.item span {
		display: block;
		text-align: center;
		position: absolute;
		bottom: 0;
		background: #333;
		padding: 5px;
		text-align: center;
		color: #FFF;
	}
	.item:hover {
	border: 1px solid #cc0000;
	background-color: #f1f1f1 !important;
	}
	.item:hover span {
		background: #cc0000;
	}
	
span.x_data, span.x_money, span.x_workers {
	display: inline-block;
	margin-right: 30px;
	padding-left: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-repeat: no-repeat;
	background-position: left center;
}
span.x_data {
	background-image: url(images/ico_time.png);
}
span.x_money {
	background-image: url(images/ico_money.png);
}
span.x_workers {
	background-image: url(images/ico_work.png);
}
#input_t input[type=text].data { width: 120px; background-image: url(images/ico_calender.png); background-repeat: no-repeat; background-position: 110px center; }

.sline {
	display: none;
}
#list { list-style-type: none; padding: 0; margin: 0 0 15px 0; }
#list li {
	display: inline-block;
	width: 24%;
	border-bottom: 1px dotted #e1e1e1;
	padding: 5px;
}
#list li a.on {
	color: #69b046;
	font-weight: 600;
}



#informer tr:first-child td {
	text-align: center;
	background: #f8f8f8;
	font-weight: 600;
	height: 30px;
}

#informer tr td {
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #eee;
	border-left: 1px solid #eee;
	text-align: center;
	height: 25px;
}
#informer tr td input {
	width: 80px;
	text-align: center;
	border: 1px solid #ccc;
	padding: 3px;
	font-size: 9.5pt;
}
#informer tr td textarea {
	border: 1px solid #ccc;
	font-size: 9.5pt;
		padding: 3px;
		width: 98%;
}



.cl_adr, .cl_ikodas, .cl_pvm, .cl_email, .cl_phone {
	
	border: 1px solid #ccc;
	padding: 3px;
	width: 192px;
color: 000;
  font-size: 9.5pt;
}
.clnd {
	background: url(images/calendar.png) no-repeat right 3px center;
}


#pager {
	text-align: center; margin-top: 15px;
}
#pager a {
	display: inline-block;
	background: #ec871f;
	color: #fff;
	text-decoration: none;
	font-size: 11pt;
	margin-left: 5px;
	padding: 3px 7px;
	border-radius:5px;
	-moz-border-radius:5px;
}
#pager a:hover {
	background: #fcb916;
}
#pager span {
	display: inline-block;
	background: #fcb916;
	color: #fff;
	text-decoration: none;
	font-size: 11pt;
	margin-left: 5px;
	padding: 3px 7px;
	border-radius:5px;
	-moz-border-radius:5px;
}

a.add_line {
	color: #ec871f;
	text-decoration: none;
}
a.add_line:hover {
	text-decoration: underline;
}

#list tr td input[type=text].cng {
	width: 60px !important;
	margin-left: -5px;
}
#list tr td a.chosen-single {
	color: #333;
	padding: 4px 10px;
	width: 270px;
	margin-left: -6px;
		border-radius:3px;
	-moz-border-radius:3px;
}
ul.chosen-results li {
	display: block !important;
	width: 100% !important;
}

#wlist {
	margin-top: 25px; width: 100%; border-collapse: collapse;
}
ul.alist li #wlist { margin-top:0; }
#wlist tr td { border-bottom: 1px solid #e5e5e5; min-height: 35px; padding: 5px; }
#wlist tr:nth-child(even) td { background: #f8f8f8 !important; }
#wlist tr td a { color: #111; font-weight: 600; text-decoration: none; font-size: 10.5pt; }
#wlist tr:hover { background: #f9f9f9; }
#wlist tr td a:hover { color: #00000; }

#informer input.qty { width: 40px !important; }
#informer input.mat { width: 40px; }
#informer input.dis, #informer input.disp { width: 50px; }

#dnts label {
	border-right: 1px solid #f2f2f2;
	padding-right: 10px;
	margin-right: 10px;
}
#dnts label input {
	margin-bottom: -3px; 
}
.plius { font-weight:600; font-size:20pt; color:#69b046; display:block; text-align:center; }
.inf { display:inline-block; position:relative; margin-left:5px; width:17px; height:17px; background-image:url(images/house.png); background-size:auto 17px; background-repeat:no-repeat; background-position:center;  }
.inf > span { position:absolute; border:2px solid #333; min-width:150px; bottom:20px; display:none; background-color:#eaeaea; color:#333; padding:10px; border-radius:3px; }
.inf:hover > span { display:block; }
#hidder { position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.4); z-index:30; }
#send_letter_popup { position:absolute; margin-bottom:30px; top:15px; left:50%; width:650px; z-index:35; padding:20px; border-radius:2px; background-color:#fff; display:block; margin-left:-345px; }
#send_letter_popup h1 { margin-bottom:15px; }
.send_letter_button, .not_send_letter { transition:0.3s ease; background-color:#69b046; cursor:pointer; padding:0 15px; display:block; float:left; height:34px; line-height:34px; border-radius: 5px; -moz-border-radius: 5px; color: #FFF; text-decoration: none; text-transform: uppercase; font-size: 10pt; font-weight: 600; }
.not_send_letter { background-color:#666; margin-left:15px; text-decoration:none; }
.not_send_letter:hover { background-color:#cc0000; }
.send_letter_button:hover { background-color:#478628; }
#sign_popup { text-align:center; display:block; padding:30px; background-color:#fff; position:fixed; top:50px; left:50%; width:500px; z-index:50; margin-left:-280px; }
.succ_popup_button { border:0; cursor:pointer; display:inline-block; font-size:10.5pt; margin-left:10px; margin-right:10px; color:#fff; background-color:#56ab3c; color:#fff; text-align:center; padding:0 20px; height:42px; line-height:42px; font-weight:600; text-decoration:none; text-transform:uppercase; border-radius:4px; transition:0.3s ease; }
.close_popup_button { display:inline-block; font-size:10.5pt; margin-left:10px; margin-right:10px; color:#fff; background-color:#ccc; color:#111; text-align:center; padding:0 20px; height:42px; line-height:42px; font-weight:600; text-decoration:none; text-transform:uppercase; border-radius:4px; transition:0.3s ease; }
.close_popup_button:hover { background-color:#cc0000; color:#fff; }
.succ_popup_button:hover { background-color:#499531; }
.popup_success { font-size:16pt; font-weight:600; color:#56ab3c; }
#sign_popup input[type=text] { width:calc(100% - 142px); float:right; display: block; margin-left: auto; margin-right: auto; height:44px; background: #fdfcfb; border: 1px solid #e5e4dd; font-size: 10pt; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0px 2px 0px 0px rgba(243,242,241,1); -moz-box-shadow: inset 0px 2px 0px 0px rgba(243,242,241,1); box-shadow: inset 0px 2px 0px 0px rgba(243,242,241,1); padding:0px 10px; color: #666; margin-bottom:5px; }
.msg_ok, .msg_bad { margin-top:15px; border-radius:3px; margin-bottom:15px; display:block; padding:15px; text-align:center; font-size:11pt; font-weight:600; color:#333; border:2px solid #69b046; }
.msg_bad { border-color:#cc0000; }
#sign_popup p span { display:block; line-height:46px; padding-right:5px; text-align:right; font-weight:600; width:115px; font-size:10pt; float:left; }
.boxpop { display:block; font-size:10pt; margin-top:6px; margin-bottom:3px; }
#sign_popup textarea { width:calc(100% - 22px); display: block; margin-left: auto; margin-right: auto; height:170px; overflow:auto; background: #fdfcfb; border: 1px solid #e5e4dd; font-size: 10pt; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0px 2px 0px 0px rgba(243,242,241,1); -moz-box-shadow: inset 0px 2px 0px 0px rgba(243,242,241,1); box-shadow: inset 0px 2px 0px 0px rgba(243,242,241,1); padding:10px; color: #666; margin-bottom:10px; }
#xtr .chosen-container-single .chosen-single { width:100% !important; }
#xtr .chosen-container-single .chosen-drop, #xtr .chosen-container-single .chosen-search input, #xtr .chosen-container .chosen-results { width:100% !important; }
.pii_box { border:2px solid #ccc; padding:15px; margin:15px 0; background:#fefefe; }
.pii_box h2 { text-align:center; display:block; text-decoration:underline; width:300px; margin-left:auto; margin-right:auto; cursor:pointer; text-align:center; background-image:url(images/d.png); background-repeat:no-repeat; background-position:right center; }
.pii_box h2:hover { text-decoration:none; }
table.pii_table tr td { padding: 5px; font-weight:600; }
.pii_content { display:none; }
.ph_list_item { display:block; float:left; width:calc(20% - 8px); margin-right:10px; margin-bottom:10px; border:1px solid #ccc; }
.ph_list_item:nth-child(5n) { margin-right:0; }
#photos_listas::after { content:""; display:block; clear:both; }
.ph_list_item img { max-width:100%; position:absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); }
.ph_list_img { position:relative; overflow:hidden; display:block; line-height:40%; padding-top:100%; width:100%; }
.ph_rem_but { display:block; width:100%; height:24px; line-height:24px; transition:0.3s ease; background:#efefef; border-top:1px solid #ccc; color:#111 !important; font-weight:600; text-align:center; font-weight:600; }
.ph_rem_but:hover { background-color:#cc0000; color:#fff !important; }
.show_toggle { display:inline-block; padding-bottom:10px;padding-top:10px; padding-right:30px; font-size:16px; font-weight:600; cursor:pointer; position:relative; }
.show_toggle::after { position:absolute; right:0; top:calc(50% - 10px); content:""; border: solid #222; border-width: 0 3px 3px 0; display: inline-block; padding: 5px; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.show_toggle.on::after { top:calc(50% - 3px); transform: rotate(-135deg); -webkit-transform: rotate(-135deg); }
    .switch {
            position: relative;
            display: inline-block;
            width: 30px;
            height: 17px;
            margin: 5px;
        }

        /* Hide the default checkbox */
        .switch input {
            opacity: 0;
            width: 0;
            height: 0;
        }

        /* The slider */
        .slider {
            position: absolute;
            cursor: pointer;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #ccc;
            transition: 0.4s;
            border-radius: 34px;
        }

        .slider:before {
            position: absolute;
            content: "";
            height: 13px;
            width: 13px;
            left: 2px;
            bottom: 2px;
            background-color: white;
            transition: 0.4s;
            border-radius: 50%;
        }

        input:checked + .slider {
            background-color: #56ab3c;
        }

        input:checked + .slider:before {
            transform: translateX(13px);
        }