button.disabled{
    cursor: not-allowed;
}

#main-content{
    height: calc(100vh - 60px);
    max-height: calc(100vh - 60px);
}

/* #left-menu{
    min-width: 300px;
} */

.left-menu-closed{
    min-width: 0px !important;
    max-width: 30px !important;
    overflow: hidden;
}

.left-menu-closed > *:nth-child(n+2){
    display: none;
}

.clickable{
    cursor: pointer
}

.no-select{
    -webkit-touch-callout: none;
    -webkit-user-select:   none;
    -khtml-user-select:    none;
    -moz-user-select:      none;
    -ms-user-select:       none;
    user-select:           none;
}

.rotate180{
    transform: rotate(180deg);
}

.rotate90{
    transform: rotate(-90deg);
}

::placeholder {
    font-style: italic;
}

option:disabled{
    font-style: italic;
}

/** TABLE ********************************************* **/
th.th-extended {
    min-width: 300px;
}

tr.tr-hover:hover {
    background-color: rgba(0,0,0,.075);
}

/** DARKMODE ****************************************** **/
.dark-mode *{
    color:            var(--light);
    background-color: var(--dark);
}

.dark-mode .text-dark{
    color: var(--light) !important;
}

.dark-mode .bg-light{
    background-color: var(--dark)  !important;
}

.dark-mode .border{
    border-color: rgba(255, 255 , 255, .125) !important;
}

.dark-mode .shadow-sm{
    box-shadow: 0 .125rem .25rem rgba(255,255,255,.075) !important;
}

.dark-mode .list-group-item{
   border-color: rgba(255, 255 , 255, .125);
}

.dark-mode .list-group-item.active {
    background-color: var(--secondary) !important;
}

.dark-mode .list-group-item.active *{
    background-color: var(--secondary) !important;
}