.lato {
    font-family: 'Lato', Arial, sans-serif;
}

.bg-euro {
    background: #FFE500;
    font-size: 1rem;
    line-height: 1.5rem;
}

.bg-euro:hover {
    background: #fff14c;
}

.bg-status-blue {
    background: #E6F1FF;
    color: #0A0A0A;
}

.bg-euro-white {
    background: #fff;
    color: blue;
    font-size: 1rem;
    line-height: 1.5rem;

    &[disabled]{
        background: #F1F1F1;
        color: #767676;
    }
}

.text-euro-red .text-gray-light {
    color: #BC0B0B;
}

button[type="submit"], input[type="submit"] {
    cursor: pointer;
}

button:disabled,
input[type="submit"]:disabled {
    cursor: not-allowed;
}

input[disabled]:not(:-webkit-autofill),
input[readonly]:not(:-webkit-autofill) {
    background: #f1f1f1;
}

.bg-euro-blue[disabled] {
    background: #F1F1F1;
    color: #767676;
}

#kc-expand-register[disabled] {
    color:grey;
    background: #dfdfdf;
}

.bg-euro-white:hover {
    background: #e6f1ff;
}

.text-xss {
    font-size: 0.625rem;
}

.field:has(.border-red-500) input:focus {
    @apply ring-red-500;
}

.field:not(:has(.border-red-500)) input:focus {
    @apply ring-black;
}
.green-icon {
    color: #00AE50;
}
.border-checkbox-gray {
    border-color: #767676;
}

.border-euro-border-red {
    background: #fff7f7;
}

header {
	&.top-header {
        background: #3A3D40;
    }

	.logo {
		padding-bottom: 1rem;

        @media (max-width: 768px) {
            padding: 0 0.75rem 0.75rem;

            .logo-euro {
                height: 32px;
            }

            img {
                height: 32px;
                width: 147px;
            }
        }
    }
}

#kc-content, .kc-column {
    a:(not:text-black) {
        color: #016ef4;

    }
    a.link {
        color: #016ef4;
    }
}

.instruction {
    a.link {
        color: #016ef4;
    }
}

h2.kc-column-title-green {
    color: #00AB4F;
}

footer .footer-mobi-links {
    border-top: 1px solid #E5E5E5;
    background: #F7F7F7;
}

input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
    display: none;
}

button[onclick^="togglePassword"] {
    user-select: none;
    -webkit-user-drag: none;
}