@font-face {
    font-family: GlyphIcons;
    src: url(ErgosignGlyphIcons2-Normal.ttf);
}

/* ### PAGE-RESET */
    * { margin: 0; padding: 0; }
/* ### ENDE PAGE-RESET */

/* ### UTILITY-KLASSEN */
    .AlignBottom { vertical-align: bottom; }
    .AlignMiddle { vertical-align: middle; }
    .AlignTop { vertical-align: top; }
    .BgDarker {  }
    .Bold { font-weight: bold; }
    .BorderCollapse { border-collapse: collapse; }
    .BorderThinDark {  }
    .BorderThinLight {  }
    .DefPadding {  }
    .DefCellPadding td {  }
    .DisplayNone { display: none; }
    .EvenRow {  }
    .FloatRight { float: right; }
    .FloatLeft { float: left; }
    .Link {  }
    .OddRow {  }
    .Small {  }
    .TextCenter { text-align: center; }
    .TextError {  }
    .TextInactive {  }
    .TextInfo {  }
    .TextLeft { text-align: left; }
    .TextLight {  }
    .TextLighter {  }
    .TextRight { text-align: right; }
    .WidthFull { width: 100%; }
    .Width95 { width: 95%; }
/* ### ENDE UTILITY-KLASSEN */

/* CONTEXTSPEZIFISCHE KLASSEN*/
    .ListHeader {  }
        .ListHeader td {  }
/* ENDE CONTEXTSPEZIFISCHE KLASSEN*/


/* ### ELEMENTSPEZIFISCHE UTILITY-KLASSEN */
    a.Black { color: #000000; text-decoration: underline }
    table.MenuBackground { background-color: #E7E7E7; }
/* ### ENDE ELEMENTSPEZIFISCHE UTILITY-KLASSEN */

/* ### BUTTONS */
    /* Definitionen, die fuer alle Buttons gelten */
    .MenuButton, .TextButton, .CmdButton, .SmallCmdButton { cursor: pointer; }

    /* Menue-Button */
    /* Fuer die Button-Bilder muessen die Hintergrund-Bilder und Dimensionen separat gesetzt werden */
    a.MenuButton { position: relative; float: left; background: no-repeat; text-align: center; padding: 0; text-decoration: none; }
        a.MenuButton:hover { background-position: center left; }
        a.MenuButton:active { background-position: bottom left; }
        a.MenuButton span { position: relative; display: inline-block; background: top right repeat-y; white-space: nowrap; }
            a.MenuButton span:hover { background-position: center right; }
            a.MenuButton span:active { background-position: bottom right; }
    /**
    * Dieses Template muss bei der Implementierung entsprechend befuellt werden.
    * Die Hoehe muss beim A- und SPAN-Tag gleich befuellt werden.
    **
    a.MenuButton { background-image: url(../images/default/MenuButtonLeft.png); height: 22px; min-width: 102px; }
        a.MenuButton span { background-image: url(../images/default/MenuButtonRight.png); height: 22px; min-width: 102px; padding: 0px 5px 0; color: white; font-size: 1em; font-weight: bold; line-height: 1.9em; }
    */

    /* Command-Button (Icon) */
    a.CmdButton { position: relative; float: left; background: no-repeat; text-align: center; padding: 0; text-decoration: none; }  /* Der Hintergrund */
        a.CmdButton:hover { background-position: center left; }
        a.CmdButton:active { background-position: bottom left; }
        a.CmdButton span { position: relative; display: inline-block; background: center center no-repeat; }                        /* Hier kommt das Icon rein */
            a.CmdButton span span { position: relative; background-position: top left; display: inline-block; }                     /* Der Vordergrund */
                a.CmdButton span span:hover { background-position: center left; }
                a.CmdButton span span:active { background-position: bottom left; }

    /* SmallCommand-Button (Icon) */
    a.SmallCmdButton { position: relative; float: left; background: no-repeat; text-align: center; padding: 0; text-decoration: none; }  /* Der Hintergrund */
        a.SmallCmdButton:hover { background-position: center left; }
        a.SmallCmdButton:active { background-position: bottom left; }
        a.SmallCmdButton span { position: relative; display: inline-block; background: center center no-repeat; }                        /* Hier kommt das Icon rein */
            a.SmallCmdButton span span { position: relative; background-position: top left; display: inline-block; }                     /* Der Vordergrund */
                a.SmallCmdButton span span:hover { background-position: center left; }
                a.SmallCmdButton span span:active { background-position: bottom left; }
    /*
    * Dieses Template muss bei der Implementierung entsprechend befuellt werden.
    * Die Hoehe muss beim A- und SPAN-Tag gleich befuellt werden.
    **
    a.CmdButton { background-image: url(); height: ; }
        a.CmdButton span { background-image: url(); height: ; }
            a.CmdButton span span { background-image: url(); height: ; }
    */

    /* Anzeige in Tabellenzellen (IE separat!) */
    div.ButtonInlineBlock { display:inline-block; }

    /* Icons fuer Command-Buttons
    * Dieses Template muss bei der Implementierung im icons.css entsprechend befuellt werden.
    * Dies kann durch ein theme-abhaengiges CSS z.B. default/default_icons.css uebersteuert werden
    *
    a.CmdIcon[NAME] span { background-image: url(/ls/prj/vsa/branding/default/images/themes/[THEME]/icons/btn_[NAME].png); }
    a.CmdIcon[NAME]Disabled span { background-image: url(/ls/prj/vsa/branding/default/images/themes/[THEME]/icons/btn_[NAME]_d.png); }
    */
/* ### ENDE BUTTONS */


/* ### LEISTEN
*  Innerhalb des LI-Elements muss dann die entsprechende Button-Klasse verwendet werden (zb. TextButton) */
    div.MenuContainer { }
    ul.MenuBar {  }
        ul.MenuBar li { list-style: none; display: inline; }
             ul.MenuBar li a {  }
    ul.CmdBar { display: inline; }
        ul.CmdBar li { list-style: none; display: inline; }
/* ### ENDE LEISTEN */

/* ### Menue-Buttons, die nicht im Menu sind (z.B. Login oder Passwort aendern) ### */
    a.TextButton {  }
        a.TextButton span {  }


/* ~~~~~ JSP-ABHAENGIGE KLASSEN ~~~~~ */
/* ### Menue.jsp ### */
    .MenueButtonRow {  }

/* ### Login.jsp ### */
    a.Login_Login {  }
    a.Login_Passwd {  }
    h1.login-text-header {font-size: 3em; font-weight: 700; color: #ff0052;}

/* ### MandantAuswahl.jsp ### */
    a.MandantAuswahl_Next {  }
    a.MandantAuswahl_ModulL {  }

/* ### UserChange.jsp ### */
    a.UserChange_Login {  }

/* ### ChangePasswd.jsp ### */
    a.ChangePasswd_Aendern {  }

/* ### TaTLight.jsp ### */
    a.TaTLight_Login {  }

/* ### KundenLogin.jsp ### */
    a.KundenLogin_Login {  }
    a.KundenLogin_Registrieren {  }

/* ### KundenRegistrierung.jsp ### */
    a.KundenRegistrierung_Abbrechen {  }
    a.KundenRegistrierung_Speichern {  }
    a.KundenRegistrierung_Weiter {  }


/* ### OrderMonitoringSelection.jsp ### */
    a.StarOrderMonitoring_Selection_Start {  }

/* TableWithHeader */
table.TableWithHeader { margin-top: 2px; border-collapse: collapse; border: none;}
table.TableWithHeader td { padding: 0 2px; }
table.TableWithHeader tr.TableHeader { background-color:#CCCCCC; height: 30px }
table.TableWithHeader tr.TableData { height: 26px }

.Warning { color:#FF0000; font-weight:bold; }

.twolines { line-height: 2em; }

.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/*
	if width will be 100% horizontal scrollbar will apear
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/*
	it is very important, if line-height not setted or setted
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}

.ac_input {
	margin-left: 2px;
    height: 18px;
    width: calc(100% - 2px);
}

.tempclass_icon {
    font-family: GlyphIcons;
    font-size: 20px;
    display: inline-block;
}

.nowrap {white-space: nowrap;}

input:not([type='radio']):not([type='checkbox']), textarea, select {
    box-sizing: border-box;
    width: 100%;
}

.grid-group {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 12px;
    justify-self: stretch;
    text-align: center;
    align-items: center;
}
.grid-2 {
    grid-column: span 2;
}
.grid-4 {
    grid-column: span 4;
}
.grid-5 {
    grid-column: span 5;
}
.grid-6 {
    grid-column: span 6;
}
.grid-8 {
    grid-column: span 8;
}
.grid-10 {
    grid-column: span 10;
}

.multiline-input textarea {
    width: 280px;
    border: 2px inset;
    height: 22px;
}
.multiline-input a {
    vertical-align: top;
}

table.old-common-grid-table {
    width: 100%;
    border-spacing: 0;
}
table.old-common-grid-table tr { height: 24px; }

table.old-common-grid-table > tbody > tr > td:nth-child(1),
table.old-common-grid-table > tbody > tr > td:nth-child(4),
table.old-common-grid-table > tr > td:nth-child(1),
table.old-common-grid-table > tr > td:nth-child(4) {
    width: 15%;
}
table.old-common-grid-table > tbody > tr > td:nth-child(2),
table.old-common-grid-table > tbody > tr > td:nth-child(5),
table.old-common-grid-table > tr > td:nth-child(2),
table.old-common-grid-table > tr > td:nth-child(5) {
    width: 30%;
}
table.old-common-grid-table > tbody > tr > td:nth-child(3),
table.old-common-grid-table > tr > td:nth-child(3) {
    width: 10%;
}

.old-multiline-input {
    position: absolute;
}
.two-input-interval > div {
    display: inline-block;
}
.two-input-interval div:nth-child(1),
.two-input-interval div:nth-child(3) {
    width: 45%;
}
.two-input-interval div:nth-child(2) {
    width: 7%;
    text-align: center;
}
.btn-rtv-icon::before, .btn-rtv-icon-red::before, .btn-rtv-icon-green::before {
    position: absolute;
    transform: translate(-17px, 5px) scale(1.4, 1.4);
    font-family: GlyphIcons;
    content: '\E769' !important;
    color:#000000;
}
.btn-rtv-icon-red::before {
    color: #990000;
}
.btn-rtv-icon-green::before {
    color: #009900;
}
.rtv-icon-only img {
    display: none !important;
}
.rtv-icon-only span.btn-rtv-icon::before, span.btn-rtv-icon-red::before, span.btn-rtv-icon-green::before {
    position: relative;
    display: inline-block;
    transform: translate(0, 0) scale(1.4, 1.4);
    padding: 4px;
}
.rtv-icon-only-container {
    position: relative;
    padding: 12px;
}
.rtv-icon-only-container span.rtv-icon-only {
    position: absolute;
    display: inline-block;
    transform: translate(-12px, 0px);
    padding: 4px;
}

.dispoTaFunctionText {
    text-align: right;
    padding-left: 5px;
    padding-right: 5px;
}

div.kibana-link.disabled {
    white-space: nowrap;
    display: none;
}

div.kibana-link.enabled {
    white-space: nowrap;
    display: block;
}
.osb-summary-red {
    color: #ff0000;
    font-weight: bold;
}

tr.separator-line {
    height: 1px;
}