/* declare a 7 column grid on the table */
#tabelaCelandarioDmB {
	width: 100%;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
}

#tabelaCelandarioDmB tr, #tabelaCelandarioDmB tbody {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
 width: 100%;
}

caption {
	text-align: center;
  grid-column: 1 / -1;
  font-size: 130%;
  font-weight: bold;
  padding: 10px 0;
}

#tabelaCelandarioDmB a {
	color: #D0E3F0;
	text-decoration: none;
}

#tabelaCelandarioDmB td, #tabelaCelandarioDmB th {
	padding: 5px;
	box-sizing:border-box;
	border: 1px solid #ccc;
}

#tabelaCelandarioDmB .weekdays {
	background: #D0E3F0;  
}


#tabelaCelandarioDmB .weekdays th {
	text-align: center;
	text-transform: uppercase;
	/*line-height: 20px;
	border: none !important;
	padding: 10px 6px;*/
	color: #fff;
	font-size: 13px;
}

#tabelaCelandarioDmB td {
	/*min-height: 180px;*/
  display: flex;
  flex-direction: column;
}

#tabelaCelandarioDmB .days li:hover {
	background: #d3d3d3;
}

#tabelaCelandarioDmB .date {
	text-align: center;
	margin-bottom: 5px;
	padding: 4px;
	width: 20px;
	/*border-radius: 50%;	background: #333;color: #fff;*/
  flex: 0 0 auto;
  align-self: flex-end;
}

#tabelaCelandarioDmB .event {
  	flex: 0 0 auto;
	font-size: 13px;
	border-radius: 4px;
	padding: 5px;
	margin-bottom: 5px;
	line-height: 14px;
	/*background: #e4f2f2;
	border: 1px solid #b5dbdc;*/
	color: #009aaf;
	text-decoration: none;
}

#tabelaCelandarioDmB .event-desc {
	color: #666;
	margin: 3px 0 7px 0;
	text-decoration: none;	
}

#tabelaCelandarioDmB .other-month {
	background: #f5f5f5;
	color: #666;
}


#tabelaCelandarioDmB .dom{
background:#D0E3F0;
text-align:center;
}
#tabelaCelandarioDmB .sem{
background:#D0E3F0;
text-align:center;
color:#006699;
}
#tabelaCelandarioDmB .hj{
background:#FFFAD6;
/*text-align:center;
text-decoration:line-through;*/
font-style:bold;
}
#tabelaCelandarioDmB .hj .date {
	text-align: center;
	margin-bottom: 5px;
	padding:0px;
	width: 20px;
	border-radius:80%;	background: #FFF;color: #000;border: 1px solid #b5dbdc;
  flex: 0 0 auto;
  align-self: flex-end;
}
/* ============================
				Mobile Responsiveness
   ============================*/


@media(max-width: 168px) {

	#tabelaCelandarioDmB .weekdays, #tabelaCelandarioDmB .other-month {
		display: none;
	}

	#tabelaCelandarioDmB li {
		height: auto !important;
		border: 1px solid #ededed;
		width: 100%;
		padding: 10px;
		margin-bottom: -1px;
	}
  
  #tabelaCelandarioDmB, #tabelaCelandarioDmB tr, #tabelaCelandarioDmB tbody {
    grid-template-columns: 1fr;
  }
  
  #tabelaCelandarioDmB  tr {
    grid-column: 1 / 2;
  }

	#tabelaCelandarioDmB .date {
		align-self: flex-start;
	}
}