* {
    font-family: Inter,Inter Fallback;
    font-style: normal;
    scrollbar-width: thin;
    scrollbar-color: var(--rot) #fff;
    /*overscroll-behavior: none*/
}

/*body {
    background-color: #fff;
}*/

.dropZoneExternal > div {
    position: absolute;
}

.dropZoneExternal {
    position: relative;
    border: 1px dashed var(--color-slate-300) !important;
    border-radius: var(--radius-md) !important;
    cursor: pointer;
}

.dropZoneExternal,
.dragZoneText {
    width: 100%;
    max-width: 350px;
    min-width: 286px;
    height: 350px;
}

#dragZone {
    width: 100%;
    display: table;
}

.dropZoneText {
    width: 300px;
    height: 150px;
    color: #fff;
}

.dragZoneTextNeu {
    display: flex;    
    align-items: center;
    justify-content: center;
}

.dxucTextBox_XafTheme{
    padding: 0 !important;
}

#ASPxUploadControl1 {
    background-color: var(--color-primary);
    border-radius: var(--radius-md);
    color: #fff;
    display: inline-flex;
}
#ASPxUploadControl2 {
    background-color: var(--color-primary);
    border-radius: var(--radius-md);
    color: #fff;
    display: inline-flex;
}

#dropZone {
    top: 0;
    padding: 100px 25px;
}

.uploadControlDropZone {
    display: none;
}

.dropZoneText,
.dragZoneText {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 20pt;
}

.dragZoneText {
    color: #000;
}

.dxucInlineDropZoneSys span {
    color: #fff !important;
    font-size: 10pt;
    font-weight: normal !important;
}

.uploadContainer {
    width: 100%;
    max-width: 350px;
    min-width: 286px;
    margin-top: 10px;
}

.GridView .dxgvSearchPanel_XafTheme {
    background-color: #fff !important;
}

.dxnb-header {
    background-color: var(--sidebar) !important;
    /*border: none !important;*/
}

.dxnb-content {
    background-color: var(--sidebar) !important;
    /*border: none !important;*/
}

.LogonMainTable {
    border: 0px;
}

#mainDiv {
    background-color: var(--sidebar) !important;
}

.xafNav, .dxnb-headerCollapsed {
    background-color: var(--sidebar) !important;
}

.xafNav .dxnbLite_XafTheme, .dxnb-headerCollapsed {
    border: none !important;
}

.dxtv-ndHov {
    background-color: var(--sidebar-accent) !important;
}

.xafNav .dxtv-ndSel {
    background-color: var(--sidebar-accent) !important;
}

.dxtv-ndSel a {
    color: #4a4a4a !important;
}

.dxnb-itemSelected {
    background-color: var(--sidebar-accent) !important;
    color: #4a4a4a !important;
}

.dxnb-item.dxnb-itemHover {
    background-color: var(--sidebar-accent) !important;
}

.dxnb-item.dxnb-itemSelected a {
    background-color: var(--sidebar-accent) !important;
    color: #4a4a4a !important;
}

.dxnb-itemHover {
    background-color: var(--sidebar-accent) !important;
    /*color: #4a4a4a !important;*/
}

.dxnb-item {
    background-color: var(--sidebar) !important;
}

.xav-nav-dxtv-ndImg {
    padding-right: 0 !important;
}

.dxtv-textImgCell {
    width: 20px;
}

.dxtv-textConCell span {
    color: #3f3f46;
}

.dxtv-xafNavBt {
    transform: rotate(0deg);
    transition: transform linear 0.1s;
}

.nav-item-expanded .dxtv-xafNavBt {
    transform: rotate(90deg);
}

.dxnb-header > img,
.dxnb-headerCollapsed > img,
.dxtv-textImgCell:has(img[src*='name=BO_Unknown']),
.dxtv-textImgCell:has(img[src*='BO_Folder']) {
    display: none !important;
}

.xafHeaderMenu .menuLinks_XafTheme .dxm-item.accountItem.dropDownSecurity.dxm-subMenu > .dxm-content span {
    text-decoration: none !important;
    color: #ffffff !important;
}

.xafHeaderMenu .menuLinks_XafTheme .dxm-item.accountItem.dropDownSecurity.dxm-subMenu.dxm-hovered > .dxm-content span {
    color: #040b1f !important;
    background-color: white !important;
    border-radius: var(--radius-md);
    padding: 5px;
}

    .menuButtons_XafTheme a.dx {
        color: #000 !important;
    }

div#xafHeaderMenu li.dxm-subMenu.dxm-hovered {
    background-color: #040b1f !important;
}

.menuLinks_XafTheme .dxm-item a.dx > span {
    /*color: #000 !important;*/
    text-decoration: none !important;
}

.dxnbLite_XafTheme .dxnb-header{
    border: none !important;
}

.dxmLite_XafTheme .dxm-popup .dxm-hovered {
    background-color: var(--sidebar-accent) !important;
    color: #000 !important;
}

dxgvDataRow_XafTheme:hover {
    background-color: var(--sidebar-accent) !important;
}

.dxgvDataRow_XafTheme:last-child td.dxgv,
.dxgvDataRow_XafTheme td.dxgv {
    border-bottom: 1px solid #d9dae0 !important;
    /*border-bottom: none !important;*/
    border-right: none !important;
    border-top: none !important;
    border-left: none !important;
}

.dxgvFilterRow_XafTheme td.dxgv {
    /*border-bottom: 1px solid #d9dae0 !important;*/
    border-bottom: none !important;
    border-right: none !important;
    border-top: none !important;
    border-left: none !important;
}

.dxeListBoxItem_XafTheme {
    /*border-bottom: 1px solid #d9dae0 !important;*/
    border-bottom: none !important;
    border-right: none !important;
}

.dxgvHeader_XafTheme {
    color: var(--color-foreground) !important;
    font-size: 14px !important;
    border-bottom-style: var(--tw-border-style);    
    border-bottom-width: 1px;
    background-color: var(--color-slate-100) !important;
    border-color: var(--color-border) !important;
}

.dxgvFilterBar_XafTheme {
    color: #000 !important;
    border-right: none !important;
    border-top: none !important;
    border-left: none !important;
    background-color: #fff !important;
}

.dxgvGroupRow_XafTheme.dxgvFVR > td.dxgv {
    border-top: none !important;
}

.dxgvGroupRow_XafTheme td.dxgv {
    border-bottom: none !important;
}

.dxgvTable_XafTheme > tbody > tr:first-child.dxgvEmptyDataRow_XafTheme td.dxgv {
    border-top: none !important;
}

.dx-wrap {
    /*--tw-font-weight: var(--font-weight-medium) !important;
    font-weight: var(--font-weight-medium) !important;*/
    color: var(--color-accent-foreground) !important;
}

.dxgvGroupPanel_XafTheme {
    color: #000 !important;
    /*border: none !important;*/
    border-color: #d9dae0 !important;
    border-top-left-radius: var(--radius-md);
    border-top-right-radius: var(--radius-md);
    background-color: #fff !important;
}

.dxgvPagerBottomPanel_XafTheme {
    color: #000 !important;
    border-color: #d9dae0 !important;
    border-right: none !important;
    border-top: none !important;
    border-left: none !important;
    border-bottom-left-radius: var(--radius-md);
    border-bottom-right-radius: var(--radius-md);
}

    .dxgvPagerBottomPanel_XafTheme + .dxgvStatusBar_XafTheme {
        border-right: none !important;
        border-left: none !important;
    }

.dxgvTable_XafTheme {
    /*border: none !important;*/
    border: 1px solid #d9dae0 !important;
}

    .dxgvTable_XafTheme:not(.NestedFrame) {
        border: none !important;
    }

.dxgvControl_XafTheme {
    border-bottom: 1px solid #d9dae0 !important;
    border-radius: var(--radius-md);
    border-right: 1px solid #d9dae0 !important;
    border-left: 1px solid #d9dae0 !important;
    border-top: 1px solid #d9dae0 !important;
}

.dxgvSelectedRow_XafTheme, .dxgvSelectedCell_XafTheme, .dxgvFocusedRow_XafTheme {
    background-color: var(--color-slate-100) !important;
    color: #000 !important
}

.dxpLite_XafTheme .dxp-pageSizeItem {
    color: #000 !important;
}

.StaticText {
    color: #000 !important;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
}

.Caption {
    color: #000 !important;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
}

.menuButtons_XafTheme .dxm-item {
    border-radius: var(--radius-md) !important;
}

.dxlpLoadingPanel_XafTheme {
    border-radius: var(--radius-md) !important;
}

.LogonContentWidth {
    width: 390px !important;
}

.LogonContent {
    padding: 20px 20px !important;
}

.LogonTemplate .menuButtons .dxm-noImages .dxm-item .dxm-content, .LogonTemplate .menuButtons .dxm-item.dxm-noImage .dxm-content {
    padding: 10px 38px 10px 38px !important;
}

.dxeEditArea_XafTheme{
    /*color: #000 !important;*/
}
/*
.dxeNullText_XafTheme {
    color: var(--color-muted-foreground) !important;
}*/

.dxeNullText_XafTheme .dxeEditArea_XafTheme {
    color: var(--color-muted-foreground) !important;
}

.dxeButtonEdit_XafTheme {
    border-radius: var(--radius-md) !important;
}
.dxeTextBox_XafTheme {
    border-radius: var(--radius-md) !important;
}
table[id$=UserName_Edit] {
    border-radius: var(--radius-md) !important;
}

table[id$=Password_Edit] {
    border-radius: var(--radius-md) !important;
}

.dxmLite_XafTheme .dxm-popup {
    border-radius: var(--radius-md) !important;
}

.dxp-comboBox, .dxp-button {
    border-radius: var(--radius-md) !important;
}
/*
.XafVCap-Second {    
    padding-top: 15px !important;
}

.LayoutTabbedGroupContainer .dxtcLite_XafTheme > .dxtc-stripContainer .dxtc-activeTab {
    border-bottom: 1px !important;
    border-color: #0E329A !important;
}*/

/*.dxGridView_gvHeaderSortDown_XafTheme {
    background-image: url('../Images/sort.svg');
    background-position: 0px 0px;
}

.dxGridView_gvHeaderSortUp_XafTheme {
    background-image: url('../Images/sort.svg');
    background-position: 0px 0px;
}  */

.dxeFocused_XafTheme {
    --tw-ring-color: color-mix(in oklab, var(--color-ring) 50%, transparent) !important;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    border-color: var(--color-ring);
}

.XafVCap-First {
    font-size: 14px;
    color: #848484;
    display: block;
    padding-top: 5px;
    margin-bottom: 5px !important;
}

.dxrpControl_XafTheme.CardGroupBase {    
    border: none !important;
}

.dxrpHeader_XafTheme.GroupHeader.Label {
    background-color: var(--color-muted) !important;
    --tw-font-weight: var(--font-weight-semibold) !important;
    font-weight: var(--font-weight-semibold) !important;
    color: #000 !important;
}

.LayoutTabbedGroupContainer .dxtc-top.dxtcLite_XafTheme > .dxtc-content{
    border: none !important;
}

.LayoutTabbedGroupContainer .dxtcLite_XafTheme > .dxtc-stripContainer .dxtc-activeTab {
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
    border-bottom: 3px solid #0e329a !important;
}

    .LayoutTabbedGroupContainer .dxtcLite_XafTheme > .dxtc-stripContainer .dxtc-activeTab:hover {
        /*background-color: var(--sidebar-accent) !important;*/
        background-color: var(--color-muted) !important;
    }

.dxtc-TabHover {
    /*background-color: var(--sidebar-accent) !important;*/
    background-color: var(--color-muted) !important;
}
    .LayoutTabbedGroupContainer .dxtcLite_XafTheme > .dxtc-stripContainer .dxtc-tab {
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
    border-bottom-color: var(--color-border) !important;
}

.LayoutTabbedGroupContainer .dxtc-top.dxtcLite_XafTheme > .dxtc-stripContainer .dxtc-leftIndent {
    border-bottom-color: var(--color-border) !important;
    border-left: none !important;
}

.LayoutTabbedGroupContainer .dxtc-top.dxtcLite_XafTheme > .dxtc-stripContainer .dxtc-rightIndent {
    border-bottom-color: var(--color-border) !important;
}

.LayoutTabbedGroupContainer .dxtc-top.dxtcLite_XafTheme > .dxtc-stripContainer .dxtc-sbIndent {
    border-bottom-color: var(--color-border) !important;
}

.dxtc-leftIndent, .LayoutTabbedGroupContainer .dxtc-top.dxtcLite_XafTheme > .dxtc-stripContainer .dxtc-spacer {
    border-top-color: #fff !important;
    border-bottom-color: var(--color-border) !important;
}

.dxtcLite_XafTheme > .dxtc-stripContainer .dxtc-activeTab .dxtc-link{
    color: #000 !important;
}
.dxtcLite_XafTheme > .dxtc-stripContainer .dxtc-link {
    color: #000 !important;
}

.LayoutTabbedGroupContainer .dxtcLite_XafTheme > .dxtc-stripContainer .dxtc-tabHover,
.LayoutTabbedGroupContainer .dxtcLite_XafTheme > .dxtc-stripContainer .dxtc-tabHover .dxtc-link {
    /*background-color: var(--sidebar-accent) !important;*/
    background-color: var(--color-muted) !important;
    color: #000 !important;
}

.dxeDisabled_XafTheme {
    color: #000 !important;
}

.LayoutTabContainer:not(.LayoutTabContainerWithNestedFrame) > .Item > .NestedFrame > .NestedFrameViewSite > .Item.ListViewItem .GridView {
    border-bottom: 1px solid #d9dae0;
    border-left: 1px solid #d9dae0;
    border-right: 1px solid #d9dae0;
    border-top: 1px solid #d9dae0 !important;
    border-radius: var(--radius-md);
}

table.CardGroupBase{
    border: none !important;
}

.dxToggle.dxICheckBox_XafTheme[class*="Checked"] {
    background-color: var(--color-primary) !important;
}

    .dxToggle.dxICheckBox_XafTheme[class*="Checked"] .dxSwitcher {
        background-color: white !important;
    }


@layer utilities {
    .btnupload a > span,
    .btnupload .dxm-hovered a > span {
        color: var(--color-primary-foreground) !important;
    }

    .btnupload .menuLinks_XafTheme .dxm-hovered a.dx > span {
        color: var(--color-primary-foreground) !important;
        text-decoration: none !important;
    }

    .btnupload:hover {
        background-color: color-mix(in oklab,var(--color-primary)90%,transparent) !important;
        border-radius: var(--radius-md) !important;
        border: 1px solid transparent !important;
    }

    .btndownload:hover {
        border-radius: var(--radius-md) !important;
        border: 1px solid transparent !important;
    }

    .btndownload a > span,
    .btndownload .dxm-hovered a > span {
        color: var(--color-blue-950) !important;
    }

    .btnMelden {
        background-color: var(--color-primary) !important;
    }

        .btnMelden a > span,
        .btnMelden .dxm-hovered a > span {
            color: var(--color-primary-foreground) !important;
        }
}


div#mainDiv {
    padding-left: 0;
    padding-right: 0;
    /*display: flex*/
}

#content .TabControlContent {
    /*background-color: var(--color-slate-100);*/
}

#content .LayoutTabbedGroupContainer {
    background-color: white;
}

div#menuAreaDiv {
    padding-right: 40px;
}

#content  .CardGroupContent {
   /* background-color: var(--color-slate-100);*/
}

#content .CardGroupContent {
    padding: 0px !important;
}

    #content .CardGroupContent .Item {
        padding-top: 0px !important;
    }

.dxm-hovered {
    background: #F0F0F0 !important;
}

.dxmLite_XafTheme .dxmtb.dxm-horizontal .dxm-hovered {
    color: #000 !important;
}

.dxmLite_XafTheme .dxm-main {
    color: #000 !important;
}

.gridtoolbaritem {
    border: 1px Solid #c6c6c6 !important;
    border-right-width: 1px !important;
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
    border-left-width: 1px !important;
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
}

.dxm-spacing {
    width: 5px !important;
}

.dxmLite_XafTheme .dxctToolbar_XafTheme.dxm-main.dxmtb {
    margin-bottom: -50px !important;
    padding-bottom: 0px !important;
}

.dxgvSearchPanel_XafTheme {
    width: 50% !important;
}

.radioboxlist {
    border: none;
}

.noborder {
    border: none !important;
}

.btnimagewidth img {
    width: 16px;
}

.invalid {
    background-color: #FFEDF0;
}

div#headerTableDiv {
    background-color: #040b1f !important;
}

.bg-topos {
    background-color: #040b1f;
}

/*.CardGroupContent {
    background-color: color-mix(in oklab,var(--color-slate-50)50%,transparent);
}*/