/* 
    Created on : 20/10/2023, 10:28:53 AM
    Author     : jcarvajal
*/
.intro_check_box {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: bold;
    color: #000000;
}

.fecha {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: bold;
    color: #DCDCEE;
}

.enlace {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    color: #5A6581;
}

.etiqueta {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    color: #333333;
    font-weight: bold;
    text-align: right;
}

.campos {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000099;
    background-color: #FFFFFF;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    border-top: 1px outset #000055;
    border-left: 1px outset #000055;
    border-bottom: 1px solid #F0F0FF;
    border-right: 1px solid #F0F0FF;
    margin-bottom: 1px;
}

.campos:hover {
    background-color: #F0F0FF;
}

.campos:focus{
    background-color: #F0FFFF;
}

.botonIngreso, .campoCambiarContrasena { 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    background-color: #F0F1FF;
    color: #000066;
    text-decoration: none;
    border-right: #000066 2px outset;
    border-top: #1111FF 1px solid;
    border-left: #1111FF 1px solid;
    border-bottom: #000066 2px outset;
    text-transform: capitalize;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    box-shadow: 3px 3px 5px #888888;
    border-radius: 5px;
    -moz-box-shadow: 3px 3px 5px #888888;
    -moz-border-radius: 5px;
}

.botonIngreso, .campoCambiarContrasena:hover {
    background-color: #FFFFFF;
    color: #000066;
    border-right: #5A6581 1px solid; 
    border-top: #006666 1px solid; 
    border-left: #006666 2px solid; 
    border-bottom: #5A6581 1px solid;
    -moz-box-shadow: 1px 1px 2px #888888;
}

.titulo_ayuda {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    color: #009933;
    font-weight: normal;
}

.contenido_link {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    text-align: justify;
    vertical-align: top;
    color: #CC3333;
    text-decoration: none;	
}

.contenido_link:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    text-align: justify;
    vertical-align: top;
    color: #FF6633;
    text-decoration: none;	
}

.pruebas {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-style: normal;
    color: #FF6666;
    font-weight: bold;
}

.titulo_requisitos {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-style: normal;
    color: #666666;
    font-weight: bold;
}

.texto_bienvenida {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-style: normal;
    color: #666666;
    font-weight: normal;
}

.texto_requisitos {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-style: normal;
    color: #666666;
    font-weight: normal;
}

.msgError {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #FF1515;
    text-decoration: none;
}

.msgOk {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #00CC00;
    text-decoration: none;
}

.bordeIzq {
    border-left: #5A6581 solid 4px;
}

.bordeDer {
    border-right: #5A6581 solid 4px;
}

.bordeInf {
    border-bottom: #5A6581 solid 4px;
}

.bordeSup {
    /*border-top: #5A6581 solid 4px;*/
    background-color: #5A6581;
}

.bienvenida {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    color: #555555;
    font-weight: normal;
    padding-bottom: 5px;
}

.tablaLogin {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    color: #555555;
    font-weight: normal;
    border: #6A7595 solid 1px;
    border-radius: 5px;
    box-shadow: 5px 5px 5px #999999;
    -moz-border-radius: 5px;
    -moz-box-shadow: 5px 5px 5px #999999;
}

.bannerImg {
    margin-bottom: 10px;
    border-radius: 5px;
    box-shadow: 5px 5px 5px #999999;
    -moz-border-radius: 5px;
    -moz-box-shadow: 5px 5px 5px #999999;
    background-image: url("/public/img/banner/9-almalogix-base-banners.jpg");
    width: 900px; 
    height: 120px;
}

.tablaLogin .titulo {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: bold;
    text-shadow: 2px 2px 2px #000;
    color: #FFFFFF;
    /*background-color: #6A7595;*/
    background-image: url("/public/img/f01.gif");
    background-repeat: repeat-x; 
}

.tablaLogin .titulo td{
    padding-top: 12px;
    padding-bottom: 12px;
}

.tablaLogin .loginform td{
    padding-bottom: 5px;
}

.tablaAplicaciones{
    margin: 2px;
}

.tablaAplicaciones td{
    text-align: center;
    text-transform: capitalize;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    color: #666666;
    border: #F0F0FF 2px double;
    padding: 2px;
}

.tablaAplicaciones td a{
    color: #666666;
    text-decoration: none;
}

.tablaAplicaciones td:hover{
    background-color: #EFEFFF;
    color: #000066;
    font-weight: bold;
    cursor: pointer;
    -moz-box-shadow: 3px 3px 5px #888888;
    border: #C0C0DF 2px solid;
}

.tablaAplicaciones td:hover img{
    opacity: 1; 
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

.tablaAplicaciones td img{
    border: 0px;
    opacity: .5; 
    filter: alpha(opacity=50);  /* For IE8 and earlier */
}

.tablaLinks {	
}

.tablaLinks td{
    text-align: center;	
}

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

body {
    background-color: #FFFFFF;
}

table {
    background-color: #FFFFFF;
}

.correcto {
    font-family: Arial, Helvetica, sans-serif;
    color: #008000;
}

#debug{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #E0E0FF;
    background-color: #FFFFFF;
}
.carrusel-container {
    height: 650px; /* Altura del slider */
    overflow: hidden;
    position: relative;
    overflow-y: scroll; /* Habilita el desplazamiento vertical */
    scrollbar-width: thin; /* Ancho de la barra de desplazamiento (puedes ajustarlo) */
    scrollbar-color: transparent transparent; /* Cambia el color de la barra de desplazamiento (transparent para ocultar) */
}

.carrusel {
    display: flex;
    flex-direction: column; /* Cambiar la dirección del flujo a vertical */
    transition: transform 0.4s ease-in-out;
    overflow: hidden;
}

.elemento {
    flex: 0 0 33.33%; /* Altura de cada diapositiva (33.33% para mostrar 3 a la vez) */
    padding: 30px;
}

#textoInfo{
    font-family: 'Average Sans', sans-serif;
}

.img-fluid{
    max-width: 96%;
}