@font-face {
  font-family: 'SegoeUI-Light';
  src: local('Segoe UI Light'), local('SegoeUI-Light'), url('https://fonts.googleapis.com/css2?family=Inter:wght@300&display=swap');
  font-weight: 300;
}

@font-face {
  font-family: 'SegoeUI-Regular';
  src: local('Segoe UI'), local('SegoeUI'), url('https://fonts.googleapis.com/css2?family=Inter:wght@400&display=swap');
  font-weight: 400;
}

@font-face {
  font-family: 'SegoeUI-Medium';
  src: local('Segoe UI Semibold'), local('SegoeUI-Semibold'), url('https://fonts.googleapis.com/css2?family=Inter:wght@500&display=swap');
  font-weight: 500;
}

@font-face {
  font-family: 'SegoeUI-Bold';
  src: local('Segoe UI Bold'), local('SegoeUI-Bold'), url('https://fonts.googleapis.com/css2?family=Inter:wght@600&display=swap');
  font-weight: 600;
}

@font-face {
  font-family: 'SegoeUI-ExtraBold';
  src: local('Segoe UI Black'), local('SegoeUI-Black'), url('https://fonts.googleapis.com/css2?family=Inter:wght@700&display=swap');
  font-weight: 700;
}

@font-face {
  font-family: 'SegoeUI-Thin';
  src: local('Segoe UI Light'), local('SegoeUI-Light'), url('https://fonts.googleapis.com/css2?family=Inter:wght@100&display=swap');
  font-weight: 100;
}

@font-face {
  font-family: 'SegoeUI-ExtraLight';
  src: local('Segoe UI Light'), local('SegoeUI-Light'), url('https://fonts.googleapis.com/css2?family=Inter:wght@200&display=swap');
  font-weight: 200;
}

@font-face {
  font-family: 'SegoeUI-Black';
  src: local('Segoe UI Black'), local('SegoeUI-Black'), url('https://fonts.googleapis.com/css2?family=Inter:wght@900&display=swap');
  font-weight: 900;
}



* {
  direction: rtl;
  font-family: "Segoe UI", "Inter", "Roboto", "Arial", sans-serif;
}

body {
  overflow: hidden !important;
}

table thead th {
  position: sticky !important;
  top: -1px !important;
}



.stats-icon {
  display: unset !important;
  text-align: center !important;
}


.sidebar-wrapper .sidebar-header img {
  height: 7rem !important;
}



#loader {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background: #ffffff;
  z-index: 9999;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

#loader span {
  width: 75px;
  height: 75px;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  border: 2px solid #435ebe;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}

#loader span::after {
  content: '';
  box-sizing: border-box;
  position: absolute;
  left: 4px;
  top: 4px;
  border: 2px solid #FFF;
  width: 12px;
  height: 12px;
  border-radius: 50%;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}


.stats-icon.purple {
  background-color: #9694ff;
}

.stats-icon.blue {
  background-color: #57caeb;
}

.stats-icon.red {
  background-color: #ff00008a;
}

.stats-icon.green {
  background-color: #5ddab4;
}

.stats-icon.orange {
  background-color: #fd7e14b5;
}

.stats-icon.silver {
  background-color: #34495eb8;
}

.stats-icon.yellow {
  background-color: #f1c40fa8;
}

.stats-icon.brown {
  background-color: #795548d4;
}

.stats-icon.pink {
  background-color: #d633848c;
}


input[readonly] {
  background-color: #f5f5f5;
  /* Light gray background */
  color: #333;
  /* Darker text color */
  border: 1px solid #ccc;
  /* Light border */
  cursor: not-allowed;
  /* Change cursor to indicate it's not editable */
}


.white-space-nowrap {
  white-space: nowrap !important;
}


#items_table> :not(caption)>*>* {
  padding: 0px !important;
}