.table-containter{
	border:0px solid black;
	height:550px;
	display:flex;
}
.d-flex{
	display:flex;
}
.w-100{
	width:100%;
}
.font-12{
	font-size:12px;
}
.font-14{
	font-size:14px;
}
.pd-1{
	padding:1px;
}

.pd-2{
	padding:2px;
}
.space-between{
	justify-content:space-between;
}
.align-items{
	align-items:center;
}
.txt-cnt{
	text-align:center;
}
.event-heading{
	margin-top:10px;
	font-size:21px;
	font-weight:600;
}
.calendar-div{
	width:39%;
	border:0px solid red;
	padding:18px;
    padding-left: 25px;
    padding-right: 25px;
}
.events-div{
	margin:18px;
	margin-left:0px;
	width:36%;
	background-color:#f7f8f8;
	border:0px solid blue;
}
.events-category{
	width: 21%;
	/*background-color:#eeeeee;*/
	border:0px solid blue;
	margin:18px;
	margin-left:0px;
	overflow-y:scroll;
}


.calendar-month-Heading{
	font-weight:bold;
	font-size:24px;
}
.events-category::-webkit-scrollbar {
  display: none;

}
td.days_head_cell{
	padding:14px;
}
.calendar-next-previous-Heading{
	color:grey;
}
.calendar-container{
	width:100%;
}
.days_head_cell{
	width: calc(100%/7);
    border: 0px solid red;
    text-align: center;
	padding: 5px;
    height: 50px;
}
.p-15{
	padding: 15px;
}
.bold-600{
	font-weight:600;
}
.date_event{
	height: 10px;width: 10px;margin:auto;border-radius: 7.5px;margin-top:5px;
}
.selected_date_event_selected{
	background:blue;
}
.pointer{
	cursor:pointer;
}
.registrationBtn{
	background: #287fb7;
    color: #fff;
    border: 1px solid black;
    padding: 10px;
}

.bordertl-radius{
	border-top-left-radius:10px;
}
.bordertr-radius{
	border-top-right-radius:10px;
}

thead > tr > th{
background-color:#760a04;
color:white;
text-align:center;
		font-size:13px;

}


/* table{
	font-size:16px;
} */

.table>thead>tr>th{
padding:15px;
border:0px;
z-index:-2;

}
.table>tbody>tr>td{
box-sizing:border-box;
padding:10px;
border:0px;
width:10%;
max-width:100px;
height:140px;
z-index:-2;
font-weight:bold;
}

tbody{
border:2px solid #F4F6F6;
}


/*
tbody tr:nth-child(even) > td:nth-child(even){
background-color: #fdf1e7;
}

tbody tr:nth-child(odd) > td:nth-child(odd){
background-color: #fdf1e7;
}
tbody tr:nth-child(even) > td:nth-child(odd){
background-color: #fff;

}
tbody tr:nth-child(odd) > td:nth-child(even){
background-color: #fff;
}*/

.table{
margin-top:20px;}

.todaysdate {
color: white;
font-size: 13px;
background-color:#760a04;
width: 26px;
height: 26px;
text-align: center;
border-radius: 13px;
display: flex;
justify-content: center;
align-items: center;
}
.circledDate{
color: #000;
font-size: 13px;
width: 26px;
height: 26px;
text-align: center;
border-radius: 13px;
border:1px solid #000;
display: flex;
justify-content: center;
align-items: center;

}
.normaldate{
font-size:14px;

color:#888;
}
body{
overflow-x:hidden;}
.calendarHeader{
display:flex;
justify-content: space-between;
margin-bottom:15px;
font-family:Sans-serif;
}
.calmwselect{
border:1px solid 5px;
height:30px;
padding-left:10px;
padding-right:10px;
border-radius:20px;
font-weight:bold;
}
.calenderHeading{
font-size:23px;
text-align:center;
}
.prevnextCalBtn{
height:30px;
display:flex;
align-items:center;
}
.mt-10{
margin-top:20px;
}
.calendarHeader-768{
display:none;
}
.eventPos{
position:relative;
border:0px solid black;
}
.eventPosAbs{
position:absolute;
top:0px;
bottom:0px;
width:100%;
background:red;
}
.maincondiv{
z-index:6;height:140px;overflow:hidden;padding:8px;width:100%; box-shadow: 0px 0px 10px #eee;
}
.wcolor{
color:white;
}
.datetimetxt{
font-size:11px;color:#aaa;margin-left:3px;
}
.hide-768{
display:block;
}
.show-768{
display:none;
}
.flinecalbox{
display:flex;align-items:center;
}
.txtcenter{
text-align:center;
}

.pd-5{
	padding:5px;
}
.modal {
display: none; 
position: fixed; 
z-index: 5000; 
left: 0;
top: 0;
width: 100%; height: 100%;
overflow: auto;
background-color: rgb(0,0,0); 
background-color: rgba(0,0,0,0.4); 
}
.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 15px;
}
.modal-content {
background-color: #fefefe;
margin: auto;
padding: 10px;
border: 1px solid #888;
width: calc(60%);
}
.modal-header {
padding: 12px 0px;
border-bottom: 1px solid #e5e5e5;
}
.d-flex-768{
	display:flex;
	flex-direction:unset !important;
}



@media(max-width:850px){
.circledDate{
	color: #000;
	font-size: 11px;
	width: 20px;
	height: 20px;
	text-align: center;
	border-radius: 10px;
	border:1px solid #000;
	display: flex;
	justify-content: center;
	align-items: center;
}
.datetimetxt{
	font-size:10px;color:#aaa;margin-left:3px;
}
.todaysdate {
	color: white;
	font-size: 11px;
	background-color:#760a04;
	width: 20px;
	height: 20px;
	text-align: center;
	border-radius: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
}
}

@media(max-width:780px){
.calendarHeader{
	display:none;
}
.calendarHeader-768{
	display:block;
}
.datetimetxt{
	display:none;
}
.hide-768{
	display:none;
}
.show-768{
	display:block;
}

.table>tbody>tr>td{
	box-sizing:border-box;
	padding:10px;
	border:0px;
	width:10%;
	max-width:100px;
	background-color: #F4F6F6;
	height:50px;
	z-index:-2;
	font-weight:bold;
	}

	.maincondiv{
		position: absolute;top:0px;z-index:6;height:50px;overflow:hidden;padding:8px;width:100%; box-shadow: 0px 0px 10px #eee;
	}  
	
	.flinecalbox{
		display:flex;align-items:center;justify-content:center;
	}
	
	.circledDate{
		color: #000;
		font-size: 11px;
		width: 20px;
		height: 20px;
		text-align: center;
		border-radius: 10px;
		border:1px solid #000;
		display: flex;
		justify-content: center;
		align-items: center;
		margin:auto;
	}    
	
	.todaysdate_exmrg{
		margin:auto;
		margin-top:8px;

	}
}

@media (max-width:768px){
	.calendar-div{
		width:100%;
	}
	.table-containter{
		display:block;
		height:unset;
	}
	.events-div{
		width:100%;
		margin:0px;
	}
	.events-category{
		display:none;
	}
	.d-flex-768{
		display:block;
	}
}

@media (min-width: 320px) and (max-width: 480px) {
	.modal-content {
		width: 95%!important;
		margin-top: 25%;
		margin-bottom: 0%;
	}
	td.days_head_cell{
		padding:unset;
	}
	.entry-content tr td{
		padding: unset;
	}
	.calendar-month-Heading{
		font-size:20px;
	}
		.d-flex-768{
		display:block;
	}

}