:root {
  --border-color: #9F9F9F;
  --theme-color: #00549E;
  --themebtn_hover: #064a86;
  --whitebtn_hover: #fff;
  --ghostbtn_hover: #eee;
  --borderedbtn_hover: #eee;
  --bodyfontsize: 16px;
  --fontfamily: 'Barlow Semi Condensed', sans-serif;
  --themefontcolor: #333;
  --dropdowncolor: #eee; }

/* Font weights
Thin:       font-weight: 100;
Light:      font-weight: 300;
Regular:    font-weight: 400;
Medium:     font-weight: 500;
SemiBold:   font-weight: 600;
Bold:       font-weight: 700;
ExtraBold:  font-weight: 800;
Black:      font-weight: 900;
*/
h1 {
  font-size: 16px;
  font-weight: 600;
  margin: 0; }

h2 {
  font-size: 16px;
  font-weight: bold; }

h3 {
  font-size: 16px;
  font-weight: bold; }

h4 {
  font-size: 16px; }

h5 {
  font-size: 12px; }

h6 {
  font-size: 10px; }

/* Checkboxes */
.custom-checkbox .custom-control-label {
  font-weight: 300; }
  .custom-checkbox .custom-control-label:before {
    border-radius: 0; }

.custom-checkbox label {
  padding-top: 1px; }

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  border-color: var(--theme-color);
  background-color: var(--theme-color); }

/* BTNS */
.btn {
  font-weight: 500;
  border-radius: 4px;
  padding: 16px 12px;
  width: 100%;
  font-size: 16px;
  letter-spacing: 0.5px; }
  .btn.btn:focus, .btn.btn:active:focus, .btn.btn.active:focus {
    outline: none;
    box-shadow: none; }
  .btn.btn-outline-grey {
    border: 1px solid var(--border-color); }
  .btn.btn-no-bg {
    border: 1px solid #fff !important;
    color: #fff; }
    .btn.btn-no-bg:hover {
      background-color: rgba(255, 255, 255, 0.1); }
  .btn.dropdown-toggle {
    padding: 14px 12px; }

.btn-primary {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
  font-size: 16px; }
  .btn-primary.btn-shadow {
    box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.35); }
  .btn-primary:hover {
    background-color: var(--themebtn_hover);
    border-color: var(--themebtn_hover); }
  .btn-primary.btn-primary:active, .btn-primary.btn-primary:visited, .btn-primary.btn:focus, .btn-primary.btn:active {
    background-color: var(--theme-color) !important;
    border-color: var(--theme-color) !important;
    outline: none !important; }

.btn-ghost {
  font-size: 16px; }
  .btn-ghost:hover {
    background-color: var(--ghostbtn_hover); }

.btn-bordered {
  border: 1px solid var(--theme-color);
  font-size: 16px;
  color: var(--theme-color); }
  .btn-bordered:hover {
    background-color: var(--borderedbtn_hover);
    color: var(--theme-color); }

.btn-dark {
  font-size: 16px; }

.btn-white {
  background-color: #fff;
  border-color: #fff;
  color: var(--themefontcolor); }

.btn.dropdown-toggle {
  height: 50px;
  padding: 12px; }
  .btn.dropdown-toggle .filter-option-inner-inner {
    font-size: 16px; }

.btn-light:hover {
  background: none; }

.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle {
  background: none; }

.dropdown .dropdown-toggle {
  text-align: left;
  font-weight: 300; }
  .dropdown .dropdown-toggle:after {
    position: absolute;
    right: 20px;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }

.dropdown button {
  background: #fff;
  border-radius: 3px;
  border: 1px solid #E0E5E9; }

.dropdown-item {
  font-size: var(--bodyfontsize);
  padding: 10px; }

.dropdown-menu {
  border-radius: 0;
  width: 100%; }

.dropdown-item.active,
.dropdown-item:active {
  background-color: var(--dropdowncolor); }
  .dropdown-item.active a,
  .dropdown-item:active a {
    color: #333 !important;
    font-weight: bold; }
  .dropdown-item.active:hover,
  .dropdown-item:active:hover {
    color: #333; }

.dropdown-item.active, .dropdown-item:active {
  color: #333 !important; }

.input-group-append {
  z-index: 1; }

.with-input-icon .input-group-append {
  background: #fff;
  border-left: 0 !important; }
  .with-input-icon .input-group-append .input-group-text {
    background: #fff;
    border-left: 0 !important;
    border-color: var(--border-color); }

.h-48 {
  height: 48px; }

input {
  border: 0.5px solid var(--border-color);
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05); }
  input[type="text"], input[type="password"], input[type="date"], input[type="email"] {
    border: 0;
    border-radius: 0; }
  input :-ms-input-placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: rgba(255, 255, 255, 0.5);
    font-family: var(--fontfamily);
    font-weight: 200; }
  input ::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: rgba(255, 255, 255, 0.5);
    font-family: var(--fontfamily);
    font-weight: 200; }
  input :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: rgba(255, 255, 255, 0.5);
    font-family: var(--fontfamily);
    font-weight: 200; }
  input ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: rgba(255, 255, 255, 0.5);
    font-family: var(--fontfamily);
    font-weight: 200; }

body {
  font-size: 16px;
  font-weight: 300;
  font-family: var(--fontfamily);
  background-color: #F6F8F9;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.5px;
  min-height: -webkit-stretch; }

.logo {
  max-height: 60px;
  width: auto; }

.header-image {
  width: 100%;
  background-size: cover;
  height: 300px;
  background-position: center;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center; }
  .header-image .header-title {
    color: #fff;
    font-size: 48px;
    font-weight: 600;
    position: relative;
    z-index: 10; }
  .header-image:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(180deg, rgba(51, 51, 51, 0.05) 0%, rgba(51, 51, 51, 0.45) 72%, #333333 100%); }

.gpk-number-output,
.license-output {
  letter-spacing: 0.25em;
  font-weight: 500;
  font-size: 16px; }

input[type="text"], input[type="password"], input[type="date"], input[type="email"] {
  border: 0.5px solid var(--border-color);
  border-radius: 0; }

input:-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: black !important;
  font-family: var(--fontfamily) !important;
  font-weight: 200 !important;
  font-size: 15px; }

input::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: black !important;
  font-family: var(--fontfamily) !important;
  font-weight: 200 !important;
  font-size: 15px; }

input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: rgba(255, 255, 255, 0.3);
  font-family: var(--fontfamily);
  font-weight: 200;
  font-size: 15px; }

input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: rgba(255, 255, 255, 0.3);
  font-family: var(--fontfamily);
  font-weight: 200;
  font-size: 15px; }

strong {
  font-weight: bold; }

.form-feedback {
  color: #D51D1D;
  font-size: 14px; }

html, body {
  min-height: 100%; }

.input-text-centered {
  text-align: center; }

.note {
  background: rgba(36, 50, 64, 0.05);
  border: 0.5px solid var(--border-color);
  padding: 20px; }

label {
  font-weight: 300;
  font-size: 12px;
  display: block; }

.form-control {
  border-radius: 0; }

.prev-disabled {
  color: #ccc; }

.form-group {
  margin-bottom: 1.5rem; }

.form-heading {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 20px;
  letter-spacing: 0.5px; }
  .form-heading.overlay {
    color: #FFFFFF;
    text-shadow: 0 1px 15px rgba(0, 0, 0, 0.35); }

.pagewidth-full-background {
  min-height: calc( 100vh - 60px);
  background-size: cover;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }
  .pagewidth-full-background .hero-container {
    display: -ms-flexbox;
    display: flex;
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-size: 24px;
    color: #FFFFFF;
    letter-spacing: 0.5px;
    text-align: center;
    line-height: 32px;
    text-shadow: 0 1px 15px rgba(0, 0, 0, 0.35); }
  .pagewidth-full-background h1, .pagewidth-full-background p, .pagewidth-full-background label {
    color: #fff; }
  .pagewidth-full-background .form-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex: 1;
        flex: 1; }
  .pagewidth-full-background > .container,
  .pagewidth-full-background #header {
    z-index: 1;
    position: relative; }
  .pagewidth-full-background:after {
    background-image: linear-gradient(180deg, rgba(33, 33, 33, 0.5) 0%, rgba(33, 33, 33, 0.85) 100%);
    content: "";
    display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }

.hero {
  text-align: center;
  font-size: 24px;
  color: #FFFFFF;
  letter-spacing: 0.5px;
  text-align: center;
  line-height: 32px;
  text-shadow: 0 1px 15px rgba(0, 0, 0, 0.35); }

#header {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 100;
  box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.15);
  height: 60px;
  background: #fff;
  text-align: center; }
  #header .container {
    position: relative; }
  #header .header-back-btn {
    position: absolute;
    left: 15px;
    color: #333;
    font-size: 24px;
    top: 50%;
    -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
    #header .header-back-btn:hover {
      color: #000;
      font-size: 28px; }

.page-title {
  margin: 25px 0;
  text-align: center; }

a:hover {
  color: #000; }

@media screen and (max-width: 992px) {
  footer {
    display: none; }
  .header-image {
    display: none; } }

/*# sourceMappingURL=layout.css.map */