.category_header {
  position: relative;
  z-index: 1;
  width:100%; 
  height:58px; 
  border-top:1px solid #fff; 
  -webkit-box-shadow:0px 5px 10px rgba(0,0,0,0.1); 
	-moz-box-shadow:0px 5px 10px rgba(0,0,0,0.1); 
	box-shadow:0px 5px 10px rgba(0,0,0,0.1); 
	background:rgba(255,255,255,1);
}
.category_header.fixed {
  position: fixed;
  top: 60px;
  width: 100%;
  box-sizing: border-box;
  border-top:none;
  z-index: 11;
}
.category_header.fixed.absolute {
  top:50px;
  position: absolute;
}
.div_box_shadow { 
	border:1px solid #ddd; 
	-webkit-box-shadow:0px 5px 10px rgba(0,0,0,0.05); 
	-moz-box-shadow:0px 5px 10px rgba(0,0,0,0.05); 
	box-shadow:0px 5px 10px rgba(0,0,0,0.05); 
}
.div_box_shadow_top { 
	border:1px solid #ddd; 
	-webkit-box-shadow:0px 5px 10px rgba(0,0,0,0.1); 
	-moz-box-shadow:0px 5px 10px rgba(0,0,0,0.1); 
	box-shadow:0px 5px 10px rgba(0,0,0,0.1); 
}
#topTitleSec1 {
    /* ... */
    /* Status bar height on iOS 10 */
    padding-top: 20px;
    /* Status bar height on iOS 11.0 */
    padding-top: constant(safe-area-inset-top);
    /* Status bar height on iOS 11+ */
    padding-top: env(safe-area-inset-top);
}
ul{
	list-style: none outside none;
    padding-left: 0;
	margin: 0;
}


.order_table th { padding-top:10px; padding-bottom:10px; text-align:center; border:1px solid #ddd; background:#fff; color:#333; font-weight:normal;}
.order_table td { padding-top:10px; padding-bottom:10px; padding-left:10px; text-align:left; border:1px solid #ddd; font-weight:normal; color:#333;}

.board_move_highlight { border:3px dotted #ff0048; }
.board_move_dashline { border:3px dotted #ccc; }

.circle {
			width: 100px;
			height: 100px;
			border-radius:100px;
			background: rgba(255,57,72,1.0);
			position: relative;
			-webkit-animation-name: example; /* Safari 4.0 - 8.0 */
			-webkit-animation-duration: 0.5s; /* Safari 4.0 - 8.0 */
			animation-name: example;
			animation-duration: 0.5s;
		}

		/* Safari 4.0 - 8.0 */
		@-webkit-keyframes example {
			0%   { background: rgba(255,57,72,1.0); width:0px; height:0px; border-radius:0px; left:50px; top:50px;}
			100% { background: rgba(255,57,72,1.0); width:100px; height:100px; border-radius:100px; left:0px; top:0px; }
		}

		/* Standard syntax */
		@keyframes example {
			0%   { background: rgba(255,57,72,1.0); width:0px; height:0px; border-radius:0px; left:50px; top:50px;}
			100% { background: rgba(255,57,72,1.0); width:100px; height:100px; border-radius:100px; left:0px; top:0px;}
		}

@keyframes lds-eclipse {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes lds-eclipse {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.lds-eclipse {
  position: relative;
  background:url(/appM/images/sirloin_on2.png) no-repeat;
  background-position:center;
  background-size:100%;
  /*padding-left:100px; */
}
.lds-eclipse div {
  position: absolute;
  -webkit-animation: lds-eclipse 0.9s linear infinite;
  animation: lds-eclipse 0.9s linear infinite;
  width: 140px;
  height: 140px;
  top: -30px;
  left: -30px;
  border-radius: 50%;
  box-shadow: 0 6px 0 0 #c72638;
  -webkit-transform-origin: 70px 73px;
  transform-origin: 70px 73px;
}
.lds-eclipse {
  width: 73px !important;
  height: 73px !important;
  -webkit-transform: translate(-36.5px, -36.5px) scale(0.365) translate(36.5px, 36.5px);
  transform: translate(-36.5px, -36.5px) scale(0.365) translate(36.5px, 36.5px);
  margin-left:30px;
  margin-top:30px; 
}
.white_logo_org { background:url(/appM/images/logoW_new3_new1.png) no-repeat; background-size:15%; background-position:center 9px; }
.black_logo_org { background:#fff url(/appM/images/logoB_new3_new1.png) no-repeat; background-size:15%; background-position:center 9px; }

.white_logo { background:url(/appM/images/logoW_new3_new1.png) no-repeat; background-size:60px; background-position:center; }
.black_logo { background:#fff url(/appM/images/logoB_new3_new1.png) no-repeat; background-size:60px; background-position:center; }
.red_logo { background:#fff url(/images/logo_red.png) no-repeat; background-size:60px; background-position:center; }

#upload_circle {
	position:fixed;
	width: 250px;
	height: 250px;
	border-radius: 250px;
	background-color: rgba(0,0,0,0.3);
	border1: 3px solid #ada6da;
	border: 3px solid #fff;
	box-sizing: border-box;
	top:50%; left:50%; margin-left:-125px; margin-top:-145px;
	z-index:99;
}

#upload_overlay {
	position:fixed;
	width: 250px;
	height: 250px;
	border-radius: 250px;
	border1:none;
	border: 3px solid #ff0048;
	box-sizing: border-box;
	top:50%; left:50%; margin-left:-125px; margin-top:-145px;
	z-index:100;
}
.effectFlipOut {
	animation:flipOutX 0.5s;
	-webkit-animation:flipOutX 0.5s; /* Safari and Chrome */
}
.effectHinge {
	animation:hinge 1s;
	-webkit-animation:hinge 1s; /* Safari and Chrome */
}
.effectSwing {
	animation:swing 1s infinite;
	-webkit-animation:swing 1s infinite; /* Safari and Chrome */
}
.effectTada {
	animation:tada 1s infinite;
	-webkit-animation:tada 1s infinite; /* Safari and Chrome */
}
.effectLocation {
	animation:bounce 1s infinite;
	-webkit-animation:bounce 1s infinite; /* Safari and Chrome */
}
.effectSwing {
	animation:swing 1s infinite;
	-webkit-animation:swing 1s infinite; /* Safari and Chrome */
}


button.gm-ui-hover-effect {
    visibility: hidden;
}