@import "fa/all.min.css";

@font-face {
  font-family: 'ssp';
  src: url('ssp.woff2') format('woff2');
}

@font-face {
  font-family: 'itm';
  src: url('itm.woff2') format('woff2');
}

@font-face {
  font-family: 'hk';
  src: url('hk.woff2') format('woff2');
}


body {
  font-family: "ssp";
  font-size:16px;
  border:0;
  padding:0;
  margin:0;
  color:#202e32;
  
}

div.duik {
  font-family: "itm";
  border:0;
  padding:0;
  margin:0;
  color:red;
  
}

div.duik sup{
  font-family: "ssp";
  float:left; text-decoration:none; color:#ccc; font-size:12px;
  
}
div.duik u{
  float:right; text-decoration:none; color:#555;line-height:0%; margin-top:9px;
  
} 

.mainwrap{padding:60px 16px 16px 16px; display:block;}
.mainwrap h2{font-family:'hk'; font-size:40px; line-height:0;}

a{color:green; text-decoration:none;}

table { 
    border-spacing: 0;
    border-collapse: separate;
}

td {
  font-family: "ssp";
}

i#red{color:red; font-size:11px; font-weight:800;}

table.idx{
	border:1px solid #ccc;
	border-right:none;
	border-bottom:none;
}
table.idx td{
	padding:6px; 
	border:1px solid #ccc;
	border-left:none;
	border-top:none;
	}

table.idx th{
	padding:6px; 
	border:1px solid #ccc;
	border-left:none;
	border-top:none;
	border-bottom:4px solid #454645;
	background:#586c5c;
	text-transform:uppercase;
	color:#fff;
	}


table.idx b{ /* membentuk bunderan*/
	padding:2px 6px;
	font-size:10px;
	background:#777;
	color:#fff;
	margin:0 10px;
	border-radius:9px;
	line-height:0%;
}

table.idx input.priceperkilo{
	text-align:right;
	color:green;
	width:50px;
}

table.idx td.stok_kosong,
table.idx td.stok_ready{ text-align:center; color:white; text-transform:uppercase; font-size:10px;}

table.idx td.stok_ready{ background:green;}
table.idx td.stok_kosong{ background:red;}

table.idx tr.trmenuth th a{color:white;}
table.idx tr.trmenuth th{background:#008040;}



table.idx td.pay{background:#dfffe5;}
table.idx td.paytunai{color:blue; text-align:center; background:#dff5ff; text-transform:uppercase; font-size:10px;}
table.idx td.payqris{color:maroon; text-align:center; text-transform:uppercase; background:#ffdfdf;}

table.idx td.trs{position:relative; font-size:10px; width:80px;}
table.idx td.trs span.dino{font-size:9px; position:absolute; top:2px; right:6px; color:#999;}
table.idx td.trs span.tgl{font-size:12px; position:absolute; bottom:2px; left:6px; color:#999; color:#222;}

table.idx td.trs span.j{color:green;}











.table-home td#no{font-weight:800; text-align:center;}

.table-home td#nm{}
.table-home td#nm div.adr {font-size:12px;}
.table-home td#nm div.adr #alt{font-size:12px; color:#777; padding:6px 0;}
.table-home td#nm div.adr table{float:right;}
.table-home td#nm div.adr table td{border:none;}
.table-home td#nm div.adr table #kl{background:#dfdcb9; padding:2px 6px;}
.table-home td#nm div.adr table #kc{background:#586c5c; color:white; padding:2px 6px;}	
	
	
.table-home td#kt{text-align:center;}
.table-home td#hp{text-align:center;}
.table-home td#sl{font-weight:800; text-align:center;}



 	
table.kop td{padding:0 0; vertical-align:top;}
table.kop h2,
table.kop h3{padding:0 0; vertical-align:top; margin:0;}

table.kop h2{ letter-spacing:0; font-size:59px; color:white; line-height:0%;  font-family:'hk'; margin-top:10px;

 

}
table.kop h3{letter-spacing:1px; font-size:12px;color:#ccc; margin-top:-8px;}

table.kop tr.navigasi td.tombol{cursor:pointer;background:#202e32; padding:2px 16px; color:white; text-transform:uppercase;}
table.kop tr.navigasi td.tombol:hover{background:#586c5c;}

table.kop tr.navigasi td.terpilih{cursor:default;background:#dfdcb9; color:#000;}
table.kop tr.navigasi td.terpilih:hover{cursor:default;background:#dfdcb9; color:#000;}

table.kop tr.navigasi td.spacer{background:none; width:100%;}
table.kop tr.navigasi td{ font-size:12.9px; font-weight:800;}
table.kop tr.heading td{padding:6px 16px;}

table.kop-header{
	cursor:default;
	position:fixed; top:0; left:0;

	box-shadow: 0px 2px 11px 0px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0px 2px 11px 0px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 2px 11px 0px rgba(0,0,0,0.6);
	border-bottom:3px #dfdcb9 solid;
	z-index:1000;
}



table.cal{width:100%;}
table.cal td{color:#555; height:100px; position:relative;}
table.cal td{border:1px solid #ccc; border-left:none; border-top:none; text-align:center;}
table.cal td.inihari{background:#e9ffab; color:green;}

table.cal td.kosong{border:none;border-bottom:1px solid #ccc;}
table.cal td.dinominggu{border-left:1px solid #ccc;}
table.cal td.minggu_pertama{border-top:1px solid #ccc;}

table.cal td.tglsiji{border-left:1px solid #ccc;}

/*
table.cal td.mamring{background:#ffe1f3;}
*/

table.cal td a.itgl{font-size:18px;}
table.cal td span.ap{display:block; position:absolute; top:4px; left:6px; font-size:30px; line-height:0%; font-weight:800; max-width:100%;}


table.cal td span.ap span{float:left;display:block; width:8px; height:8px; 
	
	
	 margin:0px;
 background:white; box-shadow: inset 0 0 0 2px #abc;
 }



 

 table.cal td span.ap span.p9{background:cyan; box-shadow: inset 0 0 0 2px blue;}/* pouch */
 table.cal td span.ap span.p8{background:pink; box-shadow: inset 0 0 0 2px maroon;}/* teh */
 table.cal td span.ap span.p5{background:teal; box-shadow: inset 0 0 0 2px red;}/* saring */
 table.cal td span.ap span.p3{background:gold; box-shadow: inset 0 0 0 2px brown;}/* kopsu a */
 table.cal td span.ap span.p2{background:khaki; box-shadow: inset 0 0 0 2px green;} /* kopsu b */
 table.cal td span.ap span.p1{background:#000; box-shadow: inset 0 0 0 2px #888;} /* tubruk */



table.cal td span.tm{display:block; position:absolute; bottom:4px; right:6px;}
table.cal td span.tm sup{font-size:9px; color:#999;}



table.headcal{font-size:20px;}
table.headcal a{font-size:30px; background:#ccc; color:white; line-height:0; padding:0px 10px; border-radius:20px;}
table.headcal a:hover{background:red;}


table.footer{position:fixed; bottom:0; width:100%; background:#202e32; color:white;}
table.footer td{ font-family:'hk'; font-size:25px;}

table.hrkp td{font-size:39px; font-family:'hk'; color:#080;}
table.hrkp td{font-size:39px; font-family:'hk';}