/** Add css rules here for your application. */


/** Example rules used by the template application (remove for your app) */
h1 {
  font-size: 2em;
  font-weight: bold;
  color: #507295;
  //margin: 40px 0px 20px;
  text-align: center;
}

h2{
	 color: #507295;
}



h3{
	 color: #507295;
	 font-weight: normal;
}
.normal,
.normalFocused,
.propertyLabelTitle {
  color:#003168;
  font-family: Arial Unicode MS, Arial, sans-serif !important;
    font-size: 12px !important;
}
.propertyGroupTitle {
  groupLabelBackgroundColor:#003168;
}

.groupLabel {
	color:#003168;
    font-family: Arial Unicode MS, Arial, sans-serif !important;
    font-size: 12px !important;
}

.sendButton {
  display: block;
  font-size: 16pt;
}

/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
  width: 400px;
}
.gwt-MenuBar-horizontal td{
	float: left;
    margin-right: 10px;
}
.gwt-MenuBar-horizontal-right td{
	float: right;
    margin-right: 10px;
}

.dialogVPanel {
  margin: 5px;
}

.serverResponseLabelError {
  color: red;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
  margin: 15px 6px 6px;
}

.gwt-TextBox {
    padding: 4px;
}

.gwt-TabPanel {
    width:100% !important;
    height:100% !important;
    border: 1px solid lightgray !important;
    background-color: #ebebeb !important;
}
.gwt-TabBar .gwt-TabBarItem-disabled{
	color: #333 !important;
}

.gwt-TabPanelBottom{
	width:100% !important;
    height:100% !important;
    border: none !important;
    padding: 0 !important;
}



.tableRow {
   line-height:10px;
}

.bold {
	font-weight: bold;
}

.title {
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	margin-top:20px;
}

.titlee{
	font-weight:bold; 
	color:white; 
	background-color:#507295;
	 text-align: center;
	 display: inline-block;
	 vertical-align: middle;
	 padding-top: 15px;
	 font-size: 16px;
}
.label {
  padding: 4px;
  margin-bottom: 10px;
}

.label_small {
	padding-left: 10px;
	font-size: 11px;
	font-weight: bold;
	color: #4d4d4d;
}

.gwt-ListBox {
	border-width: 1px;
	border-style: solid;
	border-color: rgb(153, 153, 153) rgb(204, 204, 204) rgb(204, 204, 204);
	-moz-border-top-colors: none;
	-moz-border-right-colors: none;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	border-image: none;
	    clear: both; 
	
}


.gwt-ListBox option {
	width: 400px;
	
}

.tab-scroll-button{
	background: transparent;
}

.invisibleCell {
	max-width:0px;
}
.managerButtonPanel {
	//margin-right: 60px;
	//background-color: #ffffff;
	border-style: solid;
	border-color: #c6cad3;
	border-width: 5px;
	padding: 20px;
	max-width:400px;
	height:538px;
	
}

.healthManagerButtonPanel {
	//margin-right: 60px;
	//background-color: #ffffff;
	border-style: solid;
	border-color: #a06c69;
	border-width: 5px;
	padding: 20px;
	max-width:400px;
	//height:538px;
	
}

.highlight{
	background-color: yellow;
}
.bc4445{
	background-color: #bc4445;
}
.cf5d5d{
	background-color: #cf5d5d;
}
.d77c7c{
	background-color: #d77c7c;
}
.e88024{
	background-color: #e88024;
}	
.f8a25d{
	background-color: #f8a25d;
}
.f8b177{
	background-color: #f8b177;
}
.576c7d{
	background-color: #576c7d;
}
.3c597b{
	background-color: #3c597b;
}
.6883a6{
	background-color: #6883a6;
}
.90a3bc{
	background-color: #90a3bc;
}


.manager-Button {
	font-size: 14px;
	background-color: #eff2f8;
	border-style: solid;
	border-color: #c6cad3;
	border-width: 2px;
	height: 50px;
	margin: 5px;
}
.managerHeader {
	padding: 15px;	
	width:100%;
}
.managerBodisImagePanel {
	padding: 15px;	
	width:100%;
	border-style: solid;
	border-color: #006400;
	border-width: 3px;
}

.wizzardBodisPanel {
	padding: 2px;	
	width:100%;
	border-style: solid;
	border-color: #006400;
	border-width: 3px;
}
.stopitHeader {
	padding: 15px;	
	width:100%;
}
.healthHeader {
	width:100%;	
}

.gwt-DisclosurePanel {
	border: thin;
	background-color: #eff2f8;
	border-top: 1px solid rgb(224, 224, 224);
	border-bottom: 1px solid rgb(224, 224, 224);
}
.gwt-DisclosurePanel .header td {
    text-decoration: none;
    color: #4b4a4a !important;
    cursor: pointer;
    font-weight: bold;
}

.editorHeader {
	background-color: #8d8d8d;
	border: 0px;

}
.editorLabel {
	color: white;
	margin-left: 5px;
}
.error-Label {
	display:none;
	color: white;
	padding-top: 3px;
	vertical-align: middle;
	background-image: url(images/errorBackground.png);
    padding-left: 5px;
    padding-right: 5px;
}

.error-Label-Smart {
	color: white;
	padding-top: 3px;
	vertical-align: middle;
	background-image: url(images/errorBackground.png);
    padding-left: 5px;
    padding-right: 5px;
}
.normal-Label {
	display:none;
	color: black;
	padding-top: 3px;
	vertical-align: middle;
	background-color: #eff2f8;
    padding-left: 5px;
    padding-right: 5px;
}
.versionLabel{
	padding-left: 5px;
	vertical-align: middle;
	font-size: smaller;
	text-shadow: 2px 2px lightray;
}

.userLabel{
	padding-right: 5px;
	vertical-align: middle;
	font-size: smaller;
	text-shadow: 2px 2px lightray;
	text-align: right;
	margin-right: 5px;
}

.modeLabel {
	display:none;
	color: white;
	padding-top: 3px;
	vertical-align: middle;
	background-image: url(images/errorBackground.png);
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
}
.infoPanel {
	background-color: #eff2f8;
	border-bottom: 1px solid rgb(224, 224, 224);
	
}

.infoPanel td {
    vertical-align: middle !important;
}

.bottomInfoPanel {
	background-color: #eff2f8;
	height: 25px;
	border-bottom: 1px solid rgb(224, 224, 224);
	border-top: 1px solid rgb(224, 224, 224);
}

.bottomInfoPanel td {
    vertical-align: middle !important;
}
.normalButton {
	background-color: #808080;
	border-style: solid;
	border-color: black;
	border-width: 1px;
}
.saveButton {
    //background-image: url(images/errorBackground.png);
    //border: 1px solid black;
    //font-size: 14px;
	background-color: #db9591;
	border-style: solid;
	border-color: #c6cad3;
	border-width: 2px;
}
.cancelButton {
   // background-image: url(images/grayBackground.png);
   // border: 1px solid black;
   //font-size: 14px;
	background-color: #eff2f8;
	border-style: solid;
	border-color: #c6cad3;
	border-width: 2px;
}

.error-text-box {
	border: 1px solid red !important;
}
.message-Label {
	display:none;
	color: green;
	margin-left: 5px;
	padding-top: 3px;
	vertical-align: middle;
}
.my-PushButton {
	background:none;
	margin:5px;
}

.my-PushButton-disabled {
	opacity:0.3;
	margin:5px;
}

.prompt {
    color: #999;
}

.gwt-MenuItem {
	padding: 5px 30px 5px 5px!important;
	vertical-align: middle !important;
	color: #8d8d8d !important;

}
.grid
{
	color: ##000000 !important;
	font-family: Arial Unicode MS,Arial,sans-serif !important;
	font-size: 12 !important;
}



.toolStripButton
{
	color: #8d8d8d !important;
	font-family: Arial Unicode MS,Arial,sans-serif !important;
	font-size: small !important;
	font-weight: bold !important;
}


.toolStripButtonOver
{
	color: #8d8d8d !important;
	font-family: Arial Unicode MS,Arial,sans-serif !important;
	font-size: small !important;
	font-weight: bold !important;
}

.toolStripButtonDown
{
	color: #8d8d8d !important;
	font-family: Arial Unicode MS,Arial,sans-serif !important;
	font-size: small !important;
	font-weight: bold !important;
}

.loginPanel{
	background-color: #ffffff;
	border-style: solid;

	border-color: #c6cad3;
	border-width: 5px;
	padding: 20px;
}

.healthLoginPanel{
	background-color: #ffffff;
	border-style: solid;

	border-color: #a06c69;
	border-width: 5px;
	padding: 20px;
}

.QueryResultsLabel{
	background-color: #ffffff;
	border-style: solid;
	border-color: #c6cad3;
	border-width: 2px;
	padding: 1px;
	margin: 1px;
}
.ConditionPanel{
	background-color: #ffffff;
	border-style: solid;
	border-color: #c6cad3;
	border-width: 3px;
	padding: 3px;
	margin: 2px;
}

.xlsConfiguratorPanelLayout{
	background-color: #ffffff;
	border-style: solid;
	border-color: #c6cad3;
	border-width: 3px;
	padding: 5px;
}

.mylayout-Border {
	border: thin solid;
}

.paddedHorizontalPanel {
    padding-left: 20px;
}

.filtered {
    color: red;
}

.cellWidget{
	border-width: 1px; 
	border-color: lightgray; 
	border-style: solid; 
	padding-left: 5px; 
	height: 26px; 
	background-color: rgb(253, 250, 170);  
	overflow:hidden; 
  	white-space:nowrap; 
  	text-overflow:ellipsis;

}

.CloseButton{
	float:right;
}

.Caption{
	width: 100%;
}
.propertyPanel{
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 2px;
  margin:5px;
  border:1px;
  border-style:solid;
  border-color:silver;
  background-color: #cfddf2;
}
.propertyPanelWidget{
	padding-left: 10px;
	padding-top: 3px;
  margin:5px;
  background-color: white;
}
.checkBoxStyle{
	background-color: white;
	padding-left: 100px;
}
.panelBoolean{
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 2px;
	 border:1px;
  border-style:solid;
  border-color:silver;
  margin:10px;
 
  background-color: #cfddf2;
}
.textItemMandatory,
.textItemMandatoryFocused
{
    background-color:#FEFDDB;
	  padding-left: 5px;
    border:1px solid darkgray;
	font-family: Arial Unicode MS, Arial, sans-serif !important;
}
.textItemNonEditable,
.textItemNonEditableFocused
{
      background-color:#c0c0c0;
	  padding-left: 5px;
    border:1px solid darkgray;
	font-family: Arial Unicode MS, Arial, sans-serif !important;
}
.textItemNormal,
.textItemNormalFocused
{
    background-color: #FFFFFF;
    padding-left: 5px;
    border:1px solid darkgray;
	font-family: Arial Unicode MS, Arial, sans-serif !important;
}
.textItemNormalBlue,
.textItemNormalBlueFocused
{
    background-color: #89cff0;
    padding-left: 5px;
    border:1px solid darkgray;
	font-family: Arial Unicode MS, Arial, sans-serif !important;
}
.textItemNormalGreen,
.textItemNormalGreenFocused
{
    background-color: #87a96b;
    padding-left: 5px;
    border:1px solid darkgray;
	font-family: Arial Unicode MS, Arial, sans-serif !important;
}
.textItemNormalRed,
.textItemNormalRedFocused
{
    background-color: #e52b50;
    padding-left: 5px;
    border:1px solid darkgray;
	font-family: Arial Unicode MS, Arial, sans-serif !important;
}

.textItemPotentialMandatory,
.textItemPotentialMandatoryFocused
{
    background-color: cyan;
    padding-left: 5px;
    border:1px solid darkgray;
	font-family: Arial Unicode MS, Arial, sans-serif !important;
}
.buttonCritical,
.buttonCriticalDisabled
{
   background-color: #fe0001;
   border-style: dashed;
   color: #003168;
}
.buttonCriticalChecked,
.buttonCriticalCheckedDisabled
{
   background-color: #fe0001;
   border-radius: 5px;
   border-style: double;
   border-style: solid;
   border-width: 6px;
   outline-style: solid;
   outline-width: 4px;
   outline-color: #003168;
   color: #003168;
}
.buttonHigh,
.buttonHighDisabled
{
   background-color: #fe9a00;
   border-style: dashed;
   color: #003168;
}
.buttonHighChecked,
.buttonHighCheckedDisabled
{
   background-color: #fe9a00;
   border-radius: 5px;
   border-style: double;
   border-style: solid;
   border-width: 6px;
   outline-style: solid;
   outline-width: 4px;
   outline-color: #003168;
   color: #003168;
}
.buttonMeassig,
.buttonMeassigDisabled
{
   background-color: #fffe00;
   border-style: dashed;
   color: #003168;
}
.buttonMeassigChecked,
.buttonMeassigCheckedDisabled
{
   background-color: #fffe00;
   border-radius: 5px;
   border-style: double;
   border-style: solid;
   border-width: 6px;
   outline-style: solid;
   outline-width: 4px;   
   outline-color: #003168;
   color: #003168;
}
.buttonGering,
.buttonGeringDisabled
{
   background-color: #ceffff;
   border-style: dashed;
   color: #003168;
}
.buttonGeringChecked,
.buttonGeringCheckedDisabled
{
   background-color: #ceffff;
   border-radius: 5px;
   border-style: double;
   border-style: solid;
   border-width: 6px;
   outline-style: solid;
   outline-width: 4px;   
   outline-color: #003168;
   color: #003168;
}
.buttonLow,
.buttonLowDisabled
{
   background-color: #329966;
   border-style: dashed;
   color: #003168;
}
.buttonLowChecked,
.buttonLowCheckedDisabled
{
   background-color: #329966;
   border-radius: 5px;
   border-style: double;
   border-style: solid;
   border-width: 6px;
   outline-style: solid;
   outline-width: 4px;
   outline-color: #003168;
   color: #003168;
}

.groupLabel {
    color: #003168;
    font-family: Arial, Verdana, sans-serif;
    font-size: 11px;
    padding-left: 5px;
    padding-right: 5px;
}
.mygwt-TabLayoutPanel {
}
.mygwt-TabLayoutPanel .gwt-TabLayoutPanelTabs {
  background: white;
  padding-top: 6px;
  padding-left: 5px;
}
.mygwt-TabLayoutPanel .gwt-TabLayoutPanelContentContainer {
  border-color: #ccc;
  border-style: solid;
  border-width: 0px 1px 1px;
}
.mygwt-TabLayoutPanel .gwt-TabLayoutPanelContent {
  overflow: hidden;
  padding: 6px;
}
.mygwt-TabLayoutPanel .gwt-TabLayoutPanelTab {
  margin-left: 4px;
  padding: 4px 8px 4px 8px;
  cursor: pointer;
  cursor: hand;
  color: white;
  font-weight: normal;
  text-align: center;
  background: #8E8E8E;
  -moz-border-radius: 3px 3px 0px 0px;
  border-radius: 3px 3px 0px 0px;
}
.mygwt-TabLayoutPanel .gwt-TabLayoutPanelTab-selected {
  cursor: default;
  background: #628cd5;
  color: #fff;
  font-weight: bold;
}
.custom-gwt-TabLayoutPanel {
	background: none repeat scroll 0% 0% rgb(204, 204, 204);
}
.custom-gwt-TabLayoutPanel .gwt-TabLayoutPanelTabs {
  background: #ccc;
  padding-top: 6px;
  padding-left: 5px;
}
.custom-gwt-TabLayoutPanel .gwt-TabLayoutPanelContentContainer {
  border-color: #ccc;
  border-style: solid;
  border-width: 0px 1px 1px;
}
.custom-gwt-TabLayoutPanel .gwt-TabLayoutPanelContent {
  background: white;
  overflow: hidden;
  padding: 6px;
}
.custom-gwt-TabLayoutPanel .gwt-TabLayoutPanelTab {
  margin-left: 4px;
  padding: 4px 8px 4px 8px;
  cursor: pointer;
  cursor: hand;
  color: white;
  font-weight: normal;
  text-align: center;
  background: #8E8E8E;
  -moz-border-radius: 3px 3px 0px 0px;
  border-radius: 3px 3px 0px 0px;
}
.custom-gwt-TabLayoutPanel .gwt-TabLayoutPanelTab-selected {
  cursor: default;
  background: white;
  color: #333;
  font-weight: bold;
}


.locked {
	background: gray !important;
	
}

.indicator {
	font-weight: bold;
	font-size: 28px;
	text-align: center;
}

.labelPSAEvent
{
	font-size: 8pt;
}
.olControlLayerSwitcher .maximizeDiv, .olControlLayerSwitcher .minimizeDiv {
    width: 18px;
    height: 18px;
    top: 5px;
    right: 0;
    cursor: pointer;
}

.olControlLayerSwitcher 
{
	position: absolute;
    top: 25px;
    right: 0;
    width: 20em;
    font-family: sans-serif;
    font-weight: bold;
    margin-top: 3px;
    margin-left: 3px;
    margin-bottom: 3px;
    font-size: smaller;
    color: white;
    background-color: darkblue;
}

.olControlAttribution {
    position: relative;
    right: 0;
    bottom: 0;
}

.labelEditorFont {
font-size: 12px;
font-weight: 700;
border-bottom: 5px solid  #BAB6B7;
}

.labelActiveVersion {
border-top: 1px solid  darkgray;
}
.tableWidgetBorder {
border:1px solid white;
}