html,body{ height: 100%; width:100%; margin:0; padding:0; 
  font-family: sans-serif,Helvetica,Arial; font-size:14px; color:#191f37; background:#ffffff; 
  color:#060611;  -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; 
  /*background: url('grid.png') #f7f7f7;*/
 /* background: url('grid2.png') #060611; 
  background:url('panda.png');background-repeat: no-repeat; background-size: 600px 400px ;   background-position: 50% 50%;*/
}

body{ height: 100%; width:100%; margin:0; padding:0; font-size:13px;  }


table { border-spacing: 0; font-size:13px;}

td { padding:0; }
ol, ul, h1, h2, h3, h4, h5, h6 { list-style: none; margin:0; padding:0; font-family: sans-serif,Helvetica,Arial; }
a{ color:#333;  text-decoration: none; }
hr { background:#ccc;  border: 0; height:1px; }
h4{ font-size: 1.7em }

.portada
{   width:100%; height:100%; border-spacing:0; border-collapse:collapse;
 background-repeat: no-repeat;  background-size: 100% 100%;
}

.footer{ font-size:11px; text-align:center; height:22px; vertical-align:top; }
.web{  width:100%; height: 100%;  background:url('bg.png'); background-repeat: no-repeat; background-size: 100% 100%;  

}
.menuside{ width:200px; min-width:200px; border-right:solid 1px #f7f7f7; background: rgba(255, 255, 255, 0.52);
/*background: linear-gradient(0deg, rgba(0,161,84,1) 0%, rgba(255,255,255,0.17128849830948) 56%); */
}

.titulo3{ margin: 0; color:#00A154; text-shadow:1px 1px 1px rgba( 0, 0, 0, 0.15); 
}

.titulo3>span{ font-size:11px; display: block; margin-left: 10px; line-height: 1em;}

.dgverde{  background: rgb(203,229,78);
  background: linear-gradient(180deg, rgba(203,229,78,1) 0%, rgba(148,180,71,1) 100%); 

/*background:#a0c743;*/
}



#pie_pag{ height:50px; vertical-align:top; text-align:center; font-size:0.7em; width:100%;  }
.margen0 {   margin:0; }
.margen5 {   margin:5; }
.margen10 {   margin:10; }

.barra{ background: #ffffff;  }

.fixed{ position: fixed; width: 100%;  }

.barra_menu {  border-bottom:solid 1px #ccc; height: 25px; width:100%;
            color:#000000; left: 0px; top: 0px; z-index: 99; margin:0; padding:0;
  }

.centrar { text-align:center; margin:auto; }

.pagina
{ width:100%; min-height:100%; border-spacing:0; border-collapse:collapse; }

.pie_pag{ height:35px; vertical-align:top;   text-align:center; font-size:0.7em;   }



.overlay{ position:fixed; width:100%; height:100%; margin:0; top:0; left:0;
          background:#ffffff; background:rgba(255,255,255,0.95);
          z-index:999999999; color:#000000; display:table; overflow-y:auto; 
}

.estilo_hoja { border: solid 1px #ccc; border-radius:3px; background:rgba(255, 255, 255,0.5);
}


.logotipo{ font-size: 3.5em; line-height: 0.85em; margin:0;  }
.logotipo > span {font-size: 0.24em; display: block; margin-bottom: -13px; padding-left: 90px; }
.logotipo > i { font-size: 0.2em; display: block; padding-left: 60px; margin-top: -8px; font-style: normal;  }

.p_baja,.l_revisada { color: #199f76;  }
.l_pendiente { color: #1976d2; }
.p_media, .l_enviando{ color: #f99614; }
.p_alta, .l_noexiste { color: #de474e; }


.a_tab{ display: inline-block; color: #546e7a; height:30px; margin-bottom: -4px; }
.a_tab .a { padding: 5px; }
.a_tab .b { padding: 5px 10px; color:#de474e; }
.a_tab .b:hover{ background: rgba(222, 71, 78, 0.1); }
.a_tab:hover{ color:#000000; cursor: hand; }

.btnactivo{ color:#000000; text-decoration:line-through; font-weight: bold;}

.divisor {  border: none; height: 1px; background:#ffffff; width: 100%; margin:0 auto;
background: -webkit-linear-gradient(left, #14285A, white, #14285A );
background: -moz-linear-gradient(left,#14285A, white, #14285A);
background: -o-linear-gradient(left,#14285A, white, #14285A);
background: linear-gradient(left,#14285A, white, #14285A);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#14285A', endColorstr='#ffffff',GradientType=0 ); 
}

.divisor2 {  border: none; height: 1px; background:#ffffff; width: 85%; margin:0 auto;
background: -webkit-linear-gradient(left, white, black, white);
background: -moz-linear-gradient(left,white, black, white);
background: -o-linear-gradient(left,white, black, white);
background: linear-gradient(left,white, black, white);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff',GradientType=0 ); 
}

/* .tab_activo {

background: rgba(255,255,255, 0.75); border-radius: 5px 0px 0px 0px;


  border-radius: 15px 0px 0px 0px; background: #ffffff; background: rgba(255, 255, 255,0.95); border:solid 1px #f7f7f7 ;
  -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2); 
} */
 

/************************************/
/*            CHECKBOX              */
/************************************/


.checkbox { position: relative; outline: 0; display: inline-block; cursor: pointer; user-select: none; font-size:1.2em; }
.checkbox, .checkbox:after, .checkbox:before, .checkbox *, .checkbox *:after, .checkbox *:before,.checkbox + .checkbox-btn 
{  box-sizing: border-box; }

.checkbox::selection, .checkbox:after::selection, .checkbox:before::selection, .checkbox *::selection,.checkbox *:after::selection,
.checkbox *:before::selection,.checkbox + .checkbox-btn::selection {  background: none; }
.checkbox span { position: relative; display: block; line-height: 1.2em; overflow: hidden;  font-weight: normal;
  text-align: center; padding: 0.2em 1em;
  transition: color 0.3s ease, padding 0.3s ease-in-out, background 0.3s ease-in-out; border-radius: 20px;
}
.checkbox span:before { position: relative; display: block; line-height: 1.4em; padding: 0 0.2em; font-size: 0.75em; }
.checkbox span:after { position: absolute; display: block; content: ''; width: 1.1em;  border-radius: 100%;
  height: 1.1em; margin-left: -1.45em; top: 0.2em; ;
  transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 0.97), background 0.3s ease-in-out; }
.checkbox input[type="checkbox"] { display: none !important; }
.checkbox input[type="checkbox"]:not(:checked) + span { background: #B6B9BD;
   padding-left: 1.6em; padding-right: 0.4em;  margin-top: 0;}
.checkbox input[type="checkbox"]:not(:checked) + span:before { content: attr(data-off); color: #ffffff; }
.checkbox input[type="checkbox"]:not(:checked) + span:after { background: #ffffff; left: 1.6em;}
.checkbox input[type="checkbox"]:checked + span {  background:#00A154; color: #ffffff; padding-left: 0.4em; padding-right: 1.6em;}
.checkbox input[type="checkbox"]:checked + span:before { content: attr(data-on); }
.checkbox input[type="checkbox"]:checked + span:after { background: #ffffff; left: 100%; }
.checkbox input[type="checkbox"]:disabled,
.checkbox input[type="checkbox"]:disabled + span,
.checkbox input[type="checkbox"]:read-only,
.checkbox input[type="checkbox"]:read-only + span {
  cursor: pointer;
}

/*----------------------------------------------------------------------------*/
/*                                 TABLA                                   */
/*----------------------------------------------------------------------------*/

.tabla2 {  font-family: Sans-Serif; width:100%; border-collapse: collapse; font-size: 0.95em; border:solid 1px #ccc; background: rgba(255,255,255,0.95); }
.tabla2 th { font-size: 1em; padding:10px  0px; border: 1px  solid #ccc; text-align: center;  } 
.tabla2 td {  padding: 4px; border: 1px solid #ccc;  } 
.tabla2 tfoot{ font-weight: bold; }

.tabla {  font-family: Sans-Serif; width:100%; font-size:1em; border-bottom:solid 4px #00A154; border-collapse:collapse ; }
.tabla th { font-size:0.97em; padding:10px; border: 1px solid #00A154;  text-align: center;  } 
.tabla td {  padding: 4px; border-left:1px solid #00A154; border-right:1px solid #00A154;   } 

/*.tabla td:first-child, .tabla td:last-child { border: none; } */

.tabla tbody tr:hover td {  background:#F0F0F0; border-spacing: 0;  }
.tabla tr:nth-child(odd) { background:  #ffffff; background: rgba(255, 255, 255, 0.5); }
.tabla tr:nth-child(even){ background: #F7F7F8; }
.tabla .opc { width: 75px; }
.tabla .opcred:hover { background: #ff1744; color:#ffffff; }
.tabla tfoot{ font-weight: bold; }
.tabla tfoot tr:nth-child(odd),.tabla tfoot tr:nth-child(even) { background: none;  }


.tabla .num { color:#999; text-align:center; }
.tabla .btngral, .tabla2 .btngral{ width:70px; padding:4px 0px;  text-align:center; color:#707070; background:none; border:none; margin:2px 0px;cursor: pointer; }
.tabla .btngral span, .tabla2 .btngral span{ display:block;font-size:9px;  margin-top:0px;  }
.tabla .btngral:hover,.tabla2 .btngral:hover{ color: #000000; }
.tabla .bordegris, .tabla2 .bordegris{ border:solid 1px #cccccc; }

.tabla .btnred , .tabla2 .btnred{ width:70px; padding:4px 0px;  text-align:center; color:#e57373; background:none; border:none; margin:2px 0px; cursor: pointer; }
.tabla .btnred span, .tabla2 .btnred span{ display:block;font-size:9px;  margin-top:0px;  }
.tabla .btnred:hover,.tabla2 .btnred:hover{ color: #ff1744 ; }
.tabla .btnred.bordegris, .tabla2 .btnred.bordegris{ border:solid 1px #cccccc; }

.tabla .btnblue{ width:70px; padding:4px 0px;  text-align:center; color:#0277bd; background:none; border:none; margin:2px 0px;cursor: pointer; }
.tabla .btnblue span{ display:block;font-size:9px;  margin-top:0px;  }
.tabla .btnblue:hover{ color: #1976d2; }

.tabla .btngreen, .tabla2 .btngreen{ width:70px; padding:4px 0px;  text-align:center; background:none; color:#00A154; border:none; margin:2px 0px;cursor: pointer; }
.tabla .btngreen span, .tabla2 .btngreen span { display:block;font-size:9px;  margin-top:0px;  }
.tabla .btngreen:hover,.tabla2 .btngreen:hover { color: #00A154; }

.tabla .tagverde{ width:60px; padding:4px 0px; text-align:center; color:#199f76; background:none; border:none; margin:2px 0px; }
.tabla .tagverde span{ display:block;font-size:9px;  margin-top:0px;  }




.tabla3 {  font-size:1em; border:none; border-collapse:collapse;  color:#666666; }
.tabla3 th { font-size:0.97em; padding:10px; border:none;  } 
.tabla3 td {  padding: 10px; border:none; } 
.tabla3 tbody tr:hover td {  background:#F3F3F3; border-spacing: 0; }
.tabla3 tfoot{ font-weight: bold; }
.tabla3 tfoot tr:nth-child(odd),.tabla tfoot tr:nth-child(even) { background: none;  }


.div_detalle{ width: 90%; margin: 0 auto;}
.div_detalle td,.div_detalle tr:nth-child(odd),
.div_detalle tr:nth-child(even)
{ background: none; border:0; padding:2px; }
.div_detalle .lineatxt{ border-bottom: solid 1px #cccccc;}


/*********************************************************************************/
/*                                  MENU TREE                                    */
/*********************************************************************************/
.menu-tree{ min-width:200px; width:200px;  text-align: left;
  -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; 
  -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }
.menu-tree .icono{ width: 45px; text-align: center; font-size: 1.1em; }
.menu-tree .opcion td { padding: 15px 0px;    }

.menu-tree .opcion:hover td{ cursor: pointer; background: #F7DD00; }
.menu-tree .activo{  font-weight: bold;  }
.menu-tree .activo, .menu-tree .subactivo td {  background: #F7DD00;  }

.menu-tree .submenu { display: none;  }
.menu-tree .submenu .subactivo td { border:none;  background: #F7DD00;   font-weight: bold; }
.menu-tree .item td{ padding: 10px 0px;  }
.menu-tree .item:hover td {  background: #F7DD00;  }
  
/*----------------------------------------------------------------------------*/
/*                                 CARGANDO                                   */
/*----------------------------------------------------------------------------*/

.spinner { z-index:0; margin: auto; left:0; right:0; top:0px; bottom:0px; /*position:absolute;*/
            width: 50px; height: 50px;  text-align: center; font-size: 9px; }
.spinner > div { background-color: #000000; height: 95%; width: 6px; display: inline-block;
			     -webkit-animation: stretchdelay 1.2s infinite ease-in-out; animation: stretchdelay 1.2s infinite ease-in-out; }
.spinner .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; }
.spinner .rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; }
.spinner .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; }
.spinner .rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; }


@-webkit-keyframes stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4) }   20% { -webkit-transform: scaleY(1.0) } }

@keyframes stretchdelay { 0%, 40%, 100%{transform: scaleY(0.4); -webkit-transform: scaleY(0.4); } 
						  20% {  transform: scaleY(1.0); -webkit-transform: scaleY(1.0); } }

.loader { font-size: 10px; float:right; display:none; border-top: 3px solid rgba(255, 255, 255, 0.2); 
		  border-right: 3px solid rgba(255, 255, 255, 0.2); border-bottom: 3px solid rgba(255, 255, 255, 0.2);
		  border-left: 3px solid #ffffff;-webkit-animation: load8 0.9s infinite linear; animation: load8 0.9s infinite linear; }
.loader,.loader:after { border-radius: 50%; width: 20px; height: 20px; }
@-webkit-keyframes load8 {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes load8 {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

.btn_up{ display: none;  }

/*********************************************************************************/
/*                                    GENERALES                                    */
/*********************************************************************************/

.etiqueta_roja { color:#c60303;}

.padding_abajo { padding-bottom:7px; }
.padding_arriba { padding-top:7px; }
.padding { padding:7px; }


.barramenu{ width: 100%; height:50px; z-index:9999; border-bottom: solid 1px #ccc; }

.btn_icon{ width:50px; height: 35px; text-align: center; background: none; border:none; font-size: 1.1em; color: #F7DD00; color:#000000; }

.btn_active{ color:#000000; font-weight: bold; }

.btn_icon:hover, .btn_icon:focus , 
.btn_icon2:hover,.btn_icon2:focus 
{  color:#000000; cursor: pointer; }
.btn_icon span, .btn_icon2 span{ font-size: 9px; display: block; color: #B6B9BD}

.btn_icon2{ width:50px; height: 35px; text-align: center; background: none; border:none; font-size: 1.1em; color: #000000;}

.btn_side{border-radius: 0px 0px 5px 0px; background: white;  
  -moz-box-shadow: 3px 1px 4px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 3px 1px 4px 0px  rgba(0, 0, 0, 0.2);
  box-shadow: 3px 1px 4px 0px  rgba(0, 0, 0, 0.2);
}

.lblnombreusuario{ height: 25px; }
.lblgerencia{ font-size: 0.8em; height:25px; text-align: center; vertical-align: bottom; }
.lblnombremenu{  font-size: 10px; font-weight:bold; text-align:center; height:40px; 
  vertical-align: bottom; text-transform: uppercase; color:#999;  } 

.full{ width: 100%; height:100%; }
#panel_central{ text-align: center; vertical-align: top; }


.barraprogreso{ height:2px; background: none; border:none; 
-webkit-transition: all 1s ease-in-out; 
  -moz-transition: all 1s ease-in-out; 
  -o-transition: all 1s ease-in-out; 
  transition: all 1s ease-in-out;}
.progreso{ width:0px; height: 100%; background:#000000; /*background: #03a9f4;*/ background: #50d8af; }

.block{ display: block; }
.inlineblock{ display: inline-block; }
.padding0{ padding:0; }
.padding5{ padding:5px; }
.padding10{ padding: 10px; }
.padding20{ padding: 20px; }
.padding40{ padding: 40px; }

.width100{ width: 100%; }
.width98{ width: 98%; }
.width90{ width: 90%; }
.width80{ width: 80%; }
.width75{ width: 74%; }
.width60{ width: 59%; }
.width50{ width: 49%; }
.width40{ width: 39%; }
.width25{ width: 24%; }

.td-arriba { vertical-align: top; }
.td-abajo  { vertical-align: bottom; }
.td-medio  { vertical-align: middle; }
.td-derecha{ vertical-align: right; }
.td-izquierda { vertical-align: left; }

.mayusculas{ text-transform: uppercase;}
.txt-arriba { text-align: top; }
.txt-abajo  { text-align: bottom; }
.txt-centro { text-align: center; }
.txt-derecha   { text-align: right; }
.txt-izquierda { text-align: left; }
.txt-justificado{ text-align: justify;}
.blanco{ color:#ffffff; }
.gris{ color:#a5a5a5; }
.gris2{ color: #666;; }
.gris3{ color:#DBDCDE; }
.rojo   { color:#de474e; }
.negro  { color:#000000; }
.blanco { color:#ffffff; }
.verde  { color:#199f76; }
.azul   { color:#1D51A7; }
.indigo { color:#000000; }
.naranja{ color:#f99614; }
.amarillo{ color:#F7DD00;}
.negrita{ font-weight: bold; }
.normal{ font-weight: normal; }
.hide { display: none; }

.bggris   { background-color:#ccc; }
.bggris3  { background-color:#DBDCDE; }
.bggris4   { background-color:#f2f2f2; }
.bgrojo   { background-color:#de474e; }
.bgnegro  { background-color:#000000; }
.bgblanco  { background-color:#ffffff; }
.bgblanco25  { background-color:rgba(255,255,255,0.25); }
.bgblanco50  { background-color:rgba(255,255,255,0.50); }
.bgblanco75  { background-color:rgba(255,255,255,0.75); }
.bgblanco85  { background-color:rgba(255,255,255,0.85); }
.bgblanco90  { background-color:rgba(255,255,255,0.90); }
.bgblanco95  { background-color:rgba(255,255,255,0.95); }
.bgverde  { background-color:#199f76; }
.bgazul   { background-color:#1D51A7; }
.bgindigo { background-color:#011642 ; }
.bgamarillo{ background-color:#F7DD00; }
.bgnaranja{ background-color:#f99614; }
.bgpanal{ background:url('panal.png'); background-repeat: no-repeat; background-size: 100% 100%; }


.tag{ background:url('p_verde.png') rgba(255, 255, 255, 0.92); background-repeat: no-repeat; border-radius:3px;
  background-size: 100% 100%; border:solid 1px #f3f3f3; padding:15px; margin: 5px;
  /*text-shadow: 1px 1px 1px rgba( 0, 0, 0, 0.25);
  -moz-box-shadow: 3px 1px 4px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 3px 1px 4px 0px  rgba(0, 0, 0, 0.2);
  box-shadow: 3px 1px 4px 0px  rgba(0, 0, 0, 0.2);
   */
}
.tag:hover{
  -moz-box-shadow: 3px 1px 4px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 3px 1px 4px 0px  rgba(0, 0, 0, 0.2);
  box-shadow: 3px 1px 4px 0px  rgba(0, 0, 0, 0.2);
}

.tagrojo{ border-radius:3px; background-color:#de474e; text-align: center;
  background-color: rgba(222,71,78,0.25);  color: #de474e;
  border:solid 1px #de474e;padding:10px;
  
}

.tagnaranja{ border-radius:3px;  background-color:#f99614;  text-align: center;
  background: rgba(249,150,20,0.25); color: #f99614;
   border:solid 1px #f99614;padding:10px;
}
.tagamarillo{ border-radius:3px;  background-color:#F7DD00;  border:solid 1px #F7DD00;padding:10px;
  background: rgba(247,221,0,0.25); color: #F7DD00;
}
.tagverde{ border-radius:3px; background-color:#199f76;  border:solid 1px #199f76; padding:10px;
  background: rgba(25,159,118,0.25); color: #199f76;
  /*text-shadow: 1px 1px 1px rgba( 0, 0, 0, 0.25);*/
}

.tagamarillo, .tagnaranja, .tagrojo, .tagverde  {   margin: 10px;
}

.tagamarillo > h2, .tagnaranja > h2, .tagrojo > h2, .tagverde > h2  { line-height: 0.5em;
  margin: 20px 0px;
}

.tagamarillo  h4, .tagnaranja  h4, .tagrojo  h4, .tagverde h4 { line-height: 0.5em;
  margin: 20px 0px; font-size: 2.1em;
}

.tagamarillo:hover, .tagnaranja:hover, .tagrojo:hover, .tagverde:hover 
{-moz-box-shadow: 3px 1px 4px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 3px 1px 4px 0px  rgba(0, 0, 0, 0.2);
  box-shadow: 3px 1px 4px 0px  rgba(0, 0, 0, 0.2);

}
.sinborde{border:none;}
.bordegris   { border:solid 1px #f3f3f3; }
.borderojo   { border:solid 1px #de474e; }
.bordeverde  { border:solid 1px #199f76; }
.bordeazul   { border:solid 1px #1D51A7; }
.bordeindigo { border:solid 1px #000000; }
.bordenaranja{ border:solid 1px #f99614; }

.p_gris{ color:#ccc;  display: block; }
.p_gris2{ color:#444; display: block; }
.p_gris3{ color:#979797; display: block; }
.p_rojo   { color:#de474e; display: block; }
.p_verde  { color:#199f76; display: block; }
.p_azul   { color:#1D51A7; display: block; }
.p_indigo { color:#000000;  display: block; }
.p_naranja{ color:#f99614; display: block; }


.borde-abajo{ border-bottom: 1px solid #cccccc; }
.borde-izquierda{ border-left: 1px solid #cccccc; }
.borde-derecha{ border-right: 1px solid #cccccc; }
.borde-abajoneg{ border-bottom: 1px solid #000000;}


.height100{ height:100%; }
.height95{ height:95%; }
.height90{ height:90%; }
.margen0{ margin:0; }
.margen10{ margin-top: 10px; margin-bottom: 10px; }
.margen15{ margin-top: 15px; margin-bottom: 15px; }
.marginauto{ margin:0 auto; }
.tablaespacio{ border-collapse: separate; border-spacing: 10px;  }
.espacioabajo{ margin-bottom: 15px; }
.espacioabajo2{ margin-bottom:30px; }
.txtsombra{text-shadow: 1px 1px 1px rgba( 0, 0, 0, 0.25);}
.lineatxt{ border-bottom:solid 1px #000000;padding: 5px ;}
.lineatxt .text{ display: block; font-weight: bold; font-size: 0.85em; color:#666; }
.float-izq{ float:left; }
.float-der{ float:right; }
.borderedondos{ border-radius:5px;}
.circulo{ border-radius: 100%;}
.truncartexto{width:100px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.sombra{ -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.4); }

.sombra2{ -moz-box-shadow: -1px 2px 10px 1px rgba(0, 0, 0, 0.2);
      -webkit-box-shadow: -1px 2px 10px 1px   rgba(0, 0, 0, 0.2);
      box-shadow: -1px 2px 10px 1px  rgba(0, 0, 0, 0.2);
}

.sombra3{
 -moz-box-shadow: 3px 1px 4px 0px rgba(0, 0, 0, 0.2);
      -webkit-box-shadow: 3px 1px 4px 0px  rgba(0, 0, 0, 0.2);
      box-shadow: 3px 1px 4px 0px  rgba(0, 0, 0, 0.2);
}

.sombrab{ -moz-box-shadow: 5px 5px 10px rgba(255,255,255, 0.2);
  -webkit-box-shadow: 5px 5px 10px rgba(255,255,255, 0.2);
  box-shadow: 5px 5px 10px rgba(255,255,255, 0.4); }

.sinsombra{ -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; }
h1,h2,h3,h4,h5,h6{ margin:0; padding:0; font-weight:normal; }

::-webkit-input-placeholder { color:#9fa8bc; }
::-moz-placeholder { color:#9fa8bc; }
:-ms-input-placeholder { color:#9fa8bc; }
:-moz-placeholder { color:#9fa8bc; }

.form_captura { display:none; width:100%; height:100%; position:fixed;  z-index:9997; 
  top:0; bottom:0; left:0; right:0; overflow-y:auto; background:rgba(255,255,255,0.95); 
}

.blur{
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
  
}
.form_captura > table {  width:100%; height:100%;  }

.form_captura .titulo { height:20px; border-bottom:solid 1px #ccc; padding:15px 0px; font-weight:bold; font-size:1.2em; }


.mensaje_modal{ font-size: 1.5em; padding: 15px;}

.form { width:90%; max-width:500px; margin: 0 auto; text-align:center; padding:5px;
  border:solid 1px #ccc; border-radius:3px;
  background:rgba(255,255,255,0.95); 
  -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2); }


/*********************************************************************************/
/*                    File Input                                                 */
/*********************************************************************************/
.custom-input-file {
  overflow: hidden; display:inline-block; position:relative;  border: 1px solid #ccc;
  background-color: rgba(25,159,118,0.5); background: #ffffff; text-align: center;
  font-size: 12pt; width: 100%; height: 100%;
  -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2); 
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
}
.custom-input-file:hover {  cursor: pointer; }
.custom-input-file .input-file { margin: 0; padding: 0;outline:0; font-size: 10000px; border: none solid transparent;
opacity: 0; filter: alpha(opacity=0); position: absolute; right: -1000px; top: -1000px; cursor: pointer; }
.custom-input-file .archivo { font-size: 7pt; overflow: hidden; }

/*----------------------------------------------------------------------------*/
/*                             ERROR TEXTBOX                                  */
/*----------------------------------------------------------------------------*/
.error { -webkit-animation: shake 0.5s; -moz-animation: shake 0.5s; animation: shake 0.5s; }

@-webkit-keyframes shake 
{ 0%, 100% {-webkit-transform: translateX(0);}
  10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
  20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
}
@-moz-keyframes shake 
{ 0%, 100% {-moz-transform: translateX(0);}
  10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px); }
  20%, 40%, 60%, 80% {-moz-transform: translateX(10px); }
}
@keyframes shake 
{ 0%, 100% {transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% {transform: translateX(-10px); }
  20%, 40%, 60%, 80% {transform: translateX(10px); }
}





 .btn_general{ background: #00A154; color: #fff; border-radius: 2px; border:none; min-height:40px; 
    /* background: rgb(0,111,58);
    background: linear-gradient(180deg, rgba(0,111,58,1) 0%, rgba(0,161,84,1) 50%, rgba(0,111,58,1) 100%); */

    -moz-box-shadow: -1px 2px 10px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: -1px 2px 10px 1px   rgba(0, 0, 0, 0.2);
    box-shadow: -1px 2px 10px 1px  rgba(0, 0, 0, 0.2);

    background: rgb(0,161,84);
  

  }
  .btn_general:hover{ cursor: pointer; }


/**************/


.input {
  position: relative;
  padding: 15px 0 0;
  margin-top: 10px;
}

.txt_input {
  font-family: inherit;
  width: 100%;
  border: 0;
  border-bottom: 1px solid #d2d2d2;
  outline: 0;
  font-size: 16px;
  color: #212121;
  padding: 7px 0;
  background: transparent;
  transition: border-color 0.2s;
}

.txt_input::placeholder {
  color: transparent;
}

.txt_input:placeholder-shown ~ .lbl_input {
  font-size: 16px;
  cursor: text;
  top: 20px;
}

label,
.txt_input:focus ~ .lbl_input {
  position: absolute;
  top: 0;
  display: block;
  transition: 0.2s;
  font-size: 12px;
  color: #9b9b9b;
  color:#636363;
}

.txt_input:focus ~ .lbl_input {
  color: #000000;
}

.txt_input:focus {
  padding-bottom: 6px;
  border-bottom: 2px solid #000000;
}

.btn_breadcrumb{ padding:10px 0px; }
.btn_breadcrumb:hover{ cursor: pointer; text-decoration: line-through;  }

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  line-height: 1.3;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  font-weight: inherit;
}

h1 {
  font-size: 4.2rem;
  line-height: 110%;
  margin: 2.8rem 0 1.68rem 0;
}

h2 {
  font-size: 3.56rem;
  line-height: 110%;
  margin: 2.3733333333rem 0 1.424rem 0;
}

h3 {
  font-size: 2.92rem;
  line-height: 110%;
  margin: 1.9466666667rem 0 1.168rem 0;
}

h4 {
  font-size: 2.28rem;
  line-height: 110%;
  margin: 1.52rem 0 0.912rem 0;
}

h5 {
  font-size: 1.64rem;
  line-height: 110%;
  margin: 1.0933333333rem 0 0.656rem 0;
}

h6 {
  font-size: 1.15rem;
  line-height: 110%;
  margin: 0.7666666667rem 0 0.46rem 0;
}

select {
  background: transparent;
  border: none;
  height: 30px;
  padding: 5px;
}

select:focus{ outline: none;}

/*********************************************/

#navy {
  fill: none;
  opacity: 0.15;
  stroke: #94b447;
  stroke-width: 12;
  stroke-miterlimit:10;
  animation: show 4s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out; 
}

#blue {
  fill: none;
  opacity: 0.15;
  stroke: #14285a;
  stroke-width: 12;
  stroke-miterlimit:10;
  animation: show 4s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

#light-green {
  fill: none;
  opacity: 0.15;
  stroke: #d3dd18;
  stroke-width: 6;
  stroke-miterlimit:10;
  stroke-dasharray: 200;
  stroke-dashoffset: 800;
  animation: draw 4s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;    
}

@keyframes draw {
  to {
    stroke-dashoffset: 0;
 }
    }

@keyframes show {
  0% {
    opacity: 0.075;
 }
  50% {
    opacity: 0.1;
 }
  100% {
    opacity: 0.075;
 }
    }



/***************************/

.btn_opcion{ border:none; font-weight: bold; border: solid 1px #f1f1f1;  padding: 30px;
  border-radius: 10px;  background: rgb(0,111,58); color:#ffffff; text-align: center;
  background: linear-gradient(180deg, rgba(0,111,58,1) 0%, rgba(0,161,84,1) 50%, rgba(0,111,58,1) 100%);
 }
.btn_opcion:hover,.btn_opcion:focus { color: #ffffff;  
   background: rgb(0,111,58);
 background: linear-gradient(180deg, rgba(0,111,58,1) 0%, rgba(0,161,84,1) 50%, rgba(0,111,58,1) 100%); 
}
.alert{ position:fixed; width: 100%; z-index: 9999999; padding:10px; text-align: center; background: #de474e; }
.div_pregunta{ display: none; width:90%;  text-align: justify; margin:auto; }
.pregunta{ font-size: 1.4em; color: #333; text-align: center;}

.max250{ max-width: 250px;}
.max400{ max-width: 400px;}
.max500{ max-width: 500px;}
.btn_rojo{ background:#de474e; color: #fff; border-radius: 2px; border:none; min-height:40px; }
.btn_rojo:hover, .btn_rojo:focus{cursor: pointer;}


/*----------------------------------------------------------------------------*/
/*                            resposive                                       */
/*----------------------------------------------------------------------------*/

@media only screen and (max-width: 800px) {

  
  .b-arramenu{ position: fixed; z-index: 998; }
  .menuside{ background:rgba(255,255,255,0.95); position: fixed; width: 100%; display: none;  
    height: 100%;  z-index: 999; top:0; bottom:0; left:0; right:0; overflow: auto; }

  .menuside{ width:100%; }
  .menu-tree{ width: 100%;  }
  .menu-tree .opcion td,.menu-tree .item td { font-size: 1.1em; }
  .btn_up{ display: table-cell;
  }
  .responsivo{ display: block; width:100%; }
  .tituloresponsivo{ display: block; width:100%;margin-bottom: 20px; }

  /*.padding40{ padding: 30px; }
  .btn_opcion{ margin-left: 0px !important; }*/

}


@media print 
{	#menu_gral{display:none;}
  .barramenu{display:none;}
  .dt-buttons,.dataTables_filter,.btn,.btn-large,.noprint, .btn_icon,.btngral, .btnred,.btnblue,.btngreen
  {display:none;}
	body{ background:none;}
}