/* CSS Sistema: Natural Fresh ERP Online */

@font-face {
	font-family: 'Bar-Code 39';
	src: url('fonts/Bar-Code39.eot');
	src: url('fonts/Bar-Code39.eot?#iefix') format('embedded-opentype'),
		url('fonts/Bar-Code39.woff') format('woff'),
		url('fonts/Bar-Code39.ttf') format('truetype'),
		url('fonts/Bar-Code39.svg#Bar-Code39') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*FUENTE DE CONTRASEÑA PARA CAMPOS DE CODIGO DE BARRAS*/
@font-face {
  font-family: 'password';
  font-style: normal;
  font-weight: 400;
  src: url(https://jsbin-user-assets.s3.amazonaws.com/rafaelcastrocouto/password.ttf);
}

/* OCULTA SYNTAXIS DE VUE HASTA TERMINAR SU COMPILACIÓN. */
[v-cloak]{
  display: none;
}

.borrar_carrito{
  position: absolute;
  top: 18px;
  left: 5px; 
  width: 30px !important;
  height: 20px;
  padding-top: 0px;
  text-align: center;
  color: red;
  font-size: 20px;
  cursor: pointer;
}
.cont-archivo  .drop-imagen {
    height: 170px;
}

/* REEMPLAZAR COLORES DE PAGES. */
/* FONDO BARRA LATERAL */
body nav.page-sidebar{
	background-color: #00437C;
}
/* FONDO MENUS SECUNDARIOS */
body .page-sidebar .sidebar-menu .menu-items > li ul.sub-menu{
	background-color: #003866;
}
/* HEADER MENU LATERAL */
body .page-sidebar .sidebar-header{
	background-color: #002442;
	border-bottom: solid 1px #E2232A;
}
/* HEADER */
body .header{
	background-color: #FFF;
	border-bottom: solid 1px #E2232A;
}
/* FUENTE HEADER */
body .header .font-heading > span, body .header .font-heading > a, body .header div.header-inner > a{
	color: #000 !important;
}
body .btn-link.notificaciones {
	display: none;
}
/* ICONOS DE MENU LATERAL */
body .icon-thumbnail{
	background: #00437C none repeat scroll 0 0;
}
/* ICONOS SUBMENU */
body .page-sidebar .sidebar-menu .menu-items > li ul.sub-menu > li .icon-thumbnail{
	background: #003866 none repeat scroll 0 0;
}
/* FUENTE MENU LATERAL */
body .page-sidebar a, body .page-sidebar button, body .page-sidebar i, body .page-sidebar .sidebar-menu .menu-items li > a{
	color: #FFF;
}
/* FUENTE :HOVER MENU LATERAL */
body .page-sidebar .sidebar-menu .menu-items li:hover > a, .page-sidebar .sidebar-menu .menu-items li.open > a, .page-sidebar .sidebar-menu .menu-items li.active > a {
    color: #ABD8FC;
}

/* ESTILO VARIABLE GLOBAL COLORES */
.opt-Azul{
	color: #00437C !important;
	background: #00437C !important;
}
.opt-Rosa{
	color: #faa6ff !important;
	background: #faa6ff !important;
}
.opt-Gris{
	color: #30343f !important;
	background: #30343f !important;
}
.opt-Rojo{
	color: #cc2936 !important;
	background: #cc2936 !important;
}
.opt-Vino{
	color: #3d0814 !important;
	background: #3d0814 !important;
}
.opt-Morado{
	color: #8a4f7d !important;
	background: #8a4f7d !important;
}
.opt-Amarillo{
	color: #fff275 !important;
	background: #fff275 !important;
}
.opt-Naranja{
	color: #ff8c42 !important;
	background: #ff8c42 !important;
}
.opt-Verde{
	color: #b4dc7f !important;
	background: #b4dc7f !important;
}
.opt-Negro{
	color: #000 !important;
	background: #000 !important;
}

.opt-Azul:hover, .opt-Rosa:hover, .opt-Gris:hover, .opt-Rojo:hover, .opt-Vino:hover, .opt-Morado:hover, .opt-Amarillo:hover, .opt-Naranja:hover, .opt-Verde:hover, .opt-Negro:hover{
	color: #fff !important;
}

/* ESTILO SWIPER */
body .swiper-button-next{
	right: 40px;
}
body .swiper-button-prev{
	left: 40px;
}

#loading-app {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    top: 0;
    left: 0;
    z-index: 99999;
}

#loading-app .cont-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #ffffff;
    font-size: 24px;
}

#loading-app .mensaje {
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 15px;
    font-family: "Segoe UI", sans-serif;
}

#loading-app img {
	display: block;
	margin: 0 auto;
}

#accordionSurtimiento .panel-heading{
	height:75px;
	text-align:center;
}
#accordionSurtimiento.panel-group {
    max-height: 315px !important;
    overflow-y: scroll;
}
#accordionSurtimiento .panel-heading a{
	opacity: 1 !important;
}

.archivo{
	text-align:center;
}
.click_listo {transition: background; 2s, ease; }

#menu-menu-1 li:first-child { margin: 30px 0 0 0; }

#menu-menu-1 li ul.sub-menu li:first-child { margin: 0; }

a.btn-link { opacity: 1 !important; }

.labelzeuz { font-family: "Montserrat" !important; font-size: 11px !important; font-weight: 600 !important; text-transform: uppercase !important; }

.tablezeuz .panel-heading a { opacity: 1; }

#conceptos table{
	margin: 10px 0;
}

#conceptos, #conceptos th{
		text-align:center;
}

#conceptos.hide{
	display:none;
}

.dropfile{
	margin: 15px 0;
}

.point{
	border-radius:100%;
	width:15px;
	height:15px;
	text-align: center;
	margin: 15px auto;
	
}
.badge-ready {
    background-color: #01DF01 !important;
    color: #ffffff !important;
}

#razon {
  border: 1px solid #EDEDED;
  border-radius: 7px;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 5%;
  width: 80%;
  color: #BBBBBB;
  display: block;
}

.center_div{
		width: 100%;
		margin: 0 auto;
}
.center{
	width: 100%;
	text-align: center;
}

.center div{
	text-align: center;
}

.hidden_field{
	display:none !important;
}

.border-danger{
	border-style: solid;
    border-color:  #F55753 !important;
    border-width: 3px;
    border-radius: 5px !important;
}

.border-warning{
	border-style: solid;
    border-color:  #E2232A !important;
    border-width: 3px;
    border-radius: 5px !important;
}

.widget_cobranza{
    border: 1px solid #dedede;
    height: 500px ;
    margin: 10px 0 0 0 ;
    border-radius:5px;
    background: none;
}

.cobro-widget .widget_cobranza h3.pull-right.semi-bold {
    font-size: 24px;
    box-sizing: border-box;
    text-align: right;
}

.tr-success td{
	background-color: #40D9CA !important;	
}
.tr-success-two td{
	background-color: #10CFBD !important;	
}
.tr-warning td{
	background-color: #F9D975 !important;	
}
.tr-warning-two td{
	background-color: #F8D053 !important;	
}
.tr-danger td{
	background-color: #F77975 !important;	
}
.tr-danger-two td{
	background-color: #F55753 !important;	
}

.tr-success:hover td{
	background-color: #CFF5F2 !important;	
}
.tr-warning:hover td,.tr-warning-two:hover td{
	background-color: #FEF6DD !important;	
}
.tr-danger:hover td,.tr-danger-two:hover td {
	background-color:  #FDDDDD !important;	
}
.show {
	display:block;
}
.centrar >*{
	width: 90% !important;
	/*min-width: 200px;*/
	 position: relative;
	 /*left: 50%;*/
	 transform: translateX(10px);
}
.center>*{

	margin: auto;
}

.bg-image{
	width: 100%;
}



.realiza_surtido {
    /*color: white;*/
    height: 30px !important;
    width: 100% !important;;
}

.cant_input, .surtidounidades input {
    height: inherit;
    font-size:80px;
    text-align:center;
    padding: 10px 0;
    width:80%;
}

.row.centrar.buttons-field {
    margin: 10px 0;
}

.center-text{
	text-align:center;
	font-size:15px;
}


#modal_addfamilia{
	transform: translate(0px,25%);
}
.vert-align {
	position: absolute;
    top: 50%;
    transform: translate(0px, -50%);
}
.num_cajas.textc.secund.inp_nb {
    display: block;
    width: 100%;
    height:30 px;
    font-size: 25px;
}

.m_num_cajas.btn.btn_cust.btn-primary {
    box-sizing: border-box;
    padding: 4px;
    text-align: center;
    height:30 px;
    width: 100%;
}

.p_num_cajas.btn.btn_cust.btn-primary {
    box-sizing: border-box;
    padding: 4px;
    text-align: center;
    height:30 px;
    width: 100%;
}
.centrar2 >*{
	width: 50%;
	float: left;
}
.centrar3 >*{
	width: 33%;
	float: left;
}
.centrar4 >*{
	width: 25%;
	float: left;
	font-size: 10px;
}
.centrar4{
	width:100%;
}
.pull-rght{
	width: 100%;
}
.pull-right >*{
	float: right;
}
.centrar3 p{
	font-size: 18px !important;
	text-align:center;
}

.cliente_pedido2{
	border: 0px solid;
	outline: none;
	font-size: 50px; 
}

.big_input{
	border: 0px solid;
	font-size: 100px; 
	text-align: center;
	width: 200px;
}

.inp_nb{
	border: 0px solid;
	text-align: right;
}
input[type='number'] {
    -moz-appearance:textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

#modalLarge{
	overflow-y: auto;
}

.modal_select_cant{
	width: 40%;
	border: 0px solid;
	text-align: right;
}

#cobrar_pedidos div.widget-11-table, #pagar_recibo div.widget-11-table{
    padding: 0 20px;
}

#pagar_recibo div.widget-11-table {
    max-height: 180px !important;
}


div.widget-11-table {
    background: transparent none repeat scroll 0 0 !important;
    height: auto !important;
    max-height: 230px !important;
}

.tabla-widget {
    height: 310px!important;
    background: transparent!important;
}
.btn_cust{
	width: 80%;
	/*max-width: 40px;*/
	height:  40px;
}

.btn.cambio_rad, .btn.pesomanual_surtido{
    height: 40px;
    text-align: center;
    padding-top: 8px;
}

.textc{
	text-align: center;
}

.tabla-left{
	float: left;
	width: 30%;
}

.tabla-right{
	float: left;
	width: 70%;
	overflow: hidden;
}
.tabla-left ul, .tabla-right ul{
	float: left;
	width: 100%;
}

.tabla-left li{
	width: 20%;
	box-sizing: border-box;
	float: left;
	padding: 5px;
	text-align: center;
	list-style: none;
}
.tabla-left .tabla-left-buttons li {
	float: right;
	width: 35%;
}


.tabla-right li{
	width: 20%;
	box-sizing: border-box;
	float: left;
	padding: 5px;
	text-align: center;
	list-style: none;
}

.table{
	padding:0;
}


.table li{
	list-style:none;
}

.table .encabezado {
  /*border-bottom: 1px solid #111;*/
  color: rgba(44, 44, 44, 0.35);
  font-family: "Montserrat";
  font-size: 13px;
  font-weight: bold;
  list-style: outside none none;
  text-transform: uppercase;
}
.table-responsive th, .table-responsive td { white-space: nowrap; }
.table-responsive th, .table-responsive td.no-overflow-td { white-space: normal !important; }

.cliente_pedido2, .modal_select_cant{
	text-align: center;
}
#false{
	opacity: 0% !important;
	display: none !important;
}
.client-name2{
	display:block;
	max-height: 60px;
	/*overflow-x: hidden;
	overflow-y: hidden;*/
}
.client-name2 span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.client-name3{
	/*display:block;*/
	max-height: 60px;
	overflow-x: hidden;
}
.DTFC_LeftBodyWrapper {
    background-color: #fff;
    z-index: 5;
}
form .row .pedido_cant [class*="col-"]:first-child{
	padding-left: 20px;
}
form .row .pedido_cant [class*="col-"]:last-child{
	padding-right: 20px;
}
.table li > div {
  line-height: 50px;
  overflow: hidden;
  padding: 7px 21px !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.table li:hover {
  cursor: all-scroll;
}

li.placeholder {
  background: #fed6d6 ;
  min-height: 5px;
}


 .swiper-container {
        width: 100%;
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .swiper-slide {
        background-position: center;
        background-color: #FFF;
        background-size: cover;
        width: 50%;
        height: 500px !important; 
        border-radius: 30px;
    }
    
	.content_pedidos {
	    box-sizing: border-box;
	    height: 77%;
	    width: 100%;
	    overflow: auto;
	    padding: 10px;
	    position: relative;
	    text-align: center;
	}
    
    .rel_pos{
    	position: relative;
    }
    
    .select-area .center.center-icon{
    	margin: 20px 0;
    }
    
    .info_producto{
    	position: absolute;
    	width:50%;
    	text-align:center;
    }
    
    .info_cliente{
    	overflow-x: auto;  
    }
thead .fixed {/*
    position: fixed;
    top: 0;
    height: 60px;
    width: 100%;
    z-index: 800;
    background-color: #fff;
    -webkit-transition: background 0.4s ease,height 0.4s ease;
    transition: background 0.4s ease,height 0.4s ease;
*/}
.swiper-slide {
    border: 1px solid #ddd;
    border-radius: 15px;
    box-sizing: border-box;
    padding: 20px auto;
    overflow: hidden;
}
.v-align-middle > img {
    border-radius: 10px;
}
.swiper-slide .row.head_slider{
	padding: 10px 15px;
	border-bottom: 1px solid #ddd;
}
.info_producto.col-sm-6 {
    padding-top: 5px;
    display: inline-block;
}
.row .info_cliente h5 {
    margin-top: 0;
    margin-bottom: 7px; 
    line-height: 23px; 
}
.row .info_cliente p{
	margin-bottom: 5px;
}
#clientesrutas .row{
	display:inline;
}
.center-icon {
    position: absolute;
    top: 50%;
    transform: translate(0px, -50%);
    width: 105%;
}
a.tooltips {
  position: relative;
  display: inline;
  
}
a.tooltips span {
  position: absolute;
  width:140px;
  color: #FFFFFF;
  background: #000000;
  height: 30px;
  line-height: 30px;
  text-align: center;
  visibility: hidden;
  border-radius: 6px;
  overflow: visible!important;
}
a.tooltips span:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -8px;
  width: 0; height: 0;
  border-right: 8px solid #000000;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  overflow: visible!important;
}
a:hover.tooltips span {
  visibility: visible;
  opacity: 0.8;
  left: 100%;
  top: 50%;
  margin-top: -15px;
  margin-left: 15px;
  z-index: 999;
  overflow: visible!important;
}

#header-fixed{
    position: fixed;
    /*width: 100%;*/
    top: 60px; 
    display:none;
    /*background-color: white;*/
    z-index: 5;
}

.dataTables_length{
	display: none;
}
.dataTables_filter input{
	background-color: #ffffff;
    background-image: none;
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 2px;
    box-shadow: none;
    color: #2c2c2c;
    font-family: Arial,sans-serif;
    font-size: 14px;
    font-weight: normal;
    height: 35px;
    line-height: normal;
    min-height: 35px;
    outline: 0 none;
    padding: 9px 12px;
    transition: background 0.2s linear 0s;
    vertical-align: middle;
}
.auxiliar{
	display:none;
}
.swiper-slide-active{
	border: 3px solid !important;
	border-color: #8d8d8d;
}

.swiper-slide.slide-faltante {
    background: #fefbf2 none repeat scroll 0 0;
}

.swiper-slide.slide-faltante.swiper-slide-active {
    border-color: #957d32 !important;
}

.row.head_slider .msj-faltante {
    font-weight: bold;
}

.row.head_slider p {
    margin: 0;
    text-align: center;
}


.del {
    margin-top: 35px;
}

.body-overflow{
	display:block;
	overflow-y: auto;
}
.bottom_border{
	display: block;
	border-bottom: 1px solid #EDEDED;
	height: 43px;
}
.rep_rec{
	/*height: 230px !important;*/
	height:175px !important;
}
.rep_rec input{
	text-align:center;
}
.input_recibo.cantkg {
    border: 1px solid #dedede !important;
    display: block;
    font-size: 40px;
    height: 55px !important;
    padding: 8px !important;
}

.input_recibo{
	margin-top: 7px!important;
	border: 1px solid #EDEDED;
	text-align: center;
}
#row-repeater-compras .row.repeater-item{
	border-bottom: 1px solid #777777;
	margin: 10px 0 15px;
}

.info_prod_compra .prod_name p{
    font-size: 20px;
 }

.info_prod_compra .prod_name {
    font-size: 20px;
    left: 60%;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
}
.info_prod_compra .prod_img{
	background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: auto 100% !important;
    display: block;
    height: 100%; 
}
.prod_img{
	background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: auto 100% !important;
    display: block;
    height: 50px; 
}
.badge-notif{
	transform: translate(-20px, 0);
}
.hidden{
	display:none !important;
}

.btn-link.icon-set.menu-hambuger-plus.m-l-20.sm-no-margin.hidden-sm.hidden-xs {
    margin-top: 60%;
}
.icono_not{
	margin-left: 10px;
    margin-top: 8px;
}
#alerts .scroll-wrapper > .scroll-content {
    border: medium none !important;
    box-sizing: content-box !important;
    height: 100%!important;
    left: 0;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: auto !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: 100%;
}

#precios_wrapper img {
    border-radius: 100%;
    width: 100%;
}
.style-scope.lista-productos img{
    border-radius: 100%;
}
.not_img{
	background-size: 100% auto;
	background-position:center;
    border-radius: 20px;
    height: 40px;
    width: 40px;
	
}
.not_warning{
	border: 1px solid yellow;
}
.not_red{
	border: 1px solid red;
}
.set_hidden{
	opacity:0;
}
.sm-notif div{
	transform: translate(0, 8px);
}
.sm-notif span{
	transform: translate(13px, -18px);
}

.cover-white{
	background-color: #fff;
    display: block;
    height: 100%;
    width: 100%;
    z-index: 10;
    position:absolute;
}
.cover-white > div{
	height: 100%;
    width: 100%;
	position:relative;
}
.cover-white .center-icon{
	text-align:center;
}

#accordionSurtimiento button.active-select.btn-default{
	color: #10CFBD !important;
}

#accordionSurtimiento button.active-select.btn-default.active{
	background: #10CFBD !important;
	color: #FFF !important;
}

.center-margin{
	margin: 0 auto;
}

.signo:before {
    content: "$";
}

.twobtn-group{
	margin: 10px;
}

.total_cobranza{
	font-size: 24px;
	margin: 20px 0 10px 0;
	text-align:right;
}

.total_cobranza.main-reporte {
    margin: 40px 15px 10px;
    border-top: 1px solid;
    padding-top: 10px;
}

#modalBitacora .note-editable{
		height:100px;
}
.alert-list.row{
	border-bottom: 1px solid gray;
    margin: 0 5px;
    padding: 10px 0 !important;
}

.simbology span {
    padding: 0 10px;
    position: absolute;
    top: 50%;
    transform: translate(0px, 50%);
}

.kgs:after {
    content: " Kgs";
}
.pzas:after {
    content: " Pzas";
}
.lts:after {
    content: " Lts";
}

.info_producto p{
	 min-height: 45px;
    overflow: hidden;
    font-size: 1em !important;
    line-height: 14px;
    max-height: 3em;
}

.content_pedidos.row.scroll-content {
    overflow: hidden !important;
}

.scroll-wrapper.list-view.boreded.no-top-border.view-notif {
    height: 95vh;
}

.col-xs-5.client-name2 .text-success, .col-xs-7.client-name2 .text-success{
	font-size: 20px;
	line-height: 25px;
	margin: 0px !important;

}

.col-xs-5.client-name2, .col-xs-7.client-name2 {
    padding: 0;
}

.cliente_pedido2.nocentertext{
	text-align: left !important;
}

.bg-master-lighter .pg-power {
    margin: 10px 0;
}

.spinner {
    background: rgba(255, 255, 255, 0.95) none repeat scroll 0 0;
    height: 100%;
    position: absolute;
    width: 100%;
}
.spinner i {
  position: absolute;
  text-align: center;
  top: 50%;
  width: 100%;
}

#close-notif:hover{
	cursor: pointer;
}

.prod_list .cliente_pedido2.cambia_pedido2 {
    width: 150px !important;
    border: 1px solid gray;
}

.confirm_response .fa.fa-spin.fa-cog {
    left: 45%;
    position: absolute;
    top: 70%;
}

div.row.btn-panel{
	margin: 15px 0px 0px 0px;
}

img.min-thumbnail.center-image {
    width: 50%;
}

div.col-sm-12.info-contrarecibo {
    margin: 10px 0;
}

/*LIST TABLE*/
.list-table {
  margin-top: 5px;
}

.list-table .list-body  {
	padding: 0;
}
.list-table .list-header {
  text-transform: uppercase;
  font-weight: 600;
  font-family: 'Montserrat';
  font-size: 13px;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-left:10px;
  vertical-align: middle;
  border-bottom: 1px solid rgba(230, 230, 230, 0.7);
  color: rgba(44, 44, 44, 0.35);
   /*margin-left:15px;*/
}

.list-table .list-body  div >  li, .list-table .list-body >  li.row {
  list-style:none;
  background: #fff;
  border-bottom: 1px solid rgba(230, 230, 230, 0.7);
  border-top: 0px;
  padding: 10px 20px !important;
  font-size: 13.5px;
  /*margin-left:15px;*/
}

.list-table .list-body  div >  li:hover, .list-table .list-body >  li.row:hover{
	 background: #daeffd;
}

form.admin-listas ul li {
  list-style:none;
  background: #fff;
  border-bottom: 1px solid rgba(230, 230, 230, 0.7);
  border-top: 0px;
  font-size: 13.5px;
}

form.admin-listas ul li div{
	  padding: 5px 0;
}
form.admin-listas ul li div:hover{
	 background: #daeffd;
}
.list-body ul ul {
    margin-top: -3px;
}
.admin-listas li .row {
    align-items: center;
    display: flex;
    justify-content: center;
}
.admin-listas li .row img{
    max-width: 50px;
}
.row .dataTables_wrapper #compras_h tbody tr:last-child td{
	  font-size: 1.4em;
	  padding:14px 0;
}
.row .dataTables_wrapper #compras_h tbody tr:last-child td:first-child{
	  text-align: right;
	  padding: 14px 0 10px;
}

div .row.info-total, .table.table-condensed tbody tr.info-total {
	display: block;
    font-size: 1.7em;
    padding: 20px 0 10px;
}

div .row.info-total div:first-child, .table.table-condensed tbody tr.info-total td:first-child {
	text-align:right;
}

button.pull-right i,button.pull-right span {
    float: none;
}

li.bg-success{
	background-color: rgba(64, 217, 202, 0.3);	
}

div.modal-body .center-icon{
	left: 45%;
    position: absolute;
    top: -15%;
    transform: translate(0px, -50%);
    width: 20%;
}

.list-table .list-body .checkbox {
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
}

.panel.panel-default.surtido{
	display:none !important;
}
/*
.panel-heading.surtido{
	background: rgba(0, 255, 50, 0.2) !important;
	display:none !important;
}*/

.panel.panel-default.surtiendo .panel-heading{
	background: rgba(200, 200, 200, 0.4) !important;
}
.panel.panel-default.surtiendo .panel-heading img, .panel-heading.surtiendo img{
	filter:grayscale(100%);
}

.form-group-default label.fade.cambio_radp{
	opacity:1;
}

.form-control.tit-notify.input_recibo.cantkg.bascula_actual {
    color: #000;
}

#nuevorecibo .row.center-btns {
    box-sizing: border-box;
    margin: 12px 0;
 }
 .num_cajasp.center.textc.hidden_fields.textc.inp_nb.col-sm-6 {
    font-size: 30px;
}


.modal-keybd {
    box-sizing: border-box;
    margin: 10px 0 20px;
}

.modal-keybd button {
    margin: 5px;
    width: 80px;
    height: 50px;
    background:rgba(250,250,250,1);
    border: 1px solid  #232B31;
	font-size: 20px;
}

.input-keybd {
    color: #232B31 !important;
    font-size: 2em;
    text-align: center;
}

.modal-keybd button.btn.btn-default i.fa.fa-circle {
    font-size: 6px;
}

.recibo-btns {
	font-size:20px;
}

.recibo-btns .center .btn.btn-recibo {
	margin: 15px 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 95px;
	font-size: 18px;
}
.compra_peso.divPeso .btn {
    height: 40px;
    padding-top: 7.5px;
    font-size: 1em;
    font-weight: bold;
}

.cancel_pedido {
    color: #a5a4a4;
    padding: 0 10px;
}
.cancel_pedido:hover{
    color: #7D7D7D;
}
.cant_input.input_unit,input.input_unit {
    background: #f7f7f7;
    border: 1px solid !important;
    font-size: 25px;
    margin: 0 auto !important;
    padding: 10px 0;
    width: 35%;
}

div.form-control.inputprecio{
	width:50% !important;
}

.middle-checkbox .checkbox input[type="checkbox"]:checked + label::after {
    float: none !important;
    text-align: left;
}

div .panel-group .panel-heading .panel-title > a::after {
    font-size: 20px !important;
}

.switch-div.form-group span {
    margin: 0 3px;
}

input.inputunidad {
    border: 1px solid #dedede !important;
    display: block;
    font-size: 50px;
    height: 75% !important;
    margin-top: 7px !important;
    padding: 10px !important;
    text-align: center;
}
div.compra_unidad, div.switch-div{
	display: none;
}
.form-recibo .btn.showNKB {
    box-sizing: border-box;
    display: block;
    margin: 10px 28px;
    width: 89% !important;
}

.switcherdiv span {
    margin: 0 2px;
}

.panel-body #nuevorecibo .btn {
    padding-bottom: 10px;
    padding-top: 10px;
}

.s-div-addUser{
	text-align: right;
}
.s-div-buttonsUsuario{
	text-align: center;
}
.s-div-buttonsUsuario button{
	margin: 10px;
}
form.form-ajax.clientes input.form-control{
	height:36px;
} 

.form-group.required:not(.form-group-default) label::after {
    color: #f55753;
    content: "*";
    font-family: arial;
    font-size: 18px;
}

.diasopc .col-sm-1 {
    margin: 0 15px;
}
.form-control.pull-left.inputmonto.autonumeric,
.form-control.pull-left.inputprecio.autonumeric {
    width: 100%;
}

body .login-wrapper .bg-pic img {
    object-fit: cover;
    width: 100%;
}

.row.row-alert .alert {
    margin-left: 20px;
    margin-top: 20px !important;
}
.s-div-exp-excel{
	text-align: right;
	margin-top: 15px;
}
.s-div-exp-excel a{
	color: #0090D9;
}
.s-a-exportar-excel{
	margin: 0 15px;
}

.row.rowspace {
    margin: 15px 0 0;
}

#preciospruebas.dataTable thead th .click_precios{
	/*min-width:60px;*/
}
.s-div-elemento-checar button, .s-div-elemento-checar input{
	border: solid 1px #E2232A;
}


/*.fixedPrices.dataTable thead th:nth-child(3),
#preciospruebas.dataTable thead th:nth-child(4),td:nth-child(4), #preciospruebas.dataTable thead th:nth-child(5),td:nth-child(5), #preciospruebas.dataTable thead th:nth-child(3),td:nth-child(3) {
	padding-left:15px !important;
	padding-right:15px !important;	
	overflow: hidden;
	max-width:150px;
	box-sizing: border-box;
}*/

.row.btn-row{
	padding: 10px 0 5px 0;	
}

.a-span-warning-price{
	display: none;
}
.barcode{
	font-family: "Bar-Code 39";
	font-weight: normal;
}
.s-div-barcodes{
	padding-top: 15px;
	text-align: center;
	font-size: 30px;
}

#nuevoprod .row.pull-right {
    margin-top: 15px;
}

#preciospruebas-header th:nth-child(1) .btn.btn-info.click_precios:first-child, #preciospruebas th:nth-child(1) .btn.btn-info.click_precios:first-child{
	opacity: 0;
}

#app div.table-responsive.limpiar{
	position:relative;
}

div.search-hover {
    background-color: #FFF;
    height: 100%;
    opacity: 0.9;
    position: absolute;
    text-align: center;
    width: 98%;
    z-index: 10;
}
div.search-hover.block {
    position: relative !important;
}

div.search-hover p{
	font-size: 20px;
    margin-top:5px;    
}
 div.search-hover i {
 	margin-top: 3%;
}
.s-spn-warning-price{
	color: #E2232A;
}
#preciospruebas tbody tr td:first-child{
	text-align: right;
}
.admin-listas ul {
    box-sizing: border-box;
    max-height: 450px;
    overflow-y: scroll;
}

.col-sm-11.nocentertext.cliente_pedido2 {
    box-sizing: border-box;
    font-size: 40px;
    line-height: 55px;
    position: absolute;
    top: 10px;
}
.cliente_pedido1.col-sm-10 {
    position: relative;
}
.row.cliente-info{
	margin: 0 0 30px 0;
}

.bitacoraf > .row.form-group div.col-sm-4 > * {
    margin: 0;
}

#revision_compras {
    max-width: 100% !important;
    overflow-x: scroll !important;
    display: block;
}

#revision_compras tbody td.fixed-precio {
    min-width: 105px !important;
    text-align:center !important;
}


table#revision_compras tbody tr > :first-child{
	text-align: right;
}
table#revision_compras tbody tr span i{
	margin-bottom: 8px;
	margin-right: 5px;
}

table.clientes-semana ul{
	padding: 0;
}
.info-faltante.row{
	margin: 0;	
}
.info-faltante li {
    list-style:  none;
}
.info-faltante p {
    margin: 10px 0 0;
}

#accordion-surtidos .center .checkbox {
    top: -25%;
    left: 10%;
    text-align: center;
}
#accordion-surtidos .center .checkbox label{
    text-align: left;
}

.filtro-precios .radio label {
    margin: 0;
    max-height: 1em;
    overflow: hidden;
    text-overflow: ellipsis !important;
    white-space: nowrap;
    width: 100%;
}

#cobrar_pedidos table, #cobrar_pedidos table tr.row td a,#pagar_recibo table, #pagar_recibo table tr.row td a  {
     font-family: Montserrat;
     color:#626262;
}
.stroked{
	text-decoration: line-through;
}

#accordionCobros {
    margin: 15px 0;
}

.panel-title.sub-title {
    font-size: 12px !important;
    font-weight: 600;
    padding:5px 20px 0px !important;
    font-family: 'Montserrat';
	text-transform: uppercase;
	display: inline-block;
	letter-spacing: 0.02em;
	margin: 0;
	padding: 0;
	line-height: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-stroke: 0px;
	filter: alpha(opacity=40);
	-webkit-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
    
}

div.repeaterRow.row {
    margin: 10px 0;
}

.danger-text {
    color: #f55753;
    font-size: 11px !important;
    line-height: 15px;
}

.table-tr.prod_precio {
    border-bottom: 1px solid;
    margin: 0 10px;
    padding: 10px 0;
    border-color: #CCCCCC;
    display: block;
}

.table-tr.prod_precio > div{
	display: inline-block;
  	vertical-align: middle;
}

.cont-archivo.file-medium{
	margin: 0 2% !important;
}
.cont-archivo.file-medium > .archivo {
    height: 170px !important;
}

 .listsort{
 	min-height:75px;
 	border: 1px solid black;
 }

input.center-text{
	text-align:center !important;
}
.reciboArea {
    margin: 50px 0;
}

.loadingData {
    height: 80%;
    background: white;
    z-index: 1;
    display: block;
    position: absolute;
    width: 100%;
}

.loadingData p{
	text-align:center;
}
.loadingData i {
    position: absolute;
    top: 40%;
    transform: translate(0%,-50%);
}

input.num_cajasp {
    margin: 0 !important;
    width: 113%;
}

#pedidos_entrega { position: relative;}

.overlay-min {
    background: #fff;
    text-align: center;
    padding: 15px;
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
}

.over-content-area {
    position: relative;
    width: 100%;
    height: 100%;
}

.over-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

#pedidos_entrega .checkbox label::after {
    left: 1.1px;
}
#pedidos_entrega .checkbox label{margin-right: 0px;}

.realiza_surtido {
    border: none;
    padding: 0px;
}
#info_basculaact {
    width: 100%;
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 5px;
}

.page-sidebar .menu-items a, .page-sidebar .menu-items button {
    color: #a9aebb;
}
.repeater_delete_item {
    font-size: 20px;
    color: gray;
    margin: 0 5px 8px;
}
.repeater_delete_item:hover{
	color: #626262;
}

th.col-sm-1.min-col {
    width: 4.16% !important;
    padding: 10px 5px !important;
}

.modal-body .widget-11.panel .p-l-25.p-r-25.p-b-20 {
    padding-bottom: 5px !important;
}

form#cobrar_pedidos td, form#cobrar_pedidos th,form#pagar_recibo td,form#pagar_recibo th{
    font-size: 12px !important;
}
form#cobrar_pedidos input[type="checkbox"],form#pagar_recibo input[type="checkbox"]{
    margin: 0px !important;
}

#pagar_recibo table.table.table-condensed tr.row .col-sm-1, #pagar_recibo table.table.table-condensed tr.row .col-sm-3, #pagar_recibo table.table.table-condensed tr.row .col-sm-4,
#cobrar_pedidos table.table.table-condensed tr.row .col-sm-1, #cobrar_pedidos table.table.table-condensed tr.row .col-sm-3, #cobrar_pedidos table.table.table-condensed tr.row .col-sm-4 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}
.fixed-header-table{
	background-color:#FFF;
	z-index: 1;
}

#div-tabla-precios .forty-width,#div-tabla-precios .sixty-width{
	float:left;	
}

#preciospruebas1{
	height:100%;	
}

#preciospruebas1 tbody tr td{
	height:39px !important;
}


#div-tabla-precios .forty-width{
	/*width:25%;*/
	width:334px;
	overflow-x: scroll;
	overflow-y: hidden;
	max-height: 80vh;
}

#div-tabla-precios .sixty-width{
	/*width:75%;*/	
	width:calc(100% - 334px);
	overflow-x: scroll;
	overflow-y: scroll;
	max-height: 80vh;
	position:relative; 
}

/*#div-tabla-precios > .forty-width td, #div-tabla-precios > .sixty-width td{
	padding-top: 2px !important;
	padding-bottom: 0px !important;
}*/

#div-tabla-precios .sixty-width table,#div-tabla-precios .forty-width table{
	/*overflow-y: scroll;
    max-height:400px;*/    
}

#div-tabla-precios {
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
}

#div-tabla-precios .full.fixed-header-precios .forty-width, #div-tabla-precios .full.fixed-header-precios .sixty-width {
    overflow-x: hidden;
    overflow-y: hidden;
}
#preciospruebas-header.table thead tr th:nth-child(1), #preciospruebas-header.table thead tr th:nth-child(2) {
    width: 161px !important;
}

.nombreprod label.form-control {
    border: none;
    margin: 0 0 4.15px 0;
}

.ar-2-3.widget-1-wrapper.modal-cobros {
    height: 810px !important;
}

.table.table-detailed tbody tr.row-details{
	display:none;
}

form input.form-control.min-form {
    width: 50% !important;
    margin: auto !important;
    text-align: center !important;
}

#editar-factura table.table.table-detailed {
    margin-top: 20px !important;
}

#compras_h thead .checkbox, #compras_h thead .checkbox label {
    margin: 0 !important;
    padding: 0 !important;
}
#compras_h thead .checkbox label {
    margin: 10px 0 0 !important;
}
#editar-factura {
    margin-bottom: 25px !important;
}

.table-wrapper #clientes-faltantes.table.dataTable {
    width: 100% !important;
    overflow: scroll;
    display: block;
}

#clientes-faltantes tbody td p, #clientes-faltantes thead th {
    text-align: center;
}
.btn.btn-form {
    margin: 20% auto 0;
}
#accordionFact {
    max-height: 300px !important;
    overflow-y: scroll;
}

.swiper-button-next, .swiper-button-prev{
	background-color: #FFF !important;
	width: 80px !important;
	height: 220px !important;
	padding: 20px !important;
	border-radius: 10px;
	border: solid 1px #007AFF;
	border-box: box-sizing !important;
}

.flex {
	display: flex;
}

.align-middle {
	align-self: center;
}

.cont-cantidad-producto {
	max-width: 150px;
}

.cont-cantidad-producto .cantidad-producto {
	outline: none;
	font-size: 40px;
	text-align: center;
	border: 1px solid gray;
	width: 100%;
}

#modalEditPedidos .cont-cantidad-producto .cantidad-producto {
	outline: none;
	font-size: 16px;
	text-align: center;
	border: 1px solid gray;
	width: 100%;
}

.cont-cantidad-producto p {
	text-align: center;
	font-size: 14px;
	width: 100%;
	margin-top: 10px;
}

.totales-pedido-f p{
	display: block;
	text-align: right;
	font-size: 16px;
	margin: 0 10px 10px 0;
}

.totales-pedido-f {
	margin-bottom: 20px;
}

.totales-pedido-f p span {
	display: inline-block;
	min-width: 60px;
}

.btn-primary {
	background: #146797 !important;
	border-color: #146797 !important;
	color: #fff !important;
}

body .select2-results .select2-highlighted {
	background: #146797;
}

body .select2-results .select2-highlighted .select2-result-label {
	color: #fff;
}

.cont-botones-pedido-f {
	display: none;
}

#modal-agregar-pedido-f table .cantidad-producto {
	outline: none;
	font-size: 20px;
	padding: 10px;
	text-align: center;
	border: 1px solid gray;
	width: 100%;
}

#modal-agregar-pedido-f table p {
	text-align: center;
	font-size: 14px;
	width: 100%;
	margin-top: 5px;
}

#modal-agregar-pedido-f td {
	vertical-align: middle;
	overflow: auto;
	white-space: normal;
}

.table tbody tr.tr-producto-no-validado td {
	background: #fff59d;
	cursor: pointer;
}

.table tbody tr.tr-producto-validado td {
	background: #a5d6a7;
	cursor: pointer;
}

.focus-keyboard:focus {
	box-shadow: 0px 8px 5px #146797; 
	border: 2px solid #146797;
	color: 2px solid #146797;
}

#modal-agregar-pedido-f .table tbody tr td {
	padding: 10px 20px;
}

#modal-agregar-pedido-f .bootgrid-table {
	margin-top: 40px;
}

#modal-agregar-pedido-f .bootgrid-header {
	position: fixed;
	width: 100%;
	background: #ffffff;
	z-index: 3;
	padding: 10px;
	top: -15px;
}


/* LOADER OVERLAY*/
.row.big-margin{
	margin: 60px 0;
}
.vue-overlay, .form-overlay{
    background: hsla(0, 0%, 39%, 0.45) none repeat scroll 0 0;
    color: white;
    font-size: 27pt;
    position: absolute;
    text-align: center;
    z-index: 4;
}
.slide_inner{
	overflow: hidden:
	display: block;
}
.row.slider-div {
    height: 90px;
}
.m-b{
	margin-bottom: 10px;
}

.inp-cambio_rad{
	border: solid 1px #48b0f7;
	height: 35px;
    text-align: center;
    font-size: 20px;
}
.inp-cambio_rad.active{
	background: #3E97D4;
}

.datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover:active {
	background: #146797 !important;
}

.datepicker thead tr .dow, .datepicker thead tr .next::before, .datepicker thead tr .prev::before, .datepicker thead tr .datepicker-switch, .picker-switch {
	color: #146797 !important;
	text-transform: uppercase;
}

.radio.radio-primary input[type="radio"]:checked + label::before {
	border-color: #146797 !important;
}
.danger-border{
	border: solid 1px #F55;
}

.picker-switch table {
	width: 100%;
	background: #1e91d6;
	cursor: pointer;
}

a[data-action="togglePicker"] {
	display: block;
	width: 100%;
	text-align: center;
	color: #fff;
}

.timepicker-picker td {
	text-align: center;
}

.vue-salidas_pedidos .panel-group .panel-heading .panel-title > a::after {
	top: 0;
}

.vue-salidas_pedidos .radio, .vue-salidas_pedidos .checkbox {
	margin-top: 0;
}

.vue-salidas_pedidos .btn-seleccionar {
	margin-top: -5px;
}
.checkbox.check-primary input[type="checkbox"]:checked + label::before { 
	border-color: #146797 !important;
}
.v-align-middle.s-td-actions.small-td {
    height: 81px;
}
body .swiper-slide.faltante{
	border: solid 3px #E2232A !important;
}
.v-align-middle.column-pedidos {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.cliente-col{
	width: 300px;
	padding: 0px !important;
}
.id-col{
	width: 100px;
	padding: 0px !important;
}
.s-cuenta{
	padding: 15px 0px;
	margin-top: 1px;
	border-radius: 5px;
	border: solid 1px #EEE;
	font-size: 16px;
	cursor: pointer;
}
.s-cuenta:hover{
	border: solid 1px #DDD;
}
.s-cuenta.active{
	background: #3E98D9;
	color: #FFF;
}
.s-cuenta.active:hover{
	background: #45a8ef;
}
.s-td-cobranza{
	padding: 10px 5px !important;
	min-width: 50px;
}
.s-bitacora{
	opacity: 0.3;
}
.s-ajuste-inventario{
	text-align: center;
}
.s-ajuste-inventario .txt-lg{
	font-size: 70px;
}
.s-ajuste-inventario .txt-sm{
	font-size: 16px;
	color: #626262;
}
.s-inventario-ficha{
	border: solid 1px #CCC;
	border-radius: 5px;
}
.s-inventario-cantidad{
	font-size: 70px;
}
.s-inventario-tabla{
	max-height: 300px;
}
body .font-password{
	font-family: 'password' !important;
}
.txt-red{
	color: #f00;
}
.txt-green{
	color: #12bc00;
}

/* ESTILOS TABLA DE PRECIOS */
body div#div-precios{
  overflow:auto;
  width:100%;
  height:calc(80vh - 60px);
}
body #preciospruebas td{
	padding: 2px 5px 2px 5px;
	font-size: 12px;
}
body #preciospruebas td,
body #preciospruebas th {
  width: 100px;
}

table#preciospruebas {
  table-layout: fixed;
  width:100%;
}
#preciospruebas td:first-child, th:first-child {
  position:sticky;
  left:0;
  z-index:3;
}
#preciospruebas thead tr th{
  position:sticky;
  top:0;
  z-index:4;
  background: #fff;
}
body #preciospruebas td.nombreprod{
	width: 400px;
}
#preciospruebas th:first-child {z-index:5;}

/*ESTILOS TABLA REPORTE DE INVENTARIO.*/
body #tbl-inventario td{
	padding: 5px;
}
body #tbl-inventario th{
	font-size: 14x;
}
body #tbl-inventario .td-producto p{
	font-size: 12px;
}
body #tbl-inventario .th-producto{
	width: 300px;
}