/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Color CSS */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

body{
    color: #000;
    background: #eeeeee;
}

.black{
    background: #FFF !important;
    background-image: none !important;
}
.black .formular .formularcontent, #contentform  .formularcontent{background-color: #eeeeee !important;
 background-image: none !important;}
.formular .formularcontent{
    background-color: #eee;
    background-image: none;
}

#footer_bg{
       border-top: none !important;
}


#header_bg{
    background: #fff;
}

#logoOnlineReport {
    float: left;
    margin: 0px 10px 0px 230px;
}

#container #header_bg #logged_in {
    margin: 20px 50px;
    min-width: 160px;
}

#OLRNavi{
    background:  none;
}

.backgrounder {
    background-color: #eeeeee;
}

#tabNavi li a{
    color:#FF0000;

}

#tabNavi li.active a{
    color: #FFF;
}

/* -------------------------------------------
   MouseOver-Link-Farbe
------------------------------------------- */
a:hover{
	/*variabel*/ background-color:#FF0000;
 }
.imageicon2 a:link,
.imageicon2 a:visited,
.imageicon2 a:hover,
.imageicon2 a:active,
.imageicon1 a:link,
.imageicon1 a:visited,
.imageicon1 a:hover,
.imageicon1 a:active{
	background-color:transparent; /* NICHT VERÄNDERN! */

}

.graphtitle {
    font-size: 12px; color: #ffffff;

}
.dataTables_wrapper th.static, .dataTables_wrapper tfoot th, .dataTables_wrapper tfoot td, th.static {border: 1px solid #444;background: #666 url(jquery-ui/ui-bg_highlight-soft_35_222222_1x100.png) 50% 50% repeat-x;
font-weight: normal;}
/* -------------------------------------------
   Farbe eingeloggter Nutzer (Leiste oben rechts)
------------------------------------------- */
#container #header_bg #logged_in #username, #container #header_bg a{
	/*variabel*/ color:#FFF;
}

#logo{margin:0; padding:0;}
.pagelogbox {font-size: 10px; border: 1px solid #444444; width: 165px; padding: 5px; height: 70px;}

/* -------------------------------------------
   Linie oben Footer
------------------------------------------- */
#container #footer_bg {
	/*variabel*/ border-top: 3px solid #000;
}
/* -------------------------------------------
   (c) Powered by OpenDialog
------------------------------------------- */
#container #footer_bg #footer_right{
	/* variabel visibility:hidden;*/
}

/* -------------------------------------------
   Formular-Absende-Button
------------------------------------------- */
	/* Aussehen Form-Buttons */
		#container #content #contentform .formular #btn_submit input,
		#container #content #contentform .formular #btn_submit2 input,
		#container #content #contentform .formular #btn_change input{
			/*variabel*/ background-color:#FF0000;

		}

/* -------------------------------------------
   Runde Ecken für Formular-Background
   muss gleiche Farbe wie Hintergrundfarbe
   Content (Mitte) haben
------------------------------------------- */
#container #content #contentform .formular .rtop,
#container #content #contentform .formular .rbottom{
	/*variabel*/background: #d5ecf9;
}
#container #content #contentform .formular .mtop,
#container #content #contentform .formular .mbottom{
	/*variabel*/background: #d5ecf9;
}
/* -------------------------------------------
   Runde Ecken für Statistic-BG
   muss gleiche Farbe wie Hintergrundfarbe
   Content (Mitte) haben
------------------------------------------- */
#container #content #contentform .statistic .rtop,
#container #content #contentform .statistic .rbottom{
	/*variabel*/background: #d5ecf9;
}

#container #content #contentform .statistic .mtop,
#container #content #contentform .statistic .mbottom{
	/*variabel*/background: #d5ecf9;
}
/* -------------------------------------------
   Hintergrund für Sortierung ASC/DESC
------------------------------------------- */
.detail_table .asc_desc{
	/*variabel*/ background-color:#FF0000;
}

/*
form#FCForm{
	display: none;
}
*/
div#downloadExcel1{
	display:none;
}

div#downloadExcel2{
	display:block;
}



div#footer_right{
	display: none;
}


.dataTables_wrapper table td {
padding: 8px 0px 8px 8px;
background: #ffffff;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables sorting
 */

.sorting_asc {
	background: url('sort_asc.png') no-repeat center right;

}

.sorting_desc {
	background: url('sort_desc.png') no-repeat center right;
}

.sorting {
	background: url('sort_both.png') no-repeat center right;

}

.sorting_asc_disabled {
	background: url('sort_asc_disabled.png') no-repeat center right;
}

.sorting_desc_disabled {
	background: url('sort_desc_disabled.png') no-repeat center right;
}

td.sorting_1{
    color: #FFF;
    background: #FF0000 !important;
}

/*.dataTables_wrapper table th { color: #FF0000 !important;}
*/
.dataTables_wrapper .ui-state-disabled {display: none;}

.fg-toolbar {
    background-color: transparent !important;
    border-width: 0 !important;
}
.jspContainer {
    overflow: hidden;
    position: relative;
}
.jspPane {
    position: absolute;
}
.jspVerticalBar {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 16px;
}
.jspHorizontalBar {
    bottom: 0;
    height: 16px;
    left: 0;
    position: absolute;
    width: 100%;
}
.jspVerticalBar *, .jspHorizontalBar * {
    margin: 0;
    padding: 0;
}
.jspCap {
    display: none;
}
.jspHorizontalBar .jspCap {
    float: left;
}
.jspTrack {
    position: relative;
}
.jspDrag {
    background: none repeat scroll 0 0 #222222;
    border: 1px solid #333333;
    cursor: pointer;
    left: 0;
    position: relative;
    top: 0;
}
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {
    float: left;
    height: 100%;
}
.jspArrowUp {
    background-image: url('sort_asc.png');
}
.jspArrowDown {
    background-image: url('sort_desc.png');
}
.jspArrow {
    background-color: transparent;
    cursor: pointer;
    display: block;
    text-indent: -20000px;
}
.jspArrow.jspDisabled {
    background-color: #333333;
    cursor: default;
}
.jspVerticalBar .jspArrow {
    height: 16px;
}
.jspHorizontalBar .jspArrow {
    float: left;
    height: 100%;
    width: 16px;
}
.jspVerticalBar .jspArrow:focus {
    outline: medium none;
}
.jspCorner {
    background: none repeat scroll 0 0 #EEEEF4;
    float: left;
    height: 100%;
}
* html .jspCorner {
    margin: 0 -3px 0 0;
}

.page-element-1 {font-size: 10px;
                 border: 1px solid #444444;
                 margin: 10px;
                 margin-top: 5px;
                 float: left;
                 width: 150px;
                 padding: 5px;
                 position: absolute;
                 -webkit-border-radius: 10px;
                -moz-border-radius: 10px;
                border-radius: 10px;
                height: 60px;
}
.TableofData th {color: #eee;}
.blackbg {background-color: rgba(204, 204, 204, 0.6);
background: rgba(204, 204, 204, 0.6);border-radius: 10px;}
.page-element-3 {font-weight: bold;position: absolute; z-index: 1000;font-size: 25px;line-height: 25px;margin-left: 50px;  background: -moz-linear-gradient(top,  rgba(0,0,0,0.5) 1%, rgba(0,0,0,0.5) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,0.5))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.5) 1%,rgba(0,0,0,0.5) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0.5) 1%,rgba(0,0,0,0.5) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0.5) 1%,rgba(0,0,0,0.5) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0.5) 1%,rgba(0,0,0,0.5) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */
}
.page-element-3 tr td:first-child {padding-right: 20px;text-align: right;text-transform:uppercase;font-size: 22px;}
.page-element-3 .small {font-size: 14px;padding:10px;}
.highlight {padding-left: 100px; color: #FF0000;}
.ui-datepicker td.highlight.ui-datepicker-today a {background: #ccc !important;border: 1px solid #eee !important;}
.ui-datepicker td.highlight a {background: #FF0000 !important;border: 1px solid #8a122f!important;}
.progress-bar {background-color: #FF0000 !important;}
.darktable {color: rgb(127,127,127) !important; width: auto !important;}
.darktable td {padding-right:20px;}
.color {color: #FF0000 !important;}
.ui-datepicker {background: #eee !important;
border: 0px solid rgba(0, 0, 0, 0) !important;}
td.highlight {color: #ffffff !important;}
.ui-widget-content {color: #000000 !important;}
.ui-datepicker-header {background: #CCC !important;
color: #222 !important;
border: 0px solid rgba(0, 0, 0, 0) !important;}
.ui-datepicker-group {float: none !important;
margin: auto !important;}
#content {background: #FFF !important;}
.marker {background: #BBB !important;}
.DataTables_sort_wrapper .mastera {color: #FF0000 !important;}
.jvectormap-label {color: #fff !important;}
.dataTables_wrapper tfoot th {padding-left: 5px;}