@font-face {
  font-family: 'Sahel';
  src: url('../fonts/Sahel-FD.ttf');
}
@font-face {
  font-family: 'SahelBold';
  src: url('../fonts/Sahel-Bold-FD.ttf');
}

* {
  font-family: 'Sahel' !important;
  font-size: 14px;
}

.mini-toastr {
  top: auto !important;
  bottom: 30px;
  right: auto !important;
  left: 0;
  font-family: 'Sahel' !important;
  direction: rtl !important;
  font-size: 16px;
}

.font_8 {
  font-size: 8px;
}

.font_10 {
  font-size: 10px !important;
}

.font_12 {
  font-size: 12px !important;
}

.font_14 {
  font-size: 14px !important;
}

.font_16 {
  font-size: 16px !important;
}

.font_18 {
  font-size: 18px !important;
}

.font_20 {
  font-size: 20px !important;
}

.font_22 {
  font-size: 22px;
}

.font_24 {
  font-size: 24px !important;
}

.font_28 {
  font-size: 28px !important;
}

.font_30 {
  font-size: 30px;
}

.font_40 {
  font-size: 40px !important;
}

text {
  font-family: 'Sahel' !important;
}

.font_regular {
  font-weight: 500 !important;
  font-family: 'Sahel' !important;
}
.weight-500 {
  font-weight: 500 !important;
}
.weight-700 {
  font-weight: 700 !important;
}
.weight-800 {
  font-weight: 800 !important;
}
.weight-600 {
  font-weight: 600 !important;
}

.line-height-24 {
  line-height: 24px !important;
}

.line-height-29 {
  line-height: 29px !important;
}

.line-height-48 {
  line-height: 48px !important;
}

.font_bold {
  font-family: 'SahelBold' !important;
}

.font_xxs {
  font-size: 9px !important;
}

.font_xxs > .v-btn__content {
  font-size: 9px !important;
}

.font_xs {
  font-size: 11px !important;
}

.font_xs > .v-btn__content {
  font-size: 11px !important;
}

.font_s {
  font-size: 12px !important;
}

.font_s > .v-btn__content {
  font-size: 12px !important;
}

.font_m {
  font-size: 13px !important;
}

.font_m > .v-btn__content {
  font-size: 13px !important;
}

.font_ml {
  font-size: 15px !important;
}

.font_ml > .v-btn__content {
  font-size: 15px !important;
}

.font_l {
  font-size: 13px !important;
}

.font_l > .v-btn__content {
  font-size: 16px !important;
}

.font_xl {
  font-size: 18px !important;
}

.font_xl > .v-btn__content {
  font-size: 18px !important;
}

.font_xxl {
  font-size: 20px !important;
}

.font_xxl > .v-btn__content {
  font-size: 20px !important;
}

.font_xxxl {
  font-size: 22px !important;
}

.font_xxxl > .v-btn__content {
  font-size: 22px !important;
}

.table-lable {
  font-size: 16px !important;
}

.v-list-item__title {
  font-size: 13px !important;
  font-weight: normal !important;
}

@media only screen and (min-width: 3000px) {
  * {
    font-size: 18px;
    font-family: 'LatoRegular';
  }
  .v-input__slot > .v-label {
    font-size: 15px;
  }
  .font_xxs {
    font-size: 10px !important;
  }
  .font_xxs > .v-btn__content {
    font-size: 10px !important;
  }
  .font_xs {
    font-size: 12px !important;
  }
  .font_xs > .v-btn__content {
    font-size: 12px !important;
  }
  .font_s {
    font-size: 13px !important;
  }
  .font_s > .v-btn__content {
    font-size: 13px !important;
  }
  .font_m {
    font-size: 15px !important;
  }
  .font_m > .v-btn__content {
    font-size: 15px !important;
  }
  .font_ml {
    font-size: 18px !important;
  }
  .font_ml > .v-btn__content {
    font-size: 18px !important;
  }
  .font_l {
    font-size: 20px !important;
  }
  .font_l > .v-btn__content {
    font-size: 20px !important;
  }
  .font_xl {
    font-size: 23px !important;
  }
  .font_xl > .v-btn__content {
    font-size: 23px !important;
  }
  .font_xxl {
    font-size: 25px !important;
  }
  .font_xxl > .v-btn__content {
    font-size: 25px !important;
  }
  .font_xxxl {
    font-size: 30px !important;
  }
  .font_xxxl > .v-btn__content {
    font-size: 30px !important;
  }
  .v-text-field__slot > input {
    font-size: 18px !important;
  }
  .v-text-field__prefix {
    font-size: 18px !important;
  }
  .v-select__selection {
    font-size: 18px !important;
  }
  .slot > textarea {
    font-size: 18px !important;
  }
  .v-calendar-weekly__head-weekday {
    font-size: 16px !important;
  }
  .v-input--checkbox > .v-input__control > .v-input__slot > .v-label {
    font-size: 20px !important;
  }
  .table-lable {
    font-size: 20px !important;
  }
  /* .v-list-item__title {
        font-size: 20px !important
    } */
}

h1 {
  font-size: 18px;
}

h2 {
  font-size: 16px;
}