.form-container {
    background-color : #009FE3;
    color : #ffffff;
}

.form-title {
    padding-top : 10px;
    padding-bottom : 10px;
    padding-left : 20px;
    padding-right : 20px;
    font-weight : bold;
}

.form-fields {
    padding-bottom : 15px;
    padding-left : 20px;
    padding-right : 20px;
}

.form-fields input:focus {
    border-color : #0096D7;
    box-shadow : 0px 0px 0.2rem 0.2rem #0096D7;
}

.form-fields-reminder {
    font-size : 85%;
}

.form-fields-error {
    background-color : #f00000;
    padding : 10px 20px;
    color : #ffffff;
    text-align : center;
}

.form-checkboxes-error {
    background-color : #f00000;
    padding : 10px 20px;
    margin-top : 10px;
    margin-bottom : 10px;
    color : #ffffff;
    text-align : center;
}

.form-response-error {
    background-color : #f00000;
    padding : 20px 20px;
    margin-bottom : 10px;
    color : #ffffff;
    text-align : center;
}

.form-spinner {
    padding : 20px 20px;
    font-size : 200%;
}

.form-label {
    font-size : 92%;
    text-align: left;
    margin-top : 8px;
}

.form-checkboxes {
    padding-left : 20px;
    padding-right : 20px;
}

.form-submit {
    padding : 10px 20px 20px 20px;
    text-align : right;
}

.form-submit input[type=submit] {
    padding : 2px 15px;
    background-color : #ffffff;
    font-weight : bolder;
    font-size : 105%;
    border : solid 1px #0096D7;
    color : #009FE3;
}

.form-footer {
    padding-left : 20px;
    padding-right : 20px;
    padding-bottom : 10px;    
}

/* Checkboxes con FontAwesome */

input[type=checkbox] { display:none; } /* to hide the checkbox itself */

input[type=checkbox] + label {
    margin-bottom : 0 !important; /* override bootstrap */
    display : initial !important; /* override bootstrap */
}

input[type=checkbox] + label:before {
    font-family: 'Font Awesome 5 Free';
    font-size : 175%;
    letter-spacing: 10px; /* space between checkbox and label */
    content: "\f0c8"; /* unchecked icon */
}

input[type=checkbox]:checked + label:before { 
    content: "\f14a"; /* checked icon */ 
}

/* Style for each checkbox 'row' */

.form-checkbox-row {
    display: -ms-flexbox; 
    display: flex; 
    -ms-flex-align : center; 
    align-items: center;
}

.form-checkbox-label-container {
    width : 90%; /* for IE 10-11 */
}

.form-checkbox-label-container label {
    font-size : 90%; 
    margin-bottom : 0; 
    line-height : 1.10;
}

.response-container {
    /*background-color: #ffffff; 
    color: #00AEEF;*/
    color : #FFFFFF;
    font-size: 22px;
    line-height: 28px;
    font-weight: 500;
}