/*
  This file is a part of myTinyTodo.
*/

/*
  Browsers support:
  Flexbox layout - https://caniuse.com/flexbox
  CSS masks from SVG images - https://caniuse.com/mdn-css_properties_mask-image_svg_masks
  CSS variables - https://caniuse.com/css-variables
*/


/* light colors */

:root {
  --color-bg: #fff;
  --procTaskTime: 0;
  --color-text-default: #000;
  --color-text-reduced: #222;
  --color-text-reduced2: #666;
  --color-text-reduced3: #999;
  --color-link: blue;
  --color-btn-reduced: #707070;
  --color-btn-reduced-hover: #4c4c4c;
  --color-btn-default: #000;
  --color-btn-hover: #efefef;
  --color-submit: #eee;
  --color-submit-hover: #ddd;
  --color-row-underlinig: #dedede;
  --color-border-default: #ccc;
  --color-border-focus: #5a8df0;
  --color-border-focus-shadow: rgba(90,141,240,0.7);
  --color-error: var(--color-text-reduced);
  --color-error-bg: #ff3333;
  --color-info: var(--color-text-reduced);
  --color-info-bg: #EFC300;
  --color-input-bg: #fff;

  --color-toolbar: #ededed;
  --color-btn-toolbar-hover: #ddd;
  --color-content-delimiter: #b5d5ff;
  --color-footer: #b5d5ff;

  /* Tabs */
  --color-tab: #fbfbfb;
  --color-tab-selected: var(--color-toolbar);
  --color-tab-hover: #ddd;
  --color-tab-border: #ededed;
  --color-tab-text: #333333;
  --color-btn-tab: #888;
  --color-btn-tab-hover: #fff;
  --color-btn-tab-hover-bg: #999;

  /* Menu */
  --color-menu: #f9f9f9;
  --color-menu-border: var(--color-border-default);
  --color-menu-hover: #5a8df0;
  --color-menu-text: #000;
  --color-menu-text-hover: #fff;
  --color-menu-text-disabled: #ACA899;
  --color-popup-shadow: 1px 2px 5px rgba(0,0,0,0.5);

  /* Tasklist */
  --color-tasklist-row: var(--color-bg);;
  --color-tasklist-row-border: var(--color-row-underlinig);
  --color-tasklist-row-inter-border: #f0f0f0;
  --color-tasklist-row-expanded-border: var(--color-tasklist-row-border);
  --color-tasklist-tag: var(--color-tab-text);
  --color-tasklist-note-link: #777;
  --color-tasklist-link-hover: var(--color-link); /* #af0000 */
  --color-taglist-text-hover: var(--color-bg);
  --color-taglist-text-hover-bg: var(--color-btn-tab-hover-bg);
  --color-tasklist-listname: #8d4b30;
  --color-tasklist-listname-bg: transparent;

  /* Priority */
  --color-priority-none: #89cf9d;
  --color-priority-low: #e3edff;
  --color-priority-high: #eeb771;
  --color-priority-urgent: #d40000;
  --color-priority-text: #fff;


  /* DueDates */
  --color-duedate-default: var(--color-tab-text);
  --color-duedate-soon: #008000;
  --color-duedate-today: #FF0000;
  --color-duedate-past: #A52A2A;


  /* Markdown */
  --color-md-border: #ddd;
  --color-md-bg-highlighted: #f8f8f8;
  --color-md-text-blockquote: #777;

  /* Settings */
  --color-settings-row: #f5f5f5;

  /* */
  --color-placeholder: #ddd;
  --color-placeholder-border: #aaa;

  /*--svg-select: url(images/select.svg);*/
  --svg-select: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNCAxNCI+PHBvbHlsaW5lIHBvaW50cz0iMiA2LCA3IDExLCAxMiA2IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZT0iIzQ0NCIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==");
}

/*	default style	*/

html {
  height:100%;
  /*overflow-y:hidden; /* for modal overlay to disable scrolling, but breaks position:absolute */
  font-size:16px; /* =1rem */
}
body {
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 100%;
  background-color: var(--color-bg);
  color: var(--color-text-default);
  display:flex;
  flex-direction:column;
  align-items:center;
  overflow-y: scroll; /* always show scrollbar */
}
body, td, th, input, textarea, select, button {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", /*Roboto,*/ Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-size: 1rem;
}
#mtt {
  flex: 1 0 auto;
  width:100%;
  max-width:1000px;
  padding:8px;
  margin-bottom:8px;
  box-sizing: border-box;
}


form { display: inline; }
.topblock h2 {
  margin:0;
  font-size:1.5rem;
  padding-left: 30px;
  padding-right: 10px;
  background: url(images/logo.gif) no-repeat top left;
  background-size: 24px 24px;
}
#mtt.ajax-loading .topblock h2 {
  background-image: url(images/logo-loading.gif);
}

#mtt_body.show-all-tasks .taskbox-c { display:flex; }

/* preload images */
body::after {
  position:absolute; width:0; height:0; overflow:hidden; z-index:-1;
  content:url(images/logo-loading.gif) url(images/checkmark.svg) url(images/arr-right.svg) url(images/closetag.svg)  url(images/rss.svg) url(images/rss-disabled.svg);
}

h3.page-title { margin:0; border-bottom:2px solid var(--color-content-delimiter); margin-bottom:10px; padding:0.6rem 0; font-size:1.1rem; }
a { color: var(--color-link); cursor:pointer; text-decoration:underline; }

.topblock { display:flex; align-items:flex-start; margin-bottom:1rem; }
#footer { flex-shrink:0; width:100%; max-width:1000px; }
#footer_content {
  background-color: var(--color-footer);
  border-top: 1px solid var(--color-content-delimiter);
  padding:0.7rem;
  font-size:0.9rem;
  display:flex;
  justify-content:space-between;
}
#footer_content span:last-child { text-align:center; }
#footer_content a {
  color: var(--color-text-default);
}
#footer_content a.powered-by-link { font-weight:bold; }

.topblock-title {
  display:flex;
  align-items:center;
  min-width: 0; /* required for h2 ellipsis */
}
.topblock-bar { flex-grow:1; display:flex; justify-content:flex-start; border-bottom:1px solid var(--color-content-delimiter); padding-bottom:5px; }
.bar-menu {
  flex-grow:1;
  display:flex;
  justify-content:flex-end;
  text-align:right;
  white-space: nowrap;
}
.bar-menu > * {
  margin-left: 10px;
}


#mtt.no-need-auth .mtt-need-auth-enabled { display:none; }

.form-input {
  padding: 3px;
  border: 1px solid var(--color-border-default);
  background-color: var(--color-input-bg);
  border-radius: 2px;
  transition: box-shadow .15s ease-in-out;
}
.form-input[disabled] {
  background: #f3f3f3;
}
select.form-input {
  appearance: none;
  -webkit-appearance: none; -moz-appearance: none;
  background: var(--color-input-bg) var(--svg-select) no-repeat top 4px right 5px;
  background-size: 1rem 1rem;
  padding-right: calc(1rem + 10px);
}
.form-input:focus {
  outline: none;
  border-color: var(--color-border-focus);
  box-shadow: 0 0 0 2px var(--color-border-focus-shadow);
}
.form-bottom-buttons {
  display: flex;
  justify-content: center;
  padding: 1rem 0;
}
.form-bottom-buttons > * {
  min-width: 4rem;
  padding: 4px 6px;
  margin: 0 6px;
  background-color: var(--color-submit);
  border: 1px solid var(--color-border-default);
  border-radius: 3px;
}
.form-bottom-buttons > *:hover {
  background-color: var(--color-submit-hover);
}

.additElement {
  font-weight: normal;
  margin-left: 20px;
  display: flex;
  gap: 8px;
  align-self: center
}
.additElement .mtt-img-button {
  padding: 3px;
  background: #fff;
  border-width: 1px;
}
.additElement .mtt-img-button svg {
  stroke-width: 2.3px;
  stroke: #1582ff;
}
.hide-additional-elements .additElement .mtt-img-button#toggleTaskElements svg {
  stroke: #ff4015;
}
.hide-additional-tags .additElement .mtt-img-button#toggleTaskTags svg {
  stroke: #ff4015;
  fill: #ff4015;
}


#page_login {
  max-width: 250px;
  margin:0 auto; /* center */
  margin-top: 100px;
}
#authform {
  background-color: var(--color-menu);
  border: 1px solid var(--color-menu-border);
  border-radius: 5px;
}
#authform .auth-content {
  padding: 1.5rem;
}
#authform div { padding:2px 0px; }
#authform .form-bottom-buttons {
  border-top: 1px solid var(--color-border-default);
  padding: 0.8rem 0;
}

#authform div.h { font-weight:bold; }
#authform input[type=password] { width: 100%; box-sizing: border-box; }

#msg .msg-text {  font-weight:bold; cursor:pointer; padding:0 1px; }
#msg .msg-details {
  display:none;
  padding:1px 4px;
  background-color: var(--color-bg);
  max-width:800px;
  position:absolute;
  z-index:2;
  white-space: pre-line;
}
#msg.mtt-error .msg-text { background-color: var(--color-error-bg) }
#msg.mtt-error .msg-details { border:1px solid var(--color-error-bg);  }
#msg.mtt-error .msg-text, #msg.mtt-error .msg-details { color: var(--color-error); }
#msg.mtt-info .msg-text { background-color: var(--color-info-bg); }
#msg.mtt-info .msg-details { border:1px solid var(--color-info-bg); }
#msg.mtt-info .msg-text, #msg.mtt-info .msg-details { color: var(--color-info); }

#lists { font-size:0.95rem; display:flex; align-items:flex-start; justify-content:flex-end; }
#mtt.readonly.no-lists #lists > * { visibility: hidden; }
.tabs-n-button { flex-grow:1; display:flex; align-items:flex-start; }
.tab-height-wrapper { box-sizing:border-box; height:2.2rem; display:flex; align-items:center; }
.mtt-tabs { list-style:none; padding:0; margin:0; display:flex; justify-content:flex-start; flex-wrap:wrap; }
.mtt-tab { margin:1px 3px 0 0;
  background-color: var(--color-tab);
  border:1px solid var(--color-tab-border);
  border-bottom:none; border-top-right-radius:8px; transition:background-color 0.1s ease-in;
}
.mtt-tab a {
  margin:0; text-decoration:none; white-space:nowrap;
  color: var(--color-tab-text);
  display:inline-block; outline:none;
  box-sizing:border-box; height:2.2rem; padding:1px 0.3rem 0 0.3rem; display:flex; align-items:center;
}
.mtt-tab a:active { outline:0; text-decoration:none; }
.mtt-tab a>span {
  display:inline-block;
  text-align:center;
  min-width:75px;
  max-width:195px;
  cursor:pointer;
  padding:0;
  overflow:hidden;
  text-overflow: ellipsis;
  margin-left:0.3rem;
  margin-right:0.3rem;
}
.mtt-tab .list-action { display:none; }
.mtt-tab .mtt-img-button:hover,
.mtt-tab .mtt-img-button.mtt-menu-button-active {
  background-color:var(--color-btn-tab-hover-bg);
}
.mtt-tab .mtt-img-button > span {
  width: 8px; height: 8px;
  mask: url(images/arrdown2.svg) no-repeat; -webkit-mask: url(images/arrdown2.svg) no-repeat;
  background-color: var(--color-btn-tab);
  transition: background-color 0.1s ease-in; /* animate together with button background */
}
.mtt-tab .mtt-img-button:hover > span,
.mtt-tab .mtt-img-button.mtt-menu-button-active > span {
  background-color: var(--color-btn-tab-hover);
}
.mtt-tab.mtt-tab-selected .list-action { display:block; }
.mtt-tab.mtt-tab-selected { border-color: var(--color-tab-selected); background-color: var(--color-tab-selected); }
.mtt-tab:not(.mtt-tab-selected):hover { background-color: var(--color-tab-hover); }
.mtt-tab.mtt-tab-selected a { color: var(--color-text-default); }

.mtt-tab-hidden { display:none; }
.mtt-tab-sort-placeholder {
  background-color: var(--color-placeholder);
  border-color: var(--color-placeholder-border);
}

#tabs_buttons {
  padding-left:2px; padding-right:2px;
  border-top:1px solid transparent;
  margin-top:1px;
}

.mtt-tabs-new-button { display:inline-block; margin-top:1px; border:1px solid var(--color-tab-border); border-bottom:none; border-top-right-radius: 8px;
  background-color: var(--color-tab);
  padding-left:3px; padding-right:3px;
}
.mtt-tabs-new-button span {
  display:block;
  width:16px; height:16px;
  mask: url(images/plus.svg) no-repeat; -webkit-mask: url(images/plus.svg) no-repeat;
  background-color: var(--color-tab-text);
}
.mtt-tabs-new-button:hover { cursor:pointer; background-color: var(--color-tab-hover); }
#mtt.readonly .mtt-tabs-new-button { display:none; }

.mtt-tabs-select-button > span {
  mask: url(images/selectlist2.svg) no-repeat; -webkit-mask: url(images/selectlist2.svg) no-repeat;
  background-color: var(--color-tab-text);
}

.mtt-img-button {
  padding: 5px;
  display:block;
  border-radius:4px;
  transition:background-color 0.1s ease-in;
  cursor:pointer;
}
.mtt-img-button:hover,
.mtt-img-button.mtt-menu-button-active {
  background-color: var(--color-btn-hover);
}
.mtt-img-button span { display:block; width:16px; height:16px; }

#mtt.no-lists         #toolbar > * { visibility:hidden; }
#mtt.no-list-selected #toolbar > * { visibility:hidden; }
#mtt.readonly.no-lists #toolbar { visibility: hidden; }
#toolbar  {
  padding:8px;
  border-bottom:1px solid var(--color-row-underlinig);
  background: var(--color-toolbar);
}
#toolbar .mtt-img-button:hover {
  background-color: var(--color-btn-toolbar-hover);
}

.arrdown, .arrdown2  {
  display: inline-block;
  height: 9px; width:9px;
  mask: url(images/arrdown2.svg) no-repeat; -webkit-mask: url(images/arrdown2.svg) no-repeat;
  background-color: var(--color-btn-default);
}
.arrdown2 {
  height:7px; width:7px;
}

.newtask-n-search-container { display:flex; justify-content:flex-end; }

/* Quick Task Add */
.taskbox-c { flex-grow:1; display:flex; align-items:center; }
.mtt-taskbox { position:relative; padding-left:22px; /*input padding+border*/ flex-grow:1; max-width:430px; }
#task {
  color: var(--color-text-reduced);
  background: var(--color-bg);
  height:1.35rem; padding:2px 4px; padding-right:20px; border:1px solid var(--color-border-default); border-radius:3px; width:100%; margin-left:-24px;
}
#mtt.show-all-tasks .taskbox-c, #mtt.readonly .taskbox-c { display:none; }

.mtt-taskbox-icon {
  width:16px; height:16px;
  position:absolute;
  top:50%;
  right:2px;
  margin-top:-8px;
  cursor:pointer;
  mask: url(images/add.svg) no-repeat; -webkit-mask: url(images/add.svg) no-repeat;
  background-color: var(--color-btn-reduced);
  transition: background-color 0.1s ease-in;
}
.mtt-taskbox-icon:hover {
  background-color: var(--color-btn-reduced-hover);
}
#newtask_adv { margin-left:0.5rem; }
#newtask_adv span {
  mask: url(images/newtask-ext.svg) no-repeat; -webkit-mask: url(images/newtask-ext.svg) no-repeat;
  background-color: var(--color-btn-reduced);
}


/* Live Search */
#search {
 color: var(--color-text-reduced);
 background: var(--color-bg);
 height:1.35rem; padding:2px 20px; width:100%; margin-left:-42px; /*padding+border*/
 border:1px solid var(--color-border-default); border-radius:10px;
}
#search_close { display:none; }

.mtt-searchbox { position:relative; padding-left:42px; /*input padding+border*/ }
.mtt-searchbox-icon { width:16px; height:16px; position:absolute; top:50%; margin-top:-8px; }
.mtt-searchbox-icon.mtt-icon-search {
  left:4px;
  mask: url(images/search.svg) no-repeat; -webkit-mask: url(images/search.svg) no-repeat;
  background-color: var(--color-btn-reduced);
}
.mtt-searchbox-icon.mtt-icon-cancelsearch {
  right:4px;
  cursor:pointer;
  mask: url(images/search-cancel.svg) no-repeat; -webkit-mask: url(images/search-cancel.svg) no-repeat;
  background-color: var(--color-btn-reduced);
  transition: background-color 0.1s ease-in;
}
.mtt-searchbox-icon.mtt-icon-cancelsearch:hover {
  background-color: var(--color-btn-reduced-hover);
}

#searchbar { font-size:1rem; font-weight:normal; display:none;  margin-top:0.5rem; }
#searchbarkeyword { font-weight:bold; }

/* */
#page_tasks h3 { display:flex; align-items:baseline; }
#mtt.no-lists         #page_tasks h3 { visibility:hidden; }
#mtt.no-list-selected #page_tasks h3 { visibility:hidden; }
.mtt-notes-showhide { font-size:1rem; font-weight:normal; margin-left:5px; margin-right:5px; }
.mtt-notes-showhide a { text-decoration:none; border-bottom:1px dotted; }


/* Tag Toolbar */
#mtt-tag-toolbar { font-size:1.0rem; font-weight:normal; margin-top:0.5rem; line-height:1.5rem; display:flex; }
.tag-toolbar-content { flex:auto; margin-bottom:-3px; }
.tag-toolbar-close { flex-shrink:0; }
.tag-toolbar-header { font-weight:normal; }
.tag-filter {
  margin-left:3px;
  margin-right:3px;
  display:inline-flex;
  align-items:center;
  border:1px solid var(--color-border-default);
  border-radius:2rem;
  background-color: var(--color-bg);
  padding:0.1rem 0.5rem;
  margin-bottom:3px;
  cursor:pointer;
}
.tag-filter-exclude { text-decoration:line-through; }
.mtt-filter-header { font-weight:bold; margin-right:.33rem; }
.tag-filter-btn {
  margin-left:3px;
  display:inline-block;
  width:1em; height:1em; /* em! */
  mask: url(images/closetag.svg) no-repeat; -webkit-mask: url(images/closetag.svg) no-repeat;
  background-color: var(--color-btn-reduced);
  transition: background-color 0.1s ease-in;
}
.tag-filter:hover .tag-filter-btn {
  background-color: var(--color-btn-reduced-hover);
}
#mtt-tag-toolbar-close span {
  mask: url(images/closetag.svg) no-repeat; -webkit-mask: url(images/closetag.svg) no-repeat;
  background-color: var(--color-btn-reduced);
}

/* Tasklist */

.task-toggle {
  visibility: hidden;
  cursor: pointer;
  width: 1rem; height: 1rem;
  display: inline-block;
  margin-right: 2px;
  mask: url(images/note-toggle.svg) no-repeat; -webkit-mask: url(images/note-toggle.svg) no-repeat;
  background-color: var(--color-btn-reduced);
  transition: transform .1s linear, background-color .1s ease-in;
}
.task-toggle::after { /* for baseline */
  content:'0';
  color:transparent;
}
.task-toggle:hover {
  background-color: var(--color-btn-reduced-hover);
}
li.task-row.task-has-note .task-toggle { visibility:visible; }
li.task-row.task-expanded .task-toggle { transform:rotate(90deg); }

/* #tasklist input[type="checkbox"] { vertical-align:-1px; } /* Chrome */

#tasklist { list-style-type: none; margin: 0; padding: 0;}
#tasklist li.task-row {
  border:1px solid transparent; /* allocate space for expanded border */
  border-bottom:1px solid var(--color-tasklist-row-border);
    border-left: none;
  margin-bottom: 0px;
    padding-bottom: 4px;
  min-height:20px;
  background-color: var(--color-tasklist-row); /* ?? */
  position:relative; /* for z-index */
}
#tasklist li.task-rowHide {
  display: none;
}
#tasklist li.task-row:hover,
#tasklist li.task-row.menu-active {
  z-index: 1;
}
#tasklist .task-block {
   display: flex;
   justify-content: flex-start;
   align-items: stretch;
   padding: 0.5rem 3px;
}
#tasklist li.task-row.task-expanded {
  border:1px solid var(--color-tasklist-row-expanded-border);
  border-radius: 3px;
}
#tasklist li.task-row.task-has-note.task-expanded .task-block {
  border-bottom: 1px solid var(--color-tasklist-row-inter-border);
}
.task-left {
  display: flex;
  align-items: center;
  height: 1.2rem; /* same as line-height of task-middle */
}
.task-middle {
  flex-grow:1;
  margin-left: 5px;
  align-items: baseline;
  line-height: 1.2rem;
  min-width: 0; /*for long text*/
}
.task-middle-top {
  display: flex;
}
.task-actions { flex:0 0 1rem; margin-left:5px; }

.task-left label { min-width:18px; text-align:center; } /* Safari has small checkboxes */
.task-date {
  color: var(--color-text-reduced3);
  font-size: 0.8rem;
  margin-top: 0.2rem;
  display: none;
}
#mtt.hide-additional-elements .task-date {
  display: none !important;
}
.task-id {
  /*display: none;*/
}
#mtt.show-inline-date .task-completed .task-date {
  display: block;
}
.task-through {
  overflow:hidden; flex-grow:1;
  display: flex;

}
@media (min-width: 700px) {
  .task-row:not(.task-completed) .task-through:after {
    content: '';
    display: block;
    flex-grow: 1;
    cursor:grab;
    margin-left: 8px;
    margin-right: 3px;
    min-width: 30px;
    background: repeating-linear-gradient(45deg, #f0f0f0, #f0f0f0 3px, #fff 3px, #fff 7px)
  }
}
.task-title a { color: var(--color-text-default); }
.task-title a:hover { color: var(--color-tasklist-link-hover); }
#mtt.readonly #tasklist li.task-row .task-actions { display:none; }
.task-listname {
  background-color: var(--color-tasklist-listname-bg);
  color: var(--color-tasklist-listname);
  text-shadow: 1px 1px 2px rgb(122 255 0 / 57%);
  padding: 0px 3px;
  margin: 0px 2px;
  text-decoration: none;
}
#tasklist li.task-row > .task-container > * {
  position: relative;
  z-index: 7;
}
@media (min-width: 700px) {
  .task-row_play .task-prio {
    border-right: 8px solid #57ff93;
    font-size: 0;
    line-height: 0;
    height: auto;
  }
  #tasklist li.task-row {
    position: relative;
  }
}
#tasklist li.task-row:before{
  transition: background-color 300ms;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  content: '';
  display: block;
  background-color: transparent;
  z-index: 0;
}
#tasklist li.task-row:not(.taskTitle):hover:before{
  background-color: #f8ffd2;
}
.task-listname:hover {
  background-color: var(--color-tasklist-listname-bg);
  color: var(--color-tasklist-listname);
  text-shadow: 1px 1px 2px rgb(122 255 0 / 57%);
  padding: 0px 3px;
  margin: 0px 2px;
  text-decoration: none;
}
.hide-additional-elements .task-listname {
  display: none;
}
.task-titleText {
  display: block;
  text-shadow: 1px 1px 7px #fff, -1px -1px 7px #fff, 1px 1px 3px #fff, -1px -1px 3px #fff;
}
.show-all-tasks .task-titleText {
  flex-basis: 100%;
}
.hide-additional-elements .task-titleText {
  flex-basis: auto;
}
.task-tags {
  padding:0px 2px;
  margin-left: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 0px;
  min-width: 20px;
}
.hide-additional-tags .task-tags {
  display: none;
}
.task-tags .tag { font-size:0.9rem; font-weight:bold; color: var(--color-tasklist-tag); text-decoration:underline;
  margin-left: 10px;}
.task-tags:not(:hover) .tag_first,
.task-tags:not(:hover) .tag_important,
.task-tags:not(:hover) .tag_rest,
.task-tags:not(:hover) .tag_generate,
.task-tags:not(:hover) .tag_up
{
  /*margin-left: 0px;*/
}
.duedate { color:var(--color-duedate-default); padding:0px; padding-left:1px; margin-left:0; white-space:nowrap; font-size: 13px}
.duedate:before {
  content:'\2192\20';
  font-family: -apple-system, "Segoe UI", "DejaVu Sans", sans-serif;
}
li.task-row.task-completed .duedate { /*font-size:0.8rem;*/ display:none; }
#tasklist li.task-row.soon  .duedate { color: var(--color-duedate-soon); }
#tasklist li.task-row.today .duedate {
  display: none;
  color: var(--color-duedate-today);
}
#tasklist li.task-row.past  .duedate { color: var(--color-duedate-past); }

#tasklist li.task-row.task-completed  { opacity:0.6; }
#tasklist li.task-row.task-completed .task-through {
  text-decoration:line-through;
  text-decoration-thickness: 1px;
  text-decoration-color: #444444;
}
#tasklist li.task-row.task-completed:hover { opacity:1.0; }

#tasklist li.task-row.not-in-tagpreview  {
  /*opacity: 0.1;*/
}
#tasklist .mtt-task-placeholder {
 min-height: 0px;
 padding: 0px;
 height: 18px;
 line-height: 18px;
 background-color: var(--color-placeholder);
 border: 1px solid var(--color-placeholder-border);
 border-radius: 5px;
}

.taskactionbtn {
  height: 1rem;
  width: 1rem;
  visibility: hidden; /* allocate space */
  mask: url(images/task-menu2.svg) no-repeat; -webkit-mask: url(images/task-menu2.svg) no-repeat;
  background-color: var(--color-btn-reduced);
  transition: background-color 0.1s ease-in;
}
.taskactionbtn::after {  /* for baseline */
  content:'0';
  color:transparent;
}
li.task-row:hover .taskactionbtn {
  visibility:visible;
}
.taskactionbtn:hover,
.taskactionbtn.mtt-menu-button-active {
  visibility:visible;
  cursor:pointer;
  background-color: var(--color-btn-reduced-hover);
}

#tasklist.filter-past  li.task-row,
#tasklist.filter-today li.task-row,
#tasklist.filter-soon  li.task-row {
  display:none;
}
#tasklist.filter-past  li.task-row.past,
#tasklist.filter-today li.task-row.today,
#tasklist.filter-soon  li.task-row.soon {
  display:block;
}
#tasklist.filter-past  li.task-row.task-completed,
#tasklist.filter-today li.task-row.task-completed,
#tasklist.filter-soon  li.task-row.task-completed {
  display:none;
}

.task-note-block {
  padding: 10px 2rem;
  color: var(--color-text-reduced);
  background-size:16px 16px;
  min-height:16px;
  display:none;
  white-space:normal;
  word-wrap:break-word;
}
li.task-row.task-expanded .task-note-block { display:block; }
li.task-row.task-completed .task-note-block .task-note { text-decoration:line-through; }
.task-note-area { display:none; margin-bottom:5px; }
.task-note-area textarea { color:var(--color-text-reduced); width:100%; display:block; height:65px; }
.task-note-actions { font-size:0.8rem; }
.hidden { display:none; }
.invisible { visibility:hidden; }
.in500 { width:500px; color: var(--color-text-reduced); }
.in100 { width:100px; color: var(--color-text-reduced); }
.in50 { width:5ch;
  align-items: center; color: var(--color-text-reduced); }
.task-note a { color: var(--color-tasklist-note-link); }
.task-note a:hover { color: var(--color-tasklist-link-hover) }

.task-prio {
  padding-left:2px;
  padding-right:2px;
  margin-left:0px;
  margin-right:5px;
  cursor:default;

  width: 3px;
  display: inline-block;
  font-size: 0;
  line-height: 18px;
  vertical-align: middle;
  position: relative;
  top: -2px;
  }
.prio-neg {
  color: #484848;
  background-color:var(--color-priority-low);
}
.prio-pos {
  background-color:var(--color-priority-urgent);
  color:var(--color-priority-text);
  }
.prio-pos-1 {
  background-color:var(--color-priority-high);
  color:var(--color-priority-text);

}
.prio-pos-2 {
  /*border-radius: 100px;*/
  /*padding: 1px 2px;*/
  /*font-size: 16px;*/
  /*border: 2px solid var(--color-priority-urgent);*/
  /*background: transparent;*/
  background: var(--color-priority-urgent);
  /*color: var(--color-priority-urgent);*/
  /*text-shadow: -0.5px -1px var(--color-priority-urgent);*/
}
.task-title {
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  display: inline-flex;
  gap: 8px 17px;
  min-width: 82%;
  align-items: center;
  flex-wrap: wrap;
  flex-basis: min-content;
}
.prio-zero {
  /*display:none;*/
  /*border: 1px solid #000;*/
  background-color:var(--color-priority-none);
  color: var(--color-priority-text);
}

/* */

#tasks_info {
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
  min-height: 100px;
  border: 1px solid var(--color-border-default);
  border-radius: 5px;
}
#tasks_info .v {
  font-size: 1.1rem;
  font-weight: bold;
  text-align: center;
}


.form-row { margin-top:0.6rem; }
.form-row .h {
  font-weight:bold;
  color: var(--color-text-reduced);
}
.form-row div.h { margin-bottom:3px; }
.form-row-short-end { clear:both; }
#page_taskedit .form-row .in500 { width:100%; box-sizing:border-box; }
#page_taskedit .form-row textarea.in500 {
  height:300px;
  font-size:13px;
  font-family: ui-monospace,Consolas,"SF Mono",Menlo,"Liberation Mono",monospace;
  white-space: pre;
  padding: 5px;
}
#page_taskedit .form-row-short { float:left; margin-right:12px; }
#alltags .tag { font-weight:bold; color:var(--color-tasklist-tag); }
#alltags .tag:hover {
  background-color:var(--color-taglist-text-hover-bg);
  color: var(--color-taglist-text-hover);
}
.alltags-cell { width:1%; white-space:nowrap; padding-left:5px; }
#page_taskedit.mtt-inadd .mtt-inedit { display:none; }
#page_taskedit.mtt-inedit .mtt-inadd { display:none; }
#taskedit_id {
  color: var(--color-text-reduced2);
  font-weight: normal;
  margin-left: 5px;
}
#taskedit_info { font-size:1rem; font-weight:normal; color:var(--color-text-reduced2); margin-bottom:6px; }
#taskedit_info > div { margin-top:6px; }

a.mtt-back-button { font-size:1rem; }
h3.page-title a.mtt-back-button {
  display:inline-block;
  width:1.3rem; height:1.3rem;
  margin-right:0.4rem;
  position: relative;
  top:4px;
  mask: url(images/back.svg) no-repeat; -webkit-mask: url(images/back.svg) no-repeat;
  background-color: var(--color-btn-default);
}

/* autocomplete */
.ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.ui-autocomplete {
  position: absolute;
  padding:0px;
  border:1px solid var(--color-border-default);
  background-color: var(--color-menu);
  overflow:hidden;
  z-index:99999;
  box-shadow: var(--color-popup-shadow);
}
.ui-autocomplete .ui-menu-item { margin: 0px; cursor:default; overflow: hidden;  }
.ui-autocomplete .ui-menu-item-wrapper { position: relative; padding:0.3rem 4px; }
.ui-autocomplete .ui-menu-item-wrapper.ui-state-active { background-color:var(--color-menu-hover); color: var(--color-menu-text-hover); }

#priopopup { overflow: hidden; z-index:100;
  background-color: var(--color-menu);
  border:1px solid var(--color-border-default); padding:5px; }
#priopopup span { cursor:pointer; border:1px solid var(--color-menu); padding:1px; }
#priopopup .prio-zero:hover { border-color: var(--color-priority-none); }
#priopopup .prio-neg:hover { border-color: var(--color-priority-low); }
#priopopup .prio-pos:hover { border-color: var(--color-priority-urgent); }
#priopopup .prio-pos-1:hover { border-color: var(--color-priority-high); }

#tagcloudbtn {
  font-size: 1rem;
  font-weight: normal;
  margin-left: auto;
}
#tagcloud {
  overflow: hidden; z-index:100;
  background-color:var(--color-menu);
  border:1px solid var(--color-border-default);
  width: 100%;
  max-width: 600px;
  text-align: center;
  box-shadow: var(--color-popup-shadow);
  border-radius: 5px;
}
#tagcloud.mtt-left-adjusted { margin-left:5px; }
#tagcloud.mtt-right-adjusted { margin-right:5px; }
#tagcloud.mtt-left-adjusted.mtt-right-adjusted { margin-bottom:5px; }
#tagcloud > div {
  padding:5px;
}
#tagcloud .tag {
  margin: 2px;
  padding: 2px;
  line-height:160%;
  color: var(--color-text-default);
  cursor: pointer;
  text-decoration: underline;
  white-space: nowrap;
}
#tagcloud .tag:hover {
  background-color:var(--color-taglist-text-hover-bg);
  color: var(--color-taglist-text-hover);
}
#tagcloudload {
  display:none;
  height:24px;
  background:url(images/loading48.gif) center no-repeat;
  background-size:24px 24px;
}
#tagcloud .actions {
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--color-menu-border);
}
#tagcloud .actions > *:first-child {
  flex-grow: 1;
}
#tagcloudAllLists:disabled + label {
  opacity: 0.6;
}
#tagcloudcancel span {
  mask: url(images/closetag.svg) no-repeat; -webkit-mask: url(images/closetag.svg) no-repeat;
  background-color: var(--color-btn-reduced);
}
#tagcloudcontent {
  overflow: hidden;
  text-overflow: ellipsis;
}


.ui-datepicker {
  width: 250px;
  z-index: 202;
  border: 1px solid var(--color-menu-border);
  background: var(--color-menu);
  display: none;
  padding: 2px;
  box-shadow: var(--color-popup-shadow);
  border-radius: 5px;
}
.ui-datepicker-trigger { cursor:pointer; vertical-align:text-bottom; margin-left:4px; margin-right:4px; width:16px; height:16px; }
.ui-datepicker-calendar { width:100%; border-collapse:collapse; }
.ui-datepicker-calendar thead th { text-align:center; padding:1px; font-size:0.9rem; }
.ui-datepicker-calendar tbody td { text-align:right; padding:1px;  }
.ui-datepicker-calendar td a {
  display:block;
  text-decoration:none;
  border:1px solid var(--color-border-default);
  background-color:var(--color-menu);
  color:var(--color-text-reduced);
  padding:4px;
}
.ui-datepicker-calendar td.ui-datepicker-current-day a {
  background-color: var(--color-menu-hover);
  color: var(--color-menu-text-hover);
  border-color: var(--color-menu-hover);
}
.ui-datepicker-calendar td.ui-datepicker-today a {
  color: var(--color-menu-text-hover);
  background-color: var(--color-border-default);
}
.ui-datepicker-calendar td a:hover {
  border-color: var(--color-link);
}
.ui-datepicker-header { padding:3px 0px; }
.ui-datepicker-prev { position:absolute; left:2px; height:20px; text-decoration:none; }
.ui-datepicker-next { position:absolute; right:2px; height:20px; text-decoration:none; }
.ui-datepicker-title { text-align:center; line-height:20px; }
.ui-icon { width:16px; height:16px; text-indent:-99999px; overflow:hidden; }
.ui-datepicker .ui-icon-circle-triangle-w { display:block; position:absolute; top:50%; margin-top:-8px; left:50%;
  mask: url(images/arr-left.svg) no-repeat; -webkit-mask: url(images/arr-left.svg) no-repeat;
  background-color: var(--color-btn-default);
}
.ui-datepicker .ui-icon-circle-triangle-e { display:block; position:absolute; top:50%; margin-top:-8px; right:50%;
  mask: url(images/arr-right.svg) no-repeat; -webkit-mask: url(images/arr-right.svg) no-repeat;
  background-color: var(--color-btn-default);
}


.mtt-menu-button {
  user-select: none;
  cursor:pointer;
  padding:4px;
  transition:background-color 0.1s ease-in;
}
.mtt-menu-button:hover,
.mtt-menu-button.mtt-menu-button-active {
  background-color: var(--color-btn-hover);
  border-radius:4px;
}

/* Menu */

.mtt-menu-container {
  overflow: hidden;
  max-width: 100vw;
  z-index: 100;
  background-color: var(--color-menu);
  border: 1px solid var(--color-menu-border);
  padding: 2px 0px;
  box-shadow: var(--color-popup-shadow);
  border-radius: 5px;
  user-select: none;
}
.mtt-menu-container.mtt-left-adjusted { margin-left:5px; }
.mtt-menu-container.mtt-right-adjusted { margin-right:5px; }
.mtt-menu-container.mtt-right-adjusted.mtt-left-adjusted { margin-bottom:5px; }
.mtt-menu-container ul { list-style: none; padding:0; margin:0; }
.mtt-menu-container li {
  margin:1px 0px;
  cursor:default;
  color: var(--color-menu-text);
  white-space:nowrap;
  padding-top:0.20rem; padding-bottom:0.20rem; padding-left:28px; padding-right:28px;
  position:relative;
  overflow:hidden;
  text-overflow:ellipsis;
}
.mtt-menu-container li:hover,
.mtt-menu-container li.mtt-menu-item-active {
  background-color: var(--color-menu-hover);
  color: var(--color-menu-text-hover);
}
.mtt-menu-container li.mtt-item-disabled,
.mtt-menu-container li.mtt-item-disabled a {
  color: var(--color-menu-text-disabled);
}
.mtt-menu-container a {
  display:block;
  cursor:default;
  text-decoration:none;
  outline:none;
  color: var(--color-menu-text);
  overflow:hidden;
  text-overflow:ellipsis;
  }
.mtt-menu-container li:hover a {
  color: var(--color-menu-text-hover);
}
.mtt-menu-container li.mtt-menu-delimiter { height:0px; line-height:0; border-bottom:1px solid var(--color-menu-border); margin:2px -1px; padding:0px; font-size:0px; }
.mtt-menu-container .menu-icon { width:16px; height:16px; position:absolute; left:6px; top:50%; margin-top:-8px; }
li.mtt-item-checked .menu-icon {
  mask: url(images/checkmark.svg) no-repeat; -webkit-mask: url(images/checkmark.svg) no-repeat;
  background-color: var(--color-btn-default);
}
li.mtt-menu-indicator .submenu-icon {
  position:absolute; right:6px; top:50%; margin-top:-8px;
  width:16px; height:16px;
  mask: url(images/arr-right.svg) no-repeat; -webkit-mask: url(images/arr-right.svg) no-repeat;
  background-color: var(--color-btn-default);
}
li.mtt-item-hidden { display:none; }

#slmenucontainer li.mtt-list-hidden a { font-style:italic; }
#cmenulistscontainer li.mtt-list-hidden { font-style:italic; }
#mtt.readonly .mtt-need-list { display:none; }
#mtt.readonly .mtt-only-authorized { display:none; }

/**/

#btnRssFeed .menu-icon { background:url(images/rss.svg) no-repeat; }
#btnRssFeed.mtt-item-disabled .menu-icon { background:url(images/rss-disabled.svg) no-repeat; }

#task, #search {
  transition: box-shadow .15s ease-in-out;
}
#task:focus, #search:focus {
  outline: none;
  border-color: var(--color-border-focus);
  box-shadow: 0 0 0 2px var(--color-border-focus-shadow);
}

.monospace {
  font-family: ui-monospace,Consolas,"SF Mono",Menlo,"Liberation Mono",monospace;
}

.mtt-settings-table { width:100%; }
.mtt-settings-table .tr {
  border-bottom:1px solid var(--color-row-underlinig);
  padding: 10px 0;
  vertical-align:top;
  display: flex;
}
.mtt-settings-table .th,
.mtt-settings-table .td {
  padding: 0 10px;
}
.mtt-settings-table .th {  width:30%; font-weight: bold; }
.mtt-settings-table .td { flex-grow: 1; }
.mtt-settings-table .descr {
  display: block;
  font-size:0.8rem;
  font-weight:normal;
  color:var(--color-text-reduced);
  padding-top: 4px;
}
.mtt-settings-table .td {
  line-height: 1.5em;
}
.mtt-settings-table .in350 { min-width:350px; }
.mtt-settings-table textarea.in350 { height:400px; }
.mtt-settings-table textarea.inmax { height:400px; width:100%; }
.mtt-settings-table input,
.mtt-settings-table select,
.mtt-settings-table button,
.mtt-settings-table textarea  {
  padding: 3px;
  border: 1px solid var(--color-border-default);
  border-radius: 2px;
  background-color: var(--color-input-bg);
  color: var(--color-text-default);
}
.mtt-settings-table select {
  appearance: none;
  -webkit-appearance: none; -moz-appearance: none;
  background: var(--color-input-bg) var(--svg-select) no-repeat top 4px right 5px;
  background-size: 1rem 1rem;
  padding-right: calc(1rem + 10px);
}
.mtt-settings-table input:focus,
.mtt-settings-table select:focus {
  outline:none;
  border-color: var(--color-border-focus);
  box-shadow:0 0 0 2px var(--color-border-focus-shadow);
}
.mtt-settings-table a {
  color: var(--color-text-default);
}
.mtt-settings-table button {
  padding: 3px 6px;
  border-radius: 3px;
}
.mtt-settings-table .form-bottom-buttons button {
  min-width: 4rem;
  padding: 4px 6px;
  margin: 0 6px;
  background-color: var(--color-submit);
  border: 1px solid var(--color-border-default);
  border-radius: 3px;
}
.mtt-settings-table .form-bottom-buttons button:hover {
  background-color: var(--color-submit-hover);
}

#modal {
  position: fixed;
  z-index: 1000;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  min-width: 350px;
  max-width: 1000px; /* same as #mtt */
  border: 1px solid var(--color-menu-border);
  background: var(--color-bg);
  box-shadow: var(--color-popup-shadow);
  border-radius: 5px;
  opacity: 1;
}
#modal .modal-content {
  padding: 1.5rem;
}
#modal .modal-content input {
  margin-top: 1.5rem;
  width: 100%;
}
#modal input {
  padding: 3px;
  border: 1px solid var(--color-border-default);
  border-radius: 2px;
}
#modal .modal-bottom {
  border-top: 1px solid var(--color-border-default);
  padding: 0.8rem;
}

/* font for small screens */
@media only screen and (max-width: 600px),  only screen and (max-height: 600px) {
  html {
    font-size: 16px;
    -webkit-text-size-adjust: 100%; /* Dont increase font-size in horizontal orientation on ios */
  }
  #page_taskedit .form-row textarea.in500 { font-size: 14px; }
}

/* narrow screens */
@media only screen and (max-width: 600px) {

  #mtt { padding: 15px 8px 0px; }
  #mtt.page-ajax .topblock { display: none; } /* hide topmost block if settings pages is opened */
  #mtt.page-taskedit .topblock { display: none; } /* hide topmost block if edit/add task  page is opened */

  h2 { font-size:1rem; }
  .topblock h2 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; /* min-width of parent flex is required for this */
  }

  .mtt-img-button { padding:4px; }
  .mtt-menu-button { padding:4px; }
  h3.page-title a.mtt-back-button { width:2rem; }

  .mtt-tabs-new-button { padding-left:0.4rem; padding-right:0.4rem; } /* make thiсker */

  /* singletab */
  li.mtt-tab { display:none; }
  li.mtt-tab.mtt-tab-selected { display:block; }

  #task { padding:5px; padding-right:18px; margin-left:-22px; }
  #task_placeholder span { padding:6px; }

  .searchbox-c { width:30%; max-width:190px; }
  #toolbar.mtt-intask .searchbox-c { display:none; }
  #toolbar.mtt-insearch .taskbox-c { display:none; }
  #toolbar.mtt-insearch .searchbox-c { width:100%; max-width:100%; }
  #search { padding:5px 20px; border-radius:15px; }

  .task-date {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .task-note-actions { display:block; padding-top:8px; }
  .task-note-block {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    display: none;
  }
  .task-note-area textarea { width:95%; }
  .taskactionbtn {
    padding: 2px 0.5rem;
    mask-origin: content-box;
    -webkit-mask-origin: content-box;
    visibility: visible;
  }
  .duedate:before {
    content:'\279d\20'; /* Use another arrow, because Rightwards Arrow U+2192 is ugly in Noto font used in some Androids */
  }

  #tasklist li.task-row .task-through {
    /*white-space:nowrap;*/
    overflow:hidden; text-overflow:ellipsis; }
  #tasklist li.task-row.task-expanded .task-note-block { display:none; }
  #tasklist li.task-row.clicked {
    border:1px solid var(--color-tasklist-row-expanded-border);
    border-radius: 3px;
  }
  #tasklist li.task-row.task-has-note.clicked .task-block {
    border-bottom: 1px solid var(--color-tasklist-row-inter-border);
  }
  #tasklist li.task-row.clicked .task-actions { display:block; }
  #tasklist li.task-row.clicked .task-through { white-space:normal; display:flex; }
  #tasklist li.task-row.clicked.task-has-note .task-note-block { display:block; }
  .task-toggle { display:none; }
  #tasklist .mtt-task-placeholder { line-height:1rem; padding-top:0.6rem; padding-bottom:0.6rem; }
  #tasklist .ui-sortable-helper { box-shadow:0px 0px 3px #555; }

  #page_taskedit { max-width:100%; border:none; position:static; padding:0; }
  #page_taskedit .form-table { width:100%; }
  #page_taskedit .form-row textarea { height: 70px; }

  #loading {  padding:0px; padding-top:1px; padding-right:1px; height:16px; overflow:hidden; }

  #tagcloud { max-width:100%; margin:0px 5px 5px 5px; }
  .mtt-settings-table .in350 { min-width:50px; }
  .mtt-notes-showhide { display:none; }
  .additElement-text { display:none; }

  .mtt-menu-container li { padding-top:0.3rem; padding-bottom:0.3rem; }

  .mtt-settings-table .tr { display: block; }
  .mtt-settings-table .tr:not(.form-bottom-buttons) {
    background-color:var(--color-settings-row);
    border:1px solid var(--color-settings-row);
    border-radius: 10px;
    padding:10px 15px;
    margin-bottom: 5px;
  }
  .mtt-settings-table .th { width: auto; padding-left: 0px; }
  .mtt-settings-table .td {  padding-top: 4px; padding-left: 0px; }
  .mtt-settings-table input , .mtt-settings-table select, .mtt-settings-table label { margin-top:5px; background-color: var(--color-settings-row); }

  .form-bottom-buttons > * {
    padding: 7px;
    border-radius: 14px;
  }

  #modal {
    min-width: auto;
    width: 90%;
  }
  #tasklist li.task-row .task-through {
    overflow: visible;
  }
} /* end of @media min 600px */


.priorites {
  margin-left: auto;
  display: flex;
  font-size: 15px;
  font-weight: normal;
  align-items: center;
}
.priorites-pos {
  padding: 3px;
  min-width: 19px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left:0px;
  margin-right:5px;
  cursor:default;
}
.priorites-pos-2 {
  border-radius: 100px;
  padding: 1px 2px;
  font-size: 16px;
  border: 2px solid var(--color-priority-urgent);
  background: transparent;
  color: var(--color-priority-urgent);
  text-shadow: -0.5px -1px var(--color-priority-urgent);
}
.priorites-pos-1 {
  background-color:var(--color-priority-high);
  color:var(--color-priority-text);
}
.priorites-pos-0 {
  background-color:var(--color-priority-none);
  color: var(--color-priority-text);
}
.loadTime {
  font-size: 15px;
  border-bottom: 1px dashed #000;
}
.loadTimeCheck {
  font-size: 15px;
  color: #959595;
}
.timeLoadSchedule {
  font-weight: bold;
  font-size: 12px;
  line-height: 1em;
  order: 2;
  color: #666;
}
.allTime {
    color: #438f7c;
    border: 2px solid #438f7c;
    border-radius: 5px;
    background: #fff;
    padding: 3px 10px;
    font-weight: bold;
    font-size: 18px;
}
.tasksTime .allTime {
  border: none;
  border-bottom: 1px dashed #000;
  padding: 0;
  color: #000;
  line-height: 1.2em;
  border-radius: 0;
  margin-top: auto;
}
.allTimeCheck {
    margin-left: 10px;
    font-weight: bold;
    color: #959595;
}
.allTime_warning {
    color: #bfbb36;
    border: 2px solid #bfbb36;
}
.allTime_danger {
    color: #fff;
    border: 2px solid #a62d2d;
    background: #d66958;
}

.tag_resources {
    background: #2fbd0d;
    color: #fff !important;
    border-radius: 5px;
    padding: 0px 10px 2px;
    text-decoration: none !important;
}
.tag_soul {
    background: #00cee1;
    color: #fff !important;
    border-radius: 5px;
    padding: 2px 10px;
        padding: 0px 10px 2px;
    text-decoration: none !important;
}
.tag_bonds {
    background: #ffade8;
    color: #780303 !important;
    border-radius: 5px;
    padding: 2px 10px;
        padding: 0px 10px 2px;
    text-decoration: none !important;
}
.tag_organism {
    background: #b94343;
    color: #fff !important;
    border-radius: 5px;
    padding: 2px 10px;
        padding: 0px 10px 2px;
    text-decoration: none !important;
}

.tag_place {
     background: #fff;
    border: 2px solid #8000ff;
    color: #8000ff !important;
    border-radius: 100px;
    padding: 2px 10px;
        padding: 0px 10px 2px;
        display: inline-block;
        line-height: 1.2em !important;
    text-decoration: none !important;
}
.tag_work {
    background: none;
    color: rgb(30, 54, 211) !important;
    border-radius: 5px;
    padding: 2px 10px;
        padding: 0px 3px;
}
.tag_code {
    background: none;
    color: rgb(25, 182, 64) !important;
    border-radius: 5px;
    padding: 2px 10px;
    padding: 0px 3px;
}

.tag_live {
    background: rgb(179, 255, 193);
    color: #020302 !important;
    border-radius: 5px;
    padding: 2px 10px;
        padding: 0px 10px 2px;
    text-decoration: none !important;

}
.tag_evolution {
    background: rgb(255, 61, 86);
    color: #fff !important;
    border-radius: 5px;
    padding: 2px 10px;
        padding: 0px 10px 2px;
    text-decoration: none !important;
}
.tag_village {
    background: #fff;
    border: 2px solid #8000ff;
    color: #8000ff !important;
    border-radius: 100px;
    padding: 2px 10px;
        padding: 0px 10px 2px;
        display: inline-block;
        line-height: 1.2em !important;
    text-decoration: none !important;
}
.tag_help {
    background: #EC6AA1;
    color: #fff !important;
    border-radius: 5px;
    padding: 2px 10px;
        padding: 0px 10px 2px;
    text-decoration: none !important;
}
.tag_relax {
    background: #b5ac00;
    color: #fff !important;
    font-weight: normal;
    border-radius: 5px;
    padding: 2px 10px;
        padding: 0px 10px 2px;
    box-shadow: 0 0 10px #b57600;
    text-decoration: none !important;
}
.tag_rest {
    font-size: 0 !important;
    text-decoration: none !important;
    width: 20px;
    height: 20px;
    display:inline-block;
    vertical-align:top;
    position: relative;
    top: 1px;
    mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDIwMDEwOTA0Ly9FTiIKICJodHRwOi8vd3d3LnczLm9yZy9UUi8yMDAxL1JFQy1TVkctMjAwMTA5MDQvRFREL3N2ZzEwLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4wIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiB3aWR0aD0iNTEyLjAwMDAwMHB0IiBoZWlnaHQ9IjUxMi4wMDAwMDBwdCIgdmlld0JveD0iMCAwIDUxMi4wMDAwMDAgNTEyLjAwMDAwMCIKIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiPgoKPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsNTEyLjAwMDAwMCkgc2NhbGUoMC4xMDAwMDAsLTAuMTAwMDAwKSIKZmlsbD0iIzAwMDAwMCIgc3Ryb2tlPSJub25lIj4KPHBhdGggZD0iTTAgMjU2MCBsMCAtMTIzMCAyMjYwIDAgMjI2MCAwIDAgMTIzMCAwIDEyMzAgLTIyNjAgMCAtMjI2MCAwIDAKLTEyMzB6IG04NDAgMCBsMCAtOTMwIC0yNzAgMCAtMjcwIDAgMCA5MzAgMCA5MzAgMjcwIDAgMjcwIDAgMCAtOTMweiBtODUwIDAKbDAgLTkzMCAtMjc1IDAgLTI3NSAwIDAgOTMwIDAgOTMwIDI3NSAwIDI3NSAwIDAgLTkzMHoiLz4KPHBhdGggZD0iTTQ2NzAgMjU2MCBsMCAtNjIwIDIyNSAwIDIyNSAwIDAgNjIwIDAgNjIwIC0yMjUgMCAtMjI1IDAgMCAtNjIweiIvPgo8L2c+Cjwvc3ZnPgo=") center center no-repeat;
    mask-size: contain;
    background: #828c46;
  transition:  all 300ms;
  /*width: 0;*/
  opacity: 0;
}
.tag_learn {
  font-size: 0 !important;
  text-decoration: none !important;
  width: 20px;
  height: 20px;
  display:inline-block;
  vertical-align:top;
  mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDIwMDEwOTA0Ly9FTiIKICJodHRwOi8vd3d3LnczLm9yZy9UUi8yMDAxL1JFQy1TVkctMjAwMTA5MDQvRFREL3N2ZzEwLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4wIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiB3aWR0aD0iNTEyLjAwMDAwMHB0IiBoZWlnaHQ9IjUxMi4wMDAwMDBwdCIgdmlld0JveD0iMCAwIDUxMi4wMDAwMDAgNTEyLjAwMDAwMCIKIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiPgoKPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsNTEyLjAwMDAwMCkgc2NhbGUoMC4xMDAwMDAsLTAuMTAwMDAwKSIKZmlsbD0iIzAwMDAwMCIgc3Ryb2tlPSJub25lIj4KPHBhdGggZD0iTTc2NSA0NTE0IGMtNSAtMSAtMjIgLTUgLTM3IC04IC00MSAtOSAtOTUgLTYxIC0xMTMgLTEwOSAtMTQgLTM4Ci0xNSAtMTgzIC0xMyAtMTQ1OSBsMyAtMTQxNiAzMSAtMzkgYzU1IC02OCA3OSAtNzYgMjUwIC04NCAxNzcgLTkgMjI2IC0xNAozODkgLTQwIDQ0MCAtNzIgODIxIC0yNTIgMTA5OCAtNTE4IGw0NyAtNDUgMCAxNDM5IGMwIDc5MiAtNCAxNDU3IC05IDE0NzgKLTI0IDEwMiAtMjU5IDM2MiAtNDMxIDQ3NyAtMjU1IDE2OSAtNTgxIDI3OSAtOTIwIDMwOSAtMTI5IDEyIC0yODAgMTkgLTI5NQoxNXoiLz4KPHBhdGggZD0iTTQxODUgNDUxMCBjLTQyMCAtMjUgLTc1NSAtMTI4IC0xMDQ1IC0zMjEgLTE3MiAtMTEzIC00MDcgLTM3NCAtNDMxCi00NzYgLTUgLTIxIC05IC02ODYgLTkgLTE0NzcgbDAgLTE0MzkgNTMgNDkgYzI4NSAyNjggNjUzIDQ0MSAxMDkyIDUxMyAxNjMKMjYgMjEyIDMxIDM4OSA0MCAxNzEgOCAxOTUgMTYgMjUwIDg0IGwzMSAzOSAzIDE0MTEgYzIgOTg1IDAgMTQyMyAtOCAxNDQ5Ci0xMiA0NCAtNTIgOTMgLTg5IDExMiAtNDAgMjEgLTk0IDI0IC0yMzYgMTZ6Ii8+CjxwYXRoIGQ9Ik0xMDUgMzg2MSBjLTQ4IC0yMiAtNjkgLTQ0IC05MCAtOTQgLTEzIC0zMiAtMTUgLTIwOCAtMTUgLTE1MjIgMAotMTYxNCAtMyAtMTUyMyA1MyAtMTU4MyA1NCAtNTkgMTEzIC02NiAyNjkgLTMzIDU5NyAxMjUgMTIyNSAxNDIgMTcwMyA0NiA2NQotMTMgMTIxIC0yMyAxMjMgLTIxIDYgNyAtOTUgOTAgLTE3OCAxNDUgLTIwNyAxMzggLTQ3NCAyMzYgLTc4MyAyODcgLTQ4IDgKLTE4MyAyMCAtMzAwIDI4IC0xMzAgOSAtMjI4IDIwIC0yNTQgMzAgLTE0MCA1MCAtMjUwIDE2NSAtMjkzIDMwNSAtMTkgNjEgLTIwCjk5IC0yMCAxMjQ3IGwwIDExODQgLTg3IDAgYy02NCAwIC05OSAtNiAtMTI4IC0xOXoiLz4KPHBhdGggZD0iTTQ4MDAgMjY5NiBjMCAtMTE0OCAtMSAtMTE4NiAtMjAgLTEyNDcgLTQzIC0xNDAgLTE1MyAtMjU1IC0yOTMKLTMwNSAtMjYgLTEwIC0xMjIgLTIxIC0yNTIgLTMwIC0xMTUgLTcgLTI0MSAtMTggLTI4MCAtMjQgLTMxMCAtNDggLTU5NyAtMTUyCi04MDUgLTI5MSAtODIgLTU1IC0xODQgLTEzOCAtMTc4IC0xNDUgMiAtMiA1OCA4IDEyMyAyMSA0NzggOTYgMTEwNiA3OSAxNzAzCi00NiAxNTYgLTMzIDIxNSAtMjYgMjY5IDMzIDU2IDYwIDUzIC0zMSA1MyAxNTg1IDAgMTQyMiAtMSAxNDkwIC0xOSAxNTI4IC0zNgo3OCAtOTEgMTA1IC0yMTYgMTA1IGwtODUgMCAwIC0xMTg0eiIvPgo8L2c+Cjwvc3ZnPgo=") center center no-repeat;
  mask-size: contain;
  background: #318f89;

}
.tag_coding {
    font-size: 0 !important;
    text-decoration: none !important;
    width: 20px;
    height: 20px;
    display:inline-block;
    vertical-align:top;
    position: relative;
    top: 1px;
    mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDIwMDEwOTA0Ly9FTiIKICJodHRwOi8vd3d3LnczLm9yZy9UUi8yMDAxL1JFQy1TVkctMjAwMTA5MDQvRFREL3N2ZzEwLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4wIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiB3aWR0aD0iMjAuMDAwMDAwcHQiIGhlaWdodD0iMjAuMDAwMDAwcHQiIHZpZXdCb3g9IjAgMCA1MTIuMDAwMDAwIDUxMi4wMDAwMDAiCiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0Ij4KCjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLDUxMi4wMDAwMDApIHNjYWxlKDAuMTAwMDAwLC0wLjEwMDAwMCkiCmZpbGw9IiMwMDAwMDAiIHN0cm9rZT0ibm9uZSI+CjxwYXRoIGQ9Ik02NjEgNDk0NSBjLTE3NyAtMzkgLTM0NyAtMTcxIC00MjkgLTMzNSAtNjAgLTEyMCAtNzIgLTE4OCAtNzIgLTQxNwpsMCAtMTkzIDI0MDAgMCAyNDAwIDAgMCAxOTMgYzAgMjI4IC0xMiAyOTYgLTcxIDQxNyAtODEgMTY0IC0yNTUgMjk4IC00MzQKMzM1IC0xMDIgMjEgLTM2OTYgMjEgLTM3OTQgMHogbTI3NjIgLTMxOSBjMTAzIC00MyAxMjggLTE3NyA0OCAtMjU3IC0xMTIKLTExMyAtMjk2IC0xMiAtMjY3IDE0NiAxOCA5NCAxMjggMTUwIDIxOSAxMTF6IG00ODAgMCBjMTAzIC00MyAxMjggLTE3NyA0OAotMjU3IC0xMTIgLTExMyAtMjk2IC0xMiAtMjY3IDE0NiAxOCA5NCAxMjggMTUwIDIxOSAxMTF6IG00ODAgMCBjMTAzIC00MyAxMjgKLTE3NyA0OCAtMjU3IC0xMTIgLTExMyAtMjk2IC0xMiAtMjY3IDE0NiAxOCA5NCAxMjggMTUwIDIxOSAxMTF6Ii8+CjxwYXRoIGQ9Ik0xNjAgMjIwOCBjMCAtMTY0MSAtMyAtMTU0NyA3MCAtMTY5MyA4OSAtMTc2IDI0OCAtMzAwIDQzOSAtMzQxIDEwMQotMjEgMzY4MyAtMjAgMzc4NiAxIDIxMyA0NCA0MDQgMjE4IDQ3OCA0MzUgbDIyIDY1IDMgMTUwMyAyIDE1MDIgLTI0MDAgMAotMjQwMCAwIDAgLTE0NzJ6IG0xNTAzIDQ5OCBjNjkgLTI4IDEwNyAtMTA0IDkyIC0xODMgLTYgLTMzIC00NSAtNzcgLTI4OAotMzIwIGwtMjgyIC0yODMgMjgyIC0yODIgYzMwNCAtMzA1IDMwNSAtMzA3IDI4OCAtMzk1IC05IC00OSAtNjkgLTEwOSAtMTE4Ci0xMTggLTkwIC0xNyAtODMgLTIzIC00NjkgMzYzIC0zMTEgMzExIC0zNTggMzYyIC0zNjMgMzk1IC0xNyA5MCAtMjIgODQgMzUzCjQ2MSAxOTEgMTkxIDM2MSAzNTQgMzc3IDM2MiAzOSAxNyA4NyAxNyAxMjggMHogbTEzMDUgLTEzIGM0MyAtMzIgNjUgLTY5IDY5Ci0xMjAgNSAtNDcgLTQgLTY3IC0zMzAgLTcxOSAtMjUxIC01MDIgLTM0MyAtNjc3IC0zNjYgLTY5NyAtMTAzIC04NiAtMjYxIC05Ci0yNjEgMTI3IDAgMjYgODYgMjA3IDMzNCA3MDMgMTg0IDM2OCAzNDQgNjc4IDM1NyA2OTAgMTMgMTIgMzUgMjcgNDkgMzIgMzcKMTYgMTE3IDcgMTQ4IC0xNnogbTYxNSAxMyBjMTggLTggMTg1IC0xNjggMzc5IC0zNjIgMzc1IC0zNzcgMzcwIC0zNzEgMzUzCi00NjIgLTUgLTMyIC01MiAtODMgLTM2MyAtMzk0IC0zODYgLTM4NiAtMzc5IC0zODAgLTQ2OSAtMzYzIC00OSA5IC0xMDkgNjkKLTExOCAxMTggLTE3IDg4IC0xNiA5MCAyODggMzk1IGwyODIgMjgyIC0yODIgMjgzIGMtMjQzIDI0MyAtMjgyIDI4NyAtMjg4CjMyMCAtMjUgMTMyIDk4IDIzNSAyMTggMTgzeiIvPgo8L2c+Cjwvc3ZnPgo=") center center no-repeat;
    mask-size: contain;
    background: rgb(25, 182, 64);
}
.tag_home {
    font-size: 0 !important;
    text-decoration: none !important;
    width: 20px;
    height: 20px;
    display:inline-block;
    vertical-align:top;
    position: relative;
    top: 1px;
    mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDIwMDEwOTA0Ly9FTiIKICJodHRwOi8vd3d3LnczLm9yZy9UUi8yMDAxL1JFQy1TVkctMjAwMTA5MDQvRFREL3N2ZzEwLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4wIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiB3aWR0aD0iMjAuMDAwMDAwcHQiIGhlaWdodD0iMjAuMDAwMDAwcHQiIHZpZXdCb3g9IjAgMCA1MTIuMDAwMDAwIDUxMi4wMDAwMDAiCiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0Ij4KCjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLDUxMi4wMDAwMDApIHNjYWxlKDAuMTAwMDAwLC0wLjEwMDAwMCkiCmZpbGw9IiMwMDAwMDAiIHN0cm9rZT0ibm9uZSI+CjxwYXRoIGQ9Ik0yNTE1IDUwMzQgYy04OSAtMjIgLTEwMiAtMzMgLTEyODIgLTExMTQgLTk0MSAtODYyIC0xMTgzIC0xMDg5Ci0xMjAzIC0xMTI3IC0xOSAtMzcgLTI1IC02MiAtMjUgLTExMyAxIC04NCAyMyAtMTI2IDExMiAtMjEyIDU3IC01NCA4MCAtNzAKMTI4IC04MyA2NCAtMTkgMTI2IC0xNSAxNzYgMTEgMTcgOCA3MSA1MSAxMTkgOTUgNDkgNDMgOTEgNzkgOTQgNzkgMyAwIDYKLTUwOCA2IC0xMTI4IDAgLTEyNTYgLTMgLTExOTUgNjcgLTEyNzMgMjAgLTIyIDU1IC01MCA3NyAtNjIgNDAgLTIyIDUwIC0yMgo1MjkgLTI1IDQyMyAtMiA0OTYgLTEgNTQzIDEzIDY3IDE5IDEyOSA3MyAxNTggMTM1IDIxIDQ0IDIxIDU3IDI0IDg2MyBsMyA4MTcKNTY3IC0yIDU2NyAtMyA1IC04MzAgYzYgLTkyNiAwIC04NTUgNzcgLTkzMCA2NyAtNjUgNzggLTY2IDY1NSAtNjMgNTc3IDMgNTUxCjAgNjI5IDgwIDczIDc1IDY5IDQgNjkgMTI1NSAwIDYxOCA0IDExMjMgOCAxMTIzIDUgMCAxOSAtMTEgMzIgLTI1IDc1IC04MAoxMzkgLTk1IDIyNyAtNTMgNTYgMjYgMTcxIDEzOCAyMTAgMjA2IDM5IDY1IDQwIDE2NiAzIDIzMSAtMTkgMzQgLTMwNSAyOTAKLTExOTMgMTA2NyAtNjc4IDU5NCAtMTE4NyAxMDMyIC0xMjEyIDEwNDQgLTQ0IDIxIC0xMzEgMzMgLTE3MCAyNHoiLz4KPC9nPgo8L3N2Zz4K") center center no-repeat;
    mask-size: contain;
    background: #c4b5d5;
}
.tag_plan {
  font-size: 0 !important;
  text-decoration: none !important;
  width: 20px;
  height: 20px;
  display:inline-block;
  vertical-align:top;
  position: relative;
  top: 1px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAxHpUWHRSYXcgcHJvZmlsZSB0eXBlIGV4aWYAAHjabVDbDcMgDPxnio7gF2DGIU0qdYOOX4OdKGl6kg9ztg7jtH3er/QYIJQkuWpppYBBmjTqlig4+mQEmTzBz6jhVU9HgUzi0elXLdG/63gY+NEtyycjDSNcroUm4a8/RvEQj4nIkjWMWhgxeQHDoPu3oDSt5y8sG1yhHmnQEq5zIrjfpdr21mzvMNHGyGDMrD4Aj8iJuyVoTNbk8lDy5BqT2EL+7WlH+gLPXVot1Bfw3gAAAYRpQ0NQSUNDIHByb2ZpbGUAAHicfZE9SMNQFIVPU6UilQ4WkeKQoTrZRUUcSxWLYKG0FVp1MHnpHzRpSFJcHAXXgoM/i1UHF2ddHVwFQfAHxF1wUnSREu9LCi1ivPCSj/PuObx3HyC0akw1++KAqllGJpkQ84VVMfAKH0YQom9EYqaeyi7m4Flf99RHdRfjWd59f9aQUjQZ4BOJ40w3LOIN4tlNS+e8TxxmFUkhPieeNOiAxI9cl11+41x2WOCZYSOXmScOE4vlHpZ7mFUMlXiGOKqoGuULeZcVzluc1VqDdc7JbxgsaitZrtMaQxJLSCENETIaqKIGCzH6a6SYyNB+wsMfcfxpcsnkqoKRYwF1qJAcP/gb/J6tWZqecpOCCaD/xbY/xoHALtBu2vb3sW23TwD/M3Cldf31FjD3SXqzq0WPgNA2cHHd1eQ94HIHGH3SJUNyJD8toVQC3s/omQrA8C0wuObOrbOP0wcgR7NavgEODoGJMmWve9x7oHdu//Z05vcDYspyoFczyhMAAA12aVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/Pgo8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJYTVAgQ29yZSA0LjQuMC1FeGl2MiI+CiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiCiAgICB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIKICAgIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiCiAgICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iCiAgICB4bWxuczpHSU1QPSJodHRwOi8vd3d3LmdpbXAub3JnL3htcC8iCiAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyIKICAgIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIKICAgeG1wTU06RG9jdW1lbnRJRD0iZ2ltcDpkb2NpZDpnaW1wOmU1N2NlY2IzLWQ0YjgtNDIyYS05ZGE3LTViY2VkM2VlOWUwZiIKICAgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1Yjk3NTkwZi01OTM3LTQ3ZWYtYWIzNS1lMDkxZGM3NDNmNDQiCiAgIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo3ZjAzMzk1Ni1lMTkzLTQ5OTMtYTVlNy1jNDM4MDk0Yzc2MTQiCiAgIGRjOkZvcm1hdD0iaW1hZ2UvcG5nIgogICBHSU1QOkFQST0iMi4wIgogICBHSU1QOlBsYXRmb3JtPSJXaW5kb3dzIgogICBHSU1QOlRpbWVTdGFtcD0iMTczNzU1ODMwNzg5MTY0NCIKICAgR0lNUDpWZXJzaW9uPSIyLjEwLjM4IgogICB0aWZmOk9yaWVudGF0aW9uPSIxIgogICB4bXA6Q3JlYXRvclRvb2w9IkdJTVAgMi4xMCIKICAgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyNTowMToyMlQyMDowNTowNyswNTowMCIKICAgeG1wOk1vZGlmeURhdGU9IjIwMjU6MDE6MjJUMjA6MDU6MDcrMDU6MDAiPgogICA8eG1wTU06SGlzdG9yeT4KICAgIDxyZGY6U2VxPgogICAgIDxyZGY6bGkKICAgICAgc3RFdnQ6YWN0aW9uPSJzYXZlZCIKICAgICAgc3RFdnQ6Y2hhbmdlZD0iLyIKICAgICAgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpjNDU1Nzg3MC0wOTQ2LTQwM2MtYTE1MS1mZDlkMzE3OWE4ODIiCiAgICAgIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkdpbXAgMi4xMCAoV2luZG93cykiCiAgICAgIHN0RXZ0OndoZW49IjIwMjUtMDEtMjJUMjA6MDU6MDciLz4KICAgIDwvcmRmOlNlcT4KICAgPC94bXBNTTpIaXN0b3J5PgogIDwvcmRmOkRlc2NyaXB0aW9uPgogPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgIAo8P3hwYWNrZXQgZW5kPSJ3Ij8+haNTgAAAAAZiS0dEANkA2QDZAPHCmAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAAd0SU1FB+kBFg8FB13C58IAAAXNSURBVGje7ZtNbFVFFMd/fbwSdUHRxGvCRxCSlvgRMYQgbQGFUCEhE3UFaiE4BhEDgmJUXJm46AJRgYVRzECkJGVhWNxoYlpW+kAQYxBjaDEQKG3MQKTFBSD6cHFPw8vlvd7v10b6T5r03jtz5vzvzNw55z/zaqgCtOPWAC3AKqAJmCKPLgAFoB3oNFbdzNqXmoiO54GisaoYoU49YID5AUW/B7Sx6nSWhHMRHG8FBoHz2nGfCVmnCTgWgixS5pjUGfke1o7bDTSU3DLAG8aqKxXKTwd+Au6N6NOfwBxj1dkR7WHgHj8n4IR23KcqlP8sBlmA+6QuI024HB4EDmnH/VA77l0lvdsoH6m4aBEbo47wkI0twHHtuLPl3soU7K7MgnDeN+/GAR8Bi8rM7wcCbD0CHNGO+zaQRu80+nzbBiwLqDMIbDZWHQ9FWAy+nsDJ8cDHwLUUCE/yXdcBj4ao98lwq4J/SA+k4Og14HoKdooxp19d6CFtrCpox9XA4jJD+rkyX2o//gDWAFuBJxMSPuO7PgHsr1C2CZgeeQ4L6T3AnjLram8A4a+AV41Vl7Tjzk+B8Hc+v3YBuyqs+e2xCcfAALDRWNVecm8f8F6CVaAoNkbdsnQImOUji7GqB9ibwO5esTGihC+V/H8V2AS0GKvOVyi/BYjjdI/UHfFIa4MkAt8As41VO4dL54xVAxJtnYrQxil5iQNZEQ49h41VBeCJKMaNVee1484F2oBXgNoKRW8AnwNbjVV/ZZkt5ckYQmCDdtw2YAXQDEyWx30iABwwVvUlaOaorP9FibbGMIY7BTUVIpdGSc8aJYgvAmcl+tlnrOoeDc5rx52JJwwukEgrB/QDR4AOY9WRYQlrx50hasOSgCjoS5F3BkaI6ETJylYHLK1dwDpj1ZnbCGvHbQbcCLLM78ASY9W5KpOdBnQC9SGrXAaULKseYe24DRJU1EVsvxuYW0nIy4DsBPFzZsSqg+JnT05EchODLNJwWxU7uC0G2aEc2WjHrckBT0swEBdrteNOrkLvTgHWJjDRDLTkgNaEvtSSkeDmw4phQtOwWJUXtSApmoDtJb3xKfB4Qps/G6te8/VQUjTmubWxlQT+IX0/MC+hTX9sPSkFP6fmuMOQx9uynJFyb1wEfkho86Lvuj8Fvr154HAKhA/7UsL1GXROAU85TeRnjuRi2Q2gowqjsUPaSoL2nIRphQRGdidM3sMKCX3A7oQjpDMnupSOqRR044nu1cJWaTMqBvFOF9zMydvrAZZLoB0Wp4Gl1Yqjxc8rwFJpOywuA8uHZN9cibECMEeGOAHp4V4JxquaKYmf54C5eLsjQWdNuvBOExSCBIB5wPM+AeCMCADto0gAaBABYGFYAWAMY/ifoSZgjmyT5DkHnJAty7jzbbKkkc0liUCfRGkHjFUXRgPhk9w6ZrDfWNUag+gEUSrWMvxWyxfAu1kvc5lutYjg9m0IWaYWWA8s1o67NOpypx33BeAdvFMCbxmrbKWyuQzJTpQ1PYoGNRPolLph26mV0fGYLFEnteM+W3XCeLpxfYx69VI3LO6WvyE4wEHtuHtkOmVPWHYEVicwsVpsJMEa4BftuIuq0cOrEtpOQ1wEmAZ0acfdPnQ0MspHq0lOy5TDUd+StSAFZxf6Rs1Gym/I14Z4eW8Cy7TjroxCeDqVjwZdK1M2Kfw2ZgEvJrD3MHAwaNiFzZGLGXwbcgFtxEFdUA9vxju7WBfxxfRzu3QbFf1l2vi1TLlxwEMh7A0AL9eQAbTj7iDZIVWAncaqTSEjuaCReAh4yVjVm9VXumOU2Lgqo7TFWNWb2bIkiXdXAhNdKSTvP+KdJ9tRep4sy0hrHdE0slINal2E8teBf0uu/wHeB5qNVaciZUspzOVm4GvC7z0P4gluhYjtfICnaP6Gp04ej5UepkS6AW/DPWj3ryDO9sRsZ7yx6u9E+XCKpEt/itcITJVHvSIAVO2neP8Bn07agft9dZkAAAAASUVORK5CYII=") center center no-repeat;
  background-size: contain;
}
.tag_love {
  font-size: 0 !important;
  text-decoration: none !important;
  width: 20px;
  height: 20px;
  display:inline-block;
  vertical-align:top;
  position: relative;
  top: 1px;
  mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDIwMDEwOTA0Ly9FTiIKICJodHRwOi8vd3d3LnczLm9yZy9UUi8yMDAxL1JFQy1TVkctMjAwMTA5MDQvRFREL3N2ZzEwLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4wIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiB3aWR0aD0iMjAuMDAwMDAwcHQiIGhlaWdodD0iMjAuMDAwMDAwcHQiIHZpZXdCb3g9IjAgMCA1MTIuMDAwMDAwIDUxMi4wMDAwMDAiCiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0Ij4KCjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLDUxMi4wMDAwMDApIHNjYWxlKDAuMTAwMDAwLC0wLjEwMDAwMCkiCmZpbGw9IiMwMDAwMDAiIHN0cm9rZT0ibm9uZSI+CjxwYXRoIGQ9Ik0yNDAzIDUxMDYgYy0xODUgLTM2IC0zNTUgLTEyNSAtNDgwIC0yNTMgbC00NCAtNDYgLTY5IDMyIGMtMTE4IDU1Ci0xOTMgNzIgLTMzNCA3OCAtMTQ4IDcgLTIzMSAtNSAtMzUwIC00OCAtMjUxIC05MSAtNDU3IC0zMDMgLTU0MSAtNTU0IC0yMgotNjUgLTQ1IC0xODcgLTQ1IC0yMzUgMCAtMzYgLTMgLTM5IC02NyAtNzYgLTk3IC01NSAtMjU1IC0yMTYgLTMxMiAtMzE3IC0xOTgKLTM1MiAtMTQ0IC03NzcgMTM0IC0xMDYzIDEyMCAtMTIyIDI0NyAtMTk4IDQxNSAtMjQ3IDc0IC0yMSA4NyAtMjIgODg4IC0yNQpsODEyIC0zIDAgMjk1IGMwIDE4NCAtNCAzMDUgLTExIDMyMyAtMTEgMzEgLTUzIDc4IC04NCA5NiAtMTQgOCAtMTI0IDE0IC0zNDIKMTcgLTMwNSA1IC0zMjMgNiAtMzQ5IDI2IC01MSAzNyAtNjkgNzEgLTY5IDEyNyAwIDM5IDYgNjEgMjQgODYgNDIgNTkgNTcgNjEKNDAzIDYxIDI4OCAwIDM0MiAtNCA0MDYgLTI0IGwyMiAtNyAwIDEzNiBjMCAxNDcgLTkgMTgxIC01MiAyMDIgLTEzIDcgLTgxIDEzCi0xNjAgMTUgLTEyMCAzIC0xNDAgNiAtMTY0IDI0IC05NCA3MCAtOTYgMTkwIC01IDI1MSAzMiAyMSA0NCAyMyAxOTEgMjMgMTY5CjAgMjM1IC0xMyAzMDIgLTYxIDI5IC0yMSAzMiAtMjEgNTcgLTUgOTMgNjEgMTc3IDc5IDM1MiA3NCAxMTAgLTMgMTMxIC02IDE1NQotMjQgOTIgLTY4IDk2IC0xODQgMTAgLTI0OSAtMjQgLTE3IC00NyAtMjEgLTE3OCAtMjUgbC0xNTAgLTUgLTI5IC0zMyAtMjkKLTMyIDAgLTE0MSAwIC0xNDEgMjMgNiBjODIgMjIgMTY4IDI3IDQzOSAyNCAyODEgLTMgMjk4IC00IDMyNCAtMjQgOTQgLTcwIDk2Ci0xODkgNCAtMjUxIC0zMiAtMjMgLTM5IC0yMyAtMzM0IC0yMyAtMzY4IC0xIC0zOTIgLTcgLTQzNyAtMTA1IC0xNyAtMzYgLTE5Ci03MCAtMTkgLTMzOCBsMCAtMjk4IDgxMyAzIGM4MTAgMyA4MTIgNCA4OTEgMjYgMzc2IDEwOSA2MzMgNDIxIDY2MiA4MDYgMjUKMzIwIC0xNTMgNjU5IC00MzAgODIyIGwtNjMgMzcgLTYgNzEgYy0yNCAyODAgLTE4OSA1MzkgLTQzNiA2ODYgLTE1MiA5MCAtMzAyCjEyNiAtNDk3IDExNyAtMTQxIC02IC0yMTYgLTIzIC0zMzQgLTc3IGwtNjggLTMyIC01OCA1NyBjLTEwOSAxMDcgLTI1MSAxODcKLTM5OSAyMjUgLTEwMyAyNyAtMjg0IDM1IC0zODIgMTZ6Ii8+CjxwYXRoIGQ9Ik0yNDAyIDE5NDAgYy0yMyAtMTMyIC0xMDEgLTI0NyAtMjE1IC0zMTQgLTk1IC01NiAtMTYxIC02NiAtNDQ0IC02NgotMjMwIDAgLTI1MCAtMiAtMjgxIC0yMCAtMTAwIC02MSAtOTYgLTIwNiA4IC0yNjIgMzMgLTE4IDU0IC0xOSAzMjAgLTE1IDIzMwozIDI5NyA3IDM1MCAyMiA3MCAxOSAxODUgNzAgMjM4IDEwNSBsMzIgMjIgMCAtNDYgYzAgLTE1MSAtODMgLTMwNSAtMjA5IC0zODUKLTEwOSAtNzAgLTMwIC02NSAtMTExOCAtNzEgLTk3MiAtNSAtOTgyIC01IC0xMDA5IC0yNiAtOTQgLTcwIC05NiAtMTkwIC01Ci0yNTEgbDM0IC0yMyA5NzEgMCBjMTA0OSAwIDEwMzEgMCAxMTY2IDU0IDM2IDE1IDg5IDQzIDExOSA2MiBsNTQgMzYgLTcgLTU2CmMtMTkgLTE2NSAtMTM1IC0zMTQgLTI5MyAtMzc4IC01OCAtMjMgLTYxIC0yMyAtNjEzIC0yOCAtNTE0IC01IC01NTggLTYgLTU4MwotMjMgLTk1IC02MiAtODcgLTIwOSAxMyAtMjU5IDMyIC0xNiA4MCAtMTggNTYyIC0xOCA1NjcgMCA2MTQgMyA3MzggNTMgOTkgNDAKMTY5IDg3IDI1MyAxNjkgbDc5IDc3IDY0IC02NCBjNzEgLTczIDE3NyAtMTQ2IDI2MiAtMTgwIDEyOCAtNTIgMTcwIC01NSA3MzgKLTU1IDU4NyAwIDU3MiAtMiA2MjAgNjkgMTcgMjYgMjQgNDkgMjQgODQgMCA1OSAtMjIgMTAwIC03MCAxMzAgLTM1IDIyIC00MQoyMiAtNTk1IDI3IGwtNTYwIDUgLTcwIDM0IGMtODcgNDMgLTE4MCAxMzQgLTIxNyAyMTIgLTI2IDU1IC01NCAxNjggLTQ3IDE4NwoyIDUgMzcgLTkgNzYgLTMzIDgwIC00NiAxNzMgLTc5IDI3MyAtOTUgNDEgLTYgNDA4IC0xMCA5OTkgLTEwIDkyMyAwIDkzNSAwCjk3NyAyMSA4MCAzOCAxMDcgMTQ1IDU1IDIxNyAtNDYgNjUgNyA2MiAtMTAyNSA2MiAtNjQyIDAgLTk1MiAzIC05ODggMTEgLTIxMAo0NCAtMzY4IDIzNSAtMzY4IDQ0NiBsMCA1MyA1MyAtMzUgYzY1IC00MyAxNjIgLTgzIDI0NyAtMTAxIDk0IC0yMCA2MDAgLTIwCjYzOCAwIDUyIDI3IDc1IDYyIDgwIDEyMCA2IDcwIC0yMiAxMjAgLTgyIDE0NyAtMzcgMTcgLTY5IDE5IC0yOTggMTkgLTIyMyAwCi0yNjQgMiAtMzE3IDE5IC0xNjEgNTAgLTI4MSAxODYgLTMxMiAzNTUgbC0xMiA2NiAtMTQ3IDAgLTE0NiAwIC0xMiAtNzB6Ii8+CjwvZz4KPC9zdmc+Cg==") center center no-repeat;
  mask-size: contain;
  background: #ec8bcb;
}
.tag_welness {
    font-size: 0 !important;
    text-decoration: none !important;
    width: 20px;
    height: 20px;
    display:inline-block;
    vertical-align:top;
    position: relative;
    top: 1px;
    mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDIwMDEwOTA0Ly9FTiIKICJodHRwOi8vd3d3LnczLm9yZy9UUi8yMDAxL1JFQy1TVkctMjAwMTA5MDQvRFREL3N2ZzEwLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4wIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiB3aWR0aD0iNTEyLjAwMDAwMHB0IiBoZWlnaHQ9IjUxMi4wMDAwMDBwdCIgdmlld0JveD0iMCAwIDUxMi4wMDAwMDAgNTEyLjAwMDAwMCIKIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiPgoKPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsNTEyLjAwMDAwMCkgc2NhbGUoMC4xMDAwMDAsLTAuMTAwMDAwKSIKZmlsbD0iIzAwMDAwMCIgc3Ryb2tlPSJub25lIj4KPHBhdGggZD0iTTE0MDUgNDk0MyBjLTYwMyAtNzkgLTEwODIgLTQ0NSAtMTI5OSAtOTk1IC0xNTUgLTM5MyAtMTM1IC04NzcgNTEKLTEyNDggbDQ4IC05NSAzODAgLTMgMzgwIC0yIDM5NSA2ODQgYzIxNyAzNzcgMzk4IDY4MiA0MDEgNjc4IDMgLTQgMTIwIC0zNTUKMjYwIC03ODAgMTk0IC01OTIgMjU2IC03NjkgMjY0IC03NTggNiA4IDEzNyAyMzggMjkwIDUxMSAyNDEgNDI3IDI4MSA0OTMgMjkyCjQ3OSA3IC0xMCAxMTcgLTE5NiAyNDUgLTQxNSBsMjMyIC0zOTggMjYxIC0zIGMyODggLTMgMzAxIC02IDM0NiAtNzAgMzUgLTQ5CjM5IC0xNDIgNyAtMTg3IC0xMiAtMTkgLTM2IC00NCAtNTEgLTU1IC0yOCAtMjAgLTM5IC0yMSAtMzk0IC0yMSBsLTM2NSAwCi0xNDEgMjM4IGMtNzcgMTMwIC0xNDQgMjM0IC0xNDggMjMwIC01IC01IC0xNTYgLTI2OCAtMzM4IC01ODYgbC0zMjkgLTU3OAotMjYyIDc4NyBjLTE2OSA1MDUgLTI2NiA3ODIgLTI3MSA3NzMgLTQgLTggLTExOCAtMjA1IC0yNTIgLTQzOSBsLTI0NCAtNDI1Ci0zNDcgLTUgLTM0NiAtNSAxMDQ1IC0xMDQ1IDEwNDUgLTEwNDUgMTEwMyAxMTA1IGMxMDYwIDEwNjIgMTEwNiAxMTA5IDExNzkKMTIyMCA4NSAxMjkgMTQyIDIzOSAxODIgMzUwIDIxMSA1ODYgNTcgMTI0NSAtMzkwIDE2NzAgLTQ1OCA0MzUgLTExMjEgNTU2Ci0xNzA1IDMxMSAtOTUgLTQwIC0yMzcgLTEyMSAtMzExIC0xNzcgbC01NiAtNDQgLTYzIDQ3IGMtMjY5IDE5OCAtNjAwIDMwNQotOTM0IDMwMSAtNzEgMCAtMTQzIC0zIC0xNjAgLTV6Ii8+CjwvZz4KPC9zdmc+Cg==") center center no-repeat;
    mask-size: contain;
    background: #be7d7d;
}
.tag_worked {
    font-size: 0 !important;
    text-decoration: none !important;
    width: 20px;
    height: 20px;
    display:inline-block;
    vertical-align:top;
    mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDIwMDEwOTA0Ly9FTiIKICJodHRwOi8vd3d3LnczLm9yZy9UUi8yMDAxL1JFQy1TVkctMjAwMTA5MDQvRFREL3N2ZzEwLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4wIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiB3aWR0aD0iMjAuMDAwMDAwcHQiIGhlaWdodD0iMjAuMDAwMDAwcHQiIHZpZXdCb3g9IjAgMCA1MTIuMDAwMDAwIDUxMi4wMDAwMDAiCiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0Ij4KCjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLDUxMi4wMDAwMDApIHNjYWxlKDAuMTAwMDAwLC0wLjEwMDAwMCkiCmZpbGw9IiMyQTUyQkUiPgo8cGF0aCBkPSJNMjQ5NSA1MTA2IGMtMTYgLTcgLTM4IC0yMiAtNDcgLTMyIC0zNCAtMzkgLTk1MCAtMTkzOCAtOTU1IC0xOTc5Ci04IC04MSA2MCAtMTU1IDE0NCAtMTU1IDI0IDAgMjA3IDQxIDQwOCA5MSBsMzY1IDkxIDAgMTg1IGMwIDIxMiA4IDI0MSA3OAoyODEgNDkgMjcgOTEgMjggMTQyIDIgNzEgLTM2IDgwIC02OSA4MCAtMjgzIGwwIC0xODUgMzY5IC05MiBjMjAzIC01MSAzODUKLTkyIDQwNSAtOTIgNDMgMCA5MSAyNiAxMjAgNjUgMTUgMjEgMjEgNDMgMjEgODAgLTEgNDggLTM5IDEzMSAtNDY4IDEwMTIKLTI1OCA1MjggLTQ3NiA5NjggLTQ4NSA5NzkgLTM4IDQzIC0xMTkgNTggLTE3NyAzMnoiLz4KPHBhdGggZD0iTTM3OCAzNTg5IGMtMjMgLTEyIC00NiAtMzUgLTU4IC01OSAtMjAgLTM5IC0yMCAtNTcgLTIwIC0xMzM1IGwwCi0xMjk1IDIyNjAgMCAyMjYwIDAgMCAxMjk1IGMwIDEyNzkgMCAxMjk2IC0yMCAxMzM1IC0xMyAyNiAtMzQgNDcgLTYwIDYwIC0zOAoxOSAtNTggMjAgLTUyNSAyMCAtMjY3IDAgLTQ4NSAtMiAtNDg1IC01IDAgLTMgMzkgLTg1IDg2IC0xODIgMTAwIC0yMDkgMTE5Ci0yNzAgMTExIC0zNjggLTE4IC0yMzggLTIxMSAtNDE5IC00NDYgLTQxNyAtNjEgMCAtMTQzIDE3IC00MTkgODYgLTE4OCA0NwotMzQ1IDg2IC0zNDcgODYgLTMgMCAtNSAtMTMzIC01IC0yOTUgMCAtMzM3IDMgLTM1MCA3OCAtMzkzIDM5IC0yMiA0NiAtMjIKMzc1IC0yMiAyMDkgMCAzNTYgLTQgMzg5IC0xMSA4NyAtMTggMTU4IC01OCAyMjMgLTEyMyAxMzkgLTE0MCAxNzIgLTM0MyA4NAotNTE4IC02MCAtMTE4IC0xNzkgLTIxMCAtMzA3IC0yMzcgLTM3IC04IC0zODIgLTExIC0xMTM4IC0xMSAtMTA2NyAwIC0xMDg1IDAKLTExMjQgMjAgLTQ1IDIzIC04MCA4MCAtODAgMTMwIDAgNDggMzMgMTAzIDc4IDEyOCBsNDAgMjIgMTA4MSAwIGMxMDY0IDAKMTA4MiAwIDExMjEgMjAgNDUgMjMgODAgODAgODAgMTMwIDAgNTAgLTM1IDEwNyAtODAgMTMwIC0zNyAxOSAtNTggMjAgLTM3NAoyMCAtMjEyIDAgLTM1NCA0IC0zODggMTEgLTE3MSAzNyAtMzEwIDE3NiAtMzQ3IDM0NyAtNyAzMyAtMTEgMTY3IC0xMSAzNTIgMAoxNjUgLTIgMzAwIC01IDMwMCAtMiAwIC0xNTggLTM4IC0zNDYgLTg1IC0yOTAgLTcyIC0zNTMgLTg1IC00MjIgLTg1IC0yMzggMQotNDI2IDE3NiAtNDQ0IDQxNSAtOCA5OCAxMSAxNTkgMTExIDM2OCA0NyA5NyA4NiAxNzkgODYgMTgyIDAgMyAtMjE5IDUgLTQ4Nwo1IC00NjYgLTEgLTQ5MCAtMiAtNTI1IC0yMXoiLz4KPHBhdGggZD0iTTc4IDU3OSBjLTQ0IC0yMyAtNzggLTgxIC03OCAtMTMzIDAgLTIwMyAxNTUgLTM5MSAzNTggLTQzNSA3NSAtMTYKNDMyOCAtMTYgNDQwNCAwIDE3MSAzNiAzMTAgMTc1IDM0NyAzNDcgMjQgMTE0IDIgMTg2IC02OSAyMjIgLTM5IDIwIC01MyAyMAotMjQ4MiAyMCAtMjQxMyAtMSAtMjQ0MyAtMSAtMjQ4MCAtMjF6Ii8+CjwvZz4KPC9zdmc+Cg==") center center no-repeat;
    mask-size: contain;
    background: #2A52BE;
}
.tag_first {
  font-size: 0 !important;
  text-decoration: none !important;
  width: 20px;
  height: 20px;
  display:inline-block;
  vertical-align:top;
  mask: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 12H19M19 12L15 8M19 12L15 16' stroke='currentColor' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='5' cy='12' r='4' fill='currentColor'/%3E%3C/svg%3E") center center no-repeat;
  mask-size: contain;
  background: rgba(190, 42, 42, 1);
  transition:  all 300ms;
  /*width: 0;*/
  opacity: 0;
}
.tag_boost {
  font-size: 0 !important;
  text-decoration: none !important;
  width: 20px;
  height: 20px;
  display:inline-block;
  vertical-align:top;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512'%3E%3Cg transform='translate(0,512) scale(0.1,-0.1)' fill='%23000000' stroke='none'%3E%3Cpath d='M2395 4664 c-378 -38 -637 -109 -933 -258 -347 -175 -663 -448 -894 -771 -205 -289 -355 -663 -414 -1035 -26 -159 -26 -547 -1 -705 77 -490 274 -912 602 -1285 125 -143 197 -178 303 -150 42 12 72 38 275 239 129 127 238 244 249 266 56 108 1 251 -116 300 -45 19 -128 21 -171 5 -16 -6 -82 -64 -147 -128 -112 -110 -119 -115 -133 -96 -98 128 -206 322 -270 483 -42 106 -99 324 -110 419 l-7 62 152 0 c184 0 219 9 281 70 108 108 84 282 -50 352 -52 27 -57 28 -217 28 l-164 0 0 28 c0 50 48 259 85 369 49 148 141 336 231 471 41 61 78 112 81 112 4 0 57 -49 118 -110 120 -118 157 -140 235 -140 127 0 220 96 220 225 0 77 -20 111 -140 238 -88 93 -100 110 -89 123 26 32 226 157 334 210 141 68 323 129 478 159 67 14 128 25 135 25 9 0 12 -35 12 -143 0 -205 23 -269 118 -324 97 -58 230 -29 295 63 39 56 46 97 47 262 l0 144 43 -7 c204 -32 413 -96 582 -179 109 -54 308 -179 335 -210 11 -15 1 -29 -93 -125 -114 -115 -146 -168 -147 -239 0 -82 55 -166 135 -203 48 -22 132 -24 181 -4 19 8 86 64 149 126 l114 111 46 -64 c185 -249 315 -582 355 -903 17 -131 14 -381 -5 -510 -40 -270 -133 -528 -268 -743 -65 -105 -121 -182 -131 -182 -5 0 -64 53 -130 118 -109 107 -126 120 -173 131 -178 43 -331 -147 -254 -314 12 -26 98 -118 242 -261 201 -198 230 -223 278 -239 58 -19 121 -16 169 9 33 17 177 165 253 261 208 262 375 604 453 930 40 172 56 295 63 485 22 661 -216 1282 -674 1761 -371 386 -871 643 -1413 724 -102 15 -424 27 -505 19z'/%3E%3Cpath d='M2430 2754 c-187 -50 -340 -207 -385 -395 -82 -350 206 -686 562 -655 132 12 236 60 338 156 l60 57 400 43 c652 70 641 67 696 143 60 83 60 182 -1 265 -53 74 -64 76 -609 136 l-493 55 -62 59 c-135 130 -331 182 -506 136z'/%3E%3C/g%3E%3C/svg%3E") center center no-repeat;
  mask-size: contain;
  background: rgb(36, 131, 28);
}
.tag_important {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAyHpUWHRSYXcgcHJvZmlsZSB0eXBlIGV4aWYAAHjabVDbDcMgDPz3FB0BbANmHNIQqRt0/B4xiZKoJ+HXWWds6t/PRq8BjkqaiuWacwC0auWGwIKj7TYG3e0OnRTyW51OglESePHU8uw/6vEUcNcQpYuQvSex3Ik6J7A9hNidjB+NeJ1CdQoJOxGnQPO1Qq5WrissPdxh/miYbUtlNPLi3DPXguutCXOEuUuUACti/gEZT0kaCIZlwTkQF8QJbaNyrIqD/LvTAfoBfi9aVZFOYv8AAAGEaUNDUElDQyBwcm9maWxlAAB4nH2RPUjDUBSFT1OlIhEHK4g4ZKhOdlERx1LFIlgobYVWHUxe+gdNGpIUF0fBteDgz2LVwcVZVwdXQRD8AXF2cFJ0kRLvSwotYnxweR/nvXO57zxAaFaZZvXEAE23zXQiLuXyq1LoFSKGqaKIyswykpnFLHzX1z0CfL+L8l7+9/5cA2rBYkBAIo4xw7SJN4hnN22D8z5xmJVllficeNKkAYkfua54/Ma55LLAe4bNbHqeOEwslbpY6WJWNjXiGeKIqunUX8h5rHLe4qxV66w9J3+hWNBXMlynGkMCS0giBQkK6qigCpvyqkAnxUKazuM+/lHXnyKXQq4KGDkWUIMG2fWD/8HvbK3i9JTXSYwDvS+O8zEOhHaBVsNxvo8dp3UCBJ+BK73jrzWBuU/SGx0tcgQMbgMX1x1N2QMud4CRJ0M2ZVcKUgnFIvB+Rt+UB4Zugf41L7f2OU4fgCxltXwDHBwCEyXqve7z7r7u3P69087vBw8ecuWyx6x4AAANdmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNC40LjAtRXhpdjIiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iCiAgICB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIgogICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICAgeG1sbnM6R0lNUD0iaHR0cDovL3d3dy5naW1wLm9yZy94bXAvIgogICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgIHhtcE1NOkRvY3VtZW50SUQ9ImdpbXA6ZG9jaWQ6Z2ltcDpkYjZiYTBkOC01YzIxLTQ1YTMtYjAyMS1iMGQ1Yjk1MWYxYmUiCiAgIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Mzc3NTc2ZWQtNjQ5YS00NzA2LTgzNDEtNmEyMTJlNDU2MDg4IgogICB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6Mjc4YTM3OGEtOTA5Ny00ZDBlLTk2OTUtMTRjNGUyYzhkOWY1IgogICBkYzpGb3JtYXQ9ImltYWdlL3BuZyIKICAgR0lNUDpBUEk9IjIuMCIKICAgR0lNUDpQbGF0Zm9ybT0iV2luZG93cyIKICAgR0lNUDpUaW1lU3RhbXA9IjE3MzQ3ODU2MDUwNjQ3OTciCiAgIEdJTVA6VmVyc2lvbj0iMi4xMC4zOCIKICAgdGlmZjpPcmllbnRhdGlvbj0iMSIKICAgeG1wOkNyZWF0b3JUb29sPSJHSU1QIDIuMTAiCiAgIHhtcDpNZXRhZGF0YURhdGU9IjIwMjQ6MTI6MjFUMTc6NTM6MjUrMDU6MDAiCiAgIHhtcDpNb2RpZnlEYXRlPSIyMDI0OjEyOjIxVDE3OjUzOjI1KzA1OjAwIj4KICAgPHhtcE1NOkhpc3Rvcnk+CiAgICA8cmRmOlNlcT4KICAgICA8cmRmOmxpCiAgICAgIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiCiAgICAgIHN0RXZ0OmNoYW5nZWQ9Ii8iCiAgICAgIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6ZjY1MjQ5NzktYzEyNy00NTNlLThiMTYtOTIyZTE3MTcyMmRhIgogICAgICBzdEV2dDpzb2Z0d2FyZUFnZW50PSJHaW1wIDIuMTAgKFdpbmRvd3MpIgogICAgICBzdEV2dDp3aGVuPSIyMDI0LTEyLTIxVDE3OjUzOjI1Ii8+CiAgICA8L3JkZjpTZXE+CiAgIDwveG1wTU06SGlzdG9yeT4KICA8L3JkZjpEZXNjcmlwdGlvbj4KIDwvcmRmOlJERj4KPC94OnhtcG1ldGE+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAKPD94cGFja2V0IGVuZD0idyI/PnjH+ngAAAAGYktHRADZANkA2QDxwpgAAAAJcEhZcwABOvUAATr1AZcIdlcAAAAHdElNRQfoDBUMNRlbtOrxAAAEnElEQVR42u2bW2gcVRiAv9mZvSe7ycZsk2xsNk1FG5TW2lho0gasD0IFKbTgjYL1oQoWib4UfREFsWC9PtgHleKDTxWVmj55QyoSY1M1TVsE203IZdPcNslms7eZ8WEmNNfNJrsxm/b88LPLHOac83/n/P+Znf9ficzSDJwCYsCLQNestnKgEdgF3AsEAC8gA3FgGOgGLgO/AR1Akg0m1wDd1FbADTwH/Gwao69Ah4DPgD2AtFEARGYZMAqEV2j0YqoBvwB7C8FAKQsA3mw6arA6ucfuwmmxMJhK0p6IMqipmW7RgM+BV4GJPNtVan6OrRmAYyWbOODbxH3OYipsdlwWGYskIQEaOqoOo+kk3fEYF6PjfDrYTUc6sVhXV4CngL/zYLgMvAK8OTNN4Iu8AbAh8VZFLYfvqiLocK3IkWOaStvkGKd6/6V1enx+87QZbN8Fxldp/MNmH02zrl0F6vMCYK/Nxemt26l3Fee0RNOaytnhfo72XCW9sHkEOAN8Cfxpukkm8QCPAc8DjwKWee3dQDAvAI6XVvJR3QN5c9JL0XGOX+/k12RssWYdGADazFUcAKKAYvp3ENgB7AQcGYZZFoCyXtH3wSIv5+p3c2awh9cGrhNHn78wVcBBU9dMLOt5BJUqVloCdXTd38h7lXWUS6ufzpHicn7YupP99qIV3adQALLF4aIlUMfRiho6pyZonxzj+8gQ56eXPh23yVYOlPjZ4/Gxw+2lxuEE4P0+eeMBmBGvrNDk8dHk8fFyYAtRVSWSTjGlqiR0FRmJIlnBLcuUKFZs83aMNteNNh6Aub4p4ZEVPLLCbRsDCgO0ACAACAACgAAgAAgAAoAAIAAIAAKAACAACAB3mqz6dcukmiYUj3EjHiOUiHEzmaA3GSet65QqVqptDqrtTjY7nNTa3VTa7MiStLEBxDWNjmiE86ODfDLSx6iuZX3v404vT/ur2ectI2BzFAyArBMju61O3BaZHxPRnAZ0IPFGRZBn/HdTnWcQGjpPdP3Od7dSb8smRrKOAW2p6UzGqxg5vT6gB6M4Ir7oLkLnRPgGDZ0XODvcT0rX13UHrDYI6sBfGFnYRzCyOD6gGqjBqB7xA9uBF4Bv5wMJ6xqHQ5d5PXSF4VR+Ckc0HRIrcMtsXGASKJqzy+Ab4CTQboLIVvwY6eoWbuXvAWiwOni7Zhv7vGUL3vVnK6F4jNMDIU6O9M65DNTmAmAcIwMLRoXIIeCnHBfKD3wIPLlYoDxWGWRXUQl+m33Z7RnTVK7ForSOhnlnqIfYQnf6ypxz7kEQo8jpoTwG32eBj1miAOOQ20ezt4ygw4VXUSi2KKR0jYia5mYyQefUBF9HwvyjppcaoxU4Yi7cqmV2jdDFNYhBQdOlNHKvPZrRMEa9QF4e8tYawMxuaDRBJHMwPAScIMuapkICMFsCwEvAOYyyOjWDwQnzJPoA2A9Y1/RBKM8xINsjugrYbB6rDhPIBNBvrng010EKNjtsxoVeU8WvQQFAABAABAABQAAQAAQAAUAAEAAEAAFAABAABAABQAD4fwCEl/h+x0gz8AfGn53rb0cD/wOJpJtx5zzPWAAAAABJRU5ErkJggg==") center center no-repeat;
    font-size: 0 !important;
    text-decoration: none !important;
    background-size: contain;
    position: relative;
    top: 1px;
    width: 20px;
    height: 20px;
    transition:  all 300ms;
    display:inline-block;
    vertical-align:top;
    /*width: 0;*/
    opacity: 0;
}
.tag_finance {
    font-size: 0 !important;
    text-decoration: none !important;
    background: url("data:image/png;base64,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") center center no-repeat;
    width: 20px;
    height: 20px;
    background-size: contain;
    display:inline-block;
    vertical-align:top;
}
.tag_generate {
  font-size: 0 !important;
  text-decoration: none !important;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAxXpUWHRSYXcgcHJvZmlsZSB0eXBlIGV4aWYAAHjabVDbDcMgDPxnio4AtgEzDmkSqRt0/B7YiZKoJ/l56Gwctu9nD68BShIkVy2tlAhIk0YdiUZDnz5FmX5CnEJ964eTILQYka3U4u+PfjoFLHRk+SKkbyeWO9F8AulDyAfx2IiQrC7UXIjJiOQC3b4VS9N6/cKyxTvULAy3HzepFp61VFxvzZjDRBsnjvDMagvwMAncQRA8Mc6BvCLPXGZffRMc5N+dDoQfGiBZixOSjToAAAGEaUNDUElDQyBwcm9maWxlAAB4nH2RPUjDUBSFT1OlIhEHK4g4ZKhOdlERx1LFIlgobYVWHUxe+gdNGpIUF0fBteDgz2LVwcVZVwdXQRD8AXF2cFJ0kRLvSwotYnxweR/nvXO57zxAaFaZZvXEAE23zXQiLuXyq1LoFSKGqaKIyswykpnFLHzX1z0CfL+L8l7+9/5cA2rBYkBAIo4xw7SJN4hnN22D8z5xmJVllficeNKkAYkfua54/Ma55LLAe4bNbHqeOEwslbpY6WJWNjXiGeKIqunUX8h5rHLe4qxV66w9J3+hWNBXMlynGkMCS0giBQkK6qigCpvyqkAnxUKazuM+/lHXnyKXQq4KGDkWUIMG2fWD/8HvbK3i9JTXSYwDvS+O8zEOhHaBVsNxvo8dp3UCBJ+BK73jrzWBuU/SGx0tcgQMbgMX1x1N2QMud4CRJ0M2ZVcKUgnFIvB+Rt+UB4Zugf41L7f2OU4fgCxltXwDHBwCEyXqve7z7r7u3P69087vBw8ecuWyx6x4AAANdmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNC40LjAtRXhpdjIiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iCiAgICB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIgogICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICAgeG1sbnM6R0lNUD0iaHR0cDovL3d3dy5naW1wLm9yZy94bXAvIgogICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgIHhtcE1NOkRvY3VtZW50SUQ9ImdpbXA6ZG9jaWQ6Z2ltcDo4ODJhMzVmYi0yNzJjLTRlMmEtYmU2ZC0wNzQxZjA5NTVkNzciCiAgIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6N2MwNDA4ODItNzMyYi00NzUyLWFkZDYtZTFmYTE3ZDg3OWNmIgogICB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6Njk3YjhkNjUtMWNmZi00NzlhLThkZTktZGNlY2I3NjFiZjUwIgogICBkYzpGb3JtYXQ9ImltYWdlL3BuZyIKICAgR0lNUDpBUEk9IjIuMCIKICAgR0lNUDpQbGF0Zm9ybT0iV2luZG93cyIKICAgR0lNUDpUaW1lU3RhbXA9IjE3MzQ3ODU3NzgzNDQzMTAiCiAgIEdJTVA6VmVyc2lvbj0iMi4xMC4zOCIKICAgdGlmZjpPcmllbnRhdGlvbj0iMSIKICAgeG1wOkNyZWF0b3JUb29sPSJHSU1QIDIuMTAiCiAgIHhtcDpNZXRhZGF0YURhdGU9IjIwMjQ6MTI6MjFUMTc6NTY6MTgrMDU6MDAiCiAgIHhtcDpNb2RpZnlEYXRlPSIyMDI0OjEyOjIxVDE3OjU2OjE4KzA1OjAwIj4KICAgPHhtcE1NOkhpc3Rvcnk+CiAgICA8cmRmOlNlcT4KICAgICA8cmRmOmxpCiAgICAgIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiCiAgICAgIHN0RXZ0OmNoYW5nZWQ9Ii8iCiAgICAgIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6OTQ2Njc1NzUtMTRjMi00MzlkLWIyZWYtNDlkMWNjZDA4NTAyIgogICAgICBzdEV2dDpzb2Z0d2FyZUFnZW50PSJHaW1wIDIuMTAgKFdpbmRvd3MpIgogICAgICBzdEV2dDp3aGVuPSIyMDI0LTEyLTIxVDE3OjU2OjE4Ii8+CiAgICA8L3JkZjpTZXE+CiAgIDwveG1wTU06SGlzdG9yeT4KICA8L3JkZjpEZXNjcmlwdGlvbj4KIDwvcmRmOlJERj4KPC94OnhtcG1ldGE+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAKPD94cGFja2V0IGVuZD0idyI/PlWa5TYAAAAGYktHRADZANkA2QDxwpgAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfoDBUMOBJ5yE00AAAMvklEQVR42uWbeXQUdbbHP7+q7nQ6nT1NFgIJSAgga1hMggwKaJBnQERFAUfA9el7yLjMwoz69I0z4zhy4MmMIsuRiAOCwtNRBsQBFAJKCMSQRNYYwpKkyUq6s3a6fvNHdyd0DBASkhC959RJVbq6+nfv7977vVtB+2keUA4s4KdEiqLogTcB6TrWdUc+dG35khAiVNO0DcCt3X4j2/CdkVLKNODWpNuiSVk57SclgAeBVCD62QVj+GD1fQyONXdrAbTKBFRV1TkcjteBZwDeeXMK8+8fjl4CmnTfdh/QEepgB6xACXAEOAakCiG+kVJWd7gAhBBmh8PxATApzOzFujUzmRjfGxo0AMwhPvTt7UPemWpdW31KKygQ6A3Euf8hpawFtgPvKYrymaZpdW3yZ1f4fASwGeg78ZZevLN0GjGRAeDQLjIiQXWDRr3d0WFqWldn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") center center no-repeat;
  width: 20px;
  height: 20px;
  background-size: contain;
  display:inline-block;
  vertical-align:top;
  opacity: 0.6;
  transition: all 300ms;
  /*width: 0;*/
  opacity: 0;
}
.tag_generate:hover {
  opacity: 1;
}
.tag_up {
  font-size: 0 !important;
  text-decoration: none !important;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDIwMDEwOTA0Ly9FTiIKICJodHRwOi8vd3d3LnczLm9yZy9UUi8yMDAxL1JFQy1TVkctMjAwMTA5MDQvRFREL3N2ZzEwLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4wIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiB3aWR0aD0iMjAuMDAwMDAwcHQiIGhlaWdodD0iMjAuMDAwMDAwcHQiIHZpZXdCb3g9IjAgMCA1MTIuMDAwMDAwIDUxMi4wMDAwMDAiCiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0Ij4KCjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLDUxMi4wMDAwMDApIHNjYWxlKDAuMTAwMDAwLC0wLjEwMDAwMCkiCmZpbGw9IiNGRkEwMDAiIHN0cm9rZT0iI0ZGZmZmZiIgc3Ryb2tlLXdpZHRoPSI2MCI+CjxwYXRoIGQ9Ik0yMjQwIDQ5MjYgbDAgLTE5NCAtNTUgLTcgYy04NCAtMTAgLTI3MiAtNjAgLTM4MiAtMTAxIC0yOTQgLTEwOQotNTQ0IC0yNjcgLTc3MiAtNDg5IC0xOTAgLTE4NCAtMzI5IC0zNzQgLTQ0MCAtNjAwIC05NyAtMTk1IC0xNzYgLTQzOSAtMTk2Ci02MDAgbC03IC01NSAtMTk0IDAgLTE5NCAwIDAgLTMyMCAwIC0zMjAgMTk1IDAgMTk1IDAgMCAtMjIgYzEgLTg2IDc3IC0zNTIKMTQ5IC01MjMgMTA5IC0yNTYgMjYyIC00NzggNDc1IC02OTEgMjA4IC0yMDYgNDI0IC0zNTQgNjc5IC00NjQgMTU2IC02NiAzNjgKLTEyOSA0OTUgLTE0NiBsNTIgLTcgMCAtMTkzIDAgLTE5NCAzMjAgMCAzMjAgMCAwIDE5NCAwIDE5NCA1NSA3IGMxNjIgMjAgNDA1Cjk5IDYwMyAxOTcgNDU3IDIyNSA4NDAgNjMwIDEwNDEgMTA5OSA3MyAxNzEgMTUwIDQ0MCAxNTEgNTI3IGwwIDIyIDE5NSAwIDE5NQowIDAgMzIwIDAgMzIwIC0xOTUgMCAtMTk1IDAgMCAyMyBjMCAxMiAtOSA2NSAtMjAgMTE3IC04NCAzOTggLTI4NCA3NzEgLTU3NAoxMDY5IC0xODcgMTkxIC0zNzQgMzI4IC01OTggNDM5IC0xOTggOTggLTQ0MSAxNzcgLTYwMyAxOTcgbC01NSA3IDAgMTk0IDAKMTk0IC0zMjAgMCAtMzIwIDAgMCAtMTk0eiBtMCAtMTAwMSBsMCAtMTY1IDMyMCAwIDMyMCAwIDAgMTY1IDAgMTY1IDI4IC02CmM3OCAtMTggMjcwIC04OCAzNDkgLTEyNyAxNTUgLTc4IDI2OSAtMTYyIDQwNCAtMjk2IDEzNCAtMTM1IDIxOCAtMjQ5IDI5NgotNDA0IDM5IC03OSAxMDkgLTI3MSAxMjcgLTM0OSBsNiAtMjggLTE2NSAwIC0xNjUgMCAwIC0zMjAgMCAtMzIwIDE2NSAwIDE2NQowIC02IC0yNyBjLTIzIC05NyAtODUgLTI2MyAtMTM1IC0zNjIgLTE0NiAtMjg4IC00MDYgLTU0NSAtNjk4IC02OTEgLTc0IC0zNwotMjY4IC0xMDcgLTM0MyAtMTI0IGwtMjggLTYgMCAxNjUgMCAxNjUgLTMyMCAwIC0zMjAgMCAwIC0xNjUgMCAtMTY1IC0yNyA2CmMtOTggMjMgLTIzNiA3NCAtMzQ4IDEyOSAtMjk3IDE0NiAtNTUxIDM5OSAtNzAyIDY5OCAtMzkgNzkgLTEwOSAyNzEgLTEyNwozNTAgbC02IDI3IDE2NSAwIDE2NSAwIDAgMzIwIDAgMzIwIC0xNjUgMCAtMTY1IDAgNiAyOCBjMTggNzggODggMjcwIDEyNyAzNDkKMTcxIDMzOSA0ODkgNjI5IDgzMiA3NTkgNjQgMjMgMjIxIDcyIDIzOCA3MyA0IDEgNyAtNzMgNyAtMTY0eiIvPgo8cGF0aCBkPSJNMjQyMyAzMTA2IGMtMTUwIC0zNyAtMzAwIC0xNTggLTM2NiAtMjk3IC0xMDcgLTIyNSAtNjYgLTQ3MSAxMDgKLTY0NCAyMjIgLTIyMiA1NzAgLTIyMiA3OTAgLTEgMTEwIDExMiAxNjUgMjQyIDE2NSAzOTYgMCAyNTggLTE3NCA0ODEgLTQyNQo1NDUgLTcwIDE4IC0xOTkgMTggLTI3MiAxeiIvPgo8L2c+Cjwvc3ZnPgo=") center center no-repeat;
  width: 20px;
  height: 20px;
  position: relative;
  top: 1px;
  background-size: contain;
  display:inline-block;
  vertical-align:top;
  transition:  all 300ms;
  /*width: 0;*/
  opacity: 0;
}
.task-tags .tag_rest,
.task-tags .tag_up,
.task-tags .tag_generate,
.task-tags .tag_important,
.task-tags .tag_first
{
 order: -1;
}
.task-tags:hover .tag_rest,
.task-tags:hover .tag_up,
.task-tags:hover .tag_generate,
.task-tags:hover .tag_important,
.task-tags:hover .tag_first
{
  width: 20px;
  opacity: 1;
}

.topblockClock #Chelyabinsk_z44a {
    display: flex;
    align-items: center;
    padding-right: 10px;
}
.topblockClock #Chelyabinsk_z44a .sunrise {
    display: flex;
    flex-direction: column;
}
.topblockClock #Chelyabinsk_z44a > span:first-child{
    font-weight: bold;
    border: 2px solid #555;
    border-radius: 5px;
    padding: 3px 10px;
}
.topblockClock #Chelyabinsk_z44a > span:last-child{
    font-size: 14px;
    margin-left: 7px;
}
.topblock-title h2 {
    display: none;
}
.taskFooter {
    display: flex;
    align-items: center;
    padding: 10px;
    background: #fff;
    border-bottom: 2px solid #B5D5FF;
}
.tasksTime {
    display: flex;
    /*flex-direction: column;*/
    padding: 0 12px;
    /*margin-left: auto;*/
    margin-right: auto;
    margin-left: 30px;
    justify-content: center;
}
.taskFooter .allTimeCheck {
    margin-top: 10px;
    margin-left: 0;
    text-align: center;
}

.taskFooter .allTime {
    text-align: center;
    margin-left: 0px;
    margin-right: 30px;
    position: relative;
    top: 2px;
}
.doneRating {
    position: fixed;
    bottom: 10px;
    left: 10px;
    font-weight: bold;
    font-size: 18px;
    z-index: 900;
    background: #fff;
    padding: 5px 10px;
    border: 2px solid  #007C21;
    color: #007C21;
    margin-left: 27px;
    box-shadow: 0 0 10px #007C21;
}
.doneRating_danger {
    background: #BF3030;
    color: #fff;
    border-color: #BF3030;
    box-shadow: 0 0 10px #bf3030;
}
.task-first:not(.task-completed) {
  position: relative;
}
.task-first:not(.task-completed) .task-titleText {
  font-weight: 600 !important;
}
.task-going:not(.task-completed) .task-titleText {
  font-weight: 800 !important;
}
.task-first:not(.task-completed) > .task-container {
  /*position: relative;*/
  /*z-index: 1;*/
}
.task-first:not(.task-completed):after {
  background: rgb(255,255,255);
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  content: '';
  z-index: 0;
  display: block;
  /*background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgb(255, 226, 220) 100%);*/
  background-position: center top;
  background: linear-gradient(180deg, rgba(255,255,255,1) 0, rgba(255,255,255,0) 10px, rgba(255,255,255,0) calc(100% - 10px), rgba(255,255,255,1) 100%), repeating-linear-gradient(
          115deg, /* Угол наклона */
          #8e8e8e1a, /* Первый цвет */
          transparent 10px, /* Ширина первой полосы */
          /*rgba(255, 226, 220,0.35) 10px, !* Начало второго цвета *!*/
          rgba(219, 231,144,0.39) 30px  /* Ширина второй полосы */
  );
}
.task-important .task-container > * {
  position: relative;
  z-index: 5;
}
.task-rest .task-container > * {
  position: relative;
  z-index: 5;
}
.task-important .task-container:after, .task-up .task-container:after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  display: block;
  z-index: 1;
  content: '';
  background: linear-gradient(45deg, rgba(255, 0, 0, 0) 12px, rgba(255, 0, 0, 0.5) 12px,  rgba(255, 0, 0, 0.5) 22px, rgba(255, 0, 0, 0) 22px)
  }
.prio-neg-1 ~  .task-title .task-titleText {
  font-weight: 200;
}
.prio-zero ~  .task-title .task-titleText {
  font-weight: 300;
}
.prio-pos-1 ~  .task-title .task-titleText {
  font-weight: 400;
}
.prio-pos-2 ~  .task-title .task-titleText {
  font-weight: 500;
}
.task-up .task-container:after {
  background: linear-gradient(45deg, rgba(255, 197, 0, 0.5) 0px, rgba(255, 197, 0, 0.5) 12px, rgba(255, 0, 0, 0) 12px)
  }
.task-up.task-important .task-container:after {
  background: linear-gradient(45deg, rgba(255, 197, 0, 0.5) 0px, rgba(255, 197, 0, 0.5) 12px,rgba(255, 0, 0, 0) 12px, rgba(255, 0, 0, 0) 12px, rgba(255, 0, 0, 0.5) 12px,  rgba(255, 0, 0, 0.5) 22px, rgba(255, 0, 0, 0) 22px)
  }
.task-rest {
  overflow: hidden;
  }
.task-timeshedule:before {
  /*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='%23f8f8f8' stroke='%23333' stroke-width='1'/%3E%3Ccircle cx='12' cy='12' r='0.5' fill='%23333'/%3E%3Cline x1='12' y1='12' x2='12' y2='6' stroke='%23333' stroke-width='2'/%3E%3Cline x1='12' y1='12' x2='16' y2='12' stroke='%23333' stroke-width='1.5'/%3E%3Cline x1='12' y1='12' x2='11' y2='20' stroke='%23333' stroke-width='1'/%3E%3C/svg%3E") !important;*/
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23333' stroke-width='1.5' d='M8 2h8l-4 4-4-4zm0 20h8l-4-4-4 4zm4-4l4-4-4-4-4 4 4 4z'/%3E%3Cpath fill='%23ffd54f' d='M12 8v8l-3-3 3-3 3 3-3 3z'/%3E%3C/svg%3E") !important;
  background-size: 24px 24px !important;
  background-position: 19px 16px !important;
  background-repeat: no-repeat !important;
}
@media only screen and (max-width: 600px) {
  .task-timeshedule:before {
    background-position: 3px 16px !important;
  }
}
.task-rest:not(.task-important) .task-container:before{
  position: absolute;
  /*left: 0;*/
  right: 0px;
  /*bottom: 0;*/
  margin-top: -4px;
  top: 50%;
  height: 10px;
  width: 7px;
  border-radius: 100px 0 0 100px;
  display: block;
  z-index: 1;
  border: 2px solid rgba(9, 157, 9, 0.5);
  content: '';
  /*background: linear-gradient(355deg, rgba(7, 220, 7, 0.5) 0px, rgba(7, 220, 7, 0.5) 8px, rgba(255, 0, 0, 0) 8px)*/
  background: rgba(7, 220, 7, 0.5);
}
.task-first:not(.task-completed):nth-child(2n):after {
  /*background-position: 0px 0;*/
}
#tasklist li.task-row{
  border-right: 3px double transparent !important;
}
#tasklist li.task-short {
    border-right-color: #91cde9!important;
}
#tasklist li.task-long {
  /*box-shadow: inset 0 0 10px rgb(118, 173, 231);*/
  /*background: rgb(255,255,255);*/
  /*background: linear-gradient(95deg, rgba(255,255,255,0) 0%, rgb(246 243 221) 100%);*/
  border-right: 3px solid #d06ceb!important;
}

.task-through-right {
    margin-left: 10px;
}
.task-highlight {
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,0) 17%, rgba(255,135,135,1) 100%);
}

.task-through {
    overflow: visible;
}
.mtt-tab-countHours,
#cmenulistscontainer .time{
    display: inline-block;
    border-left: 3px solid #2a6918;
    border-bottom: 1px solid #2a6918;
    color: #000;
    padding: 1px 5px;
}
#cmenulistscontainer li:hover .time,
#cmenulistscontainer li.mtt-menu-item-active .time {
    color: #fff;
    border-left-color: #fff;
    border-bottom-color: #fff;
}
.timeSchedule {
    display: inline-block;
    padding: 0px 2px;
    background: #fff;
    border-radius: 7px 7px 0 0;
    border-bottom: 2px solid #FF7800;
    color: #FF7800;
    font-weight: bold;
  font-size: 12px;
  line-height: 1.2em;
  order: 1;
}
.timeSchedule_morning {
    border-color:#55A62A;
    /*color: #55A62A;*/
  color: #fff;
  text-shadow:
          /*-2px -2px 0 #000,*/
          /*2px -2px 0 #000,*/
          /*-2px  2px 0 #000,*/
          /*2px  2px 0 #000,*/
          -2px -2px 0 #55A62A,
          2px -2px 0 #55A62A,
          -2px  2px 0 #55A62A,
          2px  2px 0 #55A62A;
}


.timeSchedule_evening {
    border-color: #07cff2;
    color: #07cff2;
}
.timeSchedule_night {
    border-color: #A60000;
    color: #A60000;
}
.task-completed .timeSchedule {
    display: none;
}
.allTime {
    border-color: #55A62A;
    color: #55A62A;
}
.allTime_morning {
  border-color: #FF7800;
  color: #FF7800;
}
.allTime_evening {
    border-color: #07cff2;
    color: #07cff2;
}
.allTime_night {
    border-color: #A60000;
    background: #fff;
    color: #A60000;
    box-shadow:0 0 10px #A60000;
}
.task-through-right {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    gap: 14px 14px;
    align-items: center;
    text-shadow: 1px 1px 7px #fff, -1px -1px 7px #fff, 1px 1px 3px #fff, -1px -1px 3px #fff;
}
@media (max-width: 500px){

    .task-through-right {
        flex-direction: column;
    }
    #tasklist li.task-row .task-through {
        white-space: normal;
        line-height: 1.4em;
    }
}
.weather {
    position: relative;
}
.weather-ins {
    display: none;
    z-index: 1000;
}
.weather-icon {
    /*margin-left: 50px;*/
    width: 32px;
    height: 32px;
    display: block;
    background: url("images/weather.png") center center no-repeat;
}
.weather:hover .weather-ins{
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}
.taskTime {
  cursor: pointer;
  font-weight: 400;
  font-family: 'Oswald';
  font-size: 19px;
  min-width: 60px;
  text-align: right;
  box-sizing: border-box;
  letter-spacing: 0.5px;
}
.timeScheduleWrap {
  display: flex;
  flex-direction: column;
  gap: 2px 5px;
  align-items: center;
}
.hide-additional-elements .timeScheduleWrap {
  display: none;
}
.hide-additional-elements .priorites {
  opacity: 0;
}
.hide-additional-elements .task-row:not(.taskTitle) + .task-row:not(.task-first):not(.task-completed):not(.task-going) .task-through-right {
  display: none;
}
.taskTime_go {
  padding: 0px 0px 7px 17px;
  color: #000;
  border-radius: 10px 10px 0 0;
  letter-spacing: 0;
  position: relative;
  background: url('images/pause.png') left 3px no-repeat;
  background-size: auto 15px;
}
.task-completed .taskTime_go,
.taskTime_danger
{
  font-family: 'Allerta Stencil';
  letter-spacing: 0;
  padding: 0 0 7px;
}
.task-completed .taskTime_go {
  background: none;
}


.taskTime_play {
  background-image: url('images/play.png');
}
.taskTime_pause {
  background-image: url('images/pause.png');
}
.taskTime_go:before {
  content: '';
  display: block;
  position: absolute;
  z-index: 3;
  left: 0;
  bottom: 0;
  height: 5px;
  background: #e5e5e5;
  width: 100%;
}
.taskTime_go:after {
  content: '';
  display: block;
  position: absolute;
  z-index: 5;
  left: 0;
  bottom: 0;
  height: 5px;
  background: #00bf45;
  width: calc(var(--procTaskTime) * 1%);
}
.taskTime_danger {
  padding: 0 0 7px 17px;
}
.taskTime_warning:after {
  background: #ff8900;
}
.taskTime_danger:after {
  background: #ca1919;
  width: 100%;
}
.taskTime_danger:before{
  z-index: 6;
  background: #dca9ea;
  width: calc((100 / var(--procTaskTime)) * 100%);
}

.task-completed .taskTime:after,
.taskTime_go:after
{
  display: none;
}
.task-completed .taskTime:before,
.taskTime_go:before
{
  display: none;
}
.task-completed .taskTime_go:after,
.taskTime_go:after,
.taskTime_danger:after
{
  display: block;
}
.task-completed .taskTime_go:before,
.taskTime_go:before,
.taskTime_danger:before
{
  display: block;
}

.taskTitle {
  border: 1px solid transparent;
  border-bottom: 1px solid var(--color-tasklist-row-border);
  border-left: none;
  margin-bottom: 0px;
  padding-bottom: 4px;
  min-height: 20px;
  background-color: var(--color-tasklist-row);
  position: relative;
  font-size: 20px;
  font-weight: bold;
  padding: 50px 00px 10px 45px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px 20px;
}
@media only screen and (max-width: 760px) {

}
@media only screen and (max-width: 760px) {
  .progressTime {
    width: 100% !important;
  }
  .task-title {
    min-width: auto;
    flex-basis: 100%;
  }
  .taskTitle {
    flex-wrap: wrap;
    padding-left: 25px;
    gap: 10px 20px;
  }
  .taskTitle .priorites {
    width: 50%;
    order: 4;
    margin-left: 0;
  }
  .taskTitle .allTime{
    order: 5;
  }
  .taskTitle .loadTime {
    margin-left: auto;
  }
}
.taskFooter {
  flex-wrap: wrap;
  padding-top: 0;
  position:sticky;
  z-index: 50;
  top: 0;
}
body {
  position: relative;
}
.taskStatistics {
  display: flex;
  gap: 3px 5px;
  margin-top: 10px;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (min-width: 1000px)  {
  .taskStatistics {
    gap: 3px 30px;
    justify-content: flex-end;
  }
}
.taskStatistics-item{
  text-decoration: none;
  padding-top: 5px;
  padding-bottom: 5px;
  border-top: 1px solid var(--color-tasklist-row-border);

  color: #4d4d4d;
}
.taskStatistics-item_success .taskStatistics-fill{
  color: #2fd204;
  text-decoration: underline;
}
.taskStatistics-item_warning .taskStatistics-fill{
  color: #e7b015;
}
.taskStatistics-amount {
  font-size: 18px;
  text-decoration: underline;
}
.taskStatistics-fill {
  font-weight: bold;
  display: inline-block;
  color: #e71818;
}
.form-flex-time {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  gap: 15px;
}
.form-unit {
  display: flex;
  align-items: center;
  gap: 10px;
}
.form-unit .h {
  font-weight: bold;
  color: var(--color-text-reduced);
}
.form-unit_elapse {
  margin-left: auto;
}
.form-unit_elapse input {
  font-weight: 600;
  }
.form-unit_spent .h {
  color: #cbcbcb;
}
.form-check {
  width: 20px;
  height: 20px;
}
.form-unit_startTime {
  margin-left: auto;
}
.progressTime {
  width: 400px;
  max-width: 100%;
  min-height: 20px;
  display: flex;
  align-items: stretch;
  border: 2px solid #81c6f2;
}
.progressTime-check {
  width: calc(var(--procentFill) * 1%);
  background: #bbb;
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  height: 100%;
  transition: all 1500ms;
}
.progressTime-before {
  border-right: 6px solid #81c6f2;
  /*margin-right: 3px;*/
  padding-right: 10px;
  width: calc(var(--procentFill) * 1%);
  transition: all 1500ms;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  position: relative;
}
.progressTime-before:before {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  background-color: #81c6f2;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}


.progressTime-after {
  width: calc(var(--procentFill) * 1%);
  transition: all 1500ms;
  min-width: 2px;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.progressTime-prio {
  display: flex;
  align-items: stretch;
  width: 100%;
  height: 100%;
}
.progressTime-checkUp {
  width: 100%;
  flex-shrink: 0;
  height: 3px;
  display: flex;
  margin-top: -10px;
}

.progressTime-checkUp:after {
  width: calc(var(--procentFill) * 1%);
  transition: all 1500ms;
  background: #81c6f2;
  flex-shrink: 0;
  flex-grow: 0;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  height: 3px;
  display: block;
  content: '';
}
.progressTime-prioUp {
  width: 100%;
  flex-shrink: 0;
  height: 3px;
  margin-top: -10px;
  display: flex;
}


.progressTime-prioUp:before {
  width: calc(var(--procentFill) * 1%);
  transition: all 1500ms;
  background: #81c6f2;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  flex-shrink: 0;
  flex-grow: 0;
  height: 3px;
  display: block;
  content: '';
}
.progressTime-prio2 {
  width: calc(var(--procentFill) * 1%);
  transition: all 1500ms;
  background: var(--color-priority-urgent);
  flex-shrink: 0;
  height: 100%;
}
.progressTime-prio1 {
  width: calc(var(--procentFill) * 1%);
  transition: all 1500ms;
  background: var(--color-priority-high);
  flex-shrink: 0;
  height: 100%;
}
.progressTime-prio0 {
  width: calc(var(--procentFill) * 1%);
  transition: all 1500ms;
  background: var(--color-priority-none);
  flex-shrink: 0;
  height: 100%;
}
.taskTitle .priorites, .taskTitle .allTime {
  display: none;
}
.taskTitle .loadTime, .taskTitle .loadTimeCheck {
  margin-left: auto;
}
.taskTitle .loadTime + .loadTimeCheck {
  margin-left: 0;
}