html 
{
    height:100%;
}
body 
{
    background-color:#AAA;
}
.container {
    margin:1em 0;
}
.panel-login 
{
    border:1px solid #CCC;
    background-color:#fafafa;
    -webkit-border-radius: 12px;
            border-radius: 12px;
    
    -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,.35);
            box-shadow: 0 0 6px 0 rgba(0,0,0,.35);
}
.login-brand, .login-body 
{
    padding:2em;
}
.login-brand 
{
    border-bottom:1px solid #dadada;
    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
    -webkit-border-radius: 12px 12px 0 0;
            border-radius: 12px 12px 0 0;
}
.login-footer 
{
    background-color:#f6f6f6;
    padding:1em 2em 0;
    border-top:1px solid #dadada;
    -webkit-border-radius: 0 0 12px 12px;
            border-radius: 0 0 12px 12px;
}

.btn-success {
    background-image: none;
    background-color:#57A635;
    border-color: #4A7628;
}
.btn-success:focus, .btn-success:hover {
    background-image:none;
    background-color:#4A7628;
}
/*
--------------------------------------------------------
Media Query styles for specific screen resolution sizes
--------------------------------------------------------
*/

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) 
{
    body 
    {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        -webkit-box-orient: horizontal;
        -moz-box-orient: horizontal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-box-align: center;
        -moz-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        min-height:100%;
        height:100%;
    }
    .container 
    {
        /*max-width:680px;*/
        max-width:1020px;
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto;
    }
    .lt-ie9 .container 
    {
        margin: 4em auto;
    }
    .lt-ie9 .sr-only 
    {
        position:static;
        width:auto;
        height:auto;
        margin:0;
    }
    .login-section 
    {
        border-left:3px solid #e6e6e6;
        padding-left:2em;
    }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) 
{
    
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) 
{
    
}