@import url('custom.min.css');
@import url('media.css');
:root {
--bs-logo-lg-height: 15px;
--bs-logo-sm-height: 24px;
--bs-main-nav-width: 245px;
--bs-main-nav-width-sm: 75px;
--bs-main-nav-item-icon-size: 18px;
--bs-main-nav-item-font-size: 15px;
--bs-main-nav-item-padding-x: 15px;
--bs-main-nav-item-padding-y: 10px;
--bs-main-nav-item-margin-y: 2px;
--bs-topbar-height: 70px;
--bs-footer-height: 60px;
--bs-headings-color: #313b5e;
--bs-input-border-color: #d8dfe7;
--bs-input-focus-border-color: #b0b0bb;
--theme-primary-dark: #1bb394;
--theme-primary-darkHover: #0f826b;
--theme-primary-light: #ffffff;
--theme-secondary-dark: #fec832; /*    #ffc444;*/
--theme-light-gray: #e9ecef;
--black: #000000;
--theme-gray: #f0f0f0;
--Background-color: #0061b1;
--Background-color-hover: #00509a;
--body-bg: #dfdede;
}

[data-bs-theme="dark"],
html[data-bs-theme="dark"] {
  --bs-border-color: #2f3944;
  --bs-light: #2f3943;
  --bs-dark: #f1f1f1;
  --bs-light-rgb: 47, 57, 67;
  --bs-dark-rgb: 241, 241, 241;
  --bs-headings-color: #aab8c5;
  --bs-input-border-color: #3a4551;
  --bs-input-focus-border-color: #4a5663;
}
html[data-menu-color="light"] {
  --bs-main-nav-bg: #ffffff;
  --bs-main-nav-item-color: #8486a7;
  --bs-main-nav-item-hover-bg: #f3f1fa;
  --bs-main-nav-item-hover-color: #3d4756;
  --bs-main-nav-border-color: #eaedf1;
}
html[data-menu-color="dark"] {
  --bs-main-nav-bg: #2d3d4d;
  --bs-main-nav-item-color: #afb9cf;
  --bs-main-nav-item-hover-bg: #283643;
  --bs-main-nav-item-hover-color: #ffffff;
  --bs-main-nav-border-color: #2f3944;
}
html[data-bs-theme="dark"][data-menu-color="dark"],
html[data-bs-theme="dark"][data-menu-color="light"] {
  --bs-main-nav-bg: #282f36;
  --bs-main-nav-item-color: #afb9cf;
  --bs-main-nav-item-hover-bg: #303943;
  --bs-main-nav-item-hover-color: #ffffff;
  --bs-main-nav-border-color: #2f3944;
}
html[data-topbar-color="light"] {
  --bs-topbar-bg: #ffffff;
  --bs-topbar-item-color: #707793;
  --bs-topbar-search-bg: #f3f3f9;
}
html[data-topbar-color="dark"] {
  --bs-topbar-bg: #2d3d4d;
  --bs-topbar-item-color: #afb9cf;
  --bs-topbar-search-bg: #283643;
}
html[data-bs-theme="dark"][data-topbar-color="dark"],
html[data-bs-theme="dark"][data-topbar-color="light"] {
  --bs-topbar-bg: #282f36;
  --bs-topbar-item-color: #afb9cf;
  --bs-topbar-search-bg: #303943;
}

#root {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  display: flex;
  place-items: center;
  min-width: 320px;
  min-height: 100vh;
  background-color: var(--body-bg) !important;
}