body {
    background-color: gainsboro;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    /* background-image: url("/img/bg.jpg"); */
    background-repeat: repeat;
    background-size: 25% auto;
    background-position: center;
    background-attachment: scroll;
}

small#error {
    display: none;
}

.form-group[data-valid="false"] small {
    display: block !important;
    color: #ba0020;
}

form {
    background: #fff;
    padding: 0 20px 20px 20px;
}

.form-wrapper{
    padding: 65px 20px 55px 20px;
}

h2.myH2{
    padding: 24px 5px 8px 0;
    box-sizing: border-box;
    font-size: 32px;
    line-height: 43.2px;
    max-width: 100%;
    min-width: 0%;
    font-family: 'Google Sans', Roboto, Helvetica, Arial, sans-serif;

}

p.myP{
    font-family: Roboto, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.2px;
    line-height: 20px;
    color: #202124;
    margin-top: -16px;

}

label#required::after {
    content: "*";
    color: red;
}




button {
    background-color: #4c4c4c;
    border-color: transparent;
    color: #ffffff;
    padding: 0 34px;
    font-size: 12.4px;
}


button {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    line-height: 2em;
    margin: 0 8px 0 calc(16px / 2);
    border-width: 1px;
    border-style: solid;
    border-radius: 3px;
    min-height: calc( 8px + 2em + 8px );
    margin-top: 8px;
}

input.file{
    padding: 2px !important;
}

.thank{
    font-family: 'Open Sans', sans-serif !important;
    font-size: 24px;
}


@media (max-width: 990px){
    
    .form-wrapper {
    padding: 65px 0px 55px 0px;
}

}

@media (min-width: 992px){
    .container, .container-lg, .container-md, .container-sm {
    max-width: 640px;
}
}

video {
    border-radius: 20px;
    width: 200px;
    height: 100%;
}

.selfie-mode .selfie-area img, .selfie-mode #openCamera{
    display: none !important;
}


.selfie-mode #capture {
    display: block !important;
}

.selfie-area{
    width: 200px;
        height: 200px;
        object-fit: cover;
        border-radius: 50%;
}

.selfie-area img{
    width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 50%;
}