/*
SPDX-FileCopyrightText: 2023 Magenta ApS <info@magenta.dk>

SPDX-License-Identifier: MPL-2.0
*/

/* Input fields for displaying calculated data */
input.display,
input.display:disabled,
input.display[readonly] {
    padding-left: 0;
    padding-right: 0;
    border-color: transparent;
    background-color: transparent;
}

/* Number fields that look like text fields */
input[type=number].no-buttons::-webkit-outer-spin-button,
input[type=number].no-buttons::-webkit-inner-spin-button {
    display: none;
}
input[type="number"].no-buttons {
    -moz-appearance: textfield;
}
input[type="number"].no-buttons:hover,
input[type="number"].no-buttons:focus {
    -moz-appearance: number-input;
}


ul.errorlist {
    padding-left: 0;
}
ul.errorlist li {
    list-style-type: none;
    font-size: 0.8em;
    color: #dc3545;
}


table.scrollbody thead {
    display: block;
}
table.scrollbody tbody {
    display: block;
    height: 500px;       /* Just for the demo          */
    overflow-y: auto;    /* Trigger vertical scroll    */
    overflow-x: hidden;  /* Hide the horizontal scroll */
}

input[class*="form-control"] { border: 1px solid var(--bs-gray) }
select[class*="form-select"] { border: 1px solid var(--bs-gray) }
textarea[class*="form-control"] { border: 1px solid var(--bs-gray) }
input[class*="form-check-input"] { border: 2px solid var(--bs-gray) }


/* Classes create for CSP compliance */
.csp-width-40rem {
    width: 40rem;
}

.csp-width-1percent {
    width: 1%;
}

.csp-d-none {
    /* The same as bootstraps .d-none class, but without
    the usage of '!important', so we don't override 'display: block'
    when toggleing visibility on hidden elements. */
    display: none;
}

/**/
thead th .th-inner {
    white-space: normal !important;
}