:root {
  --color_main: #1656D6;
  --color_main_dark: #0F3FA8;
  --mdk-gold: #E0A82C;
}
html,
body {
  height: 100%;
}
body {
  font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #343a40;
}
/* Bootstrap 4 шиг: холбоос зөвхөн hover дээр доогуур зураастай */
a { text-decoration: none; }
a:hover { text-decoration: underline; }
.login-block {
    background: #fff;  /* fallback for old browsers */

}
.btn-login {
  background: var(--color_main); 
  color:#fff; 
  font-weight:600;
}
.forget-password {
  color: var(--color_main);
}
.forget-password:hover {
  color: var(--color_main_dark);
}
.btn-login:hover,
.btn-login:focus {
  background: var(--color_main_dark);
  color:#fff;
}
input {
  color: #333; 
  width: 100%; 
  box-sizing: border-box; 
  letter-spacing: 1px;
}

.form-control:focus {
  outline: none;
  box-shadow:none;
}

.effect-input {
  border: 0;
  padding: 7px 0;
  border-bottom: 1px solid #ccc;
  border-radius: 0;
}

.effect-input ~ .focus-border {
  position: absolute;
  /*bottom: 0;*/
  left: 15px;
  width: 0;
  height: 2px;
  background-color: var(--color_main);
  transition: 0.4s;
}

.effect-input:focus ~ .focus-border {
  width: 95%;
  transition: 0.4s;
}

/* Standards mode-д бүтэн өндөр авахын тулд эцэг элементүүдэд өндөр өгнө */
.login-block,
.login-block > .container-fluid {
  height: 100%;
}
.login-carousel {
  padding:0;
  height: 100%;
}
.login-carousel #carouselIndicators,
.login-carousel .carousel-inner,
.login-carousel .carousel-item {
  height: 100%;
}
#carouselIndicators img {
  width: 100%;
  object-fit: cover;
  object-position: left bottom;
  min-height:500px; 
  padding:0;
}

.transition-timer-carousel .carousel-indicators {
bottom: 0px;
margin-bottom: 25px;
}
.transition-timer-carousel .transition-timer-carousel-progress-bar {
  height: 5px;
  background-color: #fff;
  width: 0%;
  margin: -5px 0px 0px 0px;
  border: none;
  z-index: 11;
  position: relative;
  opacity: 1;
}
.transition-timer-carousel .transition-timer-carousel-progress-bar.animate {
  -webkit-transition: width 4.25s linear;
  -moz-transition: width 4.25s linear;
  -o-transition: width 4.25s linear;
  transition: width 4.25s linear;
  background-color: rgba(255,255,255,.5);
}

/***********************************/
/***********new style***************/
.btn {
    border-radius:0;
}
.btn:hover {
    color:#fff;
}
.form-control-sm {
    height: calc(1.5em + .5rem + 2px) !important;
}

.toggle-password {
  position: absolute;
  right: 15px;
  top: 2px;
  color: #6c757d;
}
.toggle-password:hover,
.toggle-password.active {
  color: var(--color_main);
}

/* Мандахын брэнд: нэвтрэх хэсгийн дээд алтан зураас, товчны хэлбэр */
.login-panel {
  border-top: 4px solid var(--mdk-gold);
}
.btn-login {
  border-radius: 6px;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.login-title {
  font-family: "Montserrat", "Segoe UI", Roboto, Arial, sans-serif;
  font-weight: 700;
  color: #0B2A6B;
  font-size: 1.1rem;
  text-align: center;
  margin-bottom: 1.25rem;
}

/* Bootstrap 5: .col-д padding/position, .form-group, label-ийн зай байхгүй — нэвтрэх маягтууд (.row-гүй .col) BS4 шиг */
.login-form .form-group { margin-bottom: 1rem; }
.login-form .col { position: relative; padding-left: 15px; padding-right: 15px; }
.login-form label { margin-bottom: .5rem; }
.login-form .form-check { padding-left: 15px; padding-right: 15px; }

/* Нэвтрэх/нууц үгийн маягтын алдаа (ValidationSummary): цэгтэй жагсаалтын оронд анхааруулгын хайрцаг */
.login-form .validation-summary-valid { display: none; }
.login-form .validation-summary-errors { display: flex; align-items: flex-start; gap: 10px; margin: 0 15px 1.25rem; padding: 10px 14px; border: 1px solid #F5C2C7; border-left: 4px solid #D92D3A; border-radius: 8px; background: #FDECEE; color: #8E1B24; font-size: 14px; line-height: 1.45; animation: login-err-in .2s ease-out; }
.login-form .validation-summary-errors::before { content: ""; flex: 0 0 20px; width: 20px; height: 20px; margin-top: 1px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23D92D3A'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z'/%3E%3C/svg%3E") no-repeat center / contain; }
.login-form .validation-summary-errors.text-danger { color: #8E1B24 !important; }   /* BS .text-danger-ийн !important-ийг дарна (тод уншигдах) */
.login-form .validation-summary-errors ul { margin: 0; padding: 0; list-style: none; }
.login-form .validation-summary-errors li + li { margin-top: 4px; }
.login-form .validation-summary-errors.is-dismissed { display: none; }
.login-form .field-validation-error { display: block; margin-top: 4px; font-size: 13px; }
@keyframes login-err-in { from { opacity: 0; transform: translateY(-4px); } }
@media (prefers-reduced-motion: reduce) { .login-form .validation-summary-errors { animation: none; } }