/*@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic);/*!
 *   AdminLTE v2.3.8
 *   Author: Almsaeed Studio
 *	 Website: Almsaeed Studio <http://almsaeedstudio.com>
 *   License: Open source - MIT
 *           Please visit http://opensource.org/licenses/MIT for more information
!*/

body {
    font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
    font-weight: 400;
    overflow-x: hidden;
    overflow-y: auto
}

.wrapper {
    height: 100%;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto
}

.wrapper:before,.wrapper:after {
    content: " ";
    display: table
}

.wrapper:after {
    clear: both
}

.layout-boxed .wrapper {
    max-width: 1250px;
    margin: 0 auto;
    min-height: 100%;
    box-shadow: 0 0 8px rgba(0,0,0,0.5);
    position: relative
}

.layout-boxed {
    background: url('../img/boxed-bg.jpg') repeat fixed
}

.content-wrapper,.right-side,.main-footer {
    -webkit-transition: -webkit-transform .3s ease-in-out,margin .3s ease-in-out;
    -moz-transition: -moz-transform .3s ease-in-out,margin .3s ease-in-out;
    -o-transition: -o-transform .3s ease-in-out,margin .3s ease-in-out;
    transition: transform .3s ease-in-out,margin .3s ease-in-out;
    margin-left: 230px;
    z-index: 820
}

.layout-top-nav .content-wrapper,.layout-top-nav .right-side,.layout-top-nav .main-footer {
    margin-left: 0
}

@media (max-width:767px) {
    .content-wrapper,.right-side,.main-footer {
        margin-left: 0
    }
}

@media (min-width:768px) {
    .sidebar-collapse .content-wrapper,.sidebar-collapse .right-side,.sidebar-collapse .main-footer {
        margin-left: 0
    }
}

@media (max-width:767px) {
    .sidebar-open .content-wrapper,.sidebar-open .right-side,.sidebar-open .main-footer {
        -webkit-transform: translate(230px, 0);
        -ms-transform: translate(230px, 0);
        -o-transform: translate(230px, 0);
        transform: translate(230px, 0)
    }
}

.content-wrapper,.right-side {
    min-height: 100%;
    background-color: #ecf0f5;
    z-index: 800
}

.main-footer {
    background: #fff;
    padding: 15px;
    color: #444;
    border-top: 1px solid #d2d6de
}

.fixed .main-header,.fixed .main-sidebar,.fixed .left-side {
    position: fixed
}

.fixed .main-header {
    top: 0;
    right: 0;
    left: 0
}

.fixed .content-wrapper,.fixed .right-side {
    padding-top: 50px
}

@media (max-width:767px) {
    .fixed .content-wrapper,.fixed .right-side {
        padding-top: 100px
    }
}

.fixed.layout-boxed .wrapper {
    max-width: 100%
}

body.hold-transition .content-wrapper,body.hold-transition .right-side,body.hold-transition .main-footer,body.hold-transition .main-sidebar,body.hold-transition .left-side,body.hold-transition .main-header .navbar,body.hold-transition .main-header .logo {
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}


.login-logo,.register-logo {
    font-size: 35px;
    text-align: center;
    margin-bottom: 25px;
    font-weight: 300
}

.login-logo a,.register-logo a {
    color: #444
}
.login-logo{
     margin-top: 20px; margin-bottom: 10px;
}
.login-page,.register-page {
   /* background: #d2d6de*/
    background: #f0f0f0
}

.login-box,.register-box {
    width: 360px;
    margin: 12% auto;

    height: auto;
    overflow: hidden;
    box-shadow: 0 -15px 30px #ddd;
    border-radius: 5px;
}

@media (max-width:768px) {
    .login-box,.register-box {
        width: 90%;
        margin-top: 20px
    }
}

.login-box-body,.register-box-body {
    background: #fff;
    padding: 20px;
    border-top: 0;
    color: #666
}

.login-box-body .form-control-feedback,.register-box-body .form-control-feedback {
    color: #777
}

.login-box-msg,.register-box-msg {
    margin: 0;
    text-align: center;
    padding: 0 20px 20px 20px
}