@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:96%;
	padding:1%;
	margin:1%;
	border:thin solid gray;
	border-radius:5px;
	-moz-appearance: none;
	-webkit-appearance: none;
}

select {
	display:inline-block;
	width:96%;
	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;
}

.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;
}

#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%;
}

#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:78%;
	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:22%;
	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:58%;
	margin-top:10%;
	margin-left:23%;
	margin-right:23%;
	background-color:white;
	position:fixed;
	min-height:300px;
	padding:1%;
	border:thin solid gray;
	border-radius:10px;
}

.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: inline-block;
	 width:100%;
	}


.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;
}

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

.dayCellContainer {
	width:12.6%;
	height:125px;
	padding:.5%;
	float:left;
	border-left:thin solid #DFDFDF;
	border-right:thin solid white;
	border-bottom:thin solid #DFDFDF;
	overflow:auto;
}

.dayCellFillerContainer {
	width:12.6%;
	height:125px;
	padding:.5%;
	float:left;
	border-left:thin solid #DFDFDF;
	border-right:thin solid white;
	border-bottom:thin solid #DFDFDF;
	overflow:auto;
}

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

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




#displayQR {
	display:inline-block;
	width:24%;
	float:left;
}



#editItemContainer {
	display:none;
	width:50%;
	padding: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:70%;
	height:auto;
	overflow: auto;
}

#editItemAdvanceContainer {
	display:none;
}

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


#dupItemContainer {
	display:none;
	width:50%;
	padding: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:70%;
	height:auto;
	overflow: auto;
}

#dupItemAdvanceContainer {
	display:none;
}

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



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


.kioskBrandContainer {
	display:inline-block;
	width:100%;
	height:100%;
	padding:0%;
	position:fixed;
	top:0;
	left:0;
	background-color:rgba(74,64,49,1.00);
	color:dimgray;
	z-index:90;
	/*background-image:url(../images16a/studying.jpg);*/
	background-position:center;
	background-repeat:no-repeat;
	/*background-size:auto;*/
	overflow: auto;
}


#kioskLogoContainer {
	display:inline-block;
	margin-left:8%;
	padding:2%;
	border: thin dotted gray;
	}

#kioskMapContainer {
	display:block;
	height:1000px;
	width:100%;
	
	
}

#kioskOfficeInfo {
	display:block;
	height:1000px;
	width:100%;
	
	
}

.kioskOpt {
	display:inline-block;
	padding-top:.5%;
	padding-bottom:.5%;
	padding-left:1.5%;
	padding-right:1.5%;
	margin:.5%;
	border-radius:5px;
	font-weight:bold;
	text-align:center;
	cursor:pointer;
	background-color:rgba(56,50,42,.90);
	color:rgba(206,143,41,1.00);
	box-shadow: 0px 0px 15px 15px rgba(150,150,150,.15);
	border-bottom:thin solid black;
	}

.kioskOptContainer {
	display:inline-block;
	width:99%;
	padding:.5%;
	position:fixed;
	bottom:0;
	left:0;
	background-color:rgba(56,50,42,.80);
	border-top:thick solid rgba(56,50,42,1.00);
	/*background-color:rgba(241,241,241,.85);*/
	color:dimgray;
	z-index:100;
	}
	


#menuOptionContainer {
	margin-top:6%;
	margin-left:1%;
	position:fixed;
	z-index:2;
	display:none;
	width:19%;
	padding:.5%;
	float:left;
	background-color:#6F603D;
	color:gold;
	border-radius: 5px;
	max-height: 80%;
	overflow:auto;
	
}
.menuOptionItem {
	display:inline-block;
	width:94%;
	padding:3%;
	text-align:center;
	border-bottom:solid thin #786D43;
	font-size:.85em;
	

}




#newItemContainer {
	display:none;
	width:50%;
	padding: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:70%;
	height:auto;
	overflow: auto;
}

#newReptContainer {
	display:none;
	width:50%;
	padding: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:70%;
	height:auto;
	overflow: auto;
}

#newItemAdvanceContainer {
	display:none;
}

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

.orgLogoForm {
	display:block;
	width:200px;
	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; }

.tileOfficeInfo {
	display:inline-block;
	width:22.5%;
	margin:.25%;
	padding:1%;
	color: rgba(255,255,255,1.00);
	background-color: rgba(255,255,255,0.25);
	height:100px;
	overflow-y:auto;
	border-radius:5px;
	
}