@font-face {
  font-family: "Sen";
  src: url("fonts/Sen-Regular.ttf") format("truetype"), url("fonts/Sen-Regular.woff") format("woff"), url("fonts/Sen-Regular.svg") format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "Sen";
  src: url("fonts/Sen-Bold.ttf") format("truetype"), url("fonts/Sen-Bold.woff") format("woff"), url("fonts/Sen-Bold.svg") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}
#login {
  height: 100%;
  background-size: cover;
  background-attachment: fixed;
  padding: unset;
}
#login .panel {
  background-color: transparent;
  border: none;
}
#login .panel-heading {
  text-align: center;
  background-color: transparent;
  background-image: none;
  border: none;
  padding-top: 5%;
}
#login .panel-heading .pull-left {
  float: none !important;
}
#login .heading_logo {
  margin: auto;
  width: 350px;
  padding-left: 15px;
  padding-right: 15px;
}
#login .panel-body {
  background-color: transparent;
  background-image: none;
  border: none;
  margin: auto;
  width: 75%;
}
@media (max-height: 480px) {
  #login .panel-heading {
    padding-top: 5%;
  }
  #login .panel-body {
    padding-top: 5%;
    width: 50%;
  }
}
#login .btn-primary {
  border: none;
  background-image: linear-gradient(to bottom, rgb(61.1, 31.3333333333, 109.6666666667) 0%, #271446 100%);
  background-color: transparent;
  color: white;
}
#login .btn-primary:hover, #login .btn-primary:focus {
  border: none;
  background-image: linear-gradient(to bottom, rgb(61.1, 31.3333333333, 109.6666666667) 0%, #271446 100%);
  background-color: #271446;
}
#login .btn-primary:active:hover, #login .btn-primary:active:focus {
  border: none;
  background-image: linear-gradient(to bottom, rgb(16.9, 8.6666666667, 30.3333333333) 0%, #271446 100%);
  background-color: #271446;
}
#login #login_firstLogin,
#login #login_passwordResetLink,
#login #login_newLogin {
  color: #271446 !important;
}
#login #login_firstLogin:hover,
#login #login_passwordResetLink:hover,
#login #login_newLogin:hover {
  color: rgb(16.9, 8.6666666667, 30.3333333333) !important;
}
#login #login_firstLogin:focus, #login #login_firstLogin:active,
#login #login_passwordResetLink:focus,
#login #login_passwordResetLink:active,
#login #login_newLogin:focus,
#login #login_newLogin:active {
  color: rgb(16.9, 8.6666666667, 30.3333333333) !important;
}
#login #login_row {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  min-height: 100vh;
}
#login #login_row #login_nameLabel,
#login #login_row #login_passwordLabel {
  font-weight: 600;
}
#login #login_row #loginConnect {
  padding-bottom: 150px;
}
#login .card {
  background-color: transparent;
  border: none !important;
  margin-left: 15%;
  width: 75%;
}
#login .card-body {
  background-color: transparent;
}
#login .card-header {
  background-image: none;
  background-color: transparent;
  border: none;
  display: flex;
  justify-content: center;
}
#login #login_locale {
  margin-left: auto;
  margin-right: 0;
}
#login .login-buttons-row {
  display: flex;
  flex-wrap: wrap;
}
#login .login-buttons-row .login-passwordResetGroup {
  flex-grow: 1;
}
#login .login-buttons-row .login-userAccountCreationGroup {
  flex-basis: 100%;
}
#login #login_user,
#login #login_select,
#login #login_join,
#login #login_create,
#login #login_welcome {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  padding-top: 2%;
  background-color: #271446;
}
#login #login_user .fas,
#login #login_user .fa,
#login #login_user .text-primary,
#login #login_select .fas,
#login #login_select .fa,
#login #login_select .text-primary,
#login #login_join .fas,
#login #login_join .fa,
#login #login_join .text-primary,
#login #login_create .fas,
#login #login_create .fa,
#login #login_create .text-primary,
#login #login_welcome .fas,
#login #login_welcome .fa,
#login #login_welcome .text-primary {
  color: #271446 !important;
}
#login #login_user .card,
#login #login_select .card,
#login #login_join .card,
#login #login_create .card,
#login #login_welcome .card {
  background-color: white;
  border: solid #271446 !important;
  margin-left: 15%;
  width: 75%;
  border-radius: 15px;
}
#login #login_user .bootstrap-select > button,
#login #login_select .bootstrap-select > button,
#login #login_join .bootstrap-select > button,
#login #login_create .bootstrap-select > button,
#login #login_welcome .bootstrap-select > button {
  border: 1px solid #c5ccd6 !important;
  height: calc(1.5em + 1rem + 2px) !important;
  padding: 0.5rem 1rem !important;
  background: white;
}
#login #login_user .btn-primary,
#login #login_select .btn-primary,
#login #login_join .btn-primary,
#login #login_create .btn-primary,
#login #login_welcome .btn-primary {
  color: white !important;
}
#login #login_user .btn-secondary,
#login #login_select .btn-secondary,
#login #login_join .btn-secondary,
#login #login_create .btn-secondary,
#login #login_welcome .btn-secondary {
  background-color: #C2B8E5;
  color: white !important;
}
#login #login_user .input-group-text,
#login #login_select .input-group-text,
#login #login_join .input-group-text,
#login #login_create .input-group-text,
#login #login_welcome .input-group-text {
  background-color: #271446;
  color: white;
}
#login #login_user .input,
#login #login_select .input,
#login #login_join .input,
#login #login_create .input,
#login #login_welcome .input {
  border: 1px solid #271446;
}
#login #login_user .row,
#login #login_select .row,
#login #login_join .row,
#login #login_create .row,
#login #login_welcome .row {
  margin-right: 0;
  margin-left: 0;
}
#login #login_select {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  padding-top: 2%;
}
#login #login_select .mt-4 {
  padding-top: 8%;
}
#login #login_select .card {
  background-color: white;
  border: solid #271446 !important;
  margin-left: 15%;
  width: 75%;
}
#login #login_select .btn-primary {
  color: white !important;
}
#login #login_select .btn-secondary {
  background-color: #C2B8E5;
  color: white !important;
}
#login #login_create {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  padding-top: 2%;
}
#login #login_create .card {
  background-color: white;
  border: solid #271446 !important;
  margin-left: 15%;
  width: 75%;
}
#login #login_create .btn-primary {
  color: white !important;
}
#login #login_create .btn-secondary {
  background-color: #C2B8E5;
  color: white !important;
}
#login #login_create .input-group-text {
  background-color: #271446;
  color: white;
}
#login #login_join {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  padding-top: 2%;
}
#login #login_join .card {
  background-color: white;
  border: solid #271446 !important;
  margin-left: 15%;
  width: 75%;
}
#login #login_join .btn-primary {
  color: white !important;
}
#login #login_join .btn-secondary {
  background-color: #C2B8E5;
  color: white !important;
}
#login #login_join .input-group-text {
  background-color: #271446;
  color: white;
}
#login #login_welcome {
  justify-content: space-around;
}
#login #login_welcome #loginWelcome {
  padding-bottom: 150px;
}
#login #login_welcome .row {
  margin-right: 0;
  margin-left: 0;
}
#login #login_row {
  justify-content: space-around;
}
#login #login_row #loginWelcome {
  padding-bottom: 150px;
}
#login #login_row .row {
  margin-right: 0;
  margin-left: 0;
}
#login .back-button {
  margin-left: 15px;
}

.modal-bold-text {
  font-weight: bold !important;
  color: #271446;
}