:root
{
    --default-space-between: 1rem;
    --extra-space-between: 1.5rem;
    --default-border-radius: 2px;
    --default-border-color: #e7eaec;
    --default-link-color: #0078b9;
    --font-family-font-awesome: var(--fa-style-family, "Font Awesome 6 Pro");
}

a
{
    color: var(--default-link-color);
}
a:hover
{
    color: #000000;
}

.form-actions
{
    margin-top: var(--extra-space-between);
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

a:hover
{
    text-decoration: none;
}

.control-label
{
    margin-bottom: 5px;
    font-weight: 500;
}
.form-control
{
    border-radius: var(--default-border-radius);
}
.custom-select
{
    border-radius: var(--default-border-radius);
}
.form-control::placeholder
{
    color: #cccccc;
}

.alert,
.btn,
.btn-group .btn,
.modal-content
{
    border-radius: var(--default-border-radius);
}

.input-validation-error
{
    border-color: red;
}
.field-validation-error
{
    display: inline-block;
    margin-top: 5px;
}

.hero
{
    margin-left: -15px;
    margin-right: -15px;
    margin-top: calc(-1 * var(--default-space-between));
    margin-bottom: var(--default-space-between);
    object-fit: cover;
}
.hero img
{
    width: 100%;
}

.table-empty-text
{
    margin-top: var(--default-space-between);
    padding-left: 1.25rem;
}

.custom-file-input:lang(en) ~ .custom-file-label::after
{
    content: "Browse";
}
.custom-file-input:lang(nl) ~ .custom-file-label::after
{
    content: "Bladeren";
}

.v-align-center
{
    display: flex;
    align-items: center;
}

.text-help
{
    margin-top: -5px;
    margin-bottom: 7px;
    color: #999999;
    font-weight: 300;
}

input.unstyled
{
    margin: 0;
	border: 0;
	padding: 0;
	display: inline-block;
	vertical-align: middle;
	white-space: normal;
	background: none;
	line-height: inherit;
	font-size: inherit;
    font-family: inherit;
    color: inherit;
    -webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
input.unstyled:focus
{
	outline:0;
}