*{
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.weekWrapper{
	width:100%;
	border:1px solid #000000;
	margin-bottom:-1px;
	outline:none;
	
}
.weekDateWrapper{
	width:100%;
}

.weekDates{
	
}
.weekDay .cell{
	text-align:center;
	font-weight:bold;
	
}
.weekDay{

	margin-top:30px
}
.weekDay p{
	padding:5px;
}
.cell{
	width:14.28571428571429%;
	float:left;
}
.dateText{
	text-align:center;
	border:1px solid #000000;
	padding:10px;
	font-weight:bold;
	outline:none;
	border-bottom:2px solid #000000;
	position:relative;
	}

.cell:nth-child(7) .dateText{
	border-right:1px solid #000000 !important;
}
.nonActiveMonth{
	background:#bfbaba;
	color:#FFFFFF;
}
.activeMonth{
	background:#FFFFFF;
	color:#000000;
}

.eventsWrapper{
	position:relative;
	width:100%;
}
.eventSlot{
	position:relative;
	border-bottom:0px solid #FFFFFF;
	height:32px;
	outline:none;
}
.currentDate{
	background:#0e2a36;
	color:#FFFFFF;
}

.actualEvent{
	position:absolute;
	height:32px;
	line-height:30px;
	top:0px;
	outline:none;
	box-shadow: inset 0px 0px 1px 0px rgba(0,0,0,0.5);
	text-overflow: ellipsis;
	 white-space: nowrap; 
	 overflow:hidden;
	 cursor:pointer;
}
.actualEvent p{
	
}
.nextArrows p::after{
	font-weight:bold;
	content: " ";
	background-image:url('images/arrow_right.png');
	position: absolute;
	height:9px;
	width:11px;
	top:11px;
	right:4px;
}
.nextArrows p{
	margin-right:20px
}
div.btn{
	display:inline-block;
	padding:5px;
}
.c_CreateEventWrapper, .hidloWrapper, .c_UpdateEventWrapper{
	display:none;
	border:3px solid #01b686 ;
}
.c_UpdateEventWrapper h1{
	padding:5px;
}
.hidloWrapper{
	padding:5px;
}
.hidloWrapper p{
	font-weight:bold;
}
.hidloWrapper select{
	max-width:200px;
	clear:both;
	margin-bottom:10px;
	display:block;
}
.errorField{
	border:1px solid red !important; 
	color:red;
}
.bolderErrorField{
	border:3px solid red !important; 
	color:red;
	font-weight:bold;
}
.c_timeTable, .c_dataTable, .c_dropTable, #c_submitButton{
	padding:5px;
}
.previousArrows p::before{
	font-weight:bold;
	content: " ";
	background-image:url('images/arrow_left.png');
	position: absolute;
	height:9px;
	width:11px;
	top:11px;
	left:4px;
}
.previousArrows p{
	margin-left:20px;
}
.blankDay{
	position:absolute;
	height:32px;
	line-height:30px;
	top:0px;
	border:0px ;
	outline:none;

}
.readMore{
	position:relative;
	
	height:20px;
	line-height:20px;
	top:0px;
	background:#01b686;
	outline:none;
	text-align:center;
	color:#FFFFFF;
	
}
.eventsWrapper .eventSlot:nth-child(1) .actualEvent{
	top:0px;
	height:32px;	
}
.eventsWrapper .eventSlot:nth-child(1) .blankDay{
	top:0px;
	height:32px;	
}



.actualEvent p{
	padding-left:5px;
	text-overflow: ellipsis;
	overflow:hidden;
	
}

.moreIndictor{
	color:#01b686;
	text-decoration:underline;

}

.hiddenSlot{
	display:none;
}	

.c_overlay{
	display:none;
	position:fixed; 
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.7);
	z-index:200000;
	top:0%;
	left:0%;
}

input, .btn{
	font-family:openSans!important ;
	
}
.c_popUp, .c_popUpDelete{
	display:none;
	left:20%;
	right:20%;
	position:fixed;
	
	height:500px;
	z-index:2000001;
	margin:auto;
	top:20%;
}

.c_popUpDelete{
	display:none;
	background:#0e2a36;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	min-height:100px;
	height:auto;
	border:1px solid #FFFFFF;
}
.c_popUpDelete .btn.closePopUp{
	position:relative;
	top:1px;
}
.PopContainer{
	width:100%;
	position:relative;
}
.PopWrapper{
	padding:20px;
}

.PopWrapper Input{
	
}
.closePopUp{
	position:absolute;
	top:2px; 
	right:2px;
	cursor:pointer;
}

.noButton{
	padding:3px !important;
	margin-left:10px;
	padding-left:5px !important;
	padding-right:5px !important;
}
.c_popUp .name, .c_popUp .location{
	margin-bottom:5px;
}
.c_popUp .description{
	background:#FFFFFF;
	border:1px solid #000000;
	padding:5px;
	min-height:100px;
	Overflow:auto;
	Height:175px

}
.c_timeTable .date, .c_timeTable .time{
	width:100px;
}

.c_timeTable tr {

}

.displayNav{
	margin-top:20px;
	width:100%;

}

.prevYear{
	background-color:#0e2a36 !important;
	float:left !important;
	
} 

.nextYear{
	float:right !important;
	background-color:#0e2a36 !important;
	
}

.dateNav{
	padding:3px;
	float:right !important;
	max-width:350px;
	margin-right:5px;
	background-color:#0e2a36;
	height:30px;

}

.dateNav input{
	height:23px !important;
	line-height:5px;
}


.displayNav a{
	color:white;
	
}

.displayNav a:hover{
	color:white;
	text-decoration:none;
	
}

.prevYear:hover , .nextYear:hover{

}

.digwyddiadNewydd{
	margin-right:10px;
}

.filterSchool{
	float:left;
	border-right:1px solid white;
	border-bottom:1px solid white;
	padding:8px; 
	margin-right:3px;
	margin-bottom:3px;
	font-weight:bold;
	cursor:pointer;
}

.date.cell{
	cursor:pointer;
}

.filterSchool:hover{
	opacity:0.6;
}

.filterCheck{
	margin-right:5px;
}

.filterAll{
	float:right;
}

.filterSubmit{
float:left;
}

.filterNone{
	float: right;
	margin-right:10px;
}

.date.cell:hover .dateText:after {
	right:20px;
	position:absolute;
	content: "+" ;
	font-weight:bold;
	
	
	
}

.date.cell:hover .dateText{
	background:rgba(14, 42, 54, 0.1);
	color:#FFFFFF;
}
.actualEvent  a, .actualEvent  a:hover{
	color:#000000 !important;
}
.date.cell:hover{
	background:rgba(14, 42, 54, 0.81);

}

.deleteEvent {
	margin-left:10px;
	padding:3px !important;
	padding-left:5px !important;
	padding-right:5px !important;
}

.black{
	float:right;
	

}

.monthButton{
	float:right;
	
	height:20px !important;
	background-color:#0e2a36;
	width:25%;
	font-family: openSans
}
.monthButton:hover{
	background-color:#0e2a36;
}

.monthButton{
	font-size:14px !important;
	padding:5px !Important; 
	height:auto !important;
}

.c_timeTable td, .c_dataTable td, .c_dropTable td{
	border-bottom:0px;
}

.c_timeTable select, .c_dataTable select{
	border-bottom:0px;
}

.month{
	width:69% !important ;
	float:right;
	
}

.errorWrapper{
	width:100%;
	background-color:red;
	color:white;
	padding:0px;
	text-align:center;
	
}

.errorWrapper p{
	margin:0px;
	padding:2px;
	font-weight:bold;
}

.messageWrapper{
	width:100%;
	background-color:#01b686;
	color:white;
	padding:0px;
	text-align:center;
	
}

.messageWrapper p{
	margin:0px;
	padding:2px;
	font-weight:bold;
}

.datePick{
	font-size:12px;
	height:auto;
	max-height:24px;
}

.navButton{
	background-color:#0e2a36;
	font-family: openSans;
	padding:0px;
}

.closeErrors{
	background:none !important;
	border: 2px solid #ffffff;
	color:#ffffff;
	display:inline-block;
	padding:7px !important;
	padding-top:4px !important;
	padding-bottom:4px !important;
	margin-top:5px !important;
	margin-bottom:10px !important;
	transition:0.3s;
	


}

.c_enw{
	width:300px !important;
}

.closeErrors:hover {
	background:#ffffff !important;
	color:red !important;
	

}