/* # Seccion de Colores principales de Facelv3 */
:root {
    /* Variables para los colores principales de la aplicaci�n */
    /*    --colorCuerpo: #CBEAF3;
    --colorPrincipal: #20a8d8;
    --colorSecundario: #e86459;*/
    --colorCuerpo: #e3e3e3;
    --colorPrincipal: #45524F;
    --colorSecundario: #d73232;
    --colorTerciario: #8C3232;
    /* Variables para poder colocar el color de los graficos */
    --colorGrafico1: #AB4141;
    --colorGrafico2: #AB4141;
    --colorGrafico3: #AB4141;
    /* Variables para cambiar el color por defecto si no hay calendarios creados */
    --colorDefecto: #3f51b5;
    /* Variables para cambiar el color celeste del paginador, el color secundario es el del paginador tambien */
    --colorPaginador: #37b4e1;
    /* Variable del color blanco */
    --colorBlanco: #ffffff;
    /* Variable para el color del Nav */
    --colorCelesteNav: #20a8d8;
    --colorCelesteBordeNav: #20a8d8;
    /* Variable para el color del Box */
    --gray: #6c757d;
    --gris: #e3e3e3;
}
/* # Seccion de Colores principales de Facelv3 */

.colorprimarioTextoP2 {
    color: var(--gris) !important;
}

.colorprimarioTextoP {
    color: var(--colorPrincipal) !important;
}

.colorprimarioTexto {
    color: var(--colorTerciario) !important;
}

.colorsecundarioTexto {
    color: var(--colorSecundario) !important;
}

.card-primary-style {
    color: var(--colorBlanco) !important;
    background-color: var(--colorPrincipal) !important;
    border-color: var(--colorPrincipal) !important;
}

.btn-colorsecundario {
    color: var(--colorBlanco) !important;
    background-color: var(--colorSecundario) !important;
    border-color: var(--colorSecundario) !important;
}

.btn-busqueda {
    color: var(--colorBlanco) !important;
    background-color: var(--colorPrincipal) !important;
    border-color: var(--colorPrincipal) !important;
}

.alert-info {
    background-color: var(--colorCuerpo) !important;
}

/* # Seccion de Botones */
.btn-primary {
    color: var(--colorBlanco) !important;
    background-color: var(--colorPrincipal) !important;
    border-color: var(--colorPrincipal) !important;
}

    .btn-primary:hover, .btn-primary:focus {
        box-shadow: 0 0 0 1px rgba(230, 81, 69, 0.1);
        color: var(--colorBlanco);
        background-color: var(--colorPrincipal) !important;
        border-color: var(--colorPrincipal) !important;
    }

    .btn-primary.disabled, .btn-primary:disabled {
        color: var(--colorBlanco);
        background-color: var(--colorPrincipal) !important;
        border-color: var(--colorPrincipal) !important;
    }

.btn-main-primary {
    color: var(--colorBlanco);
    background-color: #e86459;
    border-color: #e86459;
}

    .btn-main-primary:hover {
        color: var(--colorBlanco);
        background-color: #da4539;
        border-color: #da4539;
    }

    .btn-main-primary:focus, .btn-main-primary.focus {
        box-shadow: 0 0 0 1px rgba(230, 81, 69, 0.1);
    }

    .btn-main-primary.disabled, .btn-main-primary:disabled {
        color: var(--colorBlanco);
        background-color: #e65145;
        border-color: #e65145;
    }

.btn-success {
    color: var(--colorBlanco);
    background-color: #19b159;
    border-color: #19b159;
}

    .btn-success:hover {
        color: var(--colorBlanco);
        background-color: #15a552;
        border-color: #15a552;
    }

    .btn-success:focus, .btn-success.focus {
        color: var(--colorBlanco);
        background-color: #15a552;
        border-color: #15a552;
        box-shadow: 0 0 0 1px rgba(21, 165, 82, 0.3);
    }

    .btn-success.disabled, .btn-success:disabled {
        color: var(--colorBlanco);
        background-color: #04b386;
        border-color: #04b386;
    }

.btn-info {
    color: var(--colorBlanco);
    background-color: #33c5fe;
    border-color: #33c5fe;
}

    .btn-info:hover {
        color: var(--colorBlanco);
        background-color: #06aff1;
        border-color: #06aff1;
    }

    .btn-info:focus, .btn-info.focus {
        color: var(--colorBlanco);
        background-color: #06aff1;
        border-color: #06aff1;
        box-shadow: 0 0 0 1px #33c5fe;
    }

    .btn-info.disabled, .btn-info:disabled {
        color: var(--colorBlanco);
        background-color: #33c5fe;
        border-color: #33c5fe;
    }

.btn-warning {
    color: var(--colorBlanco);
    background-color: #fbb054;
    border-color: #fbb054;
}

    .btn-warning:hover {
        color: var(--colorBlanco);
        background-color: #f1911d;
        border-color: #f1911d;
    }

    .btn-warning:focus, .btn-warning.focus {
        color: var(--colorBlanco);
        background-color: #f1911d;
        border-color: #f1911d;
        box-shadow: 0 0 0 1px rgba(241, 145, 29, 0.3);
    }

    .btn-warning.disabled, .btn-warning:disabled {
        color: var(--colorBlanco);
        background-color: #f1911d;
        border-color: #f1911d;
    }

.btn-default {
    color: #333;
    background-color: #ecf1f9;
    border-color: #ccc;
}

    .btn-default:hover {
        color: #333;
        background-color: #e1e6ef;
        border-color: #adadad;
    }

    .btn-default:focus, .btn-default.focus {
        color: #333;
        background-color: #ecf1f9;
        border-color: #adadad;
        box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
    }

    .btn-default.disabled, .btn-default:disabled {
        color: #333;
        background-color: #ecf1f9;
        border-color: #adadad;
    }

#back-to-top {
    background: var(--colorSecundario);
}

.barraAzul {
    padding: 2px;
    background-color: var(--colorPrincipal);
}
/* # Seccion de Botones */

/* # Seccion de DataTables */
.dataTables_wrapper .dataTables_paginate .paginate_button {
    color: var(--colorPaginador) !important;
    border: 1px solid #e1e6ef;
}

    /* Para cambiar el color Rojo en la parte de los DataTables cambiar el color #e86459 por el nuevo color */
    .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
        border: 1px solid var(--colorSecundario);
        color: var(--colorBlanco) !important;
        background-color: var(--colorBlanco);
        border-color: #007bff;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e86459), color-stop(100%, #e86459));
        background: -webkit-linear-gradient(top, #e86459, #e86459);
        background: -moz-linear-gradient(top, #e86459, #e86459);
        background: -ms-linear-gradient(top, #e86459, #e86459);
        background: -o-linear-gradient(top, #e86459, #e86459);
        background: linear-gradient(to bottom, #e86459, #e86459);
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
        border: 1px solid #e1e6ef;
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        color: var(--colorPaginador) !important;
        border: 1px solid #e1e6ef;
        background-color: var(--colorPaginador);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%), color-stop(100%, var(--colorBlanco)));
        background: -webkit-linear-gradient(top, var(--colorBlanco) 100%);
        background: -moz-linear-gradient(top, var(--colorBlanco) 100%);
        background: -ms-linear-gradient(top, var(--colorBlanco) 100%);
        background: -o-linear-gradient(top, var(--colorBlanco) 100%);
        background: linear-gradient(to bottom, var(--colorBlanco) 100%);
    }
/* # Seccion de DataTables */

/* # Seccion de switch */
.switch-button {
    display: inline-block;
}

    .switch-button .switch-button__checkbox {
        display: none;
    }

    .switch-button .switch-button__label {
        background-color: #ecf1f9;
        width: 5rem;
        height: 3rem;
        border-radius: 3rem;
        display: inline-block;
        position: relative;
    }

        .switch-button .switch-button__label:before {
            transition: .2s;
            display: block;
            position: absolute;
            width: 3rem;
            height: 3rem;
            background-color: var(--colorBlanco);
            content: '';
            border-radius: 50%;
            box-shadow: inset 0px 0px 0px 1px black;
        }

    .switch-button .switch-button__checkbox:checked + .switch-button__label {
        background-color: var(--colorPrincipal);
    }

    .switch-button .switch-button__checkbox:disabled + .switch-button__label {
        cursor: not-allowed;
    }

    .switch-button .switch-button__checkbox:checked + .switch-button__label:before {
        transform: translateX(2rem);
    }

.switch-button_SC {
    display: inline-block;
}

    .switch-button_SC .switch-button__checkbox_SC {
        display: none;
    }

    .switch-button_SC .switch-button__label_SC {
        background-color: #ecf1f9;
        width: 3.2rem;
        height: 1.2rem;
        border-radius: 3rem;
        display: inline-block;
        position: relative;
    }

        .switch-button_SC .switch-button__label_SC:before {
            transition: .2s;
            display: block;
            position: absolute;
            width: 1.2rem;
            height: 1.2rem;
            background-color: var(--colorBlanco);
            content: '';
            border-radius: 50%;
            box-shadow: inset 0px 0px 0px 1px black;
        }

    .switch-button_SC .switch-button__checkbox_SC:checked + .switch-button__label_SC {
        background-color: var(--colorPrincipal);
    }

    .switch-button_SC .switch-button__checkbox_SC:disabled + .switch-button__label_SC {
        cursor: not-allowed;
    }

    .switch-button_SC .switch-button__checkbox_SC:checked + .switch-button__label_SC:before {
        transform: translateX(2rem);
    }

/* # Seccion de switch */


/* # Seccion de Body */
body {
    background: var(--colorCuerpo);
}
/* # Seccion de Body */

/* # Seccion de SideBar */

/* Cambia el color donde esta el Logo */
.main-body.leftmenu .sidemenu-logo {
    background: var(--colorPrincipal);
}

/* Cambia el color del Sidebar */
.main-sidebar-sticky {
    background: var(--colorPrincipal);
}

.main-sidebar-body .nav-item.active .nav-link:before, .main-sidebar-body .nav-item.active .nav-link:after {
    border-right: 20px solid var(--colorPrincipal);
}

/* Cambia el color del Sidebar Activo y la superior que lo rodea */
.main-sidebar-body li.active .sidemenu-icon {
    background: var(--colorSecundario);
}

.main-sidebar-body li.active .sidemenu-label, .main-sidebar-body li.active i {
    color: var(--colorSecundario);
}

.main-sidebar-hide.main-sidebar-open .main-sidebar-body li.active .sidemenu-icon {
    background: var(--colorSecundario);
}

.main-sidebar-hide .main-sidebar-body li.active .sidemenu-icon {
    background: var(--colorSecundario);
}

.main-sidebar-body li.nav-item.active .nav-link {
    background-color: var(--colorCuerpo);
}

.main-sidebar-body .nav-item.active .nav-link .shape1, .main-sidebar-body .nav-item.active .nav-link .shape2 {
    background: var(--colorCuerpo);
}

/* # Seccion de SideBar */


/* # Seccion de Graficos */
.opcionCrear {
    margin-top: 10%;
    border-radius: 50%;
    border: 5px solid var(--colorSecundario) !important;
    font-size: 100px;
}

/* Cambia el color de los botones en los graficos y la cruz de crear */
a {
    color: var(--colorSecundario);
}

    a:hover {
        color: var(--colorSecundario);
    }
/* # Seccion de Graficos */

/* # Seccion de Iconos */
.iconColor {
    color: var(--colorSecundario);
}

.colorFlechas {
    color: var(--colorPrincipal);
    cursor: pointer;
}
/* # Seccion de Iconos */

/* # Seccion de Header */
.headerMainTop {
    background-color: var(--colorSecundario);
    color: var(--colorBlanco);
    padding-right: 10px;
    font-size: 11px;
    font-weight: normal;
    padding-top: 5px;
    padding-bottom: 5px;
}

.headerAlt {
    height: 3px;
    background-color: var(--colorSecundario);
}
/* # Seccion de Header */

/* # Seccion de Accesos Directos */
.accesoDirecto {
    background-color: var(--colorPrincipal);
    padding: 5px 20px 5px 5px;
    /* color: white !important;*/
    border-radius: 20%;
}
/* # Seccion de Accesos Directos */

/* # Seccion de Navs */
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
    background-color: var(--colorPrincipal);
    cursor: pointer;
}

.nav-tabs .nav-link + .nav-link {
    color: var(--colorCelesteNav);
}

.nav-tabs .nav-link.active {
    color: var(--colorCelesteNav);
}

.nav-tabs .nav-link {
    color: var(--colorCelesteNav);
}

.reportes-color-quickmenu {
    background-color: var(--colorSecundario);
    color: var(--colorBlanco);
    border-width: thick;
    border-color: white;
}


/* # Seccion de Navs */

/* # Seccion de Nav de reportes, informacion importante y Notificaciones */
.info-box-R-I-N {
    background-color: var(--colorPrincipal) !important;
    border-color: var(--colorPrincipal);
    border: thick;
    color: var(--colorBlanco);
}

.title-box-R {
    color: var(--colorCelesteNav);
}
/* # Seccion de Nav de reportes y informacion importante y Notificaciones */

/* # Seccion de Paginador */
.page-item.active .page-link {
    background-color: var(--colorSecundario);
    border-color: var(--colorPaginador) !important;
}

.pagination li a, .pagination li span {
    border: 1px solid #e1e6ef;
    color: var(--colorPaginador);
}

    .pagination li a:hover, .pagination li span:hover, .pagination li a:focus, .pagination li span:focus {
        color: var(--colorPaginador);
        background-color: #f9fafc;
        border-color: #e1e6ef;
    }

.pagination li:first-child a, .pagination li:first-child span {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.pagination li:last-child a, .pagination li:last-child span {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

.pagination li.active a, .pagination li.active span, .pagination li.active a:hover, .pagination li.active span:hover, .pagination li.active a:focus, .pagination li.active span:focus {
    background-color: var(--colorSecundario);
    border-color: var(--colorPaginador) !important;
}
/* # Seccion de Paginador */

/* # Seccion de Agenda */

.e-schedule .e-vertical-view .e-day-wrapper .e-appointment {
    background: var(--colorDefecto);
}
/* Color por defecto si no hay calendarios creados */

.e-schedule .e-schedule-toolbar .e-active-view .e-tbar-btn-text, .e-schedule .e-schedule-toolbar .e-active-view .e-icons {
    color: var(--colorSecundario);
}

.e-schedule .e-vertical-view .e-header-cells.e-current-day {
    color: var(--colorSecundario);
}

.e-schedule .e-vertical-view .e-clone-time-indicator, .e-schedule .e-vertical-view .e-current-time {
    color: var(--colorSecundario);
}

.e-schedule .e-vertical-view .e-current-timeline {
    border-top: 1px solid var(--colorSecundario);
}

.e-schedule .e-vertical-view .e-previous-timeline {
    border-top: 1px dotted var(--colorSecundario);
}

.e-btn.e-flat.e-primary, .e-css.e-btn.e-flat.e-primary {
    color: var(--colorSecundario);
}

    .e-btn.e-flat.e-primary:hover, .e-css.e-btn.e-flat.e-primary:hover {
        color: var(--colorSecundario);
    }

    .e-btn.e-flat.e-primary:focus, .e-css.e-btn.e-flat.e-primary:focus {
        color: var(--colorSecundario);
    }

.e-datetime-wrapper .e-input-group-icon.e-icons.e-active {
    color: var(--colorSecundario);
}

.e-checkbox-wrapper:hover .e-frame.e-check, .e-css.e-checkbox-wrapper:hover .e-frame.e-check {
    background-color: var(--colorSecundario);
}

.e-checkbox-wrapper .e-frame.e-check, .e-css.e-checkbox-wrapper .e-frame.e-check {
    background-color: var(--colorSecundario);
}

.e-schedule .e-month-view .e-current-date .e-date-header, .e-schedule .e-month-agenda-view .e-current-date .e-date-header {
    background-color: var(--colorSecundario);
}

.e-checkbox-wrapper .e-checkbox:focus + .e-frame.e-check, .e-css.e-checkbox-wrapper .e-checkbox:focus + .e-frame.e-check {
    background-color: var(--colorSecundario);
}

.e-float-input .e-control-wrapper:focus {
    background-color: var(--colorSecundario);
}

.e-calendar .e-content td.e-today.e-selected:hover span.e-day, .e-calendar .e-content td.e-selected:hover span.e-day, .e-calendar .e-content td.e-selected.e-focused-date span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-today.e-selected:hover span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-selected:hover span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-selected.e-focused-date span.e-day {
    background-color: var(--colorSecundario);
}

.e-calendar .e-content td.e-today span.e-day, .e-calendar .e-content td.e-focused-date.e-today span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-today span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day {
    border: 1px solid var(--colorSecundario);
    color: var(--colorSecundario);
}

.e-schedule .e-month-view .e-date-header-wrap table td.e-current-day, .e-schedule .e-month-agenda-view .e-date-header-wrap table td.e-current-day {
    color: var(--colorSecundario);
}

.e-float-line:focus {
    color: var(--colorSecundario);
}

.e-calendar .e-content td.e-today.e-selected:active span.e-day, .e-calendar .e-content td.e-selected:active span.e-day, .e-calendar .e-content td.e-selected.e-focused-date span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-today.e-selected:active span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-selected:active span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-selected.e-focused-date span.e-day {
    background-color: var(--colorSecundario);
}

.e-float-input.e-error input, .e-float-input.e-control-wrapper.e-error input, .e-float-input.e-error textarea, .e-float-input.e-control-wrapper.e-error textarea {
    border-bottom-color: var(--colorSecundario);
}

.e-calendar .e-content td.e-today.e-selected span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-today.e-selected span.e-day {
    background-color: var(--colorSecundario);
    border: 1px solid var(--colorSecundario);
}

.e-calendar .e-content td.e-today:hover span.e-day, .e-calendar .e-content td.e-focused-date.e-today:hover span.e-day, .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-today:hover span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today:hover span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day {
    border: 1px solid var(--colorSecundario);
    color: var(--colorSecundario);
}

.e-calendar .e-content td.e-selected span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day {
    background-color: var(--colorSecundario);
}

.e-calendar .e-content.e-year td.e-selected:hover span.e-day, .e-calendar .e-content.e-decade td.e-selected:hover span.e-day, .e-bigger.e-small .e-calendar .e-content.e-year td.e-selected:hover span.e-day, .e-bigger.e-small .e-calendar .e-content.e-decade td.e-selected:hover span.e-day {
    background-color: var(--colorSecundario);
}

.e-calendar .e-content td.e-today.e-selected:hover span.e-day, .e-calendar .e-content td.e-selected:hover span.e-day, .e-calendar .e-content td.e-selected.e-focused-date span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-today.e-selected:hover span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-selected:hover span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-selected.e-focused-date span.e-day {
    background-color: var(--colorSecundario);
}

.e-btn.e-flat.e-primary, .e-css.e-btn.e-flat.e-primary {
    color: var(--colorSecundario);
}

    .e-btn.e-flat.e-primary:hover, .e-css.e-btn.e-flat.e-primary:hover {
        color: var(--colorSecundario);
    }

.e-datetime-wrapper .e-input-group-icon.e-icons.e-active, .e-datetime-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
    color: var(--colorSecundario);
}

.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active, .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
    color: var(--colorSecundario);
}

.e-dropdownbase .e-list-item.e-active, .e-dropdownbase .e-list-item.e-active.e-hover {
    color: var(--colorSecundario);
}

.e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-active, .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-active.e-hover {
    color: var(--colorSecundario);
}

.e-dropdownbase .e-list-item.e-active.e-hover {
    color: var(--colorSecundario);
}

.e-float-input.e-input-focus.e-input-group.e-ddl.e-control.e-keyboard > .e-float-text, .e-float-input.e-input-group.e-ddl.e-control.e-icon-anim > .e-float-text {
    color: var(--colorSecundario);
}

.e-float-input.e-control-wrapper:not(.e-input-group) .e-float-line:after, .e-float-input.e-control-wrapper:not(.e-input-group) .e-float-line:before, .e-float-input:not(.e-input-group) .e-float-line:after, .e-float-input:not(.e-input-group) .e-float-line:before {
    background: var(--colorSecundario);
}

.e-float-input.e-control-wrapper input::-moz-selection, .e-float-input.e-control-wrapper textarea::-moz-selection, .e-float-input input::-moz-selection, .e-float-input textarea::-moz-selection, .e-input-group.e-control-wrapper input.e-input::-moz-selection, .e-input-group.e-control-wrapper textarea.e-input::-moz-selection, .e-input-group input.e-input::-moz-selection, .e-input-group textarea.e-input::-moz-selection, input.e-input::-moz-selection, textarea.e-input::-moz-selection {
    background: var(--colorSecundario);
}

.e-float-input.e-control-wrapper input::selection, .e-float-input.e-control-wrapper textarea::selection, .e-float-input input::selection, .e-float-input textarea::selection, .e-input-group.e-control-wrapper input.e-input::selection, .e-input-group.e-control-wrapper textarea.e-input::selection, .e-input-group input.e-input::selection, .e-input-group textarea.e-input::selection, input.e-input::selection, textarea.e-input::selection {
    background: var(--colorSecundario);
}

.e-float-input.e-small textarea::-moz-selection, .e-float-input textarea::-moz-selection {
    background: var(--colorSecundario);
}

.e-float-input.e-small textarea::selection, .e-float-input textarea::selection {
    background: var(--colorSecundario);
}

.e-float-input.e-control-wrapper.e-input-group.e-float-icon-left .e-input-in-wrap .e-float-line:after, .e-float-input.e-control-wrapper.e-input-group.e-float-icon-left .e-input-in-wrap .e-float-line:before, .e-float-input.e-control-wrapper.e-input-group:not(.e-float-icon-left) .e-float-line:after, .e-float-input.e-control-wrapper.e-input-group:not(.e-float-icon-left) .e-float-line:before, .e-float-input.e-input-group.e-float-icon-left .e-input-in-wrap .e-float-line:after, .e-float-input.e-input-group.e-float-icon-left .e-input-in-wrap .e-float-line:before, .e-float-input.e-input-group:not(.e-float-icon-left) .e-float-line:after, .e-float-input.e-input-group:not(.e-float-icon-left) .e-float-line:before, .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input) .e-input-in-wrap:after, .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input) .e-input-in-wrap:before, .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input):after, .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input):before, .e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap:after, .e-input-group.e-float-icon-left:not(.e-float-input)
.e-input-in-wrap:before, .e-input-group:not(.e-float-icon-left):not(.e-float-input):after, .e-input-group:not(.e-float-icon-left):not(.e-float-input):before {
    background: var(--colorSecundario);
}

.e-float-input.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group).e-input-focus input, .e-float-input.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group)
input:focus, .e-float-input.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group) textarea:focus, .e-float-input:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group).e-input-focus input, .e-float-input:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group) input:focus, .e-float-input:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group) textarea:focus, .e-input:focus:not(.e-success):not(.e-warning):not(.e-error) {
    border-color: var(--colorSecundario);
}


.e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus input ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) input:focus ~ label.e-float-text, .e-bigger
.e-float-input.e-control-wrapper.e-small:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:focus ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper:not(.e-error) textarea:focus ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-small:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-small:not(.e-error).e-input-focus input ~ label.e-float-text, .e-bigger .e-float-input.e-small:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text .e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus textarea[readonly] ~ label.e-float-text, .e-bigger .e-float-input.e-small:not(.e-error) input:focus ~ label.e-float-text, .e-bigger .e-float-input.e-small:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-small:not(.e-error) textarea:focus ~ label.e-float-text, .e-bigger .e-float-input.e-small:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea[readonly]:focus ~ label.e-float-text, .e-bigger .e-float-input:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input:not(.e-error).e-input-focus input ~ label.e-float-text, .e-bigger .e-float-input:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input:not(.e-error) input:focus ~ label.e-float-text, .e-bigger .e-float-input:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-float-input:not(.e-error) textarea:focus ~ label.e-float-text, .e-bigger .e-float-input:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-float-input.e-bigger:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text, .e-float-input.e-bigger:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .e-float-input.e-bigger:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-float-input.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text, .e-float-input.e-bigger:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus input[readonly] ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus input ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small:not(.e-error) input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small:not(.e-error) input[readonly]:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:focus ~ label.e-float-text, .e-float-input.e-control-wrapper:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text, .e-float-input.e-control-wrapper:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) textarea:focus ~ label.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-float-input.e-small.e-bigger:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-small.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text, .e-float-input.e-small.e-bigger:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-small.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .e-float-input.e-small.e-bigger:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-float-input.e-small.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text, .e-float-input.e-small.e-bigger:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-float-input.e-small:not(.e-error).e-input-focus input[readonly] ~ label.e-float-text, .e-float-input.e-small:not(.e-error).e-input-focus input ~ label.e-float-text, .e-float-input.e-small:not(.e-error).e-input-focus textarea[readonly] ~ label.e-float-text, .e-float-input.e-small:not(.e-error) input:focus ~ label.e-float-text, .e-float-input.e-small:not(.e-error) input[readonly]:focus ~ label.e-float-text, .e-float-input.e-small:not(.e-error) textarea:focus ~ label.e-float-text, .e-float-input.e-small:not(.e-error) textarea[readonly]:focus ~ label.e-float-text, .e-float-input:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-float-input:not(.e-error).e-input-focus input ~ label.e-float-text, .e-float-input:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input:not(.e-error) input:focus ~ label.e-float-text, .e-float-input:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-float-input:not(.e-error) textarea:focus ~ label.e-float-text, .e-float-input:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-small .e-float-input.e-control-wrapper:not(.e-error).e-input-focus input[readonly] ~ label.e-float-text.e-label-top, .e-small .e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper:not(.e-error).e-input-focus textarea[readonly] ~ label.e-float-text.e-label-top, .e-small .e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper:not(.e-error) input[readonly]:focus ~ label.e-float-text.e-label-top, .e-small
.e-float-input.e-control-wrapper:not(.e-error) textarea:focus ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper:not(.e-error) textarea[readonly]:focus ~ label.e-float-text.e-label-top, .e-small .e-float-input:not(.e-error).e-input-focus input[readonly] ~ label.e-float-text.e-label-top, .e-small .e-float-input:not(.e-error).e-input-focus input ~ label.e-float-text, .e-small .e-float-input:not(.e-error).e-input-focus textarea[readonly] ~ label.e-float-text.e-label-top, .e-small .e-float-input:not(.e-error) input:focus ~ label.e-float-text, .e-small .e-float-input:not(.e-error) input[readonly]:focus ~ label.e-float-text.e-label-top, .e-small .e-float-input:not(.e-error) textarea:focus ~ label.e-float-text, .e-small .e-float-input:not(.e-error) textarea[readonly]:focus ~ label.e-float-text.e-label-top {
    color: var(--colorSecundario);
}


.e-outline.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error), .e-outline.e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
    border-color: var(--colorSecundario);
    -webkit-box-shadow: inset 1px 1px var(--colorSecundario),inset -1px 0 var(--colorSecundario),inset 0 -1px var(--colorSecundario);
    box-shadow: inset 1px 1px var(--colorSecundario),inset -1px 0 var(--colorSecundario),inset 0 -1px var(--colorSecundario);
}

.e-outline.e-float-input.e-control-wrapper.e-input-group.e-input-focus label.e-label-top, .e-outline.e-float-input.e-control-wrapper.e-input-group.e-valid-input.e-input-focus label.e-label-top, .e-outline.e-float-input.e-input-group.e-input-focus label.e-label-top, .e-outline.e-float-input.e-input-group.e-valid-input.e-input-focus label.e-label-top {
    color: var(--colorSecundario);
}

.e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small:not(.e-error).e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus textarea[readonly] ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small:not(.e-error) input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small:not(.e-error) textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea[readonly]:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error).e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error) input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error) textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus input[readonly] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) input[readonly]:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper:not(.e-error)
input[readonly]:focus ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small.e-bigger:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small:not(.e-error).e-input-focus input[readonly] ~ label.e-float-text, .e-filled.e-float-input.e-small:not(.e-error).e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-small:not(.e-error).e-input-focus textarea[readonly] ~ label.e-float-text, .e-filled.e-float-input.e-small:not(.e-error) input:focus ~ label.e-float-text, .e-filled.e-float-input.e-small:not(.e-error) input[readonly]:focus ~ label.e-float-text, .e-filled.e-float-input.e-small:not(.e-error) textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-small:not(.e-error) textarea[readonly]:focus ~ label.e-float-text, .e-filled.e-float-input:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input:not(.e-error).e-input-focus input ~ label.e-float-text, .e-filled.e-float-input:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input:not(.e-error) input:focus ~ label.e-float-text, .e-filled.e-float-input:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-filled.e-float-input:not(.e-error) textarea:focus ~ label.e-float-text, .e-filled.e-float-input:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-error).e-input-focus input[readonly] ~ label.e-float-text.e-label-top, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-error).e-input-focus textarea[readonly] ~ label.e-float-text.e-label-top, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea[readonly]:focus ~ label.e-float-text.e-label-top, .e-small .e-filled.e-float-input:not(.e-error).e-input-focus input[readonly] ~ label.e-float-text.e-label-top, .e-small .e-filled.e-float-input:not(.e-error).e-input-focus input ~ label.e-float-text, .e-small .e-filled.e-float-input:not(.e-error).e-input-focus textarea[readonly] ~ label.e-float-text.e-label-top, .e-small .e-filled.e-float-input:not(.e-error) input:focus ~ label.e-float-text, .e-small .e-filled.e-float-input:not(.e-error) input[readonly]:focus ~ label.e-float-text.e-label-top, .e-small .e-filled.e-float-input:not(.e-error) textarea:focus ~ label.e-float-text, .e-small .e-filled.e-float-input:not(.e-error) textarea[readonly]:focus ~ label.e-float-text.e-label-top, .e-small .e-float-input.e-control-wrapper:not(.e-error) input[readonly]:focus ~ label.e-float-text.e-label-top {
    color: var(--colorSecundario);
}

.e-filled.e-float-input.e-control-wrapper.e-input-group.e-float-icon-left .e-float-line:after, .e-filled.e-float-input.e-control-wrapper.e-input-group.e-float-icon-left .e-float-line:before, .e-filled.e-float-input.e-input-group.e-float-icon-left .e-float-line:after, .e-filled.e-float-input.e-input-group.e-float-icon-left .e-float-line:before, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input):after, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input):before, .e-filled.e-input-group.e-float-icon-left:not(.e-float-input):after, .e-filled.e-input-group.e-float-icon-left:not(.e-float-input):before {
    background: var(--colorSecundario);
}

/* # Seccion de Agenda */

/* # Seccion de select */

select.is-valid {
    background-size: calc(2.75em + 0.375rem) calc(0.75em + 0.375rem) !important;
}

select.is-invalid {
    background-size: calc(2.75em + 0.375rem) calc(0.75em + 0.375rem) !important;
}

/* # Seccion de select */

/* # Seccion de box */
.box {
    border-radius: 5px;
    -webkit-box-shadow: 0 30px 40px -20px var(--gray);
    box-shadow: 0 30px 40px -20px var(--gray);
    padding: 30px;
    margin: 20px;
    height: 90%;
}

.red {
    border-top: 3px solid var(--colorPrincipal);
}

.blue {
    border-top: 3px solid var(--colorSecundario);
}

.orange {
    border-top: 3px solid var(--colorSecundario);
}

/* # Seccion de box */

/* # Seccion de Table Name */
.table-name {
    white-space: normal;
    word-wrap: break-word;
    word-break: normal;
    width: auto;
}

.table-th {
    width: 2.5rem;
}
/* # Seccion de Table Name */

.identCI {
    font-size: 12px;
    background: #3BDBFF;
    padding: 3px 5px;
    border-radius: 8px;
    font-weight: bold;
    color: white;
}

.identPCI {
    font-size: 12px;
    background: #1cafd0;
    padding: 3px 5px;
    border-radius: 8px;
    font-weight: bold;
    color: white;
}

.table thead th {
    background-color: var(--colorPrincipal);
    color: white !important;
}

a.buttons-collection {
    margin-left: 1em;
}

.botonGeneralPersonalizado {
    background-color: var(--colorPrincipal);
    color: white !important;
}

.botonesSecundarios {
    background-color: var(--colorPrincipal) !important;
    color: white !important;
}

.pReportes {
    color: white !important;
}

/* loader para indicar que posee poco inventario cuando se marca que se permite facturar sin inventario */
.loaderPocoInventario {
    width: 10px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: var(--colorSecundario);
    box-shadow: 0 0 0 0 #0004;
    animation: l1 1.5s infinite;
    display: inline-flex;
    margin-left: 6px;
    cursor: help;
}
@keyframes l1 {
    100% {box-shadow: 0 0 0 10px #0000}
}