tr.selectable:hover {
    cursor: pointer;
    background: rgba(0,0,0,0.2);
}

tr.selectable.selected {
    background: rgba(29, 40, 53, 0.5);
    
}



tr.selectable td {
    text-overflow: ellipsis;
    overflow: hidden;

}

@media (max-width: 1000px) {
    .hsm {
        display: none
    }
}

.text-right {
    text-align: right;
}

.col-success {
    color: lightseagreen;
}

.col-warning {
    color: orange;
}

.col-danger {
    color: red;
}

.toasts-container {
    z-index: 999999 !important;
    left: 0 !important;
    right:0 !important;
    margin: auto;
    top: 1rem !important;
}

.toast {
    background: #000;
}

#safeCover {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: rgba(0,0,0,0.5);
    display: none;
}

.form-control, .form-select {
    background-color: rgba(255,255,255,0.15) !important;
}

.striked {
    text-decoration: line-through;
    text-decoration-color: rgba(255,255,255,0.4);
    text-decoration-style: dashed;

}

.striked td {
    color: #999 !important;
}

.selected .striked td {
    color: #444 !important;
}

#form-control-box {

    top: 50px;
    position: fixed;
    z-index:  9999;
    right:  0px;
    background:  var(--bs-app-header-bg);
    padding: 10px;
    padding-left: 30px;
    padding-right: 30px;

}

.form-label {
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    white-space: nowrap;
}
[data-bs-theme=dark] {
    
    --bs-body-bg-gradient: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgb(0, 0, 0) 80%);
    --bs-app-header-bg: rgba(29, 40, 53, 0.5);
    --bs-body-bg-rgb: 0,0,0;
    --bs-body-bg-cover : url(/assets/cm.jpeg) !important;
   
    
    
}
.table-dark {
    --bs-table-bg: #385fa0
}

select option {
    background: #000;
}

.b {
    font-weight: bold;
}

.col-danger { 
    color: red !important
}

.nav-admin{
    color: lightgreen; font-weight:  bold;
}

.addovi:hover {
    text-decoration: underline;
}

.oviRow {
    border-bottom: 1px solid var(--bs-border-color);
    padding: 5px;
}

.oviRow:hover {
    background: rgba(255,255,255,0.3);
    cursor: pointer;
}
.oviParent {
    background: #222;
}

#content {
    max-width: 1300px;
}

.datepicker.datepicker-dropdown {
    z-index: 100000 !important;
    
}