@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-color: #1d1b84;
  --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--border-color: #E1E3EA;
  --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: 1rem;
  --rd-app-header-padding-y: 0.3rem;
  --rd-app-header-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15), inset 0 -1px 0 rgba(255,255,255,0.15);
  --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:#D3EFFF;
  --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;
  --rd-app-btnhover-primay-color:#1613a7;
  --rd-app-label-color: #292949;
  /*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.65rem 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: #B5B5C3;
  --rd-app-table-tbody-text-color: #3F4254;
  --rd-app-table-action-btn-bg: #F9F9F9;
  --rd-app-table-action-btn-hover-bg: #eff2f5;
  --rd-app-table-btn-padding: 0.2rem 0.4rem;
}
@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: #6a6e7d;
}
::-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: var(--rd-app-color);
}
/*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='%23D3EFFF'%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='%23ffffff'%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: 0rem;
  --bs-accordion-btn-padding-y: 0.65rem;
  --bs-accordion-btn-icon-width: 0.7rem;
  --bs-accordion-btn-hover-bg:rgb(139 168 207 / 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: 400;
  color: var(--rd-app-menu-color);
  display: flex;
  align-items: center;
  transition: all 0s linear 0s;
  padding: 0.65rem 1rem 0.65rem 1.2rem;
}
.app-side-menu .app-menu .accordion .accordion-button svg
{
  width: 20px;
  height: 20px;
}
.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: #fff;
}
.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: #fff;
  background-color: rgb(139 168 207 / 15%);
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.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: 0;
  margin-bottom: 0.5rem;
}
.app-side-menu .app-menu .accordion .accordion-body, .app-side-menu .app-menu .accordion .accordion-body > ul
{
  padding: 0;
  list-style: none;
  margin-left: 0.3rem;
}
.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: 400;
  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: #fff;
  background-color: var(--bs-accordion-btn-hover-bg);
  border-radius: var(--bs-accordion-btn-radius);
}
.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: #AFD8EF;
}
.app-side-menu .app-menu .accordion .accordion-body > ul > * .app-submenu:hover .menu-bullet > .bullet-dot 
{
  background-color: #fff;
}
.app-side-menu.offcanvas.offcanvas-start
{
  width: var(--rd-app-offcanvas-width);
}
/*menu css end*/
.app-side-menu .applogo
{
  padding: 1.32rem 1.5rem;
}
.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; 
}
/*toggle menu btn css*/
.app-wrapper > .app-header .menu-toggle-btn
{
  width: 40px;
  height: 40px;
  border: 0;
  background-color: #fff;
  transition: all 0.3s linear 0s;
  padding: 0;
  border: 1px solid var(--rd-app--border-color);
  border-radius: 6px;
}
.app-wrapper > .app-header .menu-toggle-btn svg
{
  width: 28px;
  height: 28px;
  color: var(--rd-app-text-color-100);
  transition: transform 0.4s ease;
}
.app-wrapper > .app-header .menu-toggle-btn:hover svg, .app-wrapper > .app-header .menu-toggle-btn.menu-active svg
{
  color: var(--rd-app-color);
}
.app-wrapper > .app-header .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-menu .mob-logo
{
  height: 34px;
}
.app-menu
{
  padding: var(--rd-app-header-padding-y) var(--rd-app-header-padding-x);
  background-color: var(--rd-app-color);
  box-shadow:var(--rd-app-header-shadow);

}
.app-menu .app-logo
{
  height: 35px;
  transition: all 0.2s linear 0s;
}
.app-menu .navbar-nav .nav-link
{
  color: #fff;
  padding: 0.35rem 0.6rem;
  font-weight: 500;
  border-radius: 0.3rem;
}

.app-menu .navbar-nav .nav-link:hover
{
  background-color: #1c1c4e;
}
.app-menu .avatar-img
{
  height: 40px;
  width: 40px;
  border-radius: 100vmax;
  border: 1px solid var(--rd-app--border-color);
  overflow: hidden;
  background-color: #fff;
  padding: 0;

}
.app-menu .avatar-img img
{
  width: 100%;
  height: auto;
}
.app-menu .dropdown .dropdown-menu
{
  box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
  border: 0;
  padding: 0.8rem;
  min-width: 230px;
}
.app-menu .dropdown .dropdown-menu .profile-name
{
  font-size: 1rem;
  font-weight: 500;
  color: var(--rd-app-text-color-100);
  margin-bottom: 0;
}
.app-menu .dropdown .dropdown-menu hr
{
  border-color: #F4F4F4;
  opacity: 1;
}
.app-menu .dropdown .dropdown-menu .dropdown-item
{
  font-size: 0.9rem;
  font-weight: 500;
  padding: 0.6rem !important;
  color: var(--rd-app-text-color-600);
}
.app-menu .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);
}
/*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;
}
.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: 700;
  color: var(--rd-app-color);
}
.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-th-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;
  padding: var(--rd-app-table-btn-padding);
  border-radius: 0.375rem;
}
.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 .action-btn-red
{
  color: var(--rd-app-red);
  border: 0 !important;
  padding: var(--rd-app-table-btn-padding);
  border-radius: 0.375rem;
}
.app-wrapper > .app-cotent .app-table tbody td .action-btn-red:hover
{
  color: #fff;
  background-color: var(--rd-app-red);
}
.app-wrapper > .app-cotent .app-table tbody td .action-btn i, .app-wrapper > .app-cotent .app-table tbody td .action-btn-red
{
  font-size: 1.3rem;
}
.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-primary:hover
{
  --bs-btn-hover-bg: var(--rd-app-btnhover-primay-color) !important;
  --bs-btn-hover-border-color: var(--rd-app-btnhover-primay-color) !important;
}
.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;
}
/*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*/
.form-group
{
  margin-bottom: 1.5rem;
}
.form-group .form-label
{
  font-size: 0.875rem;
  margin-bottom: 0.5rem;
  font-weight: 500;
  color: var(--rd-app-label-color);
}
.form-group .form-control, .form-group .form-select
{
  transition: color 0.2s ease;
  padding: var( --rd-app-textbox-padding);
  border: 2px solid #d7d7e8;
  color: var(--rd-app-text-color-100);
  font-size: 0.935rem;
}
.form-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;
  padding: var(--rd-app-selectbox-padding) !important;
}
.form-group .form-select option
{
  background-color: #fff !important;
}
.form-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;
}
.form-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-eye, .form-floating .form-user, .form-floating .form-select
{
  padding-top: 1.625rem !important;
}
.form-group .form-control:focus, .form-group .form-select:focus
{
  border: 0;
  box-shadow: none;
  border: 2px solid var(--rd-app-color);
}
.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;
  position: relative;
}
.login-info::before
{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-image: url(../images/login-bg1.webp);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 20%;
}
.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: transparent;
}
.login-box
{
  display: flex;
  justify-content: center;
  width: 100%;
  height: 80vh;
}
.login-form
{
  width: 500px;
  background-color: #fff;
  border-radius: 0.5rem;
  padding: 2rem ;
}
.login-form .btn-primary
{
  padding: 0.6rem 1rem;
  width: 100%;
  margin-top: 0rem;
  background-color: #4945ff;
  border-color: #4945ff;
}
.login-form .btn-primary:hover
{
  background-color: #2c29d2;
  border-color: #2c29d2;
}
.login-bg .app-logo
{
  height: 100px;
}
.pagination li:not(:last-child)
{
  margin-right: 0.25rem;
}
.pagination li a
{
  color: var(--rd-app-text-color-600);
  display: block;
  padding: 0.3rem 0.8rem;
  border-radius: 6px;
}
.pagination li a:hover
{
  background-color: #ececf1;
  color: var(--rd-app-color);
}

.pagination li.active
{
  background-color:#4945ff;
  color: #fff;
  padding: 0.3rem 0.8rem;
  border-radius: 6px;
}
.navmenu-icon {
  color: var(--bs-heading-color);
  padding: 0.5rem;
  border: 0;
  background-color: transparent;
}
/*media breakpoints css*/
@media (min-width: 992px) 
{
  .navbar .offcanvas 
  {
      position: static;
      z-index: auto;
      flex-grow: 1;
      width: auto !important;
      height: auto !important;
      visibility: visible !important;
      background-color: transparent !important;
      border: 0 !important;
      transform: none !important;
      transition: none;
  }
  .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: 2000;
  }/*
  .app-wrapper
  {
    padding-left: var(--rd-wrapper-padding-left);
  }*/
  .login-info
  {
    min-height: 100vh;
  }
  .app-menu .navbar-nav .nav-item
  {
    padding-left: 0.5rem;
    padding-left: 0.5rem;
  }
}
@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: 100%;
  }
  .login-bg .app-logo
{
  height: 70px;
}
  .app-wrapper-padd
  {
    padding-left: 0px !important; 
  }
  .app-menu-mob
  {
    position: absolute;
    width: 100%;
    left: 0;
    top: 3.5rem;
    padding: 1rem;
    background-color: var(--rd-app-color);
  }
  .app-menu-mob .navbar-nav .nav-link
  {
    padding: 0.65rem 1rem !important;
  }
  .pagination
  {
    margin-top: 0.5rem;
  }
}

.table-edit-box
{
  box-shadow: 0px -4px 30px -10px rgba(28, 27, 126, 0.15);
  border-radius: 10px;
  border: 1px solid #eaeaef;
  background:#fff;
  padding: 0.5rem;
}
.table-edit-box li
{
  font-size: 0.9rem;
  border-radius: 4px;
  padding: 0.4rem 0.8rem !important;
  color: #666687;
}
.table-edit-box li svg
{
  width: 18px;
  height: 18px;
}
.table-edit-box li:hover
{
  color: #fff;
  background-color: var(--rd-app-color) !important;
}
.table-edit-box li svg
{
  padding-right: 0.2rem;
}

.modal-header
{
  background-color: #F6F6F8 !important;
}
.modal-header .modal-title
{
  color: #47445E !important;
  font-weight: 600;
}
.modal-header .close
{
  border: 1px solid #E1E8ED;
  color: #47445E !important;
  background-color: #fff;
  position: relative;
  font-size: 1.35rem;
  border-radius: 4px;
}
.modal-header .close:hover
{
  color: var(--rd-app-color) !important;
  background-color: #f6f6ff;
  border: 1px solid #cbcbeb;
}
.modal .form-group {
  margin-bottom: 1rem;
}
.modal .modal-bodyscroll
{
  height: calc(100vh - 150px);
  overflow-y: auto;
} 
.modal .modal-bodyscroll::-webkit-scrollbar
{
	width: 3px;
	height: 3px;
}
.modal .modal-bodyscroll::-webkit-scrollbar-thumb
{
	border-radius: 6px;
}

.auto-comp-drop-scroll {
    height: 300px;
    overflow-y: auto;
}
.auto-comp-drop-scroll::-webkit-scrollbar {
    width: 3px;
    height: 3px;
}
.auto-comp-drop-scroll::-webkit-scrollbar-thumb {
    border-radius: 6px;
}

.controls-container {
    display: flex;
    align-items: center; /* Align items vertically center */
}

.align-self-start {
    align-self: flex-start;
}

/* Custom CSS to reduce the size */
.custom-small {
    width: 50%; /* Reduce height */
}