.ui-dialog-titlebar-close {
        visibility: hidden;
    }
    .grey-background {
        background-color: #f8f8f8 !important;
    }
    
    .img-fit {
        width: 100%;
        height: auto;
    }
    
    .menu-name p {
        font-weight: 500;
    }
    
    .form-group {
        margin-bottom: 0rem !important;
    }
    
    .card-space {
        margin-top: 0px;
    }
    
    .total-space {
        margin-top: 20px;
    }
    
    .m-nav-sticky2 {
        position: fixed !important;
    }
    
    .card-menu-space {
        margin-top: 10px;
    }
    
    .modal-header {
        background-color: #3980C0;
        padding: 13px !important;
    }
    
    .modal-title {
        color: #ffffff !important;
    }
    
    .m-brand {
        background: #3980C0 !important;
    }
    
    .logos {
        width: 80%;
        height: auto;
    }
    
    .menu-price span {
        font-weight: 400;
        color: #3980C0;
    }
    
    .margin-row {
        margin-right: 0px !important;
    }
    
    .m-portlet.m-portlet--full-height {
        height: 100% !important;
    }
    
    footer {
        position: fixed;
        bottom: 0;
        width: 100%;
        margin-left: 0px !important;
        height: 70px !important;
    }
    
    .section-footer {
        margin-top: 80px;
    }
    
    .color-icon-white {
        color: #ffffff !important;
    }
    
    .btn-green {
        color: #ffffff;
        background-color: #0c7b93;
        border-color: #0c7b93;
    }
    
    .btn-green:hover {
        color: #ffffff;
        background-color: #1391ad;
        border-color: #1391ad;
    }
    
    .space-search-form {
        padding: 10px;
    }
    
    .responsive-tablet-bayar {
        margin-top: 10px;
    }
    
    .chart-responsive-mobile {
        display: none;
    }
    
    .button-show {
        display: inline;
    }
    
    .section-price-small {
        display: none;
    }
    
    .section-menu {
        margin-bottom: 60px;
    }
    
    .img-fit {
        width: 100%;
        height: 150px;
        object-fit: cover;
    }
    
    .btn-minus {
        color: #fff;
        background-color: #75daad !important;
        border-color: #75daad !important;
    }
    
    .btn-bayar {
        color: #ffffff;
        background-color: #ff971d;
        border-color: #ff971d;
    }
    
    .card {
        cursor: pointer !important;
    }
    
    .modal-dialog {
        position: relative !important;
        width: auto !important;
        /* margin: .5rem !important; */
        pointer-events: all !important;
    }
    
    .modal-dialog {
        width: 350px !important;
    }
    
    .text-payment {
        font-weight: 500;
        font-size: 14px;
    }
    
    .form-custom {
        display: block;
        width: 100%;
        height: calc(1.95rem + 2px);
        padding: .85rem 1.15rem;
        font-size: 1rem;
        line-height: 1.25;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        border-top-color: rgb(206, 212, 218);
        border-right-color: rgb(206, 212, 218);
        border-bottom-color: rgb(206, 212, 218);
        border-left-color: rgb(206, 212, 218);
        border-radius: .25rem;
        -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
        transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    }
    
    .payment-space {
        background-color: green;
    }
    
    .section-statistik {
        margin-bottom: 0px !important;
    }
    /* simpan menu */
    
    .card-body h3 {
        text-align: center;
    }
    
    .card-rounded {
        border-radius: 20px !important;
    }
    
    .section-table {
        margin-bottom: 100px !important;
    }
    
    .m-widget25 .m-widget25__price {
        font-size: 44px !important;
    }
    
    .section-form-mobile {
        display: none;
    }
    
    .form-menu-index {
        display: block;
    }
    
    .chart-responsive-mobile-pesanan {
        display: none;
    }
    
    .section-price-small-pesanan {
        display: none;
    }
    /* responsive */
    /* Large screens ----------- */
    /* lebih besar */
    
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
        /* Styles */
        footer {
            position: fixed;
            bottom: 0;
            /* width: 100%; */
            margin-right: 363px !important;
            margin-left: 0px !important;
            height: 40px !important;
        }
        .responsive-tablet-bayar {
            margin-top: 10px;
        }
        .section-price-small {
            display: none;
        }
        .img-fit {
            width: 100%;
            height: 100px;
            object-fit: cover;
        }
    }
    
    @media (min-width:769px) and (max-width:1024px) {
        .responsive-tablet-delete {
            margin-top: 10px;
        }
        .responsive-tablet-bayar {
            margin-top: 10px;
        }
        footer {
            position: fixed;
            bottom: 0;
            width: 100%;
            margin-right: 400px !important;
            margin-left: 0px !important;
            height: 40px !important;
        }
        .section-price-small {
            display: none;
        }
        .img-fit {
            width: 100%;
            height: 100px;
            object-fit: cover;
        }
    }
    /* handphone */
    
    @media (min-width:481px) and (max-width: 767px) {
        .chart-responsive-mobile {
            display: inline;
        }
        footer {
            position: fixed;
            /* bottom: 0; */
            width: 100%;
            height: 40px !important;
        }
        .button-show {
            display: none;
        }
        .btn-pink {
            color: #ffffff;
            background-color: rgb(255, 59, 48);
            border: 1px solid rgb(255, 59, 48);
        }
        .m-nav-sticky2 {
            display: none;
        }
        .section-price-small {
            display: inline;
        }
        .responsive-tablet-delete {
            margin-top: 20px !important;
        }
        .img-fit {
            width: 100%;
            height: 150px;
            object-fit: cover;
        }
        .section-table {
            margin-bottom: 0px !important;
        }
        .section-statistik {
            margin-bottom: 100px !important;
        }
        .section-form-mobile {
            display: block;
        }
        .form-menu-index {
            display: none !important;
        }
        .section-price-desktop {
            display: none !important;
        }
    }
    
    @media (min-width: 320px) and (max-width: 480px) {
        .chart-responsive-mobile {
            display: inline;
        }
        footer {
            position: fixed;
            /* bottom: 0; */
            width: 100%;
            height: 40px !important;
        }
        .button-show {
            display: none;
        }
        .btn-pink {
            color: #ffffff;
            background-color: rgb(255, 59, 48);
            border: 1px solid rgb(255, 59, 48);
        }
        .m-nav-sticky2 {
            display: none;
        }
        .section-price-small {
            display: inline;
        }
        .responsive-tablet-delete {
            margin-top: 20px !important;
        }
        .img-fit {
            width: 100%;
            height: 100px;
            object-fit: cover;
        }
        .section-table {
            margin-bottom: 0px !important;
        }
        .section-statistik {
            margin-bottom: 100px !important;
        }
        .section-form-mobile {
            display: block;
        }
        .form-menu-index {
            display: none !important;
        }
        .section-price-desktop {
            display: none !important;
        }
    }