@forward "tailwindcss";
@forward "../public/assets/css/style.css";


/* ====================== ngx-toastr ====================== */
@forward "../node_modules/ngx-toastr/toastr.css";


/* inter */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

/* Montserrat */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600&display=swap');


/* Etihad Altis Text (local font) */
@font-face {
  font-family: 'EtihadAltis-Text';
  src: url('/assets/fonts/EtihadAltis-Text_V3.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: 'EtihadAltis-Text', 'Inter', 'Noto Sans', sans-serif !important;
}

.app-sidebar,
.app-header {
  font-family: 'EtihadAltis-Text', 'Inter', 'Noto Sans', sans-serif !important;
}

.main-header-container .header-element {
  align-items: center !important;
}

.total-mail-recepients::-webkit-scrollbar {
  @apply h-0!;
}


.custom-scrollbar-width::-webkit-scrollbar {
     @apply w-[5px]!;
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected {
  background-color: var(--color-primary) !important;
  color: var(--color-white) !important;
}

.ng-select.app-form-select-control .ng-dropdown-panel {
  z-index: 99 !important;
}

.ng-select.app-form-select-control .ng-dropdown-header {
  padding: 0;
}

.swal2-styled.app-confirm-dialog-btn {
  min-width: 110px;
  min-height: 44px;
  padding: 0.625em 1.25em;
  font-size: 1rem;
  line-height: 1.25;
}

/* Remove unwanted bottom margin from primary-full buttons */
.ti-btn-primary-full {
  margin-bottom: 0 !important;
}
.ti-form-select{
      border: 1px solid #7c3deb !important;
}
