/* Background - Start */

body.body-page-login {
    overflow: hidden;
    position: relative;
    /*background: #2d3a42 url(../../assets/img/body_gradient.png) repeat-x;*/
    /*background-color: #322A3D;*/
    background-color: #2d3a42;
    /*background: -moz-linear-gradient(top, rgba(50,42,61,1) 0%, rgba(50,42,61,0.8) 100%); !* FF3.6-15 *!*/
    /*background: -webkit-linear-gradient(top, rgba(50,42,61,1) 0%,rgba(50,42,61,0.8) 100%); !* Chrome10-25,Safari5.1-6 *!*/
    /*background: linear-gradient(to bottom, rgba(50,42,61,1) 0%,rgba(50,42,61,0.8) 100%); !* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *!*/
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#322a3d', endColorstr='#cc322a3d',GradientType=0 ); !* IE6-9 *!*/
}

body.body-page-login > .page-background {
    /*margin: 0 auto;*/
    /*max-width: 1200px;*/
    min-height: 1285px;
    position: relative;
    overflow: visible;
}

body.body-page-login > .page-background:before,
body.body-page-login > .page-background:after {
    background: transparent;
    border: 700px solid rgba(0,0,0,0.07);
    content: '';
    height: 3200px;
    margin: -1600px -128px 0 0;
    position: absolute;
    right: 50%;
    top: 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    width: 3200px;
    z-index: -1;
}

body.body-page-login > .page-background:after {
    margin-left: -128px;
    margin-right: 0;
    left: 50%;
    right: auto;
}
/* Background - End */


.panel-centered {
    max-width: 500px;
    margin: 0 auto;
}
.panel-centered.panel-expand {
    max-width: 100%;
}

.hidden-message-holder {
    display: none;
}
.hidden-message-holder.show {
    display: block;
}


@media (max-width: 450px) {
    .login .login-header .brand .logo,
    .login .login-header .icon {
        display: none;
    }
}