@charset "utf-8";
/* CSS Document */

.web {
	max-width: 1400px;
	min-width: 350px;
	margin: auto;
}

.transition {
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.no-scroll{
    overflow: hidden;
}

.no-input {
	background-color: transparent;
	border: none !important;
	margin: 0px;
	padding: 0px;
}

input:focus, 
textarea:focus, 
select:focus, 
button:focus {
	outline: 0px;
}

input:-webkit-autofill,
textarea:-webkit-autofill, 
select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}

input:-webkit-autofill, 
textarea:-webkit-autofill, 
select:-webkit-autofill {
    -webkit-text-fill-color: #000;
}

.input, 
.select {
	border: #666 1px solid;
	width: 100%;
	height: 35px;
	display: inline-block;
	margin-bottom: 15px;
	padding: 5px 10px;
	font-size: 16px;
	box-sizing: border-box;
}

.calendario {
	position: relative;
	width: 25px;
	height: 25px;
	float: left;
	margin-left: -30px;
}

textarea {
	width: 100%;
	height: 150px;
	display: inline-block;
	margin-bottom: 15px;
	padding: 5px 10px;
	font-size: 16px;
	box-sizing: border-box;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	resize: none;
}

.tabla-titulo {
	background-color: #08E !important;
	color: #FFF;
	text-align: center;
	padding: 5px 0px;
	font-weight: bolder;
}

.acciones {
	min-width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.ver-pass {
	position: relative;
	width: 25px;
	height: 25px;
	float: left;
	padding: 5px 10px;
	margin-left: -45px;
	cursor: pointer;
}

.ver-pass-gris {
	filter: grayscale(1);
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.password-minimo {
	border: #FC0 2px solid;
	background-color: #FFCC0035;
	background-image: url(imagenes/ico-pendiente.png);
	background-repeat: no-repeat;
	background-position: left 5px center;
	background-size: 30px 30px;
	width: 100%;
	height: 40px;
	line-height: 40px;
	float: left;
	margin-bottom: 15px;
	margin-top: -10px;
	padding-left: 40px;
	color: #B90;
	box-sizing: border-box;
}

.password-debil {
	border: #F00 2px solid;
	background-color: #FF000035;
	background-image: url(imagenes/ico-estado-malo.png);
	background-repeat: no-repeat;
	background-position: left 5px center;
	background-size: 30px 30px;
	width: 100%;
	height: 40px;
	line-height: 40px;
	float: left;
	margin-bottom: 15px;
	margin-top: -10px;
	padding-left: 40px;
	color: #F00;
	box-sizing: border-box;
}

.password-medio {
	border: #F60 2px solid;
	background-color: #FF660035;
	background-image: url(imagenes/ico-estado-medio.png);
	background-repeat: no-repeat;
	background-position: left 5px center;
	background-size: 30px 30px;
	width: 100%;
	height: 40px;
	line-height: 40px;
	float: left;
	margin-bottom: 15px;
	margin-top: -10px;
	padding-left: 40px;
	color: #F60;
	box-sizing: border-box;
}

.password-fuerte {
	border: #093 2px solid;
	background-color: #00993335;
	background-image: url(imagenes/ico-estado-bueno.png);
	background-repeat: no-repeat;
	background-position: left 5px center;
	background-size: 30px 30px;
	width: 100%;
	height: 40px;
	line-height: 40px;
	float: left;
	margin-bottom: 15px;
	margin-top: -10px;
	padding-left: 40px;
	color: #093;
	box-sizing: border-box;
}

.radio {
	width: 20px;
	height: 20px;
	float: left;
	margin: 0px;
}

.checkbox {
	width: 20px;
	height: 20px;
	float: left;
	margin: 0px;
}

.radio-txt, 
.checkbox-txt {
	width: -moz-calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	width: -o-calc(100% - 40px);
	width: calc(100% - 40px);
	height: 20px;
	float: left;
	margin-left: 10px;
	line-height: 20px;
}

.tabulacion-izquierda {
	padding-left: 20px;
	box-sizing: border-box;
}

.tabulacion-derecha {
	padding-right: 20px;
	box-sizing: border-box;
}

fieldset {
	border: #05B 2px solid;
	width: -moz-calc(100% - 5px);
	width: -webkit-calc(100% - 5px);
	width: -o-calc(100% - 5px);
	width: calc(100% - 5px);
	float: left;
	padding: 15px;
	box-sizing: border-box;
}

legend {
	border: #05B 2px solid;
	background-color: #0055BB20;
	width: auto;
	font-weight: bold;
	padding: 10px 25px;
	box-sizing: border-box;
	box-shadow: 5px 5px 5px #00000050;
}

.overflow {
	width: 100%;
	float: left;
	overflow-x: auto;
}

.readonly {
/*	border: none !important;
	background-color: #FFF;*/
	background-color: #F5F5F5;
}

.ico-ayuda {
	width: 15px;
	height: 15px;
	display: inline-block;
	margin-left: 2px;
	margin-bottom: -2px;
}

.ico-ayuda-cerrar {
	width: 25px;
	height: 25px;
	float: right;
	margin-top: -10px;
	margin-right: -10px;
	margin-bottom: 5px;
}

.disabled {
	background-color: #EFEFEF;
}

.marco {
	border: #FB4 2px solid;
	background-color: #FFBB4435;
	width: auto;
	padding: 15px 30px;
	display: inline-block;
}

.auto {
	width: auto !important;
	display: inline-block;
/*	margin-right: 10px;*/
}

.negritas {
	font-weight: bold;
}

.relative {
	position: relative;
}

.sin-padding {
	padding: 0px !important;
}

.sin-border {
	border: none !important;
}

.sin-height {
	height: auto !important;
}

.sin-top {
	margin-top: 0px !important;
}

.top-5 {
	margin-top: 5px !important;
}

.top-10 {
	margin-top: 10px !important;
}

.top-15 {
	margin-top: 15px !important;
}

.top-20 {
	margin-top: 20px !important;
}

.top-25 {
	margin-top: 25px !important;
}

.sin-left {
	margin-left: 0px !important;
}

.left-5 {
	margin-left: 5px !important;
}

.left-10 {
	margin-left: 10px !important;
}

.left-15 {
	margin-left: 15px !important;
}

.left-20 {
	margin-left: 20px !important;
}

.left-25 {
	margin-left: 25px !important;
}

.sin-bottom {
	margin-bottom: 0px !important;
}

.bottom-5 {
	margin-bottom: 5px !important;
}

.bottom-10 {
	margin-bottom: 10px !important;
}

.bottom-15 {
	margin-bottom: 15px !important;
}

.bottom-20 {
	margin-bottom: 20px !important;
}

.bottom-25 {
	margin-bottom: 25px !important;
}

.sin-right {
	margin-right: 0px !important;
}

.right-5 {
	margin-right: 5px !important;
}

.right-10 {
	margin-right: 10px !important;
}

.right-15 {
	margin-right: 15px !important;
}

.right-20 {
	margin-right: 20px !important;
}

.right-25 {
	margin-right: 25px !important;
}

.sin-float {
	float: none !important;
}

.sin-margin {
	margin: 0px !important;
}

.sin-padding {
	padding: 0px !important;
}

.sin-informacion {
	color: #999;
}

.activo {color: #063;}
.pendiente {color: #F60;}
.inactivo {color: #F60;}
.vencido {color: #F00;}
.finalizado {color: #F00;}
.eliminado {color: #F00;}

.bg-activo {background-color: #063;}
.bg-pendiente {background-color: #F60;}
.bg-inactivo {background-color: #F60;}
.bg-vencido {background-color: #F00;}
.bg-finalizado {background-color: #F00;}
.bg-eliminado {background-color: #F00;}

.bg-ico-informacion {
	background-color: #63F;
}

.bg-ico-editar {
	background-color: #F60;
}

.bg-ico-documentos {
	background-color: #39F;
}

.bg-ico-accesos {
	background-color: #D2B;
}

.bg-ico-comprimir {
	background-color: #FB0;
}

.bg-ico-whatsapp {
	background-color: #0B1;
}

.bg-ico-password {
	background-color: #39F;
}

.bg-ico-cedula-fiscal {
	background-color: #333;
}

.bg-ico-exportar {
	background-color: #274;
}

.bg-ico-upload {
	background-color: #28F;
}

.bg-ico-buscar {
	background-color: #F39;
}

.bg-ico-asignar {
	background-color: #C3C;
}

.bg-ico-desasignar {
	background-color: #36F;
}

.bg-ico-historial {
	background-color: #930;
}

.bg-ico-ver-documento {
	background-color: #090;
}

.bg-ico-configuracion {
	background-color: #333;
}

.bg-ico-acciones {
	background-color: #36F;
}

.bg-ico-eliminar {
	background-color: #F00;
}

.bg-fila {
	background-color: #E5E5E5;
}

.letra-chica {
	font-size: 14px;
}

.font-16 {
	font-size: 16px;
}

.font-14 {
	font-size: 14px;
}

a:active {text-decoration: none;}
a:link {text-decoration: none;}
a:visited {text-decoration:}
a:hover {text-decoration: none;}

a img { border: 0px;}

.hide {
	width: 0px !important;
	height: 0px !important;
	float: left;
	overflow: hidden !important;
}

h1, h2, h3, h4, h5, h6 {
	text-align: left;
	margin: 0px;
	margin-bottom: 15px;
}

p {margin: 0px; margin-bottom: 5px;}

label {
	width: 100%;
	float: left;
	color: #666;
	font-size: 13px;
	margin-bottom: 2px;
	padding-left: 10px;
	text-align: left;
/*	font-weight: bold;*/
	box-sizing: border-box;
}

.centrado {
	width: 100%;
	float: left;
	text-align: center;
}

.left {float: left !important;}
.right {float: right !important;}

.tleft {text-align: left !important;}
.tright {text-align: right !important;}
.tcenter {text-align: center !important;}
.tjustify {text-align: justify !important;}

.bg-blanco {background-color: #FFF !important;}
.bg-negro {background-color: #000 !important;}
.bg-rojo {background-color: #F00 !important;}
.bg-vino {background-color: #C00 !important;}
.bg-amarillo {background-color: #FFC !important;}
.bg-azul {background-color: #05B !important;}
.bg-azulito {background-color: #07C !important;}
.bg-verde {background-color: #093 !important;}
.bg-gris {background-color: #666 !important;}
.bg-gris-claro {background-color: #CCC !important;}
.bg-naranja {background-color: #F90 !important;}
.bg-morado {background-color: #82E !important;}
.bg-earn {background-color: #A14 !important;}

.blanco {color: #FFF !important;}
.negro {color: #000 !important;}
.rojo {color: #F00 !important;}
.vino {color: #C00 !important;}
.amarillo {color: #FF3 !important;}
.azul {color: #05B !important;}
.azulito {color: #07C !important;}
.verde {color: #093 !important;}
.gris {color: #666 !important;}
.gris-claro {color: #CCC !important;}
.naranja {color: #F90 !important;}
.morado {color: #82E !important;}
.earn {color: #A14 !important;}

.link {color: #0000EE;}

.blur {box-shadow: 10px 10px 15px #999;}

.capitalizar {text-transform: capitalize;}

.link-anterior {
	font-size: 20px;
	float: left;
	color: #F00;
}

.link-siguiente {
	font-size: 20px;
	float: right;
	color: #F00;
}

.cursor-default {
	cursor: default;
}
.cursor-pointer {
	cursor: pointer;
}

input::placeholder {
	color: #999;
}

.deshabilitado {
	filter: grayscale(1);
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.redondeado {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.flex {
	display: flex;
	align-items: center;
	justify-content: center;
}

.flex-wrap {
	flex-wrap: wrap;
}

.stretch {
	display: flex;
	align-items: stretch;
	justify-content: center;
}

.inline {width: 100% !important; float: left;}
.diline {width: 50% !important; float: left;}
.triline {width: 33% !important; float: left;}
.ditriline {width: 66% !important; float: left;}
.tetraline {width: 25% !important; float: left;}

.minusculas {
	text-transform: lowercase !important;
}

.mayusculas {
	text-transform: uppercase !important;
}

.ico {
	width: 30px;
	height: 30px;
	display: inline-block;
	float: left;
	margin: 0px 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.ico-acciones {
	width: 30px;
	height: 30px;
	display: inline-block;
	float: left;
	margin: 0px 3px;
	padding: 5px;
	box-sizing: border-box;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.resaltado {
	background-color: #FF6 !important;
}

.numero-resaltado {
	background-color: #0066FF75 !important;
}

.calendario {
	position: relative;
	width: 25px;
	height: 25px;
	float: left;
	margin-top: 5px;
	margin-left: -30px;
}

.thumbnail {
	width: 50px;
	height: 50px;
	float: left;
}

.imagen-full {
	width: 100%;
	float: left;
}

.version-movil {
	display: none;
}

.lightbox {
	position: fixed;
	background-color: rgba(0, 0, 0, 0.75);
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	z-index: 500;
}

.lightbox-web {
	position: absolute;
	width: 90%;
	height: 80%;
	max-width: 980px;
	display: inline-block;
	top: 10%;
	left: 50%;
	margin-top: 0px;
	margin-left: -490px;
	z-index: 550;
}

.lightbox-iframe {
	background-color: #FFF;
	width: 100%;
/*	height: 70%;
	margin-top: 15%;*/
	height: 100%;
/*	margin-top: 10%;*/
	box-shadow: 15px 15px 20px #000;
}

.lightbox-cerrar {
	position: absolute;
	width: 30px;
	height: 30px;
	right: -15px;
/*	margin-top: -moz-calc(15% - 15px);
	margin-top: -webkit-calc(15% - 15px);
	margin-top: -o-calc(15% - 15px);
	margin-top: calc(15% - 15px);*/
	margin-top: -15px;
	z-index: 550;
}

.lightbox-main {
	background-color: #FFF;
	width: -moz-calc(100% - 30px);
	width: -webkit-calc(100% - 30px);
	width: -o-calc(100% - 30px);
	width: calc(100% - 30px);
	height: -moz-calc(100% - 30px);
	height: -webkit-calc(100% - 30px);
	height: -o-calc(100% - 30px);
	height: calc(100% - 30px);
	float: left;
	padding: 15px;
	overflow-y: auto;
	overflow-x: hidden;
}

.lightbox-cerrar-main {
	position: fixed;
	width: 100%;
	height: 0px;
	left: 0px;
	top: 0px;
	z-index: 75;
}
/*
.lightbox-cerrar {
	width: 20px;
	height: 20px;
	float: right;
	margin-top: 25px;
	margin-right: 20px;
}*/

.lightbox-cerrar-404 {
	background-color: #35F;
	background-color: #F00;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 10px;
	right: 10px;
	padding: 5px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	border-radius: 100px;
	z-index: 550;
}

.lightbox-contenido {
	background-color: #FFF;
	width: -moz-calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	width: -o-calc(100% - 40px);
	width: calc(100% - 40px);
	height: -moz-calc(100vh - 115px);
	height: -webkit-calc(100vh - 115px);
	height: -o-calc(100vh - 115px);
	height: calc(100vh - 115px);
	float: left;
	padding: 20px;
	margin-top: 75px;
/*	margin-bottom: 20px;*/
	text-align: left;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
	overflow-y: auto;
	overflow-x: hidden;
}

.lightbox-header {
	width: 100%;
	float: left;
	margin: 0px;
	margin-bottom: 15px;
}

.lightbox-logo {
	width: 50px;
	height: 50px;
	float: right;
	margin: 10px;
}

.lightbox-titulo {
	position: fixed;
	background-color: #08F;
	width: -moz-calc(100% + 40px);
	width: -webkit-calc(100% + 40px);
	width: -o-calc(100% + 40px);
	width: calc(100% + 40px);
	color: #FFF;
	padding: 20px;
	top: 0px;
	left: 0px;
	margin-bottom: 25px;
	box-sizing: border-box;
	z-index: 50;
}

.lightbox-subtitulo {
	width: 100%;
/*	border-bottom: #C58 2px solid;*/
	border-bottom: #B00 2px solid;
	float: left;
/*	color: #C58;*/
	color: #B00;
	padding: 0px;
	padding-bottom: 5px;
	margin-top: 0px;
	margin-bottom: 25px;
	font-size: 20px;
	text-align: center;
	box-sizing: border-box;
}

.lightbox-borde {
	border: #C0C0C0 1px solid;
	background-color: #FFF;
	width: -moz-calc(100% - 20px);
	width: -webkit-calc(100% - 20px);
	width: -o-calc(100% - 20px);
	width: calc(100% - 20px);
/*	width: 100%;*/
	float: left;
	text-align: center;
	padding: 10px;
/*	box-sizing: border-box;*/
}

.x-recargar {
	position: fixed;
	width: auto;
/*	height: 0px;*/
	left: 5px;
	bottom: 5px;
	z-index: 50;
}

.x-recargar a {
	position: fixed;
	width: auto;
	float: left;
	padding: 5px;
	margin-top: -25px;
	z-index: 500;
}