.inputs{
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.inputs .top-group{
    width: 100%;
}
.inputs .bottom-group{
    width: 100%;    
    
}

.inputs .bottom-group input{
    
}

.inputs .form-group{
    margin-bottom: 20px;
}

.inputs input{
    border-radius: 10px ;
    border: 1px solid #4a5b6a;
    width: 100%;
}
.inputs label{
    padding-bottom: 5px;;
}
.checks label{
    font-weight: bold;
    color: black;
    font-size: 1.2em;
    padding-left: 10px;
    display: inline-flex;
    cursor: pointer;
    position: relative;
}

.checks p{
    color: #4a5b6a;
    padding: 1% 8% 2% 8%;    
}

.checks label > span{    
    padding-left: 25px;
    /* padding-top: -5px; */
}

/* .checks input[type=checkbox]{

    width: 20px;
    height: 20px;
    border-width: 1px;   
    background-image: linear-gradient(135deg, #B1B6BE 0%, #FFF 100%);
} */

.checks label > input[type=checkbox] {
    height: 35px;
    width: 35px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: 1px solid #34495E;
    border-radius: 4px;
    outline: none;
    transition-duration: 0.3s;
    cursor: pointer;
    
  }

.checks label > input[type=checkbox]:checked {
    
    background-color: #ff773f;
}

.checks label > input[type=checkbox]:checked + span::before {
    content: '\2713';    
    display: block;
    text-align: center;
    position: absolute;
    left: 0.95rem;
    top: 0.19;
}

.checks label > input[type=checkbox]:active {
    border: 2px solid #34495E;
}