@charset "utf-8";

/* -- Fonts */
@font-face {
  font-family: akhbrbd;
  src: url(../fonts/akhbrbd.ttf) format('truetype');
}
@font-face {
  font-family: al_battar;
  src: url(../fonts/al_battar.ttf) format('truetype');
}
@font-face {
  font-family: alarabiya_normal_font;
  src: url(../fonts/alarabiya_normal_font.ttf) format('truetype');
}
@font-face {
  font-family: almwaheb_by_a4d_1;
  src: url(../fonts/almwaheb_by_a4d_1.ttf) format('truetype');
}
@font-face { 
  font-family: hacen_jordan;
  src: url(../fonts/hacen_jordan.ttf) format('truetype');
}
@font-face {
  font-family: hacen_tunisia_bold;
  src: url(../fonts/hacen_tunisia_bold.ttf) format('truetype');
}
@font-face {
  font-family: hacen_tunisia_lt;
  src: url(../fonts/hacen_tunisia_lt.ttf) format('truetype');
}
@font-face {
  font-family: hacen_tunisia;
  src: url(../fonts/hacen_tunisia.ttf) format('truetype');
}
@font-face {
  font-family: hesham_normal;
  src: url(../fonts/hesham_normal.ttf) format('truetype');
}
@font-face {
  font-family: islamic_art_a;
  src: url(../fonts/islamic_art_a.ttf) format('truetype');
}
@font-face {
  font-family: kacstoffice;
  src: url(../fonts/kacstoffice.ttf) format('truetype');
}
@font-face {
  font-family: lotus_linotype_light_0;
  src: url(../fonts/lotus_linotype_light_0.ttf) format('truetype');
}
@font-face {
  font-family: lotus_linotype_light;
  src: url(../fonts/lotus_linotype_light.ttf) format('truetype');
}
@font-face {
  font-family: majalla;
  src: url(../fonts/majalla.ttf) format('truetype');
}
@font-face {
  font-family: majallab;
  src: url(../fonts/majallab.ttf) format('truetype');
}
@font-face {
  font-family: mohammad_bold_art_1;
  src: url(../fonts/mohammad_bold_art_1.woff) format('woff');
}
@font-face {
  font-family: sultan_bold;
  src: url(../fonts/sultan_bold.woff) format('woff');
}

.font_arab_01{ font-family: akhbrbd !important; }
.font_arab_02{ font-family: al_battar !important; }
.font_arab_03{ font-family: alarabiya_normal_font !important; }
.font_arab_04{ font-family: almwaheb_by_a4d_1 !important; }
.font_arab_05{ font-family: hacen_jordan !important; }
.font_arab_06{ font-family: hacen_tunisia_bold !important; }
.font_arab_07{ font-family: hacen_tunisia_lt !important; }
.font_arab_08{ font-family: hacen_tunisia !important; }
.font_arab_09{ font-family: hesham_normal !important; }
.font_arab_10{ font-family: islamic_art_a !important; }
.font_arab_11{ font-family: kacstoffice !important; }
.font_arab_12{ font-family: lotus_linotype_light_0 !important; }
.font_arab_13{ font-family: lotus_linotype_light !important; }
.font_arab_14{ font-family: majalla !important; }
.font_arab_15{ font-family: majallab !important; }
.font_arab_16{ font-family: mohammad_bold_art_1 !important; }
.font_arab_17{ font-family: sultan_bold !important; }

/* -- Globale */
.cursor-pointer{
  cursor: pointer;
}
.no-scrollbar{
  overflow: hidden !important; /* Hide scrollbars */
}

/* -- FlayWindow */
.FlayWindow{
  position : absolute;
  width: 100%;
  max-width : 300px;
  height: 100%;
  max-height : 200px;
  background : hwb(0deg 95% 5%);
  border-radius: 10px;
  border: solid 2px;
  overflow: auto !important;
}
@media (min-width: 576px) {
  .FlayWindow{
    max-width : 300px  !important;
    max-height : 200px  !important;
  }
}
@media (min-width: 768px) {
  .FlayWindow{
    max-width : 450px  !important;
    max-height : 300px  !important;
  }
}
@media (min-width: 992px) {
  .FlayWindow{
    max-width : 800px  !important;
    max-height : 400px  !important;
  }
}
@media (min-width: 1200px) {
  .FlayWindow{
    max-width : 1000px  !important;
    max-height : 500px  !important;
  }
}
.zinding-1{ z-index: 99999; }
.zinding-2{ z-index: 100000; }
.zinding-3{ z-index: 100001; }
.zinding-5{ z-index: 100002; }
.zinding-6{ z-index: 100003; }


/* -- data-table */
.dataTables_filter label input{
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}
div.DTED_Lightbox_Wrapper{
  z-index: 999999 !important;
}
.select2-dropdown {
  z-index: 100099;
}

.textForTraduction{
  background-color: #ffff00 !important;
  color: #000 !important;
}

.syncronyisationData{
  position: fixed;
  bottom: 20px;
  right: 0;
  left: 0;
  width: 250px;
  font-size: 8px;
  font-weight: 900;
  text-align: center;
  z-index: 100999;
  margin: 0 auto;
  padding: 0 10px;
}
.syncronyisation-success{
  background-color: rgb(25 0 255 / 22%);
  border: solid 1px #0012ff;
  color: #2326cc;
}
.syncronyisation-failed{
  background-color: rgb(255 0 25 / 22%);
  border: solid 1px #ff1200;
  color: #cc2623;
}

/* loading dots */
.loading-dots:after {
  content: ' .';
  animation: loading_dots 1s steps(5, end) infinite;
}
@keyframes loading_dots {
  0%, 20% {
    color: rgba(0,0,0,0);
    text-shadow:
    .25em 0 0 rgba(0,0,0,0),
    .5em 0 0 rgba(0,0,0,0);
  }
  40% {
    color: #2326cc;
    text-shadow:
    .25em 0 0 rgba(0,0,0,0),
    .5em 0 0 rgba(0,0,0,0);
  }
  60% {
    text-shadow:
    .25em 0 0 #2326cc,
    .5em 0 0 rgba(0,0,0,0);
  }
  80%, 100% {
    text-shadow:
    .25em 0 0 #2326cc,
    .5em 0 0 #2326cc;
  }
}