.d-nope { display: none; }

/* selectable with shadow and clickable style */
.pointer-selectable-bg-light:hover
{
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    background-color: #f8f9fa !important;
    cursor: pointer;
    z-index: 1;
}

.pointer-selectable-bg-light:active
{
    background-color: #e7e8e9 !important;
}

.max-h-10 { max-height: 10vh; }
.max-h-20 { max-height: 20vh; }
.max-h-30 { max-height: 30vh; }
.max-h-40 { max-height: 40vh; }
.max-h-50 { max-height: 50vh; }
.max-h-60 { max-height: 60vh; }

.vh-10 { height: 10vh !important; }
.vh-20 { height: 20vh !important; }
.vh-30 { height: 30vh !important; }
.vh-40 { height: 40vh !important; }
.vh-50 { height: 50vh !important; }
.vh-60 { height: 60vh !important; }
.vh-70 { height: 70vh !important; }
.vh-80 { height: 80vh !important; }
.vh-90 { height: 90vh !important; }