@font-face {
  font-family: 'FontAwesome';
  src: url("../../themes/fernandez/fonts/fontawesome-webfont.eot?v=4.1.0");
  src: url("../../themes/fernandez/fonts/fontawesome-webfont.eot?#iefix&v=4.1.0") format("embedded-opentype"), url("../../themes/fernandez/fonts/fontawesome-webfont.woff?v=4.1.0") format("woff"), url("../../themes/fernandez/fonts/fontawesome-webfont.ttf?v=4.1.0") format("truetype"), url("../../themes/fernandez/fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; }
.icon, [class^="icon-"] {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.icon-refresh:before{
  content: "f021"; }
  
.icon-envios:before{
  content: '\f0d1'; }  
  
.icon-prioridades:before{
  content: '\f160'; }

.icon-crones:before{
  content: '\f135'; } 

.icon-actualizadores:before{
  content: '\f110'; } 

.icon-monitores:before{
  content: '\f108'; }  

.icon-facturaciones:before{
  content: '\f153'; }

.icon-catalogos:before{
  content: '\f044'; }  

.icon-productos:before{
  content: '\f291'; }

.icon-stock:before{
  content: '\f187'; } 

.icon-carrito:before{
  content: '\f217'; }

.icon-barras:before{
  content: '\f02a'; }

.icon-atras:before{
  content: '\f137'; }      

.icon-moviles:before{
  content: '\f3cd'; }  
  
.icon-tablets:before{
  content: '\f3fa'; }  

body{
	color: #222;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	background-color:#E4E4E4;
	background-image: url("../img/fondo-pelicano.jpg");
	background-position-x: center;
	background-repeat: repeat-y;
	margin-top:0;
	padding:0;
	width:auto;
}

table{
	border-collapse: collapse;	
	border: 1px solid black;
}

.sin_borde{
	border:0;
}

#contenedor{
	top: 0px;
	width: 80%;
	margin: 10px auto 10px auto;
}

@media (max-width: 991px) {
	#contenedor{
		width: 95%;
	}
	#contenedor2{
		width: 95%;
		margin: 10px 0;
	}
	body{
		background-color:#fff;
	}
}

#selec_fechas{
	float:left;
	margin: 5px 5px 5px 5px;
	padding: 10px 10px 10px 10px;
	width: 100%;	
}

#selec_fechas ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 100%;
    margin: 0 auto 0 auto;
}
#selec_fechas li{
    float: left;
    width: 150px;
	background-color: #ffd7ae;
}

#selec_fechas li a{
    display: block;
    color: #333;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 15px;
    font-weight: bold;
}
#selec_fechas li a:hover{
    background-color: #ffb366;
}
#selec_fechas li.selected{
	background-color: #ffb366;
}


div.opciones_panel{
	float:left;
	margin: 5px 5px 5px 5px;
	background:#FFF;
	padding: 10px 10px 10px 10px;
	width: 300px;	
}
div.opciones_panel_pda{
	float:left;
	margin: 5px 5px 5px 5px;
	background:#FFF;
	padding: 0 10px;
	width: 100%;	
}
div.opciones_panel_pda table{
	border:0;
	text-align: left;
	border-collapse: separate;
	border-spacing: 4px;	
}
div.opciones_panel_pda table td{
	background-color: #eee; 
	padding: 11px 4px;
}
div.opciones_panel_ref{
	float:left;
	margin: 5px 5px 5px 5px;
	background:#FFF;
	padding: 10px 10px 10px 10px;
	width: 450px;	
}


div.opciones_panel2{
	float:left;
	margin: 5px 5px 5px 5px;
	background:#FFB366;
	padding: 10px 10px 10px 10px;
	width: 300px;
	
}

div.opciones_panel3{
	float:left;
	margin: 5px 5px 5px 5px;
	background:#9FC5E0;
	padding: 10px 10px 10px 10px;
	width: 300px;
	
}
div.opciones_panel4{
	float:left;
	margin: 5px 5px 5px 5px;
	background:#B590BB;
	padding: 10px 10px 10px 10px;
	width: 300px;
	
}
div.opciones_panelg{
	float:left;
	margin: 5px 5px 5px 5px;
	background:#fff;
	padding: 10px 10px 10px 10px;
	width: 80%;
	clear: left;
}


div.opciones{
	float:left;
	margin: 10px 10px 10px 10px;
	background:#FFF;
	padding: 10px 10px 10px 10px;
	width: 300px;
	
}
div.opciones2{
	float:left;
	margin: 10px 10px 10px 10px;
	background:#FFB366;
	padding: 10px 10px 10px 10px;
	width: 300px;
	
}
div.opciones3{
	float:left;
	margin: 10px 10px 10px 10px;
	background:#9FC5E0;
	padding: 10px 10px 10px 10px;
	width: 300px;
	
}

#cliente1 a, #cliente2 a{
	float:left;
	color: #222;
	text-decoration: underline;
}

div.opciones4{
	float:left;
	margin: 10px 10px 10px 10px;
	background:#B590BB;
	padding: 10px 10px 10px 10px;
	width: 300px;
	
}
div.opciones5{
	float:left;
	margin: 10px 10px 10px 10px;
	background:#F44336;
	padding: 10px 10px 10px 10px;
	width: 300px;
	
}
div.opciones6{
	float:left;
	margin: 10px 10px 10px 10px;
	background:#b5dab7;
	padding: 10px 10px 10px 10px;
	width: 300px;
	
}
div.bloque50-pc{
	float:left;
	margin: 10px 10px 10px 10px;
	background:#fff;
	padding: 10px 10px 10px 10px;
	width: 47%;	
	min-height: 200px;
}

div.bloque50-pc2{
	float:left;
	width: 60%;
}

div.bloque50-pc3{
	float:left;
	width: 38%;
	margin-top: 33px;
}


div.bloque50-pc h2{
	font-size:34px;
	font-weight:bold;
	color:#444;
	text-align: center;
}
div.bloque50-pc .visitas_act{
	font-size:160px;
	color:#444;
	text-align: right;
    margin: 20px;
}

div.bloque50-pc .canales_trafico{
	font-size:32px;
	color:#444;
	text-align: left;
    margin: 5px 10px;
}


#cliente1{
	float:left;
	margin: 10px 10px 10px 10px;
	background:#9FC5E0;
	padding: 10px 10px 10px 10px;
	width: 40%;	
}

#cliente1 p{
	margin:3px 3px 3px 3px;
	font-size: 12px;
}

#cliente2{
	float:left;
	margin: 10px 10px 10px 10px;
	background:#B590BB;
	padding: 10px 10px 10px 10px;
	width: 40%;	
}

#cliente2 p{
	margin:3px 3px 3px 3px;
	font-size: 12px;
}

#cliente3{
	float:left;
	margin: 10px 10px 10px 10px;
	background:#FFB366;
	padding: 10px 10px 10px 10px;
	width: 40%;
	min-height: 22px;
}
#cliente4{
	float:left;
	margin: 10px 10px 10px 10px;
	background:#FFB366;
	padding: 10px 10px 10px 10px;
	width: 80%;
	min-height: 22px;
}
#cliente3 p, #cliente4 p{
	margin:3px 3px 3px 3px;
	font-size: 12px;
}

.panel_datos {
  width:100%;
  cellpadding:2px;
  cellspacing:0px;
  border:0px;
}

.panel_datos th{
	font-weight:bold;
}
.panel_datos td{
	font-size:16px;
}





p.opciones{
	font-size:14pt;	
	font-weight:bold;
}

ul.lopciones{
	color: #222;
	list-style-type: none;
	margin-left: -20px;
	font-size: 15px;
	margin-top: 0px;
}

ul.lopciones a{
	color: #222;
}


h2.topciones{
	color:#222;	
}

h2.topciones_panel{
	color:#222;	
	text-align: center;
	font-size: 30px;
}

p{
color: #222;
font-size:12pt;
font-family: Arial, Helvetica, sans-serif;
font-weight:normal;
}
p.pequenyo{
	font-size:10pt;	
}

h1{
	padding:0px;
	margin:20px 5px 20px 5px;
	text-align:center;
}

h2{
	padding:10px;
	margin:0px;
}

input[type=submit].pedidos {
    border: 1px solid #666;
    border-radius: 1px;
    background-color: #eee;
    color: #333;
    width: 84px;
    margin: 1px;
}

input[type=submit].pedidos:hover {

    background-color: #fff;

}

input[type=submit].enviar {
    border: 1px solid #666;
    border-radius: 1px;
    background-color: #eee;
    color: #333;
    margin: 1px;
}

input[type=submit].enviar:hover {
	background-color: #fff;
}
textarea{
	background: #3cc39e45;
}
.negro{
	color: #222;
}
.button {
    background-color: #ffb366;
    border: none;
    color: #fff;
    padding: 10px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
	cursor: pointer;
}
.button:hover {
	background-color: #f7c089;
}

tr.autonomo td{
	background-color:#ddd;
}
tr.verde td{
	background-color:#c1e9c3;
}
tr.abono td{
	background-color:#b5dab7;
}
tr.adelanto td{
	background-color:#dacfae;
}
tr.gextra td{
	background-color:#f9ddb3;
}
tr.autoliq td{
	background-color:#dde9ff;
}

td.cabecera{
	text-decoration:bold;
	text-align:center;
	font-size:13px;
	background-color:#999999;
	font-weight: bold;
}
td.cabecera2{
	text-decoration:bold;
	text-align:center;
	font-size:13px;
	background-color:#999;
	font-weight: bold;
	color: #ddd;
}
td.cabecera3{
	text-decoration:bold;
	font-size:13px;
	background-color:#999999;
	font-weight: bold;
}
td.cabecera4{
	font-size:12px;
	background-color:#999999;
	font-weight: bold;
	color: #000;
}

td.total{
	background-color:#F90;
}

td.devuelto{
	background-color:#bbb;
}

td.verde{
	background-color:#8dc68f;
}
td.verdeclaro{
	background-color:#d9b0de;
}
td.lilaclaro{
	background-color:#ffb366;
}

td.rojo{
	background-color:#FF4D4D;
}
td.rojo2{
	background-color:#febbbb;
}
td.lila{
	background-color:#a645b6;
}
td.rosa{
	background-color:#9E9E9E;
}
td.rosa2{
	background-color:#a55eb1;
}
td.naranja{
	background-color:#f90;
}
td.fondogris{
	background-color:#ccc;
}
td.fondogris2{
	background-color:#eee;
}

td {
	background-color:#fff;
}

#menu_panel ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #FFD7AE;
	width: 100%;
    margin: 0px auto 0px auto;
}

#menu_panel li {
    float: left;
	width: 50%;
}

#menu_panel li a {
    display: block;
    color: #333;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
	font-size: 15px;
	font-weight: bold;
}
#menu_panel li.selected {
	background-color: #ffb366;
}
#menu_panel li a:hover {
    background-color: #ffb366;
}

.icon-esperando:before{
  content: "\f017";
  box-sizing: border-box;
  color: #222;
  font-size: 20px; }
  
 .icon-pendiente:before{
  content: "\f0d1";
  box-sizing: border-box;
  color: #222;
  font-size: 20px; }
  
 .icon-preparacion:before{
  content: "\f06b";
  box-sizing: border-box;
  color: #222;
  font-size: 20px; }
 
 .icon-recibir:before{
  content: "\f251";
  box-sizing: border-box;
  color: #222;
  font-size: 20px; }
  
  .icon-etiqueta:before{
  content: "\f145";
  box-sizing: border-box;
  color: #222;
  font-size: 20px; }
  
  .icon-listo:before{
  content: "\f1d8";
  box-sizing: border-box;
  color: #222;
  font-size: 20px; }

  .icon-hoy:before{
  content: "\f274";
  box-sizing: border-box;
  color: #222;
  font-size: 18px; }

  .icon-mes:before{
  content: "\f073";
  box-sizing: border-box;
  color: #222;
  font-size: 18px; }
  
  #preloader_3{
    position:relative;
	margin-left: 100px;
	display:none;
}
#preloader_3:before{
    width:20px;
    height:20px;
    border-radius:20px;
    background:blue;
    content:'';
    position:absolute;
    background:#9fc5e0;
    animation: preloader_3_before 1.5s infinite ease-in-out;
}
 
#preloader_3:after{
    width:20px;
    height:20px;
    border-radius:20px;
    background:blue;
    content:'';
    position:absolute;
    background:#b590bb;
    left:22px;
    animation: preloader_3_after 1.5s infinite ease-in-out;
}
 
@keyframes preloader_3_before {
    0% {transform: translateX(0px) rotate(0deg)}
    50% {transform: translateX(50px) scale(1.2) rotate(260deg); background:#b590bb;border-radius:0px;}
      100% {transform: translateX(0px) rotate(0deg)}
}
@keyframes preloader_3_after {
    0% {transform: translateX(0px)}
    50% {transform: translateX(-50px) scale(1.2) rotate(-260deg);background:#9fc5e0;border-radius:0px;}
    100% {transform: translateX(0px)}
}
#menu_panel2 ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #FFD7AE;
	width: 100%;
    margin: 0px auto 0px auto;
}

#menu_panel2 li {
    float: left;
	width: 20%;
}

#menu_panel2 li a {
    display: block;
    color: #333;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
	font-size: 15px;
	font-weight: bold;
}
#menu_panel2 li.selected {
	background-color: #ffb366;
}
#menu_panel2 li a:hover {
    background-color: #ffb366;
}