@font-face {
    font-family: Sahel;
    src: url('../../../fonts/Sahel/Sahel.eot');
    src: url('../../../fonts/Sahel/Sahel.eot?#iefix') format('embedded-opentype'),
    url('../../../fonts/Sahel/Sahel.woff') format('woff'),
    url('../../../fonts/Sahel/Sahel.ttf') format('truetype');
    font-weight: normal;
}
.modal-header {
    background-color: #00488c !important;
    font-family: Sahel;
    color: #fff !important;
    color: #ffffff !important;
    overflow: hidden !important;
    position:relative;
}

.modal-header h5 {
    font-family: Sahel;
    font-size: 14px;
    font-weight: 500!important;
    text-align: center;
    width: 85% !important;
    margin-top: 2% !important;
}
#exampleModal{
    background-color: rgba(0,0,0,0.8)!important;
}
.modal-header .close 
{
    position:absolute;
    width: 30px !important;
    height:100%;
    opacity: 0.9 !important;
    top: 0 !important;
    outline: 0 !important;
    background: url(../../image-test/close-circle2.svg) no-repeat !important;
    color: transparent!important;
    padding:5%!important;
    
}

.modal-content {
    background-color: #e2e3e5 !important;
    border-radius: 1rem!important;
    -moz-border-radius: 1rem !important;
    -webkit-border-radius: 1rem !important;
    overflow: hidden!important;
}

.modal-footer {
    padding-top: 0 !important;
    border: none!important;
}

.modal-body .form-group {
    margin-bottom: 0 !important;
}

.modal-content {
    margin-top: 30% !important;
}
.butn {
    background-color: #00488c !important;
    color: #ffffff !important;
    width: 48% !important;
    border-radius: 42px !important;
    overflow: hidden !important;
    border: 0;
    text-align: center;
    cursor: pointer;
    padding: 2% 0 !important;
    font-size: 14px !important;
}

.butn:focus {
    outline: 0 !important;
}

.inp_pass_tow {
    overflow: hidden !important;
    text-align: center;
    color: black;
    margin: 0 auto;
    -moz-border-radius: 150px !important;
    -webkit-border-radius: 150px !important;
    border-radius: 150px !important;
    padding: 2% !important;
}
.discription {
    width: 100% !important;
    overflow: hidden !important;
    text-align: center;
    color: #00488c !important;
    margin: 0 auto;
    padding-bottom: 2% !important;
}
.modal-body .form-group{
    border: none!important;
}
.modal-body {
    border: none!important;
}
span{
    direction: rtl!important;
}
.form-control{
    height: calc(1.8rem + 0px)!important;
}
.modal-body .info_user
{
 
    font-size:16px;
    text-align:center;
    
}