/************************************************************************/
/*	Primefaces Siemens Style											*/
/* 																 		*/
/*	This style is using FontAwesome icons. The standard Siemens Web		*/
/*	Icons were included in the FA font. They start from unicode F700.	*/
/* 																 		*/
/*	Some of the icons were filled with suitable standard FA icons.  	*/
/* 																 		*/
/* 	Author: Z0039NYY											 		*/
/* 																 		*/
/************************************************************************/


/********************************************************************/
/*																 	*/
/* 	See components.css for structural css and important overrides	*/
/*	of primefaces css rules										 	*/
/*																 	*/
/********************************************************************/


a.ui-link.ui-widget {
	background: none;
	padding-left: 0;
}
a.ui-link.ui-widget > .ui-icon {
	font-size: 7px;
	vertical-align: middle;
	margin-right: 2px;
}
a.ui-link.ui-widget:hover {
	color:  #949EAA;
}

/*****************************************************************/
/*																 */
/* Rules for different icon colors								 */
/*																 */
/*****************************************************************/

.ui-icon span.color-icon {
	color: #990000;
}
.ui-icon span.color-text {
	color: #2387aa;
}

/*****************************************************************/
/*																 */
/* Compatibility rules for IE									 */
/*																 */
/*****************************************************************/



.ui-inputfield.ui-inputtext {
	min-height: 20px;
}
img {
	border:none;
}



/*****************************************************************/
/*																 */
/* 		General Style rules										 */
/*																 */
/*****************************************************************/



/* Component containers----------------------------------*/
.ui-widget,
 .ui-widget .ui-widget,
.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button {
	font-family: Arial;
	font-size: 11px;
}

.ui-widget-content {
	border: 1px solid transparent;
	background: #FFFFFF;
	color: #2387aa;
}

.ui-widget-content a {
	color: #2387aa;
}

.ui-widget-header {
	border: 1px solid transparent;
	background: transparent;
	color: #2387aa;
	font-weight: bold;
}

.ui-widget-header a {
	color: #2387aa;
}

/* Interaction states----------------------------------*/
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {
	border: 1px solid #2387aa;
	background: transparent;
	font-weight: normal;
	color: #2387aa;
}

.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited {
	color: #2387aa;
	text-decoration: none;
}

.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
	{
	border: 1px solid #2387aa;
	background: #D4D4D4 ;
	font-weight: normal;
	color: #2387aa;
}

.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited {
	color: #ffffff;
	text-decoration: none;
}

.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active {
	border: 1px solid transparent;
	font-weight: normal;
	color: #ffffff; /* TODO: Really use red color here? */
}

.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

.ui-state-focus, .ui-widget-content .ui-state-focus {
	box-shadow: 0.5px 0.5px 0.5px #CCC, -0.5px -0.5px 0.5px #CCC, -0.5px 0.5px 0.5px #CCC, 0.5px -0.5px 0.5px #CCC;
}


/* Interaction Cues----------------------------------*/
.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight {
	border: 1px solid transparent;
	background: #949EAA;
	color: #FFFFFF;
}
tr.ui-state-highlight>td,.ui-widget-content tr.ui-state-highlight>td,.ui-widget-header tr.ui-state-highlight>td {
	border: 1px solid transparent;
	background: #949EAA;
	color: #FFFFFF;
}
.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a {
	color: #333333;
}
.ui-state-highlight:hover {
	color: #FFFFFF;
}
.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error {
	border: 1px solid #990000;		
	color: #000000;		/* TODO: check usage and style accordingly */
}

.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a {
	color: #000000; /* TODO: check usage and style accordingly */
}

.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text {
	color: #000000; /* TODO: check usage and style accordingly */
}

.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary {
	font-weight: bold; /* TODO: check usage and style accordingly */
}

.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary {
	opacity: .7; /* TODO: check usage and style accordingly */
	filter: ~"Alpha(Opacity = 70)";
	font-weight: normal;
}

.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled {
	opacity: .35; 
	filter: Alpha(Opacity = 35);
	background-image: none;
}

.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity = 35);
}


/* Misc visuals----------------------------------*/
/* Corner radius */
.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl {
	-moz-border-radius-topleft: 1.5px;
	-webkit-border-top-left-radius: 1.5px;
	-khtml-border-top-left-radius: 1.5px;
	border-top-left-radius: 1.5px;
}

.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr {
	-moz-border-radius-topright: 1.5px;
	-webkit-border-top-right-radius: 1.5px;
	-khtml-border-top-right-radius: 1.5px;
	border-top-right-radius: 1.5px;
}

.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl {
	-moz-border-radius-bottomleft: 1.5px;
	-webkit-border-bottom-left-radius: 1.5px;
	-khtml-border-bottom-left-radius: 1.5px;
	border-bottom-left-radius: 1.5px;
}

.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br {
	-moz-border-radius-bottomright: 1.5px;
	-webkit-border-bottom-right-radius: 1.5px;
	-khtml-border-bottom-right-radius: 1.5px;
	border-bottom-right-radius: 1.5px;
}

/* Overlays */
.ui-widget-overlay {
	/*background: #aaaaaa;*/
	opacity: 1.3;
	filter: ~"Alpha(Opacity = 30)";
}

.ui-widget-shadow {
	margin: -8px 0 0 -8px;
	padding: 0px;
	background: #aaaaaa;
	opacity: .3;
	filter: ~"Alpha(Opacity = 30)";
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
/*Added as part of Uniform look&feel for ui-button-text-icon-right*/
.ui-button-text-icon-right .ui-icon.fa{
	margin-top: 2px !important;
}

/*Changes done for Primface 6.2 updates*/
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input {
	border: none !important;
	background: 0;
	color: inherit;
	border: 0;
	outline: 0;
	width: 95%;
}

/*Changes done for Primface 6.2 updates*/
.ui-timepicker-select {
	background: none !important;
}

/*Changes done for Primface 8.0 updates*/
.ui-radiobutton.ui-radiobutton-native .ui-helper-hidden-accessible input {
   display: none;
}

.ui-radiobutton.ui-radiobutton-native .ui-helper-hidden-accessible { 
    padding: 5px !important;
}