/* moduloX.css */
@import "./../../../css/vue/modulos-vue.css"; /* Importa estilos base */

/* Clases únicas de este modulo */
.form-control:focus,
.custom-select:focus {
    border: 1px solid rgb(60 219 192 / 25%);
    box-shadow: 0 0 0 0.2rem rgb(60 219 192 / 25%);
}
.pagination .page-item .page-link {
    color: var(--nostra);
}
.pagination .page-item .page-link:focus {
    box-shadow: 0 0 0 0.2rem rgb(60 219 192 / 25%);
}
.pagination .page-item.active .page-link {
    color: #fff;
    background-color: var(--nostra);
    border-color: var(--nostra);
}

.input-date-picker:focus {
    color: #495057!important;;
    background-color: #fff!important;;
    /* border-color: var(--nostra) !important; */
    border: 1px solid rgb(60 219 192 / 50%) !important;
    outline: 0!important;;
    box-shadow: 0 0 0 0.2rem rgb(60 219 192 / 25%)!important;;
}


/* .vs__clear {
    display: none;
  } */
.vs__dropdown-toggle {
    border: 1px solid rgb(206, 212, 218) !important;
    /* height: calc(1.5em + .5rem + 2px); */
    font-size: .875rem;
}

.el-select .el-input.is-focus .el-input__inner {
    /* border-color: #409EFF; */
    border: 1px solid rgb(60 219 192 / 25%);
    box-shadow: 0 0 0 0.2rem rgb(60 219 192 / 25%);
}