@charset "utf-8";
/* CSS Garino - Portal de servicios */


/*Lista que se ve en email-emision graficos*/
li.list-group-item.color1 {
    color: #3366cc;
    font-weight: bold;
    font-size: xx-large;
    display: flex;
    align-items: center;
}
.list-group-item > span {
    font-size: 12px;
    align-content: center;
    margin-left: 1em;
}
li.list-group-item.color2 {
    color: #3333cc;
    font-weight: bold;
    font-size: xx-large;
    display: flex;
    align-items: center;
}
li.list-group-item.color3 {
    color: #7233cc;
    font-weight: bold;
    font-size: xx-large;
    display: flex;
    align-items: center;
}
li.list-group-item.color4 {
    color: #cc337d;
    font-weight: bold;
    font-size: xx-large;
    display: flex;
    align-items: center;
}
li.list-group-item.color5 {
    color: #cc7a33;
    font-weight: bold;
    font-size: xx-large;
    display: flex;
    align-items: center;
}
li.list-group-item.color6 {
    color: #ccb333;
    font-weight: bold;
    font-size: xx-large;
    display: flex;
    align-items: center;
}



.has-error{
	border-color: #a94442;
	/*box-shadow: inset 0 1px 1px rgba(0,0,0,.075);*/
}

.sts_tooltip{
	/*background-color: #337ab7;*/
	background-color: rgba(3, 115, 143, 0.89);
	color: white;
	/*font-weight: bold;*/
	text-transform: none;
	text-align: left;
	border: 1px solid rgba(3, 115, 143, 0.89);
	max-width: 100%;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: rgba(3, 115, 143, 0.89); !important;
}


.btn-ingresar{
	float: right;
}

@media (max-width: 767px){
	.def_inf_rango_fecha{
		min-width: 240px;
		margin-right: 20px;
	}
	
	
}

@media (min-width: 767px){
	.def_inf_rango_fecha{
		min-width: 295px;
		margin-right: 20px;
	}
	
	
}

@media (min-width: 380px){
	.ancho-320 {
	    width: 300px;
	    text-align: center;
	    padding: 0px;
	}
}

@media (max-width: 380px){
	.ancho-320 {
	    width: 240px;
	    text-align: center;
	    padding: 0px;
	}
	
	.recuperar_movil{
		font-size: 12px;
    	margin-right: 10px;
	}
}

html, body {
	height: 100%;
	margin:0px;
}

#wrap {
	min-height: 100%;
}

#main_sin_menu {
/* 	overflow:auto;*/
	padding-bottom: 60px; 
} 

#main {
/* 	overflow:auto;*/
/* 	padding-bottom: 60px;  */
}  /* must be same height as the footer */

#footer {
	position: relative;
	margin-top: -60px; /* negative value of footer height */
	height: 60px;
	clear:both;
} 

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}



@media (max-width: 378px){
	.g-recaptcha {
		transform:scale(0.79);
		-webkit-transform:scale(0.79);
		transform-origin:0 0;
		-webkit-transform-origin:0 0;
}}


.campo-fecha{
	margin-top: 10px;
	margin-right: 20px;
	float: left;
	min-width: 296px;
	margin-bottom: 10px;
}

.tamano-grafica-gantt{
	width: 100%;
	min-height: 420px;
}

.fecha-disabled{
	color: #c0c0c0;
}

.btn-primaryswitch {
    color: #fff !important;
    background-color: #03738f !important;
    border-color: #03738f!important;
}

.btn-primaryswitch:hover {
    color: #fff !important;
    background-color: #03738f !important;
    border-color: #03738f !important;
}

.pickListButtons {
  padding: 10px;
  text-align: center;
}

.pickListButtons button {
  margin-bottom: 5px;
}

.pickListSelect {
  /* height: 200px !important; */
  
}


.btn-default-bootstrap{
    color: #fff;
    background-color: #03738f;
    border-color: #03738f;
}

.pagination>li>a, .pagination>li>span {
    color: #03788f;
}

.pagination>li>a, .pagination>li>span {
    color: #03788f;
}

.pagination > li > a, .pagination > li > span {
    color: #03788f;
}

.pagination>li>a, .pagination>li>span {
    color: #03788f;
}

.pagination > li > a, .pagination > li > span {
    color: #03788f;
}

a {
    color: #03788f;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #03788C;
    border-color: #03788f;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #03788f;
    outline: 0;
}

html,body{
	margin:0px;
	height:100%;
}

body {
	background: #f9f6f3;
	margin: 0px auto;
/* 	height:auto; */
	font-size:14px;
	font-family: 'Open Sans', sans-serif;
	color:#515151;
	overflow-x: hidden;
}

::selection {
	background:#489bb7;
	color:#fff;
}

::-moz-selection {
	background:#489bb7;
	color:#fff;
}

::-webkit-selection {
	background:#489bb7;
	color:#fff;
}

h1{
	color: #03788f;
	font-size: 24px;
	font-weight: bold;
}

.float-derecha h1 {
    color: #03788f;
    font-size: 24px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 0px;
}

h2{
	color: #03788f;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
}

h3{
	color: #515151;
	font-weight: bold;
	font-size: 18px;
}

h4{
	text-transform: uppercase;
	font-size: 14px;
	margin-top: 20px;
	margin-bottom: -5px;
}

.left{
	float: left;
}

.right{
	float: right;
}

.left10{
	float: left;
	margin-right: 10px;
}

.left10-2{
	float: left;
	width: 100%;
	clear: both;
}

.logo{
	background: url(../img/logo.jpg) top left no-repeat;
	height: 50px;
	width: 225px;
	float: left;
	margin-bottom: 10px;
    margin-top: -5px;
 	margin-left: 6px;  
}

.cabezal{
	width: 100%;
	min-height: 78px;
	height: auto;
	padding: 20px 20px 0px 35px;
	background: #fff;
	border-bottom: 1px solid #cccccc;
}

.cabezal2{
	width: 100%;
	min-height: 81px;
	height: auto;
	padding: 20px 20px 0px 35px;
	background: #fff;
	border-bottom: 1px solid #cccccc;
}

.menu-superior{
	float: right;
}

.main-content {
	display: table;
	width: 100%;
	height: -moz-calc(100vh - 280px) !important;
	height: -webkit-calc(100vh - 280px) !important;
	height: -o-calc(100vh - 280px) !important;
	height: -ms-calc(100vh - 280px) !important;
	height: calc(100vh - 60px) !important;
}


.usuario{
	background: url(../img/icon-usuario.jpg) top left no-repeat;
	height: 30px;
	width: auto;
	float: right;
	padding-left: 25px;
	line-height: 14px;
	font-size: 13px;
	margin-bottom: 20px;
	padding-top: 5px;
	color: #03788f;
	font-size: 18px;
	margin-right: 10px;
	margin-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 80%;
}

a.ayuda:link,a.ayuda:active,a.ayuda:visited{
	background: url(../img/icon-ayuda.jpg) top left no-repeat;
	height: 25px;
	min-height: 15px;
	width: 25px;
	float: right;
	padding-left: 20px;
	line-height: 14px;
	font-size: 13px;
	color: #03788f;
	font-weight: bold;
	margin-left: 10px;
	margin-top: 5px;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
}

a.ayuda:hover{
	color: #00253d;
	text-decoration: none;
}

a.salir:link,a.salir:active,a.salir:visited{
	background: url(../img/icon-salir.jpg) top left no-repeat;
	height: 25px;
	min-height: 15px;
	width: 25px;
	float: right;
	padding-left: 20px;
	line-height: 14px;
	font-size: 13px;
	color: #03788f;
	font-weight: bold;
	margin-left: 10px;
	margin-top: 5px;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
}

a.salir:hover{
	color: #00253d;
	text-decoration: none;
}

a.telefonista:link,a.telefonista:active,a.telefonista:visited{
	background: url(../img/icon-telefonista.jpg) top left no-repeat;
	height: 25px;
	min-height: 15px;
	width: 25px;
	float: right;
	padding-left: 20px;
	line-height: 14px;
	font-size: 13px;
	color: #03788f;
	font-weight: bold;
	margin-left: 10px;
	margin-top: 5px;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
}

a.telefonista:hover{
	color: #00253d;
	text-decoration: none;
}

.filtros {
	min-height: 54px;
    height: auto;
    width: 100%;
    background: #03738f;
/*     padding-left: 10px; */
    box-shadow: 30px 0px #03738f, -30px 0 #03738f;
    color: #fff;
    overflow-x: auto;
}

.filtros .btn-buscar {
	float: left;
}
.filtros .btn-success {
	margin-top: 10px;
    margin-right: 20px;
}
.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
    width: 340px;
}

.input-group-chico {
    position: relative;
    display: table;
    border-collapse: separate;
    width: 180px;
}

.input-group-chico-chico {
    position: relative;
    display: table;
    border-collapse: separate;
    width: 100px;
    height:34px;
}

.campo{
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 10px;
	display: inline-table;
	vertical-align: middle;
	min-width: 240px;
	float: left;
}


.campo > * {
	display: table-cell;
	vertical-align: middle;
	margin-top: 0;
}

.campo .titulo-campo {
	display: table-cell;
	float: none;
}

.campo .select-todos {
	margin-top: 0;
}

.select-lote {
	width: 60px;
	max-width: 160px;
    float: left;
    font-size: 12px;
    margin-left: 10px;
    margin-top: -5px;
    padding: 6px 6px;
}

.campo-chico{
	margin-top: 10px;
	margin-right: 20px;
	float: left;
	min-width: 155px;
	margin-bottom: 10px;
}

.campo-chico2{
	margin-top: 14px;
	margin-right: 20px;
	float: left;
	min-width: 175px;
	margin-bottom: 10px;
}

.campo-rango-de-fechas{
	margin-top: 14px;
	margin-right: 20px;
	float: left;
	min-width: 460px;
	margin-bottom: 10px;
}

.campo-rango-de-fechas-chico{
	margin-top: 14px;
	margin-right: 20px;
	float: left;
	min-width: 400px;
	margin-bottom: 10px;
}

.titulo-campo{
	font-weight: bold;
	float: left;
	margin-bottom: 10px;
/* 	text-align: center; */
	padding-top: 6px;
}

.titulo-campo-chico {
    font-weight: bold;
    float: left;
/*     margin-bottom: 10px; */
    min-width: 30px;
    height: 34px;
    padding-top: 6px;
}

.select-todos{
	max-width: 160px;
	width: 100%;
	float: left;
	font-size: 12px;
	margin-left: 10px;
	margin-top: -5px;
	padding:6px 6px;
}

.select-todos-fechas{
	max-width: 84px;
	width: 100%;
	float: left;
	font-size: 12px;
	margin-left: 5px;
/* 	margin-top: -4px; */
	padding:5px 5px;
	height: 34px;
}

.select-todos-fechas2{
	max-width: 105px;
	width: 100%;
	float: left;
	font-size: 12px;
	margin-left: 10px;
	margin-top: -4px;
	padding:6px 6px;
	height: 34px;
}

.btn-buscar{
	margin-top: 8px;
	margin-left: 0px;
	margin-bottom: 10px;
	float: left;
}


.left50{margin-left: 50px;}
/*.has-error {    box-shadow: inset 0 0px 5px rgba(169, 68, 66, .7);}*/

/* make sidebar nav vertical */ 

.sidebar-nav{
	height: 100%;
	font-size: 12px;
	width: 200px;
}

.navbar-default{
	text-transform: uppercase;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border-width: 0;
}

.sidebar-nav .navbar li a {
    font-size: 12px;
}

.navbar-default .navbar-nav > .link > a, .navbar-default .navbar-nav > .link {
    border-left: #f0f0f0 5px solid;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #03788f;
    background-color: #f0f0f0;
    border-left: #03788f 5px solid;
    font-weight: bold;
}

.icon-stock{
	background: transparent url("../img/icon-stock.png") no-repeat scroll left center;
	padding-left: 45px !important;
	margin-left: 0px;
	background-position: 10px 15px;
}

.icon-stock3{
	background: transparent url("../img/icon-stock.png") no-repeat scroll left center;
    padding-left: 35px !important;
    margin-left: 0px;
    background-position: 0px 0px;
    height: 21px;
    float: left;
}

.icon-principal{
	background: transparent url("../img/icon-principal.png") no-repeat scroll left center;
	padding-left: 45px !important;
	margin-left: 0px;
	background-position: 10px 10px;
	color: #fff;
}

.icon-trazabilidad{
	background: transparent url("../img/icon-trazabilidad.png") no-repeat scroll left center;
	padding-left: 45px !important;
	margin-left: 0px;
	background-position: 10px 15px;
}

.icon-totales{
	background: transparent url("../img/icon-totales.png") no-repeat scroll left center;
	padding-left: 45px !important;
	margin-left: 0px;
	background-position: 10px 15px;
}

.icon-totales3{
	background: transparent url("../img/icon-totales.png") no-repeat scroll left center;
    padding-left: 35px !important;
    margin-left: 0px;
    background-position: 0px 0px;
    height: 21px;
    float: left;
}

.icon-campanas{
	background: transparent url("../img/icon-campanas.png") no-repeat scroll left center;
	padding-left: 45px !important;
	margin-left: 0px;
	background-position: 10px 15px;
}

.icon-emails{
	background: transparent url("../img/icon-emails.png") no-repeat scroll left center;
	padding-left: 45px !important;
	margin-left: 0px;
	background-position: 10px 15px;
}

.icon-sms{
	background: transparent url("../img/icon-sms.png") no-repeat scroll left center;
	padding-left: 45px !important;
	margin-left: 0px;
	background-position: 10px 15px;
}

.icon-sms3{
	background: transparent url("../img/icon-sms.png") no-repeat scroll left center;
    padding-left: 35px !important;
    margin-left: 0px;
    background-position: 0px 0px;
    height: 24px;
    float: left;
}

.icon-muestras{
	background: transparent url("../img/icon-muestras.png") no-repeat scroll left center;
	padding-left: 45px !important;
	margin-left: 0px;
	background-position: 10px 15px;
}

.icon-muestras3{
	background: transparent url("../img/icon-muestras.png") no-repeat scroll left center;
    padding-left: 35px !important;
    margin-left: 0px;
    background-position: 0px 0px;
    height: 21px;
    float: left;
}

.icon-interactive{
	background: transparent url("../img/icon-interactive.png") no-repeat scroll left center;
	padding-left: 45px !important;
	margin-left: 0px;
	background-position: 10px 15px;
}

.icon-interactive3{
	background: transparent url("../img/icon-interactive.png") no-repeat scroll left center;
    padding-left: 35px !important;
    margin-left: 0px;
    background-position: 0px 0px;
    height: 21px;
    float: left;
}

.icon-sts{
	background: transparent url("../img/icon-sts.png") no-repeat scroll left center;
	padding-left: 45px !important;
	margin-left: 0px;
	background-position: 10px 15px;
}

.icon-soporte{
	background: transparent url("../img/icon-soporte.png") no-repeat scroll left center;
	padding-left: 45px !important;
	margin-left: 0px;
	background-position: 10px 15px;
}

.icon-distribucion{
	background: transparent url("../img/icon-distribucion.png") no-repeat scroll left center;
	padding-left: 45px !important;
	margin-left: 0px;
	background-position: 10px 15px;
}

.icon-cobranza{
	background: transparent url("../img/icon-cobranza.png") no-repeat scroll left center;
	padding-left: 45px !important;
	margin-left: 0px;
	background-position: 10px 15px;
}

.icon-morosidad{
	background: transparent url("../img/icon-morosidad.png") no-repeat scroll left center;
	padding-left: 45px !important;
	margin-left: 0px;
	background-position: 10px 15px;
}

.icon-administracion{
	background: transparent url("../img/icon-administracion.png") no-repeat scroll left center;
	padding-left: 45px !important;
	margin-left: 0px;
	background-position: 10px 15px;
}

.menu-izquierdo{
	width: 205px;
    border-left: none;
    border-top: none;
    border-right: 1px solid #b8b9ba;
    background: #f8f8f8;
    padding-right: 0px;
    vertical-align: top;
	display: table-cell;
}

.navbar-toggle {
	position: absolute;
	top: 16px;
	display: none;
	float: none;
	z-index: 10000;
	margin-left: 0px;
	cursor: pointer;
}

.navbar-toggle .icon-bar{
	background: #5f5f5f;
}

#toggle-sidebar {
	height: 0;
	width: 0;
	display: block;
	overflow: hidden;
	position: fixed;
	top: -100%;
	left: -100%;
}


.clear{clear: both;
}

.clear10{clear: both; height: 10px;
}

.clear20{clear: both; height: 20px;
}

.clear30{clear: both; height: 30px;
}

.clear40{clear: both; height: 40px;
}


.modalcliente h3 span{font-size: 16px; font-weight: normal;}
.tabla-servicios {max-width: 900px;}
.tabla-servicios label {margin-right: 10px}
.tabla-servicios hr {border-top: 1px solid #e5e5e5}

.nuevo-trabajo {max-width: 700px;}
.nuevo-trabajo .label_form {display: block; margin-bottom:15px;}
.nuevo-trabajo hr {border-top: 1px solid #e5e5e5}
.nuevo-trabajo input, .nuevo-trabajo select {margin-top: 5px;}
.nuevo-usuario {max-width: 600px;}
.nuevo-usuario label {display: block; margin-bottom:15px;}
.nuevo-usuario hr {border-top: 1px solid #e5e5e5}
.nuevo-usuario input, .nuevo-trabajo select {margin-top: 5px;}
.nuevo-cliente {max-width: 600px;}
.nuevo-cliente label {display: block; margin-bottom:15px;}
.nuevo-cliente hr {border-top: 1px solid #e5e5e5}
.nuevo-cliente input, .nuevo-trabajo select {margin-top: 5px;}
.pickListButtons button {width: 50px; float: left;}
.pickListButtons {
	padding: 30px 0px 0px 0px !important;
}
#pAddAll span:first-child, #pRemoveAll span:first-child{margin-right: -5px; }
#pAddAll , #pRemoveAll {padding:5px 7px;}
/* media queries del menú lateral */

@media (max-width: 480px) {


	.ancho-iconos-colores{
	    max-width:320px !important;
	}

	.col-der-todo{
		width: 310px !important;
	}

	.usuario{
		background: url(../img/icon-usuario.jpg) top left no-repeat;
		height: 30px;
		width: auto;
		float: right;
		padding-left: 25px;
		line-height: 14px;
		font-size: 13px;
		margin-bottom: 20px;
		padding-top: 5px;
		color: #03788f;
		font-size: 18px;
		margin-right: 10px;
		margin-top: 5px;
		white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    max-width: 237px;
	}


	/*empieza estilos de camiones*/
	.col-der-separa {
	    width: 280px !important;
	}
	
	.col-der-separa-gris {
	    width: 280px !important;
	}
	
	.col-der-separa-1gris {
	    width: 280px !important;
	}
	
	.col-der-separa-2gris {
	    width: 280px !important;
	}

	.col-der-2 {
	    margin-left: 0px !important;
	}

	.col-der-3 {
	    margin-left: 0px !important;
	}

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

	.col-der-separa2 {
	    width: 280px !important;
	}
	
	.col-der-separa2-gris {
	    width: 280px !important;
	}
	
	.col-der-separa2-2gris {
	    width: 280px !important;
	}

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

	/*termina estilos de camiones*/

	.tamano-grafica{
		width: 100%;
		height: 200px;
		float: left;
	}

	.linea-todo{
		background: url(../portal/trazabilidad/img/linea-medio.jpg) center repeat-y;
		width: 305px !important;
		min-height: 460px;
		float: left;
	}

	.linea-todo-arriba{
		background: url(../portal/trazabilidad/img/img-tra-punto.png) center no-repeat;
		width: 305px !important;
		height: 16px;
	}

	.linea-todo-centro{
		width: 305px !important;
		min-height: 16px;
		min-height: 428px;
	}


	/* "Trazabilidad emisión - columna izquierda (al derecho) " */

	.arribo-de-datos:nth-child(odd){
		background: url(../portal/trazabilidad/img/img-tra-1-a.png) right no-repeat;
		width: 305px !important;
		height: 66px;
		background-size: 53.5% !important;
	}


	.proceso:nth-child(even){
		background: url(../portal/trazabilidad/img/img-tra-2-b.png) left no-repeat;
		width: 305px !important;
		height: 66px;
		background-size: 53.5% !important;
	}

	.habilitacion:nth-child(odd){
		background: url(../portal/trazabilidad/img/img-tra-3-a.png) right no-repeat;
		width: 305px !important;
		height: 66px;
		background-size: 53.5% !important;
	}

	.aprobacion:nth-child(even){
		background: url(../portal/trazabilidad/img/img-tra-4-b.png) left no-repeat;
		width: 305px !important;
		height: 66px;
		background-size: 53.5% !important;
	}

	.proceso-finalizado:nth-child(odd){
		background: url(../portal/trazabilidad/img/img-tra-5-a.png) right no-repeat;
		width: 305px !important;
		height: 66px;
		background-size: 53.5% !important;
	}

	.alerta-de-vencimiento:nth-child(even){
		background: url(../portal/trazabilidad/img/img-tra-6-b.png) left no-repeat;
		width: 305px !important;
		height: 66px;
		background-size: 53.5% !important;
	}

	.cierre:nth-child(odd){
		background: url(../portal/trazabilidad/img/img-tra-7-a.png) right no-repeat;
		width: 305px !important;
		height: 66px;
		background-size: 53.5% !important;
	}

	.arribo-de-datos:nth-child(odd) h3{
		color: #e87444;
		text-transform: uppercase;
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 0px;
		padding-top: 23px;
		text-align: right;
		margin-right: 180px !important;
	}

	.arribo-de-datos:nth-child(odd) p{
		text-align: right;
		margin-right: 180px !important;
	}

	.proceso:nth-child(even) h3{
		color: #b185c8;
		text-transform: uppercase;
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 0px;
		margin-left: 180px !important;
		padding-top: 23px;
	}

	.proceso:nth-child(even) p{
		margin-left: 180px !important;
	}

	.habilitacion:nth-child(odd) h3{
		color: #d8ae54;
		text-transform: uppercase;
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 0px;
		padding-top: 23px;
		text-align: right;
		margin-right: 180px !important;
	}

	.habilitacion:nth-child(odd) p{
		text-align: right;
		margin-right: 180px !important;
	}

	.aprobacion:nth-child(even) h3{
		color: #9cc885;
		text-transform: uppercase;
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 0px;
		padding-top: 23px;
		text-align: left;
		margin-left: 180px !important;
	}

	.aprobacion:nth-child(even) p{
		text-align: left;
		margin-left: 180px !important;
	}

	.proceso-finalizado:nth-child(odd) h3{
		color: #2b78a7;
		text-transform: uppercase;
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 0px;
		padding-top: 23px;
		text-align: right;
		margin-right: 180px !important;
	}

	.proceso-finalizado:nth-child(odd) p{
		text-align: right;
		margin-right: 180px !important;
	}

	.alerta-de-vencimiento:nth-child(even) h3{
		color: #cd6161;
		text-transform: uppercase;
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 0px;
		padding-top: 23px;
		text-align: left;
		margin-left: 180px !important;
	}

	.alerta-de-vencimiento:nth-child(even) p{
		text-align: left;
		margin-left: 180px !important;
	}

	.cierre:nth-child(odd) h3{
		color: #6fc0b5;
		text-transform: uppercase;
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 0px;
		padding-top: 23px;
		text-align: right;
		margin-right: 180px !important;
	}

	.cierre:nth-child(odd) p{
		text-align: right;
		margin-right: 180px !important;
	}


	/* "Trazabilidad emisión - columna izquierda (al revés) " */

	.arribo-de-datos:nth-child(even){
		background: url(../portal/trazabilidad/img/img-tra-1-b.png) left no-repeat;
		width: 305px !important;
		height: 66px;
		background-size: 53.5% !important;
	}

	.proceso:nth-child(odd){
		background: url(../portal/trazabilidad/img/img-tra-2-a.png) right no-repeat;
		width: 305px !important;
		height: 66px;
		background-size: 53.5% !important;
	}

	.habilitacion:nth-child(even){
		background: url(../portal/trazabilidad/img/img-tra-3-b.png) left no-repeat;
		width: 305px !important;
		height: 66px;
		background-size: 53.5% !important;
	}

	.aprobacion:nth-child(odd){
		background: url(../portal/trazabilidad/img/img-tra-4-a.png) right no-repeat;
		width: 305px !important;
		height: 66px;
		background-size: 53.5% !important;
	}

	.proceso-finalizado:nth-child(even){
		background: url(../portal/trazabilidad/img/img-tra-5-b.png) left no-repeat;
		width: 305px !important;
		height: 66px;
		background-size: 53.5% !important;
	}

	.alerta-de-vencimiento:nth-child(odd){
		background: url(../portal/trazabilidad/img/img-tra-6-a.png) right no-repeat;
		width: 305px !important;
		height: 66px;
		background-size: 53.5% !important;
	}

	.cierre:nth-child(even){
		background: url(../portal/trazabilidad/img/img-tra-7-b.png) left no-repeat;
		width: 305px !important;
		background-size: 53.5% !important;
		height: 66px;
	}

	.arribo-de-datos:nth-child(even) h3{
		color: #e87444;
		text-transform: uppercase;
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 0px;
		padding-top: 23px;
		text-align: left;
		margin-left: 180px !important;
	}

	.arribo-de-datos:nth-child(even) p{
		text-align: left;
		margin-left: 180px !important;
	}

	.proceso:nth-child(odd) h3{
		color: #b185c8;
		text-transform: uppercase;
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 0px;
		margin-right: 180px !important;
		padding-top: 23px;
		text-align: right;
	}

	.proceso:nth-child(odd) p{
		margin-right: 180px !important;
		text-align: right;
	}

	.habilitacion:nth-child(even) h3{
		color: #d8ae54;
		text-transform: uppercase;
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 0px;
		padding-top: 23px;
		text-align: left;
		margin-left: 180px !important;
	}

	.habilitacion:nth-child(even) p{
		text-align: left;
		margin-left: 180px !important;
	}

	.aprobacion:nth-child(odd) h3{
		color: #9cc885;
		text-transform: uppercase;
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 0px;
		padding-top: 23px;
		text-align: right;
		margin-right: 180px !important;
	}

	.aprobacion:nth-child(odd) p{
		text-align: right;
		margin-right: 180px !important;
	}

	.proceso-finalizado:nth-child(even) h3{
		color: #2b78a7;
		text-transform: uppercase;
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 0px;
		padding-top: 23px;
		text-align: left;
		margin-left: 180px !important;
	}

	.proceso-finalizado:nth-child(even) p{
		text-align: left;
		margin-left: 180px !important;
	}

	.alerta-de-vencimiento:nth-child(odd) h3{
		color: #cd6161;
		text-transform: uppercase;
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 0px;
		padding-top: 23px;
		text-align: right;
		margin-right: 180px !important;
	}

	.alerta-de-vencimiento:nth-child(odd) p{
		text-align: right;
		margin-right: 180px !important;
	}

	.cierre:nth-child(even) h3{
		color: #6fc0b5;
		text-transform: uppercase;
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 0px;
		padding-top: 23px;
		text-align: left;
		margin-left: 180px !important;
	}

	.cierre:nth-child(even) p{
		text-align: left;
		margin-left: 180px !important;
	}

	/* "Trazabilidad emisión - columna izquierda (al derecho gris) " */

	.arribo-de-datos.gris:nth-child(odd){
		background: url(../portal/trazabilidad/img/img-tra-1-a-gris.png) right no-repeat;
		width: 305px !important;
		background-size: 53.5% !important;
	}

	.proceso.gris:nth-child(even){
		background: url(../portal/trazabilidad/img/img-tra-2-b-gris.png) left no-repeat;
		width: 305px !important;
		background-size: 53.5% !important;

	}

	.habilitacion.gris:nth-child(odd){
		background: url(../portal/trazabilidad/img/img-tra-3-a-gris.png) right no-repeat;
		width: 305px !important;
		background-size: 53.5% !important;

	}

	.aprobacion.gris:nth-child(even){
		background: url(../portal/trazabilidad/img/img-tra-4-b-gris.png) left no-repeat;
		width: 305px !important;
		background-size: 53.5% !important;
		
	}

	.proceso-finalizado.gris:nth-child(odd){
		background: url(../portal/trazabilidad/img/img-tra-5-a-gris.png) right no-repeat;
		width: 305px !important;
		background-size: 53.5% !important;
		height: 66px;
	}

	.alerta-de-vencimiento.gris:nth-child(even){
		background: url(../portal/trazabilidad/img/img-tra-6-b-gris.png) left no-repeat;
		width: 305px !important;
		height: 66px;
		background-size: 53.5% !important;
	}

	.cierre.gris:nth-child(odd){
		background: url(../portal/trazabilidad/img/img-tra-7-a-gris.png) right no-repeat;
		width: 305px !important;
		height: 66px;
		background-size: 53.5% !important;
	}

	.arribo-de-datos.gris:nth-child(even) h3{
		color: #999;
	}

	.arribo-de-datos.gris:nth-child(odd) p{
		text-align: right;
		margin-right: 180px !important;
	}

	.proceso.gris:nth-child(even) h3{
		color: #999;

	}

	.proceso.gris:nth-child(odd) p{
		margin-left: 180px !important;
	}

	.habilitacion.gris:nth-child(even) h3{
		color: #999;
	}

	.habilitacion.gris:nth-child(odd) p{
		text-align: right;
		margin-right: 180px !important;
	}

	.aprobacion.gris:nth-child(even) h3{
		color: #999;
	}

	.aprobacion.gris:nth-child(odd) p{
		text-align: left;
		margin-left: 180px !important;
	}

	.proceso-finalizado.gris:nth-child(even) h3{
		color: #999;
	}

	.proceso-finalizado.gris:nth-child(odd) p{
		text-align: right;
		margin-right: 180px !important;
	}

	.alerta-de-vencimiento.gris:nth-child(even) h3{
		color: #999;
	}

	.alerta-de-vencimiento.gris:nth-child(odd) p{
		text-align: left;
		margin-left: 180px !important;
	}

	.cierre.gris:nth-child(even) h3{
		color: #999;
	}

	.cierre.gris:nth-child(odd) p{
		text-align: right;
		margin-right: 180px !important;
	}


	/* "Trazabilidad emisión - columna izquierda (al revés gris) " */

	.arribo-de-datos.gris:nth-child(even){
		background: url(../portal/trazabilidad/img/img-tra-1-b-gris.png) left no-repeat;
		width: 305px !important;
		height: 66px;
		background-size: 53.5% !important;
	}

	.proceso.gris:nth-child(odd){
		background: url(../portal/trazabilidad/img/img-tra-2-a-gris.png) right no-repeat;
		width: 305px !important;
		height: 66px;
		background-size: 53.5% !important;
	}

	.habilitacion.gris:nth-child(even){
		background: url(../portal/trazabilidad/img/img-tra-3-b-gris.png) left no-repeat;
		width: 305px !important;
		height: 66px;
		background-size: 53.5% !important;
	}

	.aprobacion.gris:nth-child(odd){
		background: url(../portal/trazabilidad/img/img-tra-4-a-gris.png) right no-repeat;
		width: 305px !important;
		height: 66px;
		background-size: 53.5% !important;
	}

	.proceso-finalizado.gris:nth-child(even){
		background: url(../portal/trazabilidad/img/img-tra-5-b-gris.png) left no-repeat;
		width: 305px !important;
		height: 66px;
		background-size: 53.5% !important;
	}

	.alerta-de-vencimiento.gris:nth-child(odd){
		background: url(../portal/trazabilidad/img/img-tra-6-a-gris.png) right no-repeat;
		width: 305px !important;
		height: 66px;
		background-size: 53.5% !important;
	}

	.cierre.gris:nth-child(even){
		background: url(../portal/trazabilidad/img/img-tra-7-b-gris.png) left no-repeat;
		width: 305px !important;
		height: 66px;
		background-size: 53.5% !important;
	}

	.arribo-de-datos.gris:nth-child(odd) h3{
		color: #999;
	}

	.arribo-de-datos.gris:nth-child(even) p{
		text-align: left;
		margin-left: 180px !important;
	}

	.proceso.gris:nth-child(odd) h3{
		color: #999;
	}

	.proceso.gris:nth-child(even) p{
		margin-right: 180px !important;
		text-align: right;
	}

	.habilitacion.gris:nth-child(odd) h3{
		color: #999;
	}

	.habilitacion.gris:nth-child(even) p{
		text-align: left;
		margin-left: 180px !important;
	}

	.aprobacion.gris:nth-child(odd) h3{
		color: #999;
	}

	.aprobacion.gris:nth-child(even) p{
		text-align: right;
		margin-right: 180px !important;
	}

	.proceso-finalizado.gris:nth-child(odd) h3{
		color: #999;
	}

	.proceso-finalizado.gris:nth-child(even) p{
		text-align: left;
		margin-left: 180px !important;
	}

	.alerta-de-vencimiento.gris:nth-child(odd) h3{
		color: #999;
	}

	.alerta-de-vencimiento.gris:nth-child(even) p{
		text-align: right;
		margin-right: 180px !important;
	}

	.cierre.gris:nth-child(odd) h3{
		color: #999;
	}

	.cierre.gris:nth-child(even) p{
		text-align: left;
		margin-left: 180px !important;
	}

}

@media (min-width: 768px) {
	
	.row-over{
		overflow: hidden;
	}

  .sidebar-nav .navbar .navbar-collapse {
    padding: 0;
    max-height: none;
  }
  .sidebar-nav .navbar ul {
    float: none;
  }
  .sidebar-nav .navbar{
  	min-height: -moz-calc(100vh - 141px);
	min-height: -webkit-calc(100vh - 141px);
	min-height: -o-calc(100vh - 141px);
	min-height: -ms-calc(100vh - 141px);
    min-height: calc(100vh - 141px);
  }
  .sidebar-nav .navbar ul:not {
    display: block;
  }
  .sidebar-nav .navbar li {
    float: none;
    display: block;
  }
  .sidebar-nav .navbar li a {
    padding-top: 12px;
    padding-bottom: 12px;
  }

	.page-wrapper {
		padding: 0 15px 0 0;
		margin: 0 auto;
		
	}

	.main-content{
		width: -moz-calc(100% + 15px);
		width: -webkit-calc(100% + 15px);
		width: -o-calc(100% + 15px);
		width: -ms-calc(100% + 15px);
		width: calc(100% + 15px);
	}
}


.contenido-derecha{
	width: 100%;
/* 	padding: 0 30px 30px; */
/* 	padding-left: 20px;
	padding-right: 20px; */
	display: table-cell;
	position: relative;
	vertical-align: top;
}

@media (max-width: 347px) {

	.contenido-derecha {
	    padding-left: 0px;
		padding-right: 0px;
	}
}

@media (min-width: 347px) {

	.contenido-derecha {
	    padding-left: 30px;
		padding-right: 30px;
	}
}

.contenido-derecha:after {
	content: '';
	display: block;
	clear: both;
	overflow: hidden;
}

.contenido-derecha2{
	/*float: left;*/
	/*margin-top: 30px;*/
	/*width: 100%;*/
	/*padding-right: 30px;*/
	/*padding-left: 30px;*/
	width: 100%;
	padding: 80px 30px 30px;
	display: table-cell;
	position: relative;
	vertical-align: top;
}

.navbar-nav .open .dropdown-menu {
	position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-top: 0
}
.dropdown-menu li{    display: block;
    margin: 0;
    line-height: 48px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #dfdfdf;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus
{background-color: #EFEFEF;}

.navbar-nav > li > .dropdown-menu {
	position: static;
	float: none;
	width: auto;
	margin-top: 0;
	background-color: transparent;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding-top: 0;
}

.navbar-nav > li > .dropdown-menu li {
	display: block;
	margin: 0;
	line-height: 48px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #dfdfdf;
}

@media (max-width: 990px) {

	.clear30 {
	    clear: both;
	    height: 0px;
	}
}

.texto-slider h1{
	font-size: 28px;
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.texto-slider{
	position: relative;
	top: 40px;
	left: 10%;
	width: 55%;
	float: left;
	height: 0px;

}

@media (min-width: 1040px) {
	.texto-slider h1{
	    margin-top: 0px;
	}
}

@media (max-width: 1040px) {
	.texto-slider h1{
	    margin-top: -10px;
	}
}

@media (max-width: 960px) {
	.texto-slider h1{
		font-size: 20px !important;
		margin-top: -13px !important;
		line-height: 22px;
	}
}

@media (max-width: 768px) {  
    .texto-slider h1{
		font-size: 16px !important;
		margin-top: -18px !important;
		line-height: 17px;
	}
}

@media (max-width: 600px) {

	.campo{
		margin-top: 0;
		width: 100%;
		display: block;
		overflow: hidden;
	}

	.campo + .campo {
		/* margin-top: 10px; */
	}

	.campo .select-todos {
		display: block;
	}

	.campo .titulo-campo {
		display: block;
		margin: 0;
		line-height: 24px;
	}

	.campo-chico{
		margin-top: 5px;
		width: 100%;
	}

	.campo-chico2{
		margin-top: 5px;
		width: 100%;
	}

	.select-todos{
		margin-left: 0px;
	}

	.select-todos-fechas{
		margin-left: 0px;
	}

	.select-todos-fechas2{
		margin-left: 0px;
	}

	.titulo-campo {
	    clear: both;
	    width: 100%;
	    text-align: left;
	}

	.titulo-campo-chico {
	    clear: both;
	    width: 100%;
	}

	.texto-slider{
		position: relative;
		top: 0px !important;
		left: 10%;
		width: 55%;
		float: left;
		height: 0px;
	}

	.texto-slider h1{
		font-size: 16px !important;
		margin-top: 10px !important;
		line-height: 17px;
	}

}

@media (max-width: 480px) {
	.texto-slider h1{
		font-size: 15px !important;
	    margin-top: 7px !important; 
	    line-height: 16px;
	    -webkit-line-clamp: 3;
	}
	
		
	.usuario{
		font-size: 16px;
	}
}

@media (max-width: 440px) {
	.texto-slider h1{
		font-size: 15px !important;
	    margin-top: 7px !important; 
	    line-height: 16px;
	    -webkit-line-clamp: 2;
	}
	
		
	.usuario{
		font-size: 12px;
	}
}


@media (max-width: 767px) {

	.hide-content{
		display: none !important;
	}

	.left50{margin-left: 5px;}

	.container-fluid {
	    margin-right: auto;
	    margin-left: auto;
	}

	.padding-0 {
		position: relative;
	    width: 98%;
	    max-width: 100% !important;
	    /* height: 650px; */
	    padding-bottom: 35px;
	}

	.linea-todo{
/* 		position: absolute;
	    top: 50%;
	    left: 50%;
	    -ms-transform: translate(-50%,-50%); IE 9
    	-webkit-transform: translate(-50%,-50%); Chrome, Safari, Opera
	    transform: translate(-50%,-50%); */
	    
	}

	.linea-todo2{
/* 		position: absolute;
	    top: 50%;
	    left: 50%;
	    -ms-transform: translate(-50%,-50%); IE 9
    	-webkit-transform: translate(-50%,-50%); Chrome, Safari, Opera
	    transform: translate(-50%,-50%); */
	}

	.tamano-grafica{
		width: 100% !important;
	}

	#pickListResult{
		margin-top: 50px;
	}

	/* MENU RESPONSIVE - Estilos basicos */



	.navbar-toggle {
		display: block;
	}

	.collapse.in {
		display: block !important;
	}

	.navbar {
	    height: auto !important;
	    min-height: -moz-calc(100% - 160px) !important;
		min-height: -webkit-calc(100% - 160px) !important;
		min-height: -o-calc(100% - 160px) !important;
		min-height: -ms-calc(100% - 160px) !important;
	    min-height: calc(100% - 160px) !important;
	    padding-bottom: 10px !important;
		display: none;
		margin: 0;
		width: 100%;
		position: absolute;
		z-index: 1;
		border-bottom: 1px solid #e4e4e4;
	}

	.navbar-collapse {
		padding: 0;

	}

	.sidebar-nav {
	    height: auto;
		margin: 0;
		width: auto;
	}

	.navbar-nav {
		margin: 0;
	}


	.navbar-nav .open .dropdown-menu > li > a {
		line-height: 20px;
		padding: 5px 15px 5px 25px;
	}

	/* MENU RESPONSIVE - Estilos que muestran el menu cuando se clickea el hamburger-icon */
	
	.toggleChecked {
		display: block;
		left: -770px;   
		position: relative;
	    transition:all 0.2s linear;
	    height: 0px;
	}

	.toggleNotChecked {
		display: block;
		left: 0px;
		transition:all 0.2s linear;
	}

	.no-height {
		transition:1s;
		height: 0px;
	}

	.pie{
		height: 120px !important;
	}

	.texto-pie{
		margin-top: 65px !important;
		padding-left: 20px !important;
		width: -moz-calc(100% - 20px) !important;
		width: -webkit-calc(100% - 20px) !important;
		width: -o-calc(100% - 20px) !important;
		width: -ms-calc(100% - 20px) !important;
		width: calc(100% - 20px) !important;
		line-height: 15px;
	}

	.float-derecha p{
    	display: none;
  	}

	.cuadro-index {
    	display: none;
  	}

	.menu-izquierdo{
		width: -moz-calc(100% + 30px);
		width: -webkit-calc(100% + 30px);
		width: -o-calc(100% + 30px);
		width: -ms-calc(100% + 30px);
		width: calc(100% + 30px);
		display: block;
		padding: 0;
		border: 0;
		height: auto;
		min-height: auto;
		margin: 0px -15px;
	}

	.contenido-derecha{
		display: block;
		width: auto;
		/* max-width: calc(100% - 10px); */
		max-width: 100%;
		padding-top: 0;
	}

	.cabezal{
		height: 160px;
	}

	.campo-rango-de-fechas{
		margin-top: 14px;
		margin-right: 20px;
		float: left;
		min-width: 260px;
		margin-bottom: 10px;
	}

	.navbar-default .navbar-nav > li > a{
		padding: 6px 0px;
    	background-position: 5px 4px;
	}

	.filtros {
		min-height: 50px;
	    height: auto;
	    width: -moz-calc(100% + 60px);
		width: -webkit-calc(100% + 60px);
		width: -o-calc(100% + 60px);
		width: -ms-calc(100% + 60px);
	    width: calc(100% + 60px);
	    background: #03738f;
	    padding: 0 30px;
	    color: #fff;
		position: relative;
		margin: 0 -30px;
		overflow-x: auto;
	}

	.dropdown > ul.dropdown-menu {
	   display: none;
	}
	.dropdown.open > ul.dropdown-menu {
	   display: block;
	}
}


@media (max-width: 320px) {

	.texto-slider h1{
		font-size: 13px !important;
		margin-top: 6px !important;
		line-height: 14px !important;
		-webkit-line-clamp: 2;
	}

	.cabezal{
		height: 180px;
	}
}

@media (max-width: 360px) {

	.panel-group {
	    margin-bottom: 20px;
	    width: -moz-calc(100% - 10px);
		width: -webkit-calc(100% - 10px);
		width: -o-calc(100% - 10px);
		width: -ms-calc(100% - 10px);
	    width: calc(100% - 10px);
	    padding: 0px;
	    margin-left: 0px;
	    margin-right: -20px;
	}

	.col-der-todo {
	    width: 280px !important;
	}

	.col-der-1{
		width: 93px !important;
	}

	.col-der-todo p{
		width: 87px !important;

	}

	.titulo-camion1{
		font-size: 11px !important;
		padding-left: 5px;
	}

	.img-camion1{
		width: 90px !important;
		background-size: 50% !important;
	}
	
	.img-camion1-gris{
		width: 90px !important;
		background-size: 50% !important;
	}

	.col-der-2{
		width: 90px !important;
		margin-left: 7px !important;

	}

	.titulo-camion2{
		font-size: 12px !important;
	}

	.img-camion2{
		width: 90px !important;
		background-size: 50% !important;
	}
	
	.img-camion2-gris{
		width: 90px !important;
		background-size: 50% !important;
	}

	.col-der-3{
		width: 90px !important;
		margin-left: 7px !important;

	}

	.titulo-camion3{
		font-size: 12px !important;
	}

	.img-camion3{
		width: 90px !important;
	    background-size: 50% !important;
	}
	
	.img-camion3-gris{
		width: 90px !important;
	    background-size: 50% !important;
	}

	.img-reporte1{
		width: 90px !important;
	    background-size: 40% !important;
	}
	
	.img-reporte1-gris{
		width: 90px !important;
	    background-size: 40% !important;
	}

	.img-reloj2{
		width: 90px !important;
	    background-size: 50% !important;
	}
	
	.img-reloj2-gris{
		width: 90px !important;
	    background-size: 50% !important;
	}

	.img-mail1{
		width: 90px !important;
	    background-size: 50% !important;
	}
	
	.img-mail1-gris{
		width: 90px !important;
	    background-size: 50% !important;
	}

	.img-sms1{
		width: 90px !important;
	    background-size: 40% !important;
	}
	
	.img-sms1-gris{
		width: 90px !important;
	    background-size: 40% !important;
	}

	.col-der-separa{
		width: 280px !important;
		background-size: 80% !important;
	}
	
	.col-der-separa-gris{
		width: 280px !important;
		background-size: 80% !important;
	}
	
	.col-der-separa-1gris{
		width: 280px !important;
		background-size: 80% !important;
	}
	
	.col-der-separa-2gris{
		width: 280px !important;
		background-size: 80% !important;
	}

	.col-der-separa2{
		width: 280px !important;		
		background-size: 80% !important;
	}
	
	.col-der-separa2-gris{
		width: 280px !important;		
		background-size: 80% !important;
	}
	
	.col-der-separa2-2gris{
		width: 280px !important;		
		background-size: 80% !important;
	}
	

	.col-der-todo{
		width: 280px !important;
		float: left;
		border-bottom: 1px solid #e6e4e2;
	}

	.linea-todo{
		background: url(../portal/trazabilidad/img/linea-medio.jpg) center repeat-y;
		width: 270px !important;
		min-height: 460px;
		float: left;
	}

	.linea-todo-arriba{
		background: url(../portal/trazabilidad/img/img-tra-punto.png) center no-repeat;
		width: 270px !important;
		height: 16px;
	}

	.linea-todo-centro{
		width: 270px !important;
		min-height: 16px;
		min-height: 428px;
	}

	/* "Trazabilidad emisión - columna izquierda (al derecho) " */

	.arribo-de-datos:nth-child(odd){
		background: url(../portal/trazabilidad/img/img-tra-1-a.png) right no-repeat;
		width: 270px !important;
		height: 66px;
		background-size: 53.5% !important;
	}


	.proceso:nth-child(even){
		background: url(../portal/trazabilidad/img/img-tra-2-b.png) left no-repeat;
		width: 270px !important;
		height: 66px;
		background-size: 53.5% !important;
	}

	.habilitacion:nth-child(odd){
		background: url(../portal/trazabilidad/img/img-tra-3-a.png) right no-repeat;
		width: 270px !important;
		height: 66px;
		background-size: 53.5% !important;
	}

	.aprobacion:nth-child(even){
		background: url(../portal/trazabilidad/img/img-tra-4-b.png) left no-repeat;
		width: 270px !important;
		height: 66px;
		background-size: 53.5% !important;
	}

	.proceso-finalizado:nth-child(odd){
		background: url(../portal/trazabilidad/img/img-tra-5-a.png) right no-repeat;
		width: 270px !important;
		height: 66px;
		background-size: 53.5% !important;
	}

	.alerta-de-vencimiento:nth-child(even){
		background: url(../portal/trazabilidad/img/img-tra-6-b.png) left no-repeat;
		width: 270px !important;
		height: 66px;
		background-size: 53.5% !important;
	}

	.cierre:nth-child(odd){
		background: url(../portal/trazabilidad/img/img-tra-7-a.png) right no-repeat;
		width: 270px !important;
		height: 66px;
		background-size: 53.5% !important;
	}

	.arribo-de-datos:nth-child(odd) h3{
		color: #e87444;
		text-transform: uppercase;
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 0px;
		padding-top: 23px;
		text-align: right;
		margin-right: 160px !important;
	}

	.arribo-de-datos:nth-child(odd) p{
		text-align: right;
		margin-right: 160px !important;
	}

	.proceso:nth-child(even) h3{
		color: #b185c8;
		text-transform: uppercase;
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 0px;
		margin-left: 160px !important;
		padding-top: 23px;
	}

	.proceso:nth-child(even) p{
		margin-left: 160px !important;
	}

	.habilitacion:nth-child(odd) h3{
		color: #d8ae54;
		text-transform: uppercase;
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 0px;
		padding-top: 23px;
		text-align: right;
		margin-right: 160px !important;
	}

	.habilitacion:nth-child(odd) p{
		text-align: right;
		margin-right: 160px !important;
	}

	.aprobacion:nth-child(even) h3{
		color: #9cc885;
		text-transform: uppercase;
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 0px;
		padding-top: 23px;
		text-align: left;
		margin-left: 160px !important;
	}

	.aprobacion:nth-child(even) p{
		text-align: left;
		margin-left: 160px !important;
	}

	.proceso-finalizado:nth-child(odd) h3{
		color: #2b78a7;
		text-transform: uppercase;
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 0px;
		padding-top: 23px;
		text-align: right;
		margin-right: 160px !important;
	}

	.proceso-finalizado:nth-child(odd) p{
		text-align: right;
		margin-right: 160px !important;
	}

	.alerta-de-vencimiento:nth-child(even) h3{
		color: #cd6161;
		text-transform: uppercase;
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 0px;
		padding-top: 23px;
		text-align: left;
		margin-left: 160px !important;
	}

	.alerta-de-vencimiento:nth-child(even) p{
		text-align: left;
		margin-left: 160px !important;
	}

	.cierre:nth-child(odd) h3{
		color: #6fc0b5;
		text-transform: uppercase;
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 0px;
		padding-top: 23px;
		text-align: right;
		margin-right: 160px !important;
	}

	.cierre:nth-child(odd) p{
		text-align: right;
		margin-right: 160px !important;
	}


	/* "Trazabilidad emisión - columna izquierda (al revés) " */

	.arribo-de-datos:nth-child(even){
		background: url(../portal/trazabilidad/img/img-tra-1-b.png) left no-repeat;
		width: 270px !important;
		height: 66px;
		background-size: 53.5% !important;
	}

	.proceso:nth-child(odd){
		background: url(../portal/trazabilidad/img/img-tra-2-a.png) right no-repeat;
		width: 270px !important;
		height: 66px;
		background-size: 53.5% !important;
	}

	.habilitacion:nth-child(even){
		background: url(../portal/trazabilidad/img/img-tra-3-b.png) left no-repeat;
		width: 270px !important;
		height: 66px;
		background-size: 53.5% !important;
	}

	.aprobacion:nth-child(odd){
		background: url(../portal/trazabilidad/img/img-tra-4-a.png) right no-repeat;
		width: 270px !important;
		height: 66px;
		background-size: 53.5% !important;
	}

	.proceso-finalizado:nth-child(even){
		background: url(../portal/trazabilidad/img/img-tra-5-b.png) left no-repeat;
		width: 270px !important;
		height: 66px;
		background-size: 53.5% !important;
	}

	.alerta-de-vencimiento:nth-child(odd){
		background: url(../portal/trazabilidad/img/img-tra-6-a.png) right no-repeat;
		width: 270px !important;
		height: 66px;
		background-size: 53.5% !important;
	}

	.cierre:nth-child(even){
		background: url(../portal/trazabilidad/img/img-tra-7-b.png) left no-repeat;
		width: 270px !important;
		background-size: 53.5% !important;
		height: 66px;
	}

	.arribo-de-datos:nth-child(even) h3{
		color: #e87444;
		text-transform: uppercase;
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 0px;
		padding-top: 23px;
		text-align: left;
		margin-left: 160px !important;
	}

	.arribo-de-datos:nth-child(even) p{
		text-align: left;
		margin-left: 160px !important;
	}

	.proceso:nth-child(odd) h3{
		color: #b185c8;
		text-transform: uppercase;
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 0px;
		margin-right: 160px !important;
		padding-top: 23px;
		text-align: right;
	}

	.proceso:nth-child(odd) p{
		margin-right: 160px !important;
		text-align: right;
	}

	.habilitacion:nth-child(even) h3{
		color: #d8ae54;
		text-transform: uppercase;
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 0px;
		padding-top: 23px;
		text-align: left;
		margin-left: 160px !important;
	}

	.habilitacion:nth-child(even) p{
		text-align: left;
		margin-left: 160px !important;
	}

	.aprobacion:nth-child(odd) h3{
		color: #9cc885;
		text-transform: uppercase;
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 0px;
		padding-top: 23px;
		text-align: right;
		margin-right: 160px !important;
	}

	.aprobacion:nth-child(odd) p{
		text-align: right;
		margin-right: 160px !important;
	}

	.proceso-finalizado:nth-child(even) h3{
		color: #2b78a7;
		text-transform: uppercase;
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 0px;
		padding-top: 23px;
		text-align: left;
		margin-left: 160px !important;
	}

	.proceso-finalizado:nth-child(even) p{
		text-align: left;
		margin-left: 160px !important;
	}

	.alerta-de-vencimiento:nth-child(odd) h3{
		color: #cd6161;
		text-transform: uppercase;
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 0px;
		padding-top: 23px;
		text-align: right;
		margin-right: 160px !important;
	}

	.alerta-de-vencimiento:nth-child(odd) p{
		text-align: right;
		margin-right: 160px !important;
	}

	.cierre:nth-child(even) h3{
		color: #6fc0b5;
		text-transform: uppercase;
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 0px;
		padding-top: 23px;
		text-align: left;
		margin-left: 160px !important;
	}

	.cierre:nth-child(even) p{
		text-align: left;
		margin-left: 160px !important;
	}

	/* "Trazabilidad emisión - columna izquierda (al derecho gris) " */

	.arribo-de-datos.gris:nth-child(odd){
		background: url(../portal/trazabilidad/img/img-tra-1-a-gris.png) right no-repeat;
		width: 270px !important;
		background-size: 53.5% !important;
	}

	.proceso.gris:nth-child(even){
		background: url(../portal/trazabilidad/img/img-tra-2-b-gris.png) left no-repeat;
		width: 270px !important;
		background-size: 53.5% !important;

	}

	.habilitacion.gris:nth-child(odd){
		background: url(../portal/trazabilidad/img/img-tra-3-a-gris.png) right no-repeat;
		width: 270px !important;
		background-size: 53.5% !important;

	}

	.aprobacion.gris:nth-child(even){
		background: url(../portal/trazabilidad/img/img-tra-4-b-gris.png) left no-repeat;
		width: 270px !important;
		background-size: 53.5% !important;
		
	}

	.proceso-finalizado.gris:nth-child(odd){
		background: url(../portal/trazabilidad/img/img-tra-5-a-gris.png) right no-repeat;
		width: 270px !important;
		background-size: 53.5% !important;
		height: 66px;
	}

	.alerta-de-vencimiento.gris:nth-child(even){
		background: url(../portal/trazabilidad/img/img-tra-6-b-gris.png) left no-repeat;
		width: 270px !important;
		height: 66px;
		background-size: 53.5% !important;
	}

	.cierre.gris:nth-child(odd){
		background: url(../portal/trazabilidad/img/img-tra-7-a-gris.png) right no-repeat;
		width: 270px !important;
		height: 66px;
		background-size: 53.5% !important;
	}

	.arribo-de-datos.gris:nth-child(even) h3{
		color: #999;
	}

	.arribo-de-datos.gris:nth-child(odd) p{
		text-align: right;
		margin-right: 160px !important;
	}

	.proceso.gris:nth-child(even) h3{
		color: #999;

	}

	.proceso.gris:nth-child(odd) p{
		margin-left: 160px !important;
	}

	.habilitacion.gris:nth-child(even) h3{
		color: #999;
	}

	.habilitacion.gris:nth-child(odd) p{
		text-align: right;
		margin-right: 160px !important;
	}

	.aprobacion.gris:nth-child(even) h3{
		color: #999;
	}

	.aprobacion.gris:nth-child(odd) p{
		text-align: left;
		margin-left: 160px !important;
	}

	.proceso-finalizado.gris:nth-child(even) h3{
		color: #999;
	}

	.proceso-finalizado.gris:nth-child(odd) p{
		text-align: right;
		margin-right: 160px !important;
	}

	.alerta-de-vencimiento.gris:nth-child(even) h3{
		color: #999;
	}

	.alerta-de-vencimiento.gris:nth-child(odd) p{
		text-align: left;
		margin-left: 160px !important;
	}

	.cierre.gris:nth-child(even) h3{
		color: #999;
	}

	.cierre.gris:nth-child(odd) p{
		text-align: right;
		margin-right: 160px !important;
	}


	/* "Trazabilidad emisión - columna izquierda (al revés gris) " */

	.arribo-de-datos.gris:nth-child(even){
		background: url(../portal/trazabilidad/img/img-tra-1-b-gris.png) left no-repeat;
		width: 270px !important;
		height: 66px;
		background-size: 53.5% !important;
	}

	.proceso.gris:nth-child(odd){
		background: url(../portal/trazabilidad/img/img-tra-2-a-gris.png) right no-repeat;
		width: 270px !important;
		height: 66px;
		background-size: 53.5% !important;
	}

	.habilitacion.gris:nth-child(even){
		background: url(../portal/trazabilidad/img/img-tra-3-b-gris.png) left no-repeat;
		width: 270px !important;
		height: 66px;
		background-size: 53.5% !important;
	}

	.aprobacion.gris:nth-child(odd){
		background: url(../portal/trazabilidad/img/img-tra-4-a-gris.png) right no-repeat;
		width: 270px !important;
		height: 66px;
		background-size: 53.5% !important;
	}

	.proceso-finalizado.gris:nth-child(even){
		background: url(../portal/trazabilidad/img/img-tra-5-b-gris.png) left no-repeat;
		width: 270px !important;
		height: 66px;
		background-size: 53.5% !important;
	}

	.alerta-de-vencimiento.gris:nth-child(odd){
		background: url(../portal/trazabilidad/img/img-tra-6-a-gris.png) right no-repeat;
		width: 270px !important;
		height: 66px;
		background-size: 53.5% !important;
	}

	.cierre.gris:nth-child(even){
		background: url(../portal/trazabilidad/img/img-tra-7-b-gris.png) left no-repeat;
		width: 270px !important;
		height: 66px;
		background-size: 53.5% !important;
	}

	.arribo-de-datos.gris:nth-child(odd) h3{
		color: #999;
	}

	.arribo-de-datos.gris:nth-child(even) p{
		text-align: left;
		margin-left: 160px !important;
	}

	.proceso.gris:nth-child(odd) h3{
		color: #999;
	}

	.proceso.gris:nth-child(even) p{
		margin-right: 160px !important;
		text-align: right;
	}

	.habilitacion.gris:nth-child(odd) h3{
		color: #999;
	}

	.habilitacion.gris:nth-child(even) p{
		text-align: left;
		margin-left: 160px !important;
	}

	.aprobacion.gris:nth-child(odd) h3{
		color: #999;
	}

	.aprobacion.gris:nth-child(even) p{
		text-align: right;
		margin-right: 160px !important;
	}

	.proceso-finalizado.gris:nth-child(odd) h3{
		color: #999;
	}

	.proceso-finalizado.gris:nth-child(even) p{
		text-align: left;
		margin-left: 160px !important;
	}

	.alerta-de-vencimiento.gris:nth-child(odd) h3{
		color: #999;
	}

	.alerta-de-vencimiento.gris:nth-child(even) p{
		text-align: right;
		margin-right: 160px !important;
	}

	.cierre.gris:nth-child(odd) h3{
		color: #999;
	}

	.cierre.gris:nth-child(even) p{
		text-align: left;
		margin-left: 160px !important;
	}

}

/* Tablas */

.tbody-blank{
	background: inherit;
	padding: inherit;
	border: inherit;
}

.thead-blank{
	background: inherit;
	color: inherit;
	text-transform: uppercase;
	text-shadow: none;
	border: inherit;
}

tbody{
	background: #fff;
	padding: 0px 30px;
	border: 1px solid #dedede;
}

thead{
	background: #03788f;
	color: #fff;
	text-transform: uppercase;
	text-shadow: none;
	border: 1px solid #03788f;
}

.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td {
	padding: 8px;
}

/* Cierra "Tablas" */
.altura10{
	height: 10px;
}
.altura20{
	height: 20px;
}

.btn-primary{
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
}

/* "Trazabilidad emisión" */

.traza-camion{
	background: url(../portal/trazabilidad/img/img-traza-camion-tabla.png) top left no-repeat;
	height: 27px;
	float: left;
	padding-left: 60px;
	padding-top: 5px;
}

.linea-todo{
	background: url(../portal/trazabilidad/img/linea-medio.jpg) center repeat-y;
	width: 365px;
	min-height: 460px;
	float: left;
}

.linea-todo-arriba{
	background: url(../portal/trazabilidad/img/img-tra-punto.png) center no-repeat;
	width: 365px;
	height: 16px;
}

.linea-todo-centro{
	width: 365px;
	min-height: 16px;
	min-height: 428px;
}

/* "Trazabilidad emisión - columna izquierda (al derecho) " */

.arribo-de-datos:nth-child(odd){
	background: url(../portal/trazabilidad/img/img-tra-1-a.png) right no-repeat;
	width: 365px;
	height: 66px;
}


.proceso:nth-child(even){
	background: url(../portal/trazabilidad/img/img-tra-2-b.png) left no-repeat;
	width: 365px;
	height: 66px;
}

.habilitacion:nth-child(odd){
	background: url(../portal/trazabilidad/img/img-tra-3-a.png) right no-repeat;
	width: 365px;
	height: 66px;
}

.aprobacion:nth-child(even){
	background: url(../portal/trazabilidad/img/img-tra-4-b.png) left no-repeat;
	width: 365px;
	height: 66px;
}

.proceso-finalizado:nth-child(odd){
	background: url(../portal/trazabilidad/img/img-tra-5-a.png) right no-repeat;
	width: 365px;
	height: 66px;
}

.alerta-de-vencimiento:nth-child(even){
	background: url(../portal/trazabilidad/img/img-tra-6-b.png) left no-repeat;
	width: 365px;
	height: 66px;
}

.cierre:nth-child(odd){
	background: url(../portal/trazabilidad/img/img-tra-7-a.png) right no-repeat;
	width: 365px;
	height: 66px;
}

.arribo-de-datos:nth-child(odd) h3{
	color: #e87444;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0px;
	padding-top: 23px;
	text-align: right;
	margin-right: 200px;
}

.arribo-de-datos:nth-child(odd) p{
	text-align: right;
	margin-right: 200px;
}

.proceso:nth-child(even) h3{
	color: #b185c8;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0px;
	margin-left: 200px;
	padding-top: 23px;
}

.proceso:nth-child(even) p{
	margin-left: 200px;
}

.habilitacion:nth-child(odd) h3{
	color: #d8ae54;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0px;
	padding-top: 23px;
	text-align: right;
	margin-right: 200px;
}

.habilitacion:nth-child(odd) p{
	text-align: right;
	margin-right: 200px;
}

.aprobacion:nth-child(even) h3{
	color: #9cc885;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0px;
	padding-top: 23px;
	text-align: left;
	margin-left: 200px;
}

.aprobacion:nth-child(even) p{
	text-align: left;
	margin-left: 200px;
}

.proceso-finalizado:nth-child(odd) h3{
	color: #2b78a7;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0px;
	padding-top: 23px;
	text-align: right;
	margin-right: 200px;
}

.proceso-finalizado:nth-child(odd) p{
	text-align: right;
	margin-right: 200px;
}

.alerta-de-vencimiento:nth-child(even) h3{
	color: #cd6161;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0px;
	padding-top: 23px;
	text-align: left;
	margin-left: 200px;
}

.alerta-de-vencimiento:nth-child(even) p{
	text-align: left;
	margin-left: 200px;
}

.cierre:nth-child(odd) h3{
	color: #6fc0b5;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0px;
	padding-top: 23px;
	text-align: right;
	margin-right: 200px;
}

.cierre:nth-child(odd) p{
	text-align: right;
	margin-right: 200px;
}


/* "Trazabilidad emisión - columna izquierda (al revés) " */

.arribo-de-datos:nth-child(even){
	background: url(../portal/trazabilidad/img/img-tra-1-b.png) left no-repeat;
	width: 365px;
	height: 66px;
}

.proceso:nth-child(odd){
	background: url(../portal/trazabilidad/img/img-tra-2-a.png) right no-repeat;
	width: 365px;
	height: 66px;
}

.habilitacion:nth-child(even){
	background: url(../portal/trazabilidad/img/img-tra-3-b.png) left no-repeat;
	width: 365px;
	height: 66px;
}

.aprobacion:nth-child(odd){
	background: url(../portal/trazabilidad/img/img-tra-4-a.png) right no-repeat;
	width: 365px;
	height: 66px;
}

.proceso-finalizado:nth-child(even){
	background: url(../portal/trazabilidad/img/img-tra-5-b.png) left no-repeat;
	width: 365px;
	height: 66px;
}

.alerta-de-vencimiento:nth-child(odd){
	background: url(../portal/trazabilidad/img/img-tra-6-a.png) right no-repeat;
	width: 365px;
	height: 66px;
}

.cierre:nth-child(even){
	background: url(../portal/trazabilidad/img/img-tra-7-b.png) left no-repeat;
	width: 365px;
	height: 66px;
}

.arribo-de-datos:nth-child(even) h3{
	color: #e87444;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0px;
	padding-top: 23px;
	text-align: left;
	margin-left: 200px;
}

.arribo-de-datos:nth-child(even) p{
	text-align: left;
	margin-left: 200px;
}

.proceso:nth-child(odd) h3{
	color: #b185c8;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0px;
	margin-right: 200px;
	padding-top: 23px;
	text-align: right;
}

.proceso:nth-child(odd) p{
	margin-right: 200px;
	text-align: right;
}

.habilitacion:nth-child(even) h3{
	color: #d8ae54;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0px;
	padding-top: 23px;
	text-align: left;
	margin-left: 200px;
}

.habilitacion:nth-child(even) p{
	text-align: left;
	margin-left: 200px;
}

.aprobacion:nth-child(odd) h3{
	color: #9cc885;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0px;
	padding-top: 23px;
	text-align: right;
	margin-right: 200px;
}

.aprobacion:nth-child(odd) p{
	text-align: right;
	margin-right: 200px;
}

.proceso-finalizado:nth-child(even) h3{
	color: #2b78a7;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0px;
	padding-top: 23px;
	text-align: left;
	margin-left: 200px;
}

.proceso-finalizado:nth-child(even) p{
	text-align: left;
	margin-left: 200px;
}

.alerta-de-vencimiento:nth-child(odd) h3{
	color: #cd6161;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0px;
	padding-top: 23px;
	text-align: right;
	margin-right: 200px;
}

.alerta-de-vencimiento:nth-child(odd) p{
	text-align: right;
	margin-right: 200px;
}

.cierre:nth-child(even) h3{
	color: #6fc0b5;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0px;
	padding-top: 23px;
	text-align: left;
	margin-left: 200px;
}

.cierre:nth-child(even) p{
	text-align: left;
	margin-left: 200px;
}

/* "Trazabilidad emisión - columna izquierda (al derecho gris) " */

.arribo-de-datos.gris:nth-child(odd){
	background: url(../portal/trazabilidad/img/img-tra-1-a-gris.png) right no-repeat;
}

.proceso.gris:nth-child(even){
	background: url(../portal/trazabilidad/img/img-tra-2-b-gris.png) left no-repeat;

}

.habilitacion.gris:nth-child(odd){
	background: url(../portal/trazabilidad/img/img-tra-3-a-gris.png) right no-repeat;

}

.aprobacion.gris:nth-child(even){
	background: url(../portal/trazabilidad/img/img-tra-4-b-gris.png) left no-repeat;
	
}

.proceso-finalizado.gris:nth-child(odd){
	background: url(../portal/trazabilidad/img/img-tra-5-a-gris.png) right no-repeat;
	width: 365px;
	height: 66px;
}

.alerta-de-vencimiento.gris:nth-child(even){
	background: url(../portal/trazabilidad/img/img-tra-6-b-gris.png) left no-repeat;
	width: 365px;
	height: 66px;
}

.cierre.gris:nth-child(odd){
	background: url(../portal/trazabilidad/img/img-tra-7-a-gris.png) right no-repeat;
	width: 365px;
	height: 66px;
}

.arribo-de-datos.gris:nth-child(even) h3{
	color: #999;
}

.arribo-de-datos.gris:nth-child(odd) p{
	text-align: right;
	margin-right: 200px;
}

.proceso.gris:nth-child(even) h3{
	color: #999;

}

.proceso.gris:nth-child(odd) p{
	margin-left: 200px;
}

.habilitacion.gris:nth-child(even) h3{
	color: #999;
}

.habilitacion.gris:nth-child(odd) p{
	text-align: right;
	margin-right: 200px;
}

.aprobacion.gris:nth-child(even) h3{
	color: #999;
}

.aprobacion.gris:nth-child(odd) p{
	text-align: left;
	margin-left: 200px;
}

.proceso-finalizado.gris:nth-child(even) h3{
	color: #999;
}

.proceso-finalizado.gris:nth-child(odd) p{
	text-align: right;
	margin-right: 200px;
}

.alerta-de-vencimiento.gris:nth-child(even) h3{
	color: #999;
}

.alerta-de-vencimiento.gris:nth-child(odd) p{
	text-align: left;
	margin-left: 200px;
}

.cierre.gris:nth-child(even) h3{
	color: #999;
}

.cierre.gris:nth-child(odd) p{
	text-align: right;
	margin-right: 200px;
}


/* "Trazabilidad emisión - columna izquierda (al revés gris) " */

.arribo-de-datos.gris:nth-child(even){
	background: url(../portal/trazabilidad/img/img-tra-1-b-gris.png) left no-repeat;
	width: 365px;
	height: 66px;
}

.proceso.gris:nth-child(odd){
	background: url(../portal/trazabilidad/img/img-tra-2-a-gris.png) right no-repeat;
	width: 365px;
	height: 66px;
}

.habilitacion.gris:nth-child(even){
	background: url(../portal/trazabilidad/img/img-tra-3-b-gris.png) left no-repeat;
	width: 365px;
	height: 66px;
}

.aprobacion.gris:nth-child(odd){
	background: url(../portal/trazabilidad/img/img-tra-4-a-gris.png) right no-repeat;
	width: 365px;
	height: 66px;
}

.proceso-finalizado.gris:nth-child(even){
	background: url(../portal/trazabilidad/img/img-tra-5-b-gris.png) left no-repeat;
	width: 365px;
	height: 66px;
}

.alerta-de-vencimiento.gris:nth-child(odd){
	background: url(../portal/trazabilidad/img/img-tra-6-a-gris.png) right no-repeat;
	width: 365px;
	height: 66px;
}

.cierre.gris:nth-child(even){
	background: url(../portal/trazabilidad/img/img-tra-7-b-gris.png) left no-repeat;
	width: 365px;
	height: 66px;
}

.arribo-de-datos.gris:nth-child(odd) h3{
	color: #999;
}

.arribo-de-datos.gris:nth-child(even) p{
	text-align: left;
	margin-left: 200px;
}

.proceso.gris:nth-child(odd) h3{
	color: #999;
}

.proceso.gris:nth-child(even) p{
	margin-right: 200px;
	text-align: right;
}

.habilitacion.gris:nth-child(odd) h3{
	color: #999;
}

.habilitacion.gris:nth-child(even) p{
	text-align: left;
	margin-left: 200px;
}

.aprobacion.gris:nth-child(odd) h3{
	color: #999;
}

.aprobacion.gris:nth-child(even) p{
	text-align: right;
	margin-right: 200px;
}

.proceso-finalizado.gris:nth-child(odd) h3{
	color: #999;
}

.proceso-finalizado.gris:nth-child(even) p{
	text-align: left;
	margin-left: 200px;
}

.alerta-de-vencimiento.gris:nth-child(odd) h3{
	color: #999;
}

.alerta-de-vencimiento.gris:nth-child(even) p{
	text-align: right;
	margin-right: 200px;
}

.cierre.gris:nth-child(odd) h3{
	color: #999;
}

.cierre.gris:nth-child(even) p{
	text-align: left;
	margin-left: 200px;
}

/* "Trazabilidad emisión - columna derecha " */

.col-der-1{
	width: 100px;
	float: left;
	text-align: center;
}

.col-der-todo p{
	width: 100px;
	float: left;
	text-align: center;

}

.titulo-camion1{
	color: #2b78a7;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: bold;
	height: 25px;
}

.img-camion1{
	background: url(../portal/trazabilidad/img/img-traza-camion1.jpg) top center no-repeat;
	float: left;
	height: 41px;
	width: 100px;
}

.img-camion1-gris{
	background: url(../portal/trazabilidad/img/img-traza-camion1-gris.jpg) top center no-repeat;
	float: left;
	height: 41px;
	width: 100px;
}

.col-der-2{
	width: 100px;
	float: left;
	text-align: center;
	margin-left: 25px;

}

.titulo-camion2{
	color: #9cc885;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: bold;
	height: 25px;
}

.img-camion2{
	background: url(../portal/trazabilidad/img/img-traza-camion2.jpg) top center no-repeat;
	float: left;
	height: 45px;
	width: 100px;
}

.img-camion2-gris{
	background: url(../portal/trazabilidad/img/img-traza-camion2-gris.jpg) top center no-repeat;
	float: left;
	height: 45px;
	width: 100px;
}

.col-der-3{
	width: 100px;
	float: left;
	text-align: center;
	margin-left: 30px;

}

.titulo-camion3{
	color: #5cb870;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: bold;
	height: 34px;
}

.img-camion3{
	background: url(../portal/trazabilidad/img/img-traza-camion3.jpg) top center no-repeat;
	float: left;
	height: 36px;
	width: 100px;
}

.img-camion3-gris{
	background: url(../portal/trazabilidad/img/img-traza-camion3-gris.jpg) top center no-repeat;
	float: left;
	height: 36px;
	width: 100px;
}

.img-reporte1{
	background: url(../portal/trazabilidad/img/img-traza-carta3.jpg) top center no-repeat;
	float: left;
	height: 47px;
	width: 100px;
	margin-top: -5px;
}

.img-reporte1-gris{
	background: url(../portal/trazabilidad/img/img-traza-carta3-gris.jpg) top center no-repeat;
	float: left;
	height: 47px;
	width: 100px;
	margin-top: -5px;
}

.img-reloj2{
	background: url(../portal/trazabilidad/img/img-traza-carta2.jpg) top center no-repeat;
	float: left;
	height: 49px;
	width: 100px;
}

.img-reloj2-gris{
	background: url(../portal/trazabilidad/img/img-traza-carta2-gris.jpg) top center no-repeat;
	float: left;
	height: 49px;
	width: 100px;
}

.img-mail1{
	background: url(../portal/trazabilidad/img/img-traza-carta1.jpg) top center no-repeat;
	float: left;
	height: 33px;
	width: 100px;
	margin-top: 10px;
}

.img-mail1-gris{
	background: url(../portal/trazabilidad/img/img-traza-carta1-gris.jpg) top center no-repeat;
	float: left;
	height: 33px;
	width: 100px;
	margin-top: 10px;
}

.img-sms1{
	background: url(../portal/trazabilidad/img/img-traza-cel1.jpg) top center no-repeat;
	float: left;
	height: 53px;
	width: 100px;
}

.img-sms1-gris{
	background: url(../portal/trazabilidad/img/img-traza-cel1-gris.jpg) top center no-repeat;
	float: left;
	height: 53px;
	width: 100px;
}

.col-der-separa{
	background: url(../portal/trazabilidad/img/img-traza-linea3.jpg) top center no-repeat;
	height: 13px;
	width: 360px;
	float: left;
	margin-top: 5px;
}

.col-der-separa-gris{
	background: url(../portal/trazabilidad/img/img-traza-linea3-gris.jpg) top center no-repeat;
	height: 13px;
	width: 360px;
	float: left;
	margin-top: 5px;
}

.col-der-separa-1gris{
	background: url(../portal/trazabilidad/img/img-traza-linea3-1gris.jpg) top center no-repeat;
	height: 13px;
	width: 360px;
	float: left;
	margin-top: 5px;
}

.col-der-separa-2gris{
	background: url(../portal/trazabilidad/img/img-traza-linea3-2gris.jpg) top center no-repeat;
	height: 13px;
	width: 360px;
	float: left;
	margin-top: 5px;
}

.col-der-separa2{
	background: url(../portal/trazabilidad/img/img-traza-linea2.jpg) top center no-repeat;
	height: 13px;
	width: 360px;
	float: left;
	margin-top: 5px;
}

.col-der-separa2-gris{
	background: url(../portal/trazabilidad/img/img-traza-linea2-gris.jpg) top center no-repeat;
	height: 13px;
	width: 360px;
	float: left;
	margin-top: 5px;
}

.col-der-separa2-2gris{
	background: url(../portal/trazabilidad/img/img-traza-linea2-2gris.jpg) top center no-repeat;
	height: 13px;
	width: 360px;
	float: left;
	margin-top: 5px;
}

.col-der-todo{
	width: 360px;
	float: left;
	border-bottom: 1px solid #e6e4e2;
}

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

/* "Agregar esta clase para deshabilitar la columna derecha" */

.saturacion{
	filter: saturate(0%);
	-webkit-filter: saturate(0%);
	-moz-filter: saturate(0%);
	-o-filter: saturate(0%);
	-ms-filter: saturate(0%);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

/* "Trazabilidad set" */

a.mas-info:link,a.mas-info:visited,a.mas-info:active{
	color: #515151;
	background: url(../img/icon-mas.jpg) top left no-repeat;
	height: 16px;
	padding-left: 22px;
	-webkit-transition: 0.2s ease;
	-moz-transition: 0.2s ease;
	-ms-transition: 0.2s ease;
	-o-transition: 0.2s ease;
	transition: 0.2s ease;
	background-position: 0px 3px;
}

a.mas-info:hover{
	background: url(../img/icon-mas.jpg) bottom left no-repeat;
	color: #0066a9;
	text-decoration: none;
	background-position: 0px -16px;
}

.icon-bien{
	background: url(../portal/trazabilidad/img/icon-bien.jpg) top left no-repeat;
	height: 14px;
	width: 16px;
	float: left;
}

.icon-mal{
	background: url(../portal/trazabilidad/img/icon-mal.jpg) top left no-repeat;
	height: 13px;
	width: 13px;
	float: left;
}

/* "Graficas" */

.tamano-grafica2{
	width: 100%;
	min-height: 300px;
	float: left;
}

 .tamano-grafica{
	/* width: 480px; */
	min-height: 300px;
	float: left;
} 

/* .datos-grafica{
	background-color: #fff;
	width: -moz-calc(100% - 10px);
	width: -webkit-calc(100% - 10px);
	width: -o-calc(100% - 10px);
	width: -ms-calc(100% - 10px);
	width: calc(100% - 10px);
	height: 300px;
	float: left;
} */

@media (min-width: 1220px) {
/* 	.datos-grafica{
		background-color: #fff;
		width: 480px;
		height: 300px;
		float: right;
		margin-right: 20px;
	} */
}

/* "Campañas definiciones" */
a.icon-buscar:link,a.icon-buscar:active,a.icon-buscar:visited,a.icon-buscar:hover{
	background: url(../img/icon-buscar.jpg) top left no-repeat;
	height: 21px;
	width: 21px;
	float: left;
	margin-left: 10px;
}
/* "Menú lateral nuevo" */

.navbar-header{
	float: left;
}

.cuadro-azul{
	float: left;
	height: 13px;
	width: 13px;
	background: #0774a1;
}

.cuadro-naranja{
	float: left;
	height: 13px;
	width: 13px;
	background: #ec7040;
}

.cuadro-azul-todo{
	float: left;
	width: 100px;
}

.cuadro-azul-todo{
	float: left;
	width: 100px;
}

.texto-activas{
	float: left;
	margin-top: -5px;
	margin-left: 5px;
}

.cuadro-index{
	background: rgba(1,46,85,1);
	background: -moz-linear-gradient(left, rgba(1,46,85,1) 0%, rgba(9,96,154,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(1,46,85,1)), color-stop(100%, rgba(9,96,154,1)));
	background: -webkit-linear-gradient(left, rgba(1,46,85,1) 0%, rgba(9,96,154,1) 100%);
	background: -o-linear-gradient(left, rgba(1,46,85,1) 0%, rgba(9,96,154,1) 100%);
	background: -ms-linear-gradient(left, rgba(1,46,85,1) 0%, rgba(9,96,154,1) 100%);
	background: linear-gradient(to right, rgba(1,46,85,1) 0%, rgba(9,96,154,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#012e55', endColorstr='#09609a', GradientType=1 );
	padding: 30px;
	min-height: 130px;
	float: left;
}

.cuadro-index h1{
	color: #fff;	
	float: left;
}

.cuadro-index p{
	color: #fff;
	float: left;
}

.icon-stock2{
	background: transparent url("../img/icon-stock2.png") no-repeat scroll left center;
	float: left;
	height: 65px;
	width: 57px;
}

.icon-principal2{
	background: transparent url("../img/icon-principal2.png") no-repeat scroll left center;
	float: left;
	height: 65px;
	width: 57px;
}

.icon-trazabilidad2{
	background: transparent url("../img/icon-trazabilidad2.png") no-repeat scroll left center;
	float: left;
	height: 65px;
	width: 57px;
}

.icon-totales2{
	background: transparent url("../img/icon-totales2.png") no-repeat scroll left center;
	float: left;
	height: 65px;
	width: 57px;
}

.icon-campanas2{
	background: transparent url("../img/icon-campanas2.png") no-repeat scroll left center;
	float: left;
	height: 65px;
	width: 57px;
}

.icon-emails2{
	background: transparent url("../img/icon-emails2.png") no-repeat scroll left center;
	float: left;
	height: 65px;
	width: 57px;
}

.icon-sms2{
	background: transparent url("../img/icon-sms2.png") no-repeat scroll left center;
	float: left;
	height: 65px;
	width: 57px;
}

.icon-muestras2{
	background: transparent url("../img/icon-muestras2.png") no-repeat scroll left center;
	float: left;
	height: 65px;
	width: 57px;
}

.icon-interactive2{
	background: transparent url("../img/icon-interactive2.png") no-repeat scroll left center;
	float: left;
	height: 65px;
	width: 57px;
}

.icon-sts2{
	background: transparent url("../img/icon-sts2.png") no-repeat scroll left center;
	float: left;
	height: 65px;
	width: 57px;
}

.icon-soporte2{
	background: transparent url("../img/icon-soporte2.png") no-repeat scroll left center;
	float: left;
	height: 65px;
	width: 57px;
}

.icon-distribucion2{
	background: transparent url("../img/icon-distribucion2.png") no-repeat scroll left center;
	float: left;
	height: 65px;
	width: 57px;
}

.icon-cobranza2{
	background: transparent url("../img/icon-cobranza2.png") no-repeat scroll left center;
	float: left;
	height: 65px;
	width: 57px;
}

.icon-morosidad2{
	background: transparent url("../img/icon-morosidad2.png") no-repeat scroll left center;
	float: left;
	height: 65px;
	width: 57px;
}

.icon-administracion2{
	background: transparent url("../img/icon-administracion2.png") no-repeat scroll left center;
	float: left;
	height: 65px;
	width: 57px;
}

.alto-icon{
	height: 100%;
	float: left;
}

.float-derecha{
	float: right;
	width: -moz-calc(100% - 70px);
	width: -webkit-calc(100% - 70px);
	width: -o-calc(100% - 70px);
	width: -ms-calc(100% - 70px);
	width: calc(100% - 70px);
}

.panel-default > .panel-heading {
    color: #333;
    background-color: transparent !important;
    border-color: #ddd;
    height: inherit;
}

.texto-panel{
	text-decoration: none;
	margin-left: 20px;
}

.texto-panel:hover{
	text-decoration: none;
}

a.panel-heading .texto-panel:hover{
	text-decoration: none;
}

.icon-mas{
	float: right;
    margin-right: 20px;
    margin-top: -15px;
}

.panel-heading{
	height: 40px;
}

.ul-emision{
	list-style: none;
}

.ul-emision li{
    margin-left: 60px;
    float: left;
    width: -moz-calc(100% - 60px);
	width: -webkit-calc(100% - 60px);
	width: -o-calc(100% - 60px);
	width: -ms-calc(100% - 60px);
    width: calc(100% - 60px);
}

.titulo-emi{
	margin-bottom: -20px;
}

.filtros .btn-primary{
	 margin-top: 10px;
	 margin-right: 20px;
}

.btn-primary {
    color: #33333b !important;
    background-color: #fff !important;
    border-color: #cccccc !important;
}

.btn-primary:hover {
    color: #03788f !important;
    background-color: #fff !important;
    border-color: #03788f !important;
}

.imagen-slider{
	width: 100%;
	float: left;
	height: auto;
	max-height: 500px;
	background-size: 100%;
}

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

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

.celda-azul{
	background: #03788f;
	color: #fff;
	text-transform: uppercase;
	text-shadow: none;
	border: 1px solid #03788f;
}



.def_tra{
	background: initial;
    color: inherit;
    text-transform: uppercase;
    text-shadow: none;
    border: 1px solid #dedede;
}

.center{
	text-align: center;
	color: #5e605f !important;
}

.center h1{
	text-align: center;
	color: #5e605f !important;
	margin-top: 30px;
}

.texto-index{
	font-size: 20px;
}

.pie{
	background:url(../img/logo-garino.jpg) center left no-repeat #03788f;
	height: 60px;
	width:100%;
	float: left;
	box-shadow: 30px 0px #03788f;
    background-position: 20px 10px;
    color: #fff;
}

.texto-pie{
	float: right;
	margin-top:35px;
}

.ancho-tabla-max{
	max-width: 1280px;
	margin-bottom: 40px;
}

.img-slider-row{
	float: left;
	background-size: 100% 100%;
	width: -moz-calc(100% + 30px);
	width: -webkit-calc(100% + 30px);
	width: -o-calc(100% + 30px);
	width: -ms-calc(100% + 30px);
    width: calc(100% + 30px);
}

/* Small devices (tablets, 992px and down) */
@media screen and (max-width: 992px) {
  .table-desktop{display: none;}
  .table-movil{display: block;}
}

/* Medium devices (desktops, 992px and up) */
@media screen and (min-width: 992px) {
  .table-desktop{display: block;}
  .table-movil{display: none;}
}

.table-movil{
	border:1px solid #dddddd;
/* 	padding: 15px; */
	background: #fff;
	float: left;
	margin-bottom: 20px;
	width: 100%;
}

.divide-linea-gris{
	border-bottom:1px solid #e8e8e8;
	margin-bottom: 10px;
	padding-top: 10px;
}


.item-principal{
	background: #03738f;
	height: 54px;
    padding-top: 6px;
    color: #fff;
}

.color-blanco{
    color: #fff !important;
}

.navbar {
    margin-bottom: 0px;
    height: 100%;
	padding-bottom: 30px;
}

.fondo-celeste{
	background: #03788f;
	color: #fff !important;
	text-transform: uppercase;
	font-size: 22px;
	padding: 7px 0px;
	margin-bottom: 20px;
}

.linea-gris{
	border-bottom: 1px solid #b2b2b2;
}

.texto-configuracion{
	color: #000;
	font-size: 15px;
	margin: 10px 0px 0px 0px;
}


.divs-configuracion{
	width: 100%;
	text-align: center;
	margin:0 auto;
}

.div-configuracion{
/* 	width: 180px; */
	margin: 15px;
	height:140px;
	position:relative;
	display: inline-block;
}

.correccion-mozilla{
	width: 100%;
	clear: both;
}

.left-boton-mozilla{
	margin-top: 20px;
	margin-left: 0px;
}

 .ancho-100{
 	width: 100%;
}

.pickListSelect{
	min-height: 200px;
}

.pagination > .active > a{
    background-color: #03788f;
    border-color: #03788f;
}

.pagination > li {
    color: #03788f;
}

.texto-panel {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: -moz-calc(100% - 60px);
	width: -webkit-calc(100% - 60px);
	width: -o-calc(100% - 60px);
	width: -ms-calc(100% - 60px);
    width: calc(100% - 60px);
}

#dual_y_div{
    background: white !important;
    padding: 10px;
    width: -moz-calc(100% - 20px) !important;
	width: -webkit-calc(100% - 20px) !important;
	width: -o-calc(100% - 20px) !important;
	width: -ms-calc(100% - 20px) !important;
    width: calc(100% - 20px) !important;
}

.ancho-iconos-colores{
    max-width:400px;
}

@media (min-width: 0px) and (max-width: 319px) {
	.graficas-con-scroll{
		width: 200px !important;
		overflow-x: auto;
		overflow-y: hidden;
	}

	.graficas-con-scroll2{
		width: 200px !important;
		overflow-x: auto;
		overflow-y: hidden;
		background: #fff;
	}
}

@media (min-width: 320px) and (max-width: 359px) {
	.graficas-con-scroll{
		width: 230px !important;
		overflow-x: auto;
		overflow-y: hidden;
	}

	.graficas-con-scroll2{
		width: 230px !important;
		overflow-x: auto;
		overflow-y: hidden;
		background: #fff;
	}
}

@media (min-width: 360px) and (max-width: 419px) {
	.graficas-con-scroll{
		width: 260px !important;
		overflow-x: auto;
		overflow-y: hidden;
	}

	.graficas-con-scroll2{
		width: 260px !important;
		overflow-x: auto;
		overflow-y: hidden;
		background: #fff;
	}
}

@media (min-width: 420px) and (max-width: 479px) {
	.graficas-con-scroll{
		width: 320px !important;
		overflow-x: auto;
		overflow-y: hidden;
	}

	.graficas-con-scroll2{
		width: 320px !important;
		overflow-x: auto;
		overflow-y: hidden;
		background: #fff;
	}
}

@media (min-width: 480px) and (max-width: 539px) {
	.graficas-con-scroll{
		width: 390px !important;
		overflow-x: auto;
		overflow-y: hidden;
	}

	.graficas-con-scroll2{
		width: 390px !important;
		overflow-x: auto;
		overflow-y: hidden;
		background: #fff;
	}
}

@media (min-width: 540px) and (max-width: 619px) {
	.graficas-con-scroll{
		width: 450px !important;
		overflow-x: auto;
		overflow-y: hidden;
	}

	.graficas-con-scroll2{
		width: 450px !important;
		overflow-x: auto;
		overflow-y: hidden;
		background: #fff;
	}
}

@media (min-width: 620px) and (max-width: 767px) {
	.graficas-con-scroll{
		width: 530px !important;
		overflow-x: auto;
		overflow-y: hidden;
	}

	.graficas-con-scroll2{
		width: 530px !important;
		overflow-x: auto;
		overflow-y: hidden;
		background: #fff;
	}
}

@media (min-width: 768px){
	.graficas-con-scroll{
		width: 100% !important;
		overflow-x: auto;
		overflow-y: hidden;
	}

	.graficas-con-scroll2{
		width: 100% !important;
		overflow-x: auto;
		overflow-y: hidden;
		background: #fff;
	}
}

.adm_cli_cli{
	min-width: 165px;
	margin-right: 30px;
}

.adm_cli_bot{
	margin-left: 0px;
}

.adm_cre_cli_url{
	width:250px;
}

.adm_cre_cli_agr{
	margin-top: -2px;
}

.adm_cre_cli_err{
	margin-top: 10px;
}

.adm_cre_gru_fun{
	font-size: 16px;
}

.adm_edi_acc_err{
	margin-top: 10px;
}

.adm_edi_cli_url{
	width:250px;
}

.adm_edi_cli_agr{
	margin-top: -2px;
}

.adm_edi_cli_border_none{
	border:none;
}

.adm_gru_gru{
	min-width: 216px;
	margin-right: 20px;
}

.adm_gru_tra{
	min-width: 221px;
	margin-right: 20px;
}

.adm_gru_nug{
	margin-left: 0px;
}

.adm_haOT_tra{
	min-width: 170px; 
	margin-right: 20px;
}

.adm_haOT_trb{
	width: 122px;
}

.adm_haOT_cli{
	min-width: 154px; 
	margin-right: 30px;
}

.adm_haOT_est{
	min-width: 168px; 
	margin-right: 30px;
}

.adm_men_err{
	margin-top: 10px;
}

.pag_cent{
	text-align:center;
}

.adm_tra_tra{
	min-width: 225px;
	margin-right: 20px;
}

.adm_tra_cli{
	min-width: 165px;
	margin-right: 30px;
}

.adm_tra_nut{
	margin-left: 0px;
}

.adm_usu_usu{
	min-width: 221px;
	margin-right: 20px;
}

.adm_usu_nuu{
	margin-left: 0px;
}

.adm_vau_acc{
	word-wrap: break-word;
}

.adm_vse_ser{
	margin-bottom:5px;
}

.adm_vse_srs{
	margin-left: 140px;
}

.adm_vse_tst{
	padding:20px;
	margin-top:10px;
	margin-right:20px;
	margin-left:20px;
}

.width-30{
	width: 30%;
}

.width-40{
	width: 40%;
}

.adm_vse_tin{
	border:0px none;
	width: 100%; 
}

.adm_vse_vol{
	padding: 3px;
	padding-left: 40%;
}

.adm_vse_bov{
	width: 150px;
	color: #fff;
	background-color: #286090;
	border-color: #204d74;
}

.top_men_err{
	margin-top: 10px;
}

.int_tim_est{
	min-width: 178px;
	margin-right: 30px;
}

.vis-hidden{
	visibility:hidden;
	height: 0px;
}

.int_def_est{
	min-width: 178px;
	margin-right: 30px;
}

.mai_eem_cam{
	 min-width: 178px;
	 margin-right: 30px;
}

.mai_ese_emi{
	 min-width: 158px;
	 margin-right: 12px;
}

.mai_ese_em2{
	width: 100px; 
}

.mai_ese_cam{
	 min-width: 178px;
	 margin-right: 30px; 
}

.mai_ese_cue{
	 min-width: 178px;
	 margin-right: 30px;
}

.mai_egr_cam{
	min-width: 178px;
	margin-right: 30px;
}

.mai_egr_emi{
	min-width: 158px;
	margin-right: 12px;
}

.mai_ehg_cam{
	min-width: 178px;
	margin-right: 30px;
}

.menu_fil_inp{
	 width: 160px;
}

.pru_ws_div{
	 border-style: solid;
	 border-width: 1px;
	 width:600px;
	 padding:20px;
}

.pru_ws_ord{
	width:170px; 
	margin-top:5px;
}

.sto_tip{
	min-width: 158px;
	margin-right: 30px;
}

.pru_ws_fec{
	width:170px; 
	margin-top:5px; 
}

.pru_ws_env{
	width:70px; 
	margin-top:5px;
}

.pru_ws_d{
	margin-top:20px;
	padding: 0px;
}
.pru_ws_l{
	margin-top:5px;
	padding: 0px;
}
.pru_ws_di{
	 margin-top:10px;
	 padding: 0px;
}
.pru_ws_t{
	width: 600px;
}

.sms_sem_cam{
	 min-width: 178px;
	 margin-right: 30px;
}

.sms_sse_emi{
	 min-width: 158px;
	 margin-right: 12px;
}

.sms_sse_em2{
	width: 100px; 
}

.sms_sse_cam{
	 min-width: 178px;
	 margin-right: 30px; 
}

.sms_sse_cue{
	 min-width: 178px;
	 margin-right: 30px;
}

.sms_egr_cam{
	min-width: 178px;
	margin-right: 30px;
}

.sms_egr_emi{
	min-width: 158px;
	margin-right: 12px;
}

.sms_ehg_cam{
	min-width: 178px;
	margin-right: 30px;
}

.tot_emi{
	min-width: 158px;
	margin-right: 12px;
}

.sts_emi{
	min-width: 158px;
	margin-right: 12px;
}

.sts_est{
	min-width: 158px;
	margin-right: 30px;
}

.tot_lot{
	 min-width: 203px;
	 margin-right: 20px;
}

.inf_emi_the{
	background-color: #cdcdcd; 
	border: 1px solid #cdcdcd;
}

.inf_emi_div{
	 max-width:400px;
}

.inf_emi_th2{
	background-color: #cdcdcd; 
	border: 1px solid #cdcdcd;
}

.width-50{
	width: 50%;
}

.tra_emi_emi{
	min-width: 160px;
	margin-right: 20px;
}

.tra_emi_lot{
	min-width: 144px;
	margin-right: 20px;
}

.tra_emi_the{
	background-color: #cdcdcd; 
	border: 1px solid #cdcdcd;
}

.tra_ent_emi{
	min-width: 160px;
	margin-right: 11px;
}

.tra_ent_lot{
	min-width: 186px;
	margin-right: 30px;
}

.tra_ent_cue{
	min-width: 186px;
	margin-right: 30px;
}

.tra_set_emi{
	min-width: 160px;
	margin-right: 11px;
}

.tra_set_lot{
	min-width: 186px;
	margin-right: 30px;
}

.tra_set_cue{
	min-width: 186px;
	margin-right: 30px;
}

.pl6{
	padding-left: 6px;
}

.checkbox_align{
	vertical-align: bottom;
    position: relative;
    top: -2.6px;
}

@media screen and (min-width: 460px){
	.pag-movil {
	    display: none;
	}
}

@media screen and (min-width: 460px){
	.pag-desktop {
	    display: block;
	}
}

@media screen and (max-width: 460px){
	.pag-movil {
	    display: block;
	    font-size: 11px;
	}
}

@media screen and (max-width: 460px){
	.pag-desktop {
	    display: none;
	}
}






.p-acotado-sts {
	word-wrap: break-word;
	max-width: 300px;
}

@media screen and (max-width: 1400px) {
  	.p-acotado-sts {
		word-wrap: break-word;
		max-width: 200px;
	}
}

@media screen and (max-width: 1157px) {
  	.p-acotado-sts {
		word-wrap: break-word;
		max-width: 150px;
	}
}

@media screen and (max-width: 1015px) {
  	.p-acotado-sts {
		word-wrap: break-word;
		max-width: 85px;
	}
}




.p-acotado {
	width: calc(100% - 50px);
	word-wrap: break-word;
	max-width: 646px;
}

.div-movil{
	padding-left: 10px;
	padding-right: 0px;
	padding-top: 10px;
}


@media screen and (max-width: 1015px) {
  	.p-acotado {
		word-wrap: break-word;
		max-width: 486px;
	}
}

@media screen and (max-width: 767px) {
  	.p-acotado {
		word-wrap: break-word;
		max-width: 550px;
	}
}

@media screen and (max-width: 650px) {
  	.p-acotado {
		word-wrap: break-word;
		max-width: 450px;
	}
}

@media screen and (max-width: 600px) {
  	.p-acotado {
		word-wrap: break-word;
		max-width: 420px;
	}
}

@media screen and (max-width: 570px) {
  	.p-acotado {
		word-wrap: break-word;
		max-width: 450px;
	}
}

@media screen and (max-width: 500px) {
  	.p-acotado {
		word-wrap: break-word;
		max-width: 300px;
	}
}

@media screen and (max-width: 400px) {
  	.p-acotado {
		word-wrap: break-word;
		max-width: 263px;
	}
}

@media screen and (max-width: 320px) {
  	.p-acotado {
		word-wrap: break-word;
		max-width: 245px;
	}
}

.clear10-linea-gris{
	clear: both; 
	height: 10px;
	border-bottom:1px solid #e8e8e8;
}

.clear10-linea-gris-movil{
	clear: both; 
	height: 10px;
	border-bottom:1px solid #e8e8e8;
}

@media screen and (max-width: 767px) {
	.clear10-linea-gris{
		display: none;
	}
}

@media screen and (min-width: 768px) {
	.clear10-linea-gris-movil{
		display: none;
	}
}

@media screen and (max-width: 767px) {
  	.mod-seb {
		margin-left:-8px;
		padding-left: 0px;
	}
}

@media screen and (min-width: 992px) {
	.subee{
		margin-top: -25px;
	}
}

@media screen and (max-width: 380px) {
  	.div_entrega {
		width: 95%;
	}
}

@media screen and (max-width: 320px) {
  	.div_entrega {
		width: 90%;
	}
}

@media screen and (max-width: 767px) {
	.mov_pickListButtons{
		height: 50px;
		padding-top: 13px !important;
		padding-left: 15px !important;
		text-align: center;
	}
	.pickListButtons button {float: none;}
}

@media screen and (min-width: 768px) {
	.col-sm-5-seba{
		width: calc(50% - 25px);
	}
	.pickListButtons {
		width: 50px;
	}
}

.gris{
	color:#999;
}

.acot-ch{
	word-wrap: break-word;
    max-width: 74px !important;
}

.acot-md{
	word-wrap: break-word;
    max-width: 100px !important;
}

.acot-gr{
	word-wrap: break-word;
    max-width: 130px !important;
}

.acot-xgr{
	word-wrap: break-word;
    max-width: 150px !important;
}

.acot-xgr-usr{
	word-wrap: break-word;
    max-width: 150px !important;
}

@media screen and (max-width: 1090px) {
	.acot-xgr-usr{
		word-wrap: break-word;
	    max-width: 100px !important;
	}
}


.acot-xgr-gr1{
	word-wrap: break-word;
    max-width: 250px !important;
}

.acot-xgr-gr{
	word-wrap: break-word;
    max-width: 150px !important;
}

@media screen and (max-width: 1090px) {
	.acot-xgr-gr{
	word-wrap: break-word;
    max-width: 150px !important;
	}
}

.dang{
	margin-top: 10px;
}
   
.not-active {
   pointer-events: none;
   cursor: default;
   color: gainsboro;
} 

.texto-slider h1{
	color: #757575 !important;
}

.texto-slider {
    left: 4%;
    width: 76%;
}

@media screen and (max-width: 1028px) {
	.usuario{
    	max-width: 80% !important;
	}
}

@media screen and (max-width: 992px) {
	.usuario{
    	max-width: 70% !important;
    	font-size: 14px;
	}
}

@media screen and (max-width: 767px) {
	.usuario{
    	max-width: 80% !important;
	}
}

@media screen and (max-width: 680px) {
	.usuario{
    	max-width: 70% !important;
	}
}

@media screen and (max-width: 550px) {
	.usuario{
    	max-width: 100% !important;
	}
}


@media screen and (max-width: 450px) {
	.usuario{
    	max-width: 100% !important;
    	font-size: 13px;
	}
}

@media screen and (max-width: 390px) {
	.usuario{
    	font-size: 10px;
	}
}

.link-disabled {
   pointer-events: none;
   cursor: default;
} 

.usuario_a{
	background: url(../img/icon-usuario-ayuda.jpg) bottom center no-repeat;
	height: 18px;
	width: 18px;
	margin-bottom: -4px;
}

.soporte_a{
	background: url(../img/icon-telefonista-ayuda.jpg) bottom center no-repeat;
	height: 18px;
	width: 18px;
	margin-bottom: -4px;
}

.ayuda_a{
	background: url(../img/icon-ayuda-ayuda.jpg) bottom center no-repeat;
	height: 18px;
	width: 18px;
	margin-bottom: -4px;
}

.logout_a{
	background: url(../img/icon-salir-ayuda.jpg) bottom center no-repeat;
	height: 18px;
	width: 18px;
	margin-bottom: -4px;
}

.cant_usos_a{
	background: url(../img/icon-buscar-ayuda.jpg) bottom center no-repeat;
	height: 21px;
	width: 21px;
	margin-bottom: -6px;
}

.estado_activado_a{
	background: url(../img/estado_activado-ayuda.jpg) bottom center no-repeat;
	height: 24px;
	width: 41px;
	margin-bottom: -9px;
}

.estado_desactivado_a{
	background: url(../img/estado_desactivado-ayuda.jpg) bottom center no-repeat;
	height: 24px;
	width: 41px;
	margin-bottom: -9px;
}

.clase1{
/* 	background-color: red;
	color: blue; */
}

.clase1 a { 
	border: 1px solid #286090 !important;
    background: #286090 !important;
    color: #ffffff !important;
}

.clase2{

}

.clase_emi_fox{
	text-align: left;
	margin-left: 0px;
	padding-left: 0px; 
	font-weight: 600;
}

.clase_emi_titulo_fox{
	background-color: #027890; 
	color: #fff; 
	text-transform: uppercase;
	text-shadow: none;
	padding-left: 9px;
}

.clase_emi_entrega_fox{
	background-color: #fafafa; 
	text-transform: uppercase;
	text-shadow: none;
	padding-left: 9px; 
	border-width: 1px !important; 
	border-color: #dedede;    
	border-top-style: inherit;
}

.clase_emi_entrega_int_fox{
	text-align: left;
	margin-left: 0px;
	padding-left: 0px;
}

.clase_emi_entrega_int_mob_fox{
	border-top-style: ridge; 
	border-top: 1px solid #e8e8e8;
}

.btn_leyendas{
	color: #027890 !important; 
	background-color: #faf7f4 !important; 
	margin-right: 5px !important; 
	font-size: 16px !important;
}

.form-control.pl6.has-error:focus {
    border-color: #fe7878 !important;
}