/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Poppins:400,700');

:root {

	--blanco:#fff;
	--gris:#ccc;
	--negro:#111;
	--rojo:#f00;
	--gris-claro:#EBEBEB;
	--viamar-corp:#132455;
	--viamar-corp-sec:#101c3f;
	--viamar-amarillo:#fedd03;
	--error-bg:#f2dede;
	--error-border:#eed3d7;
	--error-color:#b94a48;
	--ok-bg:#d9edf7;
	--ok-border:#eed3d7;
	--ok-color:#3a87ad;
	--concontenido-color:#3C6;
	--info-bg:#D7F9DF;
	--info-border:#A8F4B1;
	--morado:#636;
	--viamar-sabado-normal:#fef2a4;
	--viamar-sabado-seleccionado:#fedd03;
	--viamar-domingo-normal:#e38686;
	--viamar-domingo-seleccionado:#f00;
	--viamar-festivo-normal:#ba7cba;
	--viamar-festivo-seleccionado:#636;

}

body {
	padding-top:76px;
	 font-family: 'Poppins', sans-serif;
	min-height:100vh;
	font-size:12px;
}

* {
	padding:0px;
	margin:0px;
	text-decoration:none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.clear {
	clear:both;
}

a{
	color:var(--viamar-corp);	
}

p{
	line-height:1em;
}

.flex {
	display: flex;
	flex-wrap: wrap;
}

img {
	max-width: 100%;
}

#conthome{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	display:flex;
	align-items:center;
	justify-content:center;
	background-image:url(../cdn/viamarbg.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}

#wrahomeform{
	background-color:var(--blanco);
    box-shadow: rgba(45, 62, 80, 0.12) 0px 1px 5px 0px;
    margin: 3px;
	padding:15px;
	min-width:320px;
	max-width:320px;
}

.btn-glow {
color:  var(--blanco);
display: inline-block;
vertical-align: middle;
cursor: pointer;
background-color: var(--viamar-corp);
padding:8px;
}

.btn-glow.red{
   background-color:  var(--rojo);
}

.btn-glow:hover {
color:var(--blanco);
text-decoration: none;
background-color: var(--viamar-corp-sec);
}

.btn-glow.all{
	display:block;
	width:100%;
	text-align:center;	
}

.main {
	
margin: 0 auto;
}



.panel_content{
	padding:10px;
	background-color:var(--blanco);	
}

.panel{
	background-color: var(--blanco);
    box-shadow: rgba(45, 62, 80, 0.12) 0px 1px 5px 0px;	
	border-radius: 3px;		
	margin:3px;
	padding:10px;
}

.panel_titulo{
	
	font-size:1.1em;
	border-bottom:1px dashed var(--gris);
	padding:10px;
}

.panel_pizarra {
	align-items:center;	
}

.panel_pizarra .panel_head{
	font-weight:600;	
}

.panel_pizarra .codigo{
	width:20%;
	padding:10px;
}

.panel_pizarra .nombre{
	width:40%;
	padding:10px;
}

.panel_pizarra .disponible{
	width:20%;
	padding:10px;
	text-align:center;
}

.panel_pizarra .asistencia{
	width:20%;
	padding:10px;
	text-align:center;
}

#head{
display:flex;
flex-wrap: wrap;
align-items: stretch;
justify-content: space-between;
background-color:var(--viamar-corp);
top: 0px;
left: 0px;
width: 100%;
position:fixed;
z-index:3003;
border-bottom:1px solid var(--viamar-corp);
}

#head #home {
	display:inline-block;
	
}
#head #home span{
	background-color:#fff;
	padding:10px;
	padding-right:20px;
	display:inline-block;	
}


#head #nav {
    
	display:flex;
	align-items: stretch;
}


#head #nav ul{
    list-style-type: none;
	display:flex;
	align-items: stretch;
}

#head #nav ul li {
    display:flex;
	align-items: stretch;
}

#head #nav li a {
display:flex;
align-items: center;
color: var(--blanco);
text-decoration:none;
background-color: var(--viamar-corp);
padding-left:10px;
padding-right:10px;
}

#head #nav li a:hover {
color: var(--viamar-corp);
text-decoration:none;
background-color: var(--viamar-amarillo);
}

#head #nav li a.current {
color: var(--viamar-corp);
background-color: var(--viamar-amarillo);
text-decoration:none;
}

#head #aux {
    
	display:flex;
	align-items: stretch;
}


#head #aux ul{
    list-style-type: none;
	display:flex;
	align-items: stretch;
}

#head #aux ul li {
    display:flex;
	align-items: stretch;
}

#head #aux li a {
display:flex;
align-items: center;
color: var(--blanco);
text-decoration:none;
background-color: var(--viamar-corp);
padding-left:10px;
padding-right:10px;
}

#head #aux li .falsea {
display:flex;
align-items: center;
color: var(--blanco);
text-decoration:none;
background-color: var(--viamar-corp);
padding-left:10px;
padding-right:10px;
cursor:default;
}

#head #aux li a:hover {
color: var(--blanco);
text-decoration:none;
background-color: var(--viamar-corp-sec);
}

#head #aux li a.current {
color: var(--blanco);
background-color: var(--viamar-corp-sec);
text-decoration:none;
}

#subhead{
min-height: 40px;
padding-left: 0px;
padding-right: 10px;
border-bottom: 1px solid #dae3e9;
background: var(--gris-claro);
z-index:1000;
}
#subhead li {
    float: left;
    position: relative;
    display: block;
}

#subhead li a {
    text-decoration: none;
    color: var(--rojo-corp);
    outline: 0px;
    height: 40px;
    transition: background .1s linear;
    -moz-transition: background .1s linear;
    -webkit-transition: background .1s linear;
    -o-transition: background .1s linear;
    line-height: 20px;
    position: relative;
    display: block;
    padding-top: 11px;
    padding-right: 10px;
    padding-bottom: 9px;
    padding-left: 10px;
}

#subhead li a.current {
    color: var(--negro);
    background-color: var(--gris);
    text-decoration: none;
}


#cont{
min-height:  calc(100vh - 120px);
margin-bottom:0px;
padding-top:15px;
padding-bottom: 70px;
position: relative;
background: #fff;
}


#cont.tool{

}

#cont.minitool{
margin-left: 100px;	
}


#cont.homebg{
    justify-content: center;
    background-image: url(../cdn/viamarbg.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	font-size:0.9em;
	
	min-height: calc(100vh - 52px);
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
	
}



#minisidebar-nav {
position: fixed;
width: 100px;
height:100%;
margin: 0em;
padding-top:20px;
word-wrap:break-word;
border-right: 1px solid var(--gris);
}

#minisidebar-nav p.icon{
	padding-bottom:0.5em;	
}


#minisidebar-nav li{
	display:block;
	text-align:center;
	margin-bottom:12px;
	font-size:0.9em;
}

#minisidebar-nav li i{
	font-size:1.4em;
	}

#minisidebar-nav li a{
	display:block;
	text-align:center;
	    color: var(--gris);
		text-decoration:none;
}

#minisidebar-nav li.concontenido a{
	display:block;
	text-align:center;
	    color: var(--concontenido-color);
		text-decoration:none;
}

#minisidebar-nav li.concontenido.rojo a{
	display:block;
	text-align:center;
	    color: var(--rojo);
		text-decoration:none;
}

#minisidebar-nav li a:hover{
	display:block;
	text-align:center;
	color:var(--negro);
}

#minisidebar-nav li.current a{
	display:block;
	text-align:center;
	color: var(--negro);
}

label{
	display: block;
	font-weight: bold;
	margin-bottom: 3px;
}

.padblock{
position: relative;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;	
}


#foot{
padding: 10px;
text-align:right;
font-size:0.8em;
}

#foot .wrap{
	padding-bottom:22px;
}

#foot a{
	text-decoration:none;
	color: var(--gris);
}

#foot a:hover{
	color: var(--negro);
	text-decoration:none;
}

.grid_2, .grid_3, .grid_4,.grid_45, .grid_6, .grid_8, .grid_9{
float: left;
display: inline;
}

.grid_12{
width: 98%;
margin: 0 auto;
}

.grid_3 {
	width: 25%;
}
.grid_4 {
	width: 33.3%;
}

.grid_45{
	width: 37.5%;	
}

.grid_6 {
	width: 50%;
}
.grid_8 {
	width: 66.6%;
}
.grid_9 {
	width: 75%;
}



.search{
background: url("../res/lens.png") #fcfcfc no-repeat calc(100% - 6px);		
}

.datepick{
background: url("../res/date.png") #fcfcfc no-repeat calc(100% - 6px);	
}



.input{
display: inline-block;
width: 100%;
color: var(--negro);
vertical-align: middle;
background-color: var(--blanco);
border: 1px solid var(--gris);
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
 font-family: 'Poppins', sans-serif;
height: auto;
padding: 7px 7px;
}

.input.mini{
	width:10em;	
}

.input.extramini{
	width:8em;	
}

.input.selectize-control{
	padding:0px;	
}

.falseinput{
	display: inline-block;
width: 100%;
color: var(--negro);
vertical-align: middle;
background-color: var(--blanco);
border: 1px solid var(--gris);
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
 font-family: 'Poppins', sans-serif;
height: auto;
padding: 7px 7px;
background-color:#f6f6f6;
font: 400 13.3333px 'Poppins';
}

.input.iban{
	width:5em;
	margin-right:0.5em;
}
.input.entidad{
	width:5em;
	margin-right:0.5em;
}
.input.dc{
	width:3em;	
	margin-right:0.5em;
}
.input.oficina{
	width:4em;
	margin-right:0.5em;
}
.input.ccc{
	width:10em;	
}

.wrapcolores{

	position:relative;
}

.wrapcolores .pick{
	position:absolute;
	right:0;
	top:1px;
	background-color:var(--gris-claro);
	border:1px solid var(--gris);
	width:25px;
	height:25px;
	display:inline-block;
}


.label{
	padding-top:8px;	
}

table thead {
border-bottom: 1px solid #dee3ea;
padding-bottom: 11px !important;
padding-top: 9px !important;
vertical-align: bottom;
background: #fff;
background-color: var(--gris-claro) ;
color:var(--negro);
font-weight:bold;
}

table td{
	padding:4px;
	position:relative
	
}

table td.novisible{
	display:none;	
}

table td.tdorder{
	padding-right:23px
}

table td .orderitem{
	position:absolute;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	right:4px;
	top:6px;
	bottom:6px;
}

table td .orderitem .minitag{
	font-size:0.8em;
	padding-right:1px	
}

table tbody tr:last-child td{
	border-bottom: 1px solid var(--gris);
}




table tbody tr td:first-child{
	border-left: 1px solid var(--gris);
}

table tbody td{
border-top: 1px solid var(--gris);
border-right: 1px solid var(--gris);
}

table tbody td.no{
border-top: none;
}

thead a {
color:var(--negro);
text-decoration: none;
}

thead a:hover, thead a:focus {
color: var(--negro);
text-decoration: underline;
}


td.tools{
	text-align:right;
min-width:75px;	
max-width:75px;
}

td.mini{
	text-align:right;
min-width:40px;	
max-width:40px;
}

td.tools.medt{
	text-align:right;
min-width:95px;	
max-width:95px;
}

td.tools.maxt{	
min-width:120px;	
max-width:120px;
}

td.tools .grouped{
	display:none;	
}

td.tools .grouped i.fa-plus-square{
	display:inline-block;	
}

td.tools .grouped i.fa-minus-square{
	display:none;	
}

td.tools .grouped.open i.fa-plus-square{
	display:none;	
}

td.tools .grouped.open i.fa-minus-square{
	display:inline-block;	
}

tr.hijo{
	
	
	background-image:url(../cdn/bg_stripe.png);	
}


tr.padre .numberbullet{
	
	background-color:var(--viamar-corp);
	padding:4px;
	padding-top:3px;
	padding-bottom:2px;
	min-width:22px;
	text-align:center;
	color:var(--blanco);
	font-size:0.9em;
	display:inline-block;
}

tr.padre a.grouped{
	text-decoration:none;	
}

td.tools i{
	padding-left:4px;
	padding-right:4px;
	font-size:1.1em;
}

.tablacalendario td.tools i{
	padding-left:3px;
	padding-right:3px;
	font-size:1em;
}

td.tools a {
color: var(--negro);
text-decoration: none;
}

td.tools a:hover, td.tools a:focus {
color: var(--negro);
text-decoration: underline;
}

.required{
color: var(--rojo);	
}

.padd{
	padding-right:20px;	
}


.field_error {
background-color: var(--error-bg);
border-color: var(--error-border);
color: var(--error-color);
padding: 7px 15px;
margin-bottom: 10px;
margin-top:10px;
border: 1px solid transparent;
}

.field_ok{
background-color: var(--ok-bg);
border-color:var(--ok-border);
color: var(--ok-color);
padding: 7px 15px;
margin-bottom: 10px;
margin-top:10px;
border: 1px solid transparent;
}

.field_info{
background-color: var(--info-bg);
border-color: var(--info-border);
padding: 7px 15px;
margin-bottom: 10px;
margin-top:10px;
border: 1px solid transparent;
display:inline-block;
}


.error{
	border-color:var(--rojo);
}



.fadepop{
    overflow: auto;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1001;
    display: none;
    background: url(../res/overlay.png);
	text-align:center;
}

.fadepop .contpop{
    border-radius: 5px;
	margin-left:10%;
	margin-right:10%;
	margin-top:10%;
	max-width:740px;
	min-width:600px;
	max-height:400px;
	min-height:240px;
	overflow:scroll;
	text-align:left;
    border: 1px solid #ccc;
    background: #fff;
    padding: 10px;
    position: relative;
    z-index: 2001;
	display:inline-block;
}

#poper{

	cursor:pointer;
	padding:4px;	
}
#closer{

	cursor:pointer;
	padding:4px;	
}



#fade{
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index:5001;
}


#fade2{
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index:6001;
}


#fade3{
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index:6001;
}


.popup_titulo{
	font-weight:600;	
}

.white_content {
 	
	display:flex;
	align-items:center;
	justify-content:center;
    position: fixed;
    top: 2%;
    left: 2%;
	right:2%;
	bottom:2%;             
    z-index:5002;
	font-size:1.1em;
}

.white_content .btn-close {
	position:absolute;
	top:10px;
	right:10px;
	display:inline-block;
	
}

#target_white_content{
	padding:10px;
	background-color:#fff;
	min-width:360px;
}

#target_white_content2{
	padding:10px;
	background-color:#fff;
	min-width:360px;
}

#target_white_content3{
	padding:10px;
	background-color:#fff;
	min-width:360px;
}


#fadeloading{
	position:absolute;
	z-index:2500;
	left:0;
	top:0;
	right:0;
	bottom:0;
	 background: url(../res/overlay.png);
	text-align:center;	
}

#fadeloading .loadimage{
	text-align:center;
	padding-top:30%;
}

.pickcolor{
	display:inline-block;
	height:25px;
	width:25px;
	border:1px solid var(--gris);
	margin-right:6px;	
}

.popform{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	text-align:center;
	background-color:rgba(0,0,0,0.2);

}

.popform .falsepopform{
	display:inline-block;
	max-width:60%;
	width:60%;
	min-width:60%;
	width:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:10%;
	text-align:left;
	padding:10px;
	background-color:var(--blanco);
	position:relative;
	    border: 1px solid var(--gris-claro);
    border-radius: 4px;
    -webkit-box-shadow: 0px 5px 24px 1px rgba(0,0,0,0.41);
    -moz-box-shadow: 0px 5px 24px 1px rgba(0,0,0,0.41);
    box-shadow: 0px 5px 24px 1px rgba(0,0,0,0.41);
}

.popform .falsepopform .close{
	position:absolute;
	right:10px;
	top:10px;

	cursor:pointer;		
}


.incidencia_descripcion, .incidencia_resolucion{
	display:none;	
}

.previewpic {
    margin: 5px;
    display: inline-block;
    width: 120px;
    height: 120px;
    position: relative;
	border:1px solid #CCC;
	text-align:center;
}


.previewpic a.deleteicon{
	position:absolute;
	right:5px;
	top:5px;
	color:var(--viamar-corp);
	font-size:1.3em;
}


.relative{
	position:relative;	
}

.droppable {
    text-align: center;
    color: var(--gris);
    background-color: var(--gris-claro);
    border: 1px solid var(--gris);
    padding: 10px;
}

.droppable {
    display: none;
}

#sortable {
    position: relative;
}

.mce-branding {
  
    display: none !important;
}

.panel_estadisticas_7dias{
	height:calc(30vh);	
}

#frmbuscar{
	display:flex;
	flex-wrap:wrap;
	background-color:#fff;
	padding:10px;
	padding-top:15px;
	min-width:300px;
	max-width:480px;
	position:relative;
}

.close_wrap_form{
	position:absolute;
	right:5px;
	top:8px;
	cursor:pointer;
	font-size:1.2em;
}

#frmbuscar.form_full{
	width:100%;	
	justify-content: flex-end;
	align-items:center;
}

.float_add_cmd{
	position:fixed;
	right:15px;
	bottom:15px;
	z-index: 3003;	
}

.float_add_cmd.flex{
	display:flex;
}

.float_add_cmd .btn-glow{
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:1.4em;
	border-radius:50px;
	height:46px;
	width:46px;
	padding:0px;
}

.float_rows_cmd{
	position:fixed;
	left:15px;
	bottom:15px;
	z-index: 3003;
	display:flex;
}

.float_rows_cmd .btn-glow{
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:1.4em;
	border-radius:50px;
	height:46px;
	width:46px;
	padding:0px;
	margin-right:10px;
}

.top_tools{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	padding-bottom:0px;
}

.top_tools .titulo{
	width:30%;	
}

.top_tools .titulo.full{
	width:100%;
	padding-bottom:10px;
}

#sidebar-nav {
	flex: 1;
	display:flex;
	justify-content:flex-end;
}

.item_nav{
	margin-left:0;
	width:100%;
	border:1px solid #fff;
}

.item_nav.botones{
	padding-top:10px;	
}

.item_nav.destacar{
	margin-left:0.5em;
	border:1px solid var(--viamar-corp);
}

.item_nav.item_15{
	min-width:15%;
}

.item_nav.item_20{
	min-width:20%;
}

.item_nav.item_25{
	min-width:25%;
}


.item_nav.item_30{
	min-width:30%;
}

.searchbox{
	position:relative;
}



.wrap_border{
		 border: 1px solid var(--gris);
		 padding:10px;
}

.icono_table{
	
	max-width:20px;
	min-width:20px;
	font-size:1em;
	padding-right: 6px;
}


td.urgente{
	color:#d75252;	
}


.sidebar-nav #articulos{
	display:flex;
	flex-wrap:wrap;	
}

.sidebar-nav #articulos .item_nav{
	min-width:20%;
}

.sidebar-nav #articulos .item_nav:first-child{
	    padding-left: 0px;
}

.precioproductos{
	font-size:1.4em;	
}

.flex_tabla_incidencias {
    align-items: center;
}

.flex_tabla_incidencias .panel_head {
    font-weight: 600;
}

.flex_tabla_incidencias_albaran{
	padding:10px;
	width:15%;	
}
.flex_tabla_incidencias_fecha{
	padding:10px;
	width:15%;	
}

.flex_tabla_incidencias_cliente{
	padding:10px;
	width:25%;	
}

.flex_tabla_incidencias_incidencia{
	padding:10px;
	width:40%;	
}

.flex_tabla_incidencias_view{
	width:5%;	
}

.firma{
	margin:2%;
	margin-left:auto;
	margin-right:auto;
	max-width:640px;
	display:flex;
	flex-wrap:wrap;
	border-radius:3px;
	border:1px solid var(--gris-claro);
}

.firma .grafico{
	text-align:center;
	padding:20px;
	width:100%;	
}

.firma .fecha{
	width:100%;	
	text-align:center;
	padding:20px;	
}

.scrolltable{
	overflow-y:auto;
	max-height: calc(100vh - 200px);
}

.wtext{
	color:#fff;	
}
.rtext{
	color:var(--viamar-corp);	
}

.asignarenlinea{
	color:var(--negro);	
}

.quote_grabar{
	padding-bottom:5px;	
}


.nota_seguimiento{
    border-radius: 3px;
    box-shadow: 0 1px .5px rgba(0,0,0,.13);
    -webkit-transition: .2s cubic-bezier(.31,.34,.3,.99);
    transition: .2s cubic-bezier(.31,.34,.3,.99);
	background-color: #F9F9F9;
    margin-bottom: 5px;
	padding:5px;
	position:relative;
}

.nota_seguimiento .close{
	position:absolute;
	right:5px;
	top:5px;
}

.nota_seguimiento .contentnota{
	font-size:1.1em;
}

.grid_informes{
	display:flex;
	flex-wrap:wrap;	
}

.grupo_informe{
	width:32%;
	margin-right:1%;
	border-radius:3px;	
	border:1px solid var(--gris-claro);
	
}

.grupo_informe .titulo_grupo{
	padding:10px;
	font-weight:600;
	background-color:var(--gris-claro);
	font-size:1.1em;
}

.grupo_informe ul{
	padding:10px;
	list-style-type:none;
}

.grupo_informe ul li{
	padding-top:5px;	
}

.filter_tools{	
	border-radius:3px;	
	border:1px solid var(--gris);	
	background-color:var(--gris-claro);
	padding:10px;
}

.wrap_informe{
	max-width:1080px;
	margin-left:auto;
	margin-right:auto;	
}

.informe table tbody td {
    border-top: none;
}


.log_llamadas{
    display: flex;
	flex-wrap:wrap;
    width: 100%;  
    border: 1px solid var(--gris);
}

.log_sincontenido{
	width:100%;
	background-color: rgb(255, 255, 255);
   border:1px solid var(--gris-claro);
    margin: 5px;
	padding: 5px;
}

.log_llamada{
	display:flex;
	flex-wrap:wrap;
	width:100%;
	background-color: rgb(255, 255, 255);
    border:1px solid var(--gris-claro);
    margin: 5px;
}

.log_llamada .log_fechahora{
	width:20%;
	padding: 5px;	
}
.log_llamada .log_descripcion{
	width:80%;
	padding: 5px;	
}

ul.nostyle{
	list-style-type:none;	
}

.itemdocumentacion.iddle{
	color:#E4E4E4;	
}
.itemdocumentacion.ok{
	color:#0C0;	
}
.itemdocumentacion.alerta{
	color:#F90;	
}
.itemdocumentacion.error{
	color:#F30;	
}

form .article {
    margin-bottom: 8px;
    margin-right: 8px;
    display: inline-block;
}

.input.min {
    width: auto;
    max-width: 80%;
}

.input.max {
    width: auto;
    max-width: 480px;
	min-width:420px;
}

.input.med {
    width: auto;
    max-width: 420px;
	min-width:380px;
}

.drop_zone{
    background-color: rgb(245, 248, 250);
    color: rgb(124, 152, 182);
    position: relative;
    border-width: 1px;
    border-style: dashed;
    border-color: rgb(81, 111, 144);
    border-image: initial;
    border-radius: 4px;	
	padding: 24px 20px;
	position:relative;
	
}

.drop_zone input{

  position: absolute;
  margin: 0;
  padding: 0;
  top:0;
  left:0;
  width:100%;
  height:100%;
  outline: none;
  opacity: 0;
	
}

.drop_zone .flex{
	align-items:center;
	justify-content:center;
}

.drop_zone .icon{
	font-size:2em;
	padding:12px;	
}

.drop_zone strong{
	color:var(--link-azul);
}


.wrap_form{
	position:fixed;
	left:0;
	right:0;
	bottom:0;
	top:0;
	display:flex;
	justify-content:center;
	align-items:center;
	background-color:rgba(0,0,0,0.2);
	display:none;
	z-index:5000;
	
}

.wrap_form label{
	padding-top:5px;	
}

i.estilo_Si{
	color:#3C0;
}

i.estilo_No{
	color:#f00;
}

tbody tr:nth-child(odd) {background-color: #ECF0F9;}
tbody tr:nth-child(even) {background-color: #FFFFFF;}

.data_semana tbody tr:nth-child(odd) {background-color: #fff;}
.data_semana td.seleccionado { font-weight:bold; background-color: var(--viamar-corp); color:#fff;}
.data_semana td.seleccionado a { color:#fff;}

.data_semana td.sabado { background-color: var(--viamar-sabado-normal); }

.data_semana td.seleccionado.sabado { background-color: var(--viamar-sabado-seleccionado); }

.data_semana td.domingo { background-color: var(--viamar-domingo-normal); }
.data_semana td.seleccionado.domingo { background-color: var(--viamar-domingo-seleccionado); }

.data_semana td.festivo { background-color: var(--viamar-festivo-normal);  }

.data_semana td.seleccionado.festivo { background-color: var(--morado);  color:#fff;}
.data_semana td.seleccionado.festivo a {  color:#fff;}

.tabla_col tbody tr:nth-child(odd) {background-color: #fff}
.tabla_col tbody tr:nth-child(even) {background-color: #fff;}

table.tabla_col tbody tr.noborderfirst td:first-child {
    border-left: none;
}

table.tabla_col tbody tr td:first-child {
    border-left: none;
}

.tabla_col tbody tr.even td {background-color: #ECF0F9;}

.tabla_col tbody tr:last-child td {
    border-bottom: none;
}

.tabla_col{
	
	   border-bottom: 1px solid var(--gris);
	   border-left: 1px solid var(--gris);
	
}

.tabla_col tbody tr td.incidencia_txt {border:1px solid #E00; }
.tabla_col tbody tr.even td.incidencia_txt {border:1px solid #E00; }

.dias_selector{
	display:flex;
	flex-wrap:wrap;
	padding:10px;
	    border: 1px solid var(--gris);
		justify-content:flex-end;
}

#frmeditpopup .dias_selector{
	min-width:460px;
}

.dias_selector label{

	flex:1;
	display:inline-block;
	margin-right:10px;
	margin-bottom:0;	
}

.ok_calendario{
	color: #0C0;
}
.alerta_calendario{
	    color: #F30;
}
.naranja_calendario{
	    color: #F90;
}

.day {
    cursor: pointer;
    padding: 5px;
    position: relative;
    line-height: 1em;
}

.day.seleccionado {
    background-color: #F33 !important;
}

#fade{
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index:5001;
}

.popup_titulo{
	font-weight:600;
	position: relative;
}

.popup_titulo .close{
	
	position: absolute;
	right: 0px;
	top: 5px;
	font-size: 1.1em;
}

.white_content {
 	
	display:flex;
	align-items:center;
	justify-content:center;
    position: fixed;
    top: 2%;
    left: 2%;
	right:2%;
	bottom:2%;             
    z-index:5002;
	font-size:1.1em;
}

.white_content .btn-close {
	position:absolute;
	top:10px;
	right:10px;
	display:inline-block;
	
}

#target_white_content{
	padding:10px;
	background-color:#fff;
	min-width:360px;
}

#fadeloading{
	position:absolute;
	z-index:2500;
	left:0;
	top:0;
	right:0;
	bottom:0;
	 background: url(../res/overlay.png);
	text-align:center;	
}

#fadeloading .loadimage{
	text-align:center;
	padding-top:30%;
}

tr.negrita td.serviciotd{
	font-weight:bold;	
}

tr.negrita.gris td.serviciotd{
	color: #666666;
}

tr.especial td.serviciotd{
	font-style:italic;
	color:#0066CC;
}



td.hoy{
	font-weight: bold;
    background-color: var(--viamar-corp);
    color: #fff;
}

.linktoenvio .check_send_ruta, .linktoenvio .uncheck_send_ruta {
	cursor:pointer;
}

.white_content .autocares .grid_6.tabla, .white_content .personal .grid_6.tabla{
	max-height:240px;
	overflow-y:scroll;	
}

.white_content .autocares .grid_6.tabla table, .white_content .personal .grid_6.tabla table{
	width:100%;
}

.day.afterc{
	padding-bottom:22px;		
}

.day.afterc:after{
	position:absolute;
	left:0;
	right:0;
	bottom:0px;
	padding:5px;
	text-align:center;
	font-size:0.9em;
	color:#fff;
    display: none;
}

.select_dieta select{
	font-size:0.95em;	
}

.select_dieta.condieta select {
	font-weight:bold;
}

.even  select  {
   
    background: #ECF0F9;
   
}

.even  select option {
   
    background: #ECF0F9;
   
}

.item_listado_revision{
	display:flex;
	flex-wrap:wrap;
	align-items:center;	
}

.item_listado_revision_check{
	width:10%;	
}

.item_listado_revision_nombre{
	width:35%;	
}

.item_listado_revision_descripcion{
	width:55%;	
}

table.microtable{
	
}

table.microtable td {
    padding: 3px;
    position: relative;
}

.bloque_stats{
	padding:5px;   
    border-radius: 3px;
    border: 1px solid var(--gris-claro);
	margin-bottom:1em;
}

.bloque_stats .titulo_grupo {
    padding: 10px;
    font-weight: 600;
    background-color: var(--gris-claro);
    font-size: 1.1em;
	margin-bottom:5px;
}

[data-colaborador="1"] {
	color:#F30;
}

.columnas_selector{
	display:flex;
	flex-wrap:wrap;
	
}

.columnas_selector .elm_columna{
	width:48%;	
}


.opendiario{
	cursor:pointer;	
}

.opendiario i{
	color:#ccc;	
}

.opendiario.completo i{
	color:#0CF;	
}

.openexcluirverplanning{
	cursor:pointer;	
}

.openexcluirverplanning i{
	color:#ccc;	
}

.openexcluirverplanning.completo i{
	color:#F00;	
}

.opendiario_popup{
	cursor:pointer;	
}

.opendiario_popup i{
	color:#ccc;	
}

.opendiario_popup.completo i{
	color:#0CF;	
}

.falseday{
	text-align:right;
	font-size:0.9em;
	color:#666;
	padding-bottom:5px;
}

.linea_trabajo{
	padding-top:4px;
	padding-bottom:4px;
	border-top:1px solid #E0E0E0;	
}

.disablei{
	color:#CCC;	
}

#head #aux ul li#showmenu_movil{
	display:none;
}

.contentdiv_ex{
	color:#fff;
	text-align:center;	
}

.haynotificaciones{
	color:#F30;
	
}

td .span_mostrarcalendarioexplanning{
	display:none;	
}

td:hover .span_mostrarcalendarioexplanning{
	display:inline-block;
}


td .span_mostrargpsplanning{
	display:none;
    cursor: pointer;
}

td:hover .span_mostrargpsplanning{
	display:inline-block;
}

td .span_mostrarcalendarioexplanning_ruta{
	display:none;	
}

td:hover .span_mostrarcalendarioexplanning_ruta{
	display:inline-block;
}

.mostrarcalendarioexplanning_ruta{
	color: var(--viamar-corp);
	cursor:pointer;	
}

.mostrarcalendarioexplanning{
	color: var(--viamar-corp);
	cursor:pointer;	
}

.mostrarcalendarioexplanning_popup{
	color: var(--viamar-corp);
	cursor:pointer;	
}

.mostrarcalendarioexplanning_vehiculo{
	color: var(--viamar-corp);
	cursor:pointer;	
}

.mostrarcalendarioexplanning_vehiculo_popup{
	color: var(--viamar-corp);
	cursor:pointer;	
}

a.fijarnotificacion{
color:#ccc;	
}

.fijada a.fijarnotificacion{
color:#09C;	
}

.ocultarenmovil{
	
}

/* Elementos conductores */

.main_movile {
    padding: 5px;
    padding-left: 5px;
    padding-right: 5px;
	padding-bottom:10px;
}

.titulo_listado {
    margin: 3px;
	font-size:1.4em;
    padding-bottom: 10px;
}

.elemento{
	margin:3px;
	padding:5px;
	box-shadow: rgba(45, 62, 80, 0.12) 0px 1px 5px 0px;
	border-radius:3px;
	background-color:#fff;
	margin-bottom:8px;
}


.elemenot .notificacion_fecha{
	display:flex;
	flex-wrap:wrap;
}


.elemento .notificacion_titulo{
	color:var(--viamar-corp);
	font-size:1.2em;
	font-weight:600;
}

.elemento .hideable .notificacion_titulo{
	color:#F00;
}

.tipstyle{
	background-color:#FFC;
	border:1px solid #FC9;
	padding:5px;	
}

.tableFixHead {
  overflow: auto;
  height: 70vh;
}

.tableFixHead.maxi {
  overflow: auto;
  height: 80vh;
}

.tableFixHead thead td{
	z-index:1000;
	border-bottom: 1px solid #dee3ea;
   
    vertical-align: bottom;
    background: #fff;
    background-color: var(--gris-claro);
    color: var(--negro);
    font-weight: bold;
}

.tableFixHead tbody td{
	z-index:999;
}

.tableFixHead thead td {
  position: sticky;
  top: 0;
}

.ui-dialog { z-index: 9000 !important ;}

.escritorio_font table{
	font-size:0.9em;	
}

.flex_notificaciones{
	display:flex;
	flex-wrap:wrap;	
}

.item_notificacion{
	border: 1px solid var(--gris-claro);
    margin-bottom: 1em;
	width:31%;
	margin:1%;
}

.item_notificacion .nombre_item_notificacion{
	padding: 10px;
    font-weight: 600;
    background-color: var(--gris-claro);
    font-size: 1.1em;	
	border-bottom: 1px solid var(--gris);
}

.lista_tabs{
	display:flex;
	flex-wrap:wrap;
	border-bottom:2px solid #f6f6f6;
	margin-bottom:4px;
	
}

.lista_tabs .tab_unidad{
	display:inline-block;
	font-size:1.1em;
	font-weight:bold;
	background-color:#f6f6f6;
	cursor:pointer;
	padding:8px;
	border-right:2px solid #fff;
	color:#666;
}

.lista_tabs .tab_unidad.seleccionada{
	color:#111;
}

.actual_neumaticos{
	
	
	width: 320px;
	height: 440px;
	position: relative;
	display: inline-block;
	border: 1px dashed #D4D4D4;
	border-radius: 6px;
	
	
}

.contenedor_neumaticos{
	
	left: 40px;
	right: 40px;
	bottom: 40px;
	top: 40px;
	position: absolute;
	border: 4px solid #1F5DB1;
	border-radius: 12px;
}

.primer_eje{
	
	top:80px;
	left: 14px;
	right: 14px;
	height: 4px;
	background: #1F5DB1;
	border-radius: 3px;
	position: absolute;
	
}
.primer_eje::after{
	
	content: "Eje 1";
	left: 30%;
	right: 30%;
	text-align: center;
	position: absolute;
	top: 5px;
}


.segundo_eje{
	
	top:220px;
	left: 10px;
	right: 10px;
	height: 4px;
	background: #1F5DB1;
	border-radius: 3px;
	position: absolute;
	
}

.segundo_eje.ultimaposicion{
	
	top:280px;
	left: 10px;
	right: 10px;
	height: 4px;
	background: #1F5DB1;
	border-radius: 3px;
	position: absolute;
	
}

.segundo_eje::after{
	
	content: "Eje 2";
	left: 30%;
	right: 30%;
	text-align: center;
	position: absolute;
	top: 5px;
}

.tercer_eje{
	
	top:280px;
	left: 10px;
	right: 10px;
	height: 4px;
	background: #1F5DB1;
	border-radius: 3px;
	position: absolute;
	
}

.tercer_eje::after{
	
	content: "Eje 3";
	left: 30%;
	right: 30%;
	text-align: center;
	position: absolute;
	top: 5px;
}

.neumatico{
	
	width: 28px;
	height: 52px;
	border-radius: 3px;
	background-color: #CCC;
	display: inline-block;
	margin-top: -25px;
	margin-left: 2px;
	margin-right: 2px;
}
.neumatico.fill{
	
	background-color: #41A5CF;
	cursor: pointer;
}

.neumatico.fill.alerta{
	
	background-color: #F90;
	cursor: pointer;
}

.neumatico.fill.error{
	
	background-color: #F30;
	cursor: pointer;
}

.neumatico.selected{
	
	border: 2px solid #111;
}


.neumatico.i_neumaticos{
	
	float: left;
}

.neumatico.d_neumaticos{
	
	float: right;
}

.info_neumaticos{
	
	
	width: 320px;
	height: 440px;
	position: relative;	
	border: 1px dashed #D4D4D4;
	border-radius: 6px;
	margin-left: 10px;
	display: none;
	padding: 12px;
	
}

.mostrarocultar_horarios{
	display: none;
}

.suboption{
	display: none;
}

.selector_td{
	cursor: pointer;
}

.selector_td .falseday {
	font-size: 1.1em;
	display: flex;
	flex-wrap: wrap;
}

.selector_td .falseday .selector_dia{
	flex:1;
	display: flex;
	justify-content: flex-start;
}

.selector_td .falseday .selector_dia .far{
	display: inline-block;
}

.selector_td .falseday .selector_dia .fas{
	display: none;
	color: blue;
}

.selector_td.seleccionado .falseday .selector_dia .far{
	display: none;
}

.selector_td.seleccionado .falseday .selector_dia .fas{
	display: inline-block;
}

.selector_td .falseday .dia_actual{
	flex:1;
	display: flex;
	justify-content: flex-end;
}

#inlineinfo{
	display: flex;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 10px;
	justify-content: center;
	flex-wrap: wrap;
}

#inlineinfo .wrapc{
	display: inline-block;
	border: 1px solid #CCC;
	padding: 10px;
	background-color: #fff;
	box-shadow: 1px 0 15px 1px rgb(0 0 0 / 8%);
	font-size: 1.2em;
}

.proceso_ok{
    margin-top: 8px;
    visibility: hidden;
    padding: 5px;
    background-color: #74CD78;
    color: #fff;
}

.after_vehiculo_ex{
    content: " ";
    position: absolute;
    width: 16px;
    height: 16px;
    right: 0;
    top: 0;
}

.triangle_after {
    position: absolute;
     right: 0;
    top: 0;
   width: 0px;
   height: 0px;
   border-style: solid;
   border-width: 0 12px 12px 0;
   border-color: transparent #FFAC10 transparent transparent;
   transform: rotate(0deg);
}

.formulariocrearviajecompartido{
    cursor: pointer;
}

.reloj_descanso{
    margin-top: 0.2em;
    cursor: pointer;
}

.togable_reloj_descanso{
    display: none;
}

.desactivar_aviso_descanso{
    cursor: pointer;
}

@media only screen and (max-width: 1400px) {

#head #nav li a {
 
    padding-left: 5px;
    padding-right: 5px;
}

#head #aux ul li.ocultarhd{
	display:none;	
}

.ocultarhd{
	display:none;	
}

}

@media only screen and (max-width: 1240px) {

.ocultarmd{
	display:none;	
}

#nav ul li:hover .ocultarmd{
	display:block;
}

.tablavista{
	overflow:auto;
	max-height: 70vh;
    position: relative;	
}

table td {
    padding: 2px;
    position: relative;
}	

	body #cont{
		font-size:11px;
	}
	

.item_notificacion{
	
	width:48%;
	margin:1%;
}


}




@media only screen and (max-width: 1024px) {

	

.input{

padding: 5px 5px;
font-size:0.95em;
}

.falseinput{

padding: 5px 5px;
font-size:0.95em;
}
	
#white_content{
	font-size:0.9em;	
}
	
}



@media only screen and (max-width: 767px) {


#nav ul li:hover .ocultarmd{
	display:none;
}

.grid_3, .grid_4{
	width:100%;	

   

}



.grid_9 {
    width: 100%;
}

select{

	height:36px !important;
}

label {
    margin-top:5px;

}

.padd{
 padding-right: 2%;	
}

#minisidebar-nav li i {
    font-size: 0.9em;
}

#minisidebar-nav {
    overflow-y:auto;
}

.item_notificacion{
	width:98%;
	margin:1%;
}


}

@media only screen and (max-width: 568px), 
       screen and (max-height: 320px) {

#head #home img {
    max-width: 150px;
}

#head #nav ul li.hidehorizontal{
	display:none;	
}

#head #aux li a {

    padding-left: 5px;
    padding-right: 5px;

}

@media only screen and (max-width: 479px) {

.ocultarenmovil{
	display:none;	
}

form{
	margin-bottom:10px;	
}

body {
    padding-top: 60px;
    
}

select {
    height: 28px !important;
}

#head #nav{
	position:fixed;
	left:0;
	right:0;
	top:60px;
	bottom:0;
	background-color: var(--viamar-corp);
}

#head #nav ul {
    list-style-type: none;
    display: block;
    align-items: stretch;
}

#head #nav ul li {
    display: block;
	text-align:center;
    align-items: stretch;
}

#nav .ocultarmd{
	display:inline-block;	
}

#head #nav li a {
	padding:10px;
    display: block;
    text-align:center;
    color: var(--blanco);
   
}

#head #aux ul li#showmenu_movil{
	display:flex;
}

#head #home img{
	max-width:150px;
}

#head #nav{
	display:none;	
}

.grupo_informe {
    width: 100%;
    margin-right: 0%;
	margin-bottom:2%;
}

#cont.minitool {
    margin-left: 0px;
}

#minisidebar-nav {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0em;
	padding-left:5px;
	padding-right:5px;
    padding-top: 0px;
	border-bottom: 1px solid var(--gris);
    border-right: none;
}

#minisidebar-nav p:not(.icon){
	display:none;	
}

#minisidebar-nav p i{
	font-size:1.2em;	
}

#minisidebar-nav li {
    display: inline-block;
    text-align: center;
	padding:5px;
	margin-top:5px;
    margin-bottom: 2px;
    font-size: 0.9em;
}

#minisidebar-nav li a {
    display: inline-block;
}

#minisidebar-nav li.current a {
    display: inline-block;
}

.padblock {
    position: relative;
    min-height: 1px;
    padding-left: 5px;
    padding-right: 5px;
}

table thead td {
    white-space: nowrap;
	
}

#frmbuscar {


    max-width: 96%;

}

#frmeditpopup .dias_selector {
    max-width: 100%;
	min-width: 100%;
}

.grid_8 {
    width: 100%;
}
.grid_3, .grid_4 {
    width: 100%;
}

.grid_6 {
    width: 100%;
}


#cont {
    min-height: calc(100vh - 120px);

    padding-top: 5px;
    padding-bottom: 80px;

}

.articulos_lista_movil table thead td{
	min-width:100px;	
}
.articulos_lista_movil table thead td.maxi_lista_movil{
	min-width:240px;	
}

.maxi_lista_movil textarea{
	min-height:48px;	
}

.articulos_lista_movil table thead td.mini_lista_movil{
	min-width:70px;	
}

#subhead li a {

    
    padding-top: 11px;
    padding-right: 5px;
    padding-bottom: 9px;
    padding-left: 5px;
}

.tablavista {
    overflow: auto;
    max-height: 70vh;
    position: relative;
}

.input#destinatarios{
	height:48px	!important;
}

table thead td.force_w{
	min-width:70px;
}

table thead td.force_w2{
	min-width:140px;
}

#target_white_content label {
    margin-top: 2px;
	margin-bottom:2px;
}

#target_white_content p{
	line-height:2px;	
}

.personal canvas{
	max-height:120px;
	max-width:120px;		
}
.autocares canvas{
	max-height:120px;
	max-width:120px;	
}

.white_content .grid_6.grafica{
	display:none;	
}

.white_content .autocares .grid_6.tabla, .white_content .personal .grid_6.tabla {
    max-height: 160px;
    overflow-y: scroll;
}

.white_content table.data{
	font-size:0.9em;	
}

}


@media only screen and (max-width: 360px) {
	
	#head #aux li a {
    padding-left: 5px;
    padding-right: 10px;
}
	
}