/*** Style MWE ***/

/* - Is main style that overwrite Bootstrap4 only [not include other plugin yet] */

/* - Every website has the same */

/* - Not have any theme color >>>> goto "theme-system" or "style_[customer]" */

/* Text */

.f-system-12 {
	font-family: "Open Sans", Tahoma !important;
	font-size: 12px;
}

.f-system-14 {
	font-family: "Open Sans", Tahoma !important;
	font-size: 14px;
}

.f-system-16 {
	font-family: "Open Sans", Tahoma !important;
	font-size: 16px;
}

.f-system-20 {
	font-family: "Open Sans", Tahoma !important;
	font-size: 20px;
}

.f-system-22 {
	font-family: "Open Sans", Tahoma !important;
	font-size: 22px;
}

.f-system-24 {
	font-family: "Open Sans", Tahoma !important;
	font-size: 24px;
}

.ff-system {
	font-family: "Open Sans", Tahoma !important;
}

.fs-12 {
	font-size: 12px;
}

.fs-14 {
	font-size: 14px;
}

.fs-16 {
	font-size: 16px;
}

.fs-20 {
	font-size: 20px;
}

.fs-22 {
	font-size: 22px;
}

.fs-24 {
	font-size: 24px;
}

/* Margin */

.m-10 {
	margin: 10px !important;
}

.my-10 {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}

.mx-10 {
	margin-left: 10px !important;
	margin-right: 10px !important;
}

.mt-10 {
	margin-top: 10px !important;
}

.mb-10 {
	margin-bottom: 10px !important;
}

.ml-10 {
	margin-left: 10px !important;
}

.mr-10 {
	margin-right: 10px !important;
}

.m-15 {
	margin: 15px !important;
}

.my-15 {
	margin-top: 15px !important;
	margin-bottom: 15px !important;
}

.mx-15 {
	margin-left: 15px !important;
	margin-right: 15px !important;
}

.mt-15 {
	margin-top: 15px !important;
}

.mb-15 {
	margin-bottom: 15px !important;
}

.ml-15 {
	margin-left: 15px !important;
}

.mr-15 {
	margin-right: 15px !important;
}

.m-20 {
	margin: 20px !important;
}

.my-20 {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}

.mx-20 {
	margin-left: 20px !important;
	margin-right: 20px !important;
}

.mt-20 {
	margin-top: 20px !important;
}

.mb-20 {
	margin-bottom: 20px !important;
}

.ml-20 {
	margin-left: 20px !important;
}

.mr-20 {
	margin-right: 20px !important;
}

.m-25 {
	margin: 25px !important;
}

.my-25 {
	margin-top: 25px !important;
	margin-bottom: 25px !important;
}

.mx-25 {
	margin-left: 25px !important;
	margin-right: 25px !important;
}

.mt-25 {
	margin-top: 25px !important;
}

.mb-25 {
	margin-bottom: 25px !important;
}

.ml-25 {
	margin-left: 25px !important;
}

.mr-25 {
	margin-right: 25px !important;
}

/* Padding */

.p-10 {
	padding: 10px !important;
}

.py-10 {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

.px-10 {
	padding-left: 10px !important;
	padding-right: 10px !important;
}

.pt-10 {
	padding-top: 10px !important;
}

.pb-10 {
	padding-bottom: 10px !important;
}

.pl-10 {
	padding-left: 10px !important;
}

.pr-10 {
	padding-right: 10px !important;
}

.p-15 {
	padding: 15px !important;
}

.py-15 {
	padding-top: 15px !important;
	padding-bottom: 15px !important;
}

.px-15 {
	padding-left: 15px !important;
	padding-right: 15px !important;
}

.pt-15 {
	padding-top: 15px !important;
}

.pb-15 {
	padding-bottom: 15px !important;
}

.pl-15 {
	padding-left: 15px !important;
}

.pr-15 {
	padding-right: 15px !important;
}

.p-20 {
	padding: 20px !important;
}

.py-20 {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}

.px-20 {
	padding-left: 20px !important;
	padding-right: 20px !important;
}

.pt-20 {
	padding-top: 20px !important;
}

.pb-20 {
	padding-bottom: 20px !important;
}

.pl-20 {
	padding-left: 20px !important;
}

.pr-20 {
	padding-right: 20px !important;
}

.p-25 {
	padding: 25px !important;
}

.py-25 {
	padding-top: 25px !important;
	padding-bottom: 25px !important;
}

.px-25 {
	padding-left: 25px !important;
	padding-right: 25px !important;
}

.pt-25 {
	padding-top: 25px !important;
}

.pb-25 {
	padding-bottom: 25px !important;
}

.pl-25 {
	padding-left: 25px !important;
}

.pr-25 {
	padding-right: 25px !important;
}

/* Form */

.form-control {
	font-family: "Open Sans", Tahoma;
	font-size: 16px;
}

/* Button */

/* === Login / Member / Cart / Checkout / Forum / Informpayment / Onlinepayment / Contactus / Trackcode === */

#formLogin .btn, #formRegister .btn, #formCart .btn, #formCheckout .btn, .divButtonAddTopic .btn {
	font-family: "Open Sans", Tahoma;
	font-size: 16px;
}

/* Cart Card box */

.card-header, .card-footer {
	background-color: transparent;
}

/* CusForm */

#cus-form>.attach_field>.p>input {
	font-size: 16px !important;
}

/*fix facebook likebox chrome*/

@media only screen and (min-width: 993px) and (max-width: 1024px) {
	#side-fblikebox .fb-page.fb_iframe_widget>span {
		max-width: 220px !important;
	}
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
	#side-fblikebox .fb-page.fb_iframe_widget>span {
		max-width: 220px !important;
	}
}

/* Tag Anchor MCE */
.mce-item-anchor {
  display: block;
  position: relative;
  top: -100px;
  visibility: hidden;
}