@import url("auth.css");
@import url("dashboard.css");
@import url("media.css");

/* vietnamese */
@font-face {
  font-family: "Public Sans";
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url("./assets/fonts/PublicSans/ijwTs572Xtc6ZYQws9YVwnNDTJPax9k0.woff2")
    format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
    U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Public Sans";
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url("./assets/fonts/PublicSans/ijwTs572Xtc6ZYQws9YVwnNDTJLax9k0.woff2")
    format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
    U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Public Sans";
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url("./assets/fonts/PublicSans/ijwTs572Xtc6ZYQws9YVwnNDTJzaxw.woff2")
    format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: "Public Sans";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("./assets/fonts/PublicSans/ijwRs572Xtc6ZYQws9YVwnNJfJ7Cww.woff2")
    format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
    U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Public Sans";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("./assets/fonts/PublicSans/ijwRs572Xtc6ZYQws9YVwnNIfJ7Cww.woff2")
    format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
    U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Public Sans";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("./assets/fonts/PublicSans/ijwRs572Xtc6ZYQws9YVwnNGfJ4.woff2")
    format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}
: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: #db6f00; /*    #ffc444;*/
  --theme-light-gray: #e9ecef;
  --black: #000000;
  --theme-gray: #f0f0f0;
  --background-color: #0061b1;
  --background-color-hover: #00509a;
  --body-bg: #dfdede;
  --body-bg-sec: #eff6ff;
}

[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;
}
/**********Universe CSS*********************/
#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;
}
.bg-lgray {
  background: var(--theme-light-gray);
}
.wid85 {
  width: 85px;
}
.bg-lights {
  background: var(--background-color);
}
.bg-surface,
.bg-btn {
  background-color: var(--background-color);
  color: white;
  border: none;
}
.bg-btn:hover,
.bg-btn:focus-visible,
.bg-btn:focus,
.bg-btn:active {
  background-color: var(--background-color-hover);
  color: white;
  border: none;
}
.bg-printer {
  background: #00345d;
  border: #00345d solid 1px;
  color: white;
}
.bg-printer:hover {
  background: #105083;
  color: white;
}
.icon-outer {
  width: 38px;
  height: 32px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.small-icon {
  width: 20px;
  height: 20px;
}
.btn-rfresh {
  padding: 7px 9px;
}
.fs-24 {
  font-size: 24px;
}
/**********Universe CSS*********************/
/*/////////////////////////////////////////*/

/**********Table CSS*********************/
.table.custom-table > :not(caption) > * > * {
  padding: 0.4rem;
  font-size: 14px;
}
.table.custom-table th {
  padding: 0.6rem 0.4rem;
}
.table.custom-table.th-transparent th {
  background: transparent;
  color: black;
}