.dbc-calendar { position:relative; font-size:16px; width:100%; }
.dbc-calendar-nav { width:100%; margin:0 0 7px 0; text-align:center; }
.dbc-calendar .prev-month { position:absolute; left:0; cursor:pointer; }
.dbc-calendar .this-month {cursor:pointer;}
.dbc-calendar .next-month { position:absolute; right:0; cursor:pointer; }
.dbc-calendar-link { padding:0 1rem;}

.dbc-calendar .prev-year,
.dbc-calendar .next-year { cursor:pointer;}
.dbc-calendar #calendar-month { text-align:center;border:0!important;outline:none!important;box-shadow:none;background-color:transparent;width:auto;}
.dbc-calendar .prev-year,
.dbc-calendar .next-year{ display:none; }
.dbc-calendar-table {  width:100%; border-collapse: collapse; }
.dbc-calendar-table,
.dbc-calendar-table th,
.dbc-calendar-table td { position:relative; text-align:center; cursor:pointer; border-color:#ccc;}
.dbc-calendar-table th,
.dbc-calendar-table td { width:14.2857%;height:40px; padding:0 !important;}
.dbc-calendar-table th { font-weight:bold; }
.dbc-calendar-table td .dt { display:block; padding:1rem;margin:0 auto; width:100%; }
.dbc-calendar-table td .dt-bible { padding:2px 3px; border:1px solid transparent; border-radius:5px; }
.dbc-calendar-table td.w0 .dt-dot,
.dbc-calendar-table td.w0 .dt-bible { background-color:#CC3737; color:#fff; }
.dbc-calendar-table td.w1 .dt-dot,
.dbc-calendar-table td.w1 .dt-bible { background-color:#FD8A04; color:#fff; }
.dbc-calendar-table td.w2 .dt-dot,
.dbc-calendar-table td.w2 .dt-bible { background-color:#CC9E08; color:#fff; }
.dbc-calendar-table td.w3 .dt-dot,
.dbc-calendar-table td.w3 .dt-bible { background-color:#83A944; color:#fff; }
.dbc-calendar-table td.w4 .dt-dot,
.dbc-calendar-table td.w4 .dt-bible { background-color:#3F6DBD; color:#fff; }
.dbc-calendar-table td.w5 .dt-dot,
.dbc-calendar-table td.w5 .dt-bible { background-color:#363A57; color:#fff; }
.dbc-calendar-table td.w6 .dt-dot,
.dbc-calendar-table td.w6 .dt-bible { background-color:#7945BF; color:#fff; }
.dbc-calendar-table td.norange,
.dbc-calendar-table td.past { color:#aaa; cursor:not-allowed; }
.dbc-calendar-table td.nodate{ cursor:not-allowed; }
.dbc-calendar-table td.today { background-color:rgba(100,100,100,.3); }
.dbc-calendar-table td.today:not(.on) .dt {  color: #333; border-radius: 50%;}
.dbc-calendar-table td .dt-dot { display:none; margin:.5rem auto; border-radius: 10px; height: 4px; width: 4px;}
.dbc-calendar-table td.hover .dt-bible { display:inline-block; padding:10px; border-radius: 5px; position:absolute; margin-top:calc(1rem - 1px); left:50%; transform:translateX(-50%); z-index:3; }
.dbc-calendar-table td.hover { background-color:rgba(50,50,50,.2); }

@media screen and (max-width:665px) {
    .dbc-calendar-table td .dt { padding:2px; }
}

@media screen and (max-width:540px) {
    .dbc-calendar-table td .dt-dot { display:block; }
    .dbc-calendar-table td:not(.hover) .dt-bible { display:none; }
    .dbc-calendar-table td:not(.hover):hover .dt-bible { display:inline-block; padding:10px; border-radius: 5px; position:absolute; margin-top:1.5rem; left:50%; transform:translateX(-50%); z-index:3; }
}