.mod-calendar {
    position: relative;
}

.mod-calendar .fc-center h2 {
    font-size: 100% !important;
}

/* removing button style from prev/next buttons */
.mod-calendar .fc-state-default {
    height: 1.8em !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}

.mod-calendar .fc-basic-view tbody .fc-row {
    min-height: 0em !important;
}

.mod-calendar .fc-view-container {
    position: relative;
}

.mod-calendar.fc thead th {
    border: none !important;
}

.mod-calendar.fc td {
    text-align: center !important;
    border: none !important;
    cursor: default;
}

.mod-calendar.fc-unthemed table td.fc-today {
    text-decoration: underline;
    background-color: transparent;
}

/* HINTS */

/* Based on hint.css by Kushagra Gour; Licensed MIT
 * Source: https://github.com/chinchang/hint.css
 */

[data-hint] {
    position: relative;
    display: table-cell; /* originaly inline-block, but we need cells */
    cursor: pointer !important;
    cursor: hand !important; /* we also need cursor */
}

td[data-hint]:before, td[data-hint]:after {
    position: absolute;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: hidden;
    opacity: 0;
    z-index: 1000000;
    pointer-events: none;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    transition: 0.3s ease;
    -webkit-transition-delay: 0ms;
    -moz-transition-delay: 0ms;
    transition-delay: 0ms;
}

[data-hint]:hover:before, [data-hint]:hover:after, [data-hint]:focus:before, [data-hint]:focus:after {
    visibility: visible;
    opacity: 1;
}

[data-hint]:hover:before, [data-hint]:hover:after {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    transition-delay: 100ms;
}

[data-hint]:before {
    content: '';
    position: absolute;
    background: transparent;
    border: 6px solid transparent;
    z-index: 1000001;
}

[data-hint]:after {
    content: attr(data-hint);
    background: #383838;
    color: white;
    padding: 8px 10px;
    font-size: 12px;
    white-space: pre; /* originally no-wrap, but we need new lines in tooltips to be actually rendered */
    line-height: 1.1em; /* we also added a little space breathing space */
}


/**
 * Defines the positoning logic for the tooltips.
 *
 * Originally there are top, bottom, left and right positions. We only need two:
 * top_left
 * top_right
 *
 * original positioning doesn't work because of the way markup is stacked in the calendar
 */

/**
 * set default color for tooltip arrows
 */
.hint--top_right:before, .hint--top_left:before {
    border-top-color: #383838;
}

/**
 * top_right tooltip - on top of the element, stretch to the right (useful if module is in the left sidebar)
 */
.hint--top_right:before {
    margin-bottom: -12px;
}

.hint--top_right:after {
    margin-left: -18px;
}

.hint--top_right:before, .hint--top_right:after {
    bottom: 100%;
    left: 50%;
}

.hint--top_right:hover:after, .hint--top_right:hover:before, .hint--top_right:focus:after, .hint--top_right:focus:before {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    transform: translateY(-8px);
}


/**
 * top_right tooltip - on top of the element, stretch to the left (useful if module is in the right sidebar)
 */
.hint--top_left:before {
    margin-bottom: -12px;
}

.hint--top_left:after {
    margin-right: -18px;
}

.hint--top_left:before, .hint--top_left:after {
    bottom: 100%;
    right: 50%;
}

.hint--top_left:hover:after, .hint--top_left:hover:before, .hint--top_left:focus:after, .hint--top_left:focus:before {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    transform: translateY(-8px);
}



[data-hint] {
        color: #FFFFFF;
        background: #e22633 !important;
    }

    /* tooltip colors */
    [data-hint]:after {
        color: #FFFFFF;
        background: #383838;
    }

    /* setting tooltip arrow */
    .hint--top_right:before, .hint--top_left:before {
        border-top-color: #383838; }
    .day_with_events {
        color: #FFFFFF;
        background: #e22633 !important;
    }