:root {
	--primary-color: #cd2027;
	--primary-hover-color: #457189;
	--sidebar-width: 17rem;
}

.bg-primary {
	background-color: var(--primary-color) !important;
}

.text-primary {
	color: var(--primary-color) !important;
}

.btn-primary {
	background-color: var(--primary-color) !important;
	border-color: var(--primary-color) !important;
}

.btn-primary:hover {
	background-color: var(--primary-hover-color) !important;
	border-color: var(--primary-hover-color) !important;
}

.btn-outline-primary {
	background: none;
	border-color: var(--primary-color);
	color: var(--primary-color);
}

.btn-outline-primary:hover {
	background-color: var(--primary-color) !important;
	border-color: var(--primary-color) !important;
	color: #fff;
}

.navbar-brand {
	min-height: 55px;
}

.nav-link {
	transition: 0.1s;
}

.nav-link:hover {
	font-weight: bold;
	color: var(--primary-color);
}

.nav-link.dropdown-toggle:hover {
	color: var(--primary-color);
}

.sidebar {
	border: none;
	box-shadow: none !important;
}

#sidebar-menu .nav-item {
	width: 100%;
	align-items: flex-start;
}

#sidebar-menu .nav-link {
	border-radius: 5px;
	width: 100%;
	display: flex;
	justify-content: flex-start;
}

#sidebar-menu .nav-link.dropdown-toggle:after {
	margin-left: auto;
}

#sidebar-menu .nav-link.active {
	background: var(--primary-color);
	color: #fff;
}

#sidebar-menu .dropdown-item {
	padding-left: 3.5rem;
	border-radius: 10px;
}

#sidebar-menu .dropdown-item.active {
	color: var(--primary-color);
	font-weight: bold;
	background: none;
}

#sidebar-menu .dropdown-menu {
	position: relative;
	width: calc(100% - 20px);
	background: none;
	box-shadow: none;
	border: none;
	border-left: 1px dashed #fff3;
	margin-left: 20px !important;
}

#sidebar-menu .dropdown-menu .dropdown-item {
	color: rgba(48, 48, 48, 0.667);
	padding: 8px 15px 8px 25px;
	position: relative;
	border-radius: 0;
}

#sidebar-menu .dropdown-menu .dropdown-item:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 15px;
	border-bottom: 1px dashed #fff3;
	transform: translateY(-50%);
}

#sidebar-menu .dropdown-menu .dropdown-item {
	transition: 0.1s;
}

#sidebar-menu .dropdown-menu .dropdown-item:hover,
#sidebar-menu .dropdown-menu .dropdown-item.active {
	color: #cd2027;
	font-weight: bold;
}

.table td {
	font-size: 14px;
	border-color: #f5f5f5;
}

.table thead tr:last-child th {
	border: none !important;
}

.table.no-footer {
	border: none !important;
}

.table .btn {
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}

.note-toolbar.card-header {
	flex-wrap: wrap;
}

.bg-transparent-white {
	background: #fff1;
}

/* DATATABLE CUSTOM */
.dataTables_wrapper .dataTables_paginate .paginate_button {
	padding: 0 !important;
	background: none !important;
	border: none !important;
}

.page-item.active .page-link {
	background: var(--primary-color);
	border-color: var(--primary-color);
}

.form-switch-text {
	position: relative;
	display: flex;
	border-radius: 5px;
	overflow: hidden;
}

.form-switch-text input {
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
	opacity: 0;
}

.form-switch-text .switch-item {
	background: var(--primary-color);
	padding: 5px 10px;
	font-size: 0.8rem;
	color: #fff;
	font-weight: bold;
}

.form-switch-text input.form-check-input~.switch-item-on {
	background: #eee;
	color: #aaa;
}

.form-switch-text input.form-check-input:checked~.switch-item-off {
	background: var(--primary-color);
	color: #fff;
}

.form-switch-text input.form-check-input:checked~.switch-item-on {
	background: var(--primary-color);
	color: #fff;
}

.form-switch-text input.form-check-input:checked~.switch-item-off {
	background: #eee;
	color: #aaa;
}

.form-switch-toggle .form-check-label {
	display: none;
}

.form-switch-toggle .form-check-label.off {
	display: block;
}

.form-switch-toggle .form-check-input:checked~.form-check-label.on {
	display: block;
}

.form-switch-toggle .form-check-input:checked~.form-check-label.off {
	display: none;
}

.sticky-bottom {
	position: sticky;
	position: -webkit-sticky;
	bottom: 0;
}

#navbar {
	transition: 0.3s ease;
	background: #fff;
	box-shadow: 0px 5px 20px -10px #0001;
}

#navbar.float {
	background: #fffa;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}

.text-tetap {
	color: #2ecc71 !important;
}

.text-sementara {
	color: #f1c40f !important;
}

.text_yellow_2 {
	color: #FFC634;
}

.text-na {
	color: #ddd !important;
}

.col-data-low {
	background: #ffd6d2 !important;
}

.col-data-medium {
	background: #fffbe8 !important;
}

.col-data-high {
	background: #c5ffdd !important;
}

.swiper-pagination-bullet-active {
	background: #fff !important;
}

.sidebar-toggler {
	width: 24px;
	height: 24px;
	border: none;
	padding: 0;
	background: none;
}

.sidebar-toggler .sidebar-icon {
	height: 2px;
	background: var(--primary-color);
	display: block;
	border-radius: 100px;
	position: relative;
}

.sidebar-toggler .sidebar-icon:before,
.sidebar-toggler .sidebar-icon:after {
	content: '';
	position: absolute;
	top: -8px;
	right: 0;
	width: 100%;
	height: inherit;
	background: inherit;
	transition: 0.3s ease;
}

.sidebar-toggler .sidebar-icon:after {
	top: 8px;
}

body.sidebar-collapse .sidebar-toggler .sidebar-icon:before,
body.sidebar-collapse .sidebar-toggler .sidebar-icon:after {
	width: 70%;
}

.swal2-confirm {
	background: var(--primary-color) !important;
	border-color: var(--primary-color) !important;
	color: #fff;
}

#sidebar-menu {
	background-color: #f1f5f9 !important;
}

.bg_gray {
	background-color: #f1f5f9 !important;
}

.bg_red {
	background-color: #cd2027;
}

.bg_yellow_2 {
	background-color: #e88f06;
}

.bg_green_gradient {
	background: linear-gradient(140deg, #21fdcf, #cdf36f);
}

.bg_red_2 {
	background-color: #fe0049;
}

.bg_green_2 {
	background-color: #179b48;
}

.bg_slate {
	background-color: #364639;
}

.bg_gradient_green {
	background: linear-gradient(140deg, #8d63ec, #0907fe);
}

.bg_gradient_red {
	background: linear-gradient(11deg, #fe0049, #ffc754);
}

.bg_card_dark {
	color: white;
	background-color: #455A64;
}

.icon_total {
	font-size: 2rem;
}

.login-cover {
	overflow: hidden !important;
}

.tabel_jatuh_tempo_container {
	position: relative;
	max-height: 352px;
	overflow-x: auto !important;
}

/* .tabel_jatuh_tempo_container::-webkit-scrollbar{
  display: none;
} */

.table_group tr:nth-child(2n) {
	background-color: rgba(206, 33, 39, 0.09);
}

/* Text Justify */
.text-justify {
	text-align: justify;
}

/* Card Home */
.card_subtitle {
	color: #455A64;
	text-transform: uppercase;
	margin-bottom: 6px;
}

.card_title {
	font-size: 1.5rem;
	font-weight: bold;
	color: #263238;
	text-transform: uppercase;
	margin-bottom: 12px;
}

.card_description {
	color: #455A64;
	text-align: justify;
}

.card_decoration {
	position: absolute;
	display: flex;
	gap: 10px;
	bottom: 18px;
}

.card_decoration i {
	height: 12px;
	border-radius: 15px;
}

.card_decoration i:nth-child(1) {
	width: 30px;
	background-color: #CD2027;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.card_decoration i:nth-child(2) {
	width: 34px;
	background-color: #FF725E;
}

.card_decoration i:nth-child(3) {
	width: 34px;
	background-color: #FF9A6C;
}

.card_decoration i:nth-child(4) {
	width: 12px;
	background-color: #FFBF9D;
}

/* Modal */
.btn_delete_row {
	cursor: pointer;
	bottom: 0.7rem;
}

@media (min-width: 992px) {
	.sidebar {
		width: var(--sidebar-width) !important;
	}

	.navbar-expand-lg.navbar-vertical~.navbar,
	.navbar-expand-lg.navbar-vertical~.page-wrapper {
		margin-left: var(--sidebar-width) !important;
	}

	body.sidebar-collapse .sidebar {
		display: block;
		transform: translateX(-100%);
	}

	body.sidebar-collapse .navbar-expand-lg.navbar-vertical~.navbar,
	body.sidebar-collapse .navbar-expand-lg.navbar-vertical~.page-wrapper {
		margin-left: 0 !important;
	}
}

.dropdown-toggle::after{
	border-top: none !important;
	border-right: none !important;
}

@media screen and (min-width: 768px) {
	.card_hutang_piutang_container {
		height: 100%;
	}
}

@media screen and (max-width: 768px) {
	.navbar-brand {
		background-color: white;
	}

	.navbar-nav .nav-link {
		padding: 0 12px;
	}

	.title-header {
		color: var(--primary-color);
	}
}

@media screen and (max-width: 425px) {
	.card_hutang_piutang {
		height: 50px;
	}
}