html {
    overflow-y: scroll;
}

.LogoCell {
    width: 100px;
    text-align: left;
    padding-bottom: 4px;
}

.LogoEposNTCell {
    padding-left:6px !important;
    text-align: left;
    padding-top: 3px !important;
    padding-bottom: 11px !important;
}

.LogoEpos {
    font-family: verdana;
    font-size: 26px !important;
    color: #b8c5da !important;
    font-weight: bold;
}

.LogoTextCell {
    padding-left:8px !important;
    text-align:left;
    vertical-align: bottom;
    padding-bottom: 3px !important;
    font-family: verdana;
    font-size: 12px !important;
    color: #adbcdb !important;
    white-space:nowrap;
}

.LogoEposInline {
    font-style: italic;
}

.LogoNTInline {
}

/* Header */
#HeaderContent
{
    position:absolute;
    /*height:112px;*/
    top:0px;
    left:0;
    right:0;
    margin:0;
    padding:0;
}

/* Header End */


/* Navigation */

#NavPanel {
    z-index: 99; /*100 ist graues Overlay bei modalen Dialogen*/
    padding: 0px;
    height:100%;
    background-color: #475266;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.4);

    position: fixed;  
    top: 0px;
}

#NavContainer {
    background-color: #f8f8f8;
    width: 214px;
    height:calc(100% - 10px);
    padding: 0 10px 10px 10px;
    overflow-x: hidden;
    overflow-y: scroll;
}

#Navigation {
    width: 200px;
}

@media all and (max-width: 1667.9px) {
    .SmallScreenOnly {
        display: inherit;
    }
    #NavPanel {
        width: 278px;
        left: -234px;
        border-radius: 0 6px 6px 0;
			
        -webkit-transition: 0.3s ease-in-out;
        -moz-transition: 0.3s ease-in-out;
        -o-transition: 0.3s ease-in-out;
        -ms-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
    }
    #NavPanel:hover {
	    left: 0px;
    }
}

@media all and (min-width: 1668px) {
    .SmallScreenOnly {
        display: none;
    }
    #NavPanel {
        left: 0;
    }
}

.DisableNavigationOverlay {
    position: absolute !important;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    opacity: .6;
    z-index: 80;
}

/* Navigation End */

input[type="image"] { 
    cursor: pointer;
}

.epos {
    font-weight: bold;
    font-style: italic;
    font-size: inherit!important;
}

.disabledArea {
    pointer-events: none; /*schaltet nur die Maus ab, aber wer navigiert schon noch mit Tastatur*/
}

.inlineblock {
    display:inline-block;
}

.emptyWait
{
    background-image: url("../images/gif/spinner2_white.gif");
    background-repeat: no-repeat;
    background-position: center;
}

input[type="text"], input[type="password"] { 
    padding: calc(.4em - 1px);
}

textarea 
{
    resize: none; /* CSS 3 -> hmmm*/
    /* Ausrichtung am div */
    width:99%;
    /*height:auto !important;*/
    padding: calc(.4em - 1px);
}

.textarea1 {
    height:78px;
}

.externalLink {
    text-decoration: underline !important;
}

.externalEchaLink span {
    text-decoration: underline !important;
    font-size: 1.25em;
    color: #013DA4;
}

#ContentMasterpage
{
    margin-left:210px; /* Abstand zwischen Navigation und den Hauptbereich */
}

center#Content
{
    /*padding-left:200px; *//* Breite der Navigationsleiste */
}

#Content
{
    display: inline-block;
    text-align: left;
    /*width:100%;*/
    padding-top: 114px;
    padding-bottom: 40px;
    overflow: hidden;
}

#Content h1 {
    margin-top: 0px;
}

#Content h2 {
    margin-top: 0px;
}

.DefaultPageStyle .header_by_pagestyle {
    width: 1200px;
    margin-left:40px;
}

.BpgePageStyle .header_by_pagestyle {
    width: calc(100% - 20px);
}

.DefaultPageStyle .content_by_pagestyle {
    width: 1170px;
    margin-left:40px;
    padding-left: 15px;
    padding-right: 15px;
}

.BpgePageStyle .content_by_pagestyle {
    width: 100%;
}

.layout1280_leftfiller {
    position: fixed; 
    left: 0px;
    top: 0px;
    height: 100%;
    width: calc(50% - 580px);
}

.layout1280_rightfiller {
    position: fixed; 
    right: 0px;
    top: 0px;
    height: 100%;
    width: calc(50% - 620px);
}

.wrapper        
{
min-height: 100%;
height: auto !important;
height: 100%;
margin: auto;
position:relative;
}

.header {
    position:fixed;
    z-index: 90;
    left: 0px;
    top: 0px;
    width: 100%; 
    background-color: #f8f8f8; /*TODO Theming: gleiche Farbe wie allgemeiner Hintergrund*/
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.4);
    text-align: center;
}

.headerBrightText {
    color: #e8f0ff !important;
}

.commonside {
    background-color: #e8e8e8;
}

table.header1 {
    margin-top:7px; 
    margin-bottom:0px;
    border-collapse: collapse;
    display: inline-table;
    text-align: left;
    background-color: #385278;
    border-radius: 5px 5px 0 0;
}

table.header2 {
    margin-top:0px; 
    margin-bottom:0px; 
    border-collapse: collapse;
    display: inline-table;
    text-align: left;
}

.push {
    text-align:center;
}

.longfooter {
    vertical-align: middle;
    position:fixed; 
    z-index: 90; 
    left:0px; 
    bottom:0px; 
    width: 100%; 
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.4);
    text-align: center;
}

.footer {
    display: inline-block;
    padding:3px 0px 3px 0px;
    text-align: center;
}

.subcaption {
    font-size: 1.15em;
    margin-top: -10px;
    margin-left: 2px;
}

.EditPageCaption {
    max-width: 1100px;
    overflow: hidden;
}

.EditPageCaption h1 {
    white-space: nowrap; 
    margin-bottom: 5px;
}

.EditPageSubCaption {
    font-size: 1.15em;
    max-width: 1100px;
    overflow: hidden;
}

.MainPanel {
    background-color:#FFFFFF;
    border: 1px solid #C0C0C0;
    padding:20px;
}

.SpecialBox {
    background-color: #F8FAFF;
    border: 2px solid #B0C0E0;
    padding: 10px;
    margin: 10px -10px;
    border-radius: 3px;
}

.ChoiceDialogDescription
{
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 4px;
    padding-bottom: 12px;
}

.SingleHStatementText {
    width: 290px;
    padding: 4px;
    min-height:12px;
    background-color: #FFFFFF;
    border: 1px solid #C0C0C0;
}

.ui-dialog {
    overflow: visible !important;
    box-shadow: 0 0 8px 0px rgba(0,0,0,0.3);
}

.ui-dialog-buttonpane .ui-button {
    min-width: 90px;
}

.DialogHeaderWithButtons .ui-dialog-titlebar {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.DialogHeaderButton {
    position: absolute;
    top: -28px;
}

.DialogHeaderButton1 {
    right: 32px;
}

.DialogHeaderButton2 {
    right: 59px;
}

.DialogHeaderButton3 {
    right: 86px;
}

.no-close .ui-dialog-titlebar-close {
    display: none;
}

.ui-tabs-nav li a:focus { 
    outline: none; /* kein blauer Rahmen um gewählten Tab */
}

.ui-accordion .ui-accordion-content {
    padding: 10px !important;
}

.DialogContentOverflow .ui-dialog-content {
    overflow: visible !important; /*Für Menü des TagControls innerhalb eines Dialogs. Sonst würde das Menü den Dialog nicht überlappen, sonder der Dialog bekäme Scrollbars für das Menü.*/
}

.selectmenuoverflow {
    height:200px;
}

.NavMenu {
    border: none !important;
}

.NavItem {
    font-size: 1.125em;
}

/* Toolbar - Start */

#Toolbar1 * {
    align-items: center;
    white-space: nowrap;
}

#Toolbar1
{
    /*border-collapse: collapse;*/
    border-collapse: separate;
    border-spacing: 4px;
    width: calc(100% - 4px);
    margin: 0 2px;
}

.ui-selectmenu-button {
    padding: 4px 4px 1px 4px !important;
}

.ui-multiselect-header {
    font-weight: normal !important; /*verhindert springendes Layout, indem Schriftbreite bei hover gleich bleibt*/
}

.LeftToolbar {
}

.ToolbarGroup {
    background-color: rgba(255,255,255,0.75);
    margin: 2px;
    padding: 3px 5px;
    border-radius: 3px;
}

.ToolbarGroupHeader {
    padding: 1px 1px 6px 1px !important;
    opacity: 0.8;
}

.ToolbarNoGroup {
    vertical-align: top;
    padding: 2px 0px !important;
}

.LeftToolbar > input , .RightToolbar > input , .LeftToolbar > div > input , .LeftToolbar > div > span, .RightToolbar > div > input , .RightToolbar > div > span
{ 
    margin-left:2px;
    margin-right:2px;
}

.RightToolbar {
}

.ToolbarCell {
    padding: 0px;
}

#toolbarFilterExtension {
    overflow:hidden;
}

#toolbarFilterList {
    border: 1px solid #C0C0C0;
    border-radius:3px;
    padding: 5px 10px;
    min-width: 900px;
}

#toolbarFilterExtension .ui-jqgrid {
    border: none;
    background: transparent; 
}

#toolbarFilterExtension tr {
    background: transparent;
}

#toolbarFilterExtension table, #toolbarFilterExtension tr, #toolbarFilterExtension td {
    border: none;
}

.toolbarTagControl {
    margin-top: 3px;
}

.SystemButton {
    vertical-align: bottom;
    padding-bottom: 6px;
}

.SystemInfo {
    vertical-align: bottom;
    padding-bottom: 9px;
}

.CurrentUserName {
    font-weight: bold;
}

/* Toolbar - End */

.WorkplaceTree {
    background-color: #ffffff;
    border: 1px solid #d3d3d3;
    border-radius: 4px;
}

.WorkplaceTreeToolbar {
    border-collapse: collapse;
}

.WorkplaceTreeToolbar > tbody > tr > td {
    background-color: #e8e8e8;
    padding: 5px 5px 3px 5px;
}

#adminTheme select
{
   width:115px;
}

#Searchfunctiondropdown
{
    height:30px;        
}

#Searchfunctiondropdown li 
{
      height:30px;
      width:150px;
       background-image:url('../../Gfx/Menu/tab.png');
      background-repeat:no-repeat;
}

#SearchHead a
{
    background-image:url('../../Gfx/Menu/tab2.png'); 
}

#searchdropdown
{
    position:absolute; 
    top:30px; 
    left:250px; 
    width:200px;
}

li
{
    vertical-align:middle;   
    list-style-type:none;
}

.VariantContainer {
    width: 960px;
}

.VariantItem {
    display: inline-block;
    margin: 2px;
    margin-right: 10px;
    border-collapse: collapse;
}

.VariantButton {
    padding-left: 4px;
    background-color: #E0E4F0;
}

.VariantIdBox {
    width: 145px;
    background-color: #E4E4F0;
}

/* Masterseite */

/* Dialog SecurityQuestion */
#SecurityQuestionDialogImage 
{

}

/* Generelle CSS*/

/* Anzeige von Information  */
.SpanInfo 
{
    color: #2461BF!important;
}

.SpanError
{
    color:Red!important;
}

.ErrorTextbox {
    background-color:lightcoral;
}

/* Adminseiten */

.groupbox
{
   width: 500px;
   padding: 10px;
   border: 1px solid #9f9f9f; 
   background-color: white;
}

.groupboxBorder {
   border: 1px solid #9f9f9f; 
}

.seamless {
    border-collapse: collapse;
}

.seamless > tbody > tr > td {
    padding: 0;
}

.fullWidth {
    width: 100%;
}

.DisabledChoice {
    opacity: 0.5;
}

.DisabledButton {
    opacity: 0.4;
}

.MessageBox {
    min-width: 300px;
    max-width: 500px;
    padding: 10px 20px 6px 10px !important;
}

.MessageBoxTable {
    border-collapse: collapse;
}

.MessageBoxTable td {
    padding: 2px 10px 2px 0;
}

.RichMessageContainer {
    width: 500px;
    max-height: 400px;
    overflow-y: auto;
}

.RichMessageText {
    padding: 5px 0;
}

.RichMessageEposObject {
    white-space: nowrap;
    padding: 2px 5px 2px 0;
}

.DivForCell {
    padding: 5px 4px;
    margin: 0px -2px;
    height: 100%;
}

.DivForCell2 {
    display: table-cell;
    padding: 5px 0px;
    height: 100%;
}

.ClassiDocQuotientLevel1 {
    background-color: #C0FFC0;
}

.ClassiDocQuotientLevel2 {
    background-color: #FFFFC0;
}

.ClassiDocQuotientLevel3 {
    background-color: #FFC0C0;
}

/* For the specified sites */

/* adminprefs.aspx */
#AdminPrefs 
{
    vertical-align:top;
    text-align:left;
}

#AdminPrefs#tabs
{
/*float:left;    */
}

#AdminPrefs select 
{
    width:250px;
}

#AdminPrefs td 
{
    width:200px;
}

#AdminPrefs input
{
    margin-top:10px;    
    margin-right:18px;    
}

/* adminusersettings.aspx */

/* adminpasswd.aspx */

#ChangeUserPassword input[type='password'] 
{
    width:100%;
}

#ChangeUserPassword input[type='submit'] 
{
    right:-5px; /* Bündig mit den Textboxen machen (cellpadding=5px) */
}

#ChangeUserPassword
{
    width: 400px; 
    margin: 25px 0px; 
    text-align: left; 
    padding: 5px; 
    border: 1px solid #9f9f9f; 
    background-color: White;
}

.SubmitButton
{
  text-align:right;
}

.SubmitButtonDistance 
{
  padding-top:10px;
}

/* Geht aber er wendet es auf alle einzelnen Buchstaben in id an. Nachteil, weil dann keine andere ID im td einen solchen Buchstaben enthalten darf. Evt. mit Sonerzeichen lösen
td[id*='SubmitButtonRight-'] 
{
    text-align:right;
}
*/

input[type="submit"]
{
text-align:center;
}

/* adminusers.aspx */

#AdminUser
{
    float:left;
}

/* #AdminUser th , #AdminUser td[colspan='8']
{
	   background-color:#f7df15;
} */

#AdminUserGrid
{
    margin-top:20px;    
}

#AdminUserUser
{
    width:300px;
    float: left;
    margin-top:20px;
}

#AdminUserUser > input 
{
	   width:250px;
}

#AdminUserUserPrevileges
{
    margin-top:30px;
    float: left;
}

#AdminUserButtons 
{
    margin-top: 40px;
    clear:left;
}

/* admingroups.aspx */

/* adminpools.aspx */

/* assign2pool.aspx */

/* adminworkplacerights.aspx */

/* adminsessionstatistics.aspx */

#Statistics
{
    width: 500px; 
    margin: 25px 0px;
    text-align: center; 
    padding: 5px; 
    border: 1px solid #9f9f9f; 
    background-color: White;    
}

/* sdb2betran.aspx */

#Sdb2Betran
{
    
}

#Sdb2BetranNewField 
{
    width:600px;
    margin-bottom: 10px;
}

#Sdb2BetranNewField > span
{
    display: inline-block;
    width:180px;
}

#Sdb2BetranNewField > select
{
    
    width:410px;
}

#Sdb2BetranNewFieldAddButton    /*Hinzufügen Button */
{
    width:600px;
    text-align:right;
    margin-right:80px; 
    padding-bottom: 10px;       /* Abstand zum Grid*/  
}

#Sdb2BetranDefaultButton        /* Zurücksetzen Button */
{
    text-align:right;
    padding-top: 10px;
    padding-bottom: 10px;
}

#Sdb2BetranGridView
{
    
}

#Sdb2BetranGridView input[type='submit'] 
{
    right:-5px; /* Bündig mit den Textboxen machen (cellpadding=5px) */
}

/* theme.aspx */

/* adminmfirm.aspx */

#AdminmFirm
{
    width: 500px; 
    margin: 25px 0px; 
    text-align: left; 
    padding: 5px; 
    border: 1px solid #9f9f9f; 
    background-color: White; 
}

/* PrintDialog */

#tabs-sdb > span
{
    display: inline-block;
    width:150px;
}

#tabs-sdb > select
{
    display: inline-block;
    width:350px;
}

#tabs-label > span
{
    display: inline-block;
    width:150px;
}

#tabs-label > select
{
    display: inline-block;
    width:350px;
}

#tabs-betran > span
{
    display: inline-block;
    width:150px;
}

#tabs-betran > select
{
    display: inline-block;
    width:350px;
}


#tabs-report > span
{
    display: inline-block;
    width:150px;
}

#tabs-report > select
{
    display: inline-block;
    width:350px;
}




/* Dialogseiten */

/* Login.aspx */

#LoginDialog
{
    text-align: center;
}

#LoginDialog span
{
    display: inline-block;
    width:120px;
    text-align: left;
    padding: 7px 7px 7px 7px;
}

#LoginDialog input[type='text'], #LoginDialog input[type='password']
{
    display: inline-block;
    width:120px;
}

#LoginDialog input[type='checkbox']
{
    margin-left: -90px;
}

#LoginDialog input[type='button']
{
    margin-left: 180px;
}

#LoginDialog a
{
    margin-left: 180px;
}

.EstimateError {
    background-color: #FFB0B0;
    padding: 6px;
    border-radius: 3px;
}

/* Betrans */
.BetranLayout 
{
    width: 880px;
    text-align: center;
    padding: 20px 20px 0px 20px;
    margin: 0 0 0 -10px;
}
.BetranLayout2
{
    width: 800px;
    text-align: center;
    padding: 20px 20px 0px 20px;
    margin: 0 0 0 -10px;
}

.Betran
{
	   background-color: Red;
	   color: White;
}

.BetranB
{
    background-color: yellow;
}

.BetranM
{
    background-color: navy;
}

.BetranU
{
    background-color: green;
}

.Betran_boxes
{
    background-color: White;
    padding: 6px;
    font-size: 12px; /* font-Size???*/
    overflow: auto;
    text-align: center;
}

.BetranContent
{
    background-color: White;
    padding-top: 5px;
    padding-bottom: 5px;
    overflow: auto;
    text-align: center;
}

/* TODO: Browserweiche */
/* Ansichtsmodus Farbe für Firefox*/
.BetranContent input:-moz-read-only { /* For Firefox */
    background-color: #e9ebee;
}

/* Ansichtsmodus Farbe*/
.BetranContent input:read-only { 
    background-color: #e9ebee;
}

.BetranHeader
{
    margin: 3px 0px;
    font-size: 16px; /* font-Size???*/  
}

.BetranHeaderFontColorOtherBetran {
	color: White !important;
}

.BetranHeaderFontColorBio {
	color: Black !important;
}

.Betran_symbols
{
    width: 83px;
    margin: 0px 6px;
}

.BetranBlock {
    width: 788px;
}

.BetranSymbolContainer {
    width: 1px;
    vertical-align: top;
    padding:10px 0px !important;
}

.BetranCenterContainer {
    vertical-align: top;
}

.BetranCenterContainer > div {
    display: inline-block;
}

.WorkImageQuadratic {
    width:72px; 
    height:72px;
}

.WorkInstImageOblong
{
    width:59px;
    height:72px;
}

#BetranLayoutPanel span
{
    white-space: nowrap;
}

/* Druckerdialog */


/* UserControl Tree */
#UserControlTree 
{
    width:auto;
    min-width:300px;
    padding: 5px;
}

#UserControlTree > div > table > tbody > tr > td
{
    float: left;
    overflow: auto;
    padding-right: 5px;
    padding-bottom: 0px;
    height:20px  !important;
}

#UserControlTree td div 
{
    height: 20px !important;
    height: 20px;
}

/**/
.ImageDialog
{
    cursor: pointer;    
}

.outrange
{
    padding: 5px 5px 5px 5px;
}


/* Datepicker */
.datepicker
{
    width:65px;
}

#Navigation > div > .ui-accordion .ui-accordion-content 
{
    overflow:hidden !important;
    padding: 0 !important;
}

#Navigation > div > .ui-widget-content {
    border: 0 !important;
}

.ui-jqgrid tr.jqgrow td {
    padding: 0px 4px;
    white-space: normal !important;
}

th.ui-th-column {
    text-align: left !important;
}

th.ui-th-column > div {
    padding: 3px 2px 0px 2px;
}

.NoDialogTitle .ui-dialog-titlebar {
    display:none;
}

.NoWrapGrid > .ui-jqgrid tr.jqgrow td {
    white-space: nowrap !important;
}

.NoPaddingGrid > .ui-jqgrid tr.jqgrow td {
    padding: 0px;
}

.ui-jqgrid .ui-userdata {
    height: auto;
    width: initial!important;
}

.ui-jqgrid .ui-jqgrid-view input {
    font-size: x-small;
}

.ui-jqgrid .ui-jqgrid-bdiv {
    min-height: 12px;
}

.GridGroupHeader {
    font-size: 1.125em;
    font-weight: bold;
}

.ScrollingGrid .ui-jqgrid-bdiv {
   max-height: 500px;
}

.DialogScrollingGrid .ui-jqgrid-bdiv {
   max-height: 400px;
}

.InlineScrollingGrid .ui-jqgrid-bdiv {
   max-height: 250px;
}

.ScrollingGridYOnly .ui-jqgrid-bdiv {
   overflow-x: hidden;
}

.GridToolbar {
    padding: 2px;
    width: 100%;
}

.GridSearchInput {
    width: calc(100% - 8px);
}

.NoWrap {
    white-space: nowrap;
}

.AutoColumnWidth {
    width: 1px;
    white-space: nowrap;
}

.CalculatorCell {
    width: 24px;
    height: 24px;
}

.Section14Pictogram {
    width: 75px;
    height: 75px;
}

.noTitleStuff .ui-dialog-titlebar 
{
    display:none;
}

/* old css file*/
.group_box
{
	border-right: silver 1px dotted;
	border-top: silver 1px dotted;
	border-left: silver 1px dotted;
	border-bottom: silver 1px dotted;
	margin: 5px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}

.defaultFieldSet {
    border: silver 1px solid;
}

/*Only used in adminmain.aspx */
.adminmainimg
{
    text-align: center;
    float: left;
    margin: 6px;
}
	
/*  */

.Info
{
    padding: 5px;
    margin-top: 6px;
    margin-bottom: 6px;
}

.SpecialArea {
    background-color: #ECECF8;
}

.GridView
{
    text-decoration: none;
    width: 100%;
    table-layout: auto;
}

.GridInfo {
    margin: 10px 20px;
    padding: 5px;
    text-align: center;
}

.AccordionInfo {
    margin: 10px 0px;
    padding: 5px;
    text-align: center;
}

/**/
.GridViewUserList
{
    width: 300px;
    height: 250px;
    border: 1px solid #9f9f9f;
    overflow: auto;
}

/* Admingroups.aspx */
.GridViewReports
{
    text-decoration: none;
    width: 625px;
    table-layout: auto;
}

/* Adminpools*/
.GridViewURechte
{
    text-decoration: none;
    /*width: 470px;*/
    table-layout: auto;
}

/* PSatzControl.ascx */
.GridViewPSaetze
{
    /*text-decoration: none;*/
    /*table-layout: fixed;*/
}

/* AdminPools*/
.UserAdminListBox
{
    border: 1px solid #9f9f9f;
}

/* ExplorerTree */
.ExplorerTree td div
{
    height: 20px !important;
}

.ExplorerTreeSelected
{
    background-color: #C8D8FF; 
    border-radius: 3px;
    padding: 2px 0;
}

.IdentUseInfo {
    width: 600px;
}

.IdentUseInput {
    width: 500px;
}

.UfiExpired {
    color: rgba(0, 0, 0, 0.45) !important;
}

.UfiUseSelector {
    padding: 3px 0;
}

.UfiEndDateSelector {
    padding: 3px 0 0 0;
}

 .SupportLink {
     vertical-align: initial;
     font-size: 1em;
     color: #0040e0 !important;
 }

 .IndentForRadioGroup {
     padding-left: 20px;
 }

/* -------------------------------------------------------- */
/* ---- Dieser Bereich definiert das Layout des Logins ---- */
/* -------------------------------------------------------- */
/* --------------------Start Section----------------------- */
.LoginMainTable
{
    border: outset 1px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #ffffff;
}
.LoginTitle
{
    padding: 5px 10px;
    font-size: 0.9em;
    vertical-align: top;
    color: white;
    background-color: #58779C; /*#507cd1; /*background-color: #6798c7;*/
}

.LoginInner
{
    width: 100px;
    padding: 40px 10px 5px 20px;
    vertical-align: top;
    color: #246398;
    background-repeat: repeat-x;
    background-color: #ffffff;
}

.LoginLabel
{
    font-size: 0.75em;
}

.LoginBtn
{
    width: 120px;
    height: 30px;
}

.LoginCheck
{
    color: Black;
    font-size: 0.65em;
}

.LoginErrorMsg
{
    font-size: 0.65em;
    color: rgb(255,0,0);
    font-weight: bold;
    padding: 3px;
}
.LoginInfoMsg
{
    font-size: 0.65em;
    color: dodgerblue;
    font-weight: bold;
    padding: 3px;
}

.SessionExpiredInfo
{
    padding: 4px 20px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.75em;
    color: #000000;
    background-color: #F7E915;
}

a.LoginLink, a.LoginLink:visited, a.LoginLink:link
{
    color: #013DA4;
    font-size: 0.7em;
    text-decoration: none;
}

a.LoginLink:Hover
{
    color: #013DA4;
    font-size: 0.7em;
    text-decoration: underline;
}
/* ----------------------End Section----------------------- */

/* All input fileds with labels. Set the text vertical-align middle */
input[type="radio"] , input[type="checkbox"] 
{
    vertical-align: middle; 
    margin: 0px 5px 0px 0px;
}

/* Set all Elements to vertical-align middle in a table cell */
td, td > * , td > * > * {
    vertical-align : middle;
}

/* table */
.tableCellvAlignTop tr {
    vertical-align:top;    
}

/* tabs 
.ui-tabs { zoom: 1; float: left; } */

/* FileUplaod */
#FileThemeLogoUpload {   
    display: block;
    visibility: hidden;
    width: 0;
    height: 0;
}

/* Umrandung von Bildern */
.ImageBorder75 
{
    border-color: Black;
    border-style: Solid;
    border-width: 1px;
    width:75px;
}

.button24x24 { /*Verhindert nachträgliche Größenänderung des Toolbar durch Laden von Icons. Wichtig für Layout-Berechnung.*/
    width: 24px;
    height: 24px;
}

.SymbolPicker {
    height: 83px;
    width: 83px;
}

.SymbolPickerEditMode {
    cursor: pointer;
}

.SymbolContainer {
    padding: 10px !important;
    border: 1px solid #E0E0E0; 
}

/* Standard Maus cursor*/
.StandardMouseCursor {
    cursor: default;
}

.EditPageWidth
{
    width: 720px;
}

.EditPageNoPhrasesWidth {
    width: 900px;
}

.SatzControlPseudoHeader {
    padding: 4px;
    line-height: 175%;
    background-color: #DCE0E8;
    margin: 0px -2px;
} 

.ToxTableDefault {
    padding: 5px 4px;
    margin: 0px -2px;
} 

.ToxTablePseudoHeader {
    background-color: #DCE0E8;
    padding: 5px 4px;
    margin: 0px -2px;
} 

.ToxTableLegal {
    color: #0000FF !important;
    padding: 5px 4px;
    margin: 0px -2px;
}

.TextReplaceTooLong {
    color: #FF0000;
}

/* ----------------------Anfang Größen für Textfelder ----------------------- */

.Text6Chars
{
    width: 6ch;
}


.TextDate
{
    width: 10ch;
}

.TextDateTime
{
    width: 19ch;
}

.Text12Chars
{
    width: 12ch;
}

.Text15Chars
{
    width: 15ch;
}

.Text16Chars
{
    width: 16ch;
}

.Text20Chars
{
    width: 20ch;
}

.Text30Chars
{
    width: 30ch;
}

.Text40Chars
{
    width: 40ch;
}

.Text2Lines
{
    height: 3em;    
}

.Text3Lines
{
    height: 4em;    
}

.Text4Lines
{
    height: 5em;    
}

.Text6Lines
{
    height: 8em;    
}

.Text8Lines
{
    height: 10em;    
}

.Text12Lines
{
    height: 15em;    
}
    
/* ----------------------Ende Größen für Textfelder ----------------------- */

/* ----------------------Anfang Editable Combobox----------------------- */
.EditableCombobox {
    position: relative !important;
    display: inline-block !important;
}

.EditableComboboxToggle {
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    margin-left: -1px !important;
    padding: 0 !important;
}

.EditableComboboxInput {
    margin: 0 !important;
}

.EditableComboboxContainer {
    padding-right:25px !important;
}

.ui-state-default.EditableComboboxInput {
    background: white;
}
/* ----------------------Ende Editable Combobox----------------------- */

/* ----------------------Anfang eigene Icons für JQuery UI----------------------- */
.ui-pg-button .ui-icon.selectall { 
    background-image: url("../images/icons/selectall16.png");
    width: 16px; 
    height: 16px;  
} 

.ui-pg-button .ui-icon.selectnone { 
    background-image: url("../images/icons/selectnone16.png");
    width: 16px; 
    height: 16px;  
} 

.ui-pg-button .ui-icon.addpure { 
    background-image: url("../images/icons/addpure16.png");
    width: 28px; 
    height: 16px;  
} 

/*.ui-pg-button.ui-state-hover .ui-icon.addpure { 
    background-image: url("../images/addpure16.png");
    width: 32px; 
    height: 16px;  
}*/

.ui-pg-button .ui-icon.addsds { 
    background-image: url("../images/icons/addsds16.png");
    width: 28px; 
    height: 16px;  
} 

.ui-pg-button .ui-icon.addproduct { 
    background-image: url("../images/icons/addproduct16.png");
    width: 28px; 
    height: 16px;  
} 

.ui-pg-button .ui-icon.reselect { 
    background-image: url("../images/icons/reselect16.png");
    width: 28px; 
    height: 16px;  
} 

.ui-pg-button .ui-icon.copy { 
    background-image: url("../images/icons/copy16.png");
    width: 28px; 
    height: 16px;  
} 

.ui-pg-button .ui-icon.delete { 
    background-image: url("../images/icons/delete16.png");
    width: 28px; 
    height: 16px;  
} 

.ui-pg-button .ui-icon.edit { 
    background-image: url("../images/icons/16x16/edit.png");
    background-position: center;
    width: 28px; 
    height: 16px;  
} 

.ui-pg-button .ui-icon.delall { 
    background-image: url("../images/icons/delall16.png");
    width: 28px; 
    height: 16px;  
} 

.ui-pg-button .ui-icon.restore { 
    background-image: url("../images/icons/restore16.png");
    width: 28px; 
    height: 16px;  
} 

.ui-pg-button .ui-icon.adown { 
    background-image: url("../images/icons/adown16.png");
    width: 16px; 
    height: 16px;  
} 

.ui-pg-button .ui-icon.bup { 
    background-image: url("../images/icons/bup16.png");
    width: 28px; 
    height: 16px;  
} 

.ui-pg-button .ui-icon.bdown { 
    background-image: url("../images/icons/bdown16.png");
    width: 28px; 
    height: 16px;  
} 

.ui-pg-button .ui-icon.add { 
    background-image: url("../images/icons/add16.png");
    width: 28px; 
    height: 16px;  
} 

.ui-pg-button .ui-icon.addnew { 
    background-image: url("../images/icons/addnew16.png");
    width: 28px; 
    height: 16px;  
} 

.ui-pg-button .ui-icon.ellipsis { 
    background-image: url("../images/icons/ellipsis16.png");
    width: 28px; 
    height: 16px;  
} 

.ui-pg-button .ui-icon.assist { 
    background-image: url("../images/icons/assist16.png");
    width: 28px; 
    height: 16px;  
} 

.ui-pg-button .ui-icon.fav { 
    background-image: url("../images/icons/fav16.png");
    width: 28px; 
    height: 16px;  
} 

.ui-pg-button .ui-icon.radio { 
    background-image: url("../images/icons/radio16.png");
    width: 28px; 
    height: 16px;  
} 

.ui-pg-button .ui-icon.columns { 
    background-image: url("../images/icons/columns16.png");
    width: 28px; 
    height: 16px;  
} 

.ui-pg-button .ui-icon.shipment { 
    background-image: url("../images/icons/16x16/package.png");
    background-position: center;
    width: 28px; 
    height: 16px;  
} 

.ui-pg-button .ui-icon.add2 { 
    background-image: url("../images/icons/16x16/add.png");
    background-position: center;
    width: 28px; 
    height: 16px;  
} 

/* ----------------------Ende eigene Icons für JQuery UI----------------------- */

/* ----------------------Anfang Menu Bar----------------------- */
/*horizontale ebene*/
.MenuBar .ui-icon-caret-1-e {
    background-position: -64px -16px; /*Pfeil nach unten für ausklappendes Untermenü*/
}

.MenuBar > ul > li { 
    float: left;
    display: block;
    width: auto !important;
    margin: 5px 0px 5px 5px !important;
    padding: 0px !important;
}

.MenuBar > ul > li.MenuRightEndPrintButton { 
    background-position: left center !important;
    float: right !important;
    margin-right: 5px !important;
    padding-left: 20px !important;
    background-image: url('../images/icons/16x16/printer.png') !important;
    background-repeat: no-repeat !important;
    }

.MenuBar > ul > li > a {
    float: left;
    display: block;
    clear: both;
    overflow: hidden;
    font-weight: normal !important;
    padding: 5px !important;
}

.MainMenuBar > ul > li > a {
    font-size: 1.15em;
}

/*vertikale ebene*/
.MenuBar > ul > li > ul {
    overflow: visible !important;
}

.MenuBar > ul > li > ul > li { 
    padding: 2px 2px !important;
    display: block;
    width: auto !important;
}

.MenuBar > ul > li > ul > li > div > a {
    font-weight: normal !important;
    white-space: nowrap !important;
}

.FixedMenu {
    height:34px; 
    overflow:hidden;
    background-color: #e4e8f2;
}

.FixedMenu .ui-state-highlight {
    border: none !important;
    border-radius: 3px !important;
    background: #baccec !important;
}

/* ----------------------Ende Menu Bar----------------------- */

/* ----------------------Anfang SDB----------------------- */
 .SdsAlignTop
 {
     vertical-align: top;
 }

 .SdsLine
 {
     border: none; 
     border-top: 1px dotted silver; 
     height: 1px;
     margin-top:15px;
     margin-bottom:15px;
 }

.SdsHeaderLevel2
{
    font-size: 1.125em;
    font-weight: bold;
}

.SdsHeaderLevel2InsideWidget
{
    font-size: 1em;
    font-weight: bold;
}

.SdsHeaderLevel3
{
    font-weight: bold;
}

.SdsCellBeforeSmallSpace
{
    padding-bottom: 8px !important;
}

.SdsCellAfterSmallSpace
{
    padding-top: 8px !important;
}

.SdsCellAfterBigSpace
{
    padding-top: 24px !important;
}

.SdsCellWithLeftSpace
{
    padding-left: 15px !important;
}

.SdsCellWithRightSpace
{
    padding-right: 15px !important;
}

.LabelForMultiLineTextBox {
    vertical-align: top !important;
    padding-top: 6px !important;
}

.SdsGroupBox 
{
    width: 720px;
    margin-left: -10px;
}

.SdsFieldSet
{
    width: 720px;
	border-right: #E0E0E0 1px solid;
	border-top: #E0E0E0 1px solid;
	border-left: #E0E0E0 1px solid;
	border-bottom: #E0E0E0 1px solid;
	margin: 10px 0;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}

.SdsOuterAccordion {
    width: 720px;
}

.SdsLayoutTable {
    border-collapse: collapse;
    margin-left: -2px;
}

.SdsFullWidth {
    width: 100%; 
}

.SdsLayoutTable > tbody > tr > td {
    padding: 3px;
}

.SdsLayoutTableFullWidth > tr > td {
    padding: 3px;
}

.SdsInputLabel
{
}

.SdsItemWithRightMargin
{
    margin-right: 15px;
}

.SdsNoCheckbox
{
    padding-left: 19px;
}

.SdsInput
{
    padding: .4em !important; 
    border: 1px solid #C0C0C0;
}

.SdsInvalidInput
{
    background-color: #FFB0B0 !important;
}

.SdsIrrelevantInput
{
    color: #A0A0A0 !important;
}

.SdsInfo
{
    padding: .4em !important; 
    background-color:#EBEBEB;
    border: 1px solid #C0C0C0;
}

.SdsFullWidthWithoutLabel
{
    width:99% ;
}

.SdsFullWidthAfterLabel
{
    width: 400px;
}

.SdsFullWidthAfterShortLabel
{
    width: 560px;
}

.SdsLeftLabelCell
{
    padding-right: 15px !important;
}

.SdsIndentCell
{
    padding-left: 100px;
}

.SdsCell1of3
{
    width: 200px;
}

.SdsDisabledSelect
{
    border-color: #E0E0E0;
}

.SdsValueFromMask
{
    background:#ffffbb !important;
}

.SdsInfo.SdsValueFromMask
{
    background: #e8e8c8 !important;
}

.HeaderCanIndicateValueFromMask {
    padding: 8px 0;
}

.SdsIngredientDetailsLabelCell {
    vertical-align: top;
    font-weight: bold;
    padding-right: 10px;
}

.SdsInfoButton
{
    cursor: pointer;
    background-image: url("../images/icons/16x16/information2.png") !important;
    background-position: 0px 0px !important;
}

.SdsInfoIcon
{
    opacity: 0.333;
}

.SdsEinschubContainer
{
    padding: 4px;
    line-height: 175%;
}

.SdsClassiMethodInput
{
    width: 360px;
}

.SdsBlockCell {
    background-color: #F8F8F8;
    padding: 6px;
}

.SdsNextBlockCell {
    background-color: #F8F8F8;
    padding: 6px;
    padding-top: 0px;
}

.SdsMultiLineBoxLabel {
    vertical-align: top;
    padding-top: 3px !important;
}

.SdsMultiLineBoxLabelAfterSmallSpace {
    vertical-align: top;
    padding-top: 11px !important;
}

.SdsMerchNumCompanySelect {
    width: 480px;
}

.SynonymLanguageTable {
    margin-top: 8px;
    margin-bottom: 8px;
    width: 99%;
	border: silver 1px dotted;
}

.SynonymLanguageTable > tbody > tr > td {
    padding: 4px;
}

.SynonymLanguageCell1 {
    padding-top:2px !important;
    padding-bottom: 0px !important;
}

.SynonymLanguageCellX {
    padding-top:8px !important;
    padding-bottom: 0px !important;
}

/* ----------------------Ende SDB----------------------- */

/* ----------------------Anfang GHS-Einstufung----------------------- */

.GhsClassiDefaultWidthDropDown
{
    width:240px;
}

.GhsClassiLongDropDown {
    width:390px;
}

.GhsClassiShortDropDown {
    width:160px;
}

.GhsClassiTestResultDropDown1
{
    width:170px;
}

.GhsClassiTestResultDropDown2
{
    width:140px;
}

.GhsClassiAccordionTable
{
    margin: 0px;
    width: 100%;
}

.GhsClassiSmallTable
{
}

.GhsClassiSmallCell
{
    height: 15px;
}

.GhsClassiFixedLabelCell {
    height: 27px;
    width: 290px;
    padding: 0px 10px;
    background-color: #ECECF8;
    vertical-align: middle;
}

.GhsClassiFixedLabelCellSubItem {
    height: 27px;
    width: 240px;
    padding: 0px 10px 0px 30px;
    background-color: #ECECF8;
    vertical-align: middle;
}

.GhsClassiLabelCell {
    height: 27px;
    padding: 0px 10px;
    background-color: #ECECF8;
    vertical-align: middle;
}

.GhsClassiLabelCellSubItem {
    height: 27px;
    padding: 0px 10px 0px 30px;
    background-color: #ECECF8;
    vertical-align: middle;
}

.GhsClassBlockLabelCell{
    width: 1px;
    white-space: nowrap;
    padding: 8px 10px 0px 10px;
    background-color: #ECECF8;
    vertical-align: top;
}

.GhsClassiLabelCellBackground {
    padding: 0px 5px;
    background-color: #ECECF8;
    vertical-align: middle;
}

.GhsClassiInputCellBackground {
    padding: 0px 5px;
    background-color: #F8F8F8;
    vertical-align: middle;
}

.GhsClassiCheckboxCell{
    height: 27px;
    padding: 0px 10px;
    background-color: #F8F8F8;
    vertical-align: middle;
}

.GhsClassiCheckboxCellSubItem{
    height: 27px;
    padding: 0px 10px 0px 30px;
    background-color: #F8F8F8;
    vertical-align: middle;
}

.GhsClassiInputCellAfterLabel{
    height: 27px;
    width: 1px;
    padding: 0px 10px;
    background-color: #F8F8F8;
    vertical-align: middle;
}


.GhsClassiInputCellAfterLabelWide {
    height: 27px;
    width: 100%;
    padding: 0px 10px;
    background-color: #F8F8F8;
    vertical-align: middle;
}

.GhsClassiFixedInputCell{
    height: 27px;
    /*width: 250px;*/
    width: 1px;
    padding: 0px 10px;
    background-color: #F8F8F8;
    vertical-align: middle;
}

.GhsClassiSuggestionCell{
    height: 27px;
    padding: 0px 10px;
    background-color: #F8F8F8;
    font-style: italic;
    vertical-align: middle;
}

.GhsClassiSmallTableFrameCell
{
    background-color: #F8F8F8;
    padding: 4px;
}

.GhsClassiTestResultLabelCell {
    height: 27px;
    width: 290px;
    padding: 0px 10px;
    background-color: #ECECF8;
    vertical-align: middle;
}

.GhsClassiTestResultValueCell{
    height: 27px;
    width: 1px;
    padding: 0px 10px;
    background-color: #F8F8F8;
    vertical-align: middle;
}

/* ----------------------Ende GHS-Einstufung----------------------- */

.WizardRuleSettings {
    margin-top: 10px;
    margin-bottom: 10px;
}

/* SdsWizard */
#WizardResult p {
    display:inline;
}

.WizardResult p {
    display:inline;
}
/* SdsWizard Ende */

/* PhrasenBox */

.currentPhraseBox {
    background-color: #C0FF80 !important;
}

.phrase {
    vertical-align: baseline;
    /*margin-left: 1px;
    margin-right: 1px;*/
  cursor: pointer; 
  line-height: 150%;
}

.phraseForDocLanguage {
    padding: 1px 4px;
    margin: 0px -2px;
    height: 100%;
    vertical-align:middle;
    background-color: rgba(0,0,64,0.3);
}

.phraseForCheck {
    padding: 1px 4px;
    margin: 0px -2px;
    height: 100%;
    vertical-align:middle;
    background-color: rgba(128,64,0,0.3);
}

.phrA {
  border-radius: 4px 4px 4px 4px;
}

.phrB {
  border-radius: 4px 0px 0px 4px;
}

.phrE {
  border-radius: 0px 4px 4px 0px;
}

.phrC {
  background-color: #C6C7FF;
}

.phrCx {
    background-color: #C6C7FF;
    border: 1px solid #C6C7FF;
}

.phrP {
    background-color: #DFB3FD;
}

.phrPx {
    background-color: #DFB3FD;
    border: 1px solid #DFB3FD;
}

.phrS {
  background-color: #93EED2;
}

.phrSx {
    background-color: #93EED2;
    border: 1px solid #93EED2;
}

.phrQ {
    background-color: #A2DDEE;
}

.phrM {
    background-color: #FFC080;
}

.phrMx {
    background-color: #FFC080;
    border: 1px solid #FFC080;
}

.insert {
  /*display:inline-block;*/
  /*border-style: solid;
  border-width: 1px;
  border-color: gray;*/
  /*min-width: 1em;
  min-height: 1em;*/
  /*padding-left: .5em;
  padding-right: .5em;*/
  vertical-align: baseline;
  /*background-color: white;*/
  /*cursor: text;
  white-space: nowrap;	*/
}

/* Textarea */
.Multiline {
    -moz-appearance: textfield-multiline;
    -webkit-appearance: textarea;
    background-color: white;
    border: 1px solid gray;
    overflow: auto;
    padding: .4em;
    resize: vertical;
    display: block; /* Cursor setzen in leeren divs! */
    text-align: left;
    white-space: pre-line; /* Erzwingt Umbruch von Wörtern. Verhindert ein zu breites div, wenn kein width angeben wurde.*/
}

/* Input */
.Singleline {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    background-color: white;
    background-color: -moz-field;
    border: 1px solid darkgray;
    margin: 0;
    padding: .4em; 
    white-space: nowrap!important;
    overflow: hidden;
    display: inline-block !important;
    align-items: center;
    line-height: 125%;
}

.NestedPhraseBox {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    background-color: white;
    background-color: -moz-field;
    border: 1px solid darkgray;
    margin: 0;
    padding: .25em .4em; 
    overflow: hidden;
    display: inline-block !important;
    align-items: center;
    line-height: 125%;
}

.PhraseComboboxInputArea {
    display: inline-block; 
    padding: 0;
    background-color: white !important;
}

.PhraseComboboxInputArea .Singleline {
    border: none;
    background-color: white !important;
    margin: 0;
    padding: 5px 5px;
}

.PhraseDialogInfo {
    padding: 5px;
    background-color: #c0e0ff; 
    font-size: x-small;
    border-radius: 3px;
}

.PhraseDialogError {
    padding: 5px;
    background-color: #ffc000; 
    font-size: x-small;
    border-radius: 3px;
}

/* span darf keinen Focus haben, da dort ein Rahmen nur um das span gemacht wird. Der Rahmen muss um das div */
span:focus {
    outline: -webkit-focus-ring-color auto 5px;
}

.SinglelineRight {
    text-align: right;
}

span[disabled="disabled"] {
    background-color: #ebebe4; /* Ausgelese Farbe. Besser wäre default! */
}

/* PhrasenBox Ende*/

/* TagControl */

.TagFull {
    display: inline;
    margin-right: 10px;
    margin-left: -2px;
    border-spacing: 2px;
    border-collapse: separate;
}

.TagPart {
    height: 15px;
    padding: 1px 6px;
    cursor: pointer;
    background-color: #C0D8FF;
}

.TagPartDisabled {
    height: 15px;
    padding: 1px 6px;
    background-color: #E0E0E0;
}

.TagPartFirst {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.TagPartLast {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.TagMenu {
    position: absolute;
    z-index: 70;
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 1px !important;
}

.TagDialogTable {
    width: 600px;
}

.TagDialogTable > tbody > tr > td {
    padding-left: 6px;
}

.TagDialogCellFirst {
    padding-top: 6px;
}

.TagDialogCellLast {
    padding-bottom: 6px;
    border-bottom: 1px solid #C0C0C0 !important;
}

.TagDialogInfo {
    padding-bottom: 10px;
}

.TagDialogAdd {
    padding: 6px;
}

.TagDialogOp {
    padding-left: 12px !important;
}

.TagMenu .ui-menu-item {
    min-width: 200px;
}

/* TagControl Ende */

/* AutoComplete */

.ui-autocomplete {
    max-height: 222px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
  }

/* AutoComplete Ende */

/* Transportclassification */

.TransportClassificationTable {
    display:table; 
}
.TransportClassificationTableRow {
    display:table-row; 
}
.TransportClassificationTableCell {
    display:table-cell; 
}
.TransportClassificationTableCellPadded {
    padding-right:5px;
}
/* Transportclassification Ende */

/* Label */

.LabelTable {
    width: 720px;
}

/* Label Ende */