body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
    padding: 0px 0px;
    margin: 0px 0px;
}

.app {
    background: #f0f0f0;
    width: 100%;
    min-height: 100%;
    position: relative;
}


.app.error-page .card, .app.forgot-password .card, .app.lockscreen .card, .app.signin .card, .app.signup .card {
    box-shadow: 0 .125rem .25rem rgba(50, 70, 75, .2);
    display: block;
    margin: 100px auto;
    width: 100%}
.app.error-page .card {
    box-shadow: none;
}
.app.lockscreen .card {
    max-width: 400px;
}
.app.forgot-password .card, .app.signin .card {
    max-width: 500px;
}
.app.forgot-password .card .bottom-link, .app.signin .card .bottom-link {
    position: absolute;
    bottom: -30px;
    left: 5px;
}
.app.signup .card {
    max-width: 600px;
}
.app.signin.v2 .session-wrapper::after, .app.signup.v2 .session-wrapper::after {
    height: 0;
}
@media screen and (min-width:768px) {
    .app.signin.v2 .session-carousel, .app.signup.v2 .session-carousel {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: 0;
    width: 100%;
    width: -webkit-calc(100% - 500px);
    width: calc(100% - 500px);
}
.app.signin.v2 .carousel-inner>.item, .app.signin.v2 .session-carousel .carousel-inner, .app.signup.v2 .carousel-inner>.item, .app.signup.v2 .session-carousel .carousel-inner {
    width: 100%;
    height: 100%}
.app.signin.v2 .card, .app.signup.v2 .card {
    margin: 0;
    float: right;
    min-height: 100vh;
    box-shadow: none;
}
.app.signin.v2 .card .card-block, .app.signup.v2 .card .card-block {
    padding-top: 150px;
}
}@media (max-width:767px) {
    .app.signin.v2 .card, .app.signup.v2 .card {
        max-width: 100%;
        min-height: 100vh;
        margin: 0;
    }

    .app.signin.v2 .card .card-block, .app.signup.v2 .card .card-block {
        padding-top: 150px;
    }

    .app.signin.v2 .push, .app.signup.v2 .push {
        display: none;
    }
}

.layout-fixed-header .preloader-container {
    left: 12.5rem;
}
.layout-fixed-header .main-panel>.header {
    position: fixed;
    top: 0;
}
.layout-fixed-header .main-content {
    padding-top: 4.188rem;
}
.layout-fixed-header .main-content.no-padding {
    padding: 3.438rem 0 0;
}

.layout-boxed.layout-fixed-header .full-height-content, .layout-static-sidebar.layout-fixed-header .full-height-content {
    margin-top: 3.438rem;
}
.layout-fixed-header .main-panel>.header {
    padding-left: 12.5rem;
    margin-left: -12.5rem;
}
.layout-fixed-header.layout-small-menu .main-panel>.header {
    padding-left: 4.375rem;
    margin-left: -4.375rem;
}
.layout-fixed-header .full-height-content {
    top: 3.438rem;
}
.layout-fixed-header.layout-right-sidebar .main-panel>.header {
    padding-left: 0;
    padding-right: 12.5rem;
    margin-left: 0;
    margin-right: -12.5rem;
}
.layout-fixed-header.layout-right-sidebar.layout-small-menu .main-panel>.header {
    padding-left: 0;
    padding-right: 4.375rem;
    margin-left: 0;
    margin-right: -4.375rem;
}
@media (min-width:48em) {
    .layout-boxed, .layout-boxed .preloader, .layout-boxed.layout-fixed-footer footer.content-footer, .layout-boxed.layout-fixed-header .main-panel>.header {
    max-width: 46.88rem;
}
}@media (min-width:62rem) {
    .layout-boxed, .layout-boxed .preloader, .layout-boxed.layout-fixed-footer footer.content-footer, .layout-boxed.layout-fixed-header .main-panel>.header {
    max-width: 60.63rem;
}
}@media (min-width:75rem) {
    .layout-boxed, .layout-boxed .preloader, .layout-boxed.layout-fixed-footer footer.content-footer, .layout-boxed.layout-fixed-header .main-panel>.header {
    max-width: 73.13rem;
}
}

.brand:after, .card-header:after, .chat-panel .chat-header:after, .chat-panel .chat-users .nav-tabs:after, .color-brands:after, .composer .composer-options:after, .contact-header:after, .invoice-totals:after, .ioslist li:after, .ioslist-group-container:after, .location-selector:after, .main-panel:after, .main-panel>.main-content:after, .message-header:after, .panel-heading:after, .profile-sidebar-item:after, .profile-timeline-header:after, .session-wrapper:after, .timeline .timeline-card:after, .timeline .timeline-content:after, .timeline .timeline-heading:after, .wizard-pager:after, footer.content-footer:after, footer.session-footer:after {
    clear: both;
}
.session-wrapper {
    min-height: 100%;
    margin: 0 auto-2.5rem;
}
.session-wrapper:after, .session-wrapper:before {
    content: " ";
    display: table;
}
.push, .session-wrapper::after {
    height: 2.5rem;
}
.app.signin.v2 .session-wrapper::after, .app.signup.v2 .session-wrapper::after {
    height: 0;
}

@media screen and (min-width:768px) {
    .app.signin.v2 .session-carousel, .app.signup.v2 .session-carousel {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: 0;
    width: 100%;
    width: -webkit-calc(100% - 500px);
    width: calc(100% - 500px);
}
.app.signin.v2 .carousel-inner>.item, .app.signin.v2 .session-carousel .carousel-inner, .app.signup.v2 .carousel-inner>.item, .app.signup.v2 .session-carousel .carousel-inner {
    width: 100%;
    height: 100%}
}

.carousel, .carousel-inner {
    position: relative;
}


.carousel-inner {
    width: 100%}
.carousel-inner>.item {
    position: relative;
    display: none;
    -webkit-transition: .6s ease-in-out left;
    -o-transition: .6s ease-in-out left;
    transition: .6s ease-in-out left;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img {
    line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-inner>.item {
    -webkit-transition: -webkit-transform .6s ease-in-out;
    -o-transition: -o-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}
.carousel-inner>.item.active.right, .carousel-inner>.item.next {
    left: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}
.carousel-inner>.item.active.left, .carousel-inner>.item.prev {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}
.carousel-inner>.item.active, .carousel-inner>.item.next.left, .carousel-inner>.item.prev.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}.carousel-inner>.active, .carousel-inner>.next, .carousel-inner>.prev {
    display: block;
}
.carousel-inner>.active {
    left: 0;
}
.carousel-inner>.next, .carousel-inner>.prev {
    position: absolute;
    top: 0;
    width: 100%}
.carousel-inner>.next {
    left: 100%}
.carousel-inner>.prev {
    left: -100%}
.carousel-inner>.next.left, .carousel-inner>.prev.right {
    left: 0;
}
.carousel-inner>.active.left {
    left: -100%}
.carousel-inner>.active.right {
    left: 100%}
.carousel-inner {
    width: 100%;
    height: 100%}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    display: block;
    max-width: 100%;
    height: auto;
}

.card {
    position: relative;
    border: .0625rem solid #e4e4e4;
    border-radius: 0;
    padding-left: 45px;
    padding-right: 45px;
}
.app.error-page .card, .app.forgot-password .card, .app.lockscreen .card, .app.signin .card, .app.signup .card {
    box-shadow: 0 .125rem .25rem rgba(50, 70, 75, .2);
    display: block;
    margin: 100px auto;
    width: 100%}
.card-img-overlay+.card-block {
    position: relative;
    z-index: 100;
}

.divider {
    border-top: .0625rem solid #e4e4e4;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    height: 0;
}
.divider span {
    display: inline-block;
    position: relative;
    padding: 0 .75rem;
    top: -10px;
    background: #fff;
}

input {
    height: 50px;
    width: 100%;
}