body {
    margin-left: 10px;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
}

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

.textorojo {
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    color: #ff0000;
}

.texnegronegrita {
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
}

.textomedio {
    font-family: Arial, sans-serif;
    font-size: 10px;
    font-weight: normal;
}

.textonegro {
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
}

.textonegro2 {
    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: normal;
    color: #000000;
}

celdablanca {
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    background-color: #ffffff;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

.textogris {
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #999999;
}

.titulos {
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    color: #000;
}

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

.marcotabla {
    border: 1px solid #cccccc;
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
}

.marcotabla1 {
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
}

.textoblanco {
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    color: #ffffff;
    font-weight: bold;
}

.boton {
    font-size: 10px;
    font-family: Verdana;
    font-weight: bold;
    color: white;
    background: #666666;
    border: 0px;
    width: 65px;
    height: 25px;
}

.botonext {
    font-size: 10px;
    font-family: Verdana;
    font-weight: bold;
    color: white;
    background: #000000;
    border: 0px;
    width: 120px;
    height: 25px;
}

.botonverde {
    font-size: 10px;
    font-family: Verdana;
    font-weight: bold;
    color: white;
    background: #a8bc33;
    border: 1px;
    width: 60px;
    height: 20px;
}

.enlace {
    cursor: default;
}

.pointer {
    cursor: pointer;
}

A:link {
    text-decoration: none;
    color: #000000;
}

A:visited {
    text-decoration: none;
    color: #000000;
}

A:hover {
    text-decoration: none;
    color: var(--menu-hover-color, #ff2200);
}

A:active {
    text-decoration: none;
    color: #000000;
}

.listarA {
    font-family: Tahoma;
    color: #003948;
    font-size: 11px;
}

.tables {
    padding: 0px;
    font-size: 70%;
    font-style: normal;
}

.tablaDatos {
    border: 1px solid #666;
    margin-bottom: 10px;
    empty-cells: show;
    border-collapse: collapse;
    /*background-image: url(../img/bannertrans.gif);*/
}

.tablaDatos tr {
    background-color: #f9f9f9;
}

.tablaDatos th {
    background-color: #ccddff;
    border: 1px solid #666;
    font-weight: bold;
    color: #666;
}

.tablaDatos td {
    border: 1px solid #666;
    padding: 2px;
    cursor: pointer;
}

tr.over td {
    background-color: #ededeb;
}

tr.sel td {
    background-color: #fbfdc8;
}

.tdfilas {
    padding: 1px;
    border: 1px;
    border-bottom: 1px solid #666;
    text-transform: uppercase;
}

.tdtitulo {
    border: 1px solid #666;
    padding: 1px;
    cursor: pointer;
    background-color: #ffffff;
    text-align: center;
    font-size: 11px;
}

.tdencabezado {
    border: 1px solid #666;
    text-align: center;
}

.tdlabel {
    font-weight: bold;
}

.totalreporte {
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    padding: 1px;
    border: 1px;
    border-bottom: 1px solid #666;
}

.piepag {
    font-family: Tahoma;
    color: #999999;
    font-size: 9px;
}

/*my boton 23/09/2015*/

.myButton {
    -moz-box-shadow: inset -45px 38px 0px 0px #c7c5c7;
    -webkit-box-shadow: inset -45px 38px 0px 0px #c7c5c7;
    box-shadow: inset -45px 38px 0px 0px #c7c5c7;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.05, #c2c2c2),
        color-stop(1, #242424)
    );
    background: -moz-linear-gradient(top, #c2c2c2 5%, #242424 100%);
    background: -webkit-linear-gradient(top, #c2c2c2 5%, #242424 100%);
    background: -o-linear-gradient(top, #c2c2c2 5%, #242424 100%);
    background: -ms-linear-gradient(top, #c2c2c2 5%, #242424 100%);
    background: linear-gradient(to bottom, #c2c2c2 5%, #242424 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c2c2c2', endColorstr='#242424', GradientType=0);
    background-color: #c2c2c2;
    border: 1px solid #878387;
    display: inline-block;
    cursor: pointer;
    color: #000000;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    padding: 1px 14px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #f3f3f3;
}

.myButton:hover {
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.05, #242424),
        color-stop(1, #c2c2c2)
    );
    background: -moz-linear-gradient(top, #242424 5%, #c2c2c2 100%);
    background: -webkit-linear-gradient(top, #242424 5%, #c2c2c2 100%);
    background: -o-linear-gradient(top, #242424 5%, #c2c2c2 100%);
    background: -ms-linear-gradient(top, #242424 5%, #c2c2c2 100%);
    background: linear-gradient(to bottom, #242424 5%, #c2c2c2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#242424', endColorstr='#c2c2c2', GradientType=0);
    background-color: #242424;
}

.myButton:active {
    position: relative;
    top: 1px;
}

/* Botones personalizados con color corporativo */
:root {
    --btn-color: #95c254;
    --btn-hover: #2e4d00;
    --btn-border: #04ff00;
    --btn-shadow-color: #123300;
    --btn-shadow-hover-color: #95c254;
    --btn-shadow-rgba: rgba(18, 51, 0, 0.3);
    --btn-shadow-hover-rgba: rgba(149, 194, 84, 0.5);
    --menu-hover-color: #95c254;
}











/* Hover para enlaces del menú */
.nav-link:hover {
    background-color: var(--menu-hover-color);
    /* Cambia el color de fondo al pasar el mouse */
}

/* Hover para flechas e íconos */
.nav-link:hover i,
.nav-link:hover .arrow {
    color: var(--menu-hover-color);
    /* Cambia el color de la flecha y el ícono */
}

/* Clase base para todos los botones personalizados */
.custom-btn {
    border: none !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    padding: 10px 15px !important;
    transition: all 0.3s ease !important;
    font-weight: bold !important;
    cursor: pointer !important;
    text-decoration: none !important;
    display: inline-block !important;
    text-align: center !important;
    vertical-align: middle !important;
    line-height: 1.4 !important;
}

/* Botón de éxito/primario */
.custom-btn-success {
    background: var(--btn-color) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 6px var(--btn-shadow-rgba) !important;
}

.custom-btn-success:hover {
    background: var(--btn-hover) !important;
    box-shadow: 0 6px 10px var(--btn-shadow-hover-rgba) !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

/* Botón por defecto/transparente */
.custom-btn-default {
    background: transparent !important;
    border: 2px solid var(--btn-border) !important;
    color: var(--btn-border) !important;
    box-shadow: none !important;
}

.custom-btn-default:hover {
    background: var(--btn-border) !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

/* Estilo específico para iconos dentro de botones */
.custom-btn i {
    margin-right: 5px !important;
    vertical-align: middle !important;
}

/* Estilo específico para botones de formulario */
input.custom-btn {
    height: 38px !important;
    border: none !important;
    outline: none !important;
}

input.custom-btn:focus {
    outline: none !important;
    box-shadow: 0 4px 6px var(--btn-shadow-rgba) !important;
}

/* Estilos para fondos de cuerpo - Solo para index.php - Sincronizado con btn-color */
.index-page::before {
    content: "";
    background-color: var(--btn-color);
    height: 40%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.index-page::after {
    content: "";
    background-color: #d9d9d9;
    /* Fondo gris */
    height: 60%;
    /* Ajusta el porcentaje para cambiar la proporción del fondo gris */
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}






























/* Estilos de botones personalizables */
.custom-btn-success {
    background: var(--btn-color) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 6px var(--btn-shadow-rgba) !important;
    border: none !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    padding: 10px 20px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.custom-btn-success:hover {
    background: var(--btn-hover) !important;
    box-shadow: 0 6px 10px var(--btn-shadow-hover-rgba) !important;
}