/* Contains the CSS styles for the header partial view. */

/* 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*/
/* Contains mixins for the application. Mixins are methods that simplify the reuse of a block of CSS
   code with parameters. */
/* The cursor is shown as a pointer over the element */
#LayoutHeaderContent {
  background-color: #2972e1;
  height: 100%;
  position: relative;
}
#ApplicationLogo {
  background-image: url("Images/LogoGIRO.png");
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  float: left;
  height: 100%;
  margin-left: 15px;
  width: 80px;
}
#ApplicationTitle {
  color: white;
  display: inline-block;
  float: left;
  font-size: 24px;
  margin-left: 8px;
  position: absolute;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
#LanguageBar {
  color: white;
  font-size: 18px;
  position: absolute;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -o-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.LanguageSelector {
  cursor: pointer;
  cursor: hand;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  border: 2px solid;
}
@media screen and (max-width: 800px) {
  #LanguageBar {
    right: 15px;
  }
}
@media screen and (min-width: 801px) {
  #LayoutHeaderContent {
    background-image: url("Images/WatermarkGIRO.png");
    background-repeat: no-repeat;
    /*Background-position n'est pas lu par Safari dans IOS 6.
       Les autres fureteurs utilisent seulement background-position.*/
    background-position: top 54% left 85%;
    /*Background-position-x et background-position-y seulement lu
       par safari dans ios 6*/
    background-position-x: 85%;
    background-position-y: 54%;
  }
  #LanguageBar {
    right: 30px;
  }
}