/**
  * @package IPSOFT-SIIS
  * @version $Id: style_general.css,v 1.16 2018/07/30 09:37:07 Andres Exp $
  * @copyright (C) 2005 IPSOFT - SA (www.ipsoft-sa.com)
  */
 /**
  * Hoja de estilos para la aplicacion
  *
  * @package IPSOFT-SIIS
  * @version $Revision: 1.16 $
  * @copyright (C) 2005 IPSOFT - SA (www.ipsoft-sa.com)
  */
.titulo_bootstrap{
  font-family:Arial;
  font-size: 14px;
  word-spacing: 0.22em;
}
.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../images/loading.gif') 50% 50% no-repeat rgb(249,249,249);
    opacity: .8;
}
.box
 {
  width:300px;
  margin:60px auto;
}
/**
Clase css para el efecto de sobra sobre los objetos
*/
.sombra
{
  -webkit-box-shadow: 0 12px 6px -6px #999;
  -moz-box-shadow: 0 12px 6px -6px #999;
  box-shadow: 0 12px 6px -6px #999;
  filter:progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=180, Strength=14);
}

.sombra_p
{
  -webkit-box-shadow: 5px -5px 10px 0px rgba(0,0,0,1);
  -moz-box-shadow: 5px -5px 10px 0px rgba(0,0,0,1);
  box-shadow: 5px -5px 10px 0px rgba(0,0,0,1);
  filter:progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=180, Strength=14);
}
/**
* Clase css para el efecto de sobra sobre los objetos
* y efecto de iluminacion cuando se pasa el mouse sobre el objeto
*/
.efecto1
{
  -webkit-box-shadow: 0 12px 6px -6px #999;
  -moz-box-shadow: 0 12px 6px -6px #999;
  box-shadow: 0 12px 6px -6px #999;
  filter:progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=180, Strength=14);
}
.espaciado_07
{
  padding:7px 0px 7px 0px;
}
.espaciado_05
{
  padding:5px 0px 5px 0px;
}
.espaciado_03
{
  padding:3px 0px 3px 0px;
}
.texto_08{
  font-size:8px;
}
.texto_09{
  font-size:9px;
}
.efecto1:hover
{
   opacity: 1;
  -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.4)));
  -webkit-box-shadow: 0px 0px 20px rgba(140,218,255,0.9);
  -moz-box-shadow: 0px 0px 20px rgba(140,218,255,0.9);
  box-shadow: 0px 0px 20px rgba(140,218,255,0.9);
}

.efecto_u
{
  -webkit-box-shadow: 0 12px 6px -6px #999;
  -moz-box-shadow: 0 12px 6px -6px #999;
  box-shadow: 0 12px 6px -6px #999;
  filter:progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=180, Strength=14);
}
/**
* Clase css para el efecto de sobra sobre los objetos
* y efecto de iluminacion cuando se pasa el mouse sobre el objeto, enfocado en imagenes
*/
.efecto2
{
  -webkit-box-shadow: 0 9px 8px 2px #888;
  -moz-box-shadow: 0 9px 8px 2px #888;
  box-shadow: 0 9px 8px 2px #888;
  filter:progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=180, Strength=14);
}

.efecto2:hover
{
   opacity: 1;
  -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.4)));
  -webkit-box-shadow: 0px 0px 20px rgba(140,218,255,0.9);
  -moz-box-shadow: 0px 0px 20px rgba(140,218,255,0.9);
  box-shadow: 0px 0px 20px rgba(140,218,255,0.9);
}

.efecto2:visited
{
   border: 0px;
}

.efecto2:active
{
   border: 0px;
}
/*
* Sombra `para los textos, sombra gris
*/
.sombra_texto_n
 {
  color: #000000 !important;
  font-family:sans_serif, Verdana, helvetica, Arial;
  text-shadow: 5px 5px 5px #555555;
  -webkit-text-shadow: 5px 5px 5px #555;
  -moz-text-shadow: 5px 5px 5px #555;
  filter:progid:DXImageTransform.Microsoft.Shadow(color='#555555', Direction=180, Strength=14);
}
/*
* Sombra `para los textos, sombra blanca
*/
.sombra_texto_b
 {
  color: #FFFFFF !important;
  font-family:sans_serif, Verdana, helvetica, Arial;
  text-shadow: 5px 5px 5px #DDD;
  -webkit-text-shadow: 5px 5px 5px #DDD;
  -moz-text-shadow: 5px 5px 5px #DDD;
  filter:progid:DXImageTransform.Microsoft.Shadow(color='#FFFFFF', Direction=180, Strength=14);
}
/*
* Sombra `para los textos, sombra blanca
*/
.sombra_texto_a
 {
  color: #F8F8F8 !important;
  font-family:sans_serif, Verdana, helvetica, Arial;
  text-shadow: 5px 5px 5px #111;
  -webkit-text-shadow: 5px 5px 5px #111;
  -moz-text-shadow: 5px 5px 5px #111;
  filter:progid:DXImageTransform.Microsoft.Shadow(color='#FFFFFF', Direction=180, Strength=14);
}
/**
* Clase para un borde redondeado grande de 50px
*/
.borde_redondeado
{
  border-top-right-radius: 50px 50px;
  border-bottom-right-radius: 50px 50px;
  -moz-border-radius-bottomright:50px; //Firefox
  -moz-border-radius-topright:50px; //Firefox
  -webkit-border-top-right-radius:50px;
  -webkit-border-bottom-right-radius:50px;
  /*-webkit-box-shadow: 6px 12px 6px -6px #777;
  -moz-box-shadow: 6px 12px 6px -6px #777;
  box-shadow: 6px 12px 6px -6px #777;*/
  filter:progid:DXImageTransform.Microsoft.Shadow(color='#7777777', Direction=90, Strength=14);

  min-width:200px;
  height:100px;
  background-color: #FFFFFF;
}
/**
* Clases para eñ degradado de cada uno de los temas, para la cabecera
*/
.degradado_articoxp
{
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BCC2C7));
  background: -webkit-linear-gradient(top, #BCC2C7, #EEEEEE);
  background: -moz-linear-gradient(top, #BCC2C7, #EEEEEE);
  background: -o-linear-background(top, #BCC2C7, #EEEEEE);
  background: -ms-linear-gradient(top, #BCC2C7, #EEEEEE);
  background: linear-background(top, #BCC2C7, #EEEEEE);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BCC2C7, endColorstr=#EEEEEE);
/*  height:100px;*/
}

.degradado_silverxp
{
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#636B70));
  background: -webkit-linear-gradient(top, #636B70, #EEEEEE);
  background: -moz-linear-gradient(top, #636B70, #EEEEEE);
  background: -o-linear-background(top, #636B70, #EEEEEE);
  background: -ms-linear-gradient(top, #636B70, #EEEEEE);
  background: linear-background(top, #636B70, #EEEEEE);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#636B70, endColorstr=#EEEEEE);
/*  height:100px;*/
}

.degradado_aguamarinaxp
{
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#71FBF8), to(#059691));
  background: -webkit-linear-gradient(top, #059691, #71FBF8);
  background: -moz-linear-gradient(top, #059691, #71FBF8);
  background: -o-linear-background(top, #059691, #71FBF8);
  background: -ms-linear-gradient(top, #059691, #71FBF8);
  background: linear-background(top, #059691, #71FBF8);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#059691, endColorstr=#71FBF8);
/*  height:100px;*/
}

.degradado_azulxp
{
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#558EF1), to(#061FDE));
  background: -webkit-linear-gradient(top, #061FDE, #558EF1);
  background: -moz-linear-gradient(top, #061FDE, #558EF1);
  background: -o-linear-background(top, #061FDE, #558EF1);
  background: -ms-linear-gradient(top, #061FDE, #558EF1);
  background: linear-background(top, #061FDE, #558EF1);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#558EF1, endColorstr=#061FDE);
/*  height:100px;*/
}

.degradado_verdexp
{
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#09AA18), to(#055E0E));
  background: -webkit-linear-gradient(top, #055E0E, #09AA18);
  background: -moz-linear-gradient(top, #055E0E, #09AA18);
  background: -o-linear-background(top, #055E0E, #09AA18);
  background: -ms-linear-gradient(top, #055E0E, #09AA18);
  background: linear-background(top, #055E0E, #09AA18);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#09AA18, endColorstr=#055E0E);
/*  height:100px;*/
}

.degradado_ocrexp
{
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F3A614), to(#905F08));
  background: -webkit-linear-gradient(top, #905F08, #F3A614);
  background: -moz-linear-gradient(top, #905F08, #F3A614);
  background: -o-linear-background(top, #905F08, #F3A614);
  background: -ms-linear-gradient(top, #905F08, #F3A614);
  background: linear-background(top, #905F08, #F3A614);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#F3A614, endColorstr=#905F08);
/*  height:100px;*/
}

.degradado_orange
{
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E27719), to(#F7B072));
  background: -webkit-linear-gradient(top, #E27719, #F7B072);
  background: -moz-linear-gradient(top, #E27719, #F7B072);
  background: -o-linear-background(top, #E27719, #F7B072);
  background: -ms-linear-gradient(top, #E27719, #F7B072);
  background: linear-background(top, #E27719, #F7B072);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E27719, endColorstr=#F7B072);
/*  height:100px;*/
}

.degradado_purpurexp
{
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#C770A8), to(#772F5E));
  background: -webkit-linear-gradient(top, #772F5E, #C770A8);
  background: -moz-linear-gradient(top, #772F5E, #C770A8);
  background: -o-linear-background(top, #772F5E, #C770A8);
  background: -ms-linear-gradient(top, #772F5E, #C770A8);
  background: linear-background(top, #772F5E, #C770A8);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C770A8, endColorstr=#772F5E);
/*  height:100px;*/
}
/**
* Degradado para la cabecera de las tablas
*/
.degradado_cabecera_articoxp
{
  border-top-right-radius: 10px 10px;
  border-top-left-radius: 10px 10px;
  -moz-border-radius-topleft:10px; //Firefox
  -moz-border-radius-topright:10px; //Firefox
  -webkit-border-top-right-radius:10px;
  -webkit-border-top-left-radius:10px;

  -webkit-box-shadow: 5px -5px 10px 0px rgba(0,0,0,0.7);
  -moz-box-shadow: 5px -5px 10px 0px rgba(0,0,0,0.7);
  box-shadow: 5px -5px 10px 0px rgba(0,0,0,0.7);

  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#BCC2C7), to(#C2C9CD));
  background: -webkit-linear-gradient(top, #C2C9CD, #BCC2C7);
  background: -moz-linear-gradient(top, #C2C9CD, #BCC2C7);
  background: -o-linear-background(top, #C2C9CD, #BCC2C7);
  background: -ms-linear-gradient(top, #C2C9CD, #BCC2C7);
  background: linear-background(top, #C2C9CD, #BCC2C7);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C2C9CD, endColorstr=#BCC2C7);
  height:100%;
  width:100%;
}

.degradado_cabecera_azulxp
{
  border-top-right-radius: 10px 10px;
  border-top-left-radius: 10px 10px;
  -moz-border-radius-topleft:10px; //Firefox
  -moz-border-radius-topright:10px; //Firefox
  -webkit-border-top-right-radius:10px;
  -webkit-border-top-left-radius:10px;

  -webkit-box-shadow: 5px -5px 10px 0px rgba(0,0,0,0.7);
  -moz-box-shadow: 5px -5px 10px 0px rgba(0,0,0,0.7);
  box-shadow: 5px -5px 10px 0px rgba(0,0,0,0.7);

  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#558EF1), to(#061FDE));
  background: -webkit-linear-gradient(top, #061FDE, #0055e5);
  background: -moz-linear-gradient(top, #061FDE, #0055e5);
  background: -o-linear-background(top, #061FDE, #0055e5);
  background: -ms-linear-gradient(top, #061FDE, #0055e5);
  background: linear-background(top, #061FDE, #0055e5);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#061FDE, endColorstr=#0055e5);
  height:100%;
  width:100%;
}

.degradado_cabecera_aguamarinaxp
{
  border-top-right-radius: 10px 10px;
  border-top-left-radius: 10px 10px;
  -moz-border-radius-topleft:10px; //Firefox
  -moz-border-radius-topright:10px; //Firefox
  -webkit-border-top-right-radius:10px;
  -webkit-border-top-left-radius:10px;

  -webkit-box-shadow: 5px -5px 10px 0px rgba(0,0,0,0.7);
  -moz-box-shadow: 5px -5px 10px 0px rgba(0,0,0,0.7);
  box-shadow: 5px -5px 10px 0px rgba(0,0,0,0.7);

  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00A19C), to(#059691));
  background: -webkit-linear-gradient(top, #059691, #00A19C);
  background: -moz-linear-gradient(top, #059691, #00A19C);
  background: -o-linear-background(top, #059691, #00A19C);
  background: -ms-linear-gradient(top, #059691, #00A19C);
  background: linear-background(top, #059691, #00A19C);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#059691, endColorstr=#00A19C);
  height:100%;
  width:100%;
}

.degradado_cabecera_ocrexp
{
  border-top-right-radius: 10px 10px;
  border-top-left-radius: 10px 10px;
  -moz-border-radius-topleft:10px; //Firefox
  -moz-border-radius-topright:10px; //Firefox
  -webkit-border-top-right-radius:10px;
  -webkit-border-top-left-radius:10px;

  -webkit-box-shadow: 5px -5px 10px 0px rgba(0,0,0,0.7);
  -moz-box-shadow: 5px -5px 10px 0px rgba(0,0,0,0.7);
  box-shadow: 5px -5px 10px 0px rgba(0,0,0,0.7);

  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#C5850A), to(#905F08));
  background: -webkit-linear-gradient(top, #905F08, #C5850A);
  background: -moz-linear-gradient(top, #905F08, #C5850A);
  background: -o-linear-background(top, #905F08, #C5850A);
  background: -ms-linear-gradient(top, #905F08, #C5850A);
  background: linear-background(top, #905F08, #C5850A);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C5850A, endColorstr=#905F08);
  height:100%;
  width:100%;
}

.degradado_cabecera_orange
{
  border-top-right-radius: 10px 10px;
  border-top-left-radius: 10px 10px;
  -moz-border-radius-topleft:10px; //Firefox
  -moz-border-radius-topright:10px; //Firefox
  -webkit-border-top-right-radius:10px;
  -webkit-border-top-left-radius:10px;

  -webkit-box-shadow: 5px -5px 10px 0px rgba(0,0,0,0.7);
  -moz-box-shadow: 5px -5px 10px 0px rgba(0,0,0,0.7);
  box-shadow: 5px -5px 10px 0px rgba(0,0,0,0.7);

  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E27719), to(#F7B072));
  background: -webkit-linear-gradient(top, #E27719, #F7B072);
  background: -moz-linear-gradient(top, #E27719, #F7B072);
  background: -o-linear-background(top, #E27719, #F7B072);
  background: -ms-linear-gradient(top, #E27719, #F7B072);
  background: linear-background(top, #E27719, #F7B072);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E27719, endColorstr=#F7B072);
  height:100%;
  width:100%;
}

.degradado_cabecera_purpurexp
{
  border-top-right-radius: 10px 10px;
  border-top-left-radius: 10px 10px;
  -moz-border-radius-topleft:10px; //Firefox
  -moz-border-radius-topright:10px; //Firefox
  -webkit-border-top-right-radius:10px;
  -webkit-border-top-left-radius:10px;

  -webkit-box-shadow: 5px -5px 10px 0px rgba(0,0,0,0.7);
  -moz-box-shadow: 5px -5px 10px 0px rgba(0,0,0,0.7);
  box-shadow: 5px -5px 10px 0px rgba(0,0,0,0.7);

  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#A33E81), to(#772F5E));
  background: -webkit-linear-gradient(top, #772F5E, #A33E81);
  background: -moz-linear-gradient(top, #772F5E, #A33E81);
  background: -o-linear-background(top, #772F5E, #A33E81);
  background: -ms-linear-gradient(top, #772F5E, #A33E81);
  background: linear-background(top, #772F5E, #A33E81);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#A33E81, endColorstr=#772F5E);
  height:100%;
  width:100%;
}

.degradado_cabecera_silverxp
{
  border-top-right-radius: 10px 10px;
  border-top-left-radius: 10px 10px;
  -moz-border-radius-topleft:10px; //Firefox
  -moz-border-radius-topright:10px; //Firefox
  -webkit-border-top-right-radius:10px;
  -webkit-border-top-left-radius:10px;

  -webkit-box-shadow: 5px -5px 10px 0px rgba(0,0,0,0.7);
  -moz-box-shadow: 5px -5px 10px 0px rgba(0,0,0,0.7);
  box-shadow: 5px -5px 10px 0px rgba(0,0,0,0.7);

  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8C9295), to(#636B70));
  background: -webkit-linear-gradient(top, #636B70, #8C9295);
  background: -moz-linear-gradient(top, #636B70, #8C9295);
  background: -o-linear-background(top, #636B70, #8C9295);
  background: -ms-linear-gradient(top, #636B70, #8C9295);
  background: linear-background(top, #636B70, #8C9295);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#636B70, endColorstr=#8C9295);
  height:100%;
  width:100%;
}

.degradado_cabecera_verdexp
{
  border-top-right-radius: 10px 10px;
  border-top-left-radius: 10px 10px;
  -moz-border-radius-topleft:10px; //Firefox
  -moz-border-radius-topright:10px; //Firefox
  -webkit-border-top-right-radius:10px;
  -webkit-border-top-left-radius:10px;

  -webkit-box-shadow: 5px -5px 10px 0px rgba(0,0,0,0.7);
  -moz-box-shadow: 5px -5px 10px 0px rgba(0,0,0,0.7);
  box-shadow: 5px -5px 10px 0px rgba(0,0,0,0.7);

  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2F8A2F), to(#055E0E));
  background: -webkit-linear-gradient(top, #055E0E, #2F8A2F);
  background: -moz-linear-gradient(top, #055E0E, #2F8A2F);
  background: -o-linear-background(top, #055E0E, #2F8A2F);
  background: -ms-linear-gradient(top, #055E0E, #2F8A2F);
  background: linear-background(top, #055E0E, #2F8A2F);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#055E0E, endColorstr=#2F8A2F);

  height:100%;
  width:100%;
}

.round_menu_azulxp
{
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  border: thin solid #1C428A;
  padding-left: 8px;
  margin-top:2px;
  width:100%;

  background-color: #F7FDFA;
}

.round_menu_verdexp
{
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  border: thin solid #2F8A2F;
  padding-left: 8px;

  width:100%;

  background-color: #F7FDFA;
}

.degradado_menu_azulxp:hover
{
  -webkit-box-shadow: -3px 3px 10px 3px rgba(125,125,125,0.7);
  -moz-box-shadow: -3px 3px 10px 3px rgba(125,125,125,0.7);
  box-shadow: -3px 3px 10px 3px rgba(125,125,125,0.7);

  position: relative;
  z-index:2;
}

.tabla_menu_azulxp
{
  font-family: sans_serif, Verdana, helvetica, Arial;
  color: #000000;
  font-size: 10px;
  /*border-color: #0044B9;
  background-color:#D6DFF7;
  */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F0F3FB), to(#D6DFF7));
  background: -webkit-linear-gradient(top, #F0F3FB, #D6DFF7);
  background: -moz-linear-gradient(top, #F0F3FB, #D6DFF7);
  background: -o-linear-background(top, #F0F3FB, #D6DFF7);
  background: -ms-linear-gradient(top, #F0F3FB, #D6DFF7);
  background: linear-background(top, #F0F3FB, #D6DFF7);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#F0F3FB, endColorstr=#D6DFF7);

}

/**
* Color de borde para cada tema
*/
.borde_articoxp
{
  background-color:#C2C9CD;
}

.borde_azulxp
{
  background-color:#0055e5;
}

.borde_aguamarinaxp
{
  background-color:#00A19C;
}

.borde_ocrexp
{
  background-color:#C5850A;
}

.borde_orange
{
  background-color:#F6AD6D;
}

.borde_purpurexp
{
  background-color:#A33E81;
}

.borde_silverxp
{
  background-color:#8C9295;
}

.borde_verdexp
{
  background-color:#2F8A2F;
}
/**
* Tamaño, color y estilo del texto para los titulos
*/
.texto_link
{
  font-family: sans_serif, Verdana, helvetica, Arial;
  color: #FF0000;
  text-align: center;
  font-size: 11px;
  padding: 2px;
  font-weight: bold;
  text-shadow: 4px 4px 2px rgba(150, 150, 150, 1);
}

.texto_link_l
{
  font-family: sans_serif, Verdana, helvetica, Arial;
  color: #FF0000;
  font-size: 11px;
  padding: 2px;
  font-weight: bold;
  text-shadow: 4px 4px 2px rgba(160, 160, 160, 1);
}

.texto_link_azulxp
{
  font-family: sans_serif, Verdana, helvetica, Arial;
  color: #000980;
  font-size: 11px;
  padding: 2px;
  font-weight: bold;
  text-shadow: 4px 4px 2px rgba(150, 150, 150, 1);
}

.texto_link_purpurexp
{
  font-family: sans_serif, Verdana, helvetica, Arial;
  color: #5A2347;
  font-size: 11px;
  padding: 2px;
  font-weight: bold;
  text-shadow: 4px 4px 2px rgba(150, 150, 150, 1);
}

.texto_link_verdexp
{
  font-family: sans_serif, Verdana, helvetica, Arial;
  color: #022D06;
  font-size: 11px;
  padding: 2px;
  font-weight: bold;
  text-shadow: 4px 4px 2px rgba(150, 150, 150, 1);
}

.texto_link_aguamarinaxp
{
  font-family: sans_serif, Verdana, helvetica, Arial;
  color: #022D06;
  font-size: 11px;
  padding: 2px;
  font-weight: bold;
  text-shadow: 4px 4px 2px rgba(150, 150, 150, 1);
}

.texto_link_articoxp
{
  font-family: sans_serif, Verdana, helvetica, Arial;
  color: #000000;
  font-size: 11px;
  padding: 2px;
  font-weight: bold;
  text-shadow: 4px 4px 2px rgba(150, 150, 150, 1);
}

.texto_link_silverxp
{
  font-family: sans_serif, Verdana, helvetica, Arial;
  color: #000000;
  font-size: 11px;
  padding: 2px;
  font-weight: bold;
  text-shadow: 4px 4px 2px rgba(150, 150, 150, 1);
}

.texto_link_ocrexp
{
  font-family: sans_serif, Verdana, helvetica, Arial;
  color: #8F611C;
  font-size: 11px;
  padding: 2px;
  font-weight: bold;
  text-shadow: 4px 4px 2px rgba(150, 150, 150, 1);
}

.texto_link_orange
{
  font-family: sans_serif, Verdana, helvetica, Arial;
  color: #8F611C;
  font-size: 11px;
  padding: 2px;
  font-weight: bold;
  text-shadow: 4px 4px 2px rgba(150, 150, 150, 1);
}

.texto_titulo
{
  font-family: sans_serif, Verdana, helvetica, Arial;
  color: #FFFFFF;
  text-align: center;
  font-size: 13px;
  padding: 5px;
  font-weight: bold;
  text-shadow: 4px 4px 2px rgba(10,0,0,0.4);
}

.texto_titulo_l
{
  font-family: sans_serif, Verdana, helvetica, Arial;
  color: #FFFFFF;
  text-align: left;
  font-size: 13px;
  padding: 5px;
  font-weight: bold;
  text-shadow: 4px 4px 2px rgba(0,0,0,0.4);
}

.texto_titulo_r
{
  font-family: sans_serif, Verdana, helvetica, Arial;
  color: #FFFFFF;
  text-align: right;
  font-size: 13px;
  padding: 5px;
  font-weight: bold;
  text-shadow: 4px 4px 2px rgba(0,0,0,0.4);
}

.n_texto_titulo
{
  font-family: sans_serif, Verdana, helvetica, Arial;
  color: #000000;
  text-align: center;
  font-size: 13px;
  padding: 5px;
  font-weight: bold;
  text-shadow: 4px 4px 2px rgba(0,0,0,0.4);
}

.n_texto_titulo_l
{
  font-family: sans_serif, Verdana, helvetica, Arial;
  color: #000000;
  text-align: left;
  font-size: 13px;
  padding: 5px;
  font-weight: bold;
  text-shadow: 4px 4px 2px rgba(0,0,0,0.4);
}

.n_texto_titulo_r
{
  font-family: sans_serif, Verdana, helvetica, Arial;
  color: #000000;
  text-align: right;
  font-size: 13px;
  padding: 5px;
  font-weight: bold;
  text-shadow: 4px 4px 2px rgba(0,0,0,0.4);
}
/**
*
*/
.borde_tabla_aguamarinaxp
{
  border:1px solid #00A19C;
}

.borde_tabla_articoxp
{
  border:1px solid #C2C9CD;
}

.borde_tabla_azulxp
{
  border:1px solid #0055E5;
}

.borde_tabla_ocrexp
{
  border:1px solid #C5850A;
}

.borde_tabla_orange
{
  border:1px solid #F6AD6D;
}

.borde_tabla_purpurexp
{
  border:1px solid #A33E81;
}

.borde_tabla_silverxp
{
  border:1px solid #8C9295;
}

.borde_tabla_verdexp
{
  border:1px solid #2F8A2F;
}

.inputs
{
  font-family:   Verdana,Arial;
  color: #000000;
  text-align: right;
  font-size: 12px;
  padding: 1px 5px;
  font-weight: bold;
  outline: none;
  background: -webkit-gradient(linear, left top, left bottombottom, from(#bcbcbe), to(#ffffff));
  background: -moz-linear-gradient(top,  #C2C9CD, #FFFFFF);
  border: 1px solid #717171;

  -webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.7);
  -moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.7);
  box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.7);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.inputs:hover
{
  -webkit-box-shadow: 0px 0px 5px #007eff;
  -moz-box-shadow: 0px 0px 5px #007eff;
   box-shadow: 0px 0px 5px #007eff;
}

/**
* Clase para un borde redondeado grande de 50px
*/
.borde_small
{
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.play
{
  width:1em;
  height:1em;
  border-radius:50%;
  position:relative;
  border: 0.1em solid #2c2c2c;
}

.play::before
 {
  position: absolute;
  content: "";
  top: 0.125em;
  left: 0.375em;
  width: 0em;
  height: 0em;
  border-top: 0.4em solid rgba(44, 44, 44, 0);
  border-bottom: 0.4em solid transparent;
  border-left: 0.4em solid #2C2C2C;
}

/*.next
{
  width:1em;
  height:1em;
  position:relative;
}

.next::before
{
  position: absolute;
  content: "";
  top: 0.145em;
  left: 0.5em;
  width: 0em;
  height: 0em;
  border-top: 0.375em solid rgba(0, 70, 140, 0);
  border-bottom: 0.375em solid transparent;
  border-left: 0.375em solid #00468C;
}

.next::after
{
  position: absolute;
  content: "";
  top: 0.145em;
  left: 0.25em;
  width: 0em;
  height: 0em;
  border-top: 0.375em solid rgba(0, 70, 140, 0);
  border-bottom: 0.375em solid transparent;
  border-left: 0.375em solid #00468C;
}*/

.lock
{
  margin-top: 0.4em;
  border-radius: 0.15em;
  box-shadow: inset 0.45em 0.4em 0 0 #660000,inset -0.45em 0.4em 0 0 #660000,inset 0em -0.2em 0 0 #660000;
  font-size: 11px;
  width: 1em;
  height: 0.9em;
  position: relative;
}

.lock::before
{
  left: 0.16em;
  border-radius: 0.5em 0.5em 0 0;
  top: -0.4em;
  position: absolute;
  width: 0.4em;
  content: "";
  height: 0.9em;
  border: 0.15em solid #660000;
  border-bottom: none;
}

.overlay
{
    background-color:gray;
    opacity:0.35;
    position:fixed;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    z-index:100;
}

.box1
{
    position:fixed;
    /*top:-200px;
    left:30%;
    right:30%;
    color:#7F7F7F;*/
    background-color:#EEEEEE;
    padding:20px;
    border:2px solid #ccc;
    -moz-border-radius: 20px;
    -webkit-border-radius:20px;
    -khtml-border-radius:20px;
    -moz-box-shadow: 0 1px 5px #333;
    -webkit-box-shadow: 0 1px 5px #333;
    z-index:101;
}

a.boxclose
{
    float:right;
    width:22px;
    height:22px;
    background:transparent url('../themes/HTML/AzulXp/images/fallo.png');
    margin-top:-20px;
    margin-right:-20px;
    cursor:pointer;
}

.box1 h1
{
    border-bottom: 1px dashed #7F7F7F;
    margin:-20px -20px 0px -20px;
    padding:10px;
    background-color:#FFEFEF;
    color:#EF7777;
    -moz-border-radius:20px 20px 0px 0px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -khtml-border-top-left-radius: 20px;
    -khtml-border-top-right-radius: 20px;
}

.icon
{
  /* don't change width and height in order to change the size of the icon,
  you can control the size with font-size for different class(es) - below */
  line-height: 100%;
  width: 1em;
  height: 1em;
  position: relative;
  display: block;
  float: left;
}

.icon-small {
  font-size: 1em;
}
.icon-mid {
  font-size: 2em;
}
.icon-large {
  font-size: 4em;
}
.icon-extra-large {
  font-size: 8em;
}
.icon-huge {
  font-size: 12em;
}

/* Folder */
.icon-folder {
  position: absolute;
  top: .125em;
  left: 0;
  width: 1em;
  height: .875em;
  background-color: #EAEAEA; /* #666 */
  /* for browsers that supports */
  border-bottom-left-radius: .0625em;
  border-bottom-right-radius: .0625em;
}
.icon-folder:before {
  content: "";
  position: absolute;
  top: -.125em;
  left: .125em;
  width: .375em;
  height: .125em;
  background-color:#EAEAEA; /* #666 */
  /* for browsers that supports */
  border-top-left-radius: .0625em;
  border-top-right-radius: .0625em;
}

/* Download  and Upload */
.icon-download,
.icon-upload {
  position: absolute;
  left: .375em;
  width: .25em;
  height: .5em;
  background-color: #EAEAEA; /* #666 */
}
.icon-download {
  top: 0;
}
.icon-upload {
  top: .25em;
}
.icon-download:before,
.icon-upload:before {
  content: "";
  position: absolute;
  left: -.125em;
  width: 0;
  height: 0;
  border-width: .25em;
  border-style: solid;
}
.icon-download:before {
  top: .5em;
  border-color: #EAEAEA transparent transparent transparent; /* #666 */
}
.icon-upload:before {
  top: -.5em;
  border-color: transparent transparent #EAEAEA transparent; /* #666 */
}
.icon-download:after,
.icon-upload:after {
  content: "";
  position: absolute;
  left: -.375em;
  width: .75em;
  height: .125em;
  border-width: 0 .125em .125em .125em;
  border-style: solid;
  border-color: #EAEAEA; /* #666 */
}
.icon-download:after {
  top: .75em;
}
.icon-upload:after {
  top: .5em;
}


/**/
.frameBody
  {
  font-family:"Tahoma";
     font-size:12px;
      margin:0;
      width:100%;
      height:100%;
  }

  .frameBody p
  {
      border:1px #bbb solid;
      padding:2px;
  }

  .rte-zone
  {
      width:100%;
      margin:0;
      padding:0;
      border:1px #999 solid;
      clear:both;
      height:100px;
      display:block;
  }

  .rte-toolbar{ overflow:hidden; }

  .rte-toolbar a, .rte-toolbar a img {
          border:0;
  }

  .rte-toolbar p {
      float:left;
      margin:0;
      padding-right:5px;
  }

.calendar
{
  margin:.25em 10px 10px 0;
  padding-top:5px;
  float:left;
  width:80px;
  background:#ededef;
  background: -webkit-gradient(linear, left top, left bottom, from(#ededef), to(#ccc));
  background: -moz-linear-gradient(top,  #ededef,  #ccc);
  font:bold 20px/40px Arial Black, Arial, Helvetica, sans-serif;
  text-align:center;
  color:#000;
  text-shadow:#fff 0 1px 0;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  position:relative;
  -moz-box-shadow:0 2px 2px #888;
  -webkit-box-shadow:0 2px 2px #888;
  box-shadow:0 2px 2px #888;
}

.calendar em{
    display:block;
    font:normal bold 11px/30px Arial, Helvetica, sans-serif;
    color:#fff;
    text-shadow:#00365a 0 -1px 0;
    background:#04599a;
    background:-webkit-gradient(linear, left top, left bottom, from(#04599a), to(#00365a));
    background:-moz-linear-gradient(top,  #04599a,  #00365a);
    -moz-border-radius-bottomright:3px;
    -webkit-border-bottom-right-radius:3px;
    border-bottom-right-radius:3px;
    -moz-border-radius-bottomleft:3px;
    -webkit-border-bottom-left-radius:3px;
    border-bottom-left-radius:3px;
    border-top:1px solid #00365a;
}

.calendar:before, .calendar:after{
    content:'';
    float:left;
    position:absolute;
    top:5px;
    width:8px;
    height:8px;
    background:#111;
    z-index:1;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    -moz-box-shadow:0 1px 1px #fff;
    -webkit-box-shadow:0 1px 1px #fff;
    box-shadow:0 1px 1px #fff;
}
.calendar:before{left:11px;}
.calendar:after{right:11px;}

.calendar em:before, .calendar em:after{
    content:'';
    float:left;
    position:absolute;
    top:-5px;
    width:4px;
    height:14px;
    background:#dadada;
    background:-webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#aaa));
    background:-moz-linear-gradient(top,  #f1f1f1,  #aaa);
    z-index:2;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    }
.calendar em:before{left:13px;}
.calendar em:after{right:13px;}

/*
 * jQuery File Upload Plugin CSS 1.3.0
 * https://github.com/blueimp/jQuery-File-Upload
 *
 * Copyright 2013, Sebastian Tschan
 * https://blueimp.net
 *
 * Licensed under the MIT license:
 * http://www.opensource.org/licenses/MIT
 */
.fileinput-button
{
  position: relative;
  overflow: hidden;
}
.fileinput-button input
{
  position: absolute;
  top: 0;
  right: -64;
  margin: 0;
  width: 126px;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  /*direction: ltr;
  border:1px solid #000000;*/
  font-size: 20px;
  cursor: pointer;
}

.fileupload-buttonbar .btn,
.fileupload-buttonbar .toggle
{
  margin-bottom: 5px;
}
/* Fixes for IE < 8 */
@media screen\9
{
  .fileinput-button input
  {
    filter: alpha(opacity=0);
    font-size: 100%;
    height: 100%;
  }
}

.camera {
    width: 35px;
    height: 24px;
    border-radius: 6px;
    background: #000040;
    position: relative;
    top: 50%;
}

.camera:before {
    content:'';
    display: block;
     height: 3px;
      width: 10px;
   border-top-left-radius: 4px 2px;
    border-top-right-radius: 4px 2px;
    position: absolute;
    background: #000040;
    top: -3px;
    left: 4px;
}

.camera:after {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    border: 5px #949e9f solid;
    border-radius: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -12px;
    margin-top: -13px;
}

.marco
{
  padding: 5px;
  border-width: 8px;
  border-color: #7f7f7f;
  border-style: solid;
  border-radius: 8px;
}

.parent-zoom
{
  -webkit-user-select: none!important;
}
.parent-zoom img
{
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 200ms;
  -webkit-transition-timing-function: ease;
  cursor: cell;
  cursor: -moz-zoom-in;
  cursor: -webkit-zoom-in;
  border: 0;
}
.zoomy
{
  position: absolute;
  display: none;
  background-repeat: no-repeat;
  -webkit-box-shadow: 0px 5px 10px #000;
  -moz-box-shadow: 0px 5px 10px #000;
  -o-box-shadow: 0px 5px 10px #000;
  -ms-box-shadow: 0px 5px 10px #000;
  box-shadow: 0px 5px 10px #000;
  filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=1, Color='#3333333', Positive='true');
  line-height: 100px;
  text-align: center;
  background-color: #fff;
  z-index: 999;
  overflow: hidden;
  cursor: url(./img/blank.cur), move;
  -webkit-transition-property: border-width, border-color, opacity;
  -webkit-transition-duration: 500ms, 1s, 500ms;
  -webkit-transition-timing-function: ease;
}
.zoomy span
{
  display: block;
  margin: 5px auto;
  background: -moz-linear-gradient(top, rgba(255,255,255,.6) 0%, rgba(255,255,255,0) 100%); /* firefox */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.6)), color-stop(100%,rgba(255,255,255,0))); /* webkit */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#55FFFFFF, endColorstr=#00ffffff);
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#55FFFFFF, endColorstr=#00ffffff);
}
.zoomy a
{
  color: #333;
  text-decoration: none;
  outline: 0;
}
.inactive img
{
  opacity: 0.85!important;
  filter:alpha(opacity=85)!important;
}
.zoomy #tmp
{
  max-width: none;
  max-height: none;
  top: -999999px;
  left: -999999px;
}
.zoomy.start
{
  border-width: 2px;
  border-color: #444;
}
.zoomy-wrap
{
  position: relative;
  margin: 0;
  padding: 0;
  z-index: 999;
}
.zoomy-btn
{
  font-family: sans-serif;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -30px 0 0 -30px;
  border-radius: 50%;
  height: 60px;
  width : 60px;
  overflow: hidden;
  -webkit-box-shadow: 0px 1px 2px rgba(255,255,255,.8);
  box-shadow: 0px 1px 2px rgba(255,255,255,.8);
  background: rgba(0,0,0,.8);
  background-position: 0px 0px;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  line-height: 100px;
  color: #fff;
}
.zoomy-btn svg
{
  margin: 8px auto;
  display: block;
}
.active .zoomy-btn svg
{
  display: none;
}
.active .zoomy-btn
{
  width: 100%;
  height: 100%;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  top: 0px;
  right: 0px;
  overflow: hidden;
  color: rgba(0,0,0,0);
}

/*list_claro = para las filas claras de los listados*/
.modulo_claro
{
  font-family: sans_serif, sans_serif, Verdana, helvetica, Arial;
  font-size: 10px;
  color:#000545;
  background-color: #DDDDDD
}

.modulo_claro:hover
{
  background: rgba(255,255,255,0);
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.modulo_oscuro
{
  font-family: sans_serif, sans_serif, Verdana, helvetica, Arial;
  font-size: 10px;
  color:#000545;
  background-color: #CCCCCC
}

.modulo_oscuro:hover
{
  background: rgba(255,255,255,0);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.calendar1
{
  margin: 2px auto;
  width: 35px;
  height: 20px;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  position: relative;
  background: #FFF;
}

.headercalendar
{
  height: 5px;
  background: #ABABAB;
  -webkit-border-top-right-radius: 1px;
  -moz-border-radius-topright: 1px;
  border-top-right-radius: 1px;
  -webkit-border-top-left-radius: 1px;
  -moz-border-radius-topleft: 1px;
  border-top-left-radius: 1px;
  width: 100%;
  text-align: center;
  font-size: 2px;
  color: #FFF;
  line-height: 5px
}

.num-day1
{
  height: 15px;
  font-size: 10px;
  font-weight: bold;
  color: #333;
  text-align: center
}

/*
http://keith-wood.name/svg.html
SVG for jQuery v1.5.0.
Written by Keith Wood (kbwood{at}iinet.com.au) August 2007.
*/
svg\:svg
{
  display: none;
}

.svg_error
{
  color: red;
  font-weight: bold;
}

input-text:focus
{
  background-color: yellow;
}

/*----- Accordion -----*/
.accordion, .accordion * {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

.accordion {
    overflow:hidden;
    box-shadow:0px 1px 3px rgba(0,0,0,0.25);
    border-radius:3px;
    background:#ECECEC;
}

/*----- Section Titles -----*/
.accordion-section-title {
    width:100%;
    padding:2px;
    display:inline-block;
    /*border-bottom:1px solid #1a1a1a;
    background:#333;*/
    transition:all linear 0.15s;
    /* Type
    font-size:1.200em;
    text-shadow:0px 1px 0px #1a1a1a;*/
    color:#FFFFFF;
}

.accordion-section-title.active, .accordion-section-title:hover {
    /*background:#4c4c4c;
    /* Type */
    text-decoration:none;
}

.accordion-section:last-child .accordion-section-title {
    border-bottom:none;
}

/*----- Section Content -----*/
.accordion-section-content
{
  max-height: 800px;
  padding:4px;
  display:none;
  overflow:auto;
  background:#ECECEC;
}

/* Outer */
.popup {
    width:100%;
    height:100%;
    display:none;
    position:fixed;
    top:0px;
    left:0px;
    background-color:#808080;
    opacity:0.90;
}

/* Inner */
.popup-inner {
    max-width:700px;
    width:90%;
    padding:40px;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    box-shadow:0px 2px 6px rgba(0,0,0,1);
    border-radius:3px;
    background:#ECECEC;
    opacity:5.5;
}

/* Close Button */
.popup-close {
    width:30px;
    height:30px;
    padding-top:4px;
    display:inline-block;
    position:absolute;
    top:0px;
    right:0px;
    transition:ease 0.25s all;
    -webkit-transform:translate(50%, -50%);
    transform:translate(50%, -50%);
    border-radius:1000px;
    background-color:#C3C3C3;
    font-family:Arial, Sans-Serif;
    font-size:20px;
    text-align:center;
    line-height:100%;
    color:#ffffff;
}

/*.popup-close:hover {
    -webkit-transform:translate(50%, -50%) rotate(180deg);
    transform:translate(50%, -50%) rotate(180deg);
    background:rgba(0,0,0,1);
    text-decoration:none;
}*/
/*tooltip estilos*/
#hover_td_px:hover{
  background-color: #ccc;
}
.tooltip-main {
  cursor:pointer;
}
.tooltip-qm {
  float: left;
  margin: -2px 0px 3px 4px;
  font-size: 12px;
}
.tooltip-inner {
  max-width: 850px !important;
  font-size: 11px !important;
  background: #F6AD6D !important;
  color: rgb(0, 0, 0, .7) !important;
  text-align: left;
  max-height:370px !important;
}
.tooltip.show {
  opacity: 1;
}
.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
  border-bottom-color: #F6AD6D;
}
.radio-label{
  padding: 0.25rem;
}
/*Estilos locales*/
  .collapse-separate {
    border-collapse: separate !important;
  }
/*Estilos para themes*/
  @media (min-width: 768px) {
    .cabecera_hc {
      top: 100px !important;
    }
    .CapaHc1 {
      margin-top:75px !important;
    }
    .MenuIzqhc {
      top: 181px !important;
    }
  }
  @media (min-width: 992px) {
    .CapaHc1 {
      margin-top:49px !important;
    }
    .MenuIzqhc {
      top: 155px !important;
    }
  }
/*Clases para el menú desplegable*/
  .btn-menu {
    z-index: 1029;
    color  : #3f3f3f;
  }
  .side-nav {
    transition: 0.7s;
    z-index   : 1028;
    position  : absolute;
    width     : 27rem !important;
    left      : 0;
  }
  .side-nav-hide {
    margin-left: -27rem;
  }
  .container-block {
    transition      : all 0.7s;
    background-color: #fff;
    opacity         : 0.7;
    height          : 100%;
    width           : 100%;
    position        : fixed;
    z-index         : 1028;
  }
  .container-block-hide {
    pointer-events: none;
    opacity       : 0;
  }
/*Fin clases para el menú desplegable*/
/* Zebra-piker-input */
.form-outline .form-control.zp-selected ~ .form-label {
  transform: translateY(-1rem) translateY(0.1rem) scale(0.8);
}
.form-outline .form-control.zp-selected ~ .form-notch .form-notch-middle {
  border-right: none;
  border-left : none;
  border-top  : 1px solid transparent;
}
.form-outline .form-control.zp-selected ~ .form-notch .form-notch-middle {
  border-color: var(--mdb-primary);
  box-shadow  : 0 1px 0 0 var(--mdb-primary);
  border-top  : 1px solid transparent;
}
.form-outline .form-control.zp-selected ~ .form-notch .form-notch-leading {
  border-right: none;
}
.form-outline .form-control.zp-selected ~ .form-notch .form-notch-leading {
  border-color: var(--mdb-primary);
  box-shadow  : -1px 0 0 0 var(--mdb-primary), 0 1px 0 0 var(--mdb-primary), 0 -1px 0 0 var(--mdb-primary);
}
.form-outline .form-control.zp-selected ~ .form-notch .form-notch-trailing {
  border-left: none;
}
.form-outline .form-control.zp-selected ~ .form-notch .form-notch-trailing {
  border-color: var(--mdb-primary);
  box-shadow  : 1px 0 0 0 var(--mdb-primary), 0 -1px 0 0 var(--mdb-primary), 0 1px 0 0 var(--mdb-primary);
}
.form-outline .form-control.form-control-lg.zp-selected ~ .form-label {
  transform: translateY(-1.25rem) translateY(0.1rem) scale(0.8);
}
.form-outline .form-control.form-control-sm.zp-selected ~ .form-label {
  transform: translateY(-0.85rem) translateY(0.1rem) scale(0.8);
}
.form-outline .form-control.zp-selected ~ .form-label {
  color: var(--mdb-primary);
}
table:not(.table):not([border="0"])[border] td {
  border: 1px solid;
}
table:not(.table) {
  border-collapse: unset;
}
/* --------------------------
  Estilos base de los íconos
--------------------------- */
.sa-icon {
  width         : 80px;
  height        : 80px;
  border        : 4px solid transparent;
  border-radius : 50%;
  margin        : 10px auto 20px;
  position      : relative;
  box-sizing    : content-box;
}
.sa-animate {
  animation : sa-pop 0.4s ease-out;
}
@keyframes sa-pop {
  0% {
    transform : scale(0.7);
    opacity   : 0;
  }
  45% {
    transform : scale(1.06);
    opacity   : 1;
  }
  100% {
    transform : scale(1);
  }
}
/* ----------------------
  Ícono success
----------------------- */
.sa-success {
  border-color: #a5dc86;
}
.sa-success .sa-placeholder {
  width         : 88px;
  height        : 88px;
  border        : 4px solid rgba(165, 220, 134, 0.3);
  border-radius : 50%;
  position      : absolute;
  left          : -4px;
  top           : -4px;
}
.sa-success .sa-line {
  height        : 5px;
  background    : #a5dc86;
  position      : absolute;
  border-radius : 2px;
}
.sa-success .sa-tip {
  width     : 25px;
  left      : 14px;
  top       : 45px;
  transform : rotate(45deg);
  animation : animateSuccessTip 0.4s;
}
.sa-success .sa-long {
  width     : 47px;
  right     : 8px;
  top       : 38px;
  transform : rotate(-45deg);
  animation : animateSuccessLong 0.4s;
}
@keyframes animateSuccessTip {
  0% {
    width : 0;
  }
  100% {
    width : 25px;
  }
}
@keyframes animateSuccessLong {
  0% {
    width : 0;
  }
  100% {
    width : 47px;
  }
}
/* ----------------------
  Ícono error
----------------------- */
.sa-error {
  border-color : #f27474;
}
.sa-error .sa-x-mark {
  width    : 80px;
  height   : 80px;
  position : relative;
}
.sa-error .sa-line {
  height        : 5px;
  width         : 47px;
  background    : #f27474;
  position      : absolute;
  top           : 37px;
  border-radius : 2px;
}
.sa-error .sa-left {
  left      : 17px;
  transform : rotate(45deg);
  animation : animateErrorLeft 0.3s;
}
.sa-error .sa-right {
  right     : 17px;
  transform : rotate(-45deg);
  animation : animateErrorRight 0.3s;
}
@keyframes animateErrorLeft {
  0% {
    transform : rotate(0);
  }
  100% {
    transform : rotate(45deg);
  }
}
@keyframes animateErrorRight {
  0% {
    transform : rotate(0);
  }
  100% {
    transform : rotate(-45deg);
  }
}
/* ----------------------
  Ícono warning
----------------------- */
.sa-warning {
  border-color : #f8bb86;
}
.sa-warning .sa-body {
  width         : 5px;
  height        : 40px;
  background    : #f8bb86;
  border-radius : 3px;
  margin        : 15px auto 5px;
}
.sa-warning .sa-dot {
  width         : 8px;
  height        : 8px;
  background    : #f8bb86;
  border-radius : 50%;
  margin        : auto;
}
/* ----------------------
  Ícono info
----------------------- */
.sa-info {
  border-color : #3fc3ee;
  position     : relative;
}
.sa-info .sa-info-bubble,
.sa-info .sa-info-line {
  opacity   : 0;
  transform : scale(0);
  animation : sa-info-appear 0.3s ease-out forwards;
}
@keyframes sa-info-appear {
  0% {
    opacity   : 0;
    transform : scale(0);
  }
  80% {
    opacity   : 1;
    transform : scale(1.15);
  }
  100% {
    opacity   : 1;
    transform : scale(1);
  }
}
.sa-info .sa-info-bubble {
  width            : 7px;
  height           : 7px;
  background       : #3fc3ee;
  border-radius    : 50%;
  position         : absolute;
  left             : 46.5%;
  top              : 20px;
  transform-origin : center;
}
.sa-info .sa-info-line {
  width            : 5px;
  height           : 33px;
  background       : #3fc3ee;
  border-radius    : 2px;
  position         : absolute;
  left             : 48%;
  top              : 32px;
  transform-origin : top;
}
/* ----------------------
  Ícono question
----------------------- */
.sa-question {
  border-color : #87adbd;
  position     : relative;
}
.sa-question .sa-question-mark {
  color       : #87adbd;
  font-size   : 53px;
  line-height : 80px;
  text-align  : center;
}