body {
   margin:0px;
}

.firstRowCol1 { }
.firstRowCol2 { }
.otherRowCol1 { padding-top:5px; }
.otherRowCol2 { padding-top:5px; }
        
.firstRowCol2, .otherRowCol2 { padding-left:5px; }

table.horizontalLines {
   border-collapse: collapse;
} table.horizontalLines tr {
   border-bottom: 1px solid #BBBBBB;
} table.horizontalLines tr:last-child { 
    border-bottom: none; 
} table.horizontalLines td {
   padding-right: 10px;
   padding-top: 5px;
   padding-bottom: 5px;
} table.horizontalLines td:last-child {
   padding-right: 0px;
}

/*Von WidgetLayoutGenerator verwendet*/
.internalContentLayoutGeneratorLayoutGroupRightMargin 
{
   margin:0px 0px 0px 0px;
   padding: 0px 8px 0px 0px !important;
}
.formlayoutNoPaddingAndMargin
{
   margin:0px 0px 0px 0px; 
   padding: 0px 0px 0px 0px;
}

/*Von Projekte-Widgets verwendet*/
.internalSlidernavigatorHidden { display:none; }

/* Dokumentation */

.docu_warning {
   padding: 10px;
    border: solid 1px #F39C12;
    background-color: #FFEDD2;
}

.docu_hint {
   padding: 10px;
    border: solid 1px #0090CE;
    background-color: #def4fd;
}

.docu p, .docu li
{
    font-size: 1em;
}
.docu li
{
    padding-bottom: 8px;
}
.docu div.extension
{
    margin-left: 20px;
}
.docu div.imageRight
{
    float: right;
    padding-left: 8px;
}
.docu .clear
{
    clear: both;
}
.docu h1, h2, h3, h4, h5, h6, h7, h8 
{
    clear: both;
    margin-bottom: 0px;
}
.docu h1
{
    font-size: 1.7em;
}
.docu h2
{
    font-size: 1.5em;
}
.docu h3 
{
    font-size: 1.3em;
}
.docu h4
{
    font-size: 1.1em;
    font-style: italic;
}
.docu h5
{
    font-size: 1.1em;
    font-style: italic;
    font-weight: normal;
}
.docu h6
{
    font-size: 1.0em;
}
.docu h7
{
    font-size: 1.0em;
    font-style: italic;
}
.docu h8
{
    font-size: 1.0em;
    font-style: italic;
    font-weight: normal;
}

/* Changelog */

.updateChangeLogHint  {
}
.updateChangeLogVersion 
{
   padding-top: 10px;
   font-size: small;
}
.updateChangeLogVersionHeader
{
   padding-top: 15px;
   padding-bottom: 10px;
   font-size: x-large;
}
.updateChangeLogKomponente {
   font-size: large;
}
.updateChangeLogBereich {
   padding-top: 10px;
   padding-bottom: 10px;
   padding-left: 10px;
   font-size: large;
   font-style: italic;
}
.updateChangeLogArt {
   padding-left: 25px;
}
.updateChangeLogList {
   padding-left: 55px;
}
.updateChangeLogListEntry, .updateChangeLogListEntryCritical {
   padding-bottom: 3px;
}
.updateChangeLogListEntryCritical {
   color: #E74C3C;
}

/*Wird von dem durch den PlugInLoader zur Laufzeit generierten ASPxPopupControl verwendet*/
.plugInPopupCssClass {
   height: 100vh !important;
   /*height: 100vmin !important;*/
   border-style:hidden !important;
}

.globalTooltipHint { } /* wird zur Kennzeichnung von IMG, Hyperlinks usw. verwendet, damit deren Tooltip vom zentralen globalTooltipHintASPxHint angezeigt werden */
.datenschutzWiderspruchRedFilter {
   filter: invert(100%) brightness(50%) sepia(100%) hue-rotate(-50deg) saturate(300%) contrast(2);
   /*
      filter: invert(100%) brightness(47%) sepia(100%) hue-rotate(-50deg) saturate(300%) contrast(3);
      filter: invert(100%) brightness(47%) sepia(100%) hue-rotate(-50deg) saturate(300%) contrast(4);
   */
}

.dxr-buttonItem.dxr-itemHover img, /* RibbonButton */
.dxmLite_OPTIGEMWeb .dxm-main .dxm-item.dxm-hovered img, /* Menu hovered - Hauptebene */
.dxmLite_OPTIGEMWeb .dxm-selected img, /* Menu - Selected Items */
.dxm-checked img, /* Menu checked  */
.dxgvFocusedRow_OPTIGEMWeb img, /* GridView.FocusedRow */
.dxtlFocusedNode_OPTIGEMWeb img, /* TreeList.FocusedNode */
.dxeButtonEditButtonHover_OPTIGEMWeb img, /* ButtonEdit */
.dxtvControl_OPTIGEMWeb .dxtv-ndHov img, /* TreeView.HoveredRow */
.dxbButtonHover_OPTIGEMWeb.dxb-outline img /* Outline Button */
{
   filter: brightness(0) invert(1);
}

.dxeListBoxItemSelected_OPTIGEMWeb img { /* ComboBox, SelectedItem */
   filter: brightness(0%) invert(100%);
}

.dxmLite_OPTIGEMWeb .dxm-popup .dxm-hovered img, /* Menu - Selected Items hover */
.disableImageFilter img /* filter allgemein deaktivieren */
{
   filter: unset !important;
}

.dxm-side-menu-mode .dxm-overlay { /* Damit der Overlay des Menüs im responsive Modus alle Elemente überdeckt. */
   z-index: 999;
}

/* -- Button nicht fett darstellen-- */
.dxbButton_OPTIGEMWeb {
   font-weight:normal;
}
/* Padding für Items von FormLayout verringern (wurde bei Update von 18.2.5 auf 21.2.5 von 2px auf 6px erhöht) */
.dxflItem_OPTIGEMWeb {
   padding: 2px 0;
}
.no-padding-button > div {
   padding: 0px !important;
}
.danger-outline-button {
   border: 1px solid #e8112344 !important;
}
.danger-outline-button.dxbButtonHover_OPTIGEMWeb {
   background: #e81123 !important;
}

/* ----- AutoLayout-Anpassung => ContentLayoutGeneratorFlex | START ----- 
   contentLayoutGeneratorFlexContent* und contentLayoutGeneratorFlexFrame werden von packery.pkgd.min verwendet um das Layout dynamisch anzupassen
*/
.contentLayoutGeneratorFlexContent { }
.contentLayoutGeneratorFlexContent-single { width: 330px; }
.contentLayoutGeneratorFlexContent-double { width: 665px; }
.contentLayoutGeneratorFlexContent-triple { width: 1005px; }
.contentLayoutGeneratorFlexContent-full { width: 100%; }
.contentLayoutGeneratorFlexFrame {}

/* 
   @element wird von EQCSS ausgewertet und sorgt dafür, dass die contentLayoutGeneratorFlexContent-Elemente angepasst werden, wenn der contentLayoutGeneratorFlexFrame eine bestimmte breite unterschreitet.
   @media kann hier nicht verwendet werden, da @media die Fensterbreite auswertet und nicht die Breite des Containers
*/
@element .contentLayoutGeneratorFlexFrame and (max-width: 670px) {
   .contentLayoutGeneratorFlexContent-single { width: 100%; }
   .contentLayoutGeneratorFlexContent-double { width: 100%; }
   .contentLayoutGeneratorFlexContent-triple { width: 100%; }
}
/* ----- AutoLayout-Anpassung => ContentLayoutGeneratorFlex | ENDE ----- */

/* sorgt dafür, dass Checkbox und Button vertikal korrekt ausgerichtet sind, wenn sich beide in eine CommandColumn befinden */
.dxgvCommandColumn_OPTIGEMWeb a {
   vertical-align: middle;
}