:root {
  /* Light mode colors */
  --color-range-0: #e6f0ff;
  --color-range-1: #b3d1ff;
  --color-range-2: #66a3ff;
  --color-range-3: #1b84ff;
  --color-range-4: #0f539e;

  --background-color: #ffffff;
  --text-color: #000000;
}

[data-theme="dark"] {
  /* Dark mode colors */
  --color-range-0: #153a70;
  --color-range-1: #1b59b8;
  --color-range-2: #1b84ff;
  --color-range-3: #4da3ff;
  --color-range-4: #80b8ff;

  --background-color: #121212;
  --text-color: #ffffff;
}



#chart-container{
  height:300px;
}
#chart-selling{
  height:433px;
}

.custom-package {
    background: url(../../images/gallery/pharmacy.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    height: 390px;
}

.rtl .custom-package .box-body{
  display: flex;
  flex-direction: column;
  align-items: end;
  justify-content: end;
  text-align: end;
}

.due-week{
  height: 159px;
}

div.dataTables_wrapper div.dataTables_length label{
  margin-bottom: 10px !important;
}
table.dataTable tbody th, table.dataTable tbody td{
    padding: 10px 10px !important;
}

@media only screen and (max-width: 1400px) {
  .custom-package{
    height: 445px !important;
  }
  #chart-selling{
    height:350px;
  }
}

@media only screen and (max-width: 767px) {
  div.dataTables_wrapper div.dataTables_filter{
    text-align: left !important;
  }
  .dataTables_wrapper .dataTables_filter {
    margin-top: 0em !important;
  }
  div.dataTables_wrapper div.dataTables_length label {
    margin-bottom: 5px !important;
  }
  div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate {
    text-align: right;
  }
}

/* Financial Year Pill Dropdown */
	.fy-switcher {
		display: flex;
		align-items: center;
		margin: 0 8px;
	}
	.fy-pill-dropdown {
		position: relative;
	}
	.fy-pill {
		display: inline-flex;
		align-items: center;
		gap: 6px;
		padding: 6px 16px;
		border-radius: 50px;
		background-color: #eef2ff;
		color: #4f5bd5;
		font-weight: 600;
		font-size: 13px;
		text-decoration: none;
		border: 1px solid #d9e0ff;
		transition: background-color .2s ease-in-out;
	}
	.fy-pill:hover,
	.fy-pill:focus {
		background-color: #e0e6ff;
		color: #4f5bd5;
		text-decoration: none;
	}
	.fy-pill-icon {
		width: 14px;
		height: 14px;
	}
	.fy-dropdown-menu {
		min-width: 160px;
		padding: 6px;
		border-radius: 10px;
	}
	.fy-item {
		border-radius: 6px;
		font-size: 13px;
		padding: 8px 10px;
	}
	.fy-item.active {
		background-color: #eef2ff;
		color: #4f5bd5;
		font-weight: 600;
	}
	.fy-check {
		width: 14px;
		height: 14px;
		color: #22c55e;
	}

  .awb-expiry-list {
	max-height: 300px;
	overflow-y: auto;
}

.awb-expiry-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 4px;
	border-bottom: 1px solid #f0f0f5;
}
.awb-expiry-item:last-child {
	border-bottom: none;
}

.awb-expiry-left {
	display: flex;
	flex-direction: column;
	gap: 2px;
}
.awb-number {
	font-weight: 600;
	font-size: 13.5px;
	color: #172b4c;
}
.awb-days-left {
	font-size: 11.5px;
	font-weight: 600;
}

.awb-expiry-right {
	display: flex;
	align-items: center;
	gap: 8px;
}
.expiry-date {
	font-size: 12.5px;
	color: #64748b;
	font-weight: 500;
}

.expiry-dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	flex-shrink: 0;
}
.dot-danger  { background-color: #ef4444; }
.dot-warning { background-color: #f59e0b; }
.dot-info    { background-color: #3b82f6; }
.dot-muted   { background-color: #94a3b8; }

/* scrollbar thoda slim */
.awb-expiry-list::-webkit-scrollbar {
	width: 4px;
}
.awb-expiry-list::-webkit-scrollbar-thumb {
	background-color: #d1d5db;
	border-radius: 4px;
}

/*----------------------------------index-2------------------------------------*/
.review-box{
  height: 305px;
}
#sale-container{
  height:315px;
}
.last-weekchart{
  height: 343.5px;
}

.modal-content{
  border-radius: var(--bs-modal-border-radius);
}

.dataTable {
    width: 100% !important;
}

.dataTables_wrapper {
    width: 100%;
}

.table-responsive {
    width: 100%;
    overflow-x: auto;
}

.theme-primary.fixed .main-header .navbar{
  background: transparent;
}