/*

	IMPORTANT NOTES: (PLEASE READ CAREFULLY!)

	1. DO NOT MODIFY the system styles section, it is generated by the system,
	your modifications will be overwritten. If you want to change the stylesheet
	template, modify the ew.scss in the "themes" subfolder under the installed
	directory. Only modify the ew.scss if you have the necessary knowledges in
	CSS.

	2. DO NOT REMOVE THE FOLLOWING COMMENTS:

	BEGIN_USER_STYLES
	END_USER_STYLES

	You MUST write your styles between these two comment lines below, styles
	outside this user styles section will be discarded.

	3. If you want to override the system styles, you can copy the styles to the
	User Styles Section, or you can use a separate user stylesheet.

*/

/*BEGIN_SYSTEM_STYLES*/
/* your CSS styles here */

/* template layout */

/* .ewLayout {
font-family: Verdana; 
font-size: x-small; 
width: 80%;
height: 100%;
margin: 0 auto;
}*/
.ewRow {
  margin-bottom: 6px;
  white-space: nowrap; }

.ewRow .ewCell {
  padding-right: 10px; }

.panel {
  box-shadow:0px 0px 10px 8px #EDEDED; 
}
  
 .ewCenter{
   background-color: #FFFFFF;
}
 
.ewGrid {
  padding: 1px;
  background-color: #FFFFFF;
  border-bottom: 1px solid dark;
  border-top: 1px solid dark;  
  border-collapse: separate;
  font-family: Lucida Sans; /* font name */
  font-size: 13px; 
  margin: 0 auto;
 
  width: 98%;/* font name */
  text-align:0;
}

.ewGrid .ewGridContent{
  padding: 2px 4px 2px 4px;
}

.ewTable {
  padding: 1px;	
  border-bottom: 1px solid dark;
  border-top: 1px solid dark;  
  border-collapse: separate; 
  font-size: 13px;   
  font-family: Lucida Sans; /* font name */  
  empty-cells: show;
  width: 98%; 
  box-shadow:0px 0px 20px 10px #EDEDED; 
}

.ewTable .td{
  padding: 2px 4px 2px 4px;
}

.ewContentTable {
 text-align: left;
 font-family: Verdana; /* font name */
 font-size: 12px; /* font size */
 width: 100%;
 height: 100%;
 clear:right;
 border-spacing: 0;
/*margin: 0 auto*/
}

.ewReportTable {
  border: 0px;
  border-collapse: collapse; 
  font-family: Verdana;
  font-size: 13px;
  width: 95%;
}
	
.ewSiteTitle {
  margin-bottom: 0px; 
  font-family: Times New Roman; /* font name */
  font-size: 0px; /* font size */
  }

/* grid pager panel */
.ewGridUpperPanel, .ewGridLowerPanel {
  background-color: #FFFFFF;	
  padding: 3px;
  border-left: 0;
  border-right: 0;
   /*background-color:inherit; grid header color */
  color: #8A0A37; grid header font color
   /*font-family: Verdana; font name */
  /*font-size: inherit;  font size */
   /*text-align:center;*/
}

.ewMenuColumn {
  background-color: #FAFAFA;
  color: #0000CC;
  width: 180px;
  vertical-align: top;
  border-right: 1;
  padding: 0; }

.ewContentColumn {
  padding: 20px;
  vertical-align: top; 
  align-content: center;
  }
  
.ewHeaderRow {
  /*background-color: #3DA169;  background color */
  background-image: -webkit-linear-gradient(top, #FCFCFC 0%, #EDEDED 100%);
  color: ; /* font color */
  margin: 0 auto;
  text-align:left;
  font-size: 10px;
  border-bottom: 1;
  width: 100%;
}

.ewFooterRow {
  /*background-color: #3DA169;  background color */
  background-image: -webkit-linear-gradient(top, #FCFCFC 0%, #EDEDED 100%);
  color: ; /* font color */
  margin: 0 auto;
  text-align:left;
  font-size: 10px;
  border-bottom: 1;
  width: 100%;
}

.form-horizontal {
  margin: 0 auto;
  horizontal-align: center;
}

/* Mobile menu */
.ewMobileMenu {
  margin-bottom: 0;
  border-radius: 0;
  background-color: #EDEDED; 
  background-image: url("images/firscoopicon.png");
}