@import "../fonts/styles.css";

* {
    font-family: 'DroidArabicKufi';

}
body
{

    background-repeat: no-repeat;

}



/*index*/

button.btn.btn_send_doc {
    background: #ffc107;
    padding: 6px 22px;
}
.body_from {
    min-height: 640px;
    background-color: #f0f4f747;
    border-radius: 15px;
    box-shadow: 1px 3px 6px 0 #0000001c;
    border-top: 0;
    border-bottom: 0;
    padding: 20px;
     background-size: 378px;
    background-position: center;
}

#idForm .input-group-text {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    white-space: unset;
    background-color: #fbe5d6;
    border-radius: 0.25rem;
    width: 175px;
    height: 50px;
}
#idForm .input-group-text.place_birth_and_birthday {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    white-space: unset;
    background-color: #fbe5d6;
    border: 1px solid #fbe5d6;
    border-radius: 0.25rem;
    width: 75px;
    height: 50px;
}
.radio-grid
{
    display: flex;
    align-items: center;
}

.title_doc {
    text-align: center;
    font-size: 25px;
    margin-bottom: 30px;
    font-weight: bold;
}
.rel .form-check-inline {
    display: inline-block;
    margin-left: 1rem;
    border-radius: 13px;
    width: 85px;
    padding-right: 34px;
    background: #f1f5f8;
    padding-top: 5px;
    padding-bottom: 5px;
}
.rel .form-check-inline  label{
    cursor: pointer;
}


@media  (max-width: 991px) {

    #idForm .input-group-text {
        width: 175px !important;
        height: auto !important;


    }

}

@media  (max-width: 640px){

    #idForm .input-group-text
    {
        width: 100% !important;
        height: auto  !important;
        text-align: right  !important;
        padding: 0  !important;
        background: transparent  !important;
        border: 0  !important;

    }

    .form-control
    {
        border-radius: 0.25rem !important;
    }
    .radio-grid
    {
        display: block;
        align-items: center;
    }

}