@font-face {
  font-family: "Roboto Regular";
  src: url("font/Roboto-Regular.ttf");
}
@font-face {
  font-family: "Alata";
  src: url("font/Alata-Regular.ttf");
}
@font-face {
  font-family: "Droid Arabic Kufi";
  src: url("font/DroidKufi.ttf");
}

body {
  direction: rtl;
  font-family: "Droid Arabic Kufi";
}
.navbar-brand {
  margin-left: var(--bs-navbar-brand-margin-end);
  margin-right: initial;
}
.footerBox {
  text-align: left;
}
.form-floating > label {
  right: 0;
  left: auto;
}
.forgotpass {
  direction: ltr;
  text-align: right;
}
.RegisForm {
  direction: ltr;
}
.LangDesign {
  direction: ltr;
  margin-right: auto;
}
.LangDesign span {
  margin-left: 10px;
}

#togglePassword {
  left: 27px;
}
.FirstHeading {
  text-align: right;
}
.RemarksDate {
  left: 44px;
}
.Float-Dir_R {
  float: left;
}
.Float-Dir_L {
  float: right;
}
.form-select {
  background-position: left 1.5rem center;
}
.validation.showError,
.filevalidation.showError {
  float: right;
}
.validation,
.filevalidation {
  margin: 0 26px 0 0;
}
.CalIcon {
  background-position: 25px center;
}
.TabsHeading {
  text-align: right;
  font-size: 0.8rem;
  position: relative;
}

.TabsHeading.active:after {
  left: 10px;
  background: url(../images/arrow-left.svg) no-repeat;
}
.TabsHeading:hover:after {
  left: 10px;
  background: url(../images/arrow-left.svg) no-repeat;
}
.TabsMenu {
  position: relative;
}
.CounterNumber {
  margin-left: 14px;
}
.DashbordParagraph {
  margin-right: 14px;
}
.BackBtn {
  margin: auto 10px auto auto;
}
.Form-Set {
  text-align: start;
}
td .CalIcon {
  background-position: 12px center;
}
.PerIcon {
  background-position: 12px center;
}
.lefttext {
  text-align: right;
}
.righttext {
  text-align: left;
}
.tablesetfield div span {
  padding-right: 2px;
}
.CheckDirection .form-check-input {
  margin-left: 0;
}

.accordion-button::after {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
  transform: scale(0.7) !important;
}
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
}
.accordion-button::after {
  margin-right: auto;
  margin-left: 0;
}
#captchaImage {
  position: absolute;
  left: 10px;
  top: 8px;
}
.refreshbtn {
  position: absolute;
  left: 90px;
  top: 18px;
}

#collapseTwo .form-check {
  font-size: 0.7rem !important;
}
#collapseTwo .Form-Set-Second {
  font-size: 0.9rem !important;
}
#collapseTwo .tableHeading > tbody tr td {
  font-size: 0.9rem;
}
.RadioPositionspacing {
  margin-left: 5px;
  margin-top: 3px;
}

.NotificationBg {
  left: 35px;
  align-self: anchor-center;
}

@media all and (min-width: 992px) {
  .dropdown-menu .submenu {
    right: 100%;
  }
  .dropdown-menu .submenu-left {
    left: 100%;
  }
}
@media (max-width: 991px) {
  .dropdown-menu .dropdown-menu {
    margin-right: 0.7rem;
    margin-left: 0.7rem;
  }
  table td::before {
    float: right;
    text-align: right;
  }
  table td {
    text-align: left;
  }
  .tablesetfield div {
    text-align: start;
  }
}
