/* open-sans-300 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v34-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/open-sans-v34-latin-600.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/open-sans-v34-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v34-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v34-latin-600.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v34-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v34-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

html {
    height: 100vh;
    width: 100vw;
}

body {
    font-family: "Open Sans", sans-serif;
    background-color: #f9f9f9;
    color: #58585a !important;
}

h1 {
    font-size: 1.563rem;
    font-weight: bold;
    color: #19191b;
}

a,
a:hover,
a:focus,
a:active {
    color: #058550;
}

a.sanacorp-color,
a.sanacorp-color:hover,
a.sanacorp-color:focus,
a.sanacorp-color:active {
    color: #b60258;
}

.mea-logo {
    width: 150px;
}

.sanacorp-logo {
    width: 100px;
}

input#username,
input#email,
input#password,
input#password-new,
input#password-confirm,
input#firstName,
input#lastName,
input#customerId {
    border: solid 1px #58585a !important;
    border-top-left-radius: 9px !important;
    border-top-right-radius: 9px !important;
    border-bottom-left-radius: 9px !important;
    border-bottom-right-radius: 0 !important;

    &.is-invalid {
        border-color: #f25555 !important;
    }
}

label {
    font-size: 0.875rem;
}

.login-form {
    max-width: 438px;
}

.card-text {
    font-size: 1rem;
}

img.password-icon {
    right: 8px;
    top: 38px;
}

.btn-primary {
    background-color: #058550;
    color: #fff;
    font-weight: bold;
    border: solid 1px #058550 !important;
    border-top-left-radius: 9px !important;
    border-top-right-radius: 9px !important;
    border-bottom-left-radius: 9px !important;
    border-bottom-right-radius: 0 !important;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
}

.btn-primary:hover {
    background-color: #058550;
}

.btn-primary:focus, .btn-primary.focus {
    background-color: #058550;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    background-color: #058550;
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #058550;
    border-color: #058550;
}

.btn-primary.bg-sanacorp-color {
    background-color: #b60258;
    border: solid 1px #b60258 !important;
}

.btn-primary.bg-sanacorp-color:hover {
    background-color: #b60258;
}

.btn-primary.bg-sanacorp-color:focus, .btn-primary.bg-sanacorp-color.focus {
    background-color: #b60258;
}

.btn-primary.bg-sanacorp-color:not(:disabled):not(.disabled):active, .btn-primary.bg-sanacorp-color:not(:disabled):not(.disabled).active,
.show > .btn-primary.bg-sanacorp-color.dropdown-toggle {
    background-color: #b60258;
}

.btn-primary.bg-sanacorp-color.disabled, .btn-primary.bg-sanacorp-color:disabled {
    background-color: #b60258;
    border-color: #b60258;
}

.btn-secondary {
    background-color: #fff;
    color: #058550;
    font-weight: bold;
    border: solid 1px #c8c8c8 !important;
    border-top-left-radius: 9px !important;
    border-top-right-radius: 9px !important;
    border-bottom-left-radius: 9px !important;
    border-bottom-right-radius: 0 !important;
}

.btn-secondary:hover {
    background-color: #fff;
    color: #058550;
}

.btn-secondary:focus, .btn-primary.focus {
    background-color: #fff;
    color: #058550;
}

.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
    background-color: #fff;
    color: #058550;
}

.btn-secondary.sanacorp-color {
    color: #b60258;
    border: solid 1px #b60258 !important;
}

.btn-secondary.sanacorp-color:hover {
    color: #b60258;
}

.btn-secondary.sanacorp-color:focus {
    color: #b60258;
}

.btn-secondary.sanacorp-color:not(:disabled):not(.disabled):active, .btn-secondary.sanacorp-color:not(:disabled):not(.disabled).active,
.show > .btn-secondary.sanacorp-color.dropdown-toggle {
    color: #b60258;
}

.card-footer {
    background-color: #fff;
}

a.footer-link,
a.footer-link:hover,
a.footer-link:active,
a.footer-link:focus {
    color: #58585a;
}

.copyright {
    font-size: 0.75rem;
}

a.imprint,
a.imprint:hover,
a.imprint:focus,
a.imprint:active {
    color: #000;
}

.alert-error {
    background-color: transparent;
    color: #f25555;
    border-color: #f25555;
    border-width: 2px;
}

input#username::-webkit-input-placeholder,
input#email::-webkit-input-placeholder,
input#password::-webkit-input-placeholder,
input#password-new::-webkit-input-placeholder,
input#password-confirm::-webkit-input-placeholder,
input#firstName::-webkit-input-placeholder,
input#lastName::-webkit-input-placeholder,
input#customerId::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    opacity: 0.8;
    font-family: "Open Sans", sans-serif !important;
    font-size: 0.875rem;
}
input#username::-moz-placeholder,
input#email::-moz-placeholder,
input#password::-moz-placeholder,
input#password-new::-moz-placeholder,
input#password-confirm::-moz-placeholder,
input#firstName::-moz-placeholder,
input#lastName::-moz-placeholder,
input#customerId::-moz-placeholder { /* Firefox 19+ */
    opacity: 0.8;
    font-family: "Open Sans", sans-serif !important;
    font-size: 0.875rem;
}

input#username:-ms-input-placeholder,
input#email:-ms-input-placeholder,
input#password:-ms-input-placeholder,
input#password-new::-ms-input-placeholder,
input#password-confirm::-ms-input-placeholder,
input#firstName::-ms-input-placeholder,
input#lastName::-ms-input-placeholder,
input#customerId:-ms-input-placeholder { /* IE 10+ */
    opacity: 0.8;
    font-family: "Open Sans", sans-serif !important;
    font-size: 0.875rem;
}

input#username:-moz-placeholder,
input#password:-moz-placeholder,
input#password-new::-moz-placeholder,
input#password-confirm::-moz-placeholder,
input#firstName::-moz-placeholder,
input#lastName::-moz-placeholder,
input#customerId:-moz-placeholder { /* Firefox 18- */
    opacity: 0.8;
    font-family: "Open Sans", sans-serif !important;
    font-size: 0.875rem;
}

.bg-sanacorp-color {
    background-color: #b60258;
}

.password-alert {
    color: #58585a;
}

.password-alert ul {
    list-style: none;
    padding: 0;
}

.leng-text,
.big-letter-text,
.num-text,
.special-char {
    color: #f25555;
}

.leng-text.good,
.big-letter-text.good,
.num-text.good,
.special-char.good {
    color: #058550;
}

.good-svg,
.wrong-svg {
    width: 1.3rem;
}

.form-control.is-invalid {
    background-image: none;
}

@media (max-width: 1024px) {
    .verify-registration-email-column {
        max-width: 100px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
}