body{
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 14px;
line-height: 1.42857143;
color: #333;
}
h1{
	margin-left:15px;
}
.left{float: left;}
.right{float: right;}
.clear{clear: both;}
.centro{text-align: center;}
.dcha{text-align: right;}
.izda{text-align: left;}
.cblue{color: #337ab7;}
.crojo{color: red;}
.cvino{color: #a00404}
.cblueb{color: #337ab7;font-weight: bold;}
.cverde{color:#6ca805;}
.cblanco{color:#fff;}
.bblanco{background-color: #fff;}
.brojo{background-color: red;}
.factiva{background-color: #d9edf7;}
.sinstock{color:#d90404;font-weight: bold;}
.strong{font-weight: bold;}
.babono{background-color: #D7D556;}
.bcerror{color:#fff;background: red;}
.light{
  font-weight: lighter;
}
.txt{
	font-family: Verdana, Arial, sans-serif;
}
.tdflujocaja{
  font-size: .8em;
}
.reborder{
  border: 1px solid  #A7B2C1;background-color:#fefcfc;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
  padding:3px;
  cursor:pointer;
}
.impFlujoCaja{
  font-family: 'Source Sans Pro', sans-serif;
  text-align: center;
  font-weight: bold;  
  font-size: 2em;
}
.impFlujoCaja:after{
  font-size: .8em;
  font-weight: 100;
  content: " €";
  color: #000;
}
.DirInGenCja{
  position: relative;
  top:-30px;
  left:30px;
  margin: 0 auto;
}
.sube{
}
.baja{
}
.is-required:after {
  content: '*';
  margin-left: .8px;
  color: red;
  font-weight: bold;
}
.typeahead{
   max-height: 252px;
   overflow:scroll; 
}
.encabezalo{
  background-color: #3162d4;
  color: #fff;
}
.encabezalo_Emi{
  background-color: #d45f31;
  color: #fff;
}
.encabezalo_Mov{
  background-color: #420cd7;
  color: #fff;
}
.encabezalo_Tic{

}
.encabezalo_Nat{
  background-color: #3a4baa;
  color: #fff; 
}
#tablaTic_tbody>tr>td{
  font-size: 1.2em;
}
.mediaFoto{
  display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
width: 348px;
height: 320px;
border: 3px dashed #c4d2d7;
overflow: hidden;
}







.migapandir{
  position:relative; top:2px; text-transform: uppercase; font-size: 10px;color:#fff;}
}
.migapandir img{
  border: 5px solid #fff;
}
.diametro_e_OD{
  font-size: .8em;
  font-weight: 500;
}
.diametro_e_OI{
  font-size: .8em;
  font-weight: 500;
}
.txtp{font-size: 7px;}
.aviso{
  background-color: #5e5c5c;
  font-size: .8em;
  color: #ffcf00;
  margin-left:5%;
  padding:4px;
}
.SupleColor{
  color: #ee3636;
}
.SupleTratamiento{
  color: #2e6da4;
}
.SupleFabricacion{
  color: #056805;
}
.ui-multiselect-checkboxes,.ui-multiselect-menu {
    min-height: 180px;
 }
.frmLenWebPro input,select{
font-size: 1em;
}
#frmLenWebPro #base_OD{
width:50px;
}
#frmLenWebPro #base_OI{
width:50px;
}
#frmLenWebPro .lefutatext{
  width:50px;
}
.checkbox .lft{
  padding-left:1px;
}
#frmLenWebPro #lefuta_lente_OD,#frmLenWebPro #lefuta_lente_OI{
  text-transform: uppercase;
  width:355px;
}
#frmTAR .bootstrap-select{
  width:480px;
}
.br7{border: 0.5px solid #ccc;-moz-border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px;border-radius:10px;}
.navbar-brand {
	padding: 0;
}
#frmEditCAB #dto,#frmEditCAB #dto2{
  padding: 0;
}
#frmEditLIN #pvo,#frmEditLIN #dto,#frmEditLIN #dto2{
  padding: 0;
} 
.glyphicon.glyphicon-shopping-cart {
    font-size: 22px;
}
.badgeFile{
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.badgeFile-success {
    color: #fff;
    background-color: #28a745;
}
.badgeFile-danger {
  color: #fff;
  background-color: #dc3545;
  }


.badgeC {
   position:relative;
   right: 15px;
}
.badgeC[data-badge]:after {
   content:attr(data-badge);
   position:absolute;
   padding:2px;
   top:-15px;
   right:-20px;
   font-family: Arial;
   font-size:12px;
   font-weight: bold;
   letter-spacing:-1px;
   background:red;
   color:white;
   width:23px;height:23px;
   text-align: center;
   line-height:16px;
   border:2px solid white;
   -moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%;border-radius:50%;
   box-shadow:0 0 1px #333;
}
.badgeSTK_D,.badgeSTK_I {
   position:relative;
}
.badgeSTK_D[data-badge]:after, .badgeSTK_I[data-badge]:after{
   content:attr(data-badge);
   position:absolute;
   padding:2px;
   top:-18px;
   right:-30px;
   font-family: Arial;
   font-size:12px;
   font-weight: bold;
   letter-spacing:-1px;
   background:blue;
   color:white;
   width:23px;height:23px;
   text-align: center;
   line-height:16px;
   border:2px solid white;
   -moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%;border-radius:50%;
   box-shadow:0 0 1px #333;
}
#fileros,#imprime {
    border: 0;
    padding: .5em 1em;
    background: #fff;
    font-size: .9em;
    overflow: auto;
    zoom: 1;
}
.navbar-brand img{
	padding-left: 15px;
	padding-right: 15px;
}
a.queUsuario{
	color:blue;
	font-size: .8em;
}
.impVer{
  background-color: green;
  border-radius: 5px;
  color: #fff;
  float: right;
  font-size: 1.2em;
  font-weight: 700;
  padding: 3px 10px;
  vertical-align: top;
}
#tbody_tabladevoluWEB input[type="text"]{
  width:50px;
}
#tbody_tablaEnvArtStk input[type="text"]{
  text-align: center;
  font-size:1.1em;
  width:50px;
}
#tbody_Tratamientos tr td{
  cursor:pointer;
}
#tbody_Colores tr td{
   cursor:pointer; 
}
.editar,.eliminar,.eliminarPedido,.ediLote,.eliminarWEB,.qr,.editardirenv,.eliminadirenv,.editarDEV,.editarfopaweb,.eliminarOPTART,.editarOPTART,.QUITALinCar,.edita,.import,.export,.editarPREESP,.eliminarPREESP,.montaje,.dupli,.eliminarPedido,.editaCAB,.editaLIN,.eraLinCar{cursor: pointer;}
.deleFacRec,.editaFacRec,.pagaFacRec,.dupliFacRec{cursor: pointer;}
.editarMov,.eliminarMov,.pagaMov{cursor: pointer;margin:4px;}
.editarNat,.eliminarNat,.veSubNat,.eliminarSubNat,.editarSubNat{cursor:pointer;}
.migapan{position:relative; top:2px; text-transform: uppercase; font-size: 10px;color:#2b9007;}
.accGrid{
  font-family: Verdana, Arial, Tahoma, sans-serif;
  font-size: 1em;
	position: relative;
	padding:0;
} 
.NatGasto{
  font-size: 3em;
  margin-top: -50px;
  font-weight: 90;
  color:#ff7a05;
}
.NatGasto:after{
  content: 'GASTO';
}
.NatIngreso{
  font-size: 3em;
  margin-top: -50px;
  font-weight: 90;
  color: #05ffdc;
}
.NatIngreso:after{
  content: 'INGRESO';
}
.defecto{background: #d9ed56}
.contItem{
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 1em;
	position: absolute;
	top: -30px;
	right:30px;
}
.contItemSubNat{
  font-family: Verdana, Arial, Tahoma, sans-serif;
  font-size: 1em;
  position: relative;
  top: -30px;
  right:30px;
}
.btnMasItem{
  font-family: Verdana, Arial, Tahoma, sans-serif;
  font-size: 1em;
  position: absolute;
  top: 5px;
  right:30px;
}
.contSearch{
	position: absolute;
	top: -40px;
	right:20%;
}
.contSubAnadir{
  color: blue;
  font-family: Verdana, Arial, Tahoma, sans-serif;
  font-size: .8em;
  position: relative;
  top:-3px;
  left:30px;
}
.contSubItem{
  font-family: Verdana, Arial, Tahoma, sans-serif;
  font-size: 1em;
  position: absolute;
  top: -100px;
  right:-1px; 
}
.bgwhite{background: white;}
.bggris{background: #e4f0f6;}
.bggrio{background: #efe1a7;}
.bgpromo{background: #d4f0a5;}
.bmntcli{background: #c0f0c2;}
.bipv{background: #eefefc;}
.linea{width: 100%;float:left;}
.linea50{width: 50%;float:left;}
.linea55{width: 55%;float:left;}
.linea45d{width: 45%;float:right;}
.lineaIzda{width: 60%;float:left;}
.lineaDcha{width: 40%;float:right;}
.linea80{width: 80%;margin:0 auto;}
.cantidad{font-size: 1.1em;font-weight: 500px;}
/*.numeric{background-color: #fff;color:#5342f2;}*/
.margen150{margin-left:150px;}
.error{color:red;border-color: red;}
.bgsolucion{background-color: #7782b0;}
.peque{font-size: .8em;color:#f60;display: block;}
.cazul{color:#0374dd;}
.lineaspedidos ul{
  list-style: none;
  margin-left:-30px;
}
.lineaspedidos ul li{
  float:left;
  width: 20%;
}
.lineaspedidosPrv ul{
  list-style: none;
  margin-left:-30px;
}
.lineaspedidosPrv ul li{
  float:left;
  width: 20%;
}
.infpediz ul{
  list-style: none;
  margin-left:-50px; 
}
.infpediz ul li{
  background-color: #eee;
  padding-top: 4px;
  padding-bottom: 4px;
  margin-bottom: 2px;
  padding-left:6px;
  -moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;border-radius:5px;
}
.todopedido{
  margin-top:19px;
}
#usuarios .panel-footer{
	padding: 1px 15px;
}
#usuarios .pagination{
	font-size: .8em;
	margin: 10px 1px;
}
#usuarios .table > thead > tr > td{
	padding: 0;
}
#tablaEnvArtStk_tbody > tr > td{
  padding:3px;
}
.imgnav{
  position: relative;
  margin-left: -10px;
  width: 18px;
}
.AO{
  font-size: 1.3em;
  color:#108ac3;
}
table thead th{
  background:-moz-linear-gradient(#f9f9f9 0%,#DADADA 100%);
  background:-ms-linear-gradient(#f9f9f9 0%,#DADADA 100%); 
  background:-o-linear-gradient(#f9f9f9 0%,#DADADA 100%); 
  background:-webkit-linear-gradient(#f9f9f9 0%,#DADADA 100%); 
  background:linear-gradient(#f9f9f9 0%,#DADADA 100%);
  border:solid 1px #DEDEDE; 
  -moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;border-radius:5px;
  cursor:pointer;
  font-size: 13px;
  font-weight: normal;
  line-height: 21px;  
  text-align:center;
  margin-left:5px;
  padding:1px; 
  color:#1782bc; 
}
table thead th:hover{
    background:-webkit-linear-gradient(#fff 0%, #DEDEDE 100%);
    background:-o-linear-gradient(#fff 0%, #DEDEDE 100%);
    background:linear-gradient(#fff 0%, #DEDEDE 100%);
    color:#000; 
}
table tbody tr{
  font-size:13px;color:black;line-height:17px;
}
table tfoot{ background: #DADADA; color:blue;line-height: 22px;font-size:12px; }
/*tbody tr:nth-child(even) td, tbody tr.even td {background:#fbf7f7;}*/
select{font-size:.9em;color:#000;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
  font-weight: normal;
  /*font-size: .5em;*/
}
.ui-datepicker{
  background: #fff;
}
.ui-datepicker-trigger{
  cursor:pointer;
  position: absolute;
  top:5px;
}
::-ms-clear {
  display: none;
}
.fecha{
  float:left;
  width:110px;
}
.form-control-clear {
  z-index: 10;
  pointer-events: auto;
  cursor: pointer;
}
.form-control-feedback{
	margin-right:36px;
}
.panel{
  padding-bottom: 80px;
}
.panelesDcha .panel{
   padding-bottom: 1px;
}
.tituloSubTabla{
  background: #71a8f2;
  border:1px solid #45B191;
  color:#fff;
  margin:0 auto;
  margin:0px 0px 3px 0px;
   
  width: 100%;
  line-height: 24px;
}
.tituloSubTabla2{
  background: #f38b26;
  border:1px solid #fff;
  color:#fff;
  margin:0 auto;
  margin:0px 0px 3px 0px;
  width: 100%;
  line-height: 30px;
}
.montura{
  font-size: 1.3em;
  color: #000;
}
#tablaLentesMenos_tbody tr,#tablagraficas td,#tablaGradua_tbody tr{
  cursor: pointer;
}
#tablaLentesMenos_tbody tr:hover,#tablaGradua_tbody tr:hover{
  color: blue;
}
#gestExport .list-group-item-text{padding: 3px 3px;}
#gestExport .list-group-item-text:hover{background: #ccc;}
.tapala{
  position: absolute; left: 5px; top: 5px; z-index: 3; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.1);
}
.ajaxLoader{
  background: white;
  border:1px solid #3498db;
  color: #3498db;
  margin:0 auto;
  padding:5px 5px;
  width: 300px;
  height: 60px;
}
.loader {
    background: white;
    border: 12px solid #f3f3f3; /* Light grey */
    border-top: 12px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 2s linear infinite;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.table img.icon{
  max-width: 38px;
}
#pdfDisplay{
  background: white;
  z-index:99999;
}
.ventanaExp{
  background: #fff;
}
.lentillas .envases a{
  min-height: 90px;
}
#modiEnvase .numeric{
  padding-left:4px;
  padding-right: 4px;
}
#addmodenvase{
  border: 1px solid #eee;
  -moz-border-radius:4px;-webkit-border-radius:4px;-o-border-radius:4px;border-radius:4px;
}
#panel-gradua{
  margin-top:10px;
}
.eliminaenvlen{
  cursor: pointer;
  top: -20px;
  left: 5px;
} 
.download{
  cursor:pointer;
  margin-top:-30px;
}
.download img{
  cursor: pointer;
}
.download a:after{
  display:block;
  content: 'Plantilla';
}
.tituloLotesStk{
  /*background-color: #eecf65;
  color: #fff;*/
  border: 1px solid #ccc;
  font-size: 1em;
  font-weight: 600;
  text-align: center;
}
.tituloTabla{  
  background: #45B191;
  border:1px solid #45B191;
  color:#fff;
  margin:0 auto;
  margin:0px 0px 3px 0px;
  text-align: center; 
  width: 100%;
  line-height: 22px;
}
.tituloTablaMontura{
  background-color: #ee7c65;
  color: #fff;
  font-size: 1.2em;
  font-weight: 500;
  text-align: center;
}
.tituloTarifasLente{
  background: #71a8f2;
  border:1px solid #45B191;
  color:#fff;
  margin:0 auto;
   
  width: 90%;
  line-height: 22px;
}
#tablaEnvMercTienda input[type="text"]{
  font-size: 1.2em;
  text-align: center;
  line-height: 12px;
  font-weight: 700;
  color: #f50c0c;
  width: 60px;
}
#VentasWebProvincias{
  width:500px;
}
.numpedido{
  font-size: 2em;
  font-weight: 600;
  color: grey;
}
.scrollup{
    width:40px;
    height:40px;
    opacity:0.3;
    position:fixed;
    bottom:50px;
    right:100px;
    display:none;
    text-indent:-9999px;
    background: url('../img/icon_top.png') no-repeat;
}
.vPedi,.editalin,.borralin,.duplicar,#cosmetica,.backHouse,.imprimir,.imprimefac,.eliminaGrid,.nacex,.correos{
  cursor:pointer;
}
.VA input[type="text"]{
  text-align: center;
  width: 45px;
}
.VAIMP input[type="text"]{
  text-align: center;
  width: 55px;
}
.small{
  font-size: 0.9em;
  color:#9e0303;
}
.smallblue{
  font-size: 0.9em;
  color:#337ab7;  
}
.smallb{
  color:#9e0303;
  font-size: 0.9em;
  font-weight: bold;
}
.ssmall{
  font-size: .7em;
}
.smallbplus{
  font-family: 'Source Sans Pro', sans-serif;
  /*color:#9e0303;*/
  font-size: 14px;
  font-weight: bold;
}
.ssmallstk{
  font-size: .9em;
  position: absolute;
}
.smallbuy{
  font-size: 0.9em;
  color:  #fff;
}
.descatalogado{
  color: #ff3f00;
}
#div_carga{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:250%;
  background: url(../img/gris.png) repeat;
  opacity: 0.9;
  display:none;
  z-index:1001;
}
#cargador{
  color: black;
    position:absolute;
    top:15%;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
    padding:40px;
    background: white;
    border-radius: 5px;
    text-align: center;
}
.umomen{
  display: none;
  background: url('../img/default-loader.gif') no-repeat;
  height:50px;
  width:200px;
  padding-left: 30px;
}
.xprocesar{
  font-size: 1.4em;
}
#tablaPedTPV_tbody tr td{
  padding: 1px 5px 1px 5px;
}
#tablaClientes_tbody tr td{
  padding: 1px 5px 1px 5px;
}
#tablaPedOpticas tr td{
   padding: 1px 5px 1px 5px;
}
#ve_pedido table tr td{
  padding: 4px 4px 1px 10px;
}
.subtabla {
  height: 25px;
}
.tbftet{
  font-size: 0.6px;
}
.tbftet td{
  background: #fff;
  font-size: 0.9em;
  cursor: pointer;
  border: 1px solid #ccc;
  line-height: 20px;
  -moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;border-radius:5px;
}
.dato:hover{
  background: red;
}
.activa{
  background-color: blue;
}
.numeral{
  background-color: #ccc;
}
.InventarioxFamilia ul li{
  border: 1px solid #ccc;
  -moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;border-radius:5px;
  cursor:pointer;
  line-height: 40px;
  margin-top:10px;
  margin-bottom: 20px;
  margin-left: 10px;
  text-align: center;
  float:left;
  height:40px;
  width: 10%;
}
.InventarioxFamilia ul li:hover{
  background-color: #eee;
}
/*
.marginBottom-0 {margin-bottom:0;}

.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#555;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}
*/
/*
.marginBottom-0 {margin-bottom:0;}

.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#555;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}
*/

 /* HOVER */
.dropdown-menu > li.kopie > a {
    padding-left:5px;
}
 
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
   top:0;left:100%;
   margin-top:-6px;margin-left:-1px;
   -webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;
 }
  
.dropdown-submenu > a:after {
  border-color: transparent transparent transparent #333;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  content: " ";
  display: block;
  float: right;  
  height: 0;     
  margin-right: -10px;
  margin-top: 5px;
  width: 0;
}
 
.dropdown-submenu:hover>a:after {
    border-left-color:#555;
 }

.dropdown-menu > li > a:hover, .dropdown-menu > .active > a:hover {
  text-decoration: underline;
}  
.TPE .badge{
  background: red;
}
.TPP .badge{
  background: blue;
}
#paneles_cli{
  border: 0.5px solid #ccc;
  min-height: 250px;
}
#losDetalles .bhoechie-tab-container{
  min-height: 460px;
}
#RelPedLenWStk,#RelPedItalnSend{
  max-height: 252px;
  overflow:scroll;
  padding-bottom: 1px;
  border: 0.5px solid #ccc;
} 
#losNAT,#losSubNAT{
  /*ax-height: 282px;
  overflow:scroll;*/
  padding-bottom: 1px;
  border: 0.5px solid #000;  
}
#listadoSubNat{
  position: relative;
  top: -140px;
  background: #fff;
  border: .5px solid #ccc;
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}


#TRATAMIENTOS,#COLORES{
  height: 400px;
  overflow:scroll
}
.recepMer_ .decimal{
  width:50px;
}
.recepMer_ .numeric{
  width:50px;
}
.recepMer_ .nofecha{
  width: 90px;
}
.recepMer_ .lote{
  width: 110px;
}
.recepMer_{
  margin-bottom: 0px;
}
.highlight{
  background-color: rgb(111,112,114);
  color: #fff;
  font-size: 1em;
  font-weight: bold;
}
/* CheckBox RVF */
.parrafo {
    line-height: 30px;
    font-size: 18px;
    font-weight: bold;
}
.RVF-CHKBOX input[type=checkbox] {
  visibility: hidden;
}

.checkbox-RVF {
  display: inline-block;
  position: relative;
  width: 70px;
  height: 30px;
  background: #555;
  border-radius: 15px;
  box-shadow: inset 0px 1px 1px rgba(0,0,0,0.6), 0px 1px 0px rgba(255,255,255,0.3);
  margin-bottom: 15px;
}

.checkbox-RVF label {
  display: block;
  width: 34px;
  height: 20px;
  border-radius: 17px;
  box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.35);
  background: #fcfff4;
  background: linear-gradient(to top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  cursor: pointer;

  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 1;
    
  transition: all .4s ease;

  overflow: hidden;
  text-indent: 35px;  
  transition: text-indent 0s;
}

/* estado activado */
.checkbox-RVF input[type=checkbox]:checked + label {
  left: auto;
    right: 5px;
}

.checkbox-RVF:after {
  content: 'NO';
  font: 12px/30px Arial, sans-serif;
  color: #AAA;
  position: absolute;
  right: 10px;
    z-index: 0;
  font-weight: bold;
  text-shadow: 1px 1px 0px rgba(255,255,255,.20);
}

.checkbox-RVF:before {
  content: 'SÍ';
  font: 12px/30px Arial, sans-serif;
  color: lime;
  position: absolute;
  left: 10px;
  z-index: 0;
  font-weight: bold;
}
/* ----------- */
/*  checkbox  */
.checkbox label:after, 
.radio label:after {
    content: '';
    display: table;
    clear: both;
}
.checkbox .cr,
.radio .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .5em;
}
.radio .cr {
    border-radius: 50%;
}
.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 50%;
    left: 20%;
}
.radio .cr .cr-icon {
    margin-left: 0.04em;
}
.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
    display: none;
}
.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all .3s ease-in;
}
.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
}
.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr {
    opacity: .5;
}
.underline{
  cursor: pointer;
  text-decoration: underline;
  /*width:99px;*/
}
#frmPPTOS .modal-header{
  padding-bottom:2px;
}
#frmPPTOS ul{
  list-style: none;
}
#frmPPTOS ul li{
  float:left;
  margin-left:10px;
}
#frmPPTOS .form-group{
  margin-left: 0;
  margin-bottom:1px;
}
#frmPPTOS select {
    width: 110px;
    margin-bottom: 4px;
}
#frmPPTOS .color{
  width: 190px;
}
#frmPPTOS .tratamiento{
  width: 200px;
}
#frmPPTOS #las_grad select{
  width:75px;
}
#frmPPTOS .selectlong{width: 360px;font-size: 1em;height: 33px;}
#frmPrecios .col-sm-1{
  padding-right:1px;
  padding-left: 1px;
}
#frmPrecios .form-group{
  margin-bottom: 1px;
}
#anadeProveedor label{
  font-size: 12px;
}
#anadeProveedor select{
  font-size: 13px;
}
#anadeProveedor .active {
    background-color: #fff;
}
#anadeProveedor .nav{
  border-bottom: 1px solid #ccc;
}
#frmProvee .active{
  background-color: #fff;
}
/*googlo jrv */
      /* reposo */
      .googlo span,.googlo input,.googlo select{
        font: 14px/14px 'Source Sans Pro', sans-serif;
        padding: 0;
      }
      .googlo label {
        display:block;
        border: 2px solid silver;
        padding: 8px 10px;
        position: relative;
        border-radius: 4px;
        transition: .25s;
      }
      .googlo label input{
        border: none;
        background: transparent;
        display: block;
        outline: none;
        width: 100%;
      }
      .googlo label select{
        border: none;
        background: transparent;
        display: block;
        outline: none;
      }      
      .googlo label span{
        color: silver;
        position: absolute;
        top:10px;
        left:10px;
        transition: .25s;
      }
      /* focus */
      .googlo label.focus{
        border-color: #337ab7;
      }
      .googlo label span.focus{
        color: #337ab7;
      }
      /* top */
      .googlo label span.top{
        left: 2px;
        top: -10px;
        font-size: 10px;
        background: white;
        padding: 0 5px;
      }
/* googlo jrv */
/*#frmVtos  .datepicker-inline{
  width:520px;
}
#frmVtos #mfv .fecha{
  width:100%;
}*/
#pdzTb .form-control{
  padding:0;
}

#FacRecTTFoot {
font-family: 'Source Sans Pro', sans-serif;
font-size: 14px;
font-weight: 400;
text-rendering: optimizelegibility;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
}
.FacRec-modal-canvas-content {
    position: relative;
}
.FacRec-modal-canvas-footer {
    z-index: 400;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 62px;
    display: grid;
    grid-template: "left right" min-content;
    align-items: center;
    border-top: 1px solid #D2D7DC;
    padding: 10px;
    background: #FFFFFF;
}
.FacRec-modal-canvas-footer-left {
    grid-area: left;
    justify-content: start;
}
.FacRec-form-footer {
    display: flex;
    text-align: right;
}
.FacRec-form-footer-item {
    border-right: 1px solid #D2D7DC;
    padding: 0 10px;
}
.FacRec-form-footer-amount, .FacRec-form-footer-amount-bold {
    font-size: 26px;
    padding-bottom: 6px;
    line-height: 24px;
}
.FacRec-form-footer-text, .FacRec-form-footer-text-bold {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    line-height: 12px;
}
.FacRec-modal-canvas-footer-right {
    grid-area: right;
    display: grid;
    align-items: center;
    grid-template-columns: repeat(auto-fit, minmax(90px, auto));
    grid-gap: 10px;
    justify-content: end;
}
#tablaFacEmi_tbody tr td{
  font-size: 13px;
}
#tablaFacRec_tbody tr td{
  font-size: 13px;
}
#tablaMov_tbody tr td{
  font-size: 13px;
}
#tablaFacRec thead th{
  background: #D2D7DC;
  color: #000;
  font-size: 13px
}
#tablaFacRec .form-control{
  padding:1px;
}

#frmFacRec select,#tbDetFacRec select{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /*width: 278px; 
 border-color: #444 #333 #333 #444!important;*/
 background: url(images/up-down.png) no-repeat 254px 12px;
}
#frmFacRec select i{
  position: absolute;
  right: 20px;
  top: calc(50% - 13px);
  width: 16px;
  height: 16px;
  display: block;
  border-left:4px solid #2AC176;
  border-bottom:4px solid #2AC176;
  transform: rotate(-45deg); /* Giramos el cuadrado */
  transition: all 0.25s ease;
}
 
#frmFacRec select:hover i{
  margin-top: 3px;
}
#tablaFacRec select.selepq{
  font-size: 12px;
}
.deTr{
  position: relative;
  top:8px;
  color: red;
  cursor:pointer;
}
.deTrR{
  position: relative;
  color: red;
  cursor:pointer;
}
#CuerpoFacRec{
   max-height: 502px;
   overflow:scroll;  
}
.precioTT{
  color: #29344a;
  font-family: 'Source Sans Pro', sans-serif;
  text-align: right;
  font-weight: bold;
}
.TTvto{
  position:absolute;
  top:-6px;
  right:2%;
  font-size: 12px;
  cursor: pointer;
}
.pagada{
  color:#44c863;
}
.ipp{
  color:#009cbc;
}
.ippfv{
  color: #e74c3c;
}
.padl5{padding-left:5px;}
.padl10{padding-left:10px;}
.marl10{margin-left: 10px;}
.marb10{margin-bottom: 10px;}
.PLC{
  font-size:1.1em;
  line-height: 36px;
}
.nav>li>a {
    padding-top: 5px;
    padding-bottom: 5px;
}
.preciotraspor{

    font-size: 1.1em;
    font-weight: 400;
    padding: 4px;
}

.unidLenSTK{
    color: #000;
    font-size: 1.2em;
    font-weight: 400;
    padding: 4px; 
}

#frmRec .form-group,#frmRec .list-group{
  margin-bottom: 0px;
}
#frmRec ul li input{
  cursor: pointer;
}
#frmRec ul li label{
  cursor: pointer;
  margin-left: 10px;
}
#Precio_frmLEN ul{
  list-style: none;
}
#Precio_frmLEN ul li:hover{
  background-color: #eee;
}
#Precio_frmLEN input[type="text"]{
  width:60px;
}
#Precio_frmLAS input[type="text"]{
  width:45px;
}
#tablaPrecioGeneralART{
  font-size: .8em;
}
#tablaABOTPV_tbody .alert{
  padding:5px;
}
#tablaABOTPV td{
 padding: 4px 4px 1px 4px;
}
.bodypptonew table{
  margin-bottom: 0px;
}
.bodypptonew1 table{
  margin-bottom: 0px;
}
.bodypptonew2 table{
  margin-bottom: 0px;
}
.bodypptonew,.bodypptonew1,.bodypptonew2{
  padding:0px 0px 0px 20px;
}
.bodypptonew input[type="text"]{
  text-align: center;
  width: 50px;
}
.bodypptonew1 input[type="text"]{
  text-align: center;
  width: 50px;
}
.br4{border:0.5px solid #d7d7d7;margin-top:5px;margin-bottom: 5px;}
.br5{border:1px solid #666;padding-top:2px;padding-bottom:2px;}
.br6{border:0.5px solid #666;}
.br7{border: 0.5px solid #ccc;-moz-border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px;border-radius:10px;}
.br7H{border: 0.5px solid #ccc;-moz-border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px;border-radius:10px;min-height: 350px;}

#ProveedorSuple,#PreciosTarifas{
  max-height: 199px;
  overflow: hidden;
  overflow-y:auto;
}
#PreciosTarifas{
  max-height: 399px;
  overflow: hidden;
  overflow-y:auto;
}
.tablePadre thead th{

}
.tablaDetalle thead th{
  background:#58B1BD;/*9AAFA*/
  line-height: 16px; 
  color:#fff;
}
.tablaDetalle thead th:hover{
  background:#9AAFAA; A
  color: #000;
}
.tablaDetalle > tbody > tr > td, .tablaDetalle > tbody > tr > th, .tablaDetalle > tfoot > tr > td, .tablaDetalle > tfoot > tr > th, .tablaDetalle > thead > tr > td, .tablaDetalle > thead > tr > th{
  padding: 2px 2px 2px 2px;
}
.tablaAbonos{
  background:#D7D556;
  line-height: 16px; 
  color:#fff;
}
.tablaAbonos thead th{
  background:#D7D556;
  line-height: 16px; 
  color:#fff;
}
.tablaAbonos thead th:hover{
  background:#D7D556;
  color: #000;
}
.tablaAbonos > tbody > tr > td, .tablaAbonos > tbody > tr > th, .tablaAbonos > tfoot > tr > td, .tablaAbonos > tfoot > tr > th, .tablaAbonos > thead > tr > td, .tablaAbonos > thead > tr > th{
  padding: 2px 2px 2px 2px;
}

.tablePadre > tbody > tr > td, .tablePadre > tbody > tr > th, .tablePadre > tfoot > tr > td, .tablePadre > tfoot > tr > th, .tablePadre > thead > tr > td, .tablePadre > thead > tr > th{
  padding: 1px 1px 1px 1px;
}
.tablePadre a{
  text-decoration: none;
}
.aProcesa:hover{
  font-weight: bold;
}
.aProcesa img{
  width: 22px;
  position: relative;
  left: -15px;
}
.table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th {
    padding: 1.5px;
}
.allownumericwithoutdecimal,#porcenta_total{
  text-align: center;
  width: 58px;
}

.chk_abono{
  cursor: pointer;
}
.recepPed{
  background: #3b5998;
  border: 1px solid #ccc;
  -moz-border-radius:8px;-webkit-border-radius:8px;-o-border-radius:8px;border-radius:8px;
  color: #fff;
  min-height: 90px;
  margin-top: 30px;
}
.recepPed p{
    font-family: 'Roboto', sans-serif;
    overflow-x: hidden;
    font-size: 2em;
    position: relative;
    padding-left: 55px;
    top: 5px;
}
.recepPed div{
  font-size:5em;
  text-align: center;
  margin-bottom:40px;
  width:100%;
}
.recepPed button{
  position: relative;
  bottom: 22px;
  left: 90px;
}
div#graph1, div#graph4, div#graph5, div#graph6, div#graph7, div#graph8, div#graph9 {
    width: 100% !important;
    z-index: 1;
}
#ULColor{
  max-height: 400px;
  overflow: auto;
}
.labelReceta1 label{
  font-size: 0.9em;
  width: 23%;
}
.inputReceta1 input[type="text"]{
  display: inline-block;
  font-size: 0.9em;
  max-width: 100%;
  margin-bottom: 5px;
  text-align: center;
  width: 23%;
}
.chkRec1{
  margin-top:1px;
}
#indice_OD{
  width: 60px;
}
#frmLenWebPro .input-sm{
  padding: 5px 1px;
  font-size: .9em;
}
#resulImp{

}
#tablaPedAProveedor{
  margin-left: 5%;
}
#tbody_tablaPedAProveedor input[type="text"]{
  text-align: center;
  font-size:1.1em;
  width:50px;
}
#tbody_tablaPedAProveedor > tr > td{
  padding:3px;
}
.lenteft{
  border:1px solid #ccc;background: #f1f0f0;margin-bottom:3px;color:blue;
}
#frmLenWeb select, #frmLenWeb input{
  margin-bottom: 10px;
 
}
.InventarioxFamilia ul li {
  border: 1px solid #ccc;
  border-radius: 5px;
  cursor: pointer;
  line-height: 40px;
  margin-top: 10px;
  margin-bottom: 20px;
  margin-left: 10px;
  text-align: center;
  float: left;
  height: 40px;
  width: 10%;
}
.divcesta {
  cursor: pointer;
  margin-top: 14px;
  display:  inline-block;
  margin-left: 110px;
  margin-right: 90px;
}
.boton-cesta {
  color: #fff;
  background-color: #45b191;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  padding: 3px 5px;
}
.comcesta {
  cursor: pointer;
  margin-left: 20px;
}
.comcesta a:hover{
  color:  #fff;
  text-decoration: none;
}
.cart_list {
  border-top: 2px solid #88C441;
  padding: 0px;
  position: absolute;
  right: 40px;
  top: 65px;
  width: 615px;
  z-index: 9;
}
.tabla-cesta {
  font-family: "Open Sans",sans-serif;
  background-color: rgb(235,236,238);
  border-spacing: 0;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 6px;
  box-shadow: 1px 4px 14px #CCC;
}
.cls-cart {
  border-radius: 999px;
  background-color: #DDD;
  cursor: pointer;
  font-size: 14px;
  padding: 6px 10px;
}
.tabla-cesta {
  font-family: "Open Sans",sans-serif;
  background-color: rgb(235,236,238);
  border-spacing: 0;
  -moz-border-radius: 14px;
  -webkit-border-radius: 14px;
  -o-border-radius: 14px;
  border-radius: 16px;
  box-shadow: 1px 4px 14px #CCC;
}
.currencyMask{
  font-size: 1.1em;
  font-weight: 700;
}
.lineacar .lh{
  line-height: 60px;
}
@media (max-width: 767px) {
  .navbar-nav  {
     display: inline;
  }
  .navbar-default .navbar-brand {
    display: inline;
  }
  .navbar-default .navbar-toggle .icon-bar {
    /*background-color: #fff;*/
  }
  .navbar-default .navbar-nav .dropdown-menu > li > a {
    color: red;
    background-color: #ccc;
    border-radius: 4px;
    margin-top: 2px;   
  }
   .navbar-default .navbar-nav .open .dropdown-menu > li > a {
     color: #333;
   }
   .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
   .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
     background-color: #ccc;
   }

   .navbar-nav .open .dropdown-menu {
     border-bottom: 1px solid white; 
     border-radius: 0;
   }
  .dropdown-menu {
      padding-left: 10px;
  }
  .dropdown-menu .dropdown-menu {
      padding-left: 20px;
   }
   .dropdown-menu .dropdown-menu .dropdown-menu {
      padding-left: 30px;
   }
   li.dropdown.open {
    border: 0px solid red;
   }

}
 
@media (min-width: 768px) {
  ul.nav li:hover > ul.dropdown-menu {
    display: block;
  }
  #navbar {
    text-align: center;
  }
}  


/**/