body {
    font-family: 'Bentham', serif;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: .25em;
    color: #777777;
    /* background-color:  #B2AFAC; */
    background-color: #fdf9f3;
}

h1 {
    margin: 1em auto;
    color: #f5f5f5;
    color: #777777;
    color: #333;
}
.table {
    border: 1px solid white;
}
.table#train-table.table.table-sm.table-hover tbody tr:hover {
    /* background-color: #e7f3d5; */
    /* background-color: #B2AFAC; */
    background-color: rgb(244, 247, 239); 
    color: #777777;   
}
.table th {
    padding: .25em;
    text-transform: uppercase;
    font-size: 1em;
}
.table td {
    padding: .25em .5em 0;
}
.card-header {
    font-family: 'Nunito', sans-serif;
    text-transform: uppercase;
    /* background-color: #1d2350;  */
    /* background-color: #0099d5; */
    background-color: #959492;
    background-color: #42413d;
    background-color: #333;
    color: white;
}
.card-body {

    background-color: #42413d;
    color: white;
    
}
label {
    margin-left: 1em;
}

.btn {
    margin: 0 .25em .2em;
    padding: 0 1em 1.75em;
    background-color: #FFCE2B;
    height: 1.5em;
    line-height: 2em;
    font-size: .75em;
    /* background-color: #c8d6e5; */
    /* color: #f5f5f5; */
    color:#42423D;
    font-family: 'Nunito', sans-serif;
    text-transform: uppercase;
    border-radius: 0;
}
/* borders */
#top,
#bottom,
#left,
#right {
  background-color:#353431;
  position: fixed;
}

#left,
#right {
  top: 0;
  bottom: 0;
  width: 15px;
}

#left {
  left: 0;
}

#right {
  right: 0;
}

#top,
#bottom {
  left: 0;
  right: 0;
  height: 15px;
}

#top {
  top: 0;
}

#bottom {
  bottom: 0;
}