/* Bootstrap CNBV */
@import url('https://cdn-styles.cnbv.gob.mx/css/bootstrap.min.css');
/* Bootstrap GOB mx */
/* @import url('https://framework-gb.cdn.gob.mx/gm/v3/assets/styles/main.css'); */
/* Remix Icons */
@import url('https://cdn.jsdelivr.net/npm/remixicon@4.5.0/fonts/remixicon.css');
/* Bootstrap Icons */
@import url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css');
/* Flatpickr Theme */
@import url('https://npmcdn.com/flatpickr/dist/themes/material_green.css');



:root {
    --bg-gray-rgb: 240, 241, 247;
    --bg-sand: #ede0b775;
    --bg-sand-rgb: 237, 224, 183;
    --bg-gold: #a57f2c;
    --bg-gold-rgb: 165, 127, 44;
    --bg-success: #07aa61;
    --bg-success-rgb: 7, 170, 97;
    --bg-info: #0078ff;
    --bg-info-rgb: 0, 120, 255;
    --bg-danger: #EE001C;
    --bg-danger-rgb: 238, 0, 28;
    --bg-warning: #ffdd77;
    --bg-warning-rgb: 255, 221, 119;
    --bg-secondary: #6f7271;
    --bg-secondary-rgb: 111, 114, 113;
    --bg-primary-light: #d5eaed48;
}

.fs-label {
    font-size: 14px !important;
}

.bg-outline-primary {
    background-color: var(--custom-white);
    color: var(--primary-color);
}

.text-info {
    color: var(--bg-info) !important;
}

.text-success {
    color: var(--bg-success) !important;
}

.text-danger {
    color: var(--bg-danger) !important;
}

.text-warning {
    color: var(--bg-warning) !important;
}

.text-secondary {
    color: var(--bg-secondary) !important;
}

.me-tab {
    margin-right: 16px !important;
}

.ms-tab {
    margin-left: 16px !important;
}

/* -------------- INPUT -------------- */

.form-control-stencil {
    display: block;
    width: 100%;
    height: 38px;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-color: #e4e7f2;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.form-control-stencil:focus {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    /* border-color: rgb(var(--bs-primary-rgb), 0.5) !important; */
    outline: 0;
    /* box-shadow: 0 0 0 .2rem rgba(var(--bs-primary-rgb), 0.25) !important; */
}

.form-control-stencil::placeholder {
    font-weight: 300 !important;
    opacity: 0.8;
    font-size: 14px;
}

/* -------------- DATE PICKER -------------- */
.flatpickr-weekdays {
    background: rgb(var(--bs-primary-rgb), 0.5) !important;
}

span.flatpickr-weekday,
.flatpickr-current-month .flatpickr-monthDropdown-months {
    background: none !important;
    color: white !important;
}

.flatpickr-months .flatpickr-month {
    background: rgb(var(--bs-primary-rgb)) !important;
}

.flatpickr-days,
.flatpickr-time {
    background: rgb(var(--bg-gray-rgb)) !important;
}


.flatpickr-day.selected {
    background-color: rgb(var(--bs-primary-rgb)) !important;
    border: none !important;
    font-weight: bold !important;
    color: white !important;
}

.flatpickr-day.today {
    border: 3px solid rgb(var(--bg-secondary-rgb), 0.5) !important;
}

.numInputWrapper span {
    border: none !important;
    border-radius: 12px !important;
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
    background-color: rgb(var(--bs-primary-rgb), 0.2) !important;
}

/* -------------- CARF FORM -------------- */
.card-form-tabs {
    border-radius: 0.375rem !important;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
    padding: 1.25rem !important;
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

/* -------------- WIZARD / TABS -------------- */
.df-nav-link {
    color: rgb(var(--bg-secondary-rgb)) !important;
    position: relative !important;
    transition: color 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

.df-nav-link::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 2px;
    height: 100%;
    background-color: rgb(var(--bs-primary-rgb)) !important;
    color: rgb(var(--bs-primary-rgb)) !important;
    transform: scaleY(0);
    transform-origin: center;
    transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

.df-nav-link:hover:not(.active)::after,
.df-nav-link:focus:not(.active)::after {
    transform: scaleY(1);
}

.df-nav-pills .df-nav-link {
    border-radius: 0 !important;
}

.df-nav-pills .df-nav-link.active {
    background-color: var(--bg-primary-light) !important;
    color: rgb(var(--bs-primary-rgb)) !important;
    opacity: 1 !important;
    border-right: 2px solid rgb(var(--bs-primary-rgb)) !important;
    border-color: rgb(var(--bs-primary-rgb), 1) !important;
}