#mbbxProductModal {
display: none; position: fixed; left: 0;
top: 0;
width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); z-index: 99999999;
place-items: center;
} #mbbxProductModalContent {
background-color: #fefefe;
padding: 20px;
border: 1px solid #888;
max-width: 650px; height: 90%; width: 100%;
z-index: 10000;
overflow-y: scroll;
border-radius: 10px;
box-sizing: border-box;
}
#mbbxProductModalHeader {
display: flex;
justify-content: space-between;
flex-flow: wrap;
align-items: center;
} #closembbxProduct {
color: #aaa;
font-size: 28px;
font-weight: 500;
}
#closembbxProduct:hover,
#closembbxProduct:focus {
color: black;
text-decoration: none;
cursor: pointer;
} 
#mbbxProductBtn{
padding: 20px;
} #mbbxProductModalContent::-webkit-scrollbar {
width: 20px;
}
#mbbxProductModalContent::-webkit-scrollbar-track {
background-color: transparent;
}
#mbbxProductModalContent::-webkit-scrollbar-thumb {
background-color: #d6dee1;
border-radius: 20px;
border: 6px solid transparent;
background-clip: content-box;
}
#mbbxProductModalContent::-webkit-scrollbar-thumb:hover {
background-color: #a8bbbf;
}
.mobbexSource {
display: flex;
justify-content: space-between;
flex-flow: wrap;
}
.mobbexPaymentMethod {
display: flex;
align-items: center;
padding: 1em 0;
margin: 0;
font-weight: bold;
}
.mobbexSourceTotal {
display: flex;
align-items: center;
margin: 0;
padding-right: 5% !important;
}
.mobbexSource td small {
display: block;
color: gray;
}
.mobbexSource table {
border: none;
width: 90%;
margin: 0 auto;
}
#mbbxProductModalBody td {
width: 65%;
border: none;
padding-right: 0;
}
.mobbexPaymentMethod img {
height: 40px;
border-radius: 100%;
margin-right: 10px;
}
#mbbx-method-select {
width: 94%;
min-height: 40px;
padding: 0.5rem;
border: 1px #d8d8d8 solid;
border-radius: 5px;
} .dark #mbbxProductModalContent,
.dark #mbbxProductModalContent table td {
background-color: rgb(39, 31, 36);
color: rgb(226, 226, 226);
}