/**
 * The dnd-list should always have a min-height,
 * otherwise you can't drop to it once it's empty
 */
.listTeams ul[dnd-list],
.listTeams ul.matchIndex {
  min-height: 42px;
  padding-left: 0px;
}
/**
 * The dndDraggingSource class will be applied to
 * the source element of a drag operation. It makes
 * sense to hide it to give the user the feeling
 * that he's actually moving it.
 */
.listTeams ul[dnd-list] .dndDraggingSource {
  display: none;
}
/**
 * An element with .dndPlaceholder class will be
 * added to the dnd-list while the user is dragging
 * over it.
 */
.listTeams ul[dnd-list] .dndPlaceholder {
  background-color: #ddd;
  display: block;
  min-height: 42px;
}
.listTeams ul.matchIndex li {
  display: block;
  padding: 11px 15px;
  margin-bottom: -1px;
}
.listTeams ul[dnd-list] li {
  background-color: #fff;
  border: 1px solid #ddd;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
}
/**
 * Show selected elements in green
 */
.listTeams ul[dnd-list] li.selected {
  background-color: #dff0d8;
  color: #3c763d;
}
.date-picker {
  padding-right: 18px;
  height: 58px !important;
  margin-top: 8px !important;
}
.date-picker label {
  left: 33px !important;
  right: 0 !important;
  width: calc(67%) !important;
}
.date-picker md-datepicker {
  display: inline-block;
  width: 100%;
  margin-left: 26px;
  height: 0;
}
.date-picker md-datepicker .md-datepicker-button {
  float: left;
  margin-top: -12.5px;
  margin-left: -33px;
}
.date-picker md-datepicker .md-datepicker-input-container {
  width: 100%;
  top: -14px;
  right: 17px;
}
.date-picker md-datepicker .md-datepicker-input-container .md-datepicker-input {
  max-width: 100% !important;
  min-width: 100% !important;
}
.date-picker md-datepicker .md-datepicker-input-container .md-datepicker-expand-triangle {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid;
}
.date-picker .md-input-messages-animation .md-input-message-animation {
  opacity: 1;
  margin-top: 6px !important;
  margin-left: 34px !important;
}