@import url(fonts.googleapis.com/Open-Sans-Condensed-300.css);
@import url(fonts.googleapis.com/Open-Sans-Italic-300.css);
@import url(fonts.googleapis.com/Open-Sans-400-600.css);

@font-face {
    font-family: 'OpenSans-Bold';
    src: url('../font/opensans-bold.eot');
    src: url('../font/opensans-bold.eot?#iefix') format('embedded-opentype'),
         url('../font/opensans-bold.woff') format('woff'),
         url('../font/opensans-bold.ttf') format('truetype'),
         url('../font/opensans-bold.svg#opensans-bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans';
    src: url('../font/opensans-regular.eot');
    src: url('../font/opensans-regular.eot?#iefix') format('embedded-opentype'),
         url('../font/opensans-regular.woff') format('woff'),
         url('../font/opensans-regular.ttf') format('truetype'),
         url('../font/opensans-regular.svg#opensans-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*overrides default Material Design toolbar color FB.120305*/
md-toolbar{
  background-color:rgb(126, 161, 180);
}

body,html {
  height: 100%;
}

.mini-text{
  font-size:9px;
  color: #999;
}

body, p, li, h1, h2, h3, h4, h5, h6 table {
    font-family: "Open Sans", "Lucida Sans Unicode", sans-serif;
    font-size: 13px;
}





.x-panel-body{
    z-index: 1;
}

.x-panel-bwrap {
  min-height:50px;
}

#DashboardSurface_Controller
{
    display:none;
}

/* this adjusts the dashboard container to remove whitespace at the top */
#DashboardSurface_db_Container {
  margin-top: 1px;
}

/* we do not want to display the default Kalitte header */
#DashboardSurface_db_Container>#DashboardSurface_db>.x-panel-header {
  display: none;
}
#DashboardSurface{
  margin-top:50px;
}
/* Override for widget maximize to fit below high z-index TopBar*/
div[id$="-MAX"] {   
    position: fixed !important;
    width: 100% !important;
    height: 95%;
    left: 0 !important;
    top: 50px !important;
}

#equisDialog {
  overflow: hidden;
}

div.wraper {
  height: auto !important;
  margin: 0 auto;
  min-height: 100%;
}

* {
	font-family: 'OpenSans';		
}

html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  /*overflow:auto;  FB.121885 - removed to fix static top bar overlapping scroll bars*/
}


/* header */
#DashboardHeader {
  position:relative;
  width: 100%;
  /* FB.119728 - When the user is logged out the DashboardHeader div is empty and has no height.  Some recent changes cause the body element to drop below the top bar element when this has no height.
    This causes context sensative help popup's absolute positioning on the logged out dashboard to be offset.  Forcing the DashboardHeader element to have a height fixes the issue. */
  min-height: 10px; 
}
#DashboardHeader a{
  text-decoration: none;
}

#TopBarPanel #TopPanel {
  clear: both;
  height: 50px;
  top:0px;
  bottom:0px;
  width:100%;
  background-color: #f3f3f3;
  border-bottom: 1px solid #666666;
  position:fixed;
  z-index:9999; /*set to 9999 to be higher thatn jTable and Kallite (9000) but lower than the choosers (10000)*/
}

#TopBarPanel #TopPanel .logo { width:132px; float:left; padding: 5px 0 0 10px;}
#TopBarPanel #TopPanel .logo-text { float: left;color: #999;margin-top: 9px;font-size: 9pt;margin-left: 6px;}
#TopBarPanel #TopPanel .custom-header { float: left;}
#TopBarPanel #TopPanel .top-nav { float: right; }
#TopBarPanel #TopPanel .top-nav ul {
  list-style-type: none;
}

#TopBarPanel #TopPanel .top-nav>ul>li.nav-item { float: left;padding: 0 10px;  height: 49px;border-right: 1px solid #ccc;}
#TopBarPanel #TopPanel .top-nav>ul>li.nav-item#logout { min-width: 96px;}
#TopBarPanel #TopPanel .top-nav>ul>li.nav-item>a {  display: inline-block;padding: 15px 22px 0 21px;vertical-align: middle;color: #999; font: normal 10px 'Open Sans', sans-serif; }
#TopBarPanel #TopPanel .top-nav>ul>li.nav-item>a:hover, #TopBarPanel #TopPanel .top-nav ul li a:visited { color: #999;}
/*#TopBarPanel #TopPanel .top-nav>ul>li.nav-item>a#currentUserName { width: 97px;}*/ /* Disabled as part of FB.122717, caused text to overflow its container*/

#TopBarPanel #TopPanel .top-nav>ul>li.nav-item.help { padding: 1px; }
#TopBarPanel #TopPanel .top-nav>ul>li.nav-item.help>div.nav-item-help {
  height: 49px;
  width: 49px;
  background-image: url('../images/Help_gray32.png');
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
}

#DashboardHeader #BottomPanel {
  clear: both;
  min-height: 84px;
  top:50px;
  bottom:0px;
  height: 100%;
  /*overflow: auto;*/
  position:relative;
}

#DashboardHeader #BottomPanel .favorite {padding: 6px 6px 0 6px;width: 30px;  float: left;margin-right: 6px;}

#DashboardHeader #BottomPanel .dashboardTitle {
  float: left;
  width: 60%;
}
#DashboardHeader #BottomPanel .dashboardTitle h2 {
  padding-right: 20px;
  font-weight: normal;
  margin-right: 52px;
  font-size: 28px;
  color: #fff;
  margin: 0;
  line-height: 50px;
}
#DashboardHeader #BottomPanel .dashboardTitle .description {
  max-width: 800px;
  display: inline-block;
  font-size: 16px;
  height: 24px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;

}
#DashboardHeader #BottomPanel .dashboard-actions {
  float: right;
  min-height: 78px;
}
#DashboardHeader #BottomPanel a.action {
  display: inline-block;
  width: 32px;
  height: 32px;
  float: left;
  background-repeat: no-repeat;
  background-image: url('../images/tool-sprites.png');
}
#DashboardHeader #BottomPanel a.action.dashboard_NoFavIcon {background-image: url(../images/StarWhite24.png); margin:5px 0 0 0;}
#DashboardHeader #BottomPanel a.action.dashboard_FavIcon {background-image: url(../images/StarYellow24.png);margin:5px 0 0 0;}
#DashboardHeader #BottomPanel a.action.dashboard_settings {background-position: 0 -103px; }
#DashboardHeader #BottomPanel a.action.dashboard_help {background-position: 0 -139px; margin-right: 2px; }
#DashboardHeader #BottomPanel a.action.dashboard_refresh {background-position: 0 -69px; }
#DashboardHeader #BottomPanel a.action.dashboard_delete{background-position: 0 -35px; }

#DashboardHeader #BottomPanel .dashboard-actions div.dashboard-actions-section {
  float: left;
  border-right: 1px solid #ededed;
  height: 84px;
  padding-top:4px;
  text-align: center;
}
#DashboardHeader #BottomPanel .dashboard-actions div.dashboard-actions-section a
{
  color: #ffffff;
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 16px;
}
#DashboardHeader #BottomPanel .dashboard-actions div.dashboard-actions-section a:hover, #DashboardHeader #BottomPanel .dashboard-actions div.dashboard-actions-section a:visited { color: #fff;}
#DashboardHeader #BottomPanel .dashboard-actions div#AddWidget {
  width: 118px;
}
#DashboardHeader #BottomPanel .dashboard-actions div#Dashboards {
  width: 182px;
}
#DashboardHeader #BottomPanel .dashboard-actions div#Dashboards span.bottom-section {
  text-align: center;
  vertical-align: middle;
  width: 50%;
  display: inline-block;
  float: left;
  height: 35px;
  padding-top: 3px;
}
#DashboardHeader #BottomPanel .dashboard-actions div#Dashboards span.bottom-section.left {
  border-right: 1px solid #fff;
}
#DashboardHeader #BottomPanel .dashboard-actions div#Dashboards span.bottom-section.left a img {
  margin-right: 4px;
}
/* footer */

.footer {
  position: fixed;
  height: 22px;
  width: 100%;
  bottom: 0;  
  background: #7ea2b4;  
  z-index: 99999;
}

.footer .footerLeft {
  padding-left: 4px;
}

.dashboard
{
	
	top: 50px;
	bottom: 0px;
	width: 100%;
	position: absolute;
	margin-top: 1px;


  /*
	background-image: -ms-linear-gradient(left, #3B4C5C 0%, #959595 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3B4C5C', endColorstr='#959595');
	background-image: -moz-linear-gradient(top, #3B4C5C 0%, #959595 100%);
	background-image: -o-linear-gradient(top, #3B4C5C 0%, #959595 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3B4C5C), color-stop(1, #959595));
	background-image: -webkit-linear-gradient(top, #3B4C5C 0%, #959595 100%);
	background-image: linear-gradient(top, #3B4C5C 0%, #959595 100%);
	*/
}

#dashboard {
    background: url(../images/earthsoft-4c-small.png) no-repeat center;
}


.abs {
	position: absolute;
	top: auto;
	left: auto;
	right: auto;
	bottom: auto;
}

.align_center {
	text-align: center;
}

.align_right {
	text-align: right;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

.header_margins { margin: 10px; }

.dashboard_title 
{
	font-size: 12pt;
	font-weight: bold;
  margin-top: 17px;
}

.header
{
  height: 60px;
  padding: 0;
	color: #3a3a3a;
	line-height: 25px;
	text-shadow: #fff 0 1px 1px;
	height: 50px;
	width: 100%;
	top: 0;
  border-bottom: 1px solid #dedcdc;
	background: url(../images/background-grey.gif);
  background-size: cover;
	vertical-align: middle;
	
	/*filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#3B4C5C', endColorstr='#959595'); 
	background-image: -moz-linear-gradient(left, #3B4C5C 0%, #959595 100%);
	background-image: -o-linear-gradient(left, #3B4C5C 0%, #959595 100%);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #3B4C5C), color-stop(1, #959595));
	background-image: -webkit-linear-gradient(left, #3B4C5C 0%, #959595 100%);
	background-image: linear-gradient(left, #3B4C5C 0%, #959595 100%);  
*/
}


.header img#logo {
  height: 40px;
  margin: 10px;
}

input.search_text 
{
	height: 25px;
	width: 250px;
	border: 1px solid #CCCCCC;
	background-color: White;
	background-image:url(../images/Search16.png);
	background-repeat: no-repeat;
	background-position: right center;
}

input.error {
	border: 2px solid #f25555;
	background-color: #FFFFD5;
}

.error 
{
  font-weight: bold;
  color: #f25555;
}

.info {
  font-weight: bold;
  color: #666666;
}

.watermark_text
{
	color: #DDDDDD;
	font-style: italic;
}

th {
    white-space: nowrap;
}

/* contentPane */

.claro .dijitContentPane {
  /*height: 100%;*/
}

/* tooltipContainer */ 
.claro .dijitTooltipContainer {
  
}


/* buttons */
.claro .dijitButton .dijitButtonNode, .claro .dijitDropDownButton .dijitButtonNode, .claro .dijitComboButton .dijitButtonNode, .claro .dijitToggleButton .dijitButtonNode {
  border-color: transparent;
  background-image: url(../images/button-green.png);
}


/* validation */
.claro .dijitTextBoxError .dijitValidationContainer {
  background: url(../images/sprite_equis_status_32.png) -64px 50% transparent;

  border:none;
  width: 30px;
}

.claro .dijitTextBoxError, .claro .dijitTextBoxError .dijitButtonNode {
  border-color: #f25555;
}

/* grid */
.claro .dojoxGridMasterHeader {
  background: #3a3a3a;
  border-color: #ffffff;
  border-style: solid none solid none;
  border-width: 1px medium 1px 1px;
  
  
}
.claro .dojoxGridArrowButtonChar {
  color: #ffffff;
}

.claro .dojoxGridHeader tr:first-child .dojoxGridCell {
  color: #ffffff;
  font-weight: bold;
}

.claro .dojoxGridHeader .dojoxGridCellOver {
  background-color: #8a8a5a;
}

.claro .dojoxGridCellOver .dojoxGridSortNode {
  background-color: #8a8a5a;
}

.claro .dojoxGridRow {
  background-color: #f0f0f0;
}

.claro .dojoxGridRowTable tr {
  background-color: #f0f0f0;
}

.claro .dojoxGridRowOdd .dojoxGridCell{
  background-color: #e4e3e3;
}

.claro .dojoxGridRowOver {
  background-color: #dde9b4;
}

.claro .dojoxGridRowSelected .dojoxGridCell{
  background-color: #dde9b4;
  border-bottom: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
}

.claro .dojoxGridCell {
  border-color: #ffffff;
  background-color: #f0f0f0;
}

.claro .dojoxGridRowOver .dojoxGridCell {
  background-color: #dde9b4;
}

/* tree */
.dijitTreeLabel {
  font-family: 'OpenSans-Bold';
  color: #3a3a3a;
}

.claro .dijitTreeRow {
  border-right: none;
  border-color: #dad8d8;
  border-bottom-width: 1px;
  padding: 4px 0;
}
.claro .dijitTreeRowSelected {
  background: #ffffff;
}

/* tab pane */

.dijitTab * {
  vertical-align: middle;
}

.dijitTab .tabLabel {
  margin-left: 10px;
  min-height: 15px;
  width: 90%;
}

.claro .dijitTabPaneWrapper {
  height: 100%;
}

.claro .dijitTabContainerLeft-tabs .dijitTab {
  min-height: 50px;
  width: 200px;
  
}

.claro .dijitTabInnerDiv {
  min-height: 50px;
}

.claro .dijitTabContainerLeft-tabs .dijitTabInnerDiv {
  background-image: url(../images/item-background.gif);
  background-repeat: no-repeat;
  background-size: cover;
}

.claro .dijitTabContainerLeft-tabs .dijitTabInnerDiv, .claro .dijitTabContainerLeft-tabs .dijitTabContent {
  border-radius: 0;
  border-bottom: 1px solid #000000;
  vertical-align: middle;

}

.claro .dijitTabContainerLeft-tabs .dijitTabChecked .dijitTabInnerDiv {
  background: #ffffff;
}

.claro .dijitTabContainerLeft-tabs .dijitTabContent {
  background-image: none;
  border-right: medium none;
  padding-right: 9px;
  border-bottom: none;
  border-left: none;
  padding-top: 10px;
}


.claro .dijitTabHover .dijitTabInnerDiv {
  -moz-transition-duration: 0.25s;
  background-color: inherit;
  color: #000000;
  border-right: none;
}

/* icons */
.equis-icon-status {
  background-repeat: no-repeat;
  height: 30px;
  width: 30px;
  text-align: center;
  background-image: url(../images/sprite_equis_status_32.png);
}

.equis-default-icon {
  background-position: 0 0;
}

.equis-required-icon {
  background-position: -64px 0;
 
}
.equis-selected-icon {
  background-position: -32px 0;
}

.equis-dijitToolbar .dijitToolbar {
  background-color: #eaeaea;
}

/* overlay for modal dialogs */
#overlay 
{
  background-color: rgba(221,233,180,0.5);  /* we need a background-color or the overlay will block interaction with other elements */
  display: none;
  position: absolute;
  left: 0px;
  top: 0px;
  width:100%;
  height:100%;
  text-align:center;
  z-index: 1000;
}
.claro .dojoxFloatingPane.dijitContentPane {

  padding: 0;
}

.dojoxFloatingPane .dojoxFloatingPaneTitle {
  background-color: #dde9b4;
  padding: 0 4px 4px 4px;
  border-bottom: 1px solid #DEDEDE;
  font-family: 'OpenSans-Bold';
  color: #ffffff;
  text-transform: capitalize;
}

.dojoxFloatingPane .dojoxFloatingPaneTitle .dijitTitleNode {
  color: #3a3a3a;
  font-family: 'OpenSans-Bold';
  text-transform: uppercase;
  padding: 6px 6px 6px 20px;
  background-repeat: no-repeat;
  /*background-image: url("./assets/images/earth-logo32.png");*/
}

.dojoxFloatingPane .dojoxFloatingPaneTitle .dijitTitleNode.state-active {

  background-position: 0 50%;
  background-image: url('../images/activity-indicator.gif');
}

.dojoxFloatingPane 

.dojoxFloatingPane .dojoxFloatingPaneTitle .dojoxFloatingCloseIcon {
  margin-top: 5px;
}

.dojoxFloatingPane .dojoxFloatingCloseIcon {
  height: 25px;
  width: 25px;
}

.dojoxFloatingMaximizeIcon {
  margin: 6px 4px;
}

/* report param */
div.equis-param-page {
  overflow: auto;
  background-color: #f4f4f4;
}

div.equis-param {
  min-height: 140px;
  border: 1px solid #dedcdc;
  margin-bottom: 20px;
  background-color: #ffffff;
  
}

div.equis-param-title {
  font-weight: bold;
  white-space: normal;
  width: 90%;
}

div.equis-param-title.equis-param-default {
  color: #457d9d;
}

/* param header */
div.param-header {
  font-weight: bold;
  color: #97b044;
  padding: 4px 4px 4px 26px;
}
div.param-header .param-actions {
  float: right;
  width: 60px;
  height: 16px;
}
div.param-header .param-action {
  background-image: url("../images/sprite_equis_action_16.png");
  width: 16px;
  height: 16px;
  cursor: pointer;
}

div.param-header .equis-icon-status {
  float: right;
}

.param-action-default {
  background-position: -32px 0;
}

.param-action-clear {
  background-position: 0;
}

.param-action-help {
  background-position: -48px 0;
}

/* param summary */
div.param-summary {
  min-height: 80px;
  max-height: 100px;
  padding:4px 4px 4px 26px;
}

div.param-summary ul.param-summary-listing {
  padding-top: 5px;
  overflow: hidden;
  height: 70px;
}

div.param-summary ul.param-summary-listing li {
  list-style: none;
  height: 22px;
  width: 125px;
  padding: 4px 10px 4px 36px;
  overflow: hidden;
  background-color: #eeeded;
  display: inline-block;
  color: #82827f;
  font-size: 85%;
  margin-right: 2px;
  margin-bottom: 2px;
}

div.param-summary ul.param-summary-listing li.param-summary-default {
  font-style: italic;  
  background: url("../images/icon_default_24.png") no-repeat scroll 6px 50% #DDE9B4;
}

div.param-summary ul.param-summary-listing li.param-summary-selected {
  background: url("../images/icon_check_white_24.png") no-repeat scroll 6px 50% #DDE9B4;
  
}

/* param details */
div.param-details {
  background-color: #ececec;
}

div.param-details .dijitTitlePaneContentOuter {
  background-color: #ececec;
}


.claro .dijitTitlePaneTitle {
  background: #e5e5e5;
  border-top: dashed 1px #c8c8c8;
  border-bottom: 5px solid #3a3a3a;
  color: #666666;
     border-right: none;
    border-left: none;
}
.claro .dijitTitlePane .dijitArrowNode {
  background-image: url('../images/sprite_open-close_55.20.png');
   height: 20px;
  width: 55px;
    right: 45.5%;
    position: absolute;
}

.claro .dijitTitlePaneTitle.dijitOpen {
  background: #3a3a3a;
  color: #404040;
  
}

div.equis-param .dijitTitlePaneTitle.dijitOpen .dijitTitlePaneTextNode {
  color: #E5E5E5;
}

.claro .dijitTitlePane .dijitClosed .dijitArrowNode {
  background-position: 0;
  margin-top: 26.5px;
  background-position: -110px 0;
}

.claro .dijitTitlePane .dijitOpen .dijitArrowNode {
  background-position: -55px 0;
  
  margin-top: -23px;
}


div.equis-param .dijitTitlePaneTitle * {
  text-align: center;
}

div.equis-param div.dojoxGridView {
  font-size: 75%;
}

/* facility view */
.facilityViewBlock {
  float: left;  
  clear: left;  
  width: 100%;  
  margin: 0 0 1.5em 0;  
  padding: 0; 
}
.facilityViewLabel {
	
  float: left;  
  width: 10em;  
  margin-right: 1em;  
  text-align: right;  
}

.facilityViewInput{
}

.facilityViewSave
{
  right: 2em;
  padding-bottom: 2em;
  clear:both;
}


#facilityDisplay {
  float: right;
  width: 200px;
  height: 30px;
}


/* footer */
#footer {
  background-color: #222222;
  color: #999999;
  font-size: 90%;
  padding:4px;
  width: 100%;
  position: absolute;
  bottom: 0;
}
#footer #statusBar {
  padding: 4px;
}

#footer span {
  font-size: 90%;
}

#footer #copyrightBar {
  float: right;
}

.dojoxResizeHandleClone {
  border: none;
}