
/*PADDING*/
	.p-0{padding: 0}
	.p-1{padding: 5px;}
	.p-2{padding: 10px;}
	.p-3{padding: 15px;}

	.pt-1{padding-top: 5px;}
	.pt-2{padding-top: 10px}
	.pt-3{padding-top: 15px;}
	.pt-5{padding-top: 25px;}
	.pt-7{padding-top: 35px}

	.pl-1{padding-left: 5px}
	.pl-2{padding-left: 10px}
	.pl-3{padding-left: 15px}

	.pr-1{padding-right: 5px}
	.pr-2{padding-right: 10px}
	.pr-3{padding-right: 15px}
	.pr-5{padding-right: 25px}

	.pb-1{padding-bottom: 5px}
	.pb-2{padding-bottom: 10px}
	.pb-3{padding-bottom: 15px}
	.pb-5{padding-bottom: 25px}
	.pb-7{padding-bottom: 35px}
/*MARGIN*/
	.m-0{margin: 0;}
	.mb-1{margin-bottom: 5px;}
	.mb-2{margin-bottom: 10px;}
	.mb-3{margin-bottom: 15px;}
	.mb-4{margin-bottom: 20px;}

	.mt-0{margin-top: 0px}
	.mt-1{margin-top: 5px}
	.mt-2{margin-top: 10px}
	.mt-3{margin-top: 15px}
	.mt-5{margin-top: 25px}
	.mt-6{margin-top: 30px}

	.ml-1{margin-left: 5px;}
	.ml-3{margin-left: 15px;}
	.mr-2{margin-right: 10px;}
	.mr-3{margin-right: 15px;}

/*body{background: red;}*/
.baris::after{content:"";clear:both;display:table}
.clear{clear: both;}
.kolom-1,.kolom-md-1 {width: 8.33%;}
.kolom-2,.kolom-md-2 {width: 16.66%;}
.kolom-3,.kolom-md-3 {width: 25%;}
.kolom-4,.kolom-md-4 {width: 33.33%;}
.kolom-5,.kolom-md-5 {width: 41.66%;}
.kolom-6,.kolom-md-6 {width: 50%;}
.kolom-7,.kolom-md-7 {width: 58.33%;}
.kolom-8,.kolom-md-8,.xol-md-8 {width: 66.66%;}
.kolom-9,.kolom-md-9,.xol-md-9 {width: 75%;}
.kolom-10,.kolom-md-10 {width: 83.33%;}
.kolom-11,.kolom-md-11 {width: 91.66%;}
.kolom-12,.kolom-md-12 {width: 100%;}
.kolom-20{width: 20%;}
.kolom-35{width: 35%;}
.kolom-32\/5{width: 32.5%;}
.kolom-30{width: 30%;}
.kolom-15{width: 15%;}
.baris [class*="kolom-"] {
	float: left;
}

.full{width: 100%;}
/*ALIGN*/
	.text-center{text-align: center;}
	.text-right{text-align: right;}
	.text-left{text-align: left;}
	.text-justify{text-align: justify;}

/*POSITION*/

	.absolute{position: absolute;}
	.fixed{position: fixed;}
	.relative{position: relative;}

	.poskanan{right: 0;}
	.poskiri{left: 0;}
	.posatas{top: 0;}
	.posbawah{bottom: 0;}

	.poskiri-1{left: 5px;}
	.posbawah-1{bottom: 5px;}
	.posatas-1{top: 5px;}

	.poskiri-3{left: 15px;}
	.posbawah-3{bottom: 15px;}
	.posatas-3{top: 15px;}

	.z-2{z-index: 2;}


/*FLOAT*/

	.kanan{float: right;}
	.kiri{float: left;}

/*FONT SIZE*/

	.f-0-5{font-size: 10px;}
	.f-1{font-size: 12px;}
	.f-2{font-size: 14px;}
	.f-3{font-size: 16px;}
	.f-4{font-size: 18px;}
	.f-6{font-size: 22px;}
	.f-8{font-size: 26px;}

/*GAMBAR*/
	.gpenuh img{width: 100%;}

.table-sumber{width: 100%;
  border-collapse: collapse;
}
.table-sumber tr td,.table-sumber tr th{
	border: 1px solid;
	padding: 5px;
}
.item-auto {top:3px;z-index: 999;background: #FFFAEC;}
.item-auto div{border-width: 0px 1px 1px 1px;border-style: solid;border-color: #eee;padding: 5px;}
.item-auto div:hover{background: #F4FFC3;cursor: pointer;}
.item-auto div:first-child{border-top: 1px solid #eee;border-radius: 5px 5px 0px 0px;}
.item-auto div:last-child{border-radius: 0px 0px 5px 5px;}
.table-sumber a{text-decoration: none;}
/*RESPONSIVE*/
@media only screen and (max-width:768px){
	.input-full{width: 94%;padding: 15px 3%}
	[class*="kolom-md-"] {
		width: 100%;
	}
	[class*="xol-md-"] {
		width: 100%;
	}
	.container{width: 100%;}
	.non-mobile{display: none;}
}
@media only screen and (min-width:768px){
	.mobile{display: none;}
}
.cursor-pointer{cursor: pointer;}

.text-maroon, .text-maroon a{color: maroon;text-decoration: none;}
.text-green, .text-green a{color: #208620;text-decoration: none;}
.text-orange, .text-orange a{color: #D54E21;text-decoration: none;}
.text-tipis, .text-tipis a{color: #9AA0A5;text-decoration: none;}

.bg-white{background: white;}
.hidden{display: none;}
.inline{display: inline;}
.inline-block{display: inline-block;}
.block{display: block;}
.border-grey{border: 1px solid #ddd;}
.border-grey{border: 1px solid #ddd;}
.border-dotted{border-style: dotted;}
.border-dashed{border-style: dashed;}
.border-2x{border-width: 2px;}
.border-radius{border-radius: 5px;}

.mobile-only{display: none;}
.button-small{line-height: 0.5rem!important;padding: 2px 7px!important;font-size: 0.5rem!important;min-height: 0px!important;}
@media only screen and (max-width:768px){

	.modal-content {
		width: 80%;
	}
	.mobile-only-span{display: inline;}
	.mobile-only{display: block;}
	.mobile-none{display: none;}
	.button, button{padding: 7px 7px!important;font-size: 12px!important;min-height: 12px!important;line-height: 1!important;width: 100%;}
}



.card-suggest-product{
	background: #202124;
	color:#fff;
	border: 1px solid #5d5f63;
	text-decoration: none;
	font-size: 0.8rem;
}