#mapBox {
    display: block;
    width: 100%;
    margin: 0 auto;
}
#mapContainer {
    height: auto;
}
#avg-session-chart {
    height: auto;
}
.chartContainer {
    height: 100% !important;
}
h3, .h3 {
    font-size: 1.3rem !important;
}
.infoText {
    margin-top: -5px;
    margin-right: 10px;
    border-radius: 3px;
    padding: 5px 10px;
    background-color: #57496e;
    color: #ffffff;
}
.ticker {	display: flex; overflow: hidden; }
.ticker__list {
display: -webkit-box;
animation: ticker 25s infinite linear;
}
.ticker__item { margin-right: 20px; color: #57496e; }
.ticker_text { color: #346F3B; }
@keyframes ticker {
100% {	transform: translateX(-100%); }
}
.ticker:hover, .ticker:focus {	animation-play-state: paused; -webkit-animation-play-state: paused; -moz-animation-play-state: paused; -o-animation-play-state: paused; }

/* HEADER */
.table thead th{
    vertical-align: bottom !important;
    padding: 8px 6px !important;
    font-weight: 600;
    font-size: 12px;
    color:#3a3a3a;
    background:#e7f8e4;
}

/* ROW BODY */
.table tbody td{
    padding: 7px 6px !important;
    font-size: 12px;
    vertical-align: middle !important;
}

/* CARD HEADER */
.card-header{
    padding: 10px 14px !important;
    font-size: 13px;
    font-weight: 600;
}

/* RAPIKAN BORDER */
.table td, .table th{
    border-color: #eef1f4 !important;
}

/* WARNA HARGA */
.table td.text-primary,
.table td a{
    color:#346F3B !important;
    font-weight:600;
}

.table-sm td, .table-sm th{ padding:6px 6px !important; font-size:12px }
.card-header{ background:#f3f5f8; font-size:13px; }

/* KECILKAN JARAK ANTAR CARD */
.card{ margin-bottom:14px; }


.chart-scroll-wrapper{ position:relative; overflow:hidden }
.chart-scroll{
    display:flex;
    overflow-x:auto;
    scroll-behavior:smooth;
}
.chart-page{
    min-width:100%;
    flex:0 0 100%;
}
.chart-page .row{ margin:0 }
.chart-page .col-md-4{ padding:8px }
.chart-card{
    min-width: 340px;
    flex: 0 0 auto;
}

/* tombol */
.chart-nav{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    background: #346F3B;
    color: #fff;
    border: none;
    width: 36px;
    height: 60px;
    border-radius: 6px;
    opacity: 0.85;
}
.chart-nav:hover{ opacity:1 }
.chart-nav.prev{ left: 4px }
.chart-nav.next{ right: 4px }