.datePicker .next   {margin: 0 0 15px; padding: 6px 10px !important; text-align: left; background-image: none !important;}
.datePicker .prev   {margin: 0 0 15px 10px; padding: 6px 10px !important; text-align: right; background-image: none !important;}

.datePicker h3      {float: right; margin: 5px 0; clear: none;}

.calrow             {clear: both; margin: 1px;}
.calcol             {float: left; width: 14.285%; text-align: center;}
.calcol a, .calcol b
                {display: block; margin: 1px; padding: 5px 0; background:var(--theme-color-black); color: var(--theme-color-white); border-radius: 5px;}
.calcol a:hover {background: var(--theme-color-6);}
.calcol.today a {background: var(--theme-color-3); color: var(--theme-color-black);}
.calcol.today a:hover
                {background: var(--theme-color-6); color: var(--theme-color-white);}
.calcol b       {background: var(--theme-color-6); color: var(--theme-color-white);}