@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800;900&display=swap');

:root {
  --rd-theme-font-family: 'Poppins', sans-serif;
  --rd-app-font-weight: 400;
  --rd-app-color: #186DD1;
  --rd-app-font-size: clamp(0.87rem, 0.9vw, 1rem);
  --rd-app-primary-color: #5E6278;
  --rd-app-text-color-100: #181C32;
  --rd-app-text-color-200: #F4F4F4;
  --rd-app-text-color-300: #B5B5C3;
  --rd-app-text-color-400: #A1A5B7;
  --rd-app-text-color-500: #7E8299;
  --rd-app-text-color-600: #3F4254;
  --rd-app-text-color-700: #252F4A;
  --rd-app-text-color-800: #F5F5F7;
  --rd-app--border-color: #525D7A;
  --rd-app-bg-color: #F5F8FA;
  --rd-app-bg-light-color-100: #F4F6FA;
  --rd-app-breadcrumb-color: #A1A5B7;
  --rd-app-header-bg: #ffffff;
  --rd-app-header-padding-x: 1.8rem;
  --rd-app-header-padding-y: 0.9rem;
  --rd-app-header-shadow: 0px 10px 30px 0px rgba(82, 63, 105, 0.05);
  --rd-app-cotent-padding: 1.8rem;
  --rd-app-card-color-bg: #ffffff;
  --rd-app-card-border-radius: 6px;
  --rd-app-card-box-shadow: 0px 0px 20px 0px rgba(76, 87, 125, 0.04);
  --rd-app-width: 280px;
  --rd-wrapper-padding-left: 280px;
  --rd-app-menu-color: #525D7A;
  --rd-app-menu-active-bg: #f5f8fa;
  --rd-app-menu-radius: 6px;
  --rd-app-offcanvas-width: 280px !important;
  --rd-app-btn-small-padding: 0.6rem 1rem;
  --rd-app-alert-box-padding: 0.75rem 1rem;
  --rd-app-alert-box-fs: 0.935rem;
  --rd-app-alert-box-mb: 0;
  --rd-app-textbox-padding: 0.6rem 0.6rem;
  --rd-app-selectbox-padding: 0.6rem 1.8rem 0.6rem 0.6rem;
  --rd-app-datarange-bg: #F1FAFF;
  /*multi color*/
  --rd-app-blue: #0F6FEC;
  --rd-app-blue-hover: #0c63d5;
  --rd-app-blue-light: #F1FAFF;
  --rd-app-green: #1a8e4e;
  --rd-app-green-light: #E8FFF3;
  --rd-app-violet: #7239EA;
  --rd-app-violet-light: #F8F5FF;
  --rd-app-red: #dc3545;
  --rd-app-red-light: #FFF5F8;
  --rd-app-yellow: #ffc107;
  --rd-app-yellow-light: #fff8dd;
  --rd-app-lgray: #7E8299;
  --rd-app-lgray-light: #F9F9F9;
  --rd-app-dark: #181C32;
  --rd-app-dark-light: #F4F4F4;

  /*table*/
  --rd-app-table-padding: 0.6rem 0.5rem;
  --rd-app-table-border-color: #E1E3EA;
  --rd-app-table-th-fs: 0.875rem;
  --rd-app-table-td-fs: 0.935rem;
  --rd-app-table-thead-text-color: #071437;
  --rd-app-table-tbody-text-color: #78829D;
  --rd-app-table-action-btn-bg: #F9F9F9;
  --rd-app-table-action-btn-hover-bg: #eff2f5;
  --rd-app-table-thead-bg: #E9F3FF;
  /*form*/
  --rd-app-form-label: #78829D;
  --rd-app-form-boder-color: #DBDFE9;
  --rd-app-form-text-color: #252F4A;
}

@media (max-width: 575.98px) {
  :root {
    --rd-app-cotent-padding: 1rem;
    --rd-app-header-padding-x: 1rem;
    --rd-app-btn-small-padding: 0.4rem 0.7rem;
  }
}

/*page scrollbar css*/
html {
  scrollbar-color: #A1A5B7 #B5B5C3;
  scrollbar-width: thin;
}

::-webkit-scrollbar {
  width: 6px;
  height: 4px;
}

::-webkit-scrollbar-thumb {
  background-color: #A1A5B7;
  border-radius: 0px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #A1A5B7;
}

::-webkit-scrollbar-track {
  background-color: transparent;
}

/*page scrollbar css end*/

body {
  font-family: var(--rd-theme-font-family);
  color: var(--rd-app-primary-color);
  font-size: var(--rd-app-font-size);
  font-weight: var(--rd-app-font-weight);
  background-color: var(--rd-app-bg-color);
}

/*page left side css*/
.app-side-menu {
  background-color: #fff;
}

/*menu css*/
.app-side-menu .app-menu {
  height: calc(100vh - 80px);
  overflow-y: auto;
  margin-top: 1rem;
  padding-right: 0.5rem;
  scrollbar-color: var(--rd-app-color) var(--rd-app-color);
  scrollbar-width: thin;
}

.app-side-menu .app-menu:hover {
  scrollbar-color: rgba(255, 255, 255, 30%) var(--rd-app-color);
}

.app-side-menu .app-menu {
  scrollbar-color: #fff var(--rd-app-color);
}

.app-side-menu .app-menu::-webkit-scrollbar {
  width: 3px;
  height: 8px;
}

.app-side-menu .app-menu::-webkit-scrollbar-thumb {
  background-color: var(--rd-app-color);
  border-radius: 0px;
}

.app-side-menu .app-menu:hover::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 30%) !important;
  border-radius: 0px;
}

.app-side-menu .app-menu .accordion {
  --bs-accordion-bg: transparent !important;
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='%23525D7A'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='%23186DD1'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
  --bs-accordion-btn-padding-x: 0.65rem;
  --bs-accordion-btn-padding-y: 0.65rem;
  --bs-accordion-btn-icon-width: 0.7rem;
  --bs-accordion-btn-hover-bg: rgb(3, 36, 79, 15%) !important;
  --bs-accordion-btn-radius: 6px
}

.app-side-menu .app-menu .accordion .menu-leading {
  font-size: 0.813rem;
  font-weight: 500;
  color: var(--rd-app-menu-color);
  text-transform: uppercase;
  padding: 1.3rem 0rem 0.5rem;
  opacity: 0.5;
}

.app-side-menu .app-menu .accordion .accordion-button {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--rd-app-menu-color);
  display: flex;
  align-items: center;
  transition: all 0s linear 0s;
}

.app-menu .accordion-item:not(:last-child) {
  margin-bottom: 0.5rem;
}

.app-side-menu .app-menu .accordion .accordion-button svg {
  width: 16px;
  height: 16px;
}

.app-side-menu .app-menu .accordion .accordion-button::after {
  background-position: right center;
  transform: rotate(90deg);
}

.app-side-menu .app-menu .accordion .accordion-button:not(.collapsed) {
  background-color: transparent !important;
  box-shadow: none;
  color: var(--rd-app-color);
}

.app-side-menu .app-menu .accordion .accordion-button .menu-name {
  padding-left: 0.5rem;
  white-space: nowrap;
}

.app-side-menu .app-menu .accordion .accordion-button:hover,
.app-side-menu .app-menu .accordion .accordion-button.active {
  color: var(--rd-app-color);
  background-color: var(--rd-app-menu-active-bg);
  border-radius: var(--rd-app-menu-radius);
}

.app-side-menu .app-menu .accordion .accordion-button.no-drop::after {
  display: none !important;
}

.app-side-menu .app-menu .accordion .accordion-button:hover::after {
  background-image: var(--bs-accordion-btn-active-icon);
}

.app-side-menu .app-menu .accordion .accordion-button:not(.collapsed)::after {
  transform: rotate(-90deg);
}

.app-side-menu .app-menu .accordion .accordion-item {
  border: 1px solid transparent;
}

.app-side-menu .app-menu .accordion .accordion-body,
.app-side-menu .app-menu .accordion .accordion-body>ul {
  padding: 0;
  margin-bottom: 0;
}

.app-side-menu .app-menu .accordion .accordion-body>ul>* .app-submenu {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  font-size: 0.813rem;
  font-weight: 500;
  color: var(--rd-app-menu-color);
  padding: 0.5rem 0.5rem;
  white-space: nowrap;
}

.app-side-menu .app-menu .accordion .accordion-body>ul>* .app-submenu:hover {
  color: var(--rd-app-color);
}

.app-side-menu .app-menu .accordion .accordion-body>ul>* .app-submenu .menu-bullet {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
}

.app-side-menu .app-menu .accordion .accordion-body>ul>* .app-submenu .menu-bullet>.bullet-dot {
  width: 4px;
  height: 4px;
  border-radius: 100vmax;
  background-color: var(--rd-app-menu-color);
}

.app-side-menu .app-menu .accordion .accordion-body>ul>* .app-submenu:hover .menu-bullet>.bullet-dot {
  background-color: var(--rd-app-color);
}

.app-side-menu.offcanvas.offcanvas-start {
  width: var(--rd-app-offcanvas-width);
}

.notify {
  position: relative;
}

.notify svg {
  width: 24px;
  height: 24px;
  color: #525D7A;
}

.notify .noti-icon-badge {
  display: inline-block;
  position: absolute;
  top: -7px;
  right: -2px;
  border-radius: 50%;
  height: 10px;
  width: 10px;
  background-color: #E73E5F;
}

@-webkit-keyframes blinker {
  from {
    opacity: 1.0;
  }

  to {
    opacity: 0.0;
  }
}

.notify-blink {
  text-decoration: blink;
  -webkit-animation-name: blinker;
  -webkit-animation-duration: 0.6s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-direction: alternate;
}

/*menu css end*/
.app-side-menu .applogo {
  padding: 0.9rem 1.5rem;
  display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: space-between;
}

.app-side-menu .applogo .logo-full {
  height: 27px;
  transition: all 0.2s linear 0s;
}

.app-side-menu .applogo .logo-symbol {
  height: 27px;
  display: none;
  transition: all 0.2s linear 0s;
}

/*app left side only icons css*/
.side-w {
  width: 80px !important;
}

.side-w .applogo .logo-symbol {
  display: block;
}

.side-w .applogo .logo-full {
  display: none;
}

.side-w .app-menu .accordion .accordion-button .menu-name,
.side-w .app-menu .accordion .accordion-button::after,
.side-w .app-menu .accordion .accordion-body {
  display: none;
}

@media (min-width: 992px) {
  .side-w:hover {
    position: absolute;
    width: 300px !important;
    box-shadow: 5px 0px 20px rgba(70, 78, 95, 20%);
  }

  .side-w:hover .applogo .logo-symbol {
    display: none;
  }

  .side-w:hover .applogo .logo-full {
    display: block !important;
  }

  .side-w:hover .app-menu .accordion .accordion-button .menu-name,
  .side-w:hover .app-menu .accordion .accordion-button::after,
  .side-w:hover .app-menu .accordion .accordion-body {
    display: block;
  }
}

/*app left side only icons css end*/
/*page wrapper css*/
.app-wrapper {
  transition: padding-left 0.3s ease;
  width: 100%;
}

.app-wrapper-padd {
  padding-left: 80px !important;
}

.app-wrapper>.app-header {
  padding: var(--rd-app-header-padding-y) var(--rd-app-header-padding-x);
  background-color: var(--rd-app-header-bg);
  box-shadow: var(--rd-app-header-shadow);

}

/*toggle menu btn css*/
.app-side-menu .applogo .menu-toggle-btn {
  width: 30px;
  height: 30px;
  border: 0;
  background-color: #F9F9F9;
  transition: all 0.3s linear 0s;
  padding: 0;
  border-radius: 6px;
}

.app-side-menu .applogo .menu-toggle-btn svg {
  width: 20px;
  height: 20px;
  color: var(--rd-app-text-color-100);
  transition: transform 0.4s ease;
}

.app-side-menu .applogo .menu-toggle-btn:hover svg,
.app-side-menu .applogo .menu-toggle-btn.menu-active svg {
  color: var(--rd-app-color);
}

.app-side-menu .applogo .menu-toggle-btn.menu-active svg {
  position: relative;
  transform: rotate(180deg);
}

.app-wrapper>.app-header .mob-menu-toggle {
  background-color: #fff;
  font-size: 1.8rem;
  border: 0;
  padding: 0;
  line-height: 1;
}

.app-wrapper>.app-header .mob-logo {
  height: 34px;
}

.app-wrapper>.app-header .avatar-img {
  height: 40px;
  width: 40px;
  border-radius: 100vmax;
  border: 0;
  background: #186DD1;
  background: linear-gradient(147deg, #186DD1 21.49%, #696FFB 90.59%);
  overflow: hidden;
  padding: 0;
  color: #fff;
  font-size: 1.125rem;
}

.app-wrapper>.app-header .avatar-img img {
  width: 100%;
  height: auto;
}

.app-wrapper>.app-header .dropdown .dropdown-menu {
  box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
  border: 0;
  padding: 0.8rem;
  min-width: 230px;
}

.app-wrapper>.app-header .dropdown .dropdown-menu .profile-name {
  font-size: 1rem;
  font-weight: 500;
  color: var(--rd-app-text-color-100);
  margin-bottom: 0;
}

.app-wrapper>.app-header .dropdown .dropdown-menu hr {
  border-color: #F4F4F4;
  opacity: 1;
}

.app-wrapper>.app-header .dropdown .dropdown-menu .dropdown-item {
  font-size: 0.9rem;
  font-weight: 500;
  padding: 0.6rem !important;
  color: var(--rd-app-text-color-600);
}

.app-wrapper>.app-header .dropdown .dropdown-menu .dropdown-item:hover,
.dropdown-item:focus {
  background-color: var(--rd-app-bg-light-color-100);
  border-radius: 6px;
  color: var(--rd-app-color);
}

/*page wrapper cotent section css*/
.app-wrapper>.app-cotent {
  padding: var(--rd-app-cotent-padding);
}

.app-wrapper>.app-cotent .page-heading {
  font-size: clamp(1.1rem, 1.2vw, 1.35rem);
  font-weight: 600;
  color: var(--rd-app-text-color-100);
}

.app-wrapper>.app-cotent .breadcrumb {
  font-size: 0.75rem;
  color: var(--rd-app-breadcrumb-color);
  margin-bottom: 0;
}

.app-wrapper>.app-cotent .breadcrumb .breadcrumb-item+.breadcrumb-item::before {
  color: var(--rd-app-breadcrumb-color);
}

.app-wrapper>.app-cotent .app-card {
  background-color: var(--rd-app-card-color-bg);
  border-radius: var(--rd-app-card-border-radius);
  padding: 1.5rem;
  box-shadow: var(--rd-app-card-box-shadow);
  border: 1px solid #F1F1F4;
}

/*page dashboard widgets css*/
.app-wrapper>.app-cotent .dash-widgets {
  margin-bottom: 1.875rem;
}

.app-wrapper>.app-cotent .dash-widgets .widg-name {
  font-weight: 500;
}

.app-wrapper>.app-cotent .dash-widgets .widg-value {
  font-weight: 600;
  font-size: clamp(1.35rem, 2.6vw, 3rem);
  color: var(--rd-app-text-color-100);
  line-height: 1;
  padding-top: 0.3rem;
}

/*page dashboard widgets icon css*/
.app-wrapper>.app-cotent .dash-widgets .widg-icon {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
}

.app-wrapper>.app-cotent .dash-widgets .widg-icon svg {
  width: 30px;
  height: 30px;
}

.app-wrapper>.app-cotent .dash-widgets .icon-color-blue {
  background-color: var(--rd-app-blue-light);
}

.app-wrapper>.app-cotent .dash-widgets .icon-color-blue svg {
  color: var(--rd-app-blue);
}

.app-wrapper>.app-cotent .dash-widgets .icon-color-green {
  background-color: var(--rd-app-green-light);
}

.app-wrapper>.app-cotent .dash-widgets .icon-color-green svg {
  color: var(--rd-app-green);
}

.app-wrapper>.app-cotent .dash-widgets .icon-color-violet {
  background-color: var(--rd-app-violet-light);
}

.app-wrapper>.app-cotent .dash-widgets .icon-color-violet svg {
  color: var(--rd-app-violet);
}

.app-wrapper>.app-cotent .dash-widgets .icon-color-red {
  background-color: var(--rd-app-red-light);
}

.app-wrapper>.app-cotent .dash-widgets .icon-color-red svg {
  color: var(--rd-app-red);
}

/*app table css*/
.app-wrapper>.app-cotent .app-table {
  caption-side: bottom;
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 1rem;
  margin-bottom: 0;
}

.app-wrapper>.app-cotent .app-table thead th {
  padding: var(--rd-app-table-padding);
  /* border-bottom: 1px dashed var(--rd-app-table-border-color);*/
  font-size: var(--rd-app-table-th-fs);
  font-weight: 500;
  color: var(--rd-app-table-thead-text-color);
  background-color: var(--rd-app-table-thead-bg);
}

.app-wrapper>.app-cotent .app-table tbody td {
  padding: var(--rd-app-table-padding);
  border-bottom: 1px dashed var(--rd-app-table-border-color);
  font-size: var(--rd-app-table-td-fs);
  font-weight: 500;
  color: var(--rd-app-table-tbody-text-color);
}

.app-wrapper>.app-cotent .app-table tbody td .action-btn {
  background-color: var(--rd-app-table-action-btn-bg);
  color: var(--rd-app-table-tbody-text-color);
  border: 0 !important;
}

.app-wrapper>.app-cotent .app-table tbody td .action-btn:hover {
  color: var(--rd-app-color);
  background-color: var(--rd-app-table-action-btn-hover-bg);
}

.app-wrapper>.app-cotent .app-table tbody td .alert {
  font-weight: 500;
  font-size: 0.875rem;
  padding: 0.4rem 0.8rem;
}

/*daterange css*/

.daterangepicker.show-calendar .drp-buttons .btn-primary {
  background-color: var(--rd-app-color);
}

.daterangepicker.show-calendar .drp-buttons .btn-primary:hover {
  background-color: var(--rd-app-blue-hover);
}

/*buttons css*/
.app-wrapper>.app-cotent .btn-primary {
  --bs-btn-bg: var(--rd-app-color);
  --bs-btn-border-color: var(--rd-app-color);
  --bs-btn-hover-bg: var(--rd-app-blue-hover);
  --bs-btn-hover-border-color: var(--rd-app-blue-hover);
}

.app-wrapper>.app-cotent .btn-outline-primary {
  --bs-btn-border-color: var(--rd-app-color);
  --bs-btn-color: var(--rd-app-color);
  --bs-btn-hover-bg: var(--rd-app-color);
  --bs-btn-hover-border-color: var(--rd-app-color);
}

.btn-check:checked+.btn:focus,
.btn-check:active+.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.show:focus,
.btn-check:focus+.btn,
.btn:focus {
  box-shadow: none !important;
}

/*alert css*/
.app-wrapper>.app-cotent .alert {
  margin-bottom: var(--rd-app-alert-box-mb);
  font-size: var(--rd-app-alert-box-fs);
  padding: var(--rd-app-alert-box-padding);
  text-align: center;
  display: inline-block;
}

.app-wrapper>.app-cotent .alert-primary {
  --bs-alert-color: var(--rd-app-blue);
  --bs-alert-bg: var(--rd-app-blue-light);
  --bs-alert-border-color: var(--rd-app-blue-light);
}

.app-wrapper>.app-cotent .alert-success {
  --bs-alert-color: var(--rd-app-green);
  --bs-alert-bg: var(--rd-app-green-light);
  --bs-alert-border-color: var(--rd-app-green-light);
}

.app-wrapper>.app-cotent .alert-danger {
  --bs-alert-color: var(--rd-app-red);
  --bs-alert-bg: var(--rd-app-red-light);
  --bs-alert-border-color: var(--rd-app-red-light);
}

.app-wrapper>.app-cotent .alert-warning {
  --bs-alert-color: var(--rd-app-yellow);
  --bs-alert-bg: var(--rd-app-yellow-light);
  --bs-alert-border-color: var(--rd-app-yellow-light);
}

.app-wrapper>.app-cotent .alert-info {
  --bs-alert-color: var(--rd-app-violet);
  --bs-alert-bg: var(--rd-app-violet-light);
  --bs-alert-border-color: var(--rd-app-violet-light);
}

.app-wrapper>.app-cotent .alert-secondary {
  --bs-alert-color: var(--rd-app-lgray);
  --bs-alert-bg: var(--rd-app-lgray-light);
  --bs-alert-border-color: var(--rd-app-lgray-light);
}

.app-wrapper>.app-cotent .alert-light {
  --bs-alert-color: var(--rd-app-text-color-600);
}

/*text css*/
.app-text-color-100 {
  color: var(--rd-app-text-color-100) !important;
}

.app-wrapper>.app-cotent .text-primary {
  color: var(--rd-app-color) !important;
}

.app-wrapper>.app-cotent .text-success {
  color: var(--rd-app-green) !important;
}

.app-wrapper>.app-cotent .text-danger {
  color: var(--rd-app-red) !important;
}

.app-wrapper>.app-cotent .text-warning {
  color: var(--rd-app-yellow) !important;
}

.app-wrapper>.app-cotent .text-info {
  color: var(--rd-app-violet) !important;
}

.app-wrapper>.app-cotent .text-dark {
  color: #252F4A !important;
}

.app-wrapper>.app-cotent .num-btn {
  background-color: var(--rd-app-text-color-800);
  padding: 0.4rem 1.5rem;
  color: var(--rd-app-form-text-color);
  border: 0;
  font-size: 0.9rem;
}

.app-wrapper>.app-cotent .num-btn:hover,
.app-wrapper>.app-cotent .num-btn.active {
  background-color: var(--rd-app-color);
  color: #fff;
}

.btn-check+.btn {
  border: 1px solid var(--rd-app-form-boder-color) !important;
  color: var(--rd-app-form-text-color);
  padding: 0.5rem 0.6rem;
  font-size: 0.9rem;
}

.btn-check+.btn svg {
  width: 16px;
  height: 16px;
  color: var(--rd-app-form-boder-color);
}

.btn-check:checked+.btn svg {
  color: var(--rd-app-color);
}

.app-wrapper>.app-cotent .filter-btn {
  background-color: var(--rd-app-text-color-800);
  color: var(--rd-app-text-color-700);
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border: 0;
}

.app-wrapper>.app-cotent .filter-select {
  font-size: 0.875rem;
  background-color: var(--rd-app-text-color-800);
  color: var(--rd-app-text-color-700);
  border: 0;
  width: auto !important;
}

.app-wrapper>.app-cotent .filter-select:focus {
  border: 0;
  box-shadow: none;
}

.app-wrapper>.app-cotent .filter-search {
  padding: 0.4rem 1.8rem 0.4rem 0.6rem !important;
  font-size: 0.875rem;
  width: 150px;
}

.app-wrapper>.app-cotent .catgy-filter {
  border: 1px dashed var(--rd-app-form-boder-color);
  border-radius: 4px;
  padding: 0.4rem 0.6rem;
  font-size: 0.875rem;
  display: flex;
  gap: 0.5em;
  align-items: center;
  color: var(--rd-app-text-color-700);
  cursor: pointer;
}

.app-wrapper>.app-cotent .catgy-filter button {
  border: 0;
  padding: 0;
  background-color: transparent;
}

.app-wrapper>.app-cotent .catgy-filter button svg {
  color: #DBDFE9;
  width: 16px;
  height: 16px;
}

.app-wrapper>.app-cotent .catgy-filter:hover button svg {
  color: var(--rd-app-color);
}

/*font weight css*/
.fw-500 {
  font-weight: 500 !important;
}

.fw-600 {
  font-weight: 600 !important;
}

/*font size css*/
.fs-7 {
  font-size: 0.875rem !important;
}

.fs-8 {
  font-size: 0.813rem !important;
}

.fs-9 {
  font-size: 0.75rem !important;
}

.fs-10 {
  font-size: 0.688rem !important;
}

/*form css*/
.from-group {
  margin-bottom: 1.5rem;
}

.from-group .form-label,
.form-floating label {
  font-size: 0.875rem;
  margin-bottom: 0.5rem;
  font-weight: 500;
  color: var(--rd-app-form-label);
}

.from-group .form-control,
.from-group .form-select {
  transition: color 0.2s ease;
  padding: var(--rd-app-textbox-padding);
  border: 1px solid var(--rd-app-form-boder-color);
  color: var(--rd-app-text-color-100);
  font-size: 0.935rem;
  color: var(--rd-app-form-text-color);
  font-weight: 400;
}

.from-group .form-select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%231B254B' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 16px 16px;
  border: 1px solid var(--rd-app-form-boder-color);
  padding: var(--rd-app-selectbox-padding) !important;
}

.from-group .form-select option {
  background-color: #fff !important;
}

.from-group .form-search {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 487.95 487.95' fill='%231B254B' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M481.8,453l-140-140.1c27.6-33.1,44.2-75.4,44.2-121.6C386,85.9,299.5,0.2,193.1,0.2S0,86,0,191.4s86.5,191.1,192.9,191.1 c45.2,0,86.8-15.5,119.8-41.4l140.5,140.5c8.2,8.2,20.4,8.2,28.6,0C490,473.4,490,461.2,481.8,453z M41,191.4 c0-82.8,68.2-150.1,151.9-150.1s151.9,67.3,151.9,150.1s-68.2,150.1-151.9,150.1S41,274.1,41,191.4z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 16px 16px;
  padding: var(--rd-app-selectbox-padding) !important;
}

.from-group .form-calendar {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231B254B' viewBox='0 0 16 16'%3E%3Cpath d='M14 0H2a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zM1 3.857C1 3.384 1.448 3 2 3h12c.552 0 1 .384 1 .857v10.286c0 .473-.448.857-1 .857H2c-.552 0-1-.384-1-.857V3.857z'/%3E%3Cpath d='M6.5 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm-9 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm-9 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 16px 16px;
  padding: var(--rd-app-selectbox-padding) !important;
}

.form-user {
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.5 12.3C2.5 9.53857 4.73858 7.29999 7.5 7.29999C10.2614 7.29999 12.5 9.53857 12.5 12.3V12.4818C12.5 12.768 12.268 13 11.9818 13H3.01818C2.732 13 2.5 12.768 2.5 12.4818V12.3Z' fill='%237E8299'/%3E%3Cpath d='M7.5 6.90002C8.88071 6.90002 10 5.78074 10 4.40002C10 3.01931 8.88071 1.90002 7.5 1.90002C6.11929 1.90002 5 3.01931 5 4.40002C5 5.78074 6.11929 6.90002 7.5 6.90002Z' fill='%237E8299' fill-opacity='0.4'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 18px 18px;
  padding: var(--rd-app-selectbox-padding) !important;
}

.form-eye {
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.2'%3E%3Cpath d='M7.5 3.28125C2.8125 3.28125 0.9375 7.50046 0.9375 7.50046C0.9375 7.50046 2.8125 11.7188 7.5 11.7188C12.1875 11.7188 14.0625 7.50046 14.0625 7.50046C14.0625 7.50046 12.1875 3.28125 7.5 3.28125ZM7.5 9.84424C7.03645 9.84424 6.58331 9.70678 6.19788 9.44924C5.81245 9.19171 5.51205 8.82567 5.33466 8.3974C5.15726 7.96914 5.11085 7.49789 5.20128 7.04324C5.29172 6.5886 5.51494 6.17098 5.84272 5.8432C6.1705 5.51543 6.58811 5.2922 7.04276 5.20177C7.4974 5.11134 7.96865 5.15775 8.39691 5.33514C8.82518 5.51254 9.19122 5.81294 9.44876 6.19837C9.70629 6.5838 9.84375 7.03694 9.84375 7.50049C9.84375 8.12209 9.59682 8.71823 9.15728 9.15777C8.71774 9.5973 8.1216 9.84423 7.5 9.84424Z' fill='%237E8299'/%3E%3C/g%3E%3Cpath d='M3.15936 2.02838C3.07572 1.93639 2.95897 1.88138 2.83478 1.87547C2.71059 1.86956 2.58914 1.91322 2.49714 1.99685C2.40515 2.08049 2.35014 2.19724 2.34423 2.32143C2.33832 2.44562 2.38198 2.56707 2.46562 2.65907L3.59277 3.89895C1.46479 5.20506 0.549888 7.21796 0.509133 7.3096C0.482507 7.36954 0.46875 7.43439 0.46875 7.49997C0.46875 7.56556 0.482507 7.63041 0.509133 7.69035C0.529733 7.73669 1.02595 8.83716 2.1295 9.9406C3.59927 11.4102 5.45636 12.187 7.49999 12.187C8.5502 12.1932 9.58981 11.9769 10.5504 11.5524L11.8406 12.9716C11.9242 13.0636 12.041 13.1186 12.1652 13.1245C12.2894 13.1304 12.4108 13.0867 12.5028 13.0031C12.5948 12.9195 12.6498 12.8027 12.6557 12.6785C12.6616 12.5543 12.618 12.4329 12.5344 12.3409L3.15936 2.02838ZM5.93237 6.4725L8.37419 9.15851C8.00656 9.35256 7.58486 9.41889 7.17542 9.34706C6.76598 9.27524 6.39203 9.06934 6.1124 8.76175C5.83278 8.45416 5.66334 8.06233 5.63075 7.64792C5.59816 7.23351 5.70427 6.82001 5.93237 6.4725ZM7.49999 11.2495C5.69645 11.2495 4.12066 10.5941 2.81632 9.3015C2.28015 8.76943 1.8239 8.16249 1.4618 7.49957C1.73683 6.98462 2.61393 5.54338 4.23587 4.60634L5.28829 5.76399C4.87777 6.28664 4.66567 6.93781 4.68959 7.60198C4.71351 8.26614 4.97193 8.90036 5.41898 9.39212C5.86603 9.88388 6.47283 10.2014 7.13171 10.2883C7.7906 10.3752 8.45898 10.226 9.01827 9.86698L9.88084 10.8158C9.12098 11.1068 8.31363 11.2538 7.49999 11.2495Z' fill='%237E8299'/%3E%3Cpath d='M14.4908 7.3096C14.4702 7.26331 13.974 6.16256 12.8704 5.05895C11.4007 3.58901 9.54353 2.81202 7.4999 2.81202C7.06803 2.81151 6.63686 2.84667 6.21078 2.91713C6.08844 2.93792 5.97933 3.00638 5.90738 3.10749C5.83544 3.2086 5.80652 3.33411 5.82697 3.45651C5.84742 3.57891 5.91557 3.6882 6.01648 3.76043C6.11739 3.83266 6.24282 3.86192 6.36528 3.84181C6.7403 3.77988 7.1198 3.74901 7.4999 3.74952C9.30338 3.74952 10.8792 4.40509 12.1836 5.69799C12.7196 6.23005 13.1758 6.83698 13.5378 7.49986C13.115 8.27293 12.5648 8.96909 11.9103 9.559C11.8177 9.64195 11.7619 9.75829 11.7551 9.88243C11.7482 10.0066 11.791 10.1283 11.8739 10.2209C11.9569 10.3135 12.0732 10.3694 12.1974 10.3762C12.3215 10.383 12.4433 10.3403 12.5359 10.2573C13.8727 9.05992 14.4661 7.74574 14.4908 7.69035C14.5174 7.63042 14.5311 7.56556 14.5311 7.49998C14.5311 7.43439 14.5174 7.36954 14.4908 7.3096Z' fill='%237E8299'/%3E%3Cpath d='M9.36666 7.32304C9.37751 7.43923 9.4313 7.54719 9.51751 7.62583C9.60371 7.70447 9.71615 7.74814 9.83284 7.74831C9.84743 7.74831 9.86219 7.74762 9.87696 7.74625C10.0007 7.73468 10.1149 7.67442 10.1942 7.57873C10.2736 7.48304 10.3117 7.35974 10.3002 7.23595C10.2415 6.63026 9.98861 6.05975 9.57928 5.60947C9.16994 5.15918 8.62605 4.85324 8.02868 4.73725C7.90658 4.71404 7.78027 4.74027 7.67751 4.81018C7.57475 4.88008 7.50395 4.98793 7.4807 5.11002C7.45744 5.23211 7.48362 5.35843 7.55348 5.46122C7.62334 5.56401 7.73116 5.63485 7.85324 5.65816C8.25126 5.73546 8.61364 5.93931 8.88637 6.23933C9.1591 6.53935 9.32756 6.91948 9.36666 7.32304Z' fill='%237E8299'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 18px 18px;
  padding: var(--rd-app-selectbox-padding) !important;
}

.form-floating .form-control {
  border: 1px solid var(--rd-app-form-boder-color);
  color: var(--rd-app-form-text-color);
}

.from-group .form-control:focus,
.from-group .form-select:focus,
.form-floating .form-control:focus {
  border: 1px solid var(--rd-app-color);
  box-shadow: none;
}

.from-group .form-text {
  font-size: 0.75rem;
  color: var(--rd-app-text-color-400);
}

/*login page css*/

.login-info {
  background-color: var(--rd-app-color);
  color: #fff;
}

.login-info .app-logo {
  padding: 1.5rem;
  height: 30vh;
  display: flex;
  justify-content: center;
}

.login-info .app-logo img {
  width: 240px;
}

.login-info-text {
  height: 30vh;
}

.login-bg {
  background-color: #fff;
}

.login-form {
  width: 400px;
}

.login-form .btn-primary {
  padding: 0.6rem 1rem;
  width: 100%;
  margin-top: 1.5rem;
}

/*media breakpoints css*/
@media (min-width: 992px) {
  .app-side-menu {
    width: var(--rd-app-width);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    transition: width 0.3s ease;
    z-index: 1021;
  }

  /* .app-wrapper
  {
    padding-left: var(--rd-wrapper-padding-left);
  } */
  .login-info {
    min-height: 100vh;
  }
}

@media (max-width: 991.98px) {
  .login-bg {
    min-height: 100vh;
  }

  .login-info .app-logo {
    height: auto;
  }
}

@media (max-width: 575.98px) {
  .app-side-menu .app-menu {
    height: 96vh;
  }

  .login-form {
    width: 300px;
  }

  .app-wrapper-padd {
    padding-left: 0px !important;
  }
}


.scrolling-text-container {
  height: 35px;
  width: 100%;
  overflow: hidden;
  background-color: #263574;
  /* Match the navbar background */
  color: white;
  padding: 5px 0;
  position: relative;
  white-space: nowrap;
}

.scrolling-text {
  display: inline-block;
  white-space: nowrap;
  position: absolute;
  animation: scrollText 30s linear infinite;
}

.scrolling-text-container:hover .scrolling-text {
  animation-play-state: paused;
}

@keyframes scrollText {
  from {
    transform: translateX(100%);
  }

  to {
    transform: translateX(-100%);
  }
}


/* Full-screen modal styling */
.modalComplete {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  /* Ensures it covers the full screen */
  background-position: center;
  /* Centers the image */
  background-repeat: no-repeat;
  /* Prevents repetition */
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 20px;
  overflow: auto;
}

/* Modal content */
.modal-contentComplete {
  background: white;
  max-width: 90%;
  /* width: 500px; */
  padding: 30px;
  margin-top: 10rem;
  border-radius: 10px;
  background-image: url("/images/DP\ world\ ILT\ 20\ VAR\ 2.jpg");
  box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.3);
}

/* Message text */
.modal-messageComplete {
  text-align: left;
  font-size: 18px;
  font-weight: bold;
  color: #333;
  margin-bottom: 20px;
}

/* Reload button */
.reload-btnComplete {
  width: 100%;
  padding: 12px;
  font-size: 16px;
  font-weight: bold;
  background: #007bff;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: background 0.3s;
}

.reload-btnComplete:hover {
  background: #0056b3;
}




@media (max-width: 450px) {
  .logo-full {
    width: 107px !important;
    height: 66px !important;
    object-fit: contain;
  }

  body {
    background-size: cover !important;
    /* Ensures full image visibility */
    background-position: top center !important;
    /* Adjusts position */
    height: 100% !important;
  }

  .page-heading {
    font-size: 20px !important;
    font-weight: 700 !important;
    letter-spacing: 1px;
  }

  .marquee-container {
    position: sticky;
    top: 0;
    width: 100%;
    /* Match header color */
    z-index: 1000;
    padding: 5px 0;
    text-align: center;
    color: white;
    font-weight: bold;
    font-size: 14px;
  }
  .modal-contentComplete {
    margin-top: 20rem !important;
  }
  #openModalBtnAlreadyExist {
    font-size: 12px !important;
    color: #008be5;
    white-space: nowrap;
    margin-left: 24px;
}
#openModalBtnAlready{
   font-size: 12px !important;
    color: #008be5;
    white-space: nowrap;
     margin-left: 24px;
}

}

body {
  background-image: url("../images/DP\ world\ ILT\ 20\ VAR\ 2 bg desktop-min.jpg");
  background-size: cover;
  background-position: center;
  /* Centers the image */
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}

#ScrollFormBGImage,
#NavHeadingFormBGImage,
#FormBGImage,
#AppFormBGImage {
  background-color: transparent;
}

.darkBlueBG {
  background-color: #182046;
}

.lightBlueBG {
  background-color: #263574 !important;
  color: #ffffff !important;
}

.from-group .form-label {
  color: #ffffff !important;
}

#btnn {
  cursor: pointer !important;
}

.page-heading {
  font-size: 34px;
  font-weight: 600;
  letter-spacing: 1px;
  
}

.scrolling-text-container {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
/* // this the background image for player registration  */
#NavHeadingFormBGImage{
   
}


/* Sticky Marquee */
.marquee-container {
  position: sticky;
  top: 0;
  width: 100%;

  /* Match header color */
  z-index: 1000;
  padding: 5px 0;
  text-align: center;
  color: white;
  font-weight: bold;
  font-size: 15px;
}

/* Sticky Navbar */
.app-header {
  position: sticky;
  /* Keep below marquee */
  width: 100%;
  z-index: 999;
  padding: 10px 0;
}

#openModalBtnAlreadyExist{
  font-size: 16px;
  color: #008be5;
}

#openModalBtnAlready{
  font-size: 16px;
  color: #008be5;
}
/* #AppWrapperBG {
  background-image: url("images/ECL_PRO_BG.png");
  background-size: cover;
} */

#termsAndConditionModal {
  cursor: pointer;
}

ol {
  list-style-type: none;
  counter-reset: item;
  margin: 0;
  padding: 0;
}

li {
  display: table;
  counter-increment: item;
  margin-bottom: 0.6em;
}

li:before {
  content: counters(item, ".") ". ";
  display: table-cell;
  padding-right: 0.6em;
  font-weight: bold;
}

li li {
  margin: 0;
}

li li:before {
  content: counters(item, ".") " ";
}

.custom_model {
  display: block !important;

}