/* Master critical path CSS */
.unifly-grass {
  color: #00a46c; }

.unifly-red {
  color: #e4365e; }

.bagaar-grey {
  color: #798C9F; }

.unifly-grass {
  color: #00a46c; }

.unifly-red {
  color: #e4365e; }

.bagaar-grey {
  color: #798C9F; }

BODY {
  margin: 0;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 300;
  position: relative;
  min-height: 100%; }

MAIN.aurelia-app-wrapper {
  display: none; }

.showSpa MAIN.aurelia-app-wrapper {
  display: block; }

.showSpa #loginWrapper {
  display: none; }

SVG.logo {
  height: 10em;
  padding-right: 1em;
  position: relative;
  top: 1.5em; }

FOOTER {
  background-color: transparent;
  font-size: 1rem;
  width: 100%;
  display: flex;
  justify-content: space-between;
  line-height: 1rem;
  position: absolute; }
  FOOTER .copyright {
    padding-left: 10px; }
  FOOTER .version {
    color: #D8D8D8;
    width: initial;
    padding-right: 10px; }
    FOOTER .version:hover {
      color: #A8A8A8; }

.unifly-grass {
  color: #00a46c; }

.unifly-red {
  color: #e4365e; }

.bagaar-grey {
  color: #798C9F; }

.unifly-grass {
  color: #00a46c; }

.unifly-red {
  color: #e4365e; }

.bagaar-grey {
  color: #798C9F; }

html {
  height: 100%; }

html, body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; }

body {
  background-color: #fff; }

#loginWrapper {
  height: 100vh;
  overflow: visible; }
  @media all and (max-width: 767px) {
    #loginWrapper {
      float: none;
      width: 100%;
      text-align: center;
      height: auto; } }

.container-left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  overflow: hidden;
  background-color: #fff;
  float: left;
  position: relative;
  flex: 58;
  min-height: 100vh; }
  @media all and (max-width: 767px) {
    .container-left {
      float: none;
      width: 100%;
      text-align: center;
      overflow: visible;
      align-items: center; } }

.login-actions {
  margin-top: 40px; }

.languageSelect {
  display: flex;
  align-items: center;
  padding-left: -4px; }
  .languageSelect:before {
    content: '\e894';
    font-family: "Material Icons";
    color: #3f96cd;
    font-size: 20px;
    padding-right: 10px; }
  .languageSelect .dropdownContainer {
    flex-grow: 1; }

.container-right {
  overflow: hidden;
  background-color: #9ac8e5;
  position: relative;
  right: 0;
  flex: 42;
  box-shadow: -3px 0px 10px 0px #5a9abf; }
  @media all and (max-width: 767px) {
    .container-right {
      display: none; } }

.form-wrapper .form-logo {
  margin-bottom: 46px; }
  @media all and (max-width: 767px) {
    .form-wrapper .form-logo {
      margin-top: 15px; } }

.form-wrapper .form .button {
  width: 100%;
  margin-top: 25px;
  margin-bottom: 45px; }

.form-wrapper .form .input-text {
  width: 50%; }

.form-wrapper .form a {
  font-size: 14px;
  display: block;
  letter-spacing: 0.015em;
  font-weight: 400;
  margin: 0 0 15px;
  line-height: 26px; }
  .form-wrapper .form a, .form-wrapper .form a:hover, .form-wrapper .form a:active {
    color: #555; }

.form-wrapper .form a.alert-link {
  color: #e6e6e6; }

.form-wrapper .form .input {
  margin-bottom: 15px; }

@media all and (max-width: 767px) {
  footer {
    position: absolute;
    bottom: 0; } }

.drone {
  position: absolute;
  width: 92px;
  height: 35px; }
  .drone path {
    fill: white !important;
    stroke: white !important; }
  .drone .drone-propeller-1 {
    -webkit-animation: drone-spin-left 0.15s infinite;
    /* Safari 4+ */
    -moz-animation: drone-spin-left 0.15s infinite;
    /* Fx 5+ */
    -o-animation: drone-spin-left 0.15s infinite;
    /* Opera 12+ */
    animation: drone-spin-left 0.15s infinite;
    /* IE 10+, Fx 29+ */ }
  .drone .drone-propeller-2 {
    -webkit-animation: drone-spin-right 0.15s infinite;
    /* Safari 4+ */
    -moz-animation: drone-spin-right 0.15s infinite;
    /* Fx 5+ */
    -o-animation: drone-spin-right 0.15s infinite;
    /* Opera 12+ */
    animation: drone-spin-right 0.15s infinite;
    /* IE 10+, Fx 29+ */ }
  .drone#drone-1 {
    -webkit-animation: drone-one-move 7s infinite;
    /* Safari 4+ */
    -moz-animation: drone-one-move 7s infinite;
    /* Fx 5+ */
    -o-animation: drone-one-move 7s infinite;
    /* Opera 12+ */
    animation: drone-one-move 7s infinite;
    /* IE 10+, Fx 29+ */ }
  .drone#drone-2 {
    -webkit-animation: drone-two-move 7s infinite;
    /* Safari 4+ */
    -moz-animation: drone-two-move 7s infinite;
    /* Fx 5+ */
    -o-animation: drone-two-move 7s infinite;
    /* Opera 12+ */
    animation: drone-two-move 7s infinite;
    /* IE 10+, Fx 29+ */ }

@-webkit-keyframes drone-spin-left {
  0% {
    -webkit-transform: rotateY(0deg) translateZ(0);
    -ms-transform: rotateY(0deg) translateZ(0);
    -o-transform: rotateY(0deg) translateZ(0);
    transform: rotateY(0deg) translateZ(0); }
  50% {
    -webkit-transform: rotateY(90deg) translateZ(20px);
    -ms-transform: rotateY(90deg) translateZ(20px);
    -o-transform: rotateY(90deg) translateZ(20px);
    transform: rotateY(90deg) translateZ(20px); }
  100% {
    -webkit-transform: rotateY(0deg) translateZ(0);
    -ms-transform: rotateY(0deg) translateZ(0);
    -o-transform: rotateY(0deg) translateZ(0);
    transform: rotateY(0deg) translateZ(0); } }

@-webkit-keyframes drone-spin-right {
  0% {
    -webkit-transform: rotateY(0deg) translateZ(0);
    -ms-transform: rotateY(0deg) translateZ(0);
    -o-transform: rotateY(0deg) translateZ(0);
    transform: rotateY(0deg) translateZ(0); }
  50% {
    -webkit-transform: rotateY(90deg) translateZ(64px);
    -ms-transform: rotateY(90deg) translateZ(64px);
    -o-transform: rotateY(90deg) translateZ(64px);
    transform: rotateY(90deg) translateZ(64px); }
  100% {
    -webkit-transform: rotateY(0deg) translateZ(0);
    -ms-transform: rotateY(0deg) translateZ(0);
    -o-transform: rotateY(0deg) translateZ(0);
    transform: rotateY(0deg) translateZ(0); } }

@-moz-keyframes drone-spin-left {
  0% {
    -webkit-transform: rotateY(0deg) translateZ(0);
    -ms-transform: rotateY(0deg) translateZ(0);
    -o-transform: rotateY(0deg) translateZ(0);
    transform: rotateY(0deg) translateZ(0); }
  50% {
    -webkit-transform: rotateY(90deg) translateZ(20px);
    -ms-transform: rotateY(90deg) translateZ(20px);
    -o-transform: rotateY(90deg) translateZ(20px);
    transform: rotateY(90deg) translateZ(20px); }
  100% {
    -webkit-transform: rotateY(0deg) translateZ(0);
    -ms-transform: rotateY(0deg) translateZ(0);
    -o-transform: rotateY(0deg) translateZ(0);
    transform: rotateY(0deg) translateZ(0); } }

@-moz-keyframes drone-spin-right {
  0% {
    -webkit-transform: rotateY(0deg) translateZ(0);
    -ms-transform: rotateY(0deg) translateZ(0);
    -o-transform: rotateY(0deg) translateZ(0);
    transform: rotateY(0deg) translateZ(0); }
  50% {
    -webkit-transform: rotateY(90deg) translateZ(64px);
    -ms-transform: rotateY(90deg) translateZ(64px);
    -o-transform: rotateY(90deg) translateZ(64px);
    transform: rotateY(90deg) translateZ(64px); }
  100% {
    -webkit-transform: rotateY(0deg) translateZ(0);
    -ms-transform: rotateY(0deg) translateZ(0);
    -o-transform: rotateY(0deg) translateZ(0);
    transform: rotateY(0deg) translateZ(0); } }

@-o-keyframes drone-spin-left {
  0% {
    -webkit-transform: rotateY(0deg) translateZ(0);
    -ms-transform: rotateY(0deg) translateZ(0);
    -o-transform: rotateY(0deg) translateZ(0);
    transform: rotateY(0deg) translateZ(0); }
  50% {
    -webkit-transform: rotateY(90deg) translateZ(20px);
    -ms-transform: rotateY(90deg) translateZ(20px);
    -o-transform: rotateY(90deg) translateZ(20px);
    transform: rotateY(90deg) translateZ(20px); }
  100% {
    -webkit-transform: rotateY(0deg) translateZ(0);
    -ms-transform: rotateY(0deg) translateZ(0);
    -o-transform: rotateY(0deg) translateZ(0);
    transform: rotateY(0deg) translateZ(0); } }

@-o-keyframes drone-spin-right {
  0% {
    -webkit-transform: rotateY(0deg) translateZ(0);
    -ms-transform: rotateY(0deg) translateZ(0);
    -o-transform: rotateY(0deg) translateZ(0);
    transform: rotateY(0deg) translateZ(0); }
  50% {
    -webkit-transform: rotateY(90deg) translateZ(64px);
    -ms-transform: rotateY(90deg) translateZ(64px);
    -o-transform: rotateY(90deg) translateZ(64px);
    transform: rotateY(90deg) translateZ(64px); }
  100% {
    -webkit-transform: rotateY(0deg) translateZ(0);
    -ms-transform: rotateY(0deg) translateZ(0);
    -o-transform: rotateY(0deg) translateZ(0);
    transform: rotateY(0deg) translateZ(0); } }

@keyframes drone-spin-left {
  0% {
    -webkit-transform: rotateY(0deg) translateZ(0);
    -ms-transform: rotateY(0deg) translateZ(0);
    -o-transform: rotateY(0deg) translateZ(0);
    transform: rotateY(0deg) translateZ(0); }
  50% {
    -webkit-transform: rotateY(90deg) translateZ(20px);
    -ms-transform: rotateY(90deg) translateZ(20px);
    -o-transform: rotateY(90deg) translateZ(20px);
    transform: rotateY(90deg) translateZ(20px); }
  100% {
    -webkit-transform: rotateY(0deg) translateZ(0);
    -ms-transform: rotateY(0deg) translateZ(0);
    -o-transform: rotateY(0deg) translateZ(0);
    transform: rotateY(0deg) translateZ(0); } }

@keyframes drone-spin-right {
  0% {
    -webkit-transform: rotateY(0deg) translateZ(0);
    -ms-transform: rotateY(0deg) translateZ(0);
    -o-transform: rotateY(0deg) translateZ(0);
    transform: rotateY(0deg) translateZ(0); }
  50% {
    -webkit-transform: rotateY(90deg) translateZ(64px);
    -ms-transform: rotateY(90deg) translateZ(64px);
    -o-transform: rotateY(90deg) translateZ(64px);
    transform: rotateY(90deg) translateZ(64px); }
  100% {
    -webkit-transform: rotateY(0deg) translateZ(0);
    -ms-transform: rotateY(0deg) translateZ(0);
    -o-transform: rotateY(0deg) translateZ(0);
    transform: rotateY(0deg) translateZ(0); } }

@-webkit-keyframes drone-one-move {
  0% {
    top: 5%;
    right: 17%; }
  30% {
    top: 7%;
    right: 22%; }
  60% {
    top: 10%;
    right: 26%; }
  80% {
    top: 10%;
    right: 24%; }
  100% {
    top: 5%;
    right: 17%; } }

@-moz-keyframes drone-one-move {
  0% {
    top: 5%;
    right: 17%; }
  30% {
    top: 7%;
    right: 22%; }
  60% {
    top: 10%;
    right: 26%; }
  80% {
    top: 10%;
    right: 24%; }
  100% {
    top: 5%;
    right: 17%; } }

@-o-keyframes drone-one-move {
  0% {
    top: 5%;
    right: 17%; }
  30% {
    top: 7%;
    right: 22%; }
  60% {
    top: 10%;
    right: 26%; }
  80% {
    top: 10%;
    right: 24%; }
  100% {
    top: 5%;
    right: 17%; } }

@keyframes drone-one-move {
  0% {
    top: 5%;
    right: 17%; }
  30% {
    top: 7%;
    right: 22%; }
  60% {
    top: 10%;
    right: 26%; }
  80% {
    top: 10%;
    right: 24%; }
  100% {
    top: 5%;
    right: 17%; } }

@-webkit-keyframes drone-two-move {
  0% {
    top: 53%;
    right: 47%; }
  10% {
    top: 56%;
    right: 42%; }
  40% {
    top: 55%;
    right: 41%; }
  70% {
    top: 54%;
    right: 49%; }
  100% {
    top: 53%;
    right: 47%; } }

@-moz-keyframes drone-two-move {
  0% {
    top: 53%;
    right: 47%; }
  10% {
    top: 56%;
    right: 42%; }
  40% {
    top: 55%;
    right: 41%; }
  70% {
    top: 54%;
    right: 49%; }
  100% {
    top: 53%;
    right: 47%; } }

@-o-keyframes drone-two-move {
  0% {
    top: 53%;
    right: 47%; }
  10% {
    top: 56%;
    right: 42%; }
  40% {
    top: 55%;
    right: 41%; }
  70% {
    top: 54%;
    right: 49%; }
  100% {
    top: 53%;
    right: 47%; } }

@keyframes drone-two-move {
  0% {
    top: 53%;
    right: 47%; }
  10% {
    top: 56%;
    right: 42%; }
  40% {
    top: 55%;
    right: 41%; }
  70% {
    top: 54%;
    right: 49%; }
  100% {
    top: 53%;
    right: 47%; } }

.c-loader {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: white; }
  .c-loader__brandLogo {
    position: absolute;
    top: 0;
    bottom: 45%;
    left: 0;
    right: 0; }
  .c-loader__spinner {
    position: absolute;
    top: 42%;
    left: 50%;
    margin-left: -32px;
    margin-top: -32px; }
  .c-loader__uniflyLogo {
    position: absolute;
    bottom: 0;
    height: 30%;
    left: 0;
    right: 0;
    background-color: #F7F9FA;
    background-image: url(/fonts/4d2838a299e7185dbc3b4094f1230c4d.svg);
    background-position: center;
    background-size: 140px auto;
    background-repeat: no-repeat; }

.spinner {
  -webkit-animation: rotator 1.4s linear infinite;
  animation: rotator 1.4s linear infinite; }

@-webkit-keyframes rotator {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg); } }

@keyframes rotator {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg); } }

.path {
  stroke-dasharray: 187;
  stroke-dashoffset: 0;
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
  animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite; }

@-webkit-keyframes colors {
  0% {
    stroke: #4848BD; }
  25% {
    stroke: #302E69; }
  50% {
    stroke: #4848BD; }
  75% {
    stroke: #302E69; }
  100% {
    stroke: #4848BD; } }

@keyframes colors {
  0% {
    stroke: #4848BD; }
  25% {
    stroke: #302E69; }
  50% {
    stroke: #4848BD; }
  75% {
    stroke: #302E69; }
  100% {
    stroke: #4848BD; } }

@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 187; }
  50% {
    stroke-dashoffset: 46.75;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg); }
  100% {
    stroke-dashoffset: 187;
    -webkit-transform: rotate(450deg);
    transform: rotate(450deg); } }

@keyframes dash {
  0% {
    stroke-dashoffset: 187; }
  50% {
    stroke-dashoffset: 46.75;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg); }
  100% {
    stroke-dashoffset: 187;
    -webkit-transform: rotate(450deg);
    transform: rotate(450deg); } }


/*# sourceMappingURL=vendors~47a72730.36e758456832b792461b.chunk.css.map*/