/** CALENDAR WIDGET **/
#calendar-widget {
    margin-bottom: 30px;
    box-shadow: 0 1px 1px rgba(0,0,0,.15);
}

#fc-actions {
    position: absolute;
    bottom: 10px;
    right: 12px;
}

.fc {
    background-color: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
    margin-bottom: 30px;

    td, th {
        border-color: @table-border-color;
    }

    th {
        font-weight: 400;
    }

    table {
        background: transparent;

        tr {
            & > td:first-child {
                border-left-width: 0;
            }
        }
    }
}

#calendar-widget {
    .fc-toolbar {
        background: @m-teal;
    }

    .fc-day-header {
        color: #fff;
        background: darken(@m-teal, 5%);
        padding: 5px 0;
        border-width: 0;
    }

    .fc-day-number {
        text-align: center;
        color: #ADADAD;
        padding: 5px 0;
    }

    .fc-day-grid-event {
        margin: 1px 3px 1px;
    }


    .ui-widget-header th,
    .ui-widget-header {
        border-width: 0;
    }
}

#calendar {
    .fc-toolbar {
        height: 300px;
        .bg-cover('../img/cal-header.jpg');
        background-position: inherit;

        &:before {
            content: "";
            height: 50px;
            width: 100%;
            background: rgba(0, 0, 0, 0.36);
            position: absolute;
            bottom: 0;
            left: 0;
        }

        .fc-center {
            margin-top: 238px;
            position: relative;
        }

        @media screen and (max-width: @screen-sm-max) {
            height: 200px;

            .fc-center {
                margin-top: 138px;
            }
        }
    }

    .fc-day-header {
        color: #ADADAD;
        text-align: left;
        font-size: 14px;
        border-bottom-width: 0;
        border-right-color: #eee;
        padding: 10px 12px;
    }

    .fc-day-number {
        @media screen and (min-width: @screen-sm-max) {
            font-size: 25px;
            letter-spacing: -2px;
        }

        padding-left: 10px !important;
        color: #CCC;
        text-align: left !important;

    }


    .fc-day-grid-event {
        margin: 1px 9px 0;
    }
}

.fc-today {
    color: @m-amber;
}

.fc-toolbar {
    margin-bottom: 0;
    padding: 20px 7px 19px;
    position: relative;

    h2 {
        margin-top: 7px;
        font-size: 20px;
        font-weight: 400;
        text-transform: uppercase;
        color: #fff;
    }

    .ui-button  {
        border: 0;
        background: 0 0;
        padding: 0;
        outline: none !important;
        text-align: center;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        margin-top: 2px;
        color: #fff;

        &:hover {
            background: #fff;
            color: @m-teal;
        }

        & > span {
            position: relative;
            font-family: @font-icon-md;
            font-size: 20px;
            line-height: 100%;
            width: 30px;
            display: block;
            margin-top: 2px;


            &:before {
                position: relative;
                z-index: 1;
            }

            &.ui-icon-circle-triangle-w:before {
                content: "\f2fa";
            }

            &.ui-icon-circle-triangle-e:before {
                content: "\f2fb";
            }

        }
    }
}
.fc-event {
    padding: 0;
    font-size: 11px;
    border-radius: 0;
    border: 0;

    .fc-title {
        padding: 2px 8px;
        display: block;
    }

    .fc-time {
        float: left;
        background: rgba(0, 0, 0, 0.2);
        padding: 2px 6px;
        margin: 0 0 0 -1px;
    }
}

.fc-view, .fc-view > table {
    border: 0;
    overflow: hidden;
}

.fc-view > table > tbody > tr > .ui-widget-content {
    border-top: 0;
}

div.fc-row {
    margin-right: 0 !important;
    border: 0 !important;
}


.fc-today {
    color: @m-amber !important;
}

/* Even Tag Color */
.event-tag {
    margin-top: 5px;

    & > span {
        border-radius: 50%;
        width: 30px;
        height: 30px;
        margin-right: 3px;
        position: relative;
        display: inline-block;
        cursor: pointer;

        &:hover {
            .opacity(0.8);
        }

        &.selected {
            &:before {
                font-family: @font-icon-md;
                content: "\f26b";
                position: absolute;
                text-align: center;
                top: 3px;
                width: 100%;
                font-size: 17px;
                color: #FFF;
            }
        }
    }
}

hr.fc-divider {
    border-width: 1px;
    border-color: #eee;
}

.fc-day-grid-container.fc-scroller {
    height: auto !important;
    overflow: hidden !important;
}