/***************/
/* custom-dxfl */
/***************/

.custom-dxfl .dxbl-row {
    margin: 0 !important;
}

.custom-dxfl .dxbl-col {
    margin-top: 0.3em;
    padding: 0 !important;
}

.custom-dxfl .dxbl-group-header {
    padding: 0.3rem !important;
}

.custom-dxfl .dxbl-group-body-content {
    padding: 0.3rem !important;
}

.custom-dxfl .form-item-caption {
    padding: .25rem !important;
}


/**********************/
/* custom-dxfl-mobile */
/**********************/

@media (max-width: 576px) { /* -sm */
    .custom-dxfl-mobile .dxbl-row {
        margin: 0 !important;
    }

    .custom-dxfl-mobile .dxbl-col {
        margin-top: 0.3em;
        padding: 0 !important;
    }

    .custom-dxfl-mobile .dxbl-group-header {
        padding: 0.3rem !important;
    }

    .custom-dxfl-mobile .dxbl-group-body-content {
        padding: 0.3rem !important;
    }

    .custom-dxfl-mobile .form-item-caption {
        padding: .25rem !important;
    }
}


/*************************/
/* custom-dxfl-selectors */
/*************************/

.custom-dxfl-selectors .dxbl-row {
    color: #353535;
    font-weight: lighter;
    font-size: 16px;
    margin: 0 !important;
}

dxbl-fl-cpt form-item-caption dxbl-text {
    font-size: 16px;
    background-color: green;
}

.custom-dxfl-selectors .dxbl-col {
    margin-top: 0 !important;
    margin-bottom: 0.3rem !important;
    padding: 0 !important;
}

@media (min-width: 576px) { /* -sm */
    .custom-dxfl-selectors .no-gap-sm .form-group {
        margin-bottom: 0 !important;
    }
}


/**********************/
/* custom-dxfl-submit */
/**********************/

.custom-dxfl-submit {
    padding: 15px 0px 0px 0px;
}

.custom-dxfl-submit .dxbl-row > div {
    padding: 0px 0px 0px 3px !important;
}


/******************/
/* custom-dxfl-bg */
/******************/

.custom-dxfl-bg .dxbl-row {
    margin: 0 !important;
}

.custom-dxfl-bg .dxbl-col {
    margin-top: 0 !important;
    padding: 0 !important;
}

.custom-dxfl-bg .dxbl-group-body-content {
    padding: 0.3rem !important;
}

.custom-dxfl-bg .form-item-caption {
    padding: .25rem !important;
    max-width: 90%;
}


/************************/
/* custom-dxflg-caption */
/************************/

.custom-dxflg-caption {
    font-size: 14px !important;
}





.form-item-caption {
    font-size: 16px;
    font-weight: lighter !important;
    color: #353535;

    white-space: inherit !important;
    word-wrap: break-word !important;
    word-break: break-word !important
}


.inputMask .dxbl-row:first-of-type {
    padding-top: .25rem;
}

/* DxDataGrid Cell */
.dxTableLarge td {
    font: 12px Tahoma, Geneva, sans-serif !important;
    /* Text wird abgeschnitten (...), wenn zu lange */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Master-Detail View */
.dxbl-grid-detail-cell {
    background-color: white !important;
    padding: 10px !important;
}

/* DxCalendar Today Button entfernen */
.remove-today-btn > .dxbl-calendar-footer > button:first-of-type {
    display: none;
}

.DxFormLayoutInputBorder {
    border-color: rgb(206, 212, 218) !important;
}

.dxbl-tabs-item {
    background-color: white !important;
}

.dxbl-tabs-item.dxbl-active {
    background-color: gainsboro !important
}

.Header d-none d-lg-table {
    background-color: green;
}

.dxbl-grid-header-row {
    /* border-radius: 25px 0 25px 0; */
}

.dxbl-grid .dxbl-grid-table > tbody > tr.dxbl-grid-group-footer-row > td > div, .dxbl-grid .dxbl-grid-table > tbody > tr > td, .dxbl-grid .dxbl-grid-table > tfoot > tr > td > div, .dxbl-grid .dxbl-grid-table > thead > tr > th span {
    font-size: 14px;
    padding-top: 0.2em;
    padding-bottom:0.2em;
}

dxbl-btn dxbl-btn-primary GridButton {
    border-radius: 25px !important;
}