.priorb {display:inline-block;width:20px;height:20px;vertical-align:middle;white-space:nowrap;margin:-3px 2px -1px;text-align:center;font: var(--font-ui-10-nano-med);line-height: 20px;border-radius: 6px;}
.priorb b {color:inherit !important; font-weight:bold !important}
h1 .priorb {font:18px/20px var(--font-base); padding:2px; margin:-4px 2px -2px; letter-spacing: -2px; text-indent:-2px;}
.modal__header > .in .prior_sp .priorb, .modal__header > .in .prior_sp .prior10 {font:bold 16px/25px var(--font-base) !important; padding:0 !important; width:25px; height:25px; float:left; margin:-2px 10px 0 0; text-align:center}
.priorb--initial {
	width: initial;
	height: initial;
	margin: 0;
	padding: 0 6px;
}

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

#prioritySelectMenu {
	width: 220px;
	z-index: 2000;
}

.menu__item.pra span.prior_label, .menu__item.pra span:first-child {
	display: block;
	width: 20px;
	height: 20px;
	border-radius: 6px;
	text-align:center;
	color: var(--prior-txt);
	font: var(--font-ui-10-nano-reg);
	font-family: monospace;
	line-height: 21px;
	margin: 0 6px;
}
.menu__item.pra .inputCheckbox {
	display: flex;
	align-items: center;
}
.menu__item.pra .inputCheckbox span {
	display: flex;
	align-content: center;
	align-items: center;
}
.menu__item.pra .in {
	display: flex;
}
.menu__item.pra[data-tasks-count="0"] .in .flex_content {
	color: var(--base-txt-tertiary);
}
.menu__item.pra[data-tasks-count="0"] .in .flex_content::after {
	content: " (0)"
}

.menu__item.pra0 ws-icon {
	width: 20px;
	height: 20px;
}

.prior0 {

}
.prior0 svg {
	width: 16px;
	height: 16px;
	fill: var(--white-primary) !important;
}
ws-icon .prior0 svg {
	width: var(--icon-size);
	height: var(--icon-size);
}
.dataTable .dataTable__item td.td_priority task-priority span.prior0 {
	background: none !important;
	svg { fill: var(--base-txt-tertiary) !important; }
}
.dataTable .dataTable__item td.td_priority task-priority span.prior0 svg {
	fill: var(--prior-0);
}
.menu__item.pra span.prior0 {
	background: none !important;
	svg { fill: var(--base-txt-tertiary) !important; }
}
.menu__item.pra span.prior0 svg {
	fill: var(--prior-0);
}


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

.proj_color[onclick] {cursor:pointer;}
span.proj_color {
	background:var(--project-color);
}
ws-icon.proj_color:not([name]) {
	border-radius:4px;
	background:var(--project-color);
}
ws-icon[name].proj_color svg {
	fill: var(--project-color) !important;
}

.proj_color_sel {min-height: 140px;}
.proj_color_sel div.clear {clear:left;}
.proj_color_sel .proj_color {
  float:left;
  width:26px;
  height:26px;
  text-align:center;
  overflow:hidden;
  margin: -5px 3px 15px;
  padding:3px;
  border-radius:16px;
}
.proj_color_sel:not(.proj_color_sm) .proj_color[data-color="6"] {clear:left;}
.proj_color_sel:not(.proj_color_sm) .proj_color[data-color="5"], .proj_color_sel:not(.proj_color_sm) .proj_color[data-color="10"]{margin-right:-50px !important;}
.proj_color_sel a.proj_nocolor {color:var(--base-txt-tertiary); padding:6px; background:transparent}
.proj_color_sel a.proj_nocolor span.proj_color0 {float:left; border:1px solid var(--base-line-alt-cardbrd); padding:2px; margin:-3px 10px -3px 0; border-radius:16px;}
.proj_color_sel a.proj_nocolor span.proj_color0:before{ content:''; float:left; width:20px; height:20px; background:url(/assets/img/wysiwyg_iconset_new.svg) -220px -20px;}
.proj_color_sel a.proj_nocolor.selected span.proj_color0 {background: var(--base-cont-top)}
.proj_color_sel a.proj_nocolor.selected {color:var(--base-txt-secondary)}
.proj_color_sel .proj_color.selected {background: var(--colors-alpha-light-100) !important;border-radius: 16px !important;}
.proj_color_sel .proj_color span {float: left;width:26px;height:26px;border-radius:16px;background:  var(--project-color);}
.proj_color_sel .proj_color.presel span:before {content:''; display:block; background:var(--base-cont-top); width:8px; height:8px; margin:11px; border-radius:50%}
.proj_color_sel .proj_color.presel span, .proj_color_sel .proj_color.selected span {width:30px; height:30px; margin:-2px; }
.proj_color_sel .proj_color.presel:hover span {width: 20px;height: 20px;margin: 3px;}
.proj_color_sel .proj_color.presel:hover span:before {width: 10px;height: 4px;margin: 8px 5px;border-radius: 0;}

.proj_color_sm {min-height:0; display:flex;align-items:center; justify-content:space-between;}
.proj_color_sm .proj_color {width:16px; height:16px; margin:5px 1px; padding:2px; float:none; display: block}
.proj_color_sm .proj_color.menu__item-zero {transform:scale(0.5)}
.proj_color_sm .proj_color span {width:16px; height:16px;}
.proj_color_sm .proj_color.selected {background: var(--colors-alpha-light-100) !important}
.proj_color_sm .proj_color.presel span:before {margin:6px; width:6px; height:6px;}
.proj_color_sm .proj_color.presel span, .proj_color_sm .proj_color.selected span {width:18px; height:18px; margin:-1px; }
.proj_color_sm .proj_color.presel:hover span {width:16px; height:16px; margin:0; }
.proj_color_sm .proj_color.presel:hover span:before {margin: 6px 3px;transform: scale(0.8);}

.menu .proj_color_sm .proj_color0 {background:var(--base-cont-top); box-shadow:0 0 0 1px var(--base-line-alt-cardbrd) inset;}
.filter div.filt a.filtdel.proj_color0 {background: var(--base-cont-low);box-shadow: 0 0 0 1px var(--base-btn-primary-minor) inset;}
.filter div.filt a.filtdel.proj_color {border-radius:25px;background: var(--project-color);}
.filter div.filt a.filtdel.proj_color:hover:before, body.mobile .filter div.filt a.filtdel.proj_color:before {right:6px;}

.modal__header > .in > .proj_color {position:absolute; width:20px; height:20px; left:-10px; top:-10px; transform:rotate(45deg)}

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

.prior_sel_sm {height: 24px;}
.prior_sel_sm a {float:left; width:18px; height:18px; padding:0; color:var(--white-accent) !important; border-radius:10px; text-align:center; margin:3px; font:9px/19px var(--font-base)}
.prior_sel_sm a:hover {padding:1px; margin:2px;}
.prior_sel_sm a:last-child {margin-right:-20px;}
.filter div.filt a.filtdel.prior {color:var(--white-accent) !important; font-weight: bold}
.menu .prior_sel_sm a.menu__item-zero {transform:scale(0.5); background:var(--base-cont-low) !important; color:transparent !important}
.menu .prior_sel_sm a.menu__item-zero:after {display:none}

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

#colors {
  padding:0;
  margin:0 0 10px 0;
}
#colors div.colors {
  float:left; width:174px;
}
#colors a {
  float:left;
  background:var(--base-cont-low);
  color:var(--base-txt-secondary);
  margin:0 2px 2px 0;
  width:27px;
  height:25px;
  font:14px/27px var(--font-base);
  text-align:center;
  background: var(--tag-bg);
  color: var(--tag-color);
}
#colors a span { visibility:hidden}
#colors a:hover span { visibility:visible}
#colors a:hover:before {content:'A'}
#colors a.tag_act:before { content:'\2022'}