@import url("https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900");
@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,700");
/* line 11, variables.scss */
* {
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
  line-height: 1em;
}

/* line 18, variables.scss */
.picker * {
  line-height: normal;
}

/* line 22, variables.scss */
html {
  height: 100%;
}

/* line 26, variables.scss */
body {
  font-family: Roboto;
  font-size: 16px;
  background-color: #f8f8f8;
  height: 100%;
}

/* line 33, variables.scss */
a {
  display: inline-block;
  color: #2184e3;
  text-decoration: none;
}

/* line 39, variables.scss */
img {
  display: block;
}

/* line 45, variables.scss */
input, select, option, textarea {
  box-sizing: border-box;
  background-color: #fff;
}

/* line 50, variables.scss */
input, select, textarea {
  border: 1px #ccc solid;
  padding: 14px 20px;
  font-family: Roboto;
  font-size: 16px;
}

/* line 58, variables.scss */
textarea {
  height: unset;
}

/* line 62, variables.scss */
.button {
  background-color: #1e77c9;
  color: #fff;
  padding: 16px 20px;
  text-align: center;
  font-family: Poppins;
  font-weight: 400;
}
/* line 70, variables.scss */
.button:hover {
  background-color: #2184e3;
}

/* line 76, variables.scss */
.button.iconRight i {
  margin-left: 20px;
}

/* line 83, variables.scss */
.button.iconLeft i {
  margin-right: 20px;
}

/* line 88, variables.scss */
.button.white {
  background-color: #fff;
  color: #2184e3;
}
/* line 92, variables.scss */
.button.white:hover {
  background-color: #f8f8f8;
}

/* line 98, variables.scss */
h2 {
  font-family: Poppins;
  font-size: 1.38vw;
  font-weight: 300;
}
@media (min-width: 1440px) {
  /* line 98, variables.scss */
  h2 {
    font-size: 20px;
  }
}
@media (max-width: 1280px) {
  /* line 98, variables.scss */
  h2 {
    font-size: 18px;
  }
}

/* line 113, variables.scss */
h4 {
  font-family: Poppins;
  font-size: 0.97vw;
  font-weight: 300;
}
@media (min-width: 1440px) {
  /* line 113, variables.scss */
  h4 {
    font-size: 14px;
  }
}
@media (max-width: 1280px) {
  /* line 113, variables.scss */
  h4 {
    font-size: 14px;
  }
}

/* line 128, variables.scss */
.jq-toast-heading {
  font-size: 20px !important;
}

/* line 132, variables.scss */
.jq-toast-single {
  background-position: 20px center;
  font-size: 16px;
  box-shadow: 0px 0px 8px 8px #fefefe;
  padding: 30px 30px 30px 60px !important;
}

/* line 139, variables.scss */
.jq-toast-wrap {
  width: 500px;
}

/* line 143, variables.scss */
.jq-has-icon {
  background-position: 20px;
}

/* line 7, login.scss */
.container {
  display: table;
  height: 100%;
  margin: 0 auto;
}

/* line 13, login.scss */
.split {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  max-width: 500px;
}
@media (max-width: 960px) {
  /* line 13, login.scss */
  .split {
    flex-direction: column;
  }
}
/* line 27, login.scss */
.split > .column {
  width: 100%;
}
/* line 31, login.scss */
.split > .column.left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: #fff;
}
/* line 37, login.scss */
.split > .column.left .topSection {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-grow: 1;
  padding: 9vw;
}
@media (min-width: 1000px) {
  /* line 37, login.scss */
  .split > .column.left .topSection {
    padding: 90px;
  }
}
/* line 49, login.scss */
.split > .column.left .topSection .logo {
  margin-bottom: 40px;
}
/* line 52, login.scss */
.split > .column.left .topSection .logo img {
  width: 80%;
  max-width: 320px;
}
/* line 60, login.scss */
.split > .column.left .topSection .fields .field {
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
/* line 66, login.scss */
.split > .column.left .topSection .fields .field label {
  font-size: 14px;
  color: #333;
  margin-bottom: 4px;
}
/* line 72, login.scss */
.split > .column.left .topSection .fields .field input {
  background-color: #fafafa;
  border: 1px solid #f2f2f2;
  width: 100%;
}
/* line 78, login.scss */
.split > .column.left .topSection .fields .field .validationMessage {
  color: #ff0000;
}
/* line 83, login.scss */
.split > .column.left .topSection .fields .field:last-child {
  margin-bottom: 0px;
}
/* line 90, login.scss */
.split > .column.left .request {
  color: #666;
  text-align: center;
  padding: 30px;
  background-color: #f9f9f9;
  font-size: 14px;
}
/* line 99, login.scss */
.split > .column.right {
  border-left: 1px solid #f9f9f9;
  background-color: #fff;
}
/* line 103, login.scss */
.split > .column.right img {
  width: 100%;
  opacity: 0.5;
}
/* line 108, login.scss */
.split > .column.right .content {
  padding: 6vw;
}
@media (min-width: 1000px) {
  /* line 108, login.scss */
  .split > .column.right .content {
    padding: 60px;
  }
}
/* line 115, login.scss */
.split > .column.right .content h2 {
  color: #2184e3;
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
  text-transform: uppercase;
  margin-bottom: 30px;
}
/* line 123, login.scss */
.split > .column.right .content p {
  color: #333;
  line-height: 1.4em;
  margin-bottom: 1.4em;
}
/* line 129, login.scss */
.split > .column.right .content p:last-child {
  margin-bottom: 0px;
}