.ui-widget.ui-menu.ui-autocomplete {
	z-index: +9999;
	max-height: calc(100vh / 2.5);
	overflow: auto;
}

.ui-widget.ui-menu.ui-autocomplete .ui-menu-item > div{
	padding:5px 10px;
	text-align: left;
	font-size: 1rem;
}

.card_evisa {
	position: relative;
	border: 1px solid #ddd;
	border-radius: 6px;
	padding: 30px;
}

.card_evisa {
	position: relative;
	border: 1px solid #ddd;
	border-radius: 6px;
	padding: 24px;
}

.card_evisa:hover{
	color: white;
	background-color: var(--color-biru-tua);
}

.card_evisa:hover .title{
	display: none;
}

.card_evisa:hover .desc, .card_evisa:hover .desc_2{
	-webkit-line-clamp: 7;
	line-clamp: 7;
}

.card_evisa label{
	position: absolute;
	inset: 0;
	z-index: 15;
}

.item.active > .card_evisa{
	border-color: var(--color-biru-tua);
	background-size: contain;
	background-repeat: no-repeat;
	background-color: #f8f9fa;
}

.item.active > .card_evisa:hover{
	color: white;
	background-color: var(--color-biru-tua);
}

.row_evisa > .item.disabled {
	opacity: 0.5;
	pointer-events: none;
}

.row-produk-visa{
	margin:0;
}
.row-produk-visa > .item{
	border:1px solid #ddd;
	margin:-1px 0 0 -1px;
	padding:30px;
	position: relative;
	height: 250px;
}
.row-produk-visa > .item:hover{
	background: var(--color-biru-tua);
	color:#fff;
}
.row-produk-visa > .item.active{
	border-color: var(--color-biru-tua);
	z-index: 10;
}
.row-produk-visa label{
	position: absolute;
	inset:0;
}
.row-produk-visa > .item.disabled{
	opacity: 0.5;
	pointer-events: none;
}
.produk-visa-input input{
	display: none;
}
.produk-visa-input .compare-title{
	font-weight: bold;
	display: flex;
	/* align-items: center; */
	gap: 10px;
}
.produk-visa-input .compare-title:before{
	content: "\f272";
	font-family: "bootstrap-icons";
	width: 24px;
	height: 24px;
	text-align: center;
	border:1px solid #aaa;
	color:transparent;
}
.produk-visa-input input:checked~.compare-title:before{
	background: var(--color-biru-tua);
	color:#fff;
	border-color: transparent;
}
.produk-visa-input:hover input:checked~.compare-title:before{
	background: #fff;
	color:var(--color-biru-tua);
}
.table-compare thead td{
	background: var(--color-biru-tua);
	color:#fff;
	vertical-align: top;
	border-color:transparent;
}
.table-compare thead td span{
	background: none!important;
}
.produk-visa-content{
	display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.row-produk-visa .item.has-desc:hover .produk-visa-content .title{
	display: none;
}
.row-produk-visa .item.has-desc:hove .produk-visa-content .desc{
	-webkit-line-clamp: 8;
}

.page-item.active .page-link {
    background-color: #2B3A51 !important;
    border: 1px solid #dee2e6;
}
@media (max-width:768px){
	.breadcrumbs{
		position: relative;
	}
	.breadcrumbs:after{
		content: "\f229";
		font-family: bootstrap-icons !important;
		position: absolute;
		top:85px;
		background: var(--color-biru-muda);
		color:#fff;
		right:0;
		width: 35px;
		height: 35px;
		display: inline-block;
		text-align: center;
		line-height: 35px;
		font-size: .75rem;
		z-index: 10;
	}
	.breadcrumbs ol{
		flex-wrap: nowrap;
		width: calc(100% - 110px);
	}
	.breadcrumbs ol > li:not(:first-child){
		width: 30%;
	}
	.breadcrumbs ol > li:last-child{
		width: 100%;
	}
	.breadcrumbs ol > li:first-child a{
		position: relative;
		width: 20px;
	}
	.breadcrumbs ol > li:first-child a:before{
		content: "\f424";
		width: 20px;
		height: 20px;
		margin-right:6px;
		text-align: center;
		display: inline-block;
		font-family: bootstrap-icons !important;
	}
	.breadcrumb-item a{
	    font-size: 0.75rem !important;
	    width: 100%;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    transition: none!important;
	}
	.breadcrumbs:hover:after{
		display: none;
	}
	.breadcrumbs:hover ol{
		flex-direction: column;
	}
	.breadcrumbs:hover ol li,
	.breadcrumbs:hover ol li a{
		width: 100%!important;
	}

}