@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
	height:auto;	
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

.sts-pesanan-green {
	font-weight:bold;
	color:#0C0;	
}

.sts-pesanan-blue {
	font-weight:bold;
	color:#03F;	
}

.sts-pesanan-red {
	font-weight:bold;
	color:#F00;	
}

#loading-menu-container {
	display:none;
	text-align:center;	
}

.paging-menu-container {
	clear:none;
	float:left;
	width:100%;
	margin-top:5px;		
}

.pagination {
	clear:none;
	float:left;
	width:100%;
    display: inline-block;
}

.pagination a {
    color: #666;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    margin:0 2px;
}

.pagination a.active {
    background-color: #7a7676;
    color: white;
    border-radius: 5px;
}

.pagination a:hover:not(.active) {
    background-color: #fce2df;
    border-radius: 5px;
}


.title-menu-container {
	clear:none;
	float:left;
	width:100%;
	margin-top:20px;
}

.title-menu-teks {
	clear:none;
	float:left;
	width:100%;
	font-size:24px;
	font-weight:bold;
}

.title-menu-teks-order {
	display:block;	
	font-size:18px;
	color:#C00;
}

.header-menu-container {
	clear:none;
	float:left;
	width:100%;
	margin:20px 0;		
}


.isi-menu-container {		
	padding:10px;
	border-bottom: 1px solid #7a7676;	
	font-size:10px;	
	overflow:hidden;
}

.isi-menu-container:hover {
	background-color:#FDECE9;
	cursor:pointer;
}

.isi-menu-container-1 {
	clear:none;
	float:left;
	width:70%;
	line-height:15px;
}

.isi-menu-container-1-1 {
	clear:none;
	float:left;
	width:100%;		
}

.isi-menu-container-1-2 {
	clear:none;
	float:left;	
	font-size:inherit;
	font-weight:bold;
}

.isi-menu-container-1-3 {
	clear:none;
	float:left;
	margin-left:5px;
}

.isi-menu-container-1-4 {
	clear:none;
	float:left;
	width:100%;
	display:block;	
}

.isi-menu-container-2 {
	clear:none;
	float:left;
	width:70%;
	line-height:18px;
}

.isi-menu-container-3 {
	clear:none;
	float:left;
	width:25%;
	line-height:25px;
	display:none;		
}

.isi-menu-container-2-1,
.isi-menu-container-2-2 {
	display:none;
}

.isi-menu-container-2-2 {
	font-size:16px;
	color:#C00;	
}

.isi-menu-container-2-3 span {
	color:#06F;
}

.isi-menu-container-3-2 {
	font-size:14px;
}

.isi-menu-container-4 {
	clear:none;
	float:right;	
	width:30%;
	position:relative;
	display:block;
	color:#F63D44;
}

.isi-menu-container-4-1 {
	width:auto;
	display:block;
	position:absolute;
	font-size:30px;	
	opacity: 0.4;	
	visibility:hidden;	
	left:0%;
	-webkit-transition: left 0.5s linear; /* For Safari 3.1 to 6.0 */
  transition: left 0.5s;
	top:50%;
	transform:translateY(-75%);	
}

.isi-menu-container:hover .isi-menu-container-4-1 {	
	visibility:visible;	
	left: 65%;	
}

#mobile-view {
	display:block;
	/*font-weight:bold;*/
	background-color: #666;
	color:#FFF;
	border-radius: 5px;	
}

#desktop-view {
	display:none;	
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {

.title-menu-teks-order {
	display:inline-block;	
	font-size:18px;
	color:#C00;
	vertical-align:top;
	padding-top:7px;
}

.isi-menu-container {		
	padding:10px;
	border-bottom: 1px solid #7a7676;	
	font-size:10px;	
	overflow:hidden;
}

.isi-menu-container-1 {
	clear:none;
	float:left;
	width:40%;
	line-height:18px;
}

.isi-menu-container-1-1 {
	clear:none;
	float:left;
	width:100%;	
}

.isi-menu-container-1-2 {
	clear:none;
	float:left;
	width:100%;
	font-size:14px;
	font-weight:bold;
}

.isi-menu-container-1-3 {
	clear:none;
	float:left;
	width:100%;
	margin-left:0px;
}

.isi-menu-container-1-4 {
	display:block;	
}

.isi-menu-container-2 {
	clear:none;
	float:left;
	width:40%;
	line-height:18px;
}

.isi-menu-container-3 {
	clear:none;
	float:left;
	width:auto;
	line-height:20px;		
	display:none;
}

.isi-menu-container-2-1,
.isi-menu-container-2-2 {
	display:block;
}

.isi-menu-container-2-2 {
	font-size:16px;
	color:#C00;	
}

.isi-menu-container-3-2 {
	font-size:14px;
}

.isi-menu-container-4 {
	clear:none;
	float:left;	
	width:20%;
	position:relative;
	display:block;
	color:#F63D44;
}

.isi-menu-container-4-1 {
	width:auto;
	display:block;
	position:absolute;
	font-size:30px;	
	opacity: 0.4;	
	visibility:hidden;	
	left:0%;
	-webkit-transition: left 0.5s linear; /* For Safari 3.1 to 6.0 */
  transition: left 0.5s;
	top:50%;
	transform:translateY(15%);	
}

.isi-menu-container:hover .isi-menu-container-4-1 {	
	visibility:visible;	
	left: 70%;	
}

#mobile-view {
	display:none;	
}

#desktop-view {
	display:block;	
}

}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {

.title-menu-teks-order {
	display:inline-block;	
	font-size:18px;
	color:#C00;
	vertical-align:top;
	padding-top:7px;
}

.isi-menu-container {		
	padding:10px;
	border-bottom: 1px solid #7a7676;	
	font-size:10px;	
	overflow:hidden;
}

.isi-menu-container-1 {
	clear:none;
	float:left;
	width:25%;
	line-height:25px;
}

.isi-menu-container-1-1 {
	clear:none;
	float:left;
	width:100%;
}

.isi-menu-container-1-2 {
	clear:none;
	float:left;
	width:100%;
	font-size:14px;
	font-weight:bold;
}

.isi-menu-container-1-3 {
	clear:none;
	float:left;
	width:100%;	
}

.isi-menu-container-1-4 {
	display:none;	
}

.isi-menu-container-2 {
	clear:none;
	float:left;
	width:30%;
	line-height:25px;
}

.isi-menu-container-3 {
	clear:none;
	float:left;
	width:25%;
	line-height:25px;
	display:block;		
}

.isi-menu-container-2-1,
.isi-menu-container-2-2 {
	display:block;
}

.isi-menu-container-2-2 {
	font-size:16px;
	color:#C00;	
}

.isi-menu-container-3-2 {
	font-size:14px;
}

.isi-menu-container-4 {
	clear:none;
	float:left;	
	width:20%;
	position:relative;
	display:block;
	color:#F63D44;
}

.isi-menu-container-4-1 {
	width:auto;
	display:block;
	position:absolute;
	font-size:30px;	
	opacity: 0.4;	
	visibility:hidden;	
	left:0%;
	-webkit-transition: left 0.5s linear; /* For Safari 3.1 to 6.0 */
  transition: left 0.5s;
	top:50%;
	transform:translateY(40%);	
}

.isi-menu-container:hover .isi-menu-container-4-1 {	
	visibility:visible;	
	left: 80%;	
}

#mobile-view {
	display:none;	
}

#desktop-view {
	display:block;	
}

}