/*IMAGEN CORPORATIVA COLORES*/
/*
azul - 99C 98M 03Y 00K, 015R 034G 140B y #0f228c
gris - 48C 45M 48Y 00K, 146R 137 G 129B y #928981
*/

.titulos-tabla {color:#0f228c; }
.buque:hover { background-color:#D2D9E3; }
.buque { cursor: pointer; }

/*ICONOS*/
.iconesperados {
  width: 28px;
  height: 28px;
  display: inline-block;
  margin-left: 4px;
  
  -webkit-mask: url(http://pizarras.gruponogar.com/es/icons/esperados.svg) no-repeat 50% 50%;
  mask: url(http://pizarras.gruponogar.com/es/icons/esperados.svg) no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
}

.iconfondeados {
  width: 28px;
  height: 28px;
  display: inline-block;
  margin-left: 4px;
  
  -webkit-mask: url(http://pizarras.gruponogar.com/es/icons/fondeados.svg) no-repeat 50% 50%;
  mask: url(http://pizarras.gruponogar.com/es/icons/fondeados.svg) no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
}

.iconatracados {
  width: 28px;
  height: 28px;
  display: inline-block;
  margin-left: 4px;
  
  -webkit-mask: url(http://pizarras.gruponogar.com/es/icons/atracados.svg) no-repeat 50% 50%;
  mask: url(http://pizarras.gruponogar.com/es/icons/atracados.svg) no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
}
.iconreparacion {
  width: 28px;
  height: 28px;
  display: inline-block;
  margin-left: 4px;
  
  -webkit-mask: url(http://pizarras.gruponogar.com/es/icons/reparacion.svg) no-repeat 50% 50%;
  mask: url(http://pizarras.gruponogar.com/es/icons/reparacion.svg) no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
}

.iconcolor-brown { background-color: brown; }
.iconcolor-black { background-color: #333; }


/*LOGIN*/

.btn.green:not(.btn-outline) {
    color: #FFF;
    background-color: #10238C;
    border-color: #10238C;
}
.btn.green:not(.btn-outline):hover {
    color: #FFF;
    background-color: #152FBD;
    border-color: #152FBD;
}
a {
    color: #10238C;
}

/*HEADER*/
.page-content > .container {width:100% !important;}
.page-header .page-header-top .page-logo .logo-default {
    margin: 20px 0 0;
}
.page-header .page-header-menu, .page-footer {
    background: #0f228c;
}
@media screen and (max-width: 999px) {
	.page-header .page-header-menu {
    background: #fff;
}
}
@media screen and (max-width: 400px) {
	.page-header .page-header-top .page-logo .logo-default {
    width:150px;
	margin: 27px 0 0;
}
}
.page-header .page-header-menu .hor-menu .navbar-nav>li.open>a, .page-header .page-header-menu .hor-menu .navbar-nav>li:hover>a, .page-header .page-header-menu .hor-menu .navbar-nav>li>a:active, .page-header .page-header-menu .hor-menu .navbar-nav>li>a:hover {
    color: #fff !important;
	background: #0E234B;
    
}
.page-header-menu .hor-menu .navbar-nav>li>a:hover  {background: #0E234B !important;color: #fff;}
.page-header-menu .hor-menu .navbar-nav>li>a.seleccionado{
	color: #0E234B !important;
	font-weight:bold !important;
    background: #D2D9E3 !important;
}
.page-header .page-header-menu .search-form .input-group .form-control, .page-header .page-header-menu .search-form .input-group {
    color: #fff;
    background: #899CB8 ;
}
.page-header .page-header-menu .search-form .input-group .input-group-btn .btn.submit>i {
    color: #fff;
}
.detalle-buque .font-green {color:#2F353B !important;}
.detalle-buque {
	overflow:hidden;
	
	}
.detalle-buque .portlet.light {float:right;}
.detalle-buque .info-add {
	list-style:none;
	padding-left:0px;
	width:100%;
	margin-right:0%;
	float:left;
	overflow:hidden;
	}
.detalle-buque .info-add li {
	width:100%;
	float:left;
	padding-bottom:5px;
	}
.detalle-buque .info-add li div:first-child {font-weight:bold;}
.detalle-buque .info-add li div {
	padding-right:1%;
	float:left;
	font-size:13px;
	}
.detalle-buque .info-add li div:nth-child(1) {
	width:33%;
	}
.detalle-buque .info-add li div:nth-child(2) {
	width:66%;
	}
        

@media  (max-width: 1661px) {
    .listado-buques .origdest {
	/*sólo mostrar esta columna en pantallas grandes*/
        display:none;
	}
.listado-buques div.nombre {
	width: calc(30% - 100px);
	}
.listado-buques div.empresa {
	width: calc(32% - 140px);
}
.listado-buques div.mercancia {
	width: calc(28% - 25px);
}

}

            
@media screen and (max-width: 999px) {
.detalle-buque {display:none;}
}
@media screen and (min-width: 999px) {
.panel-group.accordion {
	display:none;
	}
}
@media screen and (min-width: 1250px) {
.listado-buques div.nombre {
    width: calc(30% - 80px);
}
.listado-buques div.peso {
    width: 150px;
}
}
@media  (min-width: 1660px) {
    .panel-group.accordion {
	display:none;
    }
    
    .listado-buques div.nombre {
    width: calc(25% - 160px);
    }
    .listado-buques .origdest {
     width:17%;
            } 
    .listado-buques div.empresa {
	width: calc(29% - 180px);
    } 
    .listado-buques div.mercancia {
    width: calc(29% - 90px);
    }
}
.listado-buques {
	width: 100%;
	padding-left:0px;
	list-style:none;
	border:1px solid #f4f4f4;
	overflow:hidden;
	}
.listado-buques > li {
	width:100%;
	float:left;
	clear:both;
	padding:10px 0px;
	border-top:1px solid #f4f4f4;
	}
.listado-buques li > div {float:left;padding-left:1%;min-height:1px;}

.listado-buques div.puerto {
	width:60px;
	}

.listado-buques div.fecha {
	width:120px;
	}
.listado-buques div.hora {
	width:9%;
	}
.listado-buques div.destino {
	width:15%;
	}
.listado-buques div.carga {
	width:60px;
}

.listado-buques div.peso {
	width:90px;
	}

.derecha {
	text-align: right;
	}

@media screen and (max-width: 999px) {
.listado-buques div.nombre, .listado-buques div.fecha, .listado-buques div.hora, .listado-buques div.destino, .listado-buques div.empresa, .listado-buques div.carga, .listado-buques div.peso, .listado-buques div.mercancia, .listado-buques div.puerto {
	display:none;
	}
.listado-buques {
	border:none;
	}
.listado-buques > li {
	padding:0px 0px;
	border-top:none;
	}
.listado-buques li > div {float:left;padding-left:0%;}
.listado-buques .info-movil {display:none;}
.listado-buques .accordion {width:100%;margin-bottom:0px;}
.listado-buques .info-tablet {font-size:13px;}
.listado-buques .accordion .info-add {
	list-style:none;
	padding-left:0px;
	width:48%;
	margin-right:2%;
	float:left;
	}
.listado-buques .accordion .info-add li {
	width:100%;
	float:left;
	}
.listado-buques .accordion .info-add:first-child {border-right:1px solid #f4f4f4;}
.listado-buques .accordion .info-add li div:first-child {font-weight:bold;}
.listado-buques .accordion .info-add li div {
	width:50%;
	padding-right:1%;
	float:left;
	}
.page-header .page-header-menu .search-form .input-group .form-control {background:#f4f4f4 !important;}
.page-header .search-form .input-group .input-group-btn .btn.submit {background:#10238C !important;}
.page-header .page-header-menu .search-form .input-group .input-group-btn .btn.submit i {top:10px !important;}
}
@media screen and (max-width: 620px) {
.listado-buques .info-movil {display:block;width:100%;font-size:12px;line-height:14px;margin-top:4px;text-align:right;}
.listado-buques .info-tablet {display:none;}
.listado-buques .accordion .info-add {
	width:100%;
	margin-right:0%;
	}
.listado-buques .accordion .info-add:first-child {border-right:none;}

.accordion .panel .panel-title .accordion-toggle.accordion-toggle-styled.collapsed {
    background-position: right 22px;
}

}
@media screen and (max-width: 450px) {
	.accordion .panel .panel-title .accordion-toggle.accordion-toggle-styled.collapsed {
    background-position: right 32px;
}
}

@media screen and (min-width: 991px) {
.page-header-top {
	display:none;
	}
.page-header, .page-header .page-header-menu {height:auto;}

.page-header .page-header-menu .hor-menu .navbar-nav>li>a {
    padding: 5px 20px 5px 20px;
}

}
.page-head .page-title>h1 {
    font-size: 19px;
}
.portlet.light>.portlet-title {height:auto;}
.portlet.light>.portlet-title>.caption {
    padding: 0px 0;
	min-height:inherit;
}
.portlet.light>.portlet-title {min-height:inherit;}
.portlet>.portlet-title {margin-bottom:0px;border-bottom:none;}
.portlet.light .portlet-body {padding-top:2px;}
.listado-buques > li {padding: 2px 0px;}
.portlet {
    margin-top: 0;
    margin-bottom: 5px;
}
.portlet.light {
    padding: 5px 5px 1px 5px;
    background-color: #fff;
}
body {
    line-height: 16px;
}
.page-head .page-title {
    padding: 6px 0 8px;
}
.page-header .page-header-top .page-logo .logo-default {width:160px;height:auto;margin-top:5px;margin-bottom:5px;}
.page-header .page-header-top .menu-toggler {margin: 5px 3px 0 5px;}
.page-footer {
    font-size: 13px;
    font-weight: 300;
    padding: 5px 0;
}
.page-header .page-header-top .page-logo {height:auto;}

.titulos-tabla {display:none;}
@media screen and (min-width: 999px) {
	.titulos-tabla {display:block;background:#E8E8E8;font-weight:bold;text-transform:uppercase;font-size:13px;}
        .page-head {display:none;}

}
.listado-buques > div {padding:5px;float:left;}
@media screen and (max-width: 999px) {
    
.col-md-9.pizarra-buques    { padding-left: 0px; padding-right: 0px; }
    
.page-header .page-header-menu .hor-menu .navbar-nav>li>a:hover {
	color:#333 !important;
	background:inherit !important;
}
}

/*2017-11-10*/
.accordion .panel .panel-title .accordion-toggle {
    padding: 5px 15px;
}

@media print {
  /* Contenido del fichero print.css */
  header, footer, nav, aside, .detalle-buque, #accordion3 {
  display: none;
}

body {
  background-image: none;
  font-size: 10px !important;
  line-height: 11px !important;
}
.listado-buques div.nombre {
    width: calc(20% - 20px);
}
.listado-buques div.empresa {
    width:  calc(20% - 20px);
}
.listado-buques div.mercancia {
    width:  calc(20% - 20px);
}

.listado-buques .origdest {
    width: 14%;
     display:inline;
    }
    
    
.listado-buques div.puerto {
    width:40px;
    }

.listado-buques div.fecha {
	width:80px;
	}
.listado-buques div.hora {
	width:9%;
	}
.listado-buques div.destino {
	width:15%;
	}
.listado-buques div.carga {
	width:30px;
}

.listado-buques div.peso {
	width:60px;
	}
    
    
    
    
    
    
    
.listado-buques > li {
    padding: 0px 0px !important;
	border-top: 0px  !important;
}
.portlet>.portlet-title {
    margin-bottom: 0px !important;
}
.portlet.light {
    padding: 4px 4px 2px 4px !important;
}
.portlet {
    margin-top: 0;
    margin-bottom: 0px !important;
}

 img{
	width:10px !important;
	height:10px !important;
	}
 div.caption.font-dark > span{
	    font-size:10px !important;
	}
	
	
	
.titulos-tabla {
    display: block !important;
	}
.titulos-tabla > div {
	background: #E8E8E8 !important;
}
	

/*
a:after {
	content:" <" attr(href) ">";
}
a[href^=http]:after {
	content:" <" attr(href) ">";
}
h3 {
	page-break-before: always;
}
h3 + h3 {
	page-break-before: always;
}
ul, img, table {
	page-break-inside: avoid;
}*/


}
h4.panel-title .puerto, h4.panel-title .fecha, h4.panel-title .buque, h4.panel-title .puerto-posterior, h4.panel-title .mercancia {
    float: left;
}

.remarcar *{
	font-weight: 700;
	letter-spacing: -0.3;
}