Selects any element with right-to-left text
/* @font-face {
  font-family: 'GE Dinar One';
  src: url('GEDinarOne-Medium.otf') format('woff');
} */

/* 
@font-face {
  font-family: 'RotisSemiSansStd';
  src: url('RotisSemiSansStd.otf') format('woff');
} */

*{
  font-family: 'IBM Plex Sans Arabic', sans-serif;
}

/* TODO: Apple dire='rtl' to multiple classes */

/* [dir="rtl"] body, 
[dir="rtl"] input,
[dir="rtl"] button,
[dir="rtl"] select,
[dir="rtl"] optgroup,
[dir="rtl"] textarea,
[dir="rtl"] label,
[dir="rtl"] .alert,
[dir="rtl"] .badge,
[dir="rtl"] .blockquote-footer,
[dir="rtl"] .btn,
[dir="rtl"] [data-list] .page,
[dir="rtl"] .tox .tox-menu__footer .tox-button:last-child,
[dir="rtl"] .tox .tox-dialog__footer .tox-button:last-child,
[dir="rtl"] .tox .tox-menu__footer .tox-button--secondary,
[dir="rtl"] .tox .tox-dialog__footer .tox-button--secondary,
[dir="rtl"] .navbar,
[dir="rtl"] .pagination,
[dir="rtl"] .valid-feedback,
[dir="rtl"] .invalid-feedback,
[dir="rtl"] h6,
[dir="rtl"] .h6,
[dir="rtl"] h5,
[dir="rtl"] .h5,
[dir="rtl"] h4,
[dir="rtl"] .h4,
[dir="rtl"] h3,
[dir="rtl"] .h3,
[dir="rtl"] h2,
[dir="rtl"] .h2,
[dir="rtl"] h1,
[dir="rtl"] .h1 {
  font-family: 'GE Dinar One', 'Poppins';

} */


/* [dir="ltr"] body,
[dir="ltr"] input,
[dir="ltr"] button,
[dir="ltr"] select,
[dir="ltr"] optgroup,
[dir="ltr"] textarea,
[dir="ltr"] label,
[dir="ltr"] .alert,
[dir="ltr"] .badge,
[dir="ltr"] .blockquote-footer,
[dir="ltr"] .btn,
[dir="ltr"] [data-list] .page,
[dir="ltr"] .tox .tox-menu__footer .tox-button:last-child,
[dir="ltr"] .tox .tox-dialog__footer .tox-button:last-child,
[dir="ltr"] .tox .tox-menu__footer .tox-button--secondary,
[dir="ltr"] .tox .tox-dialog__footer .tox-button--secondary,
[dir="ltr"] .navbar,
[dir="ltr"] .pagination,
[dir="ltr"] .valid-feedback,
[dir="ltr"] .invalid-feedback,
[dir="ltr"] h6,
[dir="ltr"] .h6,
[dir="ltr"] h5,
[dir="ltr"] .h5,
[dir="ltr"] h4,
[dir="ltr"] .h4,
[dir="ltr"] h3,
[dir="ltr"] .h3,
[dir="ltr"] h2,
[dir="ltr"] .h2,
[dir="ltr"] h1,
[dir="ltr"] .h1 {
  

} */

html[dir=rtl] .bootstrap-select .dropdown-toggle .filter-option {
  text-align: right;
}

.page-item.disabled .page-link {
  color: #6c757d;
  border-color: #edf2f9;;
}

.dark .page-item.disabled .page-link {
  color: #89929a;
  border-color: #232e3c;
}


[dir="rtl"] div.dataTables_wrapper div.dataTables_length label{
float: left;
}
.chart {
  display: none;
}
[dir="rtl"] .pm-oip-modal{
direction:ltr;
}


.postman-button{
  display: block !important;
}

.token{

  font-family: 'Menlo', 'Bitstream Vera Sans Mono', 'Monaco', 'Consolas', monospace !important;

}

/* .z-2000{
  z-index: 2000 !important;
} */

.map-container{
  margin-left: auto !important;
  margin-right: auto !important;
}

.map {
  height: calc(100vh - 10px);
  width: 100%;
}

.bootstrap-select{
  width: 100% !important;
}

.dt-buttons{
  margin-bottom: 1%;
}

.nafath-btn{
  background-color: #11998E;
  animation: bounce 2s ease infinite;

}

@keyframes bounce {
  70% { transform:translateY(0%); }
  80% { transform:translateY(-15%); }
  90% { transform:translateY(0%); }
  95% { transform:translateY(-7%); }
  97% { transform:translateY(0%); }
  99% { transform:translateY(-3%); }
  100% { transform:translateY(0); }
  }
  .glossy-button:before {
    content: '';
  position: absolute;
  width: 100px;
  height: 100%;
  background-image: linear-gradient(
      120deg,
      rgba(255,255,255, 0) 30%,
      rgba(255,255,255, .8),
      rgba(255,255,255, 0) 70%
  );
  top: 0;
  left: -100px;
}
@keyframes shine {
  0% {left: -100%}
  20% {left: 100%}
  100% {left: 100%}
}
.glossy-button {
  border: none;
  border-radius: 5px;
  padding: 5px 20px;
  background: #11998E;
  position: relative;
  overflow: hidden;
}
.glossy-button:before {
  content: '';
  position: absolute;
  width: 100px;
  height: 100%;
  background-image: linear-gradient(
      120deg,
      rgba(255,255,255, 0) 30%,
      rgba(255,255,255, .8),
      rgba(255,255,255, 0) 70%
  );
  top: 0;
  left: -100px;
  animation: shine 3s infinite linear; /* Animation */
}

.badge-subtle-success {
  color: var(--falcon-success-text-emphasis);
  background-color: var(--falcon-success-bg-subtle);
}

:root{
  --falcon-success-text-emphasis: #00894f;
  --falcon-success-bg-subtle: #d9f8eb;
}