.form-bg{
background: linear-gradient(to right,#e16b47,#3d3537);
font-family: 'Roboto', sans-serif;
color: #fff;
}
.form-horizontal .form-group{
margin-bottom: 30px;
}
.form-horizontal hr{
border: 1px solid rgba(255,255,255,0.3);
margin: 20px 0;
}
.form-horizontal .control-label{
text-align: left;
}
.form-horizontal .form-control{
padding: 5px 15px;
background: #fff;
border: 1px solid #00c7c7;
}
.form-horizontal .form-control:focus{
box-shadow:0 1px 10px #00c7c7;
}
.form-horizontal .btn-default{
background: #00c7c7;
border-color: transparent;
color: #fff;
margin-left: -45px;
border-radius: 0 4px 4px 0;
}
.form-horizontal .btn-default:hover{
background :#000;
border-color: transparent;
color: #fff;
}
.form-horizontal .checkbox-custom{
opacity: 0;
position: absolute;
}
.form-horizontal .checkbox-custom,
.form-horizontal .checkbox-custom-label{
display: inline-block;
vertical-align: middle;
margin: 5px;
cursor: pointer;
}
.form-horizontal .checkbox-custom-label{
position: relative;
}
.checkbox-custom + .checkbox-custom-label:before{
content: "";
display: inline-block;
width: 30px;
height: 30px;
line-height:30px;
border-radius: 50%;
text-align: center;
background: #fff;
vertical-align: middle;
margin-right: 10px;
}
.checkbox-custom:checked + .checkbox-custom-label:before{
content: "\f00c";
font-family: "Font Awesome 5 Free"; font-weight: 900;
background: #00c7c7;
color: #fff;
text-align: center;
vertical-align: middle;
}
@media only screen and (max-width: 767px){
.form-horizontal .btn-default{
margin-left: -33px;
}
}