.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;
/*color:#888;
*/font-weight:bold;
}

tbody{
border:2px solid #fef8f3;
}



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;
/*height:100px;*/
top:0px;
bottom:0px;
width:100%;
background:red;
}
.maincondiv{
/*position: absolute;top:0px;
*/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;
}

.modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 5000; /* Sit on top */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.modal-content {
background-color: #fefefe;
margin: 10% auto;
padding: 10px;
border: 1px solid #888;
width: 50%;
}
.modal-header {
padding: 12px 0px;
border-bottom: 1px solid #e5e5e5;
}



@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;
	height:50px;
	z-index:-2;
	/*color:#888;
	*/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 (min-width: 320px) and (max-width: 480px) {
.modal-content {
width: 95%!important;
margin-top: 25%;
margin-bottom: 0%;
}
}