/* Bulma customization */
body {
    font-size: 14px; /* default font size for all Bulma dependent sizes */
}
:root {
    /* control sizes */
    --bulma-size-small: 0.6rem;
    --bulma-size-normal: 0.75rem;
    --bulma-size-medium: 1rem;
    --bulma-size-large: 1.25rem;
    
    --bulma-info-h: 212deg;
    --bulma-info-s: 100%;
    --bulma-info-l: 75%;

    --bulma-light-l: 85%;
    
    --bulma-shadow: 0 0.25em 0.5em -0.25em hsla(var(--bulma-shadow-h), var(--bulma-shadow-s), var(--bulma-shadow-l), 0.1), 0 0px 0 1px hsla(var(--bulma-shadow-h), var(--bulma-shadow-s), var(--bulma-shadow-l), 0.02);
}

.tag {
    font-size: var(--bulma-size-normal);
    border: 1px solid hsl(var(--bulma-tag-h),var(--bulma-tag-s), 80%);
    border-radius: var(--bulma-radius-small);
}

.box {
    --bulma-box-radius: var(--bulma-radius-small);
    --bulma-box-shadow: var(--bulma-shadow);
    --bulma-box-padding: 1rem;
}

.icon>svg{
    width: var(--bulma-size-medium);
    height: var(--bulma-size-medium);
}

.table th{
    background-color: var(--bulma-white-ter);
}

.table.is-narrow td, .table.is-narrow th{
    padding: .2em .4em;
} 

/* Validation */
.validation-summary-errors {
    color: red;
    font-size: 12px;
    font-weight: 700;
    padding: 10px;
    border: 1px solid #ffc6c6;
    background-color: #ffeeee;
    margin-bottom: 10px;
}

.field-validation-error {
    color: red;
    font-size: 12px;
    font-weight: 700
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-valid {
    display: none;
}

.message-success {
    color: green;
    font-size: 12px;
    font-weight: 700;
    border: 1px solid #c7f2d7;
    background-color: #effaf3;
    padding: 10px;
    margin-bottom: 10px;
}

.message-error {
    color: red;
    font-size: 12px;
    font-weight: 700;
    border: 1px solid #ff0000;
    background-color: #feecf0;
    padding: 10px;
    margin-bottom: 10px;
}

/* Select full width fix https://github.com/jgthms/bulma/issues/2055 */
.select, .select select {
    width: 100%;
}

/* Custom */
.is-borderless {
    border: none !important
}

.nowrap {
    white-space: nowrap
}

.min-width-10 {min-width: 10rem}
.min-width-20 {min-width: 20rem}
.min-width-40 {min-width: 40rem}
.min-width-60 {min-width: 60rem}
.min-width-80 {min-width: 80rem}

.max-width-10 {max-width: 10rem}
.max-width-20 {max-width: 20rem}
.max-width-40 {max-width: 40rem}
.max-width-60 {max-width: 60rem}
.max-width-80 {max-width: 80rem}



/* Sortable tables https://github.com/tofsjonas/sortable */
.sortable th::after {
    margin-left: 3px;
    content: "⇕";
}

.sortable th.dir-d::after {
    color: inherit;
    content: "▾";
}

.sortable th.dir-u::after {
    color: inherit;
    content: "▴";
}