body.chocolate-world-base-theme .main .header span{color:#3f000b}
body.branch-high-contrast-mode .main .header span{color:#3f000b}
body.chocolate-world-base-theme .mob-calendar .mob-header span{color:#3f000b}
body.branch-high-contrast-mode .mob-calendar .mob-header span{color:#3f000b}
body.chocolate-world-base-theme .main .header i{color:#3f000b}
body.branch-high-contrast-mode .main .header i{color:#3f000b}
body.chocolate-world-base-theme .mob-calendar .mob-header i{color:#3f000b}
body.branch-high-contrast-mode .mob-calendar .mob-header i{color:#3f000b}
body.chocolate-world-base-theme section span.time,section span.date{color:#cfcfcf}
body.branch-high-contrast-mode section span.time,section span.date{color:#cfcfcf}
body.chocolate-world-base-theme .selectable .time,.selectable .date{color:#b00060}
body.branch-high-contrast-mode .selectable .time,.selectable .date{color:#3f000b}
body.chocolate-world-base-theme section div.special,section .calender div.special i.isevent{color:#cfcfcf}
body.branch-high-contrast-mode section div.special,section .calender div.special i.isevent{color:#cfcfcf}
body.chocolate-world-base-theme section .selectable div.special{color:#3f000b}
body.branch-high-contrast-mode section .selectable div.special{color:#553b33}
body.chocolate-world-base-theme section .calender .selectable div.special i.isevent{color:#3f000b}
body.branch-high-contrast-mode section .calender .selectable div.special i.isevent{color:#3f000b}
.main{position:relative}
.main .sideb,.main .right-wrapper{background-color:transparent;width:100%;height:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}
.main .header{padding:15px 0 10px;display:flex;justify-content:space-between;width:100%}
.main .sideb table td .date{color:#989f98;font-size:1.4rem;position:absolute;right:6px;top:6px}
section .time,section .date{color:#ced0ce}
section .selectable .time{font-weight:600}
section .selectable .time,section .selectable .date{color:#b00060}
@media screen and (max-width:767px){.prevmonth,.nextmonth{font-size:.63em !important;cursor:pointer !important}
.month,.year{font-size:.7em !important}
}
.main .header i{font-size:2.1rem;padding:0;cursor:pointer}
.main .header span{display:inline-block;margin:0;font-weight:bold;font-size:2.5rem;color:#3f000b;cursor:pointer !important}
.main .header span.prevmonth,.main .header span.nextmonth{font-size:2rem}
.main .header span.prevmonth{padding-left:8px}
.main .header span.nextmonth{padding-right:8px}
.main .right-wrapper{background-color:#f05855;color:white;transform-origin:left center;transform:rotateY(110deg);transition:all .5s}
.main .right-wrapper.is-active{transform:rotateY(0)}
.main .right-wrapper .header{text-align:left;justify-content:center}
.main .right-wrapper .day{font-size:5em;text-indent:-12px;display:block}
.main .right-wrapper .month{font-size:2.5em}
.main .sideb .showDate{color:white;text-align:right;width:100%}
.main .sideb .showDate i{cursor:pointer;padding:8px 12px;transform:scale(1);transition:all .3s}
.main .sideb .showDate i.is-active{transform:scale(-1)}
.main .sideb table{text-align:center;width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;border:0;display:table}
.main .sideb table tbody:before{content:"";display:block;line-height:0;color:transparent}
.main .sideb table th{background-color:#3f000b;color:#fff;font-size:1.75rem;text-transform:uppercase;margin-bottom:10px}
.main .sideb table td{padding:2px;background-color:#ebefeb !important;font-size:1.4rem;transition:all .3s;position:relative;height:100px;width:calc(14.28571429%) !important;border:1px solid #cfcfcf !important}
@media screen and (min-width:768px) and (max-width:991.9px){.main .sideb table td{height:100px}
}
.main .sideb table td::before{content:"";display:none;width:50%;height:2px;position:absolute;left:50%;top:100%;transform:translate(-50%,-8px)}
.main .sideb table td.currentDay::before{display:block}
.main .sideb table td.selectable{background-color:#fff !important}
.main .sideb table td.selectable .date{color:#1b1b1b !important}
.main .sideb table td.between{color:#fff}
.main .sideb table td.active,.main .sideb table td.hover{color:#fff}
.mob-calendar{width:100%;background:#19d1b7;padding:4%}
.mob-rightday{display:flex;flex-flow:column}
.mob-day{margin:10px;background:#fff;display:flex;justify-content:space-between;padding:6px 6px 8px;height:10rem;align-items:center}
.mob-date{font-size:2.3rem;color:#3f000b !important;margin-left:10px;font-weight:800}
.mob-weekday{font-size:1.8rem;color:#3f000b !important;margin-left:10px}
.mob-month,.mob-year{margin-right:5px}
.mob-special i{padding:0 5px 10px 0}
.mob-header i{font-size:2.4rem;padding-bottom:4px}
.mob-time{display:flex;align-items:center;font-size:2.4rem;color:#b00060 !important;margin-right:10px;font-weight:600}
.mob-week-nav{display:flex;justify-content:space-between;font-size:2rem;margin:1rem}
.prevweek.mobnav{padding-left:7px}
.nextweek.mobnav{padding-right:7px}
.mobnav{font-size:2rem;font-weight:600}
.mob-header{display:flex;justify-content:center;font-size:3rem;font-weight:bolder;align-items:center}
.special{font-size:1.3rem;color:#3f000b;font-weight:bolder;font-style:italic;line-height:1;padding:4px 4px 0}
@media screen and (min-width:768px){.special{margin-bottom:-2.2rem;padding-top:8px}
}
@media screen and (min-width:992px){.special{margin-left:auto;font-weight:bolder;font-style:italic}
}
.special a{border-bottom:0;text-decoration:underline}
.isevent{padding:3px}
.mob-special{font-size:1.5rem;color:#3f000b !important;margin-left:10px;font-weight:bolder;font-style:italic}
.mob-special a{border-bottom:0;text-decoration:underline}
@media screen and (max-width:767px){.main{display:none}
}
@media screen and (min-width:768px){.mob-calendar{display:none}
}
.cur-week-div,.cur-btn-div{display:none;width:100%;text-align:center;margin-bottom:20px}
.calender-title{transform:translate(0,30px)}
#calender-logo{color:white;font-size:16px}
.cur-week-btn,.btnCurrentMonth{color:#fff;border:1px solid rgba(255,255,255,0.8);border-radius:3px;background-color:transparent;box-shadow:0 2px 4px 2px rgba(0,0,0,0.12);padding:4px 10px 2px;font-size:14px;font-weight:900;letter-spacing:.5px}
.cur-btn-div{text-align:left}
@media screen and (min-width:1024px) and (max-width:1440px){.main .sideb table{text-align:center;width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;border:0}
}
@media screen and (max-width:417px){.mob-day{margin:10px;background:#fff;display:flex;justify-content:space-between;padding:6px 6px 8px;height:15rem;align-items:center}
}
@media screen and (min-width:1024px){span.time{font-size:1.45rem;position:relative}
}