/* This file is reserved for overriding and extending the template styles. */

.cardStandOut{
    background-color:rgb(167 114 203 / 28%);
}
.directorTag{
    background-color: var(--director);
    border-radius: 30px;
    font-size: 10px;
    padding: 5px;
    color: white;
}

.vendorTag{
    background-color: var(--vendor);
    border-radius: 30px;
    font-size: 10px;
    padding: 5px;
    color: white;
}

.ordersTag{
    background-color: var(--goods);
    border-radius: 30px;
    font-size: 10px;
    padding: 5px;
    color: white;
}

.coachTag{
    background-color: var(--coach);
    border-radius: 30px;
    font-size: 10px;
    padding: 5px;
    color: white;
}
.contestantTag{
    background-color: var(--contestant);
    border-radius: 30px;
    font-size: 10px;
    padding: 5px;
    color: white;
}

.contestantBackground{
    background-color: var(--contestant)
}

.nav-tabs-title>li>.nav-link.active, .nav-tabs-title>div>.nav-link.active {
    border: initial;
    background-color: var(--primary);
    color: white;
    padding: 2em;
}

.nav-tabs-line-title>li>.nav-link, .nav-tabs-line-title>div>.nav-link {
    padding-top: 5px !important;
}

/* STATS CARDS */
.primaryCard{
    background-color: var(--primary-light)
    /* CSS3 */
}

.directorCard{
    background-color: var(--director-light)
    /* CSS3 */
}

.bookedCard{
    background-color: var(--vendor-light)
    /* CSS3 */
}

.ordersCard{
    background-color: var(--orders-light)
    /* CSS3 */
}

.requestCard{
    background-color: var(--orders-light)
    /* CSS3 */
}

.coachCard{
    background-color: var(--coach-light)
    /* CSS3 */
}

.revenueCard{
    background-color: rgba(26 229 178 / 25%);
    /* CSS3 */
}

.cardHeading{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size:inherit
}

.titleHeading{
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: inherit;
    max-height: 45px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.user .profile {
    order: 1;
    width: var(--input-height);
    height: var(--input-height);
    margin-bottom: 0;
}

.glide__track .glide__slide {
    padding-left: 0;
    padding-right: 0;
}

.table-scroll {
max-height: 80vh;
overflow: auto;
}