/**
 * This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/
 */
.u-font-weight-bold {
  font-weight: bold; }

.u-font-size-bigger {
  font-size: bigger; }

.u-width-1rem {
  width: 1rem; }

.u-width-full {
  width: 100%; }

.u-height-full {
  height: 100%; }

.nowrap {
  white-space: nowrap; }

.u-position-relative {
  position: relative; }

.u-display-flex {
  display: flex; }

.u-display-inline-block {
  display: inline-block; }

.u-full-w {
  width: 100%; }

.u-full-h {
  height: 100%; }

.u-shadow {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); }

.u-clickable {
  cursor: pointer; }

.u-opacity-07 {
  opacity: 0.7; }

.no-margin {
  margin: 0; }

.block {
  display: block; }

.arrow-rotate-down {
  transform: rotate(90deg); }

.arrow-rotate-left {
  transform: rotate(180deg); }

.arrow-rotate-up {
  transform: rotate(270deg); }

.margin-left {
  margin-left: 10px; }

.margin-right {
  margin-right: 10px; }

.margin-auto {
  margin: auto; }

.text-overflow {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis; }

.text-overflow--1-line {
  -webkit-line-clamp: 1;
  line-break: anywhere; }

.landing-container {
  height: 100%;
  background-image: url("../images/landing-background.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden; }

.landing-container__main,
.landing-container__reset-password {
  height: 100%;
  background-repeat: no-repeat;
  display: grid;
  grid-template-columns: 55% 32%;
  grid-column-gap: 13%; }

.landing-container__main {
  background-image: url("../images/landing-arrow.svg"); }

.landing-container__reset-password {
  background-image: url("../images/landing-arrow-big.svg"); }

.landing-container__left {
  margin: 20px 0 160px 10%;
  display: flex;
  flex-direction: column;
  justify-content: space-between; }

.landing-container__logo {
  width: 150px; }

.landing-container__left__content {
  color: #fff; }
  .landing-container__left__content p {
    font-size: 14px; }

.landing-container__left__content-header {
  font-size: 50px;
  line-height: 55px;
  margin: 0;
  max-width: 1%; }

.landing-container__left__content-subtitle {
  max-width: 50%; }

.landing-container__left__content__images {
  display: flex; }

.landing-container__left__content__image {
  margin-right: 20px;
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  overflow: hidden; }
  .landing-container__left__content__image img {
    width: 100%; }

.landing-container__left__content__image-header {
  width: 100%;
  height: 20px;
  background-color: rgba(255, 255, 255, 0.3);
  display: flex;
  align-items: center;
  padding: 0 10px; }

.landing-container__left__reset-password {
  color: #fff;
  max-width: 70%; }
  .landing-container__left__reset-password p {
    font-size: 14px; }

.landing-container__left__reset-password-header {
  font-size: 50px;
  line-height: 55px;
  margin: 0; }

.landing-container__left__reset-password-btn {
  background-color: #fff !important;
  color: #be037a !important;
  margin-bottom: 20px; }
  .landing-container__left__reset-password-btn:hover {
    background-color: #bbb !important; }

.landing-container__right {
  margin: 12vh 5vw 50vh 0; }

.login-form-container {
  display: flex;
  flex-direction: column;
  align-items: flex-end; }
  .login-form-container p {
    margin: 0;
    color: red;
    font-size: 16px;
    align-self: flex-start; }

.login-form {
  width: 100%; }

.login-form-container__submit {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between; }

.form-field {
  margin-bottom: 20px;
  border-radius: 15px;
  border: 1px solid #fff;
  min-width: 150px;
  overflow: hidden;
  display: flex;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.1); }

.form-field__icon {
  padding: 10px 10px 10px 20px; }

.form-field__input {
  max-width: 70%;
  padding: 10px 5px;
  flex: 1;
  outline: none;
  border: none;
  align-self: stretch;
  color: #fff;
  background: transparent; }
  .form-field__input::placeholder {
    color: rgba(255, 255, 255, 0.5); }

.dot {
  width: 5px;
  height: 5px;
  border-radius: 25px;
  margin-right: 5px; }

.dot--red {
  background-color: #e62626; }

.dot--yellow {
  background-color: #ffd900; }

.dot--green {
  background-color: #1ad555; }

.landing-link {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.8); }
  .landing-link:hover {
    color: #fff;
    text-decoration: underline; }

.landing__error-msg {
  padding-bottom: 10px; }

@media (max-width: 1000px) {
  .landing-container {
    overflow-y: auto; }
  .landing-container__main {
    display: flex;
    flex-direction: column; }
  .landing-container__left,
  .landing-container__right {
    margin: 5vh 5vw; }
  .login-form-container {
    align-items: flex-start; }
  .login-form,
  .login-form-container__submit {
    width: 80%; } }

@media (max-width: 830px) {
  .landing-container__main {
    background-size: cover; } }