/*.FOleo{
	font-family:'Oleo Script', Helvetica;
  font: 400 100px/1.3 'Oleo Script', Helvetica, sans-serif;
  color: #2b2b2b;
  text-shadow: 4px 4px 0px rgba(0,0,0,0.1);
}*/
.FDefault{
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
}
/*@font-face {
	font-family: 'Janda';
	src: url('/fonts/JandaManateeSolid.ttf');
}

@font-face {
	font-family: 'FCooper';
	src: url('/fonts/Cooper Black Regular.ttf');
}

.FJanda{
	font-family: 'Janda','Helvetica Neue';
	letter-spacing:-0.2pt;
}
.FUbuntu{
	font-family: 'Ubuntu Condensed';
	letter-spacing:-0.2pt;
}
*/

/*.FFresca{
	font-family: 'Fresca', 'Helvetica Neue',Helvetica,Arial,sans-serif;
	letter-spacing:0.2pt;
}*/

/*.FOswald{
	font-family: 'Oswald', 'Helvetica Neue',Helvetica,Arial,sans-serif;
	letter-spacing:-0.2pt;
}*/

.FCooper{
	/*font-family: 'Suez One', 'Helvetica Neue',Helvetica,Arial,sans-serif;*/
	font-family: 'Acme', 'Helvetica Neue',Helvetica,Arial,sans-serif;
	letter-spacing:-0.2pt;
}

.F48{
	font-size:48pt;
}

.F36{
	font-size:36pt;
}

.F32{
	font-size:32pt;
}

.F24{
	font-size:24pt;
}

.F18{
	font-size:18pt;
}


.F16{
	font-size:16pt;
}

.F15{
	font-size:15pt;
}

.F14{
	font-size:14pt;
}

.F13{
	font-size:13pt;
}

.F12{
	font-size:12pt;
}

.F11{
	font-size:11pt;
}

.F10{
	font-size:10pt;
}

.F9{
	font-size:9pt;
}

.F8{
	font-size:8pt;
}

.GBawahAbuPutus{
	border-bottom:1px dashed #b0b0b0;
}

.GBawahMerahPutus{
	border-bottom:1px dashed #ff0000;
}

.GBawahMerah{
	border-bottom:1px dashed #ff0000;
}

.GBawahMerahSolid{
	border-bottom:1px solid #ff0000;
}

.GBawahKuning{
	border-bottom:1px dashed #ffff00;
}

.GAtasAbuPutus{
	border-top:1px dashed #b0b0b0;
}

.GAbuPutus{
	border:1px dashed #b0b0b0;
}

.FAbu{
	color:#808080;
}
.GUngu{
	border:1px solid #9900ff;
}

.GAbu{
	border:1px solid #808080;
}
.GHitam2{
	border:2px solid #000000;
}
.BAbu{
	background-color:#808080;
}

.BAbuBanget{
	background-color:#eeeeee;
}


.BAbuMuda{
	background-color:#dfdfdf;
}

.BAbuMudaSekali{
	background-color:#ebebeb;
}


.FKuning{
	color:#ffff00;
}
.GKuning{
	border:1px solid #ffff00;
}
.BKuning, .BEdit{
	background-color:#ffffa4;
}


.FAbuTua{
	color:#4b4b4b;
}
.GAbuTua{
	border:1px solid #4b4b4b;
}
.BAbuTua{
	background-color:#4b4b4b;
}

.FPutih{
	color:#ffffff;
}

.FMerah{
	color:#ff0000;
}

.FOrange{
	color:#ff6600;
}

.FUngu{
	color:#6100c1;
}

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

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

.BMerah{
	background-color:#ff0000;
}

.BMerahMuda{
	background-color:#e0928f;
}

.BCoklatMuda{
	background-color:#ffe7ce;
}

.BHijauTelur{
	background-color:#c6ffe2;
}


.FBiru{
	color:#0080c0;
}
.GBiru{
	border:1px solid #0080c0;
}
.BBiru{
	background-color:#0080c0;
}
.BHijauLumut{
	background-color:#96cbcb;
}

.BBiruMuda{
	background-color:#e1f5ff;
}

.FBiruTua{
	color:#003f5e;
}
.GBiruTua{
	border:1px solid #003f5e;
}
.BBiruTua{
	background-color:#003f5e;
}

.FCoklat{
	color:#400000;
}
.GCoklat{
	border:1px solid #400000;
}
.BCoklat{
	background-color:#400000;
}

.FHijau{
	color:#009100;
}
.GHijau{
	border:1px solid #009100;
}
.BHijau{
	background-color:#009100;
}
.BHijauMuda{
	background-color:#ccffcc;
}

.BUnguMuda{
	background-color:#ecd9ff;
}

.BOrange{
	background-color:#ff9933;
}

.BOrangeMuda{
	background-color:#facdcb;
}

.GBawahAbuTua{
	border-bottom:1px solid #585858;
}

.GBawahAbuMuda{
	border-bottom:1px solid #a8a8a8;
}

.GAtasAbuMuda{
	border-top:1px solid #a8a8a8;
}

.FOutLine{
	color: white;
	text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
}

.Atas5, .Top5{
	margin-top:5px;
}

.Atas10, .Top10{
	margin-top:10px;
}

.Atas20, .Top20{
	margin-top:20px;
}

.Atas30, Top30{
	margin-top:30px;
}

.Atas35, .Top35{
	margin-top:35px;
}

.Atas40, .Top40{
	margin-top:40px;
}

.Atas45, .Top45{
	margin-top:45px;
}

.Atas50, .Top50{
	margin-top:50px;
}

.Atas150, .Top150{
	margin-top:150px;
}

.Bawah5{
	margin-bottom:5px;
}

.Bawah10{
	margin-bottom:10px;
}

.Pad5{
	padding:5px;
}

.Pad10{
	padding:10px;
}

.Pad8{
	padding:8px;
}

.Pad12{
	padding:12px;
}

.Lengkung5, .GLengkung{
	border-radius:5px;
}

.Lengkung10{
	border-radius:10px;
}

.tengah{
	text-align:center;
}

.rata{
	text-align:justify;
}

.kanan{
	text-align:right;
}


.garis table{
	border-collapse:collapse;
	border:1px solid #3e3e3e;
}

.garis th{
	border-collapse:collapse;
	border:1px solid #3e3e3e;
	text-align:center;
	font-weight:bold;
	padding:8px;
	background-color:#e2e2e2;
	vertical-align:middle;
}

.garis td{
	border-collapse:collapse;
	border:1px solid #3e3e3e;
	padding:8px;
	vertical-align:top;
}

.garis thead{
	text-align:center;
	vertical-align:middle;
	border:1px solid #3e3e3e;
}

.FTebal{
	font-weight:bold;
}

.scroll175 {
    min-width: 100px;
    min-height: 175px;
    max-height: 175px;
    overflow:auto;
	padding: 4px;
	margin-bottom: 20px;
	border: solid 0px #c0c0c0;
	border-radius: 4px;
}
.scroll200 {
    min-width: 100px;
    min-height: 200px;
    max-height: 200px;
    overflow:auto;
	padding: 4px;
	margin-bottom: 20px;
	border: solid 0px #c0c0c0;
	border-radius: 4px;
}
.scroll225 {
    min-width: 100px;
    min-height: 225px;
    max-height: 225px;
    overflow:auto;
	padding: 4px;
	margin-bottom: 20px;
	border: solid 0px #c0c0c0;
	border-radius: 4px;
}
.scroll250 {
    min-width: 100px;
    min-height: 250px;
    max-height: 250px;
    overflow:auto;
	padding: 4px;
	margin-bottom: 20px;
	border: solid 0px #c0c0c0;
	border-radius: 4px;
}
.scroll275 {
    min-width: 100px;
    min-height: 250px;
    max-height: 275px;
    overflow:auto;
	padding: 4px;
	margin-bottom: 20px;
	border: solid 0px #c0c0c0;
	border-radius: 4px;
}

.scroll300 {
    min-width: 100px;
    min-height: 250px;
    max-height: 300px;
    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;
}

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

.scroll375 {
    min-width: 100px;
    min-height: 300px;
    max-height: 375px;
    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;
}

.scroll425 {
    min-width: 100px;
    min-height: 300px;
    max-height: 425px;
    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;
}

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

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

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

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

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

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

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

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

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



.BEmasTua{
	background-color:#55552b;
}

.BUnguTua{
	background-color:#440088;
}

.BCoklatTua{
	background-color:#3c1e00;
}

.BHijauTua{
	background-color:#003500;
}




.BLevel2{
	background-color:#cdfea0;
}

.BLevel3{
	background-color:#a0fefa;
}

.BLevel4{
	background-color:#a6cbf9;
}

.BLevel5{
	background-color:#bbc9e3;
}

.BLevel6{
	background-color:#cdc6d9;
}

.tangan{
	cursor:pointer;
}


.DetailKiri{
	border:1px solid #001824;
	background:#002c40;
	color:#ffffff;
	padding:10px;
	margin-bottom:3px;
	text-align:right;
}

.DetailKanan{
	border:1px solid #001824;
	background:#dff4ff;
	padding:10px;
	margin-bottom:3px;
}

.tetap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}
.tetap > [class*='col-'] {
	 display: flex;
	 flex-direction: column;
}


.Sakit{
	background-color:#b0ffc5;
}

.Ijin{
	background-color:#ffffc1;
}

.Alpa{
	background-color:#ffc1c1;
}

.Praktek{
	background-color:#ecd9ff;
}

.Dispensasi{
	background-color:#e1f5ff;
}

.GHitamTebal{
	border:solid 3px #330000;
	border-radius:10px;
}


.LengkungKiri5{
	border-radius:5px 0 0 5px;
}

.LengkungKanan5{
	border-radius:0 5px 5px 0;
}

.LengkungAtas5{
	border-radius:5px 5px 0 0;
}

.LengkungBawah5{
	border-radius:0 0 5px 5px;
}

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

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

.LengkungKiri15{
	border-radius:15px 0 0 15px;
}

.LengkungKanan15{
	border-radius:0 15px 15px 0;
}

.Bayang53{
	box-shadow: 5px 3px #808080;
}


.Atas-5{
	margin-top:-5px;
}

.Bawah-5{
	margin-bottom:-5px;
}

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

.payung-teduh{
	background-image: url("/images/payung-teduh-min.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.newX{
	background-image: url("/images/new-min.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.Libur{
	background-image: url("/images/libur.png");
	background-repeat: no-repeat;
	background-size: 25% 100%;
}


.GAbuMuda{
	border:1px solid #d6d6d6;
}

.BHitam{
	background-color:#000000;
}

.BPutih{
	background-color:#ffffff;
}

.GAtas{
	border-top:1px solid #6a6a6a;
}

.GBawah{
	border-bottom:1px solid #6a6a6a;
}

.GKiri{
	border-left:1px solid #6a6a6a;
}

.GKanan{
	border-right:1px solid #6a6a6a;
}

.GKabeh{
	border:1px solid #6a6a6a;
}


.RataAtas{
	vertical-align:top;
}


.BPG{
	background-color:#cfffbf;
		
}

.BMMCA2{
	background-color:#00d9d9;
}

.BMMCA3{
	background-color:#d9a300;
}

.BBS2{
	background-color:#99b3ff;
}

.BBS3{
	background-color:#ffb299;
}

.BIsian{
	background-color:#ffe599;
}


.select-tka option {
  line-height: 1.5em;  /* tinggi baris 1,5 spasi */
  padding: 6px;        /* supaya lebih lega */
}