/*Style for mobile phones*/
@media all and (max-width: 600px) {

  md-sidenav,
  md-sidenav.md-locked-open,
  md-sidenav.md-closed.md-locked-open-add-active {
    width: 85vw !important;
    max-width: none !important;
  }

}

.status-text {
  color: white;
  font-weight: bold;
  padding: 3px 6px;
  margin-top: 2px;
}

.status-new {
  background-color: darkgray;
}
.status-registered {
  background-color: blue !important;
}

.status-prepared {
  background-color: orange !important;
}

.status-assembled {
  background-color: green !important;
}

.status-commissioned {
  background-color: black !important;
}

.low-magnitude {
  color: darkgray;
}

.medium-magnitude {
  color: yellow;
}

.high-magnitude {
  color: orange;
}

.highest-magnitude {
  color: red;
}

.active-star {
  color: black;
}

.inactive-star {
  color: lightgray;
}

md-input-container .md-errors-spacer {
  min-height: 0;
}

.fill-datepicker .md-datepicker-input-container {
  width: 100%
}

.fill-datepicker .md-datepicker-input {
  max-width: none;
}

.clickable:hover {
  cursor: pointer;
}

.row-button-container {
  padding-top: 7px;
}

.task-search-field {
  background-color: white;
  border-radius: 17px;
}

task-search input,
task-search input:focus {
  border: none;
  color: darkgray;
  outline: none;
  padding-left: 10px;
}

.md-toolbar-tools .md-button, .md-toolbar-tools .md-button.md-icon-button md-icon {
  color: darkgray;
}

.advanced-search {
  width: 800px;
  background-color: white;
  border-radius: 17px;
  padding: 17px 0px;
}

.advanced-search-content {
  max-height: 80vh;
  border-radius: 17px
}

/*This overwrites the checkbox color in the md-data-table with the md-primary color*/
md-table-container md-checkbox.md-checked .md-icon {
  background-color: rgb(57, 73, 171);
}

md-input-container .md-errors-spacer {
  min-height: 0;
}

md-input-container.compact-input-container {
  margin: 0px;
  padding: 0px 0px 0px 8px;
}

.form-text {
  margin-bottom: 20px;
}

.search-param {
  background-color: lightgray;
  padding: 5px 10px;
  border-radius: 15px;
  margin-left: 4px;
  color: white;
}

.md-button.md-icon-button.input-container-button {
  margin-top: 15px;
}

table.md-table tbody.md-body>tr.md-row.compact-row {
  height: 30px;
}

.targetDateFailed {
  color: red;
}

.targetDateAchieved {

}

.dark-background {
  background-color: #eee;
}

.md-table-pagination {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  min-width: 600px;
}

.add-task-button {
  position: absolute;
  right: 16px;
  bottom: 16px;
}

.print-task-button {
  position: absolute;
  right: 84px;
  bottom: 16px;
}

md-progress-linear .md-bar {
  background-color: rgb(0,191,88);
}

.general-fixed {
  margin-right: 16px;
}