﻿
@PageBorderColor: #496077;
@ThemeMainColor1: #1E22AA; //@ThemeMainColor1: #4b6c9e;
@ThemeMainColor2: #3a4f63;
@ControlMainColor1: #465c71;
@ControlMainColor2: #dde4ec;
@ControlBorderColor: #4e667d;
@ControlActiveColor: #cfdbe6; 
@ControlHoverColor: #bfcbd6;
@ControlWithOnClickEventHoverColor: #b1d5ff;
@TableTREvenForeColor: #284775;
@TableHeadFooterColor: #5D7B9D;
@TableSortingAscColor: #506C8C;
@TableSortingDescColor: #6F8DAE;
@DataExportColor: #507CD1;
@DataExportColor2: #EFF3FB;

/* DEFAULTS
----------------------------------------------------------*/
/* HEADINGS   
----------------------------------------------------------*/
/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
.page {
    border-color: @PageBorderColor;
}

.title {
    background: @ThemeMainColor1;
}

.footer {
    color: @ThemeMainColor2;
}

/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink {
    background-color: @ThemeMainColor2;
}

div.menu ul li a, div.menu ul li a:visited {
    background-color: @ControlMainColor1;
    border-color: @ControlBorderColor;
    color: @ControlMainColor2;
}

div.menu ul li a:hover {
    background-color: @ControlHoverColor;
    color: @ControlMainColor1;
}

div.menu ul li a:active {
    background-color: @ControlMainColor1;
    color: @ControlActiveColor;
}

/* FORM ELEMENTS   
----------------------------------------------------------*/

/* MISC  
----------------------------------------------------------*/

/* ASC   
----------------------------------------------------------*/
/* Bearbeitet von MSC */

.divActionPanel {
    background-color: @ThemeMainColor1;
}

tr[onclick]:hover {
    background-color: @ControlWithOnClickEventHoverColor !important;
}
/*Tabellen Style*/

.Footer {
    background-color: @ThemeMainColor2;
    color: @ControlMainColor2;
}

.Footer a[onclick] {
    background-color: @ControlMainColor1;
    border-color: @ControlBorderColor;
}

.Footer a[onclick]:hover {
    color: @ControlMainColor1;
    background-color: @ControlMainColor2;
}

.Footer input[type=image] {
    background-color: @ControlMainColor2;
    border-color: @ControlMainColor2;
}

.tbl th {
    background-color: @ThemeMainColor1;
}

.tbl, .tbl td, .tbl th {
    border-color: @ControlBorderColor;
}

.tbl tr:nth-child(even):not(.Footer) {
    color: @TableTREvenForeColor;
}

.divFilter {
    border-color: @ControlBorderColor;
}

.divFilter_Radio label {
    border-color: @ControlBorderColor;
    background-color: @ControlMainColor1;
    color: @ControlMainColor2;
}

.divFilter_Radio label.activ {
    color: @ControlMainColor1;
    background-color: @ControlMainColor2;
}

.divFilter > input {
    border-color: @ControlBorderColor;
    background-color: @ControlMainColor1;
    color: @ControlMainColor2;
}

.divFilter > input:hover {
    color: @ControlMainColor1;
    background-color: @ControlMainColor2;
}

.button:not([disabled="disabled"]) {
    border-color: @ControlBorderColor;
    background-color: @ControlMainColor1;
    color: @ControlMainColor2;
}

.button[disabled="disabled"] {
    border-color: @ControlBorderColor;
    background-color: @ControlMainColor1;
}

.button:not([disabled="disabled"]):hover {
    color: @ControlMainColor1;
    background-color: @ControlMainColor2;
}

.pgr {
    background-color: @TableTREvenForeColor;
}

.altrow {
    color: @TableTREvenForeColor;
}

.gvfoothead {
    background-color: @TableHeadFooterColor;
}

.hdasc {
    background-color: @TableSortingAscColor;
}

.hddesc {
    background-color: @TableSortingDescColor;
}

.expbg {
    background-color: @DataExportColor;
}

.expbr {
    border-color: @DataExportColor;
}

.divFilter td > input[type="submit"] {
    border-color: @DataExportColor;
}

.trFinishWithNextDelivery input {
    border-color: @DataExportColor;
}

.expbg2 {
    background-color: @DataExportColor2;
}

.expbr2 {
    border-color: @DataExportColor2;
}