/* Author: AdminDesigns.com
 * Last Updated: 02/01/14 
 * Copyright 2014 Admin Designs
=================================================
 * This file is reserved for changes made by 
 * the user. It's often times a good idea to 
 * seperate your changes from the themes core.
 * It makes modifications, and future theme
 * updates much easier to apply.
================================================= */
/* These styles have been placed here for as 
 * they have a high chance of needing to be
 * changed if one decides to modify the header
-----------------------------------------------*/
/* Header button states - text colors */
.navbar-menus > div > button:focus {
  color: #666; }

.navbar-menus > div > button:hover {
  color: #333; }

/* Place your custom styles or styles which 
 * have been generated with the customization 
 * tool below this line. 
-----------------------------------------------*/


/* Errores de validación en formularios */

.error-val { color: #f00; background-color: #fdd; }
.aviso-val { color: #f90; background-color: #fc9; }

#searchFilters .row {
    border:0px solid red;
    margin-top:10px;
    overflow:visible; //OR remove overflow property
}

.mb0 { margin-bottom: 0; }

#tabla-listado td { vertical-align: middle }

.div-spinner { height: 40px }

table .dato p { margin: 0 }

table .dato a.thumbnail { float: left }

#paginator-lineas { float: right }

#selector-destinatarios ul {
	margin: 0;
	padding: 0;
}

#selector-destinatarios > ul {
	border-bottom: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
}

#selector-destinatarios li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 14px;
	line-height: 32px;
	border-top: 1px solid #dddddd;
	background-color: #fafafa;
	cursor: pointer;
}

#selector-destinatarios > ul > li > ul > li { background-color: #f4f4f4 }
#selector-destinatarios > ul > li > ul > li > ul > li { background-color: #eeeeee }
#selector-destinatarios > ul > li > ul > li > ul > li > ul > li { background-color: #e8e8e8 }
#selector-destinatarios > ul > li > ul > li > ul > li > ul > li > ul > li { background-color: #e2e2e2 }
#selector-destinatarios > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li { background-color: #dbdbdb }

#selector-destinatarios li > div > div.chk {

	margin: 0 0 0 10px;
	display: inline-block;
	width: 22px;
	color: #999	;
	font-size: 14px;
} 

#selector-destinatarios li > div { overflow: hidden }
#selector-destinatarios li > div > div { float: left }
#selector-destinatarios li.usuario > div > div.chk {

	color: #000	;
	font-size: 18px;
}

#selector-destinatarios li > div > span { 
	display: inline-block;
	float: right;
	width: 32px;
	text-align: center;
	background-color: #fafafa;
	border-left: 1px solid #dddddd;
}

#selector-destinatarios > ul > li > ul > li > div { padding-left: 22px }
#selector-destinatarios > ul > li > ul > li > ul > li > div { padding-left: 44px }
#selector-destinatarios > ul > li > ul > li > ul > li > ul > li > div { padding-left: 66px }
#selector-destinatarios > ul > li > ul > li > ul > li > ul > li > ul > li > div { padding-left: 88px }
#selector-destinatarios > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div { padding-left: 110px }
#selector-destinatarios > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div { padding-left: 132	px }

#selector-destinatarios .oculto { display: none; }
#selector-destinatarios .desplegar.cerrado span {
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}

#selector-destinatarios li.sel {
	background-color: #efe;
}

.list-pendiente { font-weight: bold }
.list-pendiente td,
tr.diferente td { background-color: #ffffc9 !important; }

ul.dato-linea { margin: 0; padding: 0 }
ul.dato-linea > li { list-style-type: square; list-style-position: inside }

.cover { 

	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,0.5);
	z-index: 9999;
}

span.ninguno {
	color: #cecece;
	font-style: italic;
}

#selector-categorias ul {
	margin: 0;
	padding: 0;
}

#selector-categorias > ul {
	border-bottom: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
}

#selector-categorias li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 14px;
	line-height: 32px;
	border-top: 1px solid #dddddd;
	background-color: #fafafa;
	cursor: pointer;
}


#selector-categorias li > div { overflow: hidden }
#selector-categorias li > div > div { float: left }
#selector-categorias li.usuario > div > div.chk {

	color: #000	;
	font-size: 18px;
	margin: 0 0 0 10px;
	width: 16px;
}

#selector-categorias li > div > div.chk span {

	color: #999 !important;
	font-size: 14px !important;
}

#selector-categorias li > div > a { 
	display: inline-block;
	float: right;
	width: 32px;
	text-align: center;
	background-color: #fafafa;
	border-left: 1px solid #dddddd;
}

#selector-categorias > ul > li > ul > li > div.chk { padding-left: 36px }
#selector-categorias > ul > li > ul > li > ul > li > div.chk { padding-left: 72px }
#selector-categorias > ul > li > ul > li > ul > li > ul > li > div.chk { padding-left: 48px }
#selector-categorias > ul > li > ul > li > ul > li > ul > li > ul > li > div.chk { padding-left: 64px }
#selector-categorias > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div.chk { padding-left: 80px }
#selector-categorias > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div.chk { padding-left: 96px }

#selector-categorias .oculto { display: none; }
#selector-categorias .desplegar.cerrado span {
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}

#selector-categorias li.sel {
	background-color: #efe;
}

.telon {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,0.75);
	overflow: hidden;
	z-index: 9999;
}

.msgbox {

	position: relative;
	background-color: #ebebeb;
	max-width: 400px;
	overflow: hidden;
}

.msgbox .barra { overflow: hidden; background-color: #999; color: #fff }
.msgbox .barra p.titulo { float: left; margin: 0 0 0 20px; padding: 0; line-height: 30px; font-size: 12px; font-weight: bold; text-transform: uppercase }
.msgbox .barra button.btn-cerrar {
	float: right;
	margin: 0;
	padding: 0;
	border: 0;
	line-height: 30px;
	width: 30px;
	height: 30px;
	text-align: center;
	color: #fff;
	background-color: #000;
}

.msgbox .cuerpo-mensaje {
	padding: 20px;
	position: relative;
}

.msgbox .cuerpo-mensaje p {
	margin: 0;
	padding: 10px 10px 30px 10px;
	text-align: center;
	font-size: 12px;
	line-height: 16px;
	color: #000;
	text-transform: uppercase;
	font-weight: bold;
}

.msgbox .cuerpo-mensaje .barra-boton { text-align: center; }
.msgbox .cuerpo-mensaje .barra-boton button {
	color: #fff;
	background-color: #000;
	border: 0;
	margin: 0;
	padding: 8px 12px;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	text-transform: uppercase;
}

.msgbox.ok .cuerpo-mensaje .barra-boton button:hover,
.msgbox.ok .barra .btn-cerrar:hover {
	color: #0e0;
}

.msgbox.ko .cuerpo-mensaje .barra-boton button:hover,
.msgbox.ko .barra .btn-cerrar:hover {
	color: #e00;
}

.msgbox .icono {

	display: block;
	position: absolute;
	left: 10px;
	bottom: 10px;
	font-size: 60px;
	line-height: 50px;
	color: #d2d2d2;
	z-index: 0;
	opacity: .99;
}

#mensaje .linea {
	padding: 10px;
	margin-bottom: 10px;
	background-color: #f5f5f5;
	line-height: 20px;
}

#mensaje .linea span.etiqueta {
	
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
}

.tabla-informe {
	box-sizing: border-box;
	border: 1px solid #333;
	border-collapse: collapse;
	margin: 0 0 20px 0;
	white-space: nowrap;
	font-size: 11px;
}

.tabla-informe td, .tabla-informe th {
	padding: 4px 8px;
	border: 1px solid #333;
}

.tabla-informe th {
	color: #fff;
	background-color: #333
}

.tabla-informe td { 
	color: #333;
	background-color: #fff
}

.panel-ver-peticion { display: none }

table .chk-visto { text-align: center }
table .chk-visto span.glyphicons-ok_2 { color: #0c0 }
table .chk-visto span.glyphicons-remove_2 { color: #c0c0c0 }

h3.cabecera-form {

	padding: 0 10px;
	margin: 0 0 24px 0;
	background-color: #fafafa;
	font-size: 14px;
	line-height: 30px;
	text-transform: uppercase;
	border-top: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
}

hr { margin: 24px 0; }

input[type="text"] { margin-top: 0 }

#tabla-materiales { padding: 0 20px 0 20px }

#tabla-materiales table {
	
	border-top: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
	width: 100%;
}


#tabla-materiales table thead { background-color: #fafafa; border-bottom: 1px solid #d5d5d5 }
.tabla-orden-panel { width: 100% }
.tabla-orden-panel tr { border-bottom: 1px solid #e0e0e0 }
.tabla-orden-panel tr:first-child { border-top: 1px solid #e0e0e0 }
.tabla-orden-panel td { margin: 0; padding: 0; font-weight: 700; }
.tabla-orden-panel td:first-child { text-align: right; padding-right: 10px !important; font-weight: 400; }

.plazo-ok { background-color: #5bec3f !important }
.plazo-alerta { background-color: #ffa51e !important }
.plazo-acabado { background-color: #fc2520 !important }

.plazo-ok,
.plazo-alerta,
.plazo-acabado {
	
	font-weight: bold;
	color: #000000;
}

.listado-plazo-alerta td { background-color: #ffc540 !important }
.listado-plazo-acabado td { background-color: #ff9090 !important }

.listado-plazo-alerta td,
.listado-plazo-acabado td
{ 
	font-weight: bold;
	color: #000000;
}

.panel-orden {
	
	border: none;
}

.panel-orden .panel-body {
	
	border-left: 1px solid #f0f0f0;
	border-right: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
}

#tabla-vista .linea {

	background-color: #e0e0e0;
	margin: 0 0 10px 0;
	padding: 6px 15px 6px 15px;
	overflow: hidden;
}

#tabla-vista .etiqueta, #tabla-vista .campo { float: left; line-height: 24px }
#tabla-vista .etiqueta {
	font-weight: bold;
	margin-right: 20px;
	width: 20%;
}

#tabla-vista .campo { font-size: 14px;}

#tabla-vista tr:hover td,
#tabla-listado tr:hover td,
.tabla-busqueda tr:hover td { background-color: #ffffb0 !important }


#tabla-listado thead th {
	background-color: #ededed;
	text-transform: uppercase;
	padding: 8px;
	border-top: 2px solid #ddd;
	line-height: 1em;
	color: #202020;
}

.semaforo { 

	display: inline-block;
	padding: 4px 10px;
	width: 40px;
	color: #000000;
	font-weight: bold;
	text-align: center;
}

	.semaforo.a { background-color: #5bec3f; }
	.semaforo.b { background-color: #ffa51e; }
	.semaforo.c { background-color: #fc2520; }
	.semaforo.d { background-color: #e0e0e0; }

}

.alerta-listado td { font-weight: 700 !important; }
	.alerta-listado.a > td { background-color: #ffdba5 !important; color: #000000; }
	.alerta-listado.b > td { background-color: #fea8a6 !important; color: #000000; }

#calendario-rango {
	font-family: "Arial";
	font-size: 14px;
}

#calendario-rango table {

	width: 100%;
	border-collapse: collapse;
	background-color: #e0e0e0;
	font-weight: bold;
}

#calendario-rango table td.day {
	font-weight: 300;
	font-size: 12px;
}

#calendario-rango table td {
			
	vertical-align: middle;
	text-align: center;
	margin: 0;
	padding: 0 8px;
	border: 1px solid #c0c0c0;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	cursor: pointer;
	width: 14.2857%;
	height: 32px;
}

#calendario-rango table td.disabled {
		
	font-weight: 300;
	color: #a5a5a5;
}

#calendario-rango table td.sel,
#calendario-rango table td.presel {
		
	background-color: #ccffff;

}

#calendario-rango table td.predesel { background-color: #e0e0e0 !important }

#busqueda-tracking-number span.cont-resultados {
	margin-left: 10px;
}

#txt-buscador-principal { font-size: 1.8em; color: #000; }

/* V360 FILE UPLOADER */

.v360f-file-uploader {}

.v360f-file-uploader audio,
.v360f-file-uploader video {
	width: 100%;
	margin: 0;
	padding: 0;
}
.v360f-file-uploader .v360f-image-preview img { width: 100%; height: auto;}
.v360f-file-uploader .v360f-document-preview .v360f-document-preview-cont {
	
	border: 1px solid #d0d0d0;
	background-color: #ffffff;
	overflow: hidden;
	padding: 2px 2px 2px 8px;
}
.v360f-file-uploader .v360f-document-preview .v360f-document-preview-cont span {
	font-size: 14px;
	line-height: 35px;
}
.v360f-file-uploader .progress,
.v360f-file-uploader .alert {
	margin: 0 !important;
}

.v360f-file-uploader video { background-color: #000000 }

.sub-listado-materiales
{
	margin: 10px;
	padding: 20px;
	border: 1px solid #000000;
}

#formulario-busqueda {
	margin-bottom: 20px;
}

#formulario-busqueda .barra-botones {
	padding: 10px;
	background-color: #ededed;
	overflow: hidden;
}

#orden-1234 tr > td:first-child,
#tabla-materiales th {
	text-transform: uppercase;
}

#formulario-estilos-control-materiales hr { margin-bottom: 0 }
#formulario-estilos-control-materiales {

	margin-bottom: 20px;
	padding: 0 17px 0 17px;
}

#formulario-estilos-control-materiales .fila-botones {
	overflow: hidden;
	padding: 10px 0 10px 0;
	background-color: #fafafa;
	border-bottom: 1px solid #d5d5d5;
}