@media (min-width: 992px) {
    .app-header {
        height: 80px !important;
    }
	.app-toolbar {
        /*height: 40px;*/
		display: none !important;
    }
}
@media (max-width: 991.98px) {
    .btn-order1 {
        display: none !important;
    }
}
.main-app-toolbar{
	margin-top:180px !important;
	backdrop-filter: blur(4px);
    background-color: rgb(255 255 255 / 30%);
}
.main-app-toolbar .app-container{padding:0px 10px !important;}

.search-category-toolbar{
	backdrop-filter: blur(2px);
    background-color: rgb(255 255 255 / 20%);
}
.border-dark-trans{
	border-color: rgb(0 0 0 / 10%);
}
.bg-dark-trans{
	background-color: rgb(0 0 0 / 10%);
}
.bg-light-trans{
	background-color: rgb(255 255 255 / 80%);
}
.bg-light-trans-90{
	backdrop-filter: blur(4px);
	background-color: rgb(255 255 255 / 90%);
}
.bg-light-trans-20{
	backdrop-filter: blur(2px);
	background-color: rgb(255 255 255 / 20%);
}
.app-container.pzero{
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.app-default, body{
	#background-image: url(https://cdn.opaper.app/production/product_image/20250217/092e6c58-ed27-11ef-82fd-be37cf80f1a3);
	background-color: #deecf1;
	background-repeat: no-repeat;
    background-position: center top;
}
.app-header{height:52px;}
.footer-cart{
	backdrop-filter: blur(8px);
	transition: none;
    position: fixed;
    bottom: 0;
    #right: 0;
    z-index: 99;
	background-color: var(--bs-app-header-sticky-bg-color);
}
.app-root{
	
}
[data-bs-theme=light] {
	--bs-app-header-sticky-bg-color: rgba(255, 255, 255, 0.7);
}
[data-kt-app-header-sticky=on] .app-header{
	backdrop-filter: blur(6px);
	transition: none;
	left: auto;
	right: auto;
}
.bg-mirror-dark{
    backdrop-filter: blur(5px);
	background-color: rgb(129 129 129 / 25%);
	color: #ffffff;
}
.bg-mirror-light{
    backdrop-filter: blur(5px);
	background-color: rgb(255 255 255 / 75%);
	color: #000000;
}
.modal.bg-mirror-dark{
	--bs-modal-bg: rgb(129 129 129 / 25%);
}
.modal.bg-mirror-light{
	--bs-modal-bg: rgb(255 255 255 / 75%);
}
.swal2-container.swal2-backdrop-show, .swal2-container.swal2-noanimation{
	backdrop-filter: blur(2px);
}

#qris_display img{
	margin: 0px auto;
    border: 2px solid #585858;
    padding: 5px;
}

.info-pemesanan-berhasil, .info-pemesanan-qris{
	background-color: rgb(249 249 249 / 50%);
}
.hide{display:none !important;}