@font-face {
    font-family: 'futuraheavy';
    src: url('/fonts/futura_heavy_font-webfont.woff2') format('woff2'),
         url('/fonts/futura_heavy_font-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'futurabook';
    src: url('/fonts/futura_book_font-webfont.woff2') format('woff2'),
         url('/fonts/futura_book_font-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

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! */
}

.errorForma { border: 1px solid #f00 !important;}
.inputError { border:1px solid #A00000 !important;  }
.campoError { border:1px solid red;}
.formError{margin-top: -30px!important;}
.formErrorContent { opacity: 0;
background-color: #2A2A2A;
color: #FFF;  white-space: nowrap;  
padding: 5px; z-index: 999;
font-size: 10px;
border: 1px solid #CCC; width: 1px; overflow: hidden;
} 

/* forma */
input[type="checkbox"]:focus {outline:0;}
input[type="checkbox"]{
-webkit-appearance: none;
appearance: none; border: none; position: absolute; top: 40%;  transform: translateY(-50%); left: 0px;  

}

input[type="checkbox"]:checked{
-webkit-appearance: none;
appearance: none; border: none;   background-color: transparent;

}

input[type="checkbox"]:after{
font-family             : 'Material Icons';
  content                 : 'check_box_outline_blank'; font-size: 20px;  opacity: 1; 
}
input[type="checkbox"]:checked:after{
font-family             : 'Material Icons'; 
  content                 : 'check_box'; font-size: 20px; opacity: 1; 
}


input[type="radio"]:focus {outline:0;}
input[type="radio"]{
-webkit-appearance: none;
appearance: none; border: none; position: absolute; top: 40%;  transform: translateY(-50%); left: 0px;

}

input[type="radio"]:checked{
-webkit-appearance: none;
appearance: none; border: none;  background-color: transparent;

}

input[type="radio"]:after{
font-family             : 'Material Icons';
  content                 : 'radio_button_unchecked'; font-size: 20px;  opacity: 1; 
}
input[type="radio"]:checked:after{
font-family             : 'Material Icons'; 
  content                 : 'radio_button_checked'; font-size: 20px; opacity: 1; 
}


/* colores input radio*/ 
input[type="radio"].verde::after{color: green;}
.verde{color: green;}
.bordeVerde { border: 2px solid green !important;}
input[type="radio"].naranja::after{color: darkorange;}
.naranja{color: darkorange;}

input[type="radio"].rojo::after{color:#f00;}

.selecto{ box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25); }
/* colores input radio*/ 

.mensaje { position: relative;}
.mensaje .material-icons { position: absolute; left: 0; top: 50%; transform: translateY(-50%)}
.mensaje .div100 { padding-left: 35px;}

.formaB { width:100%;   display:table; table-layout:fixed; float:left;  margin-bottom:20px; position: relative; padding-bottom: 10px; border-bottom: 1px solid #EBEBEB; }
.formaB0 { width:100%;   display:table; table-layout:fixed; float:left;    position: relative;   }
.formaT { display:table-cell;  width:200px; vertical-align: top; padding-right:10px; }
.formaT0 { display:table-cell;  width:200px; vertical-align: middle; padding-right:10px; }
.formaC { display:table-cell; vertical-align: top; padding-left:10px; position: relative;}
.requerido { font-weight:bold;}
.requerido:after {  content:"* "; color:#FF2F32; }
.formaTitulo { padding: 10px 0 10px 0; font-size: 14px; color: #333; border-bottom: 1px solid #EBEBEB;  margin-bottom:20px;  }
@media screen and (max-width: 600px) {
	.formaT, .formaT0, .formaC0, .formaC {   width:100%; float:left; display:block; padding:0;}
}

.respuestaDiv{width:100%;    float:left;  padding-top:10px; position: relative; transition: .1s linear; padding-bottom: 10px; border-bottom: 1px solid #ebebeb;  border-top: 1px solid transparent;}
.respuestaDiv:hover { background-color: #f8f8f8; border-bottom: 1px solid #ccc;  border-top: 1px solid #ccc;}
.respuestaDivT {    width:200px;   padding-right:10px; float: left; color:#000; font-weight: bold;}
.respuestaDivR {       float: left; width: calc(100% - 210px); padding-left: 10px;}
@media screen and (max-width: 600px) {
.respuestaDivT {    width:100%; padding: 0; border-bottom: 1px solid #CCC;  margin-bottom: 10px; }
.respuestaDivR {    width:100%; padding: 0;}
}

.bolita{
    position: absolute;
    top: 5px;
    width: 20px;
    height: 20px;
    border-radius: 100px;
}

/* */

/* solicitudes abiertas */
.estrellita{ opacity:0.4; border:0 !important; border-left:0 !important; cursor:pointer; float: left;width: 50px; text-align: center; position: absolute; top: 50%;  transform: translateY(-50%)}
.mailecito{ opacity:0.4;border:0 !important; border-left:0 !important; cursor:pointer; float: left;width: 50px; text-align: center; position: absolute; top: 50%;  transform: translateY(-50%);}

.granAvisos { position: absolute; font-size: 10px; border-radius: 100px; right: 3px; top: 3px; background-color: red; color: #FFF; width: 20px; height: 20px; text-align: center; z-index: 99; font-family:Roboto; line-height: 20px;}

.favorito{ opacity:1 !important; color:#FF912C; }
.favoritoM{ opacity:1 !important; color:#666; }
.notificacion{ color: rgba(249,41,44,1.00); }


.estrella25 {width: 20%; float: left; text-align: center;}
.estrellota{  border:0 !important; border-left:0 !important; font-size: 35px !important; cursor:pointer;   width: 100px; text-align: center; color: #CCC;}
.estrellota:hover, .estrellotaA { color:#FFCC36}
.estrellotaP{  border:0 !important; border-left:0 !important; color:#F46524; font-size: 35px !important; cursor:pointer;   width: 100px; text-align: center;}
.estrellotaAmarillo { color:#FF912C;}
/*  */


/*fechas selectorr */

.fechaSelector { position: absolute; width:200px;   background-color: #FFF; border: 1px solid #CCC; padding: 5px; z-index: 9999;}
.fechaNo{ cursor: default; opacity: .2;}

/* */

/* dragg */
.dragin{ opacity:0; transition:.2 linear; position: absolute; left: 0; z-index: 99;}
.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;}


.ctrlsOver { opacity:.5; position: absolute; right: 0; top: 45%;}
/*  */


/* servicios */

.servicio { float:left;  color:#045E8A; font-weight:700; font-size: 15px;}
.dependiente { display:none;}
/* */

/* archivos */



.absoluteV{ position: absolute; top: 50%; transform: translateY(-50%); z-index: 99;}
.absoluteH{ position: absolute; left: 50%; transform: translateX(-50%); z-index: 99;}
.absoluteVH {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 99;}
.relative { position: relative !important;}


.proArchivos { float:left; margin-bottom:10px; margin-right:10px; text-align:center; width:120px; text-overflow: ellipsis;  overflow: hidden; font-size:11px;}
/*  */
/* alerta */
.alerta{ width:100%;   padding:0 20px 20px 20px; z-index:9999999999; position:fixed; height: 100vh; background-color: rgba(255,255,255,.7) ;   text-align:center; height: 100%; overflow: hidden;}
.alertaBox{ background-color:#FFF; padding:20px; box-shadow: 0px 2px 8px -2px rgba(0,0,0,0.75); max-height: 90vh; position:relative; width:100%; left: 50%; top:50%; transform: translate(-50%,-50%); width:  600px; min-height: 400px; overflow-y: auto}

.alertaP{ width:100%;  overflow: hidden; z-index:99999; position:fixed; background-color: #FFF; height: 100%; display: none;}
.alertaBoxP{ background-color:#FFF; padding:20px; box-shadow: 0px 2px 8px -2px rgba(0,0,0,0.35); position:absolute; width: 90%;  max-width: 800px;  left: 50%; top: 50%; transform: translate(-50%,-50%);    max-height: 90%;
    overflow-y: auto;
    }




.alertaBoxV{ background-color:#FFF; padding:20px; box-shadow: 0px 2px 8px -2px rgba(0,0,0,0.75); position:relative;  float:left; top:50%; transform: translate(-50%,-50%); left: 50%; width: 600px; max-height: 90vh; overflow: auto}

@media screen and (max-width: 800px) {
.alertaBoxV { width: 90%}
}


.alertaBoxF{ background-color:#FFF; padding:20px; box-shadow: 0px 2px 8px -2px rgba(0,0,0,0.75); position:relative; width:100%; float:left; height: 100%;}
.alertaBoxTitulo { width:100%; text-align:center; font-size:22px;}
/* 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; color: #FFF;

  /* 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'; line-height: 31px; position: absolute; top: 50%; transform: translateY(-50%);border-radius: 100px; width: 31px; height: 31px; text-align: center; left:10px;
}


.left{ float:left !important;}
.right{ float:right !important;}
.centro{
		display:block;
        margin-left: auto;
        margin-right: auto;	
}

.headerInstancia{ line-height:50px; font-size:24px; font-family:'futurabook' , sans-serif; text-transform:uppercase; float:left; margin-left:5px;}

.menuInterfaseTexto { float: left; padding-left:40px; width: 100%; height: 40px; line-height: 40px; color: #999 ; }



.table { display:table; width:100%;   table-layout: fixed; box-sizing:border-box;}
.tableAuto{ display:table;    table-layout: fixed;}
.flechaAtras { width:30px;  }
.unidadesLista { width: 100%; float: left; color:#333; padding: 10px 10px 10px 10px; }
.unidadesLista:hover, .unidadesListaP { color:#2A5E9B; padding: 10px 10px 10px 12px; font-size:15px;}


.borra:hover { color:#E30000 !important; cursor:pointer;}
.botonMenu:hover { color:#00A8A6; cursor:pointer;}
.botonRojo {
    background-color: red;
    color: #FFF;
    display: inline-block;
    font-weight: 300;
    padding: 5px 10px 5px 0px;
    cursor: pointer;
    border: none;
}
.botonVerde { background-color:green; color:#FFF; display: inline-block;
 
    font-weight: 300;
    padding: 5px 10px 5px 0px;
    cursor: pointer;
    border: none;}
.opacidad5 { opacity:.5}
.opacidad { opacity:.8}
.opacidad:hover { opacity:1;}

.opacidadI { opacity:1}
.opacidadI:hover { opacity:.9;}
.hover { background-color:transparent; transition:linear .2s;}
.hover:hover { background-color:#f9f9f9; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);}

.hoverB { background-color:transparent; transition:linear .2s;}
.hoverB:hover { background-color:#FFF;box-shadow: 0px 5px 10px -3px rgba(0,0,0,0.62);}

.hover2 {background-color:transparent; transition:linear .2s;}
.hover2:hover { background-color:#eaeff2 !important;}


.linea:hover { background-color:#eaeff2;}
.linea:hover .ctrls { opacity:1;}
.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:rgba(233,233,233,0.4);
  height: 100%;
      line-height: 1.6em;
   font-size:13px !important; 
   color:#333; font-family: 'Roboto', sans-serif;
}
 /* 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;}
 /* */
 
 /* usuarios*/
 .usuarioN { font-weight:700; color:#245BBB;}
 /* */

.tablas { width: 100%; float: left;}
.tablas th{color:#00529E; padding-right: 20px; cursor: pointer; position: relative; user-select: none; border-bottom: 1px solid #ccc;} 
.tablas th .sorti{ position: absolute; width: 20px; font-size: 18px; right: 0; top: 50%; transform: translateY(-50%)}
.tablas tr:nth-child(even) {
  background-color: rgba(233, 233, 233, 0.2);
}
.tablas linea:hover{
  background-color: #ebebeb;
}

table {border-collapse:collapse; font-size: inherit;}
table td{ border-bottom:1px solid #ccc; padding:5px; vertical-align: top; vertical-align: middle; position: relative;}
.vAliginTop td{ vertical-align:top !important;}
.tablaUsuarios {}
.tablaUsuarios td { border-bottom: 1px solid #EBEBEB;}
input[type="text"], input[type="email"], input[type="password"], input[type="search"], input[type="number"], input[type="date"],   textarea, select {
	outline: none;
	background-color:#f8f8f8;
	padding: 8px;  border: 0;
	color: #666; border: 1px solid #ebebeb; transition:  linear .2s all;
	font-size: 12px; box-sizing:border-box; width:100%;  border-radius: 3px; 
	
}

.paginador{}
.paginador td { width: 20px; text-align: center;}
.paginador .pagina:hover { background-color: #ccc;}

.buscaInput { padding: 10px 10px 10px 30px !important; }

label {  box-sizing: border-box; border-top: 1px solid #FFF; width: 100%; float: left; position: relative;   padding: 10px 10px 10px 30px;   }
 

.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:"$";  color:#9A9A9A;  
 }
 
    .MB:before,  .mb:before {
     position: absolute;
     top: 0; padding:5px;
     content:"MB";  color:#9A9A9A; font-weight:100;
 }
 
 
  .horas{
   position: relative;	  
}
.horas input {  
     padding-right:35px;
     text-align:end;  text-align:right;
 }
 
     .hr:after,  .hr:after {
     position: absolute;
    top: 0; padding:3px; right:5px; 
     content:"hrs";  color:#9A9A9A; font-weight:100;
 }
 
 
 .porce{
   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); }

table.tablesorter tr.even{}
table.tablesorter tr.odd { background-color: #F9F9F9;}
 
table.tablesorter tr.even:hover td,
table.tablesorter tr.odd:hover td {
    background-color: #f4f4f4;
}
.numero { text-align:right;}

input[type="submit"] { background-color:#005189; color:#fff; border:0; padding:10px; font-size:12px; font-family:'futurabook' , sans-serif; cursor: pointer;font-weight: 500}
input[type="submit"]:hover { background-color:#333;  }

input[type="text"]:focus, input[type="text"]:hover,  input[type="number"]:focus,   input[type="number"]:hover, input[type="search"]: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 : 1px solid #678dc1;

}
  
 /*avatars*/
.avatar70{ width:70px; background-size:cover; height:70px; border-radius:500px; overflow:hidden; position: absolute;  border: 1px solid #f4f4f4;}
.avatar50{ width:50px; background-size:cover; height:50px; border-radius:500px; overflow:hidden; position: absolute;  border: 1px solid #f4f4f4;}
.avatar50L{ width:50px; background-size:cover; height:50px; border-radius:500px; overflow:hidden;  float: left; border: 1px solid #f4f4f4;}
.avatar30{ width:30px; background-size:cover; height:30px; border-radius:500px; overflow:hidden; float:left; margin-right: 3px; border: 1px solid #f4f4f4;}
.avatar34{ width:34px; background-size:cover; height:32px; border-radius:500px; overflow:hidden; float:left; margin-right: 3px; border: 1px solid #f4f4f4;}

.bordeSol { border: 2px solid #1270E1;}
.bordeEnc { border: 2px solid #E95613;}
.bordeEsp { border: 2px solid #64168B;}

.avatarAgrega{  position: relative; float: left; width: 100%;}
.avatarAgrega .div100{ padding-left: 90px; float: left; width: 100%; min-height: 80px;}
.avatarAgregaIcon { position: absolute; right:0; width: 30px; height: 100%; text-align: center; opacity: .2; z-index: 9}
.avatarAgregaIconDelete { position: absolute; right:0; width: 30px; height: 100%; text-align: center; opacity: .4; z-index: 9}
.avatarAgregaIconNo { position: absolute; right:0; width: 30px; height: 100%; text-align: center; opacity: .4; z-index: 9; cursor:not-allowed}
.avatarAgrega:hover .avatarAgregaIcon{ opacity: 1;}
.avatarAgrega:hover .avatarAgregaIconDelete{ opacity: 1;}
.avatarAgrega:hover .avatarAgregaIconNo{ opacity: 1;}
.avatarAgregaIconDelete .noOk{  display: none;}
.avatarAgregaIconDelete .ok{  display: block;}

.avatarAgregaIconDelete:hover .noOk{  display: block;}
.avatarAgregaIconDelete:hover .ok{  display: none;}

 /* */

/* interfase */
.footer { float:left; padding-left:10px; margin-top:30px;}
.centrado { text-align:center;}
.head{ width:100%;   float:left; background-color:#FFFFFF; border-bottom:1px solid #EBEBEB; position: fixed;   z-index: 99; height: 60px;}


.cierraMenu { color:#FFF; cursor:pointer; opacity:.8; display: none;}
.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;  position: relative; transition: all 0.4s; padding: 5px 0px 5px 15px;   font-size:14px;   width:100%;  cursor:pointer; color:#a7b1c2;}
.granMenu:hover .menu{color:#000; background-color:#f9f9f9; left: 5px;  }
 

.menuP {float:left; position: relative;   color:#FFF; padding: 5px 5px 5px 15px;  background-color:#f3f3f3; font-size:14px; width:100%;   cursor:pointer;}

.menuS {float:left;  transition: all 0.4s; padding:15px 5px 10px 35px; color:#555; font-size:13px;  width:100%;   }
.menuS:hover{color:#333; background-color:rgba(0,0,0,0.01); padding:15px 5px 10px 40px;}

.subMenu { width:100%; float:right; padding-left: 10px; display:none;background-color:#fff;}

.contC{  float:left; width:100%; height:100%;   }
 
 .divMenu { width:100%; height:1px; float:left; background-color:#2f4050; opacity:.1;}
 .divMenuT{ width:100%; height:1px; float:left; background-color:#678dc1; opacity:.1;}

.menuEspacio {     width:250px; overflow:hidden;   overflow-y: auto; position:fixed; height:100%; background-color:#FFF; border-right: 1px solid #EBEBEB;   transition: all 0.4s; z-index:9999; left: 0px;  }
.menuEspacio::-webkit-scrollbar { width: 5px; height: 12px; 
opacity:0; }
.menuEspacio::-webkit-scrollbar-track { background: #ccc; }
.menuEspacio::-webkit-scrollbar-thumb { background: #999; }
.menuEspacio:hover::-webkit-scrollbar-thumb { background: #555; }
.menuEspacio::-webkit-scrollbar-thumb:horizontal:hover,
.menuEspacio::-webkit-scrollbar-thumb:vertical:hover { background: #CCC; }
.menuEspacio::-webkit-scrollbar-thumb:horizontal:active,
.menuEspacio::-webkit-scrollbar-thumb:vertical:active { background: #CCC; }

 

.overflowX { overflow-x: auto;}
.blanco10 { width:100%; float:left; padding:15px; background-color:#FFF;margin-bottom:1px; position: relative;}
.blanco10Lista { width:100%; float:left; padding:15px 0 15px 0; background-color:#FFF;margin-bottom:1px; position: relative;}
.blanco10T { width: 100%;  float:left;  background-color:#FFF;margin-bottom:1px ; position: relative;}
.blanco10TI {overflow-x: auto;  overflow-y: hidden; width: 100%; background-color: #FFF;       height:45px;    white-space:nowrap}
.blanco10N{ width:100%; float: left; background-color: #FFF; margin-bottom:1px;}
.blanco10Tit{ width:100%; float: left; background-color: #FFF; margin-bottom:1px; padding: 5px 10px 5px 10px}
 
 
 /* */
 .blanco10TI::-webkit-scrollbar { width: 5px; height: 5px; 
opacity:0; }
.blanco10TI::-webkit-scrollbar-track { background: #ccc; }
.blanco10TI::-webkit-scrollbar-thumb { background: #666; }
.blanco10TI:hover::-webkit-scrollbar-thumb { background: #002138; }
.blanco10TI::-webkit-scrollbar-thumb:horizontal:hover,
.blanco10TI::-webkit-scrollbar-thumb:vertical:hover { background: #000; }
.blanco10TI::-webkit-scrollbar-thumb:horizontal:active,
.blanco10TI::-webkit-scrollbar-thumb:vertical:active { background: #000; }
 
.seccionMenu, .seccionMenuI{display: inline-block; color:#000; cursor:pointer;height: 45px;   position: relative;}

.seccionMenuT{ display:table-cell;    color:#000; cursor:pointer;   height: 45px; }
.seccionMenuP { background-color:#EBEBEB; height: 45px }
.seccionMenu a {  color:#000;}
.seccionMenu:hover, .seccionMenuI:hover { background-color:#EBEBEB; color:#000;}
.seccionMenuI .material-icons { float:left; width: 45px; text-align: center; line-height: 45px;  }
.seccionMenuI .contadores { float:left; width: 30px; text-align: center; line-height: 45px;  }

.seccionMenuMore { right: 0; height: 100%;  z-index: 999; position: absolute; width: 45px; text-align: center; line-height: 45px; border-left: 1px solid #ebebeb;}
.moreVert { position:absolute; width:230px; background-color:#fff; border: 1px solid #EBEBEB; right: 0;   visibility: hidden; opacity: 0; transition: .2s linear; top: 45px;  }
.seccionMenuMore:hover .moreVert { visibility: visible; opacity: 1}
.moreVertMenu { float: left; width: 100%; position: relative; text-align: left; background-color: #FFF; border-bottom: 1px solid #CCC;}
.moreVertMenu .material-icons{ position: absolute; left: 5px; top: 50%; transform: translateY(-50%); z-index: 1;}
.moreVertMenu .div100 { padding: 5px 5px 5px 35px}
.seccionMenuC{   float: left;   height: 45px; line-height: 45px; padding-right: 5px; }

@media screen and (max-width: 600px) {
.blanco10TI{ padding-bottom: 5px;}
}

.contenido {  float:left;   width:100%; padding:0 0 0 0px;   box-sizing:border-box;  transition: all 0.4s; }

#sub, .subT { padding:25px 25px 100px 270px; float:left; width:100%;}

@media screen and (max-width: 800px) {
.contenido { width:100%;}	
.menuEspacio {   left: -300px;  }

}
@media screen and (max-width: 800px) {
#sub { padding:25px 25px 15px 15px;}
}


.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 */
.mueve { cursor: move;}
.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:fixed; z-index:999999; top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); background-color: #FFF; border-radius: 100px; padding: 20px;  box-shadow: 0px 0px 13px -3px #000000; display: none;}


.boton{ background-color:#678dc1;    cursor:pointer; border:none;     color:#FFF; float:right; text-shadow:none;  font-size:12px; position: relative; padding: 10px; border-radius: 3px;}
.boton:hover{ background-color:#2f4050;  }
.boton .material-icons { position: absolute; left: 0; top: 50%; transform: translateY(-50%); text-align: center; width: 30px;}
.boton .div100 { padding-left: 30px;  }

.botonP { background-color: #ccc; color: #333; border-radius: 3px; float: left; padding: 5px; font-size: 12px; font-weight: normal; cursor: pointer;}
.botonP:hover { background-color: #333; color: #FFF;}


.botonSin{     cursor:pointer; border:none; font-weight: 600;    font-family:'futurabook' , sans-serif;   color:#3E6CAA; float:right; text-shadow:none;  font-size:14px; position: relative; padding: 10px; border-bottom-left-radius: 10px; user-select: none;}
.botonSin:hover{ color:#2f4050;  }
.botonSin .material-icons { position: absolute; left: 0; top: 50%; transform: translateY(-50%); text-align: center; width: 30px;}
.botonSin .div100 { padding-left: 20px;  }

.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:#011e41; padding:5px 15px; float:left; margin-bottom: 1px; }
.titulos { color:#011e41;   font-size:25px; float:left; text-transform:uppercase; font-family:'futuraheavy' , sans-serif;}
.titulosS { color:#666; width:100%;   font-size:22px; text-transform:uppercase; font-family:'futurabook' , sans-serif;}
.titulosSA { color:#005189; width:100%;   font-size:22px; text-transform:uppercase; font-family:'futurabook' , sans-serif;}
.titulos100 { color:#666; text-align:center; width:100%; font-size:22px; float:left; font-family:'futurabook' , sans-serif;}
@media screen and (max-width: 600px) {
.titulos { font-size: 20px;}
.titulosS { font-size: 16px;}
}


.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: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;  
	
}

/* textos */
.verde { color:#2AB900;}
.rojo { color:#f00;}
.negrita { font-weight:bold;}
.diaNo { background-color: red; color: #FFF;}

.iconoL{position: absolute; left: 0;top: 50%; transform: translateY(-50%);}
.iconoLM{margin-left: 30px;}
.iconoR{position: absolute; right: 0;top: 50%; transform: translateY(-50%);}
.iconoRM{margin-right: 30px;}

/* */

 
.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; position: absolute;}
.placeholder {
    border: 1px dashed #333;  width:50px; 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;  
}
.dragdropC{   border:1px solid #EBEBEB; margin-bottom:5px; width:100%; }
.dragdropC:hover { background-color:#EBEBEB; cursor:move;}



.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; font-family: 'Roboto', sans-serif;}

 

.contadores { float:left; height:28px; line-height:28px;}
.elemento { border:1px solid rgba(255,255,255,0.00); padding:2px; box-sizing:border-box;}
.elemento:hover{ background-color:#F9F9F9; border:1px solid #C3C3C3;}
.elementoBotones {position:absolute; background-color:rgba(151,151,151,0.63); z-index:999;right:0; opacity:0 !important; display:none; transition: all 0.2s linear;}
.elemento:hover .elementoBotones { opacity:1 !important; display:block;}

.elementoBloque {   padding:2px; box-sizing:border-box; border:1px dashed #ccc;}
.elementoBloque:hover{ background-color:#F9F9F9;  }
.elementoBloqueBotones {position:absolute; background-color:#EBEBEB; z-index:999;right:0; opacity:0; display:none ; transition: all 0.2s linear;}
.elementoBloque:hover .elementoBloqueBotones { opacity:1; display:block;}

.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;
  color: #666;
    width: 100%;
    font-size: 22px;
    
    font-family: 'futurabook' , sans-serif;
}

.elemento_tituloon{color: #444;
color: #666;
    width: 100%;
    font-size: 18px;
 
    font-family: 'futurabook' , sans-serif;
}
.textoImagenTitulo { font-size:19px; color:#444; font-weight:100;}
.textoImagenImagen { }
.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;
}

 /* organigrama */

.orgaMono{ float:left; width:14.28%;    }
.orgaMonoD { width:100%; padding-bottom:110%; position:relative;overflow:hidden; }
.orgaFoto{ position:absolute;  background-size:cover;  background-repeat:no-repeat; background-position:center top; width:100%; height:100%; transition:linear .2s; }
.orgaRayita { height:10px; width:100%; position:absolute; bottom:0; display:none;}
.orgaTexto { position:absolute; width:100%; color:#FFF; padding:10px; background-color:rgba(0,0,0,0.81); transition:linear .2s; bottom:-250px;}
.orgaBoton { float:left; cursor:pointer;}

.orgaMono:hover .orgaFoto { transform:scale(1.05);}
.orgaMono:hover .orgaTexto {  bottom:10px;}

@media screen and (max-width: 1400px) {
.orgaMono{ float:left; width:20%;    }	
}
@media screen and (max-width: 1000px) {
.orgaMono{ float:left; width:25%;    }	
}

@media screen and (max-width: 800px) {
.orgaMono{ float:left; width:33.33%;    }	
}

@media screen and (max-width: 600px) {
.orgaMono{ float:left; width:50%;    }	
.orgaBoton { width:50%;}
}

@media screen and (max-width: 400px) {
.orgaMono{ float:left; width:100%;    }	
}

/*  */


/* botones procesos*/
/* botones procesos*/
.botonesProceso{   float:left; opacity:.8; color:#FFF; cursor:default; position: relative;}
.botonesProceso:hover { opacity:1;}
.botonesProceso .material-icons{ position: absolute; left: 0; width: 30px; text-align: center; top: 50%; transform: translateY(-50%)}
.botonesProceso .div100 { padding: 10px 10px 10px 30px;}

.botonesVerde { background-color:#EBEBEB !important; cursor:pointer;color:#333 !important; border:1px solid #ccc; padding:10px; border-radius: 3px;  }
.botonesVerde:hover {background-color:green !important; color:#FFF !important;  }


.botonesRojo { background-color:#EBEBEB !important; color:#999 !important; cursor:pointer;  border:1px solid #ccc; padding:10px; border-radius: 3px; }
.botonesRojo:hover {background-color:rgba(193,0,3,1) !important; color:#FFF !important;  }
.botonesCancelar {  cursor:pointer; color:#ccc; padding:10px; border:1px solid #EBEBEB; float:left;}
.botonesCancelar:hover { color:#333; border:1px solid #333;}
.botonesNeutro { background-color:#EBEBEB !important; cursor:pointer;color:#999; border:1px solid #ccc; padding:10px; border-radius: 3px;}
.botonesNeutro:hover { background-color:#333 !important; cursor:pointer;color:#FFF; border:1px solid #ccc; padding:10px; border-radius: 3px;}

.botonProcesoAcepta {  background-color:#999; cursor:pointer;opacity:0;   position:absolute;  left: 0px;   float: left; color:#fff; transition: all 0.2s linear; z-index: 99;}
.botonProcesoAcepta:hover {  background-color:rgba(0,102,14,1.00);}
.botonsProcesoAceptaPadre:hover .botonProcesoAcepta { opacity:1;  left: 100%;}
.procesoJustificacion { display:none;}

/*  */

/*  */

.clear { clear:both; }
.clear2 {clear: both; display: none;}
.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}
.tableCell { display:table-cell; vertical-align: middle;}
.tableCell30 { display:table-cell;   width:30px;}
.tableCell40 { display:table-cell;   width:40px;}
.tableCell50 { display:table-cell;   width:50px;}
.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; top:50%; transform: translateY(-50%);  color:#B5B5B5; }


.celdaPZS { padding-left:33px !important; text-align:right; position:relative}
.celdaPZS:before { content:"PZS"; position:absolute; left:5px; top:50%; transform: translateY(-50%);  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;}


.cuadroCirculo { width: 50px; height: 50px;position: absolute;background-color: transparent; border-radius: 0; transition: .2s linear; z-index: 2; cursor: pointer;}
.cuadroCirculo:hover { border-radius: 100px; background-color: #ebebeb}
.cuadroCirculoIcono{   cursor:pointer; float: left;width: 50px; text-align: center; position: absolute; top: 50%;  transform: translateY(-50%)}

/* divs  */
.div100{position:relative;  float:left; width:100%;}
.div80{ position:relative; float:left; width:80%;}
.div70{ position:relative; float:left; width:70%;}
.div66{ position:relative; float:left; width:66.666%;}
.div50, .div50n{ position:relative; float:left; width:50%;}
.div33, .div33n{ position:relative; float:left; width:33.33%;}
.div30{ position:relative; float:left; width:30%;}
.div25{ position:relative; float:left; width:25%;}
.div20{ position:relative; float:left; width:20%;}

.tooltip { 
display: none;
  background-color: rgba(0,0,0,0.75);
  color: #fff; opacity: 0; 
  text-align: center; position: absolute; bottom: -35px;
 transition: .2s linear;  padding: 6px; z-index: 999;
  border-radius: 3px; font-family: roboto; font-size: 11px;  }
.cuadroCirculo:hover .tooltip {  display: block;  transition-delay:1s;  opacity: 1;  }
.tooltipPadre:hover .tooltip {  display: block;  transition-delay:1s;  opacity: 1;  }

@media screen and (max-width: 900px) {
.div66{ float:left; width:100%;}
.div33{ float:left; width:100%;}
.div25{ float:left; width:50%;}
.div20{ float:left; width:50%;}
.div50{ float:left; width:100%;}
.clear2{ display: block}
	
}

@media screen and (max-width: 600px) {
.div50 , .div25, .div20{ float:left; width:100%;}
 
	
}

/*  */

/* revisiones */
.revisionLista { border-left: 3px solid transparent;}
.revisionLista:hover { border-left: 3px solid #678dc1;}
.revisionListaP { border-left: 3px solid #2f4050;}

/* revisiones */

/* perfiles */

.perfil_{ color: #CCC;}
.perfil_encargado{ color:#55A3EB;}
.perfil_encargadoArea{ color:#AD06AD;}
.perfil_especialista{ color:#BC7B00;}
/* */


/* 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:10px 10px 10px 0;}
.padd10NL { padding:10px 3px 10px 10px;}
.padd15, .padd15R { padding:15px;}
.padd20, .padd20R { padding:20px;}
.padd30, .padd30R { padding:30px;}

.padd5D{padding-right: 5px;}

/* 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, .closeA { position:absolute; background-color:#666; right:0px; top:0px; width:30px; text-align:center; line-height:30px; color:#fff;  cursor:pointer; z-index: 999;}
.close:hover, .closeA: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; }

/* */

.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 */

/* calendario */

.eventoCuadrito {
    float: left;
    padding: 5px;
    box-sizing: border-box;
    width: 14.28%; height:50px; border: 1px solid #EBEBEB;
     
}

.eventoCuadritoP {
    float: left;
    padding: 5px;
    box-sizing: border-box;
    width: 14.28%;  background-color:#EBEBEB;
     
}

.semaforoVerde {background-color: #005521; width:40px; height:40px; border-radius:100px; display:inline-block; color:#fff; text-align:center; line-height:40px; cursor: default; user-select: none;}
.semaforoAmarillo {background-color: yellow; width:40px; height:40px; border-radius:100px; display:inline-block; color:#fff; text-align:center; line-height:40px; cursor: default; user-select: none;}
.semaforoRojo {background-color: red; width:40px; height:40px; border-radius:100px; display:inline-block; color:#fff; text-align:center; line-height:40px; cursor: default; user-select: none;}

.eventoAqui { position:absolute; width:100%;   padding:10px; background-color:#FFF; display:none;}

@media screen and (max-width: 600px) {
 
 #semana, #fechaHueca, .calendario7 { display:none;}
.eventoCuadrito, .eventoCuadritoP { width:33%;}
}
@media screen and (max-width: 400px) {
 
 
.eventoCuadrito, .eventoCuadritoP { width:100%;}
}



.filtrosDiv {
z-index: 99999;     background-color: #f4f4f4; overflow-y: auto; position: fixed; height: 100%; border-right: 1px solid #ccc; padding-bottom: 50px; width: 100%; max-width: 400px; left: -400px; }
.filtro { width: 100%; float: left; padding: 5px}
.filtro:hover { background-color: #FFF;}
.filtrosBottom { position:fixed; bottom:0; cursor: pointer;text-align:center;   z-index: 999; background-color: #CCC; padding:10px;  width: 100%; max-width: 400px;}

.filtroTitulo { font-size:14px; color:#00529E;   padding:5px;}
.filtroSearch { width:100%; padding:5px;}
.filtroSelect { width:100px; float:left;}
.filtroValor { float:right; width: calc(100% - 110px);}

.searchResults { position:absolute; width:100%;z-index:999; cursor: pointer;background-color:#FFF; border:1px solid #EBEBEB; display:none; box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.5);}
.searchResultsMax { max-height:160px; overflow-y:auto;}
.searchResultsSelects { float:left; width:100%; height:40px; position: relative;}
.searchResultsSelects .div100 { line-height: 40px;}


.searchResultsMax::-webkit-scrollbar-track
{
	border-radius: 10px;
	background-color: #F5F5F5;
}

.searchResultsMax::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

.searchResultsMax::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	background-color: #999;
}

.selectUsuarios { border-bottom: 1px solid #EBEBEB; user-select: none;}
.selectUsuarios .div100 {padding-left: 60px; line-height: 50px; width: calc(100% - 60px); white-space: nowrap; overflow: hidden;}
.selectUsuarios .material-icons { opacity:.2;}

.selectUsuarios:hover .material-icons { opacity:1;}

.embudoEtapa { opacity: .5; color: #000;}
.embudoEtapa:hover { opacity: .9;}
.embudoEtapaP {  opacity:1; color: #000;}
.embudoEtapaBorde { border-left:3px solid #f5f5f5;}
.embudoEtapaBordeP { border-left:3px solid #333;}
.embudoPuesto { border:1px solid #333;}




/* mods */

.cursosModulos {width: 250px; position: absolute;}
.cursosDerecha {padding-left: 265px;}

.diapositiva{ float: left; background-color: #ebebeb; padding:10px; cursor: pointer;}
.diapositiva:hover { background-color: #CCC;}

@media screen and (max-width: 900px){
.cursosModulos {width: 100%; float: left; position: relative;} 
.cursosDerecha {padding-left: 0;}
}
/* */

/* preguntas */

.preguntaTit { font-weight: bold; font-size: 15px;}
/* */

.checas>input{display:none}
.checas>input+img{cursor:pointer;padding:5px; border:1px solid transparent}
.checas>input:checked+img{border:1px solid #888888}


/* preguntas */
.avanza {  position: absolute;  height: 100%; width: 30px; top:0;    border-bottom: 1px solid #EBEBEB; background-color: #FFF;  }
.avanza:hover { background-color: #EBEBEB; cursor: pointer}


.calendarioMabo{ position: absolute;z-index: 99; background-color: #FFF; border: 1px solid #CCC; display: none; user-select: none;}
.calendarioMaboTabla { float:left; width:245px; }
.calendarioMaboDiaT { float:left;  width:35px; height:35px; text-align: right; line-height: 35px; cursor: default; padding-right: 3px; font-weight: bold;}
.calendarioMaboDia { float:left;  width:35px; height:35px; text-align: right; line-height: 35px;  padding-right: 5px }
.calendarioMaboDiaPon { cursor: pointer;}
.calendarioMaboDia:hover { background-color:#ebebeb;}

.calendarioMaboVacas { opacity: .5;}

.calendarioMaboAtras { cursor: pointer; text-align: center;position: absolute; height: 30px; line-height: 30px; width: 30px; left: 0; top: 0;}
.calendarioMaboAtras:hover { border-radius: 100px; background-color: #ccc;}
.calendarioMaboAdelante { cursor: pointer; text-align: center; position: absolute; height: 30px; line-height: 30px; width: 30px; right: 0; top: 0;}
.calendarioMaboAdelante:hover { border-radius: 100px; background-color: #ccc;}

.calendarioMaboMes { text-align: center; font-size: 16px; height: 30px; line-height: 30px;}

.calendarioMaboPuesto { background-color:#ccc;}
.calendarioMaboPuesto:hover { background-color:#ccc;}

/* calendario y agenda */
.tablaCalendario { border-collapse: collapse; table-layout: fixed;}
.tablaCalendario td {vertical-align: top; padding: 0;}
.diaMes{ min-height: 150px; max-width: 20%; border: 1px solid #ccc;}
.diaBolita { width: 25px; height: 25px; border-radius: 50px; text-align: center; line-height: 25px; margin: auto; transition: .1s linear; }
.diaBolita:hover { background-color: #ebebeb;}
.diaBolitaHoy { background-color: #678dc1 !important; color: #FFF !important;}
.diaInactivo{background-color: #f1f1f1; }


.colorBolita { width: 30px; height: 30px; border-radius: 50px; float: left; border: 1px solid #FFF; opacity: .3; transition: .1s linear; color: #FFF; margin-right: 3px;}
.colorBolita:hover { border: 1px solid #999; opacity: 1;   }

.colorBolitaP { border: 1px solid #999; opacity: 1; text-align: center; line-height: 30px; color: #FFF; font-size: 18px;}

.eventosEventos{ float: left; margin-bottom: 2px; padding: 5px; height: 55px; }

.eventosBolita{
    /* margin-bottom: 2px; */
    padding: 5px;
    height: 20px;
    width: 20px;
    border-radius: 50%;
				text-align: center;
				display: inline-block;

}

/* encuestas */

/* encuestas */
.tablaEncuesta td  { text-align: center;}
.tablaEncuesta td:first-child { width: 50%; text-align: left;}
.tituloEncuesta { width: 100%; font-weight: bold; font-size: 17px;}
.displayNone, .none { display: none;}
.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 */
/* encuestas */

/* fotos */
.fotines { float: left; position: relative; padding: 10px; border: 1px solid #fff;}
.fotinesBorra {  float: left; position: relative; padding: 10px;  border: 1px solid #f00;}
.fotosBorra, .fotosBorraNo {position: absolute; right: 0;   display:none; z-index:9; cursor: pointer; background-color: #fff;}
.fotines:hover { border: 1px solid #EBEBEB;}
.fotines:hover .fotosBorra { display:block}
.fotinesBorra:hover .fotosBorraNo { display:block}