/* 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;
	--gex-corp:#EB0280;
	--gex-corp-sec:#dd067a;
	--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;
	

}

body {
	padding-top:118px;
	 font-family: 'Poppins', sans-serif;
	min-height:100vh;
	font-size:12px;
	background-color:var(--gris-claro);
	
}


body.minimal{
	padding-top:52px;	
}

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

a{
	color:var(--gex-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/gexbg.png);
	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(--gex-corp);
padding:8px;
}

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

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

.btn-glow.green{
	background-color:#71c071;	
}

.btn-glow.error{
	background-color:#cc0001;	
}

.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:5px;
}

.panel.pendientes{
	    background-color: rgb(255, 229, 189);
}

.panel.aceptados{
	background-color: rgb(252, 189, 94);
}

.panel.enreparto{
	    background-color: rgb(165, 244, 149);
}

.panel.realizados{
	background-color: rgb(189, 235, 246);
}

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

.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: var(--gex-corp);
top: 0px;
left: 0px;
width: 100%;
position:fixed;
z-index:3003;
overflow:hidden;
}

#head #home {
	display:inline-block;
	padding:10px;
}

#head #nav {
	background: var(--gex-corp-sec);
    width:100%;
	display:flex;
	align-items: stretch;
}


#head #nav ul{
    list-style-type: none;
	display:flex;
	width:100%;
	align-items: stretch;
	justify-content:center;
}

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

#head #nav ul li span{
	display:flex;
	width:20px;
	height:20px;
	font-size:0.9em;
	font-weight:600;
	padding-top:2px;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	background-color:var(--gex-corp);
	color:#fff;
}

#head #nav ul li i{
	font-size:1.5em;	
}

#head #nav li a {
	width:100%;
display:flex;
align-items: center;
justify-content:center;
flex-direction: column;
color: var(--blanco);
text-decoration:none;
background: var(--gex-corp-sec);
padding:2px;
padding-top:5px;
padding-bottom:5px;
border-bottom:2px solid var(--gex-corp-sec);
    font-size: 0.875em;
}

#head #nav li a:hover {
color: var(--blanco);
text-decoration:none;
border-bottom:2px solid #fff;
}

#head #nav li a.current {
color: var(--blanco);
border-bottom:2px solid #fff;
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 {
	font-size:1.5em;
display:flex;
align-items: center;
color: var(--blanco);
text-decoration:none;
background-color: var(--gex-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(--gex-corp);
padding-left:10px;
padding-right:10px;
cursor:default;
}

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

#head #aux li a.current {
color: var(--blanco);
background-color: var(--gex-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 - 160px);
margin-bottom:0px;
padding-top:15px;
padding-bottom: 60px;
position: relative;
background: #fff;
}


#cont.tool{

}

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


#cont.homebg{
    justify-content: center;
    background-image: url(../cdn/gexbg.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	font-size:0.9em;	
	min-height: calc(100vh - 130px);
    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 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%;
}

select{
	width:100%;	
}

.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 td{
border-top: 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.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{
	display:none;	
}

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


tr.padre .numberbullet{
	
	background-color:var(--gex-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;
}

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;
}

.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;
}

#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(--gex-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;	
}

#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 .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:20px;
}

.top_tools .titulo{
	width:20%;	
}

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

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

.item_nav{
	margin-left:0.5em;
	border:1px solid #fff;
}

.item_nav.destacar{
	margin-left:0.5em;
	border:1px solid var(--gex-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_pedidos {
    align-items: center;
}

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

.flex_tabla_pedidos_item{
	padding:5px;
	flex:1;
}
.flex_tabla_pedidos_miniitem{
	flex:0.25;
	padding:5px;	
}

.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);
}

.mensaje_nopedidos{
	background-color:#f6f6f6;
	padding:10px;
	border-radius:3px;	
}

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

.titulo_listado{
	margin:3px;
	padding-bottom:10px;
}

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

.pedido .albaran{
	display:flex;
	align-items:center;
	font-size:1.2em;
	font-weight:bold;
	padding-bottom:4px;
}

.referencia_cliente{
	padding-bottom:4px;
}

.referencia_cliente b{
	color:var(--gex-corp) ;
 }

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


.pedido .hora_estimada{
	color:var(--gex-corp);
	padding-left:10px;
}

.pedido .urgente{
	color:var(--gex-corp);
}

.pedido .albaran .numero{
	padding-right:6px;	
	color:var(--gex-corp);
}

.pedido .boton{
	text-align:center;
	padding-top:5px;	
}

.pedido .boton a{
	display:block;	
}

.titulo_pedido{
	padding:5px;
	background-color:#fff;
	border-bottom:1px solid var(--gris);
}

.titulo_pedido .titulo{
	font-size:1.2em;	
}

.titulo_pedido .datos{
	display:flex;
	flex-wrap:wrap;
	font-weight:bold;
}

.titulo_pedido .datos .numero{
	padding-right:10px;
	color:var(--gex-corp);
}

.recogida{
	padding:5px;
	background-color:#fff;
	border-bottom:1px solid var(--gris);
}

.recogida .destacado{
	font-size:1.2em;	
}

.subtitulo{
	color:var(--gex-corp-sec);
	font-size:1.1em;
	padding-top:2px;
	padding-bottom:2px;
}

.entrega{
	padding:5px;
	background-color:#fff;
	border-bottom:1px solid var(--gris);
}

.entrega .destacado{
	font-size:1.2em;	
}

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

.datos_fechahora .hora_estimada{
	padding-left:10px;
	color:var(--gex-corp);
}


.urgente{
	color:var(--gex-corp);
}

.cliente{
	padding:5px;
	background-color:#fff;
	border-bottom:1px solid var(--gris);
}

.cliente .destacado{
	font-size:1.2em;	
}

.cliente .telefono{
	position:relative;
}

.cliente .telefono .numeroescrito{
	display:inline-block;
	padding-top:5px;
}

.cliente .telefono span{
	position:absolute;
	display:flex;
	top:0;
	right:5px;
	font-size:1em;
	width:24px;
	height:24px;
	border-radius:50%;
	align-items:center;
	justify-content:center;
	background-color:var(--gex-corp);
}

.cliente .telefono span a{
	color:#fff;	
}


.observaciones{
	padding:5px;
	background-color:#fff;
	border-bottom:1px solid var(--gris);
}

.observaciones .destacado{
	font-size:1.2em;	
}

.botonera{
	padding:5px;
}

.destacar_amarillo{
	background-color: #FFE27F;
	
}

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

}

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



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



}

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



}