html, body {
	overflow-x: hidden;
}

body {
	font-family: Roboto Flex, Helvetica;
	overflow-x: hidden;
	height:100vh;
	font-weight: 200;
    color: #0F1622;
    font-size: 18px;
}

header {
    background-color: #0F1622;
    padding: 2rem 1rem;
    color: #ffffff;
}

footer {
  background-color: #0f1622;
  padding: 2rem;
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.725rem;
  box-shadow: 0px 0px 40px 1px rgba(0, 0, 0, 0.3);
}

footer a {
    color: #ffffff;
}

footer a:hover {
    text-decoration: underline !important;
    text-decoration-thickness: 2px;
    text-underline-offset: 8px;
}

.wrapper {
	min-height: 100%;
	display: flex;
	flex-direction: column;
}

a {
    color: #0094FF;
    text-decoration: none;
}

.btn {
    border: none;
    outline: none;
}

.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
    background-color: #223c62;
    color: #ffffff;
}

nav.navigation {
    color: #ffffff;
}

nav.navigation .nav-btn {
    padding: 1rem 2rem;
    color: #ffffff;
    font-size: 1.25rem;
}

nav.navigation .nav-btn.active {
    background-color: #0094FF;
}

header .username {
    font-size: 1.375rem;
}

hr {
    border: 1px solid rgba(0, 0, 0, 0.1);
}

/* USER HOME */
.form-btn {
    padding: 0.6rem 3rem;
    color: #ffffff;
    font-size: 1.25rem;
    background-color: #0094FF;
}

.form-continue-btn {
    padding: 0.4rem 2rem;
    color: #ffffff;
    font-size: 1rem;
    background-color: #198754;
}

.form-print-btn {
    padding: 0.4rem 1rem;
    color: #198754;
    font-size: 1rem;
    border: solid 1px #198754;
}

.apply-btn {
    padding: 0.6rem 3rem;
    color: #ffffff;
    font-size: 1.25rem;
    background-color: #0094FF;
}

.apply-btn:hover {
    background-color: #0a58ca;
    color: #ffffff;
}

.form-btn:hover,
.form-continue-btn:hover {
    background-color: #146c43;
    color: #ffffff;
}

.form-print-btn:hover {
    background-color: #f5f5f5;
    color: #198754;
    border: solid 1px #198754;
}

.nav-link {
    position: relative;
    padding-right: 30px;
}

.nav-tab {
    /*margin-right: 10px;*/
}

.nav-pills .nav-link {
    background-color: #ffffff;
    font-weight: 500;
    color: #0F1622;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    background-color: #0F1622;
    font-weight: 500;
    padding: 0.5rem 1rem;
}

.nav-border {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    top: 21px;
}

.nav-pills li:first-child {
    border-left: solid 20px #ffffff;
}

.nav-pills li:last-child {
    border-right: solid 20px #ffffff;
}

.application-btn {
    padding: 0.6rem 3rem;
    color: #ffffff;
    font-size: 1.25rem;
    border-radius: 10px;
}

.application-btn-submit {
    background-color: #198754;
}

.application-btn-remove {
    background-color: #ffffff;
    border: solid 1px #dc3545;
    color: #dc3545;
}

.application-btn-amend {
    background-color: #ffffff;
    border: solid 1px #198754;
    color: #198754;
}

.application-btn-warnings {
    background-color: #dc3545;
}

.application-btn-submit:hover {
    background-color: #146c43;
    color: #ffffff;
}

.application-btn-remove:hover {
    background-color: #f5f5f5;
    border: solid 1px #dc3545;
    color: #dc3545;
}

.application-btn-amend:hover {
    background-color: #f5f5f5;
    border: solid 1px #198754;
    color: #198754;
}

.application-btn-warnings:hover {
    background-color: #b02a37;
    color: #ffffff;
}

.display-old-application {
    background-color: #ffffff;
    border: solid 1px #0094FF;
    color: #0094FF;
}

.display-old-application:hover {
    background-color: #f5f5f5;
    border: solid 1px #0094FF;
    color: #0094FF;
}

.forms-sm-btn {
    background-color: #0094FF;
    color: #ffffff;
}

.forms-sm-btn:hover {
    background-color: #198754;
    color: #ffffff;
}

.pdf-sm-btn {
    padding: 0.4rem 2rem;
    background-color: #ffffff;
    border: solid 1px #dc3545;
    color: #dc3545;
}

.pdf-sm-btn:hover {
    background-color: #f5f5f5;
    border: solid 1px #dc3545;
    color: #dc3545;
}

.login .login-btn {
    padding: 0.6rem 2rem;
    color: #ffffff;
    font-size: 1.25rem;
    background-color: #0094FF;
}

.login .login-btn:hover {
    background-color: #0a58ca;
}

.login .register-btn {
    padding: 0.6rem 2rem;
    color: #0094FF;
    font-size: 1.25rem;
    border: solid 1px #0094FF;
    background-color: #0F1622;
}

.login .register-btn:hover {
    background-color: #06080d;
}

/* USER HOME END */

/* REGISTER */

.btn-register {
  padding: 0.6rem 3rem;
  color: #ffffff;
  font-size: 1.25rem;
  background-color: #0094FF;
}

.btn-register:hover {
  background-color: #0a58ca;
  color: #ffffff;
}

.progress-item {
  color: #9E9E9E;
  line-height: 1;
}

.progress-no {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 3px solid #BDBDBD;
  margin-right: 0.5rem;
}

.progress-vert-line {
  width: 3px;
  height: 30px;
  background-color: #BDBDBD;
  margin-left: 13px;
}

.progress-item.active .progress-no {
  border: 3px solid #001226;
  color: #001226;
}

.progress-item.active .progress-text,
.progress-item.done .progress-text {
  color: #001226;
}

.progress-item.done .progress-no {
  border: 3px solid #001226;
  background-color: #001226;
  color: #fff;
}

.progress-item.done .progress-vert-line {
  background-color: #001226;
}

#registrationform label {
  margin-bottom: 0.25rem;
}

.register-tab-content-container {
  padding: 0 0 0 2rem;
  min-height: 680px;
}

.registration .nav-pills .nav-link {
  border-radius: 1;
  color: #757575;
  background-color: #f5f5f5;
  padding: 1rem;
}

.registration .nav-pills .nav-link:hover {
  color: #001226;
  transition: color 0.3s ease;
  background-color: #E0E0E0;
}

.registration .nav-pills .nav-link.active,
.registration .nav-pills .show>.nav-link {
  background-color: #0F1622;
  color: #ffffff;
  transition: border-left 0.3s linear;
  padding: 1rem;
}

.registration  a.nav-item.nav-link.dropdown-toggle {
  color: #ffffff;
}

.registration  .nav-link:not(:last-child) {
  margin-bottom: 1px;
}

.registration .tab-action-buttons {
  margin-top: 1rem;
}

.registration h2 {
  font-size: 1.8rem;
}

.register-input-height label {
  margin-bottom: 0.25rem;
}

.register-input-height {
  /* height: 100px; */
}

.register-checkbox-height {
  /* height: 38px; */
}

.register-error-input {
  border: 1px solid #DC3545;
}

.register-error-message {
  display: block;
  margin-top: 0.25rem;
  font-size: 14px;
  line-height: 1em;
}

.register-error-message {
  color: #DC3545 !important;
}
/* REGISTER END */

/** Cookie Acceptance Message **/
#cookieMessage {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    z-index:99999;
    padding: 20px;
    background-color: #ffd600;
}

#cookieMessage .align-items-center {
    align-items: center;
    display: flex;
}

#cookieMessage .d-flex.flex-column{
    display: flex;
    flex-direction: column;
}

.cookieMessage-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 0.25rem
}

.cookieMessage-text {
    font-weight: normal;
    font-size: 0.725rem;
}

.btn-cookie {
    float: right;
    width: 75%;
    color: #fff !important;
    background-color: #333 !important;
    outline: none;
    border-bottom: solid 3px rgba(0, 0, 0, 0.8);
}

.cookieMessage-text a {
    color: #ffffff;
}

/****/

#cookie-policy-modal a:hover {
    text-decoration: underline !important;
    text-decoration-thickness: 2px;
    text-underline-offset: 8px;
}

/* Manage Cookie Preferences START */
.cookiepreferencesmodal-container {

}

.cookiepreferencesmodal-container .close{
    border: none;
    background: transparent;
    font-size: 1.2rem;
}

.cookiepreferencesmodal-container strong{
    font-size: 1.2rem;
}

.cookiepreferencesmodal-container .k-switch-track span {
    font-size: 0.75rem !important;
}

.cookiepreferencesmodal-container .modal-body div div:last-child{
    font-size: 0.9rem !important;
}

.cookiepreferencesmodal-container a, .cookiepreferencesmodal-container a:hover {
    color: #333;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.cookiepolicymodal-container .modal-body {
    max-height: calc(100vh - 270px);
    overflow: auto;
    margin-bottom: 10px;
}

/* Manage Cookie Preferences END */