.afternoon{
  background-color: green;
  color:white;
}
.morning{
  background-color: red;
  color:white;
}
.table td {
   text-align: center;
}
.table th {
   text-align: center;
}
.timestamp{
  font-size:.70em;
}
@media only screen and (max-width: 1200px) {
  table {
    font-size: .75em;
  }
}

@media only screen and (max-width: 320px) {
  table {
    font-size: .60em;
  }
}

.covington{
        background-color:dodgerblue;
         color:gainsboro;

    }

    .greenville{
        background-color:limegreen;
         color:ghostwhite;
    }

    .dayton{
        background-color:maroon;
         color:gainsboro;
    }


    .nohurry{
        background-color:lightgreen;
        color:black;
    }
    .afternoon{
        background-color:lightblue;
        color:black;
    }
    .nexttrip{
         background-color:lightcoral;
        color:black;
    }
    .morning{
        background-color:yellow;
        color:black;

    }

.deliver{
        background-color:blue;
         color:gainsboro;
    }
    .return{
        background-color:crimson;
         color:gainsboro;
    }
    .transfer{
        background-color:blue;
         color:gainsboro;
    }
     .pickup{
        background-color:green;
         color:gainsboro;
    }

    .notavailable{
         background-color:orange;
         color:black;

    }

    .readytotransfer{
         background-color:skyblue;
         color:black;

    }
.card {
  background-color:gainsboro;
}
.form{
  background-color:gainsboro;
  padding-bottom:20px;
}
/* Css for view  */

.link-span{
  margin-right:5px;
  font-size:.80em;

}

.note_container{
  background-color:gainsboro;
  padding: 10px;

}


.history_container{
background-color:gray;
padding: 10px;
}


.small-sp{
  font-size:.75em;

}