/*!
 * Estilo general
 * para toda la web
 * check list:
 * index: ok
 * login-cliente: ok (no necesita)
 * menu-cliente: ok
 * listadoPosiciones: ok
 * listadoDescargas: ok
 */
 
.img_login_cliente, .img_cartas_porte, .img_tipos_camiones {
    width: 110px;
    height: 110px;
    margin:0;
    padding:0;
}
.img_posiciones, .img_posiciones_ago, .img_descargas, .img_archivos, .img_listados {
    height:110px;
    width: 110px;
    margin:0;
    padding:0;
}
.boton {
    height:110px;
    width: 110px;
    margin:0;
    padding:0;
}
#logo {
	/* medidas/1.6 */
    height:103px;
    width: 182px;
    margin:auto;
    padding:0;
    background-image: url('/imagenes/logo.png');
    background-size: 100% 100%;
}
#logo_lg {
	/* medidas/1.6 */
    height:103px;
    width: 182px;
    margin:auto;
    padding:0;
    background-image: url('/imagenes/logo.png');
    background-size: 100% 100%;
}
/* Nav Header: */
.notification {
  position: relative;
  display: inline-block;
  border-radius: 2px;
}

.notification:hover {
  background: red;
}

.notification .badge {
  position: absolute;
  top: -10px;
  right: -10px;
  padding: 5px 10px;
  border-radius: 50%;
  background-color: red;
  color: white;
}
/* Fin Nav Header: */

/* For width 400px and larger: */
@media only screen and (min-width: 400px) {
	.img_login_cliente, .img_cartas_porte, .img_tipos_camiones {
	    width: 180px;
	    height: 180px;
	    margin:0;
	    padding:0;
	}
	.img_posiciones, .img_posiciones_ago, .img_descargas, .img_archivos, .img_listados {
	    height:180px;
	    width: 180px;
	    margin:0;
	    padding:0;
	}
	.boton {
	    height:180px;
	    width: 180px;
	    margin:0;
	    padding:0;
	}
	#logo {
	    height:165px;
	    width: 291px;
	}
	#logo_lg {
	    height:103px;
	    width: 182px;
	}
}

.img_login_cliente, .img_login_cliente:focus {
    background-image: url('/imagenes/bot_1.png');
    background-size: 100% 100%;
}
.img_login_cliente:hover {
    background-image: url('/imagenes/bot_1_hover.png');
    background-size: 100% 100%;
}
.img_login_cliente:active {
    background-image: url('/imagenes/bot_1_click.png');
    background-size: 100% 100%;
}

.img_cartas_porte, .img_cartas_porte:focus {
    background-image: url('/imagenes/bot_21.png');
    background-size: 100% 100%;
}
.img_cartas_porte:hover {
    background-image: url('/imagenes/bot_21_hover.png');
    background-size: 100% 100%;
}
.img_cartas_porte:active {
    background-image: url('/imagenes/bot_21_click.png');
    background-size: 100% 100%;
}

.img_tipos_camiones, .img_tipos_camiones:focus {
    background-image: url('/imagenes/bot_3.png');
    background-size: 100% 100%;
}
.img_tipos_camiones:hover {
    background-image: url('/imagenes/bot_3_hover.png');
    background-size: 100% 100%;
}
.img_tipos_camiones:active {
    background-image: url('/imagenes/bot_3_click.png');
    background-size: 100% 100%;
}


.img_posiciones, .img_posiciones:focus {
    background-image: url('/imagenes/bot_posiciones.png');
    background-size: 100% 100%;
}
.img_posiciones:hover {
    background-image: url('/imagenes/bot_posiciones_hover.png');
    background-size: 100% 100%;
}
.img_posiciones:active {
    background-image: url('/imagenes/bot_posiciones_click.png');
    background-size: 100% 100%;
}
.img_posiciones_ago, .img_posiciones_ago:focus {
    background-image: url('/imagenes/bot_posiciones_ago.png');
    background-size: 100% 100%;
}
.img_posiciones_ago:hover {
    background-image: url('/imagenes/bot_posiciones_ago_hover.png');
    background-size: 100% 100%;
}
.img_posiciones_ago:active {
    background-image: url('/imagenes/bot_posiciones_ago_click.png');
    background-size: 100% 100%;
}
.img_descargas, .img_descargas:focus {
    background-image: url('/imagenes/bot_descargas.png');
    background-size: 100% 100%;
}
.img_descargas:hover {
    background-image: url('/imagenes/bot_descargas_hover.png');
    background-size: 100% 100%;
}
.img_descargas:active {
    background-image: url('/imagenes/bot_descargas_click.png');
    background-size: 100% 100%;
}
.img_archivos, .img_archivos:focus {
    background-image: url('/imagenes/bot_archivos.png');
    background-size: 100% 100%;
}
.img_archivos:hover {
    background-image: url('/imagenes/bot_archivos_hover.png');
    background-size: 100% 100%;
}
.img_archivos:active {
    background-image: url('/imagenes/bot_archivos_click.png');
    background-size: 100% 100%;
}
.img_listados, .img_listados:focus {
    background-image: url('/imagenes/bot_listados.png');
    background-size: 100% 100%;
}
.img_listados:hover {
    background-image: url('/imagenes/bot_listados_hover.png');
    background-size: 100% 100%;
}
.img_listados:active {
    background-image: url('/imagenes/bot_listados_click.png');
    background-size: 100% 100%;
}

#preload {
   position:absolute; width:0; height:0; overflow:hidden; z-index:-1; // hide images
   content:url('/imagenes/bot_1.png') url('/imagenes/bot_1_hover.png') url('/imagenes/bot_1_click.png') url('/imagenes/bot_2.png') url('/imagenes/bot_2_hover.png') url('/imagenes/bot_2_click.png') url('/imagenes/bot_3.png') url('/imagenes/bot_3_hover.png') url('/imagenes/bot_3_click.png') url('/imagenes/bot_posiciones.png') url('/imagenes/bot_posiciones_hover.png') url('/imagenes/bot_posiciones_click.png') url('/imagenes/bot_posiciones_ago.png') url('/imagenes/bot_posiciones_ago_hover.png') url('/imagenes/bot_posiciones_ago_click.png') url('/imagenes/bot_descargas.png') url('/imagenes/bot_descargas_hover.png') url('/imagenes/bot_descargas_click.png') url('/imagenes/bot_archivos.png') url('/imagenes/bot_archivos_hover.png') url('/imagenes/bot_archivos_click.png') url('/imagenes/bot_listados.png') url('/imagenes/bot_listados_hover.png') url('/imagenes/bot_listados_click.png');   // load images
}

#preload01 { background: url(/imagenes/bot_1_hover.png) no-repeat -9999px -9999px; }
#preload02 { background: url(/imagenes/bot_1_click.png) no-repeat -9999px -9999px; }
#preload03 { background: url(/imagenes/bot_2_hover.png) no-repeat -9999px -9999px; }
#preload04 { background: url(/imagenes/bot_2_click.png) no-repeat -9999px -9999px; }
#preload04 { background: url(/imagenes/bot_3_hover.png) no-repeat -9999px -9999px; }
#preload06 { background: url(/imagenes/bot_3_click.png) no-repeat -9999px -9999px; }
#preload07 { background: url(/imagenes/bot_posiciones_hover.png) no-repeat -9999px -9999px; }
#preload08 { background: url(/imagenes/bot_posiciones_click.png) no-repeat -9999px -9999px; }
#preload09 { background: url(/imagenes/bot_posiciones_ago_hover.png) no-repeat -9999px -9999px; }
#preload10 { background: url(/imagenes/bot_posiciones_ago_click.png) no-repeat -9999px -9999px; }
#preload11 { background: url(/imagenes/bot_descargas_hover.png) no-repeat -9999px -9999px; }
#preload12 { background: url(/imagenes/bot_descargas_click.png) no-repeat -9999px -9999px; }
#preload13 { background: url(/imagenes/bot_archivos_hover.png) no-repeat -9999px -9999px; }
#preload14 { background: url(/imagenes/bot_archivos_click.png) no-repeat -9999px -9999px; }
#preload15 { background: url(/imagenes/bot_listados_hover.png) no-repeat -9999px -9999px; }
#preload16 { background: url(/imagenes/bot_listados_click.png) no-repeat -9999px -9999px; }


/* Secciones que usan tablas: */
.table-responsive {
    width: 98%;
    margin-bottom: 15px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #DDD;
}
.my-custom-scrollbar {
	position: relative;
	height: 30%;
	max-height: 500px;
	overflow: auto;
}
.table-wrapper-scroll-y {
	display: block;
}
.table-filtros {
	width: 40%;
	min-width: 300px;
}
table th {
		/*...all th attributes like padding etc*/
		background-color:#D9D7DE;
		/* padding: 8px; */
}
.planta-activa {
	background-color:#C3D5D6;
}
/* FIN Secciones que usan tablas: */

/* modificaciones a bordes de modal (bootstrap): */
.modal-content  {
    -webkit-border-radius: 20px !important;
    -moz-border-radius: 20px !important;
    border-radius: 20px !important;
    border-width: thick;
    border-color: #86AEBB;
}
.busq-filtros-modal {
    height:250px;
    overflow-y: scroll;
}
.busq-filtros-modal table th, .busq-filtros-modal table td  {
    padding-top:1px;
    padding-bottom:1px;
    margin:0;
    /* background-color: #DF9393; */
}
.link-tmodal {
    padding:0;
    margin:0;
    color:#1E90FF;
    text-decoration: underline;
    /* background-color: #F3F382; */
}

.form-rounded {
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}

/* Tamanio botones admin */
.botonmenu {
    min-width:4rem;
}