.td_progress .bar {
  width:170px;
  height:38px;
  color:var(--base-txt-secondary);
}
.td_progress .barm { height:30px}
.td_progress .bar b { color:var(--base-txt-accent); font-weight:normal}
.td_progress .bar .ico {
  float:left;
  width:20px;
  height:20px;
  padding:0;
  margin:4px 5px 0 0;

}
.td_progress .progress, .td_progress .progress_na { margin:0 0 5px 0}

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

.ani_time, .ani_timer {float:right;height: 24px;width: 30px;border-radius: 6px;padding: 4px;}
.no_timers .ani_timer, .no_timers [name*=btn-start_timer] {display:none}
.ani_time span, .ani_timer span {display:block; width:20px; height:20px; margin:2px 0 0 5px}
.ani_time span {background:url(/assets/img/iconset.svg) no-repeat -120px -20px}
.ani_timer span {background:url(/assets/img/iconset.svg) no-repeat -100px -20px}
.ani_time:hover span {background:url(/assets/img/iconset.svg) no-repeat -120px -40px}
.ani_timer:hover span {background:url(/assets/img/iconset.svg) no-repeat -100px -40px}
.ani_close {float:right;height: 32px;width:140px;position:relative;font: 13px/32px var(--font-base);margin: 0;border-radius: 6px;text-align:center;z-index:1003;padding: 0;overflow: hidden;}
.ani_close .s1 {position:absolute;left:0;top:0;right:0;height: 32px;overflow:hidden;border-radius: 6px;display: flex;align-items: center;justify-content: center;gap: 8px;}
.ani_close .s2, .ani_close .s3 {position:absolute;top:0;width:0;height: 32px;border-radius:4px 0 0 4px;transition:width 0.3s ease;-webkit-transition:width 0.3s ease}
.ani_close .s2 {left: 0;}
.ani_close .s3 {right:0; border-radius:0 4px 4px 0}
.ani_close:hover .s2, .ani_close:hover .s3 {width:50%}
.ani_close .ico {opacity:0;left:50%;margin:0 0 0 -10px;width:20px;height:20px;padding:0;position:absolute;top: 6px;}
.ani_close:hover .ico {opacity:1; transition:opacity 0.1s ease 0.3s; -webkit-transition:opacity 0.1s ease 0.3s}
.ani_open {float:right; height:24px; width:140px; position:relative; font:13px/24px var(--font-base); margin:8px 0 0 0; border-radius:4px; text-align:center; z-index:1003}
.ani_open .s1 {position:absolute; left:0; top:0; right:0; height:24px; border-radius:4px}
.ani_open .s2 {position:absolute; left:50%; top:0; width:0; height:24px; overflow:hidden; border-radius:4px; transition:all 0.3s ease; -webkit-transition:all 0.3s ease}
.ani_open:hover .s2 {width:100%; left:0}
.ani_open .ico {opacity:0; left:50%; width:20px; height:20px; margin:0 0 0 -10px; padding:0; position:absolute; top:2px}
.ani_open:hover .ico {opacity:1; transition:opacity 0.1s ease 0.3s; -webkit-transition:opacity 0.1s ease 0.3s}
.ani_open .s4, .ani_close .s4 {position:absolute;left:0;top:0;right:0;height: 32px;}

.ani_close.ani_close-28 {height: 28px;font: var(--font-ui-12-mini-med)}
.ani_close.ani_close-28 .s1,.ani_close.ani_close-28 .s2, .ani_close.ani_close-28 .s3, .ani_close.ani_close-28 .s4 {height: 28px;}
.ani_time.ani_time-28, .ani_timer.ani_timer-28 {padding: 2px 4px}
.ani_close.ani_close-28 .ico {top:4px}

@media (max-width: 560px) {
	.ani_close, .ani_open {width:110px}
}
@media (max-width: 400px) {
	.ani_close {width:90px;}
	.ani_open {width:110px;}
}

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

.restrict3 {
  background:var(--base-hlt-w-pressed);
  color:var(--base-txt-alert-major);
  font:11px/20px var(--font-base); padding:5px 10px;
}
.restrict2 {
  background:var(--base-hlt-w-pressed);
  font:12px/20px var(--font-base);
  margin:0 -20px 15px -20px;
  padding: 8px 20px;
}
/* ----------- MinifyCSS: LIGHT THEME ----------- */
.restrict2 {color: var(--base-btn-alert-primary-major);}
/* ----------- MinifyCSS: DARK THEME -----------
.restrict2 {color: var(--base-btn-alert-primary-minor);}
 ----------- MinifyCSS: STOP ----------- */

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

.modal__content .restrict2 {margin:0 0 10px;}
.modal__content .restrict2 ~ .modal__content__block {margin-top:-10px;}
.modal__content #task_inside .restrict2 {margin:-20px -20px 20px -20px;}
.modal__content .restrict2 a.button {position: absolute;right: 15px;top: 6px;margin: 0;opacity: 0.75;}
.modal__content .restrict2 a.button_error:before {content:'+'; font:20px/20px var(--font-base); float:left; margin:0 5px 0 0;}
.modal__content .restrict2 a.button_white {box-shadow:none}
.modal__content .restrict2 a.button_white .ico_l {margin:0 4px 0 -2px}

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

#draft_load, #draft_error { display:none; float:right; margin:9px 8px 0 12px}
#draft_load.doing,#draft_error.doing {display:inline-block;}
#draft_save {display:none; padding:0 5px; font:11px/18px var(--font-base); margin:3px 3px 0 -100px; width:130px; text-align:center; float:right; text-transform:lowercase; border-radius:4px; position:relative}
.editor #draft_save.draft_act {display:inline-block}
#draft_del {display:none}
.editor #draft_del {margin:6px 5px 0 10px}
#draft_load.doing ~ .draft, #draft_error.doing ~ .draft {display:none;}
#subscribe_me a, #subscribe_me2 a {font:12px/24px var(--font-base); padding:0; border-radius:4px; float:right; width:100px; text-align:center; position:relative}
#subscribe_me {height:24px;padding: 15px 5px 0;}
.commentForm #subscribe_me {display: none !important;}
.task #subscribe_me {float:right; padding:0;margin:20px 40px 0 -100%; }
.task #subscribe_me ~ #subscribers_inline {display:none}
.commentList__item-collapsed #subscribe_me {display: none !important;}
#subscribe_me2 {margin:20px 40px 0 -100%; float:right; }
#subscribe_me2 a .ico_r, #subscribe_me a .ico_r {position:absolute; right:-35px; top:2px}
#subscribe_me a .ico_r {display:none}
.task #subscribe_me a .ico_r {display:block;}
#subscribers_inline {float:right; font:13px/20px var(--font-base); color:var(--base-txt-tertiary); padding:9px 10px; height:20px; margin:15px -10px -20px; border-radius:20px;}
#subscribers_inline:hover { color:var(--base-txt-link-minor)}
#subscribers_inline:hover font { border-bottom:1px dashed}
#subscribers_inline span.cnt {font-weight:bold; background:var(--base-hlt-notr-hover); color:var(--base-txt-accent); border-radius:10px; padding:2px 7px; margin:0 0 0 4px;}
#subscribers_inline span.cnt:empty {display:none}
#subscribers_inline .ico_privbig, #subscribers_inline .ico_subsbig {margin:-5px 0 -5px 10px }

.modal__content #task_inside { min-height:200px}

@media (min-width:481px) {
.modal .task .content {padding-left: 30px;}
.modal .task #files_new {margin-left:30px;}
.modal .task .page_content {}
}
@media (max-width:480px) {
#draft_load, #draft_error {margin: 0px 11px;}
}