html {
    height: 100%;
    overflow: hidden;
    padding-bottom: 75px;
}
body {
    color: #3F3F3F;
    font-family: arial,verdana,sans-serif;
    font-size: 14px;
    line-height: 1.4285;
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
}
section {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    width: 975px;
}
label {
    margin-bottom: 5px;
    display: inline-block;
    max-width: 100%;
}
input {
    margin-bottom: 20px;
    padding: 5px 10px;
    width: 310px;
    height: 30px;
    display: block;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    border: 1px solid #ccc;
}
button {
    padding: 8px 15px 7px;
    color: white;
    background: #3F96DF;
    box-shadow: none;
    font-family: verdana, sans-serif;
    font-size: 12px;
    border: 1px solid #3C8DD0;;
    border-radius: 3px;
}
.signbutton {
    padding: 8px 15px 7px;
    color: white;
    background: #3F96DF;
    box-shadow: none;
    font-family: verdana, sans-serif;
    font-size: 12px;
    border: 1px solid #3C8DD0;
    border-radius: 3px;
}
input:focus {
    border-color: #66afe9;
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.6);
}
p {
    margin-bottom: 10px;
}
a {
    color: #428bca;
}
a:focus {
    color: #2a6496;
    text-decoration: underline;
}
* {
    box-sizing: border-box;
}
footer {
    position: absolute;
    bottom: 0;
    padding-bottom: 20px;
    width: 100%;
    background-color: white;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: 10px;
}
footer div {
    margin-bottom: 5px;
}
.line {
    position: absolute;
    height: 5px;
    z-index: 10;
}
.blueLine {
    width: 80%;
    color: #00467F;
    background-color: #00467F;
}
.orangeLine {
    left: 80%;
    width: 20%;
    color: #E15526;
    background-color: #E15526;
}
.alert {
    margin-top: 15px;
    padding: 10px;
    border: 1px solid transparent;
    border-radius: 4px;
}
.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.forgotPassword {
    width : 70%;
    float : left;
}
.ssoButton {
    width: 240px;
    padding-right:0px;   
    color: white;
    background: #3F96DF;
    box-shadow: none;
    font-family: verdana, sans-serif;
    font-size: 12px;
    border: 1px solid #3C8DD0;
    border-radius: 3px;
     background-image: url(/Images/favicon.ico);
    background-repeat: no-repeat;
    background-size:15px;    
    background-position: 8px 7px;
}

.logoImage {
    float: left;
    margin: 20px 500px 25px 15px;
}
.loginImage {
    float: left;
}
.content {
    width: 350px;
    margin-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    float: right;
    background-color: #F0F0F0;  
    border-radius: 10px;
    box-shadow: 0px 3px 6px rgba(0,0,0,0.3);
}
.openId p {
    font-size: 11px;
    font-style: italic;
}

.username, .password {
    font-family: FontAwesome, "Arial", Verdana, sans-serif;
    color : #808080;
    
}

.forgot-password {
    padding-left: 210px;
    font-size: 12px;        
    /*position:absolute;  
   margin-top:-22px;*/
}


    

/*** Media Queries ***/
/*

ipad mini = 1024 X 768 landscape
samsung = 962 X 601 landscape
*/

/*ipad, samsung portrait, desktop shrink width*/
@media only screen
and (max-width : 950px)
and (max-height : 1024px)
{
    .loginImage {
        position: relative;
        top: 415px;
        width: 340px;
        left: 22%;
    }
    .content {
        position: absolute;
        top: 80px;
        width: 100%;
        box-shadow: none;
        border-radius: 0;
    }
    .ssoButton {
        width: 230px;
    }
    .alert {
        width: 725px;
    }
}
/*samsung portrait*/
@media only screen
and (max-width : 601px)
and (max-height : 1024px)
{
    .loginImage {
        left: 14%;
    }
    .ssoButton {
        width: 210px;
    }
    footer p {
        margin-bottom: 0;
    }
    .alert {
        width: 560px;
    }
}
/*samsung landscape*/
@media only screen
and (max-device-height : 620px)
and (orientation : landscape){
    section {
        width: 900px;
    }
    .loginImage {
        position: relative;
        width: 415px;
    }
    .content {
        position: relative;
        top: -110px;
    }
    .ssoButton {
        width: 210px;
    }
    footer p {
        margin-bottom: 0;
    }
}