.form-paso{
    display:none;
}
.form-view{
    box-sizing: border-box;
    background: #fff;
    margin:0;
    width:350px;
    box-shadow: 0 5px 10px #000;
    padding:5px 0;
}
.form-view .bottom{
    background: #eee;
    border-top:solid 1px #ddd;
    border-bottom:solid 1px #ddd;
    padding: 10px;
    text-align: center;
}
.form-view .bottom.inner-pad{
    margin:0 -10px;
}
.form-view .bottom a {
    margin-top:10px;
    color: #006F9F;
    font-weight: bold;
    display: block;
    cursor: pointer;
}
.form-view .logo{
    padding:5px 10px;
    color:#454545;
    font-weight: 400;
    font-size: 20px;
    text-align: center;
}
.form-view .logo img{
    max-width: 60px;
    vertical-align: middle;
}
.form-paso.selected{
    list-style: none;
    padding: 5px 10px;
    display: block;
}
.form-view.no-pad-end .form-paso{
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}
.form-paso i{
    font-size:12px;
}
.form-paso > li{
    margin-bottom: 10px;
}
.form-paso li{
    padding:0 0 8px;
}
.form-paso label{
    display: block;
    padding: 0;
    font-weight: bold;
    font-size: 12px;
}
.form-paso li .col{
    padding:0 5px;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
}
.form-paso li input, .form-paso li select{
    width:100%;
    box-sizing: border-box;
}
.form-paso li.c2 .col{
    width:50%;
    box-sizing: border-box;
    vertical-align:top;
}
.form-paso li.c2 .col label{
    padding:0 5px;
}

.form-paso li input[type=checkbox],.form-paso li input[type=radio]{
    width:auto;
}
.form-content{
    position: absolute;
    box-sizing: border-box;
    background: #fff;
}
.error, .error:hover, .error:active{
    /* box-shadow: 0 0 5px #f00 !important; */
}
.chosen-container{
    width: 100% !important;
}
.next, .red{
    background: #c00;
}
body{
    display: flex;
    align-items: center;
    justify-content: center;
}
h2{
    font-weight: bold;
    color:#fff;
    text-shadow: 0 0 5px #000;
}
.content-body{
    position: relative;
    width: 100%; 
    height:100%;
    background: #fff;
}
@media only screen and (max-width:799px) {
    .form-content{
        width:100%;
        padding:10px;
    }
    .form-view{
        width:100%;
    }
    /* .content-body{
        max-height: 945px;
        max-width: 799px;
        margin: 0 auto;
    } */
}
@media only screen and (min-width:800px) {
    .form-content{
        width: 50%;
        right: 0px;
        height: 100vh;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    /* .content-body{
        max-height: 960px;
        max-width: 1280px;
        margin: 10px auto;
        box-shadow: 0 5px 20px #000;
    } */
}