/* 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:52px;
	 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(--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;	
}

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

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

#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(--gex-corp);
padding-left:10px;
padding-right:10px;
}

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

#head #nav li a.current {
color: var(--blanco);
background-color: var(--gex-corp-sec);
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(--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 - 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%;
}

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.maxt{	
min-width:120px;	
max-width:120px;
}

td.tools .grouped{
	display:none;	
}

tr.padre .grouped.open .numberbullet {
    background-color: var(--gris);
  
}


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

tr.padre{
	background-image:url(../cdn/bg_stripe_padre2.png);	
}

tr.padre.nobg{
	background-image:none;
}

tr.hijo.sibg{
	background-image:url(../cdn/bg_stripe_hijo.png) !important;	
}

tr.padre .nombre{
	font-weight:bold;
	color:var(--gex-corp);
}


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.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: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.mini{
	max-width:15%;
    min-width:15%;
}


.sidebar-nav #articulos .item_nav:first-child{
	    padding-left: 0px;
    margin-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(--gex-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;	
}


a.linkpush{
	color:#666;
	border:1px solid #666;
	padding: 5px;
	padding-top:7px;
	padding-bottom:7px;
}

a.linkpush.destacar{
	color:var(--gex-corp);
	border:1px solid var(--gex-corp);
}

.show_child_destinatario{
display: block;
    font-weight: bold;
    margin-bottom: 3px;
	cursor: pointer;
	 -webkit-user-select: none;  
  -moz-user-select: none;    
  -ms-user-select: none;      
  user-select: none;
}

.child_destinatario{
	display: none;
}

.alerta_dias_pedido{
	background-color: #f9edbe;
	padding: 5px;
	display: inline-block;
	border: 1px solid #f0c36d;
}

@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) {



}