/* Add user */
.hint {
    /* Position the hint */
    position: absolute;
    left: 2px;
    right: auto;
    bottom: 7px;
    /* Copy styles from ng-messages */
    font-size: 12px;
    line-height: 14px;
    transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
    /* Set our own color */
    color: grey; 
}

/*Progress*/
.awarded {
    background-color: #00cc33;
    color: red;
}

/*Check In*/
.bigSearchBox {
    font-size: 35px;
    text-align: center;
    width: 100%;
}

.smallSearchBox {
    font-size: 15px;
    width: 170px;
    height: 40px;
    margin-bottom: 10px;
}

.bigSearchText {
    font-size: 35px;
    width: 100%;
    text-align:center;
}

.smallSearchText {
    font-size: 20px;
    width: 100%;
}

/*Toast*/
md-toast.md-success-toast-theme .md-toast-content {
    background-color: green;
}

md-toast.md-error-toast-theme .md-toast-content {
    background-color: maroon;
}

md-toast {
    right: 5px;
}

/*Volunteer Positions*/
.absent {
    background-color: indianred;
    color: white;
}
.checkedIn, .valid {
    background-color: yellowgreen;
    color: black;
}
.unconfirmed, .invalid {
    background-color: grey;
    color: white;
}

.checkedInSubtle {
    background-color: #ffffff;
    color:black;
}

.notCheckedIn {
    background-color: lightgray;
    color: black;
}


.userButton{
    height: 130px;
    width: 100px;
    margin: 5px;
}
.userImage { 
    display: block;
    height: 75px;
    width: 75px;
    margin: auto;
}

.reportGrid {
    width: auto;
    height: 500px;
 }
.header-filtered {
  color: blue;
}

.coachCard md-card-title {
    padding: 4px 10px 4px;
}
.coachCard md-input-container {
    margin: 20px 0 2px;
}

.coachCard md-card-title md-card-title-media{
    margin-top: 2px;
}


.nv-file-over { border: dotted 3px red; }

@media only screen and (max-device-width: 480px) {
  /* define mobile specific styles come here */
  .userButton { 
      height: 120px;
      width: 70px;
      margin: 2px;
      font-size: 90%;
  }
  .userImage { 
      display: block;
      height: auto;
      width: 100%;
      margin: auto;
      padding: 1px;
  }
  .reportGrid {
    width: 1000px;
    height: 500px;
  }
  
 .coachCard .md-subhead{
     font-size:90%;
     line-height:16px;
 }
 .coachCard .md-headline{
     font-size:20px;
     margin:0;
 }

}