body {
  font-family: "DIGICO TTF", "Ubuntu", Roboto, sans-serif !important;
}

:host > *,
html {
  --general-font-family:
    "DIGICO TTF", "Ubuntu", Roboto, -apple-system, BlinkMacSystemFont,
    "Segoe UI", Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol", AppleSDGothic, "Apple SD Gothic Neo", NanumGothic,
    "NanumGothicOTF", "Nanum Gothic", "Malgun Gothic", sans-serif !important;
}

/* Customize sider logo size */
.logo-img-wrap > div:first-child {
  display: flex !important;
  align-items: center;
  margin-bottom: 2px;
}
.logo-img-wrap > div:nth-child(2) {
  display: none !important;
}
.ant-layout-sider-collapsed .logo-img-wrap > div:first-child {
  display: none !important;
}
.ant-layout-sider-collapsed .logo-img-wrap > div:nth-child(2) {
  display: flex !important;
  align-items: center;
}
.logo-img-wrap .logo-wide {
  height: 42px !important;
  padding: 0 50px 0 0 !important;
}

/* about modal logo size */
.about-logo-img {
  height: 42px !important;
  width: auto !important;
}

/* light mode: replace about logo image */
body:not(.dark-theme) .about-logo-img {
  content: url("/resources/login-logo.png");
}

/* Hide terms of use, sidebar footer */
.terms-of-use,
.sidebar-footer {
  display: none;
}

/* Hide footer of Sider (since 25.5.1)*/
#react-root div.webui-sider div.sider-footer-wrap {
  display: none !important;
}

/* Customize login logo */
backend-ai-login {
  --login-banner-height: 60px;
  --login-banner-width: 150px;
  --login-banner-background: center left / contain no-repeat
    var(--theme-logo-url);
  --header-background-color: var(--token-colorBgElevated);
}

#login-title-area {
  background-image: url("/resources/login-logo.png") !important;
}

#login-title-area ~ div {
  display: none;
}

/* Customize splash */
.splash-header .logo {
  background-image: url("/resources/login-logo.png") !important;
}

/* Customize splash-header logo */
.splash:before {
  content: none;
  position: absolute;
  top: calc(50% - 150px);
  left: calc(50% - 175px);
  width: 250px;
  height: 60px;
  display: inline-block;
  background-size: 240px 60px;
  background-position: top left;
}

.splash-header {
  background-color: white;
  height: 110px !important;
}

/*  
 * load custom font family
 */
@font-face {
  font-family: "DIGICO TTF";
  font-style: normal;
  font-weight: 100;
  src:
    local("DIGICO TTF"),
    local("DIGICO-TTF"),
    url("./fonts-KT/DIGICOTTF-Light.woff2") format("woff2"),
    /* Super Modern Browsers */ url("./fonts-KT/DIGICOTTF-Light.woff")
      format("woff"); /* Modern Browsers */
}

@font-face {
  font-family: "DIGICO TTF";
  font-style: normal;
  font-weight: 400;
  src:
    local("DIGICO TTF"),
    local("DIGICO-TTF"),
    url("./fonts-KT/DIGICOTTF-Medium.woff2") format("woff2"),
    /* Super Modern Browsers */ url("./fonts-KT/DIGICOTTF-Medium.woff")
      format("woff"); /* Modern Browsers */
}

@font-face {
  font-family: "DIGICO TTF";
  font-style: normal;
  font-weight: 700;
  src:
    local("DIGICO TTF"),
    local("DIGICO-TTF"),
    url("./fonts-KT/DIGICOTTF-Bold.woff2") format("woff2"),
    /* Super Modern Browsers */ url("./fonts-KT/DIGICOTTF-Bold.woff")
      format("woff"); /* Modern Browsers */
}