/* Usado en Opcion de menu activa */
/* Usado en Opcion de menu sobre la que se encuentra el raton*/
/* Cabecera de seccion */
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,700;1,400&display=swap");
.ktHelp {
  float: right;
  display: block;
  text-decoration: none;
  overflow: hidden;
  border: 0 !important;
  padding: 0;
  padding-top: 16px;
  height: 0px !important;
  height: 16px;
  width: 16px;
  cursor: pointer;
  background: transparent url("../imagenes/mensajes/icono-ayuda.gif") top left no-repeat;
}

/*nuevos estilos mensajes error, exito y notificiacion*/
.cuadro_ok {
  background-color: #EFF9EC;
  margin: 10px 2px 5px 2px;
  border: 1px solid #5CBD3F;
  color: #25952C;
  font-weight: bold;
}

.cajaformulario div.icono_ok {
  float: left;
  width: 16px;
  padding: 0px 5px 0px 10px;
  height: 16px;
}

.cuadro_notif {
  background-color: #E9F1FA;
  margin: 10px 2px 5px 2px;
  border: 1px solid #003366;
  color: #003366;
  font-weight: bold;
}

.cajaformulario div.icono_notif {
  float: left;
  width: 16px;
  padding: 0px 5px 0px 10px;
  height: 17px;
}

.mensaje_notif {
  color: #003366;
  margin-bottom: 5px;
}

.mensaje_ko {
  color: #FD0000;
  margin-bottom: 5px;
}

/*fin nuevos estilos mensajes error, exito y notificiacion*/
/* Avisos */
.aviso, .ui-dialog-content .aviso {
  margin: 0.5em 1%;
  padding: 0.5rem 0.5rem 0.5rem 3rem;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
.aviso.warning, .ui-dialog-content .aviso.warning {
  background: #fff3cd url("../imagenes/mensajes/notification.png") no-repeat 0.5rem/1.5rem;
  border: 1px solid #ffeeba;
  color: #856404;
}
.aviso.success, .ui-dialog-content .aviso.success {
  background: #d4edda url("../imagenes/mensajes/checkOK.png") no-repeat 0.5rem/1.5rem;
  border: 1px solid #c3e6cb;
  color: #155724;
}
.aviso.error, .ui-dialog-content .aviso.error {
  background: #f8d7da url("../imagenes/mensajes/warning.png") no-repeat 0.5rem/1.5rem;
  border: 1px solid #f5c6cb;
  color: #721c24;
}
.aviso.info, .ui-dialog-content .aviso.info {
  background: #d1ecf1 url("../imagenes/mensajes/info.png") no-repeat 0.5rem/1.5rem;
  border: 1px solid #bee5eb;
  color: #0c5460;
}
.aviso .squareIcon, .ui-dialog-content .aviso .squareIcon {
  margin-right: 0.3rem;
  margin-left: 0.3rem;
  background-color: rgba(2, 122, 131, 0.7);
}

table.ktError, table.ktInfo, .cuadro_ko, .cuadro_ko2 {
  margin: 0.5em 1%;
  width: 98%;
  padding: 0.5rem 0.5rem 0.5rem 3rem;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-collapse: separate;
}
table.ktError tr, table.ktInfo tr, .cuadro_ko tr, .cuadro_ko2 tr {
  background: none;
}
table.ktError td, table.ktInfo td, .cuadro_ko td, .cuadro_ko2 td {
  vertical-align: middle;
  padding: 0;
  border-right: none;
}
table.ktError td ul, table.ktInfo td ul, .cuadro_ko td ul, .cuadro_ko2 td ul {
  padding: 0px 0px 0px 12px;
  margin: 0px;
}
table.ktError td ul li, table.ktInfo td ul li, .cuadro_ko td ul li, .cuadro_ko2 td ul li {
  margin: 1px;
}

.cuadro_ko, .cuadro_ko2 {
  width: auto;
}

table.ktError, .cuadro_ko, .cuadro_ko2 {
  background: #f8d7da url("../imagenes/mensajes/error.png") no-repeat 0.5rem/1.5rem;
  border: 1px solid #f5c6cb;
  color: #721c24;
}

table.ktInfo {
  background: #d1ecf1 url("../imagenes/mensajes/info.png") no-repeat 0.5rem/1.5rem;
  border: 1px solid #bee5eb;
  color: #0c5460;
}

.cuadro_ko ul, .cuadro_ko2 ul {
  color: #721c24 !important;
  padding-left: 1rem;
}
.cuadro_ko ul li, .cuadro_ko2 ul li {
  color: #721c24 !important;
  margin-left: 0rem;
}
.cuadro_ko ul li::before, .cuadro_ko2 ul li::before {
  color: #721c24 !important;
}