/* CSS Document */

body {
    font-size: 12px;
    font-family: Arial, Helvetica, Sans-serif;
    margin: 0;
    padding: 0;
}

#container {
	clear: both;
    padding-bottom: 35px;
	margin-top: 20px;
}

div.form {
	background: #f9f9f9;
	margin-top:10px;
	border-top: 1px solid #808080;
	border-bottom: 1px solid #808080;
}

.form h1 {
	font-size: 24px;
	padding: 10px;
	margin: 0px 0px 0px 0px;
	background: #78c043;
	color: #FFFFFF;
}

div.h1
{
	font-size: 24px;
	padding: 10px;
	margin-top: 6px;
	margin-bottom: 10px;
	background: #78c043;
	color: #FFFFFF;
	font-weight: bold;
}

.h2
{
	border-width: 2px 0px 0px 0px;
	font-size: 18px;
	font-weight: bold;
	padding: 6px 10px 2px 10px;
	margin-top:6px;
	margin-bottom:2px;	
	color: #000000; 
}

.filter {
    border-width: 2px 0px 0px 0px;
    font-size: 12px;
    font-weight: bold;
    padding-top: 6px;
    padding-bottom: 2px;
    margin-top: 6px;
    margin-bottom: 2px;
    color: #000000;
}

div.wf-end-customer-info
{
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	padding-top:12px;
}

.form tr.content:hover 
{
	background:#EEEEEE;
}

.form td 
{
	padding:0px 12px 0px 10px;
	margin-left: 0px;
}

.img-button:hover
{
	border: 2px outset #CCCCCC;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


.img-button:active
{
	border: 2px inset #CCCCCC;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.img-button, .img-button:visited
{
	padding: 2px 2px 2px 2px;
	margin: 0px 0px 0px 0px;
	border: none;
}

.form td.img-btn
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 18px;
}

.form p.left,.form p.right {
	font-size: 12px;
	padding: 0px 0px 0px 20px;
}
.form p.right {
	padding:10px 0px;
}

.sub-title{
	font-size: 14px;
	color: #606060;
	font-weight: bold;
	padding-left: 6px;
	padding-bottom: 4px;
}

p.filter label 
{
	font-weight:normal;
	padding:5px 0px;
	line-height:30px;
}

.xd-value
{
	color:#000000;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 2px;
}

.checkbox-text label {
    color: white !important;
}

.checkbox-text {
    padding: 1px;
    margin-top: -8px;
}

.form label {
	font-size: 12px;
	color: #606060;
	font-weight: bold;
	padding-left: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
}

label.mandatory
{
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	padding-left: 0px;
}

.xd-text-area
{
	font-size:12px;
	font-weight:normal;
	font-family:Arial, Helvetica, Sans-serif;
	width: 100%; 
	border: 1px solid #808080;
	margin:0px;
	padding:2px;
}


table.xd-text 
{
	font-size:12px;
	font-weight:normal;
	font-family:Arial, Helvetica, Sans-serif;
}

.form input.xd-text {
	border: 1px solid #808080;
	margin: 5px 0px;
    width: 100%; 
}
.form input.xd-text:focus {
	box-shadow: 0px 0px 7px #78c043;
}
input.xd-text2 {
    border: 1px solid #808080;
    margin: 5px 0px;
    width: 100%;
}
input.xd-text2:focus {
    box-shadow: 0px 0px 7px #78c043;
}
.form input.xd-button {
	border: 0px solid #78c043;
	background: #78c043;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
	margin: 5px 0px;
	color: #FFFFFF;
	font-weight: bold;
}

.form input.xd-button-gray {
	border: 0px solid #737373;
	background: #737373;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
	margin: 5px 0px;
	color: #FFFFFF;
	font-weight: bold;
}

.xd-button-grey2 {
    border: 0px solid #737373;
    background: #737373;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 10px;
    margin: 5px 0px;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    float: left;
}

.form input.xd-tab-button {
    border-top: 2px solid #78c043;
    border-left: 2px solid #78c043;
    border-right: 2px solid #78c043;
    border-bottom-width: 0px;
    background: #78c043;
    -moz-border-left-radius: 5px;
    -webkit-border-left-radius: 5px;
    -moz-border-right-radius: 5px;
    -webkit-border-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 6px 10px 6px 10px;
    margin: 5px 0px;
    color: #FFFFFF;
    font-weight: bold;
}

.form input.xd-tab-button:hover {
    cursor: pointer;
    background: #2e3192;
}

.form input.xd-button-active {
    border-top: 2px solid #78c043;
    border-left: 2px solid #78c043;
    border-right: 2px solid #78c043;
    border-bottom-width: 0px;
    background: #f9f9f9;
    -moz-border-left-radius: 5px;
    -webkit-border-left-radius: 5px;
    -moz-border-right-radius: 5px;
    -webkit-border-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 10px 10px 6px 10px;
    margin: 5px 0px;
    color: #00c000;
    font-weight: bold;
    cursor: pointer;
}

.form input.xd-button-active:hover {
    cursor: pointer;
    background: #2e3192;
}

.form select.xd-select {
	border: 1px solid #808080;
	margin: 5px 0px;
	/*max-width:470px;*/
	/* height: 25px; */
	width:100%;
}
select.xd-select2 {
    border: 1px solid #808080;
    margin: 5px 0px;
    /*max-width:470px;*/
    /* height: 25px; */
    width: 100%;
}
.form .agb {
	margin-left: 20px;
}
.form .agree {
	margin-left: 8px;
}
.form input.xd-button:hover {
	background: #2e3192;
}
.form span {
	display: block;	
	padding-top: 0px;
	/*border-bottom: 1px dotted #808080;
		height: 10px;*/
}

/* DATE PICKER */
.ui-datepicker {
	width: 15em;
	font-size:12px;
}
.ui-datepicker .ui-datepicker-title {
	background:#78c043;
}
.ui-widget-header {    
	background: #78c043;
	border: 0px solid #AAAAAA;
	color: #FFF;
	font-weight: bold;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background: #78c043;
	border: 0px solid #D3D3D3;
	color: #FFFFFF;
	font-weight: normal;
	text-align:center;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
	background: #808080;
	border: 0px solid #999999;
	color: #FFFFFF;
	font-weight: normal;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
	background: #2e3192;
	border: 0px solid #FCEFA1;
	color: #FFFFFF;
}

.main-content {
    padding-left: 10px; 
	padding-right: 10px; 
    padding-top: 30px;
}

.featured + .main-content {
    }

.footer {
    clear: both;
    font-size: .8em;
    height: 60px;
	margin-left:10px;
}

/* login */
#login {
    font-size: .85em;
    margin: 0 0 12px;
    text-align: center;
}

#login ul {
    margin: 5px 0;
    padding: 0;
}

#login li {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0;
}

#login a {
    background: none;
    color: #999;
    font-weight: 600;
    margin: 2px;
    padding: 0;
}

#login a:hover {
    color: #333;
}


.float-left {
    float: left;
}

.float-right {
    float: right;
}

span.xd_error
{
	color: #ffffff;
	background-color: #ff0000;
	font-size: 11pt;
	font-weight: bold;
	padding-left: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
}

td.xd_error
{
    color: #ffffff;
	background-color:#ff0000;
	font-size: 11pt;
	font-weight:bold;
    padding-top:8px;
    padding-bottom:8px;
	padding-left:8px;
}

td.list-entry
{
	padding: 2px 10px 2px 10px !important;
	margin-left: 0px;
	margin-right: 6px;
	white-space: nowrap;
}

td.document
{
	padding: 0px 0px 5px 10px !important;
	margin-left: 0px;
}

td.document table
{
	margin-left: 0px !important;
}

td.document table td
{
	padding-left: 0px !important;
}

tr.list-entry
{	
	margin-top: 6px;
	margin-bottom: 6px;
	padding-top: 6px;
	padding-bottom: 6px;
	background-color:#FFFFFF; 
}

tr.list-entry-odd
{
	margin-top: 6px;
	margin-bottom: 6px;
	padding-top: 6px;
	padding-bottom: 6px;
	background-color:#F5F5DC; 
}

tr.list-entry-odd-e
{
	background-color:#F5F5DC; 
}

tr.list-entry-odd:hover, tr.list-entry-odd-e:hover 
{
	background-color:#EEEEEE;
}

tr.list-entry:hover 
{
	background-color:#EEEEEE;
}

tr.list-entry-selected
{
	margin-top: 6px;
	margin-bottom: 6px;
	padding-top: 6px;
	padding-bottom: 6px;
	background-color: #D1DDF1;
	font-weight: bold;
	color: #333333;
}

th.list-entry
{	
	margin-top: 6px;
	margin-bottom: 6px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 4px;
	padding-right: 4px;
	background-color:#78c043; 
	white-space: nowrap;
	color:#ffffff;
}



td.top-menu
{
	text-align:right;
}

.form input.xd-s-button
{
	padding: 0px;
	margin: 0px;

}

.form .no-wrap
{
	white-space: nowrap;
}

.GreenButton, .GreenButton:link, .GreenButton:Visited, .GreenButton:Active
{
	display: block;
	font-weight: bold;
	font-size: 8pt;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background-color: #78c043;
	border: 1px solid #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin: 3px 0px;
	padding: 5px 3px 5px 3px;
}

.GreenButton:Hover, .GreenButton:focus
{
	border: 1px inset #808000;
	background: #2e3192;
}


.GreenButtonGray, .GreenButtonGray:link, .GreenButtonGray:Visited, .GreenButtonGray:Active
{
	display: block;
	font-weight: bold;
	font-size: 8pt;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background-color: #737373;
	border: 1px solid #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin: 3px 0px;
	padding: 5px 3px 5px 3px;
}

.GreenButtonGray:Hover, .GreenButtonGray:focus
{
	border: 1px inset #808000;
	background: #2e3192;
}

.GreenButtonGrayPlus, .GreenButtonGrayPlus:link, .GreenButtonGrayPlus:Visited, .GreenButtonGrayPlus:Active {
    display: block;
    background-image: url('../Images/expandWhite.png');
    background-size: 17px;
    background-repeat: no-repeat;
    background-position: 2px center;
    font-weight: bold;
    font-size: 8pt;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #737373;
    border: 1px solid #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 3px 0px;
    padding: 5px 3px 5px 18px;
}

.GreenButtonGrayPlus:Hover, .GreenButtonGrayPlus:focus {
    border: 1px inset #808000;
    background: #2e3192;
    background-image: url('../Images/expandWhite.png');
    background-size: 17px;
    background-repeat: no-repeat;
    background-position: 2px center;
}

.GreenButtonGrayMinus, .GreenButtonGrayMinus:link, .GreenButtonGrayMinus:Visited, .GreenButtonGrayMinus:Active {
    display: block;
    background-image: url('../Images/collapseWhite.png');
    background-size: 17px;
    background-repeat: no-repeat;
    background-position: 2px center;
    font-weight: bold;
    font-size: 8pt;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #737373;
    border: 1px solid #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 3px 0px;
    padding: 5px 3px 5px 18px;
}

.GreenButtonGrayMinus:Hover, .GreenButtonGrayMinus:focus {
    border: 1px inset #808000;
    background: #2e3192;
    background-image: url('../Images/collapseWhite.png');
    background-size: 17px;
    background-repeat: no-repeat;
    background-position: 2px center;
}

a.xd-linkbutton-grey-c, a.xd-linkbutton-grey-c:link, a.xd-linkbutton-grey-c:Visited, a.xd-linkbutton-grey-c:Active
{
	display: block;
	font-weight: bold;
	font-size: 8pt;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background-color: #737373;
	border: 1px solid #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin: 3px 0px;
	padding: 8px 6px 8px 6px;
	white-space: nowrap;
}

a.xd-linkbutton-grey-c:Hover, a.xd-linkbutton-grey-c:focus
{
	border: 1px inset #808000;
	background: #2e3192;
}

a.xd-linkbutton-green-c, a.xd-linkbutton-green-c:link, a.xd-linkbutton-green-c:Visited, a.xd-linkbutton-green-c:Active {
    display: block;
    font-weight: bold;
    font-size: 8pt;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #78c043;
    border: 1px solid #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 3px 0px;
    padding: 8px 6px 8px 6px;
    white-space: nowrap;
}

a.xd-linkbutton-green-c:Hover, a.xd-linkbutton-green-c:focus {
    border: 1px inset #808000;
    background: #2e3192;
}

a.ManualButton {
    display: block;
    font-weight: bold;
    font-size: 8pt;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    text-align: center;
    text-decoration: none;
    /*background-color: #ff6a69;*/
    background-color: #A9A9A9;
    border: 1px solid #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 3px 0px;
    padding: 5px 8px 5px 8px;
}

a.ManualButton:Hover, a.ManualButton:Active {
	border-color: #CC3300;
	background: #2e3192;
}

A.ToolMenuItem, A.ToolMenuItem:link, A.ToolMenuItem:Visited {
	display: block;
	font-weight: normal;
	font-size: 8pt;
	margin: 1px;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	color:#000;
	text-align: center;
	text-decoration: none;
	background-color:#EEE;
	border:1px solid #666;
	padding:2px 5px;
}

A.ToolMenuItem:Hover, A.ToolMenuItem:Active {
	color: #000;
	border-color:#000;
	background-color:#CCC;
}


A.ToolMenuItemW, A.ToolMenuItemW:link, A.ToolMenuItemW:Visited {
	display: block;
	font-weight: normal;
	font-size: 8pt;
	margin: 1px;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	color:#000;
	text-align: center;
	text-decoration: none;
	background-color:#EEE;
	border:1px solid #CC3300;
	padding:2px 5px;
}

A.ToolMenuItemW:Hover, A.ToolMenuItemW:Active {
	color: #CC3300;
	border-color:#CC3300;
	background-color:#fff;
}

table.attachment_control_table
{
	width:100%;
	table-layout:fixed;
}

td.attachment_control_application_name
{
	width:500px;
    vertical-align: top;
	padding-bottom: 4px;
    padding-top: 6px;
}

td.attachment_control_template
{
	width: 220px;
	vertical-align: top;
	padding-bottom: 4px;
	padding-top: 6px;
	padding-left: 6px;
	padding-right: 6px;
	white-space: nowrap;
	text-overflow: ellipsis;
}

td.attachment_control_attachment
{
	width: 100%;
	vertical-align: top;
	padding-bottom: 4px;
	padding-top: 6px;
	padding-left: 6px;
	padding-right: 6px;
	white-space: nowrap;
	text-overflow: ellipsis;
}

td.attachment_control_upload_status
{
	vertical-align:top;
	padding-bottom: 4px;
    padding-top: 6px;
	padding-left: 6px;
	padding-right: 6px;
	width:60px;
}

td.attachment_control_upload_controls
{
	width:88px;
	vertical-align:top;
	padding-bottom: 4px;
    padding-top: 6px;
	padding-left: 6px;
	padding-right: 6px;
	text-align:center;

}

.attachment_control_remove_btn, .attachment_control_remove_btn:link, .attachment_control_remove_btn:Visited, .attachment_control_remove_btn:Active
{

	background-image: url('../Images/removeAttachment.png');
	background-repeat: no-repeat;
	background-position: 2px center;
	background-color: #78c043;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
	font-size: 8pt;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin: 3px 0px;
	padding: 5px 5px 5px 28px;
}

.attachment_control_remove_btn:Hover
{
	border: 1px inset #808000;
	background: #2e3192;
	background-image: url('../Images/removeAttachment.png');
	background-repeat: no-repeat;
	background-position: 2px center;
}

.xd_check_btn, .xd_check_btn:link, .xd_check_btn:Visited, .xd_check_btn:Active
{
	display: block;
	background-image: url('../Images/checkButton.png');
	background-repeat: no-repeat;
	background-position: 2px center;
	background-color: #78c043;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
	font-size: 8pt;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin: 3px 0px;
	padding: 5px 5px 5px 28px;
	width:100px;
}

.xd_check_btn:Hover
{
	display: block;
	border: 1px inset #808000;
	background: #2e3192;
	background-image: url('../Images/checkButton.png');
	background-repeat: no-repeat;
	background-position: 2px center;
	width:100px;
}

.xd_help_btn, .xd_help_btn:link, .xd_help_btn:Visited, .xd_help_btn:Active
{
	display: block;
	background-image: url('../Images/helpButton.png');
	background-repeat: no-repeat;
	background-position: 2px center;
	background-color: #78c043;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
	font-size: 8pt;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin: 3px 0px;
	padding: 5px 5px 5px 28px;
	width:100px;
}

.xd_help_btn:Hover
{
	display: block;
	border: 1px inset #808000;
	background: #2e3192;
	background-image: url('../Images/helpButton.png');
	background-repeat: no-repeat;
	background-position: 2px center;
	width:100px;
}



.xd_add_btn, .xd_add_btn:link, .xd_add_btn:Visited, .xd_add_btn:Active
{
	display: block;
	background-image: url('../Images/addButton.png');
	background-repeat: no-repeat;
	background-position: 2px center;
	background-color: #78c043;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
	font-size: 8pt;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin: 3px 0px;
	padding: 5px 5px 5px 28px;
	width:120px;
}

.xd_add_btn:Hover
{
	display: block;
	border: 1px inset #808000;
	background: #2e3192;
	background-image: url('../Images/addButton.png');
	background-repeat: no-repeat;
	background-position: 2px center;
	width:120px;
}


.xd_list_btn, .xd_list_btn:link, .xd_list_btn:Visited, .xd_list_btn:Active
{
	display: block;
	background-image: url('../Images/listButton.png');
	background-repeat: no-repeat;
	background-position: 2px center;
	background-color: #78c043;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
	font-size: 8pt;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	width:25px;
	height:23px;
}

.xd_list_btn:Hover
{
	display: block;
	border: 1px inset #808000;
	background: #2e3192;
	background-image: url('../Images/listButton.png');
	background-repeat: no-repeat;
	background-position: 2px center;
	width:25px;
	height:23px;
}

.attachment_control_upload_btn, .attachment_control_upload_btn:link, .attachment_control_upload_btn:Visited, .attachment_control_upload_btn:Active
{

	background-image: url('../Images/upload-white.png');
	background-repeat: no-repeat;
	background-position: 2px center;
	background-color: #78c043;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
	font-size: 8pt;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin: 3px 0px;
	padding: 5px 5px 5px 28px;
}

.attachment_control_upload_btn:Hover
{	
	border: 1px inset #808000;
	background: #2e3192;
	background-image: url('../Images/upload-white.png');
	background-repeat: no-repeat;
	background-position: 2px center;
}

.xd-anchor, .xd-anchor:link, .xd-anchor:visited, .xd-anchor:active {
	border: 0px solid #78c043;
	background: #78c043;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
	margin: 5px 0px;
	color: #FFFFFF;
	font-weight: bold;
	white-space:nowrap;
	text-decoration: none;
}

.xd-anchor-gray, .xd-anchor-gray:link, .xd-anchor-gray:visited, .xd-anchor-gray:active {
	border: 0px solid #737373;
	background: #737373;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
	margin: 5px 0px;
	color: #FFFFFF;
	font-weight: bold;
	white-space:nowrap;
	text-decoration: none;
}


.xd-anchor:hover
{
	border: 0px solid #78c043;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
	margin: 5px 0px;
	background: #2e3192;
	font-weight: bold;
	white-space: nowrap;
	text-decoration: none;
}

.xd-anchor-gray:hover
{
	border: 0px solid #78c043;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
	margin: 5px 0px;
	background: #2e3192;
	font-weight: bold;
	white-space: nowrap;
	text-decoration: none;
}


.attachment_control_mail_btn, .attachment_control_mail_btn:link, .attachment_control_mail_btn:Visited, .attachment_control_mail_btn:Active
{
	display: block;
	background-image: url('../Images/mail.png');
	background-repeat: no-repeat;
	background-position: 2px center;
	background-color: #78c043;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
	font-size: 8pt;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin: 3px 0px;
	padding: 5px 5px 5px 28px;
}

.attachment_control_mail_btn:Hover
{
	display: block;
	border: 1px inset #808000;
	background: #2e3192;
	background-image: url('../Images/mail.png');
	background-repeat: no-repeat;
	background-position: 2px center;
}

.attachment_control_mail_btn_gray, .attachment_control_mail_btn_gray:link, .attachment_control_mail_btn_gray:Visited, .attachment_control_mail_btn_gray:Active
{
	display: block;
	background-image: url('../Images/mail.png');
	background-repeat: no-repeat;
	background-position: 2px center;
	background-color: #737373;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
	font-size: 8pt;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin: 3px 0px;
	padding: 5px 5px 5px 28px;
}

.attachment_control_mail_btn_gray:Hover {
    display: block;
    border: 1px inset #808000;
    background: #2e3192;
    background-image: url('../Images/mail.png');
    background-repeat: no-repeat;
    background-position: 2px center;
}

.attachment_control_download_btn_gray, .attachment_control_download_btn_gray:link, .attachment_control_download_btn_gray:Visited, .attachment_control_download_btn_gray:Active {
    display: block;
    background-image: url('../Images/downloadWhite.png');
    background-repeat: no-repeat;
    background-position: 2px center;
    background-color: #737373;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-align: left;
    vertical-align: middle;
    font-weight: bold;
    font-size: 8pt;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    margin: 3px 0px;
    padding: 5px 5px 5px 28px;
}

.attachment_control_download_btn_gray:Hover {
    display: block;
    border: 1px inset #808000;
    background: #2e3192;
    background-image: url('../Images/downloadWhite.png');
    background-repeat: no-repeat;
    background-position: 2px center;
}

table.tree_view
{
}

.tree_view td
{
	padding-left:2px;
	padding-right:2px;
}

td.tree_node
{
	padding-left:2px;
	padding-right:2px;
}

.form input.xd-button-inline {
	border: 0px solid #78c043;
	background: #78c043;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 3px;
	margin: 3px 0px;
	color: #FFFFFF;
}

.form input.xd-button-inline:hover {
	background: #2e3192;
}

.xd-grid
{
	width: 100%;
	color: #333333;
}

.xd-grid-edit-row
{
 background-color: #2461BF;
}

.xd-grid-header
{
	background-color: #78c043;
	color: #ffffff;
	font-weight: bold;	
	/*white-space: nowrap;*/
	text-align: left;
}

.xd-grid-header-desc
{
	background-position: 5px;
	background-image: url('../Images/sortDesc.png');
	background-repeat: no-repeat;
	text-align: left;
	background-color: #78c043;
	color: #ffffff;
	font-weight: bold;
	/* text-indent: 22px; 
		white-space: nowrap;*/
	padding-left:22px;
	
}


.xd-grid-header-asc
{
	background-position: 5px;
	background-image: url('../Images/sortAsc.png');
	background-repeat: no-repeat;
	text-align: left;
	background-color: #78c043;
	color: #ffffff;
	font-weight: bold;
	/* text-indent: 22px;
		white-space: nowrap; */
	padding-left:22px;
	
}

.xd-grid-pager
{
	background-color: #78c043;
	color: #ffffff;
	font-weight: bold;
	text-align:center;
	border: 2px solid #ffffff;
	height:22px;
}

.xd-grid-footer
{
	background-color: #507CD1;
	color: #ffffff;
	font-weight: bold;
}

.xd-grid-sorted-cell-asc
{
	background-color: #F5F7FB;
}

.xd-grid-sorted-cell-desc
{
	background-color: #E9EBEF;
}

.xd-grid-sorted-h-asc
{
	background-color: #6D95E1;
}

.xd-grid-sorted-h-desc
{
	background-color: #4870BE;
}

a.panel_header:link, a.panel_header:Visited, a.panel_header:Active
{
	text-decoration: none;
}

tr.xd-info-status {
    color: #cc3300;
    font-weight: bold;
}

th.xd-report-alt-column {
    background: #2e3192;
}

/* Web Form **migrated to webFormPage.css ************************************* */


.filterSelectImg:focus
{
	
}

.specialDropDownItem
{
    background-color: #ffff00;
}

.searchFormTitle
{
	font-size: 12px; 
	color: #FFFFFF; 
	white-space: nowrap;
}

/* ******************************************************************* */
#circularG{
	position:relative;
	width:24px;
	height:24px;
	margin: auto;
}

.circularG{
	position:absolute;
	background-color:rgb(120,192,67);
	width:6px;
	height:6px;
	border-radius:4px;
		-o-border-radius:4px;
		-ms-border-radius:4px;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
	animation-name:bounce_circularG;
		-o-animation-name:bounce_circularG;
		-ms-animation-name:bounce_circularG;
		-webkit-animation-name:bounce_circularG;
		-moz-animation-name:bounce_circularG;
	animation-duration:1.68s;
		-o-animation-duration:1.68s;
		-ms-animation-duration:1.68s;
		-webkit-animation-duration:1.68s;
		-moz-animation-duration:1.68s;
	animation-iteration-count:infinite;
		-o-animation-iteration-count:infinite;
		-ms-animation-iteration-count:infinite;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-iteration-count:infinite;
	animation-direction:normal;
		-o-animation-direction:normal;
		-ms-animation-direction:normal;
		-webkit-animation-direction:normal;
		-moz-animation-direction:normal;
}

#circularG_1{
	left:0;
	top:10px;
	animation-delay:0.63s;
		-o-animation-delay:0.63s;
		-ms-animation-delay:0.63s;
		-webkit-animation-delay:0.63s;
		-moz-animation-delay:0.63s;
}

#circularG_2{
	left:2px;
	top:2px;
	animation-delay:0.84s;
		-o-animation-delay:0.84s;
		-ms-animation-delay:0.84s;
		-webkit-animation-delay:0.84s;
		-moz-animation-delay:0.84s;
}

#circularG_3{
	top:0;
	left:10px;
	animation-delay:1.05s;
		-o-animation-delay:1.05s;
		-ms-animation-delay:1.05s;
		-webkit-animation-delay:1.05s;
		-moz-animation-delay:1.05s;
}

#circularG_4{
	right:2px;
	top:2px;
	animation-delay:1.26s;
		-o-animation-delay:1.26s;
		-ms-animation-delay:1.26s;
		-webkit-animation-delay:1.26s;
		-moz-animation-delay:1.26s;
}

#circularG_5{
	right:0;
	top:10px;
	animation-delay:1.47s;
		-o-animation-delay:1.47s;
		-ms-animation-delay:1.47s;
		-webkit-animation-delay:1.47s;
		-moz-animation-delay:1.47s;
}

#circularG_6{
	right:2px;
	bottom:2px;
	animation-delay:1.68s;
		-o-animation-delay:1.68s;
		-ms-animation-delay:1.68s;
		-webkit-animation-delay:1.68s;
		-moz-animation-delay:1.68s;
}

#circularG_7{
	left:10px;
	bottom:0;
	animation-delay:1.89s;
		-o-animation-delay:1.89s;
		-ms-animation-delay:1.89s;
		-webkit-animation-delay:1.89s;
		-moz-animation-delay:1.89s;
}

#circularG_8{
	left:2px;
	bottom:2px;
	animation-delay:2.1s;
		-o-animation-delay:2.1s;
		-ms-animation-delay:2.1s;
		-webkit-animation-delay:2.1s;
		-moz-animation-delay:2.1s;
}



@keyframes bounce_circularG{
	0%{
		transform:scale(1);
	}

	100%{
		transform:scale(.3);
	}
}

@-o-keyframes bounce_circularG{
	0%{
		-o-transform:scale(1);
	}

	100%{
		-o-transform:scale(.3);
	}
}

@-ms-keyframes bounce_circularG{
	0%{
		-ms-transform:scale(1);
	}

	100%{
		-ms-transform:scale(.3);
	}
}

@-webkit-keyframes bounce_circularG{
	0%{
		-webkit-transform:scale(1);
	}

	100%{
		-webkit-transform:scale(.3);
	}
}

@-moz-keyframes bounce_circularG{
	0%{
		-moz-transform:scale(1);
	}

	100%{
		-moz-transform:scale(.3);
	}
}

tr.xd-list-grp-row
{
	background: #CCFF99;
	color: #666;
	font-weight: bold;
	font-size: 12px;
}

td.xd-list-grp-cell
{
	padding: 4px 10px 4px 10px;
	text-align: left;
	color: #666;
	font-family: FontAwesome, Arial, Sans-Serif;
}

a.xd-list-grp-anhor, a.xd-list-grp-anhor:visited, a.xd-list-grp-anhor:active, a.xd-list-grp-anhor:link
{
	text-decoration: none;
	color: #666;
}

img.xd-list-grp-icon
{
	border: none;
	vertical-align: middle;
}

span.xd-list-grp-title
{
	padding-left: 6px;
	vertical-align: middle;
}

.lang-list-control label {
	padding-right: 6px;
	padding-left: 2px;
	font-weight: bold;
	text-transform: capitalize;
}

/* *********************************************** */

td.action-btn-cell
{
	padding-left: 0px;
	padding-right: 6px;
	min-width: 20px;
}

div.kunde-info
{
	color: #000000;
	white-space: nowrap;
}

div.kunde-info-t
{
	color: #000000;
	white-space:nowrap;
}

.search-project-panel
{
	position: relative;
	z-index: auto;
	float: right;
	clip: rect(4px, 4px, auto, auto);
}

.search-project-button
{
	border-style: none; 
	border-width: 0px;
}

.checkbox-project-panel {
    position: relative;
    z-index: auto;
    float: right;
    clip: rect(4px, 4px, auto, auto);
    margin-top: -6px;
    margin-right: 20px;
}

.archive-year-panel {
    position: relative;
    z-index: auto;
    float: right;
    clip: rect(4px, 4px, auto, auto);
    margin-top: -6px;
    margin-right: 20px;
}

.checkbox-pushmail-panel {
    position: relative;
    z-index: auto;
    float: right;
    clip: rect(4px, 4px, auto, auto);
    margin-top: -6px;
    margin-right: 20px;
}

.logcontent {
    width: 100%;
    height: 200px;
    overflow: scroll;
    overflow-x: hidden;
}

.archive-year-panel label {
    color: white !important;
}

.projectoverviewtable {
    width: 100%;
    margin: 0px;
    table-layout: fixed;
    border-collapse: collapse;
}

.projectoverviewtable tbody {
    width: 100%;
    display: table;
}

.projectoverviewtable label {
    font-weight: normal;
    color: black;
}

.scrollingControlContainer {
    overflow-x: auto;
    overflow-y: scroll;
    height: 250px;
    border: 1px solid #78C043;
    border-radius: 5px;
}

.dropzone {
	margin: 2px 0;
	width: 100%;
	min-height: 20px;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	border: 1px dashed #DBDBDB;
}

.active {
	border: 1px dashed #898;
	background-color: #dcdcf0;
}

.attachment_control_process_btn_gray, .attachment_control_process_btn_gray:link, .attachment_control_process_btn_gray:Visited, .attachment_control_process_btn_gray:Active {
	display: block;
	background-image: url('../Images/execute-white.png');
	background-repeat: no-repeat;
	background-position: 2px center;
	background-color: #737373;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
	font-size: 8pt;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin: 3px 0px;
	padding: 5px 5px 5px 50px;
}

.attachment_control_process_btn_gray:Hover {
	display: block;
	border: 1px inset #808000;
	background: #2e3192;
	background-image: url('../Images/execute-white.png');
	background-repeat: no-repeat;
	background-position: 2px center;
}

.attachment_control_process_btn_gray:disabled,
.attachment_control_process_btn_gray[disabled],
.attachment_control_process_btn_gray.disabled {
	display: block;
	background-image: url('../Images/execute-white.png');
	background-repeat: no-repeat;
	background-position: 2px center;
	background-color: #999999;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
	font-size: 8pt;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin: 3px 0px;
	padding: 5px 5px 5px 50px;
	cursor: not-allowed;
	opacity: 0.6;
}

.attachment_control_delete_btn, .attachment_control_delete_btn:link, .attachment_control_delete_btn:Visited, .attachment_control_delete_btn:Active {
	background-image: url('../Images/delete-white.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #78c043;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
	font-size: 8pt;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin: 3px 0px;
	padding: 5px 5px 5px 28px;
	width: 30px;
}

.attachment_control_delete_btn:Hover {
	border: 1px inset #808000;
	background: #2e3192;
	background-image: url('../Images/delete-white.png');
	background-repeat: no-repeat;
	background-position: center center;
	width: 30px;
}

.attachment_control_reset_btn_gray, .attachment_control_reset_btn_gray:link, .attachment_control_reset_btn_gray:Visited, .attachment_control_reset_btn_gray:Active {
	display: block;
	background-image: url('../images/24x24/actualize-white_24x24.png');
	background-repeat: no-repeat;
	background-position: 2px center;
	background-color: #737373;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	font-size: 8pt;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin: 3px 0px;
	padding: 5px 5px 5px 28px;
}

.attachment_control_reset_btn_gray:Hover {
	display: block;
	border: 1px inset #808000;
	background: #2e3192;
	background-image: url('../Images/24x24/actualize-white_24x24.png');
	background-repeat: no-repeat;
	background-position: 2px center;
}

.level1
{
    color: White;
}

.level2
{
    color: Blue;
}

.hoverstyle
{
    font-weight: bold;
}
       
.sublevel1
{
    background-color: Gray !important;
    color: White !important;
}
.mainMenu {
	background: #900;
}

	.mainMenu a {
		color: #fff;
	}

		.mainMenu a:hover {
			background: #c00;
			color: #ff9;
		}

/* Logo Animation */
.logo-image {
	border-style: none;
	border-width: 0px;
	width: 200px;
	transition: transform 0.3s ease, filter 0.3s ease, box-shadow 0.3s ease;
	display: block;
}

.logo-image:hover {
	transform: scale(1.05);
	filter: brightness(1.1);
	box-shadow: 0 4px 15px rgba(120, 192, 67, 0.4);
}