@charset "UTF-8";

@font-face {
    font-family: 'Myriad-Pro-Regular';
    src: url('myriad_pro/MyriadPro-Regular.woff2') format('woff2'),
        url('myriad_pro/MyriadPro-Regular.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Myriad-Pro-Semibold';
    src: url('myriad_pro/MyriadPro-Semibold.woff2') format('woff2'),
        url('myriad_pro/MyriadPro-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Myriad-Pro-Light';
    src: url('myriad_pro/MyriadPro-Light.woff2') format('woff2'),
        url('myriad_pro/MyriadPro-Light.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

/* Colores corporativos. Solicitado en ticket 3405982 */
:root {
    --bs-blue: #009ef6;
    --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-gray: #7E8299;
    --bs-gray-dark: #3F4254;
    --bs-gray-100: #F5F8FA;
    --bs-gray-200: #EFF2F5;
    --bs-gray-300: #E4E6EF;
    --bs-gray-400: #B5B5C3;
    --bs-gray-500: #A1A5B7;
    --bs-gray-600: #7E8299;
    --bs-gray-700: #5E6278;
    --bs-gray-800: #3F4254;
    --bs-gray-900: #181C32;
    --bs-white: #ffffff;
    --bs-light: #F5F8FA;
    --bs-primary: #009EF7;
    --bs-secondary: #E4E6EF;
    --bs-success: #50CD89;
    --bs-info: #7239EA;
    --bs-warning: #FFC700;
    --bs-danger: #F1416C;
    --bs-dark: #181C32;
    --bs-white-rgb: 255, 255, 255;
    --bs-light-rgb: 245, 248, 250;
    --bs-primary-rgb: 0, 158, 247;
    --bs-secondary-rgb: 228, 230, 239;
    --bs-success-rgb: 80, 205, 137;
    --bs-info-rgb: 114, 57, 234;
    --bs-warning-rgb: 255, 199, 0;
    --bs-danger-rgb: 241, 65, 108;
    --bs-dark-rgb: 24, 28, 50;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-color-rgb: 24, 28, 50;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-font-sans-serif: 'Myriad-Pro-Regular', Poppins, Helvetica, sans-serif;
    --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));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #181C32;
    --bs-body-bg: #ffffff;

    /* Nuevos colores  y tamaños*/
    --v2-blue: #00a1fe;
    --v2-clearblue: #e3f8ff;
    --v2-green: #869100;
    --v2-cleargreen: #d3ddb6;
    --v2-gray: #3f3f3f;
    --v2-cleargray: #918e90;
    --v2-pink: #e5087e;
    --v2-clearpink: #fce6f7;
    --v2-orange: #e59200;
    --v2-clearorange: #ffedc5;
    --v2-yellow: #ffc700;
    --v2-clearyellow: #fff6a6;
    --v2-garnet: #b23f3f;
    --v2-cleargarnet: #fcd4d4;
    --v2-red: #f1416c;
    --v2-clearred: #f7d0d0;

    --v2-grande: 22pt;
    --v2-mediano1: 19pt;
    --v2-mediano2: 17pt;
    --v2-mediano3: 14pt;
    --v2-peque1: 12pt;
    --v2-peque2: 11pt;
    --v2-peque3: 9pt;

    --v2-font-semibold: 'Myriad-Pro-Semibold', Poppins, Helvetica, sans-serif;
    --v2-font-light: 'Myriad-Pro-Light', Poppins, Helvetica, sans-serif;
}

body {
    background-color: var(--v2-clearblue);
}

body,
html {
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 13px !important;
    font-weight: 400;
    font-family: var(--bs-font-sans-serif);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.header-fixed .header {
    box-shadow: 0 3px 5px 0px rgb(82 63 105 / 30%) !important;
}

.frase-cabecera {
    color: #fff;
    font-size: var(--v2-peque1);
    font-family: var(--v2-font-semibold);
    padding: 10px;
}

.btn-alertas {
    display: flex;
    align-items: center;
    padding: 5px 10px !important;
    font-size: var(--v2-peque2);
    color: #fff;
    background-color: #00000022;
}
.btn-alertas > span {
    margin-right: 10px;
}
.btn-alertas .rounded {
    padding: 5px !important;
    animation: animationBlink 1s steps(5,start) infinite;
    height: auto !important;
    width: auto !important;
    border-radius: 1000px !important;
}
.btn-alertas .rounded i {
    color: #fff;
}
.btn-alertas .rounded.success {
    background-color: var(--bs-success);
}
.btn-alertas .rounded.danger {
    background-color: var(--bs-red);
}

.btn-alertas:hover, .btn-alertas:focus {
    background-color: #fff;
    color: var(--v2-gray);
}

#kt_header_user_menu_toggle {
    padding-right: 30px;
    padding-left: 10px;
    margin-left: 20px;
    box-shadow: -2px -2px 5px 0px rgb(82 63 105 / 30%)
}

.aside {
    box-shadow: 3px 0 5px 0px rgb(82 63 105 / 30%) !important;
}

.card {
    box-shadow: 0 0 8px 0px rgb(82 63 105 / 30%) !important;
}

.logo {
    max-height: 30px;
}

.menu-title {
    color: var(--v2-gray);
    font-size: var(--v2-peque1);
    font-family: var(--v2-font-semibold);
}

.menu-sub .menu-item .menu-link .menu-title {
    font-family: inherit !important;
}

.menu-item .menu-link .menu-icon i {
    font-size: var(--v2-peque1);
    color: var(--v2-gray);
}

.menu-item-wraps {
    transition: width .3s ease;
}

@media (min-width: 992px) {
    [data-kt-aside-minimize=on] .aside #kt_aside_menu_wrapper .menu-item-wraps {
        width: 75px;
    }
    [data-kt-aside-minimize=on] .aside.aside-hoverable:hover:not(.animating) .menu-item-wraps {
        width: 100% !important;
    }
}


.bg-v2-blue {
    background-color: var(--v2-blue) !important;
}

/* textos */
.text-v2-blue {
    color: var(--v2-blue) !important;
}
.text-v2-blue i {
    color: var(--v2-blue) !important;
}
.text-v2-clearblue {
    color: var(--v2-clearblue) !important;
}
.text-v2-green {
    color: var(--v2-green) !important;
}
.text-v2-cleargreen {
    color: var(--v2-cleargreen) !important;
}
.text-v2-gray {
    color: var(--v2-gray) !important;
}
.text-v2-cleargray {
    color: var(--v2-cleargray) !important;
}
.text-v2-pink {
    color: var(--v2-pink) !important;
}
.text-v2-clearpink {
    color: var(--v2-clearpink) !important;
}
.text-v2-orange {
    color: var(--v2-orange) !important;
}
.text-v2-clearorange {
    color: var(--v2-clearorange) !important;
}
.text-v2-yellow {
    color: var(--v2-yellow) !important;
}
.text-v2-clearyellow {
    color: var(--v2-clearyellow) !important;
}
.text-v2-garnet {
    color: var(--v2-garnet) !important;
}
.text-v2-red {
    color: var(--v2-red) !important;
}

.text-v2-grande {
    font-size: var(--v2-grande) !important;
}
.text-v2-mediano1 {
    font-size: var(--v2-mediano1) !important;
}
.text-v2-mediano2 {
    font-size: var(--v2-mediano2) !important;
}
.text-v2-mediano3 {
    font-size: var(--v2-mediano3) !important;
}
.text-v2-peque1 {
    font-size: var(--v2-peque1) !important;
}
.text-v2-peque2 {
    font-size: var(--v2-peque2) !important;
}
.text-v2-peque3 {
    font-size: var(--v2-peque3) !important;
}

.text-v2-semibold {
    font-family: var(--v2-font-semibold);
}
.text-v2-light {
    font-family: var(--v2-font-light);
}

.btn.btn-v2-blue {
    color: #fff;
    border: 1px solid var(--v2-blue) !important;
    border-color: var(--v2-blue);
    background-color: var(--v2-blue);
}

.btn.btn-v2-blue i {
    color: #fff;
}

.btn.btn-v2-blue .svg-icon svg [fill]:not(.permanent):not(g) {
    transition: fill .3s ease;
    fill: #fff;
}

.btn.btn-v2-blue .svg-icon svg:hover [fill]:not(.permanent):not(g) {
    transition: fill .3s ease
}

.btn.btn-v2-blue.dropdown-toggle:after {
    color: #fff;
}

.btn-check:active+.btn.btn-v2-blue,
.btn-check:checked+.btn.btn-v2-blue,
.btn.btn-v2-blue.active,
.btn.btn-v2-blue.show,
.btn.btn-v2-blue:active:not(.btn-active),
.btn.btn-v2-blue:focus:not(.btn-active),
.btn.btn-v2-blue:hover:not(.btn-active),
.show>.btn.btn-v2-blue {
    color: #fff;
    border-color: #0393e7;
    background-color: #0393e7 !important;
}

.btn-check:active+.btn.btn-v2-blue i,
.btn-check:checked+.btn.btn-v2-blue i,
.btn.btn-v2-blue.active i,
.btn.btn-v2-blue.show i,
.btn.btn-v2-blue:active:not(.btn-active) i,
.btn.btn-v2-blue:focus:not(.btn-active) i,
.btn.btn-v2-blue:hover:not(.btn-active) i,
.show>.btn.btn-v2-blue i {
    color: #fff;
}

.btn-check:active+.btn.btn-v2-blue .svg-icon svg [fill]:not(.permanent):not(g),
.btn-check:checked+.btn.btn-v2-blue .svg-icon svg [fill]:not(.permanent):not(g),
.btn.btn-v2-blue.active .svg-icon svg [fill]:not(.permanent):not(g),
.btn.btn-v2-blue.show .svg-icon svg [fill]:not(.permanent):not(g),
.btn.btn-v2-blue:active:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g),
.btn.btn-v2-blue:focus:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g),
.btn.btn-v2-blue:hover:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g),
.show>.btn.btn-v2-blue .svg-icon svg [fill]:not(.permanent):not(g) {
    transition: fill .3s ease;
    fill: #fff;
}

.btn-check:active+.btn.btn-v2-blue .svg-icon svg:hover [fill]:not(.permanent):not(g),
.btn-check:checked+.btn.btn-v2-blue .svg-icon svg:hover [fill]:not(.permanent):not(g),
.btn.btn-v2-blue.active .svg-icon svg:hover [fill]:not(.permanent):not(g),
.btn.btn-v2-blue.show .svg-icon svg:hover [fill]:not(.permanent):not(g),
.btn.btn-v2-blue:active:not(.btn-active) .svg-icon svg:hover [fill]:not(.permanent):not(g),
.btn.btn-v2-blue:focus:not(.btn-active) .svg-icon svg:hover [fill]:not(.permanent):not(g),
.btn.btn-v2-blue:hover:not(.btn-active) .svg-icon svg:hover [fill]:not(.permanent):not(g),
.show>.btn.btn-v2-blue .svg-icon svg:hover [fill]:not(.permanent):not(g) {
    transition: fill .3s ease
}

.btn-check:active+.btn.btn-v2-blue.dropdown-toggle:after,
.btn-check:checked+.btn.btn-v2-blue.dropdown-toggle:after,
.btn.btn-v2-blue.active.dropdown-toggle:after,
.btn.btn-v2-blue.show.dropdown-toggle:after,
.btn.btn-v2-blue:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-v2-blue:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-v2-blue:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-v2-blue.dropdown-toggle:after {
    color: #fff;
}

.btn.btn-v2-clearblue {
    color: var(--v2-blue);
    border: 1px solid var(--v2-blue) !important;
    border-color: var(--v2-blue);
    background-color: var(--v2-clearblue);
    font-size: var(--v2-peque1);
}

.btn.btn-v2-clearblue i {
    color: var(--v2-blue);
    font-size: var(--v2-peque1);
}

.btn.btn-v2-clearblue .svg-icon svg [fill]:not(.permanent):not(g) {
    transition: fill .3s ease;
    fill: var(--v2-blue);
}

.btn.btn-v2-clearblue .svg-icon svg:hover [fill]:not(.permanent):not(g) {
    transition: fill .3s ease
}

.btn.btn-v2-clearblue.dropdown-toggle:after {
    color: var(--v2-blue);
}

.btn-check:active+.btn.btn-v2-clearblue,
.btn-check:checked+.btn.btn-v2-clearblue,
.btn.btn-v2-clearblue.active,
.btn.btn-v2-clearblue.show,
.btn.btn-v2-clearblue:active:not(.btn-active),
.btn.btn-v2-clearblue:focus:not(.btn-active),
.btn.btn-v2-clearblue:hover:not(.btn-active),
.show>.btn.btn-v2-clearblue {
    color: var(--v2-blue);
    border-color: #d2e4ed;
    background-color: #d2e4ed !important;
}

.btn-check:active+.btn.btn-v2-clearblue i,
.btn-check:checked+.btn.btn-v2-clearblue i,
.btn.btn-v2-clearblue.active i,
.btn.btn-v2-clearblue.show i,
.btn.btn-v2-clearblue:active:not(.btn-active) i,
.btn.btn-v2-clearblue:focus:not(.btn-active) i,
.btn.btn-v2-clearblue:hover:not(.btn-active) i,
.show>.btn.btn-v2-clearblue i {
    color: var(--v2-blue);
}

.btn-check:active+.btn.btn-v2-clearblue .svg-icon svg [fill]:not(.permanent):not(g),
.btn-check:checked+.btn.btn-v2-clearblue .svg-icon svg [fill]:not(.permanent):not(g),
.btn.btn-v2-clearblue.active .svg-icon svg [fill]:not(.permanent):not(g),
.btn.btn-v2-clearblue.show .svg-icon svg [fill]:not(.permanent):not(g),
.btn.btn-v2-clearblue:active:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g),
.btn.btn-v2-clearblue:focus:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g),
.btn.btn-v2-clearblue:hover:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g),
.show>.btn.btn-v2-clearblue .svg-icon svg [fill]:not(.permanent):not(g) {
    transition: fill .3s ease;
    fill: var(--v2-blue);
}

.btn-check:active+.btn.btn-v2-clearblue .svg-icon svg:hover [fill]:not(.permanent):not(g),
.btn-check:checked+.btn.btn-v2-clearblue .svg-icon svg:hover [fill]:not(.permanent):not(g),
.btn.btn-v2-clearblue.active .svg-icon svg:hover [fill]:not(.permanent):not(g),
.btn.btn-v2-clearblue.show .svg-icon svg:hover [fill]:not(.permanent):not(g),
.btn.btn-v2-clearblue:active:not(.btn-active) .svg-icon svg:hover [fill]:not(.permanent):not(g),
.btn.btn-v2-clearblue:focus:not(.btn-active) .svg-icon svg:hover [fill]:not(.permanent):not(g),
.btn.btn-v2-clearblue:hover:not(.btn-active) .svg-icon svg:hover [fill]:not(.permanent):not(g),
.show>.btn.btn-v2-clearblue .svg-icon svg:hover [fill]:not(.permanent):not(g) {
    transition: fill .3s ease
}

.btn-check:active+.btn.btn-v2-clearblue.dropdown-toggle:after,
.btn-check:checked+.btn.btn-v2-clearblue.dropdown-toggle:after,
.btn.btn-v2-clearblue.active.dropdown-toggle:after,
.btn.btn-v2-clearblue.show.dropdown-toggle:after,
.btn.btn-v2-clearblue:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-v2-clearblue:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-v2-clearblue:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-v2-clearblue.dropdown-toggle:after {
    color: var(--v2-blue);
}

.btn.btn-v2-cleargreen {
    color: var(--v2-green);
    border: 1px solid var(--v2-green) !important;
    border-color: var(--v2-green);
    background-color: var(--v2-cleargreen);
    font-size: var(--v2-peque1);
}

.btn.btn-v2-cleargreen i {
    color: var(--v2-green);
}

.btn.btn-v2-cleargreen .svg-icon svg [fill]:not(.permanent):not(g) {
    transition: fill .3s ease;
    fill: var(--v2-green);
}

.btn.btn-v2-cleargreen .svg-icon svg:hover [fill]:not(.permanent):not(g) {
    transition: fill .3s ease
}

.btn.btn-v2-cleargreen.dropdown-toggle:after {
    color: var(--v2-green);
}

.btn-check:active+.btn.btn-v2-cleargreen,
.btn-check:checked+.btn.btn-v2-cleargreen,
.btn.btn-v2-cleargreen.active,
.btn.btn-v2-cleargreen.show,
.btn.btn-v2-cleargreen:active:not(.btn-active),
.btn.btn-v2-cleargreen:focus:not(.btn-active),
.btn.btn-v2-cleargreen:hover:not(.btn-active),
.show>.btn.btn-v2-cleargreen {
    color: var(--v2-green);
    border-color: #c9d2ad;
    background-color: #c9d2ad !important;
}

.btn-check:active+.btn.btn-v2-cleargreen i,
.btn-check:checked+.btn.btn-v2-cleargreen i,
.btn.btn-v2-cleargreen.active i,
.btn.btn-v2-cleargreen.show i,
.btn.btn-v2-cleargreen:active:not(.btn-active) i,
.btn.btn-v2-cleargreen:focus:not(.btn-active) i,
.btn.btn-v2-cleargreen:hover:not(.btn-active) i,
.show>.btn.btn-v2-cleargreen i {
    color: var(--v2-green);
}

.btn-check:active+.btn.btn-v2-cleargreen .svg-icon svg [fill]:not(.permanent):not(g),
.btn-check:checked+.btn.btn-v2-cleargreen .svg-icon svg [fill]:not(.permanent):not(g),
.btn.btn-v2-cleargreen.active .svg-icon svg [fill]:not(.permanent):not(g),
.btn.btn-v2-cleargreen.show .svg-icon svg [fill]:not(.permanent):not(g),
.btn.btn-v2-cleargreen:active:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g),
.btn.btn-v2-cleargreen:focus:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g),
.btn.btn-v2-cleargreen:hover:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g),
.show>.btn.btn-v2-cleargreen .svg-icon svg [fill]:not(.permanent):not(g) {
    transition: fill .3s ease;
    fill: var(--v2-green);
}

.btn-check:active+.btn.btn-v2-cleargreen .svg-icon svg:hover [fill]:not(.permanent):not(g),
.btn-check:checked+.btn.btn-v2-cleargreen .svg-icon svg:hover [fill]:not(.permanent):not(g),
.btn.btn-v2-cleargreen.active .svg-icon svg:hover [fill]:not(.permanent):not(g),
.btn.btn-v2-cleargreen.show .svg-icon svg:hover [fill]:not(.permanent):not(g),
.btn.btn-v2-cleargreen:active:not(.btn-active) .svg-icon svg:hover [fill]:not(.permanent):not(g),
.btn.btn-v2-cleargreen:focus:not(.btn-active) .svg-icon svg:hover [fill]:not(.permanent):not(g),
.btn.btn-v2-cleargreen:hover:not(.btn-active) .svg-icon svg:hover [fill]:not(.permanent):not(g),
.show>.btn.btn-v2-cleargreen .svg-icon svg:hover [fill]:not(.permanent):not(g) {
    transition: fill .3s ease
}

.btn-check:active+.btn.btn-v2-cleargreen.dropdown-toggle:after,
.btn-check:checked+.btn.btn-v2-cleargreen.dropdown-toggle:after,
.btn.btn-v2-cleargreen.active.dropdown-toggle:after,
.btn.btn-v2-cleargreen.show.dropdown-toggle:after,
.btn.btn-v2-cleargreen:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-v2-cleargreen:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-v2-cleargreen:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-v2-cleargreen.dropdown-toggle:after {
    color: var(--v2-green);
}

.btn.btn-v2-green {
    color: #fff;
    border-color: var(--v2-green);
    background-color: var(--v2-green);
}

.btn.btn-v2-green i {
    color: #fff;
}

.btn.btn-v2-green .svg-icon svg [fill]:not(.permanent):not(g) {
    transition: fill .3s ease;
    fill: #fff;
}

.btn.btn-v2-green .svg-icon svg:hover [fill]:not(.permanent):not(g) {
    transition: fill .3s ease
}

.btn.btn-v2-green.dropdown-toggle:after {
    color: #fff;
}

.btn-check:active+.btn.btn-v2-green,
.btn-check:checked+.btn.btn-v2-green,
.btn.btn-v2-green.active,
.btn.btn-v2-green.show,
.btn.btn-v2-green:active:not(.btn-active),
.btn.btn-v2-green:focus:not(.btn-active),
.btn.btn-v2-green:hover:not(.btn-active),
.show>.btn.btn-v2-green {
    color: #fff;
    border-color: #7e8901;
    background-color: #7e8901 !important;
}

.btn-check:active+.btn.btn-v2-green i,
.btn-check:checked+.btn.btn-v2-green i,
.btn.btn-v2-green.active i,
.btn.btn-v2-green.show i,
.btn.btn-v2-green:active:not(.btn-active) i,
.btn.btn-v2-green:focus:not(.btn-active) i,
.btn.btn-v2-green:hover:not(.btn-active) i,
.show>.btn.btn-v2-green i {
    color: #fff
}

.btn-check:active+.btn.btn-v2-green .svg-icon svg [fill]:not(.permanent):not(g),
.btn-check:checked+.btn.btn-v2-green .svg-icon svg [fill]:not(.permanent):not(g),
.btn.btn-v2-green.active .svg-icon svg [fill]:not(.permanent):not(g),
.btn.btn-v2-green.show .svg-icon svg [fill]:not(.permanent):not(g),
.btn.btn-v2-green:active:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g),
.btn.btn-v2-green:focus:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g),
.btn.btn-v2-green:hover:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g),
.show>.btn.btn-v2-green .svg-icon svg [fill]:not(.permanent):not(g) {
    transition: fill .3s ease;
    fill: #fff
}

.btn-check:active+.btn.btn-v2-green .svg-icon svg:hover [fill]:not(.permanent):not(g),
.btn-check:checked+.btn.btn-v2-green .svg-icon svg:hover [fill]:not(.permanent):not(g),
.btn.btn-v2-green.active .svg-icon svg:hover [fill]:not(.permanent):not(g),
.btn.btn-v2-green.show .svg-icon svg:hover [fill]:not(.permanent):not(g),
.btn.btn-v2-green:active:not(.btn-active) .svg-icon svg:hover [fill]:not(.permanent):not(g),
.btn.btn-v2-green:focus:not(.btn-active) .svg-icon svg:hover [fill]:not(.permanent):not(g),
.btn.btn-v2-green:hover:not(.btn-active) .svg-icon svg:hover [fill]:not(.permanent):not(g),
.show>.btn.btn-v2-green .svg-icon svg:hover [fill]:not(.permanent):not(g) {
    transition: fill .3s ease
}

.btn-check:active+.btn.btn-v2-green.dropdown-toggle:after,
.btn-check:checked+.btn.btn-v2-green.dropdown-toggle:after,
.btn.btn-v2-green.active.dropdown-toggle:after,
.btn.btn-v2-green.show.dropdown-toggle:after,
.btn.btn-v2-green:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-v2-green:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-v2-green:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-v2-green.dropdown-toggle:after {
    color: #fff
}

.btn.btn-light-v2-orange {
    color: var(--v2-orange);
    border: 1px solid var(--v2-orange) !important;
    border-color: var(--v2-orange) !important;
    background-color: var(--v2-clearorange);
    font-size: var(--v2-mediano2);
}

.btn.btn-light-v2-orange i {
    color: var(--v2-orange)
}

.btn.btn-light-v2-orange .svg-icon svg [fill]:not(.permanent):not(g) {
    transition: fill .3s ease;
    fill: var(--v2-orange)
}

.btn.btn-light-v2-orange .svg-icon svg:hover [fill]:not(.permanent):not(g) {
    transition: fill .3s ease
}

.btn.btn-light-v2-orange.dropdown-toggle:after {
    color: var(--v2-orange)
}

.btn-check:active+.btn.btn-light-v2-orange,
.btn-check:checked+.btn.btn-light-v2-orange,
.btn.btn-light-v2-orange.active,
.btn.btn-light-v2-orange.show,
.btn.btn-light-v2-orange:active:not(.btn-active),
.btn.btn-light-v2-orange:focus:not(.btn-active),
.btn.btn-light-v2-orange:hover:not(.btn-active),
.show>.btn.btn-light-v2-orange {
    color: #fff;
    border-color: var(--v2-orange);
    background-color: var(--v2-orange) !important
}

.btn-check:active+.btn.btn-light-v2-orange i,
.btn-check:checked+.btn.btn-light-v2-orange i,
.btn.btn-light-v2-orange.active i,
.btn.btn-light-v2-orange.show i,
.btn.btn-light-v2-orange:active:not(.btn-active) i,
.btn.btn-light-v2-orange:focus:not(.btn-active) i,
.btn.btn-light-v2-orange:hover:not(.btn-active) i,
.show>.btn.btn-light-v2-orange i {
    color: #fff
}

.btn-check:active+.btn.btn-light-v2-orange .svg-icon svg [fill]:not(.permanent):not(g),
.btn-check:checked+.btn.btn-light-v2-orange .svg-icon svg [fill]:not(.permanent):not(g),
.btn.btn-light-v2-orange.active .svg-icon svg [fill]:not(.permanent):not(g),
.btn.btn-light-v2-orange.show .svg-icon svg [fill]:not(.permanent):not(g),
.btn.btn-light-v2-orange:active:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g),
.btn.btn-light-v2-orange:focus:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g),
.btn.btn-light-v2-orange:hover:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g),
.show>.btn.btn-light-v2-orange .svg-icon svg [fill]:not(.permanent):not(g) {
    transition: fill .3s ease;
    fill: #fff
}

.btn-check:active+.btn.btn-light-v2-orange .svg-icon svg:hover [fill]:not(.permanent):not(g),
.btn-check:checked+.btn.btn-light-v2-orange .svg-icon svg:hover [fill]:not(.permanent):not(g),
.btn.btn-light-v2-orange.active .svg-icon svg:hover [fill]:not(.permanent):not(g),
.btn.btn-light-v2-orange.show .svg-icon svg:hover [fill]:not(.permanent):not(g),
.btn.btn-light-v2-orange:active:not(.btn-active) .svg-icon svg:hover [fill]:not(.permanent):not(g),
.btn.btn-light-v2-orange:focus:not(.btn-active) .svg-icon svg:hover [fill]:not(.permanent):not(g),
.btn.btn-light-v2-orange:hover:not(.btn-active) .svg-icon svg:hover [fill]:not(.permanent):not(g),
.show>.btn.btn-light-v2-orange .svg-icon svg:hover [fill]:not(.permanent):not(g) {
    transition: fill .3s ease
}

.btn-check:active+.btn.btn-light-v2-orange.dropdown-toggle:after,
.btn-check:checked+.btn.btn-light-v2-orange.dropdown-toggle:after,
.btn.btn-light-v2-orange.active.dropdown-toggle:after,
.btn.btn-light-v2-orange.show.dropdown-toggle:after,
.btn.btn-light-v2-orange:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-light-v2-orange:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-light-v2-orange:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-light-v2-orange.dropdown-toggle:after {
    color: #fff
}

.btn-home-red {
    background-color: #FFDCDC !important;
}
.btn-home-yellow {
    background-color: #FEFFDC !important;
}
.btn-home-green {
    background-color: #DCFFEC !important;
}
.btn-home-blue {
    background-color: #9eceef !important;
}

.fc .fc-toolbar-title {
    font-size: var(--v2-mediano3);
    color: var(--v2-gray);
}
.fc .fc-col-header-cell .fc-col-header-cell-cushion {
    font-family: var(--v2-font-semibold);
    color: var(--v2-gray);
}
.fc-daygrid-event {
    font-size: var(--v2-peque1);
}

.card .card-header .card-title,
.card .card-header .card-title .card-label {
    font-size: var(--v2-mediano1);
    color: var(--v2-blue);
}

.alert {
    background-color: var(--v2-clearyellow) !important;
    border-color: var(--v2-clearyellow)!important;
    color: var(--v2-gray)!important;
}

.alert.alert-warning {
    background-color: var(--v2-cleargarnet) !important;
    border-color: var(--v2-cleargarnet)!important;
    color: var(--v2-garnet)!important;
    font-size: var(--v2-peque3)!important;
}

.alert.alert-info {
    background-color: transparent !important;
    border-color: var(--v2-cleargray)!important;
    color: var(--v2-gray)!important;
}

strong, b {
    font-family: var(--v2-font-semibold);
}

option {
    font-size: var(--v2-peque2);
    color: var(--v2-gray);
}

.form-select {
    color: var(--v2-gray);
    font-size: var(--v2-peque1);
}

.form-label, label {
    font-family: var(--v2-font-semibold);
    color: var(--v2-gray);
    font-size: var(--v2-peque1);
}

.form-control {
    color: var(--v2-gray);
    font-size: var(--v2-peque1);
}

.form-check-label {
    font-size: var(--v2-mediano3);
    font-family: var(--v2-font-light);
    color: var(--v2-gray);
}

.anchor.fw-bolder.mb-3.text-primary {
    font-size: var(--v2-mediano3);
    font-family: var(--v2-font-semibold);
    color: var(--v2-gray) !important;
}

.anchor.fw-bolder.mb-3.text-primary ~ .row div strong {
    font-size: var(--v2-peque1);
    color: var(--v2-gray);
}

.anchor.fw-bolder.mb-3.text-primary ~ .row div {
    font-size: var(--v2-peque1);
    color: var(--v2-gray);
    font-family: var(--v2-font-light);
}

.nav-item .nav-link {
    color: var(--v2-gray);
    font-size: var(--v2-mediano2);
}

a.btn.btn-primary {
    font-size: var(--v2-peque1);
    color: var(--v2-blue);
    border: 1px solid var(--v2-blue) !important;
    border-color: var(--v2-blue) !important;
    background-color: var(--v2-clearblue) !important;
}
a.btn.btn-primary i{
    color: var(--v2-blue);
}
a.btn-check:active+.btn.btn-primary, a.btn-check:checked+.btn.btn-primary, a.btn.btn-primary.active, a.btn.btn-primary.show, a.btn.btn-primary:active:not(.btn-active), a.btn.btn-primary:focus:not(.btn-active), a.btn.btn-primary:hover:not(.btn-active), .show>a.btn.btn-primary {
    color: var(--v2-blue);
    border: 1px solid var(--v2-blue) !important;
    border-color: var(--v2-blue) !important;
    background-color: #d5e1f4 !important;
}
a.btn-check:active+.btn.btn-primary i, a.btn-check:checked+.btn.btn-primary i, a.btn.btn-primary.active i, a.btn.btn-primary.show i, a.btn.btn-primary:active:not(.btn-active) i, a.btn.btn-primary:focus:not(.btn-active) i, a.btn.btn-primary:hover:not(.btn-active) i, .show>a.btn.btn-primary i {
    color: var(--v2-blue);
}

a.btn.btn-info {
    font-size: var(--v2-peque1);
    color: var(--v2-blue);
    border: 1px solid var(--v2-blue) !important;
    border-color: var(--v2-blue) !important;
    background-color: var(--v2-clearblue) !important;
}
a.btn.btn-info i{
    color: var(--v2-blue);
}
a.btn-check:active+.btn.btn-info, a.btn-check:checked+.btn.btn-info, a.btn.btn-info.active, a.btn.btn-info.show, a.btn.btn-info:active:not(.btn-active), a.btn.btn-info:focus:not(.btn-active), a.btn.btn-info:hover:not(.btn-active), .show>a.btn.btn-info {
    color: var(--v2-blue);
    border: 1px solid var(--v2-blue) !important;
    border-color: var(--v2-blue) !important;
    background-color: #d5e1f4 !important;
}
a.btn-check:active+.btn.btn-info i, a.btn-check:checked+.btn.btn-info i, a.btn.btn-info.active i, a.btn.btn-info.show i, a.btn.btn-info:active:not(.btn-active) i, a.btn.btn-info:focus:not(.btn-active) i, a.btn.btn-info:hover:not(.btn-active) i, .show>a.btn.btn-info i {
    color: var(--v2-blue);
}

.btn-primary[type=submit]:not(:disabled), .btn-info[type=submit]:not(:disabled){
    font-size: var(--v2-peque1) !important;
    background-color: var(--v2-blue)!important;
    border-color: var(--v2-blue)!important;
    color: #fff!important;
}
.btn-check:active+.btn.btn-primary[type=submit], .btn-check:checked+.btn.btn-primary[type=submit], .btn.btn-primary[type=submit].active, .btn.btn-primary[type=submit].show, .btn.btn-primary[type=submit]:active:not(.btn-active), .btn.btn-primary[type=submit]:focus:not(.btn-active), .btn.btn-primary[type=submit]:hover:not(.btn-active), .show>.btn.btn-primary[type=submit] {
    color: #fff;
    border-color: #0095e8;
    background-color: #0095e8!important;
}
.btn-check:active+.btn.btn-info[type=submit], .btn-check:checked+.btn.btn-info[type=submit], .btn.btn-info[type=submit].active, .btn.btn-info[type=submit].show, .btn.btn-info[type=submit]:active:not(.btn-active), .btn.btn-info[type=submit]:focus:not(.btn-active), .btn.btn-info[type=submit]:hover:not(.btn-active), .show>.btn.btn-info[type=submit] {
    color: #fff;
    border-color: #0095e8;
    background-color: #0095e8!important;
}

a.btn-primary-v2-blue{
    font-size: var(--v2-peque1) !important;
    background-color: var(--v2-blue)!important;
    border-color: var(--v2-blue)!important;
    color: #fff!important;
}
a.btn-check:active+.btn.btn-primary-v2-blue, a.btn-check:checked+.btn.btn-primary-v2-blue, a.btn.btn-primary-v2-blue.active, a.btn.btn-primary-v2-blue.show, a.btn.btn-primary-v2-blue:active:not(.btn-active), a.btn.btn-primary-v2-blue:focus:not(.btn-active), a.btn.btn-primary-v2-blue:hover:not(.btn-active), .show>a.btn.btn-primary-v2-blue {
    font-size: var(--v2-peque1) !important;
    background-color: #0095e8 !important;
    border-color: #0095e8 !important;
    color: #fff!important;
}

.btn-v2-azul-borde {
    background-color: var(--v2-clearblue);
    border: 1px solid var(--v2-blue) !important;
    color: var(--v2-blue);
}

.btn-v2-rojo-sinfondo {
    color: var(--v2-red);
    background-color: transparent;
}

.btn-v2-rojo-sinfondo i {
    color: var(--v2-red);
    font-size: var(--v2-peque1);
}

.btn-v2-gris-sinfondo {
    color: var(--v2-gray);
    background-color: transparent;
}

.btn-v2-gris-sinfondo i {
    color: var(--v2-gray);
    font-size: var(--v2-peque1);
}

.btn.btn-dark {
    font-size: var(--v2-peque1);
    color: var(--v2-green);
    border: 1px solid var(--v2-green) !important;
    border-color: var(--v2-green);
    background-color: var(--v2-cleargreen);
}
.btn-check:active+.btn.btn-dark, .btn-check:checked+.btn.btn-dark, .btn.btn-dark.active, .btn.btn-dark.show, .btn.btn-dark:active:not(.btn-active), .btn.btn-dark:focus:not(.btn-active), .btn.btn-dark:hover:not(.btn-active), .show>.btn.btn-dark {
    border: 1px solid var(--v2-green) !important;
    background-color: #c9d2ad !important;
    color: var(--v2-green) !important;
}

th {
    font-family: var(--v2-font-semibold) !important;
    color: var(--v2-gray)!important;
    font-size: var(--v2-peque1)!important;
}

td {
    color: var(--v2-gray)!important;
    font-size: var(--v2-peque1)!important;
}

h6.text-primary {
    color: var(--v2-blue);
    font-size: var(--v2-mediano3);
}

.modal-title {
    font-size: var(--v2-mediano1);
    color: var(--v2-blue);
}

.table td { 
    vertical-align: middle;
}

table.dataTable.table-striped>tbody>tr.odd {
    --bs-table-accent-bg: transparent;
}