.logoshift {
  left: 0px;
  top:0px;
}

/* 1. Define the colors */

:root {
  --color-bg:            #FFFFFF;
  --color-text:          #000000;
  --color-primary:       #2f98bb;
  --color-primary-hover: #2f98bb;
}

/* 2. Use the colors */

body,
.masthead {
  background: var(--color-bg) !important;
}

div, span, p, small, li,
h1, h2, h3, h4, h5, i, b, .nav-link, .nav-item, .text-white {
  color: var(--color-text) !important;
}

p > a, .btn-info {
    color: var(--color-primary) !important;
}

h1 > a {
  color: var(--color-primary) !important;
  -webkit-text-fill-color: var(--color-primary) !important;
}

.btn,
.progress-step-active,
.progress {
  background: #156278 !important;
  color: #fff;
}

.btn:hover {
  background: var(--color-primary-hover) !important;
}

.loader {
  border-right-color: var(--color-text) !important;
}

h2, h2 span {
  color: #08828D !important;
}

.cqierr {color:red !important;}


@media screen and (max-width: 500px) {
    .form-step {
        padding-top: 54px;
    }
}