body{
    background: rgb(46,128,247); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(46,128,247,1) 0%, rgba(46,128,247,1) 45%, rgba(244,244,244,1) 45%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(46,128,247,1) 0%,rgba(46,128,247,1) 45%,rgba(244,244,244,1) 45%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(46,128,247,1) 0%,rgba(46,128,247,1) 45%,rgba(244,244,244,1) 45%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e80f7', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
    background-color: #F4F4F4;
}
#oauth-form-header{
    text-align: center;
}
#oauth-form-block{
    display: table; 
    height: calc(100vh - 58px); 
    margin: 0 auto;
    width: 100%;
}
#oauth-form-block > div{
    display: table-cell;
    vertical-align: middle;
}
#oauth-form{
    max-width: 500px;
    background-color: #fff;
    border-radius: 3px;
    margin: 0 auto;
}
.remind_password {
    text-decoration: none;
    color: #868e96;
    margin-top: 15px;
}

#system-name {
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: 100;
    margin-bottom: 70px;
}

.md-raised.oauth-submit.md-button {
    background-color: rgb(46, 128, 247);
    color: #FFFFFF;
}

.md-raised.oauth-submit.md-button:hover:not([disabled])  {
    background-color: rgb(40, 111, 214);
}

/*.md-button.md-default-theme.md-warn.md-fab, .md-button.md-warn.md-fab, .md-button.md-default-theme.md-warn.md-raised, .md-button.md-warn.md-raised {
    background-color: rgb(46, 128, 247);
}
*/
.md-button.md-default-theme.md-fab[disabled], .md-button.md-fab[disabled], .md-button.md-default-theme.md-raised[disabled], .md-button.md-raised[disabled] {
    background-color: rgb(200, 200, 200);
}

/*.md-button.md-default-theme.md-warn.md-fab:not([disabled]).md-focused, .md-button.md-warn.md-fab:not([disabled]).md-focused, .md-button.md-default-theme.md-warn.md-fab:not([disabled]):hover, .md-button.md-warn.md-fab:not([disabled]):hover, .md-button.md-default-theme.md-warn.md-raised:not([disabled]).md-focused, .md-button.md-warn.md-raised:not([disabled]).md-focused, .md-button.md-default-theme.md-warn.md-raised:not([disabled]):hover, .md-button.md-warn.md-raised:not([disabled]):hover {
    background-color: rgb(40, 113, 218);
}*/

.md-input-focused input {
    border-color: rgb(46, 128, 247) !important;
}

.md-input-focused md-icon, .md-input-focused label {
    color: rgb(46, 128, 247) !important;
}

md-input-container.md-default-theme>md-icon, md-input-container>md-icon, #oauth-form center, .oauth-form h3 {
    color: #666666;
    font-weight: 100;
}

.oauth-icon-container {
    width: 100%;
    display: block;
    height: 120px;
    text-align: center;
    position: absolute;;
}

.oauth-icon {
    font-size: 90px;
    color: #FFFFFF;
}

@media screen and (max-height: 649px) {
    .oauth-icon-container {
        display: none;
    }
}

@media screen and (max-height: 750px) and (min-height: 650px){
    .oauth-icon-container {
        top: 35px;
    }

    .oauth-icon {
        font-size: 50px;
    }

    #system-name {
        margin-bottom: 40px;
    }
}

@media screen and (min-height: 749px) {
    .oauth-icon-container {
        top: 35px;
    }
}

@media screen and (min-height: 800px) {
    .oauth-icon-container {
        top: 70px;
    }
}