/* CSS HEX */
:root {
    --primario: #3d5a80ff;
    --secundario: #98c1d9ff;
    --secundario-dark: #7494A6;
    --secundarioClaro: #59AEDF;
    --alerta: #ee6c4dff;
    --primarioOscuro: #293241ff;

    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-primary: #3d5a80ff; /* #0d6efd;*/
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
}

.btn.btn-rounded {
    border-radius: 50px;
}

.nav-link{
    color: var(--bs-body-color);
}
a.nav-link.disabled > i{
    color: gray !important;
}

.dropdown-item.active, .dropdown-item:active{
    background-color: var(--secundario-dark);
}

nav.nav-pricose {
    background-color: #041c3f !important;
    color: white;
}

.nav-pricose .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.8);
}

/*.table.dataTable tbody tr.selected {
    background-color: var(--secundario);
    color: var(--bs-body-color);
}

.table.dataTable.hover tbody tr.selected:hover {
    background-color: var(--secundario-dark);
}

table.dataTable.order-column tbody > tr.selected > .sorting_1, table.dataTable.order-column tbody > tr.selected > .sorting_2, table.dataTable.order-column tbody > tr.selected > .sorting_3, table.dataTable.order-column tbody > tr > .selected, table.dataTable.display tbody > tr.selected > .sorting_1, table.dataTable.display tbody > tr.selected > .sorting_2, table.dataTable.display tbody > tr.selected > .sorting_3, table.dataTable.display tbody > tr > .selected {
    background-color: var(--secundario-dark);
    color: var(--bs-body-color);
}

table.dataTable.display tbody > tr.selected:hover > .sorting_1, table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_1 {
    background-color: var(--secundario-dark);
}
*/
.table td{
    padding: 4px 10px
}

/* Colores */

/*    Color Mixins
-------------------*/
.color-primary,
.text-primary {
    color: #4680ff;
}

.color-success,
.text-success {
    color: #26dad2;
}

.color-info,
.text-info {
    color: #62d1f3;
}

.color-danger,
.text-danger {
    color: #fc6180;
}

.color-warning,
.text-warning {
    color: #ffb64d;
}

.color-pink,
.text-pink {
    color: #e6a1f2;
}

.color-dark,
.text-dark {
    color: #444c67;
}

.color-grey,
.text-grey {
    color: #ddd;
}

/*    Background Mixins
--------------------------*/
.bg-primary {
    background: #4680ff !important;
    color: #ffffff;
    fill: #4680ff;
}

.bg-success {
    background: #26dad2 !important;
    color: #ffffff;
    fill: #26dad2;
}

.bg-info {
    background: #62d1f3 !important;
    color: #ffffff;
    fill: #62d1f3;
}

.bg-danger {
    background: #fc6180 !important;
    color: #ffffff;
    fill: #fc6180;
}

.bg-warning {
    background: #ffb64d !important;
    color: #ffffff;
    fill: #ffb64d;
}

.bg-pink {
    background: #e6a1f2 !important;
    color: #ffffff;
    fill: #e6a1f2;
}

.bg-dark {
    background: #444c67 !important;
    color: #ffffff;
    fill: #444c67;
}

.bg-transparent {
    background: transparent;
    color: #252525;
}

.no-select-arrow {
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    border: 1px solid #e7e7e7;
}

.bg-ash {
    background: #f5f5f5;
}

.bg-white {
    background: #ffffff;
}

.introjs-tooltip {
    color: rgb(104, 107, 110);
}

.page-title {
    flex-grow: 1 !important;
    font-size: calc(1.321875rem + 0.8625vw);
}