.dx-widget, .dx-menu-base, .dx-widget input, .dx-widget textarea {
    font-family: "Inter", "Helvetica Neue","Segoe UI",helvetica,verdana,sans-serif;
    font-weight: 400;
    font-size: 0.925rem;
}

.dx-layout-manager .dx-tabpanel .dx-multiview-item-content {
    padding: 16px;
}

.dx-box-item-content {
    font-size: 0.9rem;
}

.dx-filter-menu.dx-menu .dx-menu-item .dx-menu-item-content {
    padding: 9px 5px 7px;
}

.dx-field-item-label-text {
    color: #686a6c;
}

.leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow {
    -webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in;
    -moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in;
    -o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in;
    transition: transform 0.3s ease-out, opacity 0.3s ease-in;
}

.leaflet-cluster-spider-leg {
    /* stroke-dashoffset (duration and function) should match with leaflet-marker-icon transform in order to track it exactly */
    -webkit-transition: -webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in;
    -moz-transition: -moz-stroke-dashoffset 0.3s ease-out, -moz-stroke-opacity 0.3s ease-in;
    -o-transition: -o-stroke-dashoffset 0.3s ease-out, -o-stroke-opacity 0.3s ease-in;
    transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in;
}

.marker-cluster-small {
    background-color: rgba(181, 226, 140, 0.6);
}

    .marker-cluster-small div {
        background-color: rgba(110, 204, 57, 0.6);
    }

.marker-cluster-medium {
    background-color: rgba(241, 211, 87, 0.6);
}

    .marker-cluster-medium div {
        background-color: rgba(240, 194, 12, 0.6);
    }

.marker-cluster-large {
    background-color: rgba(253, 156, 115, 0.6);
}

    .marker-cluster-large div {
        background-color: rgba(241, 128, 23, 0.6);
    }

/* IE 6-8 fallback colors */
.leaflet-oldie .marker-cluster-small {
    background-color: rgb(181, 226, 140);
}

    .leaflet-oldie .marker-cluster-small div {
        background-color: rgb(110, 204, 57);
    }

.leaflet-oldie .marker-cluster-medium {
    background-color: rgb(241, 211, 87);
}

    .leaflet-oldie .marker-cluster-medium div {
        background-color: rgb(240, 194, 12);
    }

.leaflet-oldie .marker-cluster-large {
    background-color: rgb(253, 156, 115);
}

    .leaflet-oldie .marker-cluster-large div {
        background-color: rgb(241, 128, 23);
    }

.marker-cluster {
    background-clip: padding-box;
    border-radius: 20px;
}

    .marker-cluster div {
        width: 30px;
        height: 30px;
        margin-left: 5px;
        margin-top: 5px;
        text-align: center;
        border-radius: 15px;
        font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
    }

    .marker-cluster span {
        line-height: 30px;
    }


.dx-form-group-caption {
    font-size: 1.1em;
    white-space: nowrap;
}

.dx-layout-manager .card-body {
    padding: 16px !important;
}

    .dx-layout-manager .card-body.p-0 {
        padding: 0 !important;
    }

.round-grid .dx-treelist-container {
    background: transparent;
}

.round-grid .dx-datagrid,
.round-grid .dx-treelist {
    border-width: 0;
    border-color: transparent;
    background-color: transparent;
}

.round-grid .dx-scrollable-scroll-content {
    background-color: rgba(136, 153, 168, .5);
}

.round-grid .dx-datagrid table,
.round-grid .dx-treelist table {
    border-spacing: 0 6px;
    border-collapse: separate;
}


.round-grid .dx-datagrid .dx-datagrid-header-panel,
.round-grid .dx-treelist .dx-treelist-header-panel {
    border-bottom: 0;
}

.round-grid .dx-datagrid table th,
.round-grid .dx-treelist table th {
    padding: 0.875rem 0.5rem;
}

.round-grid .dx-datagrid .dx-datagrid-headers,
.round-grid .dx-treelist .dx-treelist-headers {
    background-color: #ffffff;
    border-color: transparent;
    border-radius: .375rem;
    box-shadow: 20px 3px 20px #000000;
    box-shadow: 20px 3px 20px rgba(0,0,0,.04);
    font-weight: 400;
    font-size: 0.875rem;
}

    .round-grid .dx-datagrid .dx-datagrid-headers table,
    .round-grid .dx-treelist .dx-treelist-headers table {
        overflow: hidden;
        border-color: transparent;
        border-spacing: 0;
        border-radius: .375rem;
        border-bottom: 0;
    }

        .round-grid .dx-datagrid .dx-datagrid-headers table .dx-datagrid-filter-row td,
        .round-grid .dx-treelist .dx-treelist-headers table .dx-treelist-filter-row td {
            border-top: 0;
            border-bottom: 0;
        }

aria-level="2"
.round-grid .dx-datagrid-borders .dx-datagrid-rowsview,
.round-grid .dx-datagrid-headers + .dx-datagrid-rowsview,
.round-grid .dx-datagrid-rowsview.dx-datagrid-after-headers,
.round-grid .dx-treelist-borders .dx-treelist-rowsview,
.round-grid .dx-treelist-headers + .dx-treelist-rowsview,
.round-grid .dx-treelist-rowsview.dx-treelist-after-headers {
    border-top: 0;
    margin-top: 4px;
}


.round-grid .dx-datagrid-rowsview,
.round-grid .dx-treelist-rowsview {
    background: transparent;
}

.round-grid .dx-datagrid .dx-column-lines > td,
.round-grid .dx-treelist .dx-column-lines > td {
    border-right: 0;
}

.round-grid .dx-datagrid-rowsview .dx-row:not(.dx-freespace-row),
.round-grid .dx-treelist-rowsview .dx-row:not(.dx-freespace-row) {
    background-color: #ffffff;
    box-shadow: 20px 3px 20px rgba(0,0,0,.04);
    border-bottom: 30px solid transparent;
    border-radius: 10px;
    transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform, zoom;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
}

.round-grid .dx-treelist-rowsview .dx-row[aria-level="2"] {
    background-color: #f1f5f9;
}

.round-grid .dx-treelist-rowsview .dx-row[aria-level="3"] {
    background-color: #e2e8f0;
}

.round-grid .dx-treelist-rowsview .dx-row[aria-level="4"] {
    background-color: #cbd5e1;
}

.round-grid .dx-treelist-rowsview .dx-row[aria-level="5"] {
    background-color: #94a3b8;
}

.round-grid .dx-treelist-rowsview .dx-row[aria-level="6"] {
    background-color: #64748b;
}




.round-grid .dx-datagrid .dx-column-lines.dx-freespace-row > td,
.round-grid .dx-treelist .dx-column-lines.dx-freespace-row > td {
    border-color: transparent;
}

.round-grid .dx-datagrid-rowsview tr td,
.round-grid .dx-treelist-rowsview tr td {
    padding: 0.6rem .75rem;
    border-color: transparent;
    white-space: nowrap;
    background: transparent;
}

    .round-grid .dx-datagrid-rowsview tr td:first-child,
    .round-grid .dx-treelist-rowsview tr td:first-child {
        border-top-left-radius: .375rem;
        border-bottom-left-radius: .375rem;
    }

    .round-grid .dx-datagrid-rowsview tr td:last-child,
    .round-grid .dx-treelist-rowsview tr td:last-child {
        border-top-right-radius: .375rem;
        border-bottom-right-radius: .375rem;
    }

.kgcb input[type="checkbox"] {
    transform: scale(1.5);
    margin: 8px 6px;
}

.kgtitle {
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    width: 100%;
    display: flex;
}
    .kgtitle > div {
        float: left;
        min-width: 25px;
        text-align: center;
        line-height: 30px;
    }
.kgline {
    display: flex;
    line-height:30px;
}

.dx-layout-manager .dx-label-h-align.dx-flex-layout .dx-field-item-content, .dx-layout-manager .dx-label-h-align.dx-flex-layout .dx-field-item-content-wrapper {
    overflow-x: auto;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    display: block;
    width: 100%;
    text-wrap: auto;
}