.py-2-t {
    padding-bottom: 15px !important;
    padding-top: .5rem !important;
}

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

.accordion {
    border-radius: .25rem;
}

.border-radius {
    border-radius: .25rem;
}

.wj-flexgrid .wj-cells .wj-row:hover .wj-cell:not(.wj-state-selected):not(.wj-state-multi-selected) {
    /*transition: all 0.5s;*/
    /*background: rgb(200,255,200);*/
    background: #80adbf;
    color: #fff;
}


/* color animation */

.wj-accordion .wj-header {
    transition: color .4s, background .4s;
}


/* header description */

.wj-accordion .desc {
    font-size: 9pt;
    font-weight: normal;
    text-transform: lowercase;
    color: #0085c7;
}


/* hide active header description */

.wj-accordion .wj-header.wj-state-active .desc {
    display: none;
}

.card-body-p-0 {
    padding: 0px!important;
}

.wj-input {
    width: 100%!important;
}

.h-36 {
    height: 36px!important;
    border-radius: .25rem;
}

.wj-rowheaders .wj-cell .fas .fa-pen {
    opacity: .5;
    transform: scale(.75);
}

.wj-rowheaders .wj-cell:hover .fas .fa-pen {
    opacity: 1;
    color: #cc0000;
    transform: scale(1.5) rotate(-90deg);
    transition: all 400ms;
}

.toolbar-content {
    left: 35px !important;
    position: relative;
    display: inline-block;
    width: calc(100% - 70px)!important;
    overflow: hidden;
    background-color: #eee;
    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: #0085c7;
    height: 48px!important;
    padding: 10px 10px 5px 12px;
    color: white;
    border: #fff 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: #0085c7;
    height: 48px!important;
    padding: 10px 10px 5px 12px;
    color: white;
    border: #fff 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: black!important;
}