/* montserrat-100 - latin */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 100;
  src: url("/fonts/montserrat/montserrat-v15-latin-100.eot");
  /* IE9 Compat Modes */
  src: local(""), url("/fonts/montserrat/montserrat-v15-latin-100.eot?#iefix") format("embedded-opentype"), url("/fonts/montserrat/montserrat-v15-latin-100.woff2") format("woff2"), url("/fonts/montserrat/montserrat-v15-latin-100.woff") format("woff"), url("/fonts/montserrat/montserrat-v15-latin-100.ttf") format("truetype"), url("/fonts/montserrat/montserrat-v15-latin-100.svg#Montserrat") format("svg");
  /* Legacy iOS */
}
/* montserrat-100italic - latin */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 100;
  src: url("/fonts/montserrat/montserrat-v15-latin-100italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("/fonts/montserrat/montserrat-v15-latin-100italic.eot?#iefix") format("embedded-opentype"), url("/fonts/montserrat/montserrat-v15-latin-100italic.woff2") format("woff2"), url("/fonts/montserrat/montserrat-v15-latin-100italic.woff") format("woff"), url("/fonts/montserrat/montserrat-v15-latin-100italic.ttf") format("truetype"), url("/fonts/montserrat/montserrat-v15-latin-100italic.svg#Montserrat") format("svg");
  /* Legacy iOS */
}
/* montserrat-200 - latin */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 200;
  src: url("/fonts/montserrat/montserrat-v15-latin-200.eot");
  /* IE9 Compat Modes */
  src: local(""), url("/fonts/montserrat/montserrat-v15-latin-200.eot?#iefix") format("embedded-opentype"), url("/fonts/montserrat/montserrat-v15-latin-200.woff2") format("woff2"), url("/fonts/montserrat/montserrat-v15-latin-200.woff") format("woff"), url("/fonts/montserrat/montserrat-v15-latin-200.ttf") format("truetype"), url("/fonts/montserrat/montserrat-v15-latin-200.svg#Montserrat") format("svg");
  /* Legacy iOS */
}
/* montserrat-200italic - latin */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 200;
  src: url("/fonts/montserrat/montserrat-v15-latin-200italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("/fonts/montserrat/montserrat-v15-latin-200italic.eot?#iefix") format("embedded-opentype"), url("/fonts/montserrat/montserrat-v15-latin-200italic.woff2") format("woff2"), url("/fonts/montserrat/montserrat-v15-latin-200italic.woff") format("woff"), url("/fonts/montserrat/montserrat-v15-latin-200italic.ttf") format("truetype"), url("/fonts/montserrat/montserrat-v15-latin-200italic.svg#Montserrat") format("svg");
  /* Legacy iOS */
}
/* montserrat-300 - latin */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 300;
  src: url("/fonts/montserrat/montserrat-v15-latin-300.eot");
  /* IE9 Compat Modes */
  src: local(""), url("/fonts/montserrat/montserrat-v15-latin-300.eot?#iefix") format("embedded-opentype"), url("/fonts/montserrat/montserrat-v15-latin-300.woff2") format("woff2"), url("/fonts/montserrat/montserrat-v15-latin-300.woff") format("woff"), url("/fonts/montserrat/montserrat-v15-latin-300.ttf") format("truetype"), url("/fonts/montserrat/montserrat-v15-latin-300.svg#Montserrat") format("svg");
  /* Legacy iOS */
}
/* montserrat-300italic - latin */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 300;
  src: url("/fonts/montserrat/montserrat-v15-latin-300italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("/fonts/montserrat/montserrat-v15-latin-300italic.eot?#iefix") format("embedded-opentype"), url("/fonts/montserrat/montserrat-v15-latin-300italic.woff2") format("woff2"), url("/fonts/montserrat/montserrat-v15-latin-300italic.woff") format("woff"), url("/fonts/montserrat/montserrat-v15-latin-300italic.ttf") format("truetype"), url("/fonts/montserrat/montserrat-v15-latin-300italic.svg#Montserrat") format("svg");
  /* Legacy iOS */
}
/* montserrat-regular - latin */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/montserrat/montserrat-v15-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local(""), url("/fonts/montserrat/montserrat-v15-latin-regular.eot?#iefix") format("embedded-opentype"), url("/fonts/montserrat/montserrat-v15-latin-regular.woff2") format("woff2"), url("/fonts/montserrat/montserrat-v15-latin-regular.woff") format("woff"), url("/fonts/montserrat/montserrat-v15-latin-regular.ttf") format("truetype"), url("/fonts/montserrat/montserrat-v15-latin-regular.svg#Montserrat") format("svg");
  /* Legacy iOS */
}
/* montserrat-italic - latin */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 400;
  src: url("/fonts/montserrat/montserrat-v15-latin-italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("/fonts/montserrat/montserrat-v15-latin-italic.eot?#iefix") format("embedded-opentype"), url("/fonts/montserrat/montserrat-v15-latin-italic.woff2") format("woff2"), url("/fonts/montserrat/montserrat-v15-latin-italic.woff") format("woff"), url("/fonts/montserrat/montserrat-v15-latin-italic.ttf") format("truetype"), url("/fonts/montserrat/montserrat-v15-latin-italic.svg#Montserrat") format("svg");
  /* Legacy iOS */
}
/* montserrat-500italic - latin */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 500;
  src: url("/fonts/montserrat/montserrat-v15-latin-500italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("/fonts/montserrat/montserrat-v15-latin-500italic.eot?#iefix") format("embedded-opentype"), url("/fonts/montserrat/montserrat-v15-latin-500italic.woff2") format("woff2"), url("/fonts/montserrat/montserrat-v15-latin-500italic.woff") format("woff"), url("/fonts/montserrat/montserrat-v15-latin-500italic.ttf") format("truetype"), url("/fonts/montserrat/montserrat-v15-latin-500italic.svg#Montserrat") format("svg");
  /* Legacy iOS */
}
/* montserrat-600 - latin */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  src: url("/fonts/montserrat/montserrat-v15-latin-600.eot");
  /* IE9 Compat Modes */
  src: local(""), url("/fonts/montserrat/montserrat-v15-latin-600.eot?#iefix") format("embedded-opentype"), url("/fonts/montserrat/montserrat-v15-latin-600.woff2") format("woff2"), url("/fonts/montserrat/montserrat-v15-latin-600.woff") format("woff"), url("/fonts/montserrat/montserrat-v15-latin-600.ttf") format("truetype"), url("/fonts/montserrat/montserrat-v15-latin-600.svg#Montserrat") format("svg");
  /* Legacy iOS */
}
/* montserrat-500 - latin */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  src: url("/fonts/montserrat/montserrat-v15-latin-500.eot");
  /* IE9 Compat Modes */
  src: local(""), url("/fonts/montserrat/montserrat-v15-latin-500.eot?#iefix") format("embedded-opentype"), url("/fonts/montserrat/montserrat-v15-latin-500.woff2") format("woff2"), url("/fonts/montserrat/montserrat-v15-latin-500.woff") format("woff"), url("/fonts/montserrat/montserrat-v15-latin-500.ttf") format("truetype"), url("/fonts/montserrat/montserrat-v15-latin-500.svg#Montserrat") format("svg");
  /* Legacy iOS */
}
/* montserrat-600italic - latin */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 600;
  src: url("/fonts/montserrat/montserrat-v15-latin-600italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("/fonts/montserrat/montserrat-v15-latin-600italic.eot?#iefix") format("embedded-opentype"), url("/fonts/montserrat/montserrat-v15-latin-600italic.woff2") format("woff2"), url("/fonts/montserrat/montserrat-v15-latin-600italic.woff") format("woff"), url("/fonts/montserrat/montserrat-v15-latin-600italic.ttf") format("truetype"), url("/fonts/montserrat/montserrat-v15-latin-600italic.svg#Montserrat") format("svg");
  /* Legacy iOS */
}
/* montserrat-700italic - latin */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 700;
  src: url("/fonts/montserrat/montserrat-v15-latin-700italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("/fonts/montserrat/montserrat-v15-latin-700italic.eot?#iefix") format("embedded-opentype"), url("/fonts/montserrat/montserrat-v15-latin-700italic.woff2") format("woff2"), url("/fonts/montserrat/montserrat-v15-latin-700italic.woff") format("woff"), url("/fonts/montserrat/montserrat-v15-latin-700italic.ttf") format("truetype"), url("/fonts/montserrat/montserrat-v15-latin-700italic.svg#Montserrat") format("svg");
  /* Legacy iOS */
}
/* montserrat-700 - latin */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  src: url("/fonts/montserrat/montserrat-v15-latin-700.eot");
  /* IE9 Compat Modes */
  src: local(""), url("/fonts/montserrat/montserrat-v15-latin-700.eot?#iefix") format("embedded-opentype"), url("/fonts/montserrat/montserrat-v15-latin-700.woff2") format("woff2"), url("/fonts/montserrat/montserrat-v15-latin-700.woff") format("woff"), url("/fonts/montserrat/montserrat-v15-latin-700.ttf") format("truetype"), url("/fonts/montserrat/montserrat-v15-latin-700.svg#Montserrat") format("svg");
  /* Legacy iOS */
}
/* montserrat-800 - latin */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 800;
  src: url("/fonts/montserrat/montserrat-v15-latin-800.eot");
  /* IE9 Compat Modes */
  src: local(""), url("/fonts/montserrat/montserrat-v15-latin-800.eot?#iefix") format("embedded-opentype"), url("/fonts/montserrat/montserrat-v15-latin-800.woff2") format("woff2"), url("/fonts/montserrat/montserrat-v15-latin-800.woff") format("woff"), url("/fonts/montserrat/montserrat-v15-latin-800.ttf") format("truetype"), url("/fonts/montserrat/montserrat-v15-latin-800.svg#Montserrat") format("svg");
  /* Legacy iOS */
}
/* montserrat-800italic - latin */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 800;
  src: url("/fonts/montserrat/montserrat-v15-latin-800italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("/fonts/montserrat/montserrat-v15-latin-800italic.eot?#iefix") format("embedded-opentype"), url("/fonts/montserrat/montserrat-v15-latin-800italic.woff2") format("woff2"), url("/fonts/montserrat/montserrat-v15-latin-800italic.woff") format("woff"), url("/fonts/montserrat/montserrat-v15-latin-800italic.ttf") format("truetype"), url("/fonts/montserrat/montserrat-v15-latin-800italic.svg#Montserrat") format("svg");
  /* Legacy iOS */
}
/* montserrat-900 - latin */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 900;
  src: url("/fonts/montserrat/montserrat-v15-latin-900.eot");
  /* IE9 Compat Modes */
  src: local(""), url("/fonts/montserrat/montserrat-v15-latin-900.eot?#iefix") format("embedded-opentype"), url("/fonts/montserrat/montserrat-v15-latin-900.woff2") format("woff2"), url("/fonts/montserrat/montserrat-v15-latin-900.woff") format("woff"), url("/fonts/montserrat/montserrat-v15-latin-900.ttf") format("truetype"), url("/fonts/montserrat/montserrat-v15-latin-900.svg#Montserrat") format("svg");
  /* Legacy iOS */
}
/* montserrat-900italic - latin */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 900;
  src: url("/fonts/montserrat/montserrat-v15-latin-900italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("/fonts/montserrat/montserrat-v15-latin-900italic.eot?#iefix") format("embedded-opentype"), url("/fonts/montserrat/montserrat-v15-latin-900italic.woff2") format("woff2"), url("/fonts/montserrat/montserrat-v15-latin-900italic.woff") format("woff"), url("/fonts/montserrat/montserrat-v15-latin-900italic.ttf") format("truetype"), url("/fonts/montserrat/montserrat-v15-latin-900italic.svg#Montserrat") format("svg");
  /* Legacy iOS */
}
/* lora-regular - latin */
@font-face {
  font-family: "Lora";
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/lora/lora-v17-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local(""), url("/fonts/lora/lora-v17-latin-regular.eot?#iefix") format("embedded-opentype"), url("/fonts/lora/lora-v17-latin-regular.woff2") format("woff2"), url("/fonts/lora/lora-v17-latin-regular.woff") format("woff"), url("/fonts/lora/lora-v17-latin-regular.ttf") format("truetype"), url("/fonts/lora/lora-v17-latin-regular.svg#Lora") format("svg");
  /* Legacy iOS */
}
/* lora-600 - latin */
@font-face {
  font-family: "Lora";
  font-style: normal;
  font-weight: 600;
  src: url("/fonts/lora/lora-v17-latin-600.eot");
  /* IE9 Compat Modes */
  src: local(""), url("/fonts/lora/lora-v17-latin-600.eot?#iefix") format("embedded-opentype"), url("/fonts/lora/lora-v17-latin-600.woff2") format("woff2"), url("/fonts/lora/lora-v17-latin-600.woff") format("woff"), url("/fonts/lora/lora-v17-latin-600.ttf") format("truetype"), url("/fonts/lora/lora-v17-latin-600.svg#Lora") format("svg");
  /* Legacy iOS */
}
/* lora-500 - latin */
@font-face {
  font-family: "Lora";
  font-style: normal;
  font-weight: 500;
  src: url("/fonts/lora/lora-v17-latin-500.eot");
  /* IE9 Compat Modes */
  src: local(""), url("/fonts/lora/lora-v17-latin-500.eot?#iefix") format("embedded-opentype"), url("/fonts/lora/lora-v17-latin-500.woff2") format("woff2"), url("/fonts/lora/lora-v17-latin-500.woff") format("woff"), url("/fonts/lora/lora-v17-latin-500.ttf") format("truetype"), url("/fonts/lora/lora-v17-latin-500.svg#Lora") format("svg");
  /* Legacy iOS */
}
/* lora-700 - latin */
@font-face {
  font-family: "Lora";
  font-style: normal;
  font-weight: 700;
  src: url("/fonts/lora/lora-v17-latin-700.eot");
  /* IE9 Compat Modes */
  src: local(""), url("/fonts/lora/lora-v17-latin-700.eot?#iefix") format("embedded-opentype"), url("/fonts/lora/lora-v17-latin-700.woff2") format("woff2"), url("/fonts/lora/lora-v17-latin-700.woff") format("woff"), url("/fonts/lora/lora-v17-latin-700.ttf") format("truetype"), url("/fonts/lora/lora-v17-latin-700.svg#Lora") format("svg");
  /* Legacy iOS */
}
/* lora-italic - latin */
@font-face {
  font-family: "Lora";
  font-style: italic;
  font-weight: 400;
  src: url("/fonts/lora/lora-v17-latin-italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("/fonts/lora/lora-v17-latin-italic.eot?#iefix") format("embedded-opentype"), url("/fonts/lora/lora-v17-latin-italic.woff2") format("woff2"), url("/fonts/lora/lora-v17-latin-italic.woff") format("woff"), url("/fonts/lora/lora-v17-latin-italic.ttf") format("truetype"), url("/fonts/lora/lora-v17-latin-italic.svg#Lora") format("svg");
  /* Legacy iOS */
}
/* lora-600italic - latin */
@font-face {
  font-family: "Lora";
  font-style: italic;
  font-weight: 600;
  src: url("/fonts/lora/lora-v17-latin-600italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("/fonts/lora/lora-v17-latin-600italic.eot?#iefix") format("embedded-opentype"), url("/fonts/lora/lora-v17-latin-600italic.woff2") format("woff2"), url("/fonts/lora/lora-v17-latin-600italic.woff") format("woff"), url("/fonts/lora/lora-v17-latin-600italic.ttf") format("truetype"), url("/fonts/lora/lora-v17-latin-600italic.svg#Lora") format("svg");
  /* Legacy iOS */
}
/* lora-700italic - latin */
@font-face {
  font-family: "Lora";
  font-style: italic;
  font-weight: 700;
  src: url("/fonts/lora/lora-v17-latin-700italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("/fonts/lora/lora-v17-latin-700italic.eot?#iefix") format("embedded-opentype"), url("/fonts/lora/lora-v17-latin-700italic.woff2") format("woff2"), url("/fonts/lora/lora-v17-latin-700italic.woff") format("woff"), url("/fonts/lora/lora-v17-latin-700italic.ttf") format("truetype"), url("/fonts/lora/lora-v17-latin-700italic.svg#Lora") format("svg");
  /* Legacy iOS */
}
/* lora-500italic - latin */
@font-face {
  font-family: "Lora";
  font-style: italic;
  font-weight: 500;
  src: url("/fonts/lora/lora-v17-latin-500italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("/fonts/lora/lora-v17-latin-500italic.eot?#iefix") format("embedded-opentype"), url("/fonts/lora/lora-v17-latin-500italic.woff2") format("woff2"), url("/fonts/lora/lora-v17-latin-500italic.woff") format("woff"), url("/fonts/lora/lora-v17-latin-500italic.ttf") format("truetype"), url("/fonts/lora/lora-v17-latin-500italic.svg#Lora") format("svg");
  /* Legacy iOS */
}
* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

html {
  padding: 0;
  margin: 0;
}

body {
  padding: 0;
  margin: 0;
}

header.header {
  width: 100%;
  height: 70vh;
  padding: 30px 15% 0 15%;
  position: relative;
}
header.header.short-header {
  height: 50vh;
}

h1, h2, h3, h4, h5, h6, nav.menu ul li {
  font-family: "Lora", serif;
  color: #212121;
  font-weight: 400;
}

h1 {
  font-size: 64px;
}
@media (max-width: 600px) {
  h1 {
    font-size: 32px;
  }
}

h2 {
  font-size: 42px;
}
@media (max-width: 600px) {
  h2 {
    font-size: 28px;
  }
}

h3 {
  font-size: 36px;
}
@media (max-width: 600px) {
  h3 {
    font-size: 24px;
  }
}

h4 {
  font-size: 32px;
}
@media (max-width: 600px) {
  h4 {
    font-size: 20px;
  }
}

h5 {
  font-size: 24px;
}
@media (max-width: 600px) {
  h5 {
    font-size: 18px;
  }
}

h6 {
  font-size: 20px;
}
@media (max-width: 600px) {
  h6 {
    font-size: 16px;
  }
}

nav.menu ul li a {
  font-size: 20px;
  color: #FFFFFF;
}

p {
  font-size: 20px;
  font-family: "Montserrat", sans-serif;
  color: #999;
  font-weight: 300;
}
@media (max-width: 600px) {
  p {
    font-size: 16px;
  }
}

a.call-to-action {
  display: inline-block;
  font-family: "Montserrat", sans-serif;
  cursor: pointer;
  text-decoration: none;
  background-color: #9d1a3c;
  color: white;
  border: none;
  outline: none;
  padding: 14px 30px;
  font-size: 20px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.26);
  transition: background-color 0.3s ease-in-out;
}
@media (max-width: 600px) {
  a.call-to-action {
    font-size: 14px;
    padding: 12px 12px;
    text-align: center;
  }
}
a.call-to-action:hover {
  background-color: rgb(178.8770491803, 29.6229508197, 68.3606557377);
}

section .content {
  position: relative;
  padding: 80px 15%;
}

main.dark-white {
  background-color: #FCFCFC;
}

.nav-group {
  transition: background-color 0.5s ease-in-out, box-shadow 0.5s ease-in-out;
  width: 100%;
  height: 70px;
  background-color: transparent;
  position: absolute;
  box-shadow: none;
  z-index: 9998;
}
.nav-group .mobile-click {
  display: none;
}
.nav-group .mobile-click button {
  display: none;
}
@media (max-width: 1024px) {
  .nav-group .mobile-click button {
    display: block;
    outline: none;
    height: 40px;
    width: 40px;
    border: none;
    background-color: transparent;
  }
}
@media (max-width: 1024px) {
  .nav-group .mobile-click {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 5%;
    z-index: 10000;
    top: 16px;
  }
  .nav-group .mobile-click svg {
    fill: white;
    transition: fill 0.5s ease-in-out;
  }
  .nav-group .mobile-click svg .top, .nav-group .mobile-click svg .bottom {
    transform-origin: center;
    transition: transform 0.4s ease-in-out;
  }
  .nav-group .mobile-click svg .middle {
    transition: opacity 0.4s ease-in-out;
  }
}
.nav-group .mobile-click.expand svg .top {
  transform: rotate(45deg) translate(0, 24%);
}
.nav-group .mobile-click.expand svg .bottom {
  transform: rotate(-45deg) translate(0, -24%);
}
.nav-group .mobile-click.expand svg .middle {
  opacity: 0;
}
.nav-group.sticky {
  position: fixed;
  top: 0;
  background-color: white;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  transition: background-color 0.5s ease-in-out 0.5s, box-shadow 0.5s ease-in-out 0.5s;
}
@media (max-width: 1024px) {
  .nav-group.sticky .mobile-click svg {
    fill: black;
  }
}
.nav-group.sticky nav.menu {
  top: 20px;
}
@media (max-width: 600px) {
  .nav-group.sticky nav.menu ul li {
    line-height: 2em;
  }
}
.nav-group.sticky nav.menu ul li a {
  font-size: 18px;
  color: #212121;
  text-shadow: none;
  transition: text-shadow 0.5s ease-in-out 0.5s, color 0.5s ease-in-out 0.5s, border-bottom-color 0.5s ease-in-out;
}
.nav-group.sticky nav.menu ul.access-nav {
  position: absolute;
  right: 0;
  top: 0;
}
@media (max-width: 600px) {
  .nav-group.sticky nav.menu ul.access-nav {
    position: static;
  }
}
.nav-group.sticky nav.menu ul.access-nav li a {
  padding: 10px 15px;
  background-color: #9d1a3c;
  border: 2px solid #9d1a3c;
  color: white;
}
@media (max-width: 600px) {
  .nav-group.sticky nav.menu ul.access-nav li a {
    background-color: #34312E;
    border-color: #34312E;
  }
}
.nav-group.sticky .nav-bar .logo {
  top: 10px;
  transition: width 0.5s ease-in-out 0.2s, top 0.5s ease-in-out;
  width: 140px;
}
.nav-group.sticky .nav-bar .logo img.bl {
  opacity: 1;
}
.nav-group.sticky .nav-bar .logo img.wh {
  opacity: 0;
}
.nav-group nav.menu {
  position: absolute;
  z-index: 10;
  width: 100%;
  top: 30px;
  text-align: right;
  transition: top 0.5s linear, right 0.5s linear;
  text-align: center;
}
@media (max-width: 1024px) {
  .nav-group nav.menu {
    display: none;
  }
}
.nav-group nav.menu ul {
  padding: 0;
}
@media (max-width: 600px) {
  .nav-group nav.menu ul li {
    line-height: 2em;
    color: #212121;
  }
}
@media (max-width: 600px) {
  .nav-group nav.menu ul li a {
    color: #212121;
  }
}
.nav-group nav.menu ul.main-nav {
  padding: 0 170px;
}
@media (max-width: 600px) {
  .nav-group nav.menu ul.main-nav {
    padding: 0 10px;
  }
}
.nav-group nav.menu ul.access-nav {
  position: absolute;
  right: 0;
  top: 0;
}
@media (max-width: 600px) {
  .nav-group nav.menu ul.access-nav {
    position: static;
  }
}
.nav-group nav.menu ul.access-nav li a {
  padding: 15px 25px;
  background-color: rgba(0, 0, 0, 0.3);
  border: 2px solid #9d1a3c;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
  transition: padding 0.5s ease-in-out, background-color 0.5s ease-in-out;
}
.nav-group nav.menu ul li {
  display: inline-block;
  padding: 0 20px;
}
.nav-group nav.menu ul li a {
  transition: text-shadow 0.5s ease-in-out, color 0.5s ease-in-out;
  text-decoration: none;
}
@media (max-width: 1024px) {
  .nav-group nav.menu ul li a {
    text-shadow: none;
  }
}
@media (max-width: 1024px) {
  .nav-group nav.menu.expand {
    display: block;
    position: fixed;
    background-color: #9d1a3c;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  }
}
@media (max-width: 1024px) {
  .nav-group nav.menu.expand ul {
    display: block;
    padding-top: 400px;
  }
}
@media (max-width: 600px) {
  .nav-group nav.menu.expand ul {
    padding-top: 160px;
  }
}
@media (max-width: 1024px) {
  .nav-group nav.menu.expand ul li {
    text-align: center;
    display: block;
    padding: 0;
    font-size: 24px;
  }
}
@media (max-width: 600px) {
  .nav-group nav.menu.expand ul li {
    font-size: 18px;
  }
}
@media (max-width: 1024px) {
  .nav-group nav.menu.expand ul li a {
    font-size: 24px;
  }
}
@media (max-width: 600px) {
  .nav-group nav.menu.expand ul li a {
    font-size: 18px;
  }
}
.nav-group .nav-bar {
  position: relative;
}
.nav-group .nav-bar .logo {
  position: absolute;
  left: 0;
  top: 0;
  width: 140px;
  z-index: 999;
  left: 50px;
  top: 20px;
  transition: width 0.5s ease-in-out 0.5s, top 0.5s ease-in-out;
}
@media (max-width: 1024px) {
  .nav-group .nav-bar .logo {
    width: 240px;
    left: 50%;
    top: 100px;
    transform: translateX(-50%);
  }
}
@media (max-width: 600px) {
  .nav-group .nav-bar .logo {
    width: 120px;
    top: 30px;
  }
}
.nav-group .nav-bar .logo img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transition: opacity 0.5s ease-in-out 0.5s;
}
.nav-group .nav-bar .logo img.wh {
  opacity: 1;
}
.nav-group .nav-bar .logo img.bl {
  opacity: 0;
}
.nav-group .nav-bar.expand .logo {
  z-index: 999;
  position: fixed;
}
.nav-group .d-link {
  cursor: pointer;
  transition: border-bottom-color 2.5s ease-in-out;
  border-bottom: 1px solid transparent;
}
.nav-group .d-link.selected {
  border-bottom-color: #9d1a3c;
}
@media (max-width: 1024px) {
  .nav-group .d-link.selected {
    border-bottom: 0;
  }
}
@media (max-width: 1024px) {
  .nav-group .d-link {
    display: none;
  }
}
.nav-group .sub-links {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  max-height: 0px;
  opacity: 1;
  z-index: -1;
  transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out, max-height 0.5s ease-in-out;
  background-color: #212121;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  transform: translateY(50px);
}
@media (max-width: 1024px) {
  .nav-group .sub-links {
    max-height: initial;
    position: static;
    z-index: 0;
    height: auto;
    box-shadow: none;
    opacity: 1;
    transform: translateY(0);
    background-color: transparent;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
.nav-group .sub-links li {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  pointer-events: none;
}
@media (max-width: 1024px) {
  .nav-group .sub-links li {
    pointer-events: auto;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
.nav-group .sub-links li a.i-link {
  color: white !important;
  opacity: 0;
  font-size: 18px !important;
  transition: opacity 0.5s ease-in-out;
  pointer-events: none;
}
@media (max-width: 1024px) {
  .nav-group .sub-links li a.i-link {
    color: #212121 !important;
    pointer-events: auto;
    opacity: 1;
  }
}
.nav-group .sub-links.show {
  max-height: 50px;
  pointer-events: auto;
}
.nav-group .sub-links.show li {
  pointer-events: auto;
  opacity: 1;
  transition: opacity 0.5s ease-in-out 0.3s;
}
.nav-group .sub-links.show li a.i-link {
  pointer-events: auto;
  opacity: 1;
  transition: opacity 0.5s ease-in-out 0.3s;
}
@media (max-width: 1024px) {
  .nav-group .sub-links.show {
    transform: translateY(0);
  }
}

main form .cards {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
main form .card {
  position: relative;
  max-width: 100%;
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  padding: 20px;
  box-shadow: 0 0 5px #ececec;
  margin: 10px 20px;
  min-width: 200px;
  flex: 1 1 300px;
}
main form .card.create {
  border-color: #FFF;
  box-shadow: 0 0 0 #ffffff;
  color: #FFF;
  cursor: pointer;
  text-align: center;
  transition: color 0.5s linear, border-color 0.5s linear, box-shadow 0.5s linear;
}
main form .card.create input, main form .card.create .value {
  transition: border-color 0.5s linear;
  border-color: #FFF;
  display: inline-block;
}
main form .card.create .label {
  transition: color 0.5s linear;
  color: #FFF;
}
main form .card.create i.fa-plus {
  color: #9d1a3c;
  font-size: 24pt;
  transition: opacity 0.5s linear;
  position: absolute;
  top: 50%;
  margin-top: -12pt;
  opacity: 0.7;
}
main form .card.create:hover {
  border: 1px solid #e6e6e6;
  box-shadow: 0 0 5px #ececec;
  color: #FFF;
}
main form .card.create:hover i.fa-plus {
  opacity: 0;
}
main form .card.create:hover .label {
  color: #999999;
}
main form .card.create:hover input, main form .card.create:hover .value {
  border-color: #999999;
}
main form .card .field {
  width: auto;
  display: flex;
}
main form .card .field.integer .label {
  width: auto;
}
main form .card .field.integer input, main form .card .field.integer .value {
  width: 50px;
  max-width: 50px;
  font-size: 1.4em;
  border-color: #FFF;
}
main form .card .field.radio {
  display: inline-block;
}
main form .card .field.radio .label {
  cursor: pointer;
}
main form .card .field.boolean {
  display: inline-block;
  width: auto;
}
main form .card .field.boolean .label {
  cursor: pointer;
}
main form .card .field .label {
  width: auto;
}
main form .card .field input, main form .card .field .value {
  margin: 4px 10px;
}
main form .card input, main form .card .value {
  min-width: 120px;
  height: 25px;
  border-bottom: 1px solid #999999;
  width: auto;
}
main form .card .boolean {
  width: auto;
  display: inline-block;
}
main form .card .label {
  width: auto;
}
main form .card h3 {
  display: inline-block;
  margin: 0;
}

form.edit .field.search, form.edit .field.tags, form.edit .field.address {
  position: relative;
}
form.edit .field.search .container, form.edit .field.tags .container, form.edit .field.address .container {
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(255, 255, 255, 0.9215686275);
  z-index: 100;
  padding: 5px;
  min-width: 80%;
  border-bottom: 1px solid #999;
  max-height: 170px;
  overflow: auto;
}
form.edit .field.search .container .item, form.edit .field.tags .container .item, form.edit .field.address .container .item {
  cursor: pointer;
}
form.edit .field.search .container .item:hover, form.edit .field.tags .container .item:hover, form.edit .field.address .container .item:hover {
  color: #26BE95;
}
form.edit .field.search .container:empty, form.edit .field.tags .container:empty, form.edit .field.address .container:empty {
  display: none;
}
form.edit .field.search .actions, form.edit .field.tags .actions, form.edit .field.address .actions {
  width: 24px;
  height: 24px;
  overflow: hidden;
  position: absolute;
  right: 18%;
  font-size: 14px;
  color: #999;
  margin-bottom: 0;
}
form.edit .field.search .actions > *:hover, form.edit .field.tags .actions > *:hover, form.edit .field.address .actions > *:hover {
  color: #000;
  cursor: pointer;
}
form.edit .field.search .actions .delete, form.edit .field.tags .actions .delete, form.edit .field.address .actions .delete {
  display: inline-block;
}
form.edit .field.search .actions.load .delete, form.edit .field.tags .actions.load .delete, form.edit .field.address .actions.load .delete {
  display: none;
}
form.edit .field.search .actions .open, form.edit .field.tags .actions .open, form.edit .field.address .actions .open {
  display: none;
}
form.edit .field.search .actions .close, form.edit .field.tags .actions .close, form.edit .field.address .actions .close {
  display: none;
  float: none;
  font-size: 14px;
  color: #999;
  opacity: 1;
  line-height: auto;
}
form.edit .field.search .actions.empty .delete, form.edit .field.tags .actions.empty .delete, form.edit .field.address .actions.empty .delete {
  display: none;
}
form.edit .field.search .actions.empty.is-close .open, form.edit .field.tags .actions.empty.is-close .open, form.edit .field.address .actions.empty.is-close .open {
  display: inline-block;
}
form.edit .field.search .actions.empty.is-open .close, form.edit .field.tags .actions.empty.is-open .close, form.edit .field.address .actions.empty.is-open .close {
  display: inline-block;
}
form.edit .field.search .actions.load .open, form.edit .field.tags .actions.load .open, form.edit .field.address .actions.load .open {
  display: none;
}
form.edit .field.search.address > i, form.edit .field.tags.address > i, form.edit .field.address.address > i {
  color: #999;
  font-size: 12px;
  margin: 0 2%;
}
form.edit .field.search.address > input, form.edit .field.tags.address > input, form.edit .field.address.address > input {
  width: 82.5%;
  min-width: 82.5%;
  border-bottom: 1px solid #999;
  margin-bottom: 5px;
  padding-bottom: 3px;
  font-size: 12px;
  outline: none;
}
form.edit .field.search.address .actions, form.edit .field.tags.address .actions, form.edit .field.address.address .actions {
  display: none;
}
form.edit .field.search.address .address-group .field, form.edit .field.tags.address .address-group .field, form.edit .field.address.address .address-group .field {
  margin: 5px 3% 5px 0;
  padding: 0;
}
form.edit .field.search.address .address-group .field input, form.edit .field.search.address .address-group .field .value, form.edit .field.tags.address .address-group .field input, form.edit .field.tags.address .address-group .field .value, form.edit .field.address.address .address-group .field input, form.edit .field.address.address .address-group .field .value {
  width: 100%;
  min-width: 100%;
  font-size: 12px;
}
form.edit .field.search.address .address-group .field.address-number, form.edit .field.search.address .address-group .field.address-box, form.edit .field.tags.address .address-group .field.address-number, form.edit .field.tags.address .address-group .field.address-box, form.edit .field.address.address .address-group .field.address-number, form.edit .field.address.address .address-group .field.address-box {
  width: 10%;
  min-width: 10%;
}
form.edit .field.search.address .address-group .field.address-zip, form.edit .field.tags.address .address-group .field.address-zip, form.edit .field.address.address .address-group .field.address-zip {
  width: 24%;
  min-width: 24%;
}
form.edit .field.search.address .address-group .field.address-street, form.edit .field.search.address .address-group .field.address-city, form.edit .field.tags.address .address-group .field.address-street, form.edit .field.tags.address .address-group .field.address-city, form.edit .field.address.address .address-group .field.address-street, form.edit .field.address.address .address-group .field.address-city {
  width: 63%;
  min-width: 63%;
}
form.edit .field.search.address .address-group .field.address-country .actions, form.edit .field.tags.address .address-group .field.address-country .actions, form.edit .field.address.address .address-group .field.address-country .actions {
  display: block;
  right: -5px;
  top: 0;
}
form.edit .field.search.address .address-group .field.address-country .container, form.edit .field.tags.address .address-group .field.address-country .container, form.edit .field.address.address .address-group .field.address-country .container {
  right: -29px;
}

.tags-box .tag {
  display: inline-block;
  padding: 4px 8px;
  background-color: #9d1a3c;
  border-radius: 3px;
  position: relative;
  margin: 2px 2px;
  font-size: 12px;
  color: #fff;
  font-weight: bold;
}
.tags-box .tag.error i, .tags-box .tag.warning i {
  color: #fff;
}

form .field.tags .tags-box {
  width: 80%;
  border: none;
  padding: 2px 8px;
  display: inline-flex;
  flex-flow: row wrap;
}
form .field.tags .tags-box input {
  outline: none;
  flex: 1 0 auto;
  border: none;
  width: auto;
  min-width: 180px;
  font-size: 14px;
  top: 2px;
  margin-left: 4px;
  position: relative;
  display: none;
}
form .field.tags .tags-box .tag {
  flex: 0 0 auto;
  display: block;
}
form .field.tags .tags-box .tag.error i, form .field.tags .tags-box .tag.warning i {
  color: #fff;
}
form .field.tags .tags-box .tag div {
  display: inline-block;
  vertical-align: top;
  color: #fff;
}
form .field.tags .tags-box .tag div.delete {
  position: absolute;
  display: none;
  right: 0;
  top: 0;
  bottom: 0;
  width: 20px;
  height: 100%;
  cursor: pointer;
}
form .field.tags .tags-box .tag div.delete i {
  margin: 0 5px;
  position: relative;
  top: 3px;
  color: #fff;
}
form.edit .field.tags .tags-box {
  border-bottom: 1px solid #999;
}
form.edit .field.tags .tags-box input {
  display: inline-block;
}
form.edit .field.tags .tags-box .tag {
  padding-right: 20px;
}
form.edit .field.tags .tags-box .tag .delete {
  display: inline-block;
}

main form .subform > .field.boolean, main form .subform .content > .field.boolean, main section.table .subform > .field.boolean, main section.table .subform .content > .field.boolean {
  padding: 8px 0;
}
main form .hero-content .field.boolean, main section.table .hero-content .field.boolean {
  display: inline-block;
  margin: 0;
  padding: 7px 0 10px;
  min-width: auto;
  width: auto;
}
main form .related-boolean, main section.table .related-boolean {
  padding: 8px 0;
}
main form .related-boolean .field, main section.table .related-boolean .field {
  display: inline;
  line-height: 26px;
  margin-left: 50px;
}
main form .related-boolean .field input, main form .related-boolean .field .value, main section.table .related-boolean .field input, main section.table .related-boolean .field .value {
  width: 60%;
}
main form .related-boolean .field.boolean, main section.table .related-boolean .field.boolean {
  margin-left: 0;
}
main form .related-boolean .field.boolean .togglable, main section.table .related-boolean .field.boolean .togglable {
  top: 0;
}
main form .cards.small .card, main section.table .cards.small .card {
  width: 200px;
}
main form .cards.small .card .title, main section.table .cards.small .card .title {
  color: #212121;
  margin-bottom: 10px;
}
main form .cards.small .card .quantity, main section.table .cards.small .card .quantity {
  float: right;
}
main form .cards.small .card .category, main section.table .cards.small .card .category {
  font-size: 12px;
}
main form .cards.big .card, main section.table .cards.big .card {
  width: 540px;
}
main form .cards.pistes .action, main section.table .cards.pistes .action {
  position: absolute;
  right: 16px;
  top: 14px;
  color: #999;
}
main form .cards.pistes .fields .field, main section.table .cards.pistes .fields .field {
  display: inline-block;
}
main form .cards.pistes .fields .field .value, main section.table .cards.pistes .fields .field .value {
  margin: 0;
}
main form .cards .card, main section.table .cards .card {
  margin-left: 0;
  box-shadow: none;
  position: relative;
}
main form .cards .card.disabled *, main section.table .cards .card.disabled * {
  opacity: 0.5;
}
main form .cards .card.disabled .actions, main form .cards .card.disabled .action, main section.table .cards .card.disabled .actions, main section.table .cards .card.disabled .action {
  opacity: 1;
}
main form .cards .card h3, main section.table .cards .card h3 {
  font-size: 14px;
  font-weight: bold;
  color: #555;
  margin: 5px 10px;
}
main form .cards .card img.icon, main form .cards .card .title, main form .cards .card .validity, main section.table .cards .card img.icon, main section.table .cards .card .title, main section.table .cards .card .validity {
  display: inline-block;
  vertical-align: top;
}
main form .cards .card img.icon, main section.table .cards .card img.icon {
  width: 40px;
  height: 40px;
  margin: 0 0 10px 0;
}
main form .cards .card .title, main section.table .cards .card .title {
  font-size: 16px;
  color: #9d1a3c;
}
main form .cards .card .state, main section.table .cards .card .state {
  font-size: 14px;
  position: absolute;
  left: 70px;
  top: 40px;
}
main form .cards .card .validity, main section.table .cards .card .validity {
  float: right;
}
main form .cards .card .validity .label, main section.table .cards .card .validity .label {
  font-size: 12px;
  padding: 0;
  padding-bottom: 4px;
}
main form .cards .card .validity .value, main section.table .cards .card .validity .value {
  font-size: 14px;
  border-bottom: none;
}
main form .cards .card .actions, main section.table .cards .card .actions {
  margin-top: 20px;
  white-space: nowrap;
}
main form .cards .card .actions .action, main section.table .cards .card .actions .action {
  margin-right: 12px;
  background-color: #9d1a3c;
  color: white;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  padding: 12px 18px;
}
main form .cards .card .actions .action:first-child, main section.table .cards .card .actions .action:first-child {
  background-color: #26BE95;
}
main form .cards .card .actions .action:last-child, main section.table .cards .card .actions .action:last-child {
  background-color: #9d1a3c;
}
main form .cards .card .field, main section.table .cards .card .field {
  margin: 5px 10px 0 0;
  min-width: 150px;
}
main form .cards .card .field .label, main section.table .cards .card .field .label {
  display: block;
  font-size: 12px;
}
main form .cards .card .field .value, main section.table .cards .card .field .value {
  font-size: 14px;
}
main form .cards .card .field.boolean.toggle .togglable, main section.table .cards .card .field.boolean.toggle .togglable {
  top: 0;
}
main form .checklist, main section.table .checklist {
  display: inline-block;
}
main form .checklist > .label, main section.table .checklist > .label {
  color: #212121;
}
main form .checklist .field, main section.table .checklist .field {
  display: block;
}
main form .checklist .field.boolean.toggle .togglable, main section.table .checklist .field.boolean.toggle .togglable {
  top: 0;
}
main form .field.boolean, main form .field.toggle, main section.table .field.boolean, main section.table .field.toggle {
  vertical-align: top;
  height: auto;
}
main form .field.boolean .label, main form .field.toggle .label, main section.table .field.boolean .label, main section.table .field.toggle .label {
  width: auto;
  text-align: left;
  line-height: 18px;
  display: inline-block;
  padding: 0 0 0 35px;
  margin: 0;
}
main form .field.boolean .label span, main form .field.boolean .label strong, main form .field.toggle .label span, main form .field.toggle .label strong, main section.table .field.boolean .label span, main section.table .field.boolean .label strong, main section.table .field.toggle .label span, main section.table .field.toggle .label strong {
  display: inline;
}
main form .field.boolean .fa-check-square, main form .field.toggle .fa-check-square, main section.table .field.boolean .fa-check-square, main section.table .field.toggle .fa-check-square {
  display: none;
}
main form .field.boolean .fa-square, main form .field.toggle .fa-square, main section.table .field.boolean .fa-square, main section.table .field.toggle .fa-square {
  display: inline-block;
}
main form .field.boolean .label, main form .field.boolean + label, main form .field.toggle .label, main form .field.toggle + label, main section.table .field.boolean .label, main section.table .field.boolean + label, main section.table .field.toggle .label, main section.table .field.toggle + label {
  color: #999;
}
main form .field.boolean .togglable, main form .field.toggle .togglable, main section.table .field.boolean .togglable, main section.table .field.toggle .togglable {
  display: inline;
  vertical-align: top;
  background-color: #9d1a3c;
  display: inline;
  position: absolute;
  top: 6px;
  left: 10px;
}
main form .field.boolean .togglable:before, main form .field.boolean .togglable:after, main form .field.toggle .togglable:before, main form .field.toggle .togglable:after, main section.table .field.boolean .togglable:before, main section.table .field.boolean .togglable:after, main section.table .field.toggle .togglable:before, main section.table .field.toggle .togglable:after {
  position: absolute;
  left: 7px;
  content: " ";
  height: 18px;
  width: 3px;
  background-color: #9d1a3c;
}
main form .field.boolean .togglable:before, main form .field.toggle .togglable:before, main section.table .field.boolean .togglable:before, main section.table .field.toggle .togglable:before {
  transform: rotate(45deg);
}
main form .field.boolean .togglable:after, main form .field.toggle .togglable:after, main section.table .field.boolean .togglable:after, main section.table .field.toggle .togglable:after {
  transform: rotate(-45deg);
}
main form .field.boolean .togglable + .label, main form .field.toggle .togglable + .label, main section.table .field.boolean .togglable + .label, main section.table .field.toggle .togglable + .label {
  padding-left: 35px;
}
main form .field.boolean.check .togglable, main form .field.toggle.check .togglable, main section.table .field.boolean.check .togglable, main section.table .field.toggle.check .togglable {
  background-color: transparent;
  margin-left: 7px;
  display: inline-block;
  transform: rotate(45deg);
  height: 18px;
  width: 8px;
  border-bottom: 3px solid #26BE95;
  border-right: 3px solid #26BE95;
}
main form .field.boolean.check .togglable:after, main form .field.boolean.check .togglable:before, main form .field.toggle.check .togglable:after, main form .field.toggle.check .togglable:before, main section.table .field.boolean.check .togglable:after, main section.table .field.boolean.check .togglable:before, main section.table .field.toggle.check .togglable:after, main section.table .field.toggle.check .togglable:before {
  content: none;
}
main form .field.boolean.check .togglable + .label, main form .field.toggle.check .togglable + .label, main section.table .field.boolean.check .togglable + .label, main section.table .field.toggle.check .togglable + .label {
  padding-left: 35px;
}
main form .field.boolean.check .fa-check-square, main form .field.toggle.check .fa-check-square, main section.table .field.boolean.check .fa-check-square, main section.table .field.toggle.check .fa-check-square {
  display: inline-block;
}
main form .field.boolean.check .fa-square, main form .field.toggle.check .fa-square, main section.table .field.boolean.check .fa-square, main section.table .field.toggle.check .fa-square {
  display: none;
}
main form .field.toggle .fas, main form .field.toggle .far, main form .field.toggle.check .fas, main form .field.toggle.check .far, main section.table .field.toggle .fas, main section.table .field.toggle .far, main section.table .field.toggle.check .fas, main section.table .field.toggle.check .far {
  display: none;
}
main form h1 .field.boolean, main form h2 .field.boolean, main form h3 .field.boolean, main section.table h1 .field.boolean, main section.table h2 .field.boolean, main section.table h3 .field.boolean {
  display: inline;
  line-height: 27px;
}
main form h1 .field.boolean .togglable, main form h2 .field.boolean .togglable, main form h3 .field.boolean .togglable, main section.table h1 .field.boolean .togglable, main section.table h2 .field.boolean .togglable, main section.table h3 .field.boolean .togglable {
  top: 0;
}
main .edit .field.boolean, main .edit section.table .field.boolean {
  cursor: pointer;
}
main .edit .field.boolean.toggle .fas, main .edit .field.boolean.toggle .far, main .edit section.table .field.boolean.toggle .fas, main .edit section.table .field.boolean.toggle .far {
  display: none;
}
main .edit .field.boolean.toggle.check .fas, main .edit .field.boolean.toggle.check .far, main .edit section.table .field.boolean.toggle.check .fas, main .edit section.table .field.boolean.toggle.check .far {
  display: none;
}
main .edit .field.boolean .label, main .edit section.table .field.boolean .label {
  display: inline-block;
}
main .edit .field.boolean .togglable, main .edit section.table .field.boolean .togglable {
  background-color: transparent;
  position: absolute;
  width: 32px;
  height: 17px;
  border-radius: 9px;
  border: 1px solid lightgray;
  transition: border-color 0.5s ease-in-out, background-color 0.5s ease-in-out;
  display: inline-block;
  top: 7px;
  left: 10px;
}
main .edit .field.boolean .togglable + .label, main .edit section.table .field.boolean .togglable + .label {
  padding: 0 0 0 50px;
  margin: 0;
}
main .edit .field.boolean .togglable:before, main .edit section.table .field.boolean .togglable:before {
  content: none;
}
main .edit .field.boolean .togglable:after, main .edit section.table .field.boolean .togglable:after {
  position: absolute;
  content: " ";
  width: 13px;
  height: 13px;
  background-color: lightgray;
  border-radius: 50%;
  top: 1px;
  left: 1px;
  transition: left 0.4s ease-in-out, background-color 0.4s ease-in-out;
}
main .edit .field.boolean.check .togglable, main .edit section.table .field.boolean.check .togglable {
  margin-left: 0px;
  background-color: transparent;
  width: 32px;
  height: 17px;
  border-radius: 9px;
  border: 1px solid lightgray;
  transition: border-color 0.5s ease-in-out, background-color 0.5s ease-in-out;
  display: inline-block;
  vertical-align: top;
  transform: rotate(0);
  border-color: #9d1a3c;
  background-color: #9d1a3c;
}
main .edit .field.boolean.check .togglable + .label, main .edit section.table .field.boolean.check .togglable + .label {
  padding: 0 0 0 50px;
}
main .edit .field.boolean.check .togglable:after, main .edit section.table .field.boolean.check .togglable:after {
  content: " ";
  left: 16px;
  background-color: white;
}
main .edit .field.boolean.check .togglable:before, main .edit section.table .field.boolean.check .togglable:before {
  content: none;
}
main .edit .field.boolean.check .fa-check-square, main .edit section.table .field.boolean.check .fa-check-square {
  display: inline-block;
}
main .edit .field.boolean.check .fa-square, main .edit section.table .field.boolean.check .fa-square {
  display: none;
}
main .edit .field.boolean.check.success .togglable, main .edit section.table .field.boolean.check.success .togglable {
  border-color: #26BE95;
  background-color: #26BE95;
}
main .edit .field.boolean.toggle .togglable, main .edit section.table .field.boolean.toggle .togglable {
  top: 8px;
}
main .edit .related-boolean, main .edit section.table .related-boolean {
  padding: 0;
  vertical-align: top;
  margin: 5px 10px;
  max-width: 350px;
  font-size: 14px;
  display: inline-block;
  min-width: 200px;
  width: 300px;
  flex: 1 1 auto;
  position: relative;
}
main .edit h1 .field.boolean, main .edit h2 .field.boolean, main .edit h3 .field.boolean, main .edit section.table h1 .field.boolean, main .edit section.table h2 .field.boolean, main .edit section.table h3 .field.boolean {
  display: inline;
  line-height: 27px;
}
main .edit h1 .field.boolean .togglable, main .edit h2 .field.boolean .togglable, main .edit h3 .field.boolean .togglable, main .edit section.table h1 .field.boolean .togglable, main .edit section.table h2 .field.boolean .togglable, main .edit section.table h3 .field.boolean .togglable {
  top: 0;
}

.field.stars label {
  cursor: pointer;
  padding: 0 0.1em;
  font-size: 16px;
}
.field.stars label .icon {
  pointer-events: none;
  color: #9d1a3c;
}
.field.stars input {
  position: absolute !important;
  left: -9999px !important;
}
.field.stars input:checked ~ label .icon {
  color: #999999;
}
.field.stars .rating-group:hover label .icon {
  color: #9d1a3c;
}
.field.stars .rating-group input:hover ~ label .icon {
  color: #999999;
}

main .lr {
  height: 0;
  vertical-align: top;
  margin: 0;
  max-width: 100%;
  font-size: 14px;
  display: inline-block;
  padding: 0;
  min-width: 200px;
  width: auto;
  flex: 10 0 auto;
}
main > section.form.portal {
  width: 100%;
}
main > section.page.portal > section.form {
  width: 100%;
  overflow: auto;
  max-height: 100%;
}
main form, main .page section.table-content {
  padding: 0;
  font-family: "Montserrat", sans-serif;
  overflow: auto;
  max-height: 100%;
  position: relative;
  padding: 0 10px;
  width: auto;
}
main form p, main .page section.table-content p {
  width: 100%;
  margin-left: 20px;
}
main form hgroup, main .page section.table-content hgroup {
  margin: 0 18px;
  width: 100%;
}
main form hgroup h1, main form hgroup h2, main form hgroup h3, main form hgroup h4, main form hgroup h5, main form hgroup h6, main .page section.table-content hgroup h1, main .page section.table-content hgroup h2, main .page section.table-content hgroup h3, main .page section.table-content hgroup h4, main .page section.table-content hgroup h5, main .page section.table-content hgroup h6 {
  margin: 0;
  padding: 0;
}
main form .tags-display, main .page section.table-content .tags-display {
  margin: 5px;
  font-size: 18px;
  width: 100%;
  font-variant: normal;
}
main form .tags-display .tag, main .page section.table-content .tags-display .tag {
  font-weight: bold;
  font-size: 14px;
  display: block;
}
main form .tags-display .tag i, main .page section.table-content .tags-display .tag i {
  margin-right: 6px;
  margin-top: 0;
  position: relative;
  top: 2px;
}
main form .tags-display .tag[title], main .page section.table-content .tags-display .tag[title] {
  cursor: pointer;
}
main form .hero-content .tags-display, main .page section.table-content .hero-content .tags-display {
  margin: 0;
}
main form .hero-content .tags-display .tag, main .page section.table-content .hero-content .tags-display .tag {
  font-weight: normal;
}
main form input, main .page section.table-content input {
  font-family: "Montserrat", sans-serif;
}
main form .error-message, main .page section.table-content .error-message {
  display: block;
  color: red;
  font-family: "Montserrat", sans-serif;
}
main form label.form-label, main .page section.table-content label.form-label {
  font-size: 24px;
}
main form .label, main .page section.table-content .label {
  font-weight: normal;
  color: #999;
  padding: 10px 5px 1px;
}
main form i, main .page section.table-content i {
  font-size: 1.2em;
  position: relative;
  margin: 5px 5px 5px 0;
}
main form h1, main .page section.table-content h1 {
  font-size: 32px;
  font-family: "Montserrat", sans-serif;
  padding: 0;
}
main form h1 .actions, main .page section.table-content h1 .actions {
  display: inline-block;
}
main form h1 .actions i, main .page section.table-content h1 .actions i {
  font-size: 0.7em;
  color: #999999;
  margin: 10px 0 0 15px;
  position: relative;
  top: -3px;
}
main form h2, main .page section.table-content h2 {
  font-size: 20px;
  font-family: "Montserrat", sans-serif;
  margin-left: 0;
  color: #555;
}
main form h3, main .page section.table-content h3 {
  color: #555;
  font-size: 18px;
  font-family: "Montserrat", sans-serif;
}
main form h1.warning, main form h2.warning, main form h3.warning, main .page section.table-content h1.warning, main .page section.table-content h2.warning, main .page section.table-content h3.warning {
  color: #FFAA46;
}
main form h1.error, main form h2.error, main form h3.error, main .page section.table-content h1.error, main .page section.table-content h2.error, main .page section.table-content h3.error {
  color: #9d1a3c;
}
main form h1.success, main form h2.success, main form h3.success, main .page section.table-content h1.success, main .page section.table-content h2.success, main .page section.table-content h3.success {
  color: #26BE95;
}
main form .date-info, main .page section.table-content .date-info {
  position: absolute;
  bottom: 0;
  right: 15px;
  width: 250px;
  text-align: right;
  font-size: 14px;
  height: 40px;
}
main form .date-info .label, main .page section.table-content .date-info .label {
  padding: 0;
  margin: 0;
}
main form .date-info .value, main .page section.table-content .date-info .value {
  font-weight: bold;
  color: #555;
  font-size: 12px;
}
main form header.subform, main .page section.table-content header.subform {
  background-color: #FFF;
  padding: 0;
  box-shadow: 0 0 3px rgba(96, 95, 92, 0.1294117647);
  margin: 10px auto 10px auto;
  max-width: 1200px;
  position: relative;
}
main form header.subform h1, main .page section.table-content header.subform h1 {
  max-width: 100%;
  width: 100%;
}
main form header.subform h2, main .page section.table-content header.subform h2 {
  margin-left: 0;
}
main form header.subform h2, main form header.subform h3, main .page section.table-content header.subform h2, main .page section.table-content header.subform h3 {
  margin: 20px 20px 10px;
  width: 100%;
}
main form header.subform hgroup h2, main form header.subform hgroup h3, main .page section.table-content header.subform hgroup h2, main .page section.table-content header.subform hgroup h3 {
  margin: 0;
}
main form header.subform .content, main .page section.table-content header.subform .content {
  padding: 0 40px 20px 40px;
  display: flex;
  flex-wrap: wrap;
}
main form header.subform nav .sub-menu-item.edit, main form nav.sticky .sub-menu-item.edit, main .page section.table-content header.subform nav .sub-menu-item.edit, main .page section.table-content nav.sticky .sub-menu-item.edit {
  display: inline-block;
}
main form header.subform nav .sub-menu-item.save, main form nav.sticky .sub-menu-item.save, main .page section.table-content header.subform nav .sub-menu-item.save, main .page section.table-content nav.sticky .sub-menu-item.save {
  display: none;
}
main form header.subform nav .sub-menu-item.cancel, main form nav.sticky .sub-menu-item.cancel, main .page section.table-content header.subform nav .sub-menu-item.cancel, main .page section.table-content nav.sticky .sub-menu-item.cancel {
  display: none;
}
main form.edit header.subform nav .sub-menu-item.edit, main form.edit nav.sticky .sub-menu-item.edit, main .page section.table-content.edit header.subform nav .sub-menu-item.edit, main .page section.table-content.edit nav.sticky .sub-menu-item.edit {
  display: none;
}
main form.edit header.subform nav .sub-menu-item.save, main form.edit nav.sticky .sub-menu-item.save, main .page section.table-content.edit header.subform nav .sub-menu-item.save, main .page section.table-content.edit nav.sticky .sub-menu-item.save {
  display: inline-block;
}
main form.edit header.subform nav .sub-menu-item.cancel, main form.edit nav.sticky .sub-menu-item.cancel, main .page section.table-content.edit header.subform nav .sub-menu-item.cancel, main .page section.table-content.edit nav.sticky .sub-menu-item.cancel {
  display: inline-block;
}
main form .form-actions, main .page section.table-content .form-actions {
  text-align: center;
  padding-right: 80px;
}
main form .form-actions button, main .page section.table-content .form-actions button {
  margin: 20px 0;
}
main form section.subform, main .page section.table-content section.subform {
  background-color: #FFF;
  padding: 20px 40px 20px 40px;
  box-shadow: 0 0 3px rgba(96, 95, 92, 0.1294117647);
  margin: 0 auto 10px;
  display: flex;
  flex-wrap: wrap;
  max-width: 1200px;
}
main form section.subform .sub-container, main .page section.table-content section.subform .sub-container {
  margin: 0;
  padding: 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
main form section.subform h2, main form section.subform h3, main .page section.table-content section.subform h2, main .page section.table-content section.subform h3 {
  margin: 20px 20px 10px;
  width: 100%;
}
main form section.subform.table, main .page section.table-content section.subform.table {
  padding: 0;
}
main form section.subform.table td, main form section.subform.table th, main .page section.table-content section.subform.table td, main .page section.table-content section.subform.table th {
  text-align: center;
}
main form section.subform.table td .field, main form section.subform.table th .field, main .page section.table-content section.subform.table td .field, main .page section.table-content section.subform.table th .field {
  margin: 0;
  width: auto;
  height: auto;
}
main form section.subform.table td .label, main form section.subform.table th .label, main .page section.table-content section.subform.table td .label, main .page section.table-content section.subform.table th .label {
  text-align: center;
  display: inline-block;
  margin: 0;
  padding: 0;
}
main form label, main .page section.table-content label {
  color: #999;
  padding: 10px 5px 1px;
}
main form.error .label, main .page section.table-content.error .label {
  color: #9d1a3c;
}
main form.error input, main form.error .value, main .page section.table-content.error input, main .page section.table-content.error .value {
  color: #9d1a3c;
  border-color: #9d1a3c;
}
main form .tooltip, main .page section.table-content .tooltip {
  font-size: 10px;
  position: absolute;
  right: 10px;
  top: 20px;
  border: 1px solid #999;
  border-radius: 100%;
  width: 24px;
  height: 24px;
  padding: 0 6px;
  color: #999;
  cursor: pointer;
}
main form .tooltip:hover, main .page section.table-content .tooltip:hover {
  border-color: #9d1a3c;
  color: #9d1a3c;
}
main form td .tooltip, main .page section.table-content td .tooltip {
  position: static;
  margin-left: 10px;
}
main form select, main .page section.table-content select {
  height: 30px;
  padding: 6px 6px;
}
main form textarea.field, main .page section.table-content textarea.field {
  resize: none;
  height: 60px;
  outline: none;
  border: none;
  display: block;
  margin: 0 20px;
  font-family: "Montserrat", sans-serif;
  width: 80%;
  min-width: 80%;
  border-bottom: 1px solid #999;
}
main form select.field, main .page section.table-content select.field {
  width: 320px;
  font-family: "Montserrat", sans-serif;
}
main form .container td.disabled, main .page section.table-content .container td.disabled {
  cursor: not-allowed;
}
main form .container td.disabled i, main .page section.table-content .container td.disabled i {
  opacity: 0.3;
}
main form .field, main .page section.table-content .field {
  vertical-align: top;
  margin: 5px 10px;
  max-width: 350px;
  font-size: 14px;
  display: inline-block;
  padding: 0 10px;
  min-width: 200px;
  width: 300px;
  flex: 1 1 auto;
  position: relative;
}
main form .field *, main .page section.table-content .field * {
  display: inline-block;
}
main form .field.wide, main .page section.table-content .field.wide {
  width: 100%;
  min-width: 100%;
}
main form .field input, main .page section.table-content .field input {
  background: rgba(255, 255, 255, 0);
}
main form .field.filelist, main .page section.table-content .field.filelist {
  width: 100%;
}
main form .field.infos > *, main .page section.table-content .field.infos > * {
  display: block;
}
main form .field.checktable, main .page section.table-content .field.checktable {
  width: 100%;
  min-width: 100%;
  padding: 0 10px 5px 10px;
  margin: 0;
}
main form .field .message, main .page section.table-content .field .message {
  display: none;
}
main form .field.error .message, main form .field.warning .message, main form .field.success .message, main .page section.table-content .field.error .message, main .page section.table-content .field.warning .message, main .page section.table-content .field.success .message {
  display: block;
  position: relative;
  top: -10px;
  font-size: 12px;
}
main form .field.warning, main .page section.table-content .field.warning {
  color: #FFAA46;
}
main form .field.warning .label, main form .field.warning .message, main .page section.table-content .field.warning .label, main .page section.table-content .field.warning .message {
  color: #FFAA46;
}
main form .field.error, main .page section.table-content .field.error {
  color: #9d1a3c;
  border-left: 3px solid #9d1a3c;
  padding: 0 5px 0 7px;
}
main form .field.error .label, main form .field.error .message, main .page section.table-content .field.error .label, main .page section.table-content .field.error .message {
  color: #9d1a3c;
}
main form .field.error .label, main .page section.table-content .field.error .label {
  color: #9d1a3c;
}
main form .field.error .value, main form .field.error input, main .page section.table-content .field.error .value, main .page section.table-content .field.error input {
  color: #9d1a3c;
  border-color: #9d1a3c;
}
main form .field.success, main .page section.table-content .field.success {
  color: #26BE95;
}
main form .field.success .label, main form .field.success .message, main .page section.table-content .field.success .label, main .page section.table-content .field.success .message {
  color: #26BE95;
}
main form .field .label, main .page section.table-content .field .label {
  width: 100%;
  text-align: left;
  margin: 5px 0;
  color: #999999;
  padding: 2px 0;
  min-height: 20px;
  font-size: 14px;
}
main form .field input, main form .field .value, main .page section.table-content .field input, main .page section.table-content .field .value {
  height: 20px;
  font-size: 14px;
  border: none;
  min-width: 100%;
}
main form .field select.value, main .page section.table-content .field select.value {
  padding-top: 0;
  padding-left: 0;
}
main form .field .container .item, main .page section.table-content .field .container .item {
  width: 320px;
  overflow: hidden;
  color: #34312E;
  white-space: nowrap;
}
main form .field .container .item .info, main .page section.table-content .field .container .item .info {
  font-size: 10pt;
}
main form .field .container .item td.checkable, main .page section.table-content .field .container .item td.checkable {
  cursor: pointer;
}
main form .field .container .item td.checkable:hover, main .page section.table-content .field .container .item td.checkable:hover {
  color: #2abb9b;
}
main form .field .container .item i, main .page section.table-content .field .container .item i {
  font-size: 10pt;
}
main form .field .container .disabled.item td.checkable, main .page section.table-content .field .container .disabled.item td.checkable {
  cursor: not-allowed;
}
main form .field .container td.disabled, main .page section.table-content .field .container td.disabled {
  cursor: not-allowed;
}
main form .field .container td.disabled i, main .page section.table-content .field .container td.disabled i {
  opacity: 0.3;
}
main form .field.radio .title, main .page section.table-content .field.radio .title {
  display: block;
  font-weight: bold;
  color: #999;
}
main form .field.radio .label, main .page section.table-content .field.radio .label {
  width: auto;
  margin: 5px;
  display: inline-block;
  font-weight: normal;
  color: #000;
  display: none;
}
main form .field.radio .label.check, main .page section.table-content .field.radio .label.check {
  display: inline-block;
}
main form .field.radio .label .fa-circle, main .page section.table-content .field.radio .label .fa-circle {
  display: inline-block;
}
main form .field.radio .label .fa-check-circle, main .page section.table-content .field.radio .label .fa-check-circle {
  display: none;
}
main form .field.radio .label.check .fa-circle, main .page section.table-content .field.radio .label.check .fa-circle {
  display: none;
}
main form .field.radio .label.check .fa-check-circle, main .page section.table-content .field.radio .label.check .fa-check-circle {
  display: inline-block;
}
main form .field.address .value, main .page section.table-content .field.address .value {
  height: 60px;
}
main form .field.image, main .page section.table-content .field.image {
  overflow: hidden;
  width: 200px;
  height: auto;
  position: relative;
  max-width: 25%;
}
main form .field.image img, main .page section.table-content .field.image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: top;
  cursor: pointer;
}
main form .field.image input, main .page section.table-content .field.image input {
  display: none;
}
main form .field.image .edit-wrap, main .page section.table-content .field.image .edit-wrap {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
  height: 40px;
  background-color: rgba(102, 102, 102, 0.5);
  opacity: 0;
  border-radius: 50%;
  transition: opacity 0.5s ease-in-out;
  cursor: pointer;
}
main form .field.image .edit-wrap i, main .page section.table-content .field.image .edit-wrap i {
  margin: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 16px;
  transform: translate(-50%, -50%);
  color: white;
}
main form .card.editonly, main .page section.table-content .card.editonly {
  display: none;
}
main form.edit .field.image:hover .edit-wrap, main .page section.table-content.edit .field.image:hover .edit-wrap {
  opacity: 1;
}
main form.edit .card.editonly, main .page section.table-content.edit .card.editonly {
  display: inherit;
}
main form.edit .data input, main form.edit .data .value, main form.edit .location input, main form.edit .location .value, main form.edit .search input, main form.edit .search .value, main form.edit .date input, main form.edit .date .value, main form.edit .list input, main form.edit .list .value, main form.edit .integer input, main form.edit .integer .value, main form.edit .float input, main form.edit .float .value, main form.edit .datetime input, main form.edit .datetime .value, main .page section.table-content.edit .data input, main .page section.table-content.edit .data .value, main .page section.table-content.edit .location input, main .page section.table-content.edit .location .value, main .page section.table-content.edit .search input, main .page section.table-content.edit .search .value, main .page section.table-content.edit .date input, main .page section.table-content.edit .date .value, main .page section.table-content.edit .list input, main .page section.table-content.edit .list .value, main .page section.table-content.edit .integer input, main .page section.table-content.edit .integer .value, main .page section.table-content.edit .float input, main .page section.table-content.edit .float .value, main .page section.table-content.edit .datetime input, main .page section.table-content.edit .datetime .value {
  border: none;
  border-bottom: 1px solid #999;
  min-height: 25px;
  min-width: 80%;
  padding-bottom: 5px;
  outline: none;
  font-family: "Montserrat", sans-serif;
}
main form.edit .data.error input, main form.edit .data.error .value, main form.edit .location.error input, main form.edit .location.error .value, main form.edit .search.error input, main form.edit .search.error .value, main form.edit .date.error input, main form.edit .date.error .value, main form.edit .list.error input, main form.edit .list.error .value, main form.edit .integer.error input, main form.edit .integer.error .value, main form.edit .float.error input, main form.edit .float.error .value, main form.edit .datetime.error input, main form.edit .datetime.error .value, main .page section.table-content.edit .data.error input, main .page section.table-content.edit .data.error .value, main .page section.table-content.edit .location.error input, main .page section.table-content.edit .location.error .value, main .page section.table-content.edit .search.error input, main .page section.table-content.edit .search.error .value, main .page section.table-content.edit .date.error input, main .page section.table-content.edit .date.error .value, main .page section.table-content.edit .list.error input, main .page section.table-content.edit .list.error .value, main .page section.table-content.edit .integer.error input, main .page section.table-content.edit .integer.error .value, main .page section.table-content.edit .float.error input, main .page section.table-content.edit .float.error .value, main .page section.table-content.edit .datetime.error input, main .page section.table-content.edit .datetime.error .value {
  border-color: #9d1a3c;
  color: #9d1a3c;
}
main form.edit .value, main .page section.table-content.edit .value {
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
}
main form.edit .value.no-hide, main .page section.table-content.edit .value.no-hide {
  overflow: visible;
}
main form.edit .field.tooltip, main .page section.table-content.edit .field.tooltip {
  display: none;
}
main form.edit .field.cards, main .page section.table-content.edit .field.cards {
  width: 100%;
  vertical-align: top;
}
main form.edit .field.table, main .page section.table-content.edit .field.table {
  width: 100%;
}
main form.edit .field.mail, main .page section.table-content.edit .field.mail {
  width: 100%;
  padding: 20px 20px 20px 0;
  white-space: pre-wrap;
}
main form.edit .field.radio .label, main .page section.table-content.edit .field.radio .label {
  display: inline-block;
}
main form table, main .page section.table-content table {
  margin: 0 0;
  border-radius: 0;
  box-shadow: none;
}
main form .search-block h2, main .page section.table-content .search-block h2 {
  margin-right: 10px;
  font-weight: bold;
  font-size: 18px;
  color: #555;
  white-space: nowrap;
  padding: 9px 0 9px 5px;
}
main form .search-block input, main .page section.table-content .search-block input {
  margin: 0;
  width: 100%;
  min-width: 100%;
  border: none;
  padding: 0 5px;
  font-size: 14px;
  margin-left: 10px;
  outline: none;
}
main form .search-block .icon, main .page section.table-content .search-block .icon {
  display: inline-block;
}
main form .search-block i, main .page section.table-content .search-block i {
  display: inline-block;
  position: static;
  margin: auto;
  padding: 0;
  margin-top: 10px;
  color: #767676;
}
main form .search-block i.fa-search, main .page section.table-content .search-block i.fa-search {
  display: inline-block;
}
main form .search-block i.fa-spinner, main .page section.table-content .search-block i.fa-spinner {
  display: none;
}
main form .search-block.small, main .page section.table-content .search-block.small {
  display: flex;
}
main form .search-block.small .search, main .page section.table-content .search-block.small .search {
  display: flex;
}
main form .search-block.small .search input, main .page section.table-content .search-block.small .search input {
  min-width: auto;
  max-width: 100%;
}
main form .search-block .search, main .page section.table-content .search-block .search {
  width: 100%;
}
main form .search-block .search.is-searching i.fa-search, main .page section.table-content .search-block .search.is-searching i.fa-search {
  display: none;
}
main form .search-block .search.is-searching i.fa-spinner, main .page section.table-content .search-block .search.is-searching i.fa-spinner {
  display: inline-block;
}
main .page section.table-content {
  padding: 0 10px 10px 10px;
  background-color: #fff;
  box-shadow: 0 0 3px rgba(96, 95, 92, 0.1294117647);
  border-radius: 3px;
  margin: 5px 10px 10px;
}
main .page section.table-content h2 {
  font-weight: bold;
  font-size: 18px;
  white-space: nowrap;
  padding: 9px 0 9px 5px;
}

main form header.hero {
  position: relative;
}
main form header.hero.subform .content {
  padding-top: 40px;
}
main form header.hero .avatar, main form header.hero .hero-content {
  display: inline-block;
  vertical-align: top;
}
main form header.hero .avatar {
  overflow: hidden;
  width: 200px;
  height: auto;
  position: relative;
  max-width: 25%;
}
main form header.hero .avatar.round {
  border-radius: 50%;
  border: 1px solid white;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
  height: 200px;
  max-width: 200px;
}
main form header.hero .avatar.round img {
  object-fit: cover;
  object-position: center;
}
main form header.hero .avatar .edit-wrap {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
  height: 40px;
  background-color: rgba(102, 102, 102, 0.5);
  opacity: 0;
  pointer-events: none;
  border-radius: 50%;
  transition: opacity 0.5s ease-in-out;
}
main form header.hero .avatar .edit-wrap i {
  margin: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 16px;
  transform: translate(-50%, -50%);
  color: white;
}
main form header.hero .avatar img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: top;
}
main form header.hero .hero-content {
  padding-left: 50px;
  padding-top: 0;
  width: calc(100% - 200px);
}
main form header.hero .hero-content h1 i, main form header.hero .hero-content h2 i, main form header.hero .hero-content h3 i {
  font-size: 1em;
}
main form header.hero .hero-content h1 {
  margin: 0;
  padding: 0;
}
main form header.hero .hero-content h1 i {
  vertical-align: top;
  margin-left: 5px;
}
main form header.hero .hero-content h2 {
  margin: 0;
  font-size: 20px;
  color: #555;
}
main form header.hero .hero-content h3 {
  color: #555;
  font-size: 18px;
  margin: 0;
}
main form header.hero .hero-content h3.warning {
  color: #FFAA46;
}
main form header.hero .hero-content h3.error {
  color: #9d1a3c;
}
main form header.hero .hero-content h3.success {
  color: #26BE95;
}
main form.edit header.hero .avatar:hover .edit-wrap {
  opacity: 1;
  pointer-events: auto;
}
main form .cards .card {
  padding: 10px;
  min-width: 350px;
  flex: 1 1 300px;
  min-height: 80px;
}
main form .cards .card .options {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 99;
  background-color: rgba(255, 255, 255, 0.6666666667);
}
main form .cards .card .options .link .i {
  color: #999999;
}
main form .cards .card .options .link:hover .i {
  color: #000;
}
main form .cards .card.diplomas-card h4, main form .cards .card.licence-card h4, main form .cards .card.brevets-card h4 {
  font-size: 14px;
  color: #9d1a3c;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
}
main form .cards .card.diplomas-card .infos .info, main form .cards .card.licence-card .infos .info, main form .cards .card.brevets-card .infos .info {
  text-align: left;
}
main form .cards .card.diplomas-card .infos .info .label, main form .cards .card.licence-card .infos .info .label, main form .cards .card.brevets-card .infos .info .label {
  color: #999999;
  font-size: 12px;
  padding: 0;
  display: inline-block;
}
main form .cards .card.diplomas-card .infos .info .value, main form .cards .card.licence-card .infos .info .value, main form .cards .card.brevets-card .infos .info .value {
  border: none;
  font-size: 12px;
  color: #555;
  font-weight: bold;
  height: auto;
  display: inline-block;
  margin-left: 5px;
}
main form .cards .card.diplomas-card .tooltip, main form .cards .card.licence-card .tooltip, main form .cards .card.brevets-card .tooltip {
  position: absolute;
  top: 10px;
  right: 15px;
  left: auto;
}
main form .cards .card.diplomas-card .title, main form .cards .card.licence-card .title, main form .cards .card.brevets-card .title {
  margin: 0 10px;
  font-size: 14px;
  font-weight: bold;
}
main form .cards .card.diplomas-card .state, main form .cards .card.licence-card .state, main form .cards .card.brevets-card .state {
  left: 60px;
  top: 30px;
  font-size: 12px;
}
main form .cards .card.diplomas-card .liga, main form .cards .card.licence-card .liga, main form .cards .card.brevets-card .liga {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 150px;
  text-align: right;
  font-size: 12px;
  color: #555;
  font-weight: bold;
}
main form .cards .card.diplomas-card .validity, main form .cards .card.licence-card .validity, main form .cards .card.brevets-card .validity {
  position: absolute;
  bottom: 0;
  right: 10px;
  width: 150px;
  text-align: right;
}
main form .cards .card.diplomas-card .validity .value, main form .cards .card.licence-card .validity .value, main form .cards .card.brevets-card .validity .value {
  font-weight: bold;
  color: #555;
  font-size: 12px;
}
main form .cards .card.diplomas-card .actions, main form .cards .card.licence-card .actions, main form .cards .card.brevets-card .actions {
  margin-top: 5px;
}
main form .cards .card.diplomas-card .actions .link, main form .cards .card.licence-card .actions .link, main form .cards .card.brevets-card .actions .link {
  font-size: 12px;
  font-weight: bold;
  padding: 5px 10px;
}
main form .cards .card.licence-card .title {
  margin: 5px 0 10px 0;
}
main form .cards .card.licence-card strong {
  color: #555;
}
main form .cards .card.diplomas-card img.icon {
  width: 80px;
  min-height: 40px;
}
main form .cards .card.diplomas-card .title {
  position: absolute;
  top: 10px;
  left: 100px;
  margin: 0;
}
main form .cards .card.diplomas-card .subtitle {
  position: absolute;
  top: auto;
  bottom: 10px;
  left: 10px;
  font-size: 12px;
  font-weight: bold;
  color: #555;
}
main form .cards .card.brevets-card .infos {
  min-height: 30px;
  margin-top: 15px;
}
main form .cards .card.brevets-card .title {
  position: absolute;
  top: 10px;
  left: 10px;
  margin: 0;
}

main form .cards .card {
  padding: 10px;
  vertical-align: top;
}
main form .cards .card .options {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 99;
  background-color: rgba(255, 255, 255, 0.6666666667);
}
main form .cards .card .options .link {
  display: inline-block;
  margin: 0 0 0 4px;
}
main form .cards .card .options .link .i {
  color: #999999;
}
main form .cards .card .options .link:hover .i {
  color: #000;
}
main form .cards .card.track-card h4 {
  font-size: 14px;
  color: #9d1a3c;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
}
main form .cards .card.track-card .infos .info {
  display: inline-block;
  width: 33%;
  text-align: left;
}
main form .cards .card.track-card .infos .info .label {
  color: #999999;
  font-size: 12px;
  padding: 10px 0 5px;
}
main form .cards .card.track-card .infos .info .value {
  border: none;
  font-size: 12px;
  color: #555;
  font-weight: bold;
  height: auto;
}
main form .cards .card.label-card {
  min-height: 100px;
}
main form .cards .card.label-card .tooltip {
  position: absolute;
  top: 10px;
  right: 15px;
  left: auto;
}
main form .cards .card.label-card .title {
  margin: 0 10px;
  font-size: 14px;
  font-weight: bold;
}
main form .cards .card.label-card .state {
  left: 60px;
  top: 30px;
  font-size: 12px;
}
main form .cards .card.label-card .validity {
  position: absolute;
  bottom: 0;
  right: 10px;
  width: 150px;
  text-align: right;
}
main form .cards .card.label-card .validity .value {
  font-weight: bold;
  color: #555;
  font-size: 12px;
}
main form .cards .card.label-card .actions {
  margin-top: 5px;
}
main form .cards .card.label-card .actions .link {
  font-size: 12px;
  font-weight: bold;
  padding: 5px 10px;
}
main .ask-label form h1 {
  padding: 0;
  margin: 0;
  width: 100%;
}
main .ask-label form h2 {
  margin-left: 0;
  font-size: 16px;
  font-weight: bold;
  width: 100%;
}
main .ask-label form p {
  margin: 10px 0;
  width: 100%;
}
main .ask-label form ul {
  list-style-type: "- ";
  font-size: 13px;
  padding: 0 20px;
  width: 100%;
  margin: 10px;
}
main .ask-label form ul.no-decoration {
  list-style: none;
}
main .ask-label form .cards-select {
  padding: 0;
  margin: 10px;
}
main .ask-label form .card {
  margin: 0;
  box-shadow: none;
  border: none;
  cursor: pointer;
  padding: 10px 0 10px 24px;
  display: inline-block;
  border-left: none;
  border-radius: 0;
}
main .ask-label form .card:hover {
  background-color: #FAFAFA;
}
main .ask-label form .card img.icon {
  width: 40px;
  height: 40px;
  margin: 0 10px 0 0;
}
main .ask-label form .card .actions {
  white-space: nowrap;
}
main .ask-label form .card .state {
  position: absolute;
  left: 75px;
  top: 6px;
}
main .ask-label form .card .state i {
  display: none;
}
main .ask-label form .card img.icon, main .ask-label form .card .state, main .ask-label form .card .title, main .ask-label form .card .label {
  vertical-align: top;
  display: inline-block;
}
main .ask-label form .card .title {
  margin-left: 25px;
  font-size: 14px;
  font-weight: bold;
  color: #555;
}
main .ask-label form .card .label {
  display: block;
  margin-left: 70px;
  margin-top: -30px;
  font-size: 12px;
}
main .ask-label form .card.valid .title, main .ask-label form .card.valid .label, main .ask-label form .card.valid i {
  color: #26BE95;
}
main .ask-label form .card.valid i.success {
  display: block;
}
main .ask-label form .card.missing .title, main .ask-label form .card.missing .label, main .ask-label form .card.missing i {
  color: #9d1a3c;
}
main .ask-label form .card.missing i.error {
  display: block;
}
main .ask-label form .card.waiting .title, main .ask-label form .card.waiting .label, main .ask-label form .card.waiting i {
  color: #FFAA46;
}
main .ask-label form .card.waiting i.warning {
  display: block;
}
main .ask-label form .cards .card {
  border-left: 1px solid #999999;
}
main .ask-label form .cards .card .state {
  left: 60px;
}

table th {
  cursor: pointer;
}
table th .sort-icon {
  display: inline;
}
table th i {
  color: #FFF;
}
table th i .fa-sort {
  color: rgba(255, 255, 255, 0.6666666667);
}
table th .fa-sort {
  display: inline;
}
table th .fa-sort-down, table th .fa-sort-up {
  display: none;
}
table th.asc .fa-sort, table th.desc .fa-sort {
  display: none;
}
table th.asc .fa-sort-down {
  display: inline;
}
table th.desc .fa-sort-up {
  display: inline;
}
table.selectable .select, table.selectable .selectall {
  cursor: pointer;
}
table.selectable .select .fa-check-square, table.selectable .selectall .fa-check-square {
  display: none;
}
table.selectable .select .fa-square, table.selectable .selectall .fa-square {
  display: inline;
}
table.selectable .select.checked .fa-check-square, table.selectable .selectall.checked .fa-check-square {
  display: inline;
}
table.selectable .select.checked .fa-square, table.selectable .selectall.checked .fa-square {
  display: none;
}

.table-content {
  overflow-y: auto;
  overflow-x: hidden;
}

table {
  margin-top: 20px;
  width: 100%;
  border-collapse: collapse;
  font-family: "Montserrat", sans-serif;
  padding: 20px;
  border-radius: 0 0 5px 5px;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.1803921569);
  overflow: hidden;
  margin-bottom: 20px;
}
table thead tr th {
  background-color: #9d1a3c;
  color: #FFF;
  padding: 10px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  border: none;
}
table thead tr th.right {
  text-align: right;
}
table thead tr th.left {
  text-align: left;
}
table thead tr th.small {
  width: 20px;
  margin: 0;
  padding: 5px 0;
}
table tfoot tr {
  background-color: #9d1a3c;
  color: #FFF;
  text-align: center;
}
table tfoot tr td {
  padding: 4px;
  font-size: 12px;
  font-weight: bold;
}
table tfoot tr td .total {
  display: inline;
}
table tbody tr {
  width: 100%;
  background-color: rgba(157, 27, 60, 0.031372549);
}
table tbody tr:nth-child(odd) {
  background-color: #FFF;
}
table tbody tr.success td {
  color: #1a9d30;
}
table tbody tr.error td {
  color: #9d1a3c;
}
table tbody tr.warning td {
  color: #e89835;
}
table tbody tr td {
  padding: 4px;
  font-size: 12px;
  border: none;
  text-align: center;
  height: 35px;
}
table tbody tr td.small {
  vertical-align: top;
}
table tbody tr td.right {
  text-align: right;
}
table tbody tr td.left {
  text-align: left;
}
table tbody tr td a i {
  color: #9d1a3c;
  transition: color 0.5s ease-in-out;
}
table tbody tr td a:hover i {
  color: #34312E;
}
table tbody tr td.table-alert i {
  color: #9d1a3c;
  font-size: 12px;
  border: 1px solid #9d1a3c;
  display: inline-block;
  padding: 5px;
  border-radius: 50%;
  width: 23px;
  margin: 0;
  cursor: pointer;
}
table tbody tr td.actions {
  white-space: nowrap;
  text-align: right;
}
table tbody tr td.actions > * {
  display: inline-block;
  margin: 4px 10px;
  color: #999;
  cursor: pointer;
}
table tbody tr td.actions.linked .attach i {
  color: #2abb9b;
}
table tbody tr td.actions .attach:hover i {
  color: #2abb9b;
}
table tbody tr td.actions.linked .link:hover i {
  color: #ac2424;
}
table tbody tr td.actions .add:hover i {
  color: #2abb9b;
}
table tbody tr td.actions .unlink:hover i {
  color: #ac2424;
}
table tbody tr td.actions.archive .archive i {
  color: #ac2424;
}
table tbody tr td.actions .archive:hover i {
  color: #ac2424;
}
table tbody tr td.actions.archive .archive:hover i {
  color: #2abb9b;
}
table tbody tr td.actions .page:hover i, table tbody tr td.actions .menu:hover i {
  color: #1a799d;
}
table tbody tr td.actions.tags-box .tag {
  width: auto;
}
table tbody tr td.actions.tags-box .tag i {
  margin: 2px;
  font-size: 12px;
}
table tbody tr td.actions.tags-box .tag.success {
  background-color: #26BE95;
  color: #FFF;
}
table tbody tr td.actions.tags-box .tag.success i {
  color: #FFF;
}
table tbody tr td.actions.tags-box .tag.warning {
  background-color: #FFAA46;
  color: #FFF;
}
table tbody tr td.actions.tags-box .tag.warning i {
  color: #FFF;
}
table tbody tr.add {
  background-color: transparent;
}
table tbody tr.add td {
  padding: 10px 0;
}
table tbody tr.add td i {
  color: #9d1a3c;
  border-radius: 4px;
  border: 1px dashed #9d1a3c;
  padding: 10px;
  width: 100%;
  transition: background-color 0.5s ease-in-out, border-color 0.5s ease-in-out, color 0.5s ease-in-out;
  cursor: pointer;
}
table tbody tr.add td i:hover {
  background-color: #9d1a3c;
  border-color: transparent;
  color: white;
}
table.no-style {
  box-shadow: none;
}
table.no-style tbody tr {
  background-color: #FFF;
}
table.no-style tbody tr:nth-child(odd) {
  background-color: #FFF;
}
table.no-style tbody tr td .field {
  width: auto;
  min-width: auto;
}

nav.table .actions button, .table-content .actions button {
  position: absolute;
  display: block;
  vertical-align: top;
  border-radius: 12px;
  height: 40px;
  cursor: pointer;
  padding: 10px 20px;
  width: 200px;
  text-align: center;
  top: 10px;
  right: 80px;
  z-index: 2;
  font-family: "Montserrat", sans-serif;
}
nav.table .actions button:hover, .table-content .actions button:hover {
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.16);
}
nav.table .actions button i, .table-content .actions button i {
  padding-right: 12px;
}
nav.table .actions button.popup, .table-content .actions button.popup {
  background-color: #26BE95;
}
nav.table .actions button.page, .table-content .actions button.page {
  background-color: #FFAA46;
}

nav.table, section.search-wizards, .table-content {
  width: 100%;
  background: #FFF;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 20px;
}
nav.table .filters .fa-filter, section.search-wizards .filters .fa-filter, .table-content .filters .fa-filter {
  color: #777;
  margin: 0 10px 0 5px;
}
nav.table .filters .filter, section.search-wizards .filters .filter, .table-content .filters .filter {
  background-color: transparent;
  color: #767676;
  font-size: 12px;
  padding: 4px 8px;
  border-radius: 3px;
  margin-right: 10px;
  display: inline-block;
}
nav.table .filters .filter i, section.search-wizards .filters .filter i, .table-content .filters .filter i {
  margin: 0 6px 0 0;
  color: #767676;
}
nav.table .filters .filter.active, section.search-wizards .filters .filter.active, .table-content .filters .filter.active {
  background-color: #9d1a3c;
  color: #FFF;
}
nav.table .filters .filter.active i, section.search-wizards .filters .filter.active i, .table-content .filters .filter.active i {
  color: #FFF;
}
nav.table table, section.search-wizards table, .table-content table {
  border-radius: 5px 5px 3px 3px;
  width: 100%;
}
nav.table table tbody tr .info.create:hover, section.search-wizards table tbody tr .info.create:hover, .table-content table tbody tr .info.create:hover {
  color: #26BE95;
}
nav.table table tbody tr .info.create i, section.search-wizards table tbody tr .info.create i, .table-content table tbody tr .info.create i {
  margin-right: 5px;
}
nav.table table tbody tr .info.create .name, section.search-wizards table tbody tr .info.create .name, .table-content table tbody tr .info.create .name {
  font-weight: bold;
}

form .search-block i.fa-search, form .search-block i.fa-spinner, nav.table form i.fa-search, nav.table form i.fa-spinner, section.search-wizards i.fa-search, section.search-wizards i.fa-spinner {
  position: absolute;
  top: 60px;
  left: 10px;
  color: #767676;
}
form .search-block i.fa-search, nav.table form i.fa-search, section.search-wizards i.fa-search {
  display: inline-block;
}
form .search-block i.fa-spinner, nav.table form i.fa-spinner, section.search-wizards i.fa-spinner {
  display: none;
}
form .search-block.is-searching i.fa-search, form .search-block .is-searching i.fa-search, nav.table form.is-searching i.fa-search, nav.table form .is-searching i.fa-search, section.search-wizards.is-searching i.fa-search, section.search-wizards .is-searching i.fa-search {
  display: none;
}
form .search-block.is-searching i.fa-spinner, form .search-block .is-searching i.fa-spinner, nav.table form.is-searching i.fa-spinner, nav.table form .is-searching i.fa-spinner, section.search-wizards.is-searching i.fa-spinner, section.search-wizards .is-searching i.fa-spinner {
  display: inline-block;
}
form .search-block button.link.list, nav.table form button.link.list, section.search-wizards button.link.list {
  position: absolute;
  top: 10px;
  right: -10px;
  font-size: 1.3em;
}
form .search-block button.link.list i, nav.table form button.link.list i, section.search-wizards button.link.list i {
  color: #767676;
}
form .search-block button.link.list:hover i, nav.table form button.link.list:hover i, section.search-wizards button.link.list:hover i {
  color: #9d1a3c;
}
form .search-block button, nav.table form button, section.search-wizards button {
  background-color: transparent;
  border-radius: 20px;
  color: #767676;
  padding: 2px 10px 5px 15px;
}
form .search-block button i, nav.table form button i, section.search-wizards button i {
  color: #767676;
  margin-left: 10px;
}
form .search-block button.active, nav.table form button.active, section.search-wizards button.active {
  background-color: #9d1a3c;
  color: #FFF;
}
form .search-block button.active i, nav.table form button.active i, section.search-wizards button.active i {
  color: #FFF;
}
form .search-block input.search, nav.table form input.search, section.search-wizards input.search {
  border: none;
  text-align: left;
  font-size: 16px;
  color: #777;
  outline: none;
  width: 100%;
  min-width: 100%;
  left: 0;
  top: 0;
  transition: border-color 0.3s ease-in-out;
  height: 40px;
  padding: 0;
  border-bottom: 1px solid #AAA;
  padding-left: 40px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0) 100%);
  margin: 5px 0;
}

form .search-block {
  position: relative;
}
form .search-block i.fa-search {
  top: 0px;
  left: 10px;
}

section.search-wizards {
  padding: 50px 0;
}
section.search-wizards .search-block {
  padding: 0 30px;
}
section.search-wizards .search-block .fa-search {
  top: 12px;
  left: 40px;
}
section.search-wizards .field.renew {
  width: 100%;
  padding: 0 30px;
  margin: 0;
  min-width: 100%;
  border: none;
}
section.search-wizards .field.renew table {
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.1803921569);
}
section.search-wizards .field.renew .mute {
  font-size: 8px;
  margin-left: 5px;
  width: 0;
  overflow: visible;
}
section.search-wizards .field.renew .disabled {
  color: #999;
}
section.search-wizards .field.renew .disabled i {
  color: #999;
}

section.table table {
  box-shadow: none;
}

main form .field table {
  display: table;
  box-shadow: 0 0 3px rgba(96, 95, 92, 0.1294117647);
}
main form .field table .fa-check-square {
  display: none;
}
main form .field table .check .fa-square {
  display: none;
}
main form .field table .check .fa-check-square {
  display: initial;
}
main form .field table thead {
  display: table-header-group;
}
main form .field table tbody {
  display: table-row-group;
}
main form .field table tfoot {
  display: table-footer-group;
}
main form .field table tfoot .total {
  display: inline;
}
main form .field table tr {
  display: table-row;
}
main form .field table th {
  display: table-cell;
}
main form .field table th.checkable {
  font-size: 18px;
  padding: 3px 0 0 1px;
  text-align: center;
}
main form .field table td {
  display: table-cell;
}

.paginate .goto {
  display: inline-block;
  border: 1px solid #9d1a3c;
  color: #9d1a3c;
  background-color: #FFF;
  padding: 3px 2px;
  margin: 0 10px 0 0;
  cursor: pointer;
  font-family: "Montserrat", sans-serif;
  min-width: 21px;
  height: 25px;
  text-align: center;
  font-size: 12px;
  border-radius: 2px;
  position: relative;
  top: -10px;
}
.paginate .goto.selected {
  background-color: #9d1a3c;
  color: #FFF;
  border: 1px solid #FFF;
}
.paginate i {
  width: 25px;
  height: 25px;
  text-align: center;
  font-size: 12px;
  color: #9d1a3c;
  opacity: 0.7;
  position: relative;
  top: -7px;
  left: -4px;
}
.paginate i.fa-angle-double-left, .paginate i.fa-angle-double-right {
  top: 0;
  left: 0;
  width: 20px;
}

.payment_thanks {
  padding: 50px;
  padding-top: 100px;
  text-align: center;
  max-width: 80%;
  margin: auto;
  background-color: #fff;
}
.payment_thanks h1, .payment_thanks h2 {
  font-weight: bold;
  font-family: "baskervville";
}
.payment_thanks h1 {
  font-size: 24px;
  padding: 40px;
}
.payment_thanks h2 {
  font-size: 1.5em;
}
.payment_thanks img {
  max-width: 300px;
}

.error {
  color: #9d1a3c;
}
.error i {
  color: #9d1a3c;
}

.success {
  color: #26BE95;
}
.success i {
  color: #26BE95;
}

.warning {
  color: #FFAA46;
}
.warning i {
  color: #FFAA46;
}

.info-alert {
  color: #477df6;
}
.info-alert i {
  color: #477df6;
}

main.website {
  background-color: #f9f9f9;
  min-height: 100%;
  overflow: hidden;
}
main.website form {
  overflow: visible;
  padding: 0;
}
main.website form .message {
  background-color: rgba(255, 255, 255, 0);
  border: none;
}
main.website form .message.success {
  background-color: rgba(107, 185, 154, 0.6666666667);
  border: 1px solid #6bb99a;
}
main.website form .message.warning {
  background-color: rgba(232, 152, 53, 0.6666666667);
  border-color: #e89835;
}
main.website form .message.error {
  background-color: rgba(246, 71, 71, 0.6666666667);
  border-color: #f64747;
}
main.website form .message.info-alert {
  background-color: #477df6;
  border-color: #263fbe;
}
main.website form.search {
  position: relative;
  width: 100%;
  padding: 0 0 2px 50px;
  background-color: #fff;
  position: absolute;
  left: 0;
  border-bottom: 1px solid #EEE;
  box-shadow: 0 0 5px #999;
  display: flex;
  z-index: 99999;
}
main.website form.search h1 {
  font-size: 18px;
  font-family: "Montserrat", sans-serif;
  color: #555;
  padding: 9px 10px 0 20px;
  font-weight: 400;
  width: max-content;
  margin-right: 20px;
}
main.website form.search i.fa-filter, main.website form.search i.fa-search, main.website form.search i.fa-spinner {
  top: 4px;
  margin: 5px 5px 5px 0 !important;
  font-size: 1.5em;
  color: #AAA;
  text-shadow: 3px 3px 3px #ddd;
}
main.website form.search .fa-spinner {
  display: none;
}
main.website form.search .filters {
  position: relative;
  width: 100%;
  margin: 0;
  height: 40px;
  overflow: visible;
  padding: 10px 0;
}
main.website form.search .fields {
  position: relative;
  width: 100%;
  padding-left: 0;
  overflow: visible;
  display: flex;
  flex: 1 1;
}
main.website form.search .fields .field {
  width: auto;
  max-width: auto;
  min-width: auto;
  border: none;
  border-bottom: 1px solid #999;
  margin: 5px 0.5%;
  padding: 5px;
  outline: none;
  flex: 1 1 auto;
  text-align: left;
  height: 30px;
}
main.website form.search .fields .field input {
  width: 100%;
  border: none;
  min-height: auto;
  margin: 0;
  padding: 0;
}
main.website form.search .fields .field.tags {
  padding: 0;
}
main.website form.search .fields .field.tags .container {
  margin-top: -30px;
}
main.website form.search .fields .field.tags .tags-box {
  width: 100%;
  padding: 0;
  border: none;
}
main.website form.search .fields .field.tags input {
  width: auto;
  margin-left: 5px;
}
main.website form.search .fields .field.tags .actions {
  right: 0;
}
main.website form.search .fields .field.display-address .value {
  height: 60px;
}
main.website form.search .fields .field.date .label {
  width: 30px;
  display: inline-block;
  padding: 0;
  margin: 0;
}
main.website form.search .fields .field.date input {
  width: auto;
  border: none;
  min-height: auto;
  margin: 0;
  padding: 0;
  position: absolute;
  left: 30px;
  bottom: 0;
  top: 3px;
  right: 0;
}
main.website form.search .action {
  position: relative;
  display: inline-block;
  vertical-align: top;
  border-radius: 3px;
  height: 30px;
  cursor: pointer;
  padding: 10px 20px;
  width: 200px;
  text-align: center;
  padding: 4px 0 0 0;
  color: #FFF;
  margin: 5px 5px 0 0;
}
main.website form.search .action i {
  color: #fff;
  text-shadow: none;
  top: 0;
  display: inline;
  font-size: 18px;
  top: 2px;
}
main.website form.search .action.save {
  background-color: #26BE95;
}
main.website form.search .action.save:hover {
  background-color: #249275;
}
main.website nav.table tr td .display-table {
  display: inline-block;
}
main.website nav.table tr td .display-card {
  display: none;
}
main.website nav.table {
  padding: 30px 20px 0 10px;
}
main.website .form {
  overflow: auto;
}
main.website .form form.page {
  padding: 0;
  overflow: auto;
  padding-bottom: 30px;
}
main.website .form form.page .contact-form {
  padding: 20px 60px;
}
main.website .form form.page .contact-form h2 {
  padding: 0;
  margin: 0 0 10px;
}
main.website .form form.page .field.data {
  background-color: #EEE;
  border-radius: 5px;
  padding: 0 10px 10px;
  margin: 10px 0;
  width: 100%;
  max-width: 100%;
}
main.website .form form.page .field.data .label {
  font-size: 12px;
}
main.website .form form.page .field.data input, main.website .form form.page .field.data textarea {
  outline: none;
  background: none;
  font-family: "Montserrat", sans-serif;
  width: 100%;
}
main.website .form form.page .field.data textarea {
  height: 80px;
}
main.website .form form.page .actions .action {
  position: relative;
  display: inline-block;
  vertical-align: top;
  border-radius: 3px;
  height: 40px;
  cursor: pointer;
  padding: 10px 20px;
  width: 200px;
  text-align: center;
  padding: 4px 0 0 0;
  color: #FFF;
  margin: 5px 5px 0 0;
  background-color: #26BE95;
}
main.website .form form.page .actions .action i {
  color: #FFF;
}
@media (max-width: 1200px) {
  main.website nav.header {
    display: block;
    position: relative;
  }
  main.website nav.header form {
    position: relative;
    padding: 10px 20px;
    display: flex;
    text-align: center;
    flex-flow: wrap;
  }
  main.website nav.header form .fields {
    min-width: 100%;
    flex: 0 0 100%;
    display: block;
    padding: 0 20px;
  }
  main.website nav.header form .fields .field {
    min-width: 45%;
    margin: 5px 2.5%;
  }
  main.website nav.header form .action {
    margin: 15px auto 5px auto;
  }
  main.website nav.table {
    padding: 0;
    height: auto;
  }
}
@media (max-width: 768px) {
  main.website nav.header {
    display: block;
    position: relative;
  }
  main.website nav.header form {
    position: relative;
    padding: 10px 20px;
    display: block;
    text-align: center;
  }
  main.website nav.header form > i.fas {
    position: absolute;
    top: 15px;
    left: 20px;
  }
  main.website nav.header form h1 {
    display: inline-block;
    text-align: left;
    padding: 10px 0 0 40px;
    width: 100%;
  }
  main.website nav.header form .fields {
    width: 100%;
    display: block;
    padding: 0 20px;
  }
  main.website nav.header form .fields .field {
    width: 100%;
    margin: 5px 0;
    min-width: 100%;
  }
  main.website nav.header form .action {
    margin-top: 5px;
  }
  main.website nav.table {
    padding: 0;
    height: auto;
  }
  main.website nav.table table, main.website nav.table tbody, main.website nav.table thead, main.website nav.table tfoot {
    display: block;
    margin: 0;
    padding: 0;
    box-shadow: none;
  }
  main.website nav.table table {
    padding: 0 10px;
  }
  main.website nav.table thead {
    display: none;
  }
  main.website nav.table tr {
    display: flex;
    margin: 10px 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1803921569);
    position: relative;
    padding: 10px 100px 10px 10px;
    flex-flow: wrap;
    min-height: 90px;
  }
  main.website nav.table tr td, main.website nav.table tr th {
    display: inline-block;
    text-align: left;
    height: auto;
    color: #333;
  }
  main.website nav.table tr td .display-table, main.website nav.table tr th .display-table {
    display: none;
  }
  main.website nav.table tr td .display-card, main.website nav.table tr th .display-card {
    display: inline-block;
  }
  main.website nav.table tr td.cercle, main.website nav.table tr td.name, main.website nav.table tr th.cercle, main.website nav.table tr th.name {
    height: auto;
    font-weight: 500;
    font-size: 16px;
  }
  main.website nav.table tr td.no, main.website nav.table tr th.no {
    display: none;
  }
  main.website nav.table tr td.cercle, main.website nav.table tr th.cercle {
    order: 0;
    width: 100%;
  }
  main.website nav.table tr td.labels, main.website nav.table tr td.brevets, main.website nav.table tr th.labels, main.website nav.table tr th.brevets {
    order: 1;
    width: 100%;
    margin: 0;
    padding: 0;
  }
  main.website nav.table tr td.labels .tag, main.website nav.table tr td.brevets .tag, main.website nav.table tr th.labels .tag, main.website nav.table tr th.brevets .tag {
    top: -5px;
    left: 2px;
  }
  main.website nav.table tr td.address, main.website nav.table tr th.address {
    order: 2;
  }
  main.website nav.table tr td.zip, main.website nav.table tr th.zip {
    order: 3;
  }
  main.website nav.table tr td.actions, main.website nav.table tr th.actions {
    right: 5px;
    position: absolute;
    text-align: right;
    top: 5px;
  }
  main.website nav.table tr td.actions .tag, main.website nav.table tr th.actions .tag {
    height: 70px;
    width: 70px;
    padding: 20px;
    text-align: center;
    text-decoration: none;
  }
  main.website nav.table tr td.actions .tag i, main.website nav.table tr th.actions .tag i {
    display: block;
  }
  main.website nav.table tr td.actions .tag:hover, main.website nav.table tr th.actions .tag:hover {
    background-color: #249275;
  }
  main.website nav.table tr.evaluation td.name {
    font-size: 14px;
  }
  main.website nav.table tr.evaluation td.cercle {
    color: #555;
  }
  main.website nav.table tr.evaluation td.date {
    display: none;
  }
  main.website nav.table tr.evaluation td.status {
    position: absolute;
    right: 5px;
    bottom: 0;
  }
  main.website nav.table tr th {
    display: none;
  }
  main.website .form {
    overflow: auto;
  }
  main.website .form form.page {
    padding: 0;
    overflow: auto;
    padding-bottom: 30px;
  }
  main.website .form form.page .subform .content {
    padding: 20px;
  }
  main.website .form form.page .subform .content .avatar, main.website .form form.page .subform .content .hero-content {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    padding: 0;
    text-align: center;
  }
  main.website .form form.page .subform .cards .card {
    width: 100%;
    min-width: 100%;
    flex: 1 1 100%;
  }
  main.website .form form.page .actions {
    width: 100%;
  }
  main.website .form form.page .actions .action {
    position: relative;
    display: inline-block;
    vertical-align: top;
    border-radius: 3px;
    height: 40px;
    cursor: pointer;
    padding: 10px 20px;
    width: 100%;
    text-align: center;
    padding: 4px 0 0 0;
    color: #FFF;
    margin: 5px 5px 0 0;
    background-color: #26BE95;
  }
}