.carousel {  
	margin: auto !important;
}

.carousel-inner, .carousel-item > img{
  width: 100% !important;
  height: auto !important;
}

.label-bekas{
	z-index: 99 !important;
	top: -15px;
	right: 15px;
	background-color: #38e27f !important;
}

img.img-gambar{
	width: 100% !important;
	height: 210px !important;
}

.bg-katalog-premium{width:auto;overflow:hidden;}

.bg-katalog-premium img.img-gambar{width:auto;-webkit-transition:.6s;-moz-transition:.6s;-ms-transition:.6s;-o-transition:.6s;transition:.6s}
.bg-katalog-premium:hover img.img-gambar{webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15)}


@media screen and (max-width: 320px) and (min-width: 480px) {

	.container{
		width: 100% !important;
	}

	label.supplierGratis{
	margin-top:6px !important;
	font-weight:600;
	font-size: 8px;
	}
	.fa-star-gratis{
		font-size: 12px !important;
	}
	.view-eye-gratis{
		font-size: 12px;
	}

}

@media screen and (max-width: 481px ) and (min-width: 768px) {

	.container{
		width: 100% !important;
	}
	label.supplierGratis{
	margin-top:6px !important;
	font-weight:600;
	font-size: 8px;
	}
	.fa-star-gratis{
		font-size: 12px !important;
	}
	.view-eye-gratis{
		font-size: 12px;
	}

}

@media screen and (min-width: 1024px) {

	.container{
		width: 85% !important;
	}

}
.header{
	box-shadow: 0px 8px 5px -3px #f3f3f3;
}
.navbar{
	padding: 0 !important;
}
.text-small{
	font-size: 13px !important;
}
.bg-hijau{
	background-color: #185296 !important;
}
.bg-biru{
	background-color: #314ffb !important;
}
.bg-kuning{
	background-color: #0088cc !important;
}
.bg-abu{
	background-color:#f0f0f0 !important;
}
.bdr-radius{
	border-radius: 15px !important;
}
.bdr-radius-top{
	border-top-left-radius: 15px !important;
	border-top-right-radius: 15px !important;
}
.btn-abu{
	background-color:#f0f0f0 !important;
}
.btn-biru{
	background-color:#314df9 !important;
}
.bg-katalog-blog{
	background-color: transparent !important;
	-webkit-transition: 0.4s ease;
  	transition: 0.4s ease;
  	border: solid 2px #f2f2f2 !important;
}
.bg-katalog-blog:hover {
  cursor: hand;
}
.bg-katalog-premium{
	background-color: transparent !important;
	-webkit-transition: 0.4s ease;
  	/*transition: 0.4s ease;*/
  	border: solid 2px #f5f5f5 !important;
}
.bg-katalog-premium:hover {
  /*-webkit-transform: scale(1.09);*/
  /*transform: scale(1.09);*/
  border: solid 2px #f2f2f2 !important;
}
.bg-katalog-gratis{
	background-color: transparent !important;
	-webkit-transition: 0.4s ease;
  	transition: 0.4s ease;
}
.bg-katalog-gratis:hover{
	-webkit-transform: scale(1.09);
  	transform: scale(1.09);
  	border: solid 2px #f2f2f2 !important;
}
.verSuplier{
	border:2px solid #539e43 !important;
	font-weight:500;
	padding:0 3px;
}
.bulletHijau{
	background-color: #539e43 !important;
	border-radius:50%;
	padding:5px;
}
.text-hijau{
	color:#539e43 !important;
}
.text-kuning{
	color: #feb642 !important;
}
.text-biru{
	color:#314df9 !important;
}

div.scrol {
    height: 280px;
    color: #ccc !important;
}
.input-group-text {
  padding: 0.375rem 1.75rem !important;
  background-color:#314ffb !important;
  color:white !important;
}
label.supplier {
  margin-top: 6px !important;
  font-weight: 600;
  font-size: 8px;
  margin-left: 1px;
}
.fa-circle-check{
	color:#549e44 !important;
}
.checkedStar{
  color: orange;
}
.fa-star-premium{
	font-size: 10px !important;
}
.view-eye-premium{
	font-size: 10px;
	margin-left: 5px;
}

.verSuplierGratis{
	border:2px solid #539e43 !important;
	font-weight:500;
	padding:0 3px;
}
.fa-df-premium{
	font-size: 18px !important;	
}
.fa-df{
	font-size: 14px;	
}
label.supplierGratis{
	margin-top:6px !important;
	font-weight:600;
	font-size: 8px;
}
.fa-star-gratis{
	font-size: 10px !important;
}
.view-eye-gratis{
	font-size: 10px;
}
.garis-pembatas{
	width: 98% !important;
	margin: auto;
	border:1.5px solid #888 !important;
}
.rounded-service{
	border-radius: 20px !important;
}
.service{
	background-color: #000 !important;
}

div.verSuplier > .fa-circle-premium{
	font-size: 2em !important;
}

.profile-jumbotron{
	border:2px solid #e1e1e1;
	box-shadow: 0px 10px 5px -5px #f3f3f3;
}
.fa-crown-size{
	font-size: 19px !important;
	color:#feb642;
}

.text-crown{
	font-size: 14px;
}
.text-time{
	font-size: 14px;
}
.text-clock{
	color:#555;
}
.fa-clock-size{
	font-size: 19px !important;
	color:#555;
}
.nav-pills .nav-link {
  background: #f0f0f0 !important;
  margin:0 3px;
}

.nav-pills .nav-link.active{
	background-color: #818181 !important;
}
img.img-table{
	width:90px;
}
select.select-satuan{
	background-color:#f0f0f0;
	width:50%;
}
button.btn-member{
	min-width:60px;
	font-size:11px;
}
.mb-10{
	margin-bottom:70px !important;
}
input.harga{
	width:110px;
}
.img-edit{
	bottom:0;
	left:20%;
	font-size:10px;
}

.btn-facebook{
	background-color:#12445d;
	border:1px solid #e31e27 !important;
}
.btn-google{
	background-color:#e31e27;
}
.btn-facebook:hover{
	background-color:#12445d;
	border:1px solid #e31e27 !important;
}
.btn-google:hover{
	background-color:#e31e27;
}
.garis-samping{
	border-right:2px solid #ddd !important;
}

.form-control.login-daftar, .form-select.login-daftar {
  padding-left: 40px !important;
  padding-right: 33px !important;
  padding-top: 3px !important;
  padding-bottom: 4px !important;
}

.icon-input {
  position: absolute !important;
  left: 13px;
  top: 7px;
  color: #777;
  z-index: 99;
}

.icon-input-pass {
  position: absolute !important;
  right: 12px;
  top: 7px;
  color: #777;
  z-index: 99;
}

.ingat-saya{
	font-size:12px;
	font-weight:700;
}
.lupa-password{
	font-size:12px;
	font-weight:700;
}
.label-login{
	font-size:14px;
}
.label-premium-upload{
	font-size:14px;
	cursor: pointer;
	text-align:center;
}
#map-canvas {
  margin: 0;
  padding: 0;
  height: 100%;
}

.image-premium{
	width:160px;
	left:-10px;
	display: grid;
}
.image-premium > img{
	width: 100%;
	margin-top: -36px;
	margin-left: -20px;
	z-index: 98;
	position: relative;
}
.img-fluid{
	width:100% !important;
}

.text-our{
	font-size: 50px !important;
}


.table-radius{
    border-top-right-radius: 15px !important;
    border-top-left-radius: 15px !important;
}


#radioBtn .notActive{
    color: #3276b1 !important;
    background-color: #fff !important;
}


.label-premium-upload.active{
  background-color: #0088cc !important;
  color:#fff !important;
}


.foto{
	width: 100% !important;
	border:3px solid #0088cc !important;
}

.btn-updateprofile{
	padding: 15px 60px !important;
}

.icon-pass{
	top: 40px;
	right: 25px;
}

.icon-pass-member{
	top: 10px;
	right: 25px;
}



.pagination {
  width: 100%;
  margin: 10px 0px;
}
.pagination > li > a,
.pagination > li > span {
  margin-left: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color:#fff;;
  background-color: #0e2cd8 !important;
  padding: 5px 10px;
  text-decoration: none;

}
.pagination > li > a:hover,
.pagination > li > span:hover {
  color:#fff;
  background-color: #0004b0 !important;
}
.pagination > li.active > a,
.pagination > li.active > a:hover {
  	background-color: #0004b0 !important;
	color: #FFF;
	border-color: #0088cc;
}
.pagination.pagination-sm {
  margin: 0px;
  width: auto;
}
.pagination.pagination-sm.push-down-20 {
  margin-bottom: 20px;
}
.pagination.pagination-sm.push-up-20 {
  margin-top: 20px;
}

.text-usaha{
	font-size: 14px !important;
}


.view-img{
	height: 400px !important;
}



.carousel-indicators.details [data-bs-target]{
width: 110px !important;
}


.carousel-inner.details {
  margin-top: 40px;
  top: -40px;
  left:0px;
}


.slider{
  /*margin-left: -355px !important;*/
  width: 100%;
}

.carousel-indicators.details{
	margin-left: 0% !important;
}

.kotak-kontak-suplier{
  border: 1px solid #ccc !important;;
}

.star-detail{
	margin-top:-10px !important;
}
/*iframe{
 pointer-events: none;  Disable any user interaction at all 
}*/


.call-buy{
	font-size: 12px !important;
}

/*
.carousel.carousel-thumbs-top {
  padding-top: 60px;
}

.carousel.carousel-thumbs-top .carousel-indicators {
  top: 0;
  bottom: auto;
}

.carousel .carousel-indicators button {
  width: 100px !important;
}*/

.maps{
	width: 100%;
	height:250px;
}



[data-star-rating] {
  display: inline !important;
}


.label-start{
	font-size: 7px !important;
}


.carousel-indicators.view {
  bottom: -112px !important;
  left: 0;
  z-index: 2;
  padding: 0;
  list-style: none;
  display: block ruby;
}


p.judul-link{
	font-size: 13px !important;
	max-height:100px !important;
	color:#111 !important;
}

p.judul-link>a{
	color:#111 !important;
}

p.kategori-link-blog{
	font-size: 10px !important;
	max-height:100px !important;
	color:#111 !important;
	font-weight: 600;
}

p.judul-link-blog{
	font-size: 15px !important;
	max-height:100px !important;
	color:#111 !important;
	font-weight: 600;
}

p.judul-link-blog>a{
	color:#111 !important;
}

p.judul-link-blog>a:hover{
	color: #277dfd !important;
}

p.kategori-link-blog + p{
	font-size: 13px !important;
	max-height:100px !important;
	color:#111 !important;
}


div.kotak-link{
	height:75px !important;
}

div.kotak-link-blog{
	height:140px !important;
}

p.text-usaha{
	font-size: 16px !important;
}

.kotak-deskripsi{
	margin-top:100px !important;
}


.kotak-img-besar{
	border: 2px solid #f4f4f4 !important;
}

.text-login-google{
	font-size: 14px !important;
}
.text-login-google:hover{
	color:#fff !important;
}


label.supplierSearch{
	margin-top:5px !important;
	font-weight:600;
	font-size: 8px;
}


div.label-search{
	font-size: 11px !important;
}


.navbar-brand{
	width: 100px;
	margin: 7px 0;
}

.navbar-brand img{
	width: 100%;
}

/*.table-permintaan tbody{
	width: 100%;
    position: absolute;
    height: 250px;
    overflow-y: scroll;
}*/


table.table-permintaan thead{
	width: 98.3% !important;
	border-top-right-radius: 18px !important;
}

table.table-permintaan tbody{
    display:block;
    height:250px;
    overflow:auto;
}
table.table-permintaan thead, table.table-permintaan tbody tr {
    display:table;
    width:100%;
    table-layout:fixed;
}

/*DROPDOWN MENU*/
/* ============ desktop view ============ */
.navbar-nav{
	font-size: 13px !important;
}
.dropdown-menu{
	font-size: 13px !important;
	--bs-dropdown-link-hover-bg: none !important;
}
.dropdown-menu.show{
	font-size: 13px !important;
	padding:0 3px !important;
	margin-top: 16px !important;
}
.dropdown-menu li{
	padding:5px 0 !important;
}
.navbar-nav .nav-item{
	margin:0 7px !important;
}
.submenu > .dropdown-item::after{

}
.dropdown-next::after{
	font-family: "Font Awesome 5 Free"; 
	font-weight: 600;
    content: "\f0da"; 
    float: right;
}
@media all and (min-width: 992px) {
	.dropdown-menu li{ position: relative; 	}
	.nav-item .submenu{ 
		display: none;
		position: absolute;
		left:100%; top:-7px;
	}
	.nav-item .submenu-left{ 
		right:100%; left:auto;
	}
	.dropdown-menu > li:hover{ background-color: #f1f1f1 }
	.dropdown-menu > li:hover > .submenu{ display: block; }
}	
/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 991px) {
  .dropdown-menu .dropdown-menu{
      margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
  }
}	
/* ============ small devices .end// ============ */
.text-abu{
	color: #a8a8a8 !important;
}
.text-footer{
	font-size: 13px !important;
}
.copyright-border{
	border-top: 1px solid #494949 !important;
}

.copywrite-text{
	color: #757575 !important;
}

.img-blogs{
	height: 205px !important;
}


.img-thumb{
	padding: 0 !important;
	border: 0 !important;
}

.thumbnail-induk{
	margin-top:-30px;
}


.shipping-induk{

}

.shipping{
	top: -8px;
	position: relative;
	left: 7px;
	font-size: 18px;
}


input.pencarian{
	padding:2px 5px !important;
	font-size: 14px !important;
}

.btn-pencarian{
  padding: 2.3px 10px !important;
  font-size: 14px !important;
}