@font-face
{
    font-family:"Futura-LT-W01-Light";
    src:url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/2b40e918-d269-4fd9-a572-19f5fec7cd7f.eot?#iefix");
    src:url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/2b40e918-d269-4fd9-a572-19f5fec7cd7f.eot?#iefix") format("eot"),url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/26091050-06ef-4fd5-b199-21b27c0ed85e.woff2") format("woff2"),url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/cca525a8-ad89-43ae-aced-bcb49fb271dc.woff") format("woff"),url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/88cc7a39-1834-4468-936a-f3c25b5d81a1.ttf") format("truetype"),url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/14d6bf5d-15f1-4794-b18e-c03fb9a5187e.svg#14d6bf5d-15f1-4794-b18e-c03fb9a5187e") format("svg");
}

body{
    background: #fff;
    font-family: Futura-LT-W01-Light,sans-serif;
}
h1, h2, h3{
	margin-top: 10px;
	margin-bottom: 15px;
}

#contenido{
	background-color: #FFFFFF;
	border: 1px solid #dddddd;
	padding: 20px 0;
	min-height: 300px;
}
#contenido_login{
	background-color: #FFFFFF;
	border: 1px solid #dddddd;
	min-height: 300px;
}
#contenido_js{
	background-color: #FFFFFF;
	border: 1px solid #dddddd;
	min-height: 300px;
}
#menu_principal{
	min-height: 50px;
}
#menu_principal .navbar{
	margin-bottom: 0px;
}
#login_gek{
	background-color: #f2f2f2;
    border: 1px solid #ccc;
    border-radius: 7px;
	float: none;
	font-size: 11px;
    margin: 0 auto;
    padding: 0;
}
#login_gek_nombre{
	background-color: #ffc000;
	border: 1px solid #ffc000;
    border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	color: #ffffff;
	font-size: 18px;
	/*font-weight: bold;*/
	height: 50px;
	text-align:center;
	text-shadow: 1px 1px 1px #000000;
	line-height: 50px;
}
#login-form .alert{
    margin-left: auto;
	margin-right: auto;
    width: 77%;
}
#login-form .form-group{
	margin-left: 0px;
	margin-right: 0px;
}
.titulo {
	background-color: #ffc000;
	border-radius: 4px;
    color: #ffffff;
    font-size: 13px;
    font-weight: bold;
    height: 100%;
	letter-spacing: 1px;
    line-height: 30px;
    padding: 8px 10px;
	text-shadow: 1px 0px 3px #000000;
	text-transform: uppercase;
	width: auto;
}
.titulo_requisicion {
	background-color: #24a89f;
	border-radius: 4px;
    color: #ffffff;
    font-size: 13px;
    font-weight: bold;
    height: 100%;
    line-height: 30px;
    padding: 8px 10px;
	text-shadow: 1px 0px 3px #000000;
	text-transform: uppercase;
	width: auto;
}
.blue{
	background-color: #24a89f;
	text-shadow: 1px 0px 0px #000000;
}
.flash-error{
	background-color: #f2dede;
    border-color: #ebccd1;
	border-radius: 4px;
	color: #a94442;
    /*margin-bottom: 20px;*/
	margin-left: auto;
	margin-right: auto;
	padding: 15px;

}
.flash-success{
	background-color: #dff0d8;
    border-color: #d6e9c6;
	border-radius: 4px;
	color: #3c763d;
   /* margin-bottom: 20px;*/
	margin-left: auto;
	margin-right: auto;
	padding: 15px;
}
.label_empleado{
	text-align:right;
}
.label_texto{
	float: right !important;
}
.buscar_jefe_texto{
	font-size:11px;
	width:89%;
	line-height:35px;
	float:left
}
.empleado_foto{
	border-left: solid 20px #ffc000;
	margin-left: 17px;
	padding-left: 0px;
	padding-right: 0px;
	width: auto;
	height: 75px;
}
.empleado_nombre{
	color:#1e66a1;
	font-weight:bold;
}
.empleado_titulo{
	color:#595959;
	font-weight:bold;
	text-transform: uppercase;
}
.empleado_nombre_linea{
	border-bottom: solid 3px #ffc000;
}

#kaluz-slogan {
    font-size: 18px;
    text-align: right;
}

#kaluz-slogan > span {
    color: #ffc000;
    font-weight: bolder;
}

#kaluz-valores {
    padding: 10px;
    width: 200px;
}

/* Estilos para las ventanas modales */
.modal-header {
    background: #f6a828;
    border: 1px solid #e78f08;
    color: #ffffff;
    font-weight: bold;
}
.modal-body {
    text-align: justify;
}
@media screen and (min-width: 1200px) {
	.table-responsive {
		width: 100%;
		margin-bottom: 15px;
		overflow-y: hidden;
		overflow-x: scroll;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		/*border: 1px solid #DDD;*/
		-webkit-overflow-scrolling: touch;
	}
	.label_empleado{
		border-right: solid 3px #ffc000;
		height: 30px;
		line-height: 30px;
	}
	.span_empleado{
		height: 30px;
		line-height: 30px;
	}
	.blue{
		width: 60%;
	}
	.empleado_nombre{
		font-size:19px;
	}
	.empleado_titulo{
		font-size:18px;
	}
	.empleado_nombre_linea{
		width: 45%;
	}
	table > tbody > tr > td > span.empty{
		display:block;
		text-align:center;
	}
	.grafica{
		width: 60%;
	}
}
@media screen and (min-width: 993px) and (max-width: 1200px) {
	.table-responsive {
		width: 100%;
		margin-bottom: 15px;
		overflow-y: hidden;
		overflow-x: scroll;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		border: 1px solid #DDD;
		-webkit-overflow-scrolling: touch;
	}
	.label_empleado{
		border-right: solid 3px #ffc000;
		height: 30px;
		line-height: 30px;
	}
	.span_empleado{
		height: 30px;
		line-height: 30px;
	}
	.blue{
		width: 70%;
	}
	.empleado_nombre{
		font-size:18px;
	}
	.empleado_titulo{
		font-size:17px;
	}
	.empleado_nombre_linea{
		width: 60%;
	}
	table > tbody > tr > td > span.empty{
		display:block;
		text-align:center;
	}
	.grafica{
		width: 70%;
	}
}
@media screen and (min-width: 769px) and (max-width: 992px) {
	.table-responsive {
		width: 100%;
		margin-bottom: 15px;
		overflow-y: hidden;
		overflow-x: scroll;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		border: 1px solid #DDD;
		-webkit-overflow-scrolling: touch;
	}
	.gek-brand{
		font-size: 14px;
		padding-top: 15px;
		width: 70px;
	}
	.gek-brand-logo{
		width: 60px;
	}
	.label_empleado{
		border-right: solid 3px #ffc000;
		height: 30px;
		line-height: 30px;
	}
	.span_empleado{
		height: 30px;
		line-height: 30px;
	}
	.blue{
		width: 80%;
	}
	.empleado_nombre{
		font-size:18px;
	}
	.empleado_titulo{
		font-size:17px;
	}
	.empleado_nombre_linea{
		width: 90%;
	}
	table > tbody > tr > td > span.empty{
		display:block;
		text-align:center;
	}
	.grafica{
		width: 80%;
    }
    #kaluz-slogan {
        font-size: 16px;
    }
}
@media screen and (min-width: 569px) and (max-width: 768px) {
	#login-form .alert{
		width: 92%;
	}
	.label_empleado{
		height: 20px;
		line-height: 20px;
		text-align:left;
	}
	.label_texto{
		float: left !important;
	}
	.span_empleado{
		padding-bottom: 20px;
	}
	.blue{
		width: 100%;
	}
	.empleado_nombre{
		font-size:14px;
	}
	.empleado_titulo{
		font-size:13px;
	}
	.empleado_nombre_linea{
		width: 100%;
	}
	.grafica{
		width: 100%;
    }
    #kaluz-slogan {
        font-size: 16px;
        text-align: center;
    }
}

@media screen and (min-width: 369px) and (max-width: 568px) {
	#login-form .alert{
		width: 90%;
	}
	.label_empleado{
		height: 20px;
		line-height: 20px;
		text-align:left;
	}
	.label_texto{
		float: none;
	}
	.span_empleado{
		padding-bottom: 20px;
	}
	.blue{
		width: 100%;
	}
	#login_gek_nombre{
		font-size: 13px;
	}
	.label_texto{
		float: left !important;
	}
	.buscar_jefe_texto{
		width:80%;
	}
	.empleado_nombre{
		font-size:12px;
	}
	.empleado_titulo{
		font-size:11px;
	}
	.empleado_nombre_linea{
		width: 100%;
	}
	.grafica{
		width: 100%;
    }
    #kaluz-slogan {
        font-size: 16px;
        text-align: center;
    }
}

@media screen and (min-width: 100px) and (max-width: 368px) {
	#login-form .alert{
		width: 88%;
	}
	.label_empleado{
		height: 20px;
		line-height: 20px;
		text-align:left;
	}
	.label_texto{
		float: left !important;
	}
	.span_empleado{
		padding-bottom: 20px;
	}
	.blue{
		width: 100%;
	}
	#login_gek_nombre{
		font-size: 12px;
	}
	.label_texto{
		float: left !important;
	}
	.buscar_jefe_texto{
		width:80%;
	}
	.empleado_nombre{
		font-size:11px;
	}
	.empleado_titulo{
		font-size:10px;
	}
	.empleado_nombre_linea{
		width: 100%;
	}
	.grafica{
		width: 100%;
    }
    #kaluz-slogan {
        font-size: 16px;
        text-align: center;
    }
}

.parrafo{
	margin-bottom: 20px;
	text-align: justify;
}
.div_empleado{
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.div_empleado_separador{
	border-bottom: solid 5px #24a89f;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
}
.espacio_top{
	margin-top: 10px;
}
.espacio_top_big{
	margin-top: 20px;
}
.espacio_bottom{
	margin-bottom: 10px;
}
.escolaridad_botones{
	margin: 20px 0px;
}
/*Estilo para organigramas*/
.organigramas{
	background-color: #ffffe8;
    border: 1px solid #cccccc;
	width: 100%;
	margin-bottom: 15px;
	overflow-y: hidden;
	overflow-x: scroll;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	/*border: 1px solid #DDD;*/
	-webkit-overflow-scrolling: touch;
}

/*Alinea los campos input_group con los label de form_control*/
.input-group[class*="col-"]{
    float: left;
    padding-right: 15px;
    padding-left: 15px;
}

/*Cambiamos el color default de los botones*/
.btn-default {
	background-color: #24a89f;
	color:#FFFFFF;
}
.btn-default:hover {
	background-color: #43af7f;
	color:#FFFFFF;
}

/*botones requisiciones estatus*/
.r_estatus {
	background-color: #98c0e4;
	border: none;
}
.r_estatus:hover {
	background-color: #98c0e4;
}
.r_estatus:hover, .r_estatus:focus, .r_estatus:active {
	background-color: #98c0e4;
}

/* Estilo para hacer los link como botones de radio */
.links_radio
{
    display:inline-block;
	border: 1px solid #aaa;
    /*box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;*/
	border-radius: 2px;
	-moz-transition: padding .25s;
    -webkit-transition: padding .25s;
    -o-transition: padding .25s;
    transition: padding .25s;
    background-color:#ddd;
    padding:4px 11px;
    font-family:Arial;
    font-size:12px;
	color:#000;
	cursor:pointer;
}

.links_radio:hover
{
    background-color:#24a89f;
	color:#FFF;
}

/*Estilo para los radios*/
/*Para que funcione el 'id' del radio y el 'for' del label deben de ser el mismo*/
.radiodiv input[type="radio"]
{
    display:none;
	padding-left: 10px;
}

.radiodiv label
{
    display:inline-block;
	border: 1px solid #aaa;
    /*box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;*/
	border-radius: 2px;
	-moz-transition: padding .25s;
    -webkit-transition: padding .25s;
    -o-transition: padding .25s;
    transition: padding .25s;
    background-color:#ddd;
    padding:4px 11px;
    font-family:Arial;
    font-size:12px;
	color:#000;
	cursor:pointer;
}

.radiodiv input[type="radio"]:checked + label
{
    background-color:#24a89f;
	color:#FFF;
}

.checkboxdiv input[type="checkbox"]
{
    display:none;
	padding-left: 10px;
}

.checkboxdiv label
{
    display:inline-block;
	border: 1px solid #aaa;
    /*box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;*/
	border-radius: 2px;
	-moz-transition: padding .25s;
    -webkit-transition: padding .25s;
    -o-transition: padding .25s;
    transition: padding .25s;
    background-color:#ddd;
    padding:4px 11px;
    font-family:Arial;
    font-size:12px;
	color:#000;
	cursor:pointer;
}

.checkboxdiv input[type="checkbox"]:checked + label
{
    background-color:#24a89f;
	color:#FFF;
}

/*.table-responsive .table{
	background-color: yellow !important;
	width: 100%;
}*/

/* Estilos default para las tablas */
.table_body{
	background-color: #98c0e4;
	border: 2px solid #ccc;
    border-radius: 7px;
	font-size: 11px;
}
.table_body td{
	background-color: #98c0e4;
}
.table_body th{
	background-color: #2a478b;
	color: #FFFFFF;
	font-weight: bold;
	width: 100px !important;
}
.table_body input[type="text"]{
	width: 100px !important;
}
.table_body th a.asc {
	background: url("../images/up.gif") no-repeat scroll right center rgba(0, 0, 0, 0);
	padding-right: 10px;
}
.table_body th a.desc {
	background: url("../images/down.gif") no-repeat scroll right center rgba(0, 0, 0, 0);
	padding-right: 10px;
}
.table_body th > a{
	background-color: #24a89f;
	color: #FFFFFF;
	font-weight: bold;
	vertical-align:middle;
}
.table_body tr:hover td {
	/*color: #286ba3;
	cursor: pointer;
	font-weight: bold;
	background: #eff2ff;*/
}

/* Estilos default para las tablas de reporte */
.table_body_reporte{
	background-color: #98c0e4;
	border: 2px solid #ccc;
    border-radius: 7px;
	font-size: 11px;
	text-align: center;
}
.table_body_reporte td{
	background-color: #98c0e4;
}
.table_body_reporte th{
	background-color: #2a478b;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	width: 100px !important;
}
.table_body_reporte tfoot td{
	background-color: #2a478b;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
}
/* Estilos para datepicker */
.ui-datepicker {font-size: 0.9em !important;}
.ui-datepicker-title select{color:#000 !important;}

.glyphicon a {
	color:#333333;
}

/* Estilos para comunicados de GEK */
.comunicados_gek .panel-heading{
	padding: 0px 0px;
}
.comunicados_gek .panel-title{
	font-weight:bolder;
	padding: 15px 15px 0px 15px;
}

/* Estilos para comunicados de GEK */
.vacaciones_gek .panel-title{
	font-weight: bolder;
	padding: 15px 15px 0px 15px;
}

/* Estilos para mostrar la imagen de scroll de GEK */
.gek_scroll{
	background-color: #FFC001;
	background-image: url(../images/arrow.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	z-index: 9999;
	width: 40px;
	height: 40px;
	text-indent: -99999px;
	position: fixed;
	bottom: -100px;
	right: 25px;
	border-radius: 200px 200px 200px 200px;
	-moz-border-radius: 200px 200px 200px 200px;
	-webkit-border-radius: 200px 200px 200px 200px;
	cursor: pointer;
	-webkit-transition: all .7s ease-in-out;
	-moz-transition: all .7s ease-in-out;
	-o-transition: all .7s ease-in-out;
	-ms-transition: all .7s ease-in-out;
	transition: all .7s ease-in-out;
	overflow: auto;
}

/* Estilos para los formularios de GEK */
.formulario_box_gek
{
	background: #fff;
	/*border: solid 4px #b3cdf3;*/
	border: 1px solid #ccc;
	border-radius: 7px;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.2),
                0 1px 1px rgba(0, 0, 0, .2),
                0 3px 0 #fff,
                0 4px 0 rgba(0, 0, 0, .2),
                0 6px 0 #fff,
                0 7px 0 rgba(0, 0, 0, .2);
	color: #183d68;
	/*float: none;*/
	margin: 0 auto;
	padding-bottom: 10px;
	padding-top: 25px;
}

.formulario_box_gek:before
{
    content: "";
    position: absolute;
    border: 1px dashed #ccc;
    top: 5px;
    bottom: 5px;
    left: 5px;
    right: 5px;
    box-shadow: 0 0 0 1px #fff;
}

/* Estilos para las lineas de tiempo */
ul.timeline
{
	border-left: 8px solid #ECECEC;
	list-style: none;
	padding: 1px 0;
	margin-left: 100px;
}
ul.timeline li .date
{
	background-color: #24A89F;
	float: left;
	padding: 10px 15px 10px 10px;
	margin-top: 10px;
	margin-left: -115px;
	font-size: 15px;
	width: 110px;
	text-align: center;
	/*background: #03cc85;*/
	color: #fff;
}
ul.timeline li .circle
{
	float: left;
	margin: 20px 0;
	margin-left: -14px;
	width: 20px;
	height: 20px;
	border: 4px solid #FFFFFF;
	border-radius: 50%;
	background-color: #d5d5d5;
}
ul.timeline li.open .circle
{
	background-color: #24A89F;
	-webkit-box-shadow: 0px 2px 6px -3px rgba(68, 68, 68, 0.5);
	box-shadow: 0px 2px 6px -3px rgba(68, 68, 68, 0.5);
}
ul.timeline li .data
{
	background: #ECECEC;
	margin: 10px 0px 10px 20px;
	border-left: 10px solid;
	border-left-color: #24A89F;
	padding: 18px 20px;
	font-size: 16px;

	-webkit-box-shadow: 0px 3px 3px -3px #ccc;
	box-shadow: 0px 3px 3px -3px #ccc;
	border-radius: 3px;
}
ul.timeline li.open .data
{
	border-color: #24A89F;
	background: #F1F1F1;
}
ul.timeline li .data .subject
{
	cursor: pointer;
	color: #777;
	font-size: 18px;
}
ul.timeline li .data .text
{
	display: none;
	margin-top: 15px;
	font-size: 14px;
}