input[type="text"], input[type="email"],input[type="password"], textarea, select { 
    outline: none;
}
img {
  max-width: 100%; /* This rule is very important, please do not ignore this! */
}
.inputError { border:1px solid #A00000 !important;}
.formErrorContent {
background-color: #2A2A2A;
color: #FFF; word-wrap:normal; min-width:100px;
padding: 5px;
 
font-size: 11px;
border: 1px solid #CCC;
}


.tablaRegistros th{ border: 1px solid #EBEBEB !important; background-color: #f4f4f4;}

/* forma */
.formaB { width:100%; display:table; float:left; margin-bottom: 10px;}
.formaT { display:table-cell; width:150px; vertical-align: top; padding-right:10px;}
.formaC { display:table-cell; vertical-align: top;}
.requerido { font-weight:bold;}
.requerido:after {  content:" * "; color:#FF2F32; }
@media screen and (max-width: 600px) {
	.formaT, .formaC {   width:100%; float:left; display:block;}
}
/* */
/* dragg */
.dragin{ opacity:0; transition:.2 linear;}
.linea:hover .dragin { opacity:1;}
.linea:hover .elementoMueve { opacity:1;}
.draginS{ opacity:0; transition:.2 linear; cursor:move;}
.ctrlsS{ opacity:0; transition:.2 linear;}
.lineaS { width:100%;}
.lineaS:hover .draginS { opacity:1;}
.lineaS:hover .ctrlsS { opacity:1;}
/*  */
/* archivos */
.proArchivos { float:left; margin-bottom:10px; margin-right:10px; text-align:center; width:120px; text-overflow: ellipsis;  overflow: hidden; font-size:11px;}
/*  */
/* alerta */
.alerta{   z-index:99999; position:fixed; width: 100%;  display: none; height: 100vh; background-color:rgba(0,0,0,0.6); text-align:center; overflow: hidden;}
.alertaR{   z-index:99999; position:fixed; width: 100%;  display: none; height: 100vh; overflow-y: auto; background-color:rgba(0,0,0,0.6); text-align:center; overflow: hidden; padding: 20px;}
.alertaBox{ background-color:#FFF; width: 600px; top: 0; left: 50%; transform: translateX(-50%);padding:20px; box-shadow: 0px 2px 8px -2px rgba(0,0,0,0.75); position:relative;   float:left; height: 100%; overflow-y: auto;}
.alertaBoxTitulo { width:100%; text-align:center; font-size:18px;}
.alertaBoxContenido { width:100%; text-align:left; font-size:14px; z-index: 999;}
/* alerta*/
.categorias{ float: left; width: 100%;  }
.categoriasTitulo { float:left;  font-size:14px; text-transform: uppercase; border-top: 1px solid #CCC; width: 100%; padding-top: 3px;   color: #333;}
.categoriasSku { float:left;  font-size:14px; text-transform: uppercase; border-top: 1px solid #EBEBEB; width: 100%; padding-top: 3px; color:#666}
.categoriasImg { width: 100%; padding-bottom: 110%; background-size: cover; float:left; transition: all 0.2s linear; overflow: hidden;}
	
/* parametros */
.parametros{ float:right; position:relative;}
.parametrosCont { width:100px; position:absolute; background-color:#FFF; right:0; display:none; transition:linear .2;}
.parametros:hover .parametrosCont { display:block;}
/* parametros */
	
/* guardado*/
#guardado { font-size:80px; position:absolute;   z-index:999;   color:#FFF; background-color:#2f4050; left:50%;     top:-100px; opacity:0;}
/* guardado */
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 22px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga'; display:table-cell;
}
.menuInterfaseIcono{
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 15px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga'; display:table-cell; vertical-align:middle; width:1px
}
.left{ float:left !important;}
.right{ float:right !important;}
.textAlignCenter { text-align: center;}

.headerInstancia{ line-height:50px; font-size:24px; font-family: 'News Cycle', sans-serif; text-transform:uppercase; float:left; margin-left:5px;}
.menuInterfaseTexto { display:table-cell; vertical-align:middle; padding-left:5px;}
.dragin { cursor:move;}
.table { display:table; width:100%; float:left; table-layout: fixed; box-sizing:border-box;}
.tableAuto{ display:table;   float:left; table-layout: fixed;}
.flechaAtras { width:30px;  }
.borra:hover { color:#E30000 !important; cursor:pointer;}
.botonMenu:hover { color:#00A8A6; cursor:pointer;}
.opacidad { opacity:.8}
.opacidad:hover { opacity:1;}

.opacidad6 { opacity:.6}
.opacidad6:hover { opacity:1;}

.opacidad3 { opacity:.3}
.opacidad3:hover { opacity:1;}

 /* avance */
 .progresoBarraBarra{ height:5px; background-color:#EBEBEB; width:100px; float:left; margin-top:7px; margin-right:5px;}
 .progresoBarra { height:5px; background-color:#2C7CC7; max-width:100px; float:left;}
 .porcentajeArchivo { float:left; width:25px; text-align:right;}
 .progresoError { width:100%; float:left; color:#800002;}
 /* */
 

.hover { background-color:transparent; transition:linear .2s;}
.hover:hover { background-color:#EBEBEB;}
.hover2 {background-color:transparent; transition:linear .2s;}
.hover2:hover { background-color:#CDCDCD !important;}
.linea:hover { background-color:#f3f3f3;}
.linea:hover .ctrls { opacity:1;}
.none{ display: none;}
.ctrls {   
      opacity:0; border:0; border-right:0 !important;}
div { box-sizing:border-box; }
a{ color:#333;   cursor:pointer; text-decoration:none;}
a:hover{ color:#666; text-decoration:none; cursor:pointer;}
a:active { outline:none; border:none; }
p { margin:0; padding:0;}
a img { border:none; }
html { height:100%; min-height:100%;}
body {
   margin:0; height:100%; background-color:#f3f3f4;
  
  
   font-size:13px; 
   color:#333; font-family: 'Roboto', sans-serif;
}
 
 
 
table {border-collapse:collapse; font-size:13px;}
table td{ border:1px solid #EBEBEB; padding:3px;vertical-align: top }
table th { padding: 3px;}
input[type="text"], input[type="email"], input[type="password"], input[type="search"], input[type="number"], input[type="date"], textarea, select  {
	outline: none;
	background-color:none;
	padding: 5px;  border: 0;
	color: #666; border-bottom: 1px solid #eff0ef;
	font-size: 12px; box-sizing:border-box; width:100%;  
	
}
input[type="checkbox"] { margin-right:7px;}
.moneda{
   position: relative;	  
}
.moneda input {  
     padding-left:35px;
     text-align:end; 
 }
  .us:before {
     position: absolute;
     top: 0; padding:5px;
     content:"PZS"; color:#9A9A9A; font-weight:100;
 }
 
   .usd:before, .USD:before {
     position: absolute;
     top: 0; padding:5px;
     content:"US$"; color:#9A9A9A; font-weight:100;
 }
 
   .mxn:before,  .MXN:before {
     position: absolute;
     top: 0; padding:5px;
     content:"MX$";  color:#9A9A9A; font-weight:100;
 }
 
 
 .peso input {  
     padding-right:35px;
     text-align:end;  text-align:right;
 }
 .kgs:after {
     position: absolute;
     top: 0; padding:3px;right:5px;
     content:"kgs";  color:#9A9A9A; font-weight:100;
 }
 
 
 .porce, .peso{
   position: relative;	  
}
.porce input {  
     padding-right:25px;
     text-align:end;  text-align:right;
 }
 
    .porciento:after  {
     position: absolute;
     top: 0; padding:5px; right:5px; 
     content:"%";  color:#9A9A9A; font-weight:100;
 }
  
.entero, .decimal{ text-align:right;}
.busca { transform: rotate(45deg); font-size:20px; display: block ; float:left;}
 
.tabla { width: 100%;}
.tabla th { background-color: #CCC; padding: 5px;}
.tabla tr:nth-child(odd) { background-color:rgba(192,192,192,0.1); }



.numero { text-align:right;}
input[type="submit"] { background-color:#005189; color:#fff; border:0; padding:8px; font-size:14px;}
input[type="submit"]:hover { background-color:#002a47;  }
input[type="text"]:focus, input[type="text"]:hover,  input[type="number"]:focus,   input[type="number"]:hover,  input[type="email"]:focus,   input[type="email"]:hover,  input[type="password"]:focus,  input[type="password"]:hover, textarea:hover, select:hover {
	background-color: #FFF; border:none;
	border-bottom: 1px solid #678dc1;
	color: #333;
}
  
  /* mensaje*/
  
  .mensaje { position: relative; width: 100%; float: left; padding: 10px; padding-left: 40px;}
  .mensaje .material-icons { position: absolute;  padding: 10px; left: 0; top: 0;}
  
  
    .mensajeAuto { position: relative; display: inline-block ; padding: 10px; padding-left: 40px;}
  .mensajeAuto .material-icons { position: absolute;  padding: 10px; left: 0; top: 0;}
  
 /*avatars*/
.avatar50{ width:50px; height:50px; border-radius:500px; overflow:hidden; float:left;background-size: cover;  margin-right: 5px;}
.avatar150{ width:150px; height:150px; border-radius:500px; overflow:hidden; float:left;background-size: cover;}

@media screen and (max-width: 1300px) {
.avatar150{  width:50px; height:50px; }
}

@media screen and (max-width: 900px) {
.avatar150{  width:150px; height:150px; }
}

 /* */
/* interfase */
.footer { float:left; padding-left:10px; margin-top:30px;}
.centrado { text-align:center;}
.head{ width:100%;   float:left; background-color:#FFFFFF; margin-bottom:1px;  }
.cierraMenu { color:#FFF; cursor:pointer; opacity:.8}
.cierraMenu:hover { opacity:1;}
.menuIcono { float:left; background-color:#678dc1; color:#FFF; height:40px;  width:40px; cursor:pointer; text-align:center; line-height:40px;}
.menuIcono:hover { background-color:#2f4050;}
.menuMensaje {float:left;   height:40px;  width:40px; cursor:pointer; text-align:center; line-height:40px; font-size:30px; opacity:.35;}
.menuMensaje:hover { opacity:1;}
.menu {float:left; display:table;  transition: all 0.4s;   font-size:14px; padding:15px 5px 5px 15px; width:100%;  cursor:pointer; color:#a7b1c2;}
.menu:hover{color:#FFF; background-color:#293846;}
.menuP {float:left; display:table; padding:15px 5px 5px 15px; color:#FFF; background-color:#293846; font-size:14px; width:100%;   cursor:pointer;}
.menuS {float:left;  transition: all 0.4s; padding:15px 5px 10px 15px; color:#a7b1c2; font-size:13px; padding-left:35px; width:100%;   }
.menuS:hover{color:#FFF; background-color:rgba(255,255,255,0.07);}
.subMenu { width:100%; float:right; display:none;background-color:#293846;}
.contC{  float:left; width:100%; height:100%; }
 
 .divMenu { width:100%; height:1px; float:left; background-color:#2f4050; opacity:.4;}
 .divMenuT{ width:100%; height:1px; float:left; background-color:#678dc1; opacity:.1;}
.menuEspacio {     width:300px; overflow:hidden;  overflow: auto; position:fixed; height:100%; background-color:#2f4050;   transition: all 0.4s; z-index:9999; width:0;}
.menuEspacio::-webkit-scrollbar { width: 5px; height: 12px; 
opacity:0; }
.menuEspacio::-webkit-scrollbar-track { background: #2f4050; }
.menuEspacio::-webkit-scrollbar-thumb { background: #002138; }
.menuEspacio:hover::-webkit-scrollbar-thumb { background: #002138; }
.menuEspacio::-webkit-scrollbar-thumb:horizontal:hover,
.menuEspacio::-webkit-scrollbar-thumb:vertical:hover { background: #000; }
.menuEspacio::-webkit-scrollbar-thumb:horizontal:active,
.menuEspacio::-webkit-scrollbar-thumb:vertical:active { background: #000; }
.blanco10 { width:100%; float:left; padding:15px; background-color:#FFF;margin-bottom:1px;}
.blanco10n { width:100%; float:left; background-color:#FFF;margin-bottom:1px;}
.blanco10tt { width:100%; float:left; padding:10px; display:table;  table-layout: fixed;  background-color:#FFF;margin-bottom:1px; }
.blanco10T { width:100%; float:left; display:table;  table-layout: fixed;  background-color:#FFF;margin-bottom:1px;}
	
.contenido {  float:left;   width:100%; padding:0 0 0 0px;   box-sizing:border-box;  transition: all 0.4s; }
#sub, .subT { padding:0 15px 0 15px; float:left; min-width:100%;}
@media screen and (max-width: 800px) {
.contenido { width:100%;}	
.menuEspacio { width:0px;  }
.contenido {padding:0px;}
}
 
 
.sliderDropas{  float:left; padding:5px;  }
/* dash */
.dinero { font-size:30px; width:100%; float:left; text-align:center; color:#777;}
/*  */
/* pedidos */
.productoLinea{ border-bottom:1px solid #EBEBEB;}
.productoLinea:hover { background-color:#EBEBEB;}
/*  pedidos */
/* elementos */
.elementoMueve { opacity:0;}
.elementoBorra { opacity:0;}
.elementoTitulo { width:100%; display:table;}
.elementoElemento:hover .elementoMueve { opacity:1;}
.elementoElemento:hover .elementoBorra { opacity:1;}
.elementoSlider { position:relative; width:100%;}
.elementoSliderFI, .elementoSliderFD{ color:#FFF; font-size:50px !important; position:absolute; text-shadow:0 1px 0 #ccc; font-size:20px; top: 50%;
  transform: translateY(-50%);}
.elementoSliderFI{ left:0;}
.elementoSliderFD{ right:0;}
.elementoBanner { position:relative; width:100%;}
.elementoBannerInterno{position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);}
  .elementoBannerTit { font-size:40px; font-weight:100; line-height:120%; text-shadow:1px 1px 3px rgba(0,0,0,0.58);}
   .elementoBannerText { font-size:20px;  }
.elementoFile { width:100%; display:table; table-layout:fixed; font-size:14px;}
/* elementos */
/* acordeones */
.acordeonTitulo { display:table; width:100%; float:left; background-color:#EBEBEB; table-layout:fixed;}
.acordeonTitulo:hover { background-color:#CCC;}
/* acordeones */
.load {   position:absolute; z-index:9999; top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); display:none;  }
.boton{ background-color:#005189; padding:6px; cursor:pointer; border:none;     color:#FFF; float:right; text-shadow:none;  font-size:14px;}
.boton:hover{ background-color:#002a47;  }
.disabled { opacity: 0.5; cursor: not-allowed}

.botonA{ font-size:14px; display:table-cell; width:auto; color:#069; vertical-align:middle; padding-left:5px; text-transform:uppercase;}
.nueva { display:table;}
.delete{ background-color:#F00; padding:5px; border-radius:3px;  color:#FFF; float:right; text-shadow:none;  font-size:11px;}
.delete:hover{ background-color:#900; box-shadow:0 0 2px 0px #000;}
.titulosDiv { width:100%; background-color:#fdfdfd; padding:15px; float:left; }
.titulos { color:#666; font-weight:lighter; font-size:22px; float:left; text-transform:uppercase; font-family: 'News Cycle', sans-serif;}
.titulosS { color:#666; width:100%; font-weight:300; font-size:20px; text-transform:uppercase; font-family: 'News Cycle', sans-serif;}
.titulos100 { color:#666; text-align:center; width:100%; font-size:22px; float:left; font-family: 'News Cycle', sans-serif;}
.tituloEncuesta { width: 100%; font-weight: bold; font-size: 17px;}
.campoInfo {float:left; font-weight: bold; font-size: 12px; text-transform:uppercase; color:#8C8C8C; margin-right: 5px;}
.campoT{ float:left; width:150px;  text-transform:uppercase; font-size:14px; color:#126497; }
.campoF{ float:right;  color:#126497; font-size:13px; }
.field{  width:100%; box-sizing:border-box; }
.comentarios { float:left; font-size:11px; color:#666;}
.div { width:100%; height:1px; background-color:#EBEBEB; float:left; margin:6px 0 6px 0;}
.div0 { width:100%; height:1px; background-color:#EBEBEB; float:left; margin:0px 0 0px 0;}
.divP { width:100%; height:1px; border-bottom:1px dashed #EBEBEB;  float:left; margin:6px 0 6px 0;}
.div15 { width:100%; height:1px; background-color:#EBEBEB; float:left; margin:15px 0 15px 0;}
.dragdrop{ padding-left:00px; background-repeat:no-repeat;
	cursor:move;
	float:left;  
	
}
/* encuestas */

.sort{background-color:#ebebeb;height:30px;width:100%}.drop{border:1px solid #ebebeb;padding:3px;width:100%;margin-bottom:5px;min-height:30px}
.ponible {
    cursor: move;
    border: 1px solid #ebebeb;
    padding: 5px 5px 5px 30px;
    background-repeat: no-repeat;
    background-position: left center;
    width: 100%;
    margin-bottom: 10px;
}


.checas  > input{ /* HIDE RADIO */
  display:none;
}
.checas    > input + img{ /* IMAGE STYLES */
  cursor:pointer; padding:5px;  
  border:2px solid transparent;
}
.checas    > input:checked + img{ /* (CHECKED) IMAGE STYLES */
  border:2px solid #22A3B8;
}


.tablaImg{  float: left;
    max-width: 300px;
    width: 20%;
    background-color: none;
    transition: .2s linear;
    border: 1px solid rgba(235,235,235,1.00);

}

@media screen and (max-width: 1200px){
.tablaImg { width: 25%; min-height: 100%;}
}

@media screen and (max-width: 800px){
.tablaImg {    width: 33.333%; min-height: 100%;}
}

@media screen and (max-width: 600px){
.tablaImg {   width: 50%; min-height: 100%;}
}


.tablaImgT{    width: 100%;
    height: 40px;
    font-size: 14px;

}

/* encuestas */
/* textos */
.rojo { color:#f00;}
.negrita { font-weight:bold;}
/* */
/* embudos */
.embudo { float:left;padding:10px; width:300px; margin-bottom:10px;  }
.embudo:hover{ background-color:#F9F9F9;}
.embudoEtapa{
    width: 100%; display:table; text-align:center; background-color:rgba(211,211,211,0.3); margin-bottom:1px; table-layout:fixed; position:relative;
	}
	.embudoGris { background-color:#22A3B8; color:#FFF;}
		.embudoRojo { background-color:#f00; color:#FFF;}
.embudoTitulo { display:table; width:100%;}
.embudoEdit { opacity:0; transition:linear .2s;}
.embudoTrianguloI {
     width: 6px;
     height: 0;
     border-right: 6px solid transparent; float:left;
     border-bottom: 60px solid #FFF;
}
.embudoTrianguloD {
   width: 6px;
     height: 0;
     border-left: 6px solid transparent;
     
     border-bottom: 60px solid #FFF; float:right;
}
 
.embudoEspaciador { width:6px; float:left; background-color:#FFF; height:60px;}
.embudo:hover .embudoTrianguloI { border-bottom: 60px solid #F9F9F9; }
.embudo:hover .embudoTrianguloD { border-bottom: 60px solid #F9F9F9; }
.embudo:hover .embudoEspaciador { background-color:#F9F9F9;}
.embudo:hover .embudoEdit { opacity:1;}
.metaAvanceIconos { position:absolute; z-index:100; color:#333; top:50%; transform: translateY(-50%); right:30px;    display:table;}
/* embudos */
.padd { padding:12px !important;}
#sorteable{
    padding:0px !important;
    margin:0px !important;
    border:0px;
}
.porta{  padding:5px; width:100%; cursor:move; list-style:none; }
.porta:hover{ background-color:#EBEBEB;}
.controles { opacity:0;}
.placeholder {
    border: 1px dashed #333;  width:100px; float:left; 
   height:30px;  
}
.placeholder100 {
    border: 1px dashed #333;  width:100%; float:left; 
   height:5px;  
}
.placeholderSub {
    border: 1px dashed #333;  width:300px; float:left; 
   height:30px;  
}
.placeholderV {
    border: 1px dashed #333;  width:198px; float:left; margin-right:15px; 
   height:130px;  
}
 
.alignleft{
float:left; margin:0px 15px 6px 0; max-width:755px;	
	
}
.alignright{
float:right; margin:0px  6px 0 15px	;	max-width:755px;
	
}
.aligncenter{
 	max-width:755px;
	
}
.seccion { height:37px; line-height:37px; float:left; padding:3px; width:594px;}
.seccion:hover { background-color:#EBEBEB;}
.subs{ background-color:#f9f9f9; }
.sub{ height:37px; line-height:37px; }
.sub:hover{ background-color:#C0CDD1; }
.cats{ background-color:#F0f0f0; }
.cat{ height:37px; line-height:37px; }
.cat:hover{ background-color:#C0CDD1; }
.statusA{ width:10px; height:10px; border-radius:10px; float:left; margin-right:3px; margin-top:3px; background-color:#063;}
.statusI{ width:10px; height:10px; border-radius:10px; float:left; margin-right:3px; margin-top:3px; background-color:#666;}
.menuCasos{ float:left; margin-right:15px; line-height:24px; height:24px; border-right:1px solid #ebebeb; padding-right:10px;}
.iconoCont { float:left; padding:6px; cursor:pointer;  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 30px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;text-align:center;
  /* Support for IE. */
  font-feature-settings: 'liga'; display:table-cell;}
.iconoCont:hover { color:#1C69E0;}
.iconoContT {     color:#333;  font-size:10px; z-index:9999;}
 
.contadores { float:left; height:28px; line-height:28px;}

.cerrarComentario{ width:25px; height:25px; background-color:#333; color:#fff; text-align:center; line-height:25px; height:25px; float:right; border-radius:100px; cursor:pointer;}
.elemento_acorderonTitulo{ width:100%; float:left; padding:5px;	
}
.elemento_titulo{color: #444;
    font-size: 34px;
    font-weight: 100;
}
.elemento_tituloon{color: #444;
    font-size: 24px;
    font-weight: 100;
}
.textoImagenTitulo { font-size:19px; color:#444; font-weight:100;}
.textoImagenImagen { border-radius: 50%;}
.textoImagenTitulo1 { padding:5px; background-color:rgba(0,0,0,0.86); color:#fff; font-size:16px; text-align:center; top: 50%;  left: 50%; position:absolute;  transform: translate(-50%, -50%); width:80%; font-weight:100;}
.elemento_divisor{ clear:both;    width:100%;  
}
.elemento_divisor1{ clear:both; width:100%; height:1px; background-color:#CCC; margin:8px 0 8px 0;
}
/* asignacion */
.unidadesLista { width: 100%; float: left; color:#333; padding: 10px 10px 10px 10px; }
.unidadesLista:hover, .unidadesListaP { color:#2A5E9B; padding: 10px 10px 10px 12px;}
.arrastra { width: 100%; float: left; display: none;}
.unidades {width: 200px; overflow: hidden; max-width: 200px;}
.diaSemana { width:50%; float: left; overflow: hidden;  }
.diaSemanaBorde { width: 100%; float: left; border: 1px solid #f4f4f4;}
.diaSemana:hover .diaSemanaBorde {  border: 1px solid #ccc;  }
.clienteUnidad {   width: 100%; float: left; transition: linear .2s; overflow: hidden;}
.clienteUnidadCtrls { opacity: 0; transition: linear .2s;}
.clienteUnidad:hover { background-color:rgba(213,213,213,0.2);}
.clienteUnidad:hover .clienteUnidadCtrls{ opacity: 1;}
.placeholder100 { width: 200px; height: 30px;}
.dragdrop{ padding-left:00px; background-repeat:no-repeat;
	cursor:move;
	float:left;   transition: linear .2s;
	
}
.clienteUnidad:hover .dragin { opacity: 1;}
.dropHover { background-color:#CCC; opacity:.6;}
.dragdropC{   border:1px solid #EBEBEB; margin-bottom:5px; width:100%; }
.dragdropC:hover { background-color:#EBEBEB;  }
/* */
/* botones procesos*/
.botonesProceso{ display:table; float:left; opacity:.7; color:#FFF; cursor:default;}
.botonesProceso:hover { opacity:1;}
.botonesVerde { background-color:rgba(0,102,14,.9); cursor:pointer;   color:#FFF; padding:10px; border:1px solid rgba(0,102,14,.900);}
.botonesVerde:hover {background-color:rgba(0,102,14,1) !important; }
.botonesRojo { background-color:rgba(193,0,3,.800) !important; cursor:pointer; color:#FFF; padding:10px; border:1px solid rgba(193,0,3,.900);}
.botonesRojo:hover {background-color:rgba(193,0,3,1) !important; }
.botonesCancelar {  cursor:pointer; color:#ccc; padding:10px; border:1px solid #EBEBEB; float:left;}
.botonesCancelar:hover { color:#333; border:1px solid #333;}
.botonProcesoAcepta {  background-color:#999; cursor:pointer;opacity:0;   position:absolute;  left: 0px;   display:table; color:#fff; transition: all 0.2s linear;}
.botonProcesoAcepta:hover {  background-color:rgba(0,102,14,1.00);}
.botonsProcesoAceptaPadre:hover .botonProcesoAcepta { opacity:1;  left: 100%;}
.procesoJustificacion { display:none;}
/*  */
.clear { clear:both; }
.clear5 { clear:both; height:5px;}
.clear10 { clear:both; height:10px;}
.clear15 { clear:both; height:15px;}
.clear20 { clear:both; height:20px;}
.clear30 { clear:both; height:30px;}
.clear50 { clear:both; height:50px;}
.pie{    font-size: 12px;
    width: 100%;
    text-align: center;}
	
.descarga { padding-left:45px;   background-position:top left; background-repeat:no-repeat; padding-top:10px; min-height:40px;}
.seccionFooter { color:#FFF; float:left;}
/* Tabs */
.menuModulo { float:left; min-height:20px; font-size:13px; background-color:#f9f9f9; margin-right:5px; margin-bottom:5px; display:table; border-bottom:2px solid #FFF;}
.menuModulo:hover, .menuModuloP { background-color:#EBEBEB; color:#000; border-bottom:2px solid #222;}
.tableRow { display: table-row;}
.middle { vertical-align:middle !important;}
.tableCell { display:table-cell; vertical-align:top;}
.tableCell30 { display:table-cell; vertical-align:middle; width:30px;}
.tableCell150 { display:table-cell; vertical-align:middle; width:30px;}
.celdaUSD { padding-left:33px !important; text-align:right; position:relative}
.celdaUSD:before { content:"US$"; position:absolute; left:5px; top:50%; transform: translateY(-50%);  color:#B5B5B5; }
.celdaMXN { padding-left:33px !important; text-align:right; position:relative}
.celdaMXN:before { content:"MX$"; position:absolute; left:5px;   color:#B5B5B5; }
.celdaMXN2 { padding-left:33px !important; text-align:right; position:relative}
.celdaMXN2:before { content:"MX$"; position:absolute; left:5px;  top:10px;  color:#B5B5B5; }
.celdaKGS { padding-left:33px !important; text-align:right; position:relative}
.celdaKGS:before { content:"KGS"; position:absolute; left:5px;  top:5px;  color:#B5B5B5; }
.celdaPZS { padding-left:33px !important; text-align:right; position:relative}
.celdaPZS:before { content:"PZS"; position:absolute; left:5px; top:5px;  color:#B5B5B5; }
.celdaPor { padding-right:20px !important; text-align:right; position:relative}
.celdaPor:after { content:"%"; position:absolute; right:5px; top:50%; transform: translateY(-50%);  color:#B5B5B5; }
.iconoTD { position:absolute; left:10px; top:8px;}
.asterisco{ padding-right:20px !important; position:relative}
.asterisco:after { content:"*"; position:absolute; right:5px; top:25%; transform: translateY(-50%);  color:#B5B5B5; }
/* divs  */

.absolute { position: absolute;}
.absoluteV { position: absolute; top: 50% !important; transform: translateY(-50%);}
.absoluteHV { position: absolute; left: 50%; top: 50% !important; transform: translate(-50%,-50%);}

.div100{ float:left; width:100%; position: relative;}
.div90{ float:left; width:90%; position: relative;}
.div85{ float:left; width:85%; position: relative;}
.div80{ float:left; width:80%; position: relative;}
.div70{ float:left; width:70%;}
.div50, .div50n, .div50A{ float:left; width:50%;position: relative;}
.div33, .div33n{ float:left; width:33%;}
.div30{ float:left; width:30%;}
.div25{ float:left; width:25%;}

.div20, .div20N{ float:left; width:20%; position: relative;}
@media screen and (max-width: 900px) {
.div33{ float:left; width:100%;}
.div25{ float:left; width:50%;}
.div20{ float:left; width:50%;}
.div50{ float:left; width:100%;}
.div70{ float:left; width:100%;}
.div25home{ float:left; width:100%;}
}
@media screen and (max-width: 600px) {
.div50 , .div20{ float:left; width:100%;}
 
	
}
/*  */
.div30px{ float:left; width:30px; position: relative;}
.iconoR{position: absolute; right: 0;top: 50%; transform: translateY(-50%);}
.iconoRM{margin-right: 30px;}
.iconoL{position: absolute; left: 0; width: 37px; text-align: center; height: 100%; color: #FFF;}
.iconoLM{padding-left: 50px;}


.iconoContent{    height: 120px;
    width: 112px;
    padding: 8px;
    cursor: pointer;
    display: inline-block;
    text-align: center;
}

.iconoContInt{
				
				display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 45px;
}

.iconoTexto{display: block;
    max-width: 112px;
    padding: 0 7px;
    font-size: 12px;
    color: rgba(0,0,0,.6);
    white-space: nowrap;

}

.iconoCenter{    text-align: center;}

.ctrlsTexto{float: left !important; padding: 10px;cursor: pointer; opacity: .6;}
.ctrlsTexto:hover { opacity:1;}
.tdSubt{font-size: 11px; text-align: left;
    color: #878787; text-transform: uppercase;}

.botonAzul{float: left !important; padding: 10px;cursor: pointer;     background-color: #005189; color: #FFF; right: 8px;}
.botonAzul:hover {  background-color: #002a47;}

.verde:hover { color:#2C7B15; cursor:pointer;}

/* cols */
.col10 { width:10%; float:left;}
.col15 { width:15%; float:left;}
.col20 { width:20%; float:left;}
.col25 { width:25%; float:left;}
.col33 { width:33%; float:left;}
.col66 { width:66%; float:left;}
.col75 { width:75%; float:left;}
.col80 { width:80%; float:left;}
.col85 { width:85%; float:left;}
.col100 { width:100%; float:left;}
@media screen and (max-width: 600px) {
	.col15 { width:33%; float:left;}
	.col50 { width:100%; float:left;}
}
/* cols*/
/* drops */
.dropHover { background-color:#CCC; opacity:.6;}
/* Tabs */
/* padds */
.padd3, .padd3R { padding:3px;}
.padd5, .padd5R { padding:5px;}
.padd10, .padd10R { padding:10px;}
.padd10NR { padding:13px 10px 10px 0;}
.padd10NL { padding:10px 3px 10px 10px;}
.padd15, .padd15R { padding:15px;}
.padd20, .padd20R { padding:20px;}
.padd30, .padd30R { padding:30px;}
/* padds */
/* mensajes  en over */
.fondoMensaje { width:100%; height:100%; background-color:rgba(255,255,255,0.85); position:absolute; z-index:10000; display:none;}
.alertBox {  width:100%; min-width:400px; padding:20px; }
.alertBoxR{  float:left; display:none; z-index:999; width:100%; height:100%; position:relative; background-color:#fff; border:1px solid #ebebeb; box-shadow:0px 0px 10px 0 rgba(0,0,0,0.15); padding:10px;}
.alertBoxR:hover{ box-shadow:0px 0px 10px 0 rgba(0,0,0,0.35);}
.alertBoxC { display:table-row;}
.alertBoxCell { display:table-cell; padding:10px; vertical-align:middle;}
.archivosSeleccion { width:100%; float:left; display:none; padding:10px; border:1px solid #EBEBEB; margin-bottom:30px;}
archivosSeleccionArchivos { width:100%; float:left; }
.closeSeleccion { float:right; background-color:#666; right:-10px; top:-10px; width:20px; text-align:center; line-height:20px; color:#fff;   border-radius:100px; cursor:pointer;}
.closeSeleccion:hover { background-color:#000;}
.close { position:absolute; background-color:#666; right:0px; top:0px; width:30px; text-align:center; line-height:30px; color:#fff;  cursor:pointer;}
.close:hover { background-color:#000;}
/*  */
.tituloBig { float:left; width:100%; font-size:32px; font-weight:300;}
.tituloBig:focus { padding:3px; border:1px solid #EBEBEB; outline: 0px solid transparent;}
.tituloBig2{float:left; width:100%; font-size:22px; font-weight:300; }
/* */
.seccionMenu, .seccionMenuI{ display:table-cell;    color:#000; cursor:pointer;  }
.seccionMenuT{ display:table-cell;    color:#000; cursor:pointer; padding:5px; }
.seccionMenuP { background-color:#EBEBEB;}
.seccionMenu a {  color:#000;}
.seccionMenu:hover, .seccionMenuI:hover { background-color:#EBEBEB; color:#000;}
.seccionMenuC{ display:table-cell; vertical-align:middle; cursor:pointer; padding:3px;}
@media screen and (max-width: 600px) {
.seccionMenu, .seccionMenuI{ float:left; width:50%;}
	
}
/* */
.cursor { cursor:pointer;}
.inputOculta { width:0px !important; height:0; opacity:0;}
/* agenda */
.calendario{ width:100%; border-collapse:collapse; table-layout:fixed;}
.calendario td { padding:0; vertical-align:top;  }
.diasSemana { text-align:center; }
.diaCuadrito{ float:right; padding:5px; width:30px; top:0;text-align:center; background-color:#f9f9f9; }
.diaCuadritoP { background-color:#CCC;}
.diasC { width:14.68%; padding:5px !important;}
.diasHoras {  width:60px;}
.diasHorario { position:absolute; width:100%;}
.diasHorarioR { width:100%; position:relative;}
.eventoDia { position:absolute;  overflow:hidden;   width:100%; background-color:rgba(215,215,215,0.5); border:1px solid #ccc; height:30px; padding:5px;}
.mediasHoras { width:100%; float:left; height:30px; border-bottom:1px dashed #ebebeb;  }
.mediasHoras:hover { background-color:rgba(236,236,236,0.56); }
.diaMargen { float:left; width:100%; text-align:center; height:60px; line-height:60px;  }
.diasRayas { width:100%;  height:60px; border-bottom:1px solid #EBEBEB; }
.horasMedias { width:100%; height:29px; border-bottom:1px dashed #EBEBEB;}
.horasMedias2 { width:100%; height:29px; border-bottom:1px solid #EBEBEB;}
.calendarioEvento{ display:table; border-top:1px solid #f9f9f9; margin-bottom:2px; width:100%; font-size:11px; overflow:hidden;}
.calendarioEvento:hover { background-color:#f4f4f4;}
 
 .checkeado{ color:rgba(61,171,1,1.00)}
  .ignoradito{ color: rgba(170,5,8,1.00)}
    .canceladito{ color:rgba(170,170,170,1.00);}
  
  @media screen and (max-width: 600px) {
	.diasSemana, .diasC{ display:none !important;} 
	.calendario tr { display:block;width:99.9%;clear:both}
	.calendario td { display:block;width:99.9%;clear:both}
  }
  
/* agenda */
/* controles */
.dragdropC:hover .controles { opacity:1;}
/* controles */


/* width */
::-webkit-scrollbar {
    width: 10px; height: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    background: #999; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555; 
}