/* IMPORTANT NOTES
================================================== */
/*
1. For any of the following properites, use variables from CC/Content/Themes/HMSPMS/variables.fonts.css:
- All colors (text, buttons, links, backgrounds, borders, focus styles, etc).
- All font properties (family, size, line height, weight)
2. There are different sets of variables, do not mix variables from different sets as it could result in accesibility/contrast and styling issues in this theme or the white label themes.
3. Icon images should be either spark icons or svg image mask so the color can be customized for white labels unless it's a logo.
4. Margin and padding should use rem units, this allows to scale the size based on font size, which could be different on white label themes. Convertion of common px units to rem:
3px: .1875rem
6px: .375rem
12px: .75rem
16px: 1rem
24px: 1.5rem
32px: 2rem
*/
/* #end IMPORTANT NOTES */
table.RadCalendar_Revenue {
    background: var(--backgroundWhite);
    font: var(--fontSizeSmall) var(--fontFamily);
    border-collapse: separate;
    border: 0;
    width: 100%;
    max-width: 500px;
}

/*titlebar*/
.RadCalendar_Revenue .rcTitlebar {
    background: var(--backgroundDarkGray);
    border: 1px solid var(--borderMediumGray);
    border-bottom-color: var(--borderLightGray);
    color: var(--textColor);
    width: 100%;
    padding: 0;
}

    .RadCalendar_Revenue .rcTitlebar table {
        font: var(--fontSizeSmall)/var(--lineHeight) var(--fontFamily);
        width: 100%;
        border-collapse: separate;
        border: 0;
    }

    .RadCalendar_Revenue .rcTitlebar td {
        border: 0;
        padding: .1875rem;
        text-align: center;
        vertical-align: middle;
    }

    .RadCalendar_Revenue .rcTitlebar .rcTitle {
        width: 100%;
        cursor: pointer;
    }

    .RadCalendar_Revenue .rcTitlebar .rcPrev,
    .RadCalendar_Revenue .rcTitlebar .rcNext,
    .RadCalendar_Revenue .rcTitlebar .rcFastPrev,
    .RadCalendar_Revenue .rcTitlebar .rcFastNext {
        color: var(--textColor);
        display: block;
        width: 16px;
        height: 16px;
        font-size: 16px;
        overflow: hidden;
        margin: 0 .375rem;
        text-decoration: none;
        font-family: 'spark-icon-fill';
        text-indent: -9999em;
        line-height: 1
    }

        .RadCalendar_Revenue .rcTitlebar .rcFastPrev::before,
        .RadCalendar_Revenue .rcTitlebar .rcFastNext::before,
        .RadCalendar_Revenue .rcTitlebar .rcPrev::before,
        .RadCalendar_Revenue .rcTitlebar .rcNext::before {
            text-indent: 0;
            display: block;
        }

        .RadCalendar_Revenue .rcTitlebar .rcFastPrev::before {
            content: "\F16A";
        }

        .RadCalendar_Revenue .rcTitlebar .rcPrev::before {
            content: "\F117";
        }

        .RadCalendar_Revenue .rcTitlebar .rcNext::before {
            content: "\F118";
        }

        .RadCalendar_Revenue .rcTitlebar .rcFastNext::before {
            content: "\F167";
        }

.RadCalendar_Revenue .rcMain {
    border: 1px solid var(--borderMediumGray);
    border-top: 0;
    padding: 0;
    width: 100%;
}

.RadCalendar_Revenue .rcMainTable {
    border-collapse: separate;
    border: 0;
    width: 100%;
    font-family: var(--fontFamily);
}

.radTemplateDay_Revenue {
    line-height: 10px;
}

/*header, footer*/
.RadCalendar_Revenue .rcHeader,
.RadCalendar_Revenue .rcFooter {
    border: 1px solid var(--borderMediumGray);
    border-top: 0;
    padding: 0;
}

/*week numbers and days*/
.RadCalendar_Revenue .rcRow th,
.RadCalendar_Revenue .rcWeek th {
    font-weight: var(--fontWeightNormal);
    font-size: var(--fontSizeSmall);
    border: 0;
    vertical-align: middle;
    cursor: default;
    width: 14.28%;
}

.RadCalendar_Revenue .rcWeek th {
    border-bottom: 1px solid var(--borderLightGray);
    padding: .1875rem .375rem;
    text-align: center;
    color: var(--textColor);
}

.RadCalendar_Revenue .rcWeek .rcViewSel,
.RadCalendar_Revenue .rcRow th {
    padding: 0 .375rem;
    background: var(--backgroundLightGray);
    text-align: center;
}

.RadCalendar_Revenue .rcRow th {
    color: var(--textColorLight);
}

/*date cells*/
.RadCalendar_Revenue .rcRow td {
    border-bottom: 1px solid var(--borderLightGray);
    border-right: 1px solid var(--borderLightGray);
    vertical-align: top;
    padding: 0;
    width: 14.28%;
}

    .RadCalendar_Revenue .rcRow td:last-child {
        border-right: 0
    }

.RadCalendar_Revenue .rcRow:last-child td {
    border-bottom: 0
}

.RadCalendar_Revenue .rcMain .rcRow a,
.RadCalendar_Revenue .rcMain .rcRow span {
    display: block;
    text-decoration: none;
    color: var(--textColor);
}

.RadCalendar_Revenue .rcMain .rcWeekend a {
    color: var(--textColorLight);
}

.RadCalendar_Revenue .rcRow .rcToday {
    border-color: var(--borderDarkGray);
}

.RadCalendar_Revenue .rcMain .rcOtherMonth a {
    color: var(--textColorLight);
}

.RadCalendar_Revenue .rcMain .rcOutOfRange span {
    color: var(--textColorLight);
    cursor: default;
}

.RadCalendar_Revenue .rcRow .rcHover {
    border-color: var(--borderLightGray) var(--borderMediumGray) var(--borderDarkGray);
    background: var(--backgroundMediumGray);
}

.RadCalendar_Revenue .rcRow .rcSelected {
    background-color: var(--backgroundLightGray);
}

.RadCalendar_Revenue .rcMain .rcRow .rcSelected a {
    color: var(--textColor);
}

.RadCalendar_Revenue .rcRow .rcSelectedDay {
    background-color: var(--dataBlueBackground);
    color: var(--dataBlueTex);
}

.RadCalendar_Revenue .rcRow .rcCurrentDay {
    background-color: var(--backgroundDarkGray);
}

/*multimonth view*/
table.RadCalendarMultiView_Revenue {
    width: auto;
}

.RadCalendarMultiView_Revenue .rcTitlebar {
    border-color: #9a9a9a #9c9c9c #9c9c9c;
    background: #c5c5c5 0 -1199px repeat-x url('Calendar/Revenue/sprite.gif');
}

    .RadCalendarMultiView_Revenue .rcTitlebar table {
        border: 1px solid;
        border-color: #fdfdfd #f3f3f3 #e7e7e7;
        line-height: 27px;
    }

    .RadCalendarMultiView_Revenue .rcTitlebar .rcFastPrev:hover {
        background-position: 1px -647px;
    }

    .RadCalendarMultiView_Revenue .rcTitlebar .rcPrev:hover {
        background-position: 4px -747px;
    }

    .RadCalendarMultiView_Revenue .rcTitlebar .rcNext:hover {
        background-position: 3px -847px;
    }

    .RadCalendarMultiView_Revenue .rcTitlebar .rcFastNext:hover {
        background-position: 1px -947px;
    }

.RadCalendarMultiView_Revenue .rcMain {
    border-color: #9b9b9b;
}

.RadCalendarMultiView_Revenue .rcCalendar {
    width: 220px;
    border: 1px solid #868686;
    padding: 0;
}

.RadCalendarMultiView_Revenue .rcMainTable .rcTitle {
    border: 0;
    border-bottom: 1px solid #c4c4c4;
    padding: 0 0 2px;
    background: #eaeaea 0 -1000px repeat-x url('Calendar/Revenue/sprite.gif');
    text-align: center;
    line-height: 22px;
}

/*month view*/
table.RadCalendarMonthView_Revenue {
    border-collapse: separate;
    border: 1px solid #979797;
    background: #fff;
    font: 12px "segoe ui", arial, sans-serif;
    color: #333;
}

    table.RadCalendarMonthView_Revenue td {
        border: 0;
        padding: 5px 2px 0;
    }

.RadCalendarMonthView_Revenue #rcMView_Feb,
.RadCalendarMonthView_Revenue #rcMView_Apr,
.RadCalendarMonthView_Revenue #rcMView_Jun,
.RadCalendarMonthView_Revenue #rcMView_Aug,
.RadCalendarMonthView_Revenue #rcMView_Oct,
.RadCalendarMonthView_Revenue #rcMView_Dec {
    border-right: 1px solid #e0e0e0;
}

.RadCalendarMonthView_Revenue a {
    display: block;
    padding: 2px 4px;
    text-align: center;
    text-decoration: none;
    color: #333;
}

.RadCalendarMonthView_Revenue .rcSelected a {
    border: 1px solid;
    border-color: #8d8d8d #7d7d7d #6c6c6c;
    padding: 1px 3px;
    background: #828282 0 -1700px repeat-x url('Calendar/Revenue/sprite.gif');
    color: #fff;
}

.RadCalendarMonthView_Revenue #rcMView_PrevY a,
.RadCalendarMonthView_Revenue #rcMView_NextY a {
    display: block;
    width: 17px;
    height: 14px;
    overflow: hidden;
    margin: 0 auto;
    background: transparent no-repeat url('Calendar/Revenue/sprite.gif');
    text-indent: -2222px;
    text-align: center;
    text-decoration: none;
    color: #ccc;
}

.RadCalendarMonthView_Revenue #rcMView_PrevY a {
    background-position: 7px -196px;
}

.RadCalendarMonthView_Revenue #rcMView_NextY a {
    background-position: 7px -496px;
}

.RadCalendarMonthView_Revenue .rcButtons {
    padding: 6px 7px 5px;
    text-align: center;
}

.RadCalendarMonthView_Revenue input {
    border: 1px solid;
    border-color: #a7a7a7 #7b7b7b #7b7b7b #a7a7a7;
    padding: 0;
    background: #e9e9e9 0 -2300px repeat-x url('Calendar/Revenue/sprite.gif');
    color: #000;
    font: 12px "segoe ui", arial, sans-serif;
    cursor: pointer;
}

.RadCalendarMonthView_Revenue #rcMView_Today {
    margin: 0 0.4em 0 0;
}

.RadCalendarMonthView_Revenue #rcMView_OK {
    padding: 0 0.2em;
}

/*time view*/
table.RadCalendarTimeView_Revenue {
    border-collapse: separate;
    border: 1px solid #868686;
    background: #fff;
    font: 12px "segoe ui", arial, sans-serif;
}

.RadCalendarTimeView_Revenue th {
    border: 0;
    border-bottom: 1px solid #c4c4c4;
    padding: 0 0 1px;
    background: #eaeaea 0 -1000px repeat-x url('Calendar/Revenue/sprite.gif');
    color: #000;
    text-align: center;
    cursor: default;
    line-height: 23px;
    font-weight: normal;
}

table.RadCalendarTimeView_Revenue td {
    border: 0;
    border-left: 1px solid #c5c5c5;
    padding: 2px 2px 3px;
}

    table.RadCalendarTimeView_Revenue td:first-child {
        border-left: 0;
    }

.RadCalendarTimeView_Revenue a {
    display: block;
    padding: 2px 6px;
    text-align: center;
    color: #333;
    text-decoration: none;
}

.RadCalendarTimeView_Revenue td.rcHover a {
    border: 1px solid;
    border-color: #c4c4c4 #b2b2b2 #9e9e9e;
    padding: 1px 5px;
    background: #c5c5c5 0 -1600px repeat-x url('Calendar/Revenue/sprite.gif');
    color: #000;
}

.RadCalendarTimeView_Revenue .rcFooter {
    border: 0;
    border-top: 1px solid #c5c5c5;
    padding: 0;
}

/*pickers*/
.RadPicker_Revenue {
    vertical-align: middle;
}

    .RadPicker_Revenue table.rcTable,
    .RadPicker_Revenue table.rcTable td {
        border: 0;
        margin: 0;
        padding: 0;
    }

    .RadPicker_Revenue td {
        vertical-align: middle;
    }

    .RadPicker_Revenue table.rcTable .rcInputCell {
        padding: 0 4px 0 0;
    }

    .RadPicker_Revenue td a {
        position: relative;
        /*FF*/
        outline: none;
        /*FF*/
        z-index: 2;
        /*Opera*/
        margin: 0 2px;
        text-decoration: none;
    }

    * html .RadPicker_Revenue td a {
        position: static
    }

    /*IE6*/
    * + html .RadPicker_Revenue td a {
        position: static
    }

    /*IE7*/
    .RadPicker_Revenue .rcCalPopup,
    .RadPicker_Revenue .rcTimePopup {
        display: block;
        overflow: hidden;
        width: 22px;
        height: 22px;
        background: url('Calendar/Revenue/sprite.gif') no-repeat;
        text-indent: -2222px;
        text-align: center;
    }

    .RadPicker_Revenue .rcCalPopup,
    .RadPicker_Revenue .rcDisabled.rcCalPopup:hover {
        background-position: 0 0;
    }

        .RadPicker_Revenue .rcCalPopup:hover {
            background-position: 0 -50px;
        }

    .RadPicker_Revenue .rcTimePopup,
    .RadPicker_Revenue .rcDisabled.rcTimePopup:hover {
        background-position: 0 -100px;
    }

        .RadPicker_Revenue .rcTimePopup:hover {
            background-position: 0 -150px;
        }

    .RadPicker_Revenue .rcDisabled,
    .RadCalendarMonthView_Revenue .rcDisabled {
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

/*rtl*/
.RadCalendarRTL_Revenue .rcTitlebar .rcFastPrev {
    background-position: 1px -497px;
}

    .RadCalendarRTL_Revenue .rcTitlebar .rcFastPrev:hover {
        background-position: 1px -547px;
    }

.RadCalendarRTL_Revenue .rcTitlebar .rcPrev {
    background-position: 3px -397px;
}

    .RadCalendarRTL_Revenue .rcTitlebar .rcPrev:hover {
        background-position: 3px -447px;
    }

.RadCalendarRTL_Revenue .rcTitlebar .rcNext {
    background-position: 4px -297px;
}

    .RadCalendarRTL_Revenue .rcTitlebar .rcNext:hover {
        background-position: 4px -347px;
    }

.RadCalendarRTL_Revenue .rcTitlebar .rcFastNext {
    background-position: 1px -197px;
}

    .RadCalendarRTL_Revenue .rcTitlebar .rcFastNext:hover {
        background-position: 1px -247px;
    }

.RadCalendarMultiViewRTL_Revenue .rcTitlebar .rcFastPrev:hover {
    background-position: 1px -947px;
}

.RadCalendarMultiViewRTL_Revenue .rcTitlebar .rcPrev:hover {
    background-position: 3px -847px;
}

.RadCalendarMultiViewRTL_Revenue .rcTitlebar .rcNext:hover {
    background-position: 4px -747px;
}

.RadCalendarMultiViewRTL_Revenue .rcTitlebar .rcFastNext:hover {
    background-position: 1px -647px;
}

/************  Day Cell styles  ***************/
.rcDayCellSpacer_Int {
    float: left;
    width: 64px;
    line-height: 10px;
    height: 10px;
}

.rcDayCellSpacer_Cur {
    float: left;
    width: 94px;
    line-height: 10px;
    height: 10px;
}

.rcDayCell_TopLeft_On,
.rcDayCell_TopLeft_Off {
    clear: left;
    float: left;
    width: 40%;
    height: 1.2rem;
    padding: .1875rem;
    text-align: right;
}

.rcDayCell_TopLeft_On {
    background: var(--dataGreenBackground);
    color: var(--dataGreenText);
}

.rcDayCell_TopLeft_Off {
    background-color: Transparent;
}

    .rcDayCell_TopLeft_Off img {
        width: .85rem !important;
        height: auto !important;
        vertical-align: middle;
    }

.rcDayCell_TopRight_InMonth_Future,
.rcDayCell_TopRight_OutMonth_Future,
.rcDayCell_TopRight_InMonth_Past,
.rcDayCell_TopRight_OutMonth_Past {
    font-size: var(--fontSizeSmall);
    width: 30%;
    clear: right;
    float: right;
    text-align: center;
    padding: .1875rem;
}

.rcDayCell_TopRight_InMonth_Future {
    background: var(--backgroundDark2) !important;
    color: var(--textColorDarkBg) !important;
}

.rcDayCell_TopRight_OutMonth_Future {
    background-color: var(--backgroundDark1) !important;
    color: var(--textColorDarkBg) !important;
}

.rcDayCell_TopRight_InMonth_Past {
    background-color: var(--backgroundDarkGray) !important;
    color: var(--textColor) !important;
}

.rcDayCell_TopRight_OutMonth_Past {
    background-color: var(--backgroundLightGray) !important;
    color: var(--textColorLighter) !important;
}

.rcLevel_0,
.rcLevel_1,
.rcLevel_2,
.rcLevel_3 {
    padding: .1875rem;
    text-align: center;
    line-height: 1;
    height: 16px;
    font-size: 16px;
    font-family: 'spark-icon-fill';
    clear: both;
}

    .rcLevel_1::before {
        content: "\F132";
        color: var(--dataYellowBackground);
    }

    .rcLevel_2::before {
        content: "\F132";
        color: var(--dataOrangeBackground);
    }

    .rcLevel_3::before {
        content: "\F132";
        color: var(--dataRedBackground);
    }

.rcDayCell_Int,
.rcDayCell_Cur {
    clear: left;
    float: left;
    width: 100%;
    padding: .1875rem;
    text-align: center;
}