/*scu 19_07_27 chosenscu*/
.chosen-container.chosen-container-single {
	width: 100% !important;
	/* or any value that fits your needs */
}

.chzn-container {
	width: 425px !important;
}

/*scu 19_07_27 chosenscu*/

/*scu 20_01_24 mobile web*/

@media (min-width: 768px) {
	.to-mobile {
		display: none;
	}
	.daftar-mobile{
		display: none;
	}
	/* The image used */




}

@media screen and (max-width: 768px) {
	.to-web {
		display: none;
	}

}

/*scu 20_01_24 mobile web*/

/*scu 19_07_19*/
.vderl {
	width: 100%;
	height: auto;
}

.tabtutor {
	font-size: 16px;

	font-family: Calibri;
}

/*end scu 19_07_19*/

/*scu 19_05_03*/
.cssuci {
	position: absolute;
	z-index: 0;
	top: 0;
	width: 350px;
	height: 400px;
	background-color: #82dbe7;
	clip-path: circle(82.2% at 11% 100%);
	/*clip-path: polygon(100% 0, 92% 14%, 90% 28%, 70% 46%, 66% 80%, 42% 94%, 0 100%, 0% 43%, 0 0);*/

}

.someText {
	background: green;
	position: absolute;
	z-index: 0;
	top: 0;
}


.underneathContainer {
	margin: 20px;
	width: 260px;
	height: 260px;
	background: rgba(0, 0, 0, 0);
	overflow: hidden;
}

.cutout {


	position: relative;
	z-index: 1;
	border-top-left-radius: 30%;
}

.cutout:before {}

/*scu 19_05_03*/




/*CUSTOM FONT 19_01_23*/
@font-face {
	font-family: "PFTrafficBlack";
	src: url(../fonts/fontpftraffic/PFTrafficBlack-Regular.otf);
}

@font-face {
	font-family: "PFTraffic";
	src: url(../fonts/fontpftraffic/PFTraffic-Regular.otf);

}

.fixedcss {
	height: 400px;
	overflow: hidden;
	background: orange;
}

.scrollit {
	height: 400px;
	overflow-y: scroll;
	background: lightgray;
}

/*web_login by scu 19_04_02*/
#web_login {
	background-color: #fff;
	/*background: linear-gradient(#ebf4f9, #48acd1);   */
	/*background: linear-gradient(#b1eded, #40c1cf);  */
}

#kotakputihlogin {
	background-color: #f1f1f1;
	height: auto;
}

#kotak_utama_login {
	/*background-color: #cdcbcc;*/
	height: auto;
	/* padding-bottom: 20px; */
	border-radius: 5px;
	box-shadow: 1px 1px 3px #d6d6d6;
	margin: 20px 0px;
}

#kotak_judul_login {
	height: auto;
	padding: 10px 0px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.bradiusatas {
	border-radius: 10px 10px 0px 0px;
}

.bradiusbawah {
	border-radius: 0px 0px 10px 10px;
}

.navbar-default.inside {
	background-color: #129494;
}

footer span.copyright {
	font-size: 16px;
}

.footawal {

	background: #333333;
	/*background-color: #333333;  */
	padding: 5px 0px 5px 0px;
	color: #fff;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
}

.alert-message-login-begin {
	color: #e71007;
	text-align: left;
	font-size: 18px;
	font-weight: bold;
	font-family: Calibri;
}

.slick-slider {
	margin-bottom: 0;
}

.slick-dots {
	position: static;
}

.fade:not(.show) {
	opacity: 1;
}

.free_videoload {
	width: 205px;
	font-size: 18px;
	border-radius: 30px;
	font-family: Lato;
	text-align: center;
	padding: 5px 0px;
	text-transform: uppercase;
	cursor: pointer;
	font-weight: bold;
	box-shadow: 3px 3px 34px -6px rgba(0, 0, 0, 0.75);
}

.free_video_unbk {
	background-color: #fff;
}

.free_video_unbk:hover {
	color: #fff;
	background-color: #dc3f09;

}

/*ARSIP 19_03_14 by Scu*/
.tharsip {
	background-color: #95d5d4;
	padding: 10px 0px;
}

.kotak_paket_arsip {
	font-family: 'Athiti', sans-serif;
	font-size: 18px;
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (max-width: 768px) {
	.kotak_paket_arsip {}
}

@media (min-width: 992px) {
	.kotak_paket_arsip {
		font-family: Arial;
		font-size: 18px;
	}
}

/*ARSIP 19_03_14 by Scu*/
/*PROFILE*/
.containwround {
	background-color: #ffffff;
	border-radius: 5px;
	box-shadow: 1px 1px 3px #d6d6d6;
	padding: 30px 30px;
}

@media (min-width: 992px) {
	.halfedit {
		width: 50%;
		margin: 0 auto;
	}
}

@media screen and (max-width: 768px) {
	.halfedit {
		margin: 0 auto;
	}
}

/*PROFILE*/
/*add by Scu 19_02_14*/
@media (min-width: 768px) {

	.gbrvoucher {
		width: 100%;
		height: 228px;
		box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 8px 0px;
		flex: 1 1 0%;
		border-radius: 11.2px;
	}

}

@media screen and (max-width: 768px) {
	.cpinput {
		text-align: left !important;
	}
}

.cpori {
	margin-right: auto;
	margin-left: auto;
}

.kotakcaptcha {
	padding-bottom: 3px;
	/*margin-top: 10px;
	margin-right: 10px;
    margin-left: 10px;*/
	border: 1px solid #00BFFF;
}

.app_hp {
	width: 100%;
}

.gbrvoucher {
	width: 100%;
	margin: 0px auto;
}

@media (min-width: 576px) {
	.modal-dialog {
		max-width: 500px;
		margin: 0px auto;
	}
}

.alert-message {
	margin-top: 75px;
}

.fashomepage {
	color: #000000c2;
	font-weight: 400;
	line-height: 1.5;
	font-family: 'Athiti', sans-serif;
}

.judulkontakmarkom {
	font-family: PFTraffic;
	font-size: 24px;
}

.kontakmarkom {
	font-family: 'Athiti', sans-serif;
	font-size: 18px;
}

.detailwilkom {
	margin-left: auto;
	margin-right: auto;
	display: flex;
	padding: 0px 2px;
}

.detailarsip {
	margin-left: auto;
	margin-right: auto;
	padding: 0px 2px;
}

.detailmarkom {
	margin-left: auto;
	margin-right: auto;
	display: flex;
	padding: 0px 2px;
}

.detailmarkom:before {
	content: "";
	height: 1px;
	background-color: #000;
	width: 100%;
	position: absolute;
	display: block;
	/* left: 50%; */
	bottom: 0;
	/* margin-left: -20px; */

}

/*SLIDE HOMEPAGE SCU 19_04_09*/
@media (min-width: 768px) {
	.swiper-container {
		width: 100%;
		height: 250px;
	}
}

@media screen and (max-width: 768px) {
	.swiper-container {
		width: 100%;
		height: 81px;
	}
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

/*SLIDE HOMEPAGE SCU 19_04_09*/
/*WEB REGISTRASI HOMEPAGE ERL UNBK 18_11_27*/
.ragu2 {
	background-color: #ffc107;
}

.inblack {
	color: #000;
}

.ui-dialog .ui-dialog-content {
	/* padding: 0px 5px;*/
}

.btvc {
	background-color: #f2f2f2;
}

.bvsmp {
	background-color: #fff;
}

.bvsma {
	background-color: #f2f2f2;
}

.bvsmk {
	background-color: #fff;
}

#box_kode {
	padding: 0px;
	border-radius: 15px;
	box-shadow: 3px 3px 3px 0 #9e9e9edb;
}

.bflip_orange {
	background-color: #fcb712;
}

.bflip_biru {
	background-color: #7fceef;
}

.judulkakt {
	font-family: PFTraffic;
	font-size: 30px;
	margin-top: 0;
	margin-bottom: 15px;
	text-align: center;
}

.judulkodeakt {
	font-family: PFTraffic;
	font-size: 30px;
	margin-top: 0;
	margin-bottom: 15px;
	text-align: center;
}

.judulkodeakt:before {
	content: "";
	height: 5px;
	background-color: #000;
	width: 70px;
	position: absolute;
	display: block;
	left: 50%;
	bottom: 0;
	margin-left: -20px;
}

.judultahun {
	font-family: 'Athiti', sans-serif;
	font-size: 16pt;
	margin: 3px;
	padding-bottom: 10px;
	text-align: center;
}

.judul_jenjang {
	position: relative;
	font-size: 18pt;
	font-weight: bold;
	margin: 3px;
	padding-bottom: 10px;
	font-family: PFTraffic;
}

.judul_peringkat {
	position: relative;
	font-size: 18pt;
	font-weight: bold;
	margin: 3px;
	padding-bottom: 10px;
	font-family: PFTraffic;
}

.text_peringkat {
	position: relative;
	font-size: 12pt;
	font-weight: bold;
	margin: 3px;
	padding-bottom: 10px;
	font-family: PFTraffic;
	vertical-align: middle;
}

.judul_jenjang:before {
	content: "";
	height: 5px;
	background-color: #000;
	width: 50px;
	position: absolute;
	display: block;
	left: 50%;
	bottom: 0;
	margin-left: -20px;
}

.judul_tiapvoucher {
	font-size: 18px;
	font-weight: bold;
}

.binpesan {
	background-color: #ddd;
}

.judulsidekotak {
	text-align: center;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	font-family: Lato;
	padding-bottom: 10px;
}

.posisi_model {
	position: absolute;
	right: 0;
	padding-right: 0px;
}

.content a:hover {
	font-weight: bold;
}

.content a {
	/*font-family: Lato;*/
	text-decoration: none;
}

.link_hubungi:hover {
	color: #fff;
	font-weight: bold;
}

.link_hubungi {
	color: #fff;
}

.boxhubungi {
	font-family: 'Athiti', sans-serif;

	font-size: 16px;
	font-weight: 400;
	line-height: 1;
}

.address {
	color: #fff;
}

.detail_pr {
	font-size: 20pt;
	font-family: 'Athiti', sans-serif;
}

/*khusus_button*/
.borcaradaftar {
	border: #ffc500 8px solid;
}

.blogin {
	background-color: #f59117;
}
.bjudul {
	background-color: #ee442b;
}
.bbeli {
	background-color: #2181ef;
}
.bbeli22 {
	background-color: #3b3467;
}
.clogin {
	color: #fff;
}

.cbeli {
	color: #fff;
}

.cinfo:hover {
	background-color: #f59117;
	color: #fff;
}

#tombol-judul{

	padding: 10px 5px;
	font-size: 25px;
	font-weight: bold;
	font-family: 'Athiti', sans-serif;
	display: block;
	width: 100%;
	text-decoration: none;
	text-align: center;
	margin: 3px 0px;
	/*margin-top: 10px;*/
	float: left;
}


#tombol-login:link,
#tombol-login:hover,
#tombol-login:visited {

	padding: 8px 5px;
	border-radius: 30px;
	font-size: 19px;
	font-weight: bold;
	font-family: 'Athiti', sans-serif;
	display: block;
	width: 100%;
	text-decoration: none;
	text-align: center;
	margin: 3px 0px;
	/*margin-top: 10px;*/
	float: left;
}

#tombol-login:hover {
	background-color: #138cbe;
	color: #fff;
}

#tombol-caradaftar:link,
#tombol-caradaftar:hover,
#tombol-caradaftar:visited {
	color: #000;
	padding: 2px 10px;
	border-radius: 30px;
	font-size: 14px;
	font-family: 'Athiti', sans-serif;
	display: block;
	width: 100%;
	text-decoration: none;
	text-align: center;

	margin-top: 10px;
	float: left;
}

#tombol-caradaftar:hover {
	background-color: #138cbe;
	color: #fff;
}

.tombolw {
	width: 100%;
}

.btn-kunyit {
	background-color: #fcb712;
	color: #ffffff;
	/* border-color: #fc531d;*/
	border-radius: 3px;
	padding: 7px 10px;
}

.btn-kunyit:hover,
.btn-kunyit:focus,
.btn-kunyit:active,
.btn-kunyit.active,
.open .dropdown-toggle.btn-kunyit {
	border-color: #f6bf01;
	color: #fff;
	background-color: #fec503;
}

.btn-red {
	background-color: #FF0000;
	color: #ffffff;
	/* border-color: #fc531d;*/
	border-radius: 3px;
	padding: 7px 10px;
}

.btn-red:hover,
.btn-red:focus,
.btn-red:active,
.btn-red.active,
.open .dropdown-toggle.btn-red {
	border-color: #f6bf01;
	color: #fff;
	background-color: #fec503;
}

.btn-merah {
	background-color: #e76b69;
	color: #ffffff;
	/* border-color: #fc531d;*/
	border-radius: 3px;
	padding: 7px 10px;
}

.btn-merah:hover,
.btn-merah:focus,
.btn-merah:active,
.btn-merah.active,
.open .dropdown-toggle.btn-merah {
	border-color: #f6bf01;
	color: #fff;
	background-color: #fec503;
}

.btn-birutua {
	background-color: #fc531d;
	color: #ffffff;
	border-color: #fc531d;
	border-radius: 3px;
	padding: 5px 16px;



	font-size: 18px;
	font-weight: 700;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;

	display: block;
	width: 100px;
	text-decoration: none;
	text-align: center;
	float: left;
	border: none;
}

.btn-biru_muda,
.btn-biru_muda:visited,
.btn-biru_muda:link {
	background-color: #25aae1;
	color: #ffffff !important;
	border-color: #25aae1;
	border-radius: 15px;
}

.btn-hov:hover,
.btn-hov:focus,
.btn-hov:active,
.btn-hov.active {
	border-color: #f6bf01;
	color: #fff;
	background-color: #fec503;
}

/*khusus_button*/
#sidekotak {
	background-color: #3899fa;
	padding: 0px 0px;
}

#download_app {
	background-color: #aae0fc;
}

@media (min-width: 768px) {
	#img_unbk {
		width: 100%;
		/*width:320px;*/
		/*margin-bottom: -30px;*/
		margin-bottom: 0px;
	}
}

#img_unbk {
	width: 100%;
}

@media (min-width: 992px) {
	.mtop_app {
		margin-top: 90px;
	}

	.tjawab {
		margin-top: 70px;
	}

	.judulsidekotak {
		margin-top: -25px;
		font-size: 40px;
	}

	#img_ayo {
		width: 80%;
		/*width:500px;*/
		/*margin-bottom: -30px;*/
		margin-bottom: 0px;
	}

	#img_simaktif {
		width: 100%;
		border-radius: 8px;
		/*width:500px;*/
		/*margin-bottom: -30px;*/
		margin-bottom: 0px;
	}

	.model_dashboard {
		width: 480px;
	}

	#cd_unbk {
		width: 450px;
	}

	#voucher_unbk {
		width: 300px;
	}

	#voucher_unbk_dahsboard {
		width: 310px;
	}

	#icon_unbk {
		width: 400px;
		margin-top: 65px;
	}

	.img_slide {
		width: 100%;
		height: 250px;
	}

	.img_solusibanner {
		width: 100%;
	}

	#img_model {
		width: 350px;
		margin-top: -35px;
	}

	.pr_judul_homepage {
		font-size: 50px;
	}

	.detail_home {
		font-size: 18px;
	}

	.perbaris {
		display: block;
		text-align: center !important;
	}

	.fashomepage {
		font-size: 18px;
	}

	.font16to14 {
		font-size: 16px;
	}
}

@media screen and (max-width: 768px) {
	.model_dashboard {
		width: 300px;
	}

	#img_ayo {
		width: 100%;
	}

	#cd_unbk {
		width: 300px;
	}

	#voucher_unbk {
		width: 300px;
	}

	#voucher_unbk_dahsboard {
		width: 270px;
	}

	#icon_unbk {
		width: 320px;
	}

	.pr_center {
		display: block;
		text-align: -webkit-center;
	}

	.img_slide {
		width: 100%;
	}

	.img_solusibanner {
		width: 100%;
	}

	#img_model {
		width: 308px;
		margin-top: -65px;
	}

	.pr_judul_homepage {
		font-size: 26px;
		text-align: justify;
	}

	.detail_home {
		font-size: 16px;
		text-align: justify;
	}

	.fashomepage {
		text-align: justify !important;
		font-size: 18px;
	}

	.font16to14 {
		font-size: 14px;
	}
}

.pr_judul {
	font-size: 1.75rem;
	font-weight: normal;
}

.pr_judul_homepage {
	width: 100%;
	line-height: 1.1;
	letter-spacing: -2px;
	font-weight: bolder;
	font-family: PFTraffic;
}

.pr2unbk {
	font-size: 18px;
	font-family: 'Athiti', sans-serif;
}

.pt20 {
	font-size: 20px;
	font-family: 'Athiti', sans-serif;
}

.prinfoseprinfose {
	font-size: 24px;
	font-family: 'Athiti', sans-serif;

}

.nmfont {
	font-family: PFTraffic;
}

.prdesvoucher {
	font-size: 18px;
	font-family: Calibri;
}

#slide_unbk {
	/*background-image: url(../../../images/admin_images/ico_login.png) center left no-repeat;*/
	/*background: url(../img/slide_dokterun.png) top left no-repeat;
	background-size:100%;*/
}

#box_hijaubotol {
	background-color: #28b1b1;
}

/* produk_unbk */
@media (min-width: 992px) {

	.biru_smp,
	.biru_sma_ipa,
	.hijau_sma_ips {
		width: 345px;
	}
}

@media screen and (max-width: 768px) {

	.biru_smp,
	.biru_sma_ipa,
	.hijau_sma_ips {
		width: 325px;
	}
}

.biru_smp,
.dasborder {
	border: #7b4478 1px solid;
	border-style: dashed;
}

.biru_smp legend {
	background-color: #1d4694;
	color: #fff;
}

.biru_sma_ipa legend {
	background-color: #1faae2;
	color: #fff;
}

.hijau_sma_ips legend {
	background-color: #1cae5a;
	color: #fff;
}

legend {
	text-align: left;
	margin-left: 20px;
	padding-left: 25px;
	border-bottom: none;
	width: 200px;
	border-radius: 5px;
	font-size: 1.2rem;
	font-weight: bold;
}

fieldset {
	background-color: #fff;
	display: block;
	padding-bottom: 30px;
}

fieldset {
	padding: .35em .625em .75em;
	margin: 0 2px;
	border: 1px solid #c0c0c0;
}

.kolom_unbk {
	columns: 2;
	-webkit-columns: 2;
	-moz-columns: 2;
}

/* unbk by Scu 18_05_08 */

.ulpaketunbk {
	padding-left: 20px;
	text-indent: 2px;
	list-style: none;
	color: #000;
	font-size: 15px;
	font-family: Lato;
	text-align: left !important;
	list-style-position: outside;
}

.lipaketunbk {
	font-weight: bold;
}

.lipaketunbk,
.lisubpaketunbk {
	display: list-item;
	text-align: -webkit-match-parent;
	margin-top: 5px;

}

.lipaketunbk::before {
	content: "  ";
	margin-left: -1em;
	margin-right: .100em;


}

.ulsubpaketunbk {
	color: #000;
	padding-left: 20px;
	text-indent: 2px;
	list-style: none;
	list-style-position: outside;
}

.lisubpaketunbk::before {
	content: '?';
	margin-left: -1em;
	margin-right: .100em;
}

.ceklis::before {
	content: '?';
	margin-left: 0em;
	margin-right: .100em;
	color: #23819d;
	/* or whatever color you prefer */
}

.licolor_smp::before {
	color: #7b4478;
	/* or whatever color you prefer */
}

.licolor_sma::before {
	color: #23819d;
	/* or whatever color you prefer */
}

/* unbk by Scu 18_05_08 */



/* produk_unbk */

/*FLIPPER by Scu 18_12_20*/

ul.product-features {
	list-style: none;
	margin: 0px;
	padding: 0px;
	float: left
}

ul.product-features>li {
	float: left;
	width: 299px;
	height: 299px;
	margin-right: 20px;
	margin-bottom: 20px;
	box-sizing: border-box
}

ul.product-features>li:nth-child(n*3) {
	margin-right: 0px;
	margin-bottom: 0px;
}

/* FLIP */

/* simple */

.flip-container {
	display: block;
	margin-left: auto;
	margin-right: auto;
	-webkit-perspective: 970;

	-moz-perspective: 970;

	-ms-perspective: 970;

	perspective: 970;

	-ms-transform: perspective(970px);

	-moz-transform: perspective(970px);

	-moz-transform-style: preserve-3d;

	-ms-transform-style: preserve-3d;

	/*border: 1px solid #ccc;*/

}

/* START: Accommodating for IE */

.flip-container:hover .back,
.flip-container.hover .back {

	-webkit-transform: rotateY(0deg);

	-moz-transform: rotateY(0deg);

	-o-transform: rotateY(0deg);

	-ms-transform: rotateY(0deg);

	transform: rotateY(0deg);


}

.flip-container:hover .front,
.flip-container.hover .front {

	-webkit-transform: rotateY(180deg);

	-moz-transform: rotateY(180deg);

	-o-transform: rotateY(180deg);

	transform: rotateY(180deg);
	cursor: pointer;

}

/* END: Accommodating for IE */
.gb_vc {
	border-radius: 15px;
}

.flip-container,
.front,
.back {

	width: 299px;

	height: 193px;

	box-sizing: border-box;


}

.front,
.back {
	padding: 0px;
}

.back>ul {
	float: left;
	width: 100%;
	margin: 0px;
	list-style: disc;
	padding-left: 15px;
	padding-top: 5px;
	width: 100%;
	color: black;
	box-sizing: border-box;
	font-size: 14px
}

.front>div {
	margin-top: 40px;
}

.front>div>img {
	height: 150px
}

.flipper {

	-webkit-transition: 0.6s;

	-webkit-transform-style: preserve-3d;

	-ms-transition: 0.6s;

	-moz-transition: 0.6s;

	-moz-transform: perspective(970px);

	-moz-transform-style: preserve-3d;

	-ms-transform-style: preserve-3d;

	transition: 0.6s;

	transform-style: preserve-3d;

	position: relative;

}

.front,
.back {

	-webkit-backface-visibility: hidden;

	-moz-backface-visibility: hidden;

	-ms-backface-visibility: hidden;

	backface-visibility: hidden;

	-webkit-transition: 0.6s;

	-webkit-transform-style: preserve-3d;

	-webkit-transform: rotateY(0deg);

	-moz-transition: 0.6s;

	-moz-transform-style: preserve-3d;

	-moz-transform: rotateY(0deg);

	-o-transition: 0.6s;

	-o-transform-style: preserve-3d;

	-o-transform: rotateY(0deg);

	-ms-transition: 0.6s;

	-ms-transform-style: preserve-3d;

	-ms-transform: rotateY(0deg);

	transition: 0.6s;

	transform-style: preserve-3d;

	transform: rotateY(0deg);

	position: absolute;

	top: 0;

	left: 0;

}

.front {

	-webkit-transform: rotateY(0deg);

	-ms-transform: rotateY(0deg);

	background: #03a9f4;

	z-index: 2;

}

.back {


	-webkit-transform: rotateY(-180deg);

	-moz-transform: rotateY(-180deg);

	-o-transform: rotateY(-180deg);

	-ms-transform: rotateY(-180deg);

	transform: rotateY(-180deg);

}

.front .name {

	font-size: 2em;

	display: inline-block;

	background: rgba(33, 33, 33, 0.9);

	color: #f8f8f8;

	font-family: Courier;

	padding: 5px 10px;

	border-radius: 5px;

	bottom: 60px;

	left: 25%;

	position: absolute;

	text-shadow: 0.1em 0.1em 0.05em #333;

	display: none;

	-webkit-transform: rotate(-20deg);

	-moz-transform: rotate(-20deg);

	-ms-transform: rotate(-20deg);

	transform: rotate(-20deg);

}

/* vertical */

.vertical.flip-container {

	position: relative;

}

.vertical .back {

	-webkit-transform: rotateX(180deg);

	-moz-transform: rotateX(180deg);

	-ms-transform: rotateX(180deg);

	transform: rotateX(180deg);

}

.vertical.flip-container .flipper {

	-webkit-transform-origin: 100% 213.5px;

	-moz-transform-origin: 100% 213.5px;

	-ms-transform-origin: 100% 213.5px;

	transform-origin: 100% 213.5px;

}

/* START: Accommodating for IE */

.vertical.flip-container:hover .back,
.vertical.flip-container.hover .back {

	-webkit-transform: rotateX(0deg);

	-moz-transform: rotateX(0deg);

	-o-transform: rotateX(0deg);

	-ms-transform: rotateX(0deg);

	transform: rotateX(0deg);

}

.vertical.flip-container:hover .front,
.vertical.flip-container.hover .front {

	-webkit-transform: rotateX(180deg);

	-moz-transform: rotateX(180deg);

	-o-transform: rotateX(180deg);

	transform: rotateX(180deg);

}

/*FLIPPER by Scu 18_12_20*/



/*WEB REGISTRASI HOMEPAGE ERL UNBK 18_11_27*/

/*DIAMBIL DARI BOOTSTRAPVERSI4 18_10_30*/
@media (min-width: 768px) {
	.justify-content-md-center {
		-webkit-box-pack: center !important;
		-ms-flex-pack: center !important;
		justify-content: center !important;
	}
}

.row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}

/*DIAMBIL DARI BOOTSTRAPVERSI4 18_10_30*/

/*web_dashboard*/
.voucher_dashboard {
	background-color: #eef0f1;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

a:hover,
a:focus,
a:active,
a.active {
	/* color: #428bca; */
	text-decoration: none;
}

a:-webkit-any-link {
	text-decoration: none;
}

.kvoucher {
	width: 69px;
	padding: 5px 0px;
	border: 1px solid #00BFFF;
	text-transform: uppercase;
	text-align: center !important;
}

/*CSS web_dashboard by Scu 18_10_06*/
.jud_sim {
	border-color: green;
	padding: 6px 15px;
}

.jud_tur {
	padding: 18px 15px 19px 15px;
	border-color: red;
}

/*end CSS web_dashboard by Scu 18_10_06*/
/* CSS simulasi_start & konfirm data by Scu 18_12_06*/
#kotakputihstart {
	background-color: #fff;
	height: auto;
	/*height: 250px;*/
}

#kotakputihkonfirm {
	background-color: #fff;
	height: auto;
}

.detailstartsimulasi {
	text-align: center;
	font-size: 16px;
	margin-bottom: 10px;
	font-family: Calibri;
}

.konfirmdata {
	text-align: center;
	font-size: 20px;
	font-family: Calibri;
}

.detailkonfirmdata {
	text-align: center;
	font-size: 16px;
	font-family: Calibri;
}

.bariskonfirm_data {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.boldnama {
	font-weight: bold;
}

.alert-message-login-start {
	color: #e71007;
	text-align: left;
	font-size: 18px;
	font-weight: bold;
	/* margin-left: 40px;*/
	margin-bottom: 10px;
	font-family: Calibri;
}

#form_login .text,
#form_login .text.pass {
	background-image: url(../../../images/admin_images/ico_login.png);
	background-position: 10px 12px;
	background-repeat: no-repeat;
}

#form_login input {
	border: 1px solid #066E8C;
	border-radius: 0.3em 0.3em 0.3em 0.3em;

	font-size: 16px;
	padding: 8px 10px 6px 35px;
	/* width: 183px;*/
}

#form_login .pass {
	background-position: 10px -27px !important;
}

@media (min-width: 992px) {
	.kolomstartsim {
		padding: 8px 10px 6px 35px;
	}
}

/* end CSS simulasi_start by Scu 18_12_06*/
.nm_paket {
	color: #fff;
	border-style: solid;
	background-color: #000;
	text-align: center;
	/*width: 230px;*/
	font-size: 18px;
	font-weight: bold;
	/*padding:5px 0px;*/
	/*font-family: "Open Sans",Helvetica,Arial,sans-serif;*/
	font-family: Calibri;
	/*box-shadow: inset 0 0 7px #75849a;*/
}



.img_tombolpaket {
	border-radius: 10px;
	position: relative;
	float: left;
	text-align: center;
}

.nm_pkt_simulasi {
	left: 0;
	width: 100%;

	/*top: 50%;
	transform: translate(-50%, -50%);*/
	color: #000;
	display: inline-block;
	text-align: center;
	font-size: 35px;
	font-weight: bold;
	/*padding:5px 0px;*/
	/*font-family: "Open Sans",Helvetica,Arial,sans-serif;*/
	font-family: Calibri;
	/*box-shadow: inset 0 0 7px #75849a;*/
}

.pilih_paket:hover {
	cursor: pointer;
	color: #fff;
	/*background-color: #6bb7d9;*/
}

.pilih_paket {
	background-color: #7963ac;
	box-shadow: 4px 5px 6px 0 #9e9e9e;

	width: 100%;
	margin: 10px auto;
	display: flex;
	align-items: center;
	border-radius: 15px;
	float: left;
	text-align: center;
	font-family: Calibri;

}

.hpaket5 {
	height: 150px;
}

.hpaket10 {
	height: 130px;
}

.mbawah20 {
	margin-bottom: 20px;
}

.pbawah30 {
	padding-bottom: 50px;
}

.col-paket-unbk {
	margin: 10px 0px;
}

.card-paket-unbk {
	border-radius: 10px;
	box-shadow: 7px 7px 8px #b3adad;
	background-image: -webkit-linear-gradient(60deg, #0b5da5 50%, #0f7cda 50%);
}

.icon-paket-unbk {
	color: #fff;
	font-size: 70px;
}

.text-paket-unbk {
	white-space: nowrap;
	font-family: PFTraffic;
	font-size: 16px;
	color: #fff;
	display: block;
	margin-top: 10px;
}

@media (min-width: 768px) {
	.pilih_paket {
		margin-left: 16px;
		margin-right: 16px;
	}

	.col-paket-unbk {
		flex: 0 0 20%;
		max-width: 20%;
		min-width: 200px;

	}

	.achivement__universitas--logo-wrap {
		width: 20%;
		height: 98px;
		background-color: rgb(255, 255, 255);
		box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 8px 0px;
		margin-left: 16px;
		margin-right: 16px;
		flex: 1 1 0%;
		border-radius: 11.2px;
	}
}

.achivement__universitas--logo-wrap {
	width: 33%;
	padding: 12px;
	margin: 0px auto;
}


.kotakdalam {
	margin-top: 26px;
}

.kotakdalam10 {
	margin-top: 22px;
}

.angka_paket {
	color: #fff;
}

.fontpaket {
	border-radius: 15px 15px 0px 0px;
	font-size: 16px;
	font-weight: bold;
}

.fontangkapaket {
	font-size: 50px;
	font-weight: bold;
	padding-bottom: 15px;
}

.nm_perpaket {
	border-radius: 0px 0px 15px 15px;
	background-color: #fff;
	color: #03a9f4;
	text-align: center;

	margin: 0px auto 0px auto;
	left: 0;
	right: 0;
	/* width: 100%;*/
	justify-content: center;
	flex-direction: column;
	align-items: center;
	display: flex;
	font-size: 16px;
	font-weight: bold;
	/*padding:5px 0px;*/
	/*font-family: "Open Sans",Helvetica,Arial,sans-serif;*/
	font-family: Calibri;

	/*
    position: absolute;
    top: 25%;
    width: 90%;
	*/


	/*top: 50%;
	transform: translate(-50%, -50%);*/


	/*box-shadow: inset 0 0 7px #75849a;*/
}


.sub_bind {
	border-color: red;
}

.nm_paket:hover {
	color: #fff;
	background-color: #00bcd4;
	text-decoration: none;
	cursor: pointer;
}

.sub_mat {
	border-color: blue;
}

.sub_fisika {
	border-color: blue;
}

.sub_kimia {
	border-color: tosca;
}

.kotak_paket_dashboard {
	font-family: Arial;
	font-size: 18px;
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
}


#sim_unbk {
	/* background-image: url(../../../images/admin_images/ico_login.png);*/
	/* background: url(../img/unbk/background_simunbk.png)  no-repeat;
	background-attachment: fixed;
	 background-position:  right 30px center; 
	 background-size:100%;
    background-repeat: no-repeat;*/

	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: url(../img/unbk/background_simunbk.png) no-repeat;
	background-size: auto 100%;
	background-position: right 10% center;




}

.kotak_paket_mapelsd {
	margin: 5px 0px;
	text-align: center;
}

.kotak_paketsd {
	margin: 1% 0px;
	text-align: center;
}

.kotak_paket_dashboard img {
	height: auto !important;
}

@media screen and (max-width: 768px) {
	.kotak_paket_dashboard {
		/*margin-bottom:30px;*/
	}

	.kotak_paket_mapel {
		margin: 2% 0px;
		text-align: center;
	}

	.kotak_paket {
		margin: 1% 0px;
	}

	.nm_pkt_simulasi {
		/*left: 50%;*/
	}

	.nm_perpaket {

		/*left: 50%;*/
	}

	.kotak_paket_tutorial {
		margin: 3% 0px;
	}

	.halaman-isi {
		padding-bottom: 5px;
	}

	#isi_aplikasi {

		/* padding: 30px 0;*/
	}

	.posisipaket {
		margin-top: 20px;
		justify-content: center !important;
		margin-left: auto;
		margin-right: auto;
	}

	.text-paket-unbk {
		font-size: 20px;
	}

}

.title_arsip {
	margin-bottom: 20px;
}

@media (min-width: 992px) {
	.title_unbk {
		margin-top: 60px;
	}

	.title_dashboard {
		margin: 30px 0px;
	}

	.title_arsip {
		margin-bottom: 20px;
	}

	.title_kode_aktivasi {
		margin-top: 120px;
	}

	.nm_perpaket {
		/*left: 10%;*/
	}

	.kotak_paket {
		margin: 3% 0px;
		text-align: center;
	}

	.kotak_paket_mapel {
		margin: 2% 0%;
		text-align: center;
	}

	.kotak_paket_tutorial {
		margin: 3% 0px;
	}

	.posisipaket {
		margin-left: auto;
		margin-right: auto;
	}
}
.posisipaket {
	margin-left: auto;
	margin-right: auto;
}

.posisi {
	margin-top: 50px;
}

.posisi20 {
	margin-top: 20px;
}

.posisi30 {
	margin-top: 30px;
}
.posisia30b60 {
	margin-top: 30px;
	margin-bottom: 60px;
}
.posisi80 {
	margin-top: 80px;
}

/*css add by Scu 18_11_01*/
.pr_nama_app {
	font-size: 60px;
	color: #fff;
	font-weight: bold;
	font: Calibri;
}

/*css add by Scu 18_11_01*/
/*web_dashboard*/

/*web_simulasi*/
/*css add by Scu 18_11_03*/
@media (min-width: 768px) {

	.margin_top_header_smsoal {
		min-height: 360px;
		padding: 75px 0px 50px 0px;
		height: 100%;
	}

}

.margin_top_header_smsoal {
	min-height: 370px;
	margin-top: 40px;
	padding: 50px 0px 58px 0px;
	height: 100%;
}

.margin_top_header {
	min-height: 370px;
	/*remark scu*/
	height:100%;
	padding: 75px 0px 58px 0px;
}

.margin_top_header_login {
	min-height: 370px;
	padding: 75px 0px 58px 0px;
	height: 100%;
}

@media (min-width: 992px) {

	.margin_header_konfirmdata {
		min-height: 360px;
		padding: 75px 0px 50px 0px;
		height: 100%;
	}

	.mheight {
		min-height: 400px;
		padding: 0px 0px 0px 0px;
	}
}

@media screen and (max-width: 768px) {


	.margin_header_konfirmdata {
		min-height: 555px;
		height: auto;
		margin-top: 40px;
		padding: 75px 0px 80px 0px;
	}
}

.margin_top_header_simunbk {
	min-height: 670px;
	padding: 95px 0px 58px 0px;
	height: 100%;
}

.margin_top_header_simunbksd {
	min-height: 690px;
	padding: 59px 0px 0px 0px;
	height: 100%;
}

.margin_top_header_dashboard {
	min-height: 370px;
	padding: 59px 0px 0px 0px;
	padding-bottom: 100px;
}

.margin_top_header_kodeaktivasi {
	min-height: 370px;
	padding: 59px 0px 0px 0px;
	height: 100%;
}

.margin_top_header_tutorial {
	min-height: 370px;
	padding: 90px 0px 50px 0px;
	height: 100%;
}

.paketaktif {
	background-color: #ebf4f9;
	padding: 0px 0px 0px 0px;
}

.ktbiru {
	background-color: #1db6b5;
	/*background-color:#088cd6;*/
	border-radius: 10px 10px 0px 0px;
}

.ktkuning {
	background-color: #ffc107;
	border-radius: 10px 10px 10px 10px;
	padding: 10px;
}

.ktperingkat1 {
	background-color: #b52424;
	border-radius: 10px 10px 10px 10px;
	padding: 10px;
}

.aktivasivc {
	margin-top: 120px;
	margin-bottom: 5px;
	background-color: #088cd6;
	padding: 10px 0px 0px 0px;
}

#web_simulasi {
	/*min-height: 800px;
	padding: 50px 0px 50px 0px; 
	background-color:#cdcbcc;
	
	*/
	min-height: 650px;

	background-color: #565053;
}

#box_abu2 {
	background-color: #e0e0e0;
	position: status;
}

#kotak_putih1 {
	background-color: #fdfdfc;
	height: 340px;
	margin-top: 10px;
	position: static;
	/*margin-bottom: 70px;*/
}

#kotak_putihdaftarsoal {
	background-color: #fff;
	/*background-color:#53bdce;*/
	height: auto;
	/*height:200px;*/
	top: 58px;
	right: 0;
	border: 2px solid #e0e0e0;
	position: absolute;
	z-index: 10;
	/*margin-bottom: 70px;*/
}

#cobanomor {
	font-size: 16px;
	display: flex;
	font-weight: bold;
	background: #33669b;
	position: absolute;
	width: 35px;
	padding: 3px 0px;
	justify-content: center;
	align-items: center;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	border: none;
	color: #fff;
	font-family: Calibri;
	-o-text-overflow: clip;
	text-overflow: clip;
}

@media (min-width: 992px) {
	.soalno {
		margin-left: 1%;
	}
}

@media screen and (max-width: 768px) {
	.npaket {
		margin-bottom: 10px;
	}
}

.tbdaftarsoal {
	position: absolute;

	right: 0;

	max-width: 75%;
	font-size: 16px !important;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;

}

.tbtutupsoal {
	position: absolute;
	top: -2px;
	left: 0;
	max-width: 75%;
	font-size: 16px !important;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;

}

@media (min-width: 992px) {
	.tbdaftarsoal {
		width: 7%;
		top: 11%;
	}

	.tbds {
		margin-right: -4%;
	}

	.tpsoal {
		margin-left: -8%;
	}

}

@media screen and (max-width: 768px) {
	.tbdaftarsoal {
		width: 23%;
		top: 17%;
	}

	.tpsoal {
		margin-left: -5%;
	}
}

.tomboldaftarsoal {

	position: absolute;
	top: 0;
	right: 0;
	max-width: 75%;


	background-color: #ffff;
	/* border-style: groove; */
	border: 2px solid #e0e0e0;


	width: 100%;
	display: inline-block;
	font-weight: 400;
	margin-bottom: 10px;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;

	font-size: 1rem;
	line-height: 1.5;
	/* border-radius: 0.25rem;*/
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.tindakan {
	margin-left: 15px;
	margin-bottom: 10px;
}

.tombol_soal {
	color: #fff;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	padding: 0px 0px;
	font-family: Calibri;
}

.tb_dfsoals:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	border-right: 12px solid #727272;
	position: absolute;
	top: 16px;
	left: -12px;
}

.tombol_soal:hover {
	cursor: pointer;
}

.deskripsi {
	font-size: 18px;
	font-family: Calibri;
}

.desc_tes {
	font-size: 14px;
	font-family: Lato;
}

.deskulvc {
	padding-inline-start: 20px;
	margin: 0px;
}

.deskulvc li {
	margin-bottom: 0px ! important;
}

@media screen and (max-width: 768px) {

	.ui-dialog,
	.ui-widget,
	.ui-widget-content,
	.ui-corner-all,
	.ui-front,
	.ui-draggable,
	.ui-resizable {}

	#modal_simpan_simulasi {}
}

@media (min-width: 992px) {

	#modal_simpan_simulasi {}

	.ui-dialog,
	.ui-widget,
	.ui-widget-content,
	.ui-corner-all,
	.ui-front,
	.ui-draggable,
	.ui-resizable {}
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
	pointer-events: none;
	cursor: not-allowed;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	box-shadow: none;
	opacity: .65;
}

.ba {
	cursor: not-allowed;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	box-shadow: none;
	opacity: .65;
}

.btn:disabled {
	cursor: not-allowed;
	box-shadow: none;
	opacity: .65;

}

.kotaktabel {
	margin: 0 -23px;
}

.kotakidsoal:hover {
	cursor: pointer;
}

.tb_dfsoal {
	/*border-spacing: 15px 5px 15px 5px;*/
	display: table;
	border-collapse: separate;
	/*csslama*/
	/*border-spacing: 22px 0.8rem;*/
	border-spacing: 15px 0.8rem;
	
	
	/* border-spacing: 25px 10px 10px;*/

}

.kotakidsoal {
	width: 30px;
	height: 30px;

	border: 1px solid #000;
	position: relative;
	margin: 5px 0px 0px 0px;

}

.kotakbshasil {
	width: 20px;
	height: 25px;

	border: 1px solid #000;
	position: relative;

}

.hkotaksoal:hover {
	cursor: pointer;
}

.angka_list {
	padding: 10px 0px;
}

.righttop {
	right: -11px;
	/*top: -10px;*/
	top: -12px;
}

.dot {
	height: 23px;
	width: 23px;
	border: 1px solid #000;
	/*border: 2px solid #e76b69;*/
	border-radius: 100%;
	background: #fff;
	position: absolute;
}

.squ {
	height: 23px;
	width: 28px;
	/*right: -55px;*/
	border: 1px solid #000;
	/*border: 2px solid #e76b69;*/
	background: #fff;
	position: absolute;
}

.kotakidsoal2 {
	display: flex;
	font-weight: bold;
	background: #33669b;
	width: 35px;
	padding: 5px 0px;
	justify-content: center;
	align-items: center;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	border: 2px solid #e76b69;
	border: none;
	color: #fff;
	font-family: arial, helvetica, sans-serif;
	-o-text-overflow: clip;
	text-overflow: clip;
}

/*checkbox custom by Scu 18_11_13*/
.checkbox_custom label:after {
	content: '';
	display: table;
	clear: both;


}


.checkbox_custom:hover {
	cursor: pointer;
}

.checkbox_custom .cr {
	cursor: pointer;
	position: relative;
	display: inline-block;
	border: 1px solid #a9a9a9;
	border-radius: .25em;
	width: 1.3em;
	height: 1.3em;
	float: left;
	margin-right: .5em;
}

.checkbox_custom .cr .cr-icon {
	position: absolute;
	font-size: .8em;
	line-height: 0;
	top: 50%;
	left: 20%;
}

.checkbox_custom label input[type="checkbox"] {
	display: none;
}

.checkbox_custom label input[type="checkbox"]+.cr>.cr-icon {
	transform: scale(3) rotateZ(-20deg);
	opacity: 0;
	transition: all .3s ease-in;
}

.checkbox_custom label input[type="checkbox"]:checked+.cr>.cr-icon {
	transform: scale(1) rotateZ(0deg);
	opacity: 1;
}

.checkbox_custom label input[type="checkbox"]:disabled+.cr {
	opacity: .5;
}

/*checkbox custom by Scu 18_11_13*/
/*hasil_simulasi by Scu 18_11_13*/
.tbold {
	font-weight: bold;
}

.vhal {
	min-height: 530px;
}

#hasil_simulasi {
	/*min-height: 800px;
	padding: 50px 0px 50px 0px; 
	background-color:#cdcbcc;
	
	*/
	min-height: 650px;
	padding: 90px 0px 50px 0px;
	background-color: #cdcbcc;
}

.posisitop {
	margin-top: 0px;
}

.posisitop10 {
	margin-top: 10px;
}

.posisitop30 {
	margin-top: 30px;
}

.posisitopbottom {
	margin: 50px 0px;
}

.posisitopbottom30 {
	margin: 30px 0px;
}

.posisitopbottom20 {
	margin: 20px 0px;
}

@media screen and (max-width: 768px) {
	.posisi3050 {
		margin: 30px 0px 10px 0px;
	}

	.posisitopbottom70 {
		margin: 0px 0px;
	}

	.margin_top_header_login {
		min-height: 370px;
		margin-top: 40px;
		padding: 20px 0px 58px 0px;
		height: 100%;
	}

	#kotak_utama {
		margin-top: 0px;
	}
}

@media (min-width: 992px) {
	.posisi3050 {
		margin: 50px 0px 30px 0px;
	}

	.posisitopbottom70 {
		margin: 91px 0px;
	}

	.margin_top_header_login {
		min-height: 360px;
		padding: 75px 0px 50px 0px;
		height: 100%;
	}

	.margin_top_header_lupa_pwd {
		margin-top: 50px;
		min-height: 350px;
		padding: 65px 0px 60px 0px;
		height: 100%;
	}

	#kotak_utama {
		margin-top: 50px;
	}

}

.posisitopbottom100 {
	margin: 100px 0px;
}

.posisibottoms {
	margin: 50px 0px;
}

.rdkotakatas {
	border-radius: 5px;
	box-shadow: 1px 0px 19px #d6d6d6;
}

#kotak_utama_hasil {
	/*background-color: #bccfe6;*/
	height: 400px;
	font-size: Calibri;
	/* padding-bottom: 20px; */
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
}

#kotak_utama {
	/*background-color: #cdcbcc;*/
	height: 400px;
	/* padding-bottom: 20px; */
}

.cbluep {
	color: #25aae1;
	margin-bottom: 20px;
}

#kotakputihprofil {
	background-color: #fff;
	height: auto;
}

#kotak_utama_profil {
	/*background-color: #cdcbcc;*/
	/*height: 400px;*/
	height: auto;
	font-family: 'Athiti', sans-serif;
	/* padding-bottom: 20px; */
	\

}

.kolom_profil {

	padding: 8px 10px 6px 35px;
}

.kolom_perangkat {

	padding: 0px 10px 0px 35px;
}

.detailprofil {
	text-align: center;
	font-size: 16px;
	margin-bottom: 10px;
}

.btsimpanprofil {
	margin-top: 10px;
}

#kotak_hasil_simulasi {
	height: 40px;
	padding-top: 10px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.ptopbottom {
	padding: 10px 0px;
}

.pall {
	padding: 10px;
}

.pleftright {
	padding: 0px 10px;

}

.mpgbottom {
	margin-bottom: 10px;
}

.mbottom {
	margin-bottom: 10px;
}

.mright {
	margin-right: 10px;
}

#kotak_putihdaftarsoalhasil {
	/*background-color:#53bdce;*/
	height: auto;

	/*height:200px;*/
	/* right: 0;

	position: absolute;
	 z-index: 10;*/
	/*margin-bottom: 70px;*/
}

#kotakputihskor {
	background-color: #fff;
	/*height: 200px;*/
	height: auto;
}

#kotak_bawah {
	height: 30px;
	margin-bottom: 30px;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}

#kotak_perangkat {
	height: auto;
	margin-bottom: 10px;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}

#kotaktotalskor {
	/* background-color: #00bcd4;*/
	height: 35px;
	margin-top: 15px;
	padding-top: 10px;
	/* padding-bottom: 20px; */
	/* margin-bottom: 70px; */
}

#kotakpesan {
	/* background-color: #00bcd4;*/
	margin-bottom: 20px;
	padding: 10px 0px;

}

.haidash {

	font-size: 30pt;
}

.aktdash {
	cursor: pointer;
}

.kodeaktdash {
	font-size: 17pt;
}

.judulhasilsimulasi {
	text-align: center;
	font-family: 'Athiti', sans-serif;
	/*font-weight:bold;*/

	/*padding:5px 0px;*/
	/*font-family: "Open Sans",Helvetica,Arial,sans-serif;*/

	/*box-shadow: inset 0 0 7px #75849a;*/
}

.fsizestandar {
	font-size: 16px;
}

.fsize18 {
	font-size: 18px;
}

.fsize22 {
	font-size: 22px;
}

.fsize24 {
	font-size: 24px;
}

.fwb {
	font-weight: bold;
}

.namaket {
	text-align: center;
	font-size: 16px;
	font-family: Calibri;
}

#simulasiForm {
	margin-bottom: 5px;
}

.warnaprint {
	color: #1DB954;
}

.angkanilai {
	text-align: center;
	font-size: 45px;
	font-weight: bold;
	/*padding:5px 0px;*/
	/*font-family: "Open Sans",Helvetica,Arial,sans-serif;*/
	font-family: Calibri;
	/*box-shadow: inset 0 0 7px #75849a;*/
}

#kotaknilai {
	/* background-color: #00bcd4;*/
	height: 80px;
	border: 2px solid #e76b69;
	/* padding-bottom: 20px; */
	/* margin-bottom: 70px; */
}

.tombol_menu {
	margin-bottom: 10px;
}

.cputih {
	color: #fff;
}

.cmerah {
	color: #f00;
}

.csalem {
	color: #e76b69;
}

.cangka {
	color: #b30013;
}

.cbiru {
	color: #25aae1;
}

.chijauarsip {
	color: #1a8d8b;
}

.bputih {
	background: #fff;
}

.bsalem {
	background: #e76b69;
}
.bungu {
	background: #7568c5;
}
.bbiru {
	background: #2d68a2;
}

.borangemuda {
	background: #ffab6b;
}

.bhijaumuda {
	background: #5ab95b;
}

.tombol {
	width: 100%;
	display: inline-block;
	font-weight: 400;
	margin-bottom: 10px;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;

	font-size: 1rem;
	line-height: 1.5;
	/* border-radius: 0.25rem;*/
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.ling_orange {
	width: 100px;
	height: 100px;
	border-radius: 100px;
	background: #3697f6;
	margin-left: auto;
	margin-right: auto;
}

/* hasil_simulasi by Scu 18_11_13 */
/* pembahasan_hasil_simulasi by Scu 18_12_10 */
#kotak_pembahasan_simulasi {
	/*background-color:#53bdce;*/
	height: auto;
	min-height: 500px;
	/*height:200px;*/
	/* top: 70px;*/
	left: 0;

	position: absolute;
	z-index: 10;
	/*margin-bottom: 70px;*/
}

#kotak_dtpembahasan_simulasi {
	background-color: #bccfe6;
	height: 400px;

	margin-left: auto;
	margin-right: auto;
}

.konten_pembahasan {
	font-size: 16px;
}

.close-button {
	display: inline-block;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	float: right;
	width: 30px;
	height: 30px;
	position: relative;
	border: none;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	font: normal 8em/normal Arial, Helvetica, sans-serif;
	color: rgba(0, 0, 0, 1);
	-o-text-overflow: clip;
	text-overflow: clip;
	background: rgba(246, 213, 160, 1);
}

.close-button::before {
	display: inline-block;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	width: 0.45em;
	height: 0.1em;
	position: absolute;
	content: "";
	top: 0.33em;
	left: 0.155em;
	border: none;
	font: normal 100%/normal Arial, Helvetica, sans-serif;
	color: rgba(0, 0, 0, 1);
	-o-text-overflow: clip;
	text-overflow: clip;
	background: #ffffff;
	text-shadow: none;
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
}

.close-button::after {
	display: inline-block;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	width: 0.45em;
	height: 0.1em;
	position: absolute;
	content: "";
	top: 0.33em;
	left: 0.155em;
	border: none;
	font: normal 100%/normal Arial, Helvetica, sans-serif;
	color: rgba(0, 0, 0, 1);
	-o-text-overflow: clip;
	text-overflow: clip;
	background: #ffffff;
	text-shadow: none;
	-webkit-transform: rotateZ(-45deg);
	transform: rotateZ(-45deg);
}

.arrow {
	cursor: pointer;
	color: #e76b69;
	border: 1px solid #AEAEAE;
	border-radius: 30px;
	background: #ffffff;
	font-size: 30px;
	font-weight: bold;
	display: inline-block;
	line-height: 0px;
	padding: 11px 3px;
}

.arrow:before {
	content: " ";
}

.circle {
	width: 40px;
	height: 40px;
	background: #ffff;
	border: 4px solid #e76b69;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	position: relative;
	cursor: pointer;
	display: inline-block;
	/* margin: 10px 20px;*/
}

.circle:before {
	left: 50%;
	top: 50%;
	margin-left: -12px;
	margin-top: -2px;
	width: 24px;
	height: 4px;
	background-color: #e76b69;
	content: "";
	position: absolute;
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	/* transform: rotate(45deg); */
}

.circle:after {
	width: 24px;
	height: 4px;
	background-color: #e76b69;
	content: "";
	left: 50%;
	top: 50%;
	margin-left: -12px;
	margin-top: -2px;
	position: absolute;
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}



.isi_pertanyaanasda {
	margin: 20px 5px;
	background-color: #e0e0e0;
	/* border-style: groove; */
	border: 2px solid #e0e0e0;
	overflow-y: scroll;
	height: 350px;
	font-size: 18pt !important;
}

.tdontop {
	vertical-align: top;
	line-height: 1.75;

}

.kotak_isi_pembahasan {
	/* padding-bottom: 20px; */
	/*margin-left: auto;
	margin-right: auto;*/
	margin: 0px 0px 0px 0px;
	font-family: Calibri;
	background-color: #fff;
	/* height: 350px;*/
	/* height: 513px;*/
	height: 485px;
	overflow-y: scroll;
	font-size: 16px;
}

.collapse {
	display: none;
	/*visibility: hidden;*/
}

.collapse.in {
	display: block;
	visibility: visible;
}

tr.collapse.in {
	display: table-row;
}

tbody.collapse.in {
	display: table-row-group;
}

.collapsing {
	position: relative;
	height: 0;
	overflow: hidden;
	-webkit-transition-property: height, visibility;
	transition-property: height, visibility;
	-webkit-transition-duration: 0.35s;
	transition-duration: 0.35s;
	-webkit-transition-timing-function: ease;
	transition-timing-function: ease;
}

.collapsing.width {
	-webkit-transition-property: width, visibility;
	transition-property: width, visibility;
	width: 0;
	height: auto;
}

/* pembahasan_hasil_simulasi by Scu 18_12_10 */

/*CSS VOUCHER AKTIVASI by Scu 18_11_30*/
.cont-rounded-spasi {
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 1px 1px 3px #d6d6d6;
	padding: 10px 30px;
	margin: 1% 5%;
}

.cont-rounded-dashboardvc {
	background-color: #ffc107;
	border-radius: 5px;
	box-shadow: 1px 1px 3px #d6d6d6;
	padding: 10px 30px;
	margin: 1% 1%;
}

.kotak_aktberhasil {
	display: inline-block;
	vertical-align: middle;
	line-height: normal;

}

.isi_nama_voucher {
	background-color: #ffff;
	margin: 0px 0px;
	/*margin:30px 0px;*/
}

#aktivasi_berhasil {
	min-height: 500px;
}

#web_dashboard {
	min-height: 100px;

	background-color: #ebf4f9;
}

#web_kode_aktivasi {
	min-height: 650px;

	background-color: #ebf4f9;
}

#aktivasi_berhasil h2 {
	font-size: 35px;
	color: #25aae1;
	/* margin-bottom: 20px;*/
}

.detail_aktivasi div {
	font-weight: bold;
	border: #00BFFF 1px solid;
	padding: 5px 0px 5px 5px;
	border-radius: 2px;
}

.detail_aktivasi {
	text-align: center;
	font-size: 18px;
	margin: 10px;
	/*padding:5px 0px;*/
	/*font-family: "Open Sans",Helvetica,Arial,sans-serif;*/
	font-family: Calibri;
	/*box-shadow: inset 0 0 7px #75849a;*/
}

/*CSS VOUCHER AKTIVASI by Scu 18_11_30*/

/*css add by Scu 18_11_03*/

/*web_tutorial*/
/*css add by Scu 19_01_02*/

@media screen and (max-width: 768px) {
	.garis_tutorial {
		border-bottom: 2px solid #ddd;
	}
	.daftar-web{
		display: none;
	}

	.tutorpadding {
		padding: 0px 42px;
		margin: auto;
	}
}

@media (min-width: 992px) {
	.garis_tutorial {
		border-right: 2px solid #ddd;
	}

	.tutorpadding {
		padding: 6px 70px;
		margin: auto;
	}
}

.bkotakabu2 {
	background-color: #bfd0de;
	font-weight: bold;
}

.kotakidsoaltutor {
	background-color: #bfd0de;
	font-weight: bold;
	width: 32px;
	height: 32px;
	border: 1px solid #000;
	position: relative;
	margin: 5px 0px 0px 0px;
}

.kotakidsoaltutor:hover {
	cursor: pointer;
}

/*css add by Scu 19_01_02*/
/*web_tutorial*/

/*web_simulasi*/



/*FOOTER*/
.front-footer {
	z-index: 15;
}

.normal_box_voucher {
	display: flex;
	justify-content: center;
	align-items: center;
	-webkit-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	width: 245px;
	border: none;
	color: #fff;
	border-radius: 10px 10px 0px 0px;
	font: normal 100%/normal Arial, Helvetica, sans-serif;
	-o-text-overflow: clip;
	text-overflow: clip;
}

@media (min-width: 992px) .voucher2 {
	background: #009767;
	position: absolute;
	top: -51px;
	left: 33%;
	padding: 5px 0px;
}

.stepsoal {
	-webkit-user-select: none;
	-moz-user-select: -moz-none;
	-ms-user-select: none;
	user-select: none;
}

.navbar-toggler:not(:disabled):not(.disabled) {
	position: absolute;
	top: 10px;
	right: 20px;
}

img.logo-front {
	width: 250px;
	height: auto;
}

#unbk {
	font-family: 'Athiti', sans-serif;
}

#box_kode p img{
	height: auto !important;
}


/*scu_220317*/
.upc {
    text-transform: uppercase;
}