@charset "UTF-8";

:root {
    --mcu-blue: #0067ac;
    --mcu-aqua: #00a4e4;
    --mcu-black: #231f20;
    --mcu-creme: #e7ded0;
    --mcu-medicine: #00653b;
    --mcu-engineering: #002b54;
    --mcu-psychology: #872175;
    --mcu-letters: #e31b23;
    --mcu-economics: #ffdd00;
    --mcu-arts: #f89728;
    --mcu-information: #b2d235;
    --mcu-law: #b5121b;
    --mcu-densitry: #9370b1;

    --mcu-blue-inverse: #ffffff;

    --mcu-blue-active: #0095e8;

    --mcu-blue-rgb: 0, 103, 172;
    --mcu-aqua-rgb: 0, 164, 228;
    --mcu-black-rgb: 35, 31, 32;
    --mcu-creme-rgb: 231, 222, 208;
    --mcu-medicine-rgb: 0, 101, 59;
    --mcu-engineering-rgb: 0, 43, 84;
    --mcu-psychology-rgb: 135, 33, 117;
    --mcu-letters-rgb: 227, 27, 35;
    --mcu-economics-rgb: 255, 221, 0;
    --mcu-arts-rgb: 248, 151, 40;
    --mcu-information-rgb: 178, 210, 53;
    --mcu-law-rgb: 181, 18, 27;
    --mcu-densitry-rgb: 147, 112, 177;
}

/* *******************************************************************
 * Texts
 * ******************************************************************/

.text-mcu-blue {
    color: var(--mcu-blue) !important;
}

.text-mcu-aqua {
    color: var(--mcu-aqua) !important;
}

.text-mcu-black {
    color: var(--mcu-black) !important;
}

.text-mcu-creme {
    color: var(--mcu-creme) !important;
}

.text-mcu-medicine {
    color: var(--mcu-medicine) !important;
}

.text-mcu-engineering {
    color: var(--mcu-engineering) !important;
}

.text-mcu-psychology {
    color: var(--mcu-psychology) !important;
}

.text-mcu-letters {
    color: var(--mcu-letters) !important;
}

.text-mcu-economics {
    color: var(--mcu-economics) !important;
}

.text-mcu-arts {
    color: var(--mcu-arts) !important;
}

.text-mcu-information {
    color: var(--mcu-information) !important;
}

.text-mcu-law {
    color: var(--mcu-law) !important;
}

.text-mcu-densitry {
    color: var(--mcu-densitry) !important;
}

/* *******************************************************************
 * Backgrounds
 * ******************************************************************/

.bg-mcu-blue {
    --mcu-bg-rgb-color: var(--mcu-blue-rgb);
    background-color: var(--mcu-blue);
}

.bg-mcu-blue {
    --mcu-bg-opacity: 1;
    background-color: rgba(var(--mcu-blue-rgb), var(--mcu-bg-opacity));
}

.bg-mcu-aqua {
    --mcu-bg-rgb-color: var(--mcu-aqua-rgb);
    background-color: var(--mcu-blue);
}

.bg-mcu-aqua {
    --mcu-bg-opacity: 1;
    background-color: rgba(var(--mcu-aqua-rgb), var(--mcu-bg-opacity));
}

/* *******************************************************************
 * Buttons
 * ******************************************************************/

.btn-mcu-blue {
    --mcu-btn-color: #ffffff;
    --mcu-btn-bg: #0067ac;
    --mcu-btn-border-color: #0067ac;
    --mcu-btn-hover-color: #ffffff;
    --mcu-btn-hover-bg: #0076bd;
    --mcu-btn-hover-border-color: #0076bd;
    --mcu-btn-focus-shadow-rgb: 0, 103, 172;
    --mcu-btn-active-color: #ffffff;
    --mcu-btn-active-bg: #005c99;
    --mcu-btn-active-border-color: #005c99;
    --mcu-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --mcu-btn-disabled-color: #666666;
    --mcu-btn-disabled-bg: #009ef7;
    --mcu-btn-disabled-border-color: #009ef7;
}

.btn.btn-mcu-blue {
    color: var(--mcu-blue-inverse);
    border-color: var(--mcu-blue);
    background-color: var(--mcu-blue);
}

.btn.btn-mcu-blue i,
.btn.btn-mcu-blue .svg-icon {
    color: var(--mcu-blue-inverse);
}

.btn.btn-mcu-blue.dropdown-toggle:after {
    color: var(--mcu-blue-inverse);
}

.btn-check:checked + .btn.btn-mcu-blue, .btn-check:active + .btn.btn-mcu-blue, .btn.btn-mcu-blue:focus:not(.btn-active), .btn.btn-mcu-blue:hover:not(.btn-active), .btn.btn-mcu-blue:active:not(.btn-active), .btn.btn-mcu-blue.active, .btn.btn-mcu-blue.show, .show > .btn.btn-mcu-blue {
    color: var(--mcu-blue-inverse);
    border-color: var(--mcu-blue-active);
    background-color: var(--mcu-blue-active);
}

.btn-check:checked + .btn.btn-mcu-blue i,
.btn-check:checked + .btn.btn-mcu-blue .svg-icon, .btn-check:active + .btn.btn-mcu-blue i,
.btn-check:active + .btn.btn-mcu-blue .svg-icon, .btn.btn-mcu-blue:focus:not(.btn-active) i,
.btn.btn-mcu-blue:focus:not(.btn-active) .svg-icon, .btn.btn-mcu-blue:hover:not(.btn-active) i,
.btn.btn-mcu-blue:hover:not(.btn-active) .svg-icon, .btn.btn-mcu-blue:active:not(.btn-active) i,
.btn.btn-mcu-blue:active:not(.btn-active) .svg-icon, .btn.btn-mcu-blue.active i,
.btn.btn-mcu-blue.active .svg-icon, .btn.btn-mcu-blue.show i,
.btn.btn-mcu-blue.show .svg-icon, .show > .btn.btn-mcu-blue i,
.show > .btn.btn-mcu-blue .svg-icon {
    color: var(--mcu-blue-inverse);
}

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

/* *******************************************************************
 * Utilities
 * ******************************************************************/

.sticky-bottom-footer {
    bottom: 0;
    width: 100%;
}


::-webkit-scrollbar {
    width: .4em;
    height: 10px;
}

/* Track */

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */

::-webkit-scrollbar-thumb {
    background: var(--mcu-blue);
}

/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
    background: #00a3e3;
}

.whatsapp-button {
    position: fixed;
    width: 36px;
    height: 36px;
    bottom: 90px;
    right: 15px;
    z-index: 1000;
}

@media (max-width: 991.98px) {
    .whatsapp-button {
        bottom: 70px;
        right: 8px;
        width: 30px;
        height: 30px;
    }
}

.whatsapp-button:hover {
    transform: translateY(-5px);
    transition: transform 0.2s ease-out;
}

.animated-bg {
    background-image: linear-gradient(to right, #f6f7f8 0%, #edeef1 10%,
    #f6f7f8 20%,
    #f6f7f8 100%);
    border: transparent;
    background-size: 200% 100%;
    animation: bganimate 1s linear infinite;
}

.animated-bg-input {
    background-image: linear-gradient(to right, #f6f7f8 0%, #edeef1 10%,
    #f6f7f8 20%,
    #f6f7f8 100%);
    background-size: 200% 100%;
    animation: bganimate 1s linear infinite;
    border-radius: 1em;
    /*display: inline-block;*/
    margin: 0;
    height: 1.5em;
    width: 100%;
}

@keyframes bganimate {
    0% {
        background-position: 50% 0;
    }
    100% {
        background-position: -150% 0;
    }
}

.hidden {
    display: none !important;
}