/* Custom styles */
html,
body,
* {
  font-family: "Montserrat", sans-serif;
}
.fill-opacity-100 {
  fill-opacity: 1;
}
.dropdown-menu {
  --bs-dropdown-link-active-bg: #0b4ba9;
}
:root {
  --bs-border-color: #d1d5db;
  --border-color: #e5e7eb;
}
.main-page {
  background: #f4f5f9;
}
select {
  /* for Firefox */
  -moz-appearance: none;
  /* for Chrome */
  -webkit-appearance: none;
  background: url("../images/select-arrow.svg") no-repeat right 12px center;
}

input:disabled,
textarea:disabled,
select:disabled {
  background-color: #f1f1f1;
  cursor: not-allowed;
}
.checkmark-box {
  position: relative;
  min-width: 20px;
  min-height: 20px;
  display: inline-block;
  vertical-align: top;
}
.checkmark-box input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 3px;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.checkmark-box input:checked ~ .checkmark:after {
  display: block;
}
.checkmark-box input:checked ~ .checkmark {
  border-color: #0b4ba9;
}
.checkmark-box .checkmark:after {
  left: 7px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid #0b4ba9;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.radiobutton-box {
  position: relative;
  min-width: 20px;
  min-height: 20px;
  display: inline-block;
  vertical-align: top;
}
.radiobutton-box input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.radiobutton {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
}
.radiobutton:after {
  content: "";
  position: absolute;
  display: none;
}
.radiobutton-box input:checked ~ .radiobutton:after {
  display: block;
}
.radiobutton-box input:checked ~ .radiobutton {
  border-color: #0b4ba9;
}
.radiobutton-box .radiobutton:after {
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  margin: auto;
  width: 6px;
  height: 6px;
  background-color: #0b4ba9;
  border-radius: 5px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.btn-icon:hover svg path {
  stroke: #fff;
}

table.dataTable,
table.table-main {
  border-collapse: separate !important;
  margin-bottom: 26px;
  width: 100%;
  border-spacing: 0;
}
table.dataTable thead th,
table.table-main thead th {
  background: #fff;
  border: 1px solid #e0e0e0 !important;
  border-right: 0 !important;
  border-left: 0 !important;
  height: 54px;
  font-size: 14px;
  font-weight: 500;
  color: #3a3541;
  padding: 8px !important;
  outline: none !important;
  outline-offset: 0 !important;
  vertical-align: middle;
}
table.dataTable thead th:first-child,
table.table-main thead th:first-child {
  border-radius: 10px 0 0 0;
  border-left: 1px solid #e0e0e0 !important;
}
table.dataTable thead th:last-child,
table.table-main thead th:last-child {
  border-radius: 0 10px 0 0;
  border-right: 1px solid #e0e0e0 !important;
}
table.dataTable tbody tr td,
table.table-main tbody tr td {
  background-color: #fff !important;
  box-shadow: none !important;
  border-bottom: 1px solid #e0e0e0 !important;
  border-top: 0 !important;
  padding:8px;
  height: 54px;
  font-size: 14px;
  font-weight: 400;
  color: #89868d;
}
div.dt-container .dt-length, div.dt-container .dt-search, div.dt-container .dt-info, div.dt-container .dt-processing, div.dt-container .dt-paging{
  font-size:14px;
}
table.dataTable tbody tr td:last-child,
table.table-main tbody tr td:last-child {
  border-right: 1px solid #e0e0e0 !important;
}
table.dataTable tbody tr td:first-child,
table.table-main tbody tr td:first-child {
  border-left: 1px solid #e0e0e0 !important;
}
table.dataTable tbody tr:last-child td:first-child,
table.table-main tbody tr:last-child td:first-child {
  border-radius: 0 0 0 10px !important;
}
table.dataTable tbody tr:last-child td:last-child,
table.table-main tbody tr:last-child td:last-child {
  border-radius: 0 0 10px 0 !important;
}
table .text-center {
  text-align: center !important;
}
table.dataTable thead > tr > th div.dt-column-header{
    flex-direction: row !important;
    justify-content: start;
    width: max-content;
    gap: 8px;
}
table.dataTable th.dt-type-numeric, table.dataTable th.dt-type-date, table.dataTable td.dt-type-numeric, table.dataTable td.dt-type-date{
  text-align:left;
}
.tab-top {
  display: flex;
  gap: 10px;
  list-style: none;
}
.tab-top li {
  min-width: 110px;
}
.tab-top li button {
  background: #fff !important;
  border: 1px solid #e0e0e0 !important;
  border-bottom: 0 !important;
  border-radius: 10px 10px 0 0 !important;
  padding: 10px 20px !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #3a3541 !important;
  text-align: center !important;
  cursor: pointer !important;
}
.tab-top li button[aria-selected="true"] {
  background: #ef4444 !important;
  color: #fff !important;
  border-color: #ef4444 !important;
}

.main-box {
  width: 100%;
  min-height: 100vh;
  background: #f4f5f9;
  display: flex;
  position: relative;
}
.sidebar-main {
  width: 250px;
  height: 100%;
  background: #fff;
  flex-shrink: 0;
  height: 100vh;
  border-right: 1px solid var(--border-color);
  display: flex;
  flex-direction: column;
}
.content-main {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100vh;
}
.header-main {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 28px 32px;
  background: #fff;
  border-bottom: 1px solid var(--border-color);
}
.header-main h1 {
  font-size: 24px;
  font-weight: 600;
  color: #ef4444;
  margin-bottom: 0;
}
.header-right {
  display: flex;
  align-items: center;
  gap: 10px;
}
.main-content {
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
}
.main-content-inner {
  display: flex;
  flex-direction: column;
  padding: 0 32px;
}

.white-box {
  background: #fff;
  border-radius: 12px;
  padding: 16px;
  border: 1px solid var(--border-color);
}
.form-control,
.form-select {
  color: #111827;
  font-size: 14px;
  min-height: 42px;
  padding: 9px 12px;
  text-overflow: ellipsis;
}
.form-control:focus,
.form-select:focus {
  box-shadow: none !important;
  border-color: #c7c7c7;
}
.form-group {
  margin-bottom: 16px;
}
#reset-password .form-group {
  position: relative;
}
.form-group label {
  font-size: 14px;
  font-weight: 500;
  color: #4b5563;
  padding-bottom: 7px;
}
.form-btn {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
}
.btn {
  padding: 10px 20px;
  border-radius: 25px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
}
.btn svg {
  margin-right: 6px;
}
.btn-primary {
  background: #0b4ba9;
  border-color: #0b4ba9;
  color: #fff;
  display:inline-flex;
  justify-content:center;
}
.btn-primary:hover {
  color: #fff;
  background-color: #0b4ba9;
  border-color: #0b4ba9;
}
.btn-secondary {
  background: #fff;
  border: 1px solid #d1d5db;
  color: #374151;
}
.btn-secondary:hover {
  background: #f3f4f6;
  color: #374151;
  border: 1px solid #d1d5db;
}
.badge{
  line-height:9px;
  font-weight:600;
}

.switch {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 24px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  background-color: #ccc;
  transition: 0.3s;
  border-radius: 34px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.slider::before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 3px;
  top: 3px;
  background-color: white;
  transition: 0.3s;
  border-radius: 50%;
}

input:checked + .slider {
  background-color: #0b4ba9;
}

input:checked + .slider::before {
  transform: translateX(20px);
}
.table-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.table-top h3 {
  font-size: 24px;
  font-weight: 600;
  color: #000;
  margin-bottom: 0;
}
.btn-white {
  background: #fff;
  border: 1px solid #d1d5db;
  color: #0b4ba9;
  font-size: 14px;
  font-weight: 600;
  min-height: 46px;
  display: inline-flex;
  align-items: center;
}
.btn-white:hover,.btn-white:focus,.btn-white:focus-visible,.btn-white:active{
  background: #0b4ba9 !important;
  border-color: #0b4ba9 !important;
  color: #fff !important;
}
.btn-white:hover svg path,.btn-white:focus svg path,.btn-white:focus-visible svg path,.btn-white:active svg path {
  stroke: #fff !important;
}
img,
svg {
  vertical-align: top;
}
.action-dropdown {
  background: none !important;
  border: 0 !important;
  padding: 0 !important;
}
.action-dropdown::after {
  display: none !important;
}
.dropdown-item {
  font-size: 14px;
}
.form-title {
  font-size: 24px;
  font-weight: 600;
  color: #1f2937;
  margin-bottom: 0;
  font-size: 20px;
  margin-bottom: 20px;
}
hr {
  margin: 24px 0;
  border-top: 1px solid var(--border-color);
  opacity: 1;
}
.tab-content.white-box {
  border-radius: 0 0 12px 12px;
}
.nav-tabs {
  border: none !important;
}
.nav-tabs .nav-link {
  font-size: 16px;
  font-weight: 500;
  color: #374151;
  padding: 10px 20px;
  border-radius: 10px 10px 0 0;
  border: 1px solid var(--border-color);
  background: #fff;
  margin-right: 8px;
}
.nav-tabs .nav-link.active {
  background: #ef4444;
  color: #fff;
}
.header-dropdown .dropdown-menu a {
    text-decoration: none;
    color: #333;
    display: flex;
    align-items: center;
    padding: 0.5rem 1rem;
}

.header-dropdown .dropdown-menu a svg {
    flex-shrink: 0;
}

.header-dropdown .dropdown-menu a span {
    margin-left: 0.5rem;
}

.header-dropdown .dropdown-toggle {
    background: none;
    border: none;
    padding: 0;
    font-weight: 500;
    cursor: pointer;
}

/* Hide default Bootstrap dropdown arrow */
.header-dropdown .dropdown-toggle::after {
    display: none !important;
}

/* Active dropdown menu item */
.header-dropdown .dropdown-menu li.active > a {
    background-color: #ef4444; /* Red background for active */
    color: #fff; /* White text */
    font-weight: 600;
}

/* Hover effect for all dropdown items */
.header-dropdown .dropdown-menu a:hover {
    background-color: #f3f4f6; /* Light gray hover */
    color: #ef4444; /* Red text on hover */
}

/* Icon spacing */
.header-dropdown .dropdown-menu a svg {
    margin-right: 0.5rem;
    stroke: currentColor; /* Icon inherits text color */
}

.admin-profile {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  background: #fafafa;
  border-radius: 25px;
  min-height: 48px;
}

.admin-profile:after {
  display: none !important;
}
.admin-profile span {
  font-size: 16px;
  font-weight: 600;
  color: #000;
}
.admin-profile-img {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
}
.admin-profile-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.admin-profile-text {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  background: #ef4444;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sidebar-logo-main {
  padding: 20px 32px;
  padding-bottom: 0;
  display: flex;
  flex-direction: column;
}
.sidebar-logo-main img {
  width: 150px;
  height: 100%;
  object-fit:contain;
  margin: auto;
}
.sidebar-menu-main {
  padding-bottom: 20px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 1 1 0%;
}
.sidebar-menu-main ul {
  overflow-y: auto;
  padding: 0 24px;
  list-style: none;
  flex-direction: column;
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 8px;
}
.sidebar-logo-main hr{
  margin:16px 0;
}
.sidebar-menu-main ul li {
  width: 100%;
}
.sidebar-menu-main ul li a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  font-size: 16px;
  font-weight: 500;
  color: #0000008f;
  text-decoration: none;
  font-size: 14px;
  border-radius: 25px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.sidebar-menu-main ul li a svg {
  width: 20px;
  height: auto;
}
.sidebar-menu-main ul li:hover a {
  background: #f7f7f7;
}
.sidebar-menu-main ul li.active a {
  background: #ef4444;
  color: #fff;
}
.sidebar-menu-main ul li.active a svg path,.sidebar-menu-main ul li a[aria-expanded="true"] svg path{
  fill: #fff;
  stroke: none;
  opacity: 1;
}
div.dt-container {
  padding: 0;
}
div.dt-container select.dt-input {
  height: 42px;
  padding: 0 20px;
  padding-right: 30px;
  border-radius: 25px;
  background-color: #fff;
  background-position: right 10px center;
  border: 1px solid var(--border-color);
}

.dt-length,
.dt-search {
  display: flex;
  align-items: center;
  gap: 10px;
}
div.dt-container .dt-search input {
  height: 42px;
  padding: 0 20px;
  border-radius: 25px;
  background-color: #fff;
  background-position: right 10px center;
  border: 1px solid var(--border-color);
  min-width: 280px;
}
div.dt-container .dt-search label {
    display: none;
}
div.dt-container .dt-search input:focus,
div.dt-container select.dt-input:focus {
  outline: none !important;
  border-color: #c7c7c7 !important;
}
.table.dataTable th.dt-type-numeric div.dt-column-header{
  flex-direction: row !important;
}
.alert {
  display: flex;
  gap: 10px;
  padding: 14px 16px;
  font-size: 14px;
  font-weight: 500;
  border: none !important;
}
.alert-danger {
  background-color: #ef44441a;
  color: #000;
}
.alert-danger a {
  color: #e71c22;
  text-decoration: underline;
}
.alert .btn-close {
  --bs-btn-close-bg: none !important;
  opacity: 1 !important;
}
.alert-success a {
  color: #0a3622;
}
.check-with-text {
  padding-left: 30px;
}
.error-msg-main .form-control {
  border-color: #ef4444 !important;
}
.error-msg {
  font-size: 12px;
  color: #ef4444;
  display: block;
  margin-top: 2px;
  /* position: absolute;
  bottom: -18px;
  left: 0; */
}
#reset-password .error-msg{
  position: absolute;
  bottom: -18px;
  left: 0;
}
.login-main {
  display: flex;
  min-height: 100vh;
  width: 100%;
}
.login-left {
  width: 540px;
  flex-shrink: 0;
}
.login-right {
  flex: 1 1 0%;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.login-box {
  width: 360px;
  padding: 80px 0 40px 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  min-height: 100vh;
  gap: 30px;
}
.login-logo {
  display: flex;
  align-items: center;
}
.login-form-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.login-title {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
}
.login-title h1 {
  font-size: 24px;
  font-weight: 700;
  color: #000c;
  margin-bottom: 4px;
}
.login-title p {
  font-size: 16px;
  font-weight: 400;
  color: #71717a;
  margin-bottom: 0;
}
.forgot-pass {
  display: flex;
  justify-content: flex-end;
  margin: 20px 0 26px 0;
}
.forgot-pass a {
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  color: #ef4444;
}
.forgot-pass a:hover {
  text-decoration: underline;
}

.btn-login {
  width: 100%;
  background: #ef4444 !important;
  color: #fff !important;
  font-size: 16px;
  font-weight: 600;
  min-height: 48px;
}
.btn-login:hover {
  opacity: 0.8;
}
.signup-link {
  text-align: center;
  margin-top: 25px;
}
.signup-link p {
  font-size: 14px;
  font-weight: 500;
  color: #71717a;
  margin-bottom: 0;
}
.signup-link p a {
  color: #ef4444;
  text-decoration: none;
}
.signup-link p a:hover {
  text-decoration: underline;
}
.login-footer {
  display: flex;
  align-items: center;
  gap: 10px;
}
.login-footer a {
  color: #c5c5c5;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
}
.login-footer a:hover {
  color: #ef4444;
}
.login-footer-divider {
  width: 6px;
  height: 6px;
  background: #c5c5c5;
  border-radius: 50%;
}
.rounded-input .form-select {
  border-radius: 25px;
  min-height: 46px;
  font-weight: 500;
  color: #00000080;
  padding: 10px 40px 10px 18px;
  border-color: var(--border-color);
}

.count-box {
  background: #fff;
  border: 1px solid var(--border-color);
  border-radius: 16px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  position: relative;
}
.count-box img {
  position: absolute;
  top: 15px;
  right: 18px;
}
.count-box h3 {
  font-size: 30px;
  font-weight: 600;
  color: #1f2937;
  margin-bottom: 0;
  padding-bottom: 16px;
}
.count-box p {
  font-size: 16px;
  font-weight: 400;
  color: #71717a;
  margin-bottom: 0;
}
.dt-paging nav {
  display: flex;
  align-items: center;
  gap: 3px;
  overflow: hidden;
}
.dt-paging nav .first,
.dt-paging nav .last,
.dt-paging nav .next,
.dt-paging nav .previous {
  font-size: 30px;
  padding: 0 !important;
}
div.dt-container .dt-paging .dt-paging-button {
  margin: 0 !important;
  min-width: 24px !important;
  min-height: 24px !important;
  width: 24px !important;
  height: 24px !important;
  padding: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #767676 !important;
}
div.dt-container .dt-paging .dt-paging-button.current, div.dt-container .dt-paging .dt-paging-button:hover {
  border: 1px solid #0b4ba9 !important;
  background: #fff !important;
  color: #0b4ba9 !important;
}
.dt-paging-button.first,
.dt-paging-button.last,
.dt-paging-button.previous,
.dt-paging-button.next {
 text-indent: -9999px;
}
div.dt-container .dt-paging .dt-paging-button.disabled {
  opacity: 0.5;
}
div.dt-container .dt-paging .dt-paging-button:active {
  box-shadow: none;
}
div.dt-container .dt-paging .dt-paging-button.first,
div.dt-container .dt-paging .dt-paging-button.first:hover {
  background: url("../images/pagi-arrow-2.svg") no-repeat center center !important;
  border: none !important;
}
div.dt-container .dt-paging .dt-paging-button.previous {
  background: url("../images/pagi-arrow-1.svg") no-repeat center center !important;
  border: none !important;
}
div.dt-container .dt-paging .dt-paging-button.last {
  background: url("../images/pagi-arrow-2.svg") no-repeat center center !important;
  transform: rotate(180deg);
  border: none !important;
}
div.dt-container .dt-paging .dt-paging-button.next {
  background: url("../images/pagi-arrow-1.svg") no-repeat center center !important;
  transform: rotate(180deg);
  border: none !important;
}

div.dt-container div.dt-layout-row {
  margin: 0;
}
div.dt-container  .dt-layout-row.dt-layout-table {
  margin-bottom:-8px;
  margin-top: 16px;
}
div.dt-container .dt-empty{
  padding: 60px;
}
.tab-content table.dataTable,
.tab-content table.table-main {
  width: calc(100% + 32px) !important;
  margin-left: -16px !important;
}
.tab-content table.table-main {
  margin-top: -16px;
  margin-bottom: 0;
}
.tab-content table.table-main thead th {
  border-top: 0 !important;
}
.tab-content table.dataTable thead th,
.tab-content table.table-main thead th {
  border-left: 0 !important;
}
.tab-content table.dataTable tbody tr td:first-child,
.tab-content table.table-main tbody tr td:first-child {
  border-left: 0 !important;
  padding-left:16px;
}
.tab-content table.dataTable tbody tr td:last-child,
.tab-content table.table-main tbody tr td:last-child {
  border-right: 0 !important;
}
.tab-content table.dataTable thead th:first-child,
.tab-content table.table-main thead th:first-child {
  border-top-left-radius: 0 !important;
  padding-left:16px !important;
}
.tab-content table.dataTable thead th:last-child,
.tab-content table.table-main thead th:last-child {
  border-top-right-radius: 0 !important;
}
.tab-content table.dataTable thead th:last-child,
.tab-content table.table-main thead th:last-child {
  border-right: 0 !important;
}
.tab-content table.dataTable tbody tr:last-child td:first-child,
.tab-content table.table-main tbody tr:last-child td:first-child {
  border-bottom-left-radius: 0 !important;
}
.tab-content table.dataTable tbody tr:last-child td:last-child,
.tab-content table.table-main tbody tr:last-child td:last-child {
  border-bottom-right-radius: 0 !important;
}
.date-picker {
  position: relative;
}
.date-picker img {
  position: absolute;
  top: 10px;
  right: 10px;
}
.datepicker td,
.datepicker th {
  font-size: 14px;
  width: 36px;
  height: 36px;
}
.datepicker-dropdown {
  padding: 10px;
}
.datepicker th {
  font-weight: 500;
}
.datepicker table tr td.active,
.datepicker table tr td span.active {
  background: #0b4ba9 !important;
}
.tab-main {
  position: relative;
}
.tab-top-btn {
  position: absolute;
  right: 0;
  top: -15px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.dt-column-order {
  display: flex;
  align-items: center;
  gap: 2px;
}
.dt-column-order::before,
.dt-column-order::after {
  position: relative !important;
  left: 0 !important;
  top: 0 !important;
  content: "" !important;
  width: 4px !important;
  height: 13px !important;
}
.dt-column-order::before {
  background: url("../images/sorting-up.svg") no-repeat center center;
}
.dt-column-order::after {
  background: url("../images/sorting-down.svg") no-repeat center center;
}
.dt-ordering-asc .dt-column-order::before {
  opacity: 1 !important;
}
.dt-ordering-desc .dt-column-order::after {
  opacity: 1 !important;
}
.weight-box-main {
  position: relative;
}
.weight-box-main .form-control {
  padding-right: 110px;
}
.weight-box {
  position: absolute;
  right: 8px;
  display: flex;
  align-items: center;
  height: 26px;
  border: 1px solid #edf2f7;
  border-radius: 5px;
  top: 8px;
  bottom: 0;
  overflow: hidden;
}
.weight-box label {
  font-size: 13px;
  font-weight: 600;
  color: #707070;
  height: 100%;
  cursor: pointer;
  padding: 0;
  position: relative;
}
.weight-box span.active {
  background: #d1d5db;
}
.weight-box input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.weight-box span {
  min-width: 43px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.weight-box input:checked ~ span {
  background: #d1d5db;
}

.alert-dismissible .btn-close {
  padding: 0;
  width: 44px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: none;
}
.alert-dismissible .btn-close:hover {
  opacity: 0.5 !important;
}


/****Select 2 css****/
.select2-container--default .select2-selection--single{
    height:auto;
    border-color:#d1d5db;
  }
  .select2-dropdown,.select2-container--default .select2-selection--single{
     border-color:#d1d5db;
     border-radius: 0.375rem;
  }
  .select2-container .select2-selection--single .select2-selection__rendered {
      padding-top: 6px;
      padding-bottom: 6px;
      font-size: 14px;
  }
  .select2-container--default .select2-selection--single .select2-selection__arrow{
    height:40px;
    right:6px;
  }
  .select2-container--default .select2-selection--single .select2-selection__arrow b{
    background-image: url("data:image/svg+xml,%0A%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.701916 2.22427C0.406653 1.92903 0.406653 1.45028 0.701916 1.15503C0.997187 0.859781 1.47591 0.859781 1.77118 1.15503L6.21591 5.59978C6.51115 5.89503 6.9899 5.89503 7.28515 5.59978L11.7299 1.15503C12.0252 0.859781 12.5039 0.859781 12.7991 1.15503C13.0944 1.45028 13.0944 1.92903 12.7991 2.22427L7.28515 7.73826C6.9899 8.03353 6.51115 8.03353 6.21591 7.73826L0.701916 2.22427Z' fill='%23707070'/%3E%3C/svg%3E%0A");
      width: 14px;
      height: 8px;
      border: none;
      background-repeat: no-repeat;
      margin-left: -7px;
      margin-top: -4px;
  }
  .select2-container--default .select2-results__option[aria-selected=true]{
    background-color: #f4f5f9;
  }
  .select2-container--default .select2-results__option--highlighted[aria-selected]{
    background-color: #ef4444;
  }
  .select2-results .select2-results__option{
    font-size:14px;
    line-height:21px;
  }

  .table-main tr {
    vertical-align: top;
  }
  .icon-btn {
    min-width: 65px;
  }
  .back-login{
    margin-top: 16px;
    justify-content: center;
    align-items: center;
    display: flex;
    gap: 8px;

  }
  .back-login a{
    font-size: 14px;
    font-weight: 500;
    color: #ef4444;
    text-decoration: none;
  }
  .back-login a:hover{
    color: #ef4444;
    text-decoration: underline;
  }
  .back-login label{
    font-size: 14px;
    font-weight: 500;
    color: #4b5563;
  }
  .form-control.is-invalid, .was-validated .form-control:invalid, .form-select.is-invalid{
    background-image:none;
  }
  .btn-danger.remove-row-btn{
    min-width: 140px;
  }
  .category-row .category-row-input{
    min-width: 230px;
    max-width: 230px;
  }
  .date-picker input{
    background: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23707070' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-calendar-icon lucide-calendar'%3E%3Cpath d='M8 2v4'/%3E%3Cpath d='M16 2v4'/%3E%3Crect width='18' height='18' x='3' y='4' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E") no-repeat right 12px center;
    background-size: 24px;
  }
  .expanse-input-fields .btn, .remove-freight-item{
    min-width: 140px;
  }
  table .form-group{
    margin-bottom: 0;
  }
  .disabled {
    background-color: #f1f1f1;
    cursor: not-allowed;
  }
  #alert-container svg{margin-right: 4px;}
  #payment-table_wrapper .dt-layout-cell,#deposit-table_wrapper  .dt-layout-cell{
    max-height: 480px;
    overflow-y: auto;
  }
  #payment-table thead,#deposit-table thead{
    position: sticky;
    top:0;
  }
  .date-picker .form-control.is-invalid{
    background: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23707070' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-calendar-icon lucide-calendar'%3E%3Cpath d='M8 2v4'/%3E%3Cpath d='M16 2v4'/%3E%3Crect width='18' height='18' x='3' y='4' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E") no-repeat right 12px center;
    background-size: 24px;
  }
  table.dataTable thead > tr > th.freight-table-action .dt-column-header,table.dataTable thead > tr > th:last-child div.dt-column-header{
      justify-content: center !important;
      width: 100%;
  }
  table.dataTable tbody >  tr > td:last-child{
    text-align: center;
  }
  table.dataTable thead > tr > th:last-child div.dt-column-header span{
    text-align: center;
  }
  #set-password input[readonly]{
    background-color: #f1f1f1;
    cursor: not-allowed;
  }
  .table-main .select2-container{
    width: 100% !important;
  }
  #add-new-customer{
    margin-top: 28px;
  }
  .customer-email-delete{
    padding: 0;
    background: none;
    border: none;
    min-width: 0;
    position: absolute;
    right: 0;
    top: 5px;
    margin-right: 3px;
  }
  .customer-email-delete:hover{
    background: none;
    border: none;
  }
  .customer-email-delete i{
    color: #ef4444;
  }
 .sidebar-menu-main ul li a[aria-expanded="true"] + ul li.active a{
    background-color:transparent !important;
    color:#ef4444 !important;
  }
  .sidebar-menu-main ul li a[aria-expanded="true"]  + ul li.active a svg path{
    fill:#ef4444 !important;
  }
  .sidebar-menu-main ul li a.nav-link[aria-expanded="true"]{
    background-color:#ef4444;
    color:#ffffff;
  }
   .sidebar-menu-main ul li a.nav-link[aria-expanded="true"] i.fa-chevron-down{
    transform:rotate(180deg);
   }
    .report-border-b{
    border-bottom:1px solid  #D9D9D9;
   }

  .report-content p,.report-content span,.report-content a{
    font-size: 13px;
    line-height:19px;
    color: #000;
  }
  .report-content p,.report-content a{
    text-decoration: underline;
    color:#999999;
  }
  .report-content .report-total{
    font-size: 15px;
    line-height:21px;
    font-weight: 600;
    color:#000000DE;
    text-decoration: none;
  }
  .report-total-row{
    margin-top: 8px;
  }
  #addNewModal .btn-close{
    position: absolute;
    right: 12px;
    top: 12px;
    color: #000000 !important;
    opacity:1 !important;
  }
    
  #addNewModal .modal-content{
    padding:48px;
    padding-top:40px;
  }
   #addNewModal .modal-content h4{
    text-align:center;
   }
   .add-new-custom-radio{
    display:flex;
    flex-wrap:wrap;
    gap:16px;
  }
.add-new-custom-radio .custom-radio{
  position: relative;
  width:calc(100%/3 - 12px);
  text-decoration: none;
}

.add-new-custom-radio .custom-radio input[type="radio"] {
  display: none;
}

.add-new-custom-radio .custom-radio  label {
  display: flex;
  flex-direction: column;
  align-items:start;
  justify-content: center;
  gap: 8px;
  box-shadow: 0px 0px 4px 0px #00000026;
  border: 1px solid transparent;
  border-radius: 10px;
  background: #fff;
  cursor: pointer;
  transition: all 0.3s ease;
  height: 120px;
}
.add-new-custom-radio .custom-radio label a{
    display: flex;
    flex-direction: column;
    padding: 20px;
    width: 100%;
    height: 100%;
    justify-content: center;
    gap: 10px;
    text-decoration: none;
    align-items: center;
}
.add-new-custom-radio .custom-radio label img {
  width: 30px;
  height: 30px;
}
.add-new-custom-radio .custom-radio label span {
  font-size: 18px;
  color: #71717a;
}

/*--- new css --*/
body {
  background: #f4f5f9;
}
.header-main {
  position: sticky;
  top: 0;
  z-index: 99;
}
.sidebar-main {
  position: fixed;
  left: 0;
  top: 0;
}
.main-box {
  padding-left: 250px;
}
#received-po-table td .date-picker input{
  width: 135px;
}

.bank-count-box svg{
  width: 20px;
  height: auto;
  position: absolute;
  top: 15px;
  right: 18px;
}
.other-current-liabilities-account-name{
  color: #000 !important;
  font-weight: 600;
  text-decoration: unset !important;
}
@media(min-width:991px){
    #addNewModal .modal-dialog{
        max-width:700px !important;
    }
}