/* Combined DayPilot Lite CSS - All Themes/Components */
/* Based on white/default theme for priority; includes transparent, traditional, green, blue, scheduler variants */

/* Navigator Styles (White/Default) */
.navigator_white_main {
    border-left: 1px solid #A0A0A0;
    border-right: 1px solid #A0A0A0;
    border-bottom: 1px solid #A0A0A0;
    background-color: white;
    color: #000000;
}

.navigator_white_month {
    font-family: Tahoma;
    font-size: 8pt;
}

.navigator_white_day {
    color: black;
    text-align: center;
}

.navigator_white_weekend {
    background-color: #f0f0f0;
}

.navigator_white_dayheader {
    color: black;
    text-align: center;
}

.navigator_white_weeknumber {
    text-align: center;
}

.navigator_white_line {
    border-bottom: 1px solid #A0A0A0;
}

.navigator_white_dayother {
    color: gray;
}

.navigator_white_todaybox {
    border: 1px solid red;
}

.navigator_white_select {
    background-color: #FFE794;
}

.navigator_white_title, .navigator_white_titleleft, .navigator_white_titleright {
    text-align: center;
    border-top: 1px solid #A0A0A0;
    color: #666;
    background: #eee;
    background: -moz-linear-gradient(top, #eee 0%, #ddd);
    background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#eeeeee", endColorStr="#dddddd");
}

.navigator_white_busy {
    font-weight: bold;
}

/* Navigator Green */
.navigator_green_main {
    border-left: 1px solid #A0A0A0;
    border-right: 1px solid #A0A0A0;
    border-bottom: 1px solid #A0A0A0;
    background-color: white;
    color: #000000;
}

.navigator_green_month {
    font-family: Tahoma;
    font-size: 8pt;
}

.navigator_green_day {
    color: black;
    text-align: center;
}

.navigator_green_weekend {
    background-color: #f0f0f0;
}

.navigator_green_dayheader {
    color: black;
    text-align: center;
}

.navigator_green_weeknumber {
    text-align: center;
}

.navigator_green_line {
    border-bottom: 1px solid #A0A0A0;
}

.navigator_green_dayother {
    color: gray;
}

.navigator_green_todaybox {
    border: 1px solid red;
}

.navigator_green_select {
    background-color: #ddd;
}

.navigator_green_title, .navigator_green_titleleft, .navigator_green_titleright {
    text-align: center;
    border-top: 1px solid #A0A0A0;
    color: #ffffff;
    background: #666;
    background: -moz-linear-gradient(top, #777 0%, #666);
    background: -webkit-gradient(linear, left top, left bottom, from(#777), to(#666));
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#777777", endColorStr="#666666");
    text-shadow: 0px -1px 1px rgba(000,000,000,0.2), 0px 1px 0px rgba(255,255,255,0.3);
}

.navigator_green_busy {
    font-weight: bold;
}

/* Navigator Transparent */
.navigator_transparent_main {
    border-left: 1px solid #A0A0A0;
    border-right: 1px solid #A0A0A0;
    border-bottom: 1px solid #A0A0A0;
    background-color: white;
    color: #000000;
}

.navigator_transparent_month {
    font-family: Tahoma;
    font-size: 8pt;
}

.navigator_transparent_day {
    color: black;
    text-align: center;
}

.navigator_transparent_weekend {
    background-color: #f0f0f0;
}

.navigator_transparent_dayheader {
    color: black;
    text-align: center;
}

.navigator_transparent_weeknumber {
    text-align: center;
}

.navigator_transparent_line {
    border-bottom: 1px solid #A0A0A0;
}

.navigator_transparent_dayother {
    color: gray;
}

.navigator_transparent_todaybox {
    border: 1px solid red;
}

.navigator_transparent_select {
    background-color: #ddd;
}

.navigator_transparent_title, .navigator_transparent_titleleft, .navigator_transparent_titleright {
    text-align: center;
    border-top: 1px solid #A0A0A0;
    color: #666;
    background: #eeeeee;
    background: -moz-linear-gradient(top, #f3f3f3 0%, #e9e9e9);
    background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#e9e9e9));
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#f3f3f3", endColorStr="#e9e9e9");
}

.navigator_transparent_busy {
    font-weight: bold;
}

/* Calendar White */
.calendar_white_main {
    --color-event-background: #5794D0;
    --color-event-text: #ffffff;
    --color-event-border: #ffffff;
    --color-header-background: #ffffff;
    --color-header-text: #777777;
    --color-cell-background-business: #ffffff;
    --color-cell-background-nonbusiness: #f9f9f9;
}

.calendar_white_main {
    border: 1px solid #ccc;
    font-size: 13px;
}

.calendar_white_colheader {
}

.calendar_white_scroll_up {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAB3RJTUUH2wESDiYcrhwCiQAAAAlwSFlzAAAuIwAALiMBeKU/dgAAAARnQU1BAACxjwv8YQUAAACcSURBVHjaY2AgF9wWsTW6yGMlhi7OhC7AyMDQzMnBXIpFHAFuCtuaMTP+P8nA8P/b1x//FfW/HHuF1UQmxv+NUP1c3OxMVVhNvCVi683E8H8LXOY/w9+fTH81tF8fv4NiIpBRj+YoZtZ/LDUoJmKYhsVUpv0MDiyMDP96sIYV0FS2/8z9ICaLlOhvS4b/jC//MzC8xBG0vJeF7GQBlK0xdiUzCtsAAAAASUVORK5CYII=);
}

.calendar_white_scroll_down {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAALiMAAC4jAXilP3YAAACqSURBVChTY7wpam3L9J+xmQEP+PGPKZZxP4MDi4zI78uMDIwa2NT+Z2DYovrmiC+TI8OBP/8ZmEqwGvif4e8vxr+FIDkmEKH25vBWBgbG0+iK/zEwLtF+ffwOXCGI8Y+BoRFFIdC030x/WmBiYBNhpgLdswNJ8RSYaSgmgk39z1gPUfj/29ef/9rwhQTDHRHbrbdEbLvRFcGthkkAra/9/uMvhkK8piNLAgCRpTnNn4AEmAAAAABJRU5ErkJggg==);
}

.calendar_white_rowheader_inner,
.calendar_white_cornerright_inner,
.calendar_white_corner_inner,
.calendar_white_alldayheader_inner {
    color: var(--color-header-text);
    background: var(--color-header-background);
}

.calendar_white_colheader_inner {
    color: var(--color-header-text);
}

.calendar_white_cornerright_inner {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    border-bottom: 1px solid #ccc;
}

.calendar_white_rowheader_inner {
    font-size: 16pt;
    text-align: right;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    padding-right: 4px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.calendar_white_corner_inner {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.calendar_white_rowheader_minutes {
    font-size: 10px;
    vertical-align: super;
    padding-left: 2px;
    padding-right: 2px;
}

.calendar_white_colheader_inner {
    text-align: center;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    color: var(--color-header-text);
    background: var(--color-header-background);
    display: flex;
    align-items: center;
    justify-content: center;
}

.calendar_white_cell_inner {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background-color: var(--color-cell-background-nonbusiness);
}

.calendar_white_cell_business .calendar_white_cell_inner {
    background-color: var(--color-cell-background-business);
}

.calendar_white_now {
    background-color: red;
}

    .calendar_white_now:before {
        content: '';
        top: -5px;
        border-width: 5px;
        border-color: transparent transparent transparent red;
        border-style: solid;
        width: 0px;
        height: 0px;
        position: absolute;
        -moz-transform: scale(.9999);
    }

.calendar_white_shadow_forbidden .calendar_white_shadow_inner {
    background-color: red;
}

.calendar_white_shadow_top {
    box-sizing: border-box;
    padding: 2px;
    border: 1px solid #ccc;
    background: #fff;
    background: linear-gradient(to bottom, #ffffff 0%, #eeeeee);
}

.calendar_white_shadow_bottom {
    box-sizing: border-box;
    padding: 2px;
    border: 1px solid #ccc;
    background: #fff;
    background: linear-gradient(to bottom, #ffffff 0%, #eeeeee);
}

.calendar_white_crosshair_vertical, .calendar_white_crosshair_horizontal, .calendar_white_crosshair_left, .calendar_white_crosshair_top {
    background-color: gray;
    opacity: 0.2;
    filter: alpha(opacity=20)
}

.calendar_white_loading {
    background-color: orange;
    color: white;
    padding: 2px;
}

/* Calendar Traditional */
.calendar_traditional_main {
    border: 1px solid #999999;
}

    .calendar_traditional_main, .calendar_traditional_main td {
        font-family: Tahoma, Arial, Helvetica, sans-serif;
        font-size: 12px;
    }

.calendar_traditional_event {
}

.calendar_traditional_event_inner {
    position: absolute;
    overflow: hidden;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: 0px;
    color: #333333;
    background-color: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f2f2f2));
    background: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2);
    background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2);
    background: -ms-linear-gradient(top, #ffffff 0%, #f2f2f2);
    background: -o-linear-gradient(top, #ffffff 0%, #f2f2f2);
    background: linear-gradient(top, #ffffff 0%, #f2f2f2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#ffffff", endColorStr="#f2f2f2");
    padding: 3px;
    border: 1px solid #999999;
}

.calendar_traditional_header_inner {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
    text-align: center;
    padding: 2px;
    color: #333333;
    background: #ece9d8;
    background: -webkit-gradient(linear, left top, left bottom, from(#efecde), to(#e9e6d2));
    background: -webkit-linear-gradient(top, #efecde 0%, #e9e6d2);
    background: -moz-linear-gradient(top, #efecde 0%, #e9e6d2);
    background: -ms-linear-gradient(top, #efecde 0%, #e9e6d2);
    background: -o-linear-gradient(top, #efecde 0%, #e9e6d2);
    background: linear-gradient(top, #efecde 0%, #e9e6d2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#efecde", endColorStr="#e9e6d2");
}

.calendar_traditional_cell {
    background-color: #fff4bc;
}

.calendar_traditional_cell_inner {
    border-right: 1px solid #ead098;
    border-bottom: 1px solid #ead098;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
}

.calendar_traditional_cell_header {
    text-align: right;
    padding-right: 2px;
}

.calendar_traditional_message {
    padding: 10px;
    opacity: 0.9;
    filter: alpha(opacity=90);
    color: #ffffff;
    background: #777777;
    background: -webkit-gradient(linear, left top, left bottom, from(#838383), to(#6b6b6b));
    background: -webkit-linear-gradient(top, #838383 0%, #6b6b6b);
    background: -moz-linear-gradient(top, #838383 0%, #6b6b6b);
    background: -ms-linear-gradient(top, #838383 0%, #6b6b6b);
    background: -o-linear-gradient(top, #838383 0%, #6b6b6b);
    background: linear-gradient(top, #838383 0%, #6b6b6b);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#838383", endColorStr="#6b6b6b");
}

.calendar_traditional_shadow_inner {
    background-color: #666666;
    opacity: 0.5;
    filter: alpha(opacity=50);
    height: 100%;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.calendar_traditional_event_delete {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAI5JREFUKFNtkLERgCAMRbmzdK8s4gAUlhYOYEHJEJYOYOEwDmGBPxC4kOPfvePy84MGR0RJ2N1A8H3N6DATwSQ57m2ql8NBG+AEM7D+UW+wjdfUPgerYNgB5gOLRHqhcasg84C2QxPMtrUhSqQIhg7ypy9VM2EUZPI/4rQ7rGxqo9sadTegw+UdjeDLAKUfhbaQUVPIfJYAAAAASUVORK5CYII=) center center no-repeat;
    opacity: 0.6;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';
    cursor: pointer;
}

    .calendar_traditional_event_delete:hover {
        opacity: 1;
        -ms-filter: none;
    }

.calendar_traditional_event_timeleft {
    color: #ccc;
    font-size: 8pt;
}

.calendar_traditional_event_timeright {
    color: #ccc;
    font-size: 8pt;
    text-align: right;
}

/* Calendar Transparent */
.calendar_transparent_main {
    --color-header-background: #eeeeee;
    --color-header-text: #666666;
    --color-vertical-line-header: #dddddd;
    --color-vertical-line-cell: #eeeeee;
    --color-cell-background-business: #ffffff;
    --color-cell-background-nonbusiness: #f9f9f9;
    --color-event-background: #419FE0a2;
    --color-event-border: #47afff;
    --color-event-bar: #1066a8;
    --color-event-bar-background: transparent;
    --color-event-text: #444444;
    --width-vertical-line: 4px;
}

.calendar_transparent_main {
    border: 1px solid #aaa;
    font-size: 13px;
}

.calendar_transparent_colheader {
}

.calendar_transparent_cornerright_inner,
.calendar_transparent_corner_inner,
.calendar_transparent_colheader_inner,
.calendar_transparent_alldayheader_inner {
    color: var(--color-header-text);
    background-color: var(--color-header-background);
}

.calendar_transparent_rowheader_inner {
    color: var(--color-header-text);
    background: var(--color-header-background);
}

.calendar_transparent_cornerright_inner {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    border-bottom: 1px solid #aaa;
}

.calendar_transparent_rowheader_inner {
    font-size: 16pt;
    text-align: right;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    padding-right: 4px;
    border-right: var(--width-vertical-line) solid var(--color-vertical-line-header);
    border-bottom: 1px solid #aaa;
}

.calendar_transparent_corner_inner {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    border-right: var(--width-vertical-line) solid var(--color-vertical-line-header);
    border-bottom: 1px solid #aaa;
}

.calendar_transparent_rowheader_minutes {
    font-size: 10px;
    vertical-align: super;
    padding-left: 2px;
    padding-right: 2px;
}

.calendar_transparent_colheader_inner {
    text-align: center;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    color: var(--color-header-text);
    background-color: var(--color-header-background);
    display: flex;
    align-items: center;
    justify-content: center;
}

.calendar_transparent_cell_inner {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background-color: var(--color-cell-background-nonbusiness);
}

.calendar_transparent_cell_business .calendar_transparent_cell_inner {
    background-color: var(--color-cell-background-business);
}

.calendar_transparent_now {
    background-color: red;
}

    .calendar_transparent_now:before {
        content: '';
        top: -5px;
        border-width: 5px;
        border-color: transparent transparent transparent red;
        border-style: solid;
        width: 0px;
        height: 0px;
        position: absolute;
        -moz-transform: scale(.9999);
    }

.calendar_transparent_shadow_forbidden .calendar_transparent_shadow_inner {
    background-color: red;
}

.calendar_transparent_shadow_top {
    box-sizing: border-box;
    padding: 2px;
    border: 1px solid #ccc;
    background: #fff;
    background: linear-gradient(to bottom, #ffffff 0%, #eeeeee);
}

.calendar_transparent_shadow_bottom {
    box-sizing: border-box;
    padding: 2px;
    border: 1px solid #ccc;
    background: #fff;
    background: linear-gradient(to bottom, #ffffff 0%, #eeeeee);
}

.calendar_transparent_crosshair_vertical, .calendar_transparent_crosshair_horizontal, .calendar_transparent_crosshair_left, .calendar_transparent_crosshair_top {
    background-color: gray;
    opacity: 0.2;
}

.calendar_transparent_loading {
    background-color: orange;
    color: white;
    padding: 2px;
}

/* Calendar Green */
.calendar_green_main {
    --color-header-background: #636363;
    --color-event-background: #47A477;
    --color-event-bar-background: transparent;
    --color-event-bar: #367c5a;
    --color-event-border: #41946d;
    --color-cell-background-business: #ffffff;
    --color-cell-background-nonbusiness: #f9f9f9;
}

.calendar_green_main {
    border: 1px solid #999;
    font-size: 13px;
}

.calendar_green_colheader {
}

.calendar_green_cornerright_inner {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    border-bottom: 1px solid #999;
    color: #ffffff;
    background: var(--color-header-background);
}

.calendar_green_rowheader_inner {
    font-size: 16pt;
    text-align: right;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    color: #ffffff;
    background: var(--color-header-background);
    padding-right: 4px;
}

.calendar_green_corner_inner {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    color: #ffffff;
    background: var(--color-header-background);
}

.calendar_green_rowheader_minutes {
    font-size: 10px;
    vertical-align: super;
    padding-left: 2px;
    padding-right: 2px;
}

.calendar_green_colheader_inner {
    text-align: center;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    color: #ffffff;
    background: var(--color-header-background);
    display: flex;
    align-items: center;
    justify-content: center;
}

.calendar_green_cell_inner {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background-color: var(--color-cell-background-nonbusiness);
}

.calendar_green_cell_business .calendar_green_cell_inner {
    background-color: var(--color-cell-background-business);
}

.calendar_green_now {
    background-color: red;
}

    .calendar_green_now:before {
        content: '';
        top: -5px;
        border-width: 5px;
        border-color: transparent transparent transparent red;
        border-style: solid;
        width: 0px;
        height: 0px;
        position: absolute;
        -moz-transform: scale(.9999);
    }

.calendar_green_shadow_forbidden .calendar_green_shadow_inner {
    background-color: red;
}

.calendar_green_shadow_top {
    box-sizing: border-box;
    padding: 2px;
    border: 1px solid #ccc;
    background: #fff;
    background: linear-gradient(to bottom, #ffffff 0%, #eeeeee);
}

.calendar_green_shadow_bottom {
    box-sizing: border-box;
    padding: 2px;
    border: 1px solid #ccc;
    background: #fff;
    background: linear-gradient(to bottom, #ffffff 0%, #eeeeee);
}

.calendar_green_crosshair_vertical, .calendar_green_crosshair_horizontal, .calendar_green_crosshair_left, .calendar_green_crosshair_top {
    background-color: gray;
    opacity: 0.2;
}

.calendar_green_loading {
    background-color: orange;
    color: white;
    padding: 2px;
}

/* Month White */
.month_white_main {
    --color-event-background: #5794D0;
    --color-event-text: #ffffff;
    --color-event-border: #ffffff;
    --color-header-background: #ffffff;
    --color-header-text: #777777;
    --color-border: #cccccc;
    --color-cell-border: #e8e8e8;
    --color-cell-background-business: #ffffff;
    --color-cell-background-nonbusiness: #f9f9f9;
}

.month_white_main {
    border: 1px solid var(--color-border);
    box-sizing: border-box;
    font-size: 13px;
}

.month_white_cell {
    background-color: white;
}

.month_white_cell_inner {
    border-right: 1px solid var(--color-border);
    border-bottom: 1px solid var(--color-border);
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background-color: var(--color-cell-background-nonbusiness);
}

.month_white_cell_business .month_white_cell_inner {
    background-color: var(--color-cell-background-business);
}

.month_white_cell_header {
    text-align: right;
    padding-right: 2px;
}

.month_white_header_inner {
    text-align: center;
    vertical-align: middle;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    border-right: 1px solid var(--color-border);
    border-bottom: 1px solid var(--color-border);
    cursor: default;
    color: var(--color-header-text);
    background-color: var(--color-header-background);
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    overflow: hidden;
}

.month_white_message {
    padding: 10px;
    opacity: 0.9;
    filter: alpha(opacity=90);
    color: #ffffff;
    background: #ffa216;
}

.month_white_event_inner {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 2px;
    right: 2px;
    overflow: hidden;
    padding: 2px;
    padding-left: 5px;
    font-size: 13px;
    color: var(--color-event-text);
    background-color: var(--color-event-background);
    border-radius: 5px;
    display: flex;
    align-items: center;
}

.month_white_event_continueright .month_white_event_inner {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-right-style: dotted;
    border-right-width: 1px;
}

.month_white_event_continueleft .month_white_event_inner {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-left-style: dotted;
    border-left-width: 1px;
}

.month_white_event_hover .month_white_event_inner {
}

.month_white_selected .month_white_event_inner {
    background: #ddd;
}

.month_white_shadow_inner {
    background-color: #666666;
    opacity: 0.5;
    filter: alpha(opacity=50);
    height: 100%;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.month_white_event_delete {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAI5JREFUKFNtkLERgCAMRbmzdK8s4gAUlhYOYEHJEJYOYOEwDmGBPxC4kOPfvePy84MGR0RJ2N1A8H3N6DATwSQ57m2ql8NBG+AEM7D+UW+wjdfUPgerYNgB5gOLRHqhcasg84C2QxPMtrUhSqQIhg7ypy9VM2EUZPI/4rQ7rGxqo9sadTegw+UdjeDLAKUfhbaQUVPIfJYAAAAASUVORK5CYII=) center center no-repeat;
    opacity: 0.6;
    cursor: pointer;
}

    .month_white_event_delete:hover {
        opacity: 1;
        -ms-filter: none;
    }

.month_white_event_timeleft {
    color: #ccc;
    font-size: 8pt;
}

.month_white_event_timeright {
    color: #ccc;
    font-size: 8pt;
    text-align: right;
}

/* Month Green */
.month_green_main {
    --color-header-background: #636363;
    --color-event-background: #47A477;
    --color-event-bar-background: transparent;
    --color-event-bar: #367c5a;
    --color-event-border: #41946d;
    --color-cell-background-business: #ffffff;
    --color-cell-background-nonbusiness: #f9f9f9;
}

.month_green_main {
    border: 1px solid #aaa;
    font-size: 13px;
}

.month_green_cell {
    background-color: white;
}

.month_green_cell_inner {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
}

.month_green_cell_header {
    text-align: right;
    padding-right: 2px;
}

.month_green_header_inner {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    cursor: default;
    color: #ffffff;
    background: var(--color-header-background);
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    overflow: hidden;
}

.month_green_message {
    padding: 10px;
    opacity: 0.9;
    filter: alpha(opacity=90);
    color: #ffffff;
    background: #000;
}

.month_green_event_inner {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 2px;
    right: 2px;
    overflow: hidden;
    padding: 2px;
    padding-left: 5px;
    font-size: 13px;
    color: #ffffff;
    background-color: var(--color-event-background);
    border-radius: 5px;
    border: 1px solid var(--color-event-border);
    display: flex;
    align-items: center;
}

.month_green_shadow_inner {
    background-color: #666666;
    opacity: 0.5;
    filter: alpha(opacity=50);
    height: 100%;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.month_green_event_delete {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAI5JREFUKFNtkLERgCAMRbmzdK8s4gAUlhYOYEHJEJYOYOEwDmGBPxC4kOPfvePy84MGR0RJ2N1A8H3N6DATwSQ57m2ql8NBG+AEM7D+UW+wjdfUPgerYNgB5gOLRHqhcasg84C2QxPMtrUhSqQIhg7ypy9VM2EUZPI/4rQ7rGxqo9sadTegw+UdjeDLAKUfhbaQUVPIfJYAAAAASUVORK5CYII=) center center no-repeat;
    opacity: 0.6;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';
    cursor: pointer;
}

    .month_green_event_delete:hover {
        opacity: 1;
        -ms-filter: none;
    }

.month_green_event_timeleft {
    color: #ccc;
    font-size: 8pt;
}

.month_green_event_timeright {
    color: #ccc;
    font-size: 8pt;
    text-align: right;
}

/* Month Traditional */
.month_traditional_main {
    border: 1px solid #999999;
}

    .month_traditional_main, .month_traditional_main td {
        font-family: Tahoma, Arial, Helvetica, sans-serif;
        font-size: 12px;
    }

.month_traditional_event {
}

.month_traditional_event_inner {
    position: absolute;
    overflow: hidden;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: 0px;
    color: #333333;
    background-color: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f2f2f2));
    background: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2);
    background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2);
    background: -ms-linear-gradient(top, #ffffff 0%, #f2f2f2);
    background: -o-linear-gradient(top, #ffffff 0%, #f2f2f2);
    background: linear-gradient(top, #ffffff 0%, #f2f2f2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#ffffff", endColorStr="#f2f2f2");
    padding: 3px;
    border: 1px solid #999999;
}

.month_traditional_header_inner {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
    text-align: center;
    padding: 2px;
    color: #333333;
    background: #ece9d8;
    background: -webkit-gradient(linear, left top, left bottom, from(#efecde), to(#e9e6d2));
    background: -webkit-linear-gradient(top, #efecde 0%, #e9e6d2);
    background: -moz-linear-gradient(top, #efecde 0%, #e9e6d2);
    background: -ms-linear-gradient(top, #efecde 0%, #e9e6d2);
    background: -o-linear-gradient(top, #efecde 0%, #e9e6d2);
    background: linear-gradient(top, #efecde 0%, #e9e6d2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#efecde", endColorStr="#e9e6d2");
}

.month_traditional_cell {
    background-color: #fff4bc;
}

.month_traditional_cell_inner {
    border-right: 1px solid #ead098;
    border-bottom: 1px solid #ead098;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
}

.month_traditional_cell_header {
    text-align: right;
    padding-right: 2px;
}

.month_traditional_message {
    padding: 10px;
    opacity: 0.9;
    filter: alpha(opacity=90);
    color: #ffffff;
    background: #777777;
    background: -webkit-gradient(linear, left top, left bottom, from(#838383), to(#6b6b6b));
    background: -webkit-linear-gradient(top, #838383 0%, #6b6b6b);
    background: -moz-linear-gradient(top, #838383 0%, #6b6b6b);
    background: -ms-linear-gradient(top, #838383 0%, #6b6b6b);
    background: -o-linear-gradient(top, #838383 0%, #6b6b6b);
    background: linear-gradient(top, #838383 0%, #6b6b6b);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#838383", endColorStr="#6b6b6b");
}

.month_traditional_shadow_inner {
    background-color: #666666;
    opacity: 0.5;
    filter: alpha(opacity=50);
    height: 100%;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.month_traditional_event_delete {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAI5JREFUKFNtkLERgCAMRbmzdK8s4gAUlhYOYEHJEJYOYOEwDmGBPxC4kOPfvePy84MGR0RJ2N1A8H3N6DATwSQ57m2ql8NBG+AEM7D+UW+wjdfUPgerYNgB5gOLRHqhcasg84C2QxPMtrUhSqQIhg7ypy9VM2EUZPI/4rQ7rGxqo9sadTegw+UdjeDLAKUfhbaQUVPIfJYAAAAASUVORK5CYII=) center center no-repeat;
    opacity: 0.6;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';
    cursor: pointer;
}

    .month_traditional_event_delete:hover {
        opacity: 1;
        -ms-filter: none;
    }

.month_traditional_event_timeleft {
    color: #ccc;
    font-size: 8pt;
}

.month_traditional_event_timeright {
    color: #ccc;
    font-size: 8pt;
    text-align: right;
}

/* Month Transparent */
.month_transparent_main {
    --color-header-background: #eeeeee;
    --color-header-text: #666666;
    --color-vertical-line-header: #dddddd;
    --color-vertical-line-cell: #eeeeee;
    --color-cell-background-business: #ffffff;
    --color-cell-background-nonbusiness: #f9f9f9;
    --color-event-background: #419FE0a2;
    --color-event-border: #47afff;
    --color-event-bar: #1066a8;
    --color-event-bar-background: transparent;
    --color-event-text: #444444;
    --width-vertical-line: 4px;
}

.month_transparent_main {
    border: 1px solid #aaa;
    font-size: 13px;
}

.month_transparent_cell {
    background-color: #f3f3f3;
}

    .month_transparent_cell.month_transparent_cell_business {
        background-color: white;
    }

.month_transparent_cell_inner {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
}

.month_transparent_cell_header {
    text-align: right;
    padding-right: 2px;
}

.month_transparent_header_inner {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    cursor: default;
    color: var(--color-header-text);
    background-color: var(--color-header-background);
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    overflow: hidden;
}

.month_transparent_message {
    opacity: 0.7;
    filter: alpha(opacity=70);
    padding: 10px;
    color: #eeeeee;
    background: #333;
}

.month_transparent_event_inner {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 5px;
    right: 5px;
    overflow: hidden;
    padding: 2px;
    padding-left: 5px;
    font-size: 13px;
    color: var(--color-event-text);
    background: var(--color-event-background);
    border: 1px solid var(--color-event-bar);
    border-left: 5px solid var(--color-event-bar);
    display: flex;
    align-items: center;
}

.month_transparent_event_continueright:after {
    content: "";
    border-color: transparent transparent transparent #1066a8;
    border-style: solid;
    border-width: 5px;
    width: 0;
    height: 0;
    position: absolute;
    bottom: 8px;
    right: -5px;
}

.month_transparent_event_continueleft:after {
    content: "";
    border-color: transparent #1066a8 transparent transparent;
    border-style: solid;
    border-width: 5px;
    width: 0;
    height: 0;
    position: absolute;
    bottom: 8px;
    left: -5px;
}

.month_transparent_event_continueright .month_transparent_event_inner {
    border-right: 1px solid #1066a8;
}

.month_transparent_event_continueleft .month_transparent_event_inner {
    border-left: 1px solid #1066a8;
}

.month_transparent_event_hover {
    opacity: 0.9;
}

.month_transparent_selected .month_transparent_event_inner {
    background: #ddd;
}

.month_transparent_shadow_inner {
    background-color: #666666;
    opacity: 0.5;
    filter: alpha(opacity=50);
    height: 100%;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.month_transparent_event_delete {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAI5JREFUKFNtkLERgCAMRbmzdK8s4gAUlhYOYEHJEJYOYOEwDmGBPxC4kOPfvePy84MGR0RJ2N1A8H3N6DATwSQ57m2ql8NBG+AEM7D+UW+wjdfUPgerYNgB5gOLRHqhcasg84C2QxPMtrUhSqQIhg7ypy9VM2EUZPI/4rQ7rGxqo9sadTegw+UdjeDLAKUfhbaQUVPIfJYAAAAASUVORK5CYII=) center center no-repeat;
    opacity: 0.6;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';
    cursor: pointer;
}

    .month_transparent_event_delete:hover {
        opacity: 1;
        -ms-filter: none;
    }

.month_transparent_event_timeleft {
    color: #ccc;
    font-size: 8pt;
}

.month_transparent_event_timeright {
    color: #ccc;
    font-size: 8pt;
    text-align: right;
}

/* Scheduler White */
.scheduler_white_main {
    border: 1px solid #c0c0c0;
    font-family: -apple-system,system-ui,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
    font-size: 13px;
}

.scheduler_white_event {
    color: #666;
}

.scheduler_white_event_inner {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 4px;
    padding: 4px;
    overflow: hidden;
    display: flex;
    align-items: center;
    border: 1px solid #999;
    border-radius: 5px;
    -webkit-box-shadow: 0px 2px 3px rgba(000, 000, 000, 0.3), inset 0px 0px 2px rgba(255, 255, 255, 0.8);
    box-shadow: 0px 2px 3px rgba(000, 000, 000, 0.3), inset 0px 0px 2px rgba(255, 255, 255, 0.8);
    background: #fff;
    background: linear-gradient(to bottom, #ffffff 0%, #eeeeee);
}

.scheduler_white_event_hover .scheduler_white_event_inner {
}

.scheduler_white_event_continueright .scheduler_white_event_inner {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-right-style: dotted;
}

.scheduler_white_event_continueleft .scheduler_white_event_inner {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-left-style: dotted;
}

.scheduler_white_event .scheduler_white_action:hover {
    opacity: 1;
    filter: none;
}

.scheduler_white_selected .scheduler_white_event_inner {
    background: #ddd;
}

.scheduler_white_red .scheduler_white_event_inner {
    border: 1px solid #c00004;
    background: #ab0000;
    background: linear-gradient(to bottom, #ff2819 0%, #ab0000);
}

.scheduler_white_timeheader {
    cursor: default;
    color: #666;
}

.scheduler_white_message {
    opacity: 0.9;
    filter: alpha(opacity=90);
    padding: 10px;
    color: #ffffff;
    background: #ffa216;
    background: linear-gradient(to bottom, #ffa216 0%, #ff8400);
}

.scheduler_white_timeheadergroup,
.scheduler_white_timeheadercol {
    text-align: center;
    color: #333;
    background: #f0f0f0;
    background: linear-gradient(to bottom, #f9f9f9 0%, #f0f0f0);
}

.scheduler_white_rowheader,
.scheduler_white_corner {
    color: #333;
    background: #f0f0f0;
    background: linear-gradient(to right, #f9f9f9 0%, #f0f0f0);
}

.scheduler_white_rowheader_inner {
    padding: 7px;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    display: flex;
    align-items: center;
}

.scheduler_white_timeheadergroup_inner,
.scheduler_white_timeheadercol_inner {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    border-right: 1px solid #c0c0c0;
    padding: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.scheduler_white_timeheadergroup_inner {
    border-bottom: 1px solid #c0c0c0;
}

.scheduler_white_divider,
.scheduler_white_splitter,
.scheduler_white_divider_horizontal,
.scheduler_white_resourcedivider {
    background-color: #c0c0c0;
}

.scheduler_white_matrix_vertical_line,
.scheduler_white_matrix_horizontal_line {
    background-color: #e8e8e8;
}

.scheduler_white_line_right {
    border-right: 1px solid #c0c0c0;
}

.scheduler_white_scroll_up {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAB3RJTUUH2wESDiYcrhwCiQAAAAlwSFlzAAAuIwAALiMBeKU/dgAAAARnQU1BAACxjwv8YQUAAACcSURBVHjaY2AgF9wWsTW6yGMlhi7OhC7AyMDQzMnBXIpFHAFuCtuaMTP+P8nA8P/b1x//FfW/HHuF1UQmxv+NUP1c3OxMVVhNvCVi683E8H8LXOY/w9+fTH81tF8fv4NiIpBRj+YoZtZ/LDUoJmKYhsVUpv0MDiyMDP96sIYV0FS2/8z9ICaLlOhvS4b/jC//MzC8xBG0vJeF7GQBlK0xdiUzCtsAAAAASUVORK5CYII=);
}

.scheduler_white_scroll_down {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAALiMAAC4jAXilP3YAAACqSURBVChTY7wpam3L9J+xmQEP+PGPKZZxP4MDi4zI78uMDIwa2NT+Z2DYovrmiC+TI8OBP/8ZmEqwGvif4e8vxr+FIDkmEKH25vBWBgbG0+iK/zEwLtF+ffwOXCGI8Y+BoRFFIdC030x/WmBiYBNhpgLdswNJ8RSYaSgmgk39z1gPUfj/29ef/9rwhQTDHRHbrbdEbLvRFcGthkkAra/9/uMvhkK8piNLAgCRpTnNn4AEmAAAAABJRU5ErkJggg==);
}

.scheduler_white_now {
    background-color: red;
}

    .scheduler_white_now:before {
        content: '';
        top: -5px;
        border-width: 5px;
        border-color: transparent transparent transparent red;
        border-style: solid;
        width: 0px;
        height: 0px;
        position: absolute;
        -moz-transform: scale(.9999);
    }

.scheduler_white_shadow_forbidden .scheduler_white_shadow_inner {
    background-color: red;
}

.scheduler_white_event_moving_source {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.scheduler_white_linkpoint {
    background-color: white;
    border: 1px solid gray;
    border-radius: 5px;
}

    .scheduler_white_linkpoint.scheduler_white_linkpoint_hover {
        background-color: black;
    }

.scheduler_white_event.scheduler_white_event_version .scheduler_white_event_inner {
    background-color: #cfdde8;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    background-size: 20px 20px;
}

.scheduler_white_crosshair_vertical, .scheduler_white_crosshair_horizontal, .scheduler_white_crosshair_left, .scheduler_white_crosshair_top {
    background-color: gray;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

.scheduler_white_link_dot {
    border-radius: 10px;
    background-color: red;
}

.scheduler_white_task_milestone .scheduler_white_event_inner {
    position: absolute;
    top: 16%;
    left: 16%;
    right: 16%;
    bottom: 16%;
    background: #38761d;
    border: 0px none;
    transform: rotate(45deg);
    filter: none;
}

.scheduler_white_event_left {
    white-space: nowrap;
    padding-top: 5px;
    color: #666;
    cursor: default;
}

.scheduler_white_event_right {
    white-space: nowrap;
    padding-top: 5px;
    color: #666;
    cursor: default;
}

.scheduler_white_selectionrectangle {
    background-color: #0000ff;
    border: 1px solid #000033;
    opacity: 0.4;
}

.scheduler_white_link_shadow {
    border: 1px solid black;
}

.scheduler_white_link_shadow_circle {
    background-color: black;
}

.scheduler_white_block {
    background-color: #808080;
    opacity: 0.5;
}

/* Combined DayPilot Lite CSS - All Themes/Components */
/* Based on white/default theme for priority; includes transparent, traditional, green, blue, scheduler variants */

/* Navigator Styles (White/Default) */
.navigator_white_main {
	border-left: 1px solid #A0A0A0;
	border-right: 1px solid #A0A0A0;
	border-bottom: 1px solid #A0A0A0;
    background-color: white;
    color: #000000;
}
.navigator_white_month {
    font-family: Tahoma;
    font-size: 8pt;
}
.navigator_white_day {
    color: black;
    text-align: center;
}
.navigator_white_weekend {
    background-color: #f0f0f0;
}
.navigator_white_dayheader {
    color: black;
    text-align: center;
}
.navigator_white_weeknumber {
	text-align: center;
}
.navigator_white_line {
	border-bottom: 1px solid #A0A0A0;
}
.navigator_white_dayother {
    color: gray;
}
.navigator_white_todaybox {
	border: 1px solid red;
}
.navigator_white_select {
    background-color: #FFE794;
}
.navigator_white_title, .navigator_white_titleleft, .navigator_white_titleright {
	text-align: center;
    border-top: 1px solid #A0A0A0;
	color: #666;
	background: #eee;
	background: -moz-linear-gradient(top, #eee 0%, #ddd);
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#eeeeee", endColorStr="#dddddd");
}
.navigator_white_busy {
	font-weight: bold;
}

/* Navigator Green */
.navigator_green_main {
	border-left: 1px solid #A0A0A0;
	border-right: 1px solid #A0A0A0;
	border-bottom: 1px solid #A0A0A0;
    background-color: white;
    color: #000000;
}
.navigator_green_month {
    font-family: Tahoma;
    font-size: 8pt;
}
.navigator_green_day {
    color: black;
    text-align: center;
}
.navigator_green_weekend {
    background-color: #f0f0f0;
}
.navigator_green_dayheader {
    color: black;
    text-align: center;
}
.navigator_green_weeknumber {
	text-align: center;
}
.navigator_green_line {
	border-bottom: 1px solid #A0A0A0;
}
.navigator_green_dayother {
    color: gray;
}
.navigator_green_todaybox {
	border: 1px solid red;
}
.navigator_green_select {
    background-color: #ddd;
}
.navigator_green_title, .navigator_green_titleleft, .navigator_green_titleright {
	text-align: center;
	border-top: 1px solid #A0A0A0;
	color: #ffffff;
	background: #666;
	background: -moz-linear-gradient(top, #777 0%, #666);
	background: -webkit-gradient(linear, left top, left bottom, from(#777), to(#666));
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#777777", endColorStr="#666666");
	text-shadow: 0px -1px 1px rgba(000,000,000,0.2), 0px 1px 0px rgba(255,255,255,0.3);
}
.navigator_green_busy {
	font-weight: bold;
}

/* Navigator Transparent */
.navigator_transparent_main {
	border-left: 1px solid #A0A0A0;
	border-right: 1px solid #A0A0A0;
	border-bottom: 1px solid #A0A0A0;
    background-color: white;
    color: #000000;
}
.navigator_transparent_month {
    font-family: Tahoma;
    font-size: 8pt;
}
.navigator_transparent_day {
    color: black;
    text-align: center;
}
.navigator_transparent_weekend {
    background-color: #f0f0f0;
}
.navigator_transparent_dayheader {
    color: black;
    text-align: center;
}
.navigator_transparent_weeknumber {
	text-align: center;
}
.navigator_transparent_line {
	border-bottom: 1px solid #A0A0A0;
}
.navigator_transparent_dayother {
    color: gray;
}
.navigator_transparent_todaybox {
	border: 1px solid red;
}
.navigator_transparent_select {
    background-color: #ddd;
}
.navigator_transparent_title, .navigator_transparent_titleleft, .navigator_transparent_titleright {
	text-align: center;
    border-top: 1px solid #A0A0A0;
	color: #666;
	background: #eeeeee;
	background: -moz-linear-gradient(top, #f3f3f3 0%, #e9e9e9);
	background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#e9e9e9));
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#f3f3f3", endColorStr="#e9e9e9");
}
.navigator_transparent_busy {
	font-weight: bold;
}

/* Calendar White */
.calendar_white_main {
    --color-event-background: #5794D0;
    --color-event-text: #ffffff;
    --color-event-border: #ffffff;
    --color-header-background: #ffffff;
    --color-header-text: #777777;
    --color-cell-background-business: #ffffff;
    --color-cell-background-nonbusiness: #f9f9f9;
}
.calendar_white_main {
    border: 1px solid #ccc;
    font-size: 13px;
}
.calendar_white_colheader {
}
.calendar_white_scroll_up {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAB3RJTUUH2wESDiYcrhwCiQAAAAlwSFlzAAAuIwAALiMBeKU/dgAAAARnQU1BAACxjwv8YQUAAACcSURBVHjaY2AgF9wWsTW6yGMlhi7OhC7AyMDQzMnBXIpFHAFuCtuaMTP+P8nA8P/b1x//FfW/HHuF1UQmxv+NUP1c3OxMVVhNvCVi683E8H8LXOY/w9+fTH81tF8fv4NiIpBRj+YoZtZ/LDUoJmKYhsVUpv0MDiyMDP96sIYV0FS2/8z9ICaLlOhvS4b/jC//MzC8xBG0vJeF7GQBlK0xdiUzCtsAAAAASUVORK5CYII=);
}
.calendar_white_scroll_down {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAALiMAAC4jAXilP3YAAACqSURBVChTY7wpam3L9J+xmQEP+PGPKZZxP4MDi4zI78uMDIwa2NT+Z2DYovrmiC+TI8OBP/8ZmEqwGvif4e8vxr+FIDkmEKH25vBWBgbG0+iK/zEwLtF+ffwOXCGI8Y+BoRFFIdC030x/WmBiYBNhpgLdswNJ8RSYaSgmgk39z1gPUfj/29ef/9rwhQTDHRHbrbdEbLvRFcGthkkAra/9/uMvhkK8piNLAgCRpTnNn4AEmAAAAABJRU5ErkJggg==);
}
.calendar_white_rowheader_inner,
.calendar_white_cornerright_inner,
.calendar_white_corner_inner,
.calendar_white_alldayheader_inner {
    color: var(--color-header-text);
    background: var(--color-header-background);
}
.calendar_white_colheader_inner {
    color: var(--color-header-text);
}
.calendar_white_cornerright_inner {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    border-bottom: 1px solid #ccc;
}
.calendar_white_rowheader_inner {
    font-size: 16pt;
    text-align: right;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    padding-right: 4px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.calendar_white_corner_inner {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.calendar_white_rowheader_minutes {
    font-size: 10px;
    vertical-align: super;
    padding-left: 2px;
    padding-right: 2px;
}
.calendar_white_colheader_inner {
    text-align: center;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    color: var(--color-header-text);
    background: var(--color-header-background);
    display: flex; align-items: center; justify-content: center;
}
.calendar_white_cell_inner {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background-color: var(--color-cell-background-nonbusiness);
}
.calendar_white_cell_business .calendar_white_cell_inner {
    background-color: var(--color-cell-background-business);
}
.calendar_white_now {
    background-color: red;
}
.calendar_white_now:before {
    content: '';
    top: -5px;
    border-width: 5px;
    border-color: transparent transparent transparent red;
    border-style: solid;
    width: 0px;
    height: 0px;
    position: absolute;
    -moz-transform: scale(.9999);
}
.calendar_white_shadow_forbidden .calendar_white_shadow_inner {
    background-color: red;
}
.calendar_white_shadow_top {
    box-sizing: border-box;
    padding: 2px;
    border: 1px solid #ccc;
    background: #fff;
    background: linear-gradient(to bottom, #ffffff 0%, #eeeeee);
}
.calendar_white_shadow_bottom {
    box-sizing: border-box;
    padding: 2px;
    border: 1px solid #ccc;
    background: #fff;
    background: linear-gradient(to bottom, #ffffff 0%, #eeeeee);
}
.calendar_white_crosshair_vertical, .calendar_white_crosshair_horizontal, .calendar_white_crosshair_left, .calendar_white_crosshair_top {
    background-color: gray;
    opacity: 0.2;
    filter: alpha(opacity=20)
}
.calendar_white_loading {
    background-color: orange;
    color: white;
    padding: 2px;
}

/* Calendar Traditional */
.calendar_traditional_main {
    border: 1px solid #999999;
}
.calendar_traditional_main, .calendar_traditional_main td {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
}
.calendar_traditional_event { 
}
.calendar_traditional_event_inner { 
	position: absolute;
  overflow: hidden;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	margin: 0px;
	color: #333333;
	background-color: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f2f2f2));  
	background: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2);
	background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2);
	background: -ms-linear-gradient(top, #ffffff 0%, #f2f2f2);
	background: -o-linear-gradient(top, #ffffff 0%, #f2f2f2);
	background: linear-gradient(top, #ffffff 0%, #f2f2f2);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#ffffff", endColorStr="#f2f2f2");
	padding: 3px;
	border: 1px solid #999999;
}
.calendar_traditional_header_inner {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	text-align: center;
	padding: 2px;
	color: #333333;
	background: #ece9d8;
	background: -webkit-gradient(linear, left top, left bottom, from(#efecde), to(#e9e6d2));
	background: -webkit-linear-gradient(top, #efecde 0%, #e9e6d2);
	background: -moz-linear-gradient(top, #efecde 0%, #e9e6d2);
	background: -ms-linear-gradient(top, #efecde 0%, #e9e6d2);
	background: -o-linear-gradient(top, #efecde 0%, #e9e6d2);
	background: linear-gradient(top, #efecde 0%, #e9e6d2);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#efecde", endColorStr="#e9e6d2");
}
.calendar_traditional_cell {
	background-color: #fff4bc;
}
.calendar_traditional_cell_inner {
	border-right: 1px solid #ead098;
	border-bottom: 1px solid #ead098;
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;	
}
.calendar_traditional_cell_header {
	text-align: right;
	padding-right: 2px;
}
.calendar_traditional_message {
	padding: 10px;
	opacity: 0.9;
	filter: alpha(opacity=90);
	color: #ffffff;
	background: #777777;
	background: -webkit-gradient(linear, left top, left bottom, from(#838383), to(#6b6b6b));
	background: -webkit-linear-gradient(top, #838383 0%, #6b6b6b);
	background: -moz-linear-gradient(top, #838383 0%, #6b6b6b);
	background: -ms-linear-gradient(top, #838383 0%, #6b6b6b);
	background: -o-linear-gradient(top, #838383 0%, #6b6b6b);
	background: linear-gradient(top, #838383 0%, #6b6b6b);
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#838383", endColorStr="#6b6b6b");
}
.calendar_traditional_shadow_inner {
	background-color: #666666;
	opacity: 0.5;
	filter: alpha(opacity=50);
	height: 100%;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.calendar_traditional_event_delete {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAI5JREFUKFNtkLERgCAMRbmzdK8s4gAUlhYOYEHJEJYOYOEwDmGBPxC4kOPfvePy84MGR0RJ2N1A8H3N6DATwSQ57m2ql8NBG+AEM7D+UW+wjdfUPgerYNgB5gOLRHqhcasg84C2QxPMtrUhSqQIhg7ypy9VM2EUZPI/4rQ7rGxqo9sadTegw+UdjeDLAKUfhbaQUVPIfJYAAAAASUVORK5CYII=) center center no-repeat;
    opacity: 0.6;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';
    cursor: pointer;
}
.calendar_traditional_event_delete:hover {
    opacity: 1;
    -ms-filter: none;
}
.calendar_traditional_event_timeleft { color: #ccc; font-size: 8pt; }
.calendar_traditional_event_timeright { color: #ccc; font-size: 8pt; text-align: right; }

/* Calendar Transparent */
.calendar_transparent_main {
    --color-header-background: #eeeeee;
    --color-header-text: #666666;
    --color-vertical-line-header: #dddddd;
    --color-vertical-line-cell: #eeeeee;
    --color-cell-background-business: #ffffff;
    --color-cell-background-nonbusiness: #f9f9f9;
    --color-event-background: #419FE0a2;
    --color-event-border: #47afff;
    --color-event-bar: #1066a8;
    --color-event-bar-background: transparent;
    --color-event-text: #444444;
    --width-vertical-line: 4px;
}
.calendar_transparent_main {
    border: 1px solid #aaa;
    font-size: 13px;
}
.calendar_transparent_colheader {
}
.calendar_transparent_cornerright_inner,
.calendar_transparent_corner_inner,
.calendar_transparent_colheader_inner,
.calendar_transparent_alldayheader_inner {
    color: var(--color-header-text);
    background-color: var(--color-header-background);
}
.calendar_transparent_rowheader_inner {
    color: var(--color-header-text);
    background: var(--color-header-background);
}
.calendar_transparent_cornerright_inner {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    border-bottom: 1px solid #aaa;
}
.calendar_transparent_rowheader_inner {
    font-size: 16pt;
    text-align: right;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    padding-right: 4px;
    border-right: var(--width-vertical-line) solid var(--color-vertical-line-header);
    border-bottom: 1px solid #aaa;
}
.calendar_transparent_corner_inner {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    border-right: var(--width-vertical-line) solid var(--color-vertical-line-header);
    border-bottom: 1px solid #aaa;
}
.calendar_transparent_rowheader_minutes {
    font-size: 10px;
    vertical-align: super;
    padding-left: 2px;
    padding-right: 2px;
}
.calendar_transparent_colheader_inner {
    text-align: center;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    color: var(--color-header-text);
    background-color: var(--color-header-background);
    display: flex; align-items: center; justify-content: center;
}
.calendar_transparent_cell_inner {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background-color: var(--color-cell-background-nonbusiness);
}
.calendar_transparent_cell_business .calendar_transparent_cell_inner {
    background-color: var(--color-cell-background-business);
}
.calendar_transparent_now {
    background-color: red;
}
.calendar_transparent_now:before {
    content: '';
    top: -5px;
    border-width: 5px;
    border-color: transparent transparent transparent red;
    border-style: solid;
    width: 0px;
    height: 0px;
    position: absolute;
    -moz-transform: scale(.9999);
}
.calendar_transparent_shadow_forbidden .calendar_transparent_shadow_inner {
    background-color: red;
}
.calendar_transparent_shadow_top {
    box-sizing: border-box;
    padding: 2px;
    border: 1px solid #ccc;
    background: #fff;
    background: linear-gradient(to bottom, #ffffff 0%, #eeeeee);
}
.calendar_transparent_shadow_bottom {
    box-sizing: border-box;
    padding: 2px;
    border: 1px solid #ccc;
    background: #fff;
    background: linear-gradient(to bottom, #ffffff 0%, #eeeeee);
}
.calendar_transparent_crosshair_vertical, .calendar_transparent_crosshair_horizontal, .calendar_transparent_crosshair_left, .calendar_transparent_crosshair_top {
    background-color: gray;
    opacity: 0.2;
}
.calendar_transparent_loading {
    background-color: orange;
    color: white;
    padding: 2px;
}

/* Calendar Green */
.calendar_green_main {
    --color-header-background: #636363;
    --color-event-background: #47A477;
    --color-event-bar-background: transparent;
    --color-event-bar: #367c5a;
    --color-event-border: #41946d;
    --color-cell-background-business: #ffffff;
    --color-cell-background-nonbusiness: #f9f9f9;
}
.calendar_green_main {
    border: 1px solid #999;
    font-size: 13px;
}
.calendar_green_colheader {
}
.calendar_green_cornerright_inner {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    border-bottom: 1px solid #999;
    color: #ffffff;
    background: var(--color-header-background);
}
.calendar_green_rowheader_inner {
    font-size: 16pt;
    text-align: right;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    color: #ffffff;
    background: var(--color-header-background);
    padding-right: 4px;
}
.calendar_green_corner_inner {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    color: #ffffff;
    background: var(--color-header-background);
}
.calendar_green_rowheader_minutes {
    font-size: 10px;
    vertical-align: super;
    padding-left: 2px;
    padding-right: 2px;
}
.calendar_green_colheader_inner {
    text-align: center;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    color: #ffffff;
    background: var(--color-header-background);
    display: flex; align-items: center; justify-content: center;
}
.calendar_green_cell_inner {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background-color: var(--color-cell-background-nonbusiness);
}
.calendar_green_cell_business .calendar_green_cell_inner {
    background-color: var(--color-cell-background-business);
}
.calendar_green_now {
    background-color: red;
}
.calendar_green_now:before {
    content: '';
    top: -5px;
    border-width: 5px;
    border-color: transparent transparent transparent red;
    border-style: solid;
    width: 0px;
    height: 0px;
    position: absolute;
    -moz-transform: scale(.9999);
}
.calendar_green_shadow_forbidden .calendar_green_shadow_inner {
    background-color: red;
}
.calendar_green_shadow_top {
    box-sizing: border-box;
    padding: 2px;
    border: 1px solid #ccc;
    background: #fff;
    background: linear-gradient(to bottom, #ffffff 0%, #eeeeee);
}
.calendar_green_shadow_bottom {
    box-sizing: border-box;
    padding: 2px;
    border: 1px solid #ccc;
    background: #fff;
    background: linear-gradient(to bottom, #ffffff 0%, #eeeeee);
}
.calendar_green_crosshair_vertical, .calendar_green_crosshair_horizontal, .calendar_green_crosshair_left, .calendar_green_crosshair_top {
    background-color: gray;
    opacity: 0.2;
}
.calendar_green_loading {
    background-color: orange;
    color: white;
    padding: 2px;
}

/* Month White */
.month_white_main {
    --color-event-background: #5794D0;
    --color-event-text: #ffffff;
    --color-event-border: #ffffff;
    --color-header-background: #ffffff;
    --color-header-text: #777777;
    --color-border: #cccccc;
    --color-cell-border: #e8e8e8;
    --color-cell-background-business: #ffffff;
    --color-cell-background-nonbusiness: #f9f9f9;
}
.month_white_main {
	border: 1px solid var(--color-border);
    box-sizing: border-box;
    font-size: 13px;
}
.month_white_cell {
	background-color: white;
}
.month_white_cell_inner {
	border-right: 1px solid var(--color-border);
	border-bottom: 1px solid var(--color-border);
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
    background-color: var(--color-cell-background-nonbusiness);
}
.month_white_cell_business .month_white_cell_inner {
    background-color: var(--color-cell-background-business);
}
.month_white_cell_header {
	text-align: right;
	padding-right: 2px;
}
.month_white_header_inner {
	text-align: center;
	vertical-align: middle;
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	border-right: 1px solid var(--color-border);
	border-bottom: 1px solid var(--color-border);
	cursor: default;
	color: var(--color-header-text);
	background-color: var(--color-header-background);
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    overflow: hidden;
}
.month_white_message {
	padding: 10px;
	opacity: 0.9;
	filter: alpha(opacity=90);
	color: #ffffff;
	background: #ffa216;
}
.month_white_event_inner {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 2px;
	right: 2px;
	overflow:hidden;
	padding: 2px;
	padding-left: 5px;
	font-size: 13px;
	color: var(--color-event-text);
	background-color: var(--color-event-background);
	border-radius: 5px;
    display: flex;
    align-items: center;
}
.month_white_event_continueright .month_white_event_inner {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
	border-right-style: dotted;
    border-right-width: 1px;
}
.month_white_event_continueleft .month_white_event_inner {
	border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
	border-left-style: dotted;
    border-left-width: 1px;
}
.month_white_event_hover .month_white_event_inner {
}
.month_white_selected .month_white_event_inner {
	background: #ddd;
}
.month_white_shadow_inner {
	background-color: #666666;
	opacity: 0.5;
	filter: alpha(opacity=50);
	height: 100%;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.month_white_event_delete {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAI5JREFUKFNtkLERgCAMRbmzdK8s4gAUlhYOYEHJEJYOYOEwDmGBPxC4kOPfvePy84MGR0RJ2N1A8H3N6DATwSQ57m2ql8NBG+AEM7D+UW+wjdfUPgerYNgB5gOLRHqhcasg84C2QxPMtrUhSqQIhg7ypy9VM2EUZPI/4rQ7rGxqo9sadTegw+UdjeDLAKUfhbaQUVPIfJYAAAAASUVORK5CYII=) center center no-repeat;
    opacity: 0.6;
    cursor: pointer;
}
.month_white_event_delete:hover {
    opacity: 1;
    -ms-filter: none;
}
.month_white_event_timeleft { color: #ccc; font-size: 8pt; }
.month_white_event_timeright { color: #ccc; font-size: 8pt; text-align: right; }

/* Month Green */
.month_green_main {
    --color-header-background: #636363;
    --color-event-background: #47A477;
    --color-event-bar-background: transparent;
    --color-event-bar: #367c5a;
    --color-event-border: #41946d;
    --color-cell-background-business: #ffffff;
    --color-cell-background-nonbusiness: #f9f9f9;
}
.month_green_main {
	border: 1px solid #aaa;
    font-size: 13px;
}
.month_green_cell {
	background-color: white;
}
.month_green_cell_inner {
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
}
.month_green_cell_header {
	text-align: right;
	padding-right: 2px;
}
.month_green_header_inner {
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	cursor: default;
	color: #ffffff;
    background: var(--color-header-background);
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    overflow: hidden;
}
.month_green_message {
	padding: 10px;
	opacity: 0.9;
	filter: alpha(opacity=90);
	color: #ffffff;
	background: #000;
}
.month_green_event_inner {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 2px;
	right: 2px;
	overflow:hidden;
	padding: 2px;
	padding-left: 5px;
    font-size: 13px;
    color: #ffffff;
    background-color: var(--color-event-background);
    border-radius: 5px;
    border: 1px solid var(--color-event-border);
    display: flex;
    align-items: center;
}
.month_green_shadow_inner {
	background-color: #666666;
	opacity: 0.5;
	filter: alpha(opacity=50);
	height: 100%;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.month_green_event_delete {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAI5JREFUKFNtkLERgCAMRbmzdK8s4gAUlhYOYEHJEJYOYOEwDmGBPxC4kOPfvePy84MGR0RJ2N1A8H3N6DATwSQ57m2ql8NBG+AEM7D+UW+wjdfUPgerYNgB5gOLRHqhcasg84C2QxPMtrUhSqQIhg7ypy9VM2EUZPI/4rQ7rGxqo9sadTegw+UdjeDLAKUfhbaQUVPIfJYAAAAASUVORK5CYII=) center center no-repeat;
    opacity: 0.6;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';
    cursor: pointer;
}
.month_green_event_delete:hover {
    opacity: 1;
    -ms-filter: none;
}
.month_green_event_timeleft { color: #ccc; font-size: 8pt; }
.month_green_event_timeright { color: #ccc; font-size: 8pt; text-align: right; }

/* Month Traditional */
.month_traditional_main {
	border: 1px solid #999999;
}
.month_traditional_main, .month_traditional_main td {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.month_traditional_event { 
}
.month_traditional_event_inner { 
	position: absolute;
  overflow: hidden;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	margin: 0px;
	color: #333333;
	background-color: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f2f2f2));  
	background: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2);
	background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2);
	background: -ms-linear-gradient(top, #ffffff 0%, #f2f2f2);
	background: -o-linear-gradient(top, #ffffff 0%, #f2f2f2);
	background: linear-gradient(top, #ffffff 0%, #f2f2f2);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#ffffff", endColorStr="#f2f2f2");
	padding: 3px;
	border: 1px solid #999999;
}
.month_traditional_header_inner {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	text-align: center;
	padding: 2px;
	color: #333333;
	background: #ece9d8;
	background: -webkit-gradient(linear, left top, left bottom, from(#efecde), to(#e9e6d2));
	background: -webkit-linear-gradient(top, #efecde 0%, #e9e6d2);
	background: -moz-linear-gradient(top, #efecde 0%, #e9e6d2);
	background: -ms-linear-gradient(top, #efecde 0%, #e9e6d2);
	background: -o-linear-gradient(top, #efecde 0%, #e9e6d2);
	background: linear-gradient(top, #efecde 0%, #e9e6d2);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#efecde", endColorStr="#e9e6d2");
}
.month_traditional_cell {
	background-color: #fff4bc;
}
.month_traditional_cell_inner {
	border-right: 1px solid #ead098;
	border-bottom: 1px solid #ead098;
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;	
}
.month_traditional_cell_header {
	text-align: right;
	padding-right: 2px;
}
.month_traditional_message {
	padding: 10px;
	opacity: 0.9;
	filter: alpha(opacity=90);
	color: #ffffff;
	background: #777777;
	background: -webkit-gradient(linear, left top, left bottom, from(#838383), to(#6b6b6b));
	background: -webkit-linear-gradient(top, #838383 0%, #6b6b6b);
	background: -moz-linear-gradient(top, #838383 0%, #6b6b6b);
	background: -ms-linear-gradient(top, #838383 0%, #6b6b6b);
	background: -o-linear-gradient(top, #838383 0%, #6b6b6b);
	background: linear-gradient(top, #838383 0%, #6b6b6b);
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#838383", endColorStr="#6b6b6b");
}
.month_traditional_shadow_inner {
	background-color: #666666;
	opacity: 0.5;
	filter: alpha(opacity=50);
	height: 100%;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.month_traditional_event_delete {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAI5JREFUKFNtkLERgCAMRbmzdK8s4gAUlhYOYEHJEJYOYOEwDmGBPxC4kOPfvePy84MGR0RJ2N1A8H3N6DATwSQ57m2ql8NBG+AEM7D+UW+wjdfUPgerYNgB5gOLRHqhcasg84C2QxPMtrUhSqQIhg7ypy9VM2EUZPI/4rQ7rGxqo9sadTegw+UdjeDLAKUfhbaQUVPIfJYAAAAASUVORK5CYII=) center center no-repeat;
    opacity: 0.6;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';
    cursor: pointer;
}
.month_traditional_event_delete:hover {
    opacity: 1;
    -ms-filter: none;
}
.month_traditional_event_timeleft { color: #ccc; font-size: 8pt; }
.month_traditional_event_timeright { color: #ccc; font-size: 8pt; text-align: right; }

/* Month Transparent */
.month_transparent_main {
    --color-header-background: #eeeeee;
    --color-header-text: #666666;
    --color-vertical-line-header: #dddddd;
    --color-vertical-line-cell: #eeeeee;
    --color-cell-background-business: #ffffff;
    --color-cell-background-nonbusiness: #f9f9f9;
    --color-event-background: #419FE0a2;
    --color-event-border: #47afff;
    --color-event-bar: #1066a8;
    --color-event-bar-background: transparent;
    --color-event-text: #444444;
    --width-vertical-line: 4px;
}
.month_transparent_main {
	border: 1px solid #aaa;
    font-size: 13px;
}
.month_transparent_cell {
	background-color: #f3f3f3;
}
.month_transparent_cell.month_transparent_cell_business {
	background-color: white;
}
.month_transparent_cell_inner {
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
}
.month_transparent_cell_header {
	text-align: right;
	padding-right: 2px;
}
.month_transparent_header_inner {
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	cursor: default;
	color: var(--color-header-text);
	background-color: var(--color-header-background);
    display: flex; align-items: center; justify-content: center;
    white-space: nowrap;
    overflow: hidden;
}
.month_transparent_message {
	opacity: 0.7;
	filter: alpha(opacity=70);
	padding: 10px;
	color: #eeeeee;
	background: #333;
}
.month_transparent_event_inner {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 5px;
	right: 5px;
	overflow:hidden;
	padding: 2px;
	padding-left: 5px;
	font-size: 13px;
	color: var(--color-event-text);
	background: var(--color-event-background);
	border: 1px solid var(--color-event-bar);
	border-left: 5px solid var(--color-event-bar);
    display: flex;
    align-items: center;
}
.month_transparent_event_continueright:after {
    content:"";
    border-color: transparent transparent transparent #1066a8;
    border-style:solid;
    border-width:5px;
    width:0;
    height:0;
    position:absolute;
    bottom:8px;
    right:-5px;
}
.month_transparent_event_continueleft:after {
    content:"";
    border-color: transparent #1066a8 transparent transparent ;
    border-style:solid;
    border-width:5px;
    width:0;
    height:0;
    position:absolute;
    bottom:8px;
    left:-5px;
}
.month_transparent_event_continueright .month_transparent_event_inner  {
    border-right: 1px solid #1066a8;
}
.month_transparent_event_continueleft .month_transparent_event_inner {
    border-left: 1px solid #1066a8;
}
.month_transparent_event_hover {
	opacity: 0.9;
}
.month_transparent_selected .month_transparent_event_inner {
	background: #ddd;
}
.month_transparent_shadow_inner {
	background-color: #666666;
	opacity: 0.5;
	filter: alpha(opacity=50);
	height: 100%;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.month_transparent_event_delete {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAI5JREFUKFNtkLERgCAMRbmzdK8s4gAUlhYOYEHJEJYOYOEwDmGBPxC4kOPfvePy84MGR0RJ2N1A8H3N6DATwSQ57m2ql8NBG+AEM7D+UW+wjdfUPgerYNgB5gOLRHqhcasg84C2QxPMtrUhSqQIhg7ypy9VM2EUZPI/4rQ7rGxqo9sadTegw+UdjeDLAKUfhbaQUVPIfJYAAAAASUVORK5CYII=) center center no-repeat;
    opacity: 0.6;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';
    cursor: pointer;
}
.month_transparent_event_delete:hover {
    opacity: 1;
    -ms-filter: none;
}
.month_transparent_event_timeleft { color: #ccc; font-size: 8pt; }
.month_transparent_event_timeright { color: #ccc; font-size: 8pt; text-align: right; }

/* Scheduler White */
.scheduler_white_main {
  border: 1px solid #c0c0c0;
  font-family: -apple-system,system-ui,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  font-size: 13px;
}
.scheduler_white_event {
  color: #666;
}
.scheduler_white_event_inner {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 4px;
  padding: 4px;
  overflow: hidden;
  display: flex;
  align-items: center;
  border: 1px solid #999;
  border-radius: 5px;
  -webkit-box-shadow: 0px 2px 3px rgba(000, 000, 000, 0.3), inset 0px 0px 2px rgba(255, 255, 255, 0.8);
  box-shadow: 0px 2px 3px rgba(000, 000, 000, 0.3), inset 0px 0px 2px rgba(255, 255, 255, 0.8);
  background: #fff;
  background: linear-gradient(to bottom, #ffffff 0%, #eeeeee);
}
.scheduler_white_event_hover .scheduler_white_event_inner {
}
.scheduler_white_event_continueright .scheduler_white_event_inner {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-right-style: dotted;
}
.scheduler_white_event_continueleft .scheduler_white_event_inner {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-left-style: dotted;
}
.scheduler_white_event .scheduler_white_action:hover {
  opacity: 1;
  filter: none;
}
.scheduler_white_selected .scheduler_white_event_inner {
  background: #ddd;
}
.scheduler_white_red .scheduler_white_event_inner {
  border: 1px solid #c00004;
  background: #ab0000;
  background: linear-gradient(to bottom, #ff2819 0%, #ab0000);
}
.scheduler_white_timeheader {
  cursor: default;
  color: #666;
}
.scheduler_white_message {
  opacity: 0.9;
  filter: alpha(opacity=90);
  padding: 10px;
  color: #ffffff;
  background: #ffa216;
  background: linear-gradient(to bottom, #ffa216 0%, #ff8400);
}
.scheduler_white_timeheadergroup,
.scheduler_white_timeheadercol {
  text-align: center;
  color: #333;
  background: #f0f0f0;
  background: linear-gradient(to bottom, #f9f9f9 0%, #f0f0f0);
}
.scheduler_white_rowheader,
.scheduler_white_corner {
  color: #333;
  background: #f0f0f0;
  background: linear-gradient(to right, #f9f9f9 0%, #f0f0f0);
}
.scheduler_white_rowheader_inner {
  padding: 7px;
  position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; display: flex; align-items: center;
}
.scheduler_white_timeheadergroup_inner,
.scheduler_white_timeheadercol_inner {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  border-right: 1px solid #c0c0c0;
  padding: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.scheduler_white_timeheadergroup_inner {
  border-bottom: 1px solid #c0c0c0;
}
.scheduler_white_divider,
.scheduler_white_splitter,
.scheduler_white_divider_horizontal,
.scheduler_white_resourcedivider {
  background-color: #c0c0c0;
}
.scheduler_white_matrix_vertical_line,
.scheduler_white_matrix_horizontal_line {
  background-color: #e8e8e8;
}
.scheduler_white_line_right {
  border-right: 1px solid #c0c0c0;
}
.scheduler_white_scroll_up {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAB3RJTUUH2wESDiYcrhwCiQAAAAlwSFlzAAAuIwAALiMBeKU/dgAAAARnQU1BAACxjwv8YQUAAACcSURBVHjaY2AgF9wWsTW6yGMlhi7OhC7AyMDQzMnBXIpFHAFuCtuaMTP+P8nA8P/b1x//FfW/HHuF1UQmxv+NUP1c3OxMVVhNvCVi683E8H8LXOY/w9+fTH81tF8fv4NiIpBRj+YoZtZ/LDUoJmKYhsVUpv0MDiyMDP96sIYV0FS2/8z9ICaLlOhvS4b/jC//MzC8xBG0vJeF7GQBlK0xdiUzCtsAAAAASUVORK5CYII=);
}
.scheduler_white_scroll_down {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAALiMAAC4jAXilP3YAAACqSURBVChTY7wpam3L9J+xmQEP+PGPKZZxP4MDi4zI78uMDIwa2NT+Z2DYovrmiC+TI8OBP/8ZmEqwGvif4e8vxr+FIDkmEKH25vBWBgbG0+iK/zEwLtF+ffwOXCGI8Y+BoRFFIdC030x/WmBiYBNhpgLdswNJ8RSYaSgmgk39z1gPUfj/29ef/9rwhQTDHRHbrbdEbLvRFcGthkkAra/9/uMvhkK8piNLAgCRpTnNn4AEmAAAAABJRU5ErkJggg==);
}
.scheduler_white_now {
  background-color: red;
}
.scheduler_white_now:before {
  content: '';
  top: -5px;
  border-width: 5px;
  border-color: transparent transparent transparent red;
  border-style: solid;
  width: 0px;
  height: 0px;
  position: absolute;
  -moz-transform: scale(.9999);
}
.scheduler_white_shadow_forbidden .scheduler_white_shadow_inner {
  background-color: red;
}
.scheduler_white_event_moving_source {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.scheduler_white_linkpoint {
  background-color: white;
  border: 1px solid gray;
  border-radius: 5px;
}
.scheduler_white_linkpoint.scheduler_white_linkpoint_hover {
  background-color: black;
}
.scheduler_white_event.scheduler_white_event_version .scheduler_white_event_inner {
  background-color: #cfdde8;
  background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
  background-size: 20px 20px;
}
.scheduler_white_crosshair_vertical, .scheduler_white_crosshair_horizontal, .scheduler_white_crosshair_left, .scheduler_white_crosshair_top {
  background-color: gray;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.scheduler_white_link_dot { border-radius: 10px; background-color: red; }
.scheduler_white_task_milestone .scheduler_white_event_inner { position:absolute;top:16%;left:16%;right:16%;bottom:16%; background: #38761d; border: 0px none; transform: rotate(45deg); filter: none; }
.scheduler_white_event_left { white-space: nowrap; padding-top: 5px; color: #666; cursor: default; }
.scheduler_white_event_right { white-space: nowrap; padding-top: 5px; color: #666; cursor: default; }
.scheduler_white_selectionrectangle { background-color: #0000ff; border: 1px solid #000033; opacity: 0.4; }
.scheduler_white_link_shadow { border:1px solid black; }
.scheduler_white_link_shadow_circle { background-color:black; }
.scheduler_white_block { background-color: #808080; opacity: 0.5; }

/* Scheduler Blue */
.scheduler_blue_main {
    color: #000;
    font-family: -apple-system,system-ui,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
    font-size: 13px;
    border: 1px solid #999;
    background: #ffffff;
}
.scheduler_blue_event {
    font-size: 13px;
    color: #ffffff;
    text-shadow: 0px -1px 0px rgba(007,155,235,1), 0px 0px 0px rgba(000,000,000,0);
}
.scheduler_blue_event_inner {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    padding: 4px;
    background: #09b2ef;
    border-radius: 5px;
    border: 1px solid #079beb;
    box-shadow: 0px 0px 5px rgba(000,000,000,0.5), inset 0px 1px 0px rgba(072,211,246,1);
    display: flex; align-items: center;
}
.scheduler_blue_event_hover .scheduler_blue_event_inner {
    background: #5BC8EF;
}
.scheduler_blue_event .scheduler_blue_action:hover {
    opacity: 1;
    filter: none;
}
.scheduler_blue_message {
    opacity: 0.9;
    filter: alpha(opacity=90);
    padding: 10px;
    color: #fff;
    background: #045776;
    border-radius: 10px;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
}
.scheduler_blue_timeheadergroup,
.scheduler_blue_timeheadercol,
.scheduler_blue_rowheader,
.scheduler_blue_corner {
    color: #045776;
    background: #fff;
}
.scheduler_blue_timeheadergroup_inner {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    border-right: 1px solid #ddd;
    display: flex; align-items: center; justify-content: center;
}
.scheduler_blue_timeheadercol_inner {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    display: flex; align-items: center; justify-content: center;
}
.scheduler_blue_cellcolumn {
    background: #fff;
}


.scheduler_blue_tree_image_no_children {
}







.scheduler_blue_tree_image_no_children {
}

.scheduler_blue_tree_image_expand {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J00gMS41IDAuNSBMIDYuNSA1IEwgMS41IDkuNScgc3R5bGU9J2ZpbGw6bm9uZTtzdHJva2U6Izk5OTk5OTtzdHJva2Utd2lkdGg6MjtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLWxpbmVjYXA6YnV0dCcgLz48L3N2Zz4=);
}

.scheduler_blue_tree_image_collapse {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTAnIGhlaWdodD0nMTAnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTSAwLjUgMS41IEwgNSA2LjUgTCA5LjUgMS41JyBzdHlsZT0nZmlsbDpub25lO3N0cm9rZTojOTk5OTk5O3N0cm9rZS13aWR0aDoyO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbGluZWNhcDpidXR0JyAvPjwvc3ZnPg==);
}

.scheduler_blue_divider,
.scheduler_blue_splitter {
    background-color: #ccc;
}

.scheduler_blue_divider_horizontal {
    background-color: #ccc;
}

.scheduler_blue_matrix_vertical_line {
    background-color: #eee;
}

.scheduler_blue_matrix_vertical_break {
    background-color: #000;
}

.scheduler_blue_matrix_horizontal_line {
    background-color: #eee;
}

.scheduler_blue_resourcedivider {
    background-color: #ccc;
}

.scheduler_blue_rowheader_inner {
    padding: 7px;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    display: flex;
    align-items: center;
}

.scheduler_blue_shadow_inner {
    background-color: #666666;
    opacity: 0.5;
    height: 100%;
    border-radius: 5px;
}


.scheduler_blue_timeheader_float {
    display: flex;
    align-items: center;
    justify-content: center;
}

.scheduler_blue_timeheader_float_inner {
}

.scheduler_blue_event_float {
    display: flex;
    align-items: center;
}

.scheduler_blue_event_float_inner {
    padding: 4px 4px 4px 8px;
    position: relative;
}

    .scheduler_blue_event_float_inner:after {
        content: "";
        border-color: transparent #fff transparent transparent;
        border-style: solid;
        border-width: 5px;
        width: 0;
        height: 0;
        position: absolute;
        top: 6px;
        left: -4px;
    }

.scheduler_blue_event_move_left {
    box-sizing: border-box;
    padding: 2px;
    border: 1px solid #ccc;
    background: #fff;
    background: linear-gradient(to bottom, #ffffff 0%, #eeeeee);
}

.scheduler_blue_event_move_right {
    box-sizing: border-box;
    padding: 2px;
    border: 1px solid #ccc;
    background: #fff;
    background: linear-gradient(to bottom, #ffffff 0%, #eeeeee);
}

.scheduler_blue_event_delete {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAI5JREFUKFNtkLERgCAMRbmzdK8s4gAUlhYOYEHJEJYOYOEwDmGBPxC4kOPfvePy84MGR0RJ2N1A8H3N6DATwSQ57m2ql8NBG+AEM7D+UW+wjdfUPgerYNgB5gOLRHqhcasg84C2QxPMtrUhSqQIhg7ypy9VM2EUZPI/4rQ7rGxqo9sadTegw+UdjeDLAKUfhbaQUVPIfJYAAAAASUVORK5CYII=) center center no-repeat;
    opacity: 0.6;
    cursor: pointer;
}

    .scheduler_blue_event_delete:hover {
        opacity: 1;
        -ms-filter: none;
    }

.scheduler_blue_rowmove_handle {
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #ccc;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAKCAYAAACT+/8OAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAClJREFUGFdj+P//P4O9vX2Bg4NDP4gNFgBytgPxebgAMsYuQGMz/jMAAFsTZDPYJlDHAAAAAElFTkSuQmCC);
    cursor: move;
}

.scheduler_blue_rowmove_source {
    background-color: black;
    opacity: 0.2;
}

.scheduler_blue_rowmove_position_before, .scheduler_blue_rowmove_position_after {
    background-color: #999;
    height: 2px;
}

.scheduler_blue_rowmove_position_child {
    margin-left: 10px;
    background-color: #999;
    height: 2px;
}

    .scheduler_blue_rowmove_position_child:before {
        content: '+';
        color: #999;
        position: absolute;
        top: -8px;
        left: -10px;
    }

.scheduler_blue_rowmove_position_forbidden {
    background-color: red;
    height: 2px;
    margin-left: 10px;
}

    .scheduler_blue_rowmove_position_forbidden:before {
        content: 'x';
        color: red;
        position: absolute;
        top: -8px;
        left: -10px;
    }

.scheduler_blue_link_horizontal {
    border-bottom-style: solid;
    border-bottom-color: red
}

.scheduler_blue_link_vertical {
    border-right-style: solid;
    border-right-color: red
}

.scheduler_blue_link_arrow_right:before {
    content: '';
    border-width: 6px;
    border-color: transparent transparent transparent red;
    border-style: solid;
    width: 0px;
    height: 0px;
    position: absolute;
}

.scheduler_blue_link_arrow_left:before {
    content: '';
    border-width: 6px;
    border-color: transparent red transparent transparent;
    border-style: solid;
    width: 0px;
    height: 0px;
    position: absolute;
}

.scheduler_blue_link_arrow_down:before {
    content: '';
    border-width: 6px;
    border-color: red transparent transparent transparent;
    border-style: solid;
    width: 0px;
    height: 0px;
    position: absolute;
}

.scheduler_blue_shadow_overlap .scheduler_blue_shadow_inner {
    background-color: red;
}

.scheduler_blue_overlay {
    background-color: gray;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.scheduler_blue_event_group {
    box-sizing: border-box;
    font-size: 13px;
    color: #666;
    padding: 2px 2px 2px 2px;
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #fff;
}

.scheduler_blue_header_icon {
    box-sizing: border-box;
    border: 1px solid #ddd;
    background: #fff;
}

    .scheduler_blue_header_icon:hover {
        background-color: #ccc;
    }

.scheduler_blue_header_icon_hide:before {
    content: '\00AB';
}

.scheduler_blue_header_icon_show:before {
    content: '\00BB';
}

.scheduler_blue_rowheader.scheduler_blue_rowheader_selected {
    background-color: #aaa;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    background-size: 20px 20px;
}

.scheduler_blue_row_new .scheduler_blue_rowheader_inner {
    cursor: text;
    background-position: 0px 5px;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABUSURBVChTY0ACslAaK2CC0iCQDMSlECYmQFYIAl1AjFUxukIQwKoYm0IQwFCMSyEIaEJpMMClcD4Qp0CYEIBNIUzRPzAPCtAVYlWEDgyAGIdTGBgAbqEJYyjqa3oAAAAASUVORK5CYII=);
}

    .scheduler_blue_row_new .scheduler_blue_rowheader_inner:hover {
        background: white;
    }

.scheduler_blue_rowheader textarea {
    padding: 3px;
}

.scheduler_blue_rowheader_scroll {
    cursor: default;
}

.scheduler_blue_shadow_forbidden .scheduler_blue_shadow_inner {
    background-color: red;
}

.scheduler_blue_event_moving_source {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.scheduler_blue_linkpoint {
    background-color: white;
    border: 1px solid gray;
    border-radius: 5px;
}

    .scheduler_blue_linkpoint.scheduler_blue_linkpoint_hover {
        background-color: black;
    }

.scheduler_blue_event.scheduler_blue_event_version .scheduler_blue_event_inner {
    background-color: #cfdde8;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    background-size: 20px 20px;
}

.scheduler_blue_crosshair_vertical, .scheduler_blue_crosshair_horizontal, .scheduler_blue_crosshair_left, .scheduler_blue_crosshair_top {
    background-color: gray;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

.scheduler_blue_link_dot {
    border-radius: 10px;
    background-color: red;
}

.scheduler_blue_task_milestone .scheduler_blue_event_inner {
    position: absolute;
    top: 16%;
    left: 16%;
    right: 16%;
    bottom: 16%;
    background: #38761d;
    border: 0px none;
    transform: rotate(45deg);
    filter: none;
}

.scheduler_blue_event_left {
    white-space: nowrap;
    padding-top: 5px;
    color: #666;
    cursor: default;
}

.scheduler_blue_event_right {
    white-space: nowrap;
    padding-top: 5px;
    color: #666;
    cursor: default;
}

.scheduler_blue_selectionrectangle {
    background-color: #0000ff;
    border: 1px solid #000033;
    opacity: 0.4;
}

.scheduler_blue_link_shadow {
    border: 1px solid black;
}

.scheduler_blue_link_shadow_circle {
    background-color: black;
}

.scheduler_blue_block {
    background-color: #808080;
    opacity: 0.5;
}




.scheduler_green_main {
    font-family: -apple-system,system-ui,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
    font-size: 13px;
    border: 1px solid #999;
}

.scheduler_green_event {
    font-size: 13px;
    color: #fff;
}

.scheduler_green_event_inner {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    color: #ffffff;
    padding: 4px;
    background: #a2c200;
    background: linear-gradient(to bottom, #a2c200 0%, #8aaa00);
    border-radius: 5px;
    border: 1px solid #7cb316;
    box-shadow: 0px 2px 3px rgba(000,000,000,0.3), inset 0px 0px 2px rgba(255,255,255,0.8);
    display: flex;
    align-items: center;
}

.scheduler_green_event_bar {
    top: 3px;
    left: 4px;
    right: 4px;
    height: 2px;
    background-color: #C7D48D;
}

.scheduler_green_event_bar_inner {
    position: absolute;
    height: 2px;
    background-color: #6E8700;
}

.scheduler_green_event_hover .scheduler_green_event_inner {
    background: #a8dc18;
    background: linear-gradient(to bottom, #a8dc18 0%, #8fc300);
}

/* .scheduler_green_red is an example custom class that can be applied using BeforeEventRender handler */
.scheduler_green_red .scheduler_green_event_inner {
    border: 1px solid #c00004;
    background: #ab0000;
    background: linear-gradient(to bottom, #ff2819 0%, #ab0000);
}


.scheduler_green_timeheader {
    cursor: default;
    color: #666;
}

.scheduler_green_message {
    padding: 10px;
    opacity: 0.9;
    filter: alpha(opacity=90);
    color: #ffffff;
    text-shadow: 0px -1px 1px rgba(000,000,000,0.2), 0px 1px 0px rgba(255,255,255,0.3);
    background: #000;
    background: linear-gradient(to bottom, #999999 0%, #666666);
}

.scheduler_green_timeheadergroup,
.scheduler_green_timeheadercol {
    color: #ffffff;
    text-shadow: 0px -1px 1px rgba(000,000,000,0.2), 0px 1px 0px rgba(255,255,255,0.3);
}

.scheduler_green_timeheadergroup_inner {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    border-right: 1px solid #999;
    padding: 2px;
    background: #666;
    background: linear-gradient(to bottom, #777777 0%, #666666);
    display: flex;
    align-items: center;
    justify-content: center;
}

.scheduler_green_timeheadercol_inner {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    border-right: 1px solid #999;
    border-top: 1px solid #999;
    padding: 2px;
    background: #666;
    background: linear-gradient(to bottom, #777777 0%, #666666);
    display: flex;
    align-items: center;
    justify-content: center;
}

.scheduler_green_rowheader {
    color: #ffffff;
    text-shadow: 0px -1px 1px rgba(000,000,000,0.2), 0px 1px 0px rgba(255,255,255,0.3);
    background: #666;
    background: linear-gradient(to right, #777777 0%, #666666);
}

.scheduler_green_rowheader_inner {
    padding: 7px;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    display: flex;
    align-items: center;
}

.scheduler_green_corner {
    color: #ffffff;
    background: #666;
    background: linear-gradient(to right, #777777 0%, #666666);
}

.scheduler_green_resourceheader td {
    border-bottom: 1px solid black;
    padding: 0px;
}

.scheduler_green_tree_image_no_children {
}

.scheduler_green_tree_image_expand {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J00gMS41IDAuNSBMIDYuNSA1IEwgMS41IDkuNScgc3R5bGU9J2ZpbGw6bm9uZTtzdHJva2U6Izk5OTk5OTtzdHJva2Utd2lkdGg6MjtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLWxpbmVjYXA6YnV0dCcgLz48L3N2Zz4=);
}

.scheduler_green_tree_image_collapse {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTAnIGhlaWdodD0nMTAnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTSAwLjUgMS41IEwgNSA2LjUgTCA5LjUgMS41JyBzdHlsZT0nZmlsbDpub25lO3N0cm9rZTojOTk5OTk5O3N0cm9rZS13aWR0aDoyO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbGluZWNhcDpidXR0JyAvPjwvc3ZnPg==);
}

.scheduler_green_divider,
.scheduler_green_splitter {
    background-color: #ccc;
}

.scheduler_green_divider_horizontal {
    background-color: #ccc;
}

.scheduler_green_matrix_vertical_line {
    background-color: #eee;
}

.scheduler_green_matrix_vertical_break {
    background-color: #000;
}

.scheduler_green_matrix_horizontal_line {
    background-color: #eee;
}

.scheduler_green_resourcedivider {
    background-color: #ccc;
}

.scheduler_green_shadow_inner {
    background-color: #666666;
    opacity: 0.5;
    filter: alpha(opacity=50);
    height: 100%;
    border-radius: 5px;
}

.scheduler_green_cellweekend {
    background-color: #f0f0f0;
}

.scheduler_green_timeheader_float {
    display: flex;
    align-items: center;
    justify-content: center;
}

.scheduler_green_timeheader_float_inner {
    padding: 3px;
}

.scheduler_green_event_float {
    display: flex;
    align-items: center;
}

.scheduler_green_event_float_inner {
    padding: 4px;
    padding-left: 8px;
    position: relative;
}

    .scheduler_green_event_float_inner:after {
        content: "";
        border-color: transparent #fff transparent transparent;
        border-style: solid;
        border-width: 5px;
        width: 0;
        height: 0;
        position: absolute;
        top: 7px;
        left: -4px;
    }

.scheduler_green_event_move_left {
    box-sizing: border-box;
    padding: 2px;
    border: 1px solid #ccc;
    background: #fff;
    background: linear-gradient(to bottom, #ffffff 0%, #eeeeee);
}

.scheduler_green_event_move_right {
    box-sizing: border-box;
    padding: 2px;
    border: 1px solid #ccc;
    background: #fff;
    background: linear-gradient(to bottom, #ffffff 0%, #eeeeee);
}

.scheduler_green_event_delete {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAI5JREFUKFNtkLERgCAMRbmzdK8s4gAUlhYOYEHJEJYOYOEwDmGBPxC4kOPfvePy84MGR0RJ2N1A8H3N6DATwSQ57m2ql8NBG+AEM7D+UW+wjdfUPgerYNgB5gOLRHqhcasg84C2QxPMtrUhSqQIhg7ypy9VM2EUZPI/4rQ7rGxqo9sadTegw+UdjeDLAKUfhbaQUVPIfJYAAAAASUVORK5CYII=) center center no-repeat;
    opacity: 0.6;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';
    cursor: pointer;
}

    .scheduler_green_event_delete:hover {
        opacity: 1;
        -ms-filter: none;
    }

.scheduler_green_rowmove_handle {
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #ccc;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAKCAYAAACT+/8OAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAClJREFUGFdj+P//P4O9vX2Bg4NDP4gNFgBytgPxebgAMsYuQGMz/jMAAFsTZDPYJlDHAAAAAElFTkSuQmCC);
    cursor: move;
}

.scheduler_green_rowmove_source {
    background-color: black;
    opacity: 0.2;
}

.scheduler_green_rowmove_position_before, .scheduler_green_rowmove_position_after {
    background-color: #999;
    height: 2px;
}

.scheduler_green_rowmove_position_child {
    margin-left: 10px;
    background-color: #999;
    height: 2px;
}

    .scheduler_green_rowmove_position_child:before {
        content: '+';
        color: #999;
        position: absolute;
        top: -8px;
        left: -10px;
    }

.scheduler_green_rowmove_position_forbidden {
    background-color: red;
    height: 2px;
    margin-left: 10px;
}

    .scheduler_green_rowmove_position_forbidden:before {
        content: 'x';
        color: red;
        position: absolute;
        top: -8px;
        left: -10px;
    }

.scheduler_green_link_horizontal {
    border-bottom-style: solid;
    border-bottom-color: red
}

.scheduler_green_link_vertical {
    border-right-style: solid;
    border-right-color: red
}

.scheduler_green_link_arrow_right:before {
    content: '';
    border-width: 6px;
    border-color: transparent transparent transparent red;
    border-style: solid;
    width: 0px;
    height: 0px;
    position: absolute;
}

.scheduler_green_link_arrow_left:before {
    content: '';
    border-width: 6px;
    border-color: transparent red transparent transparent;
    border-style: solid;
    width: 0px;
    height: 0px;
    position: absolute;
}

.scheduler_green_link_arrow_down:before {
    content: '';
    border-width: 6px;
    border-color: red transparent transparent transparent;
    border-style: solid;
    width: 0px;
    height: 0px;
    position: absolute;
}

.scheduler_green_shadow_overlap .scheduler_green_shadow_inner {
    background-color: red;
}

.scheduler_green_overlay {
    background-color: gray;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.scheduler_green_event_group {
    box-sizing: border-box;
    font-size: 13px;
    color: #666;
    padding: 2px 2px 2px 2px;
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #fff;
}

.scheduler_green_header_icon {
    box-sizing: border-box;
    border: 1px solid #999;
    color: #fff;
    background: #666;
    background: linear-gradient(to bottom, #777777 0%, #666666);
}

    .scheduler_green_header_icon:hover {
        background-color: #ccc;
    }

.scheduler_green_header_icon_hide:before {
    content: '\00AB';
}

.scheduler_green_header_icon_show:before {
    content: '\00BB';
}

.scheduler_green_rowheader.scheduler_green_rowheader_selected {
    background-color: #aaa;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    background-size: 20px 20px;
}

.scheduler_green_row_new .scheduler_green_rowheader_inner {
    cursor: text;
    background-position: 0px 5px;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABUSURBVChTY0ACslAaK2CC0iCQDMSlECYmQFYIAl1AjFUxukIQwKoYm0IQwFCMSyEIaEJpMMClcD4Qp0CYEIBNIUzRPzAPCtAVYlWEDgyAGIdTGBgAbqEJYyjqa3oAAAAASUVORK5CYII=);
}

    .scheduler_green_row_new .scheduler_green_rowheader_inner:hover {
        background: white;
    }

.scheduler_green_rowheader textarea {
    padding: 3px;
}

.scheduler_green_rowheader_scroll {
    cursor: default;
}

.scheduler_green_shadow_forbidden .scheduler_green_shadow_inner {
    background-color: red;
}

.scheduler_green_event_moving_source {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.scheduler_green_linkpoint {
    background-color: white;
    border: 1px solid gray;
    border-radius: 5px;
}

    .scheduler_green_linkpoint.scheduler_green_linkpoint_hover {
        background-color: black;
    }

.scheduler_green_event.scheduler_green_event_version .scheduler_green_event_inner {
    background-color: #cfdde8;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    background-size: 20px 20px;
}

.scheduler_green_crosshair_vertical, .scheduler_green_crosshair_horizontal, .scheduler_green_crosshair_left, .scheduler_green_crosshair_top {
    background-color: gray;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

.scheduler_green_link_dot {
    border-radius: 10px;
    background-color: red;
}

.scheduler_green_task_milestone .scheduler_green_event_inner {
    position: absolute;
    top: 16%;
    left: 16%;
    right: 16%;
    bottom: 16%;
    background: #38761d;
    border: 0px none;
    transform: rotate(45deg);
    filter: none;
}

.scheduler_green_event_left {
    white-space: nowrap;
    padding-top: 5px;
    color: #666;
    cursor: default;
}

.scheduler_green_event_right {
    white-space: nowrap;
    padding-top: 5px;
    color: #666;
    cursor: default;
}

.scheduler_green_selectionrectangle {
    background-color: #0000ff;
    border: 1px solid #000033;
    opacity: 0.4;
}

.scheduler_green_link_shadow {
    border: 1px solid black;
}

.scheduler_green_link_shadow_circle {
    background-color: black;
}

.scheduler_green_block {
    background-color: #808080;
    opacity: 0.5;
}

.scheduler_green_columnheader_cell_inner {
    position: absolute;
    inset: 0;
    padding: 2px;
    display: flex;
    align-items: center;
    font-weight: bold;
}







/*
DayPilot Scheduler Theme
https://themes.daypilot.org/scheduler/theme/cp4cbd
Theme Designer Version: 2018.09.18.77420
*/
.scheduler_traditional_main {
    border: 1px solid #999999;
}

    .scheduler_traditional_main, .scheduler_traditional_main td {
        font-family: -apple-system,system-ui,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
        font-size: 13px;
    }

.scheduler_traditional_event {
}

.scheduler_traditional_event {
    color: #333333;
}

.scheduler_traditional_event_inner {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: 0px;
    overflow: hidden;
    background-color: #ffffff;
    background: linear-gradient(to bottom, #ffffff 0%, #f2f2f2);
    padding: 2px;
    border: 1px solid #999999;
    display: flex;
    align-items: center;
}

.scheduler_traditional_timeheadergroup,
.scheduler_traditional_timeheadercol {
    color: #333333;
    background: #ece9d8;
    background: linear-gradient(to bottom, #efecde 0%, #e9e6d2);
}

.scheduler_traditional_rowheader,
.scheduler_traditional_corner {
    color: #333333;
    background: #ece9d8;
    background: linear-gradient(to right, #efecde 0%, #e9e6d2);
}

.scheduler_traditional_rowheader_inner {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    padding: 7px;
    display: flex;
    align-items: center;
}

.scheduler_traditional_timeheadergroup,
.scheduler_traditional_timeheadercol {
}

.scheduler_traditional_timeheadergroup_inner,
.scheduler_traditional_timeheadercol_inner {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    border-right: 1px solid #999999;
    padding: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.scheduler_traditional_timeheadergroup_inner {
    border-bottom: 1px solid #999999;
}

.scheduler_traditional_divider,
.scheduler_traditional_splitter,
.scheduler_traditional_divider_horizontal,
.scheduler_traditional_resourcedivider {
    background-color: #999999;
}

.scheduler_traditional_matrix_vertical_line,
.scheduler_traditional_matrix_horizontal_line {
    background-color: #ead098;
}

.scheduler_traditional_cell {
    background: #fff4bc;
}

    .scheduler_traditional_cell.scheduler_traditional_cell_business {
        background: #ffffd5;
    }

.scheduler_traditional_message {
    padding: 10px;
    opacity: 0.9;
    filter: alpha(opacity=90);
    color: #ffffff;
    background: #777777;
    background: linear-gradient(to bottom, #838383 0%, #6b6b6b);
}

.scheduler_traditional_shadow_inner {
    background-color: #666666;
    opacity: 0.5;
    filter: alpha(opacity=50);
    height: 100%;
}

.scheduler_traditional_event_bar {
    top: 1px;
    left: 1px;
    right: 1px;
    height: 3px;
    background-color: #ffffff;
    border-bottom: 1px solid #999999;
}

.scheduler_traditional_event_bar_inner {
    position: absolute;
    height: 3px;
    background-color: #2d5de0;
}

.scheduler_traditional_matrix_vertical_break {
    background-color: #000;
}

.scheduler_traditional_cellparent {
}

.scheduler_traditional_tree_image_no_children {
}

.scheduler_traditional_tree_image_expand {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J00gMS41IDAuNSBMIDYuNSA1IEwgMS41IDkuNScgc3R5bGU9J2ZpbGw6bm9uZTtzdHJva2U6Izk5OTk5OTtzdHJva2Utd2lkdGg6MjtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLWxpbmVjYXA6YnV0dCcgLz48L3N2Zz4=);
}

.scheduler_traditional_tree_image_collapse {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTAnIGhlaWdodD0nMTAnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTSAwLjUgMS41IEwgNSA2LjUgTCA5LjUgMS41JyBzdHlsZT0nZmlsbDpub25lO3N0cm9rZTojOTk5OTk5O3N0cm9rZS13aWR0aDoyO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbGluZWNhcDpidXR0JyAvPjwvc3ZnPg==);
}

.scheduler_traditional_columnheader {
}

.scheduler_traditional_columnheader_inner {
    font-weight: bold;
}

.scheduler_traditional_columnheader_cell {
    background: linear-gradient(to right, #eeeeee 0%, #dddddd);
}

.scheduler_traditional_columnheader_splitter {
    background-color: #666;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.scheduler_traditional_columnheader_cell_inner {
    padding: 2px;
}

.scheduler_traditional_timeheader_float {
    display: flex;
    align-items: center;
    justify-content: center;
}

.scheduler_traditional_timeheader_float_inner {
    padding: 2px;
}

.scheduler_traditional_event_float {
    display: flex;
    align-items: center;
}

.scheduler_traditional_event_float_inner {
    padding: 6px 2px 2px 7px;
    padding-left: 9px;
    /*top: -2px;*/
    position: relative;
}

    .scheduler_traditional_event_float_inner:after {
        content: "";
        border-color: transparent #333333 transparent transparent;
        border-style: solid;
        border-width: 5px;
        width: 0;
        height: 0;
        position: absolute;
        top: 8px;
        left: -4px;
    }

.scheduler_traditional_event_move_left {
    box-sizing: border-box;
    padding: 2px;
    border: 1px solid #ccc;
    background: #fff;
    background: linear-gradient(to bottom, #ffffff 0%, #eeeeee);
}

.scheduler_traditional_event_move_right {
    box-sizing: border-box;
    padding: 2px;
    border: 1px solid #ccc;
    background: #fff;
    background: linear-gradient(to bottom, #ffffff 0%, #eeeeee);
}

.scheduler_traditional_event_delete {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAI5JREFUKFNtkLERgCAMRbmzdK8s4gAUlhYOYEHJEJYOYOEwDmGBPxC4kOPfvePy84MGR0RJ2N1A8H3N6DATwSQ57m2ql8NBG+AEM7D+UW+wjdfUPgerYNgB5gOLRHqhcasg84C2QxPMtrUhSqQIhg7ypy9VM2EUZPI/4rQ7rGxqo9sadTegw+UdjeDLAKUfhbaQUVPIfJYAAAAASUVORK5CYII=) center center no-repeat;
    opacity: 0.6;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';
    cursor: pointer;
    opacity: 0.6;
}

    .scheduler_traditional_event_delete:hover {
        opacity: 1;
        -ms-filter: none;
    }

.scheduler_traditional_rowmove_handle {
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #ccc;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAKCAYAAACT+/8OAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAClJREFUGFdj+P//P4O9vX2Bg4NDP4gNFgBytgPxebgAMsYuQGMz/jMAAFsTZDPYJlDHAAAAAElFTkSuQmCC);
    cursor: move;
}

.scheduler_traditional_rowmove_source {
    background-color: black;
    opacity: 0.2;
}

.scheduler_traditional_rowmove_position_before, .scheduler_traditional_rowmove_position_after {
    background-color: #999;
    height: 2px;
}

.scheduler_traditional_rowmove_position_child {
    margin-left: 10px;
    background-color: #999;
    height: 2px;
}

    .scheduler_traditional_rowmove_position_child:before {
        content: '+';
        color: #999;
        position: absolute;
        top: -8px;
        left: -10px;
    }

.scheduler_traditional_rowmove_position_forbidden {
    background-color: red;
    height: 2px;
    margin-left: 10px;
}

    .scheduler_traditional_rowmove_position_forbidden:before {
        content: 'x';
        color: red;
        position: absolute;
        top: -8px;
        left: -10px;
    }

.scheduler_traditional_link_horizontal {
    border-bottom-style: solid;
    border-bottom-color: red
}

.scheduler_traditional_link_vertical {
    border-right-style: solid;
    border-right-color: red
}

.scheduler_traditional_link_arrow_right:before {
    content: '';
    border-width: 6px;
    border-color: transparent transparent transparent red;
    border-style: solid;
    width: 0px;
    height: 0px;
    position: absolute;
}

.scheduler_traditional_link_arrow_left:before {
    content: '';
    border-width: 6px;
    border-color: transparent red transparent transparent;
    border-style: solid;
    width: 0px;
    height: 0px;
    position: absolute;
}

.scheduler_traditional_link_arrow_down:before {
    content: '';
    border-width: 6px;
    border-color: red transparent transparent transparent;
    border-style: solid;
    width: 0px;
    height: 0px;
    position: absolute;
}

.scheduler_traditional_link_arrow_up:before {
    content: '';
    border-width: 6px;
    border-color: transparent transparent red transparent;
    border-style: solid;
    width: 0px;
    height: 0px;
    position: absolute;
}

.scheduler_traditional_shadow_overlap .scheduler_traditional_shadow_inner {
    background-color: red;
}

.scheduler_traditional_overlay {
    background-color: gray;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.scheduler_traditional_event_group {
    box-sizing: border-box;
    font-size: 13px;
    color: #666;
    padding: 2px 2px 2px 2px;
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #fff;
}

.scheduler_traditional_header_icon {
    box-sizing: border-box;
    border: 1px solid #999999;
    background-color: #ece9d8;
    color: #333333;
}

    .scheduler_traditional_header_icon:hover {
        background-color: #e9e6d2;
    }

.scheduler_traditional_header_icon_hide:before {
    content: '\00AB';
}

.scheduler_traditional_header_icon_show:before {
    content: '\00BB';
}

.scheduler_traditional_rowheader.scheduler_traditional_rowheader_selected {
    background-color: #aaa;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    background-size: 20px 20px;
}

.scheduler_traditional_row_new .scheduler_traditional_rowheader_inner {
    cursor: text;
    background-position: 0px 5px;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABUSURBVChTY0ACslAaK2CC0iCQDMSlECYmQFYIAl1AjFUxukIQwKoYm0IQwFCMSyEIaEJpMMClcD4Qp0CYEIBNIUzRPzAPCtAVYlWEDgyAGIdTGBgAbqEJYyjqa3oAAAAASUVORK5CYII=);
}

    .scheduler_traditional_row_new .scheduler_traditional_rowheader_inner:hover {
        background: white;
    }

.scheduler_traditional_rowheader textarea {
    padding: 3px;
}

.scheduler_traditional_rowheader_scroll {
    cursor: default;
}

.scheduler_traditional_shadow_forbidden .scheduler_traditional_shadow_inner {
    background-color: red;
}

.scheduler_traditional_event_moving_source {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.scheduler_traditional_linkpoint {
    background-color: white;
    border: 1px solid gray;
    border-radius: 5px;
}

    .scheduler_traditional_linkpoint.scheduler_traditional_linkpoint_hover {
        background-color: black;
    }

.scheduler_traditional_event.scheduler_traditional_event_version .scheduler_traditional_event_inner {
    background-color: #cfdde8;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    background-size: 20px 20px;
}

.scheduler_traditional_crosshair_vertical, .scheduler_traditional_crosshair_horizontal, .scheduler_traditional_crosshair_left, .scheduler_traditional_crosshair_top {
    background-color: gray;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

.scheduler_traditional_link_dot {
    border-radius: 10px;
    background-color: red;
}

.scheduler_traditional_task_milestone .scheduler_traditional_event_inner {
    position: absolute;
    top: 16%;
    left: 16%;
    right: 16%;
    bottom: 16%;
    background: #38761d;
    border: 0px none;
    transform: rotate(45deg);
    filter: none;
}

.scheduler_traditional_event_left {
    white-space: nowrap;
    padding-top: 5px;
    color: #666;
    cursor: default;
}

.scheduler_traditional_event_right {
    white-space: nowrap;
    padding-top: 5px;
    color: #666;
    cursor: default;
}

.scheduler_traditional_selectionrectangle {
    background-color: #0000ff;
    border: 1px solid #000033;
    opacity: 0.4;
}

.scheduler_traditional_link_shadow {
    border: 1px solid black;
}

.scheduler_traditional_link_shadow_circle {
    background-color: black;
}

.scheduler_traditional_block {
    background-color: #808080;
    opacity: 0.5;
}




.scheduler_transparent_main {
    font-family: -apple-system,system-ui,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
    font-size: 13px;
    border: 1px solid #c0c0c0;
}

.scheduler_transparent_event {
    opacity: 0.7;
    filter: alpha(opacity=70);
    font-size: 13px;
    color: #000;
}

.scheduler_transparent_event_inner {
    padding: 6px 4px 4px 4px;
    overflow: hidden;
    position: absolute;
    top: 0px;
    bottom: 1px;
    left: 0px;
    right: 0px;
    background: #47afff;
    border: 1px solid #1066a8;
    display: flex;
    align-items: center;
}

.scheduler_transparent_event_hover .scheduler_transparent_event_inner {
}

.scheduler_transparent_event .scheduler_transparent_action:hover {
    opacity: 1;
    filter: none;
}

.scheduler_transparent_selected .scheduler_transparent_event_inner {
    background: #ddd;
}

.scheduler_transparent_timeheader {
    cursor: default;
    /*color: #333;*/
}

.scheduler_transparent_message {
    opacity: 0.7;
    filter: alpha(opacity=70);
    padding: 10px;
    color: #eeeeee;
    background: #333;
}

.scheduler_transparent_timeheadergroup,
.scheduler_transparent_timeheadercol {
    color: #333;
    background: #eeeeee;
    background: linear-gradient(to bottom, #f3f3f3 0%, #e9e9e9);
}

.scheduler_transparent_rowheader,
.scheduler_transparent_corner {
    color: #333;
    background: #eeeeee;
    background: linear-gradient(to right, #f3f3f3 0%, #e9e9e9);
}

.scheduler_transparent_rowheader_inner {
    padding: 7px;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    display: flex;
    align-items: center;
}

.scheduler_transparent_timeheadergroup_inner {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    text-align: center;
    border-right: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.scheduler_transparent_timeheadercol_inner {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    border-right: 1px solid #c0c0c0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.scheduler_transparent_cellcolumn {
    background: #fff;
}

.scheduler_transparent_cellparent {
    background-color: #f8f8f8;
}

.scheduler_transparent_tree_image_no_children {
}

.scheduler_transparent_tree_image_expand {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J00gMS41IDAuNSBMIDYuNSA1IEwgMS41IDkuNScgc3R5bGU9J2ZpbGw6bm9uZTtzdHJva2U6Izk5OTk5OTtzdHJva2Utd2lkdGg6MjtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLWxpbmVjYXA6YnV0dCcgLz48L3N2Zz4=);
}

.scheduler_transparent_tree_image_collapse {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTAnIGhlaWdodD0nMTAnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTSAwLjUgMS41IEwgNSA2LjUgTCA5LjUgMS41JyBzdHlsZT0nZmlsbDpub25lO3N0cm9rZTojOTk5OTk5O3N0cm9rZS13aWR0aDoyO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbGluZWNhcDpidXR0JyAvPjwvc3ZnPg==);
}

.scheduler_transparent_divider,
.scheduler_transparent_splitter {
    background-color: #c0c0c0;
}

.scheduler_transparent_divider_horizontal {
    background-color: #c0c0c0;
}

.scheduler_transparent_matrix_vertical_line {
    background-color: #eee;
}

.scheduler_transparent_matrix_vertical_break {
    background-color: #000;
}

.scheduler_transparent_matrix_horizontal_line {
    background-color: #eee;
}

.scheduler_transparent_resourcedivider {
    background-color: #c0c0c0;
}

.scheduler_transparent_shadow_inner {
    background-color: #666666;
    opacity: 0.5;
    filter: alpha(opacity=50);
    height: 100%;
}

.scheduler_transparent_event_bar {
    top: 3px;
    left: 4px;
    right: 4px;
    height: 4px;
    background-color: #8bceff;
}

.scheduler_transparent_event_bar_inner {
    position: absolute;
    height: 4px;
    background-color: #1066a8;
}

.scheduler_transparent_timeheader_float {
    display: flex;
    align-items: center;
    justify-content: center;
}

.scheduler_transparent_timeheader_float_inner {
}

.scheduler_transparent_event_float {
    display: flex;
    align-items: center;
}

.scheduler_transparent_event_float_inner {
    padding: 5px 4px 4px 8px;
    position: relative;
}

    .scheduler_transparent_event_float_inner:after {
        content: "";
        border-color: transparent #1066a8 transparent transparent;
        border-style: solid;
        border-width: 5px;
        width: 0;
        height: 0;
        position: absolute;
        top: 7px;
        left: -4px;
    }

.scheduler_transparent_event_move_left {
    box-sizing: border-box;
    padding: 2px;
    border: 1px solid #ccc;
    background: #fff;
    background: linear-gradient(to bottom, #ffffff 0%, #eeeeee);
}

.scheduler_transparent_event_move_right {
    box-sizing: border-box;
    padding: 2px;
    border: 1px solid #ccc;
    background: #fff;
    background: linear-gradient(to bottom, #ffffff 0%, #eeeeee);
}

.scheduler_transparent_event_delete {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAI5JREFUKFNtkLERgCAMRbmzdK8s4gAUlhYOYEHJEJYOYOEwDmGBPxC4kOPfvePy84MGR0RJ2N1A8H3N6DATwSQ57m2ql8NBG+AEM7D+UW+wjdfUPgerYNgB5gOLRHqhcasg84C2QxPMtrUhSqQIhg7ypy9VM2EUZPI/4rQ7rGxqo9sadTegw+UdjeDLAKUfhbaQUVPIfJYAAAAASUVORK5CYII=) center center no-repeat;
    opacity: 0.6;
    cursor: pointer;
}

    .scheduler_transparent_event_delete:hover {
        opacity: 1;
    }

.scheduler_transparent_rowmove_handle {
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #ccc;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAKCAYAAACT+/8OAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAClJREFUGFdj+P//P4O9vX2Bg4NDP4gNFgBytgPxebgAMsYuQGMz/jMAAFsTZDPYJlDHAAAAAElFTkSuQmCC);
    cursor: move;
}

.scheduler_transparent_rowmove_source {
    background-color: black;
    opacity: 0.2;
}

.scheduler_transparent_rowmove_position_before, .scheduler_transparent_rowmove_position_after {
    background-color: #999;
    height: 2px;
}

.scheduler_transparent_rowmove_position_child {
    margin-left: 10px;
    background-color: #999;
    height: 2px;
}

    .scheduler_transparent_rowmove_position_child:before {
        content: '+';
        color: #999;
        position: absolute;
        top: -8px;
        left: -10px;
    }

.scheduler_transparent_rowmove_position_forbidden {
    background-color: red;
    height: 2px;
    margin-left: 10px;
}

    .scheduler_transparent_rowmove_position_forbidden:before {
        content: 'x';
        color: red;
        position: absolute;
        top: -8px;
        left: -10px;
    }

.scheduler_transparent_link_horizontal {
    border-bottom-style: solid;
    border-bottom-color: red
}

.scheduler_transparent_link_vertical {
    border-right-style: solid;
    border-right-color: red
}

.scheduler_transparent_link_arrow_right:before {
    content: '';
    border-width: 6px;
    border-color: transparent transparent transparent red;
    border-style: solid;
    width: 0px;
    height: 0px;
    position: absolute;
}

.scheduler_transparent_link_arrow_left:before {
    content: '';
    border-width: 6px;
    border-color: transparent red transparent transparent;
    border-style: solid;
    width: 0px;
    height: 0px;
    position: absolute;
}

.scheduler_transparent_link_arrow_down:before {
    content: '';
    border-width: 6px;
    border-color: red transparent transparent transparent;
    border-style: solid;
    width: 0px;
    height: 0px;
    position: absolute;
}

.scheduler_transparent_shadow_overlap .scheduler_transparent_shadow_inner {
    background-color: red;
}

.scheduler_transparent_overlay {
    background-color: gray;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.scheduler_transparent_event_group {
    box-sizing: border-box;
    font-size: 13px;
    color: #666;
    padding: 2px 2px 2px 2px;
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #fff;
}

.scheduler_transparent_header_icon {
    box-sizing: border-box;
    border: 1px solid #aaa;
    background-color: #f5f5f5;
    color: #000;
}

    .scheduler_transparent_header_icon:hover {
        background-color: #ccc;
    }

.scheduler_transparent_header_icon_hide:before {
    content: '\00AB';
}

.scheduler_transparent_header_icon_show:before {
    content: '\00BB';
}

.scheduler_transparent_rowheader.scheduler_transparent_rowheader_selected {
    background-color: #aaa;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    background-size: 20px 20px;
}

.scheduler_transparent_row_new .scheduler_transparent_rowheader_inner {
    cursor: text;
    background-position: 0px 5px;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABUSURBVChTY0ACslAaK2CC0iCQDMSlECYmQFYIAl1AjFUxukIQwKoYm0IQwFCMSyEIaEJpMMClcD4Qp0CYEIBNIUzRPzAPCtAVYlWEDgyAGIdTGBgAbqEJYyjqa3oAAAAASUVORK5CYII=);
}

    .scheduler_transparent_row_new .scheduler_transparent_rowheader_inner:hover {
        background: white;
    }

.scheduler_transparent_rowheader textarea {
    padding: 3px;
}

.scheduler_transparent_rowheader_scroll {
    cursor: default;
}

.scheduler_transparent_shadow_forbidden .scheduler_transparent_shadow_inner {
    background-color: red;
}

.scheduler_transparent_event_moving_source {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.scheduler_transparent_linkpoint {
    background-color: white;
    border: 1px solid gray;
    border-radius: 5px;
}

    .scheduler_transparent_linkpoint.scheduler_transparent_linkpoint_hover {
        background-color: black;
    }

.scheduler_transparent_event.scheduler_transparent_event_version .scheduler_transparent_event_inner {
    background-color: #cfdde8;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    background-size: 20px 20px;
}

.scheduler_transparent_crosshair_vertical, .scheduler_transparent_crosshair_horizontal, .scheduler_transparent_crosshair_left, .scheduler_transparent_crosshair_top {
    background-color: gray;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

.scheduler_transparent_link_dot {
    border-radius: 10px;
    background-color: red;
}

.scheduler_transparent_task_milestone .scheduler_transparent_event_inner {
    position: absolute;
    top: 16%;
    left: 16%;
    right: 16%;
    bottom: 16%;
    background: #38761d;
    border: 0px none;
    transform: rotate(45deg);
    filter: none;
}

.scheduler_transparent_event_left {
    white-space: nowrap;
    padding-top: 5px;
    color: #666;
    cursor: default;
}

.scheduler_transparent_event_right {
    white-space: nowrap;
    padding-top: 5px;
    color: #666;
    cursor: default;
}

.scheduler_transparent_selectionrectangle {
    background-color: #0000ff;
    border: 1px solid #000033;
    opacity: 0.4;
}

.scheduler_transparent_link_shadow {
    border: 1px solid black;
}

.scheduler_transparent_link_shadow_circle {
    background-color: black;
}

.scheduler_transparent_block {
    background-color: #808080;
    opacity: 0.5;
}


.scheduler_white_main {
    border: 1px solid #c0c0c0;
    font-family: -apple-system,system-ui,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
    font-size: 13px;
}

.scheduler_white_event {
    color: #666;
}

.scheduler_white_event_inner {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 4px;
    padding: 4px;
    overflow: hidden;
    display: flex;
    align-items: center;
    border: 1px solid #999;
    border-radius: 5px;
    -webkit-box-shadow: 0px 2px 3px rgba(000, 000, 000, 0.3), inset 0px 0px 2px rgba(255, 255, 255, 0.8);
    box-shadow: 0px 2px 3px rgba(000, 000, 000, 0.3), inset 0px 0px 2px rgba(255, 255, 255, 0.8);
    background: #fff;
    background: linear-gradient(to bottom, #ffffff 0%, #eeeeee);
}

.scheduler_white_event_hover .scheduler_white_event_inner {
}

.scheduler_white_event_continueright .scheduler_white_event_inner {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-right-style: dotted;
}

.scheduler_white_event_continueleft .scheduler_white_event_inner {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-left-style: dotted;
}

.scheduler_white_event .scheduler_white_action:hover {
    opacity: 1;
    filter: none;
}

.scheduler_white_selected .scheduler_white_event_inner {
    background: #ddd;
}

.scheduler_white_red .scheduler_white_event_inner {
    border: 1px solid #c00004;
    background: #ab0000;
    background: linear-gradient(to bottom, #ff2819 0%, #ab0000);
}

.scheduler_white_timeheader {
    cursor: default;
    color: #666;
}

.scheduler_white_message {
    opacity: 0.9;
    filter: alpha(opacity=90);
    padding: 10px;
    color: #ffffff;
    background: #ffa216;
    background: linear-gradient(to bottom, #ffa216 0%, #ff8400);
}

.scheduler_white_timeheadergroup,
.scheduler_white_timeheadercol {
    text-align: center;
    color: #333;
    background: #f0f0f0;
    background: linear-gradient(to bottom, #f9f9f9 0%, #f0f0f0);
}

.scheduler_white_rowheader,
.scheduler_white_corner {
    color: #333;
    background: #f0f0f0;
    background: linear-gradient(to right, #f9f9f9 0%, #f0f0f0);
    zoom: 1;
}

.scheduler_white_rowheader_inner {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    display: flex;
    align-items: center;
    border-right: 1px solid #c0c0c0;
    padding: 7px;
}

.scheduler_white_timeheadergroup_inner {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
}

.scheduler_white_timeheadercol_inner {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #c0c0c0;
}

.scheduler_white_cellcolumn {
    background: #fff;
}

.scheduler_white_tree_image_no_children {
}

.scheduler_white_tree_image_expand {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J00gMS41IDAuNSBMIDYuNSA1IEwgMS41IDkuNScgc3R5bGU9J2ZpbGw6bm9uZTtzdHJva2U6Izk5OTk5OTtzdHJva2Utd2lkdGg6MjtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLWxpbmVjYXA6YnV0dCcgLz48L3N2Zz4=);
}

.scheduler_white_tree_image_collapse {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTAnIGhlaWdodD0nMTAnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTSAwLjUgMS41IEwgNSA2LjUgTCA5LjUgMS41JyBzdHlsZT0nZmlsbDpub25lO3N0cm9rZTojOTk5OTk5O3N0cm9rZS13aWR0aDoyO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbGluZWNhcDpidXR0JyAvPjwvc3ZnPg==);
}

.scheduler_white_divider,
.scheduler_white_splitter {
    background-color: #c0c0c0;
}

.scheduler_white_divider_horizontal {
    background-color: #c0c0c0;
}

.scheduler_white_matrix_vertical_line {
    background-color: #eee;
}

.scheduler_white_matrix_vertical_break {
    background-color: #000;
}

.scheduler_white_matrix_horizontal_line {
    background-color: #eee;
}

.scheduler_white_resourcedivider {
    background-color: #c0c0c0;
}

.scheduler_white_shadow_inner {
    background-color: #666666;
    opacity: 0.5;
    filter: alpha(opacity=50);
    height: 100%;
    border-radius: 5px;
}

.scheduler_white_event_bar {
    top: 3px;
    left: 4px;
    right: 4px;
    height: 2px;
}

.scheduler_white_event_bar_inner {
    position: absolute;
    height: 2px;
    background-color: #999;
}

.scheduler_white_columnheader {
}

.scheduler_white_columnheader_inner {
    font-weight: bold;
}

.scheduler_white_columnheader_cell {
    background: linear-gradient(to right, #eeeeee 0%, #dddddd);
}

.scheduler_white_columnheader_splitter {
    background-color: #666;
    opacity: 0.5;
}

.scheduler_white_columnheader_cell_inner {
    padding: 2px;
}

.scheduler_white_timeheader_float {
    display: flex;
    align-items: center;
    justify-content: center;
}

.scheduler_white_timeheader_float_inner {
}

.scheduler_white_event_float {
    display: flex;
    align-items: center;
}

.scheduler_white_event_float_inner {
    padding-left: 8px;
    top: -2px;
    position: relative;
}

    .scheduler_white_event_float_inner:after {
        content: "";
        border-color: transparent #999 transparent transparent;
        border-style: solid;
        border-width: 5px;
        width: 0;
        height: 0;
        position: absolute;
        top: 2px;
        left: -4px;
        /*margin-top: 2px;*/
    }

.scheduler_white_event_move_left {
    box-sizing: border-box;
    padding: 2px;
    border: 1px solid #ccc;
    background: #fff;
    background: linear-gradient(to bottom, #ffffff 0%, #eeeeee);
}

.scheduler_white_event_move_right {
    box-sizing: border-box;
    padding: 2px;
    border: 1px solid #ccc;
    background: #fff;
    background: linear-gradient(to bottom, #ffffff 0%, #eeeeee);
}

.scheduler_white_event_delete {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAI5JREFUKFNtkLERgCAMRbmzdK8s4gAUlhYOYEHJEJYOYOEwDmGBPxC4kOPfvePy84MGR0RJ2N1A8H3N6DATwSQ57m2ql8NBG+AEM7D+UW+wjdfUPgerYNgB5gOLRHqhcasg84C2QxPMtrUhSqQIhg7ypy9VM2EUZPI/4rQ7rGxqo9sadTegw+UdjeDLAKUfhbaQUVPIfJYAAAAASUVORK5CYII=) center center no-repeat;
    opacity: 0.6;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';
    cursor: pointer;
}

    .scheduler_white_event_delete:hover {
        opacity: 1;
        -ms-filter: none;
    }

.scheduler_white_rowmove_handle {
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #ccc;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAKCAYAAACT+/8OAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAClJREFUGFdj+P//P4O9vX2Bg4NDP4gNFgBytgPxebgAMsYuQGMz/jMAAFsTZDPYJlDHAAAAAElFTkSuQmCC);
    cursor: move;
}

.scheduler_white_rowmove_source {
    background-color: black;
    opacity: 0.2;
}

.scheduler_white_rowmove_position_before, .scheduler_white_rowmove_position_after {
    background-color: #999;
    height: 2px;
}

.scheduler_white_rowmove_position_child {
    margin-left: 10px;
    background-color: #999;
    height: 2px;
}

    .scheduler_white_rowmove_position_child:before {
        content: '+';
        color: #999;
        position: absolute;
        top: -8px;
        left: -10px;
    }

.scheduler_white_rowmove_position_forbidden {
    background-color: red;
    height: 2px;
    margin-left: 10px;
}

    .scheduler_white_rowmove_position_forbidden:before {
        content: 'x';
        color: red;
        position: absolute;
        top: -8px;
        left: -10px;
    }

.scheduler_white_link_horizontal {
    border-bottom-style: solid;
    border-bottom-color: red
}

.scheduler_white_link_vertical {
    border-right-style: solid;
    border-right-color: red
}

.scheduler_white_link_arrow_right:before {
    content: '';
    border-width: 6px;
    border-color: transparent transparent transparent red;
    border-style: solid;
    width: 0px;
    height: 0px;
    position: absolute;
}

.scheduler_white_link_arrow_left:before {
    content: '';
    border-width: 6px;
    border-color: transparent red transparent transparent;
    border-style: solid;
    width: 0px;
    height: 0px;
    position: absolute;
}

.scheduler_white_link_arrow_down:before {
    content: '';
    border-width: 6px;
    border-color: red transparent transparent transparent;
    border-style: solid;
    width: 0px;
    height: 0px;
    position: absolute;
}

.scheduler_white_shadow_overlap .scheduler_white_shadow_inner {
    background-color: red;
}

.scheduler_white_overlay {
    background-color: gray;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.scheduler_white_event_group {
    box-sizing: border-box;
    color: #666;
    padding: 2px 2px 2px 2px;
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #fff;
}

.scheduler_white_header_icon {
    box-sizing: border-box;
    border: 1px solid #aaa;
    background-color: #f5f5f5;
    color: #000;
}

    .scheduler_white_header_icon:hover {
        background-color: #ccc;
    }

.scheduler_white_header_icon_hide:before {
    content: '\00AB';
}

.scheduler_white_header_icon_show:before {
    content: '\00BB';
}

.scheduler_white_rowheader.scheduler_white_rowheader_selected {
    background-color: #aaa;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    background-size: 20px 20px;
}

.scheduler_white_row_new .scheduler_white_rowheader_inner {
    cursor: text;
    background-position: 0px 5px;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABUSURBVChTY0ACslAaK2CC0iCQDMSlECYmQFYIAl1AjFUxukIQwKoYm0IQwFCMSyEIaEJpMMClcD4Qp0CYEIBNIUzRPzAPCtAVYlWEDgyAGIdTGBgAbqEJYyjqa3oAAAAASUVORK5CYII=);
}

    .scheduler_white_row_new .scheduler_white_rowheader_inner:hover {
        background: white;
    }

.scheduler_white_rowheader textarea {
    padding: 3px;
}

.scheduler_white_rowheader_scroll {
    cursor: default;
}

.scheduler_white_shadow_forbidden .scheduler_white_shadow_inner {
    background-color: red;
}

.scheduler_white_event_moving_source {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.scheduler_white_linkpoint {
    background-color: white;
    border: 1px solid gray;
    border-radius: 5px;
}

    .scheduler_white_linkpoint.scheduler_white_linkpoint_hover {
        background-color: black;
    }

.scheduler_white_event.scheduler_white_event_version .scheduler_white_event_inner {
    background-color: #cfdde8;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    background-size: 20px 20px;
}

.scheduler_white_crosshair_vertical, .scheduler_white_crosshair_horizontal, .scheduler_white_crosshair_left, .scheduler_white_crosshair_top {
    background-color: gray;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

.scheduler_white_link_dot {
    border-radius: 10px;
    background-color: red;
}

.scheduler_white_task_milestone .scheduler_white_event_inner {
    position: absolute;
    top: 16%;
    left: 16%;
    right: 16%;
    bottom: 16%;
    background: #38761d;
    border: 0px none;
    transform: rotate(45deg);
    filter: none;
}

.scheduler_white_event_left {
    white-space: nowrap;
    padding-top: 5px;
    color: #666;
    cursor: default;
}

.scheduler_white_event_right {
    white-space: nowrap;
    padding-top: 5px;
    color: #666;
    cursor: default;
}

.scheduler_white_selectionrectangle {
    background-color: #0000ff;
    border: 1px solid #000033;
    opacity: 0.4;
}

.scheduler_white_link_shadow {
    border: 1px solid black;
}

.scheduler_white_link_shadow_circle {
    background-color: black;
}

.scheduler_white_block {
    background-color: #808080;
    opacity: 0.5;
}

/* calendar green */

.calendar_green_main {
    --color-header-background: #636363;
    --color-event-background: #47A477;
    --color-event-bar-background: transparent;
    --color-event-bar: #367c5a;
    --color-event-border: #41946d;
    --color-cell-background-business: #ffffff;
    --color-cell-background-nonbusiness: #f9f9f9;
}

.calendar_green_main {
    border: 1px solid #999;
    font-size: 13px;
}

.calendar_green_colheader {
}

.calendar_green_cornerright_inner {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    border-bottom: 1px solid #999;
    color: #ffffff;
    background: var(--color-header-background);
}

.calendar_green_rowheader_inner {
    font-size: 16pt;
    text-align: right;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    color: #ffffff;
    background: var(--color-header-background);
    padding-right: 4px;
}

.calendar_green_corner_inner {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    color: #ffffff;
    background: var(--color-header-background);
}

.calendar_green_rowheader_minutes {
    font-size: 10px;
    vertical-align: super;
    padding-left: 2px;
    padding-right: 2px;
}

.calendar_green_colheader_inner {
    text-align: center;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    color: #ffffff;
    background: var(--color-header-background);
    display: flex;
    align-items: center;
    justify-content: center;
}

.calendar_green_cell_inner {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background-color: var(--color-cell-background-nonbusiness);
}

.calendar_green_cell_business .calendar_green_cell_inner {
    background-color: var(--color-cell-background-business);
}

.calendar_green_alldayheader_inner {
    text-align: center;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    color: #ffffff;
    background-color: var(--color-header-background);
}

.calendar_green_message {
    padding: 10px;
    opacity: 0.9;
    color: #ffffff;
    background: #000;
    background: linear-gradient(to bottom, #999 0%, #666);
    text-shadow: 0px -1px 1px rgba(000, 000, 000, 0.2), 0px 1px 0px rgba(255, 255, 255, 0.3);
}

.calendar_green_alldayevent {
    border-radius: 15px; /* ie gradient + rounded corners problem */
    overflow: hidden;
}

.calendar_green_alldayevent_inner {
    position: absolute;
    overflow: hidden;
    top: 2px;
    bottom: 2px;
    left: 2px;
    right: 2px;
    padding: 4px;
    margin-right: 1px;
    font-size: 13px;
    color: #ffffff;
    background-color: var(--color-event-background);
    border-radius: 5px;
    border: 1px solid var(--color-event-border);
    display: flex;
    align-items: center;
}

.calendar_green_event {
    border-radius: 5px; /* ie gradient + rounded corners problem */
}

.calendar_green_event_inner {
    overflow: hidden;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin-right: 1px;
    font-size: 13px;
    padding: 2px 2px 2px 16px; /* make space for duration bar */
    color: #ffffff;
    background-color: var(--color-event-background);
    border-radius: 5px;
    border: 1px solid var(--color-event-border);
}

.calendar_green_event_bar {
    top: 0px;
    bottom: 0px;
    left: 0px;
    width: 8px;
    background-color: var(--color-event-bar-background);
}

.calendar_green_event_bar_inner {
    position: absolute;
    width: 8px;
    border-radius: 8px;
    background-color: var(--color-event-bar);
}

.calendar_green_shadow_inner {
    background-color: #666666;
    opacity: 0.5;
    height: 100%;
    border-radius: 5px;
}

.calendar_green_event_delete {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAI5JREFUKFNtkLERgCAMRbmzdK8s4gAUlhYOYEHJEJYOYOEwDmGBPxC4kOPfvePy84MGR0RJ2N1A8H3N6DATwSQ57m2ql8NBG+AEM7D+UW+wjdfUPgerYNgB5gOLRHqhcasg84C2QxPMtrUhSqQIhg7ypy9VM2EUZPI/4rQ7rGxqo9sadTegw+UdjeDLAKUfhbaQUVPIfJYAAAAASUVORK5CYII=) center center no-repeat;
    opacity: 0.6;
    cursor: pointer;
}

    .calendar_green_event_delete:hover {
        opacity: 1;
    }

.calendar_green_scroll_up {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAB3RJTUUH2wESDiYcrhwCiQAAAAlwSFlzAAAuIwAALiMBeKU/dgAAAARnQU1BAACxjwv8YQUAAACcSURBVHjaY2AgF9wWsTW6yGMlhi7OhC7AyMDQzMnBXIpFHAFuCtuaMTP+P8nA8P/b1x//FfW/HHuF1UQmxv+NUP1c3OxMVVhNvCVi683E8H8LXOY/w9+fTH81tF8fv4NiIpBRj+YoZtZ/LDUoJmKYhsVUpv0MDiyMDP96sIYV0FS2/8z9ICaLlOhvS4b/jC//MzC8xBG0vJeF7GQBlK0xdiUzCtsAAAAASUVORK5CYII=);
}

.calendar_green_scroll_down {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAALiMAAC4jAXilP3YAAACqSURBVChTY7wpam3L9J+xmQEP+PGPKZZxP4MDi4zI78uMDIwa2NT+Z2DYovrmiC+TI8OBP/8ZmEqwGvif4e8vxr+FIDkmEKH25vBWBgbG0+iK/zEwLtF+ffwOXCGI8Y+BoRFFIdC030x/WmBiYBNhpgLdswNJ8RSYaSgmgk39z1gPUfj/29ef/9rwhQTDHRHbrbdEbLvRFcGthkkAra/9/uMvhkK8piNLAgCRpTnNn4AEmAAAAABJRU5ErkJggg==);
}

.calendar_green_now {
    background-color: red;
}

    .calendar_green_now:before {
        content: '';
        top: -5px;
        border-width: 5px;
        border-color: transparent transparent transparent red;
        border-style: solid;
        width: 0px;
        height: 0px;
        position: absolute;
        -moz-transform: scale(.9999);
    }

.calendar_green_shadow_forbidden .calendar_green_shadow_inner {
    background-color: red;
}

.calendar_green_shadow_top {
    box-sizing: border-box;
    padding: 2px;
    border: 1px solid #ccc;
    background: #fff;
    background: linear-gradient(to bottom, #ffffff 0%, #eeeeee);
}

.calendar_green_shadow_bottom {
    box-sizing: border-box;
    padding: 2px;
    border: 1px solid #ccc;
    background: #fff;
    background: linear-gradient(to bottom, #ffffff 0%, #eeeeee);
}

.calendar_green_crosshair_vertical, .calendar_green_crosshair_horizontal, .calendar_green_crosshair_left, .calendar_green_crosshair_top {
    background-color: gray;
    opacity: 0.2;
}

.calendar_green_loading {
    background-color: orange;
    color: white;
    padding: 2px;
}