/*
CSS validado
http://jigsaw.w3.org/css-validator/validator
*/

/*@import url("modal_window.css");*/
@import 'modal_window.css';

@font-face {
	font-family : Coolvetica;
	src : url(coolvetica.ttf);
}
.jf { text-align: justify; }


/*
*{
	-moz-user-select: none;
	user-select: none;
}
*/

/** *** COLORES BASE *** **
	#277B39 #277B39
	#087F21
	#277B39
	#087F21
	#F2F2F2
	#087F21
** *** **** *** **/
.nowrap{
	white-space: nowrap;
}


.sts_Activo, .sts_Activa {
	background: #73d2169e;
}

.sts_Inactivo, .sts_Inactiva {
	background: #cc00009e;
}

.selFacAjs{
	padding-top: 6px;
	padding-bottom: 5px;
}

select, input[class="minInput"] {
	padding-top: 6px !important;
	padding-bottom: 5px !important;
}

html, body {
	margin : 0 auto;
	padding : 0;
	font-size : 10px;
	width : 100%;
	height: 100%;
	font-size: 12px;
	font-family: tahoma,sans-serif !important;
}

.nckob{
	background: #eef8c8;
}

.sckob{
	background: #e3b5b5;
}

.price-item{
	width: 95px !important;
	text-align: right;
}

body {
/*	background : #277B39;*/
/*	background-repeat: no-repeat;*/
/*	background-size: 100%;*/
/*	background-attachment: fixed;*/
	background: #d3d7cf;
}

#users_act{
	font-size: 1em;
	font-weight: bold;
	color: #FF0808;
}

#formula_view > span[style="color:#06e0e0"] {
	font-style: italic;
	font-weight: initial;
}

@keyframes parpadeo{
	from, to{border-color:transparent}
	50%{border-color:#FFFFFF}
}
@keyframes escribiendo{
	from{width:100%}
	to{width:0}
}
@-webkit-keyframes parpadeo{
	from, to{border-color:transparent}
	50%{border-color:#FFFFFF}
}
@-webkit-keyframes escribiendo{
	from{width:100%}
	to{width:0}
}
@-moz-keyframes parpadeo {
	from, to{border-color:transparent}
	50%{border-color:#FFFFFF}
}
@-moz-keyframes escribiendo {
	from{width:100%}
	to{width:0}
}

#cursor{
/*	position:absolute;*/
	top:0;
	right:0;
	width:0;
	background-color:#2e3436;
	border-left: .2em solid #FFFFFF;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
/*	animation: escribiendo 5s steps(36, end), parpadeo 1s step-end infinite;*/
	animation: parpadeo 1s step-end infinite;
/*	-webkit-animation: escribiendo 5s steps(36, end), parpadeo 1s step-end infinite;*/
/*	-moz-animation: escribiendo 5s steps(36, end), parpadeo 1s step-end infinite;*/
}


.vlSi {
	background: #4e9a06;
	font-weight: bold;
	color: #fff;
}

.vlNo {
	background: #cc0000;
	font-weight: bold;
	color: #fff;
}


.itSi {
	background: #4e9a06;
	font-weight: bold;
	color: #fff;
}

.itNo {
	background: #888a85;
	font-weight: bold;
	color: #fff;
}


.Activo, .Activa {
	background: #4e9a06;
	font-weight: bold;
	color: #fff;
}

.Inactivo, .Inactiva {
	background: #f96464;
	font-weight: bold;
	color: #fff;
}

.text-disabled{
	background: none !important;
	border: 0px !important;
}

#wraper{
	margin: 0 auto;
	padding: 55px 15px 20px 15px;
	text-align: center;
/*	width: 90%;*/
	border: 0px solid red;

	height: 100%;
	overflow-x: auto;
	overflow-y: scroll;
	z-index: -1;
}

.dwn-firefox{
	background: url('https://www.mozilla.org/media/img/logos/firefox/logo-quantum-wordmark-white.bd1944395fb6.png') #003eaa;
	background-repeat: no-repeat;
	background-position: center;
	padding: 10px;
	color: white;
	font-weight: bold;
	margin: 0 auto;
	max-width: 300px;
	height: 120px;
	margin-top: 20px;
	margin-bottom: 20px;
	cursor: pointer;
	-moz-user-select: none;
	user-select: none;
}

a {
	text-decoration : none;
	padding : 0;
	margin : 0;
}
a:hover {
	text-decoration : none;
}

.link{
	cursor: pointer;
}

.ngt{
	font-weight: bold;
}

.line-row{
	margin: 0 auto;
	display: flex;
	border: 0px solid red;
	width: 80%;
}

.item-empresa{
	margin: 10px;
	flex: 1;
	border: 0px solid blue;
	padding: 20px;
/*	width: 200px;*/
	-moz-user-select: none;
	user-select: none;
	cursor: pointer;
	background: #277B39;
	transition: all 1s;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
}

.item-empresa:hover{
	background: #ddd;
	box-shadow: 0px 0px 10px #000;
	color: black;
}

.alert{
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
/*	border: 1px solid black;*/
	font-size: 1.5em;
	text-align: center;
	padding: 10px;
	background: linear-gradient(to bottom, #fefcea 0%,#f1da36 63%);
	color: #ce5c00;
}

.good{
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
/*	border: 1px solid black;*/
	font-size: 1.5em;
	text-align: center;
	padding: 10px;
	background: linear-gradient(to bottom, #69e731 0%,#138003 63%);
	color: #f2f1ba;
}

.good2{
	margin: 0 auto;
	margin-top: 3px;
	margin-bottom: 3px;
/*	border: 1px solid black;*/
	font-size: 1.1em;
	text-align: center;
	padding: 0px;
	background: linear-gradient(to bottom, #69e731 0%,#138003 63%);
	color: #f2f1ba;
}

.redtext{
	margin: 0 auto;
	/*! margin-top: 20px; */
	/*! margin-bottom: 20px; */
border: 1px solid black;
	font-size: 1.5em;
	text-align: center;
	padding: 10px;
	background: linear-gradient(to bottom, #ef9994 0%,#a50808 63%);
	color: #fff;
}

.redtext2{
	margin: 0 auto;
	margin-top: 3px;
	margin-bottom: 3px;
/*	border: 1px solid black;*/
	font-size: 1.1em;
	text-align: center;
	padding: 0px;
	background: linear-gradient(to bottom, #ef9994 0%,#a50808 63%);
	color: #fff;
}

.menus-salida{
	top: 13px;
	right: 70px;
	display: flex;
	border: 0px solid red;
	position: absolute;
	width: 105px;
	z-index: 20;
}

.salir, .panel-p{
	flex: 1;
	border: 0px solid blue;
	width: 50px;
	height: 50px;
	cursor: pointer;
}

.panel-p {
	background: url(../img/home.png);
	background-size: 50px 50px;
}

.salir {
	background: url(../img/logout.png);
	background-size: 50px 50px;
}

/*
	Formularios --------
*/

.lineForm{
	display: flex;
}

.campoForm{
	flex: 1;
}


.contentDataList{
	margin: 0 auto;
	margin-top: 7px;
	padding: 2px;
	border: 1px solid green;
	width: 99%;
	height: 277px;
	overflow-y: scroll;
	background: white;
}

.titDataList{
	border: 0.5px solid green;
	align-items: center;
	background: green;
	color: white;
	font-weight: bold;
}


.lineDataList{
	border-left: 1px solid green;
	border-right: 1px solid green;
	border-bottom: 1px solid green;
	align-items: center;
}

.colDataList{
	border: 0px solid black;
}

.itemDataListNn{
	width: 70px !important;
	text-align: center;
}

fieldset{
	margin: 0 auto;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 95%;
	border: 2px solid #babdb6;
	color: white;
	padding: 5px;
	text-align: center;
/*	box-shadow: 0px 0px 6px #2e3436;*/
	background: linear-gradient(to bottom, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%);
}

legend{
	padding: 5px;
	color: white;
/*	background: #d3d7cf;*/
	background: linear-gradient(to bottom, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%);
	border: 2px solid #babdb6;
/*	box-shadow: 0px 0px 6px #2e3436;*/
}


fieldset form div {
	text-align: center;
	border: 0px solid black;
	padding: 0px;
}

/*fieldset form div label{*/
/*	display: block;*/
/*}*/


input[type="text"], input[type="number"], input[type="date"], input[type="email"], .c_in, #inicio_input, #fin_input, #inicio_input2, #fin_input2, .c_in_modificar_iz, .c_in_modificar {
	font-size : 12px;
	border : #d3d7cf solid 1px;
	padding : 5px;
	color : #145004;
	width : 200px;
}

input[type="date"] {
	width : 110px;
}



input[type="color"] {
	font-size : 12px;
	border : #d3d7cf solid 1px;
	padding : 2px;
	color : #145004;
	width : 200px;
	height: 28px;
}

.sms{
	font-weight: bold !important;
	font-size: 1.2em;
}

.ckechboxMod, .radioboxMod {
	display: none;
}

.textLabel{
	padding-left: 20px;
}

.labelMod {
	color:#545454;
	font-family: Arial;
	font-size: 14px;
	text-shadow:0 1px 1px #f2f2f2;
}

.ckechboxMod + .labelMod .spanMod {
	display: inline-block;
	width: 19px;
	height: 19px;
	background: url(../img/check_radio_sheet.png) left top no-repeat;  /* VERSION CUADRADA */
	margin: -1px 4px 0 0;
	vertical-align: middle;
	cursor:pointer;
}
.ckechboxMod:checked + .labelMod .spanMod {
	background: url(../img/check_radio_sheet.png) -19px top no-repeat;  /* VERSION CUADRADA */
}

.radioboxMod + .labelMod .spanMod {
	display: inline-block;
	width: 19px;
	height: 19px;
	background: url(../img/check_radio_sheet.png) -38px top no-repeat;
	margin: -1px 4px 0 0;
	vertical-align: middle;
	cursor:pointer;
}
.radioboxMod:checked + .labelMod .spanMod {
	background: url(../img/check_radio_sheet.png) -57px top no-repeat;
}

.ckCanvas {
	position: absolute;
}


/*
------------------------
*/

.name-nom{
	width: 100%;
	overflow-x: hidden;
	overflow-y:hidden;
}



/* Scrollbar*/
scrollbar {
	appearance: none !important;
	background: rgb(0,255,0) !important;
}
thumb,scrollbarbutton {
	appearance: none !important;
	background-color: rgb(0,0,255) !important;
}
thumb:hover,scrollbarbutton:hover {
	appearance: none !important;
	background-color: rgb(255,0,0) !important;
}
scrollbarbutton {
	display: none !important;
}
scrollbar[orient="vertical"] {
	min-width: 15px !important;
}


/* Scrollbar*/



.table-content {
	/*! border : #babdb6 solid 1px; */
	/*! background : #eeeeec; */
}
thead.fixedHeader {
/*	position : fixed;*/
/*	height: 400px;*/
}
tbody.scrollContent {
/*	display : block;*/
/*	height : 600px;*/
	overflow : auto;
/*	width : 8000px;*/
}
thead.fixedHeader {
/*	display : block;*/
}
.titulos_unidades {
	overflow-y : scroll;
	width : 900px;
}
.contenido_scrollin {
	display : block;
	height : 600px;
	overflow-y : scroll;
	width : 900px;
}
.titulos_unidades {
	display : block;
}
.columna_fija {
	display : block;
	position : fixed;
}
.nombre_usuario2 {
	color : #f5f60e;
	font-family : Arial;
	font-size : 10pt;
	font-weight : bold;
	text-shadow : 0 0 5px black, 0 0 5px black, 1px -1px 3px black;
	text-align : center;
}
.titulo {
	color : #097e09;
	font-family : Arial;
	font-size : 20pt;
	text-align : center;
}
.titulo_tablas {
	font-family : Arial;
	font-weight : bold;
	text-align : center;
	font-size : 11px;
	padding : 2px;
	margin : 0;
	width : 100%;
/*	height : 100%;*/
}
.totales_tablas {
	color: #000000;
	font-family : Arial;
	font-size : 9pt;
	font-weight : bold;
	text-align : center;
}
.titulo2 {
	color : #02347b;
	font-family : Arial;
	font-size : 1em;
	opacity : 0.959999978542327880859375;
	text-align : center;
}

.content-secs {
	width: 100%;
	height: 75px;
	border: 1px solid green;
	overflow-x: hidden;
	overflow-y: scroll;
	padding: 0;
	background: #c1eaa1;
	-moz-user-select: none;
	user-select: none;
}

.content-secs:hover{
	position: absolute;
	top: 0;
	right: 0;
	width: 545px;
	height: 500px;
	z-index: 10;
}

.row-sec {
	width: 100%;
	padding: 7px;
	border: 0px solid green;
	background: #247d0e;
	color: #fff;
	font-weight: bold;
}

.row-sec:hover{
	background: #4e9a06;
}

.mostrarOcultar{
	width: 30px;
	height: 30px;
	border: 0px solid red;
	background: url(../img/icono_ver.jpg);
	background-size: cover;
	background-position: center;
}

.row-det{
	width: 370px;
	border: 0px solid red;
	margin-left: 30px;
	padding: 10px;
	background: #c1eaa1;
}

.descarga{
	padding: 20px;
	padding-left: 50px;
	text-align: right;
/*	border: 1px solid green;*/
}

.tituloNom {
	padding: 5px !important;
	text-align : left !important;
}

.titulo3 {
	color : #0f800e;
	font-family : Arial;
	font-size : 10pt;
	text-align : center;
}
.titulo5 {
	color : black;
	font-family : Arial;
	font-size : 10pt;
	font-weight : bold;
	text-align : left;
}
.titulo6 {
	color : black;
	font-family : Arial;
	font-size : 10pt;
	font-weight : bold;
	text-align : center;
}
.titulo7 {
	color : #0c860c;
	font-family : Arial;
	font-size : 15pt;
	font-weight : bold;
	text-align : center;
}
.titulo8 {
	color : #c61010;
	font-family : Arial;
	font-size : 12pt;
	font-weight : bold;
	text-align : center;
}
.fecha {
	color : white;
	font-family : Arial;
	font-size : 10pt;
}
.fecha2 {
	margin : 0 auto;
	text-align : right;
	font-size : 12pt;
	color : #888a85;
	font-family : Arial;
	font-weight : bold;
	float : right;
	padding : 20px;
	width : 90%;
	height : 25px;
	border : black solid 0;
}
.enlace {
	font-size : 7pt;
	font-weight : bold;
	width : 115px;
	font-family : Arial;
	float : right;
	text-align : right;
}
.hora_local {
	font-size : 12pt;
	color : #fff;
	font-family : Arial;
	font-weight : bold;
	vertical-align : middle;
	float : left;
}
.enlace2 {
	font-weight : bold;
	font-size : 10pt;
	width : 400px;
	font-family : Arial;
	float : right;
	text-align : right;
}
.enlace3 {
	font-weight : bold;
	font-size : 10pt;
	width : 400px;
	font-family : Arial;
	float : left;
	text-align : left;
}
.contenido {
	font-size : 10pt;
	font-family : Arial;
	text-align : left;
}
.contenido_centrado {
	font-size : 10pt;
	font-family : Arial;
	font-weight : bold;
	text-align : center;
}
.contenido1 {
	font-size : 10pt;
	color : #fff;
	font-family : Arial;
	font-weight : bold;
	text-align : center;
}
.contenido2 {
	font-size : 0.95em;
	font-family : Arial;
	text-align : left;
}
.contenido2_derecha {
	font-size : 8pt;
	color : #077a1d;
	font-family : Arial;
	text-align : right;
}
.contenido3_d {
	font-size : 10pt;
	color : #077a1d;
	font-family : Arial;
	font-weight : bold;
	text-align : right;
}
.contenido3_derecha {
	font-size : 10pt;
	color : #fff;
	font-family : Arial;
	font-weight : bold;
	text-align : right;
}
.contenido4 {
	font-size : 12pt;
	color : #fff;
	font-family : Arial;
	font-weight : bold;
	vertical-align : middle;
	float : left;
}
.contenido5 {
	font-size : 8pt;
	font-family : Arial;
	vertical-align : middle;
	float : right;
}
.contenido6 {
	font-size : 8pt;
	color : #0f0;
	font-family : Arial;
	font-weight : bold;
	text-align : left;
}
.contenido7 {
	font-size : 8pt;
	font-family : Arial;
	font-weight : bold;
	text-align : left;
}
.contenido8 {
	font-size : 8pt;
	font-family : Arial;
	font-weight : bold;
	text-align : left;
}
.contenido9 {
	font-size : 8pt;
	font-family : Arial;
	font-weight : bold;
	text-align : left;
}
.contenido10 {
	font-size : 10pt;
	color : #fff;
	font-family : Arial;
	font-weight : bold;
	text-align : left;
}
.contenido11 {
	font-size : 10pt;
	font-family : Arial;
	font-weight : bold;
	text-align : left;
}
.contenido12 {
	font-size : 8pt;
	font-family : Arial;
	font-weight : bold;
	text-align : left;
}
.atencion {
	color : red;
	font-family : Arial;
	font-size : 12pt;
	font-weight : bold;
	text-align : center;
}
.dtsrep {
	color : #000;
	font-family : Arial;
	font-size : 9pt;
	font-weight : bold;
	text-align : center;
}
.dtsrep1 {
	color : #c91515;
	font-family : Arial;
	font-size : 8pt;
	font-weight : bold;
	text-align : center;
}
.dtsrep2 {
	color : #d30b0b;
	font-family : Arial;
	font-size : 8pt;
	font-weight : bold;
	text-align : center;
}
.dtsrep3 {
	color : black;
	font-family : Arial;
	font-size : 9pt;
	text-align : right;
}
.dtsrep4 {
	color : blue;
	font-family : Arial;
	font-size : 10pt;
	font-weight : bold;
	text-align : right;
}
H1.SaltoDePagina {
	page-break-after : always;
}
.tablas, .tablas2, .tablas3, .tablas4 {
	margin-top : 10px;
	margin-bottom : 10px;
	background-color : #F2F2F2;
	border : #087F21 solid 1px;
	color : black;
	padding : 0;
	border-spacing : 1px;
	font-size : 10px;
}
.tablas tbody td, .tablas2 tbody td, .tablas3 tbody td, .tablas4 tbody td {
	padding : 2px;
}
.tablas tbody tr:nth-child(2) td {
	background : #087F21;
	color : white;
}

.tablas4 tbody tr th {
	background : #087F21;
	color : white;
	font-size : 10px;
	font-weight : normal;
	text-align : center;
	padding : 2px;
}

.tablas tbody tr:nth-child(2n+2), .tablas2 tbody tr:nth-child(2n+2), .tablas4 tbody tr:nth-child(2n+2) {
	background : #BCBDBA;
}
.tablas tbody tr:nth-child(2n+3), .tablas2 tbody tr:nth-child(2n+3), .tablas4 tbody tr:nth-child(2n+3) {
	background : #DDDADA;
}
.tablas tbody tr:hover:nth-child(1n+2), .tablas2 tbody tr:hover:nth-child(1n+2), .tablas3 tbody tr:hover:nth-child(1n+2), .tablas4 tbody tr:hover:nth-child(1n+2) {
	background : #fff8a2 !important;
}
.tablas tbody tr:nth-child(1n+2) {
	font-weight : normal;
}
.tablas tbody tr:nth-child(1), .tablas2 tbody tr:nth-child(1), .tablas3 thead tr:nth-child(1) {
	color : black;
	font-size : 12px;
	font-weight : bold;
	text-align : center;
}
.celda_t {
	background-color : #1d707a;
}
.no_periodo {
	background-color : #68a1d8;
}
.celda_fondo_alert {
	background-color : #ff7051;
}
#izquierda {
	float : left;
	width : 255px;
	height : 40px;
	background : #d6b35b;
}
#derecha {
	float : right;
	width : 255px;
	height : 40px;
/*	background : #d6b35b;*/
	color : #0f800e;
	font-family : Arial;
	font-size : 10pt;
}
#izquierda_table {
	float : left;
}
#derecha_table {
	float : right;
}

input[type="text"], input[type="password"] {
	cursor : text;
}


.file_in_modificar_iz {
	font-size : 6px;
	width : 1em;
	margin : 0.2em;
	padding : 0.1em 0.1em 0.1em;
	background : #fff;
	color : #333;
	font-weight : bold;
	border : #ddd solid 1px;
	box-shadow : 0 1px 1px #7f7f7f, 0 1px 0 #bbb inset;
	border-radius : 0.5em;
}
.boton_subm {
	font-family : Arial;
	font-size : 10px;
	color : #000000;
}
.boton_subm2 {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #000000;
}
.boton_subm3 {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #000000;
}

.boton_subm:disabled {
	background: silver;
}

.boton_subm_block {
	font-family : Arial;
	margin : 0.1em;
	padding : 0.4em 0.4em 0.1em;
	background : #e6e6fa;
	color : #fff;
	text-shadow : 1px 1px 1px #e6e6fa, 2px 0 2px #e6e6fa, -1px -1px 1px #e6e6fa;
	box-shadow : 0 1px 1px #fff, 0 1px 0 #bbb inset;
	border-radius : 0.4em;
	outline : none;
	cursor : pointer;
	float : left;
}
.contenedor_opciones {
	margin : 0 auto;
	min-height : 20px;
	text-align : center;
}
select {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 13px;
	color : #000000;
}
.select_2 {
	font-weight : bold;
	margin : 0.3em;
	background : #e6e6fa;
	color : #000;
	box-shadow : 0 1px 1px #fff, 0 1px 0 #bbb inset;
	border-radius : 0.5em;
	outline : none;
	cursor : pointer;
	float : left;
}
.trans_tabla {
	border-radius : 0.5em;
}
.tb_menu {
	border : 0;
	text-align : left;
	width : 100%;
	height : 35px;
	background-color : white;
	z-index: 22px;
}
.boton_menu {
	background: linear-gradient(to bottom, rgba(125,185,232,1) 0%,rgba(32,124,202,1) 23%,rgba(30,87,153,1) 55%);
	font-family : Arial;
	font-size : 10px;
	text-align : center;
	width : 137px;
	cursor : pointer;
	transition: all 1s;
}
.boton_menu a div {
	color : white;
}
.boton_menu:hover {
	background : #277B39;
}
.boton_menu_out {
	background : #e6e6fa;
	width : 137px;
	text-align : center;
	color : #888a85;
	font-size : 10px;
	cursor : pointer;
}
.area_texto1 {
	font-size : 1em;
	width : 40em;
	height : 200px;
	margin : 0.3em;
	padding : 0.1em 0.4em 0.3em;
	background : none 0% 0% repeat scroll rgb(255, 255, 255);
	color : rgb(51, 51, 51);
	font-weight : bold;
	border : rgb(221, 221, 221) solid 1px;
	box-shadow : 0 1px 1px rgb(127, 127, 127), 0 1px 0 rgb(187, 187, 187) inset;
	border-radius : 0.5em 0.5em 0.5em 0.5em;
	outline : medium none;
}
a#toTop {
	background-image : url(../img/arriba_b.png);
	text-indent : 48px;
	white-space : nowrap;
	width : 25px;
	height : 27px;
	position : fixed;
	top : 5px;
	right : 0;
}
div#screenshot-slide, a#toTop {
	background-repeat : no-repeat;
}
a#todown {
	background-image : url(../img/abajo_b.png);
	text-indent : 48px;
	white-space : nowrap;
	width : 25px;
	height : 27px;
	position : fixed;
	top : 60px;
	right : 0;
}
.table-menu-panel {
	border : #1d707a solid 0;
	padding : 0;
	border-spacing : 0;
	border-collapse : separate;
}
.table-menu-panel tbody td {
	padding : 0;
	margin : 0;
}
select {
	font-size : 12px;
	border : #d3d7cf solid 1px;
	padding : 0;
	background : #fff;
	color : #000000;
}
select > option {
	padding : 5px;
}
.boton_subm, .boton_subm3 {
	font-size : 12px;
	border : #d3d7cf solid 1px;
	padding : 5px !important;
background : linear-gradient(to bottom, rgba(82, 177, 82, 1) 20%, rgba(0, 138, 0, 1) 62%);
background: linear-gradient(to bottom, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
background: linear-gradient(to bottom, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%);
	background: linear-gradient(to bottom, rgba(237,1,41,1) 0%,rgba(181,1,34,1) 47%,rgba(153,38,32,1) 100%) !important;;
	color : #ffffff !important;;
}
textarea {
	font-size : 12px;
	border : #d3d7cf solid 1px;
	padding : 5px;
	color : #145004;
}
.banner-system {
	margin : 0 auto;
	border : red solid 0;
	width : 100%;
	height: 150px;
	background : url(../img/banner.jpg);
	background-size: cover;
	text-align : right;
}
.tit-nomina {
	position : relative;
	font-size : 65px;
	font-family : Coolvetica;
	font-weight : bold;
	text-shadow : 2 2 4px #087F21;
	padding : 10px;
	color : #F2F2F2;
	top : 41.5px;
	text-align: right;
	z-index: -1;
/*	opacity : 0.8;*/
}
.contenido > .titulo2, .table-content tbody td .titulo2 {
	position: relative;
	border: red solid 0;
	top: -130px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	color: white;
	font-weight: bold;
	text-align: left;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 3%, rgba(0, 0, 0, 0.84) 100%);
	margin-bottom: -34px;
}

#content-nomina{
	margin: 0 auto;
	display: table;
	width: 100%;
	padding: 0;
	text-align: center;

}

#content-nomina-fixed {
	display: table-cell;
	display : inline;
	margin : 0;
	width : 493px;
	border : red solid 0px;
	height : 670px;
	position : relative;
	float : left;
	padding : 0;
	overflow-x : scroll;
	overflow-y : scroll;
}
#content-nomina-scroll {
	display: table-cell;
	padding : 0;
	margin : 0;
	display : inline;
	border : blue solid 0px;
	height : 670px;
	position : relative;
	float : left;
	overflow-x : scroll;
	overflow-y : scroll;
}



/*
	Alerts
*/
#load4 { /* IMAGEN DEL CARGADOR */
	margin: 0 auto;
	margin-left: 45%;
	margin-top: 25%;
	width:10px;
	position: fixed;
	visibility: hidden;
	z-index: 100001;
}

/*#load2 { /* FONDO DEL CARGADOR */
/*	position: fixed;*/
/*	width: 100%;*/
/*	height: 100%;*/
/*	visibility: hidden;*/
/*	z-index: 100000;*/
/*}*/

footer{
	height: 35px;
	background: #277B39;
	display: flex;
}

.footer{
	margin: 0 auto;
	padding: 10px;
	color: white;
	font-size: 12px;
	background: #277B39;
	text-align: center;
	flex: 1;
}


.nomi-tools {
	display: flex;
}
.nomi-tools:nth-child(1) {
	flex: 3;
	border: 0px solid yellow;
}
.tools{
	width: 20px;
	height: 20px;
	flex: 1;
	border: 0px solid white;
	cursor: pointer;
	margin-left: 10px;
}

#panel-tools{
	display: flex;
	margin-left: 10px;
}

.border{
	border: 1px solid red;
}

.content-info-large{
	border: 0px solid red;
	width: 100%;
	height: 300px;
	overflow: auto;
}

.line-Item{
	border: 0px solid blue;
	padding: 5px;
	color: black !important;
}


.row-line{
	display: flex;
/*	border: 1px solid red;*/
}


.row-line > div{
/*	border: 1px solid blue;*/
}

.row-line:hover{
	background: #31930633 !important;
	/*color: black !important; */
}

.flex{
	display: flex;
	flex-direction: row;
}

.flexRow{
	display: flex;
	flex-direction: row;
}

.flexrow{
	display: flex;
	flex-direction: row;
}

.flex1{ flex: 1; }
.flex2{ flex: 2; }
.flex3{ flex: 3; }
.flex4{ flex: 4; }
.flex5{ flex: 5; }
.flex6{ flex: 6; }
.flex7{ flex: 7; }
.flex8{ flex: 8; }
.flex9{ flex: 9; }
.flex10{ flex: 10; }
.flex11{ flex: 11; }
.flex12{ flex: 12; }
.flex13{ flex: 13; }
.flex14{ flex: 14; }
.flex15{ flex: 15; }
.flex16{ flex: 16; }
.flex17{ flex: 17; }
.flex18{ flex: 18; }
.flex19{ flex: 19; }
.flex20{ flex: 20; }


.cell-line1{
	flex: 1;
}
.cell-line2{
	flex: 2;
}
.cell-line3{
	flex: 3;
}
.cell-line4{
	flex: 4;
}
.cell-line45{
	flex: 4.5;
}
.cell-line5{
	flex: 5;
}

.cell-line6{
	flex: 6;
}

.cell-line7{
	flex: 7;
}

.cell-line8{
	flex: 8;
}

.cell-line9{
	flex: 9;
}

.cell-line10{
	flex: 10;
}
.cell-line11{
	flex: 11;
}
.cell-line12{
	flex: 12;
}
.cell-line13{
	flex: 13;
}
.cell-line14{
	flex: 14;
}
.cell-line15{
	flex: 15;
}

.centrar{
	text-align: center !important;
}
.izquierda{
	text-align: left !important;
}
.derecha{
	text-align: right !important;
}

.cn{
	text-align: center !important;
}
.iz{
	text-align: left !important;
}
.dr{
	text-align: right !important;
}

.pd3{
	padding: 3px;
}

.pd5{
	padding: 5px;
}

.pd7{
	padding: 7px;
}

.pd10{
	padding: 10px;
}

.pd20 {
	padding: 20px;
}

.detalle-vts{
	margin: 0 auto;
	padding: 0;
	border: 0px solid red;
	width: 20px;
	height: 10px;
	cursor: zoom-in;
	background: url(../img/icono_ver.jpg);
	background-size: cover;
}
.detalle-vts-content{
	margin: 0 auto;
	border-left: 1px solid black;
	border-right: 1px solid black;
	padding: 1px;
	width: 95%;
	height: 120px;
	overflow-y: auto;
}
.detalle-vts-header{
	margin: 0 auto;
	border: 1px solid black;
	padding: 1px;
	width: 95%;
}


.headerInfoRow{

}
.headerInfo{
	background: #02347b;
	color: #fff;
	font-weight: bold;
	padding: 10px;
	margin-right: 2px;
}
.contentInfoRow:nth-child(odd){
	background: #babdb6;
}
.content-Info{
	padding: 10px;
	margin-right: 2px;
}

.generate-calc{
	width: 30px;
	height: 37px;
	background: url(../img/LibreOffice_Calc.png);
	background-size: cover;
	cursor: pointer;
}

.infoMas{
	border: 1px solid black;
	position: absolute;
	visibility: hidden;
	padding: 5px;
	margin-left: 100px;
	background: #fff;
}

.valorView{
	font-size: 14px;
	font-weight: bold;
	color: blue;
	cursor: pointer;
}



#validador_empleados{
	border: 1px solid black;
	min-width: 640px;
	height: 102px;
	background: white;
	overflow: auto;
	text-align: left;
}



#wraper > .titulo2{
	border: 0px solid blue;
	text-align: right;
	padding: 5px;
	background: #277B39;
	color: white;
	font-weight: bold;
}

#wraper > .titulo4 {
	padding: 10px;
	width: 99%;
	text-align: center;
}

.content-empresas{
	margin-top: 40px;
	padding: 20px;
	border: 0px solid #247d0e;
	border-radius: 15px;
	box-shadow: 0px 0px 0px #888a85;
}

.tit-empresas{
	margin: 0 auto;
	border: 0px solid #247d0e;
	width: 95%;
	text-align: center;
	padding: 20px;
	font-weight: bold;
	color: #247d0e;
	font-size: 2em;
}

.mensaje-logout{
	margin: 0 auto;
	margin-top: 30px;
	width: 330px;
	text-align: center;
	font-size: 1.5em;
	color: #247d0e;
	font-weight: bold;
}

#conteo-logout{
	margin: 0 auto;
	margin-top: 10px;
	border: 0px solid #247d0e;
	width: 100%;
	text-align: center;
	font-size: 22em;
	color: #247d0e;
}

.selectnew{
	width: 200px;
}
.numbernew{
	width: 50px !important;
}
#resultName, .red{
	color: red;
}


.zoom{
	border: 0px dotted red;
	-moz-user-select: none;
	user-select: none;
	-moz-transition-property: transform;
	-moz-transition-duration: 0.7s;
	transition-property: transform;
	transition-duration: 0.7s;
}

.zoom:hover{
/*	box-shadow: 0px 0px 15px #204a87;*/
/*	border-radius: 10px;*/
	-moz-transform: scale( 1.5, 1.5 );
	transform: scale( 1.5, 1.5 );
}


.zoom-image-art {
	-moz-transition-property: transform;
	-moz-transition-duration: 0.7s;
	transition-property: transform;
	transition-duration: 0.7s;
}

.zoom-image-art:hover {
	transform: scale( 5, 5 );
}

.zoom-image-min {
	-moz-transition-property: transform;
	-moz-transition-duration: 0.7s;
	transition-property: transform;
	transition-duration: 0.7s;
}

.zoom-image-min:hover {
	transform: scale( 1.7, 1.7 );
}


input[type="submit"]:disabled {
	background: #888a85 !important;
	color: #d3d7cf;
}

select:disabled{
	background: #888a85;
	color: #d3d7cf;
}

#validadorClave{
	padding: 13px;
	font-size: 16px;
	font-weight: bold;
}


.unis-pago{
	margin: 0 auto;
	width: 100%;
	height: 200px;
	overflow-x: hidden;
	overflow-y: scroll;
	background: white !important;
}

.buscador{
	margin: 0 auto;
	width: 100%;
	padding: 7px;
}

.buscadorIN {
	padding: 7px !important;
	font-size: 14px !important;
	border: 1px solid black;
	border-radius: 0;
	width: 90% !important;
	background: white !important;
}

.lineUP{
	border-top: 1px solid green;
}

.lineUP > div{
	border: 0px solid blue;
}

.tit-prod{
	margin: 0 auto;
	font-weight: bold;
	text-align: center;
	font-size: 1.2em;
	padding: 7px;
}

.name-emp{
	margin: 0 auto;
	font-weight: bold;
	text-align: center;
	color: #138414;
	font-size: 1.3em;
	padding: 7px;
}

.simlate{
	padding: 0px;
}

.content-options {
	width: 100%;
	height: 100px;
	text-align: left !important;
	border-left: 1px solid white;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	overflow-x: hidden;
	overflow-y: scroll;
	background: white;
	color: black;
}

.content-options-lg {
	width: 100%;
	height: 150px;
	text-align: left !important;
	border-left: 1px solid white;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	overflow-x: hidden;
	overflow-y: scroll;
}

.resSimula{
	border: 1px solid;
	padding: 5px;
	background: green;
	font-weight: bold;
}

.contentRes{
	display: none;
}

#resultadoST{
	color: red;
	font-size: 1.6em;
	padding: 20px;
	font-weight: bold;
}

.fs{
	margin-top: 8px !important;
	margin-bottom: 0px !important;
}

.contentSc {
	width: 300px;
	height: 100px;
	text-align: justify;
	overflow-y: scroll;
	overflow-x: hidden;
}
.contentScLg {
	width: 500px;
	height: 100px;
	text-align: justify;
	overflow-y: scroll;
	overflow-x: hidden;
}

#table-content {
	width: 100%;
	border: 0px solid red;
	overflow: auto;
}
.strongVal {
	font-weight: bold;
	font-size: 1.5em;
}

.cert{
	margin: 0 auto;
	padding: 0;
	width: 20px;
	height: 20px;
	background: url(../img/cert.png);
	background-size: cover;
}

.cert2{
	margin: 0 auto;
	padding: 0;
	width: 20px;
	height: 20px;
	background: url(../img/cert2.png);
	background-size: cover;
}

.contrato{
	margin: 0 auto;
	padding: 0;
	width: 20px;
	height: 20px;
	background: url(../img/contrato.png);
	background-size: cover;
}

.v{
	color: green;
	font-weight: bold;
}

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

#content-list{
	width: 100%;

}

.nomi{
	margin: 0 auto;
	padding: 0;
	width: 30px;
	height: 30px;
	background: url(../img/nomina.png);
	background-size: cover;
}

.dc{
	padding: 7px !important;
	font-size: 2em !important;
	width: 300px !important;
	text-align: center !important;
}

.dc::-moz-placeholder {
	font-size: 0.8em !important;
	color: red !important;
}
.dc::-webkit-placeholder {
	font-size: 0.8em !important;
	color: red !important;
}

.content-names{
	margin: 0 auto;
	border: 1px solid;
	text-align: left;
/*	width: 800px;*/
	height: 440px;
	margin-top: 10px;
	overflow-y: scroll;
	background: #d3d7cf;
}

.item-name{
	text-align: left;
	font-size: 1.3em;
	padding: 5px;
	background: darkcyan;
	margin-top: 5px;
}

.item-name:hover{
	background: #73d216;
	color: black;
	font-weight: bold;
}

#content-new-empleado{
/*	overflow: auto;*/
	padding: 0;
}

.content-info{
/*	width: 99%;*/
	padding: 0;
	margin: 0;
	height: 751px;
	border: 0px solid red;
/*	background-color: white;*/
}

.tablas5 {
/*	color: black !important;*/
	width: 100%;
}

.img-change{
	border: 3px dotted red;
	cursor: pointer;
}
.minInput {
	padding: 2px !important;
}

.minSelect {
	width: 207px !important;
}

.titItem{
	border: 0px solid blue;
	padding: 7px;
	background: darkcyan;
	color: white;
	font-weight: bold;
	margin-bottom: 10px;
}

.content-cheklist{
	border: 1px solid;
	height: 252px;
	overflow-x: hidden;
	overflow-y: scroll;
}

.item-checkList{
	padding: 10px;
	text-align: left;
/*	border: 1px solid;*/
}


.item-Ck{
	margin: 3px;
	border: 1px solid;
}

.item-Ck:hover{
	background: darkcyan !important;
}

.indicator-checkList{
	text-align: center;
}

.valNo{
	margin-top: 5px;
	width: 25px;
	height: 25px;
	background: url(../img/del.png);
	background-size: cover;
}

.valSi{
	margin-top: 5px;
	width: 25px;
	height: 25px;
	background: url(../img/accept.png);
	background-size: cover;
}

.chg{
	margin-top: 5px;
	width: 25px;
	height: 25px;
	background: url(../img/edit.png);
	background-size: cover;
}
.viw{
	margin-top: 5px;
	width: 25px;
	height: 25px;
	background: url(../img/det.png);
	background-size: cover;
}





.item-ciudad{
	padding: 5px;
	text-align: left;
}

.selectedCiudad{
	background: green;
	margin-top: 10px;
	background: linear-gradient(to bottom, #69e731 0%,#138003 63%);
	color: #f2f1ba;
}

#selectImage{
	margin: 0 auto;
	border: 2px dotted blue;
/*	width: 300px;*/
/*	height: 300px;*/
	cursor: pointer;
	text-align: center;
	font-size: 2em;
	padding: 120px;
	background: url(../img/selImage.png);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center center;
}

#imageCanvas{
	border: 2px dotted blue;
}

.defSelect{
	background: linear-gradient(to bottom, #69e731 0%,#138003 63%);
}

.labelCk{
	-moz-user-select: none;
	user-select: none;
	cursor: pointer;
}

.conten-file-text-plain{
	width: 99%;
	height: 350px;
	border: 1px solid black;
	overflow: auto;
	background: white;
	padding: 10px;
}

.scrollY {
	overflow-y: scroll;
}

.mg-tp7 {
	margin-top: 7px;
}

.mg-rg13 {
	margin-right: 13px;
}

.mg-tp10 {
	margin-top: 13px;
}

.pdd-tp4{
	padding-top: 4px;
}

.pdd-tp5{
	padding-top: 5px;
}

.pdd-tp6{
	padding-top: 6px;
}

.pdd-tp7{
	padding-top: 7px;
}

.pdd-tp8{
	padding-top: 8px;
}

.pdd-tp10{
	padding-top: 10px;
}

.enc-fac {
	margin: 0 auto;
	width: 1292px;
	height: 103px;
	border: 0px solid red;
}
.det-fac {
	margin: 0 auto;
	width: 1300px;
	height: 280px;
	border: 0px solid red;
}

.content-det-fac{
	margin: 0 auto;
	height: 220px;
	border: 1px solid #4e9a06;
	overflow-y: scroll;
	background: #fff;
}

.ftr-fac {
	margin: 0 auto;
	width: 1300px;
	height: 82px;
	border: 0px solid red;
	margin-top: 19px;
}

.obs-fac{
	width: 1300px;
	height: 40px;
}

.colorBl{
	color: black !important;
}

.sel-art{
	max-width: 300px;
}

.min-val{
	width: 90px !important;
}

.min-val-ext{
	width: 50px !important;
}

.bdr-bottom{
	border-bottom: 1px dotted black;
}

.bdr-right{
	border-right: 1px dotted black;
}

.bdr-left{
	border-left: 1px dotted black;
}


/*Mail form send*/
.asunto {
	width: 97% !important;
}
.mails {
	width: 97% !important;
	height: 50px;
}

.mensaje {
	width: 97% !important;
	height: 150px;
}

.bold{
	font-weight: bold;
}

.fz1_3{
	font-size: 1.3em;
}


.sz5  { font-size: 5px; }
.sz10 { font-size: 10px; }
.sz15 { font-size: 15px; }
.sz20 { font-size: 20px; }
.sz25 { font-size: 25px; }


.Computador{
	background: #299756;
	color: #fff;
	padding-left: 7px !important;
	padding-right: 7px !important;
}

.POS {
	background: #572d53;
	color: #fff;
	padding-left: 7px !important;
	padding-right: 7px !important;
}

.Electrónica {
	background: #2c4866;
	color: #fff;
	padding-left: 7px !important;
	padding-right: 7px !important;
}

/*NORMATIVIDAD*/

.win-normatividad {
	padding: 7px;
	background: linear-gradient(to bottom, #a4b357 0%,#75890c 100%);
	color: white;
	text-align: left;
	font-weight: bold;
	cursor: pointer;
	display: flex;
}

.titWin{
	flex: 22;
	padding-left: 10px;
	padding-top: 3px;
}

.contenido-normatividad{
	padding: 10px;
	text-align: justify;
}

.fuente-normatividad{
	padding: 7px;
	text-align: left;
}

.link-normatividad{
	padding: 7px;
	margin-bottom: 20px;
	text-align: left;
}


#load-result{
	overflow: auto;
	height: 460px;
	border: 1px solid green;
	background: #d3d7cf;
}

.min-input{
	padding: 0px !important;
	margin: 0px !important;
	border: 0px !important;
	border-radius: 0px !important;
	background: rgba(255,255,255,0.4) !important;
	font-size: 1em !important;

}


.min-corregir{
	padding: 2px !important;
	margin: 0px !important;
	border: 0px !important;
	border-radius: 0px !important;
	background: #a40000 !important;
	font-size: 1em !important;
	color: white !important;
	font-weight: bold !important;
	min-width: 200px; !important;
}

.min-corregido{
	padding: 2px !important;
	margin: 0px !important;
	border: 0px !important;
	border-radius: 0px !important;
	background: #4e9a06 !important;
	font-size: 1em !important;
	color: white !important;
	font-weight: bold !important;
	min-width: 200px; !important;
}

.lk{
	cursor: pointer;
	-moz-user-select: none;
	user-select: none;
}


.noHover:hover{
	background: none !important;
	/*color: white !important; */
}


.content-detalle{
	width: 100%;
	height: 230px;
	overflow-y: scroll;
	overflow-x: hidden;
}

.tableList {
	width: 100%;
}

.list-mobile{
	display: none;
}

.item-mobile{
/*	border: 1px solid;*/
	margin-top: 2px;
	padding: 10px;
	background: #2D7E3F;
	color: white;
	font-weight: bold;
	cursor: pointer;
}

.show-info-mobile{
	display: none;
}

.show-info-mobile > div {
	padding: 10px;
/*	background: #2D7E3F;*/
	border: 1px solid #2D7E3F;
	color: black;
	font-weight: bold;
}

.row-line-info{
	display: flex;
}

.line-info{
	background: rgba(255,255,255,0.6) !important;
}

.item-info {
	font-size: 1.6em;
	color: green;
}

.nivel-text{
	white-space: nowrap;
	font-weight: bold;
	color: green;
	padding-left: 12px;
	padding-right: 12px;
}


.fzs { font-size: 0.8em; }
.fzm { font-size: 1.1em; }
.fzg { font-size: 1.5em; }

.content-table{
	width: 100% !important;
	overflow-x: auto;
	padding-bottom: 70px;
}

.bdg{
	border: 1px solid #babdb6;
}

@media screen and ( max-width: 350px ) {
	.rd350 {
		display: flex;
		flex-direction: column;
	}
	.fzg { font-size: 1.8em; }
	select {
		max-width: 213px !important;
	}

	textarea {
		max-width: 280px !important;
	}

	#result{
		margin-bottom: 270px;
	}

	form{
/*		margin-bottom: 270px;*/
	}
	.win-box{
/*		height: 400px !important;*/
	}
	.win-content{
/*		height: 397px !important;*/
	}
}


@media screen and ( max-width: 600px ) {
	.rd600 {
		display: flex;
		flex-direction: column;
	}
	.row-line{
/*		display: flex;*/
/*		flex-direction: column;*/
	}

	.enc-fac{
		width: 100%;
		height: 1%;
	}

	.det-fac{
		width: 100%;
		height: 1%;
	}
	.tit-det-fac{
		display: none;
	}
	.obs-fac{
		width: 99%;
	}

	.ftr-fac{
		width: 100%;
		height: 1%;
	}
	.content-det-fac{
		height: 138px;
	}
	.mt-600{
		margin-top: 10px;
	}
	.line-det-vta{
		width: 900px !important;
	}
	.fx0-600{
		flex: inherit !important;
	}
}


@media screen and ( max-width: 1146px ) {
	iframe {
		width: 97% !important;
	}
}

#cedName{
	width: 300px;
}

@media screen and ( max-width: 990px ) {

	.tableList {
		display: none;
	}

	.list-mobile {
		display: block;
	}

	.line-search-hd {
		flex-direction: column;
	}



	.crud-option {
		text-align: center !important;
		padding-top: 10px !important;
		padding-bottom: 10px !important;
		font-size: 1.1em !important;
		width: 100%;
	}

	.crud-option > input[type="button"] {
		min-width: 1px !important;
	}

	.crud-option > input[type="search"] {
		padding: 3px !important;
		font-size: 1.3em !important;
	}
}



@media screen and ( max-width: 590px ) {
	.titItem, .content-cheklist {
		width: 97% !important;
	}


	.row-line-info {
		flex-direction: column;
		padding: 5px;
	}

	.item-info{
		padding: 7px;
		text-align: left;
	}

}


@media screen and ( max-width: 500px ) {
	.line-files {
		flex-direction: column;
	}
}