@import url("https://fonts.googleapis.com/css?family=DM+Sans:700|Fira+Sans:200,300,300i,400,400i,600,600i|Fira+Mono:400,500,700&subset=cyrillic,cyrillic-ext,latin-ext&display=swap");
/* General styles */
@import url("https://fonts.googleapis.com/css?family=DM+Sans:700|Fira+Sans:200,300,300i,400,400i,600,600i|Fira+Mono:400,500,700&subset=cyrillic,cyrillic-ext,latin-ext&display=swap");
@import url("https://fonts.googleapis.com/css?family=DM+Sans:700|Fira+Sans:200,300,300i,400,400i,600,600i|Fira+Mono:400,500,700&subset=cyrillic,cyrillic-ext,latin-ext&display=swap");
@import url("https://fonts.googleapis.com/css?family=DM+Sans:700|Fira+Sans:200,300,300i,400,400i,600,600i|Fira+Mono:400,500,700&subset=cyrillic,cyrillic-ext,latin-ext&display=swap");
@import url("https://fonts.googleapis.com/css?family=DM+Sans:700|Fira+Sans:200,300,300i,400,400i,600,600i|Fira+Mono:400,500,700&subset=cyrillic,cyrillic-ext,latin-ext&display=swap");
@import url("https://fonts.googleapis.com/css?family=DM+Sans:700|Fira+Sans:200,300,300i,400,400i,600,600i|Fira+Mono:400,500,700&subset=cyrillic,cyrillic-ext,latin-ext&display=swap");
@import url("https://fonts.googleapis.com/css?family=DM+Sans:700|Fira+Sans:200,300,300i,400,400i,600,600i|Fira+Mono:400,500,700&subset=cyrillic,cyrillic-ext,latin-ext&display=swap");
@import url("https://fonts.googleapis.com/css?family=DM+Sans:700|Fira+Sans:200,300,300i,400,400i,600,600i|Fira+Mono:400,500,700&subset=cyrillic,cyrillic-ext,latin-ext&display=swap");
@import url("https://fonts.googleapis.com/css?family=DM+Sans:700|Fira+Sans:200,300,300i,400,400i,600,600i|Fira+Mono:400,500,700&subset=cyrillic,cyrillic-ext,latin-ext&display=swap");
@import url("https://fonts.googleapis.com/css?family=DM+Sans:700|Fira+Sans:200,300,300i,400,400i,600,600i|Fira+Mono:400,500,700&subset=cyrillic,cyrillic-ext,latin-ext&display=swap");
@import url("https://fonts.googleapis.com/css?family=DM+Sans:700|Fira+Sans:200,300,300i,400,400i,600,600i|Fira+Mono:400,500,700&subset=cyrillic,cyrillic-ext,latin-ext&display=swap");
@import url("https://fonts.googleapis.com/css?family=DM+Sans:700|Fira+Sans:200,300,300i,400,400i,600,600i|Fira+Mono:400,500,700&subset=cyrillic,cyrillic-ext,latin-ext&display=swap");
@import url("https://fonts.googleapis.com/css?family=DM+Sans:700|Fira+Sans:200,300,300i,400,400i,600,600i|Fira+Mono:400,500,700&subset=cyrillic,cyrillic-ext,latin-ext&display=swap");
@import url("https://fonts.googleapis.com/css?family=DM+Sans:700|Fira+Sans:200,300,300i,400,400i,600,600i|Fira+Mono:400,500,700&subset=cyrillic,cyrillic-ext,latin-ext&display=swap");
@import url("https://fonts.googleapis.com/css?family=DM+Sans:700|Fira+Sans:200,300,300i,400,400i,600,600i|Fira+Mono:400,500,700&subset=cyrillic,cyrillic-ext,latin-ext&display=swap");
@import url("https://fonts.googleapis.com/css?family=DM+Sans:700|Fira+Sans:200,300,300i,400,400i,600,600i|Fira+Mono:400,500,700&subset=cyrillic,cyrillic-ext,latin-ext&display=swap");
@import url("https://fonts.googleapis.com/css?family=DM+Sans:700|Fira+Sans:200,300,300i,400,400i,600,600i|Fira+Mono:400,500,700&subset=cyrillic,cyrillic-ext,latin-ext&display=swap");
@import url("https://fonts.googleapis.com/css?family=DM+Sans:700|Fira+Sans:200,300,300i,400,400i,600,600i|Fira+Mono:400,500,700&subset=cyrillic,cyrillic-ext,latin-ext&display=swap");
@import url("https://fonts.googleapis.com/css?family=DM+Sans:700|Fira+Sans:200,300,300i,400,400i,600,600i|Fira+Mono:400,500,700&subset=cyrillic,cyrillic-ext,latin-ext&display=swap");
@import url("https://fonts.googleapis.com/css?family=DM+Sans:700|Fira+Sans:200,300,300i,400,400i,600,600i|Fira+Mono:400,500,700&subset=cyrillic,cyrillic-ext,latin-ext&display=swap");
@import url("https://fonts.googleapis.com/css?family=DM+Sans:700|Fira+Sans:200,300,300i,400,400i,600,600i|Fira+Mono:400,500,700&subset=cyrillic,cyrillic-ext,latin-ext&display=swap");
@import url("https://fonts.googleapis.com/css?family=DM+Sans:700|Fira+Sans:200,300,300i,400,400i,600,600i|Fira+Mono:400,500,700&subset=cyrillic,cyrillic-ext,latin-ext&display=swap");
@import url("https://fonts.googleapis.com/css?family=DM+Sans:700|Fira+Sans:200,300,300i,400,400i,600,600i|Fira+Mono:400,500,700&subset=cyrillic,cyrillic-ext,latin-ext&display=swap");
@import url("https://fonts.googleapis.com/css?family=DM+Sans:700|Fira+Sans:200,300,300i,400,400i,600,600i|Fira+Mono:400,500,700&subset=cyrillic,cyrillic-ext,latin-ext&display=swap");
@import url("https://fonts.googleapis.com/css?family=DM+Sans:700|Fira+Sans:200,300,300i,400,400i,600,600i|Fira+Mono:400,500,700&subset=cyrillic,cyrillic-ext,latin-ext&display=swap");
@import url("https://fonts.googleapis.com/css?family=DM+Sans:700|Fira+Sans:200,300,300i,400,400i,600,600i|Fira+Mono:400,500,700&subset=cyrillic,cyrillic-ext,latin-ext&display=swap");
@import url("https://fonts.googleapis.com/css?family=DM+Sans:700|Fira+Sans:200,300,300i,400,400i,600,600i|Fira+Mono:400,500,700&subset=cyrillic,cyrillic-ext,latin-ext&display=swap");
@import url("https://fonts.googleapis.com/css?family=DM+Sans:700|Fira+Sans:200,300,300i,400,400i,600,600i|Fira+Mono:400,500,700&subset=cyrillic,cyrillic-ext,latin-ext&display=swap");
@import url("https://fonts.googleapis.com/css?family=DM+Sans:700|Fira+Sans:200,300,300i,400,400i,600,600i|Fira+Mono:400,500,700&subset=cyrillic,cyrillic-ext,latin-ext&display=swap");
@import url("https://fonts.googleapis.com/css?family=DM+Sans:700|Fira+Sans:200,300,300i,400,400i,600,600i|Fira+Mono:400,500,700&subset=cyrillic,cyrillic-ext,latin-ext&display=swap");
@import url("https://fonts.googleapis.com/css?family=DM+Sans:700|Fira+Sans:200,300,300i,400,400i,600,600i|Fira+Mono:400,500,700&subset=cyrillic,cyrillic-ext,latin-ext&display=swap");
@import url("https://fonts.googleapis.com/css?family=DM+Sans:700|Fira+Sans:200,300,300i,400,400i,600,600i|Fira+Mono:400,500,700&subset=cyrillic,cyrillic-ext,latin-ext&display=swap");
@import url("https://fonts.googleapis.com/css?family=DM+Sans:700|Fira+Sans:200,300,300i,400,400i,600,600i|Fira+Mono:400,500,700&subset=cyrillic,cyrillic-ext,latin-ext&display=swap");
@import url("https://fonts.googleapis.com/css?family=DM+Sans:700|Fira+Sans:200,300,300i,400,400i,600,600i|Fira+Mono:400,500,700&subset=cyrillic,cyrillic-ext,latin-ext&display=swap");
@import url("https://fonts.googleapis.com/css?family=DM+Sans:700|Fira+Sans:200,300,300i,400,400i,600,600i|Fira+Mono:400,500,700&subset=cyrillic,cyrillic-ext,latin-ext&display=swap");
@import url("https://fonts.googleapis.com/css?family=DM+Sans:700|Fira+Sans:200,300,300i,400,400i,600,600i|Fira+Mono:400,500,700&subset=cyrillic,cyrillic-ext,latin-ext&display=swap");
@import url("https://fonts.googleapis.com/css?family=DM+Sans:700|Fira+Sans:200,300,300i,400,400i,600,600i|Fira+Mono:400,500,700&subset=cyrillic,cyrillic-ext,latin-ext&display=swap");
@import url("https://fonts.googleapis.com/css?family=DM+Sans:700|Fira+Sans:200,300,300i,400,400i,600,600i|Fira+Mono:400,500,700&subset=cyrillic,cyrillic-ext,latin-ext&display=swap");
@import url("https://fonts.googleapis.com/css?family=DM+Sans:700|Fira+Sans:200,300,300i,400,400i,600,600i|Fira+Mono:400,500,700&subset=cyrillic,cyrillic-ext,latin-ext&display=swap");
@import url("https://fonts.googleapis.com/css?family=DM+Sans:700|Fira+Sans:200,300,300i,400,400i,600,600i|Fira+Mono:400,500,700&subset=cyrillic,cyrillic-ext,latin-ext&display=swap");
@import url("https://fonts.googleapis.com/css?family=DM+Sans:700|Fira+Sans:200,300,300i,400,400i,600,600i|Fira+Mono:400,500,700&subset=cyrillic,cyrillic-ext,latin-ext&display=swap");
@import url("https://fonts.googleapis.com/css?family=DM+Sans:700|Fira+Sans:200,300,300i,400,400i,600,600i|Fira+Mono:400,500,700&subset=cyrillic,cyrillic-ext,latin-ext&display=swap");
@import url("https://fonts.googleapis.com/css?family=DM+Sans:700|Fira+Sans:200,300,300i,400,400i,600,600i|Fira+Mono:400,500,700&subset=cyrillic,cyrillic-ext,latin-ext&display=swap");
@import url("https://fonts.googleapis.com/css?family=DM+Sans:700|Fira+Sans:200,300,300i,400,400i,600,600i|Fira+Mono:400,500,700&subset=cyrillic,cyrillic-ext,latin-ext&display=swap");
@import url("https://fonts.googleapis.com/css?family=DM+Sans:700|Fira+Sans:200,300,300i,400,400i,600,600i|Fira+Mono:400,500,700&subset=cyrillic,cyrillic-ext,latin-ext&display=swap");
@import url("https://fonts.googleapis.com/css?family=DM+Sans:700|Fira+Sans:200,300,300i,400,400i,600,600i|Fira+Mono:400,500,700&subset=cyrillic,cyrillic-ext,latin-ext&display=swap");
@import url("https://fonts.googleapis.com/css?family=DM+Sans:700|Fira+Sans:200,300,300i,400,400i,600,600i|Fira+Mono:400,500,700&subset=cyrillic,cyrillic-ext,latin-ext&display=swap");
@import url("https://fonts.googleapis.com/css?family=DM+Sans:700|Fira+Sans:200,300,300i,400,400i,600,600i|Fira+Mono:400,500,700&subset=cyrillic,cyrillic-ext,latin-ext&display=swap");
@import url("https://fonts.googleapis.com/css?family=DM+Sans:700|Fira+Sans:200,300,300i,400,400i,600,600i|Fira+Mono:400,500,700&subset=cyrillic,cyrillic-ext,latin-ext&display=swap");
@import url("https://fonts.googleapis.com/css?family=DM+Sans:700|Fira+Sans:200,300,300i,400,400i,600,600i|Fira+Mono:400,500,700&subset=cyrillic,cyrillic-ext,latin-ext&display=swap");
@import url("https://fonts.googleapis.com/css?family=DM+Sans:700|Fira+Sans:200,300,300i,400,400i,600,600i|Fira+Mono:400,500,700&subset=cyrillic,cyrillic-ext,latin-ext&display=swap");
@import url("https://fonts.googleapis.com/css?family=DM+Sans:700|Fira+Sans:200,300,300i,400,400i,600,600i|Fira+Mono:400,500,700&subset=cyrillic,cyrillic-ext,latin-ext&display=swap");
@import url("https://fonts.googleapis.com/css?family=DM+Sans:700|Fira+Sans:200,300,300i,400,400i,600,600i|Fira+Mono:400,500,700&subset=cyrillic,cyrillic-ext,latin-ext&display=swap");
@import url("https://fonts.googleapis.com/css?family=DM+Sans:700|Fira+Sans:200,300,300i,400,400i,600,600i|Fira+Mono:400,500,700&subset=cyrillic,cyrillic-ext,latin-ext&display=swap");
@import url("https://fonts.googleapis.com/css?family=DM+Sans:700|Fira+Sans:200,300,300i,400,400i,600,600i|Fira+Mono:400,500,700&subset=cyrillic,cyrillic-ext,latin-ext&display=swap");
body,
td,
th {
  padding: 0;
  margin: 0;
  font-family: "Fira Sans", "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  text-align: left;
  font-size: 13px;
  line-height: 1.43;
  color: #141823; }

html,
body {
  padding: 0;
  margin: 0;
  height: 100%; }

body {
  background-color: #fff; }

h1 {
  font-size: 1.6em; }
  h1.logo {
    color: #232323;
    font-weight: 700;
    font-family: "DM Sans", sans-serif;
    letter-spacing: -1px;
    padding: .25em .75em .25em 0; }
    h1.logo img {
      height: 30px;
      padding-right: 0; }

h2 {
  font-size: 1.4em; }
  h2.logo {
    color: #232323;
    font-weight: 700;
    font-family: "DM Sans", sans-serif;
    letter-spacing: -1px;
    padding: .25em .75em .25em 0; }
    h2.logo img {
      height: 30px;
      padding-right: 0; }

h3 {
  font-size: 1.2em; }

h4 {
  font-size: 1.15em; }

h5 {
  font-size: 1.1em; }

h6 {
  font-size: 1.05em; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
  padding: 3px 3px 3px 0;
  margin: 5px 0 5px 0;
  display: flex;
  align-items: center; }
  h1 > .icon,
  h2 > .icon,
  h3 > .icon,
  h4 > .icon,
  h5 > .icon,
  h6 > .icon {
    flex: 0 0 auto; }
    h1 > .icon + span,
    h2 > .icon + span,
    h3 > .icon + span,
    h4 > .icon + span,
    h5 > .icon + span,
    h6 > .icon + span {
      margin-left: 0.35em; }
  h1 > span,
  h2 > span,
  h3 > span,
  h4 > span,
  h5 > span,
  h6 > span {
    flex: 1 1 auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start; }
    h1 > span.actions,
    h2 > span.actions,
    h3 > span.actions,
    h4 > span.actions,
    h5 > span.actions,
    h6 > span.actions {
      flex: 0 0 auto;
      white-space: nowrap; }
    h1 > span.multiline,
    h2 > span.multiline,
    h3 > span.multiline,
    h4 > span.multiline,
    h5 > span.multiline,
    h6 > span.multiline {
      flex-direction: column;
      align-items: flex-start;
      justify-content: center; }
  h1 .dropper-container,
  h1 .action-buttons,
  h1 .button-group,
  h2 .dropper-container,
  h2 .action-buttons,
  h2 .button-group,
  h3 .dropper-container,
  h3 .action-buttons,
  h3 .button-group,
  h4 .dropper-container,
  h4 .action-buttons,
  h4 .button-group,
  h5 .dropper-container,
  h5 .action-buttons,
  h5 .button-group,
  h6 .dropper-container,
  h6 .action-buttons,
  h6 .button-group {
    flex: 0 0 auto;
    padding: 0; }
    h1 .dropper-container button,
    h1 .dropper-container .button,
    h1 .action-buttons button,
    h1 .action-buttons .button,
    h1 .button-group button,
    h1 .button-group .button,
    h2 .dropper-container button,
    h2 .dropper-container .button,
    h2 .action-buttons button,
    h2 .action-buttons .button,
    h2 .button-group button,
    h2 .button-group .button,
    h3 .dropper-container button,
    h3 .dropper-container .button,
    h3 .action-buttons button,
    h3 .action-buttons .button,
    h3 .button-group button,
    h3 .button-group .button,
    h4 .dropper-container button,
    h4 .dropper-container .button,
    h4 .action-buttons button,
    h4 .action-buttons .button,
    h4 .button-group button,
    h4 .button-group .button,
    h5 .dropper-container button,
    h5 .dropper-container .button,
    h5 .action-buttons button,
    h5 .action-buttons .button,
    h5 .button-group button,
    h5 .button-group .button,
    h6 .dropper-container button,
    h6 .dropper-container .button,
    h6 .action-buttons button,
    h6 .action-buttons .button,
    h6 .button-group button,
    h6 .button-group .button {
      font-size: .85rem; }

table,
img,
a img {
  border: 0; }

a {
  color: #00adc7;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  text-decoration: none;
  border-bottom: 1px dotted rgba(12, 137, 144, 0.5); }
  a.missing_wiki_page {
    color: #a40000;
    text-decoration: none; }
  a.issue_closed {
    text-decoration: line-through; }
  a:active, a:focus {
    outline: none; }
  a:hover {
    border-bottom: 1px dotted #aaa; }
    a:hover.image {
      border: 0; }
  a.image {
    border: 0; }
  a:not(.button):not(.list-item):not(.closer) .icon,
  a:not(.button):not(.list-item):not(.closer) .fas,
  a:not(.button):not(.list-item):not(.closer) .far {
    margin-right: 0.3em; }
    a:not(.button):not(.list-item):not(.closer) .icon.external,
    a:not(.button):not(.list-item):not(.closer) .fas.external,
    a:not(.button):not(.list-item):not(.closer) .far.external {
      font-size: 0.9em; }
    a:not(.button):not(.list-item):not(.closer) .icon:last-child,
    a:not(.button):not(.list-item):not(.closer) .fas:last-child,
    a:not(.button):not(.list-item):not(.closer) .far:last-child {
      margin-right: 0;
      margin-left: 0.5em; }

form,
p {
  margin: 0;
  padding: 0; }

b,
strong {
  font-weight: 400; }

code {
  padding: 0 3px 0 3px;
  background-color: #f1f1f1;
  border: 1px solid #dcdcdc;
  border-radius: 2px;
  font-size: 0.9em;
  font-family: "Fira Mono", monospace;
  letter-spacing: 0;
  white-space: pre; }

input, select, textarea, .input {
  font-family: "Fira Sans", "Open Sans", sans-serif;
  font-size: 1em;
  color: #555;
  border: none;
  border-bottom: 1px solid #AAA;
  padding: 2px;
  vertical-align: middle;
  font-weight: 400;
  background-color: #FFF;
  flex: 1 1 auto; }

input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"],
input[type="url"],
textarea,
select,
.input {
  box-shadow: none;
  vertical-align: middle; }
  input[type="text"][disabled], input[type="text"].disabled,
  input[type="email"][disabled],
  input[type="email"].disabled,
  input[type="search"][disabled],
  input[type="search"].disabled,
  input[type="password"][disabled],
  input[type="password"].disabled,
  input[type="url"][disabled],
  input[type="url"].disabled,
  textarea[disabled],
  textarea.disabled,
  select[disabled],
  select.disabled,
  .input[disabled],
  .input.disabled {
    background-color: #F9F9F9;
    color: #BBB; }

input[type="text"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
input[type="url"]:focus, select:focus {
  border-bottom-color: #0C8990;
  outline: none; }

input[type="image"] {
  border: 0;
  padding: 0;
  width: 16px;
  height: 16px;
  background-color: transparent; }

input[type="checkbox"] {
  margin: 0;
  vertical-align: middle; }

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
  border: 0;
  padding: 0;
  margin: 0; }

input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.35); }

input:-moz-placeholder {
  color: rgba(0, 0, 0, 0.35); }

.input .placeholder {
  color: rgba(0, 0, 0, 0.35);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex: 1 1 auto; }
  .input .placeholder .fas + span,
  .input .placeholder .far + span {
    margin-left: .35em; }

input.shaded,
.input.shaded {
  background-color: rgba(255, 255, 255, 0.4);
  border-color: transparent;
  color: #FFF; }
  input.shaded::placeholder,
  .input.shaded::placeholder {
    color: #FFF;
    opacity: 1; }
  input.shaded::-webkit-input-placeholder,
  .input.shaded::-webkit-input-placeholder {
    color: #FFF;
    opacity: 1; }
  input.shaded:-moz-placeholder,
  .input.shaded:-moz-placeholder {
    color: #FFF;
    opacity: 1; }
  input.shaded:focus,
  .input.shaded:focus {
    border-bottom-color: transparent; }

input[type=file] {
  display: none; }

pre {
  overflow: auto; }

select {
  height: 25px; }

#elevated_login_container {
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100vw;
  height: 100vh;
  padding: 0;
  margin: 0; }

th {
  font-weight: 400;
  border-bottom: 1px solid #ddd;
  padding: 2px;
  background-color: #f5f5f5; }

label {
  font-weight: 400;
  margin: 0;
  padding: 2px;
  cursor: pointer;
  text-transform: uppercase;
  color: #888; }

label .faded_out {
  font-weight: 400; }

label.optional {
  font-weight: 400; }

label > input[type="checkbox"] {
  margin: 0 3px;
  position: relative; }

.command_box {
  border: 1px dashed #ddd;
  background-color: #f5f5f5;
  padding: 4px;
  font-family: "Fira Mono", monospace;
  display: inline-block;
  margin: 0 5px; }

.simple-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch; }
  .simple-list li {
    flex: 0 0 auto;
    margin: 0;
    padding: 0; }

div.image_container {
  border: 1px solid #ccc;
  width: auto;
  clear: right;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  margin: 10px 10px 15px 0;
  padding: 6px;
  background-color: #fff;
  text-align: center; }

div.image_container .icleft {
  float: left;
  clear: left; }

div.image_container .icright {
  float: right;
  clear: right; }

div.image_container.thumb img.image {
  width: 220px; }

.offline_msg {
  padding: 10px; }

.generic_offline {
  text-align: center;
  font-weight: 400;
  font-size: larger; }

.left {
  text-align: left; }

.right {
  text-align: right; }

blockquote {
  border-left: 2px solid rgba(97, 147, 207, 0.5);
  padding: 0 0 0 5px;
  margin: 5px 0 5px 15px;
  font-style: italic;
  color: #888; }

img.smiley {
  vertical-align: text-bottom;
  width: 20px;
  height: 20px; }

/* end general styles */
/* error and success message popups / slidedowns */
input[type="checkbox"].semi-checked {
  opacity: 0.4; }

.semi_transparent {
  opacity: 0.4; }

.semi_transparent img {
  vertical-align: middle; }

.medium_transparent {
  opacity: 0.85; }

.medium_transparent img {
  vertical-align: middle; }

.almost_not_transparent {
  opacity: 0.9; }

.popup_message {
  margin: 0 auto;
  position: fixed;
  bottom: 30px;
  width: auto;
  max-width: 700px;
  padding: 10px 20px;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  font-size: 1em;
  color: #fff;
  border: none;
  box-shadow: 0 -6px 12px rgba(0, 0, 0, 0.23);
  left: 50%;
  transform: translateX(-50%);
  background: rgba(50, 50, 50, 0.9);
  border-radius: 0.2em;
  align-items: center;
  z-index: 1001; }
  .popup_message .message-content {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    padding-right: 2em; }
    .popup_message .message-content .title {
      width: 100%;
      flex: 0 0 auto;
      font-weight: 400; }
    .popup_message .message-content .message {
      font-weight: 400;
      width: 100%;
      flex: 0 0 auto; }
  .popup_message .command_box {
    background-color: rgba(255, 255, 255, 0.15);
    border-color: rgba(255, 255, 255, 0.25);
    color: #FFF; }
  .popup_message .dismiss_me {
    flex: 0 0 auto;
    font-weight: 500;
    color: #b6ac6d;
    padding: 0.3em 0.8em;
    border-radius: 0.2em; }
    .popup_message .dismiss_me:hover {
      background-color: rgba(255, 255, 255, 0.15);
      color: #ccc17a;
      cursor: pointer; }

/* end slidedowns */
#main_container {
  position: relative;
  width: 100%;
  height: 100vh;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap; }

#main_container.fullscreen header,
#main_container.fullscreen .project_header {
  display: none; }

/* main page layout dimensions and details */
#content_container {
  padding: 0;
  margin: 0;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  box-sizing: border-box;
  height: calc(100vh - 90px);
  overflow: hidden; }

/* end main page layout */
/* footer section */
footer {
  position: fixed;
  vertical-align: middle;
  display: flex;
  border: 0;
  text-align: center;
  font-size: 0.9em;
  line-height: 1.4;
  padding: 0;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  margin: 0;
  background: transparent;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 100; }
  footer .message-box {
    margin: 10px auto;
    max-width: 650px;
    text-align: left;
    align-items: center; }
  footer img {
    margin: 0 3px -3px 0;
    height: 16px; }

/* footer section */
/* login and registration page styling */
.backdrop_box.login_popup {
  text-align: left;
  width: 450px;
  margin: 0 -222px 0 -223px; }

.login_popup .article {
  padding: 0;
  margin-left: 0;
  width: auto;
  font-size: 1.1em; }

.login_popup .article h1 {
  font-size: 1.7em;
  font-weight: 400;
  border-bottom: none;
  margin: 5px 0;
  color: #555;
  padding: 7px 0 7px 60px; }

.login_popup .article h1 a {
  font-size: 1em;
  color: #555;
  padding: 0;
  margin: 0;
  border: none; }

.account_popupform input[type="text"] {
  padding: 8px;
  font-size: 1.2em;
  border-radius: 4px;
  width: 383px; }

#register .error_message {
  display: none;
  color: #ae0000; }

#register input.invalid + .error_message {
  display: block; }

#register_message {
  margin-bottom: 0; }

#tab_forgot_pane {
  width: 600px;
  margin-left: auto;
  margin-right: auto; }

.logindiv, .logindiv.form-container:not(.active) {
  display: none; }

.logindiv.active {
  display: flex; }

.register_success {
  width: 600px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto; }

/* end login / registration styling */
/* frontpage article layout styling */
.comment.commit {
  margin-bottom: 0; }

.commit_header {
  font-size: larger; }

.commit_expander {
  display: block;
  padding: 3px 0 15px 22px;
  border-bottom: 1px dashed #eaeaea; }

.commit_expander img {
  position: absolute;
  margin-left: -21px;
  margin-top: 2px; }

.commit_left {
  margin-top: 10px;
  margin-bottom: 10px; }

.commit_right {
  margin-top: 10px;
  margin-bottom: 0; }

.commit_right ul {
  margin: 0; }

.commit_left .commit_header,
.commit_right .commit_header {
  padding-bottom: 5px; }

.commits_next {
  clear: both;
  margin-left: 45px; }

.commit_left td {
  border: none !important; }

.commit_left table {
  font-size: 1.1em; }

.commit_left table b {
  font-weight: 400; }

.commit_left table img {
  padding-top: 3px; }

.commit_main pre {
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  word-wrap: break-word; }

.commitbranch {
  display: inline-block;
  font-weight: 400;
  background-color: #eaf2ff;
  color: #99c;
  padding: 0 4px 2px 4px;
  font-size: 0.7em;
  margin: 0;
  border-radius: 3px; }

/* end comments and commits styling */
/* faded text styles */
.faded_out,
.faded_out td {
  color: #aaa; }

.selected_green span.faded_out {
  color: #d1f1d1; }

.selected_red span.faded_out {
  color: #f1d1d1; }

.faded_out.dark {
  color: #999; }

.faded_out.blue {
  color: #77c; }

.faded_out a {
  color: #549d54; }

.faded_out a.disabled {
  color: #babfba; }

/* end faded text */
/* autocompleter styling */
div.autocomplete {
  position: absolute;
  z-index: 200000;
  background-color: white;
  border: 0;
  padding: 7px 0;
  box-shadow: 0 1px 10px 1px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  margin: 2px 0 0 0; }

div.autocomplete ul {
  list-style-type: none;
  margin: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 0;
  border: 0;
  display: block; }

div.autocomplete li.header {
  padding-top: 15px;
  font-size: 0.85em;
  font-weight: 400;
  border-top: 0;
  color: #aaa;
  text-transform: uppercase; }

div.autocomplete ul li.selected,
div.autocomplete ul li.selected:hover {
  background-color: #f1f1f1;
  text-align: left;
  font-weight: 400;
  border-top: 1px dotted #bbb;
  color: #333; }

div.autocomplete ul li .link_container {
  width: 100%;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

div.autocomplete ul li img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px; }

div.autocomplete ul li span {
  font-size: 0.8em; }

div.autocomplete ul li span.url {
  display: none; }

div.autocomplete ul li.disabled {
  cursor: default; }

div.autocomplete ul li.issue_closed {
  color: #aaa; }

div.autocomplete .extra {
  display: none;
  font-weight: 400;
  font-size: 1em; }

div.autocomplete .extra.attached {
  text-align: right;
  height: 20px; }

div.autocomplete .extra.attached span,
div.autocomplete .extra.attached .fas,
div.autocomplete .extra.attached .far {
  float: right; }

div.autocomplete .extra.attached .fas,
div.autocomplete .extra.attached .far {
  margin-left: 3px;
  margin-right: 15px; }

div.autocomplete .extra span {
  font-weight: 400;
  font-size: 1em; }

div.autocomplete li.selected .extra {
  display: block; }

div.autocomplete ul li.no_issues_found {
  color: #aaa;
  padding: 10px; }

div.autocomplete ul li {
  border-top: 1px dotted #ccc;
  font-size: 1em;
  list-style-type: none;
  display: block;
  width: 100%;
  margin: 0;
  padding: 7px 10px;
  cursor: pointer;
  font-weight: 400;
  text-align: left;
  background-color: #fff;
  color: #555;
  line-height: 1.4;
  box-sizing: border-box; }

div.autocomplete ul li.searchterm,
div.autocomplete ul li.searchterm.selected {
  border-top: 0; }

div.autocomplete ul li.searchterm:first-line {
  font-style: italic; }

div.autocomplete ul li.searchterm .informal {
  color: #aaa; }

div.autocomplete ul li .hidden {
  display: none; }

div.autocomplete ul li .informal {
  font-size: 0.9em; }

div.autocomplete ul li div.informal.attached {
  margin-top: 0; }

div.autocomplete ul li > img:first-child {
  width: 16px;
  height: 16px; }

/* end autocompleter */
/* tabbed menu styles */
.tab_menu {
  padding: 0;
  margin: 0;
  border: 0;
  position: relative;
  border-bottom: 1px solid #d0d0d0;
  display: block; }

#project_config_menu_panes .tab_menu {
  margin-top: 35px;
  margin-bottom: 10px; }

.tab_menu ul {
  display: flex;
  padding: 0;
  margin: 0;
  list-style: none;
  height: 100%;
  width: 100%; }

.tab_menu ul.right {
  right: 10px; }

.tab_menu li img.menu_dropdown {
  float: right;
  margin: 2px 0 -2px 2px;
  border: 1px solid transparent; }

.tab_menu li img.menu_dropdown:hover {
  background-color: rgba(255, 255, 255, 0.2); }

.tab_menu li.selected img.menu_dropdown:hover {
  background-color: rgba(225, 225, 225, 0.7);
  border-color: rgba(200, 200, 200, 0.7); }

.tab_menu li img {
  display: inline-block;
  margin-right: 6px;
  vertical-align: middle;
  margin-top: -2px; }

.tab_menu li .fas,
.tab_menu li .far {
  margin-right: 6px;
  font-size: 1.1em; }

.tab_menu li {
  color: #777;
  border-bottom: none;
  border-top: 1px solid #bbb;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  padding: 3px 4px 3px 4px;
  flex: 0 0 auto; }

.tab_menu li:hover {
  text-decoration: none;
  border-bottom: none; }

.tab_menu li {
  font-size: 0.9em;
  border: 0;
  margin: 0 0 0 5px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  line-height: 1.43; }

.tab_menu li.selected,
.tab_menu li:hover {
  color: #444;
  box-shadow: none; }

.tab_menu li.selected,
.tab_menu li.selected:hover {
  border-bottom: none; }

.tab_menu .selected {
  font-weight: 400;
  background-color: #fff; }

.tab_menu li:not(.selected):not(.active):hover {
  background-color: #efefef;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px; }

.tab_menu li.nohover:hover a:not(.button),
.tab_menu li.nohover a:not(.button) {
  display: block; }

.tab_menu li.nohover:hover,
.tab_menu li.nohover,
.more_actions_dropdown li.nohover:hover,
.more_actions_dropdown li.nohover {
  background-color: transparent;
  border: 0;
  margin: 0; }

.tab_menu li a:not(.button) {
  color: inherit;
  float: none;
  display: block; }

.tab_menu li a:not(.button):hover {
  border-bottom: 0; }

a.not_clickable:hover {
  cursor: default; }

/* generic header formatting */
.header {
  font-weight: 400;
  text-align: left; }

/* user popups */
.user_dropdown {
  z-index: 100;
  width: 300px;
  margin-top: 10px;
  display: none;
  position: absolute; }

.user_dropdown {
  color: #555; }

.user_dropdown .user_realname {
  font-size: 1.2em;
  font-weight: 400;
  padding: 0;
  width: 240px;
  float: left; }

#account_user_info img {
  float: left;
  margin: -3px 5px 0 0; }

#account_user_info {
  font-size: 1.2em;
  font-weight: 400;
  color: #ccc;
  margin: 15px 0 0 0;
  line-height: 1.2;
  flex: 0 0 auto; }

#account_user_info:first-line {
  font-size: 1.5em;
  font-weight: 400;
  color: #333; }

#account_info_container {
  width: 1100px;
  margin: 35px auto 0 auto;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap; }

#account_details_container {
  flex: 1 1 auto; }

#username_unavailable {
  color: darkred; }

#username_confirmation_popup {
  text-align: left; }

.button-group {
  position: relative; }

.right .button-group .button {
  float: none;
  display: inline-block; }

.profile_buttons {
  padding: 0;
  margin: 5px 0 20px 0;
  height: 20px;
  position: relative;
  clear: both; }

.profile_buttons .button-group {
  float: right; }

.profile_syntax_table {
  border: 0;
  padding: 0;
  margin: 0;
  border-collapse: collapse; }

.profile_syntax_table th {
  border: 0;
  margin: 0;
  background-color: #fff;
  text-align: center;
  font-size: 0.9em;
  font-weight: 400;
  width: 100px;
  color: #888; }

.profile_syntax_table th:first-child {
  width: auto; }

.profile_syntax_table tbody tr td {
  border-bottom: 1px solid #ddd;
  padding: 3px;
  margin: 0;
  text-align: center; }

.profile_syntax_table tbody tr td:first-child {
  text-align: left; }

.application_password_preview {
  background-color: #f1f1f1;
  border: 1px solid rgba(200, 200, 200, 0.4);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-size: 2em;
  margin: 40px auto;
  padding: 20px;
  text-align: center;
  width: 300px; }
  .application_password_preview span {
    flex: 0 0 auto; }
    .application_password_preview span + span {
      margin-left: .5em; }

.user_dropdown .user_avatar {
  padding: 2px;
  width: 36px;
  height: 36px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-right: 6px;
  display: inline-block; }

.user_dropdown .user_details {
  font-size: 0.8em;
  width: 230px;
  font-weight: 400;
  padding: 3px 0;
  display: inline-block;
  clear: none;
  color: #666;
  line-height: 1.3em;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: top; }

.user_dropdown .user_details:first-line {
  font-size: 1.7em;
  font-weight: 400; }

/* end user popups */
/* sidebar formatting */
.side_bar .header {
  margin: 2px 0 5px 0;
  padding: 3px 3px 3px 5px;
  font-weight: 400;
  border-bottom: 1px solid #ccc;
  background-color: transparent; }

.side_bar .content {
  padding: 0 0 3px 0;
  font-size: 0.9em; }

/* project list, client/team dashboard and overview */
.team_dashboard,
.client_dashboard {
  clear: both;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 1 1 auto; }

.client_dashboard .header,
.project_overview .header {
  padding: 5px 5px 5px 2px;
  margin-bottom: 8px;
  border-bottom: 1px dotted #ddd;
  font-size: 1.1em;
  text-transform: uppercase;
  font-weight: 400; }

.client_dashboard {
  padding: 10px; }

.dashboard_client_info {
  margin-bottom: 10px;
  width: 100%; }

.dashboard_client_info .dashboard_client_header {
  font-size: 1.9em; }

.dashboard_client_info .dashboard_client_viewusers {
  float: right; }

.dashboard_team_info {
  margin-bottom: 10px;
  width: 100%; }

.dashboard_team_info .dashboard_team_header {
  font-weight: 400;
  font-size: 2.1em; }

.dashboard_team_info .dashboard_team_viewusers {
  float: right; }

.team_dashboard_table td.team_dashboard_users,
.client_dashboard_table td.client_dashboard_users {
  padding-right: 0;
  width: 350px; }

ul.client_users,
ul.team_users,
ul.project_users {
  margin: 0;
  padding: 0; }

ul.team_users {
  margin-top: 7px; }

ul.client_users li,
ul.team_users li,
ul.project_users li {
  list-style-type: none;
  padding-bottom: 5px;
  margin: 0; }

.simple-list.branch-list .branch-name {
  display: block;
  color: #555;
  font-weight: 400; }

.simple-list.branch-list .selected .branch-name {
  font-weight: 400; }

.simple-list.branch-list .branch-last-updated {
  display: block;
  font-size: 0.8em;
  color: #888; }

#project_settings_roles {
  padding: 0 15px; }

#project_settings_roles h4 {
  margin: 15px 0 0 0; }

/* end project styling */
/* account page tab panes content */
#account_tabs_panes .content {
  padding: 5px 0 15px 5px;
  text-align: left;
  font-size: 0.95em; }

/* friend names links */
a.friend {
  color: #277cba; }

.friends_status {
  font-size: 0.9em;
  color: #ccc; }

/* reporting an issue styles */
.issuetype_list {
  text-align: center;
  padding: 0;
  margin: 10px auto 0 auto;
  clear: both; }

.issuetype_list .button,
.issuetype_list .button:hover {
  margin: 10px;
  font-size: 1.5em;
  font-weight: 400;
  padding: 20px 15px 20px 75px;
  text-align: left;
  min-width: 275px; }

.issuetype_list .button a > span:not(.issuetype-icon),
.issuetype_list .button:hover a > span :not(.issuetype-icon) {
  padding: 5px 0;
  text-align: left;
  width: auto;
  min-width: 250px; }

.issuetype_list .button span:first-line,
.issuetype_list .button:hover span:first-line {
  font-size: 0.8em;
  font-weight: 400; }

#issue-container pre:not(.CodeMirror-line) {
  padding: 6px;
  line-height: 1.4;
  background-color: rgba(225, 225, 225, 0.2);
  border: 1px solid #b4b4b4;
  border-radius: 3px;
  font-family: "Fira Mono", monospace;
  font-size: 1em;
  display: block;
  width: 100%;
  box-sizing: border-box;
  /* Undo some of the default styling done for code tag if it is nested
     with pre tag. */ }
  #issue-container pre:not(.CodeMirror-line) code {
    padding: 0;
    border: none;
    background: transparent;
    display: block;
    width: 100%;
    box-sizing: border-box; }

#viewissue_vcs_integration_commits pre {
  padding: 0;
  background-color: initial;
  border: none;
  font-size: 0.9em;
  font-family: "Fira Mono", monospace; }

/* end report issue styling */
/* fullpage (faded out) backdrop styling */
/* end backdrop styling */
/* main issue view styling */
.typeahead.dropdown-menu {
  list-style: none;
  border: 1px solid rgba(100, 100, 100, 0.3);
  border-radius: 2px;
  font-size: 1.1em;
  display: block;
  width: 100%;
  background: #fff;
  margin: 2px 0;
  position: absolute;
  box-sizing: border-box;
  z-index: 10000;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); }

.typeahead.dropdown-menu li {
  padding: 5px;
  display: block;
  transition: background-color 0.3s ease;
  background-color: transparent;
  font-size: 1.1em; }

.typeahead.dropdown-menu li a,
.typeahead.dropdown-menu li img {
  vertical-align: middle;
  display: inline-block;
  color: #333; }

.typeahead.dropdown-menu li.active {
  background-color: #f1f1f1; }

.typeahead.dropdown-menu li img {
  margin-right: 5px;
  border-radius: 12px;
  width: 22px; }

/* end left hand list */
.error_message {
  color: #e44;
  font-weight: 400;
  margin: 10px 5px 5px 0; }

.affected_item {
  position: relative;
  margin-bottom: 7px; }

.affected_item .icon_affected_type {
  margin: 0 5px 2px 0;
  font-size: 1.1em;
  vertical-align: middle;
  display: inline-block; }

.affected_item .affected_name {
  display: inline-block;
  font-size: 1.1em;
  margin-bottom: 2px;
  width: 250px;
  vertical-align: middle; }

.affected-state {
  clear: left; }

.affected_item .affected-state img {
  display: none; }

.affected-state.loading img {
  display: inline-block;
  vertical-align: middle; }

.viewissue_description_header,
.viewissue_affects_header,
.viewissue_reproduction_steps_header,
.viewissue_customfield_header {
  font-weight: 400;
  font-size: 1.1em;
  padding: 0 0 5px 0; }

.viewissue_description,
.viewissue_affects,
.viewissue_reproduction_steps,
.viewissue_customfield {
  font-weight: 400;
  padding: 0;
  margin: 0; }

.header_div {
  border-bottom: 1px solid #ccc;
  padding: 3px;
  margin-top: 5px;
  font-weight: 400;
  color: #888;
  font-size: 1.1em;
  text-transform: uppercase; }

.header_div td {
  font-weight: 400;
  vertical-align: middle; }

.header_div.smaller,
label.smaller,
div.smaller {
  font-size: 0.9em; }

.header_div.bigger,
label.bigger,
div.bigger {
  font-size: 1.2em; }

.header_div.light {
  border-color: #eee; }

.faded_out .percent_filled {
  background-color: #b4dfb4; }

.faded_out .percent_unfilled {
  background-color: #dcefdc; }

.priority_percentage .percent_unfilled,
.priority_percentage .faded_out .percent_unfilled {
  background-color: #dcefdc; }

.statistics_percentage .hover_highlight > td:first-child {
  font-weight: 400;
  font-size: 13px !important;
  padding-left: 3px; }

.statistics_percentage .hover_highlight > td:nth-child(2) {
  text-align: right;
  font-weight: 400 !important;
  padding-right: 5px;
  vertical-align: middle; }

.statistics_percentage .hover_highlight > td:last-child {
  width: 50%;
  vertical-align: middle; }

#viewissue_log_items ul {
  list-style: none;
  margin: 0 0 10px 0;
  padding: 0; }

#viewissue_log_items > ul > li {
  list-style: none;
  margin: 0;
  padding: 2px 0 0 180px;
  position: relative;
  vertical-align: top;
  line-height: 1.6em;
  font-size: 0.9em; }

#viewissue_log_items > ul > li.header-break:not(:first-child) {
  margin-top: 15px; }

#viewissue_log_items > ul > li > img {
  margin: 3px 5px -3px 5px; }

#viewissue_log_items .fas,
#viewissue_log_items .far {
  padding: 4px;
  border: 1px solid transparent;
  margin-right: 7px;
  width: 16px; }

.comment_log_items a.userlink img,
#viewissue_log_items a.userlink img {
  margin: 0; }

.fas.log_issue_created,
.far.log_issue_created,
.fas.log_issue_closed,
.far.log_issue_closed {
  color: forestgreen; }

.fas.log_issue_priority,
.far.log_issue_priority {
  color: darkorange; }

.fas.log_issue_blocked,
.far.log_issue_blocked {
  color: darkred; }

.fas.log_issue_affected_item_delete,
.far.log_issue_affected_item_delete,
.fas.log_issue_unblocked,
.far.log_issue_unblocked {
  color: #c8c8c8; }

.fas.log_issue_status,
.far.log_issue_status {
  padding: 4px;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.1); }

#viewissue_log_items ul li span.date {
  font-size: 0.95em;
  color: rgba(100, 100, 100, 0.6);
  display: block;
  min-width: 150px;
  margin: 5px 0 5px -180px;
  padding: 7px 175px 7px 7px;
  border-bottom: 1px solid rgba(100, 100, 100, 0.2);
  width: 100%;
  background: rgba(225, 225, 225, 0.1); }

#viewissue_log_items ul li div.userdropdown_container {
  font-size: 0.95em;
  display: inline-block;
  width: 150px;
  position: absolute;
  left: 10px;
  top: 45px; }

#viewissue_log_items ul li a.userlink {
  margin-left: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 125px; }

h5.change-list {
  text-transform: uppercase;
  font-size: 0.9em;
  color: #aaa;
  margin: 15px 0 0 25px;
  padding: 0; }

#affected_list th {
  font-size: 0.85em; }

.icon-link:hover,
.icon-link {
  color: #555;
  text-decoration: none;
  border: none;
  display: inline-block;
  padding: 3px 8px;
  background-color: transparent;
  transition: background-color 0.3s ease-in-out; }

.icon-link:hover {
  background-color: rgba(100, 100, 100, 0.1); }

.icon-link .fas,
.icon-link .far {
  margin: 0; }

.imagepreview {
  display: block;
  margin: 0;
  padding: 0;
  border: 4px solid #fff;
  transition: box-shadow 0.3s ease;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }

.imagepreview:hover {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }

.imagepreview img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
  padding: 0; }

.estimator_table {
  padding: 0;
  table-layout: fixed;
  margin: 0;
  box-sizing: border-box;
  width: 100%; }

.estimator_table td,
.dropdown_content table.estimator_table td {
  padding: 2px;
  width: 20%;
  box-sizing: border-box; }

.estimator_table td input {
  box-sizing: border-box;
  width: 90%;
  display: inline-block; }

.estimator_table tr:nth-child(2) td {
  text-transform: uppercase;
  color: #888;
  font-size: 0.9em; }

.issuedetailspopup li.faded_out {
  padding: 3px 3px 10px 3px; }

.issuedetailspopup label {
  display: inline-block;
  float: none;
  min-width: 150px;
  padding: 4px 0;
  vertical-align: top;
  color: #888;
  font-weight: 400;
  font-size: 1em;
  text-transform: uppercase; }

.issuedetailspopup #popup_assigned_to_change {
  position: absolute;
  top: 50%;
  margin-top: -100px;
  left: 50%;
  margin-left: -249px; }

.issuedetailspopup .time_logger_summary {
  display: inline-block;
  float: none;
  width: 500px; }

.issuedetailspopup .time_logger_summary label {
  color: #333; }

.issuedetailspopup .textarea_hint {
  color: #aaa; }

.issuedetailspopup select {
  width: 635px;
  padding: 5px;
  height: 30px;
  box-sizing: border-box; }

.show_duplicate_search .duplicate_search {
  display: block;
  margin: 5px 0; }

.duplicate_search {
  display: none; }

.duplicate_search input[type="text"] {
  font-size: 13px;
  line-height: 17px;
  padding: 5px;
  width: 555px;
  vertical-align: middle;
  box-sizing: border-box; }

.duplicate_search select {
  text-transform: uppercase; }

table.issue_affects td {
  padding: 3px; }

table.issue_affects td img {
  vertical-align: bottom; }

#viewissue_left_box_top table.issue_affects th {
  background: #f4ec8b;
  border-bottom-color: #e3dda5; }

.issue_affects img.hover_visible {
  display: none; }

.issue_affects td:hover img.hover_visible {
  display: inline; }

/* end view issue styling */
.dashboard_indicator,
.planning_indicator {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.6);
  z-index: 11; }

#planning_indicator {
  position: fixed; }

.dashboard_indicator img,
.milestone_box .planning_indicator img,
.planning_indicator img {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -8px;
  margin-left: -8px; }

#planning_indicator.planning_indicator img {
  top: 200px; }

.planning_indicator .milestone_percentage {
  width: 400px;
  position: absolute;
  left: 50%;
  margin-left: -200px;
  top: 250px;
  height: 20px;
  box-shadow: 0 0 3px rgba(100, 100, 100, 0.4) inset;
  border-radius: 10px; }

.issue_percentage {
  box-shadow: 0 0 3px rgba(100, 100, 100, 0.4) inset;
  border-radius: 10px; }

.planning_indicator .milestone_percentage .filler,
.issue_percentage .filler {
  height: 20px;
  border-radius: 10px; }

.backdrop_box.sectioned input[type="text"] {
  box-sizing: border-box;
  width: 100%;
  padding: 3px;
  font-size: 1em; }

.backdrop_box.sectioned input[type="text"].primary {
  padding: 6px;
  font-size: 1.2em;
  margin-bottom: 5px; }

.backdrop_box.sectioned .input[type="text"].secondary {
  padding: 4px;
  font-size: 1em;
  margin-bottom: 10px; }

.backdrop_box.sectioned h2 {
  font-weight: 400;
  color: #888;
  padding: 5px 0;
  margin: 15px 5px 5px 5px;
  border-bottom: 1px dotted #ccc;
  font-size: 1.1em; }

.backdrop_box.sectioned label {
  display: block; }

.sectioned_table {
  padding: 0;
  margin: 0;
  width: 790px;
  table-layout: auto; }

.sectioned_table td {
  width: auto;
  vertical-align: top; }

.sectioned_table td:first-child {
  width: 280px;
  white-space: nowrap; }

.sectioned_table td .description {
  color: #aaa;
  padding: 0 8px 8px 8px;
  font-size: 1em;
  font-style: italic; }

.sectioned_table td label {
  margin-top: 15px; }

.sectioned_table td label:first-child {
  margin-top: 0; }

#project_planning.issue_title_filtered .milestone_issue,
#project_planning.issue_title_filtered .whiteboard-issue {
  display: none; }

#project_planning.issue_title_filtered .milestone_issue.title_unfiltered,
#project_planning.issue_title_filtered .whiteboard-issue.title_unfiltered {
  display: block; }

#builds-list,
#epics-list {
  list-style: none;
  margin: -15px 0 0 0;
  padding: 15px;
  display: none;
  background-color: #fff;
  border-top: 1px solid rgba(100, 100, 100, 0.25);
  box-shadow: 0 3px 6px rgba(100, 100, 100, 0.1) inset, 0 -3px 6px rgba(100, 100, 100, 0.1) inset;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  max-height: 135px; }

#builds-list.expanded,
#epics-list.expanded {
  display: block; }

#builds-list li,
#epics-list li {
  margin: 0 10px 10px 0;
  background-color: rgba(200, 200, 200, 0.1);
  border: 1px solid rgba(100, 100, 100, 0.1);
  padding: 10px;
  min-height: 100px;
  width: 250px;
  display: inline-block;
  position: relative;
  vertical-align: top;
  transition: opacity 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; }

#epics-list li.epic {
  padding: 10px 10px 10px 20px; }

#epics-list li .story_color {
  position: absolute;
  left: 0;
  top: 0;
  width: 7px;
  opacity: 0.6;
  height: 100%; }

#epics-list li.add_epic_container {
  width: auto;
  background-color: rgba(200, 200, 200, 0.1);
  font-size: 3.2em;
  line-height: 2.4em;
  font-weight: 400;
  color: rgba(100, 100, 100, 0.5);
  text-align: center;
  vertical-align: middle;
  border: 1px dotted rgba(100, 100, 100, 0.5);
  cursor: pointer;
  padding: 0; }

#epics-list li.add_epic_container:hover,
#epics-list li.add_epic_container.selected {
  background-color: rgba(200, 200, 200, 0.2);
  border-color: rgba(100, 100, 100, 0.6);
  color: rgba(100, 100, 100, 0.7); }

#epics-list li.add_epic_container .plus {
  display: block;
  width: 50px;
  padding: 11px; }

#epics-list li.add_epic_container form {
  display: none;
  text-align: left; }

#epics-list li.add_epic_container label {
  font-weight: 400;
  font-size: 0.9em;
  padding: 5px 0 0 0;
  display: block;
  margin: 0;
  float: none; }

#epics-list li.add_epic_container label:first-of-type {
  padding-top: 0; }

#epics-list li.add_epic_container form input[type="text"] {
  font-size: 1.1em;
  padding: 2px 5px;
  width: 240px; }

#epics-list li.add_epic_container form input[type="text"][name="shortname"] {
  font-size: 1em;
  padding: 1px 5px; }

#epics-list li.add_epic_container form .actionbuttons {
  display: block;
  font-size: 1em;
  text-align: right;
  margin: 7px 0 0 0; }

#epics-list li.add_epic_container form .actionbuttons .button {
  font-weight: 400;
  padding: 2px 5px;
  font-size: 1em;
  margin-right: -1px; }

#epics-list li.add_epic_container.selected {
  cursor: default;
  border-style: solid;
  font-size: 1em;
  line-height: 1.2em;
  width: 250px;
  padding: 5px 10px; }

#epics-list li.add_epic_container.selected form {
  display: block; }

#epics-list li.add_epic_container.selected .plus {
  display: none; }

#builds-list li:hover,
#epics-list li:hover {
  cursor: pointer;
  border-color: rgba(100, 100, 100, 0.3);
  background-color: rgba(200, 200, 200, 0.2); }

#builds-list.filtered li,
#epics-list.filtered li {
  opacity: 0.4; }

#builds-list.filtered li.selected,
#epics-list.filtered li.selected {
  opacity: 1;
  border-color: rgba(150, 150, 50, 0.3);
  background-color: rgba(200, 200, 150, 0.2); }

#builds-list li.drop-hover,
#epics-list li.drop-hover {
  background-color: rgba(75, 175, 75, 0.1);
  border-color: rgba(100, 100, 100, 0.4); }

#builds-list .release_name,
#epics-list .epic_name {
  font-size: 1.1em;
  font-weight: 400;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  border: none;
  padding: 3px 0; }

.release_percentage,
.epic_percentage {
  display: block;
  height: 5px;
  background-color: #e8e8e8;
  padding: 0;
  width: 100%;
  margin: 5px 0;
  position: relative; }

.release_percentage .filler,
.epic_percentage .filler {
  display: block;
  height: 5px;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(83, 83, 183, 0.5);
  transition: width 0.3s ease; }

.backlog_toggler {
  position: absolute;
  right: 0;
  top: 10px;
  padding: 5px;
  border-radius: 2px;
  border: 1px solid transparent;
  vertical-align: top;
  display: inline-block;
  line-height: 1em;
  opacity: 0.4;
  transition: opacity 0.3s ease, border-color 0.3s ease; }

.backlog_toggler img {
  vertical-align: top;
  display: block; }

.backlog_toggler:hover {
  cursor: pointer;
  border-color: rgba(100, 100, 100, 0.1);
  opacity: 1; }

.left_toggled .backlog_toggler {
  box-shadow: 0 0 4px rgba(100, 100, 100, 0.2) inset;
  border-color: rgba(100, 100, 100, 0.3);
  background-color: rgba(220, 220, 220, 0.1);
  opacity: 1; }

.left_toggled #milestone_0_issues {
  display: none; }

.planning_board_intro {
  font-size: 1em;
  color: #555;
  margin: 15px auto;
  padding: 15px;
  width: 50%;
  border: 1px solid #ccc;
  box-shadow: 0 0 3px rgba(100, 100, 100, 0.2); }

#planning_board_settings_gear {
  margin-left: 5px;
  margin-right: 0;
  cursor: pointer;
  padding: 4px;
  opacity: 0.4;
  transition: opacity 0.3s ease; }

#planning_board_settings_gear:hover {
  opacity: 1;
  transition: opacity 0.3s ease; }

.project_header .planning_board_settings_gear {
  margin-top: 6px;
  margin-right: -5px;
  margin-left: 10px;
  display: inline-block;
  float: right;
  cursor: pointer;
  border: none;
  padding: 4px;
  opacity: 0.4;
  transition: opacity 0.3s ease; }

.project_header .planning_board_settings_gear:hover {
  margin-top: 6px;
  margin-right: -5px;
  margin-left: 10px;
  display: inline-block;
  float: right;
  cursor: pointer;
  border: none;
  padding: 4px;
  opacity: 1;
  transition: opacity 0.3s ease; }

.project_header .planning_board_settings_gear.active + ul {
  margin-top: 32px;
  font-size: 1.1em;
  margin-right: -5px; }

#no_milestones,
#onboarding-no-milestones {
  position: relative; }
  #no_milestones #indicate-button,
  #onboarding-no-milestones #indicate-button {
    position: absolute;
    right: 6em;
    top: 0.5em;
    width: 5em;
    height: 5em;
    transform: rotate(90deg); }

.more_actions {
  margin-top: 0; }

.more_actions_dropdown .header {
  padding: 5px;
  background-color: #fdfadf; }

.more_actions_dropdown .header:hover {
  background-color: #fdfadf; }

.milestone_box .milestone_issues {
  list-style: none;
  padding: 0 15px 0 0;
  margin: 10px 0;
  box-sizing: border-box;
  border: 1px dotted transparent;
  transition: border 0.3s ease;
  border-radius: 2px; }

#milestone_list .milestone_box .milestone_issues {
  margin: 10px 0;
  padding: 10px 20px; }

#milestone_list .milestone_box .milestone_issues.empty,
#milestone_list .milestone_box .milestone_issues.collapsed {
  border: 1px dotted rgba(100, 100, 100, 0.2);
  width: auto; }

.milestone_box .milestone-no-issues {
  color: #888;
  padding: 0 15px 15px 15px; }

.milestone_box .milestone_error_issues {
  color: #d66;
  padding: 5px;
  margin: 10px;
  border: 1px solid #d66; }

.milestone_box .milestone_issues li.milestone_issue {
  position: relative; }

.milestone_box .milestone_issues.collapsed li.milestone_issue,
.milestone_box .milestone_issues li.milestone_issue.filtered {
  display: none; }

.milestone_box
.milestone_issues.collapsed
li.milestone_issue.ui-sortable-placeholder {
  display: block;
  background-color: rgba(200, 200, 50, 0.1); }

.milestone_box .milestone_issues li.milestone_issue .issue_container {
  padding: 0;
  border: 1px solid rgba(225, 225, 225, 0.6);
  background-color: #fff;
  display: block;
  position: relative;
  transition: background-color 0.3s ease, border-color 0.3s ease;
  margin: -1px 0 0; }

.milestone_box .milestone_issues li.milestone_issue .child_issues_container {
  padding: 0 0 0 15px;
  list-style: none;
  margin: 0; }

.milestone_box
.milestone_issues
li.milestone_issue.ui-sortable-helper
.issue_container,
.milestone_box
.milestone_issues
li.milestone_issue.ui-sortable-helper
.issue_container:hover {
  box-shadow: 0 0 3px rgba(100, 100, 100, 0.2);
  border: 1px solid rgba(100, 100, 100, 0.2) !important;
  background-color: #fff;
  display: block; }

.milestone_box .milestone_issues li.milestone_issue .issue_container:hover {
  background-color: rgba(240, 240, 240, 0.4); }

.milestone_box
.milestone_issues
li.milestone_issue
.issue_container.blocking:hover {
  background-color: #fdf4f4; }

.milestone_box .milestone_issues li.milestone_issue.included .issue_container {
  background-color: rgba(200, 240, 200, 0.4); }

.milestone_box
.milestone_issues
li.milestone_issue.included
.issue_container:hover {
  background-color: rgba(180, 220, 180, 0.4); }

.epic .story_color {
  border-color: rgba(100, 100, 100, 0.2); }

.story_color.dropper {
  cursor: pointer; }

.story_color_selector {
  position: absolute;
  top: 10px;
  left: 15px;
  width: 260px;
  height: auto;
  z-index: 999;
  padding: 5px;
  color: #333;
  white-space: initial; }

.story_color_selector .color_items {
  margin: 5px; }

.issue_closed .story_color_selector a,
.story_color_selector a {
  color: #00a400; }

.story_color_selector_item {
  cursor: pointer;
  float: left;
  width: 15px;
  height: 15px;
  font-size: 1px;
  font-weight: 400;
  padding: 0;
  border: 1px solid rgba(0, 0, 0, 0.5);
  margin-right: 5px;
  opacity: 0.6; }

.issue_container .priority {
  position: absolute;
  top: 50%;
  height: 12px;
  margin-top: -7px;
  left: 17px;
  width: 15px;
  text-align: center;
  padding: 0 2px;
  font-size: 1em;
  font-weight: 400;
  text-transform: uppercase;
  vertical-align: middle;
  line-height: 1em; }

.priority.priority_1 {
  color: #bf0303;
  font-style: normal;
  font-weight: 400; }

.priority.priority_2,
.priority.priority_3 {
  color: #c39500;
  font-weight: 400; }

.priority.priority_4 {
  color: #00892c;
  font-weight: 400; }

.priority.priority_5,
.priority.priority_6 {
  color: #888;
  font-weight: 400; }

.priority.priority_0 {
  color: #ddd;
  font-weight: 400; }

.issuetype-icon,
.far.issuetype-icon,
.fas.issuetype-icon {
  color: #fff;
  border-radius: 3px;
  padding: 4px;
  font-size: 0.7rem;
  border: none;
  width: 1.1em;
  text-align: center;
  box-sizing: content-box;
  margin-right: .75em;
  vertical-align: middle;
  text-shadow: none;
  transition: color .2s ease-in-out, background-color .2s ease-in-out; }
  .issuetype-icon.issuetype-bug_report,
  .far.issuetype-icon.issuetype-bug_report,
  .fas.issuetype-icon.issuetype-bug_report {
    background-color: rgba(96, 141, 0, 0.95); }
  .issuetype-icon.issuetype-developer_report,
  .far.issuetype-icon.issuetype-developer_report,
  .fas.issuetype-icon.issuetype-developer_report {
    background-color: rgba(126, 161, 0, 0.95); }
  .issuetype-icon.issuetype-feature_request,
  .far.issuetype-icon.issuetype-feature_request,
  .fas.issuetype-icon.issuetype-feature_request {
    background-color: rgba(191, 181, 0, 0.95); }
  .issuetype-icon.issuetype-idea,
  .far.issuetype-icon.issuetype-idea,
  .fas.issuetype-icon.issuetype-idea {
    background-color: rgba(205, 218, 138, 0.6); }
  .issuetype-icon.issuetype-enhancement,
  .far.issuetype-icon.issuetype-enhancement,
  .fas.issuetype-icon.issuetype-enhancement {
    background-color: #0c8990; }
  .issuetype-icon.issuetype-epic,
  .far.issuetype-icon.issuetype-epic,
  .fas.issuetype-icon.issuetype-epic {
    background-color: rgba(16, 160, 238, 0.8); }
  .issuetype-icon.issuetype-documentation_request,
  .far.issuetype-icon.issuetype-documentation_request,
  .fas.issuetype-icon.issuetype-documentation_request {
    background-color: rgba(255, 185, 185, 0.6); }
  .issuetype-icon.issuetype-unknown, .issuetype-icon.issuetype-,
  .far.issuetype-icon.issuetype-unknown,
  .far.issuetype-icon.issuetype-,
  .fas.issuetype-icon.issuetype-unknown,
  .fas.issuetype-icon.issuetype- {
    background-color: rgba(255, 185, 185, 0.6); }
  .issuetype-icon.issuetype-task,
  .far.issuetype-icon.issuetype-task,
  .fas.issuetype-icon.issuetype-task {
    background-color: rgba(78, 129, 171, 0.5); }

.issuetype-icon:not(.fas) .icon,
.issuetype-icon:not(.far) .icon {
  font-size: 1.2em;
  padding: 0.3em 0.6em;
  text-align: center;
  vertical-align: middle;
  display: inline-block; }

.issuetype-icon:not(.fas) .name,
.issuetype-icon:not(.far) .name {
  font-size: 1rem;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap; }

.whiteboard-issue .epic_badge {
  font-weight: 400;
  font-size: 1em; }

.whiteboard-issue .issue_component,
.milestone_issue .issue_component {
  background: rgba(225, 225, 100, 0.5); }

.whiteboard-issue .issue_component.issue_date {
  margin-top: 3px;
  background-color: #e06363;
  color: white;
  font-size: 0.9em; }

#project_planning.type-kanban .issue_estimates,
#project_planning.type-scrum
#board-backlog-container
.issue_estimates.estimated_hours,
#project_planning.type-scrum
#board-backlog-container
.issue_estimates.estimated_minutes {
  display: none; }

.whiteboard-issue .issue_estimates {
  color: #aaa;
  font-size: 1.1em;
  font-weight: 400;
  border: none;
  text-shadow: none;
  padding: 0 0 0 17px;
  margin-top: 4px;
  margin-right: 4px;
  float: right; }

.whiteboard-issue .issue_estimate {
  display: inline-block;
  padding: 1px 5px 2px 5px;
  border-radius: 2px;
  background: rgba(50, 50, 50, 0.8);
  color: #fff;
  font-size: 0.85em;
  border: 1px solid rgba(100, 100, 100, 0.3);
  vertical-align: middle;
  line-height: 1.25em;
  text-shadow: none;
  margin: 1px 1px 0; }

.whiteboard-issue .issue_estimate.points {
  background: rgba(200, 200, 200, 0.8);
  border-color: rgba(200, 200, 200, 0.8);
  color: #323232; }

.epic .status-badge {
  display: inline-block;
  vertical-align: middle;
  margin: -3px 5px 0 0;
  padding: 0;
  border-radius: 2px;
  width: 13px;
  height: 13px; }

.epic_badge {
  padding: 3px 4px; }

.milestone_box .milestone_issues {
  width: 100%; }

.milestone_box .milestone_issues th {
  background-color: #fff;
  border: none;
  color: #888;
  font-size: 0.85em;
  padding: 2px;
  font-weight: 400;
  text-transform: uppercase;
  border-bottom: 1px dotted #ccc; }

.milestone_issues_container {
  margin-bottom: 20px; }

.milestone_issue_row:hover {
  background-color: #efefef; }

.milestone_issue_row select {
  font-size: 0.9em; }

.milestone_issues_indicator {
  float: right;
  margin: 0 5px 0 0; }

#board-backlog-container .issue_closed {
  display: none; }

.milestone_box .milestone_issues .issue_closed .issue_link a,
.milestone_box .milestone_issues .issue_closed .issue_link a:hover {
  color: #a1cfa1;
  text-decoration: line-through; }

#milestone_list.show_closed
.milestone_box
.milestone_issues
li.milestone_issue
.issue_container.issue_closed,
#milestone_list.show_closed
.milestone_box
.milestone_issues
li.milestone_issue.issue_closed.has_child_issues
.child_issues_container {
  display: block; }

/* end user dashboard */
/* scrum page styling */
ul.milestone_issues_container,
#project_dashboard ul {
  list-style-type: none;
  padding: 0;
  margin: 10px 0 0 0;
  clear: both; }

ul.milestone_issues_container {
  padding: 0; }

ul.milestone_issues_container li {
  padding: 0;
  background-color: #fff;
  border: 1px solid #bbb;
  position: relative;
  margin: 0;
  clear: both; }

.moveable,
.draggable {
  cursor: move; }

ul.milestone_issues_container li .header,
.infobox .header {
  font-size: 1.1em;
  font-weight: 400; }

ul.milestone_issues_container li .content {
  padding-top: 3px;
  line-height: 15px;
  font-weight: 400;
  margin-bottom: 12px; }

ul.milestone_issues_container li .story_title {
  font-size: 0.9em;
  font-weight: 400;
  padding-top: 1px;
  height: 18px;
  overflow: hidden; }

ul.milestone_issues_container li:hover .story_color {
  border-bottom: 1px solid #bbb; }

.story_estimation_div,
.scrum_sprint_details_actions .quickaddtask {
  position: absolute;
  top: 0;
  right: 10px;
  width: 300px;
  z-index: 999;
  text-align: left;
  margin: 1px; }

.scrum_sprint_details_actions a:hover {
  border: 0; }

.story_estimation_div .header {
  float: left;
  padding-top: 3px;
  font-weight: 400; }

.story_estimation_div a {
  font-weight: 400; }

.story_estimation_div input[type="text"] {
  width: 30px; }

ul.milestone_issues_container li .story_no {
  float: left;
  font-size: 1.1em;
  font-weight: 400;
  font-style: italic;
  background-color: transparent;
  color: #aaa;
  padding: 1px 2px 1px 2px;
  margin-right: 3px; }

ul.milestone_issues_container li .story_estimate {
  float: right;
  margin-left: 3px;
  font-weight: 400;
  padding: 1px 0 0 0; }

ul.milestone_issues_container li .story_estimate img {
  float: right;
  margin: 0 2px 0 3px; }

ul.milestone_issues_container li .story_owner {
  position: absolute;
  bottom: 1px;
  left: 8px;
  font-size: 1.1em;
  font-weight: 400;
  padding: 1px 4px 1px 1px; }

ul.milestone_issues_container li .story_tags {
  padding-top: 3px;
  line-height: 15px;
  font-weight: 400; }

ul.milestone_issues_container li .actions {
  display: none;
  clear: both;
  padding: 3px; }

ul.milestone_issues_container li .actions a:hover {
  border: 0; }

ul.milestone_issues_container li .actions .task_count {
  font-size: 1.1em;
  font-weight: 400;
  color: #aaa; }

ul.milestone_issues_container li:hover .actions {
  display: block; }

ul.milestone_issues_container li .actions label {
  float: left;
  font-weight: 400;
  margin: 0 5px 0 0;
  padding: 0;
  font-size: 0.9em; }

#scrum .story_card {
  position: relative; }

#scrum .story_task_list .faded_out {
  padding: 5px; }

#scrum #scrum_menu .header {
  font-weight: 500;
  margin-bottom: 5px; }

#scrum #scrum_menu a {
  font-size: 0.9em; }

.user_story_task {
  display: block;
  cursor: default;
  background-color: #ffffc0;
  border: 1px solid #d6d6a1;
  margin: 2px;
  padding: 2px;
  font-weight: 400; }

.related_issue {
  display: block;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  margin: 2px;
  padding: 2px;
  font-weight: 400; }

#related_parent_issues_inline td,
#related_child_issues_inline td {
  font-size: 0.9em; }

.related_issues_list li > .status-badge,
.affected_item > .status-badge {
  font-size: 0.8em;
  border-radius: 4px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 3px;
  line-height: 1.4;
  padding: 2px 4px; }

#no_child_issues,
#no_parent_issues {
  text-align: center; }

#scrum_unassigned #add_story {
  text-align: right;
  padding-top: 3px; }

#scrum_unassigned {
  width: 440px;
  border-top: 1px solid #ccc;
  padding: 10px 5px;
  vertical-align: top; }

#scrum_unassigned .header_div {
  border: 0;
  margin: 0;
  font-size: 1.2em; }

h3 .dropdown_box {
  margin: 0;
  left: auto;
  right: 0;
  top: 35px; }

h3 .dropdown_box a,
h3 .dropdown_box a:hover {
  font-size: 0.7em;
  text-transform: none; }

#scrum_unassigned #story_title {
  width: 300px; }

#scrum_unassigned .add_story_header {
  font-weight: 400;
  float: left; }

#milestone_details_overview .milestone_date {
  font-size: 0.9em;
  padding: 0 15px;
  color: #888;
  font-weight: 400;
  text-transform: uppercase; }

#milestone_details_issue_list th {
  background: #fff;
  text-align: center;
  border-bottom: 1px dotted rgba(100, 100, 100, 0.4);
  padding: 5px;
  font-size: 0.8em;
  text-transform: uppercase;
  color: #555;
  width: 70px; }

#milestone_details_issue_list th:first-child {
  width: auto; }

#milestone_details_issue_list th:last-child {
  width: 25px; }

#milestone_details_issue_list td {
  padding: 2px;
  width: auto; }

#milestone_details_overview h3 {
  line-height: 1.2; }

#milestone_details_overview .issue_title_container {
  padding: 3px 3px 3px 5px;
  font-size: 13px;
  width: 592px; }

#milestone_details_overview .issue_title_container a {
  color: #555;
  border-bottom: 1px solid transparent;
  padding: 0 3px 0 5px;
  font-size: 13px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

#milestone_details_overview a {
  color: #555;
  border-bottom: none; }

#milestone_details_overview .faded_out a {
  color: #888;
  border-bottom: 0; }

#milestone_details_overview a:hover {
  color: #777;
  border-bottom: none; }

#milestone_details_overview .faded_out a:hover {
  color: #999;
  border-bottom: 0; }

#milestone_details_overview a.img,
#milestone_details_overview a.img:hover {
  border-bottom: 0; }

#milestone_details_overview td.estimates {
  padding: 3px;
  text-align: center;
  font-weight: 400; }

#milestone_details_overview td.milestone_issue_actions {
  text-align: right;
  position: relative; }

#milestone_details_overview td.milestone_issue_actions div {
  /*position: relative;*/ }

#milestone_details_overview tr.canhover_light:hover {
  background-color: transparent; }

#milestone_details_overview tr.canhover_light:hover td.estimates {
  background-color: #f1f1f1; }

.milestone_box .milestone_description {
  padding: 10px 1px;
  font-size: 1em;
  color: #aaa; }

.whiteboard.edit-mode .search-strip .fancy-dropdown-container,
.whiteboard.edit-mode .settings-dropper,
.whiteboard.edit-mode .whiteboard-view-mode,
.whiteboard.edit-mode input[type="search"] {
  display: none; }

.whiteboard .edit-mode-buttons,
.whiteboard #planning_whiteboard_columns_form,
.whiteboard.edit-mode #whiteboard {
  display: none; }

.whiteboard.edit-mode .edit-mode-buttons,
.whiteboard.edit-mode #planning_whiteboard_columns_form {
  display: flex; }

#planning_whiteboard {
  position: relative; }

.table {
  display: table; }

.table,
.td {
  height: 100%; }

.thead {
  display: table-header-group; }

.tbody {
  display: table-row-group; }

.tr {
  display: table-row;
  clear: left; }

.td {
  display: table-cell; }

.td-colspan-1 {
  width: 100% !important;
  display: inline;
  float: left; }

.td-colspan-2 {
  width: 200% !important;
  display: inline;
  float: left; }

.td-colspan-3 {
  width: 300% !important;
  display: inline;
  float: left; }

.td-colspan-4 {
  width: 400% !important;
  display: inline;
  float: left; }

.td-colspan-5 {
  width: 500% !important;
  display: inline;
  float: left; }

.td-colspan-6 {
  width: 600% !important;
  display: inline;
  float: left; }

.td-colspan-7 {
  width: 700% !important;
  display: inline;
  float: left; }

.td-colspan-8 {
  width: 800% !important;
  display: inline;
  float: left; }

.td-colspan-9 {
  width: 900% !important;
  display: inline;
  float: left; }

.td-colspan-10 {
  width: 1000% !important;
  display: inline;
  float: left; }

/* end scrum page styling */
/* menu links */
.menu_links .header {
  font-size: 1em;
  border-bottom: 0;
  font-weight: 400;
  margin-bottom: 5px; }

.menu_links .dropper {
  opacity: 0.4;
  float: right; }

.menu_links .dropper:hover {
  opacity: 1;
  float: right; }

.menu_links .more_actions_dropdown {
  margin-top: 25px;
  font-size: 0.9em; }

.menu_links .content li {
  font-size: 1em;
  padding: 0; }

.menu_links .content a {
  font-weight: 400;
  display: block;
  padding: 3px 5px;
  color: #555;
  border-radius: 3px;
  border: none; }

.menu_links .content i:not(.fas):not(.far) {
  font-weight: 400;
  display: block;
  padding: 3px 5px;
  color: #555; }

.menu_links .content a:hover {
  background-color: rgba(200, 200, 200, 0.1);
  border: none;
  text-decoration: none; }

.menu_links .content .fas,
.menu_links .content .far {
  margin-right: 5px; }

.menu_links .content a.selected {
  font-weight: 400;
  color: #333;
  background-color: rgba(200, 200, 200, 0.2); }

.menu_links .content a.selected:hover {
  font-weight: 400;
  color: #00a400; }

.menu_links .content .delete-icon {
  display: none;
  z-index: 10; }

.menu_links li {
  cursor: default; }

.menu_links.menu_editing .content .delete-icon {
  display: inline;
  position: absolute;
  right: 2px;
  top: 3px; }

.menu_links.menu_editing li:hover {
  cursor: move;
  background-color: rgba(230, 230, 230, 0.4); }

/* end menu links */
/* generic blue infobox */
.infobox {
  position: relative;
  text-align: left; }

.infobox .close_me {
  position: absolute;
  top: 5px;
  right: 5px; }

.infobox .close_me label,
.infobox .close_me input[type="checkbox"] {
  float: left; }

.infobox .close_me label {
  padding-top: 3px; }

.infobox .close_me input[type="submit"] {
  font-weight: 400;
  margin-left: 5px; }

.infobox .content {
  padding: 0;
  font-size: 0.95em;
  text-align: left;
  font-weight: 400;
  margin: 0; }

.infobox_modal .backdrop_detail_content {
  padding: 10px; }

#scrum .infobox .content ul {
  list-style-type: disc;
  margin-left: 30px; }

#scrum .infobox .content li {
  background-color: transparent;
  border: 0; }

/* end infobox */
/* add task popup */
.close_micro_popup_link {
  position: absolute;
  right: 7px;
  top: 7px;
  font-size: 0.9em; }

div.quickaddtask .close_micro_popup_link {
  position: static;
  float: right; }

/* project dashboard */
#timeline td {
  vertical-align: top; }

.download_links {
  margin: 10px 0 15px 0; }

#project_dashboard_menu_panes a.more:hover {
  border: 0; }

#project_header_container {
  clear: both;
  position: relative; }

#project_header_container .config_link {
  float: right;
  margin: 1px 20px 0 0; }

#project_name {
  font-size: 1.7em;
  font-weight: 400;
  margin: 8px 5px 5px 0;
  line-height: 1.3;
  display: inline-block; }

#project_key_span {
  margin: 3px 0 0 0;
  font-size: 0.7em;
  font-weight: 400;
  display: inline;
  padding: 3px;
  color: #aaa; }

#project_team,
#project_client {
  font-weight: 400;
  margin: 0 5px 5px 0; }

#owned_by_change,
#lead_by_change,
#qa_by_change {
  left: 0;
  margin-top: 5px;
  font-size: 14px; }

#assignees_list h4 {
  border: none; }

.action-buttons {
  flex: 0 0 auto;
  font-size: 0.8em;
  text-align: right;
  display: flex; }

.action-buttons .action-button,
.action-buttons a.action-button,
.action-buttons a.action-button:hover {
  flex: 0 0 auto;
  cursor: pointer;
  background-color: rgba(225, 225, 225, 0);
  border-radius: 3px;
  border: none;
  text-decoration: none;
  padding: 5px;
  color: #555; }

.action-buttons .action-button:hover {
  background-color: rgba(225, 225, 225, 0.2); }

.project_role .label {
  font-weight: 400;
  display: inline-block;
  margin: 0 10px 0 0; }

.project_role .value {
  width: auto;
  display: inline-block;
  clear: none;
  padding: 0 10px 0 0; }

.project_team_list_container {
  display: inline-block;
  box-sizing: border-box;
  width: 49%;
  padding: 0 10px;
  margin: 0;
  vertical-align: top; }

.project_team_list {
  list-style: none;
  margin: 0;
  padding: 0; }

.project_team_list li {
  vertical-align: top;
  padding: 5px;
  background-color: #fff;
  border: 1px solid rgba(200, 200, 200, 0.5);
  font-size: 1.1em;
  box-shadow: 0 0 3px rgba(100, 100, 100, 0.2);
  margin: 5px 0 0 0; }

.project_team_list.users li {
  display: inline-block;
  width: 49%;
  box-sizing: border-box; }

.project_team_list.teams li {
  display: block;
  width: auto;
  margin-left: 0; }

.project_team_list.teams li .userdropdown_container {
  display: inline-block;
  width: 250px; }

.project_team_list.teams li .roles_list {
  display: inline-block;
  width: auto;
  margin-top: 0; }

.project_team_list li:first-child {
  margin-left: 0; }

.project_team_list .roles_list {
  font-size: 1em;
  font-weight: 400;
  display: block;
  clear: both;
  margin-top: 5px;
  padding: 5px 5px 5px 0; }

#project_description {
  font-size: 1.1em;
  font-weight: 400;
  color: #666; }

#project_description.none {
  color: #aaa;
  margin: 10px; }

.project_information_sidebar {
  font-size: 0.95em;
  vertical-align: top;
  flex: 0 0 255px;
  padding: 0;
  position: relative;
  box-sizing: border-box;
  background-color: rgba(225, 225, 225, 0.15); }

.fas.rss-icon,
.far.rss-icon {
  color: darkorange; }

.project_information_main {
  padding: 10px 15px 10px 15px;
  vertical-align: top;
  border-top: 1px solid #ccc; }

.project_client_info .project_client_header {
  font-weight: 400;
  font-size: 1.5em; }

.project_client_info .project_client_viewusers {
  float: right; }

.client_users_div {
  border: 1px solid #bbb;
  width: 100%;
  height: 300px;
  margin-top: 10px;
  overflow: auto;
  text-align: left; }

.client_users_div_inner {
  padding: 10px; }

#project_website,
#project_documentation {
  margin-top: 5px; }

#edition_table,
#component_table {
  list-style: none;
  margin: 10px 15px 30px 15px;
  padding: 0;
  line-height: 1.2; }

#edition_table > li,
#component_table > li {
  list-style: none;
  margin: 0;
  padding: 0 3px 3px 3px;
  clear: both;
  position: relative;
  line-height: 26px; }

#edition_table > li:hover,
#component_table > li:hover {
  background-color: rgba(245, 245, 245, 0.7); }

#edition_table > li .edition_actions,
#component_table > li .component_actions {
  float: right; }

#component_table .component_name img,
#edition_table .edition_name img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 2px;
  margin-top: -2px; }

/* end dashboard */
/* project timeline */
#timeline {
  padding: 5px 0 30px 15px; }

#timeline .latest_action_dates {
  font-weight: 400;
  color: #888;
  text-transform: uppercase;
  border-bottom: 1px dotted #ccc;
  padding: 15px 0 5px;
  margin-bottom: 5px; }

.project_timeline_more_button_container {
  text-align: center;
  width: 790px;
  margin: 30px 0; }

#timeline .user {
  font-size: 1em;
  color: #aaa;
  margin-bottom: 5px;
  display: inline-block; }

.timeline_actions a {
  font-weight: 400; }

.timeline_actions .content {
  padding-top: 5px; }

.timeline_inline_details {
  color: #aaa;
  font-style: italic;
  margin: 5px 0 0 7px;
  padding-left: 10px;
  border-left: 2px solid #efefef;
  font-size: 0.9em;
  word-break: break-all;
  word-wrap: break-word; }

/* end timeline */
/* project roadmap styling */
#project_roadmap {
  margin: 5px 15px; }

#project_roadmap_page.upcoming .milestone_box.closed,
#project_roadmap_page.upcoming .milestone_details_link.closed {
  display: none; }

#milestone_details_loading_indicator {
  text-align: center;
  padding: 50px; }

.milestone_points {
  color: #888;
  font-weight: 400; }

.roadmap_percentbar .percentcontainer {
  width: 490px;
  padding: 1px;
  border: 1px solid #8a8;
  float: left;
  margin-right: 10px; }

.roadmap_percentdescription {
  float: left;
  padding: 5px;
  font-weight: 400;
  color: #555; }

.roadmap_actions {
  float: right;
  padding: 5px; }

.roadmap_actions a,
.roadmap_actions a:hover {
  float: right;
  margin-left: 5px; }

.roadmap_dates {
  display: inline-block;
  margin-left: 5px;
  font-weight: 400;
  color: #888;
  font-size: 0.9em;
  text-transform: none; }

.milestones_indicator {
  font-size: 1.3em;
  color: #888; }

.milestones_indicator img {
  float: left;
  margin-right: 10px; }

.roadmap_issues {
  clear: both;
  font-size: 0.9em;
  padding-top: 5px; }

.roadmap_issue {
  padding: 3px; }

.roadmap_issue .issue_status {
  display: inline;
  width: 20px;
  float: left; }

.roadmap_issue .issue_points {
  display: inline;
  color: #aaa;
  font-size: 0.8em;
  margin-left: 10px; }

.roadmap_issue.issue_closed {
  text-decoration: line-through; }

.roadmap_issue.blocking .issue_title {
  font-weight: 400;
  color: red; }

/* end roadmap */
/* project releases styling */
.release_item {
  display: block;
  clear: both;
  margin-bottom: 12px; }

.release_item .release_name {
  font-size: 1.2em; }

.release_item.active .release_name {
  font-size: 1.3em; }

.release_item .release_version {
  font-size: 0.9em;
  background-color: #ecf0f4;
  display: inline-block;
  margin: -2px 5px 0 5px;
  padding: 3px 6px;
  vertical-align: middle;
  border-radius: 2px; }

.release_item .release_icon {
  float: left;
  margin: 8px 8px 5px 5px; }

.release_item .release_date {
  display: block;
  color: #888;
  font-size: 13px;
  margin-top: 2px; }

.release_item .release_date span {
  font-size: 13px; }

.rounded_box.invisible:hover .release_version {
  background-color: white; }

/* end project releases */
/* statistics page */
#statistics_main,
#statistics_help {
  width: 695px;
  margin-left: auto;
  margin-right: auto; }

/* saved searches */
.team_dashboard_users .team_users .button-icon,
.client_dashboard_users .client_users .button-icon {
  float: right;
  opacity: 0;
  transition: opacity 0.3s ease-in-out; }

.team_dashboard_users .team_users li,
.client_dashboard_users .client_users li {
  background-color: transparent;
  transition: background-color 0.3s ease-in-out; }

.team_dashboard_users .team_users li:hover,
.client_dashboard_users .client_users li:hover {
  background-color: rgba(200, 200, 200, 0.2); }

.team_dashboard_users .team_users li:hover .button-icon,
.client_dashboard_users .client_users li:hover .button-icon {
  opacity: 1; }

/* end search styling */
/* non-link-styled issue titles */
a .issue_title {
  color: #333; }

.faded_out a .issue_title {
  color: #888; }

a:hover .issue_title {
  color: #555; }

/* article styles */
.article_placeholder {
  margin: 10px 0 15px 2px; }

/* import */
#csv_button_area {
  clear: both;
  padding-top: 5px;
  padding-bottom: 5px; }

#csv_button_area button {
  float: left; }

#csv_button_area button:last-child {
  clear: right; }

#id_zone .tab_header {
  clear: both; }

#id_zone .clear,
#csv_button_area .clear {
  clear: both; }

.csv_data_box {
  width: 250px;
  float: left;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 10px; }

.csv_data_box_right {
  clear: right; }

.csv_data_box table {
  width: 100%; }

.csv_data_box table thead tr th:last-child {
  width: 25px; }

.csv_data_box .header {
  padding-bottom: 5px; }

/*.button-orange:active { background: #f09c15; }*/
/*----------------------------*/
/*
        Simple OpenID Plugin
        http://code.google.com/p/openid-selector/

        This code is licensed under the New BSD License.
*/
#openid_choice {
  display: none; }

#openid_input_area {
  clear: both;
  padding: 10px 0; }

#openid_btns,
#openid_btns br {
  clear: both; }

.openid_container input[type="submit"] {
  float: right;
  font-size: 1.1em !important;
  padding: 3px 4px !important;
  clear: both;
  margin-top: 5px; }

.openid_container input[type="text"],
.openid_container label {
  float: right; }

.openid_large_btn,
.openid_large_btn:hover {
  width: 94px;
  height: 60px;
  margin: 0 3px 3px 0;
  display: inline-block;
  position: relative; }

.openid_large_btn.button img {
  float: none;
  position: absolute;
  margin: 0;
  top: 10px;
  left: 5px; }

.openid_small_btn,
.openid_small_btn:hover {
  width: 24px;
  height: 24px;
  position: relative;
  display: inline-block; }

.openid_small_btn.button img {
  float: none;
  position: absolute;
  margin: 0;
  top: 5px;
  left: 7px; }

.openid_accounts_list img {
  float: left;
  margin-right: 5px; }

.openid_accounts_list li {
  padding: 5px;
  position: relative; }

.openid_accounts_list .button {
  position: absolute;
  top: 4px;
  right: 4px; }

.openid_provider_name {
  font-weight: 400; }

/* sortable tables */
.sortcol {
  cursor: pointer;
  background: no-repeat 5px center; }

.sortasc {
  background-repeat: no-repeat; }

.sortdesc {
  background-repeat: no-repeat; }

.nosort {
  cursor: default; }

th.resize-handle-active {
  cursor: e-resize; }

div.resize-handle {
  cursor: e-resize;
  width: 2px;
  border-right: 1px dashed #88c !important;
  position: absolute;
  top: 0;
  left: 0; }

table.sortable tr th {
  background: no-repeat 5px center; }

table.sortable tr th.nosort {
  padding-left: 0 !important;
  background-image: none; }

.roweven {
  background-color: #f8f8f8; }

/* -------------------------------------------------------------------
// markItUp! Universal MarkUp Engine, JQuery plugin
// By Jay Salvat - http://markitup.jaysalvat.com/
// ------------------------------------------------------------------*/
/* Link body */
.persona-button {
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: 1.1;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  text-shadow: 0 1px rgba(0, 0, 0, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
  background: -webkit-linear-gradient(top, #43a6e2, #287cc2);
  background: linear-gradient(to bottom, #43a6e2, #287cc2);
  border-radius: 3px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); }

.persona-button:hover {
  background: -webkit-linear-gradient(top, #3788b9, #21669f);
  background: linear-gradient(to bottom, #3788b9, #21669f);
  border: none; }

.persona-button:active,
.persona-button:focus {
  top: 1px;
  box-shadow: none; }

.persona-button span {
  display: inline-block;
  padding: 5px 10px 5px 40px; }

/* Icon */
.persona-button span:after {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAPCAYAAAA/I0V3AAAA4klEQVR42o2RWaqEMBRE3YaCiDjPwQGcd9CrysLv4wTyoLFD90dxqbp1EgdPRB7Kskznea6Zn/aPoKoqUUrJOI5m4l2QBfSyLHKep1zXZSae3An1fS/7vst931bGkzuhaZrsLVbGkzuheZ7lOI6HyJ2QUkqv6yrbtv0LT+6E7G0UrfBfP3lZlpoXH4ZBmHgn5Pv+KwxDfqp0XQdgJp6c/RsUBIGOokiSJDE/s21bACbe5Ozp0TdAHMdSFIXUdS1N01C2wpObPT36HifwCJzI0iX29Oh7XP0E3CB9L01TzM+i/wePv4ZE5RtAngAAAABJRU5ErkJggg==) 10px center no-repeat;
  content: "";
  display: block;
  width: 31px;
  position: absolute;
  bottom: 0;
  left: -3px;
  top: 0;
  z-index: 10; }

/*  Icon background */
.persona-button span:before {
  content: "";
  display: block;
  height: 100%;
  width: 20px;
  position: absolute;
  bottom: 0;
  left: 0;
  top: 0;
  z-index: 1;
  background: -webkit-linear-gradient(top, #50b8e8, #3095ce);
  background: linear-gradient(to bottom, #50b8e8, #3095ce);
  border-radius: 3px 0 0 3px; }

/* Triangle */
.persona-button:before {
  background: #42a9dd;
  content: "";
  display: block;
  height: 26px;
  width: 26px;
  position: absolute;
  left: 2px;
  top: 50%;
  margin-top: -13px;
  z-index: 0;
  background: -webkit-linear-gradient(-45deg, #50b8e8, #3095ce);
  background: linear-gradient(-45deg, #3095ce, #50b8e8);
  /* flipped for updated spec */
  box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.1);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

/* Inset shadow (required here because the icon background clips it when on the `a` element) */
.persona-button:after {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 10;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.3); }

/* ========================================================
 *    Dark button
 * ===================================================== */
.persona-button.dark {
  background: -webkit-linear-gradient(top, #606060, #3c3c3c);
  background: linear-gradient(to bottom, #606060, #3c3c3c); }

.persona-button.dark:hover {
  background: -webkit-linear-gradient(top, #484848, #2d2d2d);
  background: linear-gradient(to bottom, #484848, #2d2d2d); }

.persona-button.dark span:before {
  /* Icon BG */
  background: -webkit-linear-gradient(top, #ebac45, #d34f2d);
  background: linear-gradient(to bottom, #ebac45, #d34f2d); }

.persona-button.dark:before {
  /* Triangle */
  background: -webkit-linear-gradient(-45deg, #ebac45, #d34f2d);
  background: linear-gradient(-45deg, #d34f2d, #ebac45);
  /* flipped for updated spec */ }

/* ========================================================
 *    Black + white button
 * ===================================================== */
.persona-button.black-white {
  background: -webkit-linear-gradient(top, #000, #3c3c3c);
  background: linear-gradient(to bottom, #000, #3c3c3c); }

.persona-button.black-white:hover {
  background: -webkit-linear-gradient(top, #111, #2d2d2d);
  background: linear-gradient(to bottom, #111, #2d2d2d); }

.persona-button.black-white span:before {
  /* Icon BG */
  background: #fff; }

.persona-button.black-white:before {
  /* Triangle */
  background: #fff; }

/* ========================================================
 *    Black button
 * ===================================================== */
.persona-button.black {
  background: -webkit-linear-gradient(top, #000, #3c3c3c);
  background: linear-gradient(to bottom, #000, #3c3c3c); }

.persona-button.black:hover {
  background: -webkit-linear-gradient(top, #111, #2d2d2d);
  background: linear-gradient(to bottom, #111, #2d2d2d); }

.persona-button.black span:before {
  /* Icon BG */
  background: #000; }

.persona-button.black:before {
  /* Triangle */
  background: #000; }

/* ========================================================
 *    Orange button
 * ===================================================== */
.persona-button.orange {
  background: -webkit-linear-gradient(top, #ee731a, #d03116);
  background: linear-gradient(to bottom, #ee731a, #d03116); }

.persona-button.orange:hover {
  background: -webkit-linear-gradient(top, #cb6216, #b12a13);
  background: linear-gradient(to bottom, #cb6216, #b12a13); }

.persona-button.orange span:before {
  /* Icon BG */
  background: -webkit-linear-gradient(top, #f7ad27, #e84a21);
  background: linear-gradient(to bottom, #f7ad27, #e84a21); }

.persona-button.orange:before {
  /* Triangle */
  background: -webkit-linear-gradient(-45deg, #f7ad27, #e84a21);
  background: linear-gradient(-45deg, #e84a21, #f7ad27);
  /* flipped for updated spec */ }

/* ========================================================
 *    Orange button
 * ===================================================== */
.persona-button.blue {
  background: -webkit-linear-gradient(top, #4285f4, #4285f4);
  background: linear-gradient(to bottom, #4285f4, #4285f4); }

.persona-button.blue:hover {
  background: -webkit-linear-gradient(top, #376eca, #376eca);
  background: linear-gradient(to bottom, #376eca, #376eca); }

.persona-button.blue span:before {
  /* Icon BG */
  background: -webkit-linear-gradient(top, #fff, #fff);
  background: linear-gradient(to bottom, #fff, #fff); }

.persona-button.blue:before {
  /* Triangle */
  background: -webkit-linear-gradient(-45deg, #fff, #fff);
  background: linear-gradient(-45deg, #fff, #fff);
  /* flipped for updated spec */ }

.persona-button.large::before {
  height: 34px;
  width: 34px;
  left: 7px;
  margin-top: -17px; }

.persona-button.large span {
  padding: 10px 10px 10px 57px; }

.persona-button.large span::before {
  width: 30px; }

.persona-button.large span::after {
  background-position-x: 5px; }

.redbox {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.07);
  color: #8c0d0d;
  background-color: rgba(255, 50, 50, 0.15);
  padding: 10px;
  border-radius: 3px; }

.greybox {
  box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.31) 0px 0px 1px;
  background-color: #fff;
  padding: 10px;
  border-radius: 3px; }

.lightyellowbox {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.07);
  background-color: rgba(249, 245, 178, 0.4);
  padding: 10px;
  border-radius: 3px; }

.yellowbox {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.07);
  background-color: rgba(249, 245, 178, 0.6);
  padding: 10px;
  border-radius: 3px; }

.greenbox {
  background-color: rgba(177, 210, 143, 0.3); }

.bluebox {
  background-color: rgba(212, 229, 255, 0.5); }

.redbox,
.greybox,
.lightyellowbox,
.yellowbox,
.greenbox,
.bluebox {
  padding: 10px;
  border-radius: 3px;
  border: none;
  box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.31) 0px 0px 1px; }

.save-button-container {
  border: none;
  border-top: 1px solid rgba(50, 50, 50, 0.15);
  padding: 10px;
  box-shadow: none;
  margin: 25px 0 0 0;
  display: flex;
  background-color: rgba(200, 200, 200, 0.1);
  align-items: center; }

.save-button-container .message {
  flex: 1 1 auto;
  font-style: italic; }

.save-button-container img {
  flex: 0 0 auto;
  margin-right: 5px; }

.save-button-container input[type="submit"] {
  flex: 0 0 auto; }

.tutorial-message {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  color: #333;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.25);
  width: 400px;
  margin: 100px auto 0 auto;
  padding: 10px;
  text-align: left;
  border-radius: 3px;
  font-family: "Fira Sans", "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  position: fixed;
  z-index: 9999999; }

.tutorial-message:before,
.tutorial-message:after,
.popup-menu.above:before,
.popup-menu.above:after,
.popup-menu.below:before,
.popup-menu.below:after {
  content: "";
  position: absolute;
  margin-left: -9px;
  width: 0;
  height: 0;
  border: 10px solid transparent; }

.tutorial-message.above:before,
.tutorial-message.above:after,
.popup-menu.above:before,
.popup-menu.above:after {
  bottom: -20px;
  top: auto;
  left: 50%;
  border-top: 10px solid rgba(0, 0, 0, 0.75); }

.tutorial-message.above:after,
.popup-menu.above:after {
  margin-left: -10px;
  border-top: 10px solid white; }

.tutorial-message.below:before,
.tutorial-message.below:after,
.popup-menu.below:before,
.popup-menu.below:after {
  top: -20px;
  bottom: auto;
  left: 50%;
  border-bottom: 10px solid rgba(0, 0, 0, 0.25); }

.tutorial-message.below:after,
.popup-menu.below:after {
  margin-left: -10px;
  border-bottom: 10px solid white; }

.tutorial-message.left:before,
.tutorial-message.left:after,
.popup-menu.left:before,
.popup-menu.left:after {
  top: 50%;
  bottom: auto;
  right: -20px;
  left: auto;
  border-left: 10px solid rgba(0, 0, 0, 0.25); }

.tutorial-message.left:after,
.popup-menu.left:after {
  margin-top: -1px;
  border-left: 10px solid white; }

.tutorial-message.right:before,
.tutorial-message.right:after,
.popup-menu.right:before,
.popup-menu.right:after {
  top: 50%;
  bottom: auto;
  right: auto;
  left: -11px;
  border-right: 10px solid rgba(0, 0, 0, 0.25); }

.tutorial-message.right:after,
.popup-menu.right:after {
  margin-top: -1px;
  border-right: 10px solid white; }

.tutorial-message.left,
.tutorial-message.right,
.tutorial-message.above,
.tutorial-message.below {
  margin-top: 0; }

.tutorial-message.full {
  top: 100px;
  left: 50%; }

.tutorial-message.large {
  width: 500px;
  padding: 15px 15px 5px 15px; }

.tutorial-message.large.full {
  margin-left: -250px; }

.tutorial-message.medium {
  width: 350px;
  padding: 10px 10px 0 10px; }

.tutorial-message.medium.full {
  margin-left: -170px; }

.tutorial-message.small {
  width: 250px;
  padding: 10px 10px 0 10px; }

.tutorial-message.small.full {
  margin-left: -100px; }

.tutorial-message h1,
.tutorial-message h2,
.tutorial-message h3,
.tutorial-message h4,
.tutorial-message h5 {
  margin-bottom: 15px;
  padding: 0 0 7px 0;
  color: #999;
  border-bottom: 1px dotted #b9b9b9;
  font-weight: 400; }

.tutorial.block_overlay {
  position: absolute;
  z-index: 1000000; }

.tutorial-buttons a:hover {
  border: none; }

.tutorial-status {
  text-align: right;
  font-size: 0.8em;
  font-weight: 400;
  color: #888;
  margin-bottom: 5px; }

.tutorial-buttons {
  white-space: nowrap; }

.fullpage_backdrop.tutorial {
  background-color: rgba(255, 255, 255, 0.6); }

.fullpage_backdrop.dark {
  background-color: rgba(0, 0, 0, 0.7); }

.fullpage_backdrop.tutorial.seethrough {
  background-color: rgba(0, 0, 0, 0); }

div.calendar {
  font-size: smaller;
  color: #000; }

div.calendar.popup {
  margin-left: -40px;
  margin-top: -100px; }

div.calendar table {
  background-color: #eee;
  border: none;
  border-collapse: collapse;
  width: 100%; }

div.calendar thead {
  background-color: white; }

div.calendar td,
div.calendar th {
  padding: 0.42rem 10px;
  text-align: center; }

div.calendar td.title {
  font-weight: 400;
  font-size: 1.4em; }

div.calendar th {
  background: #ddd;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  font-weight: 400;
  color: #555; }

div.calendar tr.days td {
  width: 2em;
  color: #555;
  text-align: center;
  cursor: pointer; }

div.calendar td.button {
  float: none;
  display: table-cell; }

div.calendar tr.days td:hover,
div.calendar td.button:hover {
  background-color: #34abfa;
  cursor: pointer; }

div.calendar tr.days td:active,
div.calendar td.button:active {
  background-color: #cde; }

div.calendar tr.days td.selected {
  font-weight: 400;
  background-color: #fff;
  color: #000; }

div.calendar tr.days td.today {
  font-weight: 400;
  color: #d50000; }

div.calendar tr.days td.otherDay {
  color: #bbb; }

/* ============================ */
/* Oxygen New - theme additions */
/* ============================ */
/* General */
#dialog_backdrop {
  z-index: 100001; }

/* Configure issue types */
#add_issuetype_form > label {
  margin-top: 2px;
  float: left;
  margin-right: 5px; }

#add_issuetype_form > input {
  float: left;
  margin-right: 5px; }

#add_issuetype_form > input[type="submit"] {
  float: inherit; }

#add_issuetype_indicator {
  margin-top: 5px;
  position: absolute; }

.issuetype_description {
  margin-top: 5px; }

/* Configure issue types -> Issue type schemes & Configure workflows */
#issuetype_schemes_list .rounded_box.white.shadowed,
#workflow_schemes_list .rounded_box.white.shadowed,
.rounded_box.white.shadowed.copy_workflow_popup {
  padding: 5px !important; }

#issuetype_schemes_list .rounded_box.white.shadowed .content {
  padding: 0 0 5px 0 !important; }

#issuetype_schemes_list .rounded_box.white.shadowed .header,
#workflow_schemes_list .rounded_box.white.shadowed .header,
.rounded_box.white.shadowed.copy_workflow_popup .header {
  margin-bottom: 5px; }

#issuetype_schemes_list .rounded_box.white.shadowed .content form,
#workflow_schemes_list .rounded_box.white.shadowed .content form,
.rounded_box.white.shadowed.copy_workflow_popup .content form {
  margin-top: 5px; }

#issuetype_schemes_list .rounded_box.white.shadowed .content form label,
#workflow_schemes_list .rounded_box.white.shadowed .content form label,
.rounded_box.white.shadowed.copy_workflow_popup .content form label {
  padding: 0 !important; }

#issuetype_schemes_list
.rounded_box.white.shadowed
.content
input[type="submit"],
#workflow_schemes_list
.rounded_box.white.shadowed
.content
input[type="submit"],
.rounded_box.white.shadowed.copy_workflow_popup .content input[type="submit"] {
  padding: 3px 14px; }

.scheme_list.issuetype_scheme_list.simple-list > div {
  margin: 0 0 10px 0 !important;
  padding: 15px 10px 10px 10px; }

.scheme_list.issuetype_scheme_list.simple-list > div > .header {
  margin-bottom: 5px; }

.scheme_list.issuetype_scheme_list.simple-list .rounded_box.white.borderless {
  margin: 0 !important;
  padding: 10px; }

.scheme_list.issuetype_scheme_list.simple-list
.rounded_box.white.borderless
select {
  width: 500px !important; }

.scheme_list.issuetype_scheme_list.simple-list form {
  margin-top: 15px; }

.scheme_list.issuetype_scheme_list.simple-list .content {
  padding: 0 !important; }

.scheme_list.issuetype_scheme_list.simple-list .content input[type="submit"] {
  padding: 3px 14px !important; }

#tab_schemes_pane > .content > br {
  display: none; }

#tab_schemes_pane > .content > .faded_out.dark {
  display: block;
  margin-top: 5px; }

#workflow_transition_actions_validations .status-badge {
  padding: 2px 3px;
  margin: 4px 0; }

/* Configure issue fields */
.issuefield_item_option {
  margin: 4px 0; }

.issuefield_item_option form table {
  margin-top: -3px;
  padding: 0 3px; }

.issuefield_item_option form table input[name="itemdata"] {
  width: 24px; }

#config_issuefields form label:nth-of-type(2) {
  margin-top: 7px; }

#custom_types_list form > .rounded_box.white {
  margin: 14px 0 0 0 !important;
  padding: 10px !important; }

#custom_types_list textarea {
  margin-bottom: 10px; }

/* Configure workflows */
#add_workflow_form label {
  float: left;
  margin-top: 2px;
  margin-right: 5px; }

#add_workflow_form input[type="submit"] {
  padding: 3px 11px; }

#config_workflows br {
  display: none; }

#workflow_steps_container > .rounded_box.shadowed.white {
  box-sizing: border-box;
  padding: 10px !important; }

#workflow_steps_container > .rounded_box.shadowed.white > .header {
  margin-bottom: 10px; }

#workflow_steps_container > .rounded_box.shadowed.white input[type="submit"] {
  padding: 3px 11px; }

#workflow_steps_container > .rounded_box.shadowed.white dl > dt {
  width: 130px;
  margin-top: 5px; }

#workflow_steps_container > .rounded_box.shadowed.white dl > dd {
  width: 430px; }

#step_update_indicator {
  margin-top: 15px !important;
  padding: 0 !important; }

#step_update_indicator img {
  margin-left: 5px; }

#workflow_details_transition,
#workflow_details_step {
  margin-top: 10px; }

#workflow_details_transition dd > input,
#workflow_details_transition dd > .faded_out,
#workflow_details_step dd > input,
#workflow_details_step dd > .faded_out {
  width: 390px !important; }

#transition_update_indicator > span,
#step_update_indicator > span {
  margin-left: 5px; }

#workflow_scheme_indicator {
  margin-top: 4px;
  position: absolute;
  margin-left: -26px; }

#workflowtransitionactions_list tr {
  height: 31px; }

#workflowtransitionactions_list tr > td:first-child {
  padding: 0 5px !important; }

#workflowtransitionactions_list tr > td:last-child {
  padding: 0 5px !important; }

.workflow_browser_step_transition a > img {
  position: absolute;
  margin-left: -14px; }

/* Configure users, teams and clients */
#createuser_form_quick {
  height: 27px !important; }

#createuser_form_quick label {
  display: block;
  float: left;
  margin-top: 3px; }

#createuser_form_quick input[type="text"] {
  margin-top: 2px;
  margin-left: 5px; }

#createuser_form_quick input[type="submit"] {
  padding: 3px 14px;
  margin-top: 1px; }

#createuser_form_quick a {
  margin-top: 5px; }

/* Backdrop -> Add a user */
/* Configure users, teams and clients -> Search button */
#users_more_actions_container {
  margin-top: 10px; }

#users_more_actions_container button {
  padding: 3px 14px; }

.finduser_container > form {
  padding: 5px; }

.finduser_container > form > input[type="submit"] {
  padding: 3px 12px; }

#users_more_actions_container #users_more_actions_dropdown {
  margin-top: 25px !important;
  width: 380px !important; }

/* Backdrop -> Edit user */
td > input[name="password_action"],
td > input[type="radio"][name="activated"],
td > input[type="radio"][name="enabled"] {
  margin-top: -3px; }

/* Configure users, teams and clients -> Teams & Clients & Groups */
#create_team_form label {
  margin-top: 1px;
  float: left;
  margin-right: 5px; }

#create_team_form input[type="submit"] {
  padding: 3px 14px;
  margin-top: 0; }

#teamconfig_list #add_team input[name="clone_permissions"],
#teamconfig_list #add_team input[name="clone_memberships"] {
  position: relative;
  top: 11px; }

#teamconfig_list #add_team label {
  margin-left: 14px;
  margin-top: -7px; }

#teamconfig_list #add_team label:first-child {
  margin-left: 0;
  margin-top: 0; }

#teamconfig_list #add_team label:last-child {
  margin-bottom: 10px; }

/* Configure users, teams and clients -> Clients */
#add_client label:first-child {
  margin-top: 1px;
  display: block;
  float: left;
  margin-right: 5px; }

#create_client_form {
  margin-bottom: 5px; }

/* Configure users, teams and clients -> Groups */
#create_group_form label {
  float: left;
  margin-top: 2px;
  margin-right: 5px; }

#create_group_form input[type="submit"] {
  padding: 3px 14px; }

#groupconfig_list #add_group label:last-child {
  margin-bottom: 10px; }

li#tab_groups,
li#tab_groups:hover {
  box-shadow: none; }

li#tab_groups.selected {
  border: 1px solid rgba(100, 100, 100, 0.2);
  border-bottom-color: #fff; }

/* Backdrop -> Configure advanced permissions */
.backdrop_detail_content.config_permissions .tab_menu.inset {
  margin: 0 !important; }

.backdrop_detail_content.config_permissions .permission_list .tab_pane > ul {
  width: 765px; }

.backdrop_detail_content.config_permissions
.permission_list
.tab_pane
> ul
> li
> ul {
  width: 755px; }

.backdrop_detail_content.config_permissions
.permission_list
.tab_pane
> ul
> li
> ul
> li
> ul {
  width: 745px; }

.backdrop_detail_content.config_permissions
.permission_list
.tab_pane
> ul
li
> img {
  position: absolute;
  margin-left: 5px; }

/* Configure theme(s) */
#installed_themes_indicator {
  margin-top: -4px;
  width: initial;
  height: initial; }

/* Configure modules */
#installed_modules_indicator {
  margin-top: -4px;
  width: initial;
  height: initial; }

.status-badge.authentication-module {
  padding-left: 19px; }

.status-badge.authentication-module > img {
  position: absolute;
  margin-left: -17px;
  margin-top: -2px; }

#modules_menu_panes > #tab_uninstalled_pane > div > p:first-child {
  margin-top: -5px;
  margin-bottom: 10px; }

/* Wiki */
#publish_tab_settings_pane td {
  padding: 2px !important; }

#publish_tab_settings_pane td > label {
  padding: 0 !important; }

#publish_tab_settings_pane input[type="radio"] {
  margin-top: -2px; }

#publish_tab_settings_pane > form > table {
  border-spacing: 0 5px; }

#publish_tab_settings_pane > form {
  margin-top: -5px; }

/* Email communication */
#config_modules .bluebox .permission_list > ul {
  width: auto; }

#config_modules .bluebox .permission_list > ul > li {
  padding: 3px; }

#config_modules #modules_menu_panes .message-box.type-warning {
  margin: 10px 0;
  width: 100%; }

/* Project settings */
#change_workflow_box select {
  padding: 0;
  margin-left: 10px;
  margin-top: -3px; }

#project_editions .faded_out,
#project_components .faded_out {
  padding: 0 15px !important; }

#add_edition_form,
#add_component_form {
  margin: 0 15px 10px 15px; }

#add_edition_form label,
#add_component_form label {
  margin-top: 3px;
  float: left;
  margin-right: 5px; }

#add_edition_form input.button.button-silver,
#add_component_form input.button.button-silver {
  padding: 4px 8px; }

#edition_add_indicator img,
#component_add_indicator img {
  margin-right: 5px; }

#edition_add_indicator,
#component_add_indicator {
  margin-top: 5px; }

.edition_actions > ul,
.component_actions > ul {
  margin-top: -2px !important;
  margin-right: 3px;
  font-size: 14px; }

ul#edition_table > li > div.faded_out {
  padding: 0 0 0 22px !important; }

#project_editions_disabled,
#project_components_disabled {
  padding-left: 15px !important; }

#edition_settings_pane label {
  padding: 0; }

#edition_submit_settings_button {
  padding: 4px 20px; }

#edition_settings_pane table tr:last-child td {
  padding: 15px 0 10px 0 !important; }

#edition_settings_pane table tr:last-child td .config-explanation {
  padding: 5px 0 10px 2px; }

#edition_save_indicator {
  margin-top: 3px;
  margin-right: 10px; }

#edition_components_pane > div {
  font-size: 13px !important;
  padding: 15px 7px 0 7px; }

#edition_components_pane table tr > td > div:first-child {
  font-size: 13px !important; }

#edition_team_pane .description.faded_out {
  padding: 2px; }

#tab_developers_pane .faded_out {
  margin: 0 15px 10px 15px; }

#tab_developers_pane table {
  margin: 0 15px; }

#tab_developers_pane #assignees_list table {
  font-size: 14px; }

#no_project_team_teams {
  padding-left: 15px !important;
  padding-top: 0 !important; }

#add_people_to_project_container {
  margin: 0 15px !important;
  width: inherit !important; }

#add_people_to_project_container table {
  margin: 0; }

#add_people_to_project_container .faded_out {
  margin: 0; }

#add_people_to_project_container input[type="submit"] {
  padding: 2px 0; }

#owned_by_change .nohover,
#lead_by_change .nohover,
#qa_by_change .nohover {
  margin-left: 5px; }

#owned_by_input,
#lead_by_input,
#qa_by_input {
  margin: 0 !important;
  padding: 3px !important; }

#owned_by_change > .dropdown_content.nohover.form_container,
#lead_by_change > .dropdown_content.nohover.form_container,
#qa_by_change > .dropdown_content.nohover.form_container {
  padding: 0 0 8px 2px; }

#owned_by_form input[type="submit"],
#lead_by_form input[type="submit"],
#qa_by_form input[type="submit"] {
  padding: 3px;
  margin-left: 3px; }

#owned_by_results_container,
#lead_by_results_container,
#qa_by_results_container {
  margin-right: 5px; }

#owned_by_results_container .nohover,
#lead_by_results_container .nohover,
#qa_by_results_container .nohover {
  margin-left: 0; }

#owned_by_results_container .disabled,
#lead_by_results_container .disabled,
#qa_by_results_container .disabled {
  margin: 0;
  font-size: 0.9em;
  padding: 2px 5px;
  color: #aaa; }

#owned_by_change_error,
#lead_by_change_error,
#qa_by_change_error {
  margin: 5px; }

#component_table .component_name,
#edition_table .edition_name {
  display: inline; }

/* Timeline */
#timeline_indicator {
  float: none !important; }

.page-project_timeline .project_left ul.simple-list li a {
  padding-left: 29px; }

.page-project_timeline .project_left ul.simple-list li img {
  position: absolute;
  left: 3px;
  margin-top: 1px; }

.page-project_timeline .issue_closed {
  text-decoration: line-through; }

/* Statistic */
#project_statistics_container #statistics_main b {
  display: block;
  margin-top: 10px !important; }

/* Team */
#project_team_overview .user_email {
  font-size: 12px; }

.dashboard_team_header {
  font-weight: 400; }

/* Roadmap */
.milestone_issue_actions .more_actions_dropdown.popup_box {
  margin: 0 0 0;
  font-size: 14px; }

#milestone_details_overview > .milestone_details > h3 > a {
  margin-top: -7px; }

/* Add affected item backdrop */
#viewissue_add_item_div input[type="radio"] {
  margin-top: -2px; }

#viewissue_add_item_div #item_submit {
  padding: 4px 7px; }

/* Find related issues */
#viewissue_add_relation_div input[type="submit"] {
  margin-top: -1px !important;
  padding: 2px 14px; }

#viewissue_add_relation_div #viewissue_find_issue_indicator {
  position: absolute;
  margin-left: 5px; }

#viewissue_add_relation_div #viewissue_relation_results {
  margin-top: 5px; }

#viewissue_add_relation_div table {
  border-spacing: 0 7px; }

#viewissue_add_relation_div #viewissue_relate_issues_form input[type="submit"] {
  margin-top: 0 !important;
  padding: 4px 14px; }

#viewissue_add_relation_div #relate_issues_indicator {
  position: absolute;
  right: 155px;
  margin-top: 3px; }

/* Issue access policy */
ul#subscribers_list > li {
  margin-bottom: 5px; }

.fas.subscribed,
.far.subscribed {
  color: orange;
  cursor: pointer; }

.fas.unsubscribed,
.far.unsubscribed {
  cursor: pointer;
  color: #aaa; }

/* Move issue to a different project */
#viewissue_move_issue_div input[type="submit"] {
  padding: 3px 7px; }

#viewissue_move_issue_div #move_issue_indicator {
  position: absolute;
  right: 146px;
  margin-top: 5px; }

#viewissue_move_issue_div select {
  width: 100%;
  margin-bottom: 10px; }

/* Releases */
#project_releases_container .release_date {
  font-size: 13px; }

/* Dashboard & Team dashboard*/
.userdropdown_container .user_dropdown li.header,
.userdropdown_container .user_dropdown li.header:hover,
.teamdropdown_container .team_dropdown li.header,
.teamdropdown_container .team_dropdown li.header:hover {
  text-transform: none;
  background-color: #fdfadf; }

.userdropdown_container .user_dropdown.more_actions_dropdown,
.teamdropdown_container .team_dropdown.more_actions_dropdown {
  padding-top: 0;
  min-width: 250px;
  margin-top: 3px; }

.legendColorBox > div {
  margin-top: 3px;
  margin-right: 2px;
  width: 10px;
  height: 10px;
  border: none !important; }

.legendColorBox > div > div {
  width: 0 !important;
  border-radius: 6px; }

td.legendLabel {
  font-size: 1.1em; }

.issuelog-project-logo {
  margin-bottom: -3px;
  width: 1.5em; }

/* Issues */
#find_issues #filter_posted_calendar_container {
  overflow-y: initial; }

#find_issues #search_results h5 {
  padding: 6px 0; }

.dashboard_view_content .project_team_assignee {
  display: inline-block;
  padding: 0 10px 5px 0;
  font-size: 0.9em; }

#find_issues a.dynamic_menu_link {
  opacity: 0.5; }

#find_issues a.dynamic_menu_link:hover {
  opacity: 1; }

#find_issues .more_actions_dropdown li.spinning {
  text-align: center; }

#find_issues .more_actions_dropdown li .tooltip {
  min-width: 110px !important;
  max-width: 250px !important;
  width: initial; }

#search_results .sca_actions,
#search_results .sca_action_selector {
  padding-left: 6px !important; }

/* Backdrop -> Save this search */
#save_search_form p {
  padding: 0 2px 10px 2px; }

#save_search_form table {
  border-spacing: 2px 7px; }

#save_search_form tr > td:first-child {
  padding-top: 5px;
  width: auto !important; }

#save_search_form tr:first-of-type td {
  font-size: 1em !important; }

#save_search_form tr:first-of-type td input[type="text"] {
  font-size: 1em !important;
  padding: 2px !important; }

/* Backdrop -> Attach a link to this issue */
#attach_link #attach_link_form dd input {
  font-size: 1.2em;
  width: 495px !important; }

#attach_link #attach_link_form dt label {
  font-size: 1.2em;
  margin-top: 2px;
  float: left; }

#attach_link #attach_link_form div:first-of-type {
  font-size: 13px !important; }

#attach_link #attach_link_form div:last-of-type {
  text-align: right !important; }

#attach_link #attach_link_form #attach_link_submit {
  padding: 4px 8px; }

#attach_link #attach_link_form #attach_link_indicator {
  position: absolute;
  right: 150px;
  bottom: -3px; }

/* Issue */
.typeahead.dropdown-menu {
  font-family: "Fira Sans", "Open Sans", sans-serif; }

.typeahead.dropdown-menu a:hover {
  border-bottom: none; }

/* Your account */
#account_info_container #user_name_span {
  font-weight: 400; }

#account_info_container #user_name_span::first-line {
  font-weight: 400; }

#account_info_container #account_user_info img {
  margin-right: 10px !important;
  border-radius: 25px; }

#account_info_container input[type="radio"] {
  margin-top: -3px; }

#account_info_container #submit_settings_button,
#account_info_container #submit_notificationsettings_button {
  padding: 2px 20px !important; }

#account_info_container #profile_save_indicator,
#account_info_container #profile_notificationsettings_save_indicator {
  margin-right: 10px;
  margin-top: 2px; }

#account_info_container #password_more_actions {
  width: auto !important;
  margin-top: -2px !important; }

#change_password_form #change_password_indicator {
  position: absolute;
  margin-left: -32px;
  margin-top: 2px; }

#openid_container {
  float: none; }

#openid_form h1 {
  margin: 0; }

#openid_form div:first-child {
  padding: 0 0 5px 0; }

#openid_form .openid_large_btn {
  margin-bottom: 8px;
  margin-right: 8px; }

#openid_form .openid_small_btn {
  margin-right: 8px; }

#account_info_container #pending_scope_memberships {
  line-height: 2.2; }

#account_info_container #confirmed_scope_memberships {
  line-height: 2.2; }

#tab_settings_pane th {
  text-align: center; }

/* Agile */
.milestone_basic_container .milestone_name {
  vertical-align: inherit; }

.milestone_issue .issue_container img.blocking {
  border: none;
  margin-top: 2px; }

#selected_milestone_status_indicator {
  margin-top: -6px !important; }

.milestone_issue .status-badge {
  opacity: 1; }

.milestone_issue .user_dropdown {
  margin-left: -263px;
  margin-top: 13px; }

.milestone_issue .user_dropdown .user_realname {
  line-height: 20px; }

.milestone_issue .user_dropdown.leftie:before,
.milestone_issue .user_dropdown.leftie:after {
  left: 90%; }

.transition .button.button-silver {
  padding: 3px 10px;
  margin-top: -3px;
  margin-right: -3px; }

/* Menu */
/** nano scroller **/
.nano {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin-bottom: -1px; }

.nano > .nano-content {
  position: relative;
  overflow: scroll;
  overflow-x: hidden;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.nano > .nano-content:focus {
  outline: thin dotted; }

.nano > .nano-content::-webkit-scrollbar {
  display: none; }

.has-scrollbar > .nano-content::-webkit-scrollbar {
  display: block; }

.nano > .nano-pane {
  background: rgba(0, 0, 0, 0);
  position: absolute;
  width: 7px;
  right: 0;
  top: 0;
  bottom: 0;
  visibility: hidden \9;
  /* Target only IE7 and IE8 with this hack */
  opacity: 0.01;
  transition: 0.2s;
  border-radius: 5px; }

.nano > .nano-pane > .nano-slider {
  background: #444;
  background: rgba(0, 0, 0, 0.25);
  position: relative;
  margin: 0 1px;
  border-radius: 3px; }

.nano:hover > .nano-pane,
.nano-pane.active,
.nano-pane.flashed {
  visibility: visible \9;
  /* Target only IE7 and IE8 with this hack */
  opacity: 0.99; }

/** end nano scroller **/
/* Frontpage & Wiki */
#attach_link_main_menu_0_url {
  margin-bottom: 9px; }

#attach_link_main_menu_0_form > div:last-child > br {
  display: block;
  content: "";
  margin-top: 5px; }

#attach_link_main_menu_0_form {
  margin-bottom: -7px; }

.side_bar li hr,
.side_bar .content hr {
  border: none;
  height: 1px;
  border-bottom: 1px dotted #ccc;
  margin-top: 8px; }

/* Wiki */
#article-editor-main-container .article.syntax_mw {
  margin-left: 5px; }

#article-editor-main-container .article.syntax_mw .header.view {
  margin: 10px 0 5px 0; }

#article-editor-main-container .rounded_box.yellow.borderless {
  background-color: rgba(249, 239, 158, 0.5);
  margin: 0 5px 5px 10px !important;
  border: 1px solid #d9d9bb; }

.page-publish_article_permissions .rounded_box.invisible.borderless {
  margin-top: 10px; }

.page-publish_article_permissions .rounded_box.verylightyellow button,
.page-publish_article_permissions .rounded_box.invisible.borderless button {
  padding: 5px 7px; }

.page-publish_article_permissions .rounded_box.verylightyellow table,
.page-publish_article_permissions .rounded_box.invisible.borderless table {
  background-color: #fff; }

.wiki-find-articles-button {
  padding: 5px 20px !important; }

.wiki-find-articles-list li {
  margin-bottom: 10px !important; }

.main_area.article label[for="find_article_name"] {
  margin-top: 3px; }

.main_area.article hr {
  border: none;
  height: 1px;
  color: #dcdcdc;
  /* old IE */
  background-color: #dcdcdc;
  /* Modern Browsers */
  margin: 10px 0; }

.main_area.article .content ul,
.main_area.article .content ol {
  padding-left: 30px; }

/* VCS integration */
.commit_main {
  line-height: 1.6; }

#viewissue_vcs_integration_commits .commit_repos_branch {
  float: right;
  display: inline;
  margin-bottom: 6px;
  width: auto;
  font-size: 0.9em;
  margin-left: 5px;
  margin-top: 12px;
  text-align: right; }

#viewissue_vcs_integration_commits .commitrepos {
  color: #aaa; }

#viewissue_vcs_integration_commits .commitbranch {
  font-size: 1em; }

#vcs_integration_getcommit_backdrop_box .commitbranch,
#project_commits .commitbranch {
  font-size: 1em;
  margin: 6px 5px 0 0;
  padding: 0 4px 0 4px; }

.commitauthor {
  margin-top: 1px; }

#vcs_integration_getcommit_backdrop_box div.userdropdown,
#project_commits div.userdropdown {
  margin-left: 37px; }

#vcs_integration_getcommit_backdrop_box .userlink,
#project_commits .userlink {
  font-size: 1em; }

#project_commits .faded_out {
  margin-left: 15px;
  margin-top: 47px; }

#vcs_integration_getcommit_backdrop_box .commit .commenttitle .commitrepos,
#project_commits .commit .commenttitle .commitrepos {
  color: #aaa; }

.commit_expander > a {
  color: #555555; }

/* Micro clearfix hack - http://nicolasgallagher.com/micro-clearfix-hack/ */
#pachno_failuremessage_content ul {
  margin-top: 5px;
  padding: 0;
  margin-bottom: 0;
  list-style: none; }

#pachno_failuremessage_content ul li {
  margin-bottom: 3px; }

.system_comment .commit_main {
  clear: both;
  font-family: "Fira Mono", monospace;
  padding: 5px;
  margin-bottom: -10px;
  border-radius: 3px;
  font-size: 0.9em;
  background-color: #f1f1f1;
  margin-top: 10px;
  border: 1px dotted #aaaaaa; }

.more_actions_dropdown li a.increment-time-minutes {
  display: inline;
  opacity: 0.7; }

.more_actions_dropdown li a.increment-time-minutes:hover {
  display: inline;
  opacity: 1; }

table.desktop-notifications-settings tr:first-child > td:last-child {
  text-align: right; }

.address-container {
  display: inline-block;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) inset;
  padding: 10px 15px 10px 60px;
  font-size: 1.1em;
  font-weight: 400;
  color: #333;
  background-color: #fff;
  border-radius: 2px;
  position: relative;
  box-sizing: border-box; }

.address-container:before {
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  color: #555;
  background-color: #f1f1f1;
  padding: 10px 25px;
  border: none;
  background-position: 5px 0;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 2px 0 0 2px;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  box-sizing: border-box; }

.address-container input[type="text"] {
  border: none;
  box-shadow: none;
  padding: 0;
  font-size: 1.1em;
  width: 450px; }

.address-container + input[type="submit"],
.address-container + input[type="submit"]:hover,
.address-container ~ .change-button,
.address-container ~ .change-button:hover {
  display: inline-block;
  margin: 0;
  height: 45px;
  box-sizing: border-box;
  font-size: 1.1em;
  font-weight: 400;
  padding: 0 13px;
  vertical-align: top; }

.address-container ~ .indicator {
  margin-left: 15px; }

.address-container ~ .indicator,
.address-container ~ .indicator img {
  vertical-align: middle;
  height: 20px; }

.address-container .fas.verified-ok,
.address-container .far.verified-ok {
  display: none; }

.address-container.verified .fas.verified-ok,
.address-container.verified .far.verified-ok {
  display: block;
  position: absolute;
  right: 10px;
  top: calc(50% - 8px); }

.disabled .address-container {
  background-color: #f7f7f7; }

form.disabled .address-container + input[type="submit"],
.address-container ~ .change-button {
  display: none; }

.address-container.verified ~ .change-button {
  display: inline-block;
  padding-top: 12px; }

.address-settings {
  display: block;
  padding: 0 5px;
  margin: 0; }

#config_modules .address-settings {
  padding: 5px 0; }

.address-settings p {
  font-size: 1.1em;
  padding: 2px 0 7px 0; }

#config_modules .address-settings p {
  padding: 0 0 15px 0; }

.relate_issue_with_selected {
  margin-top: -3px; }

.todos-list .todo {
  margin-left: 4px; }

.todo .todo-delete {
  opacity: 0;
  top: 4px;
  position: relative; }

.todo:hover .todo-delete {
  opacity: 1; }

.todo .todo-mark-done,
.todo .todo-mark-not-done,
.todo .todo-mark-indicator {
  top: 1px;
  position: relative;
  font-size: 15px; }

.todo-comment-author {
  display: inline-block;
  margin: 2px 7px;
  background-color: rgba(225, 225, 225, 0.3);
  padding: 2px 7px;
  border-radius: 3px; }

.todo-comment-author > span {
  color: #aaa;
  font-weight: 400;
  font-size: 0.9em;
  display: inline-block;
  margin-left: 2px; }

.todo-checkbox {
  margin-right: 3px;
  color: #aaa; }

header .mobile_menuanchor {
  display: none; }

.issue_details_detailed_toggler {
  display: none; }

#mobile_menu {
  display: none; }

#issue_details fieldset dd.priority_1 {
  color: #c30000;
  font-weight: 400; }

#issue_details fieldset dd.priority_2 {
  color: #fa0;
  font-weight: 400; }

#issue_details fieldset dd.priority_4,
#issue_details fieldset dd.priority_5 {
  color: #070;
  font-weight: 400; }

.attachments-container {
  display: flex;
  flex-direction: row;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  flex-wrap: wrap;
  font-size: 1em;
  align-items: flex-start; }
  .attachments-container:empty {
    margin-bottom: 3em; }
  .attachments-container .attachment {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    padding: 0;
    box-shadow: rgba(9, 30, 66, 0.25) 0 1px 1px, rgba(9, 30, 66, 0.31) 0 0 1px;
    background-color: rgba(225, 225, 225, 0.2);
    border-radius: 4px;
    margin: .35em;
    flex: 0 0 12.5em; }
    .attachments-container .attachment a:not(.button), .attachments-container .attachment a:not(.button):hover {
      box-sizing: border-box;
      flex: 1 1 auto;
      border: 0;
      text-decoration: none;
      font-weight: 400;
      color: #232323;
      padding: .35em;
      display: flex;
      flex-direction: row;
      border-radius: 4px 4px 0 0;
      align-items: center; }
      .attachments-container .attachment a:not(.button) .icon, .attachments-container .attachment a:not(.button):hover .icon {
        flex: 0 0 auto;
        font-size: 1.1em;
        margin-right: .35em; }
      .attachments-container .attachment a:not(.button) .name, .attachments-container .attachment a:not(.button):hover .name {
        flex: 1 1 auto; }
      .attachments-container .attachment a:not(.button).preview, .attachments-container .attachment a:not(.button):hover.preview {
        padding: 0;
        max-height: 8.5em;
        overflow: hidden; }
        .attachments-container .attachment a:not(.button).preview ~ .actions-container, .attachments-container .attachment a:not(.button):hover.preview ~ .actions-container {
          margin-top: 1.5em; }
      .attachments-container .attachment a:not(.button) img, .attachments-container .attachment a:not(.button):hover img {
        width: 100%; }
    .attachments-container .attachment .information {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      font-size: .85em;
      padding: 0 .35em;
      font-weight: 300; }
    .attachments-container .attachment .actions-container {
      margin-top: 2.5em;
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      justify-content: center;
      padding: .35em; }
      .attachments-container .attachment .actions-container .remove-button {
        margin-left: auto; }

.avatar {
  border-radius: 100%;
  display: inline-block;
  margin: 0 2px 0 0;
  vertical-align: middle;
  width: 32px;
  height: 32px;
  overflow: hidden; }
  .avatar.small {
    width: 16px;
    height: 16px; }
  .avatar.medium {
    width: 24px;
    height: 24px; }
  .avatar img {
    width: 100%; }

.avatar-list {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  min-height: 2.8em; }
  .avatar-list .avatar-container {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    z-index: 1; }
    .avatar-list .avatar-container + .avatar-container {
      margin-left: -8px; }
    .avatar-list .avatar-container:hover {
      z-index: 2; }
      .avatar-list .avatar-container:hover:not(:first-child) {
        margin-left: .35em; }
      .avatar-list .avatar-container:hover .name-container {
        max-width: none;
        opacity: 1;
        margin: 30px;
        height: auto; }
      .avatar-list .avatar-container:hover + .avatar-container {
        margin-left: .35em; }
    .avatar-list .avatar-container .avatar {
      flex: 0 0 24px;
      border: 2px solid rgba(255, 255, 255, 0.8); }
    .avatar-list .avatar-container .name-container {
      white-space: nowrap;
      display: inline-flex;
      flex-direction: column;
      position: absolute;
      flex: 0 0 auto;
      font-size: .95em;
      color: #FFF;
      box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
      border-radius: 5px;
      background-color: rgba(0, 0, 0, 0.9);
      max-width: 1px;
      opacity: 0;
      padding: .25em .75em;
      margin: 0 -.75em;
      box-sizing: border-box;
      line-height: 1.2em;
      height: 1px;
      overflow: hidden;
      transition: max-width .25s ease-in-out, width .25s ease-in-out, opacity .25s ease-in-out; }
      .avatar-list .avatar-container .name-container .name {
        font-weight: 500; }
      .avatar-list .avatar-container .name-container .username {
        font-weight: 400; }

input[type=submit], input[type=button], button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0; }

input[type=submit], input[type=submit]:hover,
input[type=button], input[type=button]:hover,
button, button:hover,
.button, .button:hover {
  line-height: 17px;
  margin: 0;
  cursor: pointer;
  border: none;
  border-radius: 3px;
  font-family: "Fira Sans", "Open Sans", sans-serif;
  vertical-align: middle;
  /*background: #3c1642;*/
  /*color: rgba(0, 0, 0, .7);*/
  background: #00adc7;
  color: #FFF;
  font-weight: 400;
  outline: 0;
  box-shadow: 1px 3px 3px -2px rgba(27, 27, 36, 0.2);
  text-transform: none;
  font-size: .85rem;
  padding: .5em 1em;
  transition: background-color .2s ease-in-out, color .2s ease-in-out, box-shadow .2s ease-in-out, opacity .2s ease-in-out;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  white-space: nowrap; }
  input[type=submit]:active, input[type=submit].activated, input[type=submit].dropper.active, input[type=submit]:hover:active, input[type=submit]:hover.activated, input[type=submit]:hover.dropper.active,
  input[type=button]:active,
  input[type=button].activated,
  input[type=button].dropper.active, input[type=button]:hover:active, input[type=button]:hover.activated, input[type=button]:hover.dropper.active,
  button:active,
  button.activated,
  button.dropper.active, button:hover:active, button:hover.activated, button:hover.dropper.active,
  .button:active,
  .button.activated,
  .button.dropper.active, .button:hover:active, .button:hover.activated, .button:hover.dropper.active {
    box-shadow: 3px 3px 3px -3px rgba(27, 27, 36, 0.2) inset; }
  input[type=submit].dropper .icon.toggler, input[type=submit]:hover.dropper .icon.toggler,
  input[type=button].dropper .icon.toggler, input[type=button]:hover.dropper .icon.toggler,
  button.dropper .icon.toggler, button:hover.dropper .icon.toggler,
  .button.dropper .icon.toggler, .button:hover.dropper .icon.toggler {
    transition: transform .25s ease-in-out; }
  input[type=submit].dropper.active .icon.toggler, input[type=submit]:hover.dropper.active .icon.toggler,
  input[type=button].dropper.active .icon.toggler, input[type=button]:hover.dropper.active .icon.toggler,
  button.dropper.active .icon.toggler, button:hover.dropper.active .icon.toggler,
  .button.dropper.active .icon.toggler, .button:hover.dropper.active .icon.toggler {
    transform: rotate(180deg); }
  input[type=submit] span ~ .fas,
  input[type=submit] span ~ .icon,
  input[type=submit] span ~ .far, input[type=submit]:hover span ~ .fas,
  input[type=submit]:hover span ~ .icon,
  input[type=submit]:hover span ~ .far,
  input[type=button] span ~ .fas,
  input[type=button] span ~ .icon,
  input[type=button] span ~ .far, input[type=button]:hover span ~ .fas,
  input[type=button]:hover span ~ .icon,
  input[type=button]:hover span ~ .far,
  button span ~ .fas,
  button span ~ .icon,
  button span ~ .far, button:hover span ~ .fas,
  button:hover span ~ .icon,
  button:hover span ~ .far,
  .button span ~ .fas,
  .button span ~ .icon,
  .button span ~ .far, .button:hover span ~ .fas,
  .button:hover span ~ .icon,
  .button:hover span ~ .far {
    margin-left: .35rem; }
  input[type=submit] .icon:not(.indicator) ~ span:not(.tooltip),
  input[type=submit] .fas:not(.indicator) ~ span:not(.tooltip),
  input[type=submit] .far:not(.indicator) ~ span:not(.tooltip), input[type=submit]:hover .icon:not(.indicator) ~ span:not(.tooltip),
  input[type=submit]:hover .fas:not(.indicator) ~ span:not(.tooltip),
  input[type=submit]:hover .far:not(.indicator) ~ span:not(.tooltip),
  input[type=button] .icon:not(.indicator) ~ span:not(.tooltip),
  input[type=button] .fas:not(.indicator) ~ span:not(.tooltip),
  input[type=button] .far:not(.indicator) ~ span:not(.tooltip), input[type=button]:hover .icon:not(.indicator) ~ span:not(.tooltip),
  input[type=button]:hover .fas:not(.indicator) ~ span:not(.tooltip),
  input[type=button]:hover .far:not(.indicator) ~ span:not(.tooltip),
  button .icon:not(.indicator) ~ span:not(.tooltip),
  button .fas:not(.indicator) ~ span:not(.tooltip),
  button .far:not(.indicator) ~ span:not(.tooltip), button:hover .icon:not(.indicator) ~ span:not(.tooltip),
  button:hover .fas:not(.indicator) ~ span:not(.tooltip),
  button:hover .far:not(.indicator) ~ span:not(.tooltip),
  .button .icon:not(.indicator) ~ span:not(.tooltip),
  .button .fas:not(.indicator) ~ span:not(.tooltip),
  .button .far:not(.indicator) ~ span:not(.tooltip), .button:hover .icon:not(.indicator) ~ span:not(.tooltip),
  .button:hover .fas:not(.indicator) ~ span:not(.tooltip),
  .button:hover .far:not(.indicator) ~ span:not(.tooltip) {
    margin-left: .3em; }
  input[type=submit] span.icon, input[type=submit]:hover span.icon,
  input[type=button] span.icon, input[type=button]:hover span.icon,
  button span.icon, button:hover span.icon,
  .button span.icon, .button:hover span.icon {
    flex: 0 0 24px; }
    input[type=submit] span.icon img, input[type=submit]:hover span.icon img,
    input[type=button] span.icon img, input[type=button]:hover span.icon img,
    button span.icon img, button:hover span.icon img,
    .button span.icon img, .button:hover span.icon img {
      width: 24px; }
  input[type=submit] .indicator, input[type=submit]:hover .indicator,
  input[type=button] .indicator, input[type=button]:hover .indicator,
  button .indicator, button:hover .indicator,
  .button .indicator, .button:hover .indicator {
    display: inline-block;
    width: 0;
    opacity: 0;
    transition: width .2s ease-in-out, margin-left .2s ease-in-out; }
    input[type=submit] .indicator, input[type=submit] .indicator.fas, input[type=submit] .indicator.far, input[type=submit]:hover .indicator, input[type=submit]:hover .indicator.fas, input[type=submit]:hover .indicator.far,
    input[type=button] .indicator,
    input[type=button] .indicator.fas,
    input[type=button] .indicator.far, input[type=button]:hover .indicator, input[type=button]:hover .indicator.fas, input[type=button]:hover .indicator.far,
    button .indicator,
    button .indicator.fas,
    button .indicator.far, button:hover .indicator, button:hover .indicator.fas, button:hover .indicator.far,
    .button .indicator,
    .button .indicator.fas,
    .button .indicator.far, .button:hover .indicator, .button:hover .indicator.fas, .button:hover .indicator.far {
      margin-right: 0;
      margin-left: 0; }

.submitting input[type=submit] .indicator, .submitting input[type=submit]:hover .indicator,
.submitting input[type=button] .indicator, .submitting input[type=button]:hover .indicator,
.submitting button .indicator, .submitting button:hover .indicator,
.submitting .button .indicator, .submitting .button:hover .indicator {
  opacity: 1;
  width: auto; }
  .submitting input[type=submit] .indicator:first-child, .submitting input[type=submit]:hover .indicator:first-child,
  .submitting input[type=button] .indicator:first-child, .submitting input[type=button]:hover .indicator:first-child,
  .submitting button .indicator:first-child, .submitting button:hover .indicator:first-child,
  .submitting .button .indicator:first-child, .submitting .button:hover .indicator:first-child {
    margin-right: .65em; }
  .submitting input[type=submit] .indicator:last-child, .submitting input[type=submit]:hover .indicator:last-child,
  .submitting input[type=button] .indicator:last-child, .submitting input[type=button]:hover .indicator:last-child,
  .submitting button .indicator:last-child, .submitting button:hover .indicator:last-child,
  .submitting .button .indicator:last-child, .submitting .button:hover .indicator:last-child {
    margin-left: .65em; }

button + button, button + button:hover,
.button + button, .button + button:hover,
button + .dropper-container, button + .dropper-container:hover,
.button + .dropper-container, .button + .dropper-container:hover,
button + .button, button + .button:hover,
.button + .button, .button + .button:hover {
  margin-left: 7px; }

button img, .button img {
  vertical-align: middle;
  display: inline-block;
  margin-right: 5px; }

button.button-icon img, .button.button-icon img {
  margin-right: 0; }

button .fas, .button .fas, button .far, .button .far {
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px 0 0; }

button .material-icons, .button .material-icons {
  vertical-align: middle;
  margin-right: .3em;
  font-size: 1em; }

button .fas:last-child, .button .fas:last-child, button .far:last-child, .button .far:last-child, button .material-icons:last-child, .button .material-icons:last-child {
  margin-right: 0; }

button:disabled, input[type=submit]:disabled, .button:disabled,
button:disabled:hover, input[type=submit]:disabled:hover, .button:disabled:hover,
button:disabled:active, input[type=submit]:disabled:active, .button:disabled:active,
button:disabled:focus, input[type=submit]:disabled:focus, .button:disabled:focus,
button.disabled, input[type=submit].disabled, .button.disabled {
  box-shadow: none;
  background: rgba(200, 200, 200, 0.2);
  color: #969696; }

input[type="button"]::-moz-focus-inner {
  border: 0; }

button::-moz-focus-inner {
  border: 0; }

.button::-moz-focus-inner {
  border: 0; }

button:focus, input[type=submit]:focus, .button:focus {
  outline: 0;
  box-shadow: 0 0 4px #0c8990, 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }

button.secondary,
input.button.secondary,
.button.secondary,
.backdrop_box input.button:not(.primary),
.backdrop_box button:not(.primary),
.backdrop_box .button:not(.primary),
.fullpage_backdrop_content button:not(.primary),
.fullpage_backdrop_content .button:not(.primary),
.fullpage_backdrop_content input.button:not(.primary) {
  background: transparent;
  color: #232323;
  box-shadow: none;
  border-radius: 4px;
  text-align: center; }

.popup_message button.secondary {
  color: #ffaa00; }

button.secondary.highlight,
input.button.secondary.highlight,
.button.secondary.highlight {
  border: 1px solid transparent;
  font-weight: 600; }
  button.secondary.highlight:not(.disabled):not([disabled]),
  input.button.secondary.highlight:not(.disabled):not([disabled]),
  .button.secondary.highlight:not(.disabled):not([disabled]) {
    color: #00adc7; }
    button.secondary.highlight:not(.disabled):not([disabled]):hover,
    input.button.secondary.highlight:not(.disabled):not([disabled]):hover,
    .button.secondary.highlight:not(.disabled):not([disabled]):hover {
      border-color: #00adc7; }
  button.secondary.highlight[disabled], button.secondary.highlight.disabled,
  input.button.secondary.highlight[disabled],
  input.button.secondary.highlight.disabled,
  .button.secondary.highlight[disabled],
  .button.secondary.highlight.disabled {
    background-color: rgba(225, 225, 225, 0.4);
    color: rgba(50, 50, 50, 0.6); }
    button.secondary.highlight[disabled]:hover, button.secondary.highlight.disabled:hover,
    input.button.secondary.highlight[disabled]:hover,
    input.button.secondary.highlight.disabled:hover,
    .button.secondary.highlight[disabled]:hover,
    .button.secondary.highlight.disabled:hover {
      cursor: default; }

button.secondary.enabled,
input.button.secondary.enabled,
.button.secondary.enabled {
  color: #00adc7; }
  button.secondary.enabled:hover,
  input.button.secondary.enabled:hover,
  .button.secondary.enabled:hover {
    color: #00adc7; }

button.icon,
.button.icon,
input.button.icon,
button.icon:hover,
.button.icon:hover,
input.button.icon:hover {
  background: transparent;
  box-shadow: none;
  color: #646464;
  padding: 7px 10px;
  box-sizing: border-box; }
  button.icon .fas,
  button.icon .far,
  .button.icon .fas,
  .button.icon .far,
  input.button.icon .fas,
  input.button.icon .far,
  button.icon:hover .fas,
  button.icon:hover .far,
  .button.icon:hover .fas,
  .button.icon:hover .far,
  input.button.icon:hover .fas,
  input.button.icon:hover .far {
    margin: 0; }

.icon .fas, .icon .far {
  min-width: 16px; }

button.secondary.active, button.secondary.active:hover,
.button.secondary.active,
.button.secondary.active:hover,
input.button.secondary.active,
input.button.secondary.active:hover {
  background-color: rgba(200, 200, 200, 0.3);
  box-shadow: none; }

button.secondary:hover,
.button.secondary:hover,
input.button.secondary:hover,
button.icon:hover,
.button.icon:hover,
input.button.icon:hover,
.backdrop_box button:not(.primary):hover,
.backdrop_box .button:not(.primary):hover,
.backdrop_box input.button:not(.primary):hover,
.fullpage_backdrop_content button:not(.primary):hover,
.fullpage_backdrop_content .button:not(.primary):hover,
.fullpage_backdrop_content input.button:not(.primary):hover {
  background: rgba(225, 225, 225, 0.2);
  color: #00adc7;
  box-shadow: none; }

button.secondary:disabled,
.button.secondary.disabled,
input.button.secondary.disabled,
button.icon.secondary:disabled,
.button.icon.secondary.disabled,
input.icon.secondary:disabled {
  background: transparent;
  color: rgba(200, 200, 200, 0.3); }
  button.secondary:disabled:hover,
  .button.secondary.disabled:hover,
  input.button.secondary.disabled:hover,
  button.icon.secondary:disabled:hover,
  .button.icon.secondary.disabled:hover,
  input.icon.secondary:disabled:hover {
    background: transparent;
    color: rgba(200, 200, 200, 0.3); }

button.danger:not([disabled]),
.button.danger:not([disabled]),
input.button.danger:not([disabled]),
button.icon.danger:not([disabled]),
.button.icon.danger:not([disabled]),
input.icon.danger:not([disabled]) {
  background-color: #cb1a00;
  color: #FFF; }
  button.danger:not([disabled]) .icon,
  .button.danger:not([disabled]) .icon,
  input.button.danger:not([disabled]) .icon,
  button.icon.danger:not([disabled]) .icon,
  .button.icon.danger:not([disabled]) .icon,
  input.icon.danger:not([disabled]) .icon {
    color: #FFF; }
  button.danger:not([disabled]):hover,
  .button.danger:not([disabled]):hover,
  input.button.danger:not([disabled]):hover,
  button.icon.danger:not([disabled]):hover,
  .button.icon.danger:not([disabled]):hover,
  input.icon.danger:not([disabled]):hover {
    background-color: #9e1200;
    color: #FFF; }
    button.danger:not([disabled]):hover .icon,
    .button.danger:not([disabled]):hover .icon,
    input.button.danger:not([disabled]):hover .icon,
    button.icon.danger:not([disabled]):hover .icon,
    .button.icon.danger:not([disabled]):hover .icon,
    input.icon.danger:not([disabled]):hover .icon {
      color: #FFF; }
  button.danger:not([disabled]).secondary,
  .button.danger:not([disabled]).secondary,
  input.button.danger:not([disabled]).secondary,
  button.icon.danger:not([disabled]).secondary,
  .button.icon.danger:not([disabled]).secondary,
  input.icon.danger:not([disabled]).secondary {
    background: transparent;
    color: #cb1a00; }
    button.danger:not([disabled]).secondary .icon,
    .button.danger:not([disabled]).secondary .icon,
    input.button.danger:not([disabled]).secondary .icon,
    button.icon.danger:not([disabled]).secondary .icon,
    .button.icon.danger:not([disabled]).secondary .icon,
    input.icon.danger:not([disabled]).secondary .icon {
      color: #cb1a00; }
    button.danger:not([disabled]).secondary:hover,
    .button.danger:not([disabled]).secondary:hover,
    input.button.danger:not([disabled]).secondary:hover,
    button.icon.danger:not([disabled]).secondary:hover,
    .button.icon.danger:not([disabled]).secondary:hover,
    input.icon.danger:not([disabled]).secondary:hover {
      background-color: #cb1a00;
      color: #FFF; }
      button.danger:not([disabled]).secondary:hover .icon,
      .button.danger:not([disabled]).secondary:hover .icon,
      input.button.danger:not([disabled]).secondary:hover .icon,
      button.icon.danger:not([disabled]).secondary:hover .icon,
      .button.icon.danger:not([disabled]).secondary:hover .icon,
      input.icon.danger:not([disabled]).secondary:hover .icon {
        color: #FFF; }

.button-group {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  justify-items: flex-end;
  padding: 10px;
  flex: 0 0 auto;
  align-items: center; }
  .button-group button,
  .button-group .button {
    white-space: nowrap; }
  .button-group .separator {
    flex: 0 0 1px;
    height: 1.5em;
    margin: 0 .5em;
    display: inline-block;
    border-right: 1px solid #676767; }

#dialog_backdrop.submitting .dialog-query-buttons .indicator {
  display: inline-flex; }

.dialog-query-buttons {
  padding: 0 10px;
  /*height: 40px;*/
  display: flex;
  margin: 10px 0;
  justify-content: flex-end;
  align-items: center;
  font-size: .75rem;
  justify-self: flex-end;
  flex: 1 1 auto; }
  .dialog-query-buttons .indicator {
    display: none;
    margin-right: auto;
    font-size: 1.2em; }

h1 .button, h1 .button:hover, h2 .button, h2 .button:hover, h3 .button, h3 .button:hover, h4 .button, h4 .button:hover, h5 .button, h5 .button:hover, h6 .button, h6 .button:hover {
  font-size: .85rem; }

.card-badge {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  box-shadow: rgba(9, 30, 66, 0.25) 0 1px 1px, rgba(9, 30, 66, 0.31) 0 0 1px;
  background-color: #FFF;
  padding: .35em .75em;
  border-radius: .2em;
  font-size: 1em;
  transition: background-color .25s ease-in-out, color .25s ease-in-out;
  border: none;
  color: #232323; }
  .card-badge:hover {
    text-decoration: none;
    border: none;
    background-color: rgba(225, 225, 225, 0.2);
    color: #00adc7; }
    .card-badge:hover .icon {
      color: #00adc7; }
  .card-badge .icon {
    color: #676767;
    transition: color .25s ease-in-out;
    margin-right: .35em;
    flex: 0 0 auto; }
  .card-badge .name {
    flex: 1 1 auto;
    font-weight: 300; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: stretch;
  padding: 0;
  margin: 0 0 .35em 0;
  opacity: 1;
  z-index: 1;
  background-color: #FFF;
  border: none;
  box-shadow: rgba(9, 30, 66, 0.25) 0 1px 1px, rgba(9, 30, 66, 0.31) 0 0 1px;
  border-radius: 4px;
  transform: translateY(0);
  color: #141823;
  transition: box-shadow .25s ease-in-out, background-color .25s ease-in-out;
  min-width: 20em; }
  .card form .form-row input[type=text],
  .card form .form-row input[type=email],
  .card form .form-row input[type=search], .card.form-container form .form-row input[type=text],
  .card.form-container form .form-row input[type=email],
  .card.form-container form .form-row input[type=search] {
    background-color: rgba(225, 225, 225, 0.35);
    border: 1px solid rgba(225, 225, 225, 0);
    padding: .4em;
    border-radius: 4px;
    cursor: pointer;
    font-size: 1.1em; }
    .card form .form-row input[type=text]:focus,
    .card form .form-row input[type=email]:focus,
    .card form .form-row input[type=search]:focus, .card.form-container form .form-row input[type=text]:focus,
    .card.form-container form .form-row input[type=email]:focus,
    .card.form-container form .form-row input[type=search]:focus {
      border-color: rgba(225, 225, 225, 0.85);
      cursor: text; }

#main_container.shaded .card {
  box-shadow: rgba(9, 30, 66, 0.36) 0 2px 2px, rgba(9, 30, 66, 0.41) 0 0 3px; }
  #main_container.shaded .card button,
  #main_container.shaded .card .button {
    background: #44AF69;
    color: #FFF; }
    #main_container.shaded .card button.secondary,
    #main_container.shaded .card .button.secondary {
      background: transparent;
      color: #0c8990; }
      #main_container.shaded .card button.secondary:hover,
      #main_container.shaded .card .button.secondary:hover {
        background-color: rgba(225, 225, 225, 0.45);
        color: #232323; }

.collapser .fas,
.collapser .far {
  transition: transform .25s ease-in-out;
  transform: rotate(0deg); }

.collapser.active {
  transform: rotate(180deg); }

.collapse-target {
  max-height: 0;
  position: relative;
  overflow: hidden; }
  .collapse-target.active {
    overflow: initial;
    max-height: none; }

.count-badge {
  font-weight: 400;
  font-size: 0.8em;
  color: rgba(50, 50, 50, 0.6);
  margin-left: 5px;
  border-radius: 3px;
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  padding: 3px 6px;
  background-color: rgba(200, 200, 200, 0.3); }
  .count-badge.type-info {
    background-color: #0cd8b6;
    color: #FFF; }
  .count-badge span:first-child {
    margin-right: 5px; }
  .count-badge + span {
    margin-left: .35em; }
  .count-badge .indicator {
    display: none; }
  .count-badge.submitting > span:not(.indicator) {
    display: none; }
  .count-badge.submitting .indicator {
    display: inline-block; }

.diff-summary {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 0 0 auto;
  font-weight: 400;
  padding: .25em .6em;
  border-radius: 4px;
  background-color: rgba(225, 225, 225, 0.3); }
  .diff-summary .lines-removed {
    color: #c44; }
  .diff-summary .lines-added {
    color: #4a4; }
  .diff-summary .lines-removed + .lines-added {
    margin-left: .75em; }

.dropper-container {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  line-height: 1em; }
  .dropper-container + .dropper-container {
    margin-left: .5em; }
  .dropper-container .dropdown-container {
    list-style: none;
    font-size: 1em;
    display: flex;
    flex-direction: column;
    position: absolute;
    margin: 0;
    z-index: 1000;
    opacity: 0;
    transform: scaleY(0);
    transform-origin: top;
    transition: opacity 0.3s ease, transform 0.3s ease-in-out;
    max-height: 550px;
    overflow: hidden;
    box-sizing: border-box;
    padding: 5px 0;
    background: #FFF;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    border-radius: 4px;
    top: calc(100% + 3px);
    right: 0; }
    .dropper-container .dropdown-container.from-left {
      right: auto;
      left: 0; }
      .dropper-container .dropdown-container.from-left.slide-out {
        position: fixed;
        left: 0;
        top: 89px;
        z-index: 1;
        height: calc(100% - 3.5em);
        transform-origin: left;
        transform: translateX(-120%);
        width: 350px;
        border-radius: 0;
        max-height: none; }
      .dropper-container .dropdown-container.from-left.pop-out {
        left: 20px;
        top: 0;
        z-index: 2000; }
    .dropper-container .dropdown-container.from-center {
      right: auto;
      left: 50%;
      transform: scaleY(0) translateX(-50%); }
    .dropper-container .dropdown-container.from-bottom {
      top: auto;
      bottom: 37px;
      transform-origin: bottom; }
    .dropper-container .dropdown-container.two-columns {
      min-width: 520px; }
    .dropper-container .dropdown-container > .row {
      display: flex;
      overflow: hidden;
      flex: 1 1 auto;
      min-height: 4em; }
      .dropper-container .dropdown-container > .row .column {
        min-width: 50%;
        overflow: auto; }
        .dropper-container .dropdown-container > .row .column.full {
          flex: 1 1 100%; }
    .dropper-container .dropdown-container.columns, .dropper-container .dropdown-container > .row {
      flex-direction: row; }
      .dropper-container .dropdown-container.columns .column.hidden, .dropper-container .dropdown-container > .row .column.hidden {
        display: none; }
      .dropper-container .dropdown-container.columns.three-columns .column, .dropper-container .dropdown-container > .row.three-columns .column {
        flex: 1 1 33%; }
      .dropper-container .dropdown-container.columns.two-columns .column, .dropper-container .dropdown-container > .row.two-columns .column {
        flex: 1 1 50%;
        min-width: 260px;
        overflow: auto; }
        .dropper-container .dropdown-container.columns.two-columns .column.full, .dropper-container .dropdown-container > .row.two-columns .column.full {
          flex: 1 1 100%; }
    .dropper-container .dropdown-container:not(.slide-out) .list-mode {
      max-height: 450px; }
    .dropper-container .dropdown-container .list-mode {
      overflow-y: auto;
      overflow-x: hidden;
      min-width: 260px;
      max-width: 350px; }
      .dropper-container .dropdown-container .list-mode .header-banner .header-name {
        padding: .3em; }
        .dropper-container .dropdown-container .list-mode .header-banner .header-name .image-container {
          padding-right: .3em;
          margin-right: 0; }
        .dropper-container .dropdown-container .list-mode .header-banner .header-name .name-container {
          padding: .3em 0; }
      .dropper-container .dropdown-container .list-mode .header {
        padding-left: .7em;
        padding-top: 1.5em;
        font-size: .85em;
        text-transform: uppercase;
        font-weight: 500;
        align-items: flex-start;
        justify-content: flex-start; }
        .dropper-container .dropdown-container .list-mode .header:first-child {
          padding-top: .5em; }
      .dropper-container .dropdown-container .list-mode .list-item:not(.separator), .dropper-container .dropdown-container .list-mode .list-item:not(.separator):hover {
        margin-left: 0;
        margin-right: 0;
        padding-left: .7em;
        padding-right: .7em;
        border-radius: 0; }
        .dropper-container .dropdown-container .list-mode .list-item:not(.separator) .icon, .dropper-container .dropdown-container .list-mode .list-item:not(.separator):hover .icon {
          flex: 0 0 auto;
          min-width: 20px;
          width: 20px; }
  .dropper-container.mentions-container {
    position: absolute;
    margin-left: .5em; }
    .dropper-container.mentions-container .dropdown-container {
      position: relative;
      transform: scaleY(1);
      opacity: 1; }
      .dropper-container.mentions-container .dropdown-container .list-mode {
        max-width: 60em; }
  .dropper-container .dropper {
    cursor: pointer; }
    .dropper-container .dropper + .dropdown-container.slide-out {
      opacity: 1; }
    .dropper-container .dropper.active + .dropdown-container {
      transform: scaleY(1);
      opacity: 1; }
      .dropper-container .dropper.active + .dropdown-container.slide-out {
        transform-origin: left;
        transform: translateX(0);
        box-shadow: none;
        box-sizing: border-box;
        border-right: 2px solid rgba(225, 225, 225, 0.5); }
      .dropper-container .dropper.active + .dropdown-container.from-center {
        transform: scaleY(1) translateX(-50%); }

.collapsed .dropper-container .dropper::after {
  display: block;
  content: '';
  background: rgba(255, 255, 255, 0.8);
  position: fixed;
  left: 0;
  height: 100%;
  top: 0;
  z-index: 100;
  width: calc(100vw - 350px);
  transform: scaleX(0);
  opacity: 0;
  transform-origin: left;
  transition: opacity .3s ease-in-out, left .3s ease-in-out; }

.collapsed .dropper-container .dropper.active::after {
  left: 350px;
  transform: scaleX(1);
  opacity: 1; }

.collapsed .dropper-container .dropper.active + .dropdown-container.slide-out {
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  overflow: visible; }

.fancy-checkbox {
  display: none; }
  .fancy-checkbox + label {
    display: inline-flex;
    align-items: center;
    color: #555;
    transition: color .2s ease-in-out, background-color .2s ease-in-out; }
  .fancy-checkbox + label,
  .fancy-checkbox + .list-item {
    align-items: center; }
    .fancy-checkbox + label span.unchecked,
    .fancy-checkbox + label .fas.unchecked,
    .fancy-checkbox + label .far.unchecked,
    .fancy-checkbox + .list-item span.unchecked,
    .fancy-checkbox + .list-item .fas.unchecked,
    .fancy-checkbox + .list-item .far.unchecked {
      display: inline-flex; }
    .fancy-checkbox + label span.checked,
    .fancy-checkbox + label .fas.checked,
    .fancy-checkbox + label .far.checked,
    .fancy-checkbox + .list-item span.checked,
    .fancy-checkbox + .list-item .fas.checked,
    .fancy-checkbox + .list-item .far.checked {
      display: none; }
    .fancy-checkbox + label .fas.indicator,
    .fancy-checkbox + label .far.indicator,
    .fancy-checkbox + .list-item .fas.indicator,
    .fancy-checkbox + .list-item .far.indicator {
      display: none; }
    .fancy-checkbox + label .fas:not(.icon) ~ span,
    .fancy-checkbox + label .far:not(.icon) ~ span,
    .fancy-checkbox + label .fab:not(.icon) ~ span,
    .fancy-checkbox + .list-item .fas:not(.icon) ~ span,
    .fancy-checkbox + .list-item .far:not(.icon) ~ span,
    .fancy-checkbox + .list-item .fab:not(.icon) ~ span {
      margin-left: .3em; }
  .fancy-checkbox.submitting + label .fas.unchecked,
  .fancy-checkbox.submitting + label .far.unchecked,
  .fancy-checkbox.submitting + label .fas.checked,
  .fancy-checkbox.submitting + label .far.checked,
  .fancy-checkbox.submitting + .list-item .fas.unchecked,
  .fancy-checkbox.submitting + .list-item .far.unchecked,
  .fancy-checkbox.submitting + .list-item .fas.checked,
  .fancy-checkbox.submitting + .list-item .far.checked {
    display: none; }
  .fancy-checkbox.submitting + label .fas.indicator,
  .fancy-checkbox.submitting + label .far.indicator,
  .fancy-checkbox.submitting + .list-item .fas.indicator,
  .fancy-checkbox.submitting + .list-item .far.indicator {
    display: inline-flex;
    opacity: 1; }
  .fancy-checkbox:disabled + label,
  .fancy-checkbox:disabled + .list-item {
    color: #DDD; }
  .fancy-checkbox:checked:not(:disabled):not(.submitting) + label {
    color: #0cd8b6; }
  .fancy-checkbox:checked:not(:disabled):not(.submitting) + .list-item:not(.toggler),
  .fancy-checkbox:checked:not(:disabled):not(.submitting) + .list-item:not(.toggler):hover {
    background-color: #0cd8b6;
    color: #FFF; }
    .fancy-checkbox:checked:not(:disabled):not(.submitting) + .list-item:not(.toggler) .name,
    .fancy-checkbox:checked:not(:disabled):not(.submitting) + .list-item:not(.toggler) .icon,
    .fancy-checkbox:checked:not(:disabled):not(.submitting) + .list-item:not(.toggler) .expander,
    .fancy-checkbox:checked:not(:disabled):not(.submitting) + .list-item:not(.toggler):hover .name,
    .fancy-checkbox:checked:not(:disabled):not(.submitting) + .list-item:not(.toggler):hover .icon,
    .fancy-checkbox:checked:not(:disabled):not(.submitting) + .list-item:not(.toggler):hover .expander {
      color: #FFF; }
  .fancy-checkbox:checked:not(:disabled):not(.submitting) + .list-item.toggler {
    color: #141823; }
    .fancy-checkbox:checked:not(:disabled):not(.submitting) + .list-item.toggler .icon {
      color: #0cd8b6; }
  .fancy-checkbox:checked:not(:disabled):not(.submitting) + label span.checked,
  .fancy-checkbox:checked:not(:disabled):not(.submitting) + label .fas.checked,
  .fancy-checkbox:checked:not(:disabled):not(.submitting) + label .far.checked,
  .fancy-checkbox:checked:not(:disabled):not(.submitting) + .list-item span.checked,
  .fancy-checkbox:checked:not(:disabled):not(.submitting) + .list-item .fas.checked,
  .fancy-checkbox:checked:not(:disabled):not(.submitting) + .list-item .far.checked {
    display: inline-block; }
  .fancy-checkbox:checked:not(:disabled):not(.submitting) + label span.unchecked,
  .fancy-checkbox:checked:not(:disabled):not(.submitting) + label .fas.unchecked,
  .fancy-checkbox:checked:not(:disabled):not(.submitting) + label .far.unchecked,
  .fancy-checkbox:checked:not(:disabled):not(.submitting) + .list-item span.unchecked,
  .fancy-checkbox:checked:not(:disabled):not(.submitting) + .list-item .fas.unchecked,
  .fancy-checkbox:checked:not(:disabled):not(.submitting) + .list-item .far.unchecked {
    display: none; }
  .fancy-checkbox:focus + label {
    color: #558; }

.form-container .form-row > .fancy-checkbox + label:not(.button) {
  font-size: .85rem; }

.fancy-checkbox-grid {
  display: flex;
  width: 100%;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-right: -.5em;
  margin-bottom: -.5em; }
  .fancy-checkbox-grid .fancy-checkbox + label {
    margin: 0 .5em .5em 0;
    position: relative;
    flex: 0 0 auto;
    min-width: 7.9em;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    min-height: 4.5em;
    font-size: 1em;
    text-transform: none;
    border: 2px solid rgba(0, 0, 0, 0.1);
    border-radius: .5em; }
    .fancy-checkbox-grid .fancy-checkbox + label .fas.checked,
    .fancy-checkbox-grid .fancy-checkbox + label .far.checked {
      display: none;
      position: absolute;
      top: .3em;
      left: .3em;
      font-size: 1.5em;
      color: #FFF; }
  .fancy-checkbox-grid .fancy-checkbox:checked + label {
    border-color: #0cd8b6; }
    .fancy-checkbox-grid .fancy-checkbox:checked + label .fas:checked,
    .fancy-checkbox-grid .fancy-checkbox:checked + label .far:checked {
      display: inline-block; }
    .fancy-checkbox-grid .fancy-checkbox:checked + label.empty .fas,
    .fancy-checkbox-grid .fancy-checkbox:checked + label.empty .far {
      color: #0cd8b6; }

.fancy-dropdown-container {
  display: flex;
  flex-direction: column;
  position: relative;
  text-align: left;
  box-sizing: border-box; }
  .fancy-dropdown-container.row-mode {
    flex-direction: row; }
  .fancy-dropdown-container .fancy-dropdown {
    display: flex;
    align-items: center;
    position: relative;
    padding: 5px 0 5px 10px;
    font-size: 1em;
    vertical-align: middle;
    border: none;
    transition: background-color 0.25s ease-in-out, box-shadow .25s ease-in-out;
    border-radius: 4px;
    color: #141823;
    background: rgba(200, 200, 200, 0.1);
    box-sizing: border-box; }
    .fancy-dropdown-container .fancy-dropdown:hover {
      background: rgba(200, 200, 200, 0.3);
      cursor: pointer; }
    .fancy-dropdown-container .fancy-dropdown:focus {
      border-color: #0C8990; }
    .fancy-dropdown-container .fancy-dropdown.small {
      flex: 0 0 auto; }
      .fancy-dropdown-container .fancy-dropdown.small > .value,
      .fancy-dropdown-container .fancy-dropdown.small > .name {
        min-width: 3em; }
    .fancy-dropdown-container .fancy-dropdown.auto-size > .value,
    .fancy-dropdown-container .fancy-dropdown.auto-size > .name {
      min-width: 0;
      max-width: none; }
    .fancy-dropdown-container .fancy-dropdown.active {
      border-radius: 4px 4px 0 0;
      background: white;
      box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
      .fancy-dropdown-container .fancy-dropdown.active .dropdown-container {
        width: auto;
        min-width: 100%; }
    .fancy-dropdown-container .fancy-dropdown.shaded {
      background-color: rgba(255, 255, 255, 0.4);
      color: #FFF; }
      .fancy-dropdown-container .fancy-dropdown.shaded.active {
        border-radius: 4px;
        background: rgba(255, 255, 255, 0.6); }
        .fancy-dropdown-container .fancy-dropdown.shaded.active .dropdown-container {
          border-radius: 4px;
          margin: 0;
          width: auto; }
      .fancy-dropdown-container .fancy-dropdown.shaded > label {
        color: #FFF;
        font-weight: 400; }
      .fancy-dropdown-container .fancy-dropdown.shaded.no-value > .value {
        color: #FFF; }
    .fancy-dropdown-container .fancy-dropdown .expander,
    .fancy-dropdown-container .fancy-dropdown .fas.expander {
      flex: 0 0 40px;
      box-sizing: border-box;
      transform: rotate(0);
      cursor: pointer;
      padding: 0 10px;
      text-align: center;
      transition: transform .25s ease-in-out; }
    .fancy-dropdown-container .fancy-dropdown > label {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      flex: 0 0 auto;
      font-weight: 400;
      font-size: .9em;
      text-transform: uppercase;
      margin-right: .5em; }
      .fancy-dropdown-container .fancy-dropdown > label > span.required-indicator {
        display: none; }
      .fancy-dropdown-container .fancy-dropdown > label.required .required-indicator {
        display: inline-flex; }
      .fancy-dropdown-container .fancy-dropdown > label .locked {
        display: none; }
    .fancy-dropdown-container .fancy-dropdown > .value,
    .fancy-dropdown-container .fancy-dropdown > .name {
      flex: 1 1 auto;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      max-width: 350px;
      min-width: 100px;
      font-weight: 300; }
      .fancy-dropdown-container .fancy-dropdown > .value.no-value,
      .fancy-dropdown-container .fancy-dropdown > .name.no-value {
        color: #C8C8C8; }
    .fancy-dropdown-container .fancy-dropdown:not(.locked).no-value > .value {
      color: #C8C8C8; }
    .fancy-dropdown-container .fancy-dropdown .fas {
      flex: 0 0 auto;
      font-size: 1em; }
    .fancy-dropdown-container .fancy-dropdown .remove-button {
      border-left: 1px solid rgba(100, 100, 100, 0.2);
      transition: background-color 0.3s ease;
      padding: 0 8px; }
      .fancy-dropdown-container .fancy-dropdown .remove-button:hover {
        border-color: rgba(100, 100, 100, 0.4);
        background-color: rgba(250, 0, 0, 0.2);
        cursor: pointer; }
    .fancy-dropdown-container .fancy-dropdown .dropdown-container {
      list-style: none;
      font-size: 1em;
      display: flex;
      flex-direction: column;
      position: absolute;
      z-index: 10;
      opacity: 0;
      transform: scaleY(0);
      transform-origin: top;
      transition: opacity 0.3s ease, transform 0.3s ease-in-out;
      max-height: 450px;
      overflow: hidden;
      box-sizing: border-box;
      padding: 5px 0;
      background: #FFF;
      width: 100%;
      min-width: 100%;
      top: calc(100% + 3px);
      right: 0;
      margin: -3px 0 0 0;
      box-shadow: 0 5px 3px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 5px 5px 0 rgba(0, 0, 0, 0.12);
      border-radius: 0 0 4px 4px; }
      .fancy-dropdown-container .fancy-dropdown .dropdown-container.from-left {
        right: auto;
        left: 0; }
      .fancy-dropdown-container .fancy-dropdown .dropdown-container.from-center {
        right: auto;
        left: 50%;
        transform: scaleY(0) translateX(-50%); }
      .fancy-dropdown-container .fancy-dropdown .dropdown-container.from-bottom {
        top: auto;
        bottom: 37px;
        transform-origin: bottom; }
      .fancy-dropdown-container .fancy-dropdown .dropdown-container.list-mode,
      .fancy-dropdown-container .fancy-dropdown .dropdown-container .list-mode {
        max-height: 450px;
        overflow-y: auto;
        overflow-x: hidden; }
        .fancy-dropdown-container .fancy-dropdown .dropdown-container.list-mode .list-item:not(.separator),
        .fancy-dropdown-container .fancy-dropdown .dropdown-container .list-mode .list-item:not(.separator) {
          margin-left: 0;
          margin-right: 0;
          border-radius: 0;
          padding-left: .7em;
          padding-right: .7em; }
          .fancy-dropdown-container .fancy-dropdown .dropdown-container.list-mode .list-item:not(.separator).multiline span.name,
          .fancy-dropdown-container .fancy-dropdown .dropdown-container .list-mode .list-item:not(.separator).multiline span.name {
            max-width: none; }
    .fancy-dropdown-container .fancy-dropdown.active .dropdown-container {
      transform: scaleY(1);
      opacity: 1; }
    .fancy-dropdown-container .fancy-dropdown.active .expander {
      transform: rotate(180deg); }
  .fancy-dropdown-container.from-left .fancy-dropdown.active .dropdown-container {
    right: auto;
    left: 0; }
  .fancy-dropdown-container.from-bottom .fancy-dropdown.active {
    border-radius: 0 0 4px 4px;
    background-color: white;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 3px 0 rgba(0, 0, 0, 0.12); }
  .fancy-dropdown-container.from-bottom .fancy-dropdown .dropdown-container {
    top: auto;
    bottom: calc(100% - 5px);
    padding-bottom: 12px;
    transform-origin: bottom;
    border-radius: 4px 4px 0 0;
    box-shadow: 0 -3px 1px -2px rgba(0, 0, 0, 0.2), 0 -2px 2px 0 rgba(0, 0, 0, 0.14), 0 -3px 3px 0 rgba(0, 0, 0, 0.12); }

.form-row.locked .fancy-dropdown label .locked,
.form-row.locked .fancy-dropdown .label .locked {
  display: inline-block;
  margin-left: .35em; }

.fancy-label-select {
  display: inline-flex;
  align-items: center;
  flex-direction: row;
  border: 1px solid #00adc7;
  background-color: transparent;
  color: #232323;
  border-radius: 4px; }
  .fancy-label-select input {
    display: none; }
    .fancy-label-select input:disabled + label {
      color: #DDD; }
    .fancy-label-select input:checked:not(:disabled) + label, .fancy-label-select input.fancy-checkbox:checked:not(:disabled) + label {
      background-color: #00adc7;
      color: #FFF; }
      .fancy-label-select input:checked:not(:disabled) + label .fas,
      .fancy-label-select input:checked:not(:disabled) + label .far, .fancy-label-select input.fancy-checkbox:checked:not(:disabled) + label .fas,
      .fancy-label-select input.fancy-checkbox:checked:not(:disabled) + label .far {
        font-size: .85em;
        margin: 0 1em 0 0; }
      .fancy-label-select input:checked:not(:disabled) + label + input + label::after, .fancy-label-select input.fancy-checkbox:checked:not(:disabled) + label + input + label::after {
        border-right: none; }
  .fancy-label-select label {
    flex: 0 0 auto;
    color: #555;
    transition: color .2s ease-in-out, background-color .2s ease-in-out;
    text-transform: none;
    padding: .25rem 1rem;
    position: relative; }
    .fancy-label-select label:hover {
      background-color: rgba(225, 225, 225, 0.15); }
    .fancy-label-select label:not(:first-of-type)::after {
      display: block;
      content: '';
      border-right: 1px solid #00adc7;
      height: calc(100% - .5rem);
      position: absolute;
      left: 1px;
      top: .25rem; }

.fancy-tabs {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0;
  flex-wrap: nowrap;
  padding: .5rem 0;
  overflow: visible; }
  .fancy-tabs .tab {
    padding: 1rem;
    font-size: .85rem;
    font-weight: 500;
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    color: #141823;
    border-bottom: 3px solid transparent;
    margin: 0;
    position: relative;
    flex-wrap: nowrap;
    max-width: 200px;
    cursor: pointer; }
    .fancy-tabs .tab .name {
      flex: 1 1 auto;
      white-space: normal;
      line-height: 1.2em; }
    .fancy-tabs .tab .icon {
      flex: 0 0 auto;
      margin-right: .6em;
      font-size: .95em; }
    .fancy-tabs .tab.disabled {
      color: #ABABAB;
      cursor: default; }
    .fancy-tabs .tab.selected {
      color: #0cd8b6; }
      .fancy-tabs .tab.selected::after {
        content: '';
        display: block;
        width: 50%;
        height: 3px;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        background-color: #0cd8b6; }
  .fancy-tabs .spacer {
    flex: 1 1 auto; }
  .fancy-tabs .button-container {
    flex: 0 0 auto;
    align-items: center;
    display: flex;
    justify-content: flex-end; }

.fancy-panes {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: stretch; }
  .fancy-panes .pane {
    flex: 1 1 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start; }

.fancy-tag-input-container {
  font-family: "Fira Sans", "Open Sans", sans-serif;
  font-size: 1em;
  color: #555;
  border: none;
  border-bottom: 1px solid #AAA;
  padding: 2px;
  vertical-align: middle;
  font-weight: 400;
  background-color: #FFF;
  display: flex;
  flex-direction: row; }
  .fancy-tag-input-container input {
    flex: 1 1 auto;
    min-width: 100px;
    background-color: #FFF;
    border: none;
    padding: 0;
    margin: 0; }
  .fancy-tag-input-container .fancy-tag {
    flex: 0 0 auto;
    white-space: nowrap;
    padding: .35em 1em;
    background-color: #0c8990;
    color: #1c2b36;
    border-radius: .15em;
    margin-right: .5em; }

.toggle-favourite {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  position: relative; }
  .toggle-favourite .indicator {
    flex: 0 0 25px;
    box-sizing: border-box;
    display: none;
    font-size: 1.5em; }
  .toggle-favourite.submitting .indicator {
    display: inline-block; }
  .toggle-favourite.submitting .subscribed, .toggle-favourite.submitting .unsubscribed {
    display: none; }
  .toggle-favourite .subscribed,
  .toggle-favourite .unsubscribed {
    flex: 0 0 25px;
    box-sizing: border-box;
    display: inline-block;
    font-size: 1.5em; }
  .toggle-favourite:not(.submitting).starred .unsubscribed {
    display: none; }
  .toggle-favourite:not(.starred) .subscribed {
    display: none; }

input[data-interactive-toggle].submitting + label .indicator {
  display: inline-block;
  margin-right: .35em;
  opacity: 1;
  width: auto; }

.issuetype-field {
  flex: 0 0 auto;
  align-items: flex-start;
  justify-content: center;
  margin-bottom: .35rem; }
  .issuetype-field > .issuetype-icon {
    display: inline-block;
    width: auto;
    padding: .5em 1.6em .5em 1em;
    border-radius: 1.5em;
    border: 1px solid rgba(0, 0, 0, 0.15); }

.list-mode, .list-mode[data-simplebar] {
  padding: 0;
  margin: 0;
  display: flex;
  align-content: stretch;
  align-items: stretch;
  flex-direction: column;
  text-align: left;
  box-sizing: border-box; }
  .list-mode.grid-mode, .list-mode[data-simplebar].grid-mode {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start; }
    .list-mode.grid-mode .list-item,
    .list-mode.grid-mode .list-item:hover, .list-mode[data-simplebar].grid-mode .list-item,
    .list-mode[data-simplebar].grid-mode .list-item:hover {
      justify-content: center;
      margin: .35rem; }
  .list-mode.updating, .list-mode[data-simplebar].updating {
    opacity: 0.2; }
  .list-mode .header-banner, .list-mode[data-simplebar] .header-banner {
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
    position: sticky;
    top: 0;
    z-index: 10;
    background-color: #FFF;
    box-sizing: border-box; }
    .list-mode .header-banner .header-name, .list-mode[data-simplebar] .header-banner .header-name {
      display: flex;
      flex-direction: row;
      padding: 1.6em;
      align-items: center; }
      .list-mode .header-banner .header-name .image-container, .list-mode[data-simplebar] .header-banner .header-name .image-container {
        flex: 0 0 2.8em;
        margin-right: 1em;
        padding: 0; }
        .list-mode .header-banner .header-name .image-container > img:not(.avatar), .list-mode[data-simplebar] .header-banner .header-name .image-container > img:not(.avatar) {
          width: 100%; }
      .list-mode .header-banner .header-name .name-container, .list-mode[data-simplebar] .header-banner .header-name .name-container {
        flex: 1 1 auto;
        font-size: 1.55rem;
        font-weight: 500;
        line-height: 1.5rem;
        display: flex;
        flex-direction: column;
        padding: 0; }
    .list-mode .header-banner .info-container, .list-mode[data-simplebar] .header-banner .info-container {
      font-size: .6em;
      display: flex;
      align-content: center;
      justify-content: flex-start; }
      .list-mode .header-banner .info-container .icon, .list-mode[data-simplebar] .header-banner .info-container .icon {
        flex: 0 0 25px;
        padding: .35em 0;
        color: #646464;
        align-self: center;
        text-align: center; }
    .list-mode .header-banner .button-group, .list-mode[data-simplebar] .header-banner .button-group {
      padding: 0 1.5em 1.5em 1.5em;
      justify-content: flex-end;
      align-content: center;
      box-sizing: border-box; }
      .list-mode .header-banner .button-group button + button,
      .list-mode .header-banner .button-group button + .button,
      .list-mode .header-banner .button-group .button + button,
      .list-mode .header-banner .button-group .button + .button, .list-mode[data-simplebar] .header-banner .button-group button + button,
      .list-mode[data-simplebar] .header-banner .button-group button + .button,
      .list-mode[data-simplebar] .header-banner .button-group .button + button,
      .list-mode[data-simplebar] .header-banner .button-group .button + .button {
        margin-left: auto; }
      .list-mode .header-banner .button-group button.back-button .name,
      .list-mode .header-banner .button-group .button.back-button .name, .list-mode[data-simplebar] .header-banner .button-group button.back-button .name,
      .list-mode[data-simplebar] .header-banner .button-group .button.back-button .name {
        display: none; }
      .list-mode .header-banner .button-group button.back-button:first-child:last-child,
      .list-mode .header-banner .button-group .button.back-button:first-child:last-child, .list-mode[data-simplebar] .header-banner .button-group button.back-button:first-child:last-child,
      .list-mode[data-simplebar] .header-banner .button-group .button.back-button:first-child:last-child {
        margin-right: auto; }
        .list-mode .header-banner .button-group button.back-button:first-child:last-child .name,
        .list-mode .header-banner .button-group .button.back-button:first-child:last-child .name, .list-mode[data-simplebar] .header-banner .button-group button.back-button:first-child:last-child .name,
        .list-mode[data-simplebar] .header-banner .button-group .button.back-button:first-child:last-child .name {
          display: inline-flex; }
  .list-mode .list-item,
  .list-mode .list-item:hover, .list-mode[data-simplebar] .list-item,
  .list-mode[data-simplebar] .list-item:hover {
    position: relative;
    padding: .15em .35em;
    display: flex;
    flex-direction: row;
    color: #141823;
    border-radius: 5px;
    border: 1px solid transparent;
    margin: .15em 1em 0 1em;
    align-content: flex-start;
    align-items: center;
    justify-content: flex-start;
    justify-items: flex-start;
    font-size: .98em;
    text-transform: none;
    white-space: nowrap;
    min-width: 250px;
    transition: color .25s ease-in-out, background-color .25s ease-in-out;
    box-sizing: border-box; }
    .list-mode .list-item:last-child,
    .list-mode .list-item:hover:last-child, .list-mode[data-simplebar] .list-item:last-child,
    .list-mode[data-simplebar] .list-item:hover:last-child {
      margin-bottom: 0; }
    .list-mode .list-item.hidden,
    .list-mode .list-item:hover.hidden, .list-mode[data-simplebar] .list-item.hidden,
    .list-mode[data-simplebar] .list-item:hover.hidden {
      display: none; }
    .list-mode .list-item.disabled,
    .list-mode .list-item:hover.disabled, .list-mode[data-simplebar] .list-item.disabled,
    .list-mode[data-simplebar] .list-item:hover.disabled {
      color: rgba(100, 100, 100, 0.4); }
      .list-mode .list-item.disabled:hover,
      .list-mode .list-item:hover.disabled:hover, .list-mode[data-simplebar] .list-item.disabled:hover,
      .list-mode[data-simplebar] .list-item:hover.disabled:hover {
        cursor: default; }
      .list-mode .list-item.disabled .icon,
      .list-mode .list-item:hover.disabled .icon, .list-mode[data-simplebar] .list-item.disabled .icon,
      .list-mode[data-simplebar] .list-item:hover.disabled .icon {
        color: rgba(100, 100, 100, 0.4); }
    .list-mode .list-item.help:hover,
    .list-mode .list-item:hover.help:hover, .list-mode[data-simplebar] .list-item.help:hover,
    .list-mode[data-simplebar] .list-item:hover.help:hover {
      cursor: help; }
    .list-mode .list-item.help .icon:not(.issuetype-icon),
    .list-mode .list-item:hover.help .icon:not(.issuetype-icon), .list-mode[data-simplebar] .list-item.help .icon:not(.issuetype-icon),
    .list-mode[data-simplebar] .list-item:hover.help .icon:not(.issuetype-icon) {
      color: #00adc7; }
    .list-mode .list-item.danger,
    .list-mode .list-item:hover.danger, .list-mode[data-simplebar] .list-item.danger,
    .list-mode[data-simplebar] .list-item:hover.danger {
      color: #cb1a00; }
      .list-mode .list-item.danger.disabled,
      .list-mode .list-item:hover.danger.disabled, .list-mode[data-simplebar] .list-item.danger.disabled,
      .list-mode[data-simplebar] .list-item:hover.danger.disabled {
        color: rgba(177, 22, 0, 0.54); }
      .list-mode .list-item.danger .icon,
      .list-mode .list-item:hover.danger .icon, .list-mode[data-simplebar] .list-item.danger .icon,
      .list-mode[data-simplebar] .list-item:hover.danger .icon {
        color: #cb1a00; }
      .list-mode .list-item.danger:not(.disabled):hover,
      .list-mode .list-item:hover.danger:not(.disabled):hover, .list-mode[data-simplebar] .list-item.danger:not(.disabled):hover,
      .list-mode[data-simplebar] .list-item:hover.danger:not(.disabled):hover {
        background-color: #cb1a00;
        color: #FFF; }
        .list-mode .list-item.danger:not(.disabled):hover .icon,
        .list-mode .list-item:hover.danger:not(.disabled):hover .icon, .list-mode[data-simplebar] .list-item.danger:not(.disabled):hover .icon,
        .list-mode[data-simplebar] .list-item:hover.danger:not(.disabled):hover .icon {
          color: #FFF; }
    .list-mode .list-item + .fancy-dropdown-container,
    .list-mode .list-item:hover + .fancy-dropdown-container, .list-mode[data-simplebar] .list-item + .fancy-dropdown-container,
    .list-mode[data-simplebar] .list-item:hover + .fancy-dropdown-container {
      margin: .5em 1em; }
    .list-mode .list-item + input[type=text],
    .list-mode .list-item:hover + input[type=text], .list-mode[data-simplebar] .list-item + input[type=text],
    .list-mode[data-simplebar] .list-item:hover + input[type=text] {
      margin: .5em 1em; }
    .list-mode .list-item .dropper-container,
    .list-mode .list-item:hover .dropper-container, .list-mode[data-simplebar] .list-item .dropper-container,
    .list-mode[data-simplebar] .list-item:hover .dropper-container {
      box-sizing: border-box;
      border-left: 1px solid rgba(100, 100, 100, 0.1); }
      .list-mode .list-item .dropper-container .fas.dropper,
      .list-mode .list-item .dropper-container .far.dropper,
      .list-mode .list-item:hover .dropper-container .fas.dropper,
      .list-mode .list-item:hover .dropper-container .far.dropper, .list-mode[data-simplebar] .list-item .dropper-container .fas.dropper,
      .list-mode[data-simplebar] .list-item .dropper-container .far.dropper,
      .list-mode[data-simplebar] .list-item:hover .dropper-container .fas.dropper,
      .list-mode[data-simplebar] .list-item:hover .dropper-container .far.dropper {
        padding: .75em; }
    .list-mode .list-item.active .dropper-container,
    .list-mode .list-item:hover.active .dropper-container, .list-mode[data-simplebar] .list-item.active .dropper-container,
    .list-mode[data-simplebar] .list-item:hover.active .dropper-container {
      border-radius: 4px;
      background-color: rgba(100, 100, 100, 0.1); }
    .list-mode .list-item:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container):hover,
    .list-mode .list-item:hover:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container):hover, .list-mode[data-simplebar] .list-item:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container):hover,
    .list-mode[data-simplebar] .list-item:hover:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container):hover {
      background-color: rgba(225, 225, 225, 0.2);
      color: #141823; }
      .list-mode .list-item:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container):hover .issuetype-icon.issuetype-bug_report, .list-mode .list-item:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container):hover .issuetype-icon.issuetype-developer_report, .list-mode .list-item:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container):hover .issuetype-icon.issuetype-feature_request, .list-mode .list-item:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container):hover .issuetype-icon.issuetype-idea, .list-mode .list-item:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container):hover .issuetype-icon.issuetype-enhancement, .list-mode .list-item:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container):hover .issuetype-icon.issuetype-epic, .list-mode .list-item:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container):hover .issuetype-icon.issuetype-documentation_request, .list-mode .list-item:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container):hover .issuetype-icon.issuetype-unknown, .list-mode .list-item:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container):hover .issuetype-icon.issuetype-, .list-mode .list-item:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container):hover .issuetype-icon.issuetype-task,
      .list-mode .list-item:hover:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container):hover .issuetype-icon.issuetype-bug_report,
      .list-mode .list-item:hover:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container):hover .issuetype-icon.issuetype-developer_report,
      .list-mode .list-item:hover:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container):hover .issuetype-icon.issuetype-feature_request,
      .list-mode .list-item:hover:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container):hover .issuetype-icon.issuetype-idea,
      .list-mode .list-item:hover:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container):hover .issuetype-icon.issuetype-enhancement,
      .list-mode .list-item:hover:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container):hover .issuetype-icon.issuetype-epic,
      .list-mode .list-item:hover:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container):hover .issuetype-icon.issuetype-documentation_request,
      .list-mode .list-item:hover:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container):hover .issuetype-icon.issuetype-unknown,
      .list-mode .list-item:hover:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container):hover .issuetype-icon.issuetype-,
      .list-mode .list-item:hover:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container):hover .issuetype-icon.issuetype-task, .list-mode[data-simplebar] .list-item:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container):hover .issuetype-icon.issuetype-bug_report, .list-mode[data-simplebar] .list-item:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container):hover .issuetype-icon.issuetype-developer_report, .list-mode[data-simplebar] .list-item:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container):hover .issuetype-icon.issuetype-feature_request, .list-mode[data-simplebar] .list-item:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container):hover .issuetype-icon.issuetype-idea, .list-mode[data-simplebar] .list-item:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container):hover .issuetype-icon.issuetype-enhancement, .list-mode[data-simplebar] .list-item:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container):hover .issuetype-icon.issuetype-epic, .list-mode[data-simplebar] .list-item:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container):hover .issuetype-icon.issuetype-documentation_request, .list-mode[data-simplebar] .list-item:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container):hover .issuetype-icon.issuetype-unknown, .list-mode[data-simplebar] .list-item:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container):hover .issuetype-icon.issuetype-, .list-mode[data-simplebar] .list-item:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container):hover .issuetype-icon.issuetype-task,
      .list-mode[data-simplebar] .list-item:hover:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container):hover .issuetype-icon.issuetype-bug_report,
      .list-mode[data-simplebar] .list-item:hover:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container):hover .issuetype-icon.issuetype-developer_report,
      .list-mode[data-simplebar] .list-item:hover:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container):hover .issuetype-icon.issuetype-feature_request,
      .list-mode[data-simplebar] .list-item:hover:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container):hover .issuetype-icon.issuetype-idea,
      .list-mode[data-simplebar] .list-item:hover:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container):hover .issuetype-icon.issuetype-enhancement,
      .list-mode[data-simplebar] .list-item:hover:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container):hover .issuetype-icon.issuetype-epic,
      .list-mode[data-simplebar] .list-item:hover:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container):hover .issuetype-icon.issuetype-documentation_request,
      .list-mode[data-simplebar] .list-item:hover:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container):hover .issuetype-icon.issuetype-unknown,
      .list-mode[data-simplebar] .list-item:hover:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container):hover .issuetype-icon.issuetype-,
      .list-mode[data-simplebar] .list-item:hover:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container):hover .issuetype-icon.issuetype-task {
        background-color: rgba(225, 225, 225, 0.2);
        color: #141823; }
    .list-mode .list-item.selected,
    .list-mode .list-item:hover.selected, .list-mode[data-simplebar] .list-item.selected,
    .list-mode[data-simplebar] .list-item:hover.selected {
      background-color: rgba(12, 216, 182, 0.1);
      color: #0cd8b6;
      border-left: 3px solid #0cd8b6;
      font-weight: 400; }
      .list-mode .list-item.selected:hover,
      .list-mode .list-item:hover.selected:hover, .list-mode[data-simplebar] .list-item.selected:hover,
      .list-mode[data-simplebar] .list-item:hover.selected:hover {
        color: #FFF; }
        .list-mode .list-item.selected:hover > .icon:not(.issuetype-icon),
        .list-mode .list-item.selected:hover > a .icon:not(.issuetype-icon),
        .list-mode .list-item:hover.selected:hover > .icon:not(.issuetype-icon),
        .list-mode .list-item:hover.selected:hover > a .icon:not(.issuetype-icon), .list-mode[data-simplebar] .list-item.selected:hover > .icon:not(.issuetype-icon),
        .list-mode[data-simplebar] .list-item.selected:hover > a .icon:not(.issuetype-icon),
        .list-mode[data-simplebar] .list-item:hover.selected:hover > .icon:not(.issuetype-icon),
        .list-mode[data-simplebar] .list-item:hover.selected:hover > a .icon:not(.issuetype-icon) {
          color: #141823; }
        .list-mode .list-item.selected:hover > .name,
        .list-mode .list-item.selected:hover > a .name,
        .list-mode .list-item:hover.selected:hover > .name,
        .list-mode .list-item:hover.selected:hover > a .name, .list-mode[data-simplebar] .list-item.selected:hover > .name,
        .list-mode[data-simplebar] .list-item.selected:hover > a .name,
        .list-mode[data-simplebar] .list-item:hover.selected:hover > .name,
        .list-mode[data-simplebar] .list-item:hover.selected:hover > a .name {
          color: #0cd8b6; }
      .list-mode .list-item.selected > .icon:not(.issuetype-icon),
      .list-mode .list-item.selected > a .icon:not(.issuetype-icon),
      .list-mode .list-item:hover.selected > .icon:not(.issuetype-icon),
      .list-mode .list-item:hover.selected > a .icon:not(.issuetype-icon), .list-mode[data-simplebar] .list-item.selected > .icon:not(.issuetype-icon),
      .list-mode[data-simplebar] .list-item.selected > a .icon:not(.issuetype-icon),
      .list-mode[data-simplebar] .list-item:hover.selected > .icon:not(.issuetype-icon),
      .list-mode[data-simplebar] .list-item:hover.selected > a .icon:not(.issuetype-icon) {
        color: #232323; }
      .list-mode .list-item.selected > .name,
      .list-mode .list-item.selected > a .name,
      .list-mode .list-item:hover.selected > .name,
      .list-mode .list-item:hover.selected > a .name, .list-mode[data-simplebar] .list-item.selected > .name,
      .list-mode[data-simplebar] .list-item.selected > a .name,
      .list-mode[data-simplebar] .list-item:hover.selected > .name,
      .list-mode[data-simplebar] .list-item:hover.selected > a .name {
        color: #232323;
        font-weight: 400; }
    .list-mode .list-item.multiline .icon:not(.time-tracking-icon),
    .list-mode .list-item:hover.multiline .icon:not(.time-tracking-icon), .list-mode[data-simplebar] .list-item.multiline .icon:not(.time-tracking-icon),
    .list-mode[data-simplebar] .list-item:hover.multiline .icon:not(.time-tracking-icon) {
      font-size: 1.2em; }
      .list-mode .list-item.multiline .icon:not(.time-tracking-icon).large + span.name,
      .list-mode .list-item:hover.multiline .icon:not(.time-tracking-icon).large + span.name, .list-mode[data-simplebar] .list-item.multiline .icon:not(.time-tracking-icon).large + span.name,
      .list-mode[data-simplebar] .list-item:hover.multiline .icon:not(.time-tracking-icon).large + span.name {
        padding-left: .5em; }
    .list-mode .list-item.multiline span.name,
    .list-mode .list-item:hover.multiline span.name, .list-mode[data-simplebar] .list-item.multiline span.name,
    .list-mode[data-simplebar] .list-item:hover.multiline span.name {
      flex: 1 1 auto;
      display: flex;
      flex-direction: column;
      font-size: 1em; }
      .list-mode .list-item.multiline span.name .title,
      .list-mode .list-item:hover.multiline span.name .title, .list-mode[data-simplebar] .list-item.multiline span.name .title,
      .list-mode[data-simplebar] .list-item:hover.multiline span.name .title {
        font-weight: 500;
        white-space: normal;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start; }
        .list-mode .list-item.multiline span.name .title .separator,
        .list-mode .list-item:hover.multiline span.name .title .separator, .list-mode[data-simplebar] .list-item.multiline span.name .title .separator,
        .list-mode[data-simplebar] .list-item:hover.multiline span.name .title .separator {
          flex: 0 0 auto;
          padding: 0 .5em;
          margin: 0;
          font-size: 0.8em;
          border-bottom: none; }
      .list-mode .list-item.multiline span.name .description,
      .list-mode .list-item:hover.multiline span.name .description, .list-mode[data-simplebar] .list-item.multiline span.name .description,
      .list-mode[data-simplebar] .list-item:hover.multiline span.name .description {
        display: flex;
        text-align: left;
        align-items: center;
        justify-content: flex-start; }
        .list-mode .list-item.multiline span.name .description span,
        .list-mode .list-item.multiline span.name .description .button,
        .list-mode .list-item:hover.multiline span.name .description span,
        .list-mode .list-item:hover.multiline span.name .description .button, .list-mode[data-simplebar] .list-item.multiline span.name .description span,
        .list-mode[data-simplebar] .list-item.multiline span.name .description .button,
        .list-mode[data-simplebar] .list-item:hover.multiline span.name .description span,
        .list-mode[data-simplebar] .list-item:hover.multiline span.name .description .button {
          display: inline-flex; }
    .list-mode .list-item.multiline .information,
    .list-mode .list-item:hover.multiline .information, .list-mode[data-simplebar] .list-item.multiline .information,
    .list-mode[data-simplebar] .list-item:hover.multiline .information {
      flex: 0 0 auto;
      display: flex;
      flex-direction: column;
      font-size: 1em;
      align-items: flex-start;
      justify-content: center; }
      .list-mode .list-item.multiline .information:last-child,
      .list-mode .list-item:hover.multiline .information:last-child, .list-mode[data-simplebar] .list-item.multiline .information:last-child,
      .list-mode[data-simplebar] .list-item:hover.multiline .information:last-child {
        align-items: flex-end; }
      .list-mode .list-item.multiline .information .row,
      .list-mode .list-item:hover.multiline .information .row, .list-mode[data-simplebar] .list-item.multiline .information .row,
      .list-mode[data-simplebar] .list-item:hover.multiline .information .row {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start; }
        .list-mode .list-item.multiline .information .row + .row,
        .list-mode .list-item:hover.multiline .information .row + .row, .list-mode[data-simplebar] .list-item.multiline .information .row + .row,
        .list-mode[data-simplebar] .list-item:hover.multiline .information .row + .row {
          margin-top: .15em; }
        .list-mode .list-item.multiline .information .row .item,
        .list-mode .list-item:hover.multiline .information .row .item, .list-mode[data-simplebar] .list-item.multiline .information .row .item,
        .list-mode[data-simplebar] .list-item:hover.multiline .information .row .item {
          display: flex;
          flex-direction: row;
          align-items: center;
          justify-content: flex-start;
          padding: .25em .6em;
          border-radius: 4px;
          background-color: rgba(225, 225, 225, 0.3);
          color: #676767; }
          .list-mode .list-item.multiline .information .row .item .icon,
          .list-mode .list-item:hover.multiline .information .row .item .icon, .list-mode[data-simplebar] .list-item.multiline .information .row .item .icon,
          .list-mode[data-simplebar] .list-item:hover.multiline .information .row .item .icon {
            padding: 0;
            margin: 0;
            flex: 0 0 auto; }
            .list-mode .list-item.multiline .information .row .item .icon + span,
            .list-mode .list-item:hover.multiline .information .row .item .icon + span, .list-mode[data-simplebar] .list-item.multiline .information .row .item .icon + span,
            .list-mode[data-simplebar] .list-item:hover.multiline .information .row .item .icon + span {
              margin-left: .25em; }
          .list-mode .list-item.multiline .information .row .item + .item,
          .list-mode .list-item:hover.multiline .information .row .item + .item, .list-mode[data-simplebar] .list-item.multiline .information .row .item + .item,
          .list-mode[data-simplebar] .list-item:hover.multiline .information .row .item + .item {
            margin-left: .25em; }
    .list-mode .list-item.with-pop-out,
    .list-mode .list-item:hover.with-pop-out, .list-mode[data-simplebar] .list-item.with-pop-out,
    .list-mode[data-simplebar] .list-item:hover.with-pop-out {
      padding-right: 0; }
    .list-mode .list-item.expandable,
    .list-mode .list-item:hover.expandable, .list-mode[data-simplebar] .list-item.expandable,
    .list-mode[data-simplebar] .list-item:hover.expandable {
      padding-right: 0; }
      .list-mode .list-item.expandable.expanded.selected,
      .list-mode .list-item:hover.expandable.expanded.selected, .list-mode[data-simplebar] .list-item.expandable.expanded.selected,
      .list-mode[data-simplebar] .list-item:hover.expandable.expanded.selected {
        background-color: transparent;
        border-color: #0cd8b6; }
        .list-mode .list-item.expandable.expanded.selected .name,
        .list-mode .list-item:hover.expandable.expanded.selected .name, .list-mode[data-simplebar] .list-item.expandable.expanded.selected .name,
        .list-mode[data-simplebar] .list-item:hover.expandable.expanded.selected .name {
          color: #0cd8b6;
          font-weight: 500; }
        .list-mode .list-item.expandable.expanded.selected .icon,
        .list-mode .list-item:hover.expandable.expanded.selected .icon, .list-mode[data-simplebar] .list-item.expandable.expanded.selected .icon,
        .list-mode[data-simplebar] .list-item:hover.expandable.expanded.selected .icon {
          color: #0cd8b6; }
    .list-mode .list-item.faq,
    .list-mode .list-item:hover.faq, .list-mode[data-simplebar] .list-item.faq,
    .list-mode[data-simplebar] .list-item:hover.faq {
      font-size: 1.05em; }
    .list-mode .list-item .name,
    .list-mode .list-item:hover .name, .list-mode[data-simplebar] .list-item .name,
    .list-mode[data-simplebar] .list-item:hover .name {
      flex: 1 1 auto;
      align-self: center;
      padding: 7px 0;
      font-weight: 300;
      font-size: 1em;
      white-space: normal;
      overflow: hidden; }
    .list-mode .list-item .indicator,
    .list-mode .list-item .icon.indicator,
    .list-mode .list-item:hover .indicator,
    .list-mode .list-item:hover .icon.indicator, .list-mode[data-simplebar] .list-item .indicator,
    .list-mode[data-simplebar] .list-item .icon.indicator,
    .list-mode[data-simplebar] .list-item:hover .indicator,
    .list-mode[data-simplebar] .list-item:hover .icon.indicator {
      display: none;
      flex: 0 0 auto;
      text-align: center; }
    .list-mode .list-item.filter-container, .list-mode .list-item.text-input-container,
    .list-mode .list-item:hover.filter-container,
    .list-mode .list-item:hover.text-input-container, .list-mode[data-simplebar] .list-item.filter-container, .list-mode[data-simplebar] .list-item.text-input-container,
    .list-mode[data-simplebar] .list-item:hover.filter-container,
    .list-mode[data-simplebar] .list-item:hover.text-input-container {
      border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
      margin-bottom: 7px;
      padding-bottom: 7px;
      padding-left: 0;
      border-radius: 0; }
      .list-mode .list-item.filter-container:hover, .list-mode .list-item.text-input-container:hover,
      .list-mode .list-item:hover.filter-container:hover,
      .list-mode .list-item:hover.text-input-container:hover, .list-mode[data-simplebar] .list-item.filter-container:hover, .list-mode[data-simplebar] .list-item.text-input-container:hover,
      .list-mode[data-simplebar] .list-item:hover.filter-container:hover,
      .list-mode[data-simplebar] .list-item:hover.text-input-container:hover {
        background: transparent; }
      .list-mode .list-item.filter-container input[type=text],
      .list-mode .list-item.filter-container input[type=search], .list-mode .list-item.text-input-container input[type=text],
      .list-mode .list-item.text-input-container input[type=search],
      .list-mode .list-item:hover.filter-container input[type=text],
      .list-mode .list-item:hover.filter-container input[type=search],
      .list-mode .list-item:hover.text-input-container input[type=text],
      .list-mode .list-item:hover.text-input-container input[type=search], .list-mode[data-simplebar] .list-item.filter-container input[type=text],
      .list-mode[data-simplebar] .list-item.filter-container input[type=search], .list-mode[data-simplebar] .list-item.text-input-container input[type=text],
      .list-mode[data-simplebar] .list-item.text-input-container input[type=search],
      .list-mode[data-simplebar] .list-item:hover.filter-container input[type=text],
      .list-mode[data-simplebar] .list-item:hover.filter-container input[type=search],
      .list-mode[data-simplebar] .list-item:hover.text-input-container input[type=text],
      .list-mode[data-simplebar] .list-item:hover.text-input-container input[type=search] {
        border: none;
        background: rgba(200, 200, 200, 0.1);
        padding: .45em .75em;
        border-radius: 4px;
        color: #141823;
        flex: 1 1 auto; }
        .list-mode .list-item.filter-container input[type=text].filtering + .indicator,
        .list-mode .list-item.filter-container input[type=search].filtering + .indicator, .list-mode .list-item.text-input-container input[type=text].filtering + .indicator,
        .list-mode .list-item.text-input-container input[type=search].filtering + .indicator,
        .list-mode .list-item:hover.filter-container input[type=text].filtering + .indicator,
        .list-mode .list-item:hover.filter-container input[type=search].filtering + .indicator,
        .list-mode .list-item:hover.text-input-container input[type=text].filtering + .indicator,
        .list-mode .list-item:hover.text-input-container input[type=search].filtering + .indicator, .list-mode[data-simplebar] .list-item.filter-container input[type=text].filtering + .indicator,
        .list-mode[data-simplebar] .list-item.filter-container input[type=search].filtering + .indicator, .list-mode[data-simplebar] .list-item.text-input-container input[type=text].filtering + .indicator,
        .list-mode[data-simplebar] .list-item.text-input-container input[type=search].filtering + .indicator,
        .list-mode[data-simplebar] .list-item:hover.filter-container input[type=text].filtering + .indicator,
        .list-mode[data-simplebar] .list-item:hover.filter-container input[type=search].filtering + .indicator,
        .list-mode[data-simplebar] .list-item:hover.text-input-container input[type=text].filtering + .indicator,
        .list-mode[data-simplebar] .list-item:hover.text-input-container input[type=search].filtering + .indicator {
          display: inline-block; }
    .list-mode .list-item.submitting .indicator,
    .list-mode .list-item:hover.submitting .indicator, .list-mode[data-simplebar] .list-item.submitting .indicator,
    .list-mode[data-simplebar] .list-item:hover.submitting .indicator {
      display: inline-block; }
    .list-mode .list-item.separator, .list-mode .list-item.separator:hover,
    .list-mode .list-item:hover.separator,
    .list-mode .list-item:hover.separator:hover, .list-mode[data-simplebar] .list-item.separator, .list-mode[data-simplebar] .list-item.separator:hover,
    .list-mode[data-simplebar] .list-item:hover.separator,
    .list-mode[data-simplebar] .list-item:hover.separator:hover {
      padding: 2px 0 0 0;
      margin: 0 10px 7px 10px;
      border-bottom: 1px solid rgba(100, 100, 100, 0.2);
      background-color: transparent;
      cursor: default;
      border-radius: 0;
      flex: 0 0 1px; }
    .list-mode .list-item .icon,
    .list-mode .list-item:hover .icon, .list-mode[data-simplebar] .list-item .icon,
    .list-mode[data-simplebar] .list-item:hover .icon {
      flex: 0 0 35px;
      align-self: center;
      text-align: center;
      align-items: center;
      justify-content: center;
      flex-direction: row;
      box-sizing: border-box; }
      .list-mode .list-item .icon:not(.issuetype-icon):not(.time-tracking-icon):not(:first-child),
      .list-mode .list-item:hover .icon:not(.issuetype-icon):not(.time-tracking-icon):not(:first-child), .list-mode[data-simplebar] .list-item .icon:not(.issuetype-icon):not(.time-tracking-icon):not(:first-child),
      .list-mode[data-simplebar] .list-item:hover .icon:not(.issuetype-icon):not(.time-tracking-icon):not(:first-child) {
        padding: .25em .15em;
        flex: 0 0 30px; }
      .list-mode .list-item .icon.issuetype-icon,
      .list-mode .list-item:hover .icon.issuetype-icon, .list-mode[data-simplebar] .list-item .icon.issuetype-icon,
      .list-mode[data-simplebar] .list-item:hover .icon.issuetype-icon {
        flex: 0 0 2.5em;
        padding: .65em; }
      .list-mode .list-item .icon.large,
      .list-mode .list-item:hover .icon.large, .list-mode[data-simplebar] .list-item .icon.large,
      .list-mode[data-simplebar] .list-item:hover .icon.large {
        flex: 0 0 36px;
        display: flex; }
      .list-mode .list-item .icon img:not(.avatar),
      .list-mode .list-item:hover .icon img:not(.avatar), .list-mode[data-simplebar] .list-item .icon img:not(.avatar),
      .list-mode[data-simplebar] .list-item:hover .icon img:not(.avatar) {
        width: 100%; }
      .list-mode .list-item .icon:not(.issuetype-icon),
      .list-mode .list-item:hover .icon:not(.issuetype-icon), .list-mode[data-simplebar] .list-item .icon:not(.issuetype-icon),
      .list-mode[data-simplebar] .list-item:hover .icon:not(.issuetype-icon) {
        color: inherit; }
    .list-mode .list-item > a,
    .list-mode .list-item > a:hover,
    .list-mode .list-item:hover > a,
    .list-mode .list-item:hover > a:hover, .list-mode[data-simplebar] .list-item > a,
    .list-mode[data-simplebar] .list-item > a:hover,
    .list-mode[data-simplebar] .list-item:hover > a,
    .list-mode[data-simplebar] .list-item:hover > a:hover {
      color: inherit;
      border: none;
      display: flex;
      align-items: center; }
      .list-mode .list-item > a:not(.icon),
      .list-mode .list-item > a:hover:not(.icon),
      .list-mode .list-item:hover > a:not(.icon),
      .list-mode .list-item:hover > a:hover:not(.icon), .list-mode[data-simplebar] .list-item > a:not(.icon),
      .list-mode[data-simplebar] .list-item > a:hover:not(.icon),
      .list-mode[data-simplebar] .list-item:hover > a:not(.icon),
      .list-mode[data-simplebar] .list-item:hover > a:hover:not(.icon) {
        flex: 1 1 auto; }
      .list-mode .list-item > a .fas.icon,
      .list-mode .list-item > a .far.icon,
      .list-mode .list-item > a:hover .fas.icon,
      .list-mode .list-item > a:hover .far.icon,
      .list-mode .list-item:hover > a .fas.icon,
      .list-mode .list-item:hover > a .far.icon,
      .list-mode .list-item:hover > a:hover .fas.icon,
      .list-mode .list-item:hover > a:hover .far.icon, .list-mode[data-simplebar] .list-item > a .fas.icon,
      .list-mode[data-simplebar] .list-item > a .far.icon,
      .list-mode[data-simplebar] .list-item > a:hover .fas.icon,
      .list-mode[data-simplebar] .list-item > a:hover .far.icon,
      .list-mode[data-simplebar] .list-item:hover > a .fas.icon,
      .list-mode[data-simplebar] .list-item:hover > a .far.icon,
      .list-mode[data-simplebar] .list-item:hover > a:hover .fas.icon,
      .list-mode[data-simplebar] .list-item:hover > a:hover .far.icon {
        margin-right: 0; }
    .list-mode .list-item .button-group, .list-mode .list-item .button-group:hover,
    .list-mode .list-item:hover .button-group,
    .list-mode .list-item:hover .button-group:hover, .list-mode[data-simplebar] .list-item .button-group, .list-mode[data-simplebar] .list-item .button-group:hover,
    .list-mode[data-simplebar] .list-item:hover .button-group,
    .list-mode[data-simplebar] .list-item:hover .button-group:hover {
      padding: .25em; }
  .list-mode .fancy-checkbox:checked + .list-item:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.filter-container):hover, .list-mode[data-simplebar] .fancy-checkbox:checked + .list-item:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.filter-container):hover {
    background-color: #0cd8b6;
    color: #FFF; }

.submenu {
  box-sizing: border-box; }
  .submenu.columns {
    box-sizing: border-box;
    flex-direction: row; }
    .submenu.columns.three-columns .column {
      flex: 1 1 33%; }
    .submenu.columns.two-columns .column {
      flex: 1 1 50%; }

.filtered .list-item:not(.sticky):not(.separator):not(.filter-container) {
  display: none; }
  .filtered .list-item:not(.sticky):not(.separator):not(.filter-container).separator, .filtered .list-item:not(.sticky):not(.separator):not(.filter-container).hidden {
    display: none; }
  .filtered .list-item:not(.sticky):not(.separator):not(.filter-container).visible {
    display: flex; }
  .filtered .list-item:not(.sticky):not(.separator):not(.filter-container).highlighted {
    color: #0cd8b6; }

.submenu {
  border: none; }

.expandable .expander, .expandable .expander:hover {
  transform: rotate(0);
  cursor: pointer;
  padding: .3em .5em;
  border-radius: 4px;
  margin-left: 0; }

.expandable + .submenu {
  display: none; }

.expandable + .expandable-menu {
  display: none; }

.expandable.expanded:not(button) .expander {
  transform: rotate(180deg);
  padding: .3em .5em;
  border-radius: 4px; }

.expandable.expanded + .expandable-menu {
  display: flex;
  flex-direction: column; }

.expandable.expanded + .submenu {
  display: flex;
  padding: 0 0 0 .75em;
  border: none;
  flex-direction: column; }

.collapsed {
  overflow: visible; }
  .collapsed .expandable.expanded + .submenu {
    display: none; }
  .collapsed .expandable .expander {
    display: none; }
  .collapsed .onboarding {
    display: none; }
  .collapsed > .list-mode {
    min-width: 0; }
    .collapsed > .list-mode > .header, .collapsed > .list-mode > .header:hover {
      margin: 0 .5em .5em .5em;
      padding: .5em 0 0 0;
      border-bottom: 1px solid rgba(100, 100, 100, 0.2); }
    .collapsed > .list-mode > .header .name {
      display: none; }
    .collapsed > .list-mode > .list-item, .collapsed > .list-mode > .list-item:hover {
      justify-content: center;
      padding: 0;
      font-size: 1em;
      min-width: 0; }
    .collapsed > .list-mode > .list-item > .icon:first-child,
    .collapsed > .list-mode > .list-item > a > .icon:first-child {
      padding: .75em .5em;
      flex: 1 1 auto;
      margin: 0; }
      .collapsed > .list-mode > .list-item > .icon:first-child:hover + .name,
      .collapsed > .list-mode > .list-item > a > .icon:first-child:hover + .name {
        opacity: 1;
        transform: scaleX(1); }
    .collapsed > .list-mode > .list-item > .icon:not(:first-child) {
      display: none; }
    .collapsed > .list-mode > .list-item > .name,
    .collapsed > .list-mode > .list-item > a .name {
      transition: opacity .2s ease-in-out, transform .2s ease-in-out;
      opacity: 0;
      transform: scaleX(0);
      transform-origin: left;
      position: absolute;
      left: 4em;
      background-color: #FFF;
      padding: .35em .75em;
      border-radius: .2em;
      box-shadow: rgba(9, 30, 66, 0.25) 0 1px 1px, rgba(9, 30, 66, 0.31) 0 0 1px;
      white-space: nowrap; }
    .collapsed > .list-mode > .list-item > .dropper-container {
      border-bottom: none;
      text-decoration: none; }
      .collapsed > .list-mode > .list-item > .dropper-container .list-item {
        justify-content: flex-start;
        padding: 0 7px;
        font-size: .95em; }
        .collapsed > .list-mode > .list-item > .dropper-container .list-item .icon:first-child,
        .collapsed > .list-mode > .list-item > .dropper-container .list-item .icon:not(:first-child) {
          display: flex;
          flex: 0 0 24px; }
        .collapsed > .list-mode > .list-item > .dropper-container .list-item .name {
          display: flex; }

.list-mode .header,
.list-mode .header:hover, .submenu .header,
.submenu .header:hover {
  color: #ABABAB;
  font-size: 1em;
  font-weight: 500;
  padding: 1.5em 0 .5em 1.25em;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: stretch; }
  .list-mode .header span,
  .list-mode .header:hover span, .submenu .header span,
  .submenu .header:hover span {
    flex: 1 1 auto; }
  .list-mode .header .icon,
  .list-mode .header:hover .icon, .submenu .header .icon,
  .submenu .header:hover .icon {
    color: #ABABAB;
    flex: 0 0 auto;
    margin: 0 .35em;
    align-self: center;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center; }
    .list-mode .header .icon:not(.expander),
    .list-mode .header:hover .icon:not(.expander), .submenu .header .icon:not(.expander),
    .submenu .header:hover .icon:not(.expander) {
      padding: .35em; }
    .list-mode .header .icon, .list-mode .header .icon:hover,
    .list-mode .header:hover .icon,
    .list-mode .header:hover .icon:hover, .submenu .header .icon, .submenu .header .icon:hover,
    .submenu .header:hover .icon,
    .submenu .header:hover .icon:hover {
      text-decoration: none;
      border: none; }
    .list-mode .header .icon:not(.issuetype-icon),
    .list-mode .header:hover .icon:not(.issuetype-icon), .submenu .header .icon:not(.issuetype-icon),
    .submenu .header:hover .icon:not(.issuetype-icon) {
      color: #ABABAB; }
  .list-mode .header .name ~ .icon,
  .list-mode .header:hover .name ~ .icon, .submenu .header .name ~ .icon,
  .submenu .header:hover .name ~ .icon {
    margin-left: 0; }
  .list-mode .header .dropper-container,
  .list-mode .header .link-container, .list-mode .header.hover,
  .list-mode .header:hover .dropper-container,
  .list-mode .header:hover .link-container,
  .list-mode .header:hover.hover, .submenu .header .dropper-container,
  .submenu .header .link-container, .submenu .header.hover,
  .submenu .header:hover .dropper-container,
  .submenu .header:hover .link-container,
  .submenu .header:hover.hover {
    flex: 0 0 auto;
    margin-right: 1rem;
    border: none; }
    .list-mode .header .dropper-container .dropper,
    .list-mode .header .dropper-container .link,
    .list-mode .header .link-container .dropper,
    .list-mode .header .link-container .link, .list-mode .header.hover .dropper,
    .list-mode .header.hover .link,
    .list-mode .header:hover .dropper-container .dropper,
    .list-mode .header:hover .dropper-container .link,
    .list-mode .header:hover .link-container .dropper,
    .list-mode .header:hover .link-container .link,
    .list-mode .header:hover.hover .dropper,
    .list-mode .header:hover.hover .link, .submenu .header .dropper-container .dropper,
    .submenu .header .dropper-container .link,
    .submenu .header .link-container .dropper,
    .submenu .header .link-container .link, .submenu .header.hover .dropper,
    .submenu .header.hover .link,
    .submenu .header:hover .dropper-container .dropper,
    .submenu .header:hover .dropper-container .link,
    .submenu .header:hover .link-container .dropper,
    .submenu .header:hover .link-container .link,
    .submenu .header:hover.hover .dropper,
    .submenu .header:hover.hover .link {
      flex: 0 0 25px;
      padding: .35rem;
      box-sizing: border-box; }
      .list-mode .header .dropper-container .dropper.active,
      .list-mode .header .dropper-container .link.active,
      .list-mode .header .link-container .dropper.active,
      .list-mode .header .link-container .link.active, .list-mode .header.hover .dropper.active,
      .list-mode .header.hover .link.active,
      .list-mode .header:hover .dropper-container .dropper.active,
      .list-mode .header:hover .dropper-container .link.active,
      .list-mode .header:hover .link-container .dropper.active,
      .list-mode .header:hover .link-container .link.active,
      .list-mode .header:hover.hover .dropper.active,
      .list-mode .header:hover.hover .link.active, .submenu .header .dropper-container .dropper.active,
      .submenu .header .dropper-container .link.active,
      .submenu .header .link-container .dropper.active,
      .submenu .header .link-container .link.active, .submenu .header.hover .dropper.active,
      .submenu .header.hover .link.active,
      .submenu .header:hover .dropper-container .dropper.active,
      .submenu .header:hover .dropper-container .link.active,
      .submenu .header:hover .link-container .dropper.active,
      .submenu .header:hover .link-container .link.active,
      .submenu .header:hover.hover .dropper.active,
      .submenu .header:hover.hover .link.active {
        border-radius: 4px;
        background-color: rgba(100, 100, 100, 0.1); }

.list-mode .form-container .form-row, .submenu .form-container .form-row {
  padding: 0; }
  .list-mode .form-container .form-row.add-placeholder .icon, .submenu .form-container .form-row.add-placeholder .icon {
    padding-right: .35em;
    flex: 0 0 30px; }
    .list-mode .form-container .form-row.add-placeholder .icon + input[type=text], .submenu .form-container .form-row.add-placeholder .icon + input[type=text] {
      margin-left: 0; }

/* paginator */
.paginator {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  padding: .35rem;
  justify-content: center;
  width: 100%;
  flex: 0 0 auto;
  box-sizing: border-box; }
  .paginator .prev-buttons,
  .paginator .next-buttons {
    flex: 0 0 100px;
    align-items: center;
    display: flex; }
  .paginator .prev-buttons {
    justify-content: flex-end; }
  .paginator .next-buttons {
    justify-content: flex-start; }
  .paginator .page-buttons {
    max-width: 90%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1 1 auto;
    flex-wrap: wrap; }
    .paginator .page-buttons .highlight {
      border: 1px solid #00adc7; }

.percent_filled {
  background-color: #0cd8b6;
  display: inline-block;
  height: 6px;
  transition: width .25s ease-in-out; }

.percent_unfilled {
  background-color: rgba(12, 216, 182, 0.4);
  border-radius: 3px;
  overflow: hidden; }

.fields-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column; }
  .fields-list > li {
    display: flex;
    align-items: center;
    position: relative;
    flex-direction: row; }
    .fields-list > li.header, .fields-list > li.header:hover {
      font-weight: 500;
      font-size: 1.1em;
      padding: .5em; }
      .fields-list > li.header:not(:first-child), .fields-list > li.header:hover:not(:first-child) {
        margin-top: 1em; }
      .fields-list > li.header span, .fields-list > li.header:hover span {
        flex: 1 1 auto; }
      .fields-list > li.header .count-badge, .fields-list > li.header:hover .count-badge {
        flex: 0 0 auto; }
    .fields-list > li .fancy-dropdown-container .fancy-dropdown {
      background-color: transparent; }
      .fields-list > li .fancy-dropdown-container .fancy-dropdown:hover {
        background-color: rgba(200, 200, 200, 0.1); }
      .fields-list > li .fancy-dropdown-container .fancy-dropdown > label {
        font-weight: 500;
        flex: 0 1 140px;
        text-transform: none;
        color: #141823; }
    .fields-list > li > .label {
      font-weight: 500;
      flex: 0 1 140px;
      padding: .5em 1em; }
    .fields-list > li > .value {
      flex: 1 1 auto;
      font-weight: 400;
      display: flex; }
      .fields-list > li > .value.disabled {
        color: #676767;
        padding: .5em 1em; }
      .fields-list > li > .value.list {
        flex-direction: column;
        align-items: flex-start;
        padding: .5em 1em; }
      .fields-list > li > .value .value-container {
        display: flex;
        flex-direction: row;
        width: 100%;
        align-items: center;
        justify-content: stretch;
        border-radius: 4px;
        border: 1px solid transparent;
        transition: background-color .25s ease-in-out, border .25s ease-in-out;
        padding: .35em 0; }
        .fields-list > li > .value .value-container.dropper {
          padding: .6em; }
          .fields-list > li > .value .value-container.dropper .dropdown-indicator {
            opacity: 0;
            color: #646464;
            transition: opacity .25s ease-in-out; }
          .fields-list > li > .value .value-container.dropper:hover, .fields-list > li > .value .value-container.dropper.active {
            border-color: rgba(200, 200, 200, 0.3); }
            .fields-list > li > .value .value-container.dropper:hover .dropdown-indicator, .fields-list > li > .value .value-container.dropper.active .dropdown-indicator {
              opacity: 1; }
        .fields-list > li > .value .value-container span {
          flex: 1 1 auto; }
        .fields-list > li > .value .value-container .dropdown-indicator {
          flex: 0 0 24; }

.slider-container {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1 1 100%;
  margin: 20px 0;
  height: 20px; }
  .slider-container .slider {
    flex: 1 1 auto;
    height: 10px;
    margin: 0 0 15px 0;
    padding: 0;
    border: 0;
    border-bottom: 1px solid rgba(100, 100, 100, 0.2); }
    .slider-container .slider .ui-slider-handle {
      width: 15px;
      height: 25px;
      border: none;
      border-radius: 4px;
      background-color: whitesmoke;
      cursor: move;
      position: absolute;
      margin-top: -5px; }
  .slider-container .value {
    flex: 1 1 auto;
    font-size: 2em;
    font-weight: 500;
    color: #CCC;
    padding: 15px;
    text-align: right;
    justify-content: flex-end; }

.tooltip-container {
  position: relative;
  overflow: visible; }
  .tooltip-container .tooltip {
    display: block;
    position: absolute;
    bottom: 35px;
    left: 0;
    text-align: left;
    font-size: .8rem;
    color: #FFF;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
    box-sizing: border-box;
    border-radius: 5px;
    background-color: rgba(0, 0, 0, 0.9);
    transform-origin: top;
    transform: scaleY(0);
    transition: opacity .3s ease .5s, transform .3s ease .5s;
    overflow: visible;
    white-space: normal;
    width: 350px;
    height: auto;
    padding: 10px;
    z-index: 200000;
    text-transform: none;
    font-weight: 500; }
    .tooltip-container .tooltip .count-badge {
      display: inline-flex;
      background: rgba(255, 255, 255, 0.8);
      color: #232323;
      font-size: 1em; }
    .tooltip-container .tooltip.from-above {
      bottom: auto;
      top: 35px; }
    .tooltip-container .tooltip.from-right {
      left: auto;
      right: 0; }
    .tooltip-container .tooltip.from-left {
      left: 0;
      right: auto; }
    .tooltip-container .tooltip.big {
      width: 450px; }

*:hover > .tooltip, *:active > .tooltip, input:focus + .tooltip {
  opacity: 1;
  transform: scaleY(1);
  z-index: 999999; }

.rotate-90 {
  transform: rotate(-90deg); }

.form-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  font-size: .85rem;
  flex: 1 1 100%; }
  .form-container.hidden {
    display: none; }
  .form-container form,
  .form-container .form {
    height: 100%;
    flex: 1 1 auto;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    flex-direction: column;
    align-items: stretch; }
    .form-container form .submit-indicator,
    .form-container .form .submit-indicator {
      opacity: 0;
      transition: opacity .25s ease-in-out; }
    .form-container form.hidden,
    .form-container .form.hidden {
      display: none; }
    .form-container form.submitting.form-row > input[type=text].invisible,
    .form-container form.submitting.form-row > input[type=password].invisible,
    .form-container form.submitting.form-row > input[type=email].invisible,
    .form-container form.submitting.form-row > input[type=search].invisible,
    .form-container form.submitting.form-row > input[type=url].invisible,
    .form-container form.submitting.form-row > input[type=password].invisible,
    .form-container form.submitting.form-row > .input.invisible,
    .form-container form.submitting .form-row > input[type=text].invisible,
    .form-container form.submitting .form-row > input[type=password].invisible,
    .form-container form.submitting .form-row > input[type=email].invisible,
    .form-container form.submitting .form-row > input[type=search].invisible,
    .form-container form.submitting .form-row > input[type=url].invisible,
    .form-container form.submitting .form-row > input[type=password].invisible,
    .form-container form.submitting .form-row > .input.invisible,
    .form-container .form.submitting.form-row > input[type=text].invisible,
    .form-container .form.submitting.form-row > input[type=password].invisible,
    .form-container .form.submitting.form-row > input[type=email].invisible,
    .form-container .form.submitting.form-row > input[type=search].invisible,
    .form-container .form.submitting.form-row > input[type=url].invisible,
    .form-container .form.submitting.form-row > input[type=password].invisible,
    .form-container .form.submitting.form-row > .input.invisible,
    .form-container .form.submitting .form-row > input[type=text].invisible,
    .form-container .form.submitting .form-row > input[type=password].invisible,
    .form-container .form.submitting .form-row > input[type=email].invisible,
    .form-container .form.submitting .form-row > input[type=search].invisible,
    .form-container .form.submitting .form-row > input[type=url].invisible,
    .form-container .form.submitting .form-row > input[type=password].invisible,
    .form-container .form.submitting .form-row > .input.invisible {
      border: 1px dashed #0c8990; }
      .form-container form.submitting.form-row > input[type=text].invisible + label,
      .form-container form.submitting.form-row > input[type=password].invisible + label,
      .form-container form.submitting.form-row > input[type=email].invisible + label,
      .form-container form.submitting.form-row > input[type=search].invisible + label,
      .form-container form.submitting.form-row > input[type=url].invisible + label,
      .form-container form.submitting.form-row > input[type=password].invisible + label,
      .form-container form.submitting.form-row > .input.invisible + label,
      .form-container form.submitting .form-row > input[type=text].invisible + label,
      .form-container form.submitting .form-row > input[type=password].invisible + label,
      .form-container form.submitting .form-row > input[type=email].invisible + label,
      .form-container form.submitting .form-row > input[type=search].invisible + label,
      .form-container form.submitting .form-row > input[type=url].invisible + label,
      .form-container form.submitting .form-row > input[type=password].invisible + label,
      .form-container form.submitting .form-row > .input.invisible + label,
      .form-container .form.submitting.form-row > input[type=text].invisible + label,
      .form-container .form.submitting.form-row > input[type=password].invisible + label,
      .form-container .form.submitting.form-row > input[type=email].invisible + label,
      .form-container .form.submitting.form-row > input[type=search].invisible + label,
      .form-container .form.submitting.form-row > input[type=url].invisible + label,
      .form-container .form.submitting.form-row > input[type=password].invisible + label,
      .form-container .form.submitting.form-row > .input.invisible + label,
      .form-container .form.submitting .form-row > input[type=text].invisible + label,
      .form-container .form.submitting .form-row > input[type=password].invisible + label,
      .form-container .form.submitting .form-row > input[type=email].invisible + label,
      .form-container .form.submitting .form-row > input[type=search].invisible + label,
      .form-container .form.submitting .form-row > input[type=url].invisible + label,
      .form-container .form.submitting .form-row > input[type=password].invisible + label,
      .form-container .form.submitting .form-row > .input.invisible + label {
        opacity: 0;
        transform: translateY(0); }
    .form-container form.submitting .submit-indicator,
    .form-container .form.submitting .submit-indicator {
      opacity: 1; }
  .form-container .measure {
    display: none; }
  .form-container > .row,
  .form-container .form > .row,
  .form-container form > .row {
    flex-direction: row;
    flex: 0 0 auto;
    display: flex;
    align-items: stretch;
    justify-content: flex-start; }
    .form-container > .row.hidden,
    .form-container .form > .row.hidden,
    .form-container form > .row.hidden {
      display: none; }
    .form-container > .row.centered,
    .form-container .form > .row.centered,
    .form-container form > .row.centered {
      align-items: center;
      justify-content: center; }
    .form-container > .row.aligned .column + .column .form-row,
    .form-container .form > .row.aligned .column + .column .form-row,
    .form-container form > .row.aligned .column + .column .form-row {
      justify-content: center; }
      .form-container > .row.aligned .column + .column .form-row label,
      .form-container .form > .row.aligned .column + .column .form-row label,
      .form-container form > .row.aligned .column + .column .form-row label {
        text-align: center;
        justify-content: center; }
      .form-container > .row.aligned .column + .column .form-row .helper-text,
      .form-container .form > .row.aligned .column + .column .form-row .helper-text,
      .form-container form > .row.aligned .column + .column .form-row .helper-text {
        text-align: center;
        justify-content: center; }
    .form-container > .row.aligned .column:last-child .form-row,
    .form-container .form > .row.aligned .column:last-child .form-row,
    .form-container form > .row.aligned .column:last-child .form-row {
      justify-content: flex-end; }
      .form-container > .row.aligned .column:last-child .form-row label,
      .form-container .form > .row.aligned .column:last-child .form-row label,
      .form-container form > .row.aligned .column:last-child .form-row label {
        text-align: end;
        justify-content: flex-end; }
      .form-container > .row.aligned .column:last-child .form-row .helper-text,
      .form-container .form > .row.aligned .column:last-child .form-row .helper-text,
      .form-container form > .row.aligned .column:last-child .form-row .helper-text {
        text-align: end;
        justify-content: flex-end; }
  .form-container > .column,
  .form-container > .row > .column,
  .form-container form > .column,
  .form-container form > .row > .column,
  .form-container .form > .column,
  .form-container .form > .row > .column {
    flex: 1 1 50%;
    max-width: 50%;
    min-width: 30%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
    justify-content: flex-start; }
    .form-container > .column.large,
    .form-container > .row > .column.large,
    .form-container form > .column.large,
    .form-container form > .row > .column.large,
    .form-container .form > .column.large,
    .form-container .form > .row > .column.large {
      flex: 1 1 70%;
      max-width: none; }
      .form-container > .column.large + .column,
      .form-container > .row > .column.large + .column,
      .form-container form > .column.large + .column,
      .form-container form > .row > .column.large + .column,
      .form-container .form > .column.large + .column,
      .form-container .form > .row > .column.large + .column {
        flex: 0 1 30%; }
    .form-container > .column.small,
    .form-container > .row > .column.small,
    .form-container form > .column.small,
    .form-container form > .row > .column.small,
    .form-container .form > .column.small,
    .form-container .form > .row > .column.small {
      flex: 0 1 35%; }
      .form-container > .column.small + .column:not(.small),
      .form-container > .row > .column.small + .column:not(.small),
      .form-container form > .column.small + .column:not(.small),
      .form-container form > .row > .column.small + .column:not(.small),
      .form-container .form > .column.small + .column:not(.small),
      .form-container .form > .row > .column.small + .column:not(.small) {
        max-width: none; }
    .form-container > .column.auto,
    .form-container > .row > .column.auto,
    .form-container form > .column.auto,
    .form-container form > .row > .column.auto,
    .form-container .form > .column.auto,
    .form-container .form > .row > .column.auto {
      flex: 1 1 auto;
      min-width: 0;
      max-width: none; }
      .form-container > .column.auto + .column:not(.small),
      .form-container > .row > .column.auto + .column:not(.small),
      .form-container form > .column.auto + .column:not(.small),
      .form-container form > .row > .column.auto + .column:not(.small),
      .form-container .form > .column.auto + .column:not(.small),
      .form-container .form > .row > .column.auto + .column:not(.small) {
        max-width: none; }
    .form-container > .column.hidden,
    .form-container > .row > .column.hidden,
    .form-container form > .column.hidden,
    .form-container form > .row > .column.hidden,
    .form-container .form > .column.hidden,
    .form-container .form > .row > .column.hidden {
      display: none; }
  .form-container .separator {
    flex: 1 0 100%;
    box-sizing: border-box;
    padding: 1em 1em 0 1em;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.4);
    margin: 0 1em 1em 1em; }
  .form-container .form-row {
    flex: 0 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: stretch;
    align-content: flex-start;
    box-sizing: border-box;
    padding: .5em;
    width: 100%; }
    .form-container .form-row.align-right {
      justify-content: flex-end; }
    .form-container .form-row.hidden {
      display: none; }
      .form-container .form-row.hidden.locked {
        display: flex; }
    .form-container .form-row h1, .form-container .form-row h2, .form-container .form-row h3, .form-container .form-row h4, .form-container .form-row h5, .form-container .form-row h6 {
      flex: 1 1 100%; }
    .form-container .form-row .textarea_container {
      flex: 1 1 100%; }
    .form-container .form-row.container {
      padding: 0; }
    .form-container .form-row.header {
      justify-content: space-between;
      justify-items: flex-end;
      padding: .5em .5em 0 .5em; }
      .form-container .form-row.header button:first-child:last-child,
      .form-container .form-row.header .button:first-child:last-child {
        margin-left: auto; }
    .form-container .form-row .password-preview {
      font-size: 1.4em; }
    .form-container .form-row.centered {
      justify-content: center; }
      .form-container .form-row.centered input[type=text],
      .form-container .form-row.centered input[type=password],
      .form-container .form-row.centered input[type=email],
      .form-container .form-row.centered input[type=search],
      .form-container .form-row.centered input[type=url],
      .form-container .form-row.centered input[type=number],
      .form-container .form-row.centered .input {
        text-align: center; }
      .form-container .form-row.centered label {
        justify-content: center;
        text-align: center; }
    .form-container .form-row.captcha {
      padding: 2em; }
    .form-container .form-row.unified > input[type=text],
    .form-container .form-row.unified > input[type=password],
    .form-container .form-row.unified > input[type=search],
    .form-container .form-row.unified > input[type=email],
    .form-container .form-row.unified > input[type=url],
    .form-container .form-row.unified > input[type=password],
    .form-container .form-row.unified > .input,
    .form-container .form-row.unified > .fancy-dropdown-container {
      flex: 1 1 auto; }
    .form-container .form-row.unified .fancy-dropdown-container {
      min-width: 20em;
      max-width: 35em; }
    .form-container .form-row.unified button,
    .form-container .form-row.unified .button {
      margin-left: 1em;
      white-space: nowrap;
      flex: 0 0 auto; }
    .form-container .form-row.submit-container {
      margin-top: auto;
      justify-content: space-between;
      justify-items: flex-end;
      padding: .8em; }
      .form-container .form-row.submit-container button:first-child:last-child,
      .form-container .form-row.submit-container .button:first-child:last-child {
        margin-left: auto; }
    .form-container .form-row .error {
      display: none; }
    .form-container .form-row.invalid .error {
      display: flex;
      flex-direction: row;
      color: #D62246;
      font-size: .9em;
      font-weight: 500;
      flex: 0 0 auto; }
    .form-container .form-row.invalid > textarea,
    .form-container .form-row.invalid > input[type=text],
    .form-container .form-row.invalid > input[type=password],
    .form-container .form-row.invalid > input[type=email],
    .form-container .form-row.invalid > input[type=search],
    .form-container .form-row.invalid > input[type=url],
    .form-container .form-row.invalid > input[type=password],
    .form-container .form-row.invalid > .input {
      border-color: #D62246;
      background-color: rgba(214, 34, 70, 0.2); }
    .form-container .form-row .explanation {
      flex: 1 1 100%;
      color: #232323;
      padding: .35em 0;
      display: flex; }
    .form-container .form-row.disabled .explanation {
      color: #DDD; }
    .form-container .form-row .helper-text {
      flex: 1 1 100%;
      color: #999999;
      padding: .5em;
      display: flex;
      align-items: center;
      font-weight: 300; }
      .form-container .form-row .helper-text .far,
      .form-container .form-row .helper-text .fas {
        margin-right: .35rem; }
    .form-container .form-row .grid {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      flex-wrap: wrap; }
      .form-container .form-row .grid label {
        margin-right: 1.2em; }
    .form-container .form-row .image-grid label {
      margin: .5em;
      padding: .75em 1em;
      display: inline-block;
      box-sizing: border-box;
      background-color: transparent;
      border-radius: .5em;
      border: 1px solid transparent; }
      .form-container .form-row .image-grid label:hover {
        background-color: rgba(100, 100, 100, 0.1); }
      .form-container .form-row .image-grid label img {
        width: 40px;
        height: 40px; }
    .form-container .form-row .image-grid input {
      display: none; }
    .form-container .form-row .image-grid input:checked + label {
      border-color: #0c8990; }
    .form-container .form-row .image-container {
      padding: .5em 1.5em .5em .5em; }
      .form-container .form-row .image-container img {
        max-width: 40px; }
    .form-container .form-row > .list-mode {
      width: 100%; }
    .form-container .form-row > label:not(.button) {
      flex: 1 1 100%;
      display: flex;
      flex-direction: row;
      align-items: center;
      font-size: .8em;
      font-weight: 500;
      transition: color .25s ease-in-out; }
      .form-container .form-row > label:not(.button) > span {
        flex: 0 0 auto;
        display: flex;
        align-items: center; }
        .form-container .form-row > label:not(.button) > span + span {
          margin-left: .35rem; }
        .form-container .form-row > label:not(.button) > span.required-indicator {
          display: none; }
      .form-container .form-row > label:not(.button).required {
        font-weight: 600; }
        .form-container .form-row > label:not(.button).required .required-indicator {
          display: inline-flex; }
      .form-container .form-row > label:not(.button) a,
      .form-container .form-row > label:not(.button) a:hover {
        margin: 0 .35em; }
      .form-container .form-row > label:not(.button) .icon {
        flex: 0 0 24px;
        margin-right: .5em; }
    .form-container .form-row.search-container input[type=search] {
      flex: 1 1 auto;
      margin-right: 1em;
      font-size: 1.25em;
      padding: .5em .2em;
      border-bottom-width: 2px; }
      .form-container .form-row.search-container input[type=search] + button {
        flex: 0 0 auto; }
    .form-container .form-row .message {
      flex: 1 1 auto;
      margin-right: 1em; }
      .form-container .form-row .message h1, .form-container .form-row .message h2, .form-container .form-row .message h3, .form-container .form-row .message h4, .form-container .form-row .message h5, .form-container .form-row .message h6 {
        font-weight: 400;
        font-size: 1.1em; }
      .form-container .form-row .message + button {
        flex: 0 0 auto; }
    .form-container .form-row.add-placeholder > .icon {
      color: rgba(0, 0, 0, 0.4); }
      .form-container .form-row.add-placeholder > .icon + textarea,
      .form-container .form-row.add-placeholder > .icon + input[type=text],
      .form-container .form-row.add-placeholder > .icon + input[type=password],
      .form-container .form-row.add-placeholder > .icon + input[type=url],
      .form-container .form-row.add-placeholder > .icon + input[type=password] {
        flex: 1 1 calc(100% - 55px);
        margin-left: 1em; }
    .form-container .form-row > textarea {
      flex: 0 0 400px;
      border: none;
      background: rgba(200, 200, 200, 0.1);
      padding: .3em .7em;
      border-radius: 4px;
      color: #141823; }
      .form-container .form-row > textarea.full-width {
        flex: 1 1 auto;
        min-height: 4em; }
    .form-container .form-row > .fancy-dropdown-container {
      flex: 1 1 100%; }
      .form-container .form-row > .fancy-dropdown-container .fancy-dropdown > .value {
        flex: 1 1 auto;
        max-width: none; }
      .form-container .form-row > .fancy-dropdown-container .fancy-dropdown.embedded {
        background: white;
        border-color: rgba(200, 200, 200, 0.3); }
        .form-container .form-row > .fancy-dropdown-container .fancy-dropdown.embedded:hover {
          border-color: #0c8990;
          cursor: pointer; }
        .form-container .form-row > .fancy-dropdown-container .fancy-dropdown.embedded.active {
          border-color: #0c8990; }
      .form-container .form-row > .fancy-dropdown-container .fancy-dropdown.invisible:not(.embedded) {
        background-color: transparent; }
        .form-container .form-row > .fancy-dropdown-container .fancy-dropdown.invisible:not(.embedded):hover {
          background-color: rgba(225, 225, 225, 0.2); }
      .form-container .form-row > .fancy-dropdown-container .fancy-dropdown.invisible.active, .form-container .form-row > .fancy-dropdown-container .fancy-dropdown.invisible.active:hover {
        border: 2px solid #0c8990; }

fieldset {
  border: 0;
  border-top: 1px solid rgba(200, 200, 200, 0.8);
  padding: .5em 8em;
  max-width: 80%;
  margin: .5em auto 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }
  fieldset legend {
    background-color: transparent;
    border: none;
    display: flex;
    flex-direction: row;
    align-items: center; }
    fieldset legend span {
      padding: 0 2em; }

textarea,
input[type=text],
input[type=password],
input[type=search],
input[type=url],
input[type=password],
input[type=email],
.input {
  flex: 1 1 100%;
  padding: .65em .15em .25em .15em;
  font-size: 1.1em;
  box-sizing: border-box;
  font-weight: 300; }
  textarea.double-line,
  input[type=text].double-line,
  input[type=password].double-line,
  input[type=search].double-line,
  input[type=url].double-line,
  input[type=password].double-line,
  input[type=email].double-line,
  .input.double-line {
    height: 2.5em; }
  textarea.invisible,
  input[type=text].invisible,
  input[type=password].invisible,
  input[type=search].invisible,
  input[type=url].invisible,
  input[type=password].invisible,
  input[type=email].invisible,
  .input.invisible {
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 4px;
    padding: .35rem;
    flex: 1 1 auto; }
    textarea.invisible.title,
    input[type=text].invisible.title,
    input[type=password].invisible.title,
    input[type=search].invisible.title,
    input[type=url].invisible.title,
    input[type=password].invisible.title,
    input[type=email].invisible.title,
    .input.invisible.title {
      font-weight: 400; }
    textarea.invisible.inline,
    input[type=text].invisible.inline,
    input[type=password].invisible.inline,
    input[type=search].invisible.inline,
    input[type=url].invisible.inline,
    input[type=password].invisible.inline,
    input[type=email].invisible.inline,
    .input.invisible.inline {
      flex: 0 0 auto; }
    textarea.invisible + label,
    input[type=text].invisible + label,
    input[type=password].invisible + label,
    input[type=search].invisible + label,
    input[type=url].invisible + label,
    input[type=password].invisible + label,
    input[type=email].invisible + label,
    .input.invisible + label {
      opacity: 0;
      transform: translateY(-100%);
      margin-bottom: -1.8em; }
    textarea.invisible:hover,
    input[type=text].invisible:hover,
    input[type=password].invisible:hover,
    input[type=search].invisible:hover,
    input[type=url].invisible:hover,
    input[type=password].invisible:hover,
    input[type=email].invisible:hover,
    .input.invisible:hover {
      border: 1px solid transparent;
      background-color: rgba(0, 0, 0, 0.05);
      cursor: pointer; }
    textarea.invisible:focus,
    input[type=text].invisible:focus,
    input[type=password].invisible:focus,
    input[type=search].invisible:focus,
    input[type=url].invisible:focus,
    input[type=password].invisible:focus,
    input[type=email].invisible:focus,
    .input.invisible:focus {
      background: #FFF;
      border-color: #0c8990; }
      textarea.invisible:focus.with-label,
      input[type=text].invisible:focus.with-label,
      input[type=password].invisible:focus.with-label,
      input[type=search].invisible:focus.with-label,
      input[type=url].invisible:focus.with-label,
      input[type=password].invisible:focus.with-label,
      input[type=email].invisible:focus.with-label,
      .input.invisible:focus.with-label {
        padding-bottom: 2rem; }
      textarea.invisible:focus:hover,
      input[type=text].invisible:focus:hover,
      input[type=password].invisible:focus:hover,
      input[type=search].invisible:focus:hover,
      input[type=url].invisible:focus:hover,
      input[type=password].invisible:focus:hover,
      input[type=email].invisible:focus:hover,
      .input.invisible:focus:hover {
        cursor: text; }
      textarea.invisible:focus + label,
      input[type=text].invisible:focus + label,
      input[type=password].invisible:focus + label,
      input[type=search].invisible:focus + label,
      input[type=url].invisible:focus + label,
      input[type=password].invisible:focus + label,
      input[type=email].invisible:focus + label,
      .input.invisible:focus + label {
        display: none; }
  textarea.name-input-enhance,
  input[type=text].name-input-enhance,
  input[type=password].name-input-enhance,
  input[type=search].name-input-enhance,
  input[type=url].name-input-enhance,
  input[type=password].name-input-enhance,
  input[type=email].name-input-enhance,
  .input.name-input-enhance {
    font-size: 1.4em;
    padding: .5em .3em;
    font-weight: 400; }
    textarea.name-input-enhance:not(.invisible),
    input[type=text].name-input-enhance:not(.invisible),
    input[type=password].name-input-enhance:not(.invisible),
    input[type=search].name-input-enhance:not(.invisible),
    input[type=url].name-input-enhance:not(.invisible),
    input[type=password].name-input-enhance:not(.invisible),
    input[type=email].name-input-enhance:not(.invisible),
    .input.name-input-enhance:not(.invisible) {
      border-bottom-width: 2px; }
  textarea.code-input-6,
  input[type=text].code-input-6,
  input[type=password].code-input-6,
  input[type=search].code-input-6,
  input[type=url].code-input-6,
  input[type=password].code-input-6,
  input[type=email].code-input-6,
  .input.code-input-6 {
    max-width: 10rem; }
  textarea.number, textarea.prefix-and-key, textarea:not(.invisible).number,
  input[type=text].number,
  input[type=text].prefix-and-key,
  input[type=text]:not(.invisible).number,
  input[type=password].number,
  input[type=password].prefix-and-key,
  input[type=password]:not(.invisible).number,
  input[type=search].number,
  input[type=search].prefix-and-key,
  input[type=search]:not(.invisible).number,
  input[type=url].number,
  input[type=url].prefix-and-key,
  input[type=url]:not(.invisible).number,
  input[type=password].number,
  input[type=password].prefix-and-key,
  input[type=password]:not(.invisible).number,
  input[type=email].number,
  input[type=email].prefix-and-key,
  input[type=email]:not(.invisible).number,
  .input.number,
  .input.prefix-and-key,
  .input:not(.invisible).number {
    width: 10rem;
    flex: 0 0 auto; }
    textarea.number.small, textarea.prefix-and-key.small, textarea:not(.invisible).number.small,
    input[type=text].number.small,
    input[type=text].prefix-and-key.small,
    input[type=text]:not(.invisible).number.small,
    input[type=password].number.small,
    input[type=password].prefix-and-key.small,
    input[type=password]:not(.invisible).number.small,
    input[type=search].number.small,
    input[type=search].prefix-and-key.small,
    input[type=search]:not(.invisible).number.small,
    input[type=url].number.small,
    input[type=url].prefix-and-key.small,
    input[type=url]:not(.invisible).number.small,
    input[type=password].number.small,
    input[type=password].prefix-and-key.small,
    input[type=password]:not(.invisible).number.small,
    input[type=email].number.small,
    input[type=email].prefix-and-key.small,
    input[type=email]:not(.invisible).number.small,
    .input.number.small,
    .input.prefix-and-key.small,
    .input:not(.invisible).number.small {
      width: 5rem; }
  textarea.version,
  input[type=text].version,
  input[type=password].version,
  input[type=search].version,
  input[type=url].version,
  input[type=password].version,
  input[type=email].version,
  .input.version {
    width: 3em;
    flex: 0 0 auto;
    min-width: 3em; }
  textarea.medium, textarea:not(.invisible).medium,
  input[type=text].medium,
  input[type=text]:not(.invisible).medium,
  input[type=password].medium,
  input[type=password]:not(.invisible).medium,
  input[type=search].medium,
  input[type=search]:not(.invisible).medium,
  input[type=url].medium,
  input[type=url]:not(.invisible).medium,
  input[type=password].medium,
  input[type=password]:not(.invisible).medium,
  input[type=email].medium,
  input[type=email]:not(.invisible).medium,
  .input.medium,
  .input:not(.invisible).medium {
    width: 20rem;
    flex: 0 0 auto; }
  textarea:focus + label,
  textarea:active + label,
  input[type=text]:focus + label,
  input[type=text]:active + label,
  input[type=password]:focus + label,
  input[type=password]:active + label,
  input[type=search]:focus + label,
  input[type=search]:active + label,
  input[type=url]:focus + label,
  input[type=url]:active + label,
  input[type=password]:focus + label,
  input[type=password]:active + label,
  input[type=email]:focus + label,
  input[type=email]:active + label,
  .input:focus + label,
  .input:active + label {
    color: #0c8990; }

.content-with-sidebar {
  display: flex;
  flex-direction: row;
  flex: 1 1 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  overflow: hidden;
  position: relative; }
  .content-with-sidebar > div:not(.sidebar):not(.fixed-position) {
    height: auto;
    min-height: 100%;
    box-sizing: border-box;
    overflow: auto;
    flex: 1 1 auto;
    flex-wrap: nowrap;
    background-color: rgba(225, 225, 225, 0.15);
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: flex-start; }
    .content-with-sidebar > div:not(.sidebar):not(.fixed-position).hidden {
      display: none; }

nav.sidebar {
  box-sizing: border-box;
  flex: 0 0 350px;
  display: flex;
  flex-direction: column;
  background: #FFF;
  transition: flex .2s ease-in-out, transform .2s ease-in-out;
  border-right: 2px solid rgba(225, 225, 225, 0.5);
  height: 100%;
  overflow: auto;
  font-size: 1em; }
  nav.sidebar > div {
    flex: 1 1 auto; }
  nav.sidebar .list-mode {
    padding-top: .9em; }
    nav.sidebar .list-mode .filter-container, nav.sidebar .list-mode .filter-container:hover {
      border-bottom: none;
      margin-bottom: 1em; }
    nav.sidebar .list-mode .filter-container input[type=text],
    nav.sidebar .list-mode .filter-container input[type=search] {
      background: rgba(225, 225, 225, 0.1); }
    nav.sidebar .list-mode .filter-container + .list-item.separator {
      margin-bottom: 1em; }
    nav.sidebar .list-mode .tooltip {
      max-width: 320px; }
  nav.sidebar .onboarding {
    flex: 0 0 auto;
    margin-bottom: 0;
    padding-bottom: 1em; }
    nav.sidebar .onboarding .image-container {
      background: transparent;
      padding: 1em 0;
      height: auto;
      display: flex;
      justify-content: center; }
      nav.sidebar .onboarding .image-container img {
        width: 70px;
        height: 70px;
        margin: 0 6em; }
    nav.sidebar .onboarding .helper-text {
      margin-top: 1em;
      font-size: .85em;
      line-height: 1.3em;
      font-weight: 300;
      padding: 1em 2em; }
    nav.sidebar .onboarding button {
      width: calc(100% - 4em);
      margin: 1em auto;
      font-size: .67em; }
  nav.sidebar .collapser {
    flex: 0 0 auto;
    margin-bottom: 1em; }
  nav.sidebar .button-group .button + .button.button-report-issue {
    margin-left: auto; }
  nav.sidebar.collapsed {
    flex: 0 0 65px;
    overflow: visible;
    z-index: 10; }
    nav.sidebar.collapsed .header-banner .header-name .image-container {
      flex: 0 0 auto;
      padding-bottom: 0;
      margin-right: 0;
      flex-shrink: initial; }
    nav.sidebar.collapsed .header-banner .header-name .name-container {
      display: none; }
    nav.sidebar.collapsed .header-banner .button-group {
      padding: 5px;
      margin: 5px;
      border-top: 1px solid rgba(100, 100, 100, 0.3);
      border-bottom: 1px solid rgba(100, 100, 100, 0.3);
      flex-direction: column-reverse; }
      nav.sidebar.collapsed .header-banner .button-group .button.secondary,
      nav.sidebar.collapsed .header-banner .button-group button.secondary {
        display: none; }
      nav.sidebar.collapsed .header-banner .button-group .button span,
      nav.sidebar.collapsed .header-banner .button-group button span {
        display: none; }
      nav.sidebar.collapsed .header-banner .button-group .button .far,
      nav.sidebar.collapsed .header-banner .button-group .button .fas,
      nav.sidebar.collapsed .header-banner .button-group button .far,
      nav.sidebar.collapsed .header-banner .button-group button .fas {
        margin-right: 0; }
      nav.sidebar.collapsed .header-banner .button-group .button + .button,
      nav.sidebar.collapsed .header-banner .button-group button + .button {
        margin: 0;
        justify-content: center; }
    nav.sidebar.collapsed .onboarding {
      width: 0;
      overflow: hidden; }
    nav.sidebar.collapsed .collapser .icon {
      transform: rotate(180deg); }
  nav.sidebar .expanded + .submenu {
    margin-bottom: .5em; }

/* search styling */
/* search boxes */
#find_issues {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: stretch; }
  #find_issues .results-header {
    font-weight: 500;
    font-size: 1.4em;
    padding: 10px;
    margin: 0;
    border: none;
    color: #333;
    background: transparent;
    box-shadow: none;
    position: relative;
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    z-index: 10; }
    #find_issues .results-header .count-badge {
      margin-left: 10px; }
    #find_issues .results-header .searchterm {
      font-weight: 400;
      font-style: italic; }

.bulk-action-container {
  display: flex;
  flex: 0 0 auto;
  margin-left: auto;
  align-items: center; }
  .bulk-action-container.fixed {
    position: fixed;
    top: 0;
    left: 30px;
    right: 6px;
    z-index: 100;
    margin: 0 -6px 0 -30px;
    transition: margin-left 0.3s ease-in-out, margin-right 0.3s ease-in-out; }
    .bulk-action-container.fixed .search-bulk-actions {
      box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
      border-bottom-style: solid; }
  .bulk-action-container .search-bulk-actions {
    font-size: 1em;
    font-weight: 400;
    opacity: 1;
    transition: opacity .2s ease-in-out;
    border-right: 0;
    display: flex;
    transform: scaleX(1);
    transform-origin: right; }
    .bulk-action-container .search-bulk-actions .fancy-dropdown-container {
      margin-right: .35rem; }
    .bulk-action-container .search-bulk-actions.unavailable {
      opacity: 0;
      transition: transform 0s ease-in-out .25s, opacity .2s ease-in-out;
      transform: scaleX(0); }

.top-search-filters-container {
  flex: 0 0 auto;
  display: flex;
  width: 100%;
  flex-direction: row;
  flex-wrap: wrap;
  box-sizing: border-box;
  border-bottom: 2px solid rgba(225, 225, 225, 0.5);
  padding: 0 1em;
  background: #FFF; }
  .top-search-filters-container form {
    display: flex;
    width: 100%;
    flex-wrap: wrap; }
  .top-search-filters-container > .header,
  .top-search-filters-container .search-and-filters-strip > .header {
    flex: 0 0 auto;
    width: 100%;
    padding: 0;
    box-sizing: border-box;
    text-align: center;
    align-items: center;
    display: flex; }
    .top-search-filters-container > .header .name-container,
    .top-search-filters-container .search-and-filters-strip > .header .name-container {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center;
      flex: 0 0 auto;
      padding: 1em 0; }
      .top-search-filters-container > .header .name-container .project-name,
      .top-search-filters-container .search-and-filters-strip > .header .name-container .project-name {
        font-size: 1em;
        color: #232323;
        font-weight: 400; }
      .top-search-filters-container > .header .name-container .board-name,
      .top-search-filters-container > .header .name-container .item-name,
      .top-search-filters-container .search-and-filters-strip > .header .name-container .board-name,
      .top-search-filters-container .search-and-filters-strip > .header .name-container .item-name {
        font-size: 1.5em;
        color: #232323;
        font-weight: 500; }
    .top-search-filters-container > .header .stripe-container,
    .top-search-filters-container .search-and-filters-strip > .header .stripe-container {
      flex: 1 1 auto;
      padding: 0 2.5em;
      display: flex;
      align-items: center;
      justify-content: center; }
      .top-search-filters-container > .header .stripe-container .stripe,
      .top-search-filters-container .search-and-filters-strip > .header .stripe-container .stripe {
        height: .3em;
        border-radius: .3em;
        background-color: transparent;
        flex: 1 1 100%; }
    .top-search-filters-container > .header .fancy-tabs,
    .top-search-filters-container .search-and-filters-strip > .header .fancy-tabs {
      width: auto;
      flex: 0 0 auto; }
  .top-search-filters-container .search-and-filters-strip {
    background: transparent;
    border-bottom: none;
    padding: 0 0 1em 0;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    box-sizing: border-box;
    flex-wrap: nowrap; }
    .top-search-filters-container .search-and-filters-strip .fancy-dropdown-container .fancy-dropdown:not(.shaded) {
      background: white;
      border: 2px solid rgba(200, 200, 200, 0.3); }
      .top-search-filters-container .search-and-filters-strip .fancy-dropdown-container .fancy-dropdown:not(.shaded):hover {
        border-color: #00adc7;
        cursor: pointer; }
      .top-search-filters-container .search-and-filters-strip .fancy-dropdown-container .fancy-dropdown:not(.shaded).active {
        border-color: #00adc7;
        box-shadow: none; }
    .top-search-filters-container .search-and-filters-strip .search-strip {
      flex: 0 0 auto;
      width: 100%;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-items: center;
      justify-content: flex-start; }
      .top-search-filters-container .search-and-filters-strip .search-strip > input[type=search] {
        padding: .5em 1em;
        font-size: 1.1em;
        border-radius: 4px;
        color: #141823;
        margin: 0 .35rem 0 0;
        flex: 0 0 25em;
        font-weight: 300; }
        .top-search-filters-container .search-and-filters-strip .search-strip > input[type=search]:not(.shaded) {
          background: white;
          border: 2px solid rgba(200, 200, 200, 0.3); }
          .top-search-filters-container .search-and-filters-strip .search-strip > input[type=search]:not(.shaded):hover {
            border-color: #00adc7; }
        .top-search-filters-container .search-and-filters-strip .search-strip > input[type=search] + .dropper-container {
          margin-left: auto; }
      .top-search-filters-container .search-and-filters-strip .search-strip div.settings,
      .top-search-filters-container .search-and-filters-strip .search-strip button.settings,
      .top-search-filters-container .search-and-filters-strip .search-strip button.primary {
        margin-left: auto; }
    .top-search-filters-container .search-and-filters-strip .filters-strip {
      flex: 0 0 auto;
      display: flex;
      width: 100%;
      flex-wrap: wrap;
      align-items: center;
      justify-content: flex-start;
      margin-top: .35rem; }
      .top-search-filters-container .search-and-filters-strip .filters-strip .add-item-button {
        align-self: flex-start;
        margin-top: .35rem; }
      .top-search-filters-container .search-and-filters-strip .filters-strip .filters {
        flex: 1 1 auto;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-start;
        max-width: calc(100% - 40px); }
        .top-search-filters-container .search-and-filters-strip .filters-strip .filters .filter {
          margin: 0 .35rem .35rem 0; }
    .top-search-filters-container .search-and-filters-strip .filter {
      margin-right: .35rem; }
    .top-search-filters-container .search-and-filters-strip .list-item .far.issuetype-icon,
    .top-search-filters-container .search-and-filters-strip .list-item .fas.issuetype-icon {
      font-size: .9em; }
  .top-search-filters-container #search-filters-hidden-container {
    display: none; }

/* search results */
#search_results_container {
  position: relative;
  flex: 1 1 auto;
  overflow: hidden; }

#search_results_loading_indicator {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  vertical-align: middle;
  text-align: center;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.6); }

#search_results_loading_indicator img {
  vertical-align: middle; }

.search-results {
  margin: 0;
  padding: 1.5rem 0 0 0;
  font-size: .97em;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  overflow: auto; }
  .search-results h5 {
    margin: 2rem 0 0 2rem;
    padding: 6px;
    font-size: 1.2em;
    font-weight: 500;
    text-transform: uppercase;
    border: none;
    background-color: transparent; }
    .search-results h5:first-child {
      margin-top: 0; }
  .search-results .sc_priority .far + span,
  .search-results .sc_priority .fas + span {
    margin-left: .15em; }
  .search-results .sc_title {
    font-size: 1.1em; }
  .search-results .priority_1 .column.sc_priority,
  .search-results h5.priority_1 {
    color: #C30000;
    font-weight: 500; }
  .search-results .priority_2 .column.sc_priority,
  .search-results h5.priority_2 {
    color: #FA0;
    font-weight: 500; }
  .search-results .priority_4 .column.sc_priority,
  .search-results h5.priority_4,
  .search-results .priority_5 .column.sc_priority,
  .search-results h5.priority_5 {
    color: #070;
    font-weight: 400; }
  .search-results h5.priority_4,
  .search-results h5.priority_5 {
    font-weight: 500; }
  .search-results .yellow_borderless .user_pain {
    color: #B6aC6D; }
  .search-results .user_pain,
  .search-results .votes {
    font-size: 1.5em; }
  .search-results .votes {
    color: #88C; }
  .search-results .red_borderless .user_pain {
    color: #B55; }
  .search-results .userpain_below_threshold .column {
    border-top: 2px solid #B77; }

.frontpage-results .search-results table {
  border: 1px solid rgba(200, 200, 200, 0.4);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px; }

.frontpage-results .search-results h5 {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background-color: rgba(200, 200, 200, 0.4); }
  .frontpage-results .search-results h5:not(:first-child) {
    margin-top: 15px; }

.frontpage-results .search-results th, .frontpage-results .search-results td {
  padding: 4px; }

.frontpage-results .search-results th {
  background-color: rgba(200, 200, 200, 0.2);
  border-bottom: 1px solid rgba(200, 200, 200, 0.4); }
  .frontpage-results .search-results th:last-child {
    border-right: 1px solid rgba(200, 200, 200, 0.4); }

/*.search-results tr.priority_1 td { background-color: #EFE; }
.search-results tr.priority_2 td { background-color: #DFD; }
.search-results tr.priority_3 td { background-color: #FFD; }
.search-results tr.priority_4 td { background-color: #EEA; }
.search-results tr.priority_5 td { background-color: #FCC; }
.search-results tr.priority_6 td { background-color: #FAA; }*/
/* end results */
.comments-header-strip {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  padding: 1em; }
  .comments-header-strip button,
  .comments-header-strip button:hover {
    margin-left: .35rem; }

.comment-container.syntax_md p,
.comment-container.syntax_md pre,
.comment-container.syntax_md code {
  margin: 0; }

.comment-container:not(.reply) {
  padding: 0;
  clear: both;
  display: block;
  margin-bottom: 2em;
  border: none;
  position: relative; }
  .comment-container:not(.reply).system-comment {
    border: none;
    padding-left: 55px;
    font-size: .9em;
    line-height: 1em; }
    .comment-container:not(.reply).system-comment::after {
      content: '';
      display: block;
      height: calc(100% + 26px);
      width: 1px;
      border-left: 3px solid rgba(225, 225, 225, 0.5);
      position: absolute;
      top: -1px;
      left: 40px; }
  .comment-container:not(.reply)::before {
    content: '';
    display: none;
    height: 23px;
    width: 1px;
    border-left: 3px solid rgba(225, 225, 225, 0.5);
    position: absolute;
    top: -24px;
    left: 40px; }
  .comment-container:not(.reply):first-child::before {
    display: none; }
  .comment-container:not(.reply):not(.system-comment) {
    background: #FFF;
    box-shadow: 0 1px 3px 0 rgba(27, 27, 36, 0.2);
    border-radius: 4px; }
    .comment-container:not(.reply):not(.system-comment) + .comment-container.private-comment:not(.reply)::before {
      border-left-color: #e8f6e8; }
  .comment-container:not(.reply) .header {
    font-weight: 500;
    display: inline-block;
    line-height: 1.4em; }
    .comment-container:not(.reply) .header .userlink {
      margin-left: 0;
      font-size: 1em;
      padding: 0; }
    .comment-container:not(.reply) .header img.avatar {
      width: 16px;
      height: 16px; }
  .comment-container:not(.reply) .comment {
    position: relative;
    overflow: visible;
    padding: 0; }
    .comment-container:not(.reply) .comment .commentheader {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      padding: .75em; }
      .comment-container:not(.reply) .comment .commentheader .header {
        padding: 0; }
  .comment-container:not(.reply):target .comment {
    border-color: rgba(100, 100, 100, 0.2);
    background-color: rgba(240, 247, 255, 0.6); }
  .comment-container:not(.reply):target:not(.reply) > .comment {
    border-radius: 3px;
    box-shadow: 0 0 3px rgba(100, 100, 100, 0.2); }

.comment-container .header {
  padding: 8px 8px 0 8px;
  border: none;
  position: relative;
  /*background-color: rgba(225, 225, 225, .1);*/ }

.comment-container .date {
  color: rgba(0, 0, 0, 0.6);
  font-weight: 400;
  font-size: 0.9em;
  display: inline-block;
  margin-left: 5px;
  padding: 2px 4px;
  border-radius: 3px;
  background-color: rgba(225, 225, 225, 0.3);
  line-height: 1.6em; }

.comment-container .body {
  padding: 3px 10px;
  font-size: 1.1em; }
  .comment-container .body.article {
    max-width: none; }
  .comment-container .body .image_container.thumb img.image {
    width: 130px; }

.comment-container .tools {
  position: absolute;
  top: -3em;
  right: 10px; }
  .comment-container .tools.action-buttons a.action-button {
    color: rgba(200, 200, 200, 0.7); }

.reply-container {
  padding: 10px;
  border-top: 1px solid rgba(200, 200, 200, 0.3); }
  .reply-container .fake-reply {
    display: flex;
    align-items: center; }
    .reply-container .fake-reply > .avatar-container {
      flex: 0 0 20px;
      margin-right: 7px; }
    .reply-container .fake-reply > img.avatar {
      height: 20px;
      width: 20px;
      opacity: .8; }
    .reply-container .fake-reply > a {
      border: 1px solid rgba(200, 200, 200, 0.3);
      border-radius: 5px;
      color: #AAA;
      flex: 1 1 auto;
      padding: 5px;
      font-size: .9em;
      background-color: rgba(225, 225, 225, 0.1); }
  .reply-container .hash-link {
    float: right;
    font-size: 2.0em;
    line-height: 1em;
    font-weight: 500;
    color: #B1B8E9;
    text-align: center; }
  .reply-container .hash-link a {
    color: #B1B8E9; }

.private-comment .fake-reply > a {
  background-color: rgba(255, 255, 255, 0.7); }

.private-comment .comment {
  background-color: #E8F6E8;
  border-radius: 3px; }

.comments-list-none {
  font-weight: 400; }

.comment-replies .commentheader {
  border-top: 1px solid rgba(200, 200, 200, 0.3); }

.comment-reply,
.comment-edit {
  display: none; }
  .comment-reply.comment-editor,
  .comment-edit.comment-editor {
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
    box-shadow: none;
    background: transparent;
    width: auto; }
  .comment-reply.active,
  .comment-edit.active {
    display: flex; }
    .comment-reply.active + .commentbody,
    .comment-reply.active + .fake-reply,
    .comment-edit.active + .commentbody,
    .comment-edit.active + .fake-reply {
      display: none; }

.comment-editor.comment-edit.active {
  margin: 10px; }

.comment_editsave, .comment_addsave {
  font-weight: 500; }

.comment-editor,
.todo_editor {
  position: fixed;
  width: 650px;
  z-index: 120;
  bottom: 5px;
  right: 5px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  background-color: #f7f7f7;
  border: 0; }

.add-comment-container,
.todo_add_main {
  padding: .5em;
  background: #FFF;
  border-radius: 4px 4px 0 0; }

.comment-editor .typeahead.dropdown-menu,
.todo_editor .typeahead.dropdown-menu {
  overflow-y: scroll;
  max-height: 100px; }

.comment-change-list {
  list-style: none;
  margin: 0 10px 25px 25px;
  padding: 0;
  font-size: .9em; }
  .comment-change-list .fas,
  .comment-change-list .far {
    margin-right: 5px; }
  .comment-change-list span.date {
    display: none; }
  .comment-change-list img {
    margin: 3px 5px -3px 5px; }

.comment-todos-list {
  margin-top: 0; }
  .comment-todos-list .todo {
    margin-left: 21px; }

.helper-text {
  font-size: .9rem;
  padding: .5em .5em 1.5em .5em;
  color: #1c2b36;
  display: flex;
  flex-direction: row;
  align-items: center;
  box-sizing: border-box; }
  .helper-text.centered {
    max-width: 750px; }
  .helper-text .image-container {
    flex: 0 0 60px;
    box-sizing: border-box;
    padding: 0 1em 0 .5em; }
    .helper-text .image-container img {
      width: 100%;
      height: auto; }
  .helper-text .description {
    flex: 1 1 auto;
    color: #1c2b36;
    font-weight: 300; }
  .helper-text a,
  .helper-text a:hover {
    font-weight: 500; }

.syntax_md:not(.comment-container) {
  border: 1px solid rgba(0, 173, 199, 0.4);
  border-radius: .25em; }

.syntax_md .editor-toolbar {
  display: flex;
  background-color: #FFF;
  padding: .4em;
  border-radius: .25em .25em 0 0;
  border-bottom: none;
  box-shadow: 0 3px 3px -2px rgba(27, 27, 36, 0.1);
  z-index: 1;
  position: relative;
  align-items: center;
  justify-content: flex-start; }
  .syntax_md .editor-toolbar button {
    background-color: transparent;
    box-shadow: none;
    color: #232323; }
    .syntax_md .editor-toolbar button:hover {
      background-color: #00adc7;
      color: #FFF; }
  .syntax_md .editor-toolbar .separator {
    color: transparent;
    flex: 0 0 auto;
    padding: 0 .3em 0 0;
    margin: 0 .35em 0 0;
    height: 70%;
    border-bottom: none;
    border-right: 2px solid rgba(225, 225, 225, 0.2); }

.syntax_md .editor-statusbar {
  font-size: .85em;
  padding: .5em;
  border-top: 1px dotted #00adc7;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .syntax_md .editor-statusbar a {
    text-decoration: none;
    border: none;
    color: #232323;
    margin-left: auto; }
    .syntax_md .editor-statusbar a:hover {
      color: #676767; }

.syntax_md .CodeMirror-wrap {
  border-radius: 0 0 .25em .25em; }

.flexible-table {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  flex: 1 1 auto;
  overflow: visible;
  width: 100%; }
  .flexible-table .row {
    display: flex;
    flex: 0 0 auto;
    align-items: stretch; }
    .flexible-table .row.hidden {
      display: none; }
    .flexible-table .row + .row.header {
      margin-top: 1em; }
    .flexible-table .row:not(.disabled):not(.blocking):not(.locked):hover .column:not(.invisible):not(.header):not(.disabled) {
      background-color: #F1F1F1; }
      .flexible-table .row:not(.disabled):not(.blocking):not(.locked):hover .column:not(.invisible):not(.header):not(.disabled) .button.secondary:not(.danger) {
        background-color: rgba(255, 255, 255, 0.65); }
      .flexible-table .row:not(.disabled):not(.blocking):not(.locked):hover .column:not(.invisible):not(.header):not(.disabled) .button.secondary.active {
        background-color: rgba(225, 225, 225, 0.65); }
    .flexible-table .row.selected .column:not(.invisible) {
      background-color: #F1F1CA; }
    .flexible-table .row.disabled .column {
      color: #888; }
    .flexible-table .row.closed .column.result_issue {
      color: #888;
      text-decoration: line-through; }
    .flexible-table .row.blocking .column:not(.invisible) {
      background-color: #AF3E4D;
      color: #FFF; }
    .flexible-table .row.blocking a:not(.button):not(.list-item),
    .flexible-table .row.blocking .fancy-checkbox + label {
      color: #FFF; }
    .flexible-table .row.blocking:hover .column:not(.invisible) {
      background-color: #973542;
      color: #FFF; }
      .flexible-table .row.blocking:hover .column:not(.invisible) a:not(.button):not(.list-item),
      .flexible-table .row.blocking:hover .column:not(.invisible) .fancy-checkbox + label {
        color: #FFF; }
    .flexible-table .row.locked .column:not(.invisible) {
      background-color: #F4D58D;
      color: #232323; }
    .flexible-table .row.locked a:not(.button):not(.list-item),
    .flexible-table .row.locked .fancy-checkbox + label {
      color: #232323; }
    .flexible-table .row.locked:hover .column:not(.invisible) {
      background-color: #d2b777; }
  .flexible-table .body.children {
    margin-left: 25px; }
  .flexible-table .column {
    flex: 0 0 170px;
    display: flex;
    align-items: center;
    align-content: center;
    padding: .35rem;
    box-sizing: border-box;
    border-bottom: 1px dashed rgba(12, 137, 144, 0.4);
    max-width: none;
    min-width: 0; }
    .flexible-table .column.hidden {
      display: none; }
    .flexible-table .column.header {
      font-size: 0.8em;
      background: transparent;
      font-weight: 500;
      text-transform: uppercase;
      border: none;
      border-bottom: 2px solid #232323;
      color: #232323;
      box-sizing: border-box; }
      .flexible-table .column.header .sort-indicator-asc,
      .flexible-table .column.header .sort-indicator-desc {
        display: none; }
      .flexible-table .column.header.sort_asc .sort-indicator-asc,
      .flexible-table .column.header.sort_desc .sort-indicator-desc {
        display: inline-flex;
        margin-left: .25em; }
      .flexible-table .column.header.invisible {
        border-bottom-color: transparent; }
      .flexible-table .column.header.info-icons.large {
        font-size: 1.2em; }
    .flexible-table .column.invisible {
      border-bottom-color: transparent; }
    .flexible-table .column.disabled {
      color: #888; }
    .flexible-table .column.list {
      flex-direction: column;
      align-items: stretch;
      align-content: stretch;
      justify-content: center; }
      .flexible-table .column.list, .flexible-table .column.list.name-container {
        overflow: visible;
        text-overflow: unset; }
      .flexible-table .column.list .line {
        padding: 0;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: nowrap; }
        .flexible-table .column.list .line:not(.hidden) ~ .line {
          padding-top: .75em; }
        .flexible-table .column.list .line.hidden {
          display: none; }
    .flexible-table .column.grid {
      flex: 0 0 300px;
      flex-direction: row;
      flex-wrap: wrap;
      align-items: flex-start;
      justify-content: flex-start; }
      .flexible-table .column.grid:not(.header) > * {
        margin: .15rem; }
    .flexible-table .column.info-icons {
      flex: 0 0 40px;
      align-items: center; }
      .flexible-table .column.info-icons.centered {
        justify-content: center; }
        .flexible-table .column.info-icons.centered .fas,
        .flexible-table .column.info-icons.centered .far,
        .flexible-table .column.info-icons.centered .fab {
          margin-left: 0;
          margin-right: 0; }
      .flexible-table .column.info-icons:not(.centered) {
        justify-content: flex-end; }
        .flexible-table .column.info-icons:not(.centered) .fas + .fas,
        .flexible-table .column.info-icons:not(.centered) .fas + .far,
        .flexible-table .column.info-icons:not(.centered) .far + .fas,
        .flexible-table .column.info-icons:not(.centered) .far + .far {
          margin-left: -.2em; }
      .flexible-table .column.info-icons img {
        width: 100%; }
    .flexible-table .column.sca_action_selector, .flexible-table .column.sca_actions {
      flex: 0 0 50px;
      display: flex;
      justify-content: center; }
      .flexible-table .column.sca_action_selector.hidden, .flexible-table .column.sca_actions.hidden {
        display: none; }
    .flexible-table .column.actions {
      flex: 0 0 100px;
      display: flex;
      justify-content: flex-end;
      padding-right: .5em; }
      .flexible-table .column.actions.hidden {
        display: none; }
    .flexible-table .column.numeric {
      flex: 0 0 75px;
      display: flex;
      justify-content: center; }
      .flexible-table .column.numeric.hidden {
        display: none; }
    .flexible-table .column.sc_title_container, .flexible-table .column.result_issue, .flexible-table .column.name-container {
      flex: 1 1 auto;
      min-width: 300px;
      text-overflow: ellipsis;
      overflow: hidden; }
    .flexible-table .column.multiline {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center;
      overflow: visible; }
      .flexible-table .column.multiline.hidden {
        display: none; }
      .flexible-table .column.multiline .title {
        font-weight: 500;
        flex: 0 0 auto; }
      .flexible-table .column.multiline .description {
        font-weight: 400;
        flex: 0 0 auto; }
    .flexible-table .column.sc_actions {
      flex: 0 0 50px;
      display: flex;
      justify-content: flex-end;
      position: relative; }
      .flexible-table .column.sc_actions.hidden {
        display: none; }
    .flexible-table .column.smaller {
      font-weight: 300;
      font-size: 0.8em; }
    .flexible-table .columnlabel {
      text-transform: none;
      color: #232323; }
    .flexible-table .column .fas,
    .flexible-table .column .far {
      margin-right: .35rem; }
      .flexible-table .column .fas:last-child,
      .flexible-table .column .far:last-child {
        margin-right: 0; }
    .flexible-table .column a:not(.button):not(.list-item),
    .flexible-table .column a:hover:not(.button):not(.list-item) {
      display: flex;
      align-items: center;
      border: none;
      font-weight: 300;
      padding: .2em; }
    .flexible-table .column .count-badge {
      font-size: 1em; }
    .flexible-table .column .button.secondary {
      color: #141823; }
    .flexible-table .column input[type=text], .flexible-table .column input[type=search], .flexible-table .column input[type=password] {
      flex: 1 1 100%;
      padding: .35em;
      font-size: 1.05em; }
      .flexible-table .column input[type=text].number, .flexible-table .column input[type=search].number, .flexible-table .column input[type=password].number {
        flex: 0 0 4em;
        max-width: 4em; }
    .flexible-table .column input ~ input[type=text], .flexible-table .column input ~ input[type=search], .flexible-table .column input ~ input[type=password] {
      margin-left: .35em; }
    .flexible-table .column input ~ button,
    .flexible-table .column input ~ .button {
      margin-left: .35em; }
    .flexible-table .column input ~ .fancy-dropdown-container {
      margin-left: .35em; }
    .flexible-table .column button ~ input[type=text], .flexible-table .column button ~ input[type=search], .flexible-table .column button ~ input[type=password],
    .flexible-table .column .button ~ input[type=text],
    .flexible-table .column .button ~ input[type=search],
    .flexible-table .column .button ~ input[type=password] {
      margin-left: .35em; }
  .flexible-table + h1, .flexible-table + h2, .flexible-table + h3, .flexible-table + h4, .flexible-table + h5, .flexible-table + h6 {
    margin-top: 2em; }

header {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  z-index: 100; }
  header .menu-toggler-container {
    display: none; }
  header .header-strip {
    background-color: #2B2D42;
    color: rgba(255, 255, 255, 0.9);
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: stretch; }
    header .header-strip > a:not(.button):not(.closer):not(.list-item),
    header .header-strip .notifications-container > a {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      padding: .5em 1em;
      color: rgba(255, 255, 255, 0.9);
      border: 5px solid transparent;
      text-decoration: none; }
      header .header-strip > a:not(.button):not(.closer):not(.list-item) .icon.fas,
      header .header-strip > a:not(.button):not(.closer):not(.list-item) .icon.far,
      header .header-strip .notifications-container > a .icon.fas,
      header .header-strip .notifications-container > a .icon.far {
        flex: 0 0 auto;
        margin-right: .5em; }
      header .header-strip > a:not(.button):not(.closer):not(.list-item) span,
      header .header-strip .notifications-container > a span {
        white-space: nowrap;
        flex: 1 1 auto; }
      header .header-strip > a:not(.button):not(.closer):not(.list-item).logo,
      header .header-strip .notifications-container > a.logo {
        font-size: 1.3em;
        color: #FFF;
        font-weight: 700;
        font-family: "DM Sans", sans-serif;
        letter-spacing: -1px;
        padding: .25em .75em;
        border: none; }
        header .header-strip > a:not(.button):not(.closer):not(.list-item).logo img,
        header .header-strip .notifications-container > a.logo img {
          height: 24px;
          padding-right: .3em; }
      header .header-strip > a:not(.button):not(.closer):not(.list-item).selected,
      header .header-strip .notifications-container > a.selected {
        background-color: #FFF;
        color: #2B2D42;
        font-weight: 600;
        border-radius: 8px;
        border-color: #2B2D42; }
        header .header-strip > a:not(.button):not(.closer):not(.list-item).selected.only-icon,
        header .header-strip .notifications-container > a.selected.only-icon {
          padding: .5em .5em; }
      header .header-strip > a:not(.button):not(.closer):not(.list-item).disabled .icon,
      header .header-strip .notifications-container > a.disabled .icon {
        opacity: .4; }
      header .header-strip > a:not(.button):not(.closer):not(.list-item).disabled .count-badge,
      header .header-strip .notifications-container > a.disabled .count-badge {
        color: #FFF;
        font-style: normal; }
    header .header-strip code {
      background-color: rgba(200, 200, 200, 0.3);
      border: none;
      border-radius: 4px;
      display: inline-block;
      padding: .25em .5em; }
    header .header-strip .notifications-container {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      align-self: center; }
      header .header-strip .notifications-container > a {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        padding: .5em 1em;
        color: rgba(255, 255, 255, 0.8);
        border: none;
        text-decoration: none; }
        header .header-strip .notifications-container > a .icon {
          flex: 0 0 20px; }
        header .header-strip .notifications-container > a span {
          white-space: nowrap;
          flex: 1 1 auto; }
    header .header-strip .button.secondary.header-button {
      color: rgba(255, 255, 255, 0.9); }
  header .menu-strip {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
    background: #FFF;
    box-shadow: 0 3px 3px -2px rgba(27, 27, 36, 0.1);
    overflow: visible;
    z-index: 1;
    font-size: 1.2em; }
    header .menu-strip .search-container {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      flex: 1 1 auto;
      background-color: rgba(225, 225, 225, 0.2);
      border-radius: 5px;
      padding: .15em .5em;
      border: none;
      font-size: .9em; }
      header .menu-strip .search-container input[type=search] {
        background-color: transparent;
        border: none;
        padding: 0;
        flex: 1 1 auto;
        cursor: pointer; }
        header .menu-strip .search-container input[type=search]:focus:hover {
          cursor: text; }
        header .menu-strip .search-container input[type=search]::placeholder {
          color: rgba(150, 150, 150, 0.5);
          opacity: 1; }
        header .menu-strip .search-container input[type=search]::-webkit-input-placeholder {
          color: rgba(150, 150, 150, 0.5);
          opacity: 1; }
        header .menu-strip .search-container input[type=search]:-moz-placeholder {
          color: rgba(150, 150, 150, 0.5);
          opacity: 1; }
    header .menu-strip .toggle-favourite-container {
      margin-left: 1.15em; }
      header .menu-strip .toggle-favourite-container button, header .menu-strip .toggle-favourite-container button:hover, header .menu-strip .toggle-favourite-container .toggle-favourite, header .menu-strip .toggle-favourite-container .toggle-favourite:hover {
        font-size: .85em; }
    header .menu-strip .dropper-container {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      box-sizing: border-box;
      white-space: nowrap;
      font-size: 0.9em;
      padding-left: .5em; }
      header .menu-strip .dropper-container button .name {
        padding-right: 2em; }
      header .menu-strip .dropper-container .dropdown-container {
        margin: .35em 0 0 .5em; }
    header .menu-strip .name-container {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      box-sizing: border-box;
      padding-left: .4em;
      flex: 1 1 auto; }
      header .menu-strip .name-container.shaded {
        flex: 0 0 350px;
        background-color: transparent; }
      header .menu-strip .name-container .image-container,
      header .menu-strip .name-container .icon {
        display: flex;
        flex: 0 0 2.8em;
        padding: .5em;
        box-sizing: border-box; }
        header .menu-strip .name-container .image-container > img,
        header .menu-strip .name-container .icon > img {
          width: 100%; }
      header .menu-strip .name-container .header {
        display: flex;
        flex-direction: column;
        align-content: flex-start;
        justify-content: flex-start;
        box-sizing: border-box;
        padding: .5em;
        flex: 1 1 auto;
        line-height: 1.05em;
        white-space: nowrap; }
        header .menu-strip .name-container .header .name {
          font-weight: 500;
          font-size: 1.05em; }
        header .menu-strip .name-container .header .subtitle {
          display: flex;
          flex-direction: row;
          align-content: center;
          align-items: center;
          justify-content: flex-start;
          font-size: .75em;
          color: #ABABAB; }
          header .menu-strip .name-container .header .subtitle .icon {
            flex: 0 0 auto;
            margin-right: .25em; }
    header .menu-strip .spacer {
      flex: 1 1 auto; }
      header .menu-strip .spacer + .fancy-tabs {
        margin-left: auto;
        width: auto;
        padding: 0;
        flex: 0 0 auto; }
        header .menu-strip .spacer + .fancy-tabs .tab {
          border-bottom: none; }
        header .menu-strip .spacer + .fancy-tabs + .action-container {
          margin-left: 1em; }
    header .menu-strip .version-container {
      display: flex;
      color: #ABABAB;
      padding: 0 1em 0 0;
      align-items: center;
      align-content: center;
      justify-content: center;
      font-size: .95em; }
    header .menu-strip .action-container {
      flex: 0 0 auto;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      margin: .5em 0;
      padding: 0 1em 0 .75em; }
      header .menu-strip .action-container:last-child {
        border-left: 2px solid rgba(225, 225, 225, 0.2); }
      header .menu-strip .action-container .dropper-container {
        margin-right: .5em; }
      header .menu-strip .action-container .button {
        font-size: .85em; }
        header .menu-strip .action-container .button.highlight {
          font-size: .95em; }
      header .menu-strip .action-container .list-mode {
        font-size: .85em;
        max-width: none; }
        header .menu-strip .action-container .list-mode .list-item .name {
          white-space: nowrap; }
        header .menu-strip .action-container .list-mode .list-item.multiline .name {
          line-height: 1.4em; }
          header .menu-strip .action-container .list-mode .list-item.multiline .name .title {
            font-size: 1.1em; }

.shaded header .menu-strip {
  background-color: rgba(255, 255, 255, 0.2); }
  .shaded header .menu-strip .image-container {
    border-radius: 50%;
    background-color: #FFF; }
  .shaded header .menu-strip .name-container {
    color: #FFF; }
    .shaded header .menu-strip .name-container .header .subtitle {
      color: #FFF; }
  .shaded header .menu-strip .fancy-tabs .tab.selected {
    color: #FFF; }

.shaded nav.sidebar {
  background-color: rgba(255, 255, 255, 0.2); }
  .shaded nav.sidebar > .list-mode > .list-item {
    color: #FFF; }
    .shaded nav.sidebar > .list-mode > .list-item.selected {
      background-color: rgba(255, 255, 255, 0.8);
      box-shadow: rgba(9, 30, 66, 0.25) 0 1px 1px, rgba(9, 30, 66, 0.31) 0 0 1px; }
      .shaded nav.sidebar > .list-mode > .list-item.selected:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container):hover {
        background-color: white; }
      .shaded nav.sidebar > .list-mode > .list-item.selected .icon,
      .shaded nav.sidebar > .list-mode > .list-item.selected .name,
      .shaded nav.sidebar > .list-mode > .list-item.selected .dropper {
        color: #232323; }
      .shaded nav.sidebar > .list-mode > .list-item.selected .dropper.active + .dropdown-container.slide-out {
        background-color: rgba(255, 255, 255, 0.95); }

.markItUp * {
  margin: 0;
  padding: 0;
  outline: none; }

.textarea_container {
  position: relative; }

textarea.markItUpEditor,
textarea.markItUpEditor:focus {
  box-sizing: border-box;
  font-size: 1.4em;
  padding: 5px;
  width: 690px;
  height: 320px;
  clear: both;
  line-height: 18px;
  overflow: auto;
  display: block;
  font-family: "Fira Mono", monospace;
  border-radius: 0 0 4px 4px;
  border: 2px solid rgba(200, 200, 200, 0.3);
  transition: border-color .25s ease-in-out; }
  textarea.markItUpEditor:focus,
  textarea.markItUpEditor:focus:focus {
    border-color: #0C8990; }

.markItUpPreviewFrame {
  overflow: auto;
  background-color: #FFF;
  width: 99.9%;
  height: 300px;
  margin: 5px 0; }

.markItUpFooter {
  display: none; }

.markItUpResizeHandle {
  overflow: hidden;
  width: 22px;
  height: 5px;
  margin-left: auto;
  margin-right: auto;
  cursor: n-resize; }

.syntax_picker_container {
  top: 5px;
  right: 5px;
  position: absolute; }
  .syntax_picker_container .fancy-dropdown-container .fancy-dropdown {
    background: white;
    border-color: rgba(200, 200, 200, 0.3); }
    .syntax_picker_container .fancy-dropdown-container .fancy-dropdown:hover {
      border-color: #0C8990;
      cursor: pointer; }
    .syntax_picker_container .fancy-dropdown-container .fancy-dropdown.active {
      border-color: #0C8990; }

.markItUpHeader {
  font: 11px 'Source Sans Pro', sans-serif;
  height: auto;
  background-color: rgba(200, 200, 200, 0.3);
  border-radius: 4px 4px 0 0;
  display: block;
  font-size: .9rem;
  /* next rows of buttons */ }
  .markItUpHeader a:link,
  .markItUpHeader a:visited {
    color: #000;
    text-decoration: none; }
  .markItUpHeader ul,
  .markItUpHeader li {
    list-style: none;
    margin: 0;
    padding: 0; }
  .markItUpHeader > ul {
    display: flex;
    align-items: center;
    padding: .7em 0 .7em .7em; }
    .markItUpHeader > ul > li {
      flex: 0 0 auto;
      display: flex;
      position: relative;
      align-items: center; }
      .markItUpHeader > ul > li > a,
      .markItUpHeader > ul > li > a:hover {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 1.8em;
        min-height: 1.8em;
        box-sizing: border-box;
        padding: .2em;
        border: none;
        border-radius: 4px;
        font-size: 1em;
        margin: 0; }
      .markItUpHeader > ul > li:hover > a {
        background-color: rgba(200, 200, 200, 0.3); }
      .markItUpHeader > ul > li > ul {
        display: flex;
        flex-direction: column;
        transform: scaleY(0);
        transform-origin: top left;
        transition: transform .2s ease-in-out;
        position: absolute;
        top: 1.8em;
        left: 0;
        background: #FFF;
        padding: .5em;
        box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
        border-radius: 4px; }
        .markItUpHeader > ul > li > ul > li {
          padding: 0; }
          .markItUpHeader > ul > li > ul > li > a {
            display: block;
            padding: .35em;
            border: none;
            border-radius: 4px;
            white-space: nowrap; }
            .markItUpHeader > ul > li > ul > li > a:hover {
              background-color: rgba(200, 200, 200, 0.3); }
      .markItUpHeader > ul > li:hover > ul {
        transform: scaleY(1); }
  .markItUpHeader ul .markItUpSeparator {
    margin: 0 10px;
    width: 1px;
    height: 16px;
    overflow: hidden;
    background-color: #CCC; }
  .markItUpHeader ul ul .markItUpSeparator {
    width: auto;
    height: 1px;
    margin: 0; }

.message-box {
  display: flex;
  width: calc(100% - 2em);
  box-sizing: border-box;
  margin: 1em;
  padding: 1em;
  border: none;
  align-items: center;
  border-radius: .5em;
  font-weight: 400; }
  .message-box.hidden {
    display: none; }
  .message-box.type-error {
    background-color: #AF3E4D;
    color: #FFF; }
    .message-box.type-error .message {
      color: white; }
  .message-box.type-warning {
    background-color: #F4D58D;
    color: #232323; }
    .message-box.type-warning .count-badge {
      background-color: rgba(255, 255, 255, 0.4); }
    .message-box.type-warning .actions .button.secondary, .message-box.type-warning .actions .button.secondary:hover {
      color: #232323;
      font-weight: 600; }
    .message-box.type-warning .actions .button.secondary:hover {
      border-color: rgba(0, 0, 0, 0.4); }
  .message-box.type-info {
    border-color: transparent;
    color: #FFF;
    background: #0cd8b6; }
    .message-box.type-info a, .message-box.type-info a:hover {
      color: #FFF;
      font-weight: 600;
      text-decoration: none;
      border-bottom: 1px dotted #FFF; }
  .message-box .command_box {
    background-color: rgba(100, 100, 100, 0.3); }
    .message-box .command_box.focus {
      font-size: 1.1em; }
  .message-box .count-badge {
    font-size: 1em; }
  .message-box.cdx-alert-primary, .message-box.cdx-alert-secondary, .message-box.cdx-alert-info, .message-box.cdx-alert-success, .message-box.cdx-alert-warning, .message-box.cdx-alert-danger, .message-box.cdx-alert-light, .message-box.cdx-alert-dark {
    border: none; }
  .message-box .fas,
  .message-box .fab,
  .message-box .far {
    margin-right: 5px; }
    .message-box .fas.icon.large,
    .message-box .fab.icon.large,
    .message-box .far.icon.large {
      font-size: 2.4em;
      margin-right: .5em; }
  .message-box .title {
    flex: 1 1 auto;
    font-size: 1.1em;
    font-weight: 600; }
  .message-box b {
    font-weight: 600; }
  .message-box .message {
    flex: 1 1 auto;
    font-size: 1em;
    display: flex;
    flex-direction: column; }
    .message-box .message + .actions {
      margin-left: 10px; }
  .message-box .actions {
    flex: 0 0 auto;
    flex-direction: column;
    align-items: flex-end; }
    .message-box .actions .button.secondary, .message-box .actions .button.secondary.highlight {
      background-color: rgba(255, 255, 255, 0.2);
      color: #FFF;
      border: 1px solid transparent; }
      .message-box .actions .button.secondary:hover, .message-box .actions .button.secondary.highlight:hover {
        border-color: rgba(255, 255, 255, 0.4); }
  .message-box .image-container {
    flex: 0 0 60px;
    box-sizing: border-box;
    padding: 0 1em 0 .5em; }
    .message-box .image-container img {
      width: 100%;
      height: auto; }
  .message-box .command_box {
    font-size: .85em; }
  .message-box ul {
    margin: 0;
    padding: 0; }
    .message-box ul li {
      margin: 0; }
      .message-box ul li:not(.command_box) {
        padding: 0; }
      .message-box ul li + li {
        margin-left: .25em; }

.onboarding {
  font-size: 1.35em;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
  text-align: center;
  line-height: 1.4em;
  padding: 0 0 35px 0;
  display: flex;
  margin: 25px auto;
  flex-direction: column;
  align-items: center; }
  .onboarding.hidden {
    display: none; }
  .onboarding.large {
    width: 500px; }
    .onboarding.large img {
      display: inline-block;
      width: 100%; }
  .onboarding.small {
    width: 128px; }
    .onboarding.small img {
      width: calc(100% - 20px); }
  .onboarding .helper-text {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: .9em;
    margin-top: 25px;
    font-weight: 300; }
    .onboarding .helper-text::first-line,
    .onboarding .helper-text .title {
      font-size: 1.25em;
      font-weight: 400; }
  .onboarding img {
    opacity: 1;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    margin: 0;
    width: 100%; }
  .onboarding .image-container {
    border-radius: 100%;
    padding: 55px;
    overflow: hidden;
    background-color: rgba(12, 137, 144, 0.1);
    width: 250px;
    height: 250px;
    display: flex;
    align-items: center;
    box-sizing: border-box; }
  .onboarding.medium .image-container {
    padding: 35px;
    width: 150px;
    height: 150px; }
  .onboarding.unthemed .image-container {
    background-color: transparent; }
  .onboarding .button-container {
    text-align: center;
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    margin: 1rem 0;
    justify-content: space-around;
    font-size: .85em; }
  .onboarding .content-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    flex: 0 0 auto;
    margin: 1rem 0; }

.project_overview {
  display: flex;
  flex-direction: column;
  padding: 0 1rem 1rem 1rem;
  align-self: center;
  width: 100%;
  max-width: 1024px;
  margin: 0 auto; }

.project-list {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center; }

.project-strip {
  display: flex;
  flex-direction: column;
  border: none;
  background: #FFF;
  align-items: stretch;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.16), 0 0 1px 0 rgba(0, 0, 0, 0.16);
  border-radius: 4px;
  padding: 0 1.2em;
  margin: .75em 0 0 0;
  transform: translateY(0);
  transition: box-shadow .25s ease-in-out, transform .25s ease-in-out; }
  .project-strip:hover {
    transform: translateY(-2px);
    box-shadow: 0 3px 5px 0 rgba(27, 27, 36, 0.2);
    z-index: 1; }
    .project-strip:hover + .subprojects-list {
      background-color: rgba(12, 216, 182, 0.2); }
  .project-strip .details {
    font-weight: 400;
    vertical-align: middle;
    box-sizing: border-box;
    min-width: 300px;
    line-height: 1.3em;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: .5em 0; }
    .project-strip .details .icon-container {
      flex: 0 0 32px;
      padding: .5rem 0;
      display: flex;
      align-items: center;
      border-radius: 100%; }
      .project-strip .details .icon-container .icon-large {
        background-color: white;
        border: 1px solid rgba(0, 0, 0, 0.1);
        border-radius: 100%;
        display: inline-block;
        height: 32px;
        line-height: 32px;
        margin: 3px 8px 0 0;
        padding: 3px;
        text-align: center;
        vertical-align: middle;
        width: 32px;
        overflow: hidden; }
        .project-strip .details .icon-container .icon-large img {
          width: 100%; }
    .project-strip .details .information {
      display: flex;
      flex-direction: column; }
      .project-strip .details .information .description {
        font-weight: 300; }
      .project-strip .details .information .name a,
      .project-strip .details .information .name a:hover {
        color: #141823;
        font-size: 1.1em;
        font-weight: 500;
        display: flex;
        align-items: center;
        text-decoration: none;
        border: none; }
  .project-strip .button-group {
    flex: 0 0 auto;
    box-sizing: border-box;
    min-width: 300px;
    margin: .5em 0;
    line-height: 1.3em;
    position: relative;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 0 .75em 0; }
    .project-strip .button-group .report-issue-button {
      margin-left: auto; }

.subprojects-list {
  clear: both;
  padding: 1rem;
  background-color: rgba(225, 225, 225, 0.25);
  margin: 0 .25rem;
  font-weight: 400;
  border-radius: 0 0 5px 5px;
  transition: background-color .25s ease-in-out; }
  .subprojects-list:hover {
    background-color: rgba(12, 216, 182, 0.2); }
  .subprojects-list h5 {
    margin-top: 0;
    padding-top: 0; }
  .subprojects-list .configurable-component > .row {
    align-items: center; }
    .subprojects-list .configurable-component > .row a.title {
      color: #141823;
      border: none; }
    .subprojects-list .configurable-component > .row .actions {
      margin-right: 1rem; }
    .subprojects-list .configurable-component > .row .icon img {
      width: 100%; }
    .subprojects-list .configurable-component > .row .button-group {
      flex: 0 0 auto;
      box-sizing: border-box;
      min-width: 300px;
      margin: 5px 0;
      line-height: 1.3em;
      position: relative;
      text-align: right;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      padding: .25rem 1rem; }
      .subprojects-list .configurable-component > .row .button-group .button {
        font-size: .8em; }

.quicksearch-container {
  display: flex;
  flex-direction: column;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) scaleY(0);
  transform-origin: top;
  opacity: 0;
  width: 500px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  border-radius: 10px;
  background-color: #2B2D42;
  transition: transform .2s ease-in-out, opacity .2s ease-in-out;
  z-index: 1000; }
  .quicksearch-container.active {
    transform: translateX(-50%) translateY(-50%) scaleY(1);
    opacity: 1; }
  .quicksearch-container .quicksearch-content {
    display: flex;
    flex-direction: column;
    padding: 0;
    align-items: stretch;
    justify-content: flex-start; }
    .quicksearch-container .quicksearch-content .searchbox-container {
      padding: 1em;
      display: flex;
      flex-direction: column;
      align-content: stretch;
      justify-content: stretch; }
      .quicksearch-container .quicksearch-content .searchbox-container input[type=search], .quicksearch-container .quicksearch-content .searchbox-container input[type=search]:hover {
        flex: 0 0 auto;
        padding: .5em .75em;
        font-size: 1.2em;
        font-weight: 400;
        border-radius: 4px;
        border: none;
        background-color: rgba(255, 255, 255, 0.1);
        color: #FFF; }
      .quicksearch-container .quicksearch-content .searchbox-container .description {
        padding: .5em 0;
        font-style: italic;
        color: #FFF; }
    .quicksearch-container .quicksearch-content .separator {
      padding: 0;
      border-bottom: 1px solid rgba(255, 255, 255, 0.4);
      margin: 0 1em 1em 1em; }
    .quicksearch-container .quicksearch-content .quicksearch-results {
      padding: 0 0 1em 0;
      display: flex;
      flex-direction: column;
      align-items: stretch;
      justify-content: flex-start;
      max-height: 400px;
      overflow: auto; }
      .quicksearch-container .quicksearch-content .quicksearch-results .indicator {
        margin: 2em auto;
        font-size: 2.2em;
        color: #FFF; }
      .quicksearch-container .quicksearch-content .quicksearch-results .result-item {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: stretch;
        color: #FFF;
        padding: .5em 1em;
        background: transparent; }
        .quicksearch-container .quicksearch-content .quicksearch-results .result-item:not(.header).selected, .quicksearch-container .quicksearch-content .quicksearch-results .result-item:not(.header):hover {
          cursor: pointer;
          background-color: rgba(255, 255, 255, 0.1); }
        .quicksearch-container .quicksearch-content .quicksearch-results .result-item.header {
          font-size: .8em;
          font-weight: 500;
          text-transform: uppercase; }
        .quicksearch-container .quicksearch-content .quicksearch-results .result-item .icon {
          flex: 0 0 24px;
          font-size: 1.2em; }
          .quicksearch-container .quicksearch-content .quicksearch-results .result-item .icon img {
            width: 1.5em; }
        .quicksearch-container .quicksearch-content .quicksearch-results .result-item .count-badge {
          color: #FFF;
          margin: 0; }
        .quicksearch-container .quicksearch-content .quicksearch-results .result-item .name {
          flex: 1 1 auto;
          display: flex;
          flex-direction: column;
          align-items: stretch;
          justify-content: flex-start;
          font-weight: 400; }
          .quicksearch-container .quicksearch-content .quicksearch-results .result-item .name .title {
            font-size: 1.15em; }
          .quicksearch-container .quicksearch-content .quicksearch-results .result-item .name .description {
            font-style: italic; }

.related-issues-list {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  font-size: .9em; }
  .related-issues-list .related-issue, .related-issues-list .related-issue:hover {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    box-shadow: rgba(9, 30, 66, 0.25) 0 1px 1px, rgba(9, 30, 66, 0.31) 0 0 1px;
    background-color: #FFF;
    padding: .35em;
    border-radius: .25em;
    font-size: 1em;
    margin-bottom: .5em;
    transition: border .25s ease-in-out;
    border: none;
    color: #232323; }
    .related-issues-list .related-issue .count-badge, .related-issues-list .related-issue:hover .count-badge {
      margin-left: 0; }
    .related-issues-list .related-issue .issue-state, .related-issues-list .related-issue:hover .issue-state {
      font-size: .8em;
      margin-right: .35em; }
    .related-issues-list .related-issue .issue-title, .related-issues-list .related-issue:hover .issue-title {
      flex: 1 1 auto;
      margin-left: .25em; }
      .related-issues-list .related-issue .issue-title, .related-issues-list .related-issue .issue-title:hover, .related-issues-list .related-issue:hover .issue-title, .related-issues-list .related-issue:hover .issue-title:hover {
        color: #232323;
        border: none;
        text-decoration: none; }
    .related-issues-list .related-issue .information, .related-issues-list .related-issue:hover .information {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      flex: 0 0 auto;
      margin: 0 .75em;
      color: #676767;
      font-weight: 500;
      font-size: .9em; }
      .related-issues-list .related-issue .information + .information, .related-issues-list .related-issue:hover .information + .information {
        margin-left: 0; }
    .related-issues-list .related-issue .userlink, .related-issues-list .related-issue:hover .userlink {
      margin-right: .35em; }
    .related-issues-list .related-issue.closed .issue-title, .related-issues-list .related-issue:hover.closed .issue-title {
      text-decoration: line-through; }

.status-badge {
  font-weight: 300;
  display: inline-flex;
  color: rgba(0, 0, 0, 0.45);
  text-transform: uppercase;
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 3px 5px;
  line-height: 1;
  border-radius: 3px;
  vertical-align: middle; }
  .status-badge .fas,
  .status-badge .far {
    flex: 0 0 auto;
    line-height: 1em;
    height: 1em; }
  .status-badge span {
    flex: 1 1 auto; }
  .status-badge .name {
    height: auto;
    padding: .3em; }
  .status-badge.hidden {
    display: none; }
  .status-badge.core {
    background-color: rgba(150, 150, 150, 0.2);
    color: #888; }
  .status-badge.enabled {
    background-color: rgba(177, 210, 143, 0.6); }
  .status-badge.disabled {
    background-color: rgba(150, 150, 150, 0.1); }
  .status-badge.outdated {
    background-color: #0cd8b6;
    color: #FFF; }

#file_upload_dummy,
#file_upload_dummy_label {
  display: none; }

.upload-container {
  display: flex;
  position: fixed;
  left: .15em;
  top: .15em;
  right: .15em;
  bottom: .15em;
  border: 2px solid #0c8990;
  border-radius: .5em;
  background: rgba(255, 255, 255, 0.4);
  flex-direction: row;
  align-items: flex-end;
  justify-content: center;
  z-index: 1010; }
  .upload-container.hidden {
    display: none; }
    .upload-container.hidden .wrapper {
      transform: translateY(5%); }
  .upload-container .wrapper {
    flex: 0 0 auto;
    margin: 0 auto;
    padding: 2em;
    background: transparent;
    display: flex;
    flex-direction: column;
    align-items: center;
    transform: translateY(-5%);
    transition: transform 1s ease-in-out; }
    .upload-container .wrapper .image-container {
      width: 9em;
      box-sizing: border-box;
      padding: 1em 0; }
      .upload-container .wrapper .image-container img {
        width: 100%; }
    .upload-container .wrapper .message {
      font-size: 1.1em;
      font-weight: 300; }

.upload-status-container {
  display: flex;
  position: fixed;
  bottom: 0;
  right: 2em;
  width: auto;
  min-width: 20em;
  max-width: 25em;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  background: #FFF;
  border-radius: .5em .5em 0 0;
  border: 1px solid #0c8990;
  border-bottom: none;
  box-shadow: 0 -3px 7px -3px rgba(0, 0, 0, 0.6);
  font-size: 1.1em; }
  .upload-status-container:not(.active) {
    display: none; }
  .upload-status-container h3 {
    padding: .75em;
    margin: 0;
    border-bottom: 2px solid #0c8990;
    background: transparent;
    font-size: .9em;
    font-weight: 500;
    color: #0c8990;
    text-transform: uppercase; }
  .upload-status-container .drop-hint {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    background-color: rgba(200, 200, 200, 0.2);
    border-bottom: 1px solid rgba(100, 100, 100, 0.3);
    color: #676767;
    font-size: .9em;
    font-weight: 300;
    padding: .65em; }
    .upload-status-container .drop-hint:not(.active) {
      display: none; }
    .upload-status-container .drop-hint .icon {
      flex: 0 0 auto;
      padding-right: .35em; }
    .upload-status-container .drop-hint .message {
      flex: 1 1 auto; }
  .upload-status-container.expanded .list-mode {
    display: flex; }
  .upload-status-container .list-mode {
    display: none; }
    .upload-status-container .list-mode .list-item, .upload-status-container .list-mode .list-item:hover {
      position: relative;
      margin-left: 0;
      margin-right: 0;
      border-radius: 0; }
    .upload-status-container .list-mode .list-item .icon .indicator {
      display: initial; }
    .upload-status-container .list-mode .list-item .icon .confirmed,
    .upload-status-container .list-mode .list-item .icon .error-icon {
      display: none; }
    .upload-status-container .list-mode .list-item.confirmed .icon .indicator,
    .upload-status-container .list-mode .list-item.confirmed .icon .error-icon {
      display: none; }
    .upload-status-container .list-mode .list-item.confirmed .icon .confirmed {
      display: initial; }
    .upload-status-container .list-mode .list-item.error {
      color: #D62246; }
      .upload-status-container .list-mode .list-item.error .icon .indicator,
      .upload-status-container .list-mode .list-item.error .icon .confirmed {
        display: none; }
      .upload-status-container .list-mode .list-item.error .icon .error-icon {
        color: #D62246;
        display: initial; }
    .upload-status-container .list-mode .list-item .progress-container {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 2px;
      background: transparent; }
      .upload-status-container .list-mode .list-item .progress-container .progress {
        position: absolute;
        left: 0;
        bottom: 0;
        height: 100%;
        background: #0c8990; }
    .upload-status-container .list-mode .list-item.confirmed .progress-container {
      display: none; }

.fullpage_backdrop .fullpage_backdrop_content .backdrop_box.avatar-header {
  width: 450px; }
  .fullpage_backdrop .fullpage_backdrop_content .backdrop_box.avatar-header .avatar-container {
    position: absolute;
    left: 50%;
    transform: translateX(-50%) translateY(-80%);
    border-radius: 100%;
    border: 3px solid white;
    overflow: hidden;
    width: 76px;
    height: 76px;
    background: #FFF;
    box-shadow: 0 -3px 6px -6px rgba(0, 0, 0, 0.36); }
    .fullpage_backdrop .fullpage_backdrop_content .backdrop_box.avatar-header .avatar-container img {
      width: 100%; }
  .fullpage_backdrop .fullpage_backdrop_content .backdrop_box.avatar-header .backdrop_detail_header {
    padding-top: 50px;
    align-items: center;
    justify-content: center; }
    .fullpage_backdrop .fullpage_backdrop_content .backdrop_box.avatar-header .backdrop_detail_header span {
      text-align: center; }

.userlink {
  display: inline-flex;
  align-items: center;
  font-weight: 400;
  padding: .25em .35em;
  border-radius: 4px;
  border: 0;
  background-color: transparent;
  transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out, color 0.3s ease-in-out; }
  .userlink:hover {
    text-decoration: none;
    background: rgba(225, 225, 225, 0.2);
    border: none;
    font-weight: 400; }
  .userlink .avatar {
    margin-right: .35em; }

.userstate {
  display: none; }
  .userstateimg {
    width: 12px;
    height: 12px;
    display: inline-block;
    margin: 1px 2px 2px 0;
    vertical-align: middle; }
  .userstate.fas, .userstate.far {
    display: inline-block;
    width: 12px;
    font-size: 0.8em; }
    .userstate.fas.online, .userstate.far.online {
      color: #329632; }
    .userstate.fas.busy, .userstate.fas.unavailable, .userstate.far.busy, .userstate.far.unavailable {
      color: #c83232; }
    .userstate.fas.in-meeting, .userstate.far.in-meeting {
      color: #3232c8; }
    .userstate.fas.absent, .userstate.far.absent {
      color: #c8c800; }
    .userstate.fas.offline, .userstate.far.offline {
      color: #c8c8c8; }

#main_container {
  transition: background-color .25s ease-in-out; }
  #main_container.shaded header {
    background: rgba(0, 0, 0, 0.1); }
  #main_container.shaded button.secondary, #main_container.shaded button.secondary:hover,
  #main_container.shaded .button.secondary,
  #main_container.shaded .button.secondary:hover {
    color: #FFF; }
  #main_container.shaded button.primary,
  #main_container.shaded .button.primary {
    background-color: #FFF;
    color: #0c8990; }
  #main_container.shaded .top-search-filters-container {
    background-color: rgba(255, 255, 255, 0.2); }
    #main_container.shaded .top-search-filters-container .header {
      color: #FFF; }
      #main_container.shaded .top-search-filters-container .header .name-container .board-name,
      #main_container.shaded .top-search-filters-container .header .name-container .project-name {
        color: #FFF; }
    #main_container.shaded .top-search-filters-container .fancy-tabs .tab {
      color: #FFF; }
      #main_container.shaded .top-search-filters-container .fancy-tabs .tab.selected::after {
        background-color: #FFF; }
  #main_container.shaded .onboarding .image-container {
    background-color: rgba(0, 0, 0, 0.1); }
  #main_container.shaded .onboarding .helper-text {
    color: rgba(255, 255, 255, 0.8); }

.boards-container {
  display: flex;
  flex-direction: column; }

.project-boards-list-container .project-boards-list {
  padding: 1em;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
  font-size: .9rem; }
  .project-boards-list-container .project-boards-list .board {
    margin: 0 .35rem .35rem 0;
    background: #FFF;
    border: none;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.16), 0 0 1px 0 rgba(0, 0, 0, 0.16);
    border-radius: 4px;
    display: flex;
    flex-direction: row;
    position: relative;
    width: 350px;
    align-items: stretch;
    transform: translateY(0);
    transition: box-shadow .25s ease-in-out, transform .25s ease-in-out;
    padding: 1em;
    color: #141823; }
    .project-boards-list-container .project-boards-list .board:hover {
      border: none;
      transform: translateY(-2px);
      box-shadow: 0 3px 5px 0 rgba(27, 27, 36, 0.2); }
    .project-boards-list-container .project-boards-list .board .image-container {
      flex: 0 0 40px;
      margin-right: 1em; }
      .project-boards-list-container .project-boards-list .board .image-container img {
        width: 40px; }
    .project-boards-list-container .project-boards-list .board .details {
      flex: 1 1 auto;
      align-items: flex-start; }
      .project-boards-list-container .project-boards-list .board .details .name {
        font-size: 1.3em;
        font-weight: 500; }
    .project-boards-list-container .project-boards-list .board:not(.button):not(.closer):not(.list-item) .fas,
    .project-boards-list-container .project-boards-list .board:not(.button):not(.closer):not(.list-item) .far {
      margin: 0; }
    .project-boards-list-container .project-boards-list .board:not(.button):not(.closer):not(.list-item) .icon {
      margin: 0; }
    .project-boards-list-container .project-boards-list .board .actions-container {
      display: flex;
      flex: 0 0 auto;
      white-space: nowrap;
      align-items: flex-start; }

#content_container .label-generic,
#content_container .label-kanban,
#content_container .label-scrum {
  display: none; }

#content_container.type-generic .label-generic {
  display: inherit; }

#content_container.type-kanban .label-kanban {
  display: inherit; }

#content_container.type-scrum .label-scrum {
  display: inherit; }

.whiteboard .onboarding.hidden {
  display: none; }
  .whiteboard .onboarding.hidden + .whiteboard-columns {
    display: flex; }

.whiteboard .onboarding + .whiteboard-columns {
  display: none; }

.whiteboard .onboarding .button-container.active {
  display: none; }
  .whiteboard .onboarding .button-container.active + .content-container {
    display: initial; }

.whiteboard .onboarding .button-container + .content-container {
  display: none; }

.whiteboard-columns-container {
  flex: 1 1 auto;
  overflow-x: auto;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: stretch;
  box-sizing: border-box; }
  .whiteboard-columns-container .whiteboard-columns {
    display: flex;
    flex: 1 1 100%;
    padding: 1em;
    min-height: 50vh;
    box-sizing: border-box;
    flex-direction: column;
    align-items: stretch;
    justify-content: stretch; }
    .whiteboard-columns-container .whiteboard-columns .header {
      display: flex;
      box-sizing: border-box;
      flex-direction: column;
      width: 100%;
      flex: 0 0 auto; }
    .whiteboard-columns-container .whiteboard-columns .row {
      flex: 0 0 auto;
      display: flex;
      flex-direction: row;
      align-items: stretch;
      justify-content: flex-start;
      box-sizing: border-box;
      flex-wrap: nowrap; }
      .whiteboard-columns-container .whiteboard-columns .row:first-child {
        align-items: stretch; }
        .whiteboard-columns-container .whiteboard-columns .row:first-child .column {
          border-top-left-radius: 4px;
          border-top-right-radius: 4px; }
          .whiteboard-columns-container .whiteboard-columns .row:first-child .column#add-next-column-input-container {
            border-bottom-left-radius: 4px;
            border-bottom-right-radius: 4px; }
      .whiteboard-columns-container .whiteboard-columns .row:last-child .column {
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px; }
      .whiteboard-columns-container .whiteboard-columns .row .column {
        flex: 0 0 300px;
        padding: 0 .5em;
        border: 1px solid transparent;
        background-color: rgba(255, 255, 255, 0.7);
        border-radius: 0;
        transition: background-color .25s ease-in-out, border .25s ease-in-out;
        margin: 0;
        position: relative;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start; }
        .whiteboard-columns-container .whiteboard-columns .row .column .form-container, .whiteboard-columns-container .whiteboard-columns .row .column.form-container {
          font-size: 1em;
          position: relative; }
        .whiteboard-columns-container .whiteboard-columns .row .column + .column {
          margin-left: .5em; }
        .whiteboard-columns-container .whiteboard-columns .row .column#add-next-column-input-container {
          position: relative; }
          .whiteboard-columns-container .whiteboard-columns .row .column#add-next-column-input-container .card {
            display: none; }
          .whiteboard-columns-container .whiteboard-columns .row .column#add-next-column-input-container.toggle-card .card {
            width: 100%;
            display: initial;
            position: absolute;
            top: 0;
            left: 0; }
          .whiteboard-columns-container .whiteboard-columns .row .column#add-next-column-input-container + .form-container {
            display: none; }
        .whiteboard-columns-container .whiteboard-columns .row .column.drop-valid.drop-highlight {
          background-color: rgba(12, 137, 144, 0.1); }
        .whiteboard-columns-container .whiteboard-columns .row .column.drop-valid .whiteboard-issue.drop-indicator-above::before, .whiteboard-columns-container .whiteboard-columns .row .column.drop-valid .whiteboard-issue.drop-indicator-below::before {
          content: '';
          position: absolute;
          width: 100%;
          box-sizing: border-box;
          background-color: rgba(255, 255, 255, 0.8);
          border: 2px solid rgba(225, 225, 225, 0.2);
          border-radius: 4px;
          height: 7em;
          top: 0; }
        .whiteboard-columns-container .whiteboard-columns .row .column.drop-valid .whiteboard-issue:not(.clone).drop-indicator-below {
          margin-bottom: 8em; }
          .whiteboard-columns-container .whiteboard-columns .row .column.drop-valid .whiteboard-issue:not(.clone).drop-indicator-below:not(:last-child) {
            margin-bottom: 8.25em; }
          .whiteboard-columns-container .whiteboard-columns .row .column.drop-valid .whiteboard-issue:not(.clone).drop-indicator-below:not(:first-child) {
            margin-top: .75em; }
          .whiteboard-columns-container .whiteboard-columns .row .column.drop-valid .whiteboard-issue:not(.clone).drop-indicator-below::before {
            transform: translateY(calc(100% + .75em)); }
          .whiteboard-columns-container .whiteboard-columns .row .column.drop-valid .whiteboard-issue:not(.clone).drop-indicator-below.with-cover::before {
            transform: translateY(calc(100% + 5.75em)); }
        .whiteboard-columns-container .whiteboard-columns .row .column.drop-valid .whiteboard-issue:not(.clone).drop-indicator-above {
          margin-bottom: .75em;
          margin-top: 7.5em; }
          .whiteboard-columns-container .whiteboard-columns .row .column.drop-valid .whiteboard-issue:not(.clone).drop-indicator-above:not(:first-child) {
            margin-top: 8em; }
          .whiteboard-columns-container .whiteboard-columns .row .column.drop-valid .whiteboard-issue:not(.clone).drop-indicator-above::before {
            transform: translateY(calc(-100% - .5em)); }
        .whiteboard-columns-container .whiteboard-columns .row .column.drop-valid.drop-hover {
          background-color: rgba(12, 137, 144, 0.5);
          border: 1px solid rgba(12, 137, 144, 0.7); }
        .whiteboard-columns-container .whiteboard-columns .row .column > .form-container > .row,
        .whiteboard-columns-container .whiteboard-columns .row .column > .row {
          flex: 1 1 auto;
          display: flex;
          flex-direction: row;
          align-items: stretch;
          padding: .5em 0; }
          .whiteboard-columns-container .whiteboard-columns .row .column > .form-container > .row .name,
          .whiteboard-columns-container .whiteboard-columns .row .column > .row .name {
            flex: 1 1 auto;
            flex-direction: row;
            flex-wrap: nowrap; }
            .whiteboard-columns-container .whiteboard-columns .row .column > .form-container > .row .name .form-row,
            .whiteboard-columns-container .whiteboard-columns .row .column > .row .name .form-row {
              padding: 0;
              width: auto; }
              .whiteboard-columns-container .whiteboard-columns .row .column > .form-container > .row .name .form-row.name-container,
              .whiteboard-columns-container .whiteboard-columns .row .column > .row .name .form-row.name-container {
                flex: 1 1 auto; }
              .whiteboard-columns-container .whiteboard-columns .row .column > .form-container > .row .name .form-row:not(.name-container),
              .whiteboard-columns-container .whiteboard-columns .row .column > .row .name .form-row:not(.name-container) {
                align-content: center; }
              .whiteboard-columns-container .whiteboard-columns .row .column > .form-container > .row .name .form-row input[type=text],
              .whiteboard-columns-container .whiteboard-columns .row .column > .form-container > .row .name .form-row .input,
              .whiteboard-columns-container .whiteboard-columns .row .column > .row .name .form-row input[type=text],
              .whiteboard-columns-container .whiteboard-columns .row .column > .row .name .form-row .input {
                font-size: 1.1em;
                font-weight: 300; }
                .whiteboard-columns-container .whiteboard-columns .row .column > .form-container > .row .name .form-row input[type=text].trigger-whiteboard-toggle-add-next-column, .whiteboard-columns-container .whiteboard-columns .row .column > .form-container > .row .name .form-row input[type=text].column-header,
                .whiteboard-columns-container .whiteboard-columns .row .column > .form-container > .row .name .form-row .input.trigger-whiteboard-toggle-add-next-column,
                .whiteboard-columns-container .whiteboard-columns .row .column > .form-container > .row .name .form-row .input.column-header,
                .whiteboard-columns-container .whiteboard-columns .row .column > .row .name .form-row input[type=text].trigger-whiteboard-toggle-add-next-column,
                .whiteboard-columns-container .whiteboard-columns .row .column > .row .name .form-row input[type=text].column-header,
                .whiteboard-columns-container .whiteboard-columns .row .column > .row .name .form-row .input.trigger-whiteboard-toggle-add-next-column,
                .whiteboard-columns-container .whiteboard-columns .row .column > .row .name .form-row .input.column-header {
                  width: 100%;
                  font-weight: 500; }
          .whiteboard-columns-container .whiteboard-columns .row .column > .form-container > .row .statuses-badge,
          .whiteboard-columns-container .whiteboard-columns .row .column > .row .statuses-badge {
            flex: 0 0 auto;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center; }
          .whiteboard-columns-container .whiteboard-columns .row .column > .form-container > .row .column-count,
          .whiteboard-columns-container .whiteboard-columns .row .column > .row .column-count {
            flex: 0 0 auto; }
            .whiteboard-columns-container .whiteboard-columns .row .column > .form-container > .row .column-count + .column-count,
            .whiteboard-columns-container .whiteboard-columns .row .column > .row .column-count + .column-count {
              margin-left: .15rem; }
            .whiteboard-columns-container .whiteboard-columns .row .column > .form-container > .row .column-count.under, .whiteboard-columns-container .whiteboard-columns .row .column > .form-container > .row .column-count.over,
            .whiteboard-columns-container .whiteboard-columns .row .column > .row .column-count.under,
            .whiteboard-columns-container .whiteboard-columns .row .column > .row .column-count.over {
              display: none; }
          .whiteboard-columns-container .whiteboard-columns .row .column > .form-container > .row .over-workitems .column-count.over,
          .whiteboard-columns-container .whiteboard-columns .row .column > .row .over-workitems .column-count.over {
            display: inline-block; }
          .whiteboard-columns-container .whiteboard-columns .row .column > .form-container > .row .under-workitems .column-count.under,
          .whiteboard-columns-container .whiteboard-columns .row .column > .row .under-workitems .column-count.under {
            display: inline-block; }
      .whiteboard-columns-container .whiteboard-columns .row .columns-container {
        flex: 1 1 auto;
        display: block; }
        .whiteboard-columns-container .whiteboard-columns .row .columns-container .columns {
          display: flex;
          flex-direction: row;
          flex-wrap: nowrap; }
      .whiteboard-columns-container .whiteboard-columns .row.swimlane {
        flex-direction: column;
        justify-content: stretch; }
        .whiteboard-columns-container .whiteboard-columns .row.swimlane .form-container {
          flex: 0 0 auto;
          margin-top: auto; }
        .whiteboard-columns-container .whiteboard-columns .row.swimlane .swimlane-header {
          padding: 0 .5em 0 0;
          flex: 0 0 auto;
          width: 100%; }
          .whiteboard-columns-container .whiteboard-columns .row.swimlane .swimlane-header > .header {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            background-color: rgba(255, 255, 255, 0.85);
            padding: .75em;
            border-top: 1px solid rgba(100, 100, 100, 0.3); }
            .whiteboard-columns-container .whiteboard-columns .row.swimlane .swimlane-header > .header .issue-container {
              flex: 1 1 auto;
              display: flex;
              flex-direction: column;
              align-items: stretch;
              justify-content: center; }
            .whiteboard-columns-container .whiteboard-columns .row.swimlane .swimlane-header > .header .name {
              font-size: 1.1em;
              font-weight: 400; }
              .whiteboard-columns-container .whiteboard-columns .row.swimlane .swimlane-header > .header .name.trigger-backdrop {
                cursor: pointer; }
            .whiteboard-columns-container .whiteboard-columns .row.swimlane .swimlane-header > .header .issue-number, .whiteboard-columns-container .whiteboard-columns .row.swimlane .swimlane-header > .header .issue-number:hover {
              border: none;
              text-decoration: none;
              color: #676767;
              font-size: .9em;
              font-weight: 500;
              display: flex;
              flex-direction: row;
              align-items: center;
              justify-content: flex-start; }
              .whiteboard-columns-container .whiteboard-columns .row.swimlane .swimlane-header > .header .issue-number .status-badge, .whiteboard-columns-container .whiteboard-columns .row.swimlane .swimlane-header > .header .issue-number:hover .status-badge {
                font-weight: 300;
                font-size: 1em;
                margin-left: .5em; }
        .whiteboard-columns-container .whiteboard-columns .row.swimlane .column {
          padding-top: 1em;
          padding-bottom: 1em; }
    .whiteboard-columns-container .whiteboard-columns.is-dragging .column:not(.form-container) {
      min-height: 6em; }
    .whiteboard-columns-container .whiteboard-columns.is-dragging .column:not(.drop-valid) {
      opacity: .4; }
      .whiteboard-columns-container .whiteboard-columns.is-dragging .column:not(.drop-valid).drop-origin {
        opacity: 1; }
    .whiteboard-columns-container .whiteboard-columns.swimlanes .row.swimlane[data-swimlane-identifier=swimlane_0] .column {
      background-image: repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(255, 255, 255, 0.4) 10px, rgba(255, 255, 255, 0.4) 20px); }
    .whiteboard-columns-container .whiteboard-columns .edit-column {
      box-sizing: border-box;
      position: relative;
      background: #FFF;
      border: none;
      box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.16), 0 0 1px 0 rgba(0, 0, 0, 0.16);
      border-radius: 4px;
      transform: translateY(0);
      transition: box-shadow .25s ease-in-out, transform .25s ease-in-out;
      color: #141823;
      margin-top: .5rem; }
      .whiteboard-columns-container .whiteboard-columns .edit-column:hover {
        border: none;
        transform: translateY(-2px);
        box-shadow: 0 3px 5px 0 rgba(27, 27, 36, 0.2); }
      .whiteboard-columns-container .whiteboard-columns .edit-column input.column-name {
        padding: 5px;
        font-size: 1.1em;
        width: 100%;
        box-sizing: border-box; }
      .whiteboard-columns-container .whiteboard-columns .edit-column input.column-workload {
        width: 10%;
        font-size: 1.1em;
        padding: 5px;
        margin-right: 33%; }
      .whiteboard-columns-container .whiteboard-columns .edit-column .form-container .form-row > .fancy-dropdown-container {
        flex: 1 1 100%; }
        .whiteboard-columns-container .whiteboard-columns .edit-column .form-container .form-row > .fancy-dropdown-container .fancy-dropdown > .value {
          max-width: 200px; }
      .whiteboard-columns-container .whiteboard-columns .edit-column p {
        margin: 15px 0 10px; }

.whiteboard-issue {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: .5em 0;
  margin: 0;
  opacity: 1;
  z-index: 1;
  background: #FFF;
  border: none;
  box-shadow: rgba(9, 30, 66, 0.25) 0 1px 1px, rgba(9, 30, 66, 0.31) 0 0 1px;
  border-radius: 3px;
  transform: translateY(0);
  color: #141823;
  transition: box-shadow .25s ease-in-out, transform .25s ease-in-out; }
  .whiteboard-issue.dragging {
    opacity: 0;
    z-index: 100; }
  .whiteboard-issue.clone {
    position: fixed;
    width: calc(300px - 1em);
    z-index: 101;
    margin-top: 0;
    transform: rotateX(3deg);
    box-shadow: 0 0 8px -3px rgba(27, 27, 36, 0.4);
    pointer-events: none;
    transition: none; }
  .whiteboard-issue:not(.drop-target) + .whiteboard-issue:not(.clone):not(.drop-indicator-above):not(.drop-indicator-below) {
    margin-top: .75em; }
  .whiteboard-issue:hover {
    cursor: pointer;
    z-index: 10;
    border: none;
    transform: translateY(-2px);
    box-shadow: 0 3px 5px 0 rgba(27, 27, 36, 0.2); }
  .whiteboard-issue .issue-header {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    border: 0;
    padding: 0 .4em 1em .4em;
    margin: 0;
    text-decoration: none;
    line-height: 1.3em;
    font-size: 1.05em;
    max-width: calc(300px - 1em);
    box-sizing: border-box;
    font-weight: 300; }
    .whiteboard-issue .issue-header .issue-title,
    .whiteboard-issue .issue-header .issue-number {
      flex: 0 0 auto;
      overflow: hidden;
      text-overflow: ellipsis; }
    .whiteboard-issue .issue-header .issue-number {
      font-size: .8em;
      color: #676767; }
    .whiteboard-issue .issue-header .issue-title {
      font-size: 1.05em;
      color: #232323; }
    .whiteboard-issue .issue-header .dropper-container {
      opacity: 0;
      position: absolute;
      right: .35em;
      top: .35em;
      background-color: rgba(255, 255, 255, 0.7);
      border-radius: 0 3px 0 3px; }
  .whiteboard-issue.with-cover {
    padding-top: 0; }
    .whiteboard-issue.with-cover .issue-header {
      padding: 4.5em 0 0 0;
      background-position: center top;
      background-size: cover;
      background-repeat: no-repeat;
      overflow: hidden;
      border-radius: 3px 3px 0 0;
      align-items: flex-start; }
      .whiteboard-issue.with-cover .issue-header .issue-number {
        padding: .25em .5em;
        background-color: rgba(0, 0, 0, 0.5);
        color: #FFF;
        font-weight: 500; }
      .whiteboard-issue.with-cover .issue-header .issue-title {
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 60%);
        color: #FFF;
        padding: 1em .5em .5em .5em;
        width: 100%; }
  .whiteboard-issue:hover .issue-header .dropper-container {
    opacity: 1; }
  .whiteboard-issue .extra {
    display: none;
    margin: 0 5px 0 17px; }
  .whiteboard-issue .issue-info {
    display: flex;
    flex-direction: row;
    line-height: 1.3em;
    box-sizing: border-box;
    align-items: center;
    justify-content: flex-start;
    padding: .5em .5em 0 .5em;
    color: #ABABAB;
    font-weight: 400; }
    .whiteboard-issue .issue-info .fas,
    .whiteboard-issue .issue-info .far {
      font-size: .9em; }
      .whiteboard-issue .issue-info .fas:not(.priority-icon):not(.issuetype-icon),
      .whiteboard-issue .issue-info .far:not(.priority-icon):not(.issuetype-icon) {
        color: #ABABAB;
        margin-right: .25em; }
    .whiteboard-issue .issue-info > span {
      flex: 0 0 auto;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start; }
      .whiteboard-issue .issue-info > span.hidden {
        display: none; }
      .whiteboard-issue .issue-info > span:not(.hidden) ~ span:not(.assignee) {
        margin-left: 1em; }
    .whiteboard-issue .issue-info .assignee {
      margin-left: auto; }
  .whiteboard-issue .issue_release,
  .whiteboard-issue .issue_component,
  .whiteboard-issue .epic_badge {
    display: inline-block;
    padding: 3px 6px;
    background: #F5F5F5;
    border-radius: 2px;
    color: #777;
    border: 1px solid rgba(100, 100, 100, 0.3);
    vertical-align: middle;
    margin: 1px 1px 0 1px;
    line-height: 1em;
    text-shadow: none; }
  .whiteboard-issue .issue_estimates {
    margin: 0;
    vertical-align: middle;
    display: inline-block;
    line-height: 1em; }
  .whiteboard-issue .blocking,
  .whiteboard-issue img.blocking {
    display: none; }
  .whiteboard-issue .status-badge,
  .whiteboard-issue .epic_badge,
  .whiteboard-issue.blocking img.blocking {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    border-radius: 2px;
    border: 1px solid rgba(0, 0, 0, 0.4);
    opacity: 0.6; }
  .whiteboard-issue.blocking img.blocking {
    opacity: 1; }
  .whiteboard-issue > .indicator {
    display: none; }
  .whiteboard-issue.loading {
    position: relative; }
    .whiteboard-issue.loading > .indicator {
      box-sizing: border-box;
      position: absolute;
      width: 100%;
      background-color: rgba(255, 255, 255, 0.6);
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 2em; }
      .whiteboard-issue.loading > .indicator .icon {
        flex: 0 0 auto;
        font-size: 2em; }
    .whiteboard-issue.loading.with-cover > .indicator {
      padding: 5em; }

#main_container.shaded .whiteboard-issue {
  box-shadow: rgba(9, 30, 66, 0.26) 0 2px 2px, rgba(9, 30, 66, 0.31) 0 0 3px; }

.milestones-list {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  margin: 0;
  padding: 0; }

.milestone-box {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  flex: 0 0 auto;
  padding: 1rem; }
  .milestone-box.unavailable {
    display: none; }
  .show-unavailable .milestone-box.unavailable {
    display: flex; }
  .milestone-box .header {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex: 0 0 auto; }
    .milestone-box .header .main-details {
      flex: 1 1 auto;
      display: flex;
      flex-direction: column;
      align-items: stretch;
      justify-content: flex-start;
      margin: 0;
      padding: 0;
      font-weight: 400; }
      .milestone-box .header .main-details .name-container {
        display: flex;
        flex-direction: row;
        align-items: center; }
        .milestone-box .header .main-details .name-container .name {
          display: flex;
          flex-direction: row;
          align-items: center;
          justify-content: flex-start;
          flex: 0 0 auto;
          font-weight: 500;
          font-size: 1.2em;
          margin-right: .5em;
          min-width: 300px;
          max-width: 400px; }
          .milestone-box .header .main-details .name-container .name button {
            font-size: .8em; }
        .milestone-box .header .main-details .name-container .percentage {
          flex: 1 0 300px;
          display: inline-block;
          width: auto;
          max-width: 300px;
          min-width: 150px;
          background-color: #e1e1e1;
          height: 10px;
          font-weight: 400;
          font-size: .8em;
          border-radius: 3px;
          position: relative; }
          .milestone-box .header .main-details .name-container .percentage .filler {
            display: block;
            position: absolute;
            left: 0;
            top: 0;
            border-radius: 3px;
            height: 10px;
            transform: scaleX(0);
            background-color: rgba(12, 137, 144, 0.6);
            width: 100%;
            transform-origin: top left;
            transition: transform 2.5s ease-in-out; }
      .milestone-box .header .main-details .dates {
        flex: 0 0 auto;
        display: flex;
        font-size: .9em;
        font-weight: 400;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        color: rgba(0, 0, 0, 0.4); }
        .milestone-box .header .main-details .dates :first-child {
          margin-left: 0; }
        .milestone-box .header .main-details .dates .far,
        .milestone-box .header .main-details .dates .fas {
          margin: 0 .35rem; }
    .milestone-box .header .actions-container {
      display: flex;
      align-items: center;
      flex-direction: row; }
  .milestone-box .milestone-issues-container {
    padding: 0 15px 0 0;
    margin: 10px 0;
    box-sizing: border-box;
    border: 1px dashed transparent;
    transition: border 0.3s ease;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start; }
    .milestone-box .milestone-issues-container .milestone-issues {
      transition: background-color .2s ease-in-out; }
      .milestone-box .milestone-issues-container .milestone-issues.disabled {
        position: relative; }
        .milestone-box .milestone-issues-container .milestone-issues.disabled::after {
          display: block;
          width: 100%;
          height: 100%;
          content: '';
          box-sizing: border-box;
          padding: 0;
          border: 0;
          position: absolute;
          left: 0;
          top: 0;
          background: rgba(255, 255, 255, 0.4); }
      .milestone-box .milestone-issues-container .milestone-issues.hide-closed .milestone-issue.issue_closed {
        display: none; }
      .milestone-box .milestone-issues-container .milestone-issues.collapsed {
        padding: 1rem; }
        .milestone-box .milestone-issues-container .milestone-issues.collapsed .milestone-issue {
          display: none; }
      .milestone-box .milestone-issues-container .milestone-issues .milestone-issue.filtered {
        display: none; }
    .milestone-box .milestone-issues-container.issue-drop-target .milestone-issues {
      padding: 2rem;
      background-color: rgba(12, 137, 144, 0.2); }
      .milestone-box .milestone-issues-container.issue-drop-target .milestone-issues .milestone-issue {
        opacity: .3; }
    .milestone-box .milestone-issues-container.issue-drop-target .milestone-no-issues {
      display: none; }
    .milestone-box .milestone-issues-container .milestone-issue {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: stretch;
      opacity: 1;
      flex: 1 1 auto;
      padding: 0;
      border: 1px solid rgba(225, 225, 225, 0.6);
      background-color: #FFF;
      position: relative;
      transition: background-color 0.3s ease, border-color 0.3s ease; }
    .milestone-box .milestone-issues-container .new_milestone_marker .draggable {
      padding: 3px 5px;
      border-top: 2px solid rgba(0, 140, 0, 0.2);
      border-bottom: 2px solid rgba(0, 140, 0, 0.2);
      background: #FFF;
      cursor: row-resize;
      text-align: left;
      position: relative;
      left: auto;
      top: auto;
      width: 100%;
      height: auto;
      z-index: 10;
      transition: border 0.3s ease;
      opacity: 1;
      display: flex;
      align-items: center;
      justify-content: space-between; }
    .milestone-box .milestone-issues-container.empty {
      border-color: rgba(0, 0, 0, 0.4); }
    .milestone-box .milestone-issues-container:hover .new_milestone_marker .draggable {
      border-top: 2px solid rgba(0, 140, 0, 0.8);
      border-bottom: 2px solid rgba(0, 140, 0, 0.8); }
  .milestone-box .milestone-counts-container {
    border: 0;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    flex-direction: row;
    color: rgba(0, 0, 0, 0.4);
    font-size: 0.8em;
    flex: 0 0 270px; }
    .milestone-box .milestone-counts-container .count {
      padding: 0;
      text-align: center;
      font-weight: 400;
      flex: 0 0 90px;
      font-size: 1.1em;
      line-height: 1.5em;
      text-transform: uppercase;
      color: #AAA;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-start; }
      .milestone-box .milestone-counts-container .count :first-child {
        font-size: 1.9em;
        line-height: 1.1em; }
  .milestone-box.backlog .milestone-issues-container {
    border: none; }

.milestone-issue .issue-link-container {
  flex: 1 1 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: stretch; }
  .milestone-issue .issue-link-container .placeholder-animation {
    margin: .84rem .35rem;
    line-height: 1.7em;
    border-radius: .5em;
    height: .815em;
    flex: 0 0 3em;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: textPlaceholderAnimation;
    animation-timing-function: linear;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 1000px 104px;
    position: relative;
    overflow: hidden; }
    .milestone-issue .issue-link-container .placeholder-animation.title {
      margin-left: .5em;
      flex: 0 0 30%; }
    .milestone-issue .issue-link-container .placeholder-animation:last-child {
      margin-left: auto; }
  .milestone-issue .issue-link-container a,
  .milestone-issue .issue-link-container a:hover {
    padding: .25rem .35rem;
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    color: #141823;
    border: none;
    text-decoration: none;
    line-height: 1.7em; }
    .milestone-issue .issue-link-container a .issue-number,
    .milestone-issue .issue-link-container a:hover .issue-number {
      font-weight: 600;
      color: #0c8990; }
    .milestone-issue .issue-link-container a span + span,
    .milestone-issue .issue-link-container a:hover span + span {
      padding-left: .35rem; }

.milestone-issue.issue_closed .issue-link-container a,
.milestone-issue.issue_closed .issue-link-container a:hover {
  text-decoration: line-through; }

.milestone-issue .issue-info {
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  line-height: 1.3em;
  box-sizing: border-box;
  align-items: center;
  justify-content: space-between;
  padding: .5em; }
  .milestone-issue .issue-info .fas,
  .milestone-issue .issue-info .far {
    font-size: .9em; }
    .milestone-issue .issue-info .fas:not(.priority-icon):not(.issuetype-icon),
    .milestone-issue .issue-info .far:not(.priority-icon):not(.issuetype-icon) {
      color: #ABABAB;
      margin-right: .25em; }
  .milestone-issue .issue-info .attachments {
    padding: .25em .5em;
    border-radius: .25em;
    align-items: center;
    justify-content: flex-start;
    display: flex;
    flex-direction: row;
    color: #676767;
    font-size: .9em;
    font-weight: 400;
    margin-right: .5em; }
    .milestone-issue .issue-info .attachments:not(.issuetype-icon-container) {
      background: rgba(200, 200, 200, 0.2); }
    .milestone-issue .issue-info .attachments.hidden {
      display: none; }
    .milestone-issue .issue-info .attachments .fas + span,
    .milestone-issue .issue-info .attachments .far + span {
      margin-left: .25em; }
  .milestone-issue .issue-info > span {
    flex: 0 0 auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start; }
    .milestone-issue .issue-info > span.hidden {
      display: none; }
    .milestone-issue .issue-info > span:not(.hidden) ~ span:not(.assignee) {
      margin-left: 1em; }
  .milestone-issue .issue-info .assignee {
    margin-left: auto; }

.board-backlog-container {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column; }
  .board-backlog-container .planning-container {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column; }

@keyframes textPlaceholderAnimation {
  0% {
    background-position: 100% 0; }
  100% {
    background-position: -100% 0; } }

#project_planning {
  display: flex;
  flex-direction: column;
  align-items: stretch; }

#project_roadmap {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column; }
  #project_roadmap > .indicator {
    display: none; }
  #project_roadmap.loading > .indicator {
    display: block; }

.milestone-cards-container {
  display: flex;
  flex-direction: row;
  overflow: auto;
  box-sizing: border-box;
  min-width: 100%;
  flex: 1 1 100%;
  height: 100%; }

.milestone-container {
  flex: 0 0 350px;
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  align-content: stretch;
  align-items: flex-start;
  padding: 1em .5em; }
  .milestone-container .milestone-card {
    flex: 1 1 auto;
    position: relative;
    display: flex;
    flex-direction: column;
    padding: .5em 0;
    margin: 0;
    opacity: 1;
    z-index: 1;
    background: #FFF;
    border: none;
    box-shadow: rgba(9, 30, 66, 0.25) 0 1px 1px, rgba(9, 30, 66, 0.31) 0 0 1px;
    border-radius: 3px;
    transform: translateY(0);
    color: #141823;
    transition: box-shadow .25s ease-in-out; }
    .milestone-container .milestone-card .indicator {
      display: none;
      margin-left: auto;
      color: #676767; }
    .milestone-container .milestone-card.loading .indicator {
      display: inline-block; }
    .milestone-container .milestone-card.loading .header .info > span:last-child {
      margin-left: .35em; }
    .milestone-container .milestone-card .header {
      display: flex;
      flex-direction: column;
      border-bottom: 1px solid rgba(100, 100, 100, 0.2);
      box-sizing: border-box; }
      .milestone-container .milestone-card .header .name {
        font-size: 1.3em;
        font-weight: 500;
        padding: .5em;
        line-height: 1em;
        box-sizing: border-box; }
      .milestone-container .milestone-card .header .info {
        padding: .65em;
        font-weight: 500;
        color: #ABABAB;
        display: flex;
        flex-direction: row;
        box-sizing: border-box; }
        .milestone-container .milestone-card .header .info > span {
          flex: 0 0 auto; }
          .milestone-container .milestone-card .header .info > span:last-child {
            margin-left: auto; }
      .milestone-container .milestone-card .header .percent-container {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        box-sizing: border-box;
        padding: .65em; }
        .milestone-container .milestone-card .header .percent-container .percent-header {
          font-weight: 500;
          font-size: 1em;
          box-sizing: border-box;
          padding: 0 0 .35em 0; }
        .milestone-container .milestone-card .header .percent-container .percent_unfilled {
          display: flex;
          flex-direction: row;
          align-items: flex-start;
          justify-content: stretch;
          flex: 1 1 auto;
          height: 10px; }
          .milestone-container .milestone-card .header .percent-container .percent_unfilled .percent_filled {
            flex: 0 0 auto;
            min-width: 1%;
            height: 100%; }
    .milestone-container .milestone-card .issues {
      display: flex;
      flex-direction: column; }
      .milestone-container .milestone-card .issues .milestone-issue {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: center;
        cursor: pointer;
        font-size: .9em; }
        .milestone-container .milestone-card .issues .milestone-issue.with-cover {
          padding-top: 0; }
          .milestone-container .milestone-card .issues .milestone-issue.with-cover .issue-header {
            padding: 4.5em 0 0 0;
            background-position: center top;
            background-size: cover;
            background-repeat: no-repeat;
            overflow: hidden;
            border-radius: 0;
            align-items: flex-start; }
            .milestone-container .milestone-card .issues .milestone-issue.with-cover .issue-header .issue-number {
              padding: .25em .5em;
              background-color: rgba(0, 0, 0, 0.5);
              color: #FFF;
              font-weight: 500; }
            .milestone-container .milestone-card .issues .milestone-issue.with-cover .issue-header .issue-title {
              background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 60%);
              color: #FFF;
              padding: 1em .5em .5em .5em;
              width: 100%; }
        .milestone-container .milestone-card .issues .milestone-issue.issue_closed .issue-header {
          text-decoration: line-through; }
        .milestone-container .milestone-card .issues .milestone-issue .issue-header {
          display: flex;
          flex-direction: column;
          padding: .3em .75em; }
          .milestone-container .milestone-card .issues .milestone-issue .issue-header .dropper-container {
            display: none; }
          .milestone-container .milestone-card .issues .milestone-issue .issue-header .issue-number {
            font-size: .9em;
            font-weight: 300; }
          .milestone-container .milestone-card .issues .milestone-issue .issue-header .issue-title {
            font-size: 1.2em;
            font-weight: 400; }
        .milestone-container .milestone-card .issues .milestone-issue .issue-info {
          padding: .5em .75em;
          display: flex;
          flex-direction: row;
          align-items: center;
          justify-content: flex-start; }
          .milestone-container .milestone-card .issues .milestone-issue .issue-info:empty {
            padding: 0; }
          .milestone-container .milestone-card .issues .milestone-issue .issue-info .attachments {
            border-radius: .25em;
            align-items: center;
            justify-content: flex-start;
            display: flex;
            flex-direction: row;
            color: #676767;
            font-size: .9em;
            font-weight: 400; }
            .milestone-container .milestone-card .issues .milestone-issue .issue-info .attachments:not(.issuetype-icon-container) {
              padding: .25em .5em;
              background: rgba(200, 200, 200, 0.2);
              margin-right: .5em; }
            .milestone-container .milestone-card .issues .milestone-issue .issue-info .attachments.issuetype-icon-container {
              padding: .25em 0;
              margin-right: 0; }
            .milestone-container .milestone-card .issues .milestone-issue .issue-info .attachments.hidden {
              display: none; }
            .milestone-container .milestone-card .issues .milestone-issue .issue-info .attachments .fas + span,
            .milestone-container .milestone-card .issues .milestone-issue .issue-info .attachments .far + span {
              margin-left: .25em; }
            .milestone-container .milestone-card .issues .milestone-issue .issue-info .attachments .fas.issuetype-icon,
            .milestone-container .milestone-card .issues .milestone-issue .issue-info .attachments .far.issuetype-icon {
              margin-right: 0; }
          .milestone-container .milestone-card .issues .milestone-issue .issue-info .status-badge {
            padding: .3em .5em; }
          .milestone-container .milestone-card .issues .milestone-issue .issue-info .assignee {
            margin-left: auto; }
        .milestone-container .milestone-card .issues .milestone-issue + .milestone-issue {
          border-top: 1px solid rgba(100, 100, 100, 0.2); }

.milestone_virtual_status .statusblocks {
  display: block;
  width: 100%;
  height: 100%; }

.milestone_virtual_status .statusblock {
  display: block;
  float: left;
  clear: none;
  height: 27px;
  opacity: 0.2;
  transition: opacity 0.3s ease;
  margin-top: 0;
  margin-left: 0; }
  .milestone_virtual_status .statusblock:hover {
    opacity: 0.35; }

.milestone_virtual_status .milestonename {
  position: absolute;
  width: 100%;
  left: 6px;
  top: 7px;
  font-size: 0.9em;
  line-height: 1em;
  padding: 0; }

.milestone_virtual_status .milestone_percentage {
  width: 100%;
  position: absolute;
  bottom: -5px;
  left: 0; }

.milestone_virtual_status .tooltip {
  font-size: 0.9em;
  opacity: 1; }

.time-tracking-buttons {
  display: flex;
  flex-direction: row;
  align-content: flex-end;
  justify-items: flex-end;
  align-items: center; }
  .time-tracking-buttons .value-container,
  .time-tracking-buttons .trigger-pause-time-tracking,
  .time-tracking-buttons .trigger-resume-time-tracking,
  .time-tracking-buttons .trigger-cancel-time-tracking,
  .time-tracking-buttons .trigger-stop-time-tracking {
    display: none; }
  .time-tracking-buttons.tracking .value-container,
  .time-tracking-buttons.tracking .trigger-stop-time-tracking,
  .time-tracking-buttons.tracking .trigger-cancel-time-tracking {
    display: flex; }
  .time-tracking-buttons.tracking .value-container {
    flex: 1 1 auto; }
  .time-tracking-buttons.tracking:not(.paused) .trigger-pause-time-tracking,
  .time-tracking-buttons.tracking:not(.paused) .icon-running {
    display: flex; }
  .time-tracking-buttons.tracking:not(.paused) .trigger-resume-time-tracking,
  .time-tracking-buttons.tracking:not(.paused) .icon-paused {
    display: none; }
  .time-tracking-buttons.tracking.paused .trigger-pause-time-tracking,
  .time-tracking-buttons.tracking.paused .icon-running {
    display: none; }
  .time-tracking-buttons.tracking.paused .trigger-resume-time-tracking,
  .time-tracking-buttons.tracking.paused .icon-paused {
    display: inline-flex; }
  .time-tracking-buttons.tracking.paused .icon-paused {
    margin: 0 .25em; }
  .time-tracking-buttons.tracking.paused .value-container {
    background-color: rgba(200, 200, 200, 0.3); }
  .time-tracking-buttons.tracking .value-container {
    flex-direction: row;
    align-items: center;
    justify-items: center;
    margin-right: .35em;
    background-color: #0cd8b6;
    color: #FFF;
    font-size: 1em; }
    .time-tracking-buttons.tracking .value-container .icon {
      margin-right: .25em; }
  .time-tracking-buttons.tracking .trigger-start-time-tracking {
    display: none; }
  .time-tracking-buttons.tracking button.secondary.highlight {
    margin: 0;
    font-size: 0.9em;
    border-color: #00adc7; }
    .time-tracking-buttons.tracking button.secondary.highlight.danger {
      border-color: #AF3E4D; }
    .time-tracking-buttons.tracking button.secondary.highlight:not(:last-child) {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0; }
      .time-tracking-buttons.tracking button.secondary.highlight:not(:last-child) + button:not(:last-child):not(.trigger-resume-time-tracking) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0; }
    .time-tracking-buttons.tracking button.secondary.highlight:last-child {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0; }

.list-item .time-tracking-buttons {
  display: none; }
  .list-item .time-tracking-buttons.tracking {
    display: inline-flex; }
    .list-item .time-tracking-buttons.tracking .icon, .list-item .time-tracking-buttons.tracking .icon:first-child {
      font-size: .9em;
      flex: 0 0 auto;
      margin: 0 .25em 0 0;
      padding: 0; }

.viewissue-container,
.content-with-sidebar > div:not(.sidebar):not(.fixed-position).viewissue-container {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  text-align: left;
  height: 100%;
  overflow: auto;
  background-color: #FFF;
  align-items: stretch;
  z-index: 5; }

.issue-state,
.affected-state {
  display: inline-flex;
  padding: .15em .25em;
  font-size: 1em;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.1); }
  .issue-state.closed, .issue-state.unconfirmed,
  .affected-state.closed,
  .affected-state.unconfirmed {
    background-color: rgba(150, 150, 150, 0.2);
    color: rgba(100, 100, 100, 0.7); }
  .issue-state.open, .issue-state.confirmed,
  .affected-state.open,
  .affected-state.confirmed {
    background-color: rgba(177, 210, 143, 0.6);
    color: rgba(107, 140, 73, 0.8); }

.viewissue-container .top-search-filters-container {
  padding: 0;
  z-index: 10;
  box-sizing: border-box;
  box-shadow: none;
  border-bottom: none;
  flex: 0 0 auto; }
  .viewissue-container .top-search-filters-container .header-container {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    flex: 1 1 auto;
    padding: 0;
    margin: 0;
    box-sizing: border-box; }
    .viewissue-container .top-search-filters-container .header-container .toggle-favourite-container {
      display: flex;
      align-items: center;
      box-sizing: border-box;
      padding: 1em; }
      .viewissue-container .top-search-filters-container .header-container .toggle-favourite-container .tooltip.from-above {
        top: 5em;
        left: 1em; }
    .viewissue-container .top-search-filters-container .header-container .title-container {
      display: flex;
      flex: 1 1 auto;
      flex-direction: column;
      line-height: 1.75em;
      padding: 1em 0;
      box-sizing: border-box; }
      .viewissue-container .top-search-filters-container .header-container .title-container .title-crumbs {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        line-height: 1.25em;
        box-sizing: border-box;
        padding: 0; }
        .viewissue-container .top-search-filters-container .header-container .title-container .title-crumbs .crumb-item {
          display: flex;
          flex-direction: row;
          align-items: center;
          justify-content: flex-start;
          line-height: 1.25em;
          padding: 0 .5em .15em 0; }
          .viewissue-container .top-search-filters-container .header-container .title-container .title-crumbs .crumb-item > a,
          .viewissue-container .top-search-filters-container .header-container .title-container .title-crumbs .crumb-item > a:hover {
            border: none;
            color: #141823;
            font-size: 1em;
            flex: 0 0 auto;
            font-weight: 500; }
      .viewissue-container .top-search-filters-container .header-container .title-container .title-name, .viewissue-container .top-search-filters-container .header-container .title-container .title-name:hover {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        font-size: 1.5em;
        font-weight: 500;
        color: #232323;
        border: none;
        text-decoration: none;
        box-sizing: border-box; }
      .viewissue-container .top-search-filters-container .header-container .title-container .title-name span {
        flex: 0 0 auto; }
      .viewissue-container .top-search-filters-container .header-container .title-container .title-name input {
        flex: 1 1 auto;
        border-radius: 4px;
        border: 2px solid transparent; }
        .viewissue-container .top-search-filters-container .header-container .title-container .title-name input:hover {
          background-color: rgba(225, 225, 225, 0.2); }
        .viewissue-container .top-search-filters-container .header-container .title-container .title-name input:focus, .viewissue-container .top-search-filters-container .header-container .title-container .title-name input:focus:hover {
          background-color: transparent;
          border-color: #00adc7; }
      .viewissue-container .top-search-filters-container .header-container .title-container .title-name .indicator {
        flex: 0 0 auto;
        font-size: .8em;
        display: none; }
      .viewissue-container .top-search-filters-container .header-container .title-container .title-name input.saving {
        border-color: rgba(225, 225, 225, 0.2); }
        .viewissue-container .top-search-filters-container .header-container .title-container .title-name input.saving + .indicator {
          display: inline-flex; }
    .viewissue-container .top-search-filters-container .header-container .status-header {
      flex: 0 0 auto;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-end;
      box-sizing: border-box;
      padding-right: 1em; }
      .viewissue-container .top-search-filters-container .header-container .status-header .indicator {
        display: flex;
        opacity: 0;
        transition: opacity .25s ease-in-out;
        flex: 0 0 auto;
        padding: 1em;
        align-items: center;
        justify-content: center; }
        .viewissue-container .top-search-filters-container .header-container .status-header .indicator.active {
          opacity: 1; }
    .viewissue-container .top-search-filters-container .header-container .fields-header {
      flex: 0 0 400px;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-end;
      border-left: 2px solid rgba(225, 225, 225, 0.7);
      background-color: #fbfbfb;
      box-sizing: border-box; }
      .viewissue-container .top-search-filters-container .header-container .fields-header .issuetype-field {
        margin: 0 0 0 auto; }
    .viewissue-container .top-search-filters-container .header-container .not-editable {
      color: #969696;
      margin: 0 0 0 1em;
      display: flex;
      align-items: center;
      height: 100%;
      position: relative; }
      .viewissue-container .top-search-filters-container .header-container .not-editable.hidden {
        display: none; }
      .viewissue-container .top-search-filters-container .header-container .not-editable .fas, .viewissue-container .top-search-filters-container .header-container .not-editable far {
        margin-right: .35em; }
    .viewissue-container .top-search-filters-container .header-container .created-times {
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      flex: 0 0 auto;
      margin-right: 1rem;
      font-size: .9em;
      line-height: 1.3em;
      color: rgba(0, 0, 0, 0.4); }
      .viewissue-container .top-search-filters-container .header-container .created-times label {
        text-transform: none;
        color: rgba(0, 0, 0, 0.4);
        font-weight: 400;
        cursor: default; }
    .viewissue-container .top-search-filters-container .header-container .status-field > .status-badge {
      font-size: 1.2em;
      padding: .4em .8em; }
    .viewissue-container .top-search-filters-container .header-container .vote-container {
      flex: 0 0 auto;
      padding: 0 .4em;
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: center;
      line-height: 1.1em;
      font-size: 1rem; }
      .viewissue-container .top-search-filters-container .header-container .vote-container a,
      .viewissue-container .top-search-filters-container .header-container .vote-container a:hover {
        border: none;
        padding: .35em;
        border-radius: 4px; }
      .viewissue-container .top-search-filters-container .header-container .vote-container #vote_down_link {
        color: #0c8990; }
        .viewissue-container .top-search-filters-container .header-container .vote-container #vote_down_link:hover {
          background-color: rgba(225, 225, 225, 0.25); }
      .viewissue-container .top-search-filters-container .header-container .vote-container #vote_up_link {
        color: #969696; }
        .viewissue-container .top-search-filters-container .header-container .vote-container #vote_up_link:hover {
          background-color: rgba(225, 225, 225, 0.25); }
      .viewissue-container .top-search-filters-container .header-container .vote-container .fas,
      .viewissue-container .top-search-filters-container .header-container .vote-container .far {
        font-size: 2em; }
      .viewissue-container .top-search-filters-container .header-container .vote-container .vote-count {
        font-weight: 500;
        color: #969696; }

.viewissue-container .issue-card {
  display: flex;
  flex: 1 1 auto;
  margin: 0;
  flex-direction: row;
  box-sizing: border-box;
  align-items: stretch;
  box-shadow: none;
  z-index: 5; }
  .viewissue-container .issue-card .fields-list-container {
    border: none;
    padding: 0;
    margin: 0;
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    opacity: 1;
    transform-origin: top center;
    transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out, height 0.25s ease-in-out;
    height: auto; }
    .viewissue-container .issue-card .fields-list-container.not-visible, .viewissue-container .issue-card .fields-list-container.hidden {
      opacity: 0;
      transform: scaleX(0);
      height: 1px; }
      .viewissue-container .issue-card .fields-list-container.not-visible.force-visible, .viewissue-container .issue-card .fields-list-container.hidden.force-visible {
        opacity: 1;
        transform: scaleX(1);
        height: auto; }
    .viewissue-container .issue-card .fields-list-container + .fields-list-container:not(.not-visible) {
      margin-top: 1.5em; }
    .viewissue-container .issue-card .fields-list-container .percent_unfilled {
      height: .6em; }
      .viewissue-container .issue-card .fields-list-container .percent_unfilled .percent_filled {
        display: block;
        height: 100%; }
    .viewissue-container .issue-card .fields-list-container > .header {
      border: none;
      flex: 0 0 auto;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      color: rgba(0, 0, 0, 0.6);
      font-size: 1em;
      padding: 0 .25em .75em .75em; }
      .viewissue-container .issue-card .fields-list-container > .header > .name {
        display: flex;
        align-items: center;
        font-weight: 400;
        text-transform: none;
        color: #7d7d7d;
        font-size: 1.2em;
        padding: 0; }
      .viewissue-container .issue-card .fields-list-container > .header span.icon {
        flex: 0 0 24px;
        display: flex;
        flex-direction: row;
        color: #c8c8c8;
        font-size: 1.1em;
        align-items: center;
        justify-content: center; }
        .viewissue-container .issue-card .fields-list-container > .header span.icon .far,
        .viewissue-container .issue-card .fields-list-container > .header span.icon .fas {
          flex: 0 0 24px;
          box-sizing: border-box; }
      .viewissue-container .issue-card .fields-list-container > .header > .name {
        flex: 1 1 auto;
        padding: 0;
        font-size: 1.1em;
        line-height: 1em;
        font-weight: 500; }
    .viewissue-container .issue-card .fields-list-container .content {
      flex: 1 1 auto;
      font-size: 1.1em;
      padding: .25em .65em;
      border-radius: 4px;
      font-weight: 300;
      margin-bottom: 1.5em; }
    .viewissue-container .issue-card .fields-list-container > ul {
      list-style: none;
      display: flex;
      flex-direction: column;
      align-items: stretch;
      margin: 0;
      padding: 0; }
      .viewissue-container .issue-card .fields-list-container > ul li {
        flex: 0 0 auto; }
        .viewissue-container .issue-card .fields-list-container > ul li dl {
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          margin: 0;
          padding: 0; }
          .viewissue-container .issue-card .fields-list-container > ul li dl dt {
            flex: 0 0 auto;
            display: block;
            margin: 0;
            padding: 0; }
          .viewissue-container .issue-card .fields-list-container > ul li dl dd {
            flex: 0 0 auto;
            display: block;
            margin: 0;
            padding: 0; }
    .viewissue-container .issue-card .fields-list-container .fields-list {
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex;
      flex-direction: column; }
      .viewissue-container .issue-card .fields-list-container .fields-list.hidden {
        display: none; }
      .viewissue-container .issue-card .fields-list-container .fields-list > li:not(.hidden) {
        display: flex;
        align-items: center;
        position: relative;
        margin: 0 0 .5em 0; }
        .viewissue-container .issue-card .fields-list-container .fields-list > li:not(.hidden).editable .fancy-dropdown-container .fancy-dropdown > label:hover {
          cursor: pointer; }
        .viewissue-container .issue-card .fields-list-container .fields-list > li:not(.hidden).editable .fancy-dropdown-container .fancy-dropdown:hover {
          background-color: rgba(200, 200, 200, 0.1);
          cursor: pointer; }
        .viewissue-container .issue-card .fields-list-container .fields-list > li:not(.hidden) .fancy-dropdown-container .fancy-dropdown {
          background-color: transparent;
          flex-wrap: wrap; }
          .viewissue-container .issue-card .fields-list-container .fields-list > li:not(.hidden) .fancy-dropdown-container .fancy-dropdown:hover {
            background-color: transparent;
            cursor: default; }
          .viewissue-container .issue-card .fields-list-container .fields-list > li:not(.hidden) .fancy-dropdown-container .fancy-dropdown > label {
            font-weight: 500;
            flex: 0 0 100%;
            padding: 0 0 .5em 0;
            margin: 0;
            font-size: 0.9em;
            text-transform: none;
            color: #141823;
            cursor: default; }
          .viewissue-container .issue-card .fields-list-container .fields-list > li:not(.hidden) .fancy-dropdown-container .fancy-dropdown .value {
            max-width: none; }
          .viewissue-container .issue-card .fields-list-container .fields-list > li:not(.hidden) .fancy-dropdown-container .fancy-dropdown .expander {
            opacity: 0;
            transition: opacity .25s ease-in-out; }
        .viewissue-container .issue-card .fields-list-container .fields-list > li:not(.hidden):hover .fancy-dropdown-container .fancy-dropdown .expander {
          opacity: 1; }
        .viewissue-container .issue-card .fields-list-container .fields-list > li:not(.hidden) .field-container {
          background: transparent;
          padding: 5px 10px;
          display: flex;
          flex-direction: column;
          box-sizing: border-box;
          flex: 1 1 auto;
          align-items: stretch;
          justify-content: center; }
          .viewissue-container .issue-card .fields-list-container .fields-list > li:not(.hidden) .field-container, .viewissue-container .issue-card .fields-list-container .fields-list > li:not(.hidden) .field-container:hover {
            border: none;
            color: #232323;
            text-decoration: none;
            border-radius: 4px; }
          .viewissue-container .issue-card .fields-list-container .fields-list > li:not(.hidden) .field-container.editable:hover {
            cursor: pointer;
            background-color: rgba(200, 200, 200, 0.1); }
          .viewissue-container .issue-card .fields-list-container .fields-list > li:not(.hidden) .field-container .tooltip {
            bottom: 4.5em; }
          .viewissue-container .issue-card .fields-list-container .fields-list > li:not(.hidden) .field-container > .label {
            box-sizing: border-box;
            font-weight: 500;
            font-size: 0.9em;
            padding: 0 0 5px 0;
            display: flex;
            align-items: center;
            justify-content: flex-start; }
          .viewissue-container .issue-card .fields-list-container .fields-list > li:not(.hidden) .field-container > .value {
            font-weight: 300;
            box-sizing: border-box;
            display: flex;
            align-items: center;
            justify-content: stretch;
            color: #232323; }
            .viewissue-container .issue-card .fields-list-container .fields-list > li:not(.hidden) .field-container > .value.icon {
              flex: 0 0 auto; }
              .viewissue-container .issue-card .fields-list-container .fields-list > li:not(.hidden) .field-container > .value.icon + span {
                margin-left: .5em; }
            .viewissue-container .issue-card .fields-list-container .fields-list > li:not(.hidden) .field-container > .value span {
              flex: 1 1 auto;
              box-sizing: border-box;
              display: flex;
              align-items: center;
              justify-content: stretch; }
              .viewissue-container .issue-card .fields-list-container .fields-list > li:not(.hidden) .field-container > .value span.count-badge {
                flex: 0 0 auto;
                font-size: 1em;
                margin-left: 0;
                font-weight: 500; }
                .viewissue-container .issue-card .fields-list-container .fields-list > li:not(.hidden) .field-container > .value span.count-badge + .icon {
                  margin-left: auto; }
              .viewissue-container .issue-card .fields-list-container .fields-list > li:not(.hidden) .field-container > .value span + span,
              .viewissue-container .issue-card .fields-list-container .fields-list > li:not(.hidden) .field-container > .value span + .icon {
                margin-left: .5em;
                padding: 0 5px;
                font-size: 1em; }
  .viewissue-container .issue-card .form-row.locked .field-container, .viewissue-container .issue-card .form-row.locked .field-container:hover {
    border: 2px solid #00adc7; }
  .viewissue-container .issue-card .form-row.locked .field-container label .locked,
  .viewissue-container .issue-card .form-row.locked .field-container .label .locked {
    display: inline-block;
    margin-left: .35em; }
  .viewissue-container .issue-card .issue-card-main {
    border: none;
    flex: 1 1 auto;
    margin: 0;
    padding: 1em;
    overflow: visible;
    box-sizing: border-box;
    display: flex;
    height: 100%;
    flex-direction: column; }
    .viewissue-container .issue-card .issue-card-main .messages-container {
      display: flex;
      flex-direction: column;
      align-items: stretch; }
      .viewissue-container .issue-card .issue-card-main .messages-container .message-box {
        margin-left: 0;
        margin-right: 0;
        width: auto;
        flex: 1 1 auto; }
        .viewissue-container .issue-card .issue-card-main .messages-container .message-box.hidden {
          display: none; }
        .viewissue-container .issue-card .issue-card-main .messages-container .message-box + .message-box {
          margin-top: 1em; }
    .viewissue-container .issue-card .issue-card-main .card-header {
      flex: 0 0 auto;
      display: flex;
      flex-direction: row;
      align-items: center;
      padding: 0;
      margin-bottom: 1.5em; }
      .viewissue-container .issue-card .issue-card-main .card-header .workflow-actions-container {
        flex: 1 1 auto;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: wrap; }
        .viewissue-container .issue-card .issue-card-main .card-header .workflow-actions-container .workflow-list {
          flex: 1 1 auto;
          display: flex;
          flex-direction: row;
          flex-wrap: nowrap;
          align-items: flex-start;
          align-content: flex-start;
          justify-content: flex-start;
          justify-items: flex-start;
          list-style: none;
          padding: .35em 0;
          margin: 0; }
          .viewissue-container .issue-card .issue-card-main .card-header .workflow-actions-container .workflow-list .button.highlight {
            border: 1px solid #00adc7; }
          .viewissue-container .issue-card .issue-card-main .card-header .workflow-actions-container .workflow-list .tooltip-container {
            position: relative; }
            .viewissue-container .issue-card .issue-card-main .card-header .workflow-actions-container .workflow-list .tooltip-container + .tooltip-container {
              margin-left: .15rem; }
    .viewissue-container .issue-card .issue-card-main .issue-details {
      flex: 1 1 auto;
      display: flex;
      flex-direction: column; }
      .viewissue-container .issue-card .issue-card-main .issue-details .content {
        font-size: 1.15em; }
        .viewissue-container .issue-card .issue-card-main .issue-details .content img {
          max-width: 100%; }
        .viewissue-container .issue-card .issue-card-main .issue-details .content.editable:hover {
          background-color: rgba(100, 100, 100, 0.05);
          cursor: pointer; }
        .viewissue-container .issue-card .issue-card-main .issue-details .content.editable + .textarea_container {
          height: 1px;
          overflow: hidden;
          opacity: 0;
          transition: opacity 0.25s ease-in-out;
          width: 100%; }
          .viewissue-container .issue-card .issue-card-main .issue-details .content.editable + .textarea_container + .textarea_save_container {
            height: 1px;
            overflow: hidden;
            opacity: 0;
            transition: opacity 0.25s ease-in-out;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            background-color: transparent;
            border: none; }
        .viewissue-container .issue-card .issue-card-main .issue-details .content.editing {
          display: none; }
          .viewissue-container .issue-card .issue-card-main .issue-details .content.editing + .textarea_container {
            height: auto;
            opacity: 1;
            min-height: 15em; }
            .viewissue-container .issue-card .issue-card-main .issue-details .content.editing + .textarea_container + .textarea_save_container {
              padding: 1em;
              height: auto;
              opacity: 1;
              overflow: visible; }
        .viewissue-container .issue-card .issue-card-main .issue-details .content p + p {
          margin-top: 1em; }
    .viewissue-container .issue-card .issue-card-main .fields-list {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap; }
      .viewissue-container .issue-card .issue-card-main .fields-list li {
        flex: 1 1 auto;
        max-width: 50%;
        min-width: 33%; }
  .viewissue-container .issue-card .issue-field {
    display: flex; }
    .viewissue-container .issue-card .issue-field.hidden {
      display: none; }
  .viewissue-container .issue-card .issue-fields {
    flex: 0 0 400px;
    margin: 0;
    padding: .25em;
    display: flex;
    border-left: 2px solid rgba(225, 225, 225, 0.5);
    background-color: #fbfbfb;
    flex-direction: column;
    box-sizing: border-box;
    border-radius: 0; }
    .viewissue-container .issue-card .issue-fields .fields-list-container.hidden {
      display: none; }
      .viewissue-container .issue-card .issue-fields .fields-list-container.hidden.force-visible {
        display: flex; }
    .viewissue-container .issue-card .issue-fields .fields-list-container > .header .name {
      font-size: 1.2em; }
    .viewissue-container .issue-card .issue-fields .fields-list-container + .fields-list-container:not(.not-visible) {
      margin-top: 2em; }
    .viewissue-container .issue-card .issue-fields .userlink {
      padding: 0;
      flex: 1 1 auto; }
    .viewissue-container .issue-card .issue-fields .fancy-dropdown-container {
      flex: 1 1 auto; }
    .viewissue-container .issue-card .issue-fields .affected-list {
      padding: 0 .25em .75em .75em;
      box-sizing: border-box; }
  .viewissue-container .issue-card .fancy-tabs {
    flex: 0 0 auto;
    align-self: flex-end; }
  .viewissue-container .issue-card .fancypanes {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto; }

.viewissue-container .comments {
  margin: 0 .35em 3em .35em; }

#customize_dashboard_icon img,
#customize_dashboard_icon span {
  float: right;
  margin-right: 10px; }

#customize_dashboard_icon span {
  display: none;
  color: #AAA;
  font-size: 1.1em; }

#customize_dashboard_icon:hover span {
  display: inherit; }

.dashboard.layout_standard {
  box-sizing: border-box;
  width: 100%;
  display: flex;
  flex-direction: row;
  text-align: left;
  float: none;
  padding: 0;
  margin: 0;
  align-items: flex-start; }
  .dashboard.layout_standard .dashboard_column {
    box-sizing: border-box;
    flex: 1 1 50%;
    float: none;
    padding: 0 10px;
    margin: 0;
    list-style: none;
    position: relative;
    display: flex;
    flex-direction: column; }
    .dashboard.layout_standard .dashboard_column + .dashboard_column {
      padding-left: 0; }
    .dashboard.layout_standard .dashboard_column.narrow {
      flex: 1 1 30%;
      max-width: 30em; }
    .dashboard.layout_standard .dashboard_column > li {
      font-size: .9rem;
      font-weight: 400;
      display: flex;
      flex-direction: column;
      align-items: stretch;
      justify-content: flex-start;
      flex: 0 0 auto;
      box-sizing: border-box;
      margin: 0;
      padding: 10px 0 0 0;
      float: none;
      width: 100%;
      list-style: none;
      position: relative; }
      .dashboard.layout_standard .dashboard_column > li.dashboard_add_view_container {
        display: none; }
      .dashboard.layout_standard.editable .dashboard.layout_standard .dashboard_column > li.dashboard_add_view_container {
        display: block; }
      .dashboard.layout_standard .dashboard_column > li.dashboard_add_view_container > div {
        cursor: pointer;
        font-size: 1.7em;
        font-weight: 400;
        border: 1px dashed #DDD;
        padding: 50px 0;
        text-align: center;
        background-color: #FAFAFA;
        color: rgba(100, 100, 100, 0.4);
        margin: 0 5px 10px 5px; }
      .dashboard.layout_standard .dashboard_column > li .container_div {
        border: none;
        margin: 0;
        border-radius: 4px;
        clear: both;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        flex: 0 0 auto;
        padding: 0;
        position: relative;
        background-color: #FFF;
        box-shadow: 0 1px 3px 0 rgba(27, 27, 36, 0.2); }
        .dashboard.layout_standard .dashboard_column > li .container_div.transparent {
          background-color: transparent;
          box-shadow: none; }
        .dashboard.layout_standard .dashboard_column > li .container_div .header {
          margin: 0;
          padding: 10px;
          border: none;
          border-bottom: 1px dotted #CCC;
          font-weight: 500;
          font-size: 1.1em;
          box-sizing: border-box;
          text-transform: uppercase;
          border-bottom: 2px solid #191a21;
          background-color: transparent;
          border-radius: 4px 4px 0 0;
          color: #191a21;
          display: flex;
          flex-direction: row;
          align-items: center;
          justify-content: space-between; }
          .dashboard.layout_standard .dashboard_column > li .container_div .header span {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: flex-start; }
          .dashboard.layout_standard .dashboard_column > li .container_div .header .fas,
          .dashboard.layout_standard .dashboard_column > li .container_div .header .far {
            margin: 0 .35rem; }
            .dashboard.layout_standard .dashboard_column > li .container_div .header .fas:first-child,
            .dashboard.layout_standard .dashboard_column > li .container_div .header .far:first-child {
              margin-left: 0; }
            .dashboard.layout_standard .dashboard_column > li .container_div .header .fas:last-child,
            .dashboard.layout_standard .dashboard_column > li .container_div .header .far:last-child {
              margin-right: 0; }
          .dashboard.layout_standard .dashboard_column > li .container_div .header .issuetype-icon {
            width: auto;
            margin-left: .5em;
            padding-left: 1em;
            padding-right: 1em; }
          .dashboard.layout_standard .dashboard_column > li .container_div .header button,
          .dashboard.layout_standard .dashboard_column > li .container_div .header .button {
            font-size: .9em; }

.dashboard.layout_standard ul.dashboard_column > li img.mover, .dashboard.layout_standard ul.dashboard_column > li img.remover {
  float: right;
  margin: 3px 5px 0 5px;
  display: none; }

.dashboard.layout_standard.editable ul.dashboard_column.jsortable > li:hover img.mover {
  display: inline-block;
  cursor: move; }

.dashboard.layout_standard.editable ul.dashboard_column.jsortable > li:hover img.remover {
  display: inline-block;
  cursor: pointer; }

.dashboard.layout_standard ul.dashboard_column > li .faded_out {
  font-size: 0.9em;
  font-weight: 400; }

.dashboard.layout_standard ul.dashboard_column > li div.faded_out {
  margin: 5px 10px; }

.dashboard.layout_standard ul.dashboard_column > li table tr td {
  font-size: 1em;
  font-weight: 400;
  vertical-align: top; }

.dashboard.layout_standard ul.dashboard_column > li table tr.issue_closed td {
  text-decoration: line-through;
  color: #AAA; }

.dashboard.layout_standard ul.dashboard_column > li table tr.issue_closed td a {
  color: #88C688; }

.dashboard.layout_standard ul.dashboard_column > li table tr td .issue_closed {
  text-decoration: line-through; }

.dashboard.layout_standard ul.dashboard_column > li .imgtd img {
  padding: 4px 0 0 0 !important; }

.dashboard.layout_standard ul.dashboard_column > li .milestone_box .header {
  margin: 10px 0 0 0;
  padding: 0;
  border: none;
  text-transform: none; }

.dashboard.layout_standard .dashboard_view_header {
  font-weight: 400;
  color: #666;
  font-size: 1em;
  padding: 4px; }

.dashboard.layout_standard .dashboard_view_content {
  padding: 5px 10px; }

.dashboard.layout_standard .dashboard_view_content ul li {
  float: none;
  width: auto; }

.dashboard.layout_standard .dashboard_view_content .button-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 6px;
  font-size: .85em; }
  .dashboard.layout_standard .dashboard_view_content .button-container .button:first-child:last-child {
    margin-left: auto; }

.dashboard.layout_standard .dashboard_view_header img {
  margin-right: 2px; }

.dashboard.layout_standard .latest_action_dates {
  padding: 10px 0 0 7px; }

.dashboard.layout_standard .faded_out.smaller {
  font-size: 0.8em;
  padding-right: 5px; }

.dashboard.layout_standard .project_key {
  background-color: #E8F7DC;
  padding: 2px 4px;
  border-radius: 3px;
  margin-right: 3px; }

.dashboard.layout_standard .issue_link {
  display: block;
  font-size: 1em; }

.dashboard.layout_standard .issue_link img {
  float: left;
  display: block;
  margin: 7px;
  vertical-align: middle; }

.dashboard.layout_standard .issue_link + .status-badge {
  font-size: 0.8em; }

.jsortable .sortable-placeholder {
  display: block;
  margin: 5px;
  width: auto;
  box-shadow: none;
  border: 1px dotted rgba(100, 100, 100, 0.3);
  height: 70px;
  box-sizing: content-box;
  background-color: rgba(240, 240, 240, 0.2); }

#add_dashboard_views .available_views_list {
  list-style: none;
  margin: 0;
  padding: 0; }

#add_dashboard_views h3, #add_dashboard_views h4 {
  font-weight: 400;
  color: #888;
  text-transform: uppercase;
  border-bottom: 1px dotted #CCC;
  padding: 0 0 5px 0;
  margin: 0 0 5px 0; }

#add_dashboard_views h3 {
  font-size: 1.1em; }

#add_dashboard_views h4 {
  font-size: 1em; }

#add_dashboard_views .project_left {
  width: 200px;
  display: inline-block;
  vertical-align: top; }

#add_dashboard_views .available_views_container {
  width: 570px;
  margin-left: 10px;
  display: inline-block;
  vertical-align: top;
  height: 500px;
  overflow-x: auto; }

#add_dashboard_views .available_views_list li {
  display: block;
  float: none;
  padding: 10px;
  vertical-align: top;
  border: 1px solid rgba(100, 100, 100, 0.3);
  box-sizing: content-box;
  box-shadow: 0 0 3px rgba(100, 100, 100, 0.4);
  margin: 0 10px 7px 0; }

#add_dashboard_views .available_views_list li .icon_container {
  padding: 5px 0;
  width: 7%;
  display: inline-block;
  vertical-align: middle;
  text-align: left; }

#add_dashboard_views .available_views_list li .description {
  color: #666;
  font-size: 1em;
  padding: 5px 0;
  width: 92%;
  display: inline-block;
  vertical-align: top; }

#add_dashboard_views .available_views_list li .add_button_container {
  padding: 10px 0;
  display: block;
  text-align: right; }

#add_dashboard_views .available_views_list li .add_button_container img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px; }

#add_dashboard_views .backdrop_detail_footer {
  padding: 15px 10px; }

.dashboard_milestones {
  padding: 0; }

.page-project_dashboard .dashboard_milestones {
  margin: -5px -10px; }

.dashboard_milestones > div:last-child {
  border-bottom: none !important; }

.dashboard_view_content a.more {
  float: right;
  font-weight: 400;
  padding-top: 5px; }

.dashboard_view_content .project_role {
  font-weight: 400;
  margin: 5px 0;
  font-size: 0.9em; }

.dashboard_view_issues {
  table-layout: fixed;
  width: 100%;
  box-sizing: border-box;
  margin: 0; }

.dashboard_view_issues .issue_user_avatar_cell .user_dropdown {
  left: -14px; }

.dashboard_view_issues .tr .td {
  border-bottom: 1px dashed #EAEAEA;
  padding: 10px 5px 15px; }

.dashboard_view_issues .tr:last-child .td {
  border-bottom: 0; }

.dashboard_view_issues .tr .td.issue_type_cell {
  width: 30px;
  text-align: center;
  vertical-align: middle; }

.dashboard_view_issues .issue_comments_count_cell, .dashboard_view_issues .issue_files_count_cell {
  width: 50px;
  vertical-align: middle; }

.dashboard_view_issues .issue_comments_count_cell img, .dashboard_view_issues .issue_files_count_cell img {
  vertical-align: middle; }

.dashboard_view_issues .td {
  padding: 5px; }

.dashboard_view_issues .td .issue_link {
  margin-bottom: 5px; }

.dashboard_view_issues .td:first-child {
  width: auto; }

.dashboard_view_issues .td:last-child {
  width: 40px;
  text-align: center;
  vertical-align: middle; }

.dashboard_view_issues .secondary {
  color: #AAA;
  font-size: 0.9em; }

.dashboard_view_issues .secondary img {
  vertical-align: middle;
  display: inline-block;
  margin: 0 5px 0 10px; }

.dashboard_view_issues .secondary img:first-of-type {
  margin-left: 20px; }

.dashboard_view_issues .issue_blocking .issue_avatar_cell {
  background: linear-gradient(to right, rgba(255, 100, 100, 0) 0%, rgba(255, 100, 100, 0.2) 50px);
  background: -webkit-linear-gradient(left, rgba(255, 100, 100, 0) 0%, rgba(255, 100, 100, 0.2) 50px); }

.dashboard_view_issues .issue_team_avatar_cell .avatar {
  border: 1px solid rgba(39, 124, 186, 0.4);
  height: 16px;
  width: 16px;
  background-color: rgba(39, 124, 186, 0.05);
  padding: 5px; }

.dashboard_view_content #project_description {
  margin-bottom: 10px;
  font-size: 0.9em;
  line-height: 1.5; }

.dashboard_view_content .release_item {
  font-size: 0.8em; }

.dashboard_view_content .release_item .release_date {
  font-size: 1.1em; }

.dashboard_view_content .statistics_percentage .percent_unfilled {
  margin-top: 3px; }

.dashboard_view_content div[id$='_recent_issues_pane'] table {
  border-spacing: 5px 15px;
  margin-top: -10px !important;
  margin-bottom: -10px; }

.dashboard_view_content div[id$='_recent_issues_pane'] .faded_out {
  font-size: 13px !important; }

.dashboard_view_content .project_client_header {
  font-size: 1em; }

.dashboard_view_content .project_client_viewusers {
  font-size: 0.9em; }

.dashboard_view_content .project_client_info table {
  margin-top: 5px; }

#dashboard_lefthand .collapser_link {
  left: 237px;
  z-index: 1;
  padding: 4px;
  margin-top: 3px; }

#dashboard_lefthand .collapser_link:before {
  height: 16px; }

#dashboard_lefthand .collapser_link:after {
  height: 23px; }

.dashboard_view_content .statistics_percentage {
  border-spacing: 0 8px; }

.dashboard_view_container .no-items {
  font-size: 1.5em;
  text-align: center;
  padding: 25px;
  color: #AAA;
  display: flex;
  flex-direction: column;
  align-items: center; }
  .dashboard_view_container .no-items button,
  .dashboard_view_container .no-items .button {
    margin-top: 1em;
    font-size: .7em; }

.dashboard_view_container .no-items span {
  display: block;
  padding-bottom: 15px; }

.dashboard_view_container .no-items .fas,
.dashboard_view_container .no-items .far {
  font-size: 2.5em;
  display: block;
  padding: 0 0 25px 0;
  color: #CCC; }

.dashboard_view_container .no-items.no-projects .fas,
.dashboard_view_container .no-items.no-projects .far {
  color: orange; }

.dashboard_view_container .button-group {
  justify-content: flex-end;
  padding: 10px 0; }

.milestone_box {
  margin: 0;
  font-size: 1em;
  position: relative;
  border: none;
  padding: 0 10px 12px 10px;
  box-shadow: none;
  border-radius: 0; }

.dashboard_milestones .milestone_box,
.team_dashboard_projects .milestone_box,
.client_dashboard_projects .milestone_box {
  border-bottom: 1px dashed #EAEAEA !important;
  table-layout: fixed;
  width: 100%;
  box-sizing: border-box;
  background-color: transparent !important; }

.team_dashboard_projects .milestone_box,
.client_dashboard_projects .milestone_box {
  padding: 0 0 12px 0;
  font-size: 1.1em; }

.team_dashboard .milestone_box .header,
.client_dashboard .milestone_box .header {
  text-transform: none;
  border-bottom: none;
  font-size: 1em; }

.milestone_box.unavailable:hover {
  opacity: 1; }

.milestone_box .status {
  margin-top: 10px;
  font-size: 0.8em;
  display: inline-block;
  padding: 2px 5px;
  border-radius: 3px; }

.milestone_box.red .status {
  background-color: #FAEFEF;
  color: #D88383; }

.milestone_box.green .status {
  background-color: #DCEFDC;
  color: #00a400; }

.milestone_box .date {
  margin-top: 4px;
  color: #AAA;
  font-size: 0.9em; }

.milestone_box .percentage {
  vertical-align: middle;
  padding-left: 10px; }

.milestone_box .percentage .numbers {
  text-align: center;
  font-size: 0.8em;
  margin-bottom: 8px;
  color: #555; }

.milestone_box .header {
  padding: 4px 0;
  border: none;
  font-size: 1.1em;
  font-weight: 400; }

.milestone_box .milestone_basic_container, .milestone_box .milestone_counts_container {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  margin-right: 5px; }

.milestone_box .milestone_counts_container {
  margin-top: -20px; }

#new_backlog_milestone_marker .milestone_counts_container {
  margin-top: 0; }

.header.backlog .milestone_counts_container {
  margin-top: -10px; }

.milestone_box .milestone_name {
  font-weight: 400;
  font-size: 1.2em;
  text-transform: uppercase;
  color: #777;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 5px; }

.milestone_box .milestone_name.milestone_virtual_status {
  height: 30px;
  width: 390px;
  padding-bottom: 2px;
  background-color: #FFF;
  position: relative;
  border: 1px solid transparent; }

.milestone_box .header .settings_container, .milestone_box .header .draggable {
  position: relative;
  float: right;
  margin: 0 5px;
  line-height: 1em; }

.page-project_roadmap #content_container .milestone_box .header .settings_container, .page-project_milestone_details #content_container .milestone_box .header .settings_container {
  margin-right: -10px; }

.milestone_box .header .settings_container {
  opacity: 0.4;
  transition: opacity 0.3s ease;
  -webkit-transition: opacity 0.3s ease;
  z-index: 1; }

.milestone_box .header .settings_container:hover {
  opacity: 1;
  transition: opacity 0.3s ease;
  -webkit-transition: opacity 0.3s ease; }

.milestone_box .header .settings_container img, .milestone_box .header .draggable img {
  padding: 3px 5px;
  cursor: pointer; }

.milestone_box .header .draggable {
  display: none; }

#project_planning.milestone-sort .milestone_box {
  cursor: move;
  background-color: white; }

#project_planning.milestone-sort .milestone_box .header .draggable {
  display: block; }

#project_planning.milestone-sort .milestone_box .header .settings_container, #project_planning.milestone-sort .milestone_box .header .button-group, #project_planning.milestone-sort .milestone_box .milestone_issues {
  display: none; }

dl.info {
  display: block;
  white-space: normal; }

.milestone_box .backlog dl.info {
  display: inline-block;
  margin-left: 25px; }

.milestone_box dl.info dt.milestone_issues_count {
  margin-right: 0;
  line-height: 1em; }

.milestone_box dl.info dt.milestone_issues_count.collapsable, .milestone_box dl.info dt.milestone_issues_count.collapsable + dd {
  cursor: pointer; }

.milestone_box dl.info dt.milestone_issues_count img {
  vertical-align: middle; }

.milestone_box dl.info dt.milestone_issues_count + dd {
  margin-left: -5px;
  min-width: 25px; }

.milestone_box dl.info dd {
  margin: 0 20px 0 0;
  min-width: 90px; }

.milestone_percentage, .issue_percentage {
  display: block;
  height: 3px;
  background-color: #E7E7E7;
  padding: 0;
  width: 100%;
  margin: 5px 0;
  position: relative; }

.issue_percentage {
  margin: 0 0 2px 0;
  bottom: -2px; }

.milestone_percentage .filler, .issue_percentage .filler {
  display: block;
  height: 3px;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(119, 183, 83, 0.5);
  transition: width 0.3s ease; }

.project-list#associated-projects {
  font-size: .9em; }

.recent-activities {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  font-size: .9em; }
  .recent-activities .date-header {
    color: #0c8990;
    padding: .5rem; }
    .recent-activities .date-header .date {
      font-weight: 500; }
  .recent-activities .log-item {
    display: flex;
    align-items: flex-start;
    margin-left: 2rem;
    position: relative; }
    .recent-activities .log-item::before {
      content: '';
      display: block;
      width: 2px;
      background-color: #0c8990;
      height: 100%;
      position: absolute;
      top: 0;
      left: -17px; }
    .recent-activities .log-item .user-icon {
      padding-top: .5rem;
      flex: 0 0 40px;
      display: flex;
      align-items: flex-start;
      justify-content: flex-start; }
    .recent-activities .log-item.without-title .time {
      display: none; }
    .recent-activities .log-item.without-title .user-icon img {
      display: none; }
    .recent-activities .log-item.without-title + .log-item:not(.without-title) {
      padding-top: 1.5rem; }
    .recent-activities .log-item .content {
      display: flex;
      flex-direction: column; }
      .recent-activities .log-item .content .title-container {
        display: flex;
        align-items: center; }
        .recent-activities .log-item .content .title-container .issue-link,
        .recent-activities .log-item .content .title-container .issue-link:hover {
          display: flex;
          align-items: center;
          color: #141823;
          border: none;
          text-decoration: none;
          font-size: 1.1em;
          font-weight: 400; }
          .recent-activities .log-item .content .title-container .issue-link .count-badge,
          .recent-activities .log-item .content .title-container .issue-link:hover .count-badge {
            margin: 0 .35rem 0 0; }
      .recent-activities .log-item .content .description {
        padding: .15em 0;
        font-weight: 300; }
        .recent-activities .log-item .content .description .fas,
        .recent-activities .log-item .content .description .far {
          margin-right: .25em; }

/* configuration section styling */
.configuration-container {
  padding: 0 15px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  height: 100%;
  justify-content: flex-start; }
  .configuration-container .configuration-content {
    flex: 1 1 auto;
    width: 100%; }
    .configuration-container .configuration-content.centered {
      max-width: 750px; }
    .configuration-container .configuration-content .top-search-filters-container {
      background: transparent;
      border-bottom: none; }
  .configuration-container > .form-container,
  .configuration-container > .configuration-content > .form-container {
    max-width: 750px; }
    .configuration-container > .form-container .fancy-dropdown-container .fancy-dropdown,
    .configuration-container > .configuration-content > .form-container .fancy-dropdown-container .fancy-dropdown {
      background: white;
      border-color: rgba(200, 200, 200, 0.3); }
      .configuration-container > .form-container .fancy-dropdown-container .fancy-dropdown:hover,
      .configuration-container > .configuration-content > .form-container .fancy-dropdown-container .fancy-dropdown:hover {
        border-color: #0c8990;
        cursor: pointer; }
      .configuration-container > .form-container .fancy-dropdown-container .fancy-dropdown.active,
      .configuration-container > .configuration-content > .form-container .fancy-dropdown-container .fancy-dropdown.active {
        border-color: #0c8990; }
    .configuration-container > .form-container input[type=search],
    .configuration-container > .form-container input[type=url],
    .configuration-container > .form-container input[type=email],
    .configuration-container > .form-container input[type=password],
    .configuration-container > .form-container input[type=text],
    .configuration-container > .configuration-content > .form-container input[type=search],
    .configuration-container > .configuration-content > .form-container input[type=url],
    .configuration-container > .configuration-content > .form-container input[type=email],
    .configuration-container > .configuration-content > .form-container input[type=password],
    .configuration-container > .configuration-content > .form-container input[type=text] {
      font-size: 1.1em;
      border-radius: 4px;
      color: #141823;
      transition: border-color .2s ease-in-out; }
      .configuration-container > .form-container input[type=search]:not(.invisible),
      .configuration-container > .form-container input[type=url]:not(.invisible),
      .configuration-container > .form-container input[type=email]:not(.invisible),
      .configuration-container > .form-container input[type=password]:not(.invisible),
      .configuration-container > .form-container input[type=text]:not(.invisible),
      .configuration-container > .configuration-content > .form-container input[type=search]:not(.invisible),
      .configuration-container > .configuration-content > .form-container input[type=url]:not(.invisible),
      .configuration-container > .configuration-content > .form-container input[type=email]:not(.invisible),
      .configuration-container > .configuration-content > .form-container input[type=password]:not(.invisible),
      .configuration-container > .configuration-content > .form-container input[type=text]:not(.invisible) {
        background: white;
        border: 1px solid rgba(200, 200, 200, 0.3);
        padding: .5em 1em;
        margin: 0 .35rem 0 0; }
        .configuration-container > .form-container input[type=search]:not(.invisible):disabled,
        .configuration-container > .form-container input[type=url]:not(.invisible):disabled,
        .configuration-container > .form-container input[type=email]:not(.invisible):disabled,
        .configuration-container > .form-container input[type=password]:not(.invisible):disabled,
        .configuration-container > .form-container input[type=text]:not(.invisible):disabled,
        .configuration-container > .configuration-content > .form-container input[type=search]:not(.invisible):disabled,
        .configuration-container > .configuration-content > .form-container input[type=url]:not(.invisible):disabled,
        .configuration-container > .configuration-content > .form-container input[type=email]:not(.invisible):disabled,
        .configuration-container > .configuration-content > .form-container input[type=password]:not(.invisible):disabled,
        .configuration-container > .configuration-content > .form-container input[type=text]:not(.invisible):disabled {
          background: rgba(255, 255, 255, 0.6);
          border-color: rgba(200, 200, 200, 0.15);
          color: #AAA; }
        .configuration-container > .form-container input[type=search]:not(.invisible):not(.number):not(.medium):not(.prefix-and-key),
        .configuration-container > .form-container input[type=url]:not(.invisible):not(.number):not(.medium):not(.prefix-and-key),
        .configuration-container > .form-container input[type=email]:not(.invisible):not(.number):not(.medium):not(.prefix-and-key),
        .configuration-container > .form-container input[type=password]:not(.invisible):not(.number):not(.medium):not(.prefix-and-key),
        .configuration-container > .form-container input[type=text]:not(.invisible):not(.number):not(.medium):not(.prefix-and-key),
        .configuration-container > .configuration-content > .form-container input[type=search]:not(.invisible):not(.number):not(.medium):not(.prefix-and-key),
        .configuration-container > .configuration-content > .form-container input[type=url]:not(.invisible):not(.number):not(.medium):not(.prefix-and-key),
        .configuration-container > .configuration-content > .form-container input[type=email]:not(.invisible):not(.number):not(.medium):not(.prefix-and-key),
        .configuration-container > .configuration-content > .form-container input[type=password]:not(.invisible):not(.number):not(.medium):not(.prefix-and-key),
        .configuration-container > .configuration-content > .form-container input[type=text]:not(.invisible):not(.number):not(.medium):not(.prefix-and-key) {
          flex: 1 1 65%; }
        .configuration-container > .form-container input[type=search]:not(.invisible):not(:disabled):hover,
        .configuration-container > .form-container input[type=url]:not(.invisible):not(:disabled):hover,
        .configuration-container > .form-container input[type=email]:not(.invisible):not(:disabled):hover,
        .configuration-container > .form-container input[type=password]:not(.invisible):not(:disabled):hover,
        .configuration-container > .form-container input[type=text]:not(.invisible):not(:disabled):hover,
        .configuration-container > .configuration-content > .form-container input[type=search]:not(.invisible):not(:disabled):hover,
        .configuration-container > .configuration-content > .form-container input[type=url]:not(.invisible):not(:disabled):hover,
        .configuration-container > .configuration-content > .form-container input[type=email]:not(.invisible):not(:disabled):hover,
        .configuration-container > .configuration-content > .form-container input[type=password]:not(.invisible):not(:disabled):hover,
        .configuration-container > .configuration-content > .form-container input[type=text]:not(.invisible):not(:disabled):hover {
          border-color: #0c8990; }

.workflow-transition-map {
  width: 100%;
  box-sizing: border-box;
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: stretch;
  background: rgba(225, 225, 225, 0.25);
  padding: 1rem;
  border-radius: .5rem;
  margin-top: 1em; }
  .workflow-transition-map .step-list {
    flex: 0 0 35%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    justify-items: center;
    font-size: 1.1em; }
  .workflow-transition-map .current-transition {
    flex: 1 1 auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: stretch; }
    .workflow-transition-map .current-transition .icon {
      font-size: 1.1em; }
    .workflow-transition-map .current-transition .transition-name {
      font-size: 1.3em;
      padding: .35em .75em; }

.config-explanation {
  position: relative;
  color: #888; }

.button.destroy-link .fas, .button.destroy-link .far {
  color: #cb1a00; }

.config-plugins .header .plugin_shortname {
  font-weight: 400;
  font-size: 0.95em; }

.config-plugins .plugins-list {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0;
  box-sizing: border-box; }
  .config-plugins .plugins-list .plugin {
    vertical-align: top;
    position: relative;
    display: inline-block;
    float: left;
    padding: 10px;
    margin: 10px 10px 10px 0;
    width: calc(50% - 5px);
    box-sizing: border-box;
    border: 1px solid rgba(50, 50, 50, 0.2);
    box-shadow: 0 0 3px rgba(100, 100, 100, 0.2);
    opacity: 1;
    transition: opacity 0.3s ease; }
    .config-plugins .plugins-list .plugin:first-child {
      width: 100%;
      margin-top: 0; }
    .config-plugins .plugins-list .plugin .plugin_status.core {
      background-color: rgba(150, 150, 150, 0.2);
      color: #888; }
    .config-plugins .plugins-list .plugin .plugin_status.enabled {
      background-color: rgba(177, 210, 143, 0.6); }
    .config-plugins .plugins-list .plugin .plugin_status.disabled {
      background-color: rgba(150, 150, 150, 0.1); }
    .config-plugins .plugins-list .plugin .plugin_status.outdated {
      background-color: rgba(177, 143, 210, 0.1);
      display: none; }
    .config-plugins .plugins-list .plugin .plugin_status img {
      float: left;
      margin: 2px 5px -2px 0; }
    .config-plugins .plugins-list .plugin.out-of-date .plugin_status.outofdate {
      display: inline-block; }
  .config-plugins .plugins-list.installed .plugin {
    width: 100%;
    margin-top: 0; }

.rating {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  color: lightgrey; }
  .rating .score {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    color: goldenrod; }

.configurable-components-list {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: stretch;
  justify-content: center; }
  .configurable-components-list:empty:before {
    content: attr(data-placeholder);
    color: #888; }
  .configurable-components-list + .configurable-components-list {
    margin-top: .75rem;
    border-top: 1px solid rgba(200, 200, 200, 0.8);
    padding-top: 1rem; }

.configurable-component.form-container {
  flex: 0 0 auto;
  width: 100%;
  flex-wrap: nowrap; }

.configurable-component, .configurable-component:hover {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  box-shadow: rgba(9, 30, 66, 0.25) 0 1px 1px, rgba(9, 30, 66, 0.31) 0 0 1px;
  background-color: #FFF;
  padding: 0;
  border-radius: 3px;
  font-size: 1rem;
  margin-bottom: .5rem;
  transition: border .25s ease-in-out;
  border: none; }

.configurable-component:hover {
  border: none; }

.configurable-component.active {
  border: 2px solid #0c8990;
  background-color: #0c8990; }
  .configurable-component.active > .row > .icon:not(.open),
  .configurable-component.active > .row > .information,
  .configurable-component.active > .row > .name {
    background-color: #FFF; }
  .configurable-component.active > .row > *:first-child {
    border-radius: 3px 0 0 3px; }
  .configurable-component.active > .row > div:last-of-type {
    border-radius: 0 3px 3px 0; }
  .configurable-component.active > .row > .icon.open,
  .configurable-component.active > .row > .icon.open:hover {
    background-color: transparent;
    color: #FFF; }

.configurable-component.issue-field .row, .configurable-component.workflow-transition .row, .configurable-component.workflow-transition-validation-rule .row {
  flex-wrap: nowrap;
  overflow: visible; }

.configurable-component > form > .row,
.configurable-component > .row {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
  box-sizing: border-box;
  justify-content: flex-start; }
  .configurable-component > form > .row.actions,
  .configurable-component > .row.actions {
    justify-content: flex-end; }
  .configurable-component > form > .row .form-row,
  .configurable-component > .row .form-row {
    padding: 0;
    width: 100%; }
  .configurable-component > form > .row .message-box .message,
  .configurable-component > .row .message-box .message {
    font-size: .85em; }
  .configurable-component > form > .row.options-container .form-row,
  .configurable-component > .row.options-container .form-row {
    padding: .35rem; }
  .configurable-component > form > .row.actions-container,
  .configurable-component > .row.actions-container {
    padding: .75em; }
  .configurable-component > form > .row .rating,
  .configurable-component > .row .rating {
    margin: 0 .75em .75em .75em; }
  .configurable-component > form > .row > .icon,
  .configurable-component > .row > .icon {
    flex: 0 0 36px;
    box-sizing: border-box;
    padding: .35rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    border: none;
    border-radius: 0;
    text-align: center;
    color: #141823; }
    .configurable-component > form > .row > .icon.handle,
    .configurable-component > .row > .icon.handle {
      flex: 0 0 30px;
      font-size: .7em;
      color: rgba(200, 200, 200, 0.6); }
      .configurable-component > form > .row > .icon.handle:hover,
      .configurable-component > .row > .icon.handle:hover {
        color: rgba(200, 200, 200, 0.8);
        cursor: move;
        cursor: grab; }
    .configurable-component > form > .row > .icon.open:hover,
    .configurable-component > .row > .icon.open:hover {
      background: rgba(220, 220, 220, 0.15);
      color: #3c1642; }
    .configurable-component > form > .row > .icon .fas:not(.checked):not(.unchecked):not(.indicator),
    .configurable-component > form > .row > .icon .far:not(.checked):not(.unchecked):not(.indicator),
    .configurable-component > .row > .icon .fas:not(.checked):not(.unchecked):not(.indicator),
    .configurable-component > .row > .icon .far:not(.checked):not(.unchecked):not(.indicator) {
      flex: 0 0 auto;
      margin-left: auto;
      margin-right: auto; }
    .configurable-component > form > .row > .icon + .name,
    .configurable-component > .row > .icon + .name {
      padding-left: 0; }
  .configurable-component > form > .row > .name,
  .configurable-component > .row > .name {
    padding: .35rem;
    flex: 1 1 auto;
    display: flex;
    font-size: .85em;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    border: none;
    color: #141823;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .configurable-component > form > .row > .name.with-dropdown,
    .configurable-component > .row > .name.with-dropdown {
      overflow: visible; }
    .configurable-component > form > .row > .name .title,
    .configurable-component > .row > .name .title {
      font-weight: 400; }
    .configurable-component > form > .row > .name .description,
    .configurable-component > .row > .name .description {
      color: rgba(0, 0, 0, 0.4);
      font-weight: 300; }
  .configurable-component > form > .row > .actions,
  .configurable-component > form > .row > .information,
  .configurable-component > .row > .actions,
  .configurable-component > .row > .information {
    flex: 0 0 auto;
    min-width: 50px;
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end; }
  .configurable-component > form > .row .description,
  .configurable-component > .row .description {
    padding: .75em; }

.configurable-components-container {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: stretch; }
  .configurable-components-container .configurable-components-list-container {
    flex: 1 1 auto; }
  .configurable-components-container .configurable-component-options {
    flex: 0 0 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0; }
  .configurable-components-container.active .configurable-components-list-container {
    flex: 0 0 335px; }
  .configurable-components-container.active .configurable-component-options {
    flex: 1 1 auto;
    margin: 0 0 0 .35rem;
    padding: 0 .35rem; }
    .configurable-components-container.active .configurable-component-options > .form-container {
      padding-top: .35rem; }
      .configurable-components-container.active .configurable-component-options > .form-container .form-row.header:first-child {
        padding: 0 .35rem; }
        .configurable-components-container.active .configurable-component-options > .form-container .form-row.header:first-child h2, .configurable-components-container.active .configurable-component-options > .form-container .form-row.header:first-child h3, .configurable-components-container.active .configurable-component-options > .form-container .form-row.header:first-child h4, .configurable-components-container.active .configurable-component-options > .form-container .form-row.header:first-child h5 {
          margin-top: 0; }
      .configurable-components-container.active .configurable-component-options > .form-container.issue-field-option .form-row {
        padding: 0; }
    .configurable-components-container.active .configurable-component-options > .configurable-components-list + .form-container {
      padding-top: 0; }

.modules-list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  padding: 1em 0; }

.plugins-list > .indicator {
  display: flex;
  flex: 1 1 100%;
  align-items: center;
  justify-content: center;
  padding: 3.68em;
  font-size: 1.9em; }

.plugins-list .configurable-component.module {
  max-width: 350px;
  font-size: 1em; }
  .plugins-list .configurable-component.module .name {
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    font-size: 1.1em;
    padding: .75em; }
  .plugins-list .configurable-component.module + .module {
    margin-left: .5em; }
  .plugins-list .configurable-component.module .installed-status {
    display: none; }
  .plugins-list .configurable-component.module.installed .installed-status {
    display: inline-flex; }
  .plugins-list .configurable-component.module.installed button.trigger-install-module {
    display: none; }
  .plugins-list .configurable-component.module.out-of-date .plugin_status.outofdate {
    display: inline-block; }

.projectbox .permission_list ul {
  width: 670px; }

#tab_permissions_pane .permission_list ul {
  width: 780px; }

.projectbox td {
  font-size: 0.9em; }

.child_project_container {
  margin-left: 25px; }

#issuetypes_menu_panes .content {
  padding: 0 0 10px 0; }

.issuetype_box a.image, .issuetype_box a.image:hover {
  border: 0; }

.issuetype_scheme_associate_link {
  font-weight: 400;
  font-size: 0.9em; }

.issuetype_description {
  width: 550px; }

#config_issuefields .issuefield_item_option {
  cursor: move;
  height: 30px;
  padding-top: 6px; }

#config_issuefields .issuefield_item_option .button-group {
  margin-top: -6px; }

#config_issuefields .issuefield_item_option:hover {
  background-color: rgba(100, 100, 100, 0.1); }

.more_than_one_project_warning {
  color: #C55; }

.tab_content {
  padding-top: 5px; }

.fas.fa-leaf,
.far.fa-leaf {
  color: #1aaa55;
  margin-right: .35em; }

.livelink-intro {
  font-size: 1.1em; }

.livelink-intro + .livelink-intro {
  padding-top: 25px; }

.livelink-import-list, .livelink_connector_accounts {
  list-style: none;
  padding: 0;
  font-size: 1.1em;
  display: flex;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;
  margin: 1.5em 0 0 0;
  align-items: stretch; }

.livelink_connector_accounts li .connector_logo,
.livelink-import-list li .connector_logo {
  margin-right: 3px; }

.livelink-import-list li .live_import_type {
  display: block;
  /*margin-left: 16px;*/ }

.livelink-import-list li .project_name {
  font-weight: 500; }

.livelink-import-list li, .livelink_connector_accounts li {
  padding: 10px 0;
  border-bottom: 1px dotted #DDD;
  display: flex;
  font-size: .9em;
  align-items: center; }

.livelink_connector_accounts li {
  padding: 10px;
  font-size: 1em;
  transition: background-color .2s ease-in-out;
  background-color: rgba(225, 225, 225, 0); }

.livelink_connector_accounts li:hover {
  background-color: rgba(225, 225, 225, 0.15);
  border-radius: 3px; }

.livelink_connector_accounts li .connected-ok {
  display: none;
  color: #1aaa55;
  font-weight: 500;
  text-transform: uppercase;
  margin-left: 15px;
  font-size: .8em; }

.livelink_connector_accounts li .connected-ok .fas,
.livelink_connector_accounts li .connected-ok .far {
  color: #1aaa55;
  font-weight: 500; }

.livelink_connector_accounts li .not-connected {
  display: inline-block;
  color: #888;
  font-weight: 400;
  text-transform: uppercase;
  margin-left: 15px;
  font-size: .8em; }

.livelink_connector_accounts li .not-connected .fas,
.livelink_connector_accounts li .not-connected .far {
  color: #888;
  font-weight: 400; }

.livelink_connector_accounts li.connected .not-connected,
.livelink_connector_accounts li:not(.connected) .button-disconnect-livelink-connector,
.livelink_connector_accounts li.connected .button-connect-livelink-connector {
  display: none; }

.livelink_connector_accounts li.connected .connected-ok {
  display: inline-block; }

.livelink-import-list li:last-child, .livelink_connector_accounts li:last-child {
  border-bottom: none; }

.livelink-import-list li .description, .livelink_connector_accounts li .description {
  flex: 1 1 auto;
  font-size: 1em;
  line-height: 1.2em; }

.livelink-import-list li .description .fas,
.livelink-import-list li .description .far,
.livelink_connector_accounts li .description .fas,
.livelink_connector_accounts li .description .far {
  color: #555;
  margin-right: .35em; }

.livelink-import-list li .button, .livelink_connector_accounts li .button {
  flex: 0 0 auto; }

.livelink-separator {
  border: 0;
  border-top: 1px dotted rgba(0, 0, 0, 0.3);
  padding: 5px 100px;
  width: 450px;
  display: block;
  margin: 5px auto 0 auto;
  text-align: center;
  box-sizing: border-box; }

.livelink-separator legend {
  text-align: center;
  font-size: 1.2em;
  text-transform: uppercase;
  font-weight: 500;
  width: 300px;
  white-space: nowrap;
  background-color: transparent; }

.livelink_integration_settings {
  padding: 15px 0;
  display: none; }

.repo-verified .livelink_integration_settings {
  display: block; }

.livelink_integration_settings .integrations_list {
  list-style: none;
  padding: 0;
  margin: 0; }

.livelink_integration_settings .integrations_list li {
  padding: 5px; }

.livelink_integration_settings .integrations_list .explanation {
  padding: 5px; }
  .livelink_integration_settings .integrations_list .explanation.disabled {
    color: #CCC; }

.step-form .visible-step {
  display: none; }

.step-form.step-1 .visible-step.step-1 {
  display: initial; }

.step-form.step-2 .visible-step.step-2 {
  display: initial; }

.step-form.step-3 .visible-step.step-3 {
  display: initial; }

.step-form.step-4 .visible-step.step-4 {
  display: initial; }

.livelink_project_badge, .livelink_project_badge:hover {
  display: inline-block;
  font-size: .65em;
  padding: 7px;
  font-weight: 400;
  background: rgba(225, 225, 225, 0.3);
  color: #777;
  border-radius: 5px;
  margin-left: .35em;
  border: none;
  text-decoration: none; }

.livelink_project_badge:hover {
  background: rgba(195, 235, 195, 0.35); }

.livelink_project_badge .fas,
.livelink_project_badge .fab,
.livelink_project_badge .far {
  margin-right: .35em; }

.content-with-sidebar > div:not(.sidebar):not(.fixed-position).commit-navigation-container {
  align-items: stretch; }

#commit-list-with-filters-container {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: stretch;
  align-content: stretch;
  flex: 1 1 auto; }
  #commit-list-with-filters-container.hidden {
    display: none; }

.commit-details-container {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  width: 100%;
  flex: 1 1 auto; }
  .commit-details-container.hidden {
    display: none; }
  .commit-details-container .indicator-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-size: 3em;
    color: #676767;
    flex: 1 1 auto;
    width: 100%; }
  .commit-details-container .commit-details-list .fields-list .value.list .branch-badge {
    margin: 0; }
    .commit-details-container .commit-details-list .fields-list .value.list .branch-badge + .branch-badge {
      margin: .5em 0 0 0; }

.commit-files-summary {
  font-weight: 400;
  padding: .15em;
  margin-left: auto;
  color: #888;
  display: flex;
  flex-direction: row;
  flex: 0 0 auto; }
  .commit-files-summary .summary {
    margin-left: 7px; }
    .commit-files-summary .summary .num_changes {
      font-weight: 400;
      color: rgba(78, 129, 171, 0.7); }
    .commit-files-summary .summary .num_files {
      font-weight: 400; }
  .commit-files-summary .fas {
    font-size: 1.2em;
    color: #aaa; }

.commits-container {
  display: flex;
  align-items: stretch;
  width: 100%;
  flex-direction: column;
  justify-content: stretch;
  flex: 1 1 auto; }
  .commits-container .list-mode .list-item.commit .avatar-container, .commits-container .list-mode .list-item.commit:hover .avatar-container {
    position: relative;
    border-radius: 100%;
    border: 2px solid white;
    overflow: hidden;
    width: 2.5em;
    height: 2.5em;
    background: #FFF;
    box-shadow: 0 -3px 6px -6px rgba(0, 0, 0, 0.36);
    display: flex; }
    .commits-container .list-mode .list-item.commit .avatar-container img, .commits-container .list-mode .list-item.commit:hover .avatar-container img {
      width: 100%; }
  .commits-container .list-mode .list-item.commit .name .title, .commits-container .list-mode .list-item.commit:hover .name .title {
    font-size: 1.1em; }
  .commits-container .list-mode .list-item.commit .name .description, .commits-container .list-mode .list-item.commit:hover .name .description {
    color: #676767; }
  .commits-container .list-mode .list-item.commit .item.commit-sha, .commits-container .list-mode .list-item.commit:hover .item.commit-sha {
    font-family: "Fira Mono", monospace; }
  .commits-container .list-mode .list-item.commit .item.not-imported, .commits-container .list-mode .list-item.commit:hover .item.not-imported {
    background-color: #F4D58D; }
    .commits-container .list-mode .list-item.commit .item.not-imported .icon, .commits-container .list-mode .list-item.commit:hover .item.not-imported .icon {
      padding: .25em .3em;
      font-size: .9em; }

.list-mode .files-list .list-item:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container):hover {
  background-color: transparent; }

.list-mode .files-list .list-item:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container) .name {
  padding: .2em 0; }

.list-mode .files-list .list-item:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container) .icon:not(.issuetype-icon), .list-mode .files-list .list-item:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container) .icon:not(.issuetype-icon):hover {
  padding: .35em 0;
  flex: 0 0 20px; }

.list-mode .files-list .list-item:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container).expandable .name {
  padding: .2em 0;
  color: #232323; }

.list-mode .files-list .list-item:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container).expandable .expander.icon {
  flex: 0 0 20px;
  color: #232323; }

.list-mode .files-list .list-item:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container).expandable .icon {
  color: #00adc7; }

.list-mode .files-list .list-item:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container).expandable.expanded:not(button) .expander {
  transform: rotate(90deg);
  padding: 0;
  color: #232323; }

.list-mode .files-list .list-item:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container).expandable.expanded:not(button) + .submenu {
  padding: 0 0 0 1em; }
  .list-mode .files-list .list-item:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container).expandable.expanded:not(button) + .submenu .list-item:not(.expandable) {
    padding-left: 1.75em; }

.commit-message {
  font-family: "Fira Mono", monospace;
  font-size: 1.1em;
  padding: 1em; }

.trigger-show-commit:hover {
  cursor: pointer; }

.commit-sha {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: flex-start;
  border-radius: 3px;
  background-color: rgba(225, 225, 225, 0.3);
  border: 1px solid rgba(225, 225, 225, 0.3);
  padding: .25em .5em;
  font-family: "Fira Mono", monospace; }

.content-with-sidebar > div:not(.sidebar):not(.fixed-position).commit-summary-container {
  display: flex;
  flex-direction: column;
  align-items: stretch; }

.status-badge.branch-badge {
  background-color: #00adc7;
  color: #FFF;
  display: flex;
  flex-direction: row;
  flex: 0 0 auto;
  align-items: center;
  justify-content: flex-start; }
  .status-badge.branch-badge .icon {
    margin-right: .2em; }
  .status-badge.branch-badge + .branch-badge {
    margin-left: .25em; }

.commit-files .file-preview {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  box-sizing: border-box;
  margin: 1em 1em 1.75em 1em;
  border: 1px solid rgba(200, 200, 200, 0.3);
  background: #fff;
  border-radius: 5px;
  overflow: auto; }
  .commit-files .file-preview:first-of-type {
    margin-top: 0; }
  .commit-files .file-preview.seen {
    margin-bottom: 0; }
    .commit-files .file-preview.seen .diffs {
      display: none; }
  .commit-files .file-preview .filename {
    padding: 10px;
    background-color: rgba(225, 225, 225, 0.2);
    font-family: "Fira Mono", monospace;
    font-size: 0.9em;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start; }
    .commit-files .file-preview .filename .added-badge {
      display: inline-block;
      margin-left: 3px;
      font-weight: 400;
      padding: 3px 5px;
      background-color: rgba(185, 225, 185, 0.4);
      border: 1px solid rgba(100, 100, 100, 0.3);
      border-radius: 3px; }
  .commit-files .file-preview.action_D .filename {
    text-decoration: line-through; }
  .commit-files .file-preview:not(.action_R) .filename {
    border-bottom: 1px solid rgba(200, 200, 200, 0.5); }

.commit-files .file-anchor:target + .file-preview {
  border: 2px solid rgba(78, 129, 171, 0.7); }

.commit-files .far,
.commit-files .fas {
  margin-right: 5px; }

.commit-files .actions-container {
  margin-left: auto; }

.commit-files .diffs .diff-header {
  white-space: nowrap;
  font-family: "Fira Mono", monospace;
  padding: 5px;
  background-color: rgba(199, 212, 224, 0.7);
  color: rgba(0, 0, 0, 0.7);
  font-size: 0.8em; }

.commit-files .diffs .diff-preview {
  width: 100%;
  overflow: auto;
  list-style: none;
  margin: 0;
  table-layout: auto;
  white-space: nowrap;
  padding: 0;
  background-color: rgba(0, 0, 0, 0.7); }

.commit-files .diffs .diff-preview td.text pre::before {
  content: "";
  width: 16px;
  height: 16px;
  position: absolute;
  left: 3px; }

.commit-files .diffs .diff-preview td {
  font-family: "Fira Mono", monospace;
  font-size: 0.9em; }

.commit-files .diffs .diff-preview td.line-number {
  color: rgba(255, 255, 255, 0.7);
  background-color: rgba(255, 255, 255, 0.1);
  width: 1%;
  white-space: nowrap;
  text-align: center;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none; }

.commit-files .diffs .diff-preview td.text {
  color: rgba(255, 255, 255, 0.7);
  padding: 0;
  margin: 0;
  position: relative; }

.commit-files .diffs .message-box {
  margin: 0;
  border: none;
  width: auto; }

.commit-files .diffs .diff-preview pre {
  padding: 2px;
  margin: 0;
  overflow: visible;
  width: auto; }

.commit-files .diffs .diff-preview td.text pre {
  padding-left: 16px; }

.commit-files .diffs .diff-preview td.line-number pre {
  padding: 2px 8px; }

.commit-files .diffs .diff-preview .add pre {
  background-color: rgba(100, 225, 100, 0.25);
  color: rgba(255, 255, 255, 0.9); }

.commit-files .diffs .diff-preview .add td.text pre::before {
  content: "+"; }

.commit-files .diffs .diff-preview .remove pre {
  background-color: rgba(225, 100, 100, 0.25);
  color: rgba(255, 255, 255, 0.9); }

.commit-files .diffs .diff-preview .remove td.text pre::before {
  content: "-"; }

#commit-comments {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  padding: 1em; }

.commits-paginator {
  padding: 2em 0; }

#reportissue_additional_information_container {
  display: none; }
  #reportissue_additional_information_container.visible {
    display: flex; }

#report_form + .sidebar {
  transform: scaleX(1);
  opacity: 1;
  transition: opacity .25s ease-in-out, transform .25s ease-in-out, flex .25s ease-in-out; }

#report_form.hidden + .sidebar {
  flex: 0 0 0;
  transform: scaleX(0);
  opacity: 0; }

#report_issue_form .content-with-sidebar-container {
  flex-wrap: nowrap;
  padding: 0;
  align-items: stretch; }
  #report_issue_form .content-with-sidebar-container .content {
    border-radius: 0 .75em .75em 0; }
  #report_issue_form .content-with-sidebar-container .sidebar {
    align-items: flex-start; }
    #report_issue_form .content-with-sidebar-container .sidebar .fancy-dropdown {
      flex-wrap: wrap; }
      #report_issue_form .content-with-sidebar-container .sidebar .fancy-dropdown > label {
        flex: 0 0 100%;
        padding: 0 0 .5em 0;
        margin: 0; }
      #report_issue_form .content-with-sidebar-container .sidebar .fancy-dropdown .value {
        max-width: 250px;
        overflow: hidden;
        text-overflow: ellipsis; }

#report_issue_form .content {
  display: flex;
  flex-direction: column; }

#report_issue_form .form-row.submit-container {
  padding: 1em;
  justify-content: flex-end; }

#report_issue_form .row.additional-information-container {
  flex-wrap: wrap; }
  #report_issue_form .row.additional-information-container .form-row {
    flex: 0 0 33%; }

.content-with-sidebar.article-container nav.sidebar {
  background-color: #fbfbfb;
  align-items: stretch;
  justify-content: stretch;
  overflow: hidden; }
  .content-with-sidebar.article-container nav.sidebar .scroll-container {
    position: relative; }
    .content-with-sidebar.article-container nav.sidebar .scroll-container .list-mode:not(.dropdown-container) {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
  .content-with-sidebar.article-container nav.sidebar .list-mode:first-child {
    flex: 0 0 auto; }
  .content-with-sidebar.article-container nav.sidebar .list-mode .header-banner {
    background: linear-gradient(to bottom, #fbfbfb 92%, rgba(251, 251, 251, 0) 100%);
    box-shadow: -3px 3px 3px -3px rgba(27, 27, 36, 0.2) inset; }
  .content-with-sidebar.article-container nav.sidebar .list-mode .list-item:not(.filter-container),
  .content-with-sidebar.article-container nav.sidebar .list-mode .list-item:hover:not(.filter-container) {
    margin-top: .2em;
    margin-bottom: 0; }
    .content-with-sidebar.article-container nav.sidebar .list-mode .list-item:not(.filter-container) .name, .content-with-sidebar.article-container nav.sidebar .list-mode .list-item:not(.filter-container) .name:hover,
    .content-with-sidebar.article-container nav.sidebar .list-mode .list-item:hover:not(.filter-container) .name,
    .content-with-sidebar.article-container nav.sidebar .list-mode .list-item:hover:not(.filter-container) .name:hover {
      padding: .3em 0; }
    .content-with-sidebar.article-container nav.sidebar .list-mode .list-item:not(.filter-container) .icon.new-page-button,
    .content-with-sidebar.article-container nav.sidebar .list-mode .list-item:hover:not(.filter-container) .icon.new-page-button {
      display: none; }
    .content-with-sidebar.article-container nav.sidebar .list-mode .list-item:not(.filter-container):hover .icon.new-page-button,
    .content-with-sidebar.article-container nav.sidebar .list-mode .list-item:hover:not(.filter-container):hover .icon.new-page-button {
      display: inline-flex; }
  .content-with-sidebar.article-container nav.sidebar .list-mode.slide-out .list-item:not(.filter-container) .name, .content-with-sidebar.article-container nav.sidebar .list-mode.slide-out .list-item:not(.filter-container) .name:hover,
  .content-with-sidebar.article-container nav.sidebar .list-mode.slide-out .list-item:hover:not(.filter-container) .name,
  .content-with-sidebar.article-container nav.sidebar .list-mode.slide-out .list-item:hover:not(.filter-container) .name:hover {
    padding: .7em 0; }
  .content-with-sidebar.article-container nav.sidebar .list-mode.slide-out .list-item:not(.filter-container) .pop-out-expander,
  .content-with-sidebar.article-container nav.sidebar .list-mode.slide-out .list-item:hover:not(.filter-container) .pop-out-expander {
    display: none; }

.content-with-sidebar.article-container > div:not(.sidebar):not(.fixed-position) {
  background-color: #FFF;
  box-shadow: none; }

.content-with-sidebar.article-container .main_area {
  padding: 0 2em;
  height: auto; }
  .content-with-sidebar.article-container .main_area .header-container {
    padding: .5em 0 1em 0;
    max-width: 1024px;
    margin: 0 auto;
    display: flex;
    width: 100%; }
    .content-with-sidebar.article-container .main_area .header-container .title-container {
      flex: 1 1 auto; }
      .content-with-sidebar.article-container .main_area .header-container .title-container .title-name {
        font-weight: 600;
        font-size: 2.2em;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start; }
      .content-with-sidebar.article-container .main_area .header-container .title-container .icon.category {
        color: #232323;
        margin-right: .5em; }
    .content-with-sidebar.article-container .main_area .header-container .details-container {
      font-size: 1em;
      color: #ABABAB;
      display: flex;
      flex: 0 0 auto;
      white-space: nowrap;
      margin: 0 auto; }
      .content-with-sidebar.article-container .main_area .header-container .details-container .avatar-container {
        flex: 0 0 3em;
        display: flex;
        align-items: center;
        justify-content: flex-start; }
        .content-with-sidebar.article-container .main_area .header-container .details-container .avatar-container img {
          width: 2em;
          height: 2em; }
      .content-with-sidebar.article-container .main_area .header-container .details-container .information {
        flex: 1 1 auto;
        display: flex;
        flex-flow: column; }
        .content-with-sidebar.article-container .main_area .header-container .details-container .information span {
          display: flex;
          flex-direction: row;
          align-items: center;
          justify-content: flex-start; }
          .content-with-sidebar.article-container .main_area .header-container .details-container .information span .icon {
            flex: 0 0 auto;
            margin-right: .5em; }
          .content-with-sidebar.article-container .main_area .header-container .details-container .information span span {
            flex: 1 1 auto; }
          .content-with-sidebar.article-container .main_area .header-container .details-container .information span a {
            margin-left: .35em; }

.article-pages-list {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  max-width: 1024px;
  margin: 0 auto 0 auto;
  justify-content: center;
  padding: 0; }
  .article-pages-list .article-page {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    box-shadow: rgba(9, 30, 66, 0.25) 0 1px 1px, rgba(9, 30, 66, 0.31) 0 0 1px;
    background-color: #FFF;
    padding: .75em;
    border-radius: .25em;
    font-size: .9em;
    margin-bottom: .5em;
    transition: border .25s ease-in-out;
    border: none;
    cursor: pointer; }
    .article-pages-list .article-page h3 {
      font-size: 1.3em;
      padding: 0;
      margin: 0;
      color: #232323;
      font-weight: 400; }
    .article-pages-list .article-page .date-container {
      flex: 0 0 auto;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      font-size: .75em;
      margin-left: 0;
      font-weight: 300;
      color: #676767; }
      .article-pages-list .article-page .date-container .icon {
        margin-right: .35em; }

.article {
  font-size: 1.15em;
  font-weight: 300;
  color: #232323;
  width: auto;
  padding: 1em 0;
  position: relative;
  max-width: 1024px;
  margin: 0 auto; }
  .article .image-container {
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    align-items: center; }
    .article .image-container img {
      display: inline-flex;
      width: 100%; }
    .article .image-container.stretched:not(.with-background) img {
      width: 100%; }
    .article .image-container.with-background {
      padding: 1em;
      background-color: rgba(225, 225, 225, 0.2); }
  .article table {
    border: 1px solid #DDD;
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed;
    border-radius: 4px;
    margin-top: .65em; }
    .article table tr:hover td {
      background-color: rgba(225, 225, 225, 0.2); }
    .article table td {
      border: 1px solid #DDD;
      font-size: 0.9em;
      text-align: inherit;
      color: inherit;
      vertical-align: top; }
      .article table td span {
        display: inline-block;
        padding: 10px;
        font-weight: 300; }
  .article .codex-editor .inline-code {
    background-color: rgba(240, 240, 240, 0.3);
    border-bottom: none;
    padding: .1em .25em;
    border-radius: 4px;
    text-decoration: none;
    font-size: .95em;
    font-weight: 400;
    font-family: "Fira Mono", monospace;
    display: inline-block;
    box-sizing: border-box; }
  .article .codex-editor .inline-mention {
    background-color: rgba(240, 240, 240, 0.3);
    color: #00adc7;
    border-bottom: none;
    padding: .1em .25em .1em 1.35em;
    border-radius: 4px;
    text-decoration: none;
    font-size: .95em;
    font-weight: 500;
    display: inline-block;
    min-height: 1.5em;
    min-width: 1em;
    box-sizing: border-box;
    position: relative;
    vertical-align: middle;
    margin: 0; }
    .article .codex-editor .inline-mention.invalid {
      color: #D62246; }
    .article .codex-editor .inline-mention.user-link::after {
      content: '@';
      position: absolute;
      left: .25em;
      top: .1em; }
    .article .codex-editor .inline-mention.issue-link::after {
      content: '#';
      position: absolute;
      left: .25em;
      top: .1em; }
    .article .codex-editor .inline-mention.article-link {
      min-width: 1.5em;
      padding-right: .75em;
      padding-left: .85em; }
      .article .codex-editor .inline-mention.article-link::before {
        content: '[';
        position: absolute;
        left: .3em;
        top: .1em; }
      .article .codex-editor .inline-mention.article-link::after {
        content: ']';
        position: absolute;
        right: .3em;
        top: .1em; }
  .article .content .inline-code {
    background-color: rgba(240, 240, 240, 0.3);
    border-bottom: none;
    padding: .1em .25em;
    border-radius: 4px;
    text-decoration: none;
    font-size: .95em;
    font-weight: 400;
    font-family: "Fira Mono", monospace;
    display: inline-block;
    box-sizing: border-box; }
  .article .content a {
    color: #00adc7;
    border-bottom: 1px dotted #00adc7; }
    .article .content a.inline-mention {
      background-color: rgba(240, 240, 240, 0.3);
      border-bottom: none;
      padding: .1em .25em;
      border-radius: 4px;
      text-decoration: none;
      font-size: .95em;
      font-weight: 500;
      display: inline-block;
      box-sizing: border-box; }
      .article .content a.inline-mention.invalid {
        color: #D62246; }
      .article .content a.inline-mention .indicator {
        font-size: .8em;
        opacity: .7; }
  .article h1, .article h2, .article h3, .article h4, .article h5, .article h6 {
    margin: 20px 0 5px 0;
    padding: 5px 0;
    color: #232323;
    border-bottom: none;
    font-weight: 500;
    text-decoration: none; }
    .article h1:first-child, .article h2:first-child, .article h3:first-child, .article h4:first-child, .article h5:first-child, .article h6:first-child {
      margin-top: 5px; }
    .article h1 a, .article h1 a:hover, .article h2 a, .article h2 a:hover, .article h3 a, .article h3 a:hover, .article h4 a, .article h4 a:hover, .article h5 a, .article h5 a:hover, .article h6 a, .article h6 a:hover {
      font-size: 0.9em;
      opacity: 0;
      display: inline-flex;
      align-items: center;
      text-decoration: none;
      border-bottom: none;
      transition: opacity 0.3s ease, margin-left 0.3s ease; }
    .article h1:hover a, .article h2:hover a, .article h3:hover a, .article h4:hover a, .article h5:hover a, .article h6:hover a {
      text-decoration: none;
      border-bottom: none;
      opacity: 1; }
    .article h1:target, .article h2:target, .article h3:target, .article h4:target, .article h5:target, .article h6:target {
      color: #00adc7;
      background-color: #F6F6F6; }
  .article h1 {
    font-size: 1.7em; }
  .article h2 {
    font-size: 1.55em; }
  .article h3 {
    font-size: 1.4em; }
  .article h4 {
    font-size: 1.25em; }
  .article h5 {
    font-size: 1.15em; }
  .article h6 {
    font-size: 1.05em; }
  .article p {
    line-height: 1.6em;
    padding: .4em 0; }
  .article ul,
  .article ol {
    line-height: 1.4em;
    margin: 0 0 1em 0;
    padding: .4em 0 .4em 1.75em; }
    .article ul li,
    .article ol li {
      padding: .4em 0; }
  .article code {
    padding: 3px;
    margin: 5px 0 5px 0;
    line-height: 1.4;
    border: 1px solid #B4B4B4;
    border-radius: 3px;
    font-family: "Fira Mono", monospace;
    font-weight: 300;
    font-size: .9em; }
    .article code.block {
      display: block;
      padding: 1em;
      margin: 1em 0;
      background: #282c34;
      color: #abb2bf; }
  .article mark {
    background-color: rgba(245, 235, 111, 0.29);
    padding: .15em;
    border-radius: 4px; }
  .article .checklist label {
    font-weight: 300; }
  .article .checklist .fancy-checkbox:checked:not(:disabled):not(.submitting) + .list-item:not(.toggler), .article .checklist .fancy-checkbox:checked:not(:disabled):not(.submitting) + .list-item:not(.toggler):hover {
    background-color: transparent;
    color: #232323;
    text-decoration: line-through;
    text-decoration-color: #0cd8b6; }
    .article .checklist .fancy-checkbox:checked:not(:disabled):not(.submitting) + .list-item:not(.toggler) .icon, .article .checklist .fancy-checkbox:checked:not(:disabled):not(.submitting) + .list-item:not(.toggler):hover .icon {
      color: #0cd8b6; }
  .article .message-box {
    margin-left: 0;
    margin-right: 0;
    width: auto; }
  .article .separator {
    display: block;
    padding: 0;
    margin: 2em auto;
    border-bottom: 2px solid #2B2D42;
    width: calc(100% - 25vw);
    text-align: center;
    color: #232323;
    opacity: .75; }

.main_area.article.edit {
  padding: 0;
  background: linear-gradient(to bottom, rgba(240, 240, 240, 0) 0%, rgba(240, 240, 240, 0.6) 20px);
  /* Opera11.10+ */ }

.article.edit textarea {
  font-family: "Fira Mono", monospace;
  border: none;
  padding: 15px;
  box-sizing: border-box;
  width: 100%;
  font-size: 1.3em;
  line-height: 1.5em;
  min-height: 450px; }

.main_area.edit-article {
  flex: 0 0 100%;
  display: flex;
  flex-direction: column;
  padding-top: 5.5em;
  box-sizing: border-box;
  overflow: auto; }
  .main_area.edit-article #article_attachments {
    align-items: stretch;
    display: flex;
    flex-direction: row;
    margin: 0 1em; }
    .main_area.edit-article #article_attachments .attachments-container {
      flex: 1 1 auto; }
  .main_area.edit-article #article-header-container {
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: row;
    width: 100%;
    padding: 0 1em;
    box-sizing: border-box;
    height: 4.5em;
    border-bottom: 2px solid #2B2D42;
    justify-content: stretch;
    align-items: stretch;
    background-color: #FFF;
    z-index: 10; }
    .main_area.edit-article #article-header-container .logo-back-container,
    .main_area.edit-article #article-header-container .toolbar-container {
      flex: 1 1 auto;
      display: flex;
      align-items: center;
      justify-content: flex-start; }
    .main_area.edit-article #article-header-container .actions-container {
      flex: 1 1 auto;
      display: flex;
      align-items: center;
      justify-content: flex-end; }
      .main_area.edit-article #article-header-container .actions-container .button-group {
        padding: 0; }
        .main_area.edit-article #article-header-container .actions-container .button-group .separator:not(.list-item) {
          border-right: 1px solid #2B2D42; }
  .main_area.edit-article .editor-container {
    overflow: visible;
    position: relative;
    width: 100%;
    max-width: 850px;
    padding: 0 1.5em;
    box-sizing: border-box;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    transition: width .25s ease-in-out, max-width .25s ease-in-out; }
    .main_area.edit-article .editor-container.wider {
      max-width: 1300px; }
    .main_area.edit-article .editor-container .title-crumbs {
      padding: .6em .25em;
      font-size: 1.15em;
      font-weight: 300;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      flex: 0 0 auto;
      color: #676767; }
      .main_area.edit-article .editor-container .title-crumbs .project-logo {
        width: 2em;
        padding-right: .75em;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: flex-start; }
        .main_area.edit-article .editor-container .title-crumbs .project-logo img {
          box-sizing: border-box;
          width: 100%; }
      .main_area.edit-article .editor-container .title-crumbs .separator {
        margin: 0 .75em;
        font-size: .8em; }
    .main_area.edit-article .editor-container .article-name-container {
      display: flex;
      flex-direction: row;
      flex: 0 0 auto;
      padding: .65em 0 1.3em 0;
      width: 100%; }
      .main_area.edit-article .editor-container .article-name-container input {
        flex: 1 1 auto;
        font-family: "Fira Sans", "Open Sans", sans-serif;
        font-size: 1.95em;
        font-weight: 400; }
        .main_area.edit-article .editor-container .article-name-container input:disabled {
          background: #FFF;
          color: #676767; }
    .main_area.edit-article .editor-container .article {
      margin: 0;
      padding: 0; }
    .main_area.edit-article .editor-container .wysiwyg-editor {
      opacity: 0;
      transition: opacity .25s ease-in-out; }
      .main_area.edit-article .editor-container .wysiwyg-editor.active {
        opacity: 1; }
    .main_area.edit-article .editor-container .ce-block__content {
      max-width: none; }
    .main_area.edit-article .editor-container .ce-toolbar__content {
      max-width: none; }
    .main_area.edit-article .editor-container .ce-toolbox__button--active,
    .main_area.edit-article .editor-container .ce-toolbar__plus--active,
    .main_area.edit-article .editor-container .ce-toolbar__plus:hover,
    .main_area.edit-article .editor-container .ce-settings__button:hover,
    .main_area.edit-article .editor-container .ce-toolbox__button:hover,
    .main_area.edit-article .editor-container .ce-inline-toolbar__dropdown:hover,
    .main_area.edit-article .editor-container button.ce-inline-tool:hover {
      background-color: #00adc7;
      color: #FFF; }
      .main_area.edit-article .editor-container .ce-toolbox__button--active:not(.ce-inline-tool):not(.ce-inline-toolbar__dropdown),
      .main_area.edit-article .editor-container .ce-toolbar__plus--active:not(.ce-inline-tool):not(.ce-inline-toolbar__dropdown),
      .main_area.edit-article .editor-container .ce-toolbar__plus:hover:not(.ce-inline-tool):not(.ce-inline-toolbar__dropdown),
      .main_area.edit-article .editor-container .ce-settings__button:hover:not(.ce-inline-tool):not(.ce-inline-toolbar__dropdown),
      .main_area.edit-article .editor-container .ce-toolbox__button:hover:not(.ce-inline-tool):not(.ce-inline-toolbar__dropdown),
      .main_area.edit-article .editor-container .ce-inline-toolbar__dropdown:hover:not(.ce-inline-tool):not(.ce-inline-toolbar__dropdown),
      .main_area.edit-article .editor-container button.ce-inline-tool:hover:not(.ce-inline-tool):not(.ce-inline-toolbar__dropdown) {
        border-radius: 10%; }
    .main_area.edit-article .editor-container .ce-inline-toolbar__dropdown {
      margin-left: 0;
      offset-distance: 16px; }
    .main_area.edit-article .editor-container .ce-block--selected .ce-block__content {
      background: rgba(12, 137, 144, 0.3); }
    .main_area.edit-article .editor-container .cdx-list {
      margin: 0;
      padding-left: 40px;
      outline: none; }
      .main_area.edit-article .editor-container .cdx-list__item {
        padding: 5.5px 0 5.5px 3px;
        line-height: 1.6em; }
      .main_area.edit-article .editor-container .cdx-list--unordered {
        list-style: disc; }
      .main_area.edit-article .editor-container .cdx-list--ordered {
        list-style: decimal; }
      .main_area.edit-article .editor-container .cdx-list-settings {
        display: flex; }
        .main_area.edit-article .editor-container .cdx-list-settings .cdx-settings-button {
          width: 50%; }
    .main_area.edit-article .editor-container .cdx-warning {
      background-color: rgba(249, 245, 178, 0.6); }
      .main_area.edit-article .editor-container .cdx-warning .cdx-warning__message {
        min-height: 1.5em; }
    .main_area.edit-article .editor-container .ce-delimiter {
      display: block;
      padding: 0;
      margin: 2em auto;
      border-bottom: 2px solid #00adc7;
      width: calc(100% - 25vw);
      text-align: center;
      color: #232323;
      opacity: .75; }
      .main_area.edit-article .editor-container .ce-delimiter::before {
        display: none; }
    .main_area.edit-article .editor-container .cdx-list {
      margin-bottom: 1em; }
      .main_area.edit-article .editor-container .cdx-list .cdx-list__item {
        line-height: 1.4em; }
    .main_area.edit-article .editor-container .cdx-checklist__item.cdx-checklist__item--checked .cdx-checklist__item-checkbox,
    .main_area.edit-article .editor-container .cdx-checklist__item--checked.cdx-checklist__item--checked .cdx-checklist__item-checkbox {
      background: #00adc7;
      border-color: #00adc7; }
    .main_area.edit-article .editor-container .cdx-checklist__item .cdx-checklist__item-checkbox,
    .main_area.edit-article .editor-container .cdx-checklist__item--checked .cdx-checklist__item-checkbox {
      margin-top: .3em;
      margin-bottom: .3em; }
    .main_area.edit-article .editor-container .cdx-checklist__item .cdx-checklist__item-text,
    .main_area.edit-article .editor-container .cdx-checklist__item--checked .cdx-checklist__item-text {
      padding-top: .3em;
      padding-bottom: .3em; }
    .main_area.edit-article .editor-container .ce-code__textarea {
      font-size: .85em; }
    .main_area.edit-article .editor-container button.ce-inline-tool {
      box-shadow: none;
      border-radius: 0; }
      .main_area.edit-article .editor-container button.ce-inline-tool + button.ce-inline-tool:hover,
      .main_area.edit-article .editor-container button.ce-inline-tool + button.ce-inline-tool {
        margin-left: 0; }
    .main_area.edit-article .editor-container .syntax_mw textarea {
      font-size: 1.2em;
      font-family: "Fira Sans", "Open Sans", sans-serif;
      line-height: 1.4em;
      font-weight: 300;
      padding: .5em 0;
      height: 100%;
      min-height: 50em; }
    .main_area.edit-article .editor-container .syntax_md .editor-toolbar {
      flex: 0 0 auto;
      display: flex;
      flex-direction: row;
      background-color: transparent;
      padding: .4em 0;
      border-radius: 0;
      border-bottom: 2px solid #00adc7;
      align-items: center;
      justify-content: flex-start; }
      .main_area.edit-article .editor-container .syntax_md .editor-toolbar button {
        background-color: transparent;
        box-shadow: none;
        color: #232323; }
        .main_area.edit-article .editor-container .syntax_md .editor-toolbar button:hover {
          background-color: #00adc7;
          color: #FFF; }
      .main_area.edit-article .editor-container .syntax_md .editor-toolbar .separator {
        color: transparent;
        flex: 0 0 auto;
        padding: 0 .3em 0 0;
        margin: 0 .35em 0 0;
        height: 70%;
        border-bottom: none;
        border-right: 2px solid #00adc7; }
    .main_area.edit-article .editor-container .syntax_md .CodeMirror {
      font-size: 1.2em;
      font-family: "Fira Sans", "Open Sans", sans-serif;
      line-height: 1.4em;
      font-weight: 300;
      padding: .5em 0; }
      .main_area.edit-article .editor-container .syntax_md .CodeMirror .cm-strong {
        font-weight: 400; }
    .main_area.edit-article .editor-container .syntax_md .editor-preview {
      display: none; }
    .main_area.edit-article .editor-container .syntax_md .editor-statusbar {
      padding: 1em 0;
      font-size: 1em;
      display: flex;
      flex: 0 0 auto;
      flex-direction: row;
      border-top: 2px solid #00adc7;
      align-items: center;
      justify-content: space-between; }
      .main_area.edit-article .editor-container .syntax_md .editor-statusbar a {
        text-decoration: none;
        border: none;
        color: #232323;
        margin-left: auto; }
        .main_area.edit-article .editor-container .syntax_md .editor-statusbar a:hover {
          color: #676767; }
    .main_area.edit-article .editor-container .textarea_container,
    .main_area.edit-article .editor-container .textarea_container > div {
      flex: 1 1 auto;
      display: flex;
      flex-direction: column; }
    .main_area.edit-article .editor-container input[type=text], .main_area.edit-article .editor-container input[type=text]:hover {
      border: none;
      padding: 0; }
  .main_area.edit-article .button.syntax_picker:hover,
  .main_area.edit-article .button.syntax_picker.button-pressed {
    opacity: 1; }
  .main_area.edit-article .more_actions_dropdown {
    margin-top: 12px; }
  .main_area.edit-article .syntax_picker_container {
    top: -3.7em;
    right: 0; }
    .main_area.edit-article .syntax_picker_container .more_actions_dropdown {
      font-size: 1em; }
  .main_area.edit-article .header {
    margin: 10px 0 5px 10px; }
  .main_area.edit-article .editor_header {
    margin: 0 10px; }
  .main_area.edit-article .article > .header .title_left_images:first-child img {
    margin-left: 0; }
  .main_area.edit-article .article > .header {
    border: none;
    margin-bottom: 0;
    font-size: 1.8em; }
  .main_area.edit-article > form {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column; }

#article_attachments.show-article-attachments .button.trigger-embed {
  display: none; }

.article .header, #article_attachments > h4, #article_comments > h4 {
  margin: 0 0 5px 0;
  padding: 2px 3px 3px 0;
  font-weight: 400;
  font-size: 21px;
  border-bottom: none; }

#article_attachments > h4, #article_comments > h4 {
  font-size: 17px;
  border-bottom: 1px dotted #CCC; }

.article .details {
  color: #AAA;
  padding-bottom: 15px; }

#wiki_menu .header {
  font-size: 1.1em;
  font-weight: 500;
  margin-bottom: 5px; }

#wiki_menu .content ul {
  list-style-type: none;
  margin: 0;
  padding: 0; }

#wiki_menu .content ul li {
  font-size: 0.9em; }

#wiki_menu .content ul li a {
  font-weight: 500; }

#article_history, #article_diff {
  border: 0;
  width: 100%;
  margin-top: 10px; }

#article_diff {
  margin-left: 5px; }

#article_history th {
  background-color: #F1F1F1;
  border-bottom: 1px dotted #CCC;
  padding: 2px; }

#article_history tbody tr:hover {
  background-color: #F5F5F5; }

#article_history tfoot td {
  border: 0; }

#article_diff tr td {
  font-family: monospace;
  border: 0; }

#article_diff tr.odd {
  background-color: #F5F5F5; }

#article_diff tr:hover {
  background-color: #EEE; }

INS {
  display: inline;
  background-color: #8D8;
  text-decoration: none; }

DEL {
  display: inline;
  text-decoration: line-through;
  background-color: #D88;
  color: white; }

#article_comments, #article_attachments, #article_categories {
  max-width: 1024px;
  margin: 2em auto .5em auto;
  width: 100%; }
  #article_comments h4, #article_attachments h4, #article_categories h4 {
    color: #676767;
    font-size: 1.2em;
    font-weight: 400;
    padding: 30px 0 5px;
    width: 100%;
    border-bottom: 1px dotted #CCC;
    text-transform: none;
    display: flex;
    align-items: center;
    justify-content: flex-start; }
  #article_comments#article_categories h4, #article_attachments#article_categories h4, #article_categories#article_categories h4 {
    border-bottom: none; }

#main_container.fullscreen > header,
#main_container.fullscreen > footer {
  display: none; }

#viewissue_comments .article ul li a {
  word-break: break-all;
  word-wrap: break-word;
  -ms-word-break: break-all; }

/* BEGIN: modules/publish/ contributions styling */
.full_width_table.outter {
  overflow-x: auto; }

.full_width_table.inner {
  width: 100%;
  margin-top: 1em;
  margin-bottom: 1em; }

.full_width_table.inner th, .full_width_table.inner td {
  width: 1%;
  white-space: nowrap; }

.full_width_table.inner th:last-of-type, .full_width_table.inner td:last-of-type {
  width: auto;
  white-space: normal; }

.redirect-article a {
  color: #00adc7;
  border-bottom: 1px dotted #00adc7; }
  .redirect-article a.article-link {
    background-color: rgba(240, 240, 240, 0.3);
    border-bottom: none;
    padding: .1em .25em;
    border-radius: 4px;
    text-decoration: none;
    font-size: .95em;
    font-weight: 500;
    display: inline-block;
    box-sizing: border-box; }
    .redirect-article a.article-link.invalid {
      color: #D62246; }
    .redirect-article a.article-link .indicator {
      font-size: .8em;
      opacity: .7; }

/* END: modules/publish/ contributions styling */
.fullpage_backdrop {
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 1000;
  width: 100%;
  height: 100%;
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  text-align: center;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  transition: background-color .25s ease-in-out; }
  .fullpage_backdrop.hidden {
    display: none; }
  .fullpage_backdrop.see-through {
    background-color: rgba(255, 255, 255, 0); }
  .fullpage_backdrop.docked-right, .fullpage_backdrop.docked-left {
    align-items: stretch; }
    .fullpage_backdrop.docked-right.docked-right, .fullpage_backdrop.docked-left.docked-right {
      justify-content: flex-end; }
    .fullpage_backdrop.docked-right.docked-left, .fullpage_backdrop.docked-left.docked-left {
      justify-content: flex-end; }
    .fullpage_backdrop.docked-right .fullpage_backdrop_content, .fullpage_backdrop.docked-left .fullpage_backdrop_content {
      display: flex;
      flex: 1 1 30vw;
      max-width: 600px;
      min-width: 400px;
      flex-direction: column;
      align-items: stretch;
      justify-content: stretch; }
      .fullpage_backdrop.docked-right .fullpage_backdrop_content .backdrop_box, .fullpage_backdrop.docked-left .fullpage_backdrop_content .backdrop_box {
        margin: 0;
        flex: 1 1 100%;
        border-radius: 0; }
        .fullpage_backdrop.docked-right .fullpage_backdrop_content .backdrop_box, .fullpage_backdrop.docked-right .fullpage_backdrop_content .backdrop_box.small, .fullpage_backdrop.docked-right .fullpage_backdrop_content .backdrop_box.mediumsmall, .fullpage_backdrop.docked-right .fullpage_backdrop_content .backdrop_box.medium, .fullpage_backdrop.docked-right .fullpage_backdrop_content .backdrop_box.large, .fullpage_backdrop.docked-right .fullpage_backdrop_content .backdrop_box.huge, .fullpage_backdrop.docked-left .fullpage_backdrop_content .backdrop_box, .fullpage_backdrop.docked-left .fullpage_backdrop_content .backdrop_box.small, .fullpage_backdrop.docked-left .fullpage_backdrop_content .backdrop_box.mediumsmall, .fullpage_backdrop.docked-left .fullpage_backdrop_content .backdrop_box.medium, .fullpage_backdrop.docked-left .fullpage_backdrop_content .backdrop_box.large, .fullpage_backdrop.docked-left .fullpage_backdrop_content .backdrop_box.huge {
          width: auto;
          background-color: #FFF; }
    .fullpage_backdrop.docked-right .backdrop_detail_header button, .fullpage_backdrop.docked-right .backdrop_detail_header button:hover, .fullpage_backdrop.docked-left .backdrop_detail_header button, .fullpage_backdrop.docked-left .backdrop_detail_header button:hover {
      margin: 0 1em;
      font-size: .75em; }
  .fullpage_backdrop #fullpage_backdrop_indicator {
    position: absolute;
    top: 45%;
    left: 50%;
    width: 300px;
    margin-left: -150px;
    z-index: 100001;
    color: #999;
    font-size: 15px;
    font-weight: 400; }
  .fullpage_backdrop .fullpage_backdrop_content {
    position: relative;
    z-index: 100001;
    max-height: 100%; }
    .fullpage_backdrop .fullpage_backdrop_content .backdrop_box {
      z-index: 100001;
      margin: 5px auto;
      font-size: 1em;
      display: flex;
      flex-direction: column;
      padding: 0;
      background-color: #f7f7f7;
      border: none;
      box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.16), 0 0 1px 0 rgba(0, 0, 0, 0.16);
      border-radius: 4px; }
      .fullpage_backdrop .fullpage_backdrop_content .backdrop_box.hidden {
        display: none; }
      .fullpage_backdrop .fullpage_backdrop_content .backdrop_box.small {
        width: 400px; }
      .fullpage_backdrop .fullpage_backdrop_content .backdrop_box.mediumsmall {
        width: 500px; }
      .fullpage_backdrop .fullpage_backdrop_content .backdrop_box.medium {
        width: 600px; }
      .fullpage_backdrop .fullpage_backdrop_content .backdrop_box.large {
        width: 800px; }
      .fullpage_backdrop .fullpage_backdrop_content .backdrop_box.huge {
        width: 1010px; }
      .fullpage_backdrop .fullpage_backdrop_content .backdrop_box .backdrop_detail_content {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: stretch;
        font-weight: 400;
        font-size: 1.0em;
        padding: .5em;
        text-align: left;
        flex: 1 1 auto;
        box-sizing: border-box; }
        .fullpage_backdrop .fullpage_backdrop_content .backdrop_box .backdrop_detail_content:not(.with-sidebar) {
          background-color: #FFF;
          box-sizing: border-box;
          border-radius: .75em .75em 0 0; }
        .fullpage_backdrop .fullpage_backdrop_content .backdrop_box .backdrop_detail_content.dialog {
          border-radius: .75em;
          padding: 1em .5em; }
          .fullpage_backdrop .fullpage_backdrop_content .backdrop_box .backdrop_detail_content.dialog .count-badge {
            font-size: 1em; }
        .fullpage_backdrop .fullpage_backdrop_content .backdrop_box .backdrop_detail_content.onboarding-popup .content {
          padding: 1.5em;
          font-size: 1.05em; }
        .fullpage_backdrop .fullpage_backdrop_content .backdrop_box .backdrop_detail_content .content {
          flex: 1 1 auto;
          padding: 1em;
          font-size: 1.1em;
          box-sizing: border-box;
          background-color: #FFF; }
          .fullpage_backdrop .fullpage_backdrop_content .backdrop_box .backdrop_detail_content .content.hidden {
            display: none; }
        .fullpage_backdrop .fullpage_backdrop_content .backdrop_box .backdrop_detail_content.with-sidebar {
          flex-direction: row;
          align-items: stretch;
          justify-content: flex-start;
          padding: 0; }
          .fullpage_backdrop .fullpage_backdrop_content .backdrop_box .backdrop_detail_content.with-sidebar .sidebar {
            flex: 0 0 15em;
            padding: .75em 0 0 0;
            box-sizing: border-box; }
            .fullpage_backdrop .fullpage_backdrop_content .backdrop_box .backdrop_detail_content.with-sidebar .sidebar .list-mode {
              padding: 0;
              font-size: 1.05em; }
              .fullpage_backdrop .fullpage_backdrop_content .backdrop_box .backdrop_detail_content.with-sidebar .sidebar .list-mode .list-item {
                margin: 0;
                border-radius: 0; }
          .fullpage_backdrop .fullpage_backdrop_content .backdrop_box .backdrop_detail_content.with-sidebar > .content {
            flex: 1 1 auto;
            padding: 1em;
            box-sizing: border-box;
            background-color: #FFF;
            border-radius: .75em 0 0 0;
            max-width: calc(100% - 15em); }
            .fullpage_backdrop .fullpage_backdrop_content .backdrop_box .backdrop_detail_content.with-sidebar > .content.hidden {
              display: none; }
          .fullpage_backdrop .fullpage_backdrop_content .backdrop_box .backdrop_detail_content.with-sidebar.sidebar-right > .content {
            border-radius: 0 .75em 0 0;
            max-width: calc(100% - 22em); }
            .fullpage_backdrop .fullpage_backdrop_content .backdrop_box .backdrop_detail_content.with-sidebar.sidebar-right > .content.no-sidebar {
              border-radius: .75em .75em 0 0;
              max-width: 100%; }
          .fullpage_backdrop .fullpage_backdrop_content .backdrop_box .backdrop_detail_content.with-sidebar.sidebar-right .sidebar {
            flex: 0 0 22em; }
        .fullpage_backdrop .fullpage_backdrop_content .backdrop_box .backdrop_detail_content .tab_menu {
          margin-top: 30px;
          margin-bottom: 10px;
          font-size: 1.1em; }
      .fullpage_backdrop .fullpage_backdrop_content .backdrop_box .backdrop_detail_footer {
        flex: 0 0 auto;
        clear: both;
        font-size: 1.1em;
        padding: 5px;
        text-align: right;
        background-color: transparent; }
      .fullpage_backdrop .fullpage_backdrop_content .backdrop_box .backdrop_buttons {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-content: center;
        padding: 10px; }
        .fullpage_backdrop .fullpage_backdrop_content .backdrop_box .backdrop_buttons button + button,
        .fullpage_backdrop .fullpage_backdrop_content .backdrop_box .backdrop_buttons button + .button,
        .fullpage_backdrop .fullpage_backdrop_content .backdrop_box .backdrop_buttons .button + button,
        .fullpage_backdrop .fullpage_backdrop_content .backdrop_box .backdrop_buttons .button + .button {
          margin-left: auto; }

.backdrop_detail_header {
  box-shadow: none;
  border: none;
  color: #00adc7;
  font-weight: 500;
  font-size: 1.4em;
  margin: 0;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px; }
  .backdrop_detail_header > span {
    flex: 1 1 auto;
    padding: .8em 1.2em;
    text-align: left;
    display: flex;
    align-items: center;
    font-weight: 600; }
  .backdrop_detail_header .icon + span {
    margin-left: .25em; }
  .backdrop_detail_header .count-badge {
    background-color: #00adc7;
    color: #FFF; }
  .backdrop_detail_header .closer,
  .backdrop_detail_header .back_link,
  .backdrop_detail_header .add_link {
    flex: 0 0 34px;
    padding: 5px;
    margin: 5px;
    box-sizing: border-box;
    border-radius: 4px;
    vertical-align: middle;
    transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
    display: inline-flex;
    text-align: center;
    align-items: center;
    justify-content: center; }
    .backdrop_detail_header .closer:hover,
    .backdrop_detail_header .back_link:hover,
    .backdrop_detail_header .add_link:hover {
      background-color: #00adc7;
      color: #fff;
      cursor: pointer; }
  .backdrop_detail_header a {
    color: #00adc7;
    border: none;
    text-decoration: none; }
    .backdrop_detail_header a:hover {
      border: none;
      text-decoration: none; }
  .backdrop_detail_header .backdrop_detail_header .closer a:hover {
    color: #faa; }

.time-tracking-buttons {
  display: flex;
  flex-direction: row;
  align-content: flex-end;
  justify-items: flex-end;
  align-items: center; }
  .time-tracking-buttons .value-container,
  .time-tracking-buttons .trigger-pause-time-tracking,
  .time-tracking-buttons .trigger-resume-time-tracking,
  .time-tracking-buttons .trigger-cancel-time-tracking,
  .time-tracking-buttons .trigger-stop-time-tracking {
    display: none; }
  .time-tracking-buttons.tracking .value-container,
  .time-tracking-buttons.tracking .trigger-stop-time-tracking,
  .time-tracking-buttons.tracking .trigger-cancel-time-tracking {
    display: flex; }
  .time-tracking-buttons.tracking .value-container {
    flex: 1 1 auto; }
  .time-tracking-buttons.tracking:not(.paused) .trigger-pause-time-tracking,
  .time-tracking-buttons.tracking:not(.paused) .icon-running {
    display: flex; }
  .time-tracking-buttons.tracking:not(.paused) .trigger-resume-time-tracking,
  .time-tracking-buttons.tracking:not(.paused) .icon-paused {
    display: none; }
  .time-tracking-buttons.tracking.paused .trigger-pause-time-tracking,
  .time-tracking-buttons.tracking.paused .icon-running {
    display: none; }
  .time-tracking-buttons.tracking.paused .trigger-resume-time-tracking,
  .time-tracking-buttons.tracking.paused .icon-paused {
    display: inline-flex; }
  .time-tracking-buttons.tracking.paused .icon-paused {
    margin: 0 .25em; }
  .time-tracking-buttons.tracking.paused .value-container {
    background-color: rgba(200, 200, 200, 0.3); }
  .time-tracking-buttons.tracking .value-container {
    flex-direction: row;
    align-items: center;
    justify-items: center;
    margin-right: .35em;
    background-color: #0cd8b6;
    color: #FFF;
    font-size: 1em; }
    .time-tracking-buttons.tracking .value-container .icon {
      margin-right: .25em; }
  .time-tracking-buttons.tracking .trigger-start-time-tracking {
    display: none; }
  .time-tracking-buttons.tracking button.secondary.highlight {
    margin: 0;
    font-size: 0.9em;
    border-color: #00adc7; }
    .time-tracking-buttons.tracking button.secondary.highlight.danger {
      border-color: #AF3E4D; }
    .time-tracking-buttons.tracking button.secondary.highlight:not(:last-child) {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0; }
      .time-tracking-buttons.tracking button.secondary.highlight:not(:last-child) + button:not(:last-child):not(.trigger-resume-time-tracking) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0; }
    .time-tracking-buttons.tracking button.secondary.highlight:last-child {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0; }

.list-item .time-tracking-buttons {
  display: none; }
  .list-item .time-tracking-buttons.tracking {
    display: inline-flex; }
    .list-item .time-tracking-buttons.tracking .icon, .list-item .time-tracking-buttons.tracking .icon:first-child {
      font-size: .9em;
      flex: 0 0 auto;
      margin: 0 .25em 0 0;
      padding: 0; }

#issue-card-popup > .backdrop_detail_header {
  text-transform: none;
  align-items: center;
  font-weight: 400; }
  #issue-card-popup > .backdrop_detail_header .workflow-actions-container {
    font-size: .75em;
    margin-right: auto;
    padding-left: .5em; }
  #issue-card-popup > .backdrop_detail_header > a.button {
    font-size: .75em; }
  #issue-card-popup > .backdrop_detail_header > span {
    flex: 0 0 auto;
    padding: 0;
    font-weight: 400; }
    #issue-card-popup > .backdrop_detail_header > span.issue-state {
      padding: 0.15em 0.25em; }
      #issue-card-popup > .backdrop_detail_header > span.issue-state:not(:first-child) {
        margin-left: 0.35em; }
      #issue-card-popup > .backdrop_detail_header > span.issue-state + a {
        margin-left: 0.25em; }
  #issue-card-popup > .backdrop_detail_header .workflow-actions-container {
    flex: 1 1 auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap; }
    #issue-card-popup > .backdrop_detail_header .workflow-actions-container .workflow-list {
      flex: 1 1 auto;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-items: flex-start;
      align-content: flex-start;
      justify-content: flex-start;
      justify-items: flex-start;
      list-style: none;
      padding: .35em 0;
      margin: 0; }
      #issue-card-popup > .backdrop_detail_header .workflow-actions-container .workflow-list .button.highlight {
        border: 1px solid #00adc7; }
      #issue-card-popup > .backdrop_detail_header .workflow-actions-container .workflow-list .tooltip-container {
        position: relative; }
        #issue-card-popup > .backdrop_detail_header .workflow-actions-container .workflow-list .tooltip-container + .tooltip-container {
          margin-left: .15rem; }
  #issue-card-popup > .backdrop_detail_header .indicator {
    display: none;
    margin-right: 0.35em;
    margin-left: 0.35em; }
    #issue-card-popup > .backdrop_detail_header .indicator.active {
      display: inline-flex; }
  #issue-card-popup > .backdrop_detail_header .dropper-container {
    margin-right: 0.35em;
    margin-left: 0.35em;
    font-size: .75em; }
  #issue-card-popup > .backdrop_detail_header > span {
    flex: 1 1 auto; }
    #issue-card-popup > .backdrop_detail_header > span.title-crumbs {
      padding: 0.75em;
      font-size: 0.75em;
      font-weight: 300;
      display: flex;
      align-items: center;
      justify-content: flex-start; }
      #issue-card-popup > .backdrop_detail_header > span.title-crumbs a:last-child {
        font-weight: 500; }
  #issue-card-popup > .backdrop_detail_header .toggle-favourite {
    margin: 0 .35em; }
    #issue-card-popup > .backdrop_detail_header .toggle-favourite .subscribed,
    #issue-card-popup > .backdrop_detail_header .toggle-favourite .unsubscribed {
      font-size: 1.15em; }

#issue-card-popup > .backdrop_detail_content .content.with-cover {
  padding: 0; }
  #issue-card-popup > .backdrop_detail_content .content.with-cover .title-container {
    padding: 15em 0 0 0;
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    border-radius: 0 5px 0 0;
    align-items: flex-start;
    color: #FFF;
    display: flex;
    flex-direction: column;
    box-sizing: border-box; }
    #issue-card-popup > .backdrop_detail_content .content.with-cover .title-container .title-crumbs .crumb-item > a, #issue-card-popup > .backdrop_detail_content .content.with-cover .title-container .title-crumbs .crumb-item > a:hover {
      color: #FFF; }
    #issue-card-popup > .backdrop_detail_content .content.with-cover .title-container .title-content {
      display: flex;
      flex-direction: column;
      align-items: stretch;
      box-sizing: border-box;
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 60%);
      width: 100%;
      padding: 1em; }
      #issue-card-popup > .backdrop_detail_content .content.with-cover .title-container .title-content .title-name {
        color: #FFF; }
        #issue-card-popup > .backdrop_detail_content .content.with-cover .title-container .title-content .title-name input {
          color: #FFF;
          background: transparent; }
          #issue-card-popup > .backdrop_detail_content .content.with-cover .title-container .title-content .title-name input:hover {
            color: #FFF; }
          #issue-card-popup > .backdrop_detail_content .content.with-cover .title-container .title-content .title-name input:focus, #issue-card-popup > .backdrop_detail_content .content.with-cover .title-container .title-content .title-name input:focus:hover {
            color: #FFF;
            background-color: transparent;
            border-color: #00adc7; }
  #issue-card-popup > .backdrop_detail_content .content.with-cover .issue-details,
  #issue-card-popup > .backdrop_detail_content .content.with-cover > .comments {
    padding: 0 1em; }
  #issue-card-popup > .backdrop_detail_content .content.with-cover .status-field {
    padding: 1em 1em 0 1em; }

#issue-card-popup > .backdrop_detail_content .issue-state {
  flex: 0 0 auto;
  padding: 0.15em 0.25em; }
  #issue-card-popup > .backdrop_detail_content .issue-state:not(:first-child) {
    margin-left: 0.35em; }
  #issue-card-popup > .backdrop_detail_content .issue-state + a {
    margin-left: 0.25em; }

#issue-card-popup > .backdrop_detail_content .title-container {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  line-height: 1.75em;
  padding: 1em 0;
  box-sizing: border-box; }
  #issue-card-popup > .backdrop_detail_content .title-container .title-crumbs {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    line-height: 1.25em;
    box-sizing: border-box;
    padding: 0; }
    #issue-card-popup > .backdrop_detail_content .title-container .title-crumbs .crumb-item {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      line-height: 1.25em;
      padding: 0 .5em .15em 0; }
      #issue-card-popup > .backdrop_detail_content .title-container .title-crumbs .crumb-item > a,
      #issue-card-popup > .backdrop_detail_content .title-container .title-crumbs .crumb-item > a:hover {
        border: none;
        color: #141823;
        font-size: 1em;
        flex: 0 0 auto;
        font-weight: 500; }
  #issue-card-popup > .backdrop_detail_content .title-container .title-name, #issue-card-popup > .backdrop_detail_content .title-container .title-name:hover {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    font-size: 1.5em;
    font-weight: 500;
    color: #232323;
    border: none;
    text-decoration: none;
    box-sizing: border-box; }
  #issue-card-popup > .backdrop_detail_content .title-container .title-name span {
    flex: 0 0 auto; }
  #issue-card-popup > .backdrop_detail_content .title-container .title-name input {
    flex: 1 1 auto;
    border-radius: 4px;
    border: 2px solid transparent; }
    #issue-card-popup > .backdrop_detail_content .title-container .title-name input:hover {
      background-color: rgba(225, 225, 225, 0.2); }
    #issue-card-popup > .backdrop_detail_content .title-container .title-name input:focus, #issue-card-popup > .backdrop_detail_content .title-container .title-name input:focus:hover {
      background-color: transparent;
      border-color: #00adc7; }
  #issue-card-popup > .backdrop_detail_content .title-container .title-name .indicator {
    flex: 0 0 auto;
    font-size: .8em;
    display: none; }
  #issue-card-popup > .backdrop_detail_content .title-container .title-name input.saving {
    border-color: rgba(225, 225, 225, 0.2); }
    #issue-card-popup > .backdrop_detail_content .title-container .title-name input.saving + .indicator {
      display: inline-flex; }

#issue-card-popup > .backdrop_detail_content .status-header {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  box-sizing: border-box;
  padding-right: 1em; }
  #issue-card-popup > .backdrop_detail_content .status-header .indicator {
    display: flex;
    opacity: 0;
    transition: opacity .25s ease-in-out;
    flex: 0 0 auto;
    padding: 1em;
    align-items: center;
    justify-content: center; }
    #issue-card-popup > .backdrop_detail_content .status-header .indicator.active {
      opacity: 1; }

#issue-card-popup > .backdrop_detail_content #status-field .dropdown-container {
  left: 0;
  right: auto; }

#issue-card-popup > .backdrop_detail_content .title-container {
  padding: 0 0 .35em 0;
  box-sizing: border-box; }

#issue-card-popup > .backdrop_detail_content .status-field {
  margin-bottom: 1.5em; }

#issue-card-popup > .backdrop_detail_content .is-closed,
#issue-card-popup > .backdrop_detail_content .not-editable {
  color: #969696;
  margin: 0 1em 0 0;
  display: flex;
  align-items: center;
  height: 100%;
  position: relative;
  font-size: 1.1em; }
  #issue-card-popup > .backdrop_detail_content .is-closed .fas,
  #issue-card-popup > .backdrop_detail_content .not-editable .fas {
    margin-right: 0.35em; }
  #issue-card-popup > .backdrop_detail_content .is-closed .tooltip,
  #issue-card-popup > .backdrop_detail_content .not-editable .tooltip {
    margin-top: 2em; }

#issue-card-popup > .backdrop_detail_content .created-times {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  flex: 0 0 auto;
  margin: 0 0 0 0.3em;
  font-size: 0.8rem;
  color: rgba(0, 0, 0, 0.4); }
  #issue-card-popup > .backdrop_detail_content .created-times div + div {
    margin-left: 1.5em; }
  #issue-card-popup > .backdrop_detail_content .created-times label {
    text-transform: none;
    color: rgba(0, 0, 0, 0.4);
    font-weight: 400;
    cursor: default; }

#issue-card-popup > .backdrop_detail_content .posted-by-container {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative; }
  #issue-card-popup > .backdrop_detail_content .posted-by-container .value {
    display: flex;
    flex-direction: row;
    align-items: center; }

#issue-card-popup > .backdrop_detail_content .fields-list-container {
  border: none;
  padding: 0;
  margin: 0;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  opacity: 1;
  transform-origin: top center;
  transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out, height 0.25s ease-in-out;
  height: auto; }
  #issue-card-popup > .backdrop_detail_content .fields-list-container.not-visible, #issue-card-popup > .backdrop_detail_content .fields-list-container.hidden {
    opacity: 0;
    transform: scaleX(0);
    height: 1px; }
    #issue-card-popup > .backdrop_detail_content .fields-list-container.not-visible.force-visible, #issue-card-popup > .backdrop_detail_content .fields-list-container.hidden.force-visible {
      opacity: 1;
      transform: scaleX(1);
      height: auto; }
  #issue-card-popup > .backdrop_detail_content .fields-list-container + .fields-list-container:not(.not-visible) {
    margin-top: 1.5em; }
  #issue-card-popup > .backdrop_detail_content .fields-list-container .percent_unfilled {
    height: .6em; }
    #issue-card-popup > .backdrop_detail_content .fields-list-container .percent_unfilled .percent_filled {
      display: block;
      height: 100%; }
  #issue-card-popup > .backdrop_detail_content .fields-list-container > .header {
    border: none;
    flex: 0 0 auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    color: rgba(0, 0, 0, 0.6);
    font-size: 1em;
    padding: 0 .25em .75em .75em; }
    #issue-card-popup > .backdrop_detail_content .fields-list-container > .header > .name {
      display: flex;
      align-items: center;
      font-weight: 400;
      text-transform: none;
      color: #7d7d7d;
      font-size: 1.2em;
      padding: 0; }
    #issue-card-popup > .backdrop_detail_content .fields-list-container > .header span.icon {
      flex: 0 0 24px;
      display: flex;
      flex-direction: row;
      color: #c8c8c8;
      font-size: 1.1em;
      align-items: center;
      justify-content: center; }
      #issue-card-popup > .backdrop_detail_content .fields-list-container > .header span.icon .far,
      #issue-card-popup > .backdrop_detail_content .fields-list-container > .header span.icon .fas {
        flex: 0 0 24px;
        box-sizing: border-box; }
    #issue-card-popup > .backdrop_detail_content .fields-list-container > .header > .name {
      flex: 1 1 auto;
      padding: 0;
      font-size: 1.1em;
      line-height: 1em;
      font-weight: 500; }
  #issue-card-popup > .backdrop_detail_content .fields-list-container .content {
    flex: 1 1 auto;
    font-size: 1.1em;
    padding: .25em .65em;
    border-radius: 4px;
    font-weight: 300;
    margin-bottom: 1.5em; }
  #issue-card-popup > .backdrop_detail_content .fields-list-container > ul {
    list-style: none;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    margin: 0;
    padding: 0; }
    #issue-card-popup > .backdrop_detail_content .fields-list-container > ul li {
      flex: 0 0 auto; }
      #issue-card-popup > .backdrop_detail_content .fields-list-container > ul li dl {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin: 0;
        padding: 0; }
        #issue-card-popup > .backdrop_detail_content .fields-list-container > ul li dl dt {
          flex: 0 0 auto;
          display: block;
          margin: 0;
          padding: 0; }
        #issue-card-popup > .backdrop_detail_content .fields-list-container > ul li dl dd {
          flex: 0 0 auto;
          display: block;
          margin: 0;
          padding: 0; }
  #issue-card-popup > .backdrop_detail_content .fields-list-container .fields-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column; }
    #issue-card-popup > .backdrop_detail_content .fields-list-container .fields-list.hidden {
      display: none; }
    #issue-card-popup > .backdrop_detail_content .fields-list-container .fields-list > li:not(.hidden) {
      display: flex;
      align-items: center;
      position: relative;
      margin: 0 0 .5em 0; }
      #issue-card-popup > .backdrop_detail_content .fields-list-container .fields-list > li:not(.hidden).editable .fancy-dropdown-container .fancy-dropdown > label:hover {
        cursor: pointer; }
      #issue-card-popup > .backdrop_detail_content .fields-list-container .fields-list > li:not(.hidden).editable .fancy-dropdown-container .fancy-dropdown:hover {
        background-color: rgba(200, 200, 200, 0.1);
        cursor: pointer; }
      #issue-card-popup > .backdrop_detail_content .fields-list-container .fields-list > li:not(.hidden) .fancy-dropdown-container .fancy-dropdown {
        background-color: transparent;
        flex-wrap: wrap; }
        #issue-card-popup > .backdrop_detail_content .fields-list-container .fields-list > li:not(.hidden) .fancy-dropdown-container .fancy-dropdown:hover {
          background-color: transparent;
          cursor: default; }
        #issue-card-popup > .backdrop_detail_content .fields-list-container .fields-list > li:not(.hidden) .fancy-dropdown-container .fancy-dropdown > label {
          font-weight: 500;
          flex: 0 0 100%;
          padding: 0 0 .5em 0;
          margin: 0;
          font-size: 0.9em;
          text-transform: none;
          color: #141823;
          cursor: default; }
        #issue-card-popup > .backdrop_detail_content .fields-list-container .fields-list > li:not(.hidden) .fancy-dropdown-container .fancy-dropdown .value {
          max-width: none; }
        #issue-card-popup > .backdrop_detail_content .fields-list-container .fields-list > li:not(.hidden) .fancy-dropdown-container .fancy-dropdown .expander {
          opacity: 0;
          transition: opacity .25s ease-in-out; }
      #issue-card-popup > .backdrop_detail_content .fields-list-container .fields-list > li:not(.hidden):hover .fancy-dropdown-container .fancy-dropdown .expander {
        opacity: 1; }
      #issue-card-popup > .backdrop_detail_content .fields-list-container .fields-list > li:not(.hidden) .field-container {
        background: transparent;
        padding: 5px 10px;
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
        flex: 1 1 auto;
        align-items: stretch;
        justify-content: center; }
        #issue-card-popup > .backdrop_detail_content .fields-list-container .fields-list > li:not(.hidden) .field-container, #issue-card-popup > .backdrop_detail_content .fields-list-container .fields-list > li:not(.hidden) .field-container:hover {
          border: none;
          color: #232323;
          text-decoration: none;
          border-radius: 4px; }
        #issue-card-popup > .backdrop_detail_content .fields-list-container .fields-list > li:not(.hidden) .field-container.editable:hover {
          cursor: pointer;
          background-color: rgba(200, 200, 200, 0.1); }
        #issue-card-popup > .backdrop_detail_content .fields-list-container .fields-list > li:not(.hidden) .field-container .tooltip {
          bottom: 4.5em; }
        #issue-card-popup > .backdrop_detail_content .fields-list-container .fields-list > li:not(.hidden) .field-container > .label {
          box-sizing: border-box;
          font-weight: 500;
          font-size: 0.9em;
          padding: 0 0 5px 0;
          display: flex;
          align-items: center;
          justify-content: flex-start; }
        #issue-card-popup > .backdrop_detail_content .fields-list-container .fields-list > li:not(.hidden) .field-container > .value {
          font-weight: 300;
          box-sizing: border-box;
          display: flex;
          align-items: center;
          justify-content: stretch;
          color: #232323; }
          #issue-card-popup > .backdrop_detail_content .fields-list-container .fields-list > li:not(.hidden) .field-container > .value.icon {
            flex: 0 0 auto; }
            #issue-card-popup > .backdrop_detail_content .fields-list-container .fields-list > li:not(.hidden) .field-container > .value.icon + span {
              margin-left: .5em; }
          #issue-card-popup > .backdrop_detail_content .fields-list-container .fields-list > li:not(.hidden) .field-container > .value span {
            flex: 1 1 auto;
            box-sizing: border-box;
            display: flex;
            align-items: center;
            justify-content: stretch; }
            #issue-card-popup > .backdrop_detail_content .fields-list-container .fields-list > li:not(.hidden) .field-container > .value span.count-badge {
              flex: 0 0 auto;
              font-size: 1em;
              margin-left: 0;
              font-weight: 500; }
              #issue-card-popup > .backdrop_detail_content .fields-list-container .fields-list > li:not(.hidden) .field-container > .value span.count-badge + .icon {
                margin-left: auto; }
            #issue-card-popup > .backdrop_detail_content .fields-list-container .fields-list > li:not(.hidden) .field-container > .value span + span,
            #issue-card-popup > .backdrop_detail_content .fields-list-container .fields-list > li:not(.hidden) .field-container > .value span + .icon {
              margin-left: .5em;
              padding: 0 5px;
              font-size: 1em; }

#issue-card-popup > .backdrop_detail_content .form-row.locked .field-container, #issue-card-popup > .backdrop_detail_content .form-row.locked .field-container:hover {
  border: 2px solid #00adc7; }

#issue-card-popup > .backdrop_detail_content .form-row.locked .field-container label .locked,
#issue-card-popup > .backdrop_detail_content .form-row.locked .field-container .label .locked {
  display: inline-block;
  margin-left: .35em; }

#issue-card-popup > .backdrop_detail_content .sidebar .fields-list-container > .header {
  padding: 0 .25em .5em .75em;
  font-size: .9em; }
  #issue-card-popup > .backdrop_detail_content .sidebar .fields-list-container > .header span.icon {
    flex: 0 0 20px;
    display: flex;
    align-items: center;
    justify-content: center; }
    #issue-card-popup > .backdrop_detail_content .sidebar .fields-list-container > .header span.icon .fas,
    #issue-card-popup > .backdrop_detail_content .sidebar .fields-list-container > .header span.icon .far {
      flex: 0 0 auto; }
  #issue-card-popup > .backdrop_detail_content .sidebar .fields-list-container > .header > .name {
    font-size: 1em;
    text-transform: uppercase; }

#issue-card-popup > .backdrop_detail_content h5 .not-editable {
  font-size: 0.8em; }

#issue-card-popup > .backdrop_detail_content .issue-details {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column; }
  #issue-card-popup > .backdrop_detail_content .issue-details .content {
    font-size: 1.15em; }
    #issue-card-popup > .backdrop_detail_content .issue-details .content img {
      max-width: 100%; }
    #issue-card-popup > .backdrop_detail_content .issue-details .content.editable:hover {
      background-color: rgba(100, 100, 100, 0.05);
      cursor: pointer; }
    #issue-card-popup > .backdrop_detail_content .issue-details .content.editable + .textarea_container {
      height: 1px;
      overflow: hidden;
      opacity: 0;
      transition: opacity 0.25s ease-in-out;
      width: 100%; }
      #issue-card-popup > .backdrop_detail_content .issue-details .content.editable + .textarea_container + .textarea_save_container {
        height: 1px;
        overflow: hidden;
        opacity: 0;
        transition: opacity 0.25s ease-in-out;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        background-color: transparent;
        border: none; }
    #issue-card-popup > .backdrop_detail_content .issue-details .content.editing {
      display: none; }
      #issue-card-popup > .backdrop_detail_content .issue-details .content.editing + .textarea_container {
        height: auto;
        opacity: 1;
        min-height: 15em; }
        #issue-card-popup > .backdrop_detail_content .issue-details .content.editing + .textarea_container + .textarea_save_container {
          padding: 1em;
          height: auto;
          opacity: 1;
          overflow: visible; }
    #issue-card-popup > .backdrop_detail_content .issue-details .content p + p {
      margin-top: 1em; }

#issue-card-popup > .backdrop_detail_content .fields-list-container {
  flex: 1 1 auto; }
  #issue-card-popup > .backdrop_detail_content .fields-list-container li.issue-field {
    display: flex; }
    #issue-card-popup > .backdrop_detail_content .fields-list-container li.issue-field.hidden {
      display: none; }
    #issue-card-popup > .backdrop_detail_content .fields-list-container li.issue-field .fancy-dropdown-container {
      flex: 1 1 auto; }
      #issue-card-popup > .backdrop_detail_content .fields-list-container li.issue-field .fancy-dropdown-container .fancy-dropdown {
        border-radius: 0; }
  #issue-card-popup > .backdrop_detail_content .fields-list-container li .field-container {
    border-radius: 0; }

#issue-card-popup > .backdrop_detail_content .comments {
  margin-top: 1em;
  border-top: 1px solid rgba(200, 200, 200, 0.3); }
  #issue-card-popup > .backdrop_detail_content .comments .comment-container {
    box-shadow: none; }

.air-datepicker-cell.-day-.-other-month-, .air-datepicker-cell.-year-.-other-decade- {
  color: var(--adp-color-other-month); }

.air-datepicker-cell.-day-.-other-month-:hover, .air-datepicker-cell.-year-.-other-decade-:hover {
  color: var(--adp-color-other-month-hover); }

.-disabled-.-focus-.air-datepicker-cell.-day-.-other-month-, .-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade- {
  color: var(--adp-color-other-month); }

.-selected-.air-datepicker-cell.-day-.-other-month-, .-selected-.air-datepicker-cell.-year-.-other-decade- {
  color: #fff;
  background: var(--adp-background-color-selected-other-month); }

.-selected-.-focus-.air-datepicker-cell.-day-.-other-month-, .-selected-.-focus-.air-datepicker-cell.-year-.-other-decade- {
  background: var(--adp-background-color-selected-other-month-focused); }

.-in-range-.air-datepicker-cell.-day-.-other-month-, .-in-range-.air-datepicker-cell.-year-.-other-decade- {
  background-color: var(--adp-background-color-in-range);
  color: var(--adp-color); }

.-in-range-.-focus-.air-datepicker-cell.-day-.-other-month-, .-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade- {
  background-color: var(--adp-background-color-in-range-focused); }

.air-datepicker-cell.-day-.-other-month-:empty, .air-datepicker-cell.-year-.-other-decade-:empty {
  background: none;
  border: none; }

.air-datepicker-cell {
  border-radius: var(--adp-cell-border-radius);
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  z-index: 1; }

.air-datepicker-cell.-focus- {
  background: var(--adp-background-color-hover); }

.air-datepicker-cell.-current- {
  color: var(--adp-color-current-date); }

.air-datepicker-cell.-current-.-focus- {
  color: var(--adp-color); }

.air-datepicker-cell.-current-.-in-range- {
  color: var(--adp-color-current-date); }

.air-datepicker-cell.-disabled- {
  cursor: default;
  color: var(--adp-color-disabled); }

.air-datepicker-cell.-disabled-.-focus- {
  color: var(--adp-color-disabled); }

.air-datepicker-cell.-disabled-.-in-range- {
  color: var(--adp-color-disabled-in-range); }

.air-datepicker-cell.-disabled-.-current-.-focus- {
  color: var(--adp-color-disabled); }

.air-datepicker-cell.-in-range- {
  background: var(--adp-cell-background-color-in-range);
  border-radius: 0; }

.air-datepicker-cell.-in-range-:hover {
  background: var(--adp-cell-background-color-in-range-hover); }

.air-datepicker-cell.-range-from- {
  border: 1px solid var(--adp-cell-border-color-in-range);
  background-color: var(--adp-cell-background-color-in-range);
  border-radius: var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius); }

.air-datepicker-cell.-range-to- {
  border: 1px solid var(--adp-cell-border-color-in-range);
  background-color: var(--adp-cell-background-color-in-range);
  border-radius: 0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0; }

.air-datepicker-cell.-range-to-.-range-from- {
  border-radius: var(--adp-cell-border-radius); }

.air-datepicker-cell.-selected- {
  color: #fff;
  border: none;
  background: var(--adp-cell-background-color-selected); }

.air-datepicker-cell.-selected-.-current- {
  color: #fff;
  background: var(--adp-cell-background-color-selected); }

.air-datepicker-cell.-selected-.-focus- {
  background: var(--adp-cell-background-color-selected-hover); }

.air-datepicker-body {
  transition: all var(--adp-transition-duration) var(--adp-transition-ease); }

.air-datepicker-body.-hidden- {
  display: none; }

.air-datepicker-body--day-names {
  display: grid;
  grid-template-columns: repeat(7, var(--adp-day-cell-width));
  margin: 8px 0 3px; }

.air-datepicker-body--day-name {
  color: var(--adp-day-name-color);
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  text-align: center;
  text-transform: uppercase;
  font-size: .8em; }

.air-datepicker-body--day-name.-clickable- {
  cursor: pointer; }

.air-datepicker-body--day-name.-clickable-:hover {
  color: var(--adp-day-name-color-hover); }

.air-datepicker-body--cells {
  display: grid; }

.air-datepicker-body--cells.-days- {
  grid-template-columns: repeat(7, var(--adp-day-cell-width));
  grid-auto-rows: var(--adp-day-cell-height); }

.air-datepicker-body--cells.-months- {
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: var(--adp-month-cell-height); }

.air-datepicker-body--cells.-years- {
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: var(--adp-year-cell-height); }

.air-datepicker-nav {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid var(--adp-border-color-inner);
  min-height: var(--adp-nav-height);
  padding: var(--adp-padding);
  box-sizing: content-box; }

.-only-timepicker- .air-datepicker-nav {
  display: none; }

.air-datepicker-nav--title, .air-datepicker-nav--action {
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center; }

.air-datepicker-nav--action {
  width: var(--adp-nav-action-size);
  border-radius: var(--adp-border-radius);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.air-datepicker-nav--action:hover {
  background: var(--adp-background-color-hover); }

.air-datepicker-nav--action:active {
  background: var(--adp-background-color-active); }

.air-datepicker-nav--action.-disabled- {
  visibility: hidden; }

.air-datepicker-nav--action svg {
  width: 32px;
  height: 32px; }

.air-datepicker-nav--action path {
  fill: none;
  stroke: var(--adp-nav-arrow-color);
  stroke-width: 2px; }

.air-datepicker-nav--title {
  border-radius: var(--adp-border-radius);
  padding: 0 8px; }

.air-datepicker-nav--title i {
  font-style: normal;
  color: var(--adp-nav-color-secondary);
  margin-left: .3em; }

.air-datepicker-nav--title:hover {
  background: var(--adp-background-color-hover); }

.air-datepicker-nav--title:active {
  background: var(--adp-background-color-active); }

.air-datepicker-nav--title.-disabled- {
  cursor: default;
  background: none; }

.air-datepicker-buttons {
  display: grid;
  grid-auto-columns: 1fr;
  grid-auto-flow: column; }

.air-datepicker-button {
  display: inline-flex;
  color: var(--adp-btn-color);
  border-radius: var(--adp-btn-border-radius);
  cursor: pointer;
  height: var(--adp-btn-height);
  border: none;
  background: rgba(255, 255, 255, 0); }

.air-datepicker-button:hover {
  color: var(--adp-btn-color-hover);
  background: var(--adp-btn-background-color-hover); }

.air-datepicker-button:focus {
  color: var(--adp-btn-color-hover);
  background: var(--adp-btn-background-color-hover);
  outline: none; }

.air-datepicker-button:active {
  background: var(--adp-btn-background-color-active); }

.air-datepicker-button span {
  outline: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%; }

.air-datepicker-time {
  display: grid;
  grid-template-columns: -webkit-max-content 1fr;
  grid-template-columns: max-content 1fr;
  grid-column-gap: 12px;
  align-items: center;
  position: relative;
  padding: 0 var(--adp-time-padding-inner); }

.-only-timepicker- .air-datepicker-time {
  border-top: none; }

.air-datepicker-time--current {
  display: flex;
  align-items: center;
  flex: 1;
  font-size: 14px;
  text-align: center; }

.air-datepicker-time--current-colon {
  margin: 0 2px 3px;
  line-height: 1; }

.air-datepicker-time--current-hours, .air-datepicker-time--current-minutes {
  line-height: 1;
  font-size: 19px;
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  position: relative;
  z-index: 1; }

.air-datepicker-time--current-hours:after, .air-datepicker-time--current-minutes:after {
  content: '';
  background: var(--adp-background-color-hover);
  border-radius: var(--adp-border-radius);
  position: absolute;
  left: -2px;
  top: -3px;
  right: -2px;
  bottom: -2px;
  z-index: -1;
  opacity: 0; }

.air-datepicker-time--current-hours.-focus-:after, .air-datepicker-time--current-minutes.-focus-:after {
  opacity: 1; }

.air-datepicker-time--current-ampm {
  text-transform: uppercase;
  align-self: flex-end;
  color: var(--adp-time-day-period-color);
  margin-left: 6px;
  font-size: 11px;
  margin-bottom: 1px; }

.air-datepicker-time--row {
  display: flex;
  align-items: center;
  font-size: 11px;
  height: 17px;
  background: linear-gradient(to right, var(--adp-time-track-color), var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat; }

.air-datepicker-time--row:first-child {
  margin-bottom: 4px; }

.air-datepicker-time--row input[type='range'] {
  background: none;
  cursor: pointer;
  flex: 1;
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  -webkit-appearance: none; }

.air-datepicker-time--row input[type='range']::-webkit-slider-thumb {
  -webkit-appearance: none; }

.air-datepicker-time--row input[type='range']::-ms-tooltip {
  display: none; }

.air-datepicker-time--row input[type='range']:hover::-webkit-slider-thumb {
  border-color: var(--adp-time-track-color-hover); }

.air-datepicker-time--row input[type='range']:hover::-moz-range-thumb {
  border-color: var(--adp-time-track-color-hover); }

.air-datepicker-time--row input[type='range']:hover::-ms-thumb {
  border-color: var(--adp-time-track-color-hover); }

.air-datepicker-time--row input[type='range']:focus {
  outline: none; }

.air-datepicker-time--row input[type='range']:focus::-webkit-slider-thumb {
  background: var(--adp-cell-background-color-selected);
  border-color: var(--adp-cell-background-color-selected); }

.air-datepicker-time--row input[type='range']:focus::-moz-range-thumb {
  background: var(--adp-cell-background-color-selected);
  border-color: var(--adp-cell-background-color-selected); }

.air-datepicker-time--row input[type='range']:focus::-ms-thumb {
  background: var(--adp-cell-background-color-selected);
  border-color: var(--adp-cell-background-color-selected); }

.air-datepicker-time--row input[type='range']::-webkit-slider-thumb {
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid var(--adp-time-track-color);
  background: #fff;
  cursor: pointer;
  -webkit-transition: background var(--adp-transition-duration);
  transition: background var(--adp-transition-duration); }

.air-datepicker-time--row input[type='range']::-moz-range-thumb {
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid var(--adp-time-track-color);
  background: #fff;
  cursor: pointer;
  -moz-transition: background var(--adp-transition-duration);
  transition: background var(--adp-transition-duration); }

.air-datepicker-time--row input[type='range']::-ms-thumb {
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid var(--adp-time-track-color);
  background: #fff;
  cursor: pointer;
  -ms-transition: background var(--adp-transition-duration);
  transition: background var(--adp-transition-duration); }

.air-datepicker-time--row input[type='range']::-webkit-slider-thumb {
  margin-top: calc(var(--adp-time-thumb-size) / 2 * -1); }

.air-datepicker-time--row input[type='range']::-webkit-slider-runnable-track {
  border: none;
  height: var(--adp-time-track-height);
  cursor: pointer;
  color: transparent;
  background: transparent; }

.air-datepicker-time--row input[type='range']::-moz-range-track {
  border: none;
  height: var(--adp-time-track-height);
  cursor: pointer;
  color: transparent;
  background: transparent; }

.air-datepicker-time--row input[type='range']::-ms-track {
  border: none;
  height: var(--adp-time-track-height);
  cursor: pointer;
  color: transparent;
  background: transparent; }

.air-datepicker-time--row input[type='range']::-ms-fill-lower {
  background: transparent; }

.air-datepicker-time--row input[type='range']::-ms-fill-upper {
  background: transparent; }

.air-datepicker {
  --adp-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --adp-font-size: 14px;
  --adp-width: 246px;
  --adp-z-index: 100;
  --adp-padding: 4px;
  --adp-grid-areas:
    'nav'
    'body'
    'timepicker'
    'buttons';
  --adp-transition-duration: .3s;
  --adp-transition-ease: ease-out;
  --adp-transition-offset: 8px;
  --adp-background-color: #fff;
  --adp-background-color-hover: #f0f0f0;
  --adp-background-color-active: #eaeaea;
  --adp-background-color-in-range: rgba(92, 196, 239, .1);
  --adp-background-color-in-range-focused: rgba(92, 196, 239, .2);
  --adp-background-color-selected-other-month-focused: #8ad5f4;
  --adp-background-color-selected-other-month: #a2ddf6;
  --adp-color: #4a4a4a;
  --adp-color-secondary: #9c9c9c;
  --adp-accent-color: #4eb5e6;
  --adp-color-current-date: var(--adp-accent-color);
  --adp-color-other-month: #dedede;
  --adp-color-disabled: #aeaeae;
  --adp-color-disabled-in-range: #939393;
  --adp-color-other-month-hover: #c5c5c5;
  --adp-border-color: #dbdbdb;
  --adp-border-color-inner: #efefef;
  --adp-border-radius: 4px;
  --adp-border-color-inline: #d7d7d7;
  --adp-nav-height: 32px;
  --adp-nav-arrow-color: var(--adp-color-secondary);
  --adp-nav-action-size: 32px;
  --adp-nav-color-secondary: var(--adp-color-secondary);
  --adp-day-name-color: #ff9a19;
  --adp-day-name-color-hover: #8ad5f4;
  --adp-day-cell-width: 1fr;
  --adp-day-cell-height: 32px;
  --adp-month-cell-height: 42px;
  --adp-year-cell-height: 56px;
  --adp-pointer-size: 10px;
  --adp-poiner-border-radius: 2px;
  --adp-pointer-offset: 14px;
  --adp-cell-border-radius: 4px;
  --adp-cell-background-color-selected: #5cc4ef;
  --adp-cell-background-color-selected-hover: #45bced;
  --adp-cell-background-color-in-range: rgba(92, 196, 239, 0.1);
  --adp-cell-background-color-in-range-hover: rgba(92, 196, 239, 0.2);
  --adp-cell-border-color-in-range: var(--adp-cell-background-color-selected);
  --adp-btn-height: 32px;
  --adp-btn-color: var(--adp-accent-color);
  --adp-btn-color-hover: var(--adp-color);
  --adp-btn-border-radius: var(--adp-border-radius);
  --adp-btn-background-color-hover: var(--adp-background-color-hover);
  --adp-btn-background-color-active: var(--adp-background-color-active);
  --adp-time-track-height: 1px;
  --adp-time-track-color: #dedede;
  --adp-time-track-color-hover: #b1b1b1;
  --adp-time-thumb-size: 12px;
  --adp-time-padding-inner: 10px;
  --adp-time-day-period-color: var(--adp-color-secondary);
  --adp-mobile-font-size: 16px;
  --adp-mobile-nav-height: 40px;
  --adp-mobile-width: 320px;
  --adp-mobile-day-cell-height: 38px;
  --adp-mobile-month-cell-height: 48px;
  --adp-mobile-year-cell-height: 64px; }

.air-datepicker-overlay {
  --adp-overlay-background-color: rgba(0, 0, 0, .3);
  --adp-overlay-transition-duration: .3s;
  --adp-overlay-transition-ease: ease-out;
  --adp-overlay-z-index: 99; }

.air-datepicker {
  background: var(--adp-background-color);
  border: 1px solid var(--adp-border-color);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  border-radius: var(--adp-border-radius);
  box-sizing: content-box;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(4, -webkit-max-content);
  grid-template-rows: repeat(4, max-content);
  grid-template-areas: var(--adp-grid-areas);
  font-family: var(--adp-font-family), sans-serif;
  font-size: var(--adp-font-size);
  color: var(--adp-color);
  width: var(--adp-width);
  position: absolute;
  transition: opacity var(--adp-transition-duration) var(--adp-transition-ease), transform var(--adp-transition-duration) var(--adp-transition-ease);
  z-index: var(--adp-z-index); }

.air-datepicker:not(.-custom-position-) {
  opacity: 0; }

.air-datepicker.-from-top- {
  transform: translateY(calc(var(--adp-transition-offset) * -1)); }

.air-datepicker.-from-right- {
  transform: translateX(var(--adp-transition-offset)); }

.air-datepicker.-from-bottom- {
  transform: translateY(var(--adp-transition-offset)); }

.air-datepicker.-from-left- {
  transform: translateX(calc(var(--adp-transition-offset) * -1)); }

.air-datepicker.-active-:not(.-custom-position-) {
  transform: translate(0, 0);
  opacity: 1; }

.air-datepicker.-active-.-custom-position- {
  transition: none; }

.air-datepicker.-inline- {
  border-color: var(--adp-border-color-inline);
  box-shadow: none;
  position: static;
  left: auto;
  right: auto;
  opacity: 1;
  transform: none; }

.air-datepicker.-inline- .air-datepicker--pointer {
  display: none; }

.air-datepicker.-is-mobile- {
  --adp-font-size: var(--adp-mobile-font-size);
  --adp-day-cell-height: var(--adp-mobile-day-cell-height);
  --adp-month-cell-height: var(--adp-mobile-month-cell-height);
  --adp-year-cell-height: var(--adp-mobile-year-cell-height);
  --adp-nav-height: var(--adp-mobile-nav-height);
  --adp-nav-action-size: var(--adp-mobile-nav-height);
  position: fixed;
  width: var(--adp-mobile-width);
  border: none; }

.air-datepicker.-is-mobile- * {
  -webkit-tap-highlight-color: transparent; }

.air-datepicker.-is-mobile- .air-datepicker--pointer {
  display: none; }

.air-datepicker.-is-mobile-:not(.-custom-position-) {
  transform: translate(-50%, calc(-50% + var(--adp-transition-offset))); }

.air-datepicker.-is-mobile-.-active-:not(.-custom-position-) {
  transform: translate(-50%, -50%); }

.air-datepicker.-custom-position- {
  transition: none; }

.air-datepicker-global-container {
  position: absolute;
  left: 0;
  top: 0; }

.air-datepicker--pointer {
  --pointer-half-size: calc(var(--adp-pointer-size) / 2);
  position: absolute;
  width: var(--adp-pointer-size);
  height: var(--adp-pointer-size);
  z-index: -1; }

.air-datepicker--pointer:after {
  content: '';
  position: absolute;
  background: #fff;
  border-top: 1px solid var(--adp-border-color-inline);
  border-right: 1px solid var(--adp-border-color-inline);
  border-top-right-radius: var(--adp-poiner-border-radius);
  width: var(--adp-pointer-size);
  height: var(--adp-pointer-size);
  box-sizing: border-box; }

.-top-left- .air-datepicker--pointer, .-top-center- .air-datepicker--pointer, .-top-right- .air-datepicker--pointer, [data-popper-placement^='top'] .air-datepicker--pointer {
  top: calc(100% - var(--pointer-half-size) + 1px); }

.-top-left- .air-datepicker--pointer:after, .-top-center- .air-datepicker--pointer:after, .-top-right- .air-datepicker--pointer:after, [data-popper-placement^='top'] .air-datepicker--pointer:after {
  transform: rotate(135deg); }

.-right-top- .air-datepicker--pointer, .-right-center- .air-datepicker--pointer, .-right-bottom- .air-datepicker--pointer, [data-popper-placement^='right'] .air-datepicker--pointer {
  right: calc(100% - var(--pointer-half-size) + 1px); }

.-right-top- .air-datepicker--pointer:after, .-right-center- .air-datepicker--pointer:after, .-right-bottom- .air-datepicker--pointer:after, [data-popper-placement^='right'] .air-datepicker--pointer:after {
  transform: rotate(225deg); }

.-bottom-left- .air-datepicker--pointer, .-bottom-center- .air-datepicker--pointer, .-bottom-right- .air-datepicker--pointer, [data-popper-placement^='bottom'] .air-datepicker--pointer {
  bottom: calc(100% - var(--pointer-half-size) + 1px); }

.-bottom-left- .air-datepicker--pointer:after, .-bottom-center- .air-datepicker--pointer:after, .-bottom-right- .air-datepicker--pointer:after, [data-popper-placement^='bottom'] .air-datepicker--pointer:after {
  transform: rotate(315deg); }

.-left-top- .air-datepicker--pointer, .-left-center- .air-datepicker--pointer, .-left-bottom- .air-datepicker--pointer, [data-popper-placement^='left'] .air-datepicker--pointer {
  left: calc(100% - var(--pointer-half-size) + 1px); }

.-left-top- .air-datepicker--pointer:after, .-left-center- .air-datepicker--pointer:after, .-left-bottom- .air-datepicker--pointer:after, [data-popper-placement^='left'] .air-datepicker--pointer:after {
  transform: rotate(45deg); }

.-top-left- .air-datepicker--pointer, .-bottom-left- .air-datepicker--pointer {
  left: var(--adp-pointer-offset); }

.-top-right- .air-datepicker--pointer, .-bottom-right- .air-datepicker--pointer {
  right: var(--adp-pointer-offset); }

.-top-center- .air-datepicker--pointer, .-bottom-center- .air-datepicker--pointer {
  left: calc(50% - var(--adp-pointer-size) / 2); }

.-left-top- .air-datepicker--pointer, .-right-top- .air-datepicker--pointer {
  top: var(--adp-pointer-offset); }

.-left-bottom- .air-datepicker--pointer, .-right-bottom- .air-datepicker--pointer {
  bottom: var(--adp-pointer-offset); }

.-left-center- .air-datepicker--pointer, .-right-center- .air-datepicker--pointer {
  top: calc(50% - var(--adp-pointer-size) / 2); }

.air-datepicker--navigation {
  grid-area: nav; }

.air-datepicker--content {
  box-sizing: content-box;
  padding: var(--adp-padding);
  grid-area: body; }

.-only-timepicker- .air-datepicker--content {
  display: none; }

.air-datepicker--time {
  grid-area: timepicker; }

.air-datepicker--buttons {
  grid-area: buttons; }

.air-datepicker--buttons, .air-datepicker--time {
  padding: var(--adp-padding);
  border-top: 1px solid var(--adp-border-color-inner); }

.air-datepicker-overlay {
  position: fixed;
  background: var(--adp-overlay-background-color);
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  opacity: 0;
  transition: opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), left 0s, height 0s, width 0s;
  transition-delay: 0s, var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration);
  z-index: var(--adp-overlay-z-index); }

.air-datepicker-overlay.-active- {
  opacity: 1;
  width: 100%;
  height: 100%;
  transition: opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), height 0s, width 0s; }

pre code.hljs {
  display: block;
  overflow-x: auto;
  padding: 1em; }

code.hljs {
  padding: 3px 5px; }

.hljs {
  color: #abb2bf;
  background: #282c34; }

.hljs-comment, .hljs-quote {
  color: #5c6370;
  font-style: italic; }

.hljs-doctag, .hljs-formula, .hljs-keyword {
  color: #c678dd; }

.hljs-deletion, .hljs-name, .hljs-section, .hljs-selector-tag, .hljs-subst {
  color: #e06c75; }

.hljs-literal {
  color: #56b6c2; }

.hljs-addition, .hljs-attribute, .hljs-meta .hljs-string, .hljs-regexp, .hljs-string {
  color: #98c379; }

.hljs-attr, .hljs-number, .hljs-selector-attr, .hljs-selector-class, .hljs-selector-pseudo, .hljs-template-variable, .hljs-type, .hljs-variable {
  color: #d19a66; }

.hljs-bullet, .hljs-link, .hljs-meta, .hljs-selector-id, .hljs-symbol, .hljs-title {
  color: #61aeee; }

.hljs-built_in, .hljs-class .hljs-title, .hljs-title.class_ {
  color: #e6c07b; }

.hljs-emphasis {
  font-style: italic; }

.hljs-strong {
  font-weight: 700; }

.hljs-link {
  text-decoration: underline; }

#main_container {
  flex-direction: row;
  align-items: stretch;
  justify-content: stretch;
  align-content: stretch; }

header {
  flex-direction: column; }
  header .header-strip {
    flex-direction: column;
    align-items: center;
    flex: 1 1 auto; }
    header .header-strip > a:not(.button):not(.closer):not(.list-item) {
      font-size: 1.2em;
      border: 2px solid transparent; }
      header .header-strip > a:not(.button):not(.closer):not(.list-item).logo {
        padding: .75em;
        margin-bottom: .5em; }
        header .header-strip > a:not(.button):not(.closer):not(.list-item).logo img {
          height: 30px;
          padding-right: 0; }
        header .header-strip > a:not(.button):not(.closer):not(.list-item).logo .logo_name {
          display: none; }
      header .header-strip > a:not(.button):not(.closer):not(.list-item):not(.logo) {
        padding: .75em; }
      header .header-strip > a:not(.button):not(.closer):not(.list-item).selected {
        border: 2px solid #FFF;
        color: #FFF;
        background-color: transparent; }
      header .header-strip > a:not(.button):not(.closer):not(.list-item) .icon.far, header .header-strip > a:not(.button):not(.closer):not(.list-item) .icon.fas {
        margin: 0; }
      header .header-strip > a:not(.button):not(.closer):not(.list-item) span {
        transition: opacity .2s ease-in-out, transform .2s ease-in-out;
        opacity: 0;
        transform: scaleX(0);
        transform-origin: left;
        position: absolute;
        left: 3.75em;
        background-color: #2B2D42;
        color: #FFF;
        font-weight: normal;
        padding: .35em .75em;
        border-radius: .2em;
        box-shadow: rgba(9, 30, 66, 0.25) 0 1px 1px, rgba(9, 30, 66, 0.31) 0 0 1px;
        white-space: nowrap; }
      header .header-strip > a:not(.button):not(.closer):not(.list-item):hover span {
        transform: scaleX(1);
        opacity: 1; }
    header .header-strip #header_config_link {
      margin-top: auto; }
      header .header-strip #header_config_link + .notifications-container {
        margin-top: 0; }
    header .header-strip .notifications-container {
      margin-top: auto; }
      header .header-strip .notifications-container a:not(.button):not(.list-item):not(.closer) {
        padding: .75em;
        position: relative;
        font-size: 1.2em; }
        header .header-strip .notifications-container a:not(.button):not(.list-item):not(.closer) .icon {
          margin: 0;
          flex: 0 0 auto; }
        header .header-strip .notifications-container a:not(.button):not(.list-item):not(.closer) .notifications-indicator {
          display: flex;
          position: absolute;
          right: -.25em;
          bottom: -.25em;
          padding: .15em .35em;
          border-radius: 2px;
          font-size: .8em;
          box-shadow: rgba(99, 99, 99, 0.2) 0 2px 8px 0;
          background-color: #0cd8b6; }
        header .header-strip .notifications-container a:not(.button):not(.list-item):not(.closer).disabled .notifications-indicator {
          display: none; }
    header .header-strip .dropper-container + .dropper-container {
      margin: 0; }
    header .header-strip .dropper-container:last-child {
      margin-bottom: .75em; }
    header .header-strip .dropper-container .avatar {
      margin: 0; }
    header .header-strip .dropper-container .dropdown-indicator {
      display: none; }
    header .header-strip .dropper-container .dropdown-container {
      display: block;
      top: auto;
      right: auto;
      left: 4.3em;
      bottom: .4em;
      transform-origin: bottom left;
      min-width: 30em;
      max-height: 40em; }
    header .header-strip .name-container {
      display: none; }

.dropper-container .dropdown-container.from-left.slide-out {
  left: 4.3em;
  top: 3.8em; }

.collapsed .dropper-container .dropper.active::after {
  left: 31.25em; }

#content_container {
  height: auto; }

/*# sourceMappingURL=theme.css.map */