body{
	/*max-width: 600px;
	margin: auto;*/
	background-color: #eee;
}


a{
	color: #008000;
}
a:hover{
	text-decoration: none;
}
a:active{
	text-decoration: none;
}

.navigation-bar{
	position: fixed;
	left: 0;
	top:0;
	right:0;
	height:44px;
	color:#008000;
	border-bottom: solid 1px grey;
	background-color: white;
	z-index:500;

	display: flex;
	justify-content: space-between;
	align-items: stretch;
}

.navigation-bar a:active{
	text-decoration: none;
}

.navigation-bar>*{
	display: flex;
	align-items: center;
}

.navigation-bar>:nth-child(1){
	width: 25%;
	justify-content: flex-start;
	padding-left: 8px;
}

.navigation-bar>:nth-child(2){
	width: 50%;
	justify-content: center;
}

.navigation-bar>:nth-child(3){
	width: 25%;
	justify-content: flex-end;
}



.tab-bar{
	height:60px;
	background-color: white;
	border-top:solid 1px grey;
	width: 100%;
}

.tab-bar>.tab{
	display: flex;
	flex-direction: column;
	align-items: center;
	color: #999;
}


.tab-bar>.tab-active{
	color: #008000;
}

.tab-bar>.tab :nth-child(1){
	font-size:22px;
}

.tab-bar>.tab :nth-child(2){
	font-size:10px;
}



.top-bottom-bar-container{
	margin-top: 44px;
	margin-bottom:60px;
}

.top-bar-container{
	margin-top: 44px;
}


/*overlay*/
.overlay{
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background-color: rgba(0, 0, 0, 0.8);
}


/*alert overlay*/
.overlay-alert{
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 10000
}

.overlay-alert-box{
	width: 60%;
	max-width: 260px;
	background-color: white;
	border-radius: 4px;
}
.overlay-alert-box-textarea{
	min-height: 80px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border-bottom:1px solid grey;
	padding:8px;
}
.overlay-alert-box-textarea>:first-child{
	font-size:16px;
	
}

.overlay-alert-box-textarea>:last-child{
	font-size:13px;
	color:grey;
}


.overlay-alert-box-btnarea{
	height: 40px;
	display: flex;
}

.overlay-alert-box-btnarea>button{
	width: 50%;
	border:none;
	background-color: white;
}

.overlay-alert-box-btnarea>button:active{
	background-color: grey;
}

.overlay-alert-box-btnarea>:first-child{
	color:#c00000;
	border-right: 1px solid grey;
	border-bottom-left-radius: 4px;
}

.overlay-alert-box-btnarea>:last-child{
	color:#009000;
	border-bottom-right-radius: 4px;
}

/*loading overlay*/
.overlay-loading{
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 10000;
}

.overlay-loading>img{
	width: 55px;
	height: 55px;
}


/*overlay msg*/

.overlay-msg{
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 10000
}

.overlay-msg-box{
	width: 60%;
	max-width: 260px;
	background-color: white;
	border-radius: 4px;
	min-height: 80px;

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 12px;
}

.overlay-msg-box>:first-child{
	font-size:16px;
	font-weight: bold;
}
.overlay-msg-box>:last-child{
	font-size:13px;
}