.card_img:hover img {
    opacity: 0.4;
    transition: opacity 0.3s ease-in-out;
}

.search-box {
    position: relative;
}

.search-box input {
    width: 100%;
    padding: 10px 40px 10px 10px;
    font-size: 14px;
}

.search-box button {
    position: absolute;
    right: 0%;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    background: none;
    cursor: pointer;
    font-size: 20px;
}
.btn-outline-primary:hover{
    background-color: #145D76 !important;
    color: #FFFFFF !important;
}
#viewSelect{
    background-color: #6C757D;
    color: #FFFFFF;
}

#courseinput::placeholder {
  color: #6D767E;
  font-size: 15px;
  font-style: italic;
}