@charset "UTF-8";

body {
	color: #6F603D;
	margin-left:0px;
	margin-right:0px;
	font-family: 'Muli', sans-serif;
}

a:link {
	color: rgba(221,193,10,1.00);
}
a:visited {
	color: rgba(221,193,10,1.00);
}
a:hover {
	color: rgba(221,193,10,1.00);
}
a:active {
	color: rgba(221,193,10,1.00);
}

input {
	display:inline-block;
	width:95%;
	padding:1%;
	margin:1%;
	border:thin solid gray;
	border-radius:5px;
	-moz-appearance: none;
	-webkit-appearance: none;
}

select {
	display:inline-block;
	width:95%;
	padding:1%;
	margin:1%;
	border:thin solid gray;
	border-radius:5px;
	-moz-appearance: none;
	-webkit-appearance: none;
}

#btnAddItemOpen {
	display:block; 
	margin-left:auto;
	margin-right:auto;
	width:60%;
	padding:1%;
	clear:both;
	text-align:center;
	cursor:pointer;
	color:slategray;
	background-color:white;
	border:thin solid gray;
	font-size:1em;
	font-weight:bold;
	border-radius:5em;
}

#btnLogout {
	display:block; 
	margin-left:auto;
	margin-right:auto;
	width:60%;
	padding:1%;
	clear:both;
	text-align:center;
	cursor:pointer;
	color:white;
	background-color:gray;
	border:thin solid gray;
	font-size:1em;
	font-weight:bold;
	border-radius:5em;
}

#btnAddToCal {
	display:inline-block;
	width:auto;
	padding:2%;
	background-color:#6F603D;
	color:white;
	border:none;
	font-weight:bold;
	float:left;
	cursor:pointer;
	border-radius:5px;
	font-size:.75em;
	margin-bottom:1.5%;
}

.btnDateRemove {
	display:inline-block;
	background-color:white;
	border:thin solid #BABABA;
	border-radius: 3px 3px 3px 3px;
	padding:7px;
	text-align:center;
	cursor:pointer;
	font-weight:bold;
	margin-right:7px;
	margin-bottom:7px;
}

.btnDateWkEnd {
	display:inline-block;
	background-color:rgba(248,164,0,.5);
	border:thin solid #BABABA;
	border-radius: 3px 3px 3px 3px;
	padding:7px;
	text-align:center;
	cursor:pointer;
	font-weight:bold;
	margin-right:7px;
	margin-bottom:7px;
}

#btnCalMenu {
	display:block;
	background-color:#6F603D;
	color:gold;
	border-radius: 5em 5em 5em 5em;
	font-size:.75em;
	padding:5%;
	text-align:center;
	width:80%;
	margin:auto;
	cursor:pointer;
	font-weight:bold;
	
}

#btnCalMenuNextMonth {
	display:inline-block;
	background-color:white;
	border:thin solid #BABABA;
	border-radius: 5em 5em 5em 5em;
	font-size:.75em;
	padding:10%;
	text-align:center;
	cursor:pointer;
	font-weight:bold;
	float:left;
	margin-left:1%;
}

#btnCalMenuPreviousMonth {
	display:inline-block;
	background-color:white;
	border:thin solid #BABABA;
	border-radius: 5em 5em 5em 5em;
	font-size:.75em;
	padding:10%;
	text-align:center;
	cursor:pointer;
	font-weight:bold;
	float:right;
	margin-right:1%;
}



.btnCancelItem {
	display:inline-block;
	width:auto;
	padding:1.5%;
	background-color:white;
	color:gray;
	border:thin solid gray;
	font-weight:bold;
	float:right;
	cursor:pointer;
	border-radius:5px;

}


.btnCategory {

	display:inline-block;
	width:auto;
	padding:1%;
	color:rgba(55,55,55,1);
	background-color:rgba(255,255,255,1);
	/*border:thin solid rgba(55,55,55,1);*/
	font-weight:bold;
	float:left;
	cursor:pointer;
	border-radius:3px;
	font-size:.85em;
	margin-bottom:1.5%;
	margin-right:10px;
}


.btnCloseWin {
	display:inline-block;
	width:auto;
	padding:2%;
	background-color:rgba(90,90,90,1.00);
	color:white;
	border:none;
	font-weight:bold;
	float:right;
	cursor:pointer;
	border-radius:5px;
	font-size:.75em;
	margin-bottom:1%;
	margin-right:1%;
}


.btnCloseX {
	display:inline-block;
	float:right;
	cursor:pointer;
	background-color:rgba(227,190.37,1.00);
	color:white;
	border-radius:5em;
	text-align:center;
	font-weight:bold;
	padding:1%;
	font-size:.5em;
	margin-right:1%;
	
}

.btnCreateRep {display: inline-block; padding-top:7px;padding-bottom:7px; padding-left:25px; padding-right:25px; cursor:pointer; color:rgba(255, 248, 238,1); background-color: rgba(223,104,19,1); border-radius:3px;}

.btnDelete {
	display:inline-block;
	width:auto;
	padding:2%;
	background-color:rgba(179,0,2,1.00);
	color:white;
	border:none;
	font-weight:bold;
	float:right;
	cursor:pointer;
	border-radius:5px;
	font-size:.75em;
	margin-bottom:1%;
	margin-right:1%;
}

.btnDuplicate {
	display:inline-block;
	width:auto;
	padding:2%;
	background-color:rgba(77,82,65,1.00);
	color:white;
	border:none;
	font-weight:bold;
	float:right;
	cursor:pointer;
	border-radius:5px;
	font-size:.75em;
	margin-bottom:1%;
	margin-right:1%;
}

.btnEdit {
	display:inline-block;
	width:auto;
	padding:2%;
	background-color:rgba(216,165,32,1.00);
	color:white;
	border:none;
	font-weight:bold;
	float:right;
	cursor:pointer;
	border-radius:5px;
	font-size:.75em;
	margin-bottom:1%;
	margin-right:1%;
}

.btnEventList {
	display:inline-block;
	width:95%;
	padding:1.5%;
	margin:1%;
	font-size:.75Em;
	border-bottom:thin dotted gray;
	clear:both;
	cursor:pointer;
}



.btnSubmitItem {
	display:inline-block;
	width:auto;
	padding:1.5%;
	background-color:gold;
	color:black;
	border:thin solid gold;
	font-weight:bold;
	float:right;
	cursor:pointer;
	border-radius:5px;

}


#calendarContainer {
	display:inline-block;
	width:98%;
	padding:1%;
	/*float:right;*/
}

#calendarContainerHeader {
	display:inline-block;
	width:97%;
	padding:5px;
	background-color:white;
	text-align: center;
	margin-bottom:2%;
	font-weight: bold;
	color:#6F603D;
}


#calendarDetailContainer {
	display:inline-block;
	width:100%;
	float:left;
	/*min-height:600px;*/
	
}


#calendarDetailDispDay {
	
	display:inline-block;
	width:100%;
	color:#6F603D;
	font-size:8em;
	text-align: center;
}


#calendarDetailDispMonth {
	
	display:inline-block;
	width:100%;
	color:#6F603D;
	font-size:2em;
	text-align: center;
}


.calendarItemDetailContainer {
	display:none;
	z-index: 1;
	width:100%;
	margin-top:30%;
/*	margin-left:23%;
	margin-right:23%;*/
	background-color:white;
	position:fixed;
	/*min-height:300px;*/
	/*padding:1%;*/
	border-top:thin solid gray;
	border-bottom:thin solid gray;
	/*border-radius:10px;*/
	-webkit-box-shadow: 0px 20px 25px -15px rgba(87,87,87,1);
	-moz-box-shadow: 0px 20px 25px -15px rgba(87,87,87,1);
	box-shadow: 0px 20px 25px -15px rgba(87,87,87,1);
}

.dayCellHeader {
	display:inline-block;
	min-width: 2.5em;
	padding:4%;
	font-size:.75em;
	clear:both;
	background-color:white;
	border-radius: 5em 5em 5em 5em;
	border:thin solid #BFBFBF;
	color:#707070;
	text-align:center;
	margin-bottom:1.5%;
	font-family: 'Roboto Slab', serif;
	font-weight:bold;
}

.currentDayCellHeader {
	display:inline-block;
	min-width: 2.5em;
	padding:4%;
	font-size:.75em;
	clear:both;
	background-color:gold;
	border:thin solid #BFBFBF;
	color:black;
	border-radius: 5em 5em 5em 5em;
	text-align:center;
	margin-bottom:2%;
}

#dateHeaderContainer {
	display: none;
	 width:100%;
	}

.dayEventCountContainer {
	display:inline-block;
	padding:2%;
	font-size:.5em;
	clear:both;
	background-color:white;
	color:firebrick;
	margin-bottom:2%;
	float:right;
}

.dayColHeader {
	
	width:none;
/*	padding:.5%;
	float:left;
	border:thin solid white;
	background-color:gold;
	text-align: center;
	font-size:.75em;
	font-weight:bold;*/
}


.dayCellContent {
	display:block;
	width:96%;
	padding:2%;
	border-bottom:thin solid #EAEAEA;
	font-size:.65em;
	clear:both;
	cursor:pointer;
}

.dayCellContainer {
	width:98%;
	height:auto;
	padding:2%;
	float:left;
/*	border-left:thin solid #DFDFDF;
	border-right:thin solid white;*/
	border-bottom:thin solid #DFDFDF;
	overflow:auto;
}

.dayCellFillerContainer {
	display:none;
}

#displayQR {
	display:none;
	width:24%;
	float:left;
}



#editItemContainer {
	display:none;
	width:100%;
/*	padding-left:2%;
	padding-rightt:2%;
	padding-bottom:2%;*/
/*	margin-left:23%;*/
	margin-top:5%;
	/*margin-right:23%;*/
	border:thin solid lightgray;
	z-index:3;
	/*border-radius:10px;*/
	position:fixed;
	background-color:white;
	font-size:.75em;
	max-height:95%;
	height:auto;
	overflow: auto;
}

#editItemAdvanceContainer {
	display:none;
}

.editItemSplitContainer {
	display:inline-block;
	width:50%;
	float:left;
}


#dupItemContainer {
	display:none;
	width:100%;
/*	padding-left:2%;
	padding-rightt:2%;
	padding-bottom:2%;*/
/*	margin-left:23%;*/
	margin-top:5%;
	/*margin-right:23%;*/
	border:thin solid lightgray;
	z-index:3;
	/*border-radius:10px;*/
	position:fixed;
	background-color:white;
	font-size:.75em;
	max-height:95%;
	height:auto;
	overflow: auto;
}

#dupItemAdvanceContainer {
	display:none;
}

.dupItemSplitContainer {
	display:inline-block;
	width:50%;
	float:left;
}


#infoContainer {
	
	display:inline-block;width:100%;margin-top:20px;
}

#infoContainerheader {margin-top:0px;}


#menuOptionContainer {
	/*margin-top: 6%;*/
	/*margin-left:1%;*/
	position:fixed;
	z-index:2;
	display:none;
	width:98%;
	padding:1%;
	height:98%;
	/*float:left;*/
	background-color:#6F603D;
	color:gold;
	overflow: auto;
	/*border-radius: 5px;*/
	
}

.menuOptionItem {
	display:inline-block;
	width:94%;
	padding:3%;
	text-align:center;
	border-bottom:solid thin #786D43;
	font-size:.85em;
	

}




#newItemContainer {
	display:none;
	width:96%;
	padding-left:2%;
	padding-rightt:2%;
	padding-bottom:2%;
	/*margin-left:23%;*/
	margin-top:5%;
	/*margin-right:23%;*/
	border:thin solid lightgray;
	z-index:3;
	/*border-radius:10px;*/
	position:fixed;
	background-color:white;
	font-size:.75em;
	max-height:90%;
	height:auto;
	overflow: auto;
}


#newReptContainer {
	display:none;
	width:96%;
	padding-left:2%;
	padding-rightt:2%;
	padding-bottom:2%;
	/*margin-left:23%;*/
	margin-top:5%;
	/*margin-right:23%;*/
	border:thin solid lightgray;
	z-index:3;
	/*border-radius:10px;*/
	position:fixed;
	background-color:white;
	font-size:.75em;
	max-height:90%;
	height:auto;
	overflow: auto;
}

#newItemAdvanceContainer {
	display:none;
}

.newItemSplitContainer {
	display:inline-block;
	width:50%;
	float:left;
}

.orgLogoForm {
	display:block;
	width:50%;
	margin:auto;
}

.repItemCon {display:block; padding:1%; border-bottom:thin dotted gray;}

.repTotalCon {display:block; padding:1%; font-size: 1.25em; font-weight:bold; border-bottom:thin dotted gray; background-color: rgba(55,55,55,1); color: rgba(255, 248, 238,1);}