﻿body {
    margin: 0px;
    padding: 0px;
    background-image: url('/Images/books.jpg');
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center top;
    overflow-y: auto;
}

#Content {
    background-color: transparent;
}



#LoginContainer {
    padding-bottom: 200px;
    width: 100%;
}

#LoginBox {
    margin-top: 200px;
    margin-right: auto;
    margin-left: auto;
    width: 330px;
    /*height: 224px;*/
    background-color: rgb(62,83,141);
    color: #FFF;
    overflow: hidden;
    border: 5px solid rgb(223,223,224);
    border-radius: 15px;
    font-size: 14pt;
}

#UserNameContainer, #PasswordContainer, #ActionContainer, .OAuthContainer {
    overflow: auto;
    padding: 10px 15px;
}

#UserNameContainer {
    margin-top: 10px;
}

/*#UserNameContainer input, #PasswordContainer input
{
    width: 185px;
    border: none;
    border-radius: 4px;
    font-size: 12pt;
    padding: 3px;
}*/

#TitleContainer {
    width: 100%;
    text-align: center;
    padding: 10px 0px;
    font-size: 17pt;
    background-color: #000;
}

#Login, .OAuthLogin, #SAMLSSO, #ValidateBtn {
    border: 3px solid rgb(177,176,178);
    border-radius: 5px;
    font-size: 12pt;
    font-weight: bold;
    color: rgb(62,83,141);
    background: rgb(237,237,238);
    padding: 2px 16px;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
}

/*#SAMLSSO {
    margin-top: 5px;
}*/

#ActionContainer, .OAuthContainer {
    margin-bottom: 10px;
}

#FailureMessage {
    padding-top: 10px;
}


#WaitContainer {
    display: none;
    text-align: center;
}

    #WaitContainer div {
        width: 100%;
        text-align: center;
        padding-top: 63px;
    }




/* Login Page */
#ContentContainer.loginScreen {
    max-width: 100%;
    /*
	background-image: url('/images/books.jpg');
	background-size: cover;
	height: 1000px;
    */
}

#AboveBox {
    text-align: center;
    /* SSD CHANGE */
    /*margin-top:120px;*/
    margin-top: 30px;
}

    #AboveBox #white-logo img {
        padding-bottom: 25px;
        border-bottom: white 2px solid;
        height: 75pt;
    }

    #AboveBox p {
        color: white;
        font-size: 21pt;
        /*	font-family:'Ruda', sans-serif; */
        text-transform: uppercase;
    }

#LoginContainer {
    /* SSD CHANGE */
    padding-bottom: 0px;
}

#LoginBox {
    border-radius: 0px;
    border: none;
    background-color: rgb(232,237,240);
    /*	font-family: 'Ruda', sans-serif; */
    color: #21447c;
    text-transform: uppercase;
    font-size: 12px;
    margin-top: 54px;
    padding-left: 0px;
    padding-right: 0px;
    width: 440px;
    /* SSD CHANGE - height:350px; */
    /*height: 310px;*/
    min-height: 310px;
}

    #LoginBox .label {
        margin-bottom: 5px;
        color: rgb(33,68,124);
        font-size: 100%;
    }


#TitleContainer {
    background: rgb(33,68,124);
    color: white;
    /*	font-family:'Ruda', sans-serif; */
    font-size: 24px;
    text-transform: uppercase;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
}

#UserNameContainer,
#PasswordContainer,
#ActionContainer, .OAuthContainer {
    padding-left: 30px;
    padding-right: 30px;
}



#UserNameContainer {
    margin-top: 15px;
}

    #UserNameContainer input, #PasswordContainer input {
        border-radius: 0px;
        width: 100%;
        /* SSD CHANGE - height:45px;  */
        height: 30px;
    }

#Login, .OAuthLogin, #SAMLSSO, #ValidateBtn {
    background: #123266;
    border-radius: 0px;
    border: none;
    border-bottom: #5775A5 solid 3px;
    text-transform: uppercase;
    color: white;
}

    #Login:hover, #Login:focus, .OAuthLogin:hover, #SAMLSSO:hover, #ValidateBtn:hover {
        background: #38598E;
        /* border-color: rgb(185,108,94);*/
        text-decoration: none;
        color: white;
    }

#LoginBox .label, #LoginBox .input {
    display: inline-block;
}

#LoginBox #UserNameContainer, #LoginBox #PasswordContainer {
    text-align: left;
}

#LoginBox .label {
    width: 100%;
}

#LoginBox .input {
    width: 100%;
}

#ActionContainer, .OAuthContainer {
    text-align: center;
}

    #ActionContainer a, .OAuthContainer a {
        font-family: 'Asap', sans-serif;
        text-transform: uppercase;
        padding: 15px 60px;
        font-size: 13px;
    }

#LoginFooter {
    text-align: center;
}

    #LoginFooter p {
        color: white;
        font-family: 'Asap', sans-serif;
        font-size: 16px;
    }

        #LoginFooter p a {
            color: rgb(240,81,71);
        }

            #LoginFooter p a:hover, #LoginFooter p a:focus {
                color: rgb(189,30,20);
            }

#LoginBox .panel-body {
    padding: 0px;
}

.bs-login-failure-modal {
    top: 30%;
}

    .bs-login-failure-modal .modal-dialog {
        width: 400px;
        min-width: 0px !important;
    }

    .bs-login-failure-modal .modal-content {
        width: 400px;
        min-width: 0px;
    }

#SystemInformation {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: -1;
    text-align: center;
    color: white;
}
