html, body {
  height: 100%;
}
body {
  overflow: hidden;
  background-image: linear-gradient( 99deg, rgba(255,255,255,1) 10.6%, rgba(255,255,255,1) 118% );
}
.logo {
  width: 100%;
  height: 55px;
  background: url(../images/color-logo.svg) no-repeat center center;
  background-size: contain;
}
#main-wrapper {
  display: flex;
  flex-direction: column;
}
.auth-wrapper {
  flex: 1 0 auto;
  position: relative;
  overflow: hidden;
}
.auth-wrapper .auth-box {
  background-image: url(../images/login/rainbow-colors-stripes-seamless-pattern.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100% 1%;
  border-radius: 13px;
}

.footer {
  flex-shrink: 0;
  width: 100%;
  position: absolute;
  bottom: 0;
  padding: 5px;
}
.input-group.input-group-solid .input-group-text, .select2-container--bootstrap5 .select2-selection--single {
  height: 42px;
  max-width: 317px;
}

#register-form > div:nth-child(2) > div.input-group.input-group-solid > div {
  /* width: 100%; */
  text-overflow: ellipsis;
  white-space: nowrap;
}

.btn-login, .btn-recover, .btn-register {
  color: var(--bs-white);
  border-radius: 8px;
  font-size: 17px;
  text-transform: uppercase;
  letter-spacing: .055em;
  line-height: 1.4em;
  padding: 0 24px;
  white-space: normal;
  flex: 0 1 100px;
  height: 45px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
  border: none;
  font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
  font-weight: 700;
}
.btn-login {
  background: var(--bs-blue);
  /* background-image: linear-gradient( 69.7deg, rgb(251 122 0) 1.4%, rgba(244,87,1,1) 36.2%, rgba(255,204,37,1) 72.2%, rgba(20,196,6,1) 113% ); */
  background-image: linear-gradient(to right, #DCE35B 0%, #45B649 51%, #DCE35B 100%);
}
.btn-login:active, .btn-login:hover {
  /* background-image: linear-gradient(to right top, #051937, #004d7a, #008793, #00bf72, #a8eb12); */
  background-image: linear-gradient(to right, #ff0084 0%, #33001b 51%, #ff0084 100%);
  color: var(--bs-white);
}
.btn-recover {
  background-color: #FF3CAC;
  background-image: radial-gradient( circle 874px at 9.8% 8%, rgba(255,20,175,1) 0%, rgba(22,22,22,1) 58.4% );
}
.btn-recover:active, .btn-recover:hover {
  background-image: linear-gradient( 99deg, rgba(115,18,81,1) 10.6%, rgba(28,28,28,1) 118% );
  color: var(--bs-white);
}
.btn-register {
    background-color: var(--bs-blue);
    background-image: radial-gradient( circle farthest-corner at 7.2% 13.6%, rgba(37,249,245,1) 0%, rgba(8,70,218,1) 90% );
}
.btn-register:active, .btn-register:hover {
  background-image: radial-gradient( circle farthest-corner at 10% 20%, rgba(37,145,251,0.98) 0.1%, rgba(0,7,128,1) 99.8% );
  color: var(--bs-white);
}


#registerform .select2-container--classic .select2-selection--single,
#registerform .select2-container--default .select2-selection--single,
#registerform .select2-container--default .select2-selection--single .select2-selection__rendered,
#registerform .select2-container--default .select2-selection--single .select2-selection__arrow,
#registerform .select2-container--default .select2-selection--multiple {
  border-color: #DFE5EF;
  height: 42px;
  color: var(--bs-link-hover-color);
  line-height: 40px;
  font-size: 1.085em;
  border-radius: 0;
}
.select2-container--default .select2-results__option--disabled {
  color: var(--bs-code-color);
  font-size: 1.085em;
}


#login-form .social > a {
  width: 52px;
  height: 52px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 75%;
}

#login-form .form-check-input:checked {
  background-color: #fb8c00;
  border-color: #fb8c00;
}

#login-form .social > .facebook {
  background-image: url('../images/icons8-facebook.svg');
}

#login-form .social > .instagram {
  background-image: url('../images/icons8-instagram.svg');
}

#login-form .social > .twitter {
  background-image: url('../images/icons8-twitter.svg');
}

#login-form .social > .linkedin {
  background-image: url('../images/icons8-linkedin.svg');
}

.form-control::placeholder {
  color: var(--bs-gray-500) !important;
}

.form-control::-webkit-input-placeholder {
  color: var(--bs-gray-500) !important;
}