.table_shadow {
    -webkit-box-shadow: -7px 9px 9px -2px rgba(0,0,0,0.54);
    -moz-box-shadow: -7px 9px 9px -2px rgba(0,0,0,0.54);
    box-shadow: -7px 9px 9px -2px rgba(0,0,0,0.54);
  }

.requiredField {
    color:hsl(14, 100%, 68%);
}  

.btn:focus {
    box-shadow: none;
  }

.btn:hover {
    color: rgb(151, 205, 255);

  }

.testcolor {
  color: rgb(255, 208, 0);
}

.link {
    color: rgb(231, 231, 231);
    background-color: transparent;
    text-decoration: none;
  }  
a:hover {
    color: rgb(151, 205, 255);
    background-color: transparent;
    text-decoration: underline;
  }  

.logo {
    font-family: 'Caveat', cursive;
    color:rgb(112, 90, 90);
}

.logo2 {
    font-family: 'Mountains of Christmas', cursive;
    color:rgb(66, 66, 66);
}

.message {
    font-family: 'Space Mono', monospace;
  }

.roboto {
    font-family: 'Roboto Slab', serif;
  }

.sack {
  font-family: 'Sacramento', cursive;
  color:rgb(112, 90, 90);
  }

.mont {
  font-family: 'Montserrat', sans-serif;
  }

.xmas {
  font-family: 'Mountains of Christmas', cursive;
}

  .slow-ani > * {
    animation-duration:5s;
  }

  .shade {
    opacity: 0.7;  
  }

  .shade2 {
    opacity: 0.95;  
  }
  
  .topshade {
    background-color:rgba(34, 34, 34, 0.671); 
  }


  .hyeon {
    font-family: 'Do Hyeon', sans-serif;  
  }
  
  td {
   max-width: 100px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
  }  

  .dropdown-menu {
    background-color: #cecece;
  }
  
  /* and this styles the dropdwon trigger link, when open */
  .dropdown.show a { 
    background-color: #cecece;
  }

  .dropdown-menu a:hover {
    background-color: #d89e9e;
  }


.fixed {
    width: 75px;
}