html, body {
    min-height: 100vh;
    overflow: auto;
    position: relative;
}

#main {
    min-height: calc(100vh - 54px);
}

#welcome-page footer, #welcome-page footer a {
    color: white;
}

#welcome-page {
    background-color: rgb(0, 51, 102)
}

div.welcome-container {
    height: 10em;
    position: relative
}

div.welcome-container {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.welcome-message {
    font-size: 100px;
    color: white;
}

.footer-fixed {
    padding: 15px;
    text-align: center;
    width: 100%;
}

#extr-page {
    background-color: #f3f3f3;
}

.bg-primary {
    background-color: #FFFFFF !important;
}

.text-primary {
    color: #003366 !important;
}

.is-focused [class*=" bmd-label"], .is-focused [class^=bmd-label], a {
    color: #003366;
}

    a:hover {
        color: #002255;
    }

.custom-file-control, .form-control, .is-focused .custom-file-control, .is-focused .form-control {
    background-image: linear-gradient(0deg,#003366 2px,rgba(0,150,136,0) 0),linear-gradient(0deg,rgba(0,0,0,.26) 1px,transparent 0);
}

.bmd-btn-fab.btn-primary.custom-file-control:before, .btn-group-raised .btn-primary.custom-file-control:before, .btn-group-raised .btn.btn-primary, .btn-raised.btn-primary.custom-file-control:before, .btn.bmd-btn-fab.btn-primary, .btn.btn-raised.btn-primary {
    color: #fff;
    background-color: #003366;
    border-color: #003366;
}

    .bmd-btn-fab.btn-primary.active.custom-file-control:focus:before, .bmd-btn-fab.btn-primary.active.custom-file-control:hover:before, .bmd-btn-fab.btn-primary.active.focus.custom-file-control:before, .bmd-btn-fab.btn-primary.custom-file-control:active.focus:before, .bmd-btn-fab.btn-primary.custom-file-control:active:focus:before, .bmd-btn-fab.btn-primary.custom-file-control:active:hover:before, .btn-group-raised .btn-primary.active.custom-file-control:focus:before, .btn-group-raised .btn-primary.active.custom-file-control:hover:before, .btn-group-raised .btn-primary.active.focus.custom-file-control:before, .btn-group-raised .btn-primary.custom-file-control:active.focus:before, .btn-group-raised .btn-primary.custom-file-control:active:focus:before, .btn-group-raised .btn-primary.custom-file-control:active:hover:before, .btn-group-raised .btn.btn-primary.active.focus, .btn-group-raised .btn.btn-primary.active:focus, .btn-group-raised .btn.btn-primary.active:hover, .btn-group-raised .btn.btn-primary:active.focus, .btn-group-raised .btn.btn-primary:active:focus, .btn-group-raised .btn.btn-primary:active:hover, .btn-raised.btn-primary.active.custom-file-control:focus:before, .btn-raised.btn-primary.active.custom-file-control:hover:before, .btn-raised.btn-primary.active.focus.custom-file-control:before, .btn-raised.btn-primary.custom-file-control:active.focus:before, .btn-raised.btn-primary.custom-file-control:active:focus:before, .btn-raised.btn-primary.custom-file-control:active:hover:before, .btn.bmd-btn-fab.btn-primary.active.focus, .btn.bmd-btn-fab.btn-primary.active:focus, .btn.bmd-btn-fab.btn-primary.active:hover, .btn.bmd-btn-fab.btn-primary:active.focus, .btn.bmd-btn-fab.btn-primary:active:focus, .btn.bmd-btn-fab.btn-primary:active:hover, .btn.btn-raised.btn-primary.active.focus, .btn.btn-raised.btn-primary.active:focus, .btn.btn-raised.btn-primary.active:hover, .btn.btn-raised.btn-primary:active.focus, .btn.btn-raised.btn-primary:active:focus, .btn.btn-raised.btn-primary:active:hover, .open > .bmd-btn-fab.btn-primary.dropdown-toggle.custom-file-control:focus:before, .open > .bmd-btn-fab.btn-primary.dropdown-toggle.custom-file-control:hover:before, .open > .bmd-btn-fab.btn-primary.dropdown-toggle.focus.custom-file-control:before, .open > .btn-group-raised .btn-primary.dropdown-toggle.custom-file-control:focus:before, .open > .btn-group-raised .btn-primary.dropdown-toggle.custom-file-control:hover:before, .open > .btn-group-raised .btn-primary.dropdown-toggle.focus.custom-file-control:before, .open > .btn-group-raised .btn.btn-primary.dropdown-toggle.focus, .open > .btn-group-raised .btn.btn-primary.dropdown-toggle:focus, .open > .btn-group-raised .btn.btn-primary.dropdown-toggle:hover, .open > .btn-raised.btn-primary.dropdown-toggle.custom-file-control:focus:before, .open > .btn-raised.btn-primary.dropdown-toggle.custom-file-control:hover:before, .open > .btn-raised.btn-primary.dropdown-toggle.focus.custom-file-control:before, .open > .btn.bmd-btn-fab.btn-primary.dropdown-toggle.focus, .open > .btn.bmd-btn-fab.btn-primary.dropdown-toggle:focus, .open > .btn.bmd-btn-fab.btn-primary.dropdown-toggle:hover, .open > .btn.btn-raised.btn-primary.dropdown-toggle.focus, .open > .btn.btn-raised.btn-primary.dropdown-toggle:focus, .open > .btn.btn-raised.btn-primary.dropdown-toggle:hover, .bmd-btn-fab.btn-primary.active.custom-file-control:before, .bmd-btn-fab.btn-primary.custom-file-control:active:before, .bmd-btn-fab.btn-primary.custom-file-control:focus:before, .bmd-btn-fab.btn-primary.custom-file-control:hover:before, .bmd-btn-fab.btn-primary.focus.custom-file-control:before, .btn-group-raised .btn-primary.active.custom-file-control:before, .btn-group-raised .btn-primary.custom-file-control:active:before, .btn-group-raised .btn-primary.custom-file-control:focus:before, .btn-group-raised .btn-primary.custom-file-control:hover:before, .btn-group-raised .btn-primary.focus.custom-file-control:before, .btn-group-raised .btn.btn-primary.active, .btn-group-raised .btn.btn-primary.focus, .btn-group-raised .btn.btn-primary:active, .btn-group-raised .btn.btn-primary:focus, .btn-group-raised .btn.btn-primary:hover, .btn-raised.btn-primary.active.custom-file-control:before, .btn-raised.btn-primary.custom-file-control:active:before, .btn-raised.btn-primary.custom-file-control:focus:before, .btn-raised.btn-primary.custom-file-control:hover:before, .btn-raised.btn-primary.focus.custom-file-control:before, .btn.bmd-btn-fab.btn-primary.active, .btn.bmd-btn-fab.btn-primary.focus, .btn.bmd-btn-fab.btn-primary:active, .btn.bmd-btn-fab.btn-primary:focus, .btn.bmd-btn-fab.btn-primary:hover, .btn.btn-raised.btn-primary.active, .btn.btn-raised.btn-primary.focus, .btn.btn-raised.btn-primary:active, .btn.btn-raised.btn-primary:focus, .btn.btn-raised.btn-primary:hover, .open > .bmd-btn-fab.btn-primary.dropdown-toggle.custom-file-control:before, .open > .btn-group-raised .btn-primary.dropdown-toggle.custom-file-control:before, .open > .btn-group-raised .btn.btn-primary.dropdown-toggle, .open > .btn-raised.btn-primary.dropdown-toggle.custom-file-control:before, .open > .btn.bmd-btn-fab.btn-primary.dropdown-toggle, .open > .btn.btn-raised.btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #002255;
        border-color: #002050;
    }

.well {
    padding: 20px;
    background-color: #fff;
    border-radius: 10px
}

.bulding {
    background-image: url("./img/building.png");
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: top left;
}

    .bulding .text-primary {
        color: #26638f !important;
        background: rgba(255, 99, 71, 0.75);
    }

    .bulding .welcome-message {
        font-size: 40px;
        padding: 15px;
    }

    .bulding div.welcome-container {
        top: 75%;
    }

.indentation {
    margin-left: 50px
}

.desktop-detected .hidden-desktop, .mobile-detected .hidden-mobile {
    display: none !important;
}

@media (max-width: 576px) {
    .welcome-message {
        font-size: 24px !important;
    }

    .indentation {
        margin-left: 0px
    }

    .sm-block {
        display: block
    }
}