/* bunker/assets/images/bg */
/* /bunker/assets/css */

body {
	background-image: url(../images/bg/bg-main-bottom.jpg?v=1);
	background-size: contain;
	background-position: bottom;
	background-repeat: no-repeat;
	background-color: var(--bg-main);
}

header {
	background-image: url(../images/bg/bg-header.webp?v=1);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-color: var(--bg-main);
}
body:not(.homepage) .about-us-wrap {
	margin-top: 3rem;
}
.menu-header {
	background: var(--bg-menu);
}
.bg-offcanvas {
	backdrop-filter: unset;
	box-shadow: none !important;
	background: var(--bg-menu) !important;
}
.bg-offcanvas.show {
	background: var(--bg-menu) !important;
}
@media(max-width: 767px) {
.bg-offcanvas {
	background: var(--bg-menu) !important;
}	
}
.running-news.running-news-front, 
.running-news.running-news-back {
  background-color: #170508;
}
.running-news .form-control {
  background-color: var(--bg-transparent);
  border-bottom: none;
}
.running-news i {
	color: var(--color-yellow-main);
	font-weight: bold;
}
.running-news .input-group-text {
	border-bottom: none;
}
.running-news .input-group-text::after {
	color: var(--color-yellow-main);
}

.form-floating .form-control {
	background-color: transparent;
}

.alert-info a,
.alert-warning a,
.alert-danger a,
.alert-primary a {
  color: var(--color-cool-blue);
}

.loggedin .btn-top-deposit-wrap button,
.loggedin .btn-top-withdraw-wrap button,
.loggedin .btn-top-download-wrap button {
	background: linear-gradient(to bottom, #5fcb41 0%,#2f5723 100%);
	border-color: #5fcb41;
	color: var(--color-light-black);
}

.loggedin .btn-top-keluar-wrap button {
	background: linear-gradient(to bottom, #e00201 0%,#7d0402 100%);
	color: var(--color-main) !important;
	border-color: #e00201;	
}

.navbar-nav > .nav-home > .nav-link:focus, .navbar-nav > .nav-home > .nav-link:hover, .navbar-nav > .nav-home > .nav-link.active {
  /*background-color: var(--color-red-main);*/
  background: linear-gradient(to bottom, #e00201 0%,#7d0402 100%);
  color: #fff;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
  color: var(--color-red-main);
}

.input-group-text {
	background-color: #063277;
	color: #a9a9a9;
}

.realtime-latest-dpwd .list-latest-dpwd > .item-latest-dpwd {
	background-color: var(--bg-main-secondary);
}

.card-promotion .expired-promotion {
	color: var(--color-red-main);
}

.sidemenu-wrap .list-group-item.active, 
.sidemenu-wrap .list-group-item.active:hover {
	color: var(--color-main);
	background-color: var(--color-red-main);
	border-color: var(--color-red-main);
}

.sidemenu-wrap .list-group-item-action:hover {
	color: var(--color-main);
	background-color: var(--color-red-hover-main);
	border-color: var(--color-red-hover-main);
}

.subtitle-modalform {
	background-color: var(--color-red-hover-main);
}

.subtitle-modalform h4 {
	color: var(--color-main) !important;
}

#modal-see-bank-business-hour .modal-footer .btn, 
#modal-see-bank-business-hour .modal-footer .btn:focus {
	background: linear-gradient(to bottom, #1e75f6 0%,#0e376b 100%) !important;
	color: var(--color-main) !important;
	border-color: #1e75f6 !important;	
}

#modal-see-bank-business-hour .modal-footer .btn:hover {
	background: linear-gradient(to bottom, #1e75f6 0%,#1e75f6 100%) !important;
	color: var(--color-main) !important;
	border-color: #1e75f6 !important;
}

.card-title.no-hl, #form_selectbank_transfer .card-title {
	background-color: var(--color-red-dark-main) !important;
}

.card-text.no-hl, #form_selectbank_transfer .card-text {
	background-color: var(--bg-main-secondary) !important;
}

#form_selectbank_transfer .card-nav-tabs {
	border-color: var(--color-red-dark-main) !important;
}

#form_selectbank_transfer .card-nav-tabs .nav-link.active:focus, 
#form_selectbank_transfer .card-nav-tabs .nav-link.active:hover, 
#form_selectbank_transfer .card-nav-tabs .nav-link.active {
	background-color: var(--color-red-dark-main);
	border-color: var(--color-red-dark-main);
}

#adminBankTabContent .tab-pane .radio-item > .row {
	border-left: 1px solid var(--color-gray) !important;
}