.Sirion_Color1 {
    background-color: #F0F3F4
}

.Sirion_Color2 {
    background-color: #F2DEBD
}

.Sirion_Color3 {
    background-color: #14385D
}

.Sirion_Color4 {
    background-color: #226995
}

.Sirion_Color5 {
    background-color: #C4D4C7
}

.Sirion_Color6 {
    background-color: #5B5D63
}

.sirion_h {
    color: #2F4B75;
}

.sirion_hr {
    color: #000000;
}

.selected {
    background-color: #F2DEBD !important;
}

.Sirion_btn1 {
    background-color: #226995;
    border-color: #ddd;
    color: white;
    border-radius:6px;
}

    .Sirion_btn1:hover, .Sirion_btn1:active, .Sirion_btn1.hover {
        background-color: #ddd;
        color: #14385d;


    }

.card-sirion .card-header {
    background-color: #14385d;
}

.card-sirion .card-header {
    background-color: none;
}

.card-line.card-outline {
    border-top: 4px solid #14385d;
}

.nav-link {
    color: white;
}

.nav-link:hover {
    color: white;
}


.Sirion_label {
    font-size: 12px;
    color: #2F4B75;
    font-weight: bold !important;
    /*font-size: 13px !important;*/
}




.sirion-pills > li > a.active {
    background-color: #ddd !important;
    border-bottom-color: none !important;
    border-bottom-width: 0px !important;
    border-end-end-radius: 40px 50px;
    border-top-left-radius: 40px;
}

/*COONFIGURACION DE ESTILOS PARA LAS TABLAS*/
.sirion-tables {
    border-color: #F2DEBD;
}

    .sirion-tables thead {
        background: #226995;
        color: #F0F3F4;
        text-align: center;
        font-weight: lighter;
    }

    .sirion-tables tbody tr {
        font-family: 'Times New Roman', Times, serif;
        font-size: 12px;
        color: #14385D;
        cursor: pointer;
    }




/*COONFIGURACION DE ESTILOS PARA BOTONES DE LAS TABLAS */
.btn-sirion-default {
    color: #14385D;
    background-color: none;
    border-color: none;
    font-size: 13px;
}

    .btn-sirion-default:hover {
        color: #db991f;
        background-color: none;
        border-color: none;


    }





/*/// diseņo anterior*/


/*

.Sirion-bg1 {
    background-color: #353D40
}

.Sirion-bg2 {
    background-color: #D9D9D9
}

.Sirion-bg3 {
    background-color: #A1A5A6
}

.Sirion-bg4 {
    background-color: #F2B138
}

.Sirion-bg5 {
    background-color: #003F63
}

.Sirion-bg6 {
    background-color: #034C8c
}

.Sirion-bg7 {
    background-color: #012240
}

.Sirion-bg8 {
    background-color: #F2F2F0
}

.Sirion-bg9 {
    background-color: #F2A71d
}

.Sirion-bg10 {
    background-color: #403E3e
}

*/

/**COONFIGURACION DE ESTILOS PARA ELPANEL DEL LOGIN*/
.panel-login {
    width: 100%;
    background: #003F63;
    color: #fff;
    font-size: 0.500em;
    padding: 0.5em;
    text-align: left;
}


/*CONFIGURACION DE ESTILO PANELES*/

.sirion-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

/*COONFIGURACION DE ESTILOS PARA EL PANEL DELAS TABLAS*/
.sirion-panel-tables {
    border-color: #5B5D63
}

    .sirion-panel-tables > .sirion-heading {
        color: #F0F3F4;
        background-color: #5B5D63;
        border-color: #226995
    }

/*COONFIGURACION DE ESTILOS PARA PANELES DE LOS MODALES*/
.sirion-panel-modal {
    border-color: #5B5D63
}

    .sirion-panel-modal > .sirion-heading {
        color: white;
        background-color: #226995;
        height:40px;
    }

.sirion-content-modal {
    border-color: #db991f
}

.sirion-footer-modal {
    background-color: #226995;

}

/*COONFIGURACION DE ESTILOS PARA LAS TABLAS*/
.sirion-table {
    border-color: #353D40;
}

.sirion-table thead {
    background: #D9D9D9;
    color: #000000;
    text-align: center;
    font-weight:lighter;

}

.sirion-table tbody tr {
/*    height: 15px;*/
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 12px;

}




/*COONFIGURACION DE ESTILOS PARA BOTONES DE LAS TABLAS */
/*.btn-sirion-default {
    color: #012240;
    background-color: none;
    border-color: none;
    font-size: 12px;
}

    .btn-sirion-default:hover {
        color: #F2A71d;
        background-color: none;
        border-color: none;
    }*/

/*COONFIGURACION DE ESTILOS PARA INPUT DE LOS FORMULARIOS */

.sirion-span-input {
    color: black;
    font-size: 10px;
    font-weight: normal;
    background-color: #D9D9D9;
    text-align: center;
}

.sirion-input {
    color: #012240;
    font-size: 7px;
    text-align:left;
}


/*TAMAŅO DE LOS SPAN EN LOS INPUT*/

.sirion-input-width-0 {
    width: 80px;
}


.sirion-input-width-1 {
    width: 150px;
}

.sirion-input-width-2 {
    width: 200px;
}
.sirion-input-width-3 {
    width: 132px;
}

/*COONFIGURACION DE ESTILOS PARA INPUT Y SELECT DE LOS FORMULARIOS DE DETALLE DONDE NO SE PERMITE MODIFICACION */
.sirion-vista-details input {
    pointer-events: none;
}
.sirion-vista-details select {
    pointer-events: none;
}

.sirion-vista-details TextArea {
    pointer-events: none;
}

.sirion-vista-details label {
    pointer-events: none;
}

.sirion-vista-details button {
    pointer-events: none;
}



.sirion-vista-details .sirion-visible-hidden {
    visibility: hidden;
}




.btn-flotante {
    font-size: 16px; /* Cambiar el tamaņo de la tipografia */
    text-transform: uppercase; /* Texto en mayusculas */
    font-weight: bold; /* Fuente en negrita o bold */
    color: none; /* Color del texto */
    border-color: none;
    /*border-radius: 100px;*/ /* Borde del boton */
    letter-spacing: 2px; /* Espacio entre letras */
    background-color: none; /* Color de fondo */
    /*padding: 5px 5px;*/ /* Relleno del boton */
    position: fixed;
    bottom: 20px;
    right: 40px;
    transition: all 300ms ease 0ms;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    z-index: 99;
}

    .btn-flotante:hover {
        background-color: #D9D9D9; /* Color de fondo al pasar el cursor */
        box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.3);
        transform: translateY(-7px);
    }