@defaultColor: #044879;
@lightColorHover: lighten(@defaultColor, 35%);
@lightColor: lighten(@defaultColor, 35%);
@darkColor: darken(@defaultColor, 10%);
@gridRowHover: #D3D3D3;
@buttonDefaulColor: @defaultColor;
@buttonHoverColor: @darkColor;
@hintColor: #d9edf7;
@greentextColor: #ADD62F;
@lightblueColor: #9ecbd6;
@textFullColor: #666;
@ReadOnlyControlTextColor: #666;
@defaultRibbonBackColor: #FAFAFA;
//Colors for indvidual Design
@darkenPercentAlt: 4%;

//Grid
@gridColumnHeaderBackColor: @defaultColor;
@gridColumnHeaderColor: white;
@gridRowBackColor: white;
@gridRowBackColorAlt: darken(@gridRowBackColor, @darkenPercentAlt);
@gridRowColor: @textFullColor;
@gridRowColorAlt: @gridRowColor;
@gridRowSelectedBackColor: @greentextColor;
@gridRowSelectedBackColorAlt: darken(@gridRowSelectedBackColor, @darkenPercentAlt);

@gridRowSelectedColor: @gridRowColor;
@gridRowSelectedColorAlt: @gridRowColor;

@gridRowHoverBackColor: @lightblueColor;
@gridRowHoverSelectedBackColor: lighten(@gridRowSelectedBackColor, 20%);
@gridRowHoverColor: @gridRowColor;
@gridRowHoverSelectedColor: @gridRowColor;

//Menuleiste
@navbarItemBackColor:white;
@navbarItemColor: @textFullColor;
@navbarItemSelectedBackColor: @defaultColor;
@navbarItemSelectedColor: @greentextColor;
@navbarItemHoverBackColor: @lightblueColor;
@navbarItemHoverColor: white;

//Suche
@searchTextHighlightColor: darkorange;

//RTF Disabled
@rtfDisabledColor: #f2f2f2;

//Footer
@footerBackColor: white;
@footerColor: @textFullColor;

//Detail navbar
@detailNavBarItemHoverBackColor: @defaultColor;
@detailNavBarItemHoverColor: white;
@detailNavbarItemColor: @textFullColor;
@detailNavbarItemBackColor: white;

//OverviewToolbar
@overviewToolBarBackColor: @defaultRibbonBackColor;
@overviewToolBarButtonBackColorHover: @defaultColor;



.detail-nav-bar .dxnbLite_Office365 .dxnb-header {
    color: @detailNavbarItemColor;
    background-color: @detailNavbarItemBackColor;
}

.detail-nav-bar .dxnbLite_Office365 .dxnb-item.dxnb-link {
    color: @detailNavbarItemColor;
    background-color: @detailNavbarItemBackColor;
}


.detail-nav-bar #navDetailBar .dxnb-item.tree-view-node.dxnb-itemHover {
    background-color: @detailNavBarItemHoverBackColor;
    color: @detailNavBarItemHoverColor;
}


//navbar css
#leftPanel .dxnbLite_Office365 .dxnb-item.tree-view-node {
    background-color: @navbarItemBackColor;
}

#leftPanel .dxnbLite_Office365 .dxnb-item.tree-view-node.dxnb-itemSelected {
    background-color: @navbarItemSelectedBackColor;
    color: @navbarItemSelectedColor;
}

#leftPanel .dxnbLite_Office365 .dxnb-item.tree-view-node.dxnb-itemHover {
    background-color: @navbarItemHoverBackColor;
    color: @navbarItemHoverColor;
}

#leftPanel .dxnbLite_Office365 .dxnb-item a {
    color: @navbarItemColor;
}
// ende navbar css
// gridview css
.dxgvHeader_Office365 {
    background-color: @gridColumnHeaderBackColor;
    color: @gridColumnHeaderColor;
}

/*.dxgvHeader_Office365 .dxWeb_edtCheckBoxUnchecked_Office365.dxICheckBox_Office365 {
    background-image: url('/DXR.axd?r=0_4972');
    background-position-x: -320px;
    background-position-y: -224px;
    background-repeat: no-repeat;
    background-size: 538px;
}

.dxgvHeader_Office365 .dxWeb_edtCheckBoxGrayed_Office365.dxICheckBox_Office365 {
    background-image: url('/DXR.axd?r=0_4972');
    background-position-x: -128px;
    background-position-y: -224px;
    background-repeat: no-repeat;
    background-size: 538px;
}

.dxgvHeader_Office365 .dxWeb_edtCheckBoxChecked_Office365.dxICheckBox_Office365 {
    background-image: url('/DXR.axd?r=0_4972');
    background-position-x: -192px;
    background-position-y: -224px;
    background-repeat: no-repeat;
    background-size: 538px;
}*/


/*.dxgvDataRow_Office365.grid-row .dxICheckBox_Office365, .dxgvDataRow_Office365.grid-row.dxgvDataRowAlt_Office365 .dxICheckBox_Office365 {
    background-image: url('/DXR.axd?r=0_4972');
    background-position-x: -400px;
    background-position-y: -224px;
    background-repeat: no-repeat;
    background-size: 538px;
}

.dxgvDataRow_Office365.grid-row .dxWeb_edtCheckBoxChecked_Office365.dxICheckBox_Office365, .dxgvDataRow_Office365.grid-row.dxgvDataRowAlt_Office365 .dxWeb_edtCheckBoxChecked_Office365.dxICheckBox_Office365 {
    background-image: url('/DXR.axd?r=0_4972');
    background-position-x: -522px;
    background-position-y: -166px;
    background-repeat: no-repeat;
    background-size: 538px;
}*/

.dxgvDataRow_Office365.grid-row {
    background-color: @gridRowBackColor;
    color: @gridRowColor;
}

.dxgvDataRow_Office365.grid-row.dxgvDataRowAlt_Office365 {
    background-color: @gridRowBackColorAlt;
    color: @gridRowColorAlt;
}

.dxgvControl_Office365 .dxgvTable_Office365 .dxgvSelectedRow_Office365 {
    background-color: @gridRowSelectedBackColor;
    color: @gridRowSelectedColor;
}

.dxgvControl_Office365 .dxgvTable_Office365 .dxgvSelectedRow_Office365.dxgvDataRowAlt_Office365 {
    background-color: @gridRowSelectedBackColorAlt;
    color: @gridRowSelectedColorAlt;
}

.dxgvGroupPanel_Office365 .header-text {
    color: @ReadOnlyControlTextColor;
}

.dxgvDataRow_Office365.grid-row:hover, .dxgvDataRow_Office365.grid-row.dxgvDataRowAlt_Office365:hover {
    background-color: @gridRowHoverBackColor;
    color: @gridRowHoverColor;
}

.dxgvSelectedRow_Office365.dxgvDataRow_Office365.grid-row:hover, .dxgvSelectedRow_Office365.dxgvDataRow_Office365.grid-row.dxgvDataRowAlt_Office365:hover {
    background-color: @gridRowHoverSelectedBackColor;
    color: @gridRowHoverSelectedColor;
}

// ende gridview css
.jumbotron {
    margin-left: 0px;
    margin-right: 0px;
    background-color: @defaultColor;
    vertical-align: central;
    text-align: center;
    margin-top: 50px;
    padding: 20px;
    left: -20px;
    position: relative;
}

.jumbotron h1 {
    color: @greentextColor;
    font-size: 63px;
    margin-bottom: 0px;
}

.ReadOnlyControl, .dxeEditArea_Office365.dxeDisabled_Office365 {
    color: @ReadOnlyControlTextColor !important;
}

.app-header .header-menu .item.selected {
    border-bottom-color: @defaultColor;
}

.dxnbLite_Office365 .dxnb-itemSelected {
    background-color: @navbarItemSelectedBackColor;
}

.dxnbLite_Office365 .dxnb-itemHover {
    background-color: @lightColorHover;
}

.dxpLite_Office365 .dxp-hoverButton:not(.dxp-disabledButton):hover {
    background-color: @defaultColor;
}

.dxpLite_Office365 .dxp-current {
    background-color: @defaultColor;
}

.dxbButton_Office365 {
    background-color: @buttonDefaulColor;
}

.dxbButton_Office365.dxbButtonHover_Office365 {
    background-color: @buttonHoverColor;
}

.dxtcLite_Office365.dxtc-top > .dxtc-stripContainer .dxtc-activeTab {
    border-bottom-color: @defaultColor
}

.dxtcLite_Office365 > .dxtc-stripContainer .dxtc-activeTab a {
    color: @defaultColor;
}

.dxeFocused_Office365 {
    border-color: @defaultColor;
}

.dxflEmptyItem_Office365 {
    border-bottom: 2px solid @defaultColor;
}

.dxflGroupBoxCaption_Office365 {
    color: @defaultColor;
}

.formLayout-generalHintText {
    background-color: @hintColor;
}

.dxgvControl_Office365 .dxgvHL {
    background-color: @searchTextHighlightColor;
}

#table-wrapper th.eclHeader {
    background-color: @gridColumnHeaderBackColor;
    color: @gridColumnHeaderColor;
}

.ForgotPasswordButton {
    background-color: transparent !important;
    color: #666;
    width: 100% !important;
    margin-bottom: 10px;
    text-align: center;
    text-decoration: underline;
}

.footer-wrapper {
    background-color: @footerBackColor;
}

.footer {
    color: @footerColor;
}

/*.disable-rich .dxrePages *:not(.dxreSelMisspelled) {
    background-color: @rtfDisabledColor !important;
}*/

/*.richedit-content.disable-rich {
    background-color: @rtfDisabledColor;
}*/

#pageOverviewToolbarPanel .dxr-item.item.dxr-buttonItem.dxr-itemHover {
    background-color: @overviewToolBarButtonBackColorHover;
}

.dxr-item.item.dxr-buttonItem.dxr-itemHover {
    background-color: @defaultColor;
}

.dxrpCollapseButtonFormGroup {
    background-color: @defaultColor;
}

.dxrControl_Office365 .dxr-tabContent {
    background-color: @overviewToolBarBackColor;
}