@font-face {
	font-family: "Open Sans";
	src: url("../fonts/OpenSans-Regular.ttf");
	font-weight: bolder;
	font-style: normal;
	color: #000000;
}

.mybody {
	background-image: url("../images/mobile.png");
	background-attachment: fixed;
	background-size: 70%;
	font-family: "Open Sans";
	src: url("../fonts/OpenSans-Regular.ttf");
	font-style: normal;
	color: #000000;
}

#divalertdiskon {
	display: none;
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 150px;
	margin-bottom: 35px;
	z-index: 999;
	position: fixed;
}

#divmaindiscount {
	border: 2px solid #fff3aa;
	background-color: #fffbc2;
	padding-top: 10px;
	border-radius: 10px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-bottom: 15px;
}

.font12 {
	font-size: 12px;
}

.bold {
	font-weight: strong;
}

.img40px {
	width: 40px;
	height: 40px;
}

.img30px {
	width: 30px;
	height: 30px;
}

.swal-footer {
	text-align: center;
}

.swal-button--catch {
	padding: 7px 19px;
	border-radius: 2px;
	background-color: #0061ae;
	font-size: 12px;
	border: 1px solid #005291;
	text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
}

.swal-button--catch:hover {
	background-color: #00335a !important;
	color: #ffffff;
}

.swal-modal .swal-text {
	text-align: center;
	color: black !important;
}

.swal-modal .swal-title {
	text-align: center;
	color: black !important;
}

.swal-modal .swal-content {
	text-align: center;
	color: black !important;
}

#divinfocovid {
	color: black !important;
}

#infomaterai {
	color: black !important;
}

.blackfont {
	color: black !important;
}

#ulredaksi {
	list-style-type: number;
	font-size: 14px;
	padding-right: 15px;
}

.css001 {
	width: 100%;
	height: auto;
	margin-top: 15px;
}

#alertdiskonbtn {
	font-size: 16px;
	color: #cc0003;
}

#closebeli {
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	height: 55px;
	padding-top: 5px;
	color: #ffffff;
	padding-left: 5px;
	font-size: 18px;
}

.css002 {
	margin-left: -12px;
	height: 55px;
	background-color: #0061ae;
	color: #ffffff;
	position: fixed;
	z-index: 999;
}

#diventryTitle1 {
	height: 40px;
	position: fixed;
	margin-top: 8px;
}

.css003 {
	background-color: transparent;
}

.css004 {
	overflow-y: auto;
	height: calc(100% - 45px);
	margin-top: 15px;
}

.css005 {
	margin-top: 75px;
	padding-left: 3px;
	padding-right: 3px;
}

#lblpilihbahasa {
	/* background-color: white; */
	font-weight: bold;
	padding: 10px;
	font-size: 12px;
}

.btnlang {
	padding: 0px;
	background-color: white !important;
}

.css006 {
	width: 25px;
	height: auto;
	margin-right: 5px;
}

.css-eng {
	width: 25px;
	height: 14px;
	margin-top: -4px;
	margin-right: 5px;
}

#infokurs {
	float: right;
	background-color: #edf4fe;
	font-size: 12px;
	font-weight: bold;
	margin-top: 5px;
	color: black;
	padding: 5px;
}

.css007 {
	padding-top: 0px;
	background-color: #edf4fe;
	padding-bottom: 30px;
	box-shadow: 0 0.5rem 1rem #00000026;
	border: 0;
	border-radius: 0.75rem 0 0.75rem 0.75rem;
}

.css008 {
	/* margin-right: -10px; */
	font-size: 10.5px;
}

.css009 {
	width: 24.5%;
}

.css011 {
	margin-top: 15px;
}

#divinfo {
	/* padding-left: 5px;padding-right:5px; */
	display: block;
	margin-top: 35px;
	margin-bottom: 35px;
}

.css012 {
	background-color: white;
	padding-top: 10px;
	border-radius: 10px;
}

.css013 {
	width: 30px;
	height: auto;
	margin-right: 10px;
}

.css014 {
	margin-top: 10px;
}

.css015 {
	margin-top: 15px;
}

#lblchkWNI {
	/* font-size: 13px; */
}

.css016 {
	padding-left: 5px;
	padding-right: 5px;
	display: none;
}

#lbl1 {
	font-weight: bold;
}

.css017 {
	width: 100%;
	font-size: 12px;
}

.css018 {
	width: 100%;
	margin-top: 4px;
}

.css019 {
	margin-top: -10px;
}

.css020 {
	padding: 0;
	/* margin-top: -5px; */
}

.css021 {
	width: 18px;
	padding: 0;
}

#aDesc {
	margin-top: 10px;
}

#alertdesc {
	font-size: 13px;
}

.css022 {
	height: 100%;
}

#divalertmaterai {
	display: block;
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 40vh;
	z-index: 999;
	position: fixed;
}

#divlogoinfo {
	border: 2px solid #fff3aa;
	background-color: #fffbc2;
	padding-top: 10px;
	border-radius: 10px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-bottom: 15px;
}

.css023 {
	font-size: 25px;
	color: #00007f;
}

#notifbtn {
	font-size: 16px;
	color: #cc0003;
}

.css024 {
	width: 50%;
	height: 36px;
	padding-top: 10px;
}

#lbl3 {
	font-size: 12px;
}

#lbl4 {
	font-size: 12px;
}

.css025 {
	background-color: #ffffff;
	padding-left: 15px;
}

.css025:read-only {
	background-color: #ffffff00;
	padding-left: 0px;
}

.css026 {
	width: 50%;
	height: 36px;
	padding-top: 10px;
}

.css027 {
	width: 20px;
	height: auto;
	margin-right: 5px;
	padding-top: 0;
}

.css028 {
	font-size: 12px;
	color: #0061ae;
}

.css029 {
	font-size: 11px;
	/* color:black; */
	font-weight: bold;
}

.css030 {
	font-size: 12px;
	/* color:black; */
	font-weight: bold;
}

#btninfonegara {
	display: block;
	margin-top: 15px;
	padding: 0;
}

.css031 {
	margin-top: 25px;
	padding: 0;
}

.css032 {
	width: 20px;
	padding: 0;
}

#alertCountry {
	font-size: 13px;
}

.css033 {
	margin-top: 15px;
	display: block;
}

.css034 {
	margin-bottom: 20px;
}

.css035 {
	height: 40px;
	margin-bottom: 25px;
	padding: 0px;
}

.css036 {
	width: 30px;
	height: 100%;
	padding: 0;
}

.css037 {
	width: 80%;
	height: 80%;
	padding: 0;
}

.css038 {
	width: 80%;
	height: 80%;
	border-radius: 5px;
	padding-left: 0;
	padding-right: 0;
	text-align: center;
}

.css039 {
	height: 40px;
}

.css040 {
	margin-top: 25px;
}

.css041 {
	width: 70%;
}

.css043 {
	margin-top: 5px;
	display: block;
}

.css044 {
	width: 100%;
	font-size: 12px;
	left: 0;
	right: 0;
	margin: auto;
}

.css045 {
	width: 100%;
	margin-top: 4px;
	float: center;
}

.css046 {
	width: 33.33%;
	height: 36px;
	padding-top: 10px;
}

.css047 {
	width: 20px;
	height: auto;
	margin-right: 5px;
	padding-top: 0;
}

.css048 {
	height: auto;
	margin-top: 5px;
	padding: 10px;
}

.css049 {
	/* width: auto; */
	height: auto;
	margin-top: 15px;
	/* font-size: 12px; */
}

.css050 {
	vertical-align: middle;
	border: none;
}

.css051 {
	font-weight: bold;
	font-size: 14px;
}

.css052 {
	margin-top: 5px;
}

.css054 {
	margin-right: 10px;
}

.css055 {
	color: #0061ae;
}

.css056 {
	width: 60%;
	margin-bottom: 15px;
}

.css057 {
	height: 30px;
	margin-bottom: 20px;
}

.css058 {
	/* height: 30px; */
	/* margin-top: 5px; */
}

.css059 {
	margin-bottom: 20px;
	margin-top: -12px;
}

/* .css061 {
	  margin-top: 30px; margin-bottom: 15px;
  } */
.css062 {
	float: center;
	font-size: 14px;
}

.css064 {
	display: none;
	margin-top: 50px;
	border-style: solid;
	border-color: #b7b9fd;
	border-width: 1px;
	border-radius: 10px;
	padding: 10px;
}

.css065 {
	display: block;
	margin-top: 50px;
	border-style: solid;
	border-color: #b7b9fd;
	border-width: 1px;
	border-radius: 10px;
	padding: 10px;
}

.css066 {
	height: 5px;
}

.css067 {
	height: 5px;
	padding-right: 0;
}

.css068 {
	margin-top: 22px;
}

.css070 {
	width: 50%;
}

.css071 {
	background-color: transparent;
	border-radius: 10px;
}

.css072 {
	width: 20px;
	height: auto;
}

.css073 {
	margin-right: 10px;
	width: 80px;
	height: auto;
	vertical-align: bottom;
}

.css074 {
	font-weight: bold;
	font-size: 12px;
}

.css075 {
	margin-top: 30px;
}

.css076 {
	margin-bottom: 15px;
}

.css077 {
	background-color: white;
}

.css078 {
	background-color: transparent;
}

.css079 {
	text-align: center;
}

.css080 {
	float: right;
}

.css081 {
	margin-bottom: 8px;
}

.css082 {
	padding-left: 5px;
}

.css083 {
	margin-left: 5px;
}

.css084 {
	width: auto;
	height: auto;
	margin-top: 15px;
	font-size: 12px;
}

.css085 {
	width: 70%;
}

/** Start Try Blu Digital */
.css086 {
	margin-top: 15px;
	margin-bottom: 15px;
}

.css087 {
	margin-top: 15px;
	margin-bottom: 15px;
}

.css088 {
	margin-top: 15px;
	margin-bottom: 15px;
}

.css089 {
	text-align: center;
	display: none;
}

.css090 {
	width: 50px;
	text-align: center;
}

.css091 {
	display: none;
}

#btncekpaymentstatus {
	display: none;
}

#linktoblu {
	display: none;
}

#txtblu {
	display: none;
}

.logoblu {
	margin-top: 10px;
	width: auto;
	height: 33px;
}

/** End Try Blu Digital */
.lblcolor {
	color: #e80000;
}

.bordernone {
	border: none !important;
}

/* ======================== TAMBAHAN EVAN ======================== */
.divpgwmain {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	background-color: #ffffff;
	position: fixed;
	z-index: 9999999999;
}

/* ==================== PENUTUP TAMBAHAN EVAN ==================== */
#lblchksetuju {
	display: inline-block;
}

#captcha_code {
	border-radius: 5px;
}

#otheradult {
	display: none;
	margin-top: 50px;
	border-style: solid;
	border-color: #b7b9fd;
	border-width: 1px;
	border-radius: 10px;
	padding: 10px;
}

#lblinfocaptcha {
	font-size: 12px;
}

#lblbene {
	font-size: 12px;
}

#lbla1 {
	font-size: 10px;
}

#lbla2 {
	font-size: 10px;
}

#lbla3 {
	font-size: 10px;
}

#lbl51 {
	font-size: 12px;
}

#lbl52 {
	font-size: 12px;
}

#lbl38 {
	float: left;
	font-size: 12px;
	color: black;
	font-weight: strong;
}

#maininsured {
	border-style: solid;
	border-color: #b7b9fd;
	border-width: 1px;
	border-radius: 10px;
	padding: 10px;
}

#lblcalcpremium {
	font-weight: bold;
}

#cssbtnNextStep1 {
	margin-top: 20px;
}

#tabelpreview {
	width: auto;
	height: auto;
	margin-top: 15px;
	font-size: 12px;
}

/* ====================== Start TryNov ====================== */
#chkriplay {
	margin-top: 5px;
}

#newriplay3 {
	display: inline;
}

#downloadRiplay,
#downloadRiplayNoCovid {
	display: block, inline;
	width: 108px;
	height: auto;
	/* color: #d43f3f; */
}

#headlblriplaypersonal {
	font-weight: bold;
	color: #e80000;
}

#hereriplaypersonal,
#hereriplaypersonalcovid {
	cursor: pointer;
	display: block, inline;
	width: 10px;
	height: auto;
	font-weight: bold;
}

#lblriplaypersonal {
	display: inline;
	/* align-items: center; */
}

/* ====================== End TryNov ====================== */
#lblcaptcha {
	text-align: center;
}

#inpcaptcha {
	/* width: 160px; */
	margin: auto;
	display: block;
}

.displayhide {
	display: none;
}

#show_disc {
	color: red;
}

.hitam {
	color: black;
}

.disnone {
	display: none;
}

.notif {
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.6);
	position: fixed;
	top: 0;
	left: 0;
	display: block;
	z-index: 99999;
}

.overlay {
	/* full screen */
	width: 100vw;
	height: 100vh;
	/* transparent black */
	background: rgba(0, 0, 0, 0.6);
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	/* middle layer, i.e. appears below the sidebar */
	z-index: 9998;
}

.lds-spinner {
	color: official;
	display: inline-block;
	position: fixed;
	width: 64px;
	height: 64px;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
}

.lds-spinner div {
	transform-origin: 32px 32px;
	animation: lds-spinner 1.2s linear infinite;
}

.lds-spinner div:after {
	content: " ";
	display: block;
	position: absolute;
	top: 3px;
	left: 29px;
	width: 5px;
	height: 14px;
	border-radius: 20%;
	background: #fff;
}

.lds-spinner div:nth-child(1) {
	transform: rotate(0deg);
	animation-delay: -1.1s;
}

.lds-spinner div:nth-child(2) {
	transform: rotate(30deg);
	animation-delay: -1s;
}

.lds-spinner div:nth-child(3) {
	transform: rotate(60deg);
	animation-delay: -0.9s;
}

.lds-spinner div:nth-child(4) {
	transform: rotate(90deg);
	animation-delay: -0.8s;
}

.lds-spinner div:nth-child(5) {
	transform: rotate(120deg);
	animation-delay: -0.7s;
}

.lds-spinner div:nth-child(6) {
	transform: rotate(150deg);
	animation-delay: -0.6s;
}

.lds-spinner div:nth-child(7) {
	transform: rotate(180deg);
	animation-delay: -0.5s;
}

.lds-spinner div:nth-child(8) {
	transform: rotate(210deg);
	animation-delay: -0.4s;
}

.lds-spinner div:nth-child(9) {
	transform: rotate(240deg);
	animation-delay: -0.3s;
}

.lds-spinner div:nth-child(10) {
	transform: rotate(270deg);
	animation-delay: -0.2s;
}

.lds-spinner div:nth-child(11) {
	transform: rotate(300deg);
	animation-delay: -0.1s;
}

.lds-spinner div:nth-child(12) {
	transform: rotate(330deg);
	animation-delay: 0s;
}

@keyframes lds-spinner {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

.iconbcai {
	border-radius: 50px;
	border-style: solid;
	border-color: #0061ae;
	border-width: 2px;
	padding: 3px;
	width: 50px;
}

li.active>a.hidden-xs {
	display: block !important;
}

li.active>a.visible-xs {
	display: none !important;
}

li.disabled {
	pointer-events: none;
	cursor: not-allowed;
}

.nav-pills.nav-wizard>li {
	position: relative;
	overflow: visible;
	border-right: 10px solid #fff0;
	border-left: 10px solid #fff0;
}

.nav-pills.nav-wizard>li:first-child {
	border-left: 0;
}

.nav-pills.nav-wizard>li:first-child a {
	border-radius: 0.75rem 0 0 0;
}

.nav-pills.nav-wizard>li:last-child {
	border-right: 0;
}

.nav-pills.nav-wizard>li:last-child a {
	border-radius: 0;
}

.nav-pills.nav-wizard>li a {
	border-radius: 0;
	background-color: #eee;
	padding: 9px;
}

.nav-pills.nav-wizard>li .nav-arrow {
	position: absolute;
	top: 0px;
	right: -18px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 16px 0 18px 18px;
	border-color: transparent transparent transparent #eee;
	z-index: 150;
}

.nav-pills.nav-wizard>li .nav-wedge {
	position: absolute;
	top: 0px;
	left: -18px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 16px 0 18px 18px;
	border-color: #eee #eee #eee transparent;
	z-index: 150;
}

.nav-pills.nav-wizard>li:hover .nav-arrow {
	border-color: transparent transparent transparent #aaa;
}

.nav-pills.nav-wizard>li:hover .nav-wedge {
	border-color: #aaa #aaa #aaa transparent;
}

.nav-pills.nav-wizard>li:hover a {
	background-color: #aaa;
	color: #fff;
}

.nav-pills.nav-wizard>li.active .nav-arrow {
	border-color: transparent transparent transparent #005caa;
}

.nav-pills.nav-wizard>li.active .nav-wedge {
	border-color: #005caa #005caa #005caa transparent;
}

.nav-pills.nav-wizard>li.active a {
	background-color: #005caa;
}

/* CSS for Credit Card Payment form */
.credit-card-box .panel-title {
	display: inline;
	font-weight: bold;
}

.credit-card-box .form-control.error {
	border-color: red;
	outline: 0;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);
}

.credit-card-box label.error {
	font-weight: bold;
	color: red;
	padding: 2px 8px;
	margin-top: 2px;
}

.credit-card-box .payment-errors {
	font-weight: bold;
	color: red;
	padding: 2px 8px;
	margin-top: 2px;
}

.credit-card-box label {
	display: block;
}

.credit-card-box .display-tr {
	display: table-row;
}

.credit-card-box .display-td {
	display: table-cell;
	vertical-align: middle;
	width: 50%;
}

/* Just looks nicer */
.credit-card-box .panel-heading img {
	min-width: 180px;
}

.opsi {
	background-color: white;
	color: #0061ae;
	font-weight: bold;
	border-width: 1px;
	border-color: #b9b9b9;
}

.fieldisi {
	width: 100%;
	border-color: #0061ae;
	border-width: 1px;
}

*:focus {
	outline: none;
}

.group {
	position: relative;
	margin-top: 20px;
}

.inputMaterial {
	font-size: 14px;
	padding: 6px 7px 2px 2px;
	/* padding-bottom: 0px; */
	display: block;
	height: calc(1.5em + 0.75rem + 2px);
	width: 100%;
	border: none;
	border-bottom: 1px solid #b7b9fd;
	background-color: Transparent;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="password"] {
	font-size: 14px;
	padding: 6px 7px 7px 2px;
	padding-bottom: 2px;
	display: block;
	width: 100%;
	border: none;
	border-bottom: 1px solid #b7b9fd;
	background-color: Transparent;
}

.inputMaterial:focus {
	outline: none;
	border-bottom: 2px solid #1b78cd;
}

/* LABEL ======================================= */

.labelanimated {
	color: #0053ce;
	font-size: 14px;
	font-weight: strong;
	position: absolute;
	pointer-events: none;
	/*left: 5px;*/
	top: 8px;
	transition: 0.2s ease all;
	-moz-transition: 0.2s ease all;
	-webkit-transition: 0.2s ease all;
}

/* active state */
.inputMaterial:focus~.labelanimated,
.inputMaterial:valid~.labelanimated {
	top: -12px;
	font-size: 12px;
	color: black;
	/*left: 10px;*/
}

/* active state */
.inputMaterial:focus~.bar:before,
.inputMaterial:focus~.bar:after {
	width: 50%;
}

/* active state */
.inputMaterial:focus~.highlight {
	-webkit-animation: inputHighlighter 0.3s ease;
	-moz-animation: inputHighlighter 0.3s ease;
	animation: inputHighlighter 0.3s ease;
}

/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
	from {
		background: #5264ae;
	}

	to {
		width: 0;
		background: transparent;
	}
}

@-moz-keyframes inputHighlighter {
	from {
		background: #5264ae;
	}

	to {
		width: 0;
		background: transparent;
	}
}

@keyframes inputHighlighter {
	from {
		background: #5264ae;
	}

	to {
		width: 0;
		background: transparent;
	}
}

$transition: all 0.3 s;
$shadow-L1: 0 1px 3 px rgba(0, 0, 0, 0.12), 0 1px 2 px rgba(0, 0, 0, 0.24);
$shadow-L2: 0 3px 6 px rgba(0, 0, 0, 0.16), 0 3px 6 px rgba(0, 0, 0, 0.23);
$shadow-L3: 0 10px 20 px rgba(0, 0, 0, 0.19), 0 6px 6 px rgba(0, 0, 0, 0.23);

#container-floating {
	position: fixed;
	width: 60px;
	height: 60px;
	top: 20px;
	right: 20px;
	z-index: 50px;

	&:hover {
		height: 400px;
		width: 60px;
		top: 20px;
		right: 20px;
	}

	@keyframes bounce-nds {
		from {
			opacity: 0;
		}

		to {
			opacity: 1;
			transform: scale(1);
		}
	}

	@keyframes bounce-out-nds {
		from {
			opacity: 1;
			transform: scale(1);
		}

		to {
			opacity: 0;
			transform: scale(0);
		}
	}

	.item {
		white-space: nowrap;
		display: inline;
	}

	#insertstaff {
		height: auto;
		width: 80vw;
		top: 5vh;
		left: 5vh;
		z-index: 9999999;
		position: fixed;
		background-color: white;
		color: black;
	}

	#divinsertstaff {
		position: fixed;
		width: 100vw;
		height: 100vh;
		/* transparent black */
		background: rgba(0, 0, 0, 0.8);
		top: 0;
		left: 0;
		display: block;
		/* middle layer, i.e. appears below the sidebar */
		z-index: 9999999998;
	}

	@-webkit-keyframes blink {
		50% {
			border-color: #ff0000;
		}
	}

	@media (min-width: 768px) {
		.modal-xl {
			width: 90%;
			max-width: 1200px;
		}
	}
}

.swal-button {
	border-radius: 2rem !important;
	font-size: 14px !important;
	width: 120px !important;
	background-color: #005caa;
	padding: 0.65rem 1.5rem;
}

.swal-button--cancel {
	background-color: #efefef !important;
}

select select {
	border-radius: 0px;
}

.fs-1 {
	font-size: calc(1.375rem + 1.5vw) !important;
}

.fs-2 {
	font-size: calc(1.325rem + 0.9vw) !important;
}

.fs-3 {
	font-size: calc(1.3rem + 0.6vw) !important;
}

.fs-4 {
	font-size: calc(1.275rem + 0.3vw) !important;
}

.fs-5 {
	font-size: 1.25rem !important;
}

.fs-6 {
	font-size: 1rem !important;
}

.grid {
	display: grid !important;
}

.refresh-captcha {
	width: 20px;
	height: 20px;
}

.footer .foot_bottom {
	height: 300px;
	text-align: center;
	color: #777777;
	background: #f7f7f7;
}

.h-logo_ojk {
	height: 60px;
}

.st-fisrt-step {
	margin-top: 6rem !important;
}

.set-check-covid {
	cursor: pointer;
	accent-color: #005caa;
}

#chksetuju {
	cursor: pointer;
	accent-color: #005caa;
}

/* UPDATE ALVIN 2025-02-13 */
.css-mobileapp {
	pointer-events: none;
}

.swal-button--confirm {
	background-color: #005caa !important;
}

.NewTextTransform {
    text-transform: none !important;
	transform: none !important;
}

.position-container{
	position: absolute !important;
}

.display-row{
	display: block !important;
}