/* Contains the CSS styles for the layout. */

/* Contains the common CSS constants for the whole application. */
/*#region Common colors*/
/*#endregion Common colors*/
/*#region Shadow colors*/
/*#endregion Shadow colors*/
/*#region Text*/
/* Dark color for text in the application */
/*#endregion Text*/
/*#region Content constants*/
/*#endregion*/
/*#region Z-indexes*/
/* Has to be higher than map canvas. */
/* Has to be higher than expanded map place holder. */
/* Has to be higher than expand map button. */
/* The layouts z indexes are for internal purposes only.
                                They are not for styling. */
/*#endregion Z-indexes*/
/*#region Global time picker constants*/
/*#endregion Global time picker constants*/
.ApplicationLayoutHidden {
  position: absolute;
  top: -10000px;
  visibility: hidden;
}
#LayoutHeader {
  height: 75px;
  width: 100%;
}
#LayoutContent {
  background-color: #f9f7f0;
  position: relative;
  width: 100%;
}
#LayoutFooter {
  background-color: #1f55a7;
  text-align: left;
  width: 100%;
}
#ApplicationDeviceLayoutIndicator {
  display: none;
  position: relative;
  /* In Google Chrome z-index returns auto. */

}
@media screen and (max-width: 800px) {
  #ApplicationDeviceLayoutIndicator {
    z-index: 0;
  }
}
@media screen and (min-width: 801px) and (max-width: 1400px) {
  #ApplicationDeviceLayoutIndicator {
    z-index: 1;
  }
}
@media screen and (min-width: 1401px) {
  #ApplicationDeviceLayoutIndicator {
    z-index: 2;
  }
}