@import url('https://fonts.googleapis.com/css?family=Cairo:300,400,600&display=swap&subset=arabic');
*, html {
  direction: rtl;
}
body{
  text-align:right;
  font-family: 'Cairo', sans-serif;
}
.u-header__navbar-body, .u-header__navbar-nav {
  margin-left:0;
  margin-right:auto
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
ul.list-group {
  padding-inline-start: 0;
}
.badge-pos-nd {
  left: -6em;
  right: auto !important;
}
.close{float:left;}
.btn-group > .btn:nth-child(2){
	border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
	border-right: 0;
}
.input-group-prepend .custom-select{border-top-right-radius: 0;border-bottom-right-radius: 0;}
input.mobile-number {    
    border-top-left-radius: 0;border-bottom-left-radius: 0;
} 
.custom-select {
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat left 1rem center/8px 10px;
  padding: 0.75rem 1rem 0.75rem 2rem;
}
.input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) {
  border-top-right-radius: 0.3125rem;
  border-bottom-right-radius: 0.3125rem
}