@charset "UTF-8";
.introjs-overlay {
    position: absolute;
    box-sizing: content-box;
    z-index: 999999;
    background-color: #000;
    opacity: 0;
    background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, .4) 0, rgba(0, 0, 0, .9) 100%);
    background: -webkit-gradient(radial, center center, 0, center center, 100%, color-stop(0, rgba(0, 0, 0, .4)), color-stop(100%, rgba(0, 0, 0, .9)));
    background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, .4) 0, rgba(0, 0, 0, .9) 100%);
    background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, .4) 0, rgba(0, 0, 0, .9) 100%);
    background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, .4) 0, rgba(0, 0, 0, .9) 100%);
    background: radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, .4) 0, rgba(0, 0, 0, .9) 100%);
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.introjs-fixParent {
    z-index: auto !important;
    opacity: 1 !important;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important
}

.introjs-showElement, tr.introjs-showElement > td, tr.introjs-showElement > th {
    z-index: 9999999 !important
}

.introjs-disableInteraction {
    z-index: 99999999 !important;
    position: absolute;
    background-color: #fff;
    opacity: 0
}

.introjs-relativePosition, tr.introjs-showElement > td, tr.introjs-showElement > th {
    position: relative
}

.introjs-helperLayer {
    box-sizing: content-box;
    position: absolute;
    z-index: 9999998;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9);
    border: 1px solid #777;
    border: 1px solid rgba(0, 0, 0, .5);
    border-radius: 4px;
    box-shadow: 0 2px 15px rgba(0, 0, 0, .4);
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.introjs-tooltipReferenceLayer {
    box-sizing: content-box;
    position: absolute;
    visibility: hidden;
    z-index: 100000000;
    background-color: transparent;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.introjs-helperLayer *, .introjs-helperLayer :after, .introjs-helperLayer :before {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    -o-box-sizing: content-box;
    box-sizing: content-box
}

.introjs-helperNumberLayer {
    box-sizing: content-box;
    position: absolute;
    visibility: visible;
    top: -16px;
    left: -16px;
    z-index: 9999999999 !important;
    padding: 2px;
    font-family: Arial, verdana, tahoma;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
    background: #ff3019;
    background: -webkit-linear-gradient(top, #ff3019 0, #cf0404 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff3019), color-stop(100%, #cf0404));
    background: -moz-linear-gradient(top, #ff3019 0, #cf0404 100%);
    background: -ms-linear-gradient(top, #ff3019 0, #cf0404 100%);
    background: -o-linear-gradient(top, #ff3019 0, #cf0404 100%);
    background: linear-gradient(to bottom, #ff3019 0, #cf0404 100%);
    width: 20px;
    height: 20px;
    line-height: 20px;
    border: 3px solid #fff;
    border-radius: 50%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .4)
}

.introjs-arrow {
    border: 5px solid transparent;
    content: '';
    position: absolute
}

.introjs-arrow.top {
    top: -10px;
    border-bottom-color: #fff
}

.introjs-arrow.top-right {
    top: -10px;
    right: 10px;
    border-bottom-color: #fff
}

.introjs-arrow.top-middle {
    top: -10px;
    left: 50%;
    margin-left: -5px;
    border-bottom-color: #fff
}

.introjs-arrow.right {
    right: -10px;
    top: 10px;
    border-left-color: #fff
}

.introjs-arrow.right-bottom {
    bottom: 10px;
    right: -10px;
    border-left-color: #fff
}

.introjs-arrow.bottom {
    bottom: -10px;
    border-top-color: #fff
}

.introjs-arrow.bottom-right {
    bottom: -10px;
    right: 10px;
    border-top-color: #fff
}

.introjs-arrow.bottom-middle {
    bottom: -10px;
    left: 50%;
    margin-left: -5px;
    border-top-color: #fff
}

.introjs-arrow.left {
    left: -10px;
    top: 10px;
    border-right-color: #fff
}

.introjs-arrow.left-bottom {
    left: -10px;
    bottom: 10px;
    border-right-color: #fff
}

.introjs-tooltip {
    box-sizing: content-box;
    position: absolute;
    visibility: visible;
    padding: 10px;
    background-color: #fff;
    min-width: 200px;
    max-width: 300px;
    border-radius: 3px;
    box-shadow: 0 1px 10px rgba(0, 0, 0, .4);
    -webkit-transition: opacity .1s ease-out;
    -moz-transition: opacity .1s ease-out;
    -ms-transition: opacity .1s ease-out;
    -o-transition: opacity .1s ease-out;
    transition: opacity .1s ease-out
}

.introjs-tooltipbuttons {
    text-align: right;
    white-space: nowrap
}

.introjs-button {
    box-sizing: content-box;
    position: relative;
    overflow: visible;
    display: inline-block;
    padding: .3em .8em;
    border: 1px solid #d4d4d4;
    margin: 0;
    text-decoration: none;
    text-shadow: 1px 1px 0 #fff;
    font: 11px/normal sans-serif;
    color: #333;
    white-space: nowrap;
    cursor: pointer;
    outline: 0;
    background-color: #ececec;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));
    background-image: -moz-linear-gradient(#f4f4f4, #ececec);
    background-image: -o-linear-gradient(#f4f4f4, #ececec);
    background-image: linear-gradient(#f4f4f4, #ececec);
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    -o-background-clip: padding-box;
    -webkit-border-radius: .2em;
    -moz-border-radius: .2em;
    border-radius: .2em;
    zoom: 1;
    margin-top: 10px
}

.introjs-button:hover {
    border-color: #bcbcbc;
    text-decoration: none;
    box-shadow: 0 1px 1px #e3e3e3
}

.introjs-button:active, .introjs-button:focus {
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ececec), to(#f4f4f4));
    background-image: -moz-linear-gradient(#ececec, #f4f4f4);
    background-image: -o-linear-gradient(#ececec, #f4f4f4);
    background-image: linear-gradient(#ececec, #f4f4f4)
}

.introjs-button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.introjs-skipbutton {
    box-sizing: content-box;
    margin-right: 5px;
    color: #7a7a7a
}

.introjs-prevbutton {
    -webkit-border-radius: .2em 0 0 .2em;
    -moz-border-radius: .2em 0 0 .2em;
    border-radius: .2em 0 0 .2em;
    border-right: none
}

.introjs-prevbutton.introjs-fullbutton {
    border: 1px solid #d4d4d4;
    -webkit-border-radius: .2em;
    -moz-border-radius: .2em;
    border-radius: .2em
}

.introjs-nextbutton {
    -webkit-border-radius: 0 .2em .2em 0;
    -moz-border-radius: 0 .2em .2em 0;
    border-radius: 0 .2em .2em 0
}

.introjs-nextbutton.introjs-fullbutton {
    -webkit-border-radius: .2em;
    -moz-border-radius: .2em;
    border-radius: .2em
}

.introjs-disabled, .introjs-disabled:focus, .introjs-disabled:hover {
    color: #9a9a9a;
    border-color: #d4d4d4;
    box-shadow: none;
    cursor: default;
    background-color: #f4f4f4;
    background-image: none;
    text-decoration: none
}

.introjs-hidden {
    display: none
}

.introjs-bullets {
    text-align: center
}

.introjs-bullets ul {
    box-sizing: content-box;
    clear: both;
    margin: 15px auto 0;
    padding: 0;
    display: inline-block
}

.introjs-bullets ul li {
    box-sizing: content-box;
    list-style: none;
    float: left;
    margin: 0 2px
}

.introjs-bullets ul li a {
    box-sizing: content-box;
    display: block;
    width: 6px;
    height: 6px;
    background: #ccc;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    text-decoration: none;
    cursor: pointer
}

.introjs-bullets ul li a:hover {
    background: #999
}

.introjs-bullets ul li a.active {
    background: #999
}

.introjs-progress {
    box-sizing: content-box;
    overflow: hidden;
    height: 10px;
    margin: 10px 0 5px 0;
    border-radius: 4px;
    background-color: #ecf0f1
}

.introjs-progressbar {
    box-sizing: content-box;
    float: left;
    width: 0%;
    height: 100%;
    font-size: 10px;
    line-height: 10px;
    text-align: center;
    background-color: #08c
}

.introjsFloatingElement {
    position: absolute;
    height: 0;
    width: 0;
    left: 50%;
    top: 50%
}

.introjs-fixedTooltip {
    position: fixed
}

.introjs-hint {
    box-sizing: content-box;
    position: absolute;
    background: 0 0;
    width: 20px;
    height: 15px;
    cursor: pointer
}

.introjs-hint:focus {
    border: 0;
    outline: 0
}

.introjs-hidehint {
    display: none
}

.introjs-fixedhint {
    position: fixed
}

.introjs-hint:hover > .introjs-hint-pulse {
    border: 5px solid rgba(60, 60, 60, .57)
}

.introjs-hint-pulse {
    box-sizing: content-box;
    width: 10px;
    height: 10px;
    border: 5px solid rgba(60, 60, 60, .27);
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background-color: rgba(136, 136, 136, .24);
    z-index: 10;
    position: absolute;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.introjs-hint-no-anim .introjs-hint-dot {
    -webkit-animation: none;
    -moz-animation: none;
    animation: none
}

.introjs-hint-dot {
    box-sizing: content-box;
    border: 10px solid rgba(146, 146, 146, .36);
    background: 0 0;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    height: 50px;
    width: 50px;
    -webkit-animation: introjspulse 3s ease-out;
    -moz-animation: introjspulse 3s ease-out;
    animation: introjspulse 3s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    position: absolute;
    top: -25px;
    left: -25px;
    z-index: 1;
    opacity: 0
}

@-webkit-keyframes introjspulse {
    0% {
        -webkit-transform: scale(0);
        opacity: 0
    }
    25% {
        -webkit-transform: scale(0);
        opacity: .1
    }
    50% {
        -webkit-transform: scale(.1);
        opacity: .3
    }
    75% {
        -webkit-transform: scale(.5);
        opacity: .5
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 0
    }
}

@-moz-keyframes introjspulse {
    0% {
        -moz-transform: scale(0);
        opacity: 0
    }
    25% {
        -moz-transform: scale(0);
        opacity: .1
    }
    50% {
        -moz-transform: scale(.1);
        opacity: .3
    }
    75% {
        -moz-transform: scale(.5);
        opacity: .5
    }
    100% {
        -moz-transform: scale(1);
        opacity: 0
    }
}

@keyframes introjspulse {
    0% {
        transform: scale(0);
        opacity: 0
    }
    25% {
        transform: scale(0);
        opacity: .1
    }
    50% {
        transform: scale(.1);
        opacity: .3
    }
    75% {
        transform: scale(.5);
        opacity: .5
    }
    100% {
        transform: scale(1);
        opacity: 0
    }
}

.gu-mirror {
    position: fixed !important;
    margin: 0 !important;
    z-index: 9999 !important;
    opacity: .8
}

.gu-hide {
    display: none !important
}

.gu-unselectable {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important
}

.gu-transit {
    opacity: .2
}

.awesomplete [hidden] {
    display: none
}

.awesomplete .visually-hidden {
    position: absolute;
    clip: rect(0, 0, 0, 0)
}

.awesomplete {
    display: inline-block;
    position: relative
}

.awesomplete > input {
    display: block
}

.awesomplete > ul {
    position: absolute;
    left: 0;
    z-index: 1;
    min-width: 100%;
    box-sizing: border-box;
    list-style: none;
    padding: 0;
    margin: 0;
    background: #fff
}

.awesomplete > ul:empty {
    display: none
}

.awesomplete > ul {
    border-radius: .3em;
    margin: .2em 0 0;
    background: hsla(0, 0%, 100%, .9);
    background: linear-gradient(to bottom right, #fff, hsla(0, 0%, 100%, .8));
    border: 1px solid rgba(0, 0, 0, .3);
    box-shadow: .05em .2em .6em rgba(0, 0, 0, .2);
    text-shadow: none
}

@supports (transform:scale(0)) {
    .awesomplete > ul {
        transition: .3s cubic-bezier(.4, .2, .5, 1.4);
        transform-origin: 1.43em -.43em
    }

    .awesomplete > ul:empty, .awesomplete > ul[hidden] {
        opacity: 0;
        transform: scale(0);
        display: block;
        transition-timing-function: ease
    }
}

.awesomplete > ul:before {
    content: "";
    position: absolute;
    top: -.43em;
    left: 1em;
    width: 0;
    height: 0;
    padding: .4em;
    background: #fff;
    border: inherit;
    border-right: 0;
    border-bottom: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.awesomplete > ul > li {
    position: relative;
    padding: .2em .5em;
    cursor: pointer
}

.awesomplete > ul > li:hover {
    background: #b7d2e0;
    color: #000
}

.awesomplete > ul > li[aria-selected=true] {
    background: #3d6c8e;
    color: #fff
}

.awesomplete mark {
    background: #e9ff00
}

.awesomplete li:hover mark {
    background: #b5d100
}

.awesomplete li[aria-selected=true] mark {
    background: #3c6b00;
    color: inherit
}

.dropdown-menu {
    border: 1px solid #ddd;
    background-color: #fff
}

.dropdown-menu li {
    border-top: 1px solid #ddd;
    padding: 2px 5px
}

.dropdown-menu li:first-child {
    border-top: none
}

.dropdown-menu .active, .dropdown-menu li:hover {
    background-color: #6eb7db;
    color: #fff
}

.dropdown-menu .active > a, .dropdown-menu .active > a:hover {
    color: #fff
}

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

.dropdown-menu a:hover {
    cursor: pointer
}

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden], template {
    display: none
}

a {
    background: 0 0
}

a:active, a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled], html input[disabled] {
    cursor: default
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td, th {
    padding: 0
}

/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */
.pika-single {
    z-index: 9999;
    display: block;
    position: relative;
    width: 240px;
    padding: 8px;
    color: #333;
    background: #fff;
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}

.pika-single.is-hidden {
    display: none
}

.pika-single.is-bound {
    position: absolute;
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, .5)
}

.pika-title {
    position: relative;
    text-align: center
}

.pika-label {
    display: inline-block;
    position: relative;
    z-index: 9999;
    overflow: hidden;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    background-color: #fff
}

.pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 9998;
    margin: 0;
    left: 0;
    top: 5px;
    opacity: 0
}

.pika-next, .pika-prev {
    display: block;
    cursor: pointer;
    position: relative;
    outline: 0;
    border: 0;
    padding: 0;
    width: 20px;
    height: 30px;
    text-indent: 20px;
    white-space: nowrap;
    overflow: hidden;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    opacity: .5
}

.pika-next:hover, .pika-prev:hover {
    opacity: 1
}

.is-rtl .pika-next, .pika-prev {
    float: left;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==)
}

.is-rtl .pika-prev, .pika-next {
    float: right;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=)
}

.pika-next.is-disabled, .pika-prev.is-disabled {
    cursor: default;
    opacity: .2
}

.pika-select {
    display: inline-block
}

.pika-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0
}

.pika-table td, .pika-table th {
    width: 14.285714285714286%;
    padding: 0
}

.pika-table th {
    color: #999;
    font-size: 12px;
    line-height: 25px;
    font-weight: 700;
    text-align: center
}

.pika-button {
    cursor: pointer;
    display: block;
    outline: 0;
    border: 0;
    margin: 0;
    width: 100%;
    padding: 5px;
    color: #666;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    background: #f5f5f5
}

.is-today .pika-button {
    color: #3af;
    font-weight: 700
}

.is-selected .pika-button {
    color: #fff;
    font-weight: 700;
    background: #3af;
    box-shadow: inset 0 1px 3px #178fe5;
    border-radius: 3px
}

.is-disabled .pika-button {
    pointer-events: none;
    cursor: default;
    color: #999;
    opacity: .3
}

.pika-button:hover {
    color: #fff !important;
    background: #ff8000 !important;
    box-shadow: none !important;
    border-radius: 3px !important
}

.hljs {
    display: block;
    overflow-x: auto;
    padding: .5em;
    background: #282a36
}

.hljs-keyword, .hljs-link, .hljs-literal, .hljs-section, .hljs-selector-tag {
    color: #8be9fd
}

.hljs-function .hljs-keyword {
    color: #ff79c6
}

.hljs, .hljs-subst {
    color: #f8f8f2
}

.hljs-addition, .hljs-attribute, .hljs-bullet, .hljs-name, .hljs-string, .hljs-symbol, .hljs-template-tag, .hljs-template-variable, .hljs-title, .hljs-type, .hljs-variable {
    color: #f1fa8c
}

.hljs-comment, .hljs-deletion, .hljs-meta, .hljs-quote {
    color: #6272a4
}

.hljs-doctag, .hljs-keyword, .hljs-literal, .hljs-name, .hljs-section, .hljs-selector-tag, .hljs-strong, .hljs-title, .hljs-type {
    font-weight: 700
}

.hljs-emphasis {
    font-style: italic
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

body {
    line-height: 1
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:after, blockquote:before {
    content: "";
    content: none
}

q:after, q:before {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

* {
    box-sizing: border-box
}

:focus {
    outline: 1px dotted #19474b
}

html {
    min-height: 100%;
    width: 100%
}

body {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    line-height: 1.25;
    min-height: 100%;
    overflow-x: hidden;
    width: 100%
}

body .master.ng-animate {
    transition: 0
}

body.loading-project {
    overflow: hidden
}

.loader-active {
    overflow: hidden
}

.drag-active {
    overflow-x: hidden
}

.master {
    height: 100%;
    min-height: 100%;
    position: relative
}

.centered {
    margin: 1rem auto;
    max-width: 1200px;
    padding: 0 1.25rem;
    width: 100%
}

tg-svg {
    align-items: center;
    display: flex;
    justify-content: center
}

.wrapper {
    display: flex;
    height: 100%;
    min-height: calc(100vh - 48px)
}

.menu-secondary {
    background: #f9f9fb;
    flex: 0 0 auto;
    min-height: calc(100vh - 48px);
    min-width: 0;
    padding: 0
}

.menu-secondary .search-in {
    margin-top: .5rem
}

.menu-secondary .settings-nav {
    background-color: #f1f1f4
}

.menu-secondary li {
    background: #f9f9fb;
    padding: 0
}

.menu-secondary li .active {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    background: #fff
}

.menu-secondary li .active a {
    color: #19474b
}

.menu-secondary li .active:hover {
    background: #fff
}

.menu-secondary li .active:hover a {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    color: #70728f
}

.menu-tertiary {
    width: 300px;
    background-color: #d8dee9;
    border-right: 1px solid #bdbdcd;
    flex: 0 0 auto;
    min-height: calc(100vh - 48px)
}

@media screen and (max-width: 1959px) {
    .menu-tertiary {
        width: 250px
    }
}

@media screen and (max-width: 1407px) {
    .menu-tertiary {
        width: 230px
    }
}

@media screen and (max-width: 1215px) {
    .menu-tertiary {
        width: 210px
    }
}

@media screen and (max-width: 1023px) {
    .menu-tertiary {
        width: 190px
    }
}

@media screen and (max-width: 768px) {
    .menu-tertiary {
        width: 170px
    }
}

.menu-tertiary ul li a {
    color: #434456
}

.menu-tertiary ul li:hover, .menu-tertiary ul li:hover a {
    background: #e5e9f0;
    color: #70728f
}

.menu-tertiary ul li.active {
    background: #19474b
}

.menu-tertiary ul li.active a {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    background: #e5e9f0;
    color: #19474b
}

.menu-tertiary ul li.active a:hover, .menu-tertiary ul li.active a:hover a {
    background: #e5e9f0;
    color: #70728f
}

.main {
    flex: 1;
    min-width: 0;
    padding: 1rem
}

.header-with-actions {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem
}

.header-with-actions header {
    width: 100%
}

.hidden {
    display: none !important
}

@font-face {
    font-family: Ubuntu-Regular;
    src: url(../fonts/Ubuntu-Regular.ttf) format("truetype")
}

@font-face {
    font-family: Ubuntu-Medium;
    src: url(../fonts/Ubuntu-Medium.ttf) format("truetype")
}

h1, h2, h3, h4, h5, h6 {
    color: #2e3440;
    font-weight: 400;
    line-height: 1.5
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    font-weight: inherit
}

h1 {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 1.4rem;
    color: #19474b;
    -webkit-margin-after: 1rem;
    margin-block-end: 1rem
}

h1 .date {
    display: inline-block;
    max-width: 500px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    font-size: .875rem;
    color: #434456
}

h2 {
    font-size: 1.4rem;
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    line-height: 1.2;
    margin-bottom: 1rem
}

p {
    line-height: 1.5;
    margin: 0 0 20px
}

p img {
    margin: 0
}

em {
    font-style: italic
}

small {
    font-size: .875rem
}

strong {
    font-weight: 700
}

hr {
    border: solid #16171d;
    border-width: 1px 0 0;
    clear: both;
    height: 0;
    margin: 10px 0 30px
}

a, a:visited {
    color: #19474b;
    text-decoration: none
}

a:hover, a:visited:hover {
    color: #4c566a;
    transition: color .3s linear
}

a.secondary, a.secondary:visited {
    color: #4c566a;
    text-decoration: none
}

a.secondary:hover, a.secondary:visited:hover {
    color: #19474b;
    transition: color .3s linear
}

@keyframes loading {
    0% {
        filter: blur(5px);
        opacity: 0
    }
    100% {
        filter: blur(0);
        opacity: 1
    }
}

@keyframes rotate {
    50% {
        filter: invert(1);
        transform: rotate(360deg)
    }
}

@keyframes formSlide {
    0% {
        filter: blur(5px);
        opacity: 0;
        transform: translateY(10rem)
    }
    50% {
        filter: blur(0)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes loadBar {
    0% {
        flex: 1
    }
    10% {
        flex: 10
    }
    20% {
        flex: 1
    }
}

@keyframes dropdownFade {
    0% {
        opacity: 0;
        transform: translateY(-.25rem)
    }
    60% {
        opacity: 1
    }
    100% {
        transform: translateY(0)
    }
}

@keyframes blink {
    85% {
        opacity: 1
    }
    100% {
        opacity: .6
    }
}

blockquote, blockquote p {
    line-height: 1.25rem
}

blockquote {
    margin: 0 0 20px;
    padding: .5rem 1.25rem
}

blockquote cite {
    font-size: .875rem;
    display: block
}

blockquote cite::before {
    content: '\2014 \0020'
}

ol, ul {
    margin-bottom: 20px
}

ul {
    list-style: none outside
}

ol {
    list-style: decimal
}

sup {
    font-size: .875rem;
    vertical-align: super
}

.clickable {
    cursor: pointer
}

.not-clickable {
    cursor: default
}

.draggable {
    cursor: move
}

svg {
    height: 1rem;
    width: 1rem
}

.pika-single {
    min-width: 240px;
    width: auto;
    z-index: 99
}

.pika-single .pika-title {
    color: #434456
}

.pika-single .is-selected .pika-button {
    background: #25a28c;
    border-radius: 0 !important;
    box-shadow: inset 0 1px 3px #25a28c
}

.pika-single .is-today .pika-button {
    color: #25a28c
}

.pika-single .is-today.is-selected button {
    color: #fff
}

.pika-single .pika-button:hover {
    background: #5cbaa9 !important;
    border-radius: 0 !important;
    box-shadow: inset 0 1px 3px #5cbaa9 !important
}

.spin img {
    animation-timing-function: ease-in-out;
    animation: rotate 1.5s cubic-bezier(0, .05, .87, 1.04) infinite alternate;
    margin: 0 auto;
    max-height: 1rem;
    max-width: 1rem;
    transform-origin: 32 32;
    max-height: 2rem;
    max-width: 2rem
}

div.awesomplete input {
    display: inline-block
}

div.awesomplete > ul {
    background: rgba(0, 0, 0, .95);
    color: #5cbaa9;
    top: 2.25rem;
    transition: all .2s ease
}

div.awesomplete > ul::before {
    background: rgba(0, 0, 0, .95)
}

div.awesomplete > ul[hidden] {
    position: absolute;
    top: 1.5rem;
    transform: scale(1)
}

div.awesomplete > ul > li:hover {
    background: #5cbaa9;
    color: #000
}

div.awesomplete mark {
    background: #5cbaa9;
    color: #000
}

div.awesomplete li:hover mark {
    background: #5cbaa9;
    color: #000
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%
}

input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=text], input[type=url], select, textarea {
    background: #fff;
    border: 2px solid #d8dee9;
    border-radius: 3px;
    color: #4c566a;
    margin: 0;
    padding: .3rem 1rem .3rem .95rem;
    width: 100%
}

input[type=date]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type=search]::-webkit-input-placeholder, input[type=text]::-webkit-input-placeholder, input[type=url]::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    font-size: .875rem;
    color: rgba(76, 86, 106, .5)
}

input[type=date]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=text]::-moz-placeholder, input[type=url]::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder {
    font-size: .875rem;
    color: rgba(76, 86, 106, .5)
}

input[type=date]:-moz-placeholder, input[type=email]:-moz-placeholder, input[type=number]:-moz-placeholder, input[type=password]:-moz-placeholder, input[type=search]:-moz-placeholder, input[type=text]:-moz-placeholder, input[type=url]:-moz-placeholder, select:-moz-placeholder, textarea:-moz-placeholder {
    font-size: .875rem;
    color: rgba(76, 86, 106, .5)
}

input[type=date]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type=search]:-ms-input-placeholder, input[type=text]:-ms-input-placeholder, input[type=url]:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder {
    font-size: .875rem;
    color: rgba(76, 86, 106, .5)
}

input[type=date]:focus, input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=text]:focus, input[type=url]:focus, select:focus, textarea:focus {
    border: 2px solid #19474b;
    outline: 0;
    transition: border .2s linear
}

input[type=date].checksley-error, input[type=email].checksley-error, input[type=number].checksley-error, input[type=password].checksley-error, input[type=search].checksley-error, input[type=text].checksley-error, input[type=url].checksley-error, select.checksley-error, textarea.checksley-error {
    border: 2px solid rgba(228, 64, 87, .25);
    transition: border .2s linear
}

input[type=date].checksley-error:focus, input[type=email].checksley-error:focus, input[type=number].checksley-error:focus, input[type=password].checksley-error:focus, input[type=search].checksley-error:focus, input[type=text].checksley-error:focus, input[type=url].checksley-error:focus, select.checksley-error:focus, textarea.checksley-error:focus {
    border: 2px solid #e44057;
    transition: border .2s linear
}

input[type=search] {
    box-sizing: border-box;
    padding-right: 25px
}

button, button:active, button:focus {
    border: 0
}

textarea {
    min-height: 10rem;
    resize: vertical
}

.checksley-error-list {
    margin-bottom: 0
}

.checksley-error-list li {
    padding: .2rem
}

.capslock.ng-enter {
    animation: dropdownFade .2s ease-in
}

.capslock.ng-leave {
    animation: dropdownFade .2s ease-in;
    animation-direction: reverse
}

.capslock .icon-capslock {
    bottom: .8rem;
    fill: #5a5b72;
    height: .9rem;
    position: absolute;
    right: 1rem;
    width: .9rem
}

.custom-checkbox {
    background-color: #fff;
    border: 2px solid #d8dee9;
    border-radius: 3px
}

.custom-checkbox input {
    display: none
}

.custom-checkbox input:not(:checked) + label::after {
    opacity: 0
}

.custom-checkbox label {
    align-items: center;
    display: flex;
    height: 14px;
    justify-content: center;
    width: 14px
}

.custom-checkbox label::after {
    background-color: #19474b;
    content: '';
    height: 10px;
    width: 10px
}

.error-text {
    font-size: .7rem;
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    color: #e44057;
    margin-bottom: .5rem;
    transition: opacity .3s linear
}

.error-text.ng-enter.ng-enter-active {
    opacity: 1
}

.error-text.ng-enter, .error-text.ng-leave.ng-leave-active {
    opacity: 0;
    transition: opacity .1s linear
}

.admin-membership .header-message {
    background: rgba(246, 201, 92, .25);
    margin-top: 1rem;
    padding: 1rem
}

.admin-membership .header-message .no-more-membership {
    align-items: center;
    color: #4c566a;
    display: flex
}

.admin-membership .header-message .no-more-membership a, .admin-membership .header-message .no-more-membership strong {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif
}

.admin-membership .header-message .no-more-membership p {
    color: #434456;
    flex-grow: 1;
    margin: 0;
    padding-left: 2rem;
    padding-right: 1rem
}

.admin-membership .limit-users-warning {
    font-size: .875rem;
    color: #25a28c;
    margin-right: 1rem
}

.admin-membership .check input {
    height: 40px;
    width: 85px
}

.add-tag-container {
    align-items: center;
    background: #f1f1f4;
    display: flex;
    margin: .5rem 0;
    padding: 1rem
}

.add-tag-container .color-column {
    cursor: pointer;
    flex-basis: 60px;
    flex-grow: 0;
    flex-shrink: 0;
    position: relative
}

.add-tag-container .tag-name {
    flex-basis: 80%;
    margin-right: 1rem
}

.add-tag-container .options-column {
    display: flex
}

.add-tag-container .options-column .loading-spinner {
    margin-right: 1.2rem;
    width: 1.2rem
}

.add-tag-container input[type=text] {
    background: #fff
}

.add-tag-container .icon.icon-check-empty, .add-tag-container .icon.icon-close, .add-tag-container .icon.icon-save {
    opacity: 1
}

.tags-table .table-tags-editor input[type=text] {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid transparent;
    box-shadow: none;
    transition: border-bottom .2s linear
}

.tags-table .table-tags-editor input[type=text]:focus {
    border-bottom: 1px solid #5a5b72;
    outline: 0
}

.tags-table .table-tags-editor .row.header-tag-row {
    cursor: default;
    padding-left: 1rem
}

.tags-table .color-filter {
    align-items: center;
    display: flex;
    flex-grow: 1;
    padding: 0 10px;
    position: relative
}

.tags-table .color-filter:hover input {
    border-bottom: 1px solid #e2e3e9
}

.tags-table .color-filter input {
    padding: 0
}

.tags-table .color-filter label {
    cursor: pointer
}

.tags-table .row.tag-row {
    margin: .3rem 0;
    padding: .7rem 1rem
}

.tags-table .row.tag-row:hover {
    cursor: default
}

.tags-table .row .loading-spinner {
    margin-right: 1.2rem;
    width: 1.2rem
}

.tags-table .mix-tags {
    position: relative
}

.tags-table .mix-tags .popover {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    font-size: .875rem;
    background: #4c566a;
    border: 1px solid #d8dee9;
    border-radius: 4px;
    bottom: 2rem;
    box-shadow: 4px 4px 8px rgba(46, 52, 64, .1);
    color: #fff;
    display: none;
    list-style-type: none;
    margin: 0;
    padding: .5rem;
    position: absolute;
    right: -110%;
    text-align: center;
    width: 120px;
    z-index: 2
}

.tags-table .mix-tags .popover:hover {
    color: #70728f
}

.tags-table .mix-tags .popover a {
    padding: .25rem
}

.tags-table .mix-tags .popover li {
    margin-bottom: .25rem
}

.tags-table .mix-tags .popover li:last-child {
    margin-bottom: 0
}

.tags-table .mix-tags .popover li:hover {
    background: #eceff4;
    color: #70728f
}

.tags-table .mix-tags .popover li:hover a {
    color: #70728f
}

.tags-table .mix-tags .popover.horizontal li {
    margin-bottom: .25rem;
    white-space: nowrap;
    width: 100%
}

.tags-table .mix-tags .popover.horizontal a {
    width: 100%
}

.tags-table .mix-tags .popover.horizontal a.active {
    color: #fff
}

.tags-table .mix-tags .popover.horizontal .point {
    align-items: center;
    color: #fff;
    display: flex;
    height: auto;
    justify-content: flex-start;
    min-height: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .25s ease;
    white-space: nowrap
}

.tags-table .mix-tags .popover.horizontal .point:hover {
    transition: all .25s ease
}

.tags-table .mix-tags .popover.pop-points-open li {
    display: inline-flex;
    margin: 0;
    padding: 0
}

.tags-table .mix-tags .popover a.active {
    background: #19474b;
    color: #fff
}

.tags-table .mix-tags .popover .point {
    align-items: center;
    color: #fff;
    display: flex;
    height: 2.5rem;
    justify-content: center;
    transition: all .25s ease;
    width: 2.5rem
}

.tags-table .mix-tags .popover .point:hover {
    transition: all .25s ease
}

.tags-table .mix-tags .popover .priority, .tags-table .mix-tags .popover .role, .tags-table .mix-tags .popover .severity, .tags-table .mix-tags .popover .status, .tags-table .mix-tags .popover .type {
    align-items: center;
    color: #fff;
    display: flex;
    min-height: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .25s ease;
    white-space: nowrap
}

.tags-table .mix-tags .popover .priority:hover, .tags-table .mix-tags .popover .role:hover, .tags-table .mix-tags .popover .severity:hover, .tags-table .mix-tags .popover .status:hover, .tags-table .mix-tags .popover .type:hover {
    transition: all .25s ease
}

.tags-table .mix-tags .popover::before {
    background: #4c566a;
    content: '';
    height: 15px;
    left: calc(50% - 7px);
    position: absolute;
    top: calc(100% - 7px);
    transform: rotate(45deg);
    width: 15px
}

.tags-table .mix-tags .popover .item-text {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    overflow-wrap: break-word;
    text-align: left;
    white-space: initial
}

.tags-table .mix-tags:hover .popover {
    display: block
}

.tags-table .mixing-options-column {
    text-align: right
}

.tags-table .mixing-options-column .loading-spinner {
    margin-right: 1.2rem;
    width: 1.2rem
}

.tags-table .mixing-tags-from, .tags-table .mixing-tags-to {
    background: rgba(199, 232, 226, .2)
}

.tags-table .mixing-confirm {
    margin: 0 .5rem
}

.tags-table .mixing-help-text {
    font-size: .7rem;
    color: #4c566a;
    display: inline;
    padding-right: .5rem;
    text-align: center
}

@media screen and (max-width: 1215px) {
    .tags-table .mixing-help-text {
        display: block;
        padding: .5rem
    }
}

.admin-attributes .admin-attributes-section {
    margin-bottom: 2rem
}

.admin-attributes .admin-attributes-section .checksley-error-list {
    height: 0;
    position: relative
}

.admin-attributes .admin-attributes-section .checksley-error-list li {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    background: rgba(255, 99, 99, .7);
    position: absolute;
    width: 100%
}

.admin-attributes .admin-attributes-section .admin-tags-section-wrapper .row.tag-row.table-main.edition {
    padding-left: 1rem
}

.admin-attributes .admin-attributes-section .admin-tags-section-wrapper-empty {
    color: #70728f;
    padding: 10vh 0 0;
    text-align: center
}

.admin-attributes .admin-attributes-section .loading-spinner {
    max-height: 3rem;
    max-width: 3rem
}

.admin-roles header {
    position: relative
}

.admin-roles h1 {
    margin-bottom: 0
}

.admin-roles p {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    font-size: 1.1rem;
    color: #70728f
}

.project-values-title {
    align-content: center;
    align-items: center;
    background: #d8dee9;
    display: flex;
    justify-content: space-between;
    padding: .8em 1rem;
    text-transform: uppercase
}

.project-values-title h2 {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    font-size: 1.1rem;
    margin: 0
}

.project-values-title h2 span {
    margin-left: .5rem;
    text-transform: none
}

.admin-swimlanes-manager {
    -webkit-margin-after: 1.5rem;
    margin-block-end: 1.5rem;
    -webkit-margin-before: 1.5rem;
    margin-block-start: 1.5rem;
    -webkit-padding-start: 1rem;
    padding-inline-start: 1rem
}

.admin-swimlanes-manager .empty {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    font-size: .875rem;
    align-items: center;
    color: #4c566a;
    display: flex;
    justify-content: center;
    min-height: 50px
}

.admin-swimlanes-manager .admin-swimlane-form, .admin-swimlanes-manager .admin-swimlanes-form {
    align-items: center;
    display: flex;
    width: 500px
}

.admin-swimlanes-manager .admin-swimlane-form {
    -webkit-padding-after: .5rem;
    padding-block-end: .5rem;
    -webkit-padding-before: .5rem;
    padding-block-start: .5rem
}

.admin-swimlanes-manager .admin-swimlanes-form {
    -webkit-margin-before: .5rem;
    margin-block-start: .5rem
}

.admin-swimlanes-manager .add-swimlane, .admin-swimlanes-manager .add-swimlane-single {
    -webkit-margin-end: .25rem;
    margin-inline-end: .25rem;
    -webkit-margin-start: .5rem;
    margin-inline-start: .5rem
}

.admin-swimlanes-manager .admin-swimlane-single {
    opacity: 1
}

.admin-swimlanes-manager .admin-swimlane-single.ng-leave {
    transition: all linear .3s;
    transition-delay: .2s
}

.admin-swimlanes-manager .admin-swimlane-single.ng-leave.ng-leave-active {
    opacity: 0
}

.admin-swimlanes-manager .admin-swimlanes-list {
    position: relative;
    width: 500px
}

.admin-swimlanes-manager .tooltip {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    font-size: .875rem;
    background: #2e3440;
    border: 1px solid #d8dee9;
    border-radius: 4px;
    bottom: 2rem;
    box-shadow: 4px 4px 8px rgba(46, 52, 64, .1);
    color: #f9f9fb;
    display: none;
    left: calc(50% - 190 / 2 * 1px);
    list-style-type: none;
    margin: 0;
    padding: 1rem 1rem 1.5rem 1rem;
    position: absolute;
    text-align: left;
    width: 220px;
    z-index: 2;
    display: block
}

.admin-swimlanes-manager .tooltip li {
    margin-bottom: .25rem;
    padding: 0 .25rem
}

.admin-swimlanes-manager .tooltip li:last-child {
    margin-bottom: 0
}

.admin-swimlanes-manager .tooltip::before {
    background: #2e3440;
    content: '';
    height: 15px;
    left: calc(50% - 7px);
    position: absolute;
    top: calc(100% - 7px);
    transform: rotate(45deg);
    width: 15px
}

.admin-swimlanes-manager .tooltip.ng-enter {
    opacity: 0;
    transition: all cubic-bezier(.25, .46, .45, .94) .4s;
    transition-delay: .5s
}

.admin-swimlanes-manager .tooltip.ng-enter.ng-enter-active {
    opacity: 1
}

.admin-swimlanes-manager .tooltip.ng-leave {
    transition: all cubic-bezier(.25, .46, .45, .94) .3s
}

.admin-swimlanes-manager .tooltip.ng-leave.ng-leave-active {
    opacity: 0
}

.admin-swimlanes-manager .admin-swimlane-item {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    align-items: center;
    background: #f9f9fb;
    border-radius: 3px;
    color: #4c566a;
    display: flex;
    justify-content: space-between;
    padding: .75rem 1rem
}

.admin-swimlanes-manager .admin-swimlane-item .admin-swimlane-item-end, .admin-swimlanes-manager .admin-swimlane-item .admin-swimlane-item-start {
    align-items: center;
    display: flex;
    justify-content: center
}

.admin-swimlanes-manager .admin-swimlane-item .admin-swimlane-item-drag {
    fill: #19474b;
    -webkit-margin-end: 1rem;
    margin-inline-end: 1rem
}

.admin-swimlanes-manager .admin-swimlane-item .delete-swimlane[disabled] {
    background: 0 0
}

.admin-swimlanes-manager .admin-swimlane-item .delete-swimlane[disabled] .icon {
    fill: #d8dee9
}

.admin-swimlanes-manager .admin-swimlane-item .delete-swimlane[disabled]:hover {
    background: 0 0
}

.admin-swimlanes-manager .admin-swimlane-item .delete-swimlane[disabled]:hover .icon {
    fill: #d8dee9
}

.admin-swimlanes-manager .admin-swimlane-item .delete-swimlane:hover .icon {
    fill: #e44057
}

.admin-swimlanes-manager .admin-swimlane-item:hover {
    cursor: grab
}

.admin-swimlanes-manager .btn-default-swimlane {
    align-items: center;
    background: 0 0;
    display: flex
}

.admin-swimlanes-manager .btn-default-swimlane:hover .btn-default-swimlane-icon .icon {
    fill: rgba(246, 201, 92, .25);
    stroke: #f6c95c
}

.admin-swimlanes-manager .btn-default-swimlane .btn-default-swimlane-icon .icon {
    fill: none;
    height: 13px;
    -webkit-margin-end: .25rem;
    margin-inline-end: .25rem;
    stroke: #d8dee9;
    width: 13px
}

.admin-swimlanes-manager .btn-default-swimlane .btn-default-swimlane-icon.default .icon {
    fill: rgba(246, 201, 92, .25);
    stroke: rgba(246, 201, 92, .25)
}

.admin-swimlanes-manager .btn-default-swimlane .default-text {
    font-size: .7rem;
    font-style: italic
}

.admin-swimlanes-manager .btn-default-swimlane .default-text.visibility-hidden {
    visibility: hidden
}

.admin-wip-manager {
    -webkit-margin-before: 1.5rem;
    margin-block-start: 1.5rem;
    -webkit-margin-start: 1rem;
    margin-inline-start: 1rem;
    width: 500px
}

.admin-wip-manager .admin-swimlane-title {
    align-items: center;
    background: #fff;
    border-bottom: 1px solid #fff;
    box-shadow: 4px 4px 4px rgba(216, 222, 233, .5);
    display: flex;
    margin-bottom: 1px;
    padding: .625rem 1rem;
    transition: all .6 ease;
    width: 100%;
    z-index: 2
}

.admin-wip-manager .admin-swimlane-title.folded {
    border-bottom: solid 1px #eceff4
}

.admin-wip-manager .admin-swimlane-title.folded tg-svg {
    fill: #70728f
}

.admin-wip-manager .admin-swimlane-title.folded .title-name {
    color: #70728f
}

.admin-wip-manager .admin-swimlane-title:hover tg-svg {
    fill: #4c566a
}

.admin-wip-manager .admin-swimlane-title:hover .title-name {
    color: #4c566a
}

.admin-wip-manager .admin-swimlane-title tg-svg {
    fill: #19474b;
    height: 1rem;
    transition: all .6 ease;
    width: 1rem
}

.admin-wip-manager .admin-swimlane-title .title-name {
    font-size: .875rem;
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    color: #19474b;
    flex: 1 1 auto;
    margin-bottom: 0;
    margin-right: .75rem;
    text-align: initial;
    transition: all .6 ease
}

.admin-wip-manager .admin-swimlane-wip-single {
    overflow: hidden
}

.admin-wip-manager .admin-wip-container {
    overflow-x: hidden
}

.admin-wip-manager .admin-wip-container.ng-enter, .admin-wip-manager .admin-wip-container.ng-leave, .admin-wip-manager .admin-wip-container.ng-move {
    transition: all linear .25s
}

.admin-wip-manager .admin-wip-container.ng-enter, .admin-wip-manager .admin-wip-container.ng-leave.ng-leave-active, .admin-wip-manager .admin-wip-container.ng-move {
    opacity: 0
}

.admin-wip-manager .admin-wip-container.ng-enter.ng-enter-active, .admin-wip-manager .admin-wip-container.ng-leave, .admin-wip-manager .admin-wip-container.ng-move.ng-move-active {
    opacity: 1
}

.admin-wip-manager .admin-wip-list {
    position: relative;
    width: 500px
}

.auth {
    background-image: url('../images/background_justice_compressed.jpg');
    background-size: cover;
    align-items: center;
    /*background: #fff;*/
    bottom: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    left: 0;
    overflow-y: auto;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 2
}

.auth .white-link, .auth .white-link:visited {
    color: #fff
}

.auth .checksley-error-list {
    color: #ff6363
}

.auth .checksley-error-list li {
    margin: .5rem 0;
    text-align: left
}

.auth .auth-container {
    flex-basis: 480px;
    height:480px;
    background-color: #fff;
    padding: 18px 25px;
    opacity: 0.9;
    backdrop-filter: blur(10px);
    border-radius: 5px;
}

.auth .logo-svg {
    text-align: center;
    width: 100%;
    height: 100px;
    background-repeat: no-repeat;
    background-image: url('https://justice.gouv.bj/images/logo.png');
    background-size: 250px;
    margin-left: 50px;
}

.auth .logo-svg svg {
    height: 8rem;
    width: 8rem;
    display: none;
}

.auth .logo {
    position: relative;
    font-size: 2.1rem;
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    color: #2e3440;
    margin-bottom: 1rem;
    text-align: center;
}


.auth .logo::after {
    left: 0;
    right: 0;
    position: absolute;
    content: 'PROJECTS.JUSTICE';
    background-color: #fff;
    font-weight: bold;

}

.auth .tagline {
    font-size: 1.7rem;
    color: #2e3440;
    line-height: 2rem;
    margin-bottom: 1rem;
    text-align: center;
    text-transform: uppercase;
    display: none;
}


.login-form [placeholder] {
    height: 50px;
}

.auth form {
    margin-bottom: 1rem
}

.auth fieldset {
    margin-bottom: .5rem
}

.auth fieldset.end {
    display: flex;
    justify-content: flex-end
}

.auth .login-text, .auth .register-text {
    color: #2e3440;
    font-size: .875rem;
    margin-top: 2rem;
    padding-bottom: 1rem;
    text-align: center
}

.auth .login-text a, .auth .register-text a {
    color: #2e3440;
    text-decoration: underline
}

.auth .login-text a:hover, .auth .register-text a:hover {
    color: #19474b
}

.auth .register-terms {
    margin: .5rem 0 .75rem
}

.auth .register-terms input[type=checkbox], .auth .register-terms input[type=radio] {
    margin-right: .5rem
}

.auth .button {
    color: #fff;
    display: block;
    text-align: center
}

.auth a:hover {
    color: #19474b
}

.auth .btn-small {
    margin: 0 0 0 auto
}

.auth .btn-small.full {
    width: 100%
}

.moustache {
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-name: moustache;
    animation-timing-function: ease-in-out;
    fill: rgba(37, 162, 140, .9);
    stroke: #5cbaa9;
    stroke-width: 1px;
    transform-origin: 50% 50%;
    transition: .3s
}

.moustache:hover {
    fill: rgba(92, 186, 169, .9);
    transition: .3s
}

@keyframes moustache {
    0% {
        transform: rotate(0)
    }
    10% {
        transform: rotate(-10deg)
    }
    30% {
        transform: rotate(0)
    }
    70% {
        transform: rotate(0)
    }
    80% {
        transform: rotate(10deg)
    }
    90% {
        transform: rotate(0)
    }
}

.scrum {
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    display: grid;
    grid-template-columns:9fr minmax(250px, 3fr);
    row-gap: 1rem
}

.backlog-manager {
    align-items: flex-start;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    display: grid;
    grid-template-columns:minmax(180px, 2fr) 7fr;
    row-gap: 1rem
}

.backlog-manager.expanded {
    grid-template-columns:9fr
}

.backlog-manager .empty-large {
    display: flex;
    flex-direction: column;
    margin: 4rem auto
}

.backlog-filter {
    background-color: #fff;
    position: sticky;
    top: 115px;
    z-index: 2
}

.backlog-filter tg-filter {
    background: 0 0;
    border: 1px solid #eceff4;
    opacity: 1;
    padding: 1rem;
    position: relative;
    transform: translate(0)
}

.backlog-top {
    background-color: #fff;
    height: 115px;
    position: sticky;
    top: 0;
    z-index: 2
}

.backlog-menu {
    color: #2e3440;
    padding: 1rem 0
}

.backlog-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem
}

.backlog-header-title {
    align-items: baseline;
    display: flex
}

.backlog-header h2 {
    margin: 0
}

.new-us {
    align-items: center;
    display: flex
}

.new-us > [class^=btn-]:not(:last-child) {
    margin-right: 1rem
}

.backlog-stories-number {
    font-size: .7rem;
    color: #70728f;
    margin-left: .5rem
}

.backlog-stories-number.squared {
    background: #eceff4;
    border-radius: 2px;
    color: #2e3440;
    padding: .1rem .25rem
}

.backlog-stories-number.squared + .backlog-stories-number {
    margin-left: .25rem
}

.backlog-table-options {
    display: flex;
    justify-content: space-between
}

.backlog-table-options .btn-filter {
    margin-right: 1rem
}

.backlog-table-options .btn-filter:last-child {
    margin-right: 0
}

.btn-filter.move-to-sprint {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
    display: none
}

.btn-filter.move-to-sprint tg-svg {
    margin-left: .25rem;
    margin-right: 0
}

.velocity-forecasting-btn {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500
}

.backlog-table-options-end {
    display: flex
}

.backlog-table-options-start {
    align-items: center;
    display: flex
}

.backlog-table-options-start tg-input-search {
    width: 185px
}

.backlog-table-options-start > * {
    margin-right: .5rem
}

.display-tags-button {
    align-items: center;
    display: flex
}

.display-tags-button label {
    font-size: .875rem
}

.display-tags-button label::first-letter {
    text-transform: uppercase
}

.display-tags-button .check {
    margin-right: .5rem
}

.multiple-drag-mirror.us-item-row {
    align-items: center;
    background: #eceff4;
    border: 1px solid #83eede;
    border-radius: 4px;
    cursor: grabbing;
    display: flex;
    min-height: calc(40px + 1rem);
    opacity: .9;
    padding: .5rem 0 .5rem .5rem
}

.multiple-drag-mirror.us-item-row .tag {
    margin: 0 .5rem 0 0
}

.multiple-drag-mirror.us-item-row .drag-us, .multiple-drag-mirror.us-item-row .input, .multiple-drag-mirror.us-item-row .points, .multiple-drag-mirror.us-item-row .status, .multiple-drag-mirror.us-item-row .us-option, .multiple-drag-mirror.us-item-row .us-settings, .multiple-drag-mirror.us-item-row .votes {
    display: none
}

.empty-backlog {
    padding: 1rem 2rem
}

.empty-backlog .no-match {
    font-size: 1.1rem;
    color: #2e3440;
    margin-bottom: 15px
}

.empty-backlog .no-match-help {
    font-size: .875rem;
    color: #70728f
}

.invitation-main {
    align-content: center;
    align-items: center;
    background: #fff;
    display: flex;
    flex: 1;
    height: 100vh;
    justify-content: center;
    z-index: 2
}

.invitation-main .btn-small.full {
    width: 100%
}

.invitation-main .invitation-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    max-width: 800px;
    min-width: 420px
}

.invitation-main .avatar {
    align-items: center;
    display: flex;
    flex-direction: column
}

.invitation-main .avatar .person-name {
    font-size: 1.1rem;
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    color: #2e3440
}

.invitation-main .avatar img {
    margin-bottom: .5rem;
    width: 50px
}

.invitation-main .invitation-text {
    font-size: 1.1rem;
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    color: #2e3440;
    text-align: center
}

.invitation-main .invitation-text .project-name {
    font-size: 1.7rem;
    display: block;
    text-transform: uppercase
}

.invitation-main .invitation-form {
    display: flex;
    flex-basis: 100%;
    width: 100%
}

.invitation-main .invitation-form fieldset {
    margin-bottom: .5rem
}

.invitation-main .invitation-form input:focus + .forgot-pass {
    opacity: 0;
    transition: opacity .5s linear
}

.invitation-main .invitation-form .forgot-pass {
    font-size: .875rem;
    color: #70728f;
    opacity: 1;
    position: absolute;
    right: 1rem;
    top: .5rem;
    transition: all .3s linear
}

.invitation-main .invitation-form .forgot-pass:hover {
    color: #434456;
    transition: color .3s linear
}

.invitation-main .invitation-form .checksley-error-list {
    color: #ff6363
}

.invitation-main .invitation-form .checksley-error-list li {
    margin: .5rem 0;
    text-align: left
}

.invitation-main .login-form, .invitation-main .register-form {
    flex: 1;
    padding: 1rem 3rem;
    text-align: center
}

.invitation-main .login-form .form-header, .invitation-main .register-form .form-header {
    font-size: 1.1rem;
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    color: #2e3440
}

.invitation-main .register-form fieldset:last-child {
    margin-bottom: 1rem
}

.invitation-main .register-text {
    color: #2e3440;
    font-size: .9rem;
    margin-left: .5rem;
    padding-bottom: 1rem;
    text-align: left
}

.invitation-main .register-text a {
    color: #2e3440;
    text-decoration: underline
}

.invitation-main .button-auth {
    color: #2e3440;
    display: block
}

.invitation-main .button-blackish:hover {
    background: #25a28c
}

.invitation-main .login-form {
    border-right: 1px solid rgba(46, 52, 64, .3)
}

.invitation-main .public-register-disabled {
    width: 400px
}

.invitation-main .public-register-disabled .login-form {
    border-right: 0
}

.invitation-main .contrib-plugins-wrapper label {
    color: #2e3440
}

.issues .filters-bar {
    width: 300px;
    position: relative
}

@media screen and (max-width: 1959px) {
    .issues .filters-bar {
        width: 260px
    }
}

@media screen and (max-width: 1407px) {
    .issues .filters-bar {
        width: 240px
    }
}

@media screen and (max-width: 1215px) {
    .issues .filters-bar {
        width: 220px
    }
}

@media screen and (max-width: 1023px) {
    .issues .filters-bar {
        width: 200px
    }
}

@media screen and (max-width: 768px) {
    .issues .filters-bar {
        width: 180px
    }
}

.issues tg-filter {
    transform: translateX(0)
}

.issue-main {
    padding-left: 2rem
}

.issue-container {
    display: flex
}

.issue-container .filters-bar {
    background-color: #fff;
    -webkit-padding-end: 1rem;
    padding-inline-end: 1rem;
    position: sticky;
    top: 115px;
    z-index: 2
}

.issue-container .filters-bar tg-filter {
    background: 0 0;
    border: 1px solid #eceff4;
    opacity: 1;
    padding: 1rem;
    position: relative;
    transform: translate(0)
}

.issues-page {
    width: 100%
}

.issues-page.filter {
    padding-left: 0
}

.issues-page.filter .issues-table {
    padding-left: 0;
    padding-right: 0
}

.issues-page .issues-options {
    display: none
}

.issue-header {
    background: #fff;
    -webkit-padding-after: 1rem;
    padding-block-end: 1rem
}

.issue-header .button-filter {
    color: #19474b;
    margin-left: 0
}

.issue-header .button-filter svg {
    fill: #19474b
}

.issue-header .btn-small {
    margin-right: 1rem
}

.issue-table-options-start {
    align-items: center;
    display: flex
}

.issue-table-options-start tg-input-search {
    -webkit-margin-end: .5rem;
    margin-inline-end: .5rem;
    -webkit-margin-start: .5rem;
    margin-inline-start: .5rem;
    width: 185px
}

.kanban {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 48px);
    max-height: 100%;
    max-width: 100%;
    padding: 1rem 0 0 1rem;
    position: relative
}

.kanban.swimlane .kanban-manager {
    height: 100%;
    width: 100%
}

.kanban.swimlane .kanban-header {
    background: #fff;
    position: sticky;
    top: 0;
    z-index: 2
}

.kanban .kanban-settings {
    float: right
}

.kanban .burndown-container {
    display: none
}

.kanban .zoom-loading img {
    display: block;
    margin-right: 1rem
}

.kanban-manager {
    align-items: flex-start;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    display: grid;
    grid-template-columns:minmax(180px, 2fr) 10fr;
    height: 100%;
    margin-top: 1px;
    overflow: hidden;
    row-gap: 1rem
}

.kanban-manager.expanded {
    grid-template-columns:10fr
}

.kanban-filter tg-filter {
    background: 0 0;
    border: 1px solid #eceff4;
    opacity: 1;
    padding: .5rem;
    position: relative;
    transform: translate(0)
}

.taskboard-actions {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.kanban-header {
    background: #fff;
    padding: 0 1rem 1rem 0
}

.kanban-header .button-filter {
    color: #19474b;
    margin-left: 0
}

.kanban-header .button-filter svg {
    fill: #19474b
}

.kanban-table-options-start {
    align-items: center;
    display: flex
}

.kanban-table-options-start tg-input-search {
    margin-left: .5rem;
    width: 185px
}

.error-main {
    background: url(../images/invitation_bg.jpg) no-repeat center center;
    background-size: cover;
    align-items: center;
    bottom: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 2
}

.error-main .error-container {
    color: #fff;
    flex-basis: 400px;
    text-align: center
}

.error-main .logo-svg {
    padding: 0 32%;
    text-align: center;
    width: 100%
}

.error-main h1 {
    color: #fff;
    display: block;
    margin-bottom: 1rem
}

.error-main a {
    color: #5cbaa9
}

.rtl .navbar .nav-right {
    margin: 0
}

.rtl .navbar .nav-right .user-avatar {
    padding-left: 0;
    padding-right: 2em;
    text-align: left
}

.rtl .navbar .nav-right img {
    margin-left: 0;
    margin-right: .5rem
}

.rtl .main-nav li:hover .helper {
    background: linear-gradient(to left, #000 0, rgba(0, 0, 0, .8) 100%);
    left: initial;
    right: 50px
}

.rtl .main-nav li:hover .helper::after {
    left: initial;
    right: calc(-12px / 2)
}

.rtl .main-nav .backlog-sprints-menu {
    background: linear-gradient(to left, #000 0, rgba(0, 0, 0, .8) 100%);
    left: initial;
    right: 50px
}

.rtl .main-nav .backlog-sprints-menu::after {
    left: initial;
    right: calc(-12px / 2)
}

.rtl .main-nav .backlog-sprints-menu a {
    text-align: right
}

.rtl .admin-menu li a {
    padding: 1rem 1rem 1rem 0
}

.rtl h1 span {
    margin-left: .5rem;
    margin-right: 0
}

.rtl blockquote {
    border-left: 0;
    border-right: 5px solid #f1f1f4
}

.rtl .tag {
    border-color: transparent;
    border-radius: 5px 0 0 5px;
    border-width: 0 3px 0 0;
    margin: 0 0 .5rem .5rem
}

.rtl .tag .icon-close {
    margin-left: 0;
    margin-right: .25rem
}

.rtl .home-wrapper .working-on-container {
    margin-left: 1rem;
    margin-right: 0
}

.rtl .home-project .project-card-logo {
    margin-left: .5rem;
    margin-right: 0
}

.rtl .home-project .project-card-statistics svg {
    margin-left: .25rem;
    margin-right: 0
}

.rtl .contact-team-large .icon-mail {
    margin-left: .5rem;
    margin-right: 0
}

.rtl .user-profile .project-details-image {
    margin-left: 2rem;
    margin-right: 0
}

.rtl .single-project .project-logo {
    margin-left: 1rem;
    margin-right: 0
}

.rtl .profile-timeline .activity-item .profile-contact-picture, .rtl .profile-timeline .activity-item .profile-member-picture {
    margin-left: 1rem;
    margin-right: 0
}

.rtl .profile-timeline .activity-item {
    padding: 1rem 0 1rem .5rem
}

.rtl .profile-timeline .activity-item .activity-date {
    left: .5rem;
    right: auto
}

.rtl .profile-timeline .activity-item .activity-info {
    margin-left: 130px;
    margin-right: 0
}

.rtl .profile-timeline .activity-item blockquote {
    margin-left: 0;
    margin-right: calc(35px + 1rem)
}

.rtl .profile-timeline .single-attachment .icon {
    margin-left: .5rem;
    margin-right: 0
}

.rtl .project-data .involved-team li {
    margin-left: .13rem;
    margin-right: 0
}

.rtl .project-details-form-data .actions .delete-account {
    text-align: left
}

.rtl .project-data .timeline {
    margin-left: 1rem;
    margin-right: 0
}

.rtl .track-icon {
    margin-left: .5rem;
    margin-right: 0
}

.rtl .watch-options-arrow {
    margin-left: 0;
    margin-right: auto
}

.rtl .ticket-estimation .ticket-role-points .icon-arrow-down {
    margin-left: 0;
    margin-right: .25rem
}

.rtl .ticket-watch .ticket-watch-button {
    margin-left: .25rem;
    margin-right: 0
}

.rtl .ticket-watch svg {
    margin-left: .25rem;
    margin-right: 0
}

.rtl .related-tasks-body .task-assignedto .icon {
    left: .5rem;
    right: 0
}

.rtl .related-tasks-body .avatar figcaption {
    margin-left: 0;
    margin-right: .5rem
}

.rtl .related-tasks-body .task-name {
    margin-left: 1rem;
    margin-right: 0
}

.rtl .related-tasks-body .task-name span {
    margin-left: .25rem;
    margin-right: 0
}

.rtl tg-filter .search-action {
    left: .7rem;
    right: auto
}

.rtl .kanban tg-filter, .rtl .taskboard tg-filter {
    left: auto;
    right: 0;
    transform: translateX(260px)
}

.rtl .kanban tg-filter.open, .rtl .taskboard tg-filter.open {
    transform: translateX(0)
}

.rtl .issues-options .button-bulk {
    margin-left: 0;
    margin-right: .2rem
}

.rtl .issues-table .assigned-field, .rtl .issues-table .issue-field, .rtl .issues-table .modified-field {
    text-align: right
}

.rtl .issues-table .assigned-field .icon, .rtl .issues-table .issue-field .icon, .rtl .issues-table .modified-field .icon {
    margin-left: 0;
    margin-right: .25rem
}

.rtl .icon-arrow-left, .rtl .icon-arrow-right {
    transform: scaleX(-1)
}

.rtl .issues-table .pop-status {
    left: auto;
    right: 0
}

.rtl .issues-table .icon-upvote {
    margin-left: .25rem;
    margin-right: 0
}

.rtl .issues-table .subject {
    padding-left: 1rem;
    padding-right: 0
}

.rtl .issues-table .subject a {
    text-align: right
}

.rtl .issues-table .issue-assignedto .icon {
    left: 0;
    right: auto
}

.rtl .issues-table .avatar figcaption {
    margin-left: 0;
    margin-right: .5rem
}

.rtl .single-filter {
    padding-left: .5rem;
    padding-right: 0
}

.rtl .single-filter .number {
    left: 0;
    right: auto
}

.rtl .single-filter .name {
    border-color: transparent;
    border-style: solid;
    border-width: 0 3px 0 0
}

.rtl .discover-header .search-button {
    left: 1rem;
    right: auto
}

.rtl .highlighted .header svg {
    margin-left: 0;
    margin-right: .5rem
}

.rtl .highlighted .header svg.icon-activity, .rtl .highlighted .header svg.icon-like {
    margin-left: .5rem;
    margin-right: 0
}

.rtl .highlighted tg-most-liked {
    margin-left: 8%;
    margin-right: 0
}

.rtl .highlighted-project .statistic {
    margin-left: .5rem;
    margin-right: 0
}

.rtl .highlighted-project .project-statistics svg {
    margin-left: .25rem;
    margin-right: 0
}

.rtl .highlighted-project .project-logo {
    margin-left: 1rem;
    margin-right: 0
}

.rtl .featured-project .project-card-logo {
    margin-left: .5rem;
    margin-right: 0
}

.rtl .featured-project .project-card-statistics svg {
    margin-left: .25rem;
    margin-right: 0
}

.rtl .project-list-wrapper .project-list {
    margin-left: 2rem;
    margin-right: 0
}

.rtl .project-list-wrapper .list-itemtype-project .list-itemtype-project-image {
    margin-left: 1rem;
    margin-right: 0
}

.rtl .create-project-selector-question {
    left: 1.5rem;
    right: auto
}

.rtl .create-project-title-wrapper .icon {
    margin-left: .5rem;
    margin-right: 0
}

.rtl .create-project-privacity label .icon {
    margin-left: .25rem;
    margin-right: 0
}

.rtl .create-project-action-submit {
    margin-left: 0;
    margin-right: 1rem
}

.rtl .summary-progress-bar {
    margin-left: 10px;
    margin-right: 0
}

.rtl .empty-burndown svg {
    margin-left: 2rem;
    margin-right: 0
}

.rtl .backlog-menu .button-bulk {
    margin-left: 0;
    margin-right: .2rem
}

.rtl .ticket-header .detail-status {
    margin-left: 0;
    margin-right: .25rem
}

.rtl .ticket-status .level-name {
    float: left
}

.rtl .ticket-status .level {
    margin-left: .5rem;
    margin-right: 0
}

.rtl .ticket-data-container .icon {
    margin-left: 0;
    margin-right: .25rem
}

.rtl .ticket-assigned-to .assigned-to {
    margin-left: 0;
    margin-right: .5rem
}

.rtl .user-list-avatar {
    margin-left: .25rem;
    margin-right: 0
}

.rtl .user-list-name {
    margin-left: 0;
    margin-right: .5rem
}

.rtl .assigned-to-list .user-list-multiple .remove-assigned-to, .rtl .assigned-to-list .user-list-single .remove-assigned-to, .rtl .ticket-assigned-to .remove-user, .rtl .ticket-assigned-users .remove-user, .rtl .ticket-watchers .delete-watcher {
    left: .5rem;
    right: auto
}

.rtl .lightbox .close {
    left: 3rem;
    right: auto
}

.rtl .activity .activity-avatar, .rtl .comment .comment-avatar {
    margin-left: 1.5rem;
    margin-right: 0
}

.rtl .comment .comment-creator {
    margin-left: .5rem;
    margin-right: 0
}

.rtl tg-wysiwyg .tools {
    padding-left: 0;
    padding-right: 1rem
}

.rtl .add-tag-button .icon-add {
    margin: .5rem 0 0 .25rem
}

.rtl .add-tag-input .save {
    margin: .5rem .5rem 0 0
}

.rtl .issue-nav {
    left: 1rem;
    right: auto
}

.rtl .upvote-btn {
    margin-left: .3rem;
    margin-right: 0
}

.rtl .taskboard-table-header .taskboard-table-inner {
    margin-left: 1rem
}

.rtl .taskboard-table-header .task-colum-name {
    margin: 0 0 0 5px
}

.rtl .kanban-table-header {
    margin-left: -3.7rem
}

.rtl .kanban-table-header .task-colum-name {
    margin: 0 0 0 5px
}

.rtl .kanban-table-body .task-column, .rtl .taskboard-table-body .task-column {
    margin: 0 0 0 5px
}

.rtl .kanban-table-body .task-column:last-child, .rtl .taskboard-table-body .task-column:last-child {
    margin-left: 0;
    margin-right: initial
}

.rtl .backlog-table-body .votes svg {
    margin-left: .25rem;
    margin-right: 0
}

.rtl .backlog-table-body .user-story-name a {
    text-align: right
}

.rtl .backlog-table-header .backlog-table-title {
    padding-left: 1rem;
    padding-right: 0
}

.rtl .backlog-table-body .backlog-table-title .status, .rtl .backlog-table-body .row .status, .rtl .backlog-table-header .backlog-table-title .status, .rtl .backlog-table-header .row .status {
    flex-basis: 150px;
    text-align: right
}

.rtl .backlog-table-body .backlog-table-title .user-stories, .rtl .backlog-table-body .row .user-stories, .rtl .backlog-table-header .backlog-table-title .user-stories, .rtl .backlog-table-header .row .user-stories {
    text-align: right
}

.rtl .backlog-table-body .points .icon, .rtl .backlog-table-body .status .icon, .rtl .backlog-table-header .points .icon, .rtl .backlog-table-header .status .icon {
    margin-left: 0;
    margin-right: .2rem
}

.rtl .sprints .sprint-table .column-us {
    text-align: right
}

.rtl .sprints .sprint-table .column-points {
    text-align: left
}

.rtl .sprints .sprint .edit-sprint {
    left: 0;
    margin-left: .5rem;
    margin-right: 0;
    right: auto
}

.rtl .epic-row .progress-bar, .rtl .epic-row .progress-status {
    left: auto;
    right: 0
}

.rtl .ticket-created-by .user-avatar {
    margin-left: 0;
    margin-right: .5rem
}

.rtl .ticket-created-by .created-by .created-date {
    margin-left: 0;
    margin-right: .5rem
}

.rtl .ticket-created-by .created-by .created-date, .rtl .ticket-created-by .created-by .created-title {
    text-align: left
}

.rtl tg-wysiwyg .markdown-editor-placeholder, .rtl tg-wysiwyg .medium-editor-placeholder {
    padding-left: 0;
    padding-right: 1rem;
    text-align: right
}

.rtl .attachments-header button {
    margin-left: .2rem;
    margin-right: 0
}

.rtl .attachments-header label {
    margin-left: 0;
    margin-right: .25rem
}

.rtl .attachment-list .attachment-comments, .rtl .attachment-list .editable-attachment-comment {
    margin-left: .5rem;
    margin-right: 0
}

.rtl .attachment-list .editable-attachment-deprecated input {
    margin-left: .2rem;
    margin-right: 0
}

.rtl .more-attachments .more-attachments-num {
    margin-left: 0;
    margin-right: .5rem
}

.rtl .single-attachment .attachment-name {
    padding-left: 1rem;
    padding-right: 0
}

.rtl .single-attachment .attachment-name svg {
    margin-left: .25rem;
    margin-right: 0
}

.rtl .wiki-nav .add-button svg {
    margin-left: .5rem;
    margin-right: 0
}

.rtl .wiki-pages-table .created-field, .rtl .wiki-pages-table .creator-field, .rtl .wiki-pages-table .last-modifier-field, .rtl .wiki-pages-table .modified-field, .rtl .wiki-pages-table .title-field {
    text-align: right
}

.rtl .wiki-summary div {
    margin-left: 1.25rem;
    margin-right: 0
}

.rtl .summary .number {
    margin-left: .3rem;
    margin-right: 0
}

.rtl .summary .stats {
    margin-left: initial;
    margin-right: auto
}

.rtl .table-team .avatar .avatar-data {
    margin-left: 0;
    margin-right: 1rem;
    text-align: right
}

.rtl .table-team .leave-project .icon {
    margin-left: .2rem;
    margin-right: 0
}

.rtl .belong-to-epic-text-wrapper {
    margin-left: 1rem;
    margin-right: 0
}

.rtl .epics-table-options-wrapper {
    left: .5rem;
    right: auto
}

.rtl .epics-table-dropdown {
    left: 0;
    right: auto
}

.rtl .epic-row .icon-upvote, .rtl .story-row .icon-upvote {
    margin-left: .25rem;
    margin-right: 0
}

.rtl .story-row {
    margin-left: 0;
    margin-right: 4rem
}

.rtl .epic-row .icon-arrow-down {
    margin-left: 0;
    margin-right: .1rem
}

.rtl .epic-header-container .color-selector {
    margin-left: .5rem;
    margin-right: 0
}

.rtl .related-userstories-header .related-userstories-title {
    margin-left: 0;
    margin-right: 1rem
}

.rtl tg-related-userstory-row .userstory-name {
    margin-left: 1rem;
    margin-right: 0
}

.rtl tg-related-userstory-row .userstory-name span {
    margin-left: 0;
    margin-right: .25rem
}

.rtl tg-related-userstory-row .avatar figcaption {
    margin-left: 0;
    margin-right: .5rem
}

.rtl .card-owner-actions .icon {
    margin-left: .25rem;
    margin-right: 0
}

.rtl .card-owner img {
    margin-left: .5rem;
    margin-right: 0
}

.rtl .card-owner .card-owner-avatar img {
    margin-left: .45rem;
    margin-right: 0
}

.rtl .card-statistics .statistic {
    margin-left: .5rem;
    margin-right: .5rem
}

.rtl .card-statistics .icon {
    margin-left: .2rem;
    margin-right: 0
}

.rtl .button-group .button-group-single:first-child {
    margin-left: .5rem;
    margin-right: 0
}

.rtl .lightbox-create-related-user-stories .new-user-story-options .new-user-story-options {
    margin-left: 0;
    margin-right: auto
}

.rtl .lightbox-generic-form .settings fieldset {
    margin-left: .5rem;
    margin-right: 0
}

.rtl .ticket-estimation .popover {
    left: auto;
    right: .5rem
}

.rtl .ticket-estimation .popover::after {
    left: auto;
    right: 10px
}

.rtl .profile .timeline-wrapper {
    margin-left: 3.5rem;
    margin-right: 0
}

.rtl .profile .profile-bar {
    margin-left: 1rem;
    margin-right: 0
}

.rtl .profile-content-tabs .icon {
    margin-left: .5rem;
    margin-right: 0
}

.rtl .profile-sidebar h4 .icon {
    margin-left: .3rem;
    margin-right: auto
}

.rtl .profile-filter .searchbox input {
    margin-left: 1rem;
    margin-right: 0
}

.rtl .profile-filter .searchbox .icon-search {
    margin-left: .5rem;
    margin-right: 0
}

.rtl .list-itemtype-project .list-itemtype-project-image, .rtl .list-itemtype-project .list-itemtype-track .list-itemtype-track-likers, .rtl .list-itemtype-ticket .list-itemtype-avatar, .rtl .list-itemtype-ticket .list-itemtype-track .list-itemtype-track-likers {
    margin-left: .5rem;
    margin-right: 0
}

.rtl .list-itemtype-project .list-itemtype-track-likers .icon, .rtl .list-itemtype-project .list-itemtype-track-watchers .icon, .rtl .list-itemtype-ticket .list-itemtype-track-likers .icon, .rtl .list-itemtype-ticket .list-itemtype-track-watchers .icon {
    margin-left: .25rem;
    margin-right: 0
}

.rtl .list-itemtype-ticket.blocked-project .icon-blocked-project {
    margin-left: 0;
    margin-right: .25rem
}

.rtl .list-itemtype-ticket .list-itemtype-ticket-data {
    margin-left: 1rem;
    margin-right: 0
}

.rtl .list-itemtype-user .list-itemtype-avatar {
    margin-left: .75rem;
    margin-right: 0
}

.rtl .admin-submenu ul a {
    padding: 1rem 1rem 1rem 0
}

.rtl .admin-functionalities .module-desc {
    margin: 0 0 0 2rem
}

.rtl .admin-functionalities .module-icon {
    margin: 0 0 0 .5rem
}

.rtl .project-details .project-details-image {
    margin-left: 2rem;
    margin-right: 0
}

.rtl .admin-project-profile-owner-actions .owner-info {
    padding-left: 0;
    padding-right: .5rem
}

.rtl .admin-roles .general-category .check {
    margin-left: 0;
    margin-right: .5rem
}

.rtl .help-button svg {
    margin-left: .5rem;
    margin-right: 0
}

.rtl .project-details .private-or-public svg {
    margin-left: .5rem;
    margin-right: 0
}

.rtl .project-csv .option-wrapper {
    border-left: 1px solid #70728f;
    border-radius: 5px 0 0 5px;
    border-right: 0
}

.rtl .colors-table .table-header .row {
    padding-left: 0;
    padding-right: 50px
}

.rtl .basic-table .row {
    text-align: right
}

.rtl .admin-membership-table .avatar img {
    margin: 0 .3rem 0 .5rem
}

.rtl .admin-membership-table .row-role {
    padding-left: 1rem;
    padding-right: 0
}

.rtl .category-config .icon {
    transform: scaleX(-1)
}

.rtl .project-details .get-feedback-inner .check, .rtl .project-details .looking-for-people-selector .check {
    margin-left: 0;
    margin-right: auto
}

.rtl .check input {
    left: auto;
    right: -10px
}

.rtl .check input:checked + div {
    margin-left: 0;
    margin-right: 50%
}

.rtl .check input:checked ~ .check-yes {
    left: .3rem;
    right: auto
}

.rtl .check input ~ .check-no {
    left: auto;
    right: .375rem
}

.rtl .notification-message-success {
    left: -370px;
    right: auto
}

.rtl .notification-message-success.active {
    animation: animSlideRTL 2s
}

.rtl .notification-message-success.inactive {
    animation: animSlideOutRTL .5s
}

@keyframes animSlideRTL {
    0% {
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    4.1% {
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 232.117, 0, 0, 1)
    }
    8.11% {
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 357.804, 0, 0, 1)
    }
    12.11% {
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 407.374, 0, 0, 1)
    }
    16.12% {
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 417.342, 0, 0, 1)
    }
    27.23% {
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 403.135, 0, 0, 1)
    }
    38.34% {
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 399.585, 0, 0, 1)
    }
    60.56% {
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 400.01, 0, 0, 1)
    }
    82.78% {
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 400, 0, 0, 1)
    }
    100% {
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 400, 0, 0, 1)
    }
}

@keyframes animSlideOutRTL {
    100% {
        opacity: 1;
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 30, 0, 0, 0, 1)
    }
    0% {
        opacity: 0;
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 30, 0, 0, 0, 1)
    }
}

.taskboard {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 48px);
    overflow: hidden;
    position: relative
}

.taskboard .graphics-container, .taskboard .summary, .taskboard h1 {
    flex-shrink: 0;
    margin-bottom: 0
}

.taskboard .graphics-container {
    max-height: 0;
    transition: max-height .5s ease-in;
    overflow: hidden;
    margin-top: 1rem;
    padding: 0 .5rem
}

.taskboard .graphics-container.open {
    transition: max-height .5s ease-in;
    max-height: 300px
}

.taskboard .graphics-container .burndown-help-info {
    position: relative
}

.taskboard .graphics-container .burndown-help-info .title {
    color: #70728f;
    cursor: pointer;
    display: flex
}

.taskboard .graphics-container .burndown-help-info tg-svg {
    cursor: pointer;
    fill: #d8dee9;
    margin-right: .45rem
}

.taskboard .graphics-container .burndown-help-info .tooltip {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    font-size: .875rem;
    background: #2e3440;
    border: 1px solid #d8dee9;
    border-radius: 4px;
    box-shadow: 4px 4px 8px rgba(46, 52, 64, .1);
    color: #f9f9fb;
    display: none;
    left: -8px;
    list-style-type: none;
    margin: 0;
    padding: 1rem 1rem 1.5rem 1rem;
    position: absolute;
    text-align: left;
    top: 130%;
    width: 250px;
    z-index: 2
}

.taskboard .graphics-container .burndown-help-info .tooltip li {
    margin-bottom: .25rem;
    padding: 0 .25rem
}

.taskboard .graphics-container .burndown-help-info .tooltip li:last-child {
    margin-bottom: 0
}

.taskboard .graphics-container .burndown-help-info .tooltip::before {
    background: #2e3440;
    content: '';
    height: 10px;
    left: 10px;
    position: absolute;
    top: -5px;
    transform: rotate(45deg);
    width: 10px
}

.taskboard .graphics-container .burndown-help-info:hover .title {
    color: #4c566a
}

.taskboard .graphics-container .burndown-help-info:hover tg-svg {
    fill: #4c566a
}

.taskboard .graphics-container .burndown-help-info:hover .tooltip {
    display: block
}

.taskboard .graphics-container .burndown-chart {
    margin: 1rem 1rem 0 1rem
}

.taskboard .zoom-loading img {
    display: block;
    margin-right: 1rem
}

.taskboard .summary {
    margin-bottom: 0
}

.taskboard .taskboard-actions {
    margin: 1rem 0
}

.taskboard .burndown-chart {
    margin: 1rem 0 0 0
}

.taskboard h1 .date {
    color: #2e3440;
    display: inline;
    margin-left: .5rem
}

.taskboard h1 .date span {
    color: #4c566a
}

.taskboard tg-issues-table {
    display: block;
    width: 100%
}

.taskboard-header {
    background: #fff;
    padding: 0 1rem 1rem 0
}

.taskboard-header .button-filter {
    color: #19474b;
    margin-left: 0
}

.taskboard-header .button-filter svg {
    fill: #19474b
}

.taskboard-inner {
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.taskboard-manager {
    align-items: flex-start;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    display: grid;
    grid-template-columns:minmax(180px, 2fr) 10fr;
    height: 100%;
    margin-top: 1px;
    overflow: hidden;
    row-gap: 1rem
}

.taskboard-manager.expanded {
    grid-template-columns:10fr
}

.taskboard-filter tg-filter {
    background: 0 0;
    border: 1px solid #eceff4;
    opacity: 1;
    padding: .5rem;
    position: relative;
    transform: translate(0)
}

.taskboard-table-options-start {
    align-items: center;
    display: flex
}

.taskboard-table-options-start tg-input-search {
    margin-left: .5rem;
    width: 185px
}

.team h2 {
    margin: 1rem 0
}

.team h2 span:last-child {
    color: #19474b
}

.detail {
    background: #f1f1f4;
    padding: 0
}

.detail .detail-content, .detail .detail-header-container {
    background: #fff;
    padding: 1rem
}

.detail .detail-header-container {
    display: flex;
    margin: 0 0 .5rem;
    position: relative
}

@media screen and (max-width: 768px) {
    .detail .detail-header-container {
        display: block
    }
}

.detail .detail-ref {
    flex-shrink: 1
}

.detail .detail-header {
    flex-grow: 1
}

@media screen and (max-width: 768px) {
    .detail .detail-header {
        padding: 0
    }
}

.detail .action-buttons {
    margin-top: .5rem
}

.subheader {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

@media screen and (max-width: 768px) {
    .subheader {
        flex-direction: column;
        justify-content: flex-start
    }
}

.subheader .ticket-created-by {
    flex-shrink: 1
}

@media screen and (max-width: 768px) {
    .subheader .ticket-created-by {
        align-self: flex-end;
        flex-basis: auto
    }
}

.subheader .tags-container {
    align-items: flex-end;
    -moz-column-gap: .5rem;
    column-gap: .5rem;
    display: flex;
    flex-wrap: wrap;
    margin-right: .25rem;
    row-gap: .5rem
}

.subheader .tags-block {
    align-items: flex-end;
    flex: 1;
    flex-grow: 1
}

.subheader .tags-block .tag {
    font-size: .875rem;
    align-items: center;
    display: flex;
    min-height: 2rem
}

.subheader .tags-block .tag:first-child {
    -webkit-margin-start: 0;
    margin-inline-start: 0
}

.subheader.has-tags .relate-to-epic {
    flex-basis: 100%;
    margin-top: 0
}

.duty-content {
    position: relative
}

.duty-content .in-progress {
    cursor: progress
}

.duty-content:hover .view-description .edit {
    opacity: 1;
    top: -1.5rem;
    transition: all .2s linear
}

.duty-content:hover .view-description .editable {
    background: #f1f1f4;
    cursor: pointer
}

.duty-content:hover .view-description .no-description {
    color: #434456
}

.duty-content.wysiwyg {
    overflow: visible
}

.duty-content .read-mode .wysiwyg {
    padding: 1rem
}

.duty-content .no-description {
    color: #a9aabc;
    padding: 1rem;
    -webkit-padding-start: 2rem;
    padding-inline-start: 2rem
}

.duty-content .save-container {
    position: absolute;
    right: 1rem;
    top: .2rem
}

.duty-content .save-container:hover {
    opacity: .3;
    transition: opacity .2s linear
}

.duty-content .save-container .loading-spinner {
    animation-timing-function: ease-in-out;
    animation: rotate 1.5s cubic-bezier(0, .05, .87, 1.04) infinite alternate;
    margin: 0 auto;
    max-height: 1rem;
    max-width: 1rem;
    transform-origin: 32 32;
    max-height: 1.5rem;
    max-width: 1.5rem
}

.duty-content .edit {
    cursor: pointer;
    fill: #5a5b72
}

.duty-content .view-description .edit {
    background: #f1f1f4;
    height: 2rem;
    left: 0;
    opacity: 0;
    padding: .2rem .5rem;
    position: absolute;
    top: 0;
    transition: all .2s linear;
    width: 2rem
}

.duty-content .edit-description {
    margin-bottom: 2rem
}

.duty-content .edit-description .save {
    cursor: pointer;
    display: inline-block;
    position: relative;
    top: .3rem
}

.duty-content .edit-description .edit {
    display: inline-block;
    position: absolute;
    right: 2.5rem;
    top: .4rem;
    transition: all .2s linear
}

.duty-content .edit-description .preview {
    padding-top: 1.5rem
}

.comment-list {
    padding: 1rem
}

.save-wiki {
    float: right
}

.wiki {
    max-width: 1024px
}

.wiki .wysiwyg {
    margin-bottom: 0
}

.wiki-list-header h1 {
    align-items: center;
    display: flex
}

.wiki-list-header h1 span:last-child {
    margin-left: .5rem
}

.wiki-main {
    padding-top: 1.5rem
}

.avatar img {
    border: 2px solid #fff;
    border-radius: 8%;
    width: 100%
}

.basic-table {
    display: flex;
    flex-direction: column;
    width: 100%
}

.basic-table .row {
    align-items: center;
    border-bottom: 1px solid #d6d8e0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: .3rem 0;
    text-align: left;
    width: 100%
}

.basic-table .row .width-1 {
    flex-basis: 50px;
    flex-grow: 1
}

.basic-table .row .width-2 {
    flex-basis: 50px;
    flex-grow: 2
}

.basic-table .row .width-3 {
    flex-basis: 50px;
    flex-grow: 3
}

.basic-table .row .width-4 {
    flex-basis: 50px;
    flex-grow: 4
}

.basic-table .row .width-5 {
    flex-basis: 50px;
    flex-grow: 5
}

.basic-table .row .width-6 {
    flex-basis: 50px;
    flex-grow: 6
}

.basic-table .row .width-7 {
    flex-basis: 50px;
    flex-grow: 7
}

.basic-table .row .width-8 {
    flex-basis: 50px;
    flex-grow: 8
}

.basic-table .row:last-child {
    border-bottom: 0
}

.btn-big, .btn-board, .btn-filter, .btn-icon, .btn-small {
    font-size: .875rem;
    align-items: center;
    background-color: #83eede;
    border: 0;
    border-radius: 4px;
    color: #2e3440;
    display: inline-flex;
    justify-content: center;
    line-height: initial;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap
}

.btn-big:hover, .btn-big[variant=destructive]:disabled, .btn-big[variant=primary]:hover, .btn-big[variant=secondary]:hover, .btn-board:hover, .btn-board[variant=destructive]:disabled, .btn-board[variant=primary]:hover, .btn-board[variant=secondary]:hover, .btn-filter:hover, .btn-filter[variant=destructive]:disabled, .btn-filter[variant=primary]:hover, .btn-filter[variant=secondary]:hover, .btn-icon:hover, .btn-icon[variant=destructive]:disabled, .btn-icon[variant=primary]:hover, .btn-icon[variant=secondary]:hover, .btn-small:hover, .btn-small[variant=destructive]:disabled, .btn-small[variant=primary]:hover, .btn-small[variant=secondary]:hover {
    /*background-color: #19474b;*/
    background-color: #19474b;
    color: #fff
}

.btn-big:disabled, .btn-big[variant=destructive]:disabled, .btn-big[variant=primary]:disabled, .btn-big[variant=secondary]:disabled, .btn-board:disabled, .btn-board[variant=destructive]:disabled, .btn-board[variant=primary]:disabled, .btn-board[variant=secondary]:disabled, .btn-filter:disabled, .btn-filter[variant=destructive]:disabled, .btn-filter[variant=primary]:disabled, .btn-filter[variant=secondary]:disabled, .btn-icon:disabled, .btn-icon[variant=destructive]:disabled, .btn-icon[variant=primary]:disabled, .btn-icon[variant=secondary]:disabled, .btn-small:disabled, .btn-small[variant=destructive]:disabled, .btn-small[variant=primary]:disabled, .btn-small[variant=secondary]:disabled {
    background-color: #d8dee9;
    color: rgba(46, 52, 64, .5)
}

.btn-big tg-svg, .btn-board tg-svg, .btn-filter tg-svg, .btn-icon tg-svg, .btn-small tg-svg {
    fill: currentColor
}

.btn-big {
    padding: .75rem 1.5rem
}

.btn-big tg-svg {
    margin-right: .4rem
}

.btn-small {
    padding: .45rem 1rem
}

.btn-small[variant=primary] {
    background-color: #19474b;
    color: #fff;
    padding-block: 10px;
    transition: all .3s linear
}

.btn-small[variant=secondary] {
    background-color: #d8dee9;
    color: #4c566a;
    transition: all .3s linear
}

.btn-small[variant=destructive] {
    background-color: #e44057;
    color: #fff;
    transition: all .3s linear
}

.btn-small tg-svg {
    margin-right: .5rem
}

.btn-icon {
    padding: .5rem
}

.btn-icon[variant=primary] {
    background-color: #83eede;
    color: #2e3440
}

.btn-icon[variant=secondary] {
    background-color: #d8dee9;
    color: #4c566a
}

.btn-icon[variant=destructive] {
    background-color: #e44057;
    color: #fff
}

.btn-link {
    font-size: .875rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    color: #70728f;
    display: flex;
    justify-content: center;
    padding: .25rem;
    text-align: center
}

.btn-link tg-svg {
    fill: currentColor
}

.btn-link[variant=icon] {
    color: #19474b
}

.btn-link[variant=icon]:hover {
    background: 0 0;
    color: #70728f
}

.btn-link[variant=icon]:hover > tg-svg {
    fill: #19474b
}

.btn-link[variant=icon] > tg-svg + * {
    -webkit-margin-start: .5rem;
    margin-inline-start: .5rem
}

.btn-link[variant=icon] * + tg-svg {
    -webkit-margin-start: .5rem;
    margin-inline-start: .5rem
}

.btn-form {
    background: 0 0;
    color: #19474b;
    padding: .25rem
}

.btn-form:hover {
    background: #d8dee9
}

.btn-form tg-svg {
    fill: currentColor
}

.btn-filter {
    background-color: #f9f9fb;
    color: #19474b;
    padding: .5rem .5rem;
    text-transform: none
}

.btn-filter.active, .btn-filter:hover {
    background-color: #d8dee9;
    color: #19474b
}

.btn-filter tg-svg {
    margin-right: .25rem
}

.btn-filter .selected-filters {
    font-size: .7rem;
    align-items: center;
    background-color: #e44057;
    border-radius: 50%;
    color: #fff;
    display: flex;
    height: 1rem;
    justify-content: center;
    -webkit-margin-start: .25rem;
    margin-inline-start: .25rem;
    width: 1rem
}

.btn-board {
    background-color: transparent;
    color: #70728f;
    padding: .25rem
}

.btn-board tg-svg {
    fill: currentColor
}

.btn-board:hover {
    background-color: #e5e9f0;
    color: #19474b
}

.btn-board[variant=blocked]:hover {
    background-color: rgba(228, 64, 87, .25);
    color: #2e3440
}

.button, .button-auth, .button-blackish, .button-gray, .button-gray-light, .button-green, .button-primary, .button-red, .button-red-light, .button-secondary, .button-tribe, .filter-button, .form-button, .icon-button-primary, .menu-button, .trans-button {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    font-size: .875rem;
    align-items: center;
    background: 0 0;
    border: 0;
    border-radius: 4px;
    color: #4c566a;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    padding: .5rem 1.5rem;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: normal
}

.button.loading span, .loading.button-auth span, .loading.button-blackish span, .loading.button-gray span, .loading.button-gray-light span, .loading.button-green span, .loading.button-primary span, .loading.button-red span, .loading.button-red-light span, .loading.button-secondary span, .loading.button-tribe span, .loading.filter-button span, .loading.form-button span, .loading.icon-button-primary span, .loading.menu-button span, .loading.trans-button span {
    animation: loading .5s linear
}

.button .icon, .button-auth .icon, .button-blackish .icon, .button-gray .icon, .button-gray-light .icon, .button-green .icon, .button-primary .icon, .button-red .icon, .button-red-light .icon, .button-secondary .icon, .button-tribe .icon, .filter-button .icon, .form-button .icon, .icon-button-primary .icon, .menu-button .icon, .trans-button .icon {
    fill: currentColor;
    height: 1rem;
    margin-right: .25rem;
    width: 1rem
}

.button-auth[disabled], .button-blackish[disabled], .button-gray-light[disabled], .button-gray[disabled], .button-green[disabled], .button-primary[disabled], .button-red-light[disabled], .button-red[disabled], .button-secondary[disabled], .button-tribe[disabled], .button.disabled, .button[disabled], .disabled.button-auth, .disabled.button-blackish, .disabled.button-gray, .disabled.button-gray-light, .disabled.button-green, .disabled.button-primary, .disabled.button-red, .disabled.button-red-light, .disabled.button-secondary, .disabled.button-tribe, .disabled.filter-button, .disabled.form-button, .disabled.icon-button-primary, .disabled.menu-button, .disabled.trans-button, .filter-button[disabled], .form-button[disabled], .icon-button-primary[disabled], .menu-button[disabled], .trans-button[disabled] {
    background-color: #d8dee9;
    box-shadow: none;
    color: rgba(46, 52, 64, .5);
    cursor: not-allowed
}

.button-auth[disabled]:hover, .button-blackish[disabled]:hover, .button-gray-light[disabled]:hover, .button-gray[disabled]:hover, .button-green[disabled]:hover, .button-primary[disabled]:hover, .button-red-light[disabled]:hover, .button-red[disabled]:hover, .button-secondary[disabled]:hover, .button-tribe[disabled]:hover, .button.disabled:hover, .button[disabled]:hover, .disabled.button-auth:hover, .disabled.button-blackish:hover, .disabled.button-gray-light:hover, .disabled.button-gray:hover, .disabled.button-green:hover, .disabled.button-primary:hover, .disabled.button-red-light:hover, .disabled.button-red:hover, .disabled.button-secondary:hover, .disabled.button-tribe:hover, .disabled.filter-button:hover, .disabled.form-button:hover, .disabled.icon-button-primary:hover, .disabled.menu-button:hover, .disabled.trans-button:hover, .filter-button[disabled]:hover, .form-button[disabled]:hover, .icon-button-primary[disabled]:hover, .menu-button[disabled]:hover, .trans-button[disabled]:hover {
    background-color: #d8dee9;
    color: currentColor
}

.button-large.button-auth, .button-large.button-blackish, .button-large.button-gray, .button-large.button-gray-light, .button-large.button-green, .button-large.button-primary, .button-large.button-red, .button-large.button-red-light, .button-large.button-secondary, .button-large.button-tribe, .button-large.filter-button, .button-large.form-button, .button-large.icon-button-primary, .button-large.menu-button, .button-large.trans-button, .button.button-large {
    padding: .75rem 4rem
}

.button-block.button-auth, .button-block.button-blackish, .button-block.button-gray, .button-block.button-gray-light, .button-block.button-green, .button-block.button-primary, .button-block.button-red, .button-block.button-red-light, .button-block.button-secondary, .button-block.button-tribe, .button-block.filter-button, .button-block.form-button, .button-block.icon-button-primary, .button-block.menu-button, .button-block.trans-button, .button.button-block {
    display: flex
}

.button span, .button-auth span, .button-blackish span, .button-gray span, .button-gray-light span, .button-green span, .button-primary span, .button-red span, .button-red-light span, .button-secondary span, .button-tribe span, .filter-button span, .form-button span, .icon-button-primary span, .menu-button span, .trans-button span {
    color: currentColor
}

.button svg, .button-auth svg, .button-blackish svg, .button-gray svg, .button-gray-light svg, .button-green svg, .button-primary svg, .button-red svg, .button-red-light svg, .button-secondary svg, .button-tribe svg, .filter-button svg, .form-button svg, .icon-button-primary svg, .menu-button svg, .trans-button svg {
    fill: currentColor;
    stroke: none
}

.button-green {
    background: #a7cb23
}

.button-green.active, .button-green:hover, .button-green:visited:hover {
    background: #b5db2d
}

.button-gray {
    background: #70728f
}

.button-gray.active, .button-gray:hover, .button-gray:visited:hover {
    background: #7e809a
}

.button-gray-light {
    background: #c6c6d4
}

.button-gray-light.active, .button-gray-light:hover, .button-gray-light:visited:hover {
    background: #d5d5df
}

.button-red {
    background: #ff6363
}

.button-red-light {
    background: #ffa0a0
}

.button-red-red-light.active, .button-red-red-light:hover, .button-red-red-light:visited:hover, .button-red.active, .button-red:hover, .button-red:visited:hover {
    background: #ff7d7d
}

.trans-button {
    background-color: #f9f9fb
}

.trans-button .icon, .trans-button span {
    color: #16171d;
    transition: color .2s linear
}

.trans-button .icon {
    margin-right: .5rem
}

.trans-button:visited {
    color: #16171d
}

.menu-button {
    border-radius: 0;
    color: #16171d
}

.menu-button:hover {
    background: #e2e3e9;
    color: #5a5b72
}

.menu-button:visited {
    color: #16171d
}

.menu-button span {
    color: #16171d
}

.button-blackish {
    background: #16171d;
    color: #e2e3e9
}

.button-blackish:hover {
    background: #16171d;
    color: #fff
}

.button-bulk {
    font-size: 1.1rem;
    margin-left: .5rem
}

.button-bulk .icon {
    height: 1rem;
    margin: 0;
    width: 1rem
}

.button-auth {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    background: #434456;
    display: flex;
    width: 100%
}

.button-auth .icon, .button-auth img {
    font-size: 1.1rem;
    color: #fff;
    margin-right: .5rem;
    vertical-align: middle
}

.button-auth:hover {
    background: #000
}

.button-tribe {
    align-items: center;
    background: #107a8a;
    display: flex;
    padding: .4rem;
    padding-left: 1.5rem
}

.button-tribe.active, .button-tribe:hover {
    background: #0b525c;
    color: #fff
}

.button-tribe .tribe-logo {
    margin-right: .5rem;
    width: 1.5rem
}

.tribe-more-info {
    font-size: .875rem;
    color: #25a28c;
    display: inline-block;
    margin-top: .5rem
}

.submit-button {
    width: 100%
}

.button-group {
    background-color: #f9f9fb;
    border-bottom: 1px solid #19474b;
    display: flex;
    margin-bottom: 1rem;
    width: 100%
}

.button-group input {
    display: none
}

.button-group input:checked + label {
    background-color: #fff;
    border: 1px solid #19474b;
    border-bottom: 1px solid #fff;
    border-radius: 4px 4px 0 0;
    color: #19474b
}

.button-group input + label {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: .875rem;
    color: #70728f;
    cursor: pointer;
    display: block;
    padding: .5rem 1.5rem;
    position: relative;
    top: 1px
}

.button-group input + label:hover {
    color: #19474b
}

.button-check input {
    display: none
}

.button-check input:checked + label {
    background-color: #19474b;
    transition: background .3s linear
}

.button-check label {
    background-color: #c6c6d4;
    border-radius: 5px;
    color: #fff;
    display: block;
    padding: .5rem
}

.button-check label:hover {
    background: #70728f;
    cursor: pointer;
    transition: background .3s linear
}

.button-primary {
    background: #83eede;
    padding: .25rem
}

.button-primary:hover {
    background: #19474b;
    color: #fff
}

.button-secondary {
    background: #d8dee9;
    color: #4c566a
}

.icon-button-primary {
    background: #83eede
}

.icon-button-primary span {
    color: #2e3440
}

.form-button {
    background: 0 0;
    border-radius: 0;
    padding: .25rem
}

.form-button .icon {
    width: 1rem;
    height: 1rem;
    fill: #19474b;
    margin: 0
}

.form-button:hover {
    background: #d8dee9
}

.filter-button {
    background: #f9f9fb;
    color: #19474b;
    padding: 7px 1rem;
    text-transform: none
}

.filter-button .text {
    color: currentColor
}

.filter-button svg {
    fill: #19474b
}

.filter-button.active, .filter-button:hover {
    background: #d8dee9;
    color: #19474b
}

.filter-button .selected-filters {
    font-size: .7rem;
    align-items: center;
    background-color: #e44057;
    border-radius: 50%;
    color: #fff;
    display: flex;
    height: 1rem;
    justify-content: center;
    -webkit-margin-start: .25rem;
    margin-inline-start: .25rem;
    width: 1rem
}

.card-placeholder:not(.not-found) {
    cursor: default;
    padding: 1.625rem 1rem
}

.card-placeholder:not(.not-found) .title {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
    color: #70728f
}

.card-placeholder:not(.not-found) p {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    font-size: .875rem;
    color: #70728f;
    margin: 0
}

.card-placeholder:not(.not-found) .placeholder-board-card {
    background: #fff;
    border-radius: 4px;
    box-shadow: 4px 4px 8px rgba(216, 222, 233, .5);
    margin-bottom: 1rem;
    margin-top: .5rem;
    padding: 1rem
}

.card-placeholder:not(.not-found) .placeholder-board-card.clean {
    border-radius: 0;
    box-shadow: none;
    margin-top: 0;
    padding: 0
}

.card-placeholder:not(.not-found) .placeholder-board-row {
    border-radius: 4px;
    display: flex;
    margin-bottom: .5rem
}

.card-placeholder:not(.not-found) .placeholder-board-row.avatar {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0
}

.card-placeholder:not(.not-found) .placeholder-board-text {
    background: #e5e9f0;
    border-radius: 4px;
    flex-basis: 60%;
    height: 16px
}

.card-placeholder:not(.not-found) .placeholder-board-text.small {
    background: #d8dee9;
    flex-basis: 24px;
    margin-right: 1rem
}

.card-placeholder:not(.not-found) .placeholder-board-text.big {
    background: #d8dee9;
    flex: 1 1 auto
}

.card-placeholder:not(.not-found) .placeholder-board-avatar {
    background: #eceff4;
    border-radius: 28px;
    height: 28px;
    margin-top: .5rem;
    width: 28px
}

.card-placeholder:not(.not-found) .placeholder-board-user {
    background: #f9f9fb;
    border-radius: 4px;
    flex-basis: 115px;
    height: 16px
}

.card-placeholder:not(.not-found) .placeholder-board-last-text {
    background: #eceff4;
    border-radius: 4px;
    flex-basis: 65px;
    height: 16px;
    margin-top: .5rem
}

.card-placeholder.not-found {
    color: #70728f;
    padding: 2rem
}

.card-placeholder.not-found .title {
    font-size: 1.1rem;
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    color: #2e3440
}

.card-placeholder.not-found p {
    font-size: .875rem;
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    margin-bottom: 1.5rem
}

.card-placeholder.not-found strong {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    font-weight: 400
}

.check {
    background-color: #d8dee9;
    border: 2px solid #d8dee9;
    border-radius: 24px;
    cursor: pointer;
    height: 18px;
    overflow: hidden;
    position: relative;
    transition: all .2s linear;
    width: 32px
}

.check.active div {
    background-color: #19474b;
    transition: all .2s linear
}

.check.active div::before {
    background-color: #fff;
    left: calc(90% - 10px)
}

.check input {
    cursor: pointer;
    height: 18px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 32px;
    z-index: 2
}

.check div {
    height: 100%;
    position: relative;
    width: 100%
}

.check div::before {
    background-color: #fff;
    border-radius: 50%;
    content: '';
    height: 10px;
    left: 10%;
    position: absolute;
    top: calc(50% - 5px);
    transition: all .2s linear;
    width: 10px
}

.check input:checked:disabled, .check input:disabled {
    cursor: auto
}

.check input:checked:disabled + div, .check input:disabled + div {
    opacity: .3
}

.check input:checked + div {
    background-color: #19474b;
    transition: all .2s linear
}

.check input:checked + div::before {
    background-color: #fff;
    left: calc(90% - 10px)
}

.ticket-created-by {
    display: flex;
    justify-content: flex-end
}

@media screen and (max-width: 768px) {
    .ticket-created-by {
        margin: 1rem 0 .5rem
    }
}

.ticket-created-by .user-avatar {
    flex-basis: 2rem;
    flex-grow: 0;
    margin-left: .5rem
}

.ticket-created-by .user-avatar img {
    border-radius: 50%;
    font-size: .6em;
    max-height: 2rem;
    max-width: 2rem;
    min-height: 2rem;
    min-width: 2rem;
    overflow: hidden
}

.ticket-created-by .created-by .created-date, .ticket-created-by .created-by .created-title {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    font-size: .875rem;
    color: #5a5b72;
    display: block;
    text-align: right
}

.ticket-created-by .created-by .created-title {
    color: #19474b
}

.ticket-created-by .created-by .created-date {
    margin-left: .5rem
}

.doom-line {
    align-items: center;
    background: #ca81be;
    border-radius: 2px;
    display: flex;
    justify-content: center;
    margin: .25rem 0;
    padding: .25rem 0
}

.doom-line span {
    font-size: .875rem;
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
    color: #fff
}

.wysiwyg-help {
    background: #f1f1f4;
    display: flex;
    justify-content: space-between;
    margin-top: -.5rem;
    padding: .45rem .5rem
}

.wysiwyg-help a {
    display: inline-block
}

.drag-drop-help {
    font-size: .7rem;
    color: #5a5b72
}

.help-button, .help-markdown {
    font-size: .7rem;
    display: flex
}

.help-button:hover span, .help-markdown:hover span {
    transition: color .2s linear
}

.help-button:hover .icon, .help-markdown:hover .icon {
    fill: #5cbaa9;
    transition: fill .2s linear
}

.help-button span, .help-markdown span {
    vertical-align: text-top
}

.help-button .icon, .help-markdown .icon {
    width: .9rem;
    height: .9rem;
    fill: #70728f;
    margin-right: .2rem
}

.empty-filter, .empty-large, .empty-small {
    margin-top: 4rem;
    text-align: center
}

.empty-filter img, .empty-large img, .empty-small img {
    margin-bottom: 1rem;
    width: 100%
}

.empty-filter .title, .empty-large .title, .empty-small .title {
    font-size: .875rem;
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
    color: #70728f
}

.empty-filter p, .empty-large p, .empty-small p {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    margin: 0
}

.empty-filter a, .empty-large a, .empty-small a {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    color: #19474b
}

.empty-filter .btn-small, .empty-large .btn-small, .empty-small .btn-small {
    margin: 1rem auto 2rem
}

.empty-small img {
    max-width: 175px
}

.empty-large img {
    max-width: 800px
}

.empty-filter {
    margin-top: 1rem
}

.ticket-estimation .points-per-role {
    display: flex;
    flex-direction: column
}

.ticket-estimation .ticket-role-points {
    font-size: .875rem;
    background: #f9f9fb;
    color: #70728f;
    display: flex;
    justify-content: space-between;
    margin-bottom: .1rem;
    min-height: 2rem;
    padding: .5rem;
    position: relative
}

.ticket-estimation .ticket-role-points:last-child {
    background: #e5e9f0;
    border-bottom: 0
}

.ticket-estimation .ticket-role-points:last-child::first-letter {
    text-transform: uppercase
}

.ticket-estimation .ticket-role-points .points {
    color: #4c566a;
    overflow: hidden;
    padding-left: 1rem;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ticket-estimation .popover {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    font-size: .875rem;
    background: #fff;
    border: 1px solid #d8dee9;
    border-radius: 4px;
    box-shadow: 4px 4px 8px rgba(46, 52, 64, .1);
    color: #19474b;
    display: none;
    left: .5rem;
    list-style-type: none;
    margin: 0;
    padding: .5rem;
    position: absolute;
    text-align: "";
    top: 100%;
    width: 188px;
    z-index: 2
}

.ticket-estimation .popover:hover {
    color: #70728f
}

.ticket-estimation .popover a {
    padding: .25rem
}

.ticket-estimation .popover li {
    margin-bottom: .25rem
}

.ticket-estimation .popover li:last-child {
    margin-bottom: 0
}

.ticket-estimation .popover li:hover {
    background: #eceff4;
    color: #70728f
}

.ticket-estimation .popover li:hover a {
    color: #70728f
}

.ticket-estimation .popover.horizontal li {
    margin-bottom: .25rem;
    white-space: nowrap;
    width: 100%
}

.ticket-estimation .popover.horizontal a {
    width: 100%
}

.ticket-estimation .popover.horizontal a.active {
    color: #fff
}

.ticket-estimation .popover.horizontal .point {
    align-items: center;
    color: #19474b;
    display: flex;
    height: auto;
    justify-content: flex-start;
    min-height: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .25s ease;
    white-space: nowrap
}

.ticket-estimation .popover.horizontal .point:hover {
    transition: all .25s ease
}

.ticket-estimation .popover.pop-points-open li {
    display: inline-flex;
    margin: 0;
    padding: 0
}

.ticket-estimation .popover a.active {
    background: #19474b;
    color: #fff
}

.ticket-estimation .popover .point {
    align-items: center;
    color: #19474b;
    display: flex;
    height: 2.5rem;
    justify-content: center;
    transition: all .25s ease;
    width: 2.5rem
}

.ticket-estimation .popover .point:hover {
    transition: all .25s ease
}

.ticket-estimation .popover .priority, .ticket-estimation .popover .role, .ticket-estimation .popover .severity, .ticket-estimation .popover .status, .ticket-estimation .popover .type {
    align-items: center;
    color: #19474b;
    display: flex;
    min-height: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .25s ease;
    white-space: nowrap
}

.ticket-estimation .popover .priority:hover, .ticket-estimation .popover .role:hover, .ticket-estimation .popover .severity:hover, .ticket-estimation .popover .status:hover, .ticket-estimation .popover .type:hover {
    transition: all .25s ease
}

.ticket-estimation .popover::before {
    background: #fff;
    content: '';
    height: 10px;
    left: 10px;
    position: absolute;
    top: -5px;
    transform: rotate(45deg);
    width: 10px
}

.ticket-estimation .popover .item-text {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    overflow-wrap: break-word;
    text-align: left;
    white-space: initial
}

.ticket-estimation .popover.fix {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    font-size: .875rem;
    background: #fff;
    border: 1px solid #d8dee9;
    border-radius: 4px;
    box-shadow: 4px 4px 8px rgba(46, 52, 64, .1);
    color: #19474b;
    display: none;
    left: -160px;
    list-style-type: none;
    margin: 0;
    padding: .5rem;
    position: absolute;
    text-align: "";
    top: 100%;
    width: 200px;
    z-index: 2
}

.ticket-estimation .popover.fix:hover {
    color: #70728f
}

.ticket-estimation .popover.fix a {
    padding: .25rem
}

.ticket-estimation .popover.fix li {
    margin-bottom: .25rem
}

.ticket-estimation .popover.fix li:last-child {
    margin-bottom: 0
}

.ticket-estimation .popover.fix li:hover {
    background: #eceff4;
    color: #70728f
}

.ticket-estimation .popover.fix li:hover a {
    color: #70728f
}

.ticket-estimation .popover.fix.horizontal li {
    margin-bottom: .25rem;
    white-space: nowrap;
    width: 100%
}

.ticket-estimation .popover.fix.horizontal a {
    width: 100%
}

.ticket-estimation .popover.fix.horizontal a.active {
    color: #fff
}

.ticket-estimation .popover.fix.horizontal .point {
    align-items: center;
    color: #19474b;
    display: flex;
    height: auto;
    justify-content: flex-start;
    min-height: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .25s ease;
    white-space: nowrap
}

.ticket-estimation .popover.fix.horizontal .point:hover {
    transition: all .25s ease
}

.ticket-estimation .popover.fix.pop-points-open li {
    display: inline-flex;
    margin: 0;
    padding: 0
}

.ticket-estimation .popover.fix a.active {
    background: #19474b;
    color: #fff
}

.ticket-estimation .popover.fix .point {
    align-items: center;
    color: #19474b;
    display: flex;
    height: 2.5rem;
    justify-content: center;
    transition: all .25s ease;
    width: 2.5rem
}

.ticket-estimation .popover.fix .point:hover {
    transition: all .25s ease
}

.ticket-estimation .popover.fix .priority, .ticket-estimation .popover.fix .role, .ticket-estimation .popover.fix .severity, .ticket-estimation .popover.fix .status, .ticket-estimation .popover.fix .type {
    align-items: center;
    color: #19474b;
    display: flex;
    min-height: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .25s ease;
    white-space: nowrap
}

.ticket-estimation .popover.fix .priority:hover, .ticket-estimation .popover.fix .role:hover, .ticket-estimation .popover.fix .severity:hover, .ticket-estimation .popover.fix .status:hover, .ticket-estimation .popover.fix .type:hover {
    transition: all .25s ease
}

.ticket-estimation .popover.fix::before {
    background: #fff;
    content: '';
    height: 10px;
    left: 90%;
    position: absolute;
    top: -5px;
    transform: rotate(45deg);
    width: 10px
}

.ticket-estimation .popover.fix .item-text {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    overflow-wrap: break-word;
    text-align: left;
    white-space: initial
}

.history-tabs {
    background: #f1f1f4;
    display: flex;
    flex-direction: row;
    margin-top: 4rem
}

.history-tabs a {
    display: inline-block;
    padding: .75rem 1rem
}

.history-tabs a:hover {
    color: #25a28c
}

.history-tabs .history-tab {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    border-bottom: 3px solid transparent;
    color: #70728f;
    transition: all .1s linear
}

.history-tabs .history-tab.active {
    border-bottom: 3px solid #434456;
    color: #434456
}

.history-tabs .order-comments {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    color: #434456;
    margin-left: auto;
    transition: none
}

.history-tabs .icon-arrow-down, .history-tabs .icon-arrow-up {
    width: .75rem;
    height: .75rem
}

.level {
    background-color: #70728f;
    border-radius: 9px;
    height: 18px;
    margin: 0 auto;
    width: 18px
}

.list-itemtype-project {
    border-bottom: 1px solid #d8dee9;
    display: flex;
    padding: .5rem;
    justify-content: space-between
}

.list-itemtype-project .list-itemtype-track {
    font-size: .875rem;
    color: #19474b;
    display: flex;
    flex-shrink: 0;
    justify-content: flex-end
}

.list-itemtype-project .list-itemtype-track .list-itemtype-track-likers {
    margin-right: .5rem
}

.list-itemtype-project .list-itemtype-track-likers, .list-itemtype-project .list-itemtype-track-watchers {
    align-items: center;
    display: flex
}

.list-itemtype-project .list-itemtype-track-likers .icon, .list-itemtype-project .list-itemtype-track-watchers .icon {
    display: block;
    margin-right: .25rem
}

.list-itemtype-project .list-itemtype-track-likers.active, .list-itemtype-project .list-itemtype-track-watchers.active {
    color: #19474b
}

.list-itemtype-project .list-itemtype-track-likers.active .icon, .list-itemtype-project .list-itemtype-track-watchers.active .icon {
    fill: currentcolor
}

.list-itemtype-project .icon {
    fill: #19474b
}

.list-itemtype-project .list-itemtype-data-title {
    color: #4c566a;
    -webkit-margin-before: .25rem;
    margin-block-start: .25rem;
    text-transform: none
}

.list-itemtype-project .list-itemtype-data-meta {
    align-items: center;
    -moz-column-gap: .25rem;
    column-gap: .25rem;
    display: flex;
    flex-wrap: wrap;
    row-gap: .25rem
}

.list-itemtype-project .list-itemtype-avatar {
    flex-basis: 3rem;
    flex-shrink: 0;
    margin-right: .75rem;
    min-width: 3rem
}

.list-itemtype-project .list-itemtype-avatar img {
    border-radius: 50%;
    width: 100%
}

.list-itemtype-project .ticket-status {
    margin-right: .25rem
}

.list-itemtype-project .list-itemtype-data-title {
    font-size: 1.1rem;
    align-items: center;
    display: flex;
    gap: .25rem
}

.list-itemtype-project .icon-blocked-project {
    width: .75rem;
    height: .75rem
}

.list-itemtype-project .icon {
    fill: #434456;
    stroke: #434456
}

.list-itemtype-project .list-itemtype-project-data-wrapper {
    display: flex
}

.list-itemtype-project .list-itemtype-project-data-wrapper .icon-private {
    fill: #70728f;
    height: 22px;
    margin-left: .5rem;
    width: 22px
}

.list-itemtype-project .list-itemtype-project-image {
    flex-shrink: 0;
    margin-right: .5rem;
    width: 3rem
}

.list-itemtype-project .list-itemtype-project-image img {
    width: 100%
}

.list-itemtype-project .list-itemtype-project-members {
    align-self: flex-end;
    display: flex;
    flex-direction: row-reverse;
    flex-grow: 0;
    flex-wrap: wrap-reverse;
    margin-top: 1rem
}

.list-itemtype-project .list-itemtype-project-members img {
    border-radius: .1rem;
    margin-right: .3rem;
    width: 2rem
}

.list-itemtype-project .tag {
    align-self: flex-end;
    margin: 0 .25rem .25rem 0;
    padding: .5rem
}

.list-itemtype-ticket {
    border-bottom: 1px solid #d8dee9;
    display: flex;
    padding: .5rem;
    position: relative
}

.list-itemtype-ticket .list-itemtype-track {
    font-size: .875rem;
    color: #19474b;
    display: flex;
    flex-shrink: 0;
    justify-content: flex-end
}

.list-itemtype-ticket .list-itemtype-track .list-itemtype-track-likers {
    margin-right: .5rem
}

.list-itemtype-ticket .list-itemtype-track-likers, .list-itemtype-ticket .list-itemtype-track-watchers {
    align-items: center;
    display: flex
}

.list-itemtype-ticket .list-itemtype-track-likers .icon, .list-itemtype-ticket .list-itemtype-track-watchers .icon {
    display: block;
    margin-right: .25rem
}

.list-itemtype-ticket .list-itemtype-track-likers.active, .list-itemtype-ticket .list-itemtype-track-watchers.active {
    color: #19474b
}

.list-itemtype-ticket .list-itemtype-track-likers.active .icon, .list-itemtype-ticket .list-itemtype-track-watchers.active .icon {
    fill: currentcolor
}

.list-itemtype-ticket .icon {
    fill: #19474b
}

.list-itemtype-ticket .list-itemtype-data-title {
    color: #4c566a;
    -webkit-margin-before: .25rem;
    margin-block-start: .25rem;
    text-transform: none
}

.list-itemtype-ticket .list-itemtype-data-meta {
    align-items: center;
    -moz-column-gap: .25rem;
    column-gap: .25rem;
    display: flex;
    flex-wrap: wrap;
    row-gap: .25rem
}

.list-itemtype-ticket .list-itemtype-avatar {
    flex-basis: 3rem;
    flex-shrink: 0;
    margin-right: .75rem;
    min-width: 3rem
}

.list-itemtype-ticket .list-itemtype-avatar img {
    border-radius: 50%;
    width: 100%
}

.list-itemtype-ticket .ticket-status {
    margin-right: .25rem
}

.list-itemtype-ticket .ticket-type {
    color: #70728f;
    text-transform: uppercase
}

.list-itemtype-ticket .ticket-project {
    color: #a9aabc
}

.list-itemtype-ticket .list-itemtype-ticket-data {
    flex: 1;
    margin-right: 1rem
}

.list-itemtype-ticket .ticket-id {
    color: #19474b
}

.list-itemtype-ticket .ticket-blocked {
    color: #e44057;
    margin-right: .25rem
}

.list-itemtype-user {
    border-bottom: 1px solid #d8dee9;
    display: flex;
    padding: .5rem
}

.list-itemtype-user .list-itemtype-track {
    font-size: .875rem;
    color: #19474b;
    display: flex;
    flex-shrink: 0;
    justify-content: flex-end
}

.list-itemtype-user .list-itemtype-track .list-itemtype-track-likers {
    margin-right: .5rem
}

.list-itemtype-user .list-itemtype-track-likers, .list-itemtype-user .list-itemtype-track-watchers {
    align-items: center;
    display: flex
}

.list-itemtype-user .list-itemtype-track-likers .icon, .list-itemtype-user .list-itemtype-track-watchers .icon {
    display: block;
    margin-right: .25rem
}

.list-itemtype-user .list-itemtype-track-likers.active, .list-itemtype-user .list-itemtype-track-watchers.active {
    color: #19474b
}

.list-itemtype-user .list-itemtype-track-likers.active .icon, .list-itemtype-user .list-itemtype-track-watchers.active .icon {
    fill: currentcolor
}

.list-itemtype-user .icon {
    fill: #19474b
}

.list-itemtype-user .list-itemtype-data-title {
    color: #4c566a;
    -webkit-margin-before: .25rem;
    margin-block-start: .25rem;
    text-transform: none
}

.list-itemtype-user .list-itemtype-data-meta {
    align-items: center;
    -moz-column-gap: .25rem;
    column-gap: .25rem;
    display: flex;
    flex-wrap: wrap;
    row-gap: .25rem
}

.list-itemtype-user .list-itemtype-avatar {
    flex-basis: 3rem;
    flex-shrink: 0;
    margin-right: .75rem;
    min-width: 3rem
}

.list-itemtype-user .list-itemtype-avatar img {
    border-radius: 50%;
    width: 100%
}

.list-itemtype-user .ticket-status {
    margin-right: .25rem
}

.list-itemtype-user .extra-info {
    font-size: .875rem;
    margin-top: .25rem
}

.loader {
    background-color: #fff;
    bottom: 0;
    display: none;
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -1
}

.loader .container {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.loader p {
    font-size: 1.1rem;
    color: #5a5b72;
    text-align: center
}

.loader.active {
    background-color: rgba(255, 255, 255, .95);
    display: block;
    opacity: 1;
    z-index: 97
}

.loading-bar {
    align-items: stretch;
    display: flex;
    flex-direction: row;
    justify-content: flex-start
}

.loading-bar .item {
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-name: loadBar;
    animation-timing-function: ease-in;
    background: #5a5b72;
    flex: 1;
    height: 5px
}

.loading-bar .item-1 {
    animation-delay: 1s;
    background: #a8e440
}

.loading-bar .item-2 {
    animation-delay: 2s;
    background: #e4ce40
}

.loading-bar .item-3 {
    animation-delay: 3s;
    background: #e47c40
}

.loading-bar .item-4 {
    animation-delay: 4s;
    background: #e44057
}

.loading-bar .item-5 {
    animation-delay: 5s;
    background: #4056e4
}

.loading-spinner {
    animation-timing-function: ease-in-out;
    animation: rotate 1.5s cubic-bezier(0, .05, .87, 1.04) infinite alternate;
    margin: 0 auto;
    max-height: 1rem;
    max-width: 1rem;
    transform-origin: 32 32
}

.look-for-people {
    width: 1rem;
    height: 1rem;
    fill: #70728f;
    margin-left: .25rem
}

.notification-message-success {
    background: rgba(92, 186, 169, .95);
    box-shadow: 0 25px 10px -15px rgba(0, 0, 0, .05);
    right: -370px;
    top: 2%;
    transition: opacity .2s ease-in;
    width: 370px
}

.notification-message-success.active {
    animation: animSlide 2s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    opacity: 1
}

.notification-message-success.inactive {
    animation: animSlideOut .5s;
    opacity: 0;
    transform: none
}

.notification-message-success p {
    margin: 0
}

.notification-message-success .warning {
    font-size: 1.1rem;
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    color: #fff;
    line-height: 1.2
}

@keyframes animSlide {
    0% {
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    0.52% {
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -34.485, 0, 0, 1)
    }
    1.02% {
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -66.555, 0, 0, 1)
    }
    2.28% {
        transform: matrix3d(1.111, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -141.457, 0, 0, 1)
    }
    3.52% {
        transform: matrix3d(1.281, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -205.594, 0, 0, 1)
    }
    4.1% {
        transform: matrix3d(1.111, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -232.117, 0, 0, 1)
    }
    4.78% {
        transform: matrix3d(1.034, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -260.381, 0, 0, 1)
    }
    6.03% {
        transform: matrix3d(.947, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -304.285, 0, 0, 1)
    }
    8.11% {
        transform: matrix3d(.986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -357.804, 0, 0, 1)
    }
    11.03% {
        transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -399.29, 0, 0, 1)
    }
    12.11% {
        transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -407.374, 0, 0, 1)
    }
    16.04% {
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -417.343, 0, 0, 1)
    }
    16.12% {
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -417.342, 0, 0, 1)
    }
    20% {
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -413.214, 0, 0, 1)
    }
    27.23% {
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -403.135, 0, 0, 1)
    }
    38.34% {
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -399.585, 0, 0, 1)
    }
    100% {
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -400, 0, 0, 1)
    }
}

@keyframes animSlideOut {
    0% {
        opacity: 1;
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -400, 0, 0, 1)
    }
    100% {
        opacity: 0;
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -400, 0, 0, 1)
    }
}

.notification-message-error {
    background: rgba(255, 99, 99, .9);
    opacity: 1;
    top: 0;
    transform: translateY(-100%);
    width: 100%
}

.notification-message-error.active {
    opacity: 1;
    transform: translateY(0);
    transition: all .6s ease-in-out
}

.notification-message-error.inactive {
    transition: all .6s ease-in-out
}

.notification-message-error .icon-error {
    width: 3rem;
    height: 3rem;
    fill: #fff;
    margin-right: .5rem
}

.notification-message-error .warning {
    font-size: 1.7rem;
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    color: #fff;
    line-height: 2.4rem
}

.notification-message-error .text {
    display: inline-block;
    margin-left: .5rem;
    width: 80%
}

.notification-message-error .text p {
    margin: 0
}

.notification-message-error .close {
    display: block;
    position: absolute;
    right: 1rem;
    top: 1rem
}

.notification-message-error .icon-close {
    cursor: pointer;
    fill: #fff
}

.notification-message {
    color: #fff;
    display: flex;
    opacity: 0;
    padding: 1rem;
    position: fixed;
    z-index: 99
}

.notification-light {
    align-items: center;
    background: rgba(112, 114, 143, .95);
    color: #fff;
    display: flex;
    justify-content: space-between;
    opacity: 0;
    padding: 1rem;
    position: absolute;
    top: 0;
    transform: translateY(-100%);
    transition: all .6s;
    width: 100%;
    z-index: 99
}

.notification-light.inactive {
    opacity: 0;
    transform: translateY(-100%);
    transition: all .6s
}

.notification-light.active {
    opacity: 1;
    transform: translateY(0);
    transition: all .6s
}

.notification-light p {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    font-size: .875rem;
    margin: 0
}

.notification-light .warning {
    color: #fff;
    line-height: 1.5rem
}

.notification-light .close {
    display: block;
    margin-right: 1rem;
    width: 2rem
}

.notification-light .close svg {
    fill: #fff
}

.notification-message-light-error {
    background: rgba(255, 99, 99, .8)
}

.paginator {
    margin: 2rem 0
}

.paginator ul {
    display: flex;
    margin-left: 1rem
}

.paginator li {
    margin-right: .4rem
}

.paginator .active span, .paginator .dots span, .paginator a {
    font-size: .875rem;
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
    align-items: center;
    background: #e5e9f0;
    border-radius: 3px;
    color: #19474b;
    display: flex;
    justify-content: center;
    min-height: 2rem;
    min-width: 2rem;
    padding: 0 .5rem;
    transition: all .3s linear
}

.paginator tg-svg {
    fill: #19474b
}

.paginator a:hover {
    background: #19474b;
    color: #fff;
    transition: all .3s linear
}

.paginator a:hover tg-svg {
    fill: #fff
}

.paginator .active span {
    background: #f9f9fb;
    color: #70728f
}

.paginator .dots span {
    background: #fff;
    color: #70728f
}

.settings-nav {
    width: 300px;
    background: #f9f9fb;
    padding: 0
}

@media screen and (max-width: 1959px) {
    .settings-nav {
        width: 250px
    }
}

@media screen and (max-width: 1407px) {
    .settings-nav {
        width: 230px
    }
}

@media screen and (max-width: 1215px) {
    .settings-nav {
        width: 210px
    }
}

@media screen and (max-width: 1023px) {
    .settings-nav {
        width: 190px
    }
}

@media screen and (max-width: 768px) {
    .settings-nav {
        width: 170px
    }
}

.settings-nav .active {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    background: #fff
}

.settings-nav .active a {
    color: #19474b
}

.settings-nav .active:hover {
    background: #fff
}

.settings-nav .active:hover a {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    color: #70728f
}

.summary {
    align-content: center;
    align-items: center;
    background: #434456;
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    height: 65px;
    justify-content: flex-start;
    margin-bottom: 2rem;
    overflow: hidden;
    padding: 1rem
}

.summary .summary-stats {
    align-items: center;
    display: flex;
    margin: 0 .5rem
}

.summary .data .number {
    color: #83eede
}

.summary .number {
    font-size: 1.7rem;
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    line-height: .9;
    margin-right: .3rem
}

.summary .description {
    font-size: .875rem;
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    line-height: 1
}

.summary .stats {
    cursor: pointer;
    display: block;
    height: 2rem;
    margin-left: auto;
    width: 2rem
}

.summary .stats path {
    opacity: 1
}

.summary .stats:hover .graph {
    fill: #5cbaa9;
    transition: fill .2s
}

.summary .stats:hover svg {
    fill: #25a28c
}

.summary .stats.active .graph {
    fill: #25a28c
}

.summary .stats.active svg {
    fill: #25a28c
}

.summary .stats svg {
    fill: #8d8ea5;
    height: 100%;
    max-height: 2rem;
    max-width: 2rem;
    stroke: #8d8ea5;
    transition: all .2s;
    width: 100%
}

.summary .stats .graph {
    fill: #434456;
    transition: fill .2s
}

.summary .main-summary-stats {
    display: flex;
    transform: translateY(0);
    transition: all .2s ease-in-out
}

.summary .show-role-points .points-per-role-stats {
    transform: translateY(-35px)
}

.summary .show-role-points .main-summary-stats {
    transform: translateY(-65px)
}

.summary-progress-bar {
    background: #fff;
    height: 30px;
    margin-bottom: 0;
    margin-right: 10px;
    padding: 3px;
    position: relative;
    width: 15%
}

.summary-progress-bar .current-progress {
    background-color: #19474b;
    height: 24px
}

.summary-progress-bar .defined-points {
    background: #ffa0a0;
    height: 24px;
    position: absolute;
    width: calc(100% - 6px)
}

.summary-progress-bar .project-points-progress {
    background: #fff;
    height: 24px;
    position: absolute
}

.summary-progress-bar .closed-points-progress {
    background: #19474b;
    height: 24px;
    position: absolute
}

.large-summary {
    align-content: flex-start;
    align-items: stretch;
    justify-content: space-between;
    padding: .75rem 1rem
}

.large-summary .stats-wrapper {
    padding-top: .35rem
}

.large-summary .large-summary-wrapper {
    align-content: flex-start;
    display: flex;
    flex-wrap: wrap
}

.large-summary .summary-progress-wrapper {
    align-items: center;
    display: flex;
    height: calc(65px - 1.5rem)
}

.large-summary .summary-progress-bar {
    flex-basis: 200px;
    min-width: 200px
}

.large-summary .summary-stats {
    margin-right: 1rem
}

.large-summary .summary-stats:last-child {
    border: 0;
    margin: 0
}

.large-summary .summary-stats.summary-completed-points, .large-summary .summary-stats.summary-move-unfinished {
    border-right: 1px solid #16171d;
    margin-right: 0;
    padding-right: 1rem
}

.large-summary .summary-stats.summary-completed-points + .summary-stats, .large-summary .summary-stats.summary-move-unfinished + .summary-stats {
    border-left: 1px solid #5a5b72;
    margin-left: 0;
    padding-left: 1rem
}

.large-summary .icon {
    width: 1.3rem;
    height: 1.3rem;
    fill: currentColor;
    margin: .1rem .4rem 0 0;
    vertical-align: middle
}

.large-summary .icon.icon-stats {
    color: #25a28c;
    float: right;
    transition: color .3s linear
}

.large-summary .icon.icon-stats:hover {
    color: #5cbaa9;
    transition: color .3s linear
}

.large-summary .icon.icon-stats.active {
    color: #5cbaa9
}

.large-summary .icon.icon-stats.active:hover {
    color: #25a28c;
    transition: color .3s linear
}

.large-summary a:hover .icon {
    fill: #92d1c5;
    stroke: #92d1c5
}

.large-summary .points-per-role-stats-content {
    display: flex;
    padding-left: 1rem
}

.large-summary .points-per-role-stats-content .summary-stats {
    padding: 0
}

.large-summary .toggle-points-per-role {
    color: #fff;
    cursor: pointer
}

.large-summary .toggle-points-per-role svg {
    width: 1rem;
    height: 1rem
}

.large-summary .points-per-role-stats {
    margin-left: .5rem;
    transform: translateY(35px);
    transition: all .2s ease-in-out
}

.large-summary .points-per-role-stats .number {
    font-size: 1.1rem;
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    line-height: 1rem
}

.large-summary .points-per-role-stats .role {
    font-size: .7rem;
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif
}

.large-summary .points-per-role-stats-title {
    display: flex;
    margin-bottom: .25rem
}

.large-summary .points-per-role-stats-title tg-svg {
    transform: translateY(12px)
}

.empty-burndown {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    align-content: center;
    align-items: center;
    background: #f9f9fb;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-bottom: 1rem;
    padding: 2rem 6rem
}

.empty-burndown svg {
    width: 4rem;
    height: 4rem;
    fill: #19474b;
    flex-basis: 4rem;
    flex-shrink: 0;
    margin-right: 2rem
}

.empty-burndown p {
    margin: 0
}

.empty-burndown .empty-text {
    flex: 1
}

.empty-burndown .title {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    font-size: 1.1rem;
    color: #19474b;
    margin: 0;
    text-transform: uppercase
}

.empty-burndown a {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    animation: blink 2s infinite
}

.graphics-container {
    max-height: 0;
    transition: max-height .5s ease-in;
    overflow: hidden
}

.graphics-container.open {
    transition: max-height .5s ease-in;
    max-height: 300px
}

.graphics-container.shown {
    max-height: 300px;
    transition: none
}

.track-buttons-container {
    font-size: .875rem;
    position: relative
}

.track-button {
    align-items: center;
    border-radius: 4px;
    display: flex;
    margin: 0;
    padding: 0
}

.track-button.active .track-inner {
    background: rgba(0, 138, 168, .3)
}

.track-button.active .icon {
    fill: #19474b
}

.track-button.active .track-button-counter {
    background: rgba(0, 138, 168, .5)
}

.track-button .watch-options-arrow {
    margin-left: auto
}

.track-button .icon-arrow-down {
    width: .75rem;
    height: .75rem
}

.track-inner {
    align-items: center;
    background-color: #eceff4;
    border-radius: 4px 0 0 4px;
    color: #2e3440;
    -moz-column-gap: .5rem;
    column-gap: .5rem;
    display: flex;
    flex: 1;
    flex-basis: 140px;
    justify-content: flex-start;
    min-width: 140px;
    padding: .25rem 1rem;
    row-gap: .5rem
}

.track-icon {
    fill: #2e3440
}

.track-button-counter {
    align-items: center;
    background: #d8dee9;
    border-radius: 0 4px 4px 0;
    color: #2e3440;
    padding: .25rem .75rem
}

.contact-team {
    background-color: #d8dee9;
    border-radius: 4px;
    padding: .25rem .75rem
}

.watch-options {
    animation: dropdownFade .2s cubic-bezier(.09, 0, .99, .01) alternate;
    background: #fff;
    border: 1px solid #d8dee9;
    border-radius: 4px;
    box-shadow: 4px 4px 8px rgba(46, 52, 64, .1);
    margin: 0;
    margin-top: 2.5rem;
    min-width: 300px;
    padding: 1rem;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

.watch-options.hidde {
    animation: dropdownFade .2s cubic-bezier(.09, 0, .99, .01) reverse
}

.watch-options li {
    margin: 0
}

.watch-options li:last-child a {
    border: 0
}

.watch-options a {
    align-items: center;
    border-bottom: 1px solid rgba(112, 114, 143, .3);
    color: #70728f;
    display: flex;
    height: 2rem;
    justify-content: space-between
}

.watch-options a.active {
    color: #19474b
}

.watch-options a:hover {
    color: #19474b
}

.watch-options .watch-check {
    height: 1.25rem;
    width: 1.25rem
}

.watch-options .watch-check svg {
    fill: #19474b
}

.lb-user-list .user-list-item {
    align-content: center;
    align-items: center;
    border-bottom: 1px solid #e2e3e9;
    display: flex;
    padding: .25rem 0;
    vertical-align: middle
}

.lb-user-list .user-list-item.selected, .lb-user-list .user-list-item:hover {
    background-color: #e9f6f3;
    cursor: pointer
}

.lb-user-list .user-list-item:hover {
    transition-delay: .2s
}

.lb-user-list .user-list-item.is-active {
    background-color: #e9f6f3;
    cursor: pointer;
    position: relative;
    transition-delay: .1s
}

.lb-user-list .user-list-avatar {
    flex-basis: 3rem;
    margin-right: .25rem;
    max-height: 3rem;
    max-width: 3rem
}

.lb-user-list .user-list-avatar img {
    border-radius: 50%;
    width: 100%
}

.lb-user-list .user-list-name {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    color: #434456;
    flex-grow: 1;
    margin-left: .5rem
}

.lb-user-list .user-list-name .role {
    margin-right: .5rem
}

.lb-user-list .user-list-name .users {
    color: #a9aabc
}

.lb-user-list .remove-selected {
    cursor: pointer;
    display: block;
    fill: #434456;
    margin-right: .5rem;
    opacity: 1;
    outline: 0;
    padding: .75rem;
    transition: all .2s ease-in
}

.lb-user-list .remove-selected:hover {
    fill: #ff6363
}

.admin-common header h1 {
    display: flex
}

.admin-common header h1 .icon-bell {
    margin-left: .25rem
}

.admin-common .admin-subtitle {
    color: #4c566a;
    -webkit-margin-after: 1rem;
    margin-block-end: 1rem
}

.admin-common .total {
    font-size: 1.1rem;
    align-items: center;
    background: 0 0;
    color: #434456;
    display: flex;
    padding: .3rem 0
}

.admin-common .total:hover .icon-edit {
    opacity: 1;
    transition: opacity .3s linear
}

.admin-common.admin-roles .total {
    background-color: #f9f9fb;
    padding: .3rem 1rem
}

.custom-field-options {
    margin-bottom: 1rem;
    text-align: right
}

.custom-fields-table {
    margin-bottom: 2em
}

.custom-fields-table .row {
    border-bottom: 0
}

.custom-fields-table .table-header {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    border-bottom: 3px solid #e2e3e9
}

.custom-fields-table .table-header .custom-description, .custom-fields-table .table-header .custom-name {
    padding-left: 1.1rem
}

.custom-fields-table .table-body .row:hover {
    background: rgba(92, 186, 169, .05);
    cursor: move;
    transition: background .2s linear
}

.custom-fields-table .table-body .row:hover .custom-options, .custom-fields-table .table-body .row:hover .icon-draggable {
    opacity: 1;
    transition: opacity .2s linear
}

.custom-fields-table .table-body form.row:hover {
    background: 0 0;
    cursor: default
}

.custom-fields-table .single-custom-field {
    border-bottom: 1px solid #e2e3e9;
    color: #5a5b72
}

.custom-fields-table .js-view-custom-field {
    padding: .75rem 0
}

.custom-fields-table .js-view-custom-field .custom-extra-attr-wrapper {
    margin-left: 1em
}

.custom-fields-table .icon-draggable {
    fill: #70728f;
    opacity: 0;
    padding: 0 .25rem 0 .1rem;
    transition: color .2s linear
}

.custom-fields-table .custom-description, .custom-fields-table .custom-name {
    margin-right: .5rem
}

.custom-fields-table .custom-name {
    align-items: center;
    display: flex;
    flex-basis: 25%;
    flex-shrink: 0
}

.custom-fields-table .custom-name a {
    padding: 0 .5em
}

.custom-fields-table .custom-name svg {
    height: 1rem;
    width: 1rem
}

.custom-fields-table .custom-description {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    flex-basis: 50%;
    flex-grow: 8
}

.custom-fields-table .custom-field-type {
    flex-basis: 12%;
    flex-grow: 0;
    flex-shrink: 0
}

.custom-fields-table .custom-options {
    flex-basis: 100px;
    flex-grow: 0;
    flex-shrink: 0;
    opacity: 0;
    text-align: center
}

.custom-fields-table .custom-options svg {
    cursor: pointer;
    fill: #70728f;
    margin-right: .5rem;
    transition: color .2s linear;
    vertical-align: middle
}

.custom-fields-table .custom-options svg:hover {
    fill: #25a28c;
    transition: color .2s linear
}

.custom-fields-table .custom-options svg.icon-trash {
    fill: #e44057
}

.custom-fields-table .custom-options svg.icon-check-empty, .custom-fields-table .custom-options svg.icon-close {
    fill: #19474b
}

.custom-fields-table .custom-options-wrapper {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    opacity: 0;
    padding-right: 1rem;
    transition: opacity .3s linear
}

.custom-fields-table .custom-options-wrapper:hover {
    opacity: 1
}

.custom-fields-table .custom-options-wrapper a {
    display: inline-block
}

.custom-fields-table .custom-field-extra {
    align-items: center;
    border-bottom: 1px solid #e2e3e9;
    color: #70728f;
    font-size: .95em
}

.custom-fields-table .js-view-custom-field-extra {
    padding: .5em
}

.custom-fields-table .js-edit-custom-field {
    margin-left: .4rem
}

.custom-fields-table .custom-extra-attr-wrapper {
    flex-grow: 1
}

.custom-fields-table .custom-extra-actions {
    padding: .5em 0
}

.custom-fields-table .custom-extra-actions a {
    color: #19474b;
    display: flex
}

.custom-fields-table .custom-extra-actions svg {
    height: 1rem;
    margin-right: .25em;
    width: 1rem
}

.custom-fields-table .js-form .custom-options-wrapper, .custom-fields-table .js-new-custom-field:hover .custom-options-wrapper {
    opacity: 1
}

.admin-functionalities .module-container {
    max-width: 900px;
    width: 100%
}

.admin-functionalities .module {
    align-content: center;
    align-items: flex-start;
    border-bottom: 1px solid #e2e3e9;
    display: flex;
    padding: 1rem 0
}

.admin-functionalities .module.active .module-icon .icon {
    fill: #434456;
    stroke: #434456
}

.admin-functionalities .module.active .module-name {
    color: #434456
}

.admin-functionalities .module-icon {
    flex-basis: 3rem;
    flex-shrink: 0;
    margin: 0 .5rem 0 0
}

.admin-functionalities .module-icon .icon {
    width: 3rem;
    height: 3rem;
    fill: #70728f;
    stroke: #70728f
}

.admin-functionalities .module-name {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    font-size: 1.1rem;
    color: #70728f;
    flex-basis: 100px;
    flex-shrink: 0;
    margin: 0 .5rem
}

.admin-functionalities .module-desc {
    font-size: .875rem;
    color: #70728f;
    flex: 1;
    margin: 0 2rem 0 0
}

.admin-functionalities .module-desc p {
    margin: 0
}

.admin-functionalities .module-desc-options, .admin-functionalities .videoconference-attributes {
    align-items: flex-start;
    display: flex;
    margin-top: .5rem
}

.admin-functionalities .module-desc-options .options, .admin-functionalities .videoconference-attributes .options {
    align-items: center;
    display: flex;
    height: 1.875rem
}

.admin-functionalities .module-desc-options .icon, .admin-functionalities .module-desc-options fieldset, .admin-functionalities .videoconference-attributes .icon, .admin-functionalities .videoconference-attributes fieldset {
    margin: 0 .5rem
}

.admin-functionalities .module-desc-options .icon, .admin-functionalities .videoconference-attributes .icon {
    fill: #70728f
}

.admin-functionalities .module-desc-options .icon:hover, .admin-functionalities .videoconference-attributes .icon:hover {
    fill: #25a28c
}

.admin-functionalities .module-scrum .options {
    align-self: flex-end
}

.admin-functionalities .module-videoconference .options {
    align-self: flex-start
}

.admin-membership-table .title {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif
}

.admin-membership-table .avatar {
    align-items: center;
    display: flex
}

.admin-membership-table .avatar img {
    border-radius: 4px;
    flex-grow: 0;
    margin: 0 .5rem 0 .3rem;
    width: 50px
}

.admin-membership-table .avatar .data {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    font-size: .875rem;
    color: #5a5b72;
    margin-top: .2rem
}

.admin-membership-table .avatar .pending {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    color: #ffa0a0;
    display: inline-block;
    padding-left: .3rem
}

.admin-membership-table .user-data .name {
    display: flex
}

.admin-membership-table .user-data .icon-badge {
    margin-left: .25rem
}

.admin-membership-table .header-role, .admin-membership-table .header-status {
    padding-left: .5rem
}

.admin-membership-table .row-role {
    padding-right: 1rem
}

.admin-membership-table .row-status {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.admin-membership-table .active, .admin-membership-table .resend {
    font-size: .875rem;
    align-items: center;
    display: flex;
    justify-content: center;
    min-width: 4rem;
    padding: .4rem .5rem
}

.admin-membership-table .active {
    background-color: #e2e3e9
}

.admin-membership-table .resend {
    background-color: #19474b;
    color: #fff
}

.admin-membership-table .delete {
    fill: #70728f;
    transition: fill .2s
}

.admin-membership-table .delete:hover {
    fill: #ff6363
}

.admin-membership-table .pending {
    color: #ffa0a0
}

.admin-membership-table .row-admin input {
    vertical-align: middle
}

.admin-membership-table .row-admin label {
    font-size: .875rem
}

.admin-membership-table .header-member, .admin-membership-table .header-role, .admin-membership-table .row-member, .admin-membership-table .row-role {
    flex-basis: 210px;
    flex-grow: 3;
    min-width: 210px
}

.admin-membership-table .header-admin, .admin-membership-table .row-admin {
    flex-basis: 0;
    flex-grow: 1;
    min-width: 70px
}

.admin-membership-table .header-status, .admin-membership-table .row-status {
    flex-basis: 50px;
    flex-grow: 1
}

.admin-menu li {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    border-bottom: 1px solid #a9aabc;
    text-transform: uppercase
}

.admin-menu li:hover {
    background: #fff
}

.admin-menu li:hover a {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    color: #70728f
}

.admin-menu li:last-child {
    border-bottom: 0
}

.admin-menu a {
    color: #70728f;
    display: block;
    padding: 1rem 0 1rem 1rem
}

.admin-project-export-buttons {
    margin: 2rem 0 1rem
}

.admin-project-export-result {
    margin-top: 1rem
}

.admin-project-export-result .spin {
    margin: 0 auto;
    width: 2.5rem
}

.admin-project-export-result .spin img {
    animation-timing-function: ease-in-out;
    animation: rotate 1.5s cubic-bezier(0, .05, .87, 1.04) infinite alternate;
    margin: 0 auto;
    max-height: 1rem;
    max-width: 1rem;
    transform-origin: 32 32;
    width: 100%
}

.admin-project-export-result h3 {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    font-size: 1.1rem;
    background: #f1f1f4;
    color: #5a5b72;
    margin: .5rem;
    padding: .5rem;
    text-align: center
}

.admin-project-export-result p {
    color: #70728f;
    margin: .5rem 0;
    text-align: center
}

.project-details form {
    display: flex
}

.project-details fieldset {
    margin-bottom: 1rem
}

.project-details label {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    display: block;
    margin-bottom: .2rem
}

.project-details .project-details-image {
    flex-grow: 0;
    flex-shrink: 0;
    margin-right: 2rem;
    width: 180px
}

.project-details .project-details-image .image {
    width: 100%
}

.project-details .image-container {
    margin-bottom: .5rem;
    position: relative
}

.project-details .loading-overlay {
    display: none
}

.project-details .loading-overlay.active {
    align-items: center;
    background: rgba(22, 23, 29, .8);
    bottom: 0;
    display: flex;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.project-details .loading-spinner {
    animation-timing-function: ease-in-out;
    animation: rotate 1.5s cubic-bezier(0, .05, .87, 1.04) infinite alternate;
    margin: 0 auto;
    max-height: 1rem;
    max-width: 1rem;
    transform-origin: 32 32;
    border: 0;
    transform-origin: center center
}

.project-details .use-default-image {
    font-size: .875rem;
    display: block;
    margin-top: .5rem;
    text-align: center
}

.project-details .use-default-image:hover {
    color: #ff6363
}

.project-details .project-details-form-data {
    flex: 1;
    max-width: 500px
}

@media screen and (max-width: 1023px) {
    .project-details form {
        display: block
    }
}

.project-details .get-feedback, .project-details .looking-for-people {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    border-bottom: 1px solid #e2e3e9;
    padding: 1rem 0
}

.project-details .looking-for-people {
    border-top: 1px solid #e2e3e9;
    margin-bottom: 0
}

.project-details .get-feedback-inner, .project-details .looking-for-people-selector {
    align-items: center;
    display: flex
}

.project-details .get-feedback-inner svg, .project-details .looking-for-people-selector svg {
    width: 1rem;
    height: 1rem;
    fill: #70728f;
    margin-left: .5rem
}

.project-details .get-feedback-inner .check, .project-details .looking-for-people-selector .check {
    margin-left: auto
}

.project-details .looking-for-people-reason {
    display: block;
    margin-top: 1rem
}

.project-details .looking-for-people-reason.ng-hide-remove-active {
    animation: dropdownFade .3s
}

.project-details .looking-for-people-reason.ng-hide-add-active {
    animation: dropdownFade .2s reverse;
    animation-delay: .1s
}

.project-details .delete-project {
    font-size: .875rem;
    display: block;
    margin-top: 1rem;
    text-align: right
}

.project-details .delete-project:hover {
    color: #ff6363
}

.project-details .private-or-public {
    font-size: .875rem;
    color: #70728f;
    display: flex
}

.project-details .private-or-public svg {
    width: 1.1rem;
    height: 1.1rem;
    fill: #70728f;
    margin-right: .5rem;
    vertical-align: middle
}

.project-details .tags-container {
    align-items: flex-end;
    -moz-column-gap: .5rem;
    column-gap: .5rem;
    display: flex;
    flex-wrap: wrap;
    margin-right: .25rem;
    row-gap: .5rem;
    width: 100%
}

.project-details .tags-container .tag {
    font-size: .875rem;
    align-items: center;
    display: inline-flex;
    min-height: 2rem
}

.project-details .button-full {
    width: 100%
}

.project-privacy-settings {
    display: flex;
    margin-bottom: .5rem
}

.project-privacy-settings .privacy-option {
    flex: 1;
    transition: .2 linear
}

.project-privacy-settings .privacy-option:first-child {
    margin-right: .5rem
}

.project-privacy-settings input[type=radio] {
    display: none
}

.project-privacy-settings input[type=text] {
    display: none
}

.project-privacy-settings label {
    background: #f1f1f4;
    color: #434456;
    text-align: center;
    transition: all .2s linear
}

.project-privacy-settings label:hover {
    background: rgba(0, 138, 168, .4);
    color: #434456
}

.project-privacy-settings label:hover svg {
    fill: #434456
}

.project-privacy-settings label svg {
    width: 1.1rem;
    height: 1.1rem;
    fill: #434456;
    margin-left: .5rem;
    vertical-align: middle
}

.project-privacy-settings .privacy-project + label {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    display: inline-flex;
    width: 100%
}

.project-privacy-settings .privacy-project:checked + label {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    background: #19474b;
    color: #fff
}

.project-privacy-settings .privacy-project:checked + label svg {
    width: 1.1rem;
    height: 1.1rem;
    fill: #fff
}

.project-privacy-settings .privacy-project:checked ~ input[type=text] {
    display: block
}

.project-privacy-settings .privacy-project[disabled] + label {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    background: #f1f1f4;
    box-shadow: none;
    color: #70728f;
    cursor: not-allowed;
    opacity: .65
}

.project-privacy-settings .privacy-project[disabled] + label:hover {
    background: #f1f1f4;
    color: #70728f
}

tg-admin-project-restrictions .setting-project-warning {
    font-size: .875rem;
    background: #eceff4;
    border: 2px solid #e44057;
    display: flex;
    margin-bottom: 1rem;
    padding: 1rem
}

tg-admin-project-restrictions .icon-alert {
    fill: #e44057;
    flex-grow: 1;
    flex-shrink: 0;
    height: 1rem;
    margin-right: .5rem;
    margin-top: .15rem;
    vertical-align: middle;
    width: 1rem
}

tg-admin-project-restrictions p {
    margin-bottom: 0
}

tg-admin-project-restrictions p a {
    color: #19474b;
    display: inline-block
}

.admin-project-profile-owner-actions {
    align-items: center;
    border-top: 1px solid #e2e3e9;
    display: flex;
    justify-content: space-between;
    padding-top: 1rem
}

.admin-project-profile-owner-actions a {
    color: #19474b
}

.admin-project-profile-owner-actions a:hover {
    color: #19474b;
    transition: color .2s
}

.admin-project-profile-owner-actions img {
    width: 100%
}

.admin-project-profile-owner-actions .owner-info {
    flex: 1;
    padding-left: .5rem
}

.admin-project-profile-owner-actions .owner-info-title {
    color: #70728f
}

.admin-project-profile-owner-actions .owner-name {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif
}

.admin-project-profile-owner-actions .owner-avatar {
    width: 2.5rem
}

.admin-project-profile-owner-actions .request {
    flex-shrink: 0;
    text-align: right
}

.admin-project-profile-owner-actions .request .limit-message {
    font-size: .875rem;
    color: #4c566a;
    font-style: italic;
    margin-bottom: 0
}

.admin-project-profile-owner-actions.limit .request a {
    cursor: default;
    opacity: .5
}

.admin-roles .save {
    display: inline-block
}

.admin-roles .role-name {
    font-size: 1.7rem;
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    color: #434456
}

.admin-roles .icon:hover {
    fill: #25a28c;
    transition: fill .2s linear
}

.admin-roles .icon-edit {
    cursor: pointer;
    fill: #70728f;
    margin-left: .5rem;
    opacity: 0;
    transition: opacity .2s linear
}

.admin-roles .icon-save {
    fill: #70728f;
    margin-left: .5rem;
    transition: fill .2s linear
}

.admin-roles .edit-role {
    background-color: #e2e3e9;
    display: none;
    margin-bottom: 1rem;
    padding: .3rem 1rem
}

.admin-roles .edit-role input {
    background-color: #fff;
    width: 50%
}

.admin-roles .any-computable-role {
    background: #ff6363;
    color: #fff;
    margin-bottom: .5rem;
    padding: .5rem
}

.admin-roles .general-category {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    font-size: .875rem;
    align-items: center;
    display: flex;
    justify-content: flex-end;
    padding-bottom: 2rem
}

.admin-roles .general-category.external-user {
    justify-content: flex-start
}

.admin-roles .general-category .check {
    margin-left: .5rem
}

.admin-roles .general-category .check input {
    height: 40px;
    width: 85px
}

.admin-submenu-roles .single-role {
    display: inline-block;
    max-width: 175px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    display: inline-block
}

.admin-submenu li {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    border-bottom: 1px solid #a9aabc;
    text-transform: uppercase
}

.admin-submenu li:last-child {
    border-bottom: 0
}

.admin-submenu ul a {
    display: flex;
    justify-content: space-between;
    padding: 1rem 0 1rem 1rem;
    transition: none
}

.admin-submenu ul a span {
    display: block;
    max-width: 85%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.admin-submenu input {
    margin: 0 1rem;
    width: 85%
}

.admin-submenu .button-gray {
    display: flex;
    justify-content: center;
    margin: 0 1rem;
    padding: .5rem 0;
    text-align: center
}

.admin-submenu .button-gray:hover {
    background-color: #16171d
}

.admin-submenu .btn-menu-full {
    display: flex;
    margin: 0 1rem;
    width: calc(100% - 2rem)
}

.admin-webhooks .webhooks-table {
    margin-bottom: 1rem
}

.admin-webhooks .webhooks-table .row {
    border-bottom: 0;
    padding: .5rem 0
}

.admin-webhooks .webhooks-table .row:hover .webhook-options-wrapper {
    opacity: 1;
    transition: opacity .2s linear
}

.admin-webhooks .table-header {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    border-bottom: 1px solid #70728f
}

.admin-webhooks .table-body .webhook-service {
    color: #5a5b72
}

.admin-webhooks .single-webhook-wrapper {
    border-bottom: 1px solid #e2e3e9
}

.admin-webhooks .webhook-service, .admin-webhooks .webhook-url {
    margin-right: .5rem
}

.admin-webhooks .webhook-service {
    flex-basis: 20%;
    flex-shrink: 0
}

.admin-webhooks .webhook-url {
    flex-basis: 60%;
    flex-grow: 0;
    flex-shrink: 0;
    overflow: hidden
}

.admin-webhooks .webhook-url span {
    display: inline-block;
    max-width: 85%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    color: #70728f;
    display: inline-block;
    vertical-align: middle
}

.admin-webhooks .webhook-url a {
    color: #19474b;
    margin-left: .5rem;
    white-space: nowrap
}

.admin-webhooks .webhook-options {
    flex-basis: 100px;
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: auto
}

.admin-webhooks .webhook-options a {
    cursor: pointer;
    display: inline-block;
    margin-right: .5rem
}

.admin-webhooks .webhook-options svg {
    fill: #70728f
}

.admin-webhooks .webhook-options svg:hover {
    fill: #25a28c;
    transition: fill .2s linear
}

.admin-webhooks .webhook-options-wrapper {
    opacity: 0;
    transition: opacity .3s linear
}

.admin-webhooks .webhook-url-inputs {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center
}

.admin-webhooks .webhook-url-inputs fieldset {
    flex-grow: 1;
    margin-right: .3rem
}

.admin-webhooks .webhooks-history {
    display: none
}

.admin-webhooks .history-single-wrapper {
    border-bottom: 1px solid #e2e3e9;
    margin-left: 22%
}

.admin-webhooks .history-single {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    padding: .5rem;
    transition: background .2s linear
}

.admin-webhooks .history-single:hover {
    background: rgba(92, 186, 169, .1);
    transition: background .2s linear
}

.admin-webhooks .history-single.history-single-open:hover {
    background: 0 0
}

.admin-webhooks .history-single.history-single-open .icon-arrow-bottom {
    transform: rotate(180deg);
    transition: transform .3s linear
}

.admin-webhooks .history-single .icon-arrow-bottom {
    transform: rotate(0);
    transition: transform .3s linear
}

.admin-webhooks .history-response-icon {
    background: #5a5b72;
    border-radius: 25%;
    display: inline-block;
    height: .8rem;
    margin-right: .5rem;
    width: .8rem
}

.admin-webhooks .history-response-icon.history-success {
    background: #5cbaa9
}

.admin-webhooks .history-response-icon.history-error {
    background: #ff6363
}

.admin-webhooks .history-single-response {
    max-height: 0;
    transition: max-height .5s ease-in;
    overflow: hidden
}

.admin-webhooks .history-single-response.open {
    transition: max-height .5s ease-in;
    max-height: 1000px
}

.admin-webhooks .history-single-request-header, .admin-webhooks .history-single-response-header {
    display: flex;
    justify-content: space-between;
    padding: 1.5rem 0 .5rem
}

.admin-webhooks .history-single-request-header span:first-child, .admin-webhooks .history-single-response-header span:first-child {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    color: #70728f
}

.admin-webhooks .history-single-request-header a, .admin-webhooks .history-single-response-header a {
    font-size: .875rem;
    color: #70728f
}

.admin-webhooks .history-single-request-header a:hover, .admin-webhooks .history-single-response-header a:hover {
    color: #5cbaa9;
    transition: color .2s linear
}

.admin-webhooks .history-single-request-header .icon, .admin-webhooks .history-single-response-header .icon {
    margin-right: .3rem;
    vertical-align: middle
}

.admin-webhooks .history-single-request-body .response-container, .admin-webhooks .history-single-response-body .response-container {
    font-family: 'courier new', monospace;
    align-content: center;
    align-items: center;
    background: #e2e3e9;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin-bottom: .5rem
}

.admin-webhooks .history-single-request-body span, .admin-webhooks .history-single-response-body span {
    font-size: .875rem;
    color: #70728f;
    flex-basis: 20%;
    flex-grow: 1;
    flex-shrink: 0;
    text-align: center
}

.admin-webhooks .history-single-request-body textarea, .admin-webhooks .history-single-response-body textarea {
    font-family: 'courier new', monospace;
    border: 0;
    flex-grow: 2;
    min-height: 7.5rem
}

.admin-webhooks .history-single-response-body textarea {
    min-height: 10rem
}

.admin-contrib form {
    margin: 1rem 0;
    max-width: 700px;
    width: 100%
}

.admin-contrib h2 {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    font-size: 1.1rem;
    margin-bottom: 0
}

.admin-contrib fieldset {
    border-bottom: 1px solid #e2e3e9;
    margin-bottom: 1rem
}

.admin-contrib input {
    margin-bottom: 1rem
}

.admin-contrib label {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    display: block;
    margin-bottom: .25rem
}

.admin-contrib .select-input-text .field-with-option {
    display: flex
}

.admin-contrib .select-input-text .option-wrapper {
    align-items: center;
    border: 1px solid #70728f;
    border-left: 0;
    border-radius: 0 5px 5px 0;
    cursor: pointer;
    display: flex;
    margin-bottom: 1rem;
    padding: 0 1rem
}

.admin-contrib .check-item {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 1rem
}

.admin-contrib .check-item:last-child {
    border-bottom: 0;
    margin-bottom: 1rem
}

.contrib-form-wrapper {
    align-items: center;
    display: flex;
    margin-bottom: 1rem
}

.contrib-form-wrapper input {
    margin: 0
}

.contrib-form-wrapper .contrib-input {
    border: 0;
    flex: 5;
    margin: 0
}

.contrib-form-wrapper .contrib-test {
    border: 0;
    flex: 1;
    margin: 0;
    margin-left: 1rem
}

.default-values fieldset {
    margin-bottom: 1rem
}

.default-values fieldset:last-child {
    margin-top: 1.5rem
}

.default-values label, .default-values select {
    display: inline-block;
    width: 49.7%
}

.default-values a {
    color: #fff;
    display: block;
    text-align: center
}

.project-csv {
    margin-bottom: 2.5rem
}

.project-csv .project-values-title {
    margin-bottom: 1rem
}

.project-csv .csv-regenerate-field {
    align-content: center;
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem
}

.project-csv .csv-regenerate-field a {
    font-size: .875rem;
    display: flex;
    margin-left: 1em;
    white-space: nowrap
}

.project-csv .csv-regenerate-field .icon:not(.icon-clipboard) {
    fill: currentColor;
    height: .9rem;
    margin-right: .3rem;
    vertical-align: middle;
    width: .9rem
}

.project-csv .field-with-options {
    display: flex;
    width: 100%
}

.project-csv .field-with-options input {
    flex-grow: 1
}

.project-csv .option-wrapper {
    align-items: center;
    border: 1px solid #70728f;
    border-left: 0;
    border-radius: 0 5px 5px 0;
    cursor: pointer;
    display: flex;
    padding: 0 1rem
}

.project-csv .button {
    padding: .5rem 1rem
}

.project-csv .button span {
    margin: 0
}

.project-values-row {
    align-items: center;
    border-bottom: 1px solid #e2e3e9;
    display: flex;
    justify-content: center;
    padding: 1rem
}

.project-values-row div {
    margin-left: 1rem;
    position: relative
}

.project-values-row .icon {
    cursor: pointer;
    fill: #70728f;
    opacity: 0
}

.project-values-row .icon:hover {
    fill: #434456;
    transition: all .2s ease-in
}

.project-values-header {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    border-bottom: 3px solid #e2e3e9
}

.project-values-body form:last-child .project-values-row {
    border: 0
}

.project-values-body .project-values-row:hover {
    background: #fbfefe;
    cursor: move;
    transition: background .2s ease-in
}

.project-values-body .project-values-row:hover .icon {
    opacity: 1;
    transition: opacity .2s ease-in
}

.project-values-name {
    flex-basis: 0;
    flex-grow: 3
}

.project-values-value {
    flex-basis: 0;
    flex-grow: 1
}

.project-values-isclosed, .project-values-settings {
    flex-basis: 0;
    flex-grow: 1;
    text-align: right
}

.project-values-settings a {
    display: inline-block;
    margin-right: .5rem
}

.project-values-settings svg.icon-trash {
    fill: #e44057
}

.admin-third-parties form {
    margin: 1rem 0;
    max-width: 700px;
    width: 100%
}

.admin-third-parties input, .admin-third-parties textarea {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif
}

.admin-third-parties fieldset {
    margin-bottom: 1rem
}

.admin-third-parties label {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    display: block;
    margin-bottom: .2rem
}

.admin-third-parties textarea {
    height: 10rem
}

.admin-third-parties .select-input-text .field-with-option {
    display: flex
}

.admin-third-parties .select-input-text .option-wrapper {
    align-items: center;
    border: 2px solid #d8dee9;
    border-left: 0;
    border-radius: 0 5px 5px 0;
    cursor: pointer;
    display: flex;
    padding: 0 1rem
}

.admin-third-parties .select-input-text .help-copy {
    font-size: .875rem;
    opacity: 0
}

.admin-third-parties .select-input-text .help-copy.visible {
    opacity: 1;
    transition: opacity .2s linear
}

.cancel-account fieldset {
    text-align: center
}

.cancel-account p {
    color: #434456;
    margin-bottom: .5rem;
    text-align: center
}

.cancel-account form {
    margin-top: 1rem
}

.change-email-form fieldset, .verify-email-form fieldset {
    text-align: center
}

.change-email-form p, .verify-email-form p {
    color: #fff;
    margin-bottom: .5rem;
    text-align: center
}

.change-email-form form, .verify-email-form form {
    margin-top: 1rem
}

.change-password-text {
    color: #fff;
    text-align: center
}

.forgot-form-container {
    text-align: center
}

.forgot-form-container .forgot-text {
    color: #fff
}

.login-form-container {
    padding-top: 1rem;

}

.login-form-container  .login-form {
    padding-top: 1rem;
    display: flex;
    flex-direction: column;
    gap: 5px;

}

.login-form-container .login-password {
    position: relative
}

.login-form-container input:focus + .forgot-pass {
    opacity: 0;
    transition: opacity .3s linear
}

.login-form-container a {
    color: #4c566a
}

.login-form-container .forgot-pass {
    font-size: .875rem;
    color: #4c566a;
    opacity: 1;
    position: absolute;
    right: 1rem;
    top: .6rem;
    transition: all .3s linear
}

.login-form-container .forgot-pass:hover {
    color: #3b4252;
    transition: color .3s linear
}

.register-form-container {
    display: block
}

.register-form-container .register-text-top {
    color: #2e3440;
    display: block;
    margin: 1rem 0;
    text-align: center;
    text-decoration: underline
}

.register-form-container .register-text {
    font-size: .875rem
}

.backlog-table-body, .backlog-table-header {
    display: flex;
    flex-direction: column;
    width: 100%
}

.backlog-table-body.show-tags .tags-block, .backlog-table-header.show-tags .tags-block {
    display: block
}

.backlog-table-body .row, .backlog-table-header .row {
    font-size: .875rem;
    align-items: flex-start;
    display: flex;
    margin-bottom: .25rem;
    margin-top: .25rem;
    padding: 1rem;
    -webkit-padding-after: .75rem;
    padding-block-end: .75rem;
    text-align: left;
    width: 100%
}

.backlog-table-body .backlog-table-title .draggable-us-row, .backlog-table-body .row .draggable-us-row, .backlog-table-header .backlog-table-title .draggable-us-row, .backlog-table-header .row .draggable-us-row {
    flex-grow: 0;
    flex-shrink: 0;
    -webkit-margin-end: .5rem;
    margin-inline-end: .5rem
}

.backlog-table-body .backlog-table-title .draggable-us-row tg-svg svg, .backlog-table-body .row .draggable-us-row tg-svg svg, .backlog-table-header .backlog-table-title .draggable-us-row tg-svg svg, .backlog-table-header .row .draggable-us-row tg-svg svg {
    width: 1rem;
    height: 1rem;
    fill: #19474b
}

.backlog-table-body .backlog-table-title .input, .backlog-table-body .row .input, .backlog-table-header .backlog-table-title .input, .backlog-table-header .row .input {
    align-items: center;
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    -webkit-margin-end: .75rem;
    margin-inline-end: .75rem
}

.backlog-table-body .backlog-table-title > .status, .backlog-table-body .row > .status, .backlog-table-header .backlog-table-title > .status, .backlog-table-header .row > .status {
    flex-basis: 150px;
    flex-grow: 0;
    flex-shrink: 0;
    max-width: 150px;
    position: relative;
    text-align: right
}

.backlog-table-body .backlog-table-title .points, .backlog-table-body .row .points, .backlog-table-header .backlog-table-title .points, .backlog-table-header .row .points {
    align-items: center;
    display: flex;
    flex-grow: 0;
    justify-content: flex-end;
    margin-left: 1rem;
    width: 75px
}

.backlog-table-body .backlog-table-title .points .inner, .backlog-table-body .row .points .inner, .backlog-table-header .backlog-table-title .points .inner, .backlog-table-header .row .points .inner {
    align-items: center;
    display: flex
}

.backlog-table-body .backlog-table-title .points tg-svg, .backlog-table-body .row .points tg-svg, .backlog-table-header .backlog-table-title .points tg-svg, .backlog-table-header .row .points tg-svg {
    margin-left: .2rem;
    width: 12px
}

.backlog-table-body .backlog-table-title .points tg-svg, .backlog-table-header .backlog-table-title .points tg-svg {
    width: 17px
}

.backlog-table-body .backlog-table-title .points .icon, .backlog-table-header .backlog-table-title .points .icon {
    width: 1.5rem;
    height: 1.5rem;
    margin-top: -1px
}

.backlog-table-body .points, .backlog-table-body > .status, .backlog-table-header .points, .backlog-table-header > .status {
    position: relative
}

.backlog-table-body .points .icon, .backlog-table-body > .status .icon, .backlog-table-header .points .icon, .backlog-table-header > .status .icon {
    width: 1rem;
    height: 1rem;
    fill: #19474b;
    margin-top: .1rem
}

.backlog-table-body .pop-status, .backlog-table-header .pop-status {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    font-size: .875rem;
    background: #fff;
    border: 1px solid #d8dee9;
    border-radius: 4px;
    box-shadow: 4px 4px 8px rgba(46, 52, 64, .1);
    color: #19474b;
    display: none;
    list-style-type: none;
    margin: 0;
    padding: .5rem;
    position: absolute;
    right: 0;
    text-align: "";
    top: 20px;
    width: 200px;
    z-index: 2
}

.backlog-table-body .pop-status:hover, .backlog-table-header .pop-status:hover {
    color: #70728f
}

.backlog-table-body .pop-status a, .backlog-table-header .pop-status a {
    padding: .25rem
}

.backlog-table-body .pop-status li, .backlog-table-header .pop-status li {
    margin-bottom: .25rem
}

.backlog-table-body .pop-status li:last-child, .backlog-table-header .pop-status li:last-child {
    margin-bottom: 0
}

.backlog-table-body .pop-status li:hover, .backlog-table-header .pop-status li:hover {
    background: #eceff4;
    color: #70728f
}

.backlog-table-body .pop-status li:hover a, .backlog-table-header .pop-status li:hover a {
    color: #70728f
}

.backlog-table-body .pop-status.horizontal li, .backlog-table-header .pop-status.horizontal li {
    margin-bottom: .25rem;
    white-space: nowrap;
    width: 100%
}

.backlog-table-body .pop-status.horizontal a, .backlog-table-header .pop-status.horizontal a {
    width: 100%
}

.backlog-table-body .pop-status.horizontal a.active, .backlog-table-header .pop-status.horizontal a.active {
    color: #fff
}

.backlog-table-body .pop-status.horizontal .point, .backlog-table-header .pop-status.horizontal .point {
    align-items: center;
    color: #19474b;
    display: flex;
    height: auto;
    justify-content: flex-start;
    min-height: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .25s ease;
    white-space: nowrap
}

.backlog-table-body .pop-status.horizontal .point:hover, .backlog-table-header .pop-status.horizontal .point:hover {
    transition: all .25s ease
}

.backlog-table-body .pop-status.pop-points-open li, .backlog-table-header .pop-status.pop-points-open li {
    display: inline-flex;
    margin: 0;
    padding: 0
}

.backlog-table-body .pop-status a.active, .backlog-table-header .pop-status a.active {
    background: #19474b;
    color: #fff
}

.backlog-table-body .pop-status .point, .backlog-table-header .pop-status .point {
    align-items: center;
    color: #19474b;
    display: flex;
    height: 2.5rem;
    justify-content: center;
    transition: all .25s ease;
    width: 2.5rem
}

.backlog-table-body .pop-status .point:hover, .backlog-table-header .pop-status .point:hover {
    transition: all .25s ease
}

.backlog-table-body .pop-status .priority, .backlog-table-body .pop-status .role, .backlog-table-body .pop-status .severity, .backlog-table-body .pop-status .status, .backlog-table-body .pop-status .type, .backlog-table-header .pop-status .priority, .backlog-table-header .pop-status .role, .backlog-table-header .pop-status .severity, .backlog-table-header .pop-status .status, .backlog-table-header .pop-status .type {
    align-items: center;
    color: #19474b;
    display: flex;
    min-height: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .25s ease;
    white-space: nowrap
}

.backlog-table-body .pop-status .priority:hover, .backlog-table-body .pop-status .role:hover, .backlog-table-body .pop-status .severity:hover, .backlog-table-body .pop-status .status:hover, .backlog-table-body .pop-status .type:hover, .backlog-table-header .pop-status .priority:hover, .backlog-table-header .pop-status .role:hover, .backlog-table-header .pop-status .severity:hover, .backlog-table-header .pop-status .status:hover, .backlog-table-header .pop-status .type:hover {
    transition: all .25s ease
}

.backlog-table-body .pop-status::before, .backlog-table-header .pop-status::before {
    background: #fff;
    content: '';
    height: 15px;
    position: absolute;
    transform: rotate(45deg);
    width: 0
}

.backlog-table-body .pop-status .item-text, .backlog-table-header .pop-status .item-text {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    overflow-wrap: break-word;
    text-align: left;
    white-space: initial
}

.backlog-table-body .pop-status.fix, .backlog-table-header .pop-status.fix {
    bottom: 0;
    top: auto
}

.backlog-table-body .pop-role, .backlog-table-header .pop-role {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    font-size: .875rem;
    background: #fff;
    border: 1px solid #d8dee9;
    border-radius: 4px;
    box-shadow: 4px 4px 8px rgba(46, 52, 64, .1);
    color: #19474b;
    display: none;
    list-style-type: none;
    margin: 0;
    padding: .5rem;
    position: absolute;
    right: 0;
    text-align: "";
    top: 20px;
    width: 200px;
    z-index: 2;
    text-transform: none
}

.backlog-table-body .pop-role:hover, .backlog-table-header .pop-role:hover {
    color: #70728f
}

.backlog-table-body .pop-role a, .backlog-table-header .pop-role a {
    padding: .25rem
}

.backlog-table-body .pop-role li, .backlog-table-header .pop-role li {
    margin-bottom: .25rem
}

.backlog-table-body .pop-role li:last-child, .backlog-table-header .pop-role li:last-child {
    margin-bottom: 0
}

.backlog-table-body .pop-role li:hover, .backlog-table-header .pop-role li:hover {
    background: #eceff4;
    color: #70728f
}

.backlog-table-body .pop-role li:hover a, .backlog-table-header .pop-role li:hover a {
    color: #70728f
}

.backlog-table-body .pop-role.horizontal li, .backlog-table-header .pop-role.horizontal li {
    margin-bottom: .25rem;
    white-space: nowrap;
    width: 100%
}

.backlog-table-body .pop-role.horizontal a, .backlog-table-header .pop-role.horizontal a {
    width: 100%
}

.backlog-table-body .pop-role.horizontal a.active, .backlog-table-header .pop-role.horizontal a.active {
    color: #fff
}

.backlog-table-body .pop-role.horizontal .point, .backlog-table-header .pop-role.horizontal .point {
    align-items: center;
    color: #19474b;
    display: flex;
    height: auto;
    justify-content: flex-start;
    min-height: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .25s ease;
    white-space: nowrap
}

.backlog-table-body .pop-role.horizontal .point:hover, .backlog-table-header .pop-role.horizontal .point:hover {
    transition: all .25s ease
}

.backlog-table-body .pop-role.pop-points-open li, .backlog-table-header .pop-role.pop-points-open li {
    display: inline-flex;
    margin: 0;
    padding: 0
}

.backlog-table-body .pop-role a.active, .backlog-table-header .pop-role a.active {
    background: #19474b;
    color: #fff
}

.backlog-table-body .pop-role .point, .backlog-table-header .pop-role .point {
    align-items: center;
    color: #19474b;
    display: flex;
    height: 2.5rem;
    justify-content: center;
    transition: all .25s ease;
    width: 2.5rem
}

.backlog-table-body .pop-role .point:hover, .backlog-table-header .pop-role .point:hover {
    transition: all .25s ease
}

.backlog-table-body .pop-role .priority, .backlog-table-body .pop-role .role, .backlog-table-body .pop-role .severity, .backlog-table-body .pop-role .status, .backlog-table-body .pop-role .type, .backlog-table-header .pop-role .priority, .backlog-table-header .pop-role .role, .backlog-table-header .pop-role .severity, .backlog-table-header .pop-role .status, .backlog-table-header .pop-role .type {
    align-items: center;
    color: #19474b;
    display: flex;
    min-height: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .25s ease;
    white-space: nowrap
}

.backlog-table-body .pop-role .priority:hover, .backlog-table-body .pop-role .role:hover, .backlog-table-body .pop-role .severity:hover, .backlog-table-body .pop-role .status:hover, .backlog-table-body .pop-role .type:hover, .backlog-table-header .pop-role .priority:hover, .backlog-table-header .pop-role .role:hover, .backlog-table-header .pop-role .severity:hover, .backlog-table-header .pop-role .status:hover, .backlog-table-header .pop-role .type:hover {
    transition: all .25s ease
}

.backlog-table-body .pop-role::before, .backlog-table-header .pop-role::before {
    background: #fff;
    content: '';
    height: 15px;
    position: absolute;
    transform: rotate(45deg);
    width: 0
}

.backlog-table-body .pop-role .item-text, .backlog-table-header .pop-role .item-text {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    overflow-wrap: break-word;
    text-align: left;
    white-space: initial
}

.backlog-table-body .pop-points, .backlog-table-header .pop-points {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    font-size: .875rem;
    background: #fff;
    border: 1px solid #d8dee9;
    border-radius: 4px;
    bottom: 10px;
    box-shadow: 4px 4px 8px rgba(46, 52, 64, .1);
    color: #19474b;
    display: none;
    left: 30px;
    list-style-type: none;
    margin: 0;
    padding: .5rem;
    position: absolute;
    text-align: "";
    width: 150px;
    z-index: 2
}

.backlog-table-body .pop-points:hover, .backlog-table-header .pop-points:hover {
    color: #70728f
}

.backlog-table-body .pop-points a, .backlog-table-header .pop-points a {
    padding: .25rem
}

.backlog-table-body .pop-points li, .backlog-table-header .pop-points li {
    margin-bottom: .25rem
}

.backlog-table-body .pop-points li:last-child, .backlog-table-header .pop-points li:last-child {
    margin-bottom: 0
}

.backlog-table-body .pop-points li:hover, .backlog-table-header .pop-points li:hover {
    background: #eceff4;
    color: #70728f
}

.backlog-table-body .pop-points li:hover a, .backlog-table-header .pop-points li:hover a {
    color: #70728f
}

.backlog-table-body .pop-points.horizontal li, .backlog-table-header .pop-points.horizontal li {
    margin-bottom: .25rem;
    white-space: nowrap;
    width: 100%
}

.backlog-table-body .pop-points.horizontal a, .backlog-table-header .pop-points.horizontal a {
    width: 100%
}

.backlog-table-body .pop-points.horizontal a.active, .backlog-table-header .pop-points.horizontal a.active {
    color: #fff
}

.backlog-table-body .pop-points.horizontal .point, .backlog-table-header .pop-points.horizontal .point {
    align-items: center;
    color: #19474b;
    display: flex;
    height: auto;
    justify-content: flex-start;
    min-height: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .25s ease;
    white-space: nowrap
}

.backlog-table-body .pop-points.horizontal .point:hover, .backlog-table-header .pop-points.horizontal .point:hover {
    transition: all .25s ease
}

.backlog-table-body .pop-points.pop-points-open li, .backlog-table-header .pop-points.pop-points-open li {
    display: inline-flex;
    margin: 0;
    padding: 0
}

.backlog-table-body .pop-points a.active, .backlog-table-header .pop-points a.active {
    background: #19474b;
    color: #fff
}

.backlog-table-body .pop-points .point, .backlog-table-header .pop-points .point {
    align-items: center;
    color: #19474b;
    display: flex;
    height: 2.5rem;
    justify-content: center;
    transition: all .25s ease;
    width: 2.5rem
}

.backlog-table-body .pop-points .point:hover, .backlog-table-header .pop-points .point:hover {
    transition: all .25s ease
}

.backlog-table-body .pop-points .priority, .backlog-table-body .pop-points .role, .backlog-table-body .pop-points .severity, .backlog-table-body .pop-points .status, .backlog-table-body .pop-points .type, .backlog-table-header .pop-points .priority, .backlog-table-header .pop-points .role, .backlog-table-header .pop-points .severity, .backlog-table-header .pop-points .status, .backlog-table-header .pop-points .type {
    align-items: center;
    color: #19474b;
    display: flex;
    min-height: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .25s ease;
    white-space: nowrap
}

.backlog-table-body .pop-points .priority:hover, .backlog-table-body .pop-points .role:hover, .backlog-table-body .pop-points .severity:hover, .backlog-table-body .pop-points .status:hover, .backlog-table-body .pop-points .type:hover, .backlog-table-header .pop-points .priority:hover, .backlog-table-header .pop-points .role:hover, .backlog-table-header .pop-points .severity:hover, .backlog-table-header .pop-points .status:hover, .backlog-table-header .pop-points .type:hover {
    transition: all .25s ease
}

.backlog-table-body .pop-points::before, .backlog-table-header .pop-points::before {
    background: #fff;
    content: '';
    height: 15px;
    position: absolute;
    transform: rotate(45deg);
    width: 0
}

.backlog-table-body .pop-points .item-text, .backlog-table-header .pop-points .item-text {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    overflow-wrap: break-word;
    text-align: left;
    white-space: initial
}

.backlog-table-body .pop-points-open, .backlog-table-header .pop-points-open {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    font-size: .875rem;
    background: #fff;
    border: 1px solid #d8dee9;
    border-radius: 4px;
    box-shadow: 4px 4px 8px rgba(46, 52, 64, .1);
    color: #19474b;
    display: none;
    left: auto;
    list-style-type: none;
    margin: 0;
    padding: .5rem;
    position: absolute;
    right: 0;
    text-align: "";
    top: 20px;
    width: 188px;
    z-index: 2
}

.backlog-table-body .pop-points-open:hover, .backlog-table-header .pop-points-open:hover {
    color: #70728f
}

.backlog-table-body .pop-points-open a, .backlog-table-header .pop-points-open a {
    padding: .25rem
}

.backlog-table-body .pop-points-open li, .backlog-table-header .pop-points-open li {
    margin-bottom: .25rem
}

.backlog-table-body .pop-points-open li:last-child, .backlog-table-header .pop-points-open li:last-child {
    margin-bottom: 0
}

.backlog-table-body .pop-points-open li:hover, .backlog-table-header .pop-points-open li:hover {
    background: #eceff4;
    color: #70728f
}

.backlog-table-body .pop-points-open li:hover a, .backlog-table-header .pop-points-open li:hover a {
    color: #70728f
}

.backlog-table-body .pop-points-open.horizontal li, .backlog-table-header .pop-points-open.horizontal li {
    margin-bottom: .25rem;
    white-space: nowrap;
    width: 100%
}

.backlog-table-body .pop-points-open.horizontal a, .backlog-table-header .pop-points-open.horizontal a {
    width: 100%
}

.backlog-table-body .pop-points-open.horizontal a.active, .backlog-table-header .pop-points-open.horizontal a.active {
    color: #fff
}

.backlog-table-body .pop-points-open.horizontal .point, .backlog-table-header .pop-points-open.horizontal .point {
    align-items: center;
    color: #19474b;
    display: flex;
    height: auto;
    justify-content: flex-start;
    min-height: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .25s ease;
    white-space: nowrap
}

.backlog-table-body .pop-points-open.horizontal .point:hover, .backlog-table-header .pop-points-open.horizontal .point:hover {
    transition: all .25s ease
}

.backlog-table-body .pop-points-open.pop-points-open li, .backlog-table-header .pop-points-open.pop-points-open li {
    display: inline-flex;
    margin: 0;
    padding: 0
}

.backlog-table-body .pop-points-open a.active, .backlog-table-header .pop-points-open a.active {
    background: #19474b;
    color: #fff
}

.backlog-table-body .pop-points-open .point, .backlog-table-header .pop-points-open .point {
    align-items: center;
    color: #19474b;
    display: flex;
    height: 2.5rem;
    justify-content: center;
    transition: all .25s ease;
    width: 2.5rem
}

.backlog-table-body .pop-points-open .point:hover, .backlog-table-header .pop-points-open .point:hover {
    transition: all .25s ease
}

.backlog-table-body .pop-points-open .priority, .backlog-table-body .pop-points-open .role, .backlog-table-body .pop-points-open .severity, .backlog-table-body .pop-points-open .status, .backlog-table-body .pop-points-open .type, .backlog-table-header .pop-points-open .priority, .backlog-table-header .pop-points-open .role, .backlog-table-header .pop-points-open .severity, .backlog-table-header .pop-points-open .status, .backlog-table-header .pop-points-open .type {
    align-items: center;
    color: #19474b;
    display: flex;
    min-height: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .25s ease;
    white-space: nowrap
}

.backlog-table-body .pop-points-open .priority:hover, .backlog-table-body .pop-points-open .role:hover, .backlog-table-body .pop-points-open .severity:hover, .backlog-table-body .pop-points-open .status:hover, .backlog-table-body .pop-points-open .type:hover, .backlog-table-header .pop-points-open .priority:hover, .backlog-table-header .pop-points-open .role:hover, .backlog-table-header .pop-points-open .severity:hover, .backlog-table-header .pop-points-open .status:hover, .backlog-table-header .pop-points-open .type:hover {
    transition: all .25s ease
}

.backlog-table-body .pop-points-open::before, .backlog-table-header .pop-points-open::before {
    background: #fff;
    content: '';
    height: 15px;
    position: absolute;
    transform: rotate(45deg);
    width: 0
}

.backlog-table-body .pop-points-open .item-text, .backlog-table-header .pop-points-open .item-text {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    overflow-wrap: break-word;
    text-align: left;
    white-space: initial
}

.backlog-table-header {
    background-color: #fff;
    position: sticky;
    top: 115px;
    z-index: 2
}

.backlog-table-header .backlog-table-title {
    align-items: center;
    margin-bottom: 0
}

.backlog-table-header .backlog-table-title > div {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    font-size: .7rem;
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    color: #70728f;
    flex-wrap: nowrap;
    text-transform: uppercase
}

.backlog-table-header .draggable-us-column {
    flex-basis: 1.5rem;
    flex-grow: 0;
    flex-shrink: 0
}

.backlog-table-header .input {
    flex-basis: 1.5rem;
    flex-grow: 0;
    flex-shrink: 0
}

.backlog-table-header .us-header-options {
    flex-basis: 1.5rem;
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: 1rem
}

.backlog-table-header .points {
    cursor: pointer
}

.backlog-table-header .points .popover-open .header-points, .backlog-table-header .points:hover .header-points {
    color: #2e3440
}

.backlog-table-header .points .popover-open .icon, .backlog-table-header .points:hover .icon {
    fill: #2e3440
}

.backlog-table-header .header-points {
    -webkit-box-orient: vertical;
    color: #19474b;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    overflow-wrap: break-word;
    text-align: right;
    width: 55px
}

.backlog-table-body .tags-block, .gu-mirror .tags-block {
    margin-bottom: .3rem
}

.backlog-table-body .tags-block .tag, .gu-mirror .tags-block .tag {
    font-size: .875rem;
    margin-right: .5rem;
    padding: .2rem .5rem
}

.backlog-table-body .column-points, .gu-mirror .column-points {
    display: none
}

.backlog-table-body .user-stories, .backlog-table-title .user-stories, .gu-mirror .user-stories {
    align-items: center;
    -moz-column-gap: .25rem;
    column-gap: .25rem;
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    row-gap: .25rem;
    word-break: break-word
}

@keyframes new-us-blink {
    0% {
        background-color: #eceff4;
        border: 1px solid #83eede
    }
    100% {
        background-color: #f9f9fb;
        border: 1px solid #83eede
    }
}

.backlog-table-body .us-item-row.gu-transit {
    background-color: #fff;
    border: 0;
    border-top: 2px dashed #83eede;
    height: 0;
    opacity: 1;
    padding: 0
}

.backlog-table-body .us-item-row.gu-transit > * {
    display: none
}

.backlog-table-body .us-item-row-left {
    align-items: center;
    display: flex
}

.backlog-table-body .new {
    animation: new-us-blink .5s ease-in 2
}

.forecasting-add-sprint {
    align-items: center;
    background: #d8dee9;
    display: flex;
    justify-content: space-between;
    padding: .4rem 0 .4rem 1.5rem
}

.forecasting-add-sprint .forecasting-text {
    font-size: .875rem;
    color: #4c566a
}

.forecasting-add-sprint .button {
    justify-content: flex-end;
    min-width: 11rem
}

.forecasting-add-sprint .text {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
    background: 0 0;
    margin-left: .25rem;
    padding-left: 0
}

@media screen and (max-width: 1215px) {
    .forecasting-add-sprint .text {
        display: none
    }
}

.forecasting-add-sprint .text.short {
    display: none
}

@media screen and (max-width: 1215px) {
    .forecasting-add-sprint .text.short {
        display: block
    }
}

.backlog-table-body.forecasted-stories, .multiple-drag-mirror.forecasted-stories {
    border: .25rem solid #d8dee9;
    border-bottom: 0;
    padding: 0 .25rem
}

.backlog-table-body .row, .multiple-drag-mirror .row {
    background-color: #f9f9fb;
    border: 1px solid transparent;
    border-radius: 3px;
    cursor: move;
    flex-wrap: nowrap;
    position: relative
}

.backlog-table-body .row:hover:not(.blocked), .multiple-drag-mirror .row:hover:not(.blocked) {
    background-color: #eceff4
}

.backlog-table-body .row:last-child, .multiple-drag-mirror .row:last-child {
    border-bottom: 0
}

.backlog-table-body .row.gu-mirror, .multiple-drag-mirror .row.gu-mirror {
    background: #fbfefe;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, .1);
    opacity: .9
}

.backlog-table-body .row .points .not-clickable:hover, .multiple-drag-mirror .row .points .not-clickable:hover {
    color: #000;
    cursor: text
}

.backlog-table-body .row .icon-arrow-down, .multiple-drag-mirror .row .icon-arrow-down {
    width: 1rem;
    height: 1rem;
    fill: #70728f
}

.backlog-table-body .gu-transit, .multiple-drag-mirror .gu-transit {
    background: #f9f9fb
}

.backlog-table-body .user-story-main-data, .multiple-drag-mirror .user-story-main-data {
    margin-top: -.1rem
}

.backlog-table-body .sortable-placeholder, .multiple-drag-mirror .sortable-placeholder {
    background: #f1f1f4;
    height: 40px;
    width: 100%
}

.backlog-table-body .sortable-placeholder *, .multiple-drag-mirror .sortable-placeholder * {
    display: none
}

.backlog-table-body input:checked, .multiple-drag-mirror input:checked {
    color: #5cbaa9;
    transition: color .2s ease-in
}

.backlog-table-body .user-story-link, .multiple-drag-mirror .user-story-link {
    font-size: .875rem;
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    line-height: 1.75
}

.backlog-table-body .user-story-link:hover .user-story-name, .multiple-drag-mirror .user-story-link:hover .user-story-name {
    color: #19474b
}

.backlog-table-body .user-story-number, .multiple-drag-mirror .user-story-number {
    color: #19474b;
    -webkit-margin-end: .25rem;
    margin-inline-end: .25rem
}

.backlog-table-body .user-story-name, .multiple-drag-mirror .user-story-name {
    color: #4c566a;
    -webkit-margin-end: .5rem;
    margin-inline-end: .5rem
}

.backlog-table-body .due-date, .multiple-drag-mirror .due-date {
    display: inline-block
}

.backlog-table-body .due-date-icon, .multiple-drag-mirror .due-date-icon {
    -webkit-margin-end: .5rem;
    margin-inline-end: .5rem;
    position: relative;
    top: .12rem
}

.backlog-table-body .tag, .multiple-drag-mirror .tag {
    display: block;
    max-width: 17ch;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.backlog-table-body .tag.last, .multiple-drag-mirror .tag.last {
    -webkit-margin-end: .75rem;
    margin-inline-end: .75rem
}

.backlog-table-body .belong-to-epic-pill, .multiple-drag-mirror .belong-to-epic-pill {
    position: relative;
    top: .1rem
}

.backlog-table-body .blocked, .multiple-drag-mirror .blocked {
    background: rgba(228, 64, 87, .25)
}

.backlog-table-body .blocked .user-story-link, .backlog-table-body .blocked .user-story-name, .multiple-drag-mirror .blocked .user-story-link, .multiple-drag-mirror .blocked .user-story-name {
    color: #2e3440 !important
}

.backlog-table-body .blocked .user-story-link:hover, .backlog-table-body .blocked .user-story-name:hover, .multiple-drag-mirror .blocked .user-story-link:hover, .multiple-drag-mirror .blocked .user-story-name:hover {
    color: #2e3440
}

.backlog-table-body .blocked .us-option-popup-button.popover-open, .backlog-table-body .blocked .us-option-popup-button:hover, .multiple-drag-mirror .blocked .us-option-popup-button.popover-open, .multiple-drag-mirror .blocked .us-option-popup-button:hover {
    background: linear-gradient(rgba(228, 64, 87, .25), rgba(228, 64, 87, .25)), linear-gradient(#d8dee9, #d8dee9)
}

.backlog-table-body .readonly, .multiple-drag-mirror .readonly {
    cursor: auto;
    padding-right: 3.5rem
}

.backlog-table-body .us-status, .multiple-drag-mirror .us-status {
    font-size: .875rem;
    align-items: center;
    display: flex;
    justify-content: flex-end;
    -webkit-padding-before: .25rem;
    padding-block-start: .25rem
}

.backlog-table-body .us-status tg-svg, .multiple-drag-mirror .us-status tg-svg {
    -webkit-margin-start: .25rem;
    margin-inline-start: .25rem
}

.backlog-table-body .us-status-bind, .multiple-drag-mirror .us-status-bind {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.backlog-table-body .loading, .multiple-drag-mirror .loading {
    margin: 2% auto;
    width: 3rem
}

.backlog-table-body .loading img, .multiple-drag-mirror .loading img {
    animation-timing-function: ease-in-out;
    animation: rotate 1.5s cubic-bezier(0, .05, .87, 1.04) infinite alternate;
    margin: 0 auto;
    max-height: 1rem;
    max-width: 1rem;
    transform-origin: 32 32;
    max-height: 3rem;
    max-width: 3rem
}

.backlog-table-body .us-points, .multiple-drag-mirror .us-points {
    background-color: #eceff4;
    color: #2e3440;
    margin-right: .5rem;
    padding: .25rem
}

.backlog-table-body .us-option, .multiple-drag-mirror .us-option {
    display: flex;
    flex-basis: 1.5rem;
    flex-grow: 0;
    flex-shrink: 0;
    justify-content: center;
    margin-left: 1rem
}

.backlog-table-body .us-option-popup, .multiple-drag-mirror .us-option-popup {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    font-size: .875rem;
    background: #fff;
    border: 1px solid #d8dee9;
    border-radius: 4px;
    box-shadow: 4px 4px 8px rgba(46, 52, 64, .1);
    color: #19474b;
    display: none;
    list-style-type: none;
    margin: 0;
    padding: .5rem;
    position: absolute;
    right: 1rem;
    text-align: "";
    top: 40px;
    width: 145px;
    z-index: 2
}

.backlog-table-body .us-option-popup:hover, .multiple-drag-mirror .us-option-popup:hover {
    color: #70728f
}

.backlog-table-body .us-option-popup a, .multiple-drag-mirror .us-option-popup a {
    padding: .25rem
}

.backlog-table-body .us-option-popup li, .multiple-drag-mirror .us-option-popup li {
    margin-bottom: .25rem
}

.backlog-table-body .us-option-popup li:last-child, .multiple-drag-mirror .us-option-popup li:last-child {
    margin-bottom: 0
}

.backlog-table-body .us-option-popup li:hover, .multiple-drag-mirror .us-option-popup li:hover {
    background: #eceff4;
    color: #70728f
}

.backlog-table-body .us-option-popup li:hover a, .multiple-drag-mirror .us-option-popup li:hover a {
    color: #70728f
}

.backlog-table-body .us-option-popup.horizontal li, .multiple-drag-mirror .us-option-popup.horizontal li {
    margin-bottom: .25rem;
    white-space: nowrap;
    width: 100%
}

.backlog-table-body .us-option-popup.horizontal a, .multiple-drag-mirror .us-option-popup.horizontal a {
    width: 100%
}

.backlog-table-body .us-option-popup.horizontal a.active, .multiple-drag-mirror .us-option-popup.horizontal a.active {
    color: #fff
}

.backlog-table-body .us-option-popup.horizontal .point, .multiple-drag-mirror .us-option-popup.horizontal .point {
    align-items: center;
    color: #19474b;
    display: flex;
    height: auto;
    justify-content: flex-start;
    min-height: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .25s ease;
    white-space: nowrap
}

.backlog-table-body .us-option-popup.horizontal .point:hover, .multiple-drag-mirror .us-option-popup.horizontal .point:hover {
    transition: all .25s ease
}

.backlog-table-body .us-option-popup.pop-points-open li, .multiple-drag-mirror .us-option-popup.pop-points-open li {
    display: inline-flex;
    margin: 0;
    padding: 0
}

.backlog-table-body .us-option-popup a.active, .multiple-drag-mirror .us-option-popup a.active {
    background: #19474b;
    color: #fff
}

.backlog-table-body .us-option-popup .point, .multiple-drag-mirror .us-option-popup .point {
    align-items: center;
    color: #19474b;
    display: flex;
    height: 2.5rem;
    justify-content: center;
    transition: all .25s ease;
    width: 2.5rem
}

.backlog-table-body .us-option-popup .point:hover, .multiple-drag-mirror .us-option-popup .point:hover {
    transition: all .25s ease
}

.backlog-table-body .us-option-popup .priority, .backlog-table-body .us-option-popup .role, .backlog-table-body .us-option-popup .severity, .backlog-table-body .us-option-popup .status, .backlog-table-body .us-option-popup .type, .multiple-drag-mirror .us-option-popup .priority, .multiple-drag-mirror .us-option-popup .role, .multiple-drag-mirror .us-option-popup .severity, .multiple-drag-mirror .us-option-popup .status, .multiple-drag-mirror .us-option-popup .type {
    align-items: center;
    color: #19474b;
    display: flex;
    min-height: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .25s ease;
    white-space: nowrap
}

.backlog-table-body .us-option-popup .priority:hover, .backlog-table-body .us-option-popup .role:hover, .backlog-table-body .us-option-popup .severity:hover, .backlog-table-body .us-option-popup .status:hover, .backlog-table-body .us-option-popup .type:hover, .multiple-drag-mirror .us-option-popup .priority:hover, .multiple-drag-mirror .us-option-popup .role:hover, .multiple-drag-mirror .us-option-popup .severity:hover, .multiple-drag-mirror .us-option-popup .status:hover, .multiple-drag-mirror .us-option-popup .type:hover {
    transition: all .25s ease
}

.backlog-table-body .us-option-popup::before, .multiple-drag-mirror .us-option-popup::before {
    background: #fff;
    content: '';
    height: 15px;
    position: absolute;
    transform: rotate(45deg);
    width: 0
}

.backlog-table-body .us-option-popup .item-text, .multiple-drag-mirror .us-option-popup .item-text {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    overflow-wrap: break-word;
    text-align: left;
    white-space: initial
}

.backlog-table-body .us-option-popup.first .move-to-top, .multiple-drag-mirror .us-option-popup.first .move-to-top {
    display: none
}

.backlog-table-body .us-option-popup button, .multiple-drag-mirror .us-option-popup button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    color: #19474b;
    display: flex;
    padding: .25rem;
    width: 100%
}

.backlog-table-body .us-option-popup button:hover, .multiple-drag-mirror .us-option-popup button:hover {
    background: #eceff4;
    color: #70728f
}

.backlog-table-body .us-option-popup button svg, .multiple-drag-mirror .us-option-popup button svg {
    width: 1rem;
    height: 1rem;
    fill: #19474b;
    -webkit-margin-end: .5rem;
    margin-inline-end: .5rem
}

.backlog-table-body .us-option-popup-button, .multiple-drag-mirror .us-option-popup-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    border-radius: 2px;
    cursor: pointer;
    padding: .25rem 0
}

.backlog-table-body .us-option-popup-button.popover-open, .backlog-table-body .us-option-popup-button:hover, .multiple-drag-mirror .us-option-popup-button.popover-open, .multiple-drag-mirror .us-option-popup-button:hover {
    background: #d8dee9
}

.backlog-table-body .us-option-popup-button svg, .multiple-drag-mirror .us-option-popup-button svg {
    fill: #19474b
}

.empty-large .row {
    display: none
}

.burndown {
    margin-bottom: 2rem;
    width: 100%
}

.sprints .sprint-header {
    align-content: center;
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.7rem
}

.sprints .sprint-header .number {
    margin-right: .5ch
}

.sprints h1 {
    color: #2e3440;
    margin: 0
}

.sprints .add-sprint {
    padding: 0;
    transition: background .2s
}

.sprints .add-sprint svg {
    fill: #e2e3e9;
    height: 1.4rem;
    width: 1.5rem
}

.sprints .filter-closed-sprints {
    font-size: .875rem;
    align-content: center;
    display: flex;
    justify-content: center;
    padding-bottom: 1rem;
    vertical-align: middle
}

.sprints .filter-closed-sprints .icon-archive {
    margin-right: .3rem
}

.sprints .filter-closed-sprints:hover tg-svg {
    fill: #4c566a
}

.sprints .filter-closed-sprints tg-svg {
    fill: #19474b;
    height: 1rem;
    margin-right: .5rem;
    transition: all .2s ease
}

.sprints .loading {
    text-align: center
}

.sprints .loading-spinner {
    border: 0;
    flex-grow: 0;
    margin-bottom: 1rem;
    max-height: 2rem;
    max-width: 2rem;
    transform-origin: center center
}

.sprints .sprint-name {
    align-items: center;
    display: flex;
    margin-bottom: .25rem
}

.sprints .sprint-name a {
    font-size: 1.1rem;
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
    display: inline-block;
    margin-right: .5rem
}

.sprints .sprint {
    margin-bottom: 2rem
}

.sprints .sprint header {
    position: relative
}

.sprints .sprint .number {
    font-size: .7rem;
    margin-right: .2rem
}

.sprints .sprint .description {
    font-size: .7rem;
    line-height: .6rem;
    margin-top: 5px
}

.sprints .sprint .sprint-summary {
    align-items: flex-end;
    display: flex;
    justify-content: space-between
}

.sprints .sprint .sprint-summary:hover .edit-sprint {
    background: rgba(255, 255, 255, .8);
    opacity: 1;
    transition: all .2s ease-in
}

.sprints .sprint .sprint-summary .edit-sprint {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: flex-end;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s ease-in;
    vertical-align: baseline;
    width: 100%
}

.sprints .sprint .sprint-summary svg {
    fill: #19474b
}

.sprints .sprint .sprint-summary svg:hover {
    transition: fill .2s ease-in
}

.sprints .sprint .sprint-points {
    position: relative
}

.sprints .sprint .sprint-date {
    font-size: .875rem;
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    color: #70728f;
    flex: 1;
    -webkit-margin-start: 1.5rem;
    margin-inline-start: 1.5rem
}

.sprints .sprint ul {
    margin: 0;
    text-align: right
}

.sprints .btn-small {
    width: 100%
}

.sprints .compact-sprint {
    align-items: center;
    background: 0 0;
    display: flex;
    justify-content: center;
    padding: .25rem;
    transform: rotate(90deg);
    transition: all .2s
}

.sprints .compact-sprint svg.icon {
    fill: #70728f
}

.sprints .compact-sprint.active {
    transform: rotate(0);
    transition: all .2s
}

.sprints .compact-sprint:hover {
    cursor: pointer
}

.sprints .compact-sprint:hover .icon {
    fill: #5cbaa9;
    transition: color .2s
}

.sprints .summary-progress-wrapper {
    padding: 0 .5rem
}

.sprints .sprint-progress-bar {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: inset -2px 1px 3px rgba(46, 52, 64, .2);
    height: 11px;
    margin-bottom: 1rem;
    margin-top: .5rem;
    padding: 0 1rem;
    position: relative;
    width: 100%
}

.sprints .sprint-progress-bar .current-progress {
    background: #19474b;
    border-radius: 2px;
    box-shadow: 0 2px 5px rgba(46, 52, 64, .45);
    height: 11px;
    left: 0;
    position: absolute;
    top: 0;
    width: calc(30% - 4px)
}

.sprints .sprint-progress-bar .current-progress.full {
    background: #4c566a
}

.sprints .sprint-table {
    margin-bottom: 1rem;
    min-height: 2rem
}

.sprints .sprint-table .sprint-empty {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    background: #f9f9fb;
    border: 2px dashed #83eede;
    color: #5a5b72;
    margin-bottom: 1rem;
    padding: 1rem;
    text-align: center
}

.sprints .sprint-table .row {
    background: #f9f9fb;
    border-bottom: 1px solid #d8dee9;
    display: flex;
    padding: .5em 0;
    text-align: left;
    width: 100%
}

.sprints .sprint-table .row:hover {
    background: rgba(112, 114, 143, .2);
    cursor: move;
    transition: background .2s ease-in
}

.sprints .sprint-table .row:hover .us-name-text {
    color: #19474b
}

.sprints .sprint-table .row:hover .us-ref-text {
    color: #4c566a
}

.sprints .sprint-table .row:last-child {
    border-bottom: 0
}

.sprints .sprint-table .row.readonly {
    cursor: auto
}

.sprints .sprint-table .row.ui-sortable-helper {
    background: #fbfefe;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, .1);
    opacity: .9;
    transition: background .2s ease-in
}

.sprints .sprint-table .row .us-name-text {
    color: #4c566a;
    -webkit-margin-end: 1ch;
    margin-inline-end: 1ch;
    transition: all .2s ease-in
}

.sprints .sprint-table .row .us-ref-text {
    transition: all .2s ease-in
}

.sprints .sprint-table .row .due-date {
    align-items: center;
    display: inline-block;
    height: 1.125rem;
    vertical-align: middle
}

.sprints .sprint-table .row .due-date-icon {
    align-items: center;
    display: inline-flex;
    height: 1rem;
    width: 1rem
}

.sprints .sprint-table .row .points-container {
    font-size: .875rem;
    align-items: center;
    background: #eceff4;
    color: #4c566a;
    display: flex;
    justify-content: center;
    min-height: 1.5rem;
    padding: 0 .3rem
}

.sprints .sprint-table .row.blockedRow:hover {
    background: #f9f9fb
}

.sprints .sprint-table .row.blockedRow .us-ref-text {
    color: #e44057
}

.sprints .sprint-table .row.blockedRow .us-name-text {
    color: #e44057
}

.sprints .sprint-table .row.closedRow:hover {
    background: #fff
}

.sprints .sprint-table .row.closedRow:hover .column-points, .sprints .sprint-table .row.closedRow:hover .column-us {
    opacity: 1
}

.sprints .sprint-table .row.closedRow .column-us {
    opacity: .5
}

.sprints .sprint-table .row.closedRow .column-points {
    opacity: .5
}

.sprints .sprint-table .row.closedRow .us-ref-text {
    color: #19474b;
    text-decoration: line-through
}

.sprints .sprint-table .row.closedRow .us-name-text {
    text-decoration: line-through
}

.sprints .sprint-table .gu-transit {
    background: #9294aa;
    height: 40px
}

.sprints .sprint-table .gu-transit * {
    display: none
}

.sprints .sprint-table .us-epic-container {
    display: inline-block;
    vertical-align: middle
}

.sprints .sprint-table .column-us {
    font-size: .875rem;
    align-items: center;
    display: flex;
    flex-flow: 3;
    flex-grow: 1;
    flex-shrink: 1;
    width: 100%
}

.sprints .sprint-table .us-ref-text {
    -webkit-margin-end: 1ch;
    margin-inline-end: 1ch
}

.sprints .sprint-table .us-name {
    margin-left: .5rem
}

.sprints .sprint-table .column-points {
    align-items: center;
    display: flex;
    flex-grow: 1;
    justify-content: center;
    margin-right: .5rem;
    padding: 0 4px;
    text-align: right
}

.sprints .sprint-table .column-points.closed {
    color: #7e809a
}

.sprints .sprint-table .column-points.blocked {
    color: #ff6363
}

.sprints .sprint-table.sprint-empty-wrapper .row {
    display: none
}

.sprints .button-gray {
    margin-top: 1rem
}

.sprints .us-item-row .popover, .sprints .us-item-row .status, .sprints .us-item-row .tags-block, .sprints .us-item-row .us-settings, .sprints .us-item-row input {
    display: none
}

.sprints .us-item-row .user-story-name {
    font-size: .875rem;
    line-height: 1rem;
    margin-top: 5px
}

.sprint-closed .sprint-table {
    display: none
}

.sprint-closed .description, .sprint-closed .number {
    color: #70728f
}

.sprint-closed .sprint-progress-bar .current-progress {
    background: #19474b
}

.sprint-closed .button-gray {
    background: #70728f
}

.sprints-empty {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    text-align: center
}

.sprints-empty img {
    margin: 1rem 0;
    width: 50%
}

.sprints-empty .title {
    font-size: 1.1rem;
    margin-bottom: .5rem;
    text-transform: uppercase
}

.sprints-empty a {
    color: #25a28c
}

@keyframes new-task-status-blink-folded-column {
    0% {
        background-color: #d8dee9
    }
    100% {
        background-color: #f9f9fb
    }
}

@keyframes new-task-status-blink {
    0% {
        background-color: #d8dee9
    }
    100% {
        background-color: #eceff4
    }
}

@keyframes card-unfold {
    from {
        position: absolute;
        visibility: hidden
    }
    to {
        position: static;
        visibility: visible
    }
}

tg-card[type=task].folded-dragging {
    align-self: flex-start;
    background-color: transparent;
    box-shadow: none;
    display: flex;
    margin: 0
}

tg-card[type=task].folded-dragging .card-data, tg-card[type=task].folded-dragging .card-not-assigned-title, tg-card[type=task].folded-dragging .card-owner-actions, tg-card[type=task].folded-dragging .card-owner-name, tg-card[type=task].folded-dragging .card-placeholder, tg-card[type=task].folded-dragging .card-statistics, tg-card[type=task].folded-dragging .card-tag, tg-card[type=task].folded-dragging .card-title, tg-card[type=task].folded-dragging .card-unfold, tg-card[type=task].folded-dragging tg-card-slideshow {
    display: none
}

tg-card[type=task].folded-dragging .card-inner {
    display: contents
}

tg-card[type=task].folded-dragging .card-inner .wrapper-assigned-to-data {
    display: contents
}

tg-card[type=task].folded-dragging .card-user-avatar {
    margin: 0
}

tg-card[type=task].folded-dragging .card-blocked {
    border-color: transparent
}

tg-card[type=task].folded-dragging .card-assigned-to, tg-card[type=task].folded-dragging tg-card-assigned-to {
    padding: 0;
    pointer-events: none
}

.taskboard-table {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    width: 100%
}

.taskboard-table .card {
    margin: 0 0 1rem 0;
    max-width: 292px
}

.taskboard-table .card .card-slideshow {
    margin-top: .5rem
}

.taskboard-table .card:last-child {
    margin-bottom: 0
}

.taskboard-table.zoom-0 .card {
    max-width: 182px
}

.taskboard-table.zoom-0 .task-colum-name:not(:first-child), .taskboard-table.zoom-0 .taskboard-column:not(:first-child) {
    max-width: 182px
}

.taskboard-table.zoom-0 .task-colum-name .title .name {
    max-width: 95px
}

.taskboard-table.animations .task-colum-name {
    transition: all .1s linear
}

.taskboard-table.animations .taskboard-table-body .taskboard-column {
    transition: all .1s linear
}

.taskboard-table .task-colum-name {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    font-size: .875rem;
    align-items: center;
    background-color: #f9f9fb;
    border-bottom: 3px solid #eceff4;
    border-radius: 4px 4px 0 0;
    color: #2e3440;
    display: flex;
    flex-grow: 1;
    flex-shrink: 0;
    margin: 0 5px 0 0;
    max-width: 292px;
    padding: .5rem;
    text-transform: uppercase;
    width: 100%
}

.taskboard-table .task-colum-name:first-child {
    background-color: #fff
}

.taskboard-table .task-colum-name:last-child {
    margin-right: 0
}

.taskboard-table .task-colum-name.column-fold span {
    display: none
}

.taskboard-table .task-colum-name.column-fold .btn-board {
    margin: 0
}

.taskboard-table .task-colum-name .btn-board {
    margin: 0 0 0 auto
}

.taskboard-table .task-colum-name span {
    display: inline-block;
    max-width: 65%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.taskboard-table-header {
    min-height: 51px;
    position: relative;
    width: 100%
}

.taskboard-table-header .taskboard-table-inner {
    display: flex;
    overflow: hidden;
    position: absolute
}

.taskboard-table-header tg-svg {
    width: .75rem;
    height: .75rem;
    align-items: center;
    display: inline-flex;
    fill: #70728f;
    stroke: #70728f
}

.taskboard-table-header tg-svg:hover {
    cursor: pointer
}

.taskboard-table-header .btn-board {
    margin-right: .75rem
}

.taskboard-table-header .btn-board:hover svg {
    fill: #19474b
}

.taskbord-utility-wrapper {
    flex: 1;
    overflow: auto
}

.taskboard-table-body {
    margin-top: .25rem
}

.taskboard-table-body .taskboard-table-inner {
    border-bottom: 4px solid #83eede;
    margin-bottom: 1rem;
    padding-bottom: 1rem
}

.taskboard-table-body .taskboard-column {
    flex-grow: 1;
    flex-shrink: 0;
    margin: 0 5px 0 0;
    max-width: 292px;
    padding: 16px;
    width: 100%
}

.taskboard-table-body .taskboard-column:last-child {
    margin-right: 0
}

.taskboard-table-body .taskboard-column.new {
    animation: new-task-status-blink .5s ease-in
}

.taskboard-table-body .taskboard-column.target-drop {
    background-color: #eceff4
}

.taskboard-table-body .column-fold.taskboard-row, .taskboard-table-body .row-fold.taskboard-row {
    min-height: 50px
}

.taskboard-table-body .column-fold .card, .taskboard-table-body .row-fold .card {
    align-self: flex-start;
    background-color: transparent;
    box-shadow: none;
    display: flex;
    margin: 0
}

.taskboard-table-body .column-fold .card .card-data, .taskboard-table-body .column-fold .card .card-not-assigned-title, .taskboard-table-body .column-fold .card .card-owner-actions, .taskboard-table-body .column-fold .card .card-owner-name, .taskboard-table-body .column-fold .card .card-placeholder, .taskboard-table-body .column-fold .card .card-statistics, .taskboard-table-body .column-fold .card .card-tag, .taskboard-table-body .column-fold .card .card-title, .taskboard-table-body .column-fold .card .card-unfold, .taskboard-table-body .column-fold .card tg-card-slideshow, .taskboard-table-body .row-fold .card .card-data, .taskboard-table-body .row-fold .card .card-not-assigned-title, .taskboard-table-body .row-fold .card .card-owner-actions, .taskboard-table-body .row-fold .card .card-owner-name, .taskboard-table-body .row-fold .card .card-placeholder, .taskboard-table-body .row-fold .card .card-statistics, .taskboard-table-body .row-fold .card .card-tag, .taskboard-table-body .row-fold .card .card-title, .taskboard-table-body .row-fold .card .card-unfold, .taskboard-table-body .row-fold .card tg-card-slideshow {
    display: none
}

.taskboard-table-body .column-fold .card .card-inner, .taskboard-table-body .row-fold .card .card-inner {
    display: contents
}

.taskboard-table-body .column-fold .card .card-inner .wrapper-assigned-to-data, .taskboard-table-body .row-fold .card .card-inner .wrapper-assigned-to-data {
    display: contents
}

.taskboard-table-body .column-fold .card .card-user-avatar, .taskboard-table-body .row-fold .card .card-user-avatar {
    margin: 0
}

.taskboard-table-body .column-fold .card .card-blocked, .taskboard-table-body .row-fold .card .card-blocked {
    border-color: transparent
}

.taskboard-table-body .column-fold .card .card-assigned-to, .taskboard-table-body .column-fold .card tg-card-assigned-to, .taskboard-table-body .row-fold .card .card-assigned-to, .taskboard-table-body .row-fold .card tg-card-assigned-to {
    padding: 0;
    pointer-events: none
}

.taskboard-table-body .column-fold .avatar-task-link, .taskboard-table-body .row-fold .avatar-task-link {
    display: block
}

.taskboard-table-body .column-fold .avatar-assigned-to, .taskboard-table-body .row-fold .avatar-assigned-to {
    display: none
}

.taskboard-table-body .column-fold .taskboard-row-title-box, .taskboard-table-body .row-fold .taskboard-row-title-box {
    background-color: #f9f9fb
}

.taskboard-table-body .column-fold .taskboard-row-title-box a, .taskboard-table-body .row-fold .taskboard-row-title-box a {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif
}

.taskboard-table-body .column-fold .taskboard-row-title-box .us-data, .taskboard-table-body .column-fold .taskboard-row-title-box tg-belong-to-epics, .taskboard-table-body .row-fold .taskboard-row-title-box .us-data, .taskboard-table-body .row-fold .taskboard-row-title-box tg-belong-to-epics {
    display: none
}

.taskboard-table-body .column-fold .taskboard-row-title-box .us-subject, .taskboard-table-body .row-fold .taskboard-row-title-box .us-subject {
    color: #4c566a
}

.taskboard-table-body .column-fold .us-subject, .taskboard-table-body .row-fold .us-subject {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    overflow: hidden;
    overflow-wrap: break-word
}

.taskboard-table-body .column-fold .card-actions, .taskboard-table-body .row-fold .card-actions {
    display: none
}

.taskboard-table-body .column-fold .card-tags, .taskboard-table-body .row-fold .card-tags {
    display: none
}

.taskboard-table-body .column-fold .gu-transit, .taskboard-table-body .row-fold .gu-transit {
    opacity: 1
}

.taskboard-table-body .column-fold {
    display: flex;
    flex-direction: column;
    padding: 1rem
}

.taskboard-table-body .column-fold:not(.row-fold) .card {
    margin-bottom: 5px
}

.taskboard-table-body .row-fold .taskboard-row-title-box a .us-ref {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500
}

.taskboard-table-body .row-fold .taskboard-row-title-box a:hover.us-ref {
    color: #4c566a
}

.taskboard-table-body .row-fold .taskboard-row-title-box a:hover.us-subject {
    color: #19474b
}

.taskboard-table-body .row-fold .taskboard-cards-box {
    display: grid;
    grid-auto-flow: column;
    grid-gap: 5px;
    grid-template-columns:repeat(auto-fill, 30px);
    grid-template-rows:repeat(1, 30px)
}

.taskboard-table-body .row-fold .taskboard-cards-box.row-max-two {
    grid-template-rows:repeat(2, 30px)
}

.taskboard-table-body .row-fold .taskboard-cards-box.row-max-three {
    grid-template-rows:repeat(3, 30px)
}

.taskboard-table-body .taskboard-row-title-box {
    padding: 0
}

.taskboard-table-body:not(.moving) .ng-animate {
    animation: card-unfold 0s forwards .1s;
    position: absolute;
    visibility: hidden
}

.taskboard-table-body .taskboard-row {
    display: flex;
    margin-bottom: .25rem;
    min-height: 10rem;
    width: 100%
}

.taskboard-table-body .taskboard-row.blocked .taskboard-row-title-box {
    background: rgba(228, 64, 87, .25)
}

.taskboard-table-body .taskboard-row.blocked .taskboard-row-title-box a .us-ref, .taskboard-table-body .taskboard-row.blocked .taskboard-row-title-box a .us-subject {
    color: #4c566a
}

.taskboard-table-body .taskboard-row.blocked .taskboard-row-title-box a:hover .us-ref, .taskboard-table-body .taskboard-row.blocked .taskboard-row-title-box a:hover .us-subject {
    color: #19474b
}

.taskboard-table-body .taskboard-row.blocked .taskboard-row-title-box .folding-actions {
    background-color: transparent
}

.taskboard-table-body .taskboard-row.blocked .taskboard-row-title-box .folding-actions:hover {
    background: linear-gradient(0deg, rgba(228, 64, 87, .25), rgba(228, 64, 87, .25)), #d8dee9
}

.taskboard-table-body .taskboard-row.blocked .taskboard-row-title-box .btn-board:hover {
    background: linear-gradient(0deg, rgba(228, 64, 87, .25), rgba(228, 64, 87, .25)), #d8dee9
}

.taskboard-table-body .taskboard-row.blocked .taskboard-row-title-box .btn-board:hover svg {
    fill: #2e3440
}

.taskboard-cards-box {
    background-color: #f9f9fb
}

.taskboard-row-title-box {
    display: flex
}

.taskboard-row-title-box a {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500
}

.taskboard-row-title-box a:hover .us-ref {
    color: #2e3440
}

.taskboard-row-title-box a:hover .us-subject {
    color: #19474b
}

.taskboard-row-title-box span {
    display: block
}

.taskboard-row-title-box .taskboard-column {
    align-content: flex-start;
    display: flex;
    flex-flow: row wrap;
    flex-direction: column
}

.taskboard-row-title-box .us-ref {
    color: #19474b;
    float: left;
    padding-right: .25rem
}

.taskboard-row-title-box .us-subject {
    color: #2e3440
}

.taskboard-row-title-box .us-title {
    font-size: .875rem;
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    margin-bottom: .5rem;
    margin-right: 3.5rem
}

.taskboard-row-title-box .us-data {
    align-items: center;
    display: flex
}

.taskboard-row-title-box .us-data svg {
    display: block
}

.taskboard-row-title-box .us-data p {
    margin: 0
}

.taskboard-row-title-box .us-data p:not(:last-child) {
    margin-right: .5rem
}

.taskboard-row-title-box .us-data .status-value {
    font-size: .7rem;
    display: block;
    margin: .25em 0 0 auto;
    text-transform: uppercase;
    width: -moz-fit-content;
    width: fit-content
}

.taskboard-row-title-box .us-data .status-value span {
    margin-right: .1rem
}

.taskboard-row-title-box .us-data tg-due-date {
    margin-right: .5rem
}

.taskboard-row-title-box .us-data .card-lock svg {
    fill: #e44057
}

.taskboard-row-title-box .points-value {
    font-size: .7rem;
    align-items: center;
    background: #eceff4;
    border-radius: 2px;
    display: flex;
    margin: 0;
    padding: .25rem
}

.taskboard-row-title-box .points-value.not-estimated {
    font-size: .8125rem
}

.taskboard-row-title-box .points-value .not-estimated {
    color: #70728f
}

.taskboard-row-title-box .points-value .seedtime-inline {
    display: inline-flex
}

.taskboard-row-title-box .due-date tg-svg {
    position: inherit
}

.taskboard-row-title-box tg-belong-to-epics {
    display: flex;
    margin-bottom: .5rem
}

.taskboard-row-title-box tg-belong-to-epics .belong-to-epic-pill {
    display: block
}

.taskboard-row-title-box tg-belong-to-epics .belong-to-epic-pill:hover {
    opacity: .5
}

.taskboard-row-title-box tg-svg {
    cursor: pointer;
    display: block
}

.taskboard-row-title-box tg-svg svg {
    fill: #70728f
}

.taskboard-row-title-box tg-svg.fold-action {
    left: 0;
    right: inherit;
    top: 1rem
}

.taskboard-row-title-box .folding-actions {
    background-color: #f9f9fb;
    cursor: pointer;
    padding: .5rem
}

.taskboard-row-title-box .folding-actions:hover {
    background-color: #eceff4
}

.taskboard-row-title-box .folding-actions:hover svg {
    fill: #19474b
}

.taskboard-row-title-box .taskboard-us {
    padding: .5rem;
    position: relative;
    width: 100%
}

.taskboard-row-title-box .add-new-task svg {
    display: block
}

.taskboard-row-title-box .add-new-task tg-svg {
    color: #19474b;
    position: absolute;
    right: .5rem;
    top: .6rem
}

.taskboard-row-title-box .add-new-task tg-svg.add-action {
    right: 2rem
}

.taskboard-row-title-box .add-new-task tg-svg:hover svg {
    fill: #19474b
}

.issues-wrapper {
    max-width: 1400px;
    width: 100%
}

.issues-wrapper.zoom-0 {
    max-width: 924px
}

.category-config {
    border-bottom: 1px solid #70728f
}

.category-config:first-child {
    border-top: 1px solid #70728f
}

.category-config .resume {
    align-items: space-between;
    cursor: pointer;
    display: flex;
    padding: 1rem;
    position: relative
}

.category-config .resume.open-drawer .icon {
    transform: rotate(90deg)
}

.category-config .icon {
    transform: rotate(0);
    transition: all .4s
}

.category-config .resume-title {
    width: 280px
}

.category-config .count {
    color: #70728f;
    float: left;
    padding-right: 5px
}

.category-config .summary-role {
    flex: 1;
    width: 280px
}

.category-config .summary-role .role-summary-single {
    display: inline-block;
    height: 20px;
    margin-right: .1rem;
    width: 15px
}

.category-config .category-items {
    max-height: 0;
    transition: max-height .5s ease-in;
    overflow: hidden;
    background-color: #f9f9fb;
    width: 100%
}

.category-config .category-items.open {
    transition: max-height .5s ease-in;
    max-height: 400px
}

.category-config .category-items .items-container {
    padding: 1rem
}

.category-config .category-item {
    align-items: center;
    border-bottom: 1px solid #e2e3e9;
    display: flex;
    justify-content: space-between;
    padding: .5rem .5rem .5rem 2rem
}

.category-config .category-item:last-child {
    border-bottom: 0
}

.category-config .check input {
    height: 40px;
    width: 85px
}

.colors-table {
    overflow-x: inherit
}

.colors-table .table-header {
    font-size: 1rem;
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    border-bottom: 3px solid #e2e3e9
}

.colors-table .table-header:hover {
    background: 0 0
}

.colors-table .table-header .row {
    padding-left: 50px
}

.colors-table .table-header .row:hover {
    background: 0 0
}

.colors-table .row {
    align-items: center;
    display: flex;
    padding: 1rem;
    width: 100%
}

.colors-table .row:last-child {
    border: 0
}

.colors-table .row.edition {
    padding-left: 3rem
}

.colors-table .row.edition .current-color {
    cursor: pointer
}

.colors-table .row.hidden {
    display: none
}

.colors-table .row:hover {
    background: rgba(199, 232, 226, .2);
    cursor: move;
    transition: background .2s ease-in
}

.colors-table .row:hover .icon {
    opacity: 1;
    transition: opacity .2s ease-in
}

.colors-table .row:hover .options-column {
    opacity: 1;
    transition: opacity .3s linear
}

.colors-table .row.no-draggable {
    padding-left: 50px
}

.colors-table .row.no-draggable:hover {
    cursor: auto
}

.colors-table .row.new-value {
    padding-left: 3rem
}

.colors-table .row.new-value .icon-check-empty, .colors-table .row.new-value .icon-close {
    fill: #19474b
}

.colors-table .row .color-column {
    display: flex;
    flex-basis: 80px;
    justify-content: center;
    min-width: 80px;
    position: relative
}

.colors-table .row .before-after-column, .colors-table .row .is-archived-column, .colors-table .row .is-closed-column, .colors-table .row .options-column, .colors-table .row .status-wip-limit, .colors-table .row .thresold-column {
    flex-basis: 100px;
    flex-grow: 1;
    flex-shrink: 0
}

.colors-table .row .before-after-column {
    padding: 0 10px
}

.colors-table .row .color-name {
    flex-basis: 150px;
    flex-grow: 1;
    flex-shrink: 0;
    padding: 0 10px;
    position: relative
}

.colors-table .row .color-name span {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    display: block
}

.colors-table .row .status-name, .colors-table .row .status-slug {
    flex-grow: 1;
    min-width: 150px;
    padding: 0 10px
}

.colors-table .row .status-name span, .colors-table .row .status-slug span {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.colors-table .row .status-name {
    flex-basis: 40%
}

.colors-table .row .status-slug {
    flex-basis: 30%
}

@media screen and (max-width: 1023px) {
    .colors-table .row .status-slug {
        display: none
    }
}

.colors-table .row .options-column {
    max-width: 60px;
    min-width: 100px;
    opacity: 0;
    text-align: right
}

.colors-table .row .is-archived-column {
    max-width: 130px;
    padding: 0 0 0 10px;
    text-align: center
}

.colors-table .row .is-closed-column {
    max-width: 100px;
    text-align: center
}

.colors-table .row .status-wip-limit {
    max-width: 100px;
    padding: 0 0 0 10px;
    text-align: center
}

@media screen and (max-width: 1023px) {
    .colors-table .row .status-wip-limit {
        display: block
    }
}

.colors-table .before-after-selector {
    display: flex;
    font-size: .9rem
}

.colors-table .before-after-selector input {
    display: none
}

.colors-table .before-after-selector input + label {
    background: rgba(226, 227, 233, .7);
    cursor: pointer;
    display: block;
    padding: .5rem 1rem;
    text-align: center;
    transition: background color .2s ease-in
}

.colors-table .before-after-selector input + label:hover {
    background: rgba(92, 186, 169, .3);
    transition: background color .2s ease-in
}

.colors-table .before-after-selector .before-after-selector-single {
    overflow: hidden
}

.colors-table .before-after-selector .before-after-selector-single:first-child {
    border-radius: .25rem 0 0 .25rem
}

.colors-table .before-after-selector .before-after-selector-single:last-child {
    border-radius: 0 .25rem .25rem 0;
    margin-right: 0
}

.colors-table .before-after-selector .before-after-selector-single.checked label {
    background: #19474b;
    color: #fff;
    transition: background .2s ease-in
}

.colors-table .before-after-selector .before-after-selector-single:not(.checked) label:hover {
    background: rgba(0, 138, 168, .3);
    color: #4c566a
}

.colors-table .options-column a {
    cursor: pointer;
    display: inline-block
}

.colors-table .row-edit .options-column {
    opacity: 1
}

.colors-table .current-color {
    background-color: #e2e3e9;
    border-radius: 3px;
    height: 2rem;
    width: 2rem
}

.colors-table .icon {
    cursor: pointer;
    fill: #70728f;
    margin-right: 1rem;
    opacity: 0
}

.colors-table .icon:hover {
    fill: #5cbaa9;
    transition: all .2s ease-in
}

.colors-table .icon.icon-check {
    cursor: default;
    fill: #19474b;
    opacity: 1
}

.colors-table .icon.icon-merge {
    cursor: default;
    opacity: 1
}

.colors-table .icon.icon-search {
    cursor: none;
    fill: #19474b;
    opacity: 1
}

.colors-table .icon.icon-drag {
    cursor: move
}

.colors-table .icon.icon-trash {
    fill: #e44057
}

.colors-table .gu-mirror {
    background: #fbfefe;
    opacity: 1
}

.colors-table .gu-transit * {
    visibility: hidden
}

.contrib-plugins-wrapper {
    margin: 1rem 0
}

.contrib-plugins-wrapper label {
    font-size: .875rem;
    color: #2e3440;
    display: block;
    margin-bottom: .5rem
}

.duty-custom-fields {
    margin-bottom: 2rem
}

.duty-custom-fields .custom-fields-header {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    align-content: space-between;
    align-items: center;
    background: #f1f1f4;
    color: #434456;
    display: flex;
    justify-content: space-between;
    padding: .5rem 1rem
}

.duty-custom-fields .custom-fields-header .icon {
    cursor: pointer
}

.duty-custom-fields .custom-fields-header .collapse {
    display: block;
    transform: rotate(-90deg);
    transition: .1s ease-out
}

.duty-custom-fields .custom-fields-header .open {
    transform: rotate(0)
}

.duty-custom-fields .custom-field-options {
    margin: 0;
    opacity: 0;
    transition: opacity .2s linear
}

.duty-custom-fields .custom-field-options a {
    display: inline-block
}

.duty-custom-fields .custom-field-options svg {
    fill: #70728f
}

.duty-custom-fields .custom-field-options svg:hover {
    fill: #25a28c
}

.duty-custom-fields .custom-field-data {
    display: flex;
    flex-direction: column;
    white-space: break-spaces;
    word-break: break-word
}

.duty-custom-fields .custom-field-data .custom-field-name {
    display: block
}

.duty-custom-fields .custom-field-data .custom-field-description {
    font-size: .875rem;
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    color: #8d8ea5;
    display: block;
    line-height: .9rem
}

.duty-custom-fields .custom-field-value {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    align-items: flex-start;
    flex: 1;
    max-width: 98%;
    padding: 0 1rem 0 2rem
}

.duty-custom-fields .custom-field-value.rich-text {
    padding-right: 0
}

.duty-custom-fields .custom-field-value.js-value-view-mode {
    white-space: pre-line
}

.duty-custom-fields .custom-field-value.js-value-view-mode.wysiwyg {
    white-space: normal
}

.duty-custom-fields .custom-field-value-container {
    display: flex
}

.duty-custom-fields form label {
    cursor: pointer
}

.duty-custom-fields form input {
    width: 100%
}

.duty-custom-fields .read-mode .ck.ck-editor__main > .ck-editor__editable, .duty-custom-fields .read-mode .markdown {
    background: #fff;
    border: 2px solid #d8dee9;
    border-radius: 3px;
    margin: 0;
    min-height: 140px;
    padding: .3rem 1rem .3rem .95rem;
    width: calc(100% - 1rem)
}

.custom-fields-body {
    display: flex;
    flex-direction: column
}

.custom-fields-body.collapse-fields .custom-attribute {
    flex-basis: 50%
}

@media screen and (max-width: 1215px) {
    .custom-fields-body.collapse-fields .custom-attribute {
        flex-basis: 100%
    }

    .custom-fields-body.collapse-fields .custom-attribute:nth-child(even) {
        padding: 0
    }

    .custom-fields-body.collapse-fields .custom-attribute:nth-child(odd) {
        padding: 0
    }
}

.custom-fields-body.collapse-fields .custom-attribute:nth-child(even) {
    padding: 0 0 0 2rem
}

.custom-fields-body.collapse-fields .custom-attribute:nth-child(odd) {
    padding: 0 2rem 0 0
}

.custom-fields-body .custom-attribute {
    flex-basis: 100%
}

.custom-fields-body .custom-attribute:nth-child(even) {
    padding: 0
}

.custom-fields-body .custom-attribute:nth-child(odd) {
    padding: 0
}

.custom-fields-body .custom-field-single {
    border-bottom: 1px solid #e2e3e9;
    display: grid;
    grid-template-areas:'. .';
    grid-template-columns:20% 80%;
    grid-template-rows:1fr;
    justify-content: flex-start;
    padding: .7rem
}

@media screen and (max-width: 1280px) {
    .custom-fields-body .custom-field-single {
        grid-template-areas:'.' '.';
        grid-template-columns:100%;
        grid-template-rows:min-content 1fr
    }

    .custom-fields-body .custom-field-single.custom-field-checkbox {
        grid-template-areas:'. .';
        grid-template-columns:1fr 80%;
        grid-template-rows:1fr
    }

    .custom-fields-body .custom-field-single .rich-text {
        margin-top: 1rem;
        padding-left: 0;
        position: relative
    }

    .custom-fields-body .custom-field-single .custom-field-value {
        margin-top: 1rem;
        padding-left: 0
    }

    .custom-fields-body .custom-field-single .custom-field-options {
        padding-top: .5rem
    }
}

.custom-fields-body .custom-field-single:hover .custom-field-options {
    opacity: 1
}

.custom-fields-body .custom-field-single.editable .custom-field-options {
    margin-top: .5rem
}

.custom-fields-body .custom-field-single p {
    white-space: break-spaces;
    word-break: break-word
}

.blocked .external-reference {
    color: #fff
}

.blocked .external-reference a {
    color: #fff;
    transition: color .3s linear
}

.blocked .external-reference a:hover {
    color: #ffa0a0
}

.external-reference {
    font-size: .875rem;
    color: #70728f;
    margin-top: .5rem
}

.external-reference a {
    border-left: 1px solid #70728f;
    padding: 0 .2rem;
    transition: color .3s linear
}

.external-reference a:hover {
    color: #25a28c
}

.external-reference a:first-child {
    border: 0
}

.lightbox {
    background: rgba(255, 255, 255, .95);
    bottom: 0;
    display: none;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 98
}

.lightbox .close {
    width: 2rem;
    height: 2rem;
    cursor: pointer;
    display: block;
    fill: #5a5b72;
    position: absolute;
    right: 3rem;
    top: 3rem;
    transition: fill .2s
}

.lightbox .close:hover {
    fill: #ffa0a0
}

.lightbox .close svg {
    width: 2rem;
    height: 2rem;
    pointer-events: none
}

.lightbox.open {
    align-content: center;
    align-items: center;
    display: flex;
    justify-content: center;
    opacity: 1;
    transition: opacity .3s ease
}

.lightbox.close {
    opacity: 0;
    transition: opacity .3s ease
}

.lightbox .lb-icon {
    display: flex;
    justify-content: center;
    margin: 1rem auto
}

.lightbox .lb-icon svg {
    width: 6rem;
    height: 6rem;
    display: block;
    fill: #e2e3e9
}

.lightbox .title {
    text-align: center
}

.lightbox fieldset {
    margin-bottom: 1rem
}

.lightbox textarea {
    resize: vertical
}

.lightbox h2 {
    font-size: 1.7rem;
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif
}

.lightbox-generic-form form {
    flex-basis: 600px;
    flex-grow: 0;
    max-width: 600px
}

.lightbox-generic-form fieldset {
    position: relative
}

.lightbox-generic-form textarea {
    min-height: 4.5rem;
    resize: vertical
}

.lightbox-generic-form .existing-or-new-selector {
    display: flex;
    margin-bottom: 2rem
}

.lightbox-generic-form .existing-or-new-selector input {
    display: none
}

.lightbox-generic-form .existing-or-new-selector input:checked + label {
    background: #5cbaa9;
    color: #fff;
    transition: background .2s ease-in
}

.lightbox-generic-form .existing-or-new-selector input:checked + label:hover {
    background: #5cbaa9
}

.lightbox-generic-form .existing-or-new-selector input + label {
    background: rgba(226, 227, 233, .7);
    cursor: pointer;
    display: block;
    font-size: 1em;
    padding: 2rem 1rem;
    text-align: center;
    text-transform: uppercase;
    transition: background .2s ease-in
}

.lightbox-generic-form .existing-or-new-selector input + label:hover {
    background: rgba(92, 186, 169, .3);
    transition: background .2s ease-in
}

.lightbox-generic-form .existing-or-new-selector .existing-or-new-selector-single {
    flex: 1
}

.lightbox-generic-form .existing-or-new-selector .existing-or-new-selector-single:first-child {
    margin-right: .5rem
}

.lightbox-generic-form .tags-block {
    width: 100%
}

.lightbox-generic-form .tags-block .tags-container {
    align-items: center;
    -moz-column-gap: .5rem;
    column-gap: .5rem;
    display: flex;
    flex-wrap: wrap;
    row-gap: .5rem
}

.lightbox-generic-form .tags-block .tag {
    align-items: center;
    display: flex;
    font-size: .875rem;
    min-height: 2rem
}

.lightbox-generic-form .tags-block .tag:first-child {
    -webkit-margin-start: 0;
    margin-inline-start: 0
}

.lightbox-generic-form .settings {
    display: flex;
    justify-content: center
}

.lightbox-generic-form .settings fieldset {
    margin-right: .5rem
}

.lightbox-generic-form .settings fieldset:hover {
    color: #fff;
    transition: all .2s ease-in;
    transition-delay: .2s
}

.lightbox-generic-form .settings fieldset:last-child {
    margin: 0
}

.lightbox-generic-form .settings .iocaine, .lightbox-generic-form .settings .requirement {
    vertical-align: middle
}

.lightbox-generic-form .settings .iocaine:hover, .lightbox-generic-form .settings .requirement:hover {
    background: #5cbaa9;
    border: 1px solid #19474b
}

.lightbox-generic-form .settings .iocaine svg, .lightbox-generic-form .settings .requirement svg {
    width: .75rem;
    height: .75rem
}

.lightbox-generic-form .settings .blocked:hover {
    background: #ffa0a0;
    border: 1px solid #ff6363
}

.lightbox-generic-form .settings .client-requirement input:checked + label, .lightbox-generic-form .settings .iocaine-flag input:checked + label, .lightbox-generic-form .settings .team-requirement input:checked + label {
    background: #19474b;
    border: 1px solid #19474b;
    color: #fff
}

.lightbox-generic-form .settings .blocking-flag label {
    align-self: stretch;
    display: block
}

.lightbox-generic-form .settings .blocking-flag input:checked + label {
    background: #ff6363;
    border: 1px solid #ff6363;
    color: #fff
}

.lightbox-generic-form .settings input {
    display: none
}

.lightbox-generic-form .attachments {
    margin-bottom: 0
}

.lightbox-generic-form .attachment-body {
    max-height: 7.5rem;
    overflow-y: auto
}

.lightbox-generic-form .attachment-delete {
    right: .5rem
}

.lightbox-generic-form .attachment-delete svg {
    fill: #70728f
}

.lightbox-generic-form .attachment-delete:hover {
    cursor: pointer
}

.lightbox-generic-form .attachment-delete:hover svg {
    fill: #e44057
}

.lightbox-generic-bulk form {
    flex-basis: 600px;
    flex-grow: 0;
    max-width: 600px
}

.lightbox-generic-bulk textarea {
    max-height: 12rem;
    min-height: 15rem
}

.lightbox-generic-bulk .creation-position-fields .custom-radio {
    -webkit-margin-end: .5rem;
    margin-inline-end: .5rem
}

.lightbox-generic-bulk .swimlane-select {
    -webkit-margin-after: 1rem;
    margin-block-end: 1rem
}

.lightbox-generic-bulk .label {
    font-size: .7rem;
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    color: #2e3440;
    display: block;
    -webkit-margin-after: .25rem;
    margin-block-end: .25rem;
    text-transform: uppercase
}

.lightbox-generic-bulk .lb-action-wrapper {
    display: flex;
    justify-content: flex-end
}

.lightbox-generic-bulk .bulk-status-selector-wrapper {
    position: relative
}

.lightbox-generic-bulk .bulk-status-selector {
    font-size: .875rem;
    border: 2px solid transparent;
    border-radius: 3px;
    color: #fff;
    display: flex;
    justify-content: space-between;
    padding: .25rem 1rem;
    width: 100%
}

.lightbox-generic-bulk .bulk-status-selector.active {
    border: 2px solid #70728f
}

.lightbox-generic-bulk .bulk-status-selector .icon {
    fill: currentColor
}

.lightbox-generic-bulk .bulk-status-option-wrapper {
    background-color: #fff;
    border: 1px solid #d8dee9;
    border-radius: 4px;
    box-shadow: 4px 4px 8px rgba(216, 222, 233, .5);
    padding: .5rem;
    position: absolute;
    top: calc(1.5rem + 4px);
    width: 100%;
    z-index: 2
}

.lightbox-generic-bulk .bulk-status-option {
    font-size: .875rem;
    background: 0 0;
    color: #19474b;
    cursor: pointer;
    display: block;
    padding: .25rem;
    text-align: left;
    width: 100%
}

.lightbox-generic-bulk .bulk-status-option:hover {
    background: #eceff4
}

.lightbox-generic-bulk .bulk-status-option.selected {
    color: #70728f
}

.lightbox-search form {
    flex-basis: 600px;
    flex-grow: 0;
    max-width: 600px
}

.lightbox-search fieldset {
    margin-bottom: 1rem
}

.lightbox-sprint-add-edit form {
    flex-basis: 600px;
    flex-flow: 0;
    max-width: 600px
}

.lightbox-sprint-add-edit .last-sprint-name {
    font-size: .875rem;
    color: #5a5b72;
    opacity: 1;
    position: absolute;
    right: 1rem;
    top: .5rem;
    transition: opacity .3s linear
}

.lightbox-sprint-add-edit .last-sprint-name.disappear {
    opacity: 0;
    transition: opacity .3s linear
}

.lightbox-sprint-add-edit .dates {
    margin-bottom: 1rem
}

.lightbox-sprint-add-edit .dates div {
    float: left;
    margin-right: 1%;
    position: relative;
    width: 49%
}

.lightbox-sprint-add-edit .dates div:last-child {
    margin: 0;
    width: 50%
}

.lightbox-sprint-add-edit .delete-sprint {
    font-size: .875rem;
    color: #19474b;
    display: flex;
    transition: color .3s linear
}

.lightbox-sprint-add-edit .delete-sprint .delete-sprint-text {
    margin: .1rem 0 0 .25rem
}

.lightbox-sprint-add-edit .delete-sprint .icon {
    fill: currentColor
}

.lightbox-sprint-add-edit .delete-sprint:hover {
    color: #ff6363;
    transition: color .3s linear
}

.lightbox-sprint-add-edit .delete-sprint:hover .icon {
    fill: currentColor
}

.lightbox-sprint-add-edit .sprint-add-edit-actions {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.lightbox-generic-ask form {
    flex-basis: 420px;
    flex-flow: 0;
    max-width: 420px
}

.lightbox-generic-ask .message, .lightbox-generic-ask .subtitle {
    display: block;
    line-height: 1.5rem;
    margin: 1rem 0;
    text-align: center
}

.lightbox-generic-ask .subtitle {
    font-size: 1.1rem;
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    white-space: pre-line
}

.lightbox-generic-ask .options {
    align-items: center;
    display: flex;
    justify-content: space-around
}

.lightbox-generic-delete form {
    flex-basis: 420px;
    flex-flow: 0;
    max-width: 420px
}

.lightbox-generic-delete .message, .lightbox-generic-delete .subtitle {
    font-size: 1.1rem;
    display: block;
    line-height: 1.5rem;
    margin: 1rem 0;
    text-align: center
}

.lightbox-generic-delete .subtitle {
    font-size: 1.1rem;
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    white-space: pre-line
}

.lightbox-generic-delete .options {
    align-items: center;
    display: flex;
    justify-content: center
}

.lightbox-generic-delete .btn-link {
    margin-right: 2rem;
    padding: .25rem 2rem
}

.lightbox-ask-choice {
    text-align: center
}

.lightbox-ask-choice form {
    flex-basis: 420px;
    flex-grow: 0
}

.lightbox-ask-choice .question, .lightbox-ask-choice .subtitle {
    display: block;
    line-height: 1.5rem;
    text-align: center
}

.lightbox-ask-choice .subtitle {
    font-size: 1.1rem;
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif
}

.lightbox-ask-choice .replacement {
    display: block
}

.lightbox-ask-choice .replacement span {
    display: block
}

.lightbox-ask-choice .choices {
    margin-bottom: 2rem
}

.lightbox-ask-choice .options {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.lightbox-ask-choice .options a {
    flex-grow: 1;
    padding: 8px 0;
    text-align: center
}

.lightbox-ask-choice .options a:first-child {
    margin-right: .5rem
}

.lightbox-ask-choice .warning {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif
}

.lightbox-delete-account p {
    text-align: center
}

.lightbox-delete-account form {
    flex-basis: 420px;
    flex-grow: 0;
    width: 420px
}

.lightbox-delete-account .question, .lightbox-delete-account .subtitle {
    display: block;
    line-height: 2rem;
    text-align: center
}

.lightbox-delete-account .newsletter {
    margin: 1rem 0;
    text-align: center
}

.lightbox-delete-account .newsletter input {
    margin-right: .5rem
}

.lightbox-delete-account .newsletter input + label {
    font-size: .875rem;
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif
}

.lightbox-delete-account .options {
    display: flex;
    justify-content: space-between
}

.lightbox-delete-account .options a {
    flex-grow: 1;
    padding: 8px 0;
    text-align: center
}

.lightbox-delete-account .options a:first-child {
    margin-right: .5rem
}

.lightbox-delete-project form {
    flex-basis: 420px;
    flex-grow: 0;
    width: 420px
}

.lightbox-delete-project .question, .lightbox-delete-project .subtitle {
    display: block;
    line-height: 2rem;
    text-align: center
}

.lightbox-delete-project .subtitle {
    font-size: 1.1rem;
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif
}

.lightbox-delete-project .options {
    display: flex;
    justify-content: space-between
}

.lightbox-delete-project .options a {
    flex-grow: 1;
    padding: 8px 0;
    text-align: center
}

.lightbox-delete-project .options a:first-child {
    margin-right: .5rem
}

.lightbox-generic-error section, .lightbox-generic-loading section, .lightbox-generic-success section {
    flex-basis: 500px;
    flex-grow: 0;
    flex-shrink: 0;
    width: 500px
}

.lightbox-generic-error h2, .lightbox-generic-loading h2, .lightbox-generic-success h2 {
    line-height: 2rem
}

.lightbox-generic-error p, .lightbox-generic-loading p, .lightbox-generic-success p {
    text-align: center
}

.lightbox-generic-error .message, .lightbox-generic-loading .message, .lightbox-generic-success .message {
    margin: 0 auto;
    max-width: 300px
}

.lightbox-generic-error .options, .lightbox-generic-loading .options, .lightbox-generic-success .options {
    display: flex;
    justify-content: center;
    margin-top: 2rem
}

.lightbox-generic-loading .spin {
    margin: 1rem auto;
    width: 5rem
}

.lightbox-generic-loading .spin img {
    animation-timing-function: ease-in-out;
    animation: rotate 1.5s cubic-bezier(0, .05, .87, 1.04) infinite alternate;
    margin: 0 auto;
    max-height: 1rem;
    max-width: 1rem;
    transform-origin: 32 32;
    max-height: 100%;
    max-width: 100%;
    width: 100%
}

.lightbox-generic-loading .progress-bar-wrapper {
    background: #d4d5de;
    height: 30px;
    margin-bottom: 1rem;
    padding: 3px;
    position: relative
}

.lightbox-generic-loading .progress-bar-wrapper .bar {
    background: #5cbaa9;
    height: 24px;
    position: absolute;
    transition: width .1s linear
}

.lightbox-generic-loading .progress-bar-wrapper .progress {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    font-size: 1.1rem;
    background: #d4d5de;
    bottom: 35px;
    color: #5a5b72;
    padding: .3rem;
    position: absolute;
    transition: left .1s linear
}

.lightbox-create-issue form {
    flex-basis: 600px;
    flex-grow: 0;
    width: 600px
}

.lightbox-create-issue .fieldset-row {
    display: flex
}

.lightbox-create-issue .fieldset-row fieldset {
    flex-basis: 100px;
    flex-grow: 1;
    margin-right: .5rem;
    width: 30%
}

.lightbox-create-issue .fieldset-row fieldset:last-child {
    margin: 0
}

.lightbox-create-issue textarea {
    margin-bottom: 1rem;
    max-height: 12rem;
    min-height: 8rem
}

.lightbox-block .form {
    flex-basis: 420px;
    flex-grow: 0;
    width: 420px
}

.lightbox-block textarea {
    margin-bottom: 1rem;
    max-height: 12rem;
    min-height: 8rem
}

.lightbox-block .button-block {
    width: 100%
}

.lightbox-select-user .form {
    flex-basis: 600px;
    flex-grow: 0;
    width: 600px
}

.lightbox-select-user .search {
    margin-top: 2rem
}

.lightbox-select-user .user-list-single.selected, .lightbox-select-user .user-list-single:hover {
    background: rgba(199, 232, 226, .3);
    cursor: pointer
}

.lightbox-select-user .user-list-single:hover {
    transition: background .3s linear;
    transition-delay: .2s
}

.lightbox-select-user .more-watchers {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    font-size: 1rem;
    padding: .5rem;
    text-align: center
}

.lightbox-select-user .btn-big.btn-big-full {
    width: 100%
}

.lightbox-select-user .add-comment {
    padding: 1rem 0;
    position: relative;
    text-align: center
}

.lightbox-select-user .add-comment .icon-close {
    cursor: pointer;
    fill: #5a5b72;
    position: absolute;
    right: 0;
    top: 0;
    transition: fill .2s
}

.lightbox-select-user .add-comment .icon-close:hover {
    fill: #ffa0a0
}

.lightbox-select-user .add-comment .icon-close svg {
    width: 2rem;
    height: 2rem
}

.lightbox-select-user .add-comment fieldset {
    margin: 0
}

.lightbox-select-user .add-comment textarea {
    margin-top: 1rem
}

.lightbox-select-user .add-comment a {
    color: #19474b
}

.lb-create-edit-userstory .points-per-role {
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0
}

.lb-create-edit-userstory .ticket-role-points {
    margin: .1rem;
    min-width: 20%
}

.lb-create-edit-userstory .ticket-role-points:first-child {
    margin-left: 0
}

.lb-create-edit-userstory .ticket-role-points:nth-child(4n+4) {
    margin-right: 0
}

.lb-create-edit-userstory .ticket-role-points:last-child {
    flex-basis: 100%;
    margin: .1rem 0;
    min-width: 100%
}

.lightbox-import-error {
    text-align: center
}

.lightbox-import-error .content {
    width: 500px
}

.lightbox-import-error h2 {
    margin-top: 1rem
}

.lightbox-import-error .description a {
    color: #19474b
}

.lightbox-import-error img {
    height: 5rem
}

.lightbox-leave-project-warning {
    text-align: center
}

.lightbox-leave-project-warning .icon {
    fill: #70728f;
    height: 3rem;
    margin-bottom: 1rem;
    width: 3rem
}

.lightbox-leave-project-warning .content {
    width: 500px
}

.lightbox-leave-project-warning .btn-big {
    color: #2e3440
}

.lightbox-leave-project-warning .btn-big:hover {
    color: #fff
}

.lightbox-request-ownership {
    text-align: center
}

.lightbox-request-ownership .content {
    width: 500px
}

.lightbox-set-due-date {
    z-index: 97
}

.lightbox-set-due-date form {
    flex-basis: 600px;
    flex-flow: 0;
    max-width: 600px
}

.lightbox-set-due-date .date {
    margin: 2rem 0 1rem
}

.lightbox-set-due-date .reason textarea {
    margin-top: .5rem
}

.lightbox-set-due-date .due-date-suggestions {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 1rem 0 .5rem
}

.lightbox-set-due-date .suggestion {
    background: rgba(169, 170, 188, .2);
    color: #a9aabc;
    justify-content: flex-start;
    margin: 0 .5rem .5rem;
    min-height: 2rem;
    padding: .5rem .75rem;
    position: relative
}

.lightbox-set-due-date .suggestion:first-child {
    margin-left: 0
}

.lightbox-set-due-date .suggestion:nth-child(4n+4) {
    margin-right: 0
}

.lightbox-set-due-date .suggestion.clickable.active, .lightbox-set-due-date .suggestion.clickable:hover {
    background: rgba(92, 186, 169, .9);
    color: #fff
}

.lightbox-set-due-date .delete-due-date {
    font-size: .875rem;
    color: #5a5b72;
    float: right;
    margin: 1rem .25rem 0 0;
    transition: color .3s linear
}

.lightbox-set-due-date .delete-due-date .icon {
    fill: currentColor
}

.lightbox-set-due-date .delete-due-date:hover {
    color: #ff6363;
    transition: color .3s linear
}

.lightbox-set-due-date .delete-due-date:hover .icon {
    fill: currentColor
}

.lightbox-create-edit {
    z-index: 99
}

.lightbox-create-edit form {
    flex-basis: 700px;
    max-width: 700px;
    width: 700px
}

.lightbox-create-edit label {
    font-size: .875rem;
    color: #19474b;
    padding-left: .25rem
}

.lightbox-create-edit textarea {
    min-height: 13rem
}

.lightbox-create-edit .creation-position-fields {
    justify-content: space-between;
    padding-right: .2rem
}

.lightbox-create-edit .form-wrapper {
    display: flex;
    margin-bottom: 1rem;
    width: 700px
}

.lightbox-create-edit .form-wrapper .sidebar {
    background: 0 0;
    flex-basis: calc(200px + 2rem);
    flex-shrink: 0;
    margin-left: 1rem;
    min-width: calc(200px + 2rem);
    padding-left: 1rem;
    width: calc(200px + 2rem)
}

.lightbox-create-edit .existing-item-wrapper {
    margin-bottom: 2rem
}

.lightbox-create-edit .existing-item-wrapper select .strong {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif
}

.lightbox-create-edit .add-existing-button, .lightbox-create-edit .add-item {
    width: 100%
}

.lightbox-create-edit .status-button {
    display: flex;
    position: relative
}

.lightbox-create-edit .status-dropdown {
    align-content: center;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    padding: .5rem .75rem;
    width: 100%
}

.lightbox-create-edit .status-dropdown svg {
    fill: #fff;
    height: .9rem;
    width: .9rem
}

.lightbox-create-edit .assigned-inline {
    position: relative
}

.lightbox-create-edit .assigned-inline .user-list-avatar img {
    height: 3rem;
    width: 3rem
}

.lightbox-create-edit .ticket-assigned-to {
    border: 0;
    margin: 0 0 1rem;
    padding: 0
}

.lightbox-create-edit .ticket-assigned-to.multiple-assign {
    align-items: start;
    flex-direction: column
}

.lightbox-create-edit .ticket-assigned-to .assigned-to-actions {
    display: block
}

.lightbox-create-edit .ticket-assigned-to .remove-user {
    top: 1.2rem
}

.lightbox-create-edit .user-list {
    display: flex;
    width: 100%
}

.lightbox-create-edit .user-list .user-list-item {
    margin-right: .5rem;
    width: 44.75px
}

.lightbox-create-edit .user-list .user-list-item img {
    height: 44.75px;
    width: 44.75px
}

.lightbox-create-edit .user-list .user-list-item:last-child {
    margin-right: 0
}

.lightbox-create-edit .user-list .user-list-item.counter {
    background: #a9aabc;
    color: #70728f;
    font-weight: 400;
    height: 44.75px;
    line-height: 44.75px;
    text-align: center
}

.lightbox-create-edit .ticket-user-list .remove-user {
    margin-right: 0
}

.lightbox-create-edit .tg-add-assigned {
    align-items: center;
    display: flex;
    margin: .25rem 0 .75rem
}

.lightbox-create-edit .tg-add-assigned .add-assigned {
    fill: #5a5b72;
    opacity: 1;
    right: .5rem;
    top: 2rem
}

.lightbox-create-edit .tg-add-assigned .add-assigned:hover {
    cursor: pointer;
    fill: #ff6363;
    transition: fill .2s
}

.lightbox-create-edit .tg-add-assigned span {
    font-size: .875rem;
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    color: #5a5b72;
    margin: .2rem .5rem
}

.lightbox-create-edit .users-dropdown {
    position: relative
}

.lightbox-create-edit .self-assign {
    display: block
}

.lightbox-create-edit .pop-status {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    font-size: .875rem;
    background: #fff;
    border: 1px solid #d8dee9;
    border-radius: 4px;
    box-shadow: 4px 4px 8px rgba(46, 52, 64, .1);
    color: #19474b;
    display: none;
    list-style-type: none;
    margin: 0;
    padding: .5rem;
    position: absolute;
    text-align: "";
    top: 2rem;
    width: 203px;
    z-index: 2
}

.lightbox-create-edit .pop-status:hover {
    color: #70728f
}

.lightbox-create-edit .pop-status a {
    padding: .25rem
}

.lightbox-create-edit .pop-status li {
    margin-bottom: .25rem
}

.lightbox-create-edit .pop-status li:last-child {
    margin-bottom: 0
}

.lightbox-create-edit .pop-status li:hover {
    background: #eceff4;
    color: #70728f
}

.lightbox-create-edit .pop-status li:hover a {
    color: #70728f
}

.lightbox-create-edit .pop-status.horizontal li {
    margin-bottom: .25rem;
    white-space: nowrap;
    width: 100%
}

.lightbox-create-edit .pop-status.horizontal a {
    width: 100%
}

.lightbox-create-edit .pop-status.horizontal a.active {
    color: #fff
}

.lightbox-create-edit .pop-status.horizontal .point {
    align-items: center;
    color: #19474b;
    display: flex;
    height: auto;
    justify-content: flex-start;
    min-height: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .25s ease;
    white-space: nowrap
}

.lightbox-create-edit .pop-status.horizontal .point:hover {
    transition: all .25s ease
}

.lightbox-create-edit .pop-status.pop-points-open li {
    display: inline-flex;
    margin: 0;
    padding: 0
}

.lightbox-create-edit .pop-status a.active {
    background: #19474b;
    color: #fff
}

.lightbox-create-edit .pop-status .point {
    align-items: center;
    color: #19474b;
    display: flex;
    height: 2.5rem;
    justify-content: center;
    transition: all .25s ease;
    width: 2.5rem
}

.lightbox-create-edit .pop-status .point:hover {
    transition: all .25s ease
}

.lightbox-create-edit .pop-status .priority, .lightbox-create-edit .pop-status .role, .lightbox-create-edit .pop-status .severity, .lightbox-create-edit .pop-status .status, .lightbox-create-edit .pop-status .type {
    align-items: center;
    color: #19474b;
    display: flex;
    min-height: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .25s ease;
    white-space: nowrap
}

.lightbox-create-edit .pop-status .priority:hover, .lightbox-create-edit .pop-status .role:hover, .lightbox-create-edit .pop-status .severity:hover, .lightbox-create-edit .pop-status .status:hover, .lightbox-create-edit .pop-status .type:hover {
    transition: all .25s ease
}

.lightbox-create-edit .pop-status::before {
    background: #fff;
    content: '';
    height: 15px;
    position: absolute;
    transform: rotate(45deg);
    width: 0
}

.lightbox-create-edit .pop-status .item-text {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    overflow-wrap: break-word;
    text-align: left;
    white-space: initial
}

.lightbox-create-edit .pop-users {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    font-size: .875rem;
    background: #fff;
    border: 1px solid #d8dee9;
    border-radius: 4px;
    box-shadow: 4px 4px 8px rgba(46, 52, 64, .1);
    color: #19474b;
    display: none;
    left: 0;
    list-style-type: none;
    margin: 0;
    padding: .5rem;
    position: absolute;
    text-align: "";
    top: 60px;
    width: 203px;
    z-index: 2
}

.lightbox-create-edit .pop-users:hover {
    color: #70728f
}

.lightbox-create-edit .pop-users a {
    padding: .25rem
}

.lightbox-create-edit .pop-users li {
    margin-bottom: .25rem
}

.lightbox-create-edit .pop-users li:last-child {
    margin-bottom: 0
}

.lightbox-create-edit .pop-users li:hover {
    background: #eceff4;
    color: #70728f
}

.lightbox-create-edit .pop-users li:hover a {
    color: #70728f
}

.lightbox-create-edit .pop-users.horizontal li {
    margin-bottom: .25rem;
    white-space: nowrap;
    width: 100%
}

.lightbox-create-edit .pop-users.horizontal a {
    width: 100%
}

.lightbox-create-edit .pop-users.horizontal a.active {
    color: #fff
}

.lightbox-create-edit .pop-users.horizontal .point {
    align-items: center;
    color: #19474b;
    display: flex;
    height: auto;
    justify-content: flex-start;
    min-height: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .25s ease;
    white-space: nowrap
}

.lightbox-create-edit .pop-users.horizontal .point:hover {
    transition: all .25s ease
}

.lightbox-create-edit .pop-users.pop-points-open li {
    display: inline-flex;
    margin: 0;
    padding: 0
}

.lightbox-create-edit .pop-users a.active {
    background: #19474b;
    color: #fff
}

.lightbox-create-edit .pop-users .point {
    align-items: center;
    color: #19474b;
    display: flex;
    height: 2.5rem;
    justify-content: center;
    transition: all .25s ease;
    width: 2.5rem
}

.lightbox-create-edit .pop-users .point:hover {
    transition: all .25s ease
}

.lightbox-create-edit .pop-users .priority, .lightbox-create-edit .pop-users .role, .lightbox-create-edit .pop-users .severity, .lightbox-create-edit .pop-users .status, .lightbox-create-edit .pop-users .type {
    align-items: center;
    color: #19474b;
    display: flex;
    min-height: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .25s ease;
    white-space: nowrap
}

.lightbox-create-edit .pop-users .priority:hover, .lightbox-create-edit .pop-users .role:hover, .lightbox-create-edit .pop-users .severity:hover, .lightbox-create-edit .pop-users .status:hover, .lightbox-create-edit .pop-users .type:hover {
    transition: all .25s ease
}

.lightbox-create-edit .pop-users::before {
    background: #fff;
    content: '';
    height: 15px;
    left: calc($pop-width / 3);
    position: absolute;
    top: -10px;
    transform: rotate(45deg);
    width: 16px
}

.lightbox-create-edit .pop-users .item-text {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    overflow-wrap: break-word;
    text-align: left;
    white-space: initial
}

.lightbox-create-edit .pop-users::after {
    z-index: -1
}

.lightbox-create-edit .pop-users.multiple {
    top: 84px
}

.lightbox-create-edit .pop-users.multiple::after {
    left: 30px
}

.lightbox-create-edit .pop-users ul {
    margin-bottom: .5rem
}

.lightbox-create-edit .pop-users li {
    border-bottom: 1px solid #70728f
}

.lightbox-create-edit .pop-users li:last-child {
    border: 0
}

.lightbox-create-edit .pop-users .users-search {
    margin-bottom: .5rem
}

.lightbox-create-edit .pop-users .user-list-single {
    align-items: center;
    display: flex;
    height: auto;
    margin-bottom: .25rem;
    min-height: 2rem;
    padding: .25rem
}

.lightbox-create-edit .pop-users .user-list-single tg-svg {
    display: none;
    flex: 0 0 auto
}

.lightbox-create-edit .pop-users .user-list-single.selected {
    background: #eceff4
}

.lightbox-create-edit .pop-users .user-list-single.selected .user-list-name {
    color: #70728f
}

.lightbox-create-edit .pop-users .user-list-single.selected tg-svg {
    display: flex;
    fill: #70728f;
    margin-right: .5rem
}

.lightbox-create-edit .pop-users .user-list-single:hover {
    background: #eceff4
}

.lightbox-create-edit .pop-users .user-list-single:hover .user-list-name {
    color: #19474b
}

.lightbox-create-edit .pop-users .user-list-single:hover tg-svg {
    fill: #19474b
}

.lightbox-create-edit .pop-users .user-list-single .user-list-avatar {
    border-radius: 50%;
    flex: 0 0 auto;
    height: 1.75rem;
    margin-right: .5rem;
    width: 1.75rem
}

.lightbox-create-edit .pop-users .user-list-single .user-list-name {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    color: #4c566a;
    flex: 0 1 auto;
    flex-grow: 1;
    min-width: 0;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap
}

.lightbox-create-edit .pop-users .show-more {
    border-top: 1px solid #70728f;
    padding-top: .5rem;
    text-align: center
}

.lightbox-create-edit .ticket-data {
    padding-top: 0
}

.lightbox-create-edit .ticket-data-container {
    margin: 0;
    padding: 0 0 .1rem
}

.lightbox-create-edit .ticket-data-container .ticket-status .priority-data {
    margin: 0
}

.lightbox-create-edit .ticket-estimation .points-per-role {
    margin: 0
}

.lightbox-create-edit .ticket-detail-settings {
    justify-content: left;
    margin: 1rem 0 0
}

.lightbox-create-edit .blocked-note {
    margin-top: .5rem
}

.lightbox-create-edit .btn-container {
    display: flex;
    justify-content: flex-end
}

.lightbox-create-edit .creation-position, .lightbox-create-edit .swimlane-select, .lightbox-generic-bulk .creation-position, .lightbox-generic-bulk .swimlane-select {
    -webkit-margin-after: 1rem;
    margin-block-end: 1rem
}

.lightbox-create-edit .creation-position .label, .lightbox-create-edit .swimlane-select .label, .lightbox-generic-bulk .creation-position .label, .lightbox-generic-bulk .swimlane-select .label {
    font-size: .7rem;
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    color: #2e3440;
    display: block;
    -webkit-margin-after: .25rem;
    margin-block-end: .25rem;
    text-transform: uppercase
}

.lightbox-create-edit .creation-position label, .lightbox-generic-bulk .creation-position label {
    font-size: .875rem;
    color: #505c74
}

.lightbox-create-edit .creation-position input[type=radio], .lightbox-generic-bulk .creation-position input[type=radio] {
    height: 0;
    opacity: 0;
    width: 0
}

.lightbox-create-edit .creation-position input[type=radio]:checked ~ .radio-label, .lightbox-generic-bulk .creation-position input[type=radio]:checked ~ .radio-label {
    color: #19474b
}

.lightbox-create-edit .creation-position input[type=radio]:checked + .radio-control::before, .lightbox-generic-bulk .creation-position input[type=radio]:checked + .radio-control::before {
    transform: scale(1)
}

.lightbox-create-edit .creation-position .custom-radio, .lightbox-generic-bulk .creation-position .custom-radio {
    align-self: center;
    display: flex
}

.lightbox-create-edit .creation-position .radio-control, .lightbox-generic-bulk .creation-position .radio-control {
    border: 2px solid #d8dee9;
    border-radius: 50%;
    display: grid;
    height: 18px;
    -webkit-margin-end: .25rem;
    margin-inline-end: .25rem;
    place-items: center;
    transform: translateY(-.06rem);
    width: 18px
}

.lightbox-create-edit .creation-position .radio-control::before, .lightbox-generic-bulk .creation-position .radio-control::before {
    background-color: #19474b;
    border-radius: 50%;
    content: '';
    display: block;
    height: 8px;
    transform: scale(0);
    transition: 180ms transform ease-in-out;
    width: 8px
}

.lightbox-create-edit .creation-position-fields, .lightbox-generic-bulk .creation-position-fields {
    display: flex
}

.ticket-detail-settings .lightbox-assign-sprint-to-issue .lightbox-assign-related-sprint {
    width: 700px
}

.ticket-detail-settings .lightbox-assign-sprint-to-issue svg {
    fill: initial;
    max-height: initial;
    max-width: initial
}

.ticket-detail-settings .lightbox-assign-sprint-to-issue fieldset label {
    background: 0 0;
    display: inline-block;
    margin-bottom: .5rem;
    margin-right: 0;
    padding: 0
}

.ticket-detail-settings .lightbox-assign-sprint-to-issue fieldset label + input {
    display: initial
}

.ticket-detail-settings .lightbox-assign-sprint-to-issue button {
    width: 100%
}

.lightbox-relate-to-epic .lightbox-create-related-epic-wrapper {
    max-width: 600px;
    width: 90%
}

.lightbox-relate-to-epic .related-with-selector {
    display: flex;
    margin-bottom: 1rem
}

.lightbox-relate-to-epic .related-with-selector input {
    display: none
}

.lightbox-relate-to-epic .related-with-selector input:checked + label {
    background: #5cbaa9;
    color: #fff;
    transition: background .2s ease-in
}

.lightbox-relate-to-epic .related-with-selector input:checked + label:hover {
    background: #5cbaa9
}

.lightbox-relate-to-epic .related-with-selector input + label {
    background: rgba(226, 227, 233, .7);
    cursor: pointer;
    display: block;
    padding: 2rem 1rem;
    text-align: center;
    text-transform: uppercase;
    transition: background .2s ease-in
}

.lightbox-relate-to-epic .related-with-selector input + label:hover {
    background: rgba(92, 186, 169, .3);
    transition: background .2s ease-in
}

.lightbox-relate-to-epic .related-with-selector .related-with-selector-single {
    flex: 1
}

.lightbox-relate-to-epic .related-with-selector .related-with-selector-single:first-child {
    margin-right: .5rem
}

.lightbox-relate-to-epic fieldset label {
    display: inline-block;
    margin-bottom: .5rem
}

.lightbox-relate-to-epic .new-epic-title {
    align-items: flex-end;
    display: flex
}

.lightbox-relate-to-epic .existing-epic-form, .lightbox-relate-to-epic .new-epic-form {
    margin-bottom: 1rem
}

.lightbox-relate-to-epic .no-epics-found {
    padding: 1rem 0 0
}

.lightbox-relate-to-epic .new-epic-options {
    display: flex;
    margin-left: auto
}

.lightbox-relate-to-epic .new-epic-options input {
    display: none
}

.lightbox-relate-to-epic .new-epic-options input:checked + label {
    background: #5cbaa9;
    color: #fff;
    fill: #fff;
    transition: background .2s ease-in
}

.lightbox-relate-to-epic .new-epic-options input + label {
    background: #f1f1f4;
    color: #434456;
    cursor: pointer;
    display: block;
    padding: .5rem;
    transition: background .2s ease-in
}

.lightbox-relate-to-epic .new-epic-options input + label:hover {
    background: #5cbaa9;
    color: #fff;
    fill: #fff
}

.lightbox-relate-to-epic button {
    width: 100%
}

.lightbox-feedback h2 {
    font-size: 1.7rem;
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
    text-align: left
}

.lightbox-feedback textarea {
    height: 120px
}

.lightbox-feedback .title {
    text-align: left
}

.lightbox-feedback label {
    font-size: .875rem;
    color: #4c566a;
    display: block;
    margin-bottom: .5rem;
    margin-left: .5rem;
    text-align: left
}

.lightbox-feedback fieldset {
    margin-bottom: .9rem
}

.lightbox-feedback .actions {
    display: flex;
    margin-bottom: 1rem
}

.lightbox-feedback .actions button {
    margin-left: auto
}

.lightbox-feedback .can-also {
    background: #f9f9fb;
    padding: 1rem
}

.lightbox-feedback .can-also h3 {
    font-size: 1.1rem;
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
    color: #2e3440;
    margin-bottom: 1rem;
    text-align: left
}

.lightbox-feedback .can-also .text {
    font-size: .875rem;
    color: #4c566a;
    margin-bottom: .5rem
}

tg-project-menu {
    background-color: #3b4252;
    z-index: 9
}

tg-project-menu .sticky-project-menu {
    height: calc(100vh - 48px);
    position: sticky;
    top: 0
}

tg-project-menu .sticky-project-menu.unblock {
    height: 100vh
}

tg-project-menu tg-legacy-loader {
    display: block;
    height: 100%;
    width: 100%
}

.global-popover {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    font-size: .875rem;
    background: #fff;
    border: 1px solid #d8dee9;
    border-radius: 4px;
    box-shadow: 4px 4px 8px rgba(46, 52, 64, .1);
    color: #19474b;
    display: none;
    list-style-type: none;
    margin: 0;
    padding: .5rem;
    position: absolute;
    text-align: "";
    width: 170px;
    z-index: 2;
    position: absolute;
    z-index: 99
}

.global-popover:hover {
    color: #70728f
}

.global-popover a {
    padding: .25rem
}

.global-popover li {
    margin-bottom: .25rem
}

.global-popover li:last-child {
    margin-bottom: 0
}

.global-popover li:hover {
    background: #eceff4;
    color: #70728f
}

.global-popover li:hover a {
    color: #70728f
}

.global-popover.horizontal li {
    margin-bottom: .25rem;
    white-space: nowrap;
    width: 100%
}

.global-popover.horizontal a {
    width: 100%
}

.global-popover.horizontal a.active {
    color: #fff
}

.global-popover.horizontal .point {
    align-items: center;
    color: #19474b;
    display: flex;
    height: auto;
    justify-content: flex-start;
    min-height: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .25s ease;
    white-space: nowrap
}

.global-popover.horizontal .point:hover {
    transition: all .25s ease
}

.global-popover.pop-points-open li {
    display: inline-flex;
    margin: 0;
    padding: 0
}

.global-popover a.active {
    background: #19474b;
    color: #fff
}

.global-popover .point {
    align-items: center;
    color: #19474b;
    display: flex;
    height: 2.5rem;
    justify-content: center;
    transition: all .25s ease;
    width: 2.5rem
}

.global-popover .point:hover {
    transition: all .25s ease
}

.global-popover .priority, .global-popover .role, .global-popover .severity, .global-popover .status, .global-popover .type {
    align-items: center;
    color: #19474b;
    display: flex;
    min-height: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .25s ease;
    white-space: nowrap
}

.global-popover .priority:hover, .global-popover .role:hover, .global-popover .severity:hover, .global-popover .status:hover, .global-popover .type:hover {
    transition: all .25s ease
}

.global-popover::before {
    background: #fff;
    content: '';
    height: 15px;
    position: absolute;
    transform: rotate(45deg);
    width: 0
}

.global-popover .item-text {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    overflow-wrap: break-word;
    text-align: left;
    white-space: initial
}

.global-popover ul {
    margin-bottom: 0
}

.global-popover button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    color: #19474b;
    display: flex;
    padding: .25rem;
    width: 100%
}

.global-popover button:hover {
    background: #eceff4;
    color: #70728f
}

.global-popover button svg {
    width: 1rem;
    height: 1rem;
    fill: #19474b;
    -webkit-margin-end: .5rem;
    margin-inline-end: .5rem
}

.related-tasks {
    margin-bottom: 2rem;
    position: relative
}

.related-tasks-header {
    align-content: center;
    align-items: center;
    background: #f1f1f4;
    display: flex;
    justify-content: space-between;
    min-height: 36px
}

.related-tasks-header .related-tasks-title {
    font-size: 1rem;
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    color: #434456;
    margin-left: 1rem
}

.related-tasks-body {
    width: 100%
}

.related-tasks-body .row {
    font-size: .875rem;
    align-items: center;
    border-bottom: 1px solid #e2e3e9;
    border-left: 10px solid transparent;
    display: flex;
    padding: .5rem 0 .5rem .5rem
}

.related-tasks-body .row:hover .task-settings {
    opacity: 1;
    transition: all .2s ease-in
}

.related-tasks-body .row .task-name {
    flex: 1
}

.related-tasks-body .row .task-settings {
    flex-shrink: 0;
    width: 60px
}

.related-tasks-body .row .status {
    flex-shrink: 0;
    margin-right: 1rem;
    width: 8rem
}

.related-tasks-body .row .task-status-bind {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.related-tasks-body .row .task-status {
    display: flex
}

.related-tasks-body .row .assigned-to {
    cursor: pointer;
    flex-shrink: 0;
    width: 150px
}

.related-tasks-body .single-related-task:hover {
    background: #c9e8e2
}

.related-tasks-body .single-related-task:hover .icon-drag {
    opacity: 1
}

.related-tasks-body .single-related-task:hover.blocked .icon-drag {
    fill: rgba(228, 64, 87, .25);
    opacity: 1
}

.related-tasks-body .single-related-task .task-reorder {
    display: flex;
    margin-right: 1rem
}

.related-tasks-body .single-related-task .icon-drag {
    width: 1rem;
    height: 1rem;
    cursor: move;
    fill: #19474b;
    transition: opacity .1s
}

.related-tasks-body .related-task-create-form {
    padding: 0
}

.related-tasks-body .related-task-create-form.active {
    padding: .5rem 0 .5rem .5rem
}

.related-tasks-body .iocaine {
    background: rgba(92, 186, 169, .1);
    border-left: 10px solid #5cbaa9
}

.related-tasks-body .task-name {
    display: flex;
    margin-right: 1rem
}

.related-tasks-body .task-name .task-name-subject {
    color: #2e3440
}

.related-tasks-body .task-name span {
    margin-right: .25rem
}

.related-tasks-body .task-name input {
    font-size: 1rem;
    margin-right: 1rem;
    padding: 3px;
    width: 85%
}

.related-tasks-body .task-name.loading {
    margin: 0;
    padding: 8px;
    text-align: center;
    width: 100%
}

.related-tasks-body .task-name.loading span {
    animation: loading .5s linear, spin 1s linear infinite
}

.related-tasks-body .status {
    position: relative
}

.related-tasks-body .status .not-clickable:hover {
    color: #434456
}

.related-tasks-body .status .popover {
    left: 0;
    top: 1rem
}

.related-tasks-body .status .icon {
    width: .8rem;
    height: .8rem;
    fill: currentColor;
    margin-left: .2rem
}

.related-tasks-body .closed, .related-tasks-body .closed:hover {
    border-left: 10px solid #e2e3e9;
    color: #4c566a
}

.related-tasks-body .closed svg, .related-tasks-body .closed:hover svg {
    fill: #4c566a;
    stroke: 0
}

.related-tasks-body .closed .icon-draggable, .related-tasks-body .closed:hover .icon-draggable {
    fill: #70728f
}

.related-tasks-body .closed .task-name a, .related-tasks-body .closed:hover .task-name a {
    color: #4c566a;
    opacity: .5;
    text-decoration: line-through
}

.related-tasks-body .closed .task-reorder, .related-tasks-body .closed:hover .task-reorder {
    margin-right: .5rem
}

.related-tasks-body .icon-iocaine {
    display: none
}

.related-tasks-body .pop-status {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    font-size: .875rem;
    background: #fff;
    border: 1px solid #d8dee9;
    border-radius: 4px;
    box-shadow: 4px 4px 8px rgba(46, 52, 64, .1);
    color: #19474b;
    display: none;
    left: 40%;
    list-style-type: none;
    margin: 0;
    padding: .5rem;
    position: absolute;
    text-align: "";
    top: 0;
    width: 200px;
    z-index: 2
}

.related-tasks-body .pop-status:hover {
    color: #70728f
}

.related-tasks-body .pop-status a {
    padding: .25rem
}

.related-tasks-body .pop-status li {
    margin-bottom: .25rem
}

.related-tasks-body .pop-status li:last-child {
    margin-bottom: 0
}

.related-tasks-body .pop-status li:hover {
    background: #eceff4;
    color: #70728f
}

.related-tasks-body .pop-status li:hover a {
    color: #70728f
}

.related-tasks-body .pop-status.horizontal li {
    margin-bottom: .25rem;
    white-space: nowrap;
    width: 100%
}

.related-tasks-body .pop-status.horizontal a {
    width: 100%
}

.related-tasks-body .pop-status.horizontal a.active {
    color: #fff
}

.related-tasks-body .pop-status.horizontal .point {
    align-items: center;
    color: #19474b;
    display: flex;
    height: auto;
    justify-content: flex-start;
    min-height: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .25s ease;
    white-space: nowrap
}

.related-tasks-body .pop-status.horizontal .point:hover {
    transition: all .25s ease
}

.related-tasks-body .pop-status.pop-points-open li {
    display: inline-flex;
    margin: 0;
    padding: 0
}

.related-tasks-body .pop-status a.active {
    background: #19474b;
    color: #fff
}

.related-tasks-body .pop-status .point {
    align-items: center;
    color: #19474b;
    display: flex;
    height: 2.5rem;
    justify-content: center;
    transition: all .25s ease;
    width: 2.5rem
}

.related-tasks-body .pop-status .point:hover {
    transition: all .25s ease
}

.related-tasks-body .pop-status .priority, .related-tasks-body .pop-status .role, .related-tasks-body .pop-status .severity, .related-tasks-body .pop-status .status, .related-tasks-body .pop-status .type {
    align-items: center;
    color: #19474b;
    display: flex;
    min-height: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .25s ease;
    white-space: nowrap
}

.related-tasks-body .pop-status .priority:hover, .related-tasks-body .pop-status .role:hover, .related-tasks-body .pop-status .severity:hover, .related-tasks-body .pop-status .status:hover, .related-tasks-body .pop-status .type:hover {
    transition: all .25s ease
}

.related-tasks-body .pop-status::before {
    background: #fff;
    content: '';
    height: 15px;
    position: absolute;
    transform: rotate(45deg);
    width: 0
}

.related-tasks-body .pop-status .item-text {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    overflow-wrap: break-word;
    text-align: left;
    white-space: initial
}

.related-tasks-body .pop-status.fix {
    bottom: 0;
    top: auto
}

.related-tasks-body .blocked, .related-tasks-body .blocked:hover {
    background: rgba(255, 160, 160, .2);
    border-left: 10px solid rgba(228, 64, 87, .25)
}

.related-tasks-body .blocked .task-name-ref, .related-tasks-body .blocked .task-name-subject, .related-tasks-body .blocked:hover .task-name-ref, .related-tasks-body .blocked:hover .task-name-subject {
    color: #e44057
}

.related-tasks-body .blocked .icon-draggable, .related-tasks-body .blocked:hover .icon-draggable {
    fill: #70728f
}

.related-tasks-body .task-settings {
    align-items: center;
    display: flex;
    opacity: 0
}

.related-tasks-body .task-settings svg {
    width: 1rem;
    height: 1rem;
    fill: #70728f;
    margin-right: .5rem;
    stroke: none;
    transition: fill .2s ease-in
}

.related-tasks-body .task-settings svg:hover {
    fill: #5a5b72
}

.related-tasks-body .task-settings a:hover {
    cursor: pointer
}

.related-tasks-body .delete-task:hover .icon-edit, .related-tasks-body .edit-task:hover .icon-edit, .related-tasks-body .save-task:hover .icon-edit {
    fill: #19474b
}

.related-tasks-body .delete-task:hover .icon-save, .related-tasks-body .edit-task:hover .icon-save, .related-tasks-body .save-task:hover .icon-save {
    fill: #19474b
}

.related-tasks-body .delete-task:hover .icon-trash, .related-tasks-body .edit-task:hover .icon-trash, .related-tasks-body .save-task:hover .icon-trash {
    fill: #e44057
}

.related-tasks-body .task-assignedto {
    position: relative
}

.related-tasks-body .task-assignedto.editable {
    cursor: pointer
}

.related-tasks-body .task-assignedto:hover .icon {
    opacity: 1;
    transition: opacity .3s linear
}

.related-tasks-body .task-assignedto figcaption {
    max-width: 50%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.related-tasks-body .task-assignedto .icon {
    width: .8rem;
    height: .8rem;
    fill: #70728f;
    opacity: 0;
    position: absolute;
    right: .5rem;
    top: .5rem;
    transition: opacity .3s linear
}

.related-tasks-body .avatar {
    align-items: center;
    display: flex
}

.related-tasks-body .avatar img {
    flex-basis: 35px;
    height: 35px;
    width: 35px
}

.related-tasks-body .avatar figcaption {
    margin-left: .5rem
}

.ticket-header {
    align-items: center;
    display: flex;
    margin: .75rem 0;
    position: relative
}

.ticket-header .ticket-title {
    font-size: 1.4rem;
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    vertical-align: sub
}

.ticket-header .detail-status {
    font-size: .875rem;
    display: flex;
    margin-left: .5rem;
    position: relative
}

.ticket-header .detail-status .icon-arrow-down {
    width: .75rem;
    height: .75rem;
    fill: currentColor;
    margin-left: .25rem
}

.ticket-header .detail-status-inner {
    align-items: center;
    display: flex;
    justify-content: flex-start
}

.ticket-header .detail-status-inner > span {
    color: #fff;
    display: flex;
    padding: .15rem .25rem;
    text-transform: uppercase
}

.ticket-header .pop-status {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    font-size: .875rem;
    background: #fff;
    border: 1px solid #d8dee9;
    border-radius: 4px;
    box-shadow: 4px 4px 8px rgba(46, 52, 64, .1);
    color: #19474b;
    display: none;
    left: 0;
    list-style-type: none;
    margin: 0;
    padding: .5rem;
    position: absolute;
    text-align: "";
    top: 1.25rem;
    width: 150px;
    z-index: 2
}

.ticket-header .pop-status:hover {
    color: #70728f
}

.ticket-header .pop-status a {
    padding: .25rem
}

.ticket-header .pop-status li {
    margin-bottom: .25rem
}

.ticket-header .pop-status li:last-child {
    margin-bottom: 0
}

.ticket-header .pop-status li:hover {
    background: #eceff4;
    color: #70728f
}

.ticket-header .pop-status li:hover a {
    color: #70728f
}

.ticket-header .pop-status.horizontal li {
    margin-bottom: .25rem;
    white-space: nowrap;
    width: 100%
}

.ticket-header .pop-status.horizontal a {
    width: 100%
}

.ticket-header .pop-status.horizontal a.active {
    color: #fff
}

.ticket-header .pop-status.horizontal .point {
    align-items: center;
    color: #19474b;
    display: flex;
    height: auto;
    justify-content: flex-start;
    min-height: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .25s ease;
    white-space: nowrap
}

.ticket-header .pop-status.horizontal .point:hover {
    transition: all .25s ease
}

.ticket-header .pop-status.pop-points-open li {
    display: inline-flex;
    margin: 0;
    padding: 0
}

.ticket-header .pop-status a.active {
    background: #19474b;
    color: #fff
}

.ticket-header .pop-status .point {
    align-items: center;
    color: #19474b;
    display: flex;
    height: 2.5rem;
    justify-content: center;
    transition: all .25s ease;
    width: 2.5rem
}

.ticket-header .pop-status .point:hover {
    transition: all .25s ease
}

.ticket-header .pop-status .priority, .ticket-header .pop-status .role, .ticket-header .pop-status .severity, .ticket-header .pop-status .status, .ticket-header .pop-status .type {
    align-items: center;
    color: #19474b;
    display: flex;
    min-height: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .25s ease;
    white-space: nowrap
}

.ticket-header .pop-status .priority:hover, .ticket-header .pop-status .role:hover, .ticket-header .pop-status .severity:hover, .ticket-header .pop-status .status:hover, .ticket-header .pop-status .type:hover {
    transition: all .25s ease
}

.ticket-header .pop-status::before {
    background: #fff;
    content: '';
    height: 15px;
    position: absolute;
    transform: rotate(45deg);
    width: 0
}

.ticket-header .pop-status .item-text {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    overflow-wrap: break-word;
    text-align: left;
    white-space: initial
}

.ticket-data {
    background: #f9f9fb;
    flex-basis: 300px;
    max-width: 300px;
    padding: 1rem
}

.ticket-data-container {
    font-size: .875rem;
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif
}

.ticket-section {
    padding: 1.2rem 0;
    width: 100%
}

.ticket-section:not(:last-child) {
    border-bottom: 1px solid #a9aabc
}

.ticket-status .level {
    display: inline-block;
    margin: 0
}

.ticket-status .level-name {
    color: #70728f;
    text-transform: lowercase
}

.ticket-status .type-data {
    align-content: center;
    background: #f9f9fb;
    display: flex;
    justify-content: space-between;
    margin-bottom: .5rem;
    padding: .5rem;
    position: relative;
    width: 100%
}

.ticket-status .type-data .level-data {
    font-size: .875rem;
    align-items: center;
    color: #4c566a;
    display: flex;
    padding-left: .5rem;
    text-align: right
}

.ticket-status .type-data .level-color {
    border-radius: 50%;
    height: 1rem;
    -webkit-margin-start: .75rem;
    margin-inline-start: .75rem;
    min-width: 1rem
}

.ticket-status .type-data .level-name {
    font-size: .7rem;
    align-self: center;
    color: #70728f
}

.ticket-status .type-data .popover {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    font-size: .875rem;
    background: #fff;
    border: 1px solid #d8dee9;
    border-radius: 4px;
    box-shadow: 4px 4px 8px rgba(46, 52, 64, .1);
    color: #19474b;
    display: none;
    list-style-type: none;
    margin: 0;
    padding: .5rem;
    position: absolute;
    right: .5rem;
    text-align: left;
    top: 30px;
    width: 150px;
    z-index: 2
}

.ticket-status .type-data .popover:hover {
    color: #70728f
}

.ticket-status .type-data .popover a {
    padding: .25rem
}

.ticket-status .type-data .popover li {
    margin-bottom: .25rem
}

.ticket-status .type-data .popover li:last-child {
    margin-bottom: 0
}

.ticket-status .type-data .popover li:hover {
    background: #eceff4;
    color: #70728f
}

.ticket-status .type-data .popover li:hover a {
    color: #70728f
}

.ticket-status .type-data .popover.horizontal li {
    margin-bottom: .25rem;
    white-space: nowrap;
    width: 100%
}

.ticket-status .type-data .popover.horizontal a {
    width: 100%
}

.ticket-status .type-data .popover.horizontal a.active {
    color: #fff
}

.ticket-status .type-data .popover.horizontal .point {
    align-items: center;
    color: #19474b;
    display: flex;
    height: auto;
    justify-content: flex-start;
    min-height: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .25s ease;
    white-space: nowrap
}

.ticket-status .type-data .popover.horizontal .point:hover {
    transition: all .25s ease
}

.ticket-status .type-data .popover.pop-points-open li {
    display: inline-flex;
    margin: 0;
    padding: 0
}

.ticket-status .type-data .popover a.active {
    background: #19474b;
    color: #fff
}

.ticket-status .type-data .popover .point {
    align-items: center;
    color: #19474b;
    display: flex;
    height: 2.5rem;
    justify-content: center;
    transition: all .25s ease;
    width: 2.5rem
}

.ticket-status .type-data .popover .point:hover {
    transition: all .25s ease
}

.ticket-status .type-data .popover .priority, .ticket-status .type-data .popover .role, .ticket-status .type-data .popover .severity, .ticket-status .type-data .popover .status, .ticket-status .type-data .popover .type {
    align-items: center;
    color: #19474b;
    display: flex;
    min-height: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .25s ease;
    white-space: nowrap
}

.ticket-status .type-data .popover .priority:hover, .ticket-status .type-data .popover .role:hover, .ticket-status .type-data .popover .severity:hover, .ticket-status .type-data .popover .status:hover, .ticket-status .type-data .popover .type:hover {
    transition: all .25s ease
}

.ticket-status .type-data .popover::before {
    background: #fff;
    content: '';
    height: 15px;
    position: absolute;
    transform: rotate(45deg);
    width: 0
}

.ticket-status .type-data .popover .item-text {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    overflow-wrap: break-word;
    text-align: left;
    white-space: initial
}

.ticket-status .severity-data {
    align-content: center;
    background: #f9f9fb;
    display: flex;
    justify-content: space-between;
    margin-bottom: .5rem;
    padding: .5rem;
    position: relative;
    width: 100%
}

.ticket-status .severity-data .level-data {
    font-size: .875rem;
    align-items: center;
    color: #4c566a;
    display: flex;
    padding-left: .5rem;
    text-align: right
}

.ticket-status .severity-data .level-color {
    border-radius: 50%;
    height: 1rem;
    -webkit-margin-start: .75rem;
    margin-inline-start: .75rem;
    min-width: 1rem
}

.ticket-status .severity-data .level-name {
    font-size: .7rem;
    align-self: center;
    color: #70728f
}

.ticket-status .severity-data .popover {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    font-size: .875rem;
    background: #fff;
    border: 1px solid #d8dee9;
    border-radius: 4px;
    box-shadow: 4px 4px 8px rgba(46, 52, 64, .1);
    color: #19474b;
    display: none;
    list-style-type: none;
    margin: 0;
    padding: .5rem;
    position: absolute;
    right: .5rem;
    text-align: left;
    top: 30px;
    width: 150px;
    z-index: 2
}

.ticket-status .severity-data .popover:hover {
    color: #70728f
}

.ticket-status .severity-data .popover a {
    padding: .25rem
}

.ticket-status .severity-data .popover li {
    margin-bottom: .25rem
}

.ticket-status .severity-data .popover li:last-child {
    margin-bottom: 0
}

.ticket-status .severity-data .popover li:hover {
    background: #eceff4;
    color: #70728f
}

.ticket-status .severity-data .popover li:hover a {
    color: #70728f
}

.ticket-status .severity-data .popover.horizontal li {
    margin-bottom: .25rem;
    white-space: nowrap;
    width: 100%
}

.ticket-status .severity-data .popover.horizontal a {
    width: 100%
}

.ticket-status .severity-data .popover.horizontal a.active {
    color: #fff
}

.ticket-status .severity-data .popover.horizontal .point {
    align-items: center;
    color: #19474b;
    display: flex;
    height: auto;
    justify-content: flex-start;
    min-height: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .25s ease;
    white-space: nowrap
}

.ticket-status .severity-data .popover.horizontal .point:hover {
    transition: all .25s ease
}

.ticket-status .severity-data .popover.pop-points-open li {
    display: inline-flex;
    margin: 0;
    padding: 0
}

.ticket-status .severity-data .popover a.active {
    background: #19474b;
    color: #fff
}

.ticket-status .severity-data .popover .point {
    align-items: center;
    color: #19474b;
    display: flex;
    height: 2.5rem;
    justify-content: center;
    transition: all .25s ease;
    width: 2.5rem
}

.ticket-status .severity-data .popover .point:hover {
    transition: all .25s ease
}

.ticket-status .severity-data .popover .priority, .ticket-status .severity-data .popover .role, .ticket-status .severity-data .popover .severity, .ticket-status .severity-data .popover .status, .ticket-status .severity-data .popover .type {
    align-items: center;
    color: #19474b;
    display: flex;
    min-height: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .25s ease;
    white-space: nowrap
}

.ticket-status .severity-data .popover .priority:hover, .ticket-status .severity-data .popover .role:hover, .ticket-status .severity-data .popover .severity:hover, .ticket-status .severity-data .popover .status:hover, .ticket-status .severity-data .popover .type:hover {
    transition: all .25s ease
}

.ticket-status .severity-data .popover::before {
    background: #fff;
    content: '';
    height: 15px;
    position: absolute;
    transform: rotate(45deg);
    width: 0
}

.ticket-status .severity-data .popover .item-text {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    overflow-wrap: break-word;
    text-align: left;
    white-space: initial
}

.ticket-status .priority-data {
    align-content: center;
    background: #f9f9fb;
    display: flex;
    justify-content: space-between;
    margin-bottom: .5rem;
    padding: .5rem;
    position: relative;
    width: 100%
}

.ticket-status .priority-data .level-data {
    font-size: .875rem;
    align-items: center;
    color: #4c566a;
    display: flex;
    padding-left: .5rem;
    text-align: right
}

.ticket-status .priority-data .level-color {
    border-radius: 50%;
    height: 1rem;
    -webkit-margin-start: .75rem;
    margin-inline-start: .75rem;
    min-width: 1rem
}

.ticket-status .priority-data .level-name {
    font-size: .7rem;
    align-self: center;
    color: #70728f
}

.ticket-status .priority-data .popover {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    font-size: .875rem;
    background: #fff;
    border: 1px solid #d8dee9;
    border-radius: 4px;
    box-shadow: 4px 4px 8px rgba(46, 52, 64, .1);
    color: #19474b;
    display: none;
    list-style-type: none;
    margin: 0;
    padding: .5rem;
    position: absolute;
    right: .5rem;
    text-align: left;
    top: 30px;
    width: 150px;
    z-index: 2
}

.ticket-status .priority-data .popover:hover {
    color: #70728f
}

.ticket-status .priority-data .popover a {
    padding: .25rem
}

.ticket-status .priority-data .popover li {
    margin-bottom: .25rem
}

.ticket-status .priority-data .popover li:last-child {
    margin-bottom: 0
}

.ticket-status .priority-data .popover li:hover {
    background: #eceff4;
    color: #70728f
}

.ticket-status .priority-data .popover li:hover a {
    color: #70728f
}

.ticket-status .priority-data .popover.horizontal li {
    margin-bottom: .25rem;
    white-space: nowrap;
    width: 100%
}

.ticket-status .priority-data .popover.horizontal a {
    width: 100%
}

.ticket-status .priority-data .popover.horizontal a.active {
    color: #fff
}

.ticket-status .priority-data .popover.horizontal .point {
    align-items: center;
    color: #19474b;
    display: flex;
    height: auto;
    justify-content: flex-start;
    min-height: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .25s ease;
    white-space: nowrap
}

.ticket-status .priority-data .popover.horizontal .point:hover {
    transition: all .25s ease
}

.ticket-status .priority-data .popover.pop-points-open li {
    display: inline-flex;
    margin: 0;
    padding: 0
}

.ticket-status .priority-data .popover a.active {
    background: #19474b;
    color: #fff
}

.ticket-status .priority-data .popover .point {
    align-items: center;
    color: #19474b;
    display: flex;
    height: 2.5rem;
    justify-content: center;
    transition: all .25s ease;
    width: 2.5rem
}

.ticket-status .priority-data .popover .point:hover {
    transition: all .25s ease
}

.ticket-status .priority-data .popover .priority, .ticket-status .priority-data .popover .role, .ticket-status .priority-data .popover .severity, .ticket-status .priority-data .popover .status, .ticket-status .priority-data .popover .type {
    align-items: center;
    color: #19474b;
    display: flex;
    min-height: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .25s ease;
    white-space: nowrap
}

.ticket-status .priority-data .popover .priority:hover, .ticket-status .priority-data .popover .role:hover, .ticket-status .priority-data .popover .severity:hover, .ticket-status .priority-data .popover .status:hover, .ticket-status .priority-data .popover .type:hover {
    transition: all .25s ease
}

.ticket-status .priority-data .popover::before {
    background: #fff;
    content: '';
    height: 15px;
    position: absolute;
    transform: rotate(45deg);
    width: 0
}

.ticket-status .priority-data .popover .item-text {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    overflow-wrap: break-word;
    text-align: left;
    white-space: initial
}

.ticket-section-label {
    font-size: .7rem;
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    color: #2e3440;
    display: block;
    -webkit-margin-after: .25rem;
    margin-block-end: .25rem;
    text-transform: uppercase
}

.ticket-section-unfold {
    display: block;
    line-height: 1.25rem;
    text-align: center
}

.ticket-section-unfold svg {
    fill: #70728f
}

.ticket-section-unfold:hover svg {
    fill: #9b9cb1
}

.ticket-section-unfold.active svg {
    fill: #a9aabc
}

.ticket-section-unfold.active:hover svg {
    fill: #7e809b
}

.loading-container {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    position: absolute;
    width: 100%;
    z-index: 2
}

.loading-container .loading-spinner {
    max-height: 1.5rem;
    max-width: 1.5rem
}

.ticket-user-list-container {
    position: relative
}

.ticket-user-list-container .ticket-user-list-content.loading {
    opacity: .5;
    z-index: 2
}

.ticket-user-list {
    margin: .25rem 0 0
}

.ticket-user-list .is-iocaine {
    filter: hue-rotate(265deg) saturate(3)
}

.ticket-user-list .iocaine-symbol {
    left: -.5rem;
    position: absolute;
    top: -.5rem;
    z-index: 2
}

.ticket-user-list .iocaine-symbol svg {
    background: #434456;
    border-radius: .25rem;
    fill: #fff;
    min-height: 1.5rem;
    min-width: 1.5rem;
    padding: .25rem
}

.ticket-user-list .user-list-single {
    align-content: center;
    align-items: center;
    display: flex;
    padding: .25rem 0;
    width: 100%
}

.ticket-user-list .user-list-single:hover:not(.read-only) {
    background: rgba(255, 255, 255, .4);
    cursor: pointer
}

.ticket-user-list .user-list-single:hover:not(.read-only) .user-list-name {
    color: #19474b
}

.ticket-user-list .user-list-single:hover:not(.read-only) .remove-user {
    opacity: 1
}

.ticket-user-list .user-list-single .read-only, .ticket-user-list .user-list-single.read-only .user-list-name {
    color: #5a5b72
}

.ticket-user-list .user-list-single:not(.read-only) .user-list-name a {
    color: #19474b
}

.ticket-user-list .user-list-avatar {
    flex-basis: 3rem;
    margin-right: .25rem;
    max-height: 3rem;
    max-width: 3rem
}

.ticket-user-list .user-list-avatar img {
    width: 100%
}

.ticket-user-list .user-list-name {
    flex-grow: 1;
    margin-left: .5rem
}

.ticket-user-list .remove-user {
    cursor: pointer;
    fill: #5a5b72;
    margin-right: .75rem;
    opacity: 0;
    padding: .5rem;
    transition: all .2s ease-in
}

.ticket-user-list .remove-user:hover {
    fill: #ff6363;
    transition: color .3s ease-in
}

.ticket-user-list .remove-user svg {
    height: .9rem;
    width: .9rem
}

.ticket-users-actions {
    display: flex;
    margin: .5rem -.25rem 0
}

.ticket-users-actions .ticket-users-action {
    background: #fff;
    color: #5a5b72;
    cursor: pointer;
    display: flex;
    flex-grow: 1;
    font-size: .9rem;
    justify-content: center;
    line-height: 2rem;
    margin: 0 .25rem;
    text-align: center
}

.ticket-users-actions .ticket-users-action svg {
    fill: #5a5b72;
    height: .75rem;
    width: .75rem
}

.ticket-users-actions .ticket-users-action:hover {
    color: #5cbaa9
}

.ticket-users-actions .ticket-users-action:hover svg {
    fill: #5cbaa9
}

.ticket-users-actions .users-action.icon {
    margin-right: .5rem
}

.ticket-estimation .points-per-role {
    margin: .5rem 0 0
}

.ticket-detail-settings {
    align-items: center;
    display: flex;
    justify-content: center
}

.ticket-detail-settings [class^=btn-]:not(.select-option):not(.show-closed) {
    background: #eceff4;
    color: #19474b;
    -webkit-margin-end: .5rem;
    margin-inline-end: .5rem;
    padding: .75rem
}

.ticket-detail-settings [class^=btn-]:not(.select-option):not(.show-closed):hover {
    background: #d8dee9;
    color: #70728f
}

.ticket-detail-settings [class^=btn-]:not(.select-option):not(.show-closed).editable {
    cursor: pointer
}

.ticket-detail-settings [class^=btn-]:not(.select-option):not(.show-closed) + input {
    display: none
}

.ticket-detail-settings [class^=btn-]:not(.select-option):not(.show-closed).disabled, .ticket-detail-settings [class^=btn-]:not(.select-option):not(.show-closed):disabled {
    background-color: #d8dee9;
    color: rgba(46, 52, 64, .5);
    cursor: not-allowed;
    opacity: .5;
    pointer-events: none
}

.ticket-detail-settings [class^=btn-]:not(.select-option):not(.show-closed).active {
    background: #70728f;
    color: #fff
}

.ticket-detail-settings [class^=btn-]:not(.select-option):not(.show-closed).assign-issue-button.button-set {
    background: #70728f;
    color: #fff
}

.ticket-detail-settings [class^=btn-]:not(.select-option):not(.show-closed).item-unblock {
    background: #e44057
}

.ticket-detail-settings [class^=btn-].item-unblock {
    background: #e44057
}

.ticket-detail-settings [class^=btn-].item-unblock:hover {
    background: #e44057
}

.ticket-detail-settings [class^=btn-].item-unblock .loading-spinner {
    height: 1rem;
    width: 1rem
}

.ticket-detail-settings [class^=btn-].item-unblock svg {
    fill: #fff
}

.epic-header-container {
    display: flex
}

.epic-header-container .color-selector {
    margin-right: .5rem
}

.epic-header-container tg-detail-header {
    flex: 1;
    width: 100%
}

.epic-selector {
    align-items: center;
    display: flex;
    margin: .25rem 0
}

.epic-selector .epic-selector-text {
    margin-right: .5rem
}

.introjs-overlay {
    background: radial-gradient(center, ellipse cover, rgba(255, 255, 255, .2) 0, rgba(226, 227, 233, .2) 100%);
    background-color: #e2e3e9
}

.introjs-helperLayer {
    border: 1px solid rgba(92, 186, 169, .8)
}

.introjs-helperLayer, .introjs-tooltip {
    box-shadow: 0 1px 8px rgba(67, 68, 86, .2)
}

.introjs-tooltip h3 {
    font-size: 1.1rem;
    margin-bottom: .5rem
}

.introjs-tooltip p {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    line-height: 1.4;
    margin-bottom: 0
}

.introjs-bullets ul li a.active {
    background: #5cbaa9
}

.introjs-button {
    background-color: #25a28c;
    background-image: none;
    border: 0;
    border-radius: 0;
    color: #fff;
    margin-top: 10px;
    padding: .3rem .8rem;
    text-shadow: none
}

.introjs-button:focus, .introjs-button:hover {
    background: 0 0;
    background-color: #5cbaa9;
    color: #fff
}

.introjs-button.introjs-disabled {
    background: #f1f1f4;
    background-color: none;
    color: #fff
}

.lightbox-generic-notion section {
    display: flex;
    flex-basis: 600px
}

.single-project .single-project-intro {
    display: flex;
    margin-bottom: 2rem
}

.single-project .project-logo {
    margin-right: 1rem;
    width: 6rem
}

.single-project .project-logo img {
    width: 100%
}

.single-project .single-project-title-wrapper {
    flex: 1
}

.single-project .intro-options {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: .5rem
}

.single-project .intro-title {
    align-items: center;
    -moz-column-gap: .25rem;
    column-gap: .25rem;
    display: flex;
    row-gap: .25rem
}

.single-project .intro-title .icon-private {
    fill: #4c566a;
    height: 24px;
    width: 24px
}

.single-project .project-name {
    color: #19474b;
    margin-bottom: 0
}

.single-project .private {
    width: 1.1rem;
    height: 1.1rem
}

.single-project .track-buttons-container {
    align-items: center;
    -moz-column-gap: .75rem;
    column-gap: .75rem;
    display: flex;
    row-gap: .75rem
}

.single-project .track-container .list-itemtype-track {
    font-size: .875rem;
    color: #19474b;
    display: flex;
    flex-shrink: 0;
    justify-content: flex-end
}

.single-project .track-container .list-itemtype-track .list-itemtype-track-likers {
    margin-right: .5rem
}

.single-project .track-container .list-itemtype-track-likers, .single-project .track-container .list-itemtype-track-watchers {
    align-items: center;
    display: flex
}

.single-project .track-container .list-itemtype-track-likers .icon, .single-project .track-container .list-itemtype-track-watchers .icon {
    display: block;
    margin-right: .25rem
}

.single-project .track-container .list-itemtype-track-likers.active, .single-project .track-container .list-itemtype-track-watchers.active {
    color: #19474b
}

.single-project .track-container .list-itemtype-track-likers.active .icon, .single-project .track-container .list-itemtype-track-watchers.active .icon {
    fill: currentcolor
}

.single-project .track-container .icon {
    fill: #19474b
}

.single-project .description {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    font-size: 1rem;
    margin: 0
}

.single-project .project-data {
    display: flex
}

.single-project .title {
    font-size: 1rem;
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    align-content: center;
    background: #f1f1f4;
    display: flex;
    justify-content: space-between;
    margin-bottom: .5rem;
    padding: .5rem 1rem
}

.single-project .single-project-tags {
    align-items: center;
    -moz-column-gap: .5rem;
    column-gap: .5rem;
    display: flex;
    margin-bottom: 1rem;
    margin-top: 1rem;
    row-gap: .5rem
}

.single-project .single-project-tags .tag {
    font-size: .875rem;
    align-items: center;
    display: flex;
    min-height: 2rem
}

.single-project .timeline {
    flex: 1;
    flex-shrink: 3;
    margin-right: 1rem;
    max-width: 960px;
    width: 0
}

.single-project .looking-for-people .looking-for-people-content {
    margin: .5rem auto 2rem
}

.single-project .looking-for-people img {
    width: 100%
}

.single-project .looking-for-people h3 {
    font-size: .875rem
}

.single-project .looking-for-people .is-empty {
    margin-bottom: .5rem
}

.single-project .looking-for-people p {
    font-size: .875rem;
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    margin-bottom: .5rem
}

.single-project .looking-for-people a {
    color: #19474b;
    font-size: .8rem;
    font-weight: 600
}

.single-project .looking-for-people .contact-team {
    margin-bottom: 1rem
}

.single-project .involved-data {
    flex-basis: 220px;
    width: 220px
}

.single-project .involved-team {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1rem
}

.single-project .involved-team li {
    flex-basis: 24%;
    margin-right: .14rem;
    position: relative
}

.single-project .involved-team li:nth-child(4n) {
    margin-right: 0
}

.single-project .involved-team a {
    display: block
}

.single-project .involved-team img {
    border-radius: 50%;
    width: 100%
}

.single-project .involved-team .icon-badge {
    width: 1.2rem;
    height: 1.2rem;
    background-color: #fff;
    bottom: 5%;
    fill: #19474b;
    padding: .1rem;
    position: absolute;
    right: 5%
}

body {
    --kanban-width: '100%'
}

@keyframes card-unfold {
    from {
        position: absolute;
        visibility: hidden
    }
    to {
        position: static;
        visibility: visible
    }
}

.kanban-table {
    --kanban-column-margin: 0 5px 0 0;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    width: 100%
}

.kanban-table.zoom-0 .task-colum-name, .kanban-table.zoom-0 .taskboard-column {
    max-width: 232px
}

.kanban-table.zoom-0 .task-colum-name .title .name {
    max-width: 95px
}

.kanban-table.zoom-0 .card, .kanban-table.zoom-0 .card-inner.card-blocked {
    min-height: 45px
}

.kanban-table.zoom-1 .card, .kanban-table.zoom-1 .card-inner.card-blocked {
    min-height: 90px
}

.kanban-table.zoom-2 .card, .kanban-table.zoom-2 .card-inner.card-blocked, .kanban-table.zoom-3 .card, .kanban-table.zoom-3 .card-inner.card-blocked {
    min-height: 120px
}

.kanban-table .vfold-remove-active .card-placeholder, .kanban-table .vfold-remove-active .options, .kanban-table .vfold-remove-active .title, .kanban-table .vfold-remove-active tg-card, .kanban-table .vunfold-add-active .card-placeholder, .kanban-table .vunfold-add-active .options, .kanban-table .vunfold-add-active .title, .kanban-table .vunfold-add-active tg-card {
    animation: card-unfold 0s forwards .1s;
    position: absolute;
    visibility: hidden
}

.kanban-table .vfold tg-card {
    display: none
}

.kanban-table .vfold .kanban-wip-limit {
    display: none
}

.kanban-table .vfold .card-placeholder {
    display: none
}

.kanban-table .vfold.task-colum-name {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: .625rem 0
}

.kanban-table .vfold.task-colum-name .title {
    display: none
}

.kanban-table .vfold.task-colum-name .option:not(.hunfold), .kanban-table .vfold.task-colum-name span {
    display: none
}

.kanban-table .vfold.task-colum-name .hunfold {
    margin: 0
}

.kanban-table .vfold.task-colum-name, .kanban-table .vfold.taskboard-column {
    flex-flow: 1;
    max-width: 36px;
    min-width: 36px
}

.kanban-table .vfold .kanban-column-intro {
    display: none
}

.kanban-table .readonly {
    cursor: auto
}

.kanban-table-header {
    background: #fff;
    flex-basis: 2.75rem;
    min-height: 2.75rem;
    position: relative;
    z-index: 5
}

.kanban-table-header .kanban-table-inner {
    display: flex;
    overflow: visible;
    position: absolute;
    width: 100%
}

.kanban-table-header .options {
    display: flex
}

.kanban-table-header .task-colum-name {
    font-size: 1rem;
    align-items: center;
    background-color: #d8dee9;
    border-radius: 4px 4px 0 0;
    color: #5a5b72;
    display: flex;
    flex-basis: 292px;
    flex-grow: 0;
    flex-shrink: 0;
    height: 36px;
    justify-content: space-between;
    margin: 0 5px 0 0;
    max-height: 36px;
    max-width: 292px;
    padding: 0 .75rem;
    position: relative;
    text-transform: uppercase;
    transition: all .1s linear
}

.kanban-table-header .task-colum-name:last-child {
    margin-right: 0
}

.kanban-table-header .task-colum-name .deco-square {
    flex-grow: 1;
    flex-shrink: 0;
    height: 1rem;
    max-width: .625rem;
    width: .625rem
}

.kanban-table-header .task-colum-name .title {
    align-items: flex-end;
    display: flex;
    margin-left: .5rem;
    width: 100%
}

.kanban-table-header .task-colum-name .title .name {
    display: inline-block;
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    font-size: .875rem;
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    color: #2e3440;
    line-height: 1em
}

.kanban-table-header .task-colum-name .option {
    margin-right: .125rem
}

.kanban-table-header .task-colum-name .option:last-child {
    margin-right: 0
}

@keyframes new-us-status-blink-folded-column {
    0% {
        background-color: #d8dee9
    }
    100% {
        background-color: #f9f9fb
    }
}

@keyframes new-us-status-blink {
    0% {
        background-color: #d8dee9
    }
    100% {
        background-color: #eceff4
    }
}

@keyframes kanban-move-animation {
    0%, 100% {
        box-shadow: 4px 4px 8px rgba(216, 222, 233, .5)
    }
    25%, 75% {
        box-shadow: 0 0 8px 3px rgba(131, 238, 222, .5)
    }
}

.kanban-table-body {
    font-size: 1rem;
    display: flex;
    height: 100%;
    margin-top: 1px;
    overflow: hidden;
    overflow-x: auto;
    width: 100%
}

.kanban-table-body .taskboard-column {
    border-radius: 4px;
    contain: content;
    flex-basis: 292px;
    flex-grow: 0;
    flex-shrink: 0;
    margin: 0 5px 0 0;
    max-width: 292px;
    overflow-x: hidden;
    overflow-y: auto;
    transition: all .1s linear;
    width: 292px
}

.kanban-table-body .taskboard-column:last-child {
    margin-right: 0
}

.kanban-table-body .taskboard-column.new {
    animation: new-us-status-blink .5s ease-in
}

.kanban-table-body .taskboard-column.vfold.new {
    animation: new-us-status-blink-folded-column .5s ease-in 2
}

.kanban-table-body .taskboard-column.target-drop {
    background-color: #d8dee9
}

.kanban-table-body .taskboard-column.target-drop .ammount {
    background-color: #fff
}

.kanban-table-body .taskboard-column .kanban-column-intro {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    font-size: .875rem;
    color: #70728f;
    margin: 1rem 2rem
}

.kanban-table-body .taskboard-column .kanban-column-intro.active {
    color: #16171d
}

.kanban-table-body .taskboard-column .kanban-wip-limit {
    border-radius: 2px;
    height: 8px;
    margin: .5rem 1rem;
    position: relative
}

.kanban-table-body .taskboard-column .kanban-wip-limit span {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    font-size: .875rem;
    background: #eceff4;
    color: #e44057;
    left: 50%;
    padding: 0 .25rem;
    position: absolute;
    top: -7px;
    transform: translateX(-50%)
}

.kanban-table-body .taskboard-column .kanban-wip-limit.one-left, .kanban-table-body .taskboard-column .kanban-wip-limit.reached {
    border-top: solid 2px #e44057
}

.kanban-table-body .taskboard-column .kanban-wip-limit.one-left span, .kanban-table-body .taskboard-column .kanban-wip-limit.reached span {
    top: -10px
}

.kanban-table-body .taskboard-column .kanban-wip-limit.one-left {
    opacity: .5
}

.kanban-table-body .taskboard-column .kanban-wip-limit.exceeded {
    border-bottom: solid 2px #e44057;
    border-top: solid 2px #e44057
}

.kanban-table-body .kanban-uses-box {
    background-color: #eceff4
}

.kanban-table-body .kanban-task-selected.card:not(.gu-transit-multi) {
    box-shadow: 0 0 0 1px #5cbaa9, 2px 2px 4px #c5c7d3
}

.kanban-table-body .kanban-moved {
    animation: kanban-move-animation 1s ease 0s 1 normal forwards
}

.kanban-table-inner {
    display: flex;
    flex-wrap: nowrap
}

.card-transit-multi {
    background: #dcdde5;
    border: 1px dashed #cbcdd7;
    display: none;
    opacity: 1;
    padding: 1rem
}

.card-transit-multi .fake-img, .card-transit-multi .fake-text {
    background: #cbcdd7
}

.card-transit-multi .fake-us {
    display: flex;
    margin-bottom: 1rem
}

.card-transit-multi .fake-us:last-child {
    margin-bottom: 0
}

.card-transit-multi .column {
    padding-left: .5rem;
    width: 100%
}

.card-transit-multi .fake-img {
    flex-basis: 48px;
    flex-shrink: 0;
    height: 48px;
    width: 48px
}

.card-transit-multi .fake-text {
    height: 1rem;
    margin-bottom: 1rem;
    width: 80%
}

.card-transit-multi .fake-text:last-child {
    margin-bottom: 0;
    width: 40%
}

.card.gu-transit-multi .card-transit-multi {
    display: block
}

.card.gu-transit-multi .card-inner {
    display: none
}

.placeholder-collapsed {
    align-items: center;
    display: flex;
    position: relative
}

.placeholder-collapsed .placeholder-collapsed-wrapper {
    align-items: center;
    display: flex;
    flex-direction: row-reverse;
    padding: 1rem 0;
    text-transform: uppercase;
    width: 100%;
    writing-mode: vertical-rl
}

.placeholder-collapsed .name {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif
}

.placeholder-collapsed .text-holder {
    font-size: .875rem;
    color: #2e3440;
    display: flex;
    flex-direction: row-reverse;
    -webkit-padding-start: .5rem;
    padding-inline-start: .5rem
}

.placeholder-collapsed .ammount {
    font-size: .7rem;
    color: #70728f;
    margin-top: .25rem;
    padding: .25rem 0
}

.placeholder-collapsed .archived {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    color: #70728f;
    padding-top: .25rem
}

.placeholder-collapsed .square-color {
    height: 1rem;
    width: 10px
}

.kanban-swimlane-title {
    align-items: center;
    background: #fff;
    border: 1px solid transparent;
    border-bottom: solid 1px #fff;
    display: flex;
    max-width: var(--kanban-width);
    padding: .625rem 1rem;
    position: sticky;
    top: 36px;
    transition: all .6 ease;
    width: 100%;
    z-index: 3
}

.kanban-swimlane-title.unclassified-swimlane {
    z-index: 4
}

.kanban-swimlane-title.folded {
    border-bottom: solid 1px #eceff4
}

.kanban-swimlane-title.folded tg-svg {
    fill: #70728f
}

.kanban-swimlane-title.folded .title-name {
    color: #70728f
}

.kanban-swimlane-title.folded.pending-to-open {
    background-color: #eceff4;
    border: 1px solid #83eede
}

.kanban-swimlane-title:hover .fold-action, .kanban-swimlane-title:hover .unfold-action {
    fill: #4c566a
}

.kanban-swimlane-title:hover .title-name {
    color: #4c566a
}

.kanban-swimlane-title .fold-action, .kanban-swimlane-title .unfold-action {
    fill: #19474b;
    height: 16px;
    margin-right: .75rem;
    transition: all .6 ease;
    width: 16px
}

.kanban-swimlane-title .title-name {
    font-size: .875rem;
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    color: #19474b;
    margin-bottom: 0;
    margin-right: .75rem;
    transition: all .6 ease
}

.kanban-swimlane-title .unclassified-us-title {
    font-style: italic
}

.kanban-swimlane-title .unclassified-us-info {
    position: relative
}

.kanban-swimlane-title .unclassified-us-info tg-svg {
    fill: #d8dee9
}

.kanban-swimlane-title .unclassified-us-info:hover tg-svg {
    fill: #2e3440
}

.kanban-swimlane-title .unclassified-us-info:hover .tooltip {
    display: block
}

.kanban-swimlane-title .unclassified-us-info .tooltip {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    font-size: .875rem;
    background: #2e3440;
    border: 1px solid #d8dee9;
    border-radius: 4px;
    box-shadow: 4px 4px 8px rgba(46, 52, 64, .1);
    color: #f9f9fb;
    display: none;
    left: -8px;
    list-style-type: none;
    margin: 0;
    padding: 1rem 1rem 1.5rem 1rem;
    position: absolute;
    text-align: left;
    top: 150%;
    width: 250px;
    z-index: 2
}

.kanban-swimlane-title .unclassified-us-info .tooltip li {
    margin-bottom: .25rem;
    padding: 0 .25rem
}

.kanban-swimlane-title .unclassified-us-info .tooltip li:last-child {
    margin-bottom: 0
}

.kanban-swimlane-title .unclassified-us-info .tooltip::before {
    background: #2e3440;
    content: '';
    height: 10px;
    left: 10px;
    position: absolute;
    top: -5px;
    transform: rotate(45deg);
    width: 10px
}

.kanban-swimlane-title .default-swimlane {
    align-items: center;
    background: 0 0;
    display: flex;
    margin-left: auto
}

.kanban-swimlane-title .default-swimlane .default-swimlane-icon .icon {
    fill: rgba(246, 201, 92, .25);
    height: 13px;
    -webkit-margin-end: .25rem;
    margin-inline-end: .25rem;
    stroke: rgba(246, 201, 92, .25);
    width: 13px
}

.kanban-swimlane-title .default-swimlane .default-text {
    font-size: .7rem;
    color: #70728f;
    font-style: italic
}

.kanban-table-swimlane {
    overflow: auto
}

.kanban-table-swimlane .kanban-table {
    overflow-x: auto
}

.kanban-table-swimlane .kanban-table-header {
    flex-basis: 2.25rem;
    min-height: 2.25rem;
    position: sticky;
    top: 0
}

.kanban-table-swimlane .kanban-table-body {
    max-height: 56vh;
    min-height: 180px;
    overflow: visible
}

.kanban-table-swimlane .kanban-table-body.ng-enter, .kanban-table-swimlane .kanban-table-body.ng-leave, .kanban-table-swimlane .kanban-table-body.ng-move {
    transition: all linear .5s
}

.kanban-table-swimlane .kanban-table-body.ng-enter, .kanban-table-swimlane .kanban-table-body.ng-leave.ng-leave-active, .kanban-table-swimlane .kanban-table-body.ng-move {
    max-height: 0;
    min-height: 0;
    opacity: 0
}

.kanban-table-swimlane .kanban-table-body.ng-enter.ng-enter-active, .kanban-table-swimlane .kanban-table-body.ng-leave, .kanban-table-swimlane .kanban-table-body.ng-move.ng-move-active {
    max-height: 524px;
    min-height: 0;
    opacity: 1
}

.kanban-table-swimlane .kanban-table-body.ng-enter.ng-enter-active .text-holder, .kanban-table-swimlane .kanban-table-body.ng-leave .text-holder, .kanban-table-swimlane .kanban-table-body.ng-move.ng-move-active .text-holder {
    white-space: nowrap
}

.kanban-table-swimlane .kanban-table-body.ng-enter.ng-enter-active .taskboard-column, .kanban-table-swimlane .kanban-table-body.ng-leave .taskboard-column, .kanban-table-swimlane .kanban-table-body.ng-move.ng-move-active .taskboard-column {
    overflow: hidden
}

.kanban-task-counter {
    align-items: center;
    background: #eceff4;
    box-shadow: -4px 2px 5px -2px rgba(46, 52, 64, .15);
    color: #70728f;
    display: inline-flex;
    font-size: .68rem;
    justify-content: center;
    min-width: 32px;
    padding: 4px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

.kanban-swimlane {
    display: flex;
    flex-direction: column
}

.kanban-swimlane .kanban-table-inner {
    position: relative
}

.kanban-swimlane .kanban-table-inner::before {
    box-shadow: inset 0 4px 8px rgba(216, 222, 233, .5);
    content: '';
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.kanban-swimlane .card:first-child {
    margin-top: 0
}

.kanban-swimlane:last-child {
    padding-bottom: 1rem
}

.kanban-swimlane-add {
    align-items: center;
    background: #f9f9fb;
    border: 1px dashed #83eede;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    margin-bottom: 2rem;
    margin-top: 2rem;
    max-width: var(--kanban-width);
    min-height: 5rem;
    width: calc(100% - 1rem)
}

.kanban-swimlane-add span {
    font-size: .875rem;
    color: #70728f;
    line-height: 24px
}

.kanban-swimlane-add .add-action {
    fill: #70728f;
    margin-right: 1rem
}

.kanban-swimlane-add:hover {
    background: #d8dee9
}

.kanban-swimlane-add:hover span {
    color: #19474b
}

.kanban-swimlane-add:hover .add-action {
    border-color: #19474b;
    fill: #19474b
}

.search-filter {
    border-top: 1px solid #d8dee9;
    display: flex;
    margin-bottom: 0;
    z-index: 2
}

.search-filter a {
    background: #fff;
    color: #d8dee9;
    display: flex;
    padding: 1rem 1.25rem
}

.search-filter a.active {
    border-left: 1px solid #d8dee9;
    border-right: 1px solid #d8dee9;
    color: #4c566a;
    position: relative;
    top: 1px
}

.search-filter a.active .icon {
    fill: #19474b
}

.search-filter .icon {
    fill: currentColor;
    margin-right: .4rem
}

.search-filter .name {
    padding-left: 5px
}

.search-in {
    -webkit-border-end: 1px solid #d8dee9;
    border-inline-end: 1px solid #d8dee9;
    height: 100%;
    padding: 1rem;
    position: relative;
    width: 300px
}

.search-in .search-input {
    -webkit-padding-end: 2rem;
    padding-inline-end: 2rem
}

.search-in .icon-search-wrapper {
    position: absolute;
    right: 1.5rem;
    top: 1.5rem
}

.search-in .icon-search {
    fill: #70728f
}

.search-in .loading-spinner {
    margin-top: .1rem
}

.search-result-table {
    border-top: 1px solid #d8dee9
}

.search-result-table .row {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: .5rem
}

.search-result-table .row .ref {
    color: #19474b;
    margin-right: .5rem
}

.search-result-table .row .user-stories {
    overflow: hidden;
    padding-right: 1rem;
    width: 100%
}

.search-result-table .row .points, .search-result-table .row .sprint, .search-result-table .row .status {
    flex: 0 0 150px;
    flex-grow: 0;
    max-width: 150px;
    padding: 0 1rem;
    text-align: center
}

.search-result-table .row .assigned-to {
    flex: 0 0 150px;
    max-width: 150px;
    padding: 0 1rem
}

.search-result-table .user-story-name a {
    color: #4c566a
}

.search-result-table .user-story-name input {
    vertical-align: top
}

.search-result-table .user-story-name span {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.search-result-table .table-main {
    font-size: .875rem;
    border-bottom: 1px solid #d8dee9
}

.search-result-table .points, .search-result-table .sprint, .search-result-table .status {
    position: relative
}

.search-result-table .avatar {
    align-items: center;
    display: flex
}

.search-result-table .avatar img {
    width: 35px
}

.search-result-table .avatar .avatar-caption {
    display: block;
    margin-left: .5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 80px
}

.search-result-table-header {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif
}

.menu-secondary .team-filters header {
    padding: 1rem 1rem 0 1rem
}

.menu-secondary .team-filters .search-in {
    border-right: 0;
    margin-top: 0;
    padding-top: 0;
    position: relative
}

.menu-secondary .team-filters .search-in .icon-search-wrapper {
    right: 1rem;
    top: .5rem
}

.menu-secondary .team-filters li {
    font-size: 1.1rem;
    border-bottom: 1px solid #eceff4;
    text-transform: uppercase
}

.menu-secondary .team-filters li:last-child {
    border-bottom: 0
}

.menu-secondary .team-filters li .icon {
    fill: #2e3440;
    opacity: 0;
    transition: opacity .3s linear
}

.menu-secondary .team-filters li:hover {
    background: #fff
}

.menu-secondary .team-filters li:hover a {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    color: #70728f
}

.menu-secondary .team-filters li.active {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    background: #fff
}

.menu-secondary .team-filters li.active a {
    color: #19474b
}

.menu-secondary .team-filters li.active .icon {
    fill: #19474b;
    opacity: 1
}

.menu-secondary .team-filters li.active:hover {
    background: #fff
}

.menu-secondary .team-filters li.active:hover a {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    color: #70728f
}

.menu-secondary .team-filters li.active:hover .icon {
    fill: #70728f;
    opacity: 1
}

.menu-secondary .team-filters a {
    align-content: center;
    align-items: center;
    color: #70728f;
    display: flex;
    justify-content: space-between;
    padding: 1rem
}

.menu-secondary .team-filters a.active, .menu-secondary .team-filters a:hover {
    transition: color .3s linear
}

.menu-secondary .team-filters a.active .icon, .menu-secondary .team-filters a:hover .icon {
    fill: currentColor;
    opacity: 1
}

.table-team .row {
    padding: .5rem
}

.table-team .username {
    flex-basis: 220px;
    min-width: 25%
}

.table-team .member-stats {
    align-content: center;
    align-items: center;
    display: flex;
    flex: 6;
    justify-content: flex-end
}

.table-team .attribute {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    flex: 1;
    position: relative;
    text-align: center
}

.table-team .attribute .icon {
    width: 1.75rem;
    height: 1.75rem;
    fill: #4c566a
}

.table-team .attribute .points {
    font-size: 1.4rem;
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    color: #434c5e
}

.table-team .attribute .top {
    fill: #19474b;
    opacity: 1
}

.table-team .attribute:hover .tooltip {
    display: block
}

.table-team .leave-project {
    font-size: .875rem;
    color: #e44057;
    display: flex
}

.table-team .leave-project .icon {
    width: .8rem;
    height: .8rem;
    fill: currentColor;
    margin-right: .2rem
}

.table-team .leave-project:hover {
    color: #ff6363
}

.table-team .leave-project:hover .icon {
    color: currentColor;
    transition: fill .3s linear
}

.table-team .team-header {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    border-bottom: 0
}

.table-team .hero {
    width: 100%
}

.table-team .hero .row {
    border-bottom: 1px solid #f9f9fb;
    border-top: 1px solid #f9f9fb;
    margin: 1rem 0;
    padding: 1.5rem 1rem
}

.table-team .avatar {
    align-items: center;
    display: flex
}

.table-team .avatar img {
    flex-basis: 66px;
    flex-grow: 0;
    flex-shrink: 0;
    width: 66px
}

.table-team .avatar .avatar-data {
    margin-left: 1rem
}

.table-team .avatar .avatar-data span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.table-team .avatar .name, .table-team .avatar .position {
    display: block;
    width: 100%
}

.table-team .avatar .name {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    align-items: center;
    display: flex
}

.table-team .avatar .name tg-svg {
    display: block;
    margin-left: .5rem
}

.table-team .avatar .position {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    color: #70728f
}

.table-team .tooltip {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    font-size: .875rem;
    background: #2e3440;
    border: 1px solid #d8dee9;
    border-radius: 4px;
    bottom: 2rem;
    box-shadow: 4px 4px 8px rgba(46, 52, 64, .1);
    color: #f9f9fb;
    display: none;
    left: 0;
    list-style-type: none;
    margin: 0;
    padding: .3rem .6rem .4rem .6rem;
    position: absolute;
    text-align: center;
    width: inherit;
    z-index: 2
}

.table-team .tooltip li {
    margin-bottom: .25rem;
    padding: 0 .25rem
}

.table-team .tooltip li:last-child {
    margin-bottom: 0
}

.table-team .tooltip::before {
    background: #2e3440;
    content: '';
    height: 15px;
    left: calc(50% - 7px);
    position: absolute;
    top: calc(100% - 7px);
    transform: rotate(45deg);
    width: 15px
}

.table-team .icon-badge {
    fill: #19474b;
    position: relative;
    stroke: #19474b;
    top: .15rem
}

.policy-table .policy-table-row {
    align-items: center;
    border-bottom: 1px solid #e2e3e9;
    display: flex;
    justify-content: center
}

.policy-table .policy-table-header {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    border-bottom: 2px solid #70728f
}

.policy-table .policy-table-all, .policy-table .policy-table-enabled, .policy-table .policy-table-involved, .policy-table .policy-table-none, .policy-table .policy-table-project {
    padding: 1rem
}

.policy-table .policy-table-project {
    flex-basis: 0;
    flex-grow: 3
}

.policy-table .policy-table-all, .policy-table .policy-table-enabled, .policy-table .policy-table-involved, .policy-table .policy-table-none {
    flex-basis: 0;
    flex-grow: 1
}

.project-settings-table .project-settings-table-row {
    align-items: center;
    border-bottom: 1px solid #e2e3e9;
    display: flex;
    justify-content: center
}

.project-settings-table .project-settings-table-header {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    border-bottom: 2px solid #70728f
}

.project-settings-table .project-settings-table-homepage, .project-settings-table .project-settings-table-project {
    padding: 1rem
}

.project-settings-table .project-settings-table-project {
    flex-basis: 0;
    flex-grow: 3
}

.project-settings-table .project-settings-table-homepage {
    flex-basis: 0;
    flex-grow: 1
}

.user-change-password fieldset {
    margin-bottom: 1rem;
    width: 50%
}

.user-change-password fieldset:last-child {
    margin-top: 2rem
}

.user-change-password label {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    display: block;
    margin-bottom: .5rem
}

.user-change-password .button-green {
    color: #fff;
    display: block;
    padding: 12px;
    text-align: center
}

.user-profile {
    max-width: 780px
}

.user-profile form {
    display: flex
}

.user-profile fieldset {
    margin-bottom: 1rem
}

.user-profile label {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    display: block;
    margin-bottom: .2rem
}

.user-profile .project-details-image {
    flex-grow: 0;
    flex-shrink: 0;
    margin-right: 2rem;
    width: 180px
}

.user-profile .project-details-image .image {
    width: 100%
}

.user-profile .image-container {
    margin-bottom: .5rem;
    position: relative
}

.user-profile .loading-overlay {
    display: none
}

.user-profile .loading-overlay.active {
    align-items: center;
    background: rgba(22, 23, 29, .8);
    bottom: 0;
    display: flex;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.user-profile .loading-spinner {
    animation-timing-function: ease-in-out;
    animation: rotate 1.5s cubic-bezier(0, .05, .87, 1.04) infinite alternate;
    margin: 0 auto;
    max-height: 1rem;
    max-width: 1rem;
    transform-origin: 32 32;
    border: 0;
    transform-origin: center center
}

.user-profile .use-default-image {
    font-size: .875rem;
    display: block;
    margin-top: .5rem;
    text-align: center
}

.user-profile .use-default-image:hover {
    color: #ff6363
}

.user-profile .project-details-form-data {
    flex: 1;
    max-width: 500px
}

@media screen and (max-width: 1023px) {
    .user-profile form {
        display: block
    }
}

.user-profile .button-full {
    width: 100%
}

.user-profile .actions {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: .5rem
}

.user-profile .delete-account, .user-profile .download-profile, .user-profile .verify-email {
    font-size: .875rem;
    display: block;
    flex: 1;
    margin-top: .5rem
}

.user-profile .delete-account {
    text-align: right
}

.wiki-nav {
    width: 300px;
    background-color: #f9f9fb;
    padding: 0
}

@media screen and (max-width: 1959px) {
    .wiki-nav {
        width: 250px
    }
}

@media screen and (max-width: 1407px) {
    .wiki-nav {
        width: 230px
    }
}

@media screen and (max-width: 1215px) {
    .wiki-nav {
        width: 210px
    }
}

@media screen and (max-width: 1023px) {
    .wiki-nav {
        width: 190px
    }
}

@media screen and (max-width: 768px) {
    .wiki-nav {
        width: 170px
    }
}

.wiki-nav .title {
    font-size: 1rem;
    color: #2e3440;
    padding: 2rem 1rem 0 1rem
}

@media screen and (max-width: 1215px) {
    .wiki-nav .title {
        font-size: 1.5rem;
        padding: 2rem .75rem 0
    }
}

.wiki-nav .add-button {
    align-items: center;
    display: inline-flex;
    margin: 1rem 1rem 1rem .75rem
}

@media screen and (max-width: 1215px) {
    .wiki-nav .add-button {
        margin: .5rem .75rem
    }
}

.wiki-nav .add-button .button-small {
    height: 28px;
    margin-right: .5rem;
    width: 28px
}

.wiki-nav .add-button .button-small svg {
    height: 1rem;
    margin: 0;
    width: 1rem
}

.wiki-nav .wiki-link-container {
    margin: 0
}

.wiki-nav .wiki-link-container.wiki-all-links {
    border-top: 1px solid #70728f
}

.wiki-nav input[type=text] {
    background: #e2e3e9;
    color: #434456;
    margin: 1rem 1rem 1rem 2rem;
    width: 80%
}

.wiki-nav input[type=text]::-webkit-input-placeholder {
    color: #70728f
}

.wiki-nav input[type=text]::-moz-placeholder {
    color: #70728f
}

.wiki-nav input[type=text]:-moz-placeholder {
    color: #70728f
}

.wiki-nav input[type=text]:-ms-input-placeholder {
    color: #70728f
}

@media screen and (max-width: 1215px) {
    .wiki-nav input[type=text] {
        margin: .5rem .5rem .5rem 1rem
    }
}

.wiki-nav .loading {
    padding: 1rem;
    text-align: center
}

.menu-secondary .wiki-link {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    align-items: center;
    border-bottom: 1px solid #eceff4;
    display: flex;
    justify-content: space-between;
    margin-left: 0;
    padding-left: .75rem;
    padding-right: 1rem;
    position: relative;
    text-transform: uppercase
}

@media screen and (max-width: 1215px) {
    .menu-secondary .wiki-link {
        padding-left: .75rem
    }
}

.menu-secondary .wiki-link:last-child {
    border-bottom: 0
}

.menu-secondary .wiki-link:hover {
    background: #fff
}

.menu-secondary .wiki-link:hover a {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    color: #70728f
}

.menu-secondary .wiki-link:hover .remove-wiki-page {
    cursor: pointer;
    opacity: 1;
    transition: opacity .2s linear;
    transition-delay: .1s
}

.menu-secondary .wiki-link:hover .dragger {
    cursor: move;
    opacity: 1;
    transition: opacity .2s linear;
    transition-delay: .1s
}

.menu-secondary .wiki-link a {
    color: #70728f;
    display: block;
    padding: 1rem 0 1rem 1rem
}

.menu-secondary .wiki-link.gu-mirror {
    border-bottom: 0
}

.menu-secondary .wiki-link.fixed-link {
    font-size: 1.1rem;
    text-transform: uppercase
}

.menu-secondary .wiki-link.is-sortable {
    cursor: move
}

.menu-secondary .wiki-link.active {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    background: #fff
}

.menu-secondary .wiki-link.active a {
    color: #19474b
}

.menu-secondary .wiki-link.active:hover {
    background: #fff
}

.menu-secondary .wiki-link.active:hover a {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    color: #70728f
}

.menu-secondary .wiki-link .link-title {
    cursor: pointer;
    display: block;
    flex-grow: 1;
    padding: 1rem 0
}

.menu-secondary .wiki-link .dragger {
    fill: #70728f;
    left: -1rem;
    opacity: 0;
    position: absolute;
    top: 1rem
}

.menu-secondary .wiki-link .dragger svg {
    width: .7rem;
    height: .7rem
}

.menu-secondary .wiki-link .remove-wiki-page {
    opacity: 0
}

.menu-secondary .wiki-link .remove-wiki-page:hover .icon {
    fill: #ff6363
}

.wiki-pages-table {
    display: flex
}

.wiki-pages-table .row {
    padding: .5rem
}

.wiki-pages-table .title {
    font-size: 1rem;
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif
}

.wiki-pages-table .table-main {
    font-size: .875rem
}

.wiki-pages-table .title-field {
    flex-basis: 180px;
    flex-grow: 1;
    flex-shrink: 0
}

.wiki-pages-table .created-field, .wiki-pages-table .modified-field {
    flex-basis: 10vw;
    flex-grow: 0;
    flex-shrink: 0;
    margin-right: .5rem
}

.wiki-pages-table .editions-field {
    flex-basis: 80px;
    flex-grow: 0;
    flex-shrink: 0;
    margin-right: .5rem;
    text-align: center
}

.wiki-pages-table .creator-field, .wiki-pages-table .last-modifier-field {
    align-items: center;
    display: flex;
    flex-basis: 200px
}

.wiki-pages-table .creator-field .user-avatar, .wiki-pages-table .last-modifier-field .user-avatar {
    flex-grow: 0
}

.wiki-pages-table .creator-field .user-avatar img, .wiki-pages-table .last-modifier-field .user-avatar img {
    border-radius: 50%;
    font-size: .6em;
    max-height: 2rem;
    max-width: 2rem;
    min-height: 2rem;
    min-width: 2rem;
    overflow: hidden
}

.wiki-pages-table .creator-field .user-full-name, .wiki-pages-table .last-modifier-field .user-full-name {
    flex-grow: 1;
    padding: .5rem
}

.wiki-summary {
    align-items: center;
    justify-content: flex-start;
    margin-top: 1rem
}

.wiki-summary.summary {
    background: #f1f1f4;
    color: #5a5b72
}

.wiki-summary div {
    display: flex;
    margin-right: 1.25rem
}

.wiki-summary .wiki-user-modification {
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.wiki-summary .avatar {
    margin-right: .5rem;
    width: 2.25rem
}

.wiki-summary img {
    height: 100%;
    width: 100%
}

.wiki-summary .username {
    font-size: 1.1rem;
    white-space: nowrap
}

.wiki-summary .remove {
    fill: #70728f;
    margin-left: auto;
    transition: fill .1s linear
}

.wiki-summary .remove:hover {
    cursor: pointer;
    fill: #ffa0a0
}

.wiki-summary .remove svg {
    width: 1.5rem;
    height: 1.5rem
}

.attachment-gallery {
    display: flex;
    flex-basis: 25%;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 1rem
}

.attachment-gallery .single-attachment {
    margin-bottom: .5rem;
    margin-right: .5rem;
    max-width: 200px
}

.attachment-gallery .single-attachment:hover .icon-delete {
    opacity: 1
}

.attachment-gallery .single-attachment .attachment-name {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    display: inline-block;
    max-width: 175px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    display: inline-block
}

.attachment-gallery .attachment-image {
    display: inline-block
}

.attachment-gallery img {
    height: 150px;
    margin-bottom: .2rem;
    width: 200px
}

.attachment-gallery img:hover {
    filter: saturate(150%) hue-rotate(60deg);
    transition: all .3s cubic-bezier(.01, .7, 1, 1)
}

.attachment-gallery.deprecated img {
    opacity: .5
}

.attachment-gallery.deprecated .attachment-name {
    color: #70728f
}

.attachment-gallery .attachment-data {
    align-content: center;
    display: flex;
    justify-content: space-between
}

.attachment-gallery .icon-delete {
    margin-left: auto;
    opacity: 0;
    transition: opacity .2s ease-in;
    transition-delay: .1s
}

.attachment-gallery .icon-delete svg {
    fill: #ffa0a0
}

.attachment-gallery .icon-delete:hover svg {
    color: #ff6363
}

.attachment-gallery .loading-container {
    align-items: center;
    display: flex;
    height: 150px;
    justify-content: center;
    margin: 0 .5rem .5rem 0;
    width: 200px
}

.attachment-gallery .loading-spinner {
    margin: 0 auto;
    max-height: 3rem;
    max-width: 3rem
}

.attachment-simple.attachment-dragover .attachments-empty {
    background-color: #eceff4;
    border-color: #19474b;
    font-style: italic
}

.attachment-simple .attachment-name {
    flex-basis: 70%;
    flex-grow: 0;
    width: 70%
}

.attachment-simple .single-attachment {
    padding: .5rem 0 .5rem .5rem
}

.attachment-simple .settings {
    justify-content: flex-end
}

.attachment-full.attachment-dragover .attachments-empty {
    background-color: #eceff4;
    border-color: #19474b;
    font-style: italic
}

.attachment-full .attachment-settings {
    display: flex;
    justify-content: flex-end
}

.attachment-full .attachment-settings .settings, .attachment-full .attachment-settings > div {
    margin-right: .75rem
}

.attachment-full .attachment-settings .settings:last-child, .attachment-full .attachment-settings > div:last-child {
    margin-right: 0
}

.attachment-list .single-attachment {
    align-items: center;
    border-bottom: 1px solid #f9f9fb;
    display: flex;
    padding: .5rem;
    position: relative
}

.attachment-list .single-attachment:hover .settings {
    opacity: 1;
    transition: opacity .2s ease-in
}

.attachment-list .single-attachment.deprecated {
    color: #70728f
}

.attachment-list .single-attachment.deprecated .attachment-name a, .attachment-list .single-attachment.deprecated span {
    color: #70728f
}

.attachment-list .attachment-name {
    flex-grow: 1;
    flex-shrink: 0;
    padding-right: 1rem
}

.attachment-list .attachment-name span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.attachment-list .attachment-comments, .attachment-list .editable-attachment-comment {
    flex: 2;
    flex-basis: 50%;
    margin-right: .5rem
}

.attachment-list .attachment-comments span, .attachment-list .editable-attachment-comment span {
    color: #434456
}

.attachment-list .attachment-size {
    flex-basis: 20%;
    flex-grow: 0;
    flex-shrink: 0;
    text-align: center
}

.attachment-list .attachment-size span {
    color: #4c566a
}

.attachment-list .attachment-settings {
    flex-basis: 10%;
    flex-grow: 0;
    flex-shrink: 0
}

.attachment-list .attachment-settings .editable-settings {
    display: block;
    opacity: 1
}

.attachment-list .attachment-settings .settings {
    opacity: 0
}

.attachment-list .attachment-settings svg {
    fill: #70728f;
    pointer-events: none
}

.attachment-list .attachment-settings .icon-edit:hover, .attachment-list .attachment-settings .icon-save:hover {
    fill: #19474b
}

.attachment-list .attachment-settings .icon-close:hover, .attachment-list .attachment-settings .icon-trash:hover {
    fill: #e44057
}

.attachment-list .attachment-settings .icon-drag {
    cursor: move
}

.attachment-list .editable-attachment-deprecated {
    display: flex;
    padding-left: 1rem
}

.attachment-list .editable-attachment-deprecated span {
    color: #70728f
}

.attachment-list .editable-attachment-deprecated input {
    margin-right: .2rem;
    vertical-align: middle
}

.attachment-list .editable-attachment-deprecated input:checked + span {
    color: #70728f
}

.attachment-list progress {
    background: #d8dee9;
    border: none;
    bottom: 0;
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%
}

.attachment-list progress::-moz-progress-bar, .attachment-list progress::-webkit-progress-bar {
    background: #19474b
}

.attachments {
    margin-bottom: 2rem
}

.attachments .gu-transit {
    background: #e2e3e9;
    height: 40px
}

.attachments .gu-transit * {
    display: none
}

.attachments .gu-mirror {
    opacity: 1
}

.attachments .gu-mirror form {
    background: #fbfefe;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, .1);
    transition: background .2s ease-in
}

.attachments-header {
    align-content: center;
    align-items: center;
    background: #eceff4;
    display: flex;
    justify-content: space-between;
    min-height: 36px
}

.attachments-header .attachments-title {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    font-size: 1rem;
    color: #4c566a;
    line-height: 36px;
    padding: 0 1rem
}

.attachments-header .options {
    display: flex
}

.attachments-header label {
    cursor: pointer;
    margin-left: .25rem
}

.attachments-header label.add-attachment-button {
    border: 0;
    display: inline-block;
    padding: .5rem
}

.attachments-header .view-gallery, .attachments-header .view-list {
    background: 0 0;
    margin-right: .2rem
}

.attachments-header .view-gallery.is-active svg, .attachments-header .view-gallery:hover svg, .attachments-header .view-list.is-active svg, .attachments-header .view-list:hover svg {
    fill: #19474b
}

.attachments-header .view-gallery svg, .attachments-header .view-list svg {
    width: 1.2rem;
    height: 1.2rem;
    fill: #4c566a
}

.attachments-header .size-info {
    font-size: .875rem;
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    color: #5a5b72;
    padding-left: 1rem
}

.attachments-header input {
    display: none
}

.attachments-empty {
    border: 3px dashed #eceff4;
    color: #70728f;
    margin-top: .5rem;
    padding: 1rem;
    text-align: center;
    transition: all .2s linear
}

.attachments-empty.ng-leave {
    opacity: 1;
    transform: translateY(0)
}

.attachments-empty.ng-leave-active {
    opacity: 0;
    transform: translateY(-5px)
}

.single-attachment {
    font-size: .875rem;
    background: #fff
}

.single-attachment .attachment-name {
    display: flex;
    padding-right: 1rem
}

.single-attachment .attachment-name svg {
    fill: #4c566a;
    margin-right: .25rem
}

.single-attachment .attachment-name a {
    display: flex
}

.single-attachment .attachment-size {
    color: #4c566a
}

.single-attachment.ng-enter {
    opacity: 0;
    transform: translateY(5px);
    transition: all .2s linear;
    transition-delay: .2s
}

.single-attachment.ng-enter-active {
    opacity: 1;
    transform: translateY(0)
}

.more-attachments {
    font-size: .875rem;
    border-bottom: 1px solid #70728f;
    display: block;
    padding: 1rem 0 1rem 1rem
}

.more-attachments span {
    color: #70728f
}

.more-attachments .more-attachments-num {
    color: #19474b;
    margin-left: .5rem
}

.attachment-preview .attachment-preview-container svg {
    width: 3rem;
    height: 3rem;
    fill: #70728f
}

.attachment-preview .attachment-preview-container svg:hover {
    fill: #5cbaa9;
    transition: fill .3s linear
}

.attachment-preview .previous {
    left: 3rem;
    position: absolute;
    top: calc(50% - 3rem)
}

.attachment-preview .next {
    position: absolute;
    right: 3rem;
    top: calc(50% - 3rem)
}

.attachment-preview img {
    height: 100%;
    max-height: 80vh;
    max-width: 80vw;
    min-height: 100px;
    min-width: 100px;
    width: auto
}

tg-animated-counter {
    display: block
}

tg-animated-counter.vertical .animated-counter-inner {
    height: 100%;
    width: 14px
}

tg-animated-counter.vertical .counter-translator {
    transform: translateX(14px)
}

tg-animated-counter.vertical .counter-translator.inc {
    transform: translateX(0);
    transition: transform .5s
}

tg-animated-counter.vertical .counter-translator.dec {
    transform: translateX(-28px);
    transition: transform .5s
}

tg-animated-counter.vertical .result {
    height: 100%;
    width: 14px
}

tg-animated-counter .animated-counter-inner {
    height: 14px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%
}

tg-animated-counter .counter-translator {
    transform: translateY(-14px)
}

tg-animated-counter .counter-translator.inc {
    transform: translateY(0);
    transition: transform .5s
}

tg-animated-counter .counter-translator.dec {
    transform: translateY(-28px);
    transition: transform .5s
}

tg-animated-counter .result {
    display: block;
    height: 14px;
    overflow: hidden;
    width: 100%
}

tg-animated-counter .wip-amount .current {
    color: #93c45d
}

tg-animated-counter .wip-amount.limit-over .current {
    color: #e44057
}

.belong-to-epic-title {
    color: #4c566a
}

.belong-to-epic-pill-wrapper {
    align-items: center;
    display: inline-flex;
    height: 1rem;
    justify-content: center;
    position: relative
}

.belong-to-epic-pill-wrapper:hover .belong-to-epic-pill-data {
    display: block
}

.belong-to-epics-list {
    margin-bottom: .5rem
}

.belong-to-epics-list svg {
    position: relative;
    top: .1rem
}

.belong-to-epics-list.unique {
    display: inline-block
}

.belong-to-epics-list.unique li {
    display: inline-block
}

.belong-to-epics-list.unique li svg {
    top: .2rem
}

.belong-to-epic-text-wrapper {
    display: flex;
    flex-basis: 25%;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding-top: .5rem
}

.belong-to-epic-text-wrapper .remove-epic-relationship {
    display: inline-block;
    line-height: .5rem;
    margin-left: .5rem
}

.belong-to-epic-text-wrapper .remove-epic-relationship svg {
    visibility: hidden
}

.belong-to-epic-text-wrapper:hover .remove-epic-relationship svg {
    visibility: visible
}

.belong-to-epic-label {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    font-size: .7rem;
    background: #434456;
    border-radius: .25rem;
    color: #fff;
    margin: 0 .5rem;
    padding: .1rem .25rem
}

.belong-to-epic-pill {
    background-color: #fff;
    border-radius: 50%;
    display: inline-block;
    height: .75rem;
    -webkit-margin-end: .5rem;
    margin-inline-end: .5rem;
    position: relative;
    width: .75rem
}

.board-zoom {
    align-items: center;
    display: flex
}

.board-zoom .board-zoom-title {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: .7rem;
    color: #19474b;
    margin-right: .5rem;
    text-transform: uppercase
}

.zoom-radio .checkmark {
    align-items: center;
    background-color: #d8dee9;
    border-radius: 16px;
    cursor: pointer;
    display: flex;
    height: 16px;
    width: 16px
}

.zoom-radio input:checked ~ .checkmark {
    background-color: #19474b;
    width: auto
}

.zoom-radio input:checked ~ .checkmark span {
    display: block
}

.zoom-radio:hover .checkmark {
    background-color: #83eede
}

.zoom-radio:not(:last-child) {
    margin-right: .5rem
}

.zoom-radio span {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    font-size: .7rem;
    color: #fff;
    display: none;
    padding: 0 1.25rem
}

.zoom-radio input {
    display: none
}

.card {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 4px 4px 8px rgba(216, 222, 233, .5);
    contain: content;
    cursor: move;
    display: block;
    margin: 1rem;
    outline: 0;
    overflow: hidden;
    transition: box-shadow .2s ease-in
}

.card a {
    contain: content
}

.card .loading-extra.loading {
    padding: .2rem;
    text-align: center
}

.card.gu-mirror {
    border: 1px solid #83eede;
    pointer-events: none
}

.card.tg-multiple-drag-mirror {
    margin: 0
}

.card:hover {
    box-shadow: 3px 3px 6px #c5c7d3
}

.card-inner {
    background: #fff;
    border-radius: .25rem;
    padding: 1rem 0 .75rem 0
}

.card-inner .wrapper-assigned-to-data {
    display: contents
}

.card-inner .belong-to-epic-pill-wrapper {
    padding: 0
}

.card-inner.type-task.zoom-2 .card-assigned-to, .card-inner.type-task.zoom-3 .card-assigned-to {
    position: static
}

.card-inner.type-task.zoom-2 .wrapper-assigned-to-data, .card-inner.type-task.zoom-3 .wrapper-assigned-to-data {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: .5rem;
    position: relative
}

.card-inner.type-task.zoom-0 .card, .card-inner.type-task.zoom-0 .card-inner.card-blocked {
    min-height: 45px
}

.card-inner.type-task.zoom-1 {
    display: flex
}

.card-inner.type-task.zoom-1 tg-card-assigned-to {
    margin-left: auto;
    margin-right: 1rem
}

.card-inner.type-task.zoom-1 .card-title a {
    display: flex
}

.card-inner.type-task.zoom-1 .card-assigned-to-action span {
    display: none
}

.card-inner.type-task.zoom-1 .card-assigned-to, .card-inner.type-task.zoom-1 .card-title {
    margin-bottom: 0;
    position: static
}

.card-inner.type-task .icon {
    width: .95rem;
    height: .95rem
}

.card-inner.type-task .card-iocaine {
    margin-left: .5rem
}

.card-inner.type-task .card-iocaine svg {
    fill: #b400d1
}

.card-inner.type-us .card-data {
    justify-content: space-between;
    margin-bottom: .5rem
}

.card-inner.type-us .card-assigned-to {
    margin-bottom: .5rem
}

.card-inner.type-us .card-statistics {
    margin-left: auto
}

.card-inner.with-fold-action {
    padding: 1rem 0 0 0
}

.card-inner.zoom-3 .card-tag {
    min-width: auto
}

.card-inner.zoom-0 {
    display: flex;
    padding: .5rem .75rem
}

.card-inner.zoom-0 .card-title {
    margin: 0 .25rem 0 0;
    order: -1;
    padding: .25rem 0 0 0;
    white-space: nowrap
}

.card-inner.zoom-0 .card-title a {
    align-items: center;
    display: flex;
    float: left;
    height: 20px;
    padding: .2rem 0 0 .2rem
}

.card-inner.zoom-0 .card-epic {
    margin: 0 .25rem 0 0
}

.card-inner.zoom-0 tg-card-assigned-to {
    margin: 0 0 0 auto
}

.card-inner.zoom-0 .card-assigned-to {
    margin: 0;
    padding: 0
}

.card-inner.card-blocked {
    background: rgba(228, 64, 87, .25);
    border: 1px solid #e44057
}

.card-inner.card-blocked .card-estimation, .card-inner.card-blocked .card-owner-name, .card-inner.card-blocked .card-title a {
    color: #2e3440
}

.card-inner.card-blocked .card-task a.blocked-task {
    color: #ff6363
}

.card-inner.card-blocked .card-owner-actions {
    background: rgba(255, 160, 160, .9)
}

.card-inner.card-blocked .card-owner-actions a:hover {
    color: #fff
}

.card-inner.card-blocked .card-tasks ul {
    background: #ffdada;
    border-color: #ffdada
}

.card-inner.card-blocked .card-unfold svg {
    fill: #70728f
}

.card-inner.card-blocked .card-unfold:hover svg {
    fill: #19474b
}

.card-inner.card-blocked .btn-form:not(.card-delete):hover, .card-inner.card-blocked .btn-link[variant=icon]:hover {
    color: #2e3440
}

.card-inner.card-blocked .btn-form:not(.card-delete):hover > tg-svg, .card-inner.card-blocked .btn-link[variant=icon]:hover > tg-svg {
    fill: currentColor
}

.card-compact-epics {
    display: contents
}

.card-compact-epics .card-epics {
    display: contents
}

.card-tags {
    display: flex;
    flex-wrap: wrap;
    padding: 0 .75rem
}

.card-tags .card-tag {
    font-size: .7rem;
    border-radius: 2px;
    color: #fff;
    display: block;
    -webkit-margin-after: .5rem;
    margin-block-end: .5rem;
    -webkit-margin-end: .5rem;
    margin-inline-end: .5rem;
    max-width: 17ch;
    min-height: 8px;
    min-width: 40px;
    overflow: hidden;
    padding: 0 .25rem;
    text-overflow: ellipsis;
    white-space: nowrap
}

.card-tags .card-tag:last-child {
    -webkit-margin-end: 0;
    margin-inline-end: 0
}

.card-epics {
    display: flex;
    flex-wrap: wrap;
    padding: 0 .75rem
}

.card-epic {
    align-items: center;
    display: flex;
    margin: 0 .5rem .5rem 0
}

.card-epic .epic-color {
    border-radius: 6px;
    display: block;
    height: 12px;
    width: 12px
}

.card-epic .epic-name {
    font-size: .7rem;
    color: #4c566a;
    display: block;
    margin-left: .25rem;
    max-width: 155px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.card-epic:hover .epic-color {
    opacity: .5
}

.card-epic:hover .epic-name {
    color: #19474b
}

.card-assigned-to {
    display: flex;
    padding: 0 .75rem;
    position: relative
}

.card-assigned-to .card-user-avatar {
    cursor: pointer;
    margin-right: -.25rem;
    position: relative
}

.card-assigned-to .card-not-assigned {
    align-items: center;
    display: flex
}

.card-assigned-to .card-not-assigned-title {
    font-size: .875rem;
    color: #70728f;
    margin-left: .5rem
}

.card-assigned-to .card-iocaine-user-bg {
    bottom: 0;
    pointer-events: none;
    position: absolute
}

.card-assigned-to .card-iocaine-user-bg svg {
    display: block;
    height: 18px;
    width: 30px
}

.card-assigned-to .extra-assigned {
    font-size: .875rem;
    align-items: center;
    background-color: #f9f9fb;
    color: #70728f;
    display: flex;
    justify-content: center
}

.card-assigned-to .extra-assigned, .card-assigned-to img {
    border: 2px solid #fff;
    border-radius: 15px;
    display: flex;
    height: 30px;
    width: 30px
}

.card-assigned-to.is_iocaine .card-user-avatar img {
    border-color: #b400d1
}

.card-actions {
    position: absolute;
    right: .25rem;
    top: .25rem;
    z-index: 2
}

.card-actions button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    border-radius: 2px;
    cursor: pointer;
    padding: .25rem 0
}

.card-actions button.popover-open, .card-actions button:hover {
    background: #d8dee9
}

.card-actions button svg {
    fill: #19474b
}

.card-actions .card-option-popup {
    display: none;
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    font-size: .875rem;
    background: #fff;
    border: 1px solid #d8dee9;
    border-radius: 4px;
    box-shadow: 4px 4px 8px rgba(46, 52, 64, .1);
    color: #19474b;
    display: none;
    list-style-type: none;
    margin: 0;
    padding: .5rem;
    position: absolute;
    right: 1rem;
    text-align: "";
    top: 40px;
    width: 145px;
    z-index: 2
}

.card-actions .card-option-popup:hover {
    color: #70728f
}

.card-actions .card-option-popup a {
    padding: .25rem
}

.card-actions .card-option-popup li {
    margin-bottom: .25rem
}

.card-actions .card-option-popup li:last-child {
    margin-bottom: 0
}

.card-actions .card-option-popup li:hover {
    background: #eceff4;
    color: #70728f
}

.card-actions .card-option-popup li:hover a {
    color: #70728f
}

.card-actions .card-option-popup.horizontal li {
    margin-bottom: .25rem;
    white-space: nowrap;
    width: 100%
}

.card-actions .card-option-popup.horizontal a {
    width: 100%
}

.card-actions .card-option-popup.horizontal a.active {
    color: #fff
}

.card-actions .card-option-popup.horizontal .point {
    align-items: center;
    color: #19474b;
    display: flex;
    height: auto;
    justify-content: flex-start;
    min-height: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .25s ease;
    white-space: nowrap
}

.card-actions .card-option-popup.horizontal .point:hover {
    transition: all .25s ease
}

.card-actions .card-option-popup.pop-points-open li {
    display: inline-flex;
    margin: 0;
    padding: 0
}

.card-actions .card-option-popup a.active {
    background: #19474b;
    color: #fff
}

.card-actions .card-option-popup .point {
    align-items: center;
    color: #19474b;
    display: flex;
    height: 2.5rem;
    justify-content: center;
    transition: all .25s ease;
    width: 2.5rem
}

.card-actions .card-option-popup .point:hover {
    transition: all .25s ease
}

.card-actions .card-option-popup .priority, .card-actions .card-option-popup .role, .card-actions .card-option-popup .severity, .card-actions .card-option-popup .status, .card-actions .card-option-popup .type {
    align-items: center;
    color: #19474b;
    display: flex;
    min-height: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .25s ease;
    white-space: nowrap
}

.card-actions .card-option-popup .priority:hover, .card-actions .card-option-popup .role:hover, .card-actions .card-option-popup .severity:hover, .card-actions .card-option-popup .status:hover, .card-actions .card-option-popup .type:hover {
    transition: all .25s ease
}

.card-actions .card-option-popup::before {
    background: #fff;
    content: '';
    height: 15px;
    position: absolute;
    transform: rotate(45deg);
    width: 0
}

.card-actions .card-option-popup .item-text {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    overflow-wrap: break-word;
    text-align: left;
    white-space: initial
}

.card-actions .card-option-popup button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    color: #19474b;
    display: flex;
    padding: .25rem;
    width: 100%
}

.card-actions .card-option-popup button:hover {
    background: #eceff4;
    color: #70728f
}

.card-actions .card-option-popup button svg {
    width: 1rem;
    height: 1rem;
    fill: #19474b;
    -webkit-margin-end: .5rem;
    margin-inline-end: .5rem
}

.card-detail-actions {
    display: flex
}

.btn-link[variant=icon].card-assigned-to-action:hover {
    background: #e5e9f0
}

.btn-form.card-delete:hover {
    color: #e44057
}

.card-title {
    margin-bottom: .5rem;
    padding: 0 .75rem
}

.card-title .card-ref {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    color: #19474b
}

.card-title .card-subject {
    color: #2e3440
}

.card-title a {
    font-size: .875rem;
    display: block
}

.card-title a:hover .card-ref {
    color: #2e3440
}

.card-title a:hover .card-subject {
    color: #19474b
}

.card-title span {
    padding-right: .25rem
}

.card-data {
    align-items: center;
    color: #70728f;
    display: flex;
    font-size: 14px;
    padding: 0 .75rem
}

.card-data .card-status-tag {
    font-size: .75rem;
    height: .1rem;
    line-height: .1rem;
    padding: 0 .5em 0 0
}

.card-data .card-estimation {
    font-size: .7rem;
    background: #eceff4;
    border-radius: 2px;
    margin: 0;
    padding: .25rem
}

.card-data .card-estimation.not-estimated {
    font-size: .8125rem
}

.card-data .card-lock {
    margin-left: .5rem
}

.card-data .card-lock svg {
    fill: #e44057
}

.card-statistics-init {
    align-items: center;
    display: flex
}

.card-statistics-init .card-due-date {
    margin-left: .5rem
}

.card-statistics {
    font-size: .7rem;
    align-items: center;
    color: #a9aabc;
    display: flex;
    margin-top: 0
}

.card-statistics .statistic {
    align-content: center;
    color: #70728f;
    display: flex;
    margin-left: .5rem
}

.card-statistics .icon {
    width: .75rem;
    height: .75rem;
    fill: #70728f;
    margin-right: .2rem
}

.card-statistics .card-completed-tasks {
    font-size: .7rem;
    background-color: #f9f9fb;
    color: #2e3440;
    padding: .2rem
}

.card-statistics .card-completed-tasks.completed {
    color: #93c45d
}

.card-unfold {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    margin: 0;
    outline: 0
}

.card-unfold:hover svg {
    fill: #19474b
}

.card-unfold svg {
    align-items: center;
    display: flex;
    fill: #d8dee9;
    height: 1.1rem;
    width: 1.1rem
}

.card-tasks {
    padding: 0 .75rem
}

.card-tasks ul {
    background-color: #f9f9fb;
    border-bottom: 1px solid #e5e9f0;
    list-style: none;
    margin-bottom: 0
}

.card-task {
    font-size: .7rem;
    padding: .5rem .75rem
}

.card-task .card-task-ref {
    color: #19474b;
    margin-right: .25rem
}

.card-task a {
    display: flex;
    transition: color .2s
}

.card-task a .card-task-subject {
    -webkit-box-orient: vertical;
    color: #4c566a;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    overflow-wrap: break-word
}

.card-task a.blocked-task {
    color: #ffa0a0
}

.card-task a.closed-task {
    color: #70728f;
    opacity: .5;
    text-decoration: line-through
}

.card-task a:hover {
    color: #19474b
}

.card-slideshow {
    margin-bottom: .5rem;
    position: relative
}

.card-slideshow .slideshow-icon {
    cursor: pointer;
    display: flex;
    position: absolute;
    top: 35%
}

.card-slideshow svg {
    width: 1.2rem;
    height: 1.2rem;
    fill: #83eede
}

.card-slideshow .slideshow-left, .card-slideshow .slideshow-right {
    align-items: center;
    background: rgba(255, 255, 255, .3);
    height: 24px;
    justify-content: center;
    transition: background .2s;
    width: 24px
}

.card-slideshow .slideshow-left:hover, .card-slideshow .slideshow-right:hover {
    background: #2e3440
}

.card-slideshow .slideshow-left {
    left: 0
}

.card-slideshow .slideshow-right {
    right: 0
}

.card-slideshow img {
    width: 100%
}

.card-slideshow-wrapper {
    align-items: center;
    display: flex;
    height: 90px;
    justify-content: center;
    overflow: hidden
}

.color-selector {
    position: relative
}

.color-selector .tag-color {
    border-radius: 2px;
    cursor: pointer;
    height: 2rem;
    width: 2rem;
    border: 2px solid #4c566a;
    border-radius: 3px;
    margin: 0;
    transition: background .3s ease-out
}

.color-selector .tag-color.disabled {
    cursor: auto
}

.color-selector .tag-color.empty-color {
    background: #a9aabc;
    position: relative
}

.color-selector-dropdown {
    background: #fff;
    border: solid 1px #d8dee9;
    box-shadow: 4px 4px 8px rgba(46, 52, 64, .1);
    left: 0;
    padding: 1rem;
    position: absolute;
    top: 2rem;
    width: 306px;
    z-index: 2
}

.color-selector-dropdown-list {
    display: grid;
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    grid-template-columns:repeat(7, 1fr);
    list-style-type: none;
    margin-bottom: 0
}

.color-selector-dropdown-list .color-selector-option {
    border-radius: 2px;
    cursor: pointer;
    height: 2rem;
    width: 2rem
}

.color-selector-dropdown-list .empty-color {
    border-radius: 2px;
    cursor: pointer;
    height: 2rem;
    width: 2rem;
    background: #a9aabc;
    position: relative
}

.custom-color-selector {
    display: flex;
    margin-top: .5rem
}

.custom-color-selector .custom-color-input {
    flex: 1;
    margin: 0;
    width: 0
}

.custom-color-selector .display-custom-color-wrapper {
    background: #f1f1f4;
    margin-right: .5rem
}

.custom-color-selector .display-custom-color {
    border-radius: 2px;
    cursor: pointer;
    height: 2rem;
    width: 2rem
}

.custom-color-selector .display-custom-color.empty-color {
    background: #a9aabc;
    position: relative;
    cursor: default
}

.detail-ref {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 1.7rem;
    color: #19474b;
    margin-right: .5rem
}

.detail-nav {
    position: absolute;
    right: 1rem;
    top: 1rem;
    z-index: 4
}

.detail-nav a {
    display: inline-block
}

.detail-nav svg {
    width: 1.2rem;
    height: 1.2rem;
    fill: currentColor
}

.detail-header {
    flex: 1;
    -webkit-padding-start: .5rem;
    padding-inline-start: .5rem;
    position: relative
}

.detail-header .detail-header-line {
    font-size: .875rem;
    display: flex;
    margin: .5rem 0 0
}

.detail-header .detail-header-line a {
    color: #19474b;
    padding: 0 .2rem
}

.detail-header .detail-header-line .item-ref {
    margin-right: .25rem
}

.detail-header .detail-header-line p {
    margin-bottom: 0
}

.detail-header .block-desc-container {
    margin-bottom: .5rem
}

.detail-header .relate-to-epic {
    flex-basis: 100%;
    margin: 0 1rem .5rem 0
}

.detail-header .relate-to-epic .relate-to-epic-button {
    align-content: flex-end;
    color: #19474b;
    cursor: pointer;
    display: flex
}

.detail-header .relate-to-epic .relate-to-epic-button .icon-epics {
    fill: currentColor;
    margin-right: .25rem
}

.detail-header .relate-to-epic .relate-to-epic-button .relate-to-epic-text {
    font-size: .9375rem
}

.detail-header > .color-selector {
    display: block;
    margin-bottom: -2rem;
    position: relative;
    top: -2.6rem
}

.detail-header [item=epic] .detail-project {
    padding: .5rem 3rem 0 0
}

.detail-header .detail-project .section-name {
    color: #4c566a;
    text-transform: uppercase
}

.detail-title-wrapper {
    display: flex;
    margin: 0 2rem .5rem 0;
    transition: all .2s linear
}

.detail-title-wrapper .detail-title-text {
    font-size: 1.7rem;
    align-items: baseline;
    color: #2e3440;
    display: flex;
    line-height: 2rem;
    margin: 0
}

.detail-title-wrapper .detail-title-text:hover .detail-edit {
    opacity: 1
}

.detail-title-wrapper .detail-subject {
    color: #2e3440;
    flex-grow: 1;
    word-break: break-word
}

.detail-title-wrapper .edit-title-input {
    font-size: 1.2rem
}

.detail-title-wrapper .detail-edit {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    -webkit-margin-start: .5rem;
    margin-inline-start: .5rem;
    opacity: 0;
    transition: opacity .2s
}

.detail-title-wrapper .detail-edit svg {
    width: 1.2rem;
    height: 1.2rem
}

.detail-title-wrapper .due-date-icon {
    -webkit-margin-start: .5rem;
    margin-inline-start: .5rem
}

.detail-title-wrapper .due-date-icon svg {
    width: 1.2rem;
    height: 1.2rem
}

.edit-title-wrapper {
    font-size: 1.4rem;
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    display: flex;
    flex: 1;
    margin-right: 1.5rem
}

.edit-title-wrapper .edit-title-input {
    background: #fff;
    flex: 1
}

.edit-title-wrapper .edit-title-button {
    background: 0 0;
    display: inline;
    transition: fill .2s
}

.edit-title-wrapper .edit-title-button:hover {
    fill: #25a28c
}

.edit-title-wrapper .save-title-button {
    margin-left: .5rem
}

.detail-project {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    color: #2e3440;
    display: flex;
    margin: 0 0 1rem;
    text-transform: uppercase
}

.detail-project .section-name {
    color: #70728f
}

.block-desc-container {
    background: #e44057;
    padding: .5rem .75rem
}

.block-desc-container .blocked-sign {
    align-items: flex-start;
    display: flex
}

.block-desc-container .blocked-sign tg-svg {
    fill: #fff
}

.block-desc-container .block-description p {
    color: #fff;
    line-height: 1rem;
    opacity: .8
}

.block-desc-container .block-description-title {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: .875rem;
    color: #fff;
    height: 1rem;
    line-height: 1rem;
    margin-top: .05rem;
    padding: 0 .5rem
}

.due-date-button {
    background: #eceff4;
    cursor: pointer
}

.due-date-button.date-set {
    color: #fff
}

.due-date-button.closed, .due-date-button.text-button.closed:hover {
    background: #eceff4
}

.due-date-button.due-set, .due-date-button.text-button.due-set:hover {
    background: #19474b
}

.due-date-button.due-soon, .due-date-button.text-button.due-soon:hover {
    background: rgba(228, 64, 87, .25)
}

.due-date-button.past-due, .due-date-button.text-button.past-due:hover {
    background: rgba(228, 64, 87, .25)
}

.due-date-button.editable {
    cursor: pointer
}

.due-date-button.text-button {
    color: #fff;
    margin: 0;
    padding: .5rem
}

.due-date-button.text-button.not-set:hover {
    color: #fff
}

.due-date-button.text-button.not-set {
    color: #eceff4
}

.related-tasks .task-name .due-date-icon {
    top: .1rem
}

.issues-table .subject .due-date-icon {
    top: .25rem
}

.card-statistics .due-date-icon {
    margin: .1rem 0 0
}

.card-statistics .due-date-icon svg {
    height: .9rem;
    width: .9rem
}

.due-date-button-wrapper {
    display: flex;
    position: relative
}

.date-picker-container {
    overflow: visible
}

.date-picker-popover {
    background: #fff;
    border: 1px solid #5a5b72;
    left: 0;
    overflow: visible;
    position: absolute;
    top: 2rem;
    width: auto;
    z-index: 2
}

.date-picker-popover-footer {
    padding: .2rem .5rem;
    text-align: right
}

.date-picker-popover-footer svg {
    fill: #5a5b72;
    height: 1rem;
    width: 1rem
}

.date-picker-popover-footer a:hover svg {
    fill: #ff6363
}

tg-filter {
    --filter-list-max-height: 380px;
    background: #f9f9fb;
    display: block;
    max-height: 100%;
    min-height: 100%;
    overflow-y: auto;
    padding: 1rem 0
}

.custom-filters {
    border-bottom: 1px solid #d8dee9;
    color: #2e3440;
    margin-bottom: .75rem;
    padding-bottom: .75rem
}

.custom-filters-header {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.custom-filters-header .custom-filters-title {
    font-size: .875rem;
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif
}

.custom-filters-header .name {
    padding-right: .25rem
}

.custom-filters-header .name::first-letter {
    text-transform: uppercase
}

.custom-filters-header .number {
    color: #70728f
}

.custom-filters-header .add-custom-filter {
    font-size: .875rem;
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    background: 0 0;
    color: #19474b;
    padding: 0;
    text-transform: lowercase
}

.custom-filters-header .add-custom-filter[disabled] {
    color: rgba(0, 138, 168, .5)
}

.custom-filters-add-form {
    display: block;
    padding-top: 1rem
}

.custom-filters-add-form .add-filter-input {
    margin-bottom: .5rem
}

.custom-filters-add-form .error-text {
    display: block;
    margin-left: .5rem
}

.custom-filters-add-form .button-custom-filters {
    align-self: flex-end
}

.custom-filters-add-form .btn-small {
    display: block;
    margin: 0 0 0 auto;
    text-align: right
}

.filter-list {
    overflow-y: auto;
    padding: .5rem 0
}

.single-filter {
    font-size: .875rem;
    align-items: center;
    background: #f9f9fb;
    border: 0;
    border-left: 5px solid transparent;
    color: #2e3440;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    margin-bottom: .5rem;
    padding: 0;
    padding-right: .25rem;
    position: relative;
    width: 100%
}

.single-filter:active, .single-filter:focus {
    border: 0;
    border-left: 5px solid transparent
}

.single-filter.single-filter-type-general:hover {
    background: #fff
}

.single-filter.single-filter-type-tag {
    background: #70728f;
    border-radius: 4px;
    color: #fff;
    opacity: 1
}

.single-filter.single-filter-type-tag:hover {
    opacity: .7
}

.single-filter.single-filter-type-user .name {
    padding-left: 0
}

.single-filter .user-pic {
    border: 2px solid #fff;
    border-radius: 50%;
    height: 28px;
    margin-right: .5rem;
    width: 28px
}

.single-filter .name {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    flex: 1;
    padding: .4rem;
    text-align: left
}

.single-filter .number {
    background: #eceff4;
    border-radius: 2px;
    color: #2e3440;
    padding: .2px 4px
}

.single-filter.single-filter-type-custom {
    font-size: .875rem;
    background: 0 0;
    margin-top: .5rem
}

.single-filter.single-filter-type-custom .name {
    background: 0 0;
    color: #19474b;
    padding: .25rem
}

.single-filter.single-filter-type-custom .remove-filter {
    background: 0 0;
    cursor: pointer;
    opacity: 0;
    padding: .25rem
}

.single-filter.single-filter-type-custom .remove-filter svg {
    fill: #19474b;
    height: 1rem;
    width: 1rem
}

.single-filter.single-filter-type-custom.active, .single-filter.single-filter-type-custom:hover {
    background: #eceff4;
    border-radius: 2px
}

.single-filter.single-filter-type-custom:hover .remove-filter {
    opacity: 1;
    transition: opacity .1s linear
}

.filters-excluded:not(:empty), .filters-included:not(:empty) {
    padding: .5rem
}

.filters-title {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif
}

.filters-included {
    background: rgba(147, 196, 93, .1);
    margin-bottom: .5rem
}

.filters-included .filters-title {
    color: #93c45d
}

.filters-excluded {
    background: rgba(228, 64, 87, .06)
}

.filters-excluded .filters-title {
    color: #e44057
}

.filters-applied {
    border-bottom: 1px solid #d8dee9;
    margin-bottom: .5rem;
    padding-bottom: .5rem
}

.filters-applied .filters-title {
    font-size: .875rem;
    margin-bottom: .5rem
}

.filters-applied .single-applied-filter {
    font-size: .875rem;
    align-items: center;
    background: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .25);
    cursor: pointer;
    display: inline-flex;
    margin: 0 .5rem .5rem 0;
    max-width: 100%;
    padding: .25rem
}

.filters-applied .single-applied-filter .name {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    margin-right: .5rem
}

.filters-applied .single-applied-filter .remove-filter {
    background: 0 0;
    cursor: pointer;
    display: block;
    padding: 0
}

.filters-applied .single-applied-filter .remove-filter svg {
    fill: #70728f;
    height: 1rem;
    width: 1rem
}

.filters-applied .single-applied-filter .remove-filter:hover svg {
    fill: #e44057
}

.filters-advanced {
    font-size: .875rem;
    padding: .5rem;
    padding-bottom: 1rem
}

.filters-advanced .filters-advanced-form {
    align-items: center;
    display: flex;
    justify-content: space-around
}

.filters-advanced .custom-radio {
    display: inline
}

.filters-advanced .custom-radio input[type=radio] {
    display: none
}

.filters-advanced .filter-mode {
    align-items: center;
    color: #2e3440;
    cursor: pointer;
    display: flex
}

.filters-advanced .filter-mode.include {
    margin-right: .75rem
}

.filters-advanced .filter-mode.active .radio-mark-inner {
    opacity: 1
}

.filters-advanced .radio-mark, .filters-advanced .radio-mark-inner {
    border-radius: 50%;
    display: inline-block
}

.filters-advanced .radio-mark {
    align-items: center;
    border: 2px solid #d8dee9;
    display: flex;
    height: 16px;
    justify-content: center;
    margin-right: .5rem;
    width: 16px
}

.filters-advanced .radio-mark-inner {
    background: #19474b;
    height: 8px;
    opacity: 0;
    width: 8px
}

.filters-cats ul {
    margin-bottom: 0
}

.filters-cats li .filter-list {
    max-height: var(--filter-list-max-height);
    min-height: 60px
}

.filters-cats li:not(.active):last-child {
    border-bottom: 1px solid #e5e9f0
}

.filters-cat-single {
    font-size: .875rem;
    align-items: center;
    background: 0 0;
    border: 1px solid #e5e9f0;
    border-bottom: none;
    color: #70728f;
    display: flex;
    justify-content: space-between;
    padding: .5rem;
    padding-left: 1rem;
    width: 100%
}

.filters-cat-single:focus {
    border: 1px solid #e5e9f0;
    border-bottom: none
}

.filters-cat-single.selected {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    background-color: #eceff4;
    color: #2e3440
}

.filters-cat-single .icon {
    fill: #19474b;
    float: right;
    height: 1rem;
    width: 1rem
}

tg-input-search {
    display: block;
    position: relative
}

tg-input-search tg-svg {
    height: 14px;
    position: absolute;
    right: 1rem;
    top: 9px;
    width: 14px
}

tg-input-search tg-svg svg {
    fill: #19474b
}

.issues-options {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 1rem
}

.issues-options-start {
    display: flex
}

.new-issue {
    -moz-column-gap: .5rem;
    column-gap: .5rem;
    display: flex;
    row-gap: .5rem
}

.in-taskboard {
    background: #eceff4;
    display: flex;
    justify-content: space-between;
    padding: .75rem
}

.in-taskboard.empty {
    background: #f9f9fb
}

.in-taskboard .sprint-issues-title {
    align-items: center;
    -webkit-border-end: 1px solid #a9aabc;
    border-inline-end: 1px solid #a9aabc;
    display: flex;
    -webkit-margin-end: 1rem;
    margin-inline-end: 1rem;
    -webkit-padding-end: 1rem;
    padding-inline-end: 1rem
}

.in-taskboard .sprint-issues-title .icon {
    fill: #d8dee9;
    margin-right: .5rem
}

.in-taskboard .sprint-issues-title-txt {
    color: #70728f;
    text-transform: uppercase
}

.issues-table {
    margin-bottom: 2rem
}

.issues-table .tooltip {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    font-size: .875rem;
    background: #2e3440;
    border: 1px solid #d8dee9;
    border-radius: 4px;
    box-shadow: 4px 4px 8px rgba(46, 52, 64, .1);
    color: #f9f9fb;
    display: none;
    left: -8px;
    list-style-type: none;
    margin: 0;
    padding: .5rem;
    position: absolute;
    text-align: left;
    top: 150%;
    width: auto;
    z-index: 2;
    text-transform: capitalize
}

.issues-table .tooltip li {
    margin-bottom: .25rem;
    padding: 0 .25rem
}

.issues-table .tooltip li:last-child {
    margin-bottom: 0
}

.issues-table .tooltip::before {
    background: #2e3440;
    content: '';
    height: 10px;
    left: 10px;
    position: absolute;
    top: -5px;
    transform: rotate(45deg);
    width: 10px
}

.issues-table.empty {
    display: none
}

.issues-table .title {
    font-size: .7rem;
    border-bottom: none;
    margin-bottom: .75rem;
    padding: 0 .6rem;
    text-transform: uppercase
}

.issues-table .title [data-fieldname]:not(.skip-order) {
    cursor: pointer
}

.issues-table .title [data-fieldname] {
    align-items: center;
    color: #70728f;
    display: flex;
    justify-content: center
}

.issues-table .title [data-fieldname]:hover {
    color: #19474b
}

.issues-table .title .issue-field {
    justify-content: flex-end
}

.issues-table .title .subject {
    justify-content: flex-start
}

.issues-table .title .icon-arrow-up .arrow-up {
    fill: #19474b
}

.issues-table .title .icon-arrow-down .arrow-down {
    fill: #19474b
}

.issues-table .title .arrow-down, .issues-table .title .arrow-up {
    fill: #d8dee9
}

.issues-table .row:not(.title) {
    font-size: .875rem;
    background: #f9f9fb;
    border-bottom: none;
    border-radius: 3px;
    color: #70728f;
    margin-bottom: .75rem;
    padding: .6rem
}

.issues-table .row:not(.title):hover {
    background: #eceff4;
    transition: background .2s ease-in
}

.issues-table .row:not(.title).is-blocked {
    background: rgba(228, 64, 87, .25)
}

.issues-table .row:not(.title).is-blocked .blocked-text {
    color: #2e3440
}

.issues-table .row:not(.title) .attachments-field {
    display: flex;
    justify-content: center
}

.issues-table .row:not(.title) .attachments-field .icon {
    width: .75rem;
    height: .75rem;
    fill: currentColor;
    margin-left: .25rem
}

.issues-table .row:not(.title) .issue-status {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    -webkit-padding-before: .25rem;
    padding-block-start: .25rem
}

.issues-table .row:not(.title) .issue-status .icon {
    margin-left: .4rem
}

.issues-table .row:not(.title) .issue-status tg-svg {
    fill: #2e3440
}

.issues-table .row:not(.title) .issue-status-bind {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.issues-table .row:not(.title) .issue-assignedto:hover {
    cursor: pointer
}

.issues-table .row:not(.title) .issue-assignedto:hover .avatar img {
    border: 2px solid #83eede
}

.issues-table .row:not(.title) .issue-assignedto:hover .icon {
    fill: #70728f
}

.issues-table .level-field {
    flex-basis: 70px;
    flex-grow: 0;
    flex-shrink: 0;
    margin: 0 .5rem;
    position: relative
}

.issues-table .level-field .wide {
    display: flex
}

.issues-table .level-field .mobile {
    display: none
}

@media screen and (max-width: 1215px) {
    .issues-table .level-field {
        flex-basis: 1.5rem
    }

    .issues-table .level-field:hover .tooltip {
        display: block
    }

    .issues-table .level-field .wide {
        display: none
    }

    .issues-table .level-field .mobile {
        display: flex
    }
}

.issues-table .level-field .first-letter {
    color: transparent;
    display: block;
    overflow: hidden;
    width: 1ch
}

.issues-table .level-field .first-letter::first-letter {
    color: #70728f
}

.issues-table .issue-text {
    display: flex
}

.issues-table .subject {
    flex: 1;
    margin: 0 .5rem
}

.issues-table .subject a {
    align-items: center;
    all: unset;
    -moz-column-gap: .25rem;
    column-gap: .25rem;
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    row-gap: .25rem
}

.issues-table .subject:hover .issue-ref {
    color: #2e3440
}

.issues-table .subject:hover .issue-subject {
    color: #19474b
}

.issues-table .subject .issue-ref {
    align-items: center;
    color: #19474b;
    display: flex;
    -webkit-margin-end: 1ch;
    margin-inline-end: 1ch
}

.issues-table .subject .issue-subject {
    align-items: center;
    color: #2e3440;
    display: flex;
    -webkit-margin-end: .75rem;
    margin-inline-end: .75rem;
    word-break: break-word
}

.issues-table .subject .blocked, .issues-table .subject .due-date {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    -webkit-margin-end: .75rem;
    margin-inline-end: .75rem;
    vertical-align: middle
}

.issues-table .subject .blocked .icon, .issues-table .subject .due-date .icon {
    fill: #e44057
}

.issues-table .subject .blocked tg-svg, .issues-table .subject .due-date tg-svg {
    display: inline
}

.issues-table .subject .tg-due-date {
    display: inline-block
}

.issues-table .subject .tag {
    display: block;
    max-width: 17ch;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.issues-table .subject .tag.last {
    -webkit-margin-end: .75rem;
    margin-inline-end: .75rem
}

.issues-table .assigned-field, .issues-table .attachments-field, .issues-table .issue-field, .issues-table .modified-field, .issues-table .options-field {
    flex-grow: 0;
    flex-shrink: 0;
    margin: 0 .5rem;
    position: relative
}

.issues-table .issue-field {
    display: block;
    flex-basis: 140px;
    flex-grow: 0;
    flex-shrink: 0;
    max-width: 140px;
    text-align: right
}

@media screen and (max-width: 1215px) {
    .issues-table .issue-field {
        flex-basis: 6rem;
        max-width: 6rem
    }
}

.issues-table .modified-field {
    flex-basis: 100px
}

@media screen and (max-width: 1215px) {
    .issues-table .modified-field {
        flex-basis: 4.5rem
    }
}

.issues-table .attachments-field {
    flex-basis: 100px
}

.issues-table .assigned-field {
    flex-basis: 100px
}

@media screen and (max-width: 1215px) {
    .issues-table .assigned-field {
        flex-basis: 1.5rem
    }
}

.issues-table .assigned-field .issue-assignedto {
    align-items: center;
    display: flex;
    justify-content: center
}

.issues-table .assigned-field .avatar {
    align-items: center;
    display: flex
}

.issues-table .assigned-field .avatar img {
    border-radius: 50%;
    height: 32px;
    width: 32px
}

.issues-table .assigned-field .icon {
    fill: #19474b;
    margin-left: .25rem
}

.issues-table .options-field {
    flex-basis: 16px
}

.issues-table .options-field .icon {
    fill: #19474b
}

.issues-table .options-field .options-button {
    background: 0 0;
    height: 24px;
    margin: 0;
    padding: 0;
    width: 16px
}

.issues-table .options-field .options-button.active {
    background: #eceff4
}

.issues-table .options-field .options-button.active .icon {
    fill: #4c566a
}

.issues-table .pop-status {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    font-size: .875rem;
    background: #fff;
    border: 1px solid #d8dee9;
    border-radius: 4px;
    box-shadow: 4px 4px 8px rgba(46, 52, 64, .1);
    color: #19474b;
    display: none;
    left: auto;
    list-style-type: none;
    margin: 0;
    padding: .5rem;
    position: absolute;
    text-align: "";
    top: 20px;
    width: 200px;
    z-index: 2
}

.issues-table .pop-status:hover {
    color: #70728f
}

.issues-table .pop-status a {
    padding: .25rem
}

.issues-table .pop-status li {
    margin-bottom: .25rem
}

.issues-table .pop-status li:last-child {
    margin-bottom: 0
}

.issues-table .pop-status li:hover {
    background: #eceff4;
    color: #70728f
}

.issues-table .pop-status li:hover a {
    color: #70728f
}

.issues-table .pop-status.horizontal li {
    margin-bottom: .25rem;
    white-space: nowrap;
    width: 100%
}

.issues-table .pop-status.horizontal a {
    width: 100%
}

.issues-table .pop-status.horizontal a.active {
    color: #fff
}

.issues-table .pop-status.horizontal .point {
    align-items: center;
    color: #19474b;
    display: flex;
    height: auto;
    justify-content: flex-start;
    min-height: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .25s ease;
    white-space: nowrap
}

.issues-table .pop-status.horizontal .point:hover {
    transition: all .25s ease
}

.issues-table .pop-status.pop-points-open li {
    display: inline-flex;
    margin: 0;
    padding: 0
}

.issues-table .pop-status a.active {
    background: #19474b;
    color: #fff
}

.issues-table .pop-status .point {
    align-items: center;
    color: #19474b;
    display: flex;
    height: 2.5rem;
    justify-content: center;
    transition: all .25s ease;
    width: 2.5rem
}

.issues-table .pop-status .point:hover {
    transition: all .25s ease
}

.issues-table .pop-status .priority, .issues-table .pop-status .role, .issues-table .pop-status .severity, .issues-table .pop-status .status, .issues-table .pop-status .type {
    align-items: center;
    color: #19474b;
    display: flex;
    min-height: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .25s ease;
    white-space: nowrap
}

.issues-table .pop-status .priority:hover, .issues-table .pop-status .role:hover, .issues-table .pop-status .severity:hover, .issues-table .pop-status .status:hover, .issues-table .pop-status .type:hover {
    transition: all .25s ease
}

.issues-table .pop-status::before {
    background: #fff;
    content: '';
    height: 15px;
    position: absolute;
    transform: rotate(45deg);
    width: 0
}

.issues-table .pop-status .item-text {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    overflow-wrap: break-word;
    text-align: left;
    white-space: initial
}

.issues-table .pop-status.fix {
    bottom: 0;
    top: auto
}

.issues-table .options {
    background-color: #fff;
    border: 1px solid #d8dee9;
    border-radius: 4px;
    box-shadow: 4px 4px 8px rgba(216, 222, 233, .5);
    padding: .5rem;
    position: absolute;
    right: 0;
    top: calc(1rem + 4px);
    width: 175px;
    z-index: 2
}

.issues-table .option {
    font-size: .875rem;
    background: 0 0;
    color: #19474b;
    cursor: pointer;
    display: flex;
    padding: .25rem;
    text-align: left;
    width: 100%
}

.issues-table .option .icon {
    margin-right: .25rem
}

.issues-table .option:hover {
    background: #eceff4
}

.lb-select-user-form {
    margin: 0 .5rem
}

.lb-select-user-form .lb-select-user-list {
    max-height: 28.5rem;
    overflow-y: auto
}

.lb-select-user-form .lb-select-user-list.is-active {
    background-color: #e9f6f3
}

.lb-select-user-actions {
    margin: 2rem 0 0;
    text-align: center
}

.lb-select-user-link-back {
    color: #25a28c;
    text-transform: uppercase
}

.lb-select-user-link-back:hover {
    color: #5cbaa9
}

.live-announcement {
    align-content: center;
    background: #83eede;
    display: flex;
    height: 0;
    justify-content: center;
    overflow: hidden;
    pointer-events: none;
    position: fixed;
    top: 0;
    transition: width .5s, height .5s;
    transition-delay: .5s;
    width: 0;
    z-index: 99
}

.live-announcement .live-announcement-inner {
    opacity: 0;
    transition: opacity .5s;
    width: 100%
}

.live-announcement.visible {
    height: 146px;
    pointer-events: auto;
    transition-delay: 0s;
    width: 100%
}

.live-announcement.visible .live-announcement-inner {
    opacity: 1;
    transition: opacity .5s .5s
}

.live-announcement-inner {
    display: flex;
    max-width: 1200px
}

.live-announcement-inner .announcement-decoration {
    align-self: flex-end;
    margin-right: 1rem
}

.live-announcement-inner .text {
    padding: 1.25rem 3rem 1.25rem 2rem;
    position: relative;
    width: 100%
}

.live-announcement-inner .title {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    font-size: 1.4rem;
    color: #2e3440;
    margin-bottom: .5rem
}

.live-announcement-inner .warning {
    color: #2e3440
}

.live-announcement-inner .warning a {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    color: #19474b
}

.live-announcement-inner .warning a:hover {
    color: #4c566a
}

.live-announcement-inner .close {
    display: block;
    position: absolute;
    right: 0;
    top: 1rem
}

.live-announcement-inner .close svg {
    width: 2rem;
    height: 2rem;
    fill: #19474b;
    pointer-events: none;
    transition: fill .2s
}

.live-announcement-inner .close svg:hover {
    fill: #4c566a
}

.lightbox-move-to-sprint .move-to-sprint-container {
    display: flex;
    flex-direction: column;
    max-width: 550px;
    width: 100%
}

.lightbox-move-to-sprint .move-to-sprint-container .move-to-sprint-header {
    margin: 0 auto;
    max-width: 400px;
    text-align: center
}

.lightbox-move-to-sprint .move-to-sprint-container .move-to-sprint-header ul {
    display: inline-block;
    margin: .5em auto 2.5em;
    width: auto
}

.lightbox-move-to-sprint .move-to-sprint-container .move-to-sprint-header li {
    display: flex;
    justify-content: space-between;
    margin-top: 1em
}

.lightbox-move-to-sprint .move-to-sprint-container .move-to-sprint-header .check {
    margin-left: 4em
}

.lightbox-move-to-sprint .move-to-sprint-container .move-to-sprint-controls p {
    margin-bottom: 2.5em;
    text-align: center
}

.lightbox-move-to-sprint .move-to-sprint-container .move-to-sprint-controls .sprint-select {
    margin-top: .5em
}

.lightbox-move-to-sprint .move-to-sprint-container .move-to-sprint-controls .move-button {
    width: 100%
}

.move-to-sprint-button {
    color: #fff
}

.move-to-sprint-button:not(.disabled) {
    cursor: pointer
}

.move-to-sprint-button:not(.disabled):hover {
    color: #5cbaa9
}

.move-to-sprint-button.disabled {
    opacity: .5
}

.move-to-sprint-button.disabled:hover {
    color: #fff
}

.search-list .show-closed {
    color: #19474b;
    float: right
}

.search-list .show-closed span {
    font-size: .9em;
    margin: .1rem 0 0 .2rem
}

.search-list .show-closed svg {
    fill: currentColor
}

.search-list .show-closed :hover {
    color: #70728f
}

.search-list .show-closed :hover svg {
    fill: currentColor
}

.search-list ul {
    background: #fff;
    border: 2px solid #d8dee9;
    border-radius: 3px;
    height: 200px;
    margin: .5em 0 0;
    max-height: 200px;
    overflow-y: auto;
    padding: .25rem 1rem
}

.search-list .choice {
    font-size: .875rem;
    color: #4c566a;
    cursor: pointer;
    padding: .25em .5em
}

.search-list .choice.selected {
    background: #19474b;
    color: #fff
}

.search-list .choice.selected .info {
    color: #fff
}

.search-list .choice[disabled] {
    color: #a9aabc;
    cursor: not-allowed
}

.search-list .choice[disabled] .info {
    color: #a9aabc
}

.search-list .choice ng-include {
    display: flex;
    width: 100%
}

.search-list .choice ng-include .title {
    flex-grow: 1;
    text-align: left
}

.search-list .choice ng-include .info {
    color: #70728f;
    text-align: right
}

.search-list .choice .title span {
    margin-right: .5em
}

tg-swimlane-selector {
    display: block;
    position: relative
}

tg-swimlane-selector .select {
    font-size: .875rem;
    background: #f9f9fb;
    border: 2px solid #d8dee9;
    border-radius: 3px;
    color: #2e3440;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    -webkit-padding-after: .3rem;
    padding-block-end: .3rem;
    -webkit-padding-before: .3rem;
    padding-block-start: .3rem;
    -webkit-padding-end: .5rem;
    padding-inline-end: .5rem;
    -webkit-padding-start: 1rem;
    padding-inline-start: 1rem;
    width: 100%
}

tg-swimlane-selector .select tg-svg {
    fill: #19474b
}

tg-swimlane-selector .select .swimlane-select-text {
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

tg-swimlane-selector .select .swimlane-select-text.unclassified {
    font-style: italic
}

tg-swimlane-selector .select.active {
    border-color: #19474b
}

tg-swimlane-selector .options {
    background-color: #fff;
    border: 1px solid #d8dee9;
    border-radius: 4px;
    box-shadow: 4px 4px 8px rgba(216, 222, 233, .5);
    padding: .5rem;
    position: absolute;
    top: calc(1.5rem + 4px);
    width: 100%;
    z-index: 2
}

tg-swimlane-selector .swimlane-default {
    font-style: italic;
    -webkit-padding-start: .5ch;
    padding-inline-start: .5ch
}

tg-swimlane-selector .option {
    font-size: .875rem;
    background: 0 0;
    color: #19474b;
    cursor: pointer;
    display: block;
    padding: .25rem;
    text-align: left;
    width: 100%
}

tg-swimlane-selector .option.unclassified {
    font-style: italic
}

tg-swimlane-selector .option:hover {
    background: #eceff4
}

tg-swimlane-selector .option.selected {
    color: #70728f
}

.add-tag-input {
    align-items: flex-start;
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    position: relative;
    width: 250px
}

.add-tag-input input {
    border-color: #70728f;
    margin-right: .25rem;
    max-height: 2rem;
    padding: 6px;
    width: 14rem
}

.add-tag-input .save {
    cursor: pointer;
    display: inline-block;
    fill: #434456;
    margin: .5rem 0 0 .5rem;
    transition: .2s linear
}

.add-tag-input .save:hover {
    fill: #25a28c
}

.add-tag-input .tags-dropdown {
    font-size: .875rem;
    background: #fff;
    border: 1px solid #70728f;
    border-top: 0;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, .2);
    left: 0;
    max-height: 20vh;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 2.25rem;
    width: 85%;
    z-index: 2
}

.add-tag-input .tags-dropdown-option {
    display: flex;
    justify-content: space-between;
    padding: .5rem
}

.add-tag-input .tags-dropdown-color {
    height: 1rem;
    width: 1rem
}

.add-tag-input li.selected, .add-tag-input li:hover {
    background: #fff;
    cursor: pointer;
    transition: .2s;
    transition-delay: .1s
}

.tags-block {
    align-content: center;
    display: flex;
    flex-wrap: wrap
}

.add-tag-button {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
    align-content: flex-end;
    color: #19474b;
    cursor: pointer;
    display: flex;
    margin: .5rem 0 0 .25rem;
    transition: all .1s ease
}

.add-tag-button:hover {
    background: #d8dee9
}

.add-tag-button .icon-add {
    fill: currentColor
}

.add-tag-button .add-tag-text {
    font-size: .875rem;
    line-height: 1rem
}

.add-tag-button tg-svg {
    fill: #19474b;
    margin-left: .25rem;
    margin-right: 0
}

.tag {
    font-size: .875rem;
    display: inline-block;
    max-width: 20ch;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    background: #a9aabc;
    border-radius: 2px;
    color: #fff;
    display: inline-flex;
    padding: .1rem .5rem;
    text-align: center
}

.tag span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tag .icon-close {
    width: 1.25rem;
    height: 1.25rem;
    cursor: pointer;
    fill: #fff
}

.tag .loading-spinner {
    height: 1rem;
    width: 1rem
}

.loader .tip-color-1 p {
    color: #ae4fb0
}

.loader .tip-color-1 svg {
    fill: #ae4fb0;
    stroke: #ae4fb0
}

.loader .tip-color-2 p {
    color: #4e88df
}

.loader .tip-color-2 svg {
    fill: #4e88df;
    stroke: #4e88df
}

.loader .tip-color-3 p {
    color: #6360d6
}

.loader .tip-color-3 svg {
    fill: #6360d6;
    stroke: #6360d6
}

.loader .tip-color-4 p {
    color: #47b3a6
}

.loader .tip-color-4 svg {
    fill: #47b3a6;
    stroke: #47b3a6
}

.loader .tip-color-5 p {
    color: #d76969
}

.loader .tip-color-5 svg {
    fill: #d76969;
    stroke: #d76969
}

.tip {
    text-align: center;
    width: auto
}

.tip .translate-cloak {
    display: none
}

.tip p {
    display: flex;
    font-size: 1.1em;
    justify-content: center;
    margin-bottom: 1em;
    max-width: 440px
}

.tip p.title {
    color: #000;
    font-size: 1em;
    margin-bottom: 1.75em
}

.tip p.range {
    width: 1px
}

.tip svg {
    height: 32px;
    margin: 0 .3em;
    width: 32px
}

.tip svg.icon-upvote {
    height: 30px;
    width: 24px
}

.tip .range-slider {
    display: initial;
    width: 100px
}

.tip .arrows svg {
    height: 40px;
    margin: 0
}

.tip .arrows svg.icon-arrow-left {
    margin-left: 7px
}

.tip .arrows svg.icon-arrow-right {
    margin-left: -7px
}

.tribe-linked {
    margin-left: auto;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

.tribe-linked .tribe-linked-inner {
    padding: .5rem;
    transition: .2s
}

.tribe-linked .tribe-linked-inner:hover {
    background: #fff;
    cursor: pointer
}

.tribe-linked .tribe-linked-inner .close, .tribe-linked .tribe-linked-inner .delete-link, .tribe-linked .tribe-linked-inner .gig-title, .tribe-linked .tribe-linked-inner .synchronize-link, .tribe-linked .tribe-linked-inner .title {
    display: none;
    opacity: 0
}

.tribe-linked .tribe-logo {
    height: 2rem;
    width: 2rem
}

.tribe-linked.is-active {
    animation-duration: 1s;
    animation-name: slideTribeInner;
    background: #fff;
    box-shadow: 1px 1px 5px rgba(67, 68, 86, .2);
    overflow: hidden
}

.tribe-linked.is-active .tribe-linked-inner {
    height: 100%;
    min-width: 300px
}

.tribe-linked.is-active .tribe-linked-inner .close, .tribe-linked.is-active .tribe-linked-inner .delete-link, .tribe-linked.is-active .tribe-linked-inner .gig-title, .tribe-linked.is-active .tribe-linked-inner .synchronize-link, .tribe-linked.is-active .tribe-linked-inner .title {
    animation-duration: 1.25s;
    animation-name: fadeInFromNone;
    display: block;
    opacity: 1
}

.tribe-linked.is-active .tribe-linked-header {
    align-items: center;
    display: flex;
    margin-bottom: 1rem
}

.tribe-linked.is-active .tribe-logo {
    margin-right: .5rem;
    vertical-align: text-bottom
}

.tribe-linked.is-active svg {
    width: 1rem;
    height: 1rem;
    fill: #ffa0a0;
    transition: all .2s
}

.tribe-linked.is-active svg:hover {
    fill: #ff6363
}

.tribe-linked.is-active .title {
    margin-bottom: 0
}

.tribe-linked.is-active .gig-title {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    color: #107a8a;
    margin-bottom: .5rem
}

.tribe-linked.is-active .delete-link {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    font-size: .875rem;
    color: #25a28c;
    display: block;
    margin-bottom: 1rem
}

.tribe-linked.is-active .synchronize-link {
    display: block;
    padding: .5rem
}

.tribe-linked.is-active .close {
    align-self: flex-start;
    margin-left: 1rem
}

@keyframes slideTribeInner {
    0% {
        max-height: 60px;
        width: 100px
    }
    20% {
        max-height: 60px;
        width: 300px
    }
    100% {
        max-height: 225px
    }
}

@keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0
    }
    80% {
        display: block;
        opacity: 0
    }
    100% {
        display: block;
        opacity: 1
    }
}

.upvote-btn {
    align-items: center;
    display: flex;
    width: 100%
}

.upvote-btn .votes {
    font-size: 1rem;
    margin-right: 1rem
}

.upvote-btn .vote-button {
    display: block;
    padding: .3rem .7rem
}

.upvote-btn .vote-button svg {
    height: 1.1rem;
    transform: scaleX(.6);
    width: 1.1rem
}

.upvote-btn a {
    background: #dadae2
}

.upvote-btn a:hover {
    background: #a8a9bb;
    transition: background .3s
}

.upvote-btn a.voted {
    background: #d1dfc5
}

.upvote-btn a.voted:hover {
    background: #ffa0a0;
    padding-bottom: .2rem;
    padding-top: .4rem
}

.upvote-btn a.voted:hover svg {
    fill: #fff;
    transform: scaleX(.6) rotate(180deg)
}

.upvote-btn svg {
    fill: #70728f;
    height: 1rem;
    width: 1rem
}

.upvote-btn span {
    display: block
}

tg-wip-limit-selector .wip-limit-status {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    align-items: center;
    background: #f9f9fb;
    border-radius: 3px;
    color: #4c566a;
    display: flex;
    justify-content: space-between;
    padding: .5rem 1rem
}

tg-wip-limit-selector .wip-limit-status-name {
    font-size: .875rem;
    flex: 1
}

tg-wip-limit-selector .wip-number, tg-wip-limit-selector .wip-placeholder-text {
    font-size: .875rem;
    margin-right: .5rem;
    text-align: end;
    width: 100%
}

tg-wip-limit-selector .wip-number {
    color: #70728f
}

tg-wip-limit-selector .wip-placeholder-text {
    opacity: .5
}

tg-wip-limit-selector .wip-limit-status-data, tg-wip-limit-selector .wip-limit-status-form {
    align-items: center;
    display: flex;
    flex: 0;
    flex-basis: 200px;
    justify-content: flex-end
}

tg-wip-limit-selector .wip-limit-status-data .form-button .icon {
    fill: #d8dee9
}

tg-wip-limit-selector .wip-limit-status-data .form-button:hover .icon {
    fill: #19474b
}

tg-wip-limit-selector .wip-limit-status-form-input {
    font-size: .875rem;
    background: #fff;
    border: 2px solid #19474b;
    border-radius: 3px;
    -webkit-margin-end: .5rem;
    margin-inline-end: .5rem;
    padding: .3rem .5rem .3rem .75rem;
    width: 8rem
}

tg-wysiwyg {
    display: flex;
    margin-bottom: 1rem;
    position: relative
}

tg-wysiwyg.custom-field {
    max-width: 100%;
    width: 100%
}

tg-wysiwyg .editor {
    width: 100%;
    word-break: break-word
}

tg-wysiwyg .tools {
    bottom: 34px;
    display: none;
    gap: .75rem;
    padding-left: 1rem;
    position: absolute;
    right: .75rem
}

tg-wysiwyg .tools a {
    text-transform: initial
}

tg-wysiwyg .tools.visible {
    display: flex
}

tg-wysiwyg .mode-editor {
    margin-top: .25rem
}

tg-wysiwyg .mode-editor span {
    color: #70728f;
    cursor: pointer;
    margin-right: .5rem
}

tg-wysiwyg .markdown {
    outline: 0;
    padding: 1rem
}

tg-wysiwyg .markdown:not(.empty) p {
    margin-bottom: 0;
    white-space: pre-wrap
}

tg-wysiwyg .ck.ck-editor__main > .ck-editor__editable {
    padding-bottom: 3rem
}

tg-wysiwyg .read-mode {
    cursor: pointer
}

tg-wysiwyg .read-mode .wysiwyg {
    padding: .5rem 0
}

tg-wysiwyg .read-mode .ck-editor__top, tg-wysiwyg .read-mode .ck-widget__type-around {
    display: none
}

tg-wysiwyg .read-mode .image.ck-widget {
    outline-color: transparent
}

tg-wysiwyg .read-mode .ck.ck-editor__main > .ck-editor__editable {
    border-color: transparent
}

tg-wysiwyg .help-markdown {
    display: flex;
    margin-top: 1rem
}

tg-wysiwyg tg-text-editor button {
    display: none
}

tg-wysiwyg .edit-mode .ck.ck-editor__editable:not(.ck-editor__nested-editable), tg-wysiwyg .edit-mode .markdown {
    min-height: 8rem
}

tg-wysiwyg .edit-mode .ck.ck-editor__editable:not(.ck-editor__nested-editable).ck-focused, tg-wysiwyg .edit-mode .markdown.ck-focused {
    border: 1px solid #4c566a
}

tg-wysiwyg .edit-mode tg-text-editor button {
    display: block
}

tg-wysiwyg .edit-mode .ck-content .image {
    margin: 1rem 0
}

tg-wysiwyg .wysiwyg {
    display: none
}

tg-wysiwyg .html-read-mode.edit-mode .editor-wrapper {
    display: block
}

tg-wysiwyg .html-read-mode.edit-mode .wysiwyg {
    display: none
}

tg-wysiwyg .html-read-mode.read-mode .editor-wrapper {
    display: none
}

tg-wysiwyg .html-read-mode.read-mode .wysiwyg {
    display: block
}

.wysiwyg i, tg-html-editor .ck-content i {
    font-style: revert
}

.wysiwyg h1, tg-html-editor .ck-content h1 {
    font-size: 2.1rem
}

.wysiwyg h2, tg-html-editor .ck-content h2 {
    font-size: 1.7rem
}

.wysiwyg h3, tg-html-editor .ck-content h3 {
    font-size: 1.4rem
}

.wysiwyg h4, tg-html-editor .ck-content h4 {
    font-size: 1.1rem
}

.wysiwyg h1, .wysiwyg h2, .wysiwyg h3, .wysiwyg h4, .wysiwyg h5, .wysiwyg h6, tg-html-editor .ck-content h1, tg-html-editor .ck-content h2, tg-html-editor .ck-content h3, tg-html-editor .ck-content h4, tg-html-editor .ck-content h5, tg-html-editor .ck-content h6 {
    color: #2e3440;
    font-weight: 600;
    margin-bottom: var(--ck-spacing-large)
}

.wysiwyg li, tg-html-editor .ck-content li {
    color: #4c566a;
    margin-bottom: .5rem;
    font-size: .875rem
}

.wysiwyg li ol, .wysiwyg li ul, tg-html-editor .ck-content li ol, tg-html-editor .ck-content li ul {
    padding-top: .5rem
}

.wysiwyg ul, tg-html-editor .ck-content ul {
    list-style-type: disc
}

.wysiwyg ul ul, tg-html-editor .ck-content ul ul {
    list-style-type: circle
}

.wysiwyg ol, .wysiwyg ul, tg-html-editor .ck-content ol, tg-html-editor .ck-content ul {
    margin-bottom: 1rem;
    padding: 0 0 0 1rem
}

.wysiwyg p, tg-html-editor .ck-content p {
    font-size: .875rem;
    color: #4c566a
}

.wysiwyg strong, tg-html-editor .ck-content strong {
    color: #2e3440
}

.wysiwyg a, tg-html-editor .ck-content a {
    color: #4c566a
}

.wysiwyg a strong, tg-html-editor .ck-content a strong {
    color: #4c566a
}

.wysiwyg a[href], tg-html-editor .ck-content a[href] {
    color: #19474b;
    font-weight: 600
}

.wysiwyg blockquote, tg-html-editor .ck-content blockquote {
    border-left: 5px solid #83eede;
    color: #70728f;
    margin: 40px 0;
    padding: 0 1.25rem
}

.wysiwyg blockquote p:last-child, tg-html-editor .ck-content blockquote p:last-child {
    margin-bottom: 0
}

.wysiwyg code, tg-html-editor .ck-content code {
    font-family: Menlo, Monaco, Consolas, 'Courier New', monospacemonospace;
    overflow-wrap: break-word;
    white-space: pre-wrap
}

.wysiwyg p > code, tg-html-editor .ck-content p > code {
    background-color: #d8dee9;
    border-radius: 6px;
    padding: .2rem .4rem
}

.wysiwyg pre, tg-html-editor .ck-content pre {
    margin: 0 0 20px
}

.wysiwyg img, tg-html-editor .ck-content img {
    max-width: 100%
}

.wysiwyg .mention, tg-html-editor .ck-content .mention {
    background: 0 0;
    color: #19474b;
    cursor: pointer
}

.wysiwyg .ck-horizontal-line hr, .wysiwyg hr, tg-html-editor .ck-content .ck-horizontal-line hr, tg-html-editor .ck-content hr {
    background-color: #83eede;
    border: 0;
    height: 2px;
    margin: 8px 0 24px 0
}

.wysiwyg .table table, .wysiwyg table, tg-html-editor .ck-content .table table, tg-html-editor .ck-content table {
    border: 1px solid #d8dee9
}

.wysiwyg .table table td, .wysiwyg table td, tg-html-editor .ck-content .table table td, tg-html-editor .ck-content table td {
    font-size: .875rem;
    color: #70728f
}

.wysiwyg .table table th, .wysiwyg table th, tg-html-editor .ck-content .table table th, tg-html-editor .ck-content table th {
    background-color: #e5e9f0;
    color: #2e3440;
    font-weight: 400;
    text-align: left
}

.wysiwyg .table table td, .wysiwyg .table table th, .wysiwyg table td, .wysiwyg table th, tg-html-editor .ck-content .table table td, tg-html-editor .ck-content .table table th, tg-html-editor .ck-content table td, tg-html-editor .ck-content table th {
    border: 1px solid #d8dee9;
    min-width: 2em;
    padding: .4em
}

.wysiwyg .placeholder, tg-html-editor .ck-content .placeholder {
    color: #a9aabc;
    font-style: italic
}

.wysiwyg .task-list-item, tg-html-editor .ck-content .task-list-item {
    align-items: center;
    display: flex;
    list-style-type: none
}

.wysiwyg .task-list-item input, tg-html-editor .ck-content .task-list-item input {
    margin-right: .5rem
}

.wysiwyg .task-list-item input[type=checkbox], tg-html-editor .ck-content .task-list-item input[type=checkbox] {
    pointer-events: none
}

tg-html-editor .ck-content .image, tg-html-editor .ck-content .table {
    margin: 20px 0
}

.wysiwyg table {
    margin: 20px 0
}

.ck-content .todo-list .todo-list__label > input[type=checkbox] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox;
    height: auto;
    left: auto;
    margin-right: .5rem;
    vertical-align: middle;
    width: auto
}

.ck-content .todo-list .todo-list__label > input[type=checkbox]::after, .ck-content .todo-list .todo-list__label > input[type=checkbox]::before {
    display: none
}

.ck-content .todo-list .todo-list__label > input[type=checkbox]:checked::after, .ck-content .todo-list .todo-list__label > input[type=checkbox]:checked::before {
    background: inherit
}

.ck-body-wrapper .ck.ck-link-actions .ck-button.ck-link-actions__preview .ck-button__label {
    color: #19474b;
    font-weight: 600
}

tg-custom-field-edit-wysiwyg {
    display: flex;
    max-width: 100%
}

.discover-header {
    background: url(../images/discover.png) repeat-x bottom left #e2e3e9;
    margin-bottom: 2.5rem;
    padding: 1rem 1rem 2rem;
    text-align: center
}

.discover-header .discover-header-inner {
    margin: 1rem auto;
    max-width: 1200px;
    padding: 0 1.25rem;
    width: 100%;
    margin: 0 auto
}

.discover-header .title {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    font-size: 2.1rem;
    line-height: 3rem;
    margin-bottom: 0
}

.discover-header .project-number {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    font-size: 1.1rem;
    color: #4c566a
}

.discover-header form {
    margin: 0 30%;
    position: relative
}

@media screen and (max-width: 768px) {
    .discover-header form {
        margin: 0 .5rem
    }
}

.discover-header input[type=text] {
    background: #fff;
    border: 0;
    padding: 1rem;
    width: 100%
}

.discover-header input[type=text]:focus {
    outline-color: #5cbaa9
}

.discover-header input[type=text]:-webkit-autofill {
    background: rgba(146, 209, 197, .5)
}

.discover-header .search-button {
    width: 1.5rem;
    height: 1.5rem;
    fill: #70728f;
    position: absolute;
    right: 1rem;
    top: 1rem;
    transition: fill .2s
}

.discover-header .search-button:hover {
    cursor: pointer;
    fill: #25a28c
}

.discover-results-header .discover-results-header-inner {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.discover-results-header svg {
    width: 1.2rem;
    height: 1.2rem;
    fill: #70728f;
    margin-right: .25rem
}

.discover-results-header .title {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    font-size: 1.4rem;
    align-self: center;
    display: flex;
    text-transform: uppercase
}

.discover-results-header h2 {
    display: inline-block;
    margin-bottom: 0
}

.filter-discover-search {
    display: flex
}

.filter-discover-search .discover-search-filter {
    display: flex;
    margin-right: 1rem
}

.filter-discover-search .discover-search-filter.active {
    color: #19474b
}

.filter-discover-search .discover-search-filter.active svg {
    fill: #19474b
}

.filter-discover-search svg {
    width: .8rem;
    height: .8rem
}

.discover-search-subfilter {
    align-items: center;
    background: #f1f1f4;
    display: flex;
    justify-content: space-between;
    position: relative
}

.discover-search-subfilter:after, .discover-search-subfilter:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.discover-search-subfilter:after {
    border-color: rgba(241, 241, 244, 0);
    border-bottom-color: #f1f1f4;
    border-width: 8px;
    margin-left: -8px
}

.discover-search-subfilter:before {
    border-color: rgba(241, 241, 244, 0);
    border-bottom-color: #f1f1f4;
    border-width: calc(8px + 1px);
    margin-left: calc(-8px + 1px)
}

.discover-search-subfilter.most-liked-subfilter::after, .discover-search-subfilter.most-liked-subfilter::before {
    left: 85%
}

.discover-search-subfilter.most-active-subfilter::after, .discover-search-subfilter.most-active-subfilter::before {
    left: 95%
}

.discover-search-subfilter.ng-enter {
    animation: dropdownFade .2s
}

.discover-search-subfilter .results {
    font-size: .875rem;
    color: #ffa0a0;
    display: block;
    padding: .5rem 1rem;
    transition: all .2s
}

.discover-search-subfilter .results:hover {
    color: #ff6363
}

.discover-search-subfilter .filter-list {
    display: flex;
    margin: 0;
    margin-left: auto
}

.discover-search-subfilter .filter-list a {
    display: block;
    padding: .5rem 1rem;
    transition: all .2s
}

.discover-search-subfilter .filter-list a:hover {
    background: #e2e3e9;
    color: #5a5b72
}

.discover-search-subfilter .filter-list a.active {
    background: #19474b;
    color: #fff
}

.featured-projects {
    margin: 1rem auto;
    max-width: 1200px;
    padding: 0 1.25rem;
    width: 100%;
    margin-bottom: 4rem
}

.featured-projects .title {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    font-size: 1.4rem;
    color: #434456;
    text-align: center
}

.featured-projects-inner {
    align-items: stretch;
    display: flex;
    flex-grow: 0;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0 -.5rem
}

.featured-project {
    background: #fff;
    border: 1px solid #d8dee9;
    margin: .5rem;
    display: flex;
    flex-basis: 23%;
    flex-wrap: wrap
}

.featured-project .tags-container {
    display: flex;
    height: .3rem
}

.featured-project .project-tag {
    flex: 1
}

.featured-project .project-card-inner {
    padding: 1rem
}

.featured-project .project-card-description {
    font-size: .875rem;
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    color: #4c566a
}

.featured-project .project-card-statistics {
    -moz-column-gap: .5rem;
    column-gap: .5rem;
    display: flex;
    row-gap: .5rem;
    margin-top: auto
}

.featured-project .project-card-statistics svg {
    fill: currentColor
}

.featured-project .project-card-statistics svg:not(.icon-private) {
    width: .75rem;
    height: .75rem
}

.featured-project .project-card-statistics svg.icon-private {
    width: 1.2rem;
    height: 1.2rem
}

.featured-project .statistic {
    font-size: .875rem;
    align-items: center;
    color: #4c566a;
    -moz-column-gap: .25rem;
    column-gap: .25rem;
    display: flex;
    row-gap: .25rem
}

.featured-project .statistic.active {
    color: #70728f
}

.featured-project .statistic.active svg {
    fill: currentColor
}

.featured-project .project-card-header {
    display: flex;
    flex-grow: 0
}

.featured-project .project-card-header .icon-badge {
    fill: #19474b
}

.featured-project .project-card-logo {
    display: inline-block;
    flex-basis: 50px;
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    margin-right: .5rem
}

.featured-project .project-card-logo img {
    width: 100%
}

.featured-project .project-card-name {
    font-size: 1.1rem;
    -moz-column-gap: .25rem;
    column-gap: .25rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    row-gap: .25rem
}

.featured-project .project-card-name a {
    color: #4c566a
}

@media screen and (max-width: 1023px) {
    .featured-project {
        flex-basis: 45%
    }
}

@media screen and (max-width: 768px) {
    .featured-project {
        flex-basis: 100%
    }
}

.highlighted {
    margin: 1rem auto;
    max-width: 1200px;
    padding: 0 1.25rem;
    width: 100%;
    display: flex;
    justify-content: space-around;
    margin-bottom: 4rem
}

@media screen and (max-width: 1023px) {
    .highlighted {
        flex-direction: column
    }

    .highlighted tg-most-active {
        margin-top: 4rem
    }
}

.highlighted tg-most-active, .highlighted tg-most-liked {
    align-content: stretch;
    display: flex;
    flex: 1
}

.highlighted tg-most-liked {
    margin-right: 8%
}

@media screen and (max-width: 1023px) {
    .highlighted tg-most-liked {
        margin-right: 0
    }
}

.highlighted .most-active, .highlighted .most-liked {
    align-content: stretch;
    display: flex;
    flex: 1;
    flex-direction: column
}

.highlighted .header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem
}

.highlighted .header svg {
    width: .8rem;
    height: .8rem;
    fill: #70728f;
    margin-left: .5rem
}

.highlighted .title-wrapper {
    align-items: center;
    display: flex
}

.highlighted .title-wrapper svg {
    width: 1.25rem;
    height: 1.25rem;
    fill: #70728f;
    margin-right: .5rem
}

.highlighted .title {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    font-size: 1.4rem;
    color: #434456;
    display: inline-block;
    margin: 0
}

.highlighted .highlighted-projects-container {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: flex-start
}

.highlighted .loading-container {
    margin-top: calc(50% - 1rem)
}

.highlighted .loading-spinner {
    display: block;
    margin: 2rem auto;
    max-height: 3rem;
    max-width: 3rem
}

.highlighted .view-more-projects {
    margin-top: auto;
    width: 100%
}

.highlighted .empty-highlighted-project {
    border: 2px dashed #e2e3e9;
    flex: 1;
    padding: 2rem;
    text-align: center
}

.highlighted .empty-highlighted-project svg {
    width: 2rem;
    height: 2rem;
    display: block;
    fill: #70728f;
    margin: 1rem auto
}

.highlighted .empty-highlighted-project span {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    color: #5a5b72;
    display: block
}

.filter-highlighted {
    position: relative
}

.filter-highlighted .current-filter {
    display: flex;
    padding: 1rem
}

.filter-highlighted .current-filter span {
    margin-left: .2rem;
    position: relative;
    top: .2rem
}

.filter-highlighted .current-filter:hover svg {
    fill: currentColor
}

.filter-highlighted .filter-list {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    font-size: .875rem;
    background: #fff;
    border: 1px solid #d8dee9;
    border-radius: 4px;
    box-shadow: 4px 4px 8px rgba(46, 52, 64, .1);
    color: #19474b;
    display: none;
    left: calc(50% - 190 / 2 * 1px);
    list-style-type: none;
    margin: 0;
    padding: .5rem;
    position: absolute;
    text-align: "";
    top: 2.5rem;
    width: 200px;
    z-index: 2;
    display: block;
    overflow: unset
}

.filter-highlighted .filter-list:hover {
    color: #70728f
}

.filter-highlighted .filter-list a {
    padding: .25rem
}

.filter-highlighted .filter-list li {
    margin-bottom: .25rem
}

.filter-highlighted .filter-list li:last-child {
    margin-bottom: 0
}

.filter-highlighted .filter-list li:hover {
    background: #eceff4;
    color: #70728f
}

.filter-highlighted .filter-list li:hover a {
    color: #70728f
}

.filter-highlighted .filter-list.horizontal li {
    margin-bottom: .25rem;
    white-space: nowrap;
    width: 100%
}

.filter-highlighted .filter-list.horizontal a {
    width: 100%
}

.filter-highlighted .filter-list.horizontal a.active {
    color: #fff
}

.filter-highlighted .filter-list.horizontal .point {
    align-items: center;
    color: #19474b;
    display: flex;
    height: auto;
    justify-content: flex-start;
    min-height: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .25s ease;
    white-space: nowrap
}

.filter-highlighted .filter-list.horizontal .point:hover {
    transition: all .25s ease
}

.filter-highlighted .filter-list.pop-points-open li {
    display: inline-flex;
    margin: 0;
    padding: 0
}

.filter-highlighted .filter-list a.active {
    background: #19474b;
    color: #fff
}

.filter-highlighted .filter-list .point {
    align-items: center;
    color: #19474b;
    display: flex;
    height: 2.5rem;
    justify-content: center;
    transition: all .25s ease;
    width: 2.5rem
}

.filter-highlighted .filter-list .point:hover {
    transition: all .25s ease
}

.filter-highlighted .filter-list .priority, .filter-highlighted .filter-list .role, .filter-highlighted .filter-list .severity, .filter-highlighted .filter-list .status, .filter-highlighted .filter-list .type {
    align-items: center;
    color: #19474b;
    display: flex;
    min-height: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .25s ease;
    white-space: nowrap
}

.filter-highlighted .filter-list .priority:hover, .filter-highlighted .filter-list .role:hover, .filter-highlighted .filter-list .severity:hover, .filter-highlighted .filter-list .status:hover, .filter-highlighted .filter-list .type:hover {
    transition: all .25s ease
}

.filter-highlighted .filter-list::before {
    background: #fff;
    content: '';
    height: .5rem;
    left: calc(50% - .25rem);
    position: absolute;
    top: -.25rem;
    transform: rotate(45deg);
    width: .5rem
}

.filter-highlighted .filter-list .item-text {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    overflow-wrap: break-word;
    text-align: left;
    white-space: initial
}

.filter-highlighted .filter-list li {
    cursor: pointer
}

.filter-highlighted .filter-list.ng-enter {
    animation: dropdownFade .2s ease-in
}

.filter-highlighted .filter-list.ng-leave {
    animation: dropdownFade .2s ease-in;
    animation-direction: reverse
}

.highlighted-project {
    align-items: flex-start;
    border-bottom: 1px solid #e2e3e9;
    display: flex;
    flex-basis: 9rem;
    min-height: 9rem;
    padding: 1.5rem 0
}

.highlighted-project:nth-last-child(-n+2) {
    border-bottom: 0
}

.highlighted-project .project-logo {
    flex-basis: 3rem;
    height: auto;
    margin-right: 1rem;
    width: 3rem
}

.highlighted-project .project-logo img {
    width: 100%
}

.highlighted-project .project-data-container {
    flex: 1
}

.highlighted-project .single-project-header {
    align-content: center;
    display: flex;
    justify-content: space-between
}

.highlighted-project .project-title {
    font-size: 1.1rem;
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    display: inline-block;
    margin-bottom: .5rem
}

.highlighted-project .project-title a {
    color: #16171d
}

.highlighted-project .project-title a:hover {
    color: #25a28c
}

.highlighted-project .project-description {
    font-size: .875rem;
    color: #5a5b72;
    margin-bottom: 0
}

.highlighted-project .project-statistics {
    align-items: flex-start;
    display: flex;
    flex-basis: 140px;
    justify-content: flex-end;
    text-align: center
}

.highlighted-project .project-statistics svg {
    width: .75rem;
    height: .75rem;
    fill: #70728f
}

.highlighted-project .statistic {
    font-size: .875rem;
    align-items: center;
    color: #70728f;
    display: flex;
    margin-right: .5rem
}

.highlighted-project .statistic span {
    margin-left: .2rem
}

.highlighted-project .statistic.active {
    color: #19474b
}

.highlighted-project .statistic.active svg {
    fill: #19474b
}

.discover-search .discover-header form {
    margin: 0 8rem;
    position: relative
}

.discover-search .discover-header .search-button {
    left: 1rem;
    right: auto
}

.discover-search .discover-header .searchbox input {
    padding-left: 3.5rem;
    padding-right: 23rem
}

.discover-search .searchbox-filters {
    position: absolute;
    right: 1rem;
    top: .7rem;
    width: auto
}

.discover-search .searchbox-filters input {
    display: none
}

.discover-search .searchbox-filters label {
    border-radius: 4px;
    color: #70728f;
    cursor: pointer;
    display: inline-block;
    padding: .4rem .75rem;
    transition: all .2s;
    transition-delay: .2s
}

.discover-search .searchbox-filters label.active {
    background: #19474b;
    color: #fff
}

.discover-search .searchbox-filters label:hover {
    background: #e2e3e9;
    color: #5a5b72
}

.discover-results {
    margin: 1rem auto;
    max-width: 1200px;
    padding: 0 1.25rem;
    width: 100%
}

.discover-results .discover-results-inner .spin {
    margin-top: 4rem
}

.discover-results .list-itemtype-project {
    border-bottom: 1px solid #70728f;
    display: flex;
    padding: 1rem 0
}

.discover-results .list-itemtype-project:last-child {
    border-bottom: 0
}

.discover-results .list-itemtype-project-left {
    align-items: flex-start;
    display: flex;
    width: 100%
}

.discover-results .list-itemtype-project-image {
    flex-shrink: 0;
    margin-right: 1rem
}

.discover-results .list-itemtype-project-data {
    flex: 1;
    vertical-align: middle
}

.discover-results .project-statistics {
    display: flex;
    flex-basis: 300px;
    justify-content: flex-end
}

.discover-results .project-statistics svg {
    width: .7rem;
    height: .7rem;
    fill: #70728f;
    margin-right: .2rem
}

.discover-results .statistic {
    font-size: .875rem;
    align-self: start;
    color: #70728f;
    display: flex;
    margin-right: .5rem
}

.discover-results .statistic span {
    margin-left: .2rem
}

.discover-results .statistic svg {
    fill: #70728f;
    stroke: #70728f
}

.discover-results .statistic.active {
    color: #19474b
}

.discover-results .statistic.active svg {
    fill: #19474b
}

.discover-results .more-results {
    display: block;
    margin: 0 20rem;
    transition: inherit
}

.discover-results div[tg-loading] img {
    display: block;
    margin: 0 auto
}

.lightbox-create-epic {
    align-items: center;
    display: flex;
    justify-content: center;
    opacity: 1
}

.lightbox-create-epic .create-epic-container {
    max-width: 700px;
    width: 90%
}

.lightbox-create-epic .subject-container {
    align-items: center;
    display: flex
}

.lightbox-create-epic .subject-container .subject {
    padding-left: 1rem;
    width: 100%
}

.lightbox-create-epic .tags-block {
    width: 100%
}

.lightbox-create-epic .tags-block .tags-container {
    align-items: center;
    -moz-column-gap: .5rem;
    column-gap: .5rem;
    display: flex;
    flex-wrap: wrap;
    row-gap: .5rem
}

.lightbox-create-epic .tags-block .tag {
    align-items: center;
    display: flex;
    font-size: .875rem;
    min-height: 2rem
}

.lightbox-create-epic .tags-block .tag:first-child {
    -webkit-margin-start: 0;
    margin-inline-start: 0
}

.lightbox-create-epic .attachments {
    margin-bottom: 0
}

.lightbox-create-epic .settings {
    display: flex;
    justify-content: center
}

.lightbox-create-epic .settings fieldset {
    margin-right: .5rem
}

.lightbox-create-epic .settings fieldset:hover {
    color: #fff;
    transition: all .2s ease-in;
    transition-delay: .2s
}

.lightbox-create-epic .settings fieldset:last-child {
    margin: 0
}

.lightbox-create-epic .settings input {
    display: none
}

.lightbox-create-epic .settings input:checked + label {
    background: #19474b;
    border: 1px solid #19474b;
    color: #fff
}

.lightbox-create-epic .settings input:checked + .blocked {
    background: #e44057;
    border: 1px solid #e44057;
    color: #fff
}

.lightbox-create-epic label {
    font-size: .875rem;
    background: #f9f9fb;
    border: 1px solid #eceff4;
    color: #4c566a;
    cursor: pointer;
    display: block;
    -webkit-padding-after: .5rem;
    padding-block-end: .5rem;
    -webkit-padding-before: .5rem;
    padding-block-start: .5rem;
    text-align: center;
    text-transform: none;
    transition: all .2s ease-in
}

.lightbox-create-epic label:hover {
    background: #19474b;
    border: 1px solid #19474b;
    color: #fff
}

.lightbox-create-epic label.blocked:hover {
    background: #e44057;
    border: 1px solid #e44057
}

.lightbox-create-epic .create-epic-button {
    display: block;
    width: 100%
}

.epic-row {
    font-size: .875rem;
    align-items: center;
    background: #f9f9fb;
    border-radius: 3px;
    cursor: move;
    display: flex;
    margin-bottom: .5rem;
    padding-left: 1rem;
    position: relative;
    transition: background .2s
}

.epic-row .name, .epic-row .progress, .epic-row .sprint, .epic-row .status-holder, .epic-row .vote {
    padding: 1rem .5rem
}

.epic-row .vote {
    flex-basis: 60px;
    flex-grow: 0;
    flex-shrink: 0;
    flex-wrap: wrap;
    text-align: center
}

.epic-row .assigned, .epic-row .project {
    flex-basis: 75px;
    flex-grow: 0;
    flex-shrink: 0;
    flex-wrap: wrap;
    padding: .5rem;
    text-align: center
}

.epic-row .status-holder {
    flex-basis: 110px;
    flex-grow: 0;
    flex-shrink: 0;
    flex-wrap: wrap;
    max-width: 150px;
    text-align: center
}

.epic-row .sprint {
    flex-basis: 150px;
    flex-grow: 0;
    flex-shrink: 0;
    flex-wrap: wrap;
    max-width: 150px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 90%
}

.epic-row .name, .epic-row .progress {
    flex-basis: 20vw;
    flex-grow: 1;
    flex-shrink: 1;
    max-width: 40vw
}

.epic-row .progress {
    flex-shrink: 3;
    margin-right: 1rem;
    position: relative
}

@media (max-width: 1110px) {
    .epic-row .progress {
        max-width: 234px
    }
}

.epic-row.unfold, .epic-row:hover {
    background-color: #eceff4
}

.epic-row.unfold .icon-drag, .epic-row:hover .icon-drag {
    opacity: 1
}

.epic-row.not-empty {
    cursor: pointer
}

.epic-row.is-blocked {
    background: rgba(228, 64, 87, .25)
}

.epic-row.is-closed .name a {
    color: #9b9cb1;
    text-decoration: line-through
}

.epic-row.unfold .name .icon {
    transform: rotate(0)
}

.epic-row .fold-us {
    flex-shrink: 0;
    margin-left: .75rem;
    width: 1rem
}

.epic-row .name {
    align-items: center;
    display: flex;
    padding-left: 0
}

.epic-row .name a:hover .ref, .epic-row .name a:hover .subject {
    color: #19474b
}

.epic-row .name .subject {
    color: #4c566a;
    margin-left: .25rem
}

.epic-row .name .icon {
    transform: rotate(-90deg);
    transition: all .2s
}

.epic-row .icon-drag {
    width: 1rem;
    height: 1rem;
    cursor: move;
    fill: #19474b;
    left: .5rem;
    opacity: 0;
    position: absolute;
    transition: opacity .1s
}

.epic-row .epic-pill {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    font-size: .7rem;
    background: #434456;
    border-radius: 6px;
    color: #fff;
    height: 12px;
    margin: 0 .5rem;
    padding: .1rem .25rem;
    width: 12px
}

.epic-row .status-holder {
    cursor: pointer;
    position: relative
}

.epic-row .status-holder button {
    align-items: center;
    background: 0 0;
    display: flex;
    margin: 0 auto
}

.epic-row .icon-arrow-down {
    width: .7rem;
    height: .7rem;
    fill: #70728f;
    margin-left: .1rem
}

.epic-row .progress-bar, .epic-row .progress-status {
    height: 1.5rem;
    left: 0;
    position: absolute;
    top: .25rem
}

.epic-row .progress-bar {
    background-color: #fff;
    max-width: 40vw;
    padding-right: 1rem;
    width: 100%
}

.epic-row .progress-status {
    background-color: #19474b;
    width: 10vw
}

.epic-row .assigned {
    align-items: center;
    display: flex;
    justify-content: center
}

.epic-row .assigned img {
    border-radius: 50%;
    height: 2rem;
    overflow: hidden;
    width: 2rem
}

.epic-row .is-unassigned {
    color: #70728f
}

.epic-row .epic-statuses {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    font-size: .875rem;
    background: #fff;
    border: 1px solid #d8dee9;
    border-radius: 4px;
    box-shadow: 4px 4px 8px rgba(46, 52, 64, .1);
    color: #19474b;
    display: none;
    list-style-type: none;
    margin: 0;
    padding: .5rem;
    position: absolute;
    right: 0;
    text-align: "";
    top: 40px;
    width: 150px;
    z-index: 2;
    display: block;
    text-align: left
}

.epic-row .epic-statuses:hover {
    color: #70728f
}

.epic-row .epic-statuses a {
    padding: .25rem
}

.epic-row .epic-statuses li {
    margin-bottom: .25rem
}

.epic-row .epic-statuses li:last-child {
    margin-bottom: 0
}

.epic-row .epic-statuses li:hover {
    background: #eceff4;
    color: #70728f
}

.epic-row .epic-statuses li:hover a {
    color: #70728f
}

.epic-row .epic-statuses.horizontal li {
    margin-bottom: .25rem;
    white-space: nowrap;
    width: 100%
}

.epic-row .epic-statuses.horizontal a {
    width: 100%
}

.epic-row .epic-statuses.horizontal a.active {
    color: #fff
}

.epic-row .epic-statuses.horizontal .point {
    align-items: center;
    color: #19474b;
    display: flex;
    height: auto;
    justify-content: flex-start;
    min-height: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .25s ease;
    white-space: nowrap
}

.epic-row .epic-statuses.horizontal .point:hover {
    transition: all .25s ease
}

.epic-row .epic-statuses.pop-points-open li {
    display: inline-flex;
    margin: 0;
    padding: 0
}

.epic-row .epic-statuses a.active {
    background: #19474b;
    color: #fff
}

.epic-row .epic-statuses .point {
    align-items: center;
    color: #19474b;
    display: flex;
    height: 2.5rem;
    justify-content: center;
    transition: all .25s ease;
    width: 2.5rem
}

.epic-row .epic-statuses .point:hover {
    transition: all .25s ease
}

.epic-row .epic-statuses .priority, .epic-row .epic-statuses .role, .epic-row .epic-statuses .severity, .epic-row .epic-statuses .status, .epic-row .epic-statuses .type {
    align-items: center;
    color: #19474b;
    display: flex;
    min-height: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .25s ease;
    white-space: nowrap
}

.epic-row .epic-statuses .priority:hover, .epic-row .epic-statuses .role:hover, .epic-row .epic-statuses .severity:hover, .epic-row .epic-statuses .status:hover, .epic-row .epic-statuses .type:hover {
    transition: all .25s ease
}

.epic-row .epic-statuses::before {
    background: #fff;
    content: '';
    height: 15px;
    position: absolute;
    transform: rotate(45deg);
    width: 0
}

.epic-row .epic-statuses .item-text {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    overflow-wrap: break-word;
    text-align: left;
    white-space: initial
}

.epic-row .loading-spinner {
    height: 10px;
    width: 10px
}

.epic-stories-wrapper {
    margin-bottom: .5rem
}

.empty-epics {
    text-align: center
}

.empty-epics a {
    color: #25a28c;
    display: block;
    margin-bottom: 2rem
}

.epics-table {
    margin-top: 2rem
}

.epics-table .loading {
    margin: 2% auto;
    width: 3rem
}

.epics-table .loading img {
    animation-timing-function: ease-in-out;
    animation: rotate 1.5s cubic-bezier(0, .05, .87, 1.04) infinite alternate;
    margin: 0 auto;
    max-height: 1rem;
    max-width: 1rem;
    transform-origin: 32 32;
    max-height: 3rem;
    max-width: 3rem
}

.epics-table-header {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    display: flex;
    padding-left: 1rem;
    position: relative
}

.epics-table-header .name, .epics-table-header .progress, .epics-table-header .sprint, .epics-table-header .status-holder, .epics-table-header .vote {
    padding: 1rem .5rem
}

.epics-table-header .vote {
    flex-basis: 60px;
    flex-grow: 0;
    flex-shrink: 0;
    flex-wrap: wrap;
    text-align: center
}

.epics-table-header .assigned, .epics-table-header .project {
    flex-basis: 75px;
    flex-grow: 0;
    flex-shrink: 0;
    flex-wrap: wrap;
    padding: .5rem;
    text-align: center
}

.epics-table-header .status-holder {
    flex-basis: 110px;
    flex-grow: 0;
    flex-shrink: 0;
    flex-wrap: wrap;
    max-width: 150px;
    text-align: center
}

.epics-table-header .sprint {
    flex-basis: 150px;
    flex-grow: 0;
    flex-shrink: 0;
    flex-wrap: wrap;
    max-width: 150px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 90%
}

.epics-table-header .name, .epics-table-header .progress {
    flex-basis: 20vw;
    flex-grow: 1;
    flex-shrink: 1;
    max-width: 40vw
}

.epics-table-header .progress {
    flex-shrink: 3;
    margin-right: 1rem;
    position: relative
}

@media (max-width: 1110px) {
    .epics-table-header .progress {
        max-width: 234px
    }
}

.epics-table-header > div {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    font-size: .7rem;
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    color: #70728f;
    flex-wrap: nowrap;
    text-transform: uppercase
}

.epics-table-header .assigned, .epics-table-header .project {
    padding: 1rem .5rem
}

.epics-table-header .status-holder {
    padding-right: 1.5rem
}

.epics-table-options-wrapper {
    bottom: 3rem;
    position: absolute;
    right: .5rem
}

.epics-table-option-button {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    font-size: .875rem;
    align-items: center;
    background: 0 0;
    display: flex
}

.epics-table-option-button .icon {
    width: .7rem;
    height: .7rem
}

.epics-table-dropdown {
    background: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    border-left: 1px solid rgba(0, 0, 0, .1);
    border-right: 1px solid rgba(0, 0, 0, .1);
    box-shadow: 3px 3px 2px rgba(0, 0, 0, .1);
    padding: .5rem;
    position: absolute;
    right: 0;
    top: 1rem;
    width: 250px;
    z-index: 2
}

.epics-table-dropdown.ng-hide-remove {
    animation: dropdownFade .2s
}

.epics-table-dropdown.ng-hide-add {
    animation: dropdownFade .2s reverse
}

.epics-table-dropdown .fieldset {
    font-size: .875rem;
    border-bottom: 1px solid #e2e3e9;
    color: #70728f;
    display: flex;
    justify-content: space-between;
    padding: .5rem 0
}

.epics-table-dropdown .fieldset:last-child {
    border: 0
}

.story-row {
    font-size: .875rem;
    align-items: center;
    background: #fff;
    border-radius: 3px;
    display: flex;
    margin-left: 1.5rem;
    padding-left: 1rem;
    transition: background .2s
}

.story-row .name, .story-row .progress, .story-row .sprint, .story-row .status-holder, .story-row .vote {
    padding: 1rem .5rem
}

.story-row .vote {
    flex-basis: 60px;
    flex-grow: 0;
    flex-shrink: 0;
    flex-wrap: wrap;
    text-align: center
}

.story-row .assigned, .story-row .project {
    flex-basis: 75px;
    flex-grow: 0;
    flex-shrink: 0;
    flex-wrap: wrap;
    padding: .5rem;
    text-align: center
}

.story-row .status-holder {
    flex-basis: 110px;
    flex-grow: 0;
    flex-shrink: 0;
    flex-wrap: wrap;
    max-width: 150px;
    text-align: center
}

.story-row .sprint {
    flex-basis: 150px;
    flex-grow: 0;
    flex-shrink: 0;
    flex-wrap: wrap;
    max-width: 150px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 90%
}

.story-row .name, .story-row .progress {
    flex-basis: 20vw;
    flex-grow: 1;
    flex-shrink: 1;
    max-width: 40vw
}

.story-row .progress {
    flex-shrink: 3;
    margin-right: 1rem;
    position: relative
}

@media (max-width: 1110px) {
    .story-row .progress {
        max-width: 234px
    }
}

.story-row:hover {
    background-color: #f9f9fb
}

.story-row.is-blocked {
    background: rgba(228, 64, 87, .25)
}

.story-row.is-blocked a, .story-row.is-blocked div, .story-row.is-blocked span {
    color: #fff
}

.story-row.is-blocked svg {
    fill: #fff;
    stroke: #fff
}

.story-row .deco-space {
    display: inline-block;
    margin-left: .75rem;
    width: 1rem
}

.story-row.is-closed .name {
    color: #70728f;
    text-decoration: line-through
}

.story-row .name {
    flex-basis: calc(20vw - 1.5rem);
    flex-shrink: 1;
    padding-left: 0
}

@media (max-width: 1110px) {
    .story-row .name .name-container {
        word-break: break-word
    }
}

.story-row .name a {
    cursor: pointer
}

.story-row .name a:hover .ref, .story-row .name a:hover .subject {
    color: #19474b
}

.story-row .name .subject {
    color: #4c566a;
    margin-left: .25rem
}

.story-row .progress-bar, .story-row .progress-status {
    height: 1.5rem;
    left: 0;
    position: absolute;
    top: .25rem
}

.story-row .progress-bar {
    background: #f9f9fb;
    max-width: 40vw;
    width: 100%
}

.story-row .progress-status {
    background-color: #19474b;
    width: 10vw
}

.story-row .project {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: center
}

.story-row .assigned img, .story-row .project img {
    width: 25px
}

.story-row .assigned {
    align-items: center;
    display: flex;
    justify-content: center
}

.story-row .assigned img {
    border-radius: 50%;
    height: 2rem;
    overflow: hidden;
    width: 2rem
}

.lightbox-create-related-user-stories .lightbox-create-related-user-stories-wrapper {
    max-width: 600px;
    width: 90%
}

.lightbox-create-related-user-stories fieldset label {
    display: inline-block;
    margin-bottom: .5rem
}

.lightbox-create-related-user-stories .new-user-story-title {
    align-items: flex-end;
    display: flex
}

.lightbox-create-related-user-stories .existing-user-story-form, .lightbox-create-related-user-stories .new-user-story-form {
    margin-bottom: 1rem
}

.lightbox-create-related-user-stories .no-stories-found {
    padding: 1rem 0 0
}

.lightbox-create-related-user-stories .new-user-story-options {
    display: flex;
    margin-left: auto
}

.lightbox-create-related-user-stories .new-user-story-options input {
    display: none
}

.lightbox-create-related-user-stories .new-user-story-options input:checked + label {
    background: #5cbaa9;
    color: #fff;
    fill: #fff;
    transition: background .2s ease-in
}

.lightbox-create-related-user-stories .new-user-story-options input + label {
    background: #f1f1f4;
    color: #434456;
    cursor: pointer;
    display: block;
    padding: .5rem;
    transition: background .2s ease-in
}

.lightbox-create-related-user-stories .new-user-story-options input + label:hover {
    background: #5cbaa9;
    color: #fff;
    fill: #fff
}

.lightbox-create-related-user-stories button {
    width: 100%
}

.related-userstories {
    margin-bottom: 2rem;
    position: relative
}

.related-userstories-header {
    align-content: center;
    align-items: center;
    background: #f1f1f4;
    display: flex;
    justify-content: space-between;
    min-height: 36px
}

.related-userstories-header .related-userstories-title {
    font-size: 1rem;
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    color: #434456;
    margin-left: 1rem
}

.related-userstories-body {
    width: 100%
}

.related-userstories-body .row.blocked {
    background: rgba(228, 64, 87, .25)
}

tg-related-userstory-row {
    font-size: .875rem;
    align-items: center;
    border-bottom: 1px solid #e2e3e9;
    display: flex;
    padding: .5rem 0 .5rem .5rem
}

tg-related-userstory-row.sortable {
    cursor: move
}

tg-related-userstory-row.sortable:hover {
    background: #e9f6f3
}

tg-related-userstory-row.sortable:hover .userstory-settings {
    opacity: 1;
    transition: all .2s ease-in
}

tg-related-userstory-row.sortable:hover .icon-drag {
    opacity: 1
}

tg-related-userstory-row.sortable .icon-drag {
    width: .75rem;
    height: .75rem;
    cursor: move;
    fill: #e2e3e9;
    opacity: 0;
    transition: opacity .1s
}

tg-related-userstory-row .status {
    flex-shrink: 0;
    position: relative;
    width: 125px
}

tg-related-userstory-row .assigned-to-column {
    flex-shrink: 0;
    width: 150px
}

tg-related-userstory-row .assigned-to-column img {
    flex-basis: 35px;
    height: 35px;
    width: 35px
}

tg-related-userstory-row .project {
    cursor: pointer;
    flex-basis: 100px
}

tg-related-userstory-row .project img {
    width: 40px
}

tg-related-userstory-row .userstory-name {
    display: flex;
    flex: 1;
    margin-right: 1rem
}

tg-related-userstory-row .userstory-name a {
    cursor: pointer
}

tg-related-userstory-row .closed {
    border-left: 10px solid #e2e3e9;
    color: #e2e3e9
}

tg-related-userstory-row .closed a, tg-related-userstory-row .closed svg {
    fill: #e2e3e9
}

tg-related-userstory-row .closed .userstory-name a {
    color: #e2e3e9;
    text-decoration: line-through
}

tg-related-userstory-row .blocked {
    background: rgba(255, 160, 160, .2);
    border-left: 10px solid #ffa0a0
}

tg-related-userstory-row .userstory-settings {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    opacity: 0;
    width: 60px
}

tg-related-userstory-row .userstory-settings svg {
    width: 1.1rem;
    height: 1.1rem;
    fill: #70728f;
    margin-right: .5rem;
    transition: fill .2s ease-in
}

tg-related-userstory-row .userstory-settings svg:hover {
    fill: #5a5b72
}

tg-related-userstory-row .userstory-settings a:hover {
    cursor: pointer
}

tg-related-userstory-row .delete-userstory:hover .icon-trash {
    fill: #e44057
}

tg-related-userstory-row .avatar {
    align-items: center;
    display: flex
}

tg-related-userstory-row .avatar img {
    flex-basis: 35px;
    height: 35px;
    width: 35px
}

tg-related-userstory-row .avatar figcaption {
    margin-left: .5rem
}

tg-related-userstory-row .related-text {
    display: inline-flex;
    flex: 1;
    margin: 0 .5rem 0 0
}

tg-related-userstory-row .related-text .related-ref {
    align-items: center;
    color: #19474b;
    display: flex;
    -webkit-margin-end: 1ch;
    margin-inline-end: 1ch
}

tg-related-userstory-row .related-text .related-subject {
    align-items: center;
    color: #2e3440;
    display: flex;
    -webkit-margin-end: .75rem;
    margin-inline-end: .75rem
}

tg-related-userstory-row .related-text:hover .related-ref {
    color: #2e3440
}

tg-related-userstory-row .related-text:hover .related-subject {
    color: #19474b
}

.external-app-wrapper {
    margin: 2rem auto;
    text-align: center;
    width: 480px
}

.external-app-wrapper .logo {
    height: 4rem;
    margin: 0 auto;
    width: 4rem
}

.external-app-wrapper svg {
    width: 4rem;
    height: 4rem
}

.external-app-wrapper h1 {
    justify-content: center;
    margin-bottom: 0
}

.external-app-wrapper .app-card, .external-app-wrapper .user-card {
    line-height: 1.4;
    margin-bottom: 2rem;
    text-align: left
}

.external-app-wrapper .app-card .card-inner, .external-app-wrapper .user-card .card-inner {
    display: flex
}

.external-app-wrapper .app-card img, .external-app-wrapper .user-card img {
    width: 100%
}

.external-app-wrapper .app-card h3, .external-app-wrapper .app-card p, .external-app-wrapper .user-card h3, .external-app-wrapper .user-card p {
    margin: 0
}

.external-app-wrapper .app-card h3, .external-app-wrapper .user-card h3 {
    font-size: 1.1rem
}

.external-app-wrapper .app-card a, .external-app-wrapper .user-card a {
    font-size: .875rem;
    display: block
}

.external-app-wrapper .app-card .app-image {
    flex-basis: 100px;
    margin-right: 1rem;
    max-width: 105px
}

.external-app-wrapper .app-card .app-data {
    flex: 1
}

.external-app-wrapper .app-card a {
    margin-bottom: .5rem
}

.external-app-wrapper .app-card p {
    font-size: .875rem
}

.external-app-wrapper .user-card {
    background: #fff8e4;
    border: 1px solid #f1e8cd;
    padding: 1rem
}

.external-app-wrapper .user-card .card-inner {
    margin-bottom: .5rem
}

.external-app-wrapper .user-card .user-image {
    flex-basis: 50px;
    margin-right: 1rem;
    max-width: 55px
}

.external-app-wrapper .button-green {
    display: block
}

.external-app-wrapper .cancel {
    font-size: .875rem;
    display: block;
    margin-top: .5rem;
    text-align: left
}

@media screen and (max-width: 768px) {
    .external-app-wrapper {
        margin: 0;
        min-width: 100%;
        padding: 2rem 1rem;
        text-align: center;
        width: 100%
    }
}

.comments {
    clear: both
}

.comments tg-wysiwyg {
    margin-bottom: 0;
    margin-top: 1.5rem
}

.comments .read-mode {
    border: 1px solid #70728f
}

.comments .read-mode .wysiwyg {
    padding: .5rem
}

.comments .read-mode .markdown-editor-placeholder, .comments .read-mode .medium-editor-placeholder {
    height: 55px
}

.comments .add-comment {
    margin-top: 1rem
}

.comments .add-comment textarea {
    height: 3rem
}

.comments .add-comment .edit, .comments .add-comment .preview-icon {
    position: absolute;
    right: 1rem
}

.comments .save-comment-wrapper {
    align-items: flex-end;
    display: flex;
    flex-direction: column
}

.comments .save-comment {
    margin-top: 1rem;
    padding: .5rem 4rem
}

.comment {
    display: block
}

.comment .comment-wrapper {
    align-items: flex-start;
    border-bottom: 1px solid #e2e3e9;
    display: flex;
    padding: 2rem 0
}

.comment .comment-wrapper:hover .comment-option {
    opacity: 1
}

.comment .comment-editor {
    inline-size: calc(100% - 5px)
}

.comment .comment-content-wrapper {
    inline-size: 100%
}

.comment .comment-main {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.comment .comment-avatar {
    flex-shrink: 0;
    margin-right: 1.5rem;
    width: 60px
}

.comment .comment-data {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 1rem
}

.comment .comment-creator {
    color: #19474b;
    margin-right: .5rem
}

.comment .comment-date {
    font-size: .875rem;
    color: #70728f
}

.comment .comment-edited {
    font-size: .875rem;
    background: #e2e3e9;
    margin: 0 .5rem;
    padding: .25rem
}

.comment .comment-edited .separator {
    margin: 0 .25rem
}

.comment .comment-edited a {
    color: #25a28c;
    fill: #25a28c
}

.comment .comment-edited svg {
    width: .75rem;
    height: .75rem;
    margin: 0 0 0 .25rem
}

.comment .comment-options {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex-basis: 50px;
    flex-shrink: 0;
    margin-left: 1.5rem
}

.comment .comment-options .comment-option {
    cursor: pointer;
    opacity: 0
}

.comment .comment-options .icon-edit {
    fill: #70728f;
    margin-right: .5rem
}

.comment .comment-options .icon-edit:hover {
    fill: #5a5b72
}

.comment .comment-options .icon-close {
    fill: #70728f;
    margin-right: .5rem
}

.comment .comment-options .icon-close:hover {
    fill: #ff6363
}

.comment .comment-options .icon-trash {
    fill: #ffa0a0
}

.comment .comment-options .icon-trash:hover {
    fill: #ff6363
}

.comment .deleted-comment-wrapper {
    border-bottom: 1px solid #e2e3e9;
    padding: 1rem 0;
    width: 100%
}

.comment .deleted-comment-main {
    font-size: .7rem;
    color: #70728f;
    display: flex;
    width: 100%
}

.comment .toggle-deleted-comment {
    color: #25a28c;
    fill: #25a28c;
    margin: 0 1rem;
    transition: none
}

.comment .toggle-deleted-comment .icon-arrow-down, .comment .toggle-deleted-comment .icon-arrow-up {
    width: .8rem;
    height: .8rem;
    margin-left: .25rem
}

.comment .restore-comment {
    margin-left: auto;
    transition: all .2s
}

.comment .restore-comment:hover {
    color: #25a28c;
    fill: #25a28c
}

.comment .restore-comment .icon-reload {
    width: .8rem;
    height: .8rem;
    margin-right: .25rem
}

.comment .deleted-comment-comment {
    margin-top: 1rem
}

.comment-text {
    max-width: 80rem;
    word-break: break-word
}

.comment-text.wysiwyg {
    margin-bottom: 0;
    padding: 0
}

.lightbox-display-historic {
    display: none
}

.lightbox-display-historic .history-container {
    max-width: 800px;
    width: 90%
}

.lightbox-display-historic .history-wrapper {
    max-height: 600px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 2rem
}

.entry {
    display: block
}

.entry .entry-wrapper {
    align-items: flex-start;
    border-bottom: 1px solid #e2e3e9;
    display: flex;
    padding: 2rem 0
}

.entry .entry-avatar {
    flex-basis: 50px;
    flex-grow: 0;
    flex-shrink: 0;
    margin-right: 1.5rem;
    width: 50px
}

.entry .entry-main {
    flex: 1;
    max-width: calc(100% - 100px)
}

.entry .entry-data {
    align-items: flex-start;
    display: flex;
    margin-bottom: .5rem
}

.entry .entry-creator {
    color: #25a28c;
    margin-right: .5rem
}

.entry .entry-date {
    font-size: .875rem;
    color: #70728f
}

.entry .display-full-entry {
    width: 1.25rem;
    height: 1.25rem;
    cursor: pointer;
    fill: #25a28c;
    margin-left: auto;
    transform: rotate(0);
    transition: transform .2s
}

.entry .display-full-entry.inactive {
    transform: rotate(180deg)
}

.entry .entry-text {
    margin-bottom: 0
}

.entry .entry-text.ellipsed {
    max-height: 3rem;
    overflow: hidden
}

.entry .entry-text.blurry {
    position: relative
}

.entry .entry-text.blurry::after {
    background-image: linear-gradient(to top, #fff, transparent);
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.history-tabs .order-comments {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    display: flex;
    margin-left: auto;
    transition: none
}

.history-tabs .icon-arrow-down, .history-tabs .icon-arrow-up {
    width: .75rem;
    height: .75rem
}

.activity-diff tg-svg {
    display: inline-block
}

.activity-diff .key {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    background: #e2e3e9;
    margin-right: .5rem;
    padding: .25rem
}

.activity-diff .diff {
    line-height: 1.6
}

.activity-diff .icon-arrow-right {
    width: .75rem;
    height: .75rem;
    fill: #70728f;
    margin: 0 .5rem
}

.activity-diff .diff-status-wrapper p {
    display: inline-block;
    vertical-align: top
}

.activity-diff .diff-status-wrapper ins {
    background: rgba(164, 216, 207, .3);
    text-decoration: underline
}

.activity-diff .diff-status-wrapper del {
    background: rgba(255, 160, 160, .3)
}

.activity-diff .diff-color-wrapper {
    align-items: center;
    display: flex
}

.activity-diff .diff-color-wrapper .diff {
    display: inline-block;
    height: 1.2rem;
    width: 1.2rem
}

.activity {
    align-items: flex-start;
    border-bottom: 1px solid #e2e3e9;
    display: flex;
    padding: 2rem 0
}

.activity .activity-avatar {
    flex-shrink: 0;
    margin-right: 1.5rem;
    width: 60px
}

.activity .activity-data {
    margin-bottom: 1rem
}

.activity .activity-creator {
    color: #25a28c;
    margin-right: .5rem
}

.activity .activity-date {
    color: #70728f
}

.watching, .working-on {
    margin-bottom: 2rem
}

.watching .duty-single, .working-on .duty-single {
    border-bottom: 1px solid #d8dee9;
    cursor: pointer;
    transition: background .2s
}

.watching .duty-single:hover, .working-on .duty-single:hover {
    background: #f9f9fb
}

.watching .duty-single:hover .button-hide, .working-on .duty-single:hover .button-hide {
    opacity: 1
}

.watching .duty-single:last-child, .working-on .duty-single:last-child {
    border: 0
}

.watching .duty-single > a, .working-on .duty-single > a {
    align-items: center;
    border-bottom: 0;
    display: flex;
    flex-direction: row
}

.watching .duty-single > a.blocked, .working-on .duty-single > a.blocked {
    background: rgba(228, 64, 87, .25);
    color: #e44057
}

.watching .see-more, .working-on .see-more {
    display: block;
    margin: 2rem 30%
}

.watching .button-hide, .working-on .button-hide {
    opacity: 0
}

.watching .button-hide svg, .working-on .button-hide svg {
    width: 1.4rem;
    height: 1.4rem;
    fill: #4c566a
}

.home-wrapper {
    display: flex
}

@media screen and (max-width: 1023px) {
    .home-wrapper {
        flex-direction: column
    }
}

.home-wrapper .duty-summary {
    flex: 1
}

@media screen and (max-width: 1215px) {
    .home-wrapper .duty-summary {
        flex-direction: column
    }
}

.home-wrapper .dashboard-container {
    display: flex;
    flex-direction: row;
    margin-right: 1.5rem
}

@media screen and (max-width: 1023px) {
    .home-wrapper .dashboard-container {
        margin-right: 0
    }
}

@media screen and (max-width: 768px) {
    .home-wrapper .dashboard-container {
        flex-direction: column
    }
}

.home-wrapper .watching-container, .home-wrapper .working-on-container {
    flex: 1
}

.home-wrapper .working-on-container {
    margin-right: 2rem
}

@media screen and (max-width: 768px) {
    .home-wrapper .working-on-container {
        margin-right: 0
    }
}

.home-wrapper .toggle-hidden {
    border-top: 1px solid #a9aabc;
    margin: 2rem 0;
    padding-top: .5rem;
    text-align: center
}

.home-wrapper .project-list {
    flex-basis: 300px;
    flex-grow: 0;
    flex-shrink: 0
}

.home-wrapper .see-more-projects-btn {
    display: block
}

.home-wrapper .title-bar {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    font-size: 1.1rem;
    align-content: center;
    background: #f1f1f4;
    display: flex;
    margin: 0 0 .5rem;
    padding: .5rem 1rem
}

.home-project {
    background: #fff;
    border: 1px solid #d8dee9;
    margin: .5rem;
    cursor: pointer;
    margin-bottom: 1rem;
    transition: all .2s
}

.home-project .tags-container {
    display: flex;
    height: .3rem
}

.home-project .project-tag {
    flex: 1
}

.home-project .project-card-inner {
    padding: 1rem
}

.home-project .project-card-description {
    font-size: .875rem;
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    color: #4c566a
}

.home-project .project-card-statistics {
    -moz-column-gap: .5rem;
    column-gap: .5rem;
    display: flex;
    row-gap: .5rem;
    margin-top: auto
}

.home-project .project-card-statistics svg {
    fill: currentColor
}

.home-project .project-card-statistics svg:not(.icon-private) {
    width: .75rem;
    height: .75rem
}

.home-project .project-card-statistics svg.icon-private {
    width: 1.2rem;
    height: 1.2rem
}

.home-project .statistic {
    font-size: .875rem;
    align-items: center;
    color: #4c566a;
    -moz-column-gap: .25rem;
    column-gap: .25rem;
    display: flex;
    row-gap: .25rem
}

.home-project .statistic.active {
    color: #70728f
}

.home-project .statistic.active svg {
    fill: currentColor
}

.home-project .project-card-header {
    display: flex;
    flex-grow: 0
}

.home-project .project-card-header .icon-badge {
    fill: #19474b
}

.home-project .project-card-logo {
    display: inline-block;
    flex-basis: 50px;
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    margin-right: .5rem
}

.home-project .project-card-logo img {
    width: 100%
}

.home-project .project-card-name {
    font-size: 1.1rem;
    -moz-column-gap: .25rem;
    column-gap: .25rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    row-gap: .25rem
}

.home-project .project-card-name a {
    color: #4c566a
}

.home-project:hover {
    border: 1px solid rgba(92, 186, 169, .2);
    box-shadow: 0 0 5px #e2e3e9
}

.home-project.blocked-project {
    border: #e2e3e9
}

.home-project.blocked-project:hover {
    border: #e2e3e9;
    box-shadow: none
}

.home-project.blocked-project .project-card-description, .home-project.blocked-project .project-card-logo, .home-project.blocked-project .project-card-name a, .home-project.blocked-project .project-card-statistics, .home-project.blocked-project .tags-container {
    opacity: .3
}

.projects-empty {
    text-align: center
}

.projects-empty svg {
    fill: #e2e3e9;
    height: 100px;
    margin: 1rem auto;
    text-align: center;
    width: 100%
}

.projects-empty p {
    font-size: .875rem;
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif
}

.projects-empty .create-project-button {
    display: block;
    margin-bottom: .25rem
}

.projects-empty .import-project-button {
    display: block
}

.watching-empty, .working-on-empty {
    margin-bottom: 4rem
}

.watching-empty p, .working-on-empty p {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    margin: 2rem 2rem 1rem;
    text-align: center
}

.empty-ticket {
    display: flex
}

.empty-ticket:not(:last-child) {
    border-bottom: 1px solid #e2e3e9;
    padding: 1rem 0
}

.empty-ticket:last-child {
    padding: 1rem 0 0
}

.empty-ticket .avatar {
    background: #d4d5de;
    flex-basis: 48px;
    height: 48px;
    margin-right: 1rem;
    width: 48px
}

.empty-ticket .data {
    display: flex;
    flex-direction: column
}

.empty-ticket .line {
    background: #f1f1f4;
    height: 1rem;
    margin-bottom: 1rem;
    width: 8vw
}

@media screen and (max-width: 1215px) {
    .empty-ticket .line {
        width: 30vw
    }
}

@media screen and (max-width: 1023px) {
    .empty-ticket .line {
        width: 30vw
    }
}

@media screen and (max-width: 768px) {
    .empty-ticket .line {
        width: 30vw
    }
}

.empty-ticket .line:last-child {
    margin: 0;
    width: 18vw
}

@media screen and (max-width: 1215px) {
    .empty-ticket .line:last-child {
        width: 50vw
    }
}

@media screen and (max-width: 1023px) {
    .empty-ticket .line:last-child {
        width: 50vw
    }
}

@media screen and (max-width: 768px) {
    .empty-ticket .line:last-child {
        width: 50vw
    }
}

.invite-members-form {
    border-top: 1px solid #e2e3e9;
    margin: 0 5rem
}

.invite-members-form .invite-members-form-list {
    margin: 0;
    margin-bottom: 1rem
}

.invite-members-form .invite-members-single {
    align-items: center;
    border-bottom: 1px solid #e2e3e9;
    display: flex;
    justify-content: space-between;
    padding: 1rem
}

.invite-members-form .invite-members-single-data {
    align-items: center;
    display: flex;
    flex: 1
}

.invite-members-form .invite-members-single-avatar {
    height: 4rem;
    margin-right: 1rem;
    width: 4rem
}

.invite-members-form .invite-members-single-remove {
    color: #e44057;
    margin-left: 1rem;
    transition: color .2s
}

.invite-members-form .invite-members-single-role {
    flex-basis: 40%;
    flex-shrink: 0
}

.invite-members-form .invite-members-single-new {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 1rem 0
}

.invite-members-form .invite-members-single-new .invite-members-single-new-btn {
    cursor: pointer
}

.invite-members-form .invite-members-single-new .icon-add {
    width: 2rem;
    height: 2rem;
    fill: #434456;
    transition: fill .2s
}

.invite-members-form .invite-members-single-new:hover .icon-add {
    fill: #5cbaa9
}

.invite-members-form .invite-members-single-send {
    font-size: 1.1rem;
    display: block;
    margin: 1.5rem 0 1rem;
    padding: 1rem;
    width: 100%
}

.invite-members-form .invite-members-single-help {
    font-size: .875rem;
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif
}

.lightbox-add-member .add-members-wrapper {
    max-width: 900px;
    width: 90%
}

.add-member-suggest .add-member-suggest-list {
    display: grid;
    flex-wrap: wrap;
    grid-template-columns:1fr 1fr 1fr;
    grid-template-rows:repeat(1fr);
    margin: 2rem 0 0
}

.add-member-suggest .add-member-suggest-filter {
    align-items: center;
    display: flex;
    padding: 0 15rem;
    position: relative
}

.add-member-suggest .add-member-suggest-filter-input {
    flex: 1;
    margin-right: .25rem
}

.add-member-suggest .add-member-suggest-filter-hint {
    font-size: .7rem;
    color: #70728f;
    position: absolute;
    right: 16rem;
    top: .5rem
}

.add-member-suggest .add-member-suggest-filter-hint.to-send {
    right: 19rem
}

.add-member-suggest .add-member-suggest-filter-addmail {
    background: #434456;
    border-radius: .25rem;
    padding: .5rem .75rem;
    transition: background .2s linear
}

.add-member-suggest .add-member-suggest-filter-addmail:hover {
    background: #16171d
}

.add-member-suggest .add-member-suggest-filter-addmail svg {
    width: 1.3rem;
    height: 1.3rem;
    fill: #fff
}

.add-member-suggest .add-member-suggest-single {
    align-items: center;
    background: #fff;
    border-bottom: 1px solid #e2e3e9;
    cursor: pointer;
    display: flex;
    flex-basis: calc(25% - 1rem);
    flex-grow: 0;
    flex-shrink: 0;
    margin-right: 1rem;
    padding: .2rem;
    transition: .2s linear
}

.add-member-suggest .add-member-suggest-single:hover {
    background: rgba(92, 186, 169, .1)
}

.add-member-suggest .add-member-suggest-single:nth-child(4n) {
    margin-right: 0
}

.add-member-suggest .add-member-suggest-avatar {
    flex-grow: 0;
    flex-shrink: 0;
    height: 5rem;
    margin: .5rem;
    width: 5rem
}

.add-member-suggest .add-member-suggest-name {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif
}

.dropdown-project-list {
    align-items: center;
    display: flex;
    height: 100%
}

.dropdown-project-list .icon-slash {
    fill: transparent;
    stroke: #e44057
}

.dropdown-project-list .dropdown-project-list-ul {
    border-bottom: 1px solid #83eede;
    margin-bottom: 0;
    padding-bottom: .8rem
}

.dropdown-project-list .dropdown-project-list-link {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    align-items: center;
    display: flex
}

.dropdown-project-list .dropdown-project-list-link img {
    margin-right: .5rem;
    width: 24px
}

.dropdown-project-list .dropdown-project-list-link.active, .dropdown-project-list .dropdown-project-list-link:hover {
    background: #d8dee9;
    color: #19474b
}

.dropdown-project-list .navbar-dropdown {
    width: 275px
}

.dropdown-project-list .navbar-dropdown:after, .dropdown-project-list .navbar-dropdown:before {
    bottom: 100%;
    left: 1.5rem;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.dropdown-project-list .navbar-dropdown:after {
    border-color: rgba(249, 249, 251, 0);
    border-bottom-color: #f9f9fb;
    border-width: 8px;
    margin-left: -8px
}

.dropdown-project-list .navbar-dropdown:before {
    border-color: rgba(249, 249, 251, 0);
    border-bottom-color: #f9f9fb;
    border-width: calc(8px + 1px);
    margin-left: calc(-8px + 1px)
}

.dropdown-project-list .see-more-projects-btn {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    color: #19474b
}

.dropdown-project-list .create-project-btn {
    font-size: .875rem;
    padding: .3rem 0
}

.dropdown-project-list .create-project-btn span {
    color: #4c566a
}

.dropdown-project-list .create-project-btn svg {
    width: 1.5rem;
    height: 1.5rem;
    fill: #2e3440;
    margin: 0 .25rem 0 0;
    stroke: #2e3440
}

.dropdown-project-list .create-project-btn:hover span {
    color: #fff
}

.dropdown-project-list .create-project-btn:hover svg {
    fill: #fff;
    stroke: #fff
}

.dropdown-project-list .dropdown-project-list-desc {
    font-size: .7rem;
    color: #4c566a
}

.dropdown-project-list h2 {
    font-size: 1rem;
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    margin-bottom: .5rem
}

.dropdown-project-list.active, .dropdown-project-list:hover {
    border-radius: 3px
}

.dropdown-project-list:hover .dropdown-project-list-projects {
    background-color: #eceff4
}

.dropdown-project-list:hover .dropdown-project-list-projects span {
    color: #70728f
}

.dropdown-project-list:hover .dropdown-project-list-projects .icon-folder {
    fill: #70728f
}

.dropdown-project-list.active .dropdown-project-list-projects {
    background-color: #eceff4
}

.dropdown-project-list.active .dropdown-project-list-projects span {
    color: #19474b
}

.dropdown-project-list.active .dropdown-project-list-projects .icon-folder {
    fill: #19474b
}

.dropdown-project-list-projects {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    align-items: center;
    display: flex;
    padding: .25rem .5rem
}

.dropdown-project-list-projects span {
    color: #19474b;
    font-size: .9rem
}

.dropdown-project-list-projects .empty-projects {
    background: #e44057;
    border-radius: 50%;
    height: 6px;
    margin-left: .5rem;
    width: 6px
}

.dropdown-project-list-projects .icon-folder {
    margin: .1rem .25rem 0 0
}

.dropdown-project-list-projects .icon-folder svg {
    fill: #19474b;
    width: .9rem;
    height: .9rem
}

.navbar {
    background-color: #d8dee9;
    display: flex;
    height: 48px;
    justify-content: space-between;
    position: relative
}

.navbar::after {
    background-size: 200%;
    bottom: 0;
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.navbar .nav-left, .navbar .nav-right {
    align-content: center;
    align-items: center;
    display: flex
}

.navbar .nav-left.center, .navbar .nav-right.center {
    justify-content: center
}

.navbar .nav-left.center a, .navbar .nav-right.center a {
    align-items: center;
    display: flex;
    justify-content: center
}


/*a.logo {*/
/*    display: none;*/
/*}*/

.navbar .nav-left .logo {
    /* padding: 0.3rem 0.4rem; */
    background-repeat: no-repeat;
    background-image: url('https://justice.gouv.bj/images/logo.png');
    padding-right: 10em;
    background-size: 10em;
    padding-left: 1px;
    padding-top: 2.7em;
    padding-bottom: 1px;
}

.navbar .nav-left .logo svg {
   display: none;
}

.navbar .nav-right {
    margin-left: auto
}

.navbar .nav-right > a {
    font-size: .875rem
}

.navbar .nav-right .topnav-dropdown-wrapper > a, .navbar .nav-right > a {
    height: 100%;
    margin: 0;
    padding: .5rem 1rem
}

.navbar .nav-right .active svg, .navbar .nav-right > .topnav-dropdown-wrapper:hover > a svg, .navbar .nav-right > a:hover svg {
    fill: #70728f
}

.navbar .nav-right svg {
    width: 1.3rem;
    height: 1.3rem;
    fill: #19474b;
    margin-top: .25rem;
    transition: all .2s linear
}

.navbar .nav-right [tg-dropdown-notifications] svg {
    fill: #19474b
}

.navbar .nav-right [tg-dropdown-notifications]:hover svg {
    fill: #70728f
}

.navbar .nav-right > a, .navbar .topnav-dropdown-wrapper > a {
    display: inline-block;
    transition: all .2s linear
}

.navbar [tg-dropdown-user] {
    align-items: center;
    display: flex;
    height: 100%;
    margin-left: 1rem;
    padding: 0 1rem 0 .5rem
}

.navbar [tg-dropdown-user]:hover .navbar-dropdown {
    animation: dropdownFade .2s cubic-bezier(.09, 0, .99, .01) both;
    display: block
}

.navbar [tg-dropdown-user]:hover .user-avatar img {
    border-color: #70728f
}

.navbar [tg-dropdown-user]:hover .chevron svg {
    fill: #70728f
}

.navbar [tg-dropdown-user] img {
    border-radius: 50%;
    height: 65px;
    width: 65px
}

.navbar [tg-dropdown-user] .dropdown-user-profile {
    border-bottom: 1px solid #83eede;
    display: flex;
    margin-bottom: .5rem;
    padding-bottom: .75rem
}

.navbar [tg-dropdown-user] .dropdown-user-data {
    padding-left: .5rem;
    padding-top: .5rem;
    white-space: normal;
    word-break: break-all
}

.navbar [tg-dropdown-user] .dropdown-user-data .edit-profile {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    padding: 0
}

.navbar [tg-dropdown-user] .dropdown-user-data .profile-link {
    margin-bottom: .5rem;
    padding: 0
}

.navbar [tg-dropdown-user] .dropdown-user-data p {
    margin-bottom: .5rem
}

.navbar [tg-dropdown-user] .dropdown-user-data .full-name {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    color: #2e3440;
    margin-bottom: .25rem
}

.navbar [tg-dropdown-user] .email {
    font-size: .875rem;
    color: #70728f;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%
}

.navbar [tg-dropdown-user] .dropdown-user-inner {
    border-left: 1px solid #f9f9fb;
    position: relative
}

.navbar [tg-dropdown-user] .user-profile-option {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif
}

.navbar [tg-dropdown-user] .user-profile-option:last-child {
    border-top: 1px solid #83eede;
    margin-top: .5rem
}

.navbar [tg-dropdown-user] .chevron {
    background-color: transparent
}

.navbar .user-avatar {
    align-items: center;
    display: flex;
    margin: 0;
    padding-left: 1rem
}

.navbar .user-avatar img {
    border-radius: 50%;
    font-size: .6em;
    max-height: 2rem;
    max-width: 2rem;
    min-height: 2rem;
    min-width: 2rem;
    overflow: hidden;
    border: 4px solid #83eede;
    border-radius: 50%;
    padding: 0;
    vertical-align: middle
}

.navbar .dropdown-user-navbar {
    align-items: center;
    display: flex
}

.navbar .topnav-dropdown-wrapper {
    position: relative
}

.navbar .topnav-dropdown-wrapper:hover .navbar-dropdown {
    animation: dropdownFade .2s cubic-bezier(.09, 0, .99, .01) both;
    display: block
}

.navbar .navbar-dropdown {
    border-radius: 2px;
    display: none;
    min-width: 260px;
    position: absolute;
    top: 3rem;
    z-index: 10
}

.navbar-dropdown {
    background: #f9f9fb;
    box-shadow: 4px 4px 8px rgba(46, 52, 64, .1);
    padding: 1rem
}

.navbar-dropdown.navigation-help tg-svg {
    margin-top: 0
}

.navbar-dropdown.dropdown-user {
    left: -200px;
    top: 2.5rem;
    width: 290px
}

.navbar-dropdown.dropdown-user ul {
    margin-bottom: 0
}

.navbar-dropdown.dropdown-user ul:after, .navbar-dropdown.dropdown-user ul:before {
    bottom: 100%;
    left: 16.4rem;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.navbar-dropdown.dropdown-user ul:after {
    border-color: rgba(249, 249, 251, 0);
    border-bottom-color: #f9f9fb;
    border-width: 8px;
    margin-left: -8px
}

.navbar-dropdown.dropdown-user ul:before {
    border-color: rgba(249, 249, 251, 0);
    border-bottom-color: #f9f9fb;
    border-width: calc(8px + 1px);
    margin-left: calc(-8px + 1px)
}

.navbar-dropdown ul {
    margin: 0;
    margin-bottom: .5rem;
    padding: 0
}

.navbar-dropdown .plugin:hover .new {
    color: #4c566a
}

.navbar-dropdown .plugin .new {
    font-size: .875rem;
    background: #ffa0a0;
    float: right;
    margin-left: auto;
    padding: .1rem .25rem
}

.navbar-dropdown a {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    display: block;
    padding: .8rem .5rem
}

.navbar-dropdown a.create-organization-btn, .navbar-dropdown a.create-project-btn {
    text-align: center
}

.navbar-dropdown a.create-project-btn {
    display: flex;
    flex: 1;
    padding: .35rem 0
}

.navbar-dropdown a.create-project-btn svg {
    width: 1.3rem;
    height: 1.3rem
}

.navbar-dropdown a.blocked-project svg {
    margin-left: .5rem;
    position: relative;
    top: .15rem
}

.navbar-dropdown .create-options {
    display: flex;
    flex-direction: row
}

@keyframes highlightFadeOut {
    0% {
        background: #5cbaa9;
        font-size: .75rem;
        height: 22px;
        left: 49px;
        line-height: 22px;
        top: -1px;
        width: 22px
    }
    20% {
        font-size: .7rem;
        height: 20px;
        left: 50px;
        line-height: 20px;
        top: 0;
        width: 20px
    }
    100% {
        background: #25a28c
    }
}

.topnav-dropdown-wrapper {
    height: 100%;
    position: relative
}

.topnav-dropdown-wrapper:hover .navbar-dropdown-notifications {
    animation: dropdownFade .2s cubic-bezier(.09, 0, .99, .01) both;
    display: block
}

.topnav-dropdown-wrapper .counter {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: .7rem;
    background: #e44057;
    border-radius: 50%;
    color: #fff;
    height: 18px;
    left: 26px;
    line-height: 18px;
    position: absolute;
    text-align: center;
    top: 7px;
    width: 18px
}

.topnav-dropdown-wrapper .counter.small {
    height: 17px;
    line-height: 17px;
    width: 17px
}

.topnav-dropdown-wrapper .counter.large {
    height: 22px;
    line-height: 22px;
    top: 2px;
    width: 22px
}

.topnav-dropdown-wrapper .counter.counter-active {
    animation-duration: 2s;
    animation-name: highlightFadeOut
}

.topnav-dropdown-wrapper .navbar-dropdown-notifications {
    background: #f9f9fb;
    border-radius: 2px;
    box-shadow: 0 0 3px 3px rgba(169, 170, 188, .2);
    display: none;
    left: -355px;
    padding: 1rem;
    position: absolute;
    top: 3rem;
    width: 400px;
    z-index: 9
}

.topnav-dropdown-wrapper .navbar-dropdown-notifications .empty {
    font-size: .875rem;
    color: #70728f;
    padding-left: .5rem;
    width: 100%
}

.topnav-dropdown-wrapper .navbar-dropdown-notifications .header {
    font-size: .7rem;
    color: #5a5b72;
    margin-bottom: .5rem;
    text-align: right
}

.topnav-dropdown-wrapper .navbar-dropdown-notifications .header:after, .topnav-dropdown-wrapper .navbar-dropdown-notifications .header:before {
    bottom: 100%;
    left: 95%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.topnav-dropdown-wrapper .navbar-dropdown-notifications .header:after {
    border-color: rgba(241, 241, 244, 0);
    border-bottom-color: #f1f1f4;
    border-width: 8px;
    margin-left: -8px
}

.topnav-dropdown-wrapper .navbar-dropdown-notifications .header:before {
    border-color: rgba(241, 241, 244, 0);
    border-bottom-color: #f1f1f4;
    border-width: calc(8px + 1px);
    margin-left: calc(-8px + 1px)
}

.topnav-dropdown-wrapper .navbar-dropdown-notifications .header .action {
    text-transform: lowercase
}

.topnav-dropdown-wrapper .navbar-dropdown-notifications .action.disabled {
    color: #4c566a;
    cursor: default
}

.topnav-dropdown-wrapper .navbar-dropdown-notifications .action:not(.disabled) {
    color: #19474b
}

.topnav-dropdown-wrapper .navbar-dropdown-notifications .action:not(.disabled):hover {
    color: #4c566a
}

.topnav-dropdown-wrapper .navbar-dropdown-notifications .notifications-list {
    max-height: 400px;
    overflow-y: auto
}

.topnav-dropdown-wrapper .navbar-dropdown-notifications .notifications-bottom {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    font-size: .875rem;
    border-top: 1px solid #83eede;
    margin-top: 1rem;
    padding: 1rem .5rem .25rem .5rem
}

.nav-bar-support .navbar-dropdown {
    padding: .5rem 1rem
}

.nav-bar-support a {
    align-items: center;
    display: flex
}

.nav-bar-support ul {
    margin-bottom: 0
}

.nav-bar-support ul:after, .nav-bar-support ul:before {
    bottom: 100%;
    left: 1.6rem;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.nav-bar-support ul:after {
    border-color: rgba(249, 249, 251, 0);
    border-bottom-color: #f9f9fb;
    border-width: 8px;
    margin-left: -8px
}

.nav-bar-support ul:before {
    border-color: rgba(249, 249, 251, 0);
    border-bottom-color: #f9f9fb;
    border-width: calc(8px + 1px);
    margin-left: calc(-8px + 1px)
}

.nav-bar-support ul tg-svg {
    padding-right: 1rem
}

.notifications-page {
    margin-top: 1.5rem;
    min-width: initial;
    padding-bottom: 5rem
}

.notifications-page .header {
    align-items: center;
    background: #f9f9fb;
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 1rem
}

.notifications-page .title {
    color: #19474b;
    font-size: 1.4rem;
    line-height: 1.4rem;
    margin: 0;
    text-transform: uppercase
}

.notifications-page .action {
    color: #19474b;
    line-height: .75em
}

.notifications-page .action.disabled {
    color: #4c566a
}

.notifications-page .empty {
    margin: 4rem auto;
    text-align: center;
    width: 100%
}

.notifications-page .notifications-list .entry {
    align-items: center;
    font-size: .95rem;
    margin: .5rem 0;
    padding: 1rem .6rem
}

.notifications-page .notifications-list .entry.new {
    background-color: #e9f6f3
}

.notifications-page .notifications-list .entry .entry-content {
    flex: 1;
    font-size: 1.05rem
}

.notifications-page .notifications-list .entry .entry-project {
    color: #70728f;
    max-width: initial;
    text-overflow: initial;
    white-space: initial
}

.notifications-page .notifications-list .entry .entry-avatar {
    flex-basis: 3rem;
    margin-right: 1rem;
    width: 3rem
}

.notifications-page .notifications-list .entry .entry-date {
    font-size: .85rem;
    margin-right: .5rem
}

.notifications-list .entry {
    color: #4c566a;
    display: flex;
    font-size: .9rem;
    margin-bottom: .1rem;
    padding: .8rem .5rem;
    position: relative
}

.notifications-list .entry p {
    line-height: 1.25em;
    margin-bottom: 0
}

.notifications-list .entry a {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif
}

.notifications-list .entry a.project-link, .notifications-list .entry a.user-link {
    color: #4c566a
}

.notifications-list .entry .entry-avatar {
    border-radius: .1rem;
    flex-basis: 2.5rem;
    flex-shrink: 0;
    margin-right: .7rem;
    vertical-align: center;
    width: 2.5rem
}

.notifications-list .entry .entry-avatar img {
    border-radius: 50%;
    width: 100%
}

.notifications-list .entry .entry-content {
    flex: 1
}

.notifications-list .entry .entry-project {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    display: inline-block;
    font-size: .9rem;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.notifications-list .entry .entry-date {
    font-size: .7rem;
    margin-right: 1rem;
    white-space: nowrap
}

.notifications-list .entry .entry-extra-data {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: .5rem
}

.notifications-list .entry.new {
    background-color: #fff
}

.notifications-list .entry.new .entry-date {
    position: relative
}

.notifications-list .entry.new .entry-date::after {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
    background: #e44057;
    border-radius: 50%;
    content: '';
    height: 6px;
    position: absolute;
    right: -1ch;
    width: 6px
}

.notifications-list .spin {
    margin: 5% auto;
    width: 3rem
}

.notifications-list .spin img {
    animation-timing-function: ease-in-out;
    animation: rotate 1.5s cubic-bezier(0, .05, .87, 1.04) infinite alternate;
    margin: 0 auto;
    max-height: 1rem;
    max-width: 1rem;
    transform-origin: 32 32;
    max-height: 3rem;
    max-width: 3rem
}

.profile-favs {
    border-top: 1px solid #e2e3e9
}

.profile-filter {
    align-items: center;
    background: #e2e3e9;
    display: flex;
    justify-content: space-between;
    margin: 1rem 0;
    padding: .5rem 1rem
}

.profile-filter .searchbox {
    align-items: center;
    display: flex;
    flex: 1
}

.profile-filter .searchbox .icon-search {
    fill: #5a5b72;
    margin-right: .5rem
}

.profile-filter .searchbox input {
    border: 0;
    border-bottom: 1px solid transparent;
    flex: 1;
    margin-right: 1rem
}

.profile-filter .searchbox input:focus {
    border-bottom: 1px solid #70728f;
    outline: 0;
    transition: border-bottom .3s ease-in
}

.profile-filter .filters a {
    color: #70728f;
    display: inline-block;
    padding: 0 .5rem
}

.profile-filter .filters a.active, .profile-filter .filters a:hover {
    color: #16171d
}

.profile {
    display: flex;
    min-height: calc(100vh - 48px);
    padding: 2rem 0
}

.profile .profile-bar {
    margin-right: 1rem;
    width: 200px
}

.profile .main {
    display: flex;
    padding: 0
}

.profile .timeline-wrapper {
    margin-right: 3.5rem;
    width: 768px
}

.profile .timeline-wrapper > div {
    opacity: 1;
    padding-top: 0;
    position: relative;
    transition: all .3s cubic-bezier(.09, .43, .35, .95)
}

.profile .timeline-wrapper > div.ng-hide {
    opacity: 0;
    padding-top: .5vh
}

.profile .timeline-wrapper .spin {
    margin: 10% auto;
    width: 3rem
}

.profile .timeline-wrapper .spin img {
    animation-timing-function: ease-in-out;
    animation: rotate 1.5s cubic-bezier(0, .05, .87, 1.04) infinite alternate;
    margin: 0 auto;
    max-height: 1rem;
    max-width: 1rem;
    transform-origin: 32 32;
    max-height: 3rem;
    max-width: 3rem
}

.profile .profile-sidebar {
    flex-basis: 150px;
    flex-shrink: 0;
    width: 150px
}

.profile .profile-sidebar .button-gray {
    display: block;
    margin-bottom: 2rem;
    padding-left: 2rem;
    padding-right: 2rem
}

.profile .empty-tab {
    padding: 5vh;
    text-align: center
}

.profile .empty-tab svg {
    fill: #e2e3e9;
    height: 10rem;
    margin: 2rem auto;
    text-align: center;
    width: 10rem
}

.profile .empty-tab p {
    color: #70728f;
    font-size: .9rem;
    margin: 0
}

.profile-bar .profile-image-wrapper {
    height: 200px;
    margin-bottom: 1rem;
    overflow: hidden;
    position: relative
}

.profile-bar .profile-image-wrapper.is-current-user:hover img {
    filter: brightness(40%) saturate(150%) hue-rotate(60deg);
    transition: all .2s cubic-bezier(.01, .7, 1, 1)
}

.profile-bar .profile-image-wrapper.is-current-user:hover .profile-edition {
    opacity: 1;
    transform: translateY(0);
    transition: all .2s cubic-bezier(.01, .7, 1, 1);
    transition-delay: .3s
}

.profile-bar .profile-img {
    max-width: 100%;
    width: 100%
}

.profile-bar .profile-edition {
    font-size: 1.1rem;
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    background: rgba(0, 0, 0, .4);
    bottom: 0;
    color: #fff;
    left: 0;
    opacity: 0;
    overflow: hidden;
    padding: 1rem;
    position: absolute;
    transform: translateY(100%);
    width: 100%
}

.profile-bar .profile-edition:hover {
    background: rgba(0, 0, 0, .8);
    transition: all .3s cubic-bezier(.01, .7, 1, 1)
}

.profile-bar .button-green {
    display: block;
    margin-bottom: 1rem
}

.profile-bar .profile-data {
    position: relative
}

.profile-bar .flag {
    position: absolute;
    right: 0;
    top: 0;
    width: 12px
}

.profile-bar .flag path {
    fill: #70728f;
    transition: all .2s linear
}

.profile-bar .flag:hover path {
    fill: #ff6363;
    transition: all .2s linear
}

.profile-bar h1 {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    font-size: 1.7rem;
    line-height: 1.2;
    margin-bottom: .25rem;
    text-transform: none;
    word-wrap: break-word
}

.profile-bar .not-full-name {
    word-wrap: break-word
}

.profile-bar h2 {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    font-size: 1.4rem;
    color: #5a5b72;
    line-height: 1.2;
    margin-bottom: 1rem
}

.profile-bar .username {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    font-size: 1.1rem;
    color: #70728f;
    margin-bottom: 1rem
}

.profile-bar .location {
    color: #70728f;
    margin-bottom: 1rem
}

.profile-bar .location svg {
    position: relative;
    top: 2px;
    width: .75rem
}

.profile-bar .location path {
    fill: #70728f
}

.profile-bar .profile-stats {
    border-bottom: 1px solid #e2e3e9;
    border-top: 1px solid #e2e3e9;
    color: #5a5b72;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.25rem;
    padding: 1rem .5rem
}

.profile-bar .profile-stats .stat {
    padding: 0 .2rem;
    text-align: center
}

.profile-bar .profile-stats .stat-number {
    font-size: 1.7rem;
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    display: block;
    line-height: 1
}

.profile-bar .profile-stats .stat-name {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    font-size: .875rem;
    display: block
}

.profile-bar .profile-quote {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    font-size: 1.1rem;
    background: url(../images/quote.png) no-repeat top left;
    line-height: 1.4;
    padding: .5rem
}

.profile-contacts {
    border-top: 1px solid #e2e3e9;
    display: flex;
    flex-direction: column
}

.profile-content-tabs {
    border-top: 1px solid #e2e3e9;
    display: flex;
    z-index: 2
}

.profile-content-tabs .tab {
    color: #70728f;
    display: flex;
    padding: 1rem
}

.profile-content-tabs .tab.active, .profile-content-tabs .tab:hover {
    color: #5a5b72;
    transition: color .2s linear
}

.profile-content-tabs .tab.active {
    background: #fff;
    border-left: 1px solid #e2e3e9;
    border-right: 1px solid #e2e3e9;
    position: relative;
    top: 1px;
    transition: color .2s linear
}

.profile-content-tabs .icon {
    fill: #434456;
    height: .8rem;
    margin-right: .5rem;
    stroke: #434456;
    transition: fill .2s linear
}

.profile-sidebar h4 {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    align-items: center;
    background: #f1f1f4;
    color: #5a5b72;
    display: flex;
    margin-bottom: .5rem;
    padding: .5rem
}

.profile-sidebar h4 .icon {
    margin-right: .3rem
}

.profile-sidebar p {
    font-size: .875rem;
    color: #70728f
}

.profile-sidebar .edit-profile {
    width: 100%
}

.profile-sidebar .profile-hints {
    margin-top: 2rem
}

.contact-team-large {
    font-size: .875rem;
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    justify-content: center;
    margin-left: 0;
    width: 100%
}

.contact-team-large .icon-mail {
    margin-right: .5rem;
    vertical-align: center
}

.lightbox-contact-project {
    align-items: center;
    display: flex;
    justify-content: center
}

.lightbox-contact-project-container {
    max-width: 600px;
    text-align: center;
    width: 90%
}

.lightbox-contact-project-logo {
    width: 5rem
}

.lightbox-contact-project-title {
    margin: 0
}

.lightbox-contact-project-name {
    font-size: 1.4rem;
    color: #19474b;
    margin-bottom: 1rem
}

.lightbox-contact-project-message {
    max-height: 400px
}

.lightbox-contact-project-button {
    display: block;
    margin-top: .5rem;
    width: 100%
}

.import-project-asana-form {
    margin: 1rem auto;
    max-width: 1200px;
    padding: 0 1.25rem;
    width: 100%;
    max-width: 800px
}

.import-project-asana-form .error-text {
    margin-bottom: 0;
    margin-top: .5rem
}

.import-project-asana-form h1 {
    font-size: 1.7rem
}

.import-project-asana-form .create-project-check {
    display: flex;
    flex-direction: column
}

.import-project-asana-form .create-project-check label {
    display: flex;
    flex-direction: column
}

.import-project-asana-form .create-project-check .title {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 1rem;
    color: #2e3440;
    margin-bottom: .5rem
}

.import-project-asana-form .create-project-github-import-type-question label {
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
    max-height: none;
    padding-left: 2rem;
    position: relative;
    text-align: left
}

.import-project-asana-form .create-project-github-import-type-name {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 1rem
}

.import-project-asana-form fieldset {
    margin-bottom: 1rem
}

.import-project-asana-form label {
    color: #70728f;
    display: flex;
    margin-bottom: .25rem;
    max-height: 44px
}

.import-project-asana-form label span {
    font-size: .875rem
}

.import-project-asana-form label .mumble {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    margin-left: .25rem
}

.import-project-asana-form input + label {
    color: #4c566a;
    display: flex
}

.import-project-asana-form input + label .icon {
    fill: #4c566a
}

.import-project-asana-form-check {
    position: relative
}

.import-project-asana-form-check span {
    display: block
}

.import-project-asana-form-check .description {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif
}

.import-project-asana-form-check .check {
    bottom: .25rem;
    position: absolute;
    right: 0
}

.import-project-asana-form-title-wrapper {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 0
}

.import-project-asana-form-title-wrapper .create-project-title {
    display: inline-block
}

.import-project-asana-form-title-wrapper .icon {
    width: 1.75rem;
    height: 1.75rem;
    fill: #19474b;
    margin-right: 1rem;
    stroke: #25a28c;
    vertical-align: middle
}

.import-project-asana-form-description, .import-project-asana-form-title {
    margin: 0;
    text-align: center
}

.import-project-asana-form-description {
    color: #70728f;
    margin-bottom: 2rem
}

.import-project-asana-form-limit {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    font-size: .875rem;
    color: #5a5b72
}

.import-project-asana-form-import-type {
    display: flex
}

.import-project-asana-form-import-type fieldset:first-child label {
    border-radius: .25rem 0 0 .25rem
}

.import-project-asana-form-import-type fieldset:last-child label {
    border-radius: 0 .25rem .25rem 0
}

.import-project-asana-form-import-type label {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    align-items: center;
    background: #f1f1f4;
    cursor: pointer;
    display: flex;
    justify-content: center;
    text-align: center;
    padding: .75rem;
    text-transform: uppercase
}

.import-project-asana-form-import-type label:hover {
    background: #e3e3e9;
    transition: background .2s linear
}

.import-project-asana-form-import-type label .icon {
    margin-right: .25rem
}

.import-project-asana-form-import-type input:checked + label {
    background: #d4d4de
}

.import-project-asana-form-import-type input:disabled + label {
    cursor: not-allowed;
    color: #9b9cb1
}

.import-project-asana-form-import-type input:disabled + label .icon {
    color: #9b9cb1
}

.import-project-asana-form-import-type input {
    display: none
}

.import-project-asana-form-import-type label {
    background: #f1f1f4
}

.import-project-asana-form-privacity {
    display: flex
}

.import-project-asana-form-privacity fieldset:first-child label {
    border-radius: .25rem 0 0 .25rem
}

.import-project-asana-form-privacity fieldset:last-child label {
    border-radius: 0 .25rem .25rem 0
}

.import-project-asana-form-privacity label {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    align-items: center;
    background: #f1f1f4;
    cursor: pointer;
    display: flex;
    justify-content: center;
    text-align: center;
    padding: .75rem;
    text-transform: uppercase
}

.import-project-asana-form-privacity label:hover {
    background: #e3e3e9;
    transition: background .2s linear
}

.import-project-asana-form-privacity label .icon {
    margin-right: .25rem
}

.import-project-asana-form-privacity input:checked + label {
    background: #d4d4de
}

.import-project-asana-form-privacity input:disabled + label {
    cursor: not-allowed;
    color: #9b9cb1
}

.import-project-asana-form-privacity input:disabled + label .icon {
    color: #9b9cb1
}

.import-project-asana-form-privacity input {
    display: none
}

.import-project-asana-form-privacity input:checked + label {
    background: #19474b;
    color: #fff
}

.import-project-asana-form-privacity input:checked + label .icon {
    fill: #fff
}

.import-project-asana-form-privacity label {
    min-height: 37px;
    padding: 0 .75rem
}

.import-project-asana-form-privacity label .icon {
    margin-right: 1rem
}

.import-project-asana-form-privacity .icon {
    fill: #fff;
    stroke: #fff
}

.import-project-asana-form-privacity .icon-private {
    height: 20px;
    line-height: 12px;
    margin-top: 2px;
    width: 20px
}

.import-project-asana-form-type {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 2rem;
    text-transform: uppercase
}

.import-project-asana-form-type span {
    margin-left: .5rem
}

.import-project-asana-form-selector a {
    align-items: center;
    border-bottom: 1px solid #e2e3e9;
    color: #434456;
    cursor: pointer;
    display: flex;
    justify-content: center;
    position: relative
}

.import-project-asana-form-selector a:hover {
    color: currentColor
}

.import-project-asana-form-selector li:hover {
    background: rgba(0, 138, 168, .1);
    transition: background .3s ease-in
}

.import-project-asana-form-selector li:first-child {
    border-top: 1px solid #e2e3e9
}

.import-project-asana-form-selector-icon {
    align-self: flex-start;
    padding: 1.5rem 1rem
}

.import-project-asana-form-selector-icon .icon {
    width: 2.25rem;
    height: 2.25rem
}

.import-project-asana-form-selector-template-wrapper {
    flex: 1;
    padding: 1.25rem
}

.import-project-asana-form-selector-template {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    text-transform: uppercase
}

.import-project-asana-form-selector-description {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif
}

.import-project-asana-form-selector-long-description {
    margin-top: 1rem;
    overflow: hidden;
    transition: all .3s .2s cubic-bezier(0, 0, .53, 1.32)
}

.import-project-asana-form-selector-long-description.ng-hide {
    line-height: 0;
    max-height: 0
}

.import-project-asana-form-selector-question {
    position: absolute;
    right: 1.5rem;
    top: 1.5rem
}

.import-project-asana-form-selector-question:hover svg {
    fill: #25a28c;
    transition: fill .2s linear
}

.import-project-asana-form-selector-question svg {
    width: 1.2rem;
    height: 1.2rem;
    fill: #434456
}

.import-project-asana-form-selector p {
    margin-bottom: 0
}

.import-project-asana-form-action {
    display: flex;
    margin: 3rem 0 0
}

.import-project-asana-form-action button {
    font-size: 1.1rem;
    padding: .75rem
}

.import-project-asana-form-action-submit {
    flex: 4;
    margin-left: 1rem
}

.import-project-asana-form-action-back, .import-project-asana-form-action-cancel {
    color: currentColor
}

.import-project-asana-form-action-back:hover, .import-project-asana-form-action-cancel:hover {
    color: #5cbaa9
}

.import-project-asana-form-action-cancel {
    flex: 1
}

.import-project-asana-form-action-back {
    width: 10%
}

.import-project-asana-form-warning {
    font-size: .875rem;
    background: #eceff4;
    border: 2px solid #e44057;
    display: flex;
    margin-bottom: 1rem;
    padding: 1rem
}

.import-project-asana-form-warning .icon-alert {
    fill: #e44057;
    margin-right: .5rem;
    margin-top: .15rem;
    vertical-align: middle
}

.import-project-asana-form-warning p {
    margin-bottom: 0
}

.import-project-asana-form-warning p a {
    color: #19474b;
    display: inline-block;
    margin-left: .25rem
}

.import-project-asana-form .spin {
    text-align: center;
    width: 100%
}

.create-project-asana-import-type {
    margin-bottom: 1rem;
    text-align: center
}

.create-project-asana-import-type-question {
    align-content: stretch;
    align-items: stretch;
    display: flex
}

.create-project-asana-import-type fieldset {
    background: #fff;
    border-right: 1px solid #e2e3e9;
    transition: background .2s linear
}

.create-project-asana-import-type fieldset:last-child {
    border: 0
}

.create-project-asana-import-type input {
    display: none
}

.create-project-asana-import-type input:checked + label {
    background: rgba(37, 162, 140, .1)
}

.create-project-asana-import-type label {
    background: #fff;
    height: 100%;
    padding: 1rem;
    transition: background .2s ease-in
}

.create-project-asana-import-type label:hover {
    background: rgba(37, 162, 140, .1);
    cursor: pointer
}

.create-project-asana-import-type-name {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    display: inline-block;
    margin-bottom: .5rem
}

.create-project-asana-import-type-description {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    font-size: .875rem
}

.create-project {
    margin: 1rem auto;
    max-width: 1200px;
    padding: 0 1.25rem;
    width: 100%;
    max-width: 800px
}

.create-project .error-text {
    margin-bottom: 0;
    margin-top: .5rem
}

.create-project h1 {
    font-size: 1.7rem
}

.create-project .create-project-check {
    display: flex;
    flex-direction: column
}

.create-project .create-project-check label {
    display: flex;
    flex-direction: column
}

.create-project .create-project-check .title {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 1rem;
    color: #2e3440;
    margin-bottom: .5rem
}

.create-project .create-project-github-import-type-question label {
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
    max-height: none;
    padding-left: 2rem;
    position: relative;
    text-align: left
}

.create-project .create-project-github-import-type-name {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 1rem
}

.create-project fieldset {
    margin-bottom: 1rem
}

.create-project label {
    color: #70728f;
    display: flex;
    margin-bottom: .25rem;
    max-height: 44px
}

.create-project label span {
    font-size: .875rem
}

.create-project label .mumble {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    margin-left: .25rem
}

.create-project input + label {
    color: #4c566a;
    display: flex
}

.create-project input + label .icon {
    fill: #4c566a
}

.create-project-check {
    position: relative
}

.create-project-check span {
    display: block
}

.create-project-check .description {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif
}

.create-project-check .check {
    bottom: .25rem;
    position: absolute;
    right: 0
}

.create-project-title-wrapper {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 0
}

.create-project-title-wrapper .create-project-title {
    display: inline-block
}

.create-project-title-wrapper .icon {
    width: 1.75rem;
    height: 1.75rem;
    fill: #19474b;
    margin-right: 1rem;
    stroke: #25a28c;
    vertical-align: middle
}

.create-project-description, .create-project-title {
    margin: 0;
    text-align: center
}

.create-project-description {
    color: #70728f;
    margin-bottom: 2rem
}

.create-project-limit {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    font-size: .875rem;
    color: #5a5b72
}

.create-project-import-type {
    display: flex
}

.create-project-import-type fieldset:first-child label {
    border-radius: .25rem 0 0 .25rem
}

.create-project-import-type fieldset:last-child label {
    border-radius: 0 .25rem .25rem 0
}

.create-project-import-type label {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    align-items: center;
    background: #f1f1f4;
    cursor: pointer;
    display: flex;
    justify-content: center;
    text-align: center;
    padding: .75rem;
    text-transform: uppercase
}

.create-project-import-type label:hover {
    background: #e3e3e9;
    transition: background .2s linear
}

.create-project-import-type label .icon {
    margin-right: .25rem
}

.create-project-import-type input:checked + label {
    background: #d4d4de
}

.create-project-import-type input:disabled + label {
    cursor: not-allowed;
    color: #9b9cb1
}

.create-project-import-type input:disabled + label .icon {
    color: #9b9cb1
}

.create-project-import-type input {
    display: none
}

.create-project-import-type label {
    background: #f1f1f4
}

.create-project-privacity {
    display: flex
}

.create-project-privacity fieldset:first-child label {
    border-radius: .25rem 0 0 .25rem
}

.create-project-privacity fieldset:last-child label {
    border-radius: 0 .25rem .25rem 0
}

.create-project-privacity label {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    align-items: center;
    background: #f1f1f4;
    cursor: pointer;
    display: flex;
    justify-content: center;
    text-align: center;
    padding: .75rem;
    text-transform: uppercase
}

.create-project-privacity label:hover {
    background: #e3e3e9;
    transition: background .2s linear
}

.create-project-privacity label .icon {
    margin-right: .25rem
}

.create-project-privacity input:checked + label {
    background: #d4d4de
}

.create-project-privacity input:disabled + label {
    cursor: not-allowed;
    color: #9b9cb1
}

.create-project-privacity input:disabled + label .icon {
    color: #9b9cb1
}

.create-project-privacity input {
    display: none
}

.create-project-privacity input:checked + label {
    background: #19474b;
    color: #fff
}

.create-project-privacity input:checked + label .icon {
    fill: #fff
}

.create-project-privacity label {
    min-height: 37px;
    padding: 0 .75rem
}

.create-project-privacity label .icon {
    margin-right: 1rem
}

.create-project-privacity .icon {
    fill: #fff;
    stroke: #fff
}

.create-project-privacity .icon-private {
    height: 20px;
    line-height: 12px;
    margin-top: 2px;
    width: 20px
}

.create-project-type {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 2rem;
    text-transform: uppercase
}

.create-project-type span {
    margin-left: .5rem
}

.create-project-selector a {
    align-items: center;
    border-bottom: 1px solid #e2e3e9;
    color: #434456;
    cursor: pointer;
    display: flex;
    justify-content: center;
    position: relative
}

.create-project-selector a:hover {
    color: currentColor
}

.create-project-selector li:hover {
    background: rgba(0, 138, 168, .1);
    transition: background .3s ease-in
}

.create-project-selector li:first-child {
    border-top: 1px solid #e2e3e9
}

.create-project-selector-icon {
    align-self: flex-start;
    padding: 1.5rem 1rem
}

.create-project-selector-icon .icon {
    width: 2.25rem;
    height: 2.25rem
}

.create-project-selector-template-wrapper {
    flex: 1;
    padding: 1.25rem
}

.create-project-selector-template {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    text-transform: uppercase
}

.create-project-selector-description {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif
}

.create-project-selector-long-description {
    margin-top: 1rem;
    overflow: hidden;
    transition: all .3s .2s cubic-bezier(0, 0, .53, 1.32)
}

.create-project-selector-long-description.ng-hide {
    line-height: 0;
    max-height: 0
}

.create-project-selector-question {
    position: absolute;
    right: 1.5rem;
    top: 1.5rem
}

.create-project-selector-question:hover svg {
    fill: #25a28c;
    transition: fill .2s linear
}

.create-project-selector-question svg {
    width: 1.2rem;
    height: 1.2rem;
    fill: #434456
}

.create-project-selector p {
    margin-bottom: 0
}

.create-project-action {
    display: flex;
    margin: 3rem 0 0
}

.create-project-action button {
    font-size: 1.1rem;
    padding: .75rem
}

.create-project-action-submit {
    flex: 4;
    margin-left: 1rem
}

.create-project-action-back, .create-project-action-cancel {
    color: currentColor
}

.create-project-action-back:hover, .create-project-action-cancel:hover {
    color: #5cbaa9
}

.create-project-action-cancel {
    flex: 1
}

.create-project-action-back {
    width: 10%
}

.create-project-warning {
    font-size: .875rem;
    background: #eceff4;
    border: 2px solid #e44057;
    display: flex;
    margin-bottom: 1rem;
    padding: 1rem
}

.create-project-warning .icon-alert {
    fill: #e44057;
    margin-right: .5rem;
    margin-top: .15rem;
    vertical-align: middle
}

.create-project-warning p {
    margin-bottom: 0
}

.create-project-warning p a {
    color: #19474b;
    display: inline-block;
    margin-left: .25rem
}

.create-project .spin {
    text-align: center;
    width: 100%
}

.import-project-members .import-project-members-match {
    align-items: center;
    display: flex
}

.import-project-members .import-project-members-match button {
    border: 0;
    height: 1rem;
    padding: 0;
    width: 1rem
}

.import-project-members .import-project-members-match button .icon {
    height: 1rem;
    width: 1rem
}

.import-project-members .import-project-members-choose {
    color: #19474b
}

.import-project-members .import-project-members-match-true svg {
    fill: #19474b
}

.import-project-members .import-project-members-match-false svg {
    fill: #e44057
}

.import-project-members .avatar {
    height: 3rem;
    width: 3rem
}

.import-project-members .avatar img {
    border: 0;
    height: 3rem;
    width: 3rem
}

.import-project-members .import-project-members-delete svg {
    fill: #e44057;
    height: 1rem;
    width: 1rem
}

.duplicate-project-reference {
    margin-bottom: 2rem
}

.import-project-github-form {
    margin: 1rem auto;
    max-width: 1200px;
    padding: 0 1.25rem;
    width: 100%;
    max-width: 800px
}

.import-project-github-form .error-text {
    margin-bottom: 0;
    margin-top: .5rem
}

.import-project-github-form h1 {
    font-size: 1.7rem
}

.import-project-github-form .create-project-check {
    display: flex;
    flex-direction: column
}

.import-project-github-form .create-project-check label {
    display: flex;
    flex-direction: column
}

.import-project-github-form .create-project-check .title {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 1rem;
    color: #2e3440;
    margin-bottom: .5rem
}

.import-project-github-form .create-project-github-import-type-question label {
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
    max-height: none;
    padding-left: 2rem;
    position: relative;
    text-align: left
}

.import-project-github-form .create-project-github-import-type-name {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 1rem
}

.import-project-github-form fieldset {
    margin-bottom: 1rem
}

.import-project-github-form label {
    color: #70728f;
    display: flex;
    margin-bottom: .25rem;
    max-height: 44px
}

.import-project-github-form label span {
    font-size: .875rem
}

.import-project-github-form label .mumble {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    margin-left: .25rem
}

.import-project-github-form input + label {
    color: #4c566a;
    display: flex
}

.import-project-github-form input + label .icon {
    fill: #4c566a
}

.import-project-github-form-check {
    position: relative
}

.import-project-github-form-check span {
    display: block
}

.import-project-github-form-check .description {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif
}

.import-project-github-form-check .check {
    bottom: .25rem;
    position: absolute;
    right: 0
}

.import-project-github-form-title-wrapper {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 0
}

.import-project-github-form-title-wrapper .create-project-title {
    display: inline-block
}

.import-project-github-form-title-wrapper .icon {
    width: 1.75rem;
    height: 1.75rem;
    fill: #19474b;
    margin-right: 1rem;
    stroke: #25a28c;
    vertical-align: middle
}

.import-project-github-form-description, .import-project-github-form-title {
    margin: 0;
    text-align: center
}

.import-project-github-form-description {
    color: #70728f;
    margin-bottom: 2rem
}

.import-project-github-form-limit {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    font-size: .875rem;
    color: #5a5b72
}

.import-project-github-form-import-type {
    display: flex
}

.import-project-github-form-import-type fieldset:first-child label {
    border-radius: .25rem 0 0 .25rem
}

.import-project-github-form-import-type fieldset:last-child label {
    border-radius: 0 .25rem .25rem 0
}

.import-project-github-form-import-type label {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    align-items: center;
    background: #f1f1f4;
    cursor: pointer;
    display: flex;
    justify-content: center;
    text-align: center;
    padding: .75rem;
    text-transform: uppercase
}

.import-project-github-form-import-type label:hover {
    background: #e3e3e9;
    transition: background .2s linear
}

.import-project-github-form-import-type label .icon {
    margin-right: .25rem
}

.import-project-github-form-import-type input:checked + label {
    background: #d4d4de
}

.import-project-github-form-import-type input:disabled + label {
    cursor: not-allowed;
    color: #9b9cb1
}

.import-project-github-form-import-type input:disabled + label .icon {
    color: #9b9cb1
}

.import-project-github-form-import-type input {
    display: none
}

.import-project-github-form-import-type label {
    background: #f1f1f4
}

.import-project-github-form-privacity {
    display: flex
}

.import-project-github-form-privacity fieldset:first-child label {
    border-radius: .25rem 0 0 .25rem
}

.import-project-github-form-privacity fieldset:last-child label {
    border-radius: 0 .25rem .25rem 0
}

.import-project-github-form-privacity label {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    align-items: center;
    background: #f1f1f4;
    cursor: pointer;
    display: flex;
    justify-content: center;
    text-align: center;
    padding: .75rem;
    text-transform: uppercase
}

.import-project-github-form-privacity label:hover {
    background: #e3e3e9;
    transition: background .2s linear
}

.import-project-github-form-privacity label .icon {
    margin-right: .25rem
}

.import-project-github-form-privacity input:checked + label {
    background: #d4d4de
}

.import-project-github-form-privacity input:disabled + label {
    cursor: not-allowed;
    color: #9b9cb1
}

.import-project-github-form-privacity input:disabled + label .icon {
    color: #9b9cb1
}

.import-project-github-form-privacity input {
    display: none
}

.import-project-github-form-privacity input:checked + label {
    background: #19474b;
    color: #fff
}

.import-project-github-form-privacity input:checked + label .icon {
    fill: #fff
}

.import-project-github-form-privacity label {
    min-height: 37px;
    padding: 0 .75rem
}

.import-project-github-form-privacity label .icon {
    margin-right: 1rem
}

.import-project-github-form-privacity .icon {
    fill: #fff;
    stroke: #fff
}

.import-project-github-form-privacity .icon-private {
    height: 20px;
    line-height: 12px;
    margin-top: 2px;
    width: 20px
}

.import-project-github-form-type {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 2rem;
    text-transform: uppercase
}

.import-project-github-form-type span {
    margin-left: .5rem
}

.import-project-github-form-selector a {
    align-items: center;
    border-bottom: 1px solid #e2e3e9;
    color: #434456;
    cursor: pointer;
    display: flex;
    justify-content: center;
    position: relative
}

.import-project-github-form-selector a:hover {
    color: currentColor
}

.import-project-github-form-selector li:hover {
    background: rgba(0, 138, 168, .1);
    transition: background .3s ease-in
}

.import-project-github-form-selector li:first-child {
    border-top: 1px solid #e2e3e9
}

.import-project-github-form-selector-icon {
    align-self: flex-start;
    padding: 1.5rem 1rem
}

.import-project-github-form-selector-icon .icon {
    width: 2.25rem;
    height: 2.25rem
}

.import-project-github-form-selector-template-wrapper {
    flex: 1;
    padding: 1.25rem
}

.import-project-github-form-selector-template {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    text-transform: uppercase
}

.import-project-github-form-selector-description {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif
}

.import-project-github-form-selector-long-description {
    margin-top: 1rem;
    overflow: hidden;
    transition: all .3s .2s cubic-bezier(0, 0, .53, 1.32)
}

.import-project-github-form-selector-long-description.ng-hide {
    line-height: 0;
    max-height: 0
}

.import-project-github-form-selector-question {
    position: absolute;
    right: 1.5rem;
    top: 1.5rem
}

.import-project-github-form-selector-question:hover svg {
    fill: #25a28c;
    transition: fill .2s linear
}

.import-project-github-form-selector-question svg {
    width: 1.2rem;
    height: 1.2rem;
    fill: #434456
}

.import-project-github-form-selector p {
    margin-bottom: 0
}

.import-project-github-form-action {
    display: flex;
    margin: 3rem 0 0
}

.import-project-github-form-action button {
    font-size: 1.1rem;
    padding: .75rem
}

.import-project-github-form-action-submit {
    flex: 4;
    margin-left: 1rem
}

.import-project-github-form-action-back, .import-project-github-form-action-cancel {
    color: currentColor
}

.import-project-github-form-action-back:hover, .import-project-github-form-action-cancel:hover {
    color: #5cbaa9
}

.import-project-github-form-action-cancel {
    flex: 1
}

.import-project-github-form-action-back {
    width: 10%
}

.import-project-github-form-warning {
    font-size: .875rem;
    background: #eceff4;
    border: 2px solid #e44057;
    display: flex;
    margin-bottom: 1rem;
    padding: 1rem
}

.import-project-github-form-warning .icon-alert {
    fill: #e44057;
    margin-right: .5rem;
    margin-top: .15rem;
    vertical-align: middle
}

.import-project-github-form-warning p {
    margin-bottom: 0
}

.import-project-github-form-warning p a {
    color: #19474b;
    display: inline-block;
    margin-left: .25rem
}

.import-project-github-form .spin {
    text-align: center;
    width: 100%
}

.create-project-github-import-type {
    margin-bottom: 1rem;
    position: relative;
    text-align: center
}

.create-project-github-import-type p {
    margin-bottom: .5rem
}

.create-project-github-import-type-question {
    align-content: stretch;
    align-items: stretch;
    display: flex
}

.create-project-github-import-type fieldset {
    background: #fff;
    transition: background .2s linear
}

.create-project-github-import-type fieldset:last-child {
    border: 0
}

.create-project-github-import-type input {
    height: 1rem;
    left: .5rem;
    position: absolute;
    top: 1.2rem;
    width: 1rem;
    z-index: 1
}

.create-project-github-import-type input:checked + label .create-project-github-import-type-name {
    color: #19474b
}

.create-project-github-import-type label {
    background: #fff;
    height: 100%;
    padding: 1rem;
    transition: background .2s ease-in
}

.create-project-github-import-type label:hover {
    background: rgba(37, 162, 140, .1);
    cursor: pointer
}

.create-project-github-import-type-name {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    display: inline-block;
    margin-bottom: .5rem
}

.create-project-github-import-type-description {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    font-size: .875rem
}

.import-project-members {
    margin: 1rem auto;
    max-width: 1200px;
    padding: 0 1.25rem;
    width: 100%;
    max-width: 800px
}

.import-project-members .avatar {
    width: 48px
}

.import-project-members-title {
    font-size: .875rem;
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    margin-bottom: 0
}

.import-project-members-system {
    display: flex;
    justify-content: space-between;
    margin: 1rem 0 0;
    padding: .5rem 0
}

.import-project-members-system img {
    width: 100%
}

.import-project-members-logo {
    max-height: 3rem;
    max-width: 3rem
}

.import-project-members-row {
    align-items: center;
    border-bottom: 1px solid #e2e3e9;
    border-top: 1px solid #e2e3e9;
    display: flex;
    justify-content: space-between;
    padding: .5rem 0
}

.import-project-members-row:hover .import-project-members-delete {
    opacity: 1;
    transition: all .2s ease-in
}

.import-project-members-single {
    align-items: center;
    display: flex
}

.import-project-members-username {
    margin-left: 1rem
}

.import-project-members .avatar.empty {
    background-color: #e2e3e9;
    line-height: 3rem;
    text-align: center;
    width: 3rem
}

.import-project-members-actions {
    align-items: center;
    display: flex
}

.import-project-members-delete {
    background: 0 0;
    opacity: 0;
    padding: .25rem .5rem
}

.import-project-members-delete svg {
    width: .75rem;
    height: .75rem;
    fill: #ff6363
}

.import-project-members-match {
    color: #70728f
}

.import-project-members-match button {
    background: #fff;
    border-radius: 50%;
    padding: .25rem .5rem
}

.import-project-members-match button svg {
    width: .75rem;
    height: .75rem
}

.import-project-members-match-true {
    border: 1px solid #25a28c;
    margin: 0 .1rem 0 .25rem;
    transition: background .2s
}

.import-project-members-match-true:hover {
    background: rgba(92, 186, 169, .3)
}

.import-project-members-match-true svg {
    fill: #25a28c
}

.import-project-members-match-false {
    border: 1px solid #ff6363;
    margin: 0 .25rem 0 .1rem;
    transition: background .2s
}

.import-project-members-match-false:hover {
    background: rgba(255, 99, 99, .3)
}

.import-project-members-match-false svg {
    fill: #ff6363
}

.import-project-members-choose {
    color: #25a28c;
    padding-right: 0;
    text-transform: lowercase
}

.import-project-members-choose:hover {
    color: #5cbaa9
}

.import-project-members-selected {
    align-items: center;
    display: flex
}

.import-project-members-selected-img {
    margin-left: .5rem;
    max-width: 3rem
}

.import-project-members-selected img {
    width: 100%
}

.import-project-members-submit {
    display: block;
    margin: 2rem auto 0;
    padding: .75rem 4rem
}

.import-project-selector {
    margin: 1rem auto;
    max-width: 1200px;
    padding: 0 1.25rem;
    width: 100%;
    max-width: 800px
}

.import-project-selector .import-project-selector-service img {
    display: block;
    margin: 1rem auto;
    width: 4rem
}

.import-project-selector .import-project-selector-filter {
    align-items: center;
    background: #e2e3e9;
    display: flex;
    padding: .5rem
}

.import-project-selector .import-project-selector-filter input {
    background: #f1f1f4;
    border: 0;
    flex: 1;
    padding: .5rem
}

.import-project-selector .import-project-selector-filter svg {
    width: 1rem;
    height: 1rem;
    fill: #5a5b72;
    margin: 0 1rem
}

.import-project-selector .import-project-selector-title {
    border-bottom: 1px solid #e2e3e9;
    padding: 1rem
}

.import-project-selector .import-project-selector-title:hover {
    background: rgba(37, 162, 140, .1);
    cursor: pointer
}

.import-project-from-site {
    align-items: center;
    border-bottom: 1px solid #e2e3e9;
    color: #434456;
    cursor: pointer;
    display: flex;
    padding: 1rem;
    position: relative
}

.import-project-from-site:hover {
    background: rgba(0, 138, 168, .1);
    transition: background .3s ease-in
}

.import-project-from-site:first-child {
    border-top: 1px solid #e2e3e9
}

.import-project-from-site:first-child .import-project-name {
    margin: 0
}

.import-project-from-site:first-child .import-project-logo img {
    padding: 0 .9rem 0 1rem;
    width: 5.1rem
}

.import-project-logo {
    align-self: flex-start;
    margin-right: .5rem
}

.import-project-logo img {
    padding: 0 1rem;
    width: 5rem
}

.import-project-name-wrapper {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center
}

.import-project-description {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    margin-bottom: 0
}

.import-project-description a {
    color: #19474b;
    margin-left: .3rem
}

.import-project-url {
    margin-top: .5rem
}

.import-project-input-holder {
    display: flex;
    max-width: 20rem
}

.import-project-input-holder .import-project-input {
    margin-right: .5rem
}

.import-project-button {
    background: #19474b;
    color: #fff;
    padding: .4rem 1rem
}

.create-project-invite-avatars {
    display: flex;
    flex-wrap: wrap
}

.create-project-invite-avatar {
    cursor: pointer;
    display: block;
    margin-right: .25rem
}

.create-project-invite-avatar:hover {
    background: #a9aabc;
    position: relative;
    border: 0;
    opacity: .9;
    transition: all .2s;
    transition-delay: .2s
}

.create-project-invite-avatar.disabled {
    opacity: .3;
    transition: opacity .2s
}

.create-project-invite-avatar.disabled:hover {
    background: #a9aabc;
    position: relative;
    border: 0;
    opacity: .6;
    transition: all .2s ease-in
}

.create-project-invite-avatar.disabled:hover::after {
    background: #434456;
    left: 24px;
    top: 8px;
    transform: rotate(0);
    transform-origin: center
}

.create-project-invite-avatar.disabled:hover::before {
    background: #434456;
    right: 22px;
    top: 8px;
    transform: rotate(90deg);
    transform-origin: center
}

.create-project-invite-avatar img {
    cursor: pointer;
    width: 3rem
}

.import-project-jira-form {
    margin: 1rem auto;
    max-width: 1200px;
    padding: 0 1.25rem;
    width: 100%;
    max-width: 800px
}

.import-project-jira-form .error-text {
    margin-bottom: 0;
    margin-top: .5rem
}

.import-project-jira-form h1 {
    font-size: 1.7rem
}

.import-project-jira-form .create-project-check {
    display: flex;
    flex-direction: column
}

.import-project-jira-form .create-project-check label {
    display: flex;
    flex-direction: column
}

.import-project-jira-form .create-project-check .title {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 1rem;
    color: #2e3440;
    margin-bottom: .5rem
}

.import-project-jira-form .create-project-github-import-type-question label {
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
    max-height: none;
    padding-left: 2rem;
    position: relative;
    text-align: left
}

.import-project-jira-form .create-project-github-import-type-name {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 1rem
}

.import-project-jira-form fieldset {
    margin-bottom: 1rem
}

.import-project-jira-form label {
    color: #70728f;
    display: flex;
    margin-bottom: .25rem;
    max-height: 44px
}

.import-project-jira-form label span {
    font-size: .875rem
}

.import-project-jira-form label .mumble {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    margin-left: .25rem
}

.import-project-jira-form input + label {
    color: #4c566a;
    display: flex
}

.import-project-jira-form input + label .icon {
    fill: #4c566a
}

.import-project-jira-form-check {
    position: relative
}

.import-project-jira-form-check span {
    display: block
}

.import-project-jira-form-check .description {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif
}

.import-project-jira-form-check .check {
    bottom: .25rem;
    position: absolute;
    right: 0
}

.import-project-jira-form-title-wrapper {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 0
}

.import-project-jira-form-title-wrapper .create-project-title {
    display: inline-block
}

.import-project-jira-form-title-wrapper .icon {
    width: 1.75rem;
    height: 1.75rem;
    fill: #19474b;
    margin-right: 1rem;
    stroke: #25a28c;
    vertical-align: middle
}

.import-project-jira-form-description, .import-project-jira-form-title {
    margin: 0;
    text-align: center
}

.import-project-jira-form-description {
    color: #70728f;
    margin-bottom: 2rem
}

.import-project-jira-form-limit {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    font-size: .875rem;
    color: #5a5b72
}

.import-project-jira-form-import-type {
    display: flex
}

.import-project-jira-form-import-type fieldset:first-child label {
    border-radius: .25rem 0 0 .25rem
}

.import-project-jira-form-import-type fieldset:last-child label {
    border-radius: 0 .25rem .25rem 0
}

.import-project-jira-form-import-type label {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    align-items: center;
    background: #f1f1f4;
    cursor: pointer;
    display: flex;
    justify-content: center;
    text-align: center;
    padding: .75rem;
    text-transform: uppercase
}

.import-project-jira-form-import-type label:hover {
    background: #e3e3e9;
    transition: background .2s linear
}

.import-project-jira-form-import-type label .icon {
    margin-right: .25rem
}

.import-project-jira-form-import-type input:checked + label {
    background: #d4d4de
}

.import-project-jira-form-import-type input:disabled + label {
    cursor: not-allowed;
    color: #9b9cb1
}

.import-project-jira-form-import-type input:disabled + label .icon {
    color: #9b9cb1
}

.import-project-jira-form-import-type input {
    display: none
}

.import-project-jira-form-import-type label {
    background: #f1f1f4
}

.import-project-jira-form-privacity {
    display: flex
}

.import-project-jira-form-privacity fieldset:first-child label {
    border-radius: .25rem 0 0 .25rem
}

.import-project-jira-form-privacity fieldset:last-child label {
    border-radius: 0 .25rem .25rem 0
}

.import-project-jira-form-privacity label {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    align-items: center;
    background: #f1f1f4;
    cursor: pointer;
    display: flex;
    justify-content: center;
    text-align: center;
    padding: .75rem;
    text-transform: uppercase
}

.import-project-jira-form-privacity label:hover {
    background: #e3e3e9;
    transition: background .2s linear
}

.import-project-jira-form-privacity label .icon {
    margin-right: .25rem
}

.import-project-jira-form-privacity input:checked + label {
    background: #d4d4de
}

.import-project-jira-form-privacity input:disabled + label {
    cursor: not-allowed;
    color: #9b9cb1
}

.import-project-jira-form-privacity input:disabled + label .icon {
    color: #9b9cb1
}

.import-project-jira-form-privacity input {
    display: none
}

.import-project-jira-form-privacity input:checked + label {
    background: #19474b;
    color: #fff
}

.import-project-jira-form-privacity input:checked + label .icon {
    fill: #fff
}

.import-project-jira-form-privacity label {
    min-height: 37px;
    padding: 0 .75rem
}

.import-project-jira-form-privacity label .icon {
    margin-right: 1rem
}

.import-project-jira-form-privacity .icon {
    fill: #fff;
    stroke: #fff
}

.import-project-jira-form-privacity .icon-private {
    height: 20px;
    line-height: 12px;
    margin-top: 2px;
    width: 20px
}

.import-project-jira-form-type {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 2rem;
    text-transform: uppercase
}

.import-project-jira-form-type span {
    margin-left: .5rem
}

.import-project-jira-form-selector a {
    align-items: center;
    border-bottom: 1px solid #e2e3e9;
    color: #434456;
    cursor: pointer;
    display: flex;
    justify-content: center;
    position: relative
}

.import-project-jira-form-selector a:hover {
    color: currentColor
}

.import-project-jira-form-selector li:hover {
    background: rgba(0, 138, 168, .1);
    transition: background .3s ease-in
}

.import-project-jira-form-selector li:first-child {
    border-top: 1px solid #e2e3e9
}

.import-project-jira-form-selector-icon {
    align-self: flex-start;
    padding: 1.5rem 1rem
}

.import-project-jira-form-selector-icon .icon {
    width: 2.25rem;
    height: 2.25rem
}

.import-project-jira-form-selector-template-wrapper {
    flex: 1;
    padding: 1.25rem
}

.import-project-jira-form-selector-template {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    text-transform: uppercase
}

.import-project-jira-form-selector-description {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif
}

.import-project-jira-form-selector-long-description {
    margin-top: 1rem;
    overflow: hidden;
    transition: all .3s .2s cubic-bezier(0, 0, .53, 1.32)
}

.import-project-jira-form-selector-long-description.ng-hide {
    line-height: 0;
    max-height: 0
}

.import-project-jira-form-selector-question {
    position: absolute;
    right: 1.5rem;
    top: 1.5rem
}

.import-project-jira-form-selector-question:hover svg {
    fill: #25a28c;
    transition: fill .2s linear
}

.import-project-jira-form-selector-question svg {
    width: 1.2rem;
    height: 1.2rem;
    fill: #434456
}

.import-project-jira-form-selector p {
    margin-bottom: 0
}

.import-project-jira-form-action {
    display: flex;
    margin: 3rem 0 0
}

.import-project-jira-form-action button {
    font-size: 1.1rem;
    padding: .75rem
}

.import-project-jira-form-action-submit {
    flex: 4;
    margin-left: 1rem
}

.import-project-jira-form-action-back, .import-project-jira-form-action-cancel {
    color: currentColor
}

.import-project-jira-form-action-back:hover, .import-project-jira-form-action-cancel:hover {
    color: #5cbaa9
}

.import-project-jira-form-action-cancel {
    flex: 1
}

.import-project-jira-form-action-back {
    width: 10%
}

.import-project-jira-form-warning {
    font-size: .875rem;
    background: #eceff4;
    border: 2px solid #e44057;
    display: flex;
    margin-bottom: 1rem;
    padding: 1rem
}

.import-project-jira-form-warning .icon-alert {
    fill: #e44057;
    margin-right: .5rem;
    margin-top: .15rem;
    vertical-align: middle
}

.import-project-jira-form-warning p {
    margin-bottom: 0
}

.import-project-jira-form-warning p a {
    color: #19474b;
    display: inline-block;
    margin-left: .25rem
}

.import-project-jira-form .spin {
    text-align: center;
    width: 100%
}

.create-project-import-type-info {
    font-size: .875rem;
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    margin-bottom: 1rem
}

.create-project-type-issues-subform {
    margin: 1rem 0 2rem
}

.create-project-type-issues-subform-title {
    font-size: .875rem;
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif
}

.create-project-type-issues-subform-radiogr input {
    opacity: 0
}

.create-project-type-issues-subform-radiogr input:checked + svg {
    fill: rgba(37, 162, 140, .6);
    stroke: rgba(37, 162, 140, .1)
}

.create-project-type-issues-subform-radiogr svg {
    fill: #e2e3e9;
    stroke: #c5c7d3;
    stroke-width: 1px;
    vertical-align: middle
}

.create-project-type-issues-subform-radiogr .control-indicator {
    padding-left: .25rem;
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif
}

.create-project-import-type {
    margin-bottom: .25rem
}

.create-project-import-type fieldset {
    margin: 0
}

.newsletter-email.setting .lightbox-title {
    font-size: .875rem;
    text-align: left
}

.newsletter-email form {
    max-width: 700px
}

.newsletter-email .subscribed {
    background: #f9f9fb;
    margin-bottom: 1.5rem
}

.newsletter-email .subscribed:hover {
    background: #f9f9fb;
    cursor: default
}

.newsletter-email .subscribed span {
    color: #4c566a;
    font-style: italic;
    font-weight: 700
}

.newsletter-email .newsletter-info {
    display: flex
}

.newsletter-email .newsletter-info .confirm-label {
    display: inline-block;
    line-height: 1.5;
    margin: 0 0 10px
}

.newsletter-email .subscribed-button {
    margin-bottom: 1.5rem
}

.newsletter-email .loading-spinner {
    margin-left: .5rem
}

.newsletter-email .check-sub {
    fill: #93c45d;
    margin-left: .5rem;
    margin-right: 0
}

.newsletter-email .ask {
    display: flex
}

.newsletter-email .ask .ask-label {
    line-height: 1.5;
    margin-bottom: 0
}

.newsletter-email .custom-checkbox {
    flex-basis: 18px;
    flex-grow: 0;
    height: 18px;
    margin-right: .5rem;
    margin-top: .2rem
}

.newsletter-email .option-container {
    display: flex;
    justify-content: space-between
}

.newsletter-email .options .btn-small {
    margin-left: 1rem
}

.newsletter-email .lightbox-title {
    font-size: 1.1rem;
    margin-bottom: 2rem;
    text-align: center
}

.newsletter-email label, .newsletter-email p {
    color: #4c566a
}

.newsletter-email .text-container {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    color: #70728f
}

.newsletter-email .text-container .italic {
    color: #70728f;
    font-style: italic
}

tg-select-import-user-lightbox .form {
    flex-basis: 600px;
    flex-grow: 0;
    width: 600px
}

tg-select-import-user-lightbox .candidate-user {
    align-items: center;
    display: flex;
    justify-content: center;
    padding-bottom: 1.5rem
}

tg-select-import-user-lightbox .candidate-user .candidate-user-name {
    margin-left: .5rem
}

tg-select-import-user-lightbox .candidate-user .user-list-avatar {
    background-color: #ff6363;
    height: 32px;
    margin-right: .5rem;
    width: 32px
}

tg-select-import-user-lightbox .error {
    color: #ffa0a0;
    text-align: center
}

tg-select-import-user-lightbox .more-users {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    font-size: .875rem;
    padding: 1rem;
    text-align: center
}

tg-select-import-user-lightbox .group {
    display: flex
}

tg-select-import-user-lightbox .group input {
    flex-grow: 2;
    margin-right: .5rem
}

tg-select-import-user-lightbox .search-user-mode {
    font-size: .875rem;
    background: 0 0;
    margin-top: 2rem;
    padding: .5rem;
    text-align: left;
    transition: .2s;
    width: 100%
}

tg-select-import-user-lightbox .search-user-mode:hover {
    color: #25a28c
}

tg-select-import-user-lightbox label {
    display: block;
    padding-bottom: .5rem
}

.import-project-trello-form {
    margin: 1rem auto;
    max-width: 1200px;
    padding: 0 1.25rem;
    width: 100%;
    max-width: 800px
}

.import-project-trello-form .error-text {
    margin-bottom: 0;
    margin-top: .5rem
}

.import-project-trello-form h1 {
    font-size: 1.7rem
}

.import-project-trello-form .create-project-check {
    display: flex;
    flex-direction: column
}

.import-project-trello-form .create-project-check label {
    display: flex;
    flex-direction: column
}

.import-project-trello-form .create-project-check .title {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 1rem;
    color: #2e3440;
    margin-bottom: .5rem
}

.import-project-trello-form .create-project-github-import-type-question label {
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
    max-height: none;
    padding-left: 2rem;
    position: relative;
    text-align: left
}

.import-project-trello-form .create-project-github-import-type-name {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 1rem
}

.import-project-trello-form fieldset {
    margin-bottom: 1rem
}

.import-project-trello-form label {
    color: #70728f;
    display: flex;
    margin-bottom: .25rem;
    max-height: 44px
}

.import-project-trello-form label span {
    font-size: .875rem
}

.import-project-trello-form label .mumble {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    margin-left: .25rem
}

.import-project-trello-form input + label {
    color: #4c566a;
    display: flex
}

.import-project-trello-form input + label .icon {
    fill: #4c566a
}

.import-project-trello-form-check {
    position: relative
}

.import-project-trello-form-check span {
    display: block
}

.import-project-trello-form-check .description {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif
}

.import-project-trello-form-check .check {
    bottom: .25rem;
    position: absolute;
    right: 0
}

.import-project-trello-form-title-wrapper {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 0
}

.import-project-trello-form-title-wrapper .create-project-title {
    display: inline-block
}

.import-project-trello-form-title-wrapper .icon {
    width: 1.75rem;
    height: 1.75rem;
    fill: #19474b;
    margin-right: 1rem;
    stroke: #25a28c;
    vertical-align: middle
}

.import-project-trello-form-description, .import-project-trello-form-title {
    margin: 0;
    text-align: center
}

.import-project-trello-form-description {
    color: #70728f;
    margin-bottom: 2rem
}

.import-project-trello-form-limit {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    font-size: .875rem;
    color: #5a5b72
}

.import-project-trello-form-import-type {
    display: flex
}

.import-project-trello-form-import-type fieldset:first-child label {
    border-radius: .25rem 0 0 .25rem
}

.import-project-trello-form-import-type fieldset:last-child label {
    border-radius: 0 .25rem .25rem 0
}

.import-project-trello-form-import-type label {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    align-items: center;
    background: #f1f1f4;
    cursor: pointer;
    display: flex;
    justify-content: center;
    text-align: center;
    padding: .75rem;
    text-transform: uppercase
}

.import-project-trello-form-import-type label:hover {
    background: #e3e3e9;
    transition: background .2s linear
}

.import-project-trello-form-import-type label .icon {
    margin-right: .25rem
}

.import-project-trello-form-import-type input:checked + label {
    background: #d4d4de
}

.import-project-trello-form-import-type input:disabled + label {
    cursor: not-allowed;
    color: #9b9cb1
}

.import-project-trello-form-import-type input:disabled + label .icon {
    color: #9b9cb1
}

.import-project-trello-form-import-type input {
    display: none
}

.import-project-trello-form-import-type label {
    background: #f1f1f4
}

.import-project-trello-form-privacity {
    display: flex
}

.import-project-trello-form-privacity fieldset:first-child label {
    border-radius: .25rem 0 0 .25rem
}

.import-project-trello-form-privacity fieldset:last-child label {
    border-radius: 0 .25rem .25rem 0
}

.import-project-trello-form-privacity label {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    align-items: center;
    background: #f1f1f4;
    cursor: pointer;
    display: flex;
    justify-content: center;
    text-align: center;
    padding: .75rem;
    text-transform: uppercase
}

.import-project-trello-form-privacity label:hover {
    background: #e3e3e9;
    transition: background .2s linear
}

.import-project-trello-form-privacity label .icon {
    margin-right: .25rem
}

.import-project-trello-form-privacity input:checked + label {
    background: #d4d4de
}

.import-project-trello-form-privacity input:disabled + label {
    cursor: not-allowed;
    color: #9b9cb1
}

.import-project-trello-form-privacity input:disabled + label .icon {
    color: #9b9cb1
}

.import-project-trello-form-privacity input {
    display: none
}

.import-project-trello-form-privacity input:checked + label {
    background: #19474b;
    color: #fff
}

.import-project-trello-form-privacity input:checked + label .icon {
    fill: #fff
}

.import-project-trello-form-privacity label {
    min-height: 37px;
    padding: 0 .75rem
}

.import-project-trello-form-privacity label .icon {
    margin-right: 1rem
}

.import-project-trello-form-privacity .icon {
    fill: #fff;
    stroke: #fff
}

.import-project-trello-form-privacity .icon-private {
    height: 20px;
    line-height: 12px;
    margin-top: 2px;
    width: 20px
}

.import-project-trello-form-type {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 2rem;
    text-transform: uppercase
}

.import-project-trello-form-type span {
    margin-left: .5rem
}

.import-project-trello-form-selector a {
    align-items: center;
    border-bottom: 1px solid #e2e3e9;
    color: #434456;
    cursor: pointer;
    display: flex;
    justify-content: center;
    position: relative
}

.import-project-trello-form-selector a:hover {
    color: currentColor
}

.import-project-trello-form-selector li:hover {
    background: rgba(0, 138, 168, .1);
    transition: background .3s ease-in
}

.import-project-trello-form-selector li:first-child {
    border-top: 1px solid #e2e3e9
}

.import-project-trello-form-selector-icon {
    align-self: flex-start;
    padding: 1.5rem 1rem
}

.import-project-trello-form-selector-icon .icon {
    width: 2.25rem;
    height: 2.25rem
}

.import-project-trello-form-selector-template-wrapper {
    flex: 1;
    padding: 1.25rem
}

.import-project-trello-form-selector-template {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    text-transform: uppercase
}

.import-project-trello-form-selector-description {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif
}

.import-project-trello-form-selector-long-description {
    margin-top: 1rem;
    overflow: hidden;
    transition: all .3s .2s cubic-bezier(0, 0, .53, 1.32)
}

.import-project-trello-form-selector-long-description.ng-hide {
    line-height: 0;
    max-height: 0
}

.import-project-trello-form-selector-question {
    position: absolute;
    right: 1.5rem;
    top: 1.5rem
}

.import-project-trello-form-selector-question:hover svg {
    fill: #25a28c;
    transition: fill .2s linear
}

.import-project-trello-form-selector-question svg {
    width: 1.2rem;
    height: 1.2rem;
    fill: #434456
}

.import-project-trello-form-selector p {
    margin-bottom: 0
}

.import-project-trello-form-action {
    display: flex;
    margin: 3rem 0 0
}

.import-project-trello-form-action button {
    font-size: 1.1rem;
    padding: .75rem
}

.import-project-trello-form-action-submit {
    flex: 4;
    margin-left: 1rem
}

.import-project-trello-form-action-back, .import-project-trello-form-action-cancel {
    color: currentColor
}

.import-project-trello-form-action-back:hover, .import-project-trello-form-action-cancel:hover {
    color: #5cbaa9
}

.import-project-trello-form-action-cancel {
    flex: 1
}

.import-project-trello-form-action-back {
    width: 10%
}

.import-project-trello-form-warning {
    font-size: .875rem;
    background: #eceff4;
    border: 2px solid #e44057;
    display: flex;
    margin-bottom: 1rem;
    padding: 1rem
}

.import-project-trello-form-warning .icon-alert {
    fill: #e44057;
    margin-right: .5rem;
    margin-top: .15rem;
    vertical-align: middle
}

.import-project-trello-form-warning p {
    margin-bottom: 0
}

.import-project-trello-form-warning p a {
    color: #19474b;
    display: inline-block;
    margin-left: .25rem
}

.import-project-trello-form .spin {
    text-align: center;
    width: 100%
}

.warning-users-import-lightbox {
    max-width: 600px
}

.warning-users-import-lightbox .warning-users-import-title {
    text-align: center
}

.warning-users-import-lightbox .actions {
    display: flex;
    margin: 2rem 0
}

.warning-users-import-lightbox .actions button {
    flex: 1
}

.warning-users-import-lightbox .actions button:first-child {
    flex: 0;
    flex-basis: 40%;
    margin-right: .5rem
}

.warning-users-import-lightbox .actions .button-trans {
    color: #434456
}

.profile-projects {
    border-top: 1px solid #e2e3e9
}

.profile-projects .list-itemtype-project {
    display: flex;
    justify-content: space-between;
    min-height: 9rem;
    padding: .75rem
}

.profile-projects .list-itemtype-project.blocked-project .list-itemtype-project-image, .profile-projects .list-itemtype-project.blocked-project .list-itemtype-project-right, .profile-projects .list-itemtype-project.blocked-project .project-description, .profile-projects .list-itemtype-project.blocked-project .project-title {
    opacity: .4
}

.profile-projects .list-itemtype-project .project-list-single-title-wrapper {
    display: flex
}

.profile-projects .list-itemtype-project .list-itemtype-project-image {
    flex-shrink: 0
}

.profile-projects .list-itemtype-project .list-itemtype-project-right {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    justify-content: space-between;
    width: 200px
}

.profile-projects .list-itemtype-project .icon-blocked-project {
    width: 1rem;
    height: 1rem;
    fill: #fff;
    stroke: #ffa0a0
}

.project-list-wrapper {
    position: relative
}

.project-list-wrapper .project-list-title {
    align-items: center;
    background: #f1f1f4;
    display: flex;
    justify-content: space-between;
    margin: 2rem 0 1rem;
    padding: .9rem 1rem
}

.project-list-wrapper .project-list-title h1 {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    font-size: 1.4rem;
    color: #19474b;
    margin: 0
}

.project-list-wrapper .icon-badge, .project-list-wrapper .icon-blocked-project, .project-list-wrapper .icon-private {
    width: 1rem;
    height: 1rem
}

.project-list-wrapper .icon-badge {
    fill: #5cbaa9;
    stroke: #5cbaa9
}

.project-list-wrapper .create-project-btn {
    font-size: .875rem;
    margin-right: .25rem;
    padding: .6rem 2.5rem
}

.project-list-wrapper .import-project-button {
    padding: .53rem .8rem
}

.project-list-wrapper .import-project-button:hover .icon-upload {
    fill: #5cbaa9
}

.project-list-wrapper .import-project-button .icon-upload {
    fill: #fff
}

.project-list-wrapper .project-list-section {
    display: flex
}

.project-list-wrapper .project-list {
    flex: 1;
    margin-right: 2rem
}

.project-list-wrapper .help-area {
    font-size: .875rem;
    color: #70728f;
    width: 200px
}

.project-list-wrapper .list-itemtype-project {
    background: rgba(255, 255, 255, .6)
}

.project-list-wrapper .list-itemtype-project:hover {
    background: rgba(92, 186, 169, .1);
    cursor: move;
    transition: background .3s
}

.project-list-wrapper .list-itemtype-project:hover .drag {
    opacity: 1
}

.project-list-wrapper .list-itemtype-project.blocked-project .icon-badge, .project-list-wrapper .list-itemtype-project.blocked-project .list-itemtype-project-image, .project-list-wrapper .list-itemtype-project.blocked-project .private, .project-list-wrapper .list-itemtype-project.blocked-project .project-description, .project-list-wrapper .list-itemtype-project.blocked-project .project-title {
    opacity: .25
}

.project-list-wrapper .list-itemtype-project.blocked-project:hover .icon-drag {
    opacity: 1
}

.project-list-wrapper .list-itemtype-project .list-itemtype-project-data-wrapper {
    display: flex
}

.project-list-wrapper .list-itemtype-project .list-itemtype-project-image {
    flex-shrink: 0;
    margin-right: 1rem
}

.project-list-wrapper .drag {
    align-self: center;
    opacity: 0
}

.project-list-wrapper .drag svg {
    fill: #70728f;
    height: 1.1rem;
    margin-right: .5rem;
    transition: opacity .2s;
    width: 1.1rem
}

.project-list-wrapper .gu-transit {
    background-color: #ebebf0;
    height: 5rem;
    opacity: 1
}

.project-list-wrapper .gu-transit * {
    display: none
}

.project-list-wrapper .gu-mirror {
    background: #fff;
    opacity: 1
}

.blocked-project-detail {
    align-items: center;
    background: url(../images/discover.png) bottom center repeat-x;
    display: flex;
    height: calc(100vh - 40px);
    justify-content: center;
    min-height: calc(100vh - 40px);
    min-width: 100vw;
    width: 100vw
}

.blocked-project-inner {
    width: 330px
}

.blocked-project-title {
    align-items: center;
    display: flex
}

.blocked-project-title .project-image {
    flex-basis: 6rem;
    margin-right: 1rem;
    max-width: 6rem;
    position: relative
}

.blocked-project-title img {
    width: 100%
}

.blocked-project-title .icon-blocked-project {
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    right: -.5rem;
    top: -.5rem
}

.blocked-project-title .project-title {
    font-size: 1.4rem
}

.blocked-project-message {
    margin-top: 4rem;
    text-align: center
}

.blocked-project-message .project-block-title {
    font-size: 1.7rem
}

.transfer-project-wrapper {
    flex-basis: 500px;
    flex-grow: 0;
    width: 90%
}

.transfer-project {
    align-content: center;
    align-items: center;
    background: url(../images/discover.png) bottom center repeat-x;
    display: flex;
    height: calc(100vh - 40px);
    justify-content: center;
    min-height: calc(100vh - 40px)
}

.transfer-project .transfer-title {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif
}

.transfer-project-detail {
    align-items: center;
    border-bottom: 1px solid #d8dee9;
    border-top: 1px solid #d8dee9;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 1rem 0 3rem;
    padding: 1rem 0
}

.transfer-project-image {
    margin-right: 1rem;
    width: 4rem
}

.transfer-project-title {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    font-size: 1.4rem;
    margin-bottom: .25rem
}

.transfer-project-statistics {
    display: flex
}

.transfer-project-statistics .transfer-project-members, .transfer-project-statistics .transfer-project-private {
    color: #4c566a;
    display: flex;
    margin-right: .5rem
}

.transfer-project-statistics svg {
    fill: #4c566a;
    margin-right: .25rem
}

.transfer-project-comment-link {
    color: #19474b;
    cursor: pointer;
    display: block;
    margin-bottom: 1rem
}

.transfer-project-comment-header {
    display: flex;
    justify-content: space-between
}

.transfer-project-comment-header .icon-close {
    cursor: pointer;
    fill: #4c566a
}

.transfer-project-comment-header .icon-close:hover {
    fill: #e44057;
    transition: fill .2s
}

.transfer-project-comment-form.ng-enter {
    animation: dropdownFade .2s
}

.transfer-project-comment-label {
    display: block;
    margin-bottom: .5rem
}

.transfer-project-comment {
    margin-bottom: 1rem;
    min-height: 6rem
}

.transfer-project-options {
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    display: flex;
    justify-content: space-around;
    margin-bottom: 1rem;
    row-gap: 1rem
}

.profile-timeline {
    border-top: 1px solid #e2e3e9
}

.profile-timeline .activity-item {
    border-bottom: 1px solid #e2e3e9;
    padding: 1rem .5rem 1rem 0;
    position: relative
}

.profile-timeline .activity-item p {
    margin-bottom: 0;
    word-break: break-word
}

.profile-timeline .activity-item .username:first-child, .profile-timeline .activity-item a:first-child {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif;
    color: #5a5b72
}

.profile-timeline .activity-item blockquote {
    line-height: 1.4rem;
    margin-bottom: 0;
    margin-left: calc(35px + 1rem);
    margin-top: .5rem;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: pre-line
}

.profile-timeline .activity-item blockquote a {
    display: flex
}

.profile-timeline .activity-item img {
    max-height: 640px;
    max-width: 640px
}

.profile-timeline .activity-item .activity-info {
    align-items: center;
    color: #70728f;
    display: flex;
    margin-right: 130px
}

.profile-timeline .activity-item .activity-date {
    color: #70728f;
    font-size: .75rem;
    position: absolute;
    right: .5rem;
    top: 1.2rem
}

.profile-timeline .activity-item .profile-contact-picture, .profile-timeline .activity-item .profile-member-picture {
    border-radius: .1rem;
    flex-basis: 2rem;
    flex-shrink: 0;
    margin-right: 1rem;
    vertical-align: center;
    width: 2rem
}

.profile-timeline .activity-item .profile-contact-picture img, .profile-timeline .activity-item .profile-member-picture img {
    border-radius: 50%;
    font-size: .6em;
    max-height: 2rem;
    max-width: 2rem;
    min-height: 2rem;
    min-width: 2rem;
    overflow: hidden
}

.profile-timeline .activity-item .new-color {
    border-radius: 50%;
    display: inline-block;
    height: 1rem;
    margin-left: .2rem;
    position: relative;
    top: .1rem;
    width: 1rem
}

.profile-timeline .activity-member-view {
    display: flex;
    margin-bottom: .5rem;
    margin-left: calc(35px + 1rem);
    margin-top: .5rem
}

.profile-timeline .activity-member-view .profile-member-picture {
    flex-basis: 3rem;
    width: 3rem
}

.profile-timeline .activity-member-view .activity-member-info {
    flex: 1
}

.profile-timeline .activity-member-view a {
    font-family: Ubuntu-Medium, Arial, Helvetica, sans-serif
}

.profile-timeline .activity-member-view p {
    color: #70728f
}

.profile-timeline .single-attachment {
    border: 0;
    padding: 0
}

.profile-timeline .single-attachment span {
    font-family: Ubuntu-Regular, Arial, Helvetica, sans-serif;
    font-size: 1rem;
    display: inline-block;
    max-width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: sub;
    white-space: nowrap
}

.profile-timeline .single-attachment .icon {
    fill: #434456;
    margin-right: .5rem
}

.profile-timeline .spin {
    margin: 10% auto;
    width: 3rem
}

.profile-timeline .spin img {
    animation-timing-function: ease-in-out;
    animation: rotate 1.5s cubic-bezier(0, .05, .87, 1.04) infinite alternate;
    margin: 0 auto;
    max-height: 1rem;
    max-width: 1rem;
    transform-origin: 32 32;
    max-height: 3rem;
    max-width: 3rem
}

.wiki-history {
    margin-bottom: 2rem
}

_:-ms-fullscreen .taskboard-row, :root .taskboard-table-body .taskboard-row {
    min-height: auto
}

svg {
    pointer-events: none
}

a[ng-click] svg {
    pointer-events: auto
}

tg-card .card-title span:last-child {
    word-break: break-word
}