/* Layout */
.bg-primary {
    background-color: #20985c !important;
        padding: 1.2rem;
        margin: 0;
}

.dxbl-treeview .dxbl-navigation-filter {
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0;
    height: 34px;
    margin-bottom: 30px
}

.dxbl-text-edit:has(:focus), main .dxbl-text-edit.dxbl-focused, .dxbl-text-edit:focus-within, .dxbl-text-edit.dxbl-focused, .dxbl-text-edit:focus-within {
    border: 1px solid #77db9c;
    outline: none;
    -moz-box-shadow: 0px 0px 15px rgba(0, 170, 255,.5);
    -webkit-box-shadow: 0px 0px 2px rgb(55 145 88 / 73%);
    box-shadow: 0px 0px 2px rgb(55 145 88 / 73%);
}

.dxbl-calendar .dxbl-calendar-header {
    background: #39985a;
    color: #fff;
}


/*Text*/
.card .card-header .card-title, .card .card-header .card-title .card-label {
    color: #0847b6;
    font-weight: bold;
    font-size: 18px;
    margin: 0 0 20px 0;
}
.dxbl-treeview .dxbl-treeview-item > .dxbl-treeview-item-content > .dxbl-treeview-item-container:not(.dxbl-disabled):not(:disabled).dxbl-active::before {
    color: #0847b6;
}
.modal-header.bg-primary .text-white {
    text-transform: capitalize;
}

@media (max-width: 900px) {
    .reponsive-grid {
        height: 40vh !important;
    }
}

.tree-list-full-height {
margin-top: 30px
}