.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;
}

textarea.no-resize { resize: none !important; }
.cur-ptr { cursor: pointer; }

.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; }

.max-w-10 { max-width: 10vw; }
.max-w-20 { max-width: 20vw; }
.max-w-30 { max-width: 30vw; }
.max-w-40 { max-width: 40vw; }
.max-w-50 { max-width: 50vw; }
.max-w-60 { max-width: 60vw; }

.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; }


.ms-6 {
    margin-left: 4rem !important;
}