:root {
    --jscal2-bg2-color: #fafafa;
  }
  
  .DynarchCalendar                              { box-shadow: 0 0 5px rgba(0,0,0,0.5); border-radius: 6px; -moz-user-select: none; -webkit-user-select: none; user-select: none; background: #ffffff; font: 11px "lucida grande",tahoma,verdana,sans-serif; line-height: 14px; position: relative; cursor: default; overflow:hidden; }
  .DynarchCalendar table                        { border-collapse: collapse; font: 11px "lucida grande",tahoma,verdana,sans-serif; line-height: 14px; }
  .DynarchCalendar-topBar                       { border-bottom: 1px solid #e0e0e0; background: var(--jscal2-bg2-color); padding: 8px; }
  table.DynarchCalendar-titleCont               { font-size: 130%; font-weight: bold; color: #666666; text-align: center; z-index: 9; position: relative; margin-top: -6px; }
  .DynarchCalendar-title div                    { padding: 8px 18px; text-shadow: none; }
  .DynarchCalendar-hover-title div              { background-color: #fdfdfd; border-radius: 6px; background-image: url("../img/drop-down.gif"); background-repeat: no-repeat; background-position: 100% 50%; cursor: pointer; }
  .DynarchCalendar-pressed-title div            { border-radius: 6px; background-color: #d0d0d0; color: #fff; background-image: url("../img/drop-up.gif"); background-repeat: no-repeat; background-position: 100% 50%; cursor: pointer; }
  .DynarchCalendar-bottomBar                    { border-top: 1px solid #e0e0e0; background: var(--jscal2-bg2-color); padding: 6px; position: relative; text-align: center; }
  .DynarchCalendar-bottomBar-today              { padding: 6px 15px; }
  .DynarchCalendar-hover-bottomBar-today        { background-color: #fdfdfd; border-radius: 6px; cursor: pointer; }
  .DynarchCalendar-pressed-bottomBar-today      { background-color: #fdfdfd; border-radius: 6px; cursor: pointer; }
  .DynarchCalendar-body                         { position: relative; overflow: hidden; padding-top: 5px; padding-bottom: 5px; }
  .DynarchCalendar-first-col                    { padding-left: 5px; }
  .DynarchCalendar-last-col                     { padding-right: 5px; }
  .DynarchCalendar-animBody-backYear            { position: absolute; top: -100%; left: 0; }
  .DynarchCalendar-animBody-back                { position: absolute; top: 5px; left: -100%; }
  .DynarchCalendar-animBody-fwd                 { position: absolute; top: 5px; left: 100%; }
  .DynarchCalendar-animBody-now                 { position: absolute; top: 5px; left: 0; }
  .DynarchCalendar-animBody-fwdYear             { position: absolute; top: 100%; left: 0; }
  .DynarchCalendar-dayNames                     { padding-left: 5px; padding-right: 5px; }
  .DynarchCalendar-dayNames div                 { font-weight: bold; color: #666666; text-shadow: none; }
  .DynarchCalendar-navBtn                       { position: absolute; top: 5px; z-index: 10; }
  .DynarchCalendar-navBtn div                   { background-repeat: no-repeat; background-position: 50% 50%; height: 15px; width: 16px; padding: 4px; }
  .DynarchCalendar-hover-navBtn div             { border-radius: 6px; background-color: #fdfdfd; cursor: pointer; }
  .DynarchCalendar-navDisabled                  { opacity: 0.3; filter: alpha(opacity=30); }
  .DynarchCalendar-pressed-navBtn div           { border-radius: 6px; background-color: #d0d0d0; color: #fff; cursor: pointer; }
  .DynarchCalendar-prevMonth                    { left: 25px; }
  .DynarchCalendar-nextMonth                    { left: 100%; margin-left: -43px; }
  .DynarchCalendar-prevYear                     { left: 5px; }
  .DynarchCalendar-nextYear                     { left: 100%; margin-left: -23px; }
  .DynarchCalendar-prevMonth div                { background-image: url("../img/nav-left.gif"); }
  .DynarchCalendar-nextMonth div                { background-image: url("../img/nav-right.gif"); }
  .DynarchCalendar-prevYear div                 { background-image: url("../img/nav-left-x2.gif"); }
  .DynarchCalendar-nextYear div                 { background-image: url("../img/nav-right-x2.gif"); }
  .DynarchCalendar-menu                         { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: var(--jscal2-bg2-color); overflow: hidden; opacity: 0.85; filter: alpha(opacity=85); }
  .DynarchCalendar-menu table td div            { text-align: center; font-weight: bold; padding: 6px 10px; }
  .DynarchCalendar-menu table td div.DynarchCalendar-menu-month   { width: 4em; text-align: center; }
  .DynarchCalendar-menu table td div.DynarchCalendar-hover-navBtn { border-radius: 6px; background-color: #fdfdfd; color: #d0d0d0; cursor: pointer; }
  .DynarchCalendar-menu table td div.DynarchCalendar-pressed-navBtn { border-radius: 6px; background-color: #d0d0d0; color: #fff !important; cursor: pointer; }
  .DynarchCalendar-menu-year                    { text-align: center; font: 16px "lucida grande",tahoma,verdana,sans-serif; font-weight: bold; }
  .DynarchCalendar-menu-sep                     { height: 1px; font-size: 1px; line-height: 1px; overflow: hidden; border-top: 1px solid #d0d0d0; background: #fff; margin-top: 4px; margin-bottom: 3px; }
  .DynarchCalendar-hover-week                   { background-color: var(--jscal2-bg2-color); }
  .DynarchCalendar-dayNames div,
  .DynarchCalendar-day,
  .DynarchCalendar-weekNumber                   { width: 1.7em; padding: 6px 8px; text-align: center; }
  .DynarchCalendar-dayNames td:last-child .DynarchCalendar-weekend,
  .DynarchCalendar-week td:last-child .DynarchCalendar-weekend { color: #e0a0a0; }
  .DynarchCalendar-weekNumber                   { border-right: 1px solid #e0e0e0; margin-right: 4px; width: 2em !important; padding-right: 8px !important; }
  .DynarchCalendar-day                          { text-align: right; color: #666666; }
  .DynarchCalendar-day-othermonth               { color: #d0d0d0; }
  .DynarchCalendar-weekend                      { color: #999999; }
  .DynarchCalendar-day-today                    { color: #888888; font-weight: bold; }
  .DynarchCalendar-day-disabled                 { opacity: 0.5; text-shadow: none; }
  .DynarchCalendar-hover-date                   { background-color: #f0f0f0; margin: 0 !important; color: #000; border-radius: 6px; cursor: pointer; }
  .DynarchCalendar-day-othermonth.DynarchCalendar-hover-date { background-color: #f0f0f0; margin: 0 !important; color: #000; border-radius: 6px; cursor: pointer; }
  .DynarchCalendar-dayNames .DynarchCalendar-weekend           { color: #999999; }
  .DynarchCalendar-day-othermonth.DynarchCalendar-weekend      { color: #d0d0d0; }
  .DynarchCalendar-day-selected                 { padding: 6px 8px; margin: 1px; background-color: #ccc; color: #000 !important; border-radius: 6px; }
  .DynarchCalendar-day-today.DynarchCalendar-day-selected { background-color: #bbb; }
  .DynarchCalendar-focusLink                    { position: absolute; opacity: 0; filter: alpha(opacity=0); }
  .DynarchCalendar-focused                      { border-color: #d0d0d0; }
  .DynarchCalendar-focused .DynarchCalendar-topBar,
  .DynarchCalendar-focused .DynarchCalendar-bottomBar { background-color: #f5f5f5; }
  .DynarchCalendar-focused .DynarchCalendar-hover-week { background-color: #f5f5f5; }
  .DynarchCalendar-tooltip                      { position: absolute; top: 100%; width: 100%; }
  .DynarchCalendar-tooltipCont                  { margin: 0 5px 0 5px; border-radius: 6px; border-top: 0; padding: 3px 6px; background: var(--jscal2-bg2-color); }
  .DynarchCalendar-focused .DynarchCalendar-tooltipCont { background: #f5f5f5; border-color: #d0d0d0; }
  
  @media print {
        .DynarchCalendar-day-selected                 { padding: 6px 8px; margin: 1px; background-color: #ccc; color: #000 !important; border-radius: 6px; }
  }