/* CSS Document */

body, html {
	height:100%;
	width:100%;
}

body {
	margin:0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	background-color:#f1f3f5;
	outline: none;
}

#outer {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}

#middle {
    display: table-cell;
    vertical-align: middle;
}
.color_transocean{
	color: #008277;
}
.color_hillebrand{
	color: #f1bf06;
}

#inner {
    margin-left: auto;
    margin-right: auto; 
    width: 460px;
	height: auto;
	background-color:#fff;
	-webkit-box-shadow: 1px 5px 10px 0px rgba(27, 20, 1, 0.2);
	-moz-box-shadow: 1px 5px 10px 0px rgba(27, 20, 1, 0.2);
	box-shadow: 1px 5px 10px 0px rgba(27, 20, 1, 0.2);
	text-align:center;
}

.wrapper{
	margin: auto;
	position: relative;
	width: 1250px; 
}

#container_title{
	position: relative;
	width: 100%;
}

.container_atiempo{
	background:#00FF00;
	display:inline-block; 
	height:16px;
}
.container_medio{
	background:#EBE310;
	display:inline-block; 
	height:16px;
}
.container_atraso{
	background: #C11417;
	display:inline-block; 
	height:16px;
}
.container_excedido{
	background:#6D02B4;
	display:inline-block; 
	height:16px;
}

.button_icon_dark{
	 border: none;
	padding: 6px 15px 6px 26px;
	text-decoration: none;
	color: #FFF;
	border-radius: 5px;
	background-color:#53647d;
	cursor: pointer;
}

.button_icon_light{
	 border: none;
	padding: 4px 15px 4px 24px;
	text-decoration: none;
	color: #53647d;
	border-radius: 5px;
	background-color:#FFFFFF;
	cursor: pointer;
}

.button_icon_dark_lg{
	 border: none;
	padding: 8px 20px 8px 40px;
	text-decoration: none;
	color: #FFF;
	border-radius: 5px;
	background-color:#53647d;
	cursor: pointer;
}

.button_icon_light_lg{
	 border: none;
	padding: 8px 20px 8px 40px;
	text-decoration: none;
	color: #53647d;
	border-radius: 5px;
	background-color:#FFFFFF;
	cursor: pointer;
}
.btn-alertify{
	color: #0570EF;
	border: solid 1px #D1D1D1 !important;
	outline: none;
	cursor: pointer;
	margin: 4px;
	background-color: transparent;
	border: 0;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	min-width: 88px;
	min-height: 35px;
}
.btn-alertify:hover{
    color: #0D83D3;
    border: solid 1px #ccc !important;
    outline: none;
}
/*.button_dark{
	border: solid 1px #c1cbd8;
	padding: 1px 15px;
	text-decoration: none;
	color: #53647d;
	border-radius: 3px;
}*/

.icono-edit{
	background-image: url(../_img/icon-edit.png);
	background-repeat: no-repeat;
	background-position: 5px; 
}

.icono-delete{
	background-image: url(../_img/icon-delete.png);
	background-repeat: no-repeat;
	background-position: 5px; 
}

.icono-limpiar{
	background-image: url(../_img/Lupa.png);
	background-repeat: no-repeat;
	background-position: 5px; 
}

.icono-filtrar{
	background-image: url(../_img/Filtro.png);
	background-repeat: no-repeat;
	background-position: 5px; 
}

.icono-aceptar{
	background-image: url(../_img/IconoCheck2.png);
	background-repeat: no-repeat;
	background-position: 5px; 
}

.icono-imprimir{
	background-image: url(../_fun/je/themes/icons/imprimir.png);
	background-repeat: no-repeat;
	background-position: 5px; 
}

.icono-copy{
	background-image: url(../_img/icon-copy.png);
	background-repeat: no-repeat;
	background-position: 5px; 
}

.icono-guardar{
	background-image: url(../_img/icon-save.png);
	background-repeat: no-repeat;
	background-position: 10px; 
}

.icono-cancelar{
	background-image: url(../_img/icon-cancel.png);
	background-repeat: no-repeat;
	background-position: 10px; 
}

.icono-candado{
	background-image: url(../_img/icon-lock.png);
	background-repeat: no-repeat;
	background-position: 10px; 
}

.icono-grafico{
	background-image: url(../_img/mon_graphic.png);
	background-repeat: no-repeat;
	background-position: 10px; 
}

#linea{
	border-width: 1px;
	border-color: #0f557c;
	border-style: solid;
	background-color: #0f557c;
	width: 55px;
	height: 1px;
	margin:auto;
}

#inner .destacado{
	color: #133a74;
	font-size: 24px;
	font-weight: 700;
	text-align: justify;
}
	
#formulario{
	width:400px;
	height:180px;
	margin:auto
}

#formulario input{
	width:273px;
	height:38px; 
	float:left;
	border:#d4d9dd 2px solid; 
	text-indent:5px;
	margin-left:-2px;
	outline: none;
}

#olvido{
	font-family: Arial;
	color: #f1bf06;
	font-size: 12px;
	font-weight: 600;
	text-decoration:none;
	floar:right;
	margin-right:-140px;
	width:134px;
	height:30px;
	line-height:30px;
}

#boton{
	display:block;
	border-radius: 6px;
	background-color: #133a74;
	width: 75px;
	height: 30px;
	font-family: Arial;
	color: #ffffff;
	font-size: 14px;
	font-weight: 400;
	text-align: center;
	line-height: 30px;
	text-decoration:none;
	float:right;
	margin-right:10px;
}

#header{
	box-shadow: 1px 2px 3px 1px rgba(27, 20, 1, 0.3);
	position:relative;
	width: 100%;
	min-width:1300px;
	height: 90px;
	background-color:#fff;
	border-bottom: #f1bf06 4px solid;
	z-index:1000;
}

#logoInt{
	background-color: #fff;
	display:block;
	width: 200px;
	height: 90px;
	box-shadow: 0px 0px 7px 2px rgba(27, 20, 1, 0.2);
	float:left;
	overflow: hidden;
	text-align: center;
}

#logoInt img{
	line-height: 90px;
}

#info{
	padding-left:20px;
	height:87px;
	width:290px;
	float:left;
	font-family: Arial;
	color:#8794a2;
	font-size: 12px;
	font-weight: 400;
	line-height: 12.002px;
	text-align: left;
	position:relative;	
}
#info img{
	margin-right:13px;
	margin-top:12px;
}

#lastacc{
	font-family: Arial;
	color:#8794a2;
	font-size: 12px;
	font-style: italic;
	text-align: justify;
}
#nombreusuario{
	font-family: Arial;
	color:#8794a2;
	font-size: 12px;
	font-weight: 700;
	line-height: 12.002px;
	text-align: left;
}

#menu{
	position:relative;
	height: 90px;
	line-height: 90px;
	/*padding-right:101px;*/
	cursor:pointer;	
	float: right;
}

#config{
	float:left;
	border-right:#e7eaec 1px solid;
	text-indent:30px;
	padding-right:17px;
	padding-left:17px;	
	background:url(../_img/icono_perfil.png) no-repeat;
	background-origin:content-box;
	background-position:left center;
	font-family: Arial;
	color:#8794a2;
	font-size:12px;
	font-weight:400;
	text-align:justify;
}

#config:hover{
	background-color: #f3f4f6;
}

#admin{
	float:left;
	border-right:#e7eaec 1px solid;
	text-indent:30px;
	padding-right:17px;
	padding-left:17px;	
	background:url(../_img/icono_administracion.png) no-repeat;
	background-origin:content-box;
	background-position:left center;
	font-family: Arial;
	color:#8794a2;
	font-size:12px;
	font-weight:400;
	text-align:justify;
}

#admin:hover{
	background-color: #f3f4f6;
}

#salir{
	float:left;
	border-right:#e7eaec 1px solid;
	text-indent:30px;
	padding-right:17px;
	padding-left:17px;
	background:url(../_img/power.png) no-repeat;
	background-origin:content-box;
	background-position:left center;
	font-family: Arial;
	color:#8794a2;
	font-size:12px;
	font-weight:400;
	text-align:justify;
}

#salir:hover{
background-color: #f3f4f6;
/*	color:#F1BF06; */
}

#carga{
	float:left;
	border-right:#e7eaec 1px solid;
	text-indent:30px;
	padding-right:17px;
	padding-left:17px;
	background:url(../_img/icono_procesocarga.png) no-repeat;
	background-origin:content-box;
	background-position:left center;
	font-family: Arial;
	color:#8794a2;
	font-size:12px;
	font-weight:400;
	text-align:justify;
}
#inspeccion{
	float:left;
	border-right:#e7eaec 1px solid;
	text-indent:30px;
	padding-right:17px;
	padding-left:17px;
	background:url(../_img/icono_procesocarga.png) no-repeat;
	background-origin:content-box;
	background-position:left center;
	font-family: Arial;
	color:#8794a2;
	font-size:12px;
	font-weight:400;
	text-align:justify;
}

#carga:hover{
	background-color: #f3f4f6;
	/*	color:#F1BF06; */
}

#notif{
	float:left;
	border-right:#e7eaec 1px solid;
	text-indent:30px;
	padding-right:17px;
	padding-left:17px;
	background:url(../_img/icono_notificaciones.png) no-repeat;
	background-origin:content-box;
	background-position:left center;
	font-family: Arial;
	color:#8794a2;
	font-size:12px;
	font-weight:400;
}

#notif:hover{
background-color: #f3f4f6;
/*	color:#F1BF06; */
}

#cuerpo{
	width:100%;
	height:auto;
	overflow: auto;
	/* padding-bottom: 50px;	*/ 
	min-height:100%;
	padding-bottom: 50px;
}

#contenido{
	position: relative;
	padding: 12px 0;
	z-index: 0;
	overflow: hidden;
	min-width: 1250px;
	min-height: 675px;
}

#menulat{
	background-color:#fff;
	box-shadow: 1px 2px 7px 3px rgba(27, 20, 1, 0.15);
	position:absolute;
	top:92px;
	width: 200px;
	display:block;
	float:left;
	z-index:10;
	bottom:0px;
	min-height:710px
}

#sep_sup{
	height:65px;
	width: 200px;
	border-bottom: #e7eaec 2px solid;
}

.item{
	display:block;
	font-family: Arial;
	color: #8794a2;
	font-size: 16px;
	font-weight: 400;
	text-align: left;
	height:56px;
	line-height:56px;
	border-bottom: #e7eaec 2px solid;
	text-indent:59px;
	position:relative;
	cursor:pointer;
}

.item:hover{
	color:#ffffff;
}

.sub_item{
	height:49px;
	line-height:49px;
	border-bottom: #d4d9dd 2px solid;
	text-indent:59px;
	font-family: Arial;
	color: #8794a2;
	font-size: 14px;
	font-weight: 400;
	text-align: left;
	cursor:pointer;
}

#mon {
	background:url(../_img/IconoMonitor.png)  no-repeat;
	background-origin:padding-box;
	background-position:10px 50%;
}

#mon:hover{
	background:url(../_img/Monitor.png) no-repeat transparent;
	background-origin:padding-box;
	background-position:10px 50%;
	background-color:#8794a2;
}

.monselect {
	background:url(../_img/Icono_Monitor_y.png) no-repeat;
	background-origin:padding-box;
	background-position:10px 50%;
	color: #f1bf06;
}



#rep {
	background: url(../_img/Icono%20Reportes.png) no-repeat;
	background-origin:padding-box;
	background-position:15px 50%;
}

#rep:hover{
	background: url(../_img/Icono_Reportes.png) no-repeat;
	background-origin:padding-box;
	background-position:15px 50%;
	background-color:#8794a2;
}

#rep_bl{
	background: url(../_img/Reporte1.png) #f3f4f6 no-repeat;
	background-origin:padding-box;
	background-position:19px 50%;
}

#rep_bl:hover{
	background: url(../_img/Reporte1_bl.png) #8794a2 no-repeat;
	background-origin:padding-box;
	background-position:19px 50%;
	color:#fff;
}

#rep_carga{
	background: url(../_img/Reporte1.png) #f3f4f6 no-repeat;
	background-origin:padding-box;
	background-position:19px 50%;
}

#rep_carga:hover{
	background: url(../_img/Reporte1_bl.png) #8794a2 no-repeat;
	background-origin:padding-box;
	background-position:19px 50%;
	color:#fff;
}

#rep_mb{
	background: url(../_img/Reporte2.png) #f3f4f6 no-repeat;
	background-origin:padding-box;
	background-position:19px 50%;
}

#rep_mb:hover{
	background: url(../_img/Reporte2_bl.png) #8794a2 no-repeat;
	background-origin:padding-box;
	background-position:19px 50%;
	color:#fff;	
}

#titulo{
	font-family: Arial;
	color:#8794a2;
	font-size: 22px;
	font-weight: 400;
	text-align: left;
	text-transform:uppercase;
	text-indent: 60px;
	height:54px;
	line-height:54px;
	border-bottom: #8794a2 2px solid;
	width:500px;
}

.icono_titulo{
	font-family: Arial;
	color:#8794a2;
	font-size: 22px;
	font-weight: 400;
	text-align: left;
	text-transform:uppercase;
	text-indent: 60px;
	height:54px;
	line-height:54px;
	border-bottom: #8794a2 2px solid;
	width:450px;
}

.mon_tit{
	background: url(../_img/icon-engrane.png) no-repeat;
	background-origin:padding-box;
	background-position: 0px 45%;
}

.adm_tit{
	background: url(../_img/IconoMonitorcopia.png) no-repeat;
	background-origin:padding-box;
	background-position: 0px 45%;
}
.cont_tit{
	background: url(../_img/icono_contenedores.png) no-repeat;
	background-origin:padding-box;
	background-position: 0px 45%;
}
.usuario_tit{
	background: url(../_img/icono_usuario.png) no-repeat;
	background-origin:padding-box;
	background-position: 0px 45%;
}
.empresa_tit{
	background: url(../_img/icono_empresas.png) no-repeat;
	background-origin:padding-box;
	background-position: 0px 45%;
}
.zona_tit{
	background: url(../_img/icono_zona.png) no-repeat;
	background-origin:padding-box;
	background-position: 0px 45%;
}
.bodega_tit{
	background: url(../_img/icono_bodega.png) no-repeat;
	background-origin:padding-box;
	background-position: 0px 45%;
}
.flexi_tit{
	background: url(../_img/icono_flexitank.png) no-repeat;
	background-origin:padding-box;
	background-position: 0px 45%;
}
.contenedores_tit{
	background: url(../_img/icono_adm_contenedores.png) no-repeat;
	background-origin:padding-box;
	background-position: 0px 45%;
}

.con_bl{
	background: url(../_img/Reporte1copia.png) no-repeat;
	background-origin:padding-box;
	background-position: 0px 45%;
}

.con_mfto{
	background: url(../_img/Reporte_2_copia.png) no-repeat;
	background-origin:padding-box;
	background-position: 0px 45%;
}


#proceso{
	height: 150px;
	background-color:#fff;
	margin-top:19px;
	width:830px;
	margin-bottom:13px;	
	
}

#actual{
	border-bottom: #f1f3f5 2px solid;
	height:43px;
	line-height:43px;
	text-align:center;
}

.tit_actual{
	font-family: Arial;
	color:#f1bf06;
	font-size: 18px;
	font-weight: 400;
	background:url(../_img/IconoCargando.png) no-repeat;
	background-position:right center;
	background-origin:padding-box;
	padding-right:22px;
}

#nom_proceso{
	font-family: Arial;
	color:#8794a2;
	font-size: 18px;
	font-weight: 400;
	padding-left:4px;
}

#resultados{
	width: 830px;
	margin:auto;
	padding-top:21px;
	padding-left:54px;
}

.resultado{
	border-radius: 8px;
	border-width: 1px;
	border-color:#e7eaec;
	border-style: solid;
	background-color:#ffffff;
	width: 352px;
	height: 35px;
	float:left;
	line-height:35px;
	color: #8794a2;
	font-size: 13.985px;
	font-weight: 400;
	transform: scaleY(1.0011);	
	text-indent: 60px;
}

#recepcion{
	margin-left:14px;
	background:url(../_img/IconoBajando.png) no-repeat;
	background-position: 10px center;
	background-origin:padding-box;	
}

.res_ok{
	display:block;
	font-family: Arial;
	color:#5c990c;
	font-size: 13.989px;
	font-weight: 400;
	transform: scaleY(1.0008); 	
	background:url(../_img/Icono_Check.png) no-repeat;
	background-position: 10px center;
	background-origin:padding-box;
	width:280px;
	text-indent:40px;
	height:35px;
	line-height:35px;
	float:right;
}

.res_error{
	display:block;	
	font-family: Arial;
	color:#bc2f1d;
	font-size: 14px;
	font-weight: 400;
	transform: scaleX(1.0016); 	
	background:url(../_img/Icono_X.png) no-repeat;
	background-position: 10px center;
	background-origin:padding-box;
	width:280px;
	text-indent:40px;
	height:35px;
	line-height:35px;
	float:right;	
}

#filtros_busqueda{
	width: 810px;
	padding-top:20px;
	height: 90px;
	color: #8794a2;
	font-size: 13.985px;
	font-weight: 400;
}
.titulo_filtros{
	background: #fff;
	height: 43px;
	padding-left: 10px;
	width: 820px;
}

.titulo_filtros h4{
	font-family: Arial;
	color:  #f1bf06;
	font-size: 18px;
	font-weight: 400;
	line-height: 43px;
	text-align: justify;
}
.filtr_bg_white{
	background-color:  #ffffff;
	padding: 10px;
}
.filtros > #colizq, #filtros > #colder{
	float:left;
	padding:5px;
	width:405px;
}

.zona_campos input, textarea{
	border: solid 1px #ddd;
	border-radius: 5px;
	padding: 2px 8px;
	outline: none;
}

.zona_campos .spinner, .combo{
	border-radius: 5px;
	outline: none;
}

.input_flt{
	width:400px;
	margin:auto;
	height:24px;
	border:1px solid #d4d9dd;
	outline: none;
}

#cambiocontra{
	background:#fff;
	margin:19px 0px 20px 0px;
	padding-top:21px;
	height: 208px;
	color: #8794a2;
	font-size: 13.985px;
	font-weight: 400;
	transform: scaleY(1.0011);	
}
#cambioperfil{
	background:#fff;
	margin:19px 0px 20px 0px;
	padding-top:18px;
	height: 210px;
	color: #8794a2;
	font-size: 13.985px;
	font-weight: 400;
	transform: scaleY(1.0011);	
}

.titulo_tabla{
	height:30px;
	line-height:30px;
	background-color:#FFFFFF;
	
}
#notificaciones{
    width: 309px;
    background-color: hsla(0,0%,100%,1.00);
    position: absolute;
    margin-left: -18px;
    border: #e7eaec 1px solid;
}
.detalle_noti {
    color: #8794a2;
	font-size: 12px;
    line-height: 20px;
    padding: 5px 10px;
    border-bottom: #e7eaec 1px solid;
}
.link-notif{
	font-weight: normal;
	text-indent:0;
}
.link-notif:hover{
	background-color:#ECECEC;
}
#vermas{
	font-weight: bold;
    text-align: center;
	text-indent: 0;
    font-size: 14px;
    line-height: 32px;
}
#vermas:hover{
	background-color:#ECECEC;
}
.badge{
    font-weight: bold;
    font-size: 12px;
    color: #fff;
    background-color: #C50000;;
    border-radius: 56px;
    padding: 5px;}
.input_cc{
	width:180px;
	margin:auto;
	height:20px;
	border:1px solid #d4d9dd;
	outline: none;
}

.contenedor_campos{
	padding: 10px;
}

.contenedor_campos div{
	display: inline-block;
	margin-right: 20px;
}

.subtitulo{
	height:43px;
	border-bottom: #e7eaec 2px solid;
	color: #f1bf06;
	font-size: 18px;
	font-weight: 400;
	padding-left:32px;

}

#footer{ 
	position: relative;
	margin-top: -50px; /* altura en px del footer con valor negativo */
	height: 50px; /* Altura del Footer en px*/
	clear: both;
	background: #fff;
	text-align: center;
	color: #000;
	box-shadow: hsla(0,0%,0%,0.30) -1px -2px 4px;
	z-index:9;
}

#infofile table{
	border-collapse: collapse;
}
#infofile table td, th{
	border-collapse: collapse;
	border-bottom: solid 1px #ccc;
}

/*  MENU ADMIN */
#menu_admin{
	background-color: #FFFFFF;
	padding: 5px;
	padding-left: 15px;
	border: solid 1px #f1bf06;
	border-top: none;
}
#menu_admin ul{
	margin: 0;
	padding: 0;
}
#menu_admin ul li{
	color: #8794a2;
	display: inline-block;
	list-style-type: none;
	padding: 0 5px;
}
#menu_admin ul li a{
	font-size: 12px;
	list-style-type: none;
	text-decoration: none;
	color: #8794a2;
}
#menu_admin ul li a:hover{
	color: #666;
}
.pintar_borde{
	border-bottom: solid 2px #35C403 !important;
}
.cabecera-principal .datagrid-htable{
	font-weight: bold;
	color: #444!important;
}

/*Botones*/
.boton-con-icono-img{
	display: inline-block;
	border-radius: 5px;
    width: 120px;
    /* left: 0; */
    text-align: left;
    color: #ffffff;
    font-size: 13px;
    line-height: 16px;	
	vertical-align: middle;
	cursor: pointer;
}
.boton-con-icono-img a{
    display: block;
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	height: 100%;
    width: 100%;

}
.boton-con-icono-img img{
	display: inline-block;
	vertical-align: middle;
}
.boton-con-icono-img span{
	display: inline-block;
	vertical-align: middle;
}