.bg-aqua {
    background-color: #84da2e;
}

.bg-grey-light {
    background-color: #f2f1f7;
}

.bg-primary-light {
    background-color: #a0c3f0;
}


.bg-aqua-light {
    background-color: #c6d3b9;
}

.btn-capsule {
    border-radius: 1.5rem;
    padding-left: 2rem;
    padding-right: 2rem;
}

.text-info {
    color: #31708f;
}

.text-red {
    color: #dd4b39 !important
}

.text-yellow {
    color: #f39c12 !important
}

.text-aqua {
    color: #00c0ef !important
}

.text-blue {
    color: #0073b7 !important
}

.text-black {
    color: #111 !important
}

.text-light-blue {
    color: #3c8dbc !important
}

.text-green {
    color: #00a65a !important
}

.text-gray {
    color: #d2d6de !important
}

.text-navy {
    color: #001f3f !important
}

.text-teal {
    color: #39cccc !important
}

.text-olive {
    color: #3d9970 !important
}

.text-lime {
    color: #01ff70 !important
}

.text-orange {
    color: #ff851b !important
}

.text-fuchsia {
    color: #f012be !important
}

.text-purple {
    color: #605ca8 !important
}

.text-maroon {
    color: #d81b60 !important
}

.cart-title-text {
    text-align: center;
    font-weight: bold;
}

.card-no-border {
    border: none;
}

.card-img-border {
    border: 1px solid rgba(0, 0, 0, .125);
}

.card-img-height {
    width: auto;
    max-width: 100%;
    height: 10rem;
}

.card-btn-box {
    text-align: center;

}

.title-block {
    text-align: center;
}

.title-box {
    margin-bottom: 20px;
    padding-top: 10px;
    display: inline-block;
    height: 2rem;
    font-size: 1.5rem;
    line-height: 1.5rem;
}

.title-box-left {
    width: 20px;
    border-top: 2px #2f2f91 solid;
    border-bottom: 2px #2f2f91 solid;
    border-left: 2px #2f2f91 solid;
    border-right: none;
}

.title-box-middle {
    border-bottom: none;
    border-left: none;
    border-right: none;

}

.title-box-middle p {
    border-top: 2px #2f2f91 solid;
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    overflow: visible;
}

.title-box-right {
    width: 20px;
    border-top: 2px #2f2f91 solid;
    border-bottom: 2px #2f2f91 solid;
    border-right: 2px #2f2f91 solid;
    border-left: none;
}

.slogan p {
    display: inline-block;
    font-size: 1rem;
    color: #ddd;
}

.image-cover {
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
}

.hide-multi-line {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

#content-body {
    min-height: calc(100vh - 260px);
}

.login-box .nav>li>a:hover {
    color: #fff;
    background-color: #007bff;
}

.login-box .nav-link.active {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.btn {
    border-radius: 0.1rem;
}

.btn-xs {
    padding: 0.15rem 0.5rem;
    font-size: 0.5rem;
}

.paper {
    position: relative;
    background-color: var(--board-bg-color);
    transition: background-color .2s ease-in-out;
    border-radius: 0.2rem;
    z-index: 3;
    -webkit-box-shadow: 0 12px 15px 0 rgb(0 0 0 / 24%), 0 17px 50px 0 rgb(0 0 0 / 19%);
    box-shadow: 0 12px 15px 0 rgb(0 0 0 / 24%), 0 17px 50px 0 rgb(0 0 0 / 19%);
}

.badge-light-outline {
    border: solid 1px #aaa;
}

a.link label {
    cursor: pointer;
}