@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Old+Permic&display=swap');

body {
    font-family: 'Noto Sans Old Permic', sans-serif;
}

a {
    text-decoration: none !important;
}

.btn-check:focus+.btn-outline-light,
.btn-outline-light:focus,
.btn-check:active+.btn-outline-light:focus,
.btn-check:checked+.btn-outline-light:focus,
.btn-outline-light.active:focus,
.btn-outline-light.dropdown-toggle.show:focus,
.btn-outline-light:active:focus,
.form-control.is-valid:focus,
.was-validated .form-control:valid:focus,
.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus ,
.form-control:focus,.btn-check:focus + .btn-primary, .btn-primary:focus,.btn-primary:active:focus{
    box-shadow: none;
}



.form-control:focus{
    border-color: #595959;
}
footer{
    background-color: white;
    direction: rtl;
}
.logo{
    width: 59px;
    height: auto;
}
.nav-link{
    color: #255E80 !important;
}
.nav-link.active{
    color: #000000 !important;
}
.directionSection{
    direction: rtl;
}
.icon a{
    font-size: 1.6rem;
    color: #5091b5;
    margin-left: .61rem;
}
.form-control:focus {
    right: 0;
}


.iconSuccessfully{
    margin-left: .5rem !important;
}

.form-control, .form-control:focus{
    border-color: white white black white;
     border-style: solid;
    border-width: 3px;
}
.form-control.is-invalid, .was-validated .form-control:invalid{
    border-color: white white #dc3545 white !important;
}
.form-control.is-valid, .was-validated .form-control:valid{
    border-color: white white #198754 white !important;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: white;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  border-color: white white black white;
  border-style: solid;
  border-width: 3px;
    
}

.nav-tabs .nav-link{
border: 1px solid #fff;
}

.spinner-border {
    width: 1.1rem;
    height: 1.1rem;
}
.btn.disabled, .btn:disabled, fieldset:disabled .btn{
    opacity: 1;
}

@media (min-width: 0px) and (max-width: 768px) {
    .logo{
        width: 59px;
        height: auto;
    }
    .btn{
        padding: .3rem .3rem;
        font-size: .8888rem;
    }
    .nav-tabs .nav-link{
        font-size: .8rem;
    }
}