/* You can add global styles to this file, and also import other style files */
body {
  background-color: #d7dee8;
  height: 100vh;
  font-family: 'Roboto', 'Segoe UI', Arial, sans-serif;
}

.bg-color {
  background-color: #d7dee8;
}
.bg-svg {
  background-color: #e6eaf2;
}

.bg-color1 {
  background-color: #c3d2e6;
  background: linear-gradient(180deg, #c3d2e6 0%, #d7dee8 100%);
}

.text-primary {
  color: #0D47A1 !important;
}

.bg-primary {
  background-color: #0D47A1 !important;
}

.bg-primary-opacity {
  background-color: #0D47A195 !important;
}

.border-color-primary {
  border-color: #0D47A1 !important;
}
.border-color-bg {
  border-color: #d7dee8;
}

.header-title {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
}



html {
  scroll-behavior: smooth;
}

.text-black {
  --tw-text-opacity: 0.8 !important;
}
.min-h-screen-50 {
  min-height: 50vh;
}
.min-h-screen-70 {
  min-height: 70vh;
}
.min-h-screen-80 {
  min-height: 80vh;
}
.min-h-screen-90 {
  min-height: 90vh;
}

.max-h-screen-90 {
  max-height: 90vh;
}

@tailwind base;
@tailwind components;
@tailwind utilities;

.p-inputtext {
  width: 100%;
  color: #495057;
  background: #ffffff;
  padding: 0.6rem 0.5rem;
  border: 1px solid #cbd5e1;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s,
    box-shadow 0.2s;
  appearance: none;
  border-radius: 8px;
  padding-left: 1rem;
}
.p-inputtext:focus {
  outline: none;
  border-color: #0D47A1;
  box-shadow: 0 0 0 2px rgba(13, 71, 161, 0.2);
}

/* Дэлгэцийн масштаб: 100% дээр 80% болгож харуулах (зөвхөн desktop) */
@media (min-width: 1024px) {
  body {
    zoom: 0.8;
    height: 125vh; /* дээрх body{height:100vh}-г нөхнө */
  }

  /* zoom нь vh нэгжийг нөхөж тооцдоггүй тул 1 / 0.8 = 1.25 дахин томсгоно.
     `body` угтвар нь Tailwind CDN-ий ижил нэртэй классыг дарна. */
  body .min-h-screen {
    min-height: 125vh;
  }
  body .min-h-\[80vh\] {
    min-height: 100vh;
  }
  body .max-h-\[80vh\] {
    max-height: 100vh;
  }

  .min-h-screen-50 {
    min-height: 62.5vh;
  }
  .min-h-screen-70 {
    min-height: 87.5vh;
  }
  .min-h-screen-80 {
    min-height: 100vh;
  }
  .min-h-screen-90 {
    min-height: 112.5vh;
  }
  .max-h-screen-90 {
    max-height: 112.5vh;
  }
}