.financial-report-menu {
  display: flex;
  gap: 10px;
  justify-content: center;
  flex: 0 0 100%;
}
.financial-report-menu a{
  border-radius: 10px;
  background: #F5F5F5;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  padding: 0%;
  flex:0 0 190px;
  padding: 10px 16px;
  color: #9B9B9D;
  border: 1px solid transparent
}
.financial-report-menu a.active, .financial-report-menu a:hover{
  border: 1px solid var(--main-color);
  background: #FFE6D8;
  color: var(--main-color);
  text-decoration: none;
}
.financial-report-menu a > div{
  white-space: nowrap;
}
/*hicochart*/
.hicochart-base{
	width:100%;
	min-height:10px;
	position:relative;
	padding:0 25px !important;
	/*border:1px solid red;*/
}
.hicochart-row-layer{
	/*background-color:green;*/
	padding:20px 0px;

	display:flex;
	justify-content: center;
}
.hicochart-row-line{
	width:100%;
	position: relative;
	min-height:20px;
}
.hicochart-row-number{
	/*width:10%;*/
	/*display: flex;*/
	/*flex-direction: column-reverse;*/
	min-height:20px;
  padding-right: 20px;
}
.hicochart-row-line-line{ 
	height:25px;
	display:flex;
	margin:65px 0px;
}
.hicochart-row-line-line:first-child{
  margin-top: 0;
}
.hicochart-row-line-horizontal {
  position: absolute;
  top: 12px;
  left: 0;
  right: 0;
  bottom: 77px;
  display: flex;
  justify-content: space-between;

}
.hicochart-row-line-horizontal .line-horizontal{
  flex: 0 0 1px;
  height: 100%;
  border-left: 1px dashed #d6d6d6;;
}
.flex-basis-hicochart{
	flex-basis:1100px;
}
.hicochart-row-line-real-line{
	height:1px;
	width:100%;
	/* background-color:#d6d6d6; */
	margin:auto;
  border-bottom: 1px dashed #d6d6d6;
}
.hicochart-row-number-number{

	height:25px;
	margin:65px 0px;
	display: flex;
}
.hicochart-row-number-number:first-child{
  margin-top: 0;
}
.hicochart-row-number-nominal{
	margin-top:auto;
	margin-right:auto;
	margin-bottom:auto;
	margin-left:0px;
	font-size:13px;
}
.hicochart-col-layer{
	/*background-color:purple;*/
	padding:0 0 68px 0px;
	display:flex;
	position:absolute;
	bottom:10px;
	height:100%;
	width:100%;
  
}
.hicochart-col-base{
	width:100%;
	height:100%;
	/*background-color:yellow;*/
	/*border:1px solid red;*/
	position: relative;
	display: flex;
	justify-content:center;
}
.hicochart-column{
	width:60px;
	/*min-height:100px;*/
	/*background-color:cyan;*/
	/*border:1px solid red;*/
	display: flex;
	flex-direction:column;
	margin:0 7px;
}
.hicochart-column-number{
	height:0px;
	/*background-color: red;*/
	position: relative;
}
.hicochart-column-number-nominal{
	width:100%;
	/*background-color: brown;*/
	text-align: center;
	position: absolute;
	top:15px;
	font-size:12px;
}
.hicochart-column-block{
	flex:1;
	/*background-color:pink;*/
	display: flex;
}
.hicochart-column-block-real{
	height:50px;
	width:100%;
	background-image:linear-gradient(to bottom, #29BEFD,#00AEF7);
	/*background-image:linear-gradient(to bottom, #F6F6F6,#F6F6F6);*/
	/* background-image: linear-gradient(to bottom, #c5c5c5,#e4e4e4); */
	z-index:1;
	border-top-right-radius: 10px;
  border-top-left-radius: 10px;
	margin-top:auto;
	position: relative;
	display: flex;
	flex-direction:column;
}
.hicochart-column-block-real:hover{
	height:50px;
	width:100%;
	/*background-image:linear-gradient(to bottom, #29BEFD,#00AEF7);*/
	background-image:linear-gradient(to bottom, #29BEFD,#00AEF7);
	/*background-image:linear-gradient(to bottom, #F6F6F6,#F6F6F6);*/
	z-index:1; 
	margin-top:auto;
	position: relative;
	cursor: pointer;
	display: flex;
	box-shadow:1px 1px 10px rgba(0,0,0,0.2);
}
.hicochart-block-eye{
	position: relative;
}

.hicochart-block-eye div{
	height:15px;
	width:15px;
	border:4px solid white;
	position: relative;
	top:-7px;

	background-color: #FD6B0D;
	border-radius:100%;
	box-shadow:1px 1px 5px rgba(0,0,0,0.3);
	display: none;
}
.hicochart-column-block-real:hover .hicochart-block-eye div{
	height:15px;
	width:15px;
	border:4px solid white;
	position: relative;
	top:-7px;

	background-color: #FD6B0D;
	border-radius:100%;
	box-shadow:1px 1px 5px rgba(0,0,0,0.3);
	display: block;
}
.hicochart-flying-label{
	position: absolute;background-color:white;box-shadow:1px 1px 10px rgba(0,0,0,0.1);z-index:50!important;padding:15px;border-radius:5px;display: none;
}
.title-table-finance{
  margin-bottom: 20px;
}
.title-table-finance h5{
  color: var(--main-color);
  font-size: 24px;

}
.laporan-document-list-container{
  background: #fff;
  padding: 35px ;
}
.report-table thead tr{
  background: #F4F4F4;
}
.report-table td{
  padding: 10px 15px;
  font-size: 14px;
}
.report-table td:first-child{
  width: 40px;
  text-align: center;
}
.report-table td:last-child{
  width: 180px;
}
.report-table thead td{
  font-weight: 600;
}
.btn-doc-download{
  display:  flex;
  color: #fff;
  background:  var(--main-color);
  padding: 5px 10px;
  border-radius: 5px;
  text-align: center;
  position: relative;
  justify-content: center;
}
.btn-doc-download:before{
  background: url('../img/icon/icon-download-white.svg') no-repeat;
  content: '';
  flex: 0 0 20px;
  height: 20px;
  width: 20px;
  display: block;
  margin-right: 10px;
  position: absolute;
  top: 8px;
  left: 8px;

}
.btn-doc-download:hover{
  background: #666;
  text-decoration: none;
  color: #fff;
}
.arrow-page, .arrow-page2{
  display: flex;
  align-items: center;
  font-size: 14px;
}
.arrow-page .prev-page, .arrow-page  .next-page, .arrow-page2 .prev-page2, .arrow-page2  .next-page2{
  cursor: pointer;
  font-size: 0;
  width: 24px;
  flex: 0 0 24px;
  height: 24px;
  display: inline-block;
  border-radius: 3px;
 
  margin-left: 5px;
  background: url(../img/icon/icon-arrow-black.svg) #E1E1E1 no-repeat center center;
  background-size: 10px;
}
.arrow-page  .next-page, .arrow-page2  .next-page2{
  background: url(../img/icon/icon-arrow-black.svg) #E1E1E1 no-repeat center center;
  transform: rotate(180deg);
  background-size: 10px;
}
.arrow-page .prev-page:hover, .arrow-page2 .prev-page2:hover{
  background: url(../img/icon/icon-arrow-white.svg) var(--main-color) no-repeat center center;
  background-size: 10px;
}
.arrow-page  .next-page:hover, .arrow-page2  .next-page2:hover{
  background: url(../img/icon/icon-arrow-white.svg) var(--main-color) no-repeat center center;
  background-size: 10px;
}
.document-counter-show{
  font-size: 14px;
}
.document-counter-show > span{
  color: var(--main-color);
}
.select-custom-container{
  position: relative;

}
.select-custom-container select {
  color: #5a667f;
  width: 180px;  
  padding: 7px 40px 7px 12px;
  width: 100%;
  border: 1px solid #e8eaed;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 1px 3px -2px #9098a9;
  cursor: pointer;
  font-family: inherit;
  font-size: 16px;
  transition: all 150ms ease;
  font-size: 14px;
  margin: 0 0 30px;
}
@media (max-width:1199px){
	.financial-report-menu a{
		font-size: 14px;
	}
}
@media (max-width: 992px){
	.financial-report-menu a{
		flex: 0 0 auto;
	}
	.hicochart-base{
		padding:0  40px !important;
	}
	.hicochart-row-number-nominal{
		white-space: nowrap;
	}
}
@media (max-width: 767px) {
	.hicochart-row-number{
		padding-right: 10px;
	}
	.hicochart-base{
		padding:0 !important;
	}
	.hicochart-row-number-number, .hicochart-row-line-line{
		margin: 30px 0 !important
	}
	.hicochart-row-number-number:first-child,  .hicochart-row-line-line:first-child{
		margin-top: 0 !important;
	}
	.hicochart-column-number-nominal{
		transform: rotate(-90deg);
		font-size: 11px; 	
		top: 20px;
	}
	.hicochart-col-layer{
		padding-bottom: 32px;
	}
	.laporan-document-list-container{
		padding: 20px;
	}
	.hicochart-row-line-horizontal{
		bottom: 43px;
	}
	.financial-report-menu a{
		display: none;
	}
	.financial-report-menu a.active{
		display: block;
	}
	.owl-nav.disabled {
		display: flex !important;
		justify-content: space-between; 
		top: -40px;
    position: absolute;
    left: 0;
    right: 0;
	}
	.owl-nav .owl-next , .owl-nav .owl-prev  { 
		width: 35px;
		height: 35px;
		border-radius: 50%;
		display: inline-flex;
		justify-content: center;
		align-items: center;
		font-size: 0 !important;
		background: #ccc !important;
		line-height: 0	;
	}
	.owl-nav .owl-next span, .owl-nav .owl-prev span{
		display: block;
		width: 10px;
		height: 10px;
		border-top:2px solid #000 ;
		border-right:2px solid #000 ;
		transform: rotate(45deg);
	}
	.owl-nav .owl-prev span{
		transform: rotate(-135deg);
	}
	.title-table-finance{
		flex-direction: column;
		gap: 15px;
	}
	.report-table td:last-child{
		width: 80px;
		text-align: center;
	}
	.btn-doc-download{
		width: 40px;
		height: 40px;
		display: flex;
		justify-self: center;
		align-items: center;	
		margin: 0 auto;
	}
	.btn-doc-download:before{
		position: static;
		margin: 0;
	}
	.btn-doc-download span{
		display: none;
	}
	.document-counter-show{
		display: none;
	}
	.pagigination-container {
		justify-content: center !important;
	}
}