﻿
.bgr-None {
    background-color: darkslategrey;
}

.bgr-CRE {
    background-color: deepskyblue;
}

.bgr-PRO {
    background-color: #F6BE00;
}

.bgr-ENV {
    background-color: rebeccapurple;
}

.bgr-FIN {
    background-color: green;
}

.bgr-DEV {
    background-color: darkred;
}

.clr-None {
    color: darkslategrey;
}

.clr-CRE {
    color: deepskyblue;
}

.clr-PRO {
    color: #F6BE00;
}

.clr-ENV {
    color: rebeccapurple;
}

.clr-FIN {
    color: green;
}

.clr-DEV {
    color: darkred;
}

.btn-outline-custom {
    color: #F94815;
    border-color: #F94815;
}

.btn-outline-custom:hover {
    background-color: #F94815;
    border-color: #F94815;
    color: white;
}

.btn-outline-custom:focus,
.btn-outline-custom:active {
    box-shadow: 0 0 0 0.25rem rgba(249, 72, 21, 0.25);
    background-color: #F94815;
    border-color: #F94815;
    color: white;
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: #F94815 !important;
    color: white !important;
}

.text-custom {
    color: #F94815;
}

.page-item.active .page-link {
    background-color: #F94815 !important;
    border-color: #F94815 !important;
    color: white !important;
}

.page-link:hover {
    background-color: rgba(249, 72, 21, 0.15) !important;
    /*border-color: #F94815 !important;*/
    color: #F94815 !important;
}

.page-link {
    color: #F94815 !important;
}

.page-link:focus {
    box-shadow: 0 0 0 0.25rem rgba(249, 72, 21, 0.25) !important;
}

/* =========================
   INPUTS Y SELECTS
========================= */

.form-control:focus,
.form-select:focus,
select:focus,
input:focus,
textarea:focus {
    border-color: #F94815 !important;
    box-shadow: 0 0 0 0.25rem rgba(249, 72, 21, 0.25) !important;
}

select option:checked,
select option:hover,
select option:focus {
    background-color: #F94815 !important;
    color: white !important;
}

/* =========================
   SELECT2
========================= */

/* Contenedor */
.select2-container--default .select2-selection--single {
    border: 1px solid #ced4da !important;
    height: 38px !important;
    border-radius: 0.375rem !important;
}

/* Texto */
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 38px !important;
}

/* Flecha */
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 38px !important;
}

/* Focus */
.select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #F94815 !important;
    box-shadow: 0 0 0 0.25rem rgba(249, 72, 21, 0.25) !important;
}

/* Opción seleccionada */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #F94815 !important;
    color: white !important;
}

/* Dropdown */
.select2-dropdown {
    border-color: #F94815 !important;
}

/* =========================
   DATE INPUT
========================= */

input[type="date"]:focus {
    border-color: #F94815 !important;
    box-shadow: 0 0 0 0.25rem rgba(249, 72, 21, 0.25) !important;
}