.wj-control .wj-input-group .wj-form-control {
    background-color: #0b1727!important;
    width: 100%!important;
}

label {
    margin-bottom: 0px!important;
}

.wj-flexgrid .wj-cells .wj-row:hover .wj-cell:not(.wj-state-selected):not(.wj-state-multi-selected) {
    transition: all 0.5s;
    background: #8bc08b;
    color: #000;
}

.wj-btn.wj-btn-default {
    background-color: #0b1727!important;
}

.wj-btn.wj-btn-default:hover {
    background-color: #df691a!important;
}

.wj-btn.wj-btn-default:focus {
    background-color: #df691a!important;
}

.h-36 {
    height: 36px!important;
    border: 1px solid var(--falcon-input-border-color);
    border-radius: .25rem;
}

.btn-teracrom-primary {
    border-color: var(--falcon-btn-falcon-background);
}

.btn-teracrom-success {
    border-color: var(--falcon-btn-falcon-background);
}

#productosMultiAutoComplete {
    height: 105px!important;
    background-color: #0b1727!important;
}

.btn-input-group-primary {
    border: 1px solid var(--falcon-input-border-color)!important;
}

.btn-input-group-primary:hover {
    border: 1px solid var(--falcon-btn-falcon-primary-hover-color);
}

.btn-input-group-primary:focus {
    border: 1px solid var(--falcon-btn-falcon-primary-hover-color);
}

.btn-input-group-primary:active {
    border: 1px solid var(--falcon-btn-falcon-primary-hover-color);
}

.toolbar-content {
    left: 35px !important;
    position: relative;
    display: inline-block;
    width: calc(100% - 70px)!important;
    overflow: hidden;
    background-color: black;
    height: 50px!important;
}

.toolbar-container {
    white-space: nowrap!important;
    position: relative;
    height: 50px!important;
    overflow: hidden;
    padding-top: 2px;
    display: inline-flex!important;
    vertical-align: middle;
    width: 100%;
}

.toolbar-left {
    border-radius: 5px 0px 0px 10px;
    left: 0px!important;
    align-items: center;
    cursor: pointer;
    position: absolute;
    width: 35px!important;
    background-color: #2b3e50;
    height: 48px!important;
    padding: 10px 10px 5px 12px;
    color: white;
    border: #000 solid 1px;
}

.toolbar-rigth {
    border-radius: 0px 5px 10px 0px;
    right: 0px !important;
    position: absolute;
    align-items: center;
    cursor: pointer;
    width: 35px!important;
    background-color: #2b3e50;
    height: 48px!important;
    padding: 10px 10px 5px 12px;
    color: white;
    border: #000 solid 1px;
}

.toolbar-items {
    display: inline-flex!important;
    margin: 0px 5px;
    align-content: center;
    vertical-align: middle;
    width: auto;
    margin-top: 5px;
}

.toolbar-btn {
    border-radius: 0px 0.25rem 0.25rem 0px;
}

.apexcharts-legend-text {
    color: white!important;
}