.dncalendar-body tbody td{ position:relative; }
.dncalendar-body tbody td .entry {    z-index: 3; }

.dncalendar-body table td.calendarClick.today-date{ background:none !important; }
.dncalendar-body table td.calendarClick.today-date .entry{ text-decoration: underline; color:#333 !important; font-weight:bold; }


.bgcolor::after{ border-radius: 50%;
display: block;
width: 40px;
height: 40px;
position: absolute;
content: '';

top: 10%; left: 50%;
transform: translate(-50%, 0); }
@media screen and (max-width:1100px) {
.bgcolor::after{ left:15% !important ;transform: translate(0%, 0)!important  ;};

}

.bgcolor_default::after{ background:#e8fffd !important; }
.bgcolor_pink::after{ background:rgb(244, 110, 110, .3) !important; }
.bgcolor_blue::after{ background:rgb(103, 198, 241, .3) !important; }
.bgcolor_green::after{ background:rgb(37, 217, 186, .3) !important; }
.bgcolor_purple::after{ background:rgb(128, 124, 230, .3) !important; }
.bgcolor_yellow::after{ background:rgb(255, 228, 0, .3) !important; }
.bgcolor_orange::after{ background:rgb(255, 180, 0, .3) !important; }


.dncalendar-note-list li span{ color:#fff !important; }
.dncalendar-note-list li.bgcolor_default span{ background:#25d9ba; }
.dncalendar-note-list li.bgcolor_pink span{ background:rgb(244, 110, 110, 1)  }
.dncalendar-note-list li.bgcolor_blue span{ background:rgb(103, 198, 241, 1) }
.dncalendar-note-list li.bgcolor_green span{ background:rgb(37, 217, 186, 1) }
.dncalendar-note-list li.bgcolor_purple span{ background:rgb(128, 124, 230, 1)}
.dncalendar-note-list li.bgcolor_yellow span{ background:rgb(255, 228, 0, 1) }
.dncalendar-note-list li.bgcolor_orange span{ background:rgb(255, 180, 0, 1)}

@media screen and (max-width: 800px) {
.bgcolor::after{ 
width: 50%;
height: 26px;
left: 25% !important;
top: 10%; }
}