/* Carousel base class */

.carousel {

  height: auto;

  margin-bottom: 20px;

}

/* Since positioning the image, we need to help out the caption */

.carousel-caption {

  z-index: 10;

}



/* Declare heights because of positioning of img element */

.carousel .item {

    min-height: 275px;

    background-color: unset !important;

}

.carousel-inner > .item > img {

    position: absolute;

    top: 0;

    left: 0;

    min-width: 100%;

    height: auto;

}

.carousel-control {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    width: 15%;

    font-size: 20px;

    color: #fff;

    text-align: center;

    text-shadow: unset !important;

    background-color: unset !important;

    filter: alpha(opacity=50);

    opacity: .5;

}

.carousel-inner {

    position: relative;

    width: 100%;

    overflow: hidden;

    height: auto !important;

}

.carousel-indicators {

    position: absolute;

    bottom: 20px;

    left: 50%;

    z-index: 15;

    width: 60%;

    padding-left: 0;

    margin-left: -30%;

    text-align: center;

    list-style: none;

}

.carousel-control.left {

    background-image: none !important;

    background-repeat: no-repeat !important;

}

.carousel-control.right {

    right: 0;

    left: auto;

    background-image: none !important;

    background-repeat: no-repeat !important;

}



/* TAG */

.agungtag {

    margin: 0;

    padding: 0;

    list-style: none;

}

.agungtag > li {

    margin-right: 5px;

    display: inline-block;

    vertical-align: middle;

	margin-bottom: 5px;

}

.agungtag > li a {

    background: #F7EAC7;

    display: table-cell;

    vertical-align: middle;

    height: 25px;

    padding: 0 10px;

    color: #000;

    font-size: 14px;

    font-weight: 600;

    line-height: normal;

    border-radius: 5px;

	text-decoration: none;

}

.agungtag > li a:hover {

    background: #ff0000;

    color: #fff;

}

.agung-video-container {

	position: relative;

	padding-bottom: 56.25%;

	padding-top: 30px;

	height: 0;

	overflow: hidden;

	margin-bottom: 10px;

}



/* VIDEO */

.agung-video-container iframe, .agung-video-container object, .agung-video-container embed {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}





.content-artikel-produk {

    overflow-wrap: anywhere;

}

.content-artikel-produk img {

    max-width: 100% !important;

    height: auto !important;

}

.content-artikel-produk table {

    width: 100% !important;

}

.loading {
	display:none;
}
.frm, .frm2 {
	z-index:50;
	position:absolute;
	left: -400px;
	width:400px;
	background:#EEEEEE;
	display:none;
}
.frm {
	top: 0px;
}
.frm2 {
	top: -12px;
}
#kotak_perbaikan {
	display:none;
}

.treeMenu {
	cursor: pointer;
}
.ul-tree {
	list-style-type: none;
	padding-left: 2em;
}
.ul-tree > li {
    position: relative;
}
.ul-tree > li .icon-li {
    text-align: center;
    line-height: inherit;
    margin-right: 10px;
}
.ul-tree > li a {
	text-decoration: none;
}
.ul-tree > li a:hover {
	color: #aa0000;
}
.anakTreeMenu {
  display: none;
}

.activetree {
  display: block;
}



/* Box autocomplete */
#suggesstion-box {
    position: relative;
	z-index: 9999999999;
}
#suggesstion {
    list-style: none;
    padding: 0;
    width: 100%;
    position: absolute;
    margin: 0;
    max-height: 300px;
    overflow-y: auto;
}
#suggesstion::-webkit-scrollbar {
	width: 0px;
	background: transparent;
}
#suggesstion li {
    background: #3b7ddd;
    border-bottom: 1px solid #fff;
    color: #fff;
    padding: 5px 5px 5px 10px;
    width: auto;
}