/* Place all the styles related to the authentication pages here.
 * They will automatically be included in application.css.
 * You can use Sass (SCSS) here: http://sass-lang.com/
 */ 

/* Additional styles for authentication-3 layout */
.authentication-wrapper.authentication-3 {
  min-height: 100vh;
  background-color: #f8f9fa;
}

.authentication-wrapper.authentication-3 .authentication-inner {
  display: flex;
  min-height: 100vh;
  width: 100%;
}

.authentication-wrapper.authentication-3 .ui-bg-cover {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  min-height: 100vh;
}

.authentication-wrapper.authentication-3 .ui-bg-overlay-container {
  position: relative;
  min-height: 100vh;
}

.authentication-wrapper.authentication-3 .ui-bg-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.authentication-wrapper.authentication-3 .bg-white {
  background-color: white;
  box-shadow: 0 0 20px rgba(0,0,0,0.1);
  min-height: 100vh;
  display: flex;
  align-items: center;
}

.authentication-wrapper.authentication-3 .form-control {
  border-radius: 0.375rem;
  border: 1px solid #d1d5db;
  padding: 0.75rem 1rem;
}

.authentication-wrapper.authentication-3 .btn-primary {
  background-color: #007bff;
  border-color: #007bff;
  border-radius: 0.375rem;
  padding: 0.75rem 1.5rem;
}

.authentication-wrapper.authentication-3 .btn-primary:hover {
  background-color: #0056b3;
  border-color: #0056b3;
}

/* Custom styles for the split layout */
.authentication-wrapper.authentication-3 .d-lg-block {
  display: flex !important;
}

.authentication-wrapper.authentication-3 .col-lg-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

.authentication-wrapper.authentication-3 .col-lg-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.authentication-wrapper.authentication-3 .d-flex {
  display: flex !important;
}

.authentication-wrapper.authentication-3 .align-items-center {
  align-items: center !important;
}

.authentication-wrapper.authentication-3 .justify-content-center {
  justify-content: center !important;
}

.authentication-wrapper.authentication-3 .text-center {
  text-align: center !important;
}

.authentication-wrapper.authentication-3 .text-white {
  color: white !important;
}

.authentication-wrapper.authentication-3 .bg-dark {
  background-color: #212529 !important;
}

.authentication-wrapper.authentication-3 .opacity-50 {
  opacity: 0.5 !important;
}

.authentication-wrapper.authentication-3 .p-5 {
  padding: 3rem !important;
}

.authentication-wrapper.authentication-3 .px-5 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.authentication-wrapper.authentication-3 .px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.authentication-wrapper.authentication-3 .px-xl-4 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.authentication-wrapper.authentication-3 .mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.authentication-wrapper.authentication-3 .w-100 {
  width: 100% !important;
}

.authentication-wrapper.authentication-3 .mb-4 {
  margin-bottom: 1.5rem !important;
}

.authentication-wrapper.authentication-3 .mb-0 {
  margin-bottom: 0 !important;
}

.authentication-wrapper.authentication-3 .mt-5 {
  margin-top: 3rem !important;
}

.authentication-wrapper.authentication-3 .font-weight-semibold {
  font-weight: 600 !important;
}

.authentication-wrapper.authentication-3 .font-weight-light {
  font-weight: 300 !important;
}

.authentication-wrapper.authentication-3 .font-weight-normal {
  font-weight: 400 !important;
}

.authentication-wrapper.authentication-3 .display-2 {
  font-size: 3rem;
  font-weight: 300;
  line-height: 1.2;
}

.authentication-wrapper.authentication-3 .text-larger {
  font-size: 1.125rem;
}

.authentication-wrapper.authentication-3 .form-group {
  margin-bottom: 1rem;
}

.authentication-wrapper.authentication-3 .form-label {
  margin-bottom: 0.5rem;
  font-weight: 500;
}

.authentication-wrapper.authentication-3 .custom-control {
  position: relative;
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5rem;
}

.authentication-wrapper.authentication-3 .custom-checkbox {
  padding-left: 1.5rem;
}

.authentication-wrapper.authentication-3 .custom-control-input {
  position: absolute;
  left: 0;
  z-index: -1;
  width: 1rem;
  height: 1.25rem;
  opacity: 0;
}

.authentication-wrapper.authentication-3 .custom-control-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top;
  cursor: pointer;
}

.authentication-wrapper.authentication-3 .justify-content-between {
  justify-content: space-between !important;
}

.authentication-wrapper.authentication-3 .m-0 {
  margin: 0 !important;
}