/*HEADER*/
* {
    scrollbar-color: #2b4c6f white !important;
}

.barra-top {
    background-color: #1e293b;
}

.botonera {
    background-color: #2B4C6F;
}

    .botonera ul li a {
        color: #ffffff !important;
    }

        .botonera ul li a:hover, .botonera ul li a:focus {
            background: #1F364F;
        }

.box-usuario {
    background: #55708C;
}

    .box-usuario:hover {
        background-color: #2B4C6F;
    }

/*BOTONES*/
.btn-primario {
    background: #274565;
    transition: 0.3s;
}

    .btn-primario:hover {
        background: #1F364F;
    }

.btn-secundario {
    background: #EAEDF1;
    color: #475569;
    transition: 0.3s;
}

    .btn-secundario:hover {
        background: #BDC8D2;
        color: #475569;
    }

/*TABLA*/
.tablabandeja {
    border: 1px solid #CBD5E1;
}

    .tablabandeja th {
        background: #F8FAFC;
        color: #475569;
        height: 62px;
        text-align: left;
        font-weight: 600;
        padding: 0 10px;
        border: none;
        border-bottom: 1px solid #E2E8F0;
    }

    .tablabandeja tr {
        height: 62px;
    }

    /*td, th {
    text-align: left !important;
}
*/
    .tablabandeja td {
        text-align: left;
        padding: 0 10px;
        border: none;
        border-bottom: 1px solid #E2E8F0;
        color: #475569;
    }

.custom-cursor-on-hover {
    height: 40px;
    width: 40px;
    border-width: 0px;
    background: none;
}

.tablabandeja .btn-info:hover {
    background: none !important;
}

.btn-table {
    font-family: sans-serif !important;
    background: #274565 !important;
    color: #fff !important;
    border-radius: 8px !important;
    padding: 6px 12px !important;
    border: none !important;
    font-size: 13px !important;
}

/*FOOTER TABLE*/
.footerTable {
    background: #F8FAFC;
}

    .footerTable td {
        text-align: inherit;
    }

        .footerTable td table td a, .footerTable td table td span {
            color: #475569 !important;
            padding: 8px 12px;
            border-radius: 5px;
            transition: 0.3s;
        }

        .footerTable td table td:hover a, .footerTable td table td span {
            background: #EAEDF1;
            text-decoration: none;
        }

/*FORMULARIOS*/
.form-control {
    border-radius: 0.5rem;
    border: 1px solid #CBD5E1 !important;
    background: #FFF !important;
}

    .form-control:focus {
        border-color: #71879F !important;
        background: #FFF;
        box-shadow: 0px 0px 0px 4px rgba(39, 69, 101, 0.25) !important;
    }

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #475569 !important;
    text-align: center;
    background-color: #F8FAFC !important;
    border-radius: 4px;
}

/*BOTONES DE AYUDA*/
.boton-help {
    border: 1px solid #CBD5E1 !important;
    background-color: #F8FAFC !important;
    color: #475569 !important;
    border-radius: 0.5rem !important;
}



    .boton-help:focus {
        box-shadow: 0px 0px 0px 4px rgba(39, 69, 101, 0.25) !important;
        border-color: #274565 !important;
        outline: 5px auto #274565 !important;
    }

.btn-info:hover {
    border: 1px solid #274565 !important;
    background: #EEF2FF !important;
    color: #274565 !important;
}

/*TITULOS*/
.tituloModulo {
    display: flex !important;
    align-items: center;
    gap: 1rem;
}

.tituloemp {
    text-align: left;
    margin: 3rem 0 3rem 0;
    font-size: 30px;
    font-weight: 700;
}

.divcontent {
    background: #f9f9f9;
}

/*TABLA NAV*/
.nav.nav-tabs li.active {
    color: #274565;
    border-bottom: 2px solid #274565;
    font-weight: bold;
}

    .nav.nav-tabs li.active span {
        border: 2px solid #274565;
        box-shadow: 0px 0px 0px 4px rgba(39, 69, 101, 0.25);
    }

.nav.nav-tabs li.check {
    border-bottom: 2px solid #ccc;
}

/*RADIO BUTTONS*/
.radio-button input[type="radio"] {
    appearance: none;
    width: 18px;
    height: 18px;
    border: 1px solid #274565;
    background-color: white;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .radio-button input[type="radio"]:checked {
        background-color: #EEF2FF;
        border: 1px solid #274565;
    }

        .radio-button input[type="radio"]:checked::before {
            content: "";
            width: 8px;
            height: 8px;
            background-color: #274565;
            border-radius: 50%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

    .radio-button input[type="radio"]:focus {
        outline: 2px solid #274565;
        outline-offset: 2px;
    }

    .radio-button input[type="radio"]:focus-visible {
        box-shadow: 0 0 4px 2px rgba(39, 69, 101, 0.5);
        outline: none;
    }

/*BOTONES DE ACCION*/
.frmButtons {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 2rem;
}

.btn-cancelar {
    display: flex;
    width: 17.5rem;
    padding: 1rem 1.5rem;
    justify-content: center;
    align-items: center;
    gap: 0.75rem;
    border-radius: 0.5rem;
    background: #EEF2FF;
    color: #475569;
    font-size: 16px;
    font-weight: 700;
    border: none;
}

    .btn-cancelar:hover {
        background: #BDC8D2;
        text-decoration: none;
    }


.btn-siguiente {
    display: flex;
    width: 17.5rem;
    padding: 1rem 1.5rem;
    justify-content: center;
    align-items: center;
    gap: 0.75rem;
    border-radius: 0.5rem;
    background: #274565;
    color: #FFF;
    font-size: 16px;
    font-weight: 700;
    border: none;
}

    .btn-siguiente:hover {
        background: #1F364F;
        color: #FFF;
        text-decoration: none;
    }

    .btn-siguiente:disabled {
        background: #BDC8D2;
        color: #71879F;
    }

.btn-agregar {
    display: flex;
    min-height: 3rem;
    padding: 0.75rem 1.25rem;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    border-radius: 0.5rem;
    border: 1px solid #274565;
    color: #274565;
    background: #f9f9f9;
    font-size: 16px;
    font-weight: 700;
}

    .btn-agregar:hover {
        background: #EEF2FF;
        color: #274565;
        text-decoration: none;
    }

    .btn-agregar:focus {
        color: #274565;
        box-shadow: 0px 0px 0px 4px rgba(39, 69, 101, 0.25);
        text-decoration: none;
        outline: 5px auto #274565;
    }

/*LISTADOS*/
.listados {
    background-color: #f9f9f9;
    border-bottom: 1px solid #CBD5E1;
    color: #333;
    display: flex;
    padding: 0;
    font-size: 20px;
    margin-bottom: 16px;
}

/*PANEL DE BUSCAR*/
.panel-buscar {
    display: flex !important;
    justify-content: center !important;
    background: #F8FAFC;
    border: 1px solid #BDC8D2;
    padding: 20px 0;
    border-radius: 8px;
    align-items: flex-start;
    margin-bottom: 32px;
}

/*AQUI SE DEFINEN LOS ENLACES*/
a {
    color: #274565 !important;
    text-decoration: none;
}


/*TABLAS EMPADRONAMIENTO*/
.table.table-condensed .headergrid {
    color: #274565;
    text-align: left;
    border-bottom: 1px solid #CBD5E1;
    background: #F8FAFC;
    padding: 14px 24px;
    vertical-align: middle;
}

.table-body {
    border-radius: 8px;
    border: 1px solid #CBD5E1;
    background: #FFF;
}

.table.table-condensed .itemgrid {
    font-size: 14px;
    color: #475569;
    font-style: normal;
    font-weight: 700;
    padding: 12px 24px;
    vertical-align: middle;
}

.table-icon {
    width: 24px;
    height: 24px;
}


.obligatorio {
    color: #a94442;
    font-weight: 700;
}

.button-accion {
    width: 40px;
    height: 40px;
    box-shadow: none;
    background-color: transparent !important;
}

.table-text {
    font-size: 14px;
    color: #475569;
    font-style: normal;
    font-weight: 700;
    padding: 12px 24px !important;
    vertical-align: middle !important;
    background-color: white !important;
}

.btn-brand {
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background: #274565;
    color: #FFF !important;
    font-size: 14px;
    font-weight: 700;
    border: none;
}

    .btn-brand:hover {
        background: #1F364F;
        text-decoration: none;
    }

.btn-excel {
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background: #FFF;
    color: #274565 !important;
    font-size: 14px;
    font-weight: 700;
    border: 2px solid;
    margin-left: 1rem;
}

    .btn-excel:hover {
        background: #d3e8ff;
        text-decoration: none;
    }

.btn-downloadExcel {
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background: #FFF;
    color: #78a54f !important;
    font-size: 14px;
    font-weight: 700;
    border: 2px solid;
    margin-left: 1rem;
}

    .btn-downloadExcel:hover {
        background: #d3e8ff;
        color: #274565 !important;
        border: 2px solid;
        text-decoration: none;
    }

.btn-uploadExcel {
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background: #FFF;
    color: #274565 !important;
    font-size: 14px;
    font-weight: 700;
    border: 2px solid;
    margin-left: 1rem;
    margin-top: 2rem;
}

    .btn-uploadExcel:hover {
        background: #d3e8ff;
        text-decoration: none;
    }

.btn-help {
    display: inline-flex;
    padding: 6px 12px;
    justify-content: center;
    background: #FFF;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    border: 1px solid #CBD5E1;
    color: #475569;
    font-size: 14px;
    font-weight: 700;
}

.label-input {
    color: #475569;
    font-size: 14px;
    font-weight: 700;
}

.fila-roja {
    color: #94A3B8 !important;
    background: #F8FAFC !important;
}

.btn-outlined {
    display: inline-flex;
    padding: 5px 16px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    border-radius: 8px;
    border: 1px solid #274565;
    color: #274565;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
}

.btn-filled {
    display: inline-flex;
    padding: 5px 16px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    border-radius: 8px;
    border: 1px solid #274565;
    color: white !important;
    font-size: 14px;
    font-weight: 700;
    background: #274565;
    text-decoration: none;
}

.btn-brand-secondary {
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background: #EEF2FF;
    color: #274565 !important;
    font-size: 14px;
    font-weight: 700;
    border: none;
}

    .btn-brand-secondary:hover {
        background: #BDC8D2;
        text-decoration: none;
    }

 /*HEADER*/
.barra-top {
    background-color: #1e293b;
}

.botonera {
    background-color: #2B4C6F;
}

    .botonera ul li a {
        color: #ffffff !important;
    }

        .botonera ul li a:hover, .botonera ul li a:focus {
            background: #1F364F;
        }

.box-usuario {
    background: #55708C;
}

    .box-usuario:hover {
        background-color: #2B4C6F;
    }

/*BOTONES*/
.btn-primario {
    background: #274565;
    transition: 0.3s;
}

    .btn-primario:hover {
        background: #1F364F;
    }

.btn-secundario {
    background: #EAEDF1;
    color: #475569;
    transition: 0.3s;
}

    .btn-secundario:hover {
        background: #BDC8D2;
        color: #475569;
    }

/*TABLA*/
.tablabandeja {
    border: 1px solid #CBD5E1;
}

    .tablabandeja th {
        background: #F8FAFC;
        color: #475569;
        height: 62px;
        text-align: left;
        font-weight: 600;
        padding: 0 10px;
        border: none;
        border-bottom: 1px solid #E2E8F0;
    }

    .tablabandeja tr {
        height: 62px;
    }

    /*td, th {
    text-align: left !important;
}
*/
    .tablabandeja td {
        text-align: left;
        padding: 0 10px;
        border: none;
        border-bottom: 1px solid #E2E8F0;
        color: #475569;
    }

.custom-cursor-on-hover {
    height: 40px;
    width: 40px;
    border-width: 0px;
    background: none;
}

.tablabandeja .btn-info:hover {
    background: none !important;
}

.btn-table {
    font-family: sans-serif !important;
    background: #274565 !important;
    color: #fff !important;
    border-radius: 8px !important;
    padding: 6px 12px !important;
    border: none !important;
    font-size: 13px !important;
}

/*FOOTER TABLE*/
.footerTable {
    background: #F8FAFC;
}

    .footerTable td {
        text-align: inherit;
    }

        .footerTable td table td a, .footerTable td table td span {
            color: #475569 !important;
            padding: 8px 12px;
            border-radius: 5px;
            transition: 0.3s;
        }

        .footerTable td table td:hover a, .footerTable td table td span {
            background: #EAEDF1;
            text-decoration: none;
        }

/*FORMULARIOS*/
.form-control {
    border-radius: 0.5rem;
    border: 1px solid #CBD5E1 !important;
    background: #FFF !important;
}

    .form-control:focus {
        border-color: #71879F !important;
        background: #FFF;
        box-shadow: 0px 0px 0px 4px rgba(39, 69, 101, 0.25) !important;
    }

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #475569 !important;
    text-align: center;
    background-color: #F8FAFC !important;
    border-radius: 4px;
}

/*BOTONES DE AYUDA*/
.boton-help {
    border: 1px solid #CBD5E1 !important;
    background-color: #F8FAFC !important;
    color: #475569 !important;
    border-radius: 0.5rem !important;
}

    .boton-help:focus {
        box-shadow: 0px 0px 0px 4px rgba(39, 69, 101, 0.25) !important;
        border-color: #274565 !important;
        outline: 5px auto #274565 !important;
    }

.btn-info:hover {
    border: 1px solid #274565 !important;
    background: #EEF2FF !important;
    color: #274565 !important;
}

/*TITULOS*/
.tituloModulo {
    display: flex !important;
    align-items: center;
    gap: 1rem;
}

.tituloemp {
    text-align: left;
    margin: 3rem 0 3rem 0;
    font-size: 30px;
    font-weight: 700;
}

.divcontent {
    background: #f9f9f9;
}

/*TABLA NAV*/
.nav.nav-tabs li.active {
    color: #274565;
    border-bottom: 2px solid #274565;
    font-weight: bold;
}

    .nav.nav-tabs li.active span {
        border: 2px solid #274565;
        box-shadow: 0px 0px 0px 4px rgba(39, 69, 101, 0.25);
    }

.nav.nav-tabs li.check {
    border-bottom: 2px solid #ccc;
}

/*RADIO BUTTONS*/
.radio-button input[type="radio"] {
    appearance: none;
    width: 18px;
    height: 18px;
    border: 1px solid #274565;
    background-color: white;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .radio-button input[type="radio"]:checked {
        background-color: #EEF2FF;
        border: 1px solid #274565;
    }

        .radio-button input[type="radio"]:checked::before {
            content: "";
            width: 8px;
            height: 8px;
            background-color: #274565;
            border-radius: 50%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

    .radio-button input[type="radio"]:focus {
        outline: 2px solid #274565;
        outline-offset: 2px;
    }

    .radio-button input[type="radio"]:focus-visible {
        box-shadow: 0 0 4px 2px rgba(39, 69, 101, 0.5);
        outline: none;
    }

/*BOTONES DE ACCION*/
.frmButtons {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 2rem;
}

.btn-cancelar {
    display: flex;
    width: 17.5rem;
    padding: 1rem 1.5rem;
    justify-content: center;
    align-items: center;
    gap: 0.75rem;
    border-radius: 0.5rem;
    background: #EEF2FF;
    color: #475569;
    font-size: 16px;
    font-weight: 700;
}

.btn-siguiente {
    display: flex;
    width: 17.5rem;
    padding: 1rem 1.5rem;
    justify-content: center;
    align-items: center;
    gap: 0.75rem;
    border-radius: 0.5rem;
    background: #274565;
    color: #FFF;
    font-size: 16px;
    font-weight: 700;
    border: none;
}

    .btn-siguiente:hover {
        background: #1F364F;
        color: #FFF;
        text-decoration: none;
    }

    .btn-siguiente:disabled {
        background: #BDC8D2;
        color: #71879F;
    }

.btn-agregar {
    display: flex;
    min-height: 3rem;
    padding: 0.75rem 1.25rem;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    border-radius: 0.5rem;
    border: 1px solid #274565;
    color: #274565;
    background: #f9f9f9;
    font-size: 16px;
    font-weight: 700;
}

    .btn-agregar:hover {
        background: #EEF2FF;
        color: #274565;
        text-decoration: none;
    }

    .btn-agregar:focus {
        color: #274565;
        box-shadow: 0px 0px 0px 4px rgba(39, 69, 101, 0.25);
        text-decoration: none;
        outline: 5px auto #274565;
    }

/*LISTADOS*/
.listados {
    background-color: #f9f9f9;
    border-bottom: 1px solid #CBD5E1;
    color: #333;
    display: flex;
    padding: 0;
    font-size: 20px;
    margin-bottom: 16px;
}

/*PANEL DE BUSCAR*/
.panel-buscar {
    display: flex !important;
    justify-content: center !important;
    background: #F8FAFC;
    border: 1px solid #BDC8D2;
    padding: 20px 0;
    border-radius: 8px;
    align-items: flex-start;
    margin-bottom: 32px;
}

/*AQUI SE DEFINEN LOS ENLACES*/
a {
    color: #274565 !important;
    text-decoration: none;
}


/*TABLAS EMPADRONAMIENTO*/
.table.table-condensed .headergrid {
    color: #274565;
    text-align: left;
    border-bottom: 1px solid #CBD5E1;
    background: #F8FAFC;
    padding: 14px 24px;
    vertical-align: middle;
}

.table-body {
    border-radius: 8px;
    border: 1px solid #CBD5E1;
    background: #FFF;
}

.table.table-condensed .itemgrid {
    font-size: 14px;
    color: #475569;
    font-style: normal;
    font-weight: 700;
    padding: 12px 24px;
    vertical-align: middle;
    text-align: left;
}

.table-icon {
    width: 24px;
    height: 24px;
}


.obligatorio {
    color: #a94442;
    font-weight: 700;
}

.button-accion {
    width: 40px;
    height: 40px;
    box-shadow: none;
}

.table-text {
    font-size: 14px;
    color: #475569;
    font-style: normal;
    font-weight: 700;
    padding: 12px 24px !important;
    vertical-align: middle !important;
    background-color: white !important;
}

.btn-brand {
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background: #274565;
    color: #FFF !important;
    font-size: 14px;
    font-weight: 700;
}

    .btn-brand:hover {
        background: #1F364F;
        text-decoration: none;
    }

.btn-help {
    display: inline-flex;
    padding: 6px 12px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    border: 1px solid #CBD5E1;
    color: #475569;
    font-size: 14px;
    font-weight: 700;
}

    .btn-help:hover {
        text-decoration: none;
        background: #BDC8D2;
    }

/* CHECKBOX */
input[type="checkbox"] {
    width: 16px;
    height: 16px;
    border: 1px solid #CBD5E1;
    background-color: #ffffff; /* Color de fondo inicial */
    border-radius: 15%;
    display: inline-block;
    position: relative;
    cursor: pointer;
    transition: all 0.3s ease;
    appearance: none; /* Remueve el estilo nativo del checkbox */
}

    input[type="checkbox"]:checked {
        background-color: #274565;
        border: 1px solid #274565;
    }

        input[type="checkbox"]:checked::before {
            background-color: #274565;
        }

        input[type="checkbox"]:checked::after {
            content: "✔";
            font-size: 10px;
            color: white;
            font-weight: bold;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
        }

    input[type="checkbox"]:focus {
        outline: 2px solid #274565 !important;
        outline-offset: 2px !important;
    }

    /*  ESTILOS DISABLED */
    .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
        cursor: not-allowed;
        background-color: #274565 !important;
        color: #274565;
        opacity: 1;
    }

/* TABLA CONSULTAR ESTADO EMPADRONAMIENTO */

.tabla-consultar-empad {
    border: none !important;
}

    .tabla-consultar-empad td {
        background: #FBFBFC;
        padding: 5px 10px !important;
    }

        .tabla-consultar-empad td.title-consulta, .tabla-consultar-empad td.cuerpo-consulta {
            padding: 0 10px !important;
            border: none;
        }

        .tabla-consultar-empad td span.form-control {
            padding: 10px;
            background: #EAEDF1 !important;
            color: #1E293B;
            border: 1px solid #BDC8D2 !important;
            border-radius: 8px 8px 0 0;
            box-shadow: none;
            margin-top: 20px;
        }

    .tabla-consultar-empad table {
        width: 100%;
    }

.cuerpo-consulta td, .cuerpo-consulta span {
    background: #FBFBFC !important;
}

.cuerpo-consulta .background {
    border: 1px solid #BDC8D2 !important;
    border-top: none !important;
    border-radius: 0 0 8px 8px !important;
    min-height: 90px;
    margin-bottom: 5px;
}

/*LOGIN*/
.formulario-login .input-group-addon {
    color: #1E293B;
    background: #274565;
}

.cabecera-login {
    background-color: #F9F9F9;
    height: 100px;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}

.box-login {
    background-color: #F9F9F9;
    box-shadow: none;
    border: none;
    padding: 32px 60px;
    width: 500px;
    border-radius: 32px;
}

.bg-captcha {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FEFEFE !important;
}


.formulario-login h2 {
    color: #1E293B;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
}

.boton-login {
    color: #274565;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    background: transparent;
}

    .boton-login:hover {
        background: transparent;
        color: #1F364F !important;
        text-decoration: underline;
    }

.boton-empadronamiento {
    display: flex;
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    border: 1px solid #274565;
    color: #274565;
    font-size: 14px;
    font-weight: 700;
}

    .boton-empadronamiento:hover {
        background: #EEF2FF;
    }

.formulario-login {
    color: #1E293B;
}

.inicio {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
}

.btn-inicio {
    display: flex !important;
    padding: 16px 24px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    border-radius: 8px;
    background: #274565;
    color: #FFFF !important;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.144px;
}

    .btn-inicio:hover {
        background: #1F364F;
        text-decoration: none;
    }

.btn-documentos {
    display: flex !important;
    padding: 16px 24px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    border-radius: 8px;
    background: #F9F9F9;
    border: 1px solid #274565;
    color: #274565 !important;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.144px;
}

    .btn-documentos:hover {
        text-decoration: none;
        background: #EEF2FF;
    }

.panel-inicio {
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin: 32px 0
}

.titulo-inicio {
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: center;
    align-items: center;
}

    .titulo-inicio h2 {
        color: #1E293B;
        text-align: center;
        font-size: 36px;
        font-style: normal;
        font-weight: 700;
        line-height: 32px;
        margin: 0;
    }

    .titulo-inicio h3 {
        color: #1E293B;
        text-align: center;
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: 20px;
        margin: 0;
    }

/*STEPPER DOCUMENTOS*/

.wizard {
    background: #274565;
}


.tabla-datos-documentos {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-bottom: 1.5rem;
}

.swal2-large {
    width: 600px !important;
    font-size: 20px !important;
    padding: 20px !important;
}


/*GESTION USUARIOS*/
.input-container {
    width: 100%;
}

.validation-error {
    top: 90%;
    left: 2%;
    transform: translateX(16%);
    color: #E21D1D;
}

    .validation-error.emailError {
        left: 35%;
        transform: translateX(-115%);
    }

.label-left {
    float: left !important;
}

.select-width .btn-group {
    width: 100% !important;
}

    .select-width .btn-group button {
        width: 100% !important;
        text-align: left;
    }

.select-width .multiselect-container {
    width: 100% !important;
    text-align: left;
}

    .select-width .multiselect-container .multiselect-item {
        width: 100%;
        padding: 0 10px;
    }

        .select-width .multiselect-container .multiselect-item .input-group {
            width: 100%;
        }

        .select-width .multiselect-container .multiselect-item .multiselect-search {
            border-radius: 4px;
        }

/*BANDEJA ENTRADA MINISTERIO */
.btn-table-bandeja {
    margin: 5px 0;
    padding: 4px 15px !important;
}

.control-label {
    text-align: left;
    font-weight: bold !important;
}

#tablaPrincipal input[type=checkbox] {
    margin-right: 8px;
    margin-top: 8px;
}

.titulo.configuraciones{
    justify-content: center;
    margin-bottom: 2%;
}

.form-control.ulbutton {
    background-color: #ccc !important;
}

.table.table-bordered.table-striped.grillaul {
    align-items: center;
    margin-top: 5%;   
}

#displayUnidadLaboral.col-sm-2 {
    display: flex;
    align-items: flex-end;
}


#displayUnidadLaboral{
    margin-top : 30px;
}

.col-sm-12.text-danger {
    min-height: 20px; 
    display: block;
}

#txtNuevoValorUL {
    margin-bottom: 4px;
}


.button-align-bottom {
    display: flex;
    margin-top: 2.4%;
    flex-direction: column;      
    justify-content: flex-end;
    height: 100%;
    padding-bottom: 0;
}

.btn.btn-primary.w-100.color {
    background-color: #2B4C6F !important;
}

.grillaStyle {
    text-align: left;
    margin-left: 0;
    width: fit-content;
    padding-right : 75%;
}

.logo-icon {
    width: 36px !important;
    height: 36px !important;
}