﻿body {
    font-family: Arial, sans-serif;
    /*background-color: white; /*lightblue;*/
    text-align: center;
    font-size: 1.0rem; /* Base font size */
}

p {
    text-align: left;
}

.backgrnd {
    /* The image used
                    bg.jpg
                    empty-road-daytime.jpg
                    travel-concept-with-map-background.jpg
                */
    background-image: url(../assets/images/background/bglogin.jpg);
    /* Full height */
    height: 100%;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.container {
    width: 60%;
    margin: auto;
    /*padding: 15px 5px 7px 5px; /* top right btm left */
    padding: 0px; /* top right btm left */
    /* background: white; */
    border: thin;
    border-radius: 10px;
    box-shadow: 0px 0px 5px;
    /* this was def background-color: hsla(0, 0%, 83%, 0.7); */
    background-color: hsla(0, 0%, 90%, 0.6);
    /* ORIGINAL FOR MOUNTAINS: hsla(0, 0%, 90%, 0.6); */
}

.fullscreen-wrapper {
    min-height: 90dvh;
    /* width: 100vw; */
    /* height: 100%; */
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

img {
    max-width: 100%;
    height: auto; /* Maintains aspect ratio */
    border-radius: 10px;
}

.login-button {
    background: none;
    border: none;
    outline: none;
    background-color: hsla(209, 100%, 41%, 0.8);
    padding: 3px;
    /*border-radius: 8px;*/
    height: 34px;
    border: 1px solid hsl(201, 6%, 20%);
    color: white;
    font-size: 0.9em;
    font-weight: bold;
    margin-top: 15px;
    cursor: pointer;
}

    .login-button:hover,
    .login-button:focus {
        /*background-color: hsla(201, 50%, 50%, 0.3);*/
        background-color: #005a9c !important; /*USAFABlueBlueColor #005a9c*/ /*hsla(209, 100%, 41%, 0.8)*/
        border-color: hsl(201, 50%, 50%);
    }

/* MUD TEXT FIELD OVERRIDES 
.responsive-textfield {
    width: 25rem; 
    background-color: white;
    height: 2.5rem;
}
*/

/* */
.custom-mud-link-color {
    color: white !important;
    background-color: hsla(209, 100%, 31%, 0.8) !important;
    background: none;
    border: none;
    outline: none;
    padding: 4px;
    border-radius: 4px;
    height: 34px;
    border: 1px solid hsl(201, 6%, 20%);
    font-size: 0.9em;
    font-weight: bold;
    margin-top: 15px;
    cursor: pointer;
}

    .custom-mud-link-color:hover,
    .custom-mud-link-color:focus {
        /*background-color: hsla(201, 50%, 50%, 0.3);*/
        background-color: #005a9c !important; /*USAFABlueBlueColor #005a9c*/ /*hsla(209, 100%, 41%, 0.8)*/
        border-color: hsl(201, 50%, 50%);
    }
