#calendar {margin:0 -4px 0;position:relative;background: var(--colors-alpha-dark-10);}
#calendar td {vertical-align:top;}
#calendar td {
  padding:0;
  width:14% !important;
  max-width:14% !important;
	box-shadow: 0 2px 0 transparent inset;
	transition: box-shadow 0.6s ease;
}
body.desktop #calendar td.td_range, body.desktop #calendar td:hover {box-shadow:0 2px 0 var(--cal-grid-range) inset;}
#calendar td div.title {
	display: flex;
	align-items: center;
	height: 40px;
  font: var(--font-ui-14-regular-reg);
  padding: 0 12px;
}
#calendar td div.title a {
  float:left; color:var(--base-txt-tertiary); font:11px var(--font-base);
  max-width:14% !important
}
#calendar td div.title span.we {display:none;}
#calendar td div.title span.day {font: var(--font-ui-11-micro-reg);color:var(--base-txt-secondary)}
#calendar td.prev div.title span.day {color: var(--base-txt-muted);}
#calendar td.day1 div.title span.day {color:var(--base-txt-primary)}
#calendar td div.title span.day b {
	display: inline-block;
  margin: 0 0 0 5px;
  font: var(--font-ui-22-title-1-semi);
	transform: scale(1);
	transition: transform 0.2s ease, color 0.2s linear;
	white-space: nowrap;
}
body.desktop #calendar td:not(.today).td_range div.title span.day b,
body.desktop #calendar td:not(.today):hover div.title span.day b {
	color: var(--base-txt-accent);
	transform: scale(1.1);
}
#calendar td.today div.title span.day b {
	min-width: 30px;
  padding: 2px 8px;
	box-sizing: border-box;
	text-align: center;
  border-radius:20px;
	background: var(--base-txt-primary);
	color: var(--base-txt-btn-flip);
	transform: none;
}
#calendar td div.title a:hover {
  color:var(--base-txt-link-major);
}
#calendar div.title span.date {
  font:12px/20px var(--font-base);
  padding:0 3px;
}
#calendar td div.title .ico_l {margin:10px 8px;}
#calendar td.td_range span.ico_today2 {display:none}
#calendar td.prev div.title {
  color: var(--base-txt-ghost);
}
#calendar td.weekend div.title span.day {color: var(--base-txt-muted);}
#calendar td.prev1, #calendar td.prev2 {position:relative; }
#calendar td.prev2:before {content:'';position:absolute;right: 0;top:0;bottom:0;width:2px;}
#calendar td.prev1:before {content:''; position:absolute; left:0; top:0; bottom:0; width:2px;}
#calendar td.holiday {background:var(--colors-graphite-960); background-image: linear-gradient(var(--cal-grid-holiday), var(--cal-grid-holiday));}
#calendar td.drag_over {box-shadow: 0 4px 0 var(--base-txt-accent) inset !important;}
#calendar td.nodrop_day.drag_over, #calendar td.drop_day.drag_over_err {box-shadow: 0 4px 0 var(--base-txt-btn-w) inset !important;}
#calendar td div.text {padding: 0 0 30px 0;min-height: 200px;width: calc((100vw - 76px) / 7);}
body.withSidebar #calendar td div.text {width: calc((100vw - 76px - 260px) / 7);}

.listing__item {height:24px;margin: 0 0 3px;padding: 0 4px 0 0;transition: background-color 0.2s ease, color 0.2s ease;}
.listing__item-end, .listing__item-endApproximate {margin-right: 8px;}
.listing__item-start, .listing__item-endApproximate {margin-left: 8px;}
.listing__item-start {border-radius: 16px 0 0 16px;}
.listing__item-end {border-radius: 0 16px 16px 0;}
.listing__item-end.listing__item-start, .listing__item-endApproximate {border-radius:16px}
.listing__item span.time {background: var(--white-secondary);padding: 0 5px;margin: 4px 0 4px 4px;font: 11px/16px var(--font-base);float:right;border-radius: 8px;text-align: center;color: var(--base-txt-secondary);}
.listing__item span.time-x2 {white-space:nowrap;}
.listing__item-start span.time {margin-left:-7px}
.listing__item-done {
	color: var(--base-txt-tertiary) !important;
	--icon-color: var(--base-txt-tertiary) !important;
	text-decoration-line: line-through;
	text-decoration-color: var(--base-line-primary);
	text-decoration-thickness: calc(var(--screen-px) * 1.5);
}
.listing__item-done .av_svg {--icon-color: var(--base-txt-tertiary) !important; border-color: var(--base-txt-tertiary) !important;}
.listing__item-doneOk ws-icon[name*=task_done] {--icon-color: var(--base-txt-btn-c);}
.listing__item-doneWithDelay ws-icon[name*=task_done] {--icon-color: var(--base-txt-btn-w);}
.listing__item-birthDay {}
.listing__item a.b, .listing__item span.b {
  font: var(--font-ui-12-mini-reg);
  display:block;
  white-space:nowrap;
  padding:2px 5px 2px 10px;
  color:inherit;
  flex-grow: 1;
  flex-shrink: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.listing__item font, .listing__item font, .listing__item b {overflow:hidden; display:block;text-overflow:ellipsis;  }
#calendar .text .sub {
  margin: 0;
}

.listing__item ws-icon {--icon-size: 16px; --icon-color: var(--base-txt-secondary);}
.listing__item ws-icon[name*="holiday"], .listing__item ws-icon[name*="sick_leave"], .listing__item ws-icon[name*="unpaid_leave"], .listing__item ws-icon[name*="birthday"] {--icon-size: 18px;}
.listing__item ws-icon[name="merge"] {transform: rotateY(180deg);}
.listing__item:hover ws-icon[name="block"], .listing__item:hover ws-icon[name="merge"] {--icon-color: var(--base-txt-btn-w);}
.listing__item .time + ws-icon {margin-left: 2px;}
.listing__item ws-icon svg {transition: fill 0.2s ease;}

.listing__item .av_sm {float:left;margin:0 5px 0 0;transform: scale(0.85); display:none}
.listing__item-start .av_sm, .listing__item-endApproximate .av_sm {display: flex;justify-content: center;}
.listing__item .priorb  {margin: 2px 0 2px 4px;border-radius:10px;}
body.desktop .listing__item .prior1 {margin-right: -24px; transition: margin 0.2s ease;}
body.desktop .listing__item:hover .prior1 {margin-right: 0;}
body.desktop .listing__item.cal_end:hover .time {display: none}
.listing__item .hot_dot  {float:right;margin: 3px;display: none;}
.listing__item .hot_dot:before {background:var(--base-btn-alert-primary-minor)}
.listing__item .time + .priorb {}
@media (min-width:1440px) {
	.listing__item {height: 28px;}
	.listing__item span.time {font: 11px/20px var(--font-base);border-radius: 10px;}
	.listing__item a.b, .listing__item span.b {font: var(--font-ui-13-small-reg);padding: 4px 5px 4px 10px;}
	.listing__item .av_sm {margin: 0 5px 0 2px; transform:none}
	.listing__item .priorb {margin: 4px 0 4px 4px;}
	.listing__item .hot_dot {margin: 5px 3px;}
}

.listing__item-dragabble, .listing__item-dragabble a {cursor:move;cursor:grabbing;}
.listing__item-dragabble.mouse_nodrop, .listing__item-dragabble.mouse_nodrop a {cursor: no-drop !important;}

div.listing__item_hover { box-shadow:0 0 5px inset;}

body.desktop td .title ws-btn,
body.desktop #calendar td .title ws-icon[name="block"] {
	opacity: 0;
	transform: scale(0.6);
	transition: transform 0.2s ease-out, opacity 0.4s ease-out;
}
body.desktop td:hover .title ws-btn,
body.desktop #calendar td:hover .title ws-icon[name="block"] {
	opacity: 1;
	transform: scale(1);
}

#calendar td .title ws-icon[name="block"] {--icon-size: 20px; --icon-color: var(--base-txt-btn-w);}

.listing__item-project a.b, .listing__item-project span.b {font-weight: bold;} {background: var(--base-cont-note-major);font-weight: bold;}

.listing__item {display: flex;align-items: center;overflow: hidden;flex-wrap: nowrap;}
.listing__item > * {flex-shrink: 0; flex-grow: 0}
/* ----------- MinifyCSS: LIGHT THEMEMinifyCSS: LIGHT THEME ----------- */
body{background: var(--colors-graphite-900);}
#calendar td{background: var(--colors-steel-970);}
.listing__item span.time{background: var(--white-ghost);color: var(--base-txt-primary);}
#calendar td.td_range.today div.title span.day b,#calendar td.today:hover div.title span.day b{border-color: var(--colors-violet-750);}
#calendar td.weekend{background: var(--colors-graphite-960);}
#calendar td.extraday{background:var(--base-cont-top)}
#calendar td.prev{background: var(--colors-graphite-960);}
#calendar td.prev2:before{background: var(--colors-titan-500);}
#calendar td.prev1:before{background: var(--colors-titan-500);}

.listing__item {background: var(--colors-interblue-trans-100);box-shadow: 0 0 0 1px var(--colors-alpha-light-15) inset;color: var(--colors-interblue-300);}
.listing__item .av_svg {--icon-color: var(--colors-interblue-300); border-color: var(--colors-interblue-300);}
body.desktop .listing__item:hover, body.desktop .listing__item.listing__item-session, body.desktop .listing__item.item_hover {color: var(--colors-interblue-100);background: var(--colors-interblue-trans-300);text-shadow:none;}
body.desktop .listing__item:hover a, body.desktop .listing__item a:hover, body.desktop .listing__item.listing__item-session a, body.desktop .listing__item a.listing__item-session, body.desktop .listing__item.item_hover a, body.desktop .listing__item a.item_hover {color:inherit}
.listing__item-done {background: var(--colors-graphite-trans-300);}
body.desktop .listing__item-done:hover, body.desktop .listing__item-done.listing__item-session, body.desktop .listing__item-done.item_hover {}
.listing__item-withDelay {background: var(--colors-red-trans-300);color: var(--colors-red-300);}
.listing__item-withDelay .av_svg {--icon-color: var(--colors-red-300) !important; border-color: var(--colors-red-300) !important;}
body.desktop .listing__item-withDelay:hover, body.desktop .listing__item-withDelay.listing__item-session, body.desktop .listing__item-withDelay.item_hover { color: var(--colors-red-100); background: var(--colors-red-desat-900-easy);}
.listing__item-project {background: var(--colors-amber-alpha-300-a40);}
.listing__item-project ws-icon.av_svg, .listing__item-project ws-icon[name*="grid"] {--icon-color: var(--colors-interblue-300); border-color: var(--colors-interblue-300);}
.listing__item-project.listing__item-withDelay {background: var(--colors-red-trans-200);}
body.desktop .listing__item-project:hover, body.desktop .listing__item-project.listing__item-session, body.desktop .listing__item-project.item_hover {}
.listing__item-birthDay {background: var(--colors-pink-trans-300);color: var(--colors-pink-300);}
body.desktop .listing__item-birthDay:hover, body.desktop .listing__item-birthDay.listing__item-session, body.desktop .listing__item-birthDay.item_hover {background: var(--colors-pink-trans-400);color: var(--colors-pink-300);}
body.desktop .listing__item-doneWithDelay:hover, body.desktop .listing__item-doneWithDelay.listing__item-session, body.desktop .listing__item-doneWithDelay.item_hover {}
.listing__item-holidays {background: var(--colors-teal-alpha-750-a20);color: var(--colors-teal-300);}
.listing__item-illdays{background: var(--colors-purple-alpha-600-a15);color: var(--colors-purple-300);}
body.desktop .listing__item-holidays.item_hover, body.desktop .listing__item-holidays:hover {background: var(--colors-teal-alpha-750-a40);color: var(--colors-teal-300);}
body.desktop .listing__item-illdays.item_hover, body.desktop .listing__item-illdays:hover {background: var(--colors-purple-alpha-600-a40);color: var(--colors-purple-300);}
/*----------- MinifyCSS: STOPMinifyCSS: STOP ----------- */


.listing__item-group {
 background:none;
 margin-right:0;
 color:var(--base-txt-tertiary);
 box-shadow: none;
}
@media (max-width: 900px) {
  #calendar td.weekend, #calendar td.weekendp {display:none}
  #calendar td {width:20% !important;}
  #calendar td div.text {width: calc((100vw - 8px) / 5);}
}
@media (max-width: 900px) {
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
	body.mobile[data-page=calendar] #content {padding-left: 0; padding-right: 0;}
  #calendar {width:auto !important; display:block; margin:0;}
  #calendar tbody {width:auto !important; display:block}
  #calendar tr {display:block;}
  #calendar tr td {display:block; width:auto !important; height:auto !important; max-width:100% !important; box-sizing:border-box !important; box-shadow: 0 var(--screen-minus-px) var(--base-line-secondary) inset, 0 var(--screen-px) var(--base-line-secondary) inset;}
  #calendar td.weekend, #calendar td.weekendp {display:block}
	#calendar td.prev1:before, #calendar td.prev2:before {height: 2px; width: 100%;}
	#calendar td.prev2:before {top: auto;}
	#calendar td div.title {padding: 0 16px; height: 48px; flex-direction: row-reverse;}
  #calendar tr td div.text {padding:0 0 28px 44px !important;width:auto !important; min-height: 160px; margin:0 !important; box-sizing:border-box !important}
	.listing__item {height: 36px; padding: 0 8px 0 6px;}
	.listing__item-start {border-radius: 18px 0 0 18px;}
	.listing__item-end {border-radius: 0 18px 18px 0;}
	.listing__item-end.listing__item-start, .listing__item-endApproximate {border-radius: 18px;}
	.listing__item-end:not(.listing__item-start, .listing__item-endApproximate) {margin-left: -44px;}
	.listing__item-end:not(.listing__item-start, .listing__item-endApproximate) a.b,
	.listing__item-end:not(.listing__item-start, .listing__item-endApproximate) span.b {padding-left: 56px;}
	.listing__item ws-icon {--icon-size: 20px;}
	.listing__item .av_sm {transform: scale(1);}
	.listing__item a.b, .listing__item span.b {font: var(--font-ui-15-large-reg);}
	.listing__item span.time {font: var(--font-ui-13-small-reg);}
}
@media print {
  #calendar td.prev {background:var(--base-cont-top)}
  .listing__item-done {background:var(--base-cont-low)}
}

.drag_clone [data-title]:after {display:none !important}
.drag_clone {z-index:1030}

.listing__item-done:before,.listing__item-doneWithDelay:before {/* content:'✓'; */float:right;margin:2px 5px;}

#content {}

body.mobile .listing__item {-webkit-user-select: none;-webkit-touch-callout: none; }
body.drag_do {pointer-events:none}
body.drag_do .drag_clone {pointer-events:initial}

@media print {
	#calendar td.prev, #calendar td.today {background:var(--base-cont-top) !important}
	#calendar td {border:1px solid var(--base-line-alt-gap-major)}
	td.prev .listing__item span.start {background-position: 0 -20px !important}
	td.prev .listing__item span.end {background-position:-28px -20px !important}
}



.listing__item-outdated {
	position:relative;
}
.listing__item-outdated .ico_done_place,
.listing__item-outdated .time,
.listing__item-outdated .priorb {
	display:none
}
.listing__item-outdated:after {
	content:'';
	position: absolute;
	top: 50%;
	right: 10px;
	background: var(--base-btn-primary-minor);
	padding: 5px;
	border-radius: 5px;
	margin:-5px 0;
}
div.cal_item-repeat {
    background: transparent;
    border: 1px dashed var(--base-hlt-g-selected);
    color: var(--base-txt-tertiary);
    box-shadow: unset;
	transition: background-color 0.2s ease;
}
body.desktop div.cal_item-repeat:hover, body.desktop div.cal_item-repeat.item_hover {
	background:var(--base-hlt-g-hover);
	border-color: var(--base-hlt-g-active);
	color: var(--base-txt-secondary);
}
div.cal_item-repeat .av_sm:not(.av_svg) {
    opacity: .5;
    filter: grayscale(1);
	transition: opacity 0.2s ease;
}
body.desktop div.cal_item-repeat:hover .av_sm, body.desktop div.cal_item-repeat.item_hover .av_sm {
    opacity: 1;
}
div.cal_item-repeat ws-icon.av_svg, div.cal_item-repeat ws-icon[name="hourglass"] {--icon-color: var(--base-txt-tertiary); border-color: var(--base-txt-tertiary);}
body.desktop div.cal_item-repeat:hover ws-icon,
body.desktop div.cal_item-repeat.item_hover ws-icon {--icon-color: var(--base-txt-secondary); border-color: var(--base-txt-secondary);}