/* 
    TradeSchool Inc.
    McKenzie Huff, Lance Hallberg
	2019.03.26
	Copyright 2019 - TradeSchool Inc.
    All Rights Reserved
 */

html, body {
    margin: 0px;
    padding: 0px;
    width: 100vw;
}

#masterWrapper {
    display: flex;
    flex-direction: column;
    min-width: 50vw;
    max-width: 80vw;
}
#masterWrapper #navbar {
    width: 100%;
    min-width: 50vw;
    max-width: 80vw;
}

/*  Login styles  */
#masterWrapper #loginBox {
    display: flex;
    flex-direction: column;
    min-width: 30vw;
}

#masterWrapper span {
    white-space: normal;
}

#masterWrapper #loginInfo {
    display: inline-block;
}

#masterWrapper #loginInfo > p {
    white-space: normal;
}

#masterWrapper #loginInfo > span {
    display: inline;
}

#masterWrapper .hrefRow a:link, .hrefRow  a:visited {
    color: #5887C8;
}

#masterWrapper .row {
    display: flex;
    flex-direction: row;
}

#masterWrapper .loginContainer {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #FBFBFB;
    border-radius: 8px 8px 0px 0px;
    border: 1px solid #CCD4DB;
    box-sizing: border-box;
}

#masterWrapper .loginContainer > div {
    text-align: center;
}

#masterWrapper #loginTable > div {
    text-align: center;
}

#masterWrapper #loginForm > div {
    margin: 0.5rem;
}

#masterWrapper #loginTable > form {
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    width: 260px;
    margin-bottom: 1rem;
}

#masterWrapper .loginField {
    margin: 0.5rem 0;
}

#masterWrapper .loginTable {
    font-size: 14px;
}

#masterWrapper #loginButton {
    display: inline-flex;
    justify-content: center;
}

/* About Web Services */
#masterWrapper #aboutWebServices {
    display: table;
    min-width: 40vw;
    border: 1px solid #CCD4DB;
    background-color: #F4F4F4;
    box-sizing: border-box;
    width: 100%;
    box-sizing: border-box;
}

@media only screen and (max-width: 800px) {
    #masterWrapper {
        width: 100%;
        min-width: unset;
        max-width: unset;
    }

    #masterWrapper .loginContainer {
        width: 100%;
    }

    #masterWrapper .row {
        flex-direction: column;
        -webkit-flex-direction: column;
    }

    #masterWrapper #loginInfo {
        border-radius: 0px 0px 0px 0px;
    }

    #masterWrapper #trainingCenterLocation {
        display: none;
    }
}