.a-btn, button {
    transition: all 1s;
}
a {
    text-decoration: none;
}
.a-btn:hover, button:hover {
    opacity: 75%;
    box-shadow: 2px 2px 5px lightcoral;
}
.suggestion {
    color: rgb(200, 200, 200);
    font-size: 75%;
}

.buttons > * {
    width: 50%;
}
@media (max-width: 768px) {
    .buttons > .a-btn, button {
        width: 100%;
    }
}

.input-styling {
    border: 0 !important;
    background-color: rgb(241, 241, 241);
    transition: 1s all;
}
.input-styling::placeholder {
    color: rgb(202, 202, 202);
}
.input-styling:focus {
    border: none;
    outline: 0;
    box-shadow: 2px 0 10px rgb(200, 200, 200);
}
.input-styling:hover {
    box-shadow: 2px 0 10px rgb(200, 200, 200);
}

a:visited {
    color: inherit;
}

th, td {
    min-width: 50px;
    border: 1px solid black;
    border-collapse: collapse;
}

.login-redirect {
    font-weight: bold;
    font-size: 125%;
    transition: all 1s;
}
.login-redirect:hover {
    opacity: 60%;
}

.errMsg {
    color: rgb(182, 0, 0);
}

.successMsg {
    color: rgb(49, 172, 49);
}

.sideborder {
    border-right: 1px lightgray solid;
}

@media (min-width: 768px) {
    .basket-controls, .basket-sections {
        width: 50% !important;
    }
    .div-content {
        width: 75% !important;
    }
    .table-container {
        height: 50% !important;
    }
    .table-container-c {
        height: 50% !important;
    }
}

navbar a {
    width: 100%;
    height: 100%;
    background-color: rgb(117, 39, 39);
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    transition: background-color 1s;
    text-align: center;
}
navbar a h6 {
    color: white;
}

navbar a:hover {
    background-color: rgb(182, 0, 0);
}