.dimensiatas{
    font-size: 12px;
    margin-top: -30px;
}
/* all page */
.capitalize{
text-transform: capitalize;
}
/* all page */

        .body-invoice{
            padding-top: 50px;
            padding-bottom: 80px;
        }
        .card-invoice {
            margin-top: 30px;
            border-radius: 20px;
        }

        .card-top-invoice {
            background-color: black;
            border-radius: 20px 20px 0px 0px;
        }

        .col-invoice {
            padding: 40px 0px 40px 0px;
        }

        .expired {
            float: right;
            padding: 40px 20px 0px 0px;
            color: white;
        }

        .orderid {
            color: #D6D6D6;
            font-size: 12px;
        }

        .invoice,
        .orderid {
            margin: 0px 0px 0px 20px;

        }

        .btn-total {
            width: 100%;
            border-radius: 20px;
            height: 90px !important;

        }

        .card-body-total {
            background-color: red;
        }

        .padding-invoice {
            margin-left: 13px;
        }

        .padding-invoice p {
            font-family: 'Poppins', sans-serif;
        }

        @media only screen and (min-width: 995px) {
            .card-invoice {
                width: 30%;
            }
        }
/* invoice */

/* header */

    .mt-20 {
        margin-top: -20px;
    }
/* end header */

/* checkout */
 .mr-5 {
            margin-right: 50px;
        }

        .m-20 {
            margin-top: -15px;
        }
        .m-30 {
            margin-top: -30px;
        }

        @media only screen and (min-width:800px) {

            .col-md-5 h3 {
                float: right;
                margin-right: 50px;
            }

        }
/* end checkout */
.btn-hover-dark:hover{
    background-color: black !important;
    color: white !important;
}
a:hover{
    opacity: 0.8;
}
.right{
    float: right ;
}
/* master product */
.fbox-content h3 {
            margin: 0px 0px;
        }

        .fbox-content p {
            font-size: 1rem;
            line-height: 1rem;
        }

        h1.namaproduk span {
            margin: 0;
            display: block;
            font-size: 35%;
            line-height: 1.5;
            font-family: 'PT Serif', serif;
            font-style: italic;
        }

/* product detail */
.fa-heart {
            color: grey;
            padding: 0px;
        }

        .fa-heart:hover {
            color: red;
        }

        .row {
            --bs-gutter-x: 0.5rem !important;
            --bs-gutter-y: 0;
        }

        .product-descfabops {
            padding: 10px 0;
        }

        .product-titlefabops h3 a {
            color: #333;
        }

        .product-titlefabops h3 a:hover {
            color: #d4af36;
        }

        .product-pricefabops ins {
            text-decoration: none;
            color: #d4af36;
        }

        .product-pricefabops ins:hover {
            text-decoration: none;
            color: #0a0802;
        }

        .product-pricefabops {
            font-size: 1.rem;
            font-weight: 700;
        }

        small.fabriccompos {
            font-size: 0.7rem;
            line-height: 0.7rem;
            margin: 0;
        }

        .product-titlefabops h3 {
            font-size: 0.8rem;
            letter-spacing: 0px;
            font-family: 'PT Serif', serif;
            font-style: italic;
            line-height: 0.8rem;
            color: black;
        }

/* living,dining and bedroom page */
.ribbon-x {
            position: absolute;
            left: 12px;
            top: 3px;
            z-index: 1;
            overflow: hidden;
            width: 130px;
            height: 130px;
            text-align: right;
        }

        .ribbon-x span {
            font-size: 12px;
            color: #000000;
            text-align: center;
            line-height: 25px;
            transform: rotate(-45deg);
            -webkit-transform: rotate(-45deg);
            width: 130px;
            display: block;
            box-shadow: 0 3px 10px -5px black;
            position: absolute;
            letter-spacing: 1px;
            font-weight: 600;
            top: 25px;
            left: -28px;
        }

        .ribbon-x span:before {
            content: "";
            position: absolute;
            left: 0px;
            top: 100%;
            z-index: -1;
        }

        .ribbon-x span::after {
            content: "";
            position: absolute;
            right: 0px;
            top: 100%;
            z-index: -1;
        }

        .ribbon-x .goldx {
            background: linear-gradient(225deg,
                    #cb9b51 0%,
                    #f6e27a 45%,
                    #f9e893 50%,
                    #f6e27a 55%,
                    #cb9b51 100%);
        }

        .ribbon-x .goldx::before {
            border-left: 3px solid #aa803f;
            border-right: 3px solid transparent;
            border-bottom: 3px solid transparent;
            border-top: 3px solid #aa803f;
        }

        .ribbon-x .goldx::after {
            border-left: 3px solid transparent;
            border-right: 3px solid #aa803f;
            border-bottom: 3px solid transparent;
            border-top: 3px solid #aa803f;
        }

        .ribbon-x .silverx {
            background: linear-gradient(225deg,
                    #a5a6ab 0%,
                    #d5d7e5 45%,
                    #dfdfdf 50%,
                    #d5d7e5 55%,
                    #a5a6ab 100%);
        }

        .ribbon-x .silverx::before {
            border-left: 3px solid #717172;
            border-right: 3px solid transparent;
            border-bottom: 3px solid transparent;
            border-top: 3px solid #717172;
        }

        .ribbon-x .silverx::after {
            border-left: 3px solid transparent;
            border-right: 3px solid #717172;
            border-bottom: 3px solid transparent;
            border-top: 3px solid #717172;
        }

        .ribbon-x .bronzex {
            background: linear-gradient(225deg,
                    #a78755 0%,
                    #cbae81 45%,
                    #cdb185 50%,
                    #cbae81 55%,
                    #a78755 100%);
        }

        .ribbon-x .bronzex::before {
            border-left: 3px solid #896c40;
            border-right: 3px solid transparent;
            border-bottom: 3px solid transparent;
            border-top: 3px solid #896c40;
        }

        .ribbon-x .bronzex::after {
            border-left: 3px solid transparent;
            border-right: 3px solid #896c40;
            border-bottom: 3px solid transparent;
            border-top: 3px solid #896c40;
        }

        .ribbon-x .black {
            color: white;
            background: linear-gradient(225deg,
                    #212121 0%,
                    #4c4c4c 30%,
                    #666666 50%,
                    #4c4c4c 70%,
                    #212121 100%);
        }

        .ribbon-x .black::before {
            border-left: 3px solid #000000;
            border-right: 3px solid transparent;
            border-bottom: 3px solid transparent;
            border-top: 3px solid #000000;
        }

        .ribbon-x .black::after {
            border-left: 3px solid transparent;
            border-right: 3px solid #000000;
            border-bottom: 3px solid transparent;
            border-top: 3px solid #000000;
        }

        del.nodiskon {
            color: #fff;
        }