/*


  07.12.2023 Versionierung


  Bedingungen:
  keine

*/

:root
{
    --wc-calendar-transparent: rgba(0,0,0,0);
    --wc-calendar-calendarBackground: #FFFFFF;
    --wc-calendar-calendarInnerBorder: #E0E0E0;
    --wc-calendar-timesGrid: #E0E0E0;
    --wc-calendar-timesBackground: #FBFBFB;
    --wc-calendar-timesText: #D0D0D0;
    --wc-calendar-eventsGrid: #E0E0E0;
    --wc-calendar-eventsText: #A0A0A0;
    --wc-calendar-eventsBackground: #FFFFFF;
    --wc-calendar-eventsHeaderBackground: #FBFBFB;
    --wc-calendar-eventsHeaderBackgroundToday: rgba(0, 0, 255, 0.1);
    --wc-calendar-eventsHeaderTextToday: #000000;
    --wc-calendar-itemText: #000000;
    --wc-calendar-itemBorder: hsl(200, 100%, 90%);
    --wc-calendar-itemBackground: hsl(200, 100%, 90%); /* lightcyan; */
    --wc-calendar-hintBorder: #F0F0F0;
    --wc-calendar-hintBackground: white;
    --wc-calendar-itemBar: hsl(200, 100%, 35%);
    --wc-calendar-itemHighlighting: red;
    --wc-calendar-infoheader-background: lightgoldenrodyellow;
    --wc-calendar-dayHolidayBackground: lightgoldenrodyellow;
    --wc-calendar-kw-text: #8080FF;
    --wc-calendar-text-inactive: #D0D0D0;
    
    --wc-calendar-timelineIntervalText: #000000;
    --wc-calendar-timelineIntervalBorder: #C0C0C0;
    --wc-calendar-timelineIntervalBackground: lightgoldenrodyellow;
    --wc-calendar-timelineLineToEvent: #C0C0C0;
    --wc-calendar-timelineEventItemBorder: #C0C0C0;

    --wc-calendar-timelineItemText-Pos-0: blue;
    --wc-calendar-timelineItemBackground-Pos-0: silver;
    --wc-calendar-timelineItemText-Pos-1: blue;
    --wc-calendar-timelineItemBackground-Pos-1: lightcyan;
    --wc-calendar-timelineItemText-Pos-2: blue;
    --wc-calendar-timelineItemBackground-Pos-2: orange;
    --wc-calendar-timelineItemText-Pos-3: blue;
    --wc-calendar-timelineItemBackground-Pos-3: lightgoldenrodyellow;
    --wc-calendar-timelineItemText-Pos-4: blue;
    --wc-calendar-timelineItemBackground-Pos-4: pink;
    --wc-calendar-timelineItemText-Pos-5: blue;
    --wc-calendar-timelineItemBackground-Pos-5: yellow;

    --wc-calendar-timelineItemText-Neg-0: blue;
    --wc-calendar-timelineItemBackground-Neg-0: silver;
    --wc-calendar-timelineItemText-Neg-1: blue;
    --wc-calendar-timelineItemBackground-Neg-1: lightcyan;
    --wc-calendar-timelineItemText-Neg-2: blue;
    --wc-calendar-timelineItemBackground-Neg-2: orange;
    --wc-calendar-timelineItemText-Neg-3: blue;
    --wc-calendar-timelineItemBackground-Neg-3: lightgoldenrodyellow;
    --wc-calendar-timelineItemText-Neg-4: blue;
    --wc-calendar-timelineItemBackground-Neg-4: pink;
    --wc-calendar-timelineItemText-Neg-5: blue;
    --wc-calendar-timelineItemBackground-Neg-5: yellow;

    --wc-calendar-timelineEventBaseline-Pos: black;
    --wc-calendar-timelineEventBaseline-Neg: black;

    --wc-calendar-day-background-saturday: #F8F8F8;
    --wc-calendar-day-text-saturday: blue;
    --wc-calendar-day-background-sunday: #F0F0F0;
    --wc-calendar-day-text-sunday: blue;
    --wc-calendar-day-background-holiday: lightgoldenrodyellow;
    --wc-calendar-day-text-holiday: green;
    --wc-calendar-day-background-today-holiday: rgba(0, 0, 255, 0.3);
    --wc-calendar-day-text-today-holiday: lightgreen;
    --wc-calendar-day-background-today: rgba(0, 0, 255, 0.1);
    --wc-calendar-day-text-today: #FFFFFF;

    /* --wc-calendar-day-selectorpanel-background: #FFFFFF; */
    --wc-calendar-day-selectorpanel-button-background: #F0F0F0;
    --wc-calendar-day-selectorpanel-button-background-hover: #F8F8F8;
    --wc-calendar-day-selectorpanel-button-background-active: cyan;
  }


.wc-calendar
{
    overflow: hidden;
    background-color: var(--wc-calendar-calendarBackground);
    box-sizing: border-box;
    /* white-space: nowrap; */
}

.wc-calendar-selectorpanel
{
    /* background-color: var(--wc-calendar-day-selectorpanel-background); */
    min-width: 20px;
    height: 100%;
    margin-left: 10px;
    margin-right: 10px;
}

.wc-calendar-selectorpanel-button
{
    background-color: var(--wc-calendar-day-selectorpanel-button-background);
    min-width: 5px;
    height: 33px;
    margin-left: 1px;
    margin-top: 8px;
    margin-bottom: 6px;
    padding-left: 20px;
    padding-right: 20px;
    cursor: pointer;
    line-height: 33px;
}
.wc-calendar-selectorpanel-button:hover
{
    background-color: var(--wc-calendar-day-selectorpanel-button-background-hover);
}

.wc-calendar-selectorpanel-button-first
{
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.wc-calendar-selectorpanel-button-last
{
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.wc-calendar-selectorpanel-button-active
{
    background-color: var(--wc-calendar-day-selectorpanel-button-background-active);
}

.wc-calendar-info-header
{
    background-color: var(--wc-calendar-infoheader-background);
    border-bottom: 1px solid var(--wc-calendar-eventsGrid);
}

.wc-calendar-navbutton
{
    float: right;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #F0F0F0;
    font-size: 12px;
    border-radius: 4px;
    margin: 10px;
    margin-left: 5px;
    margin-right: 5px;
    cursor: pointer;
    min-width: 20px;
    text-align: center;
}
.wc-calendar-navbutton-active
{
    background-color: blue;
    color: white;
}
.wc-calendar-navbutton:hover
{
    background-color: #E8E8E8;
}

.wc-calendar-timerinfo
{
    position: absolute;
    overflow: hidden;
    border-right: 1px solid var(--wc-calendar-eventsGrid);
    border-bottom: 1px solid var(--wc-calendar-eventsGrid);
}

.wc-calendar-timer-event
{
    left: 10px;
    top: 10px;
    width: 200px;
    height: 200px; 

    /*
    color: var(--wc-calendar-itemText);
    border: 1px solid var(--wc-calendar-itemBorder);
    background-color: var(--wc-calendar-itemBackground);
    */

    color: blue;
    border: 1px solid lightcyan;
    background-color: yellow;
    

    /* border-left-width: 5px;
    padding: 3px; */
    
    border-radius: 5px;
    
    text-align: left;
    /* white-space: nowrap; */
    overflow: hidden;
	text-overflow:ellipsis;
    cursor: pointer;
}

.wc-calendar-timer-event-canvas
{
    /*
    left: 10px;
    top: 10px;
    width: 200px;
    height: 200px; 
    */

    padding: 0px;
    margin: 0px;
    position: absolute;
    display: inline-block;
    border-width: 0px;
    /* border-radius: 3px; */
    overflow: hidden;
    background-color: red;
}

.wc-calendar-timer-event-bar
{
    padding: 0px;
    margin: 0px;
    display: inline-block;
    /* border-radius: 4px; */
    overflow: hidden;
    width: 5px;
    height: 100%;
    pointer-events: none;
}

.wc-calendar-timer-event-content
{
    box-sizing: border-box;
    padding: 0px;
    padding-left: 2px;
    margin: 0px;
    /* margin-left: 5px; */
    display: inline-block;
    overflow: hidden;
    width: calc(100% - 14px);
    height: 100%;
    pointer-events: none;
}




/*  --------  HINT  */

.wc-calendar-timer-event-hint
{
    z-index: 5;
    box-sizing: border-box;
    position: fixed;
    border: 1px solid var(--wc-calendar-hintBorder);
    background-color: var(--wc-calendar-hintBackground);
    border-radius: 4px;
    width: 350px;
    min-height: 50px;
    box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
}




.wc-calendar-event-hint-details
{
    box-sizing: border-box;
    /* border: 1px solid red; */
    width: 100%;
    min-height: 10px;
    max-height: 350px;
    padding-bottom: 10px;
}

.wc-calendar-event-hint-footer
{
    box-sizing: border-box;
    /* border: 1px solid var(--wc-calendar-hintBorder); */
    width: 100%;
}


.wc-calendar-event-hint-color
{
    float: left;
    box-sizing: border-box;
    border: 1px solid rgba(0,0,0,0);
    background-color: rgba(0,0,0,0);
    width: 20px;
    height: 20px;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 5px;
}

.wc-calendar-event-hint-category
{
    float: left;
    box-sizing: border-box;
    color: black;
    width: calc(100% - 80px);
    line-height: 24px;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 5px;
    font-weight: bold;
}

.wc-calendar-event-hint-close
{
    float: right;
    box-sizing: border-box;
    width: 30px;
    height: 30px;
    margin-right: 5px;
    margin-top: 5px;
    cursor: pointer;

    background-image: url(images/close_24dp.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 95% 95%;
}

.wc-calendar-event-hint-person-owner, .wc-calendar-event-hint-person-initiator, .wc-calendar-event-hint-person
{
    float: left;
    box-sizing: border-box;
    border: 1px solid silver;
    background-color: lightcyan;
    height: 20px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-left: 10px;
    margin-top: 3px;
    margin-bottom: 3px;
    border-radius: 5px;
}
.wc-calendar-event-hint-person-initiator
{
    background-color: lightgoldenrodyellow;
}
.wc-calendar-event-hint-person-owner
{
    background-color: lightgreen;
}

.wc-calendar-event-hint-caption, .wc-calendar-event-hint-text, .wc-calendar-event-hint-datetime, .wc-calendar-event-hint-location
{
    box-sizing: border-box;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
}
.wc-calendar-event-hint-datetime, .wc-calendar-event-hint-location
{
    font-weight: bold;
}

.wc-calendar-event-hint-eventtitle
{
    box-sizing: border-box;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 15px;
    font-weight: bold;
    text-decoration: underline;
}
.wc-calendar-event-hint-eventtime
{
    box-sizing: border-box;
    width: 100px;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    font-weight: bold;
    font-family: Arial;
}
.wc-calendar-event-hint-eventtext
{
    box-sizing: border-box;
    float: left;
    width: calc(100% - 110px);
    /* border: 1px solid red; */
    overflow: hidden;
    padding-left: 0px;
    padding-right: 10px;
    padding-top: 5px;
}

.wc-calendar-event-hint-edit
{
    float: left;
    box-sizing: border-box;
    margin-left: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 5px;
    padding-left: 24px;
    cursor: pointer;
    
    background-image: url(images/edit_24dp.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 20px;
}
.wc-calendar-event-hint-delete
{
    float: left;
    box-sizing: border-box;
    margin-left: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 5px;
    padding-left: 24px;
    cursor: pointer;
    
    background-image: url(images/delete_24dp.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 20px;
}
.wc-calendar-event-hint-dayselect
{
    float: left;
    box-sizing: border-box;
    margin-left: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 5px;
    padding-left: 24px;
    cursor: pointer;
    
    background-image: url(images/dayview_24.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 20px;
}

.wc-calendar-event-hint-dayview
{
    float: left;
    box-sizing: border-box;
    margin-left: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 5px;
    padding-left: 24px;
    cursor: pointer;
    
    background-image: url(images/dayview_24.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 20px;
}

.wc-calendar-event-hint-link-extern
{
    padding-right: 16px;
    
    background-image: url(images/link_24dp.svg);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 16px 16px;
}


/*
.wc-calendar-timer-event-content
{
    padding: 0px;
    margin: 0px;
    position: absolute;
    display: inline-block;
    color: var(--wc-calendar-itemText);
    border-left: 40px solid var(--wc-calendar-itemBorder);
    background-color: var(--wc-calendar-itemBackground);
    border-radius: 4px;
    overflow: hidden;
}
*/

.wc-calendar-picker-datetime
{
    box-sizing: border-box;
    position: fixed;
    width: 100%;
    max-width: 500px;
    height: 100%;
    max-height: 500px;
    /* background-color: yellow; */
}

/*
.wc-calendar-picker-left, .wc-calendar-picker-right, .wc-calendar-picker-text, .wc-calendar-picker-today
{

}
*/

.wc-calendar-picker-button
{
    box-sizing: border-box;
    display: inline-block;
    margin-top: 10px;
    border-radius: 4px;
    background-color: var(--wc-calendar-day-selectorpanel-button-background);
    cursor: pointer;
}
.wc-calendar-picker-button:hover
{
    background-color: var(--wc-calendar-day-selectorpanel-button-background-hover);
}

.wc-calendar-picker-today
{
    background-image: url(images/dayview_24.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 70%;
}

.wc-calendar-picker-month, .wc-calendar-picker-year
{
    /* margin-right: 1px; */
    border-top-right-radius : 0px;
    border-bottom-right-radius : 0px;
}

.wc-calendar-picker-time  /*  uhrzeit im datetime-picker  */
{
    /*
    box-sizing: border-box;
    position: fixed;
    width: 300px;
    height: 400px;
    border-radius: 10px;
    overflow: hidden;
    */

    background-color: var(--wc-calendar-day-selectorpanel-button-background);
  
    margin-right: 1px;
    border-top-left-radius : 0px;
    border-bottom-left-radius : 0px;
    
}

.wc-calendar-picker-time-frame  /*  fenster für den timepicker  */
{
    box-sizing: border-box;
    position: fixed;
    width: 300px;
    height: 400px;
    border-radius: 10px;
    overflow: hidden;

    background-color: #F8F8F8;

    /*
    margin-right: 1px;
    border-top-left-radius : 0px;
    border-bottom-left-radius : 0px;
    */
}

.wc-calendar-picker-time-header
{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: var(--wc-calendar-calendarBackground);
    /* border-bottom: 1px solid silver; */
}

.wc-calendar-picker-time-events
{
    background-color: var(--wc-calendar-calendarBackground);
}

.wc-calendar-picker-time-footer
{
    padding-top: 20px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: var(--wc-calendar-calendarBackground);
    /* border-top: 1px solid silver; */
}

.wc-calendar-picker-time-title
{
    height: 40px;
    font-size: 14px;
    padding-top: 14px;
    padding-left: 25px;
    padding-right: 25px;
    width: 100%;
    text-align: center;
    /* background-color: lightcyan; */
}

.wc-calendar-picker-time-item
{
    top: 70px;
    font-size: 40px;
    width: 60px;
    height: 50px;
    border: 3px solid blue;
    border-radius: 5px;
    background-color: #E0E0E0;
    line-height: 44px;
    text-align: center;
    cursor: pointer;
}

.wc-calendar-picker-time-delimiter
{
    top: 70px;
    font-size: 40px;
    width: 20px;
    height: 50px;
    border: 3px solid rgba(0,0,0,0);
    border-radius: 5px;
    /* background-color: #E0E0E0;*/
    line-height: 
    38px;
    text-align: center;
}

.wc-calendar-picker-time-arrow
{
    width: 60px;
    height: 30px;
    /* background-color: #E0E0E0; */
}

.wc-calendar-picker-time-arrow-top
{
    top: 40px;
    background-image: url(images/arrow_drop_up_24dp.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 60%;
    cursor: pointer;
}

.wc-calendar-picker-time-arrow-bottom
{
    top: 120px;
    background-image: url(images/arrow_drop_down_24dp.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 60%;
    cursor: pointer;
}

.wc-calendar-picker-time-am
{
    left: 210px;
    top: 60px;
    width: 50px;
    height: 36px;
    font-size: 20px;
    border: 2px solid blue;
    border-bottom-width: 1px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #E0E0E0;
    line-height: 32px;
    text-align: center;
    cursor: pointer;
}

.wc-calendar-picker-time-pm
{
    left: 210px;
    top: 95px;
    width: 50px;
    height: 36px;
    font-size: 20px;
    border: 2px solid blue;
    border-top-width: 1px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #E0E0E0;
    line-height: 32px;
    text-align: center;
    cursor: pointer;
}

.wc-calendar-picker-time-clock
{
    left: 30px;
    top: 30px;
    width: 240px;
    height: 240px;
    background-color: #F8F8F8;
    border-radius: 50%;

    background-repeat: no-repeat;
    background-position: center center;
    background-size: 80%;
}

.wc-calendar-picker-time-clock-hour
{
    text-align: center;
    /* background-color: red; */
    background-color: rgba(0,0,0,0);
    width: 12px;
    height: 12px;
}

.wc-calendar-picker-time-clock-hour-arrow
{
    /* border: 1px solid red; */
    background-image: url(images/arrow-clock.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 30%;
}

.wc-calendar-picker-time-eventlist
{
    left: 20px;
    top: 20px;
    width: 260px;
    height: 260px;
    background-color: #F8F8F8;
    /* border-radius: 30%; */
}

.wc-calendar-picker-time-toggle
{
    left: 240px;
    top: 20px;
    width: 40px;
    height: 40px;
    background-color: lightcyan;
    border-radius: 50%;
    cursor: pointer;
}
.wc-calendar-picker-time-toggle-clock
{
    background-image: url(images/clock_24dp.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 70%;
}

.wc-calendar-picker-time-toggle-eventlist
{
    background-image: url(images/eventlist_24dp.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 70%;
}



.wc-calendar-picker-time-ok, .wc-calendar-picker-time-cancel
{
    font-size: 16px;
    /*
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    */
    margin-top: 0px;
    background-color: #F8F8F8;
    cursor: pointer;
    width: 50px;
    height: 40px;
    border-radius: 5px;
}

.wc-calendar-picker-time-ok
{
    float: right;
    margin-right: 20px;
    background-image: url(images/done-24px.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 70%;
}

.wc-calendar-picker-time-cancel
{
    float: left;
    margin-left: 20px;
    background-image: url(images/back_24dp.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 70%;
}

.wc-calendar-picker-time-small, .wc-calendar-picker-time-large
{
    float: left;
    height: 40px;
    width: 50px;
    font-size: 16px;
    /*
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    */
    margin-top: 0px;
    margin-left: 20px;
    background-color: #F8F8F8;
    cursor: pointer;

    background-image: url(images/clockevents_24dp.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 70%;
}

.wc-calendar-picker-time-selected-bg
{
    background-color: lightcyan;
}



.wc-calendar-picker-cancel
{
    background-image: url(images/arrow_left_24.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 70%;
}

.wc-calendar-picker-take
{
    background-image: url(images/done-24px.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 70%;
}

.wc-calendar-blocker-transparent
{
    position: fixed;
    box-sizing: border-box;
    margin: 0px;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.1);
}

/*  -----------------------------------------------------------  */


.wc-calendar-day-hour
{
    /* position: absolute;
    display: inline-block; */
    padding: 0px;
    margin: 0px;
    border-bottom: 1px solid var(--wc-calendar-timesGrid);
    /* text-align: center; */
    /* color: var(--wc-calendar-timesText); */
}

.wc-calendar-day-hour-text
{
    /* position: absolute;
    display: inline-block; */
    padding: 0px;
    padding-left: 4px;
    margin: 0px;
    border-bottom: 1px solid var(--wc-calendar-transparent);
    text-align: center;
    color: var(--wc-calendar-timesText);
    background-color: var(--wc-calendar-timesBackground);
}

.wc-calendar-day-hour24
{
    /* position: absolute;
    display: inline-block; */
}

.wc-calendar-day-header
{
    /* position: absolute;
    display: inline-block; */
    /* border-bottom: 1px solid var(--wc-calendar-eventsGrid); */
    overflow: none;
}
.wc-calendar-day-header-item
{
    /* position: absolute;
    display: inline-block; */
    padding: 0px;
    margin: 0px;
    background-color: var(--wc-calendar-eventsHeaderBackground);
    border-right: 1px solid var(--wc-calendar-eventsGrid);
    border-bottom: 1px solid var(--wc-calendar-eventsGrid);
}
.wc-calendar-day-header-caption
{
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: larger;
    text-align: center;
}
.wc-calendar-day-header-subline
{
    text-align: center;
}
.wc-calendar-day-header-cw
{
    border-radius: 30%;
    /* padding: 6px; */
    font-size: 14px;
    float: right;
    /* background-color: var(--wc-calendar-eventsHeaderCWBackground);;
    color: white; */
    font-weight: bold;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    margin-right: 5px;
    margin-top: 5px;
}
.wc-calendar-day-day
{
    /* position: absolute;
    display: inline-block; */
    padding: 0px;
    margin: 0px;
    border-right: 1px solid var(--wc-calendar-eventsGrid);
}

/*
.wc-calendar-day-header-today
{
    background-color: var(--wc-calendar-eventsHeaderBackgroundToday) !important;
    color: var(--wc-calendar-eventsHeaderTextToday) !important;
}
*/

.wc-calendar-container-day
{
    /* position: absolute;
    display: inline-block; */
}

.wc-calendar-day-item-highlighting
{
    border: 2px solid var(--wc-calendar-itemHighlighting) !important;
    padding: 0px;
}

/*  -----------------------------------------------------------  */


/*
.wc-calendar-container-weeklist-header
{
    position: absolute;
    display: inline-block;
    border-bottom: 1px solid var(--wc-calendar-eventsGrid);
    background-color: var(--wc-calendar-eventsHeaderBackground);
}
*/

.wc-calendar-container-weeklist-header-items
{
    /* position: absolute;
    display: inline-block; */
    /* border-bottom: 1px solid var(--wc-calendar-eventsGrid); */
    background-color: var(--wc-calendar-eventsHeaderBackground);
}

.wc-calendar-weeklist-header-item
{
    /* position: absolute;
    display: inline-block; */
    padding: 0px;
    margin: 0px;
    background-color: var(--wc-calendar-eventsHeaderBackground);
    border-right: 1px solid var(--wc-calendar-eventsGrid);
    border-bottom: 1px solid var(--wc-calendar-eventsGrid);
}

.wc-calendar-weeklist-header-caption
{
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: larger;
    text-align: center;
}

.wc-calendar-weeklist-header-subline
{
    text-align: center;
}

.wc-calendar-weeklist-cw
{
    box-sizing: border-box;
    position: relative; 
    /* top: 50%;  */
    /* font-size: larger; */
    font-weight: 700;
    text-align: center;
    color: var(--wc-calendar-kw-text);
    padding-top: 2px;
    border-right: 1px solid var(--wc-calendar-eventsGrid);
    border-bottom: 1px solid var(--wc-calendar-eventsGrid);
}

.wc-calendar-container-weeklist-events
{
    /* position: absolute;
    display: inline-block; */
    /* background-color: #F8F8F8; */
        
    /* padding: 1px;
    padding-left: 3px; */

    overflow-y: auto;
}

.wc-calendar-container-weeklist
{
    /* position: absolute;
    display: inline-block; */
}

.wc-calendar-weeklist-dayitem
{
    /* position: absolute;
    display: inline-block; */
    border-right: 1px solid var(--wc-calendar-eventsGrid);
    border-bottom: 1px solid var(--wc-calendar-eventsGrid);
    background-color: var(--wc-calendar-eventsBackground);
    color: var(--wc-calendar-eventsText);

    padding-top: 3px;
    padding-left: 3px;
    padding-right: 3px;
    white-space: nowrap;
    overflow: hidden;
	text-overflow:ellipsis;
}

.wc-calendar-weeklist-event
{
    /* position: absolute;
    display: inline-block; */
    /* border: 1px solid var(--wc-calendar-itemBorder); */
    /* background-color: var(--wc-calendar-itemBackground); */
    color: var(--wc-calendar-itemText);
    padding: 0px;

    padding: 1px;
    /* padding-left: 3px; */

    border-style: solid;
    border-radius: 3px;
    border-width: 1px;
    /* border-left-width: 5px; */
    white-space: nowrap;
    overflow: hidden;
	text-overflow:ellipsis;
    cursor: pointer;
}

.numericFont
{
    font-family: Helvetica;
    font-size: 12.5px;
}

.wc-calendar-weeklist-item-highlighting
{
    border: 2px solid var(--wc-calendar-itemHighlighting) !important;
    padding: 0px;
}

/*  -----------------------------------------------------------  */

.wc-calendar-week-hour
{
    /* position: absolute;
    display: inline-block; */
    padding: 0px;
    margin: 0px;
    border-bottom: 1px solid var(--wc-calendar-timesGrid);
    text-align: center;
    color: var(--wc-calendar-timesText);
}

.wc-calendar-week-hour-text
{
    /* position: absolute;
    display: inline-block; */
    padding: 0px;
    padding-left: 4px;
    margin: 0px;
    border-bottom: 1px solid var(--wc-calendar-transparent);
    text-align: center;
    color: var(--wc-calendar-timesText);
    background-color: var(--wc-calendar-timesBackground);
}

.wc-calendar-week-hour24
{
    /* position: absolute;
    display: inline-block; */
}

.wc-calendar-week-header
{
    /* position: absolute;
    display: inline-block; */
    /* border-bottom: 1px solid var(--wc-calendar-eventsGrid); */
    overflow: none;
}
.wc-calendar-week-header-item
{
    /* position: absolute;
    display: inline-block; */
    padding: 0px;
    margin: 0px;
    background-color: var(--wc-calendar-eventsHeaderBackground);
    border-right: 1px solid var(--wc-calendar-eventsGrid);
    border-bottom: 1px solid var(--wc-calendar-eventsGrid);
}
.wc-calendar-week-header-caption
{
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: larger;
    /* text-align: center; */
    padding-left: 6px;
    pointer-events: none;
}
.wc-calendar-week-header-subline
{
    /* text-align: center; */
    padding-left: 6px;
    pointer-events: none;
}
.wc-calendar-week-header-cw
{
    border-radius: 30%;
    /* padding: 6px; */
    font-size: 14px;
    float: right;
    /* background-color: var(--wc-calendar-eventsHeaderCWBackground);;
    color: white; */
    font-weight: bold;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    margin-right: 2px;
    margin-top: 2px;
}
.wc-calendar-week-day
{
    padding: 0px;
    margin: 0px;
    border-right: 1px solid var(--wc-calendar-eventsGrid);
}

/*
.wc-calendar-week-today
{
    background-color: var(--wc-calendar-eventsHeaderBackgroundToday) !important;
    color: var(--wc-calendar-eventsHeaderTextToday) !important;
}
*/

.wc-calendar-container-week
{
    /* position: absolute;
    display: inline-block; */
    overflow: none;
}

.wc-calendar-week-item-highlighting
{
    border: 2px solid var(--wc-calendar-itemHighlighting) !important;
    padding: 0px;
}

/*  -----------------------------------------------------------  */

.wc-calendar-month-header   /*  , .wc-calendar-month-footer */
{
    box-sizing: border-box;
    display: block;
    float: left;
    text-align: center;
    overflow: none;
    width: 100%;
    height: 12%;
    font-size: larger;
}

.wc-calendar-month-header-caption
{
    position: relative; 
    top: 50%; 
    transform: translateY(-50%); 
}

.wc-calendar-month-weekday
{
    box-sizing: border-box;
    display: block;
    float: left;
    text-align: center;
    overflow: none;
    width: 12%;
    height: 12%;
}

.wc-calendar-month-weekday-caption
{
    box-sizing: border-box;
    color: var(--wc-calendar-eventsText);
    position: relative; 
    top: 50%; 
    transform: translateY(-50%); 

    /* border: 2px solid red; */
}

.wc-calendar-month-day
{
    box-sizing: border-box;
    display: block;
    float: left;
    text-align: center;
    overflow: hidden;
    width: calc(12% - 0px);
    height: calc(12% - 0px);
    border: 2px solid var(--wc-calendar-transparent);
    border-radius: 50%;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
}

.wc-calendar-month-day-no
{
    box-sizing: border-box;
    position: relative; 
    top: 50%; 
    transform: translateY(-50%); 
    /* font-size: larger; */
    pointer-events: none;
}

.wc-calendar-month-cw
{
    box-sizing: border-box;
    position: relative; 
    top: 50%; 
    transform: translateY(-50%); 
    /* font-size: larger; */
    font-weight: 700;
    color: var(--wc-calendar-kw-text);
}

.wc-calendar-month-day-today
{
    /* border: 2px solid var(--wc-calendar-month-today); */
    /* border-radius: 6px; */
    border-width: 3px;
    border-style: solid;
}

/*
.wc-calendar-month-today
{
    background-color: var(--wc-calendar-eventsHeaderBackgroundToday) !important;
    color: var(--wc-calendar-eventsHeaderTextToday) !important;
}
*/

.wc-calendar-month-holiday
{
    background-color: var(--wc-calendar-dayHolidayBackground);
}

.wc-calendar-month-frame
{
    /* position: absolute; 
    display: inline-block; */
    background-color: var(--wc-calendar-eventsHeaderBackground);
    border: 1px solid var(--wc-calendar-timesGrid);
    overflow: none;
}

.wc-calendar-container-month
{
    box-sizing: border-box;
    position: absolute;
    display: inline-block;
    overflow: none;
}

.wc-calendar-month-popup
{
    box-sizing: border-box;
    /* background-color: yellow; */
    border: 1px solid var(--wc-calendar-hintBorder);
    background-color: var(--wc-calendar-hintBackground);
    box-shadow: 0 10px 16px 0 rgba(0,0,0,0.1),0 6px 20px 0 rgba(0,0,0,0.1) !important;
}

.wc-calendar-month-popup-month
{
    box-sizing: border-box;
    display: inline-block;
    margin: 5px;
    padding: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 4px;
    text-align: center;
    width: calc(33% - 10px);
    cursor: pointer;
    background-color: var(--wc-calendar-day-selectorpanel-button-background);
}
.wc-calendar-month-popup-month:hover
{
    background-color: var(--wc-calendar-day-selectorpanel-button-background-hover);
}


.wc-calendar-year-popup
{
    box-sizing: border-box;
    /* background-color: yellow; */
    border: 1px solid var(--wc-calendar-hintBorder);
    background-color: var(--wc-calendar-hintBackground);
    box-shadow: 0 10px 16px 0 rgba(0,0,0,0.1),0 6px 20px 0 rgba(0,0,0,0.1) !important;
    overflow-y: auto;
    /* width: 40px; */
}

.wc-calendar-year-popup-year
{
    box-sizing: border-box;
    /* display: inline-block; */
    margin: 5px;
    padding: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-radius: 4px;
    line-height: 30px; 
    /* height: 30px; */
    text-align: center;
    /* width: calc(33% - 10px); */
    cursor: pointer;
    background-color: var(--wc-calendar-day-selectorpanel-button-background);
}
.wc-calendar-year-popup-year:hover
{
    background-color: var(--wc-calendar-day-selectorpanel-button-background-hover);
}

/*  -----------------------------------------------------------  */

.wc-calendar-container-list-header
{
    /* position: absolute;
    display: inline-block; */
    background-color: var(--wc-calendar-eventsHeaderBackground);
    border-bottom: 1px solid var(--wc-calendar-eventsGrid);
}

.wc-calendar-container-list-events
{
    /* position: absolute;
    display: inline-block; */
    overflow-y: auto;
}

.wc-calendar-list-week-container
{
    padding-left: 10px;
}

.wc-calendar-list-day-container
{
    padding-left: 10px;
}

.wc-calendar-list-week-info
{
    /* float: left; */
    line-height: 30px;
    border-width: 1px;
    border-style: solid;
    padding-left: 20px;

    margin-right: 10px;
    margin-left: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    border-radius: 15px;
    cursor: pointer;

}
.wc-calendar-list-week-info-text
{
    float: left;
    line-height: 30px;
    /* pointer-events: none; */
}
.wc-calendar-list-week-info-text-cw
{
    float: left;
    line-height: 16px;
    padding: 5px;
    margin: 2px;
    
    /* background-color: white;
    color: blue; */
    border-radius: 5px;;

    /* pointer-events: none; */
}
.wc-calendar-list-day-info
{
    line-height: 30px;
    border-width: 1px;
    border-style: solid;
    padding-left: 5px;
    margin-right: 10px;
    
    margin-top: 5px;
    margin-bottom: 5px;
    cursor: pointer;
}

.wc-calendar-list-day-list
{
    /* padding-left: 50px; */
}
.wc-calendar-list-event
{
    box-sizing: border-box;
    line-height: 30px;
    width: calc(100% - 10px);
    margin-top: 0px;
    margin-bottom: 3px;
    /* border: 1px solid blue; */
    cursor: pointer;
}
.wc-calendar-list-event-left
{
    float: left;
    box-sizing: border-box;
    width: 60px;
    height: 50px;
    line-height: 1.2em;
    padding: 5px;
    pointer-events: none;
}
.wc-calendar-list-event-bar
{
    float: left;
    box-sizing: border-box;
    width: 8px;
    height: 50px;
    border-radius: 3px;
    pointer-events: none;
}
.wc-calendar-list-event-right
{
    float: left;
    box-sizing: border-box;
    width: calc(100% - 70px);
    /* border: 1px solid red; */
    height: 50px;
    line-height: 1.2em;
    padding: 5px;
    pointer-events: none;
}

.wc-calendar-container-list-dates
{
    padding: 20px;
    font-size: larger;
    font-weight: bold;
    box-sizing: border-box;
    width: 100%;
}

.wc-calendar-container-list
{
    /* position: absolute;
    display: inline-block; */
}

.wc-calendar-list-item-highlighting
{
    border: 2px solid var(--wc-calendar-itemHighlighting) !important;
    padding: 0px;
}

/*  -----------------------------------------------------------  */

.wc-calendar-container-timeline-header
{
    /* position: absolute;
    display: inline-block; */
    background-color: var(--wc-calendar-eventsHeaderBackground);
    border-bottom: 1px solid var(--wc-calendar-eventsGrid);
}

.wc-calendar-container-timeline-events
{
    /* position: absolute;
    display: inline-block; */
    overflow: auto;
}

.wc-calendar-container-timeline-eventbox
{
    /* position: absolute;
    display: inline-block; */
    overflow: hidden;
}

.wc-calendar-container-timeline
{
    /* position: absolute;
    display: inline-block; */
}

.wc-calendar-container-timeline-item
{
    /* position: absolute;
    display: inline-block; */
    overflow: hidden;
    background-color: var(--wc-calendar-timelineIntervalBackground);
    border: 1px solid var(--wc-calendar-timelineIntervalBorder);
    text-align: center;
    color: var(--wc-calendar-timelineIntervalText);
}

.wc-calendar-container-timeline-event-linetoevent
{
    /* position: absolute;
    display: inline-block; */
    overflow: hidden;
    border: 1px solid var(--wc-calendar-timelineLineToEvent);
    width: 1px;
    background-color: var(--wc-calendar-timelineLineToEvent);
    z-index: 1;
}

.wc-calendar-container-timeline-event-box
{
    /* position: absolute;
    display: inline-block; */
    overflow: hidden;
    border: 1px solid var(--wc-calendar-timelineEventItemBorder);
    z-index: 2;
    cursor: pointer;
}

.wc-calendar-container-timeline-dates
{
    padding: 10px;
    font-size: larger;
    font-weight: bold;
}

.wc-calendar-container-timeline-item-pos-0
{
    background-color: var(--wc-calendar-timelineItemBackground-Pos-0);
    color: var(--wc-calendar-timelineItemText-Pos-0);
}
.wc-calendar-container-timeline-item-pos-1
{
    background-color: var(--wc-calendar-timelineItemBackground-Pos-1);
    color: var(--wc-calendar-timelineItemText-Pos-1);
}
.wc-calendar-container-timeline-item-pos-2
{
    background-color: var(--wc-calendar-timelineItemBackground-Pos-2);
    color: var(--wc-calendar-timelineItemText-Pos-2);
}
.wc-calendar-container-timeline-item-pos-3
{
    border-radius: 20px;
    background-color: var(--wc-calendar-timelineItemBackground-Pos-3);
    color: var(--wc-calendar-timelineItemText-Pos-3); 
}
.wc-calendar-container-timeline-item-pos-4
{
    background-color: var(--wc-calendar-timelineItemBackground-Pos-4);
    color: var(--wc-calendar-timelineItemText-Pos-4);
}
.wc-calendar-container-timeline-item-pos-5
{
    background-color: var(--wc-calendar-timelineItemBackground-Pos-5);
    color: var(--wc-calendar-timelineItemText-Pos-5);
}

.wc-calendar-container-timeline-item-neg-0
{
    background-color: var(--wc-calendar-timelineItemBackground-Neg-0);
    color: var(--wc-calendar-timelineItemText-Neg-0);
}
.wc-calendar-container-timeline-item-neg-1
{
    background-color: var(--wc-calendar-timelineItemBackground-Neg-1);
    color: var(--wc-calendar-timelineItemText-Neg-1);
}
.wc-calendar-container-timeline-item-neg-2
{
    background-color: var(--wc-calendar-timelineItemBackground-Neg-2);
    color: var(--wc-calendar-timelineItemText-Neg-2);
}
.wc-calendar-container-timeline-item-neg-3
{
    border-radius: 20px;
    background-color: var(--wc-calendar-timelineItemBackground-Neg-3);
    color: var(--wc-calendar-timelineItemText-Neg-3);
}
.wc-calendar-container-timeline-item-neg-4
{
    background-color: var(--wc-calendar-timelineItemBackground-Neg-4);
    color: var(--wc-calendar-timelineItemText-Neg-4);
}
.wc-calendar-container-timeline-item-neg-5
{
    background-color: var(--wc-calendar-timelineItemBackground-Neg-5);
    color: var(--wc-calendar-timelineItemText-Neg-5);
}


.wc-calendar-container-timeline-eventline-pos
{
    background-color: var(--wc-calendar-timelineEventBaseline-Pos);
    border-radius: 2px;
}
.wc-calendar-container-timeline-eventline-neg
{
    background-color: var(--wc-calendar-timelineEventBaseline-Neg);
    border-radius: 2px;
}

/*  -----------------------------------------------------------  */

.wc-calendar-container-plan
{
    /* position: absolute;
    display: inline-block; */
}

.wc-calendar-container-plan-header
{
    /* position: absolute;
    display: inline-block; */
    background-color: var(--wc-calendar-eventsHeaderBackground);
    border-bottom: 1px solid var(--wc-calendar-eventsGrid);
}

.wc-calendar-container-plan-events
{
    /* position: absolute;
    display: inline-block; */
    overflow: hidden;
}

.wc-calendar-container-plan-events-area
{
    /* position: absolute;
    display: inline-block; */
    overflow-x: auto;
}

.wc-calendar-container-plan-dates
{
    padding: 10px;
    font-size: larger;
    font-weight: bold;
}

.wc-calendar-container-plan-groups
{
    /* position: absolute;
    display: inline-block; */
    border-right: 1px solid var(--wc-calendar-eventsGrid);
    overflow: hidden;
    background-color: var(--wc-calendar-eventsHeaderBackground);
}

.wc-calendar-plan-events-header
{
    /* position: absolute;
    display: inline-block; */
    background-color: var(--wc-calendar-eventsHeaderBackground);
    border-bottom: 1px solid var(--wc-calendar-eventsGrid);
    overflow: hidden;
}

.wc-calendar-plan-events-header-item
{
    position: absolute;
    display: inline-block;
    border-right: 1px solid var(--wc-calendar-eventsGrid);    
    background-color: var(--wc-calendar-eventsHeaderBackground);
}

.wc-calendar-plan-events-header-info
{
    /* position: absolute;
    display: inline-block; */
    background-color: var(--wc-calendar-eventsHeaderBackground);
    border-right: 1px solid var(--wc-calendar-eventsGrid);
    border-bottom: 1px solid var(--wc-calendar-eventsGrid);
    overflow: hidden;
}

.wc-calendar-plan-header-caption
{
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: larger;
    text-align: center;
    pointer-events: none;
}
.wc-calendar-plan-header-subline
{
    text-align: center;
    pointer-events: none;
}
.wc-calendar-plan-header-cw
{
    border-radius: 30%;
    /* padding: 6px; */
    font-size: 14px;
    float: right;
    /* background-color: var(--wc-calendar-eventsHeaderCWBackground);;
    color: white; */
    font-weight: bold;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    margin-right: 2px;
    margin-top: 2px;
}
.wc-calendar-plan-today
{
    /* background-color: rgba(0, 0, 255, 0.5) !important;
    color: white !important; */

    background-color: var(--wc-calendar-eventsHeaderBackgroundToday) !important;
    color: var(--wc-calendar-eventsHeaderTextToday) !important;
}

.wc-calendar-plan-subgroup-item
{
    /* position: absolute;
    display: inline-block; */
    overflow: hidden;
}

.wc-calendar-plan-daygrid
{
    /* position: absolute;
    display: inline-block; */
    overflow: hidden;
    border-right: 1px solid var(--wc-calendar-eventsGrid);
}

.wc-calendar-plan-item-highlighting
{
    border: 2px solid var(--wc-calendar-itemHighlighting) !important;
    padding: 0px;
}

/*  -----------------------------------------------------------  */

.wc-calendar-container-time
{
    /* position: absolute;
    display: inline-block; */
}






/*  -----------------------------------------------------------  */

.wc-calendar-container-times
{
    display: block;
    float: left;
    border-right: 1px solid var(--wc-calendar-eventsGrid);
    background-color: var(--wc-calendar-timesBackground);
    overflow: hidden;
}
.wc-calendar-container-events
{
    position: absolute;
    display: inline-block;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: var(--wc-calendar-calendarBackground);
}
.wc-calendar-container-events::-webkit-scrollbar 
{
    display: none;
}
  
/* Hide scrollbar for IE, Edge and Firefox */
.wc-calendar-container-events 
{
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}