.tundra .dijitCalendarIncrementControl {
    width: 15px;
    height: 15px;
    background-image: url("./../Image/spriteRoundedIconsSmall.png");
    background-repeat: no-repeat
}

.dj_ie6 .tundra .dijitCalendarIncrementControl {
    font-size: .1em;
    background-image: url("./../Image/spriteRoundedIconsSmall.gif");
}

.tundra .dijitA11ySideArrow {
    display: none;
}

.tundra .dijitCalendarDecrease {
    background-position: top left;
}

.tundra .dijitCalendarIncrease {
    background-position: -30px top;
}

.tundra .dijitCalendarContainer {
    font-size: 12px !important;
    border-spacing: 0;
    border-collapse: separate;
    border: 1px solid #ccc;
    margin: 0;
    height: 180px !important;
    font-family: tahoma !important;
}

.tundra .dijitCalendarMonthContainer th {
    background: #365E87 none;
    padding-top: .3em;
    padding-bottom: .2em;
    text-align: center;
}

.dj_ie6 .tundra .dijitCalendarMonthContainer th {
    padding-top: .2em;
    padding-bottom: .1em;
}

.tundra .dijitCalendarDayLabelTemplate {
    background: #E9EDF0;
    font-weight: normal;
    padding-top: .15em;
    padding-bottom: 0;
    border-top: 1px solid #eeeeee;
    color: #293a4b;
    text-align: center;
}

.tundra .dijitCalendarBodyContainer {
    border-bottom: 1px solid #eeeeee;
}

.tundra .dijitCalendarMonthLabel {
    color: #ffffff;
    background-color: #365E87;
    font-weight: bold;
    padding: 0 4px;
}

.tundra .dijitCalendarDateTemplate {
    font-size: 0.9em;
    font-weight: bold;
    text-align: center;
    padding: 0.3em 0.3em 0.05em 0.3em;
    letter-spacing: 1px;
}

.dj_ie .tundra .dijitCalendarDateTemplate {
    padding: 0.1em .33em 0.02em .33em;
}

.tundra .dijitCalendarPreviousMonth, .tundra .dijitCalendarNextMonth {
    color: #999999;
    background-color: #f8f8f8;
}

.tundra .dijitCalendarCurrentMonth {
    background-color: white;
}

.tundra .dijitCalendarCurrentDate {
    text-decoration: underline;
    font-weight: bold;
}

.tundra .dijitCalendarHoveredDate {
    background-color: #1D2B39 !important;
    color: #ffffff !important;
}

.tundra .dijitCalendarDisabledDate {
    text-decoration: line-through;
    background-color: white;
}

.tundra .dijitCalendarSelectedDate {
    background-color: #365E87 !important;
    color: #ffffff !important;
}

.tundra .dijitCalendarYearContainer {
    background: #E9EDF0;
    border-top: 1px solid #ccc;
}

.tundra .dijitCalendarYearLabel {
    margin: 0;
    padding: 0.4em 0 0.25em 0;
    text-align: center;
}

.tundra .dijitCalendarSelectedYear {
    color: #ffffff;
    padding: 0.2em;
    padding-bottom: 0.1em;
    background-color: #365E87 !important;
    font-size: 12px !important;
}

.tundra .dijitCalendarNextYear, .tundra .dijitCalendarPreviousYear {
    color: black !important;
    font-weight: normal;
    font-size: 12px !important;
}

.tundra .dijitCalendar .dijitDropDownButton {
    margin: 0;
}

.tundra .dijitCalendar .dijitButtonText {
    padding: 0;
}

.tundra .dijitCalendar .dijitDropDownButton .dijitButtonNode {
    background-color: transparent;
    background-image: none;
    padding: 0;
}

.tundra .dijitCalendarMonthMenu .dijitCalendarMonthLabelHover {
    background-color: #D0DAE4;
    color: #000000;
}

.tundra .dijitCalendarMonthMenu {
    background-color: #F7F7F7;
    border: 1px solid #C0C0C0;
    margin: 0;
    padding: 0;
}

.tundra .calendarPercent.calendarClose {
    margin-left: -12px;
    width: 12px !important;
    background-image: url("Common/Icons/344E67/calClose.png");
    background-repeat: no-repeat no-repeat;
    background-position: top right;
}
.tundra .calendarPercent.calendarOpen {
    margin-left: -12px;
    width: 12px !important;
    background-image: url("Common/Icons/344E67/calOpen.png");
    background-repeat: no-repeat no-repeat;
    background-position: top right;
}
.calendarOverviewWeekHourContainer {
    border: 1px #ffffff solid;
    border-top-width: 0px;
}

/* Klasse fuer RootFrame(wo Planungsfenster und Controls enthalten sind) */
.rootContainer {
    background-color: #e4e4e4;
    border-bottom-width: 1px;
}

.planningBlockGeneral {
    height: 41px;
    position: relative !important;
    width: 130px;
    color: #003366;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

.planningBlockGeneralMonth {
    height: 84px;
    position: relative !important;
    width: 130px;
    color: #003366;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

/* Klasse fuer 2StundenContainer (Planungsfeldeinheit)*/
.planningBlockContainerWeek {
    float: left !important;
    border: 2px groove #000000;
    border-top-width: 0px;
    border-left-width: 0px;
    overflow: visible !important;
}

.planningBlockContainerMonth {
    float: left !important;
    border: 2px groove #000000;
    border-top-width: 0px;
    border-left-width: 0px;
    overflow: hidden !important;
}

/* Klasse fuer 30Min. Container */
.planningBlockContainerInner {
    border: 0px solid #d0d0d0;
    border-bottom-width: 1px;
}

.calendarOverviewWeekLblTime {
    line-height: 14px !important;
    font-size: 10px;
    font-family: arial;
    color: #ffffff;
    background-color: #365E87;
    text-align: center;
}

.planningBlockMonthHeader {
    height: 12px;
    position: relative !important;
    width: 130px;
    color: #365E87;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    background-color: #ffffff;
    text-align: center;
}

.planningBlockWeekOfDay {
    top: 0px;
    height: 12px;
    position: absolute;
    width: 30px;
    color: #ffffff;
    font-size: 10px;
    text-align: center;
    background-color: #000000;
}

.calendarOverviewItemWholeDay {
    background-color: #000000;
    border: 1px outset #000000;
    width: 138px;
    height: 10px;
    float: left;
    font-size: 10px;
    line-height: 10px;
    font-family: tahoma;
    color: #ffffff;
    font-weight: bold;
}

.calendarOverviewWeekContentPart {
    background-color: green;
    width: 100%;
    height: 100%;
    font-size: 10px;
    line-height: 10px !important;
    font-family: tahoma;
    color: #ffffff;
    font-weight: bold;
    z-index: 10;
    text-align: left;
}

.calendarOverviewWeekMovePart {
    left: 50%;
    width: 50%;
    height: 100%;
    z-index: 10;
}

.calendarOverviewWeekMovePart:hover {
    background-color: #ffffff;
    background-image: url('./../Image/Organizer/moveMedium.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    opacity: 0.50;
    filter: alpha(opacity =

    50);
}

.calendarOverviewWeekInfoPart {
    left: 0%;
    width: 50%;
    height: 100%;
    z-index: 10;
}

.calendarOverviewWeekInfoPart:hover {
    background-color: #ffffff;
    background-image: url('./../Image/Organizer/searchBig.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    opacity: 0.50;
    filter: alpha(opacity =

    50);
}

.calendarOverviewWeekPendingInfoPart {
    left: 0%;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.calendarOverviewWeekPendingInfoPart:hover {
    background-color: #ffffff;
    background-image: url('./../Image/Organizer/searchBig.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    opacity: 0.50;
    filter: alpha(opacity =

    50);
}

.calendarOverviewMonthContentPart {
    width: 100%;
    height: 10px;
    font-size: 10px;
    line-height: 11px !important;
    font-family: tahoma;
    color: #ffffff;
    font-weight: bold;
    z-index: 10;
    text-align: left;
}

.calendarOverviewMonthInfoPart {
    left: 0%;
    width: 50%;
    height: 100%;
    z-index: 10;
}

.calendarOverviewMonthInfoPart:hover {
    background-color: #ffffff;
    background-image: url('./../Image/Organizer/searchSmall.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    opacity: 0.50;
    filter: alpha(opacity =

    50);
}

.calendarOverviewMonthPendingInfoPart {
    left: 0%;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.calendarOverviewMonthPendingInfoPart:hover {
    background-color: #ffffff;
    background-image: url('./../Image/Organizer/searchSmall.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    opacity: 0.50;
    filter: alpha(opacity =

    50);
}

.calendarOverviewMonthMovePart {
    left: 50%;
    width: 50%;
    height: 100%;
    z-index: 10;
}

.calendarOverviewMonthMovePart:hover {
    background-color: #ffffff;
    background-image: url('./../Image/Organizer/moveSmall.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    opacity: 0.50;
    filter: alpha(opacity =

    50);
}

.calendarOverviewTodo {
    background-color: #365E87;
    border: 1px outset #000000;
    width: 108px;
    height: 18px;
    float: left;
    font-size: 10px;
    line-height: 18px;
    font-family: tahoma;
    color: #ffffff;
    font-weight: bold;
}

.calendarOverviewMonthItem {
    position: relative;
    left: 0%;
    width: 97% !important;
    z-index: 17;
    margin: 2px 0 0 2px;
}

.calendarOverviewItemCustomDayOverlay01 {
    position: absolute !important;
    left: 0%;
    width: 100% !important;
    z-index: 17;
}

.calendarOverviewItemCustomDayOverlay02 {
    position: absolute !important;
    left: 0%;
    width: 50% !important;
    z-index: 17;
}

.calendarOverviewItemCustomDayOverlay03 {
    position: absolute !important;
    left: 0%;
    width: 33% !important;
    z-index: 17;
}

.calendarOverviewItemCustomDayOverlay12 {
    position: absolute !important;
    left: 51%;
    width: 49%;
    z-index: 18;
}

.calendarOverviewItemCustomDayOverlay13 {
    position: absolute !important;
    left: 34%;
    width: 33%;
    z-index: 18;
}

.calendarOverviewItemCustomDayOverlay14 {
    position: absolute !important;
    left: 26%;
    width: 24%;
    z-index: 18;
}

.calendarOverviewItemCustomDayOverlay23 {
    position: absolute !important;
    left: 68%;
    width: 32%;
    z-index: 19;
}

.calendarOverviewItemCustomDayOverlay24 {
    position: absolute !important;
    left: 51%;
    width: 24%;
    z-index: 19;
}

.calendarOverviewItemCustomDayOverlay34 {
    position: absolute !important;
    left: 76%;
    width: 24%;
    z-index: 20;
}

.calendarGrpAddNewItem {
    border: 1px outset #000000;
    z-index: 25;
}

.calendarMonthWeekNumber {
    width: 30px;
    height: 84px;
}

.planningBlockSelect:hover {
    background-color: #a0a0a0;
    cursor: pointer;
}

.planningBlockGeneralMonthWithScrollbar {
    height: 84px;
    position: relative !important;
    width: 130px;
    color: #003366;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    overflow: auto !important;
    overflow-x: hidden !important;
}

.planningBlockGeneralWithScrollbar {
    height: 84px;
    position: relative !important;
    width: 130px;
    color: #003366;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    overflow: auto !important;
    overflow-x: hidden !important;
}

.CalendarContentHeader {
    color: #ffffff;
    background-color: #365E87;
    text-align: center;
    top: 0;
    width: 130px;
    height: 30px;
    float: left !important;
    position: relative !important;
    border: 2px groove #000000;
    border-top-width: 0px;
    border-left-width: 0px;
}

.messageInputLabelRow1 {
    position: relative !important;
    font-size: 12px;
    padding: 2px 10px;
    color: #000000;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    width: 100px;
    margin: 4px 0;
    clear: left;
    float: left;
}

.messageInputLabelFrom {
    position: relative !important;
    font-size: 12px;
    padding: 2px 10px;
    color: #000000;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    width: 100px;
    margin: 4px 0;
    float: left;
    clear: left;
    text-align: left;
}

.messageInputLabelUntil {
    position: relative !important;
    font-size: 12px;
    padding: 2px 10px;
    color: #000000;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    width: 30px;
    margin: 4px 0;
    float: left;
    text-align: right;
}

input.messageInputTime {
    position: relative !important;
    padding: 2px 2px !important;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    width: 92px !important;
    margin: 4px 0 !important;
    float: left;
}

.messagePulldownTime {
    position: relative !important;
    padding: 2px 2px !important;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    width: 92px !important;
    margin: 4px 0 !important;
    float: left;
}

.checkboxEmpty {
    background-image: url('./../Image/Organizer/checkboxEmpty.png');
    background-repeat: no-repeat;
    background-position: center;
}

.checkboxFull {
    background-image: url('./../Image/Organizer/checkboxFull.png');
    background-repeat: no-repeat;
    background-position: center;
}

/* Ab hier sind alle Klassen für Termine */
.organizerGreen {
    background-image: url('./../Image/Organizer/organizerGreen.png');
    background-repeat: no-repeat;
    background-position: 2px;
}

.connected {
    background-color: orange;
    border-radius: 5px 5px 5px 5px;
    color: #ffffff;
    font-size: 10px;
    text-align: center;
}

.pending {
    background-color: grey;
}

.organizerEventColorGreenB {
    background-color: orange;
    border-radius: 5px 5px 5px 5px;
    color: #ffffff;
    font-size: 10px;
    text-align: center;
}

.organizerEventColorGreenH {
    background: -webkit-gradient(linear, left top, left bottom, from(#0dca09),
    to(#089101) ); /* for webkit browsers */
    background: -moz-linear-gradient(top, #0dca09, #089101);
    /* for firefox 3.6+ */
    border-width: 1px 1px 0 1px;
    border-radius: 10px 10px 0 0;
    color: #ffffff;
    font-size: 10px;
    text-align: center;
    width: 100%;
    height: 30px;
    line-height: 14px !important;
    font-family: tahoma;
    color: #ffffff;
    z-index: 10;
    position: relative !important;
    font-weight: bold;
}

.organizerEventColorGreenF {
    background: -webkit-gradient(linear, left top, left bottom, from(#0dca09),
    to(#089101) ); /* for webkit browsers */
    background: -moz-linear-gradient(top, #0dca09, #089101);
    /* for firefox 3.6+ */
    position: relative !important;
    width: 100%;
    height: 10px;
    border-width: 1px 1px 0 1px;
    border-radius: 0 0 5px 5px;
    border-color: #99aadd;
    width: 100%;
    height: 10px;
}

.organizerEventColorGreenTH {
    background: -webkit-gradient(linear, left top, left bottom, from(#0dca09),
    to(#089101) ); /* for webkit browsers */
    background: -moz-linear-gradient(top, #0dca09, #089101);
    /* for firefox 3.6+ */
    border-width: 1px 1px 0 1px;
    border-radius: 10px 10px 0 0;
    color: #ffffff;
    font-size: 10px;
    text-align: center;
    width: 100%;
    height: 15px;
    line-height: 14px !important;
    font-family: tahoma;
    color: #ffffff;
    z-index: 10;
    position: relative !important;
    font-weight: bold;
}

.organizerEventColorGreenTF {
    background: -webkit-gradient(linear, left top, left bottom, from(#0dca09),
    to(#089101) ); /* for webkit browsers */
    background: -moz-linear-gradient(top, #0dca09, #089101);
    /* for firefox 3.6+ */
    position: relative !important;
    width: 100%;
    height: 15px;
    border-width: 1px 1px 0 1px;
    border-radius: 0 0 5px 5px;
    border-color: #99aadd;
    width: 100%;
    color: #ffffff;
    font-size: 10px;
    text-align: center;
    font-weight: bold;
}

.organizerBlue {
    background-image: url('./../Image/Organizer/organizerBlue.png');
    background-repeat: no-repeat;
    background-position: 4px;
}

.organizerEventColorBlue {
    color: blue;
}

.organizerEventColorBlueB {
    background: -webkit-gradient(linear, left top, left bottom, from(#0075ec),
    to(#044f9c) ); /* for webkit browsers */
    background: -moz-linear-gradient(top, #0075ec, #044f9c);
    /* for firefox 3.6+ */
    border-width: 1px 1px 0 1px;
    border-radius: 5px 5px 5px 5px;
    border-color: #99aadd;
    color: #ffffff;
    font-size: 10px;
    text-align: center;
}

.organizerEventColorBlueH {
    background: -webkit-gradient(linear, left top, left bottom, from(#0075ec),
    to(#044f9c) ); /* for webkit browsers */
    background: -moz-linear-gradient(top, #0075ec, #044f9c);
    /* for firefox 3.6+ */
    border-width: 1px 1px 0 1px;
    border-radius: 10px 10px 0 0;
    color: #ffffff;
    font-size: 10px;
    text-align: center;
    width: 100%;
    height: 30px;
    line-height: 14px !important;
    font-family: tahoma;
    color: #ffffff;
    z-index: 10;
    position: relative !important;
    font-weight: bold;
}

.organizerEventColorBlueT {/* for firefox 3.6+ */
    background-color: #ffffff;
    border-width: 1px 1px 1px 0;
    border-radius: 10px 10px 0 0;
    border-color: blue;
    color: #ffffff;
    font-size: 10px;
    text-align: center;
    width: 98%;
    height: 30px;
    line-height: 14px !important;
    font-family: tahoma;
    color: #ffffff;
    z-index: 10;
    position: relative !important;
    font-weight: bold;
}

.organizerEventColorBlueS {/* for firefox 3.6+ */
    background-color: #ffffff;
    border-width: 1px 0 1px 0;
    border-radius: 10px 10px 0 0;
    border-color: blue;
    color: #ffffff;
    font-size: 10px;
    text-align: center;
    width: 98%;
    height: 30px;
    line-height: 14px !important;
    font-family: tahoma;
    color: #ffffff;
    z-index: 10;
    position: relative !important;
    font-weight: bold;
}

.organizerEventColorBlueF {
    background: -webkit-gradient(linear, left top, left bottom, from(#0075ec),
    to(#044f9c) ); /* for webkit browsers */
    background: -moz-linear-gradient(top, #0075ec, #044f9c);
    /* for firefox 3.6+ */
    position: relative !important;
    width: 100%;
    height: 10px;
    border-width: 1px 1px 0 1px;
    border-radius: 0 0 5px 5px;
    border-color: #99aadd;
    background: -moz-linear-gradient(top, #0075ec, #044f9c);
}

.organizerEventColorBlueTH {
    background: -webkit-gradient(linear, left top, left bottom, from(#0075ec),
    to(#044f9c) ); /* for webkit browsers */
    background: -moz-linear-gradient(top, #0075ec, #044f9c);
    /* for firefox 3.6+ */
    border-width: 1px 1px 0 1px;
    border-radius: 10px 10px 0 0;
    color: #ffffff;
    font-size: 10px;
    text-align: center;
    width: 100%;
    height: 15px;
    line-height: 14px !important;
    font-family: tahoma;
    color: #ffffff;
    z-index: 10;
    position: relative !important;
    font-weight: bold;
}

.organizerEventColorBlueTF {
    background: -webkit-gradient(linear, left top, left bottom, from(#0075ec),
    to(#044f9c) ); /* for webkit browsers */
    background: -moz-linear-gradient(top, #0075ec, #044f9c);
    /* for firefox 3.6+ */
    position: relative !important;
    width: 100%;
    height: 15px;
    border-width: 1px 1px 0 1px;
    border-radius: 0 0 5px 5px;
    border-color: #99aadd;
    background: -moz-linear-gradient(top, #0075ec, #044f9c);
    color: #ffffff;
    font-size: 10px;
    text-align: center;
    font-weight: bold;
}

.organizerRed {
    background-image: url('./../Image/Organizer/organizerRed.png');
    background-repeat: no-repeat;
    background-position: 4px;
}

.organizerEventColorRed {
    color: red;
}

.organizerEventColorRedB {
    background: -webkit-gradient(linear, left top, left bottom, from(#e51616),
    to(#a41414) ); /* for webkit browsers */
    background: -moz-linear-gradient(top, #e51616, #a41414);
    /* for firefox 3.6+ */
    border-radius: 5px 5px 5px 5px;
    border-radius: 10px 0 0 0;
    border-color: #99aadd;
    color: #ffffff;
    font-size: 10px;
    text-align: center;
}

.organizerEventColorRedH {
    background: -webkit-gradient(linear, left top, left bottom, from(#e51616),
    to(#a41414) ); /* for webkit browsers */
    background: -moz-linear-gradient(top, #e51616, #a41414);
    /* for firefox 3.6+ */
    border-width: 1px 1px 0 1px;
    border-radius: 10px 10px 0 0;
    color: #ffffff;
    font-size: 10px;
    text-align: center;
    width: 100%;
    height: 30px;
    line-height: 14px !important;
    font-family: tahoma;
    color: #ffffff;
    z-index: 10;
    position: relative !important;
    font-weight: bold;
    background: -moz-linear-gradient(top, #e51616, #a41414);
}

.organizerEventColorRedF {
    background: -webkit-gradient(linear, left top, left bottom, from(#e51616),
    to(#a41414) ); /* for webkit browsers */
    background: -moz-linear-gradient(top, #e51616, #a41414);
    /* for firefox 3.6+ */
    position: relative !important;
    width: 100%;
    height: 10px;
    border-width: 1px 1px 0 1px;
    border-radius: 0 0 5px 5px;
    border-color: #99aadd;
    background: -moz-linear-gradient(top, #0075ec, #044f9c);
    background: -moz-linear-gradient(top, #e51616, #a41414);
}

.organizerEventColorRedTH {
    background: -webkit-gradient(linear, left top, left bottom, from(#e51616),
    to(#a41414) ); /* for webkit browsers */
    background: -moz-linear-gradient(top, #e51616, #a41414);
    /* for firefox 3.6+ */
    border-width: 1px 1px 0 1px;
    border-radius: 10px 10px 0 0;
    color: #ffffff;
    font-size: 10px;
    text-align: center;
    width: 100%;
    height: 15px;
    line-height: 14px !important;
    font-family: tahoma;
    color: #ffffff;
    z-index: 10;
    position: relative !important;
    font-weight: bold;
    background: -moz-linear-gradient(top, #e51616, #a41414);
}

.organizerEventColorRedTF {
    background: -webkit-gradient(linear, left top, left bottom, from(#e51616),
    to(#a41414) ); /* for webkit browsers */
    background: -moz-linear-gradient(top, #e51616, #a41414);
    /* for firefox 3.6+ */
    position: relative !important;
    width: 100%;
    height: 15px;
    border-width: 1px 1px 0 1px;
    border-radius: 0 0 5px 5px;
    border-color: #99aadd;
    background: -moz-linear-gradient(top, #0075ec, #044f9c);
    background: -moz-linear-gradient(top, #e51616, #a41414);
    color: #ffffff;
    font-size: 10px;
    text-align: center;
    font-weight: bold;
}

.organizerMagenta {
    background-image: url('./../Image/Organizer/organizerMagenta.png');
    background-repeat: no-repeat;
    background-position: 4px;
}

.organizerEventColorMagenta {
    color: #d21ddd;
}

.organizerEventColorMagentaB {
    background: -webkit-gradient(linear, left top, left bottom, from(#d21ddd),
    to(#911699) ); /* for webkit browsers */
    background: -moz-linear-gradient(top, #d21ddd, #911699);
    /* for firefox 3.6+ */
    border-width: 1px 1px 0 1px;
    border-radius: 5px 5px 5px 5px;
    border-color: #99aadd;
    color: #ffffff;
    font-size: 10px;
    text-align: center;
}

.organizerEventColorMagentaH {
    background: -webkit-gradient(linear, left top, left bottom, from(#d21ddd),
    to(#911699) ); /* for webkit browsers */
    background: -moz-linear-gradient(top, #d21ddd, #911699);
    /* for firefox 3.6+ */
    border-width: 1px 1px 0 1px;
    border-radius: 10px 10px 0 0;
    color: #ffffff;
    font-size: 10px;
    text-align: center;
    width: 100%;
    height: 30px;
    line-height: 14px !important;
    font-family: tahoma;
    color: #ffffff;
    z-index: 10;
    position: relative !important;
    font-weight: bold;
    background: -moz-linear-gradient(top, #d21ddd, #911699);
}

.organizerEventColorMagentaF {
    background: -webkit-gradient(linear, left top, left bottom, from(#d21ddd),
    to(#911699) ); /* for webkit browsers */
    background: -moz-linear-gradient(top, #d21ddd, #911699);
    /* for firefox 3.6+ */
    position: relative !important;
    width: 100%;
    height: 10px;
    border-width: 1px 1px 0 1px;
    border-radius: 0 0 5px 5px;
    border-color: #99aadd;
    background: -moz-linear-gradient(top, #0075ec, #044f9c);
    background: -moz-linear-gradient(top, #e51616, #a41414);
    background: -moz-linear-gradient(top, #d21ddd, #911699);
}

.organizerEventColorMagentaTH {
    background: -webkit-gradient(linear, left top, left bottom, from(#d21ddd),
    to(#911699) ); /* for webkit browsers */
    background: -moz-linear-gradient(top, #d21ddd, #911699);
    /* for firefox 3.6+ */
    border-width: 1px 1px 0 1px;
    border-radius: 10px 10px 0 0;
    color: #ffffff;
    font-size: 10px;
    text-align: center;
    width: 100%;
    height: 15px;
    line-height: 14px !important;
    font-family: tahoma;
    z-index: 10;
    position: relative !important;
    font-weight: bold;
    background: -moz-linear-gradient(top, #d21ddd, #911699);
}

.organizerEventColorMagentaTF {
    background: -webkit-gradient(linear, left top, left bottom, from(#d21ddd),
    to(#911699) ); /* for webkit browsers */
    background: -moz-linear-gradient(top, #d21ddd, #911699);
    /* for firefox 3.6+ */
    position: relative !important;
    width: 100%;
    height: 15px;
    border-width: 1px 1px 0 1px;
    border-radius: 0 0 5px 5px;
    border-color: #99aadd;
    background: -moz-linear-gradient(top, #0075ec, #044f9c);
    background: -moz-linear-gradient(top, #e51616, #a41414);
    background: -moz-linear-gradient(top, #d21ddd, #911699);
    color: #ffffff;
    font-size: 10px;
    text-align: center;
    font-weight: bold;
}

.overviewHeader {
    width: 328px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

.overviewLabel {
    width: 100px;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
}

.calendarMenuLabel {
    width: 167px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

.taskOverviewGroup {
    position: relative !important;
    height: 100px;
    width: 150px;
    margin: 10px 0 0 10px;
    float: left;
}

.taskOverviewSummary {
    position: relative !important;
    width: 150px;
    height: 20px;
    font-size: 10px;
    line-height: 18px !important;
    font-family: tahoma;
    font-weight: bold;
    color: #000000;
    font-weight: bold;
    z-index: 10;
    text-align: center;
    background-color: #ffffff;
}

.taskOverviewDeadline {
    position: relative !important;
    width: 150px;
    height: 20px;
    font-size: 10px;
    line-height: 18px !important;
    font-family: tahoma;
    color: #000000;
    z-index: 10;
    text-align: center;
    font-weight: bold;
    float: left !important;
    background-color: #ffffff;
}

.taskOverviewStatus {
    position: relative !important;
    width: 150px;
    height: 20px;
    font-size: 10px;
    line-height: 18px !important;
    font-family: tahoma;
    color: #000000;
    z-index: 10;
    text-align: center;
    font-weight: bold;
    float: left !important;
    background-color: #ffffff;
}

.eventOverviewGroup {
    position: relative !important;
    height: 100px;
    width: 100px;
    margin: 10px 0 0 10px;
    float: left;
}

.eventOverviewSummary {
    position: relative !important;
    width: 100px;
    height: 20px;
    font-size: 10px;
    line-height: 18px !important;
    font-family: tahoma;
    font-weight: bold;
    color: #000000;
    font-weight: bold;
    z-index: 10;
    text-align: center;
    background-color: #ffffff;
}

.eventOverviewDate {
    position: relative !important;
    width: 100px;
    height: 20px;
    font-size: 12px;
    line-height: 12px !important;
    font-family: tahoma;
    color: #000000;
    z-index: 10;
    text-align: left;
    float: left !important;
    background-color: #ffffff;
}

.eventOverviewTime {
    position: relative !important;
    width: 100px;
    height: 20px;
    font-size: 10px;
    line-height: 18px !important;
    font-family: tahoma;
    color: #000000;
    z-index: 10;
    text-align: center;
    font-weight: bold;
    float: left !important;
    background-color: #ffffff;
}

.eventOverviewLocation {
    position: relative !important;
    width: 100px;
    height: 20px;
    font-size: 10px;
    line-height: 18px !important;
    font-family: tahoma;
    color: #000000;
    z-index: 10;
    text-align: center;
    font-weight: bold;
    background-color: #ffffff;
}

/* Ab hier sind alle Klassen für die Nachrichtenansicht*/
.messageTopicClosed {
    background-color: grey;
}

.calendarMessageRespond {
    background-color: blue;
}

.calendarMessageCell {
    font-size: 12px;
    line-height: 16px !important;
}

.calendarMessageHeadline {
    font-weight: bold;
}

.calendarMessageDate {
    font-weight: bold;
}

.calendarMessageInfo {
    color: blue;
}

.htmlMessageViewer {
    left: 490px;
    width: 475px;
    height: 305px;
    background-color: white;
    multiline: true;
    overflow: auto !important;
    border: 1px;
    border-style: solid;
}

.htmlTaskViewer {
    left: 490px;
    width: 475px;
    height: 400px;
    background-color: white;
    multiline: true;
    overflow: auto !important;
    border: 1px;
    border-style: solid;
}

.htmlEventViewer {
    left: 50px;
    width: 475px;
    height: 400px;
    background-color: white;
    multiline: true;
    overflow: auto !important;
    border: 1px;
    border-style: solid;
}

.phoneCall {
    background-image: url('./../Image/Organizer/phonecall.png');
    background-repeat: no-repeat;
    background-position: 4px;
}

.workbreakdown {
    background-image: url('./../Image/Organizer/workbreakdown.png');
    background-repeat: no-repeat;
    background-position: 4px;
}

.meeting {
    background-image: url('./../Image/Organizer/meeting.png');
    background-repeat: no-repeat;
    background-position: 4px;
}

.reminder {
    background-image: url('./../Image/Organizer/reminder.png');
    background-repeat: no-repeat;
    background-position: 4px;
}

.repair {
    background-image: url('./../Image/Organizer/repair.png');
    background-repeat: no-repeat;
    background-position: 4px;
}

.editItem {
    background-image: url('./../Image/Organizer/edititem.png');
    background-repeat: no-repeat;
    background-position: 6px;
}

.archiveItem {
    background-image: url('./../Image/Organizer/archiveitem.png');
    background-repeat: no-repeat;
    background-position: 6px;
}

.taskStateGroup {
    bottom: 0px;
    overflow: auto;
    height: 50px;
}

.taskStatesOpen {
    position: relative !important;
    float: left !important;
    text-align: center;
    font-size: 9px;
    font-weight: bold;
    border-radius: 10px;
    margin: 0 2px;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF),
    to(#ecb200) );
    background: -moz-linear-gradient(top, #FFFFFF, #ecb200);
    border-color: #99aadd;
    border-width: 1px;
    border-style: solid;
    color: #1D5574;
    height: 25px;
    line-height: 25px;
}

.taskStatesDone {
    position: relative !important;
    float: left !important;
    text-align: center;
    font-size: 9px;
    font-weight: normal;
    border-radius: 10px;
    margin: 0 2px;
    background: -webkit-gradient(linear, left top, left bottom, from(#DEEEFF),
    to(#B3C0CE) );
    background: -moz-linear-gradient(top, #DEEEFF, #B3C0CE);
    border-color: #99aadd;
    border-width: 1px;
    border-style: solid;
    color: #1D5574;
    height: 25px;
    line-height: 25px;
}

.taskStateLabels {
    position: relative !important;
    line-height: 12px !important;
    font-size: 12px;
}

.actionButton {
    position: relative !important;
    float: left;
    margin-right: 5px !important;
}

.messageWysiwygLeft {
    left: 50% !important;
}

.messageWysiwygTop {
    top: 10% !important;
}

.messageWysiwygWidth {
    left: 0 !important;
    margin-left: -300px !important;
    width: 600px !important;
}

.messageWysiwygMaxHeight {
    max-height: 430px !important;
}

.messageWysiwygGroup {
    float: left;
    position: relative !important;
    overflow: auto !important;
    margin-left: 15px;
    margin-top: 15px;
}

.messageWysiwygEditor {
    float: left;
    position: relative !important;
    width: 560px;
}

.messageOrganizerTaskEditLeft {
    left: 25% !important;
}

.messageOrganizerTaskEditTop {
    top: 20% !important;
}

.messageOrganizerTaskEditWidth {
    left: 0;
    width: 550px !important;
}

.messageOrganizerTaskEditHeight {
    max-height: 500px !important;
}

.closeMenuContent {
    background-image: url("./../Image/Organizer/arrowClosed.png");
    background-repeat: no-repeat;
    overflow: visible;
    position: relative !important;
    text-align: left;
    padding-left: 30px;
    font-size: 13px;
    font-weight: bold;
    line-height: 24px;
}

.openMenuContent {
    background-image: url("./../Image/Organizer/arrowOpen.png");
    background-repeat: no-repeat;
    overflow: visible;
    position: relative !important;
    text-align: left;
    padding-left: 30px;
    font-size: 13px;
    font-weight: bold;
    line-height: 24px;
}

.closeMenuGroup {
    padding-top: 15px;
    position: relative !important;
    width: 160px;
    height: 0px;
}

.openMiniCalendarGroup {
    padding-top: 15px;
    position: relative !important;
    width: 160px;
    height: 220px;
}

.closeMiniCalendarGroup {
    padding-top: 15px;
    position: relative !important;
    width: 160px;
    height: 0px;
}

.openMenuGroup {
    padding-top: 15px;
    position: relative !important;
    width: 160px;
}

.menuLabel {
    text-align: left;
    font-size: 12px;
    left: 15px;
    position: relative !important;
    padding-bottom: 10px;
}

.innerMenuGroup {
    position: relative !important;
}

.miniCalendar {
    position: relative !important;
}

.organizerMaskControl {
    background-image: url('./../Image/Organizer/organizerBlueMenuControl.png');
    position: relative !important;
}

.historyStateChange {
    background-color: #70ace8 !important;
}

.historyNoStateChange {
    background-color: #d395d2 !important;
}

.historyNoChange {
    background-color: #70ace8 !important;
}

.insertDocument {
    background-image: url('./../Image/MenuBox/insertDocumentBlue.png');
    background-repeat: no-repeat;
    background-position: 0px;
    position: relative !important;
    float: right !important;
}

.showDmsDocuments {
    background-image: url('./../Image/MenuBox/dmsDocuments.png');
    background-repeat: no-repeat;
    background-position: 0px;
    position: relative !important;
    float: right !important;
}

.organizerCalendar {
    position: relative !important;
    float: right !important;
    margin-left: 10px;
}

/* ehemals TICKET-CSS */
.userStateInProgress {
    background-color: #ffe0e0 !important;
}

.userStateDone {
    background-color: #e0ffe0 !important;
}

.userStateExcluded {
    background-color: #e51616 !important;
}

.userStatePending {
    background-color: #0075ec !important;
}

.userStateWaiting {
    background-color: orange !important;
}

.organizerMaskControl {
    background-image: url('./../Image/Organizer/organizerBlueMenuControl.png');
    position: relative !important;
}

.menuIconSearch {
    background-image: url('./../Image/MenuBox/search.png');
    background-repeat: no-repeat;
    background-position: 0px;
    position: relative !important;
    float: left !important;
    margin-left: 8px;
}

.menuIconSaveWorkflowNote {
    background-image: url('./../Image/MenuBox/Save.png');
    background-repeat: no-repeat;
    background-position: 0px;
    position: relative !important;
    float: left !important;
    margin-left: 8px;
}

.menuIconShowDocuments {
    background-image: url('./../Image/MenuBox/Folder.png');
    background-repeat: no-repeat;
    background-position: 0px;
    position: relative !important;
    float: left !important;
    margin-left: 8px;
}

.menuIconAddExternDocument {
    background-image: url('./../Image/MenuBox/Upload.png');
    background-repeat: no-repeat;
    background-position: 0px;
    position: relative !important;
    float: left !important;
    margin-left: 8px;
}

.menuIconAddUserToWorkflow {
    background-image: url('./../Image/MenuBox/AddUser.png');
    background-repeat: no-repeat;
    background-position: 0px;
    position: relative !important;
    float: left !important;
    margin-left: 8px;
}

.menuIconChangeState {
    background-image: url('./../Image/MenuBox/Rev.png');
    background-repeat: no-repeat;
    background-position: 0px;
    position: relative !important;
    float: left !important;
    margin-left: 8px;
}

.menuIconNextStateWithCommitMessage {
    background-image: url('./../Image/MenuBox/Rev.png');
    background-repeat: no-repeat;
    background-position: 0px;
    position: relative !important;
    float: left !important;
    margin-left: 8px;
}

.menuIconResetWorkflow {
    background-image: url('./../Image/MenuBox/Reset.png');
    background-repeat: no-repeat;
    background-position: 0px;
    position: relative !important;
    float: left !important;
    margin-left: 8px;
}

.menuIconAcceptInvitation {
    background-image: url('./../Image/MenuBox/Accept.png');
    background-repeat: no-repeat;
    background-position: 0px;
    position: relative !important;
    float: left !important;
    margin-left: 8px;
}

.menuIconEditItem {
    background-image: url('./../Image/MenuBox/Edit.png');
    background-repeat: no-repeat;
    background-position: 0px;
    position: relative !important;
    float: left !important;
    margin-left: 8px;
}

.menuIconExit {
    background-image: url('Common/Toolbar/344E67/exit.svg');
    background-repeat: no-repeat;
    background-position: 0px;
    background-size: 32px 32px; 
    position: relative !important;
    float: left !important;
    margin-left: 8px;
    
}

.menuIconBvUnDone {
    background-image: url('./../Image/MenuBox/Edit.png');
    background-repeat: no-repeat;
    background-position: 0px;
    position: relative !important;
    float: left !important;
    margin-left: 8px;
}

.menuIconBvDone {
    background-image: url('./../Image/MenuBox/Accept.png');
    background-repeat: no-repeat;
    background-position: 0px;
    position: relative !important;
    float: left !important;
    margin-left: 8px;
}

.themeMenuCustomIcons {
    -moz-transition: all 0.2s ease-in-out 0s;
    float: left;
    height: 32px;
    width: 32px;
}

.historyStateChange {
    background-color: #70ace8 !important;
}

.historyNoStateChange {
    background-color: #d395d2 !important;
}

.historyNoChange {
    background-color: #70ace8 !important;
}

.attributeButton {
    position: relative !important;
    float: left;
    margin-left: 15px !important;
    margin-top: 15px !important;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    border-radius: 10px 10px 10px 10px;
    height: 25px;
    line-height: 25px;
}

.documentButtonOn {
    background-color: blue;
    color: #ffffff;
    border-style: ridge;
}

.documentButtonOn:hover {
    border-style: inset;
}

.documentButtonActive {
    background-color: blue;
    color: #ffffff;
    border-style: inset;
}

.criticalButtonOn {
    background-color: red;
    color: #ffffff;
    border-style: ridge;
}

.criticalButtonOn:hover {
    border-style: inset;
}

.criticalButtonOff {
    background-color: grey;
    color: #ffffff;
    border-style: ridge;
}

.criticalButtonActive {
    background-color: red;
    color: #ffffff;
    border-style: inset;
}

.projectButtonOn {
    background-color: green;
    color: #ffffff;
    border-style: double;
}

.projectButtonOff {
    background-color: grey;
    color: #ffffff;
    border-style: ridge;
}

.childButtonOn {
    background-color: yellow;
    color: #000000;
    border-style: ridge;
}

.childButtonOn:hover {
    border-style: inset;
}

.childButtonOff {
    background-color: grey;
    color: #ffffff;
    border-style: ridge;
}

.childButtonActive {
    background-color: yellow;
    color: #000000;
    border-style: inset;
}

.deleteConnection {
    background-image: url('./../Image/Ticket/delete.png');
    background-repeat: no-repeat;
    background-position: 5px;
}

.addConnection {
    background-image: url('./../Image/Ticket/addConnection.png');
    background-repeat: no-repeat;
}

.isParent {
    background-image: url('./../Image/Ticket/isParent.png');
    background-repeat: no-repeat;
}

.isChild {
    background-image: url('./../Image/Ticket/isChild.png');
    background-repeat: no-repeat;
}

.isParentAndChild {
    background-image: url('./../Image/Ticket/isParentAndChild.png');
    background-repeat: no-repeat;
}

.treeViewDefault {
    color: black;
}

.treeViewGreen {
    color: green;
}

.treeViewPurple {
    color: purple;
}

.treeViewOrange {
    color: orange;
}

.treeViewRed {
    color: red;
}

.treeViewBlue {
    color: blue;
}
.treeViewGrey {
    color: grey;
}
.treeViewItalic {
    font-style: italic;
}


.ticketGroupHeader {
    font-weight: bold !important;
}

.isLoadedTicket {
    color: blue !important;
}

.ticketGroupChild {
    color: grey !important;
}

.ticketBug {
    color: black !important;
}

.ticketFeature {
    color: blue !important;
}

.ticketCollection {
    color: magenta !important;
}

.ticketUpdate {
    color: orange !important;
}

.isEvent {
    background-color: #b7d5f5 !important
}

.isTask {
    background-color: #ebccf8 !important
}

.topicUnRead {
    font-weight: bold !important;
}

.headerLabelpw4 {
    color: #003366;
    font-size: 12px;
    font-weight: bold;
    width: 480px;
    text-align: center;
    height: 20px;
    line-height: 20px;
    padding: 1px;
}

.deleteRow {
    background-image: url('./../Image/Organizer/delete.png');
    background-repeat: no-repeat;
    background-position: 2px;
}

.addRow {
    background-image: url('./../Image/Organizer/add.png');
    background-repeat: no-repeat;
    background-position: 2px;
}

.addOrganizer {
    background-image: url('./../Image/Organizer/add.png');
    background-repeat: no-repeat;
    background-position: 2px;
}

.saveList {
    background-image: url('./../Image/Organizer/save.png');
    background-repeat: no-repeat;
    background-position: 2px;
}

.listHeader {
    font-weight: bold;
}
.themeIconsSmall {
    background-image: url('./../Image/Icons/iconsBlue56.png');
    background-size: 2857% 229%;
    width: 20px;
    height: 20px;
    float: left;
}

.themeIconsSmall:hover {
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    box-shadow: 0 0 4px #888888;
    border-radius: 6px 0;
    z-index: 1;
}

.themeIconEditSmall {
    background-position: -346px -24px;
}
/*
	http://www.creepyed.com/2012/11/windows-phone-8-theme-colors-hex-rgb/

	Lime
	Green
	Emerald
	Teal
	Cyan
	Cobalt
	Indigo
	Violet
	Pink
	Magenta
	Crimson
	Red
	Orange
	Amber
	Yellow
	Brown
	Olive
	Steel
	Mauve
	Taupe
*/ 

/* foreground colors */
.colorLime {
	color: #A4C400 !important;
}

.colorGreen {
	color: #60A917 !important;
}

.colorEmerald {
	color: #008A00 !important;
}

.colorTeal {
	color: #00ABA9 !important;
}

.colorCyan {
	color: #1BA1E2 !important;
}

.colorCobalt {
	color: #0050EF !important;
}

.colorIndigo {
	color: #6A00FF !important;
}

.colorViolet {
	color: #AA00FF !important;
}

.colorPink {
	color: #F472D0 !important;
}

.colorMagenta {
	color: #D80073 !important;
}

.colorCrimson {
	color: #A20025 !important;
}

.colorRed {
	color: #E51400 !important;
}

.colorOrange {
	color: #FA6800 !important;
}

.colorAmber {
	color: #F0A30A !important;
}

.colorYellow {
	color: #E3C800 !important;
}

.colorBrown {
	color: #825A2C !important;
}

.colorOlive {
	color: #6D8764 !important;
}

.colorSteel {
	color: #647687 !important;
}

.colorMauve {
	color: #76608A !important;
}

.colorTaupe {
	color: #87794E !important;
}

/* background colors */
.backgroundColorLime {
	background-color: #A4C400 !important;
	color: #ffffff !important;
}

.backgroundColorGreen {
	background-color: #60A917 !important;
	color: #ffffff !important;
}

.backgroundColorEmerald {
	background-color: #008A00 !important;
	color: #ffffff !important;
}

.backgroundColorTeal {
	background-color: #00ABA9 !important;
	color: #ffffff !important;
}

.backgroundColorCyan {
	background-color: #1BA1E2 !important;
	color: #ffffff !important;
}

.backgroundColorCobalt {
	background-color: #0050EF !important;
	color: #ffffff !important;
}

.backgroundColorIndigo {
	background-color: #6A00FF !important;
	color: #ffffff !important;
}

.backgroundColorViolet {
	background-color: #AA00FF !important;
	color: #ffffff !important;
}

.backgroundColorPink {
	background-color: #F472D0 !important;
	color: #ffffff !important;
}

.backgroundColorMagenta {
	background-color: #D80073 !important;
	color: #ffffff !important;
}

.backgroundColorCrimson {
	background-color: #A20025 !important;
	color: #ffffff !important;
}

.backgroundColorRed {
	background-color: #E51400 !important;
	color: #ffffff !important;
}

.backgroundColorOrange {
	background-color: #FA6800 !important;
	color: #ffffff !important;
}

.backgroundColorAmber {
	background-color: #F0A30A !important;
	color: #ffffff !important;
}

.backgroundColorYellow {
	background-color: #E3C800 !important;
	color: #ffffff !important;
}

.backgroundColorBrown {
	background-color: #825A2C !important;
	color: #ffffff !important;
}

.backgroundColorOlive {
	background-color: #6D8764 !important;
	color: #ffffff !important;
}

.backgroundColorSteel {
	background-color: #647687 !important;
	color: #ffffff !important;
}

.backgroundColorMauve {
	background-color: #76608A !important;
	color: #ffffff !important;
}

.backgroundColorTaupe {
	background-color: #87794E !important;
	color: #ffffff !important;
}

/* border colors */
.borderColorLime {
    border-color: #A4C400 !important;
}

.borderColorGreen {
    border-color: #60A917 !important;
}

.borderColorEmerald {
    border-color: #008A00 !important;
}

.borderColorTeal {
    border-color: #00ABA9 !important;
}

.borderColorCyan {
    border-color: #1BA1E2 !important;
}

.borderColorCobalt {
    border-color: #0050EF !important;
}

.borderColorIndigo {
    border-color: #6A00FF !important;
}

.borderColorViolet {
    border-color: #AA00FF !important;
}

.borderColorPink {
    border-color: #F472D0 !important;
}

.borderColorMagenta {
    border-color: #D80073 !important;
}

.borderColorCrimson {
    border-color: #A20025 !important;
}

.borderColorRed {
    border-color: #E51400 !important;
}

.borderColorOrange {
    border-color: #FA6800 !important;
}

.borderColorAmber {
    border-color: #F0A30A !important;
}

.borderColorYellow {
    border-color: #E3C800 !important;
}

.borderColorBrown {
    border-color: #825A2C !important;
}

.borderColorOlive {
    border-color: #6D8764 !important;
}

.borderColorSteel {
    border-color: #647687 !important;
}

.borderColorMauve {
    border-color: #76608A !important;
}

.borderColorTaupe {
    border-color: #87794E !important;
}
.tundra .dojoxCalendar .buttonContainer {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 31px;
}

.tundra .dojoxCalendar .buttonContainer .dijitToolbar {
	border: 1px solid #B5BCC7;
}

.tundra .dojoxCalendar .viewContainer {
	position: absolute;
	left: 0;
	right: 0;
	top: 31px;
	bottom: 0;
}

.tundra .dojoxCalendar .view {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.tundra .dojoxCalendar {
	font-size: 0.9em;
}

.tundra .dojoxCalendarEvent.Calendar1 .bg {
	background-color: #00AA00 !important;
}

.tundra .dojoxCalendarEvent.Calendar1.Hovered .bg {
	background-color: #00FF00 !important;
}

.tundra .dojoxCalendarEvent.Calendar1.Selected .bg {
	background-color: #004400 !important;
}

.tundra .dojoxCalendarEvent.Calendar2 .bg {
	background-color: #0000AA !important;
}

.tundra .dojoxCalendarEvent.Calendar2.Hovered .bg {
	background-color: #0000FF !important;
}

.tundra .dojoxCalendarEvent.Calendar2.Selected .bg {
	background-color: #000044 !important;
}

.tundra .dojoxCalendarColumnView .dojoxCalendarEvent.Calendar2 .startTime {
	background-color: #00768F;
	border-left: 1px solid #260000;
	border-right: 1px solid #260000;
	border-top: 1px solid #260000;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	font-weight: bold;
	padding: 1px 2px 2px 1px;
	white-space: nowrap;
}

.tundra .dojoxCalendarColumnView .dojoxCalendarEvent.Calendar2.Focused .startTime {
	background-color: #6C0000;
	border-left: 1px dashed #FFFFFF;
	border-right: 1px dashed #FFFFFF;
	border-top: 1px dashed #FFFFFF;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	font-weight: bold;
	padding: 1px 2px 2px 1px;
	white-space: nowrap;
}
/* linke seite in month view genauso breit wie in den anderen machen */
.tundra .dojoxCalendarMatrixView .dojoxCalendarColumnHeader {
	border-bottom: 1px solid #CCCCCC;
	cursor: default;
	height: 29px;
	left: 70px !important;
	position: absolute;
	right: 0;
	top: 0;
}

.tundra .dojoxCalendarMatrixView .dojoxCalendarYearColumnHeader {
	border-bottom: 1px solid #CCCCCC;
	height: 29px;
	left: 0;
	position: absolute;
	text-align: center;
	top: 0;
	vertical-align: middle;
	width: 70px !important;
}

.tundra .dojoxCalendarMatrixView .dojoxCalendarContainer {
	bottom: 0;
	cursor: default;
	left: 70px !important;
	position: absolute;
	right: 0;
	top: 30px;
}

.tundra .dojoxCalendarMatrixView .dojoxCalendarGrid {
	bottom: 0;
	left: 70px !important;
	position: absolute;
	right: 0;
	top: 30px;
}

.tundra .dojoxCalendarMatrixView .dojoxCalendarRowHeader {
	-moz-user-select: none;
	bottom: 0;
	cursor: default;
	left: 0;
	position: absolute;
	top: 30px;
	width: 70px !important;
}
/*klassen um spalte links zu entfernen für column view*/
.tundra .hideleft .dojoxCalendarColumnView .dojoxCalendarContainer {
	cursor: default;
	left: 0px;
	position: absolute;
	right: 0;
	top: 0;
}

.tundra .hideleft .dojoxCalendarColumnView .dojoxCalendarMatrixView .dojoxCalendarContainer {
	bottom: 0;
	cursor: default;
	left: 0px;
	position: absolute;
	right: 0;
	top: 0;
}

.tundra .hideleft .dojoxCalendarColumnView .dojoxCalendarGrid {
	-moz-box-sizing: border-box;
	bottom: 0;
	left: 0px;
	position: absolute;
	right: 0;
	top: 0;
}

.tundra .hideleft .dojoxCalendarColumnView .dojoxCalendarRowHeader {
	-moz-user-select: none;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	cursor: default;
	height: 100%;
	position: absolute;
	width: 9px;
	display: none;
}

.tundra .hideleft .dojoxCalendarColumnView .dojoxCalendarMatrixView .dojoxCalendarGrid {
	-moz-box-sizing: border-box;
	bottom: 0;
	left: 0px;
	position: absolute;
	right: 0;
	top: 0;
}

.tundra .hideleft .dojoxCalendarColumnView .dojoxCalendarYearColumnHeader {
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	height: 29px;
	left: 0;
	position: absolute;
	top: 0;
	width: 68px;
	display: none;
}

.tundra .hideleft .dojoxCalendarColumnView .dojoxCalendarColumnHeader {
	cursor: default;
	height: 30px;
	left: 0px;
	position: absolute;
	right: 0;
	top: 0;
}

/*klassen um spalte links zu entfernen für simple column view*/
.tundra .hideleft .dojoxCalendarSimpleColumnView .dojoxCalendarContainer {
	cursor: default;
	left: 0px;
	position: absolute;
	right: 0;
	top: 0;
}

.tundra .hideleft .dojoxCalendarSimpleColumnView .dojoxCalendarMatrixView .dojoxCalendarContainer {
	bottom: 0;
	cursor: default;
	left: 0px;
	position: absolute;
	right: 0;
	top: 0;
}

.tundra .hideleft .dojoxCalendarSimpleColumnView .dojoxCalendarGrid {
	-moz-box-sizing: border-box;
	bottom: 0;
	left: 0px;
	position: absolute;
	right: 0;
	top: 0;
}

.tundra .hideleft .dojoxCalendarSimpleColumnView .dojoxCalendarRowHeader {
	-moz-user-select: none;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	cursor: default;
	height: 100%;
	position: absolute;
	width: 9px;
	display: none;
}

.tundra .hideleft .dojoxCalendarSimpleColumnView .dojoxCalendarMatrixView .dojoxCalendarGrid {
	-moz-box-sizing: border-box;
	bottom: 0;
	left: 0px;
	position: absolute;
	right: 0;
	top: 0;
}

.tundra .hideleft .dojoxCalendarSimpleColumnView .dojoxCalendarYearColumnHeader {
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	height: 29px;
	left: 0;
	position: absolute;
	top: 0;
	width: 68px;
	display: none;
}

.tundra .hideleft .dojoxCalendarSimpleColumnView .dojoxCalendarColumnHeader {
	cursor: default;
	height: 30px;
	left: 0px;
	position: absolute;
	right: 0;
	top: 0;
}

.tundra .hideleft .dojoxCalendarMatrixView .dojoxCalendarGrid {
	bottom: 0;
	left: 0px;
	position: absolute;
	right: 0;
	top: 30px;
}

.tundra .hideleft .dojoxCalendarMatrixView .dojoxCalendarColumnHeader {
	border-bottom: 1px solid #CCCCCC;
	cursor: default;
	height: 29px;
	left: 0px !important;
	position: absolute;
	right: 0;
	top: 0;
}

.tundra .hideleft .dojoxCalendarMatrixView .dojoxCalendarYearColumnHeader {
	border-bottom: 1px solid #CCCCCC;
	height: 29px;
	left: 0;
	position: absolute;
	text-align: center;
	top: 0;
	vertical-align: middle;
	width: 0px !important;
}
/*klassen um control  zu entfernen*/
.tundra .hidecontrol .dojoxCalendar .viewContainer {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0px;
}

.tundra .hidecontrol .dojoxCalendar .buttonContainer {
	height: 31px;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	display: none;
}

/*klassen um nur left anzuzeigen*/
.tundra .leftonly .dojoxCalendarSimpleColumnView .dojoxCalendarGrid {
	left: 70px;
	position: absolute;
	right: 0;
	width: 0;
}

.tundra .leftonly .dojoxCalendarMatrixView .dojoxCalendarGrid {
	bottom: 0;
	left: 50px;
	position: absolute;
	right: 0;
	top: 30px;
	width: 0;
	overflow: hidden !important;
}

/*klassen um nur scroll anzuzeigen*/
.tundra .scrollonly .dojoxCalendarSimpleColumnView .dojoxCalendarScrollContainer {
	-moz-box-sizing: border-box;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 30px;
	width: 0;
}

.tundra .scrollonly .dojoxCalendarSimpleColumnView .dojoxCalendarHeader {
	-moz-box-sizing: border-box;
	height: 29px;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 0;
}

.tundra .scrollonly .dojoxCalendarMatrixView .dojoxCalendarContainer {
	bottom: 0;
	cursor: default;
	left: 50px;
	position: absolute;
	right: 0;
	top: 30px;
	display: none;
}

.tundra .scrollonly .dojoxCalendarMatrixView .dojoxCalendarColumnHeader {
	border-bottom: 1px solid #CCCCCC;
	cursor: default;
	display: none;
	height: 29px;
	left: 0 !important;
	position: absolute;
	right: 0;
	top: 0;
}

/*klassen um scrollbar zu entfernen in column view*/
.tundra .hidescroll .dojoxCalendarColumnView .dojoxCalendarHeader {
	-moz-box-sizing: border-box;
	height: 29px;
	left: 0;
	position: absolute;
	right: 0 !important;
	top: 0;
}

.tundra .hidescroll .dojoxCalendarColumnView .dojoxCalendarMatrixView {
	height: 39px;
	left: 0;
	position: absolute;
	right: 0 !important;
	top: 30px;
}

.tundra .hidescroll .dojoxCalendarColumnView .dojoxCalendarScrollContainer {
	-moz-box-sizing: border-box;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0 !important;
	top: 72px;
}

/*klassen um scrollbar zu entfernen in simple column view*/
.tundra .hidescroll .dojoxCalendarSimpleColumnView .dojoxCalendarHeader {
	-moz-box-sizing: border-box;
	height: 29px;
	left: 0;
	position: absolute;
	right: 0 !important;
	top: 0;
}

.tundra .hidescroll .dojoxCalendarSimpleColumnView .dojoxCalendarMatrixView {
	height: 39px;
	left: 0;
	position: absolute;
	right: 0 !important;
	top: 30px;
}

.tundra .hidescroll .dojoxCalendarSimpleColumnView .dojoxCalendarScrollContainer {
	-moz-box-sizing: border-box;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0 !important;
	top: 30px;
}

.tundra .dojoxCalendarGridTable {
	background-color: white;
}

/* Stundenstriche sind dunkel */
.tundra .dojoxCalendarSimpleColumnView .dojoxCalendarGridTable .hour {
	border-top: 1px solid #333333;
}

/* Halbstundenstriche sind wie die normalen striche */
.tundra .dojoxCalendarSimpleColumnView .dojoxCalendarGridTable .halfhour {
	border-top: 1px dotted #B5BCC7;
}

/* Hintergrundfarbe von today */
.tundra .dojoxCalendarSimpleColumnView .dojoxCalendarGridTable .dojoxCalendarToday {
	background-color: #FFFFFF;
}

/* Klassen für Events*/
.eventRed {
	background-color: red;
	color: #FFFFFF !important;
	font-weight: bold;
}

.eventLightBlue {
	background-color: #1E91CD;
	color: #FFFFFF !important;
}

.eventGreen {
	background-color: green;
	color: #FFFFFF !important;
}

.eventYellow {
	background-color: yellow;
	color: #000000 !important;
}

/* Headerzeile kleiner Kalender*/
.tundra .dijitCalendarMonthContainer th {
	background: none repeat scroll 0 0 #344E67;
	padding-bottom: 0.2em;
	padding-top: 0.3em;
	text-align: center;
}

/* Monat Label Auswahl*/
.tundra .dijitCalendarMonthLabel {
	background-color: #344E67;
	color: #FFFFFF;
	font-weight: bold;
	padding: 0 4px;
}

/* Ausgewählter Tag*/
.tundra .dijitCalendarSelectedDate {
	background-color: #344E67 !important;
	color: #FFFFFF !important;
}

/* Ausgewähltes Jahr*/
.tundra .dijitCalendarSelectedYear {
	background-color: #344E67 !important;
	color: #FFFFFF;
	font-size: 12px !important;
	padding: 0.2em 0.2em 0.1em;
}

.tundra .dojoxCalendarEvent .Selected .bg {
	background-color: #004400 !important;
}

.absCenter {
	left: 160px;
	right: 0px;
	height: 560px;
	min-width: 340px;
	box-shadow: 1px 1px 2px #DDDDDD;
}

.moveLeft {
	left: 150px;
	width: 10px;
	height: 610px;
}

.moveRight {
	right: 300px;
	width: 10px;
	height: 610px;
}

.defaultLabelHeader {
	width: 100%;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	float: left;
	position: relative !important;
	background-color: #ececec;
}

.contentBox {
	bottom: 0;
	left: 0;
	min-width: 900px;
	right: 0;
	top: 35px;
}

.register {
	top: 40px;
	height: 500px;
	width: 100%;
	z-index: 1;
	height: 456px;
}

.floatTab .tabActive {
	float: left;
	position: relative !important;
	margin-left: 4px;
	margin-bottom: 4px;
	padding: 1px;
	width: 15%;
	font-size: 12px;
}

.floatTab .tabInactive { /* for firefox 3.6+ */
	float: left;
	position: relative !important;
	margin-left: 4px;
	margin-bottom: 4px;
	padding: 1px;
	width: 15%;
	font-size: 12px;
}

.labelFloating {
	position: relative !important;
	float: left;
	width: 45%;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	text-align: right;
	margin: 0 2% 3px 0;
	clear: left;
	color: grey;
}

.inputFloating {
	border-bottom: 1px solid #E7E7E7;
	font-size: 12px;
	height: 20px;
	line-height: 20px;
	margin: 0 0 3px 0;
	position: relative !important;
	float: left;
}

input.inputFloating {
	position: relative !important;
	margin: 0 0 2px 0;
	height: 20px;
	float: left;
}

.wp45 {
	width: 45%;
}

.buttonFloating {
	position: relative !important;
	float: left;
	width: 100%;
	height: 22px;
	line-height: 22px;
	font-size: 12px;
	text-align: center;
	clear: left;
	cursor: pointer;
	border: 1px solid #99aadd;
	background-color: #deeeff;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	background-color: #AAAAAA;
	background: -webkit-gradient(linear, left top, left bottom, from(#AAAAAA), to(#777777));
	background: -moz-linear-gradient(center top, #AAAAAA, #777777) repeat scroll 0 0 transparent;
	border-radius: 1px;
	border-width: 0;
	box-shadow: 0 0 2px #666666;
	color: #FFFFFF;
	font-weight: bold;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	font-weight: normal;
	font-size: 14px;
}

.buttonFloating:hover {
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	background-color: #777777;
	background: -webkit-gradient(linear, left top, left bottom, from(#777777), to(#444444));
	background: -moz-linear-gradient(center top, #777777, #444444) repeat scroll 0 0 transparent;
	border-radius: 1px;
	border-width: 0;
	box-shadow: 0 0 2px #444444;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	font-weight: normal;
	font-size: 14px;
}

.menuIconIntervalChangeDay {
	background-image: url('./../Image/Organizer/intervalDay.png');
	background-repeat: no-repeat;
	background-position: 0px;
	position: relative !important;
	float: left !important;
	margin-left: 8px;
}

.menuIconIntervalChangeWeek {
	background-image: url('./../Image/Organizer/intervalWeek.png');
	background-repeat: no-repeat;
	background-position: 0px;
	position: relative !important;
	float: left !important;
	margin-left: 8px;
}

.menuIconIntervalChangeMonth {
	background-image: url('./../Image/Organizer/intervalMonth.png');
	background-repeat: no-repeat;
	background-position: 0px;
	position: relative !important;
	float: left !important;
	margin-left: 8px;
}

.menuIconExitCalendar {
	background-image: url('./../Image/Organizer/exitCalendar.png');
	background-repeat: no-repeat;
	background-position: 0px;
	position: relative !important;
	float: left !important;
	margin-left: 8px;
}

/* background colors */
.dojoxCalendarContainerRow [class*="backgroundColor"] {
	border-radius: 2px;
}

.dojoxCalendarEvent.icon:after, .dojoxCalendarEvent.icon:before {
	position: absolute;
	top: 0px;
	right: 0px;
	content: '';
	width: 14px;
	height: 14px;
	z-index: 10;
	text-align: center;
	font-family: Arial;
	font-size: 16px;
	line-height: 15px;
	color: #000;
}

.dojoxCalendarEvent.icon:before {
	background-color: #fff;
	z-index: 9;
}

.dojoxCalendarEvent.icon.allDay:after, .dojoxCalendarEvent.icon.allDay:before {
	top: 0px;
	right: 0px;
	width: 17px;
	height: 17px;
	line-height: 18px;
}

/* background-image: url('./../Image/Icons/calendar-icon-exclamation.svg'); question diamond*/
.dojoxCalendarEvent.icon.question:after {
	content: '?';
	font-weight: bold;
}

.dojoxCalendarEvent.icon.exclamation:after {
	content: '!';
	font-weight: bold;
}

.dojoxCalendarEvent.icon.diamond:after {
	content: '♦';
	line-height: 13px;
}

.dojoxCalendarEvent.icon.diamond.allDay:after {
	font-size: 18px;
	line-height: 16px;
}

.dojoxCalendarEvent.icon.circle:after {
	content: '•';
	font-size: 34px;
	line-height: 15px;
}

.dojoxCalendarEvent.icon.circle.allDay:after {
	font-size: 38px;
	line-height: 18px;
}

.dojoxCalendarEvent.icon.iconColorGreen:after {
	filter: invert(65%) sepia(74%) saturate(3113%) hue-rotate(51deg) brightness(92%) contrast(82%);
}

.dojoxCalendarEvent.icon.iconColorLime:after {
	filter: invert(65%) sepia(84%) saturate(1579%) hue-rotate(28deg) brightness(99%) contrast(103%);
}

.dojoxCalendarEvent.icon.iconColorEmerald:after {
	filter: invert(28%) sepia(85%) saturate(2090%) hue-rotate(99deg) brightness(89%) contrast(106%);
}

.dojoxCalendarEvent.icon.iconColorTeal:after {
	filter: invert(42%) sepia(34%) saturate(4196%) hue-rotate(152deg) brightness(100%) contrast(102%);
}

.dojoxCalendarEvent.icon.iconColorCyan:after {
	filter: invert(59%) sepia(33%) saturate(3868%) hue-rotate(168deg) brightness(92%) contrast(92%);
}

.dojoxCalendarEvent.icon.iconColorCobalt:after {
	filter: invert(19%) sepia(99%) saturate(3709%) hue-rotate(219deg) brightness(93%) contrast(104%);
}

.dojoxCalendarEvent.icon.iconColorIndigo:after {
	filter: invert(8%) sepia(100%) saturate(7365%) hue-rotate(269deg) brightness(104%) contrast(124%);
}

.dojoxCalendarEvent.icon.iconColorViolet:after {
	filter: invert(18%) sepia(84%) saturate(6260%) hue-rotate(278deg) brightness(96%) contrast(128%);
}

.dojoxCalendarEvent.icon.iconColorPink:after {
	filter: invert(69%) sepia(59%) saturate(2577%) hue-rotate(283deg) brightness(100%) contrast(92%);
}

.dojoxCalendarEvent.icon.iconColorMagenta:after {
	filter: invert(17%) sepia(99%) saturate(7496%) hue-rotate(321deg) brightness(85%) contrast(101%);
}

.dojoxCalendarEvent.icon.iconColorCrimson:after {
	filter: invert(16%) sepia(35%) saturate(6185%) hue-rotate(330deg) brightness(85%) contrast(120%);
}

.dojoxCalendarEvent.icon.iconColorRed:after {
	filter: invert(13%) sepia(84%) saturate(6794%) hue-rotate(10deg) brightness(95%) contrast(102%);
}

.dojoxCalendarEvent.icon.iconColorOrange:after {
	filter: invert(43%) sepia(84%) saturate(2326%) hue-rotate(2deg) brightness(99%) contrast(101%);
}

.dojoxCalendarEvent.icon.iconColorAmber:after {
	filter: invert(61%) sepia(81%) saturate(833%) hue-rotate(359deg) brightness(98%) contrast(93%);
}

.dojoxCalendarEvent.icon.iconColorYellow:after {
	filter: invert(82%) sepia(54%) saturate(1241%) hue-rotate(2deg) brightness(90%) contrast(102%);
}

.dojoxCalendarEvent.icon.iconColorBrown:after {
	filter: invert(36%) sepia(9%) saturate(3382%) hue-rotate(352deg) brightness(93%) contrast(80%);
}

.dojoxCalendarEvent.icon.iconColorOlive:after {
	filter: invert(53%) sepia(22%) saturate(469%) hue-rotate(60deg) brightness(90%) contrast(85%);
}

.dojoxCalendarEvent.icon.iconColorSteel:after {
	filter: invert(48%) sepia(18%) saturate(443%) hue-rotate(168deg) brightness(91%) contrast(91%);
}

.dojoxCalendarEvent.icon.iconColorMauve:after {
	filter: invert(42%) sepia(14%) saturate(921%) hue-rotate(229deg) brightness(92%) contrast(92%);
}

.dojoxCalendarEvent.icon.iconColorTaupe:after {
	filter: invert(47%) sepia(10%) saturate(1324%) hue-rotate(8deg) brightness(98%) contrast(90%);
}

.dojoxCalendarEvent.icon.iconColorWhite:after {
	filter: invert(100%);
}

.backgroundColorLime .bg {
	background-color: #A4C400 !important;
	color: #ffffff !important;
}
.backgroundColorLime.grayedOut,.backgroundColorLime.grayedOut .bg {
	background-color: #DAE799 !important
}
.backgroundColorGreen .bg {
	background-color: #60A917 !important;
	color: #ffffff !important;
}
.backgroundColorGreen.grayedOut,.backgroundColorGreen.grayedOut .bg {
	background-color: #BFDCA2 !important
}
.backgroundColorEmerald .bg {
	background-color: #008A00 !important;
	color: #ffffff !important;
}
.backgroundColorEmerald.grayedOut,.backgroundColorEmerald.grayedOut .bg {
	background-color: #99D099 !important
}
.backgroundColorTeal .bg {
	background-color: #00ABA9 !important;
	color: #ffffff !important;
}
.backgroundColorTeal.grayedOut,.backgroundColorTeal.grayedOut .bg {
	background-color: #99DDDC !important
}
.backgroundColorCyan .bg {
	background-color: #1BA1E2 !important;
	color: #ffffff !important;
}
.backgroundColorCyan.grayedOut,.backgroundColorCyan.grayedOut .bg {
	background-color: #A3D9F3 !important
}
.backgroundColorCobalt .bg {
	background-color: #0050EF !important;
	color: #ffffff !important;
}
.backgroundColorCobalt.grayedOut,.backgroundColorCobalt.grayedOut .bg {
	background-color: #99B9F9 !important
}
.backgroundColorIndigo .bg {
	background-color: #6A00FF !important;
	color: #ffffff !important;
}
.backgroundColorIndigo.grayedOut,.backgroundColorIndigo.grayedOut .bg {
	background-color: #C399FF !important
}
.backgroundColorViolet .bg {
	background-color: #AA00FF !important;
	color: #ffffff !important;
}
.backgroundColorViolet.grayedOut,.backgroundColorViolet.grayedOut .bg {
	background-color: #DD99FF !important
}
.backgroundColorPink .bg {
	background-color: #F472D0 !important;
	color: #ffffff !important;
}
.backgroundColorPink.grayedOut,.backgroundColorPink.grayedOut .bg {
	background-color: #FBC6EC !important
}
.backgroundColorMagenta .bg {
	background-color: #D80073 !important;
	color: #ffffff !important;
}
.backgroundColorMagenta.grayedOut,.backgroundColorMagenta.grayedOut .bg {
	background-color: #EF99C7 !important
}
.backgroundColorCrimson .bg {
	background-color: #A20025 !important;
	color: #ffffff !important;
}
.backgroundColorCrimson.grayedOut,.backgroundColorCrimson.grayedOut .bg {
	background-color: #DA99A7 !important
}
.backgroundColorRed .bg {
	background-color: #E51400 !important;
	color: #ffffff !important;
}
.backgroundColorRed.grayedOut,.backgroundColorRed.grayedOut .bg {
	background-color: #F5A199 !important
}
.backgroundColorOrange .bg {
	background-color: #FA6800 !important;
	color: #ffffff !important;
}
.backgroundColorOrange.grayedOut,.backgroundColorOrange.grayedOut .bg {
	background-color: #FDC299 !important
}
.backgroundColorAmber .bg {
	background-color: #F0A30A !important;
	color: #ffffff !important;
}
.backgroundColorAmber.grayedOut,.backgroundColorAmber.grayedOut .bg {
	background-color: #F9DA9D !important
}
.backgroundColorYellow .bg {
	background-color: #E3C800 !important;
	color: #ffffff !important;
}
.backgroundColorYellow.grayedOut,.backgroundColorYellow.grayedOut .bg {
	background-color: #F4E999 !important
}
.backgroundColorBrown .bg {
	background-color: #825A2C !important;
	color: #ffffff !important;
}
.backgroundColorBrown.grayedOut,.backgroundColorBrown.grayedOut .bg {
	background-color: #CDBDAA !important
}
.backgroundColorOlive .bg {
	background-color: #6D8764 !important;
	color: #ffffff !important;
}
.backgroundColorOlive.grayedOut,.backgroundColorOlive.grayedOut .bg {
	background-color: #C4CFC1 !important
}
.backgroundColorSteel .bg {
	background-color: #647687 !important;
	color: #ffffff !important;
}
.backgroundColorSteel.grayedOut,.backgroundColorSteel.grayedOut .bg {
	background-color: #C1C8CF !important
}
.backgroundColorMauve .bg {
	background-color: #76608A !important;
	color: #ffffff !important;
}
.backgroundColorMauve.grayedOut,.backgroundColorMauve.grayedOut .bg {
	background-color: #C8BFD0 !important
}
.backgroundColorTaupe .bg {
	background-color: #87794E !important;
	color: #ffffff !important;
}
.backgroundColorTaupe.grayedOut,.backgroundColorTaupe.grayedOut .bg {
	background-color: #CFC9B8 !important
}
.backgroundColorWhite .bg {
	background-color: #ffffff !important;
	color: #000 !important;
}
.grayedOut {
    color: #000000 !important;
}

.scheduleGridButton {
	width: 16px;
	height: 16px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center !important;
}

.scheduleGridButton:hover {
	background-color: #1d2b39
}

.grpMultiupload {
	position: relative !important;
	background-color: #ccd9e5;
	width: 50%;
}

.panelMultiuploadTitle {
	position: relative !important;
	font-size: 12px;
	line-height: 20px;
	padding: 10px;
}

.panelMultiupload {
	position: relative !important;
	overflow: hidden !important;
	font-size: 12px;
	line-height: 20px;
	padding: 0 10px;
}
body {
	background-color: #dddddd;
}

.menuHeader {
	cursor: pointer;
	display: inherit;
}

.elementHidden {
	display: none;
}

.contentDefault {
	position: relative !important;
	top: 0px;
	margin-left: 200px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.contentFullscreen {
	margin-left: 0px;
}

.leftBlock {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	position: relative !important;
	left: 0px;
	top: 0px;
	float: left;
	width: 200px;
	height: 666px;
}
.lblIcon {
	font-family : Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial, Sans-serif;
	text-align: left;
	font-size: 12px;
	width: 155px;
}

.lblIconRightHalf {
	text-align: right !important;
}

.iconMDCustomer {
	background-image: url("./../Image/Icons/Splash/MDCustomer.png");
	top: 25px;
	left: 600px;
	overflow: visible !important;
	width: 118px;
	height: 95px;
}

.iconSaleOrder {
	background-image: url("./../Image/Icons/Splash/SaleOrder.png");
	top: 165px;
	left: 785px;
	overflow: visible !important;
	width: 118px;
	height: 95px;
}

.iconSaleDelivery {
	background-image: url("./../Image/Icons/Splash/SaleDelivery.png");
	top: 251px;
	left: 818px;
	overflow: visible !important;
	width: 118px;
	height: 95px;
}

.iconSaleInvoice {
	background-image: url("./../Image/Icons/Splash/SaleInvoice.png");
	top: 339px;
	left: 785px;
	overflow: visible !important;
	width: 118px;
	height: 95px;
}

.iconProductionStockList {
	background-image: url("./../Image/Icons/Splash/ProductionStockList.png");
	top: 427px;
	left: 170px;
	overflow: visible !important;
	width: 118px;
	height: 95px;
}

.iconMDArticle {
	background-image: url("./../Image/Icons/Splash/MDArticle.png");
	top: 25px;
	left: 280px;
	overflow: visible !important;
	width: 118px;
	height: 95px;
}

.iconMDProjects {
	background-image: url("./../Image/Icons/Splash/MDProjects.png");
	top: 427px;
	left: 710px;
	overflow: visible !important;
	width: 118px;
	height: 95px;
}

.iconDates {
	background-image: url("./../Image/Icons/Splash/Dates.png");
	top: 478px;
	left: 600px;
	overflow: visible !important;
	width: 118px;
	height: 95px;
}

.iconSaleOffer {
	background-image: url("./../Image/Icons/Splash/CreditNote.png");
	top: 80px;
	left: 710px;
	overflow: visible !important;
	width: 118px;
	height: 95px;
}

.iconPurchaseOrder {
	background-image: url("./../Image/Icons/Splash/PurchaseOrder.png");
	top: 165px;
	left: 95px;
	overflow: visible !important;
	width: 118px;
	height: 95px;
}

.iconPurchaseInvoice {
	background-image: url("./../Image/Icons/Splash/PurchaseInvoice.png");
	top: 339px;
	left: 95px;
	overflow: visible !important;
	width: 118px;
	height: 95px;
}

.iconStockReceipt {
	background-image: url("./../Image/Icons/Splash/StockReceipt.png");
	top: 251px;
	left: 62px;
	overflow: visible !important;
	width: 118px;
	height: 95px;
}

.iconMDSupplier {
	background-image: url("./../Image/Icons/Splash/MDSupplier.png");
	top: 80px;
	left: 170px;
	overflow: visible !important;
	width: 118px;
	height: 95px;
}

.iconProduction {
	background-image: url("./../Image/Icons/Splash/Production.png");
	top: 478px;
	left: 280px;
	overflow: visible !important;
	width: 118px;
	height: 95px;
}

/*
 Hover Classes
 */
.iconMDCustomer:hover {
	background-image: url("./../Image/Icons/Splash/Hover/MDCustomer.png");
	top: 20px;
	left: 595px;
	overflow: visible !important;
	width: 128px;
	height: 103px;
}

.iconSaleOrder:hover {
	background-image: url("./../Image/Icons/Splash/Hover/SaleOrder.png");
	top: 160px;
	left: 780px;
	overflow: visible !important;
	width: 128px;
	height: 103px;
}

.iconSaleDelivery:hover {
	background-image: url("./../Image/Icons/Splash/Hover/SaleDelivery.png");
	top: 246px;
	left: 813px;
	overflow: visible !important;
	width: 128px;
	height: 103px;
}

.iconSaleInvoice:hover {
	background-image: url("./../Image/Icons/Splash/Hover/SaleInvoice.png");
	top: 334px;
	left: 781px;
	overflow: visible !important;
	width: 128px;
	height: 103px;
}

.iconProductionStockList:hover {
	background-image:
		url("./../Image/Icons/Splash/Hover/ProductionStockList.png");
	top: 422px;
	left: 165px;
	overflow: visible !important;
	width: 128px;
	height: 103px;
}

.iconMDArticle:hover {
	background-image: url("./../Image/Icons/Splash/Hover/MDArticle.png");
	top: 20px;
	left: 275px;
	overflow: visible !important;
	width: 128px;
	height: 103px;
}

.iconMDProjects:hover {
	background-image: url("./../Image/Icons/Splash/Hover/MDProjects.png");
	top: 422px;
	left: 705px;
	overflow: visible !important;
	width: 128px;
	height: 103px;
}

.iconDates:hover {
	background-image: url("./../Image/Icons/Splash/Hover/Dates.png");
	top: 473px;
	left: 595px;
	overflow: visible !important;
	width: 128px;
	height: 103px;
}

.iconSaleOffer:hover {
	background-image: url("./../Image/Icons/Splash/Hover/CreditNote.png");
	top: 75px;
	left: 705px;
	overflow: visible !important;
	width: 128px;
	height: 103px;
}

.iconPurchaseOrder:hover {
	background-image: url("./../Image/Icons/Splash/Hover/PurchaseOrder.png");
	top: 160px;
	left: 90px;
	overflow: visible !important;
	width: 128px;
	height: 103px;
}

.iconPurchaseInvoice:hover {
	background-image: url("./../Image/Icons/Splash/Hover/PurchaseInvoice.png");
	top: 334px;
	left: 90px;
	overflow: visible !important;
	width: 128px;
	height: 103px;
}

.iconStockReceipt:hover {
	background-image: url("./../Image/Icons/Splash/Hover/StockReceipt.png");
	top: 246px;
	left: 57px;
	overflow: visible !important;
	width: 128px;
	height: 103px;
}

.iconMDSupplier:hover {
	background-image: url("./../Image/Icons/Splash/Hover/MDSupplier.png");
	top: 75px;
	left: 165px;
	overflow: visible !important;
	width: 128px;
	height: 103px;
}

.iconProduction:hover {
	background-image: url("./../Image/Icons/Splash/Hover/Production.png");
	top: 473px;
	left: 275px;
	overflow: visible !important;
	width: 128px;
	height: 103px;
}

.iconAccountingOpenInvoices {
	background-image: url("./../Image/Icons/Splash/SaleInvoice.png");
	top: 427px;
	left: 170px;
	overflow: visible !important;
	width: 118px;
	height: 95px;
}

.iconAccountingOpenInvoices:hover {
	background-image: url("./../Image/Icons/Splash/Hover/SaleInvoice.png");
	top: 422px;
	left: 165px;
	overflow: visible !important;
	width: 128px;
	height: 103px;
}

.iconAccountingDunningProcess {
	background-image: url("./../Image/Icons/Splash/PurchaseOrder.png");
	top: 478px;
	left: 280px;
	overflow: visible !important;
	width: 118px;
	height: 95px;
}

.iconAccountingDunningProcess:hover {
	background-image: url("./../Image/Icons/Splash/Hover/PurchaseOrder.png");
	top: 473px;
	left: 275px;
	overflow: visible !important;
	width: 128px;
	height: 103px;
}
/* NEW */
.gridHeadlineDefault {
    background-color: #FFFFFF;
    color: #444444;
    font-size: 14px;
    text-align: left;
    height: 40px;
    line-height: 40px;
}

.dynamicGrid .gridHeadlineDefault, .cardGrid .gridHeadlineDefault {
    height: 26px;
    line-height: 26px;
}

.gridNavigateDefault {
    font-size: 14px;
	color: #444444;
    text-align: center;
    width: 120px;
    line-height: 38px;
    height: 38px;
}

.dynamicGrid .gridNavigateDefault,.cardGrid .gridNavigateDefault { 
    font-size: 12px;
	line-height: 24px;
    height: 24px;
}

input.gridFilterDefault {
    -webkit-transition: background-color 0.25s ease-in-out, border 0.25s ease-in-out;
    -moz-transition: background-color 0.25s ease-in-out, border 0.25s ease-in-out;
    -o-transition: background-color 0.25s ease-in-out, border 0.25s ease-in-out;
    transition: background-color 0.25s ease-in-out, border 0.25s ease-in-out;

    text-align: left;
    background-color: #ffffff;
    border: 1px solid #d4dce7;
    margin: 1px 0;
    border-radius: 1px;
	
	box-sizing: border-box;

    top: 4px;
    line-height: 28px;
	height: 28px;
    width: 100%;
	font-size: 12px;
}
.gridFilterPdDefault {
    -webkit-transition: background-color 0.25s ease-in-out, border 0.25s ease-in-out;
    -moz-transition: background-color 0.25s ease-in-out, border 0.25s ease-in-out;
    -o-transition: background-color 0.25s ease-in-out, border 0.25s ease-in-out;
    transition: background-color 0.25s ease-in-out, border 0.25s ease-in-out;

    text-align: left;
    background-color: #ffffff;
    border: 1px solid #d4dce7;
    margin: 1px 0;
    border-radius: 1px;
	
	box-sizing: border-box;

    top: 4px;
    line-height: 28px;
	height: 28px;
    width: 100%;
	font-size: 12px;
}

input.gridPageDefault {
      -webkit-transition: background-color 0.25s ease-in-out, border 0.25s ease-in-out;
      -moz-transition: background-color 0.25s ease-in-out, border 0.25s ease-in-out;
      -o-transition: background-color 0.25s ease-in-out, border 0.25s ease-in-out;
      transition: background-color 0.25s ease-in-out, border 0.25s ease-in-out;
      text-align: left;
      background-color: #ffffff;
      border: 1px solid #d4dce7;
      margin: 1px 0;
      opacity:0;
}


.dynamicGrid select.gridFilterPdDefault, .cardGrid select.gridFilterPdDefault {
    top: 1px;
	line-height: 20px;
	height: 20px;
    width: 120px;
	font-size: 12px;
}

.dynamicGrid input.gridFilterDefault, .cardGrid input.gridFilterDefault {
    top: 1px;
	line-height: 20px;
	height: 20px;
    width: 120px;
	font-size: 12px;
}

input.gridFilterDefault:focus {
    border-color: #f4c01f !important;
}

input.gridPageDefault:focus {
      border: none !important;
      opacity: 0.5;
}

/* Buttons */

/*
.gridButtonCloseDefault 
.gridButtonStartDefault 
.gridButtonBackDefault 
.gridButtonForwardDefault
.gridButtonEndDefault
.gridButtonInaktivStartDefault 
.gridButtonInaktivBackDefault
.gridButtonInaktivForwardDefault
.gridButtonInaktivEndDefault
.gridButtonAllDefault
.gridButtonFilterDefault
.gridButtonExportDefault
.gridButtonConfigDefault
.gridButtonSwitchDefault 
.gridButtonSelectClearDefault
.gridButtonSelectAllDefault
.gridButtonSelectInvertDefault
.gridButtonMultiselectDefault 
.gridButtonInaktivFilterDefault
.gridButtonInaktivCloseDefault
.gridButtonInaktivAllDefault
.gridButtonInaktivMultiselectDefault
*/
.gridButtonCloseDefault, .gridButtonStartDefault, .gridButtonBackDefault, .gridButtonForwardDefault, .gridButtonEndDefault, .gridButtonInaktivStartDefault, .gridButtonInaktivBackDefault, .gridButtonInaktivForwardDefault, .gridButtonInaktivEndDefault, .gridButtonAllDefault, .gridButtonFilterDefault, .gridButtonExportDefault, .gridButtonConfigDefault, .gridButtonSwitchDefault, .gridButtonSelectClearDefault, .gridButtonSelectAllDefault, .gridButtonSelectInvertDefault, .gridButtonMultiselectDefault, .gridButtonInaktivFilterDefault, .gridButtonInaktivCloseDefault, .gridButtonInaktivAllDefault, .gridButtonInaktivMultiselectDefault {
    -webkit-transition: background-color 0.25s ease-in-out;
    -moz-transition: background-color 0.25s ease-in-out;
    -o-transition: background-color 0.25s ease-in-out;
    transition: background-color 0.25s ease-in-out;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;

	margin: 4px 0;
    width: 100%;
    height: 30px;
}

.gridButtonCloseDefault:hover, .gridButtonStartDefault:hover, .gridButtonBackDefault:hover, .gridButtonForwardDefault:hover, .gridButtonEndDefault:hover, .gridButtonInaktivStartDefault:hover, .gridButtonInaktivBackDefault:hover, .gridButtonInaktivForwardDefault:hover, .gridButtonInaktivEndDefault:hover, .gridButtonAllDefault:hover, .gridButtonFilterDefault:hover, .gridButtonExportDefault:hover, .gridButtonConfigDefault:hover, .gridButtonSwitchDefault:hover, .gridButtonSelectClearDefault:hover, .gridButtonSelectAllDefault:hover, .gridButtonSelectInvertDefault:hover, .gridButtonMultiselectDefault:hover, .gridButtonInaktivFilterDefault:hover, .gridButtonInaktivCloseDefault:hover, .gridButtonInaktivAllDefault:hover, .gridButtonInaktivMultiselectDefault:hover {
    background-color: #1f2e3d;
}

/* unterscheidung defaultgrid / cardgrid */
.cardGrid .gridButtonCloseDefault, .cardGrid .gridButtonStartDefault, .cardGrid .gridButtonBackDefault, .cardGrid .gridButtonForwardDefault, .cardGrid .gridButtonEndDefault, .cardGrid .gridButtonInaktivStartDefault, .cardGrid .gridButtonInaktivBackDefault, .cardGrid .gridButtonInaktivForwardDefault, .cardGrid .gridButtonInaktivEndDefault, .cardGrid .gridButtonAllDefault, .cardGrid .gridButtonFilterDefault, .cardGrid .gridButtonExportDefault, .cardGrid .gridButtonConfigDefault, .cardGrid .gridButtonSwitchDefault, .cardGrid .gridButtonSelectClearDefault, .cardGrid .gridButtonSelectAllDefault, .cardGrid .gridButtonSelectInvertDefault, .cardGrid .gridButtonMultiselectDefault, .cardGrid .gridButtonInaktivFilterDefault, .cardGrid .gridButtonInaktivCloseDefault, .cardGrid .gridButtonInaktivAllDefault, .cardGrid .gridButtonInaktivMultiselectDefault {
	margin: 0;
	width: 24px;
    height: 24px;
}

.dynamicGrid .gridButtonCloseDefault, .dynamicGrid .gridButtonStartDefault, .dynamicGrid .gridButtonBackDefault, .dynamicGrid .gridButtonForwardDefault, .dynamicGrid .gridButtonEndDefault, .dynamicGrid .gridButtonInaktivStartDefault, .dynamicGrid .gridButtonInaktivBackDefault, .dynamicGrid .gridButtonInaktivForwardDefault, .dynamicGrid .gridButtonInaktivEndDefault, .dynamicGrid .gridButtonAllDefault, .dynamicGrid .gridButtonFilterDefault, .dynamicGrid .gridButtonExportDefault, .dynamicGrid .gridButtonConfigDefault, .dynamicGrid .gridButtonSwitchDefault, .dynamicGrid .gridButtonSelectClearDefault, .dynamicGrid .gridButtonSelectAllDefault, .dynamicGrid .gridButtonSelectInvertDefault, .dynamicGrid .gridButtonMultiselectDefault, .dynamicGrid .gridButtonInaktivFilterDefault, .dynamicGrid .gridButtonInaktivCloseDefault, .dynamicGrid .gridButtonInaktivAllDefault, .dynamicGrid .gridButtonInaktivMultiselectDefault {
	margin: 0;
	width: 24px;
    height: 24px;
}

.gridButtonCloseDefault {
    background-image: url('Common/Toolbar/344E67/exit.svg');
}

.gridButtonCloseDefault:hover {
    background-image: url('Common/Toolbar/FFFFFF/exit.svg');
}

.gridButtonStartDefault {
    background-image: url('Common/Toolbar/344E67/firstRecord.svg');
}

.gridButtonStartDefault:hover {
    background-image: url('Common/Toolbar/FFFFFF/firstRecord.svg');
}

.gridButtonBackDefault {
    background-image: url('Common/Toolbar/344E67/previousRecord.svg');
}

.gridButtonBackDefault:hover {
    background-image: url('Common/Toolbar/FFFFFF/previousRecord.svg');
}

.gridButtonForwardDefault {
    background-image: url('Common/Toolbar/344E67/nextRecord.svg');
}

.gridButtonForwardDefault:hover {
    background-image: url('Common/Toolbar/FFFFFF/nextRecord.svg');
}

.gridButtonEndDefault {
    background-image: url('Common/Toolbar/344E67/lastRecord.svg');
}

.gridButtonEndDefault:hover {
    background-image: url('Common/Toolbar/FFFFFF/lastRecord.svg');
}

.gridButtonInaktivStartDefault {
    background-image: url('Common/Toolbar/344E67/firstRecord.svg');
    opacity: 0.3;
    filter: alpha(opacity = 30);
}

.gridButtonInaktivStartDefault:hover {
    background-image: url('Common/Toolbar/FFFFFF/firstRecord.svg');
}

.gridButtonInaktivBackDefault {
    background-image: url('Common/Toolbar/344E67/previousRecord.svg');
    opacity: 0.3;
    filter: alpha(opacity = 30);
}

.gridButtonInaktivBackDefault:hover {
    background-image: url('Common/Toolbar/FFFFFF/previousRecord.svg');
}

.gridButtonInaktivForwardDefault {
    background-image: url('Common/Toolbar/344E67/nextRecord.svg');
    opacity: 0.3;
    filter: alpha(opacity = 30);
}

.gridButtonInaktivForwardDefault:hover {
    background-image: url('Common/Toolbar/FFFFFF/nextRecord.svg');
}

.gridButtonInaktivEndDefault {
    background-image: url('Common/Toolbar/344E67/lastRecord.svg');
    opacity: 0.3;
    filter: alpha(opacity = 30);
}

.gridButtonInaktivEndDefault:hover {
    background-image: url('Common/Toolbar/FFFFFF/lastRecord.svg');
}

.gridButtonAllDefault {
    background-image: url('Common/Toolbar/344E67/recordList.svg');
}

.gridButtonAllDefault:hover {
    background-image: url('Common/Toolbar/FFFFFF/recordList.svg');
}

.gridButtonFilterDefault {
    background-image: url('Common/Toolbar/344E67/search.svg');
}

.gridButtonFilterDefault:hover {
    background-image: url('Common/Toolbar/FFFFFF/search.svg');
}

.gridButtonExportDefault {
    background-image: url('Common/Icons/344E67/export.svg');
}

.gridButtonExportDefault:hover {
    background-image: url('Common/Icons/FFFFFF/export.svg');
}

.gridButtonConfigDefault {
    background-image: url('Common/Icons/344E67/settings.svg');
}

.gridButtonConfigDefault:hover {
    background-image: url('Common/Icons/FFFFFF/settings.svg');
}

.gridButtonSwitchDefault {
    background-image: url('Common/Icons/344E67/list.svg');
}

.gridButtonSwitchDefault:hover {
    background-image: url('Common/Icons/FFFFFF/list.svg');
}

.gridButtonSelectClearDefault {
    background-image: url('Common/Icons/344E67/selectClear.svg');
}

.gridButtonSelectClearDefault:hover {
    background-image: url('Common/Icons/FFFFFF/selectClear.svg');
}

.gridButtonSelectAllDefault {
    background-image: url('Common/Icons/344E67/selectAll.svg');
}

.gridButtonSelectAllDefault:Hover {
    background-image: url('Common/Icons/FFFFFF/selectAll.svg');
}

.gridButtonSelectInvertDefault {
    background-image: url('Common/Icons/344E67/list.svg');
}

.gridButtonSelectInvertDefault:hover {
    background-image: url('Common/Icons/FFFFFF/list.svg');
}

.gridButtonMultiselectDefault {
    background-image: url('Common/Icons/344E67/confirmMultiselect.svg');
}

.gridButtonMultiselectDefault:hover {
    background-image: url('Common/Icons/FFFFFF/confirmMultiselect.svg');
}

.gridButtonInaktivFilterDefault {
    background-image: url('./../Image/Icons/24x24/FilterInaktiv.png');
}

.gridButtonInaktivCloseDefault {
    background-image: url('./../Image/Icons/24x24/ExitInaktiv.png');
}

.gridButtonInaktivAllDefault {
    background-image: url('./../Image/Icons/24x24/ListInaktiv.png');
}

.gridButtonInaktivMultiselectDefault {
    background-image: url('./../Image/Icons/24x24/ConfirmMultiselect.png');
}


/* überschriften */
.gridHeaderl, .gridHeaderr {
    height: 20px;
    display: inline-block;
    border-top: 1px solid #e9edf0;
    border-left: 1px solid #e9edf0;
    background-color: #ffffff;
    box-sizing: border-box;
}

.gridHeaderl {
    z-index: 8;
}

.gridHeaderElement {
    height: 18px;
    line-height: 18px;
    display: inline-block;
    /* border-bottom: 1px solid #344E67; ersetzt wegen border join*/
    box-shadow: 0 1px 0 0 #344E67;
    border-right: 1px solid #e9edf0;
    padding-left: 2px;
    padding-right: 1px;
    color: #344E67;
    /* text-decoration: underline;*/
    font-size: 13px;
    box-sizing: border-box;
}

.gridHeaderElement:hover {
    color: #FFFFFF;
    background-color: #1f2e3d;
}

/* daten */
.gridElementDefault {
    position: relative !important;
    display: inline-block;
    color: #424242;
    background-color: #ffffff;
    /*
    border-bottom: 1px solid #e9edf0;
    */
    border-left: 1px solid #f8f8f8;
    height: 24px;
    line-height: 24px;
    padding-left: 3px;
    padding-right: 2px;
    box-sizing: border-box;
}

.statGridMultiline .gridElementDefault {
    position: relative !important;
    display: inline-block;
    color: #424242;
    background-color: #ffffff;
    /*
    border-bottom: 1px solid #e9edf0;
    */
    border-left: 1px solid #f8f8f8;
    height: 66px;
    line-height: 22px;
    padding-left: 3px;
    padding-right: 2px;
    box-sizing: border-box;
	}

/* jede zweite zeile etwas abtönen */
.odd .gridElementDefault {
    border-left: 1px solid #ffffff;
    background-color: #f8f8f8;
}

.gridElementDefault.gridElementHighlightDefault {
    color: #fff;
    background-color: #527ca3 !important; /* unset !important doesn't override colored cells */
}
.gridElementDefault.gridClickPanelDefaultSelected.gridElementHighlightDefault {
    /* color: #fff; */
    background-color: #808F7D !important; /* unset !important doesn't override colored cells */
}

.gridElementDefault.gridClickPanelDefaultSelected {
    /* color: #fff; */
    background-color: #f4c01f !important; /* unset !important doesn't override colored cells */
}

.gridElementDefault.gridElementHighlightHover {
    color: #000000;
    background-color: #c0ceda !important; /* unset !important doesn't override colored cells */
}

.gridElementDefault.gridClickPanelDefaultSelected.gridElementHighlightDefault.gridElementHighlightHover {
    color: #000000;
    background-color: #c0ceda !important; /* unset !important doesn't override colored cells */
}
    /* color: #fff; */
    background-color: #808F7D !important; /* unset !important doesn't override colored cells */
}
/* OLD */

.embedGrid .gridNavigateDefault {
    background-color: #c0d0e0;
    color: #003366;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    line-height: 24px;
    height: 24px;
    width: 120px;
}


/*
 .gridButtonDefault {
 border-top-color: #E7E7E7;
 border-left-color: #E7E7E7;
 border-right-color: #424242;
 border-bottom-color: #424242;
 border-width: 2px;
 border-style: solid;
 background-color: #d0cece;
 color: #000000;
 font-size: 12px;
 font-weight: bold;
 text-align: center;
 }

 .gridButtonDefault:hover {
 border-right-color: #E7E7E7;
 border-bottom-color: #E7E7E7;
 border-top-color: #424242;
 border-left-color: #424242;
 border-width: 2px;
 border-style: solid;
 background-color: #d0cece;
 color: #000000;
 font-size: 12px;
 font-weight: bold;
 text-align: center;
 }

 .gridButtonInaktivDefault {
 font-size: 12px;
 font-weight: bold;
 background-color: #d0cece;
 border-top-color: #E7E7E7;
 border-left-color: #E7E7E7;
 border-right-color: #424242;
 border-bottom-color: #424242;
 border-width: 2px;
 border-style: solid;
 text-align: center;
 color: #585858;
 }
 */
.gridHeaderGroupDefault {
    border-color: #829BB4 #003366;
    border-width: 1px;
    border-style: solid;
}

.gridHeaderDefault {
    color: #003366;
    /* TODO: muss noch in die extra gruppe @manu */
    /*background-image: url('./../Image/bgGridHeaderDefault.png');*/
    font-size: 12px;
    text-align: center;
    padding-left: 2px;
    padding-right: 3px;
    background-color: #c0d0e0;
    background: -webkit-gradient(linear, left top, left bottom, from(#deeeff),
    to(#9ba6b2) );
    background: -moz-linear-gradient(top, #deeeff, #858f99);
}

.gridHeaderSpaceDefault {
    color: #ffffff;
    /* TODO: muss noch in die extra gruppe @manu */
    /*background-image: url('./../Image/bgGridHeaderDefault.png');*/
    border-color: #829BB4;
    border-width: 1px;
    border-top-style: none;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: none;
    background: -webkit-gradient(linear, left top, left bottom, from(#deeeff),
    to(#9ba6b2) );
    background: -moz-linear-gradient(top, #deeeff, #858f99);
}

.gridNoSortDefault {
    background-image: url('./../Image/GridNoSort.png');
    background-repeat: no-repeat;
    background-position: right;
}

.gridSortUpDefault {
    background-image: url('./../Image/GridSortUp.png');
    background-repeat: no-repeat;
    background-position: right;
}

.gridSortDownDefault {
    background-image: url('./../Image/GridSortDown.png');
    background-repeat: no-repeat;
    background-position: right;
}

.gridSortUpDefault:hover {
    background-image: url('./../Image/GridSortDownUpH.png');
    background-repeat: no-repeat;
    background-position: right;
}

.gridSortDownDefault:hover {
    background-image: url('./../Image/GridSortUpDownH.png');
    background-repeat: no-repeat;
    background-position: right;
}

.gridNoSortDefault:hover {
    background-image: url('./../Image/GridSortUpH.png');
    background-repeat: no-repeat;
    background-position: right;
}

.gridHeaderHighlightDefault {
    color: #ff8000;
}

.tableDataL {
    color: #000000;
    background-color: #ffffff;
    font-size: 12px;
    text-align: left;
    border-left-color: #ffffff;
    border-left-style: solid;
    border-left-width: 2px;
}

.tableDataC {
    color: #000000;
    background-color: #ffffff;
    font-size: 12px;
    text-align: center;
    border-left-color: #ffffff;
    border-left-style: solid;
    border-left-width: 2px;
}

.menuItemSelected {
    background-color: #910000;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

.tableDataR {
    color: #000000;
    background-color: #ffffff;
    font-size: 12px;
    text-align: right;
    border-right-color: #ffffff;
    border-right-style: solid;
    border-right-width: 2px;
}

.tableDataRB {
    color: #000000;
    background-color: #ffffff;
    font-size: 12px;
    text-align: right;
    border-right-color: #ffffff;
    border-right-style: solid;
    border-right-width: 2px;
    border-bottom-width: 1px;
    border-bottom-color: #910000;
    border-bottom-style: dashed;
    *
    border-bottom-color: #ffffff;
}

.gridClickPanelDefault {
    border-color: #ffffff;
    margin: 2px 0;
}

.gridClickPanelDefault:hover {
    border-color: #003366;
    border-width: 2px;
    border-right-style: none;
    border-left-style: none;
    border-top-style: solid;
    border-bottom-style: solid;
    margin: 0;
}

.gridClickFieldDefault {
	color: #344E67
}

.gridClickFieldDefault:hover {
    background-color: #f0f0f0;
}

.gridBgDefault {
    background-image: url('./../Image/bgGridHeader.png');
}

.gridHeaderBgDefault {
    background-image: url('./../Image/bgGridHeader.png');
}



.gridFilterHighlightDefault {
    text-decoration: underline;
    color: #ff0000;
}

.even .gridInfoColor1 {
    background-color: #e0ffe0;
}

.odd .gridInfoColor1 {
    background-color: #c7ffc7;
}

.even .gridInfoColor2 {
    background-color: #ffffe0;
}

.odd .gridInfoColor2 {
    background-color: #ffffc7;
}

.even .gridInfoColor3 {
    background-color: #ffe0e0;
}

.odd .gridInfoColor3 {
    background-color: #ffc7c7;
}

.even .gridInfoColor4 {
    background-color: #e1e0ff;
}

.odd .gridInfoColor4 {
    background-color: #c9c7ff;
}

.even .gridInfoColor5 {
    background-color: #FFF3E0;
}

.odd .gridInfoColor5 {
    background-color: #FFE9C7;
}

.even .gridInfoColor6 {
    background-color: #E0FFFE;
}

.odd .gridInfoColor6 {
    background-color: #C7F7FF;
}

.gridInfoArchive {
    color: #888888;
    font-style: italic;
}

.bgred {
    background-color: red;
}

.gridMiniButton {
    margin: 1px;
    width: 20px;
    height: 20px;
    background-image: url('./../Image/Icons/MiniButton.png');
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
}

.gridMiniButton:hover {
    background-image: url('./../Image/Icons/MiniButtonHover.png');
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    z-index: 101;
}

.griddummyfocus {

}
.gridTitleTable {
    border: 1;
    border-color: black;
}
.gridTitleTableName {
    font-size: 10px;
    color: #777777;
}
.gridTitleTableValue {
    font-size: 10px;
    color: #003366;
    font-weight: bold;
}

.noSign {
    background-image: url('./../Image/Icons/16x16/noSign.png');
    background-repeat: no-repeat;
    background-position: center;
}
.needSign {
    background-image: url('./../Image/Icons/16x16/needSign.png');
    background-repeat: no-repeat;
    background-position: center;
}
.isSign {
    background-image: url('./../Image/Icons/16x16/isSign.png');
    background-repeat: no-repeat;
    background-position: center;
}
.rejectSign {
    background-image: url('./../Image/Icons/16x16/rejectSign.png');
    background-repeat: no-repeat;
    background-position: center;
}
.deleteSign {
    background-image: url('./../Image/Icons/16x16/deleteSign.png');
    background-repeat: no-repeat;
    background-position: center;
}
.gridMail {
    background-image: url('./Common/Toolbar/344E67/send.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px;
}
/* Klassen für neues grid */

.gridMainGroup {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.gridDataScrollWrap {
    left: 0;
    top: 20px;
    right: 0;
    bottom: 0;
}

.gridDataScroll {
    background: white;
    left: 0;
    top: 0;
    height: 100%;
    bottom: 0;
    white-space: nowrap;
}

.gridHeaderScroll {
    height: 20px;
    white-space: nowrap;
    background-color: #ffffff;
}

.headerVisible {
    top: 58px;
}

.dynamicGrid .headerVisible, .cardGrid .headerVisible {
    top: 46px;
}

.gridDatar {
    display: inline-block;
    border-right: 1px solid #e9edf0;
    box-sizing: border-box;
}
.gridDatarLine {
    height: 24px;
    white-space: nowrap;
    position: relative !important;
}
.statGridMultiline .gridDatarLine {
    height: 66px;
    white-space: nowrap;
    position: relative !important;
}
.gridDatal {
    display: inline-block;
    z-index: 8;
    border-right: 1px solid #e9edf0;
    box-sizing: border-box;
}
/*
 * ImageGrid im Artikel
 */

.gridImageContain {
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    width: 170px;
    height: 140px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

.gridImageShadow {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.65);
    bottom: 0;
    left: 0;
    width: 100%;
    height: 35px;
}

.gridImageTitle {
    bottom: 0;
    color: #FFFFFF;
    text-align: left;
    font-weight: bold;
    left: 0;
    right: 0;
    margin: 3px 4px 16px 4px;
    height: 16px;
    font-size: 10px;
    letter-spacing: 1px;
}

.gridImageGroup {
    margin: 7px;
}

.gridElementDefault.gridButton {
    -webkit-transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
    -moz-transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
    -o-transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
    transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;

    /*
    background-color: #transparent;
    */
	text-decoration: underline;
    color: #344E67;
    text-align: center;
}

.gridElementDefault.gridButton:hover {
    color: #FFFFFF;
    background-color: #1f2e3d;
}

.gridElementDefault.gridButton.inactive, .gridElementDefault.gridButton.inactive:hover {
    color: transparent;
    background-color: transparent;
}

.noteIcon.gridElementDefault {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
    background-image: url('Common/GridIcons/noteNone.png');
} 

.noteMain.gridElementDefault {
    background-image: url('Common/GridIcons/noteMain.png');
}

.noteRelated.gridElementDefault {
    background-image: url('Common/GridIcons/noteRelated.png');
}

.noteMain.noteRelated.gridElementDefault {
    background-image: url('Common/GridIcons/noteMainRelated.png');
}

.dmsIcon.gridElementDefault {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
    background-image: url('Common/GridIcons/dmsNone.png');
} 

.dmsMain.gridElementDefault {
    background-image: url('Common/GridIcons/dmsMain.png');
}

.dmsRelated.gridElementDefault {
    background-image: url('Common/GridIcons/dmsRelated.png');
}

.dmsMain.dmsRelated.gridElementDefault {
    background-image: url('Common/GridIcons/dmsMainRelated.png');
}

/* DMS Grid */
.gridDmsGroup {
    /* background-image: url('Common/Icons/344E67/document_24px.svg');
	background-color: #ffffff;
    background-position: 8px center;
    background-repeat: no-repeat;
    background-size: 32px 32px; */
    box-shadow: 0 0 2px 0 #bcbcbc;
    color: #344e67;
    margin: 4px;
    padding: 4px 8px 4px 52px;
    width: 180px;
}

.gridDmsTitle {
	font-size: 14px;
	float: left;
	width: 50%;
	font-weight: bold;
}
.gridDmsJump {
	font-size: 14px;
	float: left;
	color: #344e67;
    text-align: right;
    text-decoration: underline;
    width: 9%;
    float: right;
    left: 0 !important; 
}
.gridDmsJump:hover {
	background-color: #1f2e3d !important; 
	color: #ffffff
}

.gridDmsDescription {
	font-size: 12px;
	/* clear: left; */
	float: left;
	/* height: auto !important; */
	width: 93%;
	
}

.gridDmsRevision {
	float: left;
	font-size: 11px;
	/* left: 0 !important;  */
	width: 10%;
	height: 18px;
	line-height: 18px;
	
	
	
}

.gridDmsJumpIconSmall {
	left: 0 !important; 
	width: 6%;
	height: 24px !important;
	line-height: 24px;
	background-position: center center;
    background-repeat: no-repeat no-repeat;
    background-size: contain !important;
    color: #344e67;
	text-align: center;
}

.gridDmsJumpIconSmall:hover {
    background-color: #1f2e3d !important; 
}

.gridDmsJumpIcon {
	float: right;
    left: 0 !important; 
	width: 6%;
	height: 24px;
	line-height: 24px;
	background-position: center center;
    background-repeat: no-repeat no-repeat;
    background-size: contain;
    color: #344e67;
	text-align: center;
}

.gridDmsJumpIconPanel {
	background-color: #efefef !important; 
}
.gridDmsJumpIconPanelInactive {
	background-color: #aaaaaa !important; 
}

.gridDmsJumpIcon:hover {
    background-color: #1f2e3d !important; 
}

.gridDmsDate {
	float: left;
	font-size: 11px;
	/* left: 0 !important;  */
	width: 25%;
	height: 20px;
	line-height: 18px;
	text-align: right;
	
}
.gridDmsCommit {
	float: left;
	font-size: 11px;
	width: 58%;
	height: 20px;
	line-height: 20px;
	/* left: 0 !important;  */
	
}


/* DMS Grid NEu*/

.dmsView .gridDatarLine {
    white-space: normal;
    position: relative !important;
    height: auto;
    float: left !important;
    
   
    /* box-shadow: 0 0 2px 0 #bcbcbc; */
    color: #344e67;
    
    padding: 4px 0;
    width: 100%;
    
   
}
.dmsView .odd.gridDatarLine {
	 background-color: #f8f8f8;
}	
/* jede zweite zeile etwas abtönen */
.dmsView .odd .gridElementDefault {
    border-left: 1px solid #ffffff;
    background-color: #f8f8f8;
}

.gridDmsPanel {
	
    bottom: 0;
    left: 0 !important;
    position: absolute !important;
    right: 0;
    top: 0;
    height: auto;
}
.gridDmsIcon {
	background-image: url('Common/Icons/344E67/document_24px.svg');
	background-color: #ffffff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 32px 32px;
    position: relative !important;
    float: left !important;
    width: 7%;
    height: 64px;
}

.gridDmsIcon:hover {
    background-color: #1f2e3d !important; 
}

.dmsView .even.gridDatarLine {
	 background-color: #ffffff;
}	
/* jede zweite zeile etwas abtönen */
.dmsView .even .gridElementDefault {
    border-left: 1px solid #ffffff;
    background-color: #ffffff;
}



/* .dmsView .gridElementDefault.gridElementHighlightDefault.gridDmsTitle {
    color: #000000;
    background-color: #527ca3;
}
.dmsView .gridElementDefault.gridClickPanelDefaultSelected.gridDmsTitle {
    color: #000000;
    background-color: #6293c2;
}
.dmsView .gridElementDefault.gridElementHighlightHover.gridDmsTitle {
    color: #000000;
    background-color: #c0ceda;
} */




.dmsViewHighlight.gridElementDefault.gridElementHighlightDefault {
    color: #000000;
    background-color: #527ca3;
} 


.dmsViewHighlight.gridElementDefault.gridClickPanelDefaultSelected {
    color: #000000;
    background-color: #6293c2;
}

.dmsViewHighlight.gridElementDefault.gridElementHighlightHover {
    color: #000000;
    background-color: #c0ceda !important;
}


.dmsView .gridDatar {
    border-right: none;
    box-sizing: border-box;
    display: block;
}
.dmsView .gridDatal {
    border-right: 1px solid #e9edf0;
    box-sizing: border-box;
    display: block;
}
.dmsView .gridDmsDeleted {
   color :#aaaaaa !important;
}

.dmsView.cardGridBorder {
    left: 3%;
    overflow: auto !important;
    width: 94% !important;
}
.tagView.cardGrid {
	bottom: 0;
    left: 3%;
    overflow: auto !important;
    width: 94% !important;
}
/* daten */
.dmsView .gridElementDefault {
   
    
    border: 0 !important;
}
.dmsOut {
	background-color: #ff0000 !important;
}

.deleteGrid {
      background-image: url('Common/Icons/icon-grid-delete.svg');
      background-repeat: no-repeat;
      background-position: center;
      background-size: 25%;
}
.editGrid {
      background-image: url('Common/Icons/icon-grid-edit.svg');
      background-repeat: no-repeat;
      background-position: center;
      background-size: 25%;
}

.syncGrid {
      background-image: url('./../Image/Icons/18x18/Sync.png');
      background-repeat: no-repeat;
      background-position: center;
      background-size: 25%;
}

.even .gridInfoColor5 {
    background-color: #eec591;
}

.odd .gridInfoColor5 {
    background-color: #ffd39b;
}

 	
.gridBorderTop {
	border-top-style: groove;
}

.even .gridInfoColor5 {
      background-color: #eec591;
}
.odd .gridInfoColor5 {
      background-color: #ffd39b;
}
.gridBorderTop {
      border-top-style: groove;
}
.gridButtonAlert {
	background-image: url('./Common/Icons/333333/Alert.svg');
	background-size: contain;
	background-repeat: no-repeat;
}

.gridButtonWarning {
	background-image: url('./Common/Icons/333333/Warning.svg');
	background-size: contain;
	background-repeat: no-repeat;
}

.gridButtonPacking {
	background-image: url('./Common/Icons/333333/Packing.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.gridButtonShipping {
	background-image: url('./Common/Icons/333333/Shipping.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.gridButtonAddRow {
	background-image: url('./Common/Icons/333333/AddRow.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.gridButtonCheck {
	background-image: url('./Common/Icons/333333/Check.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.gridButtonSync {
	background-image: url('./Common/Icons/333333/Sync.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.gridButtonRefresh {
	background-image: url('./Common/Icons/333333/Refresh.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.chartTitle {
	float: left;
	font-size: 12px;
	font-weight: bold;
	height: 24px;
	line-height: 24px;
	padding: 0 5px;
}

.chartPulldownLimit {
	top: 3px;
	width: 40px;
	float: left;
	margin: 0 5px;
}

.chartPulldown {
	top: 3px;
	float: right;
	margin-right: 10px;
	width: 150px;
}

.chartPulldownSort {
	top: 3px;
	float: right;
	margin-right: 10px;
	width: 150px;
}

.chartPulldownSortLegend {
	top: 7px;
	float: right;
	margin-right: 10px;
	text-align: right;
	width: 80px;
}

.chartPulldownLimitLegend {
	top: 7px;
	float: right;
	margin-right: 7px;
	text-align: right;
	width: 20px;
}

.chartClose {
	width: 24px;
	height: 24px;
	background-image: url('./../Image/Icons/24x24/Exit.png');
	float: right;
}

.chartLegend {
	height: 24px;
}
.tabOpen {
	display: block;
	height: 0;
}

.tabClose {
	display: none;
	height: 0;
}
body {
    position: absolute;
    leftmargin: 0;
    topmargin: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #222222;
    background-color: #ffffff;
    top: 0px;
    left: 0px;
    leftmargin: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
}

p {
    margin: 0;
}

.noHighlight {
}

.highlightClass {
    color: #ff5302;
    font-size: 22px;
    font-weight: bold;
    text-align: left;
    padding: 8px 0;
    left: 295px;
    top: 0;
}

.appTitleL {
    color: #293a4b;
}

.appTitleC {
    color: #FFFFFF;
}

.appTitleR {
    color: #FFFFFF;
}

.appSubTitleR {
    color: #888888;
}

.appSubTitleL {
    color: #888888;
}

.appSubTitleC {
    color: #888888;
}

.appTabContent {
    background-color: #999999;
}

.themeInputProtectedFloat, .themeInputProtected {
    background-color: #eeeeee;
    cursor: url('Common/Icons/344E67/clipboard_24px.svg'), copy;
}

select[disabled='disabled'] {
    color: #222222 !important;
	opacity: 1;
}

input[readonly='readonly'], textarea[readonly='readonly'] {
    background-color: #f7f7f7 !important;
    color: #222222 !important;
    cursor: url('Common/Icons/344E67/clipboard_24px.svg'), copy;
}

/* Title */
.themeBgTitleLeft {
    background-image: url('./../Image/bgTitleLeft.jpg');
    overflow: visible !important;
}

.themeBgTitleRight {
    height: 66px;
    position: relative !important;
    background-image: url('./../Image/bgTitleRight.jpg')
}

.themeApplicationTitle {
    color: #333333;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    width: 400px;
    height: 20px;
    left: 300px;
    top: 4px;
}

.themeApplicationSubTitle {
    color: #444444;
    text-align: center;
    font-size: 10px;
    width: 400px;
    height: 12px;
    left: 300px;
    top: 23px;
}

.themeStatusIcon {
    top: 40px;
    left: 488px;
    width: 24px;
    height: 24px;
    background-image: url('./../Image/Icons/Time.png')
}

/* Content */
.themeBgContent {
    position: relative !important;
    background-image: url('./../Image/bgContent.jpg');
    left: 0;
    top: 0;
    width: 1000px;
    height: 600px;
}

.themeBgContentMax {
    left: 0;
    top: 120px;
    width: 1000px;
    bottom: 20px;
}

.topToBottom {
    top: 0;
    bottom: 0;
}

.themeBgDefaultGrid {
    background-color: #C0D0E0;
    top: 66px;
    left: 0;
    z-index: 201;
}

/* Icons */
.themeMessageListItem {
    background-color: #829BB4;
    border-top-color: #FFFFFF;
    border-left-color: #FFFFFF;
    border-right-color: #000000;
    border-bottom-color: #000000;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    font-size: 12px;
    text-align: left;
    font-weight: bold;
    line-height: 20px;
}

.themeMessageListItem:hover {
    background-color: #365E87;
    color: #FFFFFF;
    border-top-color: #000000;
    border-left-color: #000000;
    border-right-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
}

.themeMessageListItemSelected {
    background-color: #365E87;
    color: #FFFFFF;
    border-top-color: #000000;
    border-left-color: #000000;
    border-right-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    font-size: 12px;
    text-align: left;
    font-weight: bold;
    line-height: 20px;
    width: 100%;
}

.themeMessageExitIcon {
    width: 28px;
    height: 28px;
    background-image: url('./../Image/Icons/28x28/Exit.png')
}

.themeMessageExitIcon:hover {
    background-image: url('./../Image/Icons/28x28/ExitHover.png')
}

.themeLabelCenter {
    height: 20px;
    line-height: 20px;
    width: 148px;
    padding: 1px;
    overflow-x: hidden;
    overflow-y: hidden;
    position: absolute;
    text-align: center;
    font-size: 12px;
    color: #555555;
}

.themeLabelLeft {
    height: 20px;
    line-height: 20px;
    width: 148px;
    padding: 1px;
    overflow-x: hidden;
    overflow-y: hidden;
    position: absolute;
    text-align: left;
    font-size: 12px;
    color: #555555;
}

.themeLabel {
    height: 20px;
    line-height: 20px;
    left: 6px;
    width: 148px;
    padding: 1px;
    overflow-x: hidden;
    overflow-y: hidden;
    position: absolute;
    text-align: left;
    font-size: 12px;
    color: #555555;
}
.themeLabel.remove {
	background-image: url('./Common/Icons/icon-grid-delete.svg');
	background-position: 0 42%;
	background-size: 8%;
	background-repeat: no-repeat;
	left:0;
	padding: 0 0 0 1.3rem;
}

.themeLabelMultiline {
    width: 148px;
    padding: 1px;
    position: absolute;
    font-size: 12px;
    overflow: auto !important;
    color: #555555;
}

.themeButtonClipboard {
    background-color: #B3C0CE;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
    height: 22px;
    line-height: 22px;
    color: #FFFFFF;
    background: -webkit-gradient(linear, left top, left bottom, from(#d8e7f8),
    to(#9ba6b2) ); /* for webkit browsers */
    background: -moz-linear-gradient(top, #00BEFF, #3D5199);
    /* for firefox 3.6+ */
    margin: 0;
    border: 1px solid #99aadd;
    color: #1D5574;
    background: -webkit-gradient(linear, left top, left bottom, from(#deeeff),
    to(#9ba6b2) );
    background: -moz-linear-gradient(top, #deeeff, #858f99);
}

.themeButtonClipboard:hover {
    background: none;
    background-color: #d8e7f8;
    margin: 0;
    border: 1px solid #FFFFFF;
    z-index: 50;
}

/* new  - non themed !!! */

.appGrpContentRounded {
    border-radius: 12px 0 0 0;
    background-color: #d0dae4;
    border-style: solid;
    border-width: 1px;
    overflow: visible !important;
    border-color: #99aadd;
}

.themeMessageGroup {
    border-top-color: #365E87;
    border-left-color: #365E87;
    border-right-color: #365E87;
    border-bottom-color: #365E87;
    border-width: 3px;
    border-style: solid;
}

.themeMessageHeader {
    color: #1D5574;
    font-size: 20px;
    text-align: center;
    cursor: move;
}

.themeMessageInfo {
    color: #000000;
    font-size: 12px;
    text-align: center;
}

input[type=checkbox].missingInput::after {
    content: ' ';
    position: absolute;
    background-color: #ffbcbc;
    left: 8px;
    border-radius: 5px;
    border: 1px solid #888888;
    width: 8px;
    height: 8px;
    top: 0px;
}

.missingInput {
	/*
    border-color: #ff0000 !important;
    */
    background-color: #ffbcbc !important;
}


.requiredInput {
    border-bottom-color: #f4c01f !important;
}

.cardInputFloat.removeOnSubmit {
    border-color: #f4c01f !important;
}

.cardHtmlBox {
	background-color: #f7f7f7;
    border: 1px solid #cccccc;
}

.cardHtmlBox.w100 {
    padding: 0 !important;
	width: 66%;
}

/* width for checkbox */
.themeCbw {
    width: 20px;
}

/*
 Style Klassen f�r Edit-Buttons in Zeilen von ListEditor-Modus
 */
.listEditOption {
    background-repeat: no-repeat;
}

.listEditMoveup {
    background-image: url('./../Image/Icons/18x18/Up.png');
}

.listEditMoveup:hover {
    background-image: url('./../Image/Icons/18x18/UpHover.png');
}

.listEditMovedown {
    background-image: url('./../Image/Icons/18x18/Down.png');
}

.listEditMovedown:hover {
    background-image: url('./../Image/Icons/18x18/DownHover.png');
}

.listEditMovefirst {
    background-image: url('./../Image/Icons/18x18/First.png');
}

.listEditMovefirst:hover {
    background-image: url('./../Image/Icons/18x18/FirstHover.png');
}

.listEditMovelast {
    background-image: url('./../Image/Icons/18x18/Last.png');
}

.listEditMovelast:hover {
    background-image: url('./../Image/Icons/18x18/LastHover.png');
}

.listEditDelete {
    background-image: url('./../Image/Icons/18x18/Delete.png');
}

.listEditDelete:hover {
    background-image: url('./../Image/Icons/18x18/DeleteHover.png');
}

.listEditDefaultSelected {
    background-image: url('./../Image/Icons/18x18/DefaultSelected.png');
}

.listEditDefault:hover {
    background-image: url('./../Image/Icons/18x18/DefaultHover.png');
}

.listEditBtnAdd {
    z-index: 300 !important;
}

.testinput {
    float: left !important;
}

.borderFrame {
    border: 1px solid #000000;
}

.themeCalendarPanel {
    z-index: 100;
    background-color: #d0d0d0;
    border: 1px outset #000000;
}

.themeImage {
    background-repeat: no-repeat;
    background-position: center center;
    border: 1px solid #1D5574;
}

.reportEditGroup {
    border-color: #99aadd;
    border-style: solid;
    border-width: 1px;
}

.reportNoEditGroup {
    border-color: #D0DAE4;
    border-style: solid;
    border-width: 1px;
}

.helpLink {
    text-decoration: underline;
    font-weight: bold;
    cursor: pointer;
}

.clipboardVisible {
    display: block;
}

.clipboardHidden {
    display: none;
}

/*
 .tundra .dijitTooltipContents {
 white-space: nowrap;
 }
 */

.floatButton {
    position: relative !important;
    float: left;
    margin: 6px 6px 0 0;
}

.floatButton:hover {
    position: relative !important;
    float: left;
    margin: 6px 6px 0 0;
}

/* Hilfe */
.themeHelpPanel {
    background-image: url("./../Image/bgContent.jpg");
    z-index: 500;
}

.themeHelpBody {
    font-size: 12px;
    line-height: 22px;
}

.themeHelpBreadcrumbs {
    position: relative !important;
    padding: 0 8px;
}

.themeHelpBreadcrumb {
    position: relative !important;
    float: left;
    padding: 4px 2px 2px 2px;
    color: #1D5574;
}

.themeHelpTitle {
    position: relative !important;
    font-weight: bold;
    background-color: #FFFFFF;
    /*
     background: -moz-linear-gradient(center top , #FFFFFF, #B3C0CE) repeat scroll 0 0 transparent;
     */
    color: #1D5574;
    font-size: 20px;
    padding: 0 0 5px 0;
    margin: 0 10px;
    border-bottom: 1px solid #99AADD;
}

.themeHelpText {
    position: relative !important;
    padding: 5px 0;
    margin: 0 10px;
    font-size: 12px;
    border-bottom: 1px solid #99AADD;
}

.themeHelpText p {
    font-size: 12px;
    line-height: 180%;
}

/*
 .themeHelpToolbar {
 background-color: #FFFFFF;
 -webkit-border-radius: 32px 0 0 0;
 -moz-border-radius: 32px 0 0 0;
 border-radius: 32px 0 0 0;
 }
 */

.themeHelpTags {
    position: relative !important;
    padding: 5px 5px 2px 5px;
}

.themeHelpTagTitle {
    position: relative !important;
    float: left;
    padding: 2px 5px;
    color: #1D5574;
    font-weight: bold;
}

.themeHelpTag {
    position: relative !important;
    float: left;
    padding: 2px 5px;
    color: #1D5574;
}

.themeHelpTag:hover {
    text-decoration: underline;
}

.themeHelpSimilars {
    position: relative !important;
    padding: 0 5px 5px 5px;
}

.themeHelpSimilarTitle {
    position: relative !important;
    float: left;
    padding: 2px 5px;
    color: #1D5574;
    font-weight: bold;
}

.themeHelpSimilar {
    position: relative !important;
    float: left;
    padding: 2px 5px;
    color: #1D5574;
}

.themeHelpSimilar:hover {
    text-decoration: underline;
}

.themeTreeIndex {
    background-color: #FFFFFF;
    left: 0;
    top: 2px;
    width: 240px;
    height: 500px;
}

/* updates */
.themeDefaultUpdateGroup {
    position: relative !important;
    background-color: #FFFFFF;
    margin: 1px;
}

.themeDefaultUpdateNumber {
    position: relative !important;
    float: left;
    padding: 2px 4px;
    font-size: 12px;
}

.themeDefaultUpdateTitle {
    position: relative !important;
    font-weight: bold;
    float: left;
    padding: 2px 4px;
    font-size: 12px;
}

.themeDefaultUpdateState {
    position: relative !important;
    float: right;
    padding: 2px 4px;
}

.themeDefaultUpdateRun {
    position: relative !important;
    float: right;
    padding: 2px 4px;
    background-color: #00FF00;
}

.themeDefaultUpdateBlocked {
    position: relative !important;
    float: right;
    padding: 2px 4px;
    background-color: #FF0000;
    color: #FFFFFF;
}

.themeDefaultUpdateDescription {
    position: relative !important;
    clear: both;
    padding: 2px 4px;
}

.AjaxWaitAnimation {
    background-image: url(Image/ajaxLoader.gif);
    left: 964px;
    top: 5px;
    width: 32px;
    height: 32px;
}

/*
 .grpStatusbar {
 left: 0;
 top: 645px;
 width: 1000px;
 height: 15px;
 }
 */

.showMenu {
    left: 6px;
    top: 7px;
    background-image: url('./../Image/Icons/28x28/CollapseRight.png');
    width: 28px;
    height: 28px;
}

.hideMenu {
    left: 6px;
    top: 7px;
    background-image: url('./../Image/Icons/28x28/CollapseLeft.png');
    width: 28px;
    height: 28px;
}

/* Assistant */
.grpAssistant {
    position: relative !important;
    width: 162px;
}

.notificationGreen {
    background-color: #DDFFDD;
}

.notificationYellow {
    background-color: #FFFFDD;
}

.notificationBlue {
    background-color: #DDDDFF;
}

/*
 Float Design Klassen
 */

.floatToggle {
    left: 82px;
    top: 7px;
    background-image: url('./../Image/Icons/28x28/CollapseLeft.png');
    width: 28px;
    height: 28px;
}

.themeBgContentFloatLeft {
    position: relative !important;
    float: left;
    width: 30%;
}

.themeBgContentFloatRight {
    position: relative !important;
    float: right;
    width: 50%;
    height: 550px;
}

.positionRelative {
    margin-top: 45px;
    min-width: 260px;
}

.positionRelative .appGrpContent {
    position: relative !important;
    top: auto;
    left: auto;
}

.posGrpContent {
	height:100px;
	position: relative !important;
    top: auto;
    overflow-x:hidden;
    overflow-y:auto !important;
	background:#fff;
}

.appGrpContentFloating {
    position: relative !important;
    margin: 10px;
    min-height: 20px;
    background-color: #D0DAE4;
    border-color: #99AADD;
    border-style: solid;
    border-width: 1px;
}

.themeLabelFloating {
    position: relative !important;
    clear: left;
    float: left;
    width: 45%;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    text-align: right;
}

input.themeInputFloating {
    position: relative !important;
    margin: 3px 4% 3px 5%;
    height: 20px;
    width: 45%;
}

.themeInputFloating {
    border-bottom: 1px solid #E7E7E7;
    font-size: 12px;
    height: 19px;
    line-height: 19px;
    margin: 0 5% 3px 0;
    position: relative !important;
    width: 45%;
    padding: 0 2%;
}

/* Branchen */
.noHighlight .highlightClass {
    display: none;
}

.redHighlight .themeBgTitleLeft {
    background-image: url("./../Image/Android/titleBgRed.png");
}

.redHighlight .themeBgTitleRight {
    background-image: url("./../Image/Android/titleBgRed.png");
}

.yellowHighlight .themeBgTitleLeft {
    background-image: url("./../Image/Android/titleBgYellow.png");
}

.yellowHighlight .themeBgTitleRight {
    background-image: url("./../Image/Android/titleBgYellow.png");
}

.yellowHighlight .breadCrumbActive {
    color: #000000;
}

.greenHighlight .themeBgTitleLeft {
    background-image: url("./../Image/Android/titleBgGreen.png");
}

.greenHighlight .themeBgTitleRight {
    background-image: url("./../Image/Android/titleBgGreen.png");
}

.greenHighlight .breadCrumbActive {
    color: #000000;
}

.blueHighlight .themeBgTitleLeft {
    background-image: url("./../Image/Android/titleBgBlue.png");
}

.blueHighlight .themeBgTitleRight {
    background-image: url("./../Image/Android/titleBgBlue.png");
}

.blueHighlight .breadCrumbActive {
    color: #000000;
}

.policyForbidden {
    opacity: 0.2;
    filter: alpha(opacity = 20);
}

.fullscreenPanel {
    display: none;
}

.noteLanguage {
    position: relative !important;
    float: left;
    margin: 6px;
}

.noteLanguage.selectedNoteLanguage {
    margin: 2px;
    padding: 1px;
    background-color: #000000;
    border: 3px solid #ECB200;
}

.noteLanguage.emptyNote {
    opacity: 0.4;
    filter: alpha(opacity = 40);
}

.dijitTreeContainer {
    overflow: visible;
}

.tundra .dojoxCalendar .buttonContainer {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 31px;
}

.tundra .dojoxCalendar .buttonContainer .dijitToolbar {
    border: 1px solid #B5BCC7;
}

.tundra .dojoxCalendar .viewContainer {
    position: absolute;
    left: 0;
    right: 0;
    top: 31px;
    bottom: 0;
}

.tundra .dojoxCalendar .view {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.tundra .dojoxCalendar {
    font-size: 0.9em;
}

.tundra .dojoxCalendarEvent.Calendar1 .bg {
    background-color: #00AA00 !important;
}

.tundra .dojoxCalendarEvent.Calendar1.Hovered .bg {
    background-color: #00FF00 !important;
}

.tundra .dojoxCalendarEvent.Calendar1.Selected .bg {
    background-color: #004400 !important;
}

.tundra .dojoxCalendarEvent.Calendar2 .bg {
    background-color: #0000AA !important;
}

.tundra .dojoxCalendarEvent.Calendar2.Hovered .bg {
    background-color: #0000FF !important;
}

.tundra .dojoxCalendarEvent.Calendar2.Selected .bg {
    background-color: #000044 !important;
}

.tundra .dojoxCalendarColumnView .dojoxCalendarEvent.Calendar2 .startTime {
    background-color: #00768F;
    border-left: 1px solid #260000;
    border-right: 1px solid #260000;
    border-top: 1px solid #260000;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-weight: bold;
    padding: 1px 2px 2px 1px;
    white-space: nowrap;
}

.tundra .dojoxCalendarColumnView .dojoxCalendarEvent.Calendar2.Focused .startTime {
    background-color: #6C0000;
    border-left: 1px dashed #FFFFFF;
    border-right: 1px dashed #FFFFFF;
    border-top: 1px dashed #FFFFFF;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-weight: bold;
    padding: 1px 2px 2px 1px;
    white-space: nowrap;
}

/*klassen um spalte links zu entfernen für column view*/
.tundra .hideleft .dojoxCalendarColumnView .dojoxCalendarContainer {
    cursor: default;
    left: 0px;
    position: absolute;
    right: 0;
    top: 0;
}

.tundra .hideleft .dojoxCalendarColumnView .dojoxCalendarMatrixView .dojoxCalendarContainer {
    bottom: 0;
    cursor: default;
    left: 0px;
    position: absolute;
    right: 0;
    top: 0;
}

.tundra .hideleft .dojoxCalendarColumnView .dojoxCalendarGrid {
    -moz-box-sizing: border-box;
    bottom: 0;
    left: 0px;
    position: absolute;
    right: 0;
    top: 0;
}

.tundra .hideleft .dojoxCalendarColumnView .dojoxCalendarRowHeader {
    -moz-user-select: none;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    cursor: default;
    height: 100%;
    position: absolute;
    width: 9px;
    display: none;
}

.tundra .hideleft .dojoxCalendarColumnView .dojoxCalendarMatrixView .dojoxCalendarGrid {
    -moz-box-sizing: border-box;
    bottom: 0;
    left: 0px;
    position: absolute;
    right: 0;
    top: 0;
}

.tundra .hideleft .dojoxCalendarColumnView .dojoxCalendarYearColumnHeader {
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    height: 29px;
    left: 0;
    position: absolute;
    top: 0;
    width: 68px;
    display: none;
}

.tundra .hideleft .dojoxCalendarColumnView .dojoxCalendarColumnHeader {
    cursor: default;
    height: 30px;
    left: 0px;
    position: absolute;
    right: 0;
    top: 0;
}

/*klassen um spalte links zu entfernen für simple column view*/
.tundra .hideleft .dojoxCalendarSimpleColumnView .dojoxCalendarContainer {
    cursor: default;
    left: 0px;
    position: absolute;
    right: 0;
    top: 0;
}

.tundra .hideleft .dojoxCalendarSimpleColumnView .dojoxCalendarMatrixView .dojoxCalendarContainer {
    bottom: 0;
    cursor: default;
    left: 0px;
    position: absolute;
    right: 0;
    top: 0;
}

.tundra .hideleft .dojoxCalendarSimpleColumnView .dojoxCalendarGrid {
    -moz-box-sizing: border-box;
    bottom: 0;
    left: 0px;
    position: absolute;
    right: 0;
    top: 0;
}

.tundra .hideleft .dojoxCalendarSimpleColumnView .dojoxCalendarRowHeader {
    -moz-user-select: none;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    cursor: default;
    height: 100%;
    position: absolute;
    width: 9px;
    display: none;
}

.tundra .hideleft .dojoxCalendarSimpleColumnView .dojoxCalendarMatrixView .dojoxCalendarGrid {
    -moz-box-sizing: border-box;
    bottom: 0;
    left: 0px;
    position: absolute;
    right: 0;
    top: 0;
}

.tundra .hideleft .dojoxCalendarSimpleColumnView .dojoxCalendarYearColumnHeader {
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    height: 29px;
    left: 0;
    position: absolute;
    top: 0;
    width: 68px;
    display: none;
}

.tundra .hideleft .dojoxCalendarSimpleColumnView .dojoxCalendarColumnHeader {
    cursor: default;
    height: 30px;
    left: 0px;
    position: absolute;
    right: 0;
    top: 0;
}

/*klassen um control  zu entfernen*/
.tundra .hidecontrol .dojoxCalendar .viewContainer {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0px;
}

.tundra .hidecontrol .dojoxCalendar .buttonContainer {
    height: 31px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    display: none;
}

/*klassen um scrollbar zu entfernen in column view*/
.tundra .hidescroll .dojoxCalendarColumnView .dojoxCalendarHeader {
    -moz-box-sizing: border-box;
    height: 29px;
    left: 0;
    position: absolute;
    right: 0 !important;
    top: 0;
}

.tundra .hidescroll .dojoxCalendarColumnView .dojoxCalendarMatrixView {
    height: 39px;
    left: 0;
    position: absolute;
    right: 0 !important;
    top: 30px;
}

.tundra .hidescroll .dojoxCalendarColumnView .dojoxCalendarScrollContainer {
    -moz-box-sizing: border-box;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0 !important;
    top: 72px;
}

/*klassen um scrollbar zu entfernen in simple column view*/
.tundra .hidescroll .dojoxCalendarSimpleColumnView .dojoxCalendarHeader {
    -moz-box-sizing: border-box;
    height: 29px;
    left: 0;
    position: absolute;
    right: 0 !important;
    top: 0;
}

.tundra .hidescroll .dojoxCalendarSimpleColumnView .dojoxCalendarMatrixView {
    height: 39px;
    left: 0;
    position: absolute;
    right: 0 !important;
    top: 30px;
}

.tundra .hidescroll .dojoxCalendarSimpleColumnView .dojoxCalendarScrollContainer {
    -moz-box-sizing: border-box;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0 !important;
    top: 30px;
}

.tundra .dojoxCalendarGridTable {
    background-color: white;
}

/* Stundenstriche sind dunkel */
.tundra .dojoxCalendarSimpleColumnView .dojoxCalendarGridTable .hour {
    border-top: 1px solid #333333;
}

/* Halbstundenstriche sind wie die normalen striche */
.tundra .dojoxCalendarSimpleColumnView .dojoxCalendarGridTable .halfhour {
    border-top: 1px dotted #B5BCC7;
}

/* Hintergrundfarbe von today */
.tundra .dojoxCalendarSimpleColumnView .dojoxCalendarGridTable .dojoxCalendarToday {
    background-color: #FFFFFF;
}

/* Klassen für Events*/
.eventRed {
    background-color: red;
    color: #FFFFFF !important;
    font-weight: bold;
}

.eventLightBlue {
    background-color: #1E91CD;
    color: #FFFFFF !important;
}

.eventGreen {
    background-color: green;
    color: #FFFFFF !important;
}

.eventYellow {
    background-color: yellow;
    color: #000000 !important;
}

/* Headerzeile kleiner Kalender*/
.tundra .dijitCalendarMonthContainer th {
    background: none repeat scroll 0 0 #344E67;
    padding-bottom: 0.2em;
    padding-top: 0.3em;
    text-align: center;
}

/* Monat Label Auswahl*/
.tundra .dijitCalendarMonthLabel {
    background-color: #344E67;
    color: #FFFFFF;
    font-weight: bold;
    padding: 0 4px;
}

/* Ausgewählter Tag*/
.tundra .dijitCalendarSelectedDate {
    background-color: #344E67 !important;
    color: #FFFFFF !important;
}

/* Ausgewähltes Jahr*/
.tundra .dijitCalendarSelectedYear {
    background-color: #344E67 !important;
    color: #FFFFFF;
    font-size: 12px !important;
    padding: 0.2em 0.2em 0.1em;
}

.tundra .dojoxCalendarEvent .Selected .bg {
    background-color: #004400 !important;
}

.absCenter {
    left: 160px;
    right: 0px;
    height: 560px;
    min-width: 340px;
    box-shadow: 1px 1px 2px #DDDDDD;
}

.absRight {
    right: 20px;
    width: 300px;
    min-width: 300px;
    box-shadow: 1px 1px 2px #DDDDDD;
    overflow: auto !important;
    top: 0;
    bottom: 0;
    /*
     height: 560px;
     */
}

.moveLeft {
    left: 150px;
    width: 10px;
    height: 610px;
}

.moveRight {
    right: 300px;
    width: 10px;
    height: 610px;
}

.defaultLabelHeader {
    width: 100%;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    float: left;
    position: relative !important;
    background-color: #ececec;
}

.contentBox {
    bottom: 0;
    left: 0;
    min-width: 900px;
    right: 0;
    top: 35px;
}

.register {
    top: 40px;
    height: 500px;
    width: 100%;
    z-index: 1;
    height: 456px;
}

.floatTab .tabActive {
    float: left;
    position: relative !important;
    margin-left: 4px;
    margin-bottom: 4px;
    padding: 1px;
    width: 15%;
    font-size: 12px;
}

.floatTab .tabInactive {/* for firefox 3.6+ */
    float: left;
    position: relative !important;
    margin-left: 4px;
    margin-bottom: 4px;
    padding: 1px;
    width: 15%;
    font-size: 12px;
}

.labelFloating {
    position: relative !important;
    float: left;
    width: 45%;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    text-align: right;
    margin: 0 2% 3px 0;
    clear: left;
    color: grey;
}

.inputFloating {
    border-bottom: 1px solid #E7E7E7;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    margin: 0 0 3px 0;
    position: relative !important;
    float: left;
}

input.inputFloating {
    position: relative !important;
    margin: 0 0 2px 0;
    height: 20px;
    float: left;
}

.wp45 {
    width: 45%;
}

.buttonFloating {
    position: relative !important;
    float: left;
    width: 100%;
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    text-align: center;
    clear: left;
    cursor: pointer;
    border: 1px solid #99aadd;
    background-color: #deeeff;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    background-color: #AAAAAA;
    background: -webkit-gradient(linear, left top, left bottom, from(#AAAAAA),
    to(#777777) );
    background: -moz-linear-gradient(center top, #AAAAAA, #777777) repeat scroll 0 0 transparent;
    border-radius: 1px;
    border-width: 0;
    box-shadow: 0 0 2px #666666;
    color: #FFFFFF;
    font-weight: bold;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    font-weight: normal;
    font-size: 14px;
}

.buttonFloating:hover {
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    background-color: #777777;
    background: -webkit-gradient(linear, left top, left bottom, from(#777777),
    to(#444444) );
    background: -moz-linear-gradient(center top, #777777, #444444) repeat scroll 0 0 transparent;
    border-radius: 1px;
    border-width: 0;
    box-shadow: 0 0 2px #444444;
    color: #FFFFFF;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    font-weight: normal;
    font-size: 14px;
}

.menuIconIntervalChangeDay {
    background-image: url('./../Image/Organizer/intervalDay.png');
    background-repeat: no-repeat;
    background-position: 0px;
    position: relative !important;
    float: left !important;
    margin-left: 8px;
}

.menuIconIntervalChangeWeek {
    background-image: url('./../Image/Organizer/intervalWeek.png');
    background-repeat: no-repeat;
    background-position: 0px;
    position: relative !important;
    float: left !important;
    margin-left: 8px;
}

.menuIconIntervalChangeMonth {
    background-image: url('./../Image/Organizer/intervalMonth.png');
    background-repeat: no-repeat;
    background-position: 0px;
    position: relative !important;
    float: left !important;
    margin-left: 8px;
}

.menuIconExitCalendar {
    background-image: url('./../Image/Organizer/exitCalendar.png');
    background-repeat: no-repeat;
    background-position: 0px;
    position: relative !important;
    float: left !important;
    margin-left: 8px;
}

.contentBoxCalendar {
    bottom: 0;
    left: 0;
    min-width: 900px;
    right: 0;
    top: 45px;
}

.absCenterCalender {
    box-shadow: 1px 1px 2px #DDDDDD;
    top: 0px;
    bottom: 20px;
    left: 175px;
    min-width: 340px;
    right: 0;
}

.absCenterSelected {
    box-shadow: 1px 1px 2px #DDDDDD;
    top: 0px;
    bottom: 20px;
    left: 175px;
    min-width: 340px;
    right: 310px;
}

.themeSelector {
    height: 20px;
    line-height: 20px;
    width: 140px;
    background-color: #ffffff;
}

/* NEW 11.02.2015 */
.themeMiniButton {
    cursor: pointer;
    width: 20px;
    height: 20px;
    background-image: url('Common/Icons/344E67/search_24px.svg');
    background-position: center center;
    background-repeat: no-repeat no-repeat;
    background-size: contain;
    color: transparent;
}

.themeMiniButtonAdd {
    cursor: pointer;
    width: 20px;
    height: 20px;
}

.themeMiniButtonInactive {
    display: none;
}

.themeMiniButton:hover {
    background-color: #1f2e3d;
    background-image: url('Common/Icons/FFFFFF/search_24px.svg');
}

.themeButton, .themeButtonInactive {
    -webkit-transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
    -moz-transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
    -o-transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
    transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
    font-size: 15px;
    text-align: center;
    height: 20px;
    line-height: 20px;
    padding: 1px 0;
}

.themeButton {
    /*
     background-color: #transparent;
     */

    text-decoration: underline;
    color: #344E67;
}

.themeButtonInactive, .themeButton.protected {
    opacity: 0.1;
    filter: alpha(opacity = 10);
    cursor: not-allowed;
}

.themeButton:hover {
    color: #FFFFFF;
    background-color: #1f2e3d;
}

.themeInput {
    height: 20px;
    line-height: 20px;
    width: 130px;
    padding: 0 5px;
}

input.themeInput, input.themeInputFloat, input.themeInputChoicer, input.themeInputChoicerNoHit, .themeInputProtected, .themeInputProtectedFloat {
    border: 1px solid #cccccc !important;
    border-radius: 1px !important;
}

input.themeInput:focus, input.themeInputFloat:focus, input.themeInputChoicer:focus, input.themeInputChoicerNoHit:focus {
    border-color: #f4c01f !important;
    background-color: #f4f4f4 !important;
}

select.themeInput {
    height: 22px;
    padding: 1px 1px 1px 0;
}

.themeRadio {
    padding-top: 1px;
}

.themeInputFloat {
    height: 20px;
    line-height: 20px;
    width: 130px;
    padding: 0 5px;
    text-align: right;
}
.themeInputChoicer {
    height: 20px;
    line-height: 20px;
    width: 130px;
    padding: 0 5px;
}
.themeInputChoicerNoHit {
    color: red !important;
}

.themeInputProtected {
    height: 20px;
    line-height: 20px;
    width: 130px;
    padding: 0 5px;
    cursor: not-allowed;
}

.themeInputProtectedFloat {
    height: 20px;
    line-height: 20px;
    width: 130px;
    padding: 0 5px;
    text-align: right;
    cursor: not-allowed;
}

.themeDialogPanelTitle {
	overflow: visible !important;
    left: 0;
    right: 0;
    top: -12px;
    height: 13px;
    line-height: 21px;
    background-color: #FFFFFF;
    color: #222222;
    font-size: 14px;
    padding: 3px 6px;
    border-radius: 1px 1px 0 0;
}

.appGrpContent {
    overflow: visible !important;
    background-color: #FFFFFF;
    box-shadow: 0 0 2px 0px #bcbcbc;
    border-radius: 1px;
}

.grpTabHeader {
    background-color: #ffffff;
    box-shadow: 0 0 2px 0px #bcbcbc;
    border-radius: 1px;
    border-bottom: 1px solid #f4c01f;
}

.tabActive {
    background-color: #344E67;
    color: #FFFFFF;
    text-align: center;
    font-size: 14px;
    /*
     box-shadow: 0 0 2px 0px #bcbcbc;
     */
    border-radius: 1px;
}


.tabInactive, .tabActive {
    -webkit-transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out;
    -moz-transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out;
    -o-transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out;
    transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out;

    color: #344E67;
    background-color: transparent;
    font-size: 14px;
    text-align: center;
    border-bottom: 3px solid transparent;
    
    cursor: pointer;
    
    /*
	margin-left: -2px;
	padding-right: 6px;
    margin-top: -2px;
    height: 23px !important;
    line-height: 25px !important;
    */
}

.tabInactive:hover, .tabActive:hover {
    color: #FFFFFF;
    background-color: #1f2e3d;
}

.tabActive {
	border-bottom: 3px solid #f4c01f;
} 

.tabBlocked {
    background-color: #e8e8e8;
    color: #AAAAAA;
    text-align: center;
    font-size: 14px;
    border-radius: 1px;
}


.gridShopImageDescription {
	top: 0;
	left: 0px;
	width: 170px;
	height: 15px;
	font-size: 10px;
	text-align: center;
	background-color: #F0F0F0;
}

.gridIsShopTitle {
    bottom: 0;
    left: 10px;
    width: 20px;
    height: 16px;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    margin: 2px;
}

.gridIsShop {
    bottom: 0;
    left: 30px;
    width: 20px;
    height: 16px;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    margin: 2px;
}

.gridIsPrint {
    bottom: 0;
    left: 50px;
    width: 20px;
    height: 16px;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    margin: 2px;
}

.gridIsPrint2 {
    bottom: 0;
    left: 70px;
    width: 20px;
    height: 16px;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    margin: 2px;
}

.gridIsPimm1 {
	bottom: 0;
    left: 90px;
    width: 20px;
    height: 16px;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    margin: 2px;
	
}

.gridIsPimm2 {
	bottom: 0;
    left: 110px;
    width: 20px;
    height: 16px;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    margin: 2px;
	
}

.gridIsPimm3 {
	bottom: 0;
    left: 130px;
    width: 20px;
    height: 16px;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    margin: 2px;
	
}

.gridIsPimm4 {
	bottom: 0;
    left: 150px;
    width: 20px;
    height: 16px;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    margin: 2px;
	
}

.gridDeleteImage {
    top: 0;
    right: 0px;
    width: 10px;
    height: 16px;
    margin: 2px;
    color: #000000;
    font-weight: bold;
    font-size: 14px;
}

.gridDeleteImageBottomLeft {
    bottom: 0;
    left: 0px;
    }

.gridZoomImage {
    bottom: 0;
    right: 0;
    width: 16px;
    height: 16px;
    margin: 2px;
    z-index: 102;    
}

.gridZoomImage.invert {
    filter:invert(1);    
}

.overflowAuto {
	overflow: auto !important;
}
input {
	font-size: 12px;
}

.appTitleL {
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}

.appTitleC {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

.appTitleR {
	font-size: 12px;
	font-weight: bold;
	text-align: right;
}

.appSubTitleR {
	font-size: 10px;
	font-weight: bold;
	text-align: right;
}

.appSubTitleL {
	font-size: 10px;
	font-weight: bold;
	text-align: left;
}

.appSubTitleC {
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}

.appLabelL {
	font-size: 12px;
	text-align: left;
}

.appLabelR {
	font-size: 12px;
	text-align: right;
}

.appLabelC {
	font-size: 12px;
	text-align: center;
}

/* in themeDefault.css
 .appGrpContent {
 background-color: #BDBDBD;
 border-top-color: #E7E7E7;
 border-left-color: #E7E7E7;
 border-right-color: #424242;
 border-bottom-color: #424242;
 border-width: 1px;
 border-style: solid;
 overflow: visible ! important;
 }
 */
.appTabContent {
	left: 0px;
	top: 77px;
	width: 993px;
	height: 516px;
}

/* positionierung der panels */
.px0 {
	left: 0px;
}

.px1 {
	left: 12px;
}

.px1h {
	left: 337px;
}

.px2 {
	left: 504px;
}

.px3 {
	left: 588px;
}

.pytop {
	top: 44px;
}

.py0 {
	top: 60px;
}

.py1top {
	top: 78px;
}

.py1 {
	top: 88px;
}

.py2 {
	top: 116px;
}

.py3 {
	top: 144px;
}

.py4 {
	top: 172px;
}

.py5 {
	top: 200px;
}

.py6 {
	top: 228px;
}

.py6h {
	top: 242px;
}

.py7 {
	top: 256px;
}

.py8 {
	top: 284px;
}

.py9 {
	top: 312px;
}

.py10 {
	top: 340px;
}

.py10h {
	top: 354px;
}

.py11 {
	top: 368px;
}

.py11h {
	top: 382px;
}

.py12 {
	top: 396px;
}

.py13 {
	top: 424px;
}

.py14 {
	top: 452px;
}

.py15 {
	top: 480px;
}

.py16 {
	top: 508px;
}

.py17 {
	top: 536px;
}

.py18 {
	top: 564px;
}

.py19 {
	top: 592px;
}

.py20 {
	top: 620px;
}

.py21 {
	top: 648px;
}

.py22 {
	top: 676px;
}

.py23 {
	top: 704px;
}

.py24 {
	top: 732px;
}

.py25 {
	top: 760px;
}

.py26 {
	top: 788px;
}

.py27 {
	top: 816px;
}

.py28 {
	top: 844px;
}

.py29 {
	top: 872px;
}

.py30 {
	top: 900px;
}

.py31 {
	top: 928px;
}

.py32 {
	top: 956px;
}

.py33 {
	top: 984px;
}

.py34 {
	top: 1012px;
}

.py35 {
	top: 1040px;
}

.py2a {
	top: 130px;
}

/*
.pytop {
    top: 58px;
}

.py0 {
    top: 74px;
}

.py1top {
    top: 92px;
}

.py1 {
    top: 102px;
}

.py2 {
    top: 130px;
}

.py3 {
    top: 158px;
}

.py4 {
    top: 186px;
}

.py5 {
    top: 214px;
}

.py6 {
    top: 242px;
}

.py6h {
    top: 256px;
}

.py7 {
    top: 270px;
}

.py8 {
    top: 298px;
}

.py9 {
    top: 326px;
}

.py10 {
    top: 354px;
}

.py10h {
    top: 368px;
}

.py11 {
    top: 382px;
}

.py11h {
    top: 396px;
}

.py12 {
    top: 410px;
}

.py13 {
    top: 438px;
}

.py14 {
    top: 466px;
}

.py15 {
    top: 494px;
}

.py16 {
    top: 522px;
}

.py17 {
    top: 550px;
}

.py18 {
    top: 578px;
}

.py19 {
    top: 606px;
}

.py20 {
    top: 634px;
}

.py21 {
    top: 662px;
}

.py22 {
    top: 690px;
}

.py23 {
    top: 718px;
}

.py24 {
    top: 746px;
}

.py25 {
    top: 774px;
}

.py26 {
    top: 802px;
}

.py27 {
    top: 830px;
}

.py28 {
    top: 858px;
}

.py29 {
    top: 886px;
}

.py30 {
    top: 914px;
}

.py2a {
    top: 144px;;
}
*/
.pw2 {
	width: 240px;
}

.pw3 {
	width: 398px;
}

.pw4 {
	width: 480px;
}

.pw5 {
	width: 564px;
}

.pw6 {
	width: 720px;
}

.pw7 {
	width: 720px;
}

.pw8 {
	width: 972px;
}

.btnx1 {
	left: 208px;
}

.btnx2 {
	left: 288px;
}

.btnx3 {
	left: 368px;
}

.btnx4 {
	left: 448px;
}

.btnx4b {
	left: 420px;
}

.btnx5 {
	left: 528px;
}

.btnx6 {
	left: 608px;
}

.btnx7 {
	left: 688px;
}

.btnx8 {
	left: 768px;
}

.btnx9 {
	left: 848px;
}

.btnx10 {
	left: 928px;
}

.btnx1b {
	left: 232px;
}

.btnx2b {
	left: 312px;
}

.btnx8b {
	left: 792px;
}

.ph1 {
	height: 40px;
}

.ph2 {
	height: 68px;
}

.ph2h {
	height: 82px;
}

.ph3 {
	height: 96px;
}

.ph3h {
	height: 110px;
}

.ph4 {
	height: 124px;
}

.ph4h {
	height: 138px;
}

.ph5 {
	height: 152px;
}

.ph5h {
	height: 166px;
}

.ph6 {
	height: 180px;
}

.ph6h {
	height: 194px;
}

.ph7 {
	height: 208px;
}

.ph7h {
	height: 222px;
}

.ph8 {
	height: 236px;
}

.ph8h {
	height: 250px;
}

.ph9 {
	height: 264px;
}

.ph9h {
	height: 278px;
}

.ph10 {
	height: 292px;
}

.ph11 {
	height: 320px;
}

.ph12 {
	height: 348px;
}

.ph13 {
	height: 378px;
}

.ph14 {
	height: 404px;
}

.ph15 {
	height: 432px;
}

.ph16 {
	height: 460px;
}

.ph17 {
	height: 488px;
}

.ph18 {
	height: 516px;
}

.ph19 {
	height: 544px;
}

.ph20 {
	height: 572px;
}

.ph21 {
	height: 600px;
}

.ph22 {
	height: 628px;
}

.ph23 {
	height: 656px;
}

.ph24 {
	height: 684px;
}

.ph25 {
	height: 712px;
}

.ph26 {
	height: 740px;
}

.ph27 {
	height: 768px;
}

.ph28 {
	height: 796px;
}

.ph29 {
	height: 824px;
}

.ph30 {
	height: 852px;
}

/* positionierung von elementen auf panels */
.x0 {
	left: 12px;
}

.x1 {
	left: 156px;
}

.x2 {
	left: 236px;
}

.x3 {
	left: 316px;
}

.x4 {
	left: 396px;
}

.x4h {
	left: 436px;
}

.x5 {
	left: 476px;
}

.x6 {
	left: 556px;
}

.x7 {
	left: 636px;
}

.x8 {
	left: 716px;
}

.x9 {
	left: 796px;
}

.x10 {
	left: 876px;
}

/*  non-standard! */
.x0h {
	left: 40px;
}

.x0hh {
	left: 68px;
}

.x0hhh {
	left: 82px;
}

.x1h {
	left: 184px;
}

.x1l {
	left: 236px;
}

.x1a {
	left: 256px;
}

.x2h {
	left: 264px;
}

.x3h {
	left: 372px;
}

.x3c {
	left: 276px;
}

.x4a {
	left: 436px;
}

.x5a {
	left: 596px;
}

.x7a {
	left: 676px;
}

.y1 {
	top: 12px;
}

.y2 {
	top: 40px;
}

.y3 {
	top: 68px;
}

.y4 {
	top: 96px;
}

.y5 {
	top: 124px;
}

.y6 {
	top: 152px;
}

.y7 {
	top: 180px;
}

.y8 {
	top: 208px;
}

.y9 {
	top: 236px;
}

.y10 {
	top: 264px;
}

.y11 {
	top: 292px;
}

.y12 {
	top: 320px;
}

.y13 {
	top: 348px;
}

.y14 {
	top: 376px;
}

.y15 {
	top: 404px;
}

.y16 {
	top: 432px;
}

.y17 {
	top: 460px;
}

.y18 {
	top: 488px;
}

.y19 {
	top: 516px;
}

.y20 {
	top: 544px;
}

.y21 {
	top: 572px;
}

.y22 {
	top: 600px;
}

.y23 {
	top: 628px;
}

.y24 {
	top: 656px;
}

.y25 {
	top: 684px;
}

.y26 {
	top: 712px;
}

.y27 {
	top: 740px;
}

.y28 {
	top: 768px;
}

.y29 {
	top: 796px;
}

.y30 {
	top: 824px;
}

.y31 {
	top: 852px;
}

.y32 {
	top: 880px;
}

.y33 {
	top: 908px;
}

.y34 {
	top: 936px;
}

.y35 {
	top: 964px;
}

.y36 {
	top: 992px;
}

.y37 {
	top: 1020px;
}

.y38 {
	top: 1048px;
}

.y39 {
	top: 1076px;
}

.y40 {
	top: 1104px;
}

.y41 {
	top: 1132px;
}

.y42 {
	top: 1160px;
}

.y43 {
	top: 1188px;
}

.y44 {
	top: 1216px;
}

.y45 {
	top: 1244px;
}

.y46 {
	top: 1272px;
}

.y47 {
	top: 1300px;
}

.y48 {
	top: 1328px;
}

.y49 {
	top: 1356px;
}

.y50 {
	top: 1384px;
}

.y51 {
	top: 1412px;
}

.y52 {
	top: 1440px;
}

.y53 {
	top: 1468px;
}

.y54 {
	top: 1496px;
}

.y55 {
	top: 1524px;
}

.y56 {
	top: 1552px;
}

.y57 {
	top: 1580px;
}

.y58 {
	top: 1608px;
}

.y59 {
	top: 1636px;
}

.y60 {
	top: 1664px;
}

.y61 {
	top: 1692px;
}

.y62 {
	top: 1720px;
}

.y63 {
	top: 1748px;
}

.y64 {
	top: 1776px;
}

.y65 {
	top: 1804px;
}

.y66 {
	top: 1832px;
}

.y67 {
	top: 1860px;
}

.yt1 {
	top: 25px;
}

.y1h {
	top: 26px;
}

.y2h {
	top: 54px;
}

.y3h {
	top: 82px;
}

.y4h {
	top: 110px;
}

.y5h {
	top: 138px;
}

.y6h {
	top: 166px;
}

.y7h {
	top: 194px;
}

.y8h {
	top: 222px;
}

.y9h {
	top: 250px;
}

.y10h {
	top: 278px;
}

.y11h {
	top: 306px;
}

.y12h {
	top: 334px;
}

.y13h {
	top: 362px;
}

.y14h {
	top: 390px;
}

.y15h {
	top: 428px;
}

.y16h {
	top: 456px;
}

.y17h {
	top: 484px;
}

.y18h {
	top: 512px;
}

.w0 {
	width: 22px;
	padding: 0 5px;
}

.w1 {
	width: 62px;
	padding: 0 5px;
}

.w1h {
	width: 94px;
	padding: 0 5px;
}

.w2 {
	width: 142px;
	padding: 0 5px;
}

.w3 {
	width: 222px;
	padding: 0 5px;
}

.w4 {
	width: 302px;
	padding: 0 5px;
}

.w5 {
	width: 382px;
	padding: 0 5px;
}

.w6 {
	width: 462px;
	padding: 0 5px;
}

.w7 {
	width: 542px;
	padding: 0 5px;
}

/* b-Variante fuer Input mit anschliessendem Button */
.w0b {
	width: 8px;
}

.w1b {
	width: 38px;
	padding: 0 5px;
}

.w2b {
	width: 118px;
	padding: 0 5px;
}

.w3b {
	width: 198px;
	padding: 0 5px;
}

.w4b {
	width: 278px;
	padding: 0 5px;
}

.w4bc {
	width: 250px;
	padding: 0 5px;
}

.w5b {
	width: 358px;
	padding: 0 5px;
}

.w6b {
	width: 438px;
	padding: 0 5px;
}

.w7b {
	width: 518px;
	padding: 0 5px;
}

/* Soderbreiten */
.wdate {
	width: 62px;
	padding: 0 5px;
}

.h1 {
	height: 24px;
}

.h2 {
	height: 52px;
}

.h3 {
	height: 80px;
}

.h4 {
	height: 108px;
}

/* button positionierungen */
.bx1v1 {
	left: 12px;
}

.bw1 {
	width: 456px;
}

.bx1v2 {
	left: 12px;
	width: 224px;
}

.bx2v2 {
	left: 244px;
	width: 224px;
}

.bx3v2 {
	left: 490px;
	width: 224px;
}

.bx4v2 {
	left: 725px;
	width: 224px;
}

.bx1v3 {
	left: 12px;
	width: 144px;
}

.bx2v3 {
	left: 168px;
	width: 144px;
}

.bx3v3 {
	left: 324px;
	width: 144px;
}

.bx4v3 {
	left: 480px;
	width: 144px;
}

.bx5v3 {
	left: 636px;
	width: 144px;
}

.bx6v3 {
	left: 792px;
	width: 144px;
}

.bw3 {
	width: 144px;
}

.bx1v4 {
	left: 12px;
	width: 108px;
}

.bx2v4 {
	left: 128px;
	width: 108px;
}

.bx3v4 {
	left: 244px;
	width: 108px;
}

.bx4v4 {
	left: 360px;
	width: 108px;
}

.bx5v4 {
	left: 488px;
	width: 108px;
}

.bx6v4 {
	left: 604px;
	width: 108px;
}

.bx7v4 {
	left: 720px;
	width: 108px;
}

.bx8v4 {
	left: 836px;
	width: 108px;
}

.bx1v5 {
	left: 12px;
	width: 84px;
}

.bx2v5 {
	left: 105px;
	width: 84px;
}

.bx3v5 {
	left: 198px;
	width: 84px;
}

.bx4v5 {
	left: 301px;
	width: 84px;
}

.bx5v5 {
	left: 394px;
	width: 84px;
}

.bx6v5 {
	left: 487px;
	width: 108px;
}

.bx7v5 {
	left: 580px;
	width: 108px;
}

.bx8v5 {
	left: 673px;
	width: 108px;
}

.bx9v5 {
	left: 766px;
	width: 108px;
}

.bx10v5 {
	left: 859px;
	width: 108px;
}

.bx1v6 {
	left: 12px;
	width: 68px;
}

.bx2v6 {
	left: 90px;
	width: 68px;
}

.bx3v6 {
	left: 168px;
	width: 68px;
}

.bx4v6 {
	left: 246px;
	width: 68px;
}

.bx5v6 {
	left: 324px;
	width: 68px;
}

.bx6v6 {
	left: 402px;
	width: 68px;
}

/* width for checkbox */
.cbw {
	width: 20px;
}

/* dnd tests */
.dndHeader {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

.hidden {
	display: none;
}

.visible {
	display: block;
}

.maxSize {
	top: 0px !important;
	left: 0px !important;
	width: 100% !important;
	height: 100% !important;
}

.gridColorStatus1 {
	background-color: green;
}

.gridColorStatus2 {
	background-color: yellow;
}

.gridColorStatus3 {
	background-color: red;
}

.calendarEventColorMagenta {
	color: #d21ddd;
}

.calendarEventColorRed {
	color: red;
}

.calendarEventColorBlue {
	color: blue;
}

.calendarEventColorGreen {
	color: green;
}

.detailView {
	background-image: url('./../Image/Dms/info.png');
	background-repeat: no-repeat;
	background-position: 10px;
}

.groupView {
	background-image: url('./../Image/Dms/folder.png');
	background-repeat: no-repeat;
	background-position: 6px;
}

.revisionView {
	background-image: url('./../Image/Dms/pdf.png');
	background-repeat: no-repeat;
	background-position: 8px;
}

.gridCheckboxUnchecked {
	background-image: url('./../Image/Organizer/checkboxUnchecked.png');
	background-repeat: no-repeat;
	background-position: 4px;
}

.gridCheckboxChecked {
	background-image: url('./../Image/Organizer/checkboxChecked.png');
	background-repeat: no-repeat;
	background-position: 4px;
}

.gridDelete {
	background-image: url("./../Image/Icons/16x16/delete.png");
	background-position: 15px center;
	background-repeat: no-repeat;
}

.hiddenPrice {
	color: transparent;
}

.masterDataConfigFullWidth {
	width: 966px;
}

.masterDataConfigHeaderLabel {
	color: #003366;
	font-size: 12px;
	font-weight: bold;
}

.masterDataConfigGroup {
	float: left;
	position: relative !important;
	margin-top: 15px;
}

.editButtonLoad {
	background-image: url('./../Image/Icons/18x18/Select.png');
}

.editButtonLoad:hover {
	background-image: url('./../Image/Icons/18x18/SelectHover.png');
}

.editButtonEdit {
	background-image: url('./../Image/Icons/18x18/Edit.png');
}

.editButtonEdit:hover {
	background-image: url('./../Image/Icons/18x18/EditHover.png');
}

.editButtonEditPen {
	background-image: url('./Common/Toolbar/344E67/edit.svg');
}

.editButtonEditPen:hover {
	background-image: url('./Common/Toolbar/FFFFFF/edit.svg');
}

.editButtonDelete {
	background-image: url('./../Image/Icons/18x18/Delete.png');
	background-color: white;
}

.editButtonDelete:hover {
	background-image: url('./../Image/Icons/18x18/DeleteHover.png');
	background-color: white;
}

.editButtonSync {
	background-image: url('./../Image/Icons/18x18/Sync.png');
}

.editButtonSync:hover {
	background-image: url('./../Image/Icons/18x18/SyncHover.png');
}

.editButtonMove {
	background-image: url('./../Image/Icons/18x18/Move.png');
}

.editButtonMove:hover {
	background-image: url('./../Image/Icons/18x18/MoveHover.png');
}

.editButtonMoveX {
	background-image: url('./../Image/Icons/18x18/MoveX.png');
}

.editButtonMoveX:hover {
	background-image: url('./../Image/Icons/18x18/MoveHoverX.png');
}

.downloadFile {
	background-image: url('./../Image/Dms/download.png');
	background-repeat: no-repeat;
	background-position: 8px;
}

.priceNet {
	visibility: visible;
}

.priceGross {
	visibility: hidden;
}
/* tiny bug fixen dass er zu hoch ist */
.defaultSkin .mceToolbar {
	height: 22px !important;
}

.defaultSkin table.mceLayout tr.mceFirst td {
	border-top: 0px solid #ccc !important;
}

.defaultSkin td.mceToolbar {
	padding-top: 0px !important;
}

.defaultSkin table.mceLayout {
	border-width: 0 0 !important;
}
/* tiny toolbar responsive machen */
table.mceLayout, textarea.tinyMCE {
	width: 100% !important;
}

.mceToolbar td {
	display: table-row;
	float: left;
}

.mceToolbarEnd.mceToolbarEndListBox.mceLast {
	clear: left;
}

.statisticCell {
	color: #424242;
	font-size: 12px;
	height: 25px;
	line-height: 24px;
	text-align: left;
	border: 1px solid black;
}

.statisticNumeric {
	text-align: right;
}

.statisticText {
	text-align: center;
}

.statisticHeadline {
	text-align: center;
	background-color: #E7E7E7;
	font-weight: bold;
}

.treeInfoColor1 {
	background-color: #c7ffc7;
}

.dijitTreeRowSelected .treeInfoColor1 {
	background-color: #c7ffc7;
	border: 2px solid #e2ebfe !important;
}

.treeInfoColor2 {
	background-color: #ffffc7;
}

.dijitTreeRowSelected .treeInfoColor2 {
	background-color: #ffffc7;
	border: 2px solid #e2ebfe !important;
}

.treeArchive {
	font-style: italic;
}

.cardGauge100 {
	width: 100px;
	height: 100px;
}

.cardGauge150 {
	width: 150px;
	height: 150px;
}

.text-bold {
	font-weight: bold;
}

.upload-einvoice {
	width: calc(96% - 2px);
	top: 26px;
	margin: 0 2%; 
}

.upload-einvoice .uploadDrop {
	padding: 149px 40px;
	line-height: 20px;
	height: 40px;
}

.upload-einvoice .uploadFileContainer {
	display: none;
}

.preview-einvoice {
	overflow-x: hidden !important;
	overflow-y: scroll !important;
	border: 1px solid #f4c01f;
	background-color: #f4f4f4; 
	width: calc(96% - 22px);
	height: calc(100% - 61px);
	top: 26px; 
	padding: 10px;
	margin: 0 2%; 
}

.notification-callback {
	text-decoration: underline;
	font-weight: bold;
}
.ancQuickSearch {
	position: absolute !important;
    z-index: 10;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 22px 0 0 0;
	padding: 0 !important;
	overflow: auto !important;
	z-index: 300;
	height: auto;
	max-height: 160px;
	border-right: 1px solid #1f2e3d;
	border-left: 1px solid #1f2e3d;
	border-bottom: 1px solid #1f2e3d;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	min-width: 200px;
}

.messageGroup .ancQuickSearch {
	position: relative !important;
} 

.grpMessenger .ancQuickSearch {
	width: 59% !important;
	min-width: auto;
}

.labelQuickSearch {
	background-color: #FFFFFF;
	color: #333333;
	border-top: 1px solid #1f2e3d;
	padding: 4px 8px;
	font-size: 12px;
	line-height: 14px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.labelQuickSearch:hover {
	color: #FFFFFF;
    background-color: #1f2e3d;
	z-index: 301;
}

.labelQuickSearchSelected {
	color: #FFFFFF;
    background-color: #1f2e3d;
	z-index: 301;
}

.quickSearchHighlight {
	text-decoration: underline;
	font-weight: bold;
}

.quickSearchClose {
    background-image: url('Common/Toolbar/344E67/exit.svg');
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
	position: relative !important;
	float: right;
	background-color: #FFFFFF;
	width: 14px;
	height: 14px;
	color: #333333;
	border-top: 1px solid #1f2e3d;
	padding: 4px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.quickSearchClose:hover {
	color: #000000;
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .5);
	-moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, .5);
	border: 1px solid #003366;
	padding: 3px 7px 4px 7px;
	z-index: 301;
}
/*
	grün: 2ab52e
	orange: e55500
	silverp orange/gelb: febf00
	silverp orange/gelb abgedunkelt: ecb200
	silverp stark abgedunkelt d7a10e
*/

.assistantToolTip {
	white-space: normal;
	width: 300px;
	color: #ce9000;
	color: #222222;
}

/* tooltip icons */
.assistantIcon14 {
	margin: 0 2px;
	border: 1px solid #febf00;
	border-radius: 4px 0;
}

.assistantIcon20 {
	margin: 0 2px;
	border: 1px solid #febf00;
	border-radius: 4px 0;
}

.assistantSilvERP {
	margin: 0 3px;
}

/* grid highlight */
.assistantGridHighlight {
	background-color: #fdf0d9;
}

/* highlight klassen */
.assistantHighlight {
	-webkit-transition: all 1.0s ease-in-out;
	-moz-transition: all 1.0s ease-in-out;
	-o-transition: all 1.0s ease-in-out;
	transition: all 1.0s ease-in-out;
}

.assistantHighlightIE {
}
   
.themeModebox.assistantHighlight {
	box-shadow: 0 0 8px 4px #FEBF00;
}

.appGrpContent.assistantHighlight {
	box-shadow: 0 0 8px 4px #FEBF00;
}

.themeInput.assistantHighlight {
	box-shadow: 0 0 8px 4px #FEBF00;
}

.themeIcons.assistantHighlight {
	border-radius: 8px;
	box-shadow: 0 0 8px 4px #FEBF00;
}

.themeButton.assistantHighlight {
	box-shadow: 0 0 8px 4px #FEBF00;
}

.cbw.assistantHighlight {
	box-shadow: 0 0 8px 4px #FEBF00;
}

/* IE7 */
.assistantHighlightIE7 {
}
   
.themeModebox.assistantHighlightIE7 {
	margin-left: -4px;
	width: 184px;
   	zoom: 1;
	/* For IE 5.5 - 8 */
   	filter: progid:DXImageTransform.Microsoft.Shadow(Color=#FEBF00, Strength=4, Direction=0),
         	progid:DXImageTransform.Microsoft.Shadow(Color=#FEBF00, Strength=4, Direction=90),
         	progid:DXImageTransform.Microsoft.Shadow(Color=#FEBF00, Strength=4, Direction=180),
         	progid:DXImageTransform.Microsoft.Shadow(Color=#FEBF00, Strength=4, Direction=270);
}

.appGrpContent.assistantHighlightIE7 {
	margin-left: -2px;
	margin-top: -2px;
	border: 3px solid #FEBF00;
}

.themeInput.assistantHighlightIE7 {
	margin-left: -4px;
	margin-top: -4px;
	zoom: 1;
	/* For IE 5.5 - 8 */
   	filter: progid:DXImageTransform.Microsoft.Shadow(Color=#FEBF00, Strength=4, Direction=0),
         	progid:DXImageTransform.Microsoft.Shadow(Color=#FEBF00, Strength=4, Direction=90),
         	progid:DXImageTransform.Microsoft.Shadow(Color=#FEBF00, Strength=4, Direction=180),
         	progid:DXImageTransform.Microsoft.Shadow(Color=#FEBF00, Strength=4, Direction=270);
}

.themeIcons.assistantHighlightIE7 {
	border: 3px solid #FEBF00;
	width: 22px;
	height: 22px;
	background-position: -3px -3px;
	/* For IE 5.5 - 8 */
}

.themeButton.assistantHighlightIE7 {
	margin-left: -4px;
	margin-top: -4px;
	zoom: 1;
	/* For IE 5.5 - 8 */
   	filter: progid:DXImageTransform.Microsoft.Shadow(Color=#FEBF00, Strength=4, Direction=0),
         	progid:DXImageTransform.Microsoft.Shadow(Color=#FEBF00, Strength=4, Direction=90),
         	progid:DXImageTransform.Microsoft.Shadow(Color=#FEBF00, Strength=4, Direction=180),
         	progid:DXImageTransform.Microsoft.Shadow(Color=#FEBF00, Strength=4, Direction=270);
}

.cbw.assistantHighlightIE7 {
	border: 3px solid #FEBF00;
}

/* IE8 */
.assistantHighlightIE8 {
}
   
.themeModebox.assistantHighlightIE8 {
	margin-left: -4px;
	width: 192px;
   	zoom: 1;
	/* For IE 5.5 - 8 */
   	filter: progid:DXImageTransform.Microsoft.Shadow(Color=#FEBF00, Strength=4, Direction=0),
         	progid:DXImageTransform.Microsoft.Shadow(Color=#FEBF00, Strength=4, Direction=90),
         	progid:DXImageTransform.Microsoft.Shadow(Color=#FEBF00, Strength=4, Direction=180),
         	progid:DXImageTransform.Microsoft.Shadow(Color=#FEBF00, Strength=4, Direction=270);
}

.appGrpContent.assistantHighlightIE8 {
	margin-left: -2px;
	margin-top: -2px;
	border: 3px solid #FEBF00;
}

.themeInput.assistantHighlightIE8 {
	margin-left: -4px;
	margin-top: -4px;
	zoom: 1;
	/* For IE 5.5 - 8 */
   	filter: progid:DXImageTransform.Microsoft.Shadow(Color=#FEBF00, Strength=4, Direction=0),
         	progid:DXImageTransform.Microsoft.Shadow(Color=#FEBF00, Strength=4, Direction=90),
         	progid:DXImageTransform.Microsoft.Shadow(Color=#FEBF00, Strength=4, Direction=180),
         	progid:DXImageTransform.Microsoft.Shadow(Color=#FEBF00, Strength=4, Direction=270);
}

.themeIcons.assistantHighlightIE8 {
	border: 3px solid #FEBF00;
	width: 22px;
	height: 22px;
	background-position: -3px -3px;
	/* For IE 5.5 - 8 */
}

.themeButton.assistantHighlightIE8 {
	margin-left: -4px;
	margin-top: -4px;
	zoom: 1;
	/* For IE 5.5 - 8 */
   	filter: progid:DXImageTransform.Microsoft.Shadow(Color=#FEBF00, Strength=4, Direction=0),
         	progid:DXImageTransform.Microsoft.Shadow(Color=#FEBF00, Strength=4, Direction=90),
         	progid:DXImageTransform.Microsoft.Shadow(Color=#FEBF00, Strength=4, Direction=180),
         	progid:DXImageTransform.Microsoft.Shadow(Color=#FEBF00, Strength=4, Direction=270);
}

.cbw.assistantHighlightIE8 {
	margin-left: -4px;
	margin-top: -4px;
	border: 3px solid #FEBF00;
}

/* notifications */
.messageNotificationAssistant {
	background-image: url("./../Image/Assistant/BackgroundOpen.jpg");
	overflow: auto !important;
	left: 885px;
	top: 200px;
	width: 300px;
	background-color: #FFFFFF;
	color: #003366;
	text-align: center;
	font-size: 12px;
	font-weight: normal;
	line-height: 20px;
	max-height: 300px;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	box-shadow: 0 0 10px #000000;
	z-index: 800;
	opacity: 0.97;
	border-radius: 6px;
}

.messageNotificationAssistantHidden {
	background-image: url("./../Image/Assistant/BackgroundClose.jpg");
	overflow: hidden !important;
	left: 148px;
	top: 120px;
	width: 20px;
	background-color: #FFFFFF;
	color: #0033966;
	text-align: center;
	font-size: 12px;
	font-weight: normal;
	line-height: 20px;
	max-height: 21px;
	-webkit-transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
	box-shadow: 0 0 10px #FF7700;
	z-index: 800;
	opacity: 0.97;
	border-radius: 10px;
}

.assistantMessage {
	color: #222222;
    min-width: 244px;
}

.messageNotificationAssistant .messageNotificationHide {
	display: none;
}

.messageNotificationAssistantHidden .messageNotificationHide {
	display: none;
}
/* Dashboard */
.btnDashboardMenu {
	padding: 2px 4px;
	right: 5px;
	top: 0;
	opacity: 0.7;
	filter: opacity =   0;
	font-size: 11px;
	z-index: 100;
	height: 15px;
	line-height: 15px;
}


.dashboardScreen1 {
	top: 15px;
	left: 0;
	width: 3000px;
	height: 560px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	margin-left: 0;
	margin-right: -2000px;
}

.dashboardScreen2 {
	top: 15px;
	left: 0;
	width: 3000px;
	height: 560px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	margin-left: -1000px;
	margin-right: -1000px;
}

.dashboardScreen3 {
	top: 15px;
	left: 0;
	width: 3000px;
	height: 560px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	margin-left: -2000px;
	margin-right: 0;
}


.dashboardNavigate {
	top: 10px;
	width: 40px;
	height: 25px;
	z-index: 1;
	background-color: #FFFFFF;
	color: #FEBF00;
	border-radius: 20px 20px 0 0;
	box-shadow: 0 0 2px #888888;
	cursor: pointer;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	text-align: center;
	font-size: 22px;
}

.actNav1 .dashNav1 {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	box-shadow: 0 -1px 4px #888888;
	background-color: #febf00;
	color: #FFFFFF;
}

.actNav2 .dashNav2 {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	box-shadow: 0 -1px 4px #888888;
	background-color: #febf00;
	color: #FFFFFF;
}

.actNav3 .dashNav3 {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	box-shadow: 0 -1px 4px #888888;
	background-color: #febf00;
	color: #FFFFFF;
}

.dashboardMenuVisible {
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	right: 4px;
	top: 18px;
	max-height: 150px;
	box-shadow: 0 0 4px #888888;
	z-index: 100;
}

.dashboardMenuHidden {
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	right: 4px;
	top: 18px;
	max-height: 0;
	box-shadow: 0 0 4px #888888;
	z-index: 100;
}

.caret {
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #003366;
	display: inline-block;
	height: 0;
	width: 0;
	vertical-align: baseline;
}

.dashboardMenuItem {
	position: relative !important;
	text-align: right;
	background-color: #FFFFFF;
	padding: 4px 10px;
	font-size: 11px;
}

.dashboardMenuItem:hover {
	background-color: #003366;
	color: #FFFFFF;
}

.dashboardMenuDelimiter {
	position: relative !important;
	background-color: #FFFFFF;
	border-bottom: 1px solid #99AADD
}

.btnFixElements {
	background-color: #ffffff;
	box-shadow: 0 0 4px #888888;
	height: 14px;
	line-height: 14px;
	padding: 2px 4px;
	right: 4px;
	top: 1px;
	width: auto;
	z-index: 101;
}

.widgetMoveControl {
	background: url('./../Image/Widget/move.png') repeat scroll 0 0 #FFFFFF;
	top: 0;
	right: 0;
	width: 16px;
	border-radius: 8px;
	box-shadow: 0 0 4px #888888;
}

.widgetMoveControlVisible {
	height: 16px;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.widgetMoveControlHidden {
	padding: 0;
	height: 0;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

/* Default Widgetclasses */
.btnWidgetMenu {
	right: 0;
	top: 0;
	opacity: 0.7;
	filter: opacity =       70;
	width: 8px;
	height: 12px;
	padding: 2px 6px;
}

.btnWidgetMenu:hover {
	opacity: 1;
	filter: 100;
}

.widgetMenuVisible {
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	right: 1px;
	top: 18px;
	max-height: 150px;
	box-shadow: 0 0 2px #888888;
	z-index: 2;
	background-color: #FFFFFF;
}

.widgetMenuHidden {
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	right: 1px;
	top: 18px;
	max-height: 0;
	box-shadow: 0 0 2px #888888;
	z-index: 2;
	background-color: #FFFFFF;
}

.widgetMenuItem {
	position: relative !important;
	text-align: right;
	background-color: #FFFFFF;
	padding: 4px 10px;
	font-size: 11px;
	clear: right;
}

.widgetMenuItem:hover {
	background-color: #003366;
	color: #FFFFFF;
}

.widgetMenuItemDelete {
	float: right;
	position: relative !important;
	text-align: right;
	background-color: #FFFFFF;
	width: 18px;
	height: 18px;
	background-image: url('./../Image/Widget/Delete18.png');
}

.widgetMenuItemToPage {
	background-color: #FEBF00;
	border-radius: 10px 10px 0 0;
	float: right;
	font-size: 11px;
	height: 18px;
	line-height: 18px;
	margin: 0 3px 0 1px;
	padding: 0 2px;
	position: relative !important;
	text-align: center;
	width: 18px;
	font-weight: bold;
	color: #ffffff;
}

.widgetMenuDelimiter {
	position: relative !important;
	background-color: #FFFFFF;
	border-bottom: 1px solid #99AADD
}

/* Splash */
.widgetSplashOffset {
	margin-top: -30px;
	margin-left: -65px;
}

/* Assistant */

/*
.widgetAssistantList .assistantElement {
	width: auto;
	background: #FFFFFF !important;
	margin: 1px;
	padding: 6px;
	font-size: 12px;
}

.widgetAssistantList .assistantElement:hover {
	box-shadow: 0 0 4px #888888;
}

.widgetAssistantList .assistantElementHighlight {
	width: auto;
	background: #FEBF00 !important;
	margin: 1px;
	padding: 6px;
	color: #000000;
	font-size: 12px;
}

.widgetAssistantList .assistantElementHighlight:hover {
	box-shadow: 0 0 4px #888888;
}

.widgetAssistantList .assistantElementActive {
	width: auto;
	background: #FEBF00 !important;
	margin: 1px;
	padding: 6px;
	color: #000000;
	font-weight: bold;
	font-size: 12px;
}

.widgetAssistantList .assistantElementActive:hover {
	box-shadow: 0 0 4px #888888;
}
*/

/* WidgetList */
.widgetListGroup {
	background-color: #C0D0E0;
	border-radius: 8px;
	box-shadow: 0 0 4px #888888;
}
.uploadButtonFallback {
    background-color: #ffffff;
    margin: 5px;
    padding: 5px;
    cursor: pointer;
    width: 300px;
    text-align: center;
    border: 1px solid #DDDDDD;
}
.uploadInputFallback {
    background-color: #ffffff;
    margin: 5px;
    padding: 5px;
    cursor: pointer;
    width: 100%;
    text-align: center;
    border: 1px solid #DDDDDD;
}

.uploadOverall {
    width: 100%;
    height: 20px;
    margin-top: 5px;
    margin-top: 5px;
    background-color:#DDDDDD;
    color: #ffffff;
}
.uploadFileContainer {
    width: 100%;
    max-height: 120px;
    margin-top: 5px;
    overflow-y: scroll;
}
.uploadFileContainerHidden {
    display: none;
}
.uploadFile {
   width: 100%;
    height: 20px;
    margin-top: 3px;
    float: left;
}
.uploadFileCancel {
    width: 20px;
    height: 20px;
    margin: 2px;
    background-color: red;
    float: left;
    cursor: pointer;
}
.folderClick {
    color: green;
    text-decoration: underline;
}
.themeBgTitleRight {
	background-image: url('./../Image/Android/titleBg.png');
}

.themeBgTitleLeft {
	background-image: url('./../Image/Android/titleBg.png');
}

.appGrpContentRounded {
	background-color: #FFFFFF;
	border-width: 0px;
	border-radius: 0;
	box-shadow: 0 0 1px #666666;
}

.themeLabel {
	color: #777777;
}

.AjaxWaitAnimation {
	background-image: url(Image/Android/ajaxLoader.gif);
	left: auto;
	right: 4px;
	top: 5px;
	width: 31px;
	height: 31px;
}

.themeBgContent {
	background-image: none;
	left: 50%;
	margin-left: -500px;
}

.contentDefault {
	min-width: 1000px;
	position: absolute !important;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.dashboardNavigate {
	top: 15px;
}

.dashboardBackPanel2 {
	border-radius: 0;
	border-top: 1px solid #FEBF00;
	border-bottom: 0;
	box-shadow: 0 0 1px #666666;
	background-image: url('./../Image/Android/panelBack.jpg');
}

.dashboardBackPanel3 {
	border-radius: 0;
	border-top: 1px solid #FEBF00;
	border-bottom: 0;
	box-shadow: 0 0 1px #666666;
	background-image: url('./../Image/Android/panelBack.jpg');
}


/* Assistant */
.messageNotificationAssistant {
	left: auto;
	right: 20px;
}

.messageNotificationAssistantHidden {
	left: auto;
	right: 12px;
	top: 75px;
}

/* ticketsystem */

.taskStatesDone {
	border-radius: 1px;
	background: -webkit-gradient(linear, left top, left bottom, from(#DDDDDD), to(#BBBBBB) );
	background: -moz-linear-gradient(center top, #DDDDDD, #BBBBBB) repeat scroll 0 0 transparent;
	font-size: 12px;
	border-width: 0;
	color: #ffffff;
	margin: 0 3px;	
	text-shadow: 0px 0px 2px #777777;
	box-shadow: 0 0 2px #777777;
}

.taskStatesOpen {
	border-radius: 1px;
	background: none;
	background-color: #344E67;
	font-size: 12px;
	border-width: 0;
	color: #ffffff;
	margin: 0 3px;	
	text-shadow: 0px 0px 2px #777777;
	font-weight: normal;
	box-shadow: 0 0 2px #777777;
}

.contentBoxCalendar {
    bottom: 0;
    left: 0;
    min-width: 900px;
    right: 0;
    top: 15px;
}
.absRight {
    right: 0px;
    width: 300px;
    min-width: 300px;
    box-shadow: 1px 1px 2px #DDDDDD;
    overflow: auto !important;
    top: 0;
    bottom: 0;
    /*
     height: 560px;
     */
}

/*
.contentBox {
    left: 0;
    right: 0;
    top: 103px;
    bottom: 0;
    min-width: 900px;
}
*/
.dojoxColorPicker {
	padding: 0px;
	-moz-border-radius: 4pt;
	-webkit-border-radius: 5pt;
	-webkit-drop-shadow: 3pt;
}

.dojoxColorPickerRightPad {
	padding-right: 8px;
}

.tundra .dojoxColorPicker {
	background: #ededed;
	border: 1px solid #ccc;
}

.dojoxColorPickerBox {
	position: relative;
	width: 150px;
	height: 150px;
	margin: 0;
	padding: 0;
}

.dojoxColorPickerUnderlay {
	position: relative;
	top: 0;
	left: 0;
	width: 150px;
	height: 150px;
	z-index: 1;
}

.tundra .dojoxColorPickerUnderlay {
	border: 1px solid #a0a0a0;
}

.claro .dojoxColorPicker {
	background: #ededed;
	border: 1px solid #cdcdcd;
}

.claro .dojoxColorPickerUnderlay {
	border: 1px solid #cccccc;
}

.dojoxHuePickerUnderlay {
	position: relative;
	top: 0;
	left: 0;
	height: 150px;
	width: 20px;
	z-index: 1;
	text-align: center;
}

.dojoxHuePicker {
	position: relative;
	top: 0px;
	left: 0px;
	padding: 0px;
}

.dojoxHuePickerPoint {
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 8px;
	z-index: 3;
	cursor: move;
}

.dojoxColorPickerPoint {
	position: absolute;
	width: 10px;
	height: 10px;
	border: 0;
	z-index: 3;
	cursor: move;
}

.dojoxColorPickerPreview {
	display: block;
	width: 45px;
	height: 45px;
	border: 1px solid #333;
	background-color: #fff;
	position: relative;
	top: 0px;
	left: 0px;
}

.dojoxColorPickerWebSafePreview {
	display: block;
	width: 25px;
	height: 25px;
	position: relative;
	top: 0px;
	left: 0px;
	border: 1px solid #333;
}

.dojoxColorPickerOptional {
	position: relative;
	top: 0px;
	left: 0px;
	height: 100%;
}

.dojoxColorPickerOptional table {
	border-spacing: 4px;
}

.dojoxColorPickerPreviewContainer table {
	border-spacing: 6px 0px;
}

.dojoxColorPickerOptional input {
	border: 1px solid #a7a7a7;
	width: 25px;
	padding: 1px 3px 1px 3px;
	line-height: 1.1em;
}

.dojoxColorPickerHex input {
	width: 55px;
}
body {
    background-color: #FFFFFF;
    color: #424242;
    font: 12px 'RobotoRegular', Arial, sans-serif;
    -webkit-overflow-scrolling: touch;
	-webkit-text-size-adjust: none;
	overscroll-behavior: none;
	touch-action: none;
}

.root {
    left: 0;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    display: table;
    background-color: #e9edf0;
}

textarea, select, input, button, textarea:focus, select:focus, input:focus, button:focus { 
	outline: none; 
}

input[type=text], input[type=password], textarea, select, input:-webkit-autofill {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    border: 1px solid #e7e7e7;
    background-color: #FFFFFF;
}

input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
    border: 1px solid #344E67;
    background-color: #FFFFFF;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #bcbcbc;
  opacity: 1; /* Firefox */
}

/*
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus {
    border: 1px solid #344E67;
    background-color: #FFFFFF;
}
*/

.overflowAuto {
    overflow: auto !important;
}

/* Blocking Div */
.boxBlock {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.boxTitle {
    -webkit-transition: opacity 0s;
    -moz-transition:  opacity 0s;
    -o-transition: opacity 0s;
    transition: opacity 0s;

    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;

    position: fixed !important;
    overflow: visible !important;
    top: 0;
    left: 0;
    right: 0;
    height: 62px;
    background-color: #344E67;
    z-index: 800;
    opacity: 1;
}

.ajaxRequest .boxTitle {
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition:  opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;

    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;

    opacity: 0.8;
}

.boxBodyTop {
    position: relative !important;
    overflow: visible !important;
    -webkit-transition: margin-left 0.25s ease-in-out, margin-right 0.25s ease-in-out;
    -moz-transition: margin-left 0.25s ease-in-out, margin-right 0.25s ease-in-out;
    -o-transition: margin-left 0.25s ease-in-out, margin-right 0.25s ease-in-out;
    transition: margin-left 0.25s ease-in-out, margin-right 0.25s ease-in-out;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 62px 0 0 0;
    background-color: #e9edf0;
}

.boxBodyAll {
    -webkit-transition: margin-left 0.25s ease-in-out, margin-right 0.25s ease-in-out;
    -moz-transition: margin-left 0.25s ease-in-out, margin-right 0.25s ease-in-out;
    -o-transition: margin-left 0.25s ease-in-out, margin-right 0.25s ease-in-out;
    transition: margin-left 0.25s ease-in-out, margin-right 0.25s ease-in-out;

    top: 62px;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0;
    background-color: #e9edf0;
}

.menuVisible .boxBodyAll, .menuVisible .boxBodyTop {
    margin-left: 200px;
}

.messengerVisible .boxBodyAll, .messengerVisible .boxBodyTop {
    margin-right: 300px;
}


.messageAvatar {
	position: relative;
	float: left;
	margin: 0 2px; 
	width: 16px; 
	height: 16px; 
	line-height:16px; 
	border-radius: 10px; 
	border: 2px solid; 
	color: #000000; 
	font-size: 10px; 
	text-align: center;
}

.messageAvatar.messageSeenNone {
	background-color: #E5E5E5;
	border-color: #E5E5E5;
}

.messageAvatar.messageSeenPartial {
	background-color: #FBD100;
	border-color: #FBD100;
}

.messageAvatar.messageSeenAll {
	background-color: #ABCB00;
	border-color: #ABCB00;
}

.messageAvatar.self {
	border-color: #344E67;
}

/* menü symbole */
.btnOpenMenu, .btnCloseMenu {
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    top: 2px;
    width: 22px;
    height: 22px;
    margin: 4px;
    padding: 4px;
    background-color: #344E67;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.btnOpenMenu:hover, .btnCloseMenu:hover {
    background-color: #1f2e3d;
}

.btnOpenMenu {
    background-image: url('Common/Icons/FFFFFF/menu_24px.svg');
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
    z-index: 1;
}

.menuVisible .btnOpenMenu {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    transform: rotate(-180deg);
    opacity: 0;
    z-index: 0;
}

.btnCloseMenu {
    background-image: url('Common/Icons/FFFFFF/left_24px.svg');
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
    opacity: 0;
    z-index: 0;
}

.menuVisible .btnCloseMenu {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
    z-index: 1;
}

.grpContent {
    height: 595px;
    left: 0;
    top: -34px;
    overflow: auto !important;
    position: relative !important;
    right: 0;
}

/*
 .dashboardBackPanel1, .dashboardBackPanel2, .dashboardBackPanel3 {
 background-color: #FFFFFF;
 border-top: 1px solid #344E67;
 box-shadow: 0 0 4px 0 #d0d0d0;
 top: 0;
 left: 5px;
 width: 990px;
 height: 555px;
 }
 */

.splashLogoPosition {
}

.splashLogoHandel {
}

.splashLogoGrosshandel {
}

.splashLogoFertigung {
}

.splashLogoChemie {
}

.splashLogoElektronik {
}

.splashLogoMaschinenbau {
}

.systemInfo {
    -webkit-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;

	/* ligna */
	/*
    background-image: url('Default/Image/logo.svg');
    height: 46px;
    */
	/* ligna */


    height: 30px;
    background-repeat: no-repeat;
    background-position: center 2px;
    background-size: contain;
    left: 50%;
    margin-left: -83px;
    width: 165px;
    top: 6px;
    /*
    z-index: 1000;
    */
    cursor: url('Common/Icons/344E67/clipboard_24px.svg'), copy;
}


.systemInfo {
	background-image: url('Common/logo.png');
}

.ajaxAnimation {
    -webkit-transition: width 2s ease-out;
    -moz-transition: width 2s ease-out;
    -o-transition: width 2s ease-out;
    transition: width 2s ease-out;

    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s;

    left: 0;
    width: 0;
    height: 2px;
    z-index: 1000;
    opacity: 0;
    background-color: #FFFFFF;
}

.ajaxRequest .ajaxAnimation {
    opacity: 0.8;
    width: 100%;
}

.userInfo {
    position: relative !important;
    float: right;
    background-image: url('Common/Icons/FFFFFF/account_24px.svg');
    background-position: right center;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: transparent;
    padding-right: 36px;
	color: #FFFFFF;
    text-align: right;
    font-size: 16px;
    margin-top: 4px;
    margin-right: 2px;
    height: 34px;
    line-height: 22px;
    cursor: pointer;
}
.userInfo.maintenance {
	background-image: url('Common/Icons/FFFFFF/accountMaintenance.svg');		
}
	

.instanceInfo {
    color: #FFFFFF;
    font-size: 8px;
    top: 24px;
    right: 38px;
    height: 12px;
    line-height: 12px;
    opacity: 0.5;
    filter: alpha(opacity = 50);
}

.toggleMessenger {
    -webkit-transition: background-color 0.25s ease-in-out;
    -moz-transition: background-color 0.25s ease-in-out;
    -o-transition: background-color 0.25s ease-in-out;
	transition: background-color 0.25s ease-in-out;
	background-image: url("Common/Icons/FFFFFF/chat_24px.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 16px auto;
    height: 24px;
    right: 4px;
    top: 38px;
    width: 30px;
    border-radius: 1px;
    cursor: pointer;
}

.toggleMessenger:hover {
    background-color: #1f2e3d;
}

/*
.messengerVisible .toggleMessenger {
	background-color: #f4c01f;
    border-radius: 4px 4px 0 0; 
}
*/

/* usermenu */
/* Language */
.languagePulldown, .languagePulldownOpen {
    -webkit-transition: left 0.25s ease-in-out, width 0.25s ease-in-out;
    -moz-transition: left 0.25s ease-in-out, width 0.25s ease-in-out;
    -o-transition: left 0.25s ease-in-out, width 0.25s ease-in-out;
    transition: left 0.25s ease-in-out, width 0.25s ease-in-out;

    left: -30px;
    top: 38px;
    height: 22px;
    overflow: hidden;
    z-index: 200;
}

.languagePulldown, .languagePulldownOpen {
    width: 40px;
}

.menuVisible .languagePulldownOpen {
    width: 606px;
    background-color: #1f2e3d;
}

.menuVisible .languagePulldown, .menuVisible .languagePulldownOpen {
    left: 4px;
}

.themeLanguagePicker {
    -webkit-transition: background-color 0.25s ease-in-out;
    -moz-transition: background-color 0.25s ease-in-out;
    -o-transition: background-color 0.25s ease-in-out;
    transition: background-color 0.25s ease-in-out;

    position: relative !important;
    float: left;
    width: 30px;
    height: 22px;
    background-image: url('Common/Icons/FFFFFF/language.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 18px;
}

.themeLanguagePicker:hover {
    background-color: #1f2e3d;
}

.languageFlag {
    position: relative !important;
    float: left;
    width: 24px;
    height: 18px;
    margin: 2px 4px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

/* Lock/Reset */

.btnLockStation {
    -webkit-transition: background-color 0.25s ease-in-out, left 0.25s ease-in-out;
    -moz-transition: background-color 0.25s ease-in-out, left 0.25s ease-in-out;
    -o-transition: background-color 0.25s ease-in-out, left 0.25s ease-in-out;
    transition: background-color 0.25s ease-in-out, left 0.25s ease-in-out;

    background-image: url('Common/Icons/FFFFFF/power.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px;

    top: 38px;
    left: -30px;
    width: 30px;
    height: 22px;
}

.btnLockStation:hover {
    background-color: #1f2e3d;
}

.menuVisible .btnLockStation {
    left: 38px;
}

/* VoiceRecognition */

.btnVoiceRecognition {
    -webkit-transition: background-color 0.25s ease-in-out, left 0.25s ease-in-out;
    -moz-transition: background-color 0.25s ease-in-out, left 0.25s ease-in-out;
    -o-transition: background-color 0.25s ease-in-out, left 0.25s ease-in-out;
    transition: background-color 0.25s ease-in-out, left 0.25s ease-in-out;

    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px;

    top: 38px;
    left: -30px;
    width: 30px;
    height: 22px;
}

.cawaSpeechRecognitionStatus.cawaSpeechRecognitionInactive .btnVoiceRecognition{
    background-image: url('Common/Icons/FFFFFF/microphoneInactive.svg');
}
.cawaSpeechRecognitionStatus.cawaSpeechRecognitionInactive .btnVoiceRecognition:hover {
    background-image: url('Common/Icons/FFFFFF/microphoneActive.svg');
}

.cawaSpeechRecognitionStatus.cawaSpeechRecognitionActive .btnVoiceRecognition {
    background-image: url('Common/Icons/FFFFFF/microphoneActive.svg');
}
.cawaSpeechRecognitionStatus.cawaSpeechRecognitionActive .btnVoiceRecognition:hover {
    background-image: url('Common/Icons/FFFFFF/microphoneDeactivate.svg');
}

.cawaSpeechRecognitionStatus.cawaSpeechRecognitionOff .btnVoiceRecognition {
    display: none;
}

.btnVoiceRecognition:hover {
    background-color: #1f2e3d;
}

.menuVisible .btnVoiceRecognition {
    left: 42px;
}

/* quickfinder */
.themeGrpQuickFinder {
    top: 6px;
    left: 50px;
    width: 150px;
    height: 30px;
}

.quickFinderClose {
	float: right;
	width: 26px;
	height: 26px;
    background-image: url('Common/Toolbar/344E67/exit.svg');
    background-size: contain;
    color: transparent;
}

input.themeInpQuickFinder {
    -webkit-transition: background-color 0.25s ease-in-out;
    -moz-transition: background-color 0.25s ease-in-out;
    -o-transition: background-color 0.25s ease-in-out;
    transition: background-color 0.25s ease-in-out;
    background-image: url('Common/Icons/FFFFFF/search_24px.svg');
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: transparent;
    width: 120px;
    padding-left: 30px;
    height: 30px;
    z-index: 1;
    color: #FFFFFF;
    border-width: 0;
    border-radius: 1px;
}

input.themeInpQuickFinder:focus {
    color: #FFFFFF;
	background-color: #436485;
    border-width: 0;
    border-radius: 1px;
}

.themeLblQuickFinder {
    display: none;
}

.themeGrpQuickFinderResults {
	width: 300px;
	left: 0px;
	z-index: 4;
	box-shadow: 0 0 2px 0 #bcbcbc;
	background-color: #FFFFFF;
	max-height: 450px;
	overflow: auto !important;
	boirder-radius: 4px;
}

.quickFinderHeadline {
	text-align: center;
	font-size: 14px;
	height: 26px;
	line-height: 26px;
	color: #344E67;
}

.quickFinderMenuItem {
    -webkit-transition: background 0.25s ease-in-out;
    -moz-transition: background 0.25s ease-in-out;
    -o-transition: background 0.25s ease-in-out;
    transition: background 0.25s ease-in-out;
	position: relative !important;
	color: #344E67;
	font-size: 12px;
	background-position: 10px center;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    height: 30px;
    line-height: 30px;
    padding-left: 40px;
}

.quickFinderMenuItem:hover {
	background-color: #F4F4F4;
}

.quickFinderRow {
    -webkit-transition: background 0.25s ease-in-out;
    -moz-transition: background 0.25s ease-in-out;
    -o-transition: background 0.25s ease-in-out;
    transition: background 0.25s ease-in-out;
    /*
	border-left: 4px solid #344E67;
	*/
	clear: both;
	margin-bottom: 6px;
}

.quickFinderRow:hover {
	background-color: #f4f4f4;
}

.quickFinderClickpanel {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.quickFinderIcon {
	background-position: center center;
	background-size: contain;
	width: 16px;
	height: 16px;
	padding: 1px 3px;
	float: left;
	z-index: 1;
}

.quickFinderIcon:hover {
    background-color: #1f2e3d;
}

.addressCustomerNo {
	color: #344E67;
	padding: 1px 3px;
	font-size: 14px;
	float: left;
}

.addressProspectNo {
	color: #344E67;
	padding: 0px 0px;
	font-size: 0px;
	float: left;
}

.addressSupplierNo {
	color: #344E67;
	padding: 1px 3px;
	font-size: 14px;
	float: left;
}

.addressMatchcode {
	color: #344E67;
	padding: 1px 3px;
	font-size: 14px;
	float: left;
}

.addressName1 {
	color: #344E67;
	padding: 1px 3px;
	float: left;
	clear: left;
}

.addressName2 {
	color: #344E67;
	padding: 1px 3px;
	float: left;
}

.addressZipCode, .addressPhone1, .addressMobile1, .addressEmail1 {
	color: #344E67;
	padding: 1px 3px;
	clear: left;
	float: left;
}

.addressCity {
	color: #344E67;
	padding: 1px 3px;
	float: left;
}

.documentDocumentNo {
	color: #344E67;
	padding: 1px 3px;
	font-size: 14px;
	float: left;
}

.documentMatchcode {
	color: #344E67;
	padding: 1px 3px;
	font-size: 14px;
	float: left;
}

.documentDtDocumentDate {
	color: #344E67;
	padding: 1px 3px;
	font-size: 14px;
	float: right;
}

.documentName1 {
	color: #344E67;
	padding: 1px 3px;
	clear: left;
	float: left;
}

.documentName2 {
	color: #344E67;
	padding: 1px 3px;
	float: left;
}

.articleArticleNo {
	color: #344E67;
	padding: 1px 3px;
	font-size: 14px;
	float: left;
}

.articleMatchcode {
	color: #344E67;
	padding: 1px 3px;
	font-size: 14px;
	float: left;
}

.articleDescription1 {
	color: #344E67;
	padding: 1px 3px;
	float: left;
	clear: left;
}

.articleDescription2 {
	color: #344E67;
	padding: 1px 3px;
	float: left;
}

input.quickFinderFilled {
	background-color: #496788;
}

.quickFinderHighlight {
	text-decoration: underline;
	color: #ecb200;
}

.quickFinderMore {
	color: #222222;
	padding: 1px 3px;
	font-weight: bold;
	float: right;
}

/* Breadcrumbs */
.grpLocation {
    -webkit-transition: left 0.25s ease-in-out;
    -moz-transition: left 0.25s ease-in-out;
    -o-transition: left 0.25s ease-in-out;
    transition: left 0.25s ease-in-out;

    overflow: visible !important;
    bottom: 0;
    left: 0;
    right: 40px;
    display: block;
}

.menuVisible .grpLocation {
    left: 200px;
}

.btnHome, .btnPersistenceQueues {
    -webkit-transition: background-color 0.25s ease-in-out;
    -moz-transition: background-color 0.25s ease-in-out;
    -o-transition: background-color 0.25s ease-in-out;
    transition: background-color 0.25s ease-in-out;

    position: relative !important;
    float: left;
    height: 22px;
    background-image: url('Common/Icons/FFFFFF/home_24px.svg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

.btnHome:hover, .btnPersistenceQueues:hover {
    background-color: #1f2e3d;
}

.btnHome {
  width: 40px;
  background-image: url('Common/Icons/FFFFFF/home_24px.svg');
}

.btnPersistenceQueues {
  width: 24px;
  background-image: url('Common/Icons/FFFFFF/dots_vertical_24px.svg');
}

.grpBreadCrumbs {
    position: relative !important;
    float: left;
    display: block;
}

.grpMaskExits {
    position: relative !important;
    display: block;
    white-space: nowrap;
    height: 23px;
}

.breadCrumb, .breadCrumbActive, .maskExit {
    position: relative !important;
    float: left;
    -webkit-transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out;
    -moz-transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out;
    -o-transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out;
    transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out;
    font-size: 12px;
    height: 16px;
    line-height: 16px;
    padding: 4px 6px 0px 6px;
    color: #FFFFFF;
    border-bottom: 4px solid transparent;
}

.breadCrumb {
    /*
     border-right: 1px solid #f4c01f;
     border-right: 1px solid #1f2e3d;
     */
    padding-right: 12px;
}

.breadCrumb:after {
	position: absolute;
	border-style: solid;
	border-color: transparent #FFFFFF transparent transparent; 
    border-width: 4px 6px 4px 0;
    content: "";
    top: 8px;
    right: 4px;
    width: 0;
    height: 0;
}

.maskExit {
    /*
     border-left: 1px solid #f4c01f;
     border-left: 1px solid #1f2e3d;
     */
    padding-left: 10px;
    overflow: visible !important;
}

.maskExit:before {
	position: absolute;
	border-style: solid;
	border-color: transparent transparent transparent #FFFFFF; 
    border-width: 4px 0 4px 6px;
    content: "";
    top: 8px;
    left: 2px;
    width: 0;
    height: 0;
}

.breadCrumb:hover, .maskExit:hover {
    background-color: #1f2e3d;
    border-color: #1f2e3d;
}

.breadCrumbActive {
    border-color: #FFFFFF;
    z-index: 3;
    margin: 0 12px;
}
/*
.maskExit:before {
    width: 0; 
    height: 0; 
    border-bottom: 5px solid transparent;  
    border-top: 5px solid transparent; 
    border-left: 5px solid #FFFFFF; 
    font-size: 0;
    line-height: 0;
}
*/
/* toolbar */
.toolbar {
    position: relative !important;
    overflow: visible !important;
    display: block;
    left: 0;
    right: 0;
    height: 38px;
    z-index: 10;
    margin: 0 0 2px 0;
    box-shadow: 0 0 2px 0px #bcbcbc;
    background-color: #FFFFFF;
    clear: left;
}

.hideToolbar .toolbar {
    display: none;
}

.themeIcons {
    -webkit-transition: background-color 0.25s ease-in-out;
    -moz-transition: background-color 0.25s ease-in-out;
    -o-transition: background-color 0.25s ease-in-out;
    transition: background-color 0.25s ease-in-out;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat no-repeat;
    float: left;
    height: 30px;
    width: 3%;
    margin-top: 4px;
}

.themeIcons:hover {
    background-color: #1f2e3d;
}

.themeIconsSpacer {
    float: left;
    height: 30px;
    width: 0.5%;
    margin-top: 4px;
}

.themeIconsDelimiter {
    float: left;
    height: 30px;
    width: 1.5%;
    margin-top: 4px;
}

.themeModebox {
    color: #344E67;
    background-color: #f4f4f4;
    float: left;
    height: 26px;
    padding: 3px 28px 3px 10px;
    margin: 0;
    width: 19.5%;
    margin: 6px 0 2px 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url('Common/Toolbar/344E67/arrowDown_56px.png');
    background-position: right center;
    background-repeat: no-repeat;
    background-size: contain;
    border: 1px solid #d4dce7;
    border-radius: 1px;
}

.themeIconsSpacerInvisible {
    display: none;
}

.themeIconsSpacerRight {
    float: right;
    height: 30px;
    width: 0.5%;
}

.themeIconInfoBlock, .themeIconSettingsBlock {
    width: 0px;
    height: 24px;
    float: left;
    top: 25px;
    left: -28px;
}

/* Infobutton in Toolbar */
.themeIconInfoBlock.removeOnSubmit, .themeIconSettingsBlock.removeOnSubmit, .grpPersistenceQueues.removeOnSubmit {
	overflow: visible ! important;
}

.themeInfoInner, .themeSettingsInner, .grpPersistenceQueuesInner {
    -webkit-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
	top: 10px;
	left: 0;
	opacity: 0;
	background-color: #FFFFFF;
    box-shadow: 0 0 2px 0px #bcbcbc;
	padding: 8px 0;
	opacity: 0;
    z-index: 10;
}

.themeInfoInner, .themeSettingsInner {
 width: 180px;
}

.grpPersistenceQueuesInner {
 width: auto;
}

.themeSettingsInner {
	left: -180px;
}

.removeOnSubmit .themeInfoInner, .removeOnSubmit .themeSettingsInner, .removeOnSubmit .grpPersistenceQueuesInner {
	opacity: 1;
}

.themeInfoOptionElement {
    -webkit-transition: background-color 0.25s ease-in-out;
    -moz-transition: background-color 0.25s ease-in-out;
    -o-transition: background-color 0.25s ease-in-out;
    transition: background-color 0.25s ease-in-out;
	position: relative !important;
	line-height: 16px;
	text-align: left;
	background-repeat: no-repeat;
	background-position: 157px 4px;
	background-size: 16px 16px;
	padding: 6px 10px 6px 10px;
    cursor: pointer;
    white-space: nowrap;

}

.themeInfoOptionSpacer {
	position: relative !important;
	height: 1px;
	background-color: #e9edf0;
	margin: 8px 30px;
	width: 120px;
}

.themeInfoOptionElement:hover {
	background-color: #eeeeee; 
}

.themeIconInactive {
    opacity: 0.1;
    filter: alpha(opacity = 10);
}

.themeIconForbidden {
    opacity: 0.25;
    filter: alpha(opacity = 25);
}

.themeIconHidden {
    opacity: 0;
    filter: alpha(opacity = 0);
}

.themeIconInvisible {
    display: none;
}

.themeModeboxInactive {
    float: left;
    width: 20%;
    height: 30px;
    opacity: 0.1;
    filter: alpha(opacity = 10);
}

.themeModeboxHidden {
    float: left;
    width: 20%;
    height: 30px;
}

.themeModeboxInvisible {
    float: left;
    display: none;
}

/* icons */

/*
 .themeIcons:hover {
 background-color: #FFFFFF;
 }
 */

.themeIconSearch {
    background-image: url('Common/Toolbar/344E67/search.svg');
}

.themeIconEdit {
    background-image: url('Common/Toolbar/344E67/edit.svg');
}

.themeIconSave {
    background-image: url('Common/Toolbar/344E67/save.svg');
}

.themeIconDelete {
    background-image: url('Common/Toolbar/344E67/delete.svg');
}

.themeIconStopwatch {
    background-image: url('Common/Icons/344E67/stopwatch.svg');
}

.themeIconMapPlus {
    background-image: url('Common/Icons/344E67/map-plus.svg');
}

.themeIconClear {
    background-image: url('Common/Toolbar/344E67/clear.svg');
}

.themeIconInfo {
    background-image: url('Common/Toolbar/344E67/info.svg');
}

.themeIconPrint {
    background-image: url('Common/Toolbar/344E67/print.svg');
}

.themeIconSend {
    background-image: url('Common/Toolbar/344E67/send.svg');
}

.themeIconDate {
    background-image: url('Common/Toolbar/344E67/date.svg');
}

.themeIconNote {
    background-image: url('Common/Toolbar/344E67/note.svg');
}

.themeIconNoteRed {
    background-image: url('Common/Toolbar/Red/note.svg');
}

.themeIconNoteYellow {
    background-image: url('Common/Toolbar/Yellow/note.svg');
}

.themeIconDocuments {
    background-image: url('Common/Toolbar/344E67/documents.svg');
}

.themeIconDocumentsHighlight {
    background-image: url('Common/Toolbar/Yellow/documents.svg');
}

.themeIconUpload {
    background-image: url('Common/Toolbar/344E67/upload.svg');
}

.themeIconDownload {
    background-image: url('Common/Toolbar/344E67/checkout.svg');
}

.themeIconClipboard {
    background-image: url('Common/Toolbar/344E67/clipboard.svg');
}

.themeIconClipboardContent {
    background-image: url('Common/Toolbar/Yellow/clipboard.svg');
}

.themeIconFirstrecord {
    background-image: url('Common/Toolbar/344E67/firstRecord.svg');
}

.themeIconPreviousrecord {
    background-image: url('Common/Toolbar/344E67/previousRecord.svg');
}

.themeIconRecordlist {
    background-image: url('Common/Toolbar/344E67/recordList.svg');
}

.themeIconNextrecord {
    background-image: url('Common/Toolbar/344E67/nextRecord.svg');
}

.themeIconLastrecord {
    background-image: url('Common/Toolbar/344E67/lastRecord.svg');
}

.themeIconHelp {
    background-image: url('Common/Toolbar/344E67/help.svg');
}

.themeIconHelpYellow {
    background-image: url('Common/Toolbar/Yellow/help.svg');
}

.themeIconSettings {
    background-image: url('Common/Toolbar/344E67/settings.svg');
}

.themeIconExit {
    background-image: url('Common/Toolbar/344E67/exit.svg');
}

.themeIconDay {
    background-image: url('Common/Toolbar/344E67/day.svg');
}

.themeIconWeek {
    background-image: url('Common/Toolbar/344E67/week.svg');
}

.themeIconMonth {
    background-image: url('Common/Toolbar/344E67/month.svg');
}

.themeIconConfirm {
    background-image: url('Common/Icons/344E67/confirm.svg');
}

.themeIconLoad {
    background-image: url('Common/Toolbar/344E67/load.svg');
}

.themeIconProcess {
    background-image: url('Common/Toolbar/344E67/vorgang.svg');
}

.themeIconUndelete {
    background-image: url('Common/Toolbar/344E67/undelete.svg');
}

/* hover */
.themeIconSearch:hover {
    background-image: url('Common/Toolbar/FFFFFF/search.svg');
}

.themeIconEdit:hover {
    background-image: url('Common/Toolbar/FFFFFF/edit.svg');
}

.themeIconSave:hover {
    background-image: url('Common/Toolbar/FFFFFF/save.svg');
}

.themeIconDelete:hover {
    background-image: url('Common/Toolbar/FFFFFF/delete.svg');
}

.themeIconClear:hover {
    background-image: url('Common/Toolbar/FFFFFF/clear.svg');
}

.themeIconInfo:hover {
    background-image: url('Common/Toolbar/FFFFFF/info.svg');
}

.themeIconPrint:hover {
    background-image: url('Common/Toolbar/FFFFFF/print.svg');
}

.themeIconSend:hover {
    background-image: url('Common/Toolbar/FFFFFF/send.svg');
}

.themeIconDate:hover {
    background-image: url('Common/Toolbar/FFFFFF/date.svg');
}

.themeIconNote:hover {
    background-image: url('Common/Toolbar/FFFFFF/note.svg');
}

.themeIconNoteRed:hover {
    background-image: url('Common/Toolbar/FFFFFF/note.svg');
}

.themeIconNoteYellow:hover {
    background-image: url('Common/Toolbar/FFFFFF/note.svg');
}

.themeIconDocuments:hover {
    background-image: url('Common/Toolbar/FFFFFF/documents.svg');
}

.themeIconDocumentsHighlight:hover {
    background-image: url('Common/Toolbar/FFFFFF/documents.svg');
}

.themeIconUpload:hover {
    background-image: url('Common/Toolbar/FFFFFF/upload.svg');
}

.themeIconDownload:hover {
    background-image: url('Common/Toolbar/FFFFFF/checkout.svg');
}

.themeIconClipboard:hover {
    background-image: url('Common/Toolbar/FFFFFF/clipboard.svg');
}

.themeIconClipboardContent:hover {
    background-image: url('Common/Toolbar/FFFFFF/clipboard.svg');
}

.themeIconFirstrecord:hover {
    background-image: url('Common/Toolbar/FFFFFF/firstRecord.svg');
}

.themeIconPreviousrecord:hover {
    background-image: url('Common/Toolbar/FFFFFF/previousRecord.svg');
}

.themeIconRecordlist:hover {
    background-image: url('Common/Toolbar/FFFFFF/recordList.svg');
}

.themeIconNextrecord:hover {
    background-image: url('Common/Toolbar/FFFFFF/nextRecord.svg');
}

.themeIconLastrecord:hover {
    background-image: url('Common/Toolbar/FFFFFF/lastRecord.svg');
}

.themeIconHelp:hover {
    background-image: url('Common/Toolbar/FFFFFF/help.svg');
}

.themeIconHelpYellow:hover {
    background-image: url('Common/Toolbar/FFFFFF/help.svg');
}

.themeIconSettings:hover {
    background-image: url('Common/Toolbar/FFFFFF/settings.svg');
}

.themeIconExit:hover {
    background-image: url('Common/Toolbar/FFFFFF/exit.svg');
}

.themeIconDay:hover {
    background-image: url('Common/Toolbar/FFFFFF/day.svg');
}

.themeIconWeek:hover {
    background-image: url('Common/Toolbar/FFFFFF/week.svg');
}

.themeIconMonth:hover {
    background-image: url('Common/Toolbar/FFFFFF/month.svg');
}

.themeIconConfirm:hover {
    background-image: url('Common/Icons/FFFFFF/confirm.svg');
}

.themeIconLoad:hover {
    background-image: url('Common/Toolbar/FFFFFF/load.svg');
}

.themeIconProcess:hover {
    background-image: url('Common/Toolbar/FFFFFF/vorgang.svg');
}

.themeIconUndelete:hover {
    background-image: url('Common/Toolbar/FFFFFF/undelete.svg');
}

/* Menu */
.boxNavigation {
    -webkit-transition: margin 0.25s ease-in-out;
    -moz-transition: margin 0.25s ease-in-out;
    -o-transition: margin 0.25s ease-in-out;
    transition: margin 0.25s ease-in-out;
    top: 62px;
    left: 0;
    width: 200px;
    bottom: 0;
    z-index: 4;
    margin-left: -200px;
    box-shadow: 0 40px 2px 0 #bcbcbc;
}

.menuVisible .boxNavigation {
    margin-left: 0;
}

.themeBgMenuBar {
    background-color: #344E67;

    top: 0;
    left: 0;
    bottom: 0;
    width: 200px;
}

.navigation {
    overflow: auto !important;
    position: relative !important;
    display: block;
    left: 0;
    top: 0;
    width: 200px;
}

.menuOpen {
    overflow: hidden !important;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    height: auto;
}

.menuClose {
    overflow: hidden !important;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    height: 0;
}

.menuOpenClicked {
    display: block;
}

.grpMenu {
    width: 220px;
    top: 0;
    bottom: 0;
    position: absolute !important;
    overflow: auto !important;
    height: auto;
    margin: 0;
}

.grpMenuItemsScrollframe {
    position: relative !important;
    overflow: auto !important;
    height: auto;
    width: 100%;
}

.themeMenuLevel1first, .themeMenuLevel1 {
    -webkit-transition: color 0.25s ease-in-out;
    -moz-transition: color 0.25s ease-in-out;
    -o-transition: color 0.25s ease-in-out;
    transition: color 0.25s ease-in-out;
    border-top: 1px solid #436485;
    border-bottom: 1px solid #293e52;
    position: relative !important;
    text-align: left;
    padding: 8px 8px 8px 8px;
    font-size: 14px;
    color: #FFFFFF;
    width: 184px;
}

.themeMenuLevel1first:hover, .themeMenuLevel1:hover {
    color: #f4c01f;
}

.themeMenuItem1, .themeMenuItem2 {
    display: none;
    /*
    padding: 6px 8px 6px 8px;
    height: 16px;
    line-height: 16px;
    */
}

.themeMenuLevel2first, .themeMenuLevel2 {
    padding: 6px 8px 6px 16px;
}

.themeMenuItem1, .themeMenuItem2, .themeMenuLevel2first, .themeMenuLevel2 {
    -webkit-transition: color 0.25s ease-in-out;
    -moz-transition: color 0.25s ease-in-out;
    -o-transition: color 0.25s ease-in-out;
    transition: color 0.25s ease-in-out;
    position: relative !important;
    text-align: left;
    font-size: 12px;
    color: #FFFFFF;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

.themeMenuItem1:hover, .themeMenuItem2:hover, .themeMenuLevel2first:hover, .themeMenuLevel2:hover {
    color: #f4c01f;
}

.themeMenuLevel2firstactive, .themeMenuLevel2active {
    padding: 6px 8px 6px 16px;
    position: relative !important;
    text-align: left;
    font-size: 12px;
    color: #f4c01f;
}

/* assistent */
.grpMenuAssistant {
    position: relative !important;
    width: 200px;
    height: auto;
    cursor: pointer;
}

.grpMenuAssistant.closed {
    height: 38px;
}

.grpMenuAssistantHidden {
    position: relative !important;
    width: 200px;
    height: 0;
}

.assistantToolbar {
    position: relative !important;
}

.assistantTitle {
    position: relative !important;
    text-align: left;
    line-height: 34px;
    padding: 2px 8px;
    font-size: 14px;
    color: #FFFFFF;
    background-color: #f4c01f;
    width: 184px;
}

.assistantElements {
    position: relative !important;
}

.assistantElement {
    position: relative !important;
    text-align: left;
    padding: 6px 8px 6px 16px;
    font-size: 12px;
    color: #344E67;
    background-color: #ffecb3;
    border-top: 1px solid #fef4d1;
    border-bottom: 1px solid #fcde86;
}

.assistantElement:hover {
    background-color: #f4c01f;
}

.assistantElementHighlight, .assistantElementActive {
    position: relative !important;
    text-align: left;
    font-size: 14px;
    color: #344E67;
    padding: 8px 8px 8px 16px;
    background-color: #ffecb3;
    border-left: 8px solid #ffd54f;
    border-top: 1px solid #fef4d1;
    border-bottom: 1px solid #fcde86;
}

.assistantElementHighlight:hover, .assistantElementActive:hover {
    background-color: #f4c01f;
    border-left: 8px solid #f4c01f;
}

.widgetAssistantTitle {
    background-color: #f4c01f;
    color: #FFFFFF;
    position: relative !important;
    font-size: 16px;
    padding: 4px 12px;
}

.widgetAssistantList {
    position: relative !important;
    overflow: auto !important;
}

.widgetAssistantList .assistantElement {
    padding: 4px 12px;
}

.widgetAssistantList .assistantElementActive, .widgetAssistantList .assistantElementHighlight {
    padding: 4px 12px 4px 4px;
}

.defaultGrid {
    -webkit-transition: left 0.25s ease-in-out;
    -moz-transition: left 0.25s ease-in-out;
    -o-transition: left 0.25s ease-in-out;
    transition: left 0.25s ease-in-out;
    background-color: #FFFFFF;
    top: 62px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 40;
}

.menuVisible .defaultGrid {
    left: 200px;
}

.fullGrid {
    background-color: #FFFFFF;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 3;
    position: relative !important;
    display: table-cell;
}

.grpDynamicGrid {
    position: relative !important;
    width: 100%;
    height: 100%;
    display: table-row;
}

.dynamicGridWrap {
    position: relative !important;
    width: 100%;
    height: 100%;
    display: table;
    border-collapse: collapse;
}

.dynamicGrid {
    position: relative !important;
    -webkit-transition: border 0.25s ease-in-out;
    -moz-transition: border 0.25s ease-in-out;
    -o-transition: border 0.25s ease-in-out;
    transition: border 0.25s ease-in-out;
    z-index: 3;
    display: table-row;
}

.dynamicGrid .gridMainGroup {
    box-shadow: 0 0 2px 0px #bcbcbc;
    /*
     border-radius: 1px;
     */
    bottom: 22px;
    left: 10px;
    right: 10px;
    top: 6px;
}

.menuVisible .dynamicGridWrap .gridMainGroup {
    border-left: 200px solid transparent;
}

/* PDF Viewer */
.themeGrpPrint {
    z-index: 150;
}

.pdfToolbarDummy {
    top: 0;
    left: 0;
    right: 0;
    height: 38px;

    background-color: #FFFFFF;
    box-shadow: 0 0 2px 0px #bcbcbc;
    border-radius: 1px;
}

.pdfDeliveryPrint {
    right: 4%;
}

.pdfDeliveryExit {
    right: 0.5%;
}

.themePrintDocumentContainer {
    overflow: visible !important;
    left: 8px;
    top: 46px;
    right: 8px;
    bottom: 24px;
    font-size: 16px;
    text-align: center;
    line-height: 32px;

    background-color: #FFFFFF;
    box-shadow: 0 0 2px 0px #bcbcbc;
    border-radius: 1px;
}

.themePrintDocument {
    border: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Notes */
.themeNoteToolbar {
    top: 0;
    left: 0;
    right: 0;
    height: 38px;

    background-color: #FFFFFF;
    box-shadow: 0 0 2px 0px #bcbcbc;
    border-radius: 1px;
}

.noteSave {
    left: 0.5%;
}

.noteDelete {
    left: 4%;
}


.noteTemplateLbl {
    color: #555555;
    font-size: 12px;
    text-align: right;

    height: 30px;
    line-height: 30px;
    margin-top: 4px;
    left: 22.5%;
    width: 22%;
}

.noteTemplateChkAll {
    height: 30px;
    margin-top: 4px;
    left: 45%;
    width: 3%;
}

.noteTemplateLblAll {
    color: #555555;
    font-size: 12px;

    height: 30px;
    line-height: 30px;
    margin-top: 4px;
    left: 48.5%;
    width: 6.5%;
}


.noteTemplateSearch {
    left: 55.5%;
}

.noteTemplateSave {
    left: 59%;
}


.noteEdit {
    right: 4%;
}

.noteClose {
    right: 0.5%;
}

.themeNoteTitle {
    top: 48px;
    left: 160px;
    right: 8px;
    height: 40px;
    line-height: 40px;
    padding: 4px  8px;

    background-color: #FFFFFF;
    box-shadow: 0 0 2px 0px #bcbcbc;
    border-radius: 1px;
    
    font-size: 15px;
    font-weight: bold;
}

.themeNoteBody {
    top: 104px;
    left: 160px;
    right: 8px;
    bottom: 28px;
    box-shadow: 0 0 2px 0px #bcbcbc;
    border-radius: 1px;
    background-color: #FFFFFF;
}

.inpNoteDocument {
    width: 100%;
    height: 100%;
}

.themeNoteBodyView {
    width: 100%;
    height: 100%;
    padding: 10px;
}


.grpNoteLanguage {
    left: 8px;
    top: 48px;
    width: 144px;
    height: 48px;
    box-shadow: 0 0 2px 0px #bcbcbc;
    border-radius: 1px;
    background-color: #FFFFFF;
}

.lblNoteLanguage {
    color: #555555;
    font-size: 12px;
    padding: 2px 8px;
}

input.inpNoteLanguage {
    top: 22px;
    left: 8px;
    width: 98px;
}

.btnNoteLanguage {
    top: 22px;
    left: 110px;
    width: 24px !important;
}

.grpNoteType {
    left: 0;
    top: 104px;
    width: 160px;
    bottom: 28px;
    overflow: auto !important;
}

.themeNoteTypeButton, .themeNoteTypeAvailButton, .themeNoteTypeActiveButton {
    position: relative !important;

    font-size: 12px;
    text-align: center;

    box-shadow: 0 0 2px 0px #bcbcbc;
    border-radius: 1px;
    padding: 4px;
    margin: 0 8px 8px 8px;
}

.themeNoteTypeButton {
    background-color: #FFFFFF;
    color: #344E67;
}

.themeNoteTypeButton:hover, .themeNoteTypeAvailButton:hover {
    background-color: #1f2e3d;
    color: #FFFFFF;
}

.themeNoteTypeAvailButton {
    background-color: #344E67;
    color: #FFFFFF;
}

.themeNoteTypeActiveButton {
    background-color: #344E67;
    color: #f4c01f;
}

/* bei aktiver voiceRecognition muss die maske etwas nach unten gehen und das preview sichtbar sein*/
.cawaSpeechRecognitionStatus.cawaSpeechRecognitionActive .boxBodyTop {
    margin-top: 90px;
}

.cawaSpeechRecognitionStatus.cawaSpeechRecognitionActive .boxBodyAll {
    top: 90px;
}

.boxVoiceRecognitionInfo {
    -webkit-transition: height 0.25s ease-in-out;
    -moz-transition: height 0.25s ease-in-out;
    -o-transition: height 0.25s ease-in-out;
    transition: height 0.25s ease-in-out;
    background-image: url('Common/Icons/FFFFFF/microphoneActive.svg');
    background-repeat: no-repeat;
    background-size: auto 85%;
    background-position: 8px center;
    background-color: #344E67;
    margin-left: 0;
    top: 62px;
    left: 0;
    right: 0;
}

.cawaSpeechRecognitionStatus.cawaSpeechRecognitionOff .boxVoiceRecognitionInfo, .cawaSpeechRecognitionStatus.cawaSpeechRecognitionInactive .boxVoiceRecognitionInfo {
    height: 0;
}

.cawaSpeechRecognitionStatus.cawaSpeechRecognitionActive .boxVoiceRecognitionInfo {
    height: 28px;
}

.menuVisible .boxVoiceRecognitionInfo {
    margin-left: 200px;
}

.lblVoiceRecognitionFinal, .lblVoiceRecognitionInterim {
    position: relative !important;
    float: left;
    height: 24px;
    line-height: 24px;
    margin: 2px 0;
    color: #bfbfbf;
}

.lblVoiceRecognitionFinal {
    margin-left: 46px;
    color: #FFFFFF;
}

.dmsGrpIframe {
	top: 24px;
	left: 0;
	width: 100%;
	bottom: 0;
}

.newDmsGrpIframe {
	top: 24px;
	left: 0;
	width: 100%;
	bottom: 50px;
}

.dmsIframe {
	border: 0px solid;
	background-color: #f8f8f8;
}

/* MultiSite */

/* bei multisite müssen die breadcrumbs wegen des pulldowns rechts 170 px abstand halten */
.moduleMultiSite .grpLocation {
    right: 170px;
} 

.pldCompanyUnit, .lbldCompanyUnit {
	display: none;
}

.moduleMultiSite .pldCompanyUnit {
	display: block;
    color: #FFFFFF;
	background-color: #436485;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /*
    background-image: url('Common/Toolbar/344E67/arrowDown_56px.png');
    */
    background-image: url('Common/Toolbar/FFFFFF/arrowDown_56px.png');
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    border: 0px solid;
    border-radius: 1px;
    height: 16px;
    right: 38px;
    top: 42px;
    width: 120px;
    font-size: 10px;
    text-align: right;
    padding: 0 4px 0 12px;
    direction: rtl;
}

.moduleMultiSite .lblCompanyUnit {
	display: block;
    color: #FFFFFF;
    height: 16px;
    right: 38px;
    top: 42px;
    width: 120px;
    font-size: 10px;
    text-align: right;
    padding: 0 4px 0 12px;
}

/* UserMenu */
.grpUserMenu {
    -webkit-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
	top: 40px;
	right: 4px;
	height: 0;
	width: 240px;
	opacity: 0;
	background-color: #FFFFFF;
    box-shadow: 0 0 2px 0px #bcbcbc;
	z-index: 1;
	padding: 0;
}

.grpUserMenu.removeOnSubmit {
	height: auto;
	padding: 8px 0;
	opacity: 1;
}

.btnUserMenu {
    -webkit-transition: background-color 0.25s ease-in-out;
    -moz-transition: background-color 0.25s ease-in-out;
    -o-transition: background-color 0.25s ease-in-out;
    transition: background-color 0.25s ease-in-out;
	position: relative !important;
	width: 200px;
	line-height: 16px;
	text-align: right;
	background-repeat: no-repeat;
	background-position: 217px 6px;
	background-size: 16px 16px;
	padding: 6px 30px 0 10px;
    cursor: pointer;
}

.btnUserMenu:hover {
	background-color: #eeeeee; 
}

.userMenuDelimiter {
	position: relative !important;
	height: 1px;
	background-color: #e9edf0;
	margin: 8px 30px;
	width: 180px;
}

.iconMail {
	background-image: url('Common/Icons/344E67/email_24px.svg');
}

.iconChat {
	background-image: url('Common/Icons/344E67/chat_24px.svg');
}

.iconChatArchive {
	background-image: url('Common/Icons/344E67/documents.svg');
	background-size: 20px 20px !important;
}

.iconLockClosed {
	background-image: url('Common/Icons/344E67/lock_closed_24px.svg');
}

.iconWrench {
    background-image: url('Common/Icons/344E67/wrench_24px.svg');
}

.iconDocument {
	background-image: url('Common/Icons/344E67/document_24px.svg');
}

.iconSchedule {
    background-image: url('Common/Icons/344E67/schedule_24px.svg');
}

.iconClipboard {
    background-image: url('Common/Icons/344E67/clipboard_24px.svg');
}

.iconPrint {
    background-image: url('Common/Icons/344E67/print_24px.svg');
}

.iconDashboard {
	background-image: url('Common/Icons/344E67/apps_24px.svg');
}

.iconPower {
	background-image: url('Common/Icons/344E67/power.svg');
}

.iconHistory {
    background-image: url('Common/Icons/344E67/history_24px.svg');
}
.iconStar {
    background-image: url('Common/Icons/344E67/star_24px.svg');
}
.iconOrder {
    background-image: url('Common/Icons/344E67/order.svg');
}
.iconProposal {
    background-image: url('Common/Icons/344E67/proposal.svg');
}
.iconInvoice {
    background-image: url('Common/Icons/344E67/invoice.svg');
}
.iconEdit {
    background-image: url('Common/Icons/344E67/edit.svg');
}
.iconList {
    background-image: url('Common/Icons/344E67/list.svg');
}

/* Notifications */
.userNotifications {
   position: relative !important;
   float: right;
   height: 34px;
   margin: 0 6px 0 0;
}

.userNotification, .workflowNotification {
     -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    position: relative !important;
    float: left;
    height: 14px;
    line-height: 14px;
    text-align: center;
    font-size: 10px;
    margin-right: 1px;
    padding: 20px 0 0 0; 
    color: #344E67;
    background-color: #FFFFFF;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center 2px;
}

.userNotification {
 border-radius: 0 0 12px 12px;
 width: 24px;
}

.userNotificationImportant {
   width: 72px;
   background-color: #FFFF00;
   animation: blinker 0.8s linear infinite;
}

@keyframes blinker {
        50% {
          opacity: 0;
        }
      }

.workflowNotification {
 border-radius: 0 0 6px 6px;
 width: 48px;
}

.dotOrange, .dotYellow, .dotGreen, .dotBlue, .dotGrey, .dotBlack {
 position: relative;
 float: left;
 width: 33%;
}

.dotOrange{
 color: #ff7700; 
}

.dotYellow {
 color: #ffff00; 
}

.dotGreen {
 color: #007700; 
}

.dotBlue {
 color: #0000ff; 
}

.dotGrey {
 color: #424242; 
}

.dotBlack {
 color: #000000; 
}

.userNotification.flash {
    animation-name: userNotificationAnimation; 
    animation-duration: 0.5s;
    animation-iteration-count:  3;
    animation-timing-function: ease-in-out;
}

@keyframes userNotificationAnimation { 
    0%, 100% { 
     background-color: #FFFFFF;
     } 
    50% { 
     background-color: #f4c01f; 
     } 
}


.userNotification.seen {
    opacity: 0.5;
}

/* versionCss */
/* ORANGE */
.devVersion .boxTitle, .devVersion .btnOpenMenu, .devVersion .btnCloseMenu, .devVersion input.themeInpQuickFinder:focus, .devVersion .moduleMultiSite .pldCompanyUnit {
	background-color: #ff7700; 
}

.devVersion input.themeInpQuickFinder:focus, .devVersion.moduleMultiSite .pldCompanyUnit {
	background-color: #ff983d;
}

.devVersion .instanceInfo::before {
	content: "Development • ";
    position: relative;
}

/* GRÜN */
.rcVersion .boxTitle, .rcVersion .btnOpenMenu, .rcVersion .btnCloseMenu, .rcVersion input.themeInpQuickFinder:focus, .rcVersion .moduleMultiSite .pldCompanyUnit {
	background-color: #00a924; 
}

.rcVersion input.themeInpQuickFinder:focus, .rcVersion.moduleMultiSite .pldCompanyUnit {
	background-color: #17c83c;
}

.rcVersion .instanceInfo::before {
	content: "Prerelease • ";
    position: relative;
}

/* ROT */
.testVersion .boxTitle, .testVersion .btnOpenMenu, .testVersion .btnCloseMenu, .testVersion .moduleMultiSite .pldCompanyUnit {
	background-color: #a90000;
}

.testVersion input.themeInpQuickFinder:focus, .testVersion.moduleMultiSite .pldCompanyUnit {
	background-color: #d51f1f;
}

.testVersion .instanceInfo::before {
	content: "Testversion • ";
    position: relative;
}

/* Messenger */
.boxMessenger {
    -webkit-transition: width 0.25s ease-in-out;
    -moz-transition: width 0.25s ease-in-out;
    -o-transition: width 0.25s ease-in-out;
    transition: width 0.25s ease-in-out;
    top: 62px;
    right: 0;
    width: 0;
    bottom: 0;
    z-index: 4;
}

.messengerVisible .boxMessenger {
	width: 302px;
}

.grpMessenger {
	background-color: #FFFFFF;
	box-shadow: 0 0 2px 0px #bcbcbc;
    top: 0;
    left: 2px;
    width: 300px;
    bottom: 0;
}

.msgActions {
	top: 154px;
	height: 38px;
	width: 100%;
	background-color: #eeeeee;
}

textarea.inpMsgAdd {
	height: 64px;
	overflow: auto !important;
}

.btnMsgAddLink {
	position: relative !important;
	background-image: url('Common/Icons/344E67/link.svg');
	background-position: center center;
    background-repeat: no-repeat no-repeat;
    background-size: contain;
    float: left;
    height: 30px;
    width: 30px;	
    margin: 4px;
}

.btnJoinVideoConference {
	position: relative !important;
	background-image: url('Common/Icons/344E67/camcorder.svg');
	background-position: center center;
    background-repeat: no-repeat no-repeat;
    background-size: contain;
    float: left;
    height: 30px;
    width: 30px;	
    margin: 4px;
}

.msgContainerAssets {
	display: none;
	/*
	top: 118px;
	height: 38px;
	width: 100%;
	background-color: #eeeeee;
	*/
}

.msgContainerAssistant {
    overflow: auto !important;
	top: 70px;
	height: 20px;
	width: 100%;
}

.btnAssistant {
	position: relative !important;
	float: left;
	padding: 0 4px;
	margin: 0 3px;
	color: #ffff;
	border-radius: 4px;
	background-color: #344E67;
}

.btnAssistant.active {
	background-color: #f4c01f;	
}

.msgContainerUsers {
    overflow: auto !important;
	top: 130px;
	height: 20px;
	width: 100%;
}

.userAvatar {
	position: relative !important;
	float: left;
	width: 24px;
	height: 20px;
}

.msgContainerMessages {
    overflow: auto !important;
	top: 192px;
	bottom: 82px;
	width: 100%;
}

.msgContainerInput {
	bottom: 8px;
	left: 0;
	right: 0;
	height: 66px
	
}

.grpMessageLine {
	overflow: visible !important;
	position: relative !important;
	margin: 4px;
}

.grpMessageLine.info {
    clear: both;
}

@keyframes grpMessageLine { 
    0% { 
     background-color: #f4c01f; 
     } 
    100% { 
     background-color: #FFFFFF;
     } 
}
 
.grpMessageLine.other.new {
    animation-name: grpMessageLine; 
    animation-duration: 1s;
    animation-iteration-count:  1;
    animation-timing-function: ease-in-out;
}

.grpMessageLine.other {
	background-color: #FFFFFF;
	min-width: 35%;
	max-width: 80%;
	padding: 4px 4px 16px 4px;
    box-shadow: 0 0 2px 0px #bcbcbc;
	clear: both;
    border-radius: 6px 6px 6px 0;
	float: left;
}

.grpMessageLine.self {
	background-color: #FFFFFF;
	min-width: 35%;
	max-width: 80%;
	padding: 4px 4px 16px 4px;
    box-shadow: 0 0 2px 0px #bcbcbc;
	clear: both;
	border-radius: 6px 6px 0 6px;
	float: right;
}

.grpMessageLine.link {
	background-color: transparent;
    box-shadow: none;
	border-radius: 0;
	padding: 4px 0 14px 0;
}

.lblMessageAuthor {
	position: relative !important;
	font-weight: bold;
	font-size: 10px;
}

.lblMessageContent {
    position: relative !important;
	float: left;
	margin: 0 4px;
	padding: 2px;
}

.link .lblMessageContent {
	background-repeat: no-repeat;
	background-position: 4px 2px;
	background-size:  20px 20px; 
	background-color: #FFFFFF;
	color: #344E67;
    text-decoration: underline;
	padding: 4px 8px 4px 30px;
	box-shadow: 0 0 2px 0px #bcbcbc;
	margin: 0;
}

.link .lblMessageContent:hover {
    color: #FFFFFF;
    background-color: #1f2e3d;
}


.lblMessageInfo {
    position: relative !important;
	font-size: 10px;
	color: #999999;
	text-align: center;
}

.lblMessageTimestamp {
	bottom: 2px;
	right: 4px;
	font-size: 10px;
	color: #999999;
}

/* user submenu */
.grpUserSubMenuEntry {
	overflow: visible !important;
	position: relative !important;
	margin: 4px 0;
}

.grpUserSubMenu {
    -webkit-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
	top: 40px;
	right: 4px;
	height: 0;
	width: 240px;
	opacity: 0;
	background-color: #FFFFFF;
    box-shadow: 0 0 2px 0px #bcbcbc;
	z-index: 1;
	padding: 0;
}

.grpUserSubMenu.removeOnSubmit {
	height: auto;
	opacity: 1;
}


.lblUserSubMenuTitle {
	background-position: top right;
	background-repeat: no-repeat;
	background-size: contain;
    background-image: url('Common/Toolbar/344E67/exit.svg');
	position: relative !important;
	padding: 2px;
	color: #222222;
	padding: 4px;
	margin: 0;
	text-align: center;
	font-size: 14px;
}

.lblUserSubMenuIcon {
    position: relative !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 18px 18px;
    height: 16px;
    width: 16px;
	float: right;
	padding: 6px;
}

.lblUserSubMenuIcon:hover {
    background-color: #1f2e3d;
}

.lblUserSubMenuEntry {
    position: relative !important;
    -webkit-transition: background-color 0.25s ease-in-out;
    -moz-transition: background-color 0.25s ease-in-out;
    -o-transition: background-color 0.25s ease-in-out;
	transition: background-color 0.25s ease-in-out;
	padding: 2px;
	background-repeat: no-repeat;
	background-position: 4px 2px;
	background-size:  20px 20px; 
	background-color: #FFFFFF;
	color: #344E67;
    text-decoration: underline;
	padding: 4px 8px 4px 30px;
	margin: 0;
	line-height: 20px;
}

.lblUserSubMenuEntryRemove {
	position: relative !important;
    -webkit-transition: background-color 0.25s ease-in-out;
    -moz-transition: background-color 0.25s ease-in-out;
    -o-transition: background-color 0.25s ease-in-out;
	transition: background-color 0.25s ease-in-out;
    background-image: url('Common/Toolbar/344E67/delete.svg');
	background-position: center center;
    background-repeat: no-repeat;
    background-size: 20px 20px;	
	float: right;
	width: 20px;
	height: 20px;
	padding: 4px;
}


.lblUserSubMenuEntry:hover, .lblUserSubMenuEntryRemove:hover {
    background-color: #eeeeee;
}

.motdEditor {
    top: 48px;
    left: 8px;
    right: 8px;
    bottom: 28px;
    box-shadow: 0 0 2px 0px #bcbcbc;
    border-radius: 1px;
    background-color: #FFFFFF;
}

.grpPersistenceQueues {
    width: 0px;
    height: 24px;
    float: left;
    top: 14px;
    left: -24px;
}

.themeIconsCard {
    height: 20px;
    width: 20px;
}


/* benutzer farben */
.themeMenuLevel1first, .themeMenuLevel1 {
    border-bottom: 1px solid rgba(0,0,0,0.3) !important;
    border-top: 1px solid rgba(255,255,255,0.15) !important;
}
/* input.themeInpQuickFinder:focus, .moduleMultiSite .pldCompanyUnit {
	background-color: rgba(255,255,255,0.15) !important;
} */

/* warum so ist das companyunit pd weiß auf weiß */
input.themeInpQuickFinder:focus {
	background-color: rgba(255,255,255,0.15) !important;
}

/* red */
.customColorRed .boxTitle, .customColorRed .btnOpenMenu, .customColorRed .btnCloseMenu, .customColorRed input.themeInpQuickFinder:focus, .customColorRed .moduleMultiSite .pldCompanyUnit, .customColorRed .themeBgMenuBar {
	background-color: #772433; 
}

/* yellow */
.customColorAnthracite .boxTitle, .customColorAnthracite .btnOpenMenu, .customColorAnthracite .btnCloseMenu, .customColorAnthracite input.themeInpQuickFinder:focus, .customColorAnthracite .moduleMultiSite .pldCompanyUnit, .customColorAnthracite .themeBgMenuBar {
	background-color: #313131; 
}

/* green  */
.customColorGreen .boxTitle, .customColorGreen .btnOpenMenu, .customColorGreen .btnCloseMenu, .customColorGreen input.themeInpQuickFinder:focus, .customColorGreen .moduleMultiSite .pldCompanyUnit, .customColorGreen .themeBgMenuBar {
	background-color: #34673a; 
}

/* orange */
.customColorOrange .boxTitle, .customColorOrange .btnOpenMenu, .customColorOrange .btnCloseMenu, .customColorOrange input.themeInpQuickFinder:focus, .customColorOrange .moduleMultiSite .pldCompanyUnit, .customColorOrange .themeBgMenuBar {
	background-color: #ae6600; 
}

/* blue */
.customColorBlue .boxTitle, .customColorBlue .btnOpenMenu, .customColorBlue .btnCloseMenu, .customColorBlue input.themeInpQuickFinder:focus, .customColorBlue .moduleMultiSite .pldCompanyUnit, .customColorBlue .themeBgMenuBar {
	background-color: #1c5f7f; 
}

/* blue */
.customColorTurquoise .boxTitle, .customColorTurquoise .btnOpenMenu, .customColorTurquoise .btnCloseMenu, .customColorTurquoise input.themeInpQuickFinder:focus, .customColorTurquoise .moduleMultiSite .pldCompanyUnit, .customColorTurquoise .themeBgMenuBar {
	background-color: #1c787f; 
}

.messageGridHeader {
	
}

.messageGridContainer .messageGridContainer {
    float: left;
    width: calc(100% - 8px);
    padding: 4px;
    height: 56px;
    border-bottom: 1px solid #eee;
}

.messageGridContainer .messageGridContainer:first-child {
    border-top: 1px solid #eee;
}

.messageGridTitle {
	clear: both;
    line-height: 16px;
    height: 32px;
    font-weight: bold;
}

.messageGridIconStar {
    -webkit-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
	position: absolute;
	top: 4px;
	left: 6px;
	width: 20px;
	height: 20px;
    background-image: url('Common/Icons/344E67/star_24px.svg');
	background-size: 16px 16px;
	background-position: center center;
	background-repeat: no-repeat;
	border-radius: 10px;
	opacity: 0.1;
	z-index: 101;
}

.messageGridIconStar:hover {
    background-image: url('Common/Icons/FFFFFF/star_24px.svg');
}

.messageGridContainer .messageGridContainer:hover .messageGridIconStar {
	opacity: 0.75;
}

.messageGridIconStar.active {
	opacity: 1.0;
}

.messageGridIconArchive {
    -webkit-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
	position: absolute;
	bottom: 4px;
	right: 6px;
	width: 20px;
	height: 20px;
	background-image: url('Common/Icons/344E67/documents.svg');
	background-size: 16px 16px;
	background-position: center center;
	background-repeat: no-repeat;
	border-radius: 4px;
	opacity: 0;
	z-index: 101;
}

.messageGridIconArchive:hover {
    background-image: url('Common/Icons/FFFFFF/documents.svg');
}

.messageGridContainer .messageGridContainer:hover .messageGridIconArchive {
	opacity: 0.75;
}

.messageGridTsUpdate {
	clear: both;
	float: right;
	margin: 2px;
}

.messageGridTsUpdate.newMessages {
	font-weight: bold;
}

.messageGridOpen {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.messageGridContainer .gridClickFieldDefault:hover {
	background-color: #344E67;
	opacity: 0.2;
}

.messageGridMembers {
	position: relative !important;
	padding-left: 22px;
	height: 20px;
}

.cardFloatContainer {
	overflow: visible !important;
	background-color: #FFFFFF;
    -webkit-transition: height 0.25s ease-out;
    -moz-transition: height 0.25s ease-out;
    -o-transition: height 0.25s ease-out;
    transition: height 0.25s ease-out;
}

.cardFloatContainer.collapsed {
	overflow: hidden !important;
	height: 25px !important;
}

.cardFloatContainer .collapsable::after {
	font-size: 10px;
	content: " ▲";
}

.cardFloatContainer.collapsed .collapsable::after {
	font-size: 10px;
	content: " ▼";
}


.grpMessengerNavigation {
	width: 100%;
	height: 38px;
	border-bottom: 1px solid #f4c01f;
}

.iconMessengerNavigation {
	position: relative !important;
	float: left;
	width: 25%;
    height: 35px;
    background-position: center center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    opacity: 0.75;
}

.iconMessengerNavigation.active {
	border-bottom: 3px solid #f4c01f;
}

.iconMessengerNavigation:hover {
	opacity: 1;
}

@-webkit-keyframes animation-flash {
  from {
    background: #dddddd;
    opacity: 1;
  }
  to {
    background: #FFFFFF;
    opacity: 0;
  }
}
@-moz-keyframes animation-flash {
  from {
    background: #dddddd;
    opacity: 1;
  }
  to {
    background: #FFFFFF;
    opacity: 0;
  }
}
@keyframes animation-flash {
  from {
    background: #dddddd;
    opacity: 1;
  }
  to {
    background: #FFFFFF;
    opacity: 0;
  }
}

.gridClickFieldDefault.flash {
  -webkit-animation: animation-flash 0.5s ease-in-out 0s;
  -moz-animation: animation-flash 0.5s ease-in-out 0s;
  -o-animation: animation-flash 0.5s ease-in-out 0s;
  animation: animation-flash 0.5s ease-in-out 0s;
}

.userMenuVersionInfo {
	position: relative !important;
	clear: both;
	float: left;
	font-size: 9px;
	padding: 6px 10px 0 10px;
    cursor: url('Common/Icons/344E67/clipboard_24px.svg'), copy;
    color: #424242;
}
.boxBodyTop .grpContentFloat {
    position: relative !important;
	overflow: visible !important;
	/*
	width: 100%;
	*/
	left: 0;
	right: 0;
}


.boxBodyAll .grpContentFloat {
    overflow: visible !important;
    top: 38px;
    left: 0;
    width: 100%;
    bottom: 0;
}

/*
.grpContentAll {
    overflow: auto !important;
    top: 38px;
    left: 0;
    width: 100%;
    bottom: 0;
	display: table;
    height: calc(100% - 38px);	
}
*/

.grpContentAll {
    overflow: auto !important;
    top: 38px;
    left: 0;
    right: 0;
    bottom: 22px;
}

.boxBodyAll.hideToolbar .grpContentFloat {
    top: 0;
}

.grpNavigation {
    position: relative !important;
    margin: 2px 6px 0 6px;
    z-index: 1;
}

.grpNavigationFloat {
    position: relative !important;
    float: right;
    border-radius: 1px;
    background-color: #FFFFFF;
    box-shadow: 0 0 2px 0px #bcbcbc;
    margin: 2px;
    border-bottom: 1px solid #f4c01f;
}

.grpColumns {
    position: relative !important;
    overflow: visible !important;
    margin: 0 4px;
}

.columnsFull { top: 0; left: 0; bottom: 0; right: 0; position: absolute !important;}
.columnsFullHeader { top: 33px; left: 0; bottom: 0; right: 0; position: absolute !important;}
.columns80 { height: 2092px;}
.columns79 { height: 2066px;}
.columns78 { height: 2040px;}
.columns77 { height: 2014px;}
.columns76 { height: 1988px;}
.columns75 { height: 1962px;}
.columns74 { height: 1936px;}
.columns73 { height: 1910px;}
.columns72 { height: 1884px;}
.columns71 { height: 1858px;}
.columns70 { height: 1832px;}
.columns69 { height: 1806px;}
.columns68 { height: 1780px;}
.columns67 { height: 1754px;}
.columns66 { height: 1728px;}
.columns65 { height: 1702px;}
.columns64 { height: 1676px;}
.columns63 { height: 1650px;}
.columns62 { height: 1624px;}
.columns61 { height: 1598px;}
.columns60 { height: 1572px;}
.columns59 { height: 1546px;}
.columns58 { height: 1520px;}
.columns57 { height: 1494px;}
.columns56 { height: 1468px;}
.columns55 { height: 1442px;}
.columns54 { height: 1416px;}
.columns53 { height: 1390px;}
.columns52 { height: 1364px;}
.columns51 { height: 1338px;}
.columns50 { height: 1312px;}
.columns49 { height: 1286px;}
.columns48 { height: 1260px;}
.columns47 { height: 1234px;}
.columns46 { height: 1208px;}
.columns45 { height: 1182px;}
.columns44 { height: 1156px;}
.columns43 { height: 1130px;}
.columns42 { height: 1104px;}
.columns41 { height: 1088px;}
.columns40 { height: 1062px;}
.columns39 { height: 1036px;}
.columns38 { height: 1010px;}
.columns37 { height: 984px;}
.columns36 { height: 958px;}
.columns35 { height: 932px;}
.columns34 { height: 906px;}
.columns33 { height: 880px;}
.columns32 { height: 854px;}
.columns31 { height: 828px;}
.columns30 { height: 802px;}
.columns29 { height: 776px;}
.columns28 { height: 750px;}
.columns27 { height: 724px;}
.columns26 { height: 698px;}
.columns25 { height: 672px;}
.columns24 { height: 646px;}
.columns23 { height: 620px;}
.columns22 { height: 594px;}
.columns21 { height: 568px;}
.columns20 { height: 524px;}
.columns19 { height: 516px;}
.columns18 { height: 490px;}
.columns17 { height: 464px;}
.columns16 { height: 438px;}
.columns15 { height: 412px;}
.columns14 { height: 386px;}
.columns13 { height: 360px;}
.columns12 { height: 334px;}
.columns11 { height: 308px;}
.columns10 { height: 282px;}
.columns9 { height: 256px;}
.columns8 { height: 230px;}
.columns7 { height: 204px;}
.columns6 { height: 178px;}
.columns5 { height: 152px;}
.columns4 { height: 126px;}
.columns3 { height: 100px;}
.columns2 { height: 74px;}
.columns1 { height: 48px;}
.columns0 { height: 0;}

.columnChart {
	position: absolute !important;
	right: 4px;
	height: auto;
	top: 6px;
	background: #fff;
	box-shadow: 0 0 2px 0px #bcbcbc;
}

.btnColumn {
    -webkit-transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out;
    -moz-transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out;
    -o-transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out;
    transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out;

    position: relative !important;
    float: left;
    color: #344E67;
    background-color: transparent;
    font-size: 14px;
    text-align: center;
    padding: 4px 8px 1px 8px;
    border-bottom: 3px solid transparent;
    cursor: pointer;
}

.btnColumn:hover {
    color: #FFFFFF;
    background-color: #1f2e3d;
}

.btnToggleView {
    -webkit-transition: color 0.25s ease-in-out, background 0.25s ease-in-out;
    -moz-transition: color 0.25s ease-in-out, background 0.25s ease-in-out;
    -o-transition: color 0.25s ease-in-out, background 0.25s ease-in-out;
    transition: color 0.25s ease-in-out, background 0.25s ease-in-out;

    top: 0;
    right: 0;
    cursor: pointer;
    background-image: url('Common/Icons/344E67/expand_24px.svg');
    background-position: center center;
    width: 28px;
    height: 22px;
}

.btnToggleView:hover {
   background-image: url('Common/Icons/FFFFFF/expand_24px.svg');
   background-color: #1f2e3d
}

.btnOpenInNewWindow {
    -webkit-transition: color 0.25s ease-in-out, background 0.25s ease-in-out;
    -moz-transition: color 0.25s ease-in-out, background 0.25s ease-in-out;
    -o-transition: color 0.25s ease-in-out, background 0.25s ease-in-out;
    transition: color 0.25s ease-in-out, background 0.25s ease-in-out;

    top: 0;
    right: 28px;
    cursor: pointer;
    background-image: url('Common/Icons/344E67/expand.svg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    width: 28px;
    height: 22px;
}

.btnOpenInNewWindow:hover {
   background-image: url('Common/Icons/FFFFFF/expand.svg');
   background-color: #1f2e3d
}

.btnToggleList {
    background: #efefef url('Common/Icons/344E67/list.svg') no-repeat 50% 50% / contain;
    left: 0;
    width: 100%;
    height: 18px;
    margin-top: 2px;
    cursor: pointer;
    transition: background .2s;
}
.btnToggleList:hover {
	background: #e0e0e0 url('Common/Icons/344E67/list.svg') no-repeat 50% 50% / contain;
}

.grpColumn.column1 .btnToggleView {
   background-image: url('Common/Icons/344E67/expandFirst_24px.svg');
}

.grpColumn.column1 .btnToggleView:hover {
   background-image: url('Common/Icons/FFFFFF/expandFirst_24px.svg');
}

.cardViewMax .btnToggleView, .cardViewMax .grpColumn.column1 .btnToggleView {
   background-image: url('Common/Icons/344E67/float_24px.svg');
}

.cardViewMax .btnToggleView:hover, .cardViewMax .grpColumn.column1 .btnToggleView:hover {
   background-image: url('Common/Icons/FFFFFF/float_24px.svg');
   background-color: #1f2e3d
}

.grpColumn {
	overflow: visible !important;
    -webkit-transition: margin 0.5s ease-in-out, opacity 0.5s ease-in-out;
    -moz-transition: margin 0.5s ease-in-out, opacity 0.5s ease-in-out;
    -o-transition: margin 0.5s ease-in-out, opacity 0.5s ease-in-out;
    transition: margin 0.5s ease-in-out, opacity 0.5s ease-in-out;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: #ffffff;
    margin: -150% 4px 150% 4px;
    opacity: 0;
    box-shadow: 0 0 2px 0px #bcbcbc;
    border-radius: 1px;
}

.selectColumn1 .btnColumn.column1, .selectColumn2 .btnColumn.column2, .selectColumn3 .btnColumn.column3, .selectColumn4 .btnColumn.column4, .selectColumn5 .btnColumn.column5, .selectColumn6 .btnColumn.column6, .selectColumn7 .btnColumn.column7, .selectColumn8 .btnColumn.column8, .selectColumn9 .btnColumn.column9, .selectColumn10 .btnColumn.column10, .selectColumn11 .btnColumn.column11, .selectColumn12 .btnColumn.column12, .selectColumn13 .btnColumn.column13, .selectColumn14 .btnColumn.column14, .selectColumn15 .btnColumn.column15, .selectColumn16 .btnColumn.column16, .selectColumn17 .btnColumn.column17, .selectColumn18 .btnColumn.column18, .selectColumn19 .btnColumn.column19, .selectColumn20 .btnColumn.column20, .selectColumn21 .btnColumn.column21, .selectColumn22 .btnColumn.column22, .selectColumn23 .btnColumn.column23, .selectColumn24 .btnColumn.column24, .selectColumn25 .btnColumn.column25, .selectColumn26 .btnColumn.column26, .selectColumn27 .btnColumn.column27, .selectColumn28 .btnColumn.column28, .selectColumn29 .btnColumn.column29, .selectColumn30 .btnColumn.column30, .selectColumn31 .btnColumn.column31, .selectColumn32 .btnColumn.column32, .selectColumn33 .btnColumn.column33, .selectColumn34 .btnColumn.column34 {
        color: #{activeColor700};
        border-bottom: 3px solid #f4c01f;
}

.selectColumn1 .grpColumn.column1, .selectColumn2 .grpColumn.column2, .selectColumn3 .grpColumn.column3, .selectColumn4 .grpColumn.column4, .selectColumn5 .grpColumn.column5, .selectColumn6 .grpColumn.column6, .selectColumn7 .grpColumn.column7, .selectColumn8 .grpColumn.column8, .selectColumn9 .grpColumn.column9, .selectColumn10 .grpColumn.column10, .selectColumn11 .grpColumn.column11, .selectColumn12 .grpColumn.column12, .selectColumn13 .grpColumn.column13, .selectColumn14 .grpColumn.column14, .selectColumn15 .grpColumn.column15, .selectColumn16 .grpColumn.column16, .selectColumn17 .grpColumn.column17, .selectColumn18 .grpColumn.column18, .selectColumn19 .grpColumn.column19, .selectColumn20 .grpColumn.column20, .selectColumn21 .grpColumn.column21, .selectColumn22 .grpColumn.column22, .selectColumn23 .grpColumn.column23, .selectColumn24 .grpColumn.column24, .selectColumn25 .grpColumn.column25, .selectColumn26 .grpColumn.column26, .selectColumn27 .grpColumn.column27, .selectColumn28 .grpColumn.column28, .selectColumn29 .grpColumn.column29, .selectColumn30 .grpColumn.column30, .selectColumn31 .grpColumn.column31, .selectColumn32 .grpColumn.column32, .selectColumn33 .grpColumn.column33, .selectColumn34 .grpColumn.column34 {
    margin: 4px;
    opacity: 1;
}

/* single column mode */
/* @media (max-width: 799px) { */
.grpColumn {
    left: 0;
}

/* wenn es nur eine karte gibt, wird der auswahlbutton und der maximierbutton für die karte nie angezeigt, da man eh nicht wechseln kann */
.cardViewFloat.numCards1 .btnColumn.column1, .cardViewFloat.numCards1 .btnToggleView {
    display: none;
}
.cardViewFloat.numCards1Full .btnColumn.column1, .cardViewFloat.numCards1Full .btnToggleView {
    display: none;
}

/* im einspaltenmodus wird der expand button mangels funktion ausgeblendet */ 
@media (max-width: 959px) {    
	.btnToggleView {
	    display: none;
	}
}
/* zweispaltig */
/* @media (min-width: 800px) and (max-width: 1199px) { */
@media (min-width: 960px) {    
    .cardViewFloat.allowCards2 .grpColumn {
        left: 50%;
    }

    .cardViewFloat.allowCards2 .grpColumn.column1 {
        left: 0;
        right: 50%;
        margin: 4px;
	    opacity: 1;
    }

    .cardViewFloat.allowCards2 .btnColumn.column1, .cardViewFloat.allowCards2.numCards2 .btnColumn.column2 {
        display: none;
    }
    
    /* ist column1 selektiert im 2-spaltemodus, dann wird automatisch die column 2 als selektiert angenommen, um einen freien platz rechts zu vermeiden */
    .cardViewFloat.allowCards2 .selectColumn1 .btnColumn.column2 {
        padding: 4px 8px 1px 8px;
        color: #{activeColor700};
        border-bottom: 3px solid #f4c01f;
    }
    
    .cardViewFloat.allowCards2 .selectColumn1 .grpColumn.column2 {
        margin: 4px;
	    opacity: 1;
    }

    /* ersten cardtitle nicht orange faerben */
    .cardViewFloat.allowCards2 .column1 .cardTitle.mainCardTitle {
        padding: 3px 3%;
        border-top: none;
    }
    
    /* ab zwei spalten platz werden einspaltige layouts gelocked */ 
    .numCards1 .grpContentFloat {
        right: auto;
        width: 960px;
    }

    .menuVisible .numCards1 .grpContentFloat {
        width: 760px;
    }    
}

/* dreispaltig ... was für eine stadt ;) */
/* @media (min-width: 1200px) and (max-width: 1599px) { */
@media (min-width: 1440px)  {
    .cardViewFloat.allowCards3 .grpColumn {
        left: 66.6%;
    }

    .cardViewFloat.allowCards3 .grpColumn.column1 {
        left: 0;
        right: 66.6%;
        margin: 4px;
	    opacity: 1;
    }

    .cardViewFloat.allowCards3 .grpColumn.column2 {
        left: 33.3%;
        right: 33.3%;
        margin: 4px;
	    opacity: 1;
    }

    .cardViewFloat.allowCards3 .btnColumn.column1, .cardViewFloat.allowCards3 .btnColumn.column2, .cardViewFloat.allowCards3.numCards3 .btnColumn.column3 {
        display: none;
    }

    /* ist column1 oder column2 selektiert im 3-spaltemodus, dann wird automatisch die column 3 als selektiert angenommen, um einen freien platz rechts zu vermeiden */
    .cardViewFloat.allowCards3 .selectColumn1 .btnColumn.column3, .cardViewFloat.allowCards3 .selectColumn2 .btnColumn.column3 {
        padding: 4px 8px 1px 8px;
        color: #{activeColor700};
        border-bottom: 3px solid #f4c01f;
    }
    
    .cardViewFloat.allowCards3 .selectColumn1 .grpColumn.column3, .cardViewFloat.allowCards3 .selectColumn2 .grpColumn.column3 {
        margin: 4px;
	    opacity: 1;
    }

    /* ersten cardtitle nicht orange faerben */
    .cardViewFloat.allowCards3 .column1 .cardTitle.mainCardTitle, .cardViewFloat.allowCards3 .column2 .cardTitle.mainCardTitle {
        padding: 3px 3%;
        border-top: none;
    }
}

/* vierspaltig  */
/* @media (min-width: 1600px) and (max-width: 1999px) { */
@media (min-width: 1920px) {
    .cardViewFloat.allowCards4 .grpColumn {
        left: 75%;
    }

    .cardViewFloat.allowCards4 .grpColumn.column1 {
        left: 0;
        right: 75%;
        margin: 4px;
	    opacity: 1;
    }

    .cardViewFloat.allowCards4 .grpColumn.column2 {
        left: 25%;
        right: 50%;
        margin: 4px;
	    opacity: 1;
    }

    .cardViewFloat.allowCards4 .grpColumn.column3 {
        left: 50%;
        right: 25%;
        margin: 4px;
	    opacity: 1;
    }

    /* +gibt es genau 4 cards und es werden 4 cards angezeigt, wird der vierte button oben ausgeblendet */
    .cardViewFloat.allowCards4 .btnColumn.column1, .cardViewFloat.allowCards4 .btnColumn.column2, .cardViewFloat.allowCards4 .btnColumn.column3, .cardViewFloat.allowCards4.numCards4 .btnColumn.column4 {
        display: none;
    }

    /* s.o. */
    .cardViewFloat.allowCards4 .selectColumn1 .btnColumn.column4, .cardViewFloat.allowCards4 .selectColumn2 .btnColumn.column4, .cardViewFloat.allowCards4 .selectColumn3 .btnColumn.column4 {
        padding: 4px 8px 1px 8px;
        color: #{activeColor700};
        border-bottom: 3px solid #f4c01f;
    }
    
    .cardViewFloat.allowCards4 .selectColumn1 .grpColumn.column4, .cardViewFloat.allowCards4 .selectColumn2 .grpColumn.column4, .cardViewFloat.allowCards4 .selectColumn3 .grpColumn.column4 {
        margin: 4px;
	    opacity: 1;
    }

    /* ersten cardtitle nicht orange faerben */
    .cardViewFloat.allowCards4 .column1 .cardTitle.mainCardTitle, .cardViewFloat.allowCards4 .column2 .cardTitle.mainCardTitle, .cardViewFloat.allowCards4 .column3 .cardTitle.mainCardTitle {
        padding: 3px 3%;
        border-top: none;
    }
}

/* fünfspaltig  */
/* @media (min-width: 2000px) and (max-width: 2399px) { */
@media (min-width: 2400px) {
    .cardViewFloat.allowCards5 .grpColumn {
        left: 80%;
    }

    .cardViewFloat.allowCards5 .grpColumn.column1 {
        left: 0;
        right: 80%;
        margin: 4px;
	    opacity: 1;
    }

    .cardViewFloat.allowCards5 .grpColumn.column2 {
        left: 20%;
        right: 60%;
        margin: 4px;
	    opacity: 1;
    }

    .cardViewFloat.allowCards5 .grpColumn.column3 {
        left: 40%;
        right: 40%;
        margin: 4px;
	    opacity: 1;
    }

    .cardViewFloat.allowCards5 .grpColumn.column4 {
        left: 60%;
        right: 20%;
        margin: 4px;
	    opacity: 1;
    }

    .cardViewFloat.allowCards5 .btnColumn.column1, .cardViewFloat.allowCards5 .btnColumn.column2, .cardViewFloat.allowCards5 .btnColumn.column3, .cardViewFloat.allowCards5 .btnColumn.column4, .cardViewFloat.allowCards5.numCards5 .btnColumn.column5 {
        display: none;
    }

    /* s.o. */
    .cardViewFloat.allowCards5 .selectColumn1 .btnColumn.column5, .cardViewFloat.allowCards5 .selectColumn2 .btnColumn.column5, .cardViewFloat.allowCards5 .selectColumn3 .btnColumn.column5, .cardViewFloat.allowCards5 .selectColumn4 .btnColumn.column5 {
        padding: 4px 8px 1px 8px;
        color: #{activeColor700};
        border-bottom: 3px solid #f4c01f;
    }
    
    .cardViewFloat.allowCards5 .selectColumn1 .grpColumn.column5, .cardViewFloat.allowCards5 .selectColumn2 .grpColumn.column5, .cardViewFloat.allowCards5 .selectColumn3 .grpColumn.column5, .cardViewFloat.allowCards5 .selectColumn4 .grpColumn.column5 {
        margin: 4px;
	    opacity: 1;
    }

    /* ersten cardtitle nicht orange faerben */
    .cardViewFloat.allowCards5 .column1 .cardTitle.mainCardTitle, .cardViewFloat.allowCards5 .column2 .cardTitle.mainCardTitle, .cardViewFloat.allowCards5 .column3 .cardTitle.mainCardTitle, .cardViewFloat.allowCards5 .column4 .cardTitle.mainCardTitle {
        padding: 3px 3%;
        border-top: none;
    }
}

/* sehcsspaltig ! */
/* @media (min-width: 2400px) { */
@media (min-width: 2880px) {
    .cardViewFloat.allowCards6 .grpColumn {
        left: 83.33%;
    }

    .cardViewFloat.allowCards6 .grpColumn.column1 {
        left: 0;
        right: 83.33%;
        margin: 4px;
        opacity: 1;
    }

    .cardViewFloat.allowCards6 .grpColumn.column2 {
        left: 16.66%;
        right: 66.66%;
        margin: 4px;
        opacity: 1;
    }

    .cardViewFloat.allowCards6 .grpColumn.column3 {
        left: 33.33%;
        right: 50%;
        margin: 4px;
        opacity: 1;
    }

    .cardViewFloat.allowCards6 .grpColumn.column4 {
        left: 50%;
        right: 33.33%;
        margin: 4px;
        opacity: 1;
    }

    .cardViewFloat.allowCards6 .grpColumn.column5 {
        left: 66.66%;
        right: 16.66%;
        margin: 4px;
        opacity: 1;
    }

    .cardViewFloat.allowCards6 .btnColumn.column1, .cardViewFloat.allowCards6 .btnColumn.column2, .cardViewFloat.allowCards6 .btnColumn.column3, .cardViewFloat.allowCards6 .btnColumn.column4, .cardViewFloat.allowCards6 .btnColumn.column5, .cardViewFloat.allowCards6.numCards6 .btnColumn.column6 {
        display: none;
    }

    /* s.o. */
    .cardViewFloat.allowCards6 .selectColumn1 .btnColumn.column6, .cardViewFloat.allowCards6 .selectColumn2 .btnColumn.column6, .cardViewFloat.allowCards6 .selectColumn3 .btnColumn.column6, .cardViewFloat.allowCards6 .selectColumn4 .btnColumn.column6, .cardViewFloat.allowCards6 .selectColumn5 .btnColumn.column6 {
        padding: 4px 8px 1px 8px;
        color: #{activeColor700};
        border-bottom: 3px solid #f4c01f;
    }
    
    .cardViewFloat.allowCards6 .selectColumn1 .grpColumn.column6, .cardViewFloat.allowCards6 .selectColumn2 .grpColumn.column6, .cardViewFloat.allowCards6 .selectColumn3 .grpColumn.column6, .cardViewFloat.allowCards6 .selectColumn4 .grpColumn.column6, .cardViewFloat.allowCards6 .selectColumn5 .grpColumn.column6 {
        margin: 4px;
        opacity: 1;
    }

    /* ersten cardtitle nicht orange faerben */
    .cardViewFloat.allowCards6 .column1 .cardTitle.mainCardTitle, .cardViewFloat.allowCards6 .column2 .cardTitle.mainCardTitle, .cardViewFloat.allowCards6 .column3 .cardTitle.mainCardTitle, .cardViewFloat.allowCards6 .column4 .cardTitle.mainCardTitle, .cardViewFloat.allowCards6 .column5 .cardTitle.mainCardTitle {
        padding: 3px 3%;
        border-top: none;
    }
}

/* expand modus .cardViewMax */
@media (min-width: 800px) {
    /* button für ersten reiter ausblenden */
    .cardViewMax .btnColumn.column1, .cardViewMax.allowCards2.numCards2 .btnColumn.column2 {
        display: none;
    }
    
    /* ist column1 selektiert im 2-spaltemodus, dann wird automatisch die column 2 als selektiert angenommen, um einen freien platz rechts zu vermeiden */
    .cardViewMax .selectColumn1 .btnColumn.column2 {
        padding: 4px 8px 1px 8px;
        color: #{activeColor700};
        border-bottom: 3px solid #f4c01f;
    }
    
    .cardViewMax .selectColumn1 .grpColumn.column2 {
        margin: 4px;
        opacity: 1;
    }

    /* reset om cardViewMax */
    .cardViewMax .grpColumn {
        left: 33.3%;
    }

    .cardViewMax.cardViewMaxFirst .grpColumn {
        left: 66.6%;
    } 

    .cardViewMax .grpColumn.column1 {
        left: 0;
        right: 66.6%;
        margin: 4px;
        opacity: 1;
    }

    .cardViewMax.cardViewMaxFirst .grpColumn.column1 {
        left: 0;
        right: 33.3%;
        width: auto;
    }
    
    /* ersten cardtitle nicht  faerben */
    .cardViewMax .column1 .cardTitle.mainCardTitle {
        padding: 3px 3%;
        border-top: none;
    }
}


/* inner css */
.cardTitle {
    color: #222222;
    font-size: 14px;
    left: 0;
    padding: 3px 3%;
    right: 0;
}

.cardTitle.mainCardTitle {
    padding: 2px 3%;
    border-top: 1px solid #f4c01f;
}

/* goldene linie ausblenden, wenn kein reiter aktiv ist */
.numCards2 .column2 .cardTitle.mainCardTitle, .numCards3 .column3 .cardTitle.mainCardTitle, .numCards4 .column4 .cardTitle.mainCardTitle, .numCards5 .column5 .cardTitle.mainCardTitle, .numCards6 .column6 .cardTitle.mainCardTitle {
    padding: 3px 3%;
    border-top: none;
}

.cardLabel {
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    padding: 1px 0;
    position: absolute;
    text-align: left;
    width: 27%;
    color: #666666;
    left: 3%;
}

.cardLabelButton {
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    padding: 1px 0;
    position: absolute;
    text-align: left;
    width: 27%;
    left: 3%;
    text-decoration: underline;
    color: #344E67;
}

.cardLabelB {
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    padding: 1px 0;
    position: absolute;
    text-align: left;
    width: 21%;
    color: #666666;
    left: 9%;
}

.cardLabelCheckbox, .cardLabelRadio {
    padding: 0 0 0 3%;
    width: 6%;
    height: 22px;
    margin: 0;
}

.cardLabelCheckbox input, .cardLabelRadio input {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}

.cardLabelCenter {
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    padding: 1px;
    position: absolute;
    text-align: center;
    width: 30%;
    color: #666666;
}

.cardLabelMultiline {
    left: 1%;
    width: 98% !important;
    overflow: auto !important;
}

.cardLabelMultiline50c1 {
    left: 2%;
    width: 47.5% !important;
    overflow: auto !important;
}

.cardLabelMultiline50c2 {
    left: 50.5%;
    width: 47.5% !important;
    overflow: auto !important;
}

.cardLabelSeoTitle {
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    padding: 1px 0;
    position: absolute;
    text-align: left;
    width: 100%;
    color: #0000FF;
    left: 3%;
}
.cardLabelSeoUrl {
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    padding: 1px 0;
    position: absolute;
    text-align: left;
    width: 100%;
    color: #04B431;
    left: 3%;
}

.cardLabelSeoDescription {
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    padding: 1px 0;
    position: absolute;
    text-align: left;
    width: 100%;
    color: #424242;
    left: 3%;
}



select.cardPulldown, textarea.cardInput, input.cardInput, input.cardInputFloat, input.cardInputProtected, input.cardInputProtectedFloat {
    -webkit-transition: border 0.25s ease-in-out, background-color 0.25s ease-in-out;
    -moz-transition: border 0.25s ease-in-out, background-color 0.25s ease-in-out;
    -o-transition: border 0.25s ease-in-out, background-color 0.25s ease-in-out;
    transition: border 0.25s ease-in-out, background-color 0.25s ease-in-out;
    line-height: 20px;
    border: 1px solid #cccccc;
    box-sizing: content-box;
    font: 12px 'RobotoRegular', Arial, sans-serif;
} 

select.cardPulldown, input.cardInput, input.cardInputFloat, input.cardInputProtected, input.cardInputProtectedFloat {
    height: 20px;
}

select.cardPulldown, select.cardPulldown:focus {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url('Common/Toolbar/344E67/arrowDown_56px.png');
    background-position: right center;
    background-repeat: no-repeat;
    background-size: contain;
}

option {
    padding: 4px;
}

select.cardInput {
    height: 22px;
}

input.cardInputFloat, input.cardInputProtectedFloat {
    text-align: right;
}

select.cardPulldown:focus, textarea.cardInput:focus, input.cardInput:focus, input.cardInputFloat:focus, input.cardInputProtected:focus, input.cardInputProtectedFloat:focus, input.cardInputFloat:focus, input.cardInputProtectedFloat:focus {
    border-color: #f4c01f;
    background-color: #f4f4f4;
}
select.cardPulldown:disabled {
	background-color:#f7f7f7;
	cursor: not-allowed;
}

.cardContainerBottom {
	bottom: 0;
	left: 0;
	width: 100%;
}

/* rows x 26 */
.r1 {
    top: 0
}
.r2 {
    top: 26px;
}
.r3 {
    top: 52px;
}
.r4 {
    top: 78px;
}
.r5 {
    top: 104px;
}
.r6 {
    top: 130px;
}
.r7 {
    top: 156px;
}
.r8 {
    top: 182px;
}
.r9 {
    top: 208px;
}
.r10 {
    top: 234px;
}
.r11 {
    top: 260px;
}
.r12 {
    top: 286px;
}
.r13 {
    top: 312px;
}
.r14 {
    top: 338px;
}
.r15 {
    top: 364px;
}
.r16 {
    top: 390px;
}
.r17 {
    top: 416px;
}
.r18 {
    top: 442px;
}
.r19 {
    top: 468px;
}
.r20 {
    top: 494px;
}
.r21 {
    top: 520px;
}
.r22 {
    top: 546px;
}
.r23 {
    top: 572px;
}
.r24 {
    top: 598px;
}
.r25 {
    top: 624px;
}
.r26 {
    top: 650px;
}
.r27 {
    top: 676px;
}
.r28 {
    top: 702px;
}
.r29 {
    top: 728px;
}
.r30 {
    top: 754px;
}
.r31 {
    top: 780px;
}
.r32 {
    top: 806px;
}
.r33 {
    top: 832px;
}
.r34 {
    top: 858px;
}
.r35 {
    top: 884px;
}
.r36 {
    top: 910px;
}
.r37 {
    top: 936px;
}
.r38 {
    top: 962px;
}
.r39 {
    top: 988px;
}
.r40 {
    top: 1014px;
}

.r41 {
	top: 1040px;
}

.r42 {
	top: 1066px;
}

.r43 {
	top: 1092px;
}

.r44 {
	top: 1118px;
}

.r45 {
	top: 1144px;
}

.r46 {
	top: 1170px;
}

.r47 {
	top: 1196px;
}

.r48 {
	top: 1222px;
}

.r49 {
	top: 1248px;
}

.r50 {
	top: 1274px;
}

.r51 {
	top: 1300px;
}

.r52 {
	top: 1326px;
}

.r53 {
	top: 1352px;
}

.r54 {
	top: 1378px;
}

.r55 {
	top: 1404px;
}

.r56 {
	top: 1430px;
}

.r57 {
	top: 1456px;
}

.r58 {
	top: 1482px;
}

.r59 {
	top: 1508px;
}

.r60 {
	top: 1534px;
}

.r61 {
	top: 1560px;
}

.r62 {
	top: 1586px;
}

.r63 {
	top: 1612px;
}

.r64 {
	top: 1638px;
}

.r65 {
	top: 1664px;
}

.r66 {
	top: 1690px;
}

.r67 {
	top: 1716px;
}

.r68 {
	top: 1742px;
}

.r69 {
	top: 1768px;
}

.r70 {
	top: 1794px;
}

.r71 {
	top: 1820px;
}

.r72 {
	top: 1846px;
}

.r73 {
	top: 1872px;
}

.r74 {
	top: 1898px;
}

.r75 {
	top: 1924px;
}

.r76 {
	top: 1950px;
}

.r77 {
	top: 1976px;
}

.r78 {
	top: 2002px;
}

.r79 {
	top: 2028px;
}

.r80 {
	top: 2054px;
}

.r81 {
	top: 2080px;
}

.r82 {
	top: 2106px;
}

.r83 {
	top: 2132px;
}

.r84 {
	top: 2158px;
}

.r85 {
	top: 2184px;
}

.r86 {
	top: 2210px;
}

.r87 {
	top: 2236px;
}

.r88 {
	top: 2262px;
}

.r89 {
	top: 2288px;
}

.r90 {
	top: 2314px;
}

.r91 {
	top: 2340px;
}

.r92 {
	top: 2366px;
}

.r93 {
	top: 2392px;
}

.r94 {
	top: 2418px;
}

.r95 {
	top: 2444px;
}

.r96 {
	top: 2470px;
}

.r97 {
	top: 2496px;
}

.r98 {
	top: 2522px;
}

.r99 {
	top: 2548px;
}

.r100 {
	top: 2574px;
}

.r101 {
	top: 2600px;
}

.r102 {
	top: 2626px;
}

.r103 {
	top: 2652px;
}

.r104 {
	top: 2678px;
}

.r105 {
	top: 2704px;
}

.r106 {
	top: 2730px;
}

.r107 {
	top: 2756px;
}

.r108 {
	top: 2782px;
}

.r109 {
	top: 2808px;
}

.r110 {
	top: 2860px;
}

.r111 {
	top: 2886px;
}

.r112 {
	top: 2912px;
}

.r113 {
	top: 2938px;
}

.r114 {
	top: 2964px;
}

.r115 {
	top: 2990px;
}

.r116 {
	top: 3016px;
}

.r117 {
	top: 3042px;
}

.r118 {
	top: 3068px;
}

.r119 {
	top: 3094px;
}

.r120 {
	top: 3120px;
}

.r1h {
    top: 13px;
}
.r2h {
    top: 39px;
}
.r3h {
    top: 65px;
}
.r4h {
    top: 91px;
}
.r5h {
    top: 117px;
}
.r6h {
    top: 143px;
}
.r7h {
    top: 169px;
}
.r8h {
    top: 195px;
}
.r9h {
    top: 221px;
}
.r10h {
    top: 247px;
}
.r11h {
    top: 273px;
}
.r12h {
    top: 299px;
}
.r13h {
    top: 325px;
}
.r14h {
    top: 351px;
}
.r15h {
    top: 377px;
}
.r16h {
    top: 403px;
}
.r17h {
    top: 429px;
}
.r18h {
    top: 455px;
}
.r19h {
    top: 481px;
}
.r20h {
    top: 507px;
}
.r21h {
    top: 533px;
}
.r22h {
    top: 559px;
}
.r23h {
    top: 585px;
}
.r24h {
    top: 611px;
}
.r25h {
    top: 637px;
}
.r26h {
    top: 663px;
}
.r27h {
    top: 689px;
}
.r28h {
    top: 715px;
}
.r29h {
    top: 741px;
}
.r30h {
    top: 767px;
}
.r31h {
    top: 793px;
}
.r32h {
    top: 819px;
}
.r33h {
    top: 845px;
}
.r34h {
    top: 871px;
}
.r35h {
    top: 897px;
}
.r36h {
    top: 923px;
}
.r37h {
    top: 949px;
}
.r38h {
    top: 975px;
}
.r39h {
    top: 1001px;
}
.r40h {
    top: 1027px;
}

.r40h {
	top: 1027px;
}

.r41h {
	top: 1053px;
}

.r42h {
	top: 1079px;
}

.r43h {
	top: 1105px;
}

.r44h {
	top: 1131px;
}

.r45h {
	top: 1157px;
}

.r46h {
	top: 1183px;
}

.r47h {
	top: 1209px;
}

.r48h {
	top: 1235px;
}

.r49h {
	top: 1261px;
}

.r50h {
	top: 1287px;
}

.r51h {
	top: 1313px;
}

.r52h {
	top: 1339px;
}

.r53h {
	top: 1365px;
}

.r54h {
	top: 1391px;
}

.r55h {
	top: 1417px;
}

.r56h {
	top: 1443px;
}

.r57h {
	top: 1469px;
}

.r58h {
	top: 1495px;
}

.r59h {
	top: 1521px;
}

.r60h {
	top: 1547px;
}

/* heights */
.h1 {
    height: 0;
}
.h2 {
    height: 26px;
}
.h3 {
    height: 52px;
}
.h4 {
    height: 78px;
}
.h5 {
    height: 104px;
}
.h6 {
    height: 130px;
}
.h7 {
    height: 156px;
}
.h8 {
    height: 182px;
}
.h9 {
    height: 208px;
}
.h10 {
    height: 234px;
}
.h11 {
    height: 260px;
}
.h12 {
    height: 286px;
}
.h13 {
    height: 312px;
}
.h14 {
    height: 338px;
}
.h15 {
    height: 364px;
}
.h16 {
    height: 390px;
}
.h17 {
    height: 416px;
}
.h18 {
    height: 442px;
}
.h19 {
    height: 468px;
}
.h20 {
    height: 494px;
}
.h21 {
	height: 520px;
}

.h22 {
	height: 546px;
}

.h23 {
	height: 572px;
}

.h24 {
	height: 598px;
}

.h25 {
	height: 624px;
}

.h26 {
	height: 650px;
}

.h27 {
	height: 676px;
}

.h28 {
	height: 702px;
}

.h29 {
	height: 728px;
}

.h30 {
	height: 754px;
}

.h31 {
	height: 780px;
}

.h32 {
	height: 806px;
}

.h33 {
	height: 832px;
}

.h34 {
	height: 858px;
}

.h35 {
	height: 884px;
}

.h36 {
	height: 910px;
}

.h37 {
	height: 936px;
}

.h38 {
	height: 962px;
}

.h39 {
	height: 988px;
}

.h40 {
	height: 1014px;
}

.h41 {
	height: 1040px;
}

.h42 {
	height: 1066px;
}

.h43 {
	height: 1092px;
}

.h44 {
	height: 1118px;
}

.h45 {
	height: 1144px;
}

.h46 {
	height: 1170px;
}

.h47 {
	height: 1196px;
}

.h48 {
	height: 1222px;
}

.h49 {
	height: 1248px;
}

.h50 {
	height: 1274px;
}

.h51 {
	height: 1300px;
}

.h52 {
	height: 1326px;
}

.h53 {
	height: 1352px;
}

.h54 {
	height: 1378px;
}

.h55 {
	height: 1404px;
}

.h56 {
	height: 1430px;
}

.h57 {
	height: 1456px;
}

.h58 {
	height: 1482px;
}

.h59 {
	height: 1508px;
}

.h60 {
	height: 1534px;
}

.h61 {
	height: 1560px;
}

.h62 {
	height: 1586px;
}

.h63 {
	height: 1612px;
}

.h64 {
	height: 1638px;
}

.h65 {
	height: 1664px;
}

.h66 {
	height: 1690px;
}

.h67 {
	height: 1716px;
}

.h68 {
	height: 1742px;
}

.h69 {
	height: 1768px;
}

.h70 {
	height: 1794px;
}

.h71 {
	height: 1820px;
}

.h72 {
	height: 1846px;
}

.h73 {
	height: 1872px;
}

.h74 {
	height: 1898px;
}

.h75 {
	height: 1924px;
}

.h76 {
	height: 1950px;
}

.h77 {
	height: 1976px;
}

.h78 {
	height: 2002px;
}

.h79 {
	height: 2028px;
}

.h80 {
	height: 2054px;
}

.h81 {
	height: 2080px;
}

.h82 {
	height: 2106px;
}

.h83 {
	height: 2132px;
}

.h84 {
	height: 2158px;
}

.h85 {
	height: 2184px;
}

.h86 {
	height: 2210px;
}

.h87 {
	height: 2236px;
}

.h88 {
	height: 2262px;
}

.h89 {
	height: 2288px;
}

.h90 {
	height: 2314px;
}

.h91 {
	height: 2340px;
}

.h92 {
	height: 2366px;
}

.h93 {
	height: 2392px;
}

.h94 {
	height: 2418px;
}

.h95 {
	height: 2444px;
}

.h96 {
	height: 2470px;
}

.h97 {
	height: 2496px;
}

.h98 {
	height: 2522px;
}

.h99 {
	height: 2548px;
}

.h100 {
	height: 2574px;
}
.hm1 {
    bottom: 0;
}
.hm2 {
    bottom: 26px;
}
.hm3 {
    bottom: 52px;
}
.hm4 {
    bottom: 78px;
}
.hm5 {
    bottom: 104px;
}
.hm6 {
    bottom: 130px;
}
.hm7 {
    bottom: 156px;
}
.hm8 {
    bottom: 182px;
}
.hm9 {
    bottom: 208px;
}
.hm10 {
    bottom: 234px;
}
.hm11 {
    bottom: 260px;
}
.hm12 {
    bottom: 286px;
}
.hm13 {
    bottom: 312px;
}
.hm14 {
    bottom: 338px;
}
.hm15 {
    bottom: 364px;
}
.hm16 {
    bottom: 390px;
}
.hm17 {
    bottom: 416px;
}
.hm18 {
    bottom: 442px;
}
.hm19 {
    bottom: 468px;
}
.hm20 {
    bottom: 494px;
}

.hEnd {
    bottom: 0;
}

.h1h {
    height: 13px;
}
.h2h {
    height: 39px;
}
.h3h {
    height: 65px;
}
.h4h {
    height: 91px;
}
.h5h {
    height: 117px;
}
.h6h {
    height: 143px;
}
.h7h {
    height: 169px;
}
.h8h {
    height: 195px;
}
.h9h {
    height: 221px;
}
.h10h {
    height: 247px;
}
.h11h {
    height: 273px;
}
.h12h {
    height: 299px;
}
.h13h {
    height: 325px;
}
.h14h {
    height: 351px;
}
.h15h {
    height: 377px;
}
.h16h {
    height: 403px;
}
.h17h {
    height: 429px;
}
.h18h {
    height: 455px;
}
.h19h {
    height: 481px;
}
.h20h {
    height: 507px;
}

/* cols */
.cl0 {
    left: 0.5%;
}

.cl25 {
    left: 16.25%;
}

.c0 {
    left: 32%;
}

.c25 {
    left: 48.75%;
}

.c33 {
    left: 54.33%;
}

.c50 {
    left: 65.5%;
}

.c66 {
    left: 76.66%;
}

.c75 {
    left: 82.25%;
}

.c0b {
    left: 38%;
}

.c25b {
    left: 54.75%;
}

.c33b {
    left: 60.33%;
}

.c50b {
    left: 71.5%;
}

.c66b {
    left: 82.66%;
}

.c75b {
    left: 88.25%;
}

.c0bb {
    left: 44%;
}

.c25bb {
    left: 60.75%;
}

.c33bb {
    left: 66.33%;
}

.c50bb {
    left: 77.5%;
}

.c66bb {
    left: 88.66%;
}

.c75bb {
    left: 94.25%;
}


/* widths */
.iw {
    width: 6%;
}

textarea.wl25, input.wl25, .wl25 {
    width: 13.75%;
    padding: 0 0.5%;
}

textarea.w25, input.w25, .w25 {
    width: 14.75%;
    padding: 0 0.5%;
}

textarea.w33, input.w33, .w33 {
    width: 20.33%;
    padding: 0 0.5%;
}

textarea.w50, input.w50, .w50 {
    width: 31.5%;
    padding: 0 0.5%;
}

textarea.w75, input.w75, .w75 {
    width: 48.25%;
    padding: 0 0.5%;
}

textarea.w100, input.w100, .w100 {
    width: 65%;
    padding: 0 0.5%;
}

input.w25b, .w25b {
    width: 7.75%;
    padding: 0 0.5%;
}

input.w33b, .w33b {
    width: 13.33%;
    padding: 0 0.5%;
}

input.w50b, .w50b {
    width: 24.5%;
    padding: 0 0.5%;
}

input.w75b, .w75b {
    width: 41.25%;
    padding: 0 0.5%;
}

input.w100b, .w100b {
    width: 58%;
    padding: 0 0.5%;
}

input.w33bb, .w33bb {
    width: 7.33%;
    padding: 0 0.5%;
}

input.w50bb, .w50bb {
    width: 18.5%;
    padding: 0 0.5%;
}

input.w75bb, .w75bb {
    width: 35.25%;
    padding: 0 0.5%;
}

input.w100bb, .w100bb {
    width: 52%;
    padding: 0 0.5%;
}

input.w50bbb, .w50bbb {
    width: 12.5%;
    padding: 0 0.5%;
}

input.w75bbb, .w75bbb {
    width: 29.25%;
    padding: 0 0.5%;
}

input.w100bbb, .w100bbb {
    width: 46%;
    padding: 0 0.5%;
}

/* pulldown breiten */
select.cardLabel {
    width: 27%;
    left: 3%;
    padding: 0;
}

select.w25 {
    width: 15.75%;
    padding: 0;
}

select.w33 {
    width: 21.33%;
    padding: 0;
}

select.w50 {
    width: 32.5%;
    padding: 0;
}

select.w75 {
    width: 49.25%;
    padding: 0;
}

select.w100 {
    width: 66%;
    padding: 0;
}

select.w25b {
    width: 8.75%;
    padding: 0;
}

select.w33b {
    width: 14.33%;
    padding: 0;
}

select.w50b {
    width: 25.5%;
    padding: 0;
}

select.w75b {
    width: 42.25%;
    padding: 0;
}

select.w100b {
    width: 59%;
    padding: 0;
}

select.w33bb {
    width: 8.33%;
    padding: 0;
}

select.w50bb {
    width: 19.5%;
    padding: 0;
}

select.w75bb {
    width: 36.25%;
    padding: 0;
}

select.w100bb {
    width: 53%;
    padding: 0;
}

.wFull {
	width: 100% !important;
}

.b0 {
	bottom: 0;
}

/* maskicons */
.ic25 {
    left: 41.75%;
}

.ic50 {
    left: 58.5%;
}

.ic75 {
    left: 75.25%;
}

.ic100b {
    left: 86%;
}

.ic100 {
    left: 92%;
}

/* Breiten und Spalten für volle breite */

.ct0  { left: 3%; }
.ct5  { left: 7.75%; }
.ct10 { left: 12.5%; }
.ct15 { left: 17.25%; }
.ct20 { left: 22%; }
.ct25 { left: 26.75%; }
.ct30 { left: 31.5%; }
.ct35 { left: 36.25%; }
.ct40 { left: 41%; }
.ct45 { left: 45.75%; }
.ct50 { left: 50.5%; }
.ct55 { left: 55.25%; }
.ct60 { left: 60%; }
.ct65 { left: 64.75%; }
.ct70 { left: 69.5%; }
.ct75 { left: 74.25%; }
.ct80 { left: 79%; }
.ct85 { left: 83.75%; }
.ct90 { left: 88.5%; }
.ct95 { left: 93.25%; }

.ctgh1 { left: 2%; }
.ctgh2 { left: 9%; }
.ctgh3 { left: 16%; }
.ctgh4 { left: 23%; }
.ctgh5 { left: 30%; }
.ctgh6 { left: 37%; }
.ctgh7 { left: 44%; }
.ctgh8 { left: 51%; }
.ctgh9 { left: 58%; }
.ctgh10 { left: 65%; }
.ctgh11 { left: 72%; }
.ctgh12 { left: 79%; }
.ctgh13 { left: 86%; }
.ctgh14 { left: 93%; }

textarea.wt5, input.wt5, .wt5 { width: 3.25%; padding: 0 0.5%; }
textarea.wt6, input.wt6, .wt6 { width: 6.0%; padding: 0 0.5%; }
textarea.wt10, input.wt10, .wt10 { width: 7.5%; padding: 0 0.5%; }
textarea.wt15, input.wt15, .wt15 { width: 11.75%; padding: 0 0.5%; }
textarea.wt20, input.wt20, .wt20 { width: 16%; padding: 0 0.5%; }
textarea.wt25, input.wt25, .wt25 { width: 20.25%; padding: 0 0.5%; }
textarea.wt30, input.wt30, .wt30 { width: 24.5%; padding: 0 0.5%; }
textarea.wt35, input.wt35, .wt35 { width: 28.75%; padding: 0 0.5%; }
textarea.wt40, input.wt40, .wt40 { width: 33%; padding: 0 0.5%; }
textarea.wt45, input.wt45, .wt45 { width: 37.25%; padding: 0 0.5%; }
textarea.wt50, input.wt50, .wt50 { width: 41.5%; padding: 0 0.5%; }
textarea.wt55, input.wt55, .wt55 { width: 45.75%; padding: 0 0.5%; }
textarea.wt60, input.wt60, .wt60 { width: 50%; padding: 0 0.5%; }
textarea.wt65, input.wt65, .wt65 { width: 54.25%; padding: 0 0.5%; }
textarea.wt70, input.wt70, .wt70 { width: 58.5%; padding: 0 0.5%; }
textarea.wt75, input.wt75, .wt75 { width: 62.75%; padding: 0 0.5%; }
textarea.wt80, input.wt80, .wt80 { width: 67%; padding: 0 0.5%; }
textarea.wt85, input.wt85, .wt85 { width: 71.25%; padding: 0 0.5%; }
textarea.wt90, input.wt90, .wt90 { width: 75.5%; padding: 0 0.5%; }
textarea.wt95, input.wt95, .wt95 { width: 79.75%; padding: 0 0.5%; }

textarea.wt10, input.wt10, .wt10 { width: 7.5%; padding: 0 0.5%; }
textarea.wt15, input.wt15, .wt15 { width: 11.75%; padding: 0 0.5%; }
textarea.wt20, input.wt20, .wt20 { width: 16%; padding: 0 0.5%; }
textarea.wt25, input.wt25, .wt25 { width: 20.25%; padding: 0 0.5%; }
textarea.wt30, input.wt30, .wt30 { width: 24.5%; padding: 0 0.5%; }
textarea.wt35, input.wt35, .wt35 { width: 28.75%; padding: 0 0.5%; }
textarea.wt40, input.wt40, .wt40 { width: 33%; padding: 0 0.5%; }
textarea.wt45, input.wt45, .wt45 { width: 37.25%; padding: 0 0.5%; }
textarea.wt50, input.wt50, .wt50 { width: 41.5%; padding: 0 0.5%; }
textarea.wt55, input.wt55, .wt55 { width: 45.75%; padding: 0 0.5%; }
textarea.wt60, input.wt60, .wt60 { width: 50%; padding: 0 0.5%; }
textarea.wt65, input.wt65, .wt65 { width: 54.25%; padding: 0 0.5%; }
textarea.wt70, input.wt70, .wt70 { width: 58.5%; padding: 0 0.5%; }
textarea.wt75, input.wt75, .wt75 { width: 62.75%; padding: 0 0.5%; }
textarea.wt80, input.wt80, .wt80 { width: 67%; padding: 0 0.5%; }
textarea.wt85, input.wt85, .wt85 { width: 71.25%; padding: 0 0.5%; }
textarea.wt90, input.wt90, .wt90 { width: 75.5%; padding: 0 0.5%; }
textarea.wt95, input.wt95, .wt95 { width: 79.75%; padding: 0 0.5%; }

textarea.wt15b, input.wt15b, .wt15b { width: 4.75%; padding: 0 0.5%; }
textarea.wt20b, input.wt20b, .wt20b { width: 9%; padding: 0 0.5%; }
textarea.wt25b, input.wt25b, .wt25b { width: 13.25%; padding: 0 0.5%; }
textarea.wt30b, input.wt30b, .wt30b { width: 17.5%; padding: 0 0.5%; }
textarea.wt35b, input.wt35b, .wt35b { width: 21.75%; padding: 0 0.5%; }
textarea.wt40b, input.wt40b, .wt40b { width: 26%; padding: 0 0.5%; }
textarea.wt45b, input.wt45b, .wt45b { width: 30.25%; padding: 0 0.5%; }
textarea.wt50b, input.wt50b, .wt50b { width: 34.5%; padding: 0 0.5%; }
textarea.wt55b, input.wt55b, .wt55b { width: 38.75%; padding: 0 0.5%; }
textarea.wt60b, input.wt60b, .wt60b { width: 43%; padding: 0 0.5%; }
textarea.wt65b, input.wt65b, .wt65b { width: 47.25%; padding: 0 0.5%; }
textarea.wt70b, input.wt70b, .wt70b { width: 51.5%; padding: 0 0.5%; }
textarea.wt75b, input.wt75b, .wt75b { width: 55.75%; padding: 0 0.5%; }
textarea.wt80b, input.wt80b, .wt80b { width: 60%; padding: 0 0.5%; }
textarea.wt85b, input.wt85b, .wt85b { width: 64.25%; padding: 0 0.5%; }
textarea.wt90b, input.wt90b, .wt90b { width: 68.5%; padding: 0 0.5%; }
textarea.wt95b, input.wt95b, .wt95b { width: 72.75%; padding: 0 0.5%; }

select.wt5  { width: 4.25%; padding: 0; }
select.wt10 { width: 8.5%; padding: 0; }
select.wt15 { width: 12.75%; padding: 0; }
select.wt20 { width: 17%; padding: 0; }
select.wt25 { width: 21.25%; padding: 0; }
select.wt30 { width: 25.5%; padding: 0; }
select.wt35 { width: 29.75%; padding: 0; }
select.wt40 { width: 34%; padding: 0; }
select.wt45 { width: 38.25%; padding: 0; }
select.wt50 { width: 42.5%; padding: 0; }
select.wt55 { width: 46.75%; padding: 0; }
select.wt60 { width: 51%; padding: 0; }
select.wt65 { width: 55.25%; padding: 0; }
select.wt70 { width: 59.5%; padding: 0; }
select.wt75 { width: 63.75%; padding: 0; }
select.wt80 { width: 68%; padding: 0; }
select.wt85 { width: 72.25%; padding: 0; }
select.wt90 { width: 76.5%; padding: 0; }
select.wt95 { width: 80.75%; padding: 0; }

select.wt15b { width: 5.75%; padding: 0; }
select.wt20b { width: 10%; padding: 0; }
select.wt25b { width: 14.25%; padding: 0; }
select.wt30b { width: 18.5%; padding: 0; }
select.wt35b { width: 22.75%; padding: 0; }
select.wt40b { width: 27%; padding: 0; }
select.wt45b { width: 31.25%; padding: 0; }
select.wt50b { width: 35.5%; padding: 0; }
select.wt55b { width: 39.75%; padding: 0; }
select.wt60b { width: 44%; padding: 0; }
select.wt65b { width: 48.25%; padding: 0; }
select.wt70b { width: 52.5%; padding: 0; }
select.wt75b { width: 56.75%; padding: 0; }
select.wt80b { width: 61%; padding: 0; }
select.wt85b { width: 65.25%; padding: 0; }
select.wt90b { width: 69.5%; padding: 0; }
select.wt95b { width: 73.75%; padding: 0; }

.ict10 { left: 5.5%; }
.ict15 { left: 10.25%; }
.ict20 { left: 15%; }
.ict25 { left: 19.75%; }
.ict30 { left: 24.5%; }
.ict35 { left: 29.25%; }
.ict40 { left: 34%; }
.ict45 { left: 38.75%; }
.ict50 { left: 43.5%; }
.ict55 { left: 48.25%; }
.ict60 { left: 53%; }
.ict65 { left: 57.75%; }
.ict70 { left: 62.5%; }
.ict75 { left: 67.25%; }
.ict80 { left: 72%; }
.ict85 { left: 76.75%; }
.ict90 { left: 81.5%; }
.ict95 { left: 86.25%; }

.cardIcon {
    -webkit-transition: background-color 0.25s ease-in-out, background-image 0.25s ease-in-out;
    -moz-transition: background-color 0.25s ease-in-out, background-image 0.25s ease-in-out;
    -o-transition: background-color 0.25s ease-in-out, background-image 0.25s ease-in-out;
    transition: background-color 0.25s ease-in-out, background-image 0.25s ease-in-out;

    width: 6%;
    height: 22px;
    background-position: center center;
    background-repeat: no-repeat no-repeat;
    background-size: contain;
    margin: 0 1px;
}

.cardIcon:hover {
    background-color: #1f2e3d;
}

.cardIcon.protected {
    opacity: 0.1;
    cursor: not-allowed;
}

.cardIconNavigation {
    background-image: url('Common/Icons/344E67/navigation_24px.svg');
}
.cardIconClipboard {
    background-image: url('Common/Icons/344E67/clipboard_24px.svg');
}
.cardIconSearch {
    background-image: url('Common/Icons/344E67/search_24px.svg');
}
.cardIconEdit {
    background-image: url('Common/Icons/344E67/edit.svg');
}
.cardIconSave {
    background-image: url('Common/Icons/344E67/save.svg');
}
.cardIconCall {
    background-image: url('Common/Icons/344E67/call_24px.svg');
}
.cardIconEmail {
    background-image: url('Common/Icons/344E67/email_24px.svg');
}
.cardIconWorld {
    background-image: url('Common/Icons/344E67/world_24px.svg');
}
.cardIconMenu {
    background-image: url('Common/Icons/344E67/menu_24px.svg');
}
.cardIconAdd {
    background-image: url('Common/Icons/344E67/add_24px.svg');
}
.cardIconEdit {
    background-image: url('Common/Toolbar/344E67/edit.svg');
}
.cardIconDelete {
    background-image: url('Common/Toolbar/344E67/delete.svg');
}
.cardIconList {
    background-image: url('Common/Icons/344E67/list.svg');
}
.cardIconSearchPlus {
    background-image: url('Common/Icons/344E67/search-plus_24px.svg');
}

.cardIconSearchMinus {
    background-image: url('Common/Icons/344E67/search-minus_24px.svg');
}


.cardIconNavigation:hover {
    background-image: url('Common/Icons/FFFFFF/navigation_24px.svg');
}
.cardIconClipboard:hover {
    background-image: url('Common/Icons/FFFFFF/clipboard_24px.svg');
}
.cardIconSearch:hover {
    background-image: url('Common/Icons/FFFFFF/search_24px.svg');
}
.cardIconCall:hover {
    background-image: url('Common/Icons/FFFFFF/call_24px.svg');
}
.cardIconEmail:hover {
    background-image: url('Common/Icons/FFFFFF/email_24px.svg');
}
.cardIconWorld:hover {
    background-image: url('Common/Icons/FFFFFF/world_24px.svg');
}
.cardIconMenu:hover {
    background-image: url('Common/Icons/FFFFFF/menu_24px.svg');
}
.cardIconAdd:hover {
    background-image: url('Common/Icons/FFFFFF/add_24px.svg');
}
.cardIconEdit:hover {
    background-image: url('Common/Toolbar/FFFFFF/edit.svg');
}
.cardIconDelete:hover {
    background-image: url('Common/Toolbar/FFFFFF/delete.svg');
}
.cardIconList:hover {
    background-image: url('Common/Icons/FFFFFF/list.svg');
}


.cardCheckbox {
    height: 22px;
    margin: 0;
    overflow: visible !important;
}

.cardGrid {
    left: 0;
    width: 100% !important;
    overflow: auto !important;
}

.cardGridBorder {
    left: 3%;
    width: 94% !important;
    overflow: auto !important;
}

.cardGrid.relativeGrid .gridHeaderr {
	width: 100%;
}

.cardWysiwyg {
    left: 0;
    width: 100%;
}
.cardWysiwyg.outline {
	border:1px solid #ccc;
	left: 32% !important;
	width: 66% !important;
}


.cardButton {
    -webkit-transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
    -moz-transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
    -o-transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
    transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
	text-decoration: underline;
    color: #344E67;
    font-size: 15px;
    text-align: center;
    height: 20px;
    line-height: 20px;
    padding: 1px 0;
} 

.cardButton:hover {
    color: #FFFFFF;
    background-color: #1f2e3d;
}

.cardButton a, .appClickPanel a, .cardIcon a, .appIconCustomize a {
    border: 1px solid transparent;
}

.cardButton a:focus, .appClickPanel a:focus, .cardIcon a:focus, .appIconCustomize a:focus{
    border: 1px solid #f4c01f;
}

.cardButton.policyProtected, .cardButton.protected {
	cursor: not-allowed;
	opacity: 0.3;
}

.cardButton.policyProtected:hover, .cardButton.protected:hover {
	cursor: not-allowed;
    color: #344E67;
    background-color: transparent;
}

.cardButton25c1 {
    left: 2%;
    width: 23.5%
}

.cardButton25c2 {
    left: 26%;
    width: 23.5%
}

.cardButton25c3 {
    left: 51%;
    width: 23.5%
}

.cardButton25c4 {
    left: 75%;
    width: 23.5%
}

.cardButton33c1 {
    left: 2%;
    width: 31.3%
}

.cardButton33c2 {
    left: 34.3%;
    width: 31.3%
}

.cardButton33c3 {
    left: 66.6%;
    width: 31.3%
}

.cardButton50Float {
	position: relative !important;
	float: left;
    margin: 0 2%;
    padding: 0 2%;
    width: 42%;
    text-align: left;
}

.cardButton50c1 {
    left: 2%;
    width: 47.5%
}

.cardButton50c2 {
    left: 50.5%;
    width: 47.5%
}

.cardButton66 {
    left: 32%;
    width: 66%
}

.cardButton100 {
    left: 2%;
    width: 96%
}

.cardButtonAdd {
    -webkit-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
    color: #FFFFFF;
	background-color: #1f2e3d;
    font-size: 15px;
    text-align: center;
    height: 20px;
    line-height: 20px;
    padding: 1px 0;
    opacity: 0.4;
} 

.cardButtonAdd:before {
	content: '+ ';
} 

.cardButtonAdd:hover {
	opacity: 1;
}

.cardSpacerFloat {
	position: relative !important;
	float: left;
	width: 100%;
	height: 24px;
	z-index: -1;
}

.cardBox {
    left: 0;
    width: 100%;
    overflow: visible !important;
}

/* auf smartphone mit wenig breite doppelt grosse toolbar-elemente */
@media (max-width: 700px) {
	.toolbar {
		height: 72px;
	}

    .boxBodyAll .grpContentFloat {
        top: 72px;
    }

    .boxBodyAll.hideToolbar .grpContentFloat {
        top: 0;
    }
    	
	/* symmetrische anordnung */
	.themeIconSearch, .themeIconFirstrecord, .themeIconPreviousrecord, .themeIconRecordlist, .themeIconNextrecord, .themeIconLastrecord {
	    margin-left: 1%;
	}

	.themeIcons {
	    width: 6%;
	}
	
	.themeIconsSpacer {
	    width: 1%;
	}
	
	.themeIconsDelimiter {
	    width: 3%;
	}
	
	.themeModebox, .themeModeboxHidden {
	    width: 30%;
	}
	
	.themeIconsSpacerRight {
	    width: 1%;
	}
	
	/*	
    .grpContentAll {
        top: 94px;
    }
	*/
	
	.boxNavigation {
	    box-shadow: 0 72px 2px 0 #bcbcbc;
	}
}

/* kleiner header */	
@media (max-width: 520px) {
    /* ligna */
	/*
    .systemInfo {
        background-image: url('Default/Image/logo.svg');
        margin-left: -37px;
        top: 8px;
        width: 74px;
        height: 28px;
    }
	*/
	
    /* fortschrittsbalken nur unter icon */
    .ajaxAnimation {
        margin-left: -18px;
    }
    
    .ajaxRequest .ajaxAnimation {
        width: 36px;
    }

}

/* calendar */
.calendarContent {
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: 32px 8px 21px 8px;
}

.calendarLeft {
    overflow: auto !important;
    left: 0;
    width: 159px;
    top: 0;
    bottom: 0;
}

.calendarDateSelector {
    width: 157px;
    height: 28px !important;
    line-height: 28px !important;
    text-align: center;
    font-size: 14px;
}

.calendarCenter {
    overflow: auto !important;
    left: 167px;
    right: 0;
    top: 0;
    bottom: 0;
}

.floatFull {
    overflow: auto !important;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.calendarOrganizerPulldown {
    top: 222px;
    width: 127px;
    height: 28px !important;
    line-height: 28px !important;
}

.calendarOrganizerEdit {
    top: 222px;
    right: 0;
    height: 24px;
    width: 24px;
    padding: 2px;
    border: 1px solid #cccccc;
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-position: center center;
}

.calendarOrganizerEdit:hover {
    background-color: #344E67;
}

.calendarOrganizerGrid {
    top: 252px;
    left: 0;
    width: 159px;
    bottom: 0; 
} 

.calendarOrganizerGrid  .gridHeaderDefault {
    visibility: hidden !important;
}

.calendarOrganizerGrid .gridHeaderGroupDefault {
    visibility: hidden !important;
}

.calendarOrganizerGridbene .gridElementDefault {
    color: #000000;
    background-color: #dfdfdf;
    font-size: 10px;
    text-align: left;
    padding-left: 2px;
    padding-right: 2px;
    border-width: 0px;
}

.calendarOrganizerGrid .themePulldown {
    border-left-color: #829BB4;
    border-right-color: #829BB4;
    border-bottom-color: #829BB4;
    border-top-color: #829BB4;
    border-width: 1px;
    border-top-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    position: relative !important;
    margin-bottom: -20px;
    z-index: 10;
}

/*
@media (min-width: 700px) {
    .numCards1 .grpContentFloat {
        left: 50%;
        right: auto;
        margin-left: -350px;
        width: 700px;
    }
}
*/


.iconBlocked {
    background-image: url('Common/Icons/344E67/lock_closed_24px.svg');
    background-size: auto 18px;
    background-repeat: no-repeat;
    background-position: right center;
}

.iconUnblocked {
    background-image: url('Common/Icons/344E67/lock_open_24px.svg');
    background-size: auto 18px;
    background-repeat: no-repeat;
    background-position: right center;
}

input.barcodeInput:focus {
    background-image: url('Common/SmallIcons/qrCode_f4c01f.png');
    background-position: center right;
    background-repeat: no-repeat;
}

/* dms tags */
.grpDmsTag {
	float: left;
	background-color: #eeeeee;
    box-shadow: 0 0 2px 0 #bcbcbc;
    color: #344e67;
    margin: 4px;
    padding: 4px 8px 4px 8px;
    line-height: 20px;
}

.lblDmsTagText {
	margin: 0 4px 0 0;
	float: left;
}

.lblDmsTagAdd {
    -webkit-transition: background-size 0.25s ease-in-out;
    -moz-transition: background-size 0.25s ease-in-out;
    -o-transition: background-size 0.25s ease-in-out;
    transition: background-size 0.25s ease-in-out;

	float: left;
	width: 20px;
	height: 20px;
	background-image: url('Common/Icons/344E67/add_24px.svg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 66% 66%;
}

.lblDmsTagRemove {
	float: left;
	width: 20px;
	height: 20px;
	background-image: url('Common/Icons/344E67/remove_24px.svg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 66% 66%;
}

.lblDmsTagLock {
	float: left;
	width: 20px;
	height: 20px;
	background-image: url('Common/Icons/344E67/lock_closed_24px.svg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 66% 66%;
}

.lblDmsTagAdd:hover, .lblDmsTagRemove:hover, .lblDmsTagLock:hover {
	background-size: 90% 90%;
} 

.cardColor {
    height: 20px;
    width: 14px;
    border: 1px solid #cccccc;
    border-radius: 1px;
    box-sizing: content-box;
    font: 12px 'RobotoRegular', Arial, sans-serif;
}

.cardColor.open {
	background-color: #ffffff !important;
	background-image: url('Common/Icons/344E67/confirm.svg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}

.cardColorClear {
    height: 20px;
    width: 14px;
    margin-left: 2.5%;
    border-radius: 1px;
	background-image: url('Common/Icons/344E67/close_24px.svg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	display: none;
}

.colorPicker {
	z-index: 1;
}

.w1v6 {
	width: 9.5%;
	padding: 0 0.5%;
}

.c1v6 {
	left: 32%;
}
.c2v6 {
	left: 42.5%;
}
.c3v6 {
	left: 53%;
}
.c4v6 {
	left: 63.5%;
}
.c5v6 {
	left: 74%;
}
.c6v6 {
	left: 84.5%;
}
.dmsAddMarker {
	cursor: crosshair;
}
.dmsMarkerRectangle {
	opacity: 0.4;
}
.dmsMarkerBorder {
	border: 1px solid #000000;
}
/* hacks */
/* unsichtbar machen der listen widgets */
.widgetListGroup {
    display: none;
}

/* im 6x6 grid bei 3/2 mit breite 2 und hoehe 4 */
.widgetAssistantGroup {
    left: 25% !important;
    top: 25% !important;
    bottom: 25% !important;
    right: 25% !important;
    z-index: 1;
    margin: 8px;
    width: auto !important;
    height: auto !important;
    background-color: #ffecb3;
    box-shadow: 0 0 2px 0px #bcbcbc;
    overflow: auto !important;
}

.messageOfTheDay {
    display: none;
}


.motdActive .messageOfTheDay {
    overflow: auto !important;
    display: block;
    padding: 8px;
    background-color: #FFFFFF;
    color: #344E67;
    box-shadow: 0 0 2px 0px #bcbcbc;
    left: 16px;
    right: 16px;
    top:  16px;
    height: 96px;
}

.dashboardScrollPanel {
    top: 8px;
    left: 8px;
    right: 8px;
    bottom: 8px;
}

.motdActive .dashboardScrollPanel {
    top: 134px;
}
.motdActive .motd-img {
	float: right;	
	margin: 4px 5px 0 20px
}
.motdActive .text-left {

}

.dashboardBackground {
}

.dashboardContainer {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* backgrounds */
.dashboardBackgroundSeWhite {
    background-color: #ffffff;
    background-image: url('Common/Dashboard/Backgrounds/seWhite.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.dashboardBackgroundSeGrey {
    background-color: #ffffff;
    background-image: url('Common/Dashboard/Backgrounds/seGrey.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.dashboardBackgroundSeBlue {
    background-color: #ffffff;
    background-image: url('Common/Dashboard/Backgrounds/seBlue.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.gridPanel {
    box-sizing: border-box;
    padding: 8px;
}

.appIconBackground {
    top: 8px;
    left: 8px;
    bottom: 8px;
    right: 8px;
    background-color:#ffffff;
    box-shadow: 0 0 2px 0px #bcbcbc;
    border-radius: 4px;
}

.gridR1 { top: 0;} 
.gridR2 { top: 25%;} 
.gridR3 { top: 50%;} 
.gridR4 { top: 75%;} 

.gridC1 { left: 0;} 
.gridC2 { left: 25%;} 
.gridC3 { left: 50%;} 
.gridC4 { left: 75%;} 

.gridW1 { width: 25%;} 
.gridW2 { width: 50%;} 
.gridW3 { width: 75%;} 
.gridW4 { width: 100%;} 

.gridH1 { overflow: visible !important; height: 25%;} 
.gridH2 { overflow: visible !important; height: 50%;} 
.gridH3 { overflow: visible !important; height: 75%;} 
.gridH4 { overflow: visible !important; height: 100%;} 

/*
 5x4
.gridR1 { top: 0;} 
.gridR2 { top: 20%;} 
.gridR3 { top: 40%;} 
.gridR4 { top: 60%;} 
.gridR5 { top: 80%;} 

.gridC1 { left: 0;} 
.gridC2 { left: 25%;} 
.gridC3 { left: 50%;} 
.gridC4 { left: 75%;} 

.gridW1 { width: 25%;} 
.gridW2 { width: 50%;} 
.gridW3 { width: 75%;} 
.gridW4 { width: 100%;} 

.gridH1 { height: 20%;} 
.gridH2 { height: 40%;} 
.gridH3 { height: 60%;} 
.gridH4 { height: 80%;} 

 6x6
.gridR1 { top: 0;} 
.gridR2 { top: 16.7%;} 
.gridR3 { top: 33.3%;} 
.gridR4 { top: 50%;} 
.gridR5 { top: 66.7%;} 
.gridR6 { top: 83.3%;} 

.gridC1 { left: 0;} 
.gridA2 { left: 16.7%;} 
.gridA3 { left: 33.3%;} 
.gridA4 { left: 50%;} 
.gridA5 { left: 66.7%;} 
.gridA6 { left: 83.3%;} 

.gridW1 { width: 16.7%;} 
.gridW2 { width: 33.3%;} 
.gridW3 { width: 50%;} 
.gridW4 { width: 66.7%;} 
.gridW5 { width: 83.3%;} 
.gridW6 { width: 100%;} 

.gridH1 { height: 16.7%;} 
.gridH2 { height: 33.3%;} 
.gridH3 { height: 50%;} 
.gridH4 { height: 66.7%;} 
.gridH5 { height: 83.3%;} 
.gridH6 { height: 100%;} 
*/

.appIcon {
    -webkit-transition: background 0.25s ease-in-out;
    -moz-transition: background 0.25s ease-in-out;
    -o-transition: background 0.25s ease-in-out;
    transition: background 0.25s ease-in-out;
    top: 8px;
    left: 8px;
    right: 8px;
    bottom: 32px;
    background-repeat: no-repeat;
    background-size: contain;

    background-position: center center;
    
    margin: 5px 5%;
}

@media (min-width: 440px) {
    .appIcon {
        margin-left: 10%;
        margin-right: 10%;
    }
}

@media (min-width: 520px) {
    .appIcon {
        margin-left: 20%;
        margin-right: 20%;
    }
}

@media (min-width: 600px) {
    .appIcon {
        margin-left: 30%;
        margin-right: 30%;
    }
}

@media (min-height: 580px){
    .appIcon {
        margin-top: 10px;
        margin-bottom: 10px;
    }
}

@media (min-height: 660px){
    .appIcon {
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

@media (min-height: 740px){
    .appIcon {
        margin-top: 30px;
        margin-bottom: 30px;
    }
}

/*
@media (min-height: 820px){
    .appIcon {
        margin-top: 40px;
        margin-bottom: 40px;
    }
}

@media (min-height: 900px){
    .appIcon {
        margin-top: 50px;
        margin-bottom: 50px;
    }
}
*/
 
/*
.appIcon:hover {
    background-size: 100%;
}
*/

.appLabel {
    bottom: 18px;
    left: 8px;
    right: 8px;
    text-align: center;
    color: #344E67;
    font-size: 10px;
}

.appClickPanel {
    top: 8px;
    left: 8px;
    bottom: 8px;
    right: 8px;
    z-index: 2;
}

.appNotification {
    top: 8px;
    right: 16px;
    z-index: 30;
    color: #fff;
    background-color: #344e67; /* #344E67 */
    border-radius: 0 0 30px 30px;
    padding: 4px;
    min-width: 14px;
    text-align: center;
    /*text-shadow: 0px 0px 4px rgba(156,118,0,0.8);*/
    font-weight:bold;
    font-size:14px;
    /*box-shadow: 0px 0px 8px rgba(0,0,0,0.2);*/
}
@media (max-width: 440px) {
	.appNotification {
		font-size:11px;
	}
}
@media (max-width: 340px) {
	.appNotification {
		display:none;
	}
}

.appIconCustomize {
    -webkit-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
    top: 8px;
    left: 8px;
    bottom: 8px;
    right: 8px;
    background-color:#ffffff;
    border-radius: 4px;
    background-image: url('Common/Icons/344E67/wrench_24px.svg');
    background-size: 25% auto;
    background-repeat: no-repeat;
    background-position: top right;
    opacity: 0;
    z-index: 1;
}

.empty .appIconBackground,.empty .appIcon,.empty .appLabel,.empty .appClickPanel, .empty .appIconCustomize {
    display: none;
}

.customizeDashboard .appIconCustomize { 
    opacity: 0.75;
    z-index: 3;
    display: block;
}

.cardIconCustomize {
    -webkit-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding-right: 60px;
    font-size: 16px;
    line-height: 48px;
    text-align: right;
    background-color:#ffffff;
    border-radius: 4px;
    background-image: url('Common/Icons/344E67/wrench_24px.svg');
    background-size: 48px auto;
    background-repeat: no-repeat;
    background-position: top right;
    opacity: 0;
    z-index: -1;
}

.customizeCockpit .cardIconCustomize { 
    opacity: 1;
    z-index: 9;
    display: block;
}


/* klein: 80x80 */
@media (min-width: 440px) {
    .appLabel {
        font-size: 12px;
    }
    
    .menuVisible .appLabel {
        font-size: 10px;
    } 
}

/* mittel: 100x100 */
@media (min-width: 520px) and (min-height: 610px){
    .appLabel {
        font-size: 14px;
    }

    .menuVisible .appLabel {
        font-size: 12px;
    } 
}

/* gross: 120x120 */
@media (min-width: 600px) and (min-height: 520px){
    .appLabel, .menuVisible .appLabel{
        font-size: 16px;
    }
}

/* Gültige Icon klassen für Dashbaord:
    People
    Shipping
    Document
    Clipboard
    Puzzle
    Tag
    Wrench
*/

.appIconImagePeople {
    background-image: url('Common/Icons/344E67/people_24px.svg');
}

.appIconImageShipping {
    background-image: url('Common/Icons/344E67/shipping_24px.svg');
}

.appIconImageDocument {
    background-image: url('Common/Icons/344E67/document_24px.svg');
}

.appIconImageClipboard {
    background-image: url('Common/Icons/344E67/clipboard_24px.svg');
}

.appIconImagePuzzle {
    background-image: url('Common/Icons/344E67/puzzle_24px.svg');
}

.appIconImageTag {
    background-image: url('Common/Icons/344E67/tag_24px.svg');
}

.appIconImageWrench {
    background-image: url('Common/Icons/344E67/wrench_24px.svg');
}

/* lock des dashboards ab 800x800 pixeln */

@media (min-width: 980px) {
    .dashboardScrollPanel {
        left: 50%;
        margin-left: -390px;
        width: 780px;
        right: auto;
    }
    
    .motdActive .messageOfTheDay {
        left: 50%;
        margin-left: -382px;
        width: 748px;
        right: auto;
    } 
}

@media (min-height: 800px) {
    .dashboardScrollPanel {
        top: 50% !important;
        margin-top: -365px;
        height: 730px;
        bottom: auto;
    } 

    .motdActive .dashboardScrollPanel {
        margin-top: -245px;
        height: 610px;
    }

    .motdActive .messageOfTheDay {
        top: 50%;
        margin-top: -365px;
        height: 96px;
        bottom: auto;
    } 
}

/* bis 800px breite wird bei ausgekapptem menü der innenabstand horizontal reduziert */
@media (max-width: 700px) {
    .menuVisible .appIconBackground {
        left: 2px;
        right: 2px;
    }

    .menuVisible .appLabel {
        left: 2px;
        right: 2px;
    }
    
    .menuVisible .widgetAssistantGroup {
        margin: 8px 2px;
    }
    
    .menuVisible .dashboardScrollPanel {
        left: 2px;
        right: 2px;
    }
}
.messageBlock {
	position: fixed !important;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #FFFFFF;
	filter: alpha(opacity = 75);
	opacity: 0.75;
	-webkit-animation: blockIn 0.25s ease-in;
	z-index: 800;
}

@-webkit-keyframes blockIn { 0% 
 {
	opacity: 0;
 }
 100%
 {
  -webkit-transform: opacity:0.1;
 }
}

/* Infozeile */
.messageInfoContainer {
	left: 200px;
	top: 646px;
	width: 995px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	padding: 1px;
	height: 14px;
	line-height: 14px;
	-webkit-transition: all 0.75s ease-in-out;
	-moz-transition: all 0.75s ease-in-out;
	-o-transition: all 0.75s ease-in-out;
	transition: all 0.75s ease-in-out;
	z-index: 180;
	opacity: 1;
}

.messageInfoContainerHidden {
	left: 200px;
	top: 646px;
	width: 995px;
	background-color: #FFFFFF;
	color: #003366;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	padding: 1px;
	height: 14px;
	line-height: 14px;
	border-top: 1px dotted #003366;
	-webkit-transition: all 0.75s ease-out;
	-moz-transition: all 0.75s ease-out;
	-o-transition: all 0.75s ease-out;
	transition: all 0.75s ease-out;
	z-index: 180;
	opacity: 0;
	filter: alpha(opacity = 0);
}
.messageInfo {
	-webkit-transition: all 0.75s ease-out;
	-moz-transition: all 0.75s ease-out;
	-o-transition: all 0.75s ease-out;
	transition: all 0.75s ease-out;
	width: 100%;
	left: 0;
}

.messageInfoNoMenu {
	-webkit-transition: all 0.75s ease-out;
	-moz-transition: all 0.75s ease-out;
	-o-transition: all 0.75s ease-out;
	transition: all 0.75s ease-out;
	width: 100%;
	left: 0;
}


.messageInfoHidden {
	width: 100%;
	left: 0;
}

.messageNotificationContainer, .messageNotificationContainerHidden {
    overflow: auto !important;
    left: 38px;
    right: 38px;
    background-color: #FFFFFF;
    color: #344E67;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    max-height: 180px;
    -webkit-transition: top 0.25s ease-in-out;
    -moz-transition: top 0.25s ease-in-out;
    -o-transition: top 0.25s ease-in-out;
    transition: top 0.25s ease-in-out;
    box-shadow: 0 0 2px 0px #bcbcbc;
    z-index: 1000;
    opacity: 1;
}

.messageNotificationContainer {
    top: 0px;
}

.messageNotificationContainerHidden {
    top: -190px;
}

.messageNotification {
	position: relative !important;
	border-bottom: 1px solid #D0DAE4;
	padding: 5px 18px;
}

.messageNotificationHidden {
	position: relative !important;
	border-bottom: 1px solid #D0DAE4;
	padding: 5px 18px;
}

.messageNotificationHide {
	background-image: url('./Common/Toolbar/344E67/exit.svg');
	background-size: cover;
	width: 30px;
	height: 30px;
    top: 0;
    right: 0;
    z-index: 1;
}


/* Anker für den Dialog */
.messageAnchor {
	overflow: visible !important;
	left: 500px;
	top: 130px;
	position: fixed !important;
	z-index: 801;
}

.messageGroup {
	background: #ffffff;
	overflow: visible !important;
	position: relative !important;
	width: 400px;
	left: 0px;
	-webkit-animation: messageIn 0.25s ease-in;
	border-radius: 1px;
    box-shadow: 0 0 2px 0px #bcbcbc;
}

@
-webkit-keyframes messageIn { 0% {
	-webkit-transform: translate(0px, -200px) scale(0.1);
	opacity: 0;
}

100%
{
-webkit-transform
:
opacity
:
1;
}
}

.messageCancel {
    -webkit-transition: background-color 0.25s ease-in-out;
    -moz-transition: background-color 0.25s ease-in-out;
    -o-transition: background-color 0.25s ease-in-out;
    transition: background-color 0.25s ease-in-out;
	right: 0;
	top: 0;
	width: 34px;
	height: 34px;
    background-size: contain;
    z-index: 2;
    background-image: url('Common/Toolbar/FFFFFF/exit.svg');
}

.messageCancel:hover {
    background-color: #1f2e3d;
}

.messageDescription {
	position: relative !important;
	padding: 16px;
	background-color: #FFFFFF;
	max-height: 300px;
	overflow: auto !important;
    color: #222222;
    font-size: 14px;
}

/* Inputs */
.messageInputsGroup {
	position: relative !important;
	font-size: 12px;
	padding: 4px;
	background-color: #FFFFFF;
	border-left: 1px solid #99AADD;
	border-right: 1px solid #99AADD;
	max-height: 300px;
	overflow: auto !important;
}

.messageInputLabel, .messageInputLabelCheckbox, .messageLabelPulldownSmall {
	position: relative !important;
	font-size: 12px;
	padding: 2px 10px;
    color: #666666;
	height: 20px;
	line-height: 20px;
	width: 100px;
	margin: 4px 0;
	clear: left;
	float: left;
}

.messageInputLabelCheckbox {
	width: 320px;
}

.messageLabelPulldownSmall {
	width: 280px;
}


.messageInputTitle {
	position: relative !important;
	font-size: 14px;
	font-weight: bold;
	padding: 2px 10px;
    color: #666666;
	height: 20px;
	line-height: 20px;
	width: 100px;
	margin: 4px 0;
	clear: left;
	float: left;
}


input.messageInput {
	position: relative !important;
	padding: 2px 2px !important;
	height: 20px;
	line-height: 20px;
	width: 240px;
	margin: 4px 0 !important;
	float: left;
    border: 1px solid #cccccc;
    border-radius: 1px;
}

input.messageInput:focus {
    border-color: #f4c01f;
    background-color: #f4f4f4;
}

input.messageInputBtn {
	position: relative !important;
	padding: 2px 2px;
	font-weight: bold;
	height: 20px;
	line-height: 20px;
	width: 200px;
	margin: 4px 0;
	float: left;
}

.messageButton {
	position: relative !important;
	padding: 2px 2px;
	font-weight: bold;
	height: 20px;
	line-height: 20px;
	width: 40px;
	margin: 4px 0;
	float: left;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat no-repeat;
}


.messagePulldown {
	position: relative !important;
	padding: 2px 2px !important;
	font-weight: bold;
	line-height: 20px;
	width: 240px;
	margin: 4px 0 !important;
	float: left;
	height: 24px;
	font-size: 12px;
	font-weight: normal;
}

.messagePulldownSmall {
	position: relative !important;
	padding: 2px 2px !important;
	font-weight: bold;
	line-height: 20px;
	width: 60px;
	margin: 4px 0 !important;
	float: left;
	height: 24px;
	font-size: 12px;
	font-weight: normal;
}

.messageCheckbox {
	position: relative !important;
	padding: 2px 2px !important;
	font-weight: bold;
	height: 20px;
	line-height: 20px;
	margin: 4px 0 !important;
	float: left;
}

.messageRadio {
	position: relative !important;
	padding: 2px 2px !important;
	font-weight: bold;
	height: 20px;
	line-height: 20px;
	margin: 4px 0 !important;
	float: left;
}

textarea.messageInput {
	position: relative !important;
	padding: 2px 2px;
	font-weight: bold;
	height: 60px;
	line-height: 20px;
	width: 240px;
	margin: 4px 0;
	float: left;
	overflow: auto !important;
}

/* Listen */
.messageListItemsGroup {
	position: relative !important;
	font-size: 12px;
	padding: 4px;
	background-color: #FFFFFF;
	border-left: 1px solid #99AADD;
	border-right: 1px solid #99AADD;
	max-height: 165px;
	overflow: auto !important;
}


/* Buttons */
.messageOptionsGroup {
	position: relative !important;
	font-size: 12px;
	padding: 4px;
	background-color: #FFFFFF;
	min-height: 16px;
    border-radius: 0 0 1px 1px;
}

input.inputInvalid {
	border-color: red !important;
}

.messageCalenderEventLeft {
	/*left: 166px;*/
	left: 300px;	
}

.messageCalendarEventTop {
	top: 114px;
}
	

.messageCalendarEventWidth {
	/*width: 1035px;*/
	width: 750px;
}

.messageCalendarEventMaxHeight {
	max-height: 360px;
}

.messageHtmlEventViewerLeft {
	left: 50%;
}

.messagemessageHtmlEventViewerTop {
	top: 10%;
}

.messagemessageHtmlEventViewerWidth {
	left: 0;
	margin-left: -300px;
	width: 600px;
}

.messageHtmlEventViewerMaxHeight {
	max-height: 650px;
}

.messageStockListLeft {
	left: 50%;
}

.messageStockListTop {
	top: 10%;
}

.messageWidth700 {
 left: 0;
 margin-left: -150px;
 width: 700px;
}

/* TODO: umbauen, da viele der messages nicht korrekt positioniert sind */
.messageStockListWidth {
	left: 0;
	margin-left: -150px;
	width: 700px;
}

.messageStockListMaxHeight {
	max-height: 600px;
}

.messageUnitLeft {
	left: 50%;
}

.messageUnitTop {
	top: 10%;
}

.messageUnitWidth {
	left: 0;
	margin-left: -400px;
	width: 520px;
}

.messageUnitMaxHeight {
	max-height: 600px;
}

/* Fullscreen message */ /* Anker für den Dialog */
.messageAnchorFullscreen {
	position: fixed !important;
	overflow: visible !important;
	left: 199px;
	right: 199px;
	top: 38%;
	z-index: 801;
}

.messageGroupFullscreen {
	overflow: visible !important;
	top: -250px;
	left: 0px;
	right: 0px;
	height: 475px;
	-webkit-animation: messageIn 0.25s ease-in;
}

.messageInputsGroupFullscreen {
	position: relative !important;
	font-size: 12px;
	padding: 4px;
	background-color: #FFFFFF;
	border-left: 1px solid #99AADD;
	border-right: 1px solid #99AADD;
	overflow: auto !important;
}

.messageOptionsGroupFullscreen {
	position: relative !important;
	font-size: 12px;
	padding: 4px;
	background-color: #FFFFFF;
	min-height: 16px;	
}

.messageInputFullscreen {
	width: 100%;
	height: 100%;
}

.messageAnchorFullscreen .mceLayout {
	width: 100% !important;
}
.messageRegisterLeft {
	left: 50%;
}

.messageRegisterTop {
	top: 10%;
}

.messageRegisterWidth {
	left: 0;
	margin-left: -400px;
	width: 800px;
}

.messageRegisterMaxHeight {
	overflow: auto !important;
	overflow-x: hidden !important;
	overflow-y: auto;
}
.messagePrintEditorLeft {
	left: 50%;
}

.messagePrintEditorTop {
	top: 5%;
}

.messagePrintEditorWidth {
	left: 0;
	margin-left: -500px;
	width: 1000px;
}
.messageGridLeft {
	left: 50%;
}

.messageGridTop {
	top: 5%;
}

.messageGridWidth {
	left: 0;
	margin-left: -225px;
	width: 450px;
}
.messagePrintEditorMaxHeight {
	overflow: auto !important;
	overflow-x: hidden !important;
	overflow-y: auto;
}
.messageInsideGroup {
	position: relative !important;
}

.progressBar {
	background-image: url("./../Image/Message/processBar.gif");
    background-position: center top;
    background-repeat: no-repeat;
    padding-top: 24px;
}

.messageInfoContainer {
    position: fixed !important;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    top: auto;
    background-color: transparent;
    border-top: none;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    font-weight: normal;
    padding: 0;
}

.messageInfoContainerHidden {
    position: fixed !important;
    overflow: hidden !important;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    top: auto;
    background-color: transparent;
    border-top: none;
    line-height: 20px;
    font-size: 14px;
    font-weight: normal;
    height: 0;
    padding: 0;
}

.messageInfo {
    left: 0;
    right: 0;
    width: auto;
    bottom: 0;
    background-color: #f4c01f;
    color: #FFFFFF;
    height: 20px;
}

.messageInfoHidden {
    left: 0;
    right: 0;
    width: auto;
    background-color: #f4c01f;
    bottom: 0;
    color: #FFFFFF;
    height: 20px;
}

.messageInfoNoMenu {
    left: 0;
    right: 0;
    width: auto;
    background-color: #f4c01f;
    border-top: 1px solid #FFFFFF;
    bottom: 0;
    color: #FFFFFF;
}

/* message */
.messageAnchor {
    left: 50%;
    margin-left: -200px;
}


.messageTitle {
    position: relative !important;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    padding: 4px;
    min-height: 28px;
    background-color: #344E67;
    color: #ffffff;
    z-index: 1;
    border-radius: 1px 1px 0 0;
}

.messageInputsGroup {
    border-width: 0;
}

.messageListItemsGroup {
    border-width: 0;
}

.messageOption {
    -webkit-transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out;
    -moz-transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out;
    -o-transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out;
    transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out;

    position: relative !important;
    float: left;
    padding: 4px 8px;
    margin: 4px 2px;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    height: 22px;
    line-height: 22px;
    min-width: 40px;
    text-align: center;
    /*
    background-color: #transparent;
    */
	text-decoration: underline;
   
    color: #344E67;
    /*
    background-color: #f8f8f8;
    */
}

.messageOption:hover {
    color: #FFFFFF;
    background-color: #1f2e3d;
}

.messageOption A:focus, .messageOption A:active {
	border: 1px solid #f4c01f;
}

textarea.themeInput {
    border-width: 1px;
}

.messageListItem, .messageListItemSelected {
    -webkit-transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out;
    -moz-transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out;
    -o-transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out;
    transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out;

    position: relative !important;
    padding: 4px;
    font-size: 14px;
    line-height: 20px;
    left: 32px;
    width: 314px;
}

.messageListItem {
    color: #344E67;
}

.messageListItemSelected {
    color: #FFFFFF;
    background-color: #344E67;
}

.messageListItem:hover, .messageListItemSelected:hover {
    color: #FFFFFF;
    background-color: #1f2e3d;
}

/* Upload */

.uploadDrop {
    border: 1px solid #f4c01f;
    background-color: #f4f4f4;
    padding: 30px 10px;
    cursor: pointer;
    text-align: center; 
    height: 160px;
}

.messageInputMultiupload {
    position: relative !important;
    font-size: 12px;
    padding: 0 10px;
    line-height: 20px;
}

.uploadOverall {
    width: 100%;
    height: 20px;
    margin-top: 5px;
    margin-top: 5px;
    background-color: #f4f4f4;
    color: #ffffff;
}

.message-barcode {
	position: relative !important;
	padding: 10px;
    left: 50%;
    margin-left: -60px;
    width: 100px;
}

.messageOptionsGroup {
	max-height: 400px;
    overflow: auto !important;
}
.cockpit {

}
.cockpit .cardTitle {
    padding: 3px 10px !important;
}
.cockpit .cards {
	position: relative !important;
	overflow: visible !important;
	margin: 10px 4px;
}
.cockpit .card {
	overflow: visible !important;
	top: 0;
	bottom: 0;
	right: 0;
	background-color: #ffffff;
	margin: 4px;
	opacity: 1;
	box-shadow: 0 0 2px 0px #bcbcbc;
	border-radius: 1px;
	float:left;
	min-height:405px;
}

.cockpit .card.width-25 {
	width: calc(33% - 8px)
}
.cockpit .card.width-50 {
	width: calc(50% - 8px)
}
.cockpit .card.width-75 {
	width: calc(75% - 8px)
}
.cockpit .card.width-100 {
	width: calc(100% - 8px)
}


@media only screen and (max-width: 1800px){
	.cockpit .card.width-25, .cockpit .card.width-50, .cockpit .card.width-75  {
		width: calc(50% - 8px)
	}
}
@media only screen and (max-width: 940px){
	.cockpit .card.width-25, .cockpit .card.width-50, .cockpit .card.width-75  {
		width: calc(100% - 8px)
	}
}
.cardButtonTouch {
    -webkit-transition: background 0.25s ease-in-out;
    -moz-transition: background 0.25s ease-in-out;
    -o-transition: background 0.25s ease-in-out;
    transition: background 0.25s ease-in-out;
	background:#f7f7f7;
	color:#333;
	border:1px solid #cbcbcb;
	font-weight:bold;
	padding:8px 0 8px 8px;
	text-decoration:none;
	text-align: left;
	box-sizing: border-box;
	cursor: pointer;
}

.cardButtonTouch.w25 {
	width: 15.75%;
}
.cardButtonTouch.w50 {
	width: 32.5%;
}
.cardButtonTouch.w75 {
	width: 49.25%;
}
.cardButtonTouch.center {
	padding:3px 0;
	text-align: center;
	font-size:19px;
}

.cardButtonTouch.centerSmall {
	padding: 6px 0;
	text-align: center;
	font-size:12px;
}

.cardButtonTouch.center.plus {
	height:114px;
	padding:40px 0;
}
.cardButtonTouch.enter	{
	padding:37px 0 0 0;
	background: #f7f7f7 url(././Common/Icons/333333/enter.svg) no-repeat 50% 8px;
	background-size:35px;
	height:75px;
}
.cardButtonTouch.icon {
	padding:8px 0 8px 40px;
	background: #344E67 url(././Common/Icons/333333/arrows.svg) no-repeat 8px 50%;
	background-size:25px;
	color:#fff;
	letter-spacing:0.75px;
	border:1px solid #344E67;
}
.cardButtonTouch.icon.arrows 	{background-image: url(././Common/Icons/FFFFFF/arrows.svg);}
.cardButtonTouch.icon.list 		{background-image: url(././Common/Icons/FFFFFF/list.svg);}
.cardButtonTouch.icon.user 		{background-image: url(././Common/Icons/FFFFFF/user.svg);}
.cardButtonTouch.icon.close		{background-image: url(././Common/Icons/FFFFFF/close.svg);}
.cardButtonTouch.icon.park 		{background-image: url(././Common/Icons/FFFFFF/park.svg);}
.cardButtonTouch.icon.euro 		{background-image: url(././Common/Icons/FFFFFF/euro.svg);}

.cardButtonTouch.icon:hover{
	background-color:#436485;
}
.cardButtonTouch:hover{
	background-color:#e7e7e7;
}

.cardButtonTouch.active {
	background:#F4C01F;
}

.cardButtonTouch.active:hover{
	background:#F7CF59;
}

.cardButtonTouch.banknote {
	height:55px;
	background: #fff url(././Common/Icons/FFFFFF/euro-5.svg) no-repeat 50% 50%;
	background-size:85%;
	color:#fff;
	border:1px solid #fff;
}
.cardButtonTouch.banknote.euro-5 	{background-image: url(././Common/Image/euro-5.jpg);}
.cardButtonTouch.banknote.euro-10 	{background-image: url(././Common/Image/euro-10.jpg);}
.cardButtonTouch.banknote.euro-20 	{background-image: url(././Common/Image/euro-20.jpg);}
.cardButtonTouch.banknote.euro-50	{background-image: url(././Common/Image/euro-50.jpg);}
.cardButtonTouch.banknote.euro-100 	{background-image: url(././Common/Image/euro-100.jpg);}
.cardButtonTouch.banknote.euro-200 	{background-image: url(././Common/Image/euro-200.png);}
.cardButtonTouch.banknote:hover{
	background-color:#344E67;
}

.cardLabel.note, .cardLabel.coin {
	background-size: contain;
	background-repeat: no-repeat;
	padding-left: 25px;
	margin-left: 10px;
}
.cardLabel.note {
	padding-left: 50px; 
}
.cardLabel.note.euro-5 		{background-image: url(././Common/Image/euro-5.jpg);}
.cardLabel.note.euro-10 	{background-image: url(././Common/Image/euro-10.jpg);}
.cardLabel.note.euro-20 	{background-image: url(././Common/Image/euro-20.jpg);}
.cardLabel.note.euro-50		{background-image: url(././Common/Image/euro-50.jpg);}
.cardLabel.note.euro-100 	{background-image: url(././Common/Image/euro-100.jpg);}
.cardLabel.note.euro-200 	{background-image: url(././Common/Image/euro-200.png);}
.cardLabel.note.euro-500 	{background-image: url(././Common/Image/euro-500.jpg);}

.cardLabel.coin.cent-1 	{background-image: url(././Common/Image/coin-1cent.jpg);}
.cardLabel.coin.cent-2 	{background-image: url(././Common/Image/coin-2cent.jpg);}
.cardLabel.coin.cent-5 	{background-image: url(././Common/Image/coin-5cent.jpg);}
.cardLabel.coin.cent-10	{background-image: url(././Common/Image/coin-10cent.jpg);}
.cardLabel.coin.cent-20	{background-image: url(././Common/Image/coin-20cent.jpg);}
.cardLabel.coin.cent-50	{background-image: url(././Common/Image/coin-50cent.jpg);}
.cardLabel.coin.euro-1 	{background-image: url(././Common/Image/coin-1euro.jpg);}
.cardLabel.coin.euro-2 	{background-image: url(././Common/Image/coin-2euro.jpg);}



.inputH  {
	box-sizing: border-box !important;
	height:30px !important;
}

.favEditControls {
    -webkit-transition: height 0.25s ease-in-out;
    -moz-transition: height 0.25s ease-in-out;
    -o-transition: height 0.25s ease-in-out;
    transition: height 0.25s ease-in-out;
	top: 24px;
	height: 0;
	left: 1%;
	right: 1%;
	
}

.favEditControls.editFavorites {
	height: 74px;
}

.favContainer {
    -webkit-transition: top 0.25s ease-in-out;
    -moz-transition: top 0.25s ease-in-out;
    -o-transition: top 0.25s ease-in-out;
    transition: top 0.25s ease-in-out;
	top: 24px;
	left: 1%;
	right: 1%;
	bottom: 8px;
}

.favContainer.editFavorites {
	top: 98px;
}

/*
.favBox {
	position: relative !important;
	float: left;
	width: 18%;
	height: 18%;
	border: 1px #cbcbcb solid;
	box-sizing: border-box;
	background:#f7f7f7;
	margin: 1%;
	text-shadow: 1px 1px 0px #fff,-1px -1px 0px #fff,-1px 1px 0px #fff,1px -1px 0px #fff,1px 0 0px #fff,-1px 0 0px #fff,0 1px 0px #fff,0 -1px 0px #fff;
}

.favBox.blue {
	background:#344E67;
	border: 1px #344E67 solid;
	color:#fff;
	text-shadow: 1px 1px 0px #000,-1px -1px 0px #000,-1px 1px 0px #000,1px -1px 0px #000,1px 0 0px #000,-1px 0 0px #000,0 1px 0px #000,0 -1px 0px #000;
}
.favBox.blue:hover{
	background-color:#426384;
}
.favBox.yellow {
	background:#F4C01F;
	border: 1px #F4C01F solid;
	color:#fff;
	text-shadow: 1px 1px 0px #000,-1px -1px 0px #000,-1px 1px 0px #000,1px -1px 0px #000,1px 0 0px #000,-1px 0 0px #000,0 1px 0px #000,0 -1px 0px #000;
}
.favBox.yellow:hover{
	background-color:#F7CF59;
}
*/

.grpFav {
	position: relative !important;
	float: left;
	width: 20%;
	height: 20%;
}

/* leere buttons ausblenden */
.grpFav.empty {
	opacity: 0;
}

/* leere buttons im edit modus einblenden */
.editFavorites .grpFav.empty {
	opacity: 1;
}

.favImage {
	top: 8px;
	left: 8px;
	bottom: 8px;
	right: 8px;
	border: 1px #cbcbcb solid;
	background-color:#f7f7f7;
	background-repeat: no-repeat;
	background-position:center center;
	background-size: cover;
}

.favImage.layer {
	border: 1px #f4c01f solid;
}


.favLabel {
	top: 8px;
	left: 8px;
	bottom: 8px;
	right: 8px;
	padding:10px;

	font-size:16px;
	font-weight:bold;
	text-align:center;
	word-wrap: break-word;
	display:flex;
	flex-direction:column;
	justify-content:center;
	text-shadow: 1px 1px 0px #fff,-1px -1px 0px #fff,-1px 1px 0px #fff,1px -1px 0px #fff,1px 0 0px #fff,-1px 0 0px #fff,0 1px 0px #fff,0 -1px 0px #fff;
}
.favLabel.blue {
	/* dirty hack für michael: 1/3 höhe des buttons */
	background:#fff url(././Common/Image/favLabelGreen.jpg) repeat-x;
	background-size:contain;
	color:#fff;
	text-shadow: 1px 1px 0px #000,-1px -1px 0px #000,-1px 1px 0px #000,1px -1px 0px #000,1px 0 0px #000,-1px 0 0px #000,0 1px 0px #000,0 -1px 0px #000;
}
.favLabel.blue:hover{
	background-color:#426384;
}
.favLabel.yellow {
	background:#F4C01F;
	border: 1px #F4C01F solid;
	color:#fff;
	text-shadow: 1px 1px 0px #000,-1px -1px 0px #000,-1px 1px 0px #000,1px -1px 0px #000,1px 0 0px #000,-1px 0 0px #000,0 1px 0px #000,0 -1px 0px #000;
}
.favLabel.yellow:hover{
	background-color:#F7CF59;
}


.favClickPanel {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background:rgba(255,255,255,0);
	transition:all 0.2s;
	z-index: 2;
}

.favClickPanel:hover {
	background:rgba(255,255,255,0.2);
}


/* columns */ 
/*
.favBox:nth-child(5n-2)	{left:2%;}
.favBox:nth-child(5n-1) {left:21.6%;}
.favBox:nth-child(5n) 	{left:41.2%;}
.favBox:nth-child(5n+1) {left:60.8%;}
.favBox:nth-child(5n+2) {left:80.4%;}
*/

/* rows */
/*
.favBox:nth-child(-n+7)					 {top:5%;}
.favBox:nth-child(n+8):nth-child(-n+12)  {top:24%;}
.favBox:nth-child(n+13):nth-child(-n+17) {top:43%;}
.favBox:nth-child(n+18):nth-child(-n+22) {top:62%;}
.favBox:nth-child(n+23):nth-child(-n+27) {top:81%;}
*/

.favEdit {
    -webkit-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color:#ffffff;
    background-size: 25% auto;
    background-repeat: no-repeat;
    background-position: top right;
    opacity: 0;
    z-index: 1;
}

.editFavorites .favEdit { 
    opacity: 0.75;
    z-index: 3;
    display: block;
}

.editFavorites.assignArticle .favEdit, .editFavorites.assignLayer .favEdit {
    background-image: url('Common/Icons/344E67/search_24px.svg');
}

.editFavorites.styleButton .favEdit {
    background-image: url('Common/Icons/344E67/edit.svg');
}

.editFavorites.removeButton .favEdit {
    background-image: url('Common/Icons/344E67/close_24px.svg');
}


/* message */
.messageUnitLeft {
	left: 50%;
}

.messageUnitTop {
	top: 10%;
}

.messageUnitWidth {
	left: 0;
	margin-left: -240px;
	width: 520px;
}

.messagePosWidth {
	left: 0;
	margin-left: -240px;
	width: 920px;
}

.messagePosWidth510 {
	left: 0;
	margin-left: -60px;
	width: 510px;
}

.messageUnitMaxHeight {
	max-height: 600px;
}
.tasker {
	position: absolute;
	overflow: visible !important;
	-webkit-transition: top 0.25s ease-in-out, opacity 0.25s ease-in-out,
		right 0.25s ease-in-out;
	-moz-transition: top 0.25s ease-in-out, opacity 0.25s ease-in-out, right
		0.25s ease-in-out;
	-o-transition: top 0.25s ease-in-out, opacity 0.25s ease-in-out, right
		0.25s ease-in-out;
	transition: top 0.25s ease-in-out, opacity 0.25s ease-in-out, right
		0.25s ease-in-out;
	top: -100%;
	opacity: 0;
	left: 0;
	right: 0;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.75);
	z-index: 800;
}

.tasker.open {
	top: 0;
	opacity: 1;
}

.tasker .dashboard {
	position: absolute;
	overflow: visible !important;
	-webkit-transition: right 0.25s ease-in-out;
	-moz-transition: right 0.25s ease-in-out;
	-o-transition: right 0.25s ease-in-out;
	transition: right 0.25s ease-in-out;
	top: 0;
	left: 210px;
	right: 310px;
	bottom: 10px;
	background-color: #181818;
	border-radius: 0 0 4px 4px;
}

/* wenn der messenger sichtbar ist, rechts platz dafür machen */
.messengerVisible .tasker {
	right: 300px;
}

.messengerVisible .tasker .dashboard {
	right: 10px;
}

.tasker .dashboard .sidebar {
	position: absolute;
	top: 0;
	left: 0;
	width: 200px;
	bottom: 0;
}

.tasker .dashboard .main {
	position: absolute;
	overflow: auto !important;
	-ms-overflow-style: none; /* IE and Edge */
	scrollbar-width: none; /* Firefox */
	top: 0;
	left: 200px;
	right: 0;
	bottom: 10px;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.tasker .dashboard .main::-webkit-scrollbar {
	display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.example {
	
}

.tasker .dashboard .icon {
	width: 24px;
	height: 24px;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}

.tasker .dashboard .close {
	position: absolute;
	background-color: #222222;
	color: #ffffff;
	text-align: center;
	left: 100%;
	top: 0;
	width: 24px;
	height: 24px;
	line-height: 24px;
}

.tasker .dashboard .refresh {
	position: absolute;
	background-color: #222222;
	color: #ffffff;
	text-align: center;
	left: 100%;
	top: 24px;
	width: 24px;
	height: 24px;
	line-height: 24px;
}

/* sidebar */
.tasker .dashboard .sidebar .actions {
	top: 0;
	left: 0;
	width: 198px;
	height: 48px;
	background-color: #222222;
	border: 1px solid rgba(255, 255, 255, 0.05);
}

.tasker .dashboard .sidebar .actions .icon {
	position: relative !important;
	float: left;
	padding: 13px 7px 1px 7px;
	height: 33px;
	width: 35px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 18px;
}

.tasker .dashboard .sidebar .actions .icon.active {
	background-color: #444444;
}

/* main */
.tasker .dashboard .main .container {
	position: relative !important;
	margin: 12px 12px 0 12px;
	float: left;
	width: calc(100% - 24px);
	min-height: 28px;
}

.tasker .dashboard .main .container input, .tasker .dashboard .main .container textarea
	{
	position: relative !important;
	padding: 0px 40px 0 200px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 0;
	z-index: 2;
	height: 28px;
	font-size: 13px;
	width: 100%;
	font-family: 'Open Sans', sans-serif;
	background: none;
	color: #FFFFFF;
}

.tasker .dashboard .main .container .label {
	position: absolute;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 14px;
	color: #ffffff;
	background-color: #111111;
	padding: 0 10px 0 10px;
	margin: 0;
	height: 28px;
	line-height: 25px;
	border: 1px solid #444444;
	-webkit-transition: border 0.2s;
	-o-transition: border 0.2s;
	transition: border 0.2s;
	width: 100%;
	top: 0;
	border-radius: 4px;
}

/* multiline eingabefeld */
.tasker .dashboard .main .container.create .label, .tasker .dashboard .main .container.create textarea
	{
	height: 75px;
}

.tasker .dashboard .main .container textarea {
	padding-top: 5px;
}

.tasker .dashboard .main .container .icon {
	width: 36px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	z-index: 2;
	-webkit-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	transition: opacity 0.2s;
	background-repeat: no-repeat;
	background-position: 50% 5px;
	background-size: 18px;
}

/* views */
.tasker .dashboard .main .views {
	position: relative !important;
	width: 100%;
}

.tasker .dashboard .main .views .view {
	position: relative !important;
	margin: 12px 12px 0 12px;
	background-color: #222222;
	padding: 4px;
	border-radius: 4px;
}

.tasker .dashboard .main .views .view .header {
	position: relative !important;
}

.tasker .dashboard .main .views .view .header .icon {
	position: relative !important;
	float: left;
	color: #bcbcbc;
	text-align: center;
	font-size: 1.25em;
	height: 24px;
	line-height: 24px;
	margin: 1px;
	padding: 2px 0;
}

.tasker .dashboard .main .views .view .header .label {
	position: relative !important;
	float: left;
	color: #bcbcbc;
	text-align: center;
	font-size: 1.25em;
	height: 24px;
	line-height: 24px;
	margin: 1px;
	padding: 2px 6px;
}

.tasker .dashboard .main .views .view .header .title {
	position: relative !important;
	float: left;
	color: #dddddd;
	text-align: center;
	font-size: 1.25em;
	height: 24px;
	line-height: 24px;
	margin: 1px;
	padding: 2px 6px;
}

.tasker .dashboard .main .views .view .data {
	position: relative !important;
}

.tasker .dashboard .main .views .view .data .task {
	position: relative !important;
}

.tasker .dashboard .main .views .view .data .task .icon {
	position: relative !important;
	float: left;
	height: 30px;
	background-position: center center;
	background-size: 18px 18px;
	background-repeat: no-repeat;
	padding: 0;
	margin: 0 1px;
	opacity: 0.2;
}

.tasker .dashboard .main .views .view .data .task .icon.active, .tasker .dashboard .main .views .view .data .task .icon:hover {
	opacity: 1;
}

.tasker .dashboard .main .views .view .data .task .cell {
	-webkit-transition: margin-top 0.25s ease-in-out, height 0.25s
		ease-in-out;
	-moz-transition: margin-top 0.25s ease-in-out, height 0.25s ease-in-out;
	-o-transition: margin-top 0.25s ease-in-out, height 0.25s ease-in-out;
	transition: margin-top 0.25s ease-in-out, height 0.25s ease-in-out;
	position: relative !important;
	float: left;
	background-color: #333333;
	color: #cccccc;
	height: 24px;
	line-height: 24px;
	margin: 1px;
	font-size: 1.25em;
}

.tasker .dashboard .main .views .view .data .task .cell.new {
	background-color: #444444;
}

.tasker .dashboard .main .views .view .data .task .taskNumber {
	padding: 2px 6px;
	border-radius: 4px 0 0 4px;
}

.tasker .dashboard .main .views .view .data .task .title {
	border-radius: 0 4px 4px 0;
	padding: 2px 6px;
	border: 0;
}

.tasker .dashboard .main .views .view .data .task .title:focus {
	background-color: #000000;
	color: ffffff;
}

.tasker .dashboard .main .views .view .data .task .idTaskActorCreator {
	padding: 2px 6px;
	background-color: transparent;
}

/* state */
.tasker .dashboard .main .views .view .data .task .cell.state {
	text-align: center;
	color: #ffffff;
	height: 28px;
	border-radius: 4px;
	cursor: pointer;
}

.tasker .dashboard .main .views .view .data .task .state .state-blank {
	position: relative !important;
	padding: 2px 6px;
}

.tasker .dashboard .main .views .view .data .task .cell.state:focus-within
	{
	margin-top: -28px !important;
	height: 56px !important;
}

.tasker .dashboard .main .views .view .data .task .state .state0 {
	position: relative !important;
	padding: 2px 6px;
}

.tasker .dashboard .main .views .view .data .task .state .state1 {
	position: relative !important;
	padding: 2px 6px;
}

.tasker .dashboard .main .views .view .data .task .state .state2 {
	position: relative !important;
	padding: 2px 6px;
}

.tasker .dashboard .main .views .view .data .task .state .state3 {
	position: relative !important;
	padding: 2px 6px;
}

.tasker .dashboard .main .views .view .data .task .state .state4 {
	position: relative !important;
	padding: 2px 6px;
}

.tasker .dashboard .main .views .view .data .task .state .state5 {
	position: relative !important;
	padding: 2px 6px;
}

.tasker .dashboard .main .views .view .data .task .state .set {
	width: 20%;
	float: left;
	padding: 2px 0;
}

.tasker .dashboard .main .views .view .data .task .state .set::after {
	content: '☐';
}

.tasker .dashboard .main .views .view .data .task .state .set.current::after
	{
	content: '☑';
}

.tasker .dashboard .main .views .view .data .task .state .set:focus-within::after,
	.tasker .dashboard .main .views .view .data .task .state .set:hover::after
	{
	content: '☒';
}

/* priority */
.tasker .dashboard .main .views .view .data .task .cell.priority {
	text-align: center;
	color: #ffffff;
	height: 28px;
	border-radius: 4px;
	cursor: pointer;
}

.tasker .dashboard .main .views .view .data .task .priority .priority-blank
	{
	position: relative !important;
	padding: 2px 6px;
}

.tasker .dashboard .main .views .view .data .task .cell.priority:focus-within
	{
	margin-top: -28px !important;
	height: 56px !important;
}

.tasker .dashboard .main .views .view .data .task .priority .priority0 {
	position: relative !important;
	/* green 700 */
	background-color: #1f6d1a;
	padding: 2px 6px;
}

.tasker .dashboard .main .views .view .data .task .priority .priority1 {
	position: relative !important;
	/* yellow 700 */
	background-color: #977100;
	padding: 2px 6px;
}

.tasker .dashboard .main .views .view .data .task .priority .priority2 {
	position: relative !important;
	/* red */
	background-color: #900000;
	padding: 2px 6px;
}

.tasker .dashboard .main .views .view .data .task .priority .set {
	width: 33.3%;
	float: left;
	padding: 2px 0;
}

.tasker .dashboard .main .views .view .data .task .priority .set::after
	{
	content: '☐';
}

.tasker .dashboard .main .views .view .data .task .priority .set.current::after
	{
	content: '☑';
}

.tasker .dashboard .main .views .view .data .task .priority .set:focus-within::after,
	.tasker .dashboard .main .views .view .data .task .priority .set:hover::after
	{
	content: '☒';
}

.tasker .dashboard .main .views .view .data .task .tsDue {
	border-radius: 4px; 
	text-align: center;
	padding: 2px 6px;
	border: 0;
}

.tasker .dashboard .main .views .view .data .task .tsDue:focus {
	background-color: #000000;
	color: ffffff;
}

.tasker .dashboard .main .views .view .data .task .actors {
	scrollbar-color: #202020 #111;
	scrollbar-width: thin;
	background-color: transparent;
	padding: 2px 6px;
}

.tasker .dashboard .main .views .view .data .task .actors::-webkit-scrollbar
	{
	width: 14px;
	height: 14px;
}

.tasker .dashboard .main .views .view .data .task .actors::-webkit-scrollbar-button
	{
	width: 14px;
	height: 14px;
}

.tasker .dashboard .main .views .view .data .task .actors::-webkit-scrollbar-button:vertical:start:decrement
	{
	background: linear-gradient(120deg, #333333 45%, rgba(0, 0, 0, 0) 46%),
		linear-gradient(240deg, #333333 45%, rgba(0, 0, 0, 0) 46%),
		linear-gradient(0deg, #333333 35%, rgba(0, 0, 0, 0) 36%);
	background-color: #fff;
}

.tasker .dashboard .main .views .view .data .task .actors::-webkit-scrollbar-button:vertical:end:increment
	{
	background: linear-gradient(300deg, #333333 45%, rgba(0, 0, 0, 0) 46%),
		linear-gradient(60deg, #333333 45%, rgba(0, 0, 0, 0) 46%),
		linear-gradient(180deg, #333333 35%, rgba(0, 0, 0, 0) 36%);
	background-color: #fff;
}

.tasker .dashboard .main .views .view .data .task .actor-avatar {
	position: relative !important;
	float: left;
	text-align: center;
	width: 24px;
	height: 24px;
	line-height: 24px;
	border-radius: 4px;
	margin: 0 1px 0 0;
	color: #ffffff;
	font-size: 0.7em;
}

.tasker .dashboard .main .views .view .data .task .actor-avatar.other:after
	{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 5px;
	height: 5px;
	border-left: 1px solid #222;
	border-radius: 3px;
	border-bottom: 1px solid #222;
}

.tasker .dashboard .main .views .view .data .task .actor-avatar.other.avatarpriority0:after
	{
	background-color: #1f6d1a;
}

.tasker .dashboard .main .views .view .data .task .actor-avatar.other.avatarpriority1:after
	{
	background-color: #977100;
}

.tasker .dashboard .main .views .view .data .task .actor-avatar.other.avatarpriority2:after
	{
	background-color: #900000;
}

.tasker .dashboard .main .views .view .data .task .actor-avatar.self {
	width: 22px;
	height: 22px;
	line-height: 22px;
	border: 1px solid #dddddd;
}

.tasker .dashboard .main .views .view .data .task .actor-avatar.inactive
	{
	text-decoration: line-through;
	color: #bbbbbb;
}

.actionBox {
	position: relative !important;
}

.tasker .dashboard .main .views .view .cell.edit {
	margin-top: -28px !important;
	height: 56px !important;
}

.tasker .dashboard .main .views .view .invite {
	background-color: #333333;
}

.tasker .dashboard .main .views .view .stateunknown {
	background-color: #333333;
}

.tasker .dashboard .main .views .view .state0 {
	/* invite: red*/
	background-color: #900000;
}

.tasker .dashboard .main .views .view .state1 {
	/* open: orange 700 */
	background-color: #993700;
}

.tasker .dashboard .main .views .view .state2 {
	/* in progress: yellow 700 */
	background-color: #977100;
}

.tasker .dashboard .main .views .view .state3 {
	/* waiting: blue 700 */
	background-color: #1e5885;
}

.tasker .dashboard .main .views .view .state4 {
	/* spectating: grey*/
	background-color: #444444;
}

.tasker .dashboard .main .views .view .state5 {
	/* finished: green 700 */
	background-color: #1f6d1a;
}

.tasker .dashboard .sidebar .views {
	top: 50px;
	left: 0;
	width: 200px;
}

.tasker .dashboard .sidebar .views .group {
	position: relative !important;
	margin-top: 2px;
}

.tasker .dashboard .sidebar .views .group .view {
	-webkit-transition: color 0.25s ease-in-out, background-color 0.25s
		ease-in-out, border-color 0.25s ease-in-out;
	-moz-transition: color 0.25s ease-in-out, background-color 0.25s
		ease-in-out, border-color 0.25s ease-in-out;
	-o-transition: color 0.25s ease-in-out, background-color 0.25s
		ease-in-out, border-color 0.25s ease-in-out;
	transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out,
		border-color 0.25s ease-in-out;
	position: relative !important;
	padding: 8px;
	color: #bbbbbb;
	font-size: 1.25em;
	background-color: #222222;
	border-right: 4px solid #222222;
}

.tasker .dashboard .sidebar .views .group .view:hover {
	background-color: #444444;
	border-color: #444444;
	color: #dddddd;
}

.tasker .dashboard .sidebar .views .group .view.active {
	border-color: #bbbbbb;
}

/* icons */
.tasker .dashboard .icon.close {
	background-image: url('./Common/Tasker/icon/white/chevron-up.svg');
}

.tasker .dashboard .icon.close:hover {
	background-image: url('./Common/Tasker/icon/orange/chevron-up.svg');
}

.tasker .dashboard .icon.refresh {
	background-image: url('./Common/Tasker/icon/white/clockwise.svg');
}

.tasker .dashboard .icon.refresh:hover {
	background-image: url('./Common/Tasker/icon/orange/clockwise.svg');
}

.tasker .dashboard .icon.clear {
	background-image: url('./Common/Tasker/icon/white/clear.svg');
}

.tasker .dashboard .icon.clear:hover {
	background-image: url('./Common/Tasker/icon/orange/clear.svg');
}

.tasker .dashboard .icon.edit {
	background-image: url('./Common/Tasker/icon/white/edit.svg');
}

.tasker .dashboard .icon.edit:hover {
	background-image: url('./Common/Tasker/icon/orange/edit.svg');
}

.tasker .dashboard .icon.link {
	background-image: url('./Common/Tasker/icon/white/link.svg');
}

.tasker .dashboard .icon.link:hover {
	background-image: url('./Common/Tasker/icon/orange/link.svg');
}

.tasker .dashboard .icon.unlink {
	background-image: url('./Common/Tasker/icon/white/link-broken.svg');
}

.tasker .dashboard .icon.unlink:hover {
	background-image: url('./Common/Tasker/icon/orange/link-broken.svg');
}

.tasker .dashboard .icon.save {
	background-image: url('./Common/Tasker/icon/white/save.svg');
}

.tasker .dashboard .icon.save:hover {
	background-image: url('./Common/Tasker/icon/orange/save.svg');
}

.tasker .dashboard .icon.dms {
	background-image: url('./Common/Tasker/icon/white/documents.svg');
}

.tasker .dashboard .icon.dms:hover {
	background-image: url('./Common/Tasker/icon/orange/documents.svg');
}

.tasker .dashboard .icon.info {
	background-image: url('./Common/Tasker/icon/white/note.svg');
}

.tasker .dashboard .icon.info:hover {
	background-image: url('./Common/Tasker/icon/orange/note.svg');
}

.tasker .dashboard .icon.chat {
	background-image: url('./Common/Tasker/icon/white/conversation.svg');
}

.tasker .dashboard .icon.chat:hover {
	background-image: url('./Common/Tasker/icon/orange/conversation.svg');
}

.tasker .dashboard .icon.tags {
	background-image: url('./Common/Tasker/icon/white/tags.svg');
}

.tasker .dashboard .icon.tags:hover {
	background-image: url('./Common/Tasker/icon/orange/tags.svg');
}

/* hier wird sichergestellt, dass das tree icon keinen hover effect hat wenn es inaktiv ist. es kann nicht "aktiviert" werden */

/*
.tasker .dashboard .icon.tree {
	background-image: url('./Common/Tasker/icon/white/network-1.svg');
}
.tasker .dashboard .icon.tree.active:hover {
	background-image: url('./Common/Tasker/icon/orange/network-1.svg');
}


.tasker .dashboard .main .views .view .data .task .icon.tree, .tasker .dashboard .main .views .view .data .task .icon.tree:hover {
	opacity: 0.2;
}

.tasker .dashboard .main .views .view .data .task .icon.tree.active, .tasker .dashboard .main .views .view .data .task .icon.tree.active:hover {
	opacity: 1;
}
*/
.tasker .dashboard .main .views .view .data .task .icon.tree.active {
	background-image: url('./Common/Tasker/icon/white/network-1.svg');
}

.tasker .dashboard .main .views .view .data .task .icon.tree.active:hover
	{
	background-image: url('./Common/Tasker/icon/orange/network-1.svg');
}

/* toggle zwischen icon und svg */
.tasker .dashboard .main .views .view .data .task .icon .treeNode {
	display: none;
}

.tasker .dashboard .main .views .view .data .task.subTaskOpen .icon .treeNode
	{
	display: block;
}

.tasker .dashboard .main .views .view .data .task.subTaskOpen .icon.tree.active {
	background-image: none;
}

.tasker .dashboard .main .views .view .data .task.subTaskOpen .icon.tree.active:hover
	{
	background-image: none;
}

/* gruippierte tasks */
.tasker .dashboard .main .views .view .data .task.subTask {
	-webkit-transition: height 0.25s ease-in-out, background-color 0.25s
		ease-in-out;
	-moz-transition: height 0.25s ease-in-out, background-color 0.25s
		ease-in-out;
	-o-transition: height 0.25s ease-in-out, background-color 0.25s
		ease-in-out;
	transition: height 0.25s ease-in-out, background-color 0.25s ease-in-out;
	height: 0px;
	cursor: pointer;
	background-color: #222222;
}

.tasker .dashboard .main .views .view .data .task.mainTask {
	-webkit-transition: background-color 0.5s ease-in-out;
	-moz-transition: background-color 0.5s ease-in-out;
	-o-transition: background-color 0.5s ease-in-out;
	transition: background-color 0.5s ease-in-out;
	background-color: #222222;
}

.tasker .dashboard .main .views .view .data .task.subTask.subTaskOpen {
	background-color: #444444;
	height: 30px;
}

.tasker .dashboard .main .views .view .data .task.mainTask.subTaskOpen {
	background-color: #666666;
}

.tasker .dashboard .main .views .view .data .task .progressSvg {
	position: absolute;
	top: 0;
	left: 0;
}