.fc-toolbar {display:none!important}
.fc {    max-width: 100%!important}
.fc th,
.fc td,
.fc hr,
.fc thead,
.fc tbody,
.fc-row {color: #000!important;background: #fff!important}
.vhide {    display: block !important}
.fc-toolbar {display:none!important}
.ibox {border:0px;}
.ibox-content {border:0px!important; padding:0px!important}
.wrapper-content, .wrapper {padding:0px!important}
/*.fc-time-grid .fc-slats td { height: 1.8em!important }*/






/* kill the overlaid, absolutely-positioned components */
/* common... */
.fc-bg,
.fc-bgevent-skeleton,
.fc-highlight-skeleton,
.fc-helper-skeleton,
.fc-bgevent-container,
.fc-business-container,
.fc-highlight-container,
.fc-helper-container {
  display: none; }

/* don't force a min-height on rows (for DayGrid) */
.fc tbody .fc-row {
  height: auto !important;
  /* undo height that JS set in distributeHeight */
  min-height: 0 !important;
  /* undo the min-height from each view's specific stylesheet */ }

.fc tbody .fc-row .fc-content-skeleton {
  position: static;
  /* undo .fc-rigid */
  padding-bottom: 0 !important;
  /* use a more border-friendly method for this... */ }
.fc tbody .fc-row .fc-content-skeleton table {
  /* provides a min-height for the row, but only effective for IE, which exaggerates this value,
     making it look more like 3em. for other browers, it will already be this tall */
  height: 1em; }