/**
  * RESPONSIVE
  */
/* Extra small devices */
/* Small devices, tablets */
/* Medium devices, desktops */
/* Large devices, desktops */
@media (max-width: 992px) {
  .page-content {
    width: 100%; }
  .return-account-creation-container {
    position: fixed;
    left: 0px;
    top: 0px; }
  .return-account-creation-button {
    margin: 10px;
    color: purple; } }

@media (min-width: 992px) {
  .page-content {
    width: 580px; }
  .return-account-creation-container {
    position: fixed;
    left: 0px; }
  .return-account-creation-button {
    margin: 10px;
    color: purple; } }

.togglePassword {
  position: relative !important;
  left: 95% !important;
  top: -30px !important;
  cursor: pointer !important; }

@media only screen and (max-width: 600px) {
  .togglePassword {
    position: relative !important;
    left: 90% !important;
    top: -30px !important;
    cursor: pointer !important; } }

/**
  * FONTS
  */
@font-face {
  font-family: "Interstate regular";
  src: url("../fonts/interstate-regular.ttf"); }

@font-face {
  font-family: "Univers";
  src: url("../fonts/UniversLTStd.otf"); }

@font-face {
  font-family: "Verdana";
  src: url("../fonts/verdana.ttf"); }

/**
  * VARS
  */
:root {
  --color-primary: rgb(60, 28, 91);
  --color-accent: rgb(129, 177, 62);
  --color-info: #adadad;
  --accent-fg: rgb(256, 256, 256);
  --accent-bg: var(--color-accent);
  --primary-fg: rgb(256, 256, 256);
  --primary-bg: var(--color-primary);
  --font-title: "Interstate regular", sans-serif;
  --font-text: "Univers", sans-serif;
  --font-input: "Verdana", sans-serif; }

body {
  font-family: var(--font-text); }

.logo {
  background-position: left top;
  background-repeat: no-repeat;
  background-size: contain;
  height: 181px; }

.header-title {
  align-items: center;
  background-color: var(--accent-bg);
  color: var(--accent-fg);
  display: flex;
  font-family: var(--font-title);
  height: 120px;
  justify-content: center;
  text-align: center; }

.page-content {
  margin: auto; }

p.disclaimer {
  color: var(--color-info);
  text-align: justify; }

/**
  * FORM
  */
.form > .form-title {
  color: var(--color-primary);
  border-bottom: var(--color-primary) solid 1px;
  font-family: var(--font-title);
  padding: 5px 10px; }

.form > .form-content {
  padding: 10px 50px; }
  .form > .form-content .form-label {
    color: var(--color-accent); }

input {
  font-family: var(--font-input); }

.btn.btn-accent, .btn.btn-accent:active, .btn.btn-accent:focus {
  background-color: var(--accent-bg);
  border-color: var(--accent-bg);
  color: var(--accent-fg); }

.btn.btn-primary, .btn.btn-primary:active, .btn.btn-primary:focus {
  background-color: var(--primary-bg);
  border-color: var(--primary-bg);
  color: var(--primary-fg); }

.lnk.lnk-accent {
  color: var(--color-accent); }