@import url('https://fonts.googleapis.com/css?family=Fira+Sans:300,300i,500,500i,700,700i|Fira+Mono:400,500,700&subset=cyrillic,cyrillic-ext,latin-ext');

/* General styles */
body, td, th {
    padding: 0;
    margin: 0;
    font-family: 'Fira Sans', sans-serif;
    font-style: normal;
    font-weight: 300;
    text-align: left;
    font-size: 14px;
    line-height: 1.43;
    color: #555;
}

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

body {
    background-color: #FFF;
}

h1 {
    font-size: 1.6em;
}

h2 {
    font-size: 1.4em;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.15em;
}

h5 {
    font-size: 1.1em;
}

h6 {
    font-size: 1.05em;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 500;
    padding: 3px 3px 3px 0;
    margin: 5px 0 5px 0;
}

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

a {
    color: #00a400;
    text-decoration: none;
}

a.missing_wiki_page {
    color: #a40000;
    text-decoration: none;
}

a.image:hover {
    border: 0;
}

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

a:hover {
    border-bottom: 1px dotted #AAA;
}

a:active, a:focus {
    outline: none;
}

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

b, strong { font-weight: 500; }
code {
    padding: 0px 3px 0px 3px;
    background-color: #F1F1F1;
    border: 1px solid #DCDCDC;
    border-radius: 2px;
    font-size: 0.9em;
    font-family: 'Fira Mono', monospace;
    letter-spacing: 0;
}
input, select, textarea, button {
    font-family: 'Fira Sans', sans-serif;
    font-size: 1em;
    color: #555;
    border: 1px solid #AAA;
    padding: 2px;
    vertical-align: middle;
    font-weight: 300;
}

input, select, textarea {
    background-color: #FFF;
}

input[type="text"], input[type="email"], input[type="search"], input[type="password"], input[type="url"], textarea, select {
    box-shadow: inset 0 0 6px rgba(200, 200, 200, 0.4);
    vertical-align: middle;
}

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

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

input[type="text"][disabled], input[type="email"][disabled], input[type="url"][disabled], input[type="search"][disabled], input[type="password"][disabled], textarea[disabled], select[disabled] {
    background-color: #F9F9F9;
    color: #BBB;
}

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

input::-webkit-input-placeholder {
    color: #BBB;
}

input:-moz-placeholder {
    color: #BBB;
}

pre {
    overflow: auto;
}

select {
    height: 25px;
}

textarea {
    padding: 5px;
    font-family: 'Fira Mono', monospace;
    box-sizing: border-box;
}

input#login_button, input#register_button {
    cursor: pointer;
    font-weight: 300;
    padding: 8px 12px !important;
}

#elevated_login_indicator {
    margin-top: 8px;
    margin-left: -30px;
    position: absolute;
}

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

th {
    font-weight: 500;
    border-bottom: 1px solid #DDD;
    padding: 2px;
    background-color: #F5F5F5;
}

dt {
    float: left;
    width: 420px;
}

dt label {
    padding-left: 0;
}

dd {
    margin-left: 0;
    margin-bottom: 15px;
    vertical-align: middle;
}

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

label .faded_out {
    font-weight: 500;
}

label.optional {
    font-weight: 500;
}

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

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

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

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

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

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

img[src*="#thumb"],
a[href*="#thumb"] {
    width: 500px;
    display: block;
    border: 1px solid #CCC;
    clear: right;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    margin: 10px 10px 0 0;
    padding: 6px;
    background-color: #FFF;
    text-align: center;
}

img[src*="#thumb"] {
    border-bottom: none;
}

a[href*="#thumb"] {
    border-top: none;
    margin-top: 0;
    margin-bottom: 15px;
}

.offline_msg {
    padding: 10px;
}

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

.left {
    text-align: left;
}

.right {
    text-align: right;
}

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

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

/* end general styles */

/* Main header area */
header {
    background: #4E81AB;
    color: white;
    flex: 0 0 35px;
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    font-size: .95rem;
}

.backdrop_detail_header {
    box-shadow: none;
    border-bottom: 1px solid #FFF;
    color: #FFF;
    font-weight: 300;
    font-size: 1.3em;
    margin: 0;
    text-transform: uppercase;
    display: flex;
    background-color: #4E81AB;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.backdrop_detail_header span {
    flex: 1 1 auto;
    padding: 10px;
    text-align: left;
}
.backdrop_detail_header .closer, .backdrop_detail_header .back_link, .backdrop_detail_header .add_link {
    flex: 0 0 auto;
    padding: 10px;
    vertical-align: middle;
    transition: background-color 0.3s ease-in-out;
}
.backdrop_detail_header .closer:hover, .backdrop_detail_header .back_link:hover, .backdrop_detail_header .add_link:hover {
    background-color: rgba(255, 255, 255, 0.1);
}
.backdrop_detail_header a {
    color: #FFF;
    border: none;
    text-decoration: none;
}
.backdrop_detail_header .closer a:hover {
    color: #FAA;
}
.backdrop_detail_header a:hover {
    border: none;
    text-decoration: none;
}

.backdrop_details_submit {
    display: flex;
    padding: 10px;
    vertical-align: middle;
    text-align: right;
}
.backdrop_details_submit + .backdrop_details_submit {
    margin: 0 10px;
    padding: 10px 0;
    border-top: 1px dotted rgba(100, 100, 100, 0.1);
}

.backdrop_details_submit span.explanation {
    flex: 1 1 auto;
    text-align: left;
    color: #888;
    font-size: 1.1em;
    font-style: italic;
}
.backdrop_details_submit span.explanation + .submit_container {
    flex: 0 0 auto;
}
.backdrop_details_submit .submit_container {
    flex: 1 1 auto;
    text-align: right;
}

.backdrop_details_submit input[type="submit"], .backdrop_details_submit input[type="submit"]:hover,
.backdrop_details_submit input[type="button"], .backdrop_details_submit input[type="button"]:hover,
.backdrop_details_submit button, .backdrop_details_submit button:hover ,
.backdrop_details_submit .button, .backdrop_details_submit .button:hover {
    font-weight: 300;
    font-size: 1.1em;
    padding: 5px 8px;
}
.button .indicator, button .indicator { display: none; margin-right: .35em; }
.submitting .button .indicator, .submitting button .indicator, .button.submitting .indicator, button.submitting .indicator { display: inline-block; }

.project-context #main_menu {
    display: none;
}

#header_config_link .fas,
#header_config_link .far {
    margin-right: 0;
}

#user_notifications_count {
    position: absolute;
    top: 0;
    right: 0;
    padding: 3px 6px;
    border-radius: 100%;
    display: block;
    vertical-align: middle;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.1);
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
    border: 0;
    margin: 0;
    height: auto;
    min-width: 0;
    color: rgba(255, 255, 255, 0.4);
    font-weight: 300;
    font-size: 0.9em;
    line-height: 1;
    transition: opacity 0.2s ease-in-out;
}

#user_notifications_container.active #user_notifications_count {
    opacity: 0;
}

header #user_notifications_count img {
    width: 8px;
    margin-right: 0;
}

.header_menu li.nohover.user_notifications_container.active, .header_menu li.nohover.user_notifications_container.active:hover {
    background-color: #FFF;
    z-index: 10001;
    box-shadow: none;
    border-bottom: 1px solid #FFF;
}

header #user_notifications_count.unread {
    background-color: rgba(85, 170, 127, 0.7);
    color: rgba(255, 255, 255, 0.9);
    text-shadow: none;
    cursor: pointer;
}

#user_notifications {
    width: 400px;
    position: absolute;
    right: 1px;
    left: auto;
    z-index: 10000;
    overflow: hidden;
}

#user_notifications_list_wrapper {
    max-height: 500px;
    overflow: auto;
}

#user_notifications_list li.read:hover {
    background-color: rgba(220, 220, 220, 0.1);
    box-shadow: none;
}

#user_notifications_list li.unread:hover {
    background-color: rgba(235, 235, 200, 0.2);
    box-shadow: none;
}

#user_notifications_list li.unread {
    background-color: rgba(255, 252, 234, 1);
}

#user_notifications.active {
    display: block;
}

#user_notifications h1 {
    font-size: 1.1em;
    font-weight: 500;
    padding: 5px 0;
    margin: 3px 5px 5px 5px;
    color: #888;
}

#user_notifications h1 a {
    float: right;
    font-size: 1em;
    position: relative;
    z-index: 2;
}

#user_notifications_ist > li h1 {
    font-size: 1em;
    font-weight: 500;
    color: #555;
    border: 0;
    padding: 0;
    margin: 0;
    display: inline-block;
}

#user_notifications_list li .notification_content {
    color: #999;
    font-style: italic;
    font-weight: 300;
    margin: 0 0 5px 0;
    padding: 0 4px;
    clear: both;
    display: block;
}

#user_notifications_list li .userdropdown {
    padding-top: 0;
    margin-left: 3px;
}

#user_notifications .toggling .notification_status_toggler {
    display: none;
}

#user_notifications_list li .notification_status_toggler {
    display: block;
    position: absolute;
    left: 365px;
    top: 5px;
    opacity: 1;
    transition: opacity 0.3s ease;
}

#user_notifications_list li img.icon_read, #user_notifications_list li img.icon_unread {
    display: none;
}

#user_notifications_list li.read img.icon_read, #user_notifications_list li.unread img.icon_unread {
    display: inline;
}

#user_notifications_list li.read .notification_status_toggler {
    opacity: 0.6;
}

#user_notifications_list li .notification-project-logo {
    margin: -3px 5px 0 0;
    width: 16px;
    height: 16px;
}

#user_notifications_list li.read .notification-project-logo,
#user_notifications_list li.read .avatar.small {
    opacity: 0.4;
}

#user_notifications_list li time {
    font-size: 0.85em;
    color: #888;
    font-weight: 300;
    font-style: normal;
    display: inline-block;
    margin-right: 2px;
    min-width: 70px;
    border-radius: 2px;
    text-align: center;
    background-color: rgba(219, 219, 219, 0.5);
    padding: 4px 3px;
    line-height: 1.2;
}

#user_notifications_list li.read time {
    background-color: #F7F7F7;
}

#user_notifications_list li.read h1, #user_notifications_list li.read .notification_content, #user_notifications_list li.read time {
    font-weight: 300;
    color: #CCC;
}

#user_notifications_list li.read a.userlink, #user_notifications_list li.read a, #user_notifications_list li.read .notification_content a {
    color: rgba(0, 164, 0, 0.5);
}

#user_notifications_list li a.userlink, #user_notifications_list li a {
    color: rgba(0, 164, 0, 0.8);
    float: none;
    display: inline;
    margin: 0;
}

#user_notifications_list li .user_dropdown .user_realname, #user_notifications_list li .user_dropdown .user_details {
    color: #555 !important;
}

#user_notifications_list li .notification_content a {
    color: #4EB643;
}

#user_notifications_list li a img {
    margin-right: 0;
}

#user_notifications_list li a .userstate {
    display: none;
}

#user_notifications_list li.no-notifications {
    font-size: 1.5em;
    text-align: center;
    padding: 25px;
}
#user_notifications_list li.no-notifications .fas {
    font-size: 2.5em;
    color: orange;
    display: block;
    padding: 0 0 25px 0;
}

header #header_userinfo li.temporarily_switched {
    background-color: rgb(228, 156, 109);
}

header #header_userinfo li.temporarily_switched .user_menu_dropdown {
    background-color: rgb(252, 240, 233);
}

#user_menu {
    left: auto;
    right: 0;
}

#header_avatar {
    border-radius: 100%;
    border: 2px solid rgba(255, 255, 255, 0.8);
    height: 22px;
    vertical-align: middle;
    display: inline-block;
}

.userlink {
    display: inline-block;
    vertical-align: middle;
    font-weight: 300;
    padding: 4px;
    border-radius: 3px;
    border: 1px solid transparent;
    background-color: transparent;
    transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.userlink.inline {
    vertical-align: baseline;
    padding: 2px 4px;
    margin: 0;
    color: #555;
    font-weight: 500;
}
.userlink.inline:hover {
    font-weight: 500;
}
.userlink:hover {
    text-decoration: none;
    border: 1px solid rgba(100, 100, 100, 0.15);
    font-weight: 300;
}
.userlink.button-pressed, .userlink.button-pressed:hover {
    border: 1px solid rgba(100, 200, 100, 0.25);
    background-color: rgb(253, 250, 223);
    color: #555;
}

img.userstate {
    width: 12px;
    height: 12px;
    display: inline-block;
    margin: 1px 2px 2px 0;
    vertical-align: middle;
}
.fas.userstate,
.far.userstate {
    display: inline-block;
    width: 12px;
    font-size: .8em;
}
.fas.userstate.online,
.far.userstate.online {
    color: rgb(50, 150, 50);
}
.fas.userstate.busy,
.fas.userstate.unavailable,
.far.userstate.busy,
.far.userstate.unavailable {
    color: rgb(200, 50, 50);
}
.fas.userstate.in-meeting,
.far.userstate.in-meeting {
    color: rgb(50, 50, 200);
}
.fas.userstate.absent,
.far.userstate.absent {
    color: rgb(255, 220, 0);
}
.fas.userstate.offline,
.far.userstate.offline {
    color: rgb(50, 150, 50);
}

img.avatar {
    border-radius: 15px;
    display: inline-block;
    margin: 0 2px 2px 0;
    vertical-align: middle;
    width: 28px;
    height: 28px;
}

.avatar.small {
    width: 18px;
    height: 18px;
}

#usermenu_changestate_toggler {
    float: right;
    margin-left: 5px;
    padding: 1px 3px !important;
    font-size: 1em !important;
    border: 1px solid rgba(0, 0, 0, 0.2) !important;
}

#usermenu_changestate {
    clear: both;
    margin: -5px 10px 10px 10px;
}

#change_userstate_dropdown {
    float: right;
    margin: -2px 5px 2px;
}

#logo_container {
    padding: 0 0 0 10px;
    margin: 5px;
    flex: 0 1 auto;
}

#logo_container .logo {
    float: none;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    text-decoration: none;
    border: 0;
    line-height: 0;
}

#logo_container .logo img {
    max-height: 24px;
}

#logo_container a.logo:hover {
    text-decoration: none;
    border: 0;
}

#logo_container .logo_name, #logo_container .logo_name:hover {
    font-size: 1.2em;
    color: #ECF0F4;
    margin: 0 5px 0 0;
    padding: 4px 8px;
    line-height: 1em;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
    float: none;
    display: inline-block;
    vertical-align: middle;
    border: none;
    border-radius: 3px;
    background-color: transparent;
    transition: background-color 0.3s ease-in-out;
}
#logo_container a.logo_name:hover {
    background-color: rgba(255, 255, 255, 0.25);
}
.project-context #logo_name {
    display: none;
}

#topmenu-container {
    display: flex;
    flex: 1 1 auto;
    flex-direction: row;
    flex-wrap: nowrap;
}

#quicksearch-container {
    flex: 0 0 300px;
}

#main_menu, #project_menu {
    flex: 1 1 auto;
}
#header_userinfo {
    flex: 0 0 auto;
}
#header_usermenu_link .dropper {
    padding: 1px 8px;
}
#header_usermenu_link .dropper.button-pressed, #user_notifications_container .dropper.button-pressed {
    background-color: #FFF;
    text-shadow: none;
    color: #333;
}

.header_menu {
    display: flex;
}
.header_menu > ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-self: center;
}
.header_menu > ul > li {
    flex: 0 0 auto;
    align-self: center;
    background-color: transparent;
    margin: 0 5px 0 0;
    position: relative;
}
.header_menu > ul > li > a,
.header_menu > ul > li > a:hover {
    display: inline-block;
    color: #FFF;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.7);
    padding: 4px 8px;
    border-radius: 3px;
    border: 1px solid transparent;
    transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
    text-decoration: none;
}
.header_menu > ul > li > a:hover {
    background-color: rgba(0, 0, 0, 0.25);
    /*border-color: #FFF;*/
}
.header_menu > ul > li:not(.selected) > a.button-pressed {
    background-color: transparent;
    border-color: #FFF;
}
.header_menu > ul > li.selected > a,
.header_menu > ul > li.selected > a:hover {
    color: #444;
    background-color: #FFF;
    text-shadow: none;
}
.header_menu > ul > li > a > .fas, .header_menu > ul > li > a > .far {
    margin: 0 .5em 0 0;
}
.header_menu > ul > li > a > .fas:last-child, .header_menu > ul > li > a > .far:last-child {
    margin: 0;
}
.header_menu > ul > li > a > .fas.dropdown-indicator, .header_menu > ul > li > a > .far.dropdown-indicator {
    margin: 0 0 0 .5em;
}
.header_menu > ul > li > div > ul > li > a > .additional_information {
    display: block;
    font-size: .9em;
    padding-bottom: 3px;
}
.header_menu > ul > li > div > ul > li:hover > a > .additional_information .status_badge {
    color: #4E81AB !important;
    background-color: #FFF !important;
    border-color: #FFF !important;
}
.header_menu > ul > li > div > ul > li:hover > a > .additional_information .priority {
    color: #FFF !important;
    background-color: transparent !important;
}
.header_menu > ul > li > div > ul > li > a span + span {
    margin-left: .6em;
}

.reportissue_button_container {
    flex: 0 0 auto;
    vertical-align: top;
}

.reportissue_button_container .button, .reportissue_button_container .button:hover {
    color: rgba(0, 0, 0, 0.8);
    text-shadow: none;
    font-weight: 500;
    margin-top: 4px;
    box-shadow: none;
    font-size: 1em !important;
    padding: 4px 8px !important;
    border: 0 !important;
    border-radius: 3px !important;
}

.reportissue_button_container .button:hover {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6) !important;
}

.submenu_strip .selected_project {
    font-size: 1em;
    font-weight: 500;
    color: #555;
    border-color: #D9D9BB;
}

.submenu_strip {
    background-color: #ECF0F4;
    color: #333;
    clear: both;
    padding: 5px;
    height: 28px;
    font-size: 0.9em;
    margin: 0;
    border-bottom: 1px solid rgba(78, 129, 171, 0.15);
}

#quicksearchform {
    text-align: right;
    position: relative;
    margin-right: 10px;
}

#quicksearchform button[type="submit"], #quicksearchform button[type="submit"]:hover {
    position: absolute;
    right: 4px;
    top: 0;
    padding: 4px;
    color: rgba(0, 0, 0, 0.4);
    font-size: 1.3em;
    background: transparent;
    border: none;
    text-shadow: none;
    box-shadow: none;
    line-height: 1;
}

#quicksearchform input[type="search"] {
    margin: 5px;
    width: calc(100% - 10px);
    font-size: 14px;
    padding: 4px;
    box-sizing: border-box;
    display: block;
    position: relative;
    -o-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 2px;
    transition: background-color 0.3s ease-in-out;
}
#quicksearchform input[type="search"]:focus {
    background-color: rgba(255, 255, 255, 1);
}

#quicksearch_indicator {
    position: absolute;
    left: -25px;
    top: 10px;
    z-index: 10;
    font-size: 1.2em;
    color: rgba(255, 255, 255, 0.8);
}

div.autocomplete ul li.quicksearch_user_item img {
    float: none;
}

/* End main header area */

/* error and success message popups / slidedowns */
input[type=checkbox].semi-checked {
    opacity: .40;
}

.semi_transparent {
    opacity: .40;
}

.semi_transparent img {
    vertical-align: middle;
}

.medium_transparent {
    opacity: .85;
}

.medium_transparent img {
    vertical-align: middle;
}

.almost_not_transparent {
    opacity: .90;
}

.popup_message {
    margin: 0 0 0 -375px;
    position: fixed;
    top: 20px;
    left: 50%;
    width: 750px;
    padding: 5px !important;
    box-sizing: border-box;
    font-size: 1em;
    color: #000;
    border: 1px solid rgba(100, 100, 100, 0.3);
    cursor: pointer;
    text-align: center;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19) !important;
}

.dismiss_me {
    position: absolute;
    top: 5px;
    right: 5px;
    color: rgb(170, 170, 170);
    text-align: right;
    font-size: 0.8em;
    line-height: 1;
    padding: 0;
    margin: 0;
}

.popup_message .messagetitle {
    font-weight: 500;
    color: #555;
    display: block;
}

.popup_message.failure {
    z-index: 200001;
    background-color: #FFE2E2;
    border: 1px solid rgba(66, 19, 19, 0.45);
}

.popup_message.failure .dismiss_me {
    color: rgb(184, 134, 134);
}

.popup_message.failure .messagetitle {
    color: #691717;
}

.popup_message.success {
    z-index: 200000;
    background-color: #DEEFDE;
    border: 1px solid rgba(30, 69, 24, 0.45);
}

.popup_message.success .dismiss_me {
    color: rgb(154, 184, 134);
}

.popup_message.success .messagetitle {
    color: #23642B;
}

/* end slidedowns */

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

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

/* main page layout dimensions and details */
#content_container {
    padding: 0;
    margin: 0;
    flex: 1 1 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.project-context.page-project_dashboard #content_container,
.project-context.page-project_releases #content_container,
.project-context.page-project_release_center #content_container,
.project-context.page-project_roadmap #content_container,
.project-context.page-project_milestone_details #content_container,
.project-context.page-project_team #content_container,
.project-context.page-project_statistics #content_container,
.project-context.page-project_settings #content_container,
.project-context.page-agile_index #content_container,
.project-context.page-agile_whiteboard #content_container,
.project-context.page-agile_board #content_container,
.project-context.page-viewissue #content_container,
.project-context.page-project_timeline #content_container,
.project-context.page-livelink_project_commits #content_container,
.project-context.page-livelink_project_commit #content_container {
    flex-direction: column;
}
.project-context.page-agile_board .project_info_container .project_right_container,
.project-context.page-agile_whiteboard .project_info_container .project_right_container {
    max-width: none;
}

.side_bar {
    flex: 0 0 310px;
    background-color: transparent;
    vertical-align: top;
    padding: 5px;
    position: relative;
    transition: flex 0.3s ease;
    box-shadow: 10px 0 15px -17px rgba(0, 0, 0, 0.8);
    box-sizing: border-box;
}

@-moz-document url-prefix() {
    .side_bar {
        box-shadow: 10px 0 15px -21px rgba(0, 0, 0, 0.8);
    }
}

.side_bar .header .button-group {
    float: right;
    margin: -3px 0 0;
    opacity: 0.3;
    transition: opacity 0.3s ease;
}

.side_bar .header:hover .button-group {
    opacity: 1;
}

.main_area {
    text-align: left;
    vertical-align: top;
    padding: 10px 10px 10px 15px;
    flex: 1 1 700px;
}

/* end main page layout */

/* footer section */
footer {
    position: relative;
    vertical-align: middle;
    flex: 0 0 20px;
    background: -webkit-linear-gradient(top, #FFF 0%, #F1F1F1 100%); /* Chrome10+,Safari5.1+ */
    background: linear-gradient(to bottom, #FFF 0%, #F1F1F1 100%); /* W3C */
    border: 0;
    text-align: center;
    font-size: 0.9em;
    line-height: 1.4;
    padding: 5px 0;
    text-shadow: 1px 1px 0 #FFF;
}

footer .message-box {
    margin: 10px auto;
    max-width: 650px;
    text-align: left;
    align-items: center;
}

footer img {
    margin: 0 3px -3px 0;
}

/* footer section */

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

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

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

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

#tbg_username, #forgot_password_username, .login_popup input[type=password], #fieldusername {
    background-repeat: no-repeat;
    background-position: 7px 10px;
    padding: 8px 8px 8px 28px;
    font-size: 1.2em;
    border-radius: 4px;
    width: 383px;
}

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

#register input[type=text]#fieldusername {
    padding: 8px 8px 8px 28px;
    font-size: 1.1em;
    width: 358px;
    transition: background-image 0.3s ease, background-color 0.3s ease;
}

#register input[type=text], #register input[type=email] {
    padding: 6px;
    font-size: 1.1em;
    border-radius: 4px;
    width: 383px;
}

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

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

#register_message {
    margin-bottom: 0;
}

#login_indicator, #register_indicator, .login_button_container .indicator {
    vertical-align: middle;
    margin-right: 5px;
}

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

.logindiv {
    border: 0;
    padding: 10px;
    display: none;
}

.logindiv.active {
    display: block;
}

.logindiv.openid_container {
    width: 100%;
    float: right;
    box-sizing: border-box;
}

.logindiv.openid_container form {
    width: 590px;
}

.login_popup h2.login_header {
    font-size: 1.2em;
    font-weight: 500;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
    padding: 5px 0;
    margin: 5px 0;
    color: #888;
}

.login_formlist, .account_popupform {
    list-style: none;
    margin: 0 0 15px 0;
    padding: 0;
}

.login_formlist li, .account_popupform li {
    padding: 0;
    margin: 5px 0;
}

.login_formlist label, .account_popupform label {
    font-weight: 500;
    font-size: 1.1em;
    padding: 5px 0;
    clear: both;
    float: none;
    display: block;
}

.login_formlist label.login_fieldlabel {
    clear: none;
    display: inline-block;
    font-weight: 500;
    font-size: 1.1em;
    vertical-align: middle;
    padding: 2px 0;
}

.login_formlist li.security_check {
    padding-top: 20px;
}

.login_button_container {
    padding: 0;
    margin: 0;
    text-align: right;
}

.login_button_container .button, .login_button_container .button:hover {
    font-size: 1.1em;
    padding: 3px 7px !important;
    font-weight: 300 !important;
}

.registration_button_container {
    text-align: center;
    padding: 5px 0 15px 0;
    display: none;
}

.registration_button_container.active {
    display: block;
}

.loggedindiv {
    margin: 10px;
    text-align: center;
    font-weight: 500;
}

.login_page_div {
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    text-align: center;
}

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

/* end login / registration styling */

/* tooltip styling */
.tooltip {
    display: block;
    position: absolute;
    bottom: 35px;
    left: -12px;
    text-align: left;
    font-size: .9rem;
    opacity: 0;
    color: #333;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
    border-radius: 0;
    background-color: #FFF;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    z-index: 1;
    overflow: hidden;
    width: 0;
    height: 0;
    padding: 0;
    white-space: normal;
}

.tooltip.from-above {
    bottom: auto;
    top: 20px;
}

.article .title_left_images .tooltip.from-above {
    top: 35px;
    left: -4px;
    transition-delay: .5s;
}

.tooltip.big {
    width: 450px;
}

*:hover > .tooltip, *:active > .tooltip, input:focus + .tooltip {
    z-index: 200000;
    width: 350px;
    height: auto;
    bottom: 35px;
    left: -12px;
    padding: 10px;
    opacity: 1;
    visibility: visible;
    overflow: visible;
    transition: opacity 0.7s ease, visibility 0.7s ease;
}

*:hover > .tooltip.from-above, *:active > .tooltip.from-above, input:focus + .tooltip.from-above {
    bottom: auto;
    top: 25px;
}

.tooltip:before,
.tooltip:after {
    content: '';
    position: absolute;
    bottom: -12px;
    left: 50%;
    margin-left: -9px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #CCC;
}

.tooltip:after {
    bottom: -10px;
    margin-left: -10px;
    border-top: 10px solid #FFF;
}

.tooltip.from-above:before, .tooltip.from-above:after {
    border-top: none;
    bottom: auto;
    top: -12px;
    border-bottom: 12px solid #CCC;
}

.tooltip.from-above:after {
    border-bottom: 10px solid #FFF;
    top: -10px;
}

.tooltip.leftie:before,
.tooltip.leftie:after {
    left: 10%;
}

.tooltip.rightie:before,
.tooltip.rightie:after {
    left: 90%;
}

#search_more_actions .tooltip.rightie {
    right: 50px;
    left: auto;
}

.sc_actions .dropdown_box:before,
.sc_actions .dropdown_box:after {
    left: 95%;
}

*.no_direction:before,
*.no_direction:after {
    border: none;
    content: '';
    display: none;
}

/* end tooltip styling */

/* table column containing an image */
.imgtd {
    width: 22px;
    text-align: center;
    vertical-align: middle;
}

/* frontpage article layout styling */
.article {
    font-size: 1.01em;
    color: #666;
    width: auto;
    padding: 5px;
    position: relative;
}

.main_area.article {
    padding: 5px 5px 5px 15px;
}

.main_area.frontpage .article {
    padding-top: 0;
}

.main_area.frontpage .article h1, .main_area.frontpage .article h2, .main_area.frontpage .article h3, .main_area.frontpage .article h4, .main_area.frontpage .article h5, .main_area.frontpage .article h6 {
    margin: 0 0 5px 0;
    padding: 5px 0;
    color: #888;
    border-bottom: none;
    font-weight: 500;
}

/* comments and commits styling */
.comment:not(.reply) {
    padding: 0;
    clear: both;
    display: block;
    margin-bottom: 25px;
    border: 1px solid rgba(225, 225, 225, .6);
    border-radius: 3px;
    position: relative;
}
.comment.system_comment {
    border: none;
    padding-left: 55px;
    font-size: .9em;
    line-height: 1em;
}
.comment-replies {
    padding-left: 50px;
}
.comment-replies .comment.reply {
    border-left: 3px solid rgba(225, 225, 225, .6);
}
.initial-placeholder {
    background-color: #FFF;
    border: none;
    border-bottom: 2px solid rgba(225, 225, 225, .5);
    border-radius: 5px;
    display: inline-block;
    padding: 7px 15px 7px 5px;
    margin-bottom: 24px;
    position: relative;
    z-index: 1;
}
.initial-placeholder > span {
    font-size: 1.2em;
}
.initial-placeholder span {
    vertical-align: middle;
    display: inline-block;
}
.initial-placeholder .icon {
    color: rgba(177, 210, 143, 0.3);
    font-size: 1.7em;
    vertical-align: middle;
    margin-right: 7px;
}
.comment:not(.reply):not(.system_comment) + .comment:not(.reply)::before {
    content: '';
    display: block;
    height: 25px;
    width: 1px;
    border-left: 3px solid rgba(225, 225, 225, .5);
    position: absolute;
    top: -26px;
    left: 40px;
}
.comment:not(.reply):not(.system_comment) + .comment.private_comment:not(.reply)::before {
    border-left-color: rgb(232, 246, 232);
}
.comment.system_comment::after {
    content: '';
    display: block;
    height: calc(100% + 26px);
    width: 1px;
    border-left: 3px solid rgba(225, 225, 225, .5);
    position: absolute;
    top: -1px;
    left: 40px;
}
.initial-placeholder::after {
    content: '';
    display: block;
    height: 25px;
    width: 1px;
    border-left: 3px solid rgba(225, 225, 225, .5);
    position: absolute;
    bottom: -26px;
    left: 40px;
}

.comment_main {
    position: relative;
    overflow: visible;
    padding: 0;
}

.comment:target .comment_main {
    border-color: rgba(100, 100, 100, 0.2);
    background-color: rgba(240, 247, 255, 0.6);
}
.comment:not(.reply):target > .comment_main {
    border-radius: 3px;
    box-shadow: 0 0 3px rgba(100, 100, 100, 0.2);
}

.comment.syntax_md p, .comment.syntax_md pre, .comment.syntax_md code, .article.syntax_md p, .article.syntax_md pre, .article.syntax_md code {
    margin: 0;
}

.comment_delete {
    margin-top: 10px !important;
}

.commenttitle {
    font-weight: 500;
    display: inline-block;
    line-height: 1.4em;
}
.reply-container {
    padding: 10px;
    border-top: 1px solid rgba(200, 200, 200, .3);
}
.reply-container .fake-reply {
    display: flex;
    align-items: center;
}
.fake-reply > .avatar-container {
    flex: 0 0 20px;
    margin-right: 7px;
}
.fake-reply > img.avatar {
    height: 20px;
    width: 20px;
    opacity: .8;
}
.fake-reply > a {
    border: 1px solid rgba(200, 200, 200, .3);
    border-radius: 5px;
    color: #AAA;
    flex: 1 1 auto;
    padding: 5px;
    font-size: .9em;
    background-color: rgba(225, 225, 225, .1);
}
.private_comment .fake-reply > a {
    background-color: rgba(255, 255, 255, .7);
}

.dropper_container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    line-height: 1em;
}

.dropper_container .dropper {
    text-transform: none;
    cursor: pointer;
    color: #555;
    margin-right: 7px;
    border: 1px solid rgba(200, 200, 200, .3);
    border-radius: 3px;
    padding: 4px 7px;
}
.dropper_container .dropper .fas {
    margin-right: 5px;
}

.dropper_container .dropper:hover {
    border-color: rgba(150, 150, 225, .6);
}
.dropper_container .dropper.button-pressed {
    box-shadow: 0 0 6px rgba(150, 150, 150, 0.4) inset;
}

.project_overview .header .dropper_container {
    float: right;
    margin-right: 5px;
}

.project_overview .header .dropper_container .more_actions_dropdown {
    right: 0;
    margin-top: 3px;
    left: auto;
    font-size: 0.9em;
    text-transform: none;
}

.project_overview .tab_menu.inset {
    margin-bottom: 0;
}

.commenttitle .userlink {
    margin-left: 0;
    font-size: 1em;
    padding: 0;
}
.commenttitle img.avatar {
    width: 16px;
    height: 16px;
}

.comment_hash {
    float: right;
    font-size: 2.0em;
    line-height: 1em;
    font-weight: 500;
    color: #B1B8E9;
    text-align: center;
}

.comment_hash a {
    color: #B1B8E9;
}

#issue_details .comment_hash {
    font-size: 1.3em;
    margin-top: 5px;
}

.comments_none {
    font-weight: 300;
}

.commentheader {
    padding: 8px 8px 0 8px;
    border: none;
    position: relative;
    /*background-color: rgba(225, 225, 225, .1);*/
}
.commentdate {
    color: rgba(0, 0, 0, .6);
    font-weight: 300;
    font-size: 0.9em;
    display: inline-block;
    margin-left: 5px;
    padding: 2px 4px;
    border-radius: 3px;
    background-color: rgba(225, 225, 225, .3);
    line-height: 1.6em;
}

#issue_details .commentdate, .comment.commit .commentdate {
    display: block;
    margin-left: 0;
}

.comment_add_title {
    font-size: 1.2em;
    font-weight: 500;
    padding: 5px 0;
    margin-top: 0;
    color: #888;
    border-bottom: 1px dotted #CCC;
}

.commentbody {
    padding: 3px 10px;
    font-size: 1em;
}

#issue_details .commentbody {
    padding-left: 0;
}

.commentbody .image_container.thumb img.image {
    width: 130px;
}

.commenttools {
    position: absolute;
    top: -20px;
    right: 10px;
}
.action-buttons.commenttools a.action-button {
    color: rgba(200, 200, 200, .7);
}
.comment_main:hover > .commentheader .action-buttons.commenttools a.action-button {
    color: rgba(100, 100, 100, .7);
}

.comment-replies .commentheader {
    border-top: 1px solid rgba(200, 200, 200, .3);
}

.comment_reply,
.comment_edit {
    display: none;
}
.comment_reply.active,
.comment_edit.active {
    display: block;
}
.comment_edit.active + .commentbody,
.comment_reply.active + .fake-reply {
    display: none;
}
.comment_editor.comment_reply,
.comment_editor.comment_edit {
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
    box-shadow: none;
    background: transparent;
    width: auto;
}
.comment_editor.comment_edit.active {
    margin: 10px;
}

.comment_editsave, .comment_addsave {
    font-weight: 500;
}

.comment_titlebox {
    width: 600px;
    margin-bottom: 8px;
}

.comment_visibilitybox {
    width: 100%;
    margin-bottom: 8px;
}

.private_comment .comment_main {
    background-color: #E8F6E8;
    border-radius: 3px;
}

.comment_editor,
.todo_editor {
    position: fixed;
    width: 650px;
    z-index: 120;
    bottom: 5px;
    right: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    background-color: #FFF;
    border: 0;
}

.comment_add_main,
.todo_add_main {
    padding: 10px;
}

.comment_editor .typeahead.dropdown-menu,
.todo_editor .typeahead.dropdown-menu {
    overflow-y: scroll;
    max-height: 100px;
}

.comment.commit {
    margin-bottom: 0;
}

.commit_header {
    font-size: larger;
}

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

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

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

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

.commit_right ul {
    margin: 0;
}

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

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

.commit_left td {
    border: none !important;
}

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

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

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

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

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

/* end comments and commits styling */

/* generic closed and blocking issue styling */
.issue_closed td {
    text-decoration: line-through;
}

.issue_blocking td {
    color: #F44;
    font-weight: 500;
}

/* end closed / blocking */

/* faded text styles */
.faded_out, .faded_out td {
    color: #AAA;
}

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

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

.faded_out.dark {
    color: #999;
}

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

.faded_out a {
    color: #549D54;
}

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

/* end faded text */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.tab_menu li img {
    display: inline-block;
    margin-right: 6px;
    vertical-align: middle;
    margin-top: -2px;
}
.tab_menu li .fas, .tab_menu li .far {
    margin-right: 6px;
    font-size: 1.1em;
}

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

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

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

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

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

.tab_menu .selected {
    font-weight: 500;
    background-color: #FFF;
}

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

.tab_menu li.nohover:hover a, .tab_menu li.nohover a {
    display: block;
}

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

.tab_menu li a {
    color: inherit;
    float: none;
    display: block;
}

.tab_menu li a:hover {
    border-bottom: 0;
}

a.not_clickable:hover {
    cursor: default;
}

.user_menu_dropdown a {
    font-size: 0.9em;
}
.user_menu_dropdown a .fas, .user_menu_dropdown a .far {
    font-size: 1.2em;
}

.user_menu_dropdown .header:first-child {
    padding-top: 0;
    margin-top: 0 !important;
}

.tab_menu .tab_menu_dropdown a, .tab_menu_container .tab_menu_dropdown a {
    float: none;
}

#header_userinfo .tab_menu_dropdown a {
    font-weight: 300;
    font-size: 1em;
}

#header_userinfo .tab_menu_dropdown .userstate {
    font-weight: 300;
}

#header_userinfo:hover img.dropdown {
    background-color: #669BDA;
}

div.dropdown_separator {
    border-left: 1px dotted #EAEAF5;
    padding: 0 0 0 4px;
    margin: 0;
    float: right;
    font-size: 0;
}

.tab_menu_dropdown {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    margin: 36px 0 0 0;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    width: auto;
    min-width: 250px;
    background-color: #FFF;
    color: #FFF;
    padding: 5px 0;
    z-index: 10000;
    border-radius: 3px;
    font-size: .9em;
}

.tab_menu_dropdown.two-columns {
    display: flex;
    min-width: 500px;
    justify-content: space-between;
    padding: 5px 0;
}

ul.tab_menu_dropdown, .tab_menu_dropdown ul {
    list-style: none;
}
.tab_menu_dropdown ul {
    margin: 0;
    padding-left: 0;
}
.tab_menu_dropdown.two-columns ul {
    flex: 1 1 49%;
    padding: 0;
}
.tab_menu_dropdown.two-columns.wide-right ul:first-child {
    min-width: 200px;
}
.tab_menu_dropdown.two-columns.wide-right ul:last-child {
    min-width: 350px;
}
.tab_menu_dropdown.two-columns li {
    padding: 0 3px;
}
.tab_menu_dropdown.two-columns li a {
    padding: 3px 7px;
    border-radius: 5px;
}

.tab_menu_dropdown li {
    padding: 0;
    margin: 0;
}
.tab_menu_dropdown li.header, .tab_menu_dropdown .header {
    padding: 15px 0 5px 0;
    margin: 5px;
    font-size: 1.1em;
    font-weight: 500;
    text-transform: uppercase;
    color: #444;
    border-bottom: 1px dotted #CCC;
}
.tab_menu_dropdown li.header:first-child, .tab_menu_dropdown .header:first-child {
    padding-top: 0;
    margin-top: 0;
}
.tab_menu_dropdown li.header.userinfo {
    text-transform: none;
    font-size: 1.4em;
    font-weight: 500;
    padding: 10px 10px 20px 10px;
}
.tab_menu_dropdown li.header.userinfo span {
    display: block;
}
.tab_menu_dropdown li.header.userinfo .user_username {
    font-size: .7em;
    font-weight: 300;
}
.tab_menu_dropdown .header.with-link {
    display: flex;
    align-items: center;
}
.tab_menu_dropdown .header.with-link span {
    flex: 1 1 auto;
}
.tab_menu_dropdown .header.with-link a {
    flex: 0 0 auto;
    text-transform: none;
}
.tab_menu_dropdown li.form-container {
    padding: 0 5px 5px 5px;
}
.tab_menu_dropdown li.form-container input {
    width: 100%;
    padding: 6px;
}
.tab_menu_dropdown li a {
    display: block;
    padding: 3px 10px;
    text-align: left;
    color: #555;
    background-color: #FFF;
    border: none;
    white-space: nowrap;
    max-width: 350px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.tab_menu_dropdown li a:hover {
    border: none;
    color: #FFF;
    background-color: #4E81AB;
}
.tab_menu_dropdown .fas, .tab_menu_dropdown .far {
    margin: 0 .5em 0 0;
}
.tab_menu_dropdown img.icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
}

.tab_menu_dropdown li.disabled {
    color: #AAA;
    cursor: default;
    padding: 3px 10px;
    font-size: 1em;
}

.tab_menu.inset {
    margin: 15px 0;
    padding: 10px 5px 0;
    width: 100%;
}

.tab_menu.inset ul {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: flex-start;
}

.tab_menu.inset ul#usersteamsgroups_menu {
    width: 710px;
}

.tab_menu.inset .selected a {
    box-shadow: none;
}

.tab_menu.inset li.selected {
    border-bottom: 1px solid #FFF;
    border-left: 1px solid #CCC;
    border-right: 1px solid #DDC;
    border-top: 3px solid #4E81AB;
    margin-bottom: -1px;
}

.tab_menu.inset li.selected a {
    padding: 5px 10px;
}

.tab_menu.inset li {
    padding: 0;
    border: 0;
    flex: 0 0 auto;
}

.tab_menu.inset li.right, .tab_menu.inset li.right:hover {
    margin-left: auto;
    background: transparent;
    margin-right: 5px;
}

.tab_menu.inset li.right a, .tab_menu.inset li.right a:hover {
    display: inline-block;
    float: none;
    color: #333;
    vertical-align: middle;
}

.tab_menu.inset li.right a:hover {
   color: #555;
}

.tab_menu.inset li a {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 1.1em !important;
    padding: 7px 10px;
    max-width: 200px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.tab_menu.inset li.modest {
    background: transparent;
    color: rgba(50, 50, 50, 0.6);
    border-color: transparent;
}

.tab_menu.inset li.modest.selected {
    background-color: #FFF;
}

.tab_menu.inset li.modest a {
    box-shadow: none;
}

.tab_menu.inset li a span {
    vertical-align: middle;
}

.tab_menu.inset li a img {
    height: 16px;
    width: 16px;
    vertical-align: middle;
}
.tab_menu.inset li a img:last-child {
    margin: 0 0 0 10px;
}
.tab_menu.inset li .fas, .tab_menu.inset li .far {
    vertical-align: middle;
    font-size: 1.2em;
    display: inline-block;
    margin-right: 5px;
}
.tab_menu.inset .count-badge {
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
    padding: 3px 6px;
    border-radius: 3px;
    line-height: 1em;
    background-color: rgba(200, 200, 200, .3);
}

/* end tabbed menu */

/* header tabbed menu */


/* end header menu */

/* project menu strip */
.project_stuff {
    float: left;
    position: relative;
    height: 25px;
    border-color: transparent;
    list-style-type: none;
    padding: 0;
    margin: 5px 0 0 6px;
}

.project_stuff img.dropdown_activator {
    display: inline-block;
    margin: 0 3px 0 2px;
    border: 1px solid transparent;
    vertical-align: middle;
}

.project_stuff img.dropdown_activator.clickable:hover {
    background-color: #FFF;
    border: 1px dotted #CCC;
}

.project_stuff a.dropper:hover {
    border: none;
    text-decoration: none;
}

.project_stuff a.button-pressed img.dropdown_activator, .project_stuff a.button-pressed img.dropdown_activator:hover {
    background-color: #FFF;
    border: 1px dotted #CCC;
}

.project_stuff .more_actions_dropdown {
    right: auto;
    left: 22px;
    top: -18px;
    margin-top: 0;
    font-size: 1.1em;
}

.project_stuff .button-pressed + .more_actions_dropdown {
    display: inline-block;
    left: auto;
}

.project_stuff .more_actions_dropdown li a, .project_stuff .more_actions_dropdown li a:hover {
    padding: 5px 20px 5px 5px;
}

.project_stuff > li {
    height: 23px;
    float: none;
    display: inline-block;
    position: relative;
    margin: 0;
    padding-bottom: 0;
}

.project_stuff li.project_name {
    font-size: 1em;
    font-weight: 700;
    padding-top: 1px;
}

.project_stuff li.no_project_name {
    font-size: 0.9em;
    font-weight: 300;
    padding-top: 2px;
    color: #888;
}

.project_stuff li.project_name span {
    font-weight: 300;
    font-size: 0.9em;
    color: #886;
}

.project_stuff li.project_name a {
    color: #555;
}

.project_stuff li.breadcrumb {
    color: #886;
    font-size: 1.1em;
    padding-top: 0;
}

.menu_project_strip .faded_out.dark {
    color: #B0aa64;
}

/* end project menu */

/* project front page menu */
.project_strip {
    display: flex;
    border: 1px solid rgba(100, 100, 100, 0.15);
    box-shadow: 0 0 5px rgba(100, 100, 100, 0.1);
    padding: 10px;
    margin: 0;
}

.project_strip .project_information_block {
    font-weight: 300;
    vertical-align: middle;
    box-sizing: border-box;
    width: 60%;
    min-width: 300px;
    line-height: 1.3em;
}
.project_strip .project_information_block .button-group {
    vertical-align: middle;
    margin-left: 15px;
}
.project_strip .divider {
    width: 1px;
    border-right: 1px solid rgba(0, 0, 0, 0.3);
    padding: 0 0 0 7px;
    margin: 0 7px 0 0;
    display: inline-block;
}
.project_strip .icon-large {
    background-color: rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 100%;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    margin: 3px 8px 0 0;
    padding: 3px;
    text-align: center;
    vertical-align: middle;
    width: 32px;
}

.project_strip .project_name a {
    color: #333;
    font-size: 1.1em;
    display: inline-block;
    vertical-align: middle;
    font-weight: 700;
}

.project_strip .project_name a:hover {
    color: #555;
    text-decoration: none;
    border: none;
}

.project_strip .project_prefix_span {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
    color: #777;
    text-transform: uppercase;
    background-color: rgba(150, 150, 150, 0.1);
    font-size: 0.9em;
    padding: 4px 6px;
    line-height: 1em;
    border-radius: 4px;
}

.project_strip .search_results {
    padding-top: 5px;
}

.project_strip .subprojects_list {
    clear: both;
    padding-top: 5px;
    font-weight: 500;
    text-transform: uppercase;
}

.project_strip .subprojects_list .subproject_link {
    font-weight: 300;
    text-transform: none;
    margin-left: 10px;
}

.project_strip nav {
    vertical-align: middle;
    width: calc(40% - 48px);
    box-sizing: border-box;
    min-width: 300px;
    margin: 5px 0;
    line-height: 1.3em;
    position: relative;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.project_strip nav a.nav-button {
    font-weight: 300;
    color: #555;
    background-color: rgba(200, 200, 200, 0);
    padding: 10px;
    vertical-align: middle;
    border: none;
    text-decoration: none;
    border-radius: 5px;
    white-space: nowrap;
    margin-left: 5px;
    transition: background-color .2s ease-in-out, color .2s ease-in-out;
}
.project_strip nav a.nav-button:first-child {
    margin-left: 0;
}

.project_strip nav a.nav-button:hover {
    background-color: rgba(200, 200, 200, 0.15);
    text-decoration: none;
}

.project_strip nav a.nav-button .fas, .project_strip nav a.nav-button .far {
    margin-right: 5px;
}

.project_strip nav a.button {
    font-weight: 500;
}

.project_strip nav .button .fa-file-text {
    display: none;
}

.project_strip nav .more_actions_dropdown {
    text-align: left;
    font-size: 1.1em;
}

.project_strip nav .more_actions_dropdown li {
    padding: 2px 0;
}
.frontpage-results {
    background-color: rgba(200, 200, 200, .1);
    border: 1px solid rgba(200, 200, 200, .2);
    border-top: none;
    padding: 10px;
}

/* end project frontpage menu */

/* unformatted lists */
.simple_list {
    list-style-type: none;
    padding: 0;
    margin: 5px 0 0 0;
}

.simple_list.more_actions_dropdown {
    margin-top: 12px;
}

.simple_list ul {
    list-style-type: none;
}

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

/* general text area styling */
.editor_container.focussed .textarea_hint {
    opacity: 0;
    visibility: hidden;
}

.editor_container .textarea_hint .header {
    font-size: 1.2em;
    color: #999;
    border: 0;
    font-weight: 500;
}

.editor_container .textarea_hint {
    font-size: 1em;
    padding: 10px;
    margin: 0;
    width: auto;
    left: 10px;
    right: 10px;
    color: #555;
    bottom: 10px;
    box-shadow: 0 0 3px rgba(100, 100, 100, 0.3);
    box-sizing: border-box;
    position: absolute;
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(200, 200, 200, 0.4);
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.textarea_container .textarea_hint .hint_container, .backdrop_box p.hint_container {
    display: none;
    padding: 0;
    margin: 0;
}

.textarea_container.syntax_md .textarea_hint .syntax_md_hint {
    display: block;
}

.textarea_container.syntax_mw .textarea_hint .syntax_mw_hint {
    display: block;
}

.textarea_container.syntax_pt .textarea_hint .syntax_pt_hint {
    display: block;
}

.textarea_container.syntax_pt .markItUpHeader ul {
    visibility: hidden;
}

.textarea_hint .header {
    font-weight: 500;
}

.textarea_hint .example {
    font-style: italic;
}

.textarea_container {
    position: relative;
}

.syntax_picker_container {
    top: 5px;
    right: 0;
    position: absolute;
}

.button.syntax_picker, .button.syntax_picker:hover {
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px 7px;
    font-size: 1em;
    white-space: nowrap;
    text-align: right;
    background: #FFF;
    box-shadow: none;
    border-radius: 3px;
    transition: opacity 0.3s ease-in-out;
    border: transparent;
    color: rgb(150, 150, 150);
    text-transform: uppercase;
}
.button.syntax_picker.button-pressed {
    background-color: rgba(78, 129, 171, .1);
}
.button.syntax_picker > span {
    text-transform: none;
    color: #333;
    font-weight: 500;
}

.syntax_picker + ul {
    margin-top: 26px;
    min-width: 200px;
}

.syntax_picker + ul li.selected a {
    font-weight: 500;
}

.syntax_picker + ul li {
    height: auto;
}

.syntax_picker + ul li a, .syntax_picker + ul li a:hover {
    padding: 3px;
    font-size: 1em;
}

/* end text area styling */

/* shadowed boxes */
.shadowed {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

a.shadowed {
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
}

a.shadowed:active {
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

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

.user_dropdown, #user_details_popup {
    color: #555;
}

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

.usercard_content {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    font-size: 0.8em;
}

#user_details_popup .user_realname {
    font-size: 1.5em;
    font-weight: 500;
    padding: 2px 0 0 0;
    line-height: 1.2;
}

.usercard .user_profile {
    font-size: 1.0em;
    font-weight: 300;
    padding: 10px;
    flex: 0 0 250px;
}

.usercard .user_details {
    line-height: 1.7;
    font-weight: 300;
    padding: 5px 15px;
    margin-left: 10px;
    clear: both;
    flex: 1 1 auto;
    border-left: 1px solid #DDD;
    box-shadow: -10px 0 15px -18px rgba(0, 0, 0, 0.8);
}

.account_details {
    margin: 10px 0 10px 10px;
    padding: 10px;
    font-size: 1em;
}

.account_details .user_realname {
    font-size: 1.2em;
    font-weight: 500;
    line-height: 1.3;
    padding-bottom: 2px;
}

.account_details .user_username {
    font-size: 0.9em;
    line-height: 1.2;
}

.account_details .user_status {
    font-size: 0.9em;
    line-height: 1.2;
}

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

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

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

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

#account_details_container {
    flex: 1 1 auto;
}

#username_unavailable {
    color: darkred;
}

#username_confirmation_popup {
    text-align: left;
}

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

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

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

.profile_buttons .button, .profile_buttons .button:hover {
    font-weight: 300 !important;
    padding: 2px 3px 3px 3px !important;
}

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

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

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

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

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

#account_tabs_panes table {
    width: 100%;
    margin-bottom: 25px;
}

#account_tabs_panes td {
    padding: 5px 0;
}

#account_tabs_panes label {
    padding: 0;
}

#account_tabs_panes h3, .configuration_page h3, #project_config_menu_panes h3 {
    font-weight: 500;
    font-size: 1.4em;
    color: #888;
    border-bottom: 1px dotted #CCC;
    position: relative;
}

#account_tabs_panes h3 + p {
    color: #888;
    padding: 5px 0 15px;
}

label[for=profile_prefer_wiki_markdown] {
    font-weight: 500;
}

#gravatar_change {
    font-weight: 300;
    font-size: 1em;
    margin: 8px 0;
    padding: 4px 6px !important;
}

#account_tabs_panes h3 .button {
    float: right;
    font-size: 0.7em;
}

#account_tabs_panes h4 {
    font-size: 1em;
    font-weight: 500;
    padding: 0;
    margin: 0;
}

#account_tabs_panes ul.access_keys_list {
    margin: 0 0 15px 0;
    padding: 0;
    list-style: none;
}

#account_tabs_panes ul.access_keys_list li {
    display: block;
    clear: both;
    margin: 0 0 10px;
    transition: background-color 0.3s ease;
}

#account_tabs_panes ul.access_keys_list li:hover {
    background-color: #F5F5F5;
}

#account_tabs_panes ul.access_keys_list li button {
    float: right;
    margin: 7px;
}

#account_tabs_panes .access_keys_list p {
    color: #888;
    font-weight: 300;
    font-size: 0.9em;
    font-style: italic;
}

.application_password_preview {
    background-color: #F1F1F1;
    border: 1px solid rgba(200, 200, 200, 0.4);
    display: block;
    font-size: 2em;
    margin: 40px auto;
    padding: 20px;
    text-align: center;
    width: 300px;
}

.application_password_preview span {
    display: inline;
    margin: 0 0 0 8px;
}

#add_application_password_response .button {
    margin: 0 auto;
    text-align: center;
}

.usercard .user_username {
    font-weight: 500;
    font-size: 0.9em;
    color: #AAA;
    font-style: italic;
    line-height: 1.2;
    display: block;
    margin-top: 3px;
}

.usercard .user_id {
    float: right;
    font-size: 2.3em;
    font-weight: 300;
    color: #C4CAE9;
}

.user_dropdown .user_realname .user_status, .usercard .user_realname .user_status {
    font-size: 0.8em;
    font-weight: 300;
    color: #AAA;
}

.usercard .user_realname .user_email {
    font-size: 0.7em;
    font-weight: 300;
    color: #AAA;
    display: block;
    margin-top: 7px;
}

.usercard .user_realname .edit_user {
    font-size: 0.75em;
    display: block;
    margin-top: 10px;
}

.usercard .user_realname .friends_link {
    font-size: 0.75em;
    display: block;
    margin-top: 10px;
    margin-left: -2px;
}

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

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

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

.user_details ul.teamlist {
    list-style-type: none;
}

/* end user popups */

/* rounded boxes styling */
.rounded_box {
    border: 1px solid;
    border-radius: 3px;
    padding: 3px;
}

.rounded_box.green {
    background-color: #CFE8CF;
    border-color: #aaC6aa;
    color: #242;
}

.rounded_box.yellow {
    background-color: #F9EF9E;
    border-color: #D9D9BB;
}

.rounded_box.lightyellow {
    background-color: #F9F5B2;
    border-color: #D9D9BB;
}

.rounded_box.verylightyellow {
    background-color: #FFFBD7;
    border-color: #E3DDa5;
}

.rounded_box.red {
    background-color: #E8CFCF;
    border-color: #C6aaaa;
    color: #422;
}

.rounded_box.blue {
    background-color: #585DB2;
    border: 0;
}

.rounded_box.iceblue {
    background-color: #D4E5FF;
    border-color: #B1B8E9;
}

.rounded_box.mediumgrey {
    background-color: #E7E7E7;
    border-color: #D7D7D7;
}

.rounded_box.lightgrey {
    background-color: #F3F3F3;
    border-color: #DDD;
}

.rounded_box.verylightgrey {
    background-color: #F8F8F8;
    border-color: #DDD;
}

.rounded_box.invisible {
    background-color: transparent;
    border-color: transparent;
}

.rounded_box.invisible:hover {
    background-color: #F5F5F5;
    border-color: #F5F5F5;
}

.rounded_box.invisible.nohover:hover {
    background-color: transparent;
    border-color: transparent;
}

.issue_detail_unmerged {
    background-color: #F5C3BA;
    border: 0;
    border-radius: 3px;
}

.issue_detail_changed {
    background-color: #F7F4DF;
    border: none;
    border-radius: 3px;
}

.rounded_box.cut_bottom {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.rounded_box.cut_top {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.rounded_bottom {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.rounded_top {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.rounded_box.borderless {
    border: 0;
}

.rounded_box .description {
    padding: 3px 3px 3px 0;
}

.rounded_box .question_header {
    font-size: 0.9em;
}

.rounded_box.iceblue .percent_filled {
    background-color: #9191D6;
}

.rounded_box.red .percent_filled {
    background-color: #EC9C9C;
}

.rounded_box.yellow .percent_filled {
    background-color: #E2D90D;
}

.rounded_box.lightgreen .percent_filled, .rounded_box.green .percent_filled {
    background-color: #8C8;
}

.rounded_box.iceblue .percent_unfilled {
    background-color: #DEDEFF;
}

.rounded_box.red .percent_unfilled {
    background-color: #FFE3E3;
}

.rounded_box.yellow .percent_unfilled {
    background-color: #EFEFBE;
}

.rounded_box.lightgreen .percent_unfilled, .rounded_box.green .percent_unfilled {
    background-color: #DCEFDC;
}

.rounded_box.red .faded_out {
    color: #B77;
}

.rounded_box.iceblue .faded_out {
    color: #99C;
}

.issue_detail_unmerged .faded_out {
    color: #FFD9D6;
}

.rounded_box.lightgreen .faded_out, .rounded_box.green .faded_out {
    color: #7B7;
}

.rounded_box.iceblue .faded_out .dark {
    color: #77C;
}

.rounded_box.iceblue th {
    border-color: #a0aDC0;
    background-color: #C1D1E8;
}

.rounded_box.iceblue .header_div {
    border-color: #a0aDC0;
}

.rounded_box.lightgrey.highlighted {
    background-color: #FFF299;
    border: 0;
}

.rounded_box.blue a {
    color: #B5B5FF;
    font-weight: 300;
}

.rounded_box.lightgreen a, .rounded_box.green a {
    color: #4E703D;
    border-bottom-color: #4E703D;
}

.rounded_box.blue a:hover {
    color: #C9C9FF;
    font-weight: 300;
}

.rounded_box.lightgreen a:hover, .rounded_box.green a:hover {
    color: #6a9753;
    border-bottom-color: #6a9753;
}

.rounded_box.white {
    background-color: #FFF;
    border-color: #CCC;
}

.rounded_box.white th {
    font-weight: 500;
    background-color: #F1F1F1;
    border-bottom: 1px solid #DDD;
    padding-bottom: 2px;
}

.rounded_box.white thead.light th {
    background-color: #F9F9F9;
    border-color: #EEE;
}

#report_form > div.rounded_box.report_issue_submit_container.report_issue_desc.green.borderless {
    padding: 10px !important;
}

/* end rounded box styling */

/* hoverable styles */
tbody.hover_highlight tr:hover, tr.hover_highlight:hover, ul.hover_highlight li:hover {
    background-color: #F1F1F1;
}

tbody.hover_highlight tr:hover td.highlighted_column, tr.hover_highlight:hover td.highlighted_column {
    background-color: #E5E5E5;
}

/* selected green and selected red styling */
tr.selected_green {
    background-color: #CFE8CF;
}

tr.selected_green:hover {
    background-color: #BED7BE;
}

tr.selected_red {
    background-color: #F39a9a;
}

tr.selected_red:hover {
    background-color: #E68989;
}

tr.selected_red td {
    color: #FFF;
}

td.selected_red {
    background-color: #F39a9a;
    color: #FFF;
}

td.selected_red:hover {
    background-color: #E68989;
    color: #FFF;
}

td.selected_red span {
    color: #FFF;
}

/* end selected green / red */

/* some table styling */
.padded_table td {
    padding: 2px;
    vertical-align: top;
}

.padded_table.compact {
    padding: 2px;
}

td.highlighted_column {
    background-color: #F1F1F1;
}

th.highlighted_column {
    background-color: #C1C1C1;
}

table.cleantable {
    border: 0;
    border-collapse: collapse;
}

table.cleantable td, table.cleantable th {
    border: 1px solid #DDD;
    padding: 4px;
}

table.cleantable th {
    text-align: center;
}

/* end table styling */

/* configuration section styling */
.configuration_update_check_container {
    background-color: rgba(200, 200, 200, 0.1);
    padding: 15px;
    border: 1px solid rgba(100, 100, 100, 0.3);
    line-height: 21px;
    margin: 10px;
    border-radius: 3px;
}

#update_button {
    float: right;
    margin: -4px -4px 0 5px;
    font-size: 1em;
    padding: 5px 8px;
}

#update_spinner {
    float: right;
}

.configuration_container {
    padding: 0 10px;
    margin-bottom: -22px;
}

.configuration_container h1 {
    margin: 15px 0 5px 0;
    background-color: transparent;
    font-weight: 500;
    border: 0;
    padding: 7px 0 3px 0;
    border-bottom: 1px dotted #CCC;
    font-size: 1.4em;
}

.configuration_container h1:first-child {
    margin-top: 5px;
}

.config_explanation {
    color: #999;
    padding: 5px 0 10px 5px;
}

.config_explanation a {
    color: #549D54;
    font-weight: 300;
}

.config_explanation .important {
    display: block;
    font-weight: 500;
}

.config_buttons, .config_badges {
    list-style: none;
    padding: 0;
}

.config_buttons {
    width: 235px;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-left: 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    border-radius: 3px;
}

.config_buttons li {
    margin: 0;
    padding: 0;
    text-align: left;
    width: 235px;
    font-size: 0.9em;
    border: 0;
    background-color: transparent;
}

.config_buttons li:hover {
    background-color: #E5E5E5;
}

.config_buttons li.config_selected {
    background-color: #FFF;
    font-weight: 500;
}

.config_buttons li a {
    display: block;
    height: 20px;
    padding: 5px 0 0 5px;
}

.config_buttons li a:hover {
    border: 0;
}

.config_badges {
    margin: 0 -5px;
}

.config_badges li {
    margin: 6px 5px 6px 5px;
    width: 324px;
    font-size: 0.9em;
    border: 1px solid #DDD;
    padding: 0;
    background-color: #FFF;
    display: inline-block;
    vertical-align: top;
    box-shadow: 0 0 3px rgba(200, 200, 200, 0.3);
}

.config_badges li:hover {
    border-color: #CCC;
    box-shadow: 0 0 4px rgba(200, 200, 200, 0.7);
}

.config_badges li a {
    display: block;
    height: 72px;
    padding: 10px;
}

.config_badges li a:hover {
    border: 0;
}

.config_badges li a span {
    color: #555;
}

.config_badges a .fas, .config_badges a .far {
    color: #555;
    width: 16px;
    text-align: center;
    margin-right: 3px;
}
.button.destroy-link .fas, .button.destroy-link .far {
    color: #cb1a00;
}

.config_badges b {
    font-size: 1.2em;
    display: block;
    margin-bottom: 5px;
    font-weight: 500;
}

.config_badges b img {
    margin-top: 2px;
}

.config_plugins .header .plugin_shortname {
    font-weight: 500;
    font-size: 0.95em;
}

.config_plugins .content {
    padding-top: 5px;
    text-align: left;
}

.config_plugins .plugin_status img {
    float: left;
    margin: 2px 5px -2px 0;
}

.config_plugins .plugin_status.core {
    background-color: rgba(150, 150, 150, 0.2);
    color: #888;
}

.config_plugins .plugin_status.enabled {
    background-color: rgba(177, 210, 143, 0.6);
}

.config_plugins .plugin_status.disabled {
    background-color: rgba(150, 150, 150, 0.1);
}

.config_plugins .plugin_status.outofdate {
    background-color: rgba(177, 143, 210, 0.1);
    display: none;
}

.config_plugins .plugin.out-of-date .plugin_status.outofdate {
    display: inline-block;
}

.plugins-list {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

.plugins-list .plugin {
    vertical-align: top;
    position: relative;
    display: inline-block;
    float: left;
    padding: 10px;
    margin: 10px 10px 10px 0;
    width: calc(50% - 5px);
    box-sizing: border-box;
    border: 1px solid rgba(50, 50, 50, 0.2);
    box-shadow: 0 0 3px rgba(100, 100, 100, 0.2);
    opacity: 1;
    transition: opacity 0.3s ease;
}

.plugins-list .plugin:first-child, .plugins-list.installed .plugin {
    width: 100%;
    margin-top: 0;
}

.available_plugins_container .plugin.installed {
    opacity: 0.5;
}

.plugin .plugin-actions form {
    display: inline-block;
}

.plugin .button img {
    display: none;
}

.plugin .button.installing img {
    display: inline;
}

.plugins-list .plugin:nth-child(odd) {
    margin-right: 0;
}

.plugins-list .plugin-actions .button.update-button {
    display: none;
}

.plugin.theme .enable-button, .plugin.theme.enabled .button-more-actions {
    display: none;
}

.plugin.theme.disabled .enable-button {
    display: inline-block;
}

.plugins-list .plugin.can-update .plugin-actions .button.update-button {
    display: inline-block;
}

.plugins-list .plugin-actions {
    position: absolute;
    top: 12px;
    right: 12px;
}

.plugins-list .plugin > h1 {
    margin: 0;
    padding: 0;
    font-size: 1.3em;
    color: #888;
    text-transform: uppercase;
}

.plugins-list .plugin .description {
    padding: 5px 0;
    margin-top: 10px;
    font-size: 1.1em;
}

.plugin-website-link {
    display: block;
    margin: 15px 0 0 0;
    text-align: right;
    clear: both;
}

.available_plugins_container .plugin .status_badge {
    display: none;
}

.available_plugins_container .plugin.installed .status_badge {
    display: block;
}

.available_plugins_container .plugin.installed .plugin-actions .button {
    display: none;
}

.rating {
    background: repeat-x top left;
    display: block;
    width: 80px;
    height: 16px;
    padding: 0;
    margin: 5px 0 0 0;
    position: relative;
}

.rating .score {
    display: block;
    height: 16px;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
}

.projectbox .permission_list ul {
    width: 670px;
}

#tab_permissions_pane .permission_list ul {
    width: 780px;
}

.projectbox td {
    font-size: 0.9em;
}

.child_project_container {
    margin-left: 25px;
}

#issuetypes_menu_panes .content {
    padding: 0 0 10px 0
}

.issuetype_box a.image, .issuetype_box a.image:hover {
    border: 0;
}

.issuetype_scheme_associate_link {
    font-weight: 500;
    font-size: 0.9em;
}

.issuetype_description {
    width: 550px;
}

#config_issuefields .issuefield_item_option {
    cursor: move;
    height: 30px;
    padding-top: 6px;
}

#config_issuefields .issuefield_item_option .button-group {
    margin-top: -6px;
}

#config_issuefields .issuefield_item_option:hover {
    background-color: rgba(100, 100, 100, 0.1);
}

.more_than_one_project_warning {
    color: #C55;
}

.tab_content {
    padding-top: 5px;
}

.tab_header {
    padding-top: 10px;
    font-weight: 500;
    border-bottom: 1px solid #DDD;
}

/* permissions configuration styling */
.permissions_popup th {
    background-color: transparent;
    color: #888;
    text-transform: uppercase;
    font-weight: 500;
    padding: 15px 2px 5px 2px;
}

.permissions_popup thead:first-child th {
    padding-top: 5px;
}

.config_permissions {
    font-size: 0.9em;
}

.config_permissions .faded_out.smaller {
    font-size: 0.7em;
    padding-left: 10px;
}

.config_permissions .permission_list .tab_pane {
    border: 1px solid #AAA;
    border-top: 0;
    padding: 10px;
}

.config_permissions .permission_list .tab_pane p {
    margin-bottom: 15px;
}

.permission_list ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    width: 715px;
}

.permission_list ul li {
    margin: 0;
    padding: 0;
    font-weight: 300;
    clear: both;
    background-color: transparent;
}

.permission_list ul li:hover {
    background-color: #FaFaFa;
}

.permission_list ul li a {
    display: block;
    padding: 2px 0 2px 0;
}

.permission_list ul li a.permission_description {
    display: block;
    width: 670px;
}

.permission_list ul li a:hover {
    border: 0;
}

.permission_list ul li .content a {
    display: inline;
}

.permission_list ul li ul {
    margin: 5px 10px 20px 10px;
    width: 665px;
}

.permission_list ul li ul li {
    font-size: 0.95em;
}

.permission_list ul li ul li:hover {
    background-color: #F1F1F1;
}

.permission_list ul li ul li a.permission_description {
    display: block;
    width: 580px;
}

.permission_list ul li ul li ul {
    margin: 10px 10px 15px 10px;
    width: 635px;
}

.permission_list ul li ul li ul li {
    font-size: 0.9em;
}

.permission_list ul li ul li ul li:hover {
    background-color: #E8E8E8;
}

.permission_list ul li ul li ul li ul li:hover {
    background-color: #dfdfdf;
}

.permission_list ul li ul li ul li a.permission_description {
    display: block;
    width: 540px;
}

.permissions_warning {
    background-color: rgba(255, 111, 85, 0.3);
    border: 1px solid rgba(121, 35, 35, 0.4);
    padding: 10px;
    font-size: 1em;
    font-weight: 300;
    display: block;
    margin: 10px 0 10px 0;
    color: rgb(183, 24, 24);
    border-radius: 3px;
}

.permissions_warning strong {
    display: block;
    font-weight: 700;
    text-transform: uppercase;
}

/* end permissions */

/* configure users / teams / groups styling */
#create_group_form label, #create_team_form label, #create_client_form label {
}

#create_group_form input[type="text"], #create_team_form input[type="text"], #create_client_form input[type="text"] {
    width: 200px;
}

#create_group_form input[type="submit"], #create_team_form input[type="submit"], #create_client_form input[type="submit"] {
    font-size: 0.9em;
}

.groupbox_header, .teambox_header, .clientbox_header {
    font-weight: 500;
}

.groupbox_membercount, .teambox_membercount, .clientbox_membercount {
    font-weight: 300;
    font-size: 0.8em;
    color: #888;
}

#users_results {
    position: relative;
}

#users_more_actions_container {
    float: right;
}

#users_more_actions_container button {
    float: left;
}

#tab_users_pane > strong {
    font-weight: 500;
    display: block;
}

.project_list nav .more_actions_dropdown li.finduser_container {
    padding: 5px;
    height: auto;
    width: auto;
    white-space: nowrap;
}

.project_list nav .more_actions_dropdown li.finduser_container:hover {
    background-color: #FFF;
}

#users_more_actions_container .more_actions_dropdown li.separator {
    height: 1px;
}

.finduser_container #findusers {
    width: 300px;
}

.finduser_container input[type=submit], .finduser_container input[type=submit]:hover {
    font-size: 1em;
}

.finduser_container label {
    padding: 0 0 0 3px;
    margin: 0 0 5px 0;
}

#adduser_div dl {
    width: 590px;
    font-size: 1em;
}

#adduser_div dt label {
    font-weight: 500;
}

#adduser_div dt label.required {
    font-weight: 500;
}

#adduser_div dt label.required:before {
    content: '* ';
}

#adduser_div dt {
    width: 150px;
}

#adduser_div dd {
    width: 410px;
}

.teamlist_container {
    display: inline-block;
    width: 200px;
}

.teamlist_container input {
    float: left;
    margin-right: 2px;
}

.teamlist_container label {
    font-weight: 300;
    font-size: 0.9em;
}

#adduser_div .createuser_submit_container {
    padding: 10px;
    text-align: right;
}

#adduser_div .createuser_submit_container input {
    padding: 3px 6px !important;
    font-size: 1.1em;
}

.collection_user_list li {
    padding: 3px;
}

.collection_user_list li:hover {
    background-color: rgba(255, 255, 255, 0.7);
}

.collection_user_list li > .button {
    float: right;
    font-weight: 300;
}

/* end users / teams / groups */

#project_table .config_header {
    font-size: 0.9em;
}

/* workflow styling */
.scheme_list li {
    padding: 3px;
    font-size: 14px;
}

.scheme_list li table td {
    font-size: 14px;
    padding: 0;
    margin: 0;
}

.scheme_list td.workflow_info {
    width: 400px;
}

.scheme_list td.workflow_info.workflow_scheme {
    width: 350px;
}

.scheme_list td.workflow_inactive {
    color: #A88;
    font-weight: 500;
    width: 100px;
    text-align: center;
}

.scheme_list td.workflow_active {
    color: #390;
    font-weight: 500;
    width: 100px;
    text-align: center;
}

.scheme_list td.workflow_steps {
    width: 100px;
    text-align: left;
}

.scheme_list td.workflow_steps span {
    font-weight: 500;
}

.scheme_list td.workflow_scheme_issuetypes {
    width: 250px;
    text-align: center;
}

.scheme_list td.workflow_scheme_projects {
    width: 200px;
    text-align: center;
    font-size: 1em;
}

.scheme_list td.workflow_scheme_issuetypes span, .scheme_list td.workflow_scheme_projects span {
    font-weight: 500;
}

.scheme_list td.workflow_actions {
    width: 170px;
    font-weight: 500;
    font-size: 0.9em;
    text-align: right;
}

.scheme_list td.workflow_actions .button-group {
    float: right;
}

.scheme_list.issuetype_scheme_list td.workflow_info {
    width: 400px;
}

.workflow_name {
    font-weight: 500;
    margin-bottom: 5px;
}

.workflow_description, .workflow_name span.builtin {
    font-weight: 300;
    font-style: italic;
    font-size: 0.9em;
}

.workflow_name span.builtin {
    color: #AAA;
}

.workflow_description {
    color: #777;
}

.workflow_change_div {
    height: 400px;
    overflow: auto;
    margin-top: 10px;
}

#no_such_workflow_error {
    margin-top: 10px;
}

#workflow_steps_container {
}

#workflow_steps_container .workflow_steps_intro, #workflow_step_container .workflow_step_intro {
    margin: 0 0 5px 0;
    font-size: 1em;
}

#workflow_steps_container .workflow_steps_intro {
    margin-bottom: 15px;
}

#workflow_step_container .workflow_step_intro {
    float: left;
    width: 400px;
}

.workflow_step_intro .header {
    font-size: 1.3em;
}

#workflow_steps_list {
    width: 100%;
}

#workflow_steps_list td, #workflow_steps_list th {
    font-size: 0.9em;
}

#workflow_steps_list_tbody tr.step td {
    border-bottom: 1px dotted #AAA;
}

#workflow_steps_list_tbody tr.step a.step_name {
    color: #555;
}

#workflow_steps_list_tbody tr.step a.step_name:hover {
    color: #777;
}

#workflow_steps_list_tbody tr.step a.step_name.faded_out {
    color: #AAA;
}

#workflow_steps_list_tbody tr.step a.step_name.faded_out:hover {
    color: #CCC;
}

#workflow_steps_list_tbody tr.step td.workflow_step_actions a {
    font-size: 0.9em;
}

#workflow_steps_list_tbody tr.status td {
    border-bottom: 0;
}

#workflow_steps_list_tbody dl {
    font-size: 0.9em;
}

#workflow_steps_list_tbody dt label.optional span {
    font-weight: 300;
    color: #AAA;
}

#workflow_steps_list_tbody dt {
    width: 150px;
    text-align: right;
    padding-right: 5px;
}

#workflow_steps_list_tbody dd {
    width: 500px;
}

#workflow_steps_list_tbody .add_transition_separation {
    font-size: 1px;
    line-height: 0;
    margin: 10px 20px;
    border-bottom: 1px dotted #AAA;
}

#workflow_steps_list_tbody input[type="submit"] {
    font-size: 1.1em;
    font-weight: 500;
}

.workflow_step_transition_name {
    font-weight: 500;
    font-size: 0.9em;
    font-style: italic;
    margin: 5px 0;
}

.workflow_step_transition_outgoing_step {
    margin-left: 5px;
    font-size: 0.95em;
    color: #AAA;
    font-weight: 300;
    font-style: italic;
}

#workflow_transition_actions_validations {
    margin-bottom: 100px;
}

#workflow_transition_actions_validations h3 {
    margin-top: 25px;
    position: relative;
}

#workflow_transition_actions_validations h3 ul {
    margin: 25px 3px 0 0;
    font-size: 0.8em;
}

#workflow_transition_actions_validations h3 ul#add_post_action {
    top: auto;
    bottom: 0;
    margin-bottom: 30px;
}

#workflow_details_transition, #workflow_details_step {
    margin-top: 0;
    float: left;
    width: 400px;
}

#workflow_details_transition label, #workflow_details_step label {
    font-size: 0.9em;
}

#workflow_details_transition li, #workflow_details_step li {
    margin-bottom: 5px;
}

#workflow_details_transition dl, #workflow_details_step dl {
    font-size: 0.9em;
}

#workflow_details_transition dt, #workflow_details_step dt {
    width: 110px;
}

#workflow_details_transition dd, #workflow_details_step dd {
    width: 290px;
}

#workflow_details_transition dd.description, #workflow_details_step dd.description {
    font-style: italic;
}

#workflow_details_step dd div.workflow_step_status {
    line-height: 0;
    height: 14px;
    width: 14px;
    font-size: 1px;
    float: left;
    margin-right: 5px;
    border: 1px solid #AAA;
}

#add_post_action.more_actions_dropdown {
    width: 710px;
    padding: 0 5px;
    bottom: 0;
    margin-bottom: 30px;
}

#add_post_action.more_actions_dropdown .column {
    width: 230px;
    margin: 0;
    padding: 0;
    display: inline-block;
    vertical-align: top;
}

#add_post_action.more_actions_dropdown .column .simple_list {
    margin-top: 0;
}

#add_post_action.more_actions_dropdown .column .simple_list li a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#add_post_action.more_actions_dropdown h1 {
    font-size: 0.9em;
    font-weight: 500;
    border-bottom: 1px dotted #CCC;
    color: #AAA;
    padding: 5px 0;
    margin: 0;
}

#workflow_browser_step {
    float: right;
    width: 300px;
    padding: 5px;
    text-align: center;
    margin-left: 0;
}

#workflow_browser_step .header {
    font-size: 1.1em;
    text-align: center;
    margin-bottom: 5px;
}

#workflow_browser_step .content {
    font-size: 0.9em;
    text-align: center;
}

.workflow_browser_step_image {
    line-height: 0;
    clear: both;
}

.workflow_browser_step_transition {
    padding: 2px;
    border: 1px dotted #AAA;
    background-color: #F8F8F8;
}

.workflow_browser_step_transition span {
    font-style: italic;
}

.workflow_browser_step_transition .image {
    float: right;
    margin: 1px 2px 0 -5px;
}

.workflow_browser_step_transition.outgoing .image {
    margin: 10px 5px 0 -5px;
}

.workflow_browser_step_transition.transition {
    padding-left: 0;
}

.workflow_browser_step_name {
    padding: 5px;
    font-size: 1.1em;
    font-style: italic;
    font-weight: 500;
}

input[type=submit].workflow_transition_submit_button, input[type=submit].workflow_transition_submit_button:hover {
    padding: 4px 8px;
    font-size: 1.1em;
}

/* end workflow styling */

/* end config styling */

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

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

/* project list, client/team dashboard and overview */
ul.project_list {
    margin: 0 0 30px 0;
    text-align: left;
}

.project_list .button-group.project-config-buttons .project-quick-edit, .project_list .button-group.project-config-buttons .project-quick-edit:hover, .project_list .button-group.project-config-buttons .project-settings, .project_list .button-group.project-config-buttons .project-settings:hover {
    font-size: 0.85em !important;
    padding: 0 5px !important;
    float: none;
}

ul.project_list > li {
    margin: 0;
    font-size: 1.0em;
    font-weight: 500;
    padding: 10px 0 0 0;
    clear: both;
}

.team_dashboard, .client_dashboard {
    clear: both;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex: 1 1 auto;
}

.project_overview {
    clear: both;
}

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

.client_dashboard {
    padding: 10px;
}

.button.project-quick-edit {
    padding: 5px 8px;
    font-size: 1.1em;
}

.project_overview .button-group .button, .project_overview .button-group > .button-dropdown {
    font-weight: 300;
    vertical-align: middle;
    display: inline-block;
}

.project_overview .button-group .button.lefthugging, .project_overview .button-group .button.lefthugging:hover {
    padding-left: 7px !important;
    /*font-size: 0.8em !important;*/
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.project_overview .button-group .button.righthugging, .project_overview .button-group .button.righthugging:hover {
    padding-right: 4px !important;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

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

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

.dashboard_client_info .dashboard_client_viewusers {
    float: right;
}

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

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

.dashboard_team_info .dashboard_team_viewusers {
    float: right;
}

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

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

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

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

.commits-list {
    margin: 0 10px;
}

.commits-list .row-header {
    padding: 5px 8px;
    font-size: 1em;
    background-color: rgba(225, 225, 225, .1);
    border-bottom: 1px solid rgba(200, 200, 200, .3);
}
.commits-list .commit {
    padding: 10px;
    display: flex;
    align-items: center;
}
.commits-list .commit .message-author-container {
    flex: 1 1 auto;
}
.commits-list .commit .message-author-container .commit-message,
.commits-list .commit .message-author-container .commit-message:hover {
    font-weight: 500;
    color: #555;
}
.commits-list .commit .message-author-container .commit-author {
    font-size: .9em;
}
.commit-message .overflow {
    display: block;
    margin: 5px 0;
    padding: 10px;
    background-color: rgba(225, 225, 225, .2);
    border: 1px solid rgba(200, 200, 200, .4);
    font-family: 'Fira Mono';
    font-size: 1em;
}
.commit-author {
    display: flex;
    align-items: baseline;
}
.commit-details-list .commit-sha, .commit-details-list .commit-sha:hover {
    font-size: 1em;
    padding: 3px 7px;
    font-weight: 500;
    margin-left: 0;
    display: inline-block;
}
.commit-details-list .branch-badge {
    font-size: 1em;
    padding: 3px 7px;
    margin-left: 0;
    display: inline-block;
}
.commits-list .commit .commit-branches .branch {
    display: flex;
    flex: 0 0 auto;
    flex-direction: row;
    align-items: flex-end;
}
.commits-list .commit .commit-branches .branch,
.branch-badge {
    margin: 5px;
    background-color: rgba(78, 129, 171, .7);
    color: #FFF;
    border: 1px solid rgba(78, 129, 171, .4);
    padding: 2px 4px;
    border-radius: 3px;
}
.branch-badge {
    display: inline-block;
}
.commits-list .commit .commit-branches .branch i,
.branch-badge i {
    margin: 0 3px;
}
.commits-list .commit .commit-branches .branch i,
.branch-badge i,
.commits-list .commit .commit-branches .branch span,
.branch-badge span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.4em;
}
.commit-sha, .commit-sha:hover {
    margin: 0 10px;
    border: 1px solid #4E81AB;
    padding: 2px 4px;
    border-radius: 3px;
    color: #333;
}
.commits-list .commit .commit-sha {
    flex: 0 0 auto;
}
.commits-list .commit .commit-details {
    flex: 0 0 130px;
    text-align: right;
}
.commits-list .commit .commit-details .not-imported {
    color: rgb(229, 225, 148);
    margin-right: 5px;
}
.commits-list .commit .commit-details .commit-comments {
    margin-right: 7px;
}
.commits-list .commit .commit-details .commit-comments .fa-comments {
    margin-right: 3px;
}
.commits-list .commit .commit-details .button {
    padding: 4px 7px;
}
.simple_list.branch-list .branch-name {
    display: block;
    color: #555;
    font-weight: 300;
}
.simple_list.branch-list .selected .branch-name {
    font-weight: 500;
}
.simple_list.branch-list .branch-last-updated {
    display: block;
    font-size: .8em;
    color: #888;
}
.commit-files-summary {
    font-weight: 300;
    padding: 15px;
    color: #888;
    vertical-align: middle;
}
.commit-files-summary .summary {
    vertical-align: middle;
    margin-left: 7px;
}
.commit-files-summary .summary .num_changes {
    font-weight: 500;
    color: rgb(78, 129, 171, .7);
}
.commit-files-summary .summary .num_files {
    font-weight: 500;
}
.commit-files-summary .fas {
    vertical-align: middle;
    font-size: 1.2em;
    color: #AAA;
}
.commit-files .file-preview {
    display: block;
    box-sizing: border-box;
    width: calc(100% - 40px);
    margin: 10px 20px 25px 20px;
    border: 1px solid rgba(200, 200, 200, .3);
    background: #FFF;
    border-radius: 5px;
    overflow: auto;
}
.commit-files .file-anchor:target + .file-preview {
    border: 2px solid rgba(78, 129, 171, .7);
}
.commit-files .file-preview .filename {
    padding: 10px;
    background-color: rgba(225, 225, 225, .2);
    font-family: 'Fira Mono';
    font-size: .9em;
}
.commit-files .file-preview .filename .added-badge {
    display: inline-block;
    margin-left: 3px;
    font-weight: 300;
    padding: 3px 5px;
    background-color: rgba(185, 225, 185, .4);
    border: 1px solid rgba(100, 100, 100, .3);
    border-radius: 3px;
}
.commit-files .file-preview.action_D .filename {
    text-decoration: line-through;
}
.commit-files .file-preview:not(.action_R) .filename {
    border-bottom: 1px solid rgba(200, 200, 200, .5);
}
.diff-summary {
    display: inline-block;
    margin-left: 7px;
    font-weight: 500;
    padding: 3px 5px;
    background-color: rgba(225, 225, 225, .4);
    border-radius: 3px;
}
.diff-summary .lines-removed {
    color: #C44;
    display: inline-block;
}
.diff-summary .lines-added {
    color: #4A4;
    display: inline-block;
}
.diff-summary .lines-removed + .lines-added {
    margin-left: 5px;
}
.commit-files .far,
.commit-files .fas {
    margin-right: 5px;
}
.commit-files .diffs .diff-header {
    white-space: nowrap;
    font-family: 'Fira Mono';
    padding: 5px;
    background-color: rgba(199, 212, 224, .7);
    color: rgba(0, 0, 0, .7);
    font-size: .8em;
}
.commit-files .diffs .diff-preview {
    width: 100%;
    overflow: auto;
    list-style: none;
    margin: 0;
    table-layout: auto;
    white-space: nowrap;
    padding: 0;
    background-color: rgba(0, 0, 0, .7);
}
.commit-files .diffs .diff-preview td.text pre::before {
    content: '';
    width: 16px;
    height: 16px;
    position: absolute;
    left: 3px;
}
.commit-files .diffs .diff-preview td {
    font-family: 'Fira Mono';
    font-size: .9em;
}
.commit-files .diffs .diff-preview td.line-number {
    color: rgba(255, 255, 255, .7);
    background-color: rgba(255, 255, 255, .1);
    width: 1%;
    white-space: nowrap;
    text-align: center;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}
.commit-files .diffs .diff-preview td.text {
    color: rgba(255, 255, 255, .7);
    padding: 0;
    margin: 0;
    position: relative;
}
.commit-files .diffs .message-box {
    margin: 0;
    border: none;
    width: auto;
}
.commit-files .diffs .diff-preview pre {
    padding: 2px;
    margin: 0;
    overflow: visible;
    width: auto;
}
.commit-files .diffs .diff-preview td.text pre {
    padding-left: 16px;
}
.commit-files .diffs .diff-preview td.line-number pre {
    padding: 2px 8px;
}
.commit-files .diffs .diff-preview .add pre {
    background-color: rgba(100, 225, 100, .25);
    color: rgba(255, 255, 255, .9);
}
.commit-files .diffs .diff-preview .add td.text pre::before {
    content: '+';
}
.commit-files .diffs .diff-preview .remove pre {
    background-color: rgba(225, 100, 100, .25);
    color: rgba(255, 255, 255, .9);
}
.commit-files .diffs .diff-preview .remove td.text pre::before {
    content: '-';
}
.simple_list.branch-list .branch-last-updated .fas, .simple_list.branch-list .branch-last-updated .far {
    margin: 0 3px;
}

#global_roles_list .button-group .button, .project_roles_list .button-group .button {
    font-size: 0.9em;
    padding: 1px 5px;
}

#project_settings_roles {
    padding: 0 15px;
}

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

/* end project styling */

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

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

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

/* reporting an issue styles */
.report_button {
    float: right;
}

.issuetype_list {
    text-align: center;
    padding: 0;
    margin: 10px auto 0 auto;
    clear: both;
}

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

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

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

.report_issue_header {
    margin: 10px auto 0 auto;
    font-size: 1.5em;
    font-weight: 500;
    padding: 2px 0 10px 0;
    width: 990px;
}

#report_issue_more_options_indicator {
    text-align: left;
    margin-top: 10px;
}

#reportissue_content {
    width: 1010px;
    margin: 0 auto;
    text-align: center;
}

.report_issue_desc {
    width: auto;
    margin: 0 auto 0 auto;
    text-align: left;
}

.report_issue_desc select {
}

#report_more_here {
    color: #999;
    font-size: 1.1em;
    text-align: center;
    padding-top: 20px;
    min-height: 30px;
}

#report_form {
    margin: 10px auto 0 auto;
    padding: 0;
    width: 1000px;
    text-align: left;
}

#report_form table {
    width: 990px;
    margin: 0 auto;
}

#report_form table table {
    width: auto;
}

#shortname_div {
    margin-top: 10px !important;
}

#report_form label {
    font-size: 1.1em;
    padding: 3px 0 3px 0;
    font-weight: 500;
}

.backdrop_detail_content #report_form label {
    font-size: 1em;
    text-transform: uppercase;
    color: #888;
    font-weight: 500;
}

#report_form label span {
    display: none;
}

#report_form label.required {
    font-weight: 500;
}

#report_form label.required span {
    display: inline;
}

#report_form input[type="text"] {
    font-size: 1.3em;
    padding: 4px;
    height: 20px;
    text-align: left;
    width: 100%;
}

.backdrop_detail_content #report_form input[type="text"] {
    font-size: 1.1em;
    padding: 2px;
}

input.padded {
    padding: .6em;
    width: 100%;
    box-sizing: border-box;
    vertical-align: middle;
}

#report_form input#title {
    width: 804px;
}

#report_form input#shortname {
    width: 804px;
}

#report_form select {
    font-size: 1.1em;
    padding: 2px;
    height: 24px;
    text-align: left;
    width: 100%;
}

.backdrop_detail_content #report_form select {
    font-size: 1em;
    padding: 1px;
    height: 25px;
    text-align: left;
    width: auto;
}

.report_issue_help {
    padding: 5px 0 0 2px;
}

.backdrop_detail_content #report_issue_reported_issue_details {
    padding: 5px;
    font-size: 1.1em;
}

.backdrop_detail_content .report_issue_help {
    padding: 3px 0 0 1px;
}

.backdrop_detail_content .reportissue_additional_information_container {
    border-radius: 3px;
    padding: 0 7px 9px 7px;
    background-color: #F5F5F5;
    margin-top: 10px;
    margin-bottom: 0;
}

.backdrop_detail_content .report-issue-custom-access-check {
    border-radius: 3px;
    padding: 10px 7px 9px 7px;
    background-color: #F5F5F5;
    margin-top: 10px;
    margin-bottom: 0;
    clear: both;
}

.backdrop_detail_content .report-issue-custom-access-container {
    margin-top: 10px;
}
.backdrop_detail_content .report-issue-custom-access-container > label {
    line-height: 1.7;
}
.report-issue-custom-access-check > img
{
    margin-bottom: -3px;
    margin-left: 3px;
}

.report-issue-custom-access-check input[type=checkbox],
.report-issue-custom-access-container input[type=radio] {
    margin-top: -2px;
}

.report-issue-custom-access-check input[type=checkbox] {
    margin-left: 2px;
    margin-right: 4px;
}

.report-issue-custom-access-check .acl-delete-item-link {
    float: none;
}

#report_form table.additional_information {
    float: left;
    width: 323px;
    margin: 0 0 10px 5px;
}

.backdrop_detail_content .additional_information .report_issue_help { /*display: none;*/
}

#report_form table.additional_information {
    margin-top: 10px;
    width: 986px;
}

#reportissue_additional_information_container .markItUp {
    display: none;
}

.report_issue_submit_container {
    font-size: 1.1em;
    clear: both;
    vertical-align: middle;
    margin-top: 10px;
    padding: 10px;
    text-align: right;
}

.report_issue_submit_container > div {
    padding: 7px;
    vertical-align: middle;
    display: inline-block;
    float: left;
}

.report_issue_submit_container .button, .report_issue_submit_container .button:hover {
    font-size: 1.1em;
    padding: 7px 10px;
    vertical-align: middle;
}

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

#report_issue_add_extra {
    margin-top: 15px;
    color: #333;
    font-size: 1.1em;
}

.upload_container {
    padding: 35px 0;
    margin: 20px 10px;
    color: rgba(100, 100, 100, 0.3);
    cursor: pointer;
    font-size: 2em;
    font-weight: 300;
    text-align: center;
    border: 2px rgba(100, 100, 100, 0.2) dashed;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.upload_container .upload_click_here {
    color: rgba(50, 150, 50, 0.65);
}

.upload_container.file_hover {
    background-color: rgba(225, 225, 200, 0.7);
}

#file_upload_list {
    list-style: none;
    margin: 0;
    padding: 0;
}

#file_upload_list li {
    list-style: none;
    margin: 0;
    padding: 7px;
    font-size: 1.1em;
}

#attach_file #file_upload_list li {
    height: 100px;
    position: relative;
    margin-bottom: 10px;
}

#attach_file #file_upload_list li .progress {
    position: absolute;
    bottom: -7px;
    left: 0;
}

#file_upload_list li .filename {
    font-style: italic;
}

#file_upload_list li .filesize {
    color: #AAA;
    display: inline-block;
    margin-left: 10px;
}

#file_upload_list li label {
    width: 180px;
    display: inline-block;
    font-size: 1.1em;
    font-weight: 500;
}

#file_upload_list li label:first-of-type {
    float: left;
    margin-top: -3px;
}

#file_upload_list li input[type="text"] {
    width: 619px;
}

#file_upload_list .progress {
    display: block;
    width: 1%;
    height: 4px;
    margin: 0;
    padding: 0;
    background-color: #8C8;
}

#file_upload_list .progress.completed {
    background-color: #00CC33;
    opacity: 0.5;
}

#issue_view pre {
    padding: 6px;
    line-height: 1.4;
    background-color: rgba(225 ,225 ,225, .2);
    border: 1px solid #B4B4B4;
    border-radius: 3px;
    font-family: 'Fira Mono', monospace;
    font-size: 1em;
    display: block;
    width: 100%;
    box-sizing: border-box;
}

/* Undo some of the default styling done for code tag if it is nested
   with pre tag. */
#issue_view pre code {
    padding: 0;
    border: none;
    background: transparent;
    display: block;
    width: 100%;
    box-sizing: border-box;
}

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

.textarea_save_container {
    display: block;
    margin: 0;
    padding: 7px;
    box-sizing: border-box;
    background-color: rgb(245, 245, 245);
    border: 1px solid rgba(100, 100, 100, 0.5);
    border-top: 0;
    text-align: right;
}

.textarea_save_container .button, .textarea_save_container .button:hover {
    padding: 7px 10px;
    font-weight: 300;
    font-size: 1.1em;
}

#issue_view {
    position: relative;
    z-index: 100;
    display: flex;
}

#issue_main_container {
    float: none;
    box-sizing: border-box;
    /*overflow: hidden;*/
    flex: 1 1 auto;
    vertical-align: top;
    transition: flex 0.3s ease;
    /* fix comments container become too wide because of it's content */
    min-width: 0;
}

#issue_main_container.scroll-top, #issue_details_container.scroll-top {
    margin-top: 70px;
}

#issue_main {
    display: block;
    box-sizing: border-box;
    vertical-align: top;
    margin: 0 10px;
}
#issue_main .tab_menu.inset {
    margin-bottom: 0;
}

#issue_details_container {
    float: none;
    flex: 0 0 360px;
    padding: 0 10px;
    transition: flex 0.3s ease;
    box-sizing: border-box;
}

#issue_details {
    display: block;
    float: none;
    width: 100%;
    margin: 0;
    box-sizing: border-box;
    vertical-align: top;
    border-right: 1px solid #DDD;
    box-shadow: 10px 0 15px -18px rgba(0, 0, 0, 0.8);
    position: relative;
    transition: width 0.3s ease;
}

@-moz-document url-prefix() {
    #issue_details {
        box-shadow: 10px 0 15px -22px rgba(0, 0, 0, 0.8);
    }
}

#issue_details .issue_details_fieldsets_wrapper {
    width: 100%;
    opacity: 1;
    transform: scaleX(1);
    transform-origin: left;
    transition: opacity 0.3s ease, transform 0.3s ease-in-out;
    z-index: 10001;
}

#issue_details_container.collapsed .issue_details_fieldsets_wrapper {
    opacity: 0;
    transform: scaleX(0);
}

#issue_view fieldset {
    border: 0;
    padding: 5px;
    margin: 0;
}

#issue_view fieldset legend {
    border: 0;
    color: #777;
    display: block;
    font-size: 1.2em;
    font-weight: 300;
    padding: 30px 0 5px;
    width: 100%;
    border-bottom: 1px dotted #CCC;
    text-transform: uppercase;
}

.viewissue_comments_header {
    line-height: 2em;
    padding: 5px 0;
    display: inline-block;
    position: absolute;
    right: 10px;
    transform: translateY(-100%);
    border-bottom: none;
    text-align: right;
}
#issue_main .viewissue_comments_header .button_container .button {
    font-size: 1em;
}
#issue_view fieldset:first-of-type legend, #issue_details_container fieldset legend {
    padding-top: 5px;
}
#issue_view #viewissue_activity_panes fieldset {
    padding: 0;
    /* fix browser defaults make comments container become too wide because of it's content */
    min-inline-size: auto;
}

.reportissue_error tr {
    background-color: #FEE;
}

.reportissue_error tr td input, .reportissue_error tr td textarea, .reportissue_error tr td select {
    background-color: #FEE;
    border-color: #B77;
}

.reportissue_error label {
    color: #955;
}

.reportissue_error .faded_out .dark {
    color: #aa8D8D;
}

#reportissue_extrafields {
    list-style-type: none;
    padding: 0;
    margin: 10px 0 0 0;
    width: 1005px;
    clear: both;
    font-size: 1em;
}

#reportissue_extrafields li {
    font-weight: 500;
    clear: none;
    margin: 5px;
    min-height: 26px;
    width: 310px;
    text-align: left;
    float: left;
}

#reportissue_extrafields li img {
    margin: 2px 5px 0 0;
    float: left;
}

#reportissue_extrafields li div {
    clear: none;
    margin-top: 2px;
}

#reportissue_extrafields li select, #reportissue_extrafields input[type="text"] {
    width: 255px;
    font-size: 0.8em;
    height: 20px;
    padding: 1px;
    float: left;
}

#reportissue_extrafields li a.img:hover {
    border-bottom: 0;
}

/* end report issue styling */

/* very visible green button */
.nice_button {
    padding: 0;
    color: #FFF;
    border: 0;
    position: relative;
    display: inline;
    text-align: center;
    margin-left: 10px;
}

.nice_button input {
    border: 0;
    border-top: 1px solid #9D9;
    color: #FFF;
    padding: 3px;
    font-weight: 300;
    background-color: #5a5;
    cursor: pointer;
}

.nice_button input:active {
    background-color: #7B7;
}

.nice_button input:hover {
    background-color: #8C8;
}

.nice_button.disabled {
    padding: 0;
    color: #FFF;
    border: 0;
    position: relative;
    display: inline;
    text-align: center;
    margin-left: 10px;
}

.nice_button.disabled input {
    border: 0;
    border-top: 1px solid #F9F9F9;
    color: #AAA;
    padding: 3px;
    font-weight: 300;
    background-color: #EEE;
    cursor: pointer;
}

.nice_button.disabled input:active {
    background-color: #F5F5F5;
}

.nice_button.workflow {
    padding: 0;
    color: #FFF;
    border: 1px solid #E3DDA5;
    position: relative;
    display: inline;
    text-align: center;
    margin: 0;
}

.nice_button.workflow input {
    border: 0;
    border-top: 0;
    border-left: 1px solid #CDC895;
    border-bottom: 1px solid #CDC895;
    color: #6E6E53;
    padding: 2px 3px;
    font-weight: 300;
    background-color: #E3DDA5;
    cursor: pointer;
}

.nice_button.workflow input:active {
    background-color: #E9E9B0;
}

.nice_button.workflow input:hover {
    background-color: #D3CE99;
}

.workflow_actions .button,
.workflow_actions .button:hover,
.button-group > .button,
.button-group > .button:hover,
.button-group > .button-dropdown,
.button-group > .button-dropdown:hover {
    border-radius: 0;
    border-left-width: 0;
    font-size: 1em;
    padding: 4px 8px;
}

.workflow_actions .button.first,
.workflow_actions .button.first:hover,
.button-group > .button:first-child,
.button-group > .button:first-child:hover,
.button-group > .button.first,
.button-group > .button.first:hover,
.button-group > .button-dropdown:first-child,
.button-group > .button-dropdown:first-child:hover,
.button-group > .button-dropdown.first,
.button-group > .button-dropdown.first:hover {
    border-left-width: 1px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.workflow_actions .button.last,
.button-group > .button:last-child,
.button-group > .button.last,
.button-group > .button-dropdown:last-child,
.button-group > .button-dropdown.last {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.button-group .button.lefthugging {
    border-left: none;
}

.button-group .button.righthugging {
    border-right: none;
}

.workflow_actions li.more_actions {
    margin-left: 5px;
}

#workflow_actions .more_actions_dropdown {
    margin-top: 2px;
    border-radius: 2px;
    font-size: 1.1em;
}

.workflow_actions li.workflow {
    position: relative;
}

.workflow_actions li.workflow .tooltip {
    left: auto;
    right: 0;
    bottom: auto;
    top: 34px;
    width: auto;
    white-space: nowrap;
    transition-delay: 1s;
}

.workflow_actions li.workflow .tooltip:before, .workflow_actions li.workflow .tooltip:after {
    left: auto;
    right: 10px;
}

.button-group .button,
.button-group > .button-dropdown {
    float: left;
}
.project_strip .button-group > .button-dropdown {
    float: none;
}

.button-group > .button-dropdown {
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-left: none;
}

.button-group > .button-dropdown, .button-group > .button-dropdown:hover {
    padding: 0;
}

.button-group > .button-dropdown .button {
    box-shadow: none;
    border: none;
}

.button-group > .button-dropdown .button:hover {
    box-shadow: none;
    border: none;
}

.button-group > .button-dropdown .dropper, .button-group > .button-dropdown .dropper:hover {
    border-left: 1px solid transparent;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.button-group > .button-dropdown .dropper:hover {
    border-left-color: rgba(0, 0, 0, 0.2);
}

.project_header_right .button, .project_header_right .button:hover, #tab_csv_pane .button-group .button, #tab_csv_pane .button-group .button:hover, .project_strip .button-group .button, .project_strip .button-group .button:hover {
    padding: 4px 8px;
    font-size: 1em;
    font-weight: 300;
}

.project_header_right .button.reportissue_dropdown_button, .project_header_right .button.reportissue_dropdown_button:hover {
    padding-left: 0 !important;
}

.button-group.inset .button, .button-group.inset .button:last-child, .button-group.inset .button:first-child, .button-group.inset .button:hover {
    border: none;
    font-size: 1.1em;
    padding: 8px 12px;
    color: #555;
    box-shadow: none;
    font-weight: 300;
}

.button-group.inset .button.button-pressed, .button-group.inset .button.button-pressed:hover {
    box-shadow: 0 0 6px rgba(150, 150, 150, 0.4) inset;
    color: #888;
}

/* end very visible button */

#issue_details_container.collapsed {
    flex: 0 0 30px;
}

#issue_details_container.collapsed #issue_details {
    width: 20px;
}

#issue_details fieldset {
    box-sizing: border-box;
    margin: 0 8px 15px 0;
    border-color: rgba(0, 0, 0, 0.2);
}

#issue_details fieldset ul {
    margin-top: 0;
}

#issue_details legend {
    cursor: pointer;
}

#issue_details fieldset .popup_box, #report_form .reportissue_additional_information_container td.report_issue_help > ul.popup_box {
    font-size: 1em;
    left: 0;
    right: 2px;
    top: 50%;
    margin-top: 14px;
    z-index: 10001;
    text-align: left;
    border-top-right-radius: 0;
}

a.dropper.dropdown_link {
    position: absolute;
    right: 2px;
    top: 50%;
    margin-top: -11px;
    line-height: 1em;
}

a.dropper.dropdown_link:hover {
    border: none;
    text-decoration: none;
}

#issue_details fieldset img.dropdown, #report_form .reportissue_additional_information_container td.report_issue_help > a > img.dropdown {
    float: none;
    margin: 3px;
}

#issue_details fieldset dl:hover img.dropdown, #report_form .reportissue_additional_information_container tr:hover > td.report_issue_help > a > img.dropdown {
    display: inline;
}

#issue_details fieldset dl {
    padding: 3px;
}

#issue_details fieldset dt, #issue_details fieldset dd {
    float: none;
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    line-height: 1em;
}
#issue_details fieldset dd .fa,
#issue_details fieldset dd .fas,
#issue_details fieldset dd .far,
#issue_details fieldset dd .fab {
    margin-right: 3px;
}

#issue_details fieldset #issue_percent_complete {
    width: 160px;
    float: right;
    display: inline;
}

#project_planning.milestone-sort #project_planning_action_strip, #project_planning #milestone-sort-actions {
    display: none;
}

#project_planning.milestone-sort #milestone-sort-actions {
    display: block;
}

.project_header_right .button-pressed, #issue_details fieldset a.dropper.button-pressed, .milestone_box .header .dropper.button-pressed, #project_planning_action_strip .dropper.button-pressed, #report_form .reportissue_additional_information_container td.report_issue_help > .dropper.button-pressed {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3) inset;
    border-radius: 2px;
}

#project_planning_action_strip .more_actions_dropdown {
    margin-top: -1px;
}

#project_planning_action_strip .fancydropdown {
    width: 360px;
    height: 32px;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid rgba(150, 150, 150, 0.3);
    border-radius: 2px;
    background: -webkit-linear-gradient(top, #FFF 0%, #F1F1F1 100%);
    background: linear-gradient(to bottom, #FFF 0%, #F1F1F1 100%);
    vertical-align: middle;
    position: relative;
}

#project_planning_action_strip .fancydropdown img {
    vertical-align: middle;
    margin: 0;
    float: none;
}

#project_planning_action_strip .fancydropdown #selected_milestone_status_details {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 30px;
}

.milestone_virtual_status .statusblocks {
    display: block;
    width: 100%;
    height: 100%;
}

.milestone_virtual_status .statusblock {
    display: block;
    float: left;
    clear: none;
    height: 27px;
    opacity: 0.2;
    transition: opacity 0.3s ease;
    margin-top: 0;
    margin-left: 0;
}

.milestone_virtual_status .statusblock:hover {
    opacity: 0.35;
}

.milestone_virtual_status .milestonename {
    position: absolute;
    width: 100%;
    left: 6px;
    top: 7px;
    font-size: 0.9em;
    line-height: 1em;
    padding: 0;
}

.milestone_virtual_status .milestone_percentage, .issue_percentage {
    width: 100%;
    position: absolute;
    bottom: -5px;
    left: 0;
}

.milestone_virtual_status .tooltip {
    font-size: 0.9em;
    opacity: 1;
}

#project_planning_action_strip .fancydropdown + ul {
    left: auto;
    right: 15px;
    font-size: 0.9em;
    z-index: 1012;
}

#issue_details fieldset a.dropper.button-pressed img, .reportissue_additional_information_container td.report_issue_help > .dropper.button-pressed img {
    display: inline;
}

#issue_details fieldset .more_actions_dropdown li a, #issue_details fieldset ul.more_actions_dropdown li a:hover {
    font-size: 1em;
}

.issue_detail_field {
    font-size: 1.1em;
    margin-bottom: 2px;
}

.issue_detail_field dl {
    font-size: 0.9em;
}

.issue_detail_field:hover {
    background-color: rgba(200, 200, 200, 0.2);
    border-radius: 3px;
}

.issue_detail_field dt {
    width: 35%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 500;
    color: rgb(125, 125, 125);
}

.issue_detail_field dd {
    width: auto;
    color: rgb(35, 35, 35);
}

#issue_timetracking_container {
    position: relative;
}

#issue_timetracking_log_time {
    position: absolute;
    top: -26px;
    right: 0;
}

/* workflow actions */
@-webkit-keyframes show {
    from {
        opacity: 0;
    }
    to {
        opacity: 100;
    }
}

@keyframes top_slide {
    from {
        top: -35px;
    }
    to {
        top: 14px;
    }
}

#workflow_actions {
    position: absolute;
    margin-top: 3px;
    right: 14px;
    height: 25px;
    z-index: 1002;
    -webkit-animation: show 0.3s ease-out;
    animation: show 0.3s ease-out;
}

ul.workflow_actions {
    margin-top: 0;
}

ul.workflow_actions > li {
    display: block;
    float: left;
    border-radius: 0;
    padding: 0;
    line-height: 1;
}

ul.workflow_actions li form {
    display: inline;
    margin: 0;
    padding: 0;
}

ul.workflow_actions li input:not(.button-pressed), ul.workflow_actions li:hover input:not(.button-pressed) {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
}

ul.workflow_actions li:hover {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}

#viewissue_find_issue_input {
    width: 350px;
}

/* end workflow actions */

/* fullpage (faded out) backdrop styling */
#fullpage_backdrop ul.duplicate_issues {
    list-style-type: none;
    padding: 0;
    margin: 0;
    clear: both;
}

#fullpage_backdrop ul.duplicate_issues li {
    font-weight: 300;
    margin: 0 0 3px 0;
    text-align: left;
}

#fullpage_backdrop ul.duplicate_issues li input[type="checkbox"] {
    margin-left: 0;
}

#fullpage_backdrop ul.duplicate_issues li {
    padding-left: 5px;
    margin-bottom: 5px;
}

#fullpage_backdrop ul.duplicate_issues {
    margin: 10px 0 5px 0;
}

#fullpage_backdrop_indicator {
    position: absolute;
    top: 45%;
    left: 50%;
    width: 300px;
    margin-left: -150px;
    z-index: 100001;
    color: #999;
    font-size: 15px;
    font-weight: 1300;
}

.fullpage_backdrop_content {
    position: relative;
    z-index: 100001;
}

.fullpage_backdrop {
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 100000;
    width: 100%;
    height: 100%;
    overflow: auto;
    position: fixed;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    text-align: center;
}

.backdrop_box {
    position: absolute;
    top: 60px;
    left: 50%;
    z-index: 100001;
    clear: both;
    margin: 5px 0;
    font-size: 1em;
    display: block;
    padding: 0;
    background-color: #FFF;
    border: none;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
    border-radius: 2px;
}

.backdrop_box#reportissue_container {
    top: 10px;
}

.backdrop_box.small {
    width: 400px;
    margin: 0 -200px 0 -200px;
}

.backdrop_box.mediumsmall {
    width: 500px;
    margin: 0 -250px 0 -250px;
}

.backdrop_box.medium {
    width: 600px;
    margin: 0 -300px 0 -300px;
}

.backdrop_box.large {
    width: 800px;
    margin: 0 -400px 200px -400px;
}

.backdrop_box.huge {
    width: 1010px;
    margin: 0 -500px 200px -500px;
}

.backdrop_detail_content {
    font-weight: 300;
    font-size: 1.0em;
    padding: 5px;
    text-align: left;
}

#reportissue_container .backdrop_detail_content {
    padding: 5px;
    font-size: 0.9em;
}

#reportissue_container .backdrop_detail_footer {
    padding: 5px;
    font-size: 1.1em;
}

#reportissue_container .backdrop_detail_footer a {
    font-weight: 300;
}

.backdrop_detail_content #report_issue_add_extra, .backdrop_detail_content #reproduction_steps_div {
    display: none;
}

.backdrop_detail_content .tab_menu {
    margin-top: 30px;
    margin-bottom: 10px;
    font-size: 1.1em;
}

.backdrop_detail_footer {
    clear: both;
    font-size: 1.1em;
    padding: 5px;
    text-align: right;
    background-color: transparent;
}

#dialog_backdrop_content, #dialog_backdrop_modal_content {
    margin-left: -300px;
    width: 600px;
    overflow: hidden;
}

#dialog_backdrop_content h3, #dialog_backdrop_modal_content h3 {
    margin: 5px;
    padding: 0 0 7px 0;
    color: #999;
    border-bottom: 1px dotted rgb(185, 185, 185);
    font-weight: 500;
}

#dialog_content, #dialog_modal_content {
    padding: 0 7px;
    font-size: 1em;
    margin: 0;
    z-index: 1;
    background-color: transparent;
}

#dialog_yes, #dialog_no, #dialog_okay {
    font-size: 1em;
    padding: 5px 10px !important;
}

#dialog_indicator {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
    float: none;
}

/* end backdrop styling */

/* main issue view styling */
.viewissue_container {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    text-align: left;
    padding: 0 0 50px 0;
    margin: 10px 0 0;
    line-height: 1.9;
}

#viewissue_changed > form > div > input, #viewissue_changed > form > div > button, #viewissue_saved > div > button {
    line-height: 21px !important;
    margin-top: -3px;
    padding: 1px 8px;
}

/* issue info boxes */
#viewissue_menu li {
    box-shadow: 1px -1px 1px rgba(50, 50, 50, 0.2);
}

#viewissue_menu li.selected {
    box-shadow: 0 -3px 5px -4px rgba(50, 50, 50, 0.5);
}

#viewissue_menu li a {
    font-size: 1em;
}

#viewissue_tabs {
    clear: both;
    height: 30px;
    margin: 50px 5px 0 5px;
}

#issue_info_container {
    text-align: left;
    z-index: 0;
    vertical-align: middle;
    font-size: 1em;
    font-weight: 300;
    color: #F5F5F5;
    width: auto;
    position: relative;
    margin: 0 5px 3px 5px;
    background: rgba(248, 245, 222, 0.92);
    border-radius: 0 0 3px 3px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}

.issue_info {
    color: #333;
    text-shadow: 1px 1px 0 #FFF;
    position: relative;
    padding: 3px 3px 3px 5px;
    font-weight: 300;
    min-height: 22px;
}

.issue_info .buttons {
    float: right;
    margin: 0;
}

.issue_info .buttons .button input, .issue_info .buttons .button button {
    padding: 0 4px;
    font-size: 0.9em;
}

.issue_info a {
    font-size: 0.95em;
    font-weight: 300;
}

.issue_info.aligned {
    margin: 10px auto 5px auto;
    padding: 3px;
    width: auto;
    text-align: center;
}

.issue_info.full_width {
    margin: 5px 5px 0 5px;
    padding: 5px;
    position: relative;
}

.issue_info.full_width img {
    float: left;
    margin: 0 10px 0 5px;
}

.issue_info .header {
    font-size: 1.1em;
    line-height: 1.3;
}

.issue_info .content, .notfound_error .content {
    font-weight: 300;
    font-size: 0.95em;
    line-height: 1;
}

.issue_info.error.active ~ .issue_info_backdrop {
    background-color: #FAA;
}

#issue_deleted_message {
    width: 900px;
    font-size: 1.1em;
    text-align: center;
    margin: 25px auto 0 auto;
}

#issue_deleted_message .header, #issue_deleted_message .content {
    text-align: center;
}

#notfound_error {
    vertical-align: middle;
    text-align: left;
    padding: 15px;
    color: #B32626;
    font-size: 1.3em;
    width: 600px;
    margin: 25px auto 0 auto;
    justify-self: flex-start;
    align-self: flex-start;
}

.viewissue_info_header {
    font-weight: 500;
    text-transform: uppercase;
}

#notfound_error .content {
    font-weight: 300;
}

#notfound_error .header {
    text-align: center;
}

#viewissue_saved {
    cursor: pointer;
}

#viewissue_error .content {
    font-size: 1.1em;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: left;
}

/* end issue info boxes */

/* issue extra data (pain and votes) - includes search result styling */
#viewissue_header_container {
    position: relative;
    margin: 0 10px;
    z-index: 1000;
    transition: margin-left 0.3s ease-in-out, margin-right 0.3s ease-in-out;
}

#viewissue_header_container.fixed {
    position: fixed;
    top: 0;
    left: 0;
    margin: 0;
}

#viewissue_header_container.fixed #issue_info_container .issue_info_backdrop {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

#viewissue_header_container table.title_area {
    table-layout: fixed;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #CCC;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    background: -webkit-linear-gradient(top, #FFF 0%, #F1F1F1 100%); /* Chrome10+,Safari5.1+ */
    background: linear-gradient(to bottom, #FFF 0%, #F1F1F1 100%); /* W3C */
}

.blocking #viewissue_header_container table.title_area {
    border-bottom-color: #C59494;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    background: -webkit-linear-gradient(top, #FFF 0%, #F4D1D1 100%); /* Chrome10+,Safari5.1+ */
    background: linear-gradient(to bottom, #FFF 0%, #F4D1D1 100%); /* W3C */
}

@-webkit-keyframes top_slide {
    from {
        top: -35px;
    }
    to {
        top: 6px;
    }
}

@keyframes top_slide {
    from {
        top: -35px;
    }
    to {
        top: 6px;
    }
}

#workflow_actions.fixed {
    position: fixed;
    top: 6px;
    right: 67px;
    margin-top: 0;
    z-index: 1001;
    display: block;
    -webkit-animation: top_slide 0.3s ease-out;
    animation: top_slide 0.3s ease-out;
}

#viewissue_header_container.fixed #votes_additional, #viewissue_header_container.fixed #user_pain_additional {
    display: none;
}

#workflow_actions.fixed #comment_add_button {
    margin-left: 5px;
    border-radius: 4px;
}

#comment_add_button,
#todo_add_button {
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.4em;
}

#issue_main .button_container {
    display: inline-block;
    float: right;
    margin: 0;
    vertical-align: middle;
    font-size: 1.1em;
}

#issue_main .button_container .button {
    font-weight: 300;
    padding: 4px 8px;
    font-size: 0.8em;
}

#viewissue_comments #comment_add_button .button {
    padding: 2px 10px;
    font-size: 1em;
}

.user_pain, .votes {
    font-size: 2.3em;
    font-weight: 700;
    line-height: 1.2;
}

.user_pain {
    color: rgb(115, 137, 113);
}

#votes_additional {
    vertical-align: middle;
}

.votes {
    color: #999;
    text-align: center;
}

.votes .votes_header {
    text-transform: uppercase;
    font-size: 0.43em;
    line-height: 1.3;
}

#vote_up, #vote_down {
    text-align: center;
}
#vote_up a, #vote_down a {
    display: block;
    color: #555;
    transition: color .2s ease-in-out;
    line-height: 1em;
}
#vote_down a:hover {
    color: darkred;
}
#vote_up a:hover {
    color: darkolivegreen;
}
#vote_up .fas, #vote_down .fas {
    padding: 5px;
    font-size: 1.5em;
    transition: background-color .2s ease-in-out;
    background-color: transparent;
}
#vote_up .fas:hover, #vote_down .fas:hover {
    background-color: rgba(200, 200, 200, .2);
}

.user_pain_calculated {
    font-size: 0.8em;
    font-weight: 300;
    color: rgb(119, 133, 116);
}

#user_pain_additional {
    text-align: center;
    border-left: 1px solid rgba(100, 100, 100, 0.1);
    background: -webkit-linear-gradient(top, rgba(150, 200, 150, 0.1) 0%, rgba(140, 190, 140, 0.4) 100%); /* Chrome10+,Safari5.1+ */
    background: linear-gradient(to bottom, rgba(150, 200, 150, 0.1) 0%, rgba(140, 190, 140, 0.4) 100%); /* W3C */
}

#viewissue_triaging {
    display: block;
    margin: 0;
    padding: 5px;
    font-weight: 500;
    font-size: 1.1em;
    text-align: center;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    vertical-align: middle;
}

.search_results .yellow_borderless .user_pain {
    color: #B6aC6D;
}

.search_results .user_pain, .search_results .votes {
    font-size: 1.5em;
}

.search_results .votes {
    color: #88C;
}

.search_results .red_borderless .user_pain {
    color: #B55;
}

.userpain_below_threshold td {
    border-top: 2px solid #B77;
}

.userpain_below_threshold td .status_table td {
    border-top: 0;
}

/* end issue pain and votes */

/* viewissue navigation */
.issue_navigation {
    width: 30px;
    text-align: center;
    position: relative;
    background: -webkit-linear-gradient(top, #FAFAFA 0%, #EAEAEA 100%); /* Chrome10+,Safari5.1+ */
    background: linear-gradient(to bottom, #FAFAFA 0%, #EAEAEA 100%); /* W3C */
}

.issue_navigation:hover {
    background: -webkit-linear-gradient(top, #F5F5F5 0%, #E5E5E5 100%); /* Chrome10+,Safari5.1+ */
    background: linear-gradient(to bottom, #F5F5F5 0%, #E5E5E5 100%); /* W3C */
}

.issue_navigation:hover .tooltip {
    top: 65px;
    bottom: auto;
    right: auto;
    left: auto;
    width: 300px;
    position: absolute;
    text-align: left;
}

.issue_navigation:hover .tooltip.leftie:before, .issue_navigation:hover .tooltip.leftie:after {
    left: 25px;
    right: auto;
}

.issue_navigation:hover .tooltip.rightie:before, .issue_navigation:hover .tooltip.rightie:after {
    right: 24px;
    left: auto;
}

.issue_navigation:hover .tooltip.leftie:before,
.issue_navigation:hover .tooltip.leftie:after {
    left: 15px;
}

.issue_navigation:hover .tooltip.rightie:before,
.issue_navigation:hover .tooltip.rightie:after {
    left: 305px;
}

#go_previous_issue:hover .tooltip {
    left: 0;
}

#go_previous_open_issue:hover .tooltip {
    left: 0;
}

#go_next_issue:hover .tooltip {
    right: 0;
}

#go_next_open_issue:hover .tooltip {
    right: 0;
}

#go_next_issue {
    border-left: 1px solid rgba(100, 100, 100, 0.3);
}

#go_previous_issue {
    border-right: 1px solid rgba(100, 100, 100, 0.3);
}

.issue_navigation a, .issue_navigation a:hover {
    color: #555;
    font-weight: 500;
    font-size: 1.3em;
    border: none;
    text-decoration: none;
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
    line-height: 0;
}

/* end viewissue navigation */

/* time spent */
.issue_timespent_form {
    margin-top: 5px;
    margin-bottom: 10px;
}

.issue_timespent_form li label {
    display: inline-block;
    min-width: 150px;
}

.issue_timespent_form li label.optional {
    font-weight: 300;
}

#spent_time_content a {
    font-size: 1em;
}

#estimated_percentbar {
    width: 200px;
    margin-top: 5px;
}

/* end time spent */

/* issue edit and undo link styling - also what makes them appear and disappear */
#title_edit {
    margin-top: 5px;
}

img.dropdown {
    float: left;
    margin-right: 5px;
    display: none;
    cursor: pointer;
    margin-top: 6px;
}
.fas.dropdown, .far.dropdown {
    transform: scaleX(0);
    margin-right: -16px;
    font-size: 16px;
    transition: transform 0.2s ease-in-out, background-color 0.2s ease-in-out, margin 0.2s ease-in-out;
}

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

dd:hover img.dropdown, .hoverable:hover img.dropdown {
    float: left;
    margin-right: 5px;
    display: inline;
}
dd:hover .fas.dropdown, .hoverable:hover .fas.dropdown,
dd:hover .far.dropdown, .hoverable:hover .far.dropdown {
    transform: scaleX(1);
    margin-right: 5px;
    cursor: pointer;
    padding: 4px;
    border-radius: 3px;
}
.fas.dropdown:hover, .far.dropdown:hover {
    background-color: rgba(200, 200, 200, .3);
}

.issue_detail_changed .fas.undo,
.issue_detail_changed .fas.undo:hover,
.issue_detail_unmerged .fas.undo,
.issue_detail_unmerged .fas.undo:hover {
    margin-right: 5px;
    display: inline-block;
    color: #555;
    text-decoration: none;
    border: none;
}

.fas.undo {
    display: none;
}

#viewissue_left_box_issuetype .dropdown {
    margin-top: 7px;
}

/* end edit and undo styling */

/* issue left hand list */
.issue_lefthand {
    width: 300px;
    padding: 0;
    vertical-align: top;
}

dl {
    margin: 0;
    font-size: 0.85em;
    padding: 0 0 0 0;
    position: relative;
    min-height: 16px;
    clear: both;
}

dt {
    width: 85px;
    font-weight: 500;
    padding: 3px 2px 2px 2px;
    clear: both;
}

dd {
    float: left;
    display: block;
    width: 195px;
    font-weight: 300;
    margin: 0;
    padding: 3px 5px 1px 2px;
    min-height: 16px;
}

#viewissue_left_box_top {
    margin: 10px 0 0;
}

#viewissue_left_box_bottom {
    margin: 5px;
}

#viewissue_left_box_issuetype, #viewissue_left_box_status {
    margin: 0 5px 0 2px;
}

#viewissue_left_box_issuetype table tr td {
    font-size: 1.1em;
    font-weight: 300;
}

#viewissue_left_box_status {
    font-weight: 300;
}

#viewissue_left_box_status table tr td {
    font-weight: 300;
}

.issue_closed .status_badge {
    opacity: 0.7;
}

.status_badge {
    font-weight: 300;
    display: inline-block;
    color: rgba(0, 0, 0, 0.45);
    text-transform: uppercase;
    border: 1px solid rgba(0, 0, 0, 0.2);
    padding: 3px 5px;
    line-height: 1;
    border-radius: 3px;
    vertical-align: middle;
}

*.button-pressed + .more_actions_dropdown {
    display: block;
}

.userdropdown_container .more_actions_dropdown,
.teamdropdown_container .more_actions_dropdown {
    right: auto;
    font-size: 1em;
}

.more_actions_dropdown {
    overflow: hidden;
    padding: 5px 0;
    border-radius: 4px;
    position: absolute;
    z-index: 99999;
    right: 0;
    left: auto;
    display: none;
    background: #FFF;
    border: 1px solid #CCC;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.more_actions_dropdown.with-header {
    padding-top: 0;
}

.more_actions_dropdown.leftie {
    right: auto;
    left: 0;
}

.more_actions_dropdown li {
    min-height: 23px;
    position: relative;
    display: block;
    line-height: 1.7;
    text-transform: none;
    white-space: nowrap;
    font-weight: 300;
}

.more_actions_dropdown li a, .more_actions_dropdown li a:hover {
    display: block;
    font-size: 0.9em;
    font-weight: 300;
    color: #333;
    text-decoration: none;
    border: 0;
    padding: 5px;
    line-height: 1.3;
    white-space: nowrap;
    width: 100%;
    box-sizing: border-box;
}

#issue_details .more_actions_dropdown li a, #issue_details .more_actions_dropdown li a:hover {
    white-space: normal;
}

.more_actions_dropdown li:hover > a {
    background-color: #F1F1F1;
}

ul.workflow_actions .more_actions_dropdown li:hover {
    box-shadow: none;
}

.more_actions_dropdown li.header:hover, .more_actions_dropdown li.nohover:hover {
    background-color: transparent;
}

.more_actions_dropdown li:hover .tooltip {
    bottom: 31px !important;
    top: auto !important;
    width: 400px;
    left: auto;
    right: 0;
    margin-left: 0;
    margin-right: 0;
    font-size: 0.9em;
}

.more_actions_dropdown li .tooltip {
    bottom: 31px !important;
    top: auto !important;
}

.more_actions_dropdown li img {
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 5px;
}

.more_actions_dropdown .fas, .more_actions_dropdown .far {
    display: inline-block;
    margin-right: 8px;
    width: 18px;
    font-size: 15px;
    text-align: center;
    margin-top: -1px;
    color: #555;
}
.more_actions_dropdown .disabled .fas, .more_actions_dropdown .disabled .far {
    text-shadow: 1px 1px 1px rgb(255, 255, 255);
}
.more_actions_dropdown li.mark_blocking .fas,
.more_actions_dropdown li.mark_blocking .far,
.more_actions_dropdown li.delete .fas,
.more_actions_dropdown li.delete .far,
.tab_menu_dropdown li.delete .fas,
.tab_menu_dropdown li.delete .far,
.fas.delete,
.far.delete {
    color: rgb(225, 50, 50);
}
.more_actions_dropdown li.mark_blocking:hover .fas,
.more_actions_dropdown li.mark_blocking:hover .far,
.more_actions_dropdown li.mark_blocking:hover a,
.more_actions_dropdown li.delete:hover .fas,
.more_actions_dropdown li.delete:hover .far,
.more_actions_dropdown li.delete:hover a,
.tab_menu_dropdown li.delete:hover .fas,
.tab_menu_dropdown li.delete:hover .far,
.tab_menu_dropdown li.delete:hover a,
.far.delete:hover,
.fas.delete:hover {
    background-color: rgb(225, 50, 50);
    color: #FFF;
}
.more_actions_dropdown li.affected_items .fas,
.more_actions_dropdown li.affected_items .far {
    color: rgb(25, 150, 25);
}
.more_actions_dropdown li.affected_items:hover .fas,
.more_actions_dropdown li.affected_items:hover .far {
    background-color: rgb(25, 150, 25);
    color: #FFF;
}
.more_actions_dropdown li.help .fas,
.more_actions_dropdown li.help .far,
.tab_menu_dropdown li.help .fas,
.tab_menu_dropdown li.help .far {
    color: darkblue;
}
.more_actions_dropdown li.help:hover .fas,
.more_actions_dropdown li.help:hover .far,
.more_actions_dropdown li.help:hover a,
.tab_menu_dropdown li.help:hover .fas,
.tab_menu_dropdown li.help:hover .far,
.tab_menu_dropdown li.help:hover a {
    background-color: darkblue;
    color: #FFF;
}

.more_actions_dropdown li.disabled a,
.more_actions_dropdown li.disabled a:hover,
.more_actions_dropdown li.disabled div:not(.tooltip),
.more_actions_dropdown li.disabled:hover div:not(.tooltip) {
    color: #AAA;
    text-shadow: 1px 1px 0 #FFF;
    padding: 5px;
    background: transparent;
}

.more_actions_dropdown li.form_container {
    padding-left: 5px;
}
.identifiable_lookup {
    width: 240px;
    padding: 1px 1px 1px;
}
.identifiable_lookup + input[type=submit] {
    width: 60px;
}

.title_left_images {
    width: 32px;
    padding: 0;
    position: relative;
    line-height: 0;
    font-size: 1.3rem;
    text-align: center;
}

.title_left_images > .tooltip.from-above.leftie {
    line-height: 1.43;
}

.title_left_images:first-child {
    width: 42px;
}

.title_left_images:hover .tooltip {
    left: 0;
    right: auto;
    top: 65px;
    bottom: auto;
    width: 370px;
    position: absolute;
}

.title_left_images:hover .tooltip:before, .title_left_images:hover .tooltip:after {
    left: 15px;
}

.title_left_images img {
    margin-left: 5px;
}

.title_left_images:first-child img {
    margin-left: 10px;
}

.typeahead.dropdown-menu {
    list-style: none;
    border: 1px solid rgba(100, 100, 100, 0.3);
    border-radius: 2px;
    font-size: 1.1em;
    display: block;
    width: 100%;
    background: #FFF;
    margin: 2px 0;
    position: absolute;
    box-sizing: border-box;
    z-index: 10000;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

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

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

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

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

/* left hand dropdown boxes */
.dropdown_header, .more_actions_dropdown li.header {
    font-weight: 500;
    font-size: 1.05em;
    color: #888;
    border-bottom: 1px dotted #CCC;
    padding: 7px;
    margin-bottom: 5px;
}

.dropdown_content {
    font-weight: 300;
    padding-top: 5px;
    font-size: 0.9em;
}

.dropdown_content ul {
    list-style-type: none;
    padding: 0;
    margin: 5px 0 0 0;
    clear: both;
}

.dropdown_content table {
    margin: 5px 0 0 0;
}

.dropdown_content ul li {
    font-size: 1em;
    font-weight: 300;
    margin: 0;
    text-align: left;
    min-height: 18px;
    padding: 1px;
}

.dropdown_content table, .dropdown_content table td {
    font-weight: 300;
    margin: 0;
    text-align: left;
    height: 18px;
    padding: 1px;
}

.dropdown_content table {
    margin-top: 5px;
}

.dropdown_content label,
.issuedetailspopup .identifiable_selector label {
    display: block;
    text-transform: uppercase;
    font-weight: 500;
    color: #888;
}

.dropdown_content label + br {
    display: none;
}

.dropdown_content > ul.choices {
    max-height: 250px;
    overflow-y: auto;
}

/* end dropdown */
/* end left hand list */

.error_message {
    color: #E44;
    font-weight: 500;
    margin: 10px 5px 5px 0;
}

/* changed, merged and unmerged styling */
#title_content.issue_detail_unmerged {
    background-color: #E0aC9C;
}

#title_content.issue_detail_changed {
    background-color: #FFF299;
}

/* end changed, merged, unmerged */

#title_field {
    font-size: 1.3em;
    width: auto;
    padding: 8px 10px 8px 7px;
    min-width: 930px;
}

#title_name {
    font-weight: 500;
    font-size: 1.2em;
}

.viewissue_title {
    white-space: nowrap;
    min-width: 700px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 2px;
}

#title_field.editing .viewissue_title {
    white-space: normal;
    overflow: visible;
}

#title_field.editing #title_edit {
    display: none;
}

.issue_state, .affected_state {
    display: inline-block;
    border-radius: 4px;
    background-color: rgba(150, 150, 150, 0.2);
    padding: 2px 4px;
    font-weight: 300;
    font-size: 0.8em;
    margin-right: 2px;
    text-transform: uppercase;
    vertical-align: middle;
    border: 1px solid rgba(0, 0, 0, 0.2);
    line-height: 1.4;
}

.affected_state, .affected_item .affected_status {
    cursor: pointer;
}

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

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

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

.affected_state {
    clear: left;
}

#issue_details fieldset .affected_status + ul.dropdown_box {
    margin-top: 32px;
    margin-left: 37px;
}

.affected_item .affected_state img {
    display: none;
}

.issue_state.closed, .affected_state.unconfirmed {
    background-color: rgba(150, 150, 150, 0.2);
    color: rgba(100, 100, 100, 0.7);
}

.issue_state.open, .affected_state.confirmed {
    background-color: rgba(177, 210, 143, 0.6);
    color: rgba(107, 140, 73, 0.8);
}

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

#title_header, #issue_title, #title_change {
    display: block;
}

#issue_title {
    margin-top: 3px;
    margin-bottom: 0;
}

#title_change {
    margin-top: -2px;
}

#title_header {
    font-size: 0.8em;
}
#title_header .issue_project_icon {
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
}
#title_header .project_naem {
    display: inline-block;
    vertical-align: middle;
}

#title_form {
    display: inline-block;
    vertical-align: middle;
    width: 500px;
    position: relative;
}

#title_form input[type="text"] {
    font-size: 0.8em;
    margin-right: 5px;
    width: 100%;
    box-sizing: border-box;
    vertical-align: top;
    height: 26px;
    display: inline-block;
    padding-left: 8px;
}

#title_form .title_form_save_container {
    vertical-align: middle;
    display: block;
    white-space: nowrap;
    font-size: 0.9em;
    position: absolute;
    height: auto;
    right: 0;
    top: 26px;
    z-index: 101;
    padding: 4px 8px;
    background-color: rgb(235, 235, 235);
    border: 1px solid rgba(100, 100, 100, 0.5);
    border-top: 0;
}

#title_form .title_form_save_container .button, #title_form .title_form_save_container .button:hover {
    padding: 5px 8px;
    font-weight: 300;
    font-size: 1em;
}

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

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

.issue_inline_description {
    width: auto;
    overflow: auto;
}

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

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

.header_div td.nice_button input {
    font-size: 0.8em;
}

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

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

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

.no_items {
    color: #AAA;
    font-size: 1em;
    padding: 5px 0;
}

.percent_filled {
    background-color: #8C8;
}

.percent_unfilled {
    background-color: #DCEFDC;
}

.issue_lefthand .percent_filled a, .percent_unfilled a {
    display: block;
    height: 14px;
}

.issue_lefthand .percent_filled a:hover, .percent_unfilled a:hover {
    border: 0;
}

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

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

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

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

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

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

#upload_error_div {
    margin: 10px 5px 5px 5px;
}

#viewissue_attached_information, #viewissue_related_information, #viewissue_duplicate_issues {
    margin-top: -5px;
}

#viewissue_related_information li, #viewissue_attached_information li, #viewissue_duplicate_issues li {
    width: 335px;
    position: relative;
}

#viewissue_related_information li button, #viewissue_attached_information li button, #viewissue_duplicate_issues li button {
    float: right;
    margin-right: 3px;
    font-size: 0.9em;
    opacity: 0.4;
    transition: opacity 0.3s ease;
}

#viewissue_related_information li:hover button, #viewissue_attached_information li:hover button, #viewissue_duplicate_issues li:hover button {
    opacity: 1;
}

#viewissue_related_information li.closed > a, #viewissue_duplicate_issues li.closed > a {
    color: #549D54;
    text-decoration: line-through;
}

.userdropdown_container,
.teamdropdown_container {
    display: inline-block;
    position: relative;
}
.teamdropdown_container .header {
    display: flex;
}
.team_image_container {
    flex: 0 0 40px;
    padding: 2px;
    height: 40px;
    background: #FFF;
    border: 1px solid #DDD;
}
.teamdropdown_container .team_name_container {
    flex: 1 1 auto;
    line-height: 1em;
    padding-left: 5px;
    font-size: 1.1rem;
}
.team_name_container .team_name {
    vertical-align: middle;
}
.team_name_container .team_status {
    display: block;
    font-size: 0.7em;
}


#viewissue_affected {
    margin: 5px 0 0 0;
}

#viewissue_log_loading_indicator {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}

#viewissue_log_items,
#viewissue_vcs_integration_commits {
    min-height: 36px;
}

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

#viewissue_log_items > ul > li {
    list-style: none;
    margin: 0;
    padding: 2px 0 0 180px;
    position: relative;
    vertical-align: top;
    line-height: 1.6em;
    font-size: .9em;
}
#viewissue_log_items > ul > li.header-break:not(:first-child) {
    margin-top: 15px;
}

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

#viewissue_log_items .fas, #viewissue_log_items .far {
    padding: 4px;
    border: 1px solid transparent;
    margin-right: 7px;
    width: 16px;
}
#viewissue_comments .article ul li a.userlink,
#viewissue_log_items a.userlink {
    white-space: normal;
    display: inline-block;
    vertical-align: baseline;
    margin: 0 7px;
}
#viewissue_log_items a.userlink {
    vertical-align: middle;
}
.comment_log_items a.userlink img, #viewissue_log_items a.userlink img {
    margin: 0;
}

.fas.log_issue_created,
.far.log_issue_created,
.fas.log_issue_closed,
.far.log_issue_closed {
    color: forestgreen;
}
.fas.log_issue_priority,
.far.log_issue_priority {
    color: darkorange;
}
.fas.log_issue_blocked,
.far.log_issue_blocked {
    color: darkred;
}
.fas.log_issue_affected_item_delete,
.far.log_issue_affected_item_delete,
.fas.log_issue_unblocked,
.far.log_issue_unblocked {
    color: rgb(200, 200, 200);
}
.fas.log_issue_status,
.far.log_issue_status {
    padding: 4px;
    border-radius: 3px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

#viewissue_log_items ul li span.date {
    font-size: .95em;
    color: rgba(100, 100, 100, .6);
    display: block;
    min-width: 150px;
    margin: 5px 0 5px -180px;
    padding: 7px 175px 7px 7px;
    border-bottom: 1px solid rgba(100, 100, 100, .2);
    width: 100%;
    background: rgba(225, 225, 225, .1);
}
#viewissue_log_items ul li div.userdropdown_container {
    font-size: .95em;
    display: inline-block;
    width: 150px;
    position: absolute;
    left: 10px;
    top: 45px;
}
#viewissue_log_items ul li a.userlink {
    margin-left: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 125px;
}

h5.change-list {
    text-transform: uppercase;
    font-size: .9em;
    color: #AAA;
    margin: 15px 0 0 25px;
    padding: 0;
}
.comment_log_items {
    list-style: none;
    margin: 0 10px 25px 25px;
    padding: 0;
    font-size: .9em;
}
.comment_log_items .fas,
.comment_log_items .far {
    margin-right: 5px;
}

.comment_log_items span.date {
    display: none;
}

.comment_log_items img {
    margin: 3px 5px -3px 5px;
}

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

#viewissue_commits {
    margin: 10px 0 0 0;
}

#viewissue_attached_information .header_div a {
    float: right;
    margin-left: 5px;
}

#viewissue_attached_information .header_div a:hover {
    border: 0;
}

#attach_file .rounded_box {
    position: absolute;
    top: 25px;
    left: 50%;
    z-index: 100001;
    clear: both;
    width: 500px;
    margin: 0 0 0 -250px;
}

#attach_file .rounded_box {
    padding: 0 5px 5px 5px;
    text-align: left;
    font-size: 0.9em;
}

#attach_file .rounded_box .header_div.bigger {
    padding-top: 5px;
    margin: 0 0 5px 0;
}

#attach_file .rounded_box .content {
    padding: 0 5px 0 5px;
}

#attach_file .rounded_box #done_div {
    text-align: center;
    font-size: 1.1em;
    padding: 10px;
    margin-top: 5px;
    background-color: #F1F1F1;
}

#attach_file #uploaded_files_container {
    max-height: 160px;
    overflow: auto;
}

#attach_file #uploaded_files {
    table-layout: fixed;
    width: 100%;
    background-color: #FFF;
}

#uploader_no_uploaded_files {
    padding: 5px 0 15px 5px;
}

#viewissue_add_relation_div, #viewissue_add_item_div {
    text-align: left;
}

#viewissue_add_item_div .backdrop_detail_header .button.button-silver {
    padding: 3px 8px;
    margin-top: -3px;
}

#viewissue_find_issue_form div {
    text-align: left;
    font-size: 0.9em;
    margin-top: 10px;
}

#viewissue_find_issue_form input[type="text"] {
    width: 300px;
}

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

#viewissue_relation_results .issue_title {
    width: auto;
}

#viewissue_relation_results .faded_out {
    font-weight: 300;
}

ul.attached_items {
    list-style: none;
    padding: 0;
    margin: 5px 0 0 0;
}

.attached_item a.downloadlink, .attached_item a.downloadlink:hover {
    display: inline-block;
    font-size: 1em;
    width: 303px;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 5px 0 0;
    text-decoration: none;
    border: none;
}

.attached_item a.downloadlink img, .affected_item img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.affected_item .removelink, .attached_item .removelink, .relatedissue .removelink, .duplicatedissue .removelink, .attached_item .removelink:hover, .relatedissue .removelink:hover, .duplicatedissue .removelink:hover {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    width: 17px;
    opacity: 0.3;
    transition: opacity 0.3s ease;
}

.relatedissue .removelink, .affected_item .removelink, .duplicatedissue .removelink {
    float: right;
}

.attached_item:hover .removelink, .affected_item:hover .removelink, .relatedissue:hover .removelink, .duplicatedissue:hover .removelink, .attached_item:hover .removelink:hover, .relatedissue:hover .removelink:hover, .duplicatedissue:hover .removelink:hover {
    opacity: 1;
    border: none;
}

.attached_item:hover .removelink a:hover, .affected_item:hover .removelink a:hover, .relatedissue a.removelink:hover, .duplicatedissue a.removelink:hover {
    text-decoration: none;
    border: none;
}

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

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

.attached_item .upload_details {
    display: block;
    padding: 5px 0;
    font-size: 0.9em;
    color: #AAA;
    font-style: italic;
}

#viewissue_attached_information .attached_item.file_image, #article_attachments .attached_item.file_image {
    display: inline-block;
    width: 160px;
    margin-top: 10px;
    position: relative;
    vertical-align: top;
}

#viewissue_attached_information .attached_item.file_image:nth-child(odd), #article_attachments .attached_item.file_image {
    margin-right: 5px;
}

#viewissue_attached_information .attached_item.file_image .removelink, #article_attachments .attached_item.file_image .removelink {
    position: absolute;
    top: 5px;
    right: 0;
    cursor: pointer;
    padding: 3px 2px;
}

#viewissue_attached_information .attached_item .filename, #article_attachments .attached_item .filename {
    display: block;
}

#viewissue_attached_information .attached_item.file_image .removelink:first-of-type, #article_attachments .attached_item.file_image .removelink:first-of-type {
    right: 20px;
}

#viewissue_attached_information .attached_item.file_image:hover .removelink, #article_attachments .attached_item.file_image:hover .removelink {
    background-color: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(200, 200, 200, 0.8);
    border-radius: 2px;
    padding: 2px;
    line-height: 1em;
    width: 16px;
    height: 16px;
}

#file_upload_list {
    display: block;
    clear: both;
}

#file_upload_list li {
    clear: both;
}

#file_upload_list .imagepreview {
    display: block;
    float: left;
    margin-right: 10px;
    width: 160px;
    height: 90px;
    overflow: hidden;
    margin-top: -3px;
}

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

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

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

.popup_box {
    display: block;
    opacity: 0;
    transform: scaleY(0);
    transform-origin: top;
    text-align: left;
    transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
}

.button-pressed + .popup_box, .popup_box.force-active {
    opacity: 1;
    transform: scaleY(1);
    transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
}

.popup_box li.separator, .tab_menu_dropdown li.separator {
    margin: 5px;
    padding: 0;
    height: 1px;
    min-height: 1px;
    border-top: 1px dotted rgba(100, 100, 100, 0.2);
}

.popup_box li.separator:hover, .tab_menu_dropdown li.separator:hover {
    background-color: #FFF;
}

.popup_box .form_controls {
    padding: 5px;
    text-align: right;
}

.popup_box .form_controls .button, .popup_box .form_controls .button:hover {
    padding: 2px 6px;
    font-size: 1.1em;
}

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

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

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

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

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

.issuedetailspopup .button-group .button {
    padding: 3px 7px;
    font-size: 0.85em;
}

.issuedetailspopup ul.simple_list {
    margin-top: 0;
}

.issuedetailspopup ul.simple_list > li:first-child {
    padding-top: 0;
}

.issuedetailspopup ul.simple_list > li {
    clear: both;
    padding: 5px 0;
}

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

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

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

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

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

.issuedetailspopup .textarea_hint {
    color: #AAA;
}

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

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

.duplicate_search {
    display: none;
}

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

.duplicate_search input[type=button] {
    font-size: 13px;
    line-height: 17px;
    padding: 5px;
    display: inline-block;
    margin-left: -4px;
    width: 70px;
    box-sizing: border-box;
}

.duplicate_search select {
    text-transform: uppercase;
}

table.issue_affects td {
    padding: 3px;
}

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

#viewissue_left_box_top table.issue_affects th {
    background: rgb(244, 236, 139);
    border-bottom-color: #e3dda5;
}

.issue_affects img.hover_visible {
    display: none;
}

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

/* end view issue styling */

/* user dashboard styling */
.dashboard.layout_standard {
    list-style-type: none;
    padding: 0;
    margin: 0 5px 0 0;
    clear: both;
}

#customize_dashboard_icon img, #customize_dashboard_icon span {
    float: right;
    margin-right: 10px;
}

#customize_dashboard_icon span {
    display: none;
    color: #AAA;
    font-size: 1.1em;
}

#customize_dashboard_icon:hover span {
    display: inherit;
}

.dashboard.layout_standard {
    box-sizing: border-box;
    width: 100%;
    display: block;
    text-align: left;
    float: none;
    padding: 0;
    margin: 0;
}

.dashboard.layout_standard ul.dashboard_column {
    box-sizing: border-box;
    width: 49.8%;
    vertical-align: top;
    display: inline-block;
    float: none;
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
}

.dashboard.layout_standard ul.dashboard_column > li {
    font-size: 1em;
    font-weight: 300;
    clear: both;
    margin: 5px 0;
    padding: 0;
    text-align: left;
    float: none;
    width: 100%;
    list-style: none;
    position: relative;
}

.dashboard.layout_standard ul.dashboard_column > li .container_div {
    border: 1px solid rgba(100, 100, 100, 0.2);
    box-shadow: 0 0 5px rgba(100, 100, 100, 0.15);
    margin: 5px 5px 15px;
}

.dashboard.layout_standard ul.dashboard_column > li img.mover, .dashboard.layout_standard ul.dashboard_column > li img.remover {
    float: right;
    margin: 3px 5px 0 5px;
    display: none;
}

.dashboard.layout_standard.editable ul.dashboard_column.jsortable > li:hover img.mover {
    display: inline-block;
    cursor: move;
}

.dashboard.layout_standard.editable ul.dashboard_column.jsortable > li:hover img.remover {
    display: inline-block;
    cursor: pointer;
}

.dashboard.layout_standard ul.dashboard_column > li .faded_out {
    font-size: 0.9em;
    font-weight: 300;
}

.dashboard.layout_standard ul.dashboard_column > li div.faded_out {
    margin: 5px 10px;
}

.dashboard.layout_standard ul.dashboard_column > li table tr td {
    font-size: 1em;
    font-weight: 300;
    vertical-align: top;
}

.dashboard.layout_standard ul.dashboard_column > li table tr.issue_closed td {
    text-decoration: line-through;
    color: #AAA;
}

.dashboard.layout_standard ul.dashboard_column > li table tr.issue_closed td a {
    color: #88C688;
}

.dashboard.layout_standard ul.dashboard_column > li table tr td .issue_closed {
    text-decoration: line-through;
}

.dashboard.layout_standard ul.dashboard_column > li .imgtd img, #timeline .recent_activities .imgtd img {
    padding: 4px 0 0 0 !important;
}

.dashboard.layout_standard ul.dashboard_column > li div.header, #dashboard_lefthand > div.header, #dashboard_righthand > div.header {
    margin: 2px 5px;
    padding: 3px 3px 5px 2px;
    font-weight: 500;
    font-size: 1em;
    border-bottom: 1px dotted #CCC;
    background-color: #FFF;
}

.dashboard.layout_standard ul.dashboard_column > li .milestone_box .header {
    margin: 10px 0 0 0;
    padding: 0;
    border: none;
    text-transform: none;
}

.dashboard.layout_standard .dashboard_view_header {
    font-weight: 500;
    color: #666;
    font-size: 1em;
    padding: 4px;
}

.dashboard.layout_standard .dashboard_view_content {
    padding: 5px 10px;
}

.dashboard.layout_standard .dashboard_view_content ul li {
    float: none;
    width: auto;
}

.dashboard.layout_standard .dashboard_view_content .button-container {
    text-align: right;
    display: block;
    padding-bottom: 6px;
}

.dashboard.layout_standard .dashboard_view_content .project_list {
    font-size: 0.8em;
}

.dashboard.layout_standard .dashboard_view_header img {
    margin-right: 2px;
}

.dashboard.layout_standard .latest_action_dates {
    padding: 10px 0 0 7px;
}

.dashboard.layout_standard .faded_out.smaller {
    font-size: 0.8em;
    padding-right: 5px;
}

.dashboard.layout_standard .project_key {
    background-color: #E8F7DC;
    padding: 2px 4px;
    border-radius: 3px;
    margin-right: 3px;
}

.dashboard.layout_standard .issue_link {
    display: block;
    font-size: 1em;
}

.dashboard.layout_standard .issue_link img {
    float: left;
    display: block;
    margin: 7px;
    vertical-align: middle;
}

.dashboard.layout_standard .issue_link + .status_badge {
    font-size: 0.8em;
}

#dashboard_lefthand, #dashboard_righthand {
    font-size: 0.95em;
    position: relative;
}

#dashboard_lefthand {
    flex: 0 0 250px;
    padding: 5px 10px 5px 0;
    border-right: 1px solid #DDD;
}

#dashboard_righthand {
    flex: 0 0 250px;
    padding: 5px 5px 5px 10px;
    box-shadow: 5px 0 5px -5px rgba(0, 0, 0, 0.3) inset;
    border-left: 1px dotted #DDD;
}

#dashboard_lefthand a.friend {
    color: #00a400;
}

#dashboard_lefthand.side_bar.collapsed {
    flex: 0 0 25px;
    margin: 0;
}

#dashboard_righthand.side_bar.collapsed {
    flex: 0 0 25px;
    border: none;
    padding: 0;
    margin: 0;
}

#dashboard_lefthand .container_divs_wrapper {
    width: 239px;
}

#dashboard_lefthand.collapsed .container_divs_wrapper {
    margin-left: -239px;
}

.jsortable .sortable-placeholder {
    display: block;
    margin: 5px;
    width: auto;
    box-shadow: none;
    border: 1px dotted rgba(100, 100, 100, 0.3);
    height: 70px;
    box-sizing: content-box;
    background-color: rgba(240, 240, 240, 0.2);
}

.dashboard_add_view_container {
    display: none;
}

.dashboard.layout_standard.editable .dashboard_add_view_container {
    display: block;
    cursor: pointer;
}

.dashboard_add_view_container > div {
    font-size: 1.7em;
    font-weight: 300;
    border: 1px dashed #DDD;
    padding: 50px 0;
    text-align: center;
    background-color: #FAFAFA;
    color: rgba(100, 100, 100, 0.4);
    margin: 0 5px 10px 5px;
}

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

#whiteboard_indicator {
    z-index: 1011;
}

#planning_indicator {
    position: fixed;
}

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

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

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

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

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

#add_dashboard_views .available_views_list {
    list-style: none;
    margin: 0;
    padding: 0;
}

#add_dashboard_views h3, #add_dashboard_views h4 {
    font-weight: 500;
    color: #888;
    text-transform: uppercase;
    border-bottom: 1px dotted #CCC;
    padding: 0 0 5px 0;
    margin: 0 0 5px 0;
}

#add_dashboard_views h3 {
    font-size: 1.1em;
}

#add_dashboard_views h4 {
    font-size: 1em;
}

#add_dashboard_views .project_left {
    width: 200px;
    display: inline-block;
    vertical-align: top;
}

#add_dashboard_views .available_views_container {
    width: 570px;
    margin-left: 10px;
    display: inline-block;
    vertical-align: top;
    height: 500px;
    overflow-x: auto;
}

#add_dashboard_views .available_views_list li {
    display: block;
    float: none;
    padding: 10px;
    vertical-align: top;
    border: 1px solid rgba(100, 100, 100, 0.3);
    box-sizing: content-box;
    box-shadow: 0 0 3px rgba(100, 100, 100, 0.4);
    margin: 0 10px 7px 0;
}

#add_dashboard_views .available_views_list li .icon_container {
    padding: 5px 0;
    width: 7%;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}

#add_dashboard_views .available_views_list li .description {
    color: #666;
    font-size: 1em;
    padding: 5px 0;
    width: 92%;
    display: inline-block;
    vertical-align: top;
}

#add_dashboard_views .available_views_list li .add_button_container {
    padding: 10px 0;
    display: block;
    text-align: right;
}

#add_dashboard_views .available_views_list li .add_button_container img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

#add_dashboard_views .available_views_list li .add_button_container .button, #add_dashboard_views .available_views_list li .add_button_container .button:hover {
    font-size: 1em;
    padding: 4px 7px;
}

#add_dashboard_views .backdrop_detail_footer {
    padding: 15px 10px;
}

#add_dashboard_views .backdrop_detail_footer .button, #add_dashboard_views .backdrop_detail_footer .button:hover {
    font-size: 1.2em;
    padding: 5px 8px;
}

#dashboard_righthand .collapser_link {
    left: -1px;
    right: auto;
    border-left: none;
    border-right: 1px dotted #CCC;
    box-shadow: 3px 2px 2px rgba(0, 0, 0, 0.2);
}

#issue_details .collapser_link {
    right: -1px;
    top: 8px;
    position: absolute;
    background-color: #FFF;
    border: 1px solid #E5E5E5;
    border-right-style: none;
    line-height: 1;
    padding: 5px 3px 2px 3px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1) inset;
    z-index: 10002;
}

@-moz-document url-prefix() {
    #issue_details .collapser_link {
        box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1) inset;
    }
}

#issue_details .collapser_link:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 19px;
    background-color: #FFF;
    top: 2px;
    left: 16px;
}

@-moz-document url-prefix() {
    #issue_details .collapser_link:before {
        top: 1px;
    }
}

#issue_details .collapser_link:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 24px;
    background-color: #FFF;
    top: -2px;
    left: 20px;
}

#issue_details .collapser_link .collapser,
#issue_details .collapser_link .fas.collapser,
#issue_details .collapser_link .far.collapser {
    display: inline-block;
}

#issue_details .collapser_link .expander,
#issue_details .collapser_link .fas.expander,
#issue_details .collapser_link .far.expander {
    display: none;
}

#issue_details_container.collapsed .collapser_link .collapser,
#issue_details_container.collapsed .collapser_link .fas.collapser,
#issue_details_container.collapsed .collapser_link .far.collapser {
    display: none;
}

#issue_details_container.collapsed .collapser_link .expander,
#issue_details_container.collapsed .collapser_link .fas.expander,
#issue_details_container.collapsed .collapser_link .far.expander {
    display: inline-block;
}

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

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

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

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

.backdrop_box.sectioned label {
    display: block;
}

.backdrop_box.sectioned .fancyfilter {
    display: block;
    clear: both;
    margin-bottom: 8px;
    margin-right: 0;
    max-width: none;
    min-height: 20px;
}

.backdrop_box.sectioned .fancyfilter label {
    display: inline-block;
    margin-top: 0;
}

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

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

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

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

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

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

.edit_milestone .milestone_include_issues {
    border: 1px solid rgba(100, 100, 100, 0.3);
    background-color: #F7F4DF;
    padding: 6px;
    font-weight: 300;
    font-size: 1.1em;
    margin: 20px 5px;
    color: rgba(0, 0, 0, 0.6);
}

.planning_filter_title {
    float: left;
    font-size: 1.1em;
    vertical-align: middle;
    padding: 4px 4px 4px 28px;
    width: 150px;
    background: no-repeat 6px 6px;
    transition: width 0.3s ease;
}

.planning_filter_title:focus {
    width: 250px;
}

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

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

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

#builds_list.expanded, #epics_list.expanded {
    display: block;
}

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

#epics_list li.epic {
    padding: 10px 10px 10px 20px;
}

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

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

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

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

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

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

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

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

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

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

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

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

#epics_list li.add_epic_container.selected form {
    display: block;
}

#epics_list li.add_epic_container.selected .plus {
    display: none;
}

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

#builds_list.filtered li, #epics_list.filtered li {
    opacity: 0.4;
}

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

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

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

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

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

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

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

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

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

.left_toggled #milestone_0_issues {
    display: none;
}

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

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

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

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

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

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

#no_milestones {
    color: #888;
    padding: 5px 20px;
    font-size: 1.1em;
}

#milestone_list {
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
    float: none;
    clear: both;
}

.milestone_box {
    margin: 0;
    font-size: 1em;
    position: relative;
    border: none;
    padding: 0 10px 12px 10px;
    box-shadow: none;
    border-radius: 0;
}

.dashboard_milestones .milestone_box,
.team_dashboard_projects .milestone_box,
.client_dashboard_projects .milestone_box {
    border-bottom: 1px dashed #EAEAEA !important;
    table-layout: fixed;
    width: 100%;
    box-sizing: border-box;
    background-color: transparent !important;
}

.team_dashboard_projects .milestone_box,
.client_dashboard_projects .milestone_box {
    padding: 0 0 12px 0;
    font-size: 1.1em;
}

.team_dashboard .milestone_box .header,
.client_dashboard .milestone_box .header {
    text-transform: none;
    border-bottom: none;
    font-size: 1em;
}

#milestone_list .milestone_box {
    border: 0 dotted rgba(100, 100, 100, 0.2);
    border-bottom-width: 1px;
    padding: 5px 10px;
}

.milestone_box.highlighted {
    background-color: #FFF299;
}

.dashboard_milestones {
    padding: 0;
}

.page-project_dashboard .dashboard_milestones {
    margin: -5px -10px;
}

.dashboard_milestones > div:last-child {
    border-bottom: none !important;
}

.milestone_box.unavailable:hover {
    opacity: 1;
    -ms-opacity: 1;
    -webkit-opacity: 1;
}

.milestone_box .status {
    margin-top: 10px;
    font-size: 0.8em;
    display: inline-block;
    padding: 2px 5px;
    border-radius: 3px;
}

.milestone_box.red .status {
    background-color: #FAEFEF;
    color: #D88383;
}

.milestone_box.green .status {
    background-color: #DCEFDC;
    color: #00a400;
}

.milestone_box .date {
    margin-top: 4px;
    color: #AAA;
    font-size: 0.9em;
}

.milestone_box .percentage {
    vertical-align: middle;
    padding-left: 10px;
}

.milestone_box .percentage .numbers {
    text-align: center;
    font-size: 0.8em;
    margin-bottom: 8px;
    color: #555;
}

.milestone_box .header {
    padding: 4px 0;
    border: none;
    font-size: 1.1em;
    font-weight: 500;
}

.milestone_box .milestone_basic_container, .milestone_box .milestone_counts_container {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    margin-right: 5px;
}

.milestone_box .milestone_counts_container {
    margin-top: -20px;
}

#new_backlog_milestone_marker .milestone_counts_container {
    margin-top: 0;
}

.header.backlog .milestone_counts_container {
    margin-top: -10px;
}

.milestone_counts_container table, .milestone_box .milestone_counts_container tr {
    border: 0;
    padding: 0;
    margin: 0;
    width: auto;
    color: #555;
    background-color: #FFF;
    font-size: 0.8em;
}

.milestone_counts_container td {
    padding: 0;
    text-align: center;
    font-weight: 300;
    min-width: 75px;
}

.milestone_counts_container tr:first-child td {
    font-size: 1.9em;
    line-height: 1.1em;
}

.milestone_counts_container tr:nth-child(2) td {
    font-size: 1.1em;
    line-height: 1.5em;
    text-transform: uppercase;
    color: #AAA;
}

.milestone_box .milestone_name {
    font-weight: 500;
    font-size: 1.2em;
    text-transform: uppercase;
    color: #777;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 5px;
}

.milestone_box .milestone_name.milestone_virtual_status {
    height: 30px;
    width: 390px;
    padding-bottom: 2px;
    background-color: #FFF;
    position: relative;
    border: 1px solid transparent;
}

.milestone_box .header .button, .milestone_box .header .button:hover {
    font-size: 0.9em;
    padding: 2px 5px;
}

.milestone_box .header .button img {
    display: none;
}

.milestone_box .header .button[disabled] img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.milestone_box .header .settings_container, .milestone_box .header .draggable {
    position: relative;
    float: right;
    margin: 0 5px;
    line-height: 1em;
}

.page-project_roadmap #content_container .milestone_box .header .settings_container, .page-project_milestone_details #content_container .milestone_box .header .settings_container {
    margin-right: -10px;
}

.milestone_box .header .settings_container {
    opacity: 0.4;
    transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
    z-index: 1;
}

.milestone_box .header .settings_container:hover {
    opacity: 1;
    transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
}

.milestone_box .header .settings_container img, .milestone_box .header .draggable img {
    padding: 3px 5px;
    cursor: pointer;
}

.milestone_box .header .draggable {
    display: none;
}

#project_planning.milestone-sort .milestone_box {
    cursor: move;
    background-color: white;
}

#project_planning.milestone-sort .milestone_box .header .draggable {
    display: block;
}

#project_planning.milestone-sort .milestone_box .header .settings_container, #project_planning.milestone-sort .milestone_box .header .button-group, #project_planning.milestone-sort .milestone_box .milestone_issues {
    display: none;
}

dl.info {
    display: block;
    white-space: normal;
}

.milestone_box .backlog dl.info {
    display: inline-block;
    margin-left: 25px;
}

.fancylabels {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
}

.fancylabels label {
    display: flex;
    flex: 0 0 calc(50% - 10px);
    margin: 5px;
    padding: 15px;
    border: 1px solid rgba(225, 225, 225, .1);
    transition: border-color .2s ease-in-out, background-color .2s ease-in-out;
    justify-content: flex-start;
    align-items: center;
    font-weight: 300;
    text-transform: none;
    box-sizing: border-box;
}
.fancylabels label .fas,
.fancylabels label .far {
    flex: 0 0 60px;
    font-size: 2.5em;
    padding: 15px;
    color: #888;
    text-align: center;
}
.fancylabels label span {
    flex: 1 1 auto;
    font-size: 1em;
    padding: 15px 5px;
    color: #555;
    line-height: 1em;
}
.fancylabels label span h1 {
    font-size: 1.2em;
}

.fancylabels input:checked + label {
    border-color: rgba(225, 225, 225, .3);
    background-color: rgba(200, 200, 200, .1);
    box-shadow: inset 0 0 4px rgba(100, 100, 100, .3);
}

.fancylabels input {
    display: none;
}

.fancycheckbox {
    display: none;
}
.fancycheckbox + label {
    display: inline-block;
    color: #555;
    transition: color .2s ease-in-out;
}
.fancycheckbox:disabled + label,
.fancycheckbox:disabled + label + .explanation {
    color: #DDD;
}
.fancycheckbox:checked + label {
    color: #585;
}
.fancycheckbox:disabled + label {
    color: #DDD;
}
.fancycheckbox:focus + label {
    color: #558;
    box-shadow: 0 0 3px rgba(150, 150, 210, 1);
}
.fancycheckbox + label .fas.unchecked,
.fancycheckbox + label .far.unchecked,
.fancycheckbox:checked + label .fas.checked,
.fancycheckbox:checked + label .far.checked {
    display: inline-block;
    margin-right: 5px;
}
.fancycheckbox + label .fas.checked,
.fancycheckbox + label .far.checked,
.fancycheckbox:checked + label .fas.unchecked,
.fancycheckbox:checked + label .far.unchecked {
    display: none;
}
.fancycheckbox + label ~ .fancycheckbox + label {
    margin-left: 10px;
}

.fancydropdown + ul li dl.info {
    display: inline-block;
    margin-left: 0;
    width: 265px;
}

dl.info dt, dl.info dd {
    display: inline-block;
    width: auto;
    text-align: left;
    float: none;
    padding: 2px;
    vertical-align: middle;
    font-weight: 500;
}

dl.info dt {
    margin: 0 5px 0 0;
    text-transform: uppercase;
    color: #AAA;
    white-space: nowrap;
    font-weight: 500;
}

.release dl.info dt, .epic dl.info dt {
    width: 100px;
}

.fancydropdown + ul li dl.info dt {
    width: 85px;
}

.release dl.info dd, .epic dl.info dd {
    width: 120px;
}

.fancydropdown + ul li dl.info dd {
    width: 160px;
}

.milestone_box dl.info dt.milestone_issues_count {
    margin-right: 0;
    line-height: 1em;
}

.milestone_box dl.info dt.milestone_issues_count.collapsable, .milestone_box dl.info dt.milestone_issues_count.collapsable + dd {
    cursor: pointer;
}

.milestone_box dl.info dt.milestone_issues_count img {
    vertical-align: middle;
}

.milestone_box dl.info dt.milestone_issues_count + dd {
    margin-left: -5px;
    min-width: 25px;
}

.milestone_box dl.info dd {
    margin: 0 20px 0 0;
    min-width: 90px;
}

.milestone_percentage, .issue_percentage {
    display: block;
    height: 3px;
    background-color: #E7E7E7;
    padding: 0;
    width: 100%;
    margin: 5px 0;
    position: relative;
}

.issue_percentage {
    margin: 0 0 2px 0;
    bottom: -2px;
}

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

.milestone_issue_actions .more_actions_dropdown {
    position: absolute;
    margin: 23px 0 0;
    padding: 0;
    z-index: 10;
    text-align: left;
}

.milestone_issue_actions .more_actions_dropdown li:hover .tooltip {
    bottom: 35px !important;
    top: auto !important;
    width: auto;
    margin-left: -100px;
    font-size: 0.9em;
}

.milestone_issue_actions .more_actions_dropdown li .tooltip {
    bottom: 70px !important;
    top: auto !important;
}

.milestone_moreactions.more_actions_dropdown {
    left: auto;
    right: 0;
    margin-top: 0;
}

.more_actions {
    margin-top: 0;
}

.more_actions_dropdown .header {
    padding: 5px;
    background-color: rgb(253, 250, 223);
}

.more_actions_dropdown .header:hover {
    background-color: rgb(253, 250, 223) !important;
}

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

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

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

.milestone_box .milestone_no_issues {
    color: #888;
    padding: 0 15px 15px 15px;
}

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

.milestone_box .milestone_issues li.new_milestone_marker {
    margin: 3px 0 3px -7px;
}

.milestone_box .milestone_issues li.new_milestone_marker:first-child {
    margin: 0 0 2px -7px;
    padding: 1px 0;
}

.milestone_box .milestone_issues li.new_milestone_marker .draggable {
    padding: 3px 5px;
    border-top: 2px solid rgba(0, 140, 0, 0.2);
    border-bottom: 2px solid rgba(0, 140, 0, 0.2);
    background: #FFF;
    cursor: row-resize;
    text-align: left;
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
    height: auto;
    z-index: 10;
    transition: border 0.3s ease;
    opacity: 1;
}

.milestone_box .milestone_issues:hover li.new_milestone_marker .draggable {
    border-top: 2px solid rgba(0, 140, 0, 0.8);
    border-bottom: 2px solid rgba(0, 140, 0, 0.8);
}

.milestone_box .milestone_issues li.new_milestone_marker .button, .milestone_box .milestone_issues li.new_milestone_marker.ui-sortable-helper:first-child .button, .milestone_box .milestone_issues li.new_milestone_marker .milestone_counts_container, .milestone_box .milestone_issues li.new_milestone_marker:first-child.ui-sortable-helper .milestone_counts_container {
    display: inline-block;
    padding: 3px 8px;
    font-size: 1.1em;
}

.milestone_box .milestone_issues li.new_milestone_marker.ui-sortable-helper .button {
    opacity: 0.3;
}

.milestone_box .milestone_issues li.new_milestone_marker .button {
    float: right;
    margin-top: 9px;
}

.milestone_box .milestone_issues li.new_milestone_marker:first-child .button, .milestone_box .milestone_issues li.new_milestone_marker:first-child .milestone_counts_container {
    display: none;
}

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

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

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

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

.whiteboard-issue.blocking {
    border: 1px solid rgba(200, 50, 50, 0.15) !important;
    background-color: rgba(252, 244, 244, 1);
}

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

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

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

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

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

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

.story_color {
    display: block;
    position: absolute;
    left: 0;
    height: 100%;
    width: 7px;
    padding: 0;
    border-right: 1px solid rgba(200, 200, 200, 0.2);
    opacity: 0.6;
}

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

.story_color.dropper {
    cursor: pointer;
}

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

.story_color_selector .color_items {
    margin: 5px;
}

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

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

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

.whiteboard-issue .priority {
    height: 13px;
    width: 15px;
    text-align: center;
    padding: 0;
    font-size: 1em;
    font-weight: 500;
    text-transform: uppercase;
    vertical-align: middle;
    line-height: 1em;
    float: left;
    margin: 10px 4px 3px 16px;
    border-radius: 3px;
}

.priority.priority_1 {
    color: #BF0303;
    font-style: normal;
    font-weight: 500;
}

.priority.priority_2, .priority.priority_3 {
    color: #C39500;
    font-weight: 500;
}

.priority.priority_4 {
    color: #00892C;
    font-weight: 300;
}

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

.priority.priority_0 {
    color: #DDD;
    font-weight: 300;
}

.whiteboard-issue .priority.priority_1 {
    background-color: rgba(191, 3, 3, 0.15);
}

.whiteboard-issue .priority.priority_2, .whiteboard-issue .priority.priority_3 {
    background-color: rgba(195, 149, 0, 0.15);
}

.whiteboard-issue .priority.priority_4 {
    background-color: rgba(0, 137, 44, 0.15);
}

.whiteboard-issue .priority.priority_5, .whiteboard-issue .priority.priority_6 {
    background-color: rgba(136, 136, 136, 0.15);
}

.whiteboard-issue .priority.priority_0 {
    background-color: rgba(221, 221, 221, 0.2);
}

.issuetype-icon,
.interactive_menu .far.issuetype-icon,
.interactive_menu .fas.issuetype-icon,
.more_actions_dropdown .fas.issuetype-icon,
#issue_details fieldset dd .fas.issuetype-icon {
    color: #FFF;
    border-radius: 3px;
    padding: 4px;
    font-size: .70rem;
    border: none;
    width: 15px;
    text-align: center;
    box-sizing: content-box;
    margin-right: 5px;
    vertical-align: middle;
    text-shadow: none;
}
.issuetype-icon.issuetype-bug_report {
    background-color: rgba(96, 141, 0, .95);
}
.issuetype-icon.issuetype-developer_report {
    background-color: rgba(126, 161, 0, .95);
}
.issuetype-icon.issuetype-feature_request {
    background-color: rgba(191, 181, 0, .95);
}
.issuetype-icon.issuetype-idea {
    background-color: rgba(205, 218, 138, .6);
}
.issuetype-icon.issuetype-enhancement {
    background-color: #4E81AB;
}
.issuetype-icon.issuetype-epic {
    background-color: rgba(16, 160, 238, .8);
}
.issuetype-icon.issuetype-documentation_request {
    background-color: rgba(255, 185, 185, .6);
}
.issuetype-icon.issuetype-unknown,
.issuetype-icon.issuetype- {
    background-color: rgba(255, 185, 185, .6);
}
.issuetype-icon.issuetype-task {
    background-color: rgba(78, 129, 171, .5);
}

.milestone_box .milestone_issues li .issue_link, .milestone_box .milestone_issues li .issue_link:hover {
    display: block;
    float: none;
    clear: both;
    padding: 8px 2px 5px 40px;
    margin: 0;
}

.milestone_box .milestone_issues li .issue_link a, .milestone_box .milestone_issues li .issue_link a:hover {
    border: none;
    text-decoration: none;
    line-height: 1.7em;
}

.milestone_box .milestone_issues li .issue_link > a > img {
    margin-bottom: -3px;
    margin-right: 5px;
}

.milestone_box .milestone_issues li .issue_link > img {
    vertical-align: middle;
    display: inline-block;
    margin-right: 5px;
}

.milestone_box .milestone_issues li .issue_info {
    display: block;
    float: right;
    height: 100%;
    width: auto;
    top: 0;
    text-shadow: none;
    vertical-align: middle;
    line-height: 1em;
    box-sizing: border-box;
    transition: background-color 0.3s ease 0s;
    margin-top: -4px;
    padding: 2px 2px 2px 3px;
}

.milestone_box .milestone_issues li .issue_container.blocking .issue_link {
    background: linear-gradient(to right, rgba(255, 100, 100, 0) 70%, rgba(255, 100, 100, 0.2) 100%);
    background: -webkit-linear-gradient(left, rgba(255, 100, 100, 0) 70%, rgba(255, 100, 100, 0.2) 100%);
}

.milestone_issue .issue_release, .milestone_issue .issue_component, .whiteboard-issue .issue_release, .whiteboard-issue .issue_component, .whiteboard-issue .epic_badge {
    display: inline-block;
    padding: 3px 6px;
    background: #F5F5F5;
    border-radius: 2px;
    color: #777;
    border: 1px solid rgba(100, 100, 100, 0.3);
    vertical-align: middle;
    margin: 1px 1px 0 1px;
    line-height: 1em;
    text-shadow: none;
}

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

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

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

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

.milestone_issue .issue_estimates, .whiteboard-issue .issue_estimates {
    margin: 0;
    vertical-align: middle;
    display: inline-block;
    line-height: 1em;
}

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

@-moz-document url-prefix() {
    .milestone_issue .issue_estimate {
        padding: 3px 7px 2px;
    }
}

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

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

.milestone_issue .issue_estimate.points,
.whiteboard-issue .issue_estimate.points {
    background: rgba(200, 200, 200, 0.8);
    border-color: rgba(200, 200, 200, 0.8);
    color: rgba(50, 50, 50, 1);
}

.milestone_issue img.avatar, .milestone_issue .status_badge, .milestone_issue .epic_badge {
    opacity: 0.8;
    transition: opacity 0.3s ease;
}

.milestone_box .milestone_issues li .issue_container:hover img.avatar, .milestone_box .milestone_issues li .issue_container:hover .status_badge {
    opacity: 1;
}

.milestone_issue img.blocking, .whiteboard-issue img.blocking {
    display: none;
}

.milestone_issue .status_badge, .milestone_issue .epic_badge, .whiteboard-issue .epic_badge, .milestone_issue .blocking img.blocking, .whiteboard-issue.blocking img.blocking {
    display: inline-block;
    vertical-align: middle;
    margin: 1px 1px 0 0;
    border-radius: 2px;
    border: 1px solid rgba(0, 0, 0, 0.4);
    opacity: 0.6;
}

.milestone_issue .blocking img.blocking, .whiteboard-issue.blocking img.blocking {
    opacity: 1;
}

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

.epic_badge {
    padding: 3px 4px;
}

a.dynamic_menu_link, a.dynamic_menu_link:hover {
    position: relative;
    float: none;
    display: inline-block;
    vertical-align: middle;
    border: none;
    line-height: 1em;
    padding: 5px;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.milestone_issue .issue_container:hover a.dynamic_menu_link, .milestone_issue .issue_container:hover a.dynamic_menu_link:hover, .whiteboard-issue:hover a.dynamic_menu_link, .whiteboard-issue:hover a.dynamic_menu_link:hover {
    opacity: 1;
}

.milestone_box .milestone_issues li.milestone_issue.ui-sortable-helper .issue_container:hover a.dynamic_menu_link, .milestone_box .milestone_issues li.milestone_issue.ui-sortable-helper .issue_container:hover a.dynamic_menu_link:hover {
    opacity: 0;
}

a.dynamic_menu_link.button-pressed, a.dynamic_menu_link.button-pressed:hover {
    box-shadow: 0 0 3px rgba(100, 100, 100, 0.4) inset;
}

.issue_more_actions_link_container {
    position: absolute;
    right: -21px;
    top: 8px;
}

.whiteboard-issue .issue_more_actions_link_container {
    left: 13px;
    right: initial;
    bottom: 8px;
    top: initial;
}

.milestone_issue .more_actions_dropdown {
    margin-top: 2px;
    right: 0;
}

.whiteboard-issue .more_actions_dropdown {
    margin-top: -1px;
    right: initial;
}

.milestone_issue .more_actions_dropdown .spinning, .milestone_issue .more_actions_dropdown .spinning:hover {
    text-align: center;
    padding: 10px;
    line-height: 1em;
    min-height: 16px;
    vertical-align: middle;
    background: #FFF;
}

.milestone_issue .more_actions_dropdown .spinning img {
    margin: 0;
    opacity: 0.8;
    vertical-align: middle;
}

.milestone_box .milestone_issues {
    width: 100%;
}

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

.milestone_issues_container {
    margin-bottom: 20px;
}

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

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

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

#project_backlog_sidebar .issue_closed {
    display: none;
}

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

.milestone_box .issue_closed img, .milestone_box .issue_closed .status_badge, .milestone_box .issue_closed .epic_badge, .milestone_box .issue_closed .avatar {
    opacity: 0.35;
}

.milestone_box .milestone_issues li.milestone_issue .issue_container.issue_closed, .milestone_box .milestone_issues li.milestone_issue.issue_closed.has_child_issues .child_issues_container {
    display: none;
}

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

#associated_projects li {
    padding: 0 5px 5px 0;
    border: 0;
    position: relative;
    margin: 0;
}

#associated_projects li .project_name {
    text-align: left;
    padding: 5px;
    font-weight: 500;
    font-size: 0.9em;
    float: left;
}

/* end user dashboard */

/* scrum page styling */
#project_planning td {
    vertical-align: top;
}
#project_planning .recent_activities td.imgtd {
    /*vertical-align: middle;*/
}
#project_planning td.imgtd {
    font-size: 1.3em;
}

.project_boards_list {
    padding: 10px;
}

.project_boards_list ul {
    list-style: none;
    padding: 0;
    margin: 0 0 20px 0;
}

.project_boards_list ul li {
    padding: 0;
    margin: 0 10px 10px 0;
    background: #FFF;
    border: 1px solid rgba(100, 100, 100, 0.5);
    box-shadow: 0 0 3px rgba(100, 100, 100, 0.2);
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.project_boards_list ul li .actionlinks {
    position: absolute;
    top: 2px;
    right: 2px;
    opacity: 0.2;
    transition: opacity 0.3s ease;
}

.project_boards_list ul li:hover .actionlinks {
    opacity: 1;
}

.project_boards_list ul li .actionlinks a, .project_boards_list ul li .actionlinks a:hover {
    display: inline-block;
    float: none;
    text-decoration: none;
    border: none;
    padding: 3px;
}

.project_boards_list ul li a.board, .project_boards_list ul li a.board:hover {
    min-height: 65px;
    width: 300px;
    padding: 10px;
    margin: 0;
    display: block;
    vertical-align: top;
    color: #555;
    border: none;
    text-decoration: none;
}

.project_boards_list ul li a.board img {
    display: inline-block;
    margin: 5px 10px 0 0;
}

.project_boards_list ul li.add_board_container {
    width: 80px;
    padding: 12px;
    background-color: rgba(200, 200, 200, 0.1);
    font-size: 3.2em;
    font-weight: 300;
    color: rgba(100, 100, 100, 0.5);
    text-align: center;
    vertical-align: middle;
    border: 1px dotted rgba(100, 100, 100, 0.5);
    box-shadow: none;
}

.project_boards_list ul li.add_board_container:hover {
    background-color: rgba(200, 200, 200, 0.2);
    border-color: rgba(100, 100, 100, 0.6);
    color: rgba(100, 100, 100, 0.7);
    cursor: pointer;
}

.project_boards_list ul li .board_details {
    display: inline-block;
    width: 235px;
    vertical-align: top;
}

.project_boards_list ul li .board_name {
    font-size: 1.2em;
    font-weight: 500;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.project_boards_list ul li .board_description {
    font-size: 1em;
    font-weight: 300;
    color: #888;
    font-style: italic;
}

.sectioned .fancydropdown + ul li {
    font-size: 1em;
}

.sectioned .fancydropdown + ul li h1, .sectioned .fancydropdown + ul li h1:first-child {
    font-size: 1.15em;
    text-align: left;
}

.fancydropdown {
    display: inline-block;
    position: relative;
    padding: 5px 25px 5px 5px;
    font-size: 1.2em;
    vertical-align: middle;
    border: 1px solid transparent;
    transition: border 0.3s ease;
    color: #555;
}

.sectioned .fancydropdown {
    display: block;
    font-size: 1.1em;
}

.fancydropdown.changeable:hover {
    border: 1px solid rgba(200, 200, 200, 0.4);
    cursor: pointer;
}
.fancydropdown.changeable:focus {
    border: 1px solid rgba(200, 200, 255, 0.4);
    cursor: pointer;
}

.fancydropdown.changeable:after {
    content: "\25bc";
    font-size: 0.75em;
    vertical-align: top;
    line-height: 1em;
    margin: 5px 10px 0 10px;
    display: inline-block;
    position: absolute;
    right: 0;
}

.fancydropdown.changeable.selected {
    background-color: rgba(200, 200, 200, 0.3);
    box-shadow: 0 0 3px rgba(100, 100, 100, 0.3) inset;
}

.fancydropdown.changeable.selected + ul {
    display: block;
}

.fancydropdown + ul {
    list-style: none;
    font-size: 1em;
    display: none;
    position: absolute;
    padding: 5px;
    margin: 2px 0 5px 0;
    background: #FFF;
    border: 1px solid rgba(200, 200, 200, 0.4);
    box-shadow: 0 0 3px rgba(200, 200, 200, 0.4);
    z-index: 10;
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    box-sizing: border-box;
    width: 460px;
}

.fancydropdown + ul li {
    text-align: left;
    display: block;
    clear: both;
    padding: 5px 10px;
    font-size: 1.1em;
    border: 1px solid transparent;
    margin: 0 0 10px 0;
    min-height: 100px;
    transition: border 0.3s ease;
    vertical-align: top;
    background: #FFF;
    white-space: normal;
    box-sizing: border-box;
    width: 100%;
}

.fancydropdown + ul li.novalue {
    min-height: 0;
}

.fancydropdown + ul li.selected {
    box-shadow: 0 0 3px rgba(100, 100, 100, 0.2) inset;
    background-color: rgba(240, 240, 240, 0.3);
    border: 1px solid rgba(200, 200, 200, 0.6);
}

.fancydropdown + ul li:hover {
    border: 1px solid rgba(200, 200, 200, 0.9);
    cursor: pointer;
}

.fancydropdown + ul li img {
    float: left;
    margin: 10px 15px 20px 0;
}
.fancydropdown + ul li .fas,
.fancydropdown + ul li .far {
    margin-right: .35em;
}

.fancydropdown + ul li h1, .fancydropdown + ul li h1:first-child {
    font-weight: 300;
    font-size: 1.3em;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    color: #999;
}

.fancydropdown + ul li p {
    font-weight: 300;
    font-size: 1em;
    line-height: 1.4em;
    padding-bottom: 10px;
}

ul.milestone_issues_container, #project_dashboard ul, #associated_projects {
    list-style-type: none;
    padding: 0;
    margin: 10px 0 0 0;
    clear: both;
}

#associated_projects {
    font-size: 0.9em;
}

#associated_projects li {
    margin-bottom: 5px;
}

#associated_projects li:last-child {
    margin-bottom: 0;
}

ul.milestone_issues_container {
    padding: 0;
}

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

.moveable, .draggable {
    cursor: move;
}

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

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

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

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

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

.scrum_sprint_details_actions a:hover {
    border: 0;
}

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

.story_estimation_div a {
    font-weight: 300;
}

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

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

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

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

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

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

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

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

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

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

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

#scrum .story_card {
    position: relative;
}

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

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

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

.user_story_task {
    display: block;
    cursor: default;
    background-color: #FFFFC0;
    border: 1px solid #D6D6a1;
    margin: 2px;
    padding: 2px;
    font-weight: 300;
}

.related_issue {
    display: block;
    cursor: default;
    background-color: #FFF;
    border: 1px solid #DDD;
    margin: 2px;
    padding: 2px;
    font-weight: 300;
}

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

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

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

#scrum_unassigned #add_story, .planning_container #add_sprint {
    text-align: right;
    padding-top: 3px;
}

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

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

h3 .button, h3 .button:hover {
    float: right;
    margin-top: 0;
    padding: 5px 8px !important;
    font-size: .8em;
}

#configure_permissions_advanced h3 .button {
    float: left;
    margin-right: 5px;
}

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

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

#scrum_unassigned #story_title {
    width: 300px;
}

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

.planning_container {
    margin: 0 10px;
}

.planning_container h3, .project_information_main h3 {
    font-weight: 500;
    text-transform: uppercase;
    color: #888;
}

.planning_container h3 .button, .planning_container h3 .more_actions_dropdown {
    text-transform: none;
}

.planning_container label {
    float: left;
    padding-top: 4px;
}

.planning_container label, .planning_container input[type="submit"], .planning_container input[type="submit"]:hover {
    font-size: 0.9em;
    font-weight: 500;
}

.planning_container .milestone_box.unavailable {
    display: none;
}

.planning_container.show_unavailable .milestone_box.unavailable, #project_planning.milestone-sort .milestone_box.unavailable {
    display: block;
}

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

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

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

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

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

#milestone_details_overview h3 {
    line-height: 1.2;
}

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

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

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

#milestone_details_overview a.button, #milestone_details_overview a.button:hover {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

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

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

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

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

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

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

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

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

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

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

.whiteboard .project_save_container .button-group {
    float: none;
    display: inline-block;
    text-align: right;
    vertical-align: middle;
    margin-right: 10px;
}

.whiteboard .project_save_container .button-group .button {
    padding: 3px 6px;
}

.whiteboard .project_save_container .button-group .button img {
    margin: 0;
}

.whiteboard.edit-mode .fancydropdown, .whiteboard.edit-mode .whiteboard-view-mode, .whiteboard.edit-mode input[type=search] {
    display: none;
}

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

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

#planning_whiteboard {
    position: relative;
}

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

.whiteboard-columns td,
.whiteboard-columns .td {
    width: auto;
    padding: 0;
    position: relative;
    box-sizing: border-box;
}

.whiteboard-columns td.ui-sortable-placeholder,
.whiteboard-columns .td.ui-sortable-placeholder {
    width: 35px;
    border: 2px dotted #CCC;
    background-color: rgba(225, 225, 225, 0.3);
    height: 100%;
    display: table-cell;
    visibility: visible;
}

.whiteboard.edit-mode .edit-column .draggable {
    position: absolute;
    right: 35px;
    top: 10px;
}

.whiteboard.edit-mode .edit-column .remover {
    position: absolute;
    right: 10px;
    top: 10px;
}

.whiteboard.edit-mode .edit-column .remover:hover {
    text-decoration: none;
    border: none;
}

.whiteboard.edit-mode .edit-column > label {
    display: block;
    font-weight: 500;
    padding-left: 0;
}

.whiteboard.edit-mode .edit-column input.column-name {
    padding: 5px;
    font-size: 1.1em;
    width: 100%;
    box-sizing: border-box;
}

.whiteboard.edit-mode .edit-column > label.workload-label {
    display: inline-block;
    width: 40%;
    margin: 10px 5% 5px 0;
}

.whiteboard.edit-mode .edit-column input.column-workload {
    width: 10%;
    font-size: 1.1em;
    padding: 5px;
    margin-right: 33%;
}

.whiteboard.edit-mode .edit-column p {
    margin: 15px 0 10px;
}

.whiteboard.edit-mode .edit-column .fancyfilter {
    display: block;
    max-width: none;
    margin: 8px 0 0 0;
}

.whiteboard.edit-mode .edit-column .fancyfilter .interactive_menu {
    width: 100%;
}

.whiteboard.edit-mode .edit-column {
    display: block;
    float: none;
    width: auto;
    background: -webkit-linear-gradient(top, rgba(245, 245, 245, 1) 0%, rgba(255, 255, 255, 1) 25%);
    background: linear-gradient(to bottom, rgba(245, 245, 245, 1) 0%, rgba(255, 255, 255, 1) 25%);
    box-sizing: border-box;
    position: relative;
    border: 1px solid rgba(200, 200, 200, 0.5);
    border-bottom: none;
    padding: 15px;
    margin: 0 5px;
    height: 400px;
}

.whiteboard.edit-mode .edit-column:after {
    content: '';
    display: block;
    width: auto;
    height: 50px;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    position: absolute;
    box-sizing: border-box;
    left: -1px;
    right: -1px;
    bottom: 0;
    margin: 0;
}

.whiteboard-columns thead td,
.whiteboard-columns .thead .td {
    padding: 0 10px;
    background-color: #FFF;
}

.whiteboard-columns thead h1,
.whiteboard-columns .thead h1 {
    font-size: 1.1em;
    font-weight: 500;
    color: #777;
    margin: 0;
    border-bottom: 3px solid rgba(200, 200, 200, 0.3);
    transition: border-color 0.3s ease;
    position: relative;
}

.whiteboard-columns thead h1 .column-header-name,
.whiteboard-columns .thead h1 .column-header-name {
    white-space: nowrap;
    display: block;
    overflow: hidden;
}

.type-kanban .whiteboard-columns thead td.over-workitems h1,
.type-kanban .whiteboard-columns .thead .td.over-workitems h1 {
    border-bottom-color: rgba(225, 100, 100, 0.8);
}

.type-kanban .whiteboard-columns tbody td.over-workitems,
.type-kanban .whiteboard-columns .tbody .td.over-workitems {
    background-color: rgba(225, 100, 100, 0.8);
}

.type-kanban .whiteboard-columns thead td.under-workitems h1,
.type-kanban .whiteboard-columns .thead .td.under-workitems h1 {
    border-bottom-color: rgba(255, 255, 50, 0.6);
}

.type-kanban .whiteboard-columns tbody td.under-workitems,
.type-kanban .whiteboard-columns .tbody .td.under-workitems {
    background: rgba(255, 255, 50, 0.6);
}

.whiteboard-columns thead h1 .column_count,
.whiteboard-columns .thead h1 .column_count {
    display: inline-block;
    font-weight: 300;
    background-color: #FFF;
    color: #888;
    text-transform: none;
    font-size: 1em;
    margin-right: 5px;
}

.whiteboard-columns thead h1 .column_count.under, .whiteboard-columns thead h1 .column_count.over, .whiteboard-columns thead td.under-workitems h1 .column_count.primary, .whiteboard-columns thead td.over-workitems h1 .column_count.primary, .whiteboard-columns thead td.under-workitems h1 .column_count.workitems, .whiteboard-columns thead td.over-workitems h1 .column_count.workitems,
.whiteboard-columns .thead h1 .column_count.under, .whiteboard-columns .thead h1 .column_count.over, .whiteboard-columns .thead .td.under-workitems h1 .column_count.primary, .whiteboard-columns .thead .td.over-workitems h1 .column_count.primary, .whiteboard-columns .thead .td.under-workitems h1 .column_count.workitems, .whiteboard-columns .thead .td.over-workitems h1 .column_count.workitems {
    display: none;
}

.whiteboard-columns thead td.under-workitems h1 .column_count.under, .whiteboard-columns thead td.over-workitems h1 .column_count.over,
.whiteboard-columns .thead .td.under-workitems h1 .column_count.under, .whiteboard-columns .thead .td.over-workitems h1 .column_count.over {
    display: inline-block;
}

.whiteboard-columns thead h1 .statuses_badge,
.whiteboard-columns .thead h1 .statuses_badge {
    position: absolute;
    right: 0;
    padding-left: 20px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 15px);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 15px);
}

.whiteboard-columns thead h1 .status_badge,
.whiteboard-columns .thead h1 .status_badge {
    float: right;
    line-height: 1em;
    margin-left: 2px;
    font-weight: 300;
    font-size: 0.9em;
    color: rgba(0, 0, 0, 0.7);
}

.whiteboard-columns.transition-selector thead h1 .status_badge, .whiteboard-columns.transition-selector thead h1 .column_count,
.whiteboard-columns.transition-selector .thead h1 .status_badge, .whiteboard-columns.transition-selector .thead h1 .column_count {
    display: none;
}

.whiteboard-columns tbody,
.whiteboard-columns .tbody {
    position: relative;
}

.whiteboard-columns .tbody .td.column:before,
.whiteboard-columns .tbody.collapsed .td.swimlane-header:before {
    content: '';
    display: block;
    width: 100%;
    height: 8px;
    position: absolute;
    box-shadow: inset 0 6px 8px -8px rgba(50, 50, 50, 0.3);
    top: 100%;
}

.whiteboard-columns.swimlanes tbody td.swimlane-header,
.whiteboard-columns.swimlanes .tbody .td.swimlane-header {
    padding: 0;
    border: none;
}

.whiteboard-columns tbody.collapsed tr:first-child,
.whiteboard-columns .tbody.collapsed .tr:first-child {
    display: table-row;
}

.whiteboard-columns tbody.collapsed tr, .whiteboard-columns tbody.collapsed .collapser, .whiteboard-columns tbody .expander,
.whiteboard-columns .tbody.collapsed .tr, .whiteboard-columns .tbody.collapsed .collapser, .whiteboard-columns .tbody .expander {
    display: none;
}

.whiteboard-columns tbody.collapsed .expander,
.whiteboard-columns .tbody.collapsed .expander {
    display: initial;
}

.whiteboard-columns .expander, .whiteboard-columns .collapser {
    cursor: pointer;
    opacity: 0.8;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.whiteboard-columns .expander:hover, .whiteboard-columns .collapser:hover {
    transition: opacity 0.3s ease;
    opacity: 1;
}

.whiteboard-columns.swimlanes tbody tr:first-child td > .header,
.whiteboard-columns.swimlanes .tbody .tr:first-child .td > .header {
    font-size: 1.1em;
    margin: 5px 0 0 0;
    padding: 10px;
    font-weight: 500;
    border-bottom: 1px dotted rgba(100, 100, 100, 0.3);
}

.whiteboard-columns.swimlanes tbody tr:first-child td > .header .issue_header.closed,
.whiteboard-columns.swimlanes .tbody .tr:first-child .td > .header .issue_header.closed {
    color: #999;
    text-decoration: line-through;
}

.whiteboard-columns tbody td.column,
.whiteboard-columns .tbody .td.column {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #FBFBFB;
    min-height: 50px;
    transition: background-color .3s ease;
    position: relative;
}

.whiteboard-columns.swimlanes tbody[data-swimlane-identifier=swimlane_0] td.column,
.whiteboard-columns.swimlanes .tbody[data-swimlane-identifier=swimlane_0] .td.column {
    background-image: repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(255, 255, 255, 0.4) 10px, rgba(255, 255, 255, 0.4) 20px);
}

.whiteboard-columns tbody td.column.drop-valid,
.whiteboard-columns .tbody .td.column.drop-valid {
    background-color: #E0F6E0;
}

.whiteboard-columns tbody td.column.drop-valid.drop-hover,
.whiteboard-columns .tbody .td.column.drop-valid.drop-hover {
    background-color: #F6F6E0;
}

.whiteboard-columns tbody td.column.drop-hover .whiteboard-issue,
.whiteboard-columns .tbody .td.column.drop-hover .whiteboard-issue {
    opacity: 0;
}

.whiteboard-columns tbody td.column.drop-hover .whiteboard-issue.gs-draggable,
.whiteboard-columns .tbody .td.column.drop-hover .whiteboard-issue.gs-draggable {
    opacity: 1;
}

.whiteboard-columns td.column.current_column .whiteboard-issue,
.whiteboard-columns .td.column.current_column .whiteboard-issue {
    opacity: 0.3;
}

.transition-selector-indicator {
    position: absolute;
    right: -16px;
    top: 50%;
    margin-top: -17px;
    z-index: 2;
}

.transition-selector h2 {
    font-weight: 500;
    margin: 25px 5px 5px 5px;
    padding: 5px 0;
    color: #888;
    border-bottom: 1px dotted #CCC;
    font-size: 1.1em;
    text-transform: uppercase;
}

.transition-selector .transition {
    display: block;
    padding: 10px;
    background: #FFF;
    border: 1px solid rgba(100, 100, 100, 0.2);
    box-shadow: 0 0 5px rgba(100, 100, 100, 0.2);
    margin: 10px 5px;
}

.transition-selector .transition .button {
    float: right;
}

.whiteboard-columns.transition-selector {
    margin-bottom: 20px;
}

.whiteboard-columns tbody td.column.drop-hover .whiteboard-issue.ui-draggable-dragging,
.whiteboard-columns .tbody .td.column.drop-hover .whiteboard-issue.ui-draggable-dragging {
    opacity: 1;
}

.whiteboard-columns.no-swimlanes thead h1,
.whiteboard-columns.no-swimlanes .thead h1 {
    margin-bottom: 10px;
}

.whiteboard-columns.no-swimlanes tbody td.column,
.whiteboard-columns.no-swimlanes .tbody .td.column {
    border-top: 1px solid rgba(100, 100, 100, 0.2);
}

.whiteboard-columns tbody td:first-child,
.whiteboard-columns .tbody .td:first-child {
    border-left: none;
}

.whiteboard-columns tbody td:last-child,
.whiteboard-columns .tbody .td:last-child {
    border-right: none;
}

.whiteboard-issue {
    position: relative;
    display: block;
    padding: 0;
    margin: 10px;
    background-color: #FFF;
    border: 1px solid rgba(100, 100, 100, 0.2);
    border-radius: 2px;
    transition: opacity 0.3s ease;
    opacity: 1;
    z-index: 1;
}

.whiteboard-issue.issue-closed {
    opacity: 0.7;
}

.whiteboard-issue.ui-draggable {
    cursor: move;
}

.whiteboard-issue.ui-draggable-dragging,
.whiteboard-issue.gs-draggable {
    box-shadow: 0 0 5px rgba(200, 200, 200, 0.3);
    z-index: 1011 !important;
}

.whiteboard-issue .issue_header, .whiteboard-issue .issue_header:hover {
    color: #555;
    display: block;
    border: 0;
    padding: 6px 0 5px 0;
    margin: 0 5px 0 17px;
    text-decoration: none;
    font-size: 1em;
    font-weight: 500;
    line-height: 1.6;
}

.whiteboard-issue .extra {
    display: none;
    margin: 0 5px 0 17px;
}

#whiteboard {
    position: relative;
}

#whiteboard-headers .td,
#whiteboard-headers-placeholder .td {
    height: 35px;
}

#whiteboard-headers-placeholder {
    display: none;
}

#whiteboard.fixedheader #whiteboard-headers {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    margin-left: 0;
    right: 0;
    display: table;
    table-layout: fixed;
    background-color: #FFF;
    z-index: 1013;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}

#whiteboard.fixedheader #whiteboard-headers-placeholder {
    display: table-header-group;
}

#whiteboard.viewmode-detailed .whiteboard-issue .extra {
    display: block;
    margin-bottom: 7px;
}

.whiteboard-issue ol {
    list-style: decimal;
    font-size: 0.9em;
    margin-top: 3px;
    margin-bottom: 2px;
}

.whiteboard-issue ol, .whiteboard-issue ol a {
    color: #888;
}

.whiteboard-issue ol.closed a {
    text-decoration: line-through;
}

.whiteboard-issue .description {
    display: block;
    white-space: nowrap;
    color: #AAA;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

.whiteboard-issue .issue_info {
    display: block;
    text-align: right;
    padding: 5px 5px 7px 5px;
    margin-left: 13px;
    position: inherit;
}

.whiteboard-issue .issue_info.issue_info_top {
    padding-bottom: 0;
}

.whiteboard-issue .issue_info.issue_info_middle {
    padding-top: 0;
    padding-bottom: 5px;
}

.whiteboard-issue .issue_info .user_dropdown {
    text-align: initial;
}

.whiteboard-issue .issue_info .userdropdown_container .user_dropdown {
    margin-left: -23px;
    margin-top: 13px;
}

.whiteboard-columns.transition-selector .whiteboard-issue .issue_info {
    display: none;
}

.whiteboard-issue > div:nth-last-child(2) {
    padding-top: 0;
    padding-bottom: 2px;
}

.table {
    display: table;
}

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

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

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

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

.td {
    display: table-cell;
}

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

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

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

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

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

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

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

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

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

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

/* end scrum page styling */

/* menu links */
.menu_links .header {
    font-size: 1em;
    border-bottom: 0;
    font-weight: 500;
    margin-bottom: 5px;
}

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

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

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

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

.menu_links .content a {
    font-weight: 500;
    display: block;
    padding: 3px 5px;
    color: #555;
    border-radius: 3px;
}
.menu_links .content i:not(.fas):not(.far) {
    font-weight: 300;
    display: block;
    padding: 3px 5px;
    color: #555;
}
.menu_links .content a:hover {
    background-color: rgba(200, 200, 200, .1);
    border: none;
    text-decoration: none;
}
.menu_links .content .fas,
.menu_links .content .far {
    margin-right: 5px;
}

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

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

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

.menu_links li {
    cursor: default;
}

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

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

/* end menu links */

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

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

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

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

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

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

.infobox_modal .backdrop_detail_content {
    padding: 10px;
}

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

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

/* end infobox */

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

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

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

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

#project_settings_popout .button {
    cursor: pointer;
    float: none;
    margin: 0;
}

.dashboard_view_content a.more {
    float: right;
    font-weight: 500;
    padding-top: 5px;
}

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

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

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

.project_header_logo {
    display: inline-block;
    vertical-align: top;
    margin: 8px 10px 5px 10px;
}

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

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

#project_sub_page {
    display: block;
    font-size: 0.65em;
    text-transform: uppercase;
    font-weight: 300;
    color: #888;
}

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

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

#assignees_list h4 {
    border: none;
}

.project_info_container {
    position: relative;
    z-index: 100;
    overflow: visible;
    flex: 1 1 auto;
    display: flex;
}

.project_info_container .project_right_container {
    overflow: visible;
    flex: 1 1 auto;
    max-width: calc(100% - 360px);
}

.project_save_container {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 15px;
    margin-bottom: 15px;
    text-align: right;
    background-color: rgba(245, 245, 245, 0.7);
    border-top: 1px solid rgba(240, 240, 240, 0.8);
    border-bottom: 1px solid rgba(240, 240, 240, 0.8);
}

.project_save_container .more_actions_dropdown {
    margin-right: 15px;
    font-size: 1.1em;
}

.project_save_container img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}

.project_info_container .padded_table {
    width: auto;
    clear: both;
    border-spacing: 0 3px;
}

.project_info_container .padded_table td:first-child {
    width: 200px;
    padding-left: 15px;
}

.project_info_container .padded_table td {
    width: 580px;
}

.project_info_container .padded_table label[for=project_name_input] {
    margin: 5px 0;
    display: block;
    font-size: 1.1em;
}

.project_info_container .padded_table input#project_name_input {
    padding: 5px;
    font-size: 1.2em;
    box-sizing: border-box;
}

#project_info .project_type_container td {
    vertical-align: middle;
}

.project_save_container .button, .project_save_container .button:hover {
    font-size: 1.1em;
    padding: 6px 12px;
}

.button-group.project_icons_buttons {
    float: right;
    margin-top: 5px;
}

.project_info_container .config_explanation {
    padding-bottom: 20px;
}

.project_info_container .project_left_container {
    flex: 0 0 360px;
    transition: width 0.2s ease;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
    overflow: hidden;
}

#project_planning.project_info_container .project_left_container {
    flex: 0 0 530px;
    overflow: visible;
}

#project_planning.project_info_container.left_toggled .project_left_container {
    flex: 0 0 40px;
}

.project_info_container .project_left_container .project_left {
    margin: 0 10px 0 0;
    padding: 0 10px;
    vertical-align: top;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 10px 0 15px -18px rgba(0, 0, 0, 0.9);
    overflow: visible;
    position: relative;
    transition: width 0.3s ease, margin 0.3s ease;
    flex: 1 1 auto;
}

#project_planning.project_info_container .project_left_container .project_left {
    width: 530px;
}

#project_planning.project_info_container.left_toggled .project_left_container .project_left {
    margin-left: -490px;
}

.project_info_container h1, .project_info_container h2, .project_info_container h3, .project_info_container h4 {
    font-weight: 500;
    color: #888;
    margin: 5px 0;
    padding: 5px 0;
    border-bottom: 1px dotted #CCC;
    text-transform: uppercase;
}

.project_info_container .project_right_container h3, .project_info_container .project_right_container h4 {
    margin-left: 15px;
    margin-right: 15px;
}

ul.property-list {
    display: flex;
    flex-direction: column;
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.property-list + ul.property-list {
    margin: 15px 0 0 0;
}
ul.property-list li {
    display: flex;
    flex: 1 1 auto;
    align-items: baseline;
    padding: 0;
}
ul.property-list li h1,
ul.related-issues-list li h1,
ul.files-list li h1 {
    flex: 1 1 auto;
    font-size: 1.3em;
    font-weight: 300;
    display: flex;
}
ul.files-list li h1 .header-text {
    flex: 1 1 auto;
}
ul.files-list li h1 .action-buttons {
    font-size: .8em;
}
.action-buttons {
    flex: 0 0 auto;
    font-size: .8em;
    text-align: right;
    display: flex;
}
.action-buttons .action-button,
.action-buttons a.action-button,
.action-buttons a.action-button:hover {
    flex: 0 0 auto;
    cursor: pointer;
    background-color: rgba(225, 225, 225, 0);
    border-radius: 3px;
    border: none;
    text-decoration: none;
    padding: 5px;
    color: #555;
}
.action-buttons .action-button:hover {
    background-color: rgba(225, 225, 225, .2);
}
ul.property-list li .property {
    flex: 0 0 35%;
    padding: 5px;
    font-weight: 500;
}
ul.property-list li .value {
    flex: 0 0 65%;
    padding: 5px;
    font-weight: 300;
}
ul.property-list li .disabled {
    color: #888;
    padding: 5px;
}
ul.related-issues-list {
    display: block;
    margin: 20px 0 0 0;
    padding: 0;
    list-style: none;
}
ul.related-issues-list li {
    padding: 0;
    line-height: 1.4em;
}
ul.related-issues-list li .issue {
    display: block;
}
ul.files-list {
    display: block;
    position: sticky;
    top: 0;
    margin: 20px 0 0 0;
    padding: 0;
    list-style: none;
}
ul.files-list .fas,
ul.files-list .far {
    color: #555;
    margin-right: 4px;
    font-size: .9em;
}
ul.files-list .action_D .action-icon {
    color: #C44;
}
ul.files-list .action_M .action-icon {
    color: #CA3;
}
ul.files-list .action_A .action-icon {
    color: olive;
}
ul.files-list .action_D {
    color: #C44;
    text-decoration: line-through;
}
ul.files-list li {
    padding: 0;
    line-height: 1.2em;
}
ul.files-list > li:not(:first-child) {
    margin-left: 10px;
    margin-right: -10px;
}
ul.files-list .foldername {
    display: block;
    padding: 0;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: calc(100% - 5px);
    width: auto;
}
ul.files-list .foldername .fas,
ul.files-list .foldername .far {
    color: rgba(78, 129, 171, .7);
    font-size: 1em;
}
ul.files-list .foldername .collapser,
ul.files-list .foldername .expander {
    color: #555;
    font-size: .7em;
    margin: 0 4px 3px 0;
    vertical-align: middle;
}
ul.files-list .foldername.collapsed .expander,
ul.files-list .foldername:not(.collapsed) .collapser {
    display: inline-block;
}
ul.files-list .foldername:not(.collapsed) .expander,
ul.files-list .foldername.collapsed .collapser {
    display: none;
}
ul.files-list li.folder ul {
    display: block;
    margin-left: 16px;
    list-style: none;
    padding: 0;
}
ul.files-list li.folder .foldername.collapsed + ul {
    display: none;
}
ul.files-list a,
ul.files-list a:hover {
    color: #555;
    text-decoration: none;
    border: none;
    display: inline-block;
    padding: 3px 5px;
    border-radius: 5px;
    width: auto;
    text-align: left;
    max-width: calc(100% - 5px);
    box-sizing: border-box;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.1em;
}
ul.files-list a:hover {
    background-color: rgba(225, 225, 225, .2);
}
ul.files-list a:focus {
    background-color: rgba(78, 129, 171, .7);
    color: #FFF;
}
ul.files-list a:focus .far,
ul.files-list a:focus .fas {
    color: #FFF;
}
ul.files-list .action_D .filename {
    font-weight: 500;
    color: #C44;
    font-size: .95em;
}
/*ul.files-list .action_A .filename {*/
    /*font-weight: 500;*/
    /*font-size: .95em;*/
/*}*/
/*ul.files-list .action_A .filename::after {*/
    /*content: '';*/
    /*width: 10px;*/
    /*height: 10px;*/
    /*position: absolute;*/
    /*right: -12px;*/
    /*top: 7px;*/
    /*background-color: rgba(200, 240, 200, .5);*/
    /*border: 1px solid rgba(100, 100, 100, .4);*/
    /*border-radius: 2px;*/
/*}*/


.project_left ul.simple_list {
    margin-bottom: 30px;
}

.project_left ul.simple_list li {
    position: relative;
    box-sizing: border-box;
    border: none;
    border-radius: 5px;
}

.project_left ul.simple_list li.selected {
    background-color: rgba(78, 129, 171, .2);
}

.project_left ul.simple_list li.selected a, .project_left ul.simple_list li.selected a:hover {
    color: #555;
}

.project_left ul.simple_list li h3 {
    margin-top: 25px;
}

.project_left ul.simple_list li img {
    display: inline-block;
    margin: 0 5px;
    vertical-align: middle;
}

.project_left ul.simple_list li a, .project_left ul.simple_list li a:hover {
    border: 1px solid transparent;
    border-radius: 5px;
    display: block;
    color: #999;
    padding: 3px;
    font-size: 1.1em;
    transition: border-color .2s ease-in-out, background-color .2s ease-in-out, color 0.3s ease;
    margin-bottom: 3px;
}
.project_left ul.simple_list li:not(.selected) a:hover {
    border-color: rgba(78, 129, 171, .2);
}

.dashboard_view_content .project_role {
    font-weight: 300;
    margin: 5px 0;
    font-size: 0.9em;
}

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

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

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

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

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

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

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

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

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

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

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

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

.dashboard_view_issues .issue_user_avatar_cell .user_dropdown {
    left: -14px;
}

.dashboard_view_issues .tr .td {
    border-bottom: 1px dashed #EAEAEA;
    padding: 10px 5px 15px;
}

.dashboard_view_issues .tr:last-child .td {
    border-bottom: 0;
}

.dashboard_view_issues .tr .td.issue_type_cell {
    width: 30px;
    text-align: center;
    vertical-align: middle;
}

.dashboard_view_issues .issue_comments_count_cell, .dashboard_view_issues .issue_files_count_cell {
    width: 50px;
    vertical-align: middle;
}

.dashboard_view_issues .issue_comments_count_cell img, .dashboard_view_issues .issue_files_count_cell img {
    vertical-align: middle;
}

.dashboard_view_issues .td {
    padding: 5px;
}

.dashboard_view_issues .td .issue_link {
    margin-bottom: 5px;
}

.dashboard_view_issues .td:first-child {
    width: auto;
}

.dashboard_view_issues .td:last-child {
    width: 40px;
    text-align: center;
    vertical-align: middle;
}

.dashboard_view_issues .secondary {
    color: #AAA;
    font-size: 0.9em;
}

.dashboard_view_issues .secondary img {
    vertical-align: middle;
    display: inline-block;
    margin: 0 5px 0 10px;
}

.dashboard_view_issues .secondary img:first-of-type {
    margin-left: 20px;
}

.dashboard_view_issues .issue_blocking .issue_avatar_cell {
    background: linear-gradient(to right, rgba(255, 100, 100, 0) 0%, rgba(255, 100, 100, 0.2) 50px);
    background: -webkit-linear-gradient(left, rgba(255, 100, 100, 0) 0%, rgba(255, 100, 100, 0.2) 50px);
}

.dashboard_view_issues .issue_team_avatar_cell .avatar {
    border: 1px solid rgba(39, 124, 186, 0.4);
    height: 16px;
    width: 16px;
    background-color: rgba(39, 124, 186, 0.05);
    padding: 5px;
}

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

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

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

#search_sidebar {
    height: 100%;
    border-right: 1px solid #DDD;
    font-size: 1.1em;
    padding-top: 0;
}

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

#search_sidebar .num_results_badge {
    vertical-align: middle;
    float: none;
    position: absolute;
    right: 2px;
}

#search_sidebar .container_divs_wrapper {
    width: 294px;
}

#search_sidebar.collapsed .container_divs_wrapper {
    margin-left: -294px;
}

#search_sidebar .container_div {
    border: none;
    box-shadow: none;
}

#search_sidebar .header {
    background: transparent;
    font-weight: 500;
    margin: 0;
    padding: 6px 0;
    border-bottom: 1px dotted #AAA;
    font-size: 15px;
}

#search_sidebar .container_div ul {
    margin: 5px 0;
    padding: 0;
}

#search_sidebar .container_div li {
    clear: both;
    display: block;
    list-style: none;
    margin: 0 0 6px 0;
    font-size: 0.9em;
    padding: 1px 0;
    transition: background-color 0.3s ease;
}

#search_sidebar .container_div li .action_icons {
    float: right;
    margin-left: 2px;
    display: none;
}

#search_sidebar .container_div li .action_icons img {
    vertical-align: middle;
    display: inline-block;
    margin: 0;
}

#search_sidebar .container_div li:hover .action_icons {
    display: block;
}

#search_sidebar .container_div li:hover {
    background-color: rgba(225, 225, 225, 0.4);
}

#search_sidebar .container_div .my_saved_searches {
    font-size: 1em;
}

#search_sidebar .container_div .my_saved_searches li:hover .num_results_badge {
    display: none;
}

#search_sidebar .container_div li a, #search_sidebar .container_div li a:hover {
    font-weight: 300;
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    border: none;
}

.side_bar .expander {
    display: none;
}

.side_bar .collapser {
    display: inline;
}

.side_bar.collapsed .collapser, .side_bar.collapsed .container_div {
    display: none;
}

#search_sidebar.collapsed .container_div, #dashboard_lefthand.collapsed .container_div {
    display: block;
}

.side_bar.collapsed .expander {
    display: inline;
}

.side_bar.collapsed {
    width: 25px;
    border: none;
    padding: 0;
    margin: 0;
}

.side_bar .collapser_link {
    cursor: pointer;
    position: absolute;
    left: 290px;
    right: auto;
    width: 14px;
    background-color: #FFF;
    border: 1px solid #DDD;
    line-height: 1;
    padding: 3px;
    box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.1);
    transition: left 0.3s ease, right 0.3s ease;
}

@-moz-document url-prefix() {
    .side_bar .collapser_link {
        box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1);
    }
}

.side_bar .collapser_link:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 21px;
    background-color: #FFF;
    top: 2px;
    left: 16px;
}

.side_bar .collapser_link:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 27px;
    background-color: #FFF;
    top: -2px;
    left: 19px;
}

.side_bar.collapsed .collapser_link, #dashboard_lefthand.collapsed .collapser_link {
    left: 5px;
    right: auto;
}

#dashboard_righthand.side_bar .collapser_link {
    left: auto;
    right: 250px;
}

#dashboard_righthand.side_bar.collapsed .collapser_link {
    right: 10px;
}

.side_bar .collapser_link a {
    padding: 0;
}

.side_bar .collapser_link a:hover {
    text-decoration: none;
    border: 0;
}

.project_information_sidebar.collapsed .sidebar_links, .project_information_sidebar.collapsed #project_header_container div {
    display: none;
}

.project_information_sidebar .sidebar_links a {
    display: block;
    padding: 5px 8px;
    color: #555;
    border: 1px solid transparent;
    border-left-width: 3px;
    background-color: transparent;
    margin: 0;
    box-shadow: none;
}

.project_information_sidebar .sidebar_links a:not(.selected):hover {
    background-color: rgba(225, 225, 225, .15);
}

.project_information_sidebar .sidebar_links a.selected {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-left-color: #4E81AB;
    border-right-color: #FFF;
    margin-left: 5px;
    padding: 7px 10px;
    font-weight: 500;
    background-color: #FFF;
    box-shadow: -3px 3px 3px -2px rgba(0, 0, 0, 0.1);
}

.project_information_sidebar .sidebar_links .simple_list {
    margin: 0 0 0 25px;
    padding: 10px;
    border-top: none;
    background-color: #F1F1F1;
    box-shadow: -3px 3px 3px -3px rgba(0, 0, 0, 0.3) inset;
}

.project_information_sidebar .sidebar_links .simple_list li a {
    border: 0;
    padding: 3px;
    margin: 0;
    background-color: transparent;
    box-shadow: none;
}

.project_information_sidebar .sidebar_links .simple_list li.selected {
    font-style: italic;
}

.project_information_sidebar .sidebar_links {
    box-shadow: -3px 0 3px -3px rgba(0, 0, 0, 0.3) inset;
    height: 100%;
    box-sizing: border-box;
    padding-top: 15px;
}

.project_information_sidebar .sidebar_links .fas,
.project_information_sidebar .sidebar_links .far {
    font-size: 1.1em;
    width: 16px;
    text-align: center;
    margin-right: 6px;
}

.project_information_sidebar .sidebar_links img {
    width: 16px;
    float: left;
    position: relative;
    margin-right: 5px;
}

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

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

.project_client_info .project_client_viewusers {
    float: right;
}

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

.client_users_div_inner {
    padding: 10px;
}

.project_header {
    padding: 10px;
}

.project_header_right {
    float: right;
    margin: 14px 10px 0 0;
}

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

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

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

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

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

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

/* end dashboard */

/* project timeline */
.recent_activities td .time {
    font-size: 0.85em;
    background-color: rgba(200, 200, 200, .2);
    padding: 2px 4px;
    border-radius: 3px;
    margin-right: 3px;
    color: rgb(100, 100, 100);
}

#timeline {
    padding: 5px 0 30px 15px;
}

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

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

.project_timeline_more_button_container .button, .project_timeline_more_button_container .button:hover {
    padding: 6px 12px;
    font-size: 1.1em;
}

.recent_activities, .recent_activities td {
    font-size: 0.9em;
    line-height: 1.2;
}

.recent_activities td a {
    font-size: 1.1em;
}

.recent_activities td.imgtd {
    padding: 0 5px;
}

.recent_activities_details {
    font-size: 0.8em;
}

.recent_activities td.latest_action_dates {
    font-size: 1.1em;
    font-weight: 500;
    padding: 15px 0 0 0;
}
.recent_activities .log-item {
    line-height: 1.4;
    word-break: break-all;
    word-wrap: break-word;
    -ms-word-break: break-all;
    font-size: .9em;
}
.recent_activities .log-item.without-title {
    margin-top: -7px;
    margin-bottom: 10px;
}
.recent_activities .log-item .fab,
.recent_activities .log-item .far,
.recent_activities .log-item .fas {
    margin-right: 5px;
    box-sizing: border-box;
    width: 20px;
    text-align: center;
}

.project_information_main .recent_activities td {
    padding-bottom: 7px;
}

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

.timeline_actions a {
    font-weight: 500;
}

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

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

.dashboard_view_content .dashboard_project_recent_activities, .dashboard_view_content .dashboard_recent_comments, .dashboard_view_content .dashboard_logged_actions {
    margin-right: -10px;
    margin-left: -10px;
}

.dashboard_project_recent_activities .recent_activities, .dashboard_recent_comments .recent_activities, .dashboard_logged_actions .recent_activities {
    width: 100%;
    border-spacing: 0;
    margin-top: -10px;
}

.dashboard_project_recent_activities .recent_activities .latest_action_dates, .dashboard_recent_comments .recent_activities .latest_action_dates, .dashboard_logged_actions .recent_activities .latest_action_dates {
    background-color: #F7F7F7;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 10px;
    border-bottom: 1px solid #EAEAEA;
    border-top: 1px solid #EAEAEA;
    font-weight: 500;
}

.dashboard_recent_comments .recent_activities .latest_action_dates_cell, .dashboard_logged_actions .recent_activities .latest_action_dates_cell {
    padding-top: 9px;
    padding-bottom: 2px;
}

.dashboard_project_recent_activities .recent_activities .latest_action_dates_cell {
    padding-top: 4px;
    padding-bottom: 2px;
}

.dashboard_project_recent_activities .user {
    display: inline-block;
    margin-bottom: 5px;
    color: #AAA;
}

/* end timeline */

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

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

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

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

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

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

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

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

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

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

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

.milestones_indicator button {
    text-transform: uppercase;
    float: right;
    font-size: 0.8em;
    margin-right: 10px;
}

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

.roadmap_issue {
    padding: 3px;
}

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

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

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

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

/* end roadmap */

/* project releases styling */
#project_releases_container .simple_list, #project_release_center_container .simple_list, #project_releases_container .faded_out, #project_release_center_container .faded_out {
    padding: 0 15px;
}

#project_releases_container h3, #project_release_center_container h3 {
    margin-top: 30px;
}

#project_releases_container h3:first-of-type, #project_release_center_container h3:first-of-type {
    margin-top: 0;
}

#project_release_center_container.only_active .release_item, #project_release_center_container.only_archived .release_item.active, #project_release_center_container.only_downloads .release_item {
    display: none;
}

#project_release_center_container.only_active .release_item.active, #project_release_center_container.only_archived .release_item, #project_release_center_container.only_downloads .release_item.download {
    display: block;
}

.release_item {
    display: block;
    clear: both;
    margin-bottom: 12px;
}

.release_item .button-group {
    float: right;
    margin: 5px 5px 0 0;
}

.release_item .button-group .button {
    font-size: 1.1em;
    padding: 5px 10px;
}

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

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

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

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

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

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

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

/* end project releases */

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

/* search styling */
/* search boxes */
#find_issues {
    width: auto;
    padding: 5px 5px 5px 10px;
    vertical-align: top;
}

#find_issues .results_header {
    font-weight: 500;
    font-size: 1.4em;
    padding: 0 0 5px 2px;
    margin-bottom: 0;
    border-bottom: 1px solid #AAA;
    color: #333;
    background: transparent;
    box-shadow: none;
    position: relative;
}

.searchbuilder_filterstrip {
    background-color: rgba(200, 200, 200, 0.2);
    border-bottom: 1px solid rgba(200, 200, 200, 0.6);
    padding: 5px;
    position: relative;
}

.searchbuilder_filterstrip input[type=image] {
    vertical-align: middle;
    margin: 0 5px;
}

.interactive_dropdown, .interactive_plus_button {
    display: inline-block;
    position: relative;
    min-height: 20px;
    margin-right: 5px;
    border: 1px solid rgba(200, 200, 200, 0.6);
    border-radius: 2px;
    background: -webkit-linear-gradient(top, #FFF 0%, #F5F5F5 100%);
    background: linear-gradient(to bottom, #FFF 0%, #F5F5F5 100%);
    padding: 3px 25px 3px 5px;
    transition: border 0.3s ease;
    max-width: 300px;
    vertical-align: middle;
    cursor: pointer;
    text-align: left;
}

.interactive_plus_button .fas,
.interactive_plus_button .far,
.filter_remove_button .fas,
.filter_remove_button .far {
    vertical-align: middle;
    font-size: 1.1em;
}
.filter_remove_button .fas,
.filter_remove_button .far {
    color: #EB0000;
    width: 16px;
    text-align: center;
}

.interactive_plus_container {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.interactive_plus_button {
    padding: 2px 10px 3px 10px;
    margin-right: 0;
}

.interactive_plus_button img {
    display: inline;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin: -1px -4px 1px -4px;
}

.interactive_plus_button.selected + .interactive_filters_list, .interactive_plus_button.selected + .interactive_menu {
    transform: scaleY(1);
    right: 0;
    margin-right: 0;
    z-index: 1;
    left: auto;
}

.interactive_plus_button.selected + .interactive_filters_list.three_columns {
    left: 5px;
    right: auto;
    margin-top: 35px;
}

#interactive_settings_container {
    position: absolute;
    right: 10px;
}

#interactive_save_button {
    cursor: pointer;
}

.interactive_dropdown:after {
    content: '';
    position: absolute;
    right: 7px;
    top: 12px;
    width: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid rgba(0, 0, 0, 0.5);
}

#searchbuilder_filterstrip_filtercontainer .interactive_dropdown {
    margin-top: 5px;
    padding-right: 50px;
}

#searchbuilder_filterstrip_filtercontainer .interactive_dropdown:after {
    right: 30px;
}

.interactive_dropdown:hover, .interactive_plus_button:hover, .filter_searchfield:hover, .filter_searchfield:focus {
    border-color: rgba(150, 150, 150, 0.7);
}

.interactive_dropdown.selected, .interactive_plus_button.selected {
    box-shadow: inset 0 0 4px rgba(100, 100, 100, 0.2);
    border-color: rgba(150, 150, 150, 0.7);
}

.interactive_dropdown label {
    font-weight: 300;
    display: inline-block;
    padding: 0;
    float: none;
}

.interactive_dropdown > label {
    color: #888;
    margin: 0 5px 0 0;
    float: left;
}

.interactive_dropdown li label {
    vertical-align: top;
    margin: 0;
    text-transform: none;
    color: #555;
}
.interactive_dropdown li.selected label {
    color: #FFF;
}

.interactive_dropdown li.disabled label, .interactive_dropdown li.disabled:hover label {
    color: #CCC;
    cursor: default;
}

.interactive_dropdown > span {
    color: #333;
    font-size: 1em;
    margin: 0 5px 0 0;
}

.interactive_dropdown > span.value {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    float: left;
}

.interactive_menu h1, .interactive_filters_list h1 {
    font-size: 1.1em;
    font-weight: 500;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
    padding: 5px 0;
    margin: 0 5px;
    color: #888;
}

.interactive_menu, .interactive_filters_list {
    display: block;
    position: absolute;
    top: 0;
    left: -1px;
    margin: 29px 0 0 0;
    border-radius: 2px;
    background-color: #FFF;
    border: 1px solid rgba(150, 150, 150, 0.7);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
    width: auto;
    white-space: nowrap;
    cursor: default;
    transform: scaleY(0);
    transform-origin: top;
    transition: transform 0.2s ease-in-out;
    padding: 5px 0;
}

.interactive_menu.wider {
    width: 370px;
}

.interactive_menu.two_columns, .interactive_filters_list.two_columns {
    width: 500px;
}

.interactive_menu.three_columns, .interactive_filters_list.three_columns {
    width: 750px;
}

.interactive_menu.two_columns.wide, .interactive_filters_list.two_columns.wide {
    width: 650px;
}

.interactive_menu.two_columns.wide .column, .interactive_filters_list.two_columns.wide .column {
    width: 320px;
}

.interactive_menu.two_columns .column, .interactive_filters_list.two_columns .column, .interactive_menu.three_columns .column, .interactive_filters_list.three_columns .column {
    width: 245px;
    display: inline-block;
    vertical-align: top;
}

.interactive_menu.two_columns .column h1, .interactive_filters_list.two_columns .column h1, .interactive_menu.three_columns .column h1, .interactive_filters_list.three_columns .column h1 {
    margin-top: 10px;
}

.interactive_menu.two_columns .column h1:first-child, .interactive_filters_list.two_columns .column h1:first-child, .interactive_menu.three_columns .column h1:first-child, .interactive_filters_list.three_columns .column h1:first-child {
    margin-top: 0;
}

.interactive_menu input[type=search] {
    padding: 2px;
    width: 350px;
    margin: 5px;
}

.interactive_menu .column input[type=search] {
    width: 230px;
}

.interactive_menu input[type=search].filtering + .filter_indicator {
    display: inline-block;
    margin-left: -30px;
    margin-top: 2px;
    z-index: 10;
}

.interactive_menu_values#filter_export_options {
    margin-top: 5px;
}

.interactive_menu_values#filter_export_options img.icon {
    vertical-align: middle;
}

.interactive_menu .filter_indicator {
    display: none;
}

.interactive_filters_list .search_template_list ul {
    display: block;
    list-style: none;
    margin: 5px;
    padding: 0;
    white-space: normal;
}

.interactive_filters_list .column .search_template_list li {
    display: inline-block;
    list-style: none;
    margin: 0 5px 0 0;
    padding: 5px;
    width: 300px;
    transition: border 0.3s ease;
    border-radius: 2px;
    border: 1px solid transparent;
    font-size: 0.9em;
    clear: none;
    white-space: normal;
    min-height: 50px;
    vertical-align: top;
}

.interactive_filters_list .column .search_template_list li:hover, .search_template_list li.selected {
    border: 1px solid rgba(100, 100, 100, 0.2);
    background-color: transparent;
}

.interactive_filters_list .column .search_template_list li.selected {
    background-color: rgba(200, 200, 200, 0.2);
    box-shadow: inset 0 0 4px rgba(100, 100, 100, 0.2);
}

.interactive_filters_list .column .search_template_list li img {
    float: left;
    margin: 5px 10px 10px 5px;
}

.interactive_filters_list .column .search_template_list li h1 {
    font-weight: 500;
    font-size: 1.1em;
    text-transform: uppercase;
    color: #888;
    padding: 0;
    margin: 3px 0 0 0;
    border: 0;
}

#search_grouping_container.nogrouping .nogrouping, #search_grouping_container .groupingdetails, #search_grouping_container.parameter .parameterdetails {
    display: block;
}

#search_grouping_container.nogrouping .groupingdetails, #search_grouping_container .nogrouping, #search_grouping_container .parameterdetails {
    display: none;
}

#search_grouping_container .parameterdetails label {
    display: inline-block;
    text-transform: none;
    margin: 5px;
}

#search_grouping_container .parameterdetails input[type=text] {
    display: inline-block;
    width: 35px;
}

#search_grouping_container .nogrouping {
    padding: 5px;
    color: #777;
    font-size: 0.9em;
}

.interactive_dropdown.selected .interactive_menu {
    z-index: 1;
    transform: scaleY(1);
}
.interactive_dropdown.rightie.selected .interactive_menu {
    right: -1px;
    left: auto;
}

.interactive_menu_values {
    transition: opacity 0.3s ease;
}

.interactive_menu_values.updating {
    opacity: 0.2;
}

.interactive_values_container {
    max-height: 300px;
    overflow-y: auto;
}

.interactive_menu .separator, .interactive_menu .separator:hover, .interactive_menu .column li.separator, .interactive_menu .column li.separator:hover {
    display: block;
    padding: 5px 0 0 0;
    margin: 0 5px 5px 5px;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
    background-color: transparent;
    cursor: default;
}

.interactive_menu.filtered .separator, .interactive_menu.filtered .separator:hover {
    display: none;
}

.interactive_menu ul, .interactive_filters_list ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.interactive_menu li, .interactive_filters_list li {
    padding: 2px 5px;
    margin: 0;
    clear: both;
    display: block;
    white-space: nowrap;
    position: relative;
}

.interactive_menu .column li, .interactive_filters_list .column li {
    margin: 0 5px;
}

.interactive_menu li:hover, .interactive_filters_list li:hover {
    background-color: rgba(200, 200, 200, 0.2);
    cursor: pointer;
}

.interactive_menu li.disabled, .interactive_filters_list li.disabled {
    color: #CCC;
}

.interactive_menu li.disabled:hover, .interactive_filters_list li.disabled:hover {
    background-color: transparent;
    cursor: default;
}

.searchable li.filtervalue {
    display: none;
}

.searchable li.filtervalue.unfiltered {
    display: block;
}

li.filtervalue .hidden {
    display: none;
}

.interactive_menu li.highlighted {
    background-color: rgba(200, 200, 200, 0.2);
    cursor: pointer;
}

.interactive_menu li.selected {
    background-color: #1AAA55;
    color: #FFF;
    cursor: pointer;
}

.interactive_menu li.highlighted.selected {
    background-color: rgba(50, 150, 50, 0.3);
    color: #FFF;
    cursor: pointer;
}

.interactive_menu img.icon {
    display: inline-block;
    margin: 0 5px 0 0;
    width: 16px;
    height: 16px;
    vertical-align: text-top;
}
.interactive_menu .fas,
.interactive_menu .far {
    display: inline-block;
    margin: 0 3px 0 0;
    width: 16px;
    vertical-align: middle;
    text-align: center;
}

.interactive_menu li .fas.checked,
.interactive_menu li .far.checked {
    display: none;
    color: #FFF;
}
.interactive_menu li .fas.unchecked,
.interactive_menu li .far.unchecked {
    display: inline-block;
    color: #555;
}

.interactive_menu li.selected .fas.unchecked,
.interactive_menu li.selected .far.unchecked {
    display: none;
}
.interactive_menu li.selected .fas.checked,
.interactive_menu li.selected .far.checked {
    display: inline-block;
}

.interactive_menu li input[type=checkbox], .interactive_menu li input[type=radio] {
    display: none;
}

.interactive_menu li span {
    display: inline-block;
    margin: 0;
    vertical-align: top;
}

.filter_remove_button {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    vertical-align: middle;
    width: 16px;
    padding: 5px;
    line-height: 1em;
    border-left: 1px solid rgba(100, 100, 100, 0.2);
    transition: background-color 0.3s ease;
}

.filter_remove_button:hover {
    border-color: rgba(100, 100, 100, 0.4);
    background-color: rgba(250, 0, 0, 0.2);
    cursor: pointer;
}

.filter_remove_button img {
    vertical-align: middle;
}

.filter_searchfield {
    vertical-align: middle;
    display: inline-block;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 2px;
    box-shadow: inset 0 0 4px rgba(100, 100, 100, 0.3);
    padding: 3px;
    width: 180px;
    margin-right: 5px;
    transition: width 0.5s ease, border 0.3s ease;
}

.filter_searchfield:focus {
    width: 230px;
}

.slider_container {
    position: relative;
    width: auto;
    margin: 20px 0 20px 25px;
    height: 20px;
}

.slider {
    width: 500px;
    height: 10px;
    margin: 0 50px 20px 0;
    padding: 0;
    border: 0;
    border-bottom: 1px solid rgba(100, 100, 100, 0.2);
}

.handle {
    width: 15px;
    height: 30px;
    border: 1px solid rgba(100, 100, 100, 0.3);
    background-color: #F1F1F1;
    box-shadow: 0 0 2px rgba(100, 100, 100, 0.4);
    cursor: move;
    position: absolute;
    margin-top: -5px;
}

.slider_value {
    position: absolute;
    right: 25px;
    top: -25px;
    font-size: 2em;
    font-weight: 300;
    color: #CCC;
    padding: 15px;
}

#find_issues .results_header .searchterm {
    font-weight: 300;
    font-style: italic;
}

#find_issues .results_header .faded_out, .num_results_badge {
    font-weight: 500;
    font-size: 0.8em;
    background-color: rgba(200, 200, 200, 0.3);
    color: rgba(50, 50, 50, 0.6);
    margin-left: 5px;
    padding: 2px 5px;
    border-radius: 3px;
    vertical-align: baseline;
}

#find_issues .main_content {
    font-size: 0.9em;
    font-weight: 300;
    padding: 3px;
}

#find_issues #no_issues {
    padding: 4px;
}

#find_issues .search_export_links {
    float: right;
    font-size: 0.8em;
}

#find_issues .search_export_links img {
    margin: 0 3px -4px 10px;
}

.column_settings {
    font-size: 0.8em;
}

.backdrop_detail_content .column_settings {
    font-size: 1em;
}

.column_settings .button-icon {
    cursor: pointer;
}

.column_settings h4 {
    margin-bottom: 5px;
}

.column_settings input {
    float: left;
    margin: 0 3px 0 0;
    padding: 0;
}

.backdrop_detail_content .column_settings input {
    float: none;
    margin: 0 3px 0 0;
    padding: 0;
}

.backdrop_detail_content .column_settings label div {
    float: none;
    display: inline-block;
    padding: 3px;
}

.column_settings label div {
    float: left;
    padding: 3px;
}

.column_settings label {
    padding: 3px;
}

.column_settings li {
    clear: both;
}

.column_settings_save_button {
    margin-right: 10px;
}

.search_buttons {
    float: right;
}

.search_buttons .button, .search_buttons .button:hover {
    font-size: 1.15em !important;
    padding: 2px 10px !important;
    font-weight: 300 !important;
}

#find_issues #search_filters ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#find_issues #search_filters ul li {
    margin: 0;
    padding: 0;
}

#search_filters_list li {
    clear: both;
}

#search_filters_list button, #search_filters_list label, #search_filters_list input, #search_filters_list select {
    float: left;
}

#find_issues #add_filter_form label {
    display: inline-block;
    min-width: 200px;
}

#find_issues #search_filters label {
    display: block;
    min-width: 200px;
    float: left;
}

/* end boxes */

#search_error, #search_message {
    font-weight: 500;
    color: #333;
}

.generic_error_message {
    font-weight: 300;
    color: #E44;
}

/* search results */
#saved_search_details input[type=submit] {
    font-size: 1em;
}

#search_results_container {
    position: relative;
}

#search_results_loading_indicator {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    text-align: center;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.6);
}

#search_results_loading_indicator img {
    vertical-align: middle;
}

.search_results {
    margin: 0 0 5px 0;
}

.search_results h5 {
    margin: 0;
    padding: 6px;
    font-size: 1.2em;
    font-weight: 500;
    text-transform: uppercase;
    border: none;
    background-color: #FFF;
}
.frontpage-results .search_results table {
    border: 1px solid rgba(200, 200, 200, .4);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.frontpage-results .search_results h5:not(:first-child) {
    margin-top: 15px;
}
.frontpage-results .search_results th, .frontpage-results .search_results td {
    padding: 4px;
}
.frontpage-results .search_results h5 {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: rgba(200, 200, 200, .4);
}

.search_results h5 img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.search_results table.results_container {
    margin-bottom: 0;
    table-layout: auto;
}
.project_strip .search_results table.results_container {
    margin-bottom: 25px;
}
.project_strip .search_results table.results_container:last-child {
    margin-bottom: 0;
}

.search_results table.results_container tbody {
    border-collapse: collapse;
}

.search_results th {
    background: #FFF no-repeat 5px center;
    padding: 2px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.85em;
    border: none;
    border-right: 2px solid transparent;
    border-bottom: 1px dotted rgba(200, 200, 200, 0.5);
    color: #666;
    width: 170px;
}
.frontpage-results .search_results th {
    background-color: rgba(200, 200, 200, .2);
    border-bottom: 1px solid rgba(200, 200, 200, .4);
}
.frontpage-results .search_results th:last-child {
    border-right: 1px solid rgba(200, 200, 200, .4);
}

.search_results .results_normal th:hover {
    cursor: pointer;
    border-right: 2px dotted rgba(150, 150, 150, 0.3);
}

.search_results th:last-child:hover, .search_results .results_normal th.nosort:hover {
    border-right: 2px dotted transparent;
    cursor: default;
}

.search_results th img {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
}
.search_results th .fas,
.search_results th .far {
    vertical-align: middle;
}

.search_results th.sc_datetime {
    width: 100px;
}

.search_results th.sc_status {
    width: 240px;
}

.search_results th.sc_priority {
    width: 100px;
}

.search_results th.sc_title_container {
    width: auto;
}

.search_results td {
    font-size: 0.9em;
    padding: 2px;
}

.search_results tbody tr:nth-child(odd) {
    background-color: #F8F8F8;
}

.search_results tbody tr.selected {
    background-color: #F1F1CA;
}

.search_results tbody tr:hover {
    background-color: #F1F1F1;
}

.search_results tbody tr.closed td, tr.closed td {
    color: #888;
    text-decoration: line-through;
}

.search_results tbody tr.changed {
    background-color: #FFFBE2;
}

.search_results tbody tr.changed:hover {
    background-color: #FFF299;
}

.search_results tbody tr.blocking {
    background-color: #FCC;
}

.search_results tbody tr.blocking:hover {
    background-color: #E0aC9C;
}

.search_results tbody tr.changed.blocking {
    background-color: #FFDFCC;
}

.search_results tbody tr.changed.blocking:hover {
    background-color: #E0BF9C;
}

.search_results td.result_issue a .issue_title {
    color: #333;
}

.search_results td.result_issue a:hover .issue_title {
    color: #555;
}

.search_results td.result_issue a, .search_results td.result_issue a:hover {
    font-weight: 300;
    font-size: 1.1em;
}

.search_results td.smaller {
    font-size: 0.85em;
}

.search_results div.results_summary {
    border: 1px dotted #CCC;
    font-size: 0.9em;
    margin: 5px 0 20px;
    padding: 5px 10px;
    line-height: 1.7;
}

.search_results div.results_summary .summary_header {
    font-weight: 500;
    font-size: 1.1em;
}

.search_results div.results_summary .issue_count, .search_results div.results_summary .issue_spent_time_summary, .search_results div.results_summary .issue_estimated_time_summary {
    font-weight: 500;
    font-size: 1.1em;
}

.search_results tr.priority_0 td {
    background-color: transparent;
}

.search_results .sc_issuetype img {
    float: left;
    margin-right: 3px;
}

.search_results .sc_priority .fas,
.search_results .sc_priority .far {
    margin-right: 3px;
}

.search_results tr.priority_1 td.sc_priority,
.search_results h5.priority_1,
#issue_details fieldset dd.priority_1 {
    color: #C30000;
    font-weight: 500;
}
.search_results tr.priority_2 td.sc_priority,
.search_results h5.priority_2,
#issue_details fieldset dd.priority_2 {
    color: #FA0;
    font-weight: 500;
}
.search_results tr.priority_4 td.sc_priority,
.search_results h5.priority_4,
#issue_details fieldset dd.priority_4,
.search_results tr.priority_5 td.sc_priority,
.search_results h5.priority_5,
#issue_details fieldset dd.priority_5 {
    color: #070;
    font-weight: 300;
}

.search_results h5.priority_4,
.search_results h5.priority_5 {
    font-weight: 500;
}


.search_results td.result_issue img {
    float: left;
    margin-right: 3px;
}

.search_results td.result_issue .issue_state {
    display: none;
}

.search_results td.sc_status {
    font-size: 0.9em;
}

.search_results td.sc_actions {
    position: relative;
    font-size: 1.1em;
    text-align: left;
    line-height: 1em;
}

.sc_actions .dropper.dynamic_menu_link, .sc_actions .dropper.dynamic_menu_link:hover {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    color: #555;
    padding: 5px 10px;
}

.sc_actions .image.button-pressed {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3) inset;
    border-radius: 2px;
}

.search_results td.sc_actions .more_actions_dropdown {
    margin-top: 24px;
    margin-right: 0;
    top: 0;
    z-index: 10001;
    width: 300px;
}

.search_results tr:hover td.sc_actions {
    opacity: 1;
}

.bulk_action_container {
    height: 35px;
    position: relative;
}

.bulk_action_form.fixed {
    position: fixed;
    top: 0;
    left: 30px;
    right: 6px;
    z-index: 100;
    margin: 0 -6px 0 -30px;
    transition: margin-left 0.3s ease-in-out, margin-right 0.3s ease-in-out;
}

.bulk_action_form.fixed .search_bulk_container {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    border-bottom-style: solid;
}

.search_bulk_container {
    font-size: 0.9em;
    border: 1px dotted #DDD;
    background-color: #FAFAFA;
    padding: 5px;
    transition: opacity 0.3s ease;
    border-left: 0;
    border-right: 0;
}

.search_bulk_container input[type=text] {
    padding-top: 1px;
}

.search_bulk_container.top {
    border-top: none;
    margin-bottom: 5px;
}

.search_bulk_container.bottom {
    margin-top: 5px;
}

.search_bulk_container.unavailable {
    opacity: .40;
}

.search_bulk_container input[type=submit][disabled], .search_bulk_container input[type=submit][disabled]:hover, .search_bulk_container input[type=submit], .search_bulk_container input[type=submit]:hover {
    margin-top: -3px;
    height: 21px;
    vertical-align: middle;
}

/*.search_results tr.priority_1 td { background-color: #EFE; }
.search_results tr.priority_2 td { background-color: #DFD; }
.search_results tr.priority_3 td { background-color: #FFD; }
.search_results tr.priority_4 td { background-color: #EEA; }
.search_results tr.priority_5 td { background-color: #FCC; }
.search_results tr.priority_6 td { background-color: #FAA; }*/
/* end results */

/* paginator */
.issue_paginator {
    text-align: center;
    width: auto;
    margin: 10px auto 10px auto;
    padding: 3px 5px 3px 5px;
    font-size: 13px;
}

.issue_paginator.fixed {
    width: 100%;
    margin: 10px auto 0 auto;
    padding: 5px 0;
    background-color: rgba(255, 255, 255, 0.9);
    border-top: 1px solid rgba(100, 100, 100, 0.3);
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 100;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.issue_paginator.fixed.visible {
    opacity: 1;
    visibility: visible;
}

/* end paginator */

/* saved searches */
.saved_searches {
    font-size: 0.9em;
    padding: 5px 5px 5px 10px;
    width: 310px;
    vertical-align: top;
}

.side_bar.saved_searches .collapser_link {
    transition: left 0.3s ease;
}

.saved_searches a {
    font-size: 0.9em;
    font-weight: 500;
    padding-left: 3px;
}

.saved_searches .container_div {
    margin-bottom: 10px;
}

.side_bar .container_divs_wrapper {
    margin-left: 0;
    visibility: visible;
    opacity: 1;
    transition: margin-left 0.3s ease 0s, opacity 1s ease 0s, visibility 1s ease 0s;
}

.side_bar.collapsed .container_divs_wrapper {
    opacity: 0;
    visibility: hidden;
}

.container_div {
    margin: 5px;
    clear: both;
    font-size: 1.1em;
    display: block;
    padding: 0;
    background-color: #FFF;
    border: none;
    box-shadow: none;
    position: relative;
}

.container_div .header, .team_dashboard .header, .project_overview .header {
    margin: 0;
    padding: 5px 0;
    border: none;
    border-bottom: 1px dotted #CCC;
    font-weight: 500;
    font-size: 1.1em;
    color: #888;
    box-sizing: border-box;
    text-transform: uppercase;
}

.team_dashboard .header, .project_overview .header, .client_dashboard .header {
    font-size: 1.2em;
    text-transform: uppercase;
    color: #888;
}

.team_dashboard .header .button, .client_dashboard .header .button, .project_overview .header .button {
    padding: 5px 9px;
}

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

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

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

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

.project_overview .header .button-group {
    float: right;
    font-size: 0.8em;
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
}

.metallic_header {
    margin-top: 0;
    height: 18px;
    padding: 2px 5px;
    border: none;
    border-bottom: 1px solid #CCC;
    background: -webkit-linear-gradient(top, #FFF 0%, #F1F1F1 100%); /* Chrome10+,Safari5.1+ */
    background: linear-gradient(to bottom, #FFF 0%, #F1F1F1 100%); /* W3C */
}

/* end search styling */

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

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

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

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

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

#csv_button_area button {
    float: left;
}

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

#id_zone .tab_header {
    clear: both;
}

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

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

.csv_data_box_right {
    clear: right;
}

.csv_data_box table {
    width: 100%;
}

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

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

#config_scopes .nice_button {
    margin-left: 0;
}

#config_scopes .rounded_box .content .header {
    margin-top: 15px;
}

#config_scopes a.action_button {
    float: right;
}

#scopes_list ul.simple_list li span {
    color: #333;
    font-size: 1em;
    font-weight: 300;
}

#scopes_list .scope_description {
    font-size: 0.9em;
}

a.action_button {
    padding: 3px;
    background-color: #FAFAFA;
    border: 1px solid #CCC;
    display: block;
    line-height: 0;
    margin-left: 5px;
}

a.action_button:hover {
    background-color: #FCFCFC;
    border-color: #AAA;
}

input[type=submit] {
    padding: 1px 3px;
    font-size: 12px;
}

input[type=submit], input[type=submit]:hover, button, .button, .button:hover {
    line-height: 17px !important;
    height: auto;
    margin: 0;
    text-decoration: none;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 2px;
    font-weight: 300;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    text-transform: none;
    padding: .3em .7em;
}

.button:hover,
input[type=submit]:hover,
input[type=button]:hover, button:hover,
.button-silver:hover,
input.button-silver[type=submit]:hover,
.button-dropdown:hover {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    cursor: pointer;
}

.smaller_buttons .button span, .button.big-button span, .smaller_buttons .button input, .smaller_buttons .button button, .button.big-button input, .button.big-button button {
    padding: 8px 15px;
    font-size: 18px;
}

/* When pressed, move it down 1px */
/*----------------------------*/
.button-icon, .button-icon:hover {
    padding: 1px 2px;
    line-height: 18px !important;
}

.button img {
    display: inline-block;
    margin: 0 5px 0 0;
    vertical-align: middle;
}

.button .fas,
.button .far {
    margin: 0 5px 0 0;
    vertical-align: middle;
}

.button .fas + span,
.button .far + span {
    vertical-align: middle;
    display: inline-block;
    white-space: nowrap;
}

.button-icon img, .button-icon:hover img {
    margin: 1px;
    float: none;
}

.button a, .button a:hover, .button a:visited, .button a:active {
    color: #FFF;
}

.button-silver, .button.disabled,
.button.disabled:active,
.button.disabled:hover,
button,
input[type=submit][disabled],
input[type=submit][disabled]:hover,
input[type=submit],
input[type=submit]:hover,
.button-green.disabled,
.button-green.disabled:hover,
input[type=submit].button-green[disabled],
input[type=submit].button-green[disabled]:hover,
input[type=submit].button-green[disabled]:active,
.button-green[disabled],
.button-green[disabled]:hover,
.button-dropdown {
    background: #c5c5c5;
    background: -webkit-linear-gradient(top, #F5F5F5 0%, #E5E5E5 100%); /* Chrome10+,Safari5.1+ */
    background: linear-gradient(to bottom, #F5F5F5 0%, #E5E5E5 100%); /* W3C */
}

.button-silver:focus, input[type=submit]:focus, button:focus {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    border-color: rgba(0, 0, 0, 0.35);
}

.button-silver:active, input[type=submit]:active, button:active, input[type=submit].button-pressed, input[type=submit].button-pressed:hover, button.button-pressed, button.button-pressed:hover, .button.button-pressed, .button.button-pressed:hover {
    box-shadow: 0 0 4px rgba(100, 100, 100, 0.3) inset;
}

.button-silver, input[type=submit], button, input[type=submit].button-silver, button.button-silver, a.button-silver, .button-silver:active, button.button-silver:active, input[type=submit].button-silver:active, a.button-silver:active {
    color: #555;
    text-shadow: 1px 1px #FFF;
    box-shadow: none;
}

input[type=button][disabled], input[type=button].disabled, input[type=submit][disabled], input[type=submit].disabled, button[disabled], button.disabled, .button.disabled, .button.button-silver.disabled {
    color: #AAA !important;
    text-shadow: 1px 1px 0 #FFF !important;
}

.button-icon.disabled img {
    opacity: .25;
}

/*----------------------------*/
.button-khaki, input[type=submit].button-khaki {
    background: #A2B598;
    background: -webkit-linear-gradient(top, #BDD1B4 0%, #A2B598 100%); /* Chrome10+,Safari5.1+ */
    background: linear-gradient(to bottom, #BDD1B4 0%, #A2B598 100%); /* W3C */
    color: #fff;
    text-shadow: 1px 1px 0 #666;
}

.button-khaki:active, input[type=submit].button-khaki:active {
    background: #BDD1B4;
    background: -webkit-linear-gradient(top, #A2B598 0%, #BDD1B4 100%); /* Chrome10+,Safari5.1+ */
    background: linear-gradient(to bottom, #A2B598 0%, #BDD1B4 100%); /* W3C */
}

/*.button-khaki:active { background: #A2B598; }*/
/*----------------------------*/
.button-blue, input[type=submit].button-blue {
    background: #4477a1;
    background: -webkit-linear-gradient(top, #81A8CB 0%, #4477A1 100%); /* Chrome10+,Safari5.1+ */
    background: linear-gradient(to bottom, #81A8CB 0%, #4477A1 100%); /* W3C */
    color: #fff;
    text-shadow: 1px 1px 0 #666;
}

.button-blue:active, input[type=submit].button-blue:active, .button-blue.button-pressed {
    background: #81a8cb;
    background: -webkit-linear-gradient(top, #4477A1 0%, #81A8CB 100%); /* Chrome10+,Safari5.1+ */
    background: linear-gradient(to bottom, #4477A1 0%, #81A8CB 100%); /* W3C */
}

/*.button-blue:active { background: #4477a1; }*/
/*----------------------------*/
.button-lightblue, input[type=submit].button-lightblue {
    background: #C7D4E0;
    color: #fff;
    text-shadow: 1px 1px 0 #666;
}

.button-lightblue[disabled], input[type=submit].button-lightblue[disabled] {
    background: #4477a1;
    background: -webkit-linear-gradient(top, #C5EAE6 0%, #A1B2C0 100%); /* Chrome10+,Safari5.1+ */
    background: linear-gradient(to bottom, #C5EAE6 0%, #A1B2C0 100%); /* W3C */
}

.button-lightblue:active, input[type=submit].button-lightblue:active {
    background: #81a8cb;
    background: -webkit-linear-gradient(top, #8BA6C0 0%, #A9CBEA 100%); /* Chrome10+,Safari5.1+ */
    background: linear-gradient(to bottom, #8BA6C0 0%, #A9CBEA 100%); /* W3C */
}

/*.button-blue:active { background: #4477a1; }*/
/*----------------------------*/
.button-brown, input[type=submit].button-brown {
    background: #8f3714;
    background: -webkit-linear-gradient(top, #BF6F50 0%, #8F3714 100%); /* Chrome10+,Safari5.1+ */
    background: linear-gradient(to bottom, #BF6F50 0%, #8F3714 100%); /* W3C */
    color: #fff;
    text-shadow: 1px 1px 0 #666;
}

.button-brown:active, input[type=submit].button-brown:active {
    background: #bf6f50;
    background: -webkit-linear-gradient(top, #8F3714 0%, #BF6F50 100%); /* Chrome10+,Safari5.1+ */
    background: linear-gradient(to bottom, #8F3714 0%, #BF6F50 100%); /* W3C */
}

/*.button-brown:active { background: #8f3714; }*/
/*----------------------------*/
.button-green, input[type=submit].button-green {
    background: #92BA6F;
    background: -webkit-linear-gradient(top, #92BA6F 0%, #428739 100%); /* Chrome10+,Safari5.1+ */
    background: linear-gradient(to bottom, #92BA6F 0%, #428739 100%); /* W3C */
    color: #fff;
    text-shadow: 1px 1px 0 #666;
}

.button-green:active, input[type=submit].button-green:active {
    background: #c8dd95;
    background: -webkit-linear-gradient(top, #428739 0%, #92BA6F 100%); /* Chrome10+,Safari5.1+ */
    background: linear-gradient(to bottom, #428739 0%, #92BA6F 100%); /* W3C */
}

/*.button-green:active { background: #428739; }*/
/*----------------------------*/
.button-red, input[type=submit].button-red {
    background: #D82741;
    background: -webkit-linear-gradient(top, #E84B6E 0%, #D82741 100%); /* Chrome10+,Safari5.1+ */
    background: linear-gradient(to bottom, #E84B6E 0%, #D82741 100%); /* W3C */
    color: #fff;
    text-shadow: 1px 1px 0 #666;
}

.button-red:active, input[type=submit].button-red:active {
    background: #E84B6E;
    background: -webkit-linear-gradient(top, #D82741 0%, #E84B6E 100%); /* Chrome10+,Safari5.1+ */
    background: linear-gradient(to bottom, #D82741 0%, #E84B6E 100%); /* W3C */
}

/*.button-red:active { background: #D82741; }*/
/*----------------------------*/
.button-purple, input[type=submit].button-purple {
    background: #6F50E7;
    background: -webkit-linear-gradient(top, #B8A9F3 0%, #6F50E7 100%); /* Chrome10+,Safari5.1+ */
    background: linear-gradient(to bottom, #B8A9F3 0%, #6F50E7 100%); /* W3C */
    color: #fff;
    text-shadow: 1px 1px 0 #666;
}

.button-purple:active, input[type=submit].button-purple:active {
    background: #B8A9F3;
    background: -webkit-linear-gradient(top, #6F50E7 0%, #B8A9F3 100%); /* Chrome10+,Safari5.1+ */
    background: linear-gradient(to bottom, #6F50E7 0%, #B8A9F3 100%); /* W3C */
}

/*.button-purple:active { background: #6F50E7; }*/
/*----------------------------*/
.button-black, input[type=submit].button-black {
    background: #141414;
    background: -webkit-linear-gradient(top, #656565 0%, #141414 100%); /* Chrome10+,Safari5.1+ */
    background: linear-gradient(to bottom, #656565 0%, #141414 100%); /* W3C */
    color: #fff;
    text-shadow: 1px 1px 0 #666;
}

.button-black:active, input[type=submit].button-black:active {
    background: #656565;
    background: -webkit-linear-gradient(top, #141414 0%, #656565 100%); /* Chrome10+,Safari5.1+ */
    background: linear-gradient(to bottom, #141414 0%, #656565 100%); /* W3C */
}

/*.button-black:active { background: #141414; }*/
/*----------------------------*/
.button-orange, input[type=submit].button-orange {
    background: #f09c15;
    background: -webkit-linear-gradient(top, #F8C939 0%, #F09C15 100%); /* Chrome10+,Safari5.1+ */
    background: linear-gradient(to bottom, #F8C939 0%, #F09C15 100%); /* W3C */
    color: #fff;
    text-shadow: 1px 1px 0 #666;
}

.button-orange:active, input[type=submit].button-orange:active {
    background: #f8c939;
    background: -webkit-linear-gradient(top, #F09C15 0%, #F8C939 100%); /* Chrome10+,Safari5.1+ */
    background: linear-gradient(to bottom, #F09C15 0%, #F8C939 100%); /* W3C */
}

/*.button-orange:active { background: #f09c15; }*/
/*----------------------------*/

.buildbox {
    margin-bottom: 5px;
    line-height: 1.3;
}

.build_buttons {
    float: right;
    margin: 3px 0 0 0;
}

.build_buttons button {
    font-size: 0.85em;
    padding: 1px 2px !important;
}

#edit_build_download_options li {
    clear: both;
}

#edit_build_download_options input[type="radio"] {
    float: left;
    margin: 0 5px 0 0;
}

#edit_build_download_options label {
    float: left;
    margin: 0 5px 0 0;
}

/*
        Simple OpenID Plugin
        http://code.google.com/p/openid-selector/

        This code is licensed under the New BSD License.
*/

#openid_choice {
    display: none;
}

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

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

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

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

.openid_large_btn, .openid_large_btn:hover {
    width: 94px;
    height: 60px;

    margin: 0 3px 3px 0;
    display: inline-block;
    position: relative;
}

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

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

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

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

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

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

.openid_provider_name {
    font-weight: 500;
}

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

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

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

.nosort {
    cursor: default;
}

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

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

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

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

.roweven {
    background-color: #F8F8F8;
}

/* -------------------------------------------------------------------
// markItUp! Universal MarkUp Engine, JQuery plugin
// By Jay Salvat - http://markitup.jaysalvat.com/
// ------------------------------------------------------------------*/
.markItUp * {
    margin: 0;
    padding: 0;
    outline: none;
}

.markItUp a:link,
.markItUp a:visited {
    color: #000;
    text-decoration: none;
}

.markItUp {
    margin: 5px 0 0 0;
}

.markItUpContainer {
    font: 11px 'Fira Sans', sans-serif;
}

.markItUpEditor {
    box-sizing: border-box;
    font: 1.4em 'Fira Mono', monospace;
    padding: 5px;
    width: 690px;
    height: 320px;
    clear: both;
    line-height: 18px;
    overflow: auto;
    display: block;
}

.markItUpPreviewFrame {
    overflow: auto;
    background-color: #FFF;
    width: 99.9%;
    height: 300px;
    margin: 5px 0;
}

.markItUpFooter {
    display: none;
}
.markItUpHeader {
    height: 21px;
    background: #FFFFFF;
    padding: 6px 5px;
}
.markItUpResizeHandle {
    overflow: hidden;
    width: 22px;
    height: 5px;
    margin-left: auto;
    margin-right: auto;
    cursor: n-resize;
}

/***************************************************************************************/
/* first row of buttons */
.markItUpHeader ul li {
    list-style: none;
    float: left;
    position: relative;
}

.markItUpHeader ul li:hover > ul {
    display: block;
}

.markItUpHeader ul .markItUpDropMenu {
    background: transparent no-repeat 115% 50%;
    margin-right: 5px;
}

.markItUpHeader ul .markItUpDropMenu li {
    margin-right: 0;
}

/* next rows of buttons */
.markItUpHeader ul ul {
    display: none;
    position: absolute;
    top: 18px;
    left: 0;
    background: #FFF;
    border: 1px solid #000;
}

.markItUpHeader ul ul li {
    float: none;
    border-bottom: 1px solid #000;
}

.markItUpHeader ul ul .markItUpDropMenu {
    background: #FFF no-repeat 100% 50%;
}

.markItUpHeader ul .markItUpSeparator {
    margin: 0 10px;
    width: 1px;
    height: 16px;
    overflow: hidden;
    background-color: #CCC;
}

.markItUpHeader ul ul .markItUpSeparator {
    width: auto;
    height: 1px;
    margin: 0;
}

/* next rows of buttons */
.markItUpHeader ul ul ul {
    position: absolute;
    top: -1px;
    left: 150px;
}

.markItUpHeader ul ul ul li {
    float: none;
}

.markItUpHeader ul a {
    display: block;
    width: 16px;
    height: 16px;
    text-indent: -10000px;
    background-repeat: no-repeat;
    padding: 3px;
    margin: 0;
}

.markItUpHeader ul ul a {
    display: block;
    text-indent: 0;
    width: 120px;
    padding: 5px 5px 5px 25px;
    background-position: 2px 50%;
}

.markItUpHeader ul ul a:hover {
    color: #FFF;
    background-color: #000;
}

.markItUpHeader a:hover {
    border-bottom: none;
}

/* Link body */
.persona-button {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 500;
    line-height: 1.1;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    text-shadow: 0 1px rgba(0, 0, 0, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
    background: -webkit-linear-gradient(top, #43a6e2, #287cc2);
    background: linear-gradient(to bottom, #43a6e2, #287cc2);
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}

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

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

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

/* Icon */
.persona-button span:after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAPCAYAAAA/I0V3AAAA4klEQVR42o2RWaqEMBRE3YaCiDjPwQGcd9CrysLv4wTyoLFD90dxqbp1EgdPRB7Kskznea6Zn/aPoKoqUUrJOI5m4l2QBfSyLHKep1zXZSae3An1fS/7vst931bGkzuhaZrsLVbGkzuheZ7lOI6HyJ2QUkqv6yrbtv0LT+6E7G0UrfBfP3lZlpoXH4ZBmHgn5Pv+KwxDfqp0XQdgJp6c/RsUBIGOokiSJDE/s21bACbe5Ozp0TdAHMdSFIXUdS1N01C2wpObPT36HifwCJzI0iX29Oh7XP0E3CB9L01TzM+i/wePv4ZE5RtAngAAAABJRU5ErkJggg==) 10px center no-repeat;
    content: '';
    display: block;
    width: 31px;

    position: absolute;
    bottom: 0;
    left: -3px;
    top: 0;
    z-index: 10;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.persona-button.large::before {
    height: 34px;
    width: 34px;
    left: 7px;
    margin-top: -17px;
}
.persona-button.large span {
    padding: 10px 10px 10px 57px;
}
.persona-button.large span::before {
    width: 30px;
}
.persona-button.large span::after {
    background-position-x: 5px;
}

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

.greybox {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.07);
    background-color: rgba(200, 200, 200, 0.1);
    padding: 10px;
    border-radius: 3px;
}

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

.yellowbox {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.07);
    background-color: rgba(249, 245, 178, 0.6);
    padding: 10px;
    border-radius: 3px;
}
.message-box {
    display: flex;
    width: calc(100% - 20px);
    box-sizing: border-box;
    margin: 10px;
    padding: 10px;
    border: 1px solid rgba(200, 200, 200, 0.7);
    align-items: baseline;
    border-radius: 3px;
}
.message-box.type-error {
    background-color: rgba(205, 0, 0, 0.5);
}
.message-box.type-warning {
    background-color: rgba(249, 245, 178, 0.6);
}
.message-box.type-info {
    background-color: rgba(177, 210, 143, 0.3);
}
.message-box .fas,
.message-box .fab,
.message-box .far {
    margin-right: 5px;
}
.message-box .message {
    flex: 1 1 auto;
    font-size: 1.1em;
    color: rgba(0, 0, 0, .4);
}
.message-box.type-error .message {
    color: rgba(255, 255, 255, 1);
}
.message-box .actions {
    flex: 0 0 auto;
}
.message-box .message + .actions {
    margin-left: 10px;
}
.message-box .actions .button {
    padding: 4px 7px;
}
.message-box .command_box {
    font-size: .85em;
}

.greenbox {
    background-color: rgba(177, 210, 143, 0.3);
}
.bluebox {
    background-color: rgba(212, 229, 255, 0.5);
}

.redbox, .greybox, .lightyellowbox, .yellowbox, .greenbox, .bluebox {
    padding: 10px;
    border-radius: 3px;
    border: 1px solid rgba(50, 50, 50, 0.15);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.07);
}

.save-button-container {
    border: none;
    border-top: 1px solid rgba(50, 50, 50, 0.15);
    padding: 10px;
    box-shadow: none;
    margin: 25px 0 0 0;
    display: flex;
    background-color: rgba(200, 200, 200, 0.1);
    align-items: center;
}
.save-button-container .message {
    flex: 1 1 auto;
    font-style: italic;
}
.save-button-container img {
    flex: 0 0 auto;
    margin-right: 5px;
}
.save-button-container input[type=submit] {
    flex: 0 0 auto;
    padding: 5px 15px;
    font-size: 1.1em;
    font-weight: 300;
}


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

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

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

.tutorial-message.above:after, .popup-menu.above:after {
    margin-left: -10px;
    border-top: 10px solid rgba(255, 255, 255, 1);
}

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

.tutorial-message.below:after, .popup-menu.below:after {
    margin-left: -10px;
    border-bottom: 10px solid rgba(255, 255, 255, 1);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.tutorial-message .button, .tutorial-message .button:hover, .tutorial-buttons a {
    margin: 20px auto;
    display: inline-block;
    float: right;
    font-size: 1.1em !important;
    padding: 5px 10px !important;
}

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

.tutorial-message .button.button-silver {
    font-weight: 300 !important;
    font-size: 1em !important;
    margin: 22px 5px 0 0;
    padding: 3px 7px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* ============================ */
/* Oxygen New - theme additions */
/* ============================ */

/* General */

#dialog_backdrop {
    z-index: 100001;
}

button:focus, input:focus, select:focus {
    outline: 0;
}

/* Configure */

.configuration_page { table-layout: fixed; flex: 1 1 auto; }
.configuration_page .main_configuration_content { padding: 0 15px; }
.configuration_page .tab_menu li.selected,
.configuration_page .tab_menu li.selected:hover,
* .tab_menu li.selected:hover,
ul#account_tabs li.selected,
ul#account_tabs li.selected:hover,
ul#editions_menu li.selected,
ul#editions_menu li.selected:hover {
    background-color: #FFF;
    position: relative;
}

.configuration_page .tab_menu li.selected:after,
* .tab_menu li.selected:after
ul#account_tabs li.selected:after,
ul#editions_menu li.selected:after {
    content: "";
    width: 100%;
    height: 7px;
    position: absolute;
    background-color: #FFF;
    bottom: -7px;
    left: 0;
}

/*.configuration_page button,*/
/*.configuration_page .button {*/
    /*padding: 5px 8px;*/
    /*font-size: 1em;*/
/*}*/

.config_badges > li > a > span {
    font-size: 13px;
}

span.config_explanation > span.tooltip.from-above.leftie {
    top: 38px;
    left: -20px;
}

#settings_menu_panes .config_explanation,
#config_auth .config_explanation,
#config_uploads .config_explanation {
    padding-bottom: 10px;
}

#settings_menu_panes .config_explanation > span.tooltip.from-above.rightie,
#config_auth .config_explanation > span.tooltip.from-above.rightie,
#config_uploads .config_explanation > span.tooltip.from-above.rightie {
    top: 38px;
    left: auto;
    right: -23px;
}

#settings_menu_panes label,
#config_auth label,
#config_uploads label {
    padding-left: 0;
}

.more_than_one_project_warning {
    margin-top: 5px;
    display: block;
}

#settings_menu_panes > div > table,
#config_uploads > table {
    border-spacing: 0 5px;
}

#settings_menu_panes > div {
    margin-top: -5px;
}

.update_div {
    background-color: #FAF5CA !important;
    margin: 20px 10px 0 10px !important;
    padding: 10px;
}

/* Configure authentication */

#offline_msg, #register_message, #forgot_message,
#changepw_message, #changedetails_message {
    resize: vertical;
}

/* Configure permissions */

#permissions_team_configurator_tabs_panes > div > p {
    margin-top: 10px;
    margin-bottom: 10px;
}


/* Configure roles */

#new_role_form label {
    margin-top: 1px;
    margin-right: 5px;
    display: block;
    float: left;
}

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

#global_roles_list input[type=submit] {
    padding: 3px 14px;
    margin-top: 10px;
}

/* Configure projects */

#noprojects_tr {
    padding: 0 !important;
}

#add_project_additional label {
    margin-top: 10px;
    display: block;
    float: left;
    margin-right: 5px;
}

#add_project_additional select {
    margin-top: 7px;
    display: block;
}

#add_project_additional br {
    display: none;
}

#add_project_form > div:first-child {
    height: 27px !important;
}

#add_project_form div:first-child label {
    display: block;
    float: left;
    margin-top: 3px;
}

#add_project_form div:first-child input[type=text] {
    margin-top: 2px;
    margin-left: 5px;
}

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

#project_add_indicator {
    float: left;
}

/* Backdrop -> Update header icon and favicon */

#build_form li {
    margin-bottom: 5px;
}

#backdrop_detail_content .simple_list > li > input[name=small_icon_action],
#backdrop_detail_content .simple_list > li > input[name=large_icon_action] {
    margin-top: -1px !important;
}

#backdrop_detail_content .simple_list > li > input[name=small_icon],
#backdrop_detail_content .simple_list > li > input[name=large_icon] {
    margin-top: 7px;
    margin-left: 4px;
}

#update_icons_indicator {
    margin-right: 5px;
    margin-top: 4px;
}

/* Backdrop -> Quick edit project */

#project_config_popup_main_container .button-blue,
#project_config_popup_main_container .button-green {
    padding: 4px 10px;
    font-size: 13px;
}

#project_config_popup_main_container h5 {
    margin-left: 4px;
}

#markItUpProject_description_input textarea {
    resize: vertical;
}

#project_key_indicator {
    margin-left: 137px;
    height: auto !important;
    width: auto !important;
    text-align: inherit !important;
    background-color: inherit !important;
}

/* Backdrop -> Edit project permissions */

#global_roles_list .greybox,
.project_roles_list .greybox {
    padding: 6px 10px;
    margin-bottom: 12px;
    line-height: 22px;
}

#global_roles_list .greybox .button-group,
.project_roles_list .greybox .button-group {
    margin-top: 0;
}

#global_roles_list .greybox .button-group a,
.project_roles_list .greybox .button-group a {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.project_roles_list .greybox .button-group a,
.project_roles_list .greybox .button-group button,
.project_roles_list .greybox .button-group a:hover,
.project_roles_list .greybox .button-group button:hover {
    font-size: 0.9em;
    padding: 1px 5px;
}

.project_roles_list input[type=submit] {
    padding: 3px 14px;
    margin-top: 10px;
}

#global_roles_list .greybox .simple_list a,
.project_roles_list .greybox .simple_list a {
    position: absolute;
    margin-top: 5px;
    margin-left: -23px;
}

.project_save_container ul {
    margin-top: -1px !important;
}

/* Configure uploads & attachments */

#config_uploads .rounded_box.yellow.borderless {
    width: auto !important;
}

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

/* Import data */

#tab_csv_pane,
#tab_tbg_pane,
#tab_sample_pane {
    margin-top: -10px;
}

#csv_button_area {
    margin-top: 5px;
    margin-bottom: 10px;
}

.csv_data_box {
    width: 230px;
}

.csv_import_go input[type=submit] {
    padding: 2px 10px;
    margin-top: -2px;
}

/* Configure issue types */

#config_issuetypes, #tab_schemes_pane, #tab_scheme_pane {
    width: 730px !important;
}

#add_issuetype_form > label {
    margin-top: 2px;
    float: left;
    margin-right: 5px;
}

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

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

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

.issuetype_description {
    margin-top: 5px;
}

#issuetypes_list .button-group > a:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

#issuetypes_list tbody > tr > td:nth-child(2) {
    padding-bottom: 10px;
}

/* Configure issue types -> Issue type schemes & Configure workflows */

#issuetype_schemes_list .rounded_box.white.shadowed,
#workflow_schemes_list .rounded_box.white.shadowed,
.rounded_box.white.shadowed.copy_workflow_popup {
    padding: 5px !important;
}

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

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

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

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

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

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

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

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

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

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

.scheme_list.issuetype_scheme_list.simple_list .content {
    padding: 0 !important;
}

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

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

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

#workflow_transition_actions_validations .status_badge {
    padding: 2px 3px;
    margin: 4px 0;
}

/* Configure issue fields */

#config_issuefields ul[id$='_more_actions_dropdown'] {
    margin-top: -3px !important;
    margin-right: 5px;
}

#new_custom_field_type {
    width: 350px !important;
}

#config_issuefields .greybox {
    margin: 0 0 10px 0 !important;
    padding: 10px;
}

#config_issuefields .greybox button {
    padding: 3px 11px;
    margin-top: -4px;
}

#add_option_status_itemdata {
    margin-left: 5px;
}

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

.issuefield_item_option {
    margin: 4px 0;
}

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

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

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

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

#custom_types_list button {
    margin-right: 5px;
}

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

/* Configure workflows */

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

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

#config_workflows br {
    display: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

#workflow_scheme_form input[type=submit] {
    padding: 3px 11px;
    margin-right: -8px;
}

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

#workflowtransitionactions_list tr {
    height: 31px;
}

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

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

#workflowtransitionactions_list tr button {
    margin-top: 5px;
}

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

/* Configure users, teams and clients */

#createuser_form_quick {
    height: 27px !important;
}

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

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

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

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

#tab_users_pane img.userstate {
    margin: 0 2px 2px 0;
}

/* Configure users, teams and clients -> Quick selection */

#usersteamsgroups_menu_panes .button-group {
    margin-top: 5px;
}

#usersteamsgroups_menu_panes .button-group a {
    width: 9px !important;
}

#usersteamsgroups_menu_panes .button-group a:last-child {
    width: 21px !important;
}

/* Backdrop -> Add a user */

.teamlist_container input[type=checkbox] {
    margin-top: 3px;
}

input[type=checkbox][name=send_login_details] {
    margin-top: -2px;
}

/* Backdrop -> User details popup */

#user_details_popup {
    width: 900px;
    margin: 0 -450px 200px -450px;
}

#user_details_popup .user_realname {
    font-weight: 500;
    margin-top: 5px;
    clear: both;
}

#user_details_popup .user_status {
    display: block;
    margin-top: 10px;
    font-size: 0.7em;
}

#user_details_popup .user_details i:after {
    display: block;
    content: "";
    margin-top: -15px;
}

#user_details_popup .user_details h4 {
    margin: 10px 0 0 0;
    padding: 0;
    font-size: 1.1em;
}

#user_details_popup .user_issues_list li {
    margin-bottom: 5px;
    margin-left: 7px;
}

#user_details_popup .teamlist {
    padding: 0;
    margin-top: 5px;
}

/* Configure users, teams and clients -> Search button */

#users_more_actions_container {
    margin-top: 10px;
}

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

.finduser_container > form {
    padding: 5px;
}

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

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

/* Backdrop -> Edit user */

td > input[name=password_action],
td > input[type=radio][name=activated],
td > input[type=radio][name=enabled] {
    margin-top: -3px;
}

/* Configure users, teams and clients -> Teams & Clients & Groups */

#create_team_form label {
    margin-top: 1px;
    float: left;
    margin-right: 5px;
}

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

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

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

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

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

#teamconfig_list button,
#clientconfig_list button {
    padding: 3px 11px;
    margin-top: -4px;
}

#teamconfig_list ul > li > button,
#clientconfig_list ul > li > button {
    margin-top: -3px;
}

#teamconfig_list .simple_list.collection_user_list,
#clientconfig_list .simple_list.collection_user_list,
#groupconfig_list .simple_list {
    overflow: visible !important;
}

.dropdown_content.copy_team_link a {
    font-size: 13px;
    font-weight: 500 !important;
}

.dropdown_content.copy_team_link b a {
    font-weight: 300 !important;
}

/* Configure users, teams and clients -> Clients */

#add_client label:first-child {
    margin-top: 1px;
    display: block;
    float: left;
    margin-right: 5px;
}

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

#create_client_form {
    margin-bottom: 5px;
}

/* Configure users, teams and clients -> Groups */

#create_group_form label {
    float: left;
    margin-top: 2px;
    margin-right: 5px;
}

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

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

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

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

/* Backdrop -> Configure advanced permissions */

.backdrop_detail_content.config_permissions .tab_menu.inset {
    margin: 0 !important;
}

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

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

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

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

/* Configure scopes */

#config_scopes .redbox,
#config_scopes .greenbox {
    margin: 10px 0 15px 0 !important;
}

#config_scopes .button.button-green {
    float: right;
    padding: 4px 9px;
    margin-top: -6px;
    margin-right: -3px;
}

#new_scope_hostname .content > .header {
    margin-bottom: 10px;
}

#new_scope_hostname .content {
    margin-bottom: 10px;
}

#new_scope_hostname > form > div:nth-child(2) {
    padding: 5px 5px 0 5px !important;
}

#new_scope_hostname > form label {
    margin-top: 1px;
    float: left;
    margin-right: 5px;
}

#add_scope_indicator {
    margin-top: 6px;
    margin-bottom: 7px;
}

#config_scopes .scope_description {
    margin-bottom: 5px;
}

#add_scope_submit_button {
    padding: 3px 7px;
}

form > .config_header {
    padding: 3px 3px 3px 0;
    margin: 5px 0 10px 0;
    font-weight: 500;
    font-size: 1.4em;
    color: #888;
    border-bottom: 1px dotted #CCC;
    position: relative;
}

#config_scopes label {
    padding: 0;
}

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

#config_scopes input[type=submit] {
    padding: 5px 10px;
}

.scope_description {
    margin-top: 10px;
}

#config_scopes > div > div > table {
    border-spacing: 0 5px;
}

/* Configure theme(s) */

#installed_themes_indicator {
    margin-top: -4px;
    width: initial;
    height: initial;
}

/* Configure modules */

#installed_modules_indicator {
    margin-top: -4px;
    width: initial;
    height: initial;
}

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

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

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

/* Wiki */

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

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

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

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

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

/* Email communication */

#config_modules .bluebox .permission_list > ul {
    width: auto;
}

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

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

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

/* Project settings */

#project_settings input[type="text"], #project_settings input[type="email"],
#project_settings input[type="search"], #project_settings input[type="password"],
#project_settings input[type="url"], #project_settings textarea, #project_settings select {
    box-sizing: border-box;
}

#project_settings #project_description_input_toggle_syntax_button {
    top: 0;
}

#project_settings label {
    padding: 0;
}

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

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

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

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

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

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

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

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

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

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

#edition_settings_pane label {
    padding: 0;
}

#edition_submit_settings_button {
    padding: 4px 20px;
}

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

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

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

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

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

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

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

#tab_developers_pane table {
    margin: 0 15px;
}

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

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

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

#add_people_to_project_container table {
    margin: 0;
}

#add_people_to_project_container .faded_out {
    margin: 0;
}

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

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

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

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

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

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

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

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

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

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

#no_project_team_users {
    padding-left: 15px !important;
}

#find_dev_results .faded_out {
    padding: 10px 2px 5px 2px !important;
}

#tab_permissions_pane > .permission_list > h3 {
    margin: 0 15px;
    font-size: 1.15em;
}

#tab_permissions_pane > .permission_list > .content.faded_out {
    padding: 0 10px;
}

#tab_permissions_pane > div.permission_list > ul {
    padding: 0 10px;
}

#tab_permissions_pane > .permission_list ul {
    width: auto;
    padding: 0;
}

#tab_permissions_pane > .permission_list ul > li {
    padding-right: 0;
}

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

#incoming_email_account_form table {
    border-spacing: 0 2px;
}

#incoming_email_account_form table .faded_out {
    padding-bottom: 5px;
}

#tab_mailing_other_pane .project_save_container .content {
    display: block;
    margin-bottom: 5px;
    text-align: left;
}

#mailing_incoming_accounts h5 {
    padding: 3px 15px;
}

#mailing_incoming_accounts .button-group {
    margin: 7px 0 0 5px !important;
}

#tab_vcs_pane > .rounded_box.lightgrey {
    margin: 15px 15px 0 15px;
    padding: 10px;
}

#vcs_custom_urls .header {
    margin: 0 15px;
}

#vcs_custom_urls ul {
    margin-top: 5px;
}

#vcs_button > input[type=submit] {
    padding: 5px 15px;
}

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

form#vcs div.config_explanation {
    padding-top: 8px !important;
}

#add_account_indicator {
    margin-top: 4px;
    margin-right: 10px;
}

/* Release center */

.project_save_container > ul.dropdown_box.rightie.popup_box.more_actions_dropdown {
    margin-top: 5px !important;
}

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

#edit_build_download_options input[type=radio] {
    margin-top: 5px;
}

#build_form #release_month {
    width: 105px !important;
}

#build_form #release_day {
    width: 50px !important;
}

#build_form #release_year {
    width: 65px !important;
}

#add_release_indicator {
    margin-top: 4px;
    margin-right: 10px;
}

/* Timeline */

.recent_activities {
    border-spacing: 2px 7px;
    margin-top: -11px;
}

.recent_activities .issue_open,
.recent_activities .issue_closed {
    font-size: 1.1em;
    margin-bottom: 10px;
    line-height: 1.5;
}

.recent_activities br {
    display: block;
    content: "";
    margin-top: 5px;
}

.recent_activities .timeline_inline_details {
    font-size: 13px;
    line-height: 21px;
    margin-top: 10px;
    padding-right: 10px;
}

.dashboard_recent_comments .recent_activities .imgtd > img {
    margin-top: 0 !important;
}

.dashboard_logged_actions .recent_activities .imgtd > img {
    margin-top: -3px !important;
}

#timeline_indicator {
    float: none !important;
}

#project_release_center #project_release_center_container #timeline .recent_activities {
    font-size: 1.1em;
}

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

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

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

/* Statistic */

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

/* Team */

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

.dashboard_team_header {
    font-weight: 500;
}

/* Roadmap */

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

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

/* Attach file(s) to issue backdrop */

#dynamic_uploader_submit {
    padding: 5px 10px;
    margin-top: -4px;
}

#attach_file .backdrop_detail_footer {
    padding-top: 10px;
}

#attach_file #attachments_indicator {
    position: absolute;
    left: 10px;
    margin-top: 2px;
}

#attach_file ul > li {
    font-size: 1em;
}

#attach_file .file_description {
    padding: 4px;
    width: 585px !important;
}

.progress_container {
    width: 595px !important;
    float: left;
    margin-top: 10px;
    background-color: #DCEFDC;
}

#attach_file #file_upload_list li .progress {
    position: inherit;
    transition: width 0.1s;
}

#attach_file #file_upload_list li .filename {
    width: 325px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
}

#attach_file #file_upload_list li .filesize {
    float: right;
    margin-right: 3px;
}

/* Add affected item backdrop */

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

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

/* Find related issues */

#viewissue_add_relation_div input[type=submit] {
    margin-top: -1px !important;
    padding: 2px 14px;
}

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

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

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

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

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

/* Issue time tracking - time spent */

.issue_timespent_form ul > li {
    margin-bottom: 5px;
}

.issue_timespent_form > li {
    margin-bottom: 5px;
}

.issue_timespent_form input[type=submit] {
    padding: 4px 5px;
}

#timespent_list td:nth-child(2) {
    font-size: 1em !important;
}

#timespent_list {
    border-spacing: 2px 5px;
    margin-top: 0;
    width: 100%;
}
#timespent_list th {
    background-color: #FFF;
    color: #555;
    text-transform: uppercase;
    font-size: 0.9em;
}

#timespent_list .button-group > a {
    margin-left: 2px;
}

.issue_timespent_form .tooltip {
    transition-delay: 1s;
}

/* Issue access policy */

.issue_access_list > .faded_out {
    margin-left: -6px;
}

.issue_access_list {
    padding: 5px;
}

.issue_access_list > li {
    margin-bottom: 5px;
}

.issue_access_policy_box #acl-users-teams-selector h4,
.report-issue-custom-access-check #acl-users-teams-selector h4 {
    font-weight: 500;
    margin-left: 5px;
}

.issue_access_policy_box #acl-users-teams-selector h4 .button,
.report-issue-custom-access-check #acl-users-teams-selector h4 .button {
    padding: 3px 7px;
    margin-top: -2px;
}

.acl-delete-item-link {
    float: right;
    margin-bottom: -5px;
    margin-left: 2px;
}

ul#subscribers_list > li {
    margin-bottom: 5px;
}
.fas.subscribed,
.far.subscribed {
    color: orange;
    cursor: pointer;
}
.fas.unsubscribed,
.far.unsubscribed {
    cursor: pointer;
    color: #AAA;
}

/* Move issue to a different project */

#viewissue_move_issue_div input[type=submit] {
    padding: 3px 7px;
}

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

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

/* Releases */

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

/* Dashboard & Team dashboard*/

.dashboard_view_content #project_description {
    margin-bottom: 10px;
    font-size: 0.9em;
    line-height: 1.5;
}

.userdropdown_container .user_dropdown li.header,
.userdropdown_container .user_dropdown li.header:hover,
.teamdropdown_container .team_dropdown li.header,
.teamdropdown_container .team_dropdown li.header:hover {
    text-transform: none;
    background-color: rgb(253, 250, 223);
}

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

.dashboard_view_content .project_strip > div:first-child {
    margin-top: 12px;
}

.dashboard_view_content .dashboard_subprojects .project_strip {
    box-shadow: none;
    border: none;
    font-size: 1.1em;
}
.dashboard_view_content .dashboard_subprojects .project_list > li {
    border-top: 1px solid rgba(200, 200, 200, 0.3);
    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
    background-color: rgba(200, 200, 200, 0);
    border-radius: 3px;
}
.dashboard_view_content .dashboard_subprojects .project_list > li:first-child {
    border-top: none;
}
.dashboard_view_content .dashboard_subprojects .project_list > li:hover {
    background-color: rgba(200, 200, 200, .1);
    border-color: transparent;
}

.dashboard_view_content .release_item {
    font-size: 0.8em;
}

.dashboard_view_content .release_item .release_date {
    font-size: 1.1em;
}

.dashboard_view_content .statistics_percentage .percent_unfilled {
    margin-top: 3px;
}

.dashboard_view_content div[id$='_recent_issues_pane'] table {
    border-spacing: 5px 15px;
    margin-top: -10px !important;
    margin-bottom: -10px;
}

.dashboard_view_content div[id$='_recent_issues_pane'] table .issue_open > b,
.dashboard_view_content div[id$='_recent_issues_pane'] table .issue_closed > b {
    font-weight: 500;
    font-size: 14px;
}

.dashboard_view_content div[id$='_recent_issues_pane'] .faded_out {
    font-size: 13px !important;
}

.dashboard_view_content .project_client_header {
    font-size: 1em;
}

.dashboard_view_content .project_client_viewusers {
    font-size: 0.9em;
}

.dashboard_view_content .project_client_info table {
    margin-top: 5px;
}

#dashboard_lefthand .userdropdown .user_dropdown .header {
    margin: 0;
    background-color: rgb(253, 250, 223) !important;
    text-transform: none;
    padding: 7px 7px 0 7px;
}

.dashboard_view_issues .userdropdown .user_dropdown .header {
    margin: 0 !important;
    background-color: rgb(253, 250, 223) !important;
    text-transform: none;
    padding: 7px 7px 0 7px !important;
}

.dashboard_view_content .recent_activities tr td:last-child > b {
    font-size: 1.1em;
    line-height: 1.5;
    margin-left: 5px;
}

.dashboard_view_content .recent_activities .imgtd img,
#timeline .recent_activities .imgtd img {
    padding: 2px 5px 0 0;
    margin-top: -3px !important;
}

.dashboard_view_content .project_list .project-config-buttons {
    font-size: 1em !important;
}

.dashboard_view_content .release_item {
    line-height: 1.4 !important;
}

.project_strip .button-group .button-report-issue {
    background-color: #FFF;
    border: none;
    color: #1aaa55;
    padding: 9px;
    font-weight: 500;
}
.project_strip .button-group .button-report-issue:hover {
    background-color: #1aaa55;
    color: #FFF;
}

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

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

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

#dashboard_lefthand .collapser_link {
    left: 230px;
    z-index: 1;
    padding-top: 4px;
    padding-bottom: 1px;
    margin-top: 3px;
}

#dashboard_lefthand .collapser_link:before {
    height: 16px;
}

#dashboard_lefthand .collapser_link:after {
    height: 23px;
}

.dashboard_view_content .statistics_percentage {
    border-spacing: 0 8px;
}

.dashboard_view_content .statistics_percentage .percent_filled {
    height: 4px !important;
    margin-top: 9px;
}

.dashboard_view_container > .container_div > .header {
    margin: 0 !important;
    padding: 10px !important;
}

.dashboard_view_container .no-items {
    font-size: 1.5em;
    text-align: center;
    padding: 25px;
    color: #AAA;
}
.dashboard_view_container .no-items span {
    display: block;
    padding-bottom: 15px;
}
.dashboard_view_container .no-items .button {
    font-size: .6em;
    padding: 5px 8px;
}
.dashboard_view_container .no-items .fas,
.dashboard_view_container .no-items .far {
    font-size: 2.5em;
    display: block;
    padding: 0 0 25px 0;
    color: #CCC;
}
.dashboard_view_container .no-items.no-projects .fas,
.dashboard_view_container .no-items.no-projects .far {
    color: orange;
}


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

/* Issues */

#search_sidebar .collapser_link {
    margin-top: 5px;
    z-index: 1;
}

#search_sidebar .collapser_link img {
    margin-top: 3px;
}

#search_sidebar .collapser_link img {
    margin-top: 3px;
}

#find_issues #searchbuilder_filterstrip .interactive_menu {
    z-index: 2;
}

#find_issues #filter_posted_calendar_container {
    overflow-y: initial;
}

#save_search_form input[type=submit] {
    padding: 3px 7px;
}

#save_search_form #save_search_indicator {
    margin-top: 4px;
    position: absolute;
    left: 5px;
}

#bulk_action_form_top {
    background-color: white;
}

#search_bulk_container_top {
    margin-bottom: 0;
}

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

#bulk_action_selector_top,
#bulk_action_selector_bottom {
    font-size: 1.1em;
}

#bulk_action_submit_top,
#bulk_action_submit_bottom {
    padding: 3px 7px;
    height: initial;
    margin-top: 0;
}

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

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

#find_issues a.dynamic_menu_link {
    opacity: 0.5;
}

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

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

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

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

/* Backdrop -> Save this search */

#save_search_form p {
    padding: 0 2px 10px 2px;
}

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

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

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

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

/* Backdrop -> Attach a link to this issue */

#attach_link #attach_link_form dd input {
    font-size: 1.2em;
    width: 495px !important;
}

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

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

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

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

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

/* Report an issue */

#reportissue_container .reportissue_additional_information_container,
#reportissue_content .reportissue_additional_information_container {
    float: left;
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
}

#reportissue_content #file_upload_list li label,
#reportissue_content #file_upload_list li .filename,
#reportissue_content #file_upload_list li .filesize {
    font-size: 0.9em;
}

#reportissue_content #file_upload_list li input {
    font-size: 1em;
    padding: 2px;
}

#reportissue_container #file_upload_list .progress,
#reportissue_content #file_upload_list .progress {
    float: left;
    transition: width 0.1s;
}

#reportissue_container #report_issue_report_another_button {
    padding: 4px 10px;
}

#reportissue_container #report_issue_indicator,
#reportissue_content #report_issue_indicator {
    margin-top: 6px;
    position: absolute;
    right: 100px;
}

#reportissue_content input#title,
#reportissue_content input#shortname {
    width: 800px;
}

#reportissue_extrafields #queue_id_additional,
#reportissue_extrafields #priority_id_additional,
#reportissue_extrafields #status_id_additional,
#reportissue_extrafields #edition_id_additional,
#reportissue_extrafields #build_id_additional,
#reportissue_extrafields #component_id_additional,
#reportissue_extrafields #milestone_id_additional,
#reportissue_extrafields #category_id_additional,
#reportissue_extrafields #reproducability_id_additional,
#reportissue_extrafields #resolution_id_additional,
#reportissue_extrafields #severity_id_additional {
    margin-top: -4px;
    height: 24px;
    font-size: 1em;
    width: 255px;
}

#reportissue_extrafields #estimated_time_id_additional,
#reportissue_extrafields #spent_time_id_additional,
#reportissue_extrafields #percent_complete_id_additional {
    margin-top: -13px;
}

#report_issue_add_extra {
    padding: 10px !important;
}

#reportissue_container #report_issue_add_extra {
    font-size: 1.1em;
    display: inherit;
}

#report_issue_more_options_indicator {
    margin-left: 5px;
}

#reportissue_container #report_issue_more_options_indicator {
    font-size: 1.1em;
}

#report_issue_add_extra #reportissue_extrafields_none {
    color: #AAA;
    margin-top: 10px;
    margin-bottom: -5px;
}

#reportissue_content #description_toggle_syntax_button,
#reportissue_content #reproduction_steps_toggle_syntax_button {
    margin-top: -2px;
}

#reportissue_content .reportissue_additional_information_container {
    background-color: #F5F5F5;
    border-radius: 3px;
}

#reportissue_content .reportissue_additional_information_container select {
    font-size: 1em;
}

#reportissue_content .additional_information label {
    font-size: 1em;
}

#reportissue_content .additional_information:last-child {
    margin-bottom: -10px;
}

#reportissue_content .additional_information select {
    height: 25px;
}

#reportissue_content .additional_information #spent_time_id,
#reportissue_content .additional_information #estimated_time_id,
#reportissue_content .additional_information #percent_complete_id {
    padding: 2px;
}

.reportissue_additional_information_container table {
    border-spacing: 0 2px;
}

.reportissue_additional_information_container table select {
    width: 977px !important;
}

.reportissue_additional_information_container table #spent_time_id,
.reportissue_additional_information_container table #estimated_time_id {
    font-size: 1em !important;
}

.reportissue_additional_information_container table #percent_complete_id {
    font-size: 0.8em !important;
}

#reportissue_container .reportissue_additional_information_container table:first-child {
    margin-top: 3px;
}

#reportissue_content #report_form label {
    font-size: 1em;
}

#reportissue_content #report_form table input[type=text] {
    font-size: 1.1em;
    padding: 2px;
    width: 804px;
}

#reportissue_content #report_form table select {
    width: auto;
    font-size: 1em;
}

#reportissue_content #file_upload_list li:last-of-type .progress_container,
#reportissue_container #file_upload_list li:last-of-type .progress_container {
    margin-bottom: 20px;
}

#reportissue_container .reportissue_additional_information_container {
    margin-top: 0;
}

#report_issue_form #file_upload_list .progress_container {
    width: 805px !important;
}

#report_issue_form #file_upload_list .progress_container {
    margin-top: 20px;
}

#report_issue_form #file_upload_list li {
    overflow: hidden;
    margin-bottom: 10px;
}

#report_issue_form #file_upload_list li:last-child {
    margin-bottom: 0;
}

#report_issue_form #file_upload_list li br {
    display: block;
    content: "";
    margin-top: 15px;
}

#report_issue_form #file_upload_list li .filename {
    width: 550px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
}

#report_issue_form #file_upload_list li .filesize {
    float: right;
    margin-right: 3px;
}

/* Issue */

#posted_by_input,
#assigned_to_input,
.identifiable_lookup,
#issue_details #owned_by_input,
#estimated_time_1_input {
    padding: 5px !important;
    width: 238px !important;
}

#posted_by_form > input[type="submit"],
#assigned_to_form > input[type="submit"],
.identifiable_lookup + input[type="submit"],
#issue_details #owned_by_form > input[type="submit"],
#estimated_time_1_form > input[type="submit"],
#estimated_time_1_form > div.form_controls > input {
    padding: 4px;
    margin-left: 4px;
}

#estimated_time_1_form > div.form_controls > input {
    width: 60px;
}

#posted_by_change,
#assigned_to_change,
#issue_details #owned_by_change {
    width: 328px !important;
}

#posted_by_change > li.disabled,
#assigned_to_change > li.disabled,
#issue_details #owned_by_change > li.disabled {
    padding: 2px 7px;
    color: #AAA;
}

#issue_details #owned_by_form {
    margin: 7px 0 -6px -2px;
}

#issue_details #owned_by_change li.nohover > label {
    padding: 1px;
}

#issue_details #owned_by_results_container {
    margin: 0;
}

#issue_details #owned_by_results_container .nohover > label {
    margin: 4px;
}

#issue_details .tooltip {
    transition-delay: 1s;
}

.more_actions_dropdown > li > label {
    padding: 6px;
}

.more_actions_dropdown > li > ul > li > label {
    padding: 5px;
    line-height: normal;
}

.more_actions_dropdown > li > ul > li.disabled {
    margin-left: 6px;
    margin-right: 6px;
}

#posted_by_change > li.separator {
    margin-top: 10px;
}

#title_form > input[type="submit"] {
    line-height: 20px !important;
    font-size: 0.9em !important;
    margin: 0 3px 0 0 !important;
    padding: 2px 10px !important;
}

#issue_main > fieldset.comments > legend > div > ul, #article_comments .dropper_container ul {
    left: -15px;
    right: auto;
    font-size: 0.9em;
}

#description_form > input,
#reproduction_steps_form > input {
    padding: 5px 11px;
}

.user_dropdown > li > a,
.user_dropdown > li > a:hover {
    font-size: 13px;
}

.user_dropdown > li.header {
    margin-bottom: 3px;
    padding-bottom: 0;
}

li.header div.user_details {
    font-size: .62rem;
    line-height: 1.2rem;
}

li.header div.user_details b {
    font-size: 12px;
}

li.header div.user_avatar {
    float: left;
}

#build_form > table.padded_table input[type=submit].button-green {
    padding: 5px 10px;
    float: right;
    font-size: 14px;
}

#build_form > table.padded_table {
    width: 789px !important;
    padding-left: 0 !important;
}

#build_form > table.padded_table > tbody > tr > td {
    padding: 10px 0 10px 0 !important;
    line-height: 14px !important;
}

#build_form > table.padded_table > tbody > tr > td > div {
    line-height: 16px !important;
}

#issue_view #issue_details_container.collapsed img.expander {
    display: inline;
}

.commentbody.article br {
    display: block;
    content: "";
    margin-top: 7px;
}

#issue_view #issue_details_container.collapsed img.collapser {
    display: none;
}

#issue_details .issue_detail_field dt {
    min-height: 16px;
}

#issue_info_container .issue_info.error .header {
    color: #D80000;
}

#issue_info_container .issue_info .header {
    font-weight: 500;
}

#viewissue_header_container .title_area {
    z-index: 1;
}

#issue_info_container {
    margin-top: -1px;
}

#issue_info_container .issue_info {
    border-top: 1px dotted rgb(219, 219, 219);
}

#issue_info_container #viewissue_unsaved,
#issue_info_container #viewissue_merge_errors,
#issue_info_container #viewissue_error {
    padding-top: 6px;
}

#issue_info_container #viewissue_error ul {
    margin-top: 10px;
    margin-bottom: 0;
    padding-left: 30px;
}

#issue_info_container #viewissue_error ul li {
    margin-bottom: 7px;
}

#issue_info_container #viewissue_merge_errors {
    padding-bottom: 9px;
}

#issue_info_container #viewissue_merge_errors .content,
#issue_info_container #viewissue_error .content {
    color: #6E6E6E;
    margin-top: 5px;
    font-size: 1em;
}

#issue_info_container #viewissue_error .content {
    padding-bottom: 0;
}

#issue_info_container #viewissue_changed {
    color: #6E6E6E;
}

#issue_info_container #blocking_div {
    color: #D80000;
    font-size: 1.1em;
}

#issue_info_container #viewissue_archived {
    color: #6E6E6E;
}

#issue_info_container #viewissue_archived img,
#issue_info_container #viewissue_closed img,
#issue_info_container #viewissue_duplicate img {
    margin: 4px 5px 0 5px !important;
}

#issue_info_container #viewissue_being_worked_on {
    color: #6E6E6E;
}

#issue_info_container #viewissue_being_worked_on button {
    margin-top: -4px;
    padding: 2px 17px;
}

#viewissue_header_container .tooltip {
    width: auto;
    white-space: nowrap;
    transition-delay: 1s;
}

#viewissue_header_container .tooltip.rightie:before,
#viewissue_header_container .tooltip.rightie:after {
    right: 6px;
    left: auto;
}

#viewissue_header_container .title_left_images .tooltip {
    white-space: normal;
    width: 350px;
}

#issue_details #shortname_change #shortname_form {
    padding: 0 4px 4px 4px;
}

#issue_details #shortname_change #shortname_form input[type=text] {
    padding: 3px;
    margin-right: 5px;
}

#issue_details #shortname_change #shortname_form input[type=submit] {
    padding: 3px 10px;
    margin-right: 4px;
}

#issue_details #shortname_change #shortname_form a {
    display: inline;
    color: #00a400;
    padding: 0;
}

#issue_details #shortname_change #shortname_form a:hover {
    border-bottom: 1px dotted #AAA;
}

#issue_details img[id$='_undo_spinning'] {
    left: 118px;
    margin: -1px 5px 0 0 !important;
}

#title_field #title_form input[type=text] {
    padding-left: 5px;
    padding-right: 5px;
}

#title_undo_spinning,
#title_change > img {
    margin-top: 4px;
}

#issue_details #status_table {
    margin-top: -4px;
}

#issue_details #issue_percent_complete {
    margin-top: -2px;
}

#issue_details #percent_complete_form #set_percent {
    margin-top: -3px;
}

#issue_details .percent_unfilled {
    margin-top: 1px;
}

#issue_details #issue_percent_complete .percent_filled {
    margin-top: 7px;
}

#issue_details #percent_complete_form {
    margin-bottom: 5px;
}

#issue_details #percent_complete_form input[type=submit] {
    padding: 2px 10px;
    margin-top: -3px;
    margin-left: 2px;
}

#issue_details_fieldslist_pain dl dd {
    line-height: 1.3em;
    padding-right: 23px;
    margin-bottom: 5px;
}

#issue_details .affected_item .affected_state img {
    width: 14px !important;
    height: 14px !important;
    margin: -3px 0 0 5px;
}

#issue_details .upload_details .filename {
    overflow: hidden;
    text-overflow: ellipsis;
}

#issue_details #viewissue_uploaded_files .embedlink,
#issue_details #viewissue_uploaded_files .removelink {
    padding: 2px;
}

#issue_details #viewissue_uploaded_files > li.file_image > a {
    height: 120px;
    overflow: hidden;
    padding: 0;
    border: 4px solid #FFF;
}

#issue_details #viewissue_uploaded_files > li > a.imagepreview > img,
.upload_file_listing li > span > img {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

#issue_details #viewissue_uploaded_links > li > a > img,
#issue_details #viewissue_uploaded_files > li > a > img {
    margin-top: -3px;
}

#issue_details #viewissue_uploaded_files > li.file_image > a > img {
    margin-top: 0;
}

#issue_details #viewissue_uploaded_files .removelink {
    padding: 0;
}

#issue_details #viewissue_uploaded_files .file_image .removelink {
    padding: 2px;
}

#issue_details #viewissue_uploaded_links > li > .removelink img,
#issue_details #viewissue_uploaded_files > li > .removelink img {
    margin-top: 9px;
}

#issue_details #viewissue_uploaded_files > li.file_image > .removelink img {
    margin-top: 0;
}

#issue_details #viewissue_uploaded_files > li .upload_details {
    padding-top: 0;
    line-height: 1.6;
}

#issue_details #viewissue_uploaded_files > li.file_image .upload_details {
    padding-top: 5px;
}

#issue_details #viewissue_uploaded_files > li {
    margin-right: 5px;
}

#issue_details #viewissue_uploaded_files {
    margin-right: -8px;
}

#issue_details #viewissue_uploaded_links > li > a,
#issue_details #viewissue_uploaded_files > li > a {
    white-space: nowrap;
}

#issue_details #viewissue_affected .affected_item > a > img {
    margin-top: -5px;
}

#issue_details #related_child_issues_inline > li,
#issue_details #related_duplicate_issues_inline > li {
    margin-top: 8px;
}

#related_child_issues_inline .user_dropdown li,
#related_duplicate_issues_inline .user_dropdown li {
    width: initial !important;
}

#related_child_issues_inline .user_dropdown,
#related_duplicate_issues_inline .user_dropdown {
    top: initial !important;
    left: 80px !important;
}

#issue_details #related_child_issues_inline li > a > img,
#issue_details #related_duplicate_issues_inline li > a > img {
    margin-top: 4px;
}

#issue_details #related_issues_indicator {
    margin-right: 5px;
}

#issue_main #description_header,
#issue_main #reproduction_steps_header {
    padding-top: 0;
}

#issue_main #description_content,
#issue_main #reproduction_steps_content {
    padding-top: 5px;
}

#issue_main #description_content hr,
#issue_main #reproduction_steps_content hr,
#issue_main .commentcontent hr {
    border: none;
    height: 1px;
    color: #DCDCDC; /* old IE */
    background-color: #DCDCDC; /* Modern Browsers */
    margin: 10px 0;
}

#issue_main .issue_inline_description > ul {
    margin-top: 5px;
}

#issue_main .issue_inline_description ul,
#issue_main .issue_inline_description ol {
    padding-left: 30px;
}

#issue_main #description_change,
#issue_main #reproduction_steps_change {
    float: left;
    width: 100%;
    margin-top: 5px;
}

#issue_main #description_undo_spinning,
#issue_main #reproduction_steps_undo_spinning {
    margin-top: 6px;
}

#issue_main #description_spinning,
#issue_main #reproduction_steps_spinning {
    position: absolute;
    margin-top: -32px;
    margin-left: 10px;
}

#issue_main #reproduction_steps_field {
    margin-top: 25px;
}

#issue_main .issue_inline_description,
#issue_main .commentcontent {
    line-height: 1.7;
}

#issue_main .commentcontent .image_container.thumb {
    max-width: 500px;
}

#issue_main .commentcontent .image_container img {
    margin-bottom: -6px;
}

#issue_main .commentcontent .image_container a img {
    vertical-align: text-top;
}

#issue_main .commentcontent .image_container.thumb img.image {
    max-width: 500px;
    width: initial;
}

.typeahead.dropdown-menu {
    font-family: 'Fira Sans', sans-serif;
}

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

#issue_main .issue_inline_description p {
    margin-bottom: 7px;
}

#issue_main .issue_inline_description p:last-of-type {
    margin-bottom: 0;
}

#issue_main .issue_inline_description br {
    display: block;
    content: "";
    margin-top: 7px;
}

.issue_inline_description h1 {
    font-size: 1.8em;
}

.issue_inline_description h2 {
    font-size: 1.5em;
}

.issue_inline_description h3 {
    font-size: 1.4em;
}

.issue_inline_description h4 {
    font-size: 1.25em;
}

.issue_inline_description h5 {
    font-size: 1.15em;
}

.issue_inline_description h6 {
    font-size: 1.05em;
}

.issue_inline_description h1, .issue_inline_description h2,
.issue_inline_description h3, .issue_inline_description h4,
.issue_inline_description h5, .issue_inline_description h6 {
    font-weight: 500;
    padding: 5px 0;
    margin: 20px 0 5px 0;
}

.issue_inline_description h1 a, .issue_inline_description h2 a,
.issue_inline_description h3 a, .issue_inline_description h4 a,
.issue_inline_description h5 a, .issue_inline_description h6 a {
    font-size: 0.6em;
    opacity: 0.3;
    transition: opacity 0.3s ease, margin-left 0.3s ease;
}

.issue_inline_description h1:hover a, .issue_inline_description h2:hover a,
.issue_inline_description h3:hover a, .issue_inline_description h4:hover a,
.issue_inline_description h5:hover a, .issue_inline_description h6:hover a {
    opacity: 1;
}

#issue_details .commits_next {
    margin-left: 0;
}

#issue_details .commits_next img {
    margin-top: 4px;
}

/* Your account */

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

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

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

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

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

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

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

#openid_container {
    float: none;
}

#openid_form h1 {
    margin: 0;
}

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

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

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

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

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

#tab_settings_pane th {
    text-align: center;
}

/* Agile */

.milestone_basic_container .milestone_name {
    vertical-align: inherit;
}

.milestone_issue .issue_container img.avatar {
    border-radius: 4px;
    width: 21px;
    height: 21px;
    margin: 1px 1px 0 0;
}

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

.whiteboard-issue.blocking img.blocking {
    border: none;
}

.whiteboard-issue .comments-badge,
.whiteboard-issue .attachments-badge {
    display: inline-block;
    color: #555;
    margin-top: 1px;
    vertical-align: middle;
    margin-left: 2px;
    margin-right: 2px;
}

.whiteboard-issue .comments-badge .fas,
.whiteboard-issue .comments-badge .far,
.whiteboard-issue .attachments-badge .fas,
.whiteboard-issue .attachments-badge .far {
    margin-right: 5px;
}

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

.milestone_issue .status_badge {
    opacity: 1;
}

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

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

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

.whiteboard-issue .issue_more_actions_link_container .dynamic_menu_link {
    z-index: 1;
}

.whiteboard-issue .more_actions_dropdown li .tooltip {
    min-width: 110px !important;
    max-width: 250px !important;
}

.whiteboard-issue img.avatar {
    margin: 0;
    width: 21px;
    height: 21px;
    border-radius: 4px;
}

.whiteboard-issue img.avatar.team-avatar,
.milestone_issue img.avatar.team-avatar {
    width: 16px;
    height: 16px;
    background-color: rgba(39, 124, 186, 0.05);
    padding: 1px;
    border: 1px solid rgba(39, 124, 186, 0.4);
}

.whiteboard-issue .userlink {
    margin-left: 0;
}

.whiteboard-issue .epic_badge,
.whiteboard-issue .issue_component,
.whiteboard-issue .issue_release {
    margin: 1px 0 3px 1px;
}

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

#whiteboard .tbody .status_badge {
    width: 19px;
    height: 19px;
    padding: 0;
}

/* Menu */

/** nano scroller **/
.nano {

    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin-bottom: -1px;
}

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

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

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

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

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

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

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

/** end nano scroller **/

/* Frontpage & Wiki */

#attach_link_main_menu_0_url {
    margin-bottom: 9px;
}

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

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

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

/* Wiki */

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

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

#article-editor-main-container .greybox.categories {
    margin: 30px 5px 20px 10px;
}

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

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

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

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

#article_attachments .attached_item.file_image > a.imagepreview {
    height: 120px;
    overflow: hidden;
    padding: 0;
    border: 4px solid #FFF;
}

#article_attachments .attached_item.file_image > a.imagepreview > img {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#article_attachments .attached_item.file_image .upload_details .filename {
    overflow: hidden;
    text-overflow: ellipsis;
}

#parent_article_name_span {
    margin-bottom: 10px;
    display: inline-block;
}

.article.syntax_mw .content br {
    display: block;
    content: "";
    margin-top: 7px;
}

.article .content {
    line-height: 1.7;
}

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

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

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

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

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

/* VCS integration */

.commit_main {
    line-height: 1.6;
}

#vcs_integration_getcommit_backdrop_box .comment {
    padding: 0;
    border-top: 0;
    margin-top: 0;
}

#vcs_integration_getcommit_backdrop_box .commentheader {
    padding: 0;
    margin-top: -5px;
}

#vcs_integration_getcommit_backdrop_box .commentbody {
    padding: 10px 0 0 0;
}

#viewissue_vcs_integration_commits .commenttitle {
    float: left;
}

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

#viewissue_vcs_integration_commits .commentdate {
    display: inline;
}

#vcs_integration_getcommit_backdrop_box a.comment_hash,
#project_commits a.comment_hash {
    font-size: 1.8em;
    margin-top: 2px;
}

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

#viewissue_vcs_integration_commits .commentbody li {
    width: 282px;
    word-wrap: break-word;
}

#viewissue_vcs_integration_commits .commitrepos {
    color: #AAA;
}

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

#viewissue_vcs_integration_commits .commentbody {
    clear: both;
    font-family: "Fira Mono", monospace;
    background-color: #F3F3F3;
    padding: 10px;
    border-radius: 0 0px 3px 3px;
    font-size: 0.9em;
}

#vcs_integration_getcommit_backdrop_box .commitbranch,
#project_commits .commitbranch {
    font-size: 1em;
    margin: 6px 5px 0 0;
    padding: 0 4px 0 4px;
}

.commitauthor {
    margin-top: 1px;
}

#vcs_integration_getcommit_backdrop_box div.userdropdown,
#project_commits div.userdropdown {
    margin-left: 37px;
}

#vcs_integration_getcommit_backdrop_box .userlink,
#project_commits .userlink {
    font-size: 1em;
}

#vcs_integration_getcommit_backdrop_box img.avatar,
#project_commits img.avatar {
    left: -32px;
    top: -1px;
    width: 24px;
    height: 24px;
}

#vcs_integration_getcommit_backdrop_box .commentdate,
#project_commits .commentdate {
    margin-top: 5px;
    margin-bottom: -5px;
}

#project_commits .commentdate {
    margin-bottom: 3px;
}

#project_commits .faded_out {
    margin-left: 15px;
    margin-top: 47px;
}

#vcs_integration_getcommit_backdrop_box .commit .commenttitle,
#project_commits .commit .commenttitle {
    display: flex;
    align-items: center;
}

#vcs_integration_getcommit_backdrop_box .commit .commenttitle .commitrepos,
#project_commits .commit .commenttitle .commitrepos {
    color: #AAA;
}

.commit_expander > a {
    color: rgb(85, 85, 85);
}

/* Micro clearfix hack - http://nicolasgallagher.com/micro-clearfix-hack/ */

#thebuggenie_failuremessage_content ul {
    margin-top: 5px;
    padding: 0;
    margin-bottom: 0;
    list-style: none;
}

#thebuggenie_failuremessage_content ul li {
    margin-bottom: 3px;
}

.system_comment .commit_main {
    clear: both;
    font-family: "Fira Mono", monospace;
    padding: 5px;
    margin-bottom: -10px;
    border-radius: 3px;
    font-size: 0.9em;
    background-color: rgb(241, 241, 241);
    margin-top: 10px;
    border: 1px dotted rgb(170, 170, 170);
}

.more_actions_dropdown li a.increment-time-minutes {
  display: inline;
  opacity: 0.7;
}

.more_actions_dropdown li a.increment-time-minutes:hover {
  display: inline;
  opacity: 1;
}

table.desktop-notifications-settings tr:first-child > td:last-child {
    text-align: right;
}

.address-container {
    display: inline-block;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) inset;
    padding: 10px 15px 10px 60px;
    font-size: 1.1em;
    font-weight: 300;
    color: #333;
    background-color: #FFF;
    border-radius: 2px;
    position: relative;
    box-sizing: border-box;
}
.address-container:before {
    content: '';
    background-repeat: no-repeat;
    background-size: contain;
    color: #555;
    background-color: #F1F1F1;
    padding: 10px 25px;
    border: none;
    background-position: 5px 0;
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 2px 0 0 2px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    box-sizing: border-box;
}
.address-container input[type=text] {
    border: none;
    box-shadow: none;
    padding: 0%;
    font-size: 1.1em;
    width: 450px;
}
.address-container + input[type=submit], .address-container + input[type=submit]:hover, .address-container ~ .change-button, .address-container ~ .change-button:hover {
    display: inline-block;
    margin: 0;
    height: 45px;
    box-sizing: border-box;
    font-size: 1.1em;
    font-weight: 300;
    padding: 0 13px;
    vertical-align: top;
}
.address-container ~ .indicator {
    margin-left: 15px;
}
.address-container ~ .indicator, .address-container ~ .indicator img {
    vertical-align: middle;
    height: 20px;
}
.address-container .fas.verified-ok,
.address-container .far.verified-ok {
    display: none;
}
.address-container.verified .fas.verified-ok,
.address-container.verified .far.verified-ok {
    display: block;
    position: absolute;
    right: 10px;
    top: calc(50% - 8px);
}
.disabled .address-container {
    background-color: #F7F7F7;
}
form.disabled .address-container + input[type=submit], .address-container ~ .change-button {
    display: none;
}
.address-container.verified ~ .change-button {
    display: inline-block;
    padding-top: 12px;
}
.address-settings {
    display: block;
    padding: 0 5px;
    margin: 0;
}
#config_modules .address-settings {
    padding: 5px 0;
}
.address-settings p {
    font-size: 1.1em;
    padding: 2px 0 7px 0;
}
#config_modules .address-settings p {
    padding: 0 0 15px 0;
}

/* generic paginator */
.paginator {
    text-align: center;
    width: auto;
    margin: 10px auto 10px auto;
    padding: 3px 5px 3px 5px;
    font-size: 13px;
}

.paginator .pages {
    margin: 0 0 5px 0;
}

.paginator a {
    font-weight: 300;
    padding: 2px 5px 1px 5px !important;
}
/* end generic paginator */

/* onboarding blocks */

.onboarding {
    font-size: 1.6em;
    font-weight: 300;
    color: rgba(100, 100, 100, 0.45);
    text-align: center;
    line-height: 1.6;
    padding: 0 0 35px 0;
    display: block;
    margin: 0 auto;
}

.onboarding .helper-text {
    display: block;
    text-align: left;
}

.onboarding img {
    opacity: 0.2;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    margin: 0 25px;
}

.onboarding.large {
    width: 450px;
}

.onboarding.large img {
    width: calc(100% - 50px);
}

.onboarding.small {
    width: 128px;
}

.onboarding.small img {
    width: calc(100% - 20px);
}

/* end onboarding images */

.relate_issue_with_selected {
    margin-top: -3px;
}

.todos-list .todo {
    margin-left: 4px;
}
.comment-todos-list {
    margin-top: 0;
}
.comment-todos-list .todo {
    margin-left: 21px;
}
.todo .todo-delete {
    opacity: 0;
    top: 4px;
    position: relative;
}
.todo:hover .todo-delete {
    opacity: 1;
}
.todo .todo-mark-done,
.todo .todo-mark-not-done,
.todo .todo-mark-indicator {
    top: 1px;
    position: relative;
    font-size: 15px;
}
.todo-comment-author {
    display: inline-block;
    margin: 2px 7px;
    background-color: rgba(225, 225, 225, 0.3);
    padding: 2px 7px;
    border-radius: 3px;
}
.todo-comment-author > span {
    color: #AAA;
    font-weight: 300;
    font-size: 0.9em;
    display: inline-block;
    margin-left: 2px;
}
.todo-checkbox {
    margin-right: 3px;
    color: #AAA;
}

.fas.fa-leaf,
.far.fa-leaf {
    color: #1aaa55;
    margin-right: .35em;
}
.livelink-banner {
    border: 1px solid rgba(200, 200, 200, .3);
    padding: 10px;
    margin-bottom: 15px;
    background-color: rgba(225, 225, 225, .2);
}
.livelink-banner .button, .livelink_connector_accounts .button {
    padding: 5px 8px;
    font-size: 1em;
}
.livelink-header {
    text-transform: uppercase;
    font-weight: 500;
    margin: 0;
    padding: 0;
}
.livelink-intro {
    font-size: 1.1em;
}
.livelink-intro + .livelink-intro {
    padding-top: 25px;
}
.livelink-import-list, .livelink_connector_accounts {
    list-style: none;
    margin: 0;
    padding: 25px 0 0 0;
    font-size: 1.1em;
}
.livelink_connector_accounts li .connector_logo,
.livelink-import-list li .connector_logo {
    margin-right: 3px;
}
.livelink-import-list li .live_import_type {
    display: block;
    /*margin-left: 16px;*/
}
.livelink-import-list li .project_name {
    font-weight: 500;
}
.livelink-import-list li, .livelink_connector_accounts li {
    padding: 10px 0;
    border-bottom: 1px dotted #DDD;
    display: flex;
    font-size: .9em;
}
.livelink_connector_accounts li {
    padding: 10px;
    font-size: 1em;
    transition: background-color .2s ease-in-out;
    background-color: rgba(225, 225, 225, 0);
}
.livelink_connector_accounts li:hover {
    background-color: rgba(225, 225, 225, .15);
    border-radius: 3px;
}
.livelink_connector_accounts li .connected-ok {
    display: none;
    color: #1aaa55;
    font-weight: 500;
    text-transform: uppercase;
    margin-left: 15px;
    font-size: .8em;
}
.livelink_connector_accounts li .connected-ok .fas,
.livelink_connector_accounts li .connected-ok .far {
    color: #1aaa55;
    font-weight: 500;
}
.livelink_connector_accounts li .not-connected {
    display: inline-block;
    color: #888;
    font-weight: 300;
    text-transform: uppercase;
    margin-left: 15px;
    font-size: .8em;
}
.livelink_connector_accounts li .not-connected .fas,
.livelink_connector_accounts li .not-connected .far {
    color: #888;
    font-weight: 300;
}
.livelink_connector_accounts li.connected .not-connected,
.livelink_connector_accounts li:not(.connected) .button-disconnect-livelink-connector,
.livelink_connector_accounts li.connected .button-connect-livelink-connector {
    display: none;
}
.livelink_connector_accounts li.connected .connected-ok {
    display: inline-block;
}
.livelink-import-list li:last-child, .livelink_connector_accounts li:last-child {
    border-bottom: none;
}
.livelink-import-list li .description, .livelink_connector_accounts li .description {
    flex: 1 1 auto;
    font-size: 1em;
    line-height: 1.2em;
}
.livelink-import-list li .description .fas,
.livelink-import-list li .description .far,
.livelink_connector_accounts li .description .fas,
.livelink_connector_accounts li .description .far {
    color: #555;
    margin-right: .35em;
}
.livelink-import-list li .button, .livelink_connector_accounts li .button {
    flex: 0 0 auto;
}
.livelink-separator {
    border: 0;
    border-top: 1px dotted rgba(0, 0, 0, 0.3);
    padding: 5px 100px;
    width: 450px;
    display: block;
    margin: 5px auto 0 auto;
    text-align: center;
    box-sizing: border-box;
}
.livelink-separator legend {
    text-align: center;
    font-size: 1.2em;
    text-transform: uppercase;
    font-weight: 500;
    width: 300px;
    white-space: nowrap;
    background-color: transparent;
}
.livelink_integration_settings {
    padding: 15px 0;
    display: none;
}
.repo-verified .livelink_integration_settings {
    display: block;
}
.livelink_integration_settings .integrations_list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.livelink_integration_settings .integrations_list li {
    padding: 5px;
}
.livelink_integration_settings .integrations_list .explanation {
    padding: 5px;
    display: block;
}
.step-form .visible-step {
    display: none;
}
.step-form.step-1 .visible-step.step-1 {
    display: initial;
}
.step-form.step-2 .visible-step.step-2 {
    display: initial;
}
.step-form.step-3 .visible-step.step-3 {
    display: initial;
}
.step-form.step-4 .visible-step.step-4 {
    display: initial;
}
.livelink_project_badge, .livelink_project_badge:hover { display: inline-block; font-size: .65em; padding: 7px; font-weight: 300; background: rgba(225, 225, 225, .3); color: #777; border-radius: 5px; margin-left: .35em; border: none; text-decoration: none; }
.livelink_project_badge:hover { background: rgba(195, 235, 195, .35); }
.livelink_project_badge .fas,
.livelink_project_badge .fab,
.livelink_project_badge .far {
    margin-right: .35em;
}

.category_item {
    font-weight: bold;
}