/* Is removed in bootstrap 5 */
.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll;
}

body {
    padding-top: 60px;
}
.table td p {
	margin:0px;
}

.signature {
    min-height: 140px;
    border: 1px solid #cccccc;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    border-radius: 4px;
}
.jSignature {
    min-height: 140px;
}
.daterange {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), 0 -1px 0 rgba(0, 0, 0, 0.1) inset;
    color: #333333;
    cursor: pointer;
    line-height: 18px;
    padding: 8px;
}
#daterange_form {
    margin:0;
}

/* Better calendar */
.cal-week-box [class*="cal-cell"] {
    margin-bottom: 4px;
    font-size: 12px;
}
.caldagedit {
    padding-right:10px;
}

/* Never print urls after links */
a[href]:after {
    content: "";
}
abbr[title]:after {
    content: "";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
    content: "";
}

/* Show error border + exclamation on multiselect button. Gekopieerd van bootstrap 5 .form-select.is-invalid */
select.multiselect.is-invalid + div.btn-group > button {
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

/*@media screen and (max-width: 991.98px) {*/
    /*.multiselect-container button.dropdown-item {*/
    /*    pointer-events:none;*/
    /*}*/
    /*.multiselect-container button.dropdown-item span.form-check input {*/
    /*    pointer-events: all;*/
    /*}*/
    /*.multiselect-container button.dropdown-item span.form-check label  {*/
    /*    pointer-events: all;*/
    /*}*/
/*}*/

/* Ticket status */
.table tbody tr.status_10 > td,  /* Aangemaakt */
.table tbody tr.status_30 > td,  /* Ingeschat */
.table tbody tr.status_1900 > td /* Wensenlijst */
{
    /* Wit */
}

.table tbody tr.status_20 > td, /* In behandeling */
.table tbody tr.status_50 > td  /* In ontwikkeling  */
{
    background-color: #f2dede; /* Roze */
}

.table tbody tr.status_90 > td  /* Werkt niet naar wens  */
{
    background-color: #FCF0CE; /* Oranje */
}

.table tbody tr.status_300 > td, /* Wacht op feedback intern */
.table tbody tr.status_350 > td  /* Wacht op feedback klant */
{
    background-color: #d9edf7; /* Blauw */
}

.table tbody tr.status_900 > td, /* Staat klaar voor komende versie */
.table tbody tr.status_930 > td  /* Staat klaar voor hertesten */
{
    background-color: #dcefd5; /* Groen, lichtst */
}

.table tbody tr.status_950 > td /* Getest en akkoord */
{
    background-color: #c3e6b6; /* Groen, lichter */
}

.table tbody tr.status_1000 > td /* Afgerond */
{
    background-color: #aed1a1; /* Groen */
}

.table tbody tr.status_4000 > td /* Wordt niet in behandeling genomen */
{
    background-color: #d1d1d1; /* Grijs */
}