/* Variables */ 
:root {
    --not-verified-color: #dc3545;
}

.quickgrid .wrap80 .col-title-text {
    width: 80px;
    /*This two core settings*/
    overflow-wrap: break-word !important;
    white-space: normal !important;
    text-align: center;
}

td:has(.td-bg-warning),
div.form-floating:has(.div-bg-warning) {
    background-color: #ffc107;
}
td:has(.td-bg-danger),
div.form-floating:has(.div-bg-danger) {
    background-color: #dc3545;
}

.bg-danger, .bg-warning {
    margin: -4px !important;
    padding: 4px !important;
}

input.disabled {
    pointer-events: none;
    color: #212529;
    background: #e9ecef;
}

.form-floating label.ro {
    opacity: .65;
    transform: scale(.85) translateY(-.5rem) translateX(.15rem);
}

.form-floating span.ro {
    margin-left: 13px;
}

.grid td {
    align-content: center !important;
}


.grid tr:has(.expired),
tr:has(.expired) {
    color: var(--not-verified-color) !important;
}

.grid tr:has(.notverified),
tr:has(.notverified) {
    background: var(--not-verified-color) !important;
    color: #fff !important;
}

.grid tr:has(.rowNo),
tr:has(.rowNo) {
    color: var(--not-verified-color) !important;
}

.grid tr:has(.hidden), tr:has(.hidden) {
    background: #ddd !important;
    color: #999 !important;
}

.grid th.hideColumn,
.grid td.hideColumn {
    visibility: hidden !important;
    display: none;
}

.sub-menu-container {
    margin: 0 0 0 55px !important;
}
.sub-menu-item {
    margin: 0;
    padding: 0;
    color: #d7d7d7 !important;
    font-size: 0.9rem;
}
.sub-menu-item:hover {
    color: #fff !important;
}

/*.grid tr:not(:has(.notempty)) {
    display: none;
}*/

.multiple-selector {
    display:flex;
}
.selectable-ul {
    height:200px;
    overflow-y: auto;
    list-style-type:none;
    width:170px;
    padding:0;
    border-radius:3px;
    border:1px solid #ccc;
}

    .selectable-ul li {
        cursor:pointer;
        border-bottom:1px #eee solid;
        padding:2px 10px;
        font-size:14px;
    }

        .selectable-ul li:hover {
            background-color:#08c;
        }

.multiple-selector-buttons {
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:5px;
}
    .multiple-selector-buttons button {
        margin: 5px;
    }



/* Hide empty rows added to Quickgrid in .NET 9 using Pagination */
.quickgrid tr:has(> td:not(:empty)) > td {
    display: table-cell !important;
}
.quickgrid td:empty {
    display: none !important;
}

/* Multilines in blazor quickgrid headers */
.col-title-text {
    white-space: pre-wrap;
}