html, body {
    display: flex;
    flex-direction: column;
    height: 100%;
}
main {
    flex: 1;
}

:root {
    --bs-blue-magiline: #003154;
    --bs-orange-magiline: #F28D00;
    --bs-white: #ffffff;
    
    --bs-range-blue-magiline: rgba(0, 49, 84, 0.25);
    
    --bs-hover-blue-magiline: #002842;
}


.underline-orange-magiline span {
    border-color: var(--bs-orange-magiline) !important;
}
.underline-orange-magiline a {
    transition: 0.2s;
}
.underline-orange-magiline a:hover {
    color: var(--bs-orange-magiline) !important;
}


.link-with-icon {
    transition: 0.2s;
}
.link-with-icon:hover {
    padding-left: 6px;
}
.link-with-icon span {
    border-bottom: 2px solid transparent;
    transition: 0.2s;
    width: fit-content;
}
.link-with-icon:hover span {
    border-bottom: 2px solid var(--bs-orange-magiline);
}


.nav-left-hover .nav-link {
    border-left: .125rem solid transparent;
    color: #000;
    transition: 0.3s;
}
.nav-left-hover .nav-link:active, .nav-left-hover .active {
    border-left-color: var(--bs-blue-magiline);
    transform: translate3d(8px, 0, 0);
}
.nav-left-hover .nav-link:hover {
    border-left-color: var(--bs-blue-magiline);
    color: var(--bs-blue-magiline);
    transform: translate3d(8px, 0, 0);
}



#footer a:hover {
    text-decoration: underline !important;
}



.custom-form-switch {
    width: 60px !important;
    height: 24px;
}



.btn-outline-orange-magiline {
    border: 1px solid var(--bs-orange-magiline);
    color: var(--bs-orange-magiline);
}

.btn-outline-orange-magiline:hover, .btn-outline-orange-magiline.active {
    border: 1px solid var(--bs-orange-magiline);
    background-color: var(--bs-orange-magiline);
    color: var(--bs-white);
}
.btn-outline-blue-magiline {
    border: 1px solid var(--bs-blue-magiline);
    color: var(--bs-blue-magiline);
}
.btn-outline-blue-magiline:hover, .btn-outline-blue-magiline.active {
    border: 1px solid var(--bs-blue-magiline);
    background-color: var(--bs-blue-magiline);
    color: var(--bs-white);
}


.btn-blue-magiline {
    background-color: var(--bs-blue-magiline);
    color: var(--bs-white);
}
.btn-blue-magiline:hover {
    background-color: var(--bs-hover-blue-magiline);
    color: var(--bs-white);
    border: 1px solid var(--bs-hover-blue-magiline);
}


.btn-primary-blue, .btn-primary-orange {
    color: var(--bs-white) !important;
    padding: 10px 30px !important;
    border-radius: 30px !important;
    border: none;
}
.btn-primary-blue {
    background-color: var(--bs-blue-magiline) !important;
}
.btn-primary-orange {
    background-color: var(--bs-orange-magiline) !important;
}


.btn-icon-blue-magiline {
    color: var(--bs-blue-magiline) !important;
}
.btn-icon-blue-magiline:hover {
    color: var(--bs-hover-blue-magiline) !important;
}


.flag {
    width: 20px;
    height: auto;
}


.dropdown-item:active {
    background-color: var(--bs-blue-magiline);
}


@media (max-width: 768px) {
    #footer .row {
        flex-direction: column-reverse !important;
    }
}

@media (min-width: 992px) {
    .navbar-collapse {
        border-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
}