html,
body,
header,
#intro {
    height: 100%;
}

main {
    min-height: calc(100vh - 86.3px - 56px);
}

.workOrdersBody {
    height: 10%;
}

.workOrdersBody .container a {
    color: #000000;
}

.workOrdersBody .container .collapse .navbar-nav .nav-item a {
    color: #000000;
}

.registerBody {
    height: 0px;
}

.registerBody .container a {
    color: #000000;
}

.registerBody .container .collapse .navbar-nav .nav-item a {
    color: #000000;
}

#intro {
    background: url("https://mdbootstrap.com/img/Photos/Others/img%20(50).jpg")no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

@media (max-width: 768px) {
    .workOrdersBody .container a {
        color: #FFFFFF;
    }
    .workOrdersBody .container .collapse .navbar-nav .nav-item a {
        color: #FFFFFF;
    }

    .workOrdersBody .container .collapse .navbar-nav .nav-item .dropdown .dropdown-menu .dropdown-item a {
        color: #000000;
    }
    .navbar:not(.top-nav-collapse) {
        background-color: #3f51b5;
    }
}

@media (min-width: 800px) and (max-width: 850px) {
    .workOrdersBody .container a {
        color: #FFFFFF;
    }
    .workOrdersBody .container .collapse .navbar-nav .nav-item a {
        color: #FFFFFF;
    }
    .navbar:not(.top-nav-collapse) {
        background-color: #3f51b5;
    }
}

.top-nav-collapse {
    color: #FFFFFF;
    background-color: #3f51b5;
}

.div-centered {
    text-align: left;
    margin: auto;
    width: 300px;
}

.formArea {
    margin: 20%;
}

.loginLink a {
    color: #3f51b5;
}

.signOutButton {
    background-color: #3f51b5;
    color: #FFFFFF;
    border: 2px solid #3f51b5;
    border-radius: 12px;
}

#usernameLabel {
    color: #000000;
}

.dropdownBtn {
    background-color: #3f51b5;
    color: #FFFFFF;
    border: 2px solid #3f51b5;
    border-radius: 12px;
}

thead {
    background-color: #3f51b5;
    color: #FFFFFF;
}

.modifyMenu {
    width: 100%;
    padding: 50px 0;
    text-align: center;
    background-color: #3f51b5;
    color: #FFFFFF;
    margin-top: 20px;
    display: none;
}

#loginerror {
    margin: 15px;
    background-color: #FF4D4D;
    border: 2px none #FF4D4D;
    border-radius: 5px;
    color: #FFFFFF;
}

#loginstatus {
    margin: 15px;
    background-color: #4d8bff;
    border: 2px none #4d8bff;
    border-radius: 5px;
    color: #FFFFFF;
}

#adminBtn {
    display: none;
}

.page-footer {
    background-color: #3f51b5;
}