/* # Seccion de Colores principales de Facelv3 */
:root {
    /* Variables para los colores principales de la aplicación */
    /*    --colorCuerpo:#eaedf7;
    --colorPrincipal:#18457e;
    --colorSecundario:#e86459;*/
    --colorCuerpo: #EFEFFF;
    /*    --colorPrincipal:#0F2D4B;
    --colorSecundario:#D66B31;
    --colorTerciario:#147FB5;*/

    --colorPrincipal: #147DB4;
    --colorSecundario: #E67823;
    --colorTerciario: #ffffff;
    --colorCuarto: #ffffff;
    /* Variables para poder colocar el color de los graficos */
    --colorGrafico1: #3f51b5;
    --colorGrafico2: #e86459;
    --colorGrafico3: #fbb054;
    /* 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: #20a8d8;
    /* Variable del color blanco */
    --colorBlanco: #ffffff;
    /* Variable para el color del Nav */
    --colorCelesteNav: cornflowerblue;
    --colorCelesteBordeNav: dodgerblue;
    /* Variable para el color del Box */
    --gray: #8990a2;
}
/* # Seccion de Colores principales de Facelv3 */

.colorfooter {
    background-color: var(--colorCuarto) !important;
}

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

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

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

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

.card-primary-style {
    color: var(--colorBlanco) !important;
    background-color: var(--gray) !important;
    border-color: var(--gray) !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;
}

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

.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: #205ca7;
    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) !important;
    color: var(--colorBlanco) !important;
    background-color: var(--colorBlanco) !important;
    border-color: #007bff !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#e86459), to(#e86459)) !important;
    background: -webkit-linear-gradient(top, #e86459, #e86459) !important;
    background: -moz-linear-gradient(top, #e86459, #e86459) !important;
    background: -ms-linear-gradient(top, #e86459, #e86459) !important;
    background: -o-linear-gradient(top, #e86459, #e86459) !important;
    background: linear-gradient(to bottom, #e86459, #e86459) !important;
}

.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%);
}

.custom-thead {
    background-color: #3498db !important; /* Cambia este valor al color que desees */
    color: #fff !important; /* Cambia este valor al color del texto que desees */
}

/* # 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);
    border-left: 5px 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(--colorTerciario);
    color: var(--colorBlanco);
    padding-right: 10px;
    font-size: 11px;
    font-weight: normal;
    padding-top: 5px;
    padding-bottom: 5px;

    display: flex;
    justify-content: row; /* Alinear elementos a los extremos */
    align-items: center; /* Centrar verticalmente los elementos */
}

.headerAlt {
    height: 5px;
    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(--colorSecundario);
    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(--colorPrincipal);
    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(--colorCelesteNav) !important;
    border-color: var(--colorCelesteBordeNav);
    border: thick;
}

.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(--blue);
}

.principal {
    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: #234952;
    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;
}

.long-text-field {
    word-break: break-word;
}

.titulo-izquierda {
    display: flex; /* Para alinear correctamente el texto y el strong */
    align-items: center; /* Centrar verticalmente el texto y el strong */
    margin-right: auto;
    float: left;
}

.titulo-derecha {
    display: flex; /* Para alinear correctamente el texto y los spans */
    align-items: center; /* Centrar verticalmente el texto y los spans */
    margin-left: auto;

}

/* 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;
}
.placeholder-black-enabled input::placeholder,
.placeholder-black-enabled textarea::placeholder {
    color: #000 !important;
    opacity: 1;
}
.placeholder-black-enabled input::-webkit-input-placeholder,
.placeholder-black-enabled textarea::-webkit-input-placeholder {
    color: #000 !important;
    opacity: 1;
}
.placeholder-black-enabled input::-moz-placeholder,
.placeholder-black-enabled textarea::-moz-placeholder {
    color: #000 !important;
    opacity: 1;
}
.placeholder-black-enabled input:-ms-input-placeholder,
.placeholder-black-enabled textarea:-ms-input-placeholder {
    color: #000 !important;
    opacity: 1;
}

@keyframes l1 {
    100% {box-shadow: 0 0 0 10px #0000}
}