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

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

.bg-euro:hover {
    background: #65f579;
}

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

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

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

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

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

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

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

    &:hover {
        background: #F1F1F1;
        color: #767676;
    }
}

h2.kc-column-title {
    background: #E5E5E5;
    padding: 0.5rem 1rem;
}

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

#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: #00DC4B;
    }

	.logo-ole {
		padding: 1rem 0;
    }
    .logo {
		padding-bottom: 1rem;

        svg.logo-euro {
            height: 48px
        }

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

            svg.logo-euro {
                height: 24px;
            }
        }
    }
}

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

    a.link {
        color: #016ef4;
    }

    .kc-error-msg{
        margin-top:10px;
        color: red;
    }
}

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

footer {
    background: #F7F7F7;

    .infolinia-bg {

    }

    .infolinia-border {
        border: 1px solid #E5E5E5;
    }
}

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

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