@charset "utf-8";
/* CSS Document */
.header-pag{
	background-color: #23256e;
	color:#FFF;
}
.footer-pag{
	width:100%;
	background-color:#666;
	color:#FFF;
	text-align:center;
	position:fixed;
	padding:3px;
	bottom:0px;
	z-index:3;
}
.title-acceso{
	text-align:center;
	color:#FFF;
	font-weight:bold;
}
.title-menu{
	text-align:center;
	color:#113078;
	font-weight:bold;
}
.title-pag{
	text-align:center;
	color:#113078;
	margin-top:3px;
	margin-bottom:12px;
	font-weight:bold;
}
.subtitle-pag{
	color:#666;
	margin-top:0px;
	font-weight:bold;
	margin-bottom:0px;
}
.margen-pag{
	margin-bottom:0px;
}
.menu-x1{
  background:#67CCED;
  color:#0080FF;
}
.menu-x2{
  background:#D8F781;
  color:#AEB404;
}
.menu-x3{
  background:#A9BCF5;
  color:#31708f;
}
.menu-x4{
  background:#81F79F;
  color:#3c763d;
}
.menu-x5{
  background:#C8A25B;
  color:#660;
}
.menu-x6{
  background:#6D7692;
  color:#7401DF;
}
.menu-x7{
  background:#FDD27B;
  color:#F60;
}
.menu-x8{
  background:#F78181;
  color:#900;
}


.menuhover:hover .menu{
	background:#23256e;
	color:#FFF;
}

.tamBtAcion{
	width:105px;
	height:60px;
	margin-left:5px;
	margin-bottom:10px;
	padding:0px;
}
.tamBtAcionSec{
	width:46px;
	height:34px;
}
.btn-tam1{
	margin-top:-6px;
	margin-left:-7px;
}
.marginLB10px{
	margin-left:5px;
	margin-bottom:10px;
}
.marginRB10px{
	margin-right:5px;
	margin-bottom:10px;
}
.marginB10px{
	margin-bottom:10px;
}
.marginT10px{
	margin-top:10px;
}
.marginB3px{
	margin-bottom:3px;
}
.marginB0px{
	margin-bottom:0px;
}
.marginLT10px{
	margin-left:5px;
	margin-top:10px;
}
.marginLR2P{
	margin-left:2%;
	margin-right:2%;
}
.padding0{
	padding-bottom:0px;
}
.text-justify{
	text-align:justify;
}
.colorEditar{
	color:#090;
}
.colorEliminar{
	color:#C00;
}
.colorDetalle{
	color:#06F;
}
.colorEntrega{
	color:#F60;
}
.colorProducir{
	color:#930;
}
.colorSeleccionar{
	color:#06F;
}
.imgProd{
	width:70px;
	height:70px;
	border:1px solid #999;
	border-radius:4px;
	padding:1px;
	text-align:center;
}
#tamImgProd{
	max-width:65px;
	min-width:65px;
	max-height:65px;
	min-height:65px;
}
#tamImgVD{
	max-width:100%;
	min-width:100%;
	max-height:300px;
	min-height:300px;
}
.colorEstatus0{
	color:#F00;
}
.colorEstatusCXLD{
	color:#F00;
}
.colorPDF{
	color:#900;
}
.colorCorreo{
	color:#C00;
}
.colorTicket{
	color:#9F0;
}
.colorNoTicket{
	color:#F00;
}
.colorEstatus{
	color:#00F;
}
.colorCode{
	color:#630;
}
.colorSinExistencia{
	color:#F00;
}
.tamCheckBox{
	width:25px;
	height:25px;
}
.tamCheckBox1{
	width:17px;
	height:17px;
}
.labelRadio{
	font-size:20px;
	font-weight:normal;
	margin-top:-10px;
	margin-bottom:-10px;
}
.label1Radio{
	font-size:18px;
	font-weight:bold;
	margin-top:-10px;
	margin-bottom:-10px;
}
.tamRadio{
	width:20px;
	height:20px;
}
.ocultar{
	display:none;
}
.negrita{
	font-weight:bold;
}
.panelImgVD{
	width:100%;
	height:300px;
}

.ui-autocomplete {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}

.ui-autocomplete > li > div {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}

.ui-state-hover,
.ui-state-active,
.ui-state-focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
  cursor: pointer;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.dataCambioCompraDetalle{
	width:120px;
	max-width:120px;
	margin-top:-7px;
	margin-bottom:-6px;
}
.dataCambioOrdenCompraDetalle{
	width:120px;
	max-width:120px;
	margin-top:-7px;
	margin-bottom:-6px;
}
.dataCambioVentaDetalle{
	width:120px;
	max-width:120px;
	margin-top:-7px;
	margin-bottom:-6px;
}
.dataCambioCotizacionDetalle{
	width:120px;
	max-width:120px;
	margin-top:-7px;
	margin-bottom:-6px;
}
.dataCambiopreventaDetalle{
	width:120px;
	max-width:120px;
	margin-top:-7px;
	margin-bottom:-6px;
}
.dataCambioTraspasoDetalle{
	width:120px;
	max-width:120px;
	margin-top:-7px;
	margin-bottom:-6px;
}
.dataCambioEntregaDetalle{
	width:120px;
	max-width:120px;
	margin-top:-7px;
	margin-bottom:-6px;
}
.dataCambioEntregaCompraDetalle{
	width:120px;
	max-width:120px;
	margin-top:-7px;
	margin-bottom:-6px;
}
.dataCambioBajaDetalle{
	width:120px;
	max-width:120px;
	margin-top:-7px;
	margin-bottom:-6px;
}
.titlePanelCompra{
	text-align:center;
	font-size:32px;
	background:#F00;
	color:#FFF;
	padding:3px;
}
.titlePanelVenta{
	text-align:center;
	font-size:32px;
	background:#00F;
	color:#FFF;
	padding:3px;
}
.titlePanelCotizacion{
	text-align:center;
	font-size:32px;
	background:#990;
	color:#FFF;
	padding:3px;
}
.titlePanelTraspaso{
	text-align:center;
	font-size:32px;
	background:#F90;
	color:#FFF;
	padding:3px;
}
.titlePanelEntrega{
	text-align:center;
	font-size:32px;
	background:#0F0;
	color:#FFF;
	padding:3px;
}
.titlePanelProduccion{
	text-align:center;
	font-size:32px;
	background:#09F;
	color:#FFF;
	padding:3px;
}
.titlePanelBaja{
	text-align:center;
	font-size:32px;
	background:#900;
	color:#FFF;
	padding:3px;
}
.titlePanelClienteCXC{
	text-align:center;
	font-size:32px;
	background:#930;
	color:#FFF;
	padding:3px;
}
.titlePanelProveedorCXP{
	text-align:center;
	font-size:32px;
	background:#960;
	color:#FFF;
	padding:3px;
}
.borderCafeTrans{
	border:1px solid #960;
}
.borderCafe{
	border:1px solid #930;
}
.borderRojo{
	border:1px solid #F00;
}
.borderROscuro{
	border:1px solid #900;
}
.borderAzul{
	border:1px solid #00F;
}
.borderNaranja{
	border:1px solid #F90;
}
.borderLimon{
	border:1px solid #0F0;
}
.borderVerdeCafe{
	border:1px solid #990;
}
.borderAmarilo{
	border:1px solid #09F;
}

.linea-separador{
	width:100%;
	margin-top:0px;
	float:left;
	margin-bottom:10px;
}
.linea-separador1{
	width:100%;
	margin-top:-10px;
	margin-bottom:10px;
	float:left;
}
.paddingT10{
	padding-top:10px;
}
.btFPCobrar{
	width:28.6%;
	height:50px;
}
.fondoNegro{
	background:#000;
	color:#FFF;
}
.colorBlanco{
	color:#FFF;
}
.pasoActivo{
	width:32px;
	height:32px;
	font-size:25px;
	border-radius:16px;
	background:#06F;
}
.pasoDesactivo{
	width:32px;
	height:32px;
	font-size:25px;
	color:#000;
	border-radius:16px;
	background:#CCC;
}
.modal-leg{
    width:80% !important;
}

.etiqueta{
	width:6.9cm;
	height:2.7cm;
	margin-left:0.08cm;
	font-size:12px;
	font-family:Arial;
	border:2px solid #000;
	float:left;
}
.descEtiqueta{
	width:100%;
	height:0.92cm;
	text-align:center;
	font-weight:bold;
	padding-top:0.01cm;
	padding-left:0.02cm;
	padding-right:0.02cm;
	float:left;
}
.codPreEtiqueta{
	width:50%;
	height:1.65cm;
	text-align:center;
	float:left;
}
.codLEtiqueta{
	width:100%;
	height:0.8cm;
	padding-top:0.2cm;
	font-weight:bold;
	float:left;
}
.preEtiqueta{
	width:100%;
	height:1.02cm;
	font-size:22px;
	padding-top:0.01cm;
	padding-left:0.02cm;
	padding-right:0.02cm;
	font-weight:bold;
	background:#FF0;
	float:left;
}
.codEtiqueta{
	width:100%;
	height:0.6cm;
	padding-top:0.06cm;
	float:left;
}
.letraTarEtiqueta{
	width:26%;
	height:0.63cm;
	font-size:16px;
	text-align:left;
	font-weight:bold;
	padding-left:0.06cm;
	background:#FF0;
	float:left;
}
.preTarEtiqueta{
	width:74%;
	height:0.63cm;
	font-size:16px;
	text-align:right;
	font-weight:bold;
	padding-right:0.02cm;
	float:left;
}
@media screen and (max-width:450px){
   .btFPCobrar{
	 width:96%;
	 height:80px;
	 margin-left:2%;
	 margin-right:2%;
	 margin-bottom:5px;
	}
	.modal-leg{
     width:100% !important;
   }
}
@media screen and (max-width:800px){
	
}