.text-arabic {
    direction: rtl !important;
    text-align: right !important;
}

.text-english {
    direction: ltr !important;
    text-align: left !important;
}

.input-english{
    text-align: left;
    direction: ltr;
}
.exit-left {
    left: 10px;
}
.exit-right {
    right: 10px;
}

#exit:hover { 
    font-weight: 600;
    background-color: #000000c2;
    color: white;
}


.max-input-width {
  max-width: 310px;
}

.pw-intput {
  max-width: 250px;
}
.pw-intput:dir(ltr) {
  margin-inline-end: 8px;
}

.pw-intput:dir(rtl) {
  margin-inline-start: 8px;
}
#togglePassword,
#btnpass {
  cursor: pointer;
  margin-inline-start: 5px;
}

#btnpass::before {
  margin-left: 5px;
}

.btn-back i {
  margin-inline-end: 8px;
}

 .btn-with-icon {
      display: flex;
  }
  .btn-with-icon i {
      margin-inline-start: 6px;
  }

  .civil-id-wraper {
      display: inline-flex;
        align-items: center;
        margin-bottom: 2px;
        direction: ltr;
        justify-content: end;
    }

    .code-first5{
        width: 78px;
    }
    .code-mid7 {
        width: 100px;
    }
    
    .code-last1{
        width: 30px;
    }

    .code-dash {
        width: 8px !important;
        margin-inline: 3px;
        font-size: large;
        font-weight: 600;
    }

    
    .civil-id-wraper .civil_id-input {
        text-align: center;
        /* font-size: 20px;
        font-weight: 600; */
        /* color: #040404;
        border-color: #e8e8e8;
        border: 1px solid #ced4da;
        border-radius: 5px;
        outline: none; */
    }

    .civil-id-wraper .civil_id-input:focus {
        border: 1px solid #7667FF;
    }