html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
  
}

/* Height utilities */
.h-20px { height: 20px !important; }
.h-40px { height: 40px !important; }
.h-lg-20px { height: 20px !important; }
.h-lg-40px { height: 40px !important; }



/* Border radius utilities */
.rounded-0 { border-radius: 0 !important; }
.rounded-1 { border-radius: 0.2rem !important; }
.rounded-2 { border-radius: 0.25rem !important; }
.rounded-3 { border-radius: 0.3rem !important; }
.rounded-4 { border-radius: 0.5rem !important; }
.rounded-5 { border-radius: 0.7rem !important; }
.rounded-6 { border-radius: 0.9rem !important; }
.rounded-7 { border-radius: 1.1rem !important; }
.rounded-8 { border-radius: 1.3rem !important; }

/* Rounded corners */
.rounded-top { 
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}
.rounded-end { 
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}
.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}
.rounded-start {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

/* Pill & Circle */
.rounded-pill { border-radius: 50rem !important; }
.rounded-circle { border-radius: 50% !important; }

/* Responsive utilities */
@media (min-width: 992px) {
  .h-lg-20px { height: 20px !important; }
  .h-lg-40px { height: 40px !important; }
}
.bgi-size-cover {
  background-size: cover;
}
.bgi-position-x-start {
  background-position-x: left;
}
.bgi-position-y-center {
  background-position-y: center;
}
.bgi-no-repeat {
  background-repeat: no-repeat;
}

/* Password Requirements Styles */
.password-requirements {
    background-color: #f8f9fa;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #e9ecef;
}

.password-requirement {
    padding: 3px 0;
    transition: all 0.3s ease;
}

.password-requirement i {
    font-size: 14px;
    transition: all 0.3s ease;
}