/* FORM LABEL */
#bgscshipping {width:100%;margin:0 auto;padding:0;}

@media screen and (max-width:720px)
{
	#bgscshipping {width:100%;margin:0 auto;padding:0;}

}
/* ==================================================================================================== */


/* FORM */
#bgscformbox {width:100%;margin:0 auto 20px;padding:0;border:1px solid #ddd;text-align:left;}
#bgscformboxtit {margin:0 auto;padding:10px;font-weight:700;font-size:14px;font-family:'Titillium Web', sans-serif;background:#F89921;color:#fff;}

#bgscform {width:100%;margin:0 auto;padding:0;}
#boscform {margin:0 auto;padding:20px;}

#coscform {margin:0 auto;padding:0;}
#scformrow {margin:0 auto 10px;padding:0;}
#scformlabel {width:100%;float:left;padding:0;text-align:left;color:#777;}
#scforminput {width:100%;float:left;padding:0;text-align:left;}
#scforminput input {width:100%;margin:0 auto;padding:5px 0;border:none;border-bottom:2px solid #ccc;font-weight:400;font-size:14px;font-family:'Titillium Web', sans-serif;text-align:left;background:#fff;color:#000;}
#scforminput input:focus {border-bottom:2px solid #F89921;outline:none;}
#scforminput select {width:100%;margin:0 auto;padding:5px 0;border:none;border-bottom:2px solid #ccc;font-weight:400;font-size:14px;font-family:'Titillium Web', sans-serif;text-align:left;background:#fff;color:#000;}
#scforminput select:focus {border-bottom:2px solid #F89921;outline:none;}
@media screen and (max-width: 980px)
{
	#bgscformbox {width:100%;margin:0 auto 20px;padding:0;border:1px solid #ddd;text-align:left;}
	#bgscformboxtit {margin:0 auto;padding:10px;font-weight:700;font-size:14px;font-family:'Titillium Web', sans-serif;background:#F89921;color:#fff;}

	#bgscform {width:100%;margin:0 auto;padding:0;}
	#boscform {margin:0 auto;padding:20px;}

	#coscform {margin:0 auto;padding:0;}
	#scformrow {margin:0 auto 10px;padding:0;}
	#scformlabel {width:100%;float:left;padding:0;text-align:left;color:#777;}
	#scforminput {width:100%;float:left;padding:0;text-align:left;}
	#scforminput input {width:100%;margin:0 auto;padding:5px 0;border:none;border-bottom:2px solid #ccc;font-weight:400;font-size:14px;font-family:'Titillium Web', sans-serif;text-align:left;background:#fff;color:#000;}
	#scforminput input:focus {border-bottom:2px solid #F89921;outline:none;}
	#scforminput select {width:100%;margin:0 auto;padding:5px 0;border:none;border-bottom:2px solid #ccc;font-weight:400;font-size:14px;font-family:'Titillium Web', sans-serif;text-align:left;background:#fff;color:#000;}
	#scforminput select:focus {border-bottom:2px solid #F89921;outline:none;}
}
/* ==================================================================================================== */

/* KURIR */
#bgsccourier {width:100%;margin:0 auto 20px;padding:0;border:1px solid #ddd;background:#f9f9f9;}
#bosccourier {margin:0 auto;padding:0;text-align:left;}
#bosccouriertit {margin:0 auto;padding:10px;font-weight:700;font-size:14px;font-family:'Titillium Web', sans-serif;background:#F89921;color:#fff;}
@media screen and (max-width:990px)
{
	#bgsccourier {width:100%;margin:0 auto 20px;padding:0;border:1px solid #ddd;background:#f9f9f9;}
	#bosccourier {margin:0 auto;padding:0;text-align:left;}
	#bosccouriertit {margin:0 auto;padding:10px;font-weight:700;font-size:14px;font-family:'Titillium Web', sans-serif;background:#F89921;color:#fff;}
}

/* KUPON */
#bgcoupon {margin:0 auto;padding:20px;background:#f9f9f9;}
#couponbox {margin:0 auto;padding:0;}
#couponboxleft {width:69%;float:left;margin:0 1% 0 0;padding:0;}
.coupontex {width:100%;margin:0 auto;padding:5px 8px;border:1px solid #F5C2C7;font:normal 14px 'Titillium Web', sans-serif;text-align:left;background:#F8D7DA;border-radius:2px;color:#666;box-sizing:border-box;}
.couponfom input {width:100%;margin:0 auto;padding:5px 8px;border:1px solid #ddd;font:normal 14px 'Titillium Web', sans-serif;text-align:left;background:#fff;border-radius:2px;color:#666;box-sizing:border-box;text-transform:uppercase;}
.couponfom input:focus {border:1px solid #aaa;outline:none;}
#couponboxrite {width:30%;float:left;margin:0 auto;padding:0;}
.couponbtn {margin:0 auto;padding:0;}

#couponcodebox {margin:10px auto 0;padding:10px;background:#fff;text-align:left;}
.couponcodeboxtit {margin:0 auto;padding:0;font:normal 16px 'Titillium Web', sans-serif;color:#F89921;}
.couponcodeboxdes {margin:0 auto;padding:0;color:#444;}
@media screen and (max-width:980px)
{
	#bgcoupon {margin:0 auto;padding:20px;background:#f9f9f9;}
	#couponbox {margin:0 auto;padding:0;}
	#couponboxleft {width:69%;float:left;margin:0 1% 0 0;padding:0;}
	.coupontex {width:100%;margin:0 auto;padding:5px 8px;border:1px solid #F5C2C7;font:normal 14px 'Titillium Web', sans-serif;text-align:left;background:#F8D7DA;border-radius:2px;color:#666;box-sizing:border-box;}
	.couponfom input {width:100%;margin:0 auto;padding:5px 8px;border:1px solid #ddd;font:normal 14px 'Titillium Web', sans-serif;text-align:left;background:#fff;border-radius:2px;color:#666;box-sizing:border-box;text-transform:uppercase;}
	.couponfom input:focus {border:1px solid #aaa;outline:none;}
	#couponboxrite {width:30%;float:left;margin:0 auto;padding:0;}
	.couponbtn {margin:0 auto;padding:0;}

	#couponcodebox {margin:10px auto 0;padding:10px;background:#fff;text-align:left;}
	.couponcodeboxtit {margin:0 auto;padding:0;font:normal 16px 'Titillium Web', sans-serif;color:#F89921;}
	.couponcodeboxdes {margin:0 auto;padding:0;color:#444;}
}
/* ==================================================================================================== */



/* FORM DASHBOARD */
#gformcontain {width:100%;margin:0;padding:0;}
#gformrow {margin-bottom:5px;padding-bottom:5px;border-bottom:1px solid #eee;}

#gformlabeli {width:30%;float:left;padding:0 10px;text-align:left;font:14px 'Titillium Web', sans-serif;color:#231F20;box-sizing:border-box;}
#gformlabele {width:30%;float:left;padding:0 10px;text-align:left;font:14px 'Titillium Web', sans-serif;color:#231F20;box-sizing:border-box;}
#gforminput {width:70%;float:right;padding:5px 8px;text-align:left;font:14px 'Titillium Web', sans-serif;color:#231F20;border:1px solid #ddd;border-radius:3px;box-sizing:border-box;background:#f9f9f9;}
#gformedit {width:70%;float:right;}

#gformedit .gform {width:100%;padding:5px 8px;text-align:left;font:14px 'Titillium Web', sans-serif;color:#231F20;border:1px solid #ddd;border-radius:3px;box-sizing:border-box;}
#gformedit .gform:focus {border:1px solid #F89921;outline:none;}

#gformedit select {width:100%;padding:5px;text-align:left;font:14px 'Titillium Web', sans-serif;color:#231F20;border:1px solid #ddd;border-radius:3px;box-sizing:border-box;}
#gformedit select:focus {border:1px solid #F89921;outline:none;}

#gformedit .gformauto {width:auto;padding:5px 8px;text-align:left;font:14px 'Titillium Web', sans-serif;color:#231F20;border:1px solid #ddd;border-radius:3px;box-sizing:border-box;}
#gformedit .gformauto:focus {border:1px solid #F89921;outline:none;}

#gformedit img {width:20%;height:auto;}
@media screen and (max-width: 980px)
{
	#gformcontain {width:100%;margin:0;padding:0;}
	#gformrow {margin-bottom:5px;padding-bottom:5px;border-bottom:1px solid #eee;}

	#gformlabeli {width:100%;float:left;padding:0;text-align:left;font:14px 'Titillium Web', sans-serif;color:#231F20;box-sizing:border-box;}
	#gformlabele {width:100%;float:left;padding:0;text-align:left;font:14px 'Titillium Web', sans-serif;color:#231F20;box-sizing:border-box;}
	#gforminput {width:100%;float:right;padding:5px 8px;text-align:left;font:14px 'Titillium Web', sans-serif;color:#231F20;border:1px solid #ddd;border-radius:3px;box-sizing:border-box;background:#f9f9f9;}
	#gformedit {width:100%;float:right;}

	#gformedit .gform {width:100%;padding:8px 10px;text-align:left;font:14px 'Titillium Web', sans-serif;color:#231F20;border:1px solid #ddd;border-radius:3px;box-sizing:border-box;}
	#gformedit .gform:focus {border:1px solid #F89921;outline:none;}

	#gformedit select {width:100%;padding:8px;text-align:left;font:14px 'Titillium Web', sans-serif;color:#231F20;border:1px solid #ddd;border-radius:3px;box-sizing:border-box;}
	#gformedit select:focus {border:1px solid #F89921;outline:none;}

	#gformedit .gformauto {width:auto;padding:8px 10px;text-align:left;font:14px 'Titillium Web', sans-serif;color:#231F20;border:1px solid #ddd;border-radius:3px;box-sizing:border-box;}
	#gformedit .gformauto:focus {border:1px solid #F89921;outline:none;}

	#gformedit img {width:20%;height:auto;}
}
/* ==================================================================================================== */