@font-face {
	font-family: 'Ubuntu Condensed';
	src: url('/fonts/Ubuntu-C.ttf');
}

@font-face {
	font-family: 'Trebuc';
	src: url('/fonts/trebuc.ttf');
}

@font-face {
	font-family: 'Cooper';
	src: url('/fonts/COOPBL.TTF');
}

.FCooper{
	font-family: 'Cooper';
	letter-spacing:-0.5pt;
}

.FShadow{
	color:#008040;
	text-shadow: 3px 3px 3px #000000, 0 0 5px #000000;
}

.FShadowHijau{
	color:#ffffff;
	text-shadow: 2px 3px 8px #000000, 1px 1px 6px #000000;
}

.FUbuntu{
	font-family: 'Ubuntu Condensed';
	letter-spacing:-0.5pt;
}

.FCoklatMuda{
	color: #ff8040;	
}

.FBiru{
	color: #002e5b;	
}


.FAbu{
	color: #5b5b5b;	
}


.FMerah{
	color: #ff0000;	
}

.FInfo{
	color: #510000;	
}

.FSuccess{
	color: #00ae57;	
}

.FHijau{
	color: #008844;	
}
.FPutih{
	color:#ffffff;
}

.FKuning{
	color:#ffff00;
}

.FBiruSedang{
	color:#0080c0;
}

.FBiruMuda{
	color:#c1ebff;
}

.F10{
	font-size:10px;
}

.FAbuMudaSekali{
	color:#adadad;
}

.FHitamMuda{
	color: #313131;	
}

.FHitam{
	color: #000000;	
}

.FUngu{
	color:#8000ff;
}
.FOrange{
	color: #ff6600;	
}

.F15{
	font-size:15px;
}

.FTrebuc{
	font-family:"Trebuc";
}

.FTebal{
	font-weight:bold;
}

.FH2{
	font-size:18px;
}

.FNS{
	font-size:24px;
}

.FH3{
	font-size:15px;
}

.BAbu{
	background-color:#e2e2e2;
}


.BRock{
	background:url("/img/bgrock.jpg");
}
.BBiru{
	background-color:#002537;
}

.BBiruMuda{
	background-color:#eaf4ff;
}

.BHijauMuda{
	background-color: #caffe4;	
}

.BAbuTua{
	background-color: #303030;	
}

.BAbuMuda{
	background-color: #f2f2f2;	
}

.BMerahMuda{
	background-color:#ffe6e6;
}

.BMerahHati{
	background-color:#f7845e;
}

.BJingga{
	background-color:#ff3300;
}
.BMerah{
	background-color:#ff0000;
}

.BGray{
	background-color:#acacac;
}

.BHijau{
	background-color:#008844;
}

.BBiruTua{
	background-color:#006291;
}

.BOrange{
	background-color:#ffcc33;
}

.BOrangeTua{
	background-color:#ffcc33;
}



.BKuning{
	background-color:#ffffc4;
}

.BOrangeMuda{
	background-color:#f2f200;
}


.BCoklatMuda{
	background-color: #ffe0c1;
}

.bersih{
	clear:both;
	margin-top:10px;
}

.GBawahMerah{
	padding-bottom:10px;
	border-bottom:4px solid #ff0000;
}

.GBawahMerah0{
	border-bottom:4px solid #ff0000;
}

.GBawahMerah2{
	padding-bottom:5px;
	border-bottom:2px solid #ff0000;
}

.GBawahMenu{
	border-bottom:1px solid #808080;
}

.GPutih{
	border:1px solid #ffffff;
}

.GMerah{
	border:1px solid #ff0000;
}

.GMerahPutus{
	border:3px dashed #ff0000;
}

.GMerahMuda{
	border:1px solid #ff9595;
}

.GCoklatTua{
	border:1px solid #a45200;
}

.GAbu{
	border:1px solid #b1b1b1;
}

.GAbuTua{
	border:1px solid #535353;
}

.GBiru{
	border:1px solid #331a00;
}

.GBiruTua{
	border:1px solid #001e2d;
}

.GHijau{
	border:1px solid #005b2e;
}

.GHijauTebal{
	border:2px solid #005b2e;
}

.GAbuTua{
	border:1px solid #525252;
}



.garis table{
	border-collapse:collapse;
}

.garis th{
	border-collapse:collapse;
	border:1px solid #757575;
	text-align:center;
	font-weight:bold;
	padding:5px;
	background-color:#d2e9ff;
}

.garis td{
	border-collapse:collapse;
	border:1px solid #757575;
	padding:5px;
	vertical-align:top;
}

.tengah{
	text-align:center;
}

.tengen{
	text-align:right;
}

.kiwa{
	text-align:left;
}

.Pad10{
	padding:10px;
	
}

.Pad5{
	padding:5px;
	
}

.Top2{
	margin-top:2px;
}
.Top5{
	margin-top:5px;
}

.Top10{
	margin-top:10px;
}


.Top30{
	margin-top:30px;
}
.Bottom10{
	margin-bottom:10px;
}

.Bottom5{
	margin-bottom:5px;
}

.Tinggi100{
	height: 60px;
	vertical-align:middle;
}


.BarisOpsi{
	padding:10px;
	/*border-bottom:1px solid #004080;*/
}

.BarisOpsiDash{
	padding:10px;
	border-bottom:1px dashed #c0c0c0;
}

.noSoal{
	font-size:24px;
	color:#ff0000;
	border:1px solid #ff0000;
}

.garis TabelKosong{
	border-collapse:collapse;
}

.TabelKosong th{
	border-collapse:collapse;
	/*border:1px solid #757575;*/
	text-align:center;
	font-weight:bold;
	padding:5px;
	background-color:#d2e9ff;
}

.TabelKosong td{
	border-collapse:collapse;
	border-bottom:1px solid #c0c0c0;
	padding:5px;
	vertical-align:top;
}


.LengkungKecil{
	border-radius:5px;
}


.Top100{
	margin-top:100px;
}

.F48{
	font-size:48px;
}

.F32{
	font-size:32px;
}

.F24{
	font-size:24px;
}


.F18{
	font-size:18px;
}



.FKecil{
	font-size:12px;
}

.scrollPanjang{
	 min-width: 100px;
    min-height: 350px;
    max-height: 450px;
    overflow:auto;
	padding: 4px;
	margin-bottom: 20px;
	border: solid 0px #c0c0c0;
	border-radius: 4px;
	
}


.scrollPanjang500{
	 min-width: 100px;
    min-height: 350px;
    max-height: 500px;
    overflow:auto;
	padding: 4px;
	margin-bottom: 20px;
	border: solid 0px #c0c0c0;
	border-radius: 4px;
	
}

.scrollPendek{
	 min-width: 100px;
    min-height: 300px;
    max-height: 350px;
    overflow:auto;
	padding: 4px;
	margin-bottom: 20px;
	border: solid 0px #c0c0c0;
	border-radius: 4px;
	
}

.scroll325{
	 min-width: 100px;
    min-height: 300px;
    max-height: 325px;
    overflow:auto;
	padding: 4px;
	margin-bottom: 20px;
	border: solid 0px #c0c0c0;
	border-radius: 4px;
	
}

.scroll400{
	 min-width: 100px;
    min-height: 300px;
    max-height: 400px;
    overflow:auto;
	padding: 4px;
	margin-bottom: 20px;
	border: solid 0px #c0c0c0;
	border-radius: 4px;
	
}

.scroll450{
	 min-width: 100px;
    min-height: 300px;
    max-height: 450px;
    overflow:auto;
	padding: 4px;
	margin-bottom: 20px;
	border: solid 0px #c0c0c0;
	border-radius: 4px;
}

.scroll350{
	min-width: 100px;
    min-height: 300px;
    max-height: 350px;
    overflow:auto;
	padding: 4px;
	margin-bottom: 20px;
	border: solid 0px #c0c0c0;
	border-radius: 4px;
}

.scroll490{
	 min-width: 100px;
    min-height: 300px;
    max-height: 490px;
    overflow:auto;
	padding: 4px;
	margin-bottom: 20px;
	border: solid 0px #c0c0c0;
	border-radius: 4px;
}


.GLengkung{
	border-radius:5px;
}

.Shadow{
	border:2px solid #ffffff;
	-webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, .5);
        box-shadow: 0 0 5px 2px rgba(0, 0, 0, .5);
	border-radius:10px;
}


.exam{
	 background-image: url("/img/covid-19-min.png");
}