/* DEFINICION DE FUENTES */
@font-face {
	font-family: 'Toptec';
	src: url('hinted-FuturaLT-Light.eot');
	src: url('hinted-FuturaLT-Light.eot?#iefix') format('embedded-opentype'),
	url('hinted-FuturaLT-Light.woff2') format('woff2'),
	url('hinted-FuturaLT-Light.woff') format('woff'),
	url('hinted-FuturaLT-Light.ttf') format('truetype'),
	url('hinted-FuturaLT-Light.svg#FuturaLT-Light') format('svg');
	font-weight: 300;
	font-style: normal;
}

/* DEFINICION DE COLORES DE LA PLANTILLA */
/* COLORES ADYLOG */
/* AZUL ADYLOG #164194 */
/* NARANJA ADYLOG #ea5b0c */

/* COLOR DE FONDO DE BOTONES ROJOS */
.fondorojo
{background-color:red;}

/* COLOR DE FONDO DE BOTONES */
.fondomuyoscuro
{background-color:#015786;}

/* COLOR DE FONDO DE BOTONES */
.texto_fondomuyoscuro
{color:#FFFFFF;}

/* COLOR DE FONDO DEL MENU LATERAL */
.fondooscuro
{background-color:#015786;}

/* COLOR DE TEXTO DEL MENU LATERAL */
.texto_fondooscuro
{color:#FFFFFF;}

/* COLOR DE FONDO DE TITULOS Y FOOTER DE TABLAS */
.fondomedio
{background-color:#81b9d2}

/* COLOR DE TEXTO DE TITULOS Y FOOTER DE TABLAS */
.texto_fondomedio
{color:#015786;}

/* COLOR DE FONDO DE FILAS DE TABLAS PARES */
.fondocuarto
{background-color:#e7f2f8}

/* COLOR DE TEXTO DE FILAS DE TABLAS PARES */
.texto_fondocuarto
{color:#2A3239;}

/* COLOR DE FONDO DE FILAS DE TABLAS IMPARES */
.fondoclaro
{background-color:#cde3ee;}

/* COLOR DE TEXTO DE FILAS DE TABLAS PARES */
.texto_fondoclaro
{color:#2A3239;}

/* COLOR DE TEXTO RESALTADO */
.texto_resaltado
{color:#0F0055;}

/* IMAGEN DE FONDO */
.imagenfondo
{background-image:url('../img/prueba.jpg');}

.fondoEliminar{
	background-color:#fb4242 !important;
	color:#ffffff;
}

/* LOGO DE LA MARCA */
.logomarca
{background-image:url('../img/logoherragro.png');}

/* PLANTILLA CSS */
html
{
	overflow: -moz-scrollbars-vertical;
	overflow-y: scroll;
}

body
{
	font-family: 'Toptec';
	font-size: 14px;
	line-height: 20px;
	letter-spacing:0.05em;
	background-color:white;
	text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
}

.clear
{
	clear:both;
}

a
{
	text-decoration:none;
	color:inherit;
}

#sidebar
{
	width:70px;
	height:100%;
	top:0;
	bottom:0;
	position:fixed;
	z-index:99;
	font-family: 'Toptec';
	font-size:20px;
	letter-spacing:-0.05em;
	overflow-x:hidden;
	overflow-y:auto;
	border-right:4px solid #fff001;
	-webkit-box-shadow: 3px 0px 15px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 3px 0px 15px 0px rgba(0,0,0,0.4);
	box-shadow: 3px 0px 15px 0px rgba(0,0,0,0.4);
}


#sidebar #sidelogo_sml
{
	background-image:url('../img/logoherragro-sml.png');
	width:52px;
	height:40px;
	margin:20px auto -5px auto;
	background-repeat: no-repeat;
}

#sidebar #sidelogo
{
	background-image:url('../img/logoherragro.png');
	background-size: cover;
	width:73px;
	height:40px;
	margin:20px auto -5px auto;
/*	width:200px;
	height:110px;
	margin:20px auto 35px auto;
	display:none;*/
	/*background-image:url('../img/logotoptec-sml.png');*/
}

#sidebar .sidebarcontainer
{
	color:white;
}

#sidebar .sidebarcontainer a
{
	display:block;
}

#sidebar .sidebarcontainer .active
{
	opacity:0.5;
	filter: alpha(opacity=50); /* For IE8 and earlier */
}

#sidebar .sidebarcontainer .sidebaritem
{
}

#sidebar .sidebarcontainer .sidebaritem .sidebarheader,
#sidebar .sidebarcontainer .sidebarexpand .sidebarheader, .sidebaritem_logout
{
	margin:25px 0 0 20px;
	font-size:27px;
}

#sidebar .sidebarcontainer .sidebaritem .sidebarheader .sidebaricon,
#sidebar .sidebarcontainer .sidebarexpand .sidebarheader .sidebaricon
{
	float:left;
}

.sidebarheader img
{
	float:left;
}

.sidebartitle
{
	display:none;
	width:170px;
	margin:6px 0 6px 8px;
	font-size:20px;
	float:left;
}

#sidebar .sidebarcontainer .sidebaritem .sidebarheader .sidebartitle
{
	background-image:url('../img/iconos/flecha2.png');
	background-repeat:no-repeat;
	background-position:right;
}

#sidebar .sidebarcontainer .sidebaritem.active .sidebarheader .sidebartitle
{
	background-image:url('../img/iconos/flecha3.png');
	background-repeat:no-repeat;
	background-position:right;
}

#sidebar .sidebarcontainer .sidebaritemlist
{
	display:none;
	clear:both;
	margin:0;
	padding:5px 0 15px 50px;
	background-color:#0072A4;
}

#sidebar .sidebarcontainer .sidebaritemlist .sidebarsubitem
{
	padding:7px 0 0 0;
	font-size:16px;
	letter-spacing:-0.03em;
	background-image:url('../img/iconos/flecha1.png');
	background-repeat:no-repeat;
	background-position:right;
	width:172px;
}

#sidebar .sidebarcontainer .sidebaritemlist .sidebarsubitem img
{
	width:15px;
	height:15px;
	margin:2px 5px 0 0;
}

#sidebar .sidebarcontainer .sidebaritemlist .sidebarsubitem .sidebaricon
{
	margin:0 10px 0 0;
	font-size:14px;
}

#container
{
	width:100%;
	min-height:100vh;
	min-width:343px;
	background-size:cover;
	background-position:center center;
	background-attachment:fixed;
	z-index:0;
}

#inner_container
{
	width:calc(100% - 160px);
	height:auto;
	margin:0 0 0 120px;
	padding:35px 0 50px 0;
	position:relative;
	display:block;
	/*z-index:1;*/
	background-position:100% 15px;
	background-repeat:no-repeat;
	top:50px;
}

#inner_container h1
{
	font-family: 'Toptec';
	font-size:28px;
	letter-spacing:-0.01em;
	line-height:90%;
	margin:20px 0 23px 0;
}

#inner_container p
{
	font-family: 'Toptec';
	font-size:20px;
	letter-spacing:-0.01em;
	line-height:26px;
	margin:0 0 25px 0;
	text-align:justify;
}
#inner_container table
{
	width:100%;
	margin:0 0 0 0;
	border-radius: 0px 0px 12px 12px;
	-moz-border-radius: 0px 0px 12px 12px;
	-webkit-border-radius: 0 0 12px 12px;
	border: 0px solid #000000;
}

#inner_container div
{
	padding:5px;
	font-size:17px;
	letter-spacing:-0.01em;
	border:none;
}

.input_desc
{
	text-align:right;
	/*vertical-align:top;*/
}

#inner_container td.input_area
{
	text-align:left;
}

/*#inner_container td.input_area input,
#inner_container td.input_area select,
#inner_container td.input_area textarea*/
input[type='text'],
select,
textarea,
input[type='password'],
input[type='number'],
input[type='email']
{
	width:100%;
	padding:4px;
	/*margin-top: 5px;*/
	font-family: 'Toptec';
	font-size:16px;
	color:#0072A4;
	border-radius: 7px 7px 7px 7px;
	-moz-border-radius: 7px 7px 7px 7px;
	-webkit-border-radius: 7px 7px 7px 7px;
	outline:none;
	border:1px solid #81b9d2;
}
#inner_container td.input_area input
{
	width:calc(100% - 20px);
}
#inner_container td.input_area select
{
	width:calc(100% - 6px);
}
#inner_container td.input_area textarea
{
	width:calc(100% - 18px);
	height:150px;
}

.lower_button
{
	float:left;
}


#inner_container #inner_topmenu
{
	padding:1px 5px 1px 5px;
	color:#fff;
	margin:0 0 0 0;
	overflow:hidden;
	font-size:17px;
	letter-spacing:-0.01em;
	width:calc(100%);
	border-radius: 12px 12px 0px 0px;
	-moz-border-radius: 12px 12px 0px 0px;
	-webkit-border-radius: 12px 12px 0px 0px;
	border: 0px solid #000000;
}

#inner_container #inner_topmenu .inner_button
{
	padding:10px 10px 10px 10px;
	margin:0 30px 0 0;
	float:left;
	background-repeat:no-repeat;
	background-position:left center;
}

#inner_container #inner_topmenu .inner_button img
{
	width:20px;
	height:20px;
	float:left;
	margin:0 10px 0 0;
}

#inner_container #inner_botmenu
{
	padding:15px;
	margin:0 0 20px 0;
	overflow:hidden;
	font-size:17px;
	letter-spacing:-0.01em;
	width:calc(100% - 30px);
	border-radius: 0px 0px 12px 12px;
	-moz-border-radius: 0px 0px 12px 12px;
	-webkit-border-radius: 0px 0px 12px 12px;
	border: 0px solid #000000;
}

#inner_container #inner_botmenu .numbers
{
	float:left;
	text-align:center;
	font-size:17px;
	letter-spacing:0em;
	padding:2px 0 0 0;
	width:calc(100% - 175px);
}

#inner_container .inner_button i
{
	margin:0;
	padding:0 10px 0 0;
	font-size:20px;
}

#inner_container .number_button
{
	float:left;
	margin:0;
	padding:0;
	font-size:17px;
}

#inner_container .number_button.right
{
	float:right;
	position:relative;
}

#inner_container .number_button.left
{
	float:left;
	position:relative;
}

#inner_container .number_button.left img
{
	float:left;
	width:20px;
	height:20px;
}

#inner_container .number_button.right img
{
	float:right;
	width:20px;
	height:20px;
}

#inner_container #inner_topmenu a
{
	display:block;
}

#creditos
{
	/*position: absolute;*/
	right: 0;
	bottom: 0;
	left: 0;
	padding: 0.2rem;
	/*background-color: #efefef;*/
	margin-top: 10px;
	text-align: center;
	z-index: -1;
	position:fixed;
}

#creditos img
{
	margin:0 0 -6px 00;
}

#container #loginbox
{
	width:400px;
	height:auto;
	position:absolute;
	top:calc(50% - 220px);
	left:7%;
}

#container #loginbox #loginbackground
{
	position:absolute;
	z-index:0;
	width:100%;
	height:100%;
	top:0;
	right:0;
	opacity: 0.8;
	filter: alpha(opacity=80); /* For IE8 and earlier */
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 0px solid #800000;
	-webkit-box-shadow: 10px 10px 40px 0px rgba(0,0,0,0.6);
	-moz-box-shadow: 10px 10px 40px 0px rgba(0,0,0,0.6);
	box-shadow: 10px 10px 40px 0px rgba(0,0,0,0.6);
}

#container #loginbox #logincontainer
{
	position:relative;
	z-index:1;
	width:calc(100% - 60px);
	padding:30px;
}

#container #loginbox #logincontainer #loginbrand
{
	width:100%;
	height:120px;
	position:relative;
	margin:0 0 15px 0;
	left:0;
	top:-10px;
	background-repeat:no-repeat;
	background-position:center center;
}

#container #logincontainer h1
{
	font-family: 'Toptec';
	font-size:35px;
	letter-spacing:-0.03em;
	margin:0 0 15px 0;
	text-align:center;
}

#container #logincontainer p
{
	font-family: 'Toptec';
	font-size:19px;
	letter-spacing:-0.03em;
	line-height:25px;
	margin:0 0 15px 0;
	text-align:center;
}

#container #logincontainer .formitem
{
	width:100%;
	height:50px;
}

#container #logincontainer .formlabel
{
	float:left;
	width:calc(50% - 10px);
	height:30px;
	text-align:right;
	font-family: 'Toptec';
	font-size:20px;
	letter-spacing:-0.03em;
	line-height:26px;
	padding:5px 10px 0 0;
	background-repeat:no-repeat;
	background-position:160px 5px;
}

#container #logincontainer .forminput
{
	float:left;
	width:50%;
	text-align:left;
}
#container #logincontainer .forminput input
{
	width:calc(100% - 10px);
	padding:5px;
	font-family: 'Toptec';
	font-size:16px;
	color:#0072A4;
	border-radius: 7px 7px 7px 7px;
	-moz-border-radius: 7px 7px 7px 7px;
	-webkit-border-radius: 7px 7px 7px 7px;
	outline:none;
	border:1px solid #81b9d2;
}

#container #logincontainer .formsubmit
{
	clear:both;
	width:100%;
	text-align:center;
}

#container #logincontainer .formsubmit input
{
	width:100%;
	padding:10px;
	border:none;
	outline:none;
	font-family: 'Toptec';
	font-size:20px;
	cursor:pointer;
	border-radius: 12px 12px 12px 12px;
	-moz-border-radius: 12px 12px 12px 12px;
	-webkit-border-radius:12px 12px 12px 12px;
}

#background
{
	background-size:cover;
	background-position:center center;
	background-attachment:fixed;
	opacity: 0.1;
	filter: alpha(opacity=20); /* For IE8 and earlier */
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:-1;
}

/* REGLAS RESPONSIVE PARA TABLET 1024PX */
@media only screen and (max-width: 1024px)
{
	.verDet{display:none !important;}
	#inner_container h1
	{
		font-size:30px;
		margin:30px 0 15px 0;
	}
	#inner_container p
	{
		font-size:17px;
		letter-spacing:-0.02em;
		line-height:24px;
	}

	#inner_container td
	{
		font-size:15px;
	}
	#inner_container #inner_topmenu
	{
		font-size:15px;
	}

	#inner_container #inner_topmenu .inner_button
	{
		margin:0 20px 0 0;
	}

	#inner_container #inner_botmenu .numbers
	{
		letter-spacing:-0.15em;
	}

	#inner_container .lower_button
	{
		width:20%;
		font-size:15px;
	}

	#inner_container :nth-child(even) .lower_button
	{
		margin-right:20px;
	}

	#inner_container :nth-child(odd) .lower_button
	{
		margin-right:20px;
	}

	#topmenu
	{
		display:none;
	}

	#sidemenu
	{
		display:block;
	}

	#sidemenu #sideicons .sidemenuitem
	{
		margin:20px 0 0 20px;
	}

	#sidemenu #sideicons .sidesubitems h1
	{
		top:-46px;
		font-size:22px;
	}

	#sidemenu #sideicons .sidesubitems li
	{
		top:-22px;
		font-size:16px;
		letter-spacing:0em;
	}
}

/* REGLAS RESPONSIVE PARA TELEFONO 597PX */
@media only screen and (max-width: 597px)
{
	#container #loginbox
	{
		left:calc(50% - 200px);
	}
	#inner_container
	{
		margin:105px 20px 20px 20px;
		width:calc(100% - 40px);
		padding:0;
	}

	#inner_container #logokom
	{
		display:none;
	}

	#inner_container h1
	{
		font-size:30px;
		margin:30px 0 25px 0;
	}
	#inner_container p
	{
		font-size:17px;
		letter-spacing:-0.01em;
		line-height:24px;
	}

	#inner_container td
	{
		font-size:15px;
	}
	#inner_container #inner_topmenu
	{
		font-size:15px;
	}

	#inner_container #inner_topmenu .inner_button
	{
		margin:5px 0 5px 0;
		float:left;
		width:calc(50% - 20px);
	}

	#inner_container #inner_botmenu .numbers
	{
		letter-spacing:-0.12em;
		padding:1px 0 0 0;
		width:calc(100% - 45px);
	}

	#inner_container .number_button.right .number_button_r
	{
		display:none;
	}

	#inner_container .number_button.left .number_button_l
	{
		display:none;
	}

	#inner_container .lower_button
	{
		margin:0 10px 10px 0;
		float:left;
		width:calc(50% - 35px);

	}

	#inner_container :nth-child(even) .lower_button
	{
		margin-right:10px;
	}

	#inner_container :nth-child(odd) .lower_button
	{
		margin-right:0;
	}

	#topmenu
	{
		display:block;
	}

	#sidemenu
	{
		display:none;
	}

	#sidebar
	{
		width:100%;
		height:70px;
		top:0;
		border-bottom:4px solid #fff001;
		-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4);
		-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4);
		box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4);
	}

	#sidebar .sidebarcontainer
	{
		float:left;
		margin:0;
		padding:0;
		width:calc(99% / 7);
	}

	#sidebar .sidebarcontainer .sidebaritem .sidebarheader
	{
		margin:0;
		padding:0;
	}

	#sidebar .sidebarcontainer .sidebarheader .sidebaricon
	{
		margin-top:20px;
		margin-left:calc(30%);
		padding:0;
		font-size:30px;
	}

	#sidebar .sidebarcontainer .sidebarheader img
	{
		margin-top:20px;
		margin-left:calc(30%);
		padding:0;
		font-size:30px;
	}

	#sidebar #sidebarcontainer0
	{
		display:none;
	}

	#sidebar .sidebarcontainer .sidebaritem .sidebarheader .sidebartitle
	{
		position:absolute;
		top:70px;
		left:15px;
		margin:0;
		padding:0;
		background-image:inherit;
	}
	#sidebar .sidebarcontainer .sidebaritem.active .sidebarheader .sidebartitle
	{
		background-image:inherit;
	}

	#sidebar .sidebarcontainer .sidebaritemlist
	{
		position:absolute;
		top:90px;
		margin:0 0 0 15px;
		padding:0;
		left:0;
		width:calc(100% - 35px);
		background-color:inherit;
	}

	#sidebar .sidebarcontainer .sidebaritemlist .sidebarsubitem
	{
		width:50%;
		padding:15px 0 10px 0;
		font-size:17px;
		float:left;
		background-image:inherit;
	}

	#sidebar .sidebarcontainer .sidebaritemlist .sidebarsubitem .sidebaricon
	{
		font-size:20px;
	}

	#sidebar #sidelogo_sml
	{
		background-image:url('../img/logotoptec-sml.png');
		height:40px;
		margin:17px 0 0 0;
		width:calc(99% / 7);
		float:left;
		background-repeat:no-repeat;
		background-position:center;
	}
}

.sidebarheader:hover, .sidebarsubitem:hover{
	color:#fff;
}

.menuHorizontal{
	z-index: 1;
	width: 100%;
	position: fixed;
}

.menuHorizontal-modulo{
	background-color: #015786;
	color:#fff;
	box-shadow: 3px 0px 15px 0px rgba(0,0,0,0.4);
	font-size: 25px;text-align: right;
	padding: 8px;
	margin-bottom: 0px;
}

.menuHorizontal-titulo-paginas{
	background-color: #fff; color:#000;
	box-shadow: 10px 0px 1px 0px rgba(0,0,0,0.2);
	font-size: 13px;text-align: right;
	padding: 3px 9px;
}

@media only screen and (max-width: 600px) {
	#sidelogo{display: none;}
	.menuHorizontal{
		width: 100%;
		top: 70px;
	}
}

@media only screen and (max-width: 767px) {
	.input_desc{
		text-align: left;
	}
}


.sidebar::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #015786;
}
.sidebar::-webkit-scrollbar
{
	width: 0px;
	/*background-color: #015786;*/
}

.sidebar::-webkit-scrollbar-thumb
{
	/*background-color: #015786;*/
	border: none;
}

.login_error{
	text-align: center;
	font-size: 1.3em;
	color: red;
	padding: 10px;
	margin-bottom: 10px;
	background: #ec94944f;
}


.btnEliminar{
	display: none;
}
#reset{
	display: none;
}
.content{
	padding: 8px;
	background: #fff !important;
	border: 1px solid #015786 !important;
}

.verDet{ float: none!important; width: 125px!important;}
.padding{ padding: 0 !important; }
.oculto{ display: none; }
#resultados tbody tr:hover{ background-color: #f5f5f5; }
#resultados td{word-break: break-all;}
#resultados th{word-break: break-all;}
.no-resul{ text-align: center; }
#resultados tbody { display:block; max-height:174px; overflow-y:scroll; }
#resultados thead, #resultados tbody tr { display:table; width:100%; table-layout:fixed; }
.center{text-align:center;}
.icono{cursor: pointer; font-size: 22px !important;}
.titulo{font-weight: bold;}
#link a{text-decoration: underline; color:#F44336;}
.pasos_solicitud{display: none;}
label.error{color:red; }
.help-block-error{ color:red; }
.indicadores-tablero{padding: 2px!important;color: #72777a;border: 1px solid rgba(0,0,0,.0625)!important;box-shadow: 4px 4px 10px -5px rgba(156,156,156,0.91);margin-top: 20px;font-weight: bold;cursor: pointer;}
.panel-left { width: 30%; height: 60px;  float: left!important;}
.panel-right { width: 70%;height: 60px; background: transparent;margin-bottom: 0;text-align: right;}
.panel-right label{margin-right: 20px;font-size: 38px}
.panel-left i{font-size: 3em;}
i.rojo{color: #F0433D;}
i.verde{color: #099001;}
i.azul{color: #1465ff;}
i.amarillo{color: #ecdd0a;}
#dat-resul tr:hover{cursor: pointer;}
#tablero_wrapper{margin-top: 20px;}
.seguimiento{background-color:#dee2e6; margin-bottom: 20px;};
#color-solucion{background-color: #B2E0B6 !important;}
.ubicacion a{ text-decoration: underline;}
.onoffswitch {position: relative; width: 90px;  -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;}
.onoffswitch-checkbox {display: none;}
.onoffswitch-label {
	display: block; overflow: hidden; cursor: pointer;
	border: 2px solid #999999; border-radius: 20px;
}
.left{text-align: left;}
.onoffswitch-inner {
	display: block; width: 200%; margin-left: -100%;
	-moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
	-o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
	display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
	font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.onoffswitch-inner:before {
	content: "YES";
	padding-left: 10px;
	background-color: #2FCCFF; color: #FFFFFF;
}
.onoffswitch-inner:after {
	content: "NO";
	padding-right: 10px;
	background-color: #EEEEEE; color: #999999;
	text-align: right;
}
.onoffswitch-switch {
	display: block; width: 18px; margin: 6px;
	background: #FFFFFF;
	border: 2px solid #999999; border-radius: 20px;
	position: absolute; top: 0; bottom: 0; right: 56px;
	-moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
	-o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
	margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
	right: 0px;
}
.onoffswitch3
{
	position: relative; width: 90px;
	-webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch3-checkbox {
	display: none;
}
.onoffswitch3-label {
	display: block; overflow: hidden; cursor: pointer;
	border: 0px solid #999999; border-radius: 0px;
}
.onoffswitch3-inner {
	display: block; width: 200%; margin-left: -100%;
	-moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
	-o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}
.onoffswitch3-inner > span {
	display: block; float: left; position: relative; width: 50%; height: 30px; padding: 0; line-height: 30px;
	font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.onoffswitch3-inner .onoffswitch3-active {
	padding-left: 10px;
	background-color: #EEEEEE; color: #FFFFFF;
}
.onoffswitch3-inner .onoffswitch3-inactive {
	padding-right: 10px;
	background-color: #EEEEEE; color: #FFFFFF;
	text-align: right;
}
.onoffswitch3-switch {
	display: block; width: 30px; margin: 0px; text-align: center;
	border: 0px solid #999999;border-radius: 0px;
	position: absolute; top: 0; bottom: 0;
}
.onoffswitch3-active .onoffswitch3-switch {
	background: #2bbbad ; left: 0;
}
.onoffswitch3-inactive .onoffswitch3-switch {
	background: #A1A1A1; right: 0;
}
.onoffswitch3-active .onoffswitch3-switch:before {
	content: " "; position: absolute; top: 0; left: 30px;
	border-style: solid; border-color: #2bbbad  transparent transparent #2bbbad ; border-width: 15px 9px;
}
.onoffswitch3-inactive .onoffswitch3-switch:before {
	content: " "; position: absolute; top: 0; right: 30px;
	border-style: solid; border-color: transparent #A1A1A1 #A1A1A1 transparent; border-width: 15px 9px;
}
.onoffswitch3-checkbox:checked + .onoffswitch3-label .onoffswitch3-inner {
	margin-left: 0;
}
#metas td{
vertical-align: middle;
}