/** default style of all elements that (can) contain a value */
.ui-state-default {
}

/** style of elements that contain a changed/unsaved value */
.ui-state-changed {
	background-color: #d9edf7 !important;
	border-color: #3a87ad !important;
}

/** style of elements that contain an error (ERROR level message) */
.ui-state-error {
	background-color: #f2dede !important;
	border-color: #b94a48 !important;
}

/** style of elements that contain a warning (WARN level message) */
.ui-state-warning {
	background-color: #fcf8e3 !important;
	border-color: #c09853 !important;
}

/** style of elements that contain a hint (INFO level message) */
.ui-state-info {
	background-color: #d9edf7 !important;
	border-color: #3a87ad !important;
}

/** min width for toolbar for better layout */
.ui-accordion-toolbar {
	/*min-width: 300px;*/
}

.ui-search-filter-input input{
	min-width: 15em;
	max-width: 20em;
}

.ui-filterexplorer{
	border: 0 none;
	min-width: 15em;
	/** Bug-854 */
	max-width: 35em;
}

.ui-filterexplorer .ui-tabs-nav, .ui-objectexplorer .ui-tabs-nav{
	border: 0 none;
	background: none;
}

.ui-filterexplorer .ui-tabs-nav li{
	max-width: 15em;
	overflow: hidden;
}

.ui-filterexplorer .ui-tabs-panel{
	padding: 0 0.2em;

}

.ui-filterexplorer .ui-value{
	width: 100%;
}

.ui-filterexplorer .ui-treevalue {
	border: 0 none;
}

.ui-filterexplorer .ui-tabs-selected a, .ui-objectexplorer .ui-tabs-selected a {
	cursor: default !important;
}

.ui-filterexplorer .ui-scrollpanel-native{
	max-height: 25em;
}

.ui-filterexplorer .ui-treevalue-content{
	border: 0 none;
}

.ui-objectexplorer{
	display: block!important;
	border: 0 none;
	width: 100%;
	height: 100%;
}

.ui-objectexplorer .ui-value{
	width: 100%;
	height: 100%;
}

.ui-objectexplorer .ui-treevalue {
	border: 0 none;
	height: 100%;
}

/** toolbar in object view */
.ui-objectview-toolbar {
}

.ui-objectexplorer .ui-tabs-panel{
	padding: 0 0.2em;
	height: 100%;
	width: 100%;
}

.ui-objectview-contents {
	width: 100%;
	display: inline-block;
	box-sizing: border-box;
	height: calc(100% - 2.5em);
	padding:0;
}

/** only set width for set explorer with in view */
.ui-objectexplorercontent {
	width: 24em;
	height: 100%;
	float: left;
}

/** same value after 100% calc as width in class ui-objectexplorercontent */
.ui-objectview-content{
	float: left;
	width: calc(100% - 24em);
	height: 100%;
	overflow: auto;
}
.ui-objectview-content-full{
	float: left;
	width: 100%;
	height: 100%;
	overflow: auto;
}

.ui-objectexplorercontent .ui-tabs-panels{
	display: inline-block;
	margin-bottom: 0;
	width: 100%;
	height: calc(100% - 2.5em);
}

.ui-objectexplorercontent .ui-scrollpanel-native{
	display: inline-block;
	height: 100%;
	width: 100%;
}

.ui-objectexplorercontent .ui-scrollpanel-native div.ui-state-changed:parent {
	background-color: #d9edf7;
	border-color: #3a87ad;
}

.ui-objectexplorercontent .ui-treevalue-inlineview > div{
	height: 100%;
}

.ui-objectexplorercontent .ui-treevalue-content{
	height: 100%;
	border: 0 none;
}

.ui-objectview-cells{
	display: inline-block;
}

.ui-objectview-accordion{
	margin-top: 1em;
	margin-left: 1em;
	margin-right: 1em;
}
/** min width for toolbar for better layout */
.ui-accordion-toolbar {
	width: 100%;
}

.ui-filtercontent{
	display: inline-block;
	padding: 0em 2.2em 1.2em 2.2em;
	width: 100%;
	overflow: auto;
}

.ui-sortconditions{
	display: inline-block;
	width: 100%;
	overflow: auto;
	padding: 1.2em 2.2em;
}

.ui-sort-target-changed .ui-picklist-target {
	background-color: #d9edf7 !important;
	border-color: #3a87ad !important;
}

.ui-sort-source-changed .ui-picklist-source  {
	background-color: #d9edf7 !important;
	border-color: #3a87ad !important;
}

.ui-sort-complete-changed .ui-picklist-list {
	background-color: #d9edf7 !important;
	border-color: #3a87ad !important;
}

.ui-float-right{
	float:right;
}

.ui-float-left {
	float: left;
}

.ui-searchmenu{
	width: auto!important;
}

.ui-filtermenu{
	width: auto;
}

.ui-favoritetable{
	border-collapse: collapse;
	border: 0 none;
	display: inline-block;
}

.ui-favoritetable td{
	padding-top:3px;
	padding-bottom: 3px;
}

.ui-activerow td{
	/** Firefox */
	background: #85b2cb -moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.4));
	/** IE */
	background: #85b2cb url("/geims-ui-jsf/javax.faces.resource/images/ui-bg_inset-hard_65_85b2cb_1x100.png.xhtml?ln=primefaces-aristo") 50% 50% repeat-x;
	/** Chrome */
	background: #85b2cb -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(rgba(255,255,255,0.4)));
	/** other */
	background: #85b2cb linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.4));
	border: 0px;

}

.ui-activerow td:nth-of-type(1) {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

.ui-activerow td:last-child{
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

.ui-satis-grid{
	vertical-align: middle;
	display: inline-block;
}

.ui-satis-grid-detail{
	padding-bottom: 0.25em;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 0.25em;
}

.ui-toolbar .ui-satis-grid-detail{
	padding-left: 0;
	padding-right: 0;
}

.ui-satis-grid .ui-value{
	display: inline;
}

.ui-satis-grid input {
	display: inline-block;
	width: 100%;
}

.ui-satis-grid div.ui-slider{
	min-width: 10em;
}

.ui-button-1 input{
	width: calc(100% - 2.5em);
}

.ui-button-2 input{
	width: calc(100% - 5em);
}

.ui-button-3 input{
	width: calc(100% - 7.5em);
}

.ui-button-4 input{
	width: calc(100% - 10em);
}

/** double fields password must be set as 50% for two fields are show here */
.ui-satis-grid .ui-password {
	width: 50%;
}

/** css gird elements without padding */
.ui-satis-grid-1{
	width: 4em;
}
.ui-satis-grid-2{
	width: 10em;
}
.ui-satis-grid-3{
	width: 16em;
}
.ui-satis-grid-4{
	width: 22em;
}
.ui-satis-grid-5{
	width: 28em;
}
.ui-satis-grid-6{
	width: 34em;
}
.ui-satis-grid-7{
	width: 40em;
}
.ui-satis-grid-8{
	width: 46em;
}
.ui-satis-grid-9{
	width: 52em;
}
.ui-satis-grid-10{
	width: 58em;
}
.ui-satis-grid-11{
	width: 64em;
}
.ui-satis-grid-12{
	width: 70em;
}

/** css gird elements with padding (only in detail)*/
.ui-satis-grid-1[class*="ui-satis-grid-detail"]{
	width: 6em;
}
.ui-satis-grid-2[class*="ui-satis-grid-detail"]{
	width: 12em;
}
.ui-satis-grid-3[class*="ui-satis-grid-detail"]{
	width: 18em;
}
.ui-satis-grid-4[class*="ui-satis-grid-detail"]{
	width: 24em;
}
.ui-satis-grid-5[class*="ui-satis-grid-detail"]{
	width: 30em;
}
.ui-satis-grid-6[class*="ui-satis-grid-detail"]{
	width: 36em;
}
.ui-satis-grid-7[class*="ui-satis-grid-detail"]{
	width: 42em;
}
.ui-satis-grid-8[class*="ui-satis-grid-detail"]{
	width: 48em;
}
.ui-satis-grid-9[class*="ui-satis-grid-detail"]{
	width: 54em;
}
.ui-satis-grid-10[class*="ui-satis-grid-detail"]{
	width: 60em;
}
.ui-satis-grid-11[class*="ui-satis-grid-detail"]{
	width: 66em;
}
.ui-satis-grid-12[class*="ui-satis-grid-detail"]{
	width: 72em;
}

@media only screen and (min-width: 10em) and (max-width: 21.5em) {
	.ui-satis-grid-4[class*="ui-satis-grid-detail"]{
		width: 18em;
	}
	.ui-satis-grid-5[class*="ui-satis-grid-detail"]{
		width: 18em;
	}
	.ui-satis-grid-6[class*="ui-satis-grid-detail"]{
		width: 18em;
	}
	.ui-satis-grid-7[class*="ui-satis-grid-detail"]{
		width: 18em;
	}
	.ui-satis-grid-8[class*="ui-satis-grid-detail"]{
		width: 18em;
	}
	.ui-satis-grid-9[class*="ui-satis-grid-detail"]{
		width: 18em;
	}
	.ui-satis-grid-10[class*="ui-satis-grid-detail"]{
		width: 18em;
	}
	.ui-satis-grid-11[class*="ui-satis-grid-detail"]{
		width: 18em;
	}
	.ui-satis-grid-12[class*="ui-satis-grid-detail"]{
		width: 18em;
	}
}

@media only screen and (min-width: 21.5em) and (max-width: 27em) {
	.ui-satis-grid-5[class*="ui-satis-grid-detail"]{
		width: 24em;
	}
	.ui-satis-grid-6[class*="ui-satis-grid-detail"]{
		width: 24em;
	}
	.ui-satis-grid-7[class*="ui-satis-grid-detail"]{
		width: 24em;
	}
	.ui-satis-grid-8[class*="ui-satis-grid-detail"]{
		width: 24em;
	}
	.ui-satis-grid-9[class*="ui-satis-grid-detail"]{
		width: 24em;
	}
	.ui-satis-grid-10[class*="ui-satis-grid-detail"]{
		width: 24em;
	}
	.ui-satis-grid-11[class*="ui-satis-grid-detail"]{
		width: 24em;
	}
	.ui-satis-grid-12[class*="ui-satis-grid-detail"]{
		width: 24em;
	}
}

@media only screen and (min-width: 27em) and (max-width: 32em) {
	.ui-satis-grid-6[class*="ui-satis-grid-detail"]{
		width: 30em;
	}
	.ui-satis-grid-7[class*="ui-satis-grid-detail"]{
		width: 30em;
	}
	.ui-satis-grid-8[class*="ui-satis-grid-detail"]{
		width: 30em;
	}
	.ui-satis-grid-9[class*="ui-satis-grid-detail"]{
		width: 30em;
	}
	.ui-satis-grid-10[class*="ui-satis-grid-detail"]{
		width: 30em;
	}
	.ui-satis-grid-11[class*="ui-satis-grid-detail"]{
		width: 30em;
	}
	.ui-satis-grid-12[class*="ui-satis-grid-detail"]{
		width: 30em;
	}
}

@media only screen and (min-width: 32em) and (max-width: 37em) {
	.ui-satis-grid-7[class*="ui-satis-grid-detail"]{
		width: 36em;
	}
	.ui-satis-grid-8[class*="ui-satis-grid-detail"]{
		width: 36em;
	}
	.ui-satis-grid-9[class*="ui-satis-grid-detail"]{
		width: 36em;
	}
	.ui-satis-grid-10[class*="ui-satis-grid-detail"]{
		width: 36em;
	}
	.ui-satis-grid-11[class*="ui-satis-grid-detail"]{
		width: 36em;
	}
	.ui-satis-grid-12[class*="ui-satis-grid-detail"]{
		width: 36em;
	}
}

@media only screen and (min-width: 37em) and (max-width: 42em) {
	.ui-satis-grid-8[class*="ui-satis-grid-detail"]{
		width: 42em;
	}
	.ui-satis-grid-9[class*="ui-satis-grid-detail"]{
		width: 42em;
	}
	.ui-satis-grid-10[class*="ui-satis-grid-detail"]{
		width: 42em;
	}
	.ui-satis-grid-11[class*="ui-satis-grid-detail"]{
		width: 42em;
	}
	.ui-satis-grid-12[class*="ui-satis-grid-detail"]{
		width: 42em;
	}
}


@media only screen and (min-width: 42em) and (max-width: 47em) {
	.ui-satis-grid-9[class*="ui-satis-grid-detail"]{
		width: 48em;
	}
	.ui-satis-grid-10[class*="ui-satis-grid-detail"]{
		width: 48em;
	}
	.ui-satis-grid-11[class*="ui-satis-grid-detail"]{
		width: 48em;
	}
	.ui-satis-grid-12[class*="ui-satis-grid-detail"]{
		width: 48em;
	}
}



@media only screen and (min-width: 47em) and (max-width: 52em) {
	.ui-satis-grid-10[class*="ui-satis-grid-detail"]{
		width: 54em;
	}
	.ui-satis-grid-11[class*="ui-satis-grid-detail"]{
		width: 54em;
	}
	.ui-satis-grid-12[class*="ui-satis-grid-detail"]{
		width: 54em;
	}
}


@media only screen and (min-width: 52em) and (max-width: 57em) {
	.ui-satis-grid-11[class*="ui-satis-grid-detail"]{
		width: 60em;
	}
	.ui-satis-grid-12[class*="ui-satis-grid-detail"]{
		width: 60em;
	}
}


@media only screen and (min-width: 57em) and (max-width: 62em) {
	.satis-grid-12[class*="ui-satis-grid-detail"]{
		width: 66em;
	}
}




@media only screen and (min-width: 320px) {

	/* Small screen, non-retina */
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 320px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 320px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 320px),
only screen and (        min-device-pixel-ratio: 2)      and (min-width: 320px),
only screen and (                min-resolution: 192dpi) and (min-width: 320px),
only screen and (                min-resolution: 2dppx)  and (min-width: 320px) {

	/* Small screen, retina, stuff to override above media query */

}

@media only screen and (min-width: 700px) {

	/* Medium screen, non-retina */

}

@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 700px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 700px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 700px),
only screen and (        min-device-pixel-ratio: 2)      and (min-width: 700px),
only screen and (                min-resolution: 192dpi) and (min-width: 700px),
only screen and (                min-resolution: 2dppx)  and (min-width: 700px) {

	/* Medium screen, retina, stuff to override above media query */
}

@media only screen and (min-width: 1300px) {

	/* Large screen, non-retina */
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 1300px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 1300px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 1300px),
only screen and (        min-device-pixel-ratio: 2)      and (min-width: 1300px),
only screen and (                min-resolution: 192dpi) and (min-width: 1300px),
only screen and (                min-resolution: 2dppx)  and (min-width: 1300px) {

	/* Large screen, retina, stuff to override above media query */
}