/*
CSS-file, for the new KMVK portal
This is used by Niels, so we can style the new portal: https://portal.kmvk.nl/
*/
@import url("https://fonts.googleapis.com/css2?family=Bilbo&family=Bitter:ital,wght@0,100..900;1,100..900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap");
@import url("variables.css");
@import url("styles.css");




.w-5{
    flex: 0 0 1.25rem;
}
button[type="submit"],
.default-button{
    --tw-border-opacity:1;
    background-color: rgb(var(--mainRGB) / var(--tw-bg-opacity));
    border-radius: 60px;
    transition: .25s ease background-color;
    padding: .5em 1.25em;
    line-height: 1.2;
    font-weight:600;
    color:#ffffff;
    border: 3px solid rgb(var(--mainRGB) / var(--tw-border-opacity));
}
button[type="submit"]:hover,
.default-button:hover{
    color: rgb(var(--mainRGB) / var(--tw-text-opacity));
    background-color:#ffffff;
}
.filepond--label-action{
    color:var(--main);
}
.fi-input.focus\:ring-0:focus{
    --tw-ring-color:var(--secondaryRGB);
}
select.focus\:border-indigo-500:focus {
    --tw-border-opacity: 1;
    --tw-ring-opacity: 1;
    --tw-ring-color: var(--secondaryRGB) / var(--tw-border-opacity);
    border-color: rgb(var(--secondaryRGB) / var(--tw-ring-opacity));
}
.focus-within\:ring-primary-600:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--secondaryRGB) / var(--tw-ring-opacity));
}

.flex-grow{
    flex:1;
}
.flex,
.text-red-900{
    flex:0 0 auto;
}
.text-red-900{
    margin:0 10px;
}