/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.selector{
    width: 99%;
    background: none;
    border-radius: 0px;
    padding: 10px;
    -webkit-appearance: none;
    border: 1px solid lightgray;
    font-size: 16px;
    color: gray;
}
.form-aplicator .preloader{
    display: none;
    height: 100%;
    position: absolute;
    top: 0;
    background: rgba(255,255,255,0.8);
    width: 100%;
}
.form-aplicator .preloader h2{
    position: absolute;
    top: 35%;
    right: 35%;
    font-size: 30px;
}
.form-aplicator{
    width: 100%;
    padding: 30px;
    background-color: white;
    border-radius: 25px;
    position: relative;
    overflow: hidden;
}
.form-container .cols{
    display: inline-block;
    margin: 0px .5%;
}
.form-container span{
    font-size: 16px;
}
.form-container input{
    font-size: 16px;
    padding: 5px 10px;
    width: 100%;
}
.form-container input, .form-container span{
    display: inline-block;
}
.row-form{
    padding: 15px 0px;
}
.col-2{
    width: 18%;
}
.col-3{
    width: 28%;
}
.col-4{
    width: 38%;
}
.col-5{
    width: 48%;
}
.col-6{
    width: 58%;
}
.col-7{
    width: 68%;
}
.resetYog{
    width: 200px;
}
.submitYog, .resetYog{
    padding: 10px !important;
    display: inline-block !important;
    margin-right: 10px;
    border: none;
}
.submitYog{
    width: 100%;
    margin-top: 20px;
    background-color: #941c21;
    color: white;
    border-radius: 10px;
    transition: all .3s;
}
.submitYog:hover{
    opacity: 0.8;
}
.resetYog{
    background-color: lightgray;
    color: red;
    border-radius: 10px;
}

@media screen and (max-width: 768px){
    .cols{
        width: 100%;
    }
    .form-aplicator input{
        margin-bottom: 5px !important;
    }
}