html {
    background: #120707;
    height: 100%;
    background-color: rgb(255, 255, 255);
    background-position: center;
    background-size: auto;
    background-attachment: fixed;
    font-size: 16px;
}

* {
    font-family: "Kanit", sans-serif;
}

#mainContainer {
    padding-bottom: 40px;
    padding-left: 5px;
    padding-right: 5px;
}
.navbar-item {
    font-size: 1rem;
}

.container {
    padding: 0;
}

.section {
    padding: 0.5rem;
}

.card {
    border-radius: 10px;
}

.searchField {
    width: 100%;
    padding-left: 20%;
    padding-right: 20%;
}

i {
    margin-right: 0.2rem;
}

.quick-notifications {
    font-size: 0.8rem;
    padding: 0px;
    margin-left: -8px;
    margin-right: -8px;
    color: rgb(0, 0, 0);
}

.quick-notifications a {
    color: rgb(0, 0, 0);
    text-transform: uppercase;
    font-weight: 500;
}

.textShort {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.moreInfoBtn {
    font-size: 1.3rem;
    position: absolute;
    top: 0;
    right: 5px;
    font-weight: 500;
    color: #444c00;
}

.slider-border {
    border-radius: 12px !important;
}

.slider-padding-none {
    padding: 0 !important;
}

.search-custom {
    justify-content: center;
}

.reviewUserName {
    text-align: center;
    font-weight: 500;
    margin-top: 1rem;
    font-size: 0.9rem;
    white-space: nowrap;
}

.card-header-title {
    font-size: 1rem;
}

.card-header {
    display: block;
}

.mainBannerFlex {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.no-background {
    background: none !important;
}

.card-product-content {
    display: block;
    position: absolute;
    bottom: 0;
    background: linear-gradient(
        to bottom,
        transparent 0%,
        rgba(0, 0, 0, 0.4) 15%,
        rgba(0, 0, 0, 0.65),
        rgba(0, 0, 0, 0.85) 85%,
        black 100%
    );
    width: 100%;
    border: none;
    padding-bottom: 0.7rem;
}

.card-product-footer-shadow {
    display: block;
    border-radius: 12px !important;
}

.card-product-content p {
    color: white;
}

/* Mau sac  */
.cl-orange {
    color: rgb(248, 99, 0) !important;
}

.secondary-menu-item {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.7rem;
    padding-right: 0.7rem;
    margin-bottom: 5px;
    border-radius: 5px;
}

.secondary-menu-item:hover {
    background: rgb(216, 216, 216);
    font-weight: 500;
}

.flex-column-item-end {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.labelProductPromo {
    display: block;
    padding: 8px;
    float: right;
    background: red;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 16px;
    position: absolute;
    right: 0;
    bottom: 10px;
}

.productCardInfo {
    position: absolute;
    background: #0202029e;
    height: 100%;
    width: 100%;
    display: none;
    padding: 10px 12px;
    color: white;
    font-size: 0.8rem;
    line-height: 22px;
    font-weight: 500;
    border-radius: 12px;
    z-index: 2;
}

.productCardInfoSlim {
    position: absolute;
    background: #0202029e;
    height: 100%;
    width: 100%;
    display: none;
    padding: 10px 12px;
    color: white;
    font-size: 0.9rem;
    line-height: 25px;
    font-weight: 500;
    border-radius: 12px;
    z-index: 2;
}

.productCardSlim,
.productCard {
    background: none;
}

.productCardSlim:hover > .productCardInfoSlim {
    display: block;
}

.productCard:hover > .productCardInfo {
    display: block;
}

/* Background custom */
.has-background-cl1 {
    background-color: #0086d5 !important;
}

.topBanner {
    background: url(https://mcpefun.com/templates/maincraft/img/bees-update.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 400px;
    border-radius: 15px;
    box-shadow: inset 0 0 0 2000px rgb(2 2 2 / 34%);
}

.has-background-topnav {
    padding: 10px 20px;
    background-color: #0086d5;
}

.restyle-search-bar {
    padding: 15px 20px;
    border-radius: 30px;
}

.flashSaleLabel {
    position: absolute;
    left: 10px;
    top: 0;
    max-width: 50%;
    padding: 20px 15px;
    border-bottom-right-radius: 27px;
    color: white;
    box-shadow: 2px 1px 7px 3px #16161699;
    background-color: #ff5013!important;
}

.flashSaleLabel > h4 {
    font-weight: 500;
    text-transform: uppercase;
}

.flashSaleLabel2 {
    position: absolute;
    bottom: 0;
    background: linear-gradient(
        to bottom,
        transparent 0%,
        rgba(0, 0, 0, 0.4) 25%,
        rgba(0, 0, 0, 0.65),
        rgba(0, 0, 0, 0.85) 75%,
        black 100%
    );
    width: 100%;
    border: none;
    padding-bottom: 0.7rem;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.flashSaleOldPrice {
    color: rgb(255, 184, 184);
    text-decoration: line-through;
}

.flashSaleNewPrice {
    font-size: 1.2rem;
    color: #ffffff;
    border-radius: 8px;
}

.introduceGame p {
    font-size: 1.3rem;
    line-height: 45px;
}

#mainNavbar {
    flex-wrap: wrap;
    background: white;
    max-width: 1800px;
    margin: 0 auto;
}

.moreInfo {
    font-size: 2rem;
}

.moreInfo:hover {
    font-size: 2.2rem;
    cursor: pointer;
}

.is-orderBtn {
    padding: 30px 40px;
    font-weight: 500;
    font-size: 1.3rem;
}

.introduceTitle {
    margin-bottom: 30px;
}
.altLogo {
    color: #33bdff;
    font-size: 0.8rem;
    margin-bottom: 35px;
}
.breadcrumb {
    font-size: 0.7rem;
}
.input-amount {
    height: 45px;
    font-size: 1.2rem;
    font-weight: 500;
    width: 65px;
}
.is-minus {
    height: 45px;
}
.is-plus {
    height: 45px;
}
.stars > i {
    color: #fdd836;
}
.badgeGiamGia {
    width: 65px;
    background-color: red;
    color: white;
    padding: 5px 8px;
    border-radius: 8px;
}
.longDescriptionSection {
    padding-left: 90px;
}
.box {
    border-radius: 15px !important;
}
footer {
    padding-bottom: 40px;
}
.input-cart-amount {
    width: 60px;
    height: 40px;
    font-size: 1rem;
}
.field-cart-amount a {
    width: 30px;
    height: 40px;
    font-size: 1rem;
}
.giohang-price {
    color: rgb(255, 102, 0);
    font-size: 1.5rem;
}
.giohang-oldprice {
    color: rgb(139, 139, 139);
    font-size: 1rem;
    text-decoration: line-through;
}
.giohang-gia {
    justify-content: center;
}

.giohang-price-sale {
    font-size: 1.8rem;
    color: red;
}
#maggToggle {
    cursor: pointer;
}

.noidungck {
    padding: 3px 5px;
    border: 2px solid;
}
.box-qr {
    padding-top: 30px;
    padding-bottom: 30px;
    border: 2px solid;
}
.blockphuongthucthanhtoan {
    height: 60px;
    font-size: 1.3rem;
}
.price-old {
    text-decoration: line-through;
    margin-right: 20px;
    margin-left: 20px;
}
.price {
    font-weight: 500;
    font-size: 1.2rem;
}
.quick-notifications {
    font-size: 0.8rem;
    padding: 0px;
    margin-left: -8px;
    margin-right: -8px;
    color: rgb(0, 0, 0);
}

.quick-notifications a {
    color: rgb(0, 0, 0);
    text-transform: uppercase;
    font-weight: 500;
}

.textShort {
    /* width: 10rem; */
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.mainNavbarButton{
    background: #0086d5;color: white;
}
.productCardItemPricing{
    color: #ffffff !important;
    font-size: 1.2rem;
}
.label-verified{
    background:#58c758;
    padding: 2px 10px;
    color:white;
    border-radius: 8px;
}
.old-price{
    color: #b1450c!important;
}

.label-stock {
    position: absolute;
    z-index: 1;
    padding: 1px 8px;
    background: #000000;
    color: white;
    right: 5px;
    top: 5px;
}

.available-stock{
    background: #22980b !important;
}

.label-rank{
    position: absolute;
    z-index: 1;
    padding: 1px 8px;
    background: white;
    color: black;
    right: 100px;
    top: 5px;
}

.is-primary.input, .is-primary.textarea{
    border: none !important;
    box-shadow: 0px 1px 3px 2px #b3b3b3;
    margin-top: 10px;
    height: 50px !important;
}

.is-primary.input:active, .is-primary.input:focus, .is-primary.is-active.input, .is-primary.is-active.textarea, .is-primary.is-focused.input, .is-primary.is-focused.textarea, .is-primary.textarea:active, .is-primary.textarea:focus{
    box-shadow: 0 0 0 0.125em rgb(217 217 217 / 25%);
}