table.CalendarHeaderContainer, table.CalendarNavigatorContainer
{
    background: #fff;
    border: none;
}

.CalendarHeaderContainer tbody > tr > th, div.pi-page > table.Month tbody > tr > th
{
    font-weight: 600;
    color: #515052;
    border: none;
    font-size: 28px !important;
    padding-left: 10px !important;
}

    .CalendarHeaderContainer tbody > tr > th > a, div.pi-page > table.Month tbody > tr > th > a
    {
        vertical-align: middle;
        color: gray;
        font-size: 28px !important;
        padding-left: 10px;
        padding-right: 10px;
    }

.CalendarNavigator table > tbody > tr
{
    border: 1px solid #e6e6e6;
}


    .CalendarNavigator table > tbody > tr > td
    {
        position: relative;
        padding: 5px;
        width: 80px;
        font-size: 15px;
        text-align: center;
        background: #e6e6e6;
        color: #636563;
        border-left: 1px solid #e6e6e6;
    }

        .CalendarNavigator table > tbody > tr > td > a
        {
            position: absolute;
            font-size: 15px;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            padding-top: 5px;
            background: #fff;
            color: #636563;
        }


.CalendarNavigator .W50, .CalendarNavigator .W25
{
    width: auto;
}

.CalendarNavigatorContainer ~ table td.VT
{
    padding: 0 2% !important;
}


td.VT table.Month
{
    background: none;
    border: none;
    text-align: center;
}

    td.VT table.Month a
    {
        font-size: 15px;
        color: #000;
    }

    td.VT table.Month span.selected
    {
        background-color: #5f9e56;
        border-radius: 14px;
    }

    td.VT table.Month span > a
    {
        display: inline-block;
        margin-top: 3px;
    }

    td.VT table.Month span.selected > a
    {
        color: #fff;
    }

    td.VT table.Month > tbody > tr > th
    {
        background: none;
        border: none;
        padding: 10px 0;
    }

    td.VT table.Month > tbody > tr:first-child > th
    {
        text-align: left;
    }

        td.VT table.Month > tbody > tr:first-child > th > a
        {
            font-weight: 600;
            font-size: 17px;
        }

    td.VT table.Month > tbody > tr > td
    {
        background: none;
        border: none;
        padding: 2px 0;
    }

        td.VT table.Month > tbody > tr > td > span
        {
            width: 28px;
            height: 28px;
            display: inline-block;
        }

.VT .OffDay a
{
    color: gray !important;
}

.VT .OffDay span.selected
{
    opacity: .4
}

    .VT .OffDay span.selected a
    {
        color: #fff !important;
    }


/* --------------MONTH VIEW-------------------------- */
tr.MonthWeek > td, tr.MonthWeekBlank > td
{
    border-right-color: gray;
    padding: 0;
}

    tr.MonthWeek > td:first-child, tr.MonthWeekBlank > td:first-child
    {
        border-left: 1px solid gray;
    }

tr.MonthWeekBottom > td
{
    border-right-color: gray;
    border-bottom-color: gray
}

    tr.MonthWeekBottom > td:first-child
    {
        border-left: 1px solid gray;
    }

td.calendarNavigatorCell
{
    border: none;
}

table.Month
{
    border-top: none;
    table-layout: fixed;
}

div.pi-page > table.Month
{
    border: none;
}

    div.pi-page > table.Month tr:nth-child(n+2) > td
    {
        height: 60px;
        overflow: hidden;
    }

table.Month tr:nth-child(3) h2
{
    padding: 15px 0;
}

table.Month tr:nth-child(4) > td
{
    border-top: 1px solid gray;
}


table.Month > tbody > tr > th
{
    background-color: transparent;
    border: none
}

table.Month tr.MonthWeek > td > span.Cal
{
    margin-top: 5px;
    display: block
}

    table.Month tr.MonthWeek > td > span.Cal > a
    {
        font-size: 24px;
        margin-left: 10px;
        color: gray;
    }

table.MonthEventStart > tbody > tr > td, table.MonthEventEnd > tbody > tr > td, table.MonthEvent > tbody > tr > td, table.MonthEventOutside > tbody > tr > td, table.WeekEventStart > tbody > tr > td, table.WeekEventEnd > tbody > tr > td, table.WeekEvent > tbody > tr > td, table.WeekEventOutside > tbody > tr > td, table.DayEvent > tbody > tr > td, table.DayEventAllDayStart > tbody > tr > td, table.DayEventAllDayEnd > tbody > tr > td, table.DayEventAllDayOutside > tbody > tr > td, table.DayEventAllDay > tbody > tr > td
{
    border: 1px solid #cecece;
    background: #f8f8f8 !important;
    padding: 2px 5px;
    width: 100%;
    height: 100%;
    vertical-align: top;
    border-radius: 0;
    position: relative;
}


table.MonthEventStart > tbody > tr > td.Task, table.MonthEventEnd > tbody > tr > td.Task, table.MonthEvent > tbody > tr > td.Task, table.MonthEventOutside > tbody > tr > td.Task, table.WeekEventStart > tbody > tr > td.Task, table.WeekEventEnd > tbody > tr > td.Task, table.WeekEvent > tbody > tr > td.Task, table.WeekEventOutside > tbody > tr > td.Task, table.DayEvent > tbody > tr > td.Task, table.DayEventAllDayStart > tbody > tr > td.Task, table.DayEventAllDayEnd > tbody > tr > td.Task, table.DayEventAllDayOutside > tbody > tr > td.Task, table.DayEventAllDay > tbody > tr > td.Task
{
    padding-left: 10px;
    border-left: 10px solid #729ad5;
}


.Legend .Task
{
    background: #729ad5
}

table.MonthEventStart > tbody > tr > td.Event, table.MonthEventEnd > tbody > tr > td.Event, table.MonthEvent > tbody > tr > td.Event, table.MonthEventOutside > tbody > tr > td.Event, table.WeekEventStart > tbody > tr > td.Event, table.WeekEventEnd > tbody > tr > td.Event, table.WeekEvent > tbody > tr > td.Event, table.WeekEventOutside > tbody > tr > td.Event, table.DayEvent > tbody > tr > td.Event, table.DayEventAllDayStart > tbody > tr > td.Event, table.DayEventAllDayEnd > tbody > tr > td.Event, table.DayEventAllDayOutside > tbody > tr > td.Event, table.DayEventAllDay > tbody > tr > td.Event
{
    padding-left: 10px;
    border-left: 10px solid #b3b4b6;
}

.Legend .Event
{
    background: #b3b4b6
}

table.MonthEventStart > tbody > tr > td.ToDo, table.MonthEventEnd > tbody > tr > td.ToDo, table.MonthEvent > tbody > tr > td.ToDo, table.MonthEventOutside > tbody > tr > td.ToDo, table.WeekEventStart > tbody > tr > td.ToDo, table.WeekEventEnd > tbody > tr > td.ToDo, table.WeekEvent > tbody > tr > td.ToDo, table.WeekEventOutside > tbody > tr > td.ToDo, table.DayEvent > tbody > tr > td.ToDo, table.DayEventAllDayStart > tbody > tr > td.ToDo, table.DayEventAllDayEnd > tbody > tr > td.ToDo, table.DayEventAllDayOutside > tbody > tr > td.ToDo, table.DayEventAllDay > tbody > tr > td.ToDo
{
    padding-left: 10px;
    border-left: 10px solid #fdac5c;
}

.Legend .ToDo
{
    background: #fdac5c
}

table.MonthEventStart > tbody > tr > td.Workday, table.MonthEventEnd > tbody > tr > td.Workday, table.MonthEvent > tbody > tr > td.Workday, table.MonthEventOutside > tbody > tr > td.Workday, table.WeekEventStart > tbody > tr > td.Workday, table.WeekEventEnd > tbody > tr > td.Workday, table.WeekEvent > tbody > tr > td.Workday, table.WeekEventOutside > tbody > tr > td.Workday, table.DayEvent > tbody > tr > td.Workday, table.DayEventAllDayStart > tbody > tr > td.Workday, table.DayEventAllDayEnd > tbody > tr > td.Workday, table.DayEventAllDayOutside > tbody > tr > td.Workday, table.DayEventAllDay > tbody > tr > td.Workday
{
    padding-left: 10px;
    border-left: 10px solid #fdac5c;
}

.Legend .Workday
{
    background: #fdac5c
}


table.MonthEventOutside
{
    border-collapse: inherit !important
}

    table.MonthEventStart > tbody > tr > td > div, table.MonthEventEnd > tbody > tr > td > div, table.MonthEvent > tbody > tr > td > div, table.MonthEventOutside > tbody > tr > td > div
    {
        /* display: none;*/
    }

table.WeekEventStart > tbody > tr > td > div:first-of-type, table.WeekEventEnd > tbody > tr > td > div:first-of-type, table.WeekEvent > tbody > tr > td > div:first-of-type, table.WeekEventOutside > tbody > tr > td > div:first-of-type, table.DayEvent > tbody > tr > td > div:first-of-type, table.DayEventAllDayStart > tbody > tr > td > div:first-of-type, table.DayEventAllDayEnd > tbody > tr > td > div:first-of-type, table.DayEventAllDayOutside > tbody > tr > td > div:first-of-type, table.DayEventAllDay > tbody > tr > td > div:first-of-type
{
    display: inline-block;
    font-size: 0.9rem !important;
    position: absolute;
    top: 27px;
    left: 54px;
    right: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

table.Week
{
    border: none;
    margin-top: 20px;
}

    table.Week tr.even, table.Day tr.even
    {
        background-color: #fff;
    }

    table.Week tr td.Day, table.Week tr td.DayCurrent, table.Day td.Hour, table.Day td.HourCurrent, table.Day td.AllDay
    {
        border: none;
        position: relative;
        height: 150px;
        min-width: 130px;
    }

        table.Week tr td.Day a.Cal, table.Week tr td.DayCurrent a.Cal, span.TimeTitle, span.AllDayTitle
        {
            display: block;
            white-space: nowrap;
            position: absolute;
            top: -12px;
            right: 15px;
            color: #000;
            font-size: 1.2rem;
        }

    table.Week tr td.DayBlank, table.Week tr td.DayBlankWithRightBorder, table.Week tr td.DayBlankCurrentWithRightBorder
    {
        border: none;
        border-top: 1px solid grey;
    }

table.MonthEventStart > tbody > tr > td > a, table.MonthEventEnd > tbody > tr > td > a, table.MonthEvent > tbody > tr > td > a, table.MonthEventOutside > tbody > tr > td > a
{
    color: gray;
    padding-bottom: 0 !important;
    padding-top: 1px !important;
    display: inline-block;
}

table.WeekEventStart > tbody > tr > td > a, table.WeekEventEnd > tbody > tr > td > a, table.WeekEvent > tbody > tr > td > a, table.WeekEventOutside > tbody > tr > td > a, table.DayEvent > tbody > tr > td > a, table.DayEventAllDayStart > tbody > tr > td > a, table.DayEventAllDayEnd > tbody > tr > td > a, table.DayEventAllDayOutside > tbody > tr > td > a, table.DayEventAllDay > tbody > tr > td > a
{
    margin-top: 10px;
    margin-left: 3px;
    vertical-align: top;
    display: inline-block;
    font-size: 1rem !important;
    font-weight: 600;
}

table.MonthEventStart > tbody > tr > td > a:first-child, table.MonthEventEnd > tbody > tr > td > a:first-child, table.MonthEvent > tbody > tr > td > a:first-child, table.MonthEventOutside > tbody > tr > td > a:first-child
{
    display: none;
}

table.Week img.icon, table.Day img.icon
{
    width: 32px;
    height: 32px;
    background-size: 32px 32px;
}

td.WeekEventContainer, td.DayEventContainer
{
    position: relative;
    overflow: hidden;
}

.WeekEventContainer > .WeekEventStart, .WeekEventContainer > .WeekEventEnd, .WeekEventContainer > .WeekEvent, .WeekEventContainer > .WeekEventOutside, .DayEventContainer > .DayEvent
{
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

table.Day
{
    margin-top: 20px;
}

    table.Day tr td.AllDay, table.Day tr td.Hour, table.Day tr td.HourCurrent, table.Day, table.Day tr td.FifteenMinuteBlank, table.Day tr td.FifteenMinuteBlankWithRightBorder
    {
        border: none;
        height: 25px;
    }

        table.Day tr td.HourCurrent, table.Week tr td.DayCurrent, table.Day tr.AllDayCurrent
        {
            background-color: #fff;
        }

.Today
{
    background-color: #5f9e56;
    border: none;
    color: #fff !important;
}

    .Today span.Cal a
    {
        color: #fff !important;
    }

.TodayYear span.Cal
{
    border: 1px #5f9e56 solid;
    border-radius: 50%;
}

table.Day tr td.FifteenMinuteBlankCurrent, table.Day tr td.FifteenMinuteBlankCurrentWithRightBorder, table.Week tr td.DayBlankCurrentWithRightBorder, table.Week tr td.DayBlankCurrent
{
    background-color: #5f9e56;
    border: none;
}

table.Day tr td.Hour ~ td, table.Day tr td.HourCurrent ~ td
{
    border-top: 1px solid grey;
}

table.Day tr td.AllDayEvent
{
    border-top: 1px solid grey;
    border-bottom-color: grey;
    border-right: none;
}

td.AllDayEvent
{
    padding: 0;
}


    td.AllDayEvent > table > tbody > tr > td
    {
        padding: 0px 5px 0 5px;
        position: relative;
        height: 250px;
        max-height: 250px;
        overflow: hidden;
    }

table.DayEventAllDayEnd, table.DayEventAllDayStart, table.DayEventAllDayOutside, table.DayEventAllDay
{
    position: absolute;
    top: 0;
    left: 0;
    right: 5px;
    bottom: 0;
    height: 100%;
    width: 95%;
}

#pi-right > div.pi-page > table.Month.W100 > tbody > tr > td
{
    height: 30px !important
}

#pi-right > div.pi-page > table.Month.W100 > tbody > tr.MonthWeekBlank > td
{
    height: 0 !important;
}

span.taskdesc
{
    line-height: 2;
    padding: 0 5px;
    display: block
}

td.AllDayEvent span.taskdesc
{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}