@CHARSET "ISO-8859-1";

/*.css file used to store all basic and invariable rules that can be shared between geoadmin and all the geo-X clients*/

.claro {
	color: #000066;
	font-family:arial, sans-serif;/*font-family: Arial, Geneva, sans-serif;*/
	font-size: 12px;
}

/*In order to allow LayoutContainer to automatically size to a percentage during initial layout;
 and / or to resize itself (and its children) automatically when the window resizes, 
 html and body tag need explicit dimensions. All LayoutContainer elements need width and height = 100% too*/
html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
}


/*expandRow*/
.iconPlusExpand {
	background-image: url('../../resources/debug/dojox/grid/tests/images/closed.gif');
	width: 11px;
	height: 11px;
	background-position: 0px;
	cursor: pointer;
}

.iconMinusCollapse {
	background-image: url('../../resources/debug/dojox/grid/tests/images/open.gif');
	width: 11px;
	height: 11px;
	background-position: 0px;
	cursor: pointer;
}

/*used to reveal modified widget data*/
.modelClass,
.modelClass .dijitButtonContents,
.modelClass.dijitTextBox .dijitInputField .dijitInputInner,
textarea.modelClass.gwWidgetEdit /*Necessary because there is a third class envolved that override background-color: with !important*/
{
	background-color: #FAF5CD !important;
}

.gwToolbar.dijitToolbar .dijitButton.modelClassExt .dijitButtonNode,
.gwToolbar.dijitToolbar .dijitButton.modelClassExt.dijitButtonDisabled .dijitButtonNode 
{
	background-color: #FAF5CD !important;
}



/*needed for solving dojo select button rendering bug*/
.dijitSelect .dijitButtonNode {
	width: 16px !important;
}

.gwMessageToaster {
	font-size: 14px !important;
}

/*Custom Header DataGrid*/
.customHeaderDataGrid.dojoxGrid .dojoxGridHeader .dojoxGridCell .dojoxGridSortNode {
	font-size: 12px !important;
	font-weight: bold !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;	
}

.hideGridHeader.dojoxGrid .dojoxGridHeader {
	display: none !important;
}
.hideGridHeader.dojoxGrid .dojoxGridMasterHeader {
	display: none !important;
}

/*
 *	G W   B U T T O N S   S T A R T S
 */
.gwButton.dijitButton .dijitButtonNode,
.gwButton.dijitDropDownButton .dijitButtonNode,
.gwButton.dijitComboButton .dijitButtonNode,
.gwButton.dijitToggleButton .dijitButtonNode,
.gwButton.dijitComboBox .dijitButtonNode {
	color: #4A6889 !important;
	padding: 2px !important; /* on hover/active, padding-->1px, need to override*/
	padding-left: 8px !important;
	padding-right: 8px !important;
	background-color: white !important;
	background-image: none !important;
	background-image: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: -none !important;
	box-shadow: none !important;
	outline: none;
	border: 1px solid #AAAAAA !important; /* on hover/active, border-width-->1px, need to override */
	min-height: 18px !important;
	-moz-border-radius: 4px !important; 
	border-radius: 4px !important;
	-webkit-transition-property: background-color;
	-moz-transition-property: background-color;
	transition-property: background-color;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

/*removing browser outline*/
.gwButton.dijitButton .dijitButtonNode .dijitButtonContents,
.gwButton.dijitDropDownButton .dijitButtonNode .dijitButtonContents,
.gwButton.dijitComboButton .dijitButtonNode .dijitButtonContents,
.gwButton.dijitToggleButton .dijitButtonNode .dijitButtonContents,
.gwButton.dijitComboBox .dijitButtonNode .dijitButtonContents,
.commandButton.dijitButton .dijitButtonNode .dijitButtonContents {
	outline: none;
}

/*DropDownButton keep fixed padding*/
.gwButton.dijitDropDownButton .dijitButtonNode {
	padding: 2px !important; /* on hover/active, padding-->1px, need to override*/
}
/*DropDownButton, ComboButton, ComboBox keep their width*/
.gwButton.dijitButton .dijitButtonNode,
.gwButton.dijitButton.dijitButtonDisabled .dijitButtonNode,
.gwButton.dijitToggleButton .dijitButtonNode {
	min-height: 18px !important;
	padding: 2px !important; /* on hover/active, padding-->1px, need to override*/
	padding-left: 8px !important;
	padding-right: 8px !important;
}
.gwButton .dijitDropDownButton {
	padding-left: 0px !important;
}
/*special care for disabled component*/
.gwButton.dijitButton.dijitButtonDisabled .dijitButtonNode,
.gwButton.dijitDropDownButton.dijitDropDownButtonDisabled .dijitButtonNode,
.gwButton.dijitComboButton.dijitComboButtonDisabled .dijitButtonNode,
.gwButton.dijitToggleButton.dijitToggleButtonDisabled .dijitButtonNode,
.gwButton.dijitComboBox.dijitComboBoxDisabled .dijitButtonNode {
	background-color: #DFDFDF !important; /*the  same color of dijit/Toolbar background-color=#DFDFDF. not use transparent*/
}
	
/* HOVER STATUS*/
.gwButton.dijitButtonHover .dijitButtonNode,
.gwButton.dijitDropDownButtonHover .dijitButtonNode,
.gwButton.dijitComboButtonHover .dijitButtonNode,
.gwButton.dijitToggleButtonHover .dijitButtonNode {
	color: white !important;
	background-color: #D7DFE5 !important;
	border: 1px solid #AAAAAA !important; /* on hover/active, border-width-->1px, need to override */
	padding: 2px !important; /* on hover/active, padding-->1px, need to override*/
	padding-left: 8px !important;
	padding-right: 8px !important;
}
/*DropDownButton keep fixed padding*/
.gwButton.dijitDropDownButtonHover .dijitButtonNode {
	padding: 2px !important; /* on hover/active, padding-->1px, need to override*/
}

.gwButton.dijitComboButtonHover .dijitDownArrowButton,
.gwButton.dijitComboButtonHover .dijitButtonNodeHover,
.gwButton.dijitComboButtonHover .dijitDownArrowButtonHover {
	background-color: #D7DFE5 !important;
}

/* ACTIVE STATUS */
.gwButton.dijitDropDownButtonActive .dijitButtonNode,
.gwButton.dijitComboButtonActive .dijitButtonNode,
.gwButton.dijitToggleButtonActive .dijitButtonNode {
	color: white !important;
	background-color: #D7DFE5 !important;
	border: 1px solid #AAAAAA !important; /* on hover/active, border-width-->1px, need to override */
	padding: 2px !important; /* on hover/active, padding-->1px, need to override*/
	padding-left: 8px !important;
	padding-right: 8px !important;
}
/*DropDownButton keep fixed padding*/
.gwButton.dijitDropDownButtonActive .dijitButtonNode {
	padding: 2px !important; /* on hover/active, padding-->1px, need to override*/
}

.gwButton.dijitComboButton.dijitComboButtonActive .dijitButtonNode.dijitArrowButton,
.gwButton.dijitComboButton.dijitComboButtonDisabled .dijitButtonNode.dijitArrowButton,
.gwButton.dijitComboButton.dijitComboButtonHover .dijitButtonNode.dijitArrowButton,
.gwButton.dijitComboButton .dijitButtonNode.dijitArrowButton
{
	padding: 0px !important;
 	border-left-width: 0 !important;
  	border-top-left-radius: 0 !important;
  	border-bottom-left-radius: 0 !important;
  	
  	border-right-width: 1px !important;
  	border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

.gwButton.dijitComboButton.dijitComboButtonActive .dijitButtonNode,
.gwButton.dijitComboButton.dijitComboButtonDisabled .dijitButtonNode,
.gwButton.dijitComboButton.dijitComboButtonHover .dijitButtonNode,
.gwButton.dijitComboButton .dijitButtonNode{
    border-right-width: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
/*
 *	G W   B U T T O N S   E N D S
 */
 
/*General dojo button style remove rules*/
.clearAllButtonStyles.dijitButton .dijitButtonNode {
	padding: 0px;
	margin: 0px;
	border: none;
	outline: none;
	background-color: transparent;
	background-image: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: -none !important;
	box-shadow: none !important;
}
.clearSomeButtonStyles.dijitButton .dijitButtonNode {
	padding: 0px !important;
	margin: 0px !important;
	border: none;
	outline: none;
}
.clearButtonStyles.dijitButton .dijitButtonNode {
	padding: 2px;
	margin: 0px;
	border: none;
	outline: none;
	background-color: transparent;
	background-image: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: -none !important;
	box-shadow: none !important;
	color: #000066;
	font-family:arial, sans-serif;/*font-family: Arial, Geneva, sans-serif;*/
	font-size: 12px;
}

/*removing browser outline*/
.clearAllButtonStyles.dijitButton .dijitButtonNode .dijitButtonContents,
.clearSomeButtonStyles.dijitButton .dijitButtonNode .dijitButtonContents,
.clearButtonStyles.dijitButton .dijitButtonNode .dijitButtonContents {
	outline: none;
}

/*GENERALS RULE PACKET STARTS*/
.maxDimensions {
	width: 100% !important;
	height: 100% !important;
}
.maxWidth {
	width: 100% !important;
}
.maxHeight {
	height: 100% !important;
}
.noHorizontalScrollBar {
	overflow-x: hidden;
	overflow-y: auto !important;
}
.noScrollBars {
	overflow-x: hidden;
	overflow-y: hidden;
}
.noBorders {
	border-width: 0px !important;
}
.zeroPaddingAndMargin {
	margin: 0px !important;
	padding: 0px !important;
}
.zeroMargin {
	margin: 0px !important;
}
.centerContent {
	text-align: center !important;
}
.absoluteCenter {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.whiteBackground {
	background: #FFFFFF !important;
}
/*GENERALS RULE PACKET ENDS*/

/*CONTENT CENTRATOR RULES START*/
/*Center vertically and horizontally.
To be applied to a structure like this:
<div class="contentCentratorOuterDiv">
	<div class="contentCentratorMiddleDiv">
		<div class="contentCentratorInnerDiv">
			<Content to be centered>
		</div>
	</div>
</div>
*/
.contentCentratorOuterDiv{
	display: table;
	width: 100%;
	height: 100%;
	#position: relative;
	overflow: hidden;
}
.contentCentratorMiddleDiv{
	width: 100%;
	#position: absolute;
	#top: 50%;
	display: table-cell;
	vertical-align: middle;
}
.contentCentratorInnerDiv{
	width: 100%;
	#position: relative;
	#top: -50%;
	text-align: center;
}
/*CONTENT CENTRATOR RULES START*/
.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*Max Width Button*/
.dijitButton.maxWidthButton {
	width: 100%;
}
.dijitButton.maxWidthButton .dijitButtonNode {
	width: calc(100% - 18px); /* padding-left + padding-right + 2*border-width = 8+8+2 = 18*/
}

.gwInput1{
	width: 100%;
	height: 20px;
}
/* */
.gwGreen{
	background-color: #90EE90 !important;
}