@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Baloo+2:wght@400..800&display=swap");
:root {
  --bs-primary: rgba(26, 114, 229);
  --bs-success: rgba(84, 192, 138);
  --bs-danger: rgb(140, 42, 48);
  --bs-warning: rgba(140, 104, 42);
  --bs-primary-light: rgba(234, 237, 244);
  --bs-danger-light: rgba(244, 234, 235);
  --bg-light-success: rgba(234, 244, 238);
  --bg-light-warning: rgba(244, 240, 234);
  --bs-text-danger: rgb(140, 42, 48);
  --bs-text-primary: rgba(26, 114, 229);
  --bs-text-warning: rgb(140, 104, 42);
  --bs-text-success: rgb(42, 140, 82);
  --bs-custom-primary: #2A5F8B;
  --bs-text-secondary: #2A4A8C;
  --bs-primary-active: rgba(26, 114, 229 , 0.9);
  --bs-custom-light: #F5F8FA;
  --bs-table-light: #F9FAFB;
  --bs-gray-50: #757575;
  --bs-custom-gray: rgba(131, 137, 159);
  --bs-stroke: #98A2B3;
  --bs-light: #F5F8FA;
  --bs-custom-dark: #142533;
  --bs-gray-400: #DAE7F2;
  --bs-gray-900: #414141;
  --bs-custom-border-color: #DAE7F2;
  --bs-border-color: rgba(230, 230, 230);
  --bs-table-striped: #F5F8FA;
  --bs-custom-placeholder: #8799A8;
  --bs-btn-light: #EAEDF4;
  --bs-app-sidebar-light-menu-link-bg-color-active: rgba(26, 114, 229 , 0.08);
  --bs-app-sidebar-light-menu-link-color: rgba(103, 104, 107, 1);
}

.custom-btn-light {
  background-color: var(--bs-btn-light);
  color: var(--bs-custom-gray);
}
.custom-btn-light:hover {
  background-color: var(--bs-gray-400);
}

.bg-light {
  background-color: var(--bs-custom-light) !important;
}

.bg-custom-primary {
  background-color: var(--bs-custom-primary);
  color: var(--bs-white);
}

.text-custom-primary {
  color: var(--bs-custom-primary);
}

.bg-custom-info {
  background-color: var(--bs-custom-info);
  color: var(--bs-white);
}

.text-custom-info {
  color: var(--bs-custom-info);
}

.bg-custom-light-primary {
  background-color: var(--bs-custom-light-primary) !important;
}

.bg-custom-light-green {
  background-color: var(--bs-custom-light-green) !important;
}

.bg-custom-orange {
  background-color: var(--bs-custom-orange);
  color: var(--bs-white);
}

.text-custom-orange {
  color: var(--bs-custom-orange);
}

.bg-custom-orange:hover {
  background-color: var(--bs-custom-orange);
  color: var(--bs-white);
}

.text-gray-50 {
  color: var(--bs-gray-50);
}

.text-custom-gray {
  color: var(--bs-custom-gray) !important;
}

.bg-custom-light {
  background-color: #fafafa;
}

.back-w {
  background-color: #fff;
}

.bg-custom-table-light {
  background-color: var(--bs-table-light);
}

.bg-custom-gray {
  background-color: var(--bs-custom-gray);
}

.text-stroke {
  color: var(--bs-stroke);
}

.text-custom-dark {
  color: var(--bs-custom-dark);
}

.text-gray-900 {
  color: var(--bs-gray-900) !important;
}

.border {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-custom-border-color) !important;
}

/* ===== IBMPlex Sans Arabic ===== */
@font-face {
  font-family: "IBMPlexSansArabic";
  src: url("../fonts/IBMPlex/IBMPlexSansArabic-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IBMPlexSansArabic";
  src: url("../fonts/IBMPlex/IBMPlexSansArabic-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IBMPlexSansArabic";
  src: url("../fonts/IBMPlex/IBMPlexSansArabic-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IBMPlexSansArabic";
  src: url("../fonts/IBMPlex/IBMPlexSansArabic-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IBMPlexSansArabic";
  src: url("../fonts/IBMPlex/IBMPlexSansArabic-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IBMPlexSansArabic";
  src: url("../fonts/IBMPlex/IBMPlexSansArabic-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IBMPlexSansArabic";
  src: url("../fonts/IBMPlex/IBMPlexSansArabic-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/* ---------- Custom variables font ---------- */
/* ===== Icomoon font ===== */
@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon.eot");
  src: url("../fonts/icomoon.eot") format("embedded-opentype"), url("../fonts/icomoon.ttf") format("truetype"), url("../fonts/icomoon.woff") format("woff"), url("../fonts/icomoon.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-],
[class*=" icon-"] {
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  position: relative;
  display: inline-flex;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-Dashboard:before {
  content: "\e908";
}

.icon-Setting:before {
  content: "\e909";
}

.icon-down:before {
  content: "\e907";
}

.icon-file:before {
  content: "\e902";
}

.icon-good:before {
  content: "\e906";
}

.icon-info-circle:before {
  content: "\e90a";
}

.icon-right-left:before {
  content: "\e905";
}

/*========================================
/* general style
========================================*/
/* @import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap'); */
body,
html {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  text-transform: capitalize;
  font-family: "Baloo 2", sans-serif;
}

html[dir=rtl] body {
  font-family: "IBMPlexSansArabic", sans-serif;
}

.form-select {
  color: var(--bs-custom-placeholder);
}

.form-control {
  border: 1px solid var(--bs-gray-400);
}
.form-control::-moz-placeholder {
  color: var(--bs-custom-placeholder);
  opacity: 1;
  font-size: 14px;
}
.form-control::placeholder {
  color: var(--bs-custom-placeholder);
  opacity: 1;
  font-size: 14px;
}

.vertical-line {
  display: inline-block;
  align-self: stretch;
  width: 2px;
  min-height: 1em;
  background-color: currentcolor;
  opacity: 1;
  color: #EAECF0;
}

ul {
  list-style: none;
}

.card-border {
  border: 1px solid var(--bs-stroke) !important;
}

.table-border {
  border: 1px solid var(--bs-stroke) !important;
}

.table .custom-width {
  width: 14.28%;
}
.table th.custom-bg {
  background-color: #E0E0E0;
}
.table td.custom-bg {
  background-color: #DAE7F2;
}
.table .bg-icon {
  background-color: #DAE7F2;
}

.active > .page-link, .page-link.active {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped) !important;
}

.one-row {
  flex-grow: 1;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.two-row {
  flex-grow: 2;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.three-row {
  flex-grow: 3;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.HiddenDiv {
  visibility: hidden;
}

/* .hidden-div{
    display: none;
}

.visible {
    display: block;
  }  */
::file-selector-button {
  font: inherit;
  outline: none !important;
  padding: calc(0.4rem + 1px) calc(0.8rem + 1px);
  box-shadow: none;
  color: var(--bs-custom-dark);
  background-color: var(--bs-primary-light);
  border-radius: 0.425rem;
  border: 0;
  cursor: pointer;
}

/*========================================
/* accordion
========================================*/
.accordion-button {
  background-color: #F5F8FA !important;
}

.accordion-button:not(.collapsed)::after {
  transform: var(--bs-accordion-btn-icon-transform);
  background-image: var(--bs-accordion-btn-icon) !important;
}

.accordion-button:not(.collapsed) {
  box-shadow: none !important;
}

/*========================================
/* Login Page
========================================*/
.form-control {
  font-weight: 400;
}

.login-page .left-page {
  background-color: rgba(0, 84, 235, 0.04);
  position: relative;
}
.login-page .left-page::after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background-image: url("../../../assets/media/logos/Frame.png");
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  top: -5px;
}
.login-page .show-password {
  right: 5px;
  top: 40px;
}

.toggle-password {
  float: right;
  cursor: pointer;
  margin-right: 10px;
  margin-top: -25px;
}

.inputs input {
  width: 40px;
  height: 40px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}

.form-control:focus {
  box-shadow: none;
  border: 1px solid var(--bs-primary);
}

.form-select {
  border: 1px solid var(--bs-stroke);
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}

.form-label {
  margin-bottom: 0.5rem;
  font-size: 1.1rem;
  font-weight: 500;
  color: var(--bs-custom-gray);
}

.select2-container--bootstrap5 .select2-search.select2-search--inline .select2-search__field::-moz-placeholder {
  color: var(--bs-custom-placeholder);
  opacity: 1;
  font-size: 14px;
  font-weight: normal;
}

.select2-container--bootstrap5 .select2-search.select2-search--inline .select2-search__field::placeholder,
.select2-container--bootstrap5 .select2-selection--single .select2-selection__placeholder,
.select2-container--bootstrap5 .select2-selection--single .select2-selection__rendered {
  color: var(--bs-custom-placeholder);
  opacity: 1;
  font-size: 14px;
  font-weight: normal;
}

.select2-container--bootstrap5 .select2-selection__arrow {
  display: none;
}

.filter-select .select2-container--bootstrap5 .select2-selection:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
  width: 1.2rem;
  height: 1.2rem;
  background-image: url("../../media/Svg/Filter.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-color: #ffffff;
}

.validate {
  border-radius: 20px;
  height: 40px;
  background-color: var(--bs-primary);
  border: 1px solid var(--bs-primary);
  width: 140px;
}

/*========================================
/* layout & Sidebar
========================================*/
.app-header {
  border-bottom: 1px solid #DAE7F2;
}

.app-content {
  background-color: rgb(247, 246, 249);
}

/* #kt_app_header_container {
    border-bottom: 1px solid #EAEAEA;
}
 */
#kt_app_sidebar_logo {
  margin: -1px 0;
  /*     border-bottom: 1px solid #EAEAEA; */
}

.app-sidebar .app-sidebar-logo-default {
  height: 60px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.app-sidebar .app-sidebar-logo {
  justify-content: center !important;
}
.app-sidebar .menu .menu-item .menu-link {
  /*   .menu-title {
        color: var(--bs-primary) !important;
    } */
}
.app-sidebar .menu .menu-item .menu-link.active {
  transition: color 0.2s ease;
  background-color: var(--bs-app-sidebar-light-menu-link-bg-color-active) !important;
  color: var(--bs-custom-dark);
  border-right: 5px solid var(--bs-primary) !important;
  border-radius: 6px !important;
}

[data-kt-app-layout=light-sidebar] .app-sidebar {
  background-color: var(--bs-app-sidebar-light-bg-color);
  border-right: 1px solid var(--bs-custom-border-color);
}

.user-img {
  border: 1px solid #F1F5F7;
  border-radius: 50% !important;
  padding: 2px;
}

.app-sidebar {
  background-color: #fff !important;
}
.app-sidebar .app-sidebar-toggle {
  box-shadow: 0px 8px 14px rgba(15, 42, 81, 0.04) !important;
  background-color: #ffffff !important;
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-custom-border-color) !important;
}
.app-sidebar .app-sidebar-toggle .ki-black-left-lineant {
  left: 25px;
  color: rgb(165, 165, 165);
}

.language-switcher {
  border: 1px solid #E0E0E0;
  border-radius: 6px;
  background: #F5F8FA;
  padding: 8px 0px;
  color: #9F9F9F;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
}

[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-icon,
[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-icon .svg-icon,
[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-icon i {
  color: var(--bs-dark-active);
}

/*========================================
/* Dashboard
========================================*/
.card.Dashboard .icon {
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.card.Dashboard .icon.First {
  background-color: rgb(244, 234, 235);
}
.card.Dashboard .icon.Second {
  background-color: rgba(229, 146, 86, 0.14);
}
.card.Dashboard .icon.Third {
  background-color: rgba(1, 103, 151, 0.14);
}
.card.Dashboard .icon.Fourth {
  background-color: rgba(0, 102, 94, 0.14);
}
.card.Dashboard .icon img {
  width: 60%;
}

.asset-log .timeline .timeline-line {
  right: -5px !important;
  transform: translate(-50%) !important;
}
.asset-log .timeline .timeline-icon {
  position: absolute;
  top: 15px;
  right: -25px;
}

/*========================================
/* stepper
========================================*/
.stepper.stepper-pills.V2 .stepper-line {
  width: 100px !important;
  top: 15px !important;
}
.stepper.stepper-pills .stepper-item .stepper-icon {
  border-radius: 50%;
  background-color: transparent;
  border: 1px solid var(--bs-stroke);
  color: var(--bs-stroke);
}
.stepper.stepper-pills .stepper-item .stepper-icon .stepper-number {
  color: var(--bs-stroke);
}
.stepper.stepper-pills .stepper-line {
  width: 150px !important;
  border-left: none !important;
  border-top: 2px solid var(--bs-stroke) !important;
  margin: 0px auto !important;
  position: relative !important;
  top: 20px !important;
}
.stepper.stepper-pills .stepper-item.current .stepper-icon {
  transition: color 0.2s ease;
  background-color: #ffffff;
  border: 1px solid var(--bs-text-secondary);
  color: var(--bs-text-secondary);
  border-radius: 50%;
}
.stepper.stepper-pills .stepper-item.current .stepper-number {
  color: var(--bs-text-secondary);
  font-size: 0;
  background: var(--bs-text-secondary);
  padding: 8px;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  text-align: center;
  line-height: 10px;
  font-size: 0px !important;
}
.stepper.stepper-pills .stepper-item.completed .stepper-icon, .stepper.stepper-pills .stepper-item.completed .stepper.stepper-pills .stepper-item.current.mark-completed:last-child .stepper-icon {
  transition: color 0.2s ease;
  background-color: var(--bs-success);
  border: var(--bs-stepper-icon-border-completed);
  border-radius: 50%;
}
.stepper.stepper-pills .stepper-item.completed .stepper-line {
  border-top: 2px solid var(--bs-success) !important;
}

.stepper-card {
  background-color: #F5F8FA;
}
.stepper-card .top-header {
  position: relative;
  padding: 30px 0;
}
.stepper-card .top-header::after {
  content: "";
  width: 160px;
  height: 155px;
  display: block;
  background: url(../../media/logos/logo-bg.svg) no-repeat center center;
  background-size: cover;
  position: absolute;
  z-index: 1;
  right: 25px;
  left: inherit;
  top: 20px;
}

html[dir=rtl] .top-header::after {
  left: 0px;
  right: inherit;
  top: 0px;
}

/*========================================
/* ChartV1
========================================*/
.ChartV1,
.barChart {
  background-color: rgb(249, 250, 251);
}

.ChartV2 {
  background-color: rgba(254, 58, 70, 0.08);
}

@media (min-width: 992px) {
  [data-kt-app-sidebar-minimize=on]:not([data-kt-app-sidebar-hoverable=true]) .app-sidebar .app-sidebar-footer .nsme {
    display: none !important;
  }
  [data-kt-app-sidebar-minimize=on]:not([data-kt-app-sidebar-hoverable=true]) .app-sidebar .app-sidebar-footer .ki-duotone {
    display: none !important;
  }
  [data-kt-app-sidebar-minimize=on]:not([data-kt-app-sidebar-hoverable=true]) .app-sidebar .app-sidebar-footer .user-setting {
    border: transparent;
  }
}
.user-setting {
  border: 1px solid #DAE7F2;
  border-radius: 6px;
  padding: 4px;
  margin: 15px;
}

/*========================================
/* ChartV1
========================================*/
.Claims .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

.Wallets .title-accent {
  width: 4px;
  height: 24px;
  background: #20c997; /* أخضر معتدل */
  border-radius: 3px;
}

.Wallets .metric {
  padding-bottom: 8px;
}

/* فواصل عمودية بين الأعمدة (RTL) */
.Wallets .metric:not(:first-child) {
  border-left: 1px solid #eee;
}

@media (max-width: 992px) {
  .Wallets .metric:not(:first-child) {
    border-left: 0;
    border-top: 1px solid #eee;
    padding-top: 12px;
  }
}
/* نقطة زرقاء بعد العنوان */
.Wallets .label-dot::after {
  content: "";
  width: 8px;
  height: 8px;
  background: #2d83f7;
  border-radius: 50%;
  display: inline-block;
  margin-inline-start: 8px;
}

/* دائرة معلومات بسيطة بدون أيقونات خارجية */
.Wallets .info-dot {
  width: 18px;
  height: 18px;
  border: 1px solid #c9c9c9;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  color: #7a7a7a;
  margin-inline-start: 6px;
}

/* شريط التقدم */
.Wallets .progress {
  height: 8px;
  background-color: #f1f3f5;
}

.Wallets .progress-bar {
  background-color: #2d83f7;
}/*# sourceMappingURL=custom-style.css.map */