html,
body {
	height: 100%;
}

body {
	background: url('../../img/bg-login.jpg') no-repeat left center fixed;
	-webkit-background-size: 150%;
	-moz-background-size: 150%;
	-o-background-size: 150%;
	background-size: 150%;
	font-family: Nunito, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.bg-white {
  background-color: #ffffff;
}

.min-h-100-vh {
  min-height: 100vh;
}

.mt-0 {
  margin-top: 0;
}

.mt-1 {
  margin-top: 1rem;
}

.mt-2 {
  margin-top: 2rem;
}

.mt-3 {
  margin-top: 3rem;
}

.mb-0 {
  margin-top: 0;
}

.mb-1 {
  margin-bottom: 1rem;
}

.mb-2 {
  margin-bottom: 2rem;
}

.mb-3 {
  margin-bottom: 3rem;
}

.px-0 {
  padding-left: 0;
  padding-right: 0;
}

.w-100 {
  width: 100%;
}

.h-100 {
  height: 100%;
}

.text-center {
  text-align: center;
}

.auth-page {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.auth-header {
  text-align: center;
  width: 100%;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.auth-header .prima-logo {
  width: 50%;
  max-width: 150px;
}

.auth-header .auth-title {
  font-size: 1.3rem;
  font-weight: bold;
}

.auth-header .auth-title span {
  color: #f03f44;
}

.auth-form,
.auth-footer {
  padding-left: 10%;
  padding-right: 10%;
}

.auth-form hr {
  border: 1px solid #dee2e6;
}

.auth-form .login-title {
  display: inline-block;
  text-align: center;
  border-bottom: 2px solid #f03f44;
  padding-bottom: 2px;
  font-weight: bold;
}

.auth-form .login-description {
  font-size: 1.3rem;
}

.input-group-btn {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.form-group .form-control {
  border-radius: 8px;
}

.btn-danger {
  background-color: #f03f44 !important;
  border-color: #f03f44 !important;
  border-radius: 8px;
}

.auth-link a {
  color: #f03f44 !important;
  font-size: 14px;
  font-weight: bold;
}

.auth-footer .company-image {
  display: flex;
  justify-content: space-around;
}

.auth-footer .company-image img {
  height: 35px;
}

.auth-footer .company-image img.strike {
  height: 20px;
}

.d-flex {
  display: flex !important;
}

.justify-content-between {
  justify-content: space-between;
}

.justify-content-evenly {
  justify-content: space-evenly;
}

.form-otp {
  width: 50px;
  height: 50px;
  text-align: center;
  vertical-align: middle;
}

.form-otp::placeholder {
  vertical-align: middle;
  font-size: 20px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.text-danger {
  color: #f03f44;
}