/* Contains the CSS styles for the alerts 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 */
#Alerts {
  font-size: 12px;
  max-width: 1000px;
}
.AlertsHeader {
  background-color: #d9d7d0;
  border-radius: 3px;
  cursor: pointer;
  cursor: hand;
  margin-bottom: 10px;
  padding: 10px;
}
.AlertsHeaderTitleWrapper {
  display: table;
  width: 100%;
}
.AlertsHeaderTitle {
  display: table-row;
}
.AlertsHeaderText {
  display: table-cell;
  width: auto;
}
.AlertsHeaderImage {
  background-position: 10px center;
  background-repeat: no-repeat;
  -moz-background-size: 12px 12px;
  -o-background-size: 12px 12px;
  -webkit-background-size: 12px 12px;
  background-size: 12px 12px;
  display: table-cell;
  padding-left: 10px;
  -o-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  width: 12px;
}
.AlertsWrapper.AlertsOpen .AlertsHeaderImage {
  background-image: url("../Shared/Images/Collapse.png");
}
.AlertsWrapper.AlertsCollapsed .AlertsHeaderImage {
  background-image: url("../Shared/Images/Expand.png");
}
.AlertsWrapper.AlertsCollapsed .AlertsContent {
  display: none;
}
#GlobalAlertsWrapper {
  margin-bottom: 25px;
  width: 100%;
}
#GlobalAlertsTitle {
  font-size: 16px;
  font-weight: bold;
}
#GlobalAlerts {
  padding-left: 10px;
  padding-right: 10px;
}
.RouteDirectionAlertsWrapper {
  margin-bottom: 25px;
}
.RouteDirectionAlerts {
  padding-left: 10px;
  padding-right: 10px;
}
#NoAlertsMessage {
  background-color: #d9d7d0;
  border-radius: 3px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
}
.ServiceMessage {
  margin-bottom: 10px;
}