/* public css */
.ml-2{
	margin-left: 2%;
}
.p-5{
    padding: 5%;
}
.p-2{
    padding: 2%;
}
.p-7{
    padding: 7%;
}
.pt-5{
	padding-top: 5%;
}
.pb-2{
	padding-bottom: 2%;
}
.mt-5{
	margin-top: 5%;
}
.mb-1{
	margin-bottom: 1%;
}
.mb-5{
	margin-bottom: 5%;
}
.mb-2{
	margin-bottom: 2%;
}
.mb-3{
	margin-bottom: 3%;
}
.d-none{
	display: none !important;
}
a.buy-now{
	padding: 10px 20px !important;
    margin-left: 5px !important;
}
a.shop-buy-now{
	margin-left: 5px !important;
}
.quicker-loading{
	position: relative;
}
/* Checkout page */
.extra_fees label{
	display: block;
	width: fit-content;
}

.reset_checkout_fee{
	cursor: pointer;
}
/* Modal css start */

/* The Modal (background) */
.popup-modal {
    display: none; 
    position: fixed; 
    z-index: 10; 
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0); 
    background-color: rgba(0,0,0,0.4);
}

/* Modal Content */
.modal-header{
	display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2%;
}
.modal-content {
    background-color: #fefefe;
    margin: 5% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 50%;
    min-height: 500px;
    overflow-x: auto;
}

/* The Close Button */
.modal-close {
    font-size: 20px;
    color: #121212;
}
.modal-close:hover,
.modal-close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
/* Modal css end */