@charset "UTF-8";
/* shop2 CSS Document skin_all_darkmode_class.scss */
body.darkmode {
  background-color: black;
  color: white;
}

.darkmode {
  /* shop2 CSS Document skin_all_darkmode.scss */
  /* ### Skin ### */
  /* Variables */
  /* shop2 CSS Document _config.scss */
  /* COLOR DEFINITIONS */
  /* Primefaces default bg variables */
  /**** RAHMEN ****/
  /* HEADER */
  /* FONTS */
  /* BORDER */
  /* FORMS */
  /*$field_bg: $light_grey;*/
  /* Feldlängen */
  /* BUTTONS */
  /* default */
  /* TABLES */
  /**** MENU ****/
  /* (top) */
  /* MENU BG */
  /* MENU FONTS */
  /* MENU HEIGHT */
  /* TAX INFO COLOR*/
  /* Skin-Variables */
  /* Variables darkmode */
  /* shop2 CSS Document _config_darkmode.scss */
  /* shop2 CSS Document _mixins.scss */
  /* ### BROWSER SPECIALS ### */
  /* @include box-shadow(0px 4px 5px #666); */
  /* @include border-radius(4px); */
  /* @include box-sizing(border-box); */
  /* @include rotate(90deg); */
  /* @include h_gradient(#1bb2f1, $base_grey); */
  /* @include v_gradient($white, $base_grey); */
  /* ### DEFINITION DEFAULT BG PRIMEFACES ELEMENTS ### */
  /* @include default_pf_bg; */
  /* @include default_pf_bg_hover; */
  /* @include default_pf_bg_active; */
  /* ### BUTTON DEFINITION ### */
  /* @include button; */
  /* @include button_hover; */
  /* @include button_disabled; */
  /* @include button_default; */
  /* @include button_default_hover; */
  /* PRINT BUTTON */
  /* ### FORM COMPONETNS ### */
  /* @include placeholder; */
  /* @include field_border($field_border); */
  /* @include field_sizes; */
  /* @include field_defaults; */
  /* Styles for grid-system */
  /*! smart-grid.css 3.1.0 | BSD License | http://dryan.com/css-smart-grid */
  /* Styles displayed in GD like colors*/
  /* shop2 CSS Document _guidesigner_elements.scss */
  /* styles with preview in gui designer :*/
  /*pamgd_bColorDefault_displayName=Default*/
  /*pamgd_bColor1_displayName=No color available*/
  /* disabled for now:  *_defaultForElement=header,footer*/
  /*pamgd_bColor2_displayName=Lightgrey*/
  /*pamgd_bColor3_displayName=Grey*/
  /*pamgd_bColor4_displayName=Darkgrey*/
  /*pamgd_bColor5_displayName=Black*/
  /*pamgd_bColor6_displayName=Blue*/
  /*pamgd_bColor7_displayName=Red*/
  /*pamgd_bColor8_displayName=Green*/
  /*pamgd_bColor9_displayName=Purple*/
  /*pamgd_bColor10_displayName=Light Yellow*/
  /*pamgd_bColor11_displayName=Light Orange*/
  /*pamgd_bColor12_displayName=Light Red*/
  /*pamgd_bColor13_displayName=Light Blue*/
  /*pamgd_bColor14_displayName=Light Green*/
  /*pamgd_bColor15_displayName=Light Purple*/
  /*pamgd_fColorDefault_displayName=Default*/
  /*pamgd_fColor0_displayName=No color available*/
  /*pamgd_fColor1_displayName=Blue*/
  /*pamgd_fColor2_displayName=Green*/
  /*pamgd_fColor3_displayName=Orange*/
  /*pamgd_fColor4_displayName=Light Blue*/
  /*pamgd_fColor5_displayName=Grey*/
  /*pamgd_fColor6_displayName=Red*/
  /*pamgd_fColor7_displayName=Purple*/
  /*pamgd_fColor8_displayName=Magenta*/
  /*pamgd_fColor9_displayName=Light Green*/
  /*pamgd_fColor10_displayName=Yellow*/
  /*pamgd_fColor11_displayName=Black*/
  /*pamgd_defaultStyle=button_as_button*/
  /*pamgd_defaultStyle=button_as_link*/
  /*pamgd_buttonIconDefault_displayName=Default*/
  /*pamgd_buttonIcon1_displayName=Icon sort up*/
  /*pamgd_buttonIcon1_displayClassName=false*/
  /*pamgd_buttonIcon2_displayName=Icon sort down*/
  /*pamgd_buttonIcon2_displayClassName=false*/
  /*pamgd_buttonIcon3_displayName=Icon delete*/
  /*pamgd_buttonIcon3_displayClassName=false*/
  /* Basic Styles like width & paddings */
  /* shop2 CSS Document _basic_styles.scss */
  /* FONT */
  /* Base layout, site structure*/
  /* shop2 CSS Document _base_frame.scss */
  /* BUTTONBAR OPTIONAL */
  /* Defintionen für Inhalt ohne Seitenrahmen */
  /* All standard content elements */
  /* shop2 CSS Document _content_elements.scss */
  /* INPUTS */
  /* Error Messages */
  /*.error_field{
	border:$field_border_error;
}
*/
  /* Button */
  /* TABSHEETS */
  /* IE 7 Bugfix */
  /* IE 7 Bugfix */
  /* TABSHEETS */
  /*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
  /*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
  /*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
  /*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
  /* If desired, hide the heading since a heading is provided by the tab */
  /* Example of using an ID to set different styles for the tabs on the page */
  /* pwstrength.styles */
  /* All project custom styles */
  /* shop2 CSS Document _custom_pass_shop.scss */
  /*.centerCont{
	width:900px;
	margin:0 auto;
}
*/
  /* Fix für die Ansicht im GUI Designer */
  /*.btn_to_cart{
	width:100%;
	margin-top:10px;
	
	&:before{
		font-family:FontAwesome;
		display:inline-block;
		padding-right:8px;
		text-align:left;
		content:"\f218";
	}
	
	
	@include button;
	@include button_default;

	&:hover,
	&:focus,
	&:active{
		@include button_default_hover;
	}
	&[disabled],
	&[disabled]:hover,
	&[disabled]:focus,
	&[disabled]:active{
		@include button_disabled;
	}	
}*/
  /* gridtbl 2 */
  /* Styles für  "Meine Adressen" */
  /* PR Container für Startseite */
  /* Bestellschritte */
  /* Wartungsfenster */
  /*
	Ticket Styles 
	SEATRESERVATION 
*/
  /* featherlight overwrite */
  /*
	Image Zoom-in:Cursor
*/
  /*Katgoriemenu -> When expanded text becomes bold*/
  /*Cart in the Sidebar Background*/
  /*Zoom Button Class*/
  /* Hide the images by default */
  /* Next & previous buttons */
  /* Position the "next button" to the right */
  /* On hover, add a black background color with a little bit see-through */
  /* Fading animation */
  /* Slideshow container */
  /* Menu */
  /* shop2 CSS Document _menu_standard_h.scss */
  /* Primefaces & jquery overwrite styles*/
  /* shop2 CSS Document _overload_lib.scss */
  /* JQUERY */
  /*.ui-widget-content a {
    color: $base_color;
}
.ui-widget-content a:hover {
    color: $black;
	text-decoration:none;
}
*/
  /* datatable */
  /* Allgemeine Definition der Tables */
  /* Simple Layout Table 
.simple_layout_table{
	.ui-datatable,
	.ui-treetable,
	.ui-datatable-resizable {
		
		@include box-sizing(border-box);
		
		.pamgd_smartgrid_container::before, 
		.pamgd_smartgrid_row::before, 
		.pamgd_smartgrid_container::after, 
		.pamgd_smartgrid_row::after{
			display:block !important;
		}
		
		table{
			border-spacing: 10px;
			border-collapse: separate;
			@include box-sizing(border-box);
		}
		
		tbody td{
			border: 1px solid $border_color;
		}
		
	
		tbody tr{
			&.ui-state-highlight td{
				background-color:$white;
				&.ui-state-active,
				&.ui-state-focus{background-color:$white;}
			}
			
			&:nth-child(2n) td{
				background-color:$white;
				&.ui-state-active,
				&.ui-state-focus{background-color:$white;}
			}
			
			&.ui-datatable-selectable.ui-state-highlight:nth-child(2n) td{
				background-color:$white;
				&.ui-state-active,
				&.ui-state-focus{background-color:$white;}
			}
		} 
		
	}
}*/
  /* Panelgrid */
  /*.ui-datatable > div > table > thead > tr > th > span > div > label {
	font-family:$font_family_bold;
	font-size:$font_size;
	color:$base_color;
}*/
  /*
.ui-datatable tbody tr:nth-child(2n) td{
	background-color:$tbl_row_dark;
} 
*/
  /*
.ui-datatable tbody td i.fa-check-circle-o,
i.fa-check-circle-o,
i.fa-check-circle-o:hover{color:#063; cursor:default !important;}
*/
  /*.ui-datatable .ui-column-filter{
    display: block;
    width: 100%;
    margin: auto;
    margin-top:4px;
}*/
  /* InCell Editing */
  /*.tableStyleAssignerDiv {
    display: inline;
	
	&.pamgd_prop_right,
	&.pamgd_prop_left {
		display:block;
	}
}*/
  /* paginator */
  /*.ui-datatable-odd {
    background-color:$light_grey;
}*/
  /* datatable resizeable */
  /* Treetable, resizeable */
  /*default width of bootstrap input*/
  /* TABS */
  /* TABS LEFT */
  /* INPUTS */
  /* Picklist */
  /* Messages / Fehlermeldungen */
  /* datepicker */
  /* labels & spans */
  /* Popups */
  /*
ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-left decisionpopup_button
ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-left decisionpopup_button
*/
  /* Galerie */
  /* Primefaces:
.ui-galleria{
	&.ui-widget-content{
		background-color:$white;
		border:1px solid $border_color;
		@include border-radius($b_radius);
	}
	
	.ui-galleria-panel-wrapper{overflow:hidden;}
}
*/
  /* loading animation */
  /* Responsive Design */
  /* shop2 CSS Document _mobile.scss */
  /* Ausnahme für Stadionmap  */
  /* Very small screen, mobile and iPad Portrait */
  /* ORIGINAL
@media only screen and (max-width: 600px),
handheld and (max-width: 600px),
screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait) {  */
  /* Mobile */
  /* Mobile Portrait */
  /* especially iPad Landscape */
  /* especially iPad Portrait */
  /* especially iPhone Landscape */
  /* especially iPhone Portrait */
  /* Print Styles */
  /* shop2 CSS Document _print.scss */
  /* Print Ticket */
  /* shop2 CSS Document _print_ticket.scss */
  /* shop2 CSS Document _darkmode.scss */
  /* new variables */
  /* new code for skin_all.css */
}

.darkmode .pamgd_smartgrid_container {
  max-width: 940px;
  padding: 0 1.0638297872340425%;
  margin: 0 auto;
  zoom: 1;
}

.darkmode .pamgd_smartgrid_row {
  margin-top: 3px;
  margin-bottom: 3px;
}

.darkmode .pamgd_smartgrid_container:before, .darkmode .pamgd_smartgrid_container:after {
  content: "";
  display: table;
}

.darkmode .pamgd_smartgrid_container:after {
  clear: both;
}

.darkmode .pamgd_smartgrid_container, .darkmode .pamgd_smartgrid_row {
  zoom: 1;
}

.darkmode .pamgd_smartgrid_container:before, .darkmode .pamgd_smartgrid_row:before, .darkmode .pamgd_smartgrid_container:after, .darkmode .pamgd_smartgrid_row:after {
  content: "";
  display: table;
}

.darkmode .pamgd_smartgrid_container:after, .darkmode .pamgd_smartgrid_row:after {
  clear: both;
}

@media (min-width: 481px) {
  .darkmode .pamgd_smartgrid_columns {
    float: left;
    margin: 0 0 0 2.127659574468085%;
    width: 6.3829787%;
  }
  .darkmode .pamgd_smartgrid_columns:first-child, .darkmode .pamgd_smartgrid_columns.first {
    margin-left: 0;
  }
  .darkmode .pamgd_smartgrid_columns.two {
    width: 14.893616974468085%;
  }
  .darkmode .pamgd_smartgrid_columns.three, .darkmode .pamgd_smartgrid_columns.one-fourth {
    width: 23.40425524893617%;
  }
  .darkmode .pamgd_smartgrid_columns.four, .darkmode .pamgd_smartgrid_columns.one-third {
    width: 31.914893523404253%;
  }
  .darkmode .pamgd_smartgrid_columns.five {
    width: 40.42553179787234%;
  }
  .darkmode .pamgd_smartgrid_columns.six, .darkmode .pamgd_smartgrid_columns.one-half {
    width: 48.936170072340424%;
  }
  .darkmode .pamgd_smartgrid_columns.seven {
    width: 57.44680834680851%;
  }
  .darkmode .pamgd_smartgrid_columns.eight, .darkmode .pamgd_smartgrid_columns.two-thirds {
    width: 65.95744662127659%;
  }
  .darkmode .pamgd_smartgrid_columns.nine, .darkmode .pamgd_smartgrid_columns.three-fourths {
    width: 74.46808489574468%;
  }
  .darkmode .pamgd_smartgrid_columns.ten {
    width: 82.97872317021276%;
  }
  .darkmode .pamgd_smartgrid_columns.eleven {
    width: 91.48936144468084%;
  }
  .darkmode .pamgd_smartgrid_columns.twelve, .darkmode .pamgd_smartgrid_columns.full {
    width: 99.99999971914895%;
  }
  .darkmode .pamgd_smartgrid_columns.offset-one {
    margin-left: 10.638297848936169%;
  }
  .darkmode .pamgd_smartgrid_columns.offset-one:first-child, .darkmode .pamgd_smartgrid_columns.offset-one.first {
    margin-left: 8.510638274468086%;
  }
  .darkmode .pamgd_smartgrid_columns.offset-two {
    margin-left: 19.148936123404255%;
  }
  .darkmode .pamgd_smartgrid_columns.offset-two:first-child, .darkmode .pamgd_smartgrid_columns.offset-two.first {
    margin-left: 17.02127654893617%;
  }
  .darkmode .pamgd_smartgrid_columns.offset-three {
    margin-left: 27.65957439787234%;
  }
  .darkmode .pamgd_smartgrid_columns.offset-three:first-child, .darkmode .pamgd_smartgrid_columns.offset-three.first {
    margin-left: 25.531914823404257%;
  }
  .darkmode .pamgd_smartgrid_columns.offset-four {
    margin-left: 36.170212672340426%;
  }
  .darkmode .pamgd_smartgrid_columns.offset-four:first-child, .darkmode .pamgd_smartgrid_columns.offset-four.first {
    margin-left: 34.04255309787234%;
  }
  .darkmode .pamgd_smartgrid_columns.offset-five {
    margin-left: 44.680850946808505%;
  }
  .darkmode .pamgd_smartgrid_columns.offset-five:first-child, .darkmode .pamgd_smartgrid_columns.offset-five.first {
    margin-left: 42.55319137234042%;
  }
  .darkmode .pamgd_smartgrid_columns.offset-six {
    margin-left: 53.1914892212766%;
  }
  .darkmode .pamgd_smartgrid_columns.offset-six:first-child, .darkmode .pamgd_smartgrid_columns.offset-six.first {
    margin-left: 51.063829646808514%;
  }
  .darkmode .pamgd_smartgrid_columns.offset-seven {
    margin-left: 61.702127495744676%;
  }
  .darkmode .pamgd_smartgrid_columns.offset-seven:first-child, .darkmode .pamgd_smartgrid_columns.offset-seven.first {
    margin-left: 59.57446792127659%;
  }
  .darkmode .pamgd_smartgrid_columns.offset-eight {
    margin-left: 70.21276577021277%;
  }
  .darkmode .pamgd_smartgrid_columns.offset-eight:first-child, .darkmode .pamgd_smartgrid_columns.offset-eight.first {
    margin-left: 68.08510619574469%;
  }
  .darkmode .pamgd_smartgrid_columns.offset-nine {
    margin-left: 78.72340404468085%;
  }
  .darkmode .pamgd_smartgrid_columns.offset-nine:first-child, .darkmode .pamgd_smartgrid_columns.offset-nine.first {
    margin-left: 76.59574447021276%;
  }
  .darkmode .pamgd_smartgrid_columns.offset-ten {
    margin-left: 87.23404231914893%;
  }
  .darkmode .pamgd_smartgrid_columns.offset-ten:first-child, .darkmode .pamgd_smartgrid_columns.offset-ten.first {
    margin-left: 85.10638274468084%;
  }
  .darkmode .pamgd_smartgrid_columns.offset-eleven {
    margin-left: 95.744680593617%;
  }
  .darkmode .pamgd_smartgrid_columns.offset-eleven:first-child, .darkmode .pamgd_smartgrid_columns.offset-eleven.first {
    margin-left: 93.61702101914892%;
  }
}

.darkmode .pamgd_margin_none {
  margin: 0 !important;
}

.darkmode .pamgd_padding_none {
  padding: 0 !important;
}

.darkmode .pamgd_gridCell_padding_none {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.darkmode .pamgd_gridCell_margin_none {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.darkmode .pamgd_prop_right {
  text-align: right !important;
}

.darkmode .pamgd_prop_left {
  text-align: left !important;
}

.darkmode .pamgd_prop_center {
  text-align: center !important;
}

.darkmode .pamgd_fontSizeSmall {
  font-size: 6px !important;
}

.darkmode .pamgd_fontSizeMedium {
  font-size: 11px !important;
}

.darkmode .pamgd_fontSizeLarge {
  font-size: 16px !important;
}

.darkmode .pamgd_widthXSmall {
  width: 12% !important;
}

.darkmode .pamgd_widthSmall {
  width: 24% !important;
}

.darkmode .pamgd_widthMedium {
  width: 46% !important;
}

.darkmode .pamgd_widthLarge {
  width: 98% !important;
}

.darkmode .pamgd_heightSmall {
  height: 18px !important;
}

.darkmode .pamgd_heightMedium {
  height: 24px !important;
}

.darkmode .pamgd_heightLarge {
  height: 32px !important;
}

.darkmode .pamgd_inline {
  display: inline !important;
}

.darkmode .pamgd_inlineBlock {
  display: inline-block !important;
}

.darkmode .pamgd_block {
  display: block !important;
}

.darkmode .pamgd_element_inline {
  display: inline !important;
}

.darkmode .pamgd_element_inlineBlock {
  display: inline-block !important;
}

.darkmode .pamgd_element_block {
  display: block !important;
}

.darkmode .pamgd_boldtext {
  font-weight: normal;
  font-family: "OpenSansSemibold", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.darkmode .pamgd_italic {
  font-style: italic !important;
}

.darkmode .pamgd_hide {
  display: none !important;
}

.darkmode .pamgd_bColor1 {
  /*background-color:#fff !important;
	background-image: none !important;*/
}

.darkmode .pamgd_bColor2 {
  /*background-color:#dddddd !important;
	background-image: none !important;*/
}

.darkmode .pamgd_bColor3 {
  /*background-color:#999999 !important;
	background-image: none !important;*/
}

.darkmode .pamgd_bColor4 {
  /*background-color:#595959 !important;
	background-image: none !important;*/
}

.darkmode .pamgd_bColor5 {
  /*background-color:#000 !important;
	background-image: none !important;*/
}

.darkmode .pamgd_bColor6 {
  /*background-color:#1070d1 !important;
	background-image: none !important;*/
}

.darkmode .pamgd_bColor7 {
  /*background-color:#d92405 !important;
	background-image: none !important;*/
}

.darkmode .pamgd_bColor8 {
  /*background-color:#099709 !important;
	background-image: none !important;*/
}

.darkmode .pamgd_bColor9 {
  /*background-color:#623391 !important;
	background-image: none !important;*/
}

.darkmode .pamgd_bColor10 {
  /*background-color:#ffff8d !important;
	background-image: none !important;*/
}

.darkmode .pamgd_bColor11 {
  /*background-color:#ffcd85 !important;
	background-image: none !important;*/
}

.darkmode .pamgd_bColor12 {
  /*background-color:#fcc4c4 !important;
	background-image: none !important;*/
}

.darkmode .pamgd_bColor13 {
  /*background-color:#c7dfff !important;
	background-image: none !important;*/
}

.darkmode .pamgd_bColor14 {
  /*background-color:#d2edab !important;
	background-image: none !important;*/
}

.darkmode .pamgd_bColor15 {
  /*background-color:#d7ccf3 !important;
	background-image: none !important;*/
}

.darkmode .pamgd_fColor0 {
  /*color: #fff  !important;*/
}

.darkmode .pamgd_fColor1 {
  /*color: #003deb  !important;*/
}

.darkmode .pamgd_fColor2 {
  /*color: #099709  !important;*/
}

.darkmode .pamgd_fColor3 {
  /*color: #ff9f07  !important;*/
}

.darkmode .pamgd_fColor4 {
  /*color: #81d0f1  !important;*/
}

.darkmode .pamgd_fColor5 {
  /*color: #7d7d7d  !important;*/
}

.darkmode .pamgd_fColor6 {
  /*color: #ee0000  !important;*/
}

.darkmode .pamgd_fColor7 {
  /*color: #8d03f7  !important;*/
}

.darkmode .pamgd_fColor8 {
  /*color: #ff18ab  !important;*/
}

.darkmode .pamgd_fColor9 {
  /*color: #9bbb19  !important;*/
}

.darkmode .pamgd_fColor10 {
  /*color: #cbc403  !important;*/
}

.darkmode .pamgd_fColor11 {
  /*color: #000  !important;*/
}

.darkmode .pamgd_buttonIcon1 {
  background-color: transparent;
  background-image: url("../images/buttons/sort_up.gif");
  background-repeat: no-repeat;
  border: 0 none;
  cursor: pointer;
  height: 12px;
  margin-right: 1px;
  width: 12px;
}

.darkmode .pamgd_buttonIcon2 {
  background-color: transparent;
  background-image: url("../images/buttons/sort_down.gif");
  background-repeat: no-repeat;
  border: 0 none;
  cursor: pointer;
  height: 12px;
  margin-right: 1px;
  width: 12px;
}

.darkmode .pamgd_buttonIcon3 {
  background-color: transparent;
  background-image: url("../images/buttons/delete.gif");
  background-repeat: no-repeat;
  border: 0 none;
  cursor: pointer;
  height: 11px;
  margin-right: 1px;
  width: 11px;
}

@font-face {
  .darkmode {
    font-family: 'OpenSansLight';
    src: url("../fonts/OpenSans-Light-webfont.eot");
    src: url("../fonts/OpenSans-Light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Light-webfont.woff") format("woff"), url("../fonts/OpenSans-Light-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Light-webfont.svg#OpenSansLight") format("svg");
    font-weight: normal;
    font-style: normal;
  }
}

@font-face {
  .darkmode {
    font-family: 'OpenSansLightItalic';
    src: url("../fonts/OpenSans-LightItalic-webfont.eot");
    src: url("../fonts/OpenSans-LightItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-LightItalic-webfont.woff") format("woff"), url("../fonts/OpenSans-LightItalic-webfont.ttf") format("truetype"), url("../fonts/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic") format("svg");
    font-weight: normal;
    font-style: normal;
  }
}

@font-face {
  .darkmode {
    font-family: 'OpenSansRegular';
    src: url("../fonts/OpenSans-Regular-webfont.eot");
    src: url("../fonts/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Regular-webfont.woff") format("woff"), url("../fonts/OpenSans-Regular-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Regular-webfont.svg#OpenSansRegular") format("svg");
    font-weight: normal;
    font-style: normal;
  }
}

@font-face {
  .darkmode {
    font-family: 'OpenSansItalic';
    src: url("../fonts/OpenSans-Italic-webfont.eot");
    src: url("../fonts/OpenSans-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Italic-webfont.woff") format("woff"), url("../fonts/OpenSans-Italic-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Italic-webfont.svg#OpenSansItalic") format("svg");
    font-weight: normal;
    font-style: normal;
  }
}

@font-face {
  .darkmode {
    font-family: 'OpenSansSemibold';
    src: url("../fonts/OpenSans-Semibold-webfont.eot");
    src: url("../fonts/OpenSans-Semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Semibold-webfont.woff") format("woff"), url("../fonts/OpenSans-Semibold-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold") format("svg");
    font-weight: normal;
    font-style: normal;
  }
}

@font-face {
  .darkmode {
    font-family: 'OpenSansSemiboldItalic';
    src: url("../fonts/OpenSans-SemiboldItalic-webfont.eot");
    src: url("../fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-SemiboldItalic-webfont.woff") format("woff"), url("../fonts/OpenSans-SemiboldItalic-webfont.ttf") format("truetype"), url("../fonts/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic") format("svg");
    font-weight: normal;
    font-style: normal;
  }
}

@font-face {
  .darkmode {
    font-family: 'OpenSansBold';
    src: url("../fonts/OpenSans-Bold-webfont.eot");
    src: url("../fonts/OpenSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Bold-webfont.woff") format("woff"), url("../fonts/OpenSans-Bold-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Bold-webfont.svg#OpenSansBold") format("svg");
    font-weight: normal;
    font-style: normal;
  }
}

@font-face {
  .darkmode {
    font-family: 'OpenSansBoldItalic';
    src: url("../fonts/OpenSans-BoldItalic-webfont.eot");
    src: url("../fonts/OpenSans-BoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-BoldItalic-webfont.woff") format("woff"), url("../fonts/OpenSans-BoldItalic-webfont.ttf") format("truetype"), url("../fonts/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic") format("svg");
    font-weight: normal;
    font-style: normal;
  }
}

@font-face {
  .darkmode {
    font-family: 'OpenSansExtrabold';
    src: url("../fonts/OpenSans-ExtraBold-webfont.eot");
    src: url("../fonts/OpenSans-ExtraBold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-ExtraBold-webfont.woff") format("woff"), url("../fonts/OpenSans-ExtraBold-webfont.ttf") format("truetype"), url("../fonts/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold") format("svg");
    font-weight: normal;
    font-style: normal;
  }
}

@font-face {
  .darkmode {
    font-family: 'OpenSansExtraboldItalic';
    src: url("../fonts/OpenSans-ExtraBoldItalic-webfont.eot");
    src: url("../fonts/OpenSans-ExtraBoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-ExtraBoldItalic-webfont.woff") format("woff"), url("../fonts/OpenSans-ExtraBoldItalic-webfont.ttf") format("truetype"), url("../fonts/OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraboldItalic") format("svg");
    font-weight: normal;
    font-style: normal;
  }
}

@font-face {
  .darkmode {
    font-family: 'OswaldRegular';
    src: url("../fonts/Oswald-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
  }
}

.darkmode img {
  border: 0;
}

.darkmode p,
.darkmode h1,
.darkmode h2,
.darkmode h3,
.darkmode .submenu_headline,
.darkmode h4,
.darkmode h5 {
  padding: 0;
  margin: 0;
}

.darkmode .fleft {
  float: left;
}

.darkmode .fright {
  float: right;
}

.darkmode .inline {
  display: inline;
}

.darkmode .inline-block {
  display: inline-block;
}

.darkmode .block {
  display: block;
}

.darkmode .hide {
  display: none;
}

.darkmode .colorgreen {
  color: #009933 !important;
}

.darkmode .padleft5 {
  padding-left: 5px;
}

.darkmode .padleft10 {
  padding-left: 10px;
}

.darkmode .padleft15 {
  padding-left: 15px;
}

.darkmode .padleft20 {
  padding-left: 20px;
}

.darkmode .padleft25 {
  padding-left: 25px;
}

.darkmode .padleft30 {
  padding-left: 30px;
}

.darkmode .padright5 {
  padding-right: 5px;
}

.darkmode .padright10 {
  padding-right: 10px;
}

.darkmode .padright15 {
  padding-right: 15px;
}

.darkmode .padright20 {
  padding-right: 20px;
}

.darkmode .padright25 {
  padding-right: 25px;
}

.darkmode .padright30 {
  padding-right: 30px;
}

.darkmode .padtop5 {
  padding-top: 5px;
}

.darkmode .padtop10 {
  padding-top: 10px;
}

.darkmode .padtop15 {
  padding-top: 15px;
}

.darkmode .padtop20 {
  padding-top: 20px;
}

.darkmode .padtop25 {
  padding-top: 25px;
}

.darkmode .padtop30 {
  padding-top: 30px;
}

.darkmode .padbottom5 {
  padding-bottom: 5px;
}

.darkmode .padbottom10 {
  padding-bottom: 10px;
}

.darkmode .padbottom15 {
  padding-bottom: 15px;
}

.darkmode .padbottom20 {
  padding-bottom: 20px;
}

.darkmode .padbottom25 {
  padding-bottom: 25px;
}

.darkmode .padbottom30 {
  padding-bottom: 30px;
}

.darkmode .padtb4 {
  padding-top: 4px;
  padding-bottom: 4px;
}

.darkmode .padtb8 {
  padding-top: 8px;
  padding-bottom: 8px;
}

.darkmode .pad5 {
  padding: 5px;
}

.darkmode .pad10 {
  padding: 10px;
}

.darkmode .pad15 {
  padding: 15px;
}

.darkmode .pad20 {
  padding: 20px;
}

.darkmode .pad25 {
  padding: 25px;
}

.darkmode .padlr5 {
  padding-left: 5px;
  padding-right: 5px;
}

.darkmode .padlr10 {
  padding-left: 10px;
  padding-right: 10px;
}

.darkmode .padlr15 {
  padding-left: 15px;
  padding-right: 15px;
}

.darkmode .padlr20 {
  padding-left: 20px;
  padding-right: 20px;
}

.darkmode .padlr30 {
  padding-left: 30px;
  padding-right: 30px;
}

.darkmode .mlr5 {
  margin-left: 5px;
  margin-right: 5px;
}

.darkmode .mlr8 {
  margin-left: 8px;
  margin-right: 8px;
}

.darkmode .mlr10 {
  margin-left: 10px;
  margin-right: 10px;
}

.darkmode .mleft3 {
  margin-left: 3px;
}

.darkmode .mleft5 {
  margin-left: 5px;
}

.darkmode .mleft10 {
  margin-left: 10px;
}

.darkmode .mleft15 {
  margin-left: 15px;
}

.darkmode .mleft20 {
  margin-left: 20px;
}

.darkmode .mleft18 {
  margin-left: 18px;
}

.darkmode .mleft25 {
  margin-left: 25px;
}

.darkmode .mleft30 {
  margin-left: 30px;
}

.darkmode .mright2 {
  margin-right: 2px;
}

.darkmode .mright3 {
  margin-right: 3px;
}

.darkmode .mright5 {
  margin-right: 5px;
}

.darkmode .mright10 {
  margin-right: 10px;
}

.darkmode .mright15 {
  margin-right: 15px;
}

.darkmode .mright20 {
  margin-right: 20px;
}

.darkmode .mright25 {
  margin-right: 25px;
}

.darkmode .mright30 {
  margin-right: 30px;
}

.darkmode .mtop5 {
  margin-top: 5px;
}

.darkmode .mtop10 {
  margin-top: 10px;
}

.darkmode .mtop15 {
  margin-top: 15px;
}

.darkmode .mtop20 {
  margin-top: 20px;
}

.darkmode .mtop25 {
  margin-top: 25px;
}

.darkmode .mtop30 {
  margin-top: 30px;
}

.darkmode .mbottom3 {
  margin-bottom: 3px;
}

.darkmode .mbottom5 {
  margin-bottom: 5px;
}

.darkmode .mbottom8 {
  margin-bottom: 8px;
}

.darkmode .mbottom10 {
  margin-bottom: 10px;
}

.darkmode .mbottom15 {
  margin-bottom: 15px;
}

.darkmode .mbottom20 {
  margin-bottom: 20px;
}

.darkmode .mbottom25 {
  margin-bottom: 25px;
}

.darkmode .mbottom30 {
  margin-bottom: 30px;
}

.darkmode .right {
  text-align: right;
}

.darkmode .left {
  text-align: left;
}

.darkmode .center {
  text-align: center;
}

.darkmode .proz100 {
  width: 100%;
}

.darkmode .proz90 {
  width: 90%;
}

.darkmode .proz80 {
  width: 80%;
}

.darkmode .proz70 {
  width: 70%;
}

.darkmode .proz60 {
  width: 60%;
}

.darkmode .proz50 {
  width: 50%;
}

.darkmode .proz40 {
  width: 40%;
}

.darkmode .proz30 {
  width: 30%;
}

.darkmode .proz20 {
  width: 20%;
}

.darkmode .proz10 {
  width: 10%;
}

.darkmode .proz5 {
  width: 5%;
}

.darkmode .px10 {
  width: 10px;
}

.darkmode .px15 {
  width: 15px;
}

.darkmode .px18 {
  width: 18px;
}

.darkmode .px20 {
  width: 20px;
}

.darkmode .px25 {
  width: 25px;
}

.darkmode .px30 {
  width: 30px;
}

.darkmode .px35 {
  width: 35px;
}

.darkmode .px40 {
  width: 40px;
}

.darkmode .px45 {
  width: 45px;
}

.darkmode .px50 {
  width: 50px;
}

.darkmode .px55 {
  width: 55px;
}

.darkmode .px60 {
  width: 60px;
}

.darkmode .px65 {
  width: 65px;
}

.darkmode .px70 {
  width: 70px;
}

.darkmode .px75 {
  width: 75px;
}

.darkmode .px80 {
  width: 80px;
}

.darkmode .px85 {
  width: 85px;
}

.darkmode .px90 {
  width: 90px;
}

.darkmode .px95 {
  width: 95px;
}

.darkmode .px100 {
  width: 100px;
}

.darkmode .px110 {
  width: 110px;
}

.darkmode .px120 {
  width: 120px;
}

.darkmode .px130 {
  width: 130px;
}

.darkmode .px140 {
  width: 140px;
}

.darkmode .px150 {
  width: 150px;
}

.darkmode .px160 {
  width: 160px;
}

.darkmode .px170 {
  width: 170px;
}

.darkmode .px180 {
  width: 180px;
}

.darkmode .px190 {
  width: 190px;
}

.darkmode .px200 {
  width: 200px;
}

.darkmode .px210 {
  width: 210px;
}

.darkmode .px220 {
  width: 220px;
}

.darkmode .px230 {
  width: 230px;
}

.darkmode .px240 {
  width: 240px;
}

.darkmode .px250 {
  width: 250px;
}

.darkmode .px260 {
  width: 260px;
}

.darkmode .px270 {
  width: 270px;
}

.darkmode .px280 {
  width: 280px;
}

.darkmode .px290 {
  width: 290px;
}

.darkmode .px300 {
  width: 300px;
}

.darkmode .px320 {
  width: 320px;
}

.darkmode .px330 {
  width: 330px;
}

.darkmode .px350 {
  width: 350px;
}

.darkmode .px400 {
  width: 400px;
}

.darkmode .px450 {
  width: 450px;
}

.darkmode .px500 {
  width: 500px;
}

.darkmode .px550 {
  width: 550px;
}

.darkmode .px600 {
  width: 600px;
}

.darkmode .px650 {
  width: 650px;
}

.darkmode .px700 {
  width: 700px;
}

.darkmode .px750 {
  width: 750px;
}

.darkmode .px800 {
  width: 800px;
}

.darkmode .px850 {
  width: 850px;
}

.darkmode .px900 {
  width: 900px;
}

.darkmode .px950 {
  width: 950px;
}

.darkmode .px1000 {
  width: 1000px;
}

.darkmode .clb {
  clear: both;
}

.darkmode .bold {
  font-weight: normal;
  font-family: "OpenSansSemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.darkmode .italic {
  font-style: italic;
}

.darkmode .underline {
  text-decoration: underline;
}

.darkmode .line-through {
  text-decoration: line-through;
  font-size: 14px !important;
}

.darkmode .cur_hand {
  cursor: pointer;
}

.darkmode .cur_default {
  cursor: default;
}

.darkmode .nobr {
  white-space: nowrap;
}

.darkmode .breakword {
  word-wrap: break-word;
}

.darkmode .bg_Light1 {
  background-color: #ccc;
}

.darkmode .border_all {
  border: 1px solid #CBCBCB;
}

.darkmode .border_top {
  border-top: 1px solid #CBCBCB;
}

.darkmode .border_bottom {
  border-bottom: 1px solid #CBCBCB;
}

.darkmode .border_right {
  border-right: 1px solid #CBCBCB;
}

.darkmode .border_left {
  border-left: 1px solid #CBCBCB;
}

.darkmode body {
  margin: 0;
  padding: 0;
  font-family: "OpenSansRegular", Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #fff;
  background-color: #000;
}

.darkmode #outbox_header {
  z-index: 35;
  height: 75px;
  background-color: #000;
  background-image: url(../images/header_bg_img.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.darkmode #outbox_header_content {
  height: 75px;
}

.darkmode #outbox_header_content .logo {
  margin-top: 10px;
  margin-left: 15px;
  z-index: 15;
  height: 55px;
  cursor: pointer;
}

.darkmode .outbox_header_right {
  float: right;
  padding: 0;
  text-align: right;
}

.darkmode .outbox_header_right .servicenavi {
  height: 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  text-align: right;
  z-index: 100;
}

.darkmode .outbox_header_right .ticketcounter {
  display: inline-block;
  padding: 1px 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  z-index: 101;
  background-color: #000;
  color: #fff;
  min-width: 85px;
  margin: 15px 15px 0 0;
}

.darkmode .menu_img_helper {
  display: none;
}

.darkmode #box {
  background-color: #000000;
}

.darkmode #inbox_header {
  display: none;
}

.darkmode #inbox_header2 {
  display: none;
}

.darkmode #breadcrumbs {
  display: none;
}

.darkmode #infloatbox_breadcrumbs {
  display: none;
}

.darkmode #servicecontainer {
  display: none;
}

.darkmode #inbox_footer {
  display: none;
}

.darkmode #outbox_footer {
  display: none;
}

.darkmode #content {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 25;
  right: 0;
}

.darkmode .content_row {
  background-color: #000;
  padding: 20px;
  margin-top: 0 !important;
  min-height: 550px;
}

.darkmode .content_breadcrumbs {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding-left: 8px;
  background-color: #ededed;
  font-size: 12px;
}

.darkmode .content_breadcrumbs .pamgd_smartgrid_columns {
  padding: 0;
}

.darkmode .content_breadcrumbs span,
.darkmode .content_breadcrumbs .ui-outputlabel {
  display: inline-block;
  padding: 10px 8px 8px 8px;
}

.darkmode .content_breadcrumbs a, .darkmode .content_breadcrumbs a:link, .darkmode .content_breadcrumbs a:visited, .darkmode .content_breadcrumbs a:hover, .darkmode .content_breadcrumbs a:active, .darkmode .content_breadcrumbs a:focus {
  display: inline-block;
  padding: 10px 8px 8px 8px;
  text-decoration: none;
  color: #000;
}

.darkmode .content_breadcrumbs a:hover, .darkmode .content_breadcrumbs a:active, .darkmode .content_breadcrumbs a:focus {
  color: #000;
  text-decoration: underline;
}

.darkmode #content_footer {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  padding: 10px 50px;
  margin: 40px -30px 0 -30px;
  background-color: #000000;
}

.darkmode #content_footer .pamgd_smartgrid_row {
  padding: 0 !important;
  margin: 0 !important;
}

.darkmode #content_footer select {
  width: auto !important;
  margin-top: 2px;
}

.darkmode #content_footer_content {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  text-decoration: none;
}

.darkmode #content_footer_content a, .darkmode #content_footer_content a:link, .darkmode #content_footer_content a:visited {
  display: inline-block;
  float: left;
  padding: 8px 0px;
  margin-right: 20px;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  font-size: 12px;
  text-transform: uppercase;
  font-family: "OpenSansSemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.darkmode #content_footer_content a label.ui-outputlabel, .darkmode #content_footer_content a:link label.ui-outputlabel, .darkmode #content_footer_content a:visited label.ui-outputlabel {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.darkmode #content_footer_content a:hover, .darkmode #content_footer_content a:active, .darkmode #content_footer_content a:focus {
  text-decoration: underline;
}

.darkmode #content_footer_content a:hover label.ui-outputlabel, .darkmode #content_footer_content a:active label.ui-outputlabel, .darkmode #content_footer_content a:focus label.ui-outputlabel {
  text-decoration: underline;
}

.darkmode #content_footer_content .SoMeBar {
  text-align: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.darkmode #content_footer_content .SoMeBar .item {
  margin-right: 20px !important;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  background-color: transparent;
}

.darkmode #content_footer_content .SoMeBar .item .icon {
  padding: 0px;
  display: block;
  float: none;
}

.darkmode #content_footer_content .SoMeBar .item .icon:before {
  font-family: FontAwesome;
  color: #fff;
  font-size: 26px;
}

.darkmode #content_footer_content .SoMeBar .item .icon.facebook:before {
  content: "\f230";
}

.darkmode #content_footer_content .SoMeBar .item .icon.facebook:hover, .darkmode #content_footer_content .SoMeBar .item .icon.facebook:focus, .darkmode #content_footer_content .SoMeBar .item .icon.facebook:active {
  color: #3b5998;
  background-color: transparent;
}

.darkmode #content_footer_content .SoMeBar .item .icon.facebook:hover:before, .darkmode #content_footer_content .SoMeBar .item .icon.facebook:focus:before, .darkmode #content_footer_content .SoMeBar .item .icon.facebook:active:before {
  color: #3b5998;
}

.darkmode #content_footer_content .SoMeBar .item .icon.twitter:before {
  content: "\f099";
}

.darkmode #content_footer_content .SoMeBar .item .icon.twitter:hover, .darkmode #content_footer_content .SoMeBar .item .icon.twitter:focus, .darkmode #content_footer_content .SoMeBar .item .icon.twitter:active {
  color: #1da1f2;
  background-color: transparent;
}

.darkmode #content_footer_content .SoMeBar .item .icon.twitter:hover:before, .darkmode #content_footer_content .SoMeBar .item .icon.twitter:focus:before, .darkmode #content_footer_content .SoMeBar .item .icon.twitter:active:before {
  color: #1da1f2;
}

.darkmode #content_footer_content .SoMeBar .item .icon.instagram:before {
  content: "\f16d";
}

.darkmode #content_footer_content .SoMeBar .item .icon.instagram:hover, .darkmode #content_footer_content .SoMeBar .item .icon.instagram:focus, .darkmode #content_footer_content .SoMeBar .item .icon.instagram:active {
  color: #c82d96;
  background-color: transparent;
}

.darkmode #content_footer_content .SoMeBar .item .icon.instagram:hover:before, .darkmode #content_footer_content .SoMeBar .item .icon.instagram:focus:before, .darkmode #content_footer_content .SoMeBar .item .icon.instagram:active:before {
  color: #c82d96;
}

.darkmode #content_footer_content .SoMeBar .item .icon.pass {
  background-image: url(../images/footer_pass_logo.svg);
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  height: 28px;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -o-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  border-radius: 0 !important;
}

.darkmode #content_footer_content .SoMeBar .item .icon.pass:hover, .darkmode #content_footer_content .SoMeBar .item .icon.pass:focus, .darkmode #content_footer_content .SoMeBar .item .icon.pass:active {
  background-color: transparent;
  background-image: url(../images/footer_pass_logo_hover.svg);
}

.darkmode #content_footer_content .SoMeBar .item .link,
.darkmode #content_footer_content .SoMeBar .item .link:link,
.darkmode #content_footer_content .SoMeBar .item .link:visited {
  display: block;
  float: none;
  padding: 0px 0px 5px 0px;
  white-space: nowrap;
  color: #fff;
  font-size: 11px;
  text-decoration: none;
}

.darkmode #content_footer_content .SoMeBar .item .link:hover,
.darkmode #content_footer_content .SoMeBar .item .link:active,
.darkmode #content_footer_content .SoMeBar .item .link:focus {
  font-size: 11px;
  text-decoration: underline;
  background-color: transparent;
}

.darkmode #fixed_buttonbar {
  border-top: 1px solid #CBCBCB;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #000000;
  padding: 10px;
}

.darkmode .fixed_buttonbar_content {
  margin-left: 0px;
  text-align: right;
  padding-right: 10px;
}

.darkmode body.dialogWithoutBaseFrame {
  overflow: auto;
  padding: 20px;
}

.darkmode h1 {
  font-family: "OpenSansLight", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 28px;
  font-weight: 600;
  letter-spacing: -0.05em;
  color: #fff;
  margin: 5px 0px 5px 0px;
  text-transform: uppercase;
}

.darkmode h1 .ui-widget {
  font-family: "OpenSansLight", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 28px;
  color: #fff;
}

.darkmode h1 .pamgd_boldtext {
  font-family: "OpenSansLight", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 600;
}

.darkmode h2 {
  font-family: "OpenSansLight", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 22px;
  color: #fff;
  padding: 0;
  margin: 5px 0 10px 0;
  text-transform: uppercase;
}

.darkmode h2 .pamgd_boldtext {
  font-family: "OpenSansLight", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 600;
}


.darkmode h3,
.darkmode .submenu_headline {
  font-family: "OpenSansLight", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 18px;
  color: #fff;
  margin: 3px 0 8px 0;
  padding: 0;
  text-transform: uppercase;
}

.darkmode h3 .pamgd_boldtext, .darkmode .submenu_headline .pamgd_boldtext {
  font-family: "OpenSansLight", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 600;
}

.darkmode h4 {
  font-family: "OpenSansLight", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 16px;
  color: #fff;
  margin: 3px 0 8px 0;
  padding: 0;
  text-transform: uppercase;
}

.darkmode h4 .pamgd_boldtext {
  font-family: "OpenSansLight", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 300;
}

.darkmode h5 {
  font-family: "OpenSansLight", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 14px;
  color: #fff;
  margin: 3px 0 8px 0;
  padding: 0;
}

.darkmode h5 .pamgd_boldtext {
  font-family: "OpenSansLight", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 300;
}

.darkmode h6 {
  font-family: "OpenSansLight", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  color: #fff;
  font-size: 14px;
  margin: 0px 0 10px 0;
  padding: 0;
}

.darkmode a, .darkmode a:link, .darkmode a:visited {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.darkmode a label.ui-outputlabel, .darkmode a:link label.ui-outputlabel, .darkmode a:visited label.ui-outputlabel {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.darkmode a:hover, .darkmode a:active, .darkmode a:focus {
  color: #000;
  text-decoration: none;
}

.darkmode a:hover label.ui-outputlabel, .darkmode a:active label.ui-outputlabel, .darkmode a:focus label.ui-outputlabel {
  color: #000;
  text-decoration: none;
}

.darkmode p {
  padding: 5px 0;
}

.darkmode hr {
  border: 0;
  height: 1px;
  background-color: #000;
  padding: 0;
  margin: 5px 0px;
}

.darkmode fieldset {
  border: 1px solid #CBCBCB;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  -o-border-radius: 0px !important;
  -ms-border-radius: 0px !important;
  border-radius: 0px !important;
}

.darkmode legend {
  font-family: "OpenSansLight", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 18px;
  color: #595959;
  padding: 0 5px;
  margin: 5px 0;
}

.darkmode .center_container {
  margin: 20px auto 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.darkmode .center_container.fw_xxsmall {
  width: 100%;
  max-width: 200px;
}

.darkmode .center_container.fw_xsmall {
  width: 100%;
  max-width: 400px;
}

.darkmode .center_container.fw_small {
  width: 100%;
  max-width: 600px;
}

.darkmode .center_container.fw_medium {
  width: 100%;
  max-width: 900px;
}

.darkmode .center_container.fw_large {
  width: 100%;
  max-width: 1200px;
}

.darkmode .center_container.fw_xlarge {
  width: 100%;
  max-width: 1500px;
}

.darkmode input[type="color"],
.darkmode input[type="date"],
.darkmode input[type="datetime"],
.darkmode input[type="datetime-local"],
.darkmode input[type="email"],
.darkmode input[type="month"],
.darkmode input[type="number"],
.darkmode input[type="password"],
.darkmode input[type="search"],
.darkmode input[type="tel"],
.darkmode input[type="text"],
.darkmode input[type="time"],
.darkmode input[type="url"],
.darkmode input[type="week"],
.darkmode textarea {
  font-family: "OpenSansRegular", Arial, Helvetica, sans-serif;
  font-size: 14px;
  padding: 4px 5px;
  width: 95%;
  max-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  -o-border-radius: 3px !important;
  -ms-border-radius: 3px !important;
  border-radius: 3px !important;
  color: #000;
  /*eg: border-left: $type;*/
  border: 1px solid #ccc;
  background-color: #fff;
}

.darkmode input[type="color"].txt_xsmall,
.darkmode input[type="date"].txt_xsmall,
.darkmode input[type="datetime"].txt_xsmall,
.darkmode input[type="datetime-local"].txt_xsmall,
.darkmode input[type="email"].txt_xsmall,
.darkmode input[type="month"].txt_xsmall,
.darkmode input[type="number"].txt_xsmall,
.darkmode input[type="password"].txt_xsmall,
.darkmode input[type="search"].txt_xsmall,
.darkmode input[type="tel"].txt_xsmall,
.darkmode input[type="text"].txt_xsmall,
.darkmode input[type="time"].txt_xsmall,
.darkmode input[type="url"].txt_xsmall,
.darkmode input[type="week"].txt_xsmall,
.darkmode textarea.txt_xsmall {
  width: 80px;
}

.darkmode input[type="color"].txt_small,
.darkmode input[type="date"].txt_small,
.darkmode input[type="datetime"].txt_small,
.darkmode input[type="datetime-local"].txt_small,
.darkmode input[type="email"].txt_small,
.darkmode input[type="month"].txt_small,
.darkmode input[type="number"].txt_small,
.darkmode input[type="password"].txt_small,
.darkmode input[type="search"].txt_small,
.darkmode input[type="tel"].txt_small,
.darkmode input[type="text"].txt_small,
.darkmode input[type="time"].txt_small,
.darkmode input[type="url"].txt_small,
.darkmode input[type="week"].txt_small,
.darkmode textarea.txt_small {
  width: 120px;
}

.darkmode input[type="color"].txt_medium,
.darkmode input[type="date"].txt_medium,
.darkmode input[type="datetime"].txt_medium,
.darkmode input[type="datetime-local"].txt_medium,
.darkmode input[type="email"].txt_medium,
.darkmode input[type="month"].txt_medium,
.darkmode input[type="number"].txt_medium,
.darkmode input[type="password"].txt_medium,
.darkmode input[type="search"].txt_medium,
.darkmode input[type="tel"].txt_medium,
.darkmode input[type="text"].txt_medium,
.darkmode input[type="time"].txt_medium,
.darkmode input[type="url"].txt_medium,
.darkmode input[type="week"].txt_medium,
.darkmode textarea.txt_medium {
  width: 250px;
}

.darkmode input[type="color"].txt_large,
.darkmode input[type="date"].txt_large,
.darkmode input[type="datetime"].txt_large,
.darkmode input[type="datetime-local"].txt_large,
.darkmode input[type="email"].txt_large,
.darkmode input[type="month"].txt_large,
.darkmode input[type="number"].txt_large,
.darkmode input[type="password"].txt_large,
.darkmode input[type="search"].txt_large,
.darkmode input[type="tel"].txt_large,
.darkmode input[type="text"].txt_large,
.darkmode input[type="time"].txt_large,
.darkmode input[type="url"].txt_large,
.darkmode input[type="week"].txt_large,
.darkmode textarea.txt_large {
  width: 300px;
}

.darkmode input[type="color"].txt_xlarge,
.darkmode input[type="date"].txt_xlarge,
.darkmode input[type="datetime"].txt_xlarge,
.darkmode input[type="datetime-local"].txt_xlarge,
.darkmode input[type="email"].txt_xlarge,
.darkmode input[type="month"].txt_xlarge,
.darkmode input[type="number"].txt_xlarge,
.darkmode input[type="password"].txt_xlarge,
.darkmode input[type="search"].txt_xlarge,
.darkmode input[type="tel"].txt_xlarge,
.darkmode input[type="text"].txt_xlarge,
.darkmode input[type="time"].txt_xlarge,
.darkmode input[type="url"].txt_xlarge,
.darkmode input[type="week"].txt_xlarge,
.darkmode textarea.txt_xlarge {
  width: 400px;
}

.darkmode input[type="color"].txt_xxlarge,
.darkmode input[type="date"].txt_xxlarge,
.darkmode input[type="datetime"].txt_xxlarge,
.darkmode input[type="datetime-local"].txt_xxlarge,
.darkmode input[type="email"].txt_xxlarge,
.darkmode input[type="month"].txt_xxlarge,
.darkmode input[type="number"].txt_xxlarge,
.darkmode input[type="password"].txt_xxlarge,
.darkmode input[type="search"].txt_xxlarge,
.darkmode input[type="tel"].txt_xxlarge,
.darkmode input[type="text"].txt_xxlarge,
.darkmode input[type="time"].txt_xxlarge,
.darkmode input[type="url"].txt_xxlarge,
.darkmode input[type="week"].txt_xxlarge,
.darkmode textarea.txt_xxlarge {
  width: 600px;
}

.darkmode input[type="color"].txt_block,
.darkmode input[type="date"].txt_block,
.darkmode input[type="datetime"].txt_block,
.darkmode input[type="datetime-local"].txt_block,
.darkmode input[type="email"].txt_block,
.darkmode input[type="month"].txt_block,
.darkmode input[type="number"].txt_block,
.darkmode input[type="password"].txt_block,
.darkmode input[type="search"].txt_block,
.darkmode input[type="tel"].txt_block,
.darkmode input[type="text"].txt_block,
.darkmode input[type="time"].txt_block,
.darkmode input[type="url"].txt_block,
.darkmode input[type="week"].txt_block,
.darkmode textarea.txt_block {
  width: 100%;
}

.darkmode input[type="color"]::-webkit-input-placeholder,
.darkmode input[type="date"]::-webkit-input-placeholder,
.darkmode input[type="datetime"]::-webkit-input-placeholder,
.darkmode input[type="datetime-local"]::-webkit-input-placeholder,
.darkmode input[type="email"]::-webkit-input-placeholder,
.darkmode input[type="month"]::-webkit-input-placeholder,
.darkmode input[type="number"]::-webkit-input-placeholder,
.darkmode input[type="password"]::-webkit-input-placeholder,
.darkmode input[type="search"]::-webkit-input-placeholder,
.darkmode input[type="tel"]::-webkit-input-placeholder,
.darkmode input[type="text"]::-webkit-input-placeholder,
.darkmode input[type="time"]::-webkit-input-placeholder,
.darkmode input[type="url"]::-webkit-input-placeholder,
.darkmode input[type="week"]::-webkit-input-placeholder,
.darkmode textarea::-webkit-input-placeholder {
  color: #569bc0;
}

.darkmode input[type="color"]:-moz-placeholder,
.darkmode input[type="date"]:-moz-placeholder,
.darkmode input[type="datetime"]:-moz-placeholder,
.darkmode input[type="datetime-local"]:-moz-placeholder,
.darkmode input[type="email"]:-moz-placeholder,
.darkmode input[type="month"]:-moz-placeholder,
.darkmode input[type="number"]:-moz-placeholder,
.darkmode input[type="password"]:-moz-placeholder,
.darkmode input[type="search"]:-moz-placeholder,
.darkmode input[type="tel"]:-moz-placeholder,
.darkmode input[type="text"]:-moz-placeholder,
.darkmode input[type="time"]:-moz-placeholder,
.darkmode input[type="url"]:-moz-placeholder,
.darkmode input[type="week"]:-moz-placeholder,
.darkmode textarea:-moz-placeholder {
  color: #569bc0;
}

.darkmode input[type="color"]::-moz-placeholder,
.darkmode input[type="date"]::-moz-placeholder,
.darkmode input[type="datetime"]::-moz-placeholder,
.darkmode input[type="datetime-local"]::-moz-placeholder,
.darkmode input[type="email"]::-moz-placeholder,
.darkmode input[type="month"]::-moz-placeholder,
.darkmode input[type="number"]::-moz-placeholder,
.darkmode input[type="password"]::-moz-placeholder,
.darkmode input[type="search"]::-moz-placeholder,
.darkmode input[type="tel"]::-moz-placeholder,
.darkmode input[type="text"]::-moz-placeholder,
.darkmode input[type="time"]::-moz-placeholder,
.darkmode input[type="url"]::-moz-placeholder,
.darkmode input[type="week"]::-moz-placeholder,
.darkmode textarea::-moz-placeholder {
  color: #569bc0;
}

.darkmode input[type="color"]:-ms-input-placeholder,
.darkmode input[type="date"]:-ms-input-placeholder,
.darkmode input[type="datetime"]:-ms-input-placeholder,
.darkmode input[type="datetime-local"]:-ms-input-placeholder,
.darkmode input[type="email"]:-ms-input-placeholder,
.darkmode input[type="month"]:-ms-input-placeholder,
.darkmode input[type="number"]:-ms-input-placeholder,
.darkmode input[type="password"]:-ms-input-placeholder,
.darkmode input[type="search"]:-ms-input-placeholder,
.darkmode input[type="tel"]:-ms-input-placeholder,
.darkmode input[type="text"]:-ms-input-placeholder,
.darkmode input[type="time"]:-ms-input-placeholder,
.darkmode input[type="url"]:-ms-input-placeholder,
.darkmode input[type="week"]:-ms-input-placeholder,
.darkmode textarea:-ms-input-placeholder {
  color: #569bc0;
}

.darkmode input[type="color"]:hover,
.darkmode input[type="date"]:hover,
.darkmode input[type="datetime"]:hover,
.darkmode input[type="datetime-local"]:hover,
.darkmode input[type="email"]:hover,
.darkmode input[type="month"]:hover,
.darkmode input[type="number"]:hover,
.darkmode input[type="password"]:hover,
.darkmode input[type="search"]:hover,
.darkmode input[type="tel"]:hover,
.darkmode input[type="text"]:hover,
.darkmode input[type="time"]:hover,
.darkmode input[type="url"]:hover,
.darkmode input[type="week"]:hover,
.darkmode textarea:hover {
  background-color: #f4f4f4;
  /*eg: border-left: $type;*/
  border: 1px solid #1d9fe0;
}

.darkmode input[type="color"]:focus,
.darkmode input[type="date"]:focus,
.darkmode input[type="datetime"]:focus,
.darkmode input[type="datetime-local"]:focus,
.darkmode input[type="email"]:focus,
.darkmode input[type="month"]:focus,
.darkmode input[type="number"]:focus,
.darkmode input[type="password"]:focus,
.darkmode input[type="search"]:focus,
.darkmode input[type="tel"]:focus,
.darkmode input[type="text"]:focus,
.darkmode input[type="time"]:focus,
.darkmode input[type="url"]:focus,
.darkmode input[type="week"]:focus,
.darkmode textarea:focus {
  /*eg: border-left: $type;*/
  border: 1px solid #1d9fe0;
  background-color: #fff;
}

.darkmode input[type="color"]:disabled,
.darkmode input[type="date"]:disabled,
.darkmode input[type="datetime"]:disabled,
.darkmode input[type="datetime-local"]:disabled,
.darkmode input[type="email"]:disabled,
.darkmode input[type="month"]:disabled,
.darkmode input[type="number"]:disabled,
.darkmode input[type="password"]:disabled,
.darkmode input[type="search"]:disabled,
.darkmode input[type="tel"]:disabled,
.darkmode input[type="text"]:disabled,
.darkmode input[type="time"]:disabled,
.darkmode input[type="url"]:disabled,
.darkmode input[type="week"]:disabled,
.darkmode textarea:disabled {
  color: #666;
  background-color: #ededed;
  /*eg: border-left: $type;*/
  border: 1px solid #ddd;
}

.darkmode input[type="color"].error_field,
.darkmode input[type="date"].error_field,
.darkmode input[type="datetime"].error_field,
.darkmode input[type="datetime-local"].error_field,
.darkmode input[type="email"].error_field,
.darkmode input[type="month"].error_field,
.darkmode input[type="number"].error_field,
.darkmode input[type="password"].error_field,
.darkmode input[type="search"].error_field,
.darkmode input[type="tel"].error_field,
.darkmode input[type="text"].error_field,
.darkmode input[type="time"].error_field,
.darkmode input[type="url"].error_field,
.darkmode input[type="week"].error_field,
.darkmode textarea.error_field {
  color: #B94A48;
  background-color: #fbf1f1;
  /*eg: border-left: $type;*/
  border: 1px solid #B94A48;
}

.darkmode input[type="color"].error_field:hover,
.darkmode input[type="date"].error_field:hover,
.darkmode input[type="datetime"].error_field:hover,
.darkmode input[type="datetime-local"].error_field:hover,
.darkmode input[type="email"].error_field:hover,
.darkmode input[type="month"].error_field:hover,
.darkmode input[type="number"].error_field:hover,
.darkmode input[type="password"].error_field:hover,
.darkmode input[type="search"].error_field:hover,
.darkmode input[type="tel"].error_field:hover,
.darkmode input[type="text"].error_field:hover,
.darkmode input[type="time"].error_field:hover,
.darkmode input[type="url"].error_field:hover,
.darkmode input[type="week"].error_field:hover,
.darkmode textarea.error_field:hover {
  background-color: #f4f4f4;
  /*eg: border-left: $type;*/
  border: 1px solid #1d9fe0;
}

.darkmode input[type="color"].error_field:focus,
.darkmode input[type="date"].error_field:focus,
.darkmode input[type="datetime"].error_field:focus,
.darkmode input[type="datetime-local"].error_field:focus,
.darkmode input[type="email"].error_field:focus,
.darkmode input[type="month"].error_field:focus,
.darkmode input[type="number"].error_field:focus,
.darkmode input[type="password"].error_field:focus,
.darkmode input[type="search"].error_field:focus,
.darkmode input[type="tel"].error_field:focus,
.darkmode input[type="text"].error_field:focus,
.darkmode input[type="time"].error_field:focus,
.darkmode input[type="url"].error_field:focus,
.darkmode input[type="week"].error_field:focus,
.darkmode textarea.error_field:focus {
  color: #B94A48;
  background-color: #fff;
  /*eg: border-left: $type;*/
  border: 1px solid #990000;
}

.darkmode input[type="color"].pflichtfeld,
.darkmode input[type="date"].pflichtfeld,
.darkmode input[type="datetime"].pflichtfeld,
.darkmode input[type="datetime-local"].pflichtfeld,
.darkmode input[type="email"].pflichtfeld,
.darkmode input[type="month"].pflichtfeld,
.darkmode input[type="number"].pflichtfeld,
.darkmode input[type="password"].pflichtfeld,
.darkmode input[type="search"].pflichtfeld,
.darkmode input[type="tel"].pflichtfeld,
.darkmode input[type="text"].pflichtfeld,
.darkmode input[type="time"].pflichtfeld,
.darkmode input[type="url"].pflichtfeld,
.darkmode input[type="week"].pflichtfeld,
.darkmode textarea.pflichtfeld {
  background-image: url(../images/mandatory.png) !important;
  background-position: right top !important;
  background-repeat: no-repeat !important;
  padding-right: 12px !important;
}

.darkmode input[type="color"].pflichtfeld.autolookup,
.darkmode input[type="date"].pflichtfeld.autolookup,
.darkmode input[type="datetime"].pflichtfeld.autolookup,
.darkmode input[type="datetime-local"].pflichtfeld.autolookup,
.darkmode input[type="email"].pflichtfeld.autolookup,
.darkmode input[type="month"].pflichtfeld.autolookup,
.darkmode input[type="number"].pflichtfeld.autolookup,
.darkmode input[type="password"].pflichtfeld.autolookup,
.darkmode input[type="search"].pflichtfeld.autolookup,
.darkmode input[type="tel"].pflichtfeld.autolookup,
.darkmode input[type="text"].pflichtfeld.autolookup,
.darkmode input[type="time"].pflichtfeld.autolookup,
.darkmode input[type="url"].pflichtfeld.autolookup,
.darkmode input[type="week"].pflichtfeld.autolookup,
.darkmode textarea.pflichtfeld.autolookup {
  background-image: url(../images/al_edge.png), url(../images/mandatory.png) !important;
  background-position: right bottom, right top !important;
  background-repeat: no-repeat ,no-repeat !important;
  padding-right: 12px !important;
}

.darkmode input[type="color"].autolookup,
.darkmode input[type="date"].autolookup,
.darkmode input[type="datetime"].autolookup,
.darkmode input[type="datetime-local"].autolookup,
.darkmode input[type="email"].autolookup,
.darkmode input[type="month"].autolookup,
.darkmode input[type="number"].autolookup,
.darkmode input[type="password"].autolookup,
.darkmode input[type="search"].autolookup,
.darkmode input[type="tel"].autolookup,
.darkmode input[type="text"].autolookup,
.darkmode input[type="time"].autolookup,
.darkmode input[type="url"].autolookup,
.darkmode input[type="week"].autolookup,
.darkmode textarea.autolookup {
  background-image: url(../images/al_edge.png) !important;
  background-position: right bottom !important;
  background-repeat: no-repeat !important;
  padding-right: 12px !important;
}

.darkmode span.readonly,
.darkmode .displayAsDisabledTextfield {
  font-family: "OpenSansRegular", Arial, Helvetica, sans-serif;
  font-size: 14px;
  padding: 4px 5px;
  width: 95%;
  max-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  -o-border-radius: 3px !important;
  -ms-border-radius: 3px !important;
  border-radius: 3px !important;
  display: inline-block;
  color: #666;
  background-color: #ededed;
  /*eg: border-left: $type;*/
  border: 1px solid #ddd;
  overflow: hidden;
  white-space: nowrap;
}

.darkmode span.readonly.txt_xsmall,
.darkmode .displayAsDisabledTextfield.txt_xsmall {
  width: 80px;
}

.darkmode span.readonly.txt_small,
.darkmode .displayAsDisabledTextfield.txt_small {
  width: 120px;
}

.darkmode span.readonly.txt_medium,
.darkmode .displayAsDisabledTextfield.txt_medium {
  width: 250px;
}

.darkmode span.readonly.txt_large,
.darkmode .displayAsDisabledTextfield.txt_large {
  width: 300px;
}

.darkmode span.readonly.txt_xlarge,
.darkmode .displayAsDisabledTextfield.txt_xlarge {
  width: 400px;
}

.darkmode span.readonly.txt_xxlarge,
.darkmode .displayAsDisabledTextfield.txt_xxlarge {
  width: 600px;
}

.darkmode span.readonly.txt_block,
.darkmode .displayAsDisabledTextfield.txt_block {
  width: 100%;
}

.darkmode span.readonly::-webkit-input-placeholder,
.darkmode .displayAsDisabledTextfield::-webkit-input-placeholder {
  color: #569bc0;
}

.darkmode span.readonly:-moz-placeholder,
.darkmode .displayAsDisabledTextfield:-moz-placeholder {
  color: #569bc0;
}

.darkmode span.readonly::-moz-placeholder,
.darkmode .displayAsDisabledTextfield::-moz-placeholder {
  color: #569bc0;
}

.darkmode span.readonly:-ms-input-placeholder,
.darkmode .displayAsDisabledTextfield:-ms-input-placeholder {
  color: #569bc0;
}

.darkmode .displayAsInvisibleTextfield {
  font-family: "OpenSansRegular", Arial, Helvetica, sans-serif;
  font-size: 14px;
  padding: 4px 5px;
  width: 95%;
  max-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  -o-border-radius: 3px !important;
  -ms-border-radius: 3px !important;
  border-radius: 3px !important;
  display: inline-block;
  color: #000;
  background-color: transparent;
  /*eg: border-left: $type;*/
  border: 1px solid #ccc;
  border-color: transparent;
  overflow: hidden;
  white-space: nowrap;
}

.darkmode .displayAsInvisibleTextfield.txt_xsmall {
  width: 80px;
}

.darkmode .displayAsInvisibleTextfield.txt_small {
  width: 120px;
}

.darkmode .displayAsInvisibleTextfield.txt_medium {
  width: 250px;
}

.darkmode .displayAsInvisibleTextfield.txt_large {
  width: 300px;
}

.darkmode .displayAsInvisibleTextfield.txt_xlarge {
  width: 400px;
}

.darkmode .displayAsInvisibleTextfield.txt_xxlarge {
  width: 600px;
}

.darkmode .displayAsInvisibleTextfield.txt_block {
  width: 100%;
}

.darkmode .displayAsInvisibleTextfield::-webkit-input-placeholder {
  color: #569bc0;
}

.darkmode .displayAsInvisibleTextfield:-moz-placeholder {
  color: #569bc0;
}

.darkmode .displayAsInvisibleTextfield::-moz-placeholder {
  color: #569bc0;
}

.darkmode .displayAsInvisibleTextfield:-ms-input-placeholder {
  color: #569bc0;
}

.darkmode input[type="radio"],
.darkmode input[type="checkbox"] {
  padding: 0;
  border: 0;
  margin-right: 4px;
}

.darkmode input[type="radio"].error_field, .darkmode input[type="radio"].error_checkbox,
.darkmode input[type="checkbox"].error_field,
.darkmode input[type="checkbox"].error_checkbox {
  outline: 1px solid #B94A48;
}

.darkmode input[type="radio"]:hover,
.darkmode input[type="checkbox"]:hover {
  outline: 1px solid #1d9fe0;
}

.darkmode input[type="radio"]:focus,
.darkmode input[type="checkbox"]:focus {
  outline: 1px solid #1d9fe0;
}

.darkmode input[type="radio"]:disabled,
.darkmode input[type="checkbox"]:disabled {
  outline: none;
}

.darkmode select {
  font-family: "OpenSansRegular", Arial, Helvetica, sans-serif;
  font-size: 14px;
  padding: 4px 5px;
  width: 95%;
  max-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  -o-border-radius: 3px !important;
  -ms-border-radius: 3px !important;
  border-radius: 3px !important;
  /*eg: border-left: $type;*/
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 4px 0 4px 2px;
}

.darkmode select.txt_xsmall {
  width: 80px;
}

.darkmode select.txt_small {
  width: 120px;
}

.darkmode select.txt_medium {
  width: 250px;
}

.darkmode select.txt_large {
  width: 300px;
}

.darkmode select.txt_xlarge {
  width: 400px;
}

.darkmode select.txt_xxlarge {
  width: 600px;
}

.darkmode select.txt_block {
  width: 100%;
}

.darkmode select::-webkit-input-placeholder {
  color: #569bc0;
}

.darkmode select:-moz-placeholder {
  color: #569bc0;
}

.darkmode select::-moz-placeholder {
  color: #569bc0;
}

.darkmode select:-ms-input-placeholder {
  color: #569bc0;
}

.darkmode select:hover {
  /*eg: border-left: $type;*/
  border: 1px solid #1d9fe0;
  background-color: #f4f4f4;
}

.darkmode select:focus {
  /*eg: border-left: $type;*/
  border: 1px solid #1d9fe0;
  background-color: #fff;
}

.darkmode select:disabled {
  background-color: #ededed;
  color: #666;
  /*eg: border-left: $type;*/
  border: 1px solid #ddd;
}

.darkmode select:disabled:hover, .darkmode select:disabled:focus {
  background-color: #ededed;
  color: #666;
  /*eg: border-left: $type;*/
  border: 1px solid #ddd;
}

.darkmode select.error_field {
  color: #B94A48;
  background-color: #fbf1f1;
  /*eg: border-left: $type;*/
  border: 1px solid #B94A48;
}

.darkmode select.error_field:hover {
  background-color: #f4f4f4;
  /*eg: border-left: $type;*/
  border: 1px solid #1d9fe0;
}

.darkmode select.error_field:focus {
  color: #B94A48;
  background-color: #fff;
  /*eg: border-left: $type;*/
  border: 1px solid #990000;
}

.darkmode select.pflichtfeld {
  background-image: url(../images/mandatory_select.png) !important;
  background-position: right top !important;
  background-repeat: no-repeat !important;
}

.darkmode label.pflichtfeld:after,
.darkmode span.pflichtfeld:after {
  content: " *";
}

.darkmode .delete_button {
  color: #C00 !important;
  text-decoration: none !important;
}

.darkmode #validation_box > div {
  margin-left: 15px;
  margin-right: 15px;
}

.darkmode #validationErrors {
  margin: 0px;
}

.darkmode #validationErrors > ul {
  padding: 0;
  margin: 0;
}

.darkmode #validationErrors > ul > li {
  padding: 10px 10px 10px 20px;
  margin: 5px 0;
  border: 1px solid #333;
  background-color: #ccc;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  -o-border-radius: 0px !important;
  -ms-border-radius: 0px !important;
  border-radius: 0px !important;
  font-size: 14px;
  list-style: none;
}

.darkmode #validationErrors > ul > li.messageError {
  border: 1px solid #cb514f;
  background-color: #faf2f2;
  color: #532120;
}

.darkmode #validationErrors > ul > li.messageError:before {
  padding-right: 10px;
  font-family: FontAwesome;
  font-size: 14px;
  content: "\f057";
  color: #532120;
}

.darkmode #validationErrors > ul > li.messageWarning {
  border: 1px solid #cba158;
  background-color: #FCF8E3;
  color: #6b4400;
}

.darkmode #validationErrors > ul > li.messageWarning:before {
  padding-right: 10px;
  font-family: FontAwesome;
  font-size: 14px;
  content: "\f071";
  color: #6b4400;
}

.darkmode #validationErrors > ul > li.messagePositive {
  border: 1px solid #4f9a50;
  background-color: #e5f3e0;
  color: #244624;
}

.darkmode #validationErrors > ul > li.messagePositive:before {
  padding-right: 10px;
  font-family: FontAwesome;
  font-size: 14px;
  content: "\f058";
  color: #244624;
}

.darkmode #validationErrors > ul > li.messageInfo {
  border: 1px solid #3f92bb;
  background-color: #e5f3f9;
  color: #163442;
}

.darkmode #validationErrors > ul > li.messageInfo:before {
  padding-right: 10px;
  font-family: FontAwesome;
  font-size: 14px;
  content: "\f05a";
  color: #163442;
}

.darkmode .elemGroup {
  float: left;
  margin-right: 30px;
}

.darkmode .elemBox {
  clear: left;
  float: left;
  margin-left: 0;
}

.darkmode .labelCont {
  float: left;
  padding-top: 4px;
  padding-right: 20px;
  width: 120px;
}

.darkmode .fieldCont {
  height: 26px;
  float: left;
}

.darkmode .buttonBar {
  clear: left;
  padding-top: 20px;
}

.darkmode .button, .darkmode .ui-datatable thead th .button,
.darkmode .ui-datatable tfoot td .button,
.darkmode .ui-datatable tbody td .button,
.darkmode .ui-treetable thead th .button,
.darkmode .ui-treetable tfoot td .button,
.darkmode .ui-treetable tbody td .button,
.darkmode .ui-datatable-resizable thead th .button,
.darkmode .ui-datatable-resizable tfoot td .button,
.darkmode .ui-datatable-resizable tbody td .button,
.darkmode .link_button,
.darkmode a.button,
.darkmode .ui-datatable thead th a.button,
.darkmode .ui-datatable tfoot td a.button,
.darkmode .ui-datatable tbody td a.button,
.darkmode .ui-treetable thead th a.button,
.darkmode .ui-treetable tfoot td a.button,
.darkmode .ui-treetable tbody td a.button,
.darkmode .ui-datatable-resizable thead th a.button,
.darkmode .ui-datatable-resizable tfoot td a.button,
.darkmode .ui-datatable-resizable tbody td a.button {
  /* preset icons */
  /* Special: PF Download Link = <button><span>..*/
  /* disabled */
}

.darkmode .button, .darkmode .ui-datatable thead th .button,
.darkmode .ui-datatable tfoot td .button,
.darkmode .ui-datatable tbody td .button,
.darkmode .ui-treetable thead th .button,
.darkmode .ui-treetable tfoot td .button,
.darkmode .ui-treetable tbody td .button,
.darkmode .ui-datatable-resizable thead th .button,
.darkmode .ui-datatable-resizable tfoot td .button,
.darkmode .ui-datatable-resizable tbody td .button, .darkmode .button:link, .darkmode .ui-datatable thead th .button:link,
.darkmode .ui-datatable tfoot td .button:link,
.darkmode .ui-datatable tbody td .button:link,
.darkmode .ui-treetable thead th .button:link,
.darkmode .ui-treetable tfoot td .button:link,
.darkmode .ui-treetable tbody td .button:link,
.darkmode .ui-datatable-resizable thead th .button:link,
.darkmode .ui-datatable-resizable tfoot td .button:link,
.darkmode .ui-datatable-resizable tbody td .button:link, .darkmode .button:visited, .darkmode .ui-datatable thead th .button:visited,
.darkmode .ui-datatable tfoot td .button:visited,
.darkmode .ui-datatable tbody td .button:visited,
.darkmode .ui-treetable thead th .button:visited,
.darkmode .ui-treetable tfoot td .button:visited,
.darkmode .ui-treetable tbody td .button:visited,
.darkmode .ui-datatable-resizable thead th .button:visited,
.darkmode .ui-datatable-resizable tfoot td .button:visited,
.darkmode .ui-datatable-resizable tbody td .button:visited,
.darkmode .link_button,
.darkmode .link_button:link,
.darkmode .link_button:visited,
.darkmode a.button,
.darkmode .ui-datatable thead th a.button,
.darkmode .ui-datatable tfoot td a.button,
.darkmode .ui-datatable tbody td a.button,
.darkmode .ui-treetable thead th a.button,
.darkmode .ui-treetable tfoot td a.button,
.darkmode .ui-treetable tbody td a.button,
.darkmode .ui-datatable-resizable thead th a.button,
.darkmode .ui-datatable-resizable tfoot td a.button,
.darkmode .ui-datatable-resizable tbody td a.button,
.darkmode a.button:link,
.darkmode .ui-datatable thead th a.button:link,
.darkmode .ui-datatable tfoot td a.button:link,
.darkmode .ui-datatable tbody td a.button:link,
.darkmode .ui-treetable thead th a.button:link,
.darkmode .ui-treetable tfoot td a.button:link,
.darkmode .ui-treetable tbody td a.button:link,
.darkmode .ui-datatable-resizable thead th a.button:link,
.darkmode .ui-datatable-resizable tfoot td a.button:link,
.darkmode .ui-datatable-resizable tbody td a.button:link,
.darkmode a.button:visited,
.darkmode .ui-datatable thead th a.button:visited,
.darkmode .ui-datatable tfoot td a.button:visited,
.darkmode .ui-datatable tbody td a.button:visited,
.darkmode .ui-treetable thead th a.button:visited,
.darkmode .ui-treetable tfoot td a.button:visited,
.darkmode .ui-treetable tbody td a.button:visited,
.darkmode .ui-datatable-resizable thead th a.button:visited,
.darkmode .ui-datatable-resizable tfoot td a.button:visited,
.darkmode .ui-datatable-resizable tbody td a.button:visited {
  margin-right: 5px;
  display: inline-block;
  cursor: pointer;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  -o-border-radius: 3px !important;
  -ms-border-radius: 3px !important;
  border-radius: 3px !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  vertical-align: middle;
  font-size: 14px;
  font-family: "OpenSansRegular", Arial, Helvetica, sans-serif;
  text-decoration: none;
  background-color: #151515;
  color: #fff;
  padding: 4px 12px;
  border: 1px solid #3c3c3e;
}

.darkmode .button:hover, .darkmode .ui-datatable thead th .button:hover,
.darkmode .ui-datatable tfoot td .button:hover,
.darkmode .ui-datatable tbody td .button:hover,
.darkmode .ui-treetable thead th .button:hover,
.darkmode .ui-treetable tfoot td .button:hover,
.darkmode .ui-treetable tbody td .button:hover,
.darkmode .ui-datatable-resizable thead th .button:hover,
.darkmode .ui-datatable-resizable tfoot td .button:hover,
.darkmode .ui-datatable-resizable tbody td .button:hover, .darkmode .button:focus, .darkmode .ui-datatable thead th .button:focus,
.darkmode .ui-datatable tfoot td .button:focus,
.darkmode .ui-datatable tbody td .button:focus,
.darkmode .ui-treetable thead th .button:focus,
.darkmode .ui-treetable tfoot td .button:focus,
.darkmode .ui-treetable tbody td .button:focus,
.darkmode .ui-datatable-resizable thead th .button:focus,
.darkmode .ui-datatable-resizable tfoot td .button:focus,
.darkmode .ui-datatable-resizable tbody td .button:focus, .darkmode .button:active, .darkmode .ui-datatable thead th .button:active,
.darkmode .ui-datatable tfoot td .button:active,
.darkmode .ui-datatable tbody td .button:active,
.darkmode .ui-treetable thead th .button:active,
.darkmode .ui-treetable tfoot td .button:active,
.darkmode .ui-treetable tbody td .button:active,
.darkmode .ui-datatable-resizable thead th .button:active,
.darkmode .ui-datatable-resizable tfoot td .button:active,
.darkmode .ui-datatable-resizable tbody td .button:active,
.darkmode .link_button:hover,
.darkmode .link_button:focus,
.darkmode .link_button:active,
.darkmode a.button:hover,
.darkmode .ui-datatable thead th a.button:hover,
.darkmode .ui-datatable tfoot td a.button:hover,
.darkmode .ui-datatable tbody td a.button:hover,
.darkmode .ui-treetable thead th a.button:hover,
.darkmode .ui-treetable tfoot td a.button:hover,
.darkmode .ui-treetable tbody td a.button:hover,
.darkmode .ui-datatable-resizable thead th a.button:hover,
.darkmode .ui-datatable-resizable tfoot td a.button:hover,
.darkmode .ui-datatable-resizable tbody td a.button:hover,
.darkmode a.button:focus,
.darkmode .ui-datatable thead th a.button:focus,
.darkmode .ui-datatable tfoot td a.button:focus,
.darkmode .ui-datatable tbody td a.button:focus,
.darkmode .ui-treetable thead th a.button:focus,
.darkmode .ui-treetable tfoot td a.button:focus,
.darkmode .ui-treetable tbody td a.button:focus,
.darkmode .ui-datatable-resizable thead th a.button:focus,
.darkmode .ui-datatable-resizable tfoot td a.button:focus,
.darkmode .ui-datatable-resizable tbody td a.button:focus,
.darkmode a.button:active,
.darkmode .ui-datatable thead th a.button:active,
.darkmode .ui-datatable tfoot td a.button:active,
.darkmode .ui-datatable tbody td a.button:active,
.darkmode .ui-treetable thead th a.button:active,
.darkmode .ui-treetable tfoot td a.button:active,
.darkmode .ui-treetable tbody td a.button:active,
.darkmode .ui-datatable-resizable thead th a.button:active,
.darkmode .ui-datatable-resizable tfoot td a.button:active,
.darkmode .ui-datatable-resizable tbody td a.button:active {
  background-color: #ededed;
  color: #000;
  text-decoration: none;
  border: 1px solid #fff;
}

.darkmode .button:hover.default, .darkmode .button_more_results:hover, .darkmode .ui-datatable thead th .button_more_results:hover, .darkmode .ui-datatable tfoot td .button_more_results:hover, .darkmode .ui-datatable tbody td .button_more_results:hover, .darkmode .ui-treetable thead th .button_more_results:hover, .darkmode .ui-treetable tfoot td .button_more_results:hover, .darkmode .ui-treetable tbody td .button_more_results:hover, .darkmode .ui-datatable-resizable thead th .button_more_results:hover, .darkmode .ui-datatable-resizable tfoot td .button_more_results:hover, .darkmode .ui-datatable-resizable tbody td .button_more_results:hover, .darkmode .button:focus.default, .darkmode .button_more_results:focus, .darkmode .ui-datatable thead th .button_more_results:focus, .darkmode .ui-datatable tfoot td .button_more_results:focus, .darkmode .ui-datatable tbody td .button_more_results:focus, .darkmode .ui-treetable thead th .button_more_results:focus, .darkmode .ui-treetable tfoot td .button_more_results:focus, .darkmode .ui-treetable tbody td .button_more_results:focus, .darkmode .ui-datatable-resizable thead th .button_more_results:focus, .darkmode .ui-datatable-resizable tfoot td .button_more_results:focus, .darkmode .ui-datatable-resizable tbody td .button_more_results:focus, .darkmode .button:active.default, .darkmode .button_more_results:active, .darkmode .ui-datatable thead th .button_more_results:active, .darkmode .ui-datatable tfoot td .button_more_results:active, .darkmode .ui-datatable tbody td .button_more_results:active, .darkmode .ui-treetable thead th .button_more_results:active, .darkmode .ui-treetable tfoot td .button_more_results:active, .darkmode .ui-treetable tbody td .button_more_results:active, .darkmode .ui-datatable-resizable thead th .button_more_results:active, .darkmode .ui-datatable-resizable tfoot td .button_more_results:active, .darkmode .ui-datatable-resizable tbody td .button_more_results:active,
.darkmode .link_button:hover.default,
.darkmode .link_button:focus.default,
.darkmode .link_button:active.default,
.darkmode a.button:hover.default,
.darkmode a.button_more_results:hover,
.darkmode .ui-datatable thead th a.button_more_results:hover,
.darkmode .ui-datatable tfoot td a.button_more_results:hover,
.darkmode .ui-datatable tbody td a.button_more_results:hover,
.darkmode .ui-treetable thead th a.button_more_results:hover,
.darkmode .ui-treetable tfoot td a.button_more_results:hover,
.darkmode .ui-treetable tbody td a.button_more_results:hover,
.darkmode .ui-datatable-resizable thead th a.button_more_results:hover,
.darkmode .ui-datatable-resizable tfoot td a.button_more_results:hover,
.darkmode .ui-datatable-resizable tbody td a.button_more_results:hover,
.darkmode a.button:focus.default,
.darkmode a.button_more_results:focus,
.darkmode .ui-datatable thead th a.button_more_results:focus,
.darkmode .ui-datatable tfoot td a.button_more_results:focus,
.darkmode .ui-datatable tbody td a.button_more_results:focus,
.darkmode .ui-treetable thead th a.button_more_results:focus,
.darkmode .ui-treetable tfoot td a.button_more_results:focus,
.darkmode .ui-treetable tbody td a.button_more_results:focus,
.darkmode .ui-datatable-resizable thead th a.button_more_results:focus,
.darkmode .ui-datatable-resizable tfoot td a.button_more_results:focus,
.darkmode .ui-datatable-resizable tbody td a.button_more_results:focus,
.darkmode a.button:active.default,
.darkmode a.button_more_results:active,
.darkmode .ui-datatable thead th a.button_more_results:active,
.darkmode .ui-datatable tfoot td a.button_more_results:active,
.darkmode .ui-datatable tbody td a.button_more_results:active,
.darkmode .ui-treetable thead th a.button_more_results:active,
.darkmode .ui-treetable tfoot td a.button_more_results:active,
.darkmode .ui-treetable tbody td a.button_more_results:active,
.darkmode .ui-datatable-resizable thead th a.button_more_results:active,
.darkmode .ui-datatable-resizable tfoot td a.button_more_results:active,
.darkmode .ui-datatable-resizable tbody td a.button_more_results:active {
  text-decoration: none;
  color: #fff;
  background-color: #151515;
  border: 1px solid #151515;
}

.darkmode .button.default, .darkmode .button_more_results, .darkmode .ui-datatable thead th .default.button, .darkmode .ui-datatable thead th .button_more_results,
.darkmode .ui-datatable tfoot td .default.button, .darkmode .ui-datatable tfoot td .button_more_results,
.darkmode .ui-datatable tbody td .default.button, .darkmode .ui-datatable tbody td .button_more_results,
.darkmode .ui-treetable thead th .default.button, .darkmode .ui-treetable thead th .button_more_results,
.darkmode .ui-treetable tfoot td .default.button, .darkmode .ui-treetable tfoot td .button_more_results,
.darkmode .ui-treetable tbody td .default.button, .darkmode .ui-treetable tbody td .button_more_results,
.darkmode .ui-datatable-resizable thead th .default.button, .darkmode .ui-datatable-resizable thead th .button_more_results,
.darkmode .ui-datatable-resizable tfoot td .default.button, .darkmode .ui-datatable-resizable tfoot td .button_more_results,
.darkmode .ui-datatable-resizable tbody td .default.button, .darkmode .ui-datatable-resizable tbody td .button_more_results,
.darkmode .link_button.default,
.darkmode a.button.default,
.darkmode a.button_more_results,
.darkmode .ui-datatable thead th a.default.button,
.darkmode .ui-datatable thead th a.button_more_results,
.darkmode .ui-datatable tfoot td a.default.button,
.darkmode .ui-datatable tfoot td a.button_more_results,
.darkmode .ui-datatable tbody td a.default.button,
.darkmode .ui-datatable tbody td a.button_more_results,
.darkmode .ui-treetable thead th a.default.button,
.darkmode .ui-treetable thead th a.button_more_results,
.darkmode .ui-treetable tfoot td a.default.button,
.darkmode .ui-treetable tfoot td a.button_more_results,
.darkmode .ui-treetable tbody td a.default.button,
.darkmode .ui-treetable tbody td a.button_more_results,
.darkmode .ui-datatable-resizable thead th a.default.button,
.darkmode .ui-datatable-resizable thead th a.button_more_results,
.darkmode .ui-datatable-resizable tfoot td a.default.button,
.darkmode .ui-datatable-resizable tfoot td a.button_more_results,
.darkmode .ui-datatable-resizable tbody td a.default.button,
.darkmode .ui-datatable-resizable tbody td a.button_more_results {
  text-decoration: none;
  background-color: #666;
  border: 1px solid #000000;
  color: #fff !important;
}

.darkmode .button:before, .darkmode .ui-datatable thead th .button:before,
.darkmode .ui-datatable tfoot td .button:before,
.darkmode .ui-datatable tbody td .button:before,
.darkmode .ui-treetable thead th .button:before,
.darkmode .ui-treetable tfoot td .button:before,
.darkmode .ui-treetable tbody td .button:before,
.darkmode .ui-datatable-resizable thead th .button:before,
.darkmode .ui-datatable-resizable tfoot td .button:before,
.darkmode .ui-datatable-resizable tbody td .button:before,
.darkmode .link_button:before,
.darkmode a.button:before,
.darkmode .ui-datatable thead th a.button:before,
.darkmode .ui-datatable tfoot td a.button:before,
.darkmode .ui-datatable tbody td a.button:before,
.darkmode .ui-treetable thead th a.button:before,
.darkmode .ui-treetable tfoot td a.button:before,
.darkmode .ui-treetable tbody td a.button:before,
.darkmode .ui-datatable-resizable thead th a.button:before,
.darkmode .ui-datatable-resizable tfoot td a.button:before,
.darkmode .ui-datatable-resizable tbody td a.button:before {
  font-family: FontAwesome;
  display: inline-block;
  padding-right: 8px;
  text-align: left;
}

.darkmode .button.back:before, .darkmode .ui-datatable thead th .back.button:before,
.darkmode .ui-datatable tfoot td .back.button:before,
.darkmode .ui-datatable tbody td .back.button:before,
.darkmode .ui-treetable thead th .back.button:before,
.darkmode .ui-treetable tfoot td .back.button:before,
.darkmode .ui-treetable tbody td .back.button:before,
.darkmode .ui-datatable-resizable thead th .back.button:before,
.darkmode .ui-datatable-resizable tfoot td .back.button:before,
.darkmode .ui-datatable-resizable tbody td .back.button:before,
.darkmode .link_button.back:before,
.darkmode a.button.back:before {
  content: "\f100";
}

.darkmode .button.save:before, .darkmode .ui-datatable thead th .save.button:before,
.darkmode .ui-datatable tfoot td .save.button:before,
.darkmode .ui-datatable tbody td .save.button:before,
.darkmode .ui-treetable thead th .save.button:before,
.darkmode .ui-treetable tfoot td .save.button:before,
.darkmode .ui-treetable tbody td .save.button:before,
.darkmode .ui-datatable-resizable thead th .save.button:before,
.darkmode .ui-datatable-resizable tfoot td .save.button:before,
.darkmode .ui-datatable-resizable tbody td .save.button:before,
.darkmode .link_button.save:before,
.darkmode a.button.save:before {
  content: "\f0c7";
}

.darkmode .button.search:before, .darkmode .ui-datatable thead th .search.button:before,
.darkmode .ui-datatable tfoot td .search.button:before,
.darkmode .ui-datatable tbody td .search.button:before,
.darkmode .ui-treetable thead th .search.button:before,
.darkmode .ui-treetable tfoot td .search.button:before,
.darkmode .ui-treetable tbody td .search.button:before,
.darkmode .ui-datatable-resizable thead th .search.button:before,
.darkmode .ui-datatable-resizable tfoot td .search.button:before,
.darkmode .ui-datatable-resizable tbody td .search.button:before,
.darkmode .link_button.search:before,
.darkmode a.button.search:before {
  content: "\f002";
}

.darkmode .button.delete:before, .darkmode .ui-datatable thead th .delete.button:before,
.darkmode .ui-datatable tfoot td .delete.button:before,
.darkmode .ui-datatable tbody td .delete.button:before,
.darkmode .ui-treetable thead th .delete.button:before,
.darkmode .ui-treetable tfoot td .delete.button:before,
.darkmode .ui-treetable tbody td .delete.button:before,
.darkmode .ui-datatable-resizable thead th .delete.button:before,
.darkmode .ui-datatable-resizable tfoot td .delete.button:before,
.darkmode .ui-datatable-resizable tbody td .delete.button:before,
.darkmode .link_button.delete:before,
.darkmode a.button.delete:before {
  content: "\f014";
}

.darkmode .button.into_cart:before, .darkmode .ui-datatable thead th .into_cart.button:before,
.darkmode .ui-datatable tfoot td .into_cart.button:before,
.darkmode .ui-datatable tbody td .into_cart.button:before,
.darkmode .ui-treetable thead th .into_cart.button:before,
.darkmode .ui-treetable tfoot td .into_cart.button:before,
.darkmode .ui-treetable tbody td .into_cart.button:before,
.darkmode .ui-datatable-resizable thead th .into_cart.button:before,
.darkmode .ui-datatable-resizable tfoot td .into_cart.button:before,
.darkmode .ui-datatable-resizable tbody td .into_cart.button:before,
.darkmode .link_button.into_cart:before,
.darkmode a.button.into_cart:before {
  content: "\f218";
}

.darkmode .button.print:before, .darkmode .ui-datatable thead th .print.button:before,
.darkmode .ui-datatable tfoot td .print.button:before,
.darkmode .ui-datatable tbody td .print.button:before,
.darkmode .ui-treetable thead th .print.button:before,
.darkmode .ui-treetable tfoot td .print.button:before,
.darkmode .ui-treetable tbody td .print.button:before,
.darkmode .ui-datatable-resizable thead th .print.button:before,
.darkmode .ui-datatable-resizable tfoot td .print.button:before,
.darkmode .ui-datatable-resizable tbody td .print.button:before,
.darkmode .link_button.print:before,
.darkmode a.button.print:before {
  content: "\f02f";
}

.darkmode .button.download span:before,
.darkmode .link_button.download span:before,
.darkmode a.button.download span:before {
  font-family: FontAwesome;
  display: inline-block;
  padding-right: 8px;
  text-align: left;
  content: "\f019";
}

.darkmode .button:disabled, .darkmode .ui-datatable thead th .button:disabled,
.darkmode .ui-datatable tfoot td .button:disabled,
.darkmode .ui-datatable tbody td .button:disabled,
.darkmode .ui-treetable thead th .button:disabled,
.darkmode .ui-treetable tfoot td .button:disabled,
.darkmode .ui-treetable tbody td .button:disabled,
.darkmode .ui-datatable-resizable thead th .button:disabled,
.darkmode .ui-datatable-resizable tfoot td .button:disabled,
.darkmode .ui-datatable-resizable tbody td .button:disabled, .darkmode .button:disabled.default, .darkmode .button_more_results:disabled, .darkmode .ui-datatable thead th .button_more_results:disabled, .darkmode .ui-datatable tfoot td .button_more_results:disabled, .darkmode .ui-datatable tbody td .button_more_results:disabled, .darkmode .ui-treetable thead th .button_more_results:disabled, .darkmode .ui-treetable tfoot td .button_more_results:disabled, .darkmode .ui-treetable tbody td .button_more_results:disabled, .darkmode .ui-datatable-resizable thead th .button_more_results:disabled, .darkmode .ui-datatable-resizable tfoot td .button_more_results:disabled, .darkmode .ui-datatable-resizable tbody td .button_more_results:disabled, .darkmode .button:disabled:link, .darkmode .button:disabled:visited, .darkmode .button:disabled:hover, .darkmode .button:disabled:focus, .darkmode .button:disabled:active,
.darkmode .link_button:disabled,
.darkmode .link_button:disabled.default,
.darkmode .link_button:disabled:link,
.darkmode .link_button:disabled:visited,
.darkmode .link_button:disabled:hover,
.darkmode .link_button:disabled:focus,
.darkmode .link_button:disabled:active,
.darkmode a.button:disabled,
.darkmode .ui-datatable thead th a.button:disabled,
.darkmode .ui-datatable tfoot td a.button:disabled,
.darkmode .ui-datatable tbody td a.button:disabled,
.darkmode .ui-treetable thead th a.button:disabled,
.darkmode .ui-treetable tfoot td a.button:disabled,
.darkmode .ui-treetable tbody td a.button:disabled,
.darkmode .ui-datatable-resizable thead th a.button:disabled,
.darkmode .ui-datatable-resizable tfoot td a.button:disabled,
.darkmode .ui-datatable-resizable tbody td a.button:disabled,
.darkmode a.button:disabled.default,
.darkmode a.button_more_results:disabled,
.darkmode .ui-datatable thead th a.button_more_results:disabled,
.darkmode .ui-datatable tfoot td a.button_more_results:disabled,
.darkmode .ui-datatable tbody td a.button_more_results:disabled,
.darkmode .ui-treetable thead th a.button_more_results:disabled,
.darkmode .ui-treetable tfoot td a.button_more_results:disabled,
.darkmode .ui-treetable tbody td a.button_more_results:disabled,
.darkmode .ui-datatable-resizable thead th a.button_more_results:disabled,
.darkmode .ui-datatable-resizable tfoot td a.button_more_results:disabled,
.darkmode .ui-datatable-resizable tbody td a.button_more_results:disabled,
.darkmode a.button:disabled:link,
.darkmode a.button:disabled:visited,
.darkmode a.button:disabled:hover,
.darkmode a.button:disabled:focus,
.darkmode a.button:disabled:active {
  background-image: none;
  background-color: #f4f4f4;
  color: #999;
  text-decoration: none;
  border: 1px solid #ddd;
  cursor: default;
}

.darkmode .button span.ui-button-text-only, .darkmode .ui-datatable thead th .button span.ui-button-text-only, .darkmode .ui-datatable tfoot td .button span.ui-button-text-only, .darkmode .ui-datatable tbody td .button span.ui-button-text-only, .darkmode .ui-treetable thead th .button span.ui-button-text-only, .darkmode .ui-treetable tfoot td .button span.ui-button-text-only, .darkmode .ui-treetable tbody td .button span.ui-button-text-only, .darkmode .ui-datatable-resizable thead th .button span.ui-button-text-only, .darkmode .ui-datatable-resizable tfoot td .button span.ui-button-text-only, .darkmode .ui-datatable-resizable tbody td .button span.ui-button-text-only,
.darkmode .button span.ui-button-text,
.darkmode .ui-datatable thead th .button span.ui-button-text,
.darkmode .ui-datatable tfoot td .button span.ui-button-text,
.darkmode .ui-datatable tbody td .button span.ui-button-text,
.darkmode .ui-treetable thead th .button span.ui-button-text,
.darkmode .ui-treetable tfoot td .button span.ui-button-text,
.darkmode .ui-treetable tbody td .button span.ui-button-text,
.darkmode .ui-datatable-resizable thead th .button span.ui-button-text,
.darkmode .ui-datatable-resizable tfoot td .button span.ui-button-text,
.darkmode .ui-datatable-resizable tbody td .button span.ui-button-text,
.darkmode .link_button span.ui-button-text-only,
.darkmode .link_button span.ui-button-text,
.darkmode a.button span.ui-button-text-only,
.darkmode a.button span.ui-button-text {
  padding: 0;
}

.darkmode span.button, .darkmode .ui-datatable thead th span.button,
.darkmode .ui-datatable tfoot td span.button,
.darkmode .ui-datatable tbody td span.button,
.darkmode .ui-treetable thead th span.button,
.darkmode .ui-treetable tfoot td span.button,
.darkmode .ui-treetable tbody td span.button,
.darkmode .ui-datatable-resizable thead th span.button,
.darkmode .ui-datatable-resizable tfoot td span.button,
.darkmode .ui-datatable-resizable tbody td span.button, .darkmode span.button:link, .darkmode .ui-datatable thead th span.button:link,
.darkmode .ui-datatable tfoot td span.button:link,
.darkmode .ui-datatable tbody td span.button:link,
.darkmode .ui-treetable thead th span.button:link,
.darkmode .ui-treetable tfoot td span.button:link,
.darkmode .ui-treetable tbody td span.button:link,
.darkmode .ui-datatable-resizable thead th span.button:link,
.darkmode .ui-datatable-resizable tfoot td span.button:link,
.darkmode .ui-datatable-resizable tbody td span.button:link, .darkmode span.button:visited, .darkmode .ui-datatable thead th span.button:visited,
.darkmode .ui-datatable tfoot td span.button:visited,
.darkmode .ui-datatable tbody td span.button:visited,
.darkmode .ui-treetable thead th span.button:visited,
.darkmode .ui-treetable tfoot td span.button:visited,
.darkmode .ui-treetable tbody td span.button:visited,
.darkmode .ui-datatable-resizable thead th span.button:visited,
.darkmode .ui-datatable-resizable tfoot td span.button:visited,
.darkmode .ui-datatable-resizable tbody td span.button:visited, .darkmode span.button:hover, .darkmode .ui-datatable thead th span.button:hover,
.darkmode .ui-datatable tfoot td span.button:hover,
.darkmode .ui-datatable tbody td span.button:hover,
.darkmode .ui-treetable thead th span.button:hover,
.darkmode .ui-treetable tfoot td span.button:hover,
.darkmode .ui-treetable tbody td span.button:hover,
.darkmode .ui-datatable-resizable thead th span.button:hover,
.darkmode .ui-datatable-resizable tfoot td span.button:hover,
.darkmode .ui-datatable-resizable tbody td span.button:hover, .darkmode span.button:focus, .darkmode .ui-datatable thead th span.button:focus,
.darkmode .ui-datatable tfoot td span.button:focus,
.darkmode .ui-datatable tbody td span.button:focus,
.darkmode .ui-treetable thead th span.button:focus,
.darkmode .ui-treetable tfoot td span.button:focus,
.darkmode .ui-treetable tbody td span.button:focus,
.darkmode .ui-datatable-resizable thead th span.button:focus,
.darkmode .ui-datatable-resizable tfoot td span.button:focus,
.darkmode .ui-datatable-resizable tbody td span.button:focus, .darkmode span.button:active, .darkmode .ui-datatable thead th span.button:active,
.darkmode .ui-datatable tfoot td span.button:active,
.darkmode .ui-datatable tbody td span.button:active,
.darkmode .ui-treetable thead th span.button:active,
.darkmode .ui-treetable tfoot td span.button:active,
.darkmode .ui-treetable tbody td span.button:active,
.darkmode .ui-datatable-resizable thead th span.button:active,
.darkmode .ui-datatable-resizable tfoot td span.button:active,
.darkmode .ui-datatable-resizable tbody td span.button:active, .darkmode span.button.default, .darkmode span.button_more_results, .darkmode .ui-datatable thead th span.default.button, .darkmode .ui-datatable thead th span.button_more_results,
.darkmode .ui-datatable tfoot td span.default.button, .darkmode .ui-datatable tfoot td span.button_more_results,
.darkmode .ui-datatable tbody td span.default.button, .darkmode .ui-datatable tbody td span.button_more_results,
.darkmode .ui-treetable thead th span.default.button, .darkmode .ui-treetable thead th span.button_more_results,
.darkmode .ui-treetable tfoot td span.default.button, .darkmode .ui-treetable tfoot td span.button_more_results,
.darkmode .ui-treetable tbody td span.default.button, .darkmode .ui-treetable tbody td span.button_more_results,
.darkmode .ui-datatable-resizable thead th span.default.button, .darkmode .ui-datatable-resizable thead th span.button_more_results,
.darkmode .ui-datatable-resizable tfoot td span.default.button, .darkmode .ui-datatable-resizable tfoot td span.button_more_results,
.darkmode .ui-datatable-resizable tbody td span.default.button, .darkmode .ui-datatable-resizable tbody td span.button_more_results, .darkmode span.button.default:link, .darkmode span.button_more_results:link, .darkmode .ui-datatable thead th span.button_more_results:link, .darkmode .ui-datatable tfoot td span.button_more_results:link, .darkmode .ui-datatable tbody td span.button_more_results:link, .darkmode .ui-treetable thead th span.button_more_results:link, .darkmode .ui-treetable tfoot td span.button_more_results:link, .darkmode .ui-treetable tbody td span.button_more_results:link, .darkmode .ui-datatable-resizable thead th span.button_more_results:link, .darkmode .ui-datatable-resizable tfoot td span.button_more_results:link, .darkmode .ui-datatable-resizable tbody td span.button_more_results:link, .darkmode span.button.default:visited, .darkmode span.button_more_results:visited, .darkmode .ui-datatable thead th span.button_more_results:visited, .darkmode .ui-datatable tfoot td span.button_more_results:visited, .darkmode .ui-datatable tbody td span.button_more_results:visited, .darkmode .ui-treetable thead th span.button_more_results:visited, .darkmode .ui-treetable tfoot td span.button_more_results:visited, .darkmode .ui-treetable tbody td span.button_more_results:visited, .darkmode .ui-datatable-resizable thead th span.button_more_results:visited, .darkmode .ui-datatable-resizable tfoot td span.button_more_results:visited, .darkmode .ui-datatable-resizable tbody td span.button_more_results:visited, .darkmode span.button.default:hover, .darkmode span.button_more_results:hover, .darkmode .ui-datatable thead th span.button_more_results:hover, .darkmode .ui-datatable tfoot td span.button_more_results:hover, .darkmode .ui-datatable tbody td span.button_more_results:hover, .darkmode .ui-treetable thead th span.button_more_results:hover, .darkmode .ui-treetable tfoot td span.button_more_results:hover, .darkmode .ui-treetable tbody td span.button_more_results:hover, .darkmode .ui-datatable-resizable thead th span.button_more_results:hover, .darkmode .ui-datatable-resizable tfoot td span.button_more_results:hover, .darkmode .ui-datatable-resizable tbody td span.button_more_results:hover, .darkmode span.button.default:focus, .darkmode span.button_more_results:focus, .darkmode .ui-datatable thead th span.button_more_results:focus, .darkmode .ui-datatable tfoot td span.button_more_results:focus, .darkmode .ui-datatable tbody td span.button_more_results:focus, .darkmode .ui-treetable thead th span.button_more_results:focus, .darkmode .ui-treetable tfoot td span.button_more_results:focus, .darkmode .ui-treetable tbody td span.button_more_results:focus, .darkmode .ui-datatable-resizable thead th span.button_more_results:focus, .darkmode .ui-datatable-resizable tfoot td span.button_more_results:focus, .darkmode .ui-datatable-resizable tbody td span.button_more_results:focus, .darkmode span.button.default:active, .darkmode span.button_more_results:active, .darkmode .ui-datatable thead th span.button_more_results:active, .darkmode .ui-datatable tfoot td span.button_more_results:active, .darkmode .ui-datatable tbody td span.button_more_results:active, .darkmode .ui-treetable thead th span.button_more_results:active, .darkmode .ui-treetable tfoot td span.button_more_results:active, .darkmode .ui-treetable tbody td span.button_more_results:active, .darkmode .ui-datatable-resizable thead th span.button_more_results:active, .darkmode .ui-datatable-resizable tfoot td span.button_more_results:active, .darkmode .ui-datatable-resizable tbody td span.button_more_results:active,
.darkmode span.link_button,
.darkmode span.link_button:link,
.darkmode span.link_button:visited,
.darkmode span.link_button:hover,
.darkmode span.link_button:focus,
.darkmode span.link_button:active,
.darkmode span.link_button.default,
.darkmode span.link_button.default:link,
.darkmode span.link_button.default:visited,
.darkmode span.link_button.default:hover,
.darkmode span.link_button.default:focus,
.darkmode span.link_button.default:active {
  background-image: none;
  background-color: #f4f4f4;
  color: #999;
  text-decoration: none;
  border: 1px solid #ddd;
  cursor: default;
}

.darkmode .icon_button, .darkmode .icon_button:link, .darkmode .icon_button:visited {
  margin-right: 5px;
  display: inline-block;
  cursor: pointer;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  -o-border-radius: 3px !important;
  -ms-border-radius: 3px !important;
  border-radius: 3px !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  vertical-align: middle;
  font-size: 14px;
  font-family: "OpenSansRegular", Arial, Helvetica, sans-serif;
  text-decoration: none;
  background-color: #151515;
  color: #fff;
  padding: 4px 12px;
  border: 1px solid #3c3c3e;
  line-height: 30px;
  padding-left: 8px;
  padding-right: 8px;
  font-family: FontAwesome;
  font-size: 14px;
}

.darkmode .icon_button:hover, .darkmode .icon_button:focus, .darkmode .icon_button:active {
  background-color: #ededed;
  color: #000;
  text-decoration: none;
  border: 1px solid #fff;
  font-family: FontAwesome;
}

.darkmode .icon_button:disabled, .darkmode .icon_button:disabled:hover, .darkmode .icon_button:disabled:focus, .darkmode .icon_button:disabled:active {
  background-image: none;
  background-color: #f4f4f4;
  color: #999;
  text-decoration: none;
  border: 1px solid #ddd;
  cursor: default;
  font-family: FontAwesome;
}

.darkmode .icon_button.active, .darkmode .icon_button.active:hover, .darkmode .icon_button.active:focus, .darkmode .icon_button.active:active {
  background-color: #ededed;
  color: #000;
  text-decoration: none;
  border: 1px solid #fff;
  font-family: FontAwesome;
}

.darkmode span.icon_button, .darkmode span.icon_button:hover, .darkmode span.icon_button:focus, .darkmode span.icon_button:active,
.darkmode span.button_tbl_aktion,
.darkmode span.button_tbl_aktion:hover,
.darkmode span.button_tbl_aktion:focus,
.darkmode span.button_tbl_aktion:active {
  background-image: none;
  background-color: #f4f4f4;
  color: #999;
  text-decoration: none;
  border: 1px solid #ddd;
  cursor: default;
  font-family: FontAwesome;
}

.darkmode .icon_only {
  display: inline-block;
  color: #000;
  text-decoration: none;
  font-size: 14px;
}

.darkmode .icon_only:link, .darkmode .icon_only:visited {
  color: #000;
  cursor: pointer;
  text-decoration: none;
}

.darkmode .icon_only:hover, .darkmode .icon_only:focus, .darkmode .icon_only:active {
  color: #000;
  text-decoration: none;
}

.darkmode .icon_only:disabled, .darkmode .icon_only:disabled:hover, .darkmode .icon_only:disabled:focus, .darkmode .icon_only:disabled:active {
  color: #666;
}

.darkmode .icon_only.xl {
  font-size: 18px;
}

.darkmode span.icon_only,
.darkmode span.icon_only:hover {
  display: inline-block;
  color: #000;
  text-decoration: none;
  font-size: 14px;
}

.darkmode span.icon_only.xl,
.darkmode span.icon_only:hover.xl {
  font-size: 18px;
}

.darkmode .icon_txt_button, .darkmode .icon_txt_button:link, .darkmode .icon_txt_button:visited {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  background-color: #ccc;
  color: #000;
  margin: 3px 4px 3px 0px;
  border: 1px solid #ccc;
  padding: 3px 5px;
  font-size: 14px;
  font-family: "OpenSansRegular", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
}

.darkmode .icon_txt_button span, .darkmode .icon_txt_button:link span, .darkmode .icon_txt_button:visited span {
  font-size: 12px;
  color: #000;
  margin-right: 3px;
}

.darkmode .icon_txt_button:hover, .darkmode .icon_txt_button:focus, .darkmode .icon_txt_button:active {
  background-color: #000 !important;
  color: #fff !important;
  border: 1px solid #fff;
  text-decoration: none !important;
}

.darkmode .icon_txt_button:hover span, .darkmode .icon_txt_button:focus span, .darkmode .icon_txt_button:active span {
  color: #fff;
}

.darkmode .icon_txt_button:disabled, .darkmode .icon_txt_button:disabled:hover, .darkmode .icon_txt_button:disabled:focus, .darkmode .icon_txt_button:disabled:active {
  background-color: #ededed !important;
  color: #666 !important;
}

.darkmode .icon_txt_button:before {
  font-family: FontAwesome;
  display: inline-block;
  width: 20px;
}

.darkmode span.icon_txt_button, .darkmode span.icon_txt_button:hover, .darkmode span.icon_txt_button:focus, .darkmode span.icon_txt_button:active {
  background-color: #ededed !important;
  color: #666 !important;
}

.darkmode .icon_delete:before {
  font-family: FontAwesome;
  content: "\f014";
  color: #990000 !important;
}

.darkmode .icon_add:before {
  font-family: FontAwesome;
  content: "\f055";
  color: #47892d !important;
}

.darkmode .icon_info:before {
  font-family: FontAwesome;
  content: "\f05a";
  color: #1a76c5 !important;
}

.darkmode .icon_warning:before {
  font-family: FontAwesome;
  content: "\f071";
  color: #b7940a !important;
}

.darkmode .txt_warning {
  color: #b7940a !important;
}

.darkmode .txt_positive {
  color: #47892d !important;
}

.darkmode .txt_info {
  color: #1a76c5 !important;
}

.darkmode .txt_error {
  color: #990000 !important;
}

.darkmode .gridCells {
  border-top: 1px solid #CBCBCB;
  border-left: 1px solid #000;
  /* Option: abwechselnde Zeilenfarben */
  /* Option: betreffende Zeile einfärben */
  /* Option: alle Inhalte einzeilig */
}

.darkmode .gridCells div {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.darkmode .gridCells .gridRow.pamgd_smartgrid_row {
  margin: 0 !important;
  padding: 0;
  border-bottom: 1px solid #CBCBCB;
}

.darkmode .gridCells .gridRow .gridCell {
  border-right: 1px solid #CBCBCB;
  padding: 5px 10px !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.darkmode .gridCells label,
.darkmode .gridCells label.ui-outputlabel.field_num,
.darkmode .gridCells label.ui-outputlabel,
.darkmode .gridCells span.displayfield,
.darkmode .gridCells label.ui-outputlabel.th_style,
.darkmode .gridCells span.displayfield.th_style {
  width: 100%;
  display: block;
}

.darkmode .gridCells.striped .gridRow:nth-child(2n) {
  background-color: #ededed;
}

.darkmode .gridCells .gridRow.color {
  background-color: #ededed;
}

.darkmode .gridCells.nobr {
  /*.th_style{
			display:block !important;
		}*/
}

.darkmode .gridCells.nobr label.ui-outputlabel,
.darkmode .gridCells.nobr label.ui-outputlabel.field_num,
.darkmode .gridCells.nobr label,
.darkmode .gridCells.nobr span {
  display: block !important;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.darkmode .striped_gridCells {
  border-top: 1px solid #CBCBCB;
  border-right: 1px solid #CBCBCB;
  border-left: 1px solid #000;
}

.darkmode .striped_gridCells div {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.darkmode .striped_gridCells .gridRow.pamgd_smartgrid_row {
  margin: 0 !important;
  padding: 5px 0;
  border-bottom: 1px solid #CBCBCB;
}

.darkmode .striped_gridCells .gridRow:nth-child(2n) {
  background-color: #ededed;
}

.darkmode .striped_gridCells .gridRow .gridCell {
  padding-left: 10px !important;
}

.darkmode .striped_gridCells label,
.darkmode .striped_gridCells label.ui-outputlabel,
.darkmode .striped_gridCells label.ui-outputlabel.field_num {
  display: inline;
}

.darkmode .th_style {
  color: #000;
  font-family: "OpenSansSemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: inline;
}

.darkmode #tabs {
  margin: 0;
  padding-left: 10px;
  border-bottom: 1px solid #333;
  font-size: 14px;
  margin-bottom: 10px;
}

.darkmode #tabs input {
  border: 0;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 3px;
  padding-top: 4px;
  border: 1px solid #CBCBCB;
  border-bottom: 1px solid #fff;
  background-color: #fff;
  text-decoration: none;
  font-weight: bold;
  cursor: pointer;
  overflow: visible;
  width: auto;
  -webkit-border-radius: 0px 0px 0px 0px !important;
  -moz-border-radius: 0px 0px 0px 0px !important;
  -o-border-radius: 0px 0px 0px 0px !important;
  -ms-border-radius: 0px 0px 0px 0px !important;
  border-radius: 0px 0px 0px 0px !important;
}

.darkmode #tabs input:hover,
.darkmode #tabs input:focus {
  background-color: #ccc;
}

.darkmode #tabs input:disabled {
  background-image: none;
  background-color: #f6f6f6;
  border: 1px solid #eee;
  border-bottom: 1px solid #fff;
  color: #666;
}

.darkmode * + html #tabs input {
  margin-bottom: 0px;
}

.darkmode #tabs input.active {
  border: 0;
  background-color: #333;
  color: #fff;
  font-weight: bold;
  padding-bottom: 4px;
  border: 1px solid #333;
  border-bottom: 0px;
  cursor: pointer;
  overflow: visible;
  width: auto;
  -webkit-border-radius: 0px 0px 0px 0px !important;
  -moz-border-radius: 0px 0px 0px 0px !important;
  -o-border-radius: 0px 0px 0px 0px !important;
  -ms-border-radius: 0px 0px 0px 0px !important;
  border-radius: 0px 0px 0px 0px !important;
}

.darkmode * + html #tabs input.active {
  margin-bottom: -1px;
}

.darkmode .tabsheet {
  padding: 20px;
  padding-top: 5px;
  border-bottom: 1px solid #333;
}

.darkmode .tabberlive .tabbertabhide {
  display: none;
}

.darkmode .tabber {
  margin-top: 1em;
}

.darkmode .tabberlive {
  margin-top: 1em;
}

.darkmode ul.tabbernav {
  margin: 0;
  padding-left: 3px;
  border-bottom: 1px solid #333;
  font-size: 14px;
  font-weight: bold;
  line-height: 22px;
}

.darkmode ul.tabbernav li {
  list-style: none;
  margin: 0;
  display: inline;
  margin-left: 2px;
}

.darkmode ul.tabbernav li a {
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 0px;
  padding-top: 2px;
  border: 1px solid #CBCBCB;
  border-bottom: 1px solid #fff;
  background-color: #fff;
  text-decoration: none;
  -webkit-border-radius: 0px 0px 0px 0px !important;
  -moz-border-radius: 0px 0px 0px 0px !important;
  -o-border-radius: 0px 0px 0px 0px !important;
  -ms-border-radius: 0px 0px 0px 0px !important;
  border-radius: 0px 0px 0px 0px !important;
}

.darkmode ul.tabbernav li a:link {
  color: #333333;
}

.darkmode ul.tabbernav li a:visited {
  color: #333333;
}

.darkmode ul.tabbernav li a:hover {
  background-color: #ccc;
}

.darkmode ul.tabbernav li.tabberactive a {
  border: 0;
  background-color: #333;
  color: #fff;
  font-weight: bold;
  padding-bottom: 1px;
  border: 1px solid #333;
  border-bottom: 0px;
  cursor: pointer;
  overflow: visible;
  width: auto;
  -webkit-border-radius: 0px 0px 0px 0px !important;
  -moz-border-radius: 0px 0px 0px 0px !important;
  -o-border-radius: 0px 0px 0px 0px !important;
  -ms-border-radius: 0px 0px 0px 0px !important;
  border-radius: 0px 0px 0px 0px !important;
}

.darkmode .tabberlive .tabbertab,
.darkmode .tabber .tabbertab {
  padding: 15px;
  border-left: 1px solid #CBCBCB;
  border-right: 1px solid #CBCBCB;
  border-bottom: 1px solid #CBCBCB;
  margin-bottom: 10px;
  -webkit-border-radius: 0px 0px 0px 0px !important;
  -moz-border-radius: 0px 0px 0px 0px !important;
  -o-border-radius: 0px 0px 0px 0px !important;
  -ms-border-radius: 0px 0px 0px 0px !important;
  border-radius: 0px 0px 0px 0px !important;
}

.darkmode .area {
  font-weight: bold;
  padding: 5px 5px 5px 5px;
  cursor: pointer;
  color: #595959;
  margin-top: 5px;
}

.darkmode .ar_open {
  background-color: #eee;
  color: #595959;
  border: 1px solid #ddd;
  -webkit-border-radius: 0px 0px 0px 0px !important;
  -moz-border-radius: 0px 0px 0px 0px !important;
  -o-border-radius: 0px 0px 0px 0px !important;
  -ms-border-radius: 0px 0px 0px 0px !important;
  border-radius: 0px 0px 0px 0px !important;
}

.darkmode .ar_open:hover {
  background-color: #333;
  color: #fff;
  border: 1px solid #333;
}

.darkmode .ar_open:before {
  font-family: FontAwesome;
  content: "\f107 ";
  display: inline-block;
  width: 15px;
}

.darkmode .ar_closed {
  background-color: #fff;
  color: #595959;
  border: 1px solid #ddd;
  -webkit-border-radius: 0px 0px 0px 0px !important;
  -moz-border-radius: 0px 0px 0px 0px !important;
  -o-border-radius: 0px 0px 0px 0px !important;
  -ms-border-radius: 0px 0px 0px 0px !important;
  border-radius: 0px 0px 0px 0px !important;
}

.darkmode .ar_closed:before {
  font-family: FontAwesome;
  content: "\f105 ";
  display: inline-block;
  width: 15px;
}

.darkmode .ar_closed:hover {
  background-color: #eee;
}

.darkmode .progress-bar-success {
  background-color: #5cb85c;
}

.darkmode .progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.darkmode .progress-bar-info {
  background-color: #5bc0de;
}

.darkmode .progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.darkmode .progress-bar-warning {
  background-color: #f0ad4e;
}

.darkmode .progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.darkmode .progress-bar-danger {
  background-color: #d9534f;
}

.darkmode .progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.darkmode .progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  /*color: #fff;*/
  text-align: center;
  background-color: #337ab7;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width .6s ease;
  -o-transition: width .6s ease;
  transition: width .6s ease;
}

.darkmode .progress-striped .progress-bar, .darkmode .progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
  background-size: 40px 40px;
}

.darkmode .progress.active .progress-bar, .darkmode .progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}

.darkmode .progress-bar-success {
  background-color: #5cb85c;
}

.darkmode .progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.darkmode .progress-bar-info {
  background-color: #5bc0de;
}

.darkmode .progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.darkmode .progress-bar-warning {
  background-color: #4ef0ad;
}

.darkmode .progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.darkmode .progress-bar-danger {
  background-color: #d9534f;
}

.darkmode .progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.darkmode .popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 14px;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.darkmode .popover.top {
  margin-top: -10px;
}

.darkmode .popover.right {
  margin-left: 10px;
}

.darkmode .popover.bottom {
  margin-top: 10px;
}

.darkmode .progress {
  background-color: #f5f5f5;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  height: 20px;
  margin-bottom: 5px;
  margin-top: -15px;
  overflow: hidden;
}

.darkmode .col-sm-offset-2 {
  margin-left: 16.6667%;
}

.darkmode .col-sm-6 {
  width: 50%;
}

.darkmode .col-sm-1, .darkmode .col-sm-2, .darkmode .col-sm-3, .darkmode .col-sm-4, .darkmode .col-sm-5, .darkmode .col-sm-6, .darkmode .col-sm-7, .darkmode .col-sm-8, .darkmode .col-sm-9, .darkmode .col-sm-10, .darkmode .col-sm-11, .darkmode .col-sm-12 {
  float: left;
}

.darkmode .col-xs-1, .darkmode .col-sm-1, .darkmode .col-md-1, .darkmode .col-lg-1, .darkmode .col-xs-2, .darkmode .col-sm-2, .darkmode .col-md-2, .darkmode .col-lg-2, .darkmode .col-xs-3, .darkmode .col-sm-3, .darkmode .col-md-3, .darkmode .col-lg-3, .darkmode .col-xs-4, .darkmode .col-sm-4, .darkmode .col-md-4, .darkmode .col-lg-4, .darkmode .col-xs-5, .darkmode .col-sm-5, .darkmode .col-md-5, .darkmode .col-lg-5, .darkmode .col-xs-6, .darkmode .col-sm-6, .darkmode .col-md-6, .darkmode .col-lg-6, .darkmode .col-xs-7, .darkmode .col-sm-7, .darkmode .col-md-7, .darkmode .col-lg-7, .darkmode .col-xs-8, .darkmode .col-sm-8, .darkmode .col-md-8, .darkmode .col-lg-8, .darkmode .col-xs-9, .darkmode .col-sm-9, .darkmode .col-md-9, .darkmode .col-lg-9, .darkmode .col-xs-10, .darkmode .col-sm-10, .darkmode .col-md-10, .darkmode .col-lg-10, .darkmode .col-xs-11, .darkmode .col-sm-11, .darkmode .col-md-11, .darkmode .col-lg-11, .darkmode .col-xs-12, .darkmode .col-sm-12, .darkmode .col-md-12, .darkmode .col-lg-12 {
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}

.darkmode .password-verdict {
  white-space: nowrap;
}

.darkmode .tblFooterColor {
  /*color: $black;*/
}

.darkmode .leftCont {
  position: fixed;
  left: 10px;
  width: 280px;
  bottom: 0;
  top: 135px;
  padding: 25px 0 20px 5px;
  overflow: auto;
}

.darkmode .rightCont {
  position: fixed;
  padding: 20px 0 20px 5px;
  left: 340px;
  right: 0;
  bottom: 0;
  top: 135px;
  overflow: auto;
}

.darkmode .selectbtn_style {
  padding: 4px 0 1px !important;
}

.darkmode .featured_product_box {
  display: none;
}

.darkmode .product_list_flexbox {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  margin-top: 20px;
}

.darkmode .prod_cell {
  width: 220px;
  height: 320px;
  margin: 0 25px 25px 0;
  background-color: #fff;
  padding: 10px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}

.darkmode .prod_cell:hover, .darkmode .prod_cell:focus {
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}

.darkmode .prod_cell .prod_na {
  display: none;
}

.darkmode .prod_cell.not_available .prod_img .prod_na {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: flex;
  justify-content: space-around;
  position: absolute;
  align-items: center;
  text-align: center;
  z-index: 10;
  bottom: 0;
  left: 10px;
  right: 10px;
  top: 0;
}

.darkmode .prod_cell.not_available .prod_img .prod_na .prod_na_text {
  display: block;
  padding: 6px 15px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
  font-size: 16px;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  -o-border-radius: 4px !important;
  -ms-border-radius: 4px !important;
  border-radius: 4px !important;
}

.darkmode .prod_cell.not_available .prod_img img {
  opacity: 0.2;
}

.darkmode .prod_cell .prod_discount {
  display: none;
}

.darkmode .prod_cell.discount .prod_img .prod_discount {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: flex;
  position: absolute;
  align-items: center;
  z-index: 10;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}

.darkmode .prod_cell.discount .prod_img .prod_discount .prod_discount_text {
  display: block;
  padding: 4px 10px 4px 30px;
  color: #fff;
  background-color: #fff;
  font-size: 14px;
  -webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  transform: rotate(9 -10deg);
  margin-left: -20px;
  -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
  font-weight: bold;
  font-family: "OpenSansSemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.darkmode .prod_cell.discount.green .prod_img .prod_discount .prod_discount_text {
  background-color: #070;
}

.darkmode .prod_cell.discount.red .prod_img .prod_discount .prod_discount_text {
  background-color: #800;
}

.darkmode .prod_cell .prod_img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 200px;
  align-self: flex-start;
  overflow: hidden;
  justify-content: center;
  display: flex;
  align-items: center;
  position: relative;
}

.darkmode .prod_cell .prod_img img {
  max-height: 100%;
  max-width: 100%;
  min-height: 0%;
  min-width: 0%;
}

.darkmode .prod_cell .prod_infos {
  width: 100%;
  margin-top: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}

.darkmode .prod_cell .prod_infos .prod_name {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
}

.darkmode .prod_cell .prod_infos .prod_name a, .darkmode .prod_cell .prod_infos .prod_name a:link, .darkmode .prod_cell .prod_infos .prod_name a:visited, .darkmode .prod_cell .prod_infos .prod_name a:hover, .darkmode .prod_cell .prod_infos .prod_name a:active, .darkmode .prod_cell .prod_infos .prod_name a:focus {
  color: #fff;
  text-decoration: none !important;
}

.darkmode .prod_cell .prod_price, .darkmode .prod_cell .prod_price_old {
  width: 100%;
  font-size: 14px;
  font-family: "OpenSansSemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 5px;
  text-align: center;
}

.darkmode .prod_cell .prod_price label.prod_price_special, .darkmode .prod_cell .prod_price_old label.prod_price_special {
  color: #242b31;
}

.darkmode .prod_cell .prod_price span.prod_price_special, .darkmode .prod_cell .prod_price_old span.prod_price_special {
  color: #242b31;
}

.darkmode .button_more_results {
  padding: 6px 18px !important;
}

.darkmode .prod_desc {
  display: none;
}

.darkmode .kat_container {
  position: -webkit-sticky;
  /* Safari */
  position: sticky;
  top: 0;
}

.darkmode .kat_menu {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 170px;
  padding-top: 10px;
  border-top: 1px solid #000;
}

.darkmode .kat_menu .ui-button span.ui-button-text-only,
.darkmode .kat_menu .ui-button span.ui-button-text {
  padding: 3px !important;
  color: #000 !important;
  background-color: transparent !important;
  border: none;
}

.darkmode .kat_menu .ui-button,
.darkmode .kat_menu .ui-button.ui-state-default {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -o-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  border-radius: 0 !important;
  background-image: none;
  border: none;
  background-color: transparent;
  width: 100%;
  text-align: left;
  margin-bottom: 4px;
  font-size: 14px;
  color: #000 !important;
  padding: 6px;
}

.darkmode .kat_menu .ui-button.ui-state-hover,
.darkmode .kat_menu .ui-button.ui-state-focus {
  background-image: none;
  border: none;
  background-color: transparent;
  color: #000;
}

.darkmode .kat_menu .ui-button.ui-state-active {
  background-image: none;
  border: none;
  background-color: transparent;
  font-family: "OpenSansSemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000;
}

.darkmode .kat_menu .ui-button.ui-state-disabled {
  background-image: none;
  border: none;
  background-color: transparent;
  color: #333;
}

.darkmode .submenu_container {
  position: -webkit-sticky;
  /* Safari */
  position: sticky;
  top: 0;
}

.darkmode .submenu_container .kat_menu .ui-button.ui-state-active {
  background-image: none;
  border: none;
  background-color: #fff;
  font-family: "OpenSansRegular", Arial, Helvetica, sans-serif;
  color: #000;
}

.darkmode .submenu_headline {
  display: inline;
  margin-right: 5px !important;
}

.darkmode .datagrid_switch {
  text-align: right;
}

.darkmode .pamgd_drawingareaframe_body .content_breadcrumbs {
  position: static;
}

.darkmode .prod_desc_full {
  max-width: 800px;
  margin-right: 20px;
  padding: 20px 0;
}

.darkmode .prod_style {
  padding: 10px 0;
  font-family: "OpenSansSemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
}

.darkmode .prod_detail_price {
  padding: 10px 0;
  font-family: "OpenSansSemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 22px;
}

.darkmode .prod_subtitle {
  font-family: "OpenSansLight", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 22px;
  color: #000;
  padding: 0;
  margin-bottom: 20px;
  display: block;
}

.darkmode .prod_cart_form {
  margin-top: 20px;
}

.darkmode .prod_cart_form input[type="text"] {
  text-align: right;
}

.darkmode .prod_cart_form .button, .darkmode .prod_cart_form .ui-datatable thead th .button, .darkmode .ui-datatable thead th .prod_cart_form .button,
.darkmode .prod_cart_form .ui-datatable tfoot td .button, .darkmode .ui-datatable tfoot td .prod_cart_form .button,
.darkmode .prod_cart_form .ui-datatable tbody td .button, .darkmode .ui-datatable tbody td .prod_cart_form .button,
.darkmode .prod_cart_form .ui-treetable thead th .button, .darkmode .ui-treetable thead th .prod_cart_form .button,
.darkmode .prod_cart_form .ui-treetable tfoot td .button, .darkmode .ui-treetable tfoot td .prod_cart_form .button,
.darkmode .prod_cart_form .ui-treetable tbody td .button, .darkmode .ui-treetable tbody td .prod_cart_form .button,
.darkmode .prod_cart_form .ui-datatable-resizable thead th .button, .darkmode .ui-datatable-resizable thead th .prod_cart_form .button,
.darkmode .prod_cart_form .ui-datatable-resizable tfoot td .button, .darkmode .ui-datatable-resizable tfoot td .prod_cart_form .button,
.darkmode .prod_cart_form .ui-datatable-resizable tbody td .button, .darkmode .ui-datatable-resizable tbody td .prod_cart_form .button {
  margin-left: 10px;
}

.darkmode .prod_desc_detail {
  margin-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 10px;
  border-bottom: 1px solid #CBCBCB;
}

.darkmode .into_cart_box {
  float: right;
}

.darkmode .cart_price_box {
  float: left;
}

.darkmode .download_link, .darkmode .download_link:link, .darkmode .download_link:visited {
  font-family: "OpenSansRegular", Arial, Helvetica, sans-serif;
  display: inline-block;
  padding: 3px 0 3px 0px;
}

.darkmode .download_link:before {
  font-family: FontAwesome;
  content: "\f019";
  display: inline-block;
  width: 20px;
  color: #000;
}

.darkmode .projektname {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 48px;
  padding-left: 12px;
  font-family: "OpenSansLight", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 22px;
  font-weight: 300;
  min-width: 260px;
  color: #fff;
  height: 75px;
}

.darkmode .info_headline {
  margin: 10px 10px 0px 10px;
  padding-bottom: 5px;
  color: #000;
  border-bottom: 1px solid #000;
  font-family: "OpenSansLight", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 16px;
}

.darkmode .info_cont {
  padding: 10px 10px;
}

.darkmode .servicenavi {
  padding: 15px 10px 0 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  text-align: right;
  /*margin-left: 300px;*/
}

.darkmode .servicenavi_separator {
  color: #fff;
}

.darkmode .contButtons {
  margin-bottom: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 20px;
  text-align: right;
  float: right;
}

.darkmode .contHeadline {
  margin: 20px 0;
}

.darkmode .contHeadline h1 {
  float: left;
  margin: 0;
  padding: 0;
}

.darkmode .contHeadline .contButtons {
  float: right;
}

.darkmode .login, .darkmode .login:link, .darkmode .login:visited, .darkmode .login:active,
.darkmode .user,
.darkmode .user:link,
.darkmode .user:visited,
.darkmode .user:active {
  display: inline-block;
  padding: 2px 8px;
  font-family: "OpenSansRegular", Arial, Helvetica, sans-serif;
  font-size: 14px;
  margin: 0 8px;
  text-decoration: none;
  color: #fff;
  text-transform: uppercase;
  background-color: transparent;
}

.darkmode .login:hover, .darkmode .login:focus,
.darkmode .user:hover,
.darkmode .user:focus {
  text-decoration: none;
  color: #000;
  background-color: transparent;
}

.darkmode #user_options {
  position: absolute;
  z-index: 100;
  top: 90px;
  right: 90px;
  width: 200px;
  background-color: #fff;
  border: 1px solid #CBCBCB;
  border-radius: 0px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  text-align: left;
}

.darkmode #user_options ul {
  padding: 0;
  margin: 0;
}

.darkmode #user_options li {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: left;
}

.darkmode #user_options li a,
.darkmode #user_options li a:link,
.darkmode #user_options li a:visited,
.darkmode #user_options li a:hover,
.darkmode #user_options li a:focus,
.darkmode #user_options li a:active {
  margin: 0;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  font-size: 16px;
  padding: 5px 10px 5px 15px;
  text-decoration: none;
  cursor: pointer;
}

.darkmode #user_options li a:hover,
.darkmode #user_options li a:focus,
.darkmode #user_options li a:active {
  background-color: #000;
  color: #fff;
}

.darkmode .cart:before {
  font-family: FontAwesome;
  font-weight: normal;
  content: "\f07a";
  font-size: 16px;
}

.darkmode .cart {
  margin-left: 20px;
}

.darkmode .cart, .darkmode .cart:link, .darkmode .cart:visited {
  margin-right: 5px;
  display: inline-block;
  cursor: pointer;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  -o-border-radius: 3px !important;
  -ms-border-radius: 3px !important;
  border-radius: 3px !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  vertical-align: middle;
  font-size: 14px;
  font-family: "OpenSansRegular", Arial, Helvetica, sans-serif;
  text-decoration: none;
  background-color: #151515;
  color: #fff;
  padding: 4px 12px;
  border: 1px solid #3c3c3e;
  padding: 3px 10px;
  cursor: pointer;
  height: auto;
  background-color: transparent;
  color: #fff;
  border: 1px solid #fff;
}

.darkmode .cart:hover, .darkmode .cart:focus, .darkmode .cart:active {
  background-color: #ededed;
  color: #000;
  text-decoration: none;
  border: 1px solid #fff;
  background-color: #fff;
  color: #000;
  border: 1px solid #000;
}

.darkmode span.cart {
  background-image: none;
  background-color: #f4f4f4;
  color: #999;
  text-decoration: none;
  border: 1px solid #ddd;
  cursor: default;
}

.darkmode .cart_portlet {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  -o-border-radius: 0px !important;
  -ms-border-radius: 0px !important;
  border-radius: 0px !important;
  border: 1px solid #CBCBCB;
  padding: 10px;
  margin-left: 20px;
}

.darkmode .prod_price, .darkmode .prod_price_old,
.darkmode .ui-widget.prod_price_old,
.darkmode .ui-widget.prod_price,
.darkmode .ui-widget.prod_price_old {
  font-size: 16px;
  font-family: "OpenSansSemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}

.darkmode .prod_price_old,
.darkmode .ui-widget.prod_price_old {
  text-decoration: line-through;
}

.darkmode .prod_price_special,
.darkmode .ui-widget.prod_price_special {
  font-size: 16px !important;
  font-family: "OpenSansSemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  color: #242b31;
}

.darkmode .cartTbl th {
  font-family: "OpenSansRegular", Arial, Helvetica, sans-serif;
  background-color: #fff;
  text-align: left;
  font-size: 18px;
  color: #000;
  font-weight: normal;
  border-bottom: 1px solid #CBCBCB;
  padding: 8px 40px 8px 5px;
  vertical-align: top;
}

.darkmode .cartTbl th select,
.darkmode .cartTbl th input {
  display: block;
  margin-top: 4px;
}

.darkmode .cartTbl.sortable th {
  cursor: pointer;
}

.darkmode .cartTbl.sortable th label {
  cursor: pointer;
}

.darkmode .cartTbl th.center {
  text-align: center;
}

.darkmode .cartTbl tr {
  background-color: #fff;
}

.darkmode .cartTbl tr:nth-child(2n) {
  background-color: #ededed;
}

.darkmode .cartTbl td {
  padding: 8px 40px 8px 5px;
  font-family: "OpenSansRegular", Arial, Helvetica, sans-serif;
  font-size: 14px;
  border-bottom: 1px solid #CBCBCB;
}

.darkmode .cartTbl td.right,
.darkmode .cartTbl th.right {
  text-align: right;
}

.darkmode .cartTbl td.center {
  text-align: center;
}

.darkmode .cartTbl label {
  display: inline;
}

.darkmode .cartTbl tfoot tr.gesamt td {
  font-size: 18px;
}

.darkmode .cartTbl tfoot td {
  padding: 8px 40px 8px 5px !important;
  background-color: #fff;
  font-family: "OpenSansSemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 15px 40px 15px 5px;
}

.darkmode .cartTbl .icon_only {
  font-size: 16px;
}

.darkmode .cartTbl .icon_only, .darkmode .cartTbl .icon_only:link, .darkmode .cartTbl .icon_only:visited {
  color: #000;
  text-decoration: none;
}

.darkmode .cartTbl .icon_only:active, .darkmode .cartTbl .icon_only:hover, .darkmode .cartTbl .icon_only:focus {
  color: #fff;
  text-decoration: none;
}

.darkmode .cartTbl2 th {
  font-family: "OpenSansRegular", Arial, Helvetica, sans-serif;
  text-align: left;
  font-size: 18px;
  color: #000;
  font-weight: normal;
  border-bottom: 1px solid #CBCBCB;
  padding: 8px 40px 8px 5px;
  vertical-align: top;
}

.darkmode .cartTbl2 th select,
.darkmode .cartTbl2 th input {
  display: block;
  margin-top: 4px;
}

.darkmode .cartTbl2 td.center,
.darkmode .cartTbl2 th.center {
  text-align: center;
}

.darkmode .cartTbl2 td {
  padding: 8px 40px 8px 5px;
  font-family: "OpenSansRegular", Arial, Helvetica, sans-serif;
  font-size: 14px;
  border-bottom: 1px solid #CBCBCB;
}

.darkmode .cartTbl2 td.right,
.darkmode .cartTbl2 th.right {
  text-align: right;
}

.darkmode .cartTbl2 tfoot tr.gesamt td {
  font-size: 18px;
  background-color: #ccc;
}

.darkmode .cartTbl2 tfoot td {
  padding: 8px 40px 8px 5px !important;
  font-family: "OpenSansSemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 15px 40px 15px 5px;
}

.darkmode .layout_tbl td {
  padding: 5px 30px 5px 0px;
}

.darkmode .layout_tbl td.padtop20 {
  padding-top: 20px;
}

.darkmode .pay_box {
  margin: 0px 20px 10px 0px;
  border: 1px solid #CBCBCB;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.darkmode .pay_box:hover, .darkmode .pay_boxfocus {
  -moz-box-shadow: 0px 0px 8px #ccc;
  -webkit-box-shadow: 0px 0px 8px #ccc;
  -ms-box-shadow: 0px 0px 8px #ccc;
  -o-box-shadow: 0px 0px 8px #ccc;
  box-shadow: 0px 0px 8px #ccc;
}

.darkmode .pay_box .pay_rb,
.darkmode .pay_box .pay_pic,
.darkmode .pay_box .pay_lbl {
  height: 70px;
  display: table-cell;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.darkmode .pay_box .pay_rb {
  width: 50px;
  text-align: center;
}

.darkmode .pay_box .pay_pic {
  width: 180px;
  text-align: left;
}

.darkmode .pay_box .pay_lbl {
  font-size: 20px;
}

.darkmode .pay_box .pay_data {
  margin-left: 230px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding-bottom: 20px;
}

.darkmode .payment_div {
  display: inline-block;
  background-color: #fff;
  border: 1px solid #CBCBCB;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  -o-border-radius: 0px !important;
  -ms-border-radius: 0px !important;
  border-radius: 0px !important;
  padding: 5px 10px;
  font-family: "OpenSansSemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.darkmode .gridTbl th {
  font-family: "OpenSansRegular", Arial, Helvetica, sans-serif;
  background-color: #fff;
  text-align: left;
  font-size: 14px;
  color: #000;
  border-bottom: 1px solid #CBCBCB;
  padding: 4px 8px 4px 8px;
  vertical-align: top;
}

.darkmode .gridTbl th select,
.darkmode .gridTbl th input {
  display: block;
  margin-top: 4px;
}

.darkmode .gridTbl.sortable th {
  cursor: pointer;
}

.darkmode .gridTbl.sortable th label {
  cursor: pointer;
}

.darkmode .gridTbl th.center {
  text-align: center;
}

.darkmode .gridTbl tr {
  background-color: #fff;
}

.darkmode .gridTbl tr:nth-child(2n) {
  background-color: #ededed;
}

.darkmode .gridTbl tr td:first-child {
  border-left: 1px solid #CBCBCB;
}

.darkmode .gridTbl td {
  padding: 4px 8px 4px 8px;
  font-family: "OpenSansRegular", Arial, Helvetica, sans-serif;
  font-size: 14px;
  border-bottom: 1px solid #CBCBCB;
  border-right: 1px solid #CBCBCB;
}

.darkmode .gridTbl td.right {
  text-align: right;
}

.darkmode .gridTbl td.center {
  text-align: center;
}

.darkmode .gridTbl label {
  display: inline;
}

.darkmode .gridTbl tfoot {
  font-family: "OpenSansSemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.darkmode .gridTbl2 {
  font-family: "OpenSansRegular", Arial, Helvetica, sans-serif;
  border-top: 1px solid #CBCBCB;
  border-left: 1px solid #000;
}

.darkmode .gridTbl2 th {
  font-family: "OpenSansSemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: #fff;
  text-align: left;
  font-size: 14px;
  color: #000;
  border-bottom: 1px solid #CBCBCB;
  border-right: 1px solid #CBCBCB;
  padding: 4px 8px 4px 8px;
  vertical-align: top;
}

.darkmode .gridTbl2 th select,
.darkmode .gridTbl2 th input {
  display: block;
  margin-top: 4px;
}

.darkmode .gridTbl2.sortable th {
  cursor: pointer;
}

.darkmode .gridTbl2.sortable th label {
  cursor: pointer;
}

.darkmode .gridTbl2 th.center {
  text-align: center;
}

.darkmode .gridTbl2 tr {
  background-color: #fff;
}

.darkmode .gridTbl2 tr:nth-child(2n) {
  background-color: #ededed;
}

.darkmode .gridTbl2 td {
  padding: 4px 8px 4px 8px;
  text-align: right;
  font-family: "OpenSansRegular", Arial, Helvetica, sans-serif;
  font-size: 14px;
  border-bottom: 1px solid #CBCBCB;
  border-right: 1px solid #CBCBCB;
}

.darkmode .gridTbl2 td.left {
  text-align: left;
}

.darkmode .gridTbl2 label {
  display: inline;
}

.darkmode .gridTbl2_tbody {
  font-family: "OpenSansRegular", Arial, Helvetica, sans-serif;
  border-top: 1px solid #CBCBCB;
  border-left: 1px solid #000;
}

.darkmode .gridTbl2_tbody th {
  font-family: "OpenSansSemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: #fff;
  text-align: left;
  font-size: 14px;
  color: #000;
  border-bottom: 1px solid #CBCBCB;
  border-right: 1px solid #CBCBCB;
  padding: 4px 8px 4px 8px;
  vertical-align: top;
}

.darkmode .gridTbl2_tbody th select,
.darkmode .gridTbl2_tbody th input {
  display: block;
  margin-top: 4px;
}

.darkmode .gridTbl2_tbody.sortable th {
  cursor: pointer;
}

.darkmode .gridTbl2_tbody.sortable th label {
  cursor: pointer;
}

.darkmode .gridTbl2_tbody th.center {
  text-align: center;
}

.darkmode .gridTbl2_tbody tr {
  background-color: #fff;
}

.darkmode .gridTbl2_tbody tbody:nth-child(2n) tr {
  background-color: #ededed;
}

.darkmode .gridTbl2_tbody td {
  padding: 4px 8px 4px 8px;
  text-align: right;
  font-family: "OpenSansRegular", Arial, Helvetica, sans-serif;
  font-size: 14px;
  border-bottom: 1px solid #CBCBCB;
  border-right: 1px solid #CBCBCB;
}

.darkmode .gridTbl2_tbody td.left {
  text-align: left;
}

.darkmode .gridTbl2_tbody label {
  display: inline;
}

.darkmode .gridTbl .layout_tbl_grid {
  font-size: 14px;
}

.darkmode .gridTbl .layout_tbl_grid td,
.darkmode .gridTbl .layout_tbl_grid th,
.darkmode .gridTbl .layout_tbl_grid tr,
.darkmode .gridTbl .layout_tbl_grid tbody {
  background-color: transparent !important;
}

.darkmode .gridTbl .layout_tbl_grid th {
  text-align: left;
  padding: 4px 20px 4px 0px;
  vertical-align: top;
  font-family: "OpenSansSemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  border: 0;
  border-bottom: 1px solid #CBCBCB;
}

.darkmode .gridTbl .layout_tbl_grid td {
  padding: 4px 20px 4px 0px;
  vertical-align: baseline;
  border: 0;
  border-bottom: 1px solid #CBCBCB;
}

.darkmode .gridTbl .layout_tbl_grid input[type="text"],
.darkmode .gridTbl .layout_tbl_grid input[type="password"],
.darkmode .gridTbl .layout_tbl_grid textarea {
  vertical-align: text-top;
}

.darkmode .gridTbl .layout_tbl_grid input[type="checkbox"],
.darkmode .gridTbl .layout_tbl_grid input[type="radio"] {
  margin: 0 10px 0 0;
  padding: 0;
}

.darkmode table.error_field {
  color: #B94A48;
  background-color: #fbf1f1;
  /*eg            : border-left: $type;*/
  border: 1px solid #B94A48;
}

.darkmode table.error_field:hover {
  background-color: #f4f4f4;
  /*eg            : border-left: $type;*/
  border: 1px solid #009ee0;
}

.darkmode table.error_field:focus {
  color: #B94A48;
  background-color: #fff;
  /*eg            : border-left: $type;*/
  border: 1px solid #990000;
}

.darkmode .product_detail_container {
  padding: 0 20px;
}

.darkmode .subcontent_container {
  padding: 15px !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  -o-border-radius: 0px !important;
  -ms-border-radius: 0px !important;
  border-radius: 0px !important;
  height: 100% !important;
}

.darkmode .info_box {
  border: 1px solid #3f92bb;
  background-color: #e5f3f9;
  color: #163442;
  padding: 10px 10px 10px 40px !important;
  margin: 10px 0;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  -o-border-radius: 0px !important;
  -ms-border-radius: 0px !important;
  border-radius: 0px !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.darkmode .info_box:before {
  padding-right: 10px;
  margin-left: -25px;
  font-family: FontAwesome;
  font-size: 14px;
  content: "\f05a";
  color: #163442;
  float: left;
  margin-top: 3px;
}

.darkmode .address_container > .gridRow.pamgd_smartgrid_row {
  float: left !important;
}

.darkmode .address_box {
  border: 1px solid #CBCBCB;
  padding: 0px !important;
  border-radius: 0px;
  display: inline-block;
  min-height: 200px;
  width: 325px !important;
  max-width: 100%;
  margin: 0 20px 20px 0;
}

.darkmode .address_box .address_buttons {
  text-align: right;
  background-color: #ccc;
  padding: 5px !important;
  margin: 0 0 10px 0 !important;
  -webkit-border-radius: 0px 0px 0 0 !important;
  -moz-border-radius: 0px 0px 0 0 !important;
  -o-border-radius: 0px 0px 0 0 !important;
  -ms-border-radius: 0px 0px 0 0 !important;
  border-radius: 0px 0px 0 0 !important;
}

.darkmode .address_box .add_row {
  padding: 1px 10px !important;
}

.darkmode .address_box .address_button {
  display: inline-block;
  color: #000;
  text-decoration: none;
  font-size: 14px;
  margin: 0 5px !important;
}

.darkmode .address_box .address_button:link, .darkmode .address_box .address_button:visited {
  color: #000;
  cursor: pointer;
  text-decoration: none;
}

.darkmode .address_box .address_button:hover, .darkmode .address_box .address_button:focus, .darkmode .address_box .address_button:active {
  color: #000;
  text-decoration: none;
}

.darkmode .address_box .address_button[disabled], .darkmode .address_box .address_button[disabled]:hover, .darkmode .address_box .address_button[disabled]:focus, .darkmode .address_box .address_button[disabled]:active {
  color: #666;
}

.darkmode .address_box .address_name {
  font-family: "OpenSansSemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.darkmode .address_row_container {
  background-color: #fff;
  border: 1px solid #CBCBCB;
  padding: 5px 10px;
}

.darkmode .address_row_container .address_item {
  display: inline-block;
  padding: 1px 0;
  margin-right: 5px;
}

.darkmode .address_row_container .address_item.komma:after {
  content: ", ";
}

.darkmode .address_row_container .address_button {
  display: inline-block;
  color: #000;
  text-decoration: none;
  font-size: 14px;
  line-height: 14px;
  margin: 6px 5px 0px 0px !important;
  padding: 3px;
  background-color: #fff;
}

.darkmode .address_row_container .address_button:link, .darkmode .address_row_container .address_button:visited {
  color: #000;
  cursor: pointer;
  text-decoration: none;
}

.darkmode .address_row_container .address_button:hover, .darkmode .address_row_container .address_button:focus, .darkmode .address_row_container .address_button:active {
  color: #fff;
  text-decoration: none;
  background-color: #000;
}

.darkmode .address_row_container .address_button[disabled], .darkmode .address_row_container .address_button[disabled]:hover, .darkmode .address_row_container .address_button[disabled]:focus, .darkmode .address_row_container .address_button[disabled]:active {
  color: #666;
  background-color: transparent;
}

.darkmode .toggle_button {
  display: inline-block;
  background-color: #ccc;
  border: 1px solid #CBCBCB;
  -webkit-border-radius: 30px !important;
  -moz-border-radius: 30px !important;
  -o-border-radius: 30px !important;
  -ms-border-radius: 30px !important;
  border-radius: 30px !important;
}

.darkmode .toggle_button input[type="checkbox"] {
  display: none;
}

.darkmode .toggle_button .checked {
  background-color: #ccc;
  color: #000;
}

.darkmode .toggle_button .unchecked {
  background-color: #000;
  color: #fff;
}

.darkmode .toggle_button input:checked ~ span.checked {
  background-color: #000;
  color: #fff;
}

.darkmode .toggle_button input:checked ~ span.unchecked {
  background-color: #ccc;
  color: #000;
}

.darkmode .toggle_button .toggler {
  display: inline-block;
  transition: all .3s ease;
  padding: 4px 12px;
  cursor: pointer;
  font-family: "OpenSansSemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  -webkit-border-radius: 30px !important;
  -moz-border-radius: 30px !important;
  -o-border-radius: 30px !important;
  -ms-border-radius: 30px !important;
  border-radius: 30px !important;
  margin: 2px;
}

.darkmode .price_overview {
  color: #fff;
  font-size: 18px;
  font-family: "OpenSansSemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}

.darkmode .pr_container {
  margin: 20px auto !important;
  width: 90%;
  max-width: 1030px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  /* row */
}

.darkmode .pr_container.pamgd_smartgrid_row,
.darkmode .pr_container .pamgd_smartgrid_row {
  padding: 0;
  margin: 0;
}

.darkmode .pr_container .pr_slider #slider {
  overflow: hidden;
  position: relative;
  margin-bottom: 15px;
  /* Control Buttons */
}

.darkmode .pr_container .pr_slider #slider .rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
}

.darkmode .pr_container .pr_slider #slider .rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
}

.darkmode .pr_container .pr_slider #slider .rslides li:first-child {
  position: relative;
  display: block;
  float: left;
}

.darkmode .pr_container .pr_slider #slider .prev, .darkmode .pr_container .pr_slider #slider .prev:link, .darkmode .pr_container .pr_slider #slider .prev:visited,
.darkmode .pr_container .pr_slider #slider .next,
.darkmode .pr_container .pr_slider #slider .next:link,
.darkmode .pr_container .pr_slider #slider .next:visited {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: calc(50% - 22px);
  z-index: 999;
  display: inline-block;
  text-align: center;
  width: 44px;
  height: 44px;
  -webkit-border-radius: 23px !important;
  -moz-border-radius: 23px !important;
  -o-border-radius: 23px !important;
  -ms-border-radius: 23px !important;
  border-radius: 23px !important;
  background-color: rgba(255, 255, 255, 0.2);
  text-decoration: none;
  cursor: pointer;
}

.darkmode .pr_container .pr_slider #slider .prev:before, .darkmode .pr_container .pr_slider #slider .prev:link:before, .darkmode .pr_container .pr_slider #slider .prev:visited:before,
.darkmode .pr_container .pr_slider #slider .next:before,
.darkmode .pr_container .pr_slider #slider .next:link:before,
.darkmode .pr_container .pr_slider #slider .next:visited:before {
  font-family: FontAwesome;
  font-size: 18px;
  color: #fff;
  line-height: 44px;
}

.darkmode .pr_container .pr_slider #slider .prev:active, .darkmode .pr_container .pr_slider #slider .prev:hover, .darkmode .pr_container .pr_slider #slider .prev:focus,
.darkmode .pr_container .pr_slider #slider .next:active,
.darkmode .pr_container .pr_slider #slider .next:hover,
.darkmode .pr_container .pr_slider #slider .next:focus {
  background-color: #fff;
}

.darkmode .pr_container .pr_slider #slider .prev:active:before, .darkmode .pr_container .pr_slider #slider .prev:hover:before, .darkmode .pr_container .pr_slider #slider .prev:focus:before,
.darkmode .pr_container .pr_slider #slider .next:active:before,
.darkmode .pr_container .pr_slider #slider .next:hover:before,
.darkmode .pr_container .pr_slider #slider .next:focus:before {
  color: #000;
}

.darkmode .pr_container .pr_slider #slider .prev {
  left: 5px;
}

.darkmode .pr_container .pr_slider #slider .prev:before {
  content: "\f053";
}

.darkmode .pr_container .pr_slider #slider .next {
  right: 5px;
}

.darkmode .pr_container .pr_slider #slider .next:before {
  content: "\f054";
}

.darkmode .pr_container .pr_slider #slider .rslides_tabs {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  bottom: 10px;
  z-index: 999;
  display: inline-block;
  text-align: center;
  width: 100%;
  height: 25px;
  text-decoration: none;
  cursor: pointer;
}

.darkmode .pr_container .pr_slider #slider .rslides_tabs li {
  list-style: none;
  display: inline-block;
  margin: 0 2px;
  font-size: 13px;
  font-family: "OpenSansLight", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.darkmode .pr_container .pr_slider #slider .rslides_tabs li a,
.darkmode .pr_container .pr_slider #slider .rslides_tabs li a:link,
.darkmode .pr_container .pr_slider #slider .rslides_tabs li a:visited {
  display: inline-block;
  width: 22px;
  height: 22px;
  -webkit-border-radius: 23px !important;
  -moz-border-radius: 23px !important;
  -o-border-radius: 23px !important;
  -ms-border-radius: 23px !important;
  border-radius: 23px !important;
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff;
  text-decoration: none;
}

.darkmode .pr_container .pr_slider #slider .rslides_tabs li a:hover,
.darkmode .pr_container .pr_slider #slider .rslides_tabs li a:focus,
.darkmode .pr_container .pr_slider #slider .rslides_tabs li a:active {
  background-color: #fff;
  color: #000;
  text-decoration: none;
}

.darkmode .pr_container .pr_slider #slider .rslides_tabs li.rslides_here a,
.darkmode .pr_container .pr_slider #slider .rslides_tabs li.rslides_here a:link,
.darkmode .pr_container .pr_slider #slider .rslides_tabs li.rslides_here a:visited {
  display: inline-block;
  width: 22px;
  height: 22px;
  -webkit-border-radius: 23px !important;
  -moz-border-radius: 23px !important;
  -o-border-radius: 23px !important;
  -ms-border-radius: 23px !important;
  border-radius: 23px !important;
  background-color: #000;
  color: #fff;
  text-decoration: none;
}

.darkmode .pr_container .pr_slider #slider .slider_bg {
  margin: 0;
  padding: 0;
  height: auto;
  width: 100%;
}

.darkmode .pr_container .pr_slider #slider .slider_content {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0;
  height: auto;
}

.darkmode .pr_container .pr_slider #slider .slider_content .slider_img {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: auto;
}

.darkmode .pr_container .pr_row {
  margin-bottom: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  /* Box mit Bild */
}

.darkmode .pr_container .pr_row .pr_pb_col_1 {
  width: 32%;
  float: left;
  text-align: left;
}

.darkmode .pr_container .pr_row .pr_pb_col_2 {
  width: 32%;
  float: left;
  text-align: center;
  margin-left: 2%;
}

.darkmode .pr_container .pr_row .pr_pb_col_3 {
  width: 32%;
  float: right;
  text-align: right;
}

.darkmode .pr_container .pr_row .pr_productbox a, .darkmode .pr_container .pr_row .pr_productbox a:link, .darkmode .pr_container .pr_row .pr_productbox a:visited, .darkmode .pr_container .pr_row .pr_productbox a:hover, .darkmode .pr_container .pr_row .pr_productbox a:focus, .darkmode .pr_container .pr_row .pr_productbox a:active {
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}

.darkmode .pr_container .pr_row .pr_productbox a:hover img, .darkmode .pr_container .pr_row .pr_productbox a:focus img, .darkmode .pr_container .pr_row .pr_productbox a:active img {
  -moz-box-shadow: 0px 0px 4px #666;
  -webkit-box-shadow: 0px 0px 4px #666;
  -ms-box-shadow: 0px 0px 4px #666;
  -o-box-shadow: 0px 0px 4px #666;
  box-shadow: 0px 0px 4px #666;
}

.darkmode .pr_container .pr_row .pr_productbox img {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.darkmode .step_box {
  margin: 0 0 25px 0;
  padding: 12px !important;
  background-color: #fff;
  border: 1px solid #CBCBCB;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  -o-border-radius: 4px !important;
  -ms-border-radius: 4px !important;
  border-radius: 4px !important;
}

.darkmode .step_box .stepnum {
  display: inline-block;
  width: 30px;
  height: 30px;
  font-size: 18px;
  line-height: 30px;
  margin-right: 10px;
  -webkit-border-radius: 15px !important;
  -moz-border-radius: 15px !important;
  -o-border-radius: 15px !important;
  -ms-border-radius: 15px !important;
  border-radius: 15px !important;
  background-color: #000;
  color: #fff;
  text-align: center;
}

.darkmode .step_box .stepnum.prev {
  background-color: #ccc;
  color: #000;
}

.darkmode .step_box .stepnum.next {
  background-color: #ccc;
  color: #fff;
}

.darkmode .step_box .steptxt, .darkmode .step_box .steptxt:link, .darkmode .step_box .steptxt:visited, .darkmode .step_box .steptxt:active, .darkmode .step_box .steptxt:hover, .darkmode .step_box .steptxt:focus {
  display: inline-block;
  text-decoration: none;
  height: 30px;
  line-height: 30px;
  color: #000;
  font-size: 14px;
}

.darkmode .step_box .steptxt.prev, .darkmode .step_box .steptxt:link.prev, .darkmode .step_box .steptxt:visited.prev, .darkmode .step_box .steptxt:active.prev, .darkmode .step_box .steptxt:hover.prev, .darkmode .step_box .steptxt:focus.prev {
  color: #000;
}

.darkmode .step_box .steptxt.next, .darkmode .step_box .steptxt:link.next, .darkmode .step_box .steptxt:visited.next, .darkmode .step_box .steptxt:active.next, .darkmode .step_box .steptxt:hover.next, .darkmode .step_box .steptxt:focus.next {
  color: #999;
}

.darkmode .step_box .steptxt:active, .darkmode .step_box .steptxt:hover, .darkmode .step_box .steptxt:focus {
  color: #000;
  text-decoration: none;
}

.darkmode .step_box .steptxt:active.prev, .darkmode .step_box .steptxt:hover.prev, .darkmode .step_box .steptxt:focus.prev {
  color: #000;
  text-decoration: underline;
}

.darkmode .step_box .steptxt:active.next, .darkmode .step_box .steptxt:hover.next, .darkmode .step_box .steptxt:focus.next {
  color: #999;
  text-decoration: none;
}

.darkmode .step_box .stepicon {
  color: #000;
}

.darkmode .step_box .stepicon:before {
  font-family: FontAwesome;
  font-size: 14px;
  content: "\f178";
  margin: 0 10px 0 10px;
}

.darkmode .step_box .stepicon.prev {
  color: #000;
}

.darkmode .step_box .stepicon.next {
  color: #999;
}

.darkmode .wartung_box {
  background-color: #fff;
  border: 1px solid #000;
  margin: 0 auto;
  margin-top: 30px;
  width: 90%;
  max-width: 1030px;
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.darkmode .wartung_box .wartung_icon:before {
  display: inline-block;
  font-family: FontAwesome;
  color: #000;
  content: "\f085";
  font-size: 60px;
  line-height: 60px;
}

.darkmode .wartung_box .wartung_hl .ui-outputlabel.ui-widget {
  font-family: "OpenSansLight", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 28px;
  font-weight: normal;
  letter-spacing: -0.05em;
  margin: 0px 0px 5px 0px;
  color: #000;
}

.darkmode .txt_notAvailable,
.darkmode .txt_variantNotAvailable {
  margin-top: 5px;
  color: #990000 !important;
  display: block;
}

.darkmode .txt_notAvailable:before,
.darkmode .txt_variantNotAvailable:before {
  font-family: FontAwesome;
  content: "\f06a";
  margin-right: 4px;
}

.darkmode .txt_fewAvailable {
  margin-top: 5px;
  color: #47892d !important;
  display: block;
}

.darkmode .txt_fewAvailable:before {
  font-family: FontAwesome;
  content: "\f071";
  margin-right: 4px;
}

.darkmode .txt_base_color {
  color: #000 !important;
}

.darkmode .headline_row {
  margin: 5px 0px 15px 0px;
}

.darkmode .headline_row .displayfield,
.darkmode .headline_row .ui-outputlabel {
  font-family: "OpenSansLight", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 28px;
  font-weight: normal;
  letter-spacing: -0.05em;
  color: #fff;
}

.darkmode .hr_row {
  border-top: 1px solid #CBCBCB;
  margin-top: 10px;
  height: 10px;
}

.darkmode .ticket_flex_box > div {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.darkmode .ticket_kat_row {
  background-color: #f4f4f4;
  margin-bottom: 5px;
  padding: 0 10px;
}

.darkmode .ticket_kat_row .ticket_kat_name {
  font-weight: bold;
  font-family: "OpenSansSemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: block;
  margin-top: 16px;
}

.darkmode .ticket_kat_row .ticket_kat_button {
  width: 40px;
  height: 40px;
  border: 1px solid #000;
  background-color: #fff;
  margin: 5px 15px 5px 0;
  color: #000;
  font-size: 18px;
  display: block;
  text-align: center;
  font-weight: bold;
  font-family: "OpenSansSemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 37px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.darkmode .ticket_kat_row .ticket_kat_button:hover, .darkmode .ticket_kat_row .ticket_kat_button:focus {
  border: 1px solid #000;
  background-color: #000;
  cursor: pointer;
  color: #fff;
}

.darkmode .ticket_kat_row .ticket_kat_button.active {
  border: 1px solid #333;
  background-color: #333;
  color: #fff;
}

.darkmode .ticket_kat_row .ticket_kat_button.disabled {
  border: 1px solid #aaa;
  background-color: #fff;
  color: #aaa;
}

.darkmode .block_flex_box > div > div {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.darkmode .block_btn {
  width: 150px;
  height: 120px;
  border: 1px solid #000;
  background-color: #fff;
  margin: 0 15px 15px 0;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.darkmode .block_btn .block_btn_flex {
  height: 100%;
}

.darkmode .block_btn .block_btn_flex > div {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}

.darkmode .block_btn .block_name {
  font-weight: bold;
  font-family: "OpenSansSemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  word-wrap: break-word;
  line-height: 1.2em;
  color: #000;
  font-size: 16px;
  display: block;
  text-align: center;
}

.darkmode .block_btn .block_free_seats {
  color: #000;
  font-size: 12px;
  display: block;
  text-align: center;
}

.darkmode .block_btn .block_price {
  color: #000;
  font-size: 14px;
  display: block;
  text-align: center;
}

.darkmode .block_btn:hover, .darkmode .block_btn:focus {
  border: 1px solid #000;
  background-color: #000;
  cursor: pointer;
}

.darkmode .block_btn:hover .block_name,
.darkmode .block_btn:hover .block_free_seats,
.darkmode .block_btn:hover .block_price, .darkmode .block_btn:focus .block_name,
.darkmode .block_btn:focus .block_free_seats,
.darkmode .block_btn:focus .block_price {
  color: #fff;
}

.darkmode .block_btn.active {
  border: 1px solid #333;
  background-color: #333;
}

.darkmode .block_btn.active .block_name,
.darkmode .block_btn.active .block_free_seats,
.darkmode .block_btn.active .block_price {
  color: #fff;
}

.darkmode .block_btn.disabled {
  border: 1px solid #aaa;
  background-color: #fff;
}

.darkmode .block_btn.disabled .block_name,
.darkmode .block_btn.disabled .block_free_seats,
.darkmode .block_btn.disabled .block_price {
  color: #aaa;
}

.darkmode .map_box {
  max-width: 100%;
}

.darkmode .ticket_container {
  max-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.darkmode .price_legend {
  display: block;
  padding: 8px 8px 3px 8px;
}

.darkmode .price_legend:nth-child(2n) {
  background-color: #f4f4f4;
}

.darkmode .price_legend .price_item {
  display: block;
  margin-left: 10px;
}

.darkmode .txt_basecolor {
  color: #000;
}

.darkmode .txt_green {
  color: #47892d;
}

.darkmode .stadion_map svg {
  width: 600px;
  height: 480px;
  max-width: 100%;
}

.darkmode .map_overlay {
  display: none;
}

.darkmode .selectableBlock,
.darkmode .availableSeat,
.darkmode .modellerSeat,
.darkmode .seatInCart,
.darkmode .clickableLockedSeat {
  cursor: pointer;
  stroke: none;
}

.darkmode .blockIcon:before {
  font-family: FontAwesome;
  content: "\f0c8";
  font-size: 20px;
  line-height: 20px;
}

.darkmode .seatSelectionWindowMaximized {
  position: fixed;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  height: calc(100% - 20px);
  background-color: #fff;
  border-top: 5px solid #fff;
}

.darkmode .seatSelectionWindowMaximized .seatSelection_inner_div_helper {
  height: 100%;
}

.darkmode .seatSelectionWindowMaximized .seatSelection_inner_div_helper > div {
  height: 100%;
}

.darkmode .seatSelectionWindowMaximized .seatSelectionFlexBox {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.darkmode .seatSelectionWindowMaximized .seatSelectionControls {
  margin-top: -3px;
  flex: 0 0 auto;
}

.darkmode .seatSelectionWindowMaximized .seatSelectionSeats {
  flex: 1 1 0px;
  overflow: hidden;
}

.darkmode .seatSelectionWindowMaximized .seatSelectionPlayingFieldIndicatorText {
  flex: 0 0 auto;
}

.darkmode .seatSelectionWindowMaximized .seatSelectionPlayingFieldIndicator {
  flex: 0 0 auto;
}

.darkmode .seatSelectionWindowMaximized .seatSelectionArea {
  flex: 1 1 0px;
  max-height: unset;
  height: 100%;
}

.darkmode .seatSelectionArea {
  background-color: #f4f4f4;
  text-align: center;
  overflow: auto;
  width: 100%;
  max-height: 400px;
}

.darkmode .seatSelectionOuterArea {
  padding-right: 30px;
  max-width: 100%;
}

.darkmode .seatSelectionControls {
  padding: 5px;
  background-color: #000;
  color: #fff;
  font-size: 16px;
}

.darkmode .seatSelectionControls span.displayfield {
  color: #fff;
}

.darkmode .seatSelectionControls .seatSelectionControlBtn:before {
  font-family: FontAwesome;
  font-size: 18px;
}

.darkmode .seatSelectionControls .seatSelectionControlBtn, .darkmode .seatSelectionControls .seatSelectionControlBtn:link, .darkmode .seatSelectionControls .seatSelectionControlBtn:visited {
  padding: 4px;
  margin-right: 8px;
  color: #fff;
  background-color: transparent;
  text-decoration: none;
  display: inline-block;
  float: right;
}

.darkmode .seatSelectionControls .seatSelectionControlBtn:focus, .darkmode .seatSelectionControls .seatSelectionControlBtn:hover {
  background-color: #fff;
  color: #000;
  text-decoration: none;
}

.darkmode .seatSelectionControls .seatSelectionControlBtn.seatSelectionZoomOut:before {
  content: "\f010";
}

.darkmode .seatSelectionControls .seatSelectionControlBtn.seatSelectionZoomIn:before {
  content: "\f00e";
}

.darkmode .seatSelectionControls .seatSelectionControlBtn.seatSelectionMaximize:before {
  content: "\f2d0";
}

.darkmode .seatSelectionControls .seatSelectionControlBtn.seatSelectionMinimize:before {
  content: "\f2d2";
}

.darkmode .seatSelectionSeats .availableSeat:hover .fillSeat, .darkmode .seatSelectionSeats .availableSeat:focus .fillSeat {
  fill: #000;
}

.darkmode .seatSelectionPlayingFieldIndicator {
  text-align: center;
  background-color: #f4f4f4;
}

.darkmode .seatSelectionPlayingFieldIndicator label.ui-outputlabel,
.darkmode .seatSelectionPlayingFieldIndicator span.displayfield {
  line-height: 1em;
}

.darkmode .seatSelectionPlayingFieldIndicator svg {
  width: 100%;
}

.darkmode .seatSelectionPlayingFieldIndicatorText {
  display: flex;
  background-color: #f4f4f4;
}

.darkmode .seatSelectionPlayingFieldIndicatorText hr {
  flex: 1 0 auto;
  display: inline-block;
  border: 0;
  height: 2px;
  background-color: #000;
  padding: 0;
  margin-top: 14px;
}

.darkmode .seatSelectionPlayingFieldIndicatorText .playingFieldLabel {
  flex: 0 0 auto;
  padding: 0 10px;
  display: inline-block;
  font-family: "OpenSansLight", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 22px;
  color: #000;
  margin: 0;
}

.darkmode .seatSelectionBlockSelection {
  text-align: center;
  background-color: #f4f4f4;
  margin-top: 20px;
  padding: 5px 15px 10px 15px !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.darkmode .seatSelectionBlockSelection svg {
  width: 80%;
}

.darkmode .seatSelectionBlockSelection #SpielfeldTextBg {
  display: none;
}

@media all and (-ms-high-contrast: none) {
  .darkmode .imgBlockSelection {
    height: 330px;
    display: block;
  }
}

.darkmode .seatSelectionLeafletMap {
  width: 100%;
  height: 600px;
}

.darkmode .seatTooltip {
  outline: medium solid red;
}

.darkmode .leaflet-tooltip-bottom:before,
.darkmode .leaflet-tooltip-top:before,
.darkmode .leaflet-popup-bottom:before,
.darkmode .leaflet-popup-top:before {
  /* 	Zum Anpassen der Pfeilpositin des Tooltip (s. leaflet.css) */
  left: 90%;
  margin-left: -6px;
}

.darkmode .leaflet-control-zoom > a {
  text-decoration: none;
  outline: none;
}

.darkmode .leaflet-control-fullscreen-button {
  text-decoration: none;
  outline: none;
}

.darkmode .leaflet-control-fullscreen-button:before {
  font-family: FontAwesome;
  font-size: 14px;
  content: "\f0b2";
  color: #000;
  text-decoration: none;
}

.darkmode .leaflet-control-fullscreen a {
  background-image: none;
}

.darkmode .leaflet-container {
  font-family: "OpenSansRegular", Arial, Helvetica, sans-serif;
  font-size: 14px;
  background-color: #fff;
  border: 1px solid #CBCBCB;
}

.darkmode .leaflet-container a.leaflet-popup-close-button {
  color: #000;
}

.darkmode .leaflet-popup-content-wrapper,
.darkmode .leaflet-popup-tip {
  background-color: #fff;
  color: #fff;
  -moz-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.4);
}

.darkmode .leaflet-popup-content-wrapper {
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  -o-border-radius: 4px !important;
  -ms-border-radius: 4px !important;
  border-radius: 4px !important;
}

.darkmode .leaflet-popup-content {
  margin: 15px 15px 10px 10px;
}

.darkmode .leaflet-popup-content p {
  margin: 5px 2px;
}

.darkmode .leaflet-popup-content .seatPopup div {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 2px;
}

.darkmode .leaflet-popup-content .seatPopup div.mainHL {
  font-family: "OpenSansLight", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 18px;
  color: #000;
  margin: 0 0 5px 0;
  padding: 2px 2px 4px 2px;
  border-bottom: 1px solid #CBCBCB;
}

.darkmode .leaflet-popup-content .seatPopup div.secHL {
  margin: 5px 0 3px 0;
  padding: 2px;
  font-weight: bold;
  font-family: "OpenSansSemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  border-bottom: 1px solid #CBCBCB;
}

.darkmode .leaflet-popup-content .seatPopup div.popLink {
  margin: 5px 0 3px 0;
  padding: 2px;
}

.darkmode .leaflet-popup-content .seatPopup div.popLink .popLinkBtn, .darkmode .leaflet-popup-content .seatPopup div.popLink .popLinkBtn:link, .darkmode .leaflet-popup-content .seatPopup div.popLink .popLinkBtn:visited {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  color: #000;
  background-color: #ccc;
  border: none;
  margin: 0 4px 0 0;
  padding: 2px 5px;
  font-size: 12px;
  font-family: "OpenSansRegular", Arial, Helvetica, sans-serif;
  text-decoration: none;
}

.darkmode .leaflet-popup-content .seatPopup div.popLink .popLinkBtn:hover, .darkmode .leaflet-popup-content .seatPopup div.popLink .popLinkBtn:focus, .darkmode .leaflet-popup-content .seatPopup div.popLink .popLinkBtn:active {
  background-color: #000 !important;
  color: #fff;
  text-decoration: none;
  border: none;
}

.darkmode .leaflet-popup-content .seatPopup div.popLink .popLinkBtn:before {
  font-family: FontAwesome;
  display: inline-block;
  width: 20px;
  font-size: 14px;
}

.darkmode .leaflet-popup-content .seatPopup div.popLink .field_view:before {
  content: "\f06e";
}

.darkmode .leaflet-popup-content .seatPopup .col1_short {
  display: inline-block;
  width: 60px;
}

.darkmode .leaflet-popup-content .seatPopup .col2 {
  display: inline-block;
}

.darkmode .leaflet-popup-content .seatPopup .col1_long {
  display: inline-block;
  width: 165px;
}

.darkmode .leaflet-popup-content .seatPopup .col2_right {
  text-align: right;
  display: inline-block;
  min-width: 75px;
}

.darkmode .reservationMarker {
  margin-left: -7px !important;
  margin-top: -30px !important;
}

.darkmode .reservationMarker:before {
  font-family: FontAwesome;
  content: "\f041";
  color: #000;
  text-shadow: 1px -1px 0 #fff;
  font-size: 26px;
}

.darkmode .featherlight .featherlight-content {
  /* dimensions: handling large content */
  margin-left: auto;
  margin-right: auto;
}

.darkmode .cart_img_neu img {
  max-width: 80%;
  max-height: 90px;
}

.darkmode .supplier_img img {
  max-width: 80%;
  max-height: 45px;
}

.darkmode .cart_container {
  padding: 0 25px 0 0 !important;
}

.darkmode .cart_sum_row {
  padding-top: 10px !important;
  margin-top: 10px;
  border-top: 1px solid #CBCBCB;
}

.darkmode .cart_product_row {
  padding-bottom: 10px !important;
  margin-bottom: 10px;
  border-bottom: 1px solid #CBCBCB;
}

.darkmode .cart_product_row:last-child {
  margin-bottom: 0px;
  border-bottom: none;
  padding-bottom: 0px !important;
}

.darkmode .cart_price_special {
  color: #242b31 !important;
}

.darkmode .cart_price_old {
  text-decoration: line-through;
}

.darkmode .related_product_row .related_product {
  border: 1px solid #CBCBCB;
  background-color: #fff;
  padding: 5px !important;
  display: inline-block;
  min-width: 120px;
  max-width: 250px;
  height: 220px;
  margin: 0 20px 10px 0;
}

.darkmode .related_product_row .related_product .related_product_img {
  height: 130px;
  text-align: center;
}

.darkmode .related_product_row .related_product .related_product_img img {
  max-height: 130px;
  max-width: 100%;
}

.darkmode .related_product_row .related_product .related_product_btn {
  height: 60px;
  text-align: center;
  margin-top: 15px;
}

.darkmode .login_box_right {
  border-left: 1px solid #CBCBCB;
  padding-left: 30px;
}

.darkmode .login_box_left {
  padding-right: 30px;
}

.darkmode .iv-large-image {
  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAABGdBTUEAALGPC/xhBQAAAYRpQ0NQSUNDIHByb2ZpbGUAACiRfZE9SMNAHMVfU7UiVQc7iDhkqLpYEBVxlCoWwUJpK7TqYHLpFzRpSFJcHAXXgoMfi1UHF2ddHVwFQfADxMnRSdFFSvxfUmgR48FxP97de9y9A4R6malmxwSgapaRjEXFTHZVDLyiC370YQyCxEw9nlpMw3N83cPH17sIz/I+9+foVXImA3wi8RzTDYt4g3hm09I57xOHWFFSiM+Jxw26IPEj12WX3zgXHBZ4ZshIJ+eJQ8RioY3lNmZFQyWeJg4rqkb5QsZlhfMWZ7VcZc178hcGc9pKius0hxHDEuJIQISMKkoow0KEVo0UE0naj3r4hxx/glwyuUpg5FhABSokxw/+B7+7NfNTk25SMAp0vtj2xwgQ2AUaNdv+PrbtxgngfwautJa/UgdmP0mvtbTwEdC/DVxctzR5D7jcAQafdMmQHMlPU8jngfcz+qYsMHAL9Ky5vTX3cfoApKmr5Rvg4BAYLVD2use7u9t7+/dMs78fKjhyiod7gS0AAAAGYktHRAAAAAAAAPlDu38AAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfkBgMOMB1qKt5aAAAEE0lEQVRIx72WTUxiVxTH//e95wd+UHGQ6CMRGO2YYmyoUqKmMRZ105ppu3PHpmE1C1Fh04SNaTqxOxcGbcKqwUmadtNFE1JrMHV0MMykmVZHncYZiQarKAOW9wTkdiHvDYyCSWN7VzfvnXt/55z/uedeMjjYzwAg+O8G5XKAKyFra4/vJJPCQDabbQFQTQj2OY57otU2LRgMeiG3jl5H4a76uLISfF8QxPuU0r43/2WzKezsvIy9eBGe1uubvzYYdOJ1EDI42M9KkRBCEAj8Op5OZ74EwALAyMgIuru7UVFRgUgkAp/Ph+3tbWn97yrVW590dpp2S6WrALK0tDyeTmfuA4DT6YTdbodery9YIYoiAoEAxsfHsbm5CQA7Go36g46O9r+KQdjbt/UMALKyErScnaW+BcDMzs7C4XCgvr4eAHBwcIB4PA6WZaFQKNDa2orh4WGEQiGEw2FVMim8YzDoHhQLhZEmgiB+BYB1Op2w2WzguNdyuVwu6HQ6bGxsyN+am5sxMzNz4SqlHz18+Ki/JGRt7fEdSWS73Q6WZUEpBSGlK7u9vR2Tk5MgBDg7S31eEpJMClZJ5HwNrgNRSjE0NJSbZ63FbLmLssy2AEBPT4+sgcvlko0CgQAAwO12Q61WAwCsVitsNhu0Wi3oxUlpePZsS9nW9na82DmpBoDy8nIAwPn5OXw+3yWP/H6/PDeZTCCEFGgniqICwNUQQrAPAJFIBABQV1eH1dVV2cjtdsPv98Pr9cJoNMo2lFLE4/KeGZ5vOiqaLo7jnmSzKczPz2NiYgJVVVXo6uqSjaQUGY1GmM1mWQ8AWF9fR87R3xoa1OdFhddq+QUAsa2tLSwtLV3f8XIAQRAwPT0NAGBZ9oeS1WUw6ERCmGkAGBsbw+5uYZewWq2YmpqSUySBvF4vFhcXAeBYrb41VwwinXgGwKOTk9jdaDSqCYVCsFgs0Gg0ssi9vb1QqVRyBHNzcxgdHZVS9Ypl2e94vum4FAQqVV0mFov9JIpnd8PhsMrj8aCsrAwKhQIMw0AURUQiESwvL8PhcMDj8eTvU5NKpT47Ojr6UavlT0p2YQB4+vSPhsPD6DeU0o+ls0WvvjGOCUGKUjTmogFA9mtqqgcslq7n+RIyb67s6Gg/tFr7PlUoKocIYR4AyO+uaUJIiOPYLxobNW1KpfJDAHuEXDhCKeUTidOfg8FQS8lILlUGw2Bzc7tWEAQFzzdF1epb54W3Z6glkfj7F0opL29KsK9U1g6YzZ3PL90n/3YEg6GWROJ0AYA2D7SnVCr7zOb3XjI38VKwWLr+rK2tGZA6R05H7enp6b2C++QmQEpl7QAh2HsdDdnJL+EbeRLxfNNxNHryfSaTzrIsM28yvTtbWVlByf/x7voHh6WYFf2f8EgAAAAASUVORK5CYII=), auto;
}

.darkmode [aria-expanded="true"] {
  font-weight: bolder;
}

.darkmode .cart_sidebar {
  background-color: #ededed !important;
}

.darkmode .float {
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 40px;
  right: 40px;
  background-color: #000;
  color: #FFF;
  border-radius: 50px;
  text-align: center;
  box-shadow: 2px 2px 3px #999;
}

.darkmode .my-float {
  margin-top: 22px;
  color: #FFF !important;
  font-size: large;
  text-decoration: none !important;
}

.darkmode .wrap_whitespace {
  white-space: pre-wrap;
}

.darkmode .wrap_product_name {
  white-space: pre-wrap;
  /* CSS3 */
  white-space: -moz-pre-wrap;
  /* Firefox */
  white-space: -pre-wrap;
  /* Opera <7 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  word-wrap: break-word;
  /* IE */
}

.darkmode .external_product_name {
  color: white !important;
}

.darkmode .external_product_name:hover {
  color: #333;
  text-decoration: none;
}

.darkmode .invisible {
  display: none;
}

.darkmode .bestSeatButton {
  float: left;
}

.darkmode .hallSeatButton {
  float: right;
}

.darkmode .tab_button {
  margin: 0% 2% 1% 2% !important;
  background-color: white;
  padding-bottom: 10px;
  cursor: pointer;
  border-radius: 5px;
  border: solid 2px #d3d3d3;
}

.darkmode .active_button {
  -webkit-filter: none;
  filter: none;
}

.darkmode .active_button .external_img {
  -webkit-filter: invert(20%) grayscale(100%) brightness(98%) contrast(1);
  filter: invert(20%) grayscale(100%) brightness(98%) contrast(1);
  background: #fff;
}

.darkmode .external_img {
  display: block;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 7px;
}

.darkmode .external_sub_categories {
  display: inline-grid;
  border-radius: 5px;
  width: 95%;
  margin: 0px;
  padding: 20px 0px;
  border: 1px solid lightgrey;
}

.darkmode .description_sub_categories {
  max-height: 300px;
  overflow: auto;
  padding: 0;
}

.darkmode .load_sub_categories {
  float: right;
  padding: 0px 5px;
  font-family: FontAwesome !important;
}

.darkmode .ticket_list_flexbox {
  display: block;
  margin-right: 15px;
}

.darkmode .ticket_cell {
  margin-left: 5%;
  margin-right: 5%;
  background: white;
  transition: all .4s ease;
  padding: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.darkmode .ticket_cell:hover {
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}

.darkmode .ticket_cell_inside {
  margin-top: 40px;
}

.darkmode .ticket_time_date {
  padding: 15px 10px 0px 10px;
  font-size: 18px;
}

.darkmode .ticket_time {
  line-height: 38px;
}

.darkmode .ticket_date {
  line-height: 38px;
}

.darkmode .ticket_location {
  padding: 0px 0px 0px 10px;
  font-size: 18px;
}

.darkmode .ticket_infos {
  padding: 10px 0px 0px 10px;
  font-size: 22px;
}

.darkmode .ticket_button {
  text-align: center;
  font-size: 18px;
  font-weight: bolder;
  letter-spacing: 5px;
  padding: 4% 0px;
  width: 80%;
  margin: 3% 0px;
  transition: 0.3s;
}

.darkmode .ticket_button:hover a {
  color: #333 !important;
  transition: 0.3s;
}

.darkmode .ticket_button > .button, .darkmode .ui-datatable thead th .ticket_button > .button,
.darkmode .ui-datatable tfoot td .ticket_button > .button,
.darkmode .ui-datatable tbody td .ticket_button > .button,
.darkmode .ui-treetable thead th .ticket_button > .button,
.darkmode .ui-treetable tfoot td .ticket_button > .button,
.darkmode .ui-treetable tbody td .ticket_button > .button,
.darkmode .ui-datatable-resizable thead th .ticket_button > .button,
.darkmode .ui-datatable-resizable tfoot td .ticket_button > .button,
.darkmode .ui-datatable-resizable tbody td .ticket_button > .button {
  font-size: 16px;
  color: white !important;
}

.darkmode .ticket_button > .button:hover, .darkmode .ui-datatable thead th .ticket_button > .button:hover,
.darkmode .ui-datatable tfoot td .ticket_button > .button:hover,
.darkmode .ui-datatable tbody td .ticket_button > .button:hover,
.darkmode .ui-treetable thead th .ticket_button > .button:hover,
.darkmode .ui-treetable tfoot td .ticket_button > .button:hover,
.darkmode .ui-treetable tbody td .ticket_button > .button:hover,
.darkmode .ui-datatable-resizable thead th .ticket_button > .button:hover,
.darkmode .ui-datatable-resizable tfoot td .ticket_button > .button:hover,
.darkmode .ui-datatable-resizable tbody td .ticket_button > .button:hover {
  color: #333;
  text-decoration: none;
}

.darkmode .ticket_legend {
  width: 25%;
  float: left;
  font-size: 12px;
}

.darkmode .ticket_best_seat {
  margin-top: 7px;
}

.darkmode .ticket_cell_cart {
  margin-left: 3%;
  margin-right: 3%;
  background: white;
  transition: all .4s ease;
}

.darkmode .ticket_time_date_cart {
  padding: 15px 10px 0px 10px;
  font-size: 18px;
  margin-left: 10%;
}

.darkmode .ticket_location_cart {
  padding: 0px 0px 0px 10px;
  font-size: 18px;
  margin-left: 10%;
}

.darkmode .ticket_infos_cart {
  padding: 10px 0px 0px 10px;
  font-size: 22px;
  margin-left: 10%;
}

.darkmode .ticket_button_cart {
  text-align: center;
  font-size: 18px;
  font-weight: bolder;
  letter-spacing: 5px;
  padding: 3% 0px;
  width: 40%;
  transition: 0.3s;
  margin-top: 2%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.darkmode .ticket_button_cart:hover a {
  color: #333 !important;
  transition: 0.3s;
}

.darkmode .ticket_order > .button, .darkmode .ui-datatable thead th .ticket_order > .button,
.darkmode .ui-datatable tfoot td .ticket_order > .button,
.darkmode .ui-datatable tbody td .ticket_order > .button,
.darkmode .ui-treetable thead th .ticket_order > .button,
.darkmode .ui-treetable tfoot td .ticket_order > .button,
.darkmode .ui-treetable tbody td .ticket_order > .button,
.darkmode .ui-datatable-resizable thead th .ticket_order > .button,
.darkmode .ui-datatable-resizable tfoot td .ticket_order > .button,
.darkmode .ui-datatable-resizable tbody td .ticket_order > .button {
  font-size: 16px;
  color: white !important;
}

.darkmode .ticket_order > .button:hover, .darkmode .ui-datatable thead th .ticket_order > .button:hover,
.darkmode .ui-datatable tfoot td .ticket_order > .button:hover,
.darkmode .ui-datatable tbody td .ticket_order > .button:hover,
.darkmode .ui-treetable thead th .ticket_order > .button:hover,
.darkmode .ui-treetable tfoot td .ticket_order > .button:hover,
.darkmode .ui-treetable tbody td .ticket_order > .button:hover,
.darkmode .ui-datatable-resizable thead th .ticket_order > .button:hover,
.darkmode .ui-datatable-resizable tfoot td .ticket_order > .button:hover,
.darkmode .ui-datatable-resizable tbody td .ticket_order > .button:hover {
  color: #333;
  text-decoration: none;
}

.darkmode .ticket_img_src {
  margin-bottom: -8px;
  margin-top: -4px;
  object-fit: contain;
  height: 350px !important;
}

.darkmode .upcoming_events_lbl {
  opacity: 0.8;
  color: #525252;
  text-align: center;
  font-weight: bolder !important;
  font-size: 18px;
}

.darkmode .slider-control {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

.darkmode .next {
  z-index: 100;
  right: 18px;
}

.darkmode .prev {
  z-index: 100;
  left: 3px;
  border-radius: 3px 0 0 3px;
}

.darkmode .slider-control:hover {
  background-color: rgba(0, 0, 0, 0.6);
  color: white !important;
}

.darkmode .hide-button {
  display: none !important;
}

.darkmode .fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.darkmode .slideshow-container {
  position: relative;
  margin: auto;
  overflow: hidden;
}

.darkmode .slider {
  z-index: 1;
  position: relative;
  height: 349px;
  width: 90%;
  margin-left: 20px;
}

.darkmode .slider.animating {
  transition: transform 0.5s;
  will-change: transform;
}

.darkmode .slide {
  opacity: 0;
  display: none;
  position: absolute;
  top: 0;
  width: 100%;
  overflow: hidden;
}

.darkmode .slide:nth-child(1) {
  left: 0;
}

.darkmode .slide:nth-child(2) {
  left: 100%;
}

.darkmode .slide:nth-child(3) {
  left: 200%;
}

.darkmode .slide__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.darkmode .slide.active-slide {
  opacity: 1;
  display: block;
}

.darkmode .ticket_status {
  border-radius: 5px;
  padding: 0 10px;
  font-family: 'OpenSansRegular';
  font-size: 16px;
}

.darkmode .ticket_status.VERFÜGBAR {
  background-color: #21961f;
}

.darkmode .ticket_status.ABGESAGT {
  color: #fff;
  background-color: #ae0e0e;
}

.darkmode .ticket_status.ERSATZTERMIN {
  background-color: #ffd951;
}

.darkmode .ticket_status.VERSCHOBEN {
  background-color: #ffd951;
}

.darkmode .blockIcon:before {
  font-size: 25px;
}

.darkmode .external_cart_button {
  padding: 10px;
  text-decoration: none;
}

.darkmode .taxInfoVisibility {
  color: #000;
}

.darkmode .product_detail_image {
  width: 95%;
  padding-right: 30px;
}

.darkmode .ticket_image_cell {
  position: relative;
  width: fit-content;
}

.darkmode .presale_error_text {
  position: absolute;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  left: 50%;
  width: fit-content;
}

.darkmode #areaPK .freechoice_ticketcategory_row {
  padding-right: 10px;
}

.darkmode .ticket_category_label {
  margin: 13px 0 8px 0;
}

.darkmode .price_tax_info {
  font-size: 0.9em;
  font-style: italic;
}

.darkmode .cart_item_discount {
  color: #fff;
  background-color: #21961f;
}

.darkmode #menu {
  font-family: "OpenSansRegular", Arial, Helvetica, sans-serif;
  z-index: 30;
  color: #000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 5px;
  padding-bottom: 5px;
  background-color: transparent;
  /*@include box-shadow(0 1px 4px rgba(0, 0, 0, 0.2));*/
  /* um grosses Springen beim Laden zu verhindern */
}

.darkmode .mobile_menu_btn {
  display: none;
}

.darkmode .standardMenu {
  display: block;
  /*ul ul{
		position: absolute;
		left: -999em;
		width: 250px;
		height: auto;
		font-weight: normal;
		margin: 0;
	}	*/
  /*a:before{
		font-family: FontAwesome;
		font-style: normal;
		font-weight: normal;
		color:$menu_e0_font;
		content: " ";
		display:inline-block;
		width:14px;
	}*/
}

.darkmode .standardMenu.hide, .darkmode .standardMenu.show {
  display: block;
}

.darkmode .standardMenu li {
  list-style: none;
  margin-left: 0;
  display: inline-block;
  /* Für den extra Menüpunkt bei Viktoria */
}

.darkmode .standardMenu li.viktoria {
  display: none !important;
}

.darkmode .standardMenu ul {
  margin: 0;
  padding: 0;
  /*position:absolute;*/
}

.darkmode .standardMenu ul ul {
  position: absolute;
  width: 250px;
  height: auto;
  margin: 0;
  border: 1px solid #CBCBCB;
}

.darkmode .standardMenu ul ul li {
  display: block;
  float: none;
}

.darkmode .standardMenu a, .darkmode .standardMenu a:link, .darkmode .standardMenu a:visited {
  cursor: pointer;
  display: block;
  color: #fff;
  background-color: #000000;
  font-size: 14px;
  font-family: "OpenSansSemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  cursor: pointer;
  line-height: inherit;
  outline: medium none;
  padding: 8px 10px;
  position: relative;
  text-decoration: none;
  margin: 0;
  text-transform: uppercase;
}

.darkmode .standardMenu a:active, .darkmode .standardMenu a:hover, .darkmode .standardMenu a:focus {
  color: #006e9c;
  background-color: #000000;
}

.darkmode .standardMenu ul ul a, .darkmode .standardMenu ul ul a:link, .darkmode .standardMenu ul ul a:visited {
  cursor: pointer;
  display: block;
  color: #000;
  background-color: #000000;
  font-size: 13px;
  font-family: "OpenSansRegular", Arial, Helvetica, sans-serif;
  font-weight: normal;
  cursor: pointer;
  line-height: inherit;
  outline: medium none;
  padding: 10px 15px;
  position: relative;
  text-decoration: none;
  margin: 0;
}

.darkmode .standardMenu ul ul a:active, .darkmode .standardMenu ul ul a:hover, .darkmode .standardMenu ul ul a:focus {
  color: #006e9c;
  background-color: #000000;
}

.darkmode .standardMenu .smExpanded a {
  font-size: 13px;
  font-family: "OpenSansRegular", Arial, Helvetica, sans-serif;
}

.darkmode .standardMenu .smExpanded > a {
  font-size: 14px;
  font-family: "OpenSansSemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.darkmode .standardMenu .smExpanded .smExpanded a {
  font-size: 12px;
  font-family: "OpenSansRegular", Arial, Helvetica, sans-serif;
}

.darkmode .standardMenu .smExpanded .smExpanded > a {
  font-size: 13px;
  font-family: "OpenSansRegular", Arial, Helvetica, sans-serif;
}

.darkmode .standardMenu .smExpanded .smExpanded .smExpanded > a {
  font-size: 12px;
  font-family: "OpenSansRegular", Arial, Helvetica, sans-serif;
}

.darkmode .standardMenu .smActive a,
.darkmode .standardMenu .smActive a:link,
.darkmode .standardMenu .smActive a:visited,
.darkmode .standardMenu .smActive a:hover,
.darkmode .standardMenu .smActive a:active,
.darkmode .standardMenu .smActive a:focus {
  color: #009ee0;
  background-color: #000000;
  font-family: "OpenSansSemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.darkmode .standardMenu .smExpanded > a:before {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  color: #fff;
  content: "\f107";
  display: inline-block;
  width: 14px;
  text-indent: 0px;
}

.darkmode .standardMenu .smExpanded > a:hover:before,
.darkmode .standardMenu .smExpanded > a:active:before,
.darkmode .standardMenu .smExpanded > a:focus:before {
  color: #006e9c;
}

.darkmode .standardMenu .smCollapsed > a:before {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  color: #fff;
  content: "\f105";
  display: inline-block;
  width: 14px;
  text-indent: 0px;
}

.darkmode .standardMenu .smCollapsed > a:hover:before,
.darkmode .standardMenu .smCollapsed > a:active:before,
.darkmode .standardMenu .smCollapsed > a:focus:before {
  color: #006e9c;
}

.darkmode .window_panel {
  /* background: none repeat scroll 0 0 #eee;*/
  border: 1px solid #fff;
}

.darkmode .window_frame div:first-child {
  padding: 10px;
}

.darkmode .window_panel .window_header_normal {
  height: 24px;
  line-height: 24px;
  padding: 2px 6px;
  text-align: left;
}

.darkmode .ui-widget-header.window_header {
  background-color: #ccc;
  border: 0;
  color: #000;
}

.darkmode .window_panel .window_header .window_title_text {
  font-family: "OpenSansSemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  left: 28px;
  margin-left: -20px;
  top: 3px;
}

.darkmode .popupClass_message,
.darkmode .popupClass_buttons {
  padding-left: 10px;
  padding-right: 10px;
}

.darkmode #tooltip {
  border: 1px solid #CBCBCB;
  background-color: #ccc;
  padding: 4px 5px;
  font-size: 14px;
  opacity: 1;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  -o-border-radius: 0px !important;
  -ms-border-radius: 0px !important;
  border-radius: 0px !important;
}

.darkmode #tooltip.pretty {
  font-family: "OpenSansRegular", Arial, Helvetica, sans-serif;
  border: none;
  width: 210px;
  padding: 20px;
  height: 135px;
  opacity: 1;
  background: none;
  -webkit-box-shadow: inset 0px 0px 1px 1px #f4f4f4;
  -moz-box-shadow: inset 0px 0px 1px 1px #f4f4f4;
  -o-box-shadow: inset 0px 0px 1px 1px #f4f4f4;
  -ms-box-shadow: inset 0px 0px 1px 1px #f4f4f4;
  box-shadow: inset 0px 1px 1px 1px #f4f4f4;
}

.darkmode a {
  outline: medium none;
}

.darkmode .ui-icon {
  border-radius: 10px;
}

.darkmode .ui-widget .ui-widget,
.darkmode .ui-widget {
  font-family: inherit;
  font-size: inherit;
}

.darkmode .ui-widget input,
.darkmode .ui-widget select,
.darkmode .ui-widget textarea {
  font-family: "OpenSansRegular", Arial, Helvetica, sans-serif;
  font-size: 14px;
}

.darkmode .ui-widget input[type=submit],
.darkmode .ui-widget button {
  font-family: "OpenSansRegular", Arial, Helvetica, sans-serif;
  font-size: 14px;
}

.darkmode .ui-widget-content {
  background: none repeat scroll 0 0 transparent;
  border: 0;
  color: #000;
}

.darkmode .ui-widget-content.default:hover {
  background-color: lightgray;
}

.darkmode .ui-widget-header {
  border: 0;
  color: #000;
  font-family: "OpenSansRegular", Arial, Helvetica, sans-serif;
  text-shadow: none;
  background-image: none;
  background-color: transparent;
}

.darkmode .ui-widget-header a {
  color: #000;
}

.darkmode .ui-state-default,
.darkmode .ui-widget-content .ui-state-default,
.darkmode .ui-widget-header .ui-state-default {
  background-image: none;
  background-color: #ccc;
  border: 1px solid #CBCBCB;
  color: #000;
  text-align: left;
  font-weight: normal;
  text-shadow: none;
}

.darkmode .ui-state-default.ui-resizable-column {
  background-color: transparent !important;
}

.darkmode .ui-state-default {
  box-shadow: none;
}

.darkmode .ui-state-default a, .darkmode .ui-state-default a:link, .darkmode .ui-state-default a:visited {
  color: #000;
  text-decoration: none;
  text-shadow: none;
}

.darkmode .ui-state-hover,
.darkmode .ui-widget-content .ui-state-hover,
.darkmode .ui-widget-header .ui-state-hover,
.darkmode .ui-state-focus, .darkmode .ui-widget-content .ui-state-focus,
.darkmode .ui-widget-header .ui-state-focus {
  background-image: none;
  border: 1px solid #CBCBCB;
  box-shadow: none;
  background-color: #000;
  color: #fff;
  font-weight: normal;
}

.darkmode .ui-overlay-visible table {
  *border-collapse: collapse !important;
}

.darkmode .ui-overlay-hidden table {
  *border-collapse: separate !important;
}

.darkmode .ui-datepicker .ui-datepicker-current.ui-priority-secondary {
  opacity: 1;
}

.darkmode .ui-dashboard-column {
  float: left;
  padding-bottom: 100px;
}

.darkmode .ui-datalist .ui-datalist-header, .darkmode .ui-datalist .ui-datalist-footer {
  text-align: center;
  padding: 4px 8px;
}

.darkmode .ui-datalist .ui-datalist-header {
  border-bottom: 0px none;
}

.darkmode .ui-datalist .ui-datalist-footer {
  border-top: 0px none;
}

.darkmode .ui-datalist .ui-paginator-top {
  border-bottom: 0px none;
}

.darkmode .ui-datalist .ui-paginator-bottom {
  border-top: 0px none;
}

.darkmode .ui-datalist .ui-datalist-empty-message {
  padding: 4px 8px;
}

.darkmode .ui-datagrid-data {
  width: 100%;
}

.darkmode .ui-datagrid .ui-paginator {
  text-align: center;
}

.darkmode .ui-datagrid-column {
  padding: 3px;
}

.darkmode .ui-datagrid-content-empty {
  padding: 4px 8px;
}

.darkmode .ui-datagrid .ui-datagrid-header, .darkmode .ui-datagrid .ui-datagrid-footer {
  text-align: center;
  padding: 4px 8px;
}

.darkmode .ui-datagrid .ui-datagrid-header {
  border-bottom: 0px none;
}

.darkmode .ui-datagrid .ui-datagrid-footer {
  border-top: 0px none;
}

.darkmode .ui-datagrid .ui-paginator-top {
  border-bottom: 0px none;
}

.darkmode .ui-datagrid .ui-paginator-bottom {
  border-top: 0px none;
}

.darkmode .ui-datatable {
  font-size: 16px;
  margin-top: 5px;
}

.darkmode .ui-datatable table {
  border-collapse: collapse;
  width: 100%;
}

.darkmode .ui-datatable .ui-datatable-header, .darkmode .ui-datatable .ui-datatable-footer {
  text-align: center;
  padding: 6px 8px;
}

.darkmode .ui-datatable .ui-datatable-header {
  border-bottom: 0px none;
}

.darkmode .ui-datatable .ui-datatable-footer {
  border-top: 0px none;
}

.darkmode .ui-datatable,
.darkmode .ui-treetable,
.darkmode .ui-datatable-resizable {
  /*a,
	.ui-state-active a,
	.ui-state-focus a,
	tr.ui-state-highlight a{
		&,
		&:link,
		&:visited{
			color:$base_color;
			text-decoration:underline;
			cursor:pointer;
		}
		&:hover,
		&:focus,
		&:active{
			color:$black;
			text-decoration:none;
			cursor:pointer;
		}
		
		&.icon_only{text-decoration:none !important;}
	}*/
  /* Zebra-Look 
	tbody tr{
		&.ui-state-highlight{border:none;}
		&.ui-state-highlight td{
			background-color:$tbl_row_highlight;
			color:$tbl_row_highlight_fcolor;
			border-right:none;
			
			&.ui-state-active,
			&.ui-state-focus{background-color:$tbl_row_highlight;}
			
			span, label{color:$tbl_row_highlight_fcolor;}
		}
		
		&:nth-child(2n) td{
			background-color:$tbl_row_dark;
			&.ui-state-active,
			&.ui-state-focus{background-color:$tbl_row_dark;}
		}
		
		&.ui-datatable-selectable.ui-state-highlight:nth-child(2n) td{
			background-color:$tbl_row_highlight_dark;
			color:$tbl_row_highlight_fcolor;
			
			&.ui-state-active,
			&.ui-state-focus{background-color:$tbl_row_highlight_dark;}
			
			span, label{color:$tbl_row_highlight_fcolor;}
		}
	} */
  /* EINZEILIGE ROWS*/
}

.darkmode .ui-datatable thead th,
.darkmode .ui-treetable thead th,
.darkmode .ui-datatable-resizable thead th {
  vertical-align: top;
  color: #000 !important;
  background-color: transparent;
  font-family: "OpenSansRegular", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 16px;
  border-bottom: 2px solid #000 !important;
  /* div mit label/ span */
}

.darkmode .ui-datatable thead th .ui-outputlabel.ui-widget,
.darkmode .ui-treetable thead th .ui-outputlabel.ui-widget,
.darkmode .ui-datatable-resizable thead th .ui-outputlabel.ui-widget {
  color: #000;
  font-size: 16px;
}

.darkmode .ui-datatable thead th input.ui-column-filter,
.darkmode .ui-datatable thead th .ui-column-customfilter,
.darkmode .ui-treetable thead th input.ui-column-filter,
.darkmode .ui-treetable thead th .ui-column-customfilter,
.darkmode .ui-datatable-resizable thead th input.ui-column-filter,
.darkmode .ui-datatable-resizable thead th .ui-column-customfilter {
  font-family: "OpenSansRegular", Arial, Helvetica, sans-serif;
  font-weight: normal !important;
  font-size: 14px;
}

.darkmode .ui-datatable thead th .ui-column-customfilter input,
.darkmode .ui-treetable thead th .ui-column-customfilter input,
.darkmode .ui-datatable-resizable thead th .ui-column-customfilter input {
  margin-bottom: 3px;
}

.darkmode .ui-datatable thead th .ui-column-utc-header,
.darkmode .ui-treetable thead th .ui-column-utc-header,
.darkmode .ui-datatable-resizable thead th .ui-column-utc-header {
  padding-bottom: 32px;
}

.darkmode .ui-datatable thead th .ui-column-title,
.darkmode .ui-treetable thead th .ui-column-title,
.darkmode .ui-datatable-resizable thead th .ui-column-title {
  color: #000 !important;
  font-family: "OpenSansRegular", Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: normal;
  word-wrap: break-word;
  /*width:calc(100% - 18px);*/
  width: 100%;
  display: inline-block;
}

.darkmode .ui-datatable thead th.ui-sortable-column .ui-column-title, .darkmode .ui-datatable thead th.ui-resizable-column .ui-column-title,
.darkmode .ui-treetable thead th.ui-sortable-column .ui-column-title,
.darkmode .ui-treetable thead th.ui-resizable-column .ui-column-title,
.darkmode .ui-datatable-resizable thead th.ui-sortable-column .ui-column-title,
.darkmode .ui-datatable-resizable thead th.ui-resizable-column .ui-column-title {
  width: calc(100% - 18px);
}

.darkmode .ui-datatable thead th .ui-sortable-column-icon,
.darkmode .ui-treetable thead th .ui-sortable-column-icon,
.darkmode .ui-datatable-resizable thead th .ui-sortable-column-icon {
  display: inline-block;
  width: 15px;
  vertical-align: top;
}

.darkmode .ui-datatable thead th .ui-column-utc-filter,
.darkmode .ui-treetable thead th .ui-column-utc-filter,
.darkmode .ui-datatable-resizable thead th .ui-column-utc-filter {
  position: absolute;
  bottom: 6px;
  left: 6px;
  right: 6px;
  height: 31px;
}

.darkmode .ui-datatable thead th.ui-state-default .ui-sortable-column-icon.ui-icon,
.darkmode .ui-datatable thead th.ui-state-active .ui-sortable-column-icon.ui-icon,
.darkmode .ui-treetable thead th.ui-state-default .ui-sortable-column-icon.ui-icon,
.darkmode .ui-treetable thead th.ui-state-active .ui-sortable-column-icon.ui-icon,
.darkmode .ui-datatable-resizable thead th.ui-state-default .ui-sortable-column-icon.ui-icon,
.darkmode .ui-datatable-resizable thead th.ui-state-active .ui-sortable-column-icon.ui-icon {
  background-image: url("../images/ui-icons_616161_256x240.png") !important;
}

.darkmode .ui-datatable thead th.ui-state-hover .ui-sortable-column-icon.ui-icon,
.darkmode .ui-datatable thead th.ui-state-focus .ui-sortable-column-icon.ui-icon,
.darkmode .ui-treetable thead th.ui-state-hover .ui-sortable-column-icon.ui-icon,
.darkmode .ui-treetable thead th.ui-state-focus .ui-sortable-column-icon.ui-icon,
.darkmode .ui-datatable-resizable thead th.ui-state-hover .ui-sortable-column-icon.ui-icon,
.darkmode .ui-datatable-resizable thead th.ui-state-focus .ui-sortable-column-icon.ui-icon {
  background-image: url("../images/ui-icons_898989_256x240.png") !important;
}

.darkmode .ui-datatable thead th,
.darkmode .ui-datatable tfoot td,
.darkmode .ui-datatable tbody td,
.darkmode .ui-treetable thead th,
.darkmode .ui-treetable tfoot td,
.darkmode .ui-treetable tbody td,
.darkmode .ui-datatable-resizable thead th,
.darkmode .ui-datatable-resizable tfoot td,
.darkmode .ui-datatable-resizable tbody td {
  padding: 8px 10px;
  overflow: hidden;
  border: none;
  border-bottom: 1px solid #CBCBCB !important;
  text-align: left;
  font-size: 14px;
  /*&:first-child{border-left:1px solid $base_color !important;}*/
}

.darkmode .ui-datatable thead th.ui-state-active,
.darkmode .ui-datatable tfoot td.ui-state-active,
.darkmode .ui-datatable tbody td.ui-state-active,
.darkmode .ui-treetable thead th.ui-state-active,
.darkmode .ui-treetable tfoot td.ui-state-active,
.darkmode .ui-treetable tbody td.ui-state-active,
.darkmode .ui-datatable-resizable thead th.ui-state-active,
.darkmode .ui-datatable-resizable tfoot td.ui-state-active,
.darkmode .ui-datatable-resizable tbody td.ui-state-active {
  border: none;
}

.darkmode .ui-datatable thead th .ui-inputfield,
.darkmode .ui-datatable tfoot td .ui-inputfield,
.darkmode .ui-datatable tbody td .ui-inputfield,
.darkmode .ui-treetable thead th .ui-inputfield,
.darkmode .ui-treetable tfoot td .ui-inputfield,
.darkmode .ui-treetable tbody td .ui-inputfield,
.darkmode .ui-datatable-resizable thead th .ui-inputfield,
.darkmode .ui-datatable-resizable tfoot td .ui-inputfield,
.darkmode .ui-datatable-resizable tbody td .ui-inputfield {
  width: 100% !important;
}

.darkmode .ui-datatable thead th .ui-inputfield.anzahl,
.darkmode .ui-datatable tfoot td .ui-inputfield.anzahl,
.darkmode .ui-datatable tbody td .ui-inputfield.anzahl,
.darkmode .ui-treetable thead th .ui-inputfield.anzahl,
.darkmode .ui-treetable tfoot td .ui-inputfield.anzahl,
.darkmode .ui-treetable tbody td .ui-inputfield.anzahl,
.darkmode .ui-datatable-resizable thead th .ui-inputfield.anzahl,
.darkmode .ui-datatable-resizable tfoot td .ui-inputfield.anzahl,
.darkmode .ui-datatable-resizable tbody td .ui-inputfield.anzahl {
  width: 60px !important;
}

.darkmode .ui-datatable thead th .ui-selectonemenu.ui-state-default.ui-widget,
.darkmode .ui-datatable tfoot td .ui-selectonemenu.ui-state-default.ui-widget,
.darkmode .ui-datatable tbody td .ui-selectonemenu.ui-state-default.ui-widget,
.darkmode .ui-treetable thead th .ui-selectonemenu.ui-state-default.ui-widget,
.darkmode .ui-treetable tfoot td .ui-selectonemenu.ui-state-default.ui-widget,
.darkmode .ui-treetable tbody td .ui-selectonemenu.ui-state-default.ui-widget,
.darkmode .ui-datatable-resizable thead th .ui-selectonemenu.ui-state-default.ui-widget,
.darkmode .ui-datatable-resizable tfoot td .ui-selectonemenu.ui-state-default.ui-widget,
.darkmode .ui-datatable-resizable tbody td .ui-selectonemenu.ui-state-default.ui-widget {
  width: 100% !important;
}

.darkmode .ui-datatable thead th select,
.darkmode .ui-datatable tfoot td select,
.darkmode .ui-datatable tbody td select,
.darkmode .ui-treetable thead th select,
.darkmode .ui-treetable tfoot td select,
.darkmode .ui-treetable tbody td select,
.darkmode .ui-datatable-resizable thead th select,
.darkmode .ui-datatable-resizable tfoot td select,
.darkmode .ui-datatable-resizable tbody td select {
  width: 100% !important;
}

.darkmode .ui-datatable thead th label.ui-outputlabel,
.darkmode .ui-datatable thead th span.displayfield,
.darkmode .ui-datatable tfoot td label.ui-outputlabel,
.darkmode .ui-datatable tfoot td span.displayfield,
.darkmode .ui-datatable tbody td label.ui-outputlabel,
.darkmode .ui-datatable tbody td span.displayfield,
.darkmode .ui-treetable thead th label.ui-outputlabel,
.darkmode .ui-treetable thead th span.displayfield,
.darkmode .ui-treetable tfoot td label.ui-outputlabel,
.darkmode .ui-treetable tfoot td span.displayfield,
.darkmode .ui-treetable tbody td label.ui-outputlabel,
.darkmode .ui-treetable tbody td span.displayfield,
.darkmode .ui-datatable-resizable thead th label.ui-outputlabel,
.darkmode .ui-datatable-resizable thead th span.displayfield,
.darkmode .ui-datatable-resizable tfoot td label.ui-outputlabel,
.darkmode .ui-datatable-resizable tfoot td span.displayfield,
.darkmode .ui-datatable-resizable tbody td label.ui-outputlabel,
.darkmode .ui-datatable-resizable tbody td span.displayfield {
  display: inline;
  padding-top: 0px;
  min-height: 0;
}

.darkmode .ui-datatable thead th span.calendarfield,
.darkmode .ui-datatable tfoot td span.calendarfield,
.darkmode .ui-datatable tbody td span.calendarfield,
.darkmode .ui-treetable thead th span.calendarfield,
.darkmode .ui-treetable tfoot td span.calendarfield,
.darkmode .ui-treetable tbody td span.calendarfield,
.darkmode .ui-datatable-resizable thead th span.calendarfield,
.darkmode .ui-datatable-resizable tfoot td span.calendarfield,
.darkmode .ui-datatable-resizable tbody td span.calendarfield {
  display: inline-block;
  white-space: nowrap;
  width: 100%;
}

.darkmode .ui-datatable thead th span.calendarfield .ui-inputfield,
.darkmode .ui-datatable tfoot td span.calendarfield .ui-inputfield,
.darkmode .ui-datatable tbody td span.calendarfield .ui-inputfield,
.darkmode .ui-treetable thead th span.calendarfield .ui-inputfield,
.darkmode .ui-treetable tfoot td span.calendarfield .ui-inputfield,
.darkmode .ui-treetable tbody td span.calendarfield .ui-inputfield,
.darkmode .ui-datatable-resizable thead th span.calendarfield .ui-inputfield,
.darkmode .ui-datatable-resizable tfoot td span.calendarfield .ui-inputfield,
.darkmode .ui-datatable-resizable tbody td span.calendarfield .ui-inputfield {
  width: 80% !important;
  text-align: right;
}

.darkmode .ui-datatable thead th span.button, .darkmode .ui-datatable thead th span.button:link, .darkmode .ui-datatable thead th span.button:visited, .darkmode .ui-datatable thead th span.button:hover, .darkmode .ui-datatable thead th span.button:focus, .darkmode .ui-datatable thead th span.button:active, .darkmode .ui-datatable thead th span.button_more_results, .darkmode .ui-datatable thead th span.default.button, .darkmode .ui-datatable thead th tfoot td span.button_more_results, .darkmode .ui-datatable tfoot td thead th span.button_more_results, .darkmode .ui-datatable thead th tbody td span.button_more_results, .darkmode .ui-datatable tbody td thead th span.button_more_results, .darkmode .ui-datatable .ui-treetable thead th span.button_more_results, .darkmode .ui-treetable .ui-datatable thead th span.button_more_results, .darkmode .ui-datatable thead th .ui-treetable tfoot td span.button_more_results, .darkmode .ui-datatable thead th .ui-treetable tbody td span.button_more_results, .darkmode .ui-datatable .ui-datatable-resizable thead th span.button_more_results, .darkmode .ui-datatable-resizable .ui-datatable thead th span.button_more_results, .darkmode .ui-datatable thead th .ui-datatable-resizable tfoot td span.button_more_results, .darkmode .ui-datatable thead th .ui-datatable-resizable tbody td span.button_more_results, .darkmode .ui-datatable thead th span.button_more_results:link, .darkmode .ui-datatable thead th span.default.button:link, .darkmode .ui-datatable thead th tfoot td span.button_more_results:link, .darkmode .ui-datatable tfoot td thead th span.button_more_results:link, .darkmode .ui-datatable thead th tbody td span.button_more_results:link, .darkmode .ui-datatable tbody td thead th span.button_more_results:link, .darkmode .ui-datatable .ui-treetable thead th span.button_more_results:link, .darkmode .ui-treetable .ui-datatable thead th span.button_more_results:link, .darkmode .ui-datatable thead th .ui-treetable tfoot td span.button_more_results:link, .darkmode .ui-datatable thead th .ui-treetable tbody td span.button_more_results:link, .darkmode .ui-datatable .ui-datatable-resizable thead th span.button_more_results:link, .darkmode .ui-datatable-resizable .ui-datatable thead th span.button_more_results:link, .darkmode .ui-datatable thead th .ui-datatable-resizable tfoot td span.button_more_results:link, .darkmode .ui-datatable thead th .ui-datatable-resizable tbody td span.button_more_results:link, .darkmode .ui-datatable thead th span.button_more_results:visited, .darkmode .ui-datatable thead th span.default.button:visited, .darkmode .ui-datatable thead th tfoot td span.button_more_results:visited, .darkmode .ui-datatable tfoot td thead th span.button_more_results:visited, .darkmode .ui-datatable thead th tbody td span.button_more_results:visited, .darkmode .ui-datatable tbody td thead th span.button_more_results:visited, .darkmode .ui-datatable .ui-treetable thead th span.button_more_results:visited, .darkmode .ui-treetable .ui-datatable thead th span.button_more_results:visited, .darkmode .ui-datatable thead th .ui-treetable tfoot td span.button_more_results:visited, .darkmode .ui-datatable thead th .ui-treetable tbody td span.button_more_results:visited, .darkmode .ui-datatable .ui-datatable-resizable thead th span.button_more_results:visited, .darkmode .ui-datatable-resizable .ui-datatable thead th span.button_more_results:visited, .darkmode .ui-datatable thead th .ui-datatable-resizable tfoot td span.button_more_results:visited, .darkmode .ui-datatable thead th .ui-datatable-resizable tbody td span.button_more_results:visited, .darkmode .ui-datatable thead th span.button_more_results:hover, .darkmode .ui-datatable thead th span.default.button:hover, .darkmode .ui-datatable thead th tfoot td span.button_more_results:hover, .darkmode .ui-datatable tfoot td thead th span.button_more_results:hover, .darkmode .ui-datatable thead th tbody td span.button_more_results:hover, .darkmode .ui-datatable tbody td thead th span.button_more_results:hover, .darkmode .ui-datatable .ui-treetable thead th span.button_more_results:hover, .darkmode .ui-treetable .ui-datatable thead th span.button_more_results:hover, .darkmode .ui-datatable thead th .ui-treetable tfoot td span.button_more_results:hover, .darkmode .ui-datatable thead th .ui-treetable tbody td span.button_more_results:hover, .darkmode .ui-datatable .ui-datatable-resizable thead th span.button_more_results:hover, .darkmode .ui-datatable-resizable .ui-datatable thead th span.button_more_results:hover, .darkmode .ui-datatable thead th .ui-datatable-resizable tfoot td span.button_more_results:hover, .darkmode .ui-datatable thead th .ui-datatable-resizable tbody td span.button_more_results:hover, .darkmode .ui-datatable thead th span.button_more_results:focus, .darkmode .ui-datatable thead th span.default.button:focus, .darkmode .ui-datatable thead th tfoot td span.button_more_results:focus, .darkmode .ui-datatable tfoot td thead th span.button_more_results:focus, .darkmode .ui-datatable thead th tbody td span.button_more_results:focus, .darkmode .ui-datatable tbody td thead th span.button_more_results:focus, .darkmode .ui-datatable .ui-treetable thead th span.button_more_results:focus, .darkmode .ui-treetable .ui-datatable thead th span.button_more_results:focus, .darkmode .ui-datatable thead th .ui-treetable tfoot td span.button_more_results:focus, .darkmode .ui-datatable thead th .ui-treetable tbody td span.button_more_results:focus, .darkmode .ui-datatable .ui-datatable-resizable thead th span.button_more_results:focus, .darkmode .ui-datatable-resizable .ui-datatable thead th span.button_more_results:focus, .darkmode .ui-datatable thead th .ui-datatable-resizable tfoot td span.button_more_results:focus, .darkmode .ui-datatable thead th .ui-datatable-resizable tbody td span.button_more_results:focus, .darkmode .ui-datatable thead th span.button_more_results:active, .darkmode .ui-datatable thead th span.default.button:active, .darkmode .ui-datatable thead th tfoot td span.button_more_results:active, .darkmode .ui-datatable tfoot td thead th span.button_more_results:active, .darkmode .ui-datatable thead th tbody td span.button_more_results:active, .darkmode .ui-datatable tbody td thead th span.button_more_results:active, .darkmode .ui-datatable .ui-treetable thead th span.button_more_results:active, .darkmode .ui-treetable .ui-datatable thead th span.button_more_results:active, .darkmode .ui-datatable thead th .ui-treetable tfoot td span.button_more_results:active, .darkmode .ui-datatable thead th .ui-treetable tbody td span.button_more_results:active, .darkmode .ui-datatable .ui-datatable-resizable thead th span.button_more_results:active, .darkmode .ui-datatable-resizable .ui-datatable thead th span.button_more_results:active, .darkmode .ui-datatable thead th .ui-datatable-resizable tfoot td span.button_more_results:active, .darkmode .ui-datatable thead th .ui-datatable-resizable tbody td span.button_more_results:active,
.darkmode .ui-datatable thead th span.link_button,
.darkmode .ui-datatable thead th span.link_button:link,
.darkmode .ui-datatable thead th span.link_button:visited,
.darkmode .ui-datatable thead th span.link_button:hover,
.darkmode .ui-datatable thead th span.link_button:focus,
.darkmode .ui-datatable thead th span.link_button:active,
.darkmode .ui-datatable thead th span.link_button.default,
.darkmode .ui-datatable thead th span.link_button.default:link,
.darkmode .ui-datatable thead th span.link_button.default:visited,
.darkmode .ui-datatable thead th span.link_button.default:hover,
.darkmode .ui-datatable thead th span.link_button.default:focus,
.darkmode .ui-datatable thead th span.link_button.default:active,
.darkmode .ui-datatable tfoot td span.button,
.darkmode .ui-datatable tfoot td span.button:link,
.darkmode .ui-datatable tfoot td span.button:visited,
.darkmode .ui-datatable tfoot td span.button:hover,
.darkmode .ui-datatable tfoot td span.button:focus,
.darkmode .ui-datatable tfoot td span.button:active,
.darkmode .ui-datatable tfoot td span.button_more_results,
.darkmode .ui-datatable tfoot td thead th span.button_more_results,
.darkmode .ui-datatable thead th tfoot td span.button_more_results,
.darkmode .ui-datatable tfoot td span.default.button,
.darkmode .ui-datatable tfoot tbody td span.button_more_results,
.darkmode .ui-datatable tbody tfoot td span.button_more_results,
.darkmode .ui-datatable tfoot td .ui-treetable thead th span.button_more_results,
.darkmode .ui-datatable .ui-treetable tfoot td span.button_more_results,
.darkmode .ui-treetable .ui-datatable tfoot td span.button_more_results,
.darkmode .ui-datatable tfoot .ui-treetable tbody td span.button_more_results,
.darkmode .ui-datatable tfoot td .ui-datatable-resizable thead th span.button_more_results,
.darkmode .ui-datatable .ui-datatable-resizable tfoot td span.button_more_results,
.darkmode .ui-datatable-resizable .ui-datatable tfoot td span.button_more_results,
.darkmode .ui-datatable tfoot .ui-datatable-resizable tbody td span.button_more_results,
.darkmode .ui-datatable tfoot td span.button_more_results:link,
.darkmode .ui-datatable tfoot td thead th span.button_more_results:link,
.darkmode .ui-datatable thead th tfoot td span.button_more_results:link,
.darkmode .ui-datatable tfoot td span.default.button:link,
.darkmode .ui-datatable tfoot tbody td span.button_more_results:link,
.darkmode .ui-datatable tbody tfoot td span.button_more_results:link,
.darkmode .ui-datatable tfoot td .ui-treetable thead th span.button_more_results:link,
.darkmode .ui-datatable .ui-treetable tfoot td span.button_more_results:link,
.darkmode .ui-treetable .ui-datatable tfoot td span.button_more_results:link,
.darkmode .ui-datatable tfoot .ui-treetable tbody td span.button_more_results:link,
.darkmode .ui-datatable tfoot td .ui-datatable-resizable thead th span.button_more_results:link,
.darkmode .ui-datatable .ui-datatable-resizable tfoot td span.button_more_results:link,
.darkmode .ui-datatable-resizable .ui-datatable tfoot td span.button_more_results:link,
.darkmode .ui-datatable tfoot .ui-datatable-resizable tbody td span.button_more_results:link,
.darkmode .ui-datatable tfoot td span.button_more_results:visited,
.darkmode .ui-datatable tfoot td thead th span.button_more_results:visited,
.darkmode .ui-datatable thead th tfoot td span.button_more_results:visited,
.darkmode .ui-datatable tfoot td span.default.button:visited,
.darkmode .ui-datatable tfoot tbody td span.button_more_results:visited,
.darkmode .ui-datatable tbody tfoot td span.button_more_results:visited,
.darkmode .ui-datatable tfoot td .ui-treetable thead th span.button_more_results:visited,
.darkmode .ui-datatable .ui-treetable tfoot td span.button_more_results:visited,
.darkmode .ui-treetable .ui-datatable tfoot td span.button_more_results:visited,
.darkmode .ui-datatable tfoot .ui-treetable tbody td span.button_more_results:visited,
.darkmode .ui-datatable tfoot td .ui-datatable-resizable thead th span.button_more_results:visited,
.darkmode .ui-datatable .ui-datatable-resizable tfoot td span.button_more_results:visited,
.darkmode .ui-datatable-resizable .ui-datatable tfoot td span.button_more_results:visited,
.darkmode .ui-datatable tfoot .ui-datatable-resizable tbody td span.button_more_results:visited,
.darkmode .ui-datatable tfoot td span.button_more_results:hover,
.darkmode .ui-datatable tfoot td thead th span.button_more_results:hover,
.darkmode .ui-datatable thead th tfoot td span.button_more_results:hover,
.darkmode .ui-datatable tfoot td span.default.button:hover,
.darkmode .ui-datatable tfoot tbody td span.button_more_results:hover,
.darkmode .ui-datatable tbody tfoot td span.button_more_results:hover,
.darkmode .ui-datatable tfoot td .ui-treetable thead th span.button_more_results:hover,
.darkmode .ui-datatable .ui-treetable tfoot td span.button_more_results:hover,
.darkmode .ui-treetable .ui-datatable tfoot td span.button_more_results:hover,
.darkmode .ui-datatable tfoot .ui-treetable tbody td span.button_more_results:hover,
.darkmode .ui-datatable tfoot td .ui-datatable-resizable thead th span.button_more_results:hover,
.darkmode .ui-datatable .ui-datatable-resizable tfoot td span.button_more_results:hover,
.darkmode .ui-datatable-resizable .ui-datatable tfoot td span.button_more_results:hover,
.darkmode .ui-datatable tfoot .ui-datatable-resizable tbody td span.button_more_results:hover,
.darkmode .ui-datatable tfoot td span.button_more_results:focus,
.darkmode .ui-datatable tfoot td thead th span.button_more_results:focus,
.darkmode .ui-datatable thead th tfoot td span.button_more_results:focus,
.darkmode .ui-datatable tfoot td span.default.button:focus,
.darkmode .ui-datatable tfoot tbody td span.button_more_results:focus,
.darkmode .ui-datatable tbody tfoot td span.button_more_results:focus,
.darkmode .ui-datatable tfoot td .ui-treetable thead th span.button_more_results:focus,
.darkmode .ui-datatable .ui-treetable tfoot td span.button_more_results:focus,
.darkmode .ui-treetable .ui-datatable tfoot td span.button_more_results:focus,
.darkmode .ui-datatable tfoot .ui-treetable tbody td span.button_more_results:focus,
.darkmode .ui-datatable tfoot td .ui-datatable-resizable thead th span.button_more_results:focus,
.darkmode .ui-datatable .ui-datatable-resizable tfoot td span.button_more_results:focus,
.darkmode .ui-datatable-resizable .ui-datatable tfoot td span.button_more_results:focus,
.darkmode .ui-datatable tfoot .ui-datatable-resizable tbody td span.button_more_results:focus,
.darkmode .ui-datatable tfoot td span.button_more_results:active,
.darkmode .ui-datatable tfoot td thead th span.button_more_results:active,
.darkmode .ui-datatable thead th tfoot td span.button_more_results:active,
.darkmode .ui-datatable tfoot td span.default.button:active,
.darkmode .ui-datatable tfoot tbody td span.button_more_results:active,
.darkmode .ui-datatable tbody tfoot td span.button_more_results:active,
.darkmode .ui-datatable tfoot td .ui-treetable thead th span.button_more_results:active,
.darkmode .ui-datatable .ui-treetable tfoot td span.button_more_results:active,
.darkmode .ui-treetable .ui-datatable tfoot td span.button_more_results:active,
.darkmode .ui-datatable tfoot .ui-treetable tbody td span.button_more_results:active,
.darkmode .ui-datatable tfoot td .ui-datatable-resizable thead th span.button_more_results:active,
.darkmode .ui-datatable .ui-datatable-resizable tfoot td span.button_more_results:active,
.darkmode .ui-datatable-resizable .ui-datatable tfoot td span.button_more_results:active,
.darkmode .ui-datatable tfoot .ui-datatable-resizable tbody td span.button_more_results:active,
.darkmode .ui-datatable tfoot td span.link_button,
.darkmode .ui-datatable tfoot td span.link_button:link,
.darkmode .ui-datatable tfoot td span.link_button:visited,
.darkmode .ui-datatable tfoot td span.link_button:hover,
.darkmode .ui-datatable tfoot td span.link_button:focus,
.darkmode .ui-datatable tfoot td span.link_button:active,
.darkmode .ui-datatable tfoot td span.link_button.default,
.darkmode .ui-datatable tfoot td span.link_button.default:link,
.darkmode .ui-datatable tfoot td span.link_button.default:visited,
.darkmode .ui-datatable tfoot td span.link_button.default:hover,
.darkmode .ui-datatable tfoot td span.link_button.default:focus,
.darkmode .ui-datatable tfoot td span.link_button.default:active,
.darkmode .ui-datatable tbody td span.button,
.darkmode .ui-datatable tbody td span.button:link,
.darkmode .ui-datatable tbody td span.button:visited,
.darkmode .ui-datatable tbody td span.button:hover,
.darkmode .ui-datatable tbody td span.button:focus,
.darkmode .ui-datatable tbody td span.button:active,
.darkmode .ui-datatable tbody td span.button_more_results,
.darkmode .ui-datatable tbody td thead th span.button_more_results,
.darkmode .ui-datatable thead th tbody td span.button_more_results,
.darkmode .ui-datatable tbody tfoot td span.button_more_results,
.darkmode .ui-datatable tfoot tbody td span.button_more_results,
.darkmode .ui-datatable tbody td span.default.button,
.darkmode .ui-datatable tbody td .ui-treetable thead th span.button_more_results,
.darkmode .ui-datatable tbody .ui-treetable tfoot td span.button_more_results,
.darkmode .ui-datatable .ui-treetable tbody td span.button_more_results,
.darkmode .ui-treetable .ui-datatable tbody td span.button_more_results,
.darkmode .ui-datatable tbody td .ui-datatable-resizable thead th span.button_more_results,
.darkmode .ui-datatable tbody .ui-datatable-resizable tfoot td span.button_more_results,
.darkmode .ui-datatable .ui-datatable-resizable tbody td span.button_more_results,
.darkmode .ui-datatable-resizable .ui-datatable tbody td span.button_more_results,
.darkmode .ui-datatable tbody td span.button_more_results:link,
.darkmode .ui-datatable tbody td thead th span.button_more_results:link,
.darkmode .ui-datatable thead th tbody td span.button_more_results:link,
.darkmode .ui-datatable tbody tfoot td span.button_more_results:link,
.darkmode .ui-datatable tfoot tbody td span.button_more_results:link,
.darkmode .ui-datatable tbody td span.default.button:link,
.darkmode .ui-datatable tbody td .ui-treetable thead th span.button_more_results:link,
.darkmode .ui-datatable tbody .ui-treetable tfoot td span.button_more_results:link,
.darkmode .ui-datatable .ui-treetable tbody td span.button_more_results:link,
.darkmode .ui-treetable .ui-datatable tbody td span.button_more_results:link,
.darkmode .ui-datatable tbody td .ui-datatable-resizable thead th span.button_more_results:link,
.darkmode .ui-datatable tbody .ui-datatable-resizable tfoot td span.button_more_results:link,
.darkmode .ui-datatable .ui-datatable-resizable tbody td span.button_more_results:link,
.darkmode .ui-datatable-resizable .ui-datatable tbody td span.button_more_results:link,
.darkmode .ui-datatable tbody td span.button_more_results:visited,
.darkmode .ui-datatable tbody td thead th span.button_more_results:visited,
.darkmode .ui-datatable thead th tbody td span.button_more_results:visited,
.darkmode .ui-datatable tbody tfoot td span.button_more_results:visited,
.darkmode .ui-datatable tfoot tbody td span.button_more_results:visited,
.darkmode .ui-datatable tbody td span.default.button:visited,
.darkmode .ui-datatable tbody td .ui-treetable thead th span.button_more_results:visited,
.darkmode .ui-datatable tbody .ui-treetable tfoot td span.button_more_results:visited,
.darkmode .ui-datatable .ui-treetable tbody td span.button_more_results:visited,
.darkmode .ui-treetable .ui-datatable tbody td span.button_more_results:visited,
.darkmode .ui-datatable tbody td .ui-datatable-resizable thead th span.button_more_results:visited,
.darkmode .ui-datatable tbody .ui-datatable-resizable tfoot td span.button_more_results:visited,
.darkmode .ui-datatable .ui-datatable-resizable tbody td span.button_more_results:visited,
.darkmode .ui-datatable-resizable .ui-datatable tbody td span.button_more_results:visited,
.darkmode .ui-datatable tbody td span.button_more_results:hover,
.darkmode .ui-datatable tbody td thead th span.button_more_results:hover,
.darkmode .ui-datatable thead th tbody td span.button_more_results:hover,
.darkmode .ui-datatable tbody tfoot td span.button_more_results:hover,
.darkmode .ui-datatable tfoot tbody td span.button_more_results:hover,
.darkmode .ui-datatable tbody td span.default.button:hover,
.darkmode .ui-datatable tbody td .ui-treetable thead th span.button_more_results:hover,
.darkmode .ui-datatable tbody .ui-treetable tfoot td span.button_more_results:hover,
.darkmode .ui-datatable .ui-treetable tbody td span.button_more_results:hover,
.darkmode .ui-treetable .ui-datatable tbody td span.button_more_results:hover,
.darkmode .ui-datatable tbody td .ui-datatable-resizable thead th span.button_more_results:hover,
.darkmode .ui-datatable tbody .ui-datatable-resizable tfoot td span.button_more_results:hover,
.darkmode .ui-datatable .ui-datatable-resizable tbody td span.button_more_results:hover,
.darkmode .ui-datatable-resizable .ui-datatable tbody td span.button_more_results:hover,
.darkmode .ui-datatable tbody td span.button_more_results:focus,
.darkmode .ui-datatable tbody td thead th span.button_more_results:focus,
.darkmode .ui-datatable thead th tbody td span.button_more_results:focus,
.darkmode .ui-datatable tbody tfoot td span.button_more_results:focus,
.darkmode .ui-datatable tfoot tbody td span.button_more_results:focus,
.darkmode .ui-datatable tbody td span.default.button:focus,
.darkmode .ui-datatable tbody td .ui-treetable thead th span.button_more_results:focus,
.darkmode .ui-datatable tbody .ui-treetable tfoot td span.button_more_results:focus,
.darkmode .ui-datatable .ui-treetable tbody td span.button_more_results:focus,
.darkmode .ui-treetable .ui-datatable tbody td span.button_more_results:focus,
.darkmode .ui-datatable tbody td .ui-datatable-resizable thead th span.button_more_results:focus,
.darkmode .ui-datatable tbody .ui-datatable-resizable tfoot td span.button_more_results:focus,
.darkmode .ui-datatable .ui-datatable-resizable tbody td span.button_more_results:focus,
.darkmode .ui-datatable-resizable .ui-datatable tbody td span.button_more_results:focus,
.darkmode .ui-datatable tbody td span.button_more_results:active,
.darkmode .ui-datatable tbody td thead th span.button_more_results:active,
.darkmode .ui-datatable thead th tbody td span.button_more_results:active,
.darkmode .ui-datatable tbody tfoot td span.button_more_results:active,
.darkmode .ui-datatable tfoot tbody td span.button_more_results:active,
.darkmode .ui-datatable tbody td span.default.button:active,
.darkmode .ui-datatable tbody td .ui-treetable thead th span.button_more_results:active,
.darkmode .ui-datatable tbody .ui-treetable tfoot td span.button_more_results:active,
.darkmode .ui-datatable .ui-treetable tbody td span.button_more_results:active,
.darkmode .ui-treetable .ui-datatable tbody td span.button_more_results:active,
.darkmode .ui-datatable tbody td .ui-datatable-resizable thead th span.button_more_results:active,
.darkmode .ui-datatable tbody .ui-datatable-resizable tfoot td span.button_more_results:active,
.darkmode .ui-datatable .ui-datatable-resizable tbody td span.button_more_results:active,
.darkmode .ui-datatable-resizable .ui-datatable tbody td span.button_more_results:active,
.darkmode .ui-datatable tbody td span.link_button,
.darkmode .ui-datatable tbody td span.link_button:link,
.darkmode .ui-datatable tbody td span.link_button:visited,
.darkmode .ui-datatable tbody td span.link_button:hover,
.darkmode .ui-datatable tbody td span.link_button:focus,
.darkmode .ui-datatable tbody td span.link_button:active,
.darkmode .ui-datatable tbody td span.link_button.default,
.darkmode .ui-datatable tbody td span.link_button.default:link,
.darkmode .ui-datatable tbody td span.link_button.default:visited,
.darkmode .ui-datatable tbody td span.link_button.default:hover,
.darkmode .ui-datatable tbody td span.link_button.default:focus,
.darkmode .ui-datatable tbody td span.link_button.default:active,
.darkmode .ui-treetable thead th span.button,
.darkmode .ui-treetable thead th span.button:link,
.darkmode .ui-treetable thead th span.button:visited,
.darkmode .ui-treetable thead th span.button:hover,
.darkmode .ui-treetable thead th span.button:focus,
.darkmode .ui-treetable thead th span.button:active,
.darkmode .ui-treetable thead th span.button_more_results,
.darkmode .ui-treetable .ui-datatable thead th span.button_more_results,
.darkmode .ui-datatable .ui-treetable thead th span.button_more_results,
.darkmode .ui-treetable thead th .ui-datatable tfoot td span.button_more_results,
.darkmode .ui-treetable thead th .ui-datatable tbody td span.button_more_results,
.darkmode .ui-treetable thead th span.default.button,
.darkmode .ui-treetable thead th tfoot td span.button_more_results,
.darkmode .ui-treetable tfoot td thead th span.button_more_results,
.darkmode .ui-treetable thead th tbody td span.button_more_results,
.darkmode .ui-treetable tbody td thead th span.button_more_results,
.darkmode .ui-treetable .ui-datatable-resizable thead th span.button_more_results,
.darkmode .ui-datatable-resizable .ui-treetable thead th span.button_more_results,
.darkmode .ui-treetable thead th .ui-datatable-resizable tfoot td span.button_more_results,
.darkmode .ui-treetable thead th .ui-datatable-resizable tbody td span.button_more_results,
.darkmode .ui-treetable thead th span.button_more_results:link,
.darkmode .ui-treetable .ui-datatable thead th span.button_more_results:link,
.darkmode .ui-datatable .ui-treetable thead th span.button_more_results:link,
.darkmode .ui-treetable thead th .ui-datatable tfoot td span.button_more_results:link,
.darkmode .ui-treetable thead th .ui-datatable tbody td span.button_more_results:link,
.darkmode .ui-treetable thead th span.default.button:link,
.darkmode .ui-treetable thead th tfoot td span.button_more_results:link,
.darkmode .ui-treetable tfoot td thead th span.button_more_results:link,
.darkmode .ui-treetable thead th tbody td span.button_more_results:link,
.darkmode .ui-treetable tbody td thead th span.button_more_results:link,
.darkmode .ui-treetable .ui-datatable-resizable thead th span.button_more_results:link,
.darkmode .ui-datatable-resizable .ui-treetable thead th span.button_more_results:link,
.darkmode .ui-treetable thead th .ui-datatable-resizable tfoot td span.button_more_results:link,
.darkmode .ui-treetable thead th .ui-datatable-resizable tbody td span.button_more_results:link,
.darkmode .ui-treetable thead th span.button_more_results:visited,
.darkmode .ui-treetable .ui-datatable thead th span.button_more_results:visited,
.darkmode .ui-datatable .ui-treetable thead th span.button_more_results:visited,
.darkmode .ui-treetable thead th .ui-datatable tfoot td span.button_more_results:visited,
.darkmode .ui-treetable thead th .ui-datatable tbody td span.button_more_results:visited,
.darkmode .ui-treetable thead th span.default.button:visited,
.darkmode .ui-treetable thead th tfoot td span.button_more_results:visited,
.darkmode .ui-treetable tfoot td thead th span.button_more_results:visited,
.darkmode .ui-treetable thead th tbody td span.button_more_results:visited,
.darkmode .ui-treetable tbody td thead th span.button_more_results:visited,
.darkmode .ui-treetable .ui-datatable-resizable thead th span.button_more_results:visited,
.darkmode .ui-datatable-resizable .ui-treetable thead th span.button_more_results:visited,
.darkmode .ui-treetable thead th .ui-datatable-resizable tfoot td span.button_more_results:visited,
.darkmode .ui-treetable thead th .ui-datatable-resizable tbody td span.button_more_results:visited,
.darkmode .ui-treetable thead th span.button_more_results:hover,
.darkmode .ui-treetable .ui-datatable thead th span.button_more_results:hover,
.darkmode .ui-datatable .ui-treetable thead th span.button_more_results:hover,
.darkmode .ui-treetable thead th .ui-datatable tfoot td span.button_more_results:hover,
.darkmode .ui-treetable thead th .ui-datatable tbody td span.button_more_results:hover,
.darkmode .ui-treetable thead th span.default.button:hover,
.darkmode .ui-treetable thead th tfoot td span.button_more_results:hover,
.darkmode .ui-treetable tfoot td thead th span.button_more_results:hover,
.darkmode .ui-treetable thead th tbody td span.button_more_results:hover,
.darkmode .ui-treetable tbody td thead th span.button_more_results:hover,
.darkmode .ui-treetable .ui-datatable-resizable thead th span.button_more_results:hover,
.darkmode .ui-datatable-resizable .ui-treetable thead th span.button_more_results:hover,
.darkmode .ui-treetable thead th .ui-datatable-resizable tfoot td span.button_more_results:hover,
.darkmode .ui-treetable thead th .ui-datatable-resizable tbody td span.button_more_results:hover,
.darkmode .ui-treetable thead th span.button_more_results:focus,
.darkmode .ui-treetable .ui-datatable thead th span.button_more_results:focus,
.darkmode .ui-datatable .ui-treetable thead th span.button_more_results:focus,
.darkmode .ui-treetable thead th .ui-datatable tfoot td span.button_more_results:focus,
.darkmode .ui-treetable thead th .ui-datatable tbody td span.button_more_results:focus,
.darkmode .ui-treetable thead th span.default.button:focus,
.darkmode .ui-treetable thead th tfoot td span.button_more_results:focus,
.darkmode .ui-treetable tfoot td thead th span.button_more_results:focus,
.darkmode .ui-treetable thead th tbody td span.button_more_results:focus,
.darkmode .ui-treetable tbody td thead th span.button_more_results:focus,
.darkmode .ui-treetable .ui-datatable-resizable thead th span.button_more_results:focus,
.darkmode .ui-datatable-resizable .ui-treetable thead th span.button_more_results:focus,
.darkmode .ui-treetable thead th .ui-datatable-resizable tfoot td span.button_more_results:focus,
.darkmode .ui-treetable thead th .ui-datatable-resizable tbody td span.button_more_results:focus,
.darkmode .ui-treetable thead th span.button_more_results:active,
.darkmode .ui-treetable .ui-datatable thead th span.button_more_results:active,
.darkmode .ui-datatable .ui-treetable thead th span.button_more_results:active,
.darkmode .ui-treetable thead th .ui-datatable tfoot td span.button_more_results:active,
.darkmode .ui-treetable thead th .ui-datatable tbody td span.button_more_results:active,
.darkmode .ui-treetable thead th span.default.button:active,
.darkmode .ui-treetable thead th tfoot td span.button_more_results:active,
.darkmode .ui-treetable tfoot td thead th span.button_more_results:active,
.darkmode .ui-treetable thead th tbody td span.button_more_results:active,
.darkmode .ui-treetable tbody td thead th span.button_more_results:active,
.darkmode .ui-treetable .ui-datatable-resizable thead th span.button_more_results:active,
.darkmode .ui-datatable-resizable .ui-treetable thead th span.button_more_results:active,
.darkmode .ui-treetable thead th .ui-datatable-resizable tfoot td span.button_more_results:active,
.darkmode .ui-treetable thead th .ui-datatable-resizable tbody td span.button_more_results:active,
.darkmode .ui-treetable thead th span.link_button,
.darkmode .ui-treetable thead th span.link_button:link,
.darkmode .ui-treetable thead th span.link_button:visited,
.darkmode .ui-treetable thead th span.link_button:hover,
.darkmode .ui-treetable thead th span.link_button:focus,
.darkmode .ui-treetable thead th span.link_button:active,
.darkmode .ui-treetable thead th span.link_button.default,
.darkmode .ui-treetable thead th span.link_button.default:link,
.darkmode .ui-treetable thead th span.link_button.default:visited,
.darkmode .ui-treetable thead th span.link_button.default:hover,
.darkmode .ui-treetable thead th span.link_button.default:focus,
.darkmode .ui-treetable thead th span.link_button.default:active,
.darkmode .ui-treetable tfoot td span.button,
.darkmode .ui-treetable tfoot td span.button:link,
.darkmode .ui-treetable tfoot td span.button:visited,
.darkmode .ui-treetable tfoot td span.button:hover,
.darkmode .ui-treetable tfoot td span.button:focus,
.darkmode .ui-treetable tfoot td span.button:active,
.darkmode .ui-treetable tfoot td span.button_more_results,
.darkmode .ui-treetable tfoot td .ui-datatable thead th span.button_more_results,
.darkmode .ui-treetable .ui-datatable tfoot td span.button_more_results,
.darkmode .ui-datatable .ui-treetable tfoot td span.button_more_results,
.darkmode .ui-treetable tfoot .ui-datatable tbody td span.button_more_results,
.darkmode .ui-treetable tfoot td thead th span.button_more_results,
.darkmode .ui-treetable thead th tfoot td span.button_more_results,
.darkmode .ui-treetable tfoot td span.default.button,
.darkmode .ui-treetable tfoot tbody td span.button_more_results,
.darkmode .ui-treetable tbody tfoot td span.button_more_results,
.darkmode .ui-treetable tfoot td .ui-datatable-resizable thead th span.button_more_results,
.darkmode .ui-treetable .ui-datatable-resizable tfoot td span.button_more_results,
.darkmode .ui-datatable-resizable .ui-treetable tfoot td span.button_more_results,
.darkmode .ui-treetable tfoot .ui-datatable-resizable tbody td span.button_more_results,
.darkmode .ui-treetable tfoot td span.button_more_results:link,
.darkmode .ui-treetable tfoot td .ui-datatable thead th span.button_more_results:link,
.darkmode .ui-treetable .ui-datatable tfoot td span.button_more_results:link,
.darkmode .ui-datatable .ui-treetable tfoot td span.button_more_results:link,
.darkmode .ui-treetable tfoot .ui-datatable tbody td span.button_more_results:link,
.darkmode .ui-treetable tfoot td thead th span.button_more_results:link,
.darkmode .ui-treetable thead th tfoot td span.button_more_results:link,
.darkmode .ui-treetable tfoot td span.default.button:link,
.darkmode .ui-treetable tfoot tbody td span.button_more_results:link,
.darkmode .ui-treetable tbody tfoot td span.button_more_results:link,
.darkmode .ui-treetable tfoot td .ui-datatable-resizable thead th span.button_more_results:link,
.darkmode .ui-treetable .ui-datatable-resizable tfoot td span.button_more_results:link,
.darkmode .ui-datatable-resizable .ui-treetable tfoot td span.button_more_results:link,
.darkmode .ui-treetable tfoot .ui-datatable-resizable tbody td span.button_more_results:link,
.darkmode .ui-treetable tfoot td span.button_more_results:visited,
.darkmode .ui-treetable tfoot td .ui-datatable thead th span.button_more_results:visited,
.darkmode .ui-treetable .ui-datatable tfoot td span.button_more_results:visited,
.darkmode .ui-datatable .ui-treetable tfoot td span.button_more_results:visited,
.darkmode .ui-treetable tfoot .ui-datatable tbody td span.button_more_results:visited,
.darkmode .ui-treetable tfoot td thead th span.button_more_results:visited,
.darkmode .ui-treetable thead th tfoot td span.button_more_results:visited,
.darkmode .ui-treetable tfoot td span.default.button:visited,
.darkmode .ui-treetable tfoot tbody td span.button_more_results:visited,
.darkmode .ui-treetable tbody tfoot td span.button_more_results:visited,
.darkmode .ui-treetable tfoot td .ui-datatable-resizable thead th span.button_more_results:visited,
.darkmode .ui-treetable .ui-datatable-resizable tfoot td span.button_more_results:visited,
.darkmode .ui-datatable-resizable .ui-treetable tfoot td span.button_more_results:visited,
.darkmode .ui-treetable tfoot .ui-datatable-resizable tbody td span.button_more_results:visited,
.darkmode .ui-treetable tfoot td span.button_more_results:hover,
.darkmode .ui-treetable tfoot td .ui-datatable thead th span.button_more_results:hover,
.darkmode .ui-treetable .ui-datatable tfoot td span.button_more_results:hover,
.darkmode .ui-datatable .ui-treetable tfoot td span.button_more_results:hover,
.darkmode .ui-treetable tfoot .ui-datatable tbody td span.button_more_results:hover,
.darkmode .ui-treetable tfoot td thead th span.button_more_results:hover,
.darkmode .ui-treetable thead th tfoot td span.button_more_results:hover,
.darkmode .ui-treetable tfoot td span.default.button:hover,
.darkmode .ui-treetable tfoot tbody td span.button_more_results:hover,
.darkmode .ui-treetable tbody tfoot td span.button_more_results:hover,
.darkmode .ui-treetable tfoot td .ui-datatable-resizable thead th span.button_more_results:hover,
.darkmode .ui-treetable .ui-datatable-resizable tfoot td span.button_more_results:hover,
.darkmode .ui-datatable-resizable .ui-treetable tfoot td span.button_more_results:hover,
.darkmode .ui-treetable tfoot .ui-datatable-resizable tbody td span.button_more_results:hover,
.darkmode .ui-treetable tfoot td span.button_more_results:focus,
.darkmode .ui-treetable tfoot td .ui-datatable thead th span.button_more_results:focus,
.darkmode .ui-treetable .ui-datatable tfoot td span.button_more_results:focus,
.darkmode .ui-datatable .ui-treetable tfoot td span.button_more_results:focus,
.darkmode .ui-treetable tfoot .ui-datatable tbody td span.button_more_results:focus,
.darkmode .ui-treetable tfoot td thead th span.button_more_results:focus,
.darkmode .ui-treetable thead th tfoot td span.button_more_results:focus,
.darkmode .ui-treetable tfoot td span.default.button:focus,
.darkmode .ui-treetable tfoot tbody td span.button_more_results:focus,
.darkmode .ui-treetable tbody tfoot td span.button_more_results:focus,
.darkmode .ui-treetable tfoot td .ui-datatable-resizable thead th span.button_more_results:focus,
.darkmode .ui-treetable .ui-datatable-resizable tfoot td span.button_more_results:focus,
.darkmode .ui-datatable-resizable .ui-treetable tfoot td span.button_more_results:focus,
.darkmode .ui-treetable tfoot .ui-datatable-resizable tbody td span.button_more_results:focus,
.darkmode .ui-treetable tfoot td span.button_more_results:active,
.darkmode .ui-treetable tfoot td .ui-datatable thead th span.button_more_results:active,
.darkmode .ui-treetable .ui-datatable tfoot td span.button_more_results:active,
.darkmode .ui-datatable .ui-treetable tfoot td span.button_more_results:active,
.darkmode .ui-treetable tfoot .ui-datatable tbody td span.button_more_results:active,
.darkmode .ui-treetable tfoot td thead th span.button_more_results:active,
.darkmode .ui-treetable thead th tfoot td span.button_more_results:active,
.darkmode .ui-treetable tfoot td span.default.button:active,
.darkmode .ui-treetable tfoot tbody td span.button_more_results:active,
.darkmode .ui-treetable tbody tfoot td span.button_more_results:active,
.darkmode .ui-treetable tfoot td .ui-datatable-resizable thead th span.button_more_results:active,
.darkmode .ui-treetable .ui-datatable-resizable tfoot td span.button_more_results:active,
.darkmode .ui-datatable-resizable .ui-treetable tfoot td span.button_more_results:active,
.darkmode .ui-treetable tfoot .ui-datatable-resizable tbody td span.button_more_results:active,
.darkmode .ui-treetable tfoot td span.link_button,
.darkmode .ui-treetable tfoot td span.link_button:link,
.darkmode .ui-treetable tfoot td span.link_button:visited,
.darkmode .ui-treetable tfoot td span.link_button:hover,
.darkmode .ui-treetable tfoot td span.link_button:focus,
.darkmode .ui-treetable tfoot td span.link_button:active,
.darkmode .ui-treetable tfoot td span.link_button.default,
.darkmode .ui-treetable tfoot td span.link_button.default:link,
.darkmode .ui-treetable tfoot td span.link_button.default:visited,
.darkmode .ui-treetable tfoot td span.link_button.default:hover,
.darkmode .ui-treetable tfoot td span.link_button.default:focus,
.darkmode .ui-treetable tfoot td span.link_button.default:active,
.darkmode .ui-treetable tbody td span.button,
.darkmode .ui-treetable tbody td span.button:link,
.darkmode .ui-treetable tbody td span.button:visited,
.darkmode .ui-treetable tbody td span.button:hover,
.darkmode .ui-treetable tbody td span.button:focus,
.darkmode .ui-treetable tbody td span.button:active,
.darkmode .ui-treetable tbody td span.button_more_results,
.darkmode .ui-treetable tbody td .ui-datatable thead th span.button_more_results,
.darkmode .ui-treetable tbody .ui-datatable tfoot td span.button_more_results,
.darkmode .ui-treetable .ui-datatable tbody td span.button_more_results,
.darkmode .ui-datatable .ui-treetable tbody td span.button_more_results,
.darkmode .ui-treetable tbody td thead th span.button_more_results,
.darkmode .ui-treetable thead th tbody td span.button_more_results,
.darkmode .ui-treetable tbody tfoot td span.button_more_results,
.darkmode .ui-treetable tfoot tbody td span.button_more_results,
.darkmode .ui-treetable tbody td span.default.button,
.darkmode .ui-treetable tbody td .ui-datatable-resizable thead th span.button_more_results,
.darkmode .ui-treetable tbody .ui-datatable-resizable tfoot td span.button_more_results,
.darkmode .ui-treetable .ui-datatable-resizable tbody td span.button_more_results,
.darkmode .ui-datatable-resizable .ui-treetable tbody td span.button_more_results,
.darkmode .ui-treetable tbody td span.button_more_results:link,
.darkmode .ui-treetable tbody td .ui-datatable thead th span.button_more_results:link,
.darkmode .ui-treetable tbody .ui-datatable tfoot td span.button_more_results:link,
.darkmode .ui-treetable .ui-datatable tbody td span.button_more_results:link,
.darkmode .ui-datatable .ui-treetable tbody td span.button_more_results:link,
.darkmode .ui-treetable tbody td thead th span.button_more_results:link,
.darkmode .ui-treetable thead th tbody td span.button_more_results:link,
.darkmode .ui-treetable tbody tfoot td span.button_more_results:link,
.darkmode .ui-treetable tfoot tbody td span.button_more_results:link,
.darkmode .ui-treetable tbody td span.default.button:link,
.darkmode .ui-treetable tbody td .ui-datatable-resizable thead th span.button_more_results:link,
.darkmode .ui-treetable tbody .ui-datatable-resizable tfoot td span.button_more_results:link,
.darkmode .ui-treetable .ui-datatable-resizable tbody td span.button_more_results:link,
.darkmode .ui-datatable-resizable .ui-treetable tbody td span.button_more_results:link,
.darkmode .ui-treetable tbody td span.button_more_results:visited,
.darkmode .ui-treetable tbody td .ui-datatable thead th span.button_more_results:visited,
.darkmode .ui-treetable tbody .ui-datatable tfoot td span.button_more_results:visited,
.darkmode .ui-treetable .ui-datatable tbody td span.button_more_results:visited,
.darkmode .ui-datatable .ui-treetable tbody td span.button_more_results:visited,
.darkmode .ui-treetable tbody td thead th span.button_more_results:visited,
.darkmode .ui-treetable thead th tbody td span.button_more_results:visited,
.darkmode .ui-treetable tbody tfoot td span.button_more_results:visited,
.darkmode .ui-treetable tfoot tbody td span.button_more_results:visited,
.darkmode .ui-treetable tbody td span.default.button:visited,
.darkmode .ui-treetable tbody td .ui-datatable-resizable thead th span.button_more_results:visited,
.darkmode .ui-treetable tbody .ui-datatable-resizable tfoot td span.button_more_results:visited,
.darkmode .ui-treetable .ui-datatable-resizable tbody td span.button_more_results:visited,
.darkmode .ui-datatable-resizable .ui-treetable tbody td span.button_more_results:visited,
.darkmode .ui-treetable tbody td span.button_more_results:hover,
.darkmode .ui-treetable tbody td .ui-datatable thead th span.button_more_results:hover,
.darkmode .ui-treetable tbody .ui-datatable tfoot td span.button_more_results:hover,
.darkmode .ui-treetable .ui-datatable tbody td span.button_more_results:hover,
.darkmode .ui-datatable .ui-treetable tbody td span.button_more_results:hover,
.darkmode .ui-treetable tbody td thead th span.button_more_results:hover,
.darkmode .ui-treetable thead th tbody td span.button_more_results:hover,
.darkmode .ui-treetable tbody tfoot td span.button_more_results:hover,
.darkmode .ui-treetable tfoot tbody td span.button_more_results:hover,
.darkmode .ui-treetable tbody td span.default.button:hover,
.darkmode .ui-treetable tbody td .ui-datatable-resizable thead th span.button_more_results:hover,
.darkmode .ui-treetable tbody .ui-datatable-resizable tfoot td span.button_more_results:hover,
.darkmode .ui-treetable .ui-datatable-resizable tbody td span.button_more_results:hover,
.darkmode .ui-datatable-resizable .ui-treetable tbody td span.button_more_results:hover,
.darkmode .ui-treetable tbody td span.button_more_results:focus,
.darkmode .ui-treetable tbody td .ui-datatable thead th span.button_more_results:focus,
.darkmode .ui-treetable tbody .ui-datatable tfoot td span.button_more_results:focus,
.darkmode .ui-treetable .ui-datatable tbody td span.button_more_results:focus,
.darkmode .ui-datatable .ui-treetable tbody td span.button_more_results:focus,
.darkmode .ui-treetable tbody td thead th span.button_more_results:focus,
.darkmode .ui-treetable thead th tbody td span.button_more_results:focus,
.darkmode .ui-treetable tbody tfoot td span.button_more_results:focus,
.darkmode .ui-treetable tfoot tbody td span.button_more_results:focus,
.darkmode .ui-treetable tbody td span.default.button:focus,
.darkmode .ui-treetable tbody td .ui-datatable-resizable thead th span.button_more_results:focus,
.darkmode .ui-treetable tbody .ui-datatable-resizable tfoot td span.button_more_results:focus,
.darkmode .ui-treetable .ui-datatable-resizable tbody td span.button_more_results:focus,
.darkmode .ui-datatable-resizable .ui-treetable tbody td span.button_more_results:focus,
.darkmode .ui-treetable tbody td span.button_more_results:active,
.darkmode .ui-treetable tbody td .ui-datatable thead th span.button_more_results:active,
.darkmode .ui-treetable tbody .ui-datatable tfoot td span.button_more_results:active,
.darkmode .ui-treetable .ui-datatable tbody td span.button_more_results:active,
.darkmode .ui-datatable .ui-treetable tbody td span.button_more_results:active,
.darkmode .ui-treetable tbody td thead th span.button_more_results:active,
.darkmode .ui-treetable thead th tbody td span.button_more_results:active,
.darkmode .ui-treetable tbody tfoot td span.button_more_results:active,
.darkmode .ui-treetable tfoot tbody td span.button_more_results:active,
.darkmode .ui-treetable tbody td span.default.button:active,
.darkmode .ui-treetable tbody td .ui-datatable-resizable thead th span.button_more_results:active,
.darkmode .ui-treetable tbody .ui-datatable-resizable tfoot td span.button_more_results:active,
.darkmode .ui-treetable .ui-datatable-resizable tbody td span.button_more_results:active,
.darkmode .ui-datatable-resizable .ui-treetable tbody td span.button_more_results:active,
.darkmode .ui-treetable tbody td span.link_button,
.darkmode .ui-treetable tbody td span.link_button:link,
.darkmode .ui-treetable tbody td span.link_button:visited,
.darkmode .ui-treetable tbody td span.link_button:hover,
.darkmode .ui-treetable tbody td span.link_button:focus,
.darkmode .ui-treetable tbody td span.link_button:active,
.darkmode .ui-treetable tbody td span.link_button.default,
.darkmode .ui-treetable tbody td span.link_button.default:link,
.darkmode .ui-treetable tbody td span.link_button.default:visited,
.darkmode .ui-treetable tbody td span.link_button.default:hover,
.darkmode .ui-treetable tbody td span.link_button.default:focus,
.darkmode .ui-treetable tbody td span.link_button.default:active,
.darkmode .ui-datatable-resizable thead th span.button,
.darkmode .ui-datatable-resizable thead th span.button:link,
.darkmode .ui-datatable-resizable thead th span.button:visited,
.darkmode .ui-datatable-resizable thead th span.button:hover,
.darkmode .ui-datatable-resizable thead th span.button:focus,
.darkmode .ui-datatable-resizable thead th span.button:active,
.darkmode .ui-datatable-resizable thead th span.button_more_results,
.darkmode .ui-datatable-resizable .ui-datatable thead th span.button_more_results,
.darkmode .ui-datatable .ui-datatable-resizable thead th span.button_more_results,
.darkmode .ui-datatable-resizable thead th .ui-datatable tfoot td span.button_more_results,
.darkmode .ui-datatable-resizable thead th .ui-datatable tbody td span.button_more_results,
.darkmode .ui-datatable-resizable .ui-treetable thead th span.button_more_results,
.darkmode .ui-treetable .ui-datatable-resizable thead th span.button_more_results,
.darkmode .ui-datatable-resizable thead th .ui-treetable tfoot td span.button_more_results,
.darkmode .ui-datatable-resizable thead th .ui-treetable tbody td span.button_more_results,
.darkmode .ui-datatable-resizable thead th span.default.button,
.darkmode .ui-datatable-resizable thead th tfoot td span.button_more_results,
.darkmode .ui-datatable-resizable tfoot td thead th span.button_more_results,
.darkmode .ui-datatable-resizable thead th tbody td span.button_more_results,
.darkmode .ui-datatable-resizable tbody td thead th span.button_more_results,
.darkmode .ui-datatable-resizable thead th span.button_more_results:link,
.darkmode .ui-datatable-resizable .ui-datatable thead th span.button_more_results:link,
.darkmode .ui-datatable .ui-datatable-resizable thead th span.button_more_results:link,
.darkmode .ui-datatable-resizable thead th .ui-datatable tfoot td span.button_more_results:link,
.darkmode .ui-datatable-resizable thead th .ui-datatable tbody td span.button_more_results:link,
.darkmode .ui-datatable-resizable .ui-treetable thead th span.button_more_results:link,
.darkmode .ui-treetable .ui-datatable-resizable thead th span.button_more_results:link,
.darkmode .ui-datatable-resizable thead th .ui-treetable tfoot td span.button_more_results:link,
.darkmode .ui-datatable-resizable thead th .ui-treetable tbody td span.button_more_results:link,
.darkmode .ui-datatable-resizable thead th span.default.button:link,
.darkmode .ui-datatable-resizable thead th tfoot td span.button_more_results:link,
.darkmode .ui-datatable-resizable tfoot td thead th span.button_more_results:link,
.darkmode .ui-datatable-resizable thead th tbody td span.button_more_results:link,
.darkmode .ui-datatable-resizable tbody td thead th span.button_more_results:link,
.darkmode .ui-datatable-resizable thead th span.button_more_results:visited,
.darkmode .ui-datatable-resizable .ui-datatable thead th span.button_more_results:visited,
.darkmode .ui-datatable .ui-datatable-resizable thead th span.button_more_results:visited,
.darkmode .ui-datatable-resizable thead th .ui-datatable tfoot td span.button_more_results:visited,
.darkmode .ui-datatable-resizable thead th .ui-datatable tbody td span.button_more_results:visited,
.darkmode .ui-datatable-resizable .ui-treetable thead th span.button_more_results:visited,
.darkmode .ui-treetable .ui-datatable-resizable thead th span.button_more_results:visited,
.darkmode .ui-datatable-resizable thead th .ui-treetable tfoot td span.button_more_results:visited,
.darkmode .ui-datatable-resizable thead th .ui-treetable tbody td span.button_more_results:visited,
.darkmode .ui-datatable-resizable thead th span.default.button:visited,
.darkmode .ui-datatable-resizable thead th tfoot td span.button_more_results:visited,
.darkmode .ui-datatable-resizable tfoot td thead th span.button_more_results:visited,
.darkmode .ui-datatable-resizable thead th tbody td span.button_more_results:visited,
.darkmode .ui-datatable-resizable tbody td thead th span.button_more_results:visited,
.darkmode .ui-datatable-resizable thead th span.button_more_results:hover,
.darkmode .ui-datatable-resizable .ui-datatable thead th span.button_more_results:hover,
.darkmode .ui-datatable .ui-datatable-resizable thead th span.button_more_results:hover,
.darkmode .ui-datatable-resizable thead th .ui-datatable tfoot td span.button_more_results:hover,
.darkmode .ui-datatable-resizable thead th .ui-datatable tbody td span.button_more_results:hover,
.darkmode .ui-datatable-resizable .ui-treetable thead th span.button_more_results:hover,
.darkmode .ui-treetable .ui-datatable-resizable thead th span.button_more_results:hover,
.darkmode .ui-datatable-resizable thead th .ui-treetable tfoot td span.button_more_results:hover,
.darkmode .ui-datatable-resizable thead th .ui-treetable tbody td span.button_more_results:hover,
.darkmode .ui-datatable-resizable thead th span.default.button:hover,
.darkmode .ui-datatable-resizable thead th tfoot td span.button_more_results:hover,
.darkmode .ui-datatable-resizable tfoot td thead th span.button_more_results:hover,
.darkmode .ui-datatable-resizable thead th tbody td span.button_more_results:hover,
.darkmode .ui-datatable-resizable tbody td thead th span.button_more_results:hover,
.darkmode .ui-datatable-resizable thead th span.button_more_results:focus,
.darkmode .ui-datatable-resizable .ui-datatable thead th span.button_more_results:focus,
.darkmode .ui-datatable .ui-datatable-resizable thead th span.button_more_results:focus,
.darkmode .ui-datatable-resizable thead th .ui-datatable tfoot td span.button_more_results:focus,
.darkmode .ui-datatable-resizable thead th .ui-datatable tbody td span.button_more_results:focus,
.darkmode .ui-datatable-resizable .ui-treetable thead th span.button_more_results:focus,
.darkmode .ui-treetable .ui-datatable-resizable thead th span.button_more_results:focus,
.darkmode .ui-datatable-resizable thead th .ui-treetable tfoot td span.button_more_results:focus,
.darkmode .ui-datatable-resizable thead th .ui-treetable tbody td span.button_more_results:focus,
.darkmode .ui-datatable-resizable thead th span.default.button:focus,
.darkmode .ui-datatable-resizable thead th tfoot td span.button_more_results:focus,
.darkmode .ui-datatable-resizable tfoot td thead th span.button_more_results:focus,
.darkmode .ui-datatable-resizable thead th tbody td span.button_more_results:focus,
.darkmode .ui-datatable-resizable tbody td thead th span.button_more_results:focus,
.darkmode .ui-datatable-resizable thead th span.button_more_results:active,
.darkmode .ui-datatable-resizable .ui-datatable thead th span.button_more_results:active,
.darkmode .ui-datatable .ui-datatable-resizable thead th span.button_more_results:active,
.darkmode .ui-datatable-resizable thead th .ui-datatable tfoot td span.button_more_results:active,
.darkmode .ui-datatable-resizable thead th .ui-datatable tbody td span.button_more_results:active,
.darkmode .ui-datatable-resizable .ui-treetable thead th span.button_more_results:active,
.darkmode .ui-treetable .ui-datatable-resizable thead th span.button_more_results:active,
.darkmode .ui-datatable-resizable thead th .ui-treetable tfoot td span.button_more_results:active,
.darkmode .ui-datatable-resizable thead th .ui-treetable tbody td span.button_more_results:active,
.darkmode .ui-datatable-resizable thead th span.default.button:active,
.darkmode .ui-datatable-resizable thead th tfoot td span.button_more_results:active,
.darkmode .ui-datatable-resizable tfoot td thead th span.button_more_results:active,
.darkmode .ui-datatable-resizable thead th tbody td span.button_more_results:active,
.darkmode .ui-datatable-resizable tbody td thead th span.button_more_results:active,
.darkmode .ui-datatable-resizable thead th span.link_button,
.darkmode .ui-datatable-resizable thead th span.link_button:link,
.darkmode .ui-datatable-resizable thead th span.link_button:visited,
.darkmode .ui-datatable-resizable thead th span.link_button:hover,
.darkmode .ui-datatable-resizable thead th span.link_button:focus,
.darkmode .ui-datatable-resizable thead th span.link_button:active,
.darkmode .ui-datatable-resizable thead th span.link_button.default,
.darkmode .ui-datatable-resizable thead th span.link_button.default:link,
.darkmode .ui-datatable-resizable thead th span.link_button.default:visited,
.darkmode .ui-datatable-resizable thead th span.link_button.default:hover,
.darkmode .ui-datatable-resizable thead th span.link_button.default:focus,
.darkmode .ui-datatable-resizable thead th span.link_button.default:active,
.darkmode .ui-datatable-resizable tfoot td span.button,
.darkmode .ui-datatable-resizable tfoot td span.button:link,
.darkmode .ui-datatable-resizable tfoot td span.button:visited,
.darkmode .ui-datatable-resizable tfoot td span.button:hover,
.darkmode .ui-datatable-resizable tfoot td span.button:focus,
.darkmode .ui-datatable-resizable tfoot td span.button:active,
.darkmode .ui-datatable-resizable tfoot td span.button_more_results,
.darkmode .ui-datatable-resizable tfoot td .ui-datatable thead th span.button_more_results,
.darkmode .ui-datatable-resizable .ui-datatable tfoot td span.button_more_results,
.darkmode .ui-datatable .ui-datatable-resizable tfoot td span.button_more_results,
.darkmode .ui-datatable-resizable tfoot .ui-datatable tbody td span.button_more_results,
.darkmode .ui-datatable-resizable tfoot td .ui-treetable thead th span.button_more_results,
.darkmode .ui-datatable-resizable .ui-treetable tfoot td span.button_more_results,
.darkmode .ui-treetable .ui-datatable-resizable tfoot td span.button_more_results,
.darkmode .ui-datatable-resizable tfoot .ui-treetable tbody td span.button_more_results,
.darkmode .ui-datatable-resizable tfoot td thead th span.button_more_results,
.darkmode .ui-datatable-resizable thead th tfoot td span.button_more_results,
.darkmode .ui-datatable-resizable tfoot td span.default.button,
.darkmode .ui-datatable-resizable tfoot tbody td span.button_more_results,
.darkmode .ui-datatable-resizable tbody tfoot td span.button_more_results,
.darkmode .ui-datatable-resizable tfoot td span.button_more_results:link,
.darkmode .ui-datatable-resizable tfoot td .ui-datatable thead th span.button_more_results:link,
.darkmode .ui-datatable-resizable .ui-datatable tfoot td span.button_more_results:link,
.darkmode .ui-datatable .ui-datatable-resizable tfoot td span.button_more_results:link,
.darkmode .ui-datatable-resizable tfoot .ui-datatable tbody td span.button_more_results:link,
.darkmode .ui-datatable-resizable tfoot td .ui-treetable thead th span.button_more_results:link,
.darkmode .ui-datatable-resizable .ui-treetable tfoot td span.button_more_results:link,
.darkmode .ui-treetable .ui-datatable-resizable tfoot td span.button_more_results:link,
.darkmode .ui-datatable-resizable tfoot .ui-treetable tbody td span.button_more_results:link,
.darkmode .ui-datatable-resizable tfoot td thead th span.button_more_results:link,
.darkmode .ui-datatable-resizable thead th tfoot td span.button_more_results:link,
.darkmode .ui-datatable-resizable tfoot td span.default.button:link,
.darkmode .ui-datatable-resizable tfoot tbody td span.button_more_results:link,
.darkmode .ui-datatable-resizable tbody tfoot td span.button_more_results:link,
.darkmode .ui-datatable-resizable tfoot td span.button_more_results:visited,
.darkmode .ui-datatable-resizable tfoot td .ui-datatable thead th span.button_more_results:visited,
.darkmode .ui-datatable-resizable .ui-datatable tfoot td span.button_more_results:visited,
.darkmode .ui-datatable .ui-datatable-resizable tfoot td span.button_more_results:visited,
.darkmode .ui-datatable-resizable tfoot .ui-datatable tbody td span.button_more_results:visited,
.darkmode .ui-datatable-resizable tfoot td .ui-treetable thead th span.button_more_results:visited,
.darkmode .ui-datatable-resizable .ui-treetable tfoot td span.button_more_results:visited,
.darkmode .ui-treetable .ui-datatable-resizable tfoot td span.button_more_results:visited,
.darkmode .ui-datatable-resizable tfoot .ui-treetable tbody td span.button_more_results:visited,
.darkmode .ui-datatable-resizable tfoot td thead th span.button_more_results:visited,
.darkmode .ui-datatable-resizable thead th tfoot td span.button_more_results:visited,
.darkmode .ui-datatable-resizable tfoot td span.default.button:visited,
.darkmode .ui-datatable-resizable tfoot tbody td span.button_more_results:visited,
.darkmode .ui-datatable-resizable tbody tfoot td span.button_more_results:visited,
.darkmode .ui-datatable-resizable tfoot td span.button_more_results:hover,
.darkmode .ui-datatable-resizable tfoot td .ui-datatable thead th span.button_more_results:hover,
.darkmode .ui-datatable-resizable .ui-datatable tfoot td span.button_more_results:hover,
.darkmode .ui-datatable .ui-datatable-resizable tfoot td span.button_more_results:hover,
.darkmode .ui-datatable-resizable tfoot .ui-datatable tbody td span.button_more_results:hover,
.darkmode .ui-datatable-resizable tfoot td .ui-treetable thead th span.button_more_results:hover,
.darkmode .ui-datatable-resizable .ui-treetable tfoot td span.button_more_results:hover,
.darkmode .ui-treetable .ui-datatable-resizable tfoot td span.button_more_results:hover,
.darkmode .ui-datatable-resizable tfoot .ui-treetable tbody td span.button_more_results:hover,
.darkmode .ui-datatable-resizable tfoot td thead th span.button_more_results:hover,
.darkmode .ui-datatable-resizable thead th tfoot td span.button_more_results:hover,
.darkmode .ui-datatable-resizable tfoot td span.default.button:hover,
.darkmode .ui-datatable-resizable tfoot tbody td span.button_more_results:hover,
.darkmode .ui-datatable-resizable tbody tfoot td span.button_more_results:hover,
.darkmode .ui-datatable-resizable tfoot td span.button_more_results:focus,
.darkmode .ui-datatable-resizable tfoot td .ui-datatable thead th span.button_more_results:focus,
.darkmode .ui-datatable-resizable .ui-datatable tfoot td span.button_more_results:focus,
.darkmode .ui-datatable .ui-datatable-resizable tfoot td span.button_more_results:focus,
.darkmode .ui-datatable-resizable tfoot .ui-datatable tbody td span.button_more_results:focus,
.darkmode .ui-datatable-resizable tfoot td .ui-treetable thead th span.button_more_results:focus,
.darkmode .ui-datatable-resizable .ui-treetable tfoot td span.button_more_results:focus,
.darkmode .ui-treetable .ui-datatable-resizable tfoot td span.button_more_results:focus,
.darkmode .ui-datatable-resizable tfoot .ui-treetable tbody td span.button_more_results:focus,
.darkmode .ui-datatable-resizable tfoot td thead th span.button_more_results:focus,
.darkmode .ui-datatable-resizable thead th tfoot td span.button_more_results:focus,
.darkmode .ui-datatable-resizable tfoot td span.default.button:focus,
.darkmode .ui-datatable-resizable tfoot tbody td span.button_more_results:focus,
.darkmode .ui-datatable-resizable tbody tfoot td span.button_more_results:focus,
.darkmode .ui-datatable-resizable tfoot td span.button_more_results:active,
.darkmode .ui-datatable-resizable tfoot td .ui-datatable thead th span.button_more_results:active,
.darkmode .ui-datatable-resizable .ui-datatable tfoot td span.button_more_results:active,
.darkmode .ui-datatable .ui-datatable-resizable tfoot td span.button_more_results:active,
.darkmode .ui-datatable-resizable tfoot .ui-datatable tbody td span.button_more_results:active,
.darkmode .ui-datatable-resizable tfoot td .ui-treetable thead th span.button_more_results:active,
.darkmode .ui-datatable-resizable .ui-treetable tfoot td span.button_more_results:active,
.darkmode .ui-treetable .ui-datatable-resizable tfoot td span.button_more_results:active,
.darkmode .ui-datatable-resizable tfoot .ui-treetable tbody td span.button_more_results:active,
.darkmode .ui-datatable-resizable tfoot td thead th span.button_more_results:active,
.darkmode .ui-datatable-resizable thead th tfoot td span.button_more_results:active,
.darkmode .ui-datatable-resizable tfoot td span.default.button:active,
.darkmode .ui-datatable-resizable tfoot tbody td span.button_more_results:active,
.darkmode .ui-datatable-resizable tbody tfoot td span.button_more_results:active,
.darkmode .ui-datatable-resizable tfoot td span.link_button,
.darkmode .ui-datatable-resizable tfoot td span.link_button:link,
.darkmode .ui-datatable-resizable tfoot td span.link_button:visited,
.darkmode .ui-datatable-resizable tfoot td span.link_button:hover,
.darkmode .ui-datatable-resizable tfoot td span.link_button:focus,
.darkmode .ui-datatable-resizable tfoot td span.link_button:active,
.darkmode .ui-datatable-resizable tfoot td span.link_button.default,
.darkmode .ui-datatable-resizable tfoot td span.link_button.default:link,
.darkmode .ui-datatable-resizable tfoot td span.link_button.default:visited,
.darkmode .ui-datatable-resizable tfoot td span.link_button.default:hover,
.darkmode .ui-datatable-resizable tfoot td span.link_button.default:focus,
.darkmode .ui-datatable-resizable tfoot td span.link_button.default:active,
.darkmode .ui-datatable-resizable tbody td span.button,
.darkmode .ui-datatable-resizable tbody td span.button:link,
.darkmode .ui-datatable-resizable tbody td span.button:visited,
.darkmode .ui-datatable-resizable tbody td span.button:hover,
.darkmode .ui-datatable-resizable tbody td span.button:focus,
.darkmode .ui-datatable-resizable tbody td span.button:active,
.darkmode .ui-datatable-resizable tbody td span.button_more_results,
.darkmode .ui-datatable-resizable tbody td .ui-datatable thead th span.button_more_results,
.darkmode .ui-datatable-resizable tbody .ui-datatable tfoot td span.button_more_results,
.darkmode .ui-datatable-resizable .ui-datatable tbody td span.button_more_results,
.darkmode .ui-datatable .ui-datatable-resizable tbody td span.button_more_results,
.darkmode .ui-datatable-resizable tbody td .ui-treetable thead th span.button_more_results,
.darkmode .ui-datatable-resizable tbody .ui-treetable tfoot td span.button_more_results,
.darkmode .ui-datatable-resizable .ui-treetable tbody td span.button_more_results,
.darkmode .ui-treetable .ui-datatable-resizable tbody td span.button_more_results,
.darkmode .ui-datatable-resizable tbody td thead th span.button_more_results,
.darkmode .ui-datatable-resizable thead th tbody td span.button_more_results,
.darkmode .ui-datatable-resizable tbody tfoot td span.button_more_results,
.darkmode .ui-datatable-resizable tfoot tbody td span.button_more_results,
.darkmode .ui-datatable-resizable tbody td span.default.button,
.darkmode .ui-datatable-resizable tbody td span.button_more_results:link,
.darkmode .ui-datatable-resizable tbody td .ui-datatable thead th span.button_more_results:link,
.darkmode .ui-datatable-resizable tbody .ui-datatable tfoot td span.button_more_results:link,
.darkmode .ui-datatable-resizable .ui-datatable tbody td span.button_more_results:link,
.darkmode .ui-datatable .ui-datatable-resizable tbody td span.button_more_results:link,
.darkmode .ui-datatable-resizable tbody td .ui-treetable thead th span.button_more_results:link,
.darkmode .ui-datatable-resizable tbody .ui-treetable tfoot td span.button_more_results:link,
.darkmode .ui-datatable-resizable .ui-treetable tbody td span.button_more_results:link,
.darkmode .ui-treetable .ui-datatable-resizable tbody td span.button_more_results:link,
.darkmode .ui-datatable-resizable tbody td thead th span.button_more_results:link,
.darkmode .ui-datatable-resizable thead th tbody td span.button_more_results:link,
.darkmode .ui-datatable-resizable tbody tfoot td span.button_more_results:link,
.darkmode .ui-datatable-resizable tfoot tbody td span.button_more_results:link,
.darkmode .ui-datatable-resizable tbody td span.default.button:link,
.darkmode .ui-datatable-resizable tbody td span.button_more_results:visited,
.darkmode .ui-datatable-resizable tbody td .ui-datatable thead th span.button_more_results:visited,
.darkmode .ui-datatable-resizable tbody .ui-datatable tfoot td span.button_more_results:visited,
.darkmode .ui-datatable-resizable .ui-datatable tbody td span.button_more_results:visited,
.darkmode .ui-datatable .ui-datatable-resizable tbody td span.button_more_results:visited,
.darkmode .ui-datatable-resizable tbody td .ui-treetable thead th span.button_more_results:visited,
.darkmode .ui-datatable-resizable tbody .ui-treetable tfoot td span.button_more_results:visited,
.darkmode .ui-datatable-resizable .ui-treetable tbody td span.button_more_results:visited,
.darkmode .ui-treetable .ui-datatable-resizable tbody td span.button_more_results:visited,
.darkmode .ui-datatable-resizable tbody td thead th span.button_more_results:visited,
.darkmode .ui-datatable-resizable thead th tbody td span.button_more_results:visited,
.darkmode .ui-datatable-resizable tbody tfoot td span.button_more_results:visited,
.darkmode .ui-datatable-resizable tfoot tbody td span.button_more_results:visited,
.darkmode .ui-datatable-resizable tbody td span.default.button:visited,
.darkmode .ui-datatable-resizable tbody td span.button_more_results:hover,
.darkmode .ui-datatable-resizable tbody td .ui-datatable thead th span.button_more_results:hover,
.darkmode .ui-datatable-resizable tbody .ui-datatable tfoot td span.button_more_results:hover,
.darkmode .ui-datatable-resizable .ui-datatable tbody td span.button_more_results:hover,
.darkmode .ui-datatable .ui-datatable-resizable tbody td span.button_more_results:hover,
.darkmode .ui-datatable-resizable tbody td .ui-treetable thead th span.button_more_results:hover,
.darkmode .ui-datatable-resizable tbody .ui-treetable tfoot td span.button_more_results:hover,
.darkmode .ui-datatable-resizable .ui-treetable tbody td span.button_more_results:hover,
.darkmode .ui-treetable .ui-datatable-resizable tbody td span.button_more_results:hover,
.darkmode .ui-datatable-resizable tbody td thead th span.button_more_results:hover,
.darkmode .ui-datatable-resizable thead th tbody td span.button_more_results:hover,
.darkmode .ui-datatable-resizable tbody tfoot td span.button_more_results:hover,
.darkmode .ui-datatable-resizable tfoot tbody td span.button_more_results:hover,
.darkmode .ui-datatable-resizable tbody td span.default.button:hover,
.darkmode .ui-datatable-resizable tbody td span.button_more_results:focus,
.darkmode .ui-datatable-resizable tbody td .ui-datatable thead th span.button_more_results:focus,
.darkmode .ui-datatable-resizable tbody .ui-datatable tfoot td span.button_more_results:focus,
.darkmode .ui-datatable-resizable .ui-datatable tbody td span.button_more_results:focus,
.darkmode .ui-datatable .ui-datatable-resizable tbody td span.button_more_results:focus,
.darkmode .ui-datatable-resizable tbody td .ui-treetable thead th span.button_more_results:focus,
.darkmode .ui-datatable-resizable tbody .ui-treetable tfoot td span.button_more_results:focus,
.darkmode .ui-datatable-resizable .ui-treetable tbody td span.button_more_results:focus,
.darkmode .ui-treetable .ui-datatable-resizable tbody td span.button_more_results:focus,
.darkmode .ui-datatable-resizable tbody td thead th span.button_more_results:focus,
.darkmode .ui-datatable-resizable thead th tbody td span.button_more_results:focus,
.darkmode .ui-datatable-resizable tbody tfoot td span.button_more_results:focus,
.darkmode .ui-datatable-resizable tfoot tbody td span.button_more_results:focus,
.darkmode .ui-datatable-resizable tbody td span.default.button:focus,
.darkmode .ui-datatable-resizable tbody td span.button_more_results:active,
.darkmode .ui-datatable-resizable tbody td .ui-datatable thead th span.button_more_results:active,
.darkmode .ui-datatable-resizable tbody .ui-datatable tfoot td span.button_more_results:active,
.darkmode .ui-datatable-resizable .ui-datatable tbody td span.button_more_results:active,
.darkmode .ui-datatable .ui-datatable-resizable tbody td span.button_more_results:active,
.darkmode .ui-datatable-resizable tbody td .ui-treetable thead th span.button_more_results:active,
.darkmode .ui-datatable-resizable tbody .ui-treetable tfoot td span.button_more_results:active,
.darkmode .ui-datatable-resizable .ui-treetable tbody td span.button_more_results:active,
.darkmode .ui-treetable .ui-datatable-resizable tbody td span.button_more_results:active,
.darkmode .ui-datatable-resizable tbody td thead th span.button_more_results:active,
.darkmode .ui-datatable-resizable thead th tbody td span.button_more_results:active,
.darkmode .ui-datatable-resizable tbody tfoot td span.button_more_results:active,
.darkmode .ui-datatable-resizable tfoot tbody td span.button_more_results:active,
.darkmode .ui-datatable-resizable tbody td span.default.button:active,
.darkmode .ui-datatable-resizable tbody td span.link_button,
.darkmode .ui-datatable-resizable tbody td span.link_button:link,
.darkmode .ui-datatable-resizable tbody td span.link_button:visited,
.darkmode .ui-datatable-resizable tbody td span.link_button:hover,
.darkmode .ui-datatable-resizable tbody td span.link_button:focus,
.darkmode .ui-datatable-resizable tbody td span.link_button:active,
.darkmode .ui-datatable-resizable tbody td span.link_button.default,
.darkmode .ui-datatable-resizable tbody td span.link_button.default:link,
.darkmode .ui-datatable-resizable tbody td span.link_button.default:visited,
.darkmode .ui-datatable-resizable tbody td span.link_button.default:hover,
.darkmode .ui-datatable-resizable tbody td span.link_button.default:focus,
.darkmode .ui-datatable-resizable tbody td span.link_button.default:active {
  background-image: none;
  background-color: #f4f4f4;
  color: #999;
  text-decoration: none;
  border: 1px solid #ddd;
  cursor: default;
}

.darkmode .ui-datatable .ui-datatable-scrollable-header th,
.darkmode .ui-treetable .ui-datatable-scrollable-header th,
.darkmode .ui-datatable-resizable .ui-datatable-scrollable-header th {
  border-bottom: 0 !important;
}

.darkmode .ui-datatable .ui-datatable-scrollable-theadclone th,
.darkmode .ui-treetable .ui-datatable-scrollable-theadclone th,
.darkmode .ui-datatable-resizable .ui-datatable-scrollable-theadclone th {
  border: 0 !important;
}

.darkmode .ui-datatable tbody td,
.darkmode .ui-treetable tbody td,
.darkmode .ui-datatable-resizable tbody td {
  background-color: #fff;
  color: #000;
  /*white-space:nowrap !important;*/
}

.darkmode .ui-datatable tbody td.ui-state-active, .darkmode .ui-datatable tbody td.ui-state-focus,
.darkmode .ui-treetable tbody td.ui-state-active,
.darkmode .ui-treetable tbody td.ui-state-focus,
.darkmode .ui-datatable-resizable tbody td.ui-state-active,
.darkmode .ui-datatable-resizable tbody td.ui-state-focus {
  background-color: #fff;
}

.darkmode .ui-datatable tbody td span,
.darkmode .ui-datatable tbody td .ui-state-active span,
.darkmode .ui-datatable tbody td .ui-state-focus span,
.darkmode .ui-datatable tbody td tr.ui-state-highlight span,
.darkmode .ui-treetable tbody td span,
.darkmode .ui-treetable tbody td .ui-state-active span,
.darkmode .ui-treetable tbody td .ui-state-focus span,
.darkmode .ui-treetable tbody td tr.ui-state-highlight span,
.darkmode .ui-datatable-resizable tbody td span,
.darkmode .ui-datatable-resizable tbody td .ui-state-active span,
.darkmode .ui-datatable-resizable tbody td .ui-state-focus span,
.darkmode .ui-datatable-resizable tbody td tr.ui-state-highlight span {
  color: #000;
}

.darkmode .ui-datatable tbody td span.icon-default:hover,
.darkmode .ui-datatable tbody td span.icon-default:focus,
.darkmode .ui-treetable tbody td span.icon-default:hover,
.darkmode .ui-treetable tbody td span.icon-default:focus,
.darkmode .ui-datatable-resizable tbody td span.icon-default:hover,
.darkmode .ui-datatable-resizable tbody td span.icon-default:focus {
  color: #000;
}

.darkmode .ui-datatable tfoot td,
.darkmode .ui-treetable tfoot td,
.darkmode .ui-datatable-resizable tfoot td {
  font-family: "OpenSansSemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  background-color: #fff !important;
}

.darkmode .ui-datatable tfoot td.ui-state-default,
.darkmode .ui-treetable tfoot td.ui-state-default,
.darkmode .ui-datatable-resizable tfoot td.ui-state-default {
  background-image: none;
  border-top: 1px solid #CBCBCB;
  color: #000;
  font-size: 16px;
}

.darkmode .ui-datatable tbody tr.ui-widget-content.ui-datatable-even,
.darkmode .ui-treetable tbody tr.ui-widget-content.ui-datatable-even,
.darkmode .ui-datatable-resizable tbody tr.ui-widget-content.ui-datatable-even {
  background-color: #fff;
  border-right: none !important;
}

.darkmode .ui-datatable tbody tr.ui-widget-content.ui-datatable-even td,
.darkmode .ui-treetable tbody tr.ui-widget-content.ui-datatable-even td,
.darkmode .ui-datatable-resizable tbody tr.ui-widget-content.ui-datatable-even td {
  background-color: #fff;
}

.darkmode .ui-datatable tbody tr.ui-widget-content.ui-datatable-even.ui-state-highlight td,
.darkmode .ui-treetable tbody tr.ui-widget-content.ui-datatable-even.ui-state-highlight td,
.darkmode .ui-datatable-resizable tbody tr.ui-widget-content.ui-datatable-even.ui-state-highlight td {
  background-color: #f2fafd;
}

.darkmode .ui-datatable tbody tr.ui-widget-content.ui-datatable-even.ui-state-highlight td.ui-state-active, .darkmode .ui-datatable tbody tr.ui-widget-content.ui-datatable-even.ui-state-highlight td.ui-state-focus,
.darkmode .ui-treetable tbody tr.ui-widget-content.ui-datatable-even.ui-state-highlight td.ui-state-active,
.darkmode .ui-treetable tbody tr.ui-widget-content.ui-datatable-even.ui-state-highlight td.ui-state-focus,
.darkmode .ui-datatable-resizable tbody tr.ui-widget-content.ui-datatable-even.ui-state-highlight td.ui-state-active,
.darkmode .ui-datatable-resizable tbody tr.ui-widget-content.ui-datatable-even.ui-state-highlight td.ui-state-focus {
  background-color: #f2fafd;
}

.darkmode .ui-datatable tbody tr.ui-widget-content.ui-datatable-even + tr.ui-expanded-row-content,
.darkmode .ui-treetable tbody tr.ui-widget-content.ui-datatable-even + tr.ui-expanded-row-content,
.darkmode .ui-datatable-resizable tbody tr.ui-widget-content.ui-datatable-even + tr.ui-expanded-row-content {
  background-color: #fff;
}

.darkmode .ui-datatable tbody tr.ui-widget-content.ui-datatable-even + tr.ui-expanded-row-content td,
.darkmode .ui-treetable tbody tr.ui-widget-content.ui-datatable-even + tr.ui-expanded-row-content td,
.darkmode .ui-datatable-resizable tbody tr.ui-widget-content.ui-datatable-even + tr.ui-expanded-row-content td {
  background-color: #fff;
}

.darkmode .ui-datatable tbody tr.ui-widget-content.ui-datatable-odd,
.darkmode .ui-treetable tbody tr.ui-widget-content.ui-datatable-odd,
.darkmode .ui-datatable-resizable tbody tr.ui-widget-content.ui-datatable-odd {
  background-color: #f4f4f4;
  border-right: none !important;
}

.darkmode .ui-datatable tbody tr.ui-widget-content.ui-datatable-odd td,
.darkmode .ui-treetable tbody tr.ui-widget-content.ui-datatable-odd td,
.darkmode .ui-datatable-resizable tbody tr.ui-widget-content.ui-datatable-odd td {
  background-color: #f4f4f4;
}

.darkmode .ui-datatable tbody tr.ui-widget-content.ui-datatable-odd.ui-state-highlight td,
.darkmode .ui-treetable tbody tr.ui-widget-content.ui-datatable-odd.ui-state-highlight td,
.darkmode .ui-datatable-resizable tbody tr.ui-widget-content.ui-datatable-odd.ui-state-highlight td {
  background-color: #d6ecf5;
}

.darkmode .ui-datatable tbody tr.ui-widget-content.ui-datatable-odd.ui-state-highlight td.ui-state-active, .darkmode .ui-datatable tbody tr.ui-widget-content.ui-datatable-odd.ui-state-highlight td.ui-state-focus,
.darkmode .ui-treetable tbody tr.ui-widget-content.ui-datatable-odd.ui-state-highlight td.ui-state-active,
.darkmode .ui-treetable tbody tr.ui-widget-content.ui-datatable-odd.ui-state-highlight td.ui-state-focus,
.darkmode .ui-datatable-resizable tbody tr.ui-widget-content.ui-datatable-odd.ui-state-highlight td.ui-state-active,
.darkmode .ui-datatable-resizable tbody tr.ui-widget-content.ui-datatable-odd.ui-state-highlight td.ui-state-focus {
  background-color: #d6ecf5;
}

.darkmode .ui-datatable tbody tr.ui-widget-content.ui-datatable-odd + tr.ui-expanded-row-content,
.darkmode .ui-treetable tbody tr.ui-widget-content.ui-datatable-odd + tr.ui-expanded-row-content,
.darkmode .ui-datatable-resizable tbody tr.ui-widget-content.ui-datatable-odd + tr.ui-expanded-row-content {
  background-color: #f4f4f4;
}

.darkmode .ui-datatable tbody tr.ui-widget-content.ui-datatable-odd + tr.ui-expanded-row-content td,
.darkmode .ui-treetable tbody tr.ui-widget-content.ui-datatable-odd + tr.ui-expanded-row-content td,
.darkmode .ui-datatable-resizable tbody tr.ui-widget-content.ui-datatable-odd + tr.ui-expanded-row-content td {
  background-color: #f4f4f4;
}

.darkmode .ui-datatable tbody tr.ui-widget-content.manual-even,
.darkmode .ui-treetable tbody tr.ui-widget-content.manual-even,
.darkmode .ui-datatable-resizable tbody tr.ui-widget-content.manual-even {
  background-color: #fff;
}

.darkmode .ui-datatable tbody tr.ui-widget-content.manual-even.ui-state-highlight td,
.darkmode .ui-treetable tbody tr.ui-widget-content.manual-even.ui-state-highlight td,
.darkmode .ui-datatable-resizable tbody tr.ui-widget-content.manual-even.ui-state-highlight td {
  background-color: #f2fafd;
}

.darkmode .ui-datatable tbody tr.ui-widget-content.manual-even.ui-state-highlight td.ui-state-active, .darkmode .ui-datatable tbody tr.ui-widget-content.manual-even.ui-state-highlight td.ui-state-focus,
.darkmode .ui-treetable tbody tr.ui-widget-content.manual-even.ui-state-highlight td.ui-state-active,
.darkmode .ui-treetable tbody tr.ui-widget-content.manual-even.ui-state-highlight td.ui-state-focus,
.darkmode .ui-datatable-resizable tbody tr.ui-widget-content.manual-even.ui-state-highlight td.ui-state-active,
.darkmode .ui-datatable-resizable tbody tr.ui-widget-content.manual-even.ui-state-highlight td.ui-state-focus {
  background-color: #f2fafd;
}

.darkmode .ui-datatable tbody tr.ui-widget-content.manual-odd,
.darkmode .ui-treetable tbody tr.ui-widget-content.manual-odd,
.darkmode .ui-datatable-resizable tbody tr.ui-widget-content.manual-odd {
  background-color: #f4f4f4;
}

.darkmode .ui-datatable tbody tr.ui-widget-content.manual-odd.ui-state-highlight td,
.darkmode .ui-treetable tbody tr.ui-widget-content.manual-odd.ui-state-highlight td,
.darkmode .ui-datatable-resizable tbody tr.ui-widget-content.manual-odd.ui-state-highlight td {
  background-color: #d6ecf5;
}

.darkmode .ui-datatable tbody tr.ui-widget-content.manual-odd.ui-state-highlight td.ui-state-active, .darkmode .ui-datatable tbody tr.ui-widget-content.manual-odd.ui-state-highlight td.ui-state-focus,
.darkmode .ui-treetable tbody tr.ui-widget-content.manual-odd.ui-state-highlight td.ui-state-active,
.darkmode .ui-treetable tbody tr.ui-widget-content.manual-odd.ui-state-highlight td.ui-state-focus,
.darkmode .ui-datatable-resizable tbody tr.ui-widget-content.manual-odd.ui-state-highlight td.ui-state-active,
.darkmode .ui-datatable-resizable tbody tr.ui-widget-content.manual-odd.ui-state-highlight td.ui-state-focus {
  background-color: #d6ecf5;
}

.darkmode .ui-datatable .ui-state-hover td a,
.darkmode .ui-datatable .ui-state-focus td a,
.darkmode .ui-treetable .ui-state-hover td a,
.darkmode .ui-treetable .ui-state-focus td a,
.darkmode .ui-datatable-resizable .ui-state-hover td a,
.darkmode .ui-datatable-resizable .ui-state-focus td a {
  color: #000;
  text-decoration: none;
}

.darkmode .ui-datatable .ui-selectonemenu,
.darkmode .ui-treetable .ui-selectonemenu,
.darkmode .ui-datatable-resizable .ui-selectonemenu {
  margin-top: 4px;
}

.darkmode .ui-datatable .ui-selection-column .ui-chkbox-all,
.darkmode .ui-treetable .ui-selection-column .ui-chkbox-all,
.darkmode .ui-datatable-resizable .ui-selection-column .ui-chkbox-all {
  display: block;
  margin: 0px auto;
  margin-top: 4px;
  width: 16px;
  height: 16px;
}

.darkmode .ui-datatable .ui-chkbox .ui-state-highlight .ui-icon,
.darkmode .ui-datatable .ui-chkbox .ui-state-active .ui-icon,
.darkmode .ui-datatable .ui-chkbox .ui-state-hover .ui-icon,
.darkmode .ui-datatable .ui-chkbox .ui-state-focus .ui-icon,
.darkmode .ui-treetable .ui-chkbox .ui-state-highlight .ui-icon,
.darkmode .ui-treetable .ui-chkbox .ui-state-active .ui-icon,
.darkmode .ui-treetable .ui-chkbox .ui-state-hover .ui-icon,
.darkmode .ui-treetable .ui-chkbox .ui-state-focus .ui-icon,
.darkmode .ui-datatable-resizable .ui-chkbox .ui-state-highlight .ui-icon,
.darkmode .ui-datatable-resizable .ui-chkbox .ui-state-active .ui-icon,
.darkmode .ui-datatable-resizable .ui-chkbox .ui-state-hover .ui-icon,
.darkmode .ui-datatable-resizable .ui-chkbox .ui-state-focus .ui-icon {
  background-image: url("../images/ui-icons_fff_256x240.png") !important;
}

.darkmode .ui-datatable .ui-treetable-toggler.ui-icon,
.darkmode .ui-treetable .ui-treetable-toggler.ui-icon,
.darkmode .ui-datatable-resizable .ui-treetable-toggler.ui-icon {
  background-image: url("../images/ui-icons_616161_256x240.png") !important;
  float: right;
  margin-top: auto;
}

.darkmode .ui-datatable .ui-row-toggler.ui-icon,
.darkmode .ui-treetable .ui-row-toggler.ui-icon,
.darkmode .ui-datatable-resizable .ui-row-toggler.ui-icon {
  background-image: url("../images/ui-icons_616161_256x240.png") !important;
}

.darkmode .ui-datatable .ui-row-toggler.ui-icon:focus, .darkmode .ui-datatable .ui-row-toggler.ui-icon:hover,
.darkmode .ui-treetable .ui-row-toggler.ui-icon:focus,
.darkmode .ui-treetable .ui-row-toggler.ui-icon:hover,
.darkmode .ui-datatable-resizable .ui-row-toggler.ui-icon:focus,
.darkmode .ui-datatable-resizable .ui-row-toggler.ui-icon:hover {
  background-image: url("../images/ui-icons_000_256x240.png") !important;
}

.darkmode .ui-datatable.nobr thead th,
.darkmode .ui-datatable.nobr tfoot td,
.darkmode .ui-datatable.nobr tbody td,
.darkmode .ui-treetable.nobr thead th,
.darkmode .ui-treetable.nobr tfoot td,
.darkmode .ui-treetable.nobr tbody td,
.darkmode .ui-datatable-resizable.nobr thead th,
.darkmode .ui-datatable-resizable.nobr tfoot td,
.darkmode .ui-datatable-resizable.nobr tbody td {
  white-space: nowrap;
  text-overflow: ellipsis;
}

.darkmode .ui-datatable label.nobr,
.darkmode .ui-datatable span.nobr,
.darkmode .ui-treetable label.nobr,
.darkmode .ui-treetable span.nobr,
.darkmode .ui-datatable-resizable label.nobr,
.darkmode .ui-datatable-resizable span.nobr {
  display: block !important;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.darkmode .ui-datatable tbody.tbodycolor tr td,
.darkmode .ui-treetable tbody.tbodycolor tr td,
.darkmode .ui-datatable-resizable tbody.tbodycolor tr td {
  background-color: #fff !important;
}

.darkmode .ui-datatable tbody.tbodycolor:nth-child(2n) tr td,
.darkmode .ui-treetable tbody.tbodycolor:nth-child(2n) tr td,
.darkmode .ui-datatable-resizable tbody.tbodycolor:nth-child(2n) tr td {
  background-color: #ededed !important;
}

.darkmode .ui-datatable .cart_img,
.darkmode .ui-treetable .cart_img,
.darkmode .ui-datatable-resizable .cart_img {
  width: 95%;
  height: 70px;
  display: block;
  overflow: hidden;
}

.darkmode .ui-datatable .cart_img img,
.darkmode .ui-treetable .cart_img img,
.darkmode .ui-datatable-resizable .cart_img img {
  max-height: 70px;
  max-width: 100%;
}

.darkmode .calculator_area .ui-datatable,
.darkmode .calculator_area .ui-treetable,
.darkmode .calculator_area .ui-datatable-resizable {
  /* Zebra-Look */
}

.darkmode .calculator_area .ui-datatable .ui-column-title,
.darkmode .calculator_area .ui-treetable .ui-column-title,
.darkmode .calculator_area .ui-datatable-resizable .ui-column-title {
  color: #fff !important;
  font-family: "OpenSansSemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 14px;
}

.darkmode .calculator_area .ui-datatable thead th,
.darkmode .calculator_area .ui-treetable thead th,
.darkmode .calculator_area .ui-datatable-resizable thead th {
  vertical-align: top;
  color: #fff !important;
  font-family: "OpenSansSemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 14px;
  background-color: transparent !important;
  padding-left: 0px !important;
}

.darkmode .calculator_area .ui-datatable thead th .ui-outputlabel.ui-widget,
.darkmode .calculator_area .ui-treetable thead th .ui-outputlabel.ui-widget,
.darkmode .calculator_area .ui-datatable-resizable thead th .ui-outputlabel.ui-widget {
  color: #fff;
  font-size: 14px;
}

.darkmode .calculator_area .ui-datatable thead th input[type="checkbox"],
.darkmode .calculator_area .ui-treetable thead th input[type="checkbox"],
.darkmode .calculator_area .ui-datatable-resizable thead th input[type="checkbox"] {
  margin-left: 10px;
}

.darkmode .calculator_area .ui-datatable thead th,
.darkmode .calculator_area .ui-datatable tfoot td,
.darkmode .calculator_area .ui-datatable tbody td,
.darkmode .calculator_area .ui-treetable thead th,
.darkmode .calculator_area .ui-treetable tfoot td,
.darkmode .calculator_area .ui-treetable tbody td,
.darkmode .calculator_area .ui-datatable-resizable thead th,
.darkmode .calculator_area .ui-datatable-resizable tfoot td,
.darkmode .calculator_area .ui-datatable-resizable tbody td {
  padding: 8px 10px;
  overflow: hidden;
  border: none;
  border-bottom: 1px solid #CBCBCB !important;
  text-align: left;
  font-size: 14px;
}

.darkmode .calculator_area .ui-datatable thead th.ui-state-active,
.darkmode .calculator_area .ui-datatable tfoot td.ui-state-active,
.darkmode .calculator_area .ui-datatable tbody td.ui-state-active,
.darkmode .calculator_area .ui-treetable thead th.ui-state-active,
.darkmode .calculator_area .ui-treetable tfoot td.ui-state-active,
.darkmode .calculator_area .ui-treetable tbody td.ui-state-active,
.darkmode .calculator_area .ui-datatable-resizable thead th.ui-state-active,
.darkmode .calculator_area .ui-datatable-resizable tfoot td.ui-state-active,
.darkmode .calculator_area .ui-datatable-resizable tbody td.ui-state-active {
  border: none;
}

.darkmode .calculator_area .ui-datatable tbody td,
.darkmode .calculator_area .ui-treetable tbody td,
.darkmode .calculator_area .ui-datatable-resizable tbody td {
  background-color: #fff;
  color: #000;
}

.darkmode .calculator_area .ui-datatable tbody td.ui-state-active, .darkmode .calculator_area .ui-datatable tbody td.ui-state-focus,
.darkmode .calculator_area .ui-treetable tbody td.ui-state-active,
.darkmode .calculator_area .ui-treetable tbody td.ui-state-focus,
.darkmode .calculator_area .ui-datatable-resizable tbody td.ui-state-active,
.darkmode .calculator_area .ui-datatable-resizable tbody td.ui-state-focus {
  background-color: #fff;
}

.darkmode .calculator_area .ui-datatable tfoot td,
.darkmode .calculator_area .ui-treetable tfoot td,
.darkmode .calculator_area .ui-datatable-resizable tfoot td {
  font-family: "OpenSansSemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: #fff !important;
}

.darkmode .calculator_area .ui-datatable tfoot td.ui-state-default,
.darkmode .calculator_area .ui-treetable tfoot td.ui-state-default,
.darkmode .calculator_area .ui-datatable-resizable tfoot td.ui-state-default {
  background-image: none;
  border-top: 1px solid #CBCBCB;
  color: #000;
  font-size: 14px;
}

.darkmode .calculator_area .ui-datatable tbody tr.ui-state-highlight td,
.darkmode .calculator_area .ui-treetable tbody tr.ui-state-highlight td,
.darkmode .calculator_area .ui-datatable-resizable tbody tr.ui-state-highlight td {
  background-color: #fff;
}

.darkmode .calculator_area .ui-datatable tbody tr.ui-state-highlight td.ui-state-active, .darkmode .calculator_area .ui-datatable tbody tr.ui-state-highlight td.ui-state-focus,
.darkmode .calculator_area .ui-treetable tbody tr.ui-state-highlight td.ui-state-active,
.darkmode .calculator_area .ui-treetable tbody tr.ui-state-highlight td.ui-state-focus,
.darkmode .calculator_area .ui-datatable-resizable tbody tr.ui-state-highlight td.ui-state-active,
.darkmode .calculator_area .ui-datatable-resizable tbody tr.ui-state-highlight td.ui-state-focus {
  background-color: #fff;
}

.darkmode .calculator_area .ui-datatable tbody tr:nth-child(2n) td,
.darkmode .calculator_area .ui-treetable tbody tr:nth-child(2n) td,
.darkmode .calculator_area .ui-datatable-resizable tbody tr:nth-child(2n) td {
  background-color: #fff;
}

.darkmode .calculator_area .ui-datatable tbody tr:nth-child(2n) td.ui-state-active, .darkmode .calculator_area .ui-datatable tbody tr:nth-child(2n) td.ui-state-focus,
.darkmode .calculator_area .ui-treetable tbody tr:nth-child(2n) td.ui-state-active,
.darkmode .calculator_area .ui-treetable tbody tr:nth-child(2n) td.ui-state-focus,
.darkmode .calculator_area .ui-datatable-resizable tbody tr:nth-child(2n) td.ui-state-active,
.darkmode .calculator_area .ui-datatable-resizable tbody tr:nth-child(2n) td.ui-state-focus {
  background-color: #fff;
}

.darkmode .calculator_area .ui-datatable tbody tr.ui-datatable-selectable.ui-state-highlight:nth-child(2n) td,
.darkmode .calculator_area .ui-treetable tbody tr.ui-datatable-selectable.ui-state-highlight:nth-child(2n) td,
.darkmode .calculator_area .ui-datatable-resizable tbody tr.ui-datatable-selectable.ui-state-highlight:nth-child(2n) td {
  background-color: #fff;
}

.darkmode .calculator_area .ui-datatable tbody tr.ui-datatable-selectable.ui-state-highlight:nth-child(2n) td.ui-state-active, .darkmode .calculator_area .ui-datatable tbody tr.ui-datatable-selectable.ui-state-highlight:nth-child(2n) td.ui-state-focus,
.darkmode .calculator_area .ui-treetable tbody tr.ui-datatable-selectable.ui-state-highlight:nth-child(2n) td.ui-state-active,
.darkmode .calculator_area .ui-treetable tbody tr.ui-datatable-selectable.ui-state-highlight:nth-child(2n) td.ui-state-focus,
.darkmode .calculator_area .ui-datatable-resizable tbody tr.ui-datatable-selectable.ui-state-highlight:nth-child(2n) td.ui-state-active,
.darkmode .calculator_area .ui-datatable-resizable tbody tr.ui-datatable-selectable.ui-state-highlight:nth-child(2n) td.ui-state-focus {
  background-color: #fff;
}

.darkmode .calculator_area .ui-datatable tbody tr.ui-state-highlight,
.darkmode .calculator_area .ui-treetable tbody tr.ui-state-highlight,
.darkmode .calculator_area .ui-datatable-resizable tbody tr.ui-state-highlight {
  border-right: none;
}

.darkmode .calculator_area .ui-datatable tbody.tbodycolor tr td,
.darkmode .calculator_area .ui-treetable tbody.tbodycolor tr td,
.darkmode .calculator_area .ui-datatable-resizable tbody.tbodycolor tr td {
  background-color: #fff !important;
}

.darkmode .calculator_area .ui-datatable tbody.tbodycolor:nth-child(2n) tr td,
.darkmode .calculator_area .ui-treetable tbody.tbodycolor:nth-child(2n) tr td,
.darkmode .calculator_area .ui-datatable-resizable tbody.tbodycolor:nth-child(2n) tr td {
  background-color: #fff !important;
}

.darkmode .ui-panelgrid .ui-panelgrid-even {
  background-color: #ededed;
}

.darkmode .ui-panelgrid .ui-panelgrid-odd {
  background-color: #fff;
}

.darkmode .ui-panelgrid .ui-panelgrid-cell {
  padding: 4px 8px;
  overflow: hidden;
  border: none;
  border-bottom: 1px solid #CBCBCB !important;
  text-align: left;
  font-size: 14px;
  color: #000;
  /*&:first-child{border-left:1px solid $base_color !important;}*/
}

.darkmode .ui-panelgrid .ui-panelgrid-header .ui-panelgrid-cell {
  vertical-align: top;
  color: #000;
  font-family: "OpenSansSemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  background-color: #fff !important;
}

.darkmode .ui-panelgrid a, .darkmode .ui-panelgrid a:link, .darkmode .ui-panelgrid a:visited,
.darkmode .ui-panelgrid .ui-state-active a,
.darkmode .ui-panelgrid .ui-state-active a:link,
.darkmode .ui-panelgrid .ui-state-active a:visited,
.darkmode .ui-panelgrid .ui-state-focus a,
.darkmode .ui-panelgrid .ui-state-focus a:link,
.darkmode .ui-panelgrid .ui-state-focus a:visited,
.darkmode .ui-panelgrid tr.ui-state-highlight a,
.darkmode .ui-panelgrid tr.ui-state-highlight a:link,
.darkmode .ui-panelgrid tr.ui-state-highlight a:visited {
  color: #000;
  text-decoration: underline;
  cursor: pointer;
}

.darkmode .ui-panelgrid a:hover, .darkmode .ui-panelgrid a:focus, .darkmode .ui-panelgrid a:active,
.darkmode .ui-panelgrid .ui-state-active a:hover,
.darkmode .ui-panelgrid .ui-state-active a:focus,
.darkmode .ui-panelgrid .ui-state-active a:active,
.darkmode .ui-panelgrid .ui-state-focus a:hover,
.darkmode .ui-panelgrid .ui-state-focus a:focus,
.darkmode .ui-panelgrid .ui-state-focus a:active,
.darkmode .ui-panelgrid tr.ui-state-highlight a:hover,
.darkmode .ui-panelgrid tr.ui-state-highlight a:focus,
.darkmode .ui-panelgrid tr.ui-state-highlight a:active {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.darkmode .ui-panelgrid a.icon_only,
.darkmode .ui-panelgrid .ui-state-active a.icon_only,
.darkmode .ui-panelgrid .ui-state-focus a.icon_only,
.darkmode .ui-panelgrid tr.ui-state-highlight a.icon_only {
  text-decoration: none !important;
}

.darkmode .ui-panelgrid .manual-even {
  background-color: #ededed !important;
}

.darkmode .ui-panelgrid .manual-odd {
  background-color: #fff !important;
}

.darkmode .ui-datatable tfoot td.ui-state-default {
  background-color: #fff;
  background-image: none;
  border-top: 1px solid #CBCBCB;
  color: #000;
}

.darkmode .ui-state-active .ui-datatable thead th {
  color: #000;
  padding: 6px 8px;
  white-space: nowrap;
}

.darkmode .ui-state-active .ui-datatable thead th {
  /*color: $white;*/
}

.darkmode .ui-datatable .ui-sortable-column {
  cursor: pointer;
}

.darkmode .ui-datatable div.ui-dt-c {
  position: relative;
}

.darkmode .ui-datatable .ui-expanded-row {
  border-bottom: 0px none;
}

.darkmode .ui-datatable .ui-expanded-row-content {
  border-top: 0px none;
}

.darkmode .ui-datatable .ui-row-toggler {
  cursor: pointer;
}

.darkmode .ui-datatable tr.ui-state-highlight {
  cursor: pointer;
}

.darkmode .ui-datatable .ui-selection-column {
  text-align: center !important;
  /*   width: 1% !important;*/
}

.darkmode .ui-datatable .ui-datatable-empty-message {
  color: #999999;
}

.darkmode .ui-datatable-scrollable table, .darkmode .ui-datatable-sticky table {
  table-layout: fixed;
}

.darkmode .ui-datatable-scrollable-body {
  overflow: auto;
}

.darkmode .ui-datatable-scrollable-header, .darkmode .ui-datatable-scrollable-footer {
  overflow: hidden;
  border: 0px none;
}

.darkmode .ui-datatable-scrollable .ui-datatable-scrollable-header, .darkmode .ui-datatable-scrollable .ui-datatable-scrollable-footer {
  position: relative;
}

.darkmode .ui-datatable-scrollable .ui-datatable-scrollable-header td {
  font-weight: normal;
}

.darkmode .ui-datatable-scrollable-body::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 15px;
  background-color: transparent;
}

.darkmode .ui-datatable-scrollable-body::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 1px solid white;
  background-color: rgba(194, 194, 194, 0.5);
}

.darkmode .ui-datatable .ui-datatable-data tr.ui-state-hover {
  border-color: inherit;
  font-weight: inherit;
  cursor: pointer;
}

.darkmode .ui-datatable .ui-paginator, .darkmode .ui-datatable .ui-paginator {
  padding: 10px 0;
  white-space: nowrap;
}

.darkmode .ui-column-dnd-top, .darkmode ui-column-dnd-bottom {
  display: none;
  position: absolute;
}

.darkmode .ui-column-dnd-top .ui-icon, .darkmode ui-column-dnd-bottom .ui-icon {
  position: absolute;
  top: -4px;
}

.darkmode .ui-datatable .ui-cell-editor-input {
  display: none;
}

.darkmode .ui-datatable .ui-row-editing .ui-cell-editor .ui-cell-editor-output {
  display: none;
}

.darkmode .ui-datatable .ui-row-editing .ui-cell-editor .ui-cell-editor-input {
  display: block;
}

.darkmode .ui-datatable .ui-row-editor span {
  cursor: pointer;
  display: inline-block;
}

.darkmode .ui-datatable .ui-row-editor .ui-icon-pencil {
  display: inline-block;
}

.darkmode .ui-datatable .ui-row-editing .ui-row-editor .ui-icon-pencil {
  display: none;
}

.darkmode .ui-datatable .ui-row-editor .ui-icon-check, .darkmode .ui-datatable .ui-row-editor .ui-icon-close {
  display: none;
}

.darkmode .ui-datatable .ui-row-editing .ui-row-editor .ui-icon-check, .darkmode .ui-datatable .ui-row-editing .ui-row-editor .ui-icon-close {
  display: inline-block;
}

.darkmode .ui-datatable .ui-datatable-data tr.ui-row-editing td.ui-editable-column, .darkmode .ui-datatable .ui-datatable-data td.ui-cell-editing {
  padding: 0;
  margin: 0;
}

.darkmode .ui-datatable .ui-filter-column .ui-column-resizer {
  height: auto;
}

.darkmode .ui-datatable .ui-column-resizer-helper {
  width: 1px;
  position: absolute;
  z-index: 10;
  display: none;
}

.darkmode .ui-datatable-rtl {
  direction: rtl;
}

.darkmode .ui-datatable-rtl.ui-datatable thead th, .darkmode .ui-datatable-rtl.ui-datatable tfoot td {
  text-align: right;
}

.darkmode .ui-paginator {
  margin: 0px;
  text-align: left;
  padding: 10px 0 0 0;
}

.darkmode .ui-paginator .ui-state-default {
  margin-right: 5px;
  display: inline-block;
  cursor: pointer;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  -o-border-radius: 3px !important;
  -ms-border-radius: 3px !important;
  border-radius: 3px !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  vertical-align: middle;
  font-size: 14px;
  font-family: "OpenSansRegular", Arial, Helvetica, sans-serif;
  text-decoration: none;
  background-color: #151515;
  color: #fff;
  padding: 4px 12px;
  border: 1px solid #3c3c3e;
}

.darkmode .ui-paginator .ui-state-default .ui-icon {
  max-height: 21px;
  background-image: url("../images/ui-icons_fff_256x240.png");
}

.darkmode .ui-paginator .ui-state-hover,
.darkmode .ui-paginator .ui-state-focus {
  background-color: #ededed;
  color: #000;
  text-decoration: none;
  border: 1px solid #fff;
}

.darkmode .ui-paginator .ui-state-hover .ui-icon,
.darkmode .ui-paginator .ui-state-focus .ui-icon {
  background-image: url("../images/ui-icons_000_256x240.png");
}

.darkmode .ui-paginator .ui-state-focus {
  border: none;
}

.darkmode .ui-paginator .ui-state-active {
  background-image: none;
  border: none;
  color: #fff;
  background-color: #000;
}

.darkmode .ui-paginator .ui-state-active .ui-icon {
  background-image: url("../images/ui-icons_fff_256x240.png");
}

.darkmode .ui-paginator .ui-state-disabled {
  background-image: none;
  background-color: #f4f4f4;
  color: #999;
  text-decoration: none;
  border: 1px solid #ddd;
  cursor: default;
}

.darkmode .ui-paginator .ui-paginator-top {
  border-bottom: 0px none;
}

.darkmode .ui-paginator .ui-paginator-bottom {
  border-top: 0px none;
}

.darkmode .ui-paginator .ui-paginator-page,
.darkmode .ui-paginator .ui-paginator-pages,
.darkmode .ui-paginator .ui-paginator-next,
.darkmode .ui-paginator .ui-paginator-last,
.darkmode .ui-paginator .ui-paginator-first,
.darkmode .ui-paginator .ui-paginator-prev,
.darkmode .ui-paginator .ui-paginator-current {
  display: inline-block;
  padding: 4px 11px;
  zoom: 1;
  margin-left: 1px;
  margin-right: 1px;
  text-decoration: none;
  outline: none;
  cursor: pointer;
}

.darkmode .ui-paginator .ui-paginator-current,
.darkmode .ui-paginator .ui-paginator-rpp-options {
  margin-left: 1px;
  margin-right: 1px;
  background-image: none;
}

.darkmode .ui-paginator .ui-paginator-next .ui-icon,
.darkmode .ui-paginator .ui-paginator-prev .ui-icon,
.darkmode .ui-paginator .ui-paginator-first .ui-icon,
.darkmode .ui-paginator .ui-paginator-last .ui-icon {
  height: auto;
  overflow: inherit;
}

.darkmode .ui-paginator .ui-paginator-jtp-select option,
.darkmode .ui-paginator .ui-paginator-rpp-options option {
  background-image: none;
  border: 0 none;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

.darkmode .ui-paginator .ui-paginator-rpp-options {
  margin-left: 5px;
  font-family: "OpenSansRegular", Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #000;
  border: 1px solid #ccc;
  background-color: #fff !important;
  padding: 3px 0;
  width: 80px;
}

.darkmode .ui-paginator .ui-paginator-rpp-options:hover {
  border: 1px solid #1d9fe0;
  background-color: #f4f4f4 !important;
  color: #000;
}

.darkmode .ui-paginator .ui-paginator-rpp-options:focus {
  border: 1px solid #1d9fe0;
  background-color: #fff !important;
  color: #000;
}

.darkmode .ui-paginator .ui-paginator-rpp-options.ui-state-disabled, .darkmode .ui-paginator .ui-paginator-rpp-options:disabled {
  background-color: #ededed;
  color: #666;
  border: 1px solid #ddd;
}

.darkmode .ui-paginator .ui-paginator-rpp-options.ui-state-disabled:hover, .darkmode .ui-paginator .ui-paginator-rpp-options.ui-state-disabled:focus, .darkmode .ui-paginator .ui-paginator-rpp-options:disabled:hover, .darkmode .ui-paginator .ui-paginator-rpp-options:disabled:focus {
  background-color: #ededed;
  color: #666;
  border: 1px solid #ddd;
}

.darkmode .ui-datatable-resizable {
  padding-bottom: 1px;
  overflow: auto;
}

.darkmode .ui-datatable-resizable table {
  table-layout: fixed;
}

.darkmode .ui-datatable-resizable thead th, .darkmode .ui-datatable-resizable tbody td, .darkmode .ui-datatable-resizable tfoot td {
  white-space: normal;
}

.darkmode .ui-treetable {
  margin-top: 5px;
}

.darkmode .datepicker, .darkmode .datepicker:link, .darkmode .datepicker:visited, .darkmode .datepicker:hover, .darkmode .datepicker:active {
  color: #fff;
  cursor: pointer;
  text-decoration: none;
  display: inline;
  width: auto;
  height: auto;
  line-height: normal;
  vertical-align: baseline;
  background-image: none;
  background-position: 0% 0%;
  background-repeat: repeat;
  margin: 0px -23px;
}

.darkmode .datefield {
  padding-right: 25px;
}

.darkmode .datepicker:before {
  font-family: FontAwesome;
  content: "\f073";
}

.darkmode .ui-column-dnd-bottom {
  display: none;
}

.darkmode .ui-inputfield.ui-state-focus, .darkmode .ui-widget-content .ui-inputfield.ui-state-focus, .darkmode .ui-widget-header .ui-inputfield.ui-state-focus {
  box-shadow: none;
}

.darkmode span.ui-autocomplete {
  display: inline-block;
  width: 250px;
  /* calculation of 100% input-width (minus paddings)*/
}

.darkmode span.ui-autocomplete input.ui-autocomplete-input {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.darkmode span.ui-autocomplete.pflichtfeld:after {
  content: "";
}

.darkmode span.ui-autocomplete.pflichtfeld .ui-autocomplete-input,
.darkmode span.ui-autocomplete.pflichtfeld .ui-autocomplete-input:hover,
.darkmode span.ui-autocomplete.pflichtfeld .ui-autocomplete-input:focus {
  background-image: url(../images/al_edge.png), url(../images/mandatory.png) !important;
  background-position: right bottom, right top !important;
  background-repeat: no-repeat ,no-repeat !important;
  padding-right: 12px !important;
}

.darkmode span.ui-autocomplete.error_field {
  border: 0 !important;
}

.darkmode span.ui-autocomplete.error_field .ui-autocomplete-input {
  font-family: "OpenSansRegular", Arial, Helvetica, sans-serif;
  color: #B94A48;
  background-color: #fbf1f1;
  border: 1px solid #B94A48;
}

.darkmode span.ui-autocomplete.error_field .ui-autocomplete-input:hover {
  background-color: #f4f4f4;
  border: 1px solid #1d9fe0;
}

.darkmode span.ui-autocomplete.error_field .ui-autocomplete-input:focus {
  color: #B94A48;
  background-color: #fff;
  border: 1px solid #990000;
}

.darkmode span.ui-autocomplete.txt_xsmall input.ui-autocomplete-input {
  width: 80px;
}

.darkmode span.ui-autocomplete.txt_small input.ui-autocomplete-input {
  width: 120px;
}

.darkmode span.ui-autocomplete.txt_medium input.ui-autocomplete-input {
  width: 250px;
}

.darkmode span.ui-autocomplete.txt_large input.ui-autocomplete-input {
  width: 300px;
}

.darkmode span.ui-autocomplete.txt_xlarge input.ui-autocomplete-input {
  width: 400px;
}

.darkmode span.ui-autocomplete.txt_xxlarge input.ui-autocomplete-input {
  width: 600px;
}

.darkmode .ui-autocomplete-input,
.darkmode .ui-autocomplete-input:hover,
.darkmode .ui-autocomplete-input:focus {
  background-image: url(../images/al_bg.png) !important;
  background-position: bottom right !important;
  background-repeat: no-repeat !important;
  padding-right: 12px !important;
}

.darkmode .ui-autocomplete-input:disabled {
  background-image: none !important;
}

.darkmode .ui-shadow {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

.darkmode tr.ui-autocomplete-row.ui-state-highlight {
  border: 0 !important;
}

.darkmode .ui-autocomplete-dropdown.ui-button.ui-state-default {
  margin-right: 5px;
  display: inline-block;
  cursor: pointer;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  -o-border-radius: 3px !important;
  -ms-border-radius: 3px !important;
  border-radius: 3px !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  vertical-align: middle;
  font-size: 14px;
  font-family: "OpenSansRegular", Arial, Helvetica, sans-serif;
  text-decoration: none;
  background-color: #151515;
  color: #fff;
  padding: 4px 12px;
  border: 1px solid #3c3c3e;
  margin: 0px 6px 0 0;
  height: 29px;
  width: 28px;
}

.darkmode .ui-autocomplete-dropdown.ui-button.ui-state-default .ui-icon {
  background-image: url("../images/ui-icons_fff_256x240.png");
  width: 10px;
  height: 5px;
}

.darkmode .ui-autocomplete-dropdown.ui-button.ui-state-default .ui-icon.ui-state-focus, .darkmode .ui-autocomplete-dropdown.ui-button.ui-state-default .ui-icon.ui-state-hover, .darkmode .ui-autocomplete-dropdown.ui-button.ui-state-default .ui-icon:focus {
  background-image: url("../images/ui-icons_000_256x240.png");
}

.darkmode .ui-autocomplete-panel .ui-autocomplete-table {
  background-color: #fff;
}

.darkmode .ui-autocomplete-panel .ui-autocomplete-table th, .darkmode .ui-autocomplete-panel .ui-autocomplete-table td {
  border: 0;
  border-top: 1px solid #CBCBCB;
  border-bottom: 1px solid #CBCBCB;
  padding: 4px 10px;
}

.darkmode .ui-fieldset .ui-fieldset-legend,
.darkmode .ui-fieldset-toggleable .ui-fieldset-legend {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #ededed;
  background-image: -moz-linear-gradient(top, #fff, #ededed 100%);
  background-image: -webkit-linear-gradient(top, #fff, #ededed 100%);
  background-image: -o-linear-gradient(top, #fff, #ededed 100%);
  background-image: -ms-linear-gradient(top, #fff, #ededed 100%);
  background-image: linear-gradient(top, #fff, #ededed 100%);
  color: #000;
  font-size: 16px;
  font-family: "OpenSansRegular", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 14px;
  padding: 6px 0 6px 5px;
  width: 100%;
  margin-bottom: 0;
}

.darkmode .ui-fieldset .ui-fieldset-legend.ui-state-hover, .darkmode .ui-fieldset .ui-fieldset-legend.ui-state-focus,
.darkmode .ui-fieldset-toggleable .ui-fieldset-legend.ui-state-hover,
.darkmode .ui-fieldset-toggleable .ui-fieldset-legend.ui-state-focus {
  background-color: #fff;
  background-image: -moz-linear-gradient(top, #ededed, #fff 100%);
  background-image: -webkit-linear-gradient(top, #ededed, #fff 100%);
  background-image: -o-linear-gradient(top, #ededed, #fff 100%);
  background-image: -ms-linear-gradient(top, #ededed, #fff 100%);
  background-image: linear-gradient(top, #ededed, #fff 100%);
  color: #000;
  border: 1px solid #CBCBCB;
  /* .ui-fieldset-toggler.ui-icon{background-image: url("../images/ui-icons_fff_256x240.png") !important;}*/
}

.darkmode .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler.ui-icon,
.darkmode .ui-fieldset-toggleable .ui-fieldset-legend .ui-fieldset-toggler.ui-icon {
  background-image: url("../images/ui-icons_000_256x240.png") !important;
}

.darkmode .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler.ui-icon:focus,
.darkmode .ui-fieldset-toggleable .ui-fieldset-legend .ui-fieldset-toggler.ui-icon:focus {
  background-image: url("../images/ui-icons_fff_256x240.png") !important;
  background-color: #000;
}

.darkmode .ui-fieldset-toggleable .ui-fieldset-legend {
  cursor: pointer;
}

.darkmode .ui-fieldset .ui-fieldset-legend {
  font-family: "OpenSansRegular", Arial, Helvetica, sans-serif;
  font-weight: normal !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.darkmode .ui-fieldset:not(.ui-fieldset-toggleable) .ui-fieldset-legend {
  padding-left: 10px;
}

.darkmode .ui-fieldset {
  padding: 0;
  min-width: 0;
  margin-bottom: 5px;
}

.darkmode .ui-fieldset .ui-fieldset-toggler {
  margin-top: 2px;
  margin-right: 5px;
}

.darkmode .ui-fieldset-content {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  overflow: hidden;
  border: 1px solid #CBCBCB;
  border-top: 0;
}

.darkmode .ui-fieldset-content th {
  font-family: "OpenSansSemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}

.darkmode .ui-state-hover.ui-fieldset-legend {
  background-color: #000 !important;
  background-image: none;
  border: 1px solid #000;
  color: #fff;
}

.darkmode .ui-state-hover.ui-fieldset-legend .ui-icon {
  background-image: url(../images/ui-icons_fff_256x240.png);
}

.darkmode .ui-state-hover {
  box-shadow: none;
}

.darkmode .ui-state-hover a, .darkmode .ui-state-hover a:hover {
  color: #fff;
  text-decoration: none;
}

.darkmode .ui-state-active, .darkmode .ui-widget-content .ui-state-active, .darkmode .ui-widget-header .ui-state-active {
  background-color: #000;
  background-image: none;
  color: #fff;
  font-weight: normal;
  text-shadow: none;
}

.darkmode .ui-state-active a, .darkmode .ui-state-active a:link, .darkmode .ui-state-active a:visited {
  color: #fff;
  text-decoration: none;
}

.darkmode .ui-widget:active {
  outline: none;
}

.darkmode .ui-state-active {
  box-shadow: none;
}

.darkmode .ui-state-highlight, .darkmode .ui-widget-content .ui-state-highlight, .darkmode .ui-widget-header .ui-state-highlight {
  background-image: none;
  border: 1px solid #000;
  background-color: #000;
  color: #fff;
  text-shadow: none;
}

.darkmode tr.ui-state-highlight, .darkmode .ui-widget-content tr.ui-state-highlight {
  background-image: none;
  border-color: #000;
  background-color: #000;
  color: #fff;
  text-shadow: none;
}

.darkmode .ui-state-highlight a, .darkmode .ui-widget-content .ui-state-highlight a, .darkmode .ui-widget-header .ui-state-highlight a {
  color: #fff;
}

.darkmode .ui-state-highlight a.button, .darkmode .ui-state-highlight .ui-datatable thead th a.button, .darkmode .ui-datatable thead th .ui-state-highlight a.button,
.darkmode .ui-state-highlight .ui-datatable tfoot td a.button, .darkmode .ui-datatable tfoot td .ui-state-highlight a.button,
.darkmode .ui-state-highlight .ui-datatable tbody td a.button, .darkmode .ui-datatable tbody td .ui-state-highlight a.button,
.darkmode .ui-state-highlight .ui-treetable thead th a.button, .darkmode .ui-treetable thead th .ui-state-highlight a.button,
.darkmode .ui-state-highlight .ui-treetable tfoot td a.button, .darkmode .ui-treetable tfoot td .ui-state-highlight a.button,
.darkmode .ui-state-highlight .ui-treetable tbody td a.button, .darkmode .ui-treetable tbody td .ui-state-highlight a.button,
.darkmode .ui-state-highlight .ui-datatable-resizable thead th a.button, .darkmode .ui-datatable-resizable thead th .ui-state-highlight a.button,
.darkmode .ui-state-highlight .ui-datatable-resizable tfoot td a.button, .darkmode .ui-datatable-resizable tfoot td .ui-state-highlight a.button,
.darkmode .ui-state-highlight .ui-datatable-resizable tbody td a.button, .darkmode .ui-datatable-resizable tbody td .ui-state-highlight a.button, .darkmode .ui-state-highlight a.icon_button, .darkmode .ui-widget-content .ui-state-highlight a.button, .darkmode .ui-widget-content .ui-state-highlight a.icon_button, .darkmode .ui-widget-header .ui-state-highlight a.button, .darkmode .ui-widget-header .ui-state-highlight a.icon_button {
  color: #fff;
}

.darkmode .ui-state-highlight a.button:before, .darkmode .ui-state-highlight a.icon_button:before, .darkmode .ui-widget-content .ui-state-highlight a.button:before, .darkmode .ui-widget-content .ui-state-highlight a.icon_button:before, .darkmode .ui-widget-header .ui-state-highlight a.button:before, .darkmode .ui-widget-header .ui-state-highlight a.icon_button:before {
  color: #fff;
}

.darkmode .ui-state-highlight a:hover.button, .darkmode .ui-state-highlight a:hover.icon_button, .darkmode .ui-state-highlight a.ui-state-hover.button, .darkmode .ui-state-highlight a.ui-state-hover.icon_button, .darkmode .ui-state-highlight a:focus.button, .darkmode .ui-state-highlight a:focus.icon_button, .darkmode .ui-state-highlight a.ui-state-focus.button, .darkmode .ui-state-highlight a.ui-state-focus.icon_button,
.darkmode .ui-widget-content .ui-state-highlight a:hover.button,
.darkmode .ui-widget-content .ui-state-highlight a:hover.icon_button,
.darkmode .ui-widget-content .ui-state-highlight a.ui-state-hover.button,
.darkmode .ui-widget-content .ui-state-highlight a.ui-state-hover.icon_button,
.darkmode .ui-widget-content .ui-state-highlight a:focus.button,
.darkmode .ui-widget-content .ui-state-highlight a:focus.icon_button,
.darkmode .ui-widget-content .ui-state-highlight a.ui-state-focus.button,
.darkmode .ui-widget-content .ui-state-highlight a.ui-state-focus.icon_button,
.darkmode .ui-widget-header .ui-state-highlight a:hover.button,
.darkmode .ui-widget-header .ui-state-highlight a:hover.icon_button,
.darkmode .ui-widget-header .ui-state-highlight a.ui-state-hover.button,
.darkmode .ui-widget-header .ui-state-highlight a.ui-state-hover.icon_button,
.darkmode .ui-widget-header .ui-state-highlight a:focus.button,
.darkmode .ui-widget-header .ui-state-highlight a:focus.icon_button,
.darkmode .ui-widget-header .ui-state-highlight a.ui-state-focus.button,
.darkmode .ui-widget-header .ui-state-highlight a.ui-state-focus.icon_button {
  color: #000;
}

.darkmode .ui-state-highlight a:hover.button:before, .darkmode .ui-state-highlight a:hover.icon_button:before, .darkmode .ui-state-highlight a.ui-state-hover.button:before, .darkmode .ui-state-highlight a.ui-state-hover.icon_button:before, .darkmode .ui-state-highlight a:focus.button:before, .darkmode .ui-state-highlight a:focus.icon_button:before, .darkmode .ui-state-highlight a.ui-state-focus.button:before, .darkmode .ui-state-highlight a.ui-state-focus.icon_button:before,
.darkmode .ui-widget-content .ui-state-highlight a:hover.button:before,
.darkmode .ui-widget-content .ui-state-highlight a:hover.icon_button:before,
.darkmode .ui-widget-content .ui-state-highlight a.ui-state-hover.button:before,
.darkmode .ui-widget-content .ui-state-highlight a.ui-state-hover.icon_button:before,
.darkmode .ui-widget-content .ui-state-highlight a:focus.button:before,
.darkmode .ui-widget-content .ui-state-highlight a:focus.icon_button:before,
.darkmode .ui-widget-content .ui-state-highlight a.ui-state-focus.button:before,
.darkmode .ui-widget-content .ui-state-highlight a.ui-state-focus.icon_button:before,
.darkmode .ui-widget-header .ui-state-highlight a:hover.button:before,
.darkmode .ui-widget-header .ui-state-highlight a:hover.icon_button:before,
.darkmode .ui-widget-header .ui-state-highlight a.ui-state-hover.button:before,
.darkmode .ui-widget-header .ui-state-highlight a.ui-state-hover.icon_button:before,
.darkmode .ui-widget-header .ui-state-highlight a:focus.button:before,
.darkmode .ui-widget-header .ui-state-highlight a:focus.icon_button:before,
.darkmode .ui-widget-header .ui-state-highlight a.ui-state-focus.button:before,
.darkmode .ui-widget-header .ui-state-highlight a.ui-state-focus.icon_button:before {
  color: #000;
}

.darkmode .ui-state-error, .darkmode .ui-widget-content .ui-state-error, .darkmode .ui-widget-header .ui-state-error {
  background-image: none;
  background-color: #fbf1f1;
  border: 1px solid #B94A48;
  color: #B94A48;
}

.darkmode label.ui-outputlabel.ui-state-error {
  background-image: none;
  background-color: transparent;
  border: none;
  color: #B94A48;
}

.darkmode .ui-state-error a, .darkmode .ui-widget-content .ui-state-error a, .darkmode .ui-widget-header .ui-state-error a {
  color: #CD0A0A;
}

.darkmode .ui-state-error-text, .darkmode .ui-widget-content .ui-state-error-text, .darkmode .ui-widget-header .ui-state-error-text {
  color: #CD0A0A;
}

.darkmode .ui-priority-primary, .darkmode .ui-widget-content .ui-priority-primary, .darkmode .ui-widget-header .ui-priority-primary {
  font-family: "OpenSansSemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}

.darkmode .ui-priority-secondary, .darkmode .ui-widget-content .ui-priority-secondary, .darkmode .ui-widget-header .ui-priority-secondary {
  font-weight: normal;
  opacity: 1;
}

.darkmode .ui-state-disabled, .darkmode .ui-widget-content .ui-state-disabled, .darkmode .ui-widget-header .ui-state-disabled {
  /*background-image: none;*/
  opacity: 1;
}

.darkmode .ui-button.ui-state-default {
  margin-right: 5px;
  display: inline-block;
  cursor: pointer;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  -o-border-radius: 3px !important;
  -ms-border-radius: 3px !important;
  border-radius: 3px !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  vertical-align: middle;
  font-size: 14px;
  font-family: "OpenSansRegular", Arial, Helvetica, sans-serif;
  text-decoration: none;
  background-color: #151515;
  color: #fff;
  padding: 4px 12px;
  border: 1px solid #3c3c3e;
  min-width: 60px;
  margin-bottom: 5px;
}

.darkmode .ui-button.ui-state-default span.ui-button-text-only,
.darkmode .ui-button.ui-state-default span.ui-button-text {
  padding: 0;
  color: #fff;
}

.darkmode .ui-button.ui-state-default.ui-state-active, .darkmode .ui-button.ui-state-default.ui-state-focus, .darkmode .ui-button.ui-state-default.ui-state-hover {
  background-color: #ededed;
  color: #000;
  text-decoration: none;
  border: 1px solid #fff;
}

.darkmode .ui-button.ui-state-default.ui-state-active span.ui-button-text-only,
.darkmode .ui-button.ui-state-default.ui-state-active span.ui-button-text, .darkmode .ui-button.ui-state-default.ui-state-focus span.ui-button-text-only,
.darkmode .ui-button.ui-state-default.ui-state-focus span.ui-button-text, .darkmode .ui-button.ui-state-default.ui-state-hover span.ui-button-text-only,
.darkmode .ui-button.ui-state-default.ui-state-hover span.ui-button-text {
  padding: 0;
  color: #000;
}

.darkmode .ui-button.ui-state-default.ui-state-active .ui-icon, .darkmode .ui-button.ui-state-default.ui-state-focus .ui-icon, .darkmode .ui-button.ui-state-default.ui-state-hover .ui-icon {
  background-image: url("../images/ui-icons_000_256x240.png");
}

.darkmode .ui-button.ui-state-default.ui-state-disabled {
  background-image: none;
  background-color: #f4f4f4;
  color: #999;
  text-decoration: none;
  border: 1px solid #ddd;
  cursor: default;
}

.darkmode .ui-button.ui-state-focus {
  border: 1px solid #000;
}

.darkmode .Pam4Web_openExpertMenuButton .ui-button-text-icon-left .ui-button-text {
  padding: 0.3em 1em 0.3em 1.4em;
}

.darkmode .ui-button.ui-state-disabled {
  background-image: none;
  background-color: #f4f4f4;
  color: #999;
  text-decoration: none;
  border: 1px solid #ddd;
  cursor: default;
}

.darkmode .ui-menu {
  background-image: none;
  background-color: #fff;
}

.darkmode .ui-menu .ui-menu-child {
  background-image: none;
  background-color: #fff;
}

.darkmode .ui-menu .ui-menuitem-link {
  color: #000;
}

.darkmode .ui-button.ui-state-disabled .ui-icon {
  background-image: url("../images/ui-icons_ccc_256x240.png");
}

.darkmode .ui-state-default.ui-state-disabled .ui-icon {
  background-image: url("../images/ui-icons_ccc_256x240.png");
}

.darkmode .ui-icon {
  background-image: url("../images/ui-icons_616161_256x240.png");
  height: 16px;
  width: 16px;
}

.darkmode .ui-widget-content .ui-icon {
  background-image: url("../images/ui-icons_616161_256x240.png");
}

.darkmode .ui-widget-header .ui-icon {
  background-image: url("../images/ui-icons_898989_256x240.png");
}

.darkmode .ui-state-default .ui-icon {
  background-image: url("../images/ui-icons_000_256x240.png");
}

.darkmode .ui-state-hover .ui-icon, .darkmode .ui-state-focus .ui-icon {
  background-image: url("../images/ui-icons_fff_256x240.png");
}

.darkmode .ui-state-active .ui-icon {
  background-image: url("../images/ui-icons_fff_256x240.png");
}

.darkmode .ui-state-highlight .ui-icon {
  background-image: url("../images/ui-icons_2e83ff_256x240.png");
}

.darkmode .ui-state-error .ui-icon, .darkmode .ui-state-error-text .ui-icon {
  background-image: url("../images/ui-icons_cd0a0a_256x240.png");
}

.darkmode .ui-icon-carat-1-n {
  background-position: 0 0;
}

.darkmode .ui-icon-carat-1-ne {
  background-position: -16px 0;
}

.darkmode .ui-icon-carat-1-e {
  background-position: -32px 0;
}

.darkmode .ui-icon-carat-1-se {
  background-position: -48px 0;
}

.darkmode .ui-icon-carat-1-s {
  background-position: -64px 0;
}

.darkmode .ui-icon-carat-1-sw {
  background-position: -80px 0;
}

.darkmode .ui-icon-carat-1-w {
  background-position: -96px 0;
}

.darkmode .ui-icon-carat-1-nw {
  background-position: -112px 0;
}

.darkmode .ui-icon-carat-2-n-s {
  background-position: -128px 0;
}

.darkmode .ui-icon-carat-2-e-w {
  background-position: -144px 0;
}

.darkmode .ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.darkmode .ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.darkmode .ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.darkmode .ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.darkmode .ui-icon-triangle-1-s {
  background-position: -64px -16px;
}

.darkmode .ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.darkmode .ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.darkmode .ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.darkmode .ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.darkmode .ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.darkmode .ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.darkmode .ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.darkmode .ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.darkmode .ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.darkmode .ui-icon-arrow-1-s {
  background-position: -64px -32px;
}

.darkmode .ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.darkmode .ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.darkmode .ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.darkmode .ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.darkmode .ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.darkmode .ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.darkmode .ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.darkmode .ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.darkmode .ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.darkmode .ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.darkmode .ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.darkmode .ui-icon-arrowthick-1-n {
  background-position: 0 -48px;
}

.darkmode .ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.darkmode .ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.darkmode .ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.darkmode .ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.darkmode .ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.darkmode .ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.darkmode .ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.darkmode .ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.darkmode .ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.darkmode .ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.darkmode .ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.darkmode .ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.darkmode .ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.darkmode .ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.darkmode .ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.darkmode .ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.darkmode .ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.darkmode .ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.darkmode .ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.darkmode .ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.darkmode .ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.darkmode .ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.darkmode .ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.darkmode .ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.darkmode .ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.darkmode .ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.darkmode .ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.darkmode .ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.darkmode .ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.darkmode .ui-icon-extlink {
  background-position: -32px -80px;
}

.darkmode .ui-icon-newwin {
  background-position: -48px -80px;
}

.darkmode .ui-icon-refresh {
  background-position: -64px -80px;
}

.darkmode .ui-icon-shuffle {
  background-position: -80px -80px;
}

.darkmode .ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.darkmode .ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.darkmode .ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.darkmode .ui-icon-folder-open {
  background-position: -16px -96px;
}

.darkmode .ui-icon-document {
  background-position: -32px -96px;
}

.darkmode .ui-icon-document-b {
  background-position: -48px -96px;
}

.darkmode .ui-icon-note {
  background-position: -64px -96px;
}

.darkmode .ui-icon-mail-closed {
  background-position: -80px -96px;
}

.darkmode .ui-icon-mail-open {
  background-position: -96px -96px;
}

.darkmode .ui-icon-suitcase {
  background-position: -112px -96px;
}

.darkmode .ui-icon-comment {
  background-position: -128px -96px;
}

.darkmode .ui-icon-person {
  background-position: -144px -96px;
}

.darkmode .ui-icon-print {
  background-position: -160px -96px;
}

.darkmode .ui-icon-trash {
  background-position: -176px -96px;
}

.darkmode .ui-icon-locked {
  background-position: -192px -96px;
}

.darkmode .ui-icon-unlocked {
  background-position: -208px -96px;
}

.darkmode .ui-icon-bookmark {
  background-position: -224px -96px;
}

.darkmode .ui-icon-tag {
  background-position: -240px -96px;
}

.darkmode .ui-icon-home {
  background-position: 0 -112px;
}

.darkmode .ui-icon-flag {
  background-position: -16px -112px;
}

.darkmode .ui-icon-calendar {
  background-position: -32px -112px;
}

.darkmode .ui-icon-cart {
  background-position: -48px -112px;
}

.darkmode .ui-icon-pencil {
  background-position: -64px -112px;
}

.darkmode .ui-icon-clock {
  background-position: -80px -112px;
}

.darkmode .ui-icon-disk {
  background-position: -96px -112px;
}

.darkmode .ui-icon-calculator {
  background-position: -112px -112px;
}

.darkmode .ui-icon-zoomin {
  background-position: -128px -112px;
}

.darkmode .ui-icon-zoomout {
  background-position: -144px -112px;
}

.darkmode .ui-icon-search {
  background-position: -160px -112px;
}

.darkmode .ui-icon-wrench {
  background-position: -176px -112px;
}

.darkmode .ui-icon-gear {
  background-position: -192px -112px;
}

.darkmode .ui-icon-heart {
  background-position: -208px -112px;
}

.darkmode .ui-icon-star {
  background-position: -224px -112px;
}

.darkmode .ui-icon-link {
  background-position: -240px -112px;
}

.darkmode .ui-icon-cancel {
  background-position: 0 -128px;
}

.darkmode .ui-icon-plus {
  background-position: -16px -128px;
}

.darkmode .ui-icon-plusthick {
  background-position: -32px -128px;
}

.darkmode .ui-icon-minus {
  background-position: -48px -128px;
}

.darkmode .ui-icon-minusthick {
  background-position: -64px -128px;
}

.darkmode .ui-icon-close {
  background-position: -80px -128px;
}

.darkmode .ui-icon-closethick {
  background-position: -96px -128px;
}

.darkmode .ui-icon-key {
  background-position: -112px -128px;
}

.darkmode .ui-icon-lightbulb {
  background-position: -128px -128px;
}

.darkmode .ui-icon-scissors {
  background-position: -144px -128px;
}

.darkmode .ui-icon-clipboard {
  background-position: -160px -128px;
}

.darkmode .ui-icon-copy {
  background-position: -176px -128px;
}

.darkmode .ui-icon-contact {
  background-position: -192px -128px;
}

.darkmode .ui-icon-image {
  background-position: -208px -128px;
}

.darkmode .ui-icon-video {
  background-position: -224px -128px;
}

.darkmode .ui-icon-script {
  background-position: -240px -128px;
}

.darkmode .ui-icon-alert {
  background-position: 0 -144px;
}

.darkmode .ui-icon-info {
  background-position: -16px -144px;
}

.darkmode .ui-icon-notice {
  background-position: -32px -144px;
}

.darkmode .ui-icon-help {
  background-position: -48px -144px;
}

.darkmode .ui-icon-check {
  background-position: -64px -144px;
}

.darkmode .ui-icon-bullet {
  background-position: -80px -144px;
}

.darkmode .ui-icon-radio-off {
  background-position: -96px -144px;
}

.darkmode .ui-icon-radio-on {
  background-position: -112px -144px;
}

.darkmode .ui-icon-pin-w {
  background-position: -128px -144px;
}

.darkmode .ui-icon-pin-s {
  background-position: -144px -144px;
}

.darkmode .ui-icon-play {
  background-position: 0 -160px;
}

.darkmode .ui-icon-pause {
  background-position: -16px -160px;
}

.darkmode .ui-icon-seek-next {
  background-position: -32px -160px;
}

.darkmode .ui-icon-seek-prev {
  background-position: -48px -160px;
}

.darkmode .ui-icon-seek-end {
  background-position: -64px -160px;
}

.darkmode .ui-icon-seek-start {
  background-position: -80px -160px;
}

.darkmode .ui-icon-seek-first {
  background-position: -80px -160px;
}

.darkmode .ui-icon-stop {
  background-position: -96px -160px;
}

.darkmode .ui-icon-eject {
  background-position: -112px -160px;
}

.darkmode .ui-icon-volume-off {
  background-position: -128px -160px;
}

.darkmode .ui-icon-volume-on {
  background-position: -144px -160px;
}

.darkmode .ui-icon-power {
  background-position: 0 -176px;
}

.darkmode .ui-icon-signal-diag {
  background-position: -16px -176px;
}

.darkmode .ui-icon-signal {
  background-position: -32px -176px;
}

.darkmode .ui-icon-battery-0 {
  background-position: -48px -176px;
}

.darkmode .ui-icon-battery-1 {
  background-position: -64px -176px;
}

.darkmode .ui-icon-battery-2 {
  background-position: -80px -176px;
}

.darkmode .ui-icon-battery-3 {
  background-position: -96px -176px;
}

.darkmode .ui-icon-circle-plus {
  background-position: 0 -192px;
}

.darkmode .ui-icon-circle-minus {
  background-position: -16px -192px;
}

.darkmode .ui-icon-circle-close {
  background-position: -32px -192px;
}

.darkmode .ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.darkmode .ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.darkmode .ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.darkmode .ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.darkmode .ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.darkmode .ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.darkmode .ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.darkmode .ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.darkmode .ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.darkmode .ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.darkmode .ui-icon-circle-check {
  background-position: -208px -192px;
}

.darkmode .ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.darkmode .ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.darkmode .ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.darkmode .ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.darkmode .ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.darkmode .ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.darkmode .ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.darkmode .ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.darkmode .ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.darkmode .ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.darkmode .ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.darkmode .ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

.darkmode .ui-round-all {
  border-radius: 10px;
}

.darkmode .ui-widget-overlay {
  background: url("../images/ui-bg_flat_0_2d5972_40x100.png") repeat-x scroll 50% 50% #2D5972;
  opacity: 0.3;
}

.darkmode .ui-widget-shadow {
  background: url("../images/ui-bg_flat_0_4f4f4f_40x100.png") repeat-x scroll 50% 50% #4F4F4F;
  border-radius: 8px;
  margin: -8px 0 0 -8px;
  opacity: 0.3;
  padding: 8px;
}

.darkmode .ui-accordion .ui-accordion-header {
  border-radius: 0;
  margin: 0;
}

.darkmode .ui-accordion .ui-accordion-content {
  margin-bottom: 0;
}

.darkmode .ui-dialog {
  max-width: 100%;
}

.darkmode .ui-dialog .ui-dialog-titlebar {
  border-left: none;
  border-radius: 0;
  border-right: none;
  border-top: none;
  background-color: #000;
  padding: 4px 4px 4px 10px;
  min-height: 26px;
}

.darkmode .ui-dialog .ui-dialog-title {
  color: #000;
  font-size: 14px;
  font-family: "OpenSansSemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}

.darkmode .ui-dialog .ui-dialog-titlebar-close,
.darkmode .ui-dialog .ui-dialog-titlebar-minimize,
.darkmode .ui-dialog .ui-dialog-titlebar-maximize {
  cursor: pointer;
  float: right;
  margin: 0px;
  padding: 0px !important;
  top: 0px;
}

.darkmode .ui-dialog .ui-dialog-titlebar-close span,
.darkmode .ui-dialog .ui-dialog-titlebar-minimize span,
.darkmode .ui-dialog .ui-dialog-titlebar-maximize span {
  margin: 5px 4px 0 0;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  -o-border-radius: 0px !important;
  -ms-border-radius: 0px !important;
  border-radius: 0px !important;
}

.darkmode .ui-dialog .ui-dialog-content {
  background-color: #fff;
}

.darkmode .ui-dialog .ui-button-text-icon-left .ui-icon,
.darkmode .ui-dialog .ui-button-text-icon-right .ui-icon {
  margin-top: 0;
  position: static;
  background-image: url("../images/ui-icons_fff_256x240.png");
  display: inline-block;
}

.darkmode .ui-dialog .ui-button-text-icon-left:hover .ui-icon, .darkmode .ui-dialog .ui-button-text-icon-left:focus .ui-icon, .darkmode .ui-dialog .ui-button-text-icon-left.ui-state-hover .ui-icon, .darkmode .ui-dialog .ui-button-text-icon-left.ui-state-focus .ui-icon,
.darkmode .ui-dialog .ui-button-text-icon-right:hover .ui-icon,
.darkmode .ui-dialog .ui-button-text-icon-right:focus .ui-icon,
.darkmode .ui-dialog .ui-button-text-icon-right.ui-state-hover .ui-icon,
.darkmode .ui-dialog .ui-button-text-icon-right.ui-state-focus .ui-icon {
  background-image: url("../images/ui-icons_000_256x240.png");
}

.darkmode .ui-dialog .ui-button-text-icon-left .ui-icon {
  margin-right: 5px;
}

.darkmode .ui-dialog .ui-button-text-icon-right .ui-icon {
  margin-left: 5px;
}

.darkmode .ui-dialog .ui-button-text {
  display: inline-block;
}

.darkmode .ui-dialog-titlebar.ui-widget-header .ui-icon {
  background-image: url("../images/ui-icons_000_256x240.png");
}

.darkmode .ui-dialog-titlebar-icon.ui-state-hover,
.darkmode .ui-dialog-titlebar-icon.ui-state-focus {
  background-color: transparent;
  border: 0;
}

.darkmode .ui-dialog-titlebar-icon.ui-state-hover .ui-icon,
.darkmode .ui-dialog-titlebar-icon.ui-state-focus .ui-icon {
  background-image: url("../images/ui-icons_616161_256x240.png");
}

.darkmode .ui-slider {
  background: none repeat scroll 0 0 #CBCBCB;
  border-radius: 10px;
  box-shadow: 0 2px 2px #8F8F8F inset;
}

.darkmode .ui-slider .ui-slider-handle {
  border-radius: 10px;
}

.darkmode .ui-slider .ui-slider-range {
  background: none repeat scroll 0 0 #A3CAE0;
  box-shadow: 0 2px 2px #7D9AAB inset;
}

.darkmode .ui-slider-vertical {
  background: none repeat scroll 0 0 #CBCBCB;
  box-shadow: 0 2px 2px #8F8F8F inset;
}

.darkmode .ui-slider-vertical .ui-slider-range {
  background: none repeat scroll 0 0 #A3CAE0;
  box-shadow: 2px 0 2px #7D9AAB inset;
}

.darkmode .ui-slider .ui-slider-handle span {
  float: none !important;
  height: 16px !important;
  margin: 0 auto !important;
  width: 16px !important;
}

.darkmode .ui-slider .ui-slider-handle {
  background-image: none;
  background-color: #fff;
}

.darkmode .ui-tabs.ui-tabs-top .ui-tabs-nav li {
  -webkit-border-radius: 0px 0px 0 0 !important;
  -moz-border-radius: 0px 0px 0 0 !important;
  -o-border-radius: 0px 0px 0 0 !important;
  -ms-border-radius: 0px 0px 0 0 !important;
  border-radius: 0px 0px 0 0 !important;
}

.darkmode .ui-tabs.ui-tabs-bottom .ui-tabs-nav li {
  -webkit-border-radius: 0 0 0px 0px !important;
  -moz-border-radius: 0 0 0px 0px !important;
  -o-border-radius: 0 0 0px 0px !important;
  -ms-border-radius: 0 0 0px 0px !important;
  border-radius: 0 0 0px 0px !important;
}

.darkmode .ui-tabs.ui-tabs-left .ui-tabs-nav li {
  -webkit-border-radius: 0px 0 0 0px !important;
  -moz-border-radius: 0px 0 0 0px !important;
  -o-border-radius: 0px 0 0 0px !important;
  -ms-border-radius: 0px 0 0 0px !important;
  border-radius: 0px 0 0 0px !important;
}

.darkmode .ui-tabs.ui-tabs-right .ui-tabs-nav li {
  -webkit-border-radius: 0 0px 0px 0 !important;
  -moz-border-radius: 0 0px 0px 0 !important;
  -o-border-radius: 0 0px 0px 0 !important;
  -ms-border-radius: 0 0px 0px 0 !important;
  border-radius: 0 0px 0px 0 !important;
}

.darkmode .ui-tabs .ui-tabs-nav {
  background-image: none;
  background-color: transparent;
}

.darkmode .ui-tabs .ui-tabs-nav li {
  border: 1px solid #CBCBCB;
}

.darkmode .ui-tabs .ui-tabs-nav li a {
  padding: 4px 10px;
}

.darkmode .ui-tabs .ui-tabs-nav .ui-state-default {
  background-color: #ededed;
  background-image: -moz-linear-gradient(top, #fff, #ededed 100%);
  background-image: -webkit-linear-gradient(top, #fff, #ededed 100%);
  background-image: -o-linear-gradient(top, #fff, #ededed 100%);
  background-image: -ms-linear-gradient(top, #fff, #ededed 100%);
  background-image: linear-gradient(top, #fff, #ededed 100%);
  color: #000;
}

.darkmode .ui-tabs .ui-tabs-nav .ui-state-default.ui-tabs-selected {
  background-color: #009ee0;
  background-image: none;
  color: #fff;
  border-bottom: medium none;
  box-shadow: none;
  border: 1px solid #000;
}

.darkmode .ui-tabs .ui-tabs-nav .ui-state-default.ui-tabs-selected.ui-state-hover, .darkmode .ui-tabs .ui-tabs-nav .ui-state-default.ui-tabs-selected.ui-state-focus {
  background-color: #009ee0;
  background-image: none;
  color: #fff;
}

.darkmode .ui-tabs .ui-tabs-nav .ui-state-default.ui-tabs-selected.ui-state-hover a, .darkmode .ui-tabs .ui-tabs-nav .ui-state-default.ui-tabs-selected.ui-state-focus a {
  color: #fff;
}

.darkmode .ui-tabs .ui-tabs-nav .ui-state-default.ui-tabs-selected a {
  color: #fff;
}

.darkmode .ui-tabs .ui-tabs-nav .ui-state-default.ui-tabs-selected.ui-tabs-outline {
  background-color: #006e9c;
  background-image: -moz-linear-gradient(top, #009ee0, #006e9c 100%);
  background-image: -webkit-linear-gradient(top, #009ee0, #006e9c 100%);
  background-image: -o-linear-gradient(top, #009ee0, #006e9c 100%);
  background-image: -ms-linear-gradient(top, #009ee0, #006e9c 100%);
  background-image: linear-gradient(top, #009ee0, #006e9c 100%);
  color: #fff;
}

.darkmode .ui-tabs .ui-tabs-nav .ui-state-default.ui-state-hover, .darkmode .ui-tabs .ui-tabs-nav .ui-state-default.ui-state-focus {
  background-color: #fff;
  background-image: -moz-linear-gradient(top, #ededed, #fff 100%);
  background-image: -webkit-linear-gradient(top, #ededed, #fff 100%);
  background-image: -o-linear-gradient(top, #ededed, #fff 100%);
  background-image: -ms-linear-gradient(top, #ededed, #fff 100%);
  background-image: linear-gradient(top, #ededed, #fff 100%);
  color: #000;
}

.darkmode .ui-tabs .ui-tabs-nav .ui-state-default.ui-state-hover a, .darkmode .ui-tabs .ui-tabs-nav .ui-state-default.ui-state-focus a {
  color: #000;
}

.darkmode .ui-tabs .ui-tabs-panel {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  background-color: #fff;
  border: 1px solid #CBCBCB;
  padding: 1em 1.4em;
}

.darkmode .ui-tabs.ui-tabs-top > .ui-tabs-nav {
  padding: 0 2px 0 0;
}

.darkmode .ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-tabs-selected {
  border-bottom: 0 none;
}

.darkmode .ui-tabs-left > .ui-tabs-nav {
  background-image: none;
  float: left;
  height: 300px;
  padding-top: 0;
  /* width: 23%;*/
  width: 100px;
}

.darkmode .ui-tabs-left > .ui-tabs-panels {
  float: left;
  width: 75%;
  width: calc(100% - 110px);
}

.darkmode .ui-tabs.ui-tabs-left > .ui-tabs-nav li {
  border-right: 0 none;
  margin: 0 0 2px 0;
}

.darkmode .ui-tabs.ui-tabs-left > .ui-tabs-nav li {
  float: right;
}

.darkmode .ui-tabs.ui-tabs-left > .ui-tabs-nav li, .darkmode .ui-tabs.ui-tabs-right > .ui-tabs-nav li {
  display: block;
  white-space: normal;
  width: 98%;
}

.darkmode .ui-progressbar {
  border-radius: 10px;
}

.darkmode .ui-progressbar .ui-widget-header {
  background: -moz-linear-gradient(center top, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)) repeat scroll 0 0 #85B2CB;
  border-radius: 10px;
}

.darkmode .ui-inputfield,
.darkmode .ui-widget-content .ui-inputfield,
.darkmode .ui-widget-header .ui-inputfield {
  font-family: "OpenSansRegular", Arial, Helvetica, sans-serif;
  font-size: 14px;
  padding: 4px 5px;
  width: 95%;
  max-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  -o-border-radius: 3px !important;
  -ms-border-radius: 3px !important;
  border-radius: 3px !important;
  color: #000;
  box-shadow: none;
  /*eg: border-left: $type;*/
  border: 1px solid #ccc;
  background-color: #fff;
}

.darkmode .ui-inputfield.txt_xsmall,
.darkmode .ui-widget-content .ui-inputfield.txt_xsmall,
.darkmode .ui-widget-header .ui-inputfield.txt_xsmall {
  width: 80px;
}

.darkmode .ui-inputfield.txt_small,
.darkmode .ui-widget-content .ui-inputfield.txt_small,
.darkmode .ui-widget-header .ui-inputfield.txt_small {
  width: 120px;
}

.darkmode .ui-inputfield.txt_medium,
.darkmode .ui-widget-content .ui-inputfield.txt_medium,
.darkmode .ui-widget-header .ui-inputfield.txt_medium {
  width: 250px;
}

.darkmode .ui-inputfield.txt_large,
.darkmode .ui-widget-content .ui-inputfield.txt_large,
.darkmode .ui-widget-header .ui-inputfield.txt_large {
  width: 300px;
}

.darkmode .ui-inputfield.txt_xlarge,
.darkmode .ui-widget-content .ui-inputfield.txt_xlarge,
.darkmode .ui-widget-header .ui-inputfield.txt_xlarge {
  width: 400px;
}

.darkmode .ui-inputfield.txt_xxlarge,
.darkmode .ui-widget-content .ui-inputfield.txt_xxlarge,
.darkmode .ui-widget-header .ui-inputfield.txt_xxlarge {
  width: 600px;
}

.darkmode .ui-inputfield.txt_block,
.darkmode .ui-widget-content .ui-inputfield.txt_block,
.darkmode .ui-widget-header .ui-inputfield.txt_block {
  width: 100%;
}

.darkmode .ui-inputfield::-webkit-input-placeholder,
.darkmode .ui-widget-content .ui-inputfield::-webkit-input-placeholder,
.darkmode .ui-widget-header .ui-inputfield::-webkit-input-placeholder {
  color: #569bc0;
}

.darkmode .ui-inputfield:-moz-placeholder,
.darkmode .ui-widget-content .ui-inputfield:-moz-placeholder,
.darkmode .ui-widget-header .ui-inputfield:-moz-placeholder {
  color: #569bc0;
}

.darkmode .ui-inputfield::-moz-placeholder,
.darkmode .ui-widget-content .ui-inputfield::-moz-placeholder,
.darkmode .ui-widget-header .ui-inputfield::-moz-placeholder {
  color: #569bc0;
}

.darkmode .ui-inputfield:-ms-input-placeholder,
.darkmode .ui-widget-content .ui-inputfield:-ms-input-placeholder,
.darkmode .ui-widget-header .ui-inputfield:-ms-input-placeholder {
  color: #569bc0;
}

.darkmode .ui-inputfield.right,
.darkmode .ui-widget-content .ui-inputfield.right,
.darkmode .ui-widget-header .ui-inputfield.right {
  text-align: right !important;
}

.darkmode .ui-inputfield.left,
.darkmode .ui-widget-content .ui-inputfield.left,
.darkmode .ui-widget-header .ui-inputfield.left {
  text-align: left !important;
}

.darkmode .ui-inputfield.center,
.darkmode .ui-widget-content .ui-inputfield.center,
.darkmode .ui-widget-header .ui-inputfield.center {
  text-align: center !important;
}

.darkmode .ui-inputfield.ui-state-hover,
.darkmode .ui-widget-content .ui-inputfield.ui-state-hover,
.darkmode .ui-widget-header .ui-inputfield.ui-state-hover {
  background-color: #f4f4f4;
  /*eg: border-left: $type;*/
  border: 1px solid #1d9fe0;
}

.darkmode .ui-inputfield.ui-state-focus, .darkmode .ui-widget-content .ui-inputfield.ui-state-focus, .darkmode .ui-widget-header .ui-inputfield.ui-state-focus {
  /*eg: border-left: $type;*/
  border: 1px solid #1d9fe0;
  background-color: #fff;
}

.darkmode .ui-inputfield.ui-state-error,
.darkmode .ui-widget-content .ui-inputfield.ui-state-error,
.darkmode .ui-widget-header .ui-inputfield.ui-state-error {
  color: #B94A48;
  background-color: #fbf1f1;
  /*eg: border-left: $type;*/
  border: 1px solid #B94A48;
}

.darkmode .ui-inputfield.ui-state-error:hover,
.darkmode .ui-widget-content .ui-inputfield.ui-state-error:hover,
.darkmode .ui-widget-header .ui-inputfield.ui-state-error:hover {
  background-color: #f4f4f4;
  /*eg: border-left: $type;*/
  border: 1px solid #1d9fe0;
}

.darkmode .ui-inputfield.ui-state-error:focus,
.darkmode .ui-widget-content .ui-inputfield.ui-state-error:focus,
.darkmode .ui-widget-header .ui-inputfield.ui-state-error:focus {
  color: #B94A48;
  background-color: #fff;
  /*eg: border-left: $type;*/
  border: 1px solid #990000;
}

.darkmode .ui-inputfield.ui-state-disabled, .darkmode .ui-inputfield.ui-state-disabled:hover, .darkmode .ui-inputfield.ui-state-disabled:focus, .darkmode .ui-inputfield.ui-state-disabled.ui-state-hover, .darkmode .ui-inputfield.ui-state-disabled.ui-state-focus, .darkmode .ui-inputfield:disabled, .darkmode .ui-inputfield:disabled:hover, .darkmode .ui-inputfield:disabled:focus, .darkmode .ui-inputfield:disabled.ui-state-hover, .darkmode .ui-inputfield:disabled.ui-state-focus,
.darkmode .ui-widget-content .ui-inputfield.ui-state-disabled,
.darkmode .ui-widget-content .ui-inputfield.ui-state-disabled:hover,
.darkmode .ui-widget-content .ui-inputfield.ui-state-disabled:focus,
.darkmode .ui-widget-content .ui-inputfield.ui-state-disabled.ui-state-hover,
.darkmode .ui-widget-content .ui-inputfield.ui-state-disabled.ui-state-focus,
.darkmode .ui-widget-content .ui-inputfield:disabled,
.darkmode .ui-widget-content .ui-inputfield:disabled:hover,
.darkmode .ui-widget-content .ui-inputfield:disabled:focus,
.darkmode .ui-widget-content .ui-inputfield:disabled.ui-state-hover,
.darkmode .ui-widget-content .ui-inputfield:disabled.ui-state-focus,
.darkmode .ui-widget-header .ui-inputfield.ui-state-disabled,
.darkmode .ui-widget-header .ui-inputfield.ui-state-disabled:hover,
.darkmode .ui-widget-header .ui-inputfield.ui-state-disabled:focus,
.darkmode .ui-widget-header .ui-inputfield.ui-state-disabled.ui-state-hover,
.darkmode .ui-widget-header .ui-inputfield.ui-state-disabled.ui-state-focus,
.darkmode .ui-widget-header .ui-inputfield:disabled,
.darkmode .ui-widget-header .ui-inputfield:disabled:hover,
.darkmode .ui-widget-header .ui-inputfield:disabled:focus,
.darkmode .ui-widget-header .ui-inputfield:disabled.ui-state-hover,
.darkmode .ui-widget-header .ui-inputfield:disabled.ui-state-focus {
  color: #666;
  background-color: #ededed;
  /*eg: border-left: $type;*/
  border: 1px solid #ddd;
}

.darkmode .ui-inputfield.error_field,
.darkmode .ui-widget-content .ui-inputfield.error_field,
.darkmode .ui-widget-header .ui-inputfield.error_field {
  color: #B94A48;
  background-color: #fbf1f1;
  /*eg: border-left: $type;*/
  border: 1px solid #B94A48;
}

.darkmode .ui-inputfield.error_field:hover,
.darkmode .ui-widget-content .ui-inputfield.error_field:hover,
.darkmode .ui-widget-header .ui-inputfield.error_field:hover {
  background-color: #f4f4f4;
  /*eg: border-left: $type;*/
  border: 1px solid #1d9fe0;
}

.darkmode .ui-inputfield.error_field:focus,
.darkmode .ui-widget-content .ui-inputfield.error_field:focus,
.darkmode .ui-widget-header .ui-inputfield.error_field:focus {
  color: #B94A48;
  background-color: #fff;
  /*eg: border-left: $type;*/
  border: 1px solid #990000;
}

.darkmode .ui-selectonemenu-panel .ui-selectonemenu-list {
  padding: 1px;
}

.darkmode .ui-selectonemenu-trigger.ui-state-default {
  border: 0;
  border-left: 1px solid #CBCBCB;
}

.darkmode .ui-selectonemenu-trigger.ui-state-default.ui-state-error {
  border: 0;
  border-left: 1px solid #B94A48;
}

.darkmode .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
  margin-top: 5px;
}

.darkmode .ui-datatable .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
  background-image: url("../images/ui-icons_000_256x240.png");
}

.darkmode .ui-datatable .ui-selectonemenu.ui-state-hover .ui-selectonemenu-trigger .ui-icon,
.darkmode .ui-datatable .ui-selectonemenu.ui-state-focus .ui-selectonemenu-trigger .ui-icon,
.darkmode .ui-state-hover .ui-selectonemenu-trigger .ui-icon,
.darkmode .ui-state-focus .ui-selectonemenu-trigger .ui-icon {
  background-image: url("../images/ui-icons_fff_256x240.png");
}

.darkmode .ui-selectonemenu-panel .ui-selectonemenu-list-item {
  border: 1px solid transparent;
}

.darkmode .ui-selectonemenu.ui-state-default.ui-widget {
  border: 1px solid #ccc;
}

.darkmode .ui-selectonemenu.ui-state-default.ui-widget:hover {
  border: 1px solid #1d9fe0;
}

.darkmode .ui-selectonemenu.ui-state-default.ui-widget:focus {
  border: 1px solid #1d9fe0;
}

.darkmode .ui-selectonemenu.ui-state-default.ui-widget.ui-state-error {
  font-family: "OpenSansRegular", Arial, Helvetica, sans-serif;
  color: #B94A48;
  background-color: #fbf1f1;
  border: 1px solid #B94A48;
}

.darkmode .ui-selectonemenu.ui-state-default.ui-widget.ui-state-error.ui-state-focus {
  color: #B94A48;
  background-color: #fff;
  border: 1px solid #990000;
}

.darkmode .ui-selectonemenu.ui-state-default.ui-widget.ui-state-error.ui-state-hover {
  background-color: #f4f4f4;
  border: 1px solid #1d9fe0;
}

.darkmode .ui-selectonemenu .ui-selectonemenu-label {
  font-family: "OpenSansRegular", Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #000;
  background-color: #fff;
  padding: 4px;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border: 0;
}

.darkmode .pflichtfeld.ui-selectonemenu .ui-selectonemenu-label {
  background-image: url(../images/mandatory_selectonemenu.png) !important;
  background-position: right top !important;
  background-repeat: no-repeat !important;
}

.darkmode .ui-inputfield.ui-state-hover,
.darkmode .ui-widget-content .ui-inputfield.ui-state-hover,
.darkmode .ui-widget-header .ui-inputfield.ui-state-hover {
  /*eg: border-left: $type;*/
  border: 1px solid #1d9fe0;
  background-color: #f4f4f4;
  box-shadow: none;
}

.darkmode .ui-inputfield.ui-state-focus, .darkmode .ui-widget-content .ui-inputfield.ui-state-focus, .darkmode .ui-widget-header .ui-inputfield.ui-state-focus {
  /*eg: border-left: $type;*/
  border: 1px solid #1d9fe0;
  background-color: #fff;
  box-shadow: none;
}

.darkmode .ui-corner-tl,
.darkmode .ui-corner-tr,
.darkmode .ui-corner-bl,
.darkmode .ui-corner-br,
.darkmode .ui-corner-top,
.darkmode .ui-corner-bottom,
.darkmode .ui-corner-right,
.darkmode .ui-corner-left,
.darkmode .ui-corner-all {
  -webkit-border-radius: 0px !important !important;
  -moz-border-radius: 0px !important !important;
  -o-border-radius: 0px !important !important;
  -ms-border-radius: 0px !important !important;
  border-radius: 0px !important !important;
}

.darkmode .ui-picklist .ui-picklist-caption {
  padding: 10px 0px 3px 0px;
  text-align: left;
}

.darkmode .ui-picklist .ui-picklist-list {
  border: 1px solid #CBCBCB;
  margin-top: 5px;
  /* height: 200px;
		list-style-type: none;
		margin: 0;
		overflow: auto;
		padding: 0;*/
  width: 250px;
}

.darkmode .ui-picklist .ui-picklist-item {
  border: 1px solid transparent;
}

.darkmode .ui-picklist .ui-picklist-item a,
.darkmode .ui-picklist .ui-picklist-item a:link,
.darkmode .ui-picklist .ui-picklist-item a:visited {
  color: #000;
  text-decoration: underline;
}

.darkmode .ui-picklist .ui-picklist-item a:active,
.darkmode .ui-picklist .ui-picklist-item a:hover,
.darkmode .ui-picklist .ui-picklist-item a:focus {
  color: #000;
  text-decoration: none;
}

.darkmode .ui-picklist .ui-picklist-item.ui-state-hover a:link, .darkmode .ui-picklist .ui-picklist-item.ui-state-focus a:link, .darkmode .ui-picklist .ui-picklist-item.ui-state-highlight a:link {
  color: #fff;
  text-decoration: none;
}

.darkmode .ui-picklist .ui-picklist-item.ui-state-disabled a:link {
  color: #666;
  text-decoration: none;
}

.darkmode .ui-messages ul {
  margin: 0 15px;
}

.darkmode .ui-messages-info,
.darkmode .ui-messages-warn,
.darkmode .ui-messages-error,
.darkmode .ui-messages-fatal {
  border: 0;
  border-left: 1px solid;
}

.darkmode .ui-messages-info-summary,
.darkmode .ui-messages-warn-summary,
.darkmode .ui-messages-error-summary,
.darkmode .ui-messages-fatal-summary,
.darkmode .ui-message-info-summary,
.darkmode .ui-message-warn-summary,
.darkmode .ui-message-error-summary,
.darkmode .ui-message-fatal-summary {
  font-weight: normal;
}

.darkmode .ui-messages-info,
.darkmode .ui-message-info {
  background-color: #D9EDF7;
  border-color: #3f92bb;
  color: #2b637f;
}

.darkmode .ui-messages-warn,
.darkmode .ui-message-warn {
  background-color: #FCF8E3;
  border-color: #cba158;
  color: #866a3a;
}

.darkmode .ui-messages-error,
.darkmode .ui-message-error {
  background-color: #F2DEDE;
  border-color: #cb514f;
  color: #7f3331;
}

.darkmode .ui-messages-fatal,
.darkmode .ui-message-fatal {
  background-color: #F2DEDE;
  border-color: #cb514f;
  color: #7f3331;
}

.darkmode .ui-messages-info-icon,
.darkmode .ui-messages-warn-icon,
.darkmode .ui-messages-error-icon,
.darkmode .ui-messages-fatal-icon {
  height: 24px;
  margin-top: 0px;
  width: 5px;
  background-image: none;
}

.darkmode .ui-messages-info-icon:before,
.darkmode .ui-messages-warn-icon:before,
.darkmode .ui-messages-error-icon:before,
.darkmode .ui-messages-fatal-icon:before {
  font-family: FontAwesome;
  font-size: 14px;
}

.darkmode .ui-messages-info-icon:before {
  content: "\f05a";
  color: #2b637f;
}

.darkmode .ui-messages-warn-icon:before {
  content: "\f071";
  color: #866a3a;
}

.darkmode .ui-messages-error-icon:before {
  content: "\f057";
  color: #7f3331;
}

.darkmode .ui-messages-fatal-icon:before {
  content: "\f05e";
  color: #7f3331;
}

.darkmode span.calendarfield {
  display: inline-block;
}

.darkmode span.calendarfield .ui-inputfield {
  width: 90px;
  text-align: right;
}

.darkmode span.calendarfield.error_field {
  border: 0 !important;
}

.darkmode span.calendarfield.error_field .ui-inputfield {
  font-family: "OpenSansRegular", Arial, Helvetica, sans-serif;
  color: #B94A48;
  background-color: #fbf1f1;
  border: 1px solid #B94A48;
}

.darkmode span.calendarfield.error_field .ui-inputfield:hover {
  background-color: #f4f4f4;
  border: 1px solid #1d9fe0;
}

.darkmode span.calendarfield.error_field .ui-inputfield:focus {
  color: #B94A48;
  background-color: #fff;
  border: 1px solid #990000;
}

.darkmode span.calendarfield.pflichtfeld:after {
  content: "";
}

.darkmode span.calendarfield.pflichtfeld .ui-inputfield {
  background-image: url(../images/mandatory.png) !important;
  background-position: right top !important;
  background-repeat: no-repeat !important;
  padding-right: 12px !important;
}

.darkmode span.calendarfield.txt_xsmall input.ui-inputfield {
  width: 80px;
}

.darkmode span.calendarfield.txt_small input.ui-inputfield {
  width: 120px;
}

.darkmode span.calendarfield.txt_medium input.ui-inputfield {
  width: 250px;
}

.darkmode span.calendarfield.txt_large input.ui-inputfield {
  width: 300px;
}

.darkmode span.calendarfield.txt_xlarge input.ui-inputfield {
  width: 400px;
}

.darkmode span.calendarfield.txt_xxlarge input.ui-inputfield {
  width: 600px;
}

.darkmode .ui-datepicker.ui-widget-content {
  background-color: #fff;
}

.darkmode .ui-datepicker table {
  table-layout: fixed;
}

.darkmode .ui-datepicker td a.ui-state-default {
  text-align: center;
}

.darkmode .ui-datepicker .ui-datepicker-calendar .ui-state-default {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: medium none;
  color: #000;
}

.darkmode .ui-datepicker .ui-datepicker-calendar .ui-state-hover {
  box-shadow: none;
  color: #fff;
  background-color: #000;
}

.darkmode .ui-datepicker .ui-datepicker-current-day .ui-state-highlight,
.darkmode .ui-datepicker .ui-datepicker-current-day .ui-state-default {
  background: none repeat scroll 0 0 #000;
  box-shadow: none;
  color: #fff !important;
  font-family: "OpenSansSemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  text-shadow: none;
}

.darkmode .ui-datepicker .ui-datepicker-header {
  background-color: #ccc;
  background-image: none;
  border: 0;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -o-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  border-radius: 0 !important;
  padding: 4px 0;
}

.darkmode .ui-datepicker .ui-datepicker-title {
  color: #000;
  line-height: 1.5em;
}

.darkmode .ui-datepicker .ui-datepicker-next,
.darkmode .ui-datepicker .ui-datepicker-prev {
  cursor: pointer;
}

.darkmode .ui-datepicker .ui-datepicker-next .ui-icon,
.darkmode .ui-datepicker .ui-datepicker-prev .ui-icon {
  background-image: url("../images/ui-icons_000_256x240.png");
}

.darkmode .ui-datepicker .ui-datepicker-next-hover,
.darkmode .ui-datepicker .ui-datepicker-prev-hover {
  background-color: transparent !important;
}

.darkmode .ui-datepicker .ui-datepicker-next-hover .ui-icon,
.darkmode .ui-datepicker .ui-datepicker-prev-hover .ui-icon {
  background-image: url("../images/ui-icons_616161_256x240.png");
}

.darkmode .ui-button.ui-state-default.ui-datepicker-trigger {
  background-image: none !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: normal !important;
}

.darkmode .ui-datepicker-trigger .ui-icon {
  background-image: none !important;
  margin: 0 !important;
  padding: 0 !important;
  text-indent: 0;
  left: 5px;
  top: 5px;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  -o-border-radius: 0px !important;
  -ms-border-radius: 0px !important;
  border-radius: 0px !important;
}

.darkmode .ui-datepicker-trigger.ui-state-hover .ui-icon.ui-icon-calendar:before,
.darkmode .ui-datepicker-trigger.ui-state-focus .ui-icon.ui-icon-calendar:before {
  color: #000;
}

.darkmode .ui-datepicker-trigger .ui-icon.ui-icon-calendar:before {
  font-family: FontAwesome;
  font-size: 14px;
  color: #000;
  content: "\f073";
  display: block;
}

.darkmode .ui-datepicker-trigger.ui-button-icon-only {
  width: 25px;
}

.darkmode .ui-datepicker-trigger.ui-button.ui-button-icon-only {
  background-color: transparent;
  border: 0;
}

.darkmode .ui-button.ui-datepicker-trigger {
  margin-right: 4px;
  margin-left: 4px;
  /*
    cursor: pointer;
    display: inline-block;
    overflow: visible;
    padding: 0;
    position: relative;
    text-align: center;
    text-decoration: none !important;
	*/
}

.darkmode label.ui-outputlabel,
.darkmode span.displayfield {
  /*display:inline-block;
	padding-top:4px;
	min-height:30px;
	box-sizing:border-box;*/
  line-height: 1.57em;
}

.darkmode label.ui-outputlabel.bold, .darkmode label.ui-outputlabel b, .darkmode label.ui-outputlabel strong,
.darkmode span.displayfield.bold,
.darkmode span.displayfield b,
.darkmode span.displayfield strong {
  font-weight: bold;
  font-family: "OpenSansSemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.darkmode label.ui-outputlabel.th_style,
.darkmode span.displayfield.th_style {
  font-weight: normal;
  color: #000;
  font-family: "OpenSansSemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  display: inline;
}

.darkmode .ui-resizable-column label.ui-outputlabel {
  padding-top: 0px;
  min-height: 10px;
}

.darkmode label.ui-outputlabel.field_num {
  display: inline-block;
  font-family: "OpenSansRegular", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 11px !important;
  color: #333 !important;
  padding-right: 5px;
  min-height: 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.darkmode #DecisionDialog {
  background-color: #fff;
  height: 100%;
}

.darkmode .decisionpopup_description_div {
  padding: 15px 10px 10px 10px;
}

.darkmode .decisionpopup_buttonbar {
  padding-top: 10px;
  text-align: center;
}

.darkmode .decisionpopup_button {
  margin-right: 5px;
  display: inline-block;
  cursor: pointer;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  -o-border-radius: 3px !important;
  -ms-border-radius: 3px !important;
  border-radius: 3px !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  vertical-align: middle;
  font-size: 14px;
  font-family: "OpenSansRegular", Arial, Helvetica, sans-serif;
  text-decoration: none;
  background-color: #151515;
  color: #fff;
  padding: 4px 12px;
  border: 1px solid #3c3c3e;
  min-width: 85px;
}

.darkmode .decisionpopup_button:hover, .darkmode .decisionpopup_button:focus, .darkmode .decisionpopup_button:active {
  background-color: #ededed;
  color: #000;
  text-decoration: none;
  border: 1px solid #fff;
}

.darkmode .decisionpopup_button:focus {
  border: 1px solid #000;
}

.darkmode .decisionpopup_button:disabled, .darkmode .decisionpopup_button:disabled:link, .darkmode .decisionpopup_button:disabled:visited, .darkmode .decisionpopup_button:disabled:hover, .darkmode .decisionpopup_button:disabled:focus, .darkmode .decisionpopup_button:disabled:active {
  background-image: none;
  background-color: #f4f4f4;
  color: #999;
  text-decoration: none;
  border: 1px solid #ddd;
  cursor: default;
}

.darkmode .decisionpopup_button span.ui-button-text {
  padding: 0 !important;
  display: inline !important;
}

.darkmode .dialog-countdown-warningicon:before {
  font-family: FontAwesome;
  font-weight: normal;
  content: "\f071";
  font-size: 24px;
  color: #333;
  display: inline-block;
  float: left;
  margin: 15px 15px 60px 15px;
}

.darkmode .dialog-countdown-div {
  margin-top: 15px;
  display: inline-block;
}

.darkmode .dialog-countdown-pre {
  display: inline-block;
}

.darkmode .dialog-countdown {
  font-family: "OpenSansSemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 20px;
  margin: 0 5px;
  display: inline-block;
}

.darkmode .dialog-countdown-post {
  display: inline-block;
}

.darkmode .dialog-countdown-button {
  margin-top: 25px;
}

.darkmode .galleria-theme-classic {
  background-color: #fff !important;
}

.darkmode .galleria-theme-classic .galleria-stage {
  height: 80%;
}

.darkmode .galleria-theme-classic .galleria-counter {
  opacity: 1;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
}

.darkmode .galleria-theme-classic.notouch .galleria-thumb-nav-left:hover,
.darkmode .galleria-theme-classic.notouch .galleria-thumb-nav-right:hover {
  background-color: transparent;
  opacity: 1;
}

.darkmode .galleria-theme-classic .galleria-thumb-nav-left,
.darkmode .galleria-theme-classic .galleria-thumb-nav-right,
.darkmode .galleria-theme-classic .galleria-info-link,
.darkmode .galleria-theme-classic .galleria-info-close,
.darkmode .galleria-theme-classic .galleria-image-nav-left,
.darkmode .galleria-theme-classic .galleria-image-nav-right {
  background-image: url(../images/galleria-classic-map.png);
  background-repeat: no-repeat;
  opacity: 0.8;
}

.darkmode .galleria-theme-classic .galleria-info-link {
  background-color: transparent;
}

.darkmode .galleria-theme-classic .galleria-thumbnails .galleria-image {
  background-color: transparent;
  border: 1px solid #CBCBCB;
}

.darkmode .galleria-theme-classic .galleria-image img {
  image-rendering: auto !important;
}

.darkmode .galleria-theme-classic .galleria-thumbnails-list {
  margin-left: auto;
  margin-right: auto;
  width: fit-content;
}

.darkmode .blockMsg {
  background: none !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -ms-box-shadow: none !important;
  -o-box-shadow: none !important;
  box-shadow: none !important;
  top: 40% !important;
  left: 45% !important;
}

.darkmode .blockMsg .ui-widget-content.pe-blockui-content {
  overflow: hidden;
  padding: 40px !important;
}

.darkmode .blockMsg > div > span.fa-spinner {
  font-size: 45px;
  color: #fff;
}

@media all and (max-width: 1250px) {
  .darkmode {
    /*	#outbox_header_content{
		background-image: none;

		.logo{
			height:70px;
			padding: 0px;
			cursor: pointer;
			margin: 28px 0 0 15px;
		}
		
		.logo_subtext{
			margin: 29px 0 0 0px !important;
			color:red;
			font-size: 14px !important;
			height: 21px;
		}
	}

	.outbox_header_right{
		float: right;
		padding:15px 15px 0 0;
	
		.servicenavi{
			float: right;
			height:auto;
		}
		
		.ticketcounter{
			float: right;
			padding:1px 8px;
		}
	}
	*/
  }
  .darkmode .map_box .map_content_left,
  .darkmode .map_box .map_content_right {
    width: 100% !important;
    display: block;
    float: none;
  }
  .darkmode .map_box .ticket_container {
    width: 100%;
    max-width: 100%;
  }
  .darkmode .seatSelectionOuterArea {
    padding-right: 0;
  }
  .darkmode .stadion_map svg {
    height: 380px;
    max-width: 100%;
    width: 500px;
  }
  .darkmode .seatSelectionBlockSelection svg {
    width: 99%;
  }
}

@media all and (max-width: 1250px) and (-ms-high-contrast: none) {
  .darkmode .imgBlockSelection {
    height: 230px;
  }
}

@media all and (max-device-width: 1024px) {
  .darkmode .slideshow_row {
    display: none;
  }
  .darkmode .cart_img_neu {
    width: 50% !important;
  }
  .darkmode .cart_info {
    width: 50% !important;
  }
  .darkmode .cart_prices {
    width: -moz-available !important;
    width: -webkit-fill-available !important;
    width: fill-available !important;
  }
}

@media all and (max-device-width: 800px) {
  .darkmode .cart_img_neu {
    width: 100% !important;
  }
  .darkmode .cart_info {
    width: 100% !important;
  }
}

@media all and (max-width: 660px) {
  .darkmode {
    /* SMARTGRID */
    /* GD Styles */
    /* BASEFRAME / CUSTOM */
    /*.servicenavi_separator{display:none;}*/
    /* MENU */
    /* CONTENT ELEMENTS*/
    /* OVERLOAD LIBS */
    /* Datagrid product_list_table */
    /* Allgemeine Definition der Tables */
    /* CUSTOM */
    /* Styles für  "Meine Adressen" */
    /* Product Overview */
  }
  .darkmode .center_container .pamgd_smartgrid_row,
  .darkmode .cart_product_row .pamgd_smartgrid_row {
    width: 100% !important;
    display: block;
    float: left;
    padding-top: 2px;
    padding-bottom: 2px;
  }
  .darkmode .cart_product_row .pamgd_smartgrid_columns,
  .darkmode .start_order_wrapper .pamgd_smartgrid_columns,
  .darkmode .shopping_cart_wrapper .pamgd_smartgrid_columns,
  .darkmode .delivery_wrapper .pamgd_smartgrid_columns,
  .darkmode .supplier_wrapper .pamgd_smartgrid_columns,
  .darkmode .payment_wrapper .pamgd_smartgrid_columns,
  .darkmode .confirmation_wrapper .pamgd_smartgrid_columns,
  .darkmode .success_wrapper .pamgd_smartgrid_columns,
  .darkmode .ticket_overview_wrapper .pamgd_smartgrid_columns,
  .darkmode .guest_data_wrapper .pamgd_smartgrid_columns {
    width: 100% !important;
    display: block;
    float: none;
    padding-top: 2px;
    padding-bottom: 2px;
  }
  .darkmode .shopping_cart_items {
    width: 100% !important;
  }
  .darkmode .external_sub_categories {
    padding: 0px 0px 10px 0px !important;
  }
  .darkmode .freechoice_ticketcategory_col_left, .darkmode .freechoice_ticketcategory_col_right {
    float: left;
  }
  .darkmode .freechoice_ticketcategory_row .col_left, .darkmode .freechoice_ticketcategory_row .col_center {
    float: left;
  }
  .darkmode .freechoice_ticketcategory_row .col_left {
    margin-left: 25px !important;
  }
  .darkmode .freechoice_ticketcategory_row .col_center {
    width: 80% !important;
  }
  .darkmode .freechoice_ticketcategory_row .select_amount {
    width: 100% !important;
    padding-top: 30px;
    margin-left: 25px !important;
  }
  .darkmode .bestSeatButton, .darkmode .hallSeatButton {
    width: 100% !important;
    display: block;
    float: left;
    padding-top: 2px;
    padding-bottom: 2px;
  }
  .darkmode .ticket_legend {
    width: 100% !important;
    display: block;
    float: none;
  }
  .darkmode #areaPK .freechoice_ticketcategory_row {
    padding: 0 10px;
  }
  .darkmode .pamgd_widthXSmall {
    width: 100% !important;
  }
  .darkmode .pamgd_widthSmall {
    width: 100% !important;
  }
  .darkmode .pamgd_widthMedium {
    width: 100% !important;
  }
  .darkmode .pamgd_widthLarge {
    width: 100% !important;
  }
  .darkmode .pamgd_hide.kat_menu {
    display: none !important;
  }
  .darkmode .ui-inputfield,
  .darkmode .ui-widget-content .ui-inputfield,
  .darkmode .ui-widget-header .ui-inputfield,
  .darkmode input[type="color"],
  .darkmode input[type="date"],
  .darkmode input[type="datetime"],
  .darkmode input[type="datetime-local"],
  .darkmode input[type="email"],
  .darkmode input[type="month"],
  .darkmode input[type="number"],
  .darkmode input[type="password"],
  .darkmode input[type="search"],
  .darkmode input[type="tel"],
  .darkmode input[type="text"],
  .darkmode input[type="time"],
  .darkmode input[type="url"],
  .darkmode input[type="week"],
  .darkmode textarea,
  .darkmode select {
    width: 100%;
  }
  .darkmode .ui-inputfield.txt_xsmall, .darkmode .ui-inputfield.txt_small, .darkmode .ui-inputfield.txt_medium, .darkmode .ui-inputfield.txt_large, .darkmode .ui-inputfield.txt_xlarge, .darkmode .ui-inputfield.txt_xxlarge, .darkmode .ui-inputfield.txt_block,
  .darkmode .ui-widget-content .ui-inputfield.txt_xsmall,
  .darkmode .ui-widget-content .ui-inputfield.txt_small,
  .darkmode .ui-widget-content .ui-inputfield.txt_medium,
  .darkmode .ui-widget-content .ui-inputfield.txt_large,
  .darkmode .ui-widget-content .ui-inputfield.txt_xlarge,
  .darkmode .ui-widget-content .ui-inputfield.txt_xxlarge,
  .darkmode .ui-widget-content .ui-inputfield.txt_block,
  .darkmode .ui-widget-header .ui-inputfield.txt_xsmall,
  .darkmode .ui-widget-header .ui-inputfield.txt_small,
  .darkmode .ui-widget-header .ui-inputfield.txt_medium,
  .darkmode .ui-widget-header .ui-inputfield.txt_large,
  .darkmode .ui-widget-header .ui-inputfield.txt_xlarge,
  .darkmode .ui-widget-header .ui-inputfield.txt_xxlarge,
  .darkmode .ui-widget-header .ui-inputfield.txt_block,
  .darkmode input[type="color"].txt_xsmall,
  .darkmode input[type="color"].txt_small,
  .darkmode input[type="color"].txt_medium,
  .darkmode input[type="color"].txt_large,
  .darkmode input[type="color"].txt_xlarge,
  .darkmode input[type="color"].txt_xxlarge,
  .darkmode input[type="color"].txt_block,
  .darkmode input[type="date"].txt_xsmall,
  .darkmode input[type="date"].txt_small,
  .darkmode input[type="date"].txt_medium,
  .darkmode input[type="date"].txt_large,
  .darkmode input[type="date"].txt_xlarge,
  .darkmode input[type="date"].txt_xxlarge,
  .darkmode input[type="date"].txt_block,
  .darkmode input[type="datetime"].txt_xsmall,
  .darkmode input[type="datetime"].txt_small,
  .darkmode input[type="datetime"].txt_medium,
  .darkmode input[type="datetime"].txt_large,
  .darkmode input[type="datetime"].txt_xlarge,
  .darkmode input[type="datetime"].txt_xxlarge,
  .darkmode input[type="datetime"].txt_block,
  .darkmode input[type="datetime-local"].txt_xsmall,
  .darkmode input[type="datetime-local"].txt_small,
  .darkmode input[type="datetime-local"].txt_medium,
  .darkmode input[type="datetime-local"].txt_large,
  .darkmode input[type="datetime-local"].txt_xlarge,
  .darkmode input[type="datetime-local"].txt_xxlarge,
  .darkmode input[type="datetime-local"].txt_block,
  .darkmode input[type="email"].txt_xsmall,
  .darkmode input[type="email"].txt_small,
  .darkmode input[type="email"].txt_medium,
  .darkmode input[type="email"].txt_large,
  .darkmode input[type="email"].txt_xlarge,
  .darkmode input[type="email"].txt_xxlarge,
  .darkmode input[type="email"].txt_block,
  .darkmode input[type="month"].txt_xsmall,
  .darkmode input[type="month"].txt_small,
  .darkmode input[type="month"].txt_medium,
  .darkmode input[type="month"].txt_large,
  .darkmode input[type="month"].txt_xlarge,
  .darkmode input[type="month"].txt_xxlarge,
  .darkmode input[type="month"].txt_block,
  .darkmode input[type="number"].txt_xsmall,
  .darkmode input[type="number"].txt_small,
  .darkmode input[type="number"].txt_medium,
  .darkmode input[type="number"].txt_large,
  .darkmode input[type="number"].txt_xlarge,
  .darkmode input[type="number"].txt_xxlarge,
  .darkmode input[type="number"].txt_block,
  .darkmode input[type="password"].txt_xsmall,
  .darkmode input[type="password"].txt_small,
  .darkmode input[type="password"].txt_medium,
  .darkmode input[type="password"].txt_large,
  .darkmode input[type="password"].txt_xlarge,
  .darkmode input[type="password"].txt_xxlarge,
  .darkmode input[type="password"].txt_block,
  .darkmode input[type="search"].txt_xsmall,
  .darkmode input[type="search"].txt_small,
  .darkmode input[type="search"].txt_medium,
  .darkmode input[type="search"].txt_large,
  .darkmode input[type="search"].txt_xlarge,
  .darkmode input[type="search"].txt_xxlarge,
  .darkmode input[type="search"].txt_block,
  .darkmode input[type="tel"].txt_xsmall,
  .darkmode input[type="tel"].txt_small,
  .darkmode input[type="tel"].txt_medium,
  .darkmode input[type="tel"].txt_large,
  .darkmode input[type="tel"].txt_xlarge,
  .darkmode input[type="tel"].txt_xxlarge,
  .darkmode input[type="tel"].txt_block,
  .darkmode input[type="text"].txt_xsmall,
  .darkmode input[type="text"].txt_small,
  .darkmode input[type="text"].txt_medium,
  .darkmode input[type="text"].txt_large,
  .darkmode input[type="text"].txt_xlarge,
  .darkmode input[type="text"].txt_xxlarge,
  .darkmode input[type="text"].txt_block,
  .darkmode input[type="time"].txt_xsmall,
  .darkmode input[type="time"].txt_small,
  .darkmode input[type="time"].txt_medium,
  .darkmode input[type="time"].txt_large,
  .darkmode input[type="time"].txt_xlarge,
  .darkmode input[type="time"].txt_xxlarge,
  .darkmode input[type="time"].txt_block,
  .darkmode input[type="url"].txt_xsmall,
  .darkmode input[type="url"].txt_small,
  .darkmode input[type="url"].txt_medium,
  .darkmode input[type="url"].txt_large,
  .darkmode input[type="url"].txt_xlarge,
  .darkmode input[type="url"].txt_xxlarge,
  .darkmode input[type="url"].txt_block,
  .darkmode input[type="week"].txt_xsmall,
  .darkmode input[type="week"].txt_small,
  .darkmode input[type="week"].txt_medium,
  .darkmode input[type="week"].txt_large,
  .darkmode input[type="week"].txt_xlarge,
  .darkmode input[type="week"].txt_xxlarge,
  .darkmode input[type="week"].txt_block,
  .darkmode textarea.txt_xsmall,
  .darkmode textarea.txt_small,
  .darkmode textarea.txt_medium,
  .darkmode textarea.txt_large,
  .darkmode textarea.txt_xlarge,
  .darkmode textarea.txt_xxlarge,
  .darkmode textarea.txt_block,
  .darkmode select.txt_xsmall,
  .darkmode select.txt_small,
  .darkmode select.txt_medium,
  .darkmode select.txt_large,
  .darkmode select.txt_xlarge,
  .darkmode select.txt_xxlarge,
  .darkmode select.txt_block {
    width: 100%;
  }
  .darkmode body {
    margin: 0;
    padding: 0;
    font-family: "OpenSansRegular", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #fff;
    overflow: auto;
    background-color: #000;
  }
  .darkmode #outbox_header {
    z-index: 35;
    position: static;
    left: 0;
    right: 0;
    top: 0;
    height: 95px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    background-color: #000;
    background-image: url(../images/header_bg_img.png);
    background-repeat: no-repeat;
    background-size: cover;
  }
  .darkmode .outbox_header_right .ticketcounter {
    margin: 0;
    position: absolute;
    top: 58px;
    right: 170px;
  }
  .darkmode #outbox_header_content {
    height: 50px;
    /*	background-image:$header_logo_img;
	background-size: auto 85%;
	background-position:12px;
	background-repeat:no-repeat;	*/
  }
  .darkmode #outbox_header_content .logo {
    height: 42px;
    top: 5px;
    left: 12px;
  }
  .darkmode .center_container {
    width: 100%;
    margin: 10px auto 0 auto;
  }
  .darkmode .kat_container {
    position: static;
  }
  .darkmode .submenu_container {
    position: static;
  }
  .darkmode .servicenavi {
    width: 100%;
    position: relative;
    float: right;
    padding: 5px 10px 0 0;
    box-sizing: border-box;
    text-align: right;
  }
  .darkmode .servicenavi .servicenavi_separator {
    display: none;
  }
  .darkmode .login, .darkmode .login:link, .darkmode .login:visited, .darkmode .login:active,
  .darkmode .user,
  .darkmode .user:link,
  .darkmode .user:visited,
  .darkmode .user:active {
    font-size: 12px;
    padding: 2px 5px;
    margin: 0 2px;
  }
  .darkmode .cart {
    position: absolute;
    top: 57px;
    right: 10px;
  }
  .darkmode .content_breadcrumbs {
    position: static;
    height: auto;
    font-size: 12px;
  }
  .darkmode .content_breadcrumbs .ui-outputlabel {
    display: inline-block;
    padding: 7px 8px 6px 8px;
  }
  .darkmode .content_breadcrumbs a, .darkmode .content_breadcrumbs a:link, .darkmode .content_breadcrumbs a:visited, .darkmode .content_breadcrumbs a:hover, .darkmode .content_breadcrumbs a:active, .darkmode .content_breadcrumbs a:focus {
    display: inline-block;
    padding: 7px 8px 6px 8px;
    text-decoration: none;
  }
  .darkmode .content_row {
    min-height: 0px;
  }
  .darkmode #menu {
    position: static;
  }
  .darkmode #content_footer {
    padding: 0;
    overflow: auto;
    width: -webkit-fill-available;
    max-height: none;
    position: relative;
    margin: 40px -20px 0 -20px;
  }
  .darkmode #content_footer_content a, .darkmode #content_footer_content a:link, .darkmode #content_footer_content a:visited {
    width: -webkit-fill-available;
    text-align: center;
  }
  .darkmode #content_footer_content .SoMeBar .item {
    margin-left: 0 !important;
    width: 32%;
  }
  .darkmode .mobile_menu_btn {
    cursor: pointer;
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    background-color: #333;
    margin-left: 10px;
    line-height: 30px;
    color: #fff;
    border: 1px solid #fff;
  }
  .darkmode .mobile_menu_btn:before {
    font-family: FontAwesome;
    content: "\f0c9";
    font-size: 18px;
    color: #fff;
  }
  .darkmode .mobile_menu_btn:hover, .darkmode .mobile_menu_btn:focus {
    background-color: #fff;
    color: #333;
    border: 1px solid #333;
  }
  .darkmode .mobile_menu_btn:hover:before, .darkmode .mobile_menu_btn:focus:before {
    color: #333;
  }
  .darkmode .mobile_menu_btn.active {
    background-color: #fff;
    color: #000;
    border: 1px solid #333;
  }
  .darkmode .mobile_menu_btn.active:before {
    color: #000;
  }
  .darkmode .mobile_menu_btn.active:hover, .darkmode .mobile_menu_btn.active:focus {
    background-color: #fff;
    color: #333;
    border: 1px solid #333;
  }
  .darkmode .mobile_menu_btn.active:hover:before, .darkmode .mobile_menu_btn.active:focus:before {
    color: #333;
  }
  .darkmode .standardMenu {
    display: none;
  }
  .darkmode .standardMenu.hide {
    display: none;
  }
  .darkmode .standardMenu.show {
    display: block;
    position: relative;
  }
  .darkmode .standardMenu ul {
    /*display:none;*/
    font-family: "OpenSansRegular", Arial, Helvetica, sans-serif;
    left: 15px;
    position: absolute;
    width: 200px;
    z-index: 9999;
  }
  .darkmode .standardMenu li {
    display: block;
  }
  .darkmode .standardMenu a, .darkmode .standardMenu a:link, .darkmode .standardMenu a:visited {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    background-color: #333;
  }
  .darkmode h1 {
    margin: 5px 0px 8px 0px;
    font-size: 22px;
  }
  .darkmode h2 {
    margin: 5px 0px 8px 0px;
    font-size: 16px;
  }
  
  .darkmode h3,
  .darkmode .submenu_headline {
    margin-top: 3px 0 5px 0;
    font-size: 14px;
  }
  .darkmode h4, .darkmode h5, .darkmode h6 {
    margin-top: 3px 0 5px 0;
    font-size: 14px;
  }
  .darkmode .datagrid_switch {
    display: none;
  }
  .darkmode .product_list_table .ui-datagrid {
    /*	&.datagrid_01{
			
			.ui-datagrid-column{
				
				.prod_img{
					display:block;
					margin-bottom:5px;
					text-align:left;
					vertical-align:top;
					
					img{
						max-width:100%;
						max-height:150px;
					}
				}
				
				.prod_infos {
					display:block;
					margin-left:0;
					width:100% !important;
				}
				
				.prod_name{}
				.prod_price{}
				
				.prod_desc{
					@include box-sizing(border-box);
					padding:0;
				}
				
			}
		}*/
  }
  .darkmode .product_list_table .ui-datagrid .ui-grid-row {
    border: none;
  }
  .darkmode .product_list_table .ui-datagrid .ui-grid-row:first-child {
    border-top: none;
  }
  .darkmode .product_list_table .ui-datagrid .ui-grid-row:last-child {
    border-bottom: 1px solid #CBCBCB;
  }
  .darkmode .product_list_table .ui-datagrid.datagrid_01 .ui-datagrid-column,
  .darkmode .product_list_table .ui-datagrid .ui-datagrid-column {
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 0;
    height: auto;
    border-top: 1px solid #CBCBCB;
  }
  .darkmode .product_list_table .ui-datagrid.datagrid_01 .ui-datagrid-column .prod_img,
  .darkmode .product_list_table .ui-datagrid .ui-datagrid-column .prod_img {
    width: 100%;
    display: block;
    margin-bottom: 5px;
    text-align: left;
  }
  .darkmode .product_list_table .ui-datagrid.datagrid_01 .ui-datagrid-column .prod_img img,
  .darkmode .product_list_table .ui-datagrid .ui-datagrid-column .prod_img img {
    max-width: 100%;
    max-height: 150px;
  }
  .darkmode .product_list_table .ui-datagrid.datagrid_01 .ui-datagrid-column .prod_infos,
  .darkmode .product_list_table .ui-datagrid .ui-datagrid-column .prod_infos {
    display: block;
    width: 100% !important;
    margin-left: 0;
    padding-left: 0;
  }
  .darkmode .product_list_table .ui-datagrid.datagrid_01 .ui-datagrid-column .prod_desc,
  .darkmode .product_list_table .ui-datagrid .ui-datagrid-column .prod_desc {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    max-height: none;
  }
  .darkmode .product_list_table .ui-datagrid .ui-paginator {
    text-align: left;
  }
  .darkmode .ui-datatable,
  .darkmode .ui-treetable,
  .darkmode .ui-datatable-resizable {
    border-top: 1px solid #CBCBCB;
  }
  .darkmode .ui-datatable thead th,
  .darkmode .ui-datatable tfoot td,
  .darkmode .ui-datatable tbody td,
  .darkmode .ui-treetable thead th,
  .darkmode .ui-treetable tfoot td,
  .darkmode .ui-treetable tbody td,
  .darkmode .ui-datatable-resizable thead th,
  .darkmode .ui-datatable-resizable tfoot td,
  .darkmode .ui-datatable-resizable tbody td {
    padding: 8px 10px;
    overflow: hidden;
    border: none !important;
    text-align: center;
    font-size: 14px;
  }
  .darkmode .ui-datatable thead th .ui-inputfield,
  .darkmode .ui-datatable tfoot td .ui-inputfield,
  .darkmode .ui-datatable tbody td .ui-inputfield,
  .darkmode .ui-treetable thead th .ui-inputfield,
  .darkmode .ui-treetable tfoot td .ui-inputfield,
  .darkmode .ui-treetable tbody td .ui-inputfield,
  .darkmode .ui-datatable-resizable thead th .ui-inputfield,
  .darkmode .ui-datatable-resizable tfoot td .ui-inputfield,
  .darkmode .ui-datatable-resizable tbody td .ui-inputfield {
    width: auto !important;
  }
  .darkmode .ui-datatable thead th .ui-selectonemenu.ui-state-default.ui-widget,
  .darkmode .ui-datatable tfoot td .ui-selectonemenu.ui-state-default.ui-widget,
  .darkmode .ui-datatable tbody td .ui-selectonemenu.ui-state-default.ui-widget,
  .darkmode .ui-treetable thead th .ui-selectonemenu.ui-state-default.ui-widget,
  .darkmode .ui-treetable tfoot td .ui-selectonemenu.ui-state-default.ui-widget,
  .darkmode .ui-treetable tbody td .ui-selectonemenu.ui-state-default.ui-widget,
  .darkmode .ui-datatable-resizable thead th .ui-selectonemenu.ui-state-default.ui-widget,
  .darkmode .ui-datatable-resizable tfoot td .ui-selectonemenu.ui-state-default.ui-widget,
  .darkmode .ui-datatable-resizable tbody td .ui-selectonemenu.ui-state-default.ui-widget {
    width: auto !important;
  }
  .darkmode .ui-datatable thead th select,
  .darkmode .ui-datatable tfoot td select,
  .darkmode .ui-datatable tbody td select,
  .darkmode .ui-treetable thead th select,
  .darkmode .ui-treetable tfoot td select,
  .darkmode .ui-treetable tbody td select,
  .darkmode .ui-datatable-resizable thead th select,
  .darkmode .ui-datatable-resizable tfoot td select,
  .darkmode .ui-datatable-resizable tbody td select {
    width: auto !important;
  }
  .darkmode .ui-datatable thead th div,
  .darkmode .ui-datatable tfoot td div,
  .darkmode .ui-datatable tbody td div,
  .darkmode .ui-treetable thead th div,
  .darkmode .ui-treetable tfoot td div,
  .darkmode .ui-treetable tbody td div,
  .darkmode .ui-datatable-resizable thead th div,
  .darkmode .ui-datatable-resizable tfoot td div,
  .darkmode .ui-datatable-resizable tbody td div {
    display: inline-block !important;
  }
  .darkmode .ui-datatable thead th .cart_product_row,
  .darkmode .ui-datatable tfoot td .cart_product_row,
  .darkmode .ui-datatable tbody td .cart_product_row,
  .darkmode .ui-treetable thead th .cart_product_row,
  .darkmode .ui-treetable tfoot td .cart_product_row,
  .darkmode .ui-treetable tbody td .cart_product_row,
  .darkmode .ui-datatable-resizable thead th .cart_product_row,
  .darkmode .ui-datatable-resizable tfoot td .cart_product_row,
  .darkmode .ui-datatable-resizable tbody td .cart_product_row {
    width: 100%;
  }
  .darkmode .ui-datatable thead th .block_div div,
  .darkmode .ui-datatable tfoot td .block_div div,
  .darkmode .ui-datatable tbody td .block_div div,
  .darkmode .ui-treetable thead th .block_div div,
  .darkmode .ui-treetable tfoot td .block_div div,
  .darkmode .ui-treetable tbody td .block_div div,
  .darkmode .ui-datatable-resizable thead th .block_div div,
  .darkmode .ui-datatable-resizable tfoot td .block_div div,
  .darkmode .ui-datatable-resizable tbody td .block_div div {
    display: block !important;
  }
  .darkmode .ui-datatable thead th label.ui-outputlabel,
  .darkmode .ui-datatable thead th span.displayfield,
  .darkmode .ui-datatable tfoot td label.ui-outputlabel,
  .darkmode .ui-datatable tfoot td span.displayfield,
  .darkmode .ui-datatable tbody td label.ui-outputlabel,
  .darkmode .ui-datatable tbody td span.displayfield,
  .darkmode .ui-treetable thead th label.ui-outputlabel,
  .darkmode .ui-treetable thead th span.displayfield,
  .darkmode .ui-treetable tfoot td label.ui-outputlabel,
  .darkmode .ui-treetable tfoot td span.displayfield,
  .darkmode .ui-treetable tbody td label.ui-outputlabel,
  .darkmode .ui-treetable tbody td span.displayfield,
  .darkmode .ui-datatable-resizable thead th label.ui-outputlabel,
  .darkmode .ui-datatable-resizable thead th span.displayfield,
  .darkmode .ui-datatable-resizable tfoot td label.ui-outputlabel,
  .darkmode .ui-datatable-resizable tfoot td span.displayfield,
  .darkmode .ui-datatable-resizable tbody td label.ui-outputlabel,
  .darkmode .ui-datatable-resizable tbody td span.displayfield {
    display: inline;
    padding-top: 0px;
    min-height: 0;
  }
  .darkmode .ui-datatable tbody td:last-child,
  .darkmode .ui-treetable tbody td:last-child,
  .darkmode .ui-datatable-resizable tbody td:last-child {
    border-bottom: 1px solid #CBCBCB !important;
  }
  .darkmode .ui-datatable .cart_img,
  .darkmode .ui-treetable .cart_img,
  .darkmode .ui-datatable-resizable .cart_img {
    display: inline-block;
    max-width: 50%;
  }
  .darkmode .ui-datatable-reflow .ui-datatable-data td .ui-column-title {
    /*   display: inline;*/
  }
  .darkmode .cart_portlet {
    margin-left: 0px;
  }
  .darkmode .icon_txt_button {
    width: 100%;
  }
  .darkmode .prod_subtitle {
    font-size: 18px;
  }
  .darkmode .into_cart_box {
    float: none;
  }
  .darkmode .into_cart_box .ui-inputfield.txt_small,
  .darkmode .into_cart_box .ui-widget-content .ui-inputfield.txt_small,
  .darkmode .into_cart_box .ui-widget-header .ui-inputfield.txt_small,
  .darkmode .into_cart_box input[type="text"].txt_small,
  .darkmode .into_cart_box textarea.txt_small,
  .darkmode .into_cart_box select.txt_small {
    width: 120px;
  }
  .darkmode .into_cart_box .ui-inputfield.txt_xsmall,
  .darkmode .into_cart_box .ui-widget-content .ui-inputfield.txt_xsmall,
  .darkmode .into_cart_box .ui-widget-header .ui-inputfield.txt_xsmall,
  .darkmode .into_cart_box input[type="text"].txt_xsmall,
  .darkmode .into_cart_box textarea.txt_xsmall,
  .darkmode .into_cart_box select.txt_xsmall {
    width: 80px;
  }
  .darkmode .cart_price_box {
    float: none;
  }
  .darkmode .address_container > .gridRow.pamgd_smartgrid_row {
    float: none !important;
  }
  .darkmode .address_box {
    display: block;
    width: 100% !important;
    margin: 0 0 20px 0;
  }
  .darkmode .login_box_right {
    border-left: none;
    border-top: 1px solid #CBCBCB;
    padding-left: 0;
    padding-top: 20px;
  }
  .darkmode .login_box_left {
    padding-right: 0;
    padding-bottom: 20px;
  }
  .darkmode .kat_title {
    text-align: center;
  }
  .darkmode .kat_menu {
    width: -webkit-fill-available;
    margin-left: 30px;
    margin-right: 30px;
  }
  .darkmode .kat_menu .ui-button,
  .darkmode .kat_menu .ui-button.ui-state-default {
    text-align: center;
  }
  .darkmode .ui-buttonset {
    margin-right: 0;
  }
  .darkmode .product_list_flexbox {
    justify-content: center;
  }
  .darkmode .prod_cell {
    width: 120px;
    height: 220px;
    margin: 0 4% 4% 4%;
    padding: 0;
  }
  .darkmode .prod_cell .prod_infos .prod_name {
    font-size: 12px;
  }
  .darkmode .pamgd_gridCell_margin_none.pamgd_gridCell_padding_none a {
    overflow-wrap: break-word;
  }
  .darkmode .ticket_list_flexbox {
    display: block;
  }
  .darkmode .ticket_cell {
    display: block;
  }
  .darkmode .ticket_time_date {
    float: none;
  }
  .darkmode .ticket_location {
    float: none;
    text-align: start;
  }
  .darkmode .ticket_infos {
    float: none;
  }
  .darkmode .ticket_order {
    float: none;
  }
  .darkmode .ticket_button {
    width: 100%;
  }
  .darkmode .ticket_button_cart {
    width: 90%;
  }
  .darkmode .ticket_img_src {
    height: auto  !important;
  }
  .darkmode .external_sub_categories {
    width: -moz-available;
    width: -webkit-fill-available;
    width: fill-available;
  }
  .darkmode .select_amount {
    width: -moz-available !important;
    width: -webkit-fill-available !important;
    width: fill-available !important;
  }
  .darkmode .select_amount .minus-icon {
    width: 25px !important;
    float: left;
  }
  .darkmode .select_amount .ticket_amount {
    width: 40px !important;
    float: left;
  }
  .darkmode .select_amount .ticket_amount input {
    text-align: center;
  }
  .darkmode .select_amount .plus-icon {
    width: 25px !important;
    margin-left: 10px !important;
    float: left;
  }
}

@media only screen and (max-width: 480px) {
  .darkmode label.ui-outputlabel,
  .darkmode span.displayfield {
    word-wrap: break-word;
  }
  .darkmode .wrappingContainer {
    margin: 0;
  }
  .darkmode .ticket_time {
    width: 170px;
  }
  .darkmode .external_separator {
    display: none;
  }
  .darkmode .begin_label {
    margin-left: 30px;
  }
  .darkmode .categorie_titles {
    display: none;
  }
  .darkmode .legend_price_text {
    width: 50% !important;
  }
  .darkmode .legend_price {
    width: 50% !important;
  }
  .darkmode .legend_price_fee {
    display: none;
  }
  .darkmode .ticket_titles_kat {
    display: none;
  }
  .darkmode .ticket_titles_price {
    width: 66%;
    float: right;
  }
  .darkmode .ticket_price_value {
    float: right;
  }
  .darkmode .ticket_selection_info {
    position: relative;
  }
  .darkmode .ticket_selection_info .ticket_seat {
    float: left;
    width: 80% !important;
    margin-top: 10px;
  }
  .darkmode .ticket_selection_info .ticket_kat {
    float: left;
    width: 80% !important;
    margin-top: 10px;
  }
  .darkmode .ticket_selection_info .ticket_price {
    width: 20% !important;
    position: absolute;
    right: 0;
    margin-top: 10px;
  }
  .darkmode .ticket_selection_info .ticket_delete {
    float: right;
    width: 20% !important;
    margin-top: 10px;
  }
  .darkmode .ticket_selection_fees {
    display: flex;
  }
  .darkmode .ticket_selection_fees :nth-child(3) {
    display: none;
  }
  .darkmode .ticket_location {
    font-size: 14px;
  }
}

@media print {
  .darkmode {
    /* BASE_FRAME */
    /* BUTTONBAR OPTIONAL */
    /* Button */
    /* OVERLOAD LIBS */
    /* Allgemeine Definition der Tables */
    /* End @media*/
  }
  .darkmode body {
    margin: 0;
    padding: 0;
    font-family: "OpenSansRegular", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #000;
    overflow: visible;
    background-color: #000;
  }
  .darkmode #outbox_header {
    position: static;
    height: 60px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    border-bottom: 1px solid #CBCBCB;
    background-color: #fff;
    background-image: none;
  }
  .darkmode #outbox_header_content {
    height: 60px;
  }
  .darkmode #outbox_header_content .logo {
    height: 42px;
    margin-top: 0;
  }
  .darkmode #box {
    background-color: #fff;
  }
  .darkmode #menu {
    display: none;
  }
  .darkmode .servicenavi {
    display: none;
  }
  .darkmode .center_container {
    width: 100% !important;
  }
  .darkmode .content_breadcrumbs {
    display: none;
  }
  .darkmode #content_footer {
    display: none;
  }
  .darkmode #content {
    display: block;
    width: 100%;
    position: static;
    padding: 20px;
    background-color: #fff;
  }
  .darkmode #fixed_buttonbar {
    border-top: none;
    position: static;
    display: block;
    width: 100%;
    background-color: transparent;
    padding: 10px;
  }
  .darkmode .fixed_buttonbar_content {
    margin: 0px;
    text-align: right;
    padding-right: 10px;
  }
  .darkmode .submenu_container,
  .darkmode .kat_container,
  .darkmode .featured_product_box {
    display: none;
  }
  .darkmode .button, .darkmode .ui-datatable thead th .button,
  .darkmode .ui-datatable tfoot td .button,
  .darkmode .ui-datatable tbody td .button,
  .darkmode .ui-treetable thead th .button,
  .darkmode .ui-treetable tfoot td .button,
  .darkmode .ui-treetable tbody td .button,
  .darkmode .ui-datatable-resizable thead th .button,
  .darkmode .ui-datatable-resizable tfoot td .button,
  .darkmode .ui-datatable-resizable tbody td .button, .darkmode .button.default, .darkmode .button_more_results, .darkmode .ui-datatable thead th .default.button, .darkmode .ui-datatable thead th .button_more_results,
  .darkmode .ui-datatable tfoot td .default.button, .darkmode .ui-datatable tfoot td .button_more_results,
  .darkmode .ui-datatable tbody td .default.button, .darkmode .ui-datatable tbody td .button_more_results,
  .darkmode .ui-treetable thead th .default.button, .darkmode .ui-treetable thead th .button_more_results,
  .darkmode .ui-treetable tfoot td .default.button, .darkmode .ui-treetable tfoot td .button_more_results,
  .darkmode .ui-treetable tbody td .default.button, .darkmode .ui-treetable tbody td .button_more_results,
  .darkmode .ui-datatable-resizable thead th .default.button, .darkmode .ui-datatable-resizable thead th .button_more_results,
  .darkmode .ui-datatable-resizable tfoot td .default.button, .darkmode .ui-datatable-resizable tfoot td .button_more_results,
  .darkmode .ui-datatable-resizable tbody td .default.button, .darkmode .ui-datatable-resizable tbody td .button_more_results,
  .darkmode .link_button,
  .darkmode .link_button.default,
  .darkmode a.button,
  .darkmode .ui-datatable thead th a.button,
  .darkmode .ui-datatable tfoot td a.button,
  .darkmode .ui-datatable tbody td a.button,
  .darkmode .ui-treetable thead th a.button,
  .darkmode .ui-treetable tfoot td a.button,
  .darkmode .ui-treetable tbody td a.button,
  .darkmode .ui-datatable-resizable thead th a.button,
  .darkmode .ui-datatable-resizable tfoot td a.button,
  .darkmode .ui-datatable-resizable tbody td a.button,
  .darkmode a.button.default,
  .darkmode a.button_more_results,
  .darkmode .ui-datatable thead th a.default.button,
  .darkmode .ui-datatable thead th a.button_more_results,
  .darkmode .ui-datatable tfoot td a.default.button,
  .darkmode .ui-datatable tfoot td a.button_more_results,
  .darkmode .ui-datatable tbody td a.default.button,
  .darkmode .ui-datatable tbody td a.button_more_results,
  .darkmode .ui-treetable thead th a.default.button,
  .darkmode .ui-treetable thead th a.button_more_results,
  .darkmode .ui-treetable tfoot td a.default.button,
  .darkmode .ui-treetable tfoot td a.button_more_results,
  .darkmode .ui-treetable tbody td a.default.button,
  .darkmode .ui-treetable tbody td a.button_more_results,
  .darkmode .ui-datatable-resizable thead th a.default.button,
  .darkmode .ui-datatable-resizable thead th a.button_more_results,
  .darkmode .ui-datatable-resizable tfoot td a.default.button,
  .darkmode .ui-datatable-resizable tfoot td a.button_more_results,
  .darkmode .ui-datatable-resizable tbody td a.default.button,
  .darkmode .ui-datatable-resizable tbody td a.button_more_results,
  .darkmode .btn_to_cart,
  .darkmode .btn_to_cart.default {
    margin: 0 5px 5px 0;
    display: inline-block;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    -o-border-radius: 3px !important;
    -ms-border-radius: 3px !important;
    border-radius: 3px !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    font-family: "OpenSansRegular", Arial, Helvetica, sans-serif;
    text-decoration: none;
    background-color: #fff;
    color: #000;
    padding: 4px 12px;
    border: 1px solid #000;
    background-image: none;
  }
  .darkmode .button:link, .darkmode .ui-datatable thead th .button:link,
  .darkmode .ui-datatable tfoot td .button:link,
  .darkmode .ui-datatable tbody td .button:link,
  .darkmode .ui-treetable thead th .button:link,
  .darkmode .ui-treetable tfoot td .button:link,
  .darkmode .ui-treetable tbody td .button:link,
  .darkmode .ui-datatable-resizable thead th .button:link,
  .darkmode .ui-datatable-resizable tfoot td .button:link,
  .darkmode .ui-datatable-resizable tbody td .button:link, .darkmode .button:visited, .darkmode .ui-datatable thead th .button:visited,
  .darkmode .ui-datatable tfoot td .button:visited,
  .darkmode .ui-datatable tbody td .button:visited,
  .darkmode .ui-treetable thead th .button:visited,
  .darkmode .ui-treetable tfoot td .button:visited,
  .darkmode .ui-treetable tbody td .button:visited,
  .darkmode .ui-datatable-resizable thead th .button:visited,
  .darkmode .ui-datatable-resizable tfoot td .button:visited,
  .darkmode .ui-datatable-resizable tbody td .button:visited, .darkmode .button:hover, .darkmode .ui-datatable thead th .button:hover,
  .darkmode .ui-datatable tfoot td .button:hover,
  .darkmode .ui-datatable tbody td .button:hover,
  .darkmode .ui-treetable thead th .button:hover,
  .darkmode .ui-treetable tfoot td .button:hover,
  .darkmode .ui-treetable tbody td .button:hover,
  .darkmode .ui-datatable-resizable thead th .button:hover,
  .darkmode .ui-datatable-resizable tfoot td .button:hover,
  .darkmode .ui-datatable-resizable tbody td .button:hover, .darkmode .button:focus, .darkmode .ui-datatable thead th .button:focus,
  .darkmode .ui-datatable tfoot td .button:focus,
  .darkmode .ui-datatable tbody td .button:focus,
  .darkmode .ui-treetable thead th .button:focus,
  .darkmode .ui-treetable tfoot td .button:focus,
  .darkmode .ui-treetable tbody td .button:focus,
  .darkmode .ui-datatable-resizable thead th .button:focus,
  .darkmode .ui-datatable-resizable tfoot td .button:focus,
  .darkmode .ui-datatable-resizable tbody td .button:focus, .darkmode .button.default:link, .darkmode .button_more_results:link, .darkmode .ui-datatable thead th .button_more_results:link, .darkmode .ui-datatable tfoot td .button_more_results:link, .darkmode .ui-datatable tbody td .button_more_results:link, .darkmode .ui-treetable thead th .button_more_results:link, .darkmode .ui-treetable tfoot td .button_more_results:link, .darkmode .ui-treetable tbody td .button_more_results:link, .darkmode .ui-datatable-resizable thead th .button_more_results:link, .darkmode .ui-datatable-resizable tfoot td .button_more_results:link, .darkmode .ui-datatable-resizable tbody td .button_more_results:link, .darkmode .button.default:visited, .darkmode .button_more_results:visited, .darkmode .ui-datatable thead th .button_more_results:visited, .darkmode .ui-datatable tfoot td .button_more_results:visited, .darkmode .ui-datatable tbody td .button_more_results:visited, .darkmode .ui-treetable thead th .button_more_results:visited, .darkmode .ui-treetable tfoot td .button_more_results:visited, .darkmode .ui-treetable tbody td .button_more_results:visited, .darkmode .ui-datatable-resizable thead th .button_more_results:visited, .darkmode .ui-datatable-resizable tfoot td .button_more_results:visited, .darkmode .ui-datatable-resizable tbody td .button_more_results:visited, .darkmode .button.default:hover, .darkmode .button_more_results:hover, .darkmode .ui-datatable thead th .button_more_results:hover, .darkmode .ui-datatable tfoot td .button_more_results:hover, .darkmode .ui-datatable tbody td .button_more_results:hover, .darkmode .ui-treetable thead th .button_more_results:hover, .darkmode .ui-treetable tfoot td .button_more_results:hover, .darkmode .ui-treetable tbody td .button_more_results:hover, .darkmode .ui-datatable-resizable thead th .button_more_results:hover, .darkmode .ui-datatable-resizable tfoot td .button_more_results:hover, .darkmode .ui-datatable-resizable tbody td .button_more_results:hover, .darkmode .button.default:focus, .darkmode .button_more_results:focus, .darkmode .ui-datatable thead th .button_more_results:focus, .darkmode .ui-datatable tfoot td .button_more_results:focus, .darkmode .ui-datatable tbody td .button_more_results:focus, .darkmode .ui-treetable thead th .button_more_results:focus, .darkmode .ui-treetable tfoot td .button_more_results:focus, .darkmode .ui-treetable tbody td .button_more_results:focus, .darkmode .ui-datatable-resizable thead th .button_more_results:focus, .darkmode .ui-datatable-resizable tfoot td .button_more_results:focus, .darkmode .ui-datatable-resizable tbody td .button_more_results:focus,
  .darkmode .link_button:link,
  .darkmode .link_button:visited,
  .darkmode .link_button:hover,
  .darkmode .link_button:focus,
  .darkmode .link_button.default:link,
  .darkmode .link_button.default:visited,
  .darkmode .link_button.default:hover,
  .darkmode .link_button.default:focus,
  .darkmode a.button:link,
  .darkmode .ui-datatable thead th a.button:link,
  .darkmode .ui-datatable tfoot td a.button:link,
  .darkmode .ui-datatable tbody td a.button:link,
  .darkmode .ui-treetable thead th a.button:link,
  .darkmode .ui-treetable tfoot td a.button:link,
  .darkmode .ui-treetable tbody td a.button:link,
  .darkmode .ui-datatable-resizable thead th a.button:link,
  .darkmode .ui-datatable-resizable tfoot td a.button:link,
  .darkmode .ui-datatable-resizable tbody td a.button:link,
  .darkmode a.button:visited,
  .darkmode .ui-datatable thead th a.button:visited,
  .darkmode .ui-datatable tfoot td a.button:visited,
  .darkmode .ui-datatable tbody td a.button:visited,
  .darkmode .ui-treetable thead th a.button:visited,
  .darkmode .ui-treetable tfoot td a.button:visited,
  .darkmode .ui-treetable tbody td a.button:visited,
  .darkmode .ui-datatable-resizable thead th a.button:visited,
  .darkmode .ui-datatable-resizable tfoot td a.button:visited,
  .darkmode .ui-datatable-resizable tbody td a.button:visited,
  .darkmode a.button:hover,
  .darkmode .ui-datatable thead th a.button:hover,
  .darkmode .ui-datatable tfoot td a.button:hover,
  .darkmode .ui-datatable tbody td a.button:hover,
  .darkmode .ui-treetable thead th a.button:hover,
  .darkmode .ui-treetable tfoot td a.button:hover,
  .darkmode .ui-treetable tbody td a.button:hover,
  .darkmode .ui-datatable-resizable thead th a.button:hover,
  .darkmode .ui-datatable-resizable tfoot td a.button:hover,
  .darkmode .ui-datatable-resizable tbody td a.button:hover,
  .darkmode a.button:focus,
  .darkmode .ui-datatable thead th a.button:focus,
  .darkmode .ui-datatable tfoot td a.button:focus,
  .darkmode .ui-datatable tbody td a.button:focus,
  .darkmode .ui-treetable thead th a.button:focus,
  .darkmode .ui-treetable tfoot td a.button:focus,
  .darkmode .ui-treetable tbody td a.button:focus,
  .darkmode .ui-datatable-resizable thead th a.button:focus,
  .darkmode .ui-datatable-resizable tfoot td a.button:focus,
  .darkmode .ui-datatable-resizable tbody td a.button:focus,
  .darkmode a.button.default:link,
  .darkmode a.button_more_results:link,
  .darkmode .ui-datatable thead th a.button_more_results:link,
  .darkmode .ui-datatable tfoot td a.button_more_results:link,
  .darkmode .ui-datatable tbody td a.button_more_results:link,
  .darkmode .ui-treetable thead th a.button_more_results:link,
  .darkmode .ui-treetable tfoot td a.button_more_results:link,
  .darkmode .ui-treetable tbody td a.button_more_results:link,
  .darkmode .ui-datatable-resizable thead th a.button_more_results:link,
  .darkmode .ui-datatable-resizable tfoot td a.button_more_results:link,
  .darkmode .ui-datatable-resizable tbody td a.button_more_results:link,
  .darkmode a.button.default:visited,
  .darkmode a.button_more_results:visited,
  .darkmode .ui-datatable thead th a.button_more_results:visited,
  .darkmode .ui-datatable tfoot td a.button_more_results:visited,
  .darkmode .ui-datatable tbody td a.button_more_results:visited,
  .darkmode .ui-treetable thead th a.button_more_results:visited,
  .darkmode .ui-treetable tfoot td a.button_more_results:visited,
  .darkmode .ui-treetable tbody td a.button_more_results:visited,
  .darkmode .ui-datatable-resizable thead th a.button_more_results:visited,
  .darkmode .ui-datatable-resizable tfoot td a.button_more_results:visited,
  .darkmode .ui-datatable-resizable tbody td a.button_more_results:visited,
  .darkmode a.button.default:hover,
  .darkmode a.button_more_results:hover,
  .darkmode .ui-datatable thead th a.button_more_results:hover,
  .darkmode .ui-datatable tfoot td a.button_more_results:hover,
  .darkmode .ui-datatable tbody td a.button_more_results:hover,
  .darkmode .ui-treetable thead th a.button_more_results:hover,
  .darkmode .ui-treetable tfoot td a.button_more_results:hover,
  .darkmode .ui-treetable tbody td a.button_more_results:hover,
  .darkmode .ui-datatable-resizable thead th a.button_more_results:hover,
  .darkmode .ui-datatable-resizable tfoot td a.button_more_results:hover,
  .darkmode .ui-datatable-resizable tbody td a.button_more_results:hover,
  .darkmode a.button.default:focus,
  .darkmode a.button_more_results:focus,
  .darkmode .ui-datatable thead th a.button_more_results:focus,
  .darkmode .ui-datatable tfoot td a.button_more_results:focus,
  .darkmode .ui-datatable tbody td a.button_more_results:focus,
  .darkmode .ui-treetable thead th a.button_more_results:focus,
  .darkmode .ui-treetable tfoot td a.button_more_results:focus,
  .darkmode .ui-treetable tbody td a.button_more_results:focus,
  .darkmode .ui-datatable-resizable thead th a.button_more_results:focus,
  .darkmode .ui-datatable-resizable tfoot td a.button_more_results:focus,
  .darkmode .ui-datatable-resizable tbody td a.button_more_results:focus,
  .darkmode .btn_to_cart:link,
  .darkmode .btn_to_cart:visited,
  .darkmode .btn_to_cart:hover,
  .darkmode .btn_to_cart:focus,
  .darkmode .btn_to_cart.default:link,
  .darkmode .btn_to_cart.default:visited,
  .darkmode .btn_to_cart.default:hover,
  .darkmode .btn_to_cart.default:focus {
    margin: 0 5px 5px 0;
    display: inline-block;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    -o-border-radius: 3px !important;
    -ms-border-radius: 3px !important;
    border-radius: 3px !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    font-family: "OpenSansRegular", Arial, Helvetica, sans-serif;
    text-decoration: none;
    background-color: #fff;
    color: #000;
    padding: 4px 12px;
    border: 1px solid #000;
    background-image: none;
  }
  .darkmode .button[disabled], .darkmode .ui-datatable thead th .button[disabled],
  .darkmode .ui-datatable tfoot td .button[disabled],
  .darkmode .ui-datatable tbody td .button[disabled],
  .darkmode .ui-treetable thead th .button[disabled],
  .darkmode .ui-treetable tfoot td .button[disabled],
  .darkmode .ui-treetable tbody td .button[disabled],
  .darkmode .ui-datatable-resizable thead th .button[disabled],
  .darkmode .ui-datatable-resizable tfoot td .button[disabled],
  .darkmode .ui-datatable-resizable tbody td .button[disabled], .darkmode .button[disabled]:hover, .darkmode .button[disabled]:focus, .darkmode .button[disabled]:active,
  .darkmode .link_button[disabled],
  .darkmode .link_button[disabled]:hover,
  .darkmode .link_button[disabled]:focus,
  .darkmode .link_button[disabled]:active,
  .darkmode a.button[disabled],
  .darkmode .ui-datatable thead th a.button[disabled],
  .darkmode .ui-datatable tfoot td a.button[disabled],
  .darkmode .ui-datatable tbody td a.button[disabled],
  .darkmode .ui-treetable thead th a.button[disabled],
  .darkmode .ui-treetable tfoot td a.button[disabled],
  .darkmode .ui-treetable tbody td a.button[disabled],
  .darkmode .ui-datatable-resizable thead th a.button[disabled],
  .darkmode .ui-datatable-resizable tfoot td a.button[disabled],
  .darkmode .ui-datatable-resizable tbody td a.button[disabled],
  .darkmode a.button[disabled]:hover,
  .darkmode a.button[disabled]:focus,
  .darkmode a.button[disabled]:active,
  .darkmode .btn_to_cart[disabled],
  .darkmode .btn_to_cart[disabled]:hover,
  .darkmode .btn_to_cart[disabled]:focus,
  .darkmode .btn_to_cart[disabled]:active {
    margin: 0 5px 5px 0;
    display: inline-block;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    -o-border-radius: 3px !important;
    -ms-border-radius: 3px !important;
    border-radius: 3px !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    font-family: "OpenSansRegular", Arial, Helvetica, sans-serif;
    text-decoration: none;
    background-color: #fff;
    color: #000;
    padding: 4px 12px;
    border: 1px solid #000;
    background-image: none;
  }
  .darkmode .btn_to_cart {
    width: auto;
  }
  .darkmode .ui-datatable .ui-column-title,
  .darkmode .ui-treetable .ui-column-title,
  .darkmode .ui-datatable-resizable .ui-column-title {
    font-size: 14px;
  }
  .darkmode .ui-datatable thead th .ui-outputlabel.ui-widget,
  .darkmode .ui-treetable thead th .ui-outputlabel.ui-widget,
  .darkmode .ui-datatable-resizable thead th .ui-outputlabel.ui-widget {
    color: #000;
    font-size: 14px;
  }
  .darkmode .ui-datatable thead th,
  .darkmode .ui-datatable tfoot td,
  .darkmode .ui-datatable tbody td,
  .darkmode .ui-treetable thead th,
  .darkmode .ui-treetable tfoot td,
  .darkmode .ui-treetable tbody td,
  .darkmode .ui-datatable-resizable thead th,
  .darkmode .ui-datatable-resizable tfoot td,
  .darkmode .ui-datatable-resizable tbody td {
    padding: 8px 10px;
    overflow: hidden;
    border: none;
    border-bottom: 1px solid #CBCBCB !important;
    text-align: left;
    font-size: 12px;
  }
  .darkmode .ui-datatable tfoot td,
  .darkmode .ui-treetable tfoot td,
  .darkmode .ui-datatable-resizable tfoot td {
    font-family: "OpenSansSemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    background-color: #fff !important;
  }
  .darkmode .ui-datatable tfoot td.ui-state-default,
  .darkmode .ui-treetable tfoot td.ui-state-default,
  .darkmode .ui-datatable-resizable tfoot td.ui-state-default {
    background-image: none;
    border-top: 1px solid #CBCBCB;
    color: #000;
    font-size: 14px;
  }
  .darkmode .no_print {
    display: none !important;
  }
  .darkmode .ui-messages {
    display: none !important;
  }
}

@media print {
  @page {
    .darkmode {
      margin: 0px 0px 0px 0px !important;
    }
  }
  @page printticket {
    .darkmode {
      size: 152mm 82mm !important;
    }
  }
  .darkmode body.print_ticket_site {
    page: printticket;
    margin: 0px 0px 0px 0px !important;
    padding: 0 !important;
    font-size: 16px !important;
    /* Text size */
    width: 152mm !important;
    height: 82mm !important;
  }
  .darkmode body.print_ticket_site .wrappingContainer {
    /* display: block; */
    /* flex-direction: column; */
    margin: 0px 0px 0px 0px !important;
    padding: 0 !important;
    width: 152mm !important;
    height: 82mm !important;
  }
  .darkmode body.print_ticket_site .blockUI {
    display: none !important;
  }
  .darkmode body.print_ticket_site .ticket {
    /* background-color: #f0f0f0; */
    width: 152mm !important;
    height: 82mm !important;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    box-sizing: border-box;
    padding: 0mm 5mm 5mm 5mm;
  }
  .darkmode body.print_ticket_site .ticket_top {
    box-sizing: border-box;
  }
  .darkmode body.print_ticket_site .ticket_top_content {
    margin-left: 75mm;
    /* 5mm abziehen wegen Rand */
    padding-top: 25mm;
  }
  .darkmode body.print_ticket_site .qr {
    height: 20mm;
    width: 20mm;
    /* background-color: aquamarine; */
  }
  .darkmode body.print_ticket_site .block {
    text-align: center !important;
    border: 2px solid !important;
    width: 15mm !important;
    height: 15mm !important;
    line-height: 15mm !important;
    font-size: 10mm !important;
    font-weight: bold !important;
  }
  .darkmode body.print_ticket_site .ticket_bottom {
    box-sizing: border-box;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
  }
  .darkmode body.print_ticket_site .block_box {
    display: flex;
    width: 22mm;
  }
  .darkmode body.print_ticket_site .text_boxen {
    flex: 1 1 0px;
    display: flex;
  }
  .darkmode body.print_ticket_site .text_box_mitte {
    display: flex;
    flex-direction: column;
    flex: 1 1 0px;
  }
  .darkmode body.print_ticket_site .text_box_rechts {
    display: flex;
    flex-direction: column;
    /* flex: 1 1 0px; */
  }
  .darkmode body.print_ticket_site .text_box_rechts_qr {
    display: flex;
    width: 22mm;
    justify-content: flex-end;
  }
}

.darkmode .change-layout-buttons {
  background-color: white !important;
}

.darkmode .change-layout-buttons .layout-button.bright {
  opacity: 33% !important;
}

.darkmode .change-layout-buttons .layout-button.darkmode {
  opacity: 100% !important;
}

.darkmode a, .darkmode a:link, .darkmode a:visited,
.darkmode .bg_Light1,
.darkmode .cart_product_row,
.darkmode .cart_sum_row,
.darkmode .content_breadcrumbs a, .darkmode .content_breadcrumbs a:link,
.darkmode .event-category-chevron,
.darkmode .event-page .select_bestSeat .event-cart-button .event-cart-total,
.darkmode .ui-datepicker-trigger .ui-icon.ui-icon-calendar:before,
.darkmode .ui-datepicker-trigger.ui-state-hover .ui-icon.ui-icon-calendar:before,
.darkmode .ui-datatable thead th .ui-outputlabel.ui-widget,
.darkmode .ui-treetable thead th .ui-outputlabel.ui-widget,
.darkmode .ui-datatable-resizable thead th .ui-outputlabel.ui-widget,
.darkmode .event-page .price_legend_box .external_sub_categories.price_legend:nth-child(odd) label,
.darkmode .event-page .price_legend_box .external_sub_categories.price_legend:nth-child(odd) span,
.darkmode :not(.boxoffice-page) .price_legend:nth-child(odd) span,
.darkmode .visitor_data.cart-price,
.darkmode .taxInfoVisibility {
  color: #fff !important;
}


.darkmode a.button,
.darkmode .ui-datatable thead th a.button,
.darkmode .ui-datatable tfoot td a.button,
.darkmode .ui-datatable tbody td a.button,
.darkmode .ui-treetable thead th a.button,
.darkmode .ui-treetable tfoot td a.button,
.darkmode .ui-treetable tbody td a.button,
.darkmode .ui-datatable-resizable thead th a.button,
.darkmode .ui-datatable-resizable tfoot td a.button,
.darkmode .ui-datatable-resizable tbody td a.button {
  /*
    &.back:hover {
      background-color: $white !important;
      color: $black !important;
    }
   */
}


.darkmode a.button,
.darkmode .ui-datatable thead th a.button,
.darkmode .ui-datatable tfoot td a.button,
.darkmode .ui-datatable tbody td a.button,
.darkmode .ui-treetable thead th a.button,
.darkmode .ui-treetable tfoot td a.button,
.darkmode .ui-treetable tbody td a.button,
.darkmode .ui-datatable-resizable thead th a.button,
.darkmode .ui-datatable-resizable tfoot td a.button,
.darkmode .ui-datatable-resizable tbody td a.button,
.darkmode a.button:link,
.darkmode .ui-datatable thead th a.button:link,
.darkmode .ui-datatable tfoot td a.button:link,
.darkmode .ui-datatable tbody td a.button:link,
.darkmode .ui-treetable thead th a.button:link,
.darkmode .ui-treetable tfoot td a.button:link,
.darkmode .ui-treetable tbody td a.button:link,
.darkmode .ui-datatable-resizable thead th a.button:link,
.darkmode .ui-datatable-resizable tfoot td a.button:link,
.darkmode .ui-datatable-resizable tbody td a.button:link,
.darkmode a.button:visited,
.darkmode .ui-datatable thead th a.button:visited,
.darkmode .ui-datatable tfoot td a.button:visited,
.darkmode .ui-datatable tbody td a.button:visited,
.darkmode .ui-treetable thead th a.button:visited,
.darkmode .ui-treetable tfoot td a.button:visited,
.darkmode .ui-treetable tbody td a.button:visited,
.darkmode .ui-datatable-resizable thead th a.button:visited,
.darkmode .ui-datatable-resizable tfoot td a.button:visited,
.darkmode .ui-datatable-resizable tbody td a.button:visited {
  background: #666 !important;
  color: #fff !important;
}


.darkmode a.button:hover,
.darkmode .ui-datatable thead th a.button:hover,
.darkmode .ui-datatable tfoot td a.button:hover,
.darkmode .ui-datatable tbody td a.button:hover,
.darkmode .ui-treetable thead th a.button:hover,
.darkmode .ui-treetable tfoot td a.button:hover,
.darkmode .ui-treetable tbody td a.button:hover,
.darkmode .ui-datatable-resizable thead th a.button:hover,
.darkmode .ui-datatable-resizable tfoot td a.button:hover,
.darkmode .ui-datatable-resizable tbody td a.button:hover {
  background-color: #ccc !important;
  color: #000 !important;
}

.darkmode a.cart:hover, .darkmode a.cart:focus, .darkmode a.cart:active {
  background-color: transparent;
  border-color: #fff;
}

.darkmode h1, .darkmode h2,
.darkmode h3,
.darkmode .submenu_headline, .darkmode h4, .darkmode h5 {
  margin: 0;
}

.darkmode p {
  padding: 0 !important;
}

.darkmode .cart_container {
  padding-right: 0 !important;
}

.darkmode .cart_sidebar {
  background-color: #999 !important;
}

.darkmode .center_container {
  margin: 20px auto 0 auto !important;
}

.darkmode .content_breadcrumbs {
  background-color: #000 !important;
}

.darkmode .freechoice_ticketcategory_row .col_left {
  margin-left: 25px !important;
}

.darkmode .login:hover, .darkmode .login:focus,
.darkmode .user:hover,
.darkmode .user:focus {
  color: #fff !important;
}

.darkmode .price_legend {
  background-color: #666;
}

.darkmode .price_legend_box {
  color: #000;
}

.darkmode .standardMenu {
  background-color: #666;
}

.darkmode .standardMenu a {
  background-color: #666 !important;
}

.darkmode .standardMenu a:hover {
  background-color: #666 !important;
  color: #000 !important;
}

.darkmode .txt_green {
  color: #fff;
}

.darkmode .step_box {
  border: none;
  padding: 0 !important;
}

.darkmode .ui-overlaypanel-content {
  background-color: #000;
}

.darkmode .ui-widget-content.default:hover a {
  color: #000 !important;
}

.darkmode .kat_menu {
  border-top: 1px solid #fff;
}

.darkmode .ui-overlaypanel-content .price_legend_box .price_legend:nth-child(odd) span,
.darkmode .price_overview,
.darkmode .ticket_cell_cart label.ui-outputlabel,
.darkmode .ticket_cell_cart span.displayfield,
.darkmode .ticket_cell_inside label.ui-outputlabel,
.darkmode .ticket_cell_inside span.displayfield:not(.ticket_status),
.darkmode .tickets-hallseat .price_tax_info,
.darkmode .leaflet-popup-content-wrapper, .darkmode .leaflet-popup-tip {
  color: #000;
}

.darkmode .info_box a, .darkmode .info_box a:link, .darkmode .info_box a:visited {
  color: #666 !important;
}

.darkmode input[type=checkbox]:focus, .darkmode input[type=checkbox]:hover, .darkmode input[type=radio]:focus, .darkmode input[type=radio]:hover {
  outline: none;
}

.darkmode .address_item,
.darkmode .address_row_container {
  color: #000;
}

.darkmode .address_row_container .address_button {
  color: #666 !important;
}

.darkmode .address_row_container .address_button:hover {
  color: #333 !important;
}

.darkmode .icon-button,
.darkmode .icon_only,
.darkmode .ui-column-title .ui-icon,
.darkmode .ui-button span.ui-button-text-only,
.darkmode .ui-button span.ui-button-text,
.darkmode .fa-ticket:before {
  color: #fff !important;
}

.darkmode .icon-button:hover,
.darkmode .icon_only:hover,
.darkmode .ui-column-title .ui-icon:hover,
.darkmode .ui-button span.ui-button-text-only:hover,
.darkmode .ui-button span.ui-button-text:hover,
.darkmode .fa-ticket:before:hover {
  color: #fff !important;
}

.darkmode .ui-button.ui-state-default.ui-state-active span.ui-button-text,
.darkmode .ui-button.ui-state-default.ui-state-hover span.ui-button-text {
  color: #000 !important;
}

.darkmode .event-page .price_legend_box .external_sub_categories.price_legend:nth-child(even) .icon_only,
.darkmode .event-page .price_legend_box .external_sub_categories.price_legend:nth-child(even) label,
.darkmode .event-page .price_legend_box .external_sub_categories.price_legend:nth-child(even) span,
.darkmode .event-page .price_legend_box .external_sub_categories.price_legend:nth-child(even) span.icon_only {
  color: #000 !important;
}

.darkmode .event-page .price_legend_box .external_sub_categories.price_legend:nth-child(even) .icon_only:link, .darkmode .event-page .price_legend_box .external_sub_categories.price_legend:nth-child(even) .icon_only:visited,
.darkmode .event-page .price_legend_box .external_sub_categories.price_legend:nth-child(even) label:link,
.darkmode .event-page .price_legend_box .external_sub_categories.price_legend:nth-child(even) label:visited,
.darkmode .event-page .price_legend_box .external_sub_categories.price_legend:nth-child(even) span:link,
.darkmode .event-page .price_legend_box .external_sub_categories.price_legend:nth-child(even) span:visited,
.darkmode .event-page .price_legend_box .external_sub_categories.price_legend:nth-child(even) span.icon_only:link,
.darkmode .event-page .price_legend_box .external_sub_categories.price_legend:nth-child(even) span.icon_only:visited {
  color: #000 !important;
}

.darkmode .ui-datatable thead th,
.darkmode .ticket_button:hover a,
.darkmode .event-page .tickets-hallseat .ui-tabs .ui-tabs-nav li a {
  color: #fff !important;
}

.darkmode .ui-datepicker.ui-widget-content {
  background-color: #ccc;
}

.darkmode .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler,
.darkmode .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler-label,
.darkmode .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick,
.darkmode .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick,
.darkmode .ui-fieldset-toggleable .ui-fieldset-legend .ui-fieldset-toggler,
.darkmode .ui-fieldset-toggleable .ui-fieldset-legend .ui-fieldset-toggler-label,
.darkmode .ui-fieldset-toggleable .ui-fieldset-legend .ui-icon-minusthick,
.darkmode .ui-fieldset-toggleable .ui-fieldset-legend .ui-icon-plusthick {
  color: #fff !important;
}

.darkmode .ui-paginator .ui-state-disabled {
  background-color: #000;
}

.darkmode .bg_Light1 {
  background-color: #999;
}

.darkmode .step_box {
  background-color: #000;
}

.darkmode .step_box .price_overview {
  color: #fff !important;
}

.darkmode .confirmation-address-labels {
  border-top: 1px solid #CBCBCB;
}

.darkmode .prod_cell {
  background-color: #000;
}

.darkmode .step_box .steptxt,
.darkmode .step_box .stepicon {
  color: #fff !important;
}

.darkmode .step_box .stepnum {
  border: 2px solid #fff;
  line-height: 28px;
}

.darkmode .step_box .stepnum.next, .darkmode .step_box .stepnum.prev {
  color: #000;
}

.darkmode .boxoffice-page .ui-tabs-nav .ui-state-default.ui-tabs-selected a,
.darkmode .event-page .ui-tabs-nav .ui-state-default.ui-tabs-selected a {
  border-bottom: 2px solid #fff !important;
}

.darkmode .boxoffice-page .ui-tabs-panels .ui-tabs-panel,
.darkmode .event-page .ui-tabs-panels .ui-tabs-panel {
  background-color: #000;
}

.darkmode .boxoffice-page .ui-tabs-panels .ui-tabs-panel .ticket_purchase_tab,
.darkmode .event-page .ui-tabs-panels .ui-tabs-panel .ticket_purchase_tab {
  background-color: #000;
  color: #fff;
}

.darkmode .boxoffice-page .ui-tabs-panels .ui-tabs-panel .ticket_purchase_tab .taxInfoVisibility,
.darkmode .boxoffice-page .ui-tabs-panels .ui-tabs-panel .ticket_purchase_tab .txt_basecolor,
.darkmode .event-page .ui-tabs-panels .ui-tabs-panel .ticket_purchase_tab .taxInfoVisibility,
.darkmode .event-page .ui-tabs-panels .ui-tabs-panel .ticket_purchase_tab .txt_basecolor {
  color: #fff;
}

.darkmode .ui-treetable tbody td {
  background-color: transparent !important;
}

.darkmode .ui-treetable tbody td a, .darkmode .ui-treetable tbody td a:link, .darkmode .ui-treetable tbody td a:visited {
  color: #fff;
}

.darkmode .ui-treetable tbody td a:hover, .darkmode .ui-treetable tbody td a:active, .darkmode .ui-treetable tbody td a:focus {
  color: #fff;
}

.darkmode .kat_menu .ui-button,
.darkmode .content-row:not(.oder-history-page) .ui-datatable .ui-button {
  background-color: transparent !important;
}

.darkmode .kat_menu .ui-button.ui-state-default span.ui-button-text-only,
.darkmode .kat_menu .ui-button.ui-state-default span.ui-button-text,
.darkmode .content-row:not(.oder-history-page) .ui-datatable .ui-button.ui-state-default span.ui-button-text-only,
.darkmode .content-row:not(.oder-history-page) .ui-datatable .ui-button.ui-state-default span.ui-button-text {
  color: #fff !important;
}

.darkmode .kat_menu .ui-button.ui-state-default span.ui-button-text-only:hover, .darkmode .kat_menu .ui-button.ui-state-default span.ui-button-text-only:active, .darkmode .kat_menu .ui-button.ui-state-default span.ui-button-text-only:focus,
.darkmode .kat_menu .ui-button.ui-state-default span.ui-button-text:hover,
.darkmode .kat_menu .ui-button.ui-state-default span.ui-button-text:active,
.darkmode .kat_menu .ui-button.ui-state-default span.ui-button-text:focus,
.darkmode .content-row:not(.oder-history-page) .ui-datatable .ui-button.ui-state-default span.ui-button-text-only:hover,
.darkmode .content-row:not(.oder-history-page) .ui-datatable .ui-button.ui-state-default span.ui-button-text-only:active,
.darkmode .content-row:not(.oder-history-page) .ui-datatable .ui-button.ui-state-default span.ui-button-text-only:focus,
.darkmode .content-row:not(.oder-history-page) .ui-datatable .ui-button.ui-state-default span.ui-button-text:hover,
.darkmode .content-row:not(.oder-history-page) .ui-datatable .ui-button.ui-state-default span.ui-button-text:active,
.darkmode .content-row:not(.oder-history-page) .ui-datatable .ui-button.ui-state-default span.ui-button-text:focus {
  color: #fff !important;
}

.darkmode .ui-autocomplete {
  right: 0;
}

.darkmode .ui-autocomplete .ui-autocomplete-dropdown.ui-button.ui-state-default .ui-icon {
  width: 42px;
  height: 42px;
  position: absolute;
  top: -6px;
  left: 16px;
}

.darkmode .ui-autocomplete .ui-autocomplete-dropdown.ui-button.ui-state-default .ui-icon::before {
  font-size: 14px;
}