* {
	font-family: Inter, Arial, Helvetica, sans-serif;
}
.btn.btn-primary {
	color: white !important;
}
.btn.btn-outline-primary:hover {
	color: white !important;
	background-color: #5ec555 !important;
}
.btn.btn-outline-primary {
	color: #42bb37 !important;
}
.btn.btn-outline-primary.active {
	color: white !important;
}
.swal2-confirm {
	color: white !important;
}

.payment_type_radio:checked + label {
	border: 2px solid #42bb37 !important;
}

.payment_type_radio + label {
	border: 2px solid #f2f4f9 !important;
}

.payment_type_icon {
	width: 90px;
	height: 90px;
}

.payment_section {
	/* margin: 0 auto; */
	width: 140px !important;
}

.payment_section div {
	margin: 0;
	padding-left: 1rem;
}

.merchant_type_radio:checked + label {
	border: 2px solid #42bb37 !important;
}

.merchant_type_radio + label {
	border: 2px solid #f2f4f9 !important;
}

.merchant_type_icon {
	width: 50%;
	height: 50%;
	max-width: 130px;
	max-height: 130px;
}

.merchant_section {
	/* margin: 0 auto; */
	width: 100% !important;
}

.merchant_section div {
	margin: 0;
	padding-left: 1rem;
}

.CodeMirror {
	height: auto;
	text-align: left;
	min-height: auto;
	font-family: var(--font-family);
	line-height: 1.75em;
	padding: 10px;
	letter-spacing: 0.03em;
	margin-top: 1rem;
	margin-bottom: 1rem;
	background: #eef1f8;
	color: #21304e;
}
.CodeMirror-scroll {
	min-height: auto;
}

#merchant_menu_label {
	position: absolute;
	top: 0;
	right: 0px;
	left: 0px;
}

#merchant_menu_label div {
	background-color: rgba(102, 209, 209, 0.2);
}

#merchant_menu_label .success_label {
	background-color: rgba(66, 187, 55, 0.2);
}

#merchant_menu_label .danger_label {
	background-color: rgba(253, 53, 53, 0.2);
}

#plan_menu_label {
	position: absolute;
	top: 0;
	right: 0px;
}

#plan_menu_label div {
	background-color: rgba(66, 187, 55, 0.2);
}

li#status_success_desc::marker {
	color: rgba(66, 187, 55) !important;
}
li#status_created_desc::marker {
	color: #ffaf01 !important;
}
li#status_scanning_desc::marker {
	color: #66d1d1 !important;
}
li#status_failure_desc::marker {
	color: rgba(253, 53, 53) !important;
}
li#status_close_desc::marker {
	color: rgba(253, 53, 53) !important;
}
li.plan_note_list::marker {
	color: #7987a1 !important;
}

#dashboard_footer_banner {
	margin-bottom: -7.3%;
}

.step_to_login_p {
	min-width: 200px;
}
.step_to_login_img {
	width: 150px;
}
.step_to_login_arrow {
	margin: 30px 0px;
	width: 70px;
	height: auto;
	transform: rotate(90deg);
}

@media (min-width: 576px) {
	#dashboard_footer_banner {
		margin-bottom: -7.1%;
	}
}
@media (min-width: 768px) {
	#dashboard_footer_banner {
		margin-bottom: -6.9%;
	}
	.step_to_login_arrow {
		margin: 30px 0px;
		width: 70px;
		height: auto;
		transform: rotate(90deg);
	}
	.step_to_login_p {
		min-width: 200px;
	}
	.step_to_login_img {
		width: 100px;
	}
}
@media (min-width: 992px) {
	.step_to_login_arrow {
		width: 50px;
		margin: 0px;
		height: auto;
		transform: rotate(0deg);
	}
	.step_to_login_p {
		min-width: 150px;
	}
	.step_to_login_img {
		width: 100px;
	}
}
@media (min-width: 1200px) {
	.step_to_login_arrow {
		width: 70px;
	}
	.step_to_login_p {
		min-width: 200px;
	}
	.step_to_login_img {
		width: 100px;
	}
}
@media (min-width: 1400px) {
	.step_to_login_p {
		min-width: 200px;
	}
	.step_to_login_img {
		width: 150px;
	}
	.step_to_login_arrow {
		width: 100px;
	}
}