body {	 
	background-color:#F6F6F6;
}

body, td, th {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size:12px;
}

th {
	text-align: left;
}

body, a:link {
	text-decoration: none;
	color: #333333;
}

body, a:hover {
	text-decoration: none;
	color: #333333;
}

body, a:visited {
	text-decoration: none; 
	color: #000000;
}

body, a:active {
	text-decoration: none; 
	color: #000000;
}

h1 {
	font-size: 24px;
	color: #FFFFFF;
	font-weight: normal;
	padding-left: 5px;
}

h2 {
	font-size: 17px;
	font-weight: bold;
}

.button {
	background-color: #8DB610; 
	color: white;
	cursor: pointer;
}

.forbidden{
	cursor: no-drop;
}


.noBorder {
	border: 0px;
}

.noBorder.right {
	border-right: 0px;
}

.noBorder.bottom {
	border-bottom: 0px;
}

.noBorder.left {
	border-left: 0px;
}

.noBorder.top {
	border-top: 0px;
}

/* H E A D E R */
#head_box {	
	background-color: #8DB610;
}

.head_welcome {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 16px;
	color:#EBEBEB;
}

.head_middle {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 34px;
	color: #FFFFFF;
}

#head_homeIcon {
	margin-top: 15px;
	margin-left: 10px;
	background-image: url(../../img/small_white.png);
	background-size: 122px 34px;
	width: 122px;
	height: 34px;
	background-repeat: no-repeat;
}


#logoArea img{
	background-image: url(../../img/logoMain.png);
	width: 253px;
	height: 90px;
	background-size: 253px 90px;
}
	

.underline {
	border-bottom: 1px dashed #666;
}

#searchAgent input{
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 12px !important;   
	line-height: 15px;
	border: 1px solid #FFFFFF;
    padding-left: 15px;
	padding-right: 15px; 
	background-color: #8DB610;
	color: white;
	border-radius: 25px;
}

#searchAgent ::-webkit-input-placeholder {
   	color: #EBEBEB;
   	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
}



#plant select{
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 12px !important;   
	line-height: 15px;
	border: 1px solid #FFFFFF;
	background-color: #8DB610;
	color: white;
	border-radius: 25px;
}


/* C O N T E N T */

.content_head {
	font-size: 12px; 
	font-weight: bold;
	color: #EBEBEB; 
	border-right: 1px solid #333333;
	border-top: 1px solid #333333;
	border-left: 1px solid #333333;
	border-bottom: 1px solid #333333;
	background-image: url(../../img/content_head4.png);
}

.content_head.left {
	border-right: 0px;
	border-left: 1px solid #333333;
}

.content_head1 {
	background-color: #8DB610;
	color: #EBEBEB; 
}

.content_head1 a:link, .content_head1 a:hover, .content_head1 a:visited{
	color: #EBEBEB; 
}

.content_head2 {
	font-weight: 500;
	color: #666; 
	background-color: #EBEBEB;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}

.content_head2 a:link {
	text-decoration: none;
	color:#666;
}

.content_head2 a:hover {
	text-decoration: none;
	color: #666;
}

.content_head2 a:visited {
	text-decoration: none; 
	color: #666;
}

.content_head2 a:active {
	text-decoration: none; 
	color: #666;
}

.content4 {
	font-size: 12px; 
	color: #666666; 
	border-left: 1px solid #8DB610;
	border-right: 1px solid #8DB610;
	border-bottom: 1px solid #8DB610;
	background-color: #FFFFFF;
}

.content_head4 {
	font-size: 12px; 
	font-weight: 500;
	color: #EBEBEB; 
	background-color: #8DB610;
}

.content_title {
	text-align: center;
	font-size: 18px; 
	font-weight: 500;
	color: #666666; 
	padding-left: 5px;
	border-left: 1px solid #8DB610;
	border-right: 1px solid #8DB610;
	background-color: #FFFFFF;
}

.tabellendiv {
	font-size: 12px;
	background-color: #FFF;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #999;
}

.openJobInTab {
	font-size:13px;
	cursor: pointer;
}

/* T A B L E */

tr.odd {
	background-color:#FFF;
}
	
tr.odd:hover {
	background-color: #C0EA87;
}

tr.even {
	background-color: #EEE;
}

tr.even:hover {
	background-color: #C0EA87;
}

tr.highlight {
	background-color:#ffcccc;
}

tr.odd>td,
tr.even>td {
	font-size: 12px;
	color: #333333; 
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
}

.app_list {
	font-size: 12px;
	color: #666666;
	border-bottom: 1px dashed #333333;
}

.app_list_head {
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	border-bottom: 1px dashed #333333;
}

/* J O U R N A L  */

.jou_top {
	border-top: 1px solid #999999;
	color: #666666;
	vertical-align: top;
}

.jou {
	font-size: 11px;
	color: #666666;
}

.jou_action {
	font-size: 11px;
	color: #666666;
}

.jou_com_top {
	border-bottom: 1px dotted #539DBD;
}
	
.jou_com_date {
	font-size: 11px;
	color: #999999;
	padding-right: 10px;
}

.jou_com_txt {
	color: #666666;
}

/* F I L E   T A B */
.file1 {
	border-bottom: 1px dashed #666666;
	font-size: 14px;
	color: #666666;
}

.file2 {
	border-bottom: 1px dashed #666666;
	font-size: 12px;
	color: #666666;
}	

/* I N P U T   F I E L D S */
input, textarea, select {
	border: 1px solid silver;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 11px !important;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-khtml-border-radius:4px;
	border-radius:4px;
}

input.noStyle,
textarea.noStyle,
select.noStyle {
	border: 0;
	background: none;
}

.input_button {
	color: #666666;
	font-size: 11px; 
	font-weight: bold;
	background-color: #FFFFFF;
	border: 1px solid #539DBD;
}

input.quickSearch.border {
	border: 1px solid #787878;	
	-moz-border-radius: 7px; 
    -webkit-border-radius: 7px; 
    -ms-border-radius: 7px; 
    -o-border-radius: 7px; 
    -khtml-border-radius: 7px; 
    border-radius: 7px; 
}

input.quickSearch.groupSearch,
input.quickSearch.mediaSearch {
	background-image: none;
	margin-right: 10px;
	margin-left: 10px;
	width: 300px;
}

input.quickSearch.fieldSearch,
input.quickSearch.customerSearch,
input.quickSearch.articleSearch,
input.quickSearch.supplierSearch {
	background-image: none;
	margin-right: 10px;
	width: 150px;
	height: 20px;
}

input.ui-combobox-input {
	font-size: 12px;
	border: 1px solid #539DBD;
	border-right: none;
	background: none;
}

a.ui-button {
	border: 1px solid #539DBD;
	border-left: none;
	background: none;
}

/* C U S T O M   J O B   F I E L D */

#jobfields .ui-selecting { 
	background: #FECA40; 
}

#jobfields .ui-selected { 
	background: #F39814; 
	color: white; 
}

#progressbar .ui-widget-header {
	background-image: none !important;
	background-color: #EBEBEB !important; 
}

#progressbar .progress-label {
	text-shadow: none !important;
	font-family: 'Open Sans', sans-serif;
	font-weight: 500;
	font-size: 12px;
}

#tabData .downloadSlideFile{
	cursor: pointer;
}


/* S E A R C H */

table#liveSearchFrame {
	background-color: #8DB610; 
	border: 1px solid white;	
	-moz-border-radius: 7px; 
    -webkit-border-radius: 7px; 
    -ms-border-radius: 7px; 
    -o-border-radius: 7px; 
    -khtml-border-radius: 7px; 
    border-radius: 7px; 
}

table#liveSearchFrame input{
	color:white;
	background-color: #8DB610; 
}	
ul#manageSearchFields li {
	width: 160px;
	height: 28px;
	font-size: 1em;
	line-height: 14px;
}

div#manage {
	background-color: #FFF;
	height: 136px;
	border: 1px solid #CCC;
}

div#manage div#elements {
	background-color: #ADD8E6;
	text-align: right;	
	-moz-border-radius: 7px; 
    -webkit-border-radius: 7px; 
    -ms-border-radius: 7px; 
    -o-border-radius: 7px; 
    -khtml-border-radius: 7px; 
    border-radius: 7px;
}

.dragtable-drag-handle{
	cursor: move;
}

.dragtable-drag-wrapper .dragtable-drag-col {
    background-color: #ebebeb;
}

.dragtable-col-placeholder,
.drop-placeholder { 
    border-left: 1px dotted #1D5971;
    border-right: 1px dotted #1D5971; 
    color: #82A3B2;
    background: #82A3B2 !important; 
}

table .dragtable-col-placeholder:first{
	border-top:1px dotted black;
}

table#jobs tr#resize td,
table#archive tr#resize td {
	font-size: 12px;
	color: #EBEBEB; 
	border-right:1px solid #333333;
	border-bottom:1px solid #333333;
	background-color: #DADADA;	
}

div.resize {
	margin-right:5px;
	margin-left:5px;
	background-image: url(../../img/resize_bg.png);
	background-size: 18px 18px;
}

tr#headline th.disabled,
tbody#results td.disabled {
    background-color: #ebebeb;
}

/* highlight */
tbody#results b {
	color: #549EBD;
	font-weight: bolder;
}

img.sortable {
	background-image: url(../../img/th_sort.png);
}

img.sortable.desc {
	background-image: url(../../img/th_sort_desc.png);
}

img.sortable.asc {
	background-image: url(../../img/th_sort_asc.png);
}

/* J O B S */

#preview {
	border: 1px solid #666666;
	background: #FFFFFF;
	color: #fff;
}

#preview img{
	max-height:440px;
    max-width:440px;
    height:auto;
    width:auto;
}

.tabLink{
	border-top:1px solid #999;
	border-left: 1px solid #999;
	
}

.tabLinkRight{
	border-right: 1px solid #999;
}

.tablinkActive{
	background-color: #CCC;
}

.tablinkInActive{
	background-color: #FFF;
}

  
ul.companyResult {
	border-width: 0px 0px 1px 0px;
	border-color: gray;
	border-style: solid;
}

ul.results li span {
	font-size: 0.8em;
	color: gray; 
}

ul.companyResult li span.company {
	font-size: 0.8em;
	color: gray;
}

ul.results h2 {
    font-size: 1em;
    margin: 1.1em 0 0;
    color: black; 
}

ul.companyResult h2 {
    font-size: 1em;
    margin: 1.1em 0 0;
    color: gray; 
}

.tab_1 {
	background-color: white;
	color: #666;
	border-bottom: 1px solid #999;
	font-weight: 500;
	font-size: 13px;
	margin-left: 5px;
}

/* G R A P H  */

.graph {
	background-color: #FFFFFF;
	#background-image: url('../../img/gant/gant_layer.png');
	background-position: right center;
	background-repeat: repeat-x;
	border: 1px solid #8DB610;
}

.graph .bar {
	background-color: #8DB610;
	border-right: #CCCCCC 1px solid;
	text-align: center;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	background-position: right center;
	background-repeat: repeat-x;
}

.graph_text {
	text-align: center;
	font-size: 11px;
}


div#manage {
	background-color: #FFF;
	height: 136px;
	border: 1px solid #CCC;
}

/* C S S */
#previewMode.inactive {
	background-image: url(../../img/invisible.gif);
	background-repeat: no-repeat;
}

#previewMode.active {
	background-image: url(../../img/visible.gif);
	background-repeat: no-repeat;
}

/*********************** N O T E *****************************/

.note textarea {
	color: black;
	background: transparent;
	border-style: none;
	border: 1px dotted grey;
}

.icon-noteSave {
	background-image: url(../../img/save.png);
}

.menuArrow {
	background-image: url(../../img/arrows.png);
	background-size: 30px 12px;
	background-position: 0 0;
	background-repeat: no-repeat;
}

/* R E P O R T */

#reportAdd .CodeMirror {
	width: 100% !important;
}

/*********************** F D E S I G N E R *****************************/
.editTab {
	border: 1px dotted black;
	background-color: #f7f7f7;
}

.helpOverlay {
	background-color: #BADFBE;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid black;
}

.helper {
	opacity: 0.7;
	border-radius: 5px;
	border: 1px solid black;
	background-color: #BADFBE;
}

.placeholder {
	height: 50px;
	background-color: orange;
}




/*********************** UI BUTTON FLATTEN *****************************/
.ui-button-text {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 12px;
	padding: 4px !important;
	background: #fcfcfc -moz-linear-gradient(top, #fcfcfc 0%, #eee 100%); /* FF3.6+ */
    background: #fcfcfc -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#eee)); /* Chrome,Safari4+ */
    background: #fcfcfc -webkit-linear-gradient(top, #fcfcfc 0%, #eee 100%); /* Chrome10+,Safari5.1+ */
    background: #fcfcfc -o-linear-gradient(top, #fcfcfc 0%, #eee 100%); /* Opera11.10+ */
    background: #fcfcfc -ms-linear-gradient(top, #fcfcfc 0%, #eee 100%); /* IE10+ */
    background: #fcfcfc linear-gradient(top, #fcfcfc 0%, #eee 100%); /* W3C */
}


td.alt { 
	background-color: #C0EA87;  
}


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

.livedata{
	background: white url('../../img/live.png') right center no-repeat;
	background-size: 18px 18px;
}


.colorFlag{
	width: 20px;
	height: 5px;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
	-khtml-border-radius:25px;
	border-radius:25px;
	font-size: 10px;
	font-weight: 500;
	padding-top: 6px;
	text-align: center;
	color: white;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.trumbowyg-box, .trumbowyg-editor {
	width: 99% !important;
}

.trumbowyg-button-pane {
	background-color: rgb(246,246,246) !important;
}


.deadJobLink{
	padding:20px;
	font-size: 18px;
	line-height: 35px;
}

.deadJobLink i{
	margin-right: 15px;
	font-size:36px;
	font-weight: 100;
	color: #777;
}


div#editor strong {
	font-weight: 900;
}