.dashboard-availability{
  /* position: fixed; */
  top: 60px;
  bottom: 0px !important;
  left: 0px;
  right: 0px;
  /* min-width: 1920px; */
}

.dashboard-availability md-progress-linear{
  position: absolute;
  top: -2px;
}

.dsh-avail-main-container {
  /* position: absolute; */
  bottom: 0px;
  right: 0px;
  left: 0px;
  top: 0px;
  min-height: 868px;
  overflow: auto;
  padding: 20px;
}

.dsh-avail-main-container-top {
  min-height: 370px;
  max-height: 370px;
  padding-left: 2px;
  padding-right: 2px;
}

.dsh-avail-main-container-bottom {
  /* background-color: royalblue; */
  min-height:530px;
}

.dashboard-availability .trs-avail-bar{
  margin: 6px;
  background-color: #fbfbfb;
  color: white;
  max-height: 300px;
  min-height: 300px;
  /* border: solid 1px rgba(0,0,0,0.87); */
  outline: 0;
}

.dashboard-availability .trs-avail-bar:hover{
  margin: 5px;
  /* border: solid 2px #f5cd03 !important; */
  border: solid 2px #4974e5 !important;
}

/* .dashboard-availability .trs-avail-bar.selected{
  border: solid 1px #4974e5;
  margin: 5px;
} */
/* 
.dashboard-availability .trs-avail-bar.selected:hover{
  border: solid 1px rgba(0,0,0,0.87) !important;
  margin: 5px !important;
} */


.dashboard-availability .bar-green .bar-bgc-colored{
  background-color: #b1e8cf;
}

.dashboard-availability .bar-red .bar-bgc-colored{
  background-color: #ffcaca;
}

.dashboard-availability .bar-grey .bar-bgc-colored{
  background-color: #e0e0e0;
}


.dashboard-availability .bar-green .selected .bar-bgc-colored{
  background-color: #19c375 ;
}

.dashboard-availability .bar-red .selected .bar-bgc-colored{
  background-color: rgb(218, 77, 77);
}

.dashboard-availability .bar-grey .selected .bar-bgc-colored{
  background-color: rgb(145, 145, 145);
}

.dashboard-availability .sla-bar{
  height: 3px;
  left: 0px;
  width: 100%;
  position: absolute;
  /* background-color: #4974e5; */
  background-color: #da4d4d;
}

.trs-avail-bar-container {
  margin-left: 10px;
  margin-right: 10px;
}

.trs-avail-bar-label {
  text-align: center;
  min-height: 15px;
  max-height: 15px;
  color: grey;
}

.bar-red .trs-avail-bar-label.selected {
  color:rgb(218, 77, 77);
  font-weight: bold;
}

.bar-green .trs-avail-bar-label.selected {
  color:#19c375;
  font-weight: bold;
}

.bar-grey .trs-avail-bar-label.selected {
  color:rgb(145, 145, 145);
  font-weight: bold;
}

.trs-avail-bar-text {
  text-align: center;
  color: grey;
}

.bar-red .trs-avail-bar-text.selected {
  color:rgb(218, 77, 77);
  font-weight: bold;
}

.bar-green .trs-avail-bar-text.selected {
  color:#19c375;
  font-weight: bold;
}

.bar-grey .trs-avail-bar-text.selected {
  color:rgb(128, 128, 128);
  font-weight: bold;
}


.dsh-avail-chart-card {
  padding: 20px;
  padding-top: 40px;
}

.trs-avail-bar-text-trays {
  font-size: 0.7em;
  color: rgb(21, 21, 21);
  font-weight: lighter;
}

.dsh-avail-bottom-right-container {
  min-width: 300px;
  max-width: 300px;
}

.dsh-avail-global-avail-card {
  max-height: 200px;
}

.dsh-avail-global-avalability-title {
  font-size: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
  color: white;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  outline: 0;
  user-select: none;
}

.card-green .dsh-avail-global-avalability-title {
  background-color: #19c375;
}

.card-red .dsh-avail-global-avalability-title {
  background-color: rgb(226, 85, 90);
}

.dsh-avail-global-avalability-value {
  font-weight: bold;
  text-align: center;
  padding-top: 20px;
  font-size: 40px;
  outline: 0;
  user-select: none;
}

.card-green .dsh-avail-global-avalability-value {
  color: #19c375;
}

.card-red .dsh-avail-global-avalability-value {
  color: #ff8281;
}

.dsh-avail-global-avalability-trays {
  font-size: 18px;
  text-align: center;
  outline: 0;
  user-select: none;
}


.card-green .dsh-avail-global-avalability-trays {
  color: #19c375;
}

.card-red .dsh-avail-global-avalability-trays {
  color: #ff8281;
}

.card-grey .dsh-avail-global-avalability-trays {
  color: rgb(145, 145, 145);
}

.dsh-avail-trs-selection-card {
  color: black;
}

.dsh-avail-button-trs-selection {
  color: black;
}

.dsh-avail-trs-selected {
  color: black;
  padding: 30px;
  font-style: italic;
  outline: 0;
  user-select: none;
  text-align: center;
}

/* #ceb131 */