Stylesheet Customization (v1)


This widget has been deprecated, please use the current calendar widgets instead.

To customize the style of the calendar there are CSS classes that can be overwritten.

.fxst-dateRow td {
background-color: #304C70 !important;
color: white !important;
padding: .5rem 0 !important;
.fxst-tr-event td {
background-color: #BCCDE3 !important;
border-bottom: 1px solid white !important;
.fxs_cal_nextEvent td {
background-color: white !important;
.fxs_cal_timeLeft {
padding-left: 0 !important;
.fxs_cal_timeLeft:before {
font-family: FontAwesome !important;
content: '\f00c' !important;
.fxs_cal_nextEvent .fxs_cal_timeLeft:before {
content: '' !important;
.fxst-preliminar, .fxst-i-report {
margin-left: 10px !important;
background-color: #333333 !important;
color: white !important;
font-weight: 400 !important;
.fxst-gnral {
font-size: 11px !important;