body, html {
    min-height: 100vh
}

html {
    overflow-y: scroll
}

body {
    font-family: Verdana,sans-serif;
    font-size: 12px;
    color: #333;
    margin: 0;
    padding: 0;
    min-width: 900px
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Trebuchet MS",Verdana,sans-serif;
    padding: 2px 10px 1px 0;
    margin: 0 0 10px 0
}

#content h1, h2, h3, h4, h5, h6 {
    color: #555
}

h2 {
    font-size: 20px
}

h3 {
    font-size: 16px
}

h4 {
    font-size: 13px;
    border-bottom: 1px solid #ccc;
    font-weight: 400
}

code, pre {
    font-family: Consolas,Menlo,"Liberation Mono",Courier,monospace
}

.wiki h1 {
    font-size: 2em
}

.wiki h2 {
    font-size: 1.8em
}

.wiki h3 {
    font-size: 1.5em
}

.wiki h4 {
    font-size: 1.2em;
    border: none;
    font-weight: 700
}

.wiki h5 {
    font-size: 1em
}

.wiki h6 {
    font-size: 1em;
    color: #8e8e8e
}

div#wrapper, div#wrapper2, div#wrapper3 {
    min-height: inherit
}

#wrapper {
    background: #fff;
    overflow: hidden
}

#wrapper3 {
    display: flex;
    flex-direction: column
}

#top-menu {
    background: #3e5b76;
    color: #fff;
    height: 1.8em;
    font-size: .8em;
    padding: 2px 10px 0 12px
}

    #top-menu ul {
        margin: 0;
        padding: 0
    }

    #top-menu li {
        float: left;
        list-style-type: none;
        margin: 0;
        padding: 0;
        white-space: nowrap
    }

    #top-menu a {
        color: #fff;
        margin-right: 8px;
        font-weight: 700
    }

    #top-menu #loggedas {
        float: right;
        margin-right: .5em;
        color: #fff
    }

#account {
    float: right
}

#header {
    min-height: 5.3em;
    margin: 0;
    background-color: #628db6;
    color: #f8f8f8;
    padding: 4px 16px 20px 16px;
    position: relative
}

    #header a {
        color: #f8f8f8
    }

    #header h1 {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

        #header h1 .breadcrumbs {
            display: block;
            font-size: .5em;
            font-weight: 400
        }

#quick-search {
    float: right
}

    #quick-search #q {
        width: 130px;
        height: 24px;
        box-sizing: border-box;
        vertical-align: middle;
        border: 1px solid #ccc;
        border-radius: 3px
    }

#main-menu {
    position: absolute;
    bottom: 0;
    left: 10px;
    margin-right: -500px;
    width: 100%
}

    #main-menu ul {
        margin: 0;
        padding: 0;
        width: 100%;
        white-space: nowrap
    }

    #main-menu li {
        float: none;
        list-style-type: none;
        margin: 0 2px 0 0;
        padding: 0;
        white-space: nowrap;
        display: inline-block
    }

        #main-menu li a {
            display: block;
            color: #fff;
            text-decoration: none;
            font-weight: 700;
            margin: 0;
            padding: 4px 10px 4px 10px;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px
        }

            #main-menu li a:hover {
                background: #759fcf;
                color: #fff
            }

        #main-menu li ul.menu-children.visible, #main-menu li:hover ul.menu-children {
            display: block
        }

        #main-menu li a.selected, #main-menu li a.selected:hover {
            background: #fff;
            color: #555
        }

        #main-menu li a.new-object {
            background-color: #759fcf
        }

    #main-menu .menu-children {
        display: none;
        position: absolute;
        width: inherit;
        z-index: 45;
        background-color: #fff;
        border-right: 1px solid #759fcf;
        border-bottom: 1px solid #759fcf;
        border-left: 1px solid #759fcf
    }

        #main-menu .menu-children li {
            float: left;
            clear: both;
            width: 100%
        }

            #main-menu .menu-children li a {
                color: #555;
                background-color: #fff;
                font-weight: 400;
                border-radius: 0
            }

                #main-menu .menu-children li a:hover {
                    color: #fff;
                    background-color: #759fcf
                }

    #main-menu .tabs-buttons {
        right: 6px;
        background-color: transparent;
        border-bottom-color: transparent
    }

#admin-menu ul {
    margin: 0;
    padding: 0
}

#admin-menu li {
    margin: 0;
    padding: 0 0 6px 0;
    list-style-type: none
}

#main {
    flex-grow: 2;
    display: flex;
    flex-direction: row-reverse
}

#sidebar {
    flex-shrink: 0;
    padding-left: 20px;
    padding-right: 8px;
    background: #eee;
    border-left: 1px solid #ddd
}

@media screen and (min-width:0px) and (max-width:1089px) {
    #sidebar {
        width: 22%
    }
}

@media screen and (min-width:1090px) and (max-width:1279px) {
    #sidebar {
        width: 240px
    }
}

@media screen and (min-width:1280px) and (max-width:1599px) {
    #sidebar {
        width: 280px
    }
}

@media screen and (min-width:1600px) and (max-width:1919px) {
    #sidebar {
        width: 320px
    }
}

@media screen and (min-width:1920px) and (max-width:2559px) {
    #sidebar {
        width: 360px
    }
}

@media screen and (min-width:2560px) {
    #sidebar {
        width: 380px
    }
}

#sidebar h3 {
    font-size: 14px;
    margin-top: 14px;
    color: #666
}

#sidebar hr {
    width: 100%;
    margin: 0 auto;
    height: 1px;
    background: #ccc;
    border: 0
}

* html #sidebar hr {
    width: 95%;
    position: relative;
    left: -6px;
    color: #ccc
}

#sidebar .contextual {
    margin-right: 1em
}

#sidebar ul, ul.flat {
    margin: 0;
    padding: 0
}

    #sidebar ul li, ul.flat li {
        list-style-type: none;
        margin: 0 2px 0 0;
        padding: 0
    }

#sidebar div.wiki ul {
    margin: inherit;
    padding-left: 40px
}

    #sidebar div.wiki ul li {
        list-style-type: inherit
    }

#sidebar a.icon-only {
    opacity: .4;
    margin-left: 5px
}

    #sidebar a.icon-only:hover {
        opacity: 1
    }

#sidebar span.icon-warning {
    margin-left: 5px
}

#sidebar li input[type=checkbox] {
    height: 20px
}

#content {
    flex-grow: 1;
    background-color: #fff;
    margin: 0;
    padding: 10px 16px 10px 16px;
    overflow-x: auto
}

html > body #content {
    min-height: 600px
}

* html body #content {
    height: 600px
}

#main.nosidebar #sidebar {
    display: none
}

#footer {
    clear: both;
    border-top: 1px solid #bbb;
    font-size: .9em;
    color: #aaa;
    padding: 5px;
    text-align: center;
    background: #fff
}

#login-form {
    margin: 5em auto 2em auto;
    padding: 20px;
    width: 340px;
    border: 1px solid #fdbf3b;
    background-color: #ffebc1;
    border-radius: 4px;
    box-sizing: border-box
}

    #login-form label {
        display: block;
        margin-bottom: 5px;
        font-weight: 700
    }

        #login-form label[for=autologin] {
            font-weight: 400
        }

    #login-form input {
        height: 29px
    }

        #login-form input[type=password], #login-form input[type=submit], #login-form input[type=text] {
            display: block;
            width: 100%
        }

        #login-form input[type=password], #login-form input[type=text] {
            margin-bottom: 15px
        }

    #login-form a.lost_password {
        float: right;
        font-weight: 400
    }

    #login-form input#openid_url {
        background: #fff url(../images/openid-bg.gif) no-repeat 4px 50%;
        padding-left: 24px !important
    }

    #login-form h3 {
        text-align: center
    }

div.modal {
    border-radius: 5px;
    background: #fff;
    z-index: 50;
    padding: 4px
}

    div.modal h3.title {
        display: none
    }

    div.modal p.buttons {
        text-align: right;
        margin-bottom: 0
    }

    div.modal .box p {
        margin: .3em 0
    }

.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.mobile-show {
    display: none
}

.hidden {
    display: none
}

.inline-flex {
    display: inline-flex
}

a, a:link, a:visited {
    color: #169;
    text-decoration: none
}

    a:active, a:hover {
        color: #c61a1a;
        text-decoration: underline
    }

    a img {
        border: 0
    }

    a.issue.closed, a.issue.closed:link, a.issue.closed:visited {
        color: #999;
        text-decoration: line-through
    }

    a.project.closed, a.project.closed:link, a.project.closed:visited {
        color: #999
    }

    a.user.locked, a.user.locked:link, a.user.locked:visited {
        color: #999
    }

#sidebar a.selected {
    line-height: 1.7em;
    padding: 1px 3px 2px 2px;
    margin-left: -2px;
    background-color: #9db9d5;
    color: #fff;
    border-radius: 2px
}

    #sidebar a.selected:hover {
        text-decoration: none
    }

#admin-menu a {
    line-height: 1.7em
}

    #admin-menu a.selected {
        padding-left: 20px !important;
        background-position: 2px 40%
    }

a.collapsible {
    padding-left: 12px
}

a#toggle-completed-versions {
    color: #999
}

.drdn {
    position: relative
}

.drdn-trigger {
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none
}

.drdn-content {
    display: none;
    position: absolute;
    right: 0;
    top: 25px;
    min-width: 100px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #555;
    z-index: 99
}

.drdn.expanded .drdn-content {
    display: block
}

.drdn-content .quick-search {
    margin: 8px
}

.drdn-content .autocomplete {
    box-sizing: border-box;
    width: 100% !important;
    height: 28px
}

    .drdn-content .autocomplete:focus {
        border-color: #5ad
    }

.drdn-items {
    max-height: 400px;
    overflow: auto
}

div + .drdn-items {
    border-top: 1px solid #ccc
}

.drdn-items > * {
    display: block;
    border: 1px solid #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 4px 8px
}

.drdn-items > a:hover {
    text-decoration: none
}

.drdn-items > :focus {
    border: 1px dotted #bbb
}

.drdn-items.selection > :before {
    content: ' ';
    display: inline-block;
    line-height: 1em;
    width: 1em;
    height: 1em;
    margin-right: 4px;
    font-weight: 700
}

.drdn-items.selection > .selected:before {
    content: "\2713 "
}

.drdn-items.selection:empty {
    border: none
}

.drdn-items > span {
    color: #999
}

.contextual .drdn-content {
    top: 18px
}

.contextual .drdn-items {
    padding: 2px;
    min-width: 160px
}

    .contextual .drdn-items > a {
        padding: 5px 8px
    }

        .contextual .drdn-items > a.icon {
            padding-left: 24px;
            background-position-x: 4px
        }

        .contextual .drdn-items > a:hover {
            color: #2a5685;
            border: 1px solid #628db6;
            background-color: #eef5fd;
            border-radius: 3px
        }

#project-jump.drdn {
    width: 200px;
    display: inline-block
}

#project-jump .drdn-trigger {
    width: 100%;
    height: 24px;
    display: inline-block;
    padding: 3px 18px 3px 6px;
    border-radius: 3px;
    border: 1px solid #ccc;
    margin: 0 !important;
    vertical-align: middle;
    color: #555;
    background: #fff url(../images/arrow_down.png) no-repeat 97% 50%
}

#project-jump .drdn.expanded .drdn-trigger {
    background-image: url(../images/arrow_up.png)
}

#project-jump .drdn-content {
    width: 280px
}

#project-jump .drdn-items > * {
    color: #555 !important
}

#project-jump .drdn-items > a:hover {
    background-color: #759fcf;
    color: #fff !important
}

.table-list, table.list {
    border: 1px solid #e4e4e4;
    width: 100%;
    margin-bottom: 4px;
    border-radius: 3px;
    border-spacing: 0;
    overflow: hidden
}

    .table-list-header, table.list th {
        background-color: #eee;
        padding: 4px;
        white-space: nowrap;
        font-weight: 700
    }

    table.list td {
        text-align: center;
        vertical-align: middle;
        padding-right: 10px
    }

        table.list td.id {
            width: 2%;
            text-align: center
        }

        table.list td.attachments, table.list td.comments, table.list td.description, table.list td.name, table.list td.parent-subject, table.list td.roles, table.list td.short_description, table.list td.subject, table.list td.text {
            text-align: left
        }

            table.list td.attachments span {
                display: block;
                height: 16px
            }

                table.list td.attachments span a.icon-download {
                    display: inline-block;
                    visibility: hidden
                }

                table.list td.attachments span:hover a.icon-download {
                    visibility: visible
                }

        table.list td.tick {
            width: 15%
        }

        table.list td.checkbox {
            width: 15px;
            padding: 2px 0 0 0
        }

    table.list .checkbox input {
        padding: 0;
        height: initial
    }

    div.buttons, table.list td.buttons {
        white-space: nowrap;
        text-align: right
    }

        div.buttons a, table.list td.buttons a {
            margin-right: .6em
        }

            div.buttons a:last-child, table.list td.buttons a:last-child {
                margin-right: 0
            }

        div.buttons img, table.list td.buttons img {
            vertical-align: middle
        }

    table.list td.reorder {
        width: 15%;
        white-space: nowrap;
        text-align: center
    }

    table.list table.progress td {
        padding-right: 0
    }

    table.list caption {
        text-align: left;
        padding: .5em .5em .5em 0
    }

    table.list tr.overdue td.due_date {
        color: #c22
    }

#role-permissions-trackers table.list th {
    white-space: normal
}

.table-list-cell {
    display: table-cell;
    vertical-align: top;
    padding: 2px
}

.table-list div.buttons {
    width: 15%
}

tr.project td.name a {
    white-space: nowrap
}

tr.project.archived, tr.project.closed {
    color: #aaa
}

    tr.project.archived a, tr.project.closed a {
        color: #aaa
    }

tr.issue {
    text-align: center;
    white-space: nowrap
}

    td.assigned_to, td.last_updated_by, tr.issue td.category, tr.issue td.list, tr.issue td.parent, tr.issue td.parent-subject, tr.issue td.relations, tr.issue td.string, tr.issue td.subject, tr.issue td.text {
        white-space: normal
    }

    tr.issue td.relations {
        text-align: left
    }

    tr.issue td.done_ratio table.progress {
        margin-left: auto;
        margin-right: auto
    }

    tr.issue td.relations span {
        white-space: nowrap
    }

table.issues td.block_column {
    color: #777;
    font-size: 90%;
    padding: 4px 4px 4px 24px;
    text-align: left;
    white-space: normal
}

    table.issues td.block_column span {
        font-weight: 700;
        display: block;
        margin-bottom: 4px
    }

    table.issues td.block_column pre {
        white-space: normal
    }

tr.idnt td.name, tr.idnt td.subject {
    background: url(../images/arrow_right.png) no-repeat 2px 50%
}

tr.idnt-1 td.name, tr.idnt-1 td.subject {
    padding-left: 24px;
    background-position: 8px 50%
}

tr.idnt-2 td.name, tr.idnt-2 td.subject {
    padding-left: 40px;
    background-position: 24px 50%
}

tr.idnt-3 td.name, tr.idnt-3 td.subject {
    padding-left: 56px;
    background-position: 40px 50%
}

tr.idnt-4 td.name, tr.idnt-4 td.subject {
    padding-left: 72px;
    background-position: 56px 50%
}

tr.idnt-5 td.name, tr.idnt-5 td.subject {
    padding-left: 88px;
    background-position: 72px 50%
}

tr.idnt-6 td.name, tr.idnt-6 td.subject {
    padding-left: 104px;
    background-position: 88px 50%
}

tr.idnt-7 td.name, tr.idnt-7 td.subject {
    padding-left: 120px;
    background-position: 104px 50%
}

tr.idnt-8 td.name, tr.idnt-8 td.subject {
    padding-left: 136px;
    background-position: 120px 50%
}

tr.idnt-9 td.name, tr.idnt-9 td.subject {
    padding-left: 152px;
    background-position: 136px 50%
}

table.issue-report {
    table-layout: fixed
}

.issue-report-graph {
    width: 75%;
    margin: 2em 0
}

tr.entry {
    border: 1px solid #f8f8f8
}

    tr.entry td {
        white-space: nowrap
    }

        tr.entry td.filename {
            width: 30%;
            text-align: left
        }

        tr.entry td.filename_no_report {
            width: 70%;
            text-align: left
        }

        tr.entry td.size {
            text-align: right;
            font-size: 90%
        }

        tr.entry td.author, tr.entry td.revision {
            text-align: center
        }

        tr.entry td.age {
            text-align: right
        }

    tr.entry.file td.filename a {
        margin-left: 16px
    }

    tr.entry.file td.filename_no_report a {
        margin-left: 16px
    }

.gantt_subjects div > span.expander, tr span.expander {
    background-position: 2px 50%;
    padding-left: 8px;
    margin-left: 0;
    cursor: pointer
}

.gantt_subjects div > span.expander {
    padding-left: 12px
}

.gantt_subjects div > span .icon-gravatar {
    float: none
}

tr.changeset {
    height: 20px
}

    ol, tr.changeset ul {
        margin-top: 0;
        margin-bottom: 0
    }

    tr.changeset td.revision_graph {
        width: 15%;
        background-color: #fffffb
    }

    tr.changeset td.author {
        text-align: center;
        width: 15%;
        white-space: nowrap
    }

    tr.changeset td.committed_on {
        text-align: center;
        width: 15%;
        white-space: nowrap
    }

table.files tbody th {
    text-align: left
}

table.files tr.file td.filename {
    text-align: left;
    padding-left: 24px
}

table.files tr.file td.digest {
    font-size: 80%
}

table.members td.roles, table.memberships td.roles {
    width: 45%
}

table.messages td.last_message {
    text-align: left
}

tr.message {
    height: 2.6em
}

    tr.message td.created_on {
        white-space: nowrap
    }

    tr.message td.last_message {
        font-size: 80%;
        white-space: nowrap
    }

    tr.message.sticky td.subject {
        font-weight: 700
    }

body.avatars-on #replies .message.reply {
    padding-left: 32px
}

#replies .reply:target h4.reply-header {
    background-color: #def
}

#replies h4 img.gravatar {
    margin-left: -32px
}

tr.version.closed, tr.version.closed a {
    color: #999
}

tr.version td.name {
    padding-left: 20px
}

tr.version td.date, tr.version td.sharing, tr.version td.status {
    text-align: center;
    white-space: nowrap
}

#principals_for_new_member .icon-user, tr.member td.icon-user {
    background: 0 0
}

tr.user td {
    width: 13%;
    white-space: nowrap
}

td.email, td.firstname, td.lastname, td.username {
    text-align: left !important
}

tr.user td.email {
    width: 18%
}

tr.user.locked, tr.user.registered {
    color: #aaa
}

    tr.user.locked a, tr.user.registered a {
        color: #aaa
    }

table.permissions td.role {
    color: #999;
    font-size: 90%;
    font-weight: 400 !important;
    text-align: center;
    vertical-align: bottom
}

table.permissions tr.group > td:nth-of-type(1), table.tracker-summary tr.group > td:nth-of-type(1) {
    font-weight: 700
}

tr.wiki-page-version td.author, tr.wiki-page-version td.updated_on {
    text-align: center
}

tr.time-entry {
    text-align: center;
    white-space: nowrap
}

    tr.time-entry td.activity, tr.time-entry td.comments, tr.time-entry td.issue, tr.time-entry td.project, tr.time-entry td.subject {
        text-align: left;
        white-space: normal
    }

td.hours {
    text-align: right;
    font-weight: 700;
    padding-right: .5em
}

    td.hours .hours-dec {
        font-size: .9em
    }

table.plugins td {
    vertical-align: middle
}

    table.plugins td.configure {
        text-align: right;
        padding-right: 1em
    }

table.plugins span.name {
    font-weight: 700;
    display: block;
    margin-bottom: 6px
}

table.plugins span.description {
    display: block;
    font-size: .9em
}

table.plugins span.url {
    display: block;
    font-size: .9em
}

table.list.enumerations {
    table-layout: fixed;
    margin-bottom: 2em
}

tr.group td {
    padding: .8em 0 .5em .3em;
    border-bottom: 1px solid #ccc;
    text-align: left;
    background-color: #fff
}

tr.group span.count {
    top: -1px
}

tr.group span.name {
    font-weight: 700
}

tr.group span.totals {
    color: #aaa;
    font-size: 80%
}

    tr.group span.totals .value {
        font-weight: 700;
        color: #777
    }

tr.group a.toggle-all {
    color: #aaa;
    font-size: 80%;
    display: none;
    float: right;
    margin-right: 4px
}

tr.group:hover a.toggle-all {
    display: inline
}

a.toggle-all:hover {
    text-decoration: none
}

table.list tbody tr.group:hover {
    background-color: inherit
}

table td {
    padding: 2px
}

table p {
    margin: 0
}

#issue-changesets div.changeset:nth-child(odd), .odd, table.list:not(.odd-even) tbody tr:nth-child(odd) {
    background-color: #f6f7f8
}

#issue-changesets div.changeset:nth-child(even), .even, table.list:not(.odd-even) tbody tr:nth-child(even) {
    background-color: #fff
}

    #issue-changesets div.changeset:nth-child(even):hover, #issue-changesets div.changeset:nth-child(odd):hover, .even:hover, .odd:hover, table.list:not(.odd-even) tbody tr:nth-child(even):hover, table.list:not(.odd-even) tbody tr:nth-child(odd):hover {
        background-color: #ffd
    }

tr.builtin td.name {
    font-style: italic
}

a.sort {
    padding-right: 16px;
    background-position: 100% 50%;
    background-repeat: no-repeat
}

table.boards a.board {
    background: url(../images/comment.png) no-repeat 0 50%;
    padding-left: 20px
}

table.boards td.last-message {
    text-align: left;
    font-size: 80%
}

div.table-list.boards .table-list-cell.name {
    width: 30%
}

#query_form_content {
    font-size: 90%
}

#query_form_with_buttons > p.contextual {
    font-size: 12px;
    margin: 12px 0
}

.query_sort_criteria_count {
    display: inline-block;
    min-width: 1em
}

.query-columns > span {
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.query-columns label {
    display: block
}

.query-columns .buttons input[type=button] {
    width: 35px;
    display: block
}

.query-columns select {
    min-width: 150px
}

.query-totals {
    text-align: right;
    margin-top: -2.3em
}

    .query-totals > span:not(:first-child) {
        margin-left: .6em
    }

    .query-totals .value {
        font-weight: 700
    }

body.controller-timelog .query-totals {
    margin-top: initial
}

td.center {
    text-align: center
}

#watchers select {
    width: 95%;
    display: block
}

#watchers img.gravatar {
    margin: 0 4px 2px 0
}

#users_for_watcher img.gravatar {
    padding-bottom: 2px;
    margin-right: 4px
}

span#watchers_inputs {
    overflow: auto;
    display: block
}

span.search_for_watchers {
    display: block
}

span.add_attachment, span.search_for_watchers {
    font-size: 80%;
    line-height: 2.5em
}

    span.add_attachment a {
        padding-left: 16px;
        background: url(../images/bullet_add.png) no-repeat 0 50%
    }

input:disabled, select:disabled, textarea:disabled {
    cursor: not-allowed;
    color: graytext;
    background-color: #ebebe4
}

.highlight {
    background-color: #fcfd8d
}

    .highlight.token-1 {
        background-color: #faa
    }

    .highlight.token-2 {
        background-color: #afa
    }

    .highlight.token-3 {
        background-color: #aaf
    }

.box {
    padding: 6px;
    margin-bottom: 10px;
    background-color: #f6f6f6;
    color: #505050;
    line-height: 1.5em;
    border: 1px solid #e4e4e4;
    word-wrap: break-word;
    border-radius: 3px
}

div.square {
    border: 1px solid #999;
    float: left;
    margin: .3em .4em 0 .4em;
    overflow: hidden;
    width: .6em;
    height: .6em
}

.contextual {
    float: right;
    white-space: nowrap;
    line-height: 1.4em;
    margin: 5px 0;
    padding-left: 10px;
    font-size: .9em
}

    .contextual .icon {
        padding-top: 2px;
        padding-bottom: 3px
    }

    .contextual input, .contextual select {
        font-size: .9em
    }

.message .contextual {
    margin-top: 0
}

.splitcontent {
    overflow: auto;
    display: flex;
    flex-wrap: wrap
}

.splitcontentleft {
    flex: 1;
    margin-right: 5px
}

.splitcontentright {
    flex: 1;
    margin-left: 5px
}

.splitcontenttop {
    flex: 2;
    flex-basis: 100%
}

form {
    display: inline
}

button, input, select {
    vertical-align: middle;
    margin-top: 1px;
    margin-bottom: 1px;
    height: 24px;
    padding: 0 7px
}

button, input, select, textarea {
    color: #333;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-sizing: border-box
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url(../images/arrow_down.png);
    background-repeat: no-repeat;
    background-position: calc(100% - 7px) 50%;
    padding-right: 20px
}

input[type=file] {
    border: 0;
    padding-left: 0;
    padding-right: 0;
    height: initial;
    background-color: initial
}

button[type=submit], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
    background-color: #fff;
    height: 28px;
    -webkit-transition: background-color .1s linear;
    -moz-transition: background-color .1s linear;
    -o-transition: background-color .1s linear;
    transition: background-color .1s linear
}

    button[type=submit]:hover, input[type=submit]:hover {
        background-color: #ddd
    }

input[type=date]:active, input[type=date]:focus, input[type=number]:active, input[type=number]:focus, input[type=password]:active, input[type=password]:focus, input[type=text]:active, input[type=text]:focus, select:active, select:focus, textarea:active, textarea:focus {
    border: 1px solid #5ad;
    outline: 0
}

select[multiple=multiple] {
    background: #fff;
    padding-right: initial;
    height: auto
}

fieldset {
    border: 1px solid #e4e4e4;
    margin: 0;
    min-width: inherit
}

legend {
    color: #333
}

hr {
    width: 100%;
    height: 1px;
    background: #ccc;
    border: 0
}

blockquote {
    font-style: italic;
    border-left: 3px solid #e0e0e0;
    padding-left: .6em;
    margin-left: 0
}

    blockquote blockquote {
        margin-left: 0
    }

abbr, span.field-description[title] {
    border-bottom: 1px dotted #aaa;
    cursor: help
}

textarea.wiki-edit {
    width: 99%;
    resize: vertical;
    box-sizing: border-box
}

body.textarea-monospace textarea.wiki-edit {
    font-family: Consolas,Menlo,"Liberation Mono",Courier,monospace;
    font-size: 12px
}

body.textarea-proportional textarea.wiki-edit {
    font-family: Verdana,sans-serif;
    font-size: 12px
}

li p {
    margin-top: 0
}

div.issue {
    background: #ffd;
    padding: 6px;
    margin-bottom: 6px;
    border: 1px solid #d7d7d7;
    border-radius: 3px
}

p.breadcrumb {
    font-size: .9em;
    margin: 4px 0 4px 0
}

p.subtitle {
    font-size: .9em;
    margin: -6px 0 12px 0;
    font-style: italic
}

p.footnote {
    font-size: .9em;
    margin-top: 0;
    margin-bottom: 0
}

.wiki-class-ltr {
    direction: ltr !important
}

.wiki-class-rtl {
    direction: rtl !important
}

div.issue div.subject div div {
    padding-left: 16px
}

div.issue div.subject p {
    margin: 0;
    margin-bottom: .1em;
    font-size: 90%;
    color: #999
}

div.issue div.subject > div > p {
    margin-top: .5em
}

div.issue div.subject h3 {
    margin: 0;
    margin-bottom: .1em
}

div.issue p.author {
    margin-top: .5em
}

div.issue span.private, div.journal span.private {
    font-size: 60%
}

div.issue .next-prev-links {
    color: #999
}

div.issue .attributes {
    margin-top: 2em
}

    div.issue .attributes .attribute {
        padding-left: 180px;
        clear: left;
        min-height: 1.8em
    }

        div.issue .attributes .attribute .label {
            width: 170px;
            margin-left: -180px;
            font-weight: 700;
            float: left;
            overflow: hidden;
            text-overflow: ellipsis
        }

div.issue .attribute .value {
    overflow: auto;
    text-overflow: ellipsis
}

div.issue.overdue .due-date .value {
    color: #c22
}

body.controller-issues h2.inline-flex {
    padding-right: 0
}

#issue_tree table.issues, #relations table.issues {
    border: 0
}

#issue_tree td.checkbox, #relations td.checkbox {
    display: none
}

#issue_tree td.subject, #relations td.subject {
    width: 50%
}

#issue_tree td.buttons, #relations td.buttons {
    padding: 0
}

#issue_tree .issues-stat {
    font-size: 80%
}

    #issue_tree .issues-stat .badge {
        bottom: initial
    }

#trackers_description {
    display: none
}

    #trackers_description dt {
        font-weight: 700;
        text-decoration: underline
    }

    #trackers_description dd {
        margin: 0;
        padding: 0 0 1em 0
    }

#issue-form .assign-to-me-link {
    padding-left: 5px
}

fieldset.collapsible {
    border-width: 1px 0 0 0
}

    fieldset.collapsible > legend {
        cursor: pointer;
        padding-left: 18px;
        background-position: 4px
    }

fieldset#date-range p {
    margin: 2px 0 2px 0
}

fieldset#filters table {
    border-collapse: collapse
}

    fieldset#filters table td {
        padding: 0;
        vertical-align: middle
    }

fieldset#filters tr.filter {
    height: 2.1em
}

fieldset#filters td.field {
    width: 230px
}

fieldset#filters td.operator {
    width: 130px
}

    fieldset#filters td.operator select {
        max-width: 120px
    }

fieldset#filters td.values {
    white-space: nowrap
}

    fieldset#filters td.values select {
        min-width: 130px
    }

#filters-table {
    width: 60%;
    float: left
}

.add-filter {
    width: 35%;
    float: right;
    text-align: right;
    vertical-align: top
}

#issue_is_private_wrap {
    float: right;
    margin-right: 1em
}

.toggle-multiselect {
    margin-right: 5px;
    cursor: pointer
}

.buttons {
    font-size: .9em;
    margin-bottom: 1.4em;
    margin-top: 1em
}

    .buttons .icon {
        padding-bottom: 3px;
        padding-top: 1px
    }

div#issue-changesets {
    float: right;
    width: 45%;
    margin-left: 1em;
    margin-bottom: 1em;
    background: #fff;
    padding-left: 1em;
    font-size: 90%
}

    div#issue-changesets div.changeset {
        border-bottom: 1px solid #ddd;
        padding: 4px
    }

    div#issue-changesets p {
        margin-top: 0;
        margin-bottom: 1em
    }

.changeset-comments {
    margin-bottom: 1em
}

div.journal .contextual {
    margin-top: 0
}

div.journal.private-notes .wiki {
    border-left: 2px solid #d22;
    padding-left: 4px;
    margin-left: -6px
}

div.journal ul.details, ul.revision-info {
    color: #959595;
    margin-bottom: 1.5em
}

    div.journal ul.details a, ul.revision-info a {
        color: #70a7cd
    }

        div.journal ul.details a:hover, ul.revision-info a:hover {
            color: #d14848
        }

body.avatars-on div.journal {
    padding-left: 32px
}

div.journal h4 img.gravatar {
    margin-left: -32px
}

#history .tab-content {
    padding: 0 6px;
    margin-bottom: 10px;
    border-right: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    border-left: 1px solid #d7d7d7;
    border-radius: 0 0 3px 3px
}

#history div:target h4.note-header {
    background-color: #def
}

#history p.nodata {
    display: none
}

#search-results, div#activity dl {
    margin-left: 2em
}

    #search-results dd, div#activity dd {
        margin-bottom: 1em;
        padding-left: 18px;
        font-size: .9em
    }

div#activity dt.me .time {
    border-bottom: 1px solid #999
}

div#activity dt .time {
    color: #777;
    font-size: 80%
}

#search-results dd .description, div#activity dd .description {
    font-style: italic
}

#search-results span.project:after, div#activity span.project:after {
    content: " -"
}

#search-results dd span.description, div#activity dd span.description {
    display: block;
    color: grey
}

div#activity dt.grouped {
    margin-left: 5em
}

div#activity dd.grouped {
    margin-left: 9em
}

div#activity dt.icon {
    background-position: 0 10px !important
}

div#activity h3 {
    padding: 5px;
    background-color: #eee
}

div#activity dt {
    padding-top: 10px;
    border-top: 1px solid #eee
}

div#activity dl dt:first-child {
    border: 0
}

#search-results dd {
    margin-bottom: 1em;
    padding-left: 20px;
    margin-left: 0
}

div#search-results-counts {
    float: right
}

    div#search-results-counts ul {
        margin-top: .5em
    }

    div#search-results-counts li {
        list-style-type: none;
        float: left;
        margin-left: 1em
    }

div#roadmap .related-issues {
    margin-bottom: 1em
}

    div#roadmap .related-issues td.checkbox {
        display: none
    }

    div#roadmap .related-issues td.assigned_to {
        width: 1px;
        white-space: nowrap;
        padding: 0
    }

        div#roadmap .related-issues td.assigned_to img {
            padding-left: 4px;
            padding-right: 4px
        }

div#roadmap .wiki h1:first-child {
    display: none
}

div#roadmap .wiki h1 {
    font-size: 120%
}

div#roadmap .wiki h2 {
    font-size: 110%
}

div#roadmap h2, div#roadmap h3 {
    padding-right: 0
}

body.controller-versions.action-show div#roadmap .related-issues {
    width: 70%
}

div#version-summary {
    float: right;
    width: 28%;
    margin-left: 16px;
    margin-bottom: 16px;
    background-color: #fff
}

    div#version-summary fieldset {
        margin-bottom: 1em
    }

        div#version-summary fieldset.time-tracking table {
            width: 100%
        }

    div#version-summary td.total-hours, div#version-summary th {
        text-align: right
    }

table#time-report td.hours, table#time-report th.period, table#time-report th.total {
    text-align: right;
    padding-right: .5em
}

table#time-report tbody tr.subtotal {
    font-style: italic;
    color: #777
}

    table#time-report tbody tr.subtotal td.hours {
        color: #b0b0b0
    }

table#time-report tbody tr.total {
    font-weight: 700;
    background-color: #eee;
    border-top: 1px solid #e4e4e4
}

table#time-report .hours-dec {
    font-size: .9em
}

div.wiki-page .contextual a {
    opacity: .4
}

    div.wiki-page .contextual a:hover {
        opacity: 1
    }

div.wiki a:target + h1, div.wiki a:target + h2, div.wiki a:target + h3, div.wiki a:target + h4, div.wiki a:target + h5, div.wiki a:target + h6 {
    background-color: #def
}

.wiki-update-info {
    text-align: right;
    color: #666;
    font-size: 90%
}

form .attributes select {
    width: 60%
}

    form .attributes select + a.icon-only {
        vertical-align: middle;
        margin-left: 4px
    }

input#document_title, input#issue_subject {
    width: 99%
}

select#issue_done_ratio {
    width: 95px
}

ul.projects {
    margin: 0;
    padding-left: 1em
}

    ul.projects ul {
        padding-left: 1.6em
    }

    ul.projects.root {
        margin: 0;
        padding: 0
    }

    ul.projects li.child, ul.projects li.root {
        list-style-type: none
    }

        ul.projects li.child div.archived, ul.projects li.root div.archived {
            color: #aaa
        }

    ul.projects div.description li {
        list-style-type: initial
    }

#projects-index {
    column-count: auto;
    column-width: 400px;
    -webkit-column-count: auto;
    -webkit-column-width: 400px;
    -webkit-column-gap: .5rem;
    -moz-column-count: auto;
    -moz-column-width: 400px;
    -moz-column-gap: .5rem;
    margin-bottom: 1.2em
}

    #projects-index li.root ul.projects {
        border-left: 3px solid #e0e0e0;
        padding-left: 1em
    }

    #projects-index ul.projects li.root {
        margin-bottom: 1em;
        padding: 15px 20px;
        border: 1px solid #d7d7d7;
        border-radius: 3px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        break-inside: avoid-column;
        -webkit-break-inside: avoid-column;
        -moz-break-inside: avoid-column;
        page-break-inside: avoid;
        -webkit-column-break-inside: avoid;
        -moz-column-break-inside: avoid;
        width: 100%
    }

    #projects-index ul.projects li.child {
        margin-top: 1em
    }

    #projects-index ul.projects div.root a.project {
        font-family: "Trebuchet MS",Verdana,sans-serif;
        font-weight: 700;
        font-size: 16px;
        margin: 0 0 10px 0
    }

    #projects-index ul.projects div.description {
        padding-top: .5em
    }

    #projects-index a.icon-user, a.icon-bookmarked-project {
        padding-left: 0;
        padding-right: 20px;
        background-position: 98% 50%
    }

        #projects-index a.icon-user.icon-bookmarked-project {
            background-image: url(../images/tag_blue.png),url(../images/user.png);
            background-position: bottom 0 right 0,bottom 0 right 20px;
            padding-right: 40px;
            padding-top: 4px
        }

#custom_field_project_ids > ul, #notified-projects > ul, #tracker_project_ids > ul {
    max-height: 250px;
    overflow-y: auto
}

ul.subprojects {
    list-style: none;
    display: inline-block;
    padding: 0;
    margin: 0
}

    ul.subprojects li {
        float: left
    }

        ul.subprojects li:not(:last-child)::after {
            content: ', ';
            white-space: pre
        }

#related-issues li img {
    vertical-align: middle
}

ul.properties {
    padding: 0;
    font-size: .9em;
    color: #777
}

    ul.properties li {
        list-style-type: none
    }

        ul.properties li span {
            font-style: italic
        }

.total-hours {
    font-size: 110%;
    font-weight: 700
}

    .total-hours span.hours-int {
        font-size: 120%
    }

.autoscroll {
    overflow-x: auto;
    padding: 1px;
    margin-bottom: 1.2em;
    position: relative
}

#my_account_form select, #user_firstname, #user_form select, #user_identity_url, #user_lastname, #user_login, #user_mail {
    width: 90%
}

#workflow_copy_form select {
    width: 200px
}

table.transitions td.enabled {
    background: #bfb
}

#workflow_form table select {
    font-size: 90%;
    max-width: 100px
}

table.fields_permissions td.readonly {
    background: #ddd
}

table.fields_permissions td.required {
    background: #d88
}

select.expandable {
    vertical-align: top
}

textarea#custom_field_possible_values {
    width: 95%;
    resize: vertical
}

textarea#custom_field_default_value {
    width: 95%;
    resize: vertical
}

.sort-handle {
    display: inline-block;
    vertical-align: middle;
    cursor: move
}

input#content_comments {
    width: 99%
}

span.pagination {
    margin-left: 3px;
    color: #888;
    display: block
}

.pagination ul.pages {
    margin: 0 5px 0 0;
    padding: 0;
    display: inline
}

    .pagination ul.pages li {
        display: inline-block;
        padding: 0;
        border: 1px solid #ddd;
        margin-left: -1px;
        line-height: 2em;
        margin-bottom: 1em;
        white-space: nowrap;
        text-align: center
    }

        .pagination ul.pages li a, .pagination ul.pages li span {
            padding: 3px 8px
        }

        .pagination ul.pages li:first-child {
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px
        }

        .pagination ul.pages li:last-child {
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px
        }

        .pagination ul.pages li.current {
            color: #fff;
            background-color: #628db6;
            border-color: #628db6
        }

        .pagination ul.pages li.page:hover {
            background-color: #ddd
        }

        .pagination ul.pages li.page a:active, .pagination ul.pages li.page a:hover {
            color: #169;
            text-decoration: inherit
        }

.pagination .per-page span.selected {
    font-weight: 700
}

span.pagination > span {
    white-space: nowrap
}

.controller-attachments.action-show span.pagination {
    display: block;
    margin-top: 1.2em
}

#search-form fieldset p {
    margin: .2em 0
}

#csv-export-options fieldset {
    padding: 0
}

.tabular p {
    margin: 0;
    padding: 3px 0 3px 0;
    padding-left: 180px;
    min-height: 2em;
    clear: left
}

html > body .tabular p {
    overflow: hidden
}

.tabular input, .tabular select {
    max-width: 95%
}

.tabular textarea {
    width: 95%;
    resize: vertical
}

img#twofa_code, input#twofa_code {
    width: 140px
}

ul.twofa_backup_codes {
    list-style-type: none;
    padding: 0;
    display: inline-block
}

    ul.twofa_backup_codes li {
        float: left
    }

        ul.twofa_backup_codes li:nth-child(odd) {
            float: left;
            clear: left;
            padding-right: 4em
        }

.tabular label {
    font-weight: 700;
    float: left;
    text-align: right;
    margin-left: -180px;
    width: 175px;
    line-height: 24px
}

    .tabular label.floating {
        font-weight: 400;
        margin-left: 0;
        text-align: left;
        width: 270px
    }

label.block {
    display: block;
    width: auto !important
}

.tabular label.block {
    font-weight: 400;
    margin-left: 0 !important;
    text-align: left;
    float: none
}

.tabular label.inline {
    font-weight: 400;
    float: none;
    margin-left: 5px !important;
    width: auto
}

.tabular label.error {
    color: #b00
}

    .tabular label.error + * {
        border: 1px solid #b00
    }

label.no-css {
    font-weight: inherit;
    float: none;
    text-align: left;
    margin-left: 0;
    width: auto
}

input#time_entry_comments {
    width: 90%
}

input#months {
    width: 46px
}

.jstBlock .jstTabs, .jstBlock .wiki-preview {
    width: 99%
}

.jstBlock .jstTabs {
    padding-right: 6px
}

.jstBlock .wiki-preview {
    padding: 2px
}

    .jstBlock .wiki-preview p:first-child {
        padding-top: 0 !important;
        margin-top: 0 !important
    }

    .jstBlock .wiki-preview p:last-child {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important
    }

.tabular .jstTabs, .tabular .wiki-preview {
    width: 95%
}

.tabular.settings .jstTabs, .tabular.settings .wiki-preview {
    width: 99%
}

    .tabular.settings .wiki-preview p {
        padding-left: 0 !important
    }

.tabular .wiki-preview p {
    min-height: initial;
    padding: 0;
    padding-top: 1em !important;
    padding-bottom: 1em !important;
    overflow: initial
}

.tabular.settings p {
    padding-left: 300px
}

.tabular.settings label {
    margin-left: -300px;
    width: 295px
}

.tabular.settings .jstTabs, .tabular.settings .wiki-preview, .tabular.settings textarea {
    width: 99%
}

.settings.enabled_scm table {
    width: 100%
}

.settings.enabled_scm td.scm_name {
    font-weight: 700
}

fieldset.settings label {
    display: block
}

fieldset#notified_events .parent {
    padding-left: 20px
}

span.required {
    color: #b00
}

.summary {
    font-style: italic
}

.check_box_group {
    display: block;
    width: 95%;
    max-height: 120px;
    overflow-y: auto;
    padding: 2px 4px 4px 2px;
    background: #fff;
    border: 1px solid #9eb1c2;
    border-radius: 2px
}

    .check_box_group label {
        font-weight: 400;
        margin-left: 0 !important;
        text-align: left;
        float: none;
        display: block;
        width: auto
    }

    .check_box_group.bool_cf {
        border: 0;
        background: inherit
    }

        .check_box_group.bool_cf label {
            display: inline
        }

#existing-attachments input.description, .attachments_fields input.description {
    margin-left: 4px;
    width: 340px
}

#existing-attachments > span, .attachments_fields > span {
    display: block;
    white-space: nowrap
}

#existing-attachments .filename, .attachments_fields input.filename {
    border: 0;
    width: 250px;
    color: #555;
    background-color: inherit
}

.tabular input.filename {
    max-width: 75% !important
}

.attachments_fields input.filename {
    height: 1.8em
}

.attachments_fields .ajax-waiting input.filename {
    background: url(../images/hourglass.png) no-repeat 0 50%
}

.attachments_fields .ajax-loading input.filename {
    background: url(../images/loading.gif) no-repeat 0 50%
}

.attachments_fields div.ui-progressbar {
    width: 100px;
    height: 14px;
    margin: 2px 0 -5px 8px;
    display: inline-block
}

a.remove-upload:hover {
    text-decoration: none !important
}

.existing-attachment.deleted .filename {
    text-decoration: line-through;
    color: #999 !important
}

div.fileover, p.custom-field-filedroplistner.fileover {
    background-color: #e6e6fa
}

div.attachments p {
    margin: 4px 0 2px 0
}

div.attachments img {
    vertical-align: middle
}

div.attachments span.author {
    font-size: .9em;
    color: #888
}

div.thumbnails {
    margin: .6em
}

    div.thumbnails div {
        background: #fff;
        border: 2px solid #ddd;
        display: inline-block;
        margin-right: 2px
    }

    div.thumbnails img {
        margin: 3px;
        vertical-align: middle
    }

#history div.thumbnails {
    margin-left: 2em
}

p.other-formats {
    text-align: right;
    font-size: .9em;
    color: #666
}

.other-formats span + span:before {
    content: "| "
}

a.atom {
    background: url(../images/feed.png) no-repeat 1px 50%;
    padding: 2px 0 3px 16px
}

em.info {
    font-style: normal;
    display: block;
    font-size: 90%;
    color: #888
}

    em.info.error {
        padding-left: 20px;
        background: url(../images/exclamation.png) no-repeat 0 50%
    }

textarea.text_cf {
    width: 95%;
    resize: vertical
}

input.link_cf, input.string_cf {
    width: 95%
}

select.bool_cf {
    width: auto !important
}

#tab-content-modules fieldset p {
    margin: 3px 0 4px 0
}

#tab-content-users .splitcontentleft {
    width: 64%
}

#tab-content-users .splitcontentright {
    width: 34%
}

#tab-content-users fieldset {
    padding: 1em;
    margin-bottom: 1em
}

    #tab-content-users fieldset label {
        display: block
    }

#tab-content-users #principals {
    max-height: 400px;
    overflow: auto
}

#users_for_watcher {
    height: 200px;
    overflow: auto
}

    #users_for_watcher label {
        display: block
    }

input#principal_search, input#user_search {
    width: 90%
}

.roles-selection label {
    display: inline-block;
    width: 210px
}

input.autocomplete {
    background: #fff url(../images/magnifier.png) no-repeat 2px 50%;
    padding-left: 20px !important
}

    input.autocomplete.ajax-loading {
        background-image: url(../images/loading.gif)
    }

.role-visibility {
    padding-left: 2em
}

.objects-selection {
    height: 300px;
    overflow: auto;
    margin-bottom: 1em
}

    .objects-selection label {
        display: block
    }

    #user_group_ids, .objects-selection > div {
        column-count: auto;
        column-width: 200px;
        -webkit-column-count: auto;
        -webkit-column-width: 200px;
        -webkit-column-gap: .5rem;
        -webkit-column-rule: 1px solid #ccc;
        -moz-column-count: auto;
        -moz-column-width: 200px;
        -moz-column-gap: .5rem;
        -moz-column-rule: 1px solid #ccc
    }

#errorExplanation, .conflict, .nodata, .warning, div.flash {
    padding: 6px 4px 6px 30px;
    margin-bottom: 12px;
    font-size: 1.1em;
    border: 1px solid;
    border-radius: 3px
}

div.flash {
    margin-top: 8px
}

    #errorExplanation, div.flash.error {
        background: url(../images/exclamation.png) 8px 50% no-repeat;
        background-color: #ffe3e3;
        border-color: #d88;
        color: #800
    }

    div.flash.notice {
        background: url(../images/true.png) 8px 5px no-repeat;
        background-color: #dfffdf;
        border-color: #9fcf9f;
        color: #005f00
    }

    .conflict, div.flash.warning {
        background: url(../images/warning.png) 8px 5px no-repeat;
        background-color: #f3edd1;
        border-color: #eadbbc;
        color: #a6750c;
        text-align: left
    }

.nodata, .warning {
    text-align: center;
    background-color: #f3edd1;
    border-color: #eadbbc;
    color: #a6750c
}

#errorExplanation ul {
    font-size: .9em
}

#errorExplanation h2, #errorExplanation p {
    display: none
}

.conflict-details {
    font-size: 80%
}

#ajax-indicator {
    position: absolute;
    background-color: #eee;
    border: 1px solid #bbb;
    top: 35%;
    left: 40%;
    width: 20%;
    font-weight: 700;
    text-align: center;
    padding: .6em;
    z-index: 100;
    opacity: .5
}

html > body #ajax-indicator {
    position: fixed
}

    #ajax-indicator span {
        background-position: 0 40%;
        background-repeat: no-repeat;
        background-image: url(../images/loading.gif);
        padding-left: 26px;
        vertical-align: bottom
    }

table.cal {
    width: 100%;
    margin: 0 0 6px 0;
    border: 1px solid silver;
    border-spacing: 0;
    border-radius: 3px
}

    table.cal thead th {
        width: 14%;
        background-color: #eee;
        padding: 4px
    }

        table.cal thead th.week-number {
            width: auto
        }

    table.cal tbody tr {
        height: 100px
    }

    table.cal td .icon {
        padding-top: 2px;
        padding-bottom: 3px
    }

    table.cal td {
        border: 1px solid #d7d7d7;
        vertical-align: top;
        font-size: .9em;
        border-bottom: 0;
        border-right: 0
    }

        table.cal td.week-number {
            background-color: #eee;
            padding: 4px;
            border: none;
            font-size: 1em
        }

        table.cal td p.day-num {
            font-size: 1.1em;
            text-align: right
        }

        table.cal td.odd p.day-num {
            color: #bbb
        }

        table.cal td.today {
            background: #ffd
        }

            table.cal td.today p.day-num {
                font-weight: 700
            }

        table.cal td.nwday:not(.odd) {
            background-color: #f1f1f1
        }

    p.cal.legend .starting, table.cal .starting a.issue {
        background: url(../images/bullet_go.png) no-repeat -1px -2px;
        padding-left: 16px
    }

    p.cal.legend .ending, table.cal .ending a.issue {
        background: url(../images/bullet_end.png) no-repeat -1px -2px;
        padding-left: 16px
    }

    p.cal.legend .starting.ending, table.cal .starting.ending a.issue {
        background: url(../images/bullet_diamond.png) no-repeat -1px -2px;
        padding-left: 16px
    }

p.cal.legend span {
    display: block
}

.tooltip {
    position: relative;
    z-index: 24
}

    .tooltip:hover {
        z-index: 25;
        color: #000
    }

    .tooltip span.tip {
        display: none;
        text-align: left
    }

        .tooltip span.tip a {
            color: #169 !important
        }

        .tooltip span.tip img.gravatar {
            float: none;
            margin: 0
        }

div.tooltip:hover span.tip {
    display: block;
    position: absolute;
    top: 12px;
    width: 270px;
    border: 1px solid #555;
    background-color: #fff;
    padding: 4px;
    font-size: .8em;
    color: #505050
}

table.cal div.tooltip:hover span.tip {
    top: 25px
}

img.ui-datepicker-trigger {
    cursor: pointer;
    vertical-align: middle;
    margin-left: 4px
}

table.progress {
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    text-align: center;
    float: left;
    margin: 1px 6px 1px 0;
    width: 80px
}

    table.progress td {
        height: 1em
    }

        table.progress td.closed {
            background: #bae0ba none repeat scroll 0
        }

        table.progress td.done {
            background: #d3edd3 none repeat scroll 0
        }

        table.progress td.todo {
            background: #eee none repeat scroll 0
        }

p.percent {
    font-size: 80%;
    margin: 0
}

p.progress-info {
    clear: left;
    font-size: 80%;
    margin-top: -4px;
    color: #777
}

.version-overview table.progress {
    width: 40em
}

    .version-overview table.progress td {
        height: 1.2em
    }

#content .tabs {
    height: 2.6em;
    margin-bottom: 1.2em;
    position: relative;
    overflow: hidden
}

    #content .tabs ul {
        margin: 0;
        position: absolute;
        bottom: 0;
        padding-left: .5em;
        min-width: 2000px;
        width: 100%;
        border-bottom: 1px solid #bbb
    }

        #content .tabs ul li {
            float: left;
            list-style-type: none;
            white-space: nowrap;
            margin-right: 4px;
            position: relative;
            margin-bottom: -1px
        }

            #content .tabs ul li a {
                display: block;
                font-size: .9em;
                text-decoration: none;
                line-height: 1.3em;
                padding: 4px 6px 4px 6px;
                border: 1px solid #ccc;
                border-bottom: 1px solid #bbb;
                color: #999;
                font-weight: 700;
                border-top-left-radius: 3px;
                border-top-right-radius: 3px
            }

                #content .tabs ul li a:hover {
                    color: #777;
                    text-decoration: none
                }

                #content .tabs ul li a.selected {
                    background-color: #fff;
                    border: 1px solid #bbb;
                    border-bottom: 1px solid #fff;
                    color: #444
                }

                    #content .tabs ul li a.selected:hover {
                        background-color: #fff
                    }

div.tabs-buttons {
    position: absolute;
    right: 0;
    width: 54px;
    height: 24px;
    background: #fff;
    bottom: 0;
    border-bottom: 1px solid #bbb
}

button.tab-left, button.tab-right {
    font-size: .9em;
    cursor: pointer;
    height: 24px;
    border: 1px solid #ccc;
    border-bottom: 1px solid #bbb;
    position: absolute;
    padding: 4px;
    width: 24px;
    bottom: -1px
}

    button.tab-left:hover, button.tab-right:hover {
        background-color: #f5f5f5
    }

    button.tab-left:focus, button.tab-right:focus {
        outline: 0
    }

button.tab-left {
    right: 28px;
    background: #eee url(../images/arrow_left.png) no-repeat 50% 50%;
    border-top-left-radius: 3px
}

button.tab-right {
    right: 4px;
    background: #eee url(../images/arrow_right.png) no-repeat 50% 50%;
    border-top-right-radius: 3px
}

    button.tab-left.disabled, button.tab-right.disabled {
        background-color: #ccc;
        cursor: unset
    }

.diff_out {
    background: #fcc
}

    .diff_out span {
        background: #faa
    }

.diff_in {
    background: #cfc
}

    .diff_in span {
        background: #afa
    }

.text-diff {
    padding: 1em;
    background-color: #f6f6f6;
    color: #505050;
    border: 1px solid #e4e4e4;
    white-space: pre-wrap
}

div.wiki table {
    border-collapse: collapse;
    margin-bottom: 1em
}

div.wiki table, div.wiki td, div.wiki th {
    border: 1px solid #bbb;
    padding: 4px
}

div.wiki .wiki-class-noborder, div.wiki .wiki-class-noborder td, div.wiki .wiki-class-noborder th {
    border: 0
}

div.wiki .external {
    background-position: 0 60%;
    background-repeat: no-repeat;
    padding-left: 12px;
    background-image: url(../images/external.png)
}

div.wiki a {
    word-wrap: break-word
}

    div.wiki a.new {
        color: #b73535
    }

div.wiki ol, div.wiki ul {
    margin-bottom: 1em
}

div.wiki li > ol, div.wiki li > ul {
    margin-bottom: 0
}

div.wiki pre {
    margin: 1em 1em 1em 1.6em;
    padding: 8px;
    background-color: #fafafa;
    border: 1px solid #e2e2e2;
    border-radius: 3px;
    width: auto;
    overflow-x: auto;
    overflow-y: hidden
}

div.wiki :not(pre) > code, div.wiki > code {
    background: rgba(62,91,118,.08);
    padding: .1em .1em;
    border-radius: .1em
}

div.wiki ul.toc {
    background-color: #ffd;
    border: 1px solid #e4e4e4;
    padding: 4px;
    line-height: 1.2em;
    margin-bottom: 12px;
    margin-right: 12px;
    margin-left: 0;
    display: table
}

* html div.wiki ul.toc {
    width: 50%
}

    div.wiki ul.toc.right {
        float: right;
        margin-left: 12px;
        margin-right: 0;
        width: auto
    }

    div.wiki ul.toc.left {
        float: left;
        margin-right: 12px;
        margin-left: 0;
        width: auto
    }

    div.wiki ul.toc ul {
        margin: 0;
        padding: 0
    }

    div.wiki ul.toc li {
        list-style-type: none;
        margin: 0;
        font-size: 12px
    }

    div.wiki ul.toc > li:first-child {
        margin-bottom: .5em;
        color: #777
    }

    div.wiki ul.toc li li {
        margin-left: 1.5em;
        font-size: 10px
    }

    div.wiki ul.toc a {
        font-size: .9em;
        font-weight: 400;
        text-decoration: none;
        color: #606060
    }

        div.wiki ul.toc a:hover {
            color: #c61a1a;
            text-decoration: underline
        }

a.wiki-anchor {
    display: none;
    margin-left: 6px;
    text-decoration: none
}

    a.wiki-anchor:hover {
        color: #aaa !important;
        text-decoration: none
    }

h1:hover a.wiki-anchor, h2:hover a.wiki-anchor, h3:hover a.wiki-anchor, h4:hover a.wiki-anchor, h5:hover a.wiki-anchor, h6:hover a.wiki-anchor {
    display: inline;
    color: #ddd
}

div.wiki img {
    vertical-align: middle;
    max-width: 100%
}

.block-receiver {
    border: 1px dashed #fff;
    padding: 15px 0 0 0
}

.dragging .block-receiver {
    border: 1px dashed #777;
    margin-bottom: 20px
}

.mypage-box {
    border: 1px solid #ddd;
    padding: 8px;
    margin: 0 0 20px 0;
    color: #505050;
    line-height: 1.5em;
    border-radius: 3px
}

    .mypage-box > .contextual {
        opacity: .001;
        transition: opacity .2s
    }

    .mypage-box:hover > .contextual {
        opacity: 1
    }

.handle {
    cursor: move
}

#my-page .list td.checkbox, #my-page .list th.checkbox {
    display: none
}

table.gantt-table {
    width: 100%;
    border-collapse: collapse
}

    table.gantt-table td {
        padding: 0
    }

.gantt_hdr {
    position: absolute;
    top: 0;
    height: 16px;
    border-top: 1px solid silver;
    border-bottom: 1px solid silver;
    border-left: 1px solid silver;
    text-align: center;
    overflow: hidden
}

#gantt_area .gantt_hdr {
    border-left: 0;
    border-right: 1px solid silver
}

.gantt_subjects_container:not(.draw_selected_columns) .gantt_hdr, .last_gantt_selected_column .gantt_hdr {
    border-right: 1px solid silver
}

.gantt_subjects_container .gantt_subjects *, .last_gantt_selected_column .gantt_selected_column_container {
    z-index: 10
}

.gantt_subjects_column + td {
    padding: 0
}

.gantt_hdr.nwday {
    background-color: #f1f1f1;
    color: #999
}

.gantt_selected_column_content.gantt_hdr, .gantt_subjects {
    font-size: .8em;
    position: relative;
    z-index: 1
}

    .gantt_selected_column_content div, .gantt_subjects div {
        line-height: 16px;
        height: 16px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 100%
    }

        .gantt_subjects div.issue-subject:hover {
            background-color: #ffd
        }

.gantt_selected_column_content {
    padding-left: 3px;
    padding-right: 3px
}

.gantt_subjects .issue-subject img.icon-gravatar {
    margin: 2px 5px 0 2px
}

.gantt_hdr_selected_column_name {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    font-size: .8em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

td.gantt_selected_column {
    width: 50px
}

    .gantt_selected_column_container, td.gantt_selected_column .gantt_hdr {
        width: 49px
    }

.task {
    position: absolute;
    height: 8px;
    font-size: .8em;
    color: #888;
    padding: 0;
    margin: 0;
    line-height: 16px;
    white-space: nowrap
}

    .task.label {
        width: 100%
    }

        .task.label.project, .task.label.version {
            font-weight: 700
        }

.task_late {
    background: #f66 url(../images/task_late.png);
    border: 1px solid #f66
}

.task_done {
    background: #00c600 url(../images/task_done.png);
    border: 1px solid #00c600
}

.task_todo {
    background: #aaa url(../images/task_todo.png);
    border: 1px solid #aaa
}

    .task_todo.parent {
        background: #888;
        border: 1px solid #888;
        height: 3px
    }

.task_done.parent, .task_late.parent {
    height: 3px
}

.task.parent.marker.starting {
    position: absolute;
    background: url(../images/task_parent_end.png) no-repeat 0 0;
    width: 8px;
    height: 16px;
    margin-left: -4px;
    left: 0;
    top: -1px
}

.task.parent.marker.ending {
    position: absolute;
    background: url(../images/task_parent_end.png) no-repeat 0 0;
    width: 8px;
    height: 16px;
    margin-left: -4px;
    right: 0;
    top: -1px
}

.version.task_late {
    background: #f66 url(../images/milestone_late.png);
    border: 1px solid #f66;
    height: 2px;
    margin-top: 3px
}

.version.task_done {
    background: #00c600 url(../images/milestone_done.png);
    border: 1px solid #00c600;
    height: 2px;
    margin-top: 3px
}

.version.task_todo {
    background: #fff url(../images/milestone_todo.png);
    border: 1px solid #fff;
    height: 2px;
    margin-top: 3px
}

.version.marker {
    background-image: url(../images/version_marker.png);
    background-repeat: no-repeat;
    border: 0;
    margin-left: -4px;
    margin-top: 1px
}

.project.task_late {
    background: #f66 url(../images/milestone_late.png);
    border: 1px solid #f66;
    height: 2px;
    margin-top: 3px
}

.project.task_done {
    background: #00c600 url(../images/milestone_done.png);
    border: 1px solid #00c600;
    height: 2px;
    margin-top: 3px
}

.project.task_todo {
    background: #fff url(../images/milestone_todo.png);
    border: 1px solid #fff;
    height: 2px;
    margin-top: 3px
}

.project.marker {
    background-image: url(../images/project_marker.png);
    background-repeat: no-repeat;
    border: 0;
    margin-left: -4px;
    margin-top: 1px
}

.issue-behind-schedule a, .version-behind-schedule a {
    color: #f66914
}

.issue-overdue a, .project-overdue a, .version-overdue a {
    color: red
}

.badge {
    position: relative;
    font-weight: 700;
    font-size: 10px;
    bottom: 2px;
    padding: 1px 3px;
    margin-right: 2px;
    margin-left: 2px;
    border-radius: 2px;
    text-transform: uppercase;
    text-decoration: none
}

.badge-private {
    background: #d22;
    color: #fff;
    border: 1px solid #d22
}

.badge-count {
    color: #fff;
    background: #9db9d5
}

.badge-status-open {
    color: #205d86;
    border: 1px solid #205d86
}

.badge-status-locked {
    color: #696969;
    border: 1px solid #696969
}

.badge-status-closed {
    color: #1d781d;
    border: 1px solid #1d781d
}

.badge-issues-count {
    background: #eee
}

.ui-tooltip {
    background: #000;
    color: #fff;
    border-radius: 3px;
    border: 0;
    box-shadow: none
}

.icon {
    background-position: 0 50%;
    background-repeat: no-repeat;
    padding-left: 20px
}

.icon-only {
    background-position: 0 50%;
    background-repeat: no-repeat;
    padding-left: 16px;
    display: inline-block;
    width: 0;
    height: 16px;
    overflow: hidden;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 8px;
    vertical-align: middle
}

    .icon-only::after {
        content: "\a0"
    }

.icon-add {
    background-image: url(../images/add.png)
}

.icon-edit {
    background-image: url(../images/edit.png)
}

.icon-copy {
    background-image: url(../images/copy.png)
}

.icon-duplicate {
    background-image: url(../images/duplicate.png)
}

.icon-del {
    background-image: url(../images/delete.png)
}

.icon-move {
    background-image: url(../images/move.png)
}

.icon-save {
    background-image: url(../images/save.png)
}

.icon-download {
    background-image: url(../images/download.png)
}

.icon-cancel {
    background-image: url(../images/cancel.png)
}

.icon-multiple {
    background-image: url(../images/table_multiple.png)
}

.icon-folder {
    background-image: url(../images/folder.png)
}

.open .icon-folder {
    background-image: url(../images/folder_open.png)
}

.icon-package {
    background-image: url(../images/package.png)
}

.icon-user {
    background-image: url(../images/user.png)
}

.icon-project, .icon-projects {
    background-image: url(../images/projects.png)
}

.icon-help {
    background-image: url(../images/help.png)
}

.icon-attachment {
    background-image: url(../images/attachment.png)
}

.icon-history {
    background-image: url(../images/history.png)
}

.icon-time, .icon-time-entry {
    background-image: url(../images/time.png)
}

.icon-time-add {
    background-image: url(../images/time_add.png)
}

.icon-stats {
    background-image: url(../images/stats.png)
}

.icon-warning {
    background-image: url(../images/warning.png)
}

.icon-error {
    background-image: url(../images/exclamation.png)
}

.icon-fav {
    background-image: url(../images/fav.png)
}

.icon-fav-off {
    background-image: url(../images/fav_off.png)
}

.icon-reload {
    background-image: url(../images/reload.png)
}

.icon-lock, .icon-locked {
    background-image: url(../images/locked.png)
}

.icon-unlock {
    background-image: url(../images/unlock.png)
}

.icon-checked {
    background-image: url(../images/toggle_check.png)
}

.icon-report {
    background-image: url(../images/report.png)
}

.icon-comment, .icon-comments {
    background-image: url(../images/comment.png)
}

.icon-summary {
    background-image: url(../images/lightning.png)
}

.icon-server-authentication {
    background-image: url(../images/server_key.png)
}

.icon-issue {
    background-image: url(../images/ticket.png)
}

.icon-zoom-in {
    background-image: url(../images/zoom_in.png)
}

.icon-zoom-out {
    background-image: url(../images/zoom_out.png)
}

.icon-magnifier {
    background-image: url(../images/magnifier.png)
}

.icon-passwd {
    background-image: url(../images/textfield_key.png)
}

.icon-arrow-right, .icon-sticky, .icon-test {
    background-image: url(../images/bullet_go.png)
}

.icon-email {
    background-image: url(../images/email.png)
}

.icon-email-disabled {
    background-image: url(../images/email_disabled.png)
}

.icon-email-add {
    background-image: url(../images/email_add.png)
}

.icon-ok {
    background-image: url(../images/true.png)
}

.icon-not-ok {
    background-image: url(../images/false.png)
}

.icon-link-break {
    background-image: url(../images/link_break.png)
}

.icon-list {
    background-image: url(../images/text_list_bullets.png)
}

.icon-close {
    background-image: url(../images/close.png)
}

    .icon-close:hover {
        background-image: url(../images/close_hl.png)
    }

.icon-settings {
    background-image: url(../images/changeset.png)
}

.icon-group, .icon-groupanonymous, .icon-groupnonmember {
    background-image: url(../images/group.png)
}

.icon-roles {
    background-image: url(../images/database_key.png)
}

.icon-issue-edit {
    background-image: url(../images/ticket_edit.png)
}

.icon-workflows {
    background-image: url(../images/ticket_go.png)
}

.icon-custom-fields {
    background-image: url(../images/textfield.png)
}

.icon-plugins {
    background-image: url(../images/plugin.png)
}

.icon-news {
    background-image: url(../images/news.png)
}

.icon-issue-closed {
    background-image: url(../images/ticket_checked.png)
}

.icon-issue-note {
    background-image: url(../images/ticket_note.png)
}

.icon-changeset {
    background-image: url(../images/changeset.png)
}

.icon-message {
    background-image: url(../images/message.png)
}

.icon-reply {
    background-image: url(../images/comments.png)
}

.icon-wiki-page {
    background-image: url(../images/wiki_edit.png)
}

.icon-document {
    background-image: url(../images/document.png)
}

.icon-project {
    background-image: url(../images/projects.png)
}

.icon-add-bullet {
    background-image: url(../images/bullet_add.png)
}

.icon-shared {
    background-image: url(../images/link.png)
}

.icon-actions {
    background-image: url(../images/3_bullets.png)
}

.icon-sort-handle {
    background-image: url(../images/reorder.png)
}

.icon-expended {
    background-image: url(../images/arrow_down.png)
}

.icon-collapsed {
    background-image: url(../images/arrow_right.png)
}

.icon-bookmark {
    background-image: url(../images/tag_blue_delete.png)
}

.icon-bookmark-off {
    background-image: url(../images/tag_blue_add.png)
}

.icon-bookmarked-project {
    background-image: url(../images/tag_blue.png)
}

.icon-sorted-asc {
    background-image: url(../images/arrow_down.png)
}

.icon-sorted-desc {
    background-image: url(../images/arrow_up.png)
}

.icon-toggle-plus {
    background-image: url(../images/bullet_toggle_plus.png)
}

.icon-toggle-minus {
    background-image: url(../images/bullet_toggle_minus.png)
}

.icon-clear-query {
    background-image: url(../images/close_hl.png)
}

.icon-import {
    background-image: url(../images/database_go.png)
}

.icon-file {
    background-image: url(../images/files/default.png)
}

    .icon-file.text-plain {
        background-image: url(../images/files/text.png)
    }

    .icon-file.text-x-c {
        background-image: url(../images/files/c.png)
    }

    .icon-file.text-x-csharp {
        background-image: url(../images/files/csharp.png)
    }

    .icon-file.text-x-java {
        background-image: url(../images/files/java.png)
    }

    .icon-file.application-javascript {
        background-image: url(../images/files/js.png)
    }

    .icon-file.text-x-php {
        background-image: url(../images/files/php.png)
    }

    .icon-file.text-x-ruby {
        background-image: url(../images/files/ruby.png)
    }

    .icon-file.text-xml {
        background-image: url(../images/files/xml.png)
    }

    .icon-file.text-css {
        background-image: url(../images/files/css.png)
    }

    .icon-file.text-html {
        background-image: url(../images/files/html.png)
    }

    .icon-file.image-gif {
        background-image: url(../images/files/image.png)
    }

    .icon-file.image-jpeg {
        background-image: url(../images/files/image.png)
    }

    .icon-file.image-png {
        background-image: url(../images/files/image.png)
    }

    .icon-file.image-tiff {
        background-image: url(../images/files/image.png)
    }

    .icon-file.application-pdf {
        background-image: url(../images/files/pdf.png)
    }

    .icon-file.application-zip {
        background-image: url(../images/files/zip.png)
    }

    .icon-file.application-gzip {
        background-image: url(../images/files/zip.png)
    }

.icon-copy-link {
    background-image: url(../images/copy_link.png)
}

.sort-handle.ajax-loading {
    background-image: url(../images/loading.gif)
}

tr.ui-sortable-helper {
    border: 1px solid #e4e4e4
}

.buttons > .icon:not(:first-child), .contextual .journal-actions > :not(:first-child), .contextual > :not(:first-child) {
    margin-left: 5px
}

img.gravatar {
    vertical-align: middle;
    border-radius: 20%
}

div.issue img.gravatar {
    float: left;
    margin: 0 12px 6px 0
}

div.gravatar-with-child {
    position: relative
}

    div.gravatar-with-child > img.gravatar:nth-child(2) {
        position: absolute;
        top: 30px;
        left: 30px;
        border-radius: 20%;
        border: 2px solid rgba(255,255,255,.9)
    }

h2 img.gravatar, h3 img.gravatar {
    margin-right: 4px
}

h4 img.gravatar {
    margin: -2px 4px -4px 0
}

td.username img.gravatar {
    margin: 0 .5em 0 0;
    vertical-align: top
}

#activity dt img.gravatar {
    float: left;
    margin: 0 1em 1em 0
}

.icon-gravatar {
    float: left;
    margin-right: 4px
}

#activity dt, .journal {
    clear: left
}

h2 img {
    vertical-align: middle
}

.hascontextmenu {
    cursor: context-menu
}

.sample-data {
    border: 1px solid #ccc;
    border-collapse: collapse;
    background-color: #fff;
    margin: .5em
}

    .sample-data td {
        border: 1px solid #ccc;
        padding: 2px 4px;
        font-family: Consolas,Menlo,"Liberation Mono",Courier,monospace
    }

    .sample-data tr:first-child td {
        font-weight: 700;
        text-align: center
    }

.ui-progressbar {
    position: relative
}

#progress-label {
    position: absolute;
    left: 50%;
    top: 4px;
    font-weight: 700;
    color: #555;
    text-shadow: 1px 1px 0 #fff
}

.repository-graph {
    width: 75%;
    margin-bottom: 2em
}

img.filecontent.image {
    background-image: url(../images/transparent.png)
}

.ui-autocomplete, .ui-menu {
    border-radius: 2px;
    border: 1px solid #ccc
}

    .ui-autocomplete .ui-menu-item > div, .ui-menu .ui-menu-item > div {
        padding: 4px 8px;
        max-width: 500px
    }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border-color: #759fcf;
    background: #759fcf
}

.ui-widget-overlay {
    background: #000;
    opacity: 70%
}

.tribute-container ul {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 2px
}

.tribute-container li.highlight {
    background-color: #759fcf;
    color: #fff
}

.syntaxhl .hll {
    background-color: #ffc
}

.syntaxhl {
    background: #fafafa
}

    .syntaxhl .c {
        color: #888
    }

    .syntaxhl .err {
        color: red;
        background-color: #faa
    }

    .syntaxhl .k {
        color: #080;
        font-weight: 700
    }

    .syntaxhl .o {
        color: #333
    }

    .syntaxhl .ch {
        color: #888
    }

    .syntaxhl .cm {
        color: #888
    }

    .syntaxhl .cp {
        color: #579
    }

    .syntaxhl .cpf {
        color: #888
    }

    .syntaxhl .c1 {
        color: #888
    }

    .syntaxhl .cs {
        color: #c00;
        font-weight: 700
    }

    .syntaxhl .gd {
        color: #a00000
    }

    .syntaxhl .ge {
        font-style: italic
    }

    .syntaxhl .gr {
        color: red
    }

    .syntaxhl .gh {
        color: navy;
        font-weight: 700
    }

    .syntaxhl .gi {
        color: #00a000
    }

    .syntaxhl .go {
        color: #888
    }

    .syntaxhl .gp {
        color: #c65d09;
        font-weight: 700
    }

    .syntaxhl .gs {
        font-weight: 700
    }

    .syntaxhl .gu {
        color: purple;
        font-weight: 700
    }

    .syntaxhl .gt {
        color: #04d
    }

    .syntaxhl .kc {
        color: #080;
        font-weight: 700
    }

    .syntaxhl .kd {
        color: #080;
        font-weight: 700
    }

    .syntaxhl .kn {
        color: #080;
        font-weight: 700
    }

    .syntaxhl .kp {
        color: #038;
        font-weight: 700
    }

    .syntaxhl .kr {
        color: #080;
        font-weight: 700
    }

    .syntaxhl .kt {
        color: #339;
        font-weight: 700
    }

    .syntaxhl .m {
        color: #60e;
        font-weight: 700
    }

    .syntaxhl .s {
        background-color: #fff0f0
    }

    .syntaxhl .na {
        color: #00c
    }

    .syntaxhl .nb {
        color: #007020
    }

    .syntaxhl .nc {
        color: #b06;
        font-weight: 700
    }

    .syntaxhl .no {
        color: #036;
        font-weight: 700
    }

    .syntaxhl .nd {
        color: #555;
        font-weight: 700
    }

    .syntaxhl .ni {
        color: #800;
        font-weight: 700
    }

    .syntaxhl .ne {
        color: red;
        font-weight: 700
    }

    .syntaxhl .nf {
        color: #06b;
        font-weight: 700
    }

    .syntaxhl .nl {
        color: #970;
        font-weight: 700
    }

    .syntaxhl .nn {
        color: #0e84b5;
        font-weight: 700
    }

    .syntaxhl .nt {
        color: #070
    }

    .syntaxhl .nv {
        color: #963
    }

    .syntaxhl .ow {
        color: #000;
        font-weight: 700
    }

    .syntaxhl .w {
        color: #bbb
    }

    .syntaxhl .mb {
        color: #60e;
        font-weight: 700
    }

    .syntaxhl .mf {
        color: #60e;
        font-weight: 700
    }

    .syntaxhl .mh {
        color: #058;
        font-weight: 700
    }

    .syntaxhl .mi {
        color: #00d;
        font-weight: 700
    }

    .syntaxhl .mo {
        color: #40e;
        font-weight: 700
    }

    .syntaxhl .sa {
        background-color: #fff0f0
    }

    .syntaxhl .sb {
        background-color: #fff0f0
    }

    .syntaxhl .sc {
        color: #04d
    }

    .syntaxhl .dl {
        background-color: #fff0f0
    }

    .syntaxhl .sd {
        color: #d42
    }

    .syntaxhl .s2 {
        background-color: #fff0f0
    }

    .syntaxhl .se {
        color: #666;
        font-weight: 700;
        background-color: #fff0f0
    }

    .syntaxhl .sh {
        background-color: #fff0f0
    }

    .syntaxhl .si {
        background-color: #eee
    }

    .syntaxhl .sx {
        color: #d20;
        background-color: #fff0f0
    }

    .syntaxhl .sr {
        color: #000;
        background-color: #fff0ff
    }

    .syntaxhl .s1 {
        background-color: #fff0f0
    }

    .syntaxhl .ss {
        color: #a60
    }

    .syntaxhl .bp {
        color: #007020
    }

    .syntaxhl .fm {
        color: #06b;
        font-weight: 700
    }

    .syntaxhl .vc {
        color: #369
    }

    .syntaxhl .vg {
        color: #d70;
        font-weight: 700
    }

    .syntaxhl .vi {
        color: #33b
    }

    .syntaxhl .vm {
        color: #963
    }

    .syntaxhl .il {
        color: #00d;
        font-weight: 700
    }

@media print {
    #footer, #header, #main-menu, #sidebar, #top-menu, .contextual, .other-formats {
        display: none
    }

    #main {
        background: #fff
    }

    #content {
        width: 99%;
        margin: 0;
        padding: 0;
        border: 0;
        background: #fff;
        overflow: visible !important
    }

    #wiki_add_attachment {
        display: none
    }

    .hide-when-print, .pagination .per-page, .pagination ul.pages {
        display: none !important
    }

    .autoscroll {
        overflow-x: visible
    }

    table.list {
        margin-top: .5em
    }

        table.list td, table.list th {
            border: 1px solid #aaa
        }
}

.hidden-for-sighted {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden
}

img {
    image-orientation: from-image
}

.filecontent-container {
    position: relative;
    margin-bottom: 20px;
    min-height: 200px
}

    .filecontent-container > .filecontent {
        position: absolute;
        max-height: 100%;
        max-width: 100%
    }

        .filecontent-container > .filecontent.wiki {
            position: relative;
            padding: 1em;
            border: 1px solid #e4e4e4;
            border-radius: 3px
        }

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    select::-ms-expand {
        display: none
    }

    select[multiple=multiple] {
        padding-right: 0
    }
}

th[role=columnheader]:not(.no-sort) {
    cursor: pointer
}

    th[role=columnheader]:not(.no-sort):after {
        content: '';
        float: right;
        margin-top: 7px;
        border-width: 0 4px 4px;
        border-style: solid;
        border-color: #404040 transparent;
        display: none;
        opacity: 0;
        -ms-user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }

th[aria-sort=ascending]:not(.no-sort):after {
    border-bottom: none;
    border-width: 4px 4px 0
}

th[aria-sort]:not(.no-sort):after {
    display: inline;
    opacity: .4
}

th[role=columnheader]:not(.no-sort):hover:after {
    display: inline;
    opacity: 1
}

@font-face {
    font-family: WFS-RM-font;
    src: url(../fonts/WFS-RM-font.eot);
    src: url(../fonts/WFS-RM-font.eot?#iefix) format('eot'),url(../fonts/WFS-RM-font.woff) format('woff'),url(../fonts/WFS-RM-font.ttf) format('truetype')
}

:root {
    --color-fff: #fff;
    --color-dark: #3C2944;
    --color-blue: #438aff;
    --color-darck-blue: #4b3ac0;
    --color-blue-light: #E2EFFF;
    --color-red: #FF2D6E;
    --color-red-errof: #b72251;
    --color-red-superlight: #fcc8d8;
    --color-green: #00B5A1;
    --color-green-dark: #00524B;
    --color-green-super-light: #b2e3de;
    --color-purple: #f700f4;
    --color-purple-dark: #c202c0;
    --color-yellow: #FFC245;
    --color-yellow-light: #fce7be;
    --color-error: #FF2D6E;
    --color-orange: #FF824A;
    --color-grey: #afaeae;
    --super_grey_light: #ebebec;
    --suder-dark-grey: #BBBFCD;
    --main-bg-box: #ECEDF0;
    --menu-grey: #7E7383;
    --icon-grey: #7E7383;
    --icon-grey-dark: #323338;
    --menu-bg: #2E314F;
    --color-main-color: #9100D0;
    --color-main-color-activety: #9100D0;
    --bg-box-activety: #f5e8fc;
    --color-main-color-text: #ffffff;
    --grey: #B3A7B7;
    --color-dark-grey: #A5A5A5;
    --icon-bg: #cce5ff;
    --main-background: var(--color-fff);
    --border-color: var(--border-color-content);
    --text-color-main: var(--color-dark);
    --bg-in-content: var(--color-blue-light);
    --bg-body: #f5e8fc;
    --bg-mobile: #fff;
    --bg-box: #f5e8fc;
    --bg-other: #ffffff;
    --bg-other-in: #f5e8fc;
    --bg-fff: #ffffff;
    --light-bg: #ece1fc;
    --select-bg-redmineup: var(--color-main-color);
    --all-hover-bg: #e7cae7;
    --all-hover-bg-color: var(--color-dark);
    --scroll-bg: #ebebec;
    --scroll-handle: var(--color-main-color);
    --jcf-drop-active: var(--text-color-main);
    --tab-color-text: var(--border-color-content);
    --tab-color-text-seleced: var(--color-main-color);
    --notice-error-bg: var(--color-red-superlight);
    --notice-error-main: var(--color-red);
    --notice-error-main-text: var(--color-red);
    --notice-successfu-main: var(--color-green);
    --notice-successfu-main-text: var(--color-fff);
    --notice-successfu-bg: var(--color-green-super-light);
    --notice-successfu-bg-text: var(--color-green-dark);
    --notice-worning-main: var(--color-yellow);
    --notice-worning-bg: var(--color-yellow-light);
    --notice-worning-color: var(--color-dark);
    --red_border_error: var(--color-red);
    --red_error_text: var(--color-fff);
    --border-radius: 8px;
    --border-radius-full: 100%;
    --border-radius-small: 3px;
    --border-radius-midle: 5px;
    --icon-border-radius: 100px;
    --time-hover: 0.2s;
    --time-main: 0.5s;
    --time-hover-null: 0s;
    --icon-width: 30px;
    --icon-font-size: 30px;
    --icon-smaller-width: 26px;
    --icon-smaller-font-size: 26px;
    --icon-width-small: 20px;
    --icon-font-size-small: 20px;
    --icon-font: "WFS-RM-font";
    --icon-color: #A481B2;
    --icon-color-hover: #4D4351;
    --icon_color_active: #4D4351;
    --icon_bg: #cab5d5;
    --icon_bg_hover: #cab5d5;
    --icon_bg_active: #cab5d5;
    --icon-color-disabled: #7E7383;
    --icon_bg-disabled: #B3A7B7;
    --icon-color-bg: #A481B2;
    --icon-color-hover-bg: var(--color-main-color);
    --icon_color_active-bg: var(--color-main-color);
    --icon_bg-bg: var(--bg-fff);
    --icon_bg_hover-bg: var(--bg-fff);
    --icon_bg_active-bg: var(--bg-fff);
    --icon-color-list: var(--color-dark-grey);
    --icon-color-hover-list: var(--bg-fff);
    --icon_color_active-list: var(--bg-fff);
    --icon_bg-list: var(--bg-fff);
    --icon_bg_hover-list: var(--color-main-color);
    --icon_bg_active-list: var(--color-main-color);
    --icon-color-: var(--icon-grey);
    --icon-content-color: var(--color-orange);
    --icon-content-color-hover: #fff;
    --icon-content_bg: var(--color-orange);
    --icon-content_bg_hover: var(--color-orange);
    --icon-content_bg_active: var(--color-orange);
    --icon-color-bg-other: #A481B2;
    --icon-color-bg-other-hover: #4D4351;
    --icon-color-bg-other-active: #4D4351;
    --icon-bg-bg-other: #cab5d5;
    --icon-bg-bg-other-hover: #cab5d5;
    --icon-bg-bg-other-active: #cab5d5;
    --icon-star: var(--color-orange);
    --button-main-color: var(--color-fff);
    --button-main-bg: var(--color-main-color);
    --button-main-color-hover: var(--color-fff);
    --button-main-bg-hover: #BE0090;
    --button-main-color-disabled: var(--color-dark);
    --button-main-bg-disabled: var(--color-grey);
    --button-color: var(--color-main-color);
    --button-bg: var(--color-blue-light);
    --button-color-hover: var(--color-fff);
    --button-bg-hover: var(--color-main-color);
    --button-color-disabled: var(--color-dark);
    --button-bg-disabled: var(--color-grey);
    --button-color-disabled: #fff;
    --button-bg-disabled: var(--color-dark-grey);
    --button-grey-color: var(--color-dark);
    --button-grey-bg: var(--super_grey_light);
    --button-grey-color-hover: var(--color-dark);
    --button-grey-bg-hover: var(--color-grey);
    --button-font-weight: 600;
    --button-border-radius: 8px;
    --bg-disabled: var(--color-dark-grey);
    --color-disabled: var(--color-fff);
    --button-main-color-bg: var(--color-main-color-text);
    --button-main-bg-bg: var(--color-main-color);
    --button-main-color-hover-bg: var(--color-main-color);
    --button-main-bg-hover-bg: var(--color-main-color-text);
    --button-main-color-disabled-bg: var(--color-dark);
    --button-main-bg-disabled-bg: var(--color-grey);
    --button-color-bg: var(--color-main-color);
    --button-bg-bg: var(--bg-fff);
    --button-color-hover-bg: var(--bg-fff);
    --button-bg-hover-bg: var(--color-main-color);
    --table-bg-hover: #afd6fd;
    --popup-overlay: rgba(255, 255, 255, 0.7);
    --popup-overlay-fancy: var(--bg-fff);
    --main-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    --small-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1);
    --box-shadow-null: 0 10px 10px rgba(0, 0, 0, 0);
    --table-shadow: rgba(0, 0, 0, 0.1) 0px 3px 5px;
    --big-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
    --big-shadow-hover: 0 10px 10px rgba(145, 0, 208, 0.5);
    --popup-close-color: var(--color-red);
    --popup-close-bg: var(--color-red);
    --popup-close-color-hover: var(--color-fff);
    --popup-close-bg-hover: var(--color-red);
    --popup-close-color-2: var(--color-red);
    --popup-close-bg-2: var(--color-fff);
    --popup-close-color-hover-2: var(--color-fff);
    --popup-close-bg-hover-2: var(--color-red);
    --color-warning: var(--color-orange);
    --priority-1: var(--color-blue);
    --priority-2: var(--color-green);
    --priority-3: var(--color-yellow);
    --priority-4: var(--color-purple);
    --priority-5: var(--color-error);
    --priority-color: var(--color-fff);
    --tracker-1: var(--color-red);
    --tracker-2: var(--color-green);
    --tracker-3: var(--color-blue);
    --drop-text-color: var(--color-dark);
    --drop-text-color-hover: var(--color-dark);
    --drop-icon-color: var(--color-dark);
    --drop-icon-color-hover: var(--color-dark);
    --drop-border-color: var(--color-grey);
    --drop-bg: var(--all-hover-bg);
    --drop-bg-hover: var(--all-hover-bg);
    --drop-shadow: var(--all-hover-bg);
    --icon-save-color: var(--color-green);
    --icon-save-color-hover: var(--color-fff);
    --icon-save-bg: var(--color-green-super-light);
    --icon-save-bg-hover: var(--color-green);
    --icon-close-color: var(--color-error);
    --icon-close-color-hover: var(--color-fff);
    --icon-close-bg: var(--color-red-superlight);
    --icon-close-bg-hover: var(--color-error);
    --icon-dell-bg: var(--color-red);
    --icon-dell-bg-hover: var(--color-error);
    --icon-dell-color: var(--color-fff);
    --icon-dell-color-hover: var(--color-fff);
    --color-link: var(--color-main-color);
    --border-color-content: #ccc;
    --pagination-color: var(--icon-color);
    --pagination-color-hover: var(--icon-color-hover);
    --pagination-color-avtive: var(--icon_color_active);
    --pagination-bg: var(--color-fff);
    --pagination-bg-hover: var(--icon_bg_hover);
    --pagination-bg-active: var(--icon_bg_active);
    --pagination-font-weight: 700;
    --flyout_menu_bg: var(--color-main-color);
    --flyout_menu_color: var(--color-fff);
    --flyout_menu_border: var(--color-fff);
    --flyout_menu_button_bg: var(--color-fff);
    --flyout_menu_button_color: var(--color-main-color);
    --flyout_menu_bg_selected: var(--color-red);
    --flyout_menu_color_selected: var(--color-fff);
    --flyout_menu_title_bg: #7901ad;
    --flyout_menu_title_color: var(--color-fff);
    --flyout_menu_admin_menu_bg: #0099FF;
    --flyout_menu_admin_menu_color: var(--color-fff);
    --flyout_menu_general-menu_bg: #00A8DB;
    --flyout_menu_general-menu_color: var(--color-fff);
    --flyout_menu_profile-menu_bg: #5E96C4;
    --flyout_menu_profile-menu_color: var(--color-fff);
    --flyout_menu_watchers-menu_bg: var(--color-green);
    --flyout_menu_watchers-menu_color: var(--color-fff);
    --flyout-text-color: var(--color-dark);
    --tooltip-bg: var(--color-main-color);
    --tooltip-bg-hover: var(--color-main-color);
    --tooltip-color: var(--color-fff);
    --tooltip-color-hover: var(--color-fff);
    --scrollbar: var(--color-grey);
    --scrollbar_handle: var(--color-main-color);
    --sidebar-main_color: var(--color-main-color);
    --sidebar-main_color_text: var(--bg-fff);
    --sidebar-main_color_hover: #292f4c;
    --sidebar-main_color_text_hover: var(--bg-fff);
    --sidebar-open-button-bg: #fff;
    --sidebar-open-button-border: var(--border-color);
    --sidebar-open-button-color: var(--color-dark);
    --sidebar-open-button-bg-hover: #9D89EE;
    --sidebar-open-button-border-hover: #9D89EE;
    --sidebar-open-button-color-hover: #fff
}

#footer {
    --bg: var(--color-fff);
    --text-color-main: var(--color-grey);
    --border-color: var(--color-grey)
}

#sidebar {
    --bg: var(--bg-body);
    --main_color: var(--color-main-color);
    --text-color-main: var(--color-dark);
    --border-color: #BBBFCD;
    --icon-color: var(--icon-color-bg);
    --icon-color-hover: var(--color-main-color);
    --icon_color_active: var(--color-main-color);
    --icon_bg: var(--bg-fff);
    --icon_bg_hover: var(--bg-fff);
    --icon_bg_active: var(--bg-fff);
    --button-main-color: var(--color-main-color-text);
    --button-main-bg: var(--color-main-color);
    --button-main-color-hover: var(--bg-fff);
    --button-main-bg-hover: #BE0090;
    --button-color: var(--color-main-color);
    --button-bg: var(--color-main-color-text);
    --button-color-hover: var(--color-main-color-text);
    --button-bg-hover: var(--color-main-color);
    --scroll-bg: var(--bg-fff);
    --scroll-handle: var(--color-main-color)
}

#admin-menu, #main-menu, .mod-obj {
    --bg: var(--bg-fff);
    --bg-after: var(--color-blue-light);
    --border-color: #A481B2;
    --border-color-logo: #A481B2;
    --link-color: var(--color-dark);
    --link-color-hover: var(--color-dark);
    --link-color-active: var(--color-main-color);
    --scrollbar: #ebebec;
    --scrollbar_handle: var(--color-main-color);
    --icon-color: #A481B2;
    --icon-color-hover: var(--color-main-color);
    --icon_color_active: var(--color-main-color);
    --icon_bg: var(--bg-fff);
    --icon_bg_hover: var(--bg-fff);
    --icon_bg_active: var(--bg-body);
    --main-menu-font-weight: 400;
    --menu-children-font-weight: 400;
    --flyout-menu-font-weight: 400;
    --submit-font-weight: 400
}

#admin-index {
    --admin-color-text: var(--color-dark-grey);
    --admin-color-bg: var(--bg-fff);
    --admin-color-after: var(--bg-fff);
    --admin-color-bg-hover: var(--all-hover-bg);
    --admin-color-text-hover: var(--color-main-color)
}

#top-menu {
    --bg: var(--bg-fff);
    --icon-color: #A481B2;
    --icon-color-hover: #4D4351;
    --icon_color_active: #4D4351;
    --border-color: var(--color-grey);
    --icon_bg: #cab5d5;
    --icon_bg_hover: #cab5d5;
    --icon_bg_active: #cab5d5;
    --top-notification: var(--tracker-1);
    --top-notification-color: var(--color-fff);
    --link-color: var(--color-dark);
    --link-color-hover: var(--color-main-color);
    --link-bg: var(--color-fff);
    --link-bg-hover: var(--color-blue-light);
    --text-color: #3C2944;
    --start-time-bg-time: var(--menu-bg);
    --start-time-text-color: var(--color-fff)
}

.revo-modal-badge {
    --bg: var(--bg-box);
    --bg-title: var(--color-fff);
    --text-color: var(--color-dark);
    --link-color: var(--color-dark);
    --link-color-hover: var(--color-dark);
    --link-bg: var(--color-fff);
    --link-bg-hover: var(--all-hover-bg);
    --border-color: var(--color-dark)
}

.select2-container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

    .select2-container .select2-selection--single {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        height: 28px;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-user-select: none
    }

        .select2-container .select2-selection--single .select2-selection__rendered {
            display: block;
            padding-left: 8px;
            padding-right: 20px;
            overflow: hidden;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .select2-container .select2-selection--single .select2-selection__clear {
            background-color: transparent;
            border: none;
            font-size: 1em
        }

    .select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
        padding-right: 8px;
        padding-left: 20px
    }

    .select2-container .select2-selection--multiple {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        min-height: 32px;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-user-select: none
    }

        .select2-container .select2-selection--multiple .select2-selection__rendered {
            display: inline;
            list-style: none;
            padding: 0
        }

        .select2-container .select2-selection--multiple .select2-selection__clear {
            background-color: transparent;
            border: none;
            font-size: 1em
        }

    .select2-container .select2-search--inline .select2-search__field {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border: none;
        font-size: 100%;
        margin-top: 5px;
        margin-left: 5px;
        padding: 0;
        max-width: 100%;
        resize: none;
        height: 18px;
        vertical-align: bottom;
        font-family: sans-serif;
        overflow: hidden;
        word-break: keep-all
    }

        .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
            -webkit-appearance: none
        }

.select2-dropdown {
    background-color: var(--bg-fff);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius-small);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

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

.select2-results__option {
    padding: 6px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-results__option--selectable {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

    .select2-search--dropdown .select2-search__field {
        padding: 4px;
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
            -webkit-appearance: none
        }

    .select2-search--dropdown.select2-search--hide {
        display: none
    }

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: var(--bg-fff)
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.select2-container--default .select2-selection--single {
    background-color: var(--bg-fff);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius-small)
}

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #444;
        line-height: 28px
    }

    .select2-container--default .select2-selection--single .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: 700;
        height: 26px;
        margin-right: 20px;
        padding-right: 0
    }

    .select2-container--default .select2-selection--single .select2-selection__placeholder {
        color: #999
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 26px;
        position: absolute;
        top: 1px;
        right: 1px;
        width: 20px
    }

        .select2-container--default .select2-selection--single .select2-selection__arrow b {
            border-color: #888 transparent transparent transparent;
            border-style: solid;
            border-width: 5px 4px 0 4px;
            height: 0;
            left: 50%;
            margin-left: -4px;
            margin-top: -2px;
            position: absolute;
            top: 50%;
            width: 0
        }

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

    .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
        display: none
    }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}

.select2-container--default .select2-selection--multiple {
    background-color: var(--bg-fff);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius-small);
    cursor: text;
    padding-bottom: 5px;
    padding-right: 5px;
    position: relative
}

    .select2-container--default .select2-selection--multiple.select2-selection--clearable {
        padding-right: 25px
    }

    .select2-container--default .select2-selection--multiple .select2-selection__clear {
        cursor: pointer;
        font-weight: 700;
        height: 20px;
        margin-right: 10px;
        margin-top: 5px;
        position: absolute;
        right: 0;
        padding: 1px
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: #e4e4e4;
        border: 1px solid var(--border-color);
        border-radius: var(--border-radius-small);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;
        margin-left: 5px;
        margin-top: 5px;
        padding: 0;
        padding-left: 20px;
        position: relative;
        max-width: 100%;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        vertical-align: bottom;
        white-space: nowrap
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
        cursor: default;
        padding-left: 2px;
        padding-right: 5px
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        background-color: transparent;
        border: none;
        border-right: 1px solid var(--border-color);
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        color: #999;
        cursor: pointer;
        font-size: 1em;
        font-weight: 700;
        padding: 0 4px;
        position: absolute;
        left: 0;
        top: 0
    }

        .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
            background-color: #f1f1f1;
            color: #333;
            outline: 0
        }

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 5px;
    padding-right: 2px
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    border-left: 1px solid var(--border-color);
    border-right: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: var(--border-radius-small);
    border-bottom-right-radius: var(--border-radius-small)
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__clear {
    float: left;
    margin-left: 10px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #000 1px;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid var(--border-color)
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: 0 0;
    border: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

    .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
        padding-left: 0
    }

    .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -1em;
        padding-left: 2em
    }

        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -2em;
            padding-left: 3em
        }

            .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                margin-left: -3em;
                padding-left: 4em
            }

                .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                    margin-left: -4em;
                    padding-left: 5em
                }

                    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                        margin-left: -5em;
                        padding-left: 6em
                    }

.select2-container--default .select2-results__option--group {
    padding: 0
}

.select2-container--default .select2-results__option--disabled {
    color: #999
}

.select2-container--default .select2-results__option--selected {
    background-color: #ddd
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--text-color-main);
    color: var(--color-main-color-text)
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius-small);
    outline: 0;
    background-image: -o-linear-gradient(top,#fff 50%,#eee 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),to(#eee));
    background-image: linear-gradient(to bottom,#fff 50%,#eee 100%);
    background-repeat: repeat-x
}

    .select2-container--classic .select2-selection--single:focus {
        border: 1px solid var(--text-color-main)
    }

    .select2-container--classic .select2-selection--single .select2-selection__rendered {
        color: #444;
        line-height: 28px
    }

    .select2-container--classic .select2-selection--single .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: 700;
        height: 26px;
        margin-right: 20px
    }

    .select2-container--classic .select2-selection--single .select2-selection__placeholder {
        color: #999
    }

    .select2-container--classic .select2-selection--single .select2-selection__arrow {
        background-color: #ddd;
        border: none;
        border-left: 1px solid var(--border-color);
        border-top-right-radius: var(--border-radius-small);
        border-bottom-right-radius: var(--border-radius-small);
        height: 26px;
        position: absolute;
        top: 1px;
        right: 1px;
        width: 20px;
        background-image: -o-linear-gradient(top,#eee 50%,#ccc 100%);
        background-image: -webkit-gradient(linear,left top,left bottom,color-stop(50%,#eee),to(#ccc));
        background-image: linear-gradient(to bottom,#eee 50%,#ccc 100%);
        background-repeat: repeat-x
    }

        .select2-container--classic .select2-selection--single .select2-selection__arrow b {
            border-color: #888 transparent transparent transparent;
            border-style: solid;
            border-width: 5px 4px 0 4px;
            height: 0;
            left: 50%;
            margin-left: -4px;
            margin-top: -2px;
            position: absolute;
            top: 50%;
            width: 0
        }

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid var(--border-color);
    border-radius: 0;
    border-top-left-radius: var(--border-radius-small);
    border-bottom-left-radius: var(--border-radius-small);
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid var(--text-color-main)
}

    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
        background: 0 0;
        border: none
    }

        .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
            border-color: transparent transparent #888 transparent;
            border-width: 0 4px 5px 4px
        }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -o-linear-gradient(top,#fff 0,#eee 50%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(white),color-stop(50%,#eee));
    background-image: linear-gradient(to bottom,#fff 0,#eee 50%);
    background-repeat: repeat-x
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -o-linear-gradient(top,#eee 50%,#fff 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(50%,#eee),to(white));
    background-image: linear-gradient(to bottom,#eee 50%,#fff 100%);
    background-repeat: repeat-x
}

.select2-container--classic .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius-small);
    cursor: text;
    outline: 0;
    padding-bottom: 5px;
    padding-right: 5px
}

    .select2-container--classic .select2-selection--multiple:focus {
        border: 1px solid var(--text-color-main)
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__clear {
        display: none
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__choice {
        background-color: #e4e4e4;
        border: 1px solid var(--border-color);
        border-radius: var(--border-radius-small);
        display: inline-block;
        margin-left: 5px;
        margin-top: 5px;
        padding: 0
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
        cursor: default;
        padding-left: 2px;
        padding-right: 5px
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
        background-color: transparent;
        border: none;
        border-top-left-radius: var(--border-radius-small);
        border-bottom-left-radius: var(--border-radius-small);
        color: #888;
        cursor: pointer;
        font-size: 1em;
        font-weight: 700;
        padding: 0 4px
    }

        .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
            color: #555;
            outline: 0
        }

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 5px;
    padding-right: 2px
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: var(--border-radius-small);
    border-bottom-right-radius: var(--border-radius-small)
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid var(--text-color-main)
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid var(--border-color);
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--classic .select2-results__option--group {
    padding: 0
}

.select2-container--classic .select2-results__option--disabled {
    color: grey
}

.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--text-color-main);
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: var(--text-color-main)
}

body #columns + .select2, body #sidebar #columns + .select2, body #sidebar .jcf-select ~ *, body #sidebar .select2 ~ *, body #sidebar input[type=submit] + a.icon, body #sidebar input[type=text] ~ *, body #sidebar textarea ~ *, body .jcf-select ~ *, body .select2 ~ *, body input[type=submit] + a.icon, body input[type=text] ~ *, body textarea ~ * {
    margin: 5px 0 5px 10px !important
}

body #sidebar input[type=text] ~ #issue_deal, body input[type=text] ~ #issue_deal {
    margin: 0 !important
}

body #sidebar input[type=text] + br, body input[type=text] + br {
    display: none !important
}

body #sidebar input[type=text] ~ .jcf-select, body input[type=text] ~ .jcf-select {
    min-width: 50px
}

body #sidebar .simplecolorpicker, body .simplecolorpicker {
    margin: 0 !important
}

body #preview_settings_welcome_text, body #sidebar #preview_settings_welcome_text {
    margin: 0 !important
}

body #sidebar .select2, body .select2 {
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    outline: 0 none
}

    body #sidebar .select2 > *, body .select2 > * {
        -moz-appearance: none;
        -webkit-appearance: none;
        -o-appearance: none;
        outline: 0 none
    }

body #sidebar select[multiple] + .select2-container--default, body select[multiple] + .select2-container--default {
    height: auto
}

body #sidebar .select2-container--default, body .select2-container--default {
    display: inline-block;
    vertical-align: top;
    position: relative;
    background: var(--bg-fff);
    margin: 0;
    min-width: 150px;
    height: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius-small);
    cursor: pointer;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    outline: 0 none;
    -webkit-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent
}

    body #sidebar .select2-container--default .select2-selection--multiple, body .select2-container--default .select2-selection--multiple {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-bottom: 0
    }

    body #sidebar .select2-container--default > *, body .select2-container--default > * {
        -moz-appearance: none;
        -webkit-appearance: none;
        -o-appearance: none;
        outline: 0 none;
        -webkit-box-shadow: 0 0 0 0 transparent;
        box-shadow: 0 0 0 0 transparent
    }

    body #sidebar .select2-container--default.select2-container--open .select2-selection--single:after, body #sidebar .select2-container--default:hover .select2-selection--single:after, body .select2-container--default.select2-container--open .select2-selection--single:after, body .select2-container--default:hover .select2-selection--single:after {
        color: var(--color-main-color)
    }

    body #sidebar .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow:after, body #sidebar .select2-container--default:hover .select2-selection--single .select2-selection__arrow:after, body .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow:after, body .select2-container--default:hover .select2-selection--single .select2-selection__arrow:after {
        color: var(--color-main-color)
    }

    body #sidebar .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow:after, body .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow:after {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    body #sidebar .select2-container--default .select2-results__group, body .select2-container--default .select2-results__group {
        padding: 0
    }

    body #sidebar .select2-container--default .select2-selection--single, body .select2-container--default .select2-selection--single {
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        display: block;
        font-size: .85714286rem;
        color: var(--text-color-main);
        padding: 0 30px 0 10px;
        margin: 0;
        z-index: 1;
        border: 0;
        height: 100%;
        border-radius: var(--border-radius-small);
        background-image: none !important;
        -moz-appearance: none;
        -webkit-appearance: none;
        -o-appearance: none;
        outline: 0 none;
        -webkit-box-shadow: 0 0 0 0 transparent;
        box-shadow: 0 0 0 0 transparent
    }

        body #sidebar .select2-container--default .select2-selection--single.icon, body .select2-container--default .select2-selection--single.icon {
            height: 28px;
            min-height: 28px
        }

        body #sidebar .select2-container--default .select2-selection--single:after, body .select2-container--default .select2-selection--single:after {
            display: block;
            clear: both;
            position: absolute;
            top: 0;
            left: 0;
            width: var(--icon-width);
            height: var(--icon-width);
            font-family: var(--icon-font);
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-style: normal;
            font-variant: normal;
            font-weight: 400;
            text-decoration: none;
            text-transform: none;
            font-size: var(--icon-font-size);
            line-height: var(--icon-width);
            color: var(--color-dark-grey);
            -webkit-transition: color var(--time-hover) ease-in-out;
            -o-transition: color var(--time-hover) ease-in-out;
            transition: color var(--time-hover) ease-in-out
        }

        body #sidebar .select2-container--default .select2-selection--single .select2-selection__rendered, body .select2-container--default .select2-selection--single .select2-selection__rendered {
            padding: 0;
            height: 100%;
            font-size: .85714286rem;
            line-height: 30px;
            overflow: hidden;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            white-space: nowrap;
            text-align: left
        }

        body #sidebar .select2-container--default .select2-selection--single .select2-selection__clear, body .select2-container--default .select2-selection--single .select2-selection__clear {
            width: 28px;
            height: 28px;
            position: relative;
            overflow: hidden;
            color: var(--bg-fff);
            margin: 0
        }

            body #sidebar .select2-container--default .select2-selection--single .select2-selection__clear:after, body .select2-container--default .select2-selection--single .select2-selection__clear:after {
                display: block;
                clear: both;
                position: absolute;
                top: -1px;
                left: -1px;
                width: 28px;
                height: 28px;
                font-family: var(--icon-font);
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                font-style: normal;
                font-variant: normal;
                font-weight: 400;
                text-decoration: none;
                text-transform: none;
                font-size: 18px;
                line-height: 28px;
                color: var(--color-dark-grey);
                -webkit-transition: color var(--time-hover) ease-in-out;
                -o-transition: color var(--time-hover) ease-in-out;
                transition: color var(--time-hover) ease-in-out
            }

            body #sidebar .select2-container--default .select2-selection--single .select2-selection__clear:hover:after, body .select2-container--default .select2-selection--single .select2-selection__clear:hover:after {
                color: var(--color-red)
            }

        body #sidebar .select2-container--default .select2-selection--single .select2-selection, body .select2-container--default .select2-selection--single .select2-selection {
            margin: 2px 44px 3px 10px;
            border: 0;
            border-radius: var(--icon-border-radius)
        }

        body #sidebar .select2-container--default .select2-selection--single .select2-selection__arrow, body .select2-container--default .select2-selection--single .select2-selection__arrow {
            position: absolute;
            text-align: center;
            height: var(--icon-width);
            width: var(--icon-width);
            right: 0;
            top: 0;
            z-index: 2;
            border-radius: var(--icon-border-radius)
        }

            body #sidebar .select2-container--default .select2-selection--single .select2-selection__arrow:after, body .select2-container--default .select2-selection--single .select2-selection__arrow:after {
                display: block;
                clear: both;
                position: absolute;
                top: 0;
                left: 0;
                height: var(--icon-width);
                width: var(--icon-width);
                -webkit-transform: rotate(0);
                -ms-transform: rotate(0);
                transform: rotate(0);
                -webkit-transition: transform var(--time-hover) ease-in-out;
                -o-transition: transform var(--time-hover) ease-in-out;
                -webkit-transition: -webkit-transform var(--time-hover) ease-in-out;
                transition: -webkit-transform var(--time-hover) ease-in-out;
                transition: transform var(--time-hover) ease-in-out;
                transition: transform var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
                font-family: var(--icon-font);
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                font-style: normal;
                font-variant: normal;
                font-weight: 400;
                text-decoration: none;
                text-transform: none;
                font-size: var(--icon-smaller-width);
                line-height: var(--icon-width);
                color: var(--border-color-content)
            }

            body #sidebar .select2-container--default .select2-selection--single .select2-selection__arrow b, body .select2-container--default .select2-selection--single .select2-selection__arrow b {
                display: none
            }

    body #sidebar .select2-container--default .select2-selection--multiple, body .select2-container--default .select2-selection--multiple {
        border: 0 !important;
        height: 100%
    }

        body #sidebar .select2-container--default .select2-selection--multiple .select2-selection__clear, body .select2-container--default .select2-selection--multiple .select2-selection__clear {
            margin-top: 0;
            padding: 0;
            width: var(--icon-width-small);
            height: var(--icon-width-small);
            text-align: center;
            font-size: 1.28571429rem;
            line-height: var(--icon-width-small);
            border-radius: var(--border-radius-small);
            background: var(--text-color-main);
            color: var(--color-main-color-text);
            -webkit-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            -o-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out
        }

            body #sidebar .select2-container--default .select2-selection--multiple .select2-selection__clear:after, body .select2-container--default .select2-selection--multiple .select2-selection__clear:after {
                display: none
            }

            body #sidebar .select2-container--default .select2-selection--multiple .select2-selection__clear:hover, body .select2-container--default .select2-selection--multiple .select2-selection__clear:hover {
                background: var(--bg-box);
                color: var(--text-color-main)
            }

        body #sidebar .select2-container--default .select2-selection--multiple .select2-selection__choice, body .select2-container--default .select2-selection--multiple .select2-selection__choice {
            color: var(--text-color-main);
            vertical-align: top;
            border-radius: 3px;
            padding: 3px 4px;
            font-size: .7857rem;
            line-height: 1.1;
            margin: 2px 10px 2px 0;
            background: var(--bg-box);
            -webkit-transition: all var(--time-hover) ease;
            -o-transition: all var(--time-hover) ease;
            transition: all var(--time-hover) ease;
            border: 1px solid var(--color-main-color);
            overflow: hidden;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            max-width: calc(100% - 4px)
        }

        body #sidebar .select2-container--default .select2-selection--multiple .select2-selection__rendered, body .select2-container--default .select2-selection--multiple .select2-selection__rendered {
            margin: 0;
            height: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            padding: 4px 10px;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }

        body #sidebar .select2-container--default .select2-selection--multiple .select2-selection__choice__remove, body .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
            position: static;
            font-size: .85714286rem;
            line-height: .85714286rem;
            color: var(--color-main-color-text);
            width: 12px;
            height: 12px;
            padding: 0;
            margin: 0 5px 0 0;
            overflow: hidden;
            text-align: center;
            background: var(--color-main-color);
            border-radius: 1px;
            -webkit-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            -o-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            display: inline-block
        }

            body #sidebar .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, body .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
                color: var(--color-main-color);
                background: var(--color-main-color-text)
            }

    body #sidebar .select2-container--default .select2-search--inline .select2-search__field, body .select2-container--default .select2-search--inline .select2-search__field {
        padding-left: 10px;
        padding-right: 10px;
        height: 30px;
        line-height: 30px
    }

.select2-container .select2-search__field {
    border-color: var(--border-color);
    border-radius: var(--border-radius-small);
    outline: 0
}

.select2-container .select2-dropdown {
    border-color: var(--border-color);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 0 -1px
}

    .select2-container .select2-dropdown .select2-results__group {
        display: block;
        padding: 5px 10px;
        position: relative
    }

        .select2-container .select2-dropdown .select2-results__group:after {
            content: '';
            display: block;
            clear: both;
            position: absolute;
            top: 0;
            right: 0;
            width: 100%;
            height: 100%;
            opacity: .5;
            background: var(--super_grey_light);
            z-index: -1
        }

    .select2-container .select2-dropdown li {
        position: relative;
        -webkit-transition: color var(--time-hover) ease-in-out;
        -o-transition: color var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out;
        padding: 5px 10px !important
    }

        .select2-container .select2-dropdown li:empty {
            display: none
        }

        .select2-container .select2-dropdown li.select2-results__option--group {
            padding: 0 !important
        }

        .select2-container .select2-dropdown li.select2-results__option[role=group] {
            padding: 0 !important
        }

            .select2-container .select2-dropdown li.select2-results__option[role=group]:after {
                display: none
            }

        .select2-container .select2-dropdown li span {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            position: relative;
            padding: 5px 10px
        }

        .select2-container .select2-dropdown li:after {
            content: '';
            display: block;
            clear: both;
            position: absolute;
            top: 0;
            right: 0;
            width: 0;
            height: 100%;
            background: var(--all-hover-bg);
            z-index: -1;
            -webkit-transition: width var(--time-hover) ease-in-out;
            -o-transition: width var(--time-hover) ease-in-out;
            transition: width var(--time-hover) ease-in-out
        }

        .select2-container .select2-dropdown li:before {
            content: '';
            display: block;
            clear: both;
            position: absolute;
            top: 0;
            left: 0;
            height: 1px;
            width: 100%;
            background: var(--border-color)
        }

        .select2-container .select2-dropdown li.select2-results__option[aria-disabled=true]:after {
            width: 100% !important;
            background: var(--super_grey_light) !important
        }

        .select2-container .select2-dropdown li:not(.select2-results__option--group):not(.select2-results__option[role=group]):hover {
            color: var(--text-color-main)
        }

            .select2-container .select2-dropdown li:not(.select2-results__option--group):not(.select2-results__option[role=group]):hover:after {
                width: 100%
            }

        .select2-container .select2-dropdown li.select2-results__option--highlighted[aria-selected] {
            color: var(--text-color-main);
            background: 0 0
        }

            .select2-container .select2-dropdown li.select2-results__option--highlighted[aria-selected]:after {
                width: 100%
            }

        .select2-container .select2-dropdown li.select2-results__option--selected[aria-selected=false], .select2-container .select2-dropdown li.select2-results__option--selected[aria-selected=true] {
            color: var(--notice-error-main-text) !important;
            background: 0 0
        }

            .select2-container .select2-dropdown li.select2-results__option--selected[aria-selected=false]:after, .select2-container .select2-dropdown li.select2-results__option--selected[aria-selected=true]:after {
                background: var(--notice-error-bg) !important;
                width: 100%
            }

    .select2-container .select2-dropdown img {
        margin: 0 10px 0 0;
        display: block
    }

.select2-container .select2-contact__name {
    margin-left: 0
}

.select2-container .select2-contact__email {
    margin-left: 10px
}

body.avatars-on div.journal {
    padding-left: 0
}

html {
    font-size: 14px;
    scroll-behavior: smooth
}

body, html {
    height: 100%;
    min-height: 100%;
    margin: 0;
    color: var(--text-color-main)
}

html > body #main #content {
    min-height: 0
}

.touchdevice #wrapper {
    max-height: 9999999999999999999px
}

    .touchdevice #wrapper #wrapper2 {
        max-height: 9999999999999999999px
    }

        .touchdevice #wrapper #wrapper2 #wrapper3 {
            max-height: 9999999999999999999px
        }

body {
    min-width: 320px;
    font-size: 1rem;
    line-height: 1.4;
    font-family: sans-serif;
    background-image: var(--main-background);
    background-repeat: repeat;
    position: relative;
    padding: 0 !important
}

    body .query-columns {
        height: auto
    }

    body button, body input, body select, body textarea {
        outline: 0 none
    }

    body table.query-columns td.buttons br {
        display: none
    }

    body .hidden-box {
        display: none !important
    }

    body a {
        outline: 0
    }

    body abbr, body span.field-description[title] {
        text-decoration: none
    }

    body table tr:hover a.wiki-anchor {
        opacity: 1
    }

    body a.wiki-anchor {
        display: inline-block !important;
        overflow: hidden;
        width: var(--icon-smaller-width);
        height: var(--icon-smaller-width);
        position: relative;
        font-size: 0 !important;
        line-height: 0 !important;
        vertical-align: bottom;
        opacity: 0
    }

        body a.wiki-anchor:after {
            text-indent: 0;
            content: "\E048";
            text-align: center;
            position: absolute;
            color: var(--icon-color);
            top: 0;
            left: 0;
            display: block;
            clear: both;
            height: 100%;
            width: 100%;
            margin: 0;
            overflow: hidden;
            border-radius: var(--icon-border-radius);
            z-index: 1;
            font-family: var(--icon-font);
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-style: normal;
            font-variant: normal;
            font-weight: 400;
            text-decoration: none;
            text-transform: none;
            font-size: var(--icon-smaller-font-size);
            line-height: var(--icon-smaller-width);
            -webkit-transition: color var(--time-hover) ease-in-out;
            -o-transition: color var(--time-hover) ease-in-out;
            transition: color var(--time-hover) ease-in-out
        }

        body a.wiki-anchor:before {
            content: '';
            display: block;
            clear: both;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: var(--icon_bg);
            -webkit-transform: scale(0);
            -ms-transform: scale(0);
            transform: scale(0);
            z-index: -1;
            border-radius: var(--icon-border-radius);
            -webkit-transition: transform var(--time-hover) ease-in-out;
            -o-transition: transform var(--time-hover) ease-in-out;
            -webkit-transition: -webkit-transform var(--time-hover) ease-in-out;
            transition: -webkit-transform var(--time-hover) ease-in-out;
            transition: transform var(--time-hover) ease-in-out;
            transition: transform var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
        }

        body a.wiki-anchor:hover:after {
            color: var(--icon-color-hover)
        }

        body a.wiki-anchor:hover:before {
            background-color: var(--icon_bg_hover);
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1)
        }

    body button, body input, body select {
        height: auto
    }

    body select {
        height: 30px
    }

        body select[class*=select2] {
            background-image: none
        }

    body #project-jump .drdn-trigger, body #project-jump .drdn.expanded .drdn-trigger, body .icon-expended, body .icon-sorted-asc, body button.tab-left, body button.tab-right, body select {
        background-image: none !important
    }

    body #wrapper3 {
        display: block;
        position: relative;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 0 42px
    }

    body h1, body h2, body h3, body h4 {
        font-family: sans-serif
    }

.buttons > .icon:not(:first-child), .contextual .journal-actions > :not(:first-child), .contextual > :not(:first-child) {
    margin-left: 0
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

code, pre {
    overflow-x: auto
}

hr {
    background: var(--border-color)
}

.highlight {
    padding: 5px 10px;
    display: inline-block;
    border-radius: var(--border-radius)
}

#watchers a.delete {
    opacity: 1
}

.hidden:not(td,#update) {
    position: fixed !important;
    top: -99999999px;
    left: -99999999px
}

.admin-filter .hidden {
    position: relative !important;
    top: 0;
    left: 0
}

.icon.found {
    background: 0 0;
    padding: 0 0 0 calc(var(--icon-width) + 5px);
    line-height: var(--icon-width);
    display: inline-block;
    position: relative
}

    .icon.found:after {
        position: absolute;
        top: 0;
        left: 0;
        width: var(--icon-width);
        height: var(--icon-width)
    }

    .icon.found.icon-ok:after {
        color: var(--notice-successfu-main)
    }

    .icon.found.icon-warning:after {
        color: var(--notice-worning-main)
    }

#issue-changesets div.changeset:nth-child(2n):hover, #issue-changesets div.changeset:nth-child(2n+1):hover, .odd:hover, table.list:not(.odd-even) tbody tr:nth-child(2n):hover, table.list:not(.odd-even) tbody tr:nth-child(2n+1):hover {
    background: 0 0 !important
}

#main div#activity dt.icon:after {
    color: var(--icon-grey)
}

#main div#activity dd {
    color: var(--icon-grey)
}

    #main div#activity dd span.description {
        color: var(--icon-grey)
    }

.icon:not(td), a[href*="questions_sections/new"] {
    padding: 0 0 0 calc(var(--icon-width) + 5px);
    line-height: var(--icon-width);
    min-height: var(--icon-width);
    display: inline-block;
    position: relative;
    background: 0 0
}

    .icon:not(td):after, a[href*="questions_sections/new"]:after {
        font-family: var(--icon-font);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        text-decoration: none;
        text-transform: none;
        font-size: var(--icon-font-size);
        line-height: 1;
        position: absolute;
        top: 0;
        left: 0;
        width: var(--icon-width);
        height: var(--icon-width)
    }

.issue .icon-email {
    padding: 0 0 0 30px;
    min-height: var(--icon-smaller-width);
    line-height: var(--icon-smaller-width)
}

    .issue .icon-email:after {
        font-size: var(--icon-smaller-font-size);
        line-height: var(--icon-smaller-width);
        width: var(--icon-smaller-width);
        height: var(--icon-smaller-width)
    }

.issue span.icon-email {
    color: var(--icon-color-bg)
}

table .icon, table a[href*="questions_sections/new"] {
    vertical-align: top
}

.flyout-is-active #wrapper {
    right: 0 !important;
    overflow: hidden
}

    .flyout-is-active #wrapper:before {
        content: '';
        display: block;
        clear: both;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: var(--flyout_menu_bg);
        opacity: .5
    }

    .flyout-is-active #wrapper #wrapper2 {
        margin: 0 0 0 -250px
    }

.flyout-is-active .flyout-menu {
    right: 0
}

a:after {
    font-size: 0;
    line-height: 0
}

.touchdevice #wrapper #wrapper2 {
    min-height: 100%
}

#wrapper {
    position: relative;
    background: 0 0;
    min-height: 100% !important;
    right: 0;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    #wrapper tr.group a.toggle-all {
        display: inline-block;
        visibility: hidden
    }

    #wrapper tr.group:hover a.toggle-all {
        visibility: visible
    }

    #wrapper tr.group span.totals {
        color: var(--text-color-main)
    }

    #wrapper h1, #wrapper h2, #wrapper h3, #wrapper h4 {
        font-family: sans-serif;
        font-weight: 700
    }

    #wrapper:before {
        content: '';
        display: block;
        clear: both;
        position: fixed;
        top: 50%;
        left: 50%;
        visibility: visible;
        background: url(../images/redmine-evolution-ixa.svg) 50% 50% no-repeat;
        background-size: contain;
        width: 100px;
        height: 100px;
        margin: -130px 0 0 -50px;
        -webkit-transition: opacity var(--time-main) ease-in-out;
        -o-transition: opacity var(--time-main) ease-in-out;
        transition: opacity var(--time-main) ease-in-out
    }

    #wrapper:after {
        content: '';
        display: block;
        clear: both;
        visibility: visible;
        background: url(../images/spiner.svg) 50% 50% no-repeat;
        background-size: contain;
        width: 50px;
        height: 50px;
        position: fixed;
        top: 50%;
        left: 50%;
        margin: -25px 0 0 -25px;
        -webkit-transition: opacity var(--time-main) ease-in-out;
        -o-transition: opacity var(--time-main) ease-in-out;
        transition: opacity var(--time-main) ease-in-out
    }

    #wrapper #wrapper2 {
        opacity: 0;
        margin: 0;
        width: 100%;
        min-height: 100vh;
        position: relative;
        background: var(--bg-body);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: opacity var(--time-main) ease-in-out,margin var(--time-main) ease-in-out;
        -o-transition: opacity var(--time-main) ease-in-out,margin var(--time-main) ease-in-out;
        transition: opacity var(--time-main) ease-in-out,margin var(--time-main) ease-in-out
    }

    #wrapper > * {
        opacity: 0;
        -webkit-transition: opacity var(--time-main) ease-in-out;
        -o-transition: opacity var(--time-main) ease-in-out;
        transition: opacity var(--time-main) ease-in-out
    }

.no-animate #wrapper #wrapper2 {
    -webkit-transition: opacity var(--time-main) ease-in-out;
    -o-transition: opacity var(--time-main) ease-in-out;
    transition: opacity var(--time-main) ease-in-out
}

.start:after {
    opacity: 0
}

.start #wrapper:after, .start #wrapper:before {
    opacity: 0
}

.start #wrapper #wrapper2, .start #wrapper > * {
    opacity: 1;
    z-index: 2
}

input[type=button], input[type=submit] {
    cursor: pointer
}

input {
    -webkit-appearance: none
}

    input[type=checkbox] {
        -moz-appearance: none;
        -webkit-appearance: none;
        -o-appearance: none;
        position: relative;
        outline: 0 none;
        height: 18px !important;
        width: 18px !important;
        margin: 0 5px 0 0;
        border: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background: 0 0
    }

        input[type=checkbox]:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            height: 18px;
            width: 18px;
            background: var(--bg-fff);
            border: 1px solid var(--border-color-content);
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            border-radius: var(--border-radius-small);
            cursor: pointer;
            margin: 0
        }

        input[type=checkbox]:after {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%,-50%) skew(-5deg) rotate(-50deg);
            -ms-transform: translate(-50%,-50%) skew(-5deg) rotate(-50deg);
            transform: translate(-50%,-50%) skew(-5deg) rotate(-50deg);
            margin: -1px 0 0;
            height: 4px;
            width: 10px;
            border: 2px solid var(--color-main-color);
            border-right: none;
            border-top: none;
            opacity: 0;
            -webkit-transition: opacity var(--time-hover) ease-in-out;
            -o-transition: opacity var(--time-hover) ease-in-out;
            transition: opacity var(--time-hover) ease-in-out
        }

        input[type=checkbox]:checked:after {
            opacity: 1
        }

        input[type=checkbox]:disabled:before {
            background: var(--border-color);
            border: 1px solid var(--border-color)
        }

    input[type=radio] {
        -moz-appearance: none;
        -webkit-appearance: none;
        -o-appearance: none;
        position: relative;
        outline: 0 none;
        height: 18px !important;
        width: 18px !important;
        margin: 0 5px 0 0;
        border: 0;
        background: 0 0
    }

        input[type=radio]:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            margin: 0;
            height: 18px;
            width: 18px;
            background: var(--bg-fff);
            border: 1px solid var(--border-color-content);
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            border-radius: var(--border-radius-full);
            cursor: pointer
        }

        input[type=radio]:after {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            margin: -5px 0 0 -5px;
            width: 10px;
            height: 10px;
            background: var(--color-main-color);
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            border-radius: var(--border-radius-full);
            opacity: 0;
            -webkit-transition: opacity var(--time-hover) ease-in-out;
            -o-transition: opacity var(--time-hover) ease-in-out;
            transition: opacity var(--time-hover) ease-in-out
        }

        input[type=radio]:checked:after {
            opacity: 1
        }

body div.tooltip-new {
    position: absolute;
    z-index: 1070;
    display: block;
    font-size: .7857rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.4;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    opacity: 0;
    line-break: auto
}

    body div.tooltip-new.in {
        opacity: 1
    }

    body div.tooltip-new.top {
        padding: 5px 0;
        margin-top: -3px
    }

    body div.tooltip-new.right {
        padding: 0 5px;
        margin-left: 3px
    }

    body div.tooltip-new.bottom {
        padding: 5px 0;
        margin-top: 3px
    }

    body div.tooltip-new.left {
        padding: 0 5px;
        margin-left: -3px
    }

    body div.tooltip-new .tooltip-inner {
        max-width: 200px;
        padding: 3px 8px;
        color: var(--tooltip-color);
        text-align: center;
        background-color: var(--tooltip-bg);
        border-radius: var(--border-radius-small);
        -webkit-box-shadow: var(--box-shadow-null);
        box-shadow: var(--box-shadow-null)
    }

    body div.tooltip-new div.tooltip-arrow {
        position: absolute;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid
    }

    body div.tooltip-new.top div.tooltip-arrow {
        bottom: 0;
        left: 50%;
        margin-left: -5px;
        border-width: 5px 5px 0;
        border-top-color: var(--tooltip-bg)
    }

    body div.tooltip-new.top-left div.tooltip-arrow {
        right: 5px;
        bottom: 0;
        margin-bottom: -5px;
        border-width: 5px 5px 0;
        border-top-color: var(--tooltip-bg)
    }

    body div.tooltip-new.top-right div.tooltip-arrow {
        bottom: 0;
        left: 5px;
        margin-bottom: -5px;
        border-width: 5px 5px 0;
        border-top-color: var(--tooltip-bg)
    }

    body div.tooltip-new.right div.tooltip-arrow {
        top: 50%;
        left: 0;
        margin-top: -5px;
        border-width: 5px 5px 5px 0;
        border-right-color: var(--tooltip-bg)
    }

    body div.tooltip-new.left div.tooltip-arrow {
        top: 50%;
        right: 0;
        margin-top: -5px;
        border-width: 5px 0 5px 5px;
        border-left-color: var(--tooltip-bg)
    }

    body div.tooltip-new.bottom div.tooltip-arrow {
        top: 0;
        left: 50%;
        margin-left: -5px;
        border-width: 0 5px 5px;
        border-bottom-color: var(--tooltip-bg)
    }

    body div.tooltip-new.bottom-left div.tooltip-arrow {
        top: 0;
        right: 5px;
        margin-top: -5px;
        border-width: 0 5px 5px;
        border-bottom-color: var(--tooltip-bg)
    }

    body div.tooltip-new.bottom-right div.tooltip-arrow {
        top: 0;
        left: 5px;
        margin-top: -5px;
        border-width: 0 5px 5px;
        border-bottom-color: var(--tooltip-bg)
    }

#new-relation-form p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    #new-relation-form p input[type=text] {
        margin: 0 10px 0 10px
    }

    #new-relation-form p input[type=submit] {
        margin: 0 !important;
        border-radius: var(--border-radius-small) !important
    }

        #new-relation-form p input[type=submit] + a {
            background: var(--button-bg);
            color: var(--button-color);
            border-radius: var(--border-radius-small) !important
        }

            #new-relation-form p input[type=submit] + a:hover {
                background: var(--button-bg-hover);
                color: var(--button-color-hover)
            }

.controller-attachments #main .attachments, .controller-notes #main .attachments {
    margin-top: 0
}

    .controller-attachments #main .attachments table, .controller-notes #main .attachments table {
        margin-top: 0;
        padding-top: 0
    }

        .controller-attachments #main .attachments table .icon-attachment, .controller-notes #main .attachments table .icon-attachment {
            min-height: 0;
            line-height: inherit
        }

#main {
    z-index: 1;
    background: 0 0;
    padding: 0 30px 20px 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: margin-right var(--time-main) ease-in-out;
    -o-transition: margin-right var(--time-main) ease-in-out;
    transition: margin-right var(--time-main) ease-in-out
}

    #main .tag-label-color:after {
        display: none !important
    }

    #main #admin-index .nodata .jcf-select {
        margin: 10px 0
    }

    #main #admin-index .nodata p {
        margin: 15px 0
    }

    #main .attachments {
        position: relative;
        margin: 0 0 20px
    }

        #main .attachments.done-attachments {
            margin: 0
        }

        #main .attachments .thumbnails {
            display: none
        }

        #main .attachments table .delete {
            float: right
        }

        #main .attachments .contextual {
            top: 0 !important
        }

        #main .attachments a.icon {
            border-radius: 0
        }

    #main span.icon-zoom-in, #main span.icon-zoom-out {
        padding: 0;
        font-size: 0;
        line-height: 0;
        overflow: hidden;
        min-height: 0;
        min-width: 0
    }

        #main span.icon-zoom-in:after, #main span.icon-zoom-out:after {
            color: var(--color-red)
        }

    #main .open .icon-folder {
        background: 0 0
    }

    #main a[onclick*="#issue_description_and_toolbar"] > img {
        display: none
    }

    #main a[onclick*="#issue_description_and_toolbar"] .icon:after, #main a[onclick*="#issue_description_and_toolbar"] .icon:before {
        display: none
    }

    #main a[href*="/versions/new"] > img {
        display: none
    }

    #main #checklist_form_items .new span.icon, #main #company_profile_edit a, #main #content #comments .contextual a[href*=order_comments], #main #deal_contact_id_add_link, #main #expense_contact_id_add_link, #main #invoice_contact_id_add_link, #main #operation_contact_id_add_link, #main #order_contact_id_add_link, #main #sidebar .contextual a, #main .avatar.extended .delete, #main .contextual a[href="/activity"], #main .contextual a[href="/issues"], #main .contextual a[href="/time_entries"], #main .contextual:not(.next-prev-links) a:not(#show_note_form_extras), #main .fa-pencil, #main .hold-control .controls .btn, #main .icon-fancybox, #main .icon-not-ok, #main .query-columns .buttons span, #main .repeat-value, #main .sort-handle, #main .toggle-multiselect, #main a.atom, #main a.csv, #main a.current-from-address, #main a.html, #main a.icon-close, #main a.icon-only, #main a.icon-settings, #main a.icon:not(.add-checklist-item), #main a.odt, #main a.open-filter, #main a.pdf, #main a.png, #main a.project, #main a.txt, #main a.vcf, #main a.xls, #main a[href*="/versions/new"], #main a[href*="dmsf/webdav"], #main a[href*="issue_categories/new"], #main a[href*="questions_sections/new"], #main a[onclick*="#issue_description_and_toolbar"], #main div.issue.order.details #invoices .icon-invoice + a[href*=invoices], #main span.icon-only {
        opacity: 1 !important;
        border: none;
        background: 0 0;
        padding: 0;
        display: inline-block;
        height: var(--icon-smaller-width);
        width: var(--icon-smaller-width);
        margin: 0;
        overflow: hidden;
        position: relative;
        z-index: 2;
        border-radius: var(--icon-border-radius);
        font-size: 0;
        line-height: 0;
        color: var(--icon-color);
        vertical-align: middle;
        min-width: var(--icon-smaller-width);
        min-height: var(--icon-smaller-width);
        -webkit-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        -o-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        cursor: pointer
    }

        #main #checklist_form_items .new span.icon:after, #main #company_profile_edit a:after, #main #content #comments .contextual a[href*=order_comments]:after, #main #deal_contact_id_add_link:after, #main #expense_contact_id_add_link:after, #main #invoice_contact_id_add_link:after, #main #operation_contact_id_add_link:after, #main #order_contact_id_add_link:after, #main #sidebar .contextual a:after, #main .avatar.extended .delete:after, #main .contextual a[href="/activity"]:after, #main .contextual a[href="/issues"]:after, #main .contextual a[href="/time_entries"]:after, #main .contextual:not(.next-prev-links) a:not(#show_note_form_extras):after, #main .fa-pencil:after, #main .hold-control .controls .btn:after, #main .icon-fancybox:after, #main .icon-not-ok:after, #main .query-columns .buttons span:after, #main .repeat-value:after, #main .sort-handle:after, #main .toggle-multiselect:after, #main a.atom:after, #main a.csv:after, #main a.current-from-address:after, #main a.html:after, #main a.icon-close:after, #main a.icon-only:after, #main a.icon-settings:after, #main a.icon:not(.add-checklist-item):after, #main a.odt:after, #main a.open-filter:after, #main a.pdf:after, #main a.png:after, #main a.project:after, #main a.txt:after, #main a.vcf:after, #main a.xls:after, #main a[href*="/versions/new"]:after, #main a[href*="dmsf/webdav"]:after, #main a[href*="issue_categories/new"]:after, #main a[href*="questions_sections/new"]:after, #main a[onclick*="#issue_description_and_toolbar"]:after, #main div.issue.order.details #invoices .icon-invoice + a[href*=invoices]:after, #main span.icon-only:after {
            text-align: center;
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            clear: both;
            height: 100%;
            width: 100%;
            margin: 0;
            overflow: hidden;
            border-radius: var(--icon-border-radius);
            z-index: 1;
            font-family: var(--icon-font);
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-style: normal;
            font-variant: normal;
            font-weight: 400;
            text-decoration: none;
            text-transform: none;
            font-size: var(--icon-smaller-font-size);
            line-height: var(--icon-smaller-width);
            -webkit-transition: color var(--time-hover) ease-in-out;
            -o-transition: color var(--time-hover) ease-in-out;
            transition: color var(--time-hover) ease-in-out
        }

        #main #checklist_form_items .new span.icon:before, #main #company_profile_edit a:before, #main #content #comments .contextual a[href*=order_comments]:before, #main #deal_contact_id_add_link:before, #main #expense_contact_id_add_link:before, #main #invoice_contact_id_add_link:before, #main #operation_contact_id_add_link:before, #main #order_contact_id_add_link:before, #main #sidebar .contextual a:before, #main .avatar.extended .delete:before, #main .contextual a[href="/activity"]:before, #main .contextual a[href="/issues"]:before, #main .contextual a[href="/time_entries"]:before, #main .contextual:not(.next-prev-links) a:not(#show_note_form_extras):before, #main .fa-pencil:before, #main .hold-control .controls .btn:before, #main .icon-fancybox:before, #main .icon-not-ok:before, #main .query-columns .buttons span:before, #main .repeat-value:before, #main .sort-handle:before, #main .toggle-multiselect:before, #main a.atom:before, #main a.csv:before, #main a.current-from-address:before, #main a.html:before, #main a.icon-close:before, #main a.icon-only:before, #main a.icon-settings:before, #main a.icon:not(.add-checklist-item):before, #main a.odt:before, #main a.open-filter:before, #main a.pdf:before, #main a.png:before, #main a.project:before, #main a.txt:before, #main a.vcf:before, #main a.xls:before, #main a[href*="/versions/new"]:before, #main a[href*="dmsf/webdav"]:before, #main a[href*="issue_categories/new"]:before, #main a[href*="questions_sections/new"]:before, #main a[onclick*="#issue_description_and_toolbar"]:before, #main div.issue.order.details #invoices .icon-invoice + a[href*=invoices]:before, #main span.icon-only:before {
            content: '';
            display: block;
            clear: both;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: var(--icon_bg);
            -webkit-transform: scale(0);
            -ms-transform: scale(0);
            transform: scale(0);
            z-index: -1;
            border-radius: var(--icon-border-radius);
            -webkit-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            -o-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            -webkit-transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
            transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
            transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
        }

        #main #checklist_form_items .new span.icon:hover, #main #company_profile_edit a:hover, #main #content #comments .contextual a[href*=order_comments]:hover, #main #deal_contact_id_add_link:hover, #main #expense_contact_id_add_link:hover, #main #invoice_contact_id_add_link:hover, #main #operation_contact_id_add_link:hover, #main #order_contact_id_add_link:hover, #main #sidebar .contextual a:hover, #main .avatar.extended .delete:hover, #main .contextual a[href="/activity"]:hover, #main .contextual a[href="/issues"]:hover, #main .contextual a[href="/time_entries"]:hover, #main .contextual:not(.next-prev-links) a:not(#show_note_form_extras):hover, #main .fa-pencil:hover, #main .hold-control .controls .btn:hover, #main .icon-fancybox:hover, #main .icon-not-ok:hover, #main .query-columns .buttons span:hover, #main .repeat-value:hover, #main .sort-handle:hover, #main .toggle-multiselect:hover, #main a.atom:hover, #main a.csv:hover, #main a.current-from-address:hover, #main a.html:hover, #main a.icon-close:hover, #main a.icon-only:hover, #main a.icon-settings:hover, #main a.icon:not(.add-checklist-item):hover, #main a.odt:hover, #main a.open-filter:hover, #main a.pdf:hover, #main a.png:hover, #main a.project:hover, #main a.txt:hover, #main a.vcf:hover, #main a.xls:hover, #main a[href*="/versions/new"]:hover, #main a[href*="dmsf/webdav"]:hover, #main a[href*="issue_categories/new"]:hover, #main a[href*="questions_sections/new"]:hover, #main a[onclick*="#issue_description_and_toolbar"]:hover, #main div.issue.order.details #invoices .icon-invoice + a[href*=invoices]:hover, #main span.icon-only:hover {
            color: var(--icon-color-hover);
            background-image: none !important
        }

            #main #checklist_form_items .new span.icon:hover:before, #main #company_profile_edit a:hover:before, #main #content #comments .contextual a[href*=order_comments]:hover:before, #main #deal_contact_id_add_link:hover:before, #main #expense_contact_id_add_link:hover:before, #main #invoice_contact_id_add_link:hover:before, #main #operation_contact_id_add_link:hover:before, #main #order_contact_id_add_link:hover:before, #main #sidebar .contextual a:hover:before, #main .avatar.extended .delete:hover:before, #main .contextual a[href="/activity"]:hover:before, #main .contextual a[href="/issues"]:hover:before, #main .contextual a[href="/time_entries"]:hover:before, #main .contextual:not(.next-prev-links) a:not(#show_note_form_extras):hover:before, #main .fa-pencil:hover:before, #main .hold-control .controls .btn:hover:before, #main .icon-fancybox:hover:before, #main .icon-not-ok:hover:before, #main .query-columns .buttons span:hover:before, #main .repeat-value:hover:before, #main .sort-handle:hover:before, #main .toggle-multiselect:hover:before, #main a.atom:hover:before, #main a.csv:hover:before, #main a.current-from-address:hover:before, #main a.html:hover:before, #main a.icon-close:hover:before, #main a.icon-only:hover:before, #main a.icon-settings:hover:before, #main a.icon:not(.add-checklist-item):hover:before, #main a.odt:hover:before, #main a.open-filter:hover:before, #main a.pdf:hover:before, #main a.png:hover:before, #main a.project:hover:before, #main a.txt:hover:before, #main a.vcf:hover:before, #main a.xls:hover:before, #main a[href*="/versions/new"]:hover:before, #main a[href*="dmsf/webdav"]:hover:before, #main a[href*="issue_categories/new"]:hover:before, #main a[href*="questions_sections/new"]:hover:before, #main a[onclick*="#issue_description_and_toolbar"]:hover:before, #main div.issue.order.details #invoices .icon-invoice + a[href*=invoices]:hover:before, #main span.icon-only:hover:before {
                background: var(--icon_bg_hover);
                -webkit-transform: scale(1);
                -ms-transform: scale(1);
                transform: scale(1)
            }

        #main #checklist_form_items .new span.icon.selected, #main #company_profile_edit a.selected, #main #content #comments .contextual a[href*=order_comments].selected, #main #deal_contact_id_add_link.selected, #main #expense_contact_id_add_link.selected, #main #invoice_contact_id_add_link.selected, #main #operation_contact_id_add_link.selected, #main #order_contact_id_add_link.selected, #main #sidebar .contextual a.selected, #main .avatar.extended .delete.selected, #main .contextual a[href="/activity"].selected, #main .contextual a[href="/issues"].selected, #main .contextual a[href="/time_entries"].selected, #main .contextual:not(.next-prev-links) a:not(#show_note_form_extras).selected, #main .fa-pencil.selected, #main .hold-control .controls .btn.selected, #main .icon-fancybox.selected, #main .icon-not-ok.selected, #main .query-columns .buttons span.selected, #main .repeat-value.selected, #main .sort-handle.selected, #main .toggle-multiselect.selected, #main a.atom.selected, #main a.csv.selected, #main a.current-from-address.selected, #main a.html.selected, #main a.icon-close.selected, #main a.icon-only.selected, #main a.icon-settings.selected, #main a.icon:not(.add-checklist-item).selected, #main a.odt.selected, #main a.open-filter.selected, #main a.pdf.selected, #main a.png.selected, #main a.project.selected, #main a.txt.selected, #main a.vcf.selected, #main a.xls.selected, #main a[href*="/versions/new"].selected, #main a[href*="dmsf/webdav"].selected, #main a[href*="issue_categories/new"].selected, #main a[href*="questions_sections/new"].selected, #main a[onclick*="#issue_description_and_toolbar"].selected, #main div.issue.order.details #invoices .icon-invoice + a[href*=invoices].selected, #main span.icon-only.selected {
            color: var(--icon_color_active)
        }

            #main #checklist_form_items .new span.icon.selected:before, #main #company_profile_edit a.selected:before, #main #content #comments .contextual a[href*=order_comments].selected:before, #main #deal_contact_id_add_link.selected:before, #main #expense_contact_id_add_link.selected:before, #main #invoice_contact_id_add_link.selected:before, #main #operation_contact_id_add_link.selected:before, #main #order_contact_id_add_link.selected:before, #main #sidebar .contextual a.selected:before, #main .avatar.extended .delete.selected:before, #main .contextual a[href="/activity"].selected:before, #main .contextual a[href="/issues"].selected:before, #main .contextual a[href="/time_entries"].selected:before, #main .contextual:not(.next-prev-links) a:not(#show_note_form_extras).selected:before, #main .fa-pencil.selected:before, #main .hold-control .controls .btn.selected:before, #main .icon-fancybox.selected:before, #main .icon-not-ok.selected:before, #main .query-columns .buttons span.selected:before, #main .repeat-value.selected:before, #main .sort-handle.selected:before, #main .toggle-multiselect.selected:before, #main a.atom.selected:before, #main a.csv.selected:before, #main a.current-from-address.selected:before, #main a.html.selected:before, #main a.icon-close.selected:before, #main a.icon-only.selected:before, #main a.icon-settings.selected:before, #main a.icon:not(.add-checklist-item).selected:before, #main a.odt.selected:before, #main a.open-filter.selected:before, #main a.pdf.selected:before, #main a.png.selected:before, #main a.project.selected:before, #main a.txt.selected:before, #main a.vcf.selected:before, #main a.xls.selected:before, #main a[href*="/versions/new"].selected:before, #main a[href*="dmsf/webdav"].selected:before, #main a[href*="issue_categories/new"].selected:before, #main a[href*="questions_sections/new"].selected:before, #main a[onclick*="#issue_description_and_toolbar"].selected:before, #main div.issue.order.details #invoices .icon-invoice + a[href*=invoices].selected:before, #main span.icon-only.selected:before {
                background-color: var(--icon_bg_active);
                -webkit-transform: scale(1);
                -ms-transform: scale(1);
                transform: scale(1)
            }

        #main #checklist_form_items .new span.icon.disabled, #main #company_profile_edit a.disabled, #main #content #comments .contextual a[href*=order_comments].disabled, #main #deal_contact_id_add_link.disabled, #main #expense_contact_id_add_link.disabled, #main #invoice_contact_id_add_link.disabled, #main #operation_contact_id_add_link.disabled, #main #order_contact_id_add_link.disabled, #main #sidebar .contextual a.disabled, #main .avatar.extended .delete.disabled, #main .contextual a[href="/activity"].disabled, #main .contextual a[href="/issues"].disabled, #main .contextual a[href="/time_entries"].disabled, #main .contextual:not(.next-prev-links) a:not(#show_note_form_extras).disabled, #main .fa-pencil.disabled, #main .hold-control .controls .btn.disabled, #main .icon-fancybox.disabled, #main .icon-not-ok.disabled, #main .query-columns .buttons span.disabled, #main .repeat-value.disabled, #main .sort-handle.disabled, #main .toggle-multiselect.disabled, #main a.atom.disabled, #main a.csv.disabled, #main a.current-from-address.disabled, #main a.html.disabled, #main a.icon-close.disabled, #main a.icon-only.disabled, #main a.icon-settings.disabled, #main a.icon:not(.add-checklist-item).disabled, #main a.odt.disabled, #main a.open-filter.disabled, #main a.pdf.disabled, #main a.png.disabled, #main a.project.disabled, #main a.txt.disabled, #main a.vcf.disabled, #main a.xls.disabled, #main a[href*="/versions/new"].disabled, #main a[href*="dmsf/webdav"].disabled, #main a[href*="issue_categories/new"].disabled, #main a[href*="questions_sections/new"].disabled, #main a[onclick*="#issue_description_and_toolbar"].disabled, #main div.issue.order.details #invoices .icon-invoice + a[href*=invoices].disabled, #main span.icon-only.disabled {
            opacity: .3
        }

            #main #checklist_form_items .new span.icon.disabled:hover, #main #company_profile_edit a.disabled:hover, #main #content #comments .contextual a[href*=order_comments].disabled:hover, #main #deal_contact_id_add_link.disabled:hover, #main #expense_contact_id_add_link.disabled:hover, #main #invoice_contact_id_add_link.disabled:hover, #main #operation_contact_id_add_link.disabled:hover, #main #order_contact_id_add_link.disabled:hover, #main #sidebar .contextual a.disabled:hover, #main .avatar.extended .delete.disabled:hover, #main .contextual a[href="/activity"].disabled:hover, #main .contextual a[href="/issues"].disabled:hover, #main .contextual a[href="/time_entries"].disabled:hover, #main .contextual:not(.next-prev-links) a:not(#show_note_form_extras).disabled:hover, #main .fa-pencil.disabled:hover, #main .hold-control .controls .btn.disabled:hover, #main .icon-fancybox.disabled:hover, #main .icon-not-ok.disabled:hover, #main .query-columns .buttons span.disabled:hover, #main .repeat-value.disabled:hover, #main .sort-handle.disabled:hover, #main .toggle-multiselect.disabled:hover, #main a.atom.disabled:hover, #main a.csv.disabled:hover, #main a.current-from-address.disabled:hover, #main a.html.disabled:hover, #main a.icon-close.disabled:hover, #main a.icon-only.disabled:hover, #main a.icon-settings.disabled:hover, #main a.icon:not(.add-checklist-item).disabled:hover, #main a.odt.disabled:hover, #main a.open-filter.disabled:hover, #main a.pdf.disabled:hover, #main a.png.disabled:hover, #main a.project.disabled:hover, #main a.txt.disabled:hover, #main a.vcf.disabled:hover, #main a.xls.disabled:hover, #main a[href*="/versions/new"].disabled:hover, #main a[href*="dmsf/webdav"].disabled:hover, #main a[href*="issue_categories/new"].disabled:hover, #main a[href*="questions_sections/new"].disabled:hover, #main a[onclick*="#issue_description_and_toolbar"].disabled:hover, #main div.issue.order.details #invoices .icon-invoice + a[href*=invoices].disabled:hover, #main span.icon-only.disabled:hover {
                color: var(--icon-color-disabled)
            }

                #main #checklist_form_items .new span.icon.disabled:hover:before, #main #company_profile_edit a.disabled:hover:before, #main #content #comments .contextual a[href*=order_comments].disabled:hover:before, #main #deal_contact_id_add_link.disabled:hover:before, #main #expense_contact_id_add_link.disabled:hover:before, #main #invoice_contact_id_add_link.disabled:hover:before, #main #operation_contact_id_add_link.disabled:hover:before, #main #order_contact_id_add_link.disabled:hover:before, #main #sidebar .contextual a.disabled:hover:before, #main .avatar.extended .delete.disabled:hover:before, #main .contextual a[href="/activity"].disabled:hover:before, #main .contextual a[href="/issues"].disabled:hover:before, #main .contextual a[href="/time_entries"].disabled:hover:before, #main .contextual:not(.next-prev-links) a:not(#show_note_form_extras).disabled:hover:before, #main .fa-pencil.disabled:hover:before, #main .hold-control .controls .btn.disabled:hover:before, #main .icon-fancybox.disabled:hover:before, #main .icon-not-ok.disabled:hover:before, #main .query-columns .buttons span.disabled:hover:before, #main .repeat-value.disabled:hover:before, #main .sort-handle.disabled:hover:before, #main .toggle-multiselect.disabled:hover:before, #main a.atom.disabled:hover:before, #main a.csv.disabled:hover:before, #main a.current-from-address.disabled:hover:before, #main a.html.disabled:hover:before, #main a.icon-close.disabled:hover:before, #main a.icon-only.disabled:hover:before, #main a.icon-settings.disabled:hover:before, #main a.icon:not(.add-checklist-item).disabled:hover:before, #main a.odt.disabled:hover:before, #main a.open-filter.disabled:hover:before, #main a.pdf.disabled:hover:before, #main a.png.disabled:hover:before, #main a.project.disabled:hover:before, #main a.txt.disabled:hover:before, #main a.vcf.disabled:hover:before, #main a.xls.disabled:hover:before, #main a[href*="/versions/new"].disabled:hover:before, #main a[href*="dmsf/webdav"].disabled:hover:before, #main a[href*="issue_categories/new"].disabled:hover:before, #main a[href*="questions_sections/new"].disabled:hover:before, #main a[onclick*="#issue_description_and_toolbar"].disabled:hover:before, #main div.issue.order.details #invoices .icon-invoice + a[href*=invoices].disabled:hover:before, #main span.icon-only.disabled:hover:before {
                    background-color: var(--icon_bg-disabled);
                    -webkit-transform: scale(0);
                    -ms-transform: scale(0);
                    transform: scale(0)
                }

    #main #content .box .contextual:not(.next-prev-links) a.icon-close, #main #content .box .contextual:not(.next-prev-links) a.icon-only, #main #content .box .contextual:not(.next-prev-links) a.icon-settings, #main #content .box .contextual:not(.next-prev-links) a.icon:not(.add-checklist-item), #main #content .mypage-box .contextual:not(.next-prev-links) a.icon-close, #main #content .mypage-box .contextual:not(.next-prev-links) a.icon-only, #main #content .mypage-box .contextual:not(.next-prev-links) a.icon-settings, #main #content .mypage-box .contextual:not(.next-prev-links) a.icon:not(.add-checklist-item), #main #content .tabular .contextual:not(.next-prev-links) a.icon-close, #main #content .tabular .contextual:not(.next-prev-links) a.icon-only, #main #content .tabular .contextual:not(.next-prev-links) a.icon-settings, #main #content .tabular .contextual:not(.next-prev-links) a.icon:not(.add-checklist-item) {
        color: var(--icon-color-bg)
    }

        #main #content .box .contextual:not(.next-prev-links) a.icon-close:after, #main #content .box .contextual:not(.next-prev-links) a.icon-only:after, #main #content .box .contextual:not(.next-prev-links) a.icon-settings:after, #main #content .box .contextual:not(.next-prev-links) a.icon:not(.add-checklist-item):after, #main #content .mypage-box .contextual:not(.next-prev-links) a.icon-close:after, #main #content .mypage-box .contextual:not(.next-prev-links) a.icon-only:after, #main #content .mypage-box .contextual:not(.next-prev-links) a.icon-settings:after, #main #content .mypage-box .contextual:not(.next-prev-links) a.icon:not(.add-checklist-item):after, #main #content .tabular .contextual:not(.next-prev-links) a.icon-close:after, #main #content .tabular .contextual:not(.next-prev-links) a.icon-only:after, #main #content .tabular .contextual:not(.next-prev-links) a.icon-settings:after, #main #content .tabular .contextual:not(.next-prev-links) a.icon:not(.add-checklist-item):after {
            color: var(--icon-color-bg)
        }

        #main #content .box .contextual:not(.next-prev-links) a.icon-close:before, #main #content .box .contextual:not(.next-prev-links) a.icon-only:before, #main #content .box .contextual:not(.next-prev-links) a.icon-settings:before, #main #content .box .contextual:not(.next-prev-links) a.icon:not(.add-checklist-item):before, #main #content .mypage-box .contextual:not(.next-prev-links) a.icon-close:before, #main #content .mypage-box .contextual:not(.next-prev-links) a.icon-only:before, #main #content .mypage-box .contextual:not(.next-prev-links) a.icon-settings:before, #main #content .mypage-box .contextual:not(.next-prev-links) a.icon:not(.add-checklist-item):before, #main #content .tabular .contextual:not(.next-prev-links) a.icon-close:before, #main #content .tabular .contextual:not(.next-prev-links) a.icon-only:before, #main #content .tabular .contextual:not(.next-prev-links) a.icon-settings:before, #main #content .tabular .contextual:not(.next-prev-links) a.icon:not(.add-checklist-item):before {
            background: var(--icon_bg-bg)
        }

        #main #content .box .contextual:not(.next-prev-links) a.icon-close:hover, #main #content .box .contextual:not(.next-prev-links) a.icon-only:hover, #main #content .box .contextual:not(.next-prev-links) a.icon-settings:hover, #main #content .box .contextual:not(.next-prev-links) a.icon:not(.add-checklist-item):hover, #main #content .mypage-box .contextual:not(.next-prev-links) a.icon-close:hover, #main #content .mypage-box .contextual:not(.next-prev-links) a.icon-only:hover, #main #content .mypage-box .contextual:not(.next-prev-links) a.icon-settings:hover, #main #content .mypage-box .contextual:not(.next-prev-links) a.icon:not(.add-checklist-item):hover, #main #content .tabular .contextual:not(.next-prev-links) a.icon-close:hover, #main #content .tabular .contextual:not(.next-prev-links) a.icon-only:hover, #main #content .tabular .contextual:not(.next-prev-links) a.icon-settings:hover, #main #content .tabular .contextual:not(.next-prev-links) a.icon:not(.add-checklist-item):hover {
            color: var(--icon-color-hover-bg)
        }

            #main #content .box .contextual:not(.next-prev-links) a.icon-close:hover:after, #main #content .box .contextual:not(.next-prev-links) a.icon-only:hover:after, #main #content .box .contextual:not(.next-prev-links) a.icon-settings:hover:after, #main #content .box .contextual:not(.next-prev-links) a.icon:not(.add-checklist-item):hover:after, #main #content .mypage-box .contextual:not(.next-prev-links) a.icon-close:hover:after, #main #content .mypage-box .contextual:not(.next-prev-links) a.icon-only:hover:after, #main #content .mypage-box .contextual:not(.next-prev-links) a.icon-settings:hover:after, #main #content .mypage-box .contextual:not(.next-prev-links) a.icon:not(.add-checklist-item):hover:after, #main #content .tabular .contextual:not(.next-prev-links) a.icon-close:hover:after, #main #content .tabular .contextual:not(.next-prev-links) a.icon-only:hover:after, #main #content .tabular .contextual:not(.next-prev-links) a.icon-settings:hover:after, #main #content .tabular .contextual:not(.next-prev-links) a.icon:not(.add-checklist-item):hover:after {
                color: var(--icon-color-hover-bg)
            }

            #main #content .box .contextual:not(.next-prev-links) a.icon-close:hover:before, #main #content .box .contextual:not(.next-prev-links) a.icon-only:hover:before, #main #content .box .contextual:not(.next-prev-links) a.icon-settings:hover:before, #main #content .box .contextual:not(.next-prev-links) a.icon:not(.add-checklist-item):hover:before, #main #content .mypage-box .contextual:not(.next-prev-links) a.icon-close:hover:before, #main #content .mypage-box .contextual:not(.next-prev-links) a.icon-only:hover:before, #main #content .mypage-box .contextual:not(.next-prev-links) a.icon-settings:hover:before, #main #content .mypage-box .contextual:not(.next-prev-links) a.icon:not(.add-checklist-item):hover:before, #main #content .tabular .contextual:not(.next-prev-links) a.icon-close:hover:before, #main #content .tabular .contextual:not(.next-prev-links) a.icon-only:hover:before, #main #content .tabular .contextual:not(.next-prev-links) a.icon-settings:hover:before, #main #content .tabular .contextual:not(.next-prev-links) a.icon:not(.add-checklist-item):hover:before {
                background: var(--icon_bg_hover-bg)
            }

    #main .box .list #checklist_form_items .new span.icon, #main .box .list #company_profile_edit a, #main .box .list #content #comments .contextual a[href*=order_comments], #main .box .list #deal_contact_id_add_link, #main .box .list #expense_contact_id_add_link, #main .box .list #invoice_contact_id_add_link, #main .box .list #operation_contact_id_add_link, #main .box .list #order_contact_id_add_link, #main .box .list #sidebar .contextual a, #main .box .list .avatar.extended .delete, #main .box .list .contextual a[href="/activity"], #main .box .list .contextual a[href="/issues"], #main .box .list .contextual a[href="/time_entries"], #main .box .list .contextual:not(.next-prev-links) a:not(#show_note_form_extras), #main .box .list .fa-pencil, #main .box .list .hold-control .controls .btn, #main .box .list .icon-fancybox, #main .box .list .icon-not-ok, #main .box .list .query-columns .buttons span, #main .box .list .repeat-value, #main .box .list .sort-handle, #main .box .list .toggle-multiselect, #main .box .list a.atom, #main .box .list a.csv, #main .box .list a.current-from-address, #main .box .list a.html, #main .box .list a.icon-close, #main .box .list a.icon-only, #main .box .list a.icon-settings, #main .box .list a.icon:not(.add-checklist-item), #main .box .list a.odt, #main .box .list a.open-filter, #main .box .list a.pdf, #main .box .list a.png, #main .box .list a.project, #main .box .list a.txt, #main .box .list a.vcf, #main .box .list a.xls, #main .box .list a[href*="questions_sections/new"], #main .box .list div.issue.order.details #invoices .icon-invoice + a[href*=invoices], #main .box .list span.icon-only, #main .list #checklist_form_items .new span.icon, #main .list #company_profile_edit a, #main .list #content #comments .contextual a[href*=order_comments], #main .list #deal_contact_id_add_link, #main .list #expense_contact_id_add_link, #main .list #invoice_contact_id_add_link, #main .list #operation_contact_id_add_link, #main .list #order_contact_id_add_link, #main .list #sidebar .contextual a, #main .list .avatar.extended .delete, #main .list .contextual a[href="/activity"], #main .list .contextual a[href="/issues"], #main .list .contextual a[href="/time_entries"], #main .list .contextual:not(.next-prev-links) a:not(#show_note_form_extras), #main .list .fa-pencil, #main .list .hold-control .controls .btn, #main .list .icon-fancybox, #main .list .icon-not-ok, #main .list .query-columns .buttons span, #main .list .repeat-value, #main .list .sort-handle, #main .list .toggle-multiselect, #main .list a.atom, #main .list a.csv, #main .list a.current-from-address, #main .list a.html, #main .list a.icon-close, #main .list a.icon-only, #main .list a.icon-settings, #main .list a.icon:not(.add-checklist-item), #main .list a.odt, #main .list a.open-filter, #main .list a.pdf, #main .list a.png, #main .list a.project, #main .list a.txt, #main .list a.vcf, #main .list a.xls, #main .list a[href*="questions_sections/new"], #main .list div.issue.order.details #invoices .icon-invoice + a[href*=invoices], #main .list span.icon-only, #main .mypage-box .list #checklist_form_items .new span.icon, #main .mypage-box .list #company_profile_edit a, #main .mypage-box .list #content #comments .contextual a[href*=order_comments], #main .mypage-box .list #deal_contact_id_add_link, #main .mypage-box .list #expense_contact_id_add_link, #main .mypage-box .list #invoice_contact_id_add_link, #main .mypage-box .list #operation_contact_id_add_link, #main .mypage-box .list #order_contact_id_add_link, #main .mypage-box .list #sidebar .contextual a, #main .mypage-box .list .avatar.extended .delete, #main .mypage-box .list .contextual a[href="/activity"], #main .mypage-box .list .contextual a[href="/issues"], #main .mypage-box .list .contextual a[href="/time_entries"], #main .mypage-box .list .contextual:not(.next-prev-links) a:not(#show_note_form_extras), #main .mypage-box .list .fa-pencil, #main .mypage-box .list .hold-control .controls .btn, #main .mypage-box .list .icon-fancybox, #main .mypage-box .list .icon-not-ok, #main .mypage-box .list .query-columns .buttons span, #main .mypage-box .list .repeat-value, #main .mypage-box .list .sort-handle, #main .mypage-box .list .toggle-multiselect, #main .mypage-box .list a.atom, #main .mypage-box .list a.csv, #main .mypage-box .list a.current-from-address, #main .mypage-box .list a.html, #main .mypage-box .list a.icon-close, #main .mypage-box .list a.icon-only, #main .mypage-box .list a.icon-settings, #main .mypage-box .list a.icon:not(.add-checklist-item), #main .mypage-box .list a.odt, #main .mypage-box .list a.open-filter, #main .mypage-box .list a.pdf, #main .mypage-box .list a.png, #main .mypage-box .list a.project, #main .mypage-box .list a.txt, #main .mypage-box .list a.vcf, #main .mypage-box .list a.xls, #main .mypage-box .list a[href*="questions_sections/new"], #main .mypage-box .list div.issue.order.details #invoices .icon-invoice + a[href*=invoices], #main .mypage-box .list span.icon-only, #main .table-list #checklist_form_items .new span.icon, #main .table-list #company_profile_edit a, #main .table-list #content #comments .contextual a[href*=order_comments], #main .table-list #deal_contact_id_add_link, #main .table-list #expense_contact_id_add_link, #main .table-list #invoice_contact_id_add_link, #main .table-list #operation_contact_id_add_link, #main .table-list #order_contact_id_add_link, #main .table-list #sidebar .contextual a, #main .table-list .avatar.extended .delete, #main .table-list .contextual a[href="/activity"], #main .table-list .contextual a[href="/issues"], #main .table-list .contextual a[href="/time_entries"], #main .table-list .contextual:not(.next-prev-links) a:not(#show_note_form_extras), #main .table-list .fa-pencil, #main .table-list .hold-control .controls .btn, #main .table-list .icon-fancybox, #main .table-list .icon-not-ok, #main .table-list .query-columns .buttons span, #main .table-list .repeat-value, #main .table-list .sort-handle, #main .table-list .toggle-multiselect, #main .table-list a.atom, #main .table-list a.csv, #main .table-list a.current-from-address, #main .table-list a.html, #main .table-list a.icon-close, #main .table-list a.icon-only, #main .table-list a.icon-settings, #main .table-list a.icon:not(.add-checklist-item), #main .table-list a.odt, #main .table-list a.open-filter, #main .table-list a.pdf, #main .table-list a.png, #main .table-list a.project, #main .table-list a.txt, #main .table-list a.vcf, #main .table-list a.xls, #main .table-list a[href*="questions_sections/new"], #main .table-list div.issue.order.details #invoices .icon-invoice + a[href*=invoices], #main .table-list span.icon-only, #main .tabular .list #checklist_form_items .new span.icon, #main .tabular .list #company_profile_edit a, #main .tabular .list #content #comments .contextual a[href*=order_comments], #main .tabular .list #deal_contact_id_add_link, #main .tabular .list #expense_contact_id_add_link, #main .tabular .list #invoice_contact_id_add_link, #main .tabular .list #operation_contact_id_add_link, #main .tabular .list #order_contact_id_add_link, #main .tabular .list #sidebar .contextual a, #main .tabular .list .avatar.extended .delete, #main .tabular .list .contextual a[href="/activity"], #main .tabular .list .contextual a[href="/issues"], #main .tabular .list .contextual a[href="/time_entries"], #main .tabular .list .contextual:not(.next-prev-links) a:not(#show_note_form_extras), #main .tabular .list .fa-pencil, #main .tabular .list .hold-control .controls .btn, #main .tabular .list .icon-fancybox, #main .tabular .list .icon-not-ok, #main .tabular .list .query-columns .buttons span, #main .tabular .list .repeat-value, #main .tabular .list .sort-handle, #main .tabular .list .toggle-multiselect, #main .tabular .list a.atom, #main .tabular .list a.csv, #main .tabular .list a.current-from-address, #main .tabular .list a.html, #main .tabular .list a.icon-close, #main .tabular .list a.icon-only, #main .tabular .list a.icon-settings, #main .tabular .list a.icon:not(.add-checklist-item), #main .tabular .list a.odt, #main .tabular .list a.open-filter, #main .tabular .list a.pdf, #main .tabular .list a.png, #main .tabular .list a.project, #main .tabular .list a.txt, #main .tabular .list a.vcf, #main .tabular .list a.xls, #main .tabular .list a[href*="questions_sections/new"], #main .tabular .list div.issue.order.details #invoices .icon-invoice + a[href*=invoices], #main .tabular .list span.icon-only {
        color: var(--icon-color-list)
    }

        #main .box .list #checklist_form_items .new span.icon:after, #main .box .list #company_profile_edit a:after, #main .box .list #content #comments .contextual a[href*=order_comments]:after, #main .box .list #deal_contact_id_add_link:after, #main .box .list #expense_contact_id_add_link:after, #main .box .list #invoice_contact_id_add_link:after, #main .box .list #operation_contact_id_add_link:after, #main .box .list #order_contact_id_add_link:after, #main .box .list #sidebar .contextual a:after, #main .box .list .avatar.extended .delete:after, #main .box .list .contextual a[href="/activity"]:after, #main .box .list .contextual a[href="/issues"]:after, #main .box .list .contextual a[href="/time_entries"]:after, #main .box .list .contextual:not(.next-prev-links) a:not(#show_note_form_extras):after, #main .box .list .fa-pencil:after, #main .box .list .hold-control .controls .btn:after, #main .box .list .icon-fancybox:after, #main .box .list .icon-not-ok:after, #main .box .list .query-columns .buttons span:after, #main .box .list .repeat-value:after, #main .box .list .sort-handle:after, #main .box .list .toggle-multiselect:after, #main .box .list a.atom:after, #main .box .list a.csv:after, #main .box .list a.current-from-address:after, #main .box .list a.html:after, #main .box .list a.icon-close:after, #main .box .list a.icon-only:after, #main .box .list a.icon-settings:after, #main .box .list a.icon:not(.add-checklist-item):after, #main .box .list a.odt:after, #main .box .list a.open-filter:after, #main .box .list a.pdf:after, #main .box .list a.png:after, #main .box .list a.project:after, #main .box .list a.txt:after, #main .box .list a.vcf:after, #main .box .list a.xls:after, #main .box .list a[href*="questions_sections/new"]:after, #main .box .list div.issue.order.details #invoices .icon-invoice + a[href*=invoices]:after, #main .box .list span.icon-only:after, #main .list #checklist_form_items .new span.icon:after, #main .list #company_profile_edit a:after, #main .list #content #comments .contextual a[href*=order_comments]:after, #main .list #deal_contact_id_add_link:after, #main .list #expense_contact_id_add_link:after, #main .list #invoice_contact_id_add_link:after, #main .list #operation_contact_id_add_link:after, #main .list #order_contact_id_add_link:after, #main .list #sidebar .contextual a:after, #main .list .avatar.extended .delete:after, #main .list .contextual a[href="/activity"]:after, #main .list .contextual a[href="/issues"]:after, #main .list .contextual a[href="/time_entries"]:after, #main .list .contextual:not(.next-prev-links) a:not(#show_note_form_extras):after, #main .list .fa-pencil:after, #main .list .hold-control .controls .btn:after, #main .list .icon-fancybox:after, #main .list .icon-not-ok:after, #main .list .query-columns .buttons span:after, #main .list .repeat-value:after, #main .list .sort-handle:after, #main .list .toggle-multiselect:after, #main .list a.atom:after, #main .list a.csv:after, #main .list a.current-from-address:after, #main .list a.html:after, #main .list a.icon-close:after, #main .list a.icon-only:after, #main .list a.icon-settings:after, #main .list a.icon:not(.add-checklist-item):after, #main .list a.odt:after, #main .list a.open-filter:after, #main .list a.pdf:after, #main .list a.png:after, #main .list a.project:after, #main .list a.txt:after, #main .list a.vcf:after, #main .list a.xls:after, #main .list a[href*="questions_sections/new"]:after, #main .list div.issue.order.details #invoices .icon-invoice + a[href*=invoices]:after, #main .list span.icon-only:after, #main .mypage-box .list #checklist_form_items .new span.icon:after, #main .mypage-box .list #company_profile_edit a:after, #main .mypage-box .list #content #comments .contextual a[href*=order_comments]:after, #main .mypage-box .list #deal_contact_id_add_link:after, #main .mypage-box .list #expense_contact_id_add_link:after, #main .mypage-box .list #invoice_contact_id_add_link:after, #main .mypage-box .list #operation_contact_id_add_link:after, #main .mypage-box .list #order_contact_id_add_link:after, #main .mypage-box .list #sidebar .contextual a:after, #main .mypage-box .list .avatar.extended .delete:after, #main .mypage-box .list .contextual a[href="/activity"]:after, #main .mypage-box .list .contextual a[href="/issues"]:after, #main .mypage-box .list .contextual a[href="/time_entries"]:after, #main .mypage-box .list .contextual:not(.next-prev-links) a:not(#show_note_form_extras):after, #main .mypage-box .list .fa-pencil:after, #main .mypage-box .list .hold-control .controls .btn:after, #main .mypage-box .list .icon-fancybox:after, #main .mypage-box .list .icon-not-ok:after, #main .mypage-box .list .query-columns .buttons span:after, #main .mypage-box .list .repeat-value:after, #main .mypage-box .list .sort-handle:after, #main .mypage-box .list .toggle-multiselect:after, #main .mypage-box .list a.atom:after, #main .mypage-box .list a.csv:after, #main .mypage-box .list a.current-from-address:after, #main .mypage-box .list a.html:after, #main .mypage-box .list a.icon-close:after, #main .mypage-box .list a.icon-only:after, #main .mypage-box .list a.icon-settings:after, #main .mypage-box .list a.icon:not(.add-checklist-item):after, #main .mypage-box .list a.odt:after, #main .mypage-box .list a.open-filter:after, #main .mypage-box .list a.pdf:after, #main .mypage-box .list a.png:after, #main .mypage-box .list a.project:after, #main .mypage-box .list a.txt:after, #main .mypage-box .list a.vcf:after, #main .mypage-box .list a.xls:after, #main .mypage-box .list a[href*="questions_sections/new"]:after, #main .mypage-box .list div.issue.order.details #invoices .icon-invoice + a[href*=invoices]:after, #main .mypage-box .list span.icon-only:after, #main .table-list #checklist_form_items .new span.icon:after, #main .table-list #company_profile_edit a:after, #main .table-list #content #comments .contextual a[href*=order_comments]:after, #main .table-list #deal_contact_id_add_link:after, #main .table-list #expense_contact_id_add_link:after, #main .table-list #invoice_contact_id_add_link:after, #main .table-list #operation_contact_id_add_link:after, #main .table-list #order_contact_id_add_link:after, #main .table-list #sidebar .contextual a:after, #main .table-list .avatar.extended .delete:after, #main .table-list .contextual a[href="/activity"]:after, #main .table-list .contextual a[href="/issues"]:after, #main .table-list .contextual a[href="/time_entries"]:after, #main .table-list .contextual:not(.next-prev-links) a:not(#show_note_form_extras):after, #main .table-list .fa-pencil:after, #main .table-list .hold-control .controls .btn:after, #main .table-list .icon-fancybox:after, #main .table-list .icon-not-ok:after, #main .table-list .query-columns .buttons span:after, #main .table-list .repeat-value:after, #main .table-list .sort-handle:after, #main .table-list .toggle-multiselect:after, #main .table-list a.atom:after, #main .table-list a.csv:after, #main .table-list a.current-from-address:after, #main .table-list a.html:after, #main .table-list a.icon-close:after, #main .table-list a.icon-only:after, #main .table-list a.icon-settings:after, #main .table-list a.icon:not(.add-checklist-item):after, #main .table-list a.odt:after, #main .table-list a.open-filter:after, #main .table-list a.pdf:after, #main .table-list a.png:after, #main .table-list a.project:after, #main .table-list a.txt:after, #main .table-list a.vcf:after, #main .table-list a.xls:after, #main .table-list a[href*="questions_sections/new"]:after, #main .table-list div.issue.order.details #invoices .icon-invoice + a[href*=invoices]:after, #main .table-list span.icon-only:after, #main .tabular .list #checklist_form_items .new span.icon:after, #main .tabular .list #company_profile_edit a:after, #main .tabular .list #content #comments .contextual a[href*=order_comments]:after, #main .tabular .list #deal_contact_id_add_link:after, #main .tabular .list #expense_contact_id_add_link:after, #main .tabular .list #invoice_contact_id_add_link:after, #main .tabular .list #operation_contact_id_add_link:after, #main .tabular .list #order_contact_id_add_link:after, #main .tabular .list #sidebar .contextual a:after, #main .tabular .list .avatar.extended .delete:after, #main .tabular .list .contextual a[href="/activity"]:after, #main .tabular .list .contextual a[href="/issues"]:after, #main .tabular .list .contextual a[href="/time_entries"]:after, #main .tabular .list .contextual:not(.next-prev-links) a:not(#show_note_form_extras):after, #main .tabular .list .fa-pencil:after, #main .tabular .list .hold-control .controls .btn:after, #main .tabular .list .icon-fancybox:after, #main .tabular .list .icon-not-ok:after, #main .tabular .list .query-columns .buttons span:after, #main .tabular .list .repeat-value:after, #main .tabular .list .sort-handle:after, #main .tabular .list .toggle-multiselect:after, #main .tabular .list a.atom:after, #main .tabular .list a.csv:after, #main .tabular .list a.current-from-address:after, #main .tabular .list a.html:after, #main .tabular .list a.icon-close:after, #main .tabular .list a.icon-only:after, #main .tabular .list a.icon-settings:after, #main .tabular .list a.icon:not(.add-checklist-item):after, #main .tabular .list a.odt:after, #main .tabular .list a.open-filter:after, #main .tabular .list a.pdf:after, #main .tabular .list a.png:after, #main .tabular .list a.project:after, #main .tabular .list a.txt:after, #main .tabular .list a.vcf:after, #main .tabular .list a.xls:after, #main .tabular .list a[href*="questions_sections/new"]:after, #main .tabular .list div.issue.order.details #invoices .icon-invoice + a[href*=invoices]:after, #main .tabular .list span.icon-only:after {
            color: var(--icon-color-list)
        }

        #main .box .list #checklist_form_items .new span.icon:before, #main .box .list #company_profile_edit a:before, #main .box .list #content #comments .contextual a[href*=order_comments]:before, #main .box .list #deal_contact_id_add_link:before, #main .box .list #expense_contact_id_add_link:before, #main .box .list #invoice_contact_id_add_link:before, #main .box .list #operation_contact_id_add_link:before, #main .box .list #order_contact_id_add_link:before, #main .box .list #sidebar .contextual a:before, #main .box .list .avatar.extended .delete:before, #main .box .list .contextual a[href="/activity"]:before, #main .box .list .contextual a[href="/issues"]:before, #main .box .list .contextual a[href="/time_entries"]:before, #main .box .list .contextual:not(.next-prev-links) a:not(#show_note_form_extras):before, #main .box .list .fa-pencil:before, #main .box .list .hold-control .controls .btn:before, #main .box .list .icon-fancybox:before, #main .box .list .icon-not-ok:before, #main .box .list .query-columns .buttons span:before, #main .box .list .repeat-value:before, #main .box .list .sort-handle:before, #main .box .list .toggle-multiselect:before, #main .box .list a.atom:before, #main .box .list a.csv:before, #main .box .list a.current-from-address:before, #main .box .list a.html:before, #main .box .list a.icon-close:before, #main .box .list a.icon-only:before, #main .box .list a.icon-settings:before, #main .box .list a.icon:not(.add-checklist-item):before, #main .box .list a.odt:before, #main .box .list a.open-filter:before, #main .box .list a.pdf:before, #main .box .list a.png:before, #main .box .list a.project:before, #main .box .list a.txt:before, #main .box .list a.vcf:before, #main .box .list a.xls:before, #main .box .list a[href*="questions_sections/new"]:before, #main .box .list div.issue.order.details #invoices .icon-invoice + a[href*=invoices]:before, #main .box .list span.icon-only:before, #main .list #checklist_form_items .new span.icon:before, #main .list #company_profile_edit a:before, #main .list #content #comments .contextual a[href*=order_comments]:before, #main .list #deal_contact_id_add_link:before, #main .list #expense_contact_id_add_link:before, #main .list #invoice_contact_id_add_link:before, #main .list #operation_contact_id_add_link:before, #main .list #order_contact_id_add_link:before, #main .list #sidebar .contextual a:before, #main .list .avatar.extended .delete:before, #main .list .contextual a[href="/activity"]:before, #main .list .contextual a[href="/issues"]:before, #main .list .contextual a[href="/time_entries"]:before, #main .list .contextual:not(.next-prev-links) a:not(#show_note_form_extras):before, #main .list .fa-pencil:before, #main .list .hold-control .controls .btn:before, #main .list .icon-fancybox:before, #main .list .icon-not-ok:before, #main .list .query-columns .buttons span:before, #main .list .repeat-value:before, #main .list .sort-handle:before, #main .list .toggle-multiselect:before, #main .list a.atom:before, #main .list a.csv:before, #main .list a.current-from-address:before, #main .list a.html:before, #main .list a.icon-close:before, #main .list a.icon-only:before, #main .list a.icon-settings:before, #main .list a.icon:not(.add-checklist-item):before, #main .list a.odt:before, #main .list a.open-filter:before, #main .list a.pdf:before, #main .list a.png:before, #main .list a.project:before, #main .list a.txt:before, #main .list a.vcf:before, #main .list a.xls:before, #main .list a[href*="questions_sections/new"]:before, #main .list div.issue.order.details #invoices .icon-invoice + a[href*=invoices]:before, #main .list span.icon-only:before, #main .mypage-box .list #checklist_form_items .new span.icon:before, #main .mypage-box .list #company_profile_edit a:before, #main .mypage-box .list #content #comments .contextual a[href*=order_comments]:before, #main .mypage-box .list #deal_contact_id_add_link:before, #main .mypage-box .list #expense_contact_id_add_link:before, #main .mypage-box .list #invoice_contact_id_add_link:before, #main .mypage-box .list #operation_contact_id_add_link:before, #main .mypage-box .list #order_contact_id_add_link:before, #main .mypage-box .list #sidebar .contextual a:before, #main .mypage-box .list .avatar.extended .delete:before, #main .mypage-box .list .contextual a[href="/activity"]:before, #main .mypage-box .list .contextual a[href="/issues"]:before, #main .mypage-box .list .contextual a[href="/time_entries"]:before, #main .mypage-box .list .contextual:not(.next-prev-links) a:not(#show_note_form_extras):before, #main .mypage-box .list .fa-pencil:before, #main .mypage-box .list .hold-control .controls .btn:before, #main .mypage-box .list .icon-fancybox:before, #main .mypage-box .list .icon-not-ok:before, #main .mypage-box .list .query-columns .buttons span:before, #main .mypage-box .list .repeat-value:before, #main .mypage-box .list .sort-handle:before, #main .mypage-box .list .toggle-multiselect:before, #main .mypage-box .list a.atom:before, #main .mypage-box .list a.csv:before, #main .mypage-box .list a.current-from-address:before, #main .mypage-box .list a.html:before, #main .mypage-box .list a.icon-close:before, #main .mypage-box .list a.icon-only:before, #main .mypage-box .list a.icon-settings:before, #main .mypage-box .list a.icon:not(.add-checklist-item):before, #main .mypage-box .list a.odt:before, #main .mypage-box .list a.open-filter:before, #main .mypage-box .list a.pdf:before, #main .mypage-box .list a.png:before, #main .mypage-box .list a.project:before, #main .mypage-box .list a.txt:before, #main .mypage-box .list a.vcf:before, #main .mypage-box .list a.xls:before, #main .mypage-box .list a[href*="questions_sections/new"]:before, #main .mypage-box .list div.issue.order.details #invoices .icon-invoice + a[href*=invoices]:before, #main .mypage-box .list span.icon-only:before, #main .table-list #checklist_form_items .new span.icon:before, #main .table-list #company_profile_edit a:before, #main .table-list #content #comments .contextual a[href*=order_comments]:before, #main .table-list #deal_contact_id_add_link:before, #main .table-list #expense_contact_id_add_link:before, #main .table-list #invoice_contact_id_add_link:before, #main .table-list #operation_contact_id_add_link:before, #main .table-list #order_contact_id_add_link:before, #main .table-list #sidebar .contextual a:before, #main .table-list .avatar.extended .delete:before, #main .table-list .contextual a[href="/activity"]:before, #main .table-list .contextual a[href="/issues"]:before, #main .table-list .contextual a[href="/time_entries"]:before, #main .table-list .contextual:not(.next-prev-links) a:not(#show_note_form_extras):before, #main .table-list .fa-pencil:before, #main .table-list .hold-control .controls .btn:before, #main .table-list .icon-fancybox:before, #main .table-list .icon-not-ok:before, #main .table-list .query-columns .buttons span:before, #main .table-list .repeat-value:before, #main .table-list .sort-handle:before, #main .table-list .toggle-multiselect:before, #main .table-list a.atom:before, #main .table-list a.csv:before, #main .table-list a.current-from-address:before, #main .table-list a.html:before, #main .table-list a.icon-close:before, #main .table-list a.icon-only:before, #main .table-list a.icon-settings:before, #main .table-list a.icon:not(.add-checklist-item):before, #main .table-list a.odt:before, #main .table-list a.open-filter:before, #main .table-list a.pdf:before, #main .table-list a.png:before, #main .table-list a.project:before, #main .table-list a.txt:before, #main .table-list a.vcf:before, #main .table-list a.xls:before, #main .table-list a[href*="questions_sections/new"]:before, #main .table-list div.issue.order.details #invoices .icon-invoice + a[href*=invoices]:before, #main .table-list span.icon-only:before, #main .tabular .list #checklist_form_items .new span.icon:before, #main .tabular .list #company_profile_edit a:before, #main .tabular .list #content #comments .contextual a[href*=order_comments]:before, #main .tabular .list #deal_contact_id_add_link:before, #main .tabular .list #expense_contact_id_add_link:before, #main .tabular .list #invoice_contact_id_add_link:before, #main .tabular .list #operation_contact_id_add_link:before, #main .tabular .list #order_contact_id_add_link:before, #main .tabular .list #sidebar .contextual a:before, #main .tabular .list .avatar.extended .delete:before, #main .tabular .list .contextual a[href="/activity"]:before, #main .tabular .list .contextual a[href="/issues"]:before, #main .tabular .list .contextual a[href="/time_entries"]:before, #main .tabular .list .contextual:not(.next-prev-links) a:not(#show_note_form_extras):before, #main .tabular .list .fa-pencil:before, #main .tabular .list .hold-control .controls .btn:before, #main .tabular .list .icon-fancybox:before, #main .tabular .list .icon-not-ok:before, #main .tabular .list .query-columns .buttons span:before, #main .tabular .list .repeat-value:before, #main .tabular .list .sort-handle:before, #main .tabular .list .toggle-multiselect:before, #main .tabular .list a.atom:before, #main .tabular .list a.csv:before, #main .tabular .list a.current-from-address:before, #main .tabular .list a.html:before, #main .tabular .list a.icon-close:before, #main .tabular .list a.icon-only:before, #main .tabular .list a.icon-settings:before, #main .tabular .list a.icon:not(.add-checklist-item):before, #main .tabular .list a.odt:before, #main .tabular .list a.open-filter:before, #main .tabular .list a.pdf:before, #main .tabular .list a.png:before, #main .tabular .list a.project:before, #main .tabular .list a.txt:before, #main .tabular .list a.vcf:before, #main .tabular .list a.xls:before, #main .tabular .list a[href*="questions_sections/new"]:before, #main .tabular .list div.issue.order.details #invoices .icon-invoice + a[href*=invoices]:before, #main .tabular .list span.icon-only:before {
            background: var(--icon_bg-list)
        }

        #main .box .list #checklist_form_items .new span.icon:hover, #main .box .list #company_profile_edit a:hover, #main .box .list #content #comments .contextual a[href*=order_comments]:hover, #main .box .list #deal_contact_id_add_link:hover, #main .box .list #expense_contact_id_add_link:hover, #main .box .list #invoice_contact_id_add_link:hover, #main .box .list #operation_contact_id_add_link:hover, #main .box .list #order_contact_id_add_link:hover, #main .box .list #sidebar .contextual a:hover, #main .box .list .avatar.extended .delete:hover, #main .box .list .contextual a[href="/activity"]:hover, #main .box .list .contextual a[href="/issues"]:hover, #main .box .list .contextual a[href="/time_entries"]:hover, #main .box .list .contextual:not(.next-prev-links) a:not(#show_note_form_extras):hover, #main .box .list .fa-pencil:hover, #main .box .list .hold-control .controls .btn:hover, #main .box .list .icon-fancybox:hover, #main .box .list .icon-not-ok:hover, #main .box .list .query-columns .buttons span:hover, #main .box .list .repeat-value:hover, #main .box .list .sort-handle:hover, #main .box .list .toggle-multiselect:hover, #main .box .list a.atom:hover, #main .box .list a.csv:hover, #main .box .list a.current-from-address:hover, #main .box .list a.html:hover, #main .box .list a.icon-close:hover, #main .box .list a.icon-only:hover, #main .box .list a.icon-settings:hover, #main .box .list a.icon:not(.add-checklist-item):hover, #main .box .list a.odt:hover, #main .box .list a.open-filter:hover, #main .box .list a.pdf:hover, #main .box .list a.png:hover, #main .box .list a.project:hover, #main .box .list a.txt:hover, #main .box .list a.vcf:hover, #main .box .list a.xls:hover, #main .box .list a[href*="questions_sections/new"]:hover, #main .box .list div.issue.order.details #invoices .icon-invoice + a[href*=invoices]:hover, #main .box .list span.icon-only:hover, #main .list #checklist_form_items .new span.icon:hover, #main .list #company_profile_edit a:hover, #main .list #content #comments .contextual a[href*=order_comments]:hover, #main .list #deal_contact_id_add_link:hover, #main .list #expense_contact_id_add_link:hover, #main .list #invoice_contact_id_add_link:hover, #main .list #operation_contact_id_add_link:hover, #main .list #order_contact_id_add_link:hover, #main .list #sidebar .contextual a:hover, #main .list .avatar.extended .delete:hover, #main .list .contextual a[href="/activity"]:hover, #main .list .contextual a[href="/issues"]:hover, #main .list .contextual a[href="/time_entries"]:hover, #main .list .contextual:not(.next-prev-links) a:not(#show_note_form_extras):hover, #main .list .fa-pencil:hover, #main .list .hold-control .controls .btn:hover, #main .list .icon-fancybox:hover, #main .list .icon-not-ok:hover, #main .list .query-columns .buttons span:hover, #main .list .repeat-value:hover, #main .list .sort-handle:hover, #main .list .toggle-multiselect:hover, #main .list a.atom:hover, #main .list a.csv:hover, #main .list a.current-from-address:hover, #main .list a.html:hover, #main .list a.icon-close:hover, #main .list a.icon-only:hover, #main .list a.icon-settings:hover, #main .list a.icon:not(.add-checklist-item):hover, #main .list a.odt:hover, #main .list a.open-filter:hover, #main .list a.pdf:hover, #main .list a.png:hover, #main .list a.project:hover, #main .list a.txt:hover, #main .list a.vcf:hover, #main .list a.xls:hover, #main .list a[href*="questions_sections/new"]:hover, #main .list div.issue.order.details #invoices .icon-invoice + a[href*=invoices]:hover, #main .list span.icon-only:hover, #main .mypage-box .list #checklist_form_items .new span.icon:hover, #main .mypage-box .list #company_profile_edit a:hover, #main .mypage-box .list #content #comments .contextual a[href*=order_comments]:hover, #main .mypage-box .list #deal_contact_id_add_link:hover, #main .mypage-box .list #expense_contact_id_add_link:hover, #main .mypage-box .list #invoice_contact_id_add_link:hover, #main .mypage-box .list #operation_contact_id_add_link:hover, #main .mypage-box .list #order_contact_id_add_link:hover, #main .mypage-box .list #sidebar .contextual a:hover, #main .mypage-box .list .avatar.extended .delete:hover, #main .mypage-box .list .contextual a[href="/activity"]:hover, #main .mypage-box .list .contextual a[href="/issues"]:hover, #main .mypage-box .list .contextual a[href="/time_entries"]:hover, #main .mypage-box .list .contextual:not(.next-prev-links) a:not(#show_note_form_extras):hover, #main .mypage-box .list .fa-pencil:hover, #main .mypage-box .list .hold-control .controls .btn:hover, #main .mypage-box .list .icon-fancybox:hover, #main .mypage-box .list .icon-not-ok:hover, #main .mypage-box .list .query-columns .buttons span:hover, #main .mypage-box .list .repeat-value:hover, #main .mypage-box .list .sort-handle:hover, #main .mypage-box .list .toggle-multiselect:hover, #main .mypage-box .list a.atom:hover, #main .mypage-box .list a.csv:hover, #main .mypage-box .list a.current-from-address:hover, #main .mypage-box .list a.html:hover, #main .mypage-box .list a.icon-close:hover, #main .mypage-box .list a.icon-only:hover, #main .mypage-box .list a.icon-settings:hover, #main .mypage-box .list a.icon:not(.add-checklist-item):hover, #main .mypage-box .list a.odt:hover, #main .mypage-box .list a.open-filter:hover, #main .mypage-box .list a.pdf:hover, #main .mypage-box .list a.png:hover, #main .mypage-box .list a.project:hover, #main .mypage-box .list a.txt:hover, #main .mypage-box .list a.vcf:hover, #main .mypage-box .list a.xls:hover, #main .mypage-box .list a[href*="questions_sections/new"]:hover, #main .mypage-box .list div.issue.order.details #invoices .icon-invoice + a[href*=invoices]:hover, #main .mypage-box .list span.icon-only:hover, #main .table-list #checklist_form_items .new span.icon:hover, #main .table-list #company_profile_edit a:hover, #main .table-list #content #comments .contextual a[href*=order_comments]:hover, #main .table-list #deal_contact_id_add_link:hover, #main .table-list #expense_contact_id_add_link:hover, #main .table-list #invoice_contact_id_add_link:hover, #main .table-list #operation_contact_id_add_link:hover, #main .table-list #order_contact_id_add_link:hover, #main .table-list #sidebar .contextual a:hover, #main .table-list .avatar.extended .delete:hover, #main .table-list .contextual a[href="/activity"]:hover, #main .table-list .contextual a[href="/issues"]:hover, #main .table-list .contextual a[href="/time_entries"]:hover, #main .table-list .contextual:not(.next-prev-links) a:not(#show_note_form_extras):hover, #main .table-list .fa-pencil:hover, #main .table-list .hold-control .controls .btn:hover, #main .table-list .icon-fancybox:hover, #main .table-list .icon-not-ok:hover, #main .table-list .query-columns .buttons span:hover, #main .table-list .repeat-value:hover, #main .table-list .sort-handle:hover, #main .table-list .toggle-multiselect:hover, #main .table-list a.atom:hover, #main .table-list a.csv:hover, #main .table-list a.current-from-address:hover, #main .table-list a.html:hover, #main .table-list a.icon-close:hover, #main .table-list a.icon-only:hover, #main .table-list a.icon-settings:hover, #main .table-list a.icon:not(.add-checklist-item):hover, #main .table-list a.odt:hover, #main .table-list a.open-filter:hover, #main .table-list a.pdf:hover, #main .table-list a.png:hover, #main .table-list a.project:hover, #main .table-list a.txt:hover, #main .table-list a.vcf:hover, #main .table-list a.xls:hover, #main .table-list a[href*="questions_sections/new"]:hover, #main .table-list div.issue.order.details #invoices .icon-invoice + a[href*=invoices]:hover, #main .table-list span.icon-only:hover, #main .tabular .list #checklist_form_items .new span.icon:hover, #main .tabular .list #company_profile_edit a:hover, #main .tabular .list #content #comments .contextual a[href*=order_comments]:hover, #main .tabular .list #deal_contact_id_add_link:hover, #main .tabular .list #expense_contact_id_add_link:hover, #main .tabular .list #invoice_contact_id_add_link:hover, #main .tabular .list #operation_contact_id_add_link:hover, #main .tabular .list #order_contact_id_add_link:hover, #main .tabular .list #sidebar .contextual a:hover, #main .tabular .list .avatar.extended .delete:hover, #main .tabular .list .contextual a[href="/activity"]:hover, #main .tabular .list .contextual a[href="/issues"]:hover, #main .tabular .list .contextual a[href="/time_entries"]:hover, #main .tabular .list .contextual:not(.next-prev-links) a:not(#show_note_form_extras):hover, #main .tabular .list .fa-pencil:hover, #main .tabular .list .hold-control .controls .btn:hover, #main .tabular .list .icon-fancybox:hover, #main .tabular .list .icon-not-ok:hover, #main .tabular .list .query-columns .buttons span:hover, #main .tabular .list .repeat-value:hover, #main .tabular .list .sort-handle:hover, #main .tabular .list .toggle-multiselect:hover, #main .tabular .list a.atom:hover, #main .tabular .list a.csv:hover, #main .tabular .list a.current-from-address:hover, #main .tabular .list a.html:hover, #main .tabular .list a.icon-close:hover, #main .tabular .list a.icon-only:hover, #main .tabular .list a.icon-settings:hover, #main .tabular .list a.icon:not(.add-checklist-item):hover, #main .tabular .list a.odt:hover, #main .tabular .list a.open-filter:hover, #main .tabular .list a.pdf:hover, #main .tabular .list a.png:hover, #main .tabular .list a.project:hover, #main .tabular .list a.txt:hover, #main .tabular .list a.vcf:hover, #main .tabular .list a.xls:hover, #main .tabular .list a[href*="questions_sections/new"]:hover, #main .tabular .list div.issue.order.details #invoices .icon-invoice + a[href*=invoices]:hover, #main .tabular .list span.icon-only:hover {
            color: var(--icon-color-hover-list)
        }

            #main .box .list #checklist_form_items .new span.icon:hover:after, #main .box .list #company_profile_edit a:hover:after, #main .box .list #content #comments .contextual a[href*=order_comments]:hover:after, #main .box .list #deal_contact_id_add_link:hover:after, #main .box .list #expense_contact_id_add_link:hover:after, #main .box .list #invoice_contact_id_add_link:hover:after, #main .box .list #operation_contact_id_add_link:hover:after, #main .box .list #order_contact_id_add_link:hover:after, #main .box .list #sidebar .contextual a:hover:after, #main .box .list .avatar.extended .delete:hover:after, #main .box .list .contextual a[href="/activity"]:hover:after, #main .box .list .contextual a[href="/issues"]:hover:after, #main .box .list .contextual a[href="/time_entries"]:hover:after, #main .box .list .contextual:not(.next-prev-links) a:not(#show_note_form_extras):hover:after, #main .box .list .fa-pencil:hover:after, #main .box .list .hold-control .controls .btn:hover:after, #main .box .list .icon-fancybox:hover:after, #main .box .list .icon-not-ok:hover:after, #main .box .list .query-columns .buttons span:hover:after, #main .box .list .repeat-value:hover:after, #main .box .list .sort-handle:hover:after, #main .box .list .toggle-multiselect:hover:after, #main .box .list a.atom:hover:after, #main .box .list a.csv:hover:after, #main .box .list a.current-from-address:hover:after, #main .box .list a.html:hover:after, #main .box .list a.icon-close:hover:after, #main .box .list a.icon-only:hover:after, #main .box .list a.icon-settings:hover:after, #main .box .list a.icon:not(.add-checklist-item):hover:after, #main .box .list a.odt:hover:after, #main .box .list a.open-filter:hover:after, #main .box .list a.pdf:hover:after, #main .box .list a.png:hover:after, #main .box .list a.project:hover:after, #main .box .list a.txt:hover:after, #main .box .list a.vcf:hover:after, #main .box .list a.xls:hover:after, #main .box .list a[href*="questions_sections/new"]:hover:after, #main .box .list div.issue.order.details #invoices .icon-invoice + a[href*=invoices]:hover:after, #main .box .list span.icon-only:hover:after, #main .list #checklist_form_items .new span.icon:hover:after, #main .list #company_profile_edit a:hover:after, #main .list #content #comments .contextual a[href*=order_comments]:hover:after, #main .list #deal_contact_id_add_link:hover:after, #main .list #expense_contact_id_add_link:hover:after, #main .list #invoice_contact_id_add_link:hover:after, #main .list #operation_contact_id_add_link:hover:after, #main .list #order_contact_id_add_link:hover:after, #main .list #sidebar .contextual a:hover:after, #main .list .avatar.extended .delete:hover:after, #main .list .contextual a[href="/activity"]:hover:after, #main .list .contextual a[href="/issues"]:hover:after, #main .list .contextual a[href="/time_entries"]:hover:after, #main .list .contextual:not(.next-prev-links) a:not(#show_note_form_extras):hover:after, #main .list .fa-pencil:hover:after, #main .list .hold-control .controls .btn:hover:after, #main .list .icon-fancybox:hover:after, #main .list .icon-not-ok:hover:after, #main .list .query-columns .buttons span:hover:after, #main .list .repeat-value:hover:after, #main .list .sort-handle:hover:after, #main .list .toggle-multiselect:hover:after, #main .list a.atom:hover:after, #main .list a.csv:hover:after, #main .list a.current-from-address:hover:after, #main .list a.html:hover:after, #main .list a.icon-close:hover:after, #main .list a.icon-only:hover:after, #main .list a.icon-settings:hover:after, #main .list a.icon:not(.add-checklist-item):hover:after, #main .list a.odt:hover:after, #main .list a.open-filter:hover:after, #main .list a.pdf:hover:after, #main .list a.png:hover:after, #main .list a.project:hover:after, #main .list a.txt:hover:after, #main .list a.vcf:hover:after, #main .list a.xls:hover:after, #main .list a[href*="questions_sections/new"]:hover:after, #main .list div.issue.order.details #invoices .icon-invoice + a[href*=invoices]:hover:after, #main .list span.icon-only:hover:after, #main .mypage-box .list #checklist_form_items .new span.icon:hover:after, #main .mypage-box .list #company_profile_edit a:hover:after, #main .mypage-box .list #content #comments .contextual a[href*=order_comments]:hover:after, #main .mypage-box .list #deal_contact_id_add_link:hover:after, #main .mypage-box .list #expense_contact_id_add_link:hover:after, #main .mypage-box .list #invoice_contact_id_add_link:hover:after, #main .mypage-box .list #operation_contact_id_add_link:hover:after, #main .mypage-box .list #order_contact_id_add_link:hover:after, #main .mypage-box .list #sidebar .contextual a:hover:after, #main .mypage-box .list .avatar.extended .delete:hover:after, #main .mypage-box .list .contextual a[href="/activity"]:hover:after, #main .mypage-box .list .contextual a[href="/issues"]:hover:after, #main .mypage-box .list .contextual a[href="/time_entries"]:hover:after, #main .mypage-box .list .contextual:not(.next-prev-links) a:not(#show_note_form_extras):hover:after, #main .mypage-box .list .fa-pencil:hover:after, #main .mypage-box .list .hold-control .controls .btn:hover:after, #main .mypage-box .list .icon-fancybox:hover:after, #main .mypage-box .list .icon-not-ok:hover:after, #main .mypage-box .list .query-columns .buttons span:hover:after, #main .mypage-box .list .repeat-value:hover:after, #main .mypage-box .list .sort-handle:hover:after, #main .mypage-box .list .toggle-multiselect:hover:after, #main .mypage-box .list a.atom:hover:after, #main .mypage-box .list a.csv:hover:after, #main .mypage-box .list a.current-from-address:hover:after, #main .mypage-box .list a.html:hover:after, #main .mypage-box .list a.icon-close:hover:after, #main .mypage-box .list a.icon-only:hover:after, #main .mypage-box .list a.icon-settings:hover:after, #main .mypage-box .list a.icon:not(.add-checklist-item):hover:after, #main .mypage-box .list a.odt:hover:after, #main .mypage-box .list a.open-filter:hover:after, #main .mypage-box .list a.pdf:hover:after, #main .mypage-box .list a.png:hover:after, #main .mypage-box .list a.project:hover:after, #main .mypage-box .list a.txt:hover:after, #main .mypage-box .list a.vcf:hover:after, #main .mypage-box .list a.xls:hover:after, #main .mypage-box .list a[href*="questions_sections/new"]:hover:after, #main .mypage-box .list div.issue.order.details #invoices .icon-invoice + a[href*=invoices]:hover:after, #main .mypage-box .list span.icon-only:hover:after, #main .table-list #checklist_form_items .new span.icon:hover:after, #main .table-list #company_profile_edit a:hover:after, #main .table-list #content #comments .contextual a[href*=order_comments]:hover:after, #main .table-list #deal_contact_id_add_link:hover:after, #main .table-list #expense_contact_id_add_link:hover:after, #main .table-list #invoice_contact_id_add_link:hover:after, #main .table-list #operation_contact_id_add_link:hover:after, #main .table-list #order_contact_id_add_link:hover:after, #main .table-list #sidebar .contextual a:hover:after, #main .table-list .avatar.extended .delete:hover:after, #main .table-list .contextual a[href="/activity"]:hover:after, #main .table-list .contextual a[href="/issues"]:hover:after, #main .table-list .contextual a[href="/time_entries"]:hover:after, #main .table-list .contextual:not(.next-prev-links) a:not(#show_note_form_extras):hover:after, #main .table-list .fa-pencil:hover:after, #main .table-list .hold-control .controls .btn:hover:after, #main .table-list .icon-fancybox:hover:after, #main .table-list .icon-not-ok:hover:after, #main .table-list .query-columns .buttons span:hover:after, #main .table-list .repeat-value:hover:after, #main .table-list .sort-handle:hover:after, #main .table-list .toggle-multiselect:hover:after, #main .table-list a.atom:hover:after, #main .table-list a.csv:hover:after, #main .table-list a.current-from-address:hover:after, #main .table-list a.html:hover:after, #main .table-list a.icon-close:hover:after, #main .table-list a.icon-only:hover:after, #main .table-list a.icon-settings:hover:after, #main .table-list a.icon:not(.add-checklist-item):hover:after, #main .table-list a.odt:hover:after, #main .table-list a.open-filter:hover:after, #main .table-list a.pdf:hover:after, #main .table-list a.png:hover:after, #main .table-list a.project:hover:after, #main .table-list a.txt:hover:after, #main .table-list a.vcf:hover:after, #main .table-list a.xls:hover:after, #main .table-list a[href*="questions_sections/new"]:hover:after, #main .table-list div.issue.order.details #invoices .icon-invoice + a[href*=invoices]:hover:after, #main .table-list span.icon-only:hover:after, #main .tabular .list #checklist_form_items .new span.icon:hover:after, #main .tabular .list #company_profile_edit a:hover:after, #main .tabular .list #content #comments .contextual a[href*=order_comments]:hover:after, #main .tabular .list #deal_contact_id_add_link:hover:after, #main .tabular .list #expense_contact_id_add_link:hover:after, #main .tabular .list #invoice_contact_id_add_link:hover:after, #main .tabular .list #operation_contact_id_add_link:hover:after, #main .tabular .list #order_contact_id_add_link:hover:after, #main .tabular .list #sidebar .contextual a:hover:after, #main .tabular .list .avatar.extended .delete:hover:after, #main .tabular .list .contextual a[href="/activity"]:hover:after, #main .tabular .list .contextual a[href="/issues"]:hover:after, #main .tabular .list .contextual a[href="/time_entries"]:hover:after, #main .tabular .list .contextual:not(.next-prev-links) a:not(#show_note_form_extras):hover:after, #main .tabular .list .fa-pencil:hover:after, #main .tabular .list .hold-control .controls .btn:hover:after, #main .tabular .list .icon-fancybox:hover:after, #main .tabular .list .icon-not-ok:hover:after, #main .tabular .list .query-columns .buttons span:hover:after, #main .tabular .list .repeat-value:hover:after, #main .tabular .list .sort-handle:hover:after, #main .tabular .list .toggle-multiselect:hover:after, #main .tabular .list a.atom:hover:after, #main .tabular .list a.csv:hover:after, #main .tabular .list a.current-from-address:hover:after, #main .tabular .list a.html:hover:after, #main .tabular .list a.icon-close:hover:after, #main .tabular .list a.icon-only:hover:after, #main .tabular .list a.icon-settings:hover:after, #main .tabular .list a.icon:not(.add-checklist-item):hover:after, #main .tabular .list a.odt:hover:after, #main .tabular .list a.open-filter:hover:after, #main .tabular .list a.pdf:hover:after, #main .tabular .list a.png:hover:after, #main .tabular .list a.project:hover:after, #main .tabular .list a.txt:hover:after, #main .tabular .list a.vcf:hover:after, #main .tabular .list a.xls:hover:after, #main .tabular .list a[href*="questions_sections/new"]:hover:after, #main .tabular .list div.issue.order.details #invoices .icon-invoice + a[href*=invoices]:hover:after, #main .tabular .list span.icon-only:hover:after {
                color: var(--icon-color-hover-list)
            }

            #main .box .list #checklist_form_items .new span.icon:hover:before, #main .box .list #company_profile_edit a:hover:before, #main .box .list #content #comments .contextual a[href*=order_comments]:hover:before, #main .box .list #deal_contact_id_add_link:hover:before, #main .box .list #expense_contact_id_add_link:hover:before, #main .box .list #invoice_contact_id_add_link:hover:before, #main .box .list #operation_contact_id_add_link:hover:before, #main .box .list #order_contact_id_add_link:hover:before, #main .box .list #sidebar .contextual a:hover:before, #main .box .list .avatar.extended .delete:hover:before, #main .box .list .contextual a[href="/activity"]:hover:before, #main .box .list .contextual a[href="/issues"]:hover:before, #main .box .list .contextual a[href="/time_entries"]:hover:before, #main .box .list .contextual:not(.next-prev-links) a:not(#show_note_form_extras):hover:before, #main .box .list .fa-pencil:hover:before, #main .box .list .hold-control .controls .btn:hover:before, #main .box .list .icon-fancybox:hover:before, #main .box .list .icon-not-ok:hover:before, #main .box .list .query-columns .buttons span:hover:before, #main .box .list .repeat-value:hover:before, #main .box .list .sort-handle:hover:before, #main .box .list .toggle-multiselect:hover:before, #main .box .list a.atom:hover:before, #main .box .list a.csv:hover:before, #main .box .list a.current-from-address:hover:before, #main .box .list a.html:hover:before, #main .box .list a.icon-close:hover:before, #main .box .list a.icon-only:hover:before, #main .box .list a.icon-settings:hover:before, #main .box .list a.icon:not(.add-checklist-item):hover:before, #main .box .list a.odt:hover:before, #main .box .list a.open-filter:hover:before, #main .box .list a.pdf:hover:before, #main .box .list a.png:hover:before, #main .box .list a.project:hover:before, #main .box .list a.txt:hover:before, #main .box .list a.vcf:hover:before, #main .box .list a.xls:hover:before, #main .box .list a[href*="questions_sections/new"]:hover:before, #main .box .list div.issue.order.details #invoices .icon-invoice + a[href*=invoices]:hover:before, #main .box .list span.icon-only:hover:before, #main .list #checklist_form_items .new span.icon:hover:before, #main .list #company_profile_edit a:hover:before, #main .list #content #comments .contextual a[href*=order_comments]:hover:before, #main .list #deal_contact_id_add_link:hover:before, #main .list #expense_contact_id_add_link:hover:before, #main .list #invoice_contact_id_add_link:hover:before, #main .list #operation_contact_id_add_link:hover:before, #main .list #order_contact_id_add_link:hover:before, #main .list #sidebar .contextual a:hover:before, #main .list .avatar.extended .delete:hover:before, #main .list .contextual a[href="/activity"]:hover:before, #main .list .contextual a[href="/issues"]:hover:before, #main .list .contextual a[href="/time_entries"]:hover:before, #main .list .contextual:not(.next-prev-links) a:not(#show_note_form_extras):hover:before, #main .list .fa-pencil:hover:before, #main .list .hold-control .controls .btn:hover:before, #main .list .icon-fancybox:hover:before, #main .list .icon-not-ok:hover:before, #main .list .query-columns .buttons span:hover:before, #main .list .repeat-value:hover:before, #main .list .sort-handle:hover:before, #main .list .toggle-multiselect:hover:before, #main .list a.atom:hover:before, #main .list a.csv:hover:before, #main .list a.current-from-address:hover:before, #main .list a.html:hover:before, #main .list a.icon-close:hover:before, #main .list a.icon-only:hover:before, #main .list a.icon-settings:hover:before, #main .list a.icon:not(.add-checklist-item):hover:before, #main .list a.odt:hover:before, #main .list a.open-filter:hover:before, #main .list a.pdf:hover:before, #main .list a.png:hover:before, #main .list a.project:hover:before, #main .list a.txt:hover:before, #main .list a.vcf:hover:before, #main .list a.xls:hover:before, #main .list a[href*="questions_sections/new"]:hover:before, #main .list div.issue.order.details #invoices .icon-invoice + a[href*=invoices]:hover:before, #main .list span.icon-only:hover:before, #main .mypage-box .list #checklist_form_items .new span.icon:hover:before, #main .mypage-box .list #company_profile_edit a:hover:before, #main .mypage-box .list #content #comments .contextual a[href*=order_comments]:hover:before, #main .mypage-box .list #deal_contact_id_add_link:hover:before, #main .mypage-box .list #expense_contact_id_add_link:hover:before, #main .mypage-box .list #invoice_contact_id_add_link:hover:before, #main .mypage-box .list #operation_contact_id_add_link:hover:before, #main .mypage-box .list #order_contact_id_add_link:hover:before, #main .mypage-box .list #sidebar .contextual a:hover:before, #main .mypage-box .list .avatar.extended .delete:hover:before, #main .mypage-box .list .contextual a[href="/activity"]:hover:before, #main .mypage-box .list .contextual a[href="/issues"]:hover:before, #main .mypage-box .list .contextual a[href="/time_entries"]:hover:before, #main .mypage-box .list .contextual:not(.next-prev-links) a:not(#show_note_form_extras):hover:before, #main .mypage-box .list .fa-pencil:hover:before, #main .mypage-box .list .hold-control .controls .btn:hover:before, #main .mypage-box .list .icon-fancybox:hover:before, #main .mypage-box .list .icon-not-ok:hover:before, #main .mypage-box .list .query-columns .buttons span:hover:before, #main .mypage-box .list .repeat-value:hover:before, #main .mypage-box .list .sort-handle:hover:before, #main .mypage-box .list .toggle-multiselect:hover:before, #main .mypage-box .list a.atom:hover:before, #main .mypage-box .list a.csv:hover:before, #main .mypage-box .list a.current-from-address:hover:before, #main .mypage-box .list a.html:hover:before, #main .mypage-box .list a.icon-close:hover:before, #main .mypage-box .list a.icon-only:hover:before, #main .mypage-box .list a.icon-settings:hover:before, #main .mypage-box .list a.icon:not(.add-checklist-item):hover:before, #main .mypage-box .list a.odt:hover:before, #main .mypage-box .list a.open-filter:hover:before, #main .mypage-box .list a.pdf:hover:before, #main .mypage-box .list a.png:hover:before, #main .mypage-box .list a.project:hover:before, #main .mypage-box .list a.txt:hover:before, #main .mypage-box .list a.vcf:hover:before, #main .mypage-box .list a.xls:hover:before, #main .mypage-box .list a[href*="questions_sections/new"]:hover:before, #main .mypage-box .list div.issue.order.details #invoices .icon-invoice + a[href*=invoices]:hover:before, #main .mypage-box .list span.icon-only:hover:before, #main .table-list #checklist_form_items .new span.icon:hover:before, #main .table-list #company_profile_edit a:hover:before, #main .table-list #content #comments .contextual a[href*=order_comments]:hover:before, #main .table-list #deal_contact_id_add_link:hover:before, #main .table-list #expense_contact_id_add_link:hover:before, #main .table-list #invoice_contact_id_add_link:hover:before, #main .table-list #operation_contact_id_add_link:hover:before, #main .table-list #order_contact_id_add_link:hover:before, #main .table-list #sidebar .contextual a:hover:before, #main .table-list .avatar.extended .delete:hover:before, #main .table-list .contextual a[href="/activity"]:hover:before, #main .table-list .contextual a[href="/issues"]:hover:before, #main .table-list .contextual a[href="/time_entries"]:hover:before, #main .table-list .contextual:not(.next-prev-links) a:not(#show_note_form_extras):hover:before, #main .table-list .fa-pencil:hover:before, #main .table-list .hold-control .controls .btn:hover:before, #main .table-list .icon-fancybox:hover:before, #main .table-list .icon-not-ok:hover:before, #main .table-list .query-columns .buttons span:hover:before, #main .table-list .repeat-value:hover:before, #main .table-list .sort-handle:hover:before, #main .table-list .toggle-multiselect:hover:before, #main .table-list a.atom:hover:before, #main .table-list a.csv:hover:before, #main .table-list a.current-from-address:hover:before, #main .table-list a.html:hover:before, #main .table-list a.icon-close:hover:before, #main .table-list a.icon-only:hover:before, #main .table-list a.icon-settings:hover:before, #main .table-list a.icon:not(.add-checklist-item):hover:before, #main .table-list a.odt:hover:before, #main .table-list a.open-filter:hover:before, #main .table-list a.pdf:hover:before, #main .table-list a.png:hover:before, #main .table-list a.project:hover:before, #main .table-list a.txt:hover:before, #main .table-list a.vcf:hover:before, #main .table-list a.xls:hover:before, #main .table-list a[href*="questions_sections/new"]:hover:before, #main .table-list div.issue.order.details #invoices .icon-invoice + a[href*=invoices]:hover:before, #main .table-list span.icon-only:hover:before, #main .tabular .list #checklist_form_items .new span.icon:hover:before, #main .tabular .list #company_profile_edit a:hover:before, #main .tabular .list #content #comments .contextual a[href*=order_comments]:hover:before, #main .tabular .list #deal_contact_id_add_link:hover:before, #main .tabular .list #expense_contact_id_add_link:hover:before, #main .tabular .list #invoice_contact_id_add_link:hover:before, #main .tabular .list #operation_contact_id_add_link:hover:before, #main .tabular .list #order_contact_id_add_link:hover:before, #main .tabular .list #sidebar .contextual a:hover:before, #main .tabular .list .avatar.extended .delete:hover:before, #main .tabular .list .contextual a[href="/activity"]:hover:before, #main .tabular .list .contextual a[href="/issues"]:hover:before, #main .tabular .list .contextual a[href="/time_entries"]:hover:before, #main .tabular .list .contextual:not(.next-prev-links) a:not(#show_note_form_extras):hover:before, #main .tabular .list .fa-pencil:hover:before, #main .tabular .list .hold-control .controls .btn:hover:before, #main .tabular .list .icon-fancybox:hover:before, #main .tabular .list .icon-not-ok:hover:before, #main .tabular .list .query-columns .buttons span:hover:before, #main .tabular .list .repeat-value:hover:before, #main .tabular .list .sort-handle:hover:before, #main .tabular .list .toggle-multiselect:hover:before, #main .tabular .list a.atom:hover:before, #main .tabular .list a.csv:hover:before, #main .tabular .list a.current-from-address:hover:before, #main .tabular .list a.html:hover:before, #main .tabular .list a.icon-close:hover:before, #main .tabular .list a.icon-only:hover:before, #main .tabular .list a.icon-settings:hover:before, #main .tabular .list a.icon:not(.add-checklist-item):hover:before, #main .tabular .list a.odt:hover:before, #main .tabular .list a.open-filter:hover:before, #main .tabular .list a.pdf:hover:before, #main .tabular .list a.png:hover:before, #main .tabular .list a.project:hover:before, #main .tabular .list a.txt:hover:before, #main .tabular .list a.vcf:hover:before, #main .tabular .list a.xls:hover:before, #main .tabular .list a[href*="questions_sections/new"]:hover:before, #main .tabular .list div.issue.order.details #invoices .icon-invoice + a[href*=invoices]:hover:before, #main .tabular .list span.icon-only:hover:before {
                background: var(--icon_bg_hover-list)
            }

    #main .admin-filter .toggle-multiselect:before {
        background-color: var(--icon_bg-bg)
    }

    #main .icon-fancybox {
        position: relative;
        min-width: var(--icon-width);
        min-height: var(--icon-width);
        cursor: pointer;
        margin: 0 15px 0 0
    }

        #main .icon-fancybox:after {
            font-size: var(--icon-font-size);
            line-height: var(--icon-width)
        }

        #main .icon-fancybox .block-info {
            position: absolute;
            top: -99999px;
            left: -99999px
        }

    #main .repeat-value {
        margin-top: 5px
    }

    #main .toggle-multiselect {
        margin: 0 0 0 10px
    }

        #main .toggle-multiselect.icon-toggle-minus {
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg)
        }

    #main .repeat-value:after {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    #main #content .other-formats .icon-only, #main #content .other-formats a:not(#show_note_form_extras), #main #content .right-questions .icon-only, #main #content .right-questions a:not(#show_note_form_extras), #main #content > .contextual:not(.next-prev-links) .icon-only, #main #content > .contextual:not(.next-prev-links) a:not(#show_note_form_extras) {
        height: var(--icon-width);
        width: var(--icon-width);
        min-width: var(--icon-width)
    }

        #main #content .other-formats .icon-only:after, #main #content .other-formats a:not(#show_note_form_extras):after, #main #content .right-questions .icon-only:after, #main #content .right-questions a:not(#show_note_form_extras):after, #main #content > .contextual:not(.next-prev-links) .icon-only:after, #main #content > .contextual:not(.next-prev-links) a:not(#show_note_form_extras):after {
            font-size: var(--icon-font-size);
            line-height: var(--icon-width)
        }

    #main table.list .context-menu-selection .icon-only {
        color: var(--icon-color-hover) !important
    }

    #main table.list .context-menu-selection > td {
        background-color: var(--bg-box)
    }

    #main .other-formats a {
        color: var(--icon-color-bg)
    }

        #main .other-formats a:after {
            color: var(--icon-color-bg)
        }

        #main .other-formats a:before {
            background: var(--icon_bg-bg) !important
        }

        #main .other-formats a:hover {
            color: var(--icon-color-hover-bg)
        }

            #main .other-formats a:hover:after {
                color: var(--icon-color-hover-bg)
            }

    #main .filters .toggle-multiselect, #main .filters span.toggle-multiselect.icon-only {
        color: var(--icon-color-bg)
    }

        #main .filters .toggle-multiselect:after, #main .filters span.toggle-multiselect.icon-only:after {
            color: var(--icon-color-bg)
        }

        #main .filters .toggle-multiselect:before, #main .filters span.toggle-multiselect.icon-only:before {
            background: var(--icon_bg-bg) !important
        }

        #main .filters .toggle-multiselect:hover, #main .filters span.toggle-multiselect.icon-only:hover {
            color: var(--icon-color-hover-bg)
        }

            #main .filters .toggle-multiselect:hover:after, #main .filters span.toggle-multiselect.icon-only:hover:after {
                color: var(--icon-color-hover-bg)
            }

    #main .box #checklist_form_items .new span.icon, #main .box #company_profile_edit a, #main .box #content #comments .contextual a[href*=order_comments], #main .box #deal_contact_id_add_link, #main .box #expense_contact_id_add_link, #main .box #invoice_contact_id_add_link, #main .box #operation_contact_id_add_link, #main .box #order_contact_id_add_link, #main .box #sidebar .contextual a, #main .box .fa-pencil, #main .box .hold-control .controls .btn, #main .box .icon-not-ok, #main .box .query-columns .buttons span, #main .box .sort-handle, #main .box a.atom, #main .box a.csv, #main .box a.current-from-address, #main .box a.html, #main .box a.icon-close, #main .box a.icon-only, #main .box a.icon-settings, #main .box a.icon:not(.add-checklist-item), #main .box a.odt, #main .box a.open-filter, #main .box a.pdf, #main .box a.png, #main .box a.project, #main .box a.txt, #main .box a.vcf, #main .box a.xls, #main .box a[href*="/versions/new"], #main .box a[href*="questions_sections/new"], #main .box a[onclick*="#issue_description_and_toolbar"], #main .box div.issue.order.details #invoices .icon-invoice + a[href*=invoices], #main .box span.icon-only, #main .list th #checklist_form_items .new span.icon, #main .list th #company_profile_edit a, #main .list th #content #comments .contextual a[href*=order_comments], #main .list th #deal_contact_id_add_link, #main .list th #expense_contact_id_add_link, #main .list th #invoice_contact_id_add_link, #main .list th #operation_contact_id_add_link, #main .list th #order_contact_id_add_link, #main .list th #sidebar .contextual a, #main .list th .fa-pencil, #main .list th .hold-control .controls .btn, #main .list th .icon-not-ok, #main .list th .query-columns .buttons span, #main .list th .sort-handle, #main .list th a.atom, #main .list th a.csv, #main .list th a.current-from-address, #main .list th a.html, #main .list th a.icon-close, #main .list th a.icon-only, #main .list th a.icon-settings, #main .list th a.icon:not(.add-checklist-item), #main .list th a.odt, #main .list th a.open-filter, #main .list th a.pdf, #main .list th a.png, #main .list th a.project, #main .list th a.txt, #main .list th a.vcf, #main .list th a.xls, #main .list th a[href*="/versions/new"], #main .list th a[href*="questions_sections/new"], #main .list th a[onclick*="#issue_description_and_toolbar"], #main .list th div.issue.order.details #invoices .icon-invoice + a[href*=invoices], #main .list th span.icon-only, #main .mypage-box #checklist_form_items .new span.icon, #main .mypage-box #company_profile_edit a, #main .mypage-box #content #comments .contextual a[href*=order_comments], #main .mypage-box #deal_contact_id_add_link, #main .mypage-box #expense_contact_id_add_link, #main .mypage-box #invoice_contact_id_add_link, #main .mypage-box #operation_contact_id_add_link, #main .mypage-box #order_contact_id_add_link, #main .mypage-box #sidebar .contextual a, #main .mypage-box .fa-pencil, #main .mypage-box .hold-control .controls .btn, #main .mypage-box .icon-not-ok, #main .mypage-box .query-columns .buttons span, #main .mypage-box .sort-handle, #main .mypage-box a.atom, #main .mypage-box a.csv, #main .mypage-box a.current-from-address, #main .mypage-box a.html, #main .mypage-box a.icon-close, #main .mypage-box a.icon-only, #main .mypage-box a.icon-settings, #main .mypage-box a.icon:not(.add-checklist-item), #main .mypage-box a.odt, #main .mypage-box a.open-filter, #main .mypage-box a.pdf, #main .mypage-box a.png, #main .mypage-box a.project, #main .mypage-box a.txt, #main .mypage-box a.vcf, #main .mypage-box a.xls, #main .mypage-box a[href*="/versions/new"], #main .mypage-box a[href*="questions_sections/new"], #main .mypage-box a[onclick*="#issue_description_and_toolbar"], #main .mypage-box div.issue.order.details #invoices .icon-invoice + a[href*=invoices], #main .mypage-box span.icon-only, #main .tabular #checklist_form_items .new span.icon, #main .tabular #company_profile_edit a, #main .tabular #content #comments .contextual a[href*=order_comments], #main .tabular #deal_contact_id_add_link, #main .tabular #expense_contact_id_add_link, #main .tabular #invoice_contact_id_add_link, #main .tabular #operation_contact_id_add_link, #main .tabular #order_contact_id_add_link, #main .tabular #sidebar .contextual a, #main .tabular .fa-pencil, #main .tabular .hold-control .controls .btn, #main .tabular .icon-not-ok, #main .tabular .query-columns .buttons span, #main .tabular .sort-handle, #main .tabular a.atom, #main .tabular a.csv, #main .tabular a.current-from-address, #main .tabular a.html, #main .tabular a.icon-close, #main .tabular a.icon-only, #main .tabular a.icon-settings, #main .tabular a.icon:not(.add-checklist-item), #main .tabular a.odt, #main .tabular a.open-filter, #main .tabular a.pdf, #main .tabular a.png, #main .tabular a.project, #main .tabular a.txt, #main .tabular a.vcf, #main .tabular a.xls, #main .tabular a[href*="/versions/new"], #main .tabular a[href*="questions_sections/new"], #main .tabular a[onclick*="#issue_description_and_toolbar"], #main .tabular div.issue.order.details #invoices .icon-invoice + a[href*=invoices], #main .tabular span.icon-only {
        color: var(--icon-color-bg)
    }

        #main .box #checklist_form_items .new span.icon:after, #main .box #company_profile_edit a:after, #main .box #content #comments .contextual a[href*=order_comments]:after, #main .box #deal_contact_id_add_link:after, #main .box #expense_contact_id_add_link:after, #main .box #invoice_contact_id_add_link:after, #main .box #operation_contact_id_add_link:after, #main .box #order_contact_id_add_link:after, #main .box #sidebar .contextual a:after, #main .box .fa-pencil:after, #main .box .hold-control .controls .btn:after, #main .box .icon-not-ok:after, #main .box .query-columns .buttons span:after, #main .box .sort-handle:after, #main .box a.atom:after, #main .box a.csv:after, #main .box a.current-from-address:after, #main .box a.html:after, #main .box a.icon-close:after, #main .box a.icon-only:after, #main .box a.icon-settings:after, #main .box a.icon:not(.add-checklist-item):after, #main .box a.odt:after, #main .box a.open-filter:after, #main .box a.pdf:after, #main .box a.png:after, #main .box a.project:after, #main .box a.txt:after, #main .box a.vcf:after, #main .box a.xls:after, #main .box a[href*="/versions/new"]:after, #main .box a[href*="questions_sections/new"]:after, #main .box a[onclick*="#issue_description_and_toolbar"]:after, #main .box div.issue.order.details #invoices .icon-invoice + a[href*=invoices]:after, #main .box span.icon-only:after, #main .list th #checklist_form_items .new span.icon:after, #main .list th #company_profile_edit a:after, #main .list th #content #comments .contextual a[href*=order_comments]:after, #main .list th #deal_contact_id_add_link:after, #main .list th #expense_contact_id_add_link:after, #main .list th #invoice_contact_id_add_link:after, #main .list th #operation_contact_id_add_link:after, #main .list th #order_contact_id_add_link:after, #main .list th #sidebar .contextual a:after, #main .list th .fa-pencil:after, #main .list th .hold-control .controls .btn:after, #main .list th .icon-not-ok:after, #main .list th .query-columns .buttons span:after, #main .list th .sort-handle:after, #main .list th a.atom:after, #main .list th a.csv:after, #main .list th a.current-from-address:after, #main .list th a.html:after, #main .list th a.icon-close:after, #main .list th a.icon-only:after, #main .list th a.icon-settings:after, #main .list th a.icon:not(.add-checklist-item):after, #main .list th a.odt:after, #main .list th a.open-filter:after, #main .list th a.pdf:after, #main .list th a.png:after, #main .list th a.project:after, #main .list th a.txt:after, #main .list th a.vcf:after, #main .list th a.xls:after, #main .list th a[href*="/versions/new"]:after, #main .list th a[href*="questions_sections/new"]:after, #main .list th a[onclick*="#issue_description_and_toolbar"]:after, #main .list th div.issue.order.details #invoices .icon-invoice + a[href*=invoices]:after, #main .list th span.icon-only:after, #main .mypage-box #checklist_form_items .new span.icon:after, #main .mypage-box #company_profile_edit a:after, #main .mypage-box #content #comments .contextual a[href*=order_comments]:after, #main .mypage-box #deal_contact_id_add_link:after, #main .mypage-box #expense_contact_id_add_link:after, #main .mypage-box #invoice_contact_id_add_link:after, #main .mypage-box #operation_contact_id_add_link:after, #main .mypage-box #order_contact_id_add_link:after, #main .mypage-box #sidebar .contextual a:after, #main .mypage-box .fa-pencil:after, #main .mypage-box .hold-control .controls .btn:after, #main .mypage-box .icon-not-ok:after, #main .mypage-box .query-columns .buttons span:after, #main .mypage-box .sort-handle:after, #main .mypage-box a.atom:after, #main .mypage-box a.csv:after, #main .mypage-box a.current-from-address:after, #main .mypage-box a.html:after, #main .mypage-box a.icon-close:after, #main .mypage-box a.icon-only:after, #main .mypage-box a.icon-settings:after, #main .mypage-box a.icon:not(.add-checklist-item):after, #main .mypage-box a.odt:after, #main .mypage-box a.open-filter:after, #main .mypage-box a.pdf:after, #main .mypage-box a.png:after, #main .mypage-box a.project:after, #main .mypage-box a.txt:after, #main .mypage-box a.vcf:after, #main .mypage-box a.xls:after, #main .mypage-box a[href*="/versions/new"]:after, #main .mypage-box a[href*="questions_sections/new"]:after, #main .mypage-box a[onclick*="#issue_description_and_toolbar"]:after, #main .mypage-box div.issue.order.details #invoices .icon-invoice + a[href*=invoices]:after, #main .mypage-box span.icon-only:after, #main .tabular #checklist_form_items .new span.icon:after, #main .tabular #company_profile_edit a:after, #main .tabular #content #comments .contextual a[href*=order_comments]:after, #main .tabular #deal_contact_id_add_link:after, #main .tabular #expense_contact_id_add_link:after, #main .tabular #invoice_contact_id_add_link:after, #main .tabular #operation_contact_id_add_link:after, #main .tabular #order_contact_id_add_link:after, #main .tabular #sidebar .contextual a:after, #main .tabular .fa-pencil:after, #main .tabular .hold-control .controls .btn:after, #main .tabular .icon-not-ok:after, #main .tabular .query-columns .buttons span:after, #main .tabular .sort-handle:after, #main .tabular a.atom:after, #main .tabular a.csv:after, #main .tabular a.current-from-address:after, #main .tabular a.html:after, #main .tabular a.icon-close:after, #main .tabular a.icon-only:after, #main .tabular a.icon-settings:after, #main .tabular a.icon:not(.add-checklist-item):after, #main .tabular a.odt:after, #main .tabular a.open-filter:after, #main .tabular a.pdf:after, #main .tabular a.png:after, #main .tabular a.project:after, #main .tabular a.txt:after, #main .tabular a.vcf:after, #main .tabular a.xls:after, #main .tabular a[href*="/versions/new"]:after, #main .tabular a[href*="questions_sections/new"]:after, #main .tabular a[onclick*="#issue_description_and_toolbar"]:after, #main .tabular div.issue.order.details #invoices .icon-invoice + a[href*=invoices]:after, #main .tabular span.icon-only:after {
            color: var(--icon-color-bg)
        }

        #main .box #checklist_form_items .new span.icon:before, #main .box #company_profile_edit a:before, #main .box #content #comments .contextual a[href*=order_comments]:before, #main .box #deal_contact_id_add_link:before, #main .box #expense_contact_id_add_link:before, #main .box #invoice_contact_id_add_link:before, #main .box #operation_contact_id_add_link:before, #main .box #order_contact_id_add_link:before, #main .box #sidebar .contextual a:before, #main .box .fa-pencil:before, #main .box .hold-control .controls .btn:before, #main .box .icon-not-ok:before, #main .box .query-columns .buttons span:before, #main .box .sort-handle:before, #main .box a.atom:before, #main .box a.csv:before, #main .box a.current-from-address:before, #main .box a.html:before, #main .box a.icon-close:before, #main .box a.icon-only:before, #main .box a.icon-settings:before, #main .box a.icon:not(.add-checklist-item):before, #main .box a.odt:before, #main .box a.open-filter:before, #main .box a.pdf:before, #main .box a.png:before, #main .box a.project:before, #main .box a.txt:before, #main .box a.vcf:before, #main .box a.xls:before, #main .box a[href*="/versions/new"]:before, #main .box a[href*="questions_sections/new"]:before, #main .box a[onclick*="#issue_description_and_toolbar"]:before, #main .box div.issue.order.details #invoices .icon-invoice + a[href*=invoices]:before, #main .box span.icon-only:before, #main .list th #checklist_form_items .new span.icon:before, #main .list th #company_profile_edit a:before, #main .list th #content #comments .contextual a[href*=order_comments]:before, #main .list th #deal_contact_id_add_link:before, #main .list th #expense_contact_id_add_link:before, #main .list th #invoice_contact_id_add_link:before, #main .list th #operation_contact_id_add_link:before, #main .list th #order_contact_id_add_link:before, #main .list th #sidebar .contextual a:before, #main .list th .fa-pencil:before, #main .list th .hold-control .controls .btn:before, #main .list th .icon-not-ok:before, #main .list th .query-columns .buttons span:before, #main .list th .sort-handle:before, #main .list th a.atom:before, #main .list th a.csv:before, #main .list th a.current-from-address:before, #main .list th a.html:before, #main .list th a.icon-close:before, #main .list th a.icon-only:before, #main .list th a.icon-settings:before, #main .list th a.icon:not(.add-checklist-item):before, #main .list th a.odt:before, #main .list th a.open-filter:before, #main .list th a.pdf:before, #main .list th a.png:before, #main .list th a.project:before, #main .list th a.txt:before, #main .list th a.vcf:before, #main .list th a.xls:before, #main .list th a[href*="/versions/new"]:before, #main .list th a[href*="questions_sections/new"]:before, #main .list th a[onclick*="#issue_description_and_toolbar"]:before, #main .list th div.issue.order.details #invoices .icon-invoice + a[href*=invoices]:before, #main .list th span.icon-only:before, #main .mypage-box #checklist_form_items .new span.icon:before, #main .mypage-box #company_profile_edit a:before, #main .mypage-box #content #comments .contextual a[href*=order_comments]:before, #main .mypage-box #deal_contact_id_add_link:before, #main .mypage-box #expense_contact_id_add_link:before, #main .mypage-box #invoice_contact_id_add_link:before, #main .mypage-box #operation_contact_id_add_link:before, #main .mypage-box #order_contact_id_add_link:before, #main .mypage-box #sidebar .contextual a:before, #main .mypage-box .fa-pencil:before, #main .mypage-box .hold-control .controls .btn:before, #main .mypage-box .icon-not-ok:before, #main .mypage-box .query-columns .buttons span:before, #main .mypage-box .sort-handle:before, #main .mypage-box a.atom:before, #main .mypage-box a.csv:before, #main .mypage-box a.current-from-address:before, #main .mypage-box a.html:before, #main .mypage-box a.icon-close:before, #main .mypage-box a.icon-only:before, #main .mypage-box a.icon-settings:before, #main .mypage-box a.icon:not(.add-checklist-item):before, #main .mypage-box a.odt:before, #main .mypage-box a.open-filter:before, #main .mypage-box a.pdf:before, #main .mypage-box a.png:before, #main .mypage-box a.project:before, #main .mypage-box a.txt:before, #main .mypage-box a.vcf:before, #main .mypage-box a.xls:before, #main .mypage-box a[href*="/versions/new"]:before, #main .mypage-box a[href*="questions_sections/new"]:before, #main .mypage-box a[onclick*="#issue_description_and_toolbar"]:before, #main .mypage-box div.issue.order.details #invoices .icon-invoice + a[href*=invoices]:before, #main .mypage-box span.icon-only:before, #main .tabular #checklist_form_items .new span.icon:before, #main .tabular #company_profile_edit a:before, #main .tabular #content #comments .contextual a[href*=order_comments]:before, #main .tabular #deal_contact_id_add_link:before, #main .tabular #expense_contact_id_add_link:before, #main .tabular #invoice_contact_id_add_link:before, #main .tabular #operation_contact_id_add_link:before, #main .tabular #order_contact_id_add_link:before, #main .tabular #sidebar .contextual a:before, #main .tabular .fa-pencil:before, #main .tabular .hold-control .controls .btn:before, #main .tabular .icon-not-ok:before, #main .tabular .query-columns .buttons span:before, #main .tabular .sort-handle:before, #main .tabular a.atom:before, #main .tabular a.csv:before, #main .tabular a.current-from-address:before, #main .tabular a.html:before, #main .tabular a.icon-close:before, #main .tabular a.icon-only:before, #main .tabular a.icon-settings:before, #main .tabular a.icon:not(.add-checklist-item):before, #main .tabular a.odt:before, #main .tabular a.open-filter:before, #main .tabular a.pdf:before, #main .tabular a.png:before, #main .tabular a.project:before, #main .tabular a.txt:before, #main .tabular a.vcf:before, #main .tabular a.xls:before, #main .tabular a[href*="/versions/new"]:before, #main .tabular a[href*="questions_sections/new"]:before, #main .tabular a[onclick*="#issue_description_and_toolbar"]:before, #main .tabular div.issue.order.details #invoices .icon-invoice + a[href*=invoices]:before, #main .tabular span.icon-only:before {
            background: var(--icon_bg-bg)
        }

        #main .box #checklist_form_items .new span.icon:hover, #main .box #company_profile_edit a:hover, #main .box #content #comments .contextual a[href*=order_comments]:hover, #main .box #deal_contact_id_add_link:hover, #main .box #expense_contact_id_add_link:hover, #main .box #invoice_contact_id_add_link:hover, #main .box #operation_contact_id_add_link:hover, #main .box #order_contact_id_add_link:hover, #main .box #sidebar .contextual a:hover, #main .box .fa-pencil:hover, #main .box .hold-control .controls .btn:hover, #main .box .icon-not-ok:hover, #main .box .query-columns .buttons span:hover, #main .box .sort-handle:hover, #main .box a.atom:hover, #main .box a.csv:hover, #main .box a.current-from-address:hover, #main .box a.html:hover, #main .box a.icon-close:hover, #main .box a.icon-only:hover, #main .box a.icon-settings:hover, #main .box a.icon:not(.add-checklist-item):hover, #main .box a.odt:hover, #main .box a.open-filter:hover, #main .box a.pdf:hover, #main .box a.png:hover, #main .box a.project:hover, #main .box a.txt:hover, #main .box a.vcf:hover, #main .box a.xls:hover, #main .box a[href*="/versions/new"]:hover, #main .box a[href*="questions_sections/new"]:hover, #main .box a[onclick*="#issue_description_and_toolbar"]:hover, #main .box div.issue.order.details #invoices .icon-invoice + a[href*=invoices]:hover, #main .box span.icon-only:hover, #main .list th #checklist_form_items .new span.icon:hover, #main .list th #company_profile_edit a:hover, #main .list th #content #comments .contextual a[href*=order_comments]:hover, #main .list th #deal_contact_id_add_link:hover, #main .list th #expense_contact_id_add_link:hover, #main .list th #invoice_contact_id_add_link:hover, #main .list th #operation_contact_id_add_link:hover, #main .list th #order_contact_id_add_link:hover, #main .list th #sidebar .contextual a:hover, #main .list th .fa-pencil:hover, #main .list th .hold-control .controls .btn:hover, #main .list th .icon-not-ok:hover, #main .list th .query-columns .buttons span:hover, #main .list th .sort-handle:hover, #main .list th a.atom:hover, #main .list th a.csv:hover, #main .list th a.current-from-address:hover, #main .list th a.html:hover, #main .list th a.icon-close:hover, #main .list th a.icon-only:hover, #main .list th a.icon-settings:hover, #main .list th a.icon:not(.add-checklist-item):hover, #main .list th a.odt:hover, #main .list th a.open-filter:hover, #main .list th a.pdf:hover, #main .list th a.png:hover, #main .list th a.project:hover, #main .list th a.txt:hover, #main .list th a.vcf:hover, #main .list th a.xls:hover, #main .list th a[href*="/versions/new"]:hover, #main .list th a[href*="questions_sections/new"]:hover, #main .list th a[onclick*="#issue_description_and_toolbar"]:hover, #main .list th div.issue.order.details #invoices .icon-invoice + a[href*=invoices]:hover, #main .list th span.icon-only:hover, #main .mypage-box #checklist_form_items .new span.icon:hover, #main .mypage-box #company_profile_edit a:hover, #main .mypage-box #content #comments .contextual a[href*=order_comments]:hover, #main .mypage-box #deal_contact_id_add_link:hover, #main .mypage-box #expense_contact_id_add_link:hover, #main .mypage-box #invoice_contact_id_add_link:hover, #main .mypage-box #operation_contact_id_add_link:hover, #main .mypage-box #order_contact_id_add_link:hover, #main .mypage-box #sidebar .contextual a:hover, #main .mypage-box .fa-pencil:hover, #main .mypage-box .hold-control .controls .btn:hover, #main .mypage-box .icon-not-ok:hover, #main .mypage-box .query-columns .buttons span:hover, #main .mypage-box .sort-handle:hover, #main .mypage-box a.atom:hover, #main .mypage-box a.csv:hover, #main .mypage-box a.current-from-address:hover, #main .mypage-box a.html:hover, #main .mypage-box a.icon-close:hover, #main .mypage-box a.icon-only:hover, #main .mypage-box a.icon-settings:hover, #main .mypage-box a.icon:not(.add-checklist-item):hover, #main .mypage-box a.odt:hover, #main .mypage-box a.open-filter:hover, #main .mypage-box a.pdf:hover, #main .mypage-box a.png:hover, #main .mypage-box a.project:hover, #main .mypage-box a.txt:hover, #main .mypage-box a.vcf:hover, #main .mypage-box a.xls:hover, #main .mypage-box a[href*="/versions/new"]:hover, #main .mypage-box a[href*="questions_sections/new"]:hover, #main .mypage-box a[onclick*="#issue_description_and_toolbar"]:hover, #main .mypage-box div.issue.order.details #invoices .icon-invoice + a[href*=invoices]:hover, #main .mypage-box span.icon-only:hover, #main .tabular #checklist_form_items .new span.icon:hover, #main .tabular #company_profile_edit a:hover, #main .tabular #content #comments .contextual a[href*=order_comments]:hover, #main .tabular #deal_contact_id_add_link:hover, #main .tabular #expense_contact_id_add_link:hover, #main .tabular #invoice_contact_id_add_link:hover, #main .tabular #operation_contact_id_add_link:hover, #main .tabular #order_contact_id_add_link:hover, #main .tabular #sidebar .contextual a:hover, #main .tabular .fa-pencil:hover, #main .tabular .hold-control .controls .btn:hover, #main .tabular .icon-not-ok:hover, #main .tabular .query-columns .buttons span:hover, #main .tabular .sort-handle:hover, #main .tabular a.atom:hover, #main .tabular a.csv:hover, #main .tabular a.current-from-address:hover, #main .tabular a.html:hover, #main .tabular a.icon-close:hover, #main .tabular a.icon-only:hover, #main .tabular a.icon-settings:hover, #main .tabular a.icon:not(.add-checklist-item):hover, #main .tabular a.odt:hover, #main .tabular a.open-filter:hover, #main .tabular a.pdf:hover, #main .tabular a.png:hover, #main .tabular a.project:hover, #main .tabular a.txt:hover, #main .tabular a.vcf:hover, #main .tabular a.xls:hover, #main .tabular a[href*="/versions/new"]:hover, #main .tabular a[href*="questions_sections/new"]:hover, #main .tabular a[onclick*="#issue_description_and_toolbar"]:hover, #main .tabular div.issue.order.details #invoices .icon-invoice + a[href*=invoices]:hover, #main .tabular span.icon-only:hover {
            color: var(--icon-color-hover-bg)
        }

            #main .box #checklist_form_items .new span.icon:hover:after, #main .box #company_profile_edit a:hover:after, #main .box #content #comments .contextual a[href*=order_comments]:hover:after, #main .box #deal_contact_id_add_link:hover:after, #main .box #expense_contact_id_add_link:hover:after, #main .box #invoice_contact_id_add_link:hover:after, #main .box #operation_contact_id_add_link:hover:after, #main .box #order_contact_id_add_link:hover:after, #main .box #sidebar .contextual a:hover:after, #main .box .fa-pencil:hover:after, #main .box .hold-control .controls .btn:hover:after, #main .box .icon-not-ok:hover:after, #main .box .query-columns .buttons span:hover:after, #main .box .sort-handle:hover:after, #main .box a.atom:hover:after, #main .box a.csv:hover:after, #main .box a.current-from-address:hover:after, #main .box a.html:hover:after, #main .box a.icon-close:hover:after, #main .box a.icon-only:hover:after, #main .box a.icon-settings:hover:after, #main .box a.icon:not(.add-checklist-item):hover:after, #main .box a.odt:hover:after, #main .box a.open-filter:hover:after, #main .box a.pdf:hover:after, #main .box a.png:hover:after, #main .box a.project:hover:after, #main .box a.txt:hover:after, #main .box a.vcf:hover:after, #main .box a.xls:hover:after, #main .box a[href*="/versions/new"]:hover:after, #main .box a[href*="questions_sections/new"]:hover:after, #main .box a[onclick*="#issue_description_and_toolbar"]:hover:after, #main .box div.issue.order.details #invoices .icon-invoice + a[href*=invoices]:hover:after, #main .box span.icon-only:hover:after, #main .list th #checklist_form_items .new span.icon:hover:after, #main .list th #company_profile_edit a:hover:after, #main .list th #content #comments .contextual a[href*=order_comments]:hover:after, #main .list th #deal_contact_id_add_link:hover:after, #main .list th #expense_contact_id_add_link:hover:after, #main .list th #invoice_contact_id_add_link:hover:after, #main .list th #operation_contact_id_add_link:hover:after, #main .list th #order_contact_id_add_link:hover:after, #main .list th #sidebar .contextual a:hover:after, #main .list th .fa-pencil:hover:after, #main .list th .hold-control .controls .btn:hover:after, #main .list th .icon-not-ok:hover:after, #main .list th .query-columns .buttons span:hover:after, #main .list th .sort-handle:hover:after, #main .list th a.atom:hover:after, #main .list th a.csv:hover:after, #main .list th a.current-from-address:hover:after, #main .list th a.html:hover:after, #main .list th a.icon-close:hover:after, #main .list th a.icon-only:hover:after, #main .list th a.icon-settings:hover:after, #main .list th a.icon:not(.add-checklist-item):hover:after, #main .list th a.odt:hover:after, #main .list th a.open-filter:hover:after, #main .list th a.pdf:hover:after, #main .list th a.png:hover:after, #main .list th a.project:hover:after, #main .list th a.txt:hover:after, #main .list th a.vcf:hover:after, #main .list th a.xls:hover:after, #main .list th a[href*="/versions/new"]:hover:after, #main .list th a[href*="questions_sections/new"]:hover:after, #main .list th a[onclick*="#issue_description_and_toolbar"]:hover:after, #main .list th div.issue.order.details #invoices .icon-invoice + a[href*=invoices]:hover:after, #main .list th span.icon-only:hover:after, #main .mypage-box #checklist_form_items .new span.icon:hover:after, #main .mypage-box #company_profile_edit a:hover:after, #main .mypage-box #content #comments .contextual a[href*=order_comments]:hover:after, #main .mypage-box #deal_contact_id_add_link:hover:after, #main .mypage-box #expense_contact_id_add_link:hover:after, #main .mypage-box #invoice_contact_id_add_link:hover:after, #main .mypage-box #operation_contact_id_add_link:hover:after, #main .mypage-box #order_contact_id_add_link:hover:after, #main .mypage-box #sidebar .contextual a:hover:after, #main .mypage-box .fa-pencil:hover:after, #main .mypage-box .hold-control .controls .btn:hover:after, #main .mypage-box .icon-not-ok:hover:after, #main .mypage-box .query-columns .buttons span:hover:after, #main .mypage-box .sort-handle:hover:after, #main .mypage-box a.atom:hover:after, #main .mypage-box a.csv:hover:after, #main .mypage-box a.current-from-address:hover:after, #main .mypage-box a.html:hover:after, #main .mypage-box a.icon-close:hover:after, #main .mypage-box a.icon-only:hover:after, #main .mypage-box a.icon-settings:hover:after, #main .mypage-box a.icon:not(.add-checklist-item):hover:after, #main .mypage-box a.odt:hover:after, #main .mypage-box a.open-filter:hover:after, #main .mypage-box a.pdf:hover:after, #main .mypage-box a.png:hover:after, #main .mypage-box a.project:hover:after, #main .mypage-box a.txt:hover:after, #main .mypage-box a.vcf:hover:after, #main .mypage-box a.xls:hover:after, #main .mypage-box a[href*="/versions/new"]:hover:after, #main .mypage-box a[href*="questions_sections/new"]:hover:after, #main .mypage-box a[onclick*="#issue_description_and_toolbar"]:hover:after, #main .mypage-box div.issue.order.details #invoices .icon-invoice + a[href*=invoices]:hover:after, #main .mypage-box span.icon-only:hover:after, #main .tabular #checklist_form_items .new span.icon:hover:after, #main .tabular #company_profile_edit a:hover:after, #main .tabular #content #comments .contextual a[href*=order_comments]:hover:after, #main .tabular #deal_contact_id_add_link:hover:after, #main .tabular #expense_contact_id_add_link:hover:after, #main .tabular #invoice_contact_id_add_link:hover:after, #main .tabular #operation_contact_id_add_link:hover:after, #main .tabular #order_contact_id_add_link:hover:after, #main .tabular #sidebar .contextual a:hover:after, #main .tabular .fa-pencil:hover:after, #main .tabular .hold-control .controls .btn:hover:after, #main .tabular .icon-not-ok:hover:after, #main .tabular .query-columns .buttons span:hover:after, #main .tabular .sort-handle:hover:after, #main .tabular a.atom:hover:after, #main .tabular a.csv:hover:after, #main .tabular a.current-from-address:hover:after, #main .tabular a.html:hover:after, #main .tabular a.icon-close:hover:after, #main .tabular a.icon-only:hover:after, #main .tabular a.icon-settings:hover:after, #main .tabular a.icon:not(.add-checklist-item):hover:after, #main .tabular a.odt:hover:after, #main .tabular a.open-filter:hover:after, #main .tabular a.pdf:hover:after, #main .tabular a.png:hover:after, #main .tabular a.project:hover:after, #main .tabular a.txt:hover:after, #main .tabular a.vcf:hover:after, #main .tabular a.xls:hover:after, #main .tabular a[href*="/versions/new"]:hover:after, #main .tabular a[href*="questions_sections/new"]:hover:after, #main .tabular a[onclick*="#issue_description_and_toolbar"]:hover:after, #main .tabular div.issue.order.details #invoices .icon-invoice + a[href*=invoices]:hover:after, #main .tabular span.icon-only:hover:after {
                color: var(--icon-color-hover-bg)
            }

    #main table th .sort:not(.add-checklist-item) {
        font-size: 1rem;
        line-height: 1.4;
        padding: 0 25px 0 0;
        color: var(--color-main-color) !important;
        width: auto;
        height: auto;
        min-height: 1px;
        overflow: visible;
        border-radius: 0
    }

        #main table th .sort:not(.add-checklist-item):after {
            display: block;
            clear: both;
            top: 50%;
            left: auto;
            right: 0;
            margin: -10px 0 0;
            height: 20px;
            width: 20px;
            font-size: 20px;
            line-height: 20px;
            background: var(--color-main-color) !important;
            border-radius: var(--icon-border-radius)
        }

        #main table th .sort:not(.add-checklist-item):after {
            color: var(--color-main-color-text) !important
        }

        #main table th .sort:not(.add-checklist-item):before {
            display: none
        }

    #main ul.subprojects li {
        position: relative;
        padding: 0 5px 0 0;
        margin: 0 5px 5px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        #main ul.subprojects li:after {
            content: '';
            display: block;
            clear: both;
            position: absolute;
            top: 50%;
            right: 0;
            width: 1px;
            height: 12px;
            margin: -6px 0 0;
            background: var(--text-color-main)
        }

        #main ul.subprojects li:last-child {
            padding: 0;
            margin: 0 0 5px 0
        }

            #main ul.subprojects li:last-child:after {
                display: none
            }

    #main ul.subprojects a.project {
        color: var(--color-main-color) !important;
        line-height: 1.5em;
        height: auto;
        min-width: 1px;
        min-height: 1px;
        width: auto;
        font-size: 1rem;
        border-radius: 0;
        font-weight: 700
    }

        #main ul.subprojects a.project:after, #main ul.subprojects a.project:before {
            display: none;
            width: 0;
            height: 0
        }

    #main #company_profile_edit a {
        width: 22px;
        height: 22px
    }

        #main #company_profile_edit a img[src*='edit.png'] {
            display: none !important
        }

        #main #company_profile_edit a:after {
            font-size: 22px
        }

    #main .checkbox a {
        border: none;
        background: 0 0;
        padding: 0;
        display: inline-block;
        height: var(--icon-width);
        width: var(--icon-width);
        margin: 0;
        overflow: hidden;
        position: relative;
        z-index: 2;
        border-radius: var(--icon-border-radius);
        font-size: 0;
        line-height: 0;
        -webkit-transition: color var(--time-hover) ease-in-out;
        -o-transition: color var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out;
        color: var(--icon-color-list)
    }

        #main .checkbox a img[src*='toggle_check.png'] {
            display: none !important
        }

        #main .checkbox a:after {
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            clear: both;
            height: 100%;
            width: 100%;
            margin: 0;
            overflow: hidden;
            border-radius: var(--icon-border-radius);
            z-index: 1;
            -webkit-transition: color var(--time-hover) ease-in-out;
            -o-transition: color var(--time-hover) ease-in-out;
            transition: color var(--time-hover) ease-in-out;
            font-family: var(--icon-font);
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-style: normal;
            font-variant: normal;
            font-weight: 400;
            text-decoration: none;
            text-transform: none;
            font-size: var(--icon-font-size);
            line-height: var(--icon-width);
            color: var(--icon-color-list)
        }

        #main .checkbox a:before {
            content: '';
            display: block;
            clear: both;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: var(--icon_bg-list);
            -webkit-transform: scale(0);
            -ms-transform: scale(0);
            transform: scale(0);
            z-index: -1;
            border-radius: var(--icon-border-radius);
            -webkit-transition: transform var(--time-hover) ease-in-out;
            -o-transition: transform var(--time-hover) ease-in-out;
            -webkit-transition: -webkit-transform var(--time-hover) ease-in-out;
            transition: -webkit-transform var(--time-hover) ease-in-out;
            transition: transform var(--time-hover) ease-in-out;
            transition: transform var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
        }

        #main .checkbox a:hover {
            color: var(--icon-color-hover-list)
        }

            #main .checkbox a:hover:after {
                color: var(--icon-color-hover-list)
            }

            #main .checkbox a:hover:before {
                background: var(--icon_bg_hover-list);
                -webkit-transform: scale(1);
                -ms-transform: scale(1);
                transform: scale(1)
            }

    #main a[href*="questions_sections/new"] img[src*='add.png'] {
        display: none !important
    }

    #main #all_attributes span.icon, #main fieldset.collapsible.collapsed > legend, #main fieldset.collapsible > legend, #main li.icon, #main tr.project.idnt td.name span {
        position: relative;
        background-image: none !important
    }

        #main #all_attributes span.icon img[src*='add.png'], #main fieldset.collapsible.collapsed > legend img[src*='add.png'], #main fieldset.collapsible > legend img[src*='add.png'], #main li.icon img[src*='add.png'], #main tr.project.idnt td.name span img[src*='add.png'] {
            display: none !important
        }

        #main #all_attributes span.icon:after, #main fieldset.collapsible.collapsed > legend:after, #main fieldset.collapsible > legend:after, #main li.icon:after, #main tr.project.idnt td.name span:after {
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            clear: both;
            height: var(--icon-width);
            width: var(--icon-width);
            margin: 0;
            overflow: hidden;
            border-radius: var(--icon-border-radius);
            z-index: 1;
            -webkit-transition: color var(--time-hover) ease-in-out;
            -o-transition: color var(--time-hover) ease-in-out;
            transition: color var(--time-hover) ease-in-out;
            font-family: var(--icon-font);
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-style: normal;
            font-variant: normal;
            font-weight: 400;
            text-decoration: none;
            text-transform: none;
            font-size: 22px;
            line-height: var(--icon-width)
        }

    #main #all_attributes label[for=issue_description] + a .icon, #main label[for=issue_author_id] + a .icon {
        position: relative;
        color: var(--icon-color-bg)
    }

        #main #all_attributes label[for=issue_description] + a .icon:after, #main label[for=issue_author_id] + a .icon:after {
            width: 20px;
            height: 20px;
            top: 50%;
            margin: -10px 0 0;
            font-size: var(--icon-font-size-small);
            line-height: var(--icon-width-small);
            color: var(--icon-color-bg)
        }

        #main #all_attributes label[for=issue_description] + a .icon:before, #main label[for=issue_author_id] + a .icon:before {
            content: '';
            display: block;
            clear: both;
            position: absolute;
            top: 50%;
            margin: -10px 0 0;
            left: 0;
            width: var(--icon-width-small);
            height: var(--icon-width-small);
            background: var(--icon_bg-bg);
            -webkit-transform: scale(0);
            -ms-transform: scale(0);
            transform: scale(0);
            z-index: 0;
            border-radius: var(--icon-border-radius);
            -webkit-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            -o-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            -webkit-transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
            transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
            transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
        }

    #main #all_attributes label[for=issue_description] + a:hover .icon, #main label[for=issue_author_id] + a:hover .icon {
        color: var(--icon-color-hover-bg)
    }

        #main #all_attributes label[for=issue_description] + a:hover .icon:after, #main label[for=issue_author_id] + a:hover .icon:after {
            color: var(--icon-color-hover-bg)
        }

        #main #all_attributes label[for=issue_description] + a:hover .icon:before, #main label[for=issue_author_id] + a:hover .icon:before {
            background: var(--icon_bg_hover-bg);
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1)
        }

    #main a[href*="questions_sections/new"]:hover:after, #main li.icon:after {
        color: var(--icon-color-hover-bg)
    }

    #main tr.project.idnt td.name span {
        display: inline-block;
        position: relative;
        padding: 0 0 0 25px
    }

        #main tr.project.idnt td.name span:after {
            position: absolute;
            top: 50%;
            margin: -10px 0 0;
            left: 0;
            display: block;
            clear: both;
            height: var(--icon-width-small);
            width: var(--icon-width-small);
            overflow: hidden;
            border-radius: var(--icon-border-radius);
            z-index: 1;
            font-family: var(--icon-font);
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-style: normal;
            font-variant: normal;
            font-weight: 400;
            text-decoration: none;
            text-transform: none;
            font-size: var(--icon-font-size-small);
            line-height: var(--icon-width-small);
            color: var(--icon-color-list);
            -webkit-transition: color var(--time-hover) ease-in-out;
            -o-transition: color var(--time-hover) ease-in-out;
            transition: color var(--time-hover) ease-in-out
        }

    #main fieldset.collapsible.collapsed > legend:after, #main fieldset.collapsible > legend:after {
        font-size: 15px
    }

    #main #sidebar .contextual a, #main #sidebar a.icon, #main #sidebar a.icon-only, #main .fa-pencil {
        height: var(--icon-smaller-width);
        width: var(--icon-smaller-width)
    }

        #main #sidebar .contextual a:before, #main #sidebar a.icon-only:before, #main #sidebar a.icon:before, #main .fa-pencil:before {
            background: var(--icon_bg)
        }

    #main #history .icon-not-ok, #main #history .sort-handle, #main #history a.atom, #main #history a.csv, #main #history a.html, #main #history a.icon, #main #history a.icon-close, #main #history a.icon-only, #main #history a.icon-settings, #main #history a.pdf, #main #history a.png, #main #history a.vcf, #main #history a.xls {
        height: var(--icon-smaller-width);
        width: var(--icon-smaller-width)
    }

        #main #history .icon-not-ok:before, #main #history .sort-handle:before, #main #history a.atom:before, #main #history a.csv:before, #main #history a.html:before, #main #history a.icon-close:before, #main #history a.icon-only:before, #main #history a.icon-settings:before, #main #history a.icon:before, #main #history a.pdf:before, #main #history a.png:before, #main #history a.vcf:before, #main #history a.xls:before {
            background: var(--icon_bg);
            height: var(--icon-smaller-width);
            width: var(--icon-smaller-width)
        }

        #main #history .icon-not-ok:after, #main #history .sort-handle:after, #main #history a.atom:after, #main #history a.csv:after, #main #history a.html:after, #main #history a.icon-close:after, #main #history a.icon-only:after, #main #history a.icon-settings:after, #main #history a.icon:after, #main #history a.pdf:after, #main #history a.png:after, #main #history a.vcf:after, #main #history a.xls:after {
            height: var(--icon-smaller-width);
            width: var(--icon-smaller-width);
            font-size: var(--icon-smaller-font-size);
            line-height: var(--icon-smaller-width)
        }

    #main .description .icon {
        height: var(--icon-smaller-width);
        width: var(--icon-smaller-width)
    }

        #main .description .icon:before {
            background: var(--icon_bg);
            height: var(--icon-smaller-width);
            width: var(--icon-smaller-width)
        }

        #main .description .icon:after {
            height: var(--icon-smaller-width);
            width: var(--icon-smaller-width);
            font-size: var(--icon-smaller-font-size);
            line-height: var(--icon-smaller-width)
        }

    #main .hold-control .controls .btn:before {
        background: var(--icon_bg)
    }

    #main #content #comments .contextual a[href*=order_comments]:before, #main div.issue.order.details #invoices .icon-invoice + a[href*=invoices]:before {
        background: var(--icon_bg)
    }

    #main .issue .icon-only:before, #main .issue .icon:before {
        background: var(--icon_bg)
    }

    #main tr.issue .icon-only:before, #main tr.issue .icon:before {
        background: var(--icon_bg-bg)
    }

    #main #content p.other-formats {
        margin: 0;
        position: absolute;
        bottom: 0;
        right: 0;
        font-size: .85714286rem;
        color: var(--icon-color);
        width: 50%
    }

        #main #content p.other-formats a {
            color: var(--icon-color-bg)
        }

            #main #content p.other-formats a:hover:after {
                color: var(--icon-color-hover-bg)
            }

    #main #content .tab-content p.other-formats {
        position: static;
        margin: 0
    }

    #main #content .tab-content #notes {
        float: left;
        overflow: hidden;
        width: 100%
    }

        #main #content .tab-content #notes .pagination {
            position: static
        }

    #main p.other-formats {
        font-size: .857rem;
        line-height: 2.143rem;
        margin: 0;
        float: right;
        width: 49%
    }

        #main p.other-formats:after {
            content: '';
            display: block;
            clear: both;
            width: 100%;
            height: 1px;
            overflow: hidden
        }

        #main p.other-formats span {
            display: inline-block;
            vertical-align: top
        }

            #main p.other-formats span:before {
                display: none
            }

            #main p.other-formats span a {
                display: block
            }

    #main .agile-board .user:after {
        content: ''
    }

    #main .agile-board .icon-comment {
        background-image: none !important;
        position: relative
    }

        #main .agile-board .icon-comment:before {
            display: block;
            clear: both;
            position: absolute;
            top: 0;
            left: 0;
            width: 14px;
            height: 14px;
            border-radius: var(--border-radius-small);
            font-family: var(--icon-font);
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-style: normal;
            font-variant: normal;
            font-weight: 400;
            text-decoration: none;
            text-transform: none;
            font-size: 14px;
            line-height: 1
        }

        #main .agile-board .icon-comment:after {
            display: none
        }

    #main #content .box .list a.icon, #main #content .box .list a.icon-only, #main #content .box .list span.icon, #main #content .box .list span.icon-only, #main #content .list a.icon, #main #content .list a.icon-only, #main #content .list span.icon, #main #content .list span.icon-only, #main #content .mypage-box .list a.icon, #main #content .mypage-box .list a.icon-only, #main #content .mypage-box .list span.icon, #main #content .mypage-box .list span.icon-only, #main #content .table-list a.icon, #main #content .table-list a.icon-only, #main #content .table-list span.icon, #main #content .table-list span.icon-only, #main #content .tabular .list a.icon, #main #content .tabular .list a.icon-only, #main #content .tabular .list span.icon, #main #content .tabular .list span.icon-only {
        color: var(--icon-color-list)
    }

        #main #content .box .list a.icon-only:hover:after, #main #content .box .list a.icon:hover:after, #main #content .box .list span.icon-only:hover:after, #main #content .box .list span.icon:hover:after, #main #content .list a.icon-only:hover:after, #main #content .list a.icon:hover:after, #main #content .list span.icon-only:hover:after, #main #content .list span.icon:hover:after, #main #content .mypage-box .list a.icon-only:hover:after, #main #content .mypage-box .list a.icon:hover:after, #main #content .mypage-box .list span.icon-only:hover:after, #main #content .mypage-box .list span.icon:hover:after, #main #content .table-list a.icon-only:hover:after, #main #content .table-list a.icon:hover:after, #main #content .table-list span.icon-only:hover:after, #main #content .table-list span.icon:hover:after, #main #content .tabular .list a.icon-only:hover:after, #main #content .tabular .list a.icon:hover:after, #main #content .tabular .list span.icon-only:hover:after, #main #content .tabular .list span.icon:hover:after {
            color: var(--icon-color-hover-list)
        }

        #main #content .box .list a.icon-only:hover:before, #main #content .box .list a.icon:hover:before, #main #content .box .list span.icon-only:hover:before, #main #content .box .list span.icon:hover:before, #main #content .list a.icon-only:hover:before, #main #content .list a.icon:hover:before, #main #content .list span.icon-only:hover:before, #main #content .list span.icon:hover:before, #main #content .mypage-box .list a.icon-only:hover:before, #main #content .mypage-box .list a.icon:hover:before, #main #content .mypage-box .list span.icon-only:hover:before, #main #content .mypage-box .list span.icon:hover:before, #main #content .table-list a.icon-only:hover:before, #main #content .table-list a.icon:hover:before, #main #content .table-list span.icon-only:hover:before, #main #content .table-list span.icon:hover:before, #main #content .tabular .list a.icon-only:hover:before, #main #content .tabular .list a.icon:hover:before, #main #content .tabular .list span.icon-only:hover:before, #main #content .tabular .list span.icon:hover:before {
            background: var(--icon_bg_hover-list)
        }

        #main #content .box .list span.icon-only.icon-checked, #main #content .box .list span.icon.icon-checked, #main #content .list span.icon-only.icon-checked, #main #content .list span.icon.icon-checked, #main #content .mypage-box .list span.icon-only.icon-checked, #main #content .mypage-box .list span.icon.icon-checked, #main #content .table-list span.icon-only.icon-checked, #main #content .table-list span.icon.icon-checked, #main #content .tabular .list span.icon-only.icon-checked, #main #content .tabular .list span.icon.icon-checked {
            color: var(--icon-color-list)
        }

            #main #content .box .list span.icon-only.icon-checked:after, #main #content .box .list span.icon.icon-checked:after, #main #content .list span.icon-only.icon-checked:after, #main #content .list span.icon.icon-checked:after, #main #content .mypage-box .list span.icon-only.icon-checked:after, #main #content .mypage-box .list span.icon.icon-checked:after, #main #content .table-list span.icon-only.icon-checked:after, #main #content .table-list span.icon.icon-checked:after, #main #content .tabular .list span.icon-only.icon-checked:after, #main #content .tabular .list span.icon.icon-checked:after {
                color: var(--icon-color-list)
            }

            #main #content .box .list span.icon-only.icon-checked:before, #main #content .box .list span.icon.icon-checked:before, #main #content .list span.icon-only.icon-checked:before, #main #content .list span.icon.icon-checked:before, #main #content .mypage-box .list span.icon-only.icon-checked:before, #main #content .mypage-box .list span.icon.icon-checked:before, #main #content .table-list span.icon-only.icon-checked:before, #main #content .table-list span.icon.icon-checked:before, #main #content .tabular .list span.icon-only.icon-checked:before, #main #content .tabular .list span.icon.icon-checked:before {
                display: none
            }

            #main #content .box .list span.icon-only.icon-checked:hover, #main #content .box .list span.icon.icon-checked:hover, #main #content .list span.icon-only.icon-checked:hover, #main #content .list span.icon.icon-checked:hover, #main #content .mypage-box .list span.icon-only.icon-checked:hover, #main #content .mypage-box .list span.icon.icon-checked:hover, #main #content .table-list span.icon-only.icon-checked:hover, #main #content .table-list span.icon.icon-checked:hover, #main #content .tabular .list span.icon-only.icon-checked:hover, #main #content .tabular .list span.icon.icon-checked:hover {
                color: var(--icon-color-list)
            }

                #main #content .box .list span.icon-only.icon-checked:hover:after, #main #content .box .list span.icon.icon-checked:hover:after, #main #content .list span.icon-only.icon-checked:hover:after, #main #content .list span.icon.icon-checked:hover:after, #main #content .mypage-box .list span.icon-only.icon-checked:hover:after, #main #content .mypage-box .list span.icon.icon-checked:hover:after, #main #content .table-list span.icon-only.icon-checked:hover:after, #main #content .table-list span.icon.icon-checked:hover:after, #main #content .tabular .list span.icon-only.icon-checked:hover:after, #main #content .tabular .list span.icon.icon-checked:hover:after {
                    color: var(--icon-color-list)
                }

#notes table.note_data {
    table-layout: fixed
}

#notes .attachments {
    padding-top: 20px
}

#notes .redmine-evolution-attachments {
    margin-left: 0;
    margin-right: 0;
    padding: 5px 10px;
    border: 0;
    border-radius: var(--border-radius);
    width: 100%;
    margin-top: 20px;
    margin-bottom: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#footer {
    background: var(--bg) !important;
    color: var(--text-color-main);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-color: var(--border-color);
    border-bottom: 1px solid var(--border-color);
    font-size: .7857rem;
    line-height: .7857rem;
    padding: 5px;
    -webkit-transition: padding-right var(--time-main) ease-in-out;
    -o-transition: padding-right var(--time-main) ease-in-out;
    transition: padding-right var(--time-main) ease-in-out;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    #footer > a {
        display: none
    }

#errorExplanation, div.flash.error {
    background-color: var(--notice-error-bg);
    border-color: var(--notice-error-main);
    color: var(--notice-error-main-text)
}

#wrapper #errorExplanation, #wrapper #flash_error {
    background: 0 0;
    background-color: var(--notice-error-main);
    border-color: var(--red_border_error);
    color: var(--red_error_text);
    font-size: 1rem;
    font-weight: 500;
    border-radius: var(--border-radius-midle);
    padding: 14px
}

    #wrapper #errorExplanation ul, #wrapper #flash_error ul {
        font-size: 1rem;
        font-weight: 500;
        margin: 0;
        padding: 0;
        list-style: none
    }

        #wrapper #errorExplanation ul li, #wrapper #flash_error ul li {
            padding: 0 0 0 20px;
            position: relative
        }

            #wrapper #errorExplanation ul li:after, #wrapper #flash_error ul li:after {
                content: '';
                display: block;
                clear: both;
                position: absolute;
                top: .5rem;
                left: 0;
                width: 6px;
                height: 6px;
                border-radius: var(--border-radius);
                background: var(--color-fff)
            }

img.gravatar {
    border-radius: var(--border-radius-full);
    background: var(--bg-fff);
    display: inline-block
}

.contextual form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: .85714286rem;
    line-height: 32px;
    color: var(--text-color-main);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .contextual form select {
        margin: 0
    }

    .contextual form .jcf-select {
        min-width: 200px;
        margin: 0 0 0 10px
    }

#vault_whitelist, .query-columns {
    display: block
}

    #vault_whitelist .buttons, .query-columns .buttons {
        margin: 0
    }

        #vault_whitelist .buttons span, .query-columns .buttons span {
            display: block
        }

        #vault_whitelist .buttons input[type=button], .query-columns .buttons input[type=button] {
            display: block;
            outline: 0 none;
            margin: 5px 10px;
            width: var(--icon-width);
            height: var(--icon-width);
            font-size: 17px;
            line-height: var(--icon-width);
            background: 0 0;
            border: none;
            position: relative;
            z-index: 2;
            border-radius: var(--icon-border-radius);
            background-color: var(--button-bg-bg);
            color: var(--button-color-bg);
            -webkit-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            -o-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out
        }

            #vault_whitelist .buttons input[type=button]:hover, .query-columns .buttons input[type=button]:hover {
                background-color: var(--button-bg-hover-bg);
                color: var(--button-color-hover-bg)
            }

    #vault_whitelist label, .query-columns label {
        font-weight: 600;
        display: block;
        margin: 0 0 10px !important
    }

.add-filter {
    width: auto;
    margin: 0 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

    .add-filter .jcf-select {
        min-width: 200px
    }

    .add-filter label {
        margin: 0 10px 0 0
    }

fieldset#filters table {
    table-layout: fixed
}

    fieldset#filters table td {
        padding: 0 20px 10px 0
    }

        fieldset#filters table td:last-child {
            padding-right: 0
        }

        fieldset#filters table td.field {
            width: 275px;
            font-weight: 700
        }

        fieldset#filters table td.operator {
            width: 150px
        }

        fieldset#filters table td.values > span:nth-child(2) {
            margin-top: 10px
        }

fieldset#filters .add-filter label {
    font-weight: 700
}

#eq-filter-controls.open-filters .holder-filters, #query_form.open-filters .holder-filters {
    max-height: 2000px
}

#eq-filter-controls .holder-filters, #query_form .holder-filters {
    overflow: hidden;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-height: 0;
    -webkit-transition: max-height var(--time-main) ease-in-out;
    -o-transition: max-height var(--time-main) ease-in-out;
    transition: max-height var(--time-main) ease-in-out
}

    #eq-filter-controls .holder-filters .in-filter, #query_form .holder-filters .in-filter {
        border-bottom: 1px solid var(--border-color);
        padding: 0 0 10px;
        margin-bottom: 20px
    }

    #eq-filter-controls .holder-filters .admin-filter > div, #query_form .holder-filters .admin-filter > div {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -ms-flex-line-pack: end;
        align-content: flex-end;
        position: static !important;
        top: 0 !important;
        left: 0 !important
    }

    #eq-filter-controls .holder-filters .filters-table, #query_form .holder-filters .filters-table {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }

    #eq-filter-controls .holder-filters .add-filter, #query_form .holder-filters .add-filter {
        width: auto;
        margin: 0 0 10px;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        padding-left: 20px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        #eq-filter-controls .holder-filters .add-filter .jcf-select, #query_form .holder-filters .add-filter .jcf-select {
            min-width: 200px
        }

    #eq-filter-controls .holder-filters table, #query_form .holder-filters table {
        border-spacing: 0
    }

        #eq-filter-controls .holder-filters table td, #query_form .holder-filters table td {
            padding: 0 20px 10px 0
        }

            #eq-filter-controls .holder-filters table td#chart-unit-row, #query_form .holder-filters table td#chart-unit-row {
                white-space: nowrap;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                vertical-align: center
            }

                #eq-filter-controls .holder-filters table td#chart-unit-row label, #query_form .holder-filters table td#chart-unit-row label {
                    padding-top: 7px;
                    display: inline-block
                }

        #eq-filter-controls .holder-filters table .inline, #query_form .holder-filters table .inline {
            margin: 0 10px 0 0
        }

    #eq-filter-controls .holder-filters .jcf-select, #query_form .holder-filters .jcf-select {
        margin: 0
    }

#query_form .buttons {
    margin: 0
}

#eq-filter-controls, #query_form_content, #query_form_with_buttons {
    display: block;
    overflow: hidden;
    width: 100%;
    font-size: 1rem;
    line-height: 1.4
}

    #eq-filter-controls .buttons, #query_form_content .buttons, #query_form_with_buttons .buttons {
        margin: 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: .85714286rem;
        line-height: .85714286rem
    }

    #eq-filter-controls fieldset, #query_form_content fieldset, #query_form_with_buttons fieldset {
        position: relative;
        padding: 25px 32px 15px;
        margin: 0 0 15px;
        border-radius: var(--border-radius);
        background: var(--bg-box);
        border: none
    }

        #eq-filter-controls fieldset legend, #query_form_content fieldset legend, #query_form_with_buttons fieldset legend {
            position: absolute;
            width: 100%;
            padding: 0 20px 0 50px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            height: 40px;
            top: 0;
            left: 0;
            color: var(--text-color-main);
            font-weight: 600;
            font-size: 1rem;
            line-height: 1.4;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            cursor: pointer
        }

            #eq-filter-controls fieldset legend.open-in-box .icon-down, #query_form_content fieldset legend.open-in-box .icon-down, #query_form_with_buttons fieldset legend.open-in-box .icon-down {
                color: var(--icon-color-hover-bg)
            }

                #eq-filter-controls fieldset legend.open-in-box .icon-down:after, #query_form_content fieldset legend.open-in-box .icon-down:after, #query_form_with_buttons fieldset legend.open-in-box .icon-down:after {
                    -webkit-transform: rotate(180deg);
                    -ms-transform: rotate(180deg);
                    transform: rotate(180deg)
                }

            #eq-filter-controls fieldset legend .icon-down, #query_form_content fieldset legend .icon-down, #query_form_with_buttons fieldset legend .icon-down {
                position: absolute;
                top: 5px;
                left: 10px;
                width: var(--icon-width);
                height: var(--icon-width);
                background-size: var(--icon-width) var(--icon-width);
                background-repeat: no-repeat;
                background-position: 50% 50%;
                -webkit-transition: transform var(--time-hover) ease-in-out;
                -o-transition: transform var(--time-hover) ease-in-out;
                -webkit-transition: -webkit-transform var(--time-hover) ease-in-out;
                transition: -webkit-transform var(--time-hover) ease-in-out;
                transition: transform var(--time-hover) ease-in-out;
                transition: transform var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
                color: var(--icon-color-bg)
            }

                #eq-filter-controls fieldset legend .icon-down:after, #query_form_content fieldset legend .icon-down:after, #query_form_with_buttons fieldset legend .icon-down:after {
                    position: absolute;
                    top: 0;
                    left: 0;
                    display: block;
                    clear: both;
                    height: var(--icon-width);
                    width: var(--icon-width);
                    margin: 0;
                    overflow: hidden;
                    border-radius: var(--icon-border-radius);
                    -webkit-transition: color var(--time-hover) ease-in-out,transform var(--time-hover) ease-in-out;
                    -o-transition: color var(--time-hover) ease-in-out,transform var(--time-hover) ease-in-out;
                    -webkit-transition: color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
                    transition: color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
                    transition: color var(--time-hover) ease-in-out,transform var(--time-hover) ease-in-out;
                    transition: color var(--time-hover) ease-in-out,transform var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
                    z-index: 1;
                    opacity: 1;
                    font-family: var(--icon-font);
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                    font-style: normal;
                    font-variant: normal;
                    font-weight: 400;
                    text-decoration: none;
                    text-transform: none;
                    font-size: var(--icon-font-size);
                    line-height: 1
                }

                #eq-filter-controls fieldset legend .icon-down:before, #query_form_content fieldset legend .icon-down:before, #query_form_with_buttons fieldset legend .icon-down:before {
                    content: '';
                    display: block;
                    clear: both;
                    position: absolute;
                    top: 0;
                    left: 0;
                    height: var(--icon-width);
                    width: var(--icon-width);
                    background: var(--icon_bg-bg);
                    -webkit-transform: scale(0);
                    -ms-transform: scale(0);
                    transform: scale(0);
                    z-index: 0;
                    border-radius: var(--icon-border-radius);
                    -webkit-transition: transform var(--time-hover) ease-in-out;
                    -o-transition: transform var(--time-hover) ease-in-out;
                    -webkit-transition: -webkit-transform var(--time-hover) ease-in-out;
                    transition: -webkit-transform var(--time-hover) ease-in-out;
                    transition: transform var(--time-hover) ease-in-out;
                    transition: transform var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
                }

            #eq-filter-controls fieldset legend:hover .icon-down, #query_form_content fieldset legend:hover .icon-down, #query_form_with_buttons fieldset legend:hover .icon-down {
                color: var(--icon-color-hover-bg)
            }

                #eq-filter-controls fieldset legend:hover .icon-down:before, #query_form_content fieldset legend:hover .icon-down:before, #query_form_with_buttons fieldset legend:hover .icon-down:before {
                    background-color: var(--icon_bg_hover-bg);
                    webkit-transform: scale(1);
                    -ms-transform: scale(1);
                    -webkit-transform: scale(1);
                    transform: scale(1)
                }

            #eq-filter-controls fieldset legend.selected .icon-down, #query_form_content fieldset legend.selected .icon-down, #query_form_with_buttons fieldset legend.selected .icon-down {
                color: var(--icon_color_active-bg)
            }

                #eq-filter-controls fieldset legend.selected .icon-down:before, #query_form_content fieldset legend.selected .icon-down:before, #query_form_with_buttons fieldset legend.selected .icon-down:before {
                    background-color: var(--icon_bg_active-bg);
                    webkit-transform: scale(1);
                    -ms-transform: scale(1);
                    -webkit-transform: scale(1);
                    transform: scale(1)
                }

    #eq-filter-controls .open-in-box ~ .open-box, #query_form_content .open-in-box ~ .open-box, #query_form_with_buttons .open-in-box ~ .open-box {
        max-height: 1000px
    }

    #eq-filter-controls .open-box, #query_form_content .open-box, #query_form_with_buttons .open-box {
        display: block !important;
        overflow: hidden;
        width: 100%;
        max-height: 0;
        -webkit-transition: max-height var(--time-main) ease-in-out;
        -o-transition: max-height var(--time-main) ease-in-out;
        transition: max-height var(--time-main) ease-in-out
    }

        #eq-filter-controls .open-box > div, #query_form_content .open-box > div, #query_form_with_buttons .open-box > div {
            display: block !important;
            overflow: hidden;
            padding: 20px 0 0
        }

    #eq-filter-controls .add-filter, #query_form_content .add-filter, #query_form_with_buttons .add-filter {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

        #eq-filter-controls .add-filter label, #query_form_content .add-filter label, #query_form_with_buttons .add-filter label {
            margin: 0 10px 0 0
        }

#query_form .add-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

    #query_form .add-filter label {
        margin: 0 10px 0 0
    }

#content form .select2 {
    width: 100% !important
}

#content form .select2, #content form select {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0
}

    #content form button ~ .icon, #content form button ~ .icon-only, #content form input ~ .icon, #content form input ~ .icon-only, #content form select ~ .icon, #content form select ~ .icon-only, #content form textarea ~ .icon, #content form textarea ~ .icon-only {
        margin: 0 0 0 10px !important
    }

#content form input[type=submit] ~ .icon.icon-reload {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

#content form p input[type=submit] ~ .icon.icon-reload {
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-top: 0 !important
}

#content form .buttons input ~ .icon {
    margin: 0 !important
}

#content form .box p {
    padding: 0 0 0 295px
}

    #content form .box p:empty {
        display: none;
        height: 0;
        overflow: hidden
    }

    #content form .box p > label {
        margin: 0 10px 0 0 !important;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        text-align: left;
        color: var(--text-color-main);
        font-size: 1rem;
        line-height: 1.4
    }

        #content form .box p > label:first-child {
            font-weight: 600;
            margin: 0 0 0 -295px !important;
            width: 295px;
            padding: 0 10px 0 0;
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

        #content form .box p > label.inline {
            margin-bottom: 5px !important
        }

        #content form .box p > label[for=invoice_description] ~ div {
            margin-bottom: 10px !important
        }

    #content form .box p#issue_is_private_wrap label.inline {
        margin-bottom: 0 !important
    }

#content form[action="/custom_fields/new"] .box p label {
    margin: 5px 0 0 !important
}

    #content form[action="/custom_fields/new"] .box p label:first-child {
        margin: 0 !important
    }

#content form .tabular p, #content form fieldset.box p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 10px;
    color: var(--text-color-main);
    font-size: .85714286rem;
    line-height: 1rem;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

    #content form .tabular p em.info, #content form fieldset.box p em.info {
        color: var(--color-dark-grey);
        font-size: .85714286rem;
        line-height: 1rem
    }

    #content form .tabular p.nodata, #content form fieldset.box p.nodata {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 0 20px
    }

    #content form .tabular p p:empty, #content form fieldset.box p p:empty {
        display: none
    }

    #content form .tabular p br, #content form fieldset.box p br {
        display: block;
        width: 100%;
        height: 0;
        padding: 0 1000000px;
        margin: 0 0 5px;
        content: ""
    }

#content form #issue_description_and_toolbar {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    width: 100%
}

#content form input[type=date], #content form input[type=email], #content form input[type=number], #content form input[type=password], #content form input[type=text], #content form input[type=url], #content form textarea:not(.select2-search__field) {
    height: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid var(--border-color-content);
    padding: 6px 12px;
    font-size: .85714286rem;
    line-height: 1.28571429rem;
    border-radius: var(--border-radius-small);
    color: var(--text-color-main);
    margin: 0;
    min-width: 190px;
    outline: 0 none;
    width: 100%;
    max-width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: var(--bg-fff);
    min-height: 30px;
    -webkit-appearance: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

    #content form input[type=date].autocomplete, #content form input[type=email].autocomplete, #content form input[type=number].autocomplete, #content form input[type=password].autocomplete, #content form input[type=text].autocomplete, #content form input[type=url].autocomplete, #content form textarea:not(.select2-search__field).autocomplete {
        background-image: url(../images/icon/search.svg);
        background-repeat: no-repeat;
        background-position: 100% 50%;
        background-size: 26px 26px;
        line-height: 18px;
        padding: 8px 38px 8px 8px !important
    }

#content form #issue_agile_data_attributes_story_points {
    margin-left: -15px
}

#content form .hasDatepicke[type=text], #content form .hasDatepicker, #content form input[type=date] {
    background-image: url(../images/icon/calendar.svg) !important;
    background-position: 100% 50% !important;
    background-repeat: no-repeat !important;
    background-size: 26px 26px !important;
    padding-right: 30px !important
}

    #content form .hasDatepicke[type=text]::-webkit-calendar-picker-indicator, #content form .hasDatepicker::-webkit-calendar-picker-indicator, #content form input[type=date]::-webkit-calendar-picker-indicator {
        color: transparent;
        opacity: 1;
        font-size: 0;
        line-height: 0
    }

    #content form .hasDatepicker + img {
        display: none
    }

#content form input[type=text] + input[type=text] {
    min-width: auto
}

#content form input[type=button], #content form input[type=submit] {
    -webkit-appearance: none
}

#content form textarea:not(.select2-search__field) {
    min-height: 190px;
    width: 100% !important;
    position: relative
}

#content form #issue_due_date ~ #time_end, #content form #issue_start_date ~ #time_begin {
    margin-top: 10px
}

#content form #change_author > a {
    display: none
}

#content form .item textarea {
    min-height: 30px
}

#content form input#document_title, #content form input#issue_subject, #content form input#time_entry_comments {
    width: 100%
}

#content form input[type=submit] {
    padding: 8px 30px;
    font-size: 1rem;
    line-height: 1rem;
    -webkit-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
    -o-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
    transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
    border-radius: var(--button-border-radius);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: var(--button-main-bg);
    border: 0 !important;
    color: var(--button-main-color);
    display: inline-block;
    vertical-align: top;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: var(--button-font-weight);
    margin: 0 10px 0 0;
    width: auto;
    height: auto;
    outline: 0 none
}

    #content form input[type=submit]:hover {
        background: var(--button-main-bg-hover);
        color: var(--button-main-color-hover)
    }

    #content form input[type=submit]:disabled {
        background: var(--button-main-bg-disabled);
        color: var(--button-main-color-disabled);
        cursor: default
    }

        #content form input[type=submit]:disabled:hover {
            background: var(--button-main-bg-disabled);
            color: var(--button-main-color-disabled)
        }

    #content form input[type=submit] + a, #content form input[type=submit] + input[type=button] {
        display: inline-block;
        border: none;
        padding: 8px 15px;
        width: auto;
        height: 30px;
        font-size: 1rem;
        line-height: 1rem;
        font-weight: var(--button-font-weight);
        color: var(--button-color);
        background: var(--button-bg);
        text-decoration: none;
        border-radius: var(--button-border-radius);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        -o-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out
    }

        #content form input[type=submit] + a:after, #content form input[type=submit] + a:before, #content form input[type=submit] + input[type=button]:after, #content form input[type=submit] + input[type=button]:before {
            display: none
        }

        #content form input[type=submit] + a.icon-reload, #content form input[type=submit] + input[type=button].icon-reload {
            color: var(--icon-color-list);
            background: var(--icon_bg-list)
        }

            #content form input[type=submit] + a.icon-reload:before, #content form input[type=submit] + input[type=button].icon-reload:before {
                display: none
            }

            #content form input[type=submit] + a.icon-reload:hover, #content form input[type=submit] + input[type=button].icon-reload:hover {
                color: var(--icon-color-hover-list);
                background: var(--icon_bg_hover-list)
            }

                #content form input[type=submit] + a.icon-reload:hover:after, #content form input[type=submit] + input[type=button].icon-reload:hover:after {
                    color: var(--icon-color-hover-list)
                }

        #content form input[type=submit] + a:hover, #content form input[type=submit] + input[type=button]:hover {
            background: var(--button-bg-hover);
            color: var(--button-color-hover)
        }

#content form .admin-filter input[type=submit] + a, #content form .admin-filter input[type=submit] + input[type=button] {
    color: var(--button-color);
    background: var(--button-bg)
}

    #content form .admin-filter input[type=submit] + a:before, #content form .admin-filter input[type=submit] + input[type=button]:before {
        display: none
    }

    #content form .admin-filter input[type=submit] + a:hover, #content form .admin-filter input[type=submit] + input[type=button]:hover {
        background: var(--button-bg-hover);
        color: var(--button-color-hover)
    }

    #content form .admin-filter input[type=submit] + a.icon-reload, #content form .admin-filter input[type=submit] + input[type=button].icon-reload {
        color: var(--button-color-bg);
        background: var(--button-bg-bg)
    }

        #content form .admin-filter input[type=submit] + a.icon-reload:before, #content form .admin-filter input[type=submit] + input[type=button].icon-reload:before {
            display: none
        }

        #content form .admin-filter input[type=submit] + a.icon-reload:hover, #content form .admin-filter input[type=submit] + input[type=button].icon-reload:hover {
            color: var(--button-color-bg)
        }

        #content form .admin-filter input[type=submit] + a.icon-reload:hover, #content form .admin-filter input[type=submit] + input[type=button].icon-reload:hover {
            color: var(--button-color-hover-bg);
            background: var(--button-bg-hover-bg)
        }

            #content form .admin-filter input[type=submit] + a.icon-reload:hover:hover, #content form .admin-filter input[type=submit] + input[type=button].icon-reload:hover:hover {
                color: var(--button-color-hover-bg)
            }

#content form #issue_estimated_hours, #content form #time_entry_hours {
    margin: 0 10px 0 0
}

#content form#new_time_entry #time_entry_hours {
    margin: 0
}

#content form#new_time_entry #time_entry_issue_id {
    min-width: 100%
}

#content form #time_entry_issue > a {
    margin: 0 0 0 10px
}

#content form em.info {
    margin: 5px 0 5px 10px
}

    #content form em.info input[type=submit] {
        margin: 0 0 0 -10px
    }

#content form p + em.info {
    margin: 0
}

#content form.edit_time_entry #time_entry_hours {
    margin: 0
}

#content .box input[type=submit], #content .filter-box input[type=submit] {
    color: var(--button-main-color-bg);
    background: var(--button-main-bg-bg)
}

    #content .box input[type=submit]:hover, #content .filter-box input[type=submit]:hover {
        color: var(--button-main-color-hover-bg);
        background: var(--button-main-bg-hover-bg)
    }

    #content .box input[type=submit] + a, #content .box input[type=submit] + input[type=button], #content .filter-box input[type=submit] + a, #content .filter-box input[type=submit] + input[type=button] {
        color: var(--button-color-bg);
        background: var(--button-bg-bg)
    }

        #content .box input[type=submit] + a:hover, #content .box input[type=submit] + input[type=button]:hover, #content .filter-box input[type=submit] + a:hover, #content .filter-box input[type=submit] + input[type=button]:hover {
            background: var(--button-bg-hover-bg);
            color: var(--button-color-hover-bg)
        }

        #content .box input[type=submit] + a.icon-reload, #content .box input[type=submit] + input[type=button].icon-reload, #content .filter-box input[type=submit] + a.icon-reload, #content .filter-box input[type=submit] + input[type=button].icon-reload {
            color: var(--button-color-bg);
            background: var(--button-bg-bg)
        }

            #content .box input[type=submit] + a.icon-reload:before, #content .box input[type=submit] + input[type=button].icon-reload:before, #content .filter-box input[type=submit] + a.icon-reload:before, #content .filter-box input[type=submit] + input[type=button].icon-reload:before {
                display: none
            }

            #content .box input[type=submit] + a.icon-reload:hover, #content .box input[type=submit] + input[type=button].icon-reload:hover, #content .filter-box input[type=submit] + a.icon-reload:hover, #content .filter-box input[type=submit] + input[type=button].icon-reload:hover {
                color: var(--button-color-bg)
            }

            #content .box input[type=submit] + a.icon-reload:hover, #content .box input[type=submit] + input[type=button].icon-reload:hover, #content .filter-box input[type=submit] + a.icon-reload:hover, #content .filter-box input[type=submit] + input[type=button].icon-reload:hover {
                color: var(--button-color-hover-bg);
                background: var(--button-bg-hover-bg)
            }

                #content .box input[type=submit] + a.icon-reload:hover:hover, #content .box input[type=submit] + input[type=button].icon-reload:hover:hover, #content .filter-box input[type=submit] + a.icon-reload:hover:hover, #content .filter-box input[type=submit] + input[type=button].icon-reload:hover:hover {
                    color: var(--button-color-hover-bg)
                }

#new_time_entry #issue_due_date, #new_time_entry #issue_estimated_hours, #new_time_entry #issue_parent_issue_id, #new_time_entry #issue_start_date, #new_time_entry #time_entry_hours {
    margin: 0
}

.autoscroll {
    margin: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

div.flash.notice {
    width: auto !important;
    position: fixed;
    top: 41px;
    right: 0;
    margin: 0;
    border: 0;
    padding: 14px 55px 14px 10px !important;
    border-left: 4px solid var(--notice-successfu-main);
    border-radius: 0;
    background-color: var(--notice-successfu-bg);
    color: var(--notice-successfu-main);
    font-size: 1rem;
    line-height: 1.28571429rem;
    font-weight: 600;
    background-image: none;
    z-index: 50 !important;
    cursor: pointer
}

    div.flash.notice:after {
        text-align: center;
        position: absolute;
        top: 50%;
        right: 10px;
        display: block;
        clear: both;
        height: var(--icon-width);
        width: var(--icon-width);
        margin: -15px 0 0;
        overflow: hidden;
        border-radius: var(--icon-border-radius);
        z-index: 1;
        font-family: var(--icon-font);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        text-decoration: none;
        text-transform: none;
        font-size: var(--icon-smaller-font-size);
        line-height: var(--icon-width);
        color: var(--red_border_error);
        -webkit-transition: color var(--time-hover) ease-in-out;
        -o-transition: color var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out
    }

    div.flash.notice:before {
        content: '';
        display: block;
        clear: both;
        position: absolute;
        top: 50%;
        right: 10px;
        width: var(--icon-width);
        height: var(--icon-width);
        margin: -15px 0 0;
        background: var(--notice-error-main);
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        z-index: 1;
        border-radius: var(--icon-border-radius);
        -webkit-transition: transform var(--time-hover) ease-in-out;
        -o-transition: transform var(--time-hover) ease-in-out;
        -webkit-transition: -webkit-transform var(--time-hover) ease-in-out;
        transition: -webkit-transform var(--time-hover) ease-in-out;
        transition: transform var(--time-hover) ease-in-out;
        transition: transform var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
    }

    div.flash.notice:hover:before {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    div.flash.notice:hover:after {
        color: var(--red_error_text)
    }

    div.flash.notice h2 {
        font-size: 1.1428rem;
        line-height: 1.28571429rem;
        padding: 0 !important;
        margin: 0 0 10px !important
    }

    div.flash.notice p {
        margin: 10px 0 !important
    }

    div.flash.notice.error {
        border-left: 4px solid var(--notice-error-main);
        background-color: var(--notice-error-bg);
        color: var(--notice-error-main-text)
    }

        div.flash.notice.error:after {
            color: var(--notice-error-main-text)
        }

        div.flash.notice.error:before {
            background: var(--notice-error-main)
        }

        div.flash.notice.error:hover:after {
            color: var(--red_error_text)
        }

.open-sidebar #wrapper form > #errorExplanation {
    right: 256px
}

#wrapper form > #errorExplanation {
    position: fixed;
    top: 41px;
    right: 0;
    margin: 0;
    border: 0;
    padding: 14px 55px 14px 10px !important;
    border-left: 4px solid var(--notice-error-main);
    border-radius: 0;
    background-color: var(--notice-error-bg);
    color: var(--notice-error-main-text);
    font-size: 1.1428rem;
    line-height: 1.28571429rem;
    font-weight: 700;
    background-image: none;
    z-index: 1000 !important;
    cursor: pointer
}

    #wrapper form > #errorExplanation:after {
        text-align: center;
        position: absolute;
        top: 50%;
        right: 10px;
        display: block;
        clear: both;
        height: var(--icon-width);
        width: var(--icon-width);
        margin: -15px 0 0;
        overflow: hidden;
        border-radius: var(--icon-border-radius);
        z-index: 1;
        font-family: var(--icon-font);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        text-decoration: none;
        text-transform: none;
        font-size: var(--icon-smaller-font-size);
        line-height: var(--icon-width);
        color: var(--notice-error-main-text);
        -webkit-transition: color var(--time-hover) ease-in-out;
        -o-transition: color var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out
    }

    #wrapper form > #errorExplanation:before {
        content: '';
        display: block;
        clear: both;
        position: absolute;
        top: 50%;
        right: 10px;
        width: var(--icon-width);
        height: var(--icon-width);
        margin: -15px 0 0;
        background: var(--red_border_error);
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        z-index: 1;
        border-radius: var(--icon-border-radius);
        -webkit-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        -o-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        -webkit-transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
        transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
        transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
    }

    #wrapper form > #errorExplanation:hover:before {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    #wrapper form > #errorExplanation:hover:after {
        color: var(--red_error_text)
    }

    #wrapper form > #errorExplanation ul {
        margin: 0;
        padding: 0;
        list-style: none
    }

        #wrapper form > #errorExplanation ul li {
            padding: 0 0 0 16px;
            position: relative
        }

            #wrapper form > #errorExplanation ul li:after {
                content: '';
                display: block;
                clear: both;
                position: absolute;
                top: 5px;
                left: 0;
                width: 6px;
                height: 6px;
                border-radius: var(--icon-border-radius);
                background-color: var(--red_border_error)
            }

.tabular input, .tabular select {
    width: 100%;
    max-width: 100%
}

.nodata, .warning {
    text-align: center;
    background-color: var(--notice-worning-bg);
    border-color: var(--notice-worning-main);
    color: var(--notice-worning-color)
}

    .nodata p, .warning p {
        margin: 10px 0
    }

        .nodata p:first-child, .warning p:first-child {
            margin: 0
        }

.conflict, .nodata, div.flash.warning {
    background-color: var(--notice-worning-bg);
    border-color: var(--notice-worning-main);
    color: var(--notice-worning-color);
    background-image: none;
    position: relative;
    text-align: left
}

    .conflict:after, .nodata:after, div.flash.warning:after {
        content: "\E0C6";
        display: block;
        clear: both;
        position: absolute;
        top: 50%;
        left: 5px;
        width: var(--icon-width-small);
        height: var(--icon-width-small);
        margin: -10px 0 0;
        font-family: var(--icon-font);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        text-decoration: none;
        text-transform: none;
        font-size: var(--icon-font-size-small);
        line-height: var(--icon-width-small);
        color: var(--notice-worning-main)
    }

    .conflict br, .nodata br, div.flash.warning br {
        content: '';
        display: block;
        clear: both;
        width: 100%;
        height: 5px
    }

    .conflict > strong, .nodata > strong, div.flash.warning > strong {
        font-size: 1rem;
        line-height: 1.4
    }

    .conflict .conflict-details, .nodata .conflict-details, div.flash.warning .conflict-details {
        font-size: .85714286rem;
        line-height: 1.4
    }

        .conflict .conflict-details li, .nodata .conflict-details li, div.flash.warning .conflict-details li {
            margin: 5px 0 0
        }

            .conflict .conflict-details li:first-child, .nodata .conflict-details li:first-child, div.flash.warning .conflict-details li:first-child {
                margin: 0
            }

#main .breadcrumb {
    font-size: .85714286rem;
    line-height: 1rem;
    font-weight: 600;
    margin: 0;
    position: absolute;
    top: -20px;
    left: 0
}

#account_form fieldset {
    padding: 52px 20px 35px;
    position: relative;
    color: var(--text-color-main);
    overflow: hidden;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 20px 0 0;
    border: none;
    background: var(--bg-box);
    border-radius: var(--border-radius)
}

    #account_form fieldset legend {
        position: absolute;
        top: 17px;
        left: 20px;
        font-weight: 600;
        color: var(--color-main-color);
        margin: 0
    }

    #account_form fieldset > p {
        margin: 0
    }

.attributes:empty {
    display: none
}

#new_user #password_fields {
    padding: 10px 0 0
}

body .jstEditor {
    width: 100%
}

#content form .jstEditor.zen.dark-theme textarea:active, #content form .jstEditor.zen.dark-theme textarea:focus, #content form .jstEditor.zen.dark-theme textarea:hover {
    color: #dbe0e0
}

#content form .jstEditor.zen.dark-theme textarea {
    color: #a4b1b1
}

#content form .jstEditor input[type=text] {
    min-height: 100px;
    height: auto
}

body .jstEditor textarea + div {
    margin: 0 !important
}

.zen #header, .zen #sidebar, .zen #top-menu, .zen .open-sidebar-link {
    display: none
}

.zen .jstEditor.zen {
    padding: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.jstBlock {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    position: relative
}

    .jstBlock .icon-user {
        background-image: url(../../../images/user.png)
    }

    .jstBlock .wiki-preview, .jstBlock textarea {
        border: 1px solid var(--border-color-content);
        padding: 6px 12px;
        border-radius: var(--border-radius-small);
        color: var(--text-color-main);
        margin: 0 !important;
        min-width: 190px;
        outline: 0 none;
        max-width: 100%;
        width: 100% !important;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-size: .85714286rem;
        line-height: 1rem
    }

        .jstBlock .wiki-preview P, .jstBlock textarea P {
            padding: 0 !important
        }

.jstTabs {
    width: 100% !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .jstTabs ul {
        font-size: .85714286rem;
        line-height: .85714286rem
    }

        .jstTabs ul li a {
            color: var(--text-color-main)
        }

            .jstTabs ul li a.selected {
                color: var(--color-main-color)
            }

#content .jstTabs.tabs {
    height: auto
}

    #content .jstTabs.tabs ul {
        border-bottom: 0;
        overflow: hidden;
        width: 100%;
        padding: 0;
        margin: 0;
        position: static;
        min-width: 100%;
        height: auto
    }

    #content .jstTabs.tabs li {
        background: var(--bg-fff);
        float: left;
        list-style-type: none;
        white-space: nowrap;
        margin-right: 4px;
        position: relative;
        margin-bottom: -1px;
        height: auto !important
    }

        #content .jstTabs.tabs li:before {
            display: none !important
        }

        #content .jstTabs.tabs li > a {
            margin: 0 !important
        }

        #content .jstTabs.tabs li a {
            display: inline-block;
            vertical-align: bottom;
            padding: 4px 6px 4px 6px;
            font-size: .9em;
            text-decoration: none;
            line-height: 19px;
            border: 1px solid var(--border-color);
            color: var(--border-color);
            font-weight: 700;
            border-top-left-radius: var(--border-radius-small);
            border-top-right-radius: var(--border-radius-small);
            border-bottom: 1px solid transparent
        }

            #content .jstTabs.tabs li a.selected {
                background-color: var(--bg-fff);
                border: 1px solid var(--border-color);
                border-bottom: 1px solid var(--bg-fff);
                color: var(--text-color-main)
            }

#content .jstBlock .wiki-preview, #content .jstBlock textarea {
    margin: 0 !important;
    background: var(--bg-fff)
}

#content .dynamicEdit .jstBlock + div {
    margin-top: 0 !important
}

#main #content .list .icon-package {
    width: auto;
    height: var(--icon-smaller-width);
    font-size: 1rem;
    line-height: var(--icon-smaller-width);
    position: relative;
    border-radius: 0;
    color: var(--color-main-color);
    padding: 0 0 0 36px;
    text-decoration: none
}

    #main #content .list .icon-package:after, #main #content .list .icon-package:before {
        width: var(--icon-smaller-width);
        height: var(--icon-smaller-width);
        top: 50%;
        margin: -13px 0 0;
        left: 0
    }

.controller-files.action-index .autoscroll {
    margin: 0
}

#content .filecontent-container {
    min-height: auto
}

#content table.filecontent {
    width: 100%
}

tr.group a.toggle-all {
    color: var(--text-color-main)
}

    tr.group a.toggle-all:hover {
        color: var(--color-main-color)
    }

body #new-attachments input[type=text] ~ * {
    margin: 0 0 0 10px !important
}

body #new-attachments input[type=text] ~ .ui-progressbar {
    margin: 5px 0 0 !important
}

#main .contextual:not(.next-prev-links) a[onclick*="$('#existing-attachments')"]:not(#show_note_form_extras) {
    color: var(--icon-color-bg)
}

    #main .contextual:not(.next-prev-links) a[onclick*="$('#existing-attachments')"]:not(#show_note_form_extras):before {
        background: var(--icon_bg-bg)
    }

    #main .contextual:not(.next-prev-links) a[onclick*="$('#existing-attachments')"]:not(#show_note_form_extras):hover {
        color: var(--icon-color-hover-bg)
    }

        #main .contextual:not(.next-prev-links) a[onclick*="$('#existing-attachments')"]:not(#show_note_form_extras):hover:before {
            background: var(--icon_bg_hover-bg)
        }

#main #new-attachments {
    display: block !important;
    overflow: hidden
}

#main .avatar.extended .delete {
    color: var(--icon-color-bg);
    opacity: 1
}

    #main .avatar.extended .delete:before {
        background: var(--icon_bg_hover-bg)
    }

    #main .avatar.extended .delete img {
        display: none
    }

    #main .avatar.extended .delete:hover {
        color: var(--icon-color-hover-bg)
    }

#main .attachments_form {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    width: 100%
}

    #main .attachments_form .attachments_fields > span {
        margin: 0 0 10px
    }

        #main .attachments_form .attachments_fields > span a {
            margin: 0 0 0 10px
        }

            #main .attachments_form .attachments_fields > span a:before {
                background: var(--icon_bg_hover-bg) !important
            }

    #main .attachments_form .icon-attachment {
        background-image: none !important
    }

#main .extended {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

    #main .extended .add_attachment {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        width: auto
    }

#main #attachments_fields {
    position: absolute;
    top: -9999999px;
    left: -9999999px
}

#main .add_attachment {
    border: 1px solid var(--border-color-content);
    padding: 6px 12px 6px 35px;
    font-size: 14px;
    line-height: 18px;
    height: var(--icon-width);
    border-radius: var(--border-radius-small);
    color: var(--text-color-main);
    margin: 0;
    min-width: 190px;
    outline: 0 none;
    background: var(--bg-fff);
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    display: block;
    cursor: pointer;
    font-weight: 400;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%
}

    #main .add_attachment:after, #main .add_attachment:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 30px;
        height: 30px;
        cursor: pointer
    }

    #main .add_attachment:before {
        content: ''
    }

    #main .add_attachment:after {
        opacity: 1;
        -webkit-transition: color var(--time-hover) ease-in-out;
        -o-transition: color var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out;
        font-family: var(--icon-font);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        text-decoration: none;
        text-transform: none;
        font-size: 30px;
        line-height: 1;
        color: var(--color-dark-grey)
    }

    #main .add_attachment:hover:after {
        color: var(--color-main-color)
    }

    #main .add_attachment input[type=file] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        z-index: 2;
        cursor: pointer
    }

body #time_entry_issue:empty {
    display: none
}

body input[type=text] ~ #time_entry_issue {
    margin: 0 !important
}

div.issue img.gravatar {
    margin-bottom: 0
}

.controller-imports.action-new #content form .box p {
    padding: 0
}

.controller-users.action-show #main > #content:after {
    top: 0;
    height: calc(100% - 56px)
}

.controller-users.action-show #main > #content h2 {
    padding: 15px 45px 15px 20px;
    border-top: 0;
    margin-bottom: 30px
}

.controller-users.action-show #main > #content .contextual {
    right: 20px
}

    .controller-users.action-show #main > #content .contextual .icon {
        color: var(--icon-color)
    }

        .controller-users.action-show #main > #content .contextual .icon:before {
            background: var(--icon_bg)
        }

        .controller-users.action-show #main > #content .contextual .icon:hover {
            color: var(--icon-color-hover)
        }

            .controller-users.action-show #main > #content .contextual .icon:hover:before {
                background: var(--icon_bg_hover)
            }

.controller-users.action-show #main > #content h3 {
    margin: 20px 0
}

.controller-users.action-show .splitcontentleft, .controller-users.action-show .splitcontentright {
    margin: 0 0 30px
}

table form .block {
    margin: 0 0 10px
}

#user_group_ids br {
    display: none
}

#user_group_ids label {
    display: block;
    margin: 0 0 10px
}

#content .objects-selection {
    height: auto;
    max-height: 400px
}

#user_group_ids, .objects-selection > div {
    column-count: 1;
    column-width: 0;
    -webkit-column-count: 1;
    -webkit-column-width: 0;
    -webkit-column-gap: 0;
    -webkit-column-rule: 0;
    -moz-column-count: 1;
    -moz-column-width: 0;
    -moz-column-gap: 0;
    -moz-column-rule: 0;
    display: block
}

.text-diff {
    background: var(--bg-box);
    border-color: var(--border-color);
    border-radius: var(--border-radius)
}

body #issue_badge > li > div a, body a:link, body a:visited {
    font-weight: inherit
}

body #sort .select2 {
    max-width: 70px;
    margin: 5px 0 5px 10px !important
}

.jstBlock .jstEditor > div .cke_chrome {
    padding: 0 !important;
    margin-top: 0 !important;
    -webkit-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent
}

#wrapper .dropdown-menu {
    border-color: var(--drop-border-color);
    background: var(--drop-bg);
    -webkit-box-shadow: var(--box-shadow-null);
    box-shadow: var(--box-shadow-null)
}

#wrapper #cm_contextual_menu .dropdown-menu:after, #wrapper #top-menu .dropdown-menu:after {
    display: none
}

#wrapper #main > #content > .contextual .dropdown .dropdown-menu:before {
    display: none
}

#wrapper #main > #content > .contextual .dropdown .dropdown-toggle:after {
    content: "\E046"
}

#wrapper #main > #content > .contextual .dropdown #dd-ul {
    border-color: var(--drop-border-color);
    border-radius: var(--border-radius-small)
}

    #wrapper #main > #content > .contextual .dropdown #dd-ul a {
        background-image: none;
        background-color: var(--drop-bg);
        display: block;
        position: relative;
        font-size: .85714286rem;
        line-height: 1.4;
        height: auto;
        min-height: auto;
        width: 100%;
        color: var(--drop-text-color);
        padding: 4px 5px 4px 30px;
        background-image: none !important;
        border-radius: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        overflow: hidden;
        z-index: 2;
        -webkit-transition: color var(--time-hover) ease-in-out;
        -o-transition: color var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out
    }

        #wrapper #main > #content > .contextual .dropdown #dd-ul a:after {
            position: absolute;
            top: 0;
            left: 5px;
            color: var(--drop-icon-color);
            -webkit-transition: color var(--time-hover) ease-in-out;
            -o-transition: color var(--time-hover) ease-in-out;
            transition: color var(--time-hover) ease-in-out;
            width: var(--icon-width-small);
            font-size: var(--icon-font-size-small);
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

        #wrapper #main > #content > .contextual .dropdown #dd-ul a:before {
            content: '';
            display: block;
            clear: both;
            position: absolute;
            top: 0;
            left: auto;
            right: 0;
            width: 0;
            height: 100%;
            background: var(--drop-bg-hover);
            z-index: -1;
            border-radius: 0;
            -webkit-transition: width var(--time-hover) ease-in-out;
            -o-transition: width var(--time-hover) ease-in-out;
            transition: width var(--time-hover) ease-in-out;
            margin: 0 !important
        }

        #wrapper #main > #content > .contextual .dropdown #dd-ul a:hover {
            text-decoration: none;
            color: var(--drop-icon-color-hover);
            border: 0
        }

            #wrapper #main > #content > .contextual .dropdown #dd-ul a:hover:after {
                color: var(--drop-icon-color-hover)
            }

            #wrapper #main > #content > .contextual .dropdown #dd-ul a:hover:before {
                width: 100%;
                background: var(--drop-bg-hover)
            }

.controller-repositories #main .list.entries {
    margin: 0 0 20px
}

    .controller-repositories #main .list.entries td {
        padding-left: 14px !important;
        text-align: center
    }

        .controller-repositories #main .list.entries td.age, .controller-repositories #main .list.entries td.autho, .controller-repositories #main .list.entries td.size {
            text-align: center
        }

    .controller-repositories #main .list.entries .icon-file, .controller-repositories #main .list.entries .icon-folder {
        width: auto;
        border-radius: 0;
        padding: 0 0 0 30px;
        font-size: 1rem;
        line-height: 26px
    }

        .controller-repositories #main .list.entries .icon-file:after, .controller-repositories #main .list.entries .icon-file:before, .controller-repositories #main .list.entries .icon-folder:after, .controller-repositories #main .list.entries .icon-folder:before {
            width: 26px;
            height: 26px;
            position: absolute;
            top: 0;
            left: 0
        }

        .controller-repositories #main .list.entries .icon-file:after {
            content: "\E03D"
        }

        .controller-repositories #main .list.entries .icon-folder:after {
            content: "\E065"
        }

    .controller-repositories #main .list.entries.filename {
        min-height: 22px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

.controller-repositories #main tr.entry td.filename {
    width: auto !important
}

.controller-repositories #main #content h2 {
    padding-right: 85px
}

.controller-repositories #main form[action*=diff] + p {
    margin-bottom: 20px
}

.controller-repositories #main .autoscroll {
    overflow-y: hidden
}

.controller-repositories #content h2 {
    margin-bottom: 103px;
    padding-right: 85px
}

.controller-repositories #content #revision_selector {
    position: absolute;
    top: 100%;
    right: 30px;
    margin: 64px 0 0;
    padding: 0;
    width: 500px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

    .controller-repositories #content #revision_selector .select2 {
        margin-right: 10px;
        margin-left: 10px
    }

    .controller-repositories #content #revision_selector .select2, .controller-repositories #content #revision_selector input[type=text] {
        max-width: 120px;
        min-width: 120px
    }

        .controller-repositories #content #revision_selector .select2 ~ input[type=text] {
            margin-top: 0 !important;
            margin-bottom: 0 !important
        }

.controller-repositories.action-diff #main > #content h2, .controller-repositories.action-revision #main > #content h2, .controller-repositories.action-revisions #main > #content h2 {
    margin-bottom: 70px
}

.controller-repositories.action-diff #main > #content > .contextual:not(.next-prev-links), .controller-repositories.action-revision #main > #content > .contextual:not(.next-prev-links), .controller-repositories.action-revisions #main > #content > .contextual:not(.next-prev-links) {
    position: static;
    min-width: 100%;
    width: 100%;
    color: var(--text-color-main);
    margin: 0 0 20px
}

    .controller-repositories.action-diff #main > #content > .contextual:not(.next-prev-links) form[action*=repository], .controller-repositories.action-revision #main > #content > .contextual:not(.next-prev-links) form[action*=repository], .controller-repositories.action-revisions #main > #content > .contextual:not(.next-prev-links) form[action*=repository] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0 0 0 10px
    }

        .controller-repositories.action-diff #main > #content > .contextual:not(.next-prev-links) form[action*=repository] #rev, .controller-repositories.action-diff #main > #content > .contextual:not(.next-prev-links) form[action*=repository] input[type=submit], .controller-repositories.action-revision #main > #content > .contextual:not(.next-prev-links) form[action*=repository] #rev, .controller-repositories.action-revision #main > #content > .contextual:not(.next-prev-links) form[action*=repository] input[type=submit], .controller-repositories.action-revisions #main > #content > .contextual:not(.next-prev-links) form[action*=repository] #rev, .controller-repositories.action-revisions #main > #content > .contextual:not(.next-prev-links) form[action*=repository] input[type=submit] {
            margin: 0 0 0 10px !important
        }

.controller-repositories.action-diff #main table.changesets, .controller-repositories.action-diff #main table.filecontent, .controller-repositories.action-revision #main table.changesets, .controller-repositories.action-revision #main table.filecontent, .controller-repositories.action-revisions #main table.changesets, .controller-repositories.action-revisions #main table.filecontent {
    margin: 0 0 20px
}

.controller-repositories form[action*=repository] + p {
    color: var(--bg-fff)
}

    .controller-repositories form[action*=repository] + p a[href*=repository] {
        text-decoration: none !important;
        padding: 8px 30px;
        font-size: 1rem;
        line-height: 1rem;
        -webkit-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        -o-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        border-radius: var(--button-border-radius);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background: var(--button-main-bg);
        border: 0 !important;
        color: var(--button-main-color);
        display: inline-block;
        vertical-align: top;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-weight: var(--button-font-weight);
        margin: 0 10px 0 0;
        width: auto;
        height: auto;
        outline: 0 none
    }

        .controller-repositories form[action*=repository] + p a[href*=repository]:hover {
            background: var(--button-main-bg-hover);
            color: var(--button-main-color-hover)
        }

.controller-repositories .other-formats a {
    opacity: 1 !important;
    border: none;
    background: 0 0;
    padding: 0;
    display: inline-block;
    height: var(--icon-width);
    width: var(--icon-width);
    margin: 0;
    overflow: hidden;
    position: relative;
    z-index: 2;
    border-radius: var(--icon-border-radius);
    font-size: 0;
    line-height: 0;
    color: var(--icon-color-bg);
    vertical-align: middle;
    min-width: var(--icon-width);
    min-height: var(--icon-width);
    -webkit-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
    -o-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
    transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
    cursor: pointer
}

    .controller-repositories .other-formats a:after {
        text-align: center;
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        clear: both;
        height: 100%;
        width: 100%;
        margin: 0;
        overflow: hidden;
        border-radius: var(--icon-border-radius);
        z-index: 1;
        font-family: var(--icon-font);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        text-decoration: none;
        text-transform: none;
        font-size: var(--icon-font-size);
        line-height: var(--icon-width);
        -webkit-transition: color var(--time-hover) ease-in-out;
        -o-transition: color var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out
    }

    .controller-repositories .other-formats a:before {
        content: '';
        display: block;
        clear: both;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: var(--icon_bg_hover-bg);
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        z-index: -1;
        border-radius: var(--icon-border-radius);
        -webkit-transition: transform var(--time-hover) ease-in-out;
        -o-transition: transform var(--time-hover) ease-in-out;
        -webkit-transition: -webkit-transform var(--time-hover) ease-in-out;
        transition: -webkit-transform var(--time-hover) ease-in-out;
        transition: transform var(--time-hover) ease-in-out;
        transition: transform var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
    }

    .controller-repositories .other-formats a:hover {
        color: var(--icon-color-hover-bg);
        background-image: none !important
    }

        .controller-repositories .other-formats a:hover:before {
            background: var(--icon_bg_hover-bg);
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1)
        }

.controller-additionals_macros.action-show .info {
    margin-bottom: 20px
}

.controller-twofa.action-activate_confirm #main > #content .splitcontentleft {
    width: 100%;
    padding: 0;
    max-width: 100%
}

input[type=date]::-webkit-calendar-picker-indicator, input[type=date]::-webkit-inner-spin-button, input[type=date]::-webkit-outer-spin-button {
    display: none;
    -webkit-appearance: none;
    margin: 0;
    opacity: 0
}

#dashboard-form .box .splitcontent {
    margin-top: 10px
}

#existing-attachments {
    overflow: hidden
}

    #existing-attachments .existing-attachment {
        margin: 0 0 10px
    }

#main .tabular input.filename {
    max-width: 100% !important
}

body #main-menu .tabs-buttons {
    top: -999999px;
    left: -999999px
}

.controller-projects.action-settings #content #project_trackers .contextual {
    margin-bottom: 10px
}

.action-index.controller-projects #main #content:after, .controller-activities #main #content:after, .controller-admin.action-index #main #content:after, .controller-news.action-index #main #content:after {
    display: none !important
}

.simplecolorpicker {
    margin: 0 0 0 10px !important
}

.has-footer #main > #content {
    padding-bottom: 56px
}

    .has-footer #main > #content:after {
        height: calc(100% - 150px)
    }

#content #context-menu {
    display: block !important;
    min-height: 1px;
    min-width: 1px
}

body #context-menu {
    font-size: .85714286rem;
    line-height: 1.4;
    width: auto;
    z-index: 100;
    padding: 0
}

    body #context-menu ul {
        padding: 0;
        margin: 0
    }

        body #context-menu ul li {
            padding: 0;
            border: 0
        }

            body #context-menu ul li:hover {
                border: 0;
                background: 0 0;
                border-radius: 0
            }

    body #context-menu a {
        background-image: none;
        background-color: var(--bg-fff);
        display: block;
        position: relative;
        font-size: .85714286rem;
        line-height: 1.4;
        height: auto;
        min-height: auto;
        width: 100%;
        color: var(--text-color-main);
        padding: 4px 5px 4px 30px;
        background-image: none !important;
        border-radius: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        overflow: hidden;
        z-index: 2;
        -webkit-transition: color var(--time-hover) ease-in-out;
        -o-transition: color var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out
    }

        body #context-menu a:after {
            position: absolute;
            top: 50%;
            margin: -10px 0 0;
            left: 5px;
            display: block;
            clear: both;
            height: var(--icon-width-small);
            width: var(--icon-width-small);
            overflow: hidden;
            border-radius: var(--icon-border-radius);
            z-index: 1;
            font-family: var(--icon-font);
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-style: normal;
            font-variant: normal;
            font-weight: 400;
            text-decoration: none;
            text-transform: none;
            font-size: var(--icon-font-size-small);
            line-height: var(--icon-width-small);
            color: var(--icon-color);
            -webkit-transition: color var(--time-hover) ease-in-out;
            -o-transition: color var(--time-hover) ease-in-out;
            transition: color var(--time-hover) ease-in-out
        }

        body #context-menu a:before {
            content: '';
            display: block;
            clear: both;
            position: absolute;
            top: 0;
            left: auto;
            right: 0;
            width: 0;
            height: 100%;
            background: var(--light-bg);
            z-index: -1;
            border-radius: 0;
            -webkit-transition: width var(--time-hover) ease-in-out;
            -o-transition: width var(--time-hover) ease-in-out;
            transition: width var(--time-hover) ease-in-out;
            margin: 0 !important
        }

        body #context-menu a:hover {
            text-decoration: none;
            color: var(--color-main-color);
            border: 0
        }

            body #context-menu a:hover:after {
                color: var(--color-main-color)
            }

            body #context-menu a:hover:before {
                width: 100%;
                background: var(--light-bg)
            }

        body #context-menu a.disabled {
            color: var(--color-main-color);
            border: 0
        }

            body #context-menu a.disabled:after {
                color: var(--color-main-color)
            }

        body #context-menu a.disabled {
            color: var(--notice-error-main-text);
            background: var(--notice-error-bg)
        }

            body #context-menu a.disabled:after {
                color: var(--notice-error-main-text)
            }

            body #context-menu a.disabled:before {
                width: 100%;
                background: var(--notice-error-bg)
            }

            body #context-menu a.disabled:hover {
                color: var(--notice-error-main-text);
                background: var(--notice-error-bg)
            }

    body #context-menu li:hover > a {
        text-decoration: none;
        color: var(--color-main-color);
        border: 0
    }

        body #context-menu li:hover > a:after {
            color: var(--color-main-color)
        }

        body #context-menu li:hover > a:before {
            width: 100%;
            background: var(--light-bg)
        }

        body #context-menu li:hover > a.disabled {
            color: var(--notice-error-main-text);
            background: var(--notice-error-bg)
        }

            body #context-menu li:hover > a.disabled:after {
                color: var(--notice-error-main-text)
            }

            body #context-menu li:hover > a.disabled:before {
                width: 100%;
                background: var(--notice-error-bg)
            }

            body #context-menu li:hover > a.disabled:hover {
                color: var(--notice-error-main-text);
                background: var(--notice-error-bg)
            }

    body #context-menu ul > li:hover > ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column
    }

    body #context-menu ul > li > ul li {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    body #context-menu ul .icon-checked {
        background: var(--bg-fff);
        background-size: 12px auto;
        background-position: 2px 50%;
        background-repeat: no-repeat
    }

    body #context-menu ul .search-element {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

        body #context-menu ul .search-element a {
            background: var(--color-yellow-light)
        }

    body #context-menu ul .revolution-autocomplete {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        padding: 4px 5px !important;
        background: var(--bg-box) !important;
        border-bottom: 1px solid var(--border-color) !important
    }

        body #context-menu ul .revolution-autocomplete .revolution-search {
            width: 100%;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            border: 1px solid var(--border-color)
        }

.controller-welcome.action-index #main > #content:after {
    content: '';
    display: block;
    clear: both;
    width: 100%
}

.controller-welcome.action-index #main > #content .wiki h2 img {
    display: none
}

.redmine-evolution-go-to-top {
    position: fixed;
    bottom: -26px;
    right: 30px;
    width: 30px;
    height: 25px;
    border-radius: var(--border-radius-small) var(--border-radius-small) 0 0;
    border: 1px solid var(--color-main-color);
    border-bottom: none;
    z-index: 1000;
    background: var(--color-main-color-text);
    color: var(--color-main-color);
    -webkit-transition: background var(--time-hover) ease-in-out,bottom var(--time-hover) ease-in-out;
    -o-transition: background var(--time-hover) ease-in-out,bottom var(--time-hover) ease-in-out;
    transition: background var(--time-hover) ease-in-out,bottom var(--time-hover) ease-in-out
}

    .redmine-evolution-go-to-top:hover {
        background: var(--color-main-color)
    }

        .redmine-evolution-go-to-top:hover:after {
            color: var(--color-main-color-text)
        }

    .redmine-evolution-go-to-top:after {
        content: "\E011";
        font-family: var(--icon-font);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        text-decoration: none;
        text-transform: none;
        font-size: 24px;
        line-height: 30px;
        position: absolute;
        top: 50%;
        left: 50%;
        color: var(--color-main-color);
        -webkit-transition: color var(--time-hover) ease-in-out;
        -o-transition: color var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

    .redmine-evolution-go-to-top.visible {
        bottom: 0
    }

#main > #content > * {
    z-index: 3;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#main > #content .contextual:not(.next-prev-links) .drdn-items {
    min-width: 10px;
    display: block
}

    #main > #content .contextual:not(.next-prev-links) .drdn-items a.icon {
        background-image: none;
        background-color: var(--bg-fff);
        display: block;
        position: relative;
        font-size: .85714286rem;
        line-height: 1.4;
        height: auto !important;
        min-height: auto;
        width: 100% !important;
        color: var(--drop-text-color);
        padding: 4px 5px 4px 30px;
        background-image: none !important;
        border-radius: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        overflow: hidden;
        z-index: 2;
        -webkit-transition: color var(--time-hover) ease-in-out;
        -o-transition: color var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out
    }

        #main > #content .contextual:not(.next-prev-links) .drdn-items a.icon:after {
            position: absolute;
            top: 0;
            left: 5px;
            color: var(--drop-icon-color);
            -webkit-transition: color var(--time-hover) ease-in-out;
            -o-transition: color var(--time-hover) ease-in-out;
            transition: color var(--time-hover) ease-in-out;
            width: var(--icon-width-small);
            font-size: var(--icon-font-size-small) !important;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

        #main > #content .contextual:not(.next-prev-links) .drdn-items a.icon:before {
            content: '';
            display: block;
            clear: both;
            position: absolute;
            top: 0;
            left: auto;
            right: 0;
            width: 0;
            height: 100%;
            background: var(--drop-bg-hover);
            z-index: -1;
            border-radius: 0;
            -webkit-transition: width var(--time-hover) ease-in-out;
            -o-transition: width var(--time-hover) ease-in-out;
            transition: width var(--time-hover) ease-in-out;
            margin: 0 !important
        }

        #main > #content .contextual:not(.next-prev-links) .drdn-items a.icon:hover {
            text-decoration: none;
            color: var(--drop-text-color-hover);
            border: 0
        }

            #main > #content .contextual:not(.next-prev-links) .drdn-items a.icon:hover:after {
                color: var(--drop-icon-color-hover)
            }

            #main > #content .contextual:not(.next-prev-links) .drdn-items a.icon:hover:before {
                width: 100%;
                background: var(--drop-bg-hover)
            }

#main > #content .contextual:not(.next-prev-links) .drdn-content {
    top: 100%;
    min-width: 10px
}

#main > #content {
    border: none;
    background: 0 0;
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 1;
    -ms-flex: 1 0;
    flex: 1 0;
    padding: 0 30px 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    position: relative;
    overflow: visible
}

    #main > #content:after {
        content: '';
        display: block;
        clear: both;
        position: absolute;
        top: 94px;
        left: 0;
        width: 100%;
        height: calc(100% - 94px);
        background: var(--bg-fff);
        border-radius: var(--border-radius);
        -webkit-box-shadow: var(--big-shadow);
        box-shadow: var(--big-shadow);
        z-index: -1
    }

    #main > #content h2 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    #main > #content > * {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        z-index: 2
    }

        #main > #content > *form {
            z-index: 10
        }

    #main > #content h1, #main > #content h2, #main > #content h3, #main > #content h4 {
        color: var(--text-color-main);
        border: 0;
        margin: 0 0 20px
    }

    #main > #content .tab-content h2, #main > #content .wiki h2, #main > #content h3 {
        font-size: 1.1428rem;
        margin: 0 0 20px;
        padding: 0
    }

        #main > #content .tab-content h2 a.icon-only, #main > #content .wiki h2 a.icon-only, #main > #content h3 a.icon-only {
            float: right
        }

    #main > #content p.other-formats, #main > #content span.pagination {
        color: #818e94
    }

    #main > #content p:empty {
        display: none
    }

    #main > #content #content {
        width: 100%;
        background: 0 0;
        border: 0;
        padding: 0;
        margin: 0
    }

    #main > #content #list-left, #main > #content #list-right, #main > #content .splitcontentleft, #main > #content .splitcontentright {
        width: 50%;
        max-width: 50%;
        padding: 0 15px 0 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-left: 0;
        margin-right: 0;
        float: left
    }

    #main > #content #list-right, #main > #content .splitcontentright {
        padding: 0 0 0 15px
    }

    #main > #content #content > h2, #main > #content #query_form > h2, #main > #content .top-question h2, #main > #content > h2 {
        position: relative;
        font-size: 1.4285rem;
        line-height: 1.4;
        padding: 15px 45px;
        width: calc(100% + 60px);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0 -30px 70px;
        border-top: 1px solid var(--border-color);
        border-bottom: 1px solid var(--border-color);
        background-size: 30px 30px;
        background-position: 0 50%;
        background-repeat: no-repeat;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        #main > #content #content > h2 .gravatar, #main > #content #query_form > h2 .gravatar, #main > #content .top-question h2 .gravatar, #main > #content > h2 .gravatar {
            display: block;
            width: 30px;
            height: 30px
        }

        #main > #content #content > h2 .live_search, #main > #content #query_form > h2 .live_search, #main > #content .top-question h2 .live_search, #main > #content > h2 .live_search {
            float: right;
            max-width: 188px;
            width: 188px;
            position: absolute;
            top: 50%;
            right: 265px;
            margin: -15px 0 0
        }

            #main > #content #content > h2 .live_search input[type=text], #main > #content #query_form > h2 .live_search input[type=text], #main > #content .top-question h2 .live_search input[type=text], #main > #content > h2 .live_search input[type=text] {
                height: 30px;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                border: 1px solid var(--border-color-content);
                padding: 6px 12px;
                font-size: 14px;
                line-height: 18px;
                border-radius: var(--border-radius-small);
                color: var(--text-color-main);
                margin: 0 10px 0 0;
                min-width: 188px;
                outline: 0 none;
                width: 100%;
                max-width: 100%;
                -webkit-box-flex: 1;
                -ms-flex: 1 0 0px;
                flex: 1 0 0
            }

    #main > #content .sort-handle {
        vertical-align: top
    }

    #main > #content h3.icon {
        display: block;
        width: 100%;
        background-size: 22px 22px;
        background-repeat: no-repeat;
        background-position: 0 50%;
        padding: 0 0 0 25px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        #main > #content h3.icon:after {
            position: absolute;
            top: 3px;
            left: 0;
            width: 22px;
            height: 22px;
            font-size: 22px
        }

        #main > #content h3.icon a {
            float: right
        }

    #main > #content span.pagination {
        margin: 0;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 49%;
        overflow: hidden;
        font-size: .857rem;
        line-height: 2.143rem
    }

    #main > #content #projects-index {
        width: 100%;
        margin: 0;
        padding: 0
    }

    #main > #content div.projects {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        #main > #content div.projects a {
            width: auto;
            font-size: 1rem;
            line-height: 1.143rem;
            margin: 0;
            height: auto;
            min-height: 0;
            border-radius: 0
        }

    #main > #content .next-prev-links, #main > #content > .contextual {
        margin: 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: .85714286rem;
        line-height: 1.4
    }

        #main > #content .next-prev-links .icon, #main > #content .next-prev-links .open-filter, #main > #content > .contextual .icon, #main > #content > .contextual .open-filter {
            margin: 0 3px;
            width: var(--icon-width);
            height: var(--icon-width);
            padding: 0
        }

            #main > #content .next-prev-links .icon:after, #main > #content .next-prev-links .open-filter:after, #main > #content > .contextual .icon:after, #main > #content > .contextual .open-filter:after {
                width: var(--icon-width);
                height: var(--icon-width);
                font-size: var(--icon-font-size);
                line-height: var(--icon-width)
            }

        #main > #content #content > .contextual:not(.next-prev-links), #main > #content > .contextual:not(.next-prev-links) {
            margin: 0;
            position: absolute;
            top: 15px;
            right: 0;
            z-index: 4;
            color: var(--bg-box);
            width: auto
        }

            #main > #content #content > .contextual:not(.next-prev-links) label[for=closed], #main > #content > .contextual:not(.next-prev-links) label[for=closed] {
                margin-right: 10px
            }

            #main > #content #content > .contextual:not(.next-prev-links) .drdn .icon-only, #main > #content #content > .contextual:not(.next-prev-links) .icon, #main > #content #content > .contextual:not(.next-prev-links) .open-filter, #main > #content #content > .contextual:not(.next-prev-links) a#impersonate, #main > #content #content > .contextual:not(.next-prev-links) a.assign-to-me, #main > #content #content > .contextual:not(.next-prev-links) a.icon-fancybox, #main > #content #content > .contextual:not(.next-prev-links) a[href="/activity"], #main > #content #content > .contextual:not(.next-prev-links) a[href="/issues"], #main > #content #content > .contextual:not(.next-prev-links) a[href="/time_entries"], #main > #content > .contextual:not(.next-prev-links) .drdn .icon-only, #main > #content > .contextual:not(.next-prev-links) .icon, #main > #content > .contextual:not(.next-prev-links) .open-filter, #main > #content > .contextual:not(.next-prev-links) a#impersonate, #main > #content > .contextual:not(.next-prev-links) a.assign-to-me, #main > #content > .contextual:not(.next-prev-links) a.icon-fancybox, #main > #content > .contextual:not(.next-prev-links) a[href="/activity"], #main > #content > .contextual:not(.next-prev-links) a[href="/issues"], #main > #content > .contextual:not(.next-prev-links) a[href="/time_entries"] {
                color: var(--icon-color-bg)
            }

                #main > #content #content > .contextual:not(.next-prev-links) .drdn .icon-only:before, #main > #content #content > .contextual:not(.next-prev-links) .icon:before, #main > #content #content > .contextual:not(.next-prev-links) .open-filter:before, #main > #content #content > .contextual:not(.next-prev-links) a#impersonate:before, #main > #content #content > .contextual:not(.next-prev-links) a.assign-to-me:before, #main > #content #content > .contextual:not(.next-prev-links) a.icon-fancybox:before, #main > #content #content > .contextual:not(.next-prev-links) a[href="/activity"]:before, #main > #content #content > .contextual:not(.next-prev-links) a[href="/issues"]:before, #main > #content #content > .contextual:not(.next-prev-links) a[href="/time_entries"]:before, #main > #content > .contextual:not(.next-prev-links) .drdn .icon-only:before, #main > #content > .contextual:not(.next-prev-links) .icon:before, #main > #content > .contextual:not(.next-prev-links) .open-filter:before, #main > #content > .contextual:not(.next-prev-links) a#impersonate:before, #main > #content > .contextual:not(.next-prev-links) a.assign-to-me:before, #main > #content > .contextual:not(.next-prev-links) a.icon-fancybox:before, #main > #content > .contextual:not(.next-prev-links) a[href="/activity"]:before, #main > #content > .contextual:not(.next-prev-links) a[href="/issues"]:before, #main > #content > .contextual:not(.next-prev-links) a[href="/time_entries"]:before {
                    background: var(--icon_bg-bg)
                }

                #main > #content #content > .contextual:not(.next-prev-links) .drdn .icon-only:hover, #main > #content #content > .contextual:not(.next-prev-links) .icon:hover, #main > #content #content > .contextual:not(.next-prev-links) .open-filter:hover, #main > #content #content > .contextual:not(.next-prev-links) a#impersonate:hover, #main > #content #content > .contextual:not(.next-prev-links) a.assign-to-me:hover, #main > #content #content > .contextual:not(.next-prev-links) a.icon-fancybox:hover, #main > #content #content > .contextual:not(.next-prev-links) a[href="/activity"]:hover, #main > #content #content > .contextual:not(.next-prev-links) a[href="/issues"]:hover, #main > #content #content > .contextual:not(.next-prev-links) a[href="/time_entries"]:hover, #main > #content > .contextual:not(.next-prev-links) .drdn .icon-only:hover, #main > #content > .contextual:not(.next-prev-links) .icon:hover, #main > #content > .contextual:not(.next-prev-links) .open-filter:hover, #main > #content > .contextual:not(.next-prev-links) a#impersonate:hover, #main > #content > .contextual:not(.next-prev-links) a.assign-to-me:hover, #main > #content > .contextual:not(.next-prev-links) a.icon-fancybox:hover, #main > #content > .contextual:not(.next-prev-links) a[href="/activity"]:hover, #main > #content > .contextual:not(.next-prev-links) a[href="/issues"]:hover, #main > #content > .contextual:not(.next-prev-links) a[href="/time_entries"]:hover {
                    color: var(--icon-color-hover-bg)
                }

                    #main > #content #content > .contextual:not(.next-prev-links) .drdn .icon-only:hover:before, #main > #content #content > .contextual:not(.next-prev-links) .icon:hover:before, #main > #content #content > .contextual:not(.next-prev-links) .open-filter:hover:before, #main > #content #content > .contextual:not(.next-prev-links) a#impersonate:hover:before, #main > #content #content > .contextual:not(.next-prev-links) a.assign-to-me:hover:before, #main > #content #content > .contextual:not(.next-prev-links) a.icon-fancybox:hover:before, #main > #content #content > .contextual:not(.next-prev-links) a[href="/activity"]:hover:before, #main > #content #content > .contextual:not(.next-prev-links) a[href="/issues"]:hover:before, #main > #content #content > .contextual:not(.next-prev-links) a[href="/time_entries"]:hover:before, #main > #content > .contextual:not(.next-prev-links) .drdn .icon-only:hover:before, #main > #content > .contextual:not(.next-prev-links) .icon:hover:before, #main > #content > .contextual:not(.next-prev-links) .open-filter:hover:before, #main > #content > .contextual:not(.next-prev-links) a#impersonate:hover:before, #main > #content > .contextual:not(.next-prev-links) a.assign-to-me:hover:before, #main > #content > .contextual:not(.next-prev-links) a.icon-fancybox:hover:before, #main > #content > .contextual:not(.next-prev-links) a[href="/activity"]:hover:before, #main > #content > .contextual:not(.next-prev-links) a[href="/issues"]:hover:before, #main > #content > .contextual:not(.next-prev-links) a[href="/time_entries"]:hover:before {
                        background: var(--icon_bg_hover-bg)
                    }

            #main > #content #content > .contextual:not(.next-prev-links) .new-icon-save, #main > #content > .contextual:not(.next-prev-links) .new-icon-save {
                background-color: var(--icon-save-bg);
                -webkit-transition: background-color var(--time-hover) ease-in-out;
                -o-transition: background-color var(--time-hover) ease-in-out;
                transition: background-color var(--time-hover) ease-in-out;
                color: var(--icon-save-color)
            }

                #main > #content #content > .contextual:not(.next-prev-links) .new-icon-save:before, #main > #content > .contextual:not(.next-prev-links) .new-icon-save:before {
                    display: none
                }

                #main > #content #content > .contextual:not(.next-prev-links) .new-icon-save:hover, #main > #content > .contextual:not(.next-prev-links) .new-icon-save:hover {
                    background: var(--icon-save-bg-hover);
                    color: var(--icon-save-color-hover)
                }

            #main > #content #content > .contextual:not(.next-prev-links) .new-icon-close, #main > #content > .contextual:not(.next-prev-links) .new-icon-close {
                background-color: var(--icon-close-bg);
                -webkit-transition: background-color var(--time-hover) ease-in-out;
                -o-transition: background-color var(--time-hover) ease-in-out;
                transition: background-color var(--time-hover) ease-in-out;
                color: var(--icon-close-color)
            }

                #main > #content #content > .contextual:not(.next-prev-links) .new-icon-close:before, #main > #content > .contextual:not(.next-prev-links) .new-icon-close:before {
                    display: none
                }

                #main > #content #content > .contextual:not(.next-prev-links) .new-icon-close:hover, #main > #content > .contextual:not(.next-prev-links) .new-icon-close:hover {
                    background: var(--icon-close-bg-hover);
                    color: var(--icon-close-color-hover)
                }

    #main > #content .context-menu-selection, #main > #content .context-menu-selection:hover {
        background: var(--select-bg-redmineup) !important
    }

#ajax-indicator {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: 0 0;
    border: 0;
    opacity: 1
}

    #ajax-indicator:after {
        content: '';
        display: block;
        clear: both;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: var(--popup-overlay);
        z-index: -1
    }

    #ajax-indicator span {
        position: fixed;
        top: 50%;
        left: 50%;
        width: 100px;
        height: 160px;
        padding: 110px 0 0 0;
        margin: -80px 0 0 -50px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background: 0 0;
        z-index: 2;
        text-indent: -99999999px;
        overflow: hidden
    }

        #ajax-indicator span:before {
            content: '';
            display: block;
            clear: both;
            position: absolute;
            top: 0;
            left: 0;
            visibility: visible;
            background: url(../images/redmine-evolution-ixa.svg) 50% 50% no-repeat;
            background-size: contain;
            width: 100%;
            height: 90px;
            margin: 0;
            -webkit-transition: opacity var(--time-hover) ease-in-out;
            -o-transition: opacity var(--time-hover) ease-in-out;
            transition: opacity var(--time-hover) ease-in-out
        }

        #ajax-indicator span:after {
            content: '';
            display: block;
            clear: both;
            visibility: visible;
            background: url(../images/spiner.svg) 50% 50% no-repeat;
            background-size: contain;
            width: 100%;
            height: 50px;
            position: absolute;
            bottom: 10px;
            left: 0;
            margin: 0;
            -webkit-transition: opacity var(--time-hover) ease-in-out;
            -o-transition: opacity var(--time-hover) ease-in-out;
            transition: opacity var(--time-hover) ease-in-out
        }

#main #content .box div[class=tabs]:after, #main > #history .box div[class=tabs]:after {
    background: var(--text-color-main)
}

#main #content .box div[class=tabs] ul li a, #main > #history .box div[class=tabs] ul li a {
    color: var(--text-color-main)
}

#main #content div[class="tabs hide-when-print"], #main #content div[class=tabs], #main > #history div[class="tabs hide-when-print"], #main > #history div[class=tabs] {
    padding: 0;
    border: none;
    margin: 0 0 20px;
    position: relative;
    z-index: 2;
    font-size: 1rem;
    line-height: 1.4;
    overflow: hidden;
    height: 50px
}

    #main #content div[class="tabs hide-when-print"]:after, #main #content div[class=tabs]:after, #main > #history div[class="tabs hide-when-print"]:after, #main > #history div[class=tabs]:after {
        content: '';
        display: block;
        clear: both;
        position: absolute;
        bottom: 1px;
        left: 0;
        width: 100%;
        height: 1px;
        background: var(--border-color);
        z-index: -1
    }

    #main #content div[class="tabs hide-when-print"] > ul, #main #content div[class=tabs] > ul, #main > #history div[class="tabs hide-when-print"] > ul, #main > #history div[class=tabs] > ul {
        position: relative;
        padding: 0;
        margin: 0;
        border: none;
        list-style: none;
        white-space: nowrap;
        font-size: 0
    }

        #main #content div[class="tabs hide-when-print"] > ul > li, #main #content div[class=tabs] > ul > li, #main > #history div[class="tabs hide-when-print"] > ul > li, #main > #history div[class=tabs] > ul > li {
            padding: 0;
            margin: 0;
            overflow: hidden;
            display: inline-block;
            float: none;
            background: 0 0
        }

            #main #content div[class="tabs hide-when-print"] > ul > li a, #main #content div[class=tabs] > ul > li a, #main > #history div[class="tabs hide-when-print"] > ul > li a, #main > #history div[class=tabs] > ul > li a {
                float: left;
                margin: 0 15px 0 0;
                font-family: sans-serif;
                padding: 15px 0 15px;
                border: none;
                display: block;
                position: relative;
                background: 0 0;
                color: var(--tab-color-text);
                font-size: 1.1428rem;
                font-weight: 600;
                text-decoration: none;
                -webkit-transition: color var(--time-hover) ease-in-out;
                -o-transition: color var(--time-hover) ease-in-out;
                transition: color var(--time-hover) ease-in-out
            }

                #main #content div[class="tabs hide-when-print"] > ul > li a.selected, #main #content div[class=tabs] > ul > li a.selected, #main > #history div[class="tabs hide-when-print"] > ul > li a.selected, #main > #history div[class=tabs] > ul > li a.selected {
                    color: var(--tab-color-text-seleced);
                    border: none;
                    background: 0 0
                }

                    #main #content div[class="tabs hide-when-print"] > ul > li a.selected:after, #main #content div[class=tabs] > ul > li a.selected:after, #main > #history div[class="tabs hide-when-print"] > ul > li a.selected:after, #main > #history div[class=tabs] > ul > li a.selected:after {
                        width: 100%;
                        left: 0
                    }

                    #main #content div[class="tabs hide-when-print"] > ul > li a.selected:hover, #main #content div[class=tabs] > ul > li a.selected:hover, #main > #history div[class="tabs hide-when-print"] > ul > li a.selected:hover, #main > #history div[class=tabs] > ul > li a.selected:hover {
                        background: 0 0
                    }

                #main #content div[class="tabs hide-when-print"] > ul > li a:hover, #main #content div[class=tabs] > ul > li a:hover, #main > #history div[class="tabs hide-when-print"] > ul > li a:hover, #main > #history div[class=tabs] > ul > li a:hover {
                    color: var(--tab-color-text-seleced);
                    background: 0 0;
                    text-decoration: none
                }

                    #main #content div[class="tabs hide-when-print"] > ul > li a:hover:after, #main #content div[class=tabs] > ul > li a:hover:after, #main > #history div[class="tabs hide-when-print"] > ul > li a:hover:after, #main > #history div[class=tabs] > ul > li a:hover:after {
                        width: 100%;
                        left: 0
                    }

                #main #content div[class="tabs hide-when-print"] > ul > li a:after, #main #content div[class=tabs] > ul > li a:after, #main > #history div[class="tabs hide-when-print"] > ul > li a:after, #main > #history div[class=tabs] > ul > li a:after {
                    content: '';
                    display: block;
                    clear: both;
                    position: absolute;
                    bottom: 0;
                    left: 50%;
                    width: 0;
                    height: 3px;
                    background: var(--tab-color-text-seleced);
                    -webkit-transition: width var(--time-hover) ease-in-out,left var(--time-hover) ease-in-out;
                    -o-transition: width var(--time-hover) ease-in-out,left var(--time-hover) ease-in-out;
                    transition: width var(--time-hover) ease-in-out,left var(--time-hover) ease-in-out
                }

#main #content .tab-content, #main > #history .tab-content {
    position: relative;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    display: block !important
}

    #main #content .tab-content[style*=none], #main > #history .tab-content[style*=none] {
        position: fixed;
        top: -9999999px;
        left: -9999999px
    }

        #main #content .tab-content[style*=none].active, #main > #history .tab-content[style*=none].active {
            position: static
        }

    #main #content .tab-content #notified_events p, #main > #history .tab-content #notified_events p {
        padding: 0;
        margin: 15px 0 0
    }

    #main #content .tab-content p, #main > #history .tab-content p {
        overflow: hidden;
        margin: 0 0 15px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        #main #content .tab-content p a.icon, #main > #history .tab-content p a.icon {
            float: right
        }

        #main #content .tab-content p.nodata, #main > #history .tab-content p.nodata {
            width: 100%
        }

    #main #content .tab-content table p, #main > #history .tab-content table p {
        margin: 0;
        padding: 0;
        display: block;
        min-height: auto
    }

    #main #content .splitcontentleft #activity dl dt, #main #content .splitcontentright #activity dl dt, #main #content .tab-content #activity dl dt, #main > #history .splitcontentleft #activity dl dt, #main > #history .splitcontentright #activity dl dt, #main > #history .tab-content #activity dl dt {
        background: var(--bg-box);
        margin: 0 0 25px !important;
        border-radius: var(--border-radius)
    }

    #main #content .splitcontentleft #activity dl .project, #main #content .splitcontentright #activity dl .project, #main #content .tab-content #activity dl .project, #main > #history .splitcontentleft #activity dl .project, #main > #history .splitcontentright #activity dl .project, #main > #history .tab-content #activity dl .project {
        margin: 0 10px 0 0
    }

    #main #content .splitcontentleft #activity dl dd, #main #content .splitcontentright #activity dl dd, #main #content .tab-content #activity dl dd, #main > #history .splitcontentleft #activity dl dd, #main > #history .splitcontentright #activity dl dd, #main > #history .tab-content #activity dl dd {
        background: var(--bg-box);
        padding: 0 20px;
        margin: -30px 0 15px
    }

    #main #content .splitcontentleft #activity dl .time, #main #content .splitcontentright #activity dl .time, #main #content .tab-content #activity dl .time, #main > #history .splitcontentleft #activity dl .time, #main > #history .splitcontentright #activity dl .time, #main > #history .tab-content #activity dl .time {
        background: var(--bg-fff)
    }

    #main #content .splitcontentleft #activity dl .description, #main #content .splitcontentright #activity dl .description, #main #content .tab-content #activity dl .description, #main > #history .splitcontentleft #activity dl .description, #main > #history .splitcontentright #activity dl .description, #main > #history .tab-content #activity dl .description {
        padding: 10px 0;
        margin: 0
    }

        #main #content .splitcontentleft #activity dl .description:empty, #main #content .splitcontentright #activity dl .description:empty, #main #content .tab-content #activity dl .description:empty, #main > #history .splitcontentleft #activity dl .description:empty, #main > #history .splitcontentright #activity dl .description:empty, #main > #history .tab-content #activity dl .description:empty {
            display: none
        }

    #main #content .splitcontentleft #activity dl .author, #main #content .splitcontentright #activity dl .author, #main #content .tab-content #activity dl .author, #main > #history .splitcontentleft #activity dl .author, #main > #history .splitcontentright #activity dl .author, #main > #history .tab-content #activity dl .author {
        display: block;
        padding: 10px 0
    }

#main #content .tabs-buttons, #main > #history .tabs-buttons {
    display: none
}

.start-notice #content form {
    z-index: 10 !important
}

#content form {
    display: block;
    width: 100%
}

#content h2 + form {
    position: relative
}

    #content h2 + form:after {
        content: '';
        display: block;
        clear: both
    }

#content #settings .box, #content .box, #content .splitcontentleft .wiki, #content .tab-content fieldset {
    color: var(--text-color-main);
    overflow: hidden;
    position: relative;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
    margin: 0 0 20px;
    border: none;
    background: var(--bg-box);
    border-radius: var(--border-radius)
}

    #content #settings .box ul, #content .box ul, #content .splitcontentleft .wiki ul, #content .tab-content fieldset ul {
        margin-top: 0
    }

    #content #settings .box[style*=background-color], #content .box[style*=background-color], #content .splitcontentleft .wiki[style*=background-color], #content .tab-content fieldset[style*=background-color] {
        padding: 52px 15px 15px
    }

    #content #settings .box:empty, #content .box:empty, #content .splitcontentleft .wiki:empty, #content .tab-content fieldset:empty {
        display: none
    }

    #content #settings .box p, #content .box p, #content .splitcontentleft .wiki p, #content .tab-content fieldset p {
        margin: 0 0 10px
    }

    #content #settings .box #deal_contact_id_add_link, #content #settings .box a.icon, #content .box #deal_contact_id_add_link, #content .box a.icon, #content .splitcontentleft .wiki #deal_contact_id_add_link, #content .splitcontentleft .wiki a.icon, #content .tab-content fieldset #deal_contact_id_add_link, #content .tab-content fieldset a.icon {
        color: var(--icon-color-bg)
    }

        #content #settings .box #deal_contact_id_add_link:hover, #content #settings .box a.icon:hover, #content .box #deal_contact_id_add_link:hover, #content .box a.icon:hover, #content .splitcontentleft .wiki #deal_contact_id_add_link:hover, #content .splitcontentleft .wiki a.icon:hover, #content .tab-content fieldset #deal_contact_id_add_link:hover, #content .tab-content fieldset a.icon:hover {
            color: var(--icon-color-hover-bg)
        }

        #content #settings .box #deal_contact_id_add_link img[src*='add.png'], #content #settings .box a.icon img[src*='add.png'], #content .box #deal_contact_id_add_link img[src*='add.png'], #content .box a.icon img[src*='add.png'], #content .splitcontentleft .wiki #deal_contact_id_add_link img[src*='add.png'], #content .splitcontentleft .wiki a.icon img[src*='add.png'], #content .tab-content fieldset #deal_contact_id_add_link img[src*='add.png'], #content .tab-content fieldset a.icon img[src*='add.png'] {
            display: none
        }

#content .tab-content fieldset {
    padding-top: 52px
}

    #content .tab-content fieldset legend {
        left: 20px;
        position: absolute;
        top: 17px;
        font-weight: 600;
        color: var(--color-main-color);
        margin: 0;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

#content #tab-content-repositories table th {
    text-align: left
}

#content #tab-content-repositories .box.enabled_scm p {
    padding: 10px 0 0 !important;
    margin: 0 !important
}

#content form.tabular {
    padding: 0
}

#content div.box > .tabular {
    padding: 0
}

    #content div.box > .tabular > fieldset {
        border: 0;
        margin: 0;
        position: relative;
        padding: 52px 0 0;
        border-radius: 0
    }

        #content div.box > .tabular > fieldset legend {
            position: absolute;
            top: 7px;
            left: 0;
            font-weight: 600;
            color: var(--color-main-color);
            margin: 0;
            padding: 10px 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

#content div.box > fieldset, #content div.box > fieldset.tabular {
    border: 0;
    margin: 0;
    position: relative;
    padding: 52px 0 0
}

    #content div.box > fieldset legend, #content div.box > fieldset.tabular legend {
        position: absolute;
        top: 17px;
        left: 0;
        font-weight: 600;
        color: var(--color-main-color);
        margin: 0;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

#content div.box select[name*="query[sort_criteria]"] + .jcf-select {
    width: 40%;
    margin: 0 10px 10px !important
}

#content div.box .query_sort_criteria_count {
    margin: 0 !important
}

#content fieldset.box {
    padding: 52px 20px 20px
}

    #content fieldset.box legend {
        left: 20px;
        position: absolute;
        top: 7px;
        font-weight: 600;
        color: var(--color-main-color);
        margin: 0;
        padding: 10px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    #content fieldset.box fieldset {
        border: 0;
        position: relative;
        padding: 40px 0 0
    }

        #content fieldset.box fieldset legend {
            left: 0;
            top: 0
        }

.controller-queries.action-new #content .box fieldset {
    border-top: 1px solid var(--border-color)
}

.controller-queries.action-new select[id*=query_sort_criteria_attribute] + .select2, .controller-queries.action-new select[id*=query_sort_criteria_direction] + .select2 {
    margin-left: 0 !important
}

.controller-welcome.action-index #main > #content {
    display: block
}

.scrollbar {
    margin: 0;
    height: 2px;
    background: var(--scrollbar);
    line-height: 0
}

    .scrollbar .handle {
        width: 100px;
        height: 100%;
        background: var(--scrollbar_handle);
        cursor: pointer
    }

    .scrollbar .mousearea {
        position: absolute;
        top: -9px;
        left: 0;
        width: 100%;
        height: 20px
    }

.hold-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 10px 0 5px
}

    .hold-control .pages {
        list-style: none;
        margin: 0 10px 0 0;
        padding: 0 10px 0 0;
        text-align: right;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        height: 26px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -ms-flex-line-pack: end;
        align-content: flex-end;
        border-right: 1px solid var(--border-color)
    }

        .hold-control .pages li {
            display: inline-block;
            width: 10px;
            height: 10px;
            margin: 0 4px;
            text-indent: -999px;
            cursor: pointer;
            overflow: hidden;
            background: #fff;
            border: 1px solid var(--color-main-color);
            font-size: 0;
            line-height: 0;
            -webkit-border-radius: var(--icon-border-radius);
            -moz-border-radius: var(--icon-border-radius);
            order-radius: var(--icon-border-radius);
            -webkit-transition: background-color var(--time-hover) ease-in-out;
            -o-transition: background-color var(--time-hover) ease-in-out;
            transition: background-color var(--time-hover) ease-in-out
        }

            .hold-control .pages li:hover {
                background: var(--scrollbar)
            }

            .hold-control .pages li.active {
                background: var(--scrollbar_handle)
            }

    .hold-control .controls {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

        .hold-control .controls .prevPage:after {
            content: "\E091"
        }

        .hold-control .controls .nextPage:after {
            content: "\E077"
        }

td.values > span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

h2 img.gravatar {
    margin: 0 10px 0 0
}

h2 a ~ img.gravatar, h2 span ~ img.gravatar {
    margin-left: 10px
}

#watchers img.gravatar {
    margin: 0;
    background: var(--bg-fff)
}

#content #password_fields {
    padding: 10px 0 0
}

#content #tab-content-groups .box > p {
    padding: 0;
    color: var(--bg-box)
}

    #content #tab-content-groups .box > p a {
        padding: 8px 30px;
        font-size: 1rem;
        line-height: 1rem;
        -webkit-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        -o-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        border-radius: var(--button-border-radius);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background: var(--button-bg-bg);
        color: var(--button-color-bg);
        border: none;
        vertical-align: top;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-weight: 600;
        margin: 0 10px 0 0;
        display: inline-block;
        text-decoration: none !important
    }

        #content #tab-content-groups .box > p a:hover {
            background: var(--button-bg-hover-bg);
            color: var(--button-color-hover-bg)
        }

        #content #tab-content-groups .box > p a:disabled {
            background: var(--button-bg-disabled);
            cursor: default
        }

            #content #tab-content-groups .box > p a:disabled:hover {
                background: var(--button-bg-disabled);
                color: var(--button-color-disabled)
            }

#content #tab-content-groups #user_group_ids {
    margin: 0 0 15px
}

#issue-changesets div.changeset:nth-child(2n), .even, table.list:not(.odd-even) tbody tr:nth-child(2n) {
    background: var(--bg-fff)
}

form[action*="time_entries/report"] .tabs + p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 20px !important;
    max-width: 700px
}

    form[action*="time_entries/report"] .tabs + p .jcf-select {
        margin: 0 0 0 10px
    }

form[action*="time_entries/report"] + .autoscroll {
    margin: 0 0 30px
}

form[action*=time_entries] .autoscroll {
    margin: 0 0 30px
}

.controller-timelog.action-new form[action*=time_entries] .autoscroll {
    padding: 0 !important;
    overflow: hidden;
    margin: 0 !important
}

    .controller-timelog.action-new form[action*=time_entries] .autoscroll .jcf-select {
        min-width: 100px
    }

    .controller-timelog.action-new form[action*=time_entries] .autoscroll table {
        padding-left: 0 !important;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 10px 0
    }

        .controller-timelog.action-new form[action*=time_entries] .autoscroll table tbody {
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-flow: column;
            flex-flow: column
        }

        .controller-timelog.action-new form[action*=time_entries] .autoscroll table tr {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            width: 100%
        }

        .controller-timelog.action-new form[action*=time_entries] .autoscroll table th {
            width: 295px;
            min-width: 295px;
            max-width: 295px;
            padding: 0 10px 0 0;
            color: var(--text-color-main);
            font-size: 1rem;
            line-height: 1.4;
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            text-align: left !important;
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

        .controller-timelog.action-new form[action*=time_entries] .autoscroll table td {
            padding: 0 !important;
            margin: 0;
            -webkit-box-flex: 1;
            -ms-flex: 1 0 auto;
            flex: 1 0 auto;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap
        }

            .controller-timelog.action-new form[action*=time_entries] .autoscroll table td .jcf-select-end_time, .controller-timelog.action-new form[action*=time_entries] .autoscroll table td .jcf-select-start_time {
                margin: 0 10px 0 0
            }

#main .gantt_content .contextual > span {
    color: var(--bg-fff);
    margin: 0
}

    #main .gantt_content .contextual > span a {
        width: var(--icon-width);
        height: var(--icon-width)
    }

#content #query_form[action*=gantt].open-filters #query_form_with_buttons .holder-filters {
    margin: 0 0 20px
}

#content #query_form[action*=gantt] #query_form_with_buttons > .buttons {
    max-width: 700px;
    margin: 0 0 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    #content #query_form[action*=gantt] #query_form_with_buttons > .buttons #months {
        -webkit-box-flex: 0;
        -ms-flex: 0;
        flex: 0;
        min-width: 70px;
        width: 70px;
        margin: 0 10px 0 0
    }

    #content #query_form[action*=gantt] #query_form_with_buttons > .buttons .jcf-select {
        margin: 0 0 0 10px !important;
        width: auto
    }

        #content #query_form[action*=gantt] #query_form_with_buttons > .buttons .jcf-select:last-of-type {
            margin: 0 10px !important
        }

    #content #query_form[action*=gantt] #query_form_with_buttons > .buttons a {
        margin: 0 0 0 5px !important
    }

    #content #query_form[action*=gantt] #query_form_with_buttons > .buttons .select2 {
        max-width: 70px;
        margin: 0 0 0 10px !important
    }

    #content #query_form[action*=gantt] #query_form_with_buttons > .buttons .icon-checked {
        margin: 0 0 0 10px !important
    }

#content #query_form[action*=gantt] > .buttons {
    max-width: 700px;
    margin: 0 0 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    #content #query_form[action*=gantt] > .buttons #months {
        -webkit-box-flex: 0;
        -ms-flex: 0;
        flex: 0;
        min-width: 70px;
        width: 70px;
        margin: 0 10px 0 0
    }

    #content #query_form[action*=gantt] > .buttons .jcf-select {
        margin: 0 0 0 10px !important;
        width: auto
    }

        #content #query_form[action*=gantt] > .buttons .jcf-select:last-of-type {
            margin: 0 10px !important
        }

    #content #query_form[action*=gantt] > .buttons a {
        margin: 0 0 0 5px !important
    }

    #content #query_form[action*=gantt] > .buttons .select2 {
        max-width: 70px;
        margin: 0 0 0 10px !important
    }

    #content #query_form[action*=gantt] > .buttons .icon-checked {
        margin: 0 0 0 10px !important
    }

.controller-gantts.action-show #content > table {
    font-size: .85714286rem
}

    .controller-gantts.action-show #content > table .icon {
        line-height: 16px;
        padding: 0 0 0 24px
    }

.controller-gantts.action-show .gantt_subjects {
    font-size: .85714286rem
}

.controller-gantts.action-show #main > #content .context-menu-selection {
    background-color: var(--light-bg) !important
}

    .controller-gantts.action-show #main > #content .context-menu-selection .gantt_subjects a.icon:after, .controller-gantts.action-show #main > #content .context-menu-selection .gantt_subjects span.icon:after {
        color: var(--bg-fff)
    }

.controller-gantts.action-show #main .context-menu-selection .gantt_subjects a.icon:after, .controller-gantts.action-show #main .context-menu-selection .gantt_subjects span.icon:after {
    color: var(--bg-fff)
}

.controller-gantts.action-show .gravatar {
    margin: 0 5px 0 0 !important
}

.controller-gantts.action-show .gantt_hdr {
    border-top: 1px solid var(--border-color-content);
    border-bottom: 1px solid var(--border-color-content);
    border-right: 1px solid var(--border-color-content)
}

    .controller-gantts.action-show .gantt_hdr[style*="background:"] {
        background: var(--bg-box) !important
    }

    .controller-gantts.action-show .gantt_hdr.nwday {
        background: var(--bg-box)
    }

#main .gantt_selected_column_content.gantt_hdr, #main .gantt_subjects {
    font-size: .7857rem;
    line-height: 1
}

#main #gantt_area :after {
    display: none !important
}

#main .gantt_subjects div {
    line-height: 14px
}

    #main .gantt_subjects div > span.icon.expander {
        max-width: 14px;
        min-width: 14px;
        height: 14px;
        margin: 0 5px 0 10px !important;
        padding: 0 !important;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        -webkit-transition: transform var(--time-hover) ease-in-out;
        -o-transition: transform var(--time-hover) ease-in-out;
        -webkit-transition: -webkit-transform var(--time-hover) ease-in-out;
        transition: -webkit-transform var(--time-hover) ease-in-out;
        transition: transform var(--time-hover) ease-in-out;
        transition: transform var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
    }

        #main .gantt_subjects div > span.icon.expander:after {
            color: var(--icon-color-bg);
            width: 14px;
            height: 14px;
            line-height: 14px
        }

        #main .gantt_subjects div > span.icon.expander:before {
            content: '';
            display: block;
            clear: both;
            position: absolute;
            top: 0;
            left: 0;
            height: 14px;
            width: 14px;
            background: var(--icon_bg-bg);
            -webkit-transform: scale(0);
            -ms-transform: scale(0);
            transform: scale(0);
            z-index: 0;
            border-radius: var(--icon-border-radius);
            -webkit-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            -o-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            -webkit-transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
            transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
            transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
        }

        #main .gantt_subjects div > span.icon.expander:hover:after {
            color: var(--color-main-color-text)
        }

        #main .gantt_subjects div > span.icon.expander:hover:before {
            background: var(--color-main-color);
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1)
        }

    #main .gantt_subjects div .open span.expander {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

        #main .gantt_subjects div .open span.expander:after {
            color: var(--icon-color-bg)
        }

        #main .gantt_subjects div .open span.expander:before {
            background: var(--icon_bg-bg)
        }

#main .gantt_subjects a, #main .gantt_subjects span {
    line-height: 16px
}

    #main .gantt_subjects a.icon, #main .gantt_subjects span.icon {
        padding: 0 0 0 20px;
        height: 16px;
        min-height: 100%;
        position: relative;
        background-image: none !important;
        line-height: 16px
    }

        #main .gantt_subjects a.icon:before, #main .gantt_subjects span.icon:before {
            display: none
        }

        #main .gantt_subjects a.icon:after, #main .gantt_subjects span.icon:after {
            display: block;
            clear: both;
            position: absolute;
            top: 0;
            left: 0;
            width: 16px;
            height: 16px;
            margin: 0;
            font-family: var(--icon-font);
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-style: normal;
            font-variant: normal;
            font-weight: 400;
            text-decoration: none;
            text-transform: none;
            font-size: 14px;
            line-height: 16px;
            color: var(--color-dark-grey)
        }

.controller-projects.action-settings .tab-content > p:nth-of-type(1) {
    margin: 0 0 15px !important
}

#content .splitcontent {
    overflow: visible
}

#content .tab-content#tab-content-versions fieldset {
    padding: 52px 20px 20px;
    display: block
}

    #content .tab-content#tab-content-versions fieldset .jcf-select, #content .tab-content#tab-content-versions fieldset .select2 {
        width: auto
    }

    #content .tab-content#tab-content-versions fieldset legend {
        left: 20px
    }

    #content .tab-content#tab-content-versions fieldset label {
        margin: 0 10px 0 0;
        font-weight: 700
    }

    #content .tab-content#tab-content-versions fieldset input[type=text] {
        width: auto
    }

    #content .tab-content#tab-content-versions fieldset input[type=submit] {
        background: var(--button-bg-bg);
        color: var(--button-color-bg)
    }

        #content .tab-content#tab-content-versions fieldset input[type=submit]:hover {
            color: var(--button-color-hover-bg);
            background: var(--button-bg-hover-bg)
        }

        #content .tab-content#tab-content-versions fieldset input[type=submit] + a:not(.icon-reload) {
            background: var(--button-bg);
            color: var(--button-color);
            -webkit-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            -o-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out
        }

            #content .tab-content#tab-content-versions fieldset input[type=submit] + a:not(.icon-reload):before {
                display: none
            }

            #content .tab-content#tab-content-versions fieldset input[type=submit] + a:not(.icon-reload):hover {
                background: var(--button-bg-hover);
                color: var(--button-color-hover)
            }

#content .tab-content#tab-content-versions .contextual {
    padding: 0;
    margin: 0
}

    #content .tab-content#tab-content-versions .contextual + p {
        margin: 0 0 15px
    }

        #content .tab-content#tab-content-versions .contextual + p a.icon {
            width: var(--icon-smaller-width);
            height: var(--icon-smaller-width);
            line-height: var(--icon-smaller-width)
        }

            #content .tab-content#tab-content-versions .contextual + p a.icon:after {
                font-size: var(--icon-smaller-font-size);
                line-height: var(--icon-smaller-width)
            }

#content .tab-content#tab-content-versions form .select2 {
    width: auto !important;
    margin: 5px 0
}

#content .contextual {
    margin: 0
}

#tab-content-boards .table-list {
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    margin: 0
}

#tab-content-boards .table-list-header {
    font-weight: 700;
    text-align: center;
    color: var(--color-main-color);
    padding: 13px 14px;
    background: var(--bg-box);
    border-radius: var(--border-radius) var(--border-radius) 0 0
}

#tab-content-boards .table-list-row {
    width: 100%;
    display: table
}

    #tab-content-boards .table-list-row:hover .table-list-cell {
        background: var(--all-hover-bg)
    }

    #tab-content-boards .table-list-row .table-list-cell {
        color: var(--color-main-color);
        padding: 13px 14px !important;
        background: var(--bg-box);
        font-size: 1rem;
        line-height: 1.4;
        font-weight: 700;
        background: var(--bg-fff);
        text-align: left;
        border-top: 1px solid var(--border-color-content);
        -webkit-transition: background var(--time-hover) ease-in-out;
        -o-transition: background var(--time-hover) ease-in-out;
        transition: background var(--time-hover) ease-in-out
    }

        #tab-content-boards .table-list-row .table-list-cell.name {
            border-radius: 0 0 0 var(--border-radius)
        }

        #tab-content-boards .table-list-row .table-list-cell.buttons {
            text-align: right;
            border-radius: 0 0 var(--border-radius) 0
        }

#tab-content-activities .tabular {
    padding: 0 !important
}

#tab-content-activities .contextual {
    margin-bottom: 15px !important
}

#tab-content-activities .list {
    margin: 0 0 20px
}

.admin-filter > div {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    width: 100%
}

#commit-keywords {
    margin: 0 0 20px
}

#content form .box p label.block {
    margin-top: 10px !important;
    padding: 0;
    display: block;
    width: 100% !important;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    #content form .box p label.block ~ .info {
        margin-top: 5px !important
    }

#main td.username img.gravatar {
    vertical-align: center;
    width: 30px;
    height: 30px
}

#contact_list {
    overflow-x: auto
}

#main table.cal {
    margin: 16px 0 0;
    border-color: var(--border-color-content);
    border-radius: var(--border-radius) var(--border-radius) 0 0
}

#block-calendar #main table.cal {
    border-radius: var(--border-radius)
}

    #block-calendar #main table.cal td {
        border-bottom: none
    }

        #block-calendar #main table.cal td:nth-child(2) {
            -moz-border-bottom-left-radius: var(--border-radius);
            border-bottom-left-radius: var(--border-radius)
        }

        #block-calendar #main table.cal td:last-child {
            border-right: none;
            -moz-border-bottom-right-radius: var(--border-radius);
            border-bottom-right-radius: var(--border-radius)
        }

#main table.cal .week-number {
    display: none
}

#main table.cal thead th {
    font-size: 1rem;
    line-height: 1.4;
    font-weight: 700;
    padding: 15px 10px;
    color: var(--color-main-color);
    background: var(--bg-box);
    border-left: 1px solid var(--border-color-content)
}

    #main table.cal thead th:nth-child(2) {
        -moz-border-top-left-radius: var(--border-radius);
        border-top-left-radius: var(--border-radius);
        border-left: 0
    }

    #main table.cal thead th:last-child {
        border-right: none;
        -moz-border-top-right-radius: var(--border-radius);
        border-top-right-radius: var(--border-radius)
    }

#main table.cal tbody td:nth-child(2) {
    border-left: 0
}

#main table.cal tr td:last-child {
    border-right: 0
}

#main table.cal td {
    min-width: 150px;
    font-size: .85714286rem;
    line-height: 1.1;
    padding: 0;
    border-color: var(--border-color-content)
}

    #main table.cal td .day-num {
        padding: 6px;
        margin: 0 0 20px;
        font-size: 13px !important;
        line-height: 16px !important;
        font-weight: 600;
        color: var(--color-main-color)
    }

        #main table.cal td .day-num.odd {
            font-weight: 400;
            color: inherit
        }

    #main table.cal td .icon {
        padding: 0 0 0 30px
    }

        #main table.cal td .icon.icon-package {
            color: var(--icon-color-bg);
            font-size: 1rem;
            line-height: var(--icon-smaller-width);
            font-weight: 700
        }

            #main table.cal td .icon.icon-package:after {
                width: var(--icon-smaller-width);
                height: var(--icon-smaller-width);
                font-size: var(--icon-smaller-font-size);
                line-height: var(--icon-smaller-width);
                color: var(--icon-color-bg)
            }

            #main table.cal td .icon.icon-package:before {
                background: var(--icon_bg-bg);
                -webkit-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
                -o-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
                -webkit-transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
                transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
                transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
                transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
            }

            #main table.cal td .icon.icon-package:hover:after {
                color: var(--icon-color-hover-bg)
            }

            #main table.cal td .icon.icon-package:hover:before {
                background: var(--icon_bg_hover-bg)
            }

#main table.cal .odd {
    background: var(--bg-fff)
}

#main table.cal .tooltip {
    opacity: 1;
    font-weight: 600;
    display: block !important
}

    #main table.cal .tooltip:hover {
        z-index: 2 !important
    }

#main table.cal div.issue {
    margin: 4px 0 0 !important;
    padding: 14px 10px 10px 55px !important;
    position: relative;
    border-radius: 0 !important;
    border-left: 4px solid !important;
    background: var(--bg-fff) !important
}

    #main table.cal div.issue:first-child {
        margin: 0 !important
    }

    #main table.cal div.issue.priority-1 {
        border-color: var(--priority-1) !important
    }

    #main table.cal div.issue.priority-2 {
        border-color: var(--priority-2) !important
    }

    #main table.cal div.issue.priority-3 {
        border-color: var(--priority-3) !important
    }

    #main table.cal div.issue.priority-4 {
        border-color: var(--priority-4) !important
    }

    #main table.cal div.issue.priority-5 {
        border-color: var(--priority-5) !important
    }

    #main table.cal div.issue:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: -1;
        opacity: .2
    }

    #main table.cal div.issue.priority-1:before {
        background: var(--priority-1) !important
    }

    #main table.cal div.issue.priority-2:before {
        background: var(--priority-2) !important
    }

    #main table.cal div.issue.priority-3:before {
        background: var(--priority-3) !important
    }

    #main table.cal div.issue.priority-4:before {
        background: var(--priority-4) !important
    }

    #main table.cal div.issue.priority-5:before {
        background: var(--priority-5) !important
    }

    #main table.cal div.issue:after {
        position: absolute;
        top: 50%;
        left: 5px;
        -webkit-transform: translateY(-50%) scale(.8);
        -ms-transform: translateY(-50%) scale(.8);
        transform: translateY(-50%) scale(.8);
        width: 40px !important;
        height: 40px !important;
        background-color: var(--bg-fff);
        display: block;
        clear: both;
        margin: 0;
        overflow: hidden;
        border-radius: var(--icon-border-radius);
        z-index: 1;
        font-family: var(--icon-font);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        text-decoration: none;
        text-transform: none;
        font-size: 40px;
        line-height: 1
    }

    #main table.cal div.issue.priority-1:after {
        color: var(--priority-1) !important
    }

    #main table.cal div.issue.priority-2:after {
        color: var(--priority-2) !important
    }

    #main table.cal div.issue.priority-3:after {
        color: var(--priority-2) !important
    }

    #main table.cal div.issue.priority-4:after {
        color: var(--priority-4) !important
    }

    #main table.cal div.issue.priority-5:after {
        color: var(--priority-5) !important
    }

    #main table.cal div.issue a {
        font-size: 1rem;
        line-height: 1.1;
        font-weight: 600;
        padding: 0 !important;
        background: 0 0;
        margin: 0 0 3px;
        color: var(--color-link)
    }

        #main table.cal div.issue a.priority-1 {
            color: var(--priority-1) !important
        }

            #main table.cal div.issue a.priority-1 ~ a {
                color: var(--priority-1) !important
            }

        #main table.cal div.issue a.priority-2 {
            color: var(--priority-2) !important
        }

            #main table.cal div.issue a.priority-2 ~ a {
                color: var(--priority-2) !important
            }

        #main table.cal div.issue a.priority-3 {
            color: var(--priority-3) !important
        }

            #main table.cal div.issue a.priority-3 ~ a {
                color: var(--priority-3) !important
            }

        #main table.cal div.issue a.priority-4 {
            color: var(--priority-4) !important
        }

            #main table.cal div.issue a.priority-4 ~ a {
                color: var(--priority-4) !important
            }

        #main table.cal div.issue a.priority-5 {
            color: var(--priority-5) !important
        }

            #main table.cal div.issue a.priority-5 ~ a {
                color: var(--priority-5) !important
            }

    #main table.cal div.issue > a {
        display: block
    }

    #main table.cal div.issue .tip {
        position: absolute;
        top: 20px !important;
        left: -4px !important;
        right: 0 !important;
        width: auto !important;
        z-index: 5;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 10px !important;
        font-size: .85714286rem !important;
        line-height: 1.1;
        border: none;
        border-left: 4px solid;
        font-weight: 400;
        display: block;
        overflow: hidden;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all var(--time-hover) ease-in-out;
        -o-transition: all var(--time-hover) ease-in-out;
        transition: all var(--time-hover) ease-in-out;
        -webkit-box-shadow: var(--small-box-shadow);
        box-shadow: var(--small-box-shadow);
        color: var(--text-color-main)
    }

        #main table.cal div.issue .tip:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: .2;
            z-index: -1
        }

        #main table.cal div.issue .tip strong {
            font-weight: 600
        }

        #main table.cal div.issue .tip .issue {
            font-weight: 600;
            padding: 4px 0 0 45px !important;
            display: block
        }

    #main table.cal div.issue:hover .tip {
        opacity: 1;
        visibility: visible;
        top: 0 !important
    }

    #main table.cal div.issue.priority-1 .tip {
        border-color: var(--priority-1) !important
    }

    #main table.cal div.issue.priority-2 .tip {
        border-color: var(--priority-2) !important
    }

    #main table.cal div.issue.priority-3 .tip {
        border-color: var(--priority-3) !important
    }

    #main table.cal div.issue.priority-4 .tip {
        border-color: var(--priority-4) !important
    }

    #main table.cal div.issue.priority-5 .tip {
        border-color: var(--priority-5) !important
    }

    #main table.cal div.issue.priority-1 .tip:before {
        background: var(--priority-1) !important
    }

    #main table.cal div.issue.priority-2 .tip:before {
        background: var(--priority-2) !important
    }

    #main table.cal div.issue.priority-3 .tip:before {
        background: var(--priority-3) !important
    }

    #main table.cal div.issue.priority-4 .tip:before {
        background: var(--priority-4) !important
    }

    #main table.cal div.issue.priority-5 .tip:before {
        background: var(--priority-5) !important
    }

#main table.cal tr > td:last-child div.issue .tip {
    left: auto !important;
    right: 0 !important
}

#main table.cal tbody tr:last-child td div.issue .tip {
    top: auto !important;
    bottom: 20px !important
}

#main table.cal tbody tr:last-child td div.issue:hover .tip {
    top: auto !important;
    bottom: 0 !important
}

#main table.cal tbody td:last-child div.issue .tip, #main table.cal tbody td:last-child div.issue:hover .tip {
    left: auto !important;
    right: 0 !important
}

#content .legend.cal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: var(--bg-box);
    padding: 15px;
    margin: -1px 0 0 1px;
    border: 1px solid var(--border-color-content);
    border-top: none;
    border-radius: 0 0 var(--border-radius) var(--border-radius);
    width: calc(100% - 2px)
}

    #content .legend.cal span {
        padding: 8px 20px 8px 45px !important;
        position: relative;
        background: 0 0 !important
    }

        #content .legend.cal span:after {
            position: absolute;
            top: 50%;
            left: 0;
            -webkit-transform: translateY(-50%) scale(.8);
            -ms-transform: translateY(-50%) scale(.8);
            transform: translateY(-50%) scale(.8);
            width: 40px !important;
            height: 40px !important;
            display: block;
            clear: both;
            margin: 0;
            overflow: hidden;
            border-radius: var(--icon-border-radius);
            z-index: 1;
            background-color: var(--icon_bg-bg);
            font-family: var(--icon-font);
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-style: normal;
            font-variant: normal;
            font-weight: 400;
            text-decoration: none;
            text-transform: none;
            font-size: 40px;
            line-height: 1
        }

        #content .legend.cal span.starting:after {
            color: var(--priority-2)
        }

        #content .legend.cal span.ending:after {
            color: var(--priority-5)
        }

        #content .legend.cal span.starting.ending:after {
            color: var(--priority-4)
        }

.controller-calendars #query_form_with_buttons .holder-filters {
    position: relative;
    border: none;
    padding-bottom: 0
}

.controller-calendars #query_form .buttons, .controller-calendars #query_form_with_buttons .buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0 70px 0 0;
    max-width: 570px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.controller-calendars label[for=month] {
    margin: 0 10px 0 0
}

.controller-calendars #main > #content p.contextual {
    font-size: 0;
    line-height: 0;
    position: absolute;
    bottom: 1px;
    right: 0
}

    .controller-calendars #main > #content p.contextual a[accesskey="n"], .controller-calendars #main > #content p.contextual a[accesskey="p"] {
        display: inline-block;
        vertical-align: top;
        height: var(--icon-width);
        width: var(--icon-width);
        position: relative;
        text-indent: -99999px;
        color: var(--icon-color);
        margin: 0 0 0 5px
    }

        .controller-calendars #main > #content p.contextual a[accesskey="n"]:after, .controller-calendars #main > #content p.contextual a[accesskey="p"]:after {
            text-indent: 0;
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            clear: both;
            height: 100%;
            width: 100%;
            margin: 0;
            overflow: hidden;
            border-radius: var(--icon-border-radius);
            z-index: 1;
            -webkit-transition: color var(--time-hover) ease-in-out;
            -o-transition: color var(--time-hover) ease-in-out;
            transition: color var(--time-hover) ease-in-out;
            font-family: var(--icon-font);
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-style: normal;
            font-variant: normal;
            font-weight: 400;
            text-decoration: none;
            text-transform: none;
            font-size: var(--icon-font-size);
            line-height: 1
        }

        .controller-calendars #main > #content p.contextual a[accesskey="n"]:before, .controller-calendars #main > #content p.contextual a[accesskey="p"]:before {
            content: '';
            display: block;
            clear: both;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: var(--icon_bg);
            -webkit-transform: scale(0);
            -ms-transform: scale(0);
            transform: scale(0);
            z-index: 1;
            border-radius: var(--icon-border-radius);
            -webkit-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            -o-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            -webkit-transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
            transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
            transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
        }

        .controller-calendars #main > #content p.contextual a[accesskey="n"]:hover, .controller-calendars #main > #content p.contextual a[accesskey="p"]:hover {
            color: var(--icon-color-hover)
        }

            .controller-calendars #main > #content p.contextual a[accesskey="n"]:hover:before, .controller-calendars #main > #content p.contextual a[accesskey="p"]:hover:before {
                background: var(--icon_bg_hover);
                -webkit-transform: scale(1);
                -ms-transform: scale(1);
                transform: scale(1)
            }

.controller-activities #main #content {
    padding-left: 0;
    padding-right: 0;
    display: block !important
}

    .controller-activities #main #content > h2 {
        width: 100%;
        margin: 0 0 40px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .controller-activities #main #content p.other-formats {
        margin: 0
    }

#main > #content #my-page div#activity dl dt {
    background: var(--bg-fff)
}

#main > #content #my-page div#activity dl dd {
    background: var(--bg-fff)
}

#main > #content #my-page div#activity dl .time {
    background: var(--bg-box)
}

#main > #content div#activity {
    overflow: hidden;
    width: 100%;
    margin: 0;
    position: relative
}

    #main > #content div#activity:after {
        content: '';
        display: block;
        clear: both;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 18px;
        height: 4px;
        background: var(--color-main-color);
        border-radius: var(--border-radius)
    }

    #main > #content div#activity p.subtitle {
        margin: -15px 0 15px 10px
    }

    #main > #content div#activity .holder-activity {
        height: 0;
        width: 100%;
        overflow: hidden
    }

    #main > #content div#activity h3, #main > #content div#activity h4 {
        font-size: 1.1428rem;
        line-height: 1.4;
        font-weight: 700;
        padding: 2px 0 15px 30px;
        margin: 0 !important;
        cursor: pointer;
        position: relative;
        border: none;
        background: 0 0;
        -webkit-transition: color var(--time-hover) ease-in-out;
        -o-transition: color var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out
    }

        #main > #content div#activity h3:first-child:before, #main > #content div#activity h4:first-child:before {
            height: calc(100% - 3px)
        }

        #main > #content div#activity h3:after, #main > #content div#activity h4:after {
            content: '';
            display: block;
            clear: both;
            position: absolute;
            top: 0;
            left: 0;
            width: 14px;
            height: 14px;
            border: 2px solid var(--color-main-color-activety);
            background: var(--bg-box-activety);
            -webkit-transition: border-color var(--time-hover) ease-in-out,background var(--time-hover) ease-in-out,background var(--time-hover) ease-in-out;
            -o-transition: border-color var(--time-hover) ease-in-out,background var(--time-hover) ease-in-out,background var(--time-hover) ease-in-out;
            transition: border-color var(--time-hover) ease-in-out,background var(--time-hover) ease-in-out,background var(--time-hover) ease-in-out;
            border-radius: var(--border-radius-full)
        }

        #main > #content div#activity h3:before, #main > #content div#activity h4:before {
            content: '';
            display: block;
            clear: both;
            position: absolute;
            bottom: 0;
            left: 8px;
            width: 2px;
            height: 100%;
            background: var(--color-main-color-activety);
            -webkit-transition: background var(--time-hover) ease-in-out;
            -o-transition: background var(--time-hover) ease-in-out;
            transition: background var(--time-hover) ease-in-out
        }

        #main > #content div#activity h3.open-activity-link, #main > #content div#activity h3:hover, #main > #content div#activity h4.open-activity-link, #main > #content div#activity h4:hover {
            color: var(--color-main-color)
        }

            #main > #content div#activity h3.open-activity-link:after, #main > #content div#activity h3:hover:after, #main > #content div#activity h4.open-activity-link:after, #main > #content div#activity h4:hover:after {
                border-color: var(--color-main-color);
                background: var(--color-main-color)
            }

            #main > #content div#activity h3.open-activity-link:before, #main > #content div#activity h3:hover:before, #main > #content div#activity h4.open-activity-link:before, #main > #content div#activity h4:hover:before {
                background: var(--color-main-color)
            }

    #main > #content div#activity dl {
        position: relative;
        margin: 0 !important;
        padding: 0 0 0 30px;
        overflow: hidden
    }

        #main > #content div#activity dl:before {
            content: '';
            display: block;
            clear: both;
            position: absolute;
            top: 0;
            left: 8px;
            width: 2px;
            height: 100%;
            background: var(--color-main-color)
        }

        #main > #content div#activity dl dt {
            overflow: hidden;
            padding: 15px 20px;
            margin: 0 !important;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            width: 100%;
            background: var(--bg-other);
            background-image: none !important;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            border-radius: var(--border-radius) var(--border-radius) 0 0;
            font-weight: 600;
            border: 0
        }

            #main > #content div#activity dl dt img.gravatar {
                margin: 0 10px 0 0
            }

            #main > #content div#activity dl dt a {
                font-size: 1rem;
                line-height: 1.4
            }

        #main > #content div#activity dl dd {
            overflow: hidden;
            font-style: normal;
            padding: 0 20px 20px;
            min-height: 15px;
            display: block;
            width: 100%;
            background: var(--bg-other);
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            margin: 0 0 20px;
            margin-left: 0 !important;
            border-radius: 0 0 var(--border-radius) var(--border-radius)
        }

        #main > #content div#activity dl .description {
            display: block;
            font-style: normal !important;
            overflow: hidden;
            width: 100%;
            padding: 0;
            margin: 0 0 10px;
            font-size: 1rem;
            line-height: 1.4
        }

        #main > #content div#activity dl .time {
            margin: 0 10px 0 0;
            display: inline-block;
            padding: 5px 15px;
            color: var(--text-color-main);
            background: var(--bg-other-in);
            text-decoration: none;
            border: 0 !important;
            border-radius: var(--border-radius);
            font-size: .8571rem;
            line-height: .8571rem
        }

        #main > #content div#activity dl .project {
            margin: 0 5px 0 0
        }

        #main > #content div#activity dl .author {
            font-weight: 600;
            font-size: 1rem;
            line-height: 1.4
        }

p.subtitle {
    font-style: normal !important;
    font-size: 1rem;
    line-height: 1.4;
    margin: -15px 0 15px 0
}

#activity_scope_form .select2 {
    min-width: 100%;
    margin-top: 5px
}

#sidebar #user_id + .select2 {
    min-width: 100%
}

#main #admin-index #admin-menu {
    overflow: hidden;
    width: 100%
}

    #main #admin-index #admin-menu ul {
        padding: 0;
        margin: 0;
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

        #main #admin-index #admin-menu ul li {
            width: 160px;
            padding: 0;
            margin: 0 10px 20px;
            position: relative;
            background: var(--admin-color-bg);
            border-radius: var(--border-radius);
            overflow: hidden;
            -webkit-box-shadow: var(--big-shadow);
            box-shadow: var(--big-shadow);
            -webkit-transition: all var(--time-hover) ease-in-out;
            -o-transition: all var(--time-hover) ease-in-out;
            transition: all var(--time-hover) ease-in-out
        }

            #main #admin-index #admin-menu ul li:after {
                content: '';
                display: block;
                clear: both;
                position: absolute;
                top: -300px;
                right: -300px;
                width: 600px;
                height: 600px;
                z-index: 1;
                -webkit-transform: scale(0);
                -ms-transform: scale(0);
                transform: scale(0);
                background: var(--admin-color-bg-hover);
                border-radius: var(--border-radius-full);
                -webkit-transition: transform var(--time-hover) ease-in-out;
                -o-transition: transform var(--time-hover) ease-in-out;
                -webkit-transition: -webkit-transform var(--time-hover) ease-in-out;
                transition: -webkit-transform var(--time-hover) ease-in-out;
                transition: transform var(--time-hover) ease-in-out;
                transition: transform var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
            }

            #main #admin-index #admin-menu ul li:hover {
                -webkit-box-shadow: var(--big-shadow-hover);
                box-shadow: var(--big-shadow-hover)
            }

                #main #admin-index #admin-menu ul li:hover:after {
                    -webkit-transform: scale(1);
                    -ms-transform: scale(1);
                    transform: scale(1)
                }

            #main #admin-index #admin-menu ul li a, #main #admin-index #admin-menu ul li a.selected {
                z-index: 2;
                display: block !important;
                padding: 82px 10px 20px !important;
                border-radius: 0;
                position: relative;
                background-image: none;
                font-size: 1.28571429rem;
                line-height: 1.4;
                -webkit-transition: color var(--time-hover) ease-in-out;
                -o-transition: color var(--time-hover) ease-in-out;
                transition: color var(--time-hover) ease-in-out;
                text-decoration: none;
                text-align: center;
                overflow: hidden;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                width: 100%;
                height: 100%;
                background-image: none !important;
                word-break: break-word;
                color: var(--admin-color-text)
            }

                #main #admin-index #admin-menu ul li a.selected:after, #main #admin-index #admin-menu ul li a:after {
                    content: '';
                    display: block;
                    clear: both;
                    position: absolute;
                    top: 20px;
                    left: 50%;
                    margin: 0 0 0 -25px;
                    width: 50px;
                    height: 50px;
                    z-index: 2;
                    opacity: 1;
                    background-size: 28px auto;
                    background-position: 50% 50%;
                    background-repeat: no-repeat;
                    border-radius: var(--border-radius-full)
                }

                #main #admin-index #admin-menu ul li a a:after, #main #admin-index #admin-menu ul li a.selected a:after {
                    background-image: url(../images/icon-color/default-color-icon.svg)
                }

                #main #admin-index #admin-menu ul li a.selected:before, #main #admin-index #admin-menu ul li a:before {
                    content: '';
                    display: block !important;
                    clear: both;
                    position: absolute;
                    top: 20px;
                    left: 50%;
                    margin: 0 0 0 -25px;
                    padding: 0;
                    width: 50px;
                    height: 50px;
                    z-index: 2;
                    background: var(--admin-color-after);
                    -webkit-transform: scale(1);
                    -ms-transform: scale(1);
                    transform: scale(1);
                    -webkit-transition: background var(--time-hover) ease-in-out;
                    -o-transition: background var(--time-hover) ease-in-out;
                    transition: background var(--time-hover) ease-in-out;
                    border-radius: var(--border-radius-full)
                }

                #main #admin-index #admin-menu ul li a.selected:link, #main #admin-index #admin-menu ul li a.selected:visited, #main #admin-index #admin-menu ul li a:link, #main #admin-index #admin-menu ul li a:visited {
                    color: var(--admin-color-text)
                }

                    #main #admin-index #admin-menu ul li a.selected:link:hover, #main #admin-index #admin-menu ul li a.selected:visited:hover, #main #admin-index #admin-menu ul li a:link:hover, #main #admin-index #admin-menu ul li a:visited:hover {
                        color: var(--admin-color-text-hover)
                    }

                        #main #admin-index #admin-menu ul li a.selected:link:hover:before, #main #admin-index #admin-menu ul li a.selected:visited:hover:before, #main #admin-index #admin-menu ul li a:link:hover:before, #main #admin-index #admin-menu ul li a:visited:hover:before {
                            background: var(--admin-color-after)
                        }

.action-info #main #content pre {
    margin: 0
}

.action-info #main #content br {
    display: none
}

.action-info #main #content .list {
    margin: 0 0 20px
}

    .action-info #main #content .list tr td {
        border-right: none;
        padding: 5px 5px
    }

        .action-info #main #content .list tr td.tick {
            text-align: right
        }

.action-info #main #content .box {
    margin: 0;
    overflow-x: auto
}

.action-plugins #main > #content .autoscroll {
    margin: 0 -30px;
    width: calc(100% + 60px)
}

.action-plugins #main > #content table.plugins {
    font-size: .85714286rem;
    line-height: 1rem;
    border-radius: 0;
    border: 0
}

    .action-plugins #main > #content table.plugins .description {
        font-size: .85714286rem;
        line-height: 1rem;
        margin: 0 0 5px
    }

    .action-plugins #main > #content table.plugins .name {
        font-size: 1rem;
        line-height: sans-serif
    }

    .action-plugins #main > #content table.plugins tr td {
        padding: 5px 5px
    }

        .action-plugins #main > #content table.plugins tr td.configure {
            text-align: center
        }

    .action-plugins #main > #content table.plugins tr:first-child td {
        border-top: 1px solid var(--border-color-content)
    }

    .action-plugins #main > #content table.plugins tr:last-child td {
        border-bottom: 1px solid var(--border-color-content) !important;
        border-radius: 0 !important
    }

    .action-plugins #main > #content table.plugins span.url {
        font-size: .85714rem
    }

.action-plugins #check-for-updates {
    padding: 8px 30px;
    font-size: 1rem;
    line-height: 1rem;
    -webkit-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
    -o-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
    transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
    border-radius: var(--button-border-radius);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: var(--button-main-bg);
    border: none;
    color: var(--button-main-color);
    display: inline-block;
    vertical-align: top;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: var(--button-font-weight);
    margin: 0 10px 0 0;
    text-decoration: none !important
}

    .action-plugins #check-for-updates:hover {
        background: var(--button-main-bg-hover);
        color: var(--button-main-color-hover)
    }

#content span#watchers_inputs {
    overflow: hidden
}

#content .floating {
    margin: 0 5px 0 0
}

#content #settings .box {
    margin: 0 0 20px
}

#content #settings .tab-content {
    position: relative;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1px 1px 1px 30px;
    margin: 20px 0 0;
    border: none;
    background: var(--bg-box);
    border-radius: var(--border-radius)
}

    #content #settings .tab-content fieldset.box {
        padding: 52px 0 0;
        margin: 0
    }

        #content #settings .tab-content fieldset.box[style*=background-color] {
            padding: 52px 20px 20px
        }

            #content #settings .tab-content fieldset.box[style*=background-color] legend {
                left: 20px
            }

        #content #settings .tab-content fieldset.box legend {
            left: 0
        }

#main #content fieldset.filter-box {
    position: relative;
    padding: 25px 30px 15px;
    margin: 0 0 15px;
    border-radius: 8px;
    background: var(--bg-box);
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    #main #content fieldset.filter-box.open-in-box .icon-down {
        color: var(--icon_color_active-bg)
    }

        #main #content fieldset.filter-box.open-in-box .icon-down:after {
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg)
        }

    #main #content fieldset.filter-box > legend {
        position: absolute;
        width: 100%;
        padding: 0 20px 0 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 40px;
        top: 0;
        left: 0;
        color: var(--text-color-main);
        font-weight: 600;
        font-size: 1rem;
        line-height: 40px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        cursor: pointer
    }

        #main #content fieldset.filter-box > legend:after {
            content: '';
            display: block;
            clear: both;
            width: 100%;
            position: absolute;
            top: 100%;
            left: 0;
            height: 1px;
            background: var(--border-color);
            opacity: 0
        }

        #main #content fieldset.filter-box > legend .icon-down {
            position: absolute;
            top: 5px;
            left: 10px;
            width: var(--icon-width);
            height: var(--icon-width);
            background-size: var(--icon-width) var(--icon-width);
            background-repeat: no-repeat;
            background-position: 50% 50%;
            -webkit-transition: transform var(--time-hover) ease-in-out;
            -o-transition: transform var(--time-hover) ease-in-out;
            -webkit-transition: -webkit-transform var(--time-hover) ease-in-out;
            transition: -webkit-transform var(--time-hover) ease-in-out;
            transition: transform var(--time-hover) ease-in-out;
            transition: transform var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
            color: var(--icon-color-bg)
        }

            #main #content fieldset.filter-box > legend .icon-down:after {
                position: absolute;
                top: 0;
                left: 0;
                display: block;
                clear: both;
                height: var(--icon-width);
                width: var(--icon-width);
                margin: 0;
                overflow: hidden;
                border-radius: var(--icon-border-radius);
                -webkit-transition: color var(--time-hover) ease-in-out,transform var(--time-hover) ease-in-out;
                -o-transition: color var(--time-hover) ease-in-out,transform var(--time-hover) ease-in-out;
                -webkit-transition: color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
                transition: color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
                transition: color var(--time-hover) ease-in-out,transform var(--time-hover) ease-in-out;
                transition: color var(--time-hover) ease-in-out,transform var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
                z-index: 1;
                background-size: var(--icon-width) var(--icon-width);
                background-repeat: no-repeat;
                background-position: 50% 50%;
                opacity: 1;
                font-family: var(--icon-font);
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                font-style: normal;
                font-variant: normal;
                font-weight: 400;
                text-decoration: none;
                text-transform: none;
                font-size: var(--icon-font-size);
                line-height: var(--icon-width)
            }

            #main #content fieldset.filter-box > legend .icon-down:before {
                content: '';
                display: block;
                clear: both;
                position: absolute;
                top: 0;
                left: 0;
                height: 100%;
                width: 100%;
                background: var(--icon_bg-bg);
                -webkit-transform: scale(0);
                -ms-transform: scale(0);
                transform: scale(0);
                z-index: 0;
                border-radius: var(--icon-border-radius);
                -webkit-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
                -o-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
                -webkit-transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
                transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
                transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
                transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
            }

        #main #content fieldset.filter-box > legend.open-in-box:after {
            opacity: 1
        }

        #main #content fieldset.filter-box > legend.open-in-box .icon-down {
            color: var(--icon_color_active-bg)
        }

            #main #content fieldset.filter-box > legend.open-in-box .icon-down:after {
                -webkit-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                transform: rotate(180deg)
            }

        #main #content fieldset.filter-box > legend:hover .icon-down {
            color: var(--icon-color-hover-bg)
        }

            #main #content fieldset.filter-box > legend:hover .icon-down:before {
                background: var(--icon_bg_hover-bg);
                -webkit-transform: scale(1);
                -ms-transform: scale(1);
                transform: scale(1)
            }

    #main #content fieldset.filter-box fieldset {
        padding: 30px 0 0;
        margin: 0;
        border: 0
    }

        #main #content fieldset.filter-box fieldset legend {
            min-height: 20px;
            max-height: 20px;
            line-height: 20px;
            padding: 0
        }

    #main #content fieldset.filter-box .open-in-box ~ .open-box {
        max-height: 2000px
    }

    #main #content fieldset.filter-box .open-box {
        overflow: hidden;
        width: 100%;
        max-height: 0;
        -webkit-transition: max-height var(--time-main) ease-in-out;
        -o-transition: max-height var(--time-main) ease-in-out;
        transition: max-height var(--time-main) ease-in-out
    }

        #main #content fieldset.filter-box .open-box > div {
            display: block !important;
            overflow: hidden;
            padding: 20px 0 0
        }

        #main #content fieldset.filter-box .open-box .admin-filter {
            display: -webkit-box !important;
            display: -ms-flexbox !important;
            display: flex !important;
            overflow: hidden;
            margin: 15px 0 0;
            padding: 0;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            #main #content fieldset.filter-box .open-box .admin-filter label {
                font-weight: 700;
                margin: 0 10px 0 0
            }

                #main #content fieldset.filter-box .open-box .admin-filter label[for=draw_selected_columns] {
                    margin-bottom: 10px;
                    display: block
                }

            #main #content fieldset.filter-box .open-box .admin-filter table td {
                font-weight: 600
            }

    #main #content fieldset.filter-box form input[type=submit] {
        background: var(--button-main-bg);
        color: var(--button-main-color)
    }

        #main #content fieldset.filter-box form input[type=submit]:hover {
            background: var(--button-main-bg-hover);
            color: var(--button-main-color-hover)
        }

        #main #content fieldset.filter-box form input[type=submit] + input[type=button] {
            background: var(--button-bg);
            color: var(--button-color)
        }

            #main #content fieldset.filter-box form input[type=submit] + input[type=button]:hover {
                background: var(--button-bg-hover);
                color: var(--button-color-hover)
            }

        #main #content fieldset.filter-box form input[type=submit] + a:not(.icon-reload) {
            color: var(--icon-color-bg)
        }

            #main #content fieldset.filter-box form input[type=submit] + a:not(.icon-reload):after {
                color: var(--icon-color-bg)
            }

            #main #content fieldset.filter-box form input[type=submit] + a:not(.icon-reload):before {
                background: var(--icon_bg-bg)
            }

            #main #content fieldset.filter-box form input[type=submit] + a:not(.icon-reload):hover {
                color: var(--icon-color-hover-bg)
            }

                #main #content fieldset.filter-box form input[type=submit] + a:not(.icon-reload):hover:after {
                    color: var(--icon-color-hover-bg)
                }

                #main #content fieldset.filter-box form input[type=submit] + a:not(.icon-reload):hover:before {
                    background: var(--icon_bg_hover-bg)
                }

#main #content form.filter-box {
    display: block;
    overflow: hidden;
    position: relative
}

    #main #content form.filter-box input[type=submit] {
        background: var(--button-main-bg);
        color: var(--button-main-color)
    }

        #main #content form.filter-box input[type=submit]:hover {
            background: var(--button-main-bg-hover);
            color: var(--button-main-color-hover)
        }

    #main #content form.filter-box fieldset {
        position: relative;
        padding: 25px 30px 15px;
        margin: 0 0 15px;
        border-radius: var(--border-radius);
        background: var(--bg-box)
    }

        #main #content form.filter-box fieldset .holder-filter {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

        #main #content form.filter-box fieldset.open-in-box .icon-down {
            color: var(--color-main-color)
        }

            #main #content form.filter-box fieldset.open-in-box .icon-down:after {
                -webkit-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                transform: rotate(180deg)
            }

        #main #content form.filter-box fieldset legend {
            position: absolute;
            width: 100%;
            padding: 0 20px 0 50px;
            display: block;
            height: 40px !important;
            top: 0;
            left: 0;
            color: var(--text-color-main);
            font-weight: 600;
            font-size: 1rem;
            line-height: 40px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            cursor: pointer
        }

            #main #content form.filter-box fieldset legend:after {
                content: '';
                display: block;
                clear: both;
                width: 100%;
                position: absolute;
                top: 100%;
                left: 0;
                height: 1px;
                background: var(--border-color);
                opacity: 0
            }

            #main #content form.filter-box fieldset legend .icon-down {
                position: absolute;
                top: 5px;
                left: 10px;
                width: var(--icon-width);
                height: var(--icon-width);
                background-size: var(--icon-width) var(--icon-width);
                background-repeat: no-repeat;
                background-position: 50% 50%;
                -webkit-transition: transform var(--time-hover) ease-in-out;
                -o-transition: transform var(--time-hover) ease-in-out;
                -webkit-transition: -webkit-transform var(--time-hover) ease-in-out;
                transition: -webkit-transform var(--time-hover) ease-in-out;
                transition: transform var(--time-hover) ease-in-out;
                transition: transform var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
                color: var(--icon-color-bg);
                z-index: 10
            }

                #main #content form.filter-box fieldset legend .icon-down:after {
                    position: absolute;
                    top: 0;
                    left: 0;
                    display: block;
                    clear: both;
                    height: var(--icon-width);
                    width: var(--icon-width);
                    margin: 0;
                    overflow: hidden;
                    border-radius: var(--icon-border-radius);
                    -webkit-transition: color var(--time-hover) ease-in-out,transform var(--time-hover) ease-in-out;
                    -o-transition: color var(--time-hover) ease-in-out,transform var(--time-hover) ease-in-out;
                    -webkit-transition: color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
                    transition: color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
                    transition: color var(--time-hover) ease-in-out,transform var(--time-hover) ease-in-out;
                    transition: color var(--time-hover) ease-in-out,transform var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
                    z-index: 1;
                    opacity: 1;
                    font-family: var(--icon-font);
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                    font-style: normal;
                    font-variant: normal;
                    font-weight: 400;
                    text-decoration: none;
                    text-transform: none;
                    font-size: var(--icon-font-size);
                    line-height: var(--icon-width)
                }

                #main #content form.filter-box fieldset legend .icon-down:before {
                    content: '';
                    display: block;
                    clear: both;
                    position: absolute;
                    top: 0;
                    left: 0;
                    height: var(--icon-width);
                    width: var(--icon-width);
                    background: var(--icon-color-bg);
                    -webkit-transform: scale(1);
                    -ms-transform: scale(1);
                    transform: scale(1);
                    z-index: 0;
                    border-radius: var(--icon-border-radius);
                    -webkit-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
                    -o-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
                    -webkit-transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
                    transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
                    transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
                    transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
                }

            #main #content form.filter-box fieldset legend.open-in-box:after {
                opacity: 1
            }

            #main #content form.filter-box fieldset legend.open-in-box .icon-down {
                color: var(--icon_color_active-bg)
            }

                #main #content form.filter-box fieldset legend.open-in-box .icon-down:after {
                    -webkit-transform: rotate(180deg);
                    -ms-transform: rotate(180deg);
                    transform: rotate(180deg)
                }

            #main #content form.filter-box fieldset legend:hover .icon-down {
                color: var(--icon-color-hover-bg)
            }

                #main #content form.filter-box fieldset legend:hover .icon-down:before {
                    background: var(--icon_bg_hover-bg);
                    -webkit-transform: scale(1);
                    -ms-transform: scale(1);
                    transform: scale(1)
                }

        #main #content form.filter-box fieldset fieldset {
            padding: 30px 0 0;
            margin: 0
        }

            #main #content form.filter-box fieldset fieldset legend {
                height: 50px;
                padding: 0
            }

        #main #content form.filter-box fieldset .open-in-box ~ .open-box {
            max-height: 2000px
        }

        #main #content form.filter-box fieldset .open-box {
            overflow: hidden;
            width: 100%;
            max-height: 0;
            -webkit-transition: max-height var(--time-main) ease-in-out;
            -o-transition: max-height var(--time-main) ease-in-out;
            transition: max-height var(--time-main) ease-in-out
        }

            #main #content form.filter-box fieldset .open-box > div {
                display: block !important;
                overflow: hidden;
                padding: 20px 0 0
            }

            #main #content form.filter-box fieldset .open-box .admin-filter {
                display: -webkit-box !important;
                display: -ms-flexbox !important;
                display: flex !important;
                overflow: hidden;
                margin: 15px 0 0;
                padding: 0;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

                #main #content form.filter-box fieldset .open-box .admin-filter label {
                    font-weight: 700;
                    margin: 0 10px 0 0
                }

#content #permissions {
    color: var(--bg-box)
}

    #content #permissions .icon-inform {
        display: none !important
    }

    #content #permissions br {
        display: none
    }

    #content #permissions a[onclick*=permissions] {
        padding: 8px 30px;
        font-size: 1rem;
        line-height: 1rem;
        -webkit-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        -o-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        border-radius: var(--button-border-radius);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background: var(--button-bg-bg);
        border: none;
        color: var(--button-color-bg);
        vertical-align: top;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-weight: var(--button-font-weight);
        margin: 0 10px 0 0;
        display: inline-block;
        text-decoration: none !important
    }

        #content #permissions a[onclick*=permissions]:hover {
            background: var(--button-bg-hover-bg);
            color: var(--button-color-hover-bg)
        }

        #content #permissions a[onclick*=permissions]:disabled {
            background: var(--button-main-bg-disabled);
            cursor: var(--button-main-color-disabled)
        }

            #content #permissions a[onclick*=permissions]:disabled:hover {
                background: var(--button-main-bg-disabled);
                color: var(--button-main-color-disabled)
            }

    #content #permissions fieldset {
        color: var(--text-color-main);
        position: relative;
        padding: 40px 0 15px;
        margin: 0 0 15px;
        border: 0;
        border-bottom: 1px solid var(--color-dark-grey);
        border-radius: 0
    }

    #content #permissions legend {
        position: absolute;
        top: 0;
        left: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0;
        padding: 0;
        color: var(--text-color-main);
        font-weight: 700
    }

    #content #permissions .icon.icon-checked {
        margin: 0 0 0 -3px
    }

    #content #permissions .icon:after {
        color: var(--icon-color-bg)
    }

    #content #permissions .icon:hover:after {
        color: var(--icon-color-hover-bg)
    }

#content #permissions_form p {
    color: var(--color-main-color-text);
    margin: 0
}

    #content #permissions_form p:last-child {
        margin: 0 0 30px
    }

#content #permissions_form a[onclick*=permissions] {
    padding: 8px 30px;
    font-size: 1rem;
    line-height: 1rem;
    -webkit-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
    -o-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
    transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
    border-radius: var(--button-border-radius);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: var(--button-bg);
    border: none;
    color: var(--button-color);
    vertical-align: top;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: var(--button-font-weight);
    margin: 0 10px 15px 0;
    display: inline-block;
    text-decoration: none !important
}

    #content #permissions_form a[onclick*=permissions]:hover {
        background: var(--button-bg-hover);
        color: var(--button-color-hover)
    }

    #content #permissions_form a[onclick*=permissions]:disabled {
        background: var(--button-bg-disabled);
        cursor: var(--button-color-disabled)
    }

        #content #permissions_form a[onclick*=permissions]:disabled:hover {
            background: var(--button-bg-disabled);
            color: var(--button-color-disabled)
        }

#content #permissions_form .autoscroll {
    margin: 0 0 20px
}

#role-permissions-trackers .autoscroll, .controller-trackers.action-fields .autoscroll {
    margin: 0 0 20px
}

#user_form ~ p {
    margin: 0
}

#content form[action*=workflows] > p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#content form[action*=workflows] label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    #content form[action*=workflows] label .jcf-list-box, #content form[action*=workflows] label .jcf-select, #content form[action*=workflows] label .select2 {
        margin: 0 0 0 10px
    }

    #content form[action*=workflows] label + a {
        margin: 0 5px
    }

#content form[action*=workflows] .toggle-multiselect {
    margin-right: 10px !important
}

#content form[action*=workflows] .list.workflows {
    margin: 20px 0
}

    #content form[action*=workflows] .list.workflows.fields_permissions .jcf-select, #content form[action*=workflows] .list.workflows.fields_permissions .select2 {
        width: calc(100% - 40px) !important
    }

    #content form[action*=workflows] .list.workflows.fields_permissions .select2-container--default {
        min-width: 130px
    }

    #content form[action*=workflows] .list.workflows.fields_permissions .repeat-value {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

#content fieldset .list.workflows {
    mmargin: 0
}

#content #workflow_form fieldset {
    overflow: hidden;
    position: relative;
    padding: 25px 30px 15px !important;
    margin: 0 0 20px !important;
    border-radius: 8px;
    background: var(--bg-box);
    border: none;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    #content #workflow_form fieldset:after {
        content: '';
        clear: both;
        position: absolute;
        top: 40px;
        left: 0;
        width: 100%;
        height: 1px;
        background: var(--border-color);
        z-index: 2;
        display: block
    }

    #content #workflow_form fieldset.collapsed:after {
        display: none
    }

    #content #workflow_form fieldset.collapsed legend:after {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }

    #content #workflow_form fieldset legend {
        position: absolute;
        width: 100%;
        padding: 0 20px 0 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 40px;
        top: 0;
        left: 0;
        margin: 0;
        color: var(--text-color-main);
        font-weight: 600;
        font-size: 1rem;
        line-height: 1.4;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        cursor: pointer
    }

        #content #workflow_form fieldset legend:after {
            position: absolute;
            top: 5px;
            left: 10px;
            display: block;
            clear: both;
            height: var(--icon-width);
            width: var(--icon-width);
            margin: 0;
            overflow: hidden;
            border-radius: var(--icon-border-radius);
            -webkit-transition: color var(--time-hover) ease-in-out,transform var(--time-hover) ease-in-out;
            -o-transition: color var(--time-hover) ease-in-out,transform var(--time-hover) ease-in-out;
            -webkit-transition: color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
            transition: color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
            transition: color var(--time-hover) ease-in-out,transform var(--time-hover) ease-in-out;
            transition: color var(--time-hover) ease-in-out,transform var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg);
            z-index: 1;
            background-size: var(--icon-width) var(--icon-width);
            background-repeat: no-repeat;
            background-position: 50% 50%;
            opacity: 1;
            font-family: var(--icon-font);
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-style: normal;
            font-variant: normal;
            font-weight: 400;
            text-decoration: none;
            text-transform: none;
            font-size: var(--icon-font-size);
            line-height: var(--icon-width);
            color: var(--icon-color-bg)
        }

        #content #workflow_form fieldset legend:before {
            content: '';
            display: block;
            clear: both;
            position: absolute;
            top: 5px;
            left: 10px;
            height: var(--icon-width);
            width: var(--icon-width);
            background: var(--icon_bg-bg);
            -webkit-transform: scale(0);
            -ms-transform: scale(0);
            transform: scale(0);
            z-index: 0;
            border-radius: var(--icon-border-radius);
            -webkit-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            -o-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            -webkit-transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
            transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
            transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
        }

        #content #workflow_form fieldset legend:hover:after {
            color: var(--icon-color-hover-bg)
        }

        #content #workflow_form fieldset legend:hover:before {
            background: var(--icon_bg_hover-bg);
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1)
        }

    #content #workflow_form fieldset > div {
        padding: 15px 0 0 !important;
        margin: 15px 0 0 !important
    }

table.transitions td.enabled {
    background: var(--notice-successfu-bg)
}

#content form[action="/custom_fields/new"] .box p {
    padding: 0
}

#content #custom_field_min_length {
    margin: 0 10px 0 0
}

#content #custom_field_project_ids {
    margin: 15px 0 0
}

.controller-custom_fields #content .nodata {
    margin: 0
}

.controller-enumerations table.list.enumerations {
    table-layout: auto
}

.controller-enumerations #content > p:not(.nodata) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: -40px 0 20px
}

.controller-enumerations #content .list {
    margin: 0
}

.controller-enumerations #main > #content h3 {
    margin: 20px 0
}

    .controller-enumerations #main > #content h3:first-of-type {
        margin: 0 0 20px
    }

.controller-auth_sources #content .list {
    margin: 0 0 30px
}

#content #settings_activity_days_default, #content #settings_attachment_max_size, #content #settings_file_max_size_displayed {
    margin: 0 10px 0 0
}

#tab-content-money p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 10px;
    color: var(--color-dark-grey);
    font-size: .85714286rem;
    line-height: 1rem;
    padding: 0 0 0 295px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 30px
}

    #tab-content-money p:last-child {
        margin: 0
    }

    #tab-content-money p label {
        margin: 0 10px 0 0 !important;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        text-align: left;
        color: var(--text-color-main);
        font-size: 1rem;
        line-height: 1.4;
        font-weight: 700
    }

        #tab-content-money p label:first-child {
            margin: 0 0 0 -295px !important;
            width: 285px;
            padding: 0 10px 0 0
        }

#tab-content-money input[type=date], #tab-content-money input[type=email], #tab-content-money input[type=number], #tab-content-money input[type=password], #tab-content-money input[type=text], #tab-content-money textarea {
    height: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid var(--border-color-content);
    padding: 6px 12px;
    font-size: 14px;
    line-height: 18px;
    border-radius: var(--border-radius-small);
    color: var(--text-color-main);
    margin: 0;
    min-width: 190px;
    outline: 0 none;
    width: 100%;
    max-width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0
}

    #tab-content-money input[type=date].autocomplete, #tab-content-money input[type=email].autocomplete, #tab-content-money input[type=number].autocomplete, #tab-content-money input[type=password].autocomplete, #tab-content-money input[type=text].autocomplete, #tab-content-money textarea.autocomplete {
        background-image: url(../images/icon/all/search.svg);
        background-repeat: no-repeat;
        background-position: 100% 50%;
        background-size: 30px 30px;
        line-height: 18px;
        padding: 8px 38px 8px 8px !important
    }

#content #tab-content-mail_handler form #settings_mail_handler_excluded_filenames, #content #tab-content-mail_handler form textarea {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    margin: 0 0 5px
}

.controller-admin.action-projects #main #content, .controller-groups.action-index #main #content, .controller-users.action-index #main #content {
    display: block
}

.controller-admin.action-projects.has-footer .autoscroll, .controller-groups.action-index.has-footer .autoscroll, .controller-users.action-index.has-footer .autoscroll {
    margin: 0 0 30px
}

tr.issue.idnt td.subject {
    background-image: none;
    background-color: var(--bg-fff)
}

tr.issue.idnt:hover td.subject {
    background-color: var(--all-hover-bg)
}

tr.project.idnt td.name {
    background-image: none;
    background-color: var(--bg-fff)
}

tr.project.idnt:hover td.name {
    background-color: var(--all-hover-bg)
}

#content #workflow_form fieldset legend + #assignee_workflows, #content #workflow_form fieldset legend + #author_workflows {
    overflow-x: auto
}

#main #content .filter-form .holder-filters {
    overflow: inherit;
    overflow: hidden;
    max-height: 0;
    -webkit-transition: max-height var(--time-main) ease-in-out;
    -o-transition: max-height var(--time-main) ease-in-out;
    transition: max-height var(--time-main) ease-in-out
}

#main #content .filter-form.open-filters .holder-filters {
    max-height: 2000px
}

#content form #settings_bulk_download_max_size {
    margin-right: 10px
}

#content #tab-content-issues .query-columns, #content #tab-content-timelog .query-columns {
    margin: 0 0 10px
}

#content #new_email_address {
    overflow: hidden;
    position: relative;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
    border: none;
    background: var(--bg-box);
    border-radius: var(--border-radius)
}

    #content #new_email_address p {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 0 10px
    }

        #content #new_email_address p:last-child {
            margin: 0
        }

    #content #new_email_address input[type=submit] {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

#wrapper #block-documents h4 {
    position: relative;
    display: block;
    z-index: 1;
    margin: 0;
    padding: 15px 20px 10px;
    font-size: 1rem;
    line-height: 1.14;
    font-weight: 700;
    background: var(--bg-other);
    border: 0;
    border-radius: var(--border-radius) var(--border-radius) 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#wrapper #block-documents > p {
    position: relative;
    z-index: 2;
    background: var(--bg-other);
    margin: 0;
    padding: 0
}

#wrapper #block-documents em {
    font-style: normal;
    font-size: .85714286rem;
    margin: 0 10px 0 20px;
    display: inline-block;
    padding: 5px 15px;
    color: var(--text-color-main);
    background: var(--bg-other-in);
    text-decoration: none;
    border: 0 !important;
    font-weight: 600;
    border-radius: var(--border-radius)
}

#wrapper #block-documents .wiki {
    position: relative;
    z-index: 2;
    overflow: hidden;
    margin: 0 0 15px;
    -webkit-transition: max-height var(--time-hover) ease-in-out;
    -o-transition: max-height var(--time-hover) ease-in-out;
    transition: max-height var(--time-hover) ease-in-out;
    background: var(--bg-other);
    padding: 15px 20px;
    border-radius: 0 0 var(--border-radius) var(--border-radius);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1rem;
    line-height: 1.4
}

    #wrapper #block-documents .wiki p {
        margin: 15px 0 0
    }

        #wrapper #block-documents .wiki p:nth-of-type(1) {
            margin: 0
        }

    #wrapper #block-documents .wiki h2 {
        font-size: 1.1428rem;
        line-height: 1.14;
        font-weight: 700;
        padding: 0;
        margin: 0 0 15px
    }

.controller-documents.action-index #main #content {
    padding: 0 0 56px
}

    .controller-documents.action-index #main #content:after {
        display: none
    }

    .controller-documents.action-index #main #content > h2 {
        width: 100%;
        margin: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .controller-documents.action-index #main #content #add-document {
        position: relative;
        z-index: 5;
        padding: 20px 30px;
        margin: 0 0 30px;
        background: var(--bg-other);
        border-radius: var(--border-radius);
        -webkit-box-shadow: var(--big-shadow);
        box-shadow: var(--big-shadow)
    }

    .controller-documents.action-index #main #content #new_document {
        margin: 0;
        padding: 0
    }

        .controller-documents.action-index #main #content #new_document > p {
            margin-bottom: 0
        }

    .controller-documents.action-index #main #content h3 {
        margin: 20px 0 !important
    }

        .controller-documents.action-index #main #content h3:last-of-type {
            margin: 30px 0 20px !important
        }

.controller-documents.action-index .documents-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    border: none;
    background: var(--bg-other);
    width: 100%;
    margin: 0 0 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-column-break-inside: inherit;
    -moz-column-break-inside: inherit;
    break-inside: inherit;
    border-radius: var(--border-radius);
    -webkit-box-shadow: var(--big-shadow);
    box-shadow: var(--big-shadow);
    -webkit-transition: box-shadow var(--time-hover) ease-in-out;
    -o-transition: box-shadow var(--time-hover) ease-in-out;
    -webkit-transition: -webkit-box-shadow var(--time-hover) ease-in-out;
    transition: -webkit-box-shadow var(--time-hover) ease-in-out;
    transition: box-shadow var(--time-hover) ease-in-out;
    transition: box-shadow var(--time-hover) ease-in-out,-webkit-box-shadow var(--time-hover) ease-in-out
}

    .controller-documents.action-index .documents-box:hover {
        -webkit-box-shadow: var(--big-shadow-hover);
        box-shadow: var(--big-shadow-hover)
    }

    .controller-documents.action-index .documents-box h4 {
        border: 0;
        width: 100%;
        overflow: hidden;
        margin: 0 !important;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .controller-documents.action-index .documents-box h4 a {
            position: relative;
            display: block;
            font-size: 1rem;
            line-height: 1.143rem;
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            width: 100%;
            margin: 0;
            padding: 15px 20px;
            height: auto;
            font-family: sans-serif;
            overflow: hidden;
            font-weight: 600;
            color: var(--text-color-main);
            background-position: 10px 50%;
            background-repeat: no-repeat;
            text-decoration: none;
            -webkit-transition: color var(--time-hover) ease-in-out;
            -o-transition: color var(--time-hover) ease-in-out;
            transition: color var(--time-hover) ease-in-out;
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

            .controller-documents.action-index .documents-box h4 a:hover {
                color: var(--color-main-color)
            }

            .controller-documents.action-index .documents-box h4 a:after {
                content: '';
                display: block;
                clear: both;
                position: absolute;
                top: 50%;
                margin: -10px 0 0;
                right: 0;
                height: 20px;
                width: 1px;
                border-left: 1px solid var(--color-grey)
            }

        .controller-documents.action-index .documents-box h4 .open-documents {
            display: block;
            cursor: pointer !important;
            padding: 0;
            height: var(--icon-width);
            width: var(--icon-width);
            margin: 0 15px;
            overflow: hidden;
            position: relative;
            z-index: 2;
            background-repeat: no-repeat;
            border-radius: var(--icon-border-radius);
            font-size: 0;
            line-height: 0;
            color: var(--icon-color);
            -webkit-transition: transform var(--time-hover) ease-in-out;
            -o-transition: transform var(--time-hover) ease-in-out;
            -webkit-transition: -webkit-transform var(--time-hover) ease-in-out;
            transition: -webkit-transform var(--time-hover) ease-in-out;
            transition: transform var(--time-hover) ease-in-out;
            transition: transform var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
        }

            .controller-documents.action-index .documents-box h4 .open-documents:after {
                position: absolute;
                top: 0;
                left: 0;
                display: block;
                clear: both;
                height: 100%;
                width: 100%;
                margin: 0;
                overflow: hidden;
                border-radius: var(--icon-border-radius);
                -webkit-transition: color var(--time-hover) ease-in-out;
                -o-transition: color var(--time-hover) ease-in-out;
                transition: color var(--time-hover) ease-in-out;
                z-index: 1;
                font-family: var(--icon-font);
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                font-style: normal;
                font-variant: normal;
                font-weight: 400;
                text-decoration: none;
                text-transform: none;
                font-size: var(--icon-font-size);
                line-height: 1
            }

            .controller-documents.action-index .documents-box h4 .open-documents:before {
                content: '';
                display: block;
                clear: both;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: var(--icon-bg);
                -webkit-transform: scale(0);
                -ms-transform: scale(0);
                transform: scale(0);
                z-index: -1;
                border-radius: var(--icon-border-radius);
                -webkit-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
                -o-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
                -webkit-transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
                transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
                transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
                transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
            }

            .controller-documents.action-index .documents-box h4 .open-documents:hover:before {
                background: var(--icon_bg_hover);
                -webkit-transform: scale(1);
                -ms-transform: scale(1);
                transform: scale(1)
            }

            .controller-documents.action-index .documents-box h4 .open-documents:hover:after {
                color: var(--icon-color-hover)
            }

            .controller-documents.action-index .documents-box h4 .open-documents.open {
                color: var(--icon_color_active);
                -webkit-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                transform: rotate(180deg)
            }

                .controller-documents.action-index .documents-box h4 .open-documents.open:before {
                    background: var(--icon_bg_active)
                }

    .controller-documents.action-index .documents-box .open-box {
        overflow: hidden;
        height: 0;
        width: 100%
    }

        .controller-documents.action-index .documents-box .open-box .in-open {
            padding: 0 20px;
            border-top: 1px solid var(--color-grey)
        }

            .controller-documents.action-index .documents-box .open-box .in-open > * {
                margin: 15px 0
            }

            .controller-documents.action-index .documents-box .open-box .in-open p em {
                font-weight: var(--button-font-weight);
                font-style: normal;
                display: inline-block;
                padding: 5px 15px;
                color: var(--text-color-main);
                background: var(--bg-other-in);
                text-decoration: none;
                border: 0 !important;
                border-radius: var(--border-radius);
                font-size: .8571rem
            }

.controller-documents.action-show #main > #content #attach_files_link {
    padding: 8px 30px;
    font-size: 1rem;
    line-height: 1rem;
    -webkit-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
    -o-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
    transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
    border-radius: var(--button-border-radius);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: var(--button-main-bg);
    border: none;
    color: var(--button-main-color);
    display: inline-block;
    vertical-align: top;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: var(--button-font-weight);
    margin: 0 10px 0 0;
    text-decoration: none
}

    .controller-documents.action-show #main > #content #attach_files_link:hover {
        background: var(--button-main-bg-hover);
        color: var(--button-main-color-hover)
    }

.controller-documents.action-show #main > #content .attachments + p {
    margin-bottom: 0
}

#content form#add_attachment_form .box p {
    padding: 0
}

#add_attachment_form {
    margin: 20px 0 0
}

#wiki_add_attachment #add_attachment_form {
    margin: 0
}

#replies {
    margin-bottom: 20px
}

    #replies ~ p {
        margin-top: 0
    }

.controller-messages #content {
    margin: 15px 0 0
}

.controller-boards .list.messages {
    margin-bottom: 20px
}

.controller-boards #main > #content #add-message {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

#content #message_subject {
    margin-bottom: 10px;
    width: 100%
}

#content #reply, #content #reply #message-form {
    margin: 0 0 20px
}

    #content #reply #message-form:after, #content #reply:after {
        content: '';
        display: block;
        clear: both
    }

    #content #reply #message-form p, #content #reply p {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0;
        font-weight: 700
    }

        #content #reply #message-form p label, #content #reply p label {
            margin: 0 0 10px !important;
            font-weight: 700;
            width: 100% !important
        }

        #content #reply #message-form p br, #content #reply p br {
            display: none
        }

        #content #reply #message-form p .attachments_form, #content #reply p .attachments_form {
            margin-top: 10px
        }

        #content #reply #message-form p input[type=text], #content #reply p input[type=text] {
            width: 100%
        }

        #content #reply #message-form p input[type=checkbox], #content #reply p input[type=checkbox] {
            margin: 10px 10px 0 0 !important
        }

            #content #reply #message-form p input[type=checkbox] + label, #content #reply p input[type=checkbox] + label {
                margin: 12px 10px 0 0 !important;
                width: auto !important
            }

#content a[onclick*=reply] {
    padding: 8px 30px;
    font-size: 1rem;
    line-height: 1rem;
    -webkit-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
    -o-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
    transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
    border-radius: var(--button-border-radius);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: var(--button-main-bg);
    border: 0 !important;
    color: var(--button-main-color);
    display: inline-block;
    vertical-align: top;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: var(--button-font-weight);
    margin: 0;
    width: auto;
    height: auto;
    text-decoration: none
}

    #content a[onclick*=reply]:hover {
        background: var(--button-main-bg-hover);
        color: var(--button-main-color-hover)
    }

#replies .redmine-evolution-attachments, body.avatars-on #replies .redmine-evolution-attachments {
    margin-left: -20px;
    margin-right: -20px;
    padding: 5px 20px;
    margin-bottom: 0;
    width: calc(100% + 40px)
}

#replies .message.reply, #replies div.message, body.avatars-on #replies .message.reply, body.avatars-on #replies div.message {
    display: block;
    padding: 15px 20px 15px 20px;
    margin: 15px 0 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    webkit-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
    background: var(--bg-box);
    border: 0;
    position: relative
}

    #replies .message.reply:hover .contextual, #replies div.message:hover .contextual, body.avatars-on #replies .message.reply:hover .contextual, body.avatars-on #replies div.message:hover .contextual {
        opacity: 1
    }

#replies .contextual, body.avatars-on #replies .contextual {
    opacity: 0;
    -webkit-transition: opacity var(--time-hover) ease-in-out;
    -o-transition: opacity var(--time-hover) ease-in-out;
    transition: opacity var(--time-hover) ease-in-out
}

#replies h4 img.gravatar, body.avatars-on #replies h4 img.gravatar {
    margin-left: 0
}

#main #replies .contextual a {
    color: var(--icon-color-bg)
}

    #main #replies .contextual a:before {
        background: var(--icon_bg)
    }

    #main #replies .contextual a:hover {
        color: var(--icon-color-hover-bg)
    }

        #main #replies .contextual a:hover:before {
            background: var(--icon_bg_hover-bg)
        }

#main > #content #replies h3.icon {
    padding: 10px 10px 10px 70px;
    margin-left: -30px;
    margin-right: -30px;
    margin-bottom: 20px;
    width: calc(100% + 60px);
    background-color: var(--bg-box);
    background-position: 30px 50%;
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color)
}

#header {
    padding: 60px 30px 20px 30px;
    margin: 0;
    min-height: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 auto;
    flex: 1 auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--bg-body);
    color: var(--text-color);
    -webkit-transition: right var(--time-main) ease-in-out,margin var(--time-main) ease-in-out;
    -o-transition: right var(--time-main) ease-in-out,margin var(--time-main) ease-in-out;
    transition: right var(--time-main) ease-in-out,margin var(--time-main) ease-in-out
}

    #header .jcf-select {
        width: auto
    }

    #header a {
        color: #818e94
    }

    #header #project-jump .drdn-items > * {
        color: var(--text-color-main) !important
    }

    #header h1 {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin: 0;
        padding: 0 0 0 60px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        position: relative;
        font-size: 1.28571429rem;
        line-height: 1.4;
        min-height: 46px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        #header h1 .breadcrumbs {
            font-weight: 300
        }

            #header h1 .breadcrumbs a {
                font-size: 1rem;
                line-height: 1.4;
                color: var(--color-main-color)
            }

            #header h1 .breadcrumbs .separator {
                font-size: 1rem;
                line-height: 1.4
            }

        #header h1:after {
            content: '';
            display: block;
            clear: both;
            position: absolute;
            top: 0;
            left: 0;
            margin: 0;
            background: url(../images/redmine-evolution-ixa.svg) 0 50% no-repeat;
            background-size: contain;
            width: 50px;
            height: 100%
        }

        #header h1 .current-project {
            display: block;
            width: 100%;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            overflow: hidden
        }

    #header #quick-search {
        float: none;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        #header #quick-search form {
            display: inline
        }

        #header #quick-search label {
            font-size: .85714286rem;
            font-weight: 500
        }

        #header #quick-search #q {
            width: 188px;
            height: 30px;
            border: 1px solid var(--border-color-content) !important;
            font-family: sans-serif;
            background: var(--bg-fff);
            color: var(--text-color-main);
            font-size: 1rem;
            line-height: 1rem;
            font-weight: 400;
            padding: 9px 10px;
            margin: 0 0 0 10px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            border-radius: var(--border-radius-small);
            outline-offset: 0;
            outline: 0
        }

        #header #quick-search .jcf-select {
            width: 200px;
            margin: 0 0 0 10px
        }

        #header #quick-search #project-jump {
            margin: 0 0 0 10px
        }

            #header #quick-search #project-jump .drdn-trigger {
                font-family: sans-serif;
                font-weight: 400;
                margin: 0;
                height: 32px;
                border: 1px solid var(--border-color-content);
                background: var(--bg-fff);
                color: var(--border-color-content);
                font-size: .85714286rem;
                line-height: 1rem;
                padding: 9px 30px 9px 35px;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                border-radius: var(--border-radius-small);
                position: relative
            }

                #header #quick-search #project-jump .drdn-trigger:after {
                    display: block;
                    clear: both;
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: var(--icon-width);
                    height: 100%;
                    font-family: WFS-RM-font;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                    font-style: normal;
                    font-variant: normal;
                    font-weight: 400;
                    text-decoration: none;
                    text-transform: none;
                    font-size: var(--icon-font-size);
                    line-height: var(--icon-width)
                }

                #header #quick-search #project-jump .drdn-trigger:before {
                    display: block;
                    clear: both;
                    position: absolute;
                    top: 0;
                    right: 0;
                    width: var(--icon-width);
                    height: 100%;
                    -webkit-transform: rotate(0);
                    -ms-transform: rotate(0);
                    transform: rotate(0);
                    -webkit-transition: transform var(--time-hover) ease-in-out;
                    -o-transition: transform var(--time-hover) ease-in-out;
                    -webkit-transition: -webkit-transform var(--time-hover) ease-in-out;
                    transition: -webkit-transform var(--time-hover) ease-in-out;
                    transition: transform var(--time-hover) ease-in-out;
                    transition: transform var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
                    font-family: WFS-RM-font;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                    font-style: normal;
                    font-variant: normal;
                    font-weight: 400;
                    text-decoration: none;
                    text-transform: none;
                    font-size: var(--icon-font-size);
                    line-height: var(--icon-width)
                }

        #header #quick-search .drdn-content {
            background: 0 0;
            top: 0;
            width: 100%;
            margin: 0;
            border: 0;
            z-index: 11;
            border-radius: var(--border-radius-small)
        }

            #header #quick-search .drdn-content .quick-search {
                margin: 0;
                position: relative;
                background: var(--bg-fff);
                border-radius: var(--border-radius-small) var(--border-radius-small) 0 0
            }

                #header #quick-search .drdn-content .quick-search:after {
                    display: block;
                    clear: both;
                    position: absolute;
                    top: 0;
                    left: 1px;
                    width: var(--icon-width);
                    height: var(--icon-width);
                    font-family: WFS-RM-font;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                    font-style: normal;
                    font-variant: normal;
                    font-weight: 400;
                    text-decoration: none;
                    text-transform: none;
                    font-size: var(--icon-font-size);
                    line-height: var(--icon-width)
                }

                #header #quick-search .drdn-content .quick-search:before {
                    display: block;
                    clear: both;
                    position: absolute;
                    top: 0;
                    right: 0;
                    width: var(--icon-width);
                    height: 100%;
                    -webkit-transition: transform var(--time-hover) ease-in-out;
                    -o-transition: transform var(--time-hover) ease-in-out;
                    -webkit-transition: -webkit-transform var(--time-hover) ease-in-out;
                    transition: -webkit-transform var(--time-hover) ease-in-out;
                    transition: transform var(--time-hover) ease-in-out;
                    transition: transform var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
                    font-family: WFS-RM-font;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                    font-style: normal;
                    font-variant: normal;
                    font-weight: 400;
                    text-decoration: none;
                    text-transform: none;
                    font-size: var(--icon-font-size);
                    line-height: var(--icon-width)
                }

            #header #quick-search .drdn-content .drdn-items {
                background: var(--bg-fff);
                border: 1px solid var(--border-color-content);
                border-top: none;
                -webkit-box-sizing: border-box;
                box-sizing: border-box
            }

                #header #quick-search .drdn-content .drdn-items a {
                    border: none
                }

                #header #quick-search .drdn-content .drdn-items.all-projects {
                    border-radius: 0 0 var(--border-radius-small) var(--border-radius-small)
                }

            #header #quick-search .drdn-content input.autocomplete {
                font-family: sans-serif;
                font-weight: 400;
                background: 0 0;
                background-size: 15px auto;
                width: 100% !important;
                max-width: inherit;
                font-size: 1rem;
                color: var(--text-color-main);
                outline: 0;
                outline: 0;
                height: 32px;
                padding: 9px 10px 9px 35px !important;
                border: 1px solid var(--border-color-content);
                margin: 0;
                border-bottom: 1px solid var(--border-color-content);
                border-radius: var(--border-radius-small) var(--border-radius-small) 0 0;
                -webkit-box-shadow: none;
                box-shadow: none;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                -webkit-transition: border-bottom var(--time-hover) ease-in-out;
                -o-transition: border-bottom var(--time-hover) ease-in-out;
                transition: border-bottom var(--time-hover) ease-in-out
            }

                #header #quick-search .drdn-content input.autocomplete:focus {
                    border-bottom: 1px solid var(--color-main-color)
                }

        #header #quick-search .drdn-items strong {
            font-size: .85714286rem;
            line-height: 1.4;
            padding: 5px 10px
        }

            #header #quick-search .drdn-items strong:before {
                display: none
            }

        #header #quick-search .drdn-items a {
            padding: 5px 10px;
            font-size: .85714286rem;
            line-height: 1.4;
            -webkit-box-shadow: none;
            box-shadow: none;
            outline: 0;
            outline: 0;
            -webkit-transition: color var(--time-hover) ease-in-out,background var(--time-hover) ease-in-out;
            -o-transition: color var(--time-hover) ease-in-out,background var(--time-hover) ease-in-out;
            transition: color var(--time-hover) ease-in-out,background var(--time-hover) ease-in-out;
            position: relative;
            z-index: 2
        }

            #header #quick-search .drdn-items a:before {
                display: none
            }

            #header #quick-search .drdn-items a:after {
                content: '';
                display: block;
                clear: both;
                position: absolute;
                top: 0;
                right: 0;
                width: 0;
                height: 100%;
                background: var(--all-hover-bg);
                z-index: -1;
                -webkit-transition: width var(--time-hover) ease-in-out;
                -o-transition: width var(--time-hover) ease-in-out;
                transition: width var(--time-hover) ease-in-out
            }

            #header #quick-search .drdn-items a:focus, #header #quick-search .drdn-items a:hover {
                background: 0 0;
                color: var(--all-hover-bg-color) !important
            }

                #header #quick-search .drdn-items a:focus:after, #header #quick-search .drdn-items a:hover:after {
                    width: 100%
                }

        #header #quick-search .expanded .drdn-content .quick-search:before {
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg)
        }

        #header #quick-search #project-jump.expanded .drdn-trigger:before {
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg)
        }

#button_close_all_projects:after {
    content: "\E095"
}

a.icon-only.icon-move-top:after {
    content: "\E0C0"
}

a.icon-only.icon-move-up:after {
    content: "\E0BF"
}

a.icon-only.icon-move-down:after {
    content: "\E03B"
}

a.icon-only.icon-move-bottom:after {
    content: "\E03C"
}

#impersonate:after {
    content: "\E01D"
}

.icon.issuecloser:after {
    content: "\E003"
}

.email-logs .icon-only.email-details:after {
    content: "\E07D"
}

a.icon-only:after, a.icon:after, a.risks:after {
    content: "\E0C6"
}

a.reminder_options_label:after {
    content: "\E171"
}

a[href*="/versions/new"]:after, a[href*="issue_categories/new"]:after {
    content: "\E075"
}

a[href*="dmsf/webdav"]:after {
    content: "\E101"
}

.icon-heart[data-method=delete]:after {
    content: "\E0BD" !important
}

.heart-count-number:after, .icon-heart-off:after {
    content: "\E054"
}

.display-menu-link[href*="/kanban"]:after {
    content: "\E061"
}

.hearts:after, .icon.icon-heart-off:after {
    content: "\E066"
}

.sprint:after {
    content: "\E0A8"
}

.icon.icon-sprint-board:after {
    content: "\E0AF"
}

.icon.icon-burndown:after {
    content: "\E0AF"
}

.product-backlog:after {
    content: "\E016"
}

.icon.icon-normal-screen:after {
    content: "\E016"
}

.icon.icon-normal-screen:after {
    content: "\E0CA"
}

.icon.icon-merge:after {
    content: "\E06F"
}

a[href*=highest]:after {
    content: "\E0C0"
}

a[href*=higher]:after {
    content: "\E0BF"
}

.spectator:after {
    content: "\E01D"
}

a[href*=lower]:after {
    content: "\E03B"
}

a[href*=lowest]:after {
    content: "\E03C"
}

a[onclick*="#issue_description_and_toolbar"]:after, a[onclick*="$('#existing-attachments').toggle()"]:after {
    content: "\E03F"
}

.diff:after {
    content: "\E033"
}

a.icon.redmine-git-hosting:after, a.redmine-git-hosting:after {
    content: "\E052"
}

a.icon.release-log-configurations:after, a.icon.release-log-queues:after {
    content: "\E06B"
}

a.icon-view_customize-disable:after {
    content: "\E048"
}

a.icon-view_customize-enable:after {
    content: "\E047"
}

a.icon-root-page:after {
    content: "\E048"
}

a.icon.vault:after {
    content: "\E084"
}

a.icon.icon-view_customize:after {
    content: "\E048"
}

a.icon.preview-release-log:after {
    content: "\E048"
}

a.icon.icon-reply:after {
    content: "\E024"
}

.icon-sync:after, .icon.icon-sync:after {
    content: "\E09A"
}

.archived-repositories:after, body #top-menu > ul > li > .archived-repositories:after {
    content: "\E00A"
}

.release-logs:after, body #top-menu > ul > li > .release-logs:after {
    content: "\E06B"
}

.issuevm:after {
    content: "\E043"
}

#main-menu a[href*=knowledgebase]:after, #top-menu a[href*=knowledgebase]:after {
    content: "\E064"
}

a[href*="/holidays/show"]:after {
    content: "\E048"
}

.icon-sidebar:after, a[href*="/holidays/destroy"]:after {
    content: "\E030"
}

a.dropdown-toggle:after {
    content: "\E080"
}

.revo-user-menu a[href*="/people"]:after, a.my-name:after {
    content: "\E0C2"
}

.odt:after {
    content: "\E07C"
}

.has-main-menu #header #admin-menu ul a.icon-copy-link:after, .has-main-menu #header #admin-menu ul a.icon-invoice-public-link:after, .has-main-menu #header #admin-menu ul a.icon-public-link:after, .has-main-menu #header #main-menu ul a.icon-copy-link:after, .has-main-menu #header #main-menu ul a.icon-invoice-public-link:after, .has-main-menu #header #main-menu ul a.icon-public-link:after, .icon:not(dt):not(td).icon-copy-link:after, .icon:not(dt):not(td).icon-invoice-public-link:after, .icon:not(dt):not(td).icon-public-link:after, a.icon-copy-link:after, a.icon-invoice-public-link:after, a.icon-only.icon-copy-link:after, a.icon-only.icon-invoice-public-link:after, a.icon-only.icon-public-link:after, a.icon-public-link:after, body #top-menu > ul > li > a.icon-copy-link:after, body #top-menu > ul > li > a.icon-invoice-public-link:after, body #top-menu > ul > li > a.icon-public-link:after, dt.icon.icon-copy-link:after, dt.icon.icon-invoice-public-link:after, dt.icon.icon-public-link:after, span.icon-copy-link:after, span.icon-invoice-public-link:after, span.icon-public-link:after {
    content: "\E045"
}

.has-main-menu #header #admin-menu ul a.tags:after, .has-main-menu #header #main-menu ul a.tags:after, .icon:not(dt):not(td).tags:after, a.icon-only.tags:after, a.tags:after, body #top-menu > ul > li > a.tags:after, dt.icon.tags:after, span.tags:after {
    content: "\E0B6"
}

.has-main-menu #header #admin-menu ul a.assign-to-me:after, .has-main-menu #header #main-menu ul a.assign-to-me:after, .icon:not(dt):not(td).assign-to-me:after, a.assign-to-me:after, a.icon-only.assign-to-me:after, body #top-menu > ul > li > a.assign-to-me:after, dt.icon.assign-to-me:after, span.assign-to-me:after {
    content: "\E0C2"
}

.has-main-menu #header #admin-menu ul a.icon-youtube:after, .has-main-menu #header #main-menu ul a.icon-youtube:after, .icon:not(dt):not(td).icon-youtube:after, a.icon-only.icon-youtube:after, a.icon-youtube:after, body #top-menu > ul > li > a.icon-youtube:after, dt.icon.icon-youtube:after, span.icon-youtube:after {
    content: "\E0CD";
    color: #fd7285
}

.has-main-menu #header #admin-menu ul a.icon-print:after, .has-main-menu #header #main-menu ul a.icon-print:after, .icon:not(dt):not(td).icon-print:after, a.icon-only.icon-print:after, a.icon-print:after, body #top-menu > ul > li > a.icon-print:after, dt.icon.icon-print:after, span.icon-print:after {
    content: "\E093"
}

.has-main-menu #header #admin-menu ul a.icon-back:after, .has-main-menu #header #main-menu ul a.icon-back:after, .icon:not(dt):not(td).icon-back:after, a.icon-back:after, a.icon-only.icon-back:after, body #top-menu > ul > li > a.icon-back:after, dt.icon.icon-back:after, span.icon-back:after {
    content: "\E015"
}

.has-main-menu #header #admin-menu ul a.journal-link:after, .has-main-menu #header #main-menu ul a.journal-link:after, .icon:not(dt):not(td).journal-link:after, a.icon-only.journal-link:after, a.journal-link:after, body #top-menu > ul > li > a.journal-link:after, dt.icon.journal-link:after, span.journal-link:after {
    content: "\E07A"
}

.has-main-menu #header #admin-menu ul a.us-my-issues:after, .has-main-menu #header #main-menu ul a.us-my-issues:after, .icon:not(dt):not(td).us-my-issues:after, a.icon-only.us-my-issues:after, a.us-my-issues:after, body #top-menu > ul > li > a.us-my-issues:after, dt.icon.us-my-issues:after, span.us-my-issues:after {
    content: "\E049"
}

.has-main-menu #header #admin-menu ul a.bookmark:after, .has-main-menu #header #admin-menu ul a.icon-bookmark:after, .has-main-menu #header #main-menu ul a.bookmark:after, .has-main-menu #header #main-menu ul a.icon-bookmark:after, .icon:not(dt):not(td).bookmark:after, .icon:not(dt):not(td).icon-bookmark:after, a.bookmark:after, a.icon-bookmark:after, a.icon-only.bookmark:after, a.icon-only.icon-bookmark:after, body #top-menu > ul > li > a.bookmark:after, body #top-menu > ul > li > a.icon-bookmark:after, dt.icon.bookmark:after, dt.icon.icon-bookmark:after, span.bookmark:after, span.icon-bookmark:after {
    content: "\E01A"
}

.has-main-menu #header #admin-menu ul a.icon-list:after, .has-main-menu #header #main-menu ul a.icon-list:after, .icon:not(dt):not(td).icon-list:after, a.icon-list:after, a.icon-only.icon-list:after, body #top-menu > ul > li > a.icon-list:after, dt.icon.icon-list:after, span.icon-list:after {
    content: "\E05D"
}

.has-main-menu #header #admin-menu ul a.repeat-value:after, .has-main-menu #header #main-menu ul a.repeat-value:after, .icon:not(dt):not(td).repeat-value:after, a.icon-only.repeat-value:after, a.repeat-value:after, body #top-menu > ul > li > a.repeat-value:after, dt.icon.repeat-value:after, span.repeat-value:after {
    content: "\E00D"
}

.has-main-menu #header #admin-menu ul a.agile-backlog:after, .has-main-menu #header #admin-menu ul a.dashboard:after, .has-main-menu #header #main-menu ul a.agile-backlog:after, .has-main-menu #header #main-menu ul a.dashboard:after, .icon:not(dt):not(td).agile-backlog:after, .icon:not(dt):not(td).dashboard:after, a.agile-backlog:after, a.dashboard:after, a.icon-only.agile-backlog:after, a.icon-only.dashboard:after, body #top-menu > ul > li > a.agile-backlog:after, body #top-menu > ul > li > a.dashboard:after, dt.icon.agile-backlog:after, dt.icon.dashboard:after, span.agile-backlog:after, span.dashboard:after {
    content: "\E08C"
}

.has-main-menu #header #admin-menu ul a.backlog:after, .has-main-menu #header #main-menu ul a.backlog:after, .icon:not(dt):not(td).backlog:after, a.backlog:after, a.icon-only.backlog:after, body #top-menu > ul > li > a.backlog:after, dt.icon.backlog:after, span.backlog:after {
    content: "\E08C"
}

.has-main-menu #header #admin-menu ul a.roadmap:after, .has-main-menu #header #main-menu ul a.roadmap:after, .icon:not(dt):not(td).roadmap:after, a.icon-only.roadmap:after, a.roadmap:after, body #top-menu > ul > li > a.roadmap:after, dt.icon.roadmap:after, span.roadmap:after {
    content: "\E0A1"
}

.has-main-menu #header #admin-menu ul a.icon-warning:after, .has-main-menu #header #main-menu ul a.icon-warning:after, .icon:not(dt):not(td).icon-warning:after, a.icon-only.icon-warning:after, a.icon-warning:after, body #top-menu > ul > li > a.icon-warning:after, dt.icon.icon-warning:after, span.icon-warning:after {
    content: "\E0C6"
}

.has-main-menu #header #admin-menu ul a.home:after, .has-main-menu #header #main-menu ul a.home:after, .icon:not(dt):not(td).home:after, a.home:after, a.icon-only.home:after, body #top-menu > ul > li > a.home:after, dt.icon.home:after, span.home:after {
    content: "\E057"
}

.has-main-menu #header #admin-menu ul a.icon-invoice:after, .has-main-menu #header #admin-menu ul a.invoices:after, .has-main-menu #header #main-menu ul a.icon-invoice:after, .has-main-menu #header #main-menu ul a.invoices:after, .icon:not(dt):not(td).icon-invoice:after, .icon:not(dt):not(td).invoices:after, a.icon-invoice:after, a.icon-only.icon-invoice:after, a.icon-only.invoices:after, a.invoices:after, body #top-menu > ul > li > a.icon-invoice:after, body #top-menu > ul > li > a.invoices:after, dt.icon.icon-invoice:after, dt.icon.invoices:after, span.icon-invoice:after, span.invoices:after {
    content: "\E05C"
}

.has-main-menu #header #admin-menu ul a.my-page:after, .has-main-menu #header #main-menu ul a.my-page:after, .icon:not(dt):not(td).my-page:after, a.icon-only.my-page:after, a.my-page:after, body #top-menu > ul > li > a.my-page:after, dt.icon.my-page:after, span.my-page:after {
    content: "\E074"
}

.has-main-menu #header #admin-menu ul a.projects:after, .has-main-menu #header #main-menu ul a.projects:after, .icon:not(dt):not(td).projects:after, a.icon-only.projects:after, a.projects:after, body #top-menu > ul > li > a.projects:after, dt.icon.projects:after, span.projects:after {
    content: "\E095"
}

.has-main-menu #header #admin-menu ul a.administration:after, .has-main-menu #header #main-menu ul a.administration:after, .icon:not(dt):not(td).administration:after, a.administration:after, a.icon-only.administration:after, body #top-menu > ul > li > a.administration:after, dt.icon.administration:after, span.administration:after {
    content: "\E007"
}

.has-main-menu #header #admin-menu ul a.help:after, .has-main-menu #header #main-menu ul a.help:after, .icon:not(dt):not(td).help:after, a.help:after, a.icon-only.help:after, body #top-menu > ul > li > a.help:after, dt.icon.help:after, span.help:after {
    content: "\E055"
}

.has-main-menu #header #admin-menu ul a.my-account:after, .has-main-menu #header #main-menu ul a.my-account:after, .icon:not(dt):not(td).my-account:after, a.icon-only.my-account:after, a.my-account:after, body #top-menu > ul > li > a.my-account:after, dt.icon.my-account:after, span.my-account:after {
    content: "\E073"
}

.has-main-menu #header #admin-menu ul a.user:after, .has-main-menu #header #main-menu ul a.user:after, .icon:not(dt):not(td).user:after, a.icon-only.user:after, a.user:after, body #top-menu > ul > li > a.user:after, dt.icon.user:after, span.user:after {
    content: "\E0C2"
}

.has-main-menu #header #admin-menu ul a.logout:after, .has-main-menu #header #main-menu ul a.logout:after, .icon:not(dt):not(td).logout:after, a.icon-only.logout:after, a.logout:after, body #top-menu > ul > li > a.logout:after, dt.icon.logout:after, span.logout:after {
    content: "\E06A"
}

.has-main-menu #header #admin-menu ul a.people:after, .has-main-menu #header #main-menu ul a.people:after, .icon:not(dt):not(td).people:after, a.icon-only.people:after, a.people:after, body #top-menu > ul > li > a.people:after, dt.icon.people:after, span.people:after {
    content: "\E087"
}

.has-main-menu #header #admin-menu ul a.questions:after, .has-main-menu #header #main-menu ul a.questions:after, .icon:not(dt):not(td).questions:after, a.icon-only.questions:after, a.questions:after, body #top-menu > ul > li > a.questions:after, dt.icon.questions:after, span.questions:after {
    content: "\E096"
}

.has-main-menu #header #admin-menu ul a.resources:after, .has-main-menu #header #main-menu ul a.resources:after, .icon:not(dt):not(td).resources:after, a.icon-only.resources:after, a.resources:after, body #top-menu > ul > li > a.resources:after, dt.icon.resources:after, span.resources:after {
    content: "\E09F"
}

.has-main-menu #header #admin-menu ul a.finance:after, .has-main-menu #header #main-menu ul a.finance:after, .icon:not(dt):not(td).finance:after, a.finance:after, a.icon-only.finance:after, body #top-menu > ul > li > a.finance:after, dt.icon.finance:after, span.finance:after {
    content: "\E04C"
}

.has-main-menu #header #admin-menu ul a.login:after, .has-main-menu #header #main-menu ul a.login:after, .icon:not(dt):not(td).login:after, a.icon-only.login:after, a.login:after, body #top-menu > ul > li > a.login:after, dt.icon.login:after, span.login:after {
    content: "\E069"
}

.has-main-menu #header #admin-menu ul a.register:after, .has-main-menu #header #main-menu ul a.register:after, .icon:not(dt):not(td).register:after, a.icon-only.register:after, a.register:after, body #top-menu > ul > li > a.register:after, dt.icon.register:after, span.register:after {
    content: "\E098"
}

.has-main-menu #header #admin-menu ul a.contacts:after, .has-main-menu #header #main-menu ul a.contacts:after, .icon:not(dt):not(td).contacts:after, a.contacts:after, a.icon-only.contacts:after, body #top-menu > ul > li > a.contacts:after, dt.icon.contacts:after, span.contacts:after {
    content: "\E026"
}

.has-main-menu #header #admin-menu ul a.deals:after, .has-main-menu #header #main-menu ul a.deals:after, .icon:not(dt):not(td).deals:after, a.deals:after, a.icon-only.deals:after, body #top-menu > ul > li > a.deals:after, dt.icon.deals:after, span.deals:after {
    content: "\E02F"
}

.has-main-menu #header #admin-menu ul a.products:after, .has-main-menu #header #main-menu ul a.products:after, .icon:not(dt):not(td).products:after, a.icon-only.products:after, a.products:after, body #top-menu > ul > li > a.products:after, dt.icon.products:after, span.products:after {
    content: "\E094"
}

.has-main-menu #header #admin-menu ul a.orders:after, .has-main-menu #header #main-menu ul a.orders:after, .icon:not(dt):not(td).orders:after, a.icon-only.orders:after, a.orders:after, body #top-menu > ul > li > a.orders:after, dt.icon.orders:after, span.orders:after {
    content: "\E081"
}

.has-main-menu #header #admin-menu ul a.expenses:after, .has-main-menu #header #main-menu ul a.expenses:after, .icon:not(dt):not(td).expenses:after, a.expenses:after, a.icon-only.expenses:after, body #top-menu > ul > li > a.expenses:after, dt.icon.expenses:after, span.expenses:after {
    content: "\E044"
}

.has-main-menu #header #admin-menu ul a.new-object:after, .has-main-menu #header #main-menu ul a.new-object:after, .icon:not(dt):not(td).new-object:after, a.icon-only.new-object:after, a.new-object:after, body #top-menu > ul > li > a.new-object:after, dt.icon.new-object:after, span.new-object:after {
    content: "\E075";
    text-indent: 0
}

.has-main-menu #header #admin-menu ul a.projects:after, .has-main-menu #header #main-menu ul a.projects:after, .icon:not(dt):not(td).projects:after, a.icon-only.projects:after, a.projects:after, body #top-menu > ul > li > a.projects:after, dt.icon.projects:after, span.projects:after {
    content: "\E095"
}

.has-main-menu #header #admin-menu ul a.overview:after, .has-main-menu #header #main-menu ul a.overview:after, .icon:not(dt):not(td).overview:after, a.icon-only.overview:after, a.overview:after, body #top-menu > ul > li > a.overview:after, dt.icon.overview:after, span.overview:after {
    content: "\E082"
}

.has-main-menu #header #admin-menu ul a.activity:after, .has-main-menu #header #admin-menu ul a[href="/activity"]:after, .has-main-menu #header #main-menu ul a.activity:after, .has-main-menu #header #main-menu ul a[href="/activity"]:after, .icon:not(dt):not(td).activity:after, .icon:not(dt):not(td)[href="/activity"]:after, a.activity:after, a.icon-only.activity:after, a.icon-only[href="/activity"]:after, a[href="/activity"]:after, body #top-menu > ul > li > a.activity:after, body #top-menu > ul > li > a[href="/activity"]:after, dt.icon.activity:after, dt.icon[href="/activity"]:after, span.activity:after, span[href="/activity"]:after {
    content: "\E004"
}

.has-main-menu #header #admin-menu ul a.issues:after, .has-main-menu #header #admin-menu ul a[href="/issues"]:after, .has-main-menu #header #main-menu ul a.issues:after, .has-main-menu #header #main-menu ul a[href="/issues"]:after, .icon:not(dt):not(td).issues:after, .icon:not(dt):not(td)[href="/issues"]:after, a.icon-only.issues:after, a.icon-only[href="/issues"]:after, a.issues:after, a[href="/issues"]:after, body #top-menu > ul > li > a.issues:after, body #top-menu > ul > li > a[href="/issues"]:after, dt.icon.issues:after, dt.icon[href="/issues"]:after, span.issues:after, span[href="/issues"]:after {
    content: "\E05D"
}

.has-main-menu #header #admin-menu ul a.time-entries:after, .has-main-menu #header #admin-menu ul a[href="/time_entries"]:after, .has-main-menu #header #main-menu ul a.time-entries:after, .has-main-menu #header #main-menu ul a[href="/time_entries"]:after, .icon:not(dt):not(td).time-entries:after, .icon:not(dt):not(td)[href="/time_entries"]:after, a.icon-only.time-entries:after, a.icon-only[href="/time_entries"]:after, a.time-entries:after, a[href="/time_entries"]:after, body #top-menu > ul > li > a.time-entries:after, body #top-menu > ul > li > a[href="/time_entries"]:after, dt.icon.time-entries:after, dt.icon[href="/time_entries"]:after, span.time-entries:after, span[href="/time_entries"]:after {
    content: "\E0BA"
}

.has-main-menu #header #admin-menu ul a.gantt:after, .has-main-menu #header #main-menu ul a.gantt:after, .icon:not(dt):not(td).gantt:after, a.gantt:after, a.icon-only.gantt:after, body #top-menu > ul > li > a.gantt:after, dt.icon.gantt:after, span.gantt:after {
    content: "\E04F"
}

.has-main-menu #header #admin-menu ul a.agile:after, .has-main-menu #header #main-menu ul a.agile:after, .icon:not(dt):not(td).agile:after, a.agile:after, a.icon-only.agile:after, body #top-menu > ul > li > a.agile:after, dt.icon.agile:after, span.agile:after {
    content: "\E008"
}

.has-main-menu #header #admin-menu ul a.calendar:after, .has-main-menu #header #admin-menu ul a.icon-calendar:after, .has-main-menu #header #main-menu ul a.calendar:after, .has-main-menu #header #main-menu ul a.icon-calendar:after, .icon:not(dt):not(td).calendar:after, .icon:not(dt):not(td).icon-calendar:after, a.calendar:after, a.icon-calendar:after, a.icon-only.calendar:after, a.icon-only.icon-calendar:after, body #top-menu > ul > li > a.calendar:after, body #top-menu > ul > li > a.icon-calendar:after, dt.icon.calendar:after, dt.icon.icon-calendar:after, span.calendar:after, span.icon-calendar:after {
    content: "\E01B"
}

.has-main-menu #header #admin-menu ul a.news:after, .has-main-menu #header #main-menu ul a.news:after, .icon:not(dt):not(td).news:after, a.icon-only.news:after, a.news:after, body #top-menu > ul > li > a.news:after, dt.icon.news:after, span.news:after {
    content: "\E076"
}

.has-main-menu #header #admin-menu ul a.documents:after, .has-main-menu #header #main-menu ul a.documents:after, .icon:not(dt):not(td).documents:after, a.documents:after, a.icon-only.documents:after, body #top-menu > ul > li > a.documents:after, dt.icon.documents:after, span.documents:after {
    content: "\E036"
}

.has-main-menu #header #admin-menu ul a.wiki:after, .has-main-menu #header #main-menu ul a.wiki:after, .icon:not(dt):not(td).wiki:after, a.icon-only.wiki:after, a.wiki:after, body #top-menu > ul > li > a.wiki:after, dt.icon.wiki:after, span.wiki:after {
    content: "\E0C8"
}

.has-main-menu #header #admin-menu ul a.files:after, .has-main-menu #header #main-menu ul a.files:after, .icon:not(dt):not(td).files:after, a.files:after, a.icon-only.files:after, body #top-menu > ul > li > a.files:after, dt.icon.files:after, span.files:after {
    content: "\E04A"
}

.has-main-menu #header #admin-menu ul a.repository:after, .has-main-menu #header #main-menu ul a.repository:after, .icon:not(dt):not(td).repository:after, a.icon-only.repository:after, a.repository:after, body #top-menu > ul > li > a.repository:after, dt.icon.repository:after, span.repository:after {
    content: "\E09E"
}

.has-main-menu #header #admin-menu ul a.contacts:after, .has-main-menu #header #main-menu ul a.contacts:after, .icon:not(dt):not(td).contacts:after, a.contacts:after, a.icon-only.contacts:after, body #top-menu > ul > li > a.contacts:after, dt.icon.contacts:after, span.contacts:after {
    content: "\E026"
}

.has-main-menu #header #admin-menu ul a.deals:after, .has-main-menu #header #main-menu ul a.deals:after, .icon:not(dt):not(td).deals:after, a.deals:after, a.icon-only.deals:after, body #top-menu > ul > li > a.deals:after, dt.icon.deals:after, span.deals:after {
    content: "\E02F"
}

.has-main-menu #header #admin-menu ul a.expenses:after, .has-main-menu #header #main-menu ul a.expenses:after, .icon:not(dt):not(td).expenses:after, a.expenses:after, a.icon-only.expenses:after, body #top-menu > ul > li > a.expenses:after, dt.icon.expenses:after, span.expenses:after {
    content: "\E044"
}

.has-main-menu #header #admin-menu ul a.icon-invoice-add-context:after, .has-main-menu #header #main-menu ul a.icon-invoice-add-context:after, .icon:not(dt):not(td).icon-invoice-add-context:after, a.icon-invoice-add-context:after, a.icon-only.icon-invoice-add-context:after, body #top-menu > ul > li > a.icon-invoice-add-context:after, dt.icon.icon-invoice-add-context:after, span.icon-invoice-add-context:after {
    content: "\E05C"
}

.has-main-menu #header #admin-menu ul a.finance:after, .has-main-menu #header #admin-menu ul a.operations:after, .has-main-menu #header #main-menu ul a.finance:after, .has-main-menu #header #main-menu ul a.operations:after, .icon:not(dt):not(td).finance:after, .icon:not(dt):not(td).operations:after, a.finance:after, a.icon-only.finance:after, a.icon-only.operations:after, a.operations:after, body #top-menu > ul > li > a.finance:after, body #top-menu > ul > li > a.operations:after, dt.icon.finance:after, dt.icon.operations:after, span.finance:after, span.operations:after {
    content: "\E04C"
}

.has-main-menu #header #admin-menu ul a.products:after, .has-main-menu #header #main-menu ul a.products:after, .icon:not(dt):not(td).products:after, a.icon-only.products:after, a.products:after, body #top-menu > ul > li > a.products:after, dt.icon.products:after, span.products:after {
    content: "\E094"
}

.has-main-menu #header #admin-menu ul a.orders:after, .has-main-menu #header #main-menu ul a.orders:after, .icon:not(dt):not(td).orders:after, a.icon-only.orders:after, a.orders:after, body #top-menu > ul > li > a.orders:after, dt.icon.orders:after, span.orders:after {
    content: "\E01C"
}

.has-main-menu #header #admin-menu ul a.settings:after, .has-main-menu #header #main-menu ul a.settings:after, .icon:not(dt):not(td).settings:after, a.icon-only.settings:after, a.settings:after, body #top-menu > ul > li > a.settings:after, dt.icon.settings:after, span.settings:after {
    content: "\E0AB"
}

.has-main-menu #header #admin-menu ul a.resources:after, .has-main-menu #header #main-menu ul a.resources:after, .icon:not(dt):not(td).resources:after, a.icon-only.resources:after, a.resources:after, body #top-menu > ul > li > a.resources:after, dt.icon.resources:after, span.resources:after {
    content: "\E09F"
}

.has-main-menu #header #admin-menu ul a.questions:after, .has-main-menu #header #main-menu ul a.questions:after, .icon:not(dt):not(td).questions:after, a.icon-only.questions:after, a.questions:after, body #top-menu > ul > li > a.questions:after, dt.icon.questions:after, span.questions:after {
    content: "\E096"
}

.has-main-menu #header #admin-menu ul a.icon-roles:after, .has-main-menu #header #main-menu ul a.icon-roles:after, .icon:not(dt):not(td).icon-roles:after, a.icon-only.icon-roles:after, a.icon-roles:after, body #top-menu > ul > li > a.icon-roles:after, dt.icon.icon-roles:after, span.icon-roles:after {
    content: "\E0A2"
}

.has-main-menu #header #admin-menu ul a.icon-group:after, .has-main-menu #header #main-menu ul a.icon-group:after, .icon:not(dt):not(td).icon-group:after, a.icon-group:after, a.icon-only.icon-group:after, body #top-menu > ul > li > a.icon-group:after, dt.icon.icon-group:after, span.icon-group:after {
    content: "\E053"
}

.has-main-menu #header #admin-menu ul a.icon-issue.trackers:after, .has-main-menu #header #main-menu ul a.icon-issue.trackers:after, .icon:not(dt):not(td).icon-issue.trackers:after, a.icon-issue.trackers:after, a.icon-only.icon-issue.trackers:after, body #top-menu > ul > li > a.icon-issue.trackers:after, dt.icon.icon-issue.trackers:after, span.icon-issue.trackers:after {
    content: "\E0BA"
}

.has-main-menu #header #admin-menu ul a.issue-statuses:after, .has-main-menu #header #main-menu ul a.issue-statuses:after, .icon:not(dt):not(td).issue-statuses:after, a.icon-only.issue-statuses:after, a.issue-statuses:after, body #top-menu > ul > li > a.issue-statuses:after, dt.icon.issue-statuses:after, span.issue-statuses:after {
    content: "\E05D"
}

.has-main-menu #header #admin-menu ul a.icon-workflows:after, .has-main-menu #header #main-menu ul a.icon-workflows:after, .icon:not(dt):not(td).icon-workflows:after, a.icon-only.icon-workflows:after, a.icon-workflows:after, body #top-menu > ul > li > a.icon-workflows:after, dt.icon.icon-workflows:after, span.icon-workflows:after {
    content: "\E0C9"
}

.has-main-menu #header #admin-menu ul a.enumerations:after, .has-main-menu #header #main-menu ul a.enumerations:after, .icon:not(dt):not(td).enumerations:after, a.enumerations:after, a.icon-only.enumerations:after, body #top-menu > ul > li > a.enumerations:after, dt.icon.enumerations:after, span.enumerations:after {
    content: "\E041"
}

.has-main-menu #header #admin-menu ul a.custom-fields:after, .has-main-menu #header #main-menu ul a.custom-fields:after, .icon:not(dt):not(td).custom-fields:after, a.custom-fields:after, a.icon-only.custom-fields:after, body #top-menu > ul > li > a.custom-fields:after, dt.icon.custom-fields:after, span.custom-fields:after {
    content: "\E02D"
}

.has-main-menu #header #admin-menu ul a.ldap-authentication:after, .has-main-menu #header #main-menu ul a.ldap-authentication:after, .icon:not(dt):not(td).ldap-authentication:after, a.icon-only.ldap-authentication:after, a.ldap-authentication:after, body #top-menu > ul > li > a.ldap-authentication:after, dt.icon.ldap-authentication:after, span.ldap-authentication:after {
    content: "\E065"
}

.has-main-menu #header #admin-menu ul a.helpdesk:after, .has-main-menu #header #main-menu ul a.helpdesk:after, .icon:not(dt):not(td).helpdesk:after, a.helpdesk:after, a.icon-only.helpdesk:after, body #top-menu > ul > li > a.helpdesk:after, dt.icon.helpdesk:after, span.helpdesk:after {
    content: "\E096"
}

.has-main-menu #header #admin-menu ul a.mailchimp-settings:after, .has-main-menu #header #main-menu ul a.mailchimp-settings:after, .icon:not(dt):not(td).mailchimp-settings:after, a.icon-only.mailchimp-settings:after, a.mailchimp-settings:after, body #top-menu > ul > li > a.mailchimp-settings:after, dt.icon.mailchimp-settings:after, span.mailchimp-settings:after {
    content: "\E06C"
}

.has-main-menu #header #admin-menu ul a.icon-plugins:after, .has-main-menu #header #main-menu ul a.icon-plugins:after, .icon:not(dt):not(td).icon-plugins:after, a.icon-only.icon-plugins:after, a.icon-plugins:after, body #top-menu > ul > li > a.icon-plugins:after, dt.icon.icon-plugins:after, span.icon-plugins:after {
    content: "\E08E"
}

.has-main-menu #header #admin-menu ul a.icon-help:after, .has-main-menu #header #admin-menu ul a.icon-test:after, .has-main-menu #header #admin-menu ul a.revo-icon-info:after, .has-main-menu #header #main-menu ul a.icon-help:after, .has-main-menu #header #main-menu ul a.icon-test:after, .has-main-menu #header #main-menu ul a.revo-icon-info:after, .icon:not(dt):not(td).icon-help:after, .icon:not(dt):not(td).icon-test:after, .icon:not(dt):not(td).revo-icon-info:after, a.icon-help:after, a.icon-only.icon-help:after, a.icon-only.icon-test:after, a.icon-only.revo-icon-info:after, a.icon-test:after, a.revo-icon-info:after, body #top-menu > ul > li > a.icon-help:after, body #top-menu > ul > li > a.icon-test:after, body #top-menu > ul > li > a.revo-icon-info:after, dt.icon.icon-help:after, dt.icon.icon-test:after, dt.icon.revo-icon-info:after, span.icon-help:after, span.icon-test:after, span.revo-icon-info:after {
    content: "\E055"
}

.has-main-menu #header #admin-menu ul a.icon-invoice-add-context:after, .has-main-menu #header #main-menu ul a.icon-invoice-add-context:after, .icon:not(dt):not(td).icon-invoice-add-context:after, a.icon-invoice-add-context:after, a.icon-only.icon-invoice-add-context:after, body #top-menu > ul > li > a.icon-invoice-add-context:after, dt.icon.icon-invoice-add-context:after, span.icon-invoice-add-context:after {
    content: "\E05C"
}

.has-main-menu #header #admin-menu ul a.icon-user:after, .has-main-menu #header #main-menu ul a.icon-user:after, .icon:not(dt):not(td).icon-user:after, a.icon-only.icon-user:after, a.icon-user:after, body #top-menu > ul > li > a.icon-user:after, dt.icon.icon-user:after, span.icon-user:after {
    content: "\E0C2"
}

.has-main-menu #header #admin-menu ul a.boards:after, .has-main-menu #header #main-menu ul a.boards:after, .icon:not(dt):not(td).boards:after, a.boards:after, a.icon-only.boards:after, body #top-menu > ul > li > a.boards:after, dt.icon.boards:after, span.boards:after {
    content: "\E019"
}

.has-main-menu #header #admin-menu ul a.new-issue:after, .has-main-menu #header #main-menu ul a.new-issue:after, .icon:not(dt):not(td).new-issue:after, a.icon-only.new-issue:after, a.new-issue:after, body #top-menu > ul > li > a.new-issue:after, dt.icon.new-issue:after, span.new-issue:after {
    content: "\E075"
}

.has-main-menu #header #admin-menu ul a.icon-checked:after, .has-main-menu #header #admin-menu ul a.icon-ok:after, .has-main-menu #header #main-menu ul a.icon-checked:after, .has-main-menu #header #main-menu ul a.icon-ok:after, .icon:not(dt):not(td).icon-checked:after, .icon:not(dt):not(td).icon-ok:after, a.icon-checked:after, a.icon-ok:after, a.icon-only.icon-checked:after, a.icon-only.icon-ok:after, body #top-menu > ul > li > a.icon-checked:after, body #top-menu > ul > li > a.icon-ok:after, dt.icon.icon-checked:after, dt.icon.icon-ok:after, span.icon-checked:after, span.icon-ok:after {
    content: "\E01E"
}

.has-main-menu #header #admin-menu ul a.icon-reload:after, .has-main-menu #header #main-menu ul a.icon-reload:after, .icon:not(dt):not(td).icon-reload:after, a.icon-only.icon-reload:after, a.icon-reload:after, body #top-menu > ul > li > a.icon-reload:after, dt.icon.icon-reload:after, span.icon-reload:after {
    content: "\E09A"
}

.has-main-menu #header #admin-menu ul a.icon-save:after, .has-main-menu #header #main-menu ul a.icon-save:after, .icon:not(dt):not(td).icon-save:after, a.icon-only.icon-save:after, a.icon-save:after, body #top-menu > ul > li > a.icon-save:after, dt.icon.icon-save:after, span.icon-save:after {
    content: "\E0A6"
}

.has-main-menu #header #admin-menu ul a.new-icon-save:after, .has-main-menu #header #main-menu ul a.new-icon-save:after, .icon:not(dt):not(td).new-icon-save:after, a.icon-only.new-icon-save:after, a.new-icon-save:after, body #top-menu > ul > li > a.new-icon-save:after, dt.icon.new-icon-save:after, span.new-icon-save:after {
    content: "\E0A5"
}

.has-main-menu #header #admin-menu ul a.new-icon-close:after, .has-main-menu #header #main-menu ul a.new-icon-close:after, .icon:not(dt):not(td).new-icon-close:after, a.icon-only.new-icon-close:after, a.new-icon-close:after, body #top-menu > ul > li > a.new-icon-close:after, dt.icon.new-icon-close:after, span.new-icon-close:after {
    content: "\E021"
}

.has-main-menu #header #admin-menu ul a.ui-state-default:after, .has-main-menu #header #main-menu ul a.ui-state-default:after, .icon:not(dt):not(td).ui-state-default:after, a.icon-only.ui-state-default:after, a.ui-state-default:after, body #top-menu > ul > li > a.ui-state-default:after, dt.icon.ui-state-default:after, span.ui-state-default:after {
    content: "\E021"
}

.has-main-menu #header #admin-menu ul a.icon-actions:after, .has-main-menu #header #main-menu ul a.icon-actions:after, .icon:not(dt):not(td).icon-actions:after, a.icon-actions:after, a.icon-only.icon-actions:after, body #top-menu > ul > li > a.icon-actions:after, dt.icon.icon-actions:after, span.icon-actions:after {
    content: "\E080"
}

.has-main-menu #header #admin-menu ul a.icon-settings:after, .has-main-menu #header #main-menu ul a.icon-settings:after, .icon:not(dt):not(td).icon-settings:after, a.icon-only.icon-settings:after, a.icon-settings:after, body #top-menu > ul > li > a.icon-settings:after, dt.icon.icon-settings:after, span.icon-settings:after {
    content: "\E007"
}

.has-main-menu #header #admin-menu ul a.icon-sort-handle:after, .has-main-menu #header #admin-menu ul a.sort-handle:after, .has-main-menu #header #main-menu ul a.icon-sort-handle:after, .has-main-menu #header #main-menu ul a.sort-handle:after, .icon:not(dt):not(td).icon-sort-handle:after, .icon:not(dt):not(td).sort-handle:after, a.icon-only.icon-sort-handle:after, a.icon-only.sort-handle:after, a.icon-sort-handle:after, a.sort-handle:after, body #top-menu > ul > li > a.icon-sort-handle:after, body #top-menu > ul > li > a.sort-handle:after, dt.icon.icon-sort-handle:after, dt.icon.sort-handle:after, span.icon-sort-handle:after, span.sort-handle:after {
    content: "\E0AE"
}

.has-main-menu #header #admin-menu ul a.icon-clear-query:after, .has-main-menu #header #admin-menu ul a.icon-close:after, .has-main-menu #header #main-menu ul a.icon-clear-query:after, .has-main-menu #header #main-menu ul a.icon-close:after, .icon:not(dt):not(td).icon-clear-query:after, .icon:not(dt):not(td).icon-close:after, a.icon-clear-query:after, a.icon-close:after, a.icon-only.icon-clear-query:after, a.icon-only.icon-close:after, body #top-menu > ul > li > a.icon-clear-query:after, body #top-menu > ul > li > a.icon-close:after, dt.icon.icon-clear-query:after, dt.icon.icon-close:after, span.icon-clear-query:after, span.icon-close:after {
    content: "\E030"
}

.has-main-menu #header #admin-menu ul a.icon-lock:after, .has-main-menu #header #admin-menu ul a.icon-locked:after, .has-main-menu #header #main-menu ul a.icon-lock:after, .has-main-menu #header #main-menu ul a.icon-locked:after, .icon:not(dt):not(td).icon-lock:after, .icon:not(dt):not(td).icon-locked:after, a.icon-lock:after, a.icon-locked:after, a.icon-only.icon-lock:after, a.icon-only.icon-locked:after, body #top-menu > ul > li > a.icon-lock:after, body #top-menu > ul > li > a.icon-locked:after, dt.icon.icon-lock:after, dt.icon.icon-locked:after, span.icon-lock:after, span.icon-locked:after {
    content: "\E068"
}

.has-main-menu #header #admin-menu ul a.icon-unlock:after, .has-main-menu #header #main-menu ul a.icon-unlock:after, .icon:not(dt):not(td).icon-unlock:after, a.icon-only.icon-unlock:after, a.icon-unlock:after, body #top-menu > ul > li > a.icon-unlock:after, dt.icon.icon-unlock:after, span.icon-unlock:after {
    content: "\E0BE"
}

.has-main-menu #header #admin-menu ul a.icon-fullscreen:after, .has-main-menu #header #main-menu ul a.icon-fullscreen:after, .icon:not(dt):not(td).icon-fullscreen:after, a.icon-fullscreen:after, a.icon-only.icon-fullscreen:after, body #top-menu > ul > li > a.icon-fullscreen:after, dt.icon.icon-fullscreen:after, span.icon-fullscreen:after {
    content: "\E04E"
}

.has-main-menu #header #admin-menu ul a.icon-edit:after, .has-main-menu #header #admin-menu ul a.icon-not-ok:after, .has-main-menu #header #main-menu ul a.icon-edit:after, .has-main-menu #header #main-menu ul a.icon-not-ok:after, .icon:not(dt):not(td).icon-edit:after, .icon:not(dt):not(td).icon-not-ok:after, a.icon-edit:after, a.icon-not-ok:after, a.icon-only.icon-edit:after, a.icon-only.icon-not-ok:after, body #top-menu > ul > li > a.icon-edit:after, body #top-menu > ul > li > a.icon-not-ok:after, dt.icon.icon-edit:after, dt.icon.icon-not-ok:after, span.icon-edit:after, span.icon-not-ok:after {
    content: "\E03F"
}

.has-main-menu #header #admin-menu ul a.icon-time-add:after, .has-main-menu #header #main-menu ul a.icon-time-add:after, .icon:not(dt):not(td).icon-time-add:after, a.icon-only.icon-time-add:after, a.icon-time-add:after, body #top-menu > ul > li > a.icon-time-add:after, dt.icon.icon-time-add:after, span.icon-time-add:after {
    content: "\E0BA"
}

.has-main-menu #header #admin-menu ul a.icon-fav-off:after, .has-main-menu #header #main-menu ul a.icon-fav-off:after, .icon:not(dt):not(td).icon-fav-off:after, a.icon-fav-off:after, a.icon-only.icon-fav-off:after, body #top-menu > ul > li > a.icon-fav-off:after, dt.icon.icon-fav-off:after, span.icon-fav-off:after {
    content: "\E047"
}

.has-main-menu #header #admin-menu ul a.icon-fav:after, .has-main-menu #header #admin-menu ul a[data-method=delete].icon-fav:after, .has-main-menu #header #main-menu ul a.icon-fav:after, .has-main-menu #header #main-menu ul a[data-method=delete].icon-fav:after, .icon:not(dt):not(td).icon-fav:after, .icon:not(dt):not(td)[data-method=delete].icon-fav:after, a.icon-fav:after, a.icon-only.icon-fav:after, a.icon-only[data-method=delete].icon-fav:after, a[data-method=delete].icon-fav:after, body #top-menu > ul > li > a.icon-fav:after, body #top-menu > ul > li > a[data-method=delete].icon-fav:after, dt.icon.icon-fav:after, dt.icon[data-method=delete].icon-fav:after, span.icon-fav:after, span[data-method=delete].icon-fav:after {
    content: "\E048"
}

.has-main-menu #header #admin-menu ul a.icon-copy:after, .has-main-menu #header #admin-menu ul a.icon-duplicate:after, .has-main-menu #header #main-menu ul a.icon-copy:after, .has-main-menu #header #main-menu ul a.icon-duplicate:after, .icon:not(dt):not(td).icon-copy:after, .icon:not(dt):not(td).icon-duplicate:after, a.icon-copy:after, a.icon-duplicate:after, a.icon-only.icon-copy:after, a.icon-only.icon-duplicate:after, body #top-menu > ul > li > a.icon-copy:after, body #top-menu > ul > li > a.icon-duplicate:after, dt.icon.icon-copy:after, dt.icon.icon-duplicate:after, span.icon-copy:after, span.icon-duplicate:after {
    content: "\E027"
}

.has-main-menu #header #admin-menu ul a.icon-del:after, .has-main-menu #header #main-menu ul a.icon-del:after, .icon:not(dt):not(td).icon-del:after, a.icon-del:after, a.icon-only.icon-del:after, body #top-menu > ul > li > a.icon-del:after, dt.icon.icon-del:after, span.icon-del:after {
    content: "\E030"
}

.has-main-menu #header #admin-menu ul a.icon-stats:after, .has-main-menu #header #main-menu ul a.icon-stats:after, .icon:not(dt):not(td).icon-stats:after, a.icon-only.icon-stats:after, a.icon-stats:after, body #top-menu > ul > li > a.icon-stats:after, dt.icon.icon-stats:after, span.icon-stats:after {
    content: "\E0B2"
}

.has-main-menu #header #admin-menu ul a.atom:after, .has-main-menu #header #main-menu ul a.atom:after, .icon:not(dt):not(td).atom:after, a.atom:after, a.icon-only.atom:after, body #top-menu > ul > li > a.atom:after, dt.icon.atom:after, span.atom:after {
    content: "\E013"
}

.has-main-menu #header #admin-menu ul a.csv:after, .has-main-menu #header #main-menu ul a.csv:after, .icon:not(dt):not(td).csv:after, a.csv:after, a.icon-only.csv:after, body #top-menu > ul > li > a.csv:after, dt.icon.csv:after, span.csv:after {
    content: "\E02C"
}

.has-main-menu #header #admin-menu ul a.pdf:after, .has-main-menu #header #main-menu ul a.pdf:after, .icon:not(dt):not(td).pdf:after, a.icon-only.pdf:after, a.pdf:after, body #top-menu > ul > li > a.pdf:after, dt.icon.pdf:after, span.pdf:after {
    content: "\E086"
}

.has-main-menu #header #admin-menu ul a.png:after, .has-main-menu #header #main-menu ul a.png:after, .icon:not(dt):not(td).png:after, a.icon-only.png:after, a.png:after, body #top-menu > ul > li > a.png:after, dt.icon.png:after, span.png:after {
    content: "\E090"
}

.has-main-menu #header #admin-menu ul a.html:after, .has-main-menu #header #main-menu ul a.html:after, .icon:not(dt):not(td).html:after, a.html:after, a.icon-only.html:after, body #top-menu > ul > li > a.html:after, dt.icon.html:after, span.html:after {
    content: "\E059"
}

.has-main-menu #header #admin-menu ul a.odt:after, .has-main-menu #header #main-menu ul a.odt:after, .icon:not(dt):not(td).odt:after, a.icon-only.odt:after, a.odt:after, body #top-menu > ul > li > a.odt:after, dt.icon.odt:after, span.odt:after {
    content: "\E07C"
}

.has-main-menu #header #admin-menu ul a.keys:after, .has-main-menu #header #admin-menu ul a[href*="/keys"]:after, .has-main-menu #header #main-menu ul a.keys:after, .has-main-menu #header #main-menu ul a[href*="/keys"]:after, .icon:not(dt):not(td).keys:after, .icon:not(dt):not(td)[href*="/keys"]:after, a.icon-only.keys:after, a.icon-only[href*="/keys"]:after, a.keys:after, a[href*="/keys"]:after, body #top-menu > ul > li > a.keys:after, body #top-menu > ul > li > a[href*="/keys"]:after, dt.icon.keys:after, dt.icon[href*="/keys"]:after, span.keys:after, span[href*="/keys"]:after {
    content: "\E063"
}

.has-main-menu #header #admin-menu ul a.dmsf:after, .has-main-menu #header #main-menu ul a.dmsf:after, .icon:not(dt):not(td).dmsf:after, a.dmsf:after, a.icon-only.dmsf:after, body #top-menu > ul > li > a.dmsf:after, dt.icon.dmsf:after, span.dmsf:after {
    content: "\E034"
}

.has-main-menu #header #admin-menu ul a.txt:after, .has-main-menu #header #main-menu ul a.txt:after, .icon:not(dt):not(td).txt:after, a.icon-only.txt:after, a.txt:after, body #top-menu > ul > li > a.txt:after, dt.icon.txt:after, span.txt:after {
    content: "\E0BC"
}

.has-main-menu #header #admin-menu ul a.icon-actions:after, .has-main-menu #header #main-menu ul a.icon-actions:after, .icon:not(dt):not(td).icon-actions:after, a.icon-actions:after, a.icon-only.icon-actions:after, body #top-menu > ul > li > a.icon-actions:after, dt.icon.icon-actions:after, span.icon-actions:after {
    content: "\E080"
}

.has-main-menu #header #admin-menu ul a.icon-history:after, .has-main-menu #header #main-menu ul a.icon-history:after, .icon:not(dt):not(td).icon-history:after, a.icon-history:after, a.icon-only.icon-history:after, body #top-menu > ul > li > a.icon-history:after, dt.icon.icon-history:after, span.icon-history:after {
    content: "\E056"
}

.has-main-menu #header #admin-menu ul a.icon-move:after, .has-main-menu #header #main-menu ul a.icon-move:after, .icon:not(dt):not(td).icon-move:after, a.icon-move:after, a.icon-only.icon-move:after, body #top-menu > ul > li > a.icon-move:after, dt.icon.icon-move:after, span.icon-move:after {
    content: "\E072"
}

.has-main-menu #header #admin-menu ul a.icon-add-bullet:after, .has-main-menu #header #admin-menu ul a.icon-add-deal:after, .has-main-menu #header #admin-menu ul a.icon-add:after, .has-main-menu #header #admin-menu ul a.icon-company-contact:after, .has-main-menu #header #main-menu ul a.icon-add-bullet:after, .has-main-menu #header #main-menu ul a.icon-add-deal:after, .has-main-menu #header #main-menu ul a.icon-add:after, .has-main-menu #header #main-menu ul a.icon-company-contact:after, .icon:not(dt):not(td).icon-add-bullet:after, .icon:not(dt):not(td).icon-add-deal:after, .icon:not(dt):not(td).icon-add:after, .icon:not(dt):not(td).icon-company-contact:after, a.icon-add-bullet:after, a.icon-add-deal:after, a.icon-add:after, a.icon-company-contact:after, a.icon-only.icon-add-bullet:after, a.icon-only.icon-add-deal:after, a.icon-only.icon-add:after, a.icon-only.icon-company-contact:after, body #top-menu > ul > li > a.icon-add-bullet:after, body #top-menu > ul > li > a.icon-add-deal:after, body #top-menu > ul > li > a.icon-add:after, body #top-menu > ul > li > a.icon-company-contact:after, dt.icon.icon-add-bullet:after, dt.icon.icon-add-deal:after, dt.icon.icon-add:after, dt.icon.icon-company-contact:after, span.icon-add-bullet:after, span.icon-add-deal:after, span.icon-add:after, span.icon-company-contact:after {
    content: "\E075"
}

.has-main-menu #header #admin-menu ul a.icon-magnifier:after, .has-main-menu #header #admin-menu ul a.icon-zoom-in:after, .has-main-menu #header #main-menu ul a.icon-magnifier:after, .has-main-menu #header #main-menu ul a.icon-zoom-in:after, .icon:not(dt):not(td).icon-magnifier:after, .icon:not(dt):not(td).icon-zoom-in:after, a.icon-magnifier:after, a.icon-only.icon-magnifier:after, a.icon-only.icon-zoom-in:after, a.icon-zoom-in:after, body #top-menu > ul > li > a.icon-magnifier:after, body #top-menu > ul > li > a.icon-zoom-in:after, dt.icon.icon-magnifier:after, dt.icon.icon-zoom-in:after, span.icon-magnifier:after, span.icon-zoom-in:after {
    content: "\E0CF"
}

.has-main-menu #header #admin-menu ul a.icon-zoom-out:after, .has-main-menu #header #main-menu ul a.icon-zoom-out:after, .icon:not(dt):not(td).icon-zoom-out:after, a.icon-only.icon-zoom-out:after, a.icon-zoom-out:after, body #top-menu > ul > li > a.icon-zoom-out:after, dt.icon.icon-zoom-out:after, span.icon-zoom-out:after {
    content: "\E0D0"
}

.has-main-menu #header #admin-menu ul a.vcf:after, .has-main-menu #header #admin-menu ul a[href*='.vcf']:after, .has-main-menu #header #main-menu ul a.vcf:after, .has-main-menu #header #main-menu ul a[href*='.vcf']:after, .icon:not(dt):not(td).vcf:after, .icon:not(dt):not(td)[href*='.vcf']:after, a.icon-only.vcf:after, a.icon-only[href*='.vcf']:after, a.vcf:after, a[href*='.vcf']:after, body #top-menu > ul > li > a.vcf:after, body #top-menu > ul > li > a[href*='.vcf']:after, dt.icon.vcf:after, dt.icon[href*='.vcf']:after, span.vcf:after, span[href*='.vcf']:after {
    content: "\E0C4"
}

.has-main-menu #header #admin-menu ul a.xls:after, .has-main-menu #header #main-menu ul a.xls:after, .icon:not(dt):not(td).xls:after, a.icon-only.xls:after, a.xls:after, body #top-menu > ul > li > a.xls:after, dt.icon.xls:after, span.xls:after {
    content: "\E0CB"
}

.has-main-menu #header #admin-menu ul a.icon-import:after, .has-main-menu #header #main-menu ul a.icon-import:after, .icon:not(dt):not(td).icon-import:after, a.icon-import:after, a.icon-only.icon-import:after, body #top-menu > ul > li > a.icon-import:after, dt.icon.icon-import:after, span.icon-import:after {
    content: "\E05A"
}

.has-main-menu #header #admin-menu ul a.icon-anonymoususer:after, .has-main-menu #header #admin-menu ul a.icon-person:after, .has-main-menu #header #admin-menu ul a.icon-user:after, .has-main-menu #header #main-menu ul a.icon-anonymoususer:after, .has-main-menu #header #main-menu ul a.icon-person:after, .has-main-menu #header #main-menu ul a.icon-user:after, .icon:not(dt):not(td).icon-anonymoususer:after, .icon:not(dt):not(td).icon-person:after, .icon:not(dt):not(td).icon-user:after, a.icon-anonymoususer:after, a.icon-only.icon-anonymoususer:after, a.icon-only.icon-person:after, a.icon-only.icon-user:after, a.icon-person:after, a.icon-user:after, body #top-menu > ul > li > a.icon-anonymoususer:after, body #top-menu > ul > li > a.icon-person:after, body #top-menu > ul > li > a.icon-user:after, dt.icon.icon-anonymoususer:after, dt.icon.icon-person:after, dt.icon.icon-user:after, span.icon-anonymoususer:after, span.icon-person:after, span.icon-user:after {
    content: "\E0C2"
}

.has-main-menu #header #admin-menu ul a.icon-link:after, .has-main-menu #header #main-menu ul a.icon-link:after, .icon:not(dt):not(td).icon-link:after, a.icon-link:after, a.icon-only.icon-link:after, body #top-menu > ul > li > a.icon-link:after, dt.icon.icon-link:after, span.icon-link:after {
    content: "\E045"
}

.has-main-menu #header #admin-menu ul a.icon-link-break:after, .has-main-menu #header #main-menu ul a.icon-link-break:after, .icon:not(dt):not(td).icon-link-break:after, a.icon-link-break:after, a.icon-only.icon-link-break:after, body #top-menu > ul > li > a.icon-link-break:after, dt.icon.icon-link-break:after, span.icon-link-break:after {
    content: "\E067"
}

.has-main-menu #header #admin-menu ul a.icon-summary:after, .has-main-menu #header #main-menu ul a.icon-summary:after, .icon:not(dt):not(td).icon-summary:after, a.icon-only.icon-summary:after, a.icon-summary:after, body #top-menu > ul > li > a.icon-summary:after, dt.icon.icon-summary:after, span.icon-summary:after {
    content: "\E0B4"
}

.has-main-menu #header #admin-menu ul a.desc:after, .has-main-menu #header #main-menu ul a.desc:after, .icon:not(dt):not(td).desc:after, a.desc:after, a.icon-only.desc:after, body #top-menu > ul > li > a.desc:after, dt.icon.desc:after, span.desc:after {
    content: "\E00E"
}

.has-main-menu #header #admin-menu ul a.asc:after, .has-main-menu #header #main-menu ul a.asc:after, .icon:not(dt):not(td).asc:after, a.asc:after, a.icon-only.asc:after, body #top-menu > ul > li > a.asc:after, dt.icon.asc:after, span.asc:after {
    content: "\E00E";
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.has-main-menu #header #admin-menu ul a.open-sidebar-link:after, .has-main-menu #header #main-menu ul a.open-sidebar-link:after, .icon:not(dt):not(td).open-sidebar-link:after, a.icon-only.open-sidebar-link:after, a.open-sidebar-link:after, body #top-menu > ul > li > a.open-sidebar-link:after, dt.icon.open-sidebar-link:after, span.open-sidebar-link:after {
    content: "\E080"
}

.has-main-menu #header #admin-menu ul a.expander:after, .has-main-menu #header #main-menu ul a.expander:after, .icon:not(dt):not(td).expander:after, a.expander:after, a.icon-only.expander:after, body #top-menu > ul > li > a.expander:after, dt.icon.expander:after, span.expander:after {
    content: "\E07D"
}

.has-main-menu #header #admin-menu ul a.icon-redminecrm-money:after, .has-main-menu #header #main-menu ul a.icon-redminecrm-money:after, .icon:not(dt):not(td).icon-redminecrm-money:after, a.icon-only.icon-redminecrm-money:after, a.icon-redminecrm-money:after, body #top-menu > ul > li > a.icon-redminecrm-money:after, dt.icon.icon-redminecrm-money:after, span.icon-redminecrm-money:after {
    content: "\E03A"
}

.has-main-menu #header #admin-menu ul a.icon-shared:after, .has-main-menu #header #main-menu ul a.icon-shared:after, .icon:not(dt):not(td).icon-shared:after, a.icon-only.icon-shared:after, a.icon-shared:after, body #top-menu > ul > li > a.icon-shared:after, dt.icon.icon-shared:after, span.icon-shared:after {
    content: "\E045"
}

.has-main-menu #header #admin-menu ul a.drive:after, .has-main-menu #header #admin-menu ul a.icon-link-add:after, .has-main-menu #header #main-menu ul a.drive:after, .has-main-menu #header #main-menu ul a.icon-link-add:after, .icon:not(dt):not(td).drive:after, .icon:not(dt):not(td).icon-link-add:after, a.drive:after, a.icon-link-add:after, a.icon-only.drive:after, a.icon-only.icon-link-add:after, body #top-menu > ul > li > a.drive:after, body #top-menu > ul > li > a.icon-link-add:after, dt.icon.drive:after, dt.icon.icon-link-add:after, span.drive:after, span.icon-link-add:after {
    content: "\E03E"
}

.has-main-menu #header #admin-menu ul a.icon-upload:after, .has-main-menu #header #main-menu ul a.icon-upload:after, .icon:not(dt):not(td).icon-upload:after, a.icon-only.icon-upload:after, a.icon-upload:after, body #top-menu > ul > li > a.icon-upload:after, dt.icon.icon-upload:after, span.icon-upload:after {
    content: "\E0C1"
}

.has-main-menu #header #admin-menu ul a.icon-folder:after, .has-main-menu #header #main-menu ul a.icon-folder:after, .icon:not(dt):not(td).icon-folder:after, a.icon-folder:after, a.icon-only.icon-folder:after, body #top-menu > ul > li > a.icon-folder:after, dt.icon.icon-folder:after, span.icon-folder:after {
    content: "\E04D"
}

.has-main-menu #header #admin-menu ul a.icon-project:after, .has-main-menu #header #main-menu ul a.icon-project:after, .icon:not(dt):not(td).icon-project:after, a.icon-only.icon-project:after, a.icon-project:after, body #top-menu > ul > li > a.icon-project:after, dt.icon.icon-project:after, span.icon-project:after {
    content: "\E095"
}

.has-main-menu #header #admin-menu ul a.icon-refresh:after, .has-main-menu #header #main-menu ul a.icon-refresh:after, .icon:not(dt):not(td).icon-refresh:after, a.icon-only.icon-refresh:after, a.icon-refresh:after, body #top-menu > ul > li > a.icon-refresh:after, dt.icon.icon-refresh:after, span.icon-refresh:after {
    content: "\E09A"
}

.has-main-menu #header #admin-menu ul a.icon-refresh:after, .has-main-menu #header #main-menu ul a.icon-refresh:after, .icon:not(dt):not(td).icon-refresh:after, a.icon-only.icon-refresh:after, a.icon-refresh:after, body #top-menu > ul > li > a.icon-refresh:after, dt.icon.icon-refresh:after, span.icon-refresh:after {
    content: "\E09A"
}

.has-main-menu #header #admin-menu ul a.icon-list-action:after, .has-main-menu #header #main-menu ul a.icon-list-action:after, .icon:not(dt):not(td).icon-list-action:after, a.icon-list-action:after, a.icon-only.icon-list-action:after, body #top-menu > ul > li > a.icon-list-action:after, dt.icon.icon-list-action:after, span.icon-list-action:after {
    content: "\E041"
}

.has-main-menu #header #admin-menu ul a.icon-page:after, .has-main-menu #header #main-menu ul a.icon-page:after, .icon:not(dt):not(td).icon-page:after, a.icon-only.icon-page:after, a.icon-page:after, body #top-menu > ul > li > a.icon-page:after, dt.icon.icon-page:after, span.icon-page:after {
    content: "\E083"
}

.has-main-menu #header #admin-menu ul a.icon-snippet:after, .has-main-menu #header #main-menu ul a.icon-snippet:after, .icon:not(dt):not(td).icon-snippet:after, a.icon-only.icon-snippet:after, a.icon-snippet:after, body #top-menu > ul > li > a.icon-snippet:after, dt.icon.icon-snippet:after, span.icon-snippet:after {
    content: "\E0AD"
}

.has-main-menu #header #admin-menu ul a.icon-menu:after, .has-main-menu #header #main-menu ul a.icon-menu:after, .icon:not(dt):not(td).icon-menu:after, a.icon-menu:after, a.icon-only.icon-menu:after, body #top-menu > ul > li > a.icon-menu:after, dt.icon.icon-menu:after, span.icon-menu:after {
    content: "\E046"
}

.has-main-menu #header #admin-menu ul a.icon-layout:after, .has-main-menu #header #main-menu ul a.icon-layout:after, .icon:not(dt):not(td).icon-layout:after, a.icon-layout:after, a.icon-only.icon-layout:after, body #top-menu > ul > li > a.icon-layout:after, dt.icon.icon-layout:after, span.icon-layout:after {
    content: "\E06E"
}

.has-main-menu #header #admin-menu ul a.additionals:after, .has-main-menu #header #admin-menu ul a.cms:after, .has-main-menu #header #admin-menu ul a.icon-redmine-layout:after, .has-main-menu #header #main-menu ul a.additionals:after, .has-main-menu #header #main-menu ul a.cms:after, .has-main-menu #header #main-menu ul a.icon-redmine-layout:after, .icon:not(dt):not(td).additionals:after, .icon:not(dt):not(td).cms:after, .icon:not(dt):not(td).icon-redmine-layout:after, a.additionals:after, a.cms:after, a.icon-only.additionals:after, a.icon-only.cms:after, a.icon-only.icon-redmine-layout:after, a.icon-redmine-layout:after, body #top-menu > ul > li > a.additionals:after, body #top-menu > ul > li > a.cms:after, body #top-menu > ul > li > a.icon-redmine-layout:after, dt.icon.additionals:after, dt.icon.cms:after, dt.icon.icon-redmine-layout:after, span.additionals:after, span.cms:after, span.icon-redmine-layout:after {
    content: "\E002"
}

.has-main-menu #header #admin-menu ul a.icon-redmine-hooks:after, .has-main-menu #header #main-menu ul a.icon-redmine-hooks:after, .icon:not(dt):not(td).icon-redmine-hooks:after, a.icon-only.icon-redmine-hooks:after, a.icon-redmine-hooks:after, body #top-menu > ul > li > a.icon-redmine-hooks:after, dt.icon.icon-redmine-hooks:after, span.icon-redmine-hooks:after {
    content: "\E07A"
}

.has-main-menu #header #admin-menu ul a.icon-redirect:after, .has-main-menu #header #main-menu ul a.icon-redirect:after, .icon:not(dt):not(td).icon-redirect:after, a.icon-only.icon-redirect:after, a.icon-redirect:after, body #top-menu > ul > li > a.icon-redirect:after, dt.icon.icon-redirect:after, span.icon-redirect:after {
    content: "\E072"
}

.has-main-menu #header #admin-menu ul a.icon-package:after, .has-main-menu #header #main-menu ul a.icon-package:after, .icon:not(dt):not(td).icon-package:after, a.icon-only.icon-package:after, a.icon-package:after, body #top-menu > ul > li > a.icon-package:after, dt.icon.icon-package:after, span.icon-package:after {
    content: "\E094"
}

.has-main-menu #header #admin-menu ul a.icon-vars:after, .has-main-menu #header #main-menu ul a.icon-vars:after, .icon:not(dt):not(td).icon-vars:after, a.icon-only.icon-vars:after, a.icon-vars:after, body #top-menu > ul > li > a.icon-vars:after, dt.icon.icon-vars:after, span.icon-vars:after {
    content: "\E0C3"
}

.has-main-menu #header #admin-menu ul a.icon-file:after, .has-main-menu #header #main-menu ul a.icon-file:after, .icon:not(dt):not(td).icon-file:after, a.icon-file:after, a.icon-only.icon-file:after, body #top-menu > ul > li > a.icon-file:after, dt.icon.icon-file:after, span.icon-file:after {
    content: "\E04A"
}

.has-main-menu #header #admin-menu ul a.icon-cancel:after, .has-main-menu #header #main-menu ul a.icon-cancel:after, .icon:not(dt):not(td).icon-cancel:after, a.icon-cancel:after, a.icon-only.icon-cancel:after, body #top-menu > ul > li > a.icon-cancel:after, dt.icon.icon-cancel:after, span.icon-cancel:after {
    content: "\E021"
}

.has-main-menu #header #admin-menu ul a.icon-multiple:after, .has-main-menu #header #main-menu ul a.icon-multiple:after, .icon:not(dt):not(td).icon-multiple:after, a.icon-multiple:after, a.icon-only.icon-multiple:after, body #top-menu > ul > li > a.icon-multiple:after, dt.icon.icon-multiple:after, span.icon-multiple:after {
    content: "\E027"
}

.has-main-menu #header #admin-menu ul a.icon-message:after, .has-main-menu #header #main-menu ul a.icon-message:after, .icon:not(dt):not(td).icon-message:after, a.icon-message:after, a.icon-only.icon-message:after, body #top-menu > ul > li > a.icon-message:after, dt.icon.icon-message:after, span.icon-message:after {
    content: "\E023"
}

.has-main-menu #header #admin-menu ul a .icon-file.application-zip:after, .has-main-menu #header #main-menu ul a .icon-file.application-zip:after, .icon:not(dt):not(td) .icon-file.application-zip:after, a .icon-file.application-zip:after, a.icon-only .icon-file.application-zip:after, body #top-menu > ul > li > a .icon-file.application-zip:after, dt.icon .icon-file.application-zip:after, span .icon-file.application-zip:after {
    content: "\E0CE"
}

.has-main-menu #header #admin-menu ul a .icon-file.application-gzip:after, .has-main-menu #header #main-menu ul a .icon-file.application-gzip:after, .icon:not(dt):not(td) .icon-file.application-gzip:after, a .icon-file.application-gzip:after, a.icon-only .icon-file.application-gzip:after, body #top-menu > ul > li > a .icon-file.application-gzip:after, dt.icon .icon-file.application-gzip:after, span .icon-file.application-gzip:after {
    content: "\E0CE"
}

.has-main-menu #header #admin-menu ul a .icon-reply:after, .has-main-menu #header #admin-menu ul a.icon-reply:after, .has-main-menu #header #main-menu ul a .icon-reply:after, .has-main-menu #header #main-menu ul a.icon-reply:after, .icon:not(dt):not(td) .icon-reply:after, .icon:not(dt):not(td).icon-reply:after, a .icon-reply:after, a.icon-only .icon-reply:after, a.icon-only.icon-reply:after, a.icon-reply:after, body #top-menu > ul > li > a .icon-reply:after, body #top-menu > ul > li > a.icon-reply:after, dt.icon .icon-reply:after, dt.icon.icon-reply:after, span .icon-reply:after, span.icon-reply:after {
    content: "\E024"
}

.has-main-menu #header #admin-menu ul a .icon-document:after, .has-main-menu #header #admin-menu ul a.icon-document:after, .has-main-menu #header #main-menu ul a .icon-document:after, .has-main-menu #header #main-menu ul a.icon-document:after, .icon:not(dt):not(td) .icon-document:after, .icon:not(dt):not(td).icon-document:after, a .icon-document:after, a.icon-document:after, a.icon-only .icon-document:after, a.icon-only.icon-document:after, body #top-menu > ul > li > a .icon-document:after, body #top-menu > ul > li > a.icon-document:after, dt.icon .icon-document:after, dt.icon.icon-document:after, span .icon-document:after, span.icon-document:after {
    content: "\E035"
}

.has-main-menu #header #admin-menu ul a.icon-arrow-right:after, .has-main-menu #header #admin-menu ul a.icon-sticky:after, .has-main-menu #header #admin-menu ul a.icon-test:after, .has-main-menu #header #main-menu ul a.icon-arrow-right:after, .has-main-menu #header #main-menu ul a.icon-sticky:after, .has-main-menu #header #main-menu ul a.icon-test:after, .icon:not(dt):not(td).icon-arrow-right:after, .icon:not(dt):not(td).icon-sticky:after, .icon:not(dt):not(td).icon-test:after, a.icon-arrow-right:after, a.icon-only.icon-arrow-right:after, a.icon-only.icon-sticky:after, a.icon-only.icon-test:after, a.icon-sticky:after, a.icon-test:after, body #top-menu > ul > li > a.icon-arrow-right:after, body #top-menu > ul > li > a.icon-sticky:after, body #top-menu > ul > li > a.icon-test:after, dt.icon.icon-arrow-right:after, dt.icon.icon-sticky:after, dt.icon.icon-test:after, span.icon-arrow-right:after, span.icon-sticky:after, span.icon-test:after {
    content: "\E04D"
}

.has-main-menu #header #admin-menu ul a.icon-issue-edit:after, .has-main-menu #header #main-menu ul a.icon-issue-edit:after, .icon:not(dt):not(td).icon-issue-edit:after, a.icon-issue-edit:after, a.icon-only.icon-issue-edit:after, body #top-menu > ul > li > a.icon-issue-edit:after, dt.icon.icon-issue-edit:after, span.icon-issue-edit:after {
    content: "\E03F"
}

.has-main-menu #header #admin-menu ul a.icon-custom-fields:after, .has-main-menu #header #main-menu ul a.icon-custom-fields:after, .icon:not(dt):not(td).icon-custom-fields:after, a.icon-custom-fields:after, a.icon-only.icon-custom-fields:after, body #top-menu > ul > li > a.icon-custom-fields:after, dt.icon.icon-custom-fields:after, span.icon-custom-fields:after {
    content: "\E04D"
}

.has-main-menu #header #admin-menu ul a.icon-issue-note:after, .has-main-menu #header #main-menu ul a.icon-issue-note:after, .icon:not(dt):not(td).icon-issue-note:after, a.icon-issue-note:after, a.icon-only.icon-issue-note:after, body #top-menu > ul > li > a.icon-issue-note:after, dt.icon.icon-issue-note:after, span.icon-issue-note:after {
    content: "\E023"
}

.has-main-menu #header #admin-menu ul a.icon-changeset:after, .has-main-menu #header #main-menu ul a.icon-changeset:after, .icon:not(dt):not(td).icon-changeset:after, a.icon-changeset:after, a.icon-only.icon-changeset:after, body #top-menu > ul > li > a.icon-changeset:after, dt.icon.icon-changeset:after, span.icon-changeset:after {
    content: "\E0AB"
}

.has-main-menu #header #admin-menu ul a.icon-file.image-gif:after, .has-main-menu #header #main-menu ul a.icon-file.image-gif:after, .icon:not(dt):not(td).icon-file.image-gif:after, a.icon-file.image-gif:after, a.icon-only.icon-file.image-gif:after, body #top-menu > ul > li > a.icon-file.image-gif:after, dt.icon.icon-file.image-gif:after, span.icon-file.image-gif:after {
    content: "\E050"
}

.has-main-menu #header #admin-menu ul a.icon-file.image-jpeg:after, .has-main-menu #header #main-menu ul a.icon-file.image-jpeg:after, .icon:not(dt):not(td).icon-file.image-jpeg:after, a.icon-file.image-jpeg:after, a.icon-only.icon-file.image-jpeg:after, body #top-menu > ul > li > a.icon-file.image-jpeg:after, dt.icon.icon-file.image-jpeg:after, span.icon-file.image-jpeg:after {
    content: "\E05F"
}

.has-main-menu #header #admin-menu ul a.icon-file.image-png:after, .has-main-menu #header #main-menu ul a.icon-file.image-png:after, .icon:not(dt):not(td).icon-file.image-png:after, a.icon-file.image-png:after, a.icon-only.icon-file.image-png:after, body #top-menu > ul > li > a.icon-file.image-png:after, dt.icon.icon-file.image-png:after, span.icon-file.image-png:after {
    content: "\E090"
}

.has-main-menu #header #admin-menu ul a.icon-file.text-css:after, .has-main-menu #header #main-menu ul a.icon-file.text-css:after, .icon:not(dt):not(td).icon-file.text-css:after, a.icon-file.text-css:after, a.icon-only.icon-file.text-css:after, body #top-menu > ul > li > a.icon-file.text-css:after, dt.icon.icon-file.text-css:after, span.icon-file.text-css:after {
    content: "\E02B"
}

.has-main-menu #header #admin-menu ul a.icon-file.text-xml:after, .has-main-menu #header #main-menu ul a.icon-file.text-xml:after, .icon:not(dt):not(td).icon-file.text-xml:after, a.icon-file.text-xml:after, a.icon-only.icon-file.text-xml:after, body #top-menu > ul > li > a.icon-file.text-xml:after, dt.icon.icon-file.text-xml:after, span.icon-file.text-xml:after {
    content: "\E0CC"
}

.has-main-menu #header #admin-menu ul a.icon-file.text-x-php:after, .has-main-menu #header #main-menu ul a.icon-file.text-x-php:after, .icon:not(dt):not(td).icon-file.text-x-php:after, a.icon-file.text-x-php:after, a.icon-only.icon-file.text-x-php:after, body #top-menu > ul > li > a.icon-file.text-x-php:after, dt.icon.icon-file.text-x-php:after, span.icon-file.text-x-php:after {
    content: "\E08B"
}

.has-main-menu #header #admin-menu ul a.icon-file.text-x-ruby:after, .has-main-menu #header #main-menu ul a.icon-file.text-x-ruby:after, .icon:not(dt):not(td).icon-file.text-x-ruby:after, a.icon-file.text-x-ruby:after, a.icon-only.icon-file.text-x-ruby:after, body #top-menu > ul > li > a.icon-file.text-x-ruby:after, dt.icon.icon-file.text-x-ruby:after, span.icon-file.text-x-ruby:after {
    content: "\E0A4"
}

.has-main-menu #header #admin-menu ul a.icon-file.application-javascript:after, .has-main-menu #header #main-menu ul a.icon-file.application-javascript:after, .icon:not(dt):not(td).icon-file.application-javascript:after, a.icon-file.application-javascript:after, a.icon-only.icon-file.application-javascript:after, body #top-menu > ul > li > a.icon-file.application-javascript:after, dt.icon.icon-file.application-javascript:after, span.icon-file.application-javascript:after {
    content: "\E060"
}

.has-main-menu #header #admin-menu ul a.icon-file.text-x-csharp:after, .has-main-menu #header #main-menu ul a.icon-file.text-x-csharp:after, .icon:not(dt):not(td).icon-file.text-x-csharp:after, a.icon-file.text-x-csharp:after, a.icon-only.icon-file.text-x-csharp:after, body #top-menu > ul > li > a.icon-file.text-x-csharp:after, dt.icon.icon-file.text-x-csharp:after, span.icon-file.text-x-csharp:after {
    content: "\E02A"
}

.has-main-menu #header #admin-menu ul a.icon-file.text-x-java:after, .has-main-menu #header #main-menu ul a.icon-file.text-x-java:after, .icon:not(dt):not(td).icon-file.text-x-java:after, a.icon-file.text-x-java:after, a.icon-only.icon-file.text-x-java:after, body #top-menu > ul > li > a.icon-file.text-x-java:after, dt.icon.icon-file.text-x-java:after, span.icon-file.text-x-java:after {
    content: "\E05E"
}

.has-main-menu #header #admin-menu ul a.icon-file.text-plain:after, .has-main-menu #header #main-menu ul a.icon-file.text-plain:after, .icon:not(dt):not(td).icon-file.text-plain:after, a.icon-file.text-plain:after, a.icon-only.icon-file.text-plain:after, body #top-menu > ul > li > a.icon-file.text-plain:after, dt.icon.icon-file.text-plain:after, span.icon-file.text-plain:after {
    content: "\E04D"
}

.has-main-menu #header #admin-menu ul a.icon-file.text-x-c:after, .has-main-menu #header #main-menu ul a.icon-file.text-x-c:after, .icon:not(dt):not(td).icon-file.text-x-c:after, a.icon-file.text-x-c:after, a.icon-only.icon-file.text-x-c:after, body #top-menu > ul > li > a.icon-file.text-x-c:after, dt.icon.icon-file.text-x-c:after, span.icon-file.text-x-c:after {
    content: "\E04D"
}

.open .icon-only.icon-folder:after, .open .icon.icon-folder:after {
    content: "\E04D"
}

#sidebar .icon.icon-package:after {
    content: "\E094"
}

.icon-call:after, .icon-phone:after {
    content: "\E089"
}

.icon-email-log:after, .icon-email-logs:after, .icon-email:after {
    content: "\E040"
}

a[href*="questions_sections/new"]:after {
    content: "\E075"
}

#company_profile_edit a:after {
    content: "\E03F"
}

tr.project.idnt td.name span:after {
    content: "\E012"
}

#comments .contextual a.delete:after, #company_contacts .contextual a.delete:after {
    content: "\E03F"
}

#comments .contextual a.delete[data-remote=true]:after, #company_contacts .contextual a.delete[data-remote=true]:after {
    content: "\E030"
}

.icon-pdf-context:after {
    content: "\E086"
}

.avatar.extended .delete:after {
    content: "\E030"
}

#deal_contact_id_add_link:after, #expense_contact_id_add_link:after, #invoice_contact_id_add_link:after, #operation_contact_id_add_link:after, #order_contact_id_add_link:after {
    content: "\E075"
}

#deal_contact_id_add_link img, #expense_contact_id_add_link img, #invoice_contact_id_add_link img, #operation_contact_id_add_link img, #order_contact_id_add_link img {
    display: none
}

fieldset.collapsible > legend:after {
    content: "\E07D"
}

select[url*=company] ~ .select2 .select2-selection--single:after {
    content: "\E025"
}

select[url*=contacts] ~ .select2 .select2-selection--single:after, select[url*=people] ~ .select2 .select2-selection--single:after {
    content: "\E026"
}

select[url*=deals] ~ .select2 .select2-selection--single:after {
    content: "\E02F"
}

#resource_booking_issue_id ~ .select2 .select2-selection--single:after, #top-menu #issue_badge_contents > div.footer > a:after {
    content: "\E05D"
}

#quick-search .drdn-trigger:before, #quick-search .quick-search:before {
    content: "\E00E"
}

#quick-search .drdn-trigger:after, #quick-search .quick-search:after {
    content: "\E0AA"
}

.icon-fancybox:after {
    content: "\E0CF"
}

.checkbox a:after {
    content: "\E01E"
}

#loggedas a:after, .revo-user-menu .icon-user:after {
    content: "\E0C2"
}

#top-menu #issue_badge .issue_badge_content a:after {
    content: "\E077"
}

#content #comments .contextual a[href*=order_comments]:after {
    content: "\E030"
}

div.issue.order.details #invoices .icon-invoice + a[href*=invoices]:after {
    content: "\E086"
}

#main div.issue .fa-pencil:after {
    content: "\E03F";
    font-size: 24px
}

#top-menu a[href*=ibo-help-and-support]:after {
    content: "\E127"
}

#top-menu a[href*=credentials]:after {
    content: "\E0FB"
}

.controller-welcome.action-index .contextual .drdn-items a[href="#"]:after {
    content: "\E187"
}

.drdn-items a[href*="enable_sidebar=0"]:after {
    content: "\E078"
}

.drdn-items a[href*="enable_sidebar=1"]:after {
    content: "\E01E"
}

.drdn-items a[href*=enable_sidebar]:after {
    content: "\E078"
}

#main > #content span.pagination .pages li.previous a:after, #main > #content span.pagination .pages li.previous span:after {
    content: "\E091"
}

#main > #content span.pagination .pages li.next a:after, #main > #content span.pagination .pages li.next span:after {
    content: "\E077"
}

a[accesskey="p"]:after {
    content: "\E091"
}

a[accesskey="n"]:after {
    content: "\E077"
}

.starting:after {
    content: "\E010"
}

.ending:after {
    content: "\E00F"
}

.starting.ending:after {
    content: "\E032"
}

#content .contextual a.icon-issue-closed:after, #content .contextual a.icon-lock:after, #content .contextual a.issue-closed:after, #content .contextual span.icon-issue-closed:after, #content .contextual span.icon-lock:after, #content .contextual span.issue-closed:after, .other-formats a.icon-issue-closed:after, .other-formats a.icon-lock:after, .other-formats a.issue-closed:after, .other-formats span.icon-issue-closed:after, .other-formats span.icon-lock:after, .other-formats span.issue-closed:after {
    content: "\E068"
}

#content .contextual a.icon-issue-closed[href*=archive]:after, #content .contextual a.icon-lock[href*=archive]:after, #content .contextual a.issue-closed[href*=archive]:after, #content .contextual span.icon-issue-closed[href*=archive]:after, #content .contextual span.icon-lock[href*=archive]:after, #content .contextual span.issue-closed[href*=archive]:after, .other-formats a.icon-issue-closed[href*=archive]:after, .other-formats a.icon-lock[href*=archive]:after, .other-formats a.issue-closed[href*=archive]:after, .other-formats span.icon-issue-closed[href*=archive]:after, .other-formats span.icon-lock[href*=archive]:after, .other-formats span.issue-closed[href*=archive]:after {
    content: "\E00A"
}

#content .contextual a.icon-add:after, #content .contextual span.icon-add:after, .other-formats a.icon-add:after, .other-formats span.icon-add:after {
    content: "\E075"
}

#content .contextual a.open-filter:after, #content .contextual span.open-filter:after, .other-formats a.open-filter:after, .other-formats span.open-filter:after {
    content: "\E04B"
}

#content .contextual a.icon-time-add:after, #content .contextual span.icon-time-add:after, .other-formats a.icon-time-add:after, .other-formats span.icon-time-add:after {
    content: "\E0BA"
}

#content .contextual a.icon-stats:after, #content .contextual span.icon-stats:after, .other-formats a.icon-stats:after, .other-formats span.icon-stats:after {
    content: "\E0B2"
}

#content .contextual a.icon-fav-off:after, #content .contextual span.icon-fav-off:after, .other-formats a.icon-fav-off:after, .other-formats span.icon-fav-off:after {
    content: "\E047"
}

#content .contextual a.icon-fav:after, #content .contextual span.icon-fav:after, .other-formats a.icon-fav:after, .other-formats span.icon-fav:after {
    content: "\E048"
}

#content .contextual a.icon-del:after, #content .contextual span.icon-del:after, .other-formats a.icon-del:after, .other-formats span.icon-del:after {
    content: "\E030"
}

#content .contextual a.icon-import:after, #content .contextual span.icon-import:after, .other-formats a.icon-import:after, .other-formats span.icon-import:after {
    content: "\E05A"
}

#content .contextual a.icon-edit:after, #content .contextual span.icon-edit:after, .other-formats a.icon-edit:after, .other-formats span.icon-edit:after {
    content: "\E03F"
}

#content .contextual a.icon-copy:after, #content .contextual span.icon-copy:after, .other-formats a.icon-copy:after, .other-formats span.icon-copy:after {
    content: "\E027"
}

#content .contextual a.icon-preview:after, #content .contextual span.icon-preview:after, .other-formats a.icon-preview:after, .other-formats span.icon-preview:after {
    content: "\E09C"
}

#content .contextual a.icon-invoice-add-context:after, #content .contextual a.invoices:after, #content .contextual span.icon-invoice-add-context:after, #content .contextual span.invoices:after, .other-formats a.icon-invoice-add-context:after, .other-formats a.invoices:after, .other-formats span.icon-invoice-add-context:after, .other-formats span.invoices:after {
    content: "\E05C"
}

#content .contextual a.icon-email-add:after, #content .contextual a.icon-email:after, #content .contextual span.icon-email-add:after, #content .contextual span.icon-email:after, .other-formats a.icon-email-add:after, .other-formats a.icon-email:after, .other-formats span.icon-email-add:after, .other-formats span.icon-email:after {
    content: "\E040"
}

#content .contextual a.atom:after, #content .contextual span.atom:after, .other-formats a.atom:after, .other-formats span.atom:after {
    content: "\E013"
}

#content .contextual a.csv:after, #content .contextual span.csv:after, .other-formats a.csv:after, .other-formats span.csv:after {
    content: "\E02C"
}

#content .contextual a.pdf:after, #content .contextual span.pdf:after, .other-formats a.pdf:after, .other-formats span.pdf:after {
    content: "\E086"
}

#content .contextual a.png:after, #content .contextual span.png:after, .other-formats a.png:after, .other-formats span.png:after {
    content: "\E090"
}

#content .contextual a.html:after, #content .contextual span.html:after, .other-formats a.html:after, .other-formats span.html:after {
    content: "\E02C"
}

#content .contextual a.vcf:after, #content .contextual span.vcf:after, .other-formats a.vcf:after, .other-formats span.vcf:after {
    content: "\E0C4"
}

#content .contextual a.xls:after, #content .contextual span.xls:after, .other-formats a.xls:after, .other-formats span.xls:after {
    content: "\E0CB"
}

#content .contextual a.icon-passwd:after, #content .contextual span.icon-passwd:after, .other-formats a.icon-passwd:after, .other-formats span.icon-passwd:after {
    content: "\E084"
}

#content .contextual a.icon-error:after, #content .contextual span.icon-error:after, .other-formats a.icon-error:after, .other-formats span.icon-error:after {
    content: "\E0C6"
}

#content .contextual a.icon-report:after, #content .contextual span.icon-report:after, .other-formats a.icon-report:after, .other-formats span.icon-report:after {
    content: "\E09C"
}

#content .contextual a.icon-server-authentication:after, #content .contextual span.icon-server-authentication:after, .other-formats a.icon-server-authentication:after, .other-formats span.icon-server-authentication:after {
    content: "\E063"
}

#content .contextual a.icon-magnifier:after, #content .contextual span.icon-magnifier:after, .other-formats a.icon-magnifier:after, .other-formats span.icon-magnifier:after {
    content: "\E0AA"
}

#content .contextual a.icon-clear-query:after, #content .contextual span.icon-clear-query:after, .other-formats a.icon-clear-query:after, .other-formats span.icon-clear-query:after {
    content: "\E021"
}

#content .contextual a.icon-attachment:after, #content .contextual span.icon-attachment:after, .other-formats a.icon-attachment:after, .other-formats span.icon-attachment:after {
    content: ''
}

.box .icon:after {
    color: var(--icon-color-bg)
}

.box .icon:hover:after {
    color: var(--icon-color-hover-bg)
}

.box .icon-group, .box .icon-issue, .box .icon-news, .box .icon-time {
    background-image: none !important
}

a.icon-email:after, a.icon-only.icon-email:after, span.icon-email:after {
    content: "\E040"
}

a.icon-only.icon-pdf:after, a.icon-pdf:after, span.icon-pdf:after {
    content: "\E086"
}

a.icon-add-payment:after, a.icon-only.icon-add-payment:after, span.icon-add-payment:after {
    content: "\E005"
}

a.add-comment:after, a.icon-comment:after, a.icon-only.add-comment:after, a.icon-only.icon-comment:after, span.add-comment:after, span.icon-comment:after {
    content: "\E023"
}

a.boards:after, a.icon-only.boards:after, span.boards:after {
    content: "\E019"
}

a.icon-only.icon-order-add:after, a.icon-order-add:after, span.icon-order-add:after {
    content: "\E01C"
}

a.icon-meeting:after, a.icon-only.icon-meeting:after, span.icon-meeting:after {
    content: "\E06D"
}

#switch_link:after {
    content: "\E047"
}

#contact_issues .contextual a:after, #contact_projects .contextual a:after {
    content: "\E075"
}

a.icon-only.open-wiki:after, a.open-wiki:after, span.open-wiki:after {
    content: "\E055"
}

a.icon-only.link-wiki:after, a.icon-only.open-documents:after, a.icon-only.open-news-link:after, a.icon-only.open-projects:after, a.link-wiki:after, a.open-documents:after, a.open-news-link:after, a.open-projects:after, span.link-wiki:after, span.open-documents:after, span.open-news-link:after, span.open-projects:after {
    content: "\E07D"
}

#projects-index .project:after {
    content: "\E049"
}

.icon-fav.my-project:after, .icon-user.my-project:after {
    content: "\E049" !important
}

span.icon-fav {
    background-image: none !important
}

    span.icon-fav:after {
        content: "\E049"
    }

a.icon-download:after, a.icon-only.icon-download:after, span.icon-download:after {
    content: "\E03D"
}

a.icon-only.open-filter:after, a.open-filter:after, span.open-filter:after {
    content: "\E04B"
}

a.icon-down:after, a.icon-only.icon-down:after, span.icon-down:after {
    content: "\E07D"
}

a.icon-helpdesk-reply:after, a.icon-only.icon-helpdesk-reply:after, span.icon-helpdesk-reply:after {
    content: "\E096"
}

a.btn-primary.close:after, a.icon-only.btn-primary.close:after, span.btn-primary.close:after {
    content: "\E020"
}

#sidebar #customer_profile .contextual a:after, #sidebar #issue_contacts .contextual a:after, #sidebar #watchers .contextual a:after {
    content: "\E075"
}

#sidebar .delete:after {
    content: "\E030"
}

#sidebar span.icon-company-contact:after {
    content: "\E026"
}

#sidebar span.icon-helpdesk:after {
    content: "\E096"
}

#sidebar a[href*=pipeline]:after {
    content: "\E0B2"
}

#sidebar a[href*='accounts/new']:after {
    content: "\E075"
}

#context-menu li a.submenu:after {
    content: "\E012"
}

#context-menu li a[href*=issues_report_templates]:after {
    content: "\E09C"
}

.toggle-multiselect:after {
    content: "\E00B"
}

.select2-selection__clear:after {
    content: "\E021"
}

div.flash.notice:after {
    content: "\E021"
}

form > #errorExplanation:after {
    content: "\E021"
}

.agile-board .icon-comment:before {
    content: "\E023"
}

.add_attachment:after {
    content: "\E01F"
}

div.wiki .external:after {
    content: none
}

#context-menu .icon-add-tags:after, #main > #content .tag_list:after, #projects_list .project_card .tags:after, #sidebar .tag_list:after, .icon-bookmarked-project:after {
    content: "\E0B6"
}

dt.icon.icon-issue:after {
    content: "\E05D"
}

dt.icon.icon-time-entry:after {
    content: "\E192"
}

dt.icon.icon-issue-closed:after {
    content: "\E078"
}

h3.icon-issue:after, span.icon-issue:after, strong.icon-issue:after {
    content: "\E05D"
}

h3.icon-time:after, span.icon-time:after, strong.icon-time:after {
    content: "\E0BA"
}

h3.icon-group:after, h3.icon-groupanonymous:after, h3.icon-groupnonmember:after, span.icon-group:after, span.icon-groupanonymous:after, span.icon-groupnonmember:after, strong.icon-group:after, strong.icon-groupanonymous:after, strong.icon-groupnonmember:after {
    content: "\E053"
}

h3.icon-news:after, span.icon-news:after, strong.icon-news:after {
    content: "\E076"
}

h3.icon-projects:after, span.icon-projects:after, strong.icon-projects:after {
    content: "\E095"
}

.icon.icon-package:after {
    content: "\E012"
}

#edit_content a:after {
    content: "\E03F"
}

.controller-issues.action-show #issue_tree .contextual a:after, .controller-issues.action-show #relations .contextual a:after {
    content: "\E075"
}

.controller-versions #content .contextual a.icon-edit[href*=wiki]:after, .controller-versions #content .contextual span.icon-edit[href*=wiki]:after {
    content: "\E0C8"
}

.controller-issues.action-show #issue_tree .contextual a:after, .controller-issues.action-show #relations .contextual a:after {
    color: #818e94;
    content: "\E075"
}

.action-projects #content > form input[type=submit]:after, .controller-groups #content > form input[type=submit]:after, .controller-users #content > form input[type=submit]:after {
    content: "\E01E"
}

.jcf-select-opener:after, .select2-selection__arrow:after {
    content: "\E00E"
}

#sidebar .project-members .assignable-user:after {
    content: "\E0C2"
}

#admin-index #content h2:after {
    background-image: url(../images/icon-color/administration.svg)
}

#admin-index #admin-menu .projects:after {
    background-image: url(../images/icon-color/projects.svg)
}

#admin-index #admin-menu .users:after {
    background-image: url(../images/icon-color/users.svg)
}

#admin-index #admin-menu .groups:after {
    background-image: url(../images/icon-color/groups.svg)
}

#admin-index #admin-menu .roles:after {
    background-image: url(../images/icon-color/roles.svg)
}

#admin-index #admin-menu .trackers:after {
    background-image: url(../images/icon-color/trackers.svg)
}

#admin-index #admin-menu .issue-statuses:after {
    background-image: url(../images/icon-color/issues.svg)
}

#admin-index #admin-menu .workflows:after {
    background-image: url(../images/icon-color/workflow.svg)
}

#admin-index #admin-menu .custom-fields:after {
    background-image: url(../images/icon-color/custom-fields.svg)
}

#admin-index #admin-menu .enumerations:after {
    background-image: url(../images/icon-color/enumerations.svg)
}

#admin-index #admin-menu .settings:after {
    background-image: url(../images/icon-color/settings.svg)
}

#admin-index #admin-menu .ldap-authentication:after {
    background-image: url(../images/icon-color/ldap-authentication.svg)
}

#admin-index #admin-menu .agile:after {
    background-image: url(../images/icon-color/agile.svg)
}

#admin-index #admin-menu .contacts:after {
    background-image: url(../images/icon-color/contacts.svg)
}

#admin-index #admin-menu .helpdesk:after {
    background-image: url(../images/icon-color/helpdesk.svg)
}

#admin-index #admin-menu .invoices:after {
    background-image: url(../images/icon-color/invoice.svg)
}

#admin-index #admin-menu .mailchimp-settings:after {
    background-image: url(../images/icon-color/mailchimp.svg)
}

#admin-index #admin-menu .finance:after {
    background-image: url(../images/icon-color/finance.svg)
}

#admin-index #admin-menu .people:after {
    background-image: url(../images/icon-color/people.svg)
}

#admin-index #admin-menu .products:after {
    background-image: url(../images/icon-color/products.svg)
}

#admin-index #admin-menu .plugins:after {
    background-image: url(../images/icon-color/plugins.svg)
}

#admin-index #admin-menu .info:after {
    background-image: url(../images/icon-color/info.svg)
}

#admin-index #admin-menu .tags:after {
    background-image: url(../images/icon-color/tags.svg)
}

#admin-index #admin-menu .icon-redminecrm-money:after {
    background-image: url(../images/icon-color/money.svg)
}

#admin-index #admin-menu .vault:after {
    background-image: url(../images/icon-color/keys.svg)
}

#admin-index #admin-menu .cms:after {
    background-image: url(../images/icon-color/cms.svg)
}

#admin-index #admin-menu .release-log-queues:after {
    background-image: url(../images/icon-color/log.svg)
}

#admin-index #admin-menu .release-log-configurations:after {
    background-image: url(../images/icon-color/log-configurations.svg)
}

#admin-index #admin-menu .redmine-git-hosting:after {
    background-image: url(../images/icon-color/git.svg)
}

#admin-index #admin-menu .icon-view_customize:after {
    background-image: url(../images/icon-color/view_customize.svg)
}

#admin-index #admin-menu .additionals:after {
    background-image: url(../images/icon-color/additionals.svg)
}

#admin-index #admin-menu .dmsf-approvalworkflows:after {
    background-image: url(../images/icon-color/dmsf-approvalworkflows.svg)
}

#admin-index #admin-menu .reminder_options_label:after {
    background-image: url(../images/icon-color/reminder.svg)
}

#admin-index #admin-menu .icon-email-logs:after {
    background-image: url(../images/icon-color/mail.svg)
}

#admin-index #admin-menu .issuecloser:after {
    background-image: url(../images/icon-color/issue-management.svg)
}

#content > h2, .action-edit #content > h2, .action-new #content > h2, .controller-checklist_template_categories #content > h2, .controller-cms_pages #content h2, .controller-contact_imports #content > h2, .controller-operation_categories #content > h2, .controller-people_settings #content > h2, .controller-product_categories #content > h2, .controller-projects.action-settings #content > h2, .controller-settings #content > h2, .top-questions h2 {
    background-image: url(../images/icon-color/settings.svg)
}

.controller-invoice_mails #content > h2 {
    background-image: url(../images/icon-color/mail.svg)
}

.controller-users #content > h2 {
    background-image: url(../images/icon-color/users.svg)
}

.controller-users.action-show #content h2 {
    background: 0 0
}

.controller-groups #content > h2 {
    background-image: url(../images/icon-color/groups.svg)
}

.controller-roles #content > h2 {
    background-image: url(../images/icon-color/roles.svg)
}

.controller-issue_statuses #content > h2 {
    background-image: url(../images/icon-color/issues.svg)
}

.controller-workflows #content > h2 {
    background-image: url(../images/icon-color/workflow.svg)
}

.controller-enumerations #content > h2 {
    background-image: url(../images/icon-color/enumerations.svg)
}

.controller-auth_sources #content > h2 {
    background-image: url(../images/icon-color/ldap-authentication.svg)
}

.action-info #content > h2 {
    background-image: url(../images/icon-color/info.svg)
}

.controller-admin #content > h2 {
    background-image: url(../images/icon-color/administration.svg)
}

.controller-my #content > h2 {
    background-image: url(../images/icon-color/my-page.svg)
}

.controller-activities #content h2 {
    background-image: url(../images/icon-color/activity.svg)
}

.controller-gantts #content h2, .controller-orders_charts #content h2 {
    background-image: url(../images/icon-color/gantt.svg)
}

.controller-resource_bookings #content h2 {
    background-image: url(../images/icon-color/resources.svg)
}

.controller-calendars #content h2 {
    background-image: url(../images/icon-color/calendar.svg)
}

.controller-news #content > h2 {
    background-image: url(../images/icon-color/news.svg)
}

.controller-documents #content > h2 {
    background-image: url(../images/icon-color/documents.svg)
}

.controller-wiki #content h1:first-of-type, .controller-wiki #content > h2 {
    background-image: url(../images/icon-color/wiki.svg)
}

.controller-boards #content > h2 {
    background-image: url(../images/icon-color/boards.svg)
}

.controller-attachments #content h2, .controller-files #content > h2 {
    background-image: url(../images/icon-color/files.svg)
}

.controller-contacts #content h2 {
    background-image: url(../images/icon-color/contacts.svg)
}

.controller-deals #content h2 {
    background-image: url(../images/icon-color/deals.svg)
}

.controller-expenses #content > h2 {
    background-image: url(../images/icon-color/expenses.svg)
}

.controller-people #content #query_form h2, .controller-people #content > h2 {
    background-image: url(../images/icon-color/people.svg)
}

.controller-admin #content > h2 {
    background-image: url(../images/icon-color/administration.svg)
}

.controller-questions #content .question-title, .controller-questions #content .questions > h2, .controller-questions #content > h2, .controller-questions.action-index h2, .controller-questions_sections #content > h2, .controller-questions_sections.action-index .top-questions h2 {
    background-image: url(../images/icon-color/helpdesk.svg)
}

.controller-issues #content > h2 {
    background-image: url(../images/icon-color/issues.svg)
}

.controller-timelog #content > h2, .controller-trackers #content > h2 {
    background-image: url(../images/icon-color/trackers.svg)
}

.action-plugins #content > h2 {
    background-image: url(../images/icon-color/plugins.svg)
}

.controller-agile_boards #content h2, .controller-agile_charts #content > h2 {
    background-image: url(../images/icon-color/agile.svg)
}

.controller-invoices #content > h2 {
    background-image: url(../images/icon-color/invoice.svg)
}

.controller-operations #content > h2 {
    background-image: url(../images/icon-color/finance.svg)
}

.controller-products #content h2 {
    background-image: url(../images/icon-color/products.svg)
}

.controller-orders #content h2 {
    background-image: url(../images/icon-color/order.svg)
}

.controller-custom_fields #content > h2 {
    background-image: url(../images/icon-color/custom-fields.svg)
}

.action-projects #content > h2, .controller-favorite_projects #content h2, .controller-projects #content > h2 {
    background-image: url(../images/icon-color/projects.svg)
}

.controller-welcome #content > h2 {
    background-image: url(../images/icon-color/home.svg)
}

.controller-search #content > h2 {
    background-image: url(../images/icon-color/search-title.svg)
}

#roadmap h2, .controller-versions #content > h2 {
    background-image: url(../images/icon-color/roadmap.svg)
}

.controller-agile_versions #content > h2 {
    background-image: url(../images/icon-color/planning.svg)
}

.controller-agile_colors #content > h2 {
    background-image: url(../images/icon-color/color.svg)
}

.controller-report_templates #content > h2 {
    background-image: url(../images/icon-color/import.svg)
}

.controller-messages.action-show #content > h2 {
    background-image: url(../images/icon-color/question.svg)
}

.controller-messages.action-show #content h3 {
    background-image: url(../images/icon-color/answer.svg)
}

.controller-release_log_queues #content > h2 {
    background-image: url(../images/icon-color/log.svg)
}

.controller-release_log_configurations #content > h2 {
    background-image: url(../images/icon-color/log-configurations.svg)
}

.controller-repositories #content > h2 {
    background-image: url(../images/icon-color/repository.svg)
}

.controller-hearts #content > h2 {
    background-image: url(../images/icon-color/like.svg)
}

.controller-kanban #content > h2 {
    background-image: url(../images/icon-color/kanban.svg)
}

.controller-spectator #content > h1 {
    background-image: url(../images/icon-color/change-user.svg)
}

.controller-keys #content > h1, .controller-keys #content > h2, .controller-keys.action-new #main > #content h1 {
    background-image: url(../images/icon-color/keys.svg)
}

.controller-canned_responses.action-index #content > h3 {
    background-image: url(../images/icon-color/settings.svg)
}

.controller-email_logs #content > h2 {
    background-image: url(../images/icon-color/mail.svg)
}

.controller-issuecloser #content > h2 {
    background-image: url(../images/icon-color/issue-management.svg)
}

a, a:link, a:visited, div.journal ul.details a, div.journal ul.details a:hover, ul.revision-info a, ul.revision-info a:hover {
    color: var(--color-link);
    font-style: normal
}

#issue_tree td.subject, #relations td.subject {
    width: auto
}

.issue-card.context-menu-selection .attributes, .issue-card.context-menu-selection em.info {
    color: var(--text-color-main)
}

#content #issue-changesets div.changeset:nth-child(2n+1), #content .odd, #content table.list:not(.odd-even) tbody tr:nth-child(2n+1) {
    background: 0 0 !important
}

#content #ticket_data {
    position: relative;
    margin: 0 0 10px
}

#change_author a[style="display: none;"] ~ .jcf-select {
    display: block !important
}

div.subject a {
    display: inline-block;
    padding: 5px 10px;
    position: relative;
    z-index: 2;
    font-weight: 700;
    color: var(--text-color-main);
    text-decoration: none
}

    div.subject a:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: .2;
        z-index: -1;
        width: 100%;
        height: 100%;
        border-radius: var(--border-radius-small);
        -webkit-transition: opacity var(--time-hover) ease-in-out;
        -o-transition: opacity var(--time-hover) ease-in-out;
        transition: opacity var(--time-hover) ease-in-out
    }

    div.subject a:hover:before {
        opacity: 1
    }

    div.subject a.priority-1:before {
        background: var(--priority-1)
    }

    div.subject a.priority-2:before {
        background: var(--priority-2)
    }

    div.subject a.priority-3:before {
        background: var(--priority-3)
    }

    div.subject a.priority-4:before {
        background: var(--priority-4)
    }

    div.subject a.priority-5:before {
        background: var(--priority-5)
    }

table.list {
    border-color: var(--border-color-content);
    border-radius: var(--border-radius);
    margin: 0;
    width: 100%;
    border-spacing: 0;
    border-collapse: separate;
    overflow: hidden
}

    table.list thead {
        position: -webkit-sticky;
        position: sticky;
        z-index: 3;
        top: 0
    }

    table.list.files tbody th {
        border-bottom: 0;
        border-top: 1px solid var(--border-color-content)
    }

    table.list .icon-checked, table.list .name, table.list b {
        vertical-align: middle
    }

    table.list .group span.count {
        background: var(--color-main-color)
    }

    table.list .group.last-group td {
        border-bottom: 0
    }

    table.list .group td {
        text-align: center;
        color: var(--color-main-color);
        padding: 5px 5px;
        background: var(--bg-box);
        font-size: 1rem;
        line-height: 1.4;
        font-weight: 700 !important;
        vertical-align: middle;
        border-bottom: 0
    }

        table.list .group td:first-child {
            text-align: left
        }

    table.list .group.open .expander {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

        table.list .group.open .expander:after {
            color: var(--color-main-color)
        }

    table.list .group.open:nth-last-of-type(1) td {
        border-bottom: 0
    }

        table.list .group.open:nth-last-of-type(1) td:first-child {
            text-align: left
        }

    table.list .expander {
        vertical-align: middle;
        color: var(--text-color-main);
        border: none;
        background: 0 0;
        padding: 0;
        display: inline-block;
        height: var(--icon-smaller-width);
        width: var(--icon-smaller-width);
        min-height: var(--icon-smaller-width);
        min-width: var(--icon-smaller-width);
        margin: -3px 5px 0 0;
        overflow: hidden;
        position: relative;
        z-index: 2;
        border-radius: var(--icon-border-radius);
        font-size: 0;
        line-height: 0;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        -webkit-transition: transform var(--time-hover) ease-in-out;
        -o-transition: transform var(--time-hover) ease-in-out;
        -webkit-transition: -webkit-transform var(--time-hover) ease-in-out;
        transition: -webkit-transform var(--time-hover) ease-in-out;
        transition: transform var(--time-hover) ease-in-out;
        transition: transform var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
        background: 0 0 !important
    }

        table.list .expander:after {
            text-align: center;
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            clear: both;
            height: 100%;
            width: 100%;
            margin: 0;
            overflow: hidden;
            border-radius: var(--icon-border-radius);
            z-index: 1;
            font-family: var(--icon-font);
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-style: normal;
            font-variant: normal;
            font-weight: 400;
            text-decoration: none;
            text-transform: none;
            font-size: var(--icon-smaller-font-size);
            line-height: var(--icon-smaller-width);
            color: var(--icon-color-bg);
            -webkit-transition: color var(--time-hover) ease-in-out;
            -o-transition: color var(--time-hover) ease-in-out;
            transition: color var(--time-hover) ease-in-out
        }

        table.list .expander:before {
            content: '';
            display: block;
            clear: both;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: var(--icon_bg-bg);
            -webkit-transform: scale(0);
            -ms-transform: scale(0);
            transform: scale(0);
            z-index: -1;
            border-radius: var(--icon-border-radius);
            -webkit-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            -o-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            -webkit-transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
            transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
            transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
        }

        table.list .expander.selected:after, table.list .expander:hover:after {
            color: var(--icon-color-hover)
        }

        table.list .expander.selected:before, table.list .expander:hover:before {
            background: var(--icon_bg_hover-bg);
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1)
        }

    table.list .embpty-table th {
        border-bottom: 0
    }

    table.list > tbody > tr:last-child > td {
        border-bottom: 0 !important
    }

    table.list > tbody > tr:hover td {
        background: var(--all-hover-bg)
    }

    table.list > tbody > tr.issue.context-menu-selection > td.checkbox, table.list > tbody > tr.issue.context-menu-selection > td.drdn-items, table.list > tbody > tr.issue.context-menu-selection > td.subject, table.list > tbody > tr:hover > td.checkbox, table.list > tbody > tr:hover > td.drdn-items, table.list > tbody > tr:hover > td.subject {
        background: var(--all-hover-bg)
    }

    table.list > tbody > tr.issue.context-menu-selection table.progress, table.list > tbody > tr:hover table.progress {
        background: var(--bg-fff)
    }

        table.list > tbody > tr.issue.context-menu-selection table.progress td.todo, table.list > tbody > tr:hover table.progress td.todo {
            background: var(--bg-fff)
        }

    table.list > tbody > tr.context-menu-selection > td, table.list > tbody > tr.context-menu-selection > td.checkbox {
        background: var(--bg-box)
    }

    table.list > tbody > tr.context-menu-selection table.progress {
        background: var(--bg-fff)
    }

        table.list > tbody > tr.context-menu-selection table.progress td.todo {
            background: var(--bg-fff)
        }

    table.list td, table.list td.checkbox, table.list td.description, table.list th {
        background: var(--bg-fff);
        padding: 5px 5px;
        -webkit-transition: background var(--time-hover) ease-in-out;
        -o-transition: background var(--time-hover) ease-in-out;
        transition: background var(--time-hover) ease-in-out
    }

        table.list td.checkbox:last-child, table.list td.description:last-child, table.list td:last-child, table.list th:last-child {
            border-right: none
        }

    table.list tr.idnt td.name a, table.list tr.idnt td.subject a {
        position: relative;
        z-index: 1
    }

        table.list tr.idnt td.name a:after, table.list tr.idnt td.subject a:after {
            content: "\E077";
            display: block;
            clear: both;
            font-family: var(--icon-font);
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-style: normal;
            font-variant: normal;
            font-weight: 400;
            text-decoration: none;
            text-transform: none;
            font-size: var(--icon-font-size-small);
            line-height: 1;
            position: absolute;
            top: 50%;
            left: calc(0 - var(--icon-width-small));
            margin: -10px 0 0;
            width: var(--icon-width-small);
            height: var(--icon-width-small)
        }

    table.list tr.idnt td.name span a:after, table.list tr.idnt td.subject span a:after {
        display: none
    }

    table.list tr.idnt-1 td.name, table.list tr.idnt-1 td.subject {
        padding-left: 8px
    }

    table.list tr.idnt-2 td.name, table.list tr.idnt-2 td.subject {
        padding-left: 16px
    }

    table.list tr.idnt-3 td.name, table.list tr.idnt-3 td.subject {
        padding-left: 24px
    }

    table.list tr.idnt-4 td.name, table.list tr.idnt-4 td.subject {
        padding-left: 32px
    }

    table.list tr.idnt-5 td.name, table.list tr.idnt-5 td.subject {
        padding-left: 40px
    }

    table.list tr.idnt-6 td.name, table.list tr.idnt-6 td.subject {
        padding-left: 48px
    }

    table.list tr.idnt-7 td.name, table.list tr.idnt-7 td.subject {
        padding-left: 56px
    }

    table.list tr.idnt-8 td.name, table.list tr.idnt-8 td.subject {
        padding-left: 64px
    }

    table.list tr.idnt-9 td.name, table.list tr.idnt-9 td.subject {
        padding-left: 72px
    }

    table.list th {
        font-weight: 700;
        text-align: center;
        color: var(--color-main-color);
        padding: 7px 5px;
        background: var(--bg-box);
        border-bottom: 1px solid var(--border-color-content)
    }

        table.list th a {
            color: var(--color-link)
        }

        table.list th.add_issue_notes_shown {
            border-right: 0
        }

        table.list th:last-child {
            border-radius: 0 var(--border-radius) 0 0
        }

    table.list .total th:last-child {
        border-radius: 0
    }

    table.list tbody tr:first-child td, table.list > tr:first-child td {
        border-top: 0
    }

    table.list tbody tr:first-child th, table.list > tr:first-child th {
        border-bottom: 0
    }

    table.list tbody tr:last-child td:last-child, table.list > tr:last-child td:last-child {
        border-radius: 0 0 var(--border-radius) 0
    }

    table.list thead tr:last-child td, table.list thead tr:last-child th {
        border-top: 0
    }

    table.list td {
        font-weight: 600;
        font-size: 1rem;
        border-color: var(--border-color-content);
        border-top: 1px solid var(--border-color-content)
    }

        table.list td.add_issue_notes_shown {
            border-right: 0
        }

        table.list td.roles .edit_membership p:last-child {
            margin-top: 10px
        }

        table.list td.checkbox {
            border-color: var(--border-color-content)
        }

        table.list td.assigned_to a, table.list td.subject a {
            color: inherit
        }

            table.list td.assigned_to a:hover, table.list td.subject a:hover {
                text-decoration: none
            }

        table.list td.subject a {
            display: inline-block;
            float: left;
            padding: 5px 5px;
            position: relative;
            z-index: 2;
            overflow: hidden;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-transition: color var(--time-hover) ease-in-out;
            -o-transition: color var(--time-hover) ease-in-out;
            transition: color var(--time-hover) ease-in-out
        }

            table.list td.subject a:before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                opacity: .2;
                z-index: -1;
                width: 100%;
                height: 100%;
                border-radius: var(--border-radius-small);
                -webkit-transition: opacity var(--time-hover) ease-in-out;
                -o-transition: opacity var(--time-hover) ease-in-out;
                transition: opacity var(--time-hover) ease-in-out
            }

            table.list td.subject a:hover:before {
                opacity: 1
            }

        table.list td.priority {
            font-weight: 700
        }

        table.list td.buttons {
            width: 60px;
            padding-left: 2px;
            padding-right: 5px;
            text-align: right
        }

            table.list td.buttons .sort-handle, table.list td.buttons a {
                margin: 0 2px !important
            }

    table.list .priority-1 .priority {
        color: var(--priority-1)
    }

    table.list .priority-2 .priority {
        color: var(--priority-2)
    }

    table.list .priority-3 .priority {
        color: var(--priority-3)
    }

    table.list .priority-4 .priority {
        color: var(--priority-4)
    }

    table.list .priority-5 .priority {
        color: var(--priority-5)
    }

    table.list .priority-1 .subject a:before {
        background: var(--priority-1)
    }

    table.list .priority-2 .subject a:before {
        background: var(--priority-2)
    }

    table.list .priority-3 .subject a:before {
        background: var(--priority-3)
    }

    table.list .priority-4 .subject a:before {
        background: var(--priority-4)
    }

    table.list .priority-5 .subject a:before {
        background: var(--priority-5)
    }

    table.list tr:last-child td {
        border-bottom: none
    }

    table.list thead tr td, table.list thead tr:last-child td {
        border-bottom: 1px solid var(--border-color)
    }

    table.list .context-menu-selection, table.list .context-menu-selection a, table.list .context-menu-selection a:hover, table.list .context-menu-selection:hover {
        color: inherit !important
    }

.controller-issues.action-index table.list thead tr th:first-child {
    border-left: 8px solid var(--bg-box)
}

.controller-issues.action-index table.list td:first-child {
    border-left: 8px solid var(--bg-fff)
}

.controller-issues.action-index table.list .priority-1 td:first-child {
    border-left-color: var(--priority-1)
}

.controller-issues.action-index table.list .priority-2 td:first-child {
    border-left-color: var(--priority-2)
}

.controller-issues.action-index table.list .priority-3 td:first-child {
    border-left-color: var(--priority-3)
}

.controller-issues.action-index table.list .priority-4 td:first-child {
    border-left-color: var(--priority-4)
}

.controller-issues.action-index table.list .priority-5 td:first-child {
    border-left-color: var(--priority-5)
}

.controller-issues.action-index table.list .checkbox {
    max-width: 50px
}

    .controller-issues.action-index table.list .checkbox input {
        margin: 0
    }

.controller-issues.action-index table.list.JColResizer td, .controller-issues.action-index table.list.JColResizer th {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.controller-issues.action-index .JCLRgrips {
    height: 2px;
    margin: 0 0 -2px
}

    .controller-issues.action-index .JCLRgrips .JCLRgrip {
        width: 8px
    }

        .controller-issues.action-index .JCLRgrips .JCLRgrip.JCLRLastGrip {
            margin: 0;
            top: -9999999px;
            left: -9999999px;
            height: 0;
            width: 0
        }

.controller-issues.action-index .grip {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    width: 8px;
    height: 47px;
    margin-top: 0;
    background: var(--color-main-color);
    margin-left: 0;
    z-index: 88;
    cursor: e-resize;
    opacity: .3;
    -webkit-transition: opacity var(--time-hover) ease-in-out;
    -o-transition: opacity var(--time-hover) ease-in-out;
    transition: opacity var(--time-hover) ease-in-out
}

    .controller-issues.action-index .grip:hover {
        opacity: 1
    }

.controller-issues.action-index.small-list-view .grip {
    height: 30px
}

body.controller-issues table.list {
    border-radius: 0;
    border-left: 0;
    border-right: 0
}

    body.controller-issues table.list > thead > tr > th:first-child, body.controller-issues table.list > thead > tr > th:last-child {
        border-radius: 0
    }

body.controller-issues .query-totals {
    margin: 0;
    padding: 15px 0
}

body.controller-issues #content h2 + form {
    padding: 0;
    border: 0;
    z-index: 10
}

body.controller-issues table.list {
    margin: 0
}

.controller-issues.action-index .autoscroll {
    padding: 0;
    width: calc(100% + 60px);
    margin: 0 -30px
}

.controller-issues.action-index #main #content {
    padding-bottom: 76px
}

.controller-issues.action-index #content {
    display: none
}

    .controller-issues.action-index #content > .nodata, .controller-issues.action-index #content > .warning {
        margin-right: 30px;
        margin-left: 30px
    }

.controller-issues.action-index #query_form .holder-filters .in-filter {
    margin-bottom: 0
}

.controller-issues.action-show hr {
    display: none
}

.controller-issues.action-show #checklist, .controller-issues.action-show #issue_tree, .controller-issues.action-show #relations, .controller-issues.action-show div.description {
    border-top: 1px solid var(--border-color-content);
    padding: 15px 0;
    position: relative
}

    .controller-issues.action-show #checklist .value, .controller-issues.action-show #issue_tree .value, .controller-issues.action-show #relations .value, .controller-issues.action-show div.description .value {
        position: static !important
    }

    .controller-issues.action-show #checklist .fa-pencil, .controller-issues.action-show #issue_tree .fa-pencil, .controller-issues.action-show #relations .fa-pencil, .controller-issues.action-show div.description .fa-pencil {
        position: absolute;
        top: 0;
        right: 0
    }

    .controller-issues.action-show #checklist #checklist_items, .controller-issues.action-show #issue_tree #checklist_items, .controller-issues.action-show #relations #checklist_items, .controller-issues.action-show div.description #checklist_items {
        margin: 0;
        padding: 0
    }

    .controller-issues.action-show #checklist p {
        margin: 0
    }

    .controller-issues.action-show #checklist #checklist_items {
        padding-top: 15px
    }

        .controller-issues.action-show #checklist #checklist_items li {
            margin-left: 0
        }

.controller-issues.action-show #issue_tree, .controller-issues.action-show #relations {
    background: var(--bg-box);
    padding: 15px 30px;
    width: calc(100% + 60px) !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: -1px -30px 20px;
    width: 100%;
    border-bottom: 1px solid var(--border-color-content);
    border-top: 1px solid var(--border-color-content)
}

    .controller-issues.action-show #issue_tree .autoscroll, .controller-issues.action-show #relations .autoscroll {
        overflow: visible
    }

    .controller-issues.action-show #issue_tree .contextual, .controller-issues.action-show #relations .contextual {
        right: 30px
    }

    .controller-issues.action-show #issue_tree P, .controller-issues.action-show #relations P {
        margin: 0
    }

    .controller-issues.action-show #issue_tree table.list, .controller-issues.action-show #relations table.list {
        margin: 20px 0 5px;
        background: var(--bg-fff);
        border-radius: var(--border-radius-midle);
        -webkit-box-shadow: var(--table-shadow);
        box-shadow: var(--table-shadow)
    }

        .controller-issues.action-show #issue_tree table.list tr:first-child td, .controller-issues.action-show #relations table.list tr:first-child td {
            border-top: 0
        }

        .controller-issues.action-show #issue_tree table.list td.subject, .controller-issues.action-show #relations table.list td.subject {
            width: auto !important
        }

        .controller-issues.action-show #issue_tree table.list .issue > td a.issue, .controller-issues.action-show #relations table.list .issue > td a.issue {
            margin: 10px 5px
        }

    .controller-issues.action-show #issue_tree .contextual a, .controller-issues.action-show #relations .contextual a {
        background: 0 0;
        padding: 0;
        display: inline-block;
        height: var(--icon-smaller-width);
        width: var(--icon-smaller-width);
        margin: 0;
        overflow: hidden;
        z-index: 2;
        border-radius: var(--icon-border-radius);
        font-size: 0;
        line-height: 0;
        color: var(--icon-color-bg);
        -webkit-transition: color var(--time-hover) ease-in-out,opacity var(--time-hover) ease-in-out;
        -o-transition: color var(--time-hover) ease-in-out,opacity var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out,opacity var(--time-hover) ease-in-out
    }

        .controller-issues.action-show #issue_tree .contextual a:after, .controller-issues.action-show #relations .contextual a:after {
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            clear: both;
            height: 100%;
            width: 100%;
            margin: 0;
            overflow: hidden;
            border-radius: var(--icon-border-radius);
            z-index: 1;
            color: var(--icon-color-bg);
            font-family: var(--icon-font);
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-style: normal;
            font-variant: normal;
            font-weight: 400;
            text-decoration: none;
            text-transform: none;
            font-size: var(--icon-smaller-font-size);
            line-height: var(--icon-smaller-width);
            -webkit-transition: color var(--time-hover) ease-in-out;
            -o-transition: color var(--time-hover) ease-in-out;
            transition: color var(--time-hover) ease-in-out
        }

        .controller-issues.action-show #issue_tree .contextual a:before, .controller-issues.action-show #relations .contextual a:before {
            content: '';
            display: block;
            clear: both;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: var(--icon_bg-bg) !important;
            -webkit-transform: scale(0);
            -ms-transform: scale(0);
            transform: scale(0);
            z-index: -1;
            border-radius: var(--icon-border-radius);
            -webkit-transition: transform var(--time-hover) ease-in-out;
            -o-transition: transform var(--time-hover) ease-in-out;
            -webkit-transition: -webkit-transform var(--time-hover) ease-in-out;
            transition: -webkit-transform var(--time-hover) ease-in-out;
            transition: transform var(--time-hover) ease-in-out;
            transition: transform var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
        }

        .controller-issues.action-show #issue_tree .contextual a:hover, .controller-issues.action-show #relations .contextual a:hover {
            color: var(--icon-color-hover-bg)
        }

            .controller-issues.action-show #issue_tree .contextual a:hover:before, .controller-issues.action-show #relations .contextual a:hover:before {
                background-color: var(--icon_bg_hover-bg);
                -webkit-transform: scale(1);
                -ms-transform: scale(1);
                transform: scale(1)
            }

            .controller-issues.action-show #issue_tree .contextual a:hover:after, .controller-issues.action-show #relations .contextual a:hover:after {
                color: var(--icon-color-hover-bg)
            }

        .controller-issues.action-show #issue_tree .contextual a.selected, .controller-issues.action-show #relations .contextual a.selected {
            color: var(--icon_color_active-bg)
        }

            .controller-issues.action-show #issue_tree .contextual a.selected:before, .controller-issues.action-show #relations .contextual a.selected:before {
                background-color: var(--icon_bg_active-bg);
                -webkit-transform: scale(1);
                -ms-transform: scale(1);
                transform: scale(1)
            }

            .controller-issues.action-show #issue_tree .contextual a.selected:after, .controller-issues.action-show #relations .contextual a.selected:after {
                color: var(--icon_color_active-bg)
            }

    .controller-issues.action-show #issue_tree ~ #relations {
        margin-top: -21px
    }

.controller-issues.action-show.loggedas #main #content h2 {
    width: calc(100% + 90px)
}

.controller-issues.action-show #main #content {
    position: relative
}

    .controller-issues.action-show #main #content h2 {
        padding: 15px 75px 15px 45px;
        margin: 0 -60px 40px -30px
    }

    .controller-issues.action-show #main #content > .contextual {
        white-space: normal;
        position: absolute;
        width: 56px;
        z-index: 10;
        left: 100%;
        right: 4px;
        top: 94px;
        padding: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: auto;
        -webkit-transition: right var(--time-main) ease-in-out;
        -o-transition: right var(--time-main) ease-in-out;
        transition: right var(--time-main) ease-in-out
    }

        .controller-issues.action-show #main #content > .contextual:nth-of-type(1) {
            display: none
        }

        .controller-issues.action-show #main #content > .contextual .icon {
            margin: 0 0 5px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

        .controller-issues.action-show #main #content > .contextual.hidden-link .assign-to-me, .controller-issues.action-show #main #content > .contextual.hidden-link .icon:not(.new-icon) {
            opacity: .25
        }

            .controller-issues.action-show #main #content > .contextual.hidden-link .assign-to-me:hover, .controller-issues.action-show #main #content > .contextual.hidden-link .icon:not(.new-icon):hover {
                opacity: 1
            }

        .controller-issues.action-show #main #content > .contextual.hidden-link .new-icon:hover {
            opacity: 1;
            color: var(--bg-fff)
        }

.controller-issues.action-show.has-sidebar.open-sidebar #wrapper #main {
    margin: 0 286px 0 0
}

.controller-issues.action-show.issues-contextual #main {
    margin: 0 30px 0 0
}

#main .issue .attachments {
    padding: 30px 0
}

    #main .issue .attachments:after {
        content: '';
        display: block;
        clear: both
    }

    #main .issue .attachments .thumbnails {
        display: none
    }

#main .attachments table {
    width: 100%
}

#main .attachments div.images {
    padding: 0 20px;
    margin: 0 -30px -1px;
    border: none;
    background: var(--bg-box);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color)
}

    #main .attachments div.images a {
        position: relative;
        overflow: hidden;
        border: 5px solid var(--bg-fff);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        max-height: 100px;
        width: 100px;
        background: var(--bg-fff);
        margin: 10px;
        border-radius: var(--border-radius-midle);
        -webkit-box-shadow: var(--table-shadow);
        box-shadow: var(--table-shadow)
    }

        #main .attachments div.images a:after {
            content: '';
            display: block;
            clear: both;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            background: var(--color-main-color);
            opacity: 0;
            -o-transition: opacity var(--time-hover) ease-in-out;
            -webkit-transition: opacity var(--time-hover) ease-in-out;
            transition: opacity var(--time-hover) ease-in-out
        }

        #main .attachments div.images a:before {
            content: '';
            display: block;
            clear: both;
            position: absolute;
            top: 50%;
            left: 50%;
            margin: -15px 0 0 -15px;
            width: 30px;
            height: 30px;
            border-radius: var(--icon-border-radius);
            z-index: 2;
            background-color: var(--bg-fff);
            background-image: url(../images/icon-hover/all/zoom-in.svg);
            background-repeat: no-repeat;
            background-position: 0 0;
            -webkit-transform: scale(0);
            -ms-transform: scale(0);
            transform: scale(0);
            -webkit-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            -o-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            -webkit-transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
            transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
            transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
        }

        #main .attachments div.images a:hover:after {
            opacity: .5
        }

        #main .attachments div.images a:hover:before {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1)
        }

        #main .attachments div.images a img {
            display: block;
            max-width: 100%
        }

#main .attachments table td {
    padding: 0;
    vertical-align: middle;
    font-size: 1rem;
    line-height: 26px
}

#main .attachments table .size {
    margin: 0 5px 0 0
}

#main .attachments table .delete {
    margin: 0 0 0 5px
}

#main .attachments a.icon-attachment {
    width: auto;
    margin: 0 10px 0 0;
    font-size: 1rem;
    line-height: 26px;
    display: inline-block;
    text-decoration: none !important;
    float: left;
    border-radius: 0
}

    #main .attachments a.icon-attachment:after, #main .attachments a.icon-attachment:before {
        display: none
    }

#main .attachments span.icon-attachment {
    padding: 0
}

#main .attachments .icon-magnifier {
    display: none
}

#main #zen-draft {
    padding: 0 0 15px;
    margin: 0 0 15px;
    border-bottom: 1px solid var(--border-color)
}

    #main #zen-draft hr {
        display: none
    }

    #main #zen-draft #apply-zen-draft, #main #zen-draft #cancel-zen-draft {
        padding: 8px 30px;
        font-size: 1rem;
        line-height: 1rem;
        -webkit-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        -o-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        border-radius: var(--button-border-radius);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background: var(--button-main-bg);
        border: none;
        color: var(--button-main-color);
        display: inline-block;
        vertical-align: top;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-weight: var(--button-font-weight);
        margin: 0 10px 0 0;
        height: auto;
        width: auto
    }

        #main #zen-draft #apply-zen-draft:hover, #main #zen-draft #cancel-zen-draft:hover {
            background: var(--button-main-bg-hover);
            color: var(--button-main-color-hover)
        }

        #main #zen-draft #apply-zen-draft:disabled, #main #zen-draft #cancel-zen-draft:disabled {
            background: var(--button-main-bg-disabled);
            color: var(--button-main-color-disabled);
            cursor: default
        }

            #main #zen-draft #apply-zen-draft:disabled:hover, #main #zen-draft #cancel-zen-draft:disabled:hover {
                background: var(--button-main-bg-disabled);
                color: var(--button-main-color-disabled)
            }

    #main #zen-draft #cancel-zen-draft {
        background: var(--color-main-color-text);
        color: var(--color-main-color)
    }

        #main #zen-draft #cancel-zen-draft:hover {
            background: var(--color-main-color);
            color: var(--color-main-color-text)
        }

        #main #zen-draft #cancel-zen-draft:disabled {
            background: var(--color-dark-grey);
            cursor: default
        }

            #main #zen-draft #cancel-zen-draft:disabled:hover {
                background: var(--color-dark-grey);
                color: var(--bg-fff)
            }

#main .tabular #zen-draft #apply-zen-draft {
    background: var(--color-main-color);
    color: var(--color-main-color-text)
}

    #main .tabular #zen-draft #apply-zen-draft:hover {
        background: var(--color-main-color-text);
        color: var(--color-main-color)
    }

#new-relation-form p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 10px
}

    #new-relation-form p input[type=text] {
        margin: 0 10px 0 10px
    }

    #new-relation-form p input[type=submit] {
        margin: 0 !important;
        border-radius: var(--border-radius-small) !important
    }

        #new-relation-form p input[type=submit] + a {
            color: var(--button-color);
            background: var(--button-bg);
            border-radius: var(--border-radius-small) !important
        }

            #new-relation-form p input[type=submit] + a:hover {
                background: var(--button-bg-hover);
                color: var(--button-color-hover)
            }

#main div.issue {
    background: 0 0;
    position: relative;
    z-index: 1;
    padding: 33px 0 0;
    margin: 0;
    border-radius: 7px 7px 0 0;
    border: none
}

    #main div.issue:after {
        display: block;
        clear: both;
        width: 100%;
        height: 1px
    }

    #main div.issue p {
        margin: 0 0 15px
    }

        #main div.issue p.author {
            margin-bottom: 0
        }

    #main div.issue .subject .value {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    #main div.issue .subject p {
        margin: 0 0 5px
    }

    #main div.issue .subject div:first-child {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }

    #main div.issue .value:hover .fa-pencil:before {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    #main div.issue .value:hover .fa-pencil:after {
        color: var(--icon-color-hover)
    }

    #main div.issue .fa-pencil {
        margin: 0 0 0 10px
    }

    #main div.issue .attributes {
        margin: 0;
        padding: 15px 0 14px;
        display: block;
        width: 100%
    }

        #main div.issue .attributes:after {
            content: '';
            display: block;
            clear: both
        }

        #main div.issue .attributes .splitcontentleft {
            float: none;
            width: auto;
            margin: 0 80px 0 0
        }

        #main div.issue .attributes .attribute {
            padding: 0 0 5px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

            #main div.issue .attributes .attribute .value {
                overflow: visible;
                -webkit-box-flex: 1;
                -ms-flex: 1 0;
                flex: 1 0;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                margin: 0 0 1px
            }

            #main div.issue .attributes .attribute .label {
                float: none;
                margin: 0;
                width: 160px
            }

    #main div.issue .contextual {
        position: absolute;
        top: 10px;
        right: 0;
        padding: 0;
        margin: 0 !important;
        min-height: inherit !important
    }

        #main div.issue .contextual .journal-actions {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 10
        }

        #main div.issue .contextual.next-prev-links {
            color: var(--bg-fff)
        }

            #main div.issue .contextual.next-prev-links .position {
                color: var(--text-color-main)
            }

    #main div.issue table.list {
        margin: 0
    }

        #main div.issue table.list td {
            padding: 3px 5px
        }

            #main div.issue table.list td.subject a {
                margin: 0 5px
            }

            #main div.issue table.list td.buttons {
                padding: 3px 5px 3px 4px
            }

                #main div.issue table.list td.buttons a {
                    margin: 0 0 0 10px
                }

            #main div.issue table.list td.description p {
                margin: 5px 0
            }

    #main div.issue table.progress td {
        padding: 0;
        border: none
    }

    #main div.issue table.progress + .percent {
        margin: 0 !important
    }

div.issue ~ hr {
    display: none
}

div.gravatar-with-child > img.gravatar:nth-child(2) {
    display: none
}

div.gravatar-with-child {
    float: left;
    width: 60px;
    height: 60px;
    background: #f4f7fc;
    border-radius: 50%;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: -5px 10px 10px 0
}

    div.gravatar-with-child img.gravatar {
        width: 100%;
        height: auto;
        border-radius: 0;
        margin: 0
    }

.next-prev-links.contextual {
    font-size: 0;
    line-height: 0
}

    .next-prev-links.contextual a[accesskey="n"], .next-prev-links.contextual a[accesskey="p"] {
        display: inline-block;
        vertical-align: top;
        height: var(--icon-smaller-width);
        width: var(--icon-smaller-width);
        position: relative;
        text-indent: -99999px;
        margin: -2px 0 0
    }

        .next-prev-links.contextual a[accesskey="n"]:after, .next-prev-links.contextual a[accesskey="p"]:after {
            content: "\E091";
            color: var(--icon-color-bg);
            text-indent: 0;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 3;
            height: var(--icon-smaller-width);
            width: var(--icon-smaller-width);
            text-align: center;
            font-family: var(--icon-font);
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-style: normal;
            font-variant: normal;
            font-weight: 400;
            text-decoration: none;
            text-transform: none;
            font-size: var(--icon-smaller-font-size);
            line-height: var(--icon-smaller-width);
            -webkit-transition: color var(--time-hover) ease-in-out;
            -o-transition: color var(--time-hover) ease-in-out;
            transition: color var(--time-hover) ease-in-out
        }

        .next-prev-links.contextual a[accesskey="n"][accesskey="n"]:after, .next-prev-links.contextual a[accesskey="p"][accesskey="n"]:after {
            content: "\E077"
        }

        .next-prev-links.contextual a[accesskey="n"]:before, .next-prev-links.contextual a[accesskey="p"]:before {
            content: '';
            display: block;
            clear: both;
            position: absolute;
            top: 0;
            left: 0;
            height: var(--icon-smaller-width);
            width: var(--icon-smaller-width);
            background: var(--icon_bg);
            -webkit-transform: scale(0);
            -ms-transform: scale(0);
            transform: scale(0);
            z-index: 1;
            border-radius: var(--icon-border-radius);
            -webkit-transition: transform var(--time-hover) ease-in-out;
            -o-transition: transform var(--time-hover) ease-in-out;
            -webkit-transition: -webkit-transform var(--time-hover) ease-in-out;
            transition: -webkit-transform var(--time-hover) ease-in-out;
            transition: transform var(--time-hover) ease-in-out;
            transition: transform var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
        }

        .next-prev-links.contextual a[accesskey="n"]:hover:before, .next-prev-links.contextual a[accesskey="p"]:hover:before {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1)
        }

        .next-prev-links.contextual a[accesskey="n"]:hover:after, .next-prev-links.contextual a[accesskey="p"]:hover:after {
            color: var(--icon-color-hover)
        }

    .next-prev-links.contextual .position {
        margin: 0 10px
    }

        .next-prev-links.contextual .position a {
            font-size: 1rem;
            line-height: 21px;
            color: var(--text-color-main)
        }

            .next-prev-links.contextual .position a:hover {
                text-decoration: none
            }

table.progress {
    width: 160px;
    background: var(--bg-body);
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px
}

    table.progress td {
        height: 10px;
        padding: 0;
        border-radius: var(--border-radius) !important
    }

        table.progress td.closed ~ .done, table.progress td.closed ~ .todo {
            border-radius: 0 var(--border-radius) var(--border-radius) 0 !important
        }

        table.progress td.done ~ .todo {
            border-radius: 0 var(--border-radius) var(--border-radius) 0 !important
        }

        table.progress td.todo {
            background: var(--bg-body)
        }

.priority-1 table.progress td.closed {
    background: var(--priority-1)
}

.priority-2 table.progress td.closed {
    background: var(--priority-2)
}

.priority-3 table.progress td.closed {
    background: var(--priority-3)
}

.priority-4 table.progress td.closed {
    background: var(--priority-4)
}

.priority-5 table.progress td.closed {
    background: var(--priority-5)
}

.priority-1 .priority-1 table.progress td.closed, .priority-2 .priority-1 table.progress td.closed, .priority-3 .priority-1 table.progress td.closed, .priority-4 .priority-1 table.progress td.closed, .priority-5 .priority-1 table.progress td.closed {
    background: var(--priority-1)
}

.priority-1 .priority-2 table.progress td.closed, .priority-2 .priority-2 table.progress td.closed, .priority-3 .priority-2 table.progress td.closed, .priority-4 .priority-2 table.progress td.closed, .priority-5 .priority-2 table.progress td.closed {
    background: var(--priority-2)
}

.priority-1 .priority-3 table.progress td.closed, .priority-2 .priority-3 table.progress td.closed, .priority-3 .priority-3 table.progress td.closed, .priority-4 .priority-3 table.progress td.closed, .priority-5 .priority-3 table.progress td.closed {
    background: var(--priority-3)
}

.priority-1 .priority-4 table.progress td.closed, .priority-2 .priority-4 table.progress td.closed, .priority-3 .priority-4 table.progress td.closed, .priority-4 .priority-4 table.progress td.closed, .priority-5 .priority-4 table.progress td.closed {
    background: var(--priority-4)
}

.priority-1 .priority-5 table.progress td.closed, .priority-2 .priority-5 table.progress td.closed, .priority-3 .priority-5 table.progress td.closed, .priority-4 .priority-5 table.progress td.closed, .priority-5 .priority-5 table.progress td.closed {
    background: var(--priority-5)
}

body.controller-issues.action-show div.issue.details .attributes {
    display: block !important
}

body.controller-issues.action-show div.issue.details .splitcontent {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.info-small-fancybox {
    position: absolute;
    top: -999999px;
    left: -999999px
}

#history div.thumbnails, #history_tabs div.thumbnails {
    padding: 10px 0;
    margin: 0 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    #history div.thumbnails div, #history_tabs div.thumbnails div {
        margin: 0 5px 5px 0;
        border: 0
    }

        #history div.thumbnails div a, #history_tabs div.thumbnails div a {
            border: 1px solid var(--border-color);
            border-radius: var(--border-radius-small);
            -webkit-transition: border-color var(--time-hover) ease-in-out;
            -o-transition: border-color var(--time-hover) ease-in-out;
            transition: border-color var(--time-hover) ease-in-out;
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            min-height: 50px
        }

            #history div.thumbnails div a:after, #history_tabs div.thumbnails div a:after {
                content: '';
                display: block;
                clear: both;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                border-radius: var(--border-radius-small);
                -webkit-transition: opacity var(--time-hover) ease-in-out;
                -o-transition: opacity var(--time-hover) ease-in-out;
                transition: opacity var(--time-hover) ease-in-out;
                opacity: 0;
                background: var(--color-main-color)
            }

            #history div.thumbnails div a:before, #history_tabs div.thumbnails div a:before {
                color: var(--color-main-color);
                content: "\E0AA";
                border-radius: var(--icon-border-radius);
                background: var(--color-main-color-text);
                display: block;
                clear: both;
                width: 26px;
                height: 26px;
                position: absolute;
                top: 50%;
                left: 50%;
                margin: -13px 0 0 -13px;
                text-align: center;
                font-family: var(--icon-font);
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                font-style: normal;
                font-variant: normal;
                font-weight: 400;
                text-decoration: none;
                text-transform: none;
                font-size: 26px;
                line-height: 26px;
                -webkit-transition: color var(--time-hover) ease-in-out,background var(--time-hover) ease-in-out;
                -o-transition: color var(--time-hover) ease-in-out,background var(--time-hover) ease-in-out;
                transition: color var(--time-hover) ease-in-out,background var(--time-hover) ease-in-out
            }

            #history div.thumbnails div a:hover, #history_tabs div.thumbnails div a:hover {
                border-color: var(--color-main-color)
            }

                #history div.thumbnails div a:hover:after, #history_tabs div.thumbnails div a:hover:after {
                    opacity: .2
                }

                #history div.thumbnails div a:hover:before, #history_tabs div.thumbnails div a:hover:before {
                    color: var(--color-main-color-text);
                    background: var(--color-main-color)
                }

            #history div.thumbnails div a img, #history_tabs div.thumbnails div a img {
                display: block;
                border-radius: var(--border-radius-small)
            }

#content #history .contextual {
    margin-top: -5px
}

#main > #content #history, #main > #content #history_tabs, #main > #content + #history {
    padding: 0 0 20px;
    border: none;
    margin: 0;
    position: relative;
    z-index: 2
}

    #main > #content #history .icon-magnifier, #main > #content #history_tabs .icon-magnifier, #main > #content + #history .icon-magnifier {
        position: absolute !important;
        top: -9999999px;
        left: -9999999px
    }

    #main > #content #history h3, #main > #content #history_tabs h3, #main > #content + #history h3 {
        position: relative;
        border-bottom: 1px solid var(--border-color-content);
        padding: 0 0 7px;
        color: var(--color-main-color);
        font-size: 1.1428rem;
        font-weight: 600
    }

        #main > #content #history h3:before, #main > #content #history_tabs h3:before, #main > #content + #history h3:before {
            content: '';
            position: absolute;
            bottom: -2px;
            left: 0;
            width: 60px;
            height: 4px;
            background: var(--color-main-color);
            border-radius: 2px
        }

    #main > #content #history .journal > div, #main > #content #history_tabs .journal > div, #main > #content + #history .journal > div {
        position: relative;
        padding: 5px 0
    }

        #main > #content #history .journal > div:target, #main > #content #history_tabs .journal > div:target, #main > #content + #history .journal > div:target {
            position: relative
        }

            #main > #content #history .journal > div:target:after, #main > #content #history_tabs .journal > div:target:after, #main > #content + #history .journal > div:target:after {
                content: '';
                display: block;
                clear: both;
                position: absolute;
                top: 0;
                left: -30px;
                width: 100%;
                height: 100%;
                padding: 0 30px;
                background: var(--bg-body);
                z-index: -1
            }

            #main > #content #history .journal > div:target h4, #main > #content #history_tabs .journal > div:target h4, #main > #content + #history .journal > div:target h4 {
                background: 0 0;
                position: relative
            }

            #main > #content #history .journal > div:target a, #main > #content #history_tabs .journal > div:target a, #main > #content + #history .journal > div:target a {
                color: var(--icon-grey)
            }

                #main > #content #history .journal > div:target a:hover, #main > #content #history_tabs .journal > div:target a:hover, #main > #content + #history .journal > div:target a:hover {
                    color: var(--color-main-color)
                }

                #main > #content #history .journal > div:target a:before, #main > #content #history_tabs .journal > div:target a:before, #main > #content + #history .journal > div:target a:before {
                    background: var(--color-main-color-text)
                }

    #main > #content #history .journal .gravatar, #main > #content #history_tabs .journal .gravatar, #main > #content + #history .journal .gravatar {
        margin: 0 5px 8px 0;
        border-radius: var(--border-radius-full)
    }

    #main > #content #history .journal h4, #main > #content #history_tabs .journal h4, #main > #content + #history .journal h4 {
        font-size: 1rem;
        line-height: 1.4;
        font-weight: 600;
        border-bottom: 1px solid var(--border-color-content)
    }

        #main > #content #history .journal h4 .icon-email, #main > #content #history_tabs .journal h4 .icon-email, #main > #content + #history .journal h4 .icon-email {
            padding: 0
        }

            #main > #content #history .journal h4 .icon-email:after, #main > #content #history_tabs .journal h4 .icon-email:after, #main > #content + #history .journal h4 .icon-email:after {
                display: none
            }

    #main > #content #history .journal .details, #main > #content #history_tabs .journal .details, #main > #content + #history .journal .details {
        padding: 0;
        margin: 0;
        list-style: none;
        color: #373737;
        overflow: hidden
    }

        #main > #content #history .journal .details li, #main > #content #history_tabs .journal .details li, #main > #content + #history .journal .details li {
            margin: 0 0 10px
        }

        #main > #content #history .journal .details b, #main > #content #history .journal .details strong, #main > #content #history_tabs .journal .details b, #main > #content #history_tabs .journal .details strong, #main > #content + #history .journal .details b, #main > #content + #history .journal .details strong {
            font-weight: 600
        }

        #main > #content #history .journal .details i, #main > #content #history_tabs .journal .details i, #main > #content + #history .journal .details i {
            font-style: normal;
            font-weight: 600
        }

    #main > #content #history form[action*=journals], #main > #content #history_tabs form[action*=journals], #main > #content + #history form[action*=journals] {
        padding: 20px;
        background: var(--bg-box);
        border-radius: var(--border-radius);
        display: block;
        margin: 0 0 20px
    }

        #main > #content #history form[action*=journals] p, #main > #content #history_tabs form[action*=journals] p, #main > #content + #history form[action*=journals] p {
            margin: 15px 0 0
        }

        #main > #content #history form[action*=journals] .jstBlock, #main > #content #history_tabs form[action*=journals] .jstBlock, #main > #content + #history form[action*=journals] .jstBlock {
            margin: 0 0 15px
        }

        #main > #content #history form[action*=journals] input[type=submit], #main > #content #history_tabs form[action*=journals] input[type=submit], #main > #content + #history form[action*=journals] input[type=submit] {
            color: var(--button-main-color);
            background: var(--button-main-bg)
        }

            #main > #content #history form[action*=journals] input[type=submit]:hover, #main > #content #history_tabs form[action*=journals] input[type=submit]:hover, #main > #content + #history form[action*=journals] input[type=submit]:hover {
                color: var(--button-main-color-hover);
                background: var(--button-main-bg-hover)
            }

            #main > #content #history form[action*=journals] input[type=submit] + a, #main > #content #history_tabs form[action*=journals] input[type=submit] + a, #main > #content + #history form[action*=journals] input[type=submit] + a {
                background: var(--button-bg);
                color: var(--button-color)
            }

                #main > #content #history form[action*=journals] input[type=submit] + a:hover, #main > #content #history_tabs form[action*=journals] input[type=submit] + a:hover, #main > #content + #history form[action*=journals] input[type=submit] + a:hover {
                    background: var(--button-bg-hover);
                    color: var(--button-color-hover)
                }

#main > #content + #history {
    padding: 20px 30px 20px;
    margin: -62px 0 10px;
    background: var(--bg-fff);
    border-radius: 0 0 var(--border-radius) var(--border-radius);
    -webkit-box-shadow: var(--big-shadow);
    box-shadow: var(--big-shadow);
    position: relative;
    z-index: 11
}

#new-relation-form {
    display: block;
    padding: 15px 0 0
}

    #new-relation-form p {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    #new-relation-form .jcf-select {
        margin: 0 10px 0 0
    }

    #new-relation-form input.autocomplete {
        margin: 0 10px !important
    }

    #new-relation-form input[type=submit] {
        height: 30px !important;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background: var(--button-main-bg);
        border: none;
        color: var(--button-main-color);
        border-radius: var(--border-radius-small) !important;
        -moz-border-radius: var(--border-radius-small) !important;
        -webkit-border-radius: var(--border-radius-small) !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 5px 30px !important;
        font-weight: 700;
        margin: 0 20px 0 0 !important;
        font-size: 1rem !important;
        border-radius: var(--button-border-radius)
    }

#update {
    position: relative;
    z-index: 11;
    margin: 0;
    width: 100%;
    padding: 15px 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    #update:after {
        content: '';
        display: block;
        clear: both;
        width: calc(100% + 60px);
        height: 1px;
        background: var(--border-color);
        position: absolute;
        top: 0;
        left: -30px
    }

    #update .cc-list-edit .select2 {
        margin-left: 0
    }

#content form .box .cc-list-edit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    #content form .box .cc-list-edit .is-cc {
        margin: 0 0 0 -295px !important;
        width: 295px;
        padding: 0 10px 0 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        #content form .box .cc-list-edit .is-cc label {
            margin: 0 !important;
            width: 100% !important;
            padding: 0 !important
        }

#content #update {
    display: block;
    margin: 0 0 20px
}

    #content #update.hidden {
        display: none;
        position: relative;
        top: 0;
        left: 0
    }

    #content #update .jstBlock {
        margin: 0 0 10px
    }

    #content #update h3 {
        color: var(--color-main-color)
    }

    #content #update .box {
        background: 0 0;
        border: none;
        margin: 0;
        padding: 0
    }

        #content #update .box fieldset {
            overflow: hidden;
            position: relative;
            width: 100%;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding: 52px 20px 15px;
            border: none;
            margin-bottom: 20px;
            background: var(--bg-box);
            border-radius: var(--border-radius)
        }

            #content #update .box fieldset legend {
                position: absolute;
                top: 17px;
                left: 20px;
                font-weight: 600;
                color: var(--color-main-color);
                margin: 0;
                padding: 0
            }

    #content #update label {
        text-align: left
    }

    #content #update .jcf-select {
        min-width: 190px
    }

    #content #update .attributes .splitcontent {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    #content #update select#issue_deals_issue_attributes_deal_id + .jcf-select {
        display: none !important
    }

    #content #update #checklist_form .checklist-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    #content #update #checklist_form .checklist-subject {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }

    #content #update #checklist_form input[type=checkbox] {
        margin-right: 15px
    }

#content form.new_issue #checklist_form .checklist-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#content form.new_issue #checklist_form input[type=checkbox] {
    margin-right: 15px
}

span.required {
    color: var(--color-main-color)
}

#issue_is_private_wrap {
    padding: 0 0 0 10px;
    float: none;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

a.sort {
    position: relative;
    background-image: none !important
}

    a.sort:after {
        color: var(--color-main-color);
        text-align: center;
        position: absolute;
        top: 50%;
        right: 0;
        display: block;
        clear: both;
        height: 18px;
        width: 18px;
        margin: -9px 0 0;
        overflow: hidden;
        z-index: 1;
        font-family: var(--icon-font);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        text-decoration: none;
        text-transform: none;
        font-size: 18px;
        line-height: 18px
    }

#main #checklist_form_items {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    width: 100%
}

    #main #checklist_form_items .checklist-item.new {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

        #main #checklist_form_items .checklist-item.new .checklist-new {
            display: block;
            width: calc(100% - 36px);
            -webkit-box-flex: 1;
            -ms-flex: 1 0 auto;
            flex: 1 0 auto
        }

            #main #checklist_form_items .checklist-item.new .checklist-new input {
                width: 100%;
                margin: 0
            }

        #main #checklist_form_items .checklist-item.new:hover span.icon:before {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1)
        }

        #main #checklist_form_items .checklist-item.new:hover span.icon:after {
            opacity: 1
        }

    #main #checklist_form_items .checklist-remove a {
        margin: 0 0 0 5px
    }

#issue-form #watchers_form_container {
    margin-top: 10px;
    border-spacing: 0;
    padding: 0;
    position: relative
}

    #issue-form #watchers_form_container .search_for_watchers {
        position: absolute;
        top: 0;
        right: 0;
        width: 26px;
        height: 26px
    }

    #issue-form #watchers_form_container p {
        margin: 0
    }

    #issue-form #watchers_form_container #watchers_inputs {
        padding: 0 40px 0 0
    }

        #issue-form #watchers_form_container #watchers_inputs label {
            margin-bottom: 5px !important
        }

#issue-form p br {
    content: '';
    display: block;
    clear: both;
    width: 100%;
    margin: 0 0 5px
}

.attachments_form span.attachments_fields > span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.controller-public_tickets.action-show #header {
    padding-top: 20px
}

.controller-public_tickets #main #content .journal {
    display: block;
    padding: 15px 20px 15px 20px;
    margin: 15px 0 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    webkit-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
    background: var(--bg-box);
    border: 0;
    position: relative
}

    .controller-public_tickets #main #content .journal:after {
        display: none
    }

    .controller-public_tickets #main #content .journal > div {
        padding: 0 !important
    }

    .controller-public_tickets #main #content .journal h4 {
        border-bottom: 0 !important;
        padding: 0 !important
    }

.controller-public_tickets #content #update .box {
    color: var(--text-color-main);
    overflow: hidden;
    position: relative;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
    margin: 0 0 20px;
    border: none;
    background: var(--bg-box);
    border-radius: var(--border-radius)
}

    .controller-public_tickets #content #update .box label {
        margin: 0 0 10px !important;
        font-weight: 700;
        width: 100% !important
    }

.controller-issues.action-show #main > #content > .badge {
    position: absolute;
    top: 60px;
    left: 0;
    width: auto !important;
    max-height: 18px
}

    .controller-issues.action-show #main > #content > .badge.badge-private {
        position: static;
        top: 0;
        left: 0;
        margin: 0;
        border: none;
        border-radius: var(--border-radius-small)
    }

.controller-issues.action-show #main > #content > .contextual:not(.next-prev-links) .drdn .drdn-content {
    display: block;
    background: 0 0;
    margin: 0;
    position: static;
    border: 0;
    padding: 0
}

.controller-issues.action-show #main > #content > .contextual:not(.next-prev-links) .drdn .drdn-trigger {
    display: none
}

.controller-issues.action-show #main > #content > .contextual:not(.next-prev-links) .drdn-items {
    display: block;
    padding: 0;
    margin: 0
}

    .controller-issues.action-show #main > #content > .contextual:not(.next-prev-links) .drdn-items a.icon {
        font-size: 0;
        line-height: 0;
        background: 0 0;
        height: var(--icon-width);
        width: var(--icon-width);
        min-width: var(--icon-width);
        min-height: var(--icon-width);
        padding: 0;
        margin: 0 0 5px;
        color: var(--icon-color-bg);
        border-radius: var(--icon-border-radius)
    }

        .controller-issues.action-show #main > #content > .contextual:not(.next-prev-links) .drdn-items a.icon:after {
            font-size: var(--icon-font-size) !important;
            line-height: var(--icon-width) !important;
            height: var(--icon-width);
            width: var(--icon-width);
            color: var(--icon-color-bg);
            left: 0;
            -webkit-transition: color var(--time-hover) ease-in-out;
            -o-transition: color var(--time-hover) ease-in-out;
            transition: color var(--time-hover) ease-in-out
        }

        .controller-issues.action-show #main > #content > .contextual:not(.next-prev-links) .drdn-items a.icon:hover {
            color: var(--icon-color-hover-bg)
        }

            .controller-issues.action-show #main > #content > .contextual:not(.next-prev-links) .drdn-items a.icon:hover:after {
                color: var(--icon-color-hover-bg)
            }

            .controller-issues.action-show #main > #content > .contextual:not(.next-prev-links) .drdn-items a.icon:hover:before {
                background: var(--icon_bg_hover-bg);
                -webkit-transform: scale(1);
                -ms-transform: scale(1);
                transform: scale(1)
            }

        .controller-issues.action-show #main > #content > .contextual:not(.next-prev-links) .drdn-items a.icon:before {
            background: var(--icon_bg-bg);
            width: 100%;
            -webkit-transform: scale(0);
            -ms-transform: scale(0);
            transform: scale(0);
            border-radius: var(--icon-border-radius);
            -webkit-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            -o-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            -webkit-transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
            transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
            transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
        }

.controller-issues.action-new #change_author > a {
    display: none !important
}

.controller-issues.action-show .mod-obj {
    display: none
}

.controller-issues .refreshData {
    border: none;
    background: 0 0;
    padding: 0;
    display: inline-block;
    height: var(--icon-width);
    width: var(--icon-width);
    margin: 0;
    overflow: hidden;
    position: relative;
    z-index: 2;
    border-radius: var(--icon-border-radius);
    font-size: 0;
    line-height: 0;
    color: var(--icon-color-bg);
    vertical-align: middle;
    -webkit-transition: color var(--time-hover) ease-in-out;
    -o-transition: color var(--time-hover) ease-in-out;
    transition: color var(--time-hover) ease-in-out;
    cursor: pointer
}

    .controller-issues .refreshData:after {
        content: "\E09A";
        text-align: center;
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        clear: both;
        height: 100%;
        width: 100%;
        margin: 0;
        overflow: hidden;
        border-radius: var(--icon-border-radius);
        z-index: 1;
        font-family: var(--icon-font);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        text-decoration: none;
        text-transform: none;
        font-size: var(--icon-font-size);
        line-height: var(--icon-width)
    }

    .controller-issues .refreshData:before {
        content: '';
        display: block;
        clear: both;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: var(--icon_bg);
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        z-index: -1;
        border-radius: var(--icon-border-radius);
        -webkit-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        -o-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        -webkit-transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
        transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
        transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
    }

    .controller-issues .refreshData:hover {
        color: var(--icon_color_active);
        background-image: none !important
    }

        .controller-issues .refreshData:hover:before {
            background: var(--icon_bg_hover);
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1)
        }

.controller-issues .list .refreshData {
    height: var(--icon-smaller-width);
    width: var(--icon-smaller-width)
}

    .controller-issues .list .refreshData:after {
        font-size: var(--icon-smaller-font-size);
        line-height: var(--icon-smaller-width)
    }

    .controller-issues .list .refreshData:hover {
        color: var(--color-main-color-text)
    }

        .controller-issues .list .refreshData:hover:before {
            background: var(--color-main-color)
        }

#content #change_author .icon-edit {
    margin: 0 10px 0 0
}

#main #issue-form .tabular.filedroplistner p[style="float:right; margin-right:1em;"] {
    margin-right: 0 !important
}

#content form .box p #issue_estimated_hours {
    margin: 0
}

    #content form .box p #issue_due_date ~ label, #content form .box p #issue_estimated_hours ~ label, #content form .box p #issue_parent_issue_id ~ label, #content form .box p #issue_start_date ~ label {
        margin: 5px 0 5px 10px !important
    }

.jcf-scrollable-wrapper {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    position: relative
}

.jcf-scrollbar-vertical {
    position: absolute;
    cursor: default;
    background: var(--scroll-bg);
    width: 3px;
    bottom: 0;
    right: 0;
    top: 0;
    z-index: 10
}

.jcf-select-drop .jcf-scrollbar-vertical {
    border-radius: var(--border-radius-small)
}

.jcf-scrollbar-vertical .jcf-scrollbar-dec, .jcf-scrollbar-vertical .jcf-scrollbar-inc {
    background: var(--bg-fff);
    height: 0;
    width: 3px;
    left: 0;
    top: 0
}

.jcf-scrollbar-vertical .jcf-scrollbar-inc {
    top: auto;
    bottom: 0
}

.jcf-scrollbar-vertical .jcf-scrollbar-handle {
    background: var(--scroll-handle);
    height: 1px;
    width: 3px;
    border-radius: var(--border-radius-small)
}

.jcf-scrollbar-horizontal {
    position: absolute;
    background: var(--scroll-bg);
    right: auto;
    top: auto;
    left: 0;
    bottom: 0;
    width: 1px;
    height: 14px
}

    .jcf-scrollbar-horizontal .jcf-scrollbar-dec, .jcf-scrollbar-horizontal .jcf-scrollbar-inc {
        display: inline-block;
        vertical-align: top;
        overflow: hidden;
        background: #bbb;
        height: 14px;
        width: 3px
    }

    .jcf-scrollbar-horizontal .jcf-scrollbar-inc {
        left: auto;
        right: 0
    }

    .jcf-scrollbar-horizontal .jcf-scrollbar-slider {
        display: inline-block;
        position: relative;
        height: 14px
    }

    .jcf-scrollbar-horizontal .jcf-scrollbar-handle {
        position: absolute;
        background: var(--scroll-handle);
        height: 14px
    }

.jcf-scrollbar.jcf-inactive .jcf-scrollbar-handle {
    visibility: hidden
}

.jcf-scrollbar.jcf-inactive .jcf-scrollbar-dec, .jcf-scrollbar.jcf-inactive .jcf-scrollbar-inc {
    background: #e3e3e3
}

.jcf-select {
    font-family: sans-serif;
    display: inline-block;
    vertical-align: top;
    position: relative;
    background: var(--bg-fff);
    margin: 0;
    min-width: 150px;
    height: 30px;
    min-height: 30px;
    line-height: 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius-small);
    cursor: pointer;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

    .jcf-select select {
        z-index: 1;
        left: 0;
        top: 0
    }

    .jcf-select .jcf-select-text {
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        display: block;
        font-size: .85714286rem;
        line-height: 1.1;
        color: var(--text-color-main);
        padding: 0;
        margin: 8px 44px 8px 10px;
        z-index: 1;
        text-align: left
    }

        .jcf-select .jcf-select-text > span {
            overflow: visible
        }

    .jcf-select .jcf-select-opener {
        position: absolute;
        text-align: center;
        height: 30px;
        width: 30px;
        right: 0;
        top: 0;
        z-index: 2;
        border-radius: var(--border-radius-small)
    }

        .jcf-select .jcf-select-opener:after {
            display: block;
            clear: both;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
            transform: rotate(0);
            color: var(--color-dark-grey);
            -webkit-transition: transform var(--time-hover) ease-in-out,color var(--time-hover) ease-in-out;
            -o-transition: transform var(--time-hover) ease-in-out,color var(--time-hover) ease-in-out;
            -webkit-transition: color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
            transition: color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
            transition: transform var(--time-hover) ease-in-out,color var(--time-hover) ease-in-out;
            transition: transform var(--time-hover) ease-in-out,color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
            font-family: WFS-RM-font;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-style: normal;
            font-variant: normal;
            font-weight: 400;
            text-decoration: none;
            text-transform: none;
            font-size: 30px;
            line-height: 1
        }

    .jcf-select.jcf-drop-active .jcf-select-opener:after, .jcf-select:hover .jcf-select-opener:after {
        color: var(--jcf-drop-active)
    }

    .jcf-select.jcf-drop-active .jcf-select-opener:after {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

body > .jcf-select-drop {
    position: absolute;
    margin: -1px 0 0;
    padding: 0 0 1px;
    z-index: 9999;
    border: 1px solid var(--border-color);
    font-size: 1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: var(--border-radius-small)
}

.jcf-select .jcf-select-drop {
    position: absolute;
    margin-top: 0;
    z-index: 9999;
    top: 100%;
    left: -1px;
    right: -1px
}

.jcf-select .jcf-drop-flipped {
    bottom: 100%;
    top: auto
}

.jcf-select.jcf-compact-multiple {
    max-width: 220px
}

    .jcf-select.jcf-compact-multiple .jcf-select-opener:before {
        display: inline-block;
        padding-top: 2px;
        content: '...'
    }

.jcf-select-drop.jcf-compact-multiple .jcf-hover {
    background: 0 0
}

.jcf-select-drop.jcf-compact-multiple .jcf-selected {
    background: var(--color-dark-grey);
    color: var(--bg-fff)
}

    .jcf-select-drop.jcf-compact-multiple .jcf-selected:before {
        display: inline-block;
        content: '';
        height: 4px;
        width: 8px;
        margin: -7px 5px 0 -3px;
        border: 3px solid var(--border-color);
        border-width: 0 0 3px 3px;
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

.jcf-list-box {
    overflow: hidden;
    display: inline-block;
    border: 1px solid var(--border-color);
    min-width: 200px;
    width: 100%;
    margin: 0;
    border-radius: var(--border-radius-small);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .jcf-list-box .jcf-scrollbar-horizontal {
        height: 0
    }

.jcf-list {
    display: inline-block;
    vertical-align: top;
    position: relative;
    background: var(--bg-fff);
    width: 100%;
    border-radius: var(--border-radius-small);
    min-height: 30px
}

    .jcf-list .jcf-list-content {
        vertical-align: top;
        display: inline-block;
        overflow: auto;
        width: 100%
    }

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

        .jcf-list ul li {
            overflow: hidden;
            display: block;
            position: relative;
            z-index: 1
        }

            .jcf-list ul li:after {
                content: '';
                display: block;
                clear: both;
                position: absolute;
                top: 0;
                left: 10px;
                height: 1px;
                width: calc(100% - 20px);
                background: var(--border-color)
            }

            .jcf-list ul li:first-child:after {
                display: none
            }

    .jcf-list .jcf-overflow {
        overflow: auto
    }

    .jcf-list .jcf-option {
        overflow: hidden;
        display: block;
        padding: 5px 10px;
        color: var(--text-color-main);
        min-height: 14px;
        font-size: .85714286rem;
        line-height: 1.4;
        height: 1%;
        position: relative;
        cursor: pointer;
        font-weight: 400 !important
    }

        .jcf-list .jcf-option:after {
            content: '';
            display: block;
            clear: both;
            position: absolute;
            top: 0;
            right: 0;
            width: 0;
            height: 100%;
            background: var(--all-hover-bg);
            z-index: -1;
            -webkit-transition: width var(--time-hover) ease-in-out;
            -o-transition: width var(--time-hover) ease-in-out;
            transition: width var(--time-hover) ease-in-out
        }

        .jcf-list .jcf-option.jcf-disabled {
            color: #aaa !important;
            background: 0 0 !important
        }

            .jcf-list .jcf-option.jcf-disabled:after {
                width: 100%;
                background: var(--color-grey)
            }

        .jcf-list .jcf-option:hover:after {
            width: 100%
        }

.jcf-list-box .jcf-selected, .jcf-select-drop .jcf-hover {
    color: var(--jcf-drop-active)
}

    .jcf-list-box .jcf-selected:after, .jcf-select-drop .jcf-hover:after {
        width: 100%
    }

.jcf-list .jcf-optgroup-caption {
    white-space: nowrap;
    display: block;
    padding: 5px 9px;
    cursor: default;
    color: var(--text-color-main)
}

.jcf-list .jcf-optgroup .jcf-option {
    padding-left: 30px
}

.jcf-disabled {
    background: var(--color-dark-grey) !important
}

.jcf-select-select2-hidden-accessible {
    position: absolute;
    top: -999999px;
    left: -999999px
}

.controller-account {
    display: table;
    width: 100%;
    background: var(--bg-body)
}

    .controller-account .tabular p {
        overflow: visible;
        position: relative
    }

        .controller-account .tabular p:after {
            content: '';
            display: block;
            clear: both
        }

    .controller-account.start:after {
        opacity: 1
    }

    .controller-account #header, .controller-account #sidebar {
        position: absolute;
        top: -999999px;
        left: -999999px
    }

    .controller-account #wrapper {
        margin: 0 auto;
        vertical-align: middle;
        text-align: center;
        display: table-cell;
        background: 0 0;
        width: 100%
    }

        .controller-account #wrapper #wrapper2 {
            background: 0 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: stretch;
            -ms-flex-align: stretch;
            align-items: stretch;
            width: 100%
        }

    .controller-account #wrapper3 {
        padding-top: 80px;
        width: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .controller-account .box {
        padding: 0;
        margin-bottom: 0;
        background: 0 0;
        border: none;
        word-wrap: initial;
        border-radius: 0
    }

    .controller-account #main {
        width: 100%;
        max-width: 440px;
        margin: 0 auto !important;
        padding: 0 !important
    }

        .controller-account #main #content {
            text-align: left;
            position: relative;
            background: var(--bg-fff);
            padding: 155px 30px 30px;
            margin: 0;
            max-width: 648px;
            width: 100%;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            border-radius: var(--border-radius);
            -webkit-box-shadow: rgba(0,0,0,.05) 0 0 40px;
            box-shadow: rgba(0,0,0,.05) 0 0 40px
        }

            .controller-account #main #content:after {
                content: '';
                display: block;
                clear: both;
                position: absolute;
                top: 30px;
                left: 0;
                background: url(../images/redmine-evolution-ixa.svg) 50% 50% no-repeat;
                background-size: contain;
                width: 100%;
                height: 80px;
                margin: 0;
                z-index: 2;
                border-radius: 0;
                -webkit-box-shadow: 0 0 0 var(--bg-fff);
                box-shadow: 0 0 0 var(--bg-fff)
            }

            .controller-account #main #content h2 {
                margin: 0 0 15px;
                text-align: center;
                font-size: 1.714rem;
                font-weight: 500;
                border: 0;
                padding: 0;
                background-image: none;
                background-color: var(--bg-fff);
                width: 100%
            }

            .controller-account #main #content .box {
                background: 0 0;
                border-radius: 0;
                padding: 0;
                margin: 0;
                overflow: visible
            }

                .controller-account #main #content .box:after {
                    content: '';
                    display: block;
                    clear: both;
                    width: 100%
                }

            .controller-account #main #content .tabular label {
                font-weight: 500;
                float: none;
                text-align: left;
                width: 100%;
                display: block;
                margin-left: 0 !important;
                padding: 0 !important
            }

            .controller-account #main #content .tabular p {
                padding: 0 !important;
                margin: 0
            }

            .controller-account #main #content .tabular label[for=user_language], .controller-account #main #content .tabular label[for=user_language] ~ .select2 {
                margin-top: 15px !important
            }

    .controller-account .list-buttons {
        width: 100%;
        margin: 0;
        list-style: none;
        padding: 30px 0 0;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        text-align: left
    }

        .controller-account .list-buttons li {
            width: 50%
        }

            .controller-account .list-buttons li:last-child {
                text-align: right
            }

            .controller-account .list-buttons li:first-child {
                text-align: left
            }

        .controller-account .list-buttons a {
            font-size: 1rem;
            color: var(--color-link);
            display: inline-block;
            float: none !important;
            text-decoration: none;
            font-weight: 500 !important;
            position: relative;
            white-space: nowrap;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis
        }

            .controller-account .list-buttons a:after {
                background: var(--color-link);
                content: '';
                width: 100%;
                height: 1px;
                position: absolute;
                bottom: 0;
                left: 0;
                -webkit-transform: scale(0);
                -ms-transform: scale(0);
                transform: scale(0);
                -webkit-transition: transform var(--time-hover) ease-in-out;
                -o-transition: transform var(--time-hover) ease-in-out;
                -webkit-transition: -webkit-transform var(--time-hover) ease-in-out;
                transition: -webkit-transform var(--time-hover) ease-in-out;
                transition: transform var(--time-hover) ease-in-out;
                transition: transform var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
            }

            .controller-account .list-buttons a:hover:after {
                -webkit-transform: scale(1);
                -ms-transform: scale(1);
                transform: scale(1)
            }

    .controller-account .holder-botton-login {
        padding: 15px 0 0;
        width: 100%;
        margin: 0 !important
    }

        .controller-account .holder-botton-login > input[type=submit] {
            display: block;
            vertical-align: top;
            max-width: 100% !important;
            width: 100% !important;
            height: auto !important;
            background: var(--button-main-bg);
            font-size: 1.2857rem;
            font-weight: 700;
            color: var(--button-main-color);
            border: 0 none;
            padding: 12px 12px !important;
            margin: 0 !important;
            border-radius: 8px;
            -webkit-transition: all var(--time-hover) ease-in-out;
            -o-transition: all var(--time-hover) ease-in-out;
            transition: all var(--time-hover) ease-in-out;
            outline: 0 none;
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

            .controller-account .holder-botton-login > input[type=submit]:hover {
                background: var(--button-main-bg-hover);
                color: var(--button-main-color-hover)
            }

    .controller-account label[for=user_language] {
        float: left;
        margin: 0 0 10px 0
    }

    .controller-account a.login, .controller-account a.register {
        display: inline-block
    }

#login-form {
    margin: 0;
    padding: 0;
    width: 100%;
    border: none;
    background: 0 0;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    #login-form .holder-login {
        position: relative;
        overflow: hidden
    }

        #login-form .holder-login.holder-botton-login {
            overflow: visible
        }

            #login-form .holder-login.holder-botton-login:after {
                content: '';
                display: block;
                clear: both
            }

#wrapper #login-form input[type=email], #wrapper #login-form input[type=password], #wrapper #login-form input[type=tel], #wrapper #login-form input[type=text], .action-lost_password #content form input[type=email], .action-lost_password #content form input[type=password], .action-lost_password #content form input[type=tel], .action-lost_password #content form input[type=text], .action-register #new_user input[type=email], .action-register #new_user input[type=password], .action-register #new_user input[type=tel], .action-register #new_user input[type=text] {
    width: 100% !important;
    max-width: inherit;
    height: auto;
    font-size: 1rem;
    color: var(--text-color-main);
    background: 0 0;
    outline: 0;
    outline: 0;
    padding: 5px 0 5px 0;
    margin: 20px 0 15px;
    border: 0 none;
    border-bottom: 1px solid var(--color-grey);
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border-bottom var(--time-hover) ease-in-out;
    -o-transition: border-bottom var(--time-hover) ease-in-out;
    transition: border-bottom var(--time-hover) ease-in-out
}

#wrapper #login-form label, .action-lost_password #content form label, .action-register #new_user label {
    width: auto;
    float: none;
    font-weight: 500;
    font-size: 1rem;
    margin: 0 0 5px !important;
    display: block;
    left: 0;
    position: absolute;
    top: 15px;
    -webkit-transition: all var(--time-hover) ease-in-out;
    -o-transition: all var(--time-hover) ease-in-out;
    transition: all var(--time-hover) ease-in-out
}

    #wrapper #login-form label[for=pref_hide_mail], #wrapper #login-form label[for=user_language], .action-lost_password #content form label[for=pref_hide_mail], .action-lost_password #content form label[for=user_language], .action-register #new_user label[for=pref_hide_mail], .action-register #new_user label[for=user_language] {
        position: static
    }

    #wrapper #login-form label[for=autologin], .action-lost_password #content form label[for=autologin], .action-register #new_user label[for=autologin] {
        position: static
    }

#wrapper #login-form input[type=email]:focus, #wrapper #login-form input[type=email]:valid, #wrapper #login-form input[type=password]:focus, #wrapper #login-form input[type=password]:valid, #wrapper #login-form input[type=tel]:focus, #wrapper #login-form input[type=tel]:valid, #wrapper #login-form input[type=text]:focus, #wrapper #login-form input[type=text]:valid, .action-lost_password #content form input[type=email]:focus, .action-lost_password #content form input[type=email]:valid, .action-lost_password #content form input[type=password]:focus, .action-lost_password #content form input[type=password]:valid, .action-lost_password #content form input[type=tel]:focus, .action-lost_password #content form input[type=tel]:valid, .action-lost_password #content form input[type=text]:focus, .action-lost_password #content form input[type=text]:valid, .action-register #new_user input[type=email]:focus, .action-register #new_user input[type=email]:valid, .action-register #new_user input[type=password]:focus, .action-register #new_user input[type=password]:valid, .action-register #new_user input[type=tel]:focus, .action-register #new_user input[type=tel]:valid, .action-register #new_user input[type=text]:focus, .action-register #new_user input[type=text]:valid {
    border-bottom: 1px solid var(--color-main-color)
}

    #wrapper #login-form input[type=email]:focus + label, #wrapper #login-form input[type=email]:valid + label, #wrapper #login-form input[type=password]:focus + label, #wrapper #login-form input[type=password]:valid + label, #wrapper #login-form input[type=tel]:focus + label, #wrapper #login-form input[type=tel]:valid + label, #wrapper #login-form input[type=text]:focus + label, #wrapper #login-form input[type=text]:valid + label, .action-lost_password #content form input[type=email]:focus + label, .action-lost_password #content form input[type=email]:valid + label, .action-lost_password #content form input[type=password]:focus + label, .action-lost_password #content form input[type=password]:valid + label, .action-lost_password #content form input[type=tel]:focus + label, .action-lost_password #content form input[type=tel]:valid + label, .action-lost_password #content form input[type=text]:focus + label, .action-lost_password #content form input[type=text]:valid + label, .action-register #new_user input[type=email]:focus + label, .action-register #new_user input[type=email]:valid + label, .action-register #new_user input[type=password]:focus + label, .action-register #new_user input[type=password]:valid + label, .action-register #new_user input[type=tel]:focus + label, .action-register #new_user input[type=tel]:valid + label, .action-register #new_user input[type=text]:focus + label, .action-register #new_user input[type=text]:valid + label {
        top: 0;
        color: var(--color-main-color)
    }

#wrapper #login-form input[type=email]:-webkit-autofill, #wrapper #login-form input[type=password]:-webkit-autofill, #wrapper #login-form input[type=tel]:-webkit-autofill, #wrapper #login-form input[type=text]:-webkit-autofill, .action-lost_password #content form input[type=email]:-webkit-autofill, .action-lost_password #content form input[type=password]:-webkit-autofill, .action-lost_password #content form input[type=tel]:-webkit-autofill, .action-lost_password #content form input[type=text]:-webkit-autofill, .action-register #new_user input[type=email]:-webkit-autofill, .action-register #new_user input[type=password]:-webkit-autofill, .action-register #new_user input[type=tel]:-webkit-autofill, .action-register #new_user input[type=text]:-webkit-autofill {
    border-bottom: 1px solid var(--color-main-color)
}

    #wrapper #login-form input[type=email]:-webkit-autofill + label, #wrapper #login-form input[type=password]:-webkit-autofill + label, #wrapper #login-form input[type=tel]:-webkit-autofill + label, #wrapper #login-form input[type=text]:-webkit-autofill + label, .action-lost_password #content form input[type=email]:-webkit-autofill + label, .action-lost_password #content form input[type=password]:-webkit-autofill + label, .action-lost_password #content form input[type=tel]:-webkit-autofill + label, .action-lost_password #content form input[type=text]:-webkit-autofill + label, .action-register #new_user input[type=email]:-webkit-autofill + label, .action-register #new_user input[type=password]:-webkit-autofill + label, .action-register #new_user input[type=tel]:-webkit-autofill + label, .action-register #new_user input[type=text]:-webkit-autofill + label {
        top: 0;
        color: var(--color-main-color)
    }

#wrapper #login-form input[type=email]:-webkit-autofill, #wrapper #login-form input[type=password]:-webkit-autofill, #wrapper #login-form input[type=tel]:-webkit-autofill, #wrapper #login-form input[type=text]:-webkit-autofill, .action-lost_password #content form input[type=email]:-webkit-autofill, .action-lost_password #content form input[type=password]:-webkit-autofill, .action-lost_password #content form input[type=tel]:-webkit-autofill, .action-lost_password #content form input[type=text]:-webkit-autofill, .action-register #new_user input[type=email]:-webkit-autofill, .action-register #new_user input[type=password]:-webkit-autofill, .action-register #new_user input[type=tel]:-webkit-autofill, .action-register #new_user input[type=text]:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px var(--color-fff) inset !important;
    -webkit-text-fill-color: var(--text-color-main) !important
}

.action-lost_password p, .action-register p {
    position: relative
}

.action-register #content form em.info {
    font-size: 11px;
    line-height: 13px;
    padding: 0;
    margin: -8px 0 8px
}

.action-register #content form label[for=pref_hide_mail] {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 !important;
    flex: 1 !important;
    margin: 15px 0 15px !important
}

.action-register #content form label[for=user_language] {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 !important;
    flex: 1 !important;
    margin: 0 !important
}

.action-register #content form .jcf-select {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    margin: 15px 0 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.action-register #content form span.required {
    color: var(--color-main-color)
}

.action-logout #content form p {
    text-align: center
}

.action-logout #content form input[type=submit] {
    margin: 0 auto
}

#wrapper3 > #admin-menu, #wrapper3 > #main-menu {
    position: absolute;
    top: -999999px;
    left: -999999px
}

.has-main-menu #top-menu {
    left: 60px
}

.has-main-menu.big-menu #admin-menu .open-main-menu .nav-icon span:nth-child(1), .has-main-menu.big-menu #main-menu .open-main-menu .nav-icon span:nth-child(1), .has-main-menu.big-menu #wrapper3 > #admin-menu .open-main-menu .nav-icon span:nth-child(1), .has-main-menu.big-menu #wrapper3 > #main-menu .open-main-menu .nav-icon span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0;
    left: 3px
}

.has-main-menu.big-menu #admin-menu .open-main-menu .nav-icon span:nth-child(2), .has-main-menu.big-menu #main-menu .open-main-menu .nav-icon span:nth-child(2), .has-main-menu.big-menu #wrapper3 > #admin-menu .open-main-menu .nav-icon span:nth-child(2), .has-main-menu.big-menu #wrapper3 > #main-menu .open-main-menu .nav-icon span:nth-child(2) {
    width: 0%;
    opacity: 0
}

.has-main-menu.big-menu #admin-menu .open-main-menu .nav-icon span:nth-child(3), .has-main-menu.big-menu #main-menu .open-main-menu .nav-icon span:nth-child(3), .has-main-menu.big-menu #wrapper3 > #admin-menu .open-main-menu .nav-icon span:nth-child(3), .has-main-menu.big-menu #wrapper3 > #main-menu .open-main-menu .nav-icon span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 14px;
    left: 2px
}

.has-main-menu.big-menu #admin-menu .jcf-scrollbar-horizontal, .has-main-menu.big-menu #main-menu .jcf-scrollbar-horizontal, .has-main-menu.big-menu #wrapper3 > #admin-menu .jcf-scrollbar-horizontal, .has-main-menu.big-menu #wrapper3 > #main-menu .jcf-scrollbar-horizontal {
    display: none
}

#wrapper3 > #admin-menu a.selected {
    padding: 0 !important
}

.has-main-menu #wrapper {
    padding-left: 60px
}

.has-main-menu #top-menu {
    width: calc(100% - 60px)
}

.has-main-menu #admin-menu, .has-main-menu #main-menu, .has-main-menu #wrapper3 > #admin-menu, .has-main-menu #wrapper3 > #main-menu {
    background: var(--bg);
    position: fixed;
    left: 0;
    top: 0;
    width: auto;
    height: 100%;
    margin: 0;
    padding: 50px 0 0;
    z-index: 15;
    font-size: 1rem;
    line-height: 1.4;
    font-weight: var(--font-weight);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .has-main-menu #admin-menu .jcf-scrollable-wrapper, .has-main-menu #main-menu .jcf-scrollable-wrapper, .has-main-menu #wrapper3 > #admin-menu .jcf-scrollable-wrapper, .has-main-menu #wrapper3 > #main-menu .jcf-scrollable-wrapper {
        width: 100% !important
    }

        .has-main-menu #admin-menu .jcf-scrollable-wrapper .jcf-scrollable, .has-main-menu #main-menu .jcf-scrollable-wrapper .jcf-scrollable, .has-main-menu #wrapper3 > #admin-menu .jcf-scrollable-wrapper .jcf-scrollable, .has-main-menu #wrapper3 > #main-menu .jcf-scrollable-wrapper .jcf-scrollable {
            width: 100% !important
        }

    .has-main-menu #admin-menu .tabs-buttons, .has-main-menu #main-menu .tabs-buttons, .has-main-menu #wrapper3 > #admin-menu .tabs-buttons, .has-main-menu #wrapper3 > #main-menu .tabs-buttons {
        display: none !important
    }

    .has-main-menu #admin-menu .open-menu-box, .has-main-menu #main-menu .open-menu-box, .has-main-menu #wrapper3 > #admin-menu .open-menu-box, .has-main-menu #wrapper3 > #main-menu .open-menu-box {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        padding: 5px 15px 10px;
        height: 40px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

        .has-main-menu #admin-menu .open-menu-box:after, .has-main-menu #main-menu .open-menu-box:after, .has-main-menu #wrapper3 > #admin-menu .open-menu-box:after, .has-main-menu #wrapper3 > #main-menu .open-menu-box:after {
            content: '';
            display: block;
            clear: both;
            height: 1px;
            width: calc(100% - 10px);
            background: var(--border-color-logo);
            position: absolute;
            bottom: -1px;
            left: 5px
        }

    .has-main-menu #admin-menu .open-main-menu, .has-main-menu #main-menu .open-main-menu, .has-main-menu #wrapper3 > #admin-menu .open-main-menu, .has-main-menu #wrapper3 > #main-menu .open-main-menu {
        width: var(--icon-width);
        height: var(--icon-width);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .has-main-menu #admin-menu .open-main-menu:after, .has-main-menu #main-menu .open-main-menu:after, .has-main-menu #wrapper3 > #admin-menu .open-main-menu:after, .has-main-menu #wrapper3 > #main-menu .open-main-menu:after {
            content: '';
            display: block;
            clear: both;
            position: absolute;
            top: 0;
            left: 0
        }

        .has-main-menu #admin-menu .open-main-menu .nav-icon, .has-main-menu #main-menu .open-main-menu .nav-icon, .has-main-menu #wrapper3 > #admin-menu .open-main-menu .nav-icon, .has-main-menu #wrapper3 > #main-menu .open-main-menu .nav-icon {
            display: block;
            width: 20px;
            height: 16px;
            position: relative;
            margin: 0 auto;
            -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
            transform: rotate(0);
            -webkit-transition: transform var(--time-main) ease-in-out;
            -o-transition: transform var(--time-main) ease-in-out;
            -webkit-transition: -webkit-transform var(--time-main) ease-in-out;
            transition: -webkit-transform var(--time-main) ease-in-out;
            transition: transform var(--time-main) ease-in-out;
            transition: transform var(--time-main) ease-in-out,-webkit-transform var(--time-main) ease-in-out;
            cursor: pointer
        }

            .has-main-menu #admin-menu .open-main-menu .nav-icon span, .has-main-menu #main-menu .open-main-menu .nav-icon span, .has-main-menu #wrapper3 > #admin-menu .open-main-menu .nav-icon span, .has-main-menu #wrapper3 > #main-menu .open-main-menu .nav-icon span {
                display: block;
                position: absolute;
                height: 3px;
                width: 100%;
                background: var(--icon-color);
                border-radius: var(--icon-border-radius);
                opacity: 1;
                left: 0;
                top: 7px;
                -webkit-transform: rotate(0);
                -ms-transform: rotate(0);
                transform: rotate(0);
                -webkit-transition: transform var(--time-hover) ease-in-out;
                -o-transition: transform var(--time-hover) ease-in-out;
                -webkit-transition: -webkit-transform var(--time-hover) ease-in-out;
                transition: -webkit-transform var(--time-hover) ease-in-out;
                transition: transform var(--time-hover) ease-in-out;
                transition: transform var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
            }

                .has-main-menu #admin-menu .open-main-menu .nav-icon span:nth-child(1), .has-main-menu #main-menu .open-main-menu .nav-icon span:nth-child(1), .has-main-menu #wrapper3 > #admin-menu .open-main-menu .nav-icon span:nth-child(1), .has-main-menu #wrapper3 > #main-menu .open-main-menu .nav-icon span:nth-child(1) {
                    top: 0;
                    -webkit-transform-origin: left center;
                    -ms-transform-origin: left center;
                    transform-origin: left center
                }

                .has-main-menu #admin-menu .open-main-menu .nav-icon span:nth-child(2), .has-main-menu #main-menu .open-main-menu .nav-icon span:nth-child(2), .has-main-menu #wrapper3 > #admin-menu .open-main-menu .nav-icon span:nth-child(2), .has-main-menu #wrapper3 > #main-menu .open-main-menu .nav-icon span:nth-child(2) {
                    top: 6px;
                    -webkit-transform-origin: left center;
                    -ms-transform-origin: left center;
                    transform-origin: left center
                }

                .has-main-menu #admin-menu .open-main-menu .nav-icon span:nth-child(3), .has-main-menu #main-menu .open-main-menu .nav-icon span:nth-child(3), .has-main-menu #wrapper3 > #admin-menu .open-main-menu .nav-icon span:nth-child(3), .has-main-menu #wrapper3 > #main-menu .open-main-menu .nav-icon span:nth-child(3) {
                    top: 13px;
                    -webkit-transform-origin: left center;
                    -ms-transform-origin: left center;
                    transform-origin: left center
                }

    .has-main-menu #admin-menu:after, .has-main-menu #main-menu:after, .has-main-menu #wrapper3 > #admin-menu:after, .has-main-menu #wrapper3 > #main-menu:after {
        content: '';
        display: block;
        clear: both;
        position: absolute;
        top: 0;
        right: 0;
        width: 1px;
        height: 100%;
        background: var(--border-color);
        z-index: 2
    }

    .has-main-menu #admin-menu .jcf-scrollable, .has-main-menu #admin-menu > ul, .has-main-menu #main-menu .jcf-scrollable, .has-main-menu #main-menu > ul, .has-main-menu #wrapper3 > #admin-menu .jcf-scrollable, .has-main-menu #wrapper3 > #admin-menu > ul, .has-main-menu #wrapper3 > #main-menu .jcf-scrollable, .has-main-menu #wrapper3 > #main-menu > ul {
        width: 100%;
        white-space: initial;
        overflow-y: auto;
        height: 100%
    }

        .has-main-menu #admin-menu .jcf-scrollable > li, .has-main-menu #admin-menu > ul > li, .has-main-menu #main-menu .jcf-scrollable > li, .has-main-menu #main-menu > ul > li, .has-main-menu #wrapper3 > #admin-menu .jcf-scrollable > li, .has-main-menu #wrapper3 > #admin-menu > ul > li, .has-main-menu #wrapper3 > #main-menu .jcf-scrollable > li, .has-main-menu #wrapper3 > #main-menu > ul > li {
            padding: 0;
            margin: 0;
            overflow: hidden;
            display: block;
            width: 100%;
            position: relative
        }

            .has-main-menu #admin-menu .jcf-scrollable > li:last-child, .has-main-menu #admin-menu > ul > li:last-child, .has-main-menu #main-menu .jcf-scrollable > li:last-child, .has-main-menu #main-menu > ul > li:last-child, .has-main-menu #wrapper3 > #admin-menu .jcf-scrollable > li:last-child, .has-main-menu #wrapper3 > #admin-menu > ul > li:last-child, .has-main-menu #wrapper3 > #main-menu .jcf-scrollable > li:last-child, .has-main-menu #wrapper3 > #main-menu > ul > li:last-child {
                margin-bottom: 20px
            }

            .has-main-menu #admin-menu .jcf-scrollable > li > a, .has-main-menu #admin-menu > ul > li > a, .has-main-menu #main-menu .jcf-scrollable > li > a, .has-main-menu #main-menu > ul > li > a, .has-main-menu #wrapper3 > #admin-menu .jcf-scrollable > li > a, .has-main-menu #wrapper3 > #admin-menu > ul > li > a, .has-main-menu #wrapper3 > #main-menu .jcf-scrollable > li > a, .has-main-menu #wrapper3 > #main-menu > ul > li > a {
                font-size: 1rem;
                line-height: 40px;
                color: var(--link-color);
                height: 40px;
                width: 60px;
                display: block;
                white-space: nowrap;
                padding: 0;
                margin: 0;
                background-size: 34px 34px;
                background-repeat: no-repeat;
                background-position: 13px 50%;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                border-radius: 0;
                -webkit-transition: color var(--time-hover) ease-in-out;
                -o-transition: color var(--time-hover) ease-in-out;
                transition: color var(--time-hover) ease-in-out;
                overflow: hidden;
                background-image: none
            }

                .has-main-menu #admin-menu .jcf-scrollable > li > a.new-object, .has-main-menu #admin-menu > ul > li > a.new-object, .has-main-menu #main-menu .jcf-scrollable > li > a.new-object, .has-main-menu #main-menu > ul > li > a.new-object, .has-main-menu #wrapper3 > #admin-menu .jcf-scrollable > li > a.new-object, .has-main-menu #wrapper3 > #admin-menu > ul > li > a.new-object, .has-main-menu #wrapper3 > #main-menu .jcf-scrollable > li > a.new-object, .has-main-menu #wrapper3 > #main-menu > ul > li > a.new-object {
                    text-indent: -99999px;
                    overflow: hidden;
                    width: 100%
                }

                .has-main-menu #admin-menu .jcf-scrollable > li > a span, .has-main-menu #admin-menu > ul > li > a span, .has-main-menu #main-menu .jcf-scrollable > li > a span, .has-main-menu #main-menu > ul > li > a span, .has-main-menu #wrapper3 > #admin-menu .jcf-scrollable > li > a span, .has-main-menu #wrapper3 > #admin-menu > ul > li > a span, .has-main-menu #wrapper3 > #main-menu .jcf-scrollable > li > a span, .has-main-menu #wrapper3 > #main-menu > ul > li > a span {
                    white-space: nowrap;
                    padding: 0 10px 0 60px;
                    float: left;
                    display: block;
                    width: auto
                }

    .has-main-menu #admin-menu ul a, .has-main-menu #main-menu ul a, .has-main-menu #wrapper3 > #admin-menu ul a, .has-main-menu #wrapper3 > #main-menu ul a {
        background-size: 34px 34px;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        position: relative;
        display: block;
        -webkit-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        -o-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out
    }

        .has-main-menu #admin-menu ul a:before, .has-main-menu #main-menu ul a:before, .has-main-menu #wrapper3 > #admin-menu ul a:before, .has-main-menu #wrapper3 > #main-menu ul a:before {
            content: '';
            display: block;
            clear: both;
            width: 2px;
            height: 100%;
            background: var(--icon-color-hover);
            margin: 0 0 0 -2px;
            position: absolute;
            top: 0;
            left: 0;
            padding: 0 !important;
            -webkit-transition: margin var(--time-hover) ease-in-out;
            -o-transition: margin var(--time-hover) ease-in-out;
            transition: margin var(--time-hover) ease-in-out
        }

        .has-main-menu #admin-menu ul a:after, .has-main-menu #main-menu ul a:after, .has-main-menu #wrapper3 > #admin-menu ul a:after, .has-main-menu #wrapper3 > #main-menu ul a:after {
            position: absolute;
            top: 0;
            left: 0;
            clear: both;
            height: 100%;
            margin: 0;
            width: 60px;
            overflow: hidden;
            z-index: 1;
            -webkit-transition: color var(--time-hover) ease-in-out;
            -o-transition: color var(--time-hover) ease-in-out;
            transition: color var(--time-hover) ease-in-out;
            font-family: var(--icon-font);
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-style: normal;
            font-variant: normal;
            font-weight: 400;
            text-decoration: none;
            text-transform: none;
            font-size: var(--icon-font-size);
            line-height: 1;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            color: var(--icon-color)
        }

        .has-main-menu #admin-menu ul a.new-object, .has-main-menu #main-menu ul a.new-object, .has-main-menu #wrapper3 > #admin-menu ul a.new-object, .has-main-menu #wrapper3 > #main-menu ul a.new-object {
            background-color: var(--bg)
        }

        .has-main-menu #admin-menu ul a.selected:not(.new-object), .has-main-menu #main-menu ul a.selected:not(.new-object), .has-main-menu #wrapper3 > #admin-menu ul a.selected:not(.new-object), .has-main-menu #wrapper3 > #main-menu ul a.selected:not(.new-object) {
            background-color: var(--icon_bg_active);
            color: var(--link-color-active)
        }

            .has-main-menu #admin-menu ul a.selected:not(.new-object):after, .has-main-menu #main-menu ul a.selected:not(.new-object):after, .has-main-menu #wrapper3 > #admin-menu ul a.selected:not(.new-object):after, .has-main-menu #wrapper3 > #main-menu ul a.selected:not(.new-object):after {
                color: var(--icon-color-hover)
            }

            .has-main-menu #admin-menu ul a.selected:not(.new-object):before, .has-main-menu #main-menu ul a.selected:not(.new-object):before, .has-main-menu #wrapper3 > #admin-menu ul a.selected:not(.new-object):before, .has-main-menu #wrapper3 > #main-menu ul a.selected:not(.new-object):before {
                margin: 0;
                background: var(--link-color-active)
            }

    .has-main-menu #admin-menu ul li:hover > a, .has-main-menu #main-menu ul li:hover > a, .has-main-menu #wrapper3 > #admin-menu ul li:hover > a, .has-main-menu #wrapper3 > #main-menu ul li:hover > a {
        background-color: var(--icon_bg_hover);
        color: var(--link-color-hover)
    }

        .has-main-menu #admin-menu ul li:hover > a:after, .has-main-menu #main-menu ul li:hover > a:after, .has-main-menu #wrapper3 > #admin-menu ul li:hover > a:after, .has-main-menu #wrapper3 > #main-menu ul li:hover > a:after {
            color: var(--icon-color-hover)
        }

        .has-main-menu #admin-menu ul li:hover > a:before, .has-main-menu #main-menu ul li:hover > a:before, .has-main-menu #wrapper3 > #admin-menu ul li:hover > a:before, .has-main-menu #wrapper3 > #main-menu ul li:hover > a:before {
            margin: 0
        }

    .has-main-menu #admin-menu ul li.oprn-new-object .new-object, .has-main-menu #main-menu ul li.oprn-new-object .new-object, .has-main-menu #wrapper3 > #admin-menu ul li.oprn-new-object .new-object, .has-main-menu #wrapper3 > #main-menu ul li.oprn-new-object .new-object {
        background-color: var(--icon_bg_active);
        color: var(--link-color-active)
    }

        .has-main-menu #admin-menu ul li.oprn-new-object .new-object:after, .has-main-menu #main-menu ul li.oprn-new-object .new-object:after, .has-main-menu #wrapper3 > #admin-menu ul li.oprn-new-object .new-object:after, .has-main-menu #wrapper3 > #main-menu ul li.oprn-new-object .new-object:after {
            color: var(--icon_color_active)
        }

        .has-main-menu #admin-menu ul li.oprn-new-object .new-object:before, .has-main-menu #main-menu ul li.oprn-new-object .new-object:before, .has-main-menu #wrapper3 > #admin-menu ul li.oprn-new-object .new-object:before, .has-main-menu #wrapper3 > #main-menu ul li.oprn-new-object .new-object:before {
            margin: 0
        }

        .has-main-menu #admin-menu ul li.oprn-new-object .new-object:hover, .has-main-menu #main-menu ul li.oprn-new-object .new-object:hover, .has-main-menu #wrapper3 > #admin-menu ul li.oprn-new-object .new-object:hover, .has-main-menu #wrapper3 > #main-menu ul li.oprn-new-object .new-object:hover {
            background-color: var(--icon_bg_hover);
            color: var(--link-color-hover)
        }

            .has-main-menu #admin-menu ul li.oprn-new-object .new-object:hover:after, .has-main-menu #main-menu ul li.oprn-new-object .new-object:hover:after, .has-main-menu #wrapper3 > #admin-menu ul li.oprn-new-object .new-object:hover:after, .has-main-menu #wrapper3 > #main-menu ul li.oprn-new-object .new-object:hover:after {
                color: var(--icon-color-hover)
            }

            .has-main-menu #admin-menu ul li.oprn-new-object .new-object:hover:before, .has-main-menu #main-menu ul li.oprn-new-object .new-object:hover:before, .has-main-menu #wrapper3 > #admin-menu ul li.oprn-new-object .new-object:hover:before, .has-main-menu #wrapper3 > #main-menu ul li.oprn-new-object .new-object:hover:before {
                margin: 0
            }

    .has-main-menu #admin-menu ul.menu-children, .has-main-menu #main-menu ul.menu-children, .has-main-menu #wrapper3 > #admin-menu ul.menu-children, .has-main-menu #wrapper3 > #main-menu ul.menu-children {
        padding: 1px 0;
        color: var(--link-color);
        opacity: 1;
        font-size: .85714286rem;
        line-height: 1.4;
        font-weight: var(--menu-children-font-weight);
        display: block;
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
        overflow: hidden;
        border: none !important;
        z-index: 1;
        background: var(--bg)
    }

        .has-main-menu #admin-menu ul.menu-children li, .has-main-menu #main-menu ul.menu-children li, .has-main-menu #wrapper3 > #admin-menu ul.menu-children li, .has-main-menu #wrapper3 > #main-menu ul.menu-children li {
            display: block;
            width: 100%
        }

        .has-main-menu #admin-menu ul.menu-children:after, .has-main-menu #admin-menu ul.menu-children:before, .has-main-menu #main-menu ul.menu-children:after, .has-main-menu #main-menu ul.menu-children:before, .has-main-menu #wrapper3 > #admin-menu ul.menu-children:after, .has-main-menu #wrapper3 > #admin-menu ul.menu-children:before, .has-main-menu #wrapper3 > #main-menu ul.menu-children:after, .has-main-menu #wrapper3 > #main-menu ul.menu-children:before {
            content: '';
            display: block;
            clear: both;
            position: absolute;
            top: 0;
            left: 20px;
            height: 1px;
            background: var(--border-color);
            width: calc(100% - 40px);
            z-index: 2
        }

        .has-main-menu #admin-menu ul.menu-children:before, .has-main-menu #main-menu ul.menu-children:before, .has-main-menu #wrapper3 > #admin-menu ul.menu-children:before, .has-main-menu #wrapper3 > #main-menu ul.menu-children:before {
            top: auto;
            bottom: 0
        }

        .has-main-menu #admin-menu ul.menu-children a, .has-main-menu #main-menu ul.menu-children a, .has-main-menu #wrapper3 > #admin-menu ul.menu-children a, .has-main-menu #wrapper3 > #main-menu ul.menu-children a {
            display: block;
            width: 100%;
            padding: 5px 20px;
            color: var(--link-color);
            background: var(--bg);
            position: relative;
            overflow: hidden;
            z-index: 2;
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

            .has-main-menu #admin-menu ul.menu-children a:before, .has-main-menu #main-menu ul.menu-children a:before, .has-main-menu #wrapper3 > #admin-menu ul.menu-children a:before, .has-main-menu #wrapper3 > #main-menu ul.menu-children a:before {
                display: none
            }

            .has-main-menu #admin-menu ul.menu-children a:after, .has-main-menu #main-menu ul.menu-children a:after, .has-main-menu #wrapper3 > #admin-menu ul.menu-children a:after, .has-main-menu #wrapper3 > #main-menu ul.menu-children a:after {
                content: '';
                display: block;
                clear: both;
                position: absolute;
                top: 0;
                left: auto;
                right: 0;
                width: 0;
                height: 100%;
                background: var(--icon_bg);
                border-radius: 0;
                z-index: -1;
                -webkit-transition: width var(--time-hover) ease-in-out;
                -o-transition: width var(--time-hover) ease-in-out;
                transition: width var(--time-hover) ease-in-out
            }

            .has-main-menu #admin-menu ul.menu-children a:hover, .has-main-menu #main-menu ul.menu-children a:hover, .has-main-menu #wrapper3 > #admin-menu ul.menu-children a:hover, .has-main-menu #wrapper3 > #main-menu ul.menu-children a:hover {
                color: var(--link-color-hover);
                text-decoration: none
            }

                .has-main-menu #admin-menu ul.menu-children a:hover:after, .has-main-menu #main-menu ul.menu-children a:hover:after, .has-main-menu #wrapper3 > #admin-menu ul.menu-children a:hover:after, .has-main-menu #wrapper3 > #main-menu ul.menu-children a:hover:after {
                    background: var(--bg-after);
                    width: 100%
                }

    .has-main-menu #admin-menu .holder-children, .has-main-menu #main-menu .holder-children, .has-main-menu #wrapper3 > #admin-menu .holder-children, .has-main-menu #wrapper3 > #main-menu .holder-children {
        overflow: hidden;
        width: 0;
        height: 0
    }

.flyout-is-active #wrapper .flyout-menu {
    right: 0
}

.flyout-is-active body.controller-issues.action-show.loggedas #main #content > .contextual {
    left: -250px
}

#wrapper .flyout-menu {
    overflow-x: hidden;
    position: fixed;
    right: -250px;
    width: 249px;
    display: block;
    border-left: 1px solid var(--main_menu_border);
    z-index: 10;
    background: var(--flyout_menu_bg);
    -webkit-transition: right var(--time-main) ease-in-out;
    -o-transition: right var(--time-main) ease-in-out;
    transition: right var(--time-main) ease-in-out;
    height: 100%;
    color: var(--flyout_menu_color)
}

    #wrapper .flyout-menu hr {
        padding: 0;
        margin: 0;
        height: 0
    }

    #wrapper .flyout-menu .sidebar-additionals {
        border-top: 1px solid var(--main_menu_border)
    }

    #wrapper .flyout-menu a.repository {
        padding: 10px;
        font-weight: var(--flyout-menu-font-weight);
        height: auto;
        line-height: inherit;
        color: var(--flyout_menu_color);
        border-top: 1px solid var(--flyout_menu_border);
        display: block;
        overflow: hidden;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-align: left
    }

    #wrapper .flyout-menu p a.repository:first-child {
        margin-top: -10px
    }

    #wrapper .flyout-menu p a.repository:last-child {
        margin-bottom: -10px
    }

    #wrapper .flyout-menu p a.repository + br {
        display: none !important
    }

    #wrapper .flyout-menu form[action*=roadmap] {
        padding-left: 0
    }

        #wrapper .flyout-menu form[action*=roadmap] ul {
            padding: 0;
            margin: 0;
            list-style: none
        }

            #wrapper .flyout-menu form[action*=roadmap] ul li label {
                padding: 10px;
                border-top: 1px solid var(--flyout_menu_border);
                display: block
            }

        #wrapper .flyout-menu form[action*=roadmap] input[type=submit] {
            background: var(--flyout_menu_button_bg);
            width: 100%;
            color: var(--flyout_menu_button_color);
            text-align: center;
            padding: 10px 10px;
            font-size: 1rem;
            line-height: 1rem;
            height: auto;
            border: 0;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            border: 0 !important;
            display: inline-block;
            vertical-align: top;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            font-weight: var(--submit-font-weight)
        }

    #wrapper .flyout-menu div a[href="/my/api_key"] {
        display: block;
        border-bottom: 1px solid var(--flyout_menu_border);
        padding: 10px;
        text-decoration: none !important;
        font-weight: var(--flyout-menu-font-weight)
    }

    #wrapper .flyout-menu div #api-access-key {
        margin-top: 10px;
        padding: 10px;
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    #wrapper .flyout-menu form > ul li {
        line-height: 1;
        min-height: 36px;
        padding-left: 0
    }

    #wrapper .flyout-menu #activity_scope_form {
        padding: 0;
        margin: 0
    }

        #wrapper .flyout-menu #activity_scope_form ul {
            margin: 0
        }

            #wrapper .flyout-menu #activity_scope_form ul li {
                padding: 0;
                margin: 0;
                position: relative;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                border-top: 1px solid var(--flyout_menu_border)
            }

                #wrapper .flyout-menu #activity_scope_form ul li input[type=checkbox] {
                    position: absolute;
                    top: 50%;
                    left: 10px;
                    margin: -9px 0 0 !important
                }

                #wrapper .flyout-menu #activity_scope_form ul li label {
                    padding: 0 0 0 26px;
                    width: 100%;
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box
                }

                #wrapper .flyout-menu #activity_scope_form ul li a {
                    padding: 0 0 0 10px;
                    border: 0;
                    width: auto;
                    display: inline-block;
                    float: left
                }

        #wrapper .flyout-menu #activity_scope_form input[type=submit] {
            background: var(--flyout_menu_button_bg);
            width: 100%;
            color: var(--flyout_menu_button_color);
            text-align: center;
            padding: 10px 10px;
            font-size: 1rem;
            line-height: 1rem;
            height: auto;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            border: 0 !important;
            display: inline-block;
            vertical-align: top;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            font-weight: var(--submit-font-weight)
        }

    #wrapper .flyout-menu a {
        color: var(--flyout_menu_color)
    }

    #wrapper .flyout-menu ul {
        padding: 0 !important;
        margin: 0 !important;
        list-style: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        #wrapper .flyout-menu ul li {
            display: block;
            overflow: hidden;
            height: auto
        }

            #wrapper .flyout-menu ul li a, #wrapper .flyout-menu ul li:first-child a {
                padding: 10px;
                font-weight: var(--flyout-menu-font-weight);
                height: auto;
                line-height: inherit;
                color: var(--flyout_menu_color);
                border-top: 1px solid var(--flyout_menu_border);
                display: block;
                overflow: hidden;
                white-space: nowrap;
                -o-text-overflow: ellipsis;
                text-overflow: ellipsis;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                text-align: left
            }

                #wrapper .flyout-menu ul li a:after, #wrapper .flyout-menu ul li:first-child a:after {
                    display: none
                }

                #wrapper .flyout-menu ul li a.selected, #wrapper .flyout-menu ul li:first-child a.selected {
                    background: var(--flyout_menu_bg_selected)
                }

        #wrapper .flyout-menu ul a[href*="/people"] {
            -webkit-box-flex: 1;
            -ms-flex: 1 0 auto;
            flex: 1 0 auto
        }

        #wrapper .flyout-menu ul .icon-del {
            margin: 5px 10px
        }

        #wrapper .flyout-menu ul li:last-child {
            border-bottom: 1px solid var(--flyout_menu_border)
        }

    #wrapper .flyout-menu h3 {
        background: var(--flyout_menu_title_bg);
        color: var(--flyout_menu_title_color);
        padding: 10px 10px;
        margin: 0 !important;
        font-size: 1rem;
        line-height: 1rem;
        height: auto;
        border: 0;
        border-top: 1px solid var(--flyout_menu_border);
        text-align: left
    }

    #wrapper .flyout-menu #admin-menu li {
        padding: 0
    }

    #wrapper .flyout-menu #admin-menu a {
        background: var(--flyout_menu_admin_menu_bg);
        color: var(--flyout_menu_admin_menu_color) !important
    }

        #wrapper .flyout-menu #admin-menu a.selected {
            background: var(--flyout_menu_bg_selected);
            color: var(--flyout_menu_color_selected);
            padding: 10px !important
        }

        #wrapper .flyout-menu #admin-menu a.redmine-git-hosting:before {
            display: none
        }

    #wrapper .flyout-menu #cms-settings-menu li {
        padding: 0
    }

    #wrapper .flyout-menu #cms-settings-menu a {
        background: var(--flyout_menu_admin_menu_bg);
        color: var(--flyout_menu_admin_menu_color) !important
    }

        #wrapper .flyout-menu #cms-settings-menu a.selected {
            background: var(--flyout_menu_bg_selected);
            color: var(--flyout_menu_color_selected);
            padding-left: 10px !important
        }

    #wrapper .flyout-menu .js-general-menu a {
        background: var(--flyout_menu_general-menu_bg);
        color: var(--flyout_menu_general-menu_color) !important
    }

    #wrapper .flyout-menu .js-profile-menu a {
        background: var(--flyout_menu_profile-menu_bg);
        color: var(--flyout_menu_profile-menu_color) !important
    }

    #wrapper .flyout-menu .js-project-menu .menu-children a {
        background: var(--mobile-menu-children-bg);
        color: var(--mobile-menu-children-color)
    }

    #wrapper .flyout-menu #contact_issues {
        margin: 0
    }

    #wrapper .flyout-menu .attachments table {
        table-layout: fixed;
        width: 100%;
        border-collapse: collapse
    }

        #wrapper .flyout-menu .attachments table tr td {
            display: none
        }

            #wrapper .flyout-menu .attachments table tr td:first-child {
                display: block;
                width: 100%;
                position: relative;
                padding: 10px 35px 10px 10px;
                border-top: 1px solid var(--flyout_menu_border);
                -webkit-box-sizing: border-box;
                box-sizing: border-box
            }

                #wrapper .flyout-menu .attachments table tr td:first-child:after {
                    content: '';
                    display: block;
                    clear: both;
                    position: absolute;
                    top: 0;
                    right: 35px;
                    width: 1px;
                    height: 100%;
                    background: var(--flyout_menu_button_bg)
                }

    #wrapper .flyout-menu .attachments .icon-attachment {
        padding: 0;
        min-height: auto;
        line-height: 1
    }

    #wrapper .flyout-menu .attachments .size {
        font-size: .85714286rem
    }

    #wrapper .flyout-menu .attachments .icon-only {
        position: absolute;
        top: 50%;
        right: 5px;
        border: none;
        display: block;
        background: 0 0;
        padding: 0;
        height: var(--icon-smaller-width);
        width: var(--icon-smaller-width);
        margin: -13px 0 0;
        overflow: hidden;
        z-index: 2;
        border-radius: var(--icon-border-radius);
        font-size: 0;
        line-height: 0;
        color: var(--flyout-text-color);
        vertical-align: middle;
        min-width: 26px;
        min-height: 26px;
        -webkit-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        -o-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out
    }

        #wrapper .flyout-menu .attachments .icon-only:after {
            content: "\E03D";
            text-align: center;
            position: absolute;
            color: var(--flyout_menu_color);
            top: 0;
            left: 0;
            display: block;
            clear: both;
            height: 100%;
            width: 100%;
            margin: 0;
            overflow: hidden;
            border-radius: var(--icon-border-radius);
            z-index: 1;
            font-family: var(--icon-font);
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-style: normal;
            font-variant: normal;
            font-weight: 400;
            text-decoration: none;
            text-transform: none;
            font-size: var(--icon-smaller-font-size);
            line-height: var(--icon-smaller-width);
            -webkit-transition: color var(--time-hover) ease-in-out;
            -o-transition: color var(--time-hover) ease-in-out;
            transition: color var(--time-hover) ease-in-out
        }

    #wrapper .flyout-menu .wiki {
        padding: 10px !important;
        border-top: 1px solid var(--flyout_menu_border)
    }

    #wrapper .flyout-menu #watchers {
        background: var(--flyout_menu_watchers-menu_bg);
        color: var(--flyout_menu_watchers-menu_color);
        padding: 0;
        display: block !important
    }

        #wrapper .flyout-menu #watchers h3 {
            margin-left: 0
        }

        #wrapper .flyout-menu #watchers a {
            background: 0 0;
            border: 0;
            padding: 0
        }

        #wrapper .flyout-menu #watchers ul {
            padding: 0
        }

            #wrapper .flyout-menu #watchers ul li {
                border-top: 1px solid var(--flyout_menu_border);
                position: relative;
                padding: 10px 40px 10px 36px
            }

                #wrapper .flyout-menu #watchers ul li:after {
                    content: '';
                    display: block;
                    clear: both;
                    width: 1px;
                    height: 100%;
                    position: absolute;
                    top: 0;
                    right: 35px;
                    background: var(--flyout_menu_button_bg)
                }

                #wrapper .flyout-menu #watchers ul li .gravatar {
                    position: absolute;
                    top: 50%;
                    left: 10px;
                    width: 16px;
                    height: 16px;
                    margin: -8px 0 0
                }

                #wrapper .flyout-menu #watchers ul li a[href*=people] {
                    padding-left: 36px;
                    margin: 0 -5px 0 -36px
                }

                #wrapper .flyout-menu #watchers ul li .delete {
                    position: absolute;
                    top: 50%;
                    right: 5px;
                    margin: -13px 0 0;
                    border: none;
                    display: block;
                    background: 0 0;
                    padding: 0;
                    height: var(--icon-smaller-width);
                    width: var(--icon-smaller-width);
                    overflow: hidden;
                    z-index: 2;
                    border-radius: var(--icon-border-radius);
                    font-size: 0;
                    line-height: 0;
                    color: var(--flyout-text-color);
                    vertical-align: middle;
                    min-width: var(--icon-smaller-width);
                    min-height: var(--icon-smaller-width);
                    -webkit-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
                    -o-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
                    transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out
                }

                    #wrapper .flyout-menu #watchers ul li .delete:after {
                        content: "\E030";
                        text-align: center;
                        position: absolute;
                        color: var(--flyout_menu_color);
                        top: 0;
                        left: 0;
                        display: block;
                        clear: both;
                        height: 100%;
                        width: 100%;
                        margin: 0;
                        overflow: hidden;
                        border-radius: var(--icon-border-radius);
                        z-index: 1;
                        font-family: var(--icon-font);
                        -webkit-font-smoothing: antialiased;
                        -moz-osx-font-smoothing: grayscale;
                        font-style: normal;
                        font-variant: normal;
                        font-weight: 400;
                        text-decoration: none;
                        text-transform: none;
                        font-size: var(--icon-smaller-font-size);
                        line-height: var(--icon-smaller-width);
                        -webkit-transition: color var(--time-hover) ease-in-out;
                        -o-transition: color var(--time-hover) ease-in-out;
                        transition: color var(--time-hover) ease-in-out
                    }

    #wrapper .flyout-menu .contextual #add_issue_link, #wrapper .flyout-menu .contextual a[href*="projects/new"], #wrapper .flyout-menu .contextual a[href*=watchers] {
        border: none;
        display: block;
        background: 0 0;
        padding: 0;
        height: var(--icon-smaller-width);
        width: var(--icon-smaller-width);
        margin: 5px 5px 0 0;
        overflow: hidden;
        position: relative;
        z-index: 2;
        border-radius: var(--icon-border-radius);
        font-size: 0;
        line-height: 0;
        color: var(--flyout-text-color);
        vertical-align: middle;
        min-width: var(--icon-smaller-width);
        min-height: var(--icon-smaller-width);
        -webkit-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        -o-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out
    }

        #wrapper .flyout-menu .contextual #add_issue_link:after, #wrapper .flyout-menu .contextual a[href*="projects/new"]:after, #wrapper .flyout-menu .contextual a[href*=watchers]:after {
            content: "\E075";
            text-align: center;
            position: absolute;
            color: var(--flyout_menu_color);
            top: 0;
            left: 0;
            display: block;
            clear: both;
            height: 100%;
            width: 100%;
            margin: 0;
            overflow: hidden;
            border-radius: var(--icon-border-radius);
            z-index: 1;
            font-family: var(--icon-font);
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-style: normal;
            font-variant: normal;
            font-weight: 400;
            text-decoration: none;
            text-transform: none;
            font-size: var(--icon-smaller-font-size);
            line-height: var(--icon-smaller-width);
            -webkit-transition: color var(--time-hover) ease-in-out;
            -o-transition: color var(--time-hover) ease-in-out;
            transition: color var(--time-hover) ease-in-out
        }

    #wrapper .flyout-menu .flyout-menu__avatar {
        height: var(--icon-width);
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-top: 1px solid var(--flyout_menu_border);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

        #wrapper .flyout-menu .flyout-menu__avatar a {
            width: 100%;
            height: var(--icon-width);
            line-height: var(--icon-width);
            padding: 0 10px;
            font-weight: var(--flyout-menu-font-weight);
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            color: var(--flyout_menu_color);
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            #wrapper .flyout-menu .flyout-menu__avatar a img {
                display: block;
                width: 22px;
                height: 22px
            }

            #wrapper .flyout-menu .flyout-menu__avatar a.user {
                -webkit-box-flex: 1;
                -ms-flex: 1 0 auto;
                flex: 1 0 auto;
                padding: 0 10px
            }

            #wrapper .flyout-menu .flyout-menu__avatar a[href*="/users/"] {
                width: 42px;
                padding-right: 0
            }

    #wrapper .flyout-menu #admin-menu a {
        padding: 10px !important;
        background-image: none
    }

    #wrapper .flyout-menu .flyout-menu__sidebar > div {
        padding-left: 0
    }

    #wrapper .flyout-menu .flyout-menu__sidebar br {
        display: none
    }

    #wrapper .flyout-menu .flyout-menu__sidebar > a {
        font-weight: var(--flyout-menu-font-weight);
        display: block;
        padding: 10px 10px;
        border-top: 1px solid var(--flyout_menu_border)
    }

    #wrapper .flyout-menu .flyout-menu__sidebar h3 ~ a {
        font-weight: var(--flyout-menu-font-weight);
        display: block;
        padding: 10px 10px;
        border-top: 1px solid var(--flyout_menu_border)
    }

    #wrapper .flyout-menu .flyout-menu__sidebar p:not(.icon) {
        margin: 0;
        padding: 0
    }

    #wrapper .flyout-menu .flyout-menu__sidebar span.icon {
        display: block;
        padding: 5px 10px;
        height: auto;
        font-size: 1rem;
        line-height: 1rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        #wrapper .flyout-menu .flyout-menu__sidebar span.icon.icon-helpdesk {
            line-height: 1rem
        }

        #wrapper .flyout-menu .flyout-menu__sidebar span.icon:after {
            display: none
        }

    #wrapper .flyout-menu table.note_data .content.preview {
        color: var(--flyout_menu_color)
    }

    #wrapper .flyout-menu .icon:not(td):not([href*="/cms"]), #wrapper .flyout-menu a[href*="questions_sections/new"] {
        padding: 0 0 0 var(--icon-width)
    }

        #wrapper .flyout-menu .icon:not(td):not([href*="/cms"]):before, #wrapper .flyout-menu a[href*="questions_sections/new"]:before {
            width: var(--icon-smaller-width);
            height: var(--icon-smaller-width)
        }

        #wrapper .flyout-menu .icon:not(td):not([href*="/cms"]).tags:before, #wrapper .flyout-menu a[href*="questions_sections/new"].tags:before {
            content: '';
            display: block;
            clear: both;
            position: absolute;
            top: 0;
            left: 30px;
            width: 1px;
            background: var(--flyout_menu_color);
            height: 100%
        }

        #wrapper .flyout-menu .icon:not(td):not([href*="/cms"]):after, #wrapper .flyout-menu a[href*="questions_sections/new"]:after {
            width: var(--icon-smaller-width);
            height: var(--icon-smaller-width);
            font-size: var(--icon-smaller-font-size);
            line-height: var(--icon-smaller-width);
            top: 50%;
            margin: -13px 0 0
        }

        #wrapper .flyout-menu .icon:not(td):not([href*="/cms"]).icon-email, #wrapper .flyout-menu .icon:not(td):not([href*="/cms"]).icon-phone, #wrapper .flyout-menu a[href*="questions_sections/new"].icon-email, #wrapper .flyout-menu a[href*="questions_sections/new"].icon-phone {
            line-height: var(--icon-width-small);
            min-height: var(--icon-width-small);
            padding: 0 0 0 var(--icon-width-small)
        }

            #wrapper .flyout-menu .icon:not(td):not([href*="/cms"]).icon-email:after, #wrapper .flyout-menu .icon:not(td):not([href*="/cms"]).icon-phone:after, #wrapper .flyout-menu a[href*="questions_sections/new"].icon-email:after, #wrapper .flyout-menu a[href*="questions_sections/new"].icon-phone:after {
                width: var(--icon-width-small);
                height: var(--icon-width-small);
                font-size: var(--icon-font-size-small);
                line-height: var(--icon-width-small)
            }

        #wrapper .flyout-menu .icon:not(td):not([href*="/cms"]).icon-edit, #wrapper .flyout-menu a[href*="questions_sections/new"].icon-edit {
            display: block;
            padding: 0;
            width: var(--icon-smaller-width);
            height: var(--icon-smaller-width);
            font-size: 0;
            line-height: 0
        }

            #wrapper .flyout-menu .icon:not(td):not([href*="/cms"]).icon-edit:after, #wrapper .flyout-menu a[href*="questions_sections/new"].icon-edit:after {
                width: var(--icon-smaller-width);
                height: var(--icon-smaller-width);
                font-size: var(--icon-smaller-font-size);
                line-height: var(--icon-smaller-width)
            }

    #wrapper .flyout-menu div.contact {
        padding: 5px;
        border: 0;
        margin: 0
    }

        #wrapper .flyout-menu div.contact .gravatar {
            width: 40px;
            height: 40px;
            float: left
        }

    #wrapper .flyout-menu .subject_header td {
        padding-left: 5px !important;
        padding-right: 5px !important
    }

    #wrapper .flyout-menu .contextual {
        padding: 0;
        margin: 0;
        float: right !important
    }

    #wrapper .flyout-menu #customer_previous_issues .contextual, #wrapper .flyout-menu #customer_profile .contextual {
        padding: 0;
        margin: 0
    }

        #wrapper .flyout-menu #customer_previous_issues .contextual a, #wrapper .flyout-menu #customer_profile .contextual a {
            font-weight: var(--flyout-menu-font-weight);
            display: block;
            padding: 10px 10px;
            border-top: 1px solid var(--flyout_menu_border);
            font-size: 1rem;
            line-height: 1.14
        }

    #wrapper .flyout-menu .flyout-menu__sidebar {
        position: relative
    }

        #wrapper .flyout-menu .flyout-menu__sidebar span.icon.tag_list {
            margin: 5px 0 0;
            padding: 0 0 0 26px;
            display: block;
            position: relative;
            font-size: 0;
            line-height: 0
        }

            #wrapper .flyout-menu .flyout-menu__sidebar span.icon.tag_list:after {
                content: "\E0B6";
                position: absolute;
                top: 0;
                left: 0;
                display: block;
                clear: both;
                height: 20px;
                width: 20px;
                margin: 0;
                overflow: hidden;
                -webkit-transition: color var(--time-hover) ease-in-out;
                -o-transition: color var(--time-hover) ease-in-out;
                transition: color var(--time-hover) ease-in-out;
                z-index: 1;
                font-family: var(--icon-font);
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                font-style: normal;
                font-variant: normal;
                font-weight: 400;
                text-decoration: none;
                text-transform: none;
                font-size: 26px;
                line-height: 1;
                color: var(--flyout-text-color)
            }

            #wrapper .flyout-menu .flyout-menu__sidebar span.icon.tag_list a {
                background: var(--flyout_menu_bg);
                color: var(--flyout_menu_color);
                padding: 5px 10px;
                font-weight: var(--flyout-menu-font-weight);
                font-size: 1rem;
                line-height: 1.14;
                border-radius: var(--border-radius-small);
                float: left;
                margin-right: 5px
            }

        #wrapper .flyout-menu .flyout-menu__sidebar h3 ~ p:not(.icon) {
            padding: 10px
        }

            #wrapper .flyout-menu .flyout-menu__sidebar h3 ~ p:not(.icon) br {
                display: block
            }

            #wrapper .flyout-menu .flyout-menu__sidebar h3 ~ p:not(.icon) .icon-company-contact, #wrapper .flyout-menu .flyout-menu__sidebar h3 ~ p:not(.icon) .icon-helpdesk {
                margin: -10px;
                padding: 10px;
                border-top: 1px solid var(--flyout_menu_border)
            }

            #wrapper .flyout-menu .flyout-menu__sidebar h3 ~ p:not(.icon):empty {
                display: none
            }

            #wrapper .flyout-menu .flyout-menu__sidebar h3 ~ p:not(.icon) #toggle-completed-versions {
                display: block;
                width: calc(100% + 20px);
                padding: 10px 10px 10px 36px;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                margin: -10px;
                font-weight: var(--flyout-menu-font-weight);
                text-decoration: none;
                min-height: auto;
                height: auto;
                line-height: 1;
                position: relative;
                background: 0 0 !important
            }

                #wrapper .flyout-menu .flyout-menu__sidebar h3 ~ p:not(.icon) #toggle-completed-versions:after {
                    content: "\E07D";
                    position: absolute;
                    top: 50%;
                    left: 5px;
                    display: block;
                    clear: both;
                    height: 20px;
                    width: 20px;
                    margin: -10px 0 0;
                    overflow: hidden;
                    -webkit-transition: transform var(--time-hover) ease-in-out;
                    -o-transition: transform var(--time-hover) ease-in-out;
                    -webkit-transition: -webkit-transform var(--time-hover) ease-in-out;
                    transition: -webkit-transform var(--time-hover) ease-in-out;
                    transition: transform var(--time-hover) ease-in-out;
                    transition: transform var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
                    z-index: 1;
                    font-family: var(--icon-font);
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                    font-style: normal;
                    font-variant: normal;
                    font-weight: 400;
                    text-decoration: none;
                    text-transform: none;
                    font-size: 20px;
                    line-height: 1;
                    color: var(--flyout_menu_color);
                    -webkit-transform: rotate(0);
                    -ms-transform: rotate(0);
                    transform: rotate(0)
                }

                #wrapper .flyout-menu .flyout-menu__sidebar h3 ~ p:not(.icon) #toggle-completed-versions.collapsible:after {
                    -webkit-transform: rotate(180deg);
                    -ms-transform: rotate(180deg);
                    transform: rotate(180deg)
                }

                #wrapper .flyout-menu .flyout-menu__sidebar h3 ~ p:not(.icon) #toggle-completed-versions.collapsible.icon-expended:after {
                    -webkit-transform: rotate(180deg);
                    -ms-transform: rotate(180deg);
                    transform: rotate(180deg)
                }

                #wrapper .flyout-menu .flyout-menu__sidebar h3 ~ p:not(.icon) #toggle-completed-versions.collapsible.collapsed:after, #wrapper .flyout-menu .flyout-menu__sidebar h3 ~ p:not(.icon) #toggle-completed-versions.collapsible.icon-collapsed:after {
                    -webkit-transform: rotate(0);
                    -ms-transform: rotate(0);
                    transform: rotate(0)
                }

        #wrapper .flyout-menu .flyout-menu__sidebar a[href*="/my/account/destroy"] {
            font-size: 0;
            line-height: 0;
            position: absolute;
            top: 5px;
            left: 213px
        }

        #wrapper .flyout-menu .flyout-menu__sidebar > h4 {
            padding-left: 10px;
            padding-right: 10px;
            padding-bottom: 5px;
            border-color: var(--flyout_menu_border);
            color: var(--flyout_menu_color);
            margin: 0
        }

    #wrapper .flyout-menu #issue_contacts {
        padding: 0
    }

    #wrapper .flyout-menu .in-mobile {
        max-height: 0;
        overflow: hidden;
        display: block;
        -webkit-transition: max-height var(--time-main) ease-in-out;
        -o-transition: max-height var(--time-main) ease-in-out;
        transition: max-height var(--time-main) ease-in-out
    }

    #wrapper .flyout-menu .open > .in-mobile {
        max-height: 100%
    }

    #wrapper .flyout-menu ul li a.new-object, #wrapper .new-object ~ .menu-children {
        display: block
    }

    #wrapper .flyout-menu #new-object {
        display: none
    }

.mod-obj {
    position: fixed;
    top: -99999px;
    left: -99999px;
    height: auto;
    background: var(--bg);
    padding: 0;
    opacity: 0;
    z-index: 11;
    border: 1px solid var(--border-color);
    border-left: none;
    border-top: none
}

    .mod-obj .holder-children {
        overflow: hidden;
        width: 100%
    }

    .mod-obj .menu-children {
        margin: 0;
        padding: 0;
        list-style: none;
        font-size: .85714286rem;
        line-height: 1.4;
        font-weight: var(font-weight);
        display: block;
        background: var(--bg)
    }

        .mod-obj .menu-children a {
            display: block;
            width: 100%;
            padding: 5px 10px;
            color: var(--drop-text-color);
            position: relative;
            overflow: hidden;
            z-index: 2;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-transition: color var(--time-hover) ease-in-out;
            -o-transition: color var(--time-hover) ease-in-out;
            transition: color var(--time-hover) ease-in-out
        }

            .mod-obj .menu-children a:after {
                content: '';
                display: block;
                clear: both;
                position: absolute;
                top: 0;
                right: 0;
                width: 0;
                height: 100%;
                background: var(--drop-bg);
                z-index: -1;
                -webkit-transition: width var(--time-hover) ease-in-out;
                -o-transition: width var(--time-hover) ease-in-out;
                transition: width var(--time-hover) ease-in-out
            }

            .mod-obj .menu-children a:hover {
                text-decoration: none;
                color: var(--drop-text-color-hover)
            }

                .mod-obj .menu-children a:hover:after {
                    width: 100%
                }

#admin-menu .jcf-scrollbar-vertical, #main-menu .jcf-scrollbar-vertical {
    background: var(--scrollbar)
}

    #admin-menu .jcf-scrollbar-vertical .jcf-scrollbar-handle, #main-menu .jcf-scrollbar-vertical .jcf-scrollbar-handle {
        background: var(--scrollbar_handle)
    }

.controller-my #block-select, .controller-projects #block-select, .controller-welcome #block-select {
    position: absolute;
    left: -99999px;
    top: -99999px
}

.controller-my select[id*=settings_issuequery_] + .select2, .controller-projects select[id*=settings_issuequery_] + .select2, .controller-welcome select[id*=settings_issuequery_] + .select2 {
    margin-left: 10px
}

.controller-my #block-form, .controller-projects #block-form, .controller-welcome #block-form {
    margin-right: 10px;
    -webkit-box-ordinal-group: -2;
    -ms-flex-order: -3;
    order: -3
}

    .controller-my #block-form .select2, .controller-projects #block-form .select2, .controller-welcome #block-form .select2 {
        margin-left: 10px
    }

.controller-my #content > .contextual form, .controller-projects #content > .contextual form, .controller-welcome #content > .contextual form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.controller-my #main > #content h3, .controller-projects #main > #content h3, .controller-welcome #main > #content h3 {
    padding-top: 0;
    margin: 0 0 15px
}

    .controller-my #main > #content h3 .icon-only, .controller-projects #main > #content h3 .icon-only, .controller-welcome #main > #content h3 .icon-only {
        width: var(--icon-smaller-width) !important;
        height: var(--icon-smaller-width) !important
    }

        .controller-my #main > #content h3 .icon-only:after, .controller-projects #main > #content h3 .icon-only:after, .controller-welcome #main > #content h3 .icon-only:after {
            font-size: var(--icon-smaller-font-size) !important;
            line-height: var(--icon-smaller-width) !important
        }

.controller-my .block-receiver, .controller-projects .block-receiver, .controller-welcome .block-receiver {
    padding: 0;
    margin: 0;
    border: 0;
    width: 100%
}

.controller-my .mypage-box, .controller-projects .mypage-box, .controller-welcome .mypage-box {
    position: relative;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px 15px 15px;
    margin: 20px 0;
    border: none;
    background: var(--bg-box);
    overflow: hidden;
    border-radius: var(--border-radius)
}

    .controller-my .mypage-box#block-legacy_left, .controller-projects .mypage-box#block-legacy_left, .controller-welcome .mypage-box#block-legacy_left {
        overflow: visible
    }

    .controller-my .mypage-box .contextual, .controller-projects .mypage-box .contextual, .controller-welcome .mypage-box .contextual {
        padding: 0;
        margin: 0 0 10px;
        opacity: 1
    }

    .controller-my .mypage-box .box, .controller-projects .mypage-box .box, .controller-welcome .mypage-box .box {
        padding: 0;
        margin: 0
    }

.controller-my div[id*="-settings"][style*=display], .controller-projects div[id*="-settings"][style*=display], .controller-welcome div[id*="-settings"][style*=display] {
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    display: block !important;
    position: fixed;
    top: -9999999px;
    left: -9999999px
}

    .controller-my div[id*="-settings"][style*=display].open-settings, .controller-projects div[id*="-settings"][style*=display].open-settings, .controller-welcome div[id*="-settings"][style*=display].open-settings {
        position: static
    }

.controller-my #content .mypage-box form, .controller-projects #content .mypage-box form, .controller-welcome #content .mypage-box form {
    margin: 0 0 20px
}

    .controller-my #content .mypage-box form .box, .controller-projects #content .mypage-box form .box, .controller-welcome #content .mypage-box form .box {
        padding: 0;
        margin: 0
    }

        .controller-my #content .mypage-box form .box + p, .controller-projects #content .mypage-box form .box + p, .controller-welcome #content .mypage-box form .box + p {
            margin: 0 0 0 10px
        }

    .controller-my #content .mypage-box form input[type=submit] + a, .controller-my #content .mypage-box form input[type=submit] + input[type=button], .controller-projects #content .mypage-box form input[type=submit] + a, .controller-projects #content .mypage-box form input[type=submit] + input[type=button], .controller-welcome #content .mypage-box form input[type=submit] + a, .controller-welcome #content .mypage-box form input[type=submit] + input[type=button] {
        background: var(--button-bg);
        color: var(--button-color)
    }

        .controller-my #content .mypage-box form input[type=submit] + a:hover, .controller-my #content .mypage-box form input[type=submit] + input[type=button]:hover, .controller-projects #content .mypage-box form input[type=submit] + a:hover, .controller-projects #content .mypage-box form input[type=submit] + input[type=button]:hover, .controller-welcome #content .mypage-box form input[type=submit] + a:hover, .controller-welcome #content .mypage-box form input[type=submit] + input[type=button]:hover {
            background: var(--button-bg-hover);
            color: var(--button-color-hover)
        }

    .controller-my #content .mypage-box form #settings_timelog_days, .controller-projects #content .mypage-box form #settings_timelog_days, .controller-welcome #content .mypage-box form #settings_timelog_days {
        margin-left: 10px;
        margin-right: 10px
    }

.controller-my div[id*="-settings"] form, .controller-projects div[id*="-settings"] form, .controller-welcome div[id*="-settings"] form {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.controller-my div[id*="-settings"] .box + p, .controller-projects div[id*="-settings"] .box + p, .controller-welcome div[id*="-settings"] .box + p {
    display: block;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    margin: 20px 0 0 !important
}

.controller-my #my-page, .controller-projects #my-page, .controller-welcome #my-page {
    overflow: hidden
}

    .controller-my #my-page #list-left .mypage-box:first-child, .controller-my #my-page #list-right .mypage-box:first-child, .controller-my #my-page #list-top .mypage-box:first-child, .controller-projects #my-page #list-left .mypage-box:first-child, .controller-projects #my-page #list-right .mypage-box:first-child, .controller-projects #my-page #list-top .mypage-box:first-child, .controller-welcome #my-page #list-left .mypage-box:first-child, .controller-welcome #my-page #list-right .mypage-box:first-child, .controller-welcome #my-page #list-top .mypage-box:first-child {
        margin-top: 0
    }

.controller-my .dragging .block-receiver, .controller-projects .dragging .block-receiver, .controller-welcome .dragging .block-receiver {
    border: 1px dashed var(--color-main-color);
    margin: 15px 0;
    padding: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: var(--border-radius)
}

.controller-my table.list > thead > tr:first-child .id, .controller-projects table.list > thead > tr:first-child .id, .controller-welcome table.list > thead > tr:first-child .id {
    -moz-border-top-left-radius: var(--border-radius);
    border-top-left-radius: var(--border-radius)
}

.controller-my table.list > tbody > tr:last-child .id, .controller-projects table.list > tbody > tr:last-child .id, .controller-welcome table.list > tbody > tr:last-child .id {
    -moz-border-bottom-left-radius: var(--border-radius);
    border-bottom-left-radius: var(--border-radius)
}

#block-my_contacts {
    background: var(--bg-box)
}

    #block-my_contacts .box {
        padding: 0;
        margin: 0;
        visibility: visible
    }

        #block-my_contacts .box ul {
            margin: 0 -7px;
            padding: 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: stretch;
            -ms-flex-align: stretch;
            align-items: stretch;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }

            #block-my_contacts .box ul li {
                width: 160px;
                background: var(--bg-fff);
                border-radius: var(--button-border-radius);
                margin: 0 7px 15px 7px;
                padding: 15px 10px;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-transition: -webkit-box-shadow var(--time-hover) ease-in-out;
                transition: -webkit-box-shadow var(--time-hover) ease-in-out;
                -o-transition: box-shadow var(--time-hover) ease-in-out;
                transition: box-shadow var(--time-hover) ease-in-out;
                transition: box-shadow var(--time-hover) ease-in-out,-webkit-box-shadow var(--time-hover) ease-in-out;
                font-size: 1rem;
                line-height: 1.4;
                -webkit-box-shadow: var(--box-shadow-null);
                box-shadow: var(--box-shadow-null);
                -webkit-transition: all var(--time-hover) ease-in-out;
                -o-transition: all var(--time-hover) ease-in-out;
                transition: all var(--time-hover) ease-in-out
            }

                #block-my_contacts .box ul li .contact {
                    display: block
                }

                    #block-my_contacts .box ul li .contact a {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-pack: center;
                        -ms-flex-pack: center;
                        justify-content: center;
                        text-align: center;
                        margin-bottom: 5px;
                        color: var(--color-link);
                        font-size: 1rem;
                        line-height: 1.1;
                        font-weight: 700
                    }

                    #block-my_contacts .box ul li .contact #avatar {
                        margin-bottom: 10px;
                        position: relative;
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-transform: scale(1);
                        -ms-transform: scale(1);
                        transform: scale(1);
                        -webkit-transition: -webkit-transform var(--time-hover) ease-in-out;
                        transition: -webkit-transform var(--time-hover) ease-in-out;
                        -o-transition: transform var(--time-hover) ease-in-out;
                        transition: transform var(--time-hover) ease-in-out;
                        transition: transform var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
                    }

                        #block-my_contacts .box ul li .contact #avatar img.gravatar {
                            margin: 0 auto 0
                        }

                        #block-my_contacts .box ul li .contact #avatar:hover {
                            -webkit-transform: scale(1.2);
                            -ms-transform: scale(1.2);
                            transform: scale(1.2)
                        }

                #block-my_contacts .box ul li:hover {
                    -webkit-box-shadow: var(--big-shadow-hover);
                    box-shadow: var(--big-shadow-hover)
                }

    #block-my_contacts .small {
        margin-top: 0
    }

        #block-my_contacts .small a {
            display: inline-block;
            padding: 8px 10px 8px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            text-align: center;
            background: var(--button-main-bg);
            color: var(--button-main-color);
            font-weight: 700;
            min-width: 160px;
            border-radius: var(--button-border-radius);
            position: relative;
            -webkit-transition: color var(--time-hover) ease-in-out,background var(--time-hover) ease-in-out;
            -o-transition: color var(--time-hover) ease-in-out,background var(--time-hover) ease-in-out;
            transition: color var(--time-hover) ease-in-out,background var(--time-hover) ease-in-out;
            font-size: 1rem;
            line-height: 1rem
        }

            #block-my_contacts .small a:hover {
                background: var(--button-main-bg-hover);
                color: var(--button-main-color-hover);
                text-decoration: none
            }

#block-my_contacts_stats .list tbody tr:first-child td {
    border-top: 0
}

#block-my_contacts_avatars {
    background: var(--bg-box)
}

    #block-my_contacts_avatars .box {
        padding: 0;
        margin: 0 -7px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        visibility: visible
    }

        #block-my_contacts_avatars .box .tooltip {
            width: calc(25% - 14px);
            background: var(--bg-fff);
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            border-radius: var(--button-border-radius);
            margin: 0 7px 15px;
            padding: 10px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-box-shadow: var(--box-shadow-null);
            box-shadow: var(--box-shadow-null);
            -webkit-transition: all var(--time-hover) ease-in-out;
            -o-transition: all var(--time-hover) ease-in-out;
            transition: all var(--time-hover) ease-in-out
        }

            #block-my_contacts_avatars .box .tooltip #avatar {
                display: block;
                margin-bottom: 15px
            }

                #block-my_contacts_avatars .box .tooltip #avatar img {
                    display: block
                }

            #block-my_contacts_avatars .box .tooltip .tip {
                display: block;
                width: 100% !important;
                font-size: 1rem !important;
                line-height: 1.4 !important
            }

                #block-my_contacts_avatars .box .tooltip .tip a {
                    color: var(--color-link) !important
                }

                    #block-my_contacts_avatars .box .tooltip .tip a:first-child {
                        color: var(--color-link) !important;
                        font-size: 1rem;
                        line-height: 1.1;
                        font-weight: 700;
                        display: block
                    }

                        #block-my_contacts_avatars .box .tooltip .tip a:first-child + br {
                            display: none
                        }

                    #block-my_contacts_avatars .box .tooltip .tip a[href^=mailto], #block-my_contacts_avatars .box .tooltip .tip a[href^=tel] {
                        font-size: 1rem;
                        line-height: 1.4;
                        display: inline-block;
                        font-weight: 400
                    }

            #block-my_contacts_avatars .box .tooltip:hover span.tip {
                position: relative;
                top: auto;
                left: auto;
                bottom: auto;
                right: auto;
                padding: 0;
                border: none;
                width: 100%;
                margin: 0
            }

            #block-my_contacts_avatars .box .tooltip:hover {
                -webkit-box-shadow: var(--big-shadow-hover);
                box-shadow: var(--big-shadow-hover)
            }

    #block-my_contacts_avatars .small {
        margin-top: 0
    }

        #block-my_contacts_avatars .small a {
            display: inline-block;
            padding: 8px 10px 8px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            text-align: center;
            background: var(--button-main-bg);
            color: var(--button-main-color);
            font-weight: 700;
            min-width: 160px;
            border-radius: var(--button-border-radius);
            position: relative;
            -webkit-transition: color var(--time-hover) ease-in-out,background var(--time-hover) ease-in-out;
            -o-transition: color var(--time-hover) ease-in-out,background var(--time-hover) ease-in-out;
            transition: color var(--time-hover) ease-in-out,background var(--time-hover) ease-in-out;
            font-size: 1rem;
            line-height: 1rem
        }

            #block-my_contacts_avatars .small a:hover {
                background: var(--button-main-bg-hover);
                color: var(--button-main-color-hover);
                text-decoration: none
            }

#block-my_helpdesk_tickets .small a {
    display: inline-block;
    padding: 8px 10px 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    background: var(--button-main-bg);
    color: var(--button-main-color);
    font-weight: 700;
    min-width: 160px;
    border-radius: var(--button-border-radius);
    position: relative;
    -webkit-transition: color var(--time-hover) ease-in-out,background var(--time-hover) ease-in-out;
    -o-transition: color var(--time-hover) ease-in-out,background var(--time-hover) ease-in-out;
    transition: color var(--time-hover) ease-in-out,background var(--time-hover) ease-in-out;
    font-size: 1rem;
    line-height: 1rem
}

    #block-my_helpdesk_tickets .small a:hover {
        background: var(--button-main-bg-hover);
        color: var(--button-main-color-hover);
        text-decoration: none
    }

#content div[id*=block-issuequery] .box {
    padding: 0;
    margin-bottom: 0
}

    #content div[id*=block-issuequery] .box + p {
        margin-top: 0
    }

#content div[id*=block-issuequery] form input[type=submit] {
    background-color: var(--button-main-bg);
    color: var(--button-main-color)
}

    #content div[id*=block-issuequery] form input[type=submit]:hover {
        background-color: var(--button-main-bg-hover);
        color: var(--button-main-color-hover)
    }

#block-my_deals .box {
    padding: 0;
    margin: 0
}

#block-my_deals #duplicates ul {
    margin: 0 -7px;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    #block-my_deals #duplicates ul li {
        position: relative;
        width: 160px;
        background: var(--bg-fff);
        border-radius: var(--border-radius);
        margin: 0 7px 15px 7px;
        padding: 15px 10px 35px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
        font-size: 1rem;
        line-height: 1.4;
        -webkit-box-shadow: var(--box-shadow-null);
        box-shadow: var(--box-shadow-null);
        -webkit-transition: all var(--time-hover) ease-in-out;
        -o-transition: all var(--time-hover) ease-in-out;
        transition: all var(--time-hover) ease-in-out
    }

        #block-my_deals #duplicates ul li:hover {
            -webkit-box-shadow: var(--big-shadow-hover);
            box-shadow: var(--big-shadow-hover)
        }

        #block-my_deals #duplicates ul li img {
            margin: 0 auto 10px
        }

        #block-my_deals #duplicates ul li a {
            display: inline-block;
            margin: 0 0 10px;
            font-weight: 700
        }

        #block-my_deals #duplicates ul li .tag-label-color {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            margin: 0;
            text-align: center;
            font-size: .85714286rem;
            line-height: .85714286rem;
            padding: 5px 10px;
            border-radius: 0 0 var(--border-radius) var(--border-radius)
        }

#block-my_deals .small {
    margin-top: 0
}

    #block-my_deals .small a {
        display: inline-block;
        padding: 8px 10px 8px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center;
        background: var(--button-main-bg);
        color: var(--button-main-color);
        font-weight: 700;
        min-width: 160px;
        border-radius: var(--button-border-radius);
        position: relative;
        -webkit-transition: color var(--time-hover) ease-in-out,background var(--time-hover) ease-in-out;
        -o-transition: color var(--time-hover) ease-in-out,background var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out,background var(--time-hover) ease-in-out;
        font-size: 1rem;
        line-height: 1rem
    }

        #block-my_deals .small a:hover {
            background: var(--button-main-bg-hover);
            color: var(--button-main-color-hover);
            text-decoration: none
        }

#block-my_resource_bookings .my-resource-bookings-chart .cal {
    margin-top: 0
}

#block-my_resource_bookings .my-resource-bookings-chart .workload-card {
    padding: 8px 10px;
    margin: 0;
    border-width: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: .85714286rem;
    line-height: .85714286rem;
    font-weight: 700
}

    #block-my_resource_bookings .my-resource-bookings-chart .workload-card .spent {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        padding: 5px 10px;
        background-color: var(--bg-fff);
        color: var(--text-color-main);
        border-radius: var(--border-radius)
    }

    #block-my_resource_bookings .my-resource-bookings-chart .workload-card p {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    #block-my_resource_bookings .my-resource-bookings-chart .workload-card.green {
        background: var(--color-green);
        border-color: var(--color-green);
        color: #fff
    }

    #block-my_resource_bookings .my-resource-bookings-chart .workload-card.red {
        background: var(--notice-error-bg);
        border-color: var(--notice-error-main);
        color: var(--notice-error-main)
    }

#block-my_resource_bookings .my-resource-bookings-chart table th:first-child {
    border-radius: var(--border-radius) 0 0 0
}

#block-my_resource_bookings .my-resource-bookings-chart table th:last-child {
    border-radius: 0 var(--border-radius) 0 0
}

#block-my_resource_bookings .my-resource-bookings-chart .booking-card {
    margin: 0 0 2px;
    padding: 0 0 10px;
    min-height: 100px;
    border: 0;
    border-left: 4px solid var(--color-main-color);
    background-color: var(--light-bg);
    position: relative;
    z-index: 1
}

    #block-my_resource_bookings .my-resource-bookings-chart .booking-card:hover {
        z-index: 2
    }

    #block-my_resource_bookings .my-resource-bookings-chart .booking-card .log-time {
        padding: 0
    }

        #block-my_resource_bookings .my-resource-bookings-chart .booking-card .log-time .icon {
            height: 30px
        }

            #block-my_resource_bookings .my-resource-bookings-chart .booking-card .log-time .icon:after, #block-my_resource_bookings .my-resource-bookings-chart .booking-card .log-time .icon:before {
                left: 10px;
                margin: -12px 0 0 0
            }

    #block-my_resource_bookings .my-resource-bookings-chart .booking-card .project-name {
        border: 0;
        font-weight: 700;
        font-size: .85714286rem;
        line-height: 1.1428rem;
        background: var(--color-main-color);
        color: var(--bg-fff);
        padding: 8px 10px;
        border-left: 4px solid var(--color-main-color);
        margin: 0
    }

    #block-my_resource_bookings .my-resource-bookings-chart .booking-card .progress.spent {
        width: calc(100% - 20px) !important;
        margin: 0 10px 0;
        border: 0
    }

        #block-my_resource_bookings .my-resource-bookings-chart .booking-card .progress.spent tr {
            border: 0
        }

        #block-my_resource_bookings .my-resource-bookings-chart .booking-card .progress.spent td {
            padding: 0 5px;
            border: 0;
            margin: 0;
            height: 26px;
            vertical-align: middle;
            color: var(--text-color-main);
            font-weight: 700;
            background: var(--bg-fff)
        }

    #block-my_resource_bookings .my-resource-bookings-chart .booking-card.spent {
        border-color: var(--notice-successfu-main);
        background: var(--notice-successfu-bg)
    }

        #block-my_resource_bookings .my-resource-bookings-chart .booking-card.spent .tooltip, #block-my_resource_bookings .my-resource-bookings-chart .booking-card.spent .tooltip:hover {
            border-color: var(--notice-successfu-main)
        }

            #block-my_resource_bookings .my-resource-bookings-chart .booking-card.spent .tooltip span.tip, #block-my_resource_bookings .my-resource-bookings-chart .booking-card.spent .tooltip:hover span.tip {
                border-color: var(--notice-successfu-main);
                background: var(--notice-successfu-bg)
            }

        #block-my_resource_bookings .my-resource-bookings-chart .booking-card.spent .project-name {
            background: var(--notice-successfu-main);
            color: var(--notice-successfu-main-text);
            border-color: var(--notice-successfu-main)
        }

    #block-my_resource_bookings .my-resource-bookings-chart .booking-card .tooltip span.tip {
        display: block;
        visibility: hidden;
        opacity: 0;
        position: absolute;
        top: 45px;
        left: 0;
        margin: 0 0 0 -4px;
        -webkit-transition: all var(--time-hover) ease-in-out;
        -o-transition: all var(--time-hover) ease-in-out;
        transition: all var(--time-hover) ease-in-out
    }

    #block-my_resource_bookings .my-resource-bookings-chart .booking-card .tooltip strong {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    #block-my_resource_bookings .my-resource-bookings-chart .booking-card .tooltip:hover span.tip {
        top: 30px;
        visibility: visible;
        opacity: 1
    }

    #block-my_resource_bookings .my-resource-bookings-chart .booking-card .tooltip, #block-my_resource_bookings .my-resource-bookings-chart .booking-card .tooltip:hover {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 10px 10px 5px;
        position: relative
    }

        #block-my_resource_bookings .my-resource-bookings-chart .booking-card .tooltip span.tip, #block-my_resource_bookings .my-resource-bookings-chart .booking-card .tooltip:hover span.tip {
            padding: 10px;
            background: 0 0;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            font-size: .85714286rem;
            line-height: 1.1428rem;
            font-weight: 400;
            border: 0;
            background: var(--light-bg);
            border-left: 4px solid var(--color-main-color);
            width: calc(100% + 4px);
            -webkit-box-shadow: var(--small-box-shadow);
            box-shadow: var(--small-box-shadow)
        }

            #block-my_resource_bookings .my-resource-bookings-chart .booking-card .tooltip span.tip strong, #block-my_resource_bookings .my-resource-bookings-chart .booking-card .tooltip:hover span.tip strong {
                font-weight: 700
            }

            #block-my_resource_bookings .my-resource-bookings-chart .booking-card .tooltip span.tip a, #block-my_resource_bookings .my-resource-bookings-chart .booking-card .tooltip:hover span.tip a {
                color: var(--link_color) !important;
                font-weight: 700
            }

    #block-my_resource_bookings .my-resource-bookings-chart .booking-card .icon {
        overflow: visible;
        position: relative;
        padding-top: 0;
        padding-bottom: 0;
        background: 0 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-left: 24px;
        width: 100%;
        border-radius: 0;
        font-size: 1rem;
        line-height: 1.4;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        color: var(--icon-color-bg);
        text-decoration: none
    }

        #block-my_resource_bookings .my-resource-bookings-chart .booking-card .icon:after {
            width: 24px;
            height: 24px;
            font-size: 20px;
            line-height: 24px;
            position: absolute;
            top: 50%;
            left: 0;
            margin: -12px 0 0 -5px;
            color: var(--icon-color-bg)
        }

        #block-my_resource_bookings .my-resource-bookings-chart .booking-card .icon:before {
            width: 24px;
            height: 24px;
            top: 50%;
            left: 0;
            margin: -12px 0 0 -5px
        }

        #block-my_resource_bookings .my-resource-bookings-chart .booking-card .icon .issue {
            margin: 0 0 0 5px
        }

        #block-my_resource_bookings .my-resource-bookings-chart .booking-card .icon.icon-project:after {
            content: "\E05D"
        }

        #block-my_resource_bookings .my-resource-bookings-chart .booking-card .icon.icon-time-add {
            width: 100%;
            font-size: 1rem;
            line-height: 1rem;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            text-decoration: none;
            border-radius: var(--border-radius);
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

    #block-my_resource_bookings .my-resource-bookings-chart .booking-card .description-box {
        height: auto !important;
        min-height: 0;
        padding: 0 10px 10px;
        font-weight: 700
    }

        #block-my_resource_bookings .my-resource-bookings-chart .booking-card .description-box .text-box {
            padding-right: 0;
            padding: 0
        }

            #block-my_resource_bookings .my-resource-bookings-chart .booking-card .description-box .text-box:after, #block-my_resource_bookings .my-resource-bookings-chart .booking-card .description-box .text-box:before {
                display: none
            }

#block-my_resource_bookings .my-resource-bookings-chart .spent.group-name {
    padding: 10px 0;
    background: var(--notice-successfu-bg);
    margin: 0 0 2px;
    border: none
}

#block-my_resource_bookings table.cal {
    border-radius: var(--border-radius) var(--border-radius) 0 0
}

    #block-my_resource_bookings table.cal > tbody {
        border: 0
    }

        #block-my_resource_bookings table.cal > tbody .week-end {
            background-color: var(--color-fff)
        }

        #block-my_resource_bookings table.cal > tbody > tr {
            border: 0
        }

            #block-my_resource_bookings table.cal > tbody > tr td {
                border-bottom: 0;
                border-right: 0
            }

                #block-my_resource_bookings table.cal > tbody > tr td:last-child {
                    border-right: 0
                }

            #block-my_resource_bookings table.cal > tbody > tr:last-child > td {
                border-bottom: 0
            }

                #block-my_resource_bookings table.cal > tbody > tr:last-child > td:first-child {
                    border-radius: 0 0 0 var(--border-radius)
                }

#content form[action="/my/page"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

    #content form[action="/my/page"] .box {
        width: auto
    }

        #content form[action="/my/page"] .box p {
            padding: 0
        }

            #content form[action="/my/page"] .box p label {
                width: auto;
                margin: 0 !important;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: nowrap;
                flex-wrap: nowrap;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

                #content form[action="/my/page"] .box p label .jcf-select, #content form[action="/my/page"] .box p label .select2 {
                    margin: 0 0 0 10px
                }

    #content form[action="/my/page"] .list .icon {
        margin: 0 !important
    }

#content #block-calendar table.cal tr td {
    border-bottom: 0
}

    #content #block-calendar table.cal tr td:last-child {
        border-right: 0
    }

.controller-news #main #content h2 img.gravatar {
    display: none
}

.controller-news.action-index #main > #content {
    padding: 0 0 43px
}

    .controller-news.action-index #main > #content > h2 {
        width: 100%;
        margin: 0 0 40px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .controller-news.action-index #main > #content p.other-formats {
        margin: 0
    }

    .controller-news.action-index #main > #content > .contextual {
        margin-right: 0
    }

    .controller-news.action-index #main > #content header h3 {
        font-weight: 400;
        width: 100%;
        font-family: sans-serif;
        font-size: .85714286rem;
        line-height: 1.4;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        overflow: hidden;
        margin: 0 0 10px;
        padding: 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .controller-news.action-index #main > #content header h3 img {
            display: block;
            margin: 0 5px 0 0;
            border-radius: var(--border-radius-full)
        }

        .controller-news.action-index #main > #content header h3 a {
            font-size: 1.1428rem;
            line-height: 1.4;
            font-weight: 700;
            margin: 0 5px 0 0
        }

.controller-news.action-show #main > #content h3.comments {
    width: 100%;
    padding: 10px 30px;
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
    background: var(--bg-box);
    margin: 0 -30px 20px
}

    .controller-news.action-show #main > #content h3.comments:before {
        display: none
    }

.controller-news.action-show #main > #content #comments h4 {
    font-size: 1rem;
    line-height: 1.4;
    font-weight: 600;
    border-bottom: 1px solid var(--border-color-content);
    padding: 8px 30px 8px 0;
    margin: 0 0 10px
}

    .controller-news.action-show #main > #content #comments h4 .gravatar {
        margin: 0 5px 5px 0;
        border-radius: var(--border-radius-full)
    }

.controller-news.action-show #edit-news {
    margin: 0 0 20px
}

.controller-news .news-article {
    background: var(--bg-other);
    margin: 0 0 15px;
    border-radius: var(--border-radius);
    -webkit-box-shadow: var(--big-shadow);
    box-shadow: var(--big-shadow);
    -webkit-transition: box-shadow var(--time-hover) ease-in-out;
    -o-transition: box-shadow var(--time-hover) ease-in-out;
    -webkit-transition: -webkit-box-shadow var(--time-hover) ease-in-out;
    transition: -webkit-box-shadow var(--time-hover) ease-in-out;
    transition: box-shadow var(--time-hover) ease-in-out;
    transition: box-shadow var(--time-hover) ease-in-out,-webkit-box-shadow var(--time-hover) ease-in-out
}

    .controller-news .news-article:hover {
        -webkit-box-shadow: var(--big-shadow-hover);
        box-shadow: var(--big-shadow-hover)
    }

    .controller-news .news-article .open-box-news {
        height: 0;
        overflow: hidden;
        width: 100%
    }

    .controller-news .news-article header {
        display: block;
        position: relative;
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-family: sans-serif;
        overflow: hidden;
        font-size: 1.1428rem;
        line-height: 1.4;
        padding: 15px 60px 15px 20px;
        font-weight: 600
    }

        .controller-news .news-article header:after {
            content: '';
            display: block;
            clear: both;
            position: absolute;
            top: 50%;
            margin: -15px 0 0;
            right: 60px;
            height: 30px;
            width: 1px;
            background: var(--border-color)
        }

        .controller-news .news-article header p {
            margin: 0
        }

            .controller-news .news-article header p.author {
                font-size: .85714286rem;
                line-height: 1.4
            }

    .controller-news .news-article .open-news-link {
        position: absolute;
        top: 50%;
        right: 15px;
        cursor: pointer !important;
        padding: 0;
        height: var(--icon-width);
        width: var(--icon-width);
        margin: -15px 0 0;
        overflow: hidden;
        z-index: 2;
        background-size: var(--icon-width) var(--icon-width);
        background-repeat: no-repeat;
        background-position: 50% 50%;
        border-radius: var(--icon-border-radius);
        font-size: 0;
        line-height: 0;
        color: var(--icon-color);
        -webkit-transition: all var(--time-hover) ease-in-out;
        -o-transition: all var(--time-hover) ease-in-out;
        transition: all var(--time-hover) ease-in-out
    }

        .controller-news .news-article .open-news-link:after {
            text-align: center;
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            clear: both;
            height: 100%;
            width: 100%;
            margin: 0;
            overflow: hidden;
            border-radius: var(--icon-border-radius);
            z-index: 1;
            font-family: var(--icon-font);
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-style: normal;
            font-variant: normal;
            font-weight: 400;
            text-decoration: none;
            text-transform: none;
            font-size: var(--icon-font-size);
            line-height: var(--icon-width)
        }

        .controller-news .news-article .open-news-link:before {
            content: '';
            display: block;
            clear: both;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: var(--icon_bg);
            -webkit-transform: scale(0);
            -ms-transform: scale(0);
            transform: scale(0);
            z-index: -1;
            border-radius: var(--icon-border-radius);
            -webkit-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            -o-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            -webkit-transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
            transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
            transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
        }

        .controller-news .news-article .open-news-link:hover {
            color: var(--icon-color-hover)
        }

            .controller-news .news-article .open-news-link:hover:before {
                background: var(--icon_bg_hover);
                -webkit-transform: scale(1);
                -ms-transform: scale(1);
                transform: scale(1)
            }

        .controller-news .news-article .open-news-link.selected {
            color: var(--icon_color_active)
        }

            .controller-news .news-article .open-news-link.selected:before {
                background: var(--icon_bg_active);
                -webkit-transform: scale(1);
                -ms-transform: scale(1);
                transform: scale(1)
            }

    .controller-news .news-article .wiki {
        overflow: hidden;
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 15px 20px;
        position: relative;
        border-top: 1px solid var(--border-color)
    }

        .controller-news .news-article .wiki p {
            margin: 0 0 10px
        }

            .controller-news .news-article .wiki p:last-of-type {
                margin: 0
            }

    .controller-news .news-article.open-news .open-news-link {
        color: var(--icon_color_active);
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

.controller-news #add-news {
    position: relative;
    z-index: 5;
    padding: 20px 30px;
    margin: 0 0 30px;
    background: var(--bg-fff);
    border-radius: var(--border-radius);
    -webkit-box-shadow: var(--big-shadow);
    box-shadow: var(--big-shadow)
}

#block-news p:not(.nodata), .news.box p:not(.nodata) {
    background: var(--bg-fff);
    display: block;
    position: relative;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    padding: 15px 20px;
    font-family: sans-serif;
    font-size: .85714286rem;
    line-height: 1.4;
    font-weight: 700;
    border-radius: var(--border-radius);
    -webkit-box-shadow: var(--box-shadow-null);
    box-shadow: var(--box-shadow-null);
    -webkit-transition: all var(--time-hover) ease-in-out;
    -o-transition: all var(--time-hover) ease-in-out;
    transition: all var(--time-hover) ease-in-out
}

    #block-news p:not(.nodata):hover, .news.box p:not(.nodata):hover {
        -webkit-box-shadow: var(--big-shadow-hover);
        box-shadow: var(--big-shadow-hover)
    }

    #block-news p:not(.nodata) a, .news.box p:not(.nodata) a {
        font-size: 1rem;
        line-height: 1.4;
        margin: 0 5px 0 0
    }

    #block-news p:not(.nodata) .summary, .news.box p:not(.nodata) .summary {
        display: block;
        margin: 10px 0 0;
        font-size: 1rem;
        line-height: 1.4;
        font-style: normal
    }

#block-news > a, .news.box > a {
    margin: 20px 0 0;
    display: inline-block;
    padding: 8px 10px 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    font-weight: 700;
    border-radius: var(--border-radius);
    position: relative;
    -webkit-transition: color var(--time-hover) ease-in-out,background var(--time-hover) ease-in-out;
    -o-transition: color var(--time-hover) ease-in-out,background var(--time-hover) ease-in-out;
    transition: color var(--time-hover) ease-in-out,background var(--time-hover) ease-in-out;
    font-size: 1rem;
    line-height: 1rem;
    background: var(--button-main-bg-bg);
    color: var(--button-main-color-bg)
}

    #block-news > a:hover, .news.box > a:hover {
        background: var(--button-main-bg-hover-bg);
        color: var(--button-main-color-hover-bg);
        text-decoration: none
    }

.controller-projects.action-show #content .splitcontentleft .wiki, .controller-projects.action-show #content div.box {
    color: var(--text-color-main);
    overflow: hidden;
    position: relative;
    width: 100% !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
    margin: 0 0 20px;
    border: none;
    background: var(--bg-box);
    border-radius: var(--border-radius)
}

    .controller-projects.action-show #content .splitcontentleft .wiki p, .controller-projects.action-show #content div.box p {
        margin: 10px 0 0
    }

        .controller-projects.action-show #content .splitcontentleft .wiki p:first-of-type, .controller-projects.action-show #content div.box p:first-of-type {
            margin: 0
        }

        .controller-projects.action-show #content .splitcontentleft .wiki p a, .controller-projects.action-show #content div.box p a {
            font-weight: 600
        }

    .controller-projects.action-show #content .splitcontentleft .wiki .list, .controller-projects.action-show #content div.box .list {
        margin: 0 0 15px
    }

.controller-projects.action-show #content .splitcontentleft {
    padding: 0 10px 0 0
}

.controller-projects.action-show #content .splitcontentright {
    padding: 0 0 0 10px
}

.controller-projects.action-show #content .splitcontentleft, .controller-projects.action-show #content .splitcontentright {
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .controller-projects.action-show #content .splitcontentleft .box:last-of-type, .controller-projects.action-show #content .splitcontentright .box:last-of-type {
        margin-bottom: 10px
    }

    .controller-projects.action-show #content .splitcontentleft .wiki:last-of-type, .controller-projects.action-show #content .splitcontentright .wiki:last-of-type {
        margin-bottom: 10px
    }

.controller-projects.action-show #content .contextual #block-form {
    margin-right: 10px;
    -webkit-box-ordinal-group: -2;
    -ms-flex-order: -3;
    order: -3
}

    .controller-projects.action-show #content .contextual #block-form .select2 {
        max-width: 150px
    }

.controller-projects.action-show table.list th {
    color: var(--text-color-main)
}

.controller-projects.action-show table.list td {
    font-size: 14px
}

    .controller-projects.action-show table.list td:first-child a {
        font-size: 12px;
        line-height: 15px;
        display: inline-block;
        vertical-align: top;
        min-width: 109px;
        padding: 4px 5px 5px;
        text-align: center;
        border-radius: var(--border-radius);
        color: var(--bg-fff);
        background: var(--tracker-1);
        -webkit-transition: opacity var(--time-hover) ease;
        -o-transition: opacity var(--time-hover) ease;
        transition: opacity var(--time-hover) ease
    }

        .controller-projects.action-show table.list td:first-child a[href*="tracker_id=1"] {
            background: var(--tracker-1)
        }

        .controller-projects.action-show table.list td:first-child a[href*="tracker_id=2"] {
            background: var(--tracker-2)
        }

        .controller-projects.action-show table.list td:first-child a[href*="tracker_id=3"] {
            background: var(--tracker-3)
        }

        .controller-projects.action-show table.list td:first-child a:hover {
            text-decoration: none;
            opacity: .9
        }

#duplicates {
    overflow: visible !important
}

    #duplicates .icon-vcard {
        background-image: none;
        position: relative
    }

        #duplicates .icon-vcard:after {
            content: "\E01A";
            position: absolute;
            top: 0;
            left: 0;
            width: 22px;
            height: 22px;
            font-size: 22px
        }

    #duplicates #duplicates {
        margin: 0 -7px;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

        #duplicates #duplicates .avatar {
            width: 64px;
            height: 64px;
            background: var(--bg-fff);
            border-radius: var(--border-radius-full);
            margin: 0 7px 15px 7px;
            padding: 0;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-shadow: none;
            box-shadow: none;
            -webkit-transition: -webkit-box-shadow var(--time-hover) ease-in-out;
            transition: -webkit-box-shadow var(--time-hover) ease-in-out;
            -o-transition: box-shadow var(--time-hover) ease-in-out;
            transition: box-shadow var(--time-hover) ease-in-out;
            transition: box-shadow var(--time-hover) ease-in-out,-webkit-box-shadow var(--time-hover) ease-in-out;
            font-size: 1rem;
            line-height: 1.4
        }

            #duplicates #duplicates .avatar a {
                display: block
            }

                #duplicates #duplicates .avatar a img {
                    margin: 0 auto;
                    width: 100%;
                    display: block;
                    height: auto
                }

            #duplicates #duplicates .avatar span.tip {
                position: relative;
                top: auto;
                left: 50%;
                bottom: -26px;
                right: auto;
                border: none;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                width: 160px !important;
                margin: 0 0 0 -80px;
                padding: 10px;
                border-radius: var(--border-radius);
                -webkit-box-shadow: var(--big-shadow);
                box-shadow: var(--big-shadow);
                background: var(--bg-fff);
                font-size: .85714286rem !important;
                line-height: 1.3 !important;
                visibility: hidden;
                opacity: 0;
                -webkit-transition: visibility var(--time-hover) ease-in-out,opacity var(--time-hover) ease-in-out,bottom var(--time-hover) ease-in-out;
                -o-transition: visibility var(--time-hover) ease-in-out,opacity var(--time-hover) ease-in-out,bottom var(--time-hover) ease-in-out;
                transition: visibility var(--time-hover) ease-in-out,opacity var(--time-hover) ease-in-out,bottom var(--time-hover) ease-in-out
            }

                #duplicates #duplicates .avatar span.tip:after {
                    content: '';
                    height: 0;
                    border-left: 8px solid transparent;
                    border-right: 8px solid transparent;
                    border-bottom: 8px solid var(--bg-fff);
                    position: absolute;
                    top: -5px;
                    left: 50%;
                    margin: 0 0 0 -8px
                }

                #duplicates #duplicates .avatar span.tip a:first-child {
                    display: block;
                    font-weight: 700;
                    font-size: .85714286rem !important;
                    line-height: 1.1 !important
                }

                    #duplicates #duplicates .avatar span.tip a:first-child + br {
                        display: none
                    }

                #duplicates #duplicates .avatar span.tip a {
                    color: var(--tooltip-bg) !important
                }

                    #duplicates #duplicates .avatar span.tip a[href^=mailto], #duplicates #duplicates .avatar span.tip a[href^=tel] {
                        font-size: .85714286rem !important;
                        line-height: 1.3 !important;
                        display: inline-block;
                        font-weight: 400
                    }

            #duplicates #duplicates .avatar:hover span.tip {
                opacity: 1;
                visibility: visible;
                bottom: -6px
            }

            #duplicates #duplicates .avatar:hover {
                -webkit-box-shadow: var(--big-shadow-hover);
                box-shadow: var(--big-shadow-hover)
            }

#main > #content span.pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    #main > #content span.pagination .pages {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0 15px 0 0
    }

        #main > #content span.pagination .pages li {
            margin: 0 3px;
            border: none;
            width: auto !important;
            min-width: 30px;
            background: 0 0
        }

            #main > #content span.pagination .pages li a, #main > #content span.pagination .pages li span {
                padding: 8px 10px;
                font-size: 1rem;
                line-height: 1;
                height: auto;
                background: 0 0;
                color: var(--pagination-color);
                font-weight: 400;
                margin: 0;
                display: block;
                border-radius: var(--icon-border-radius);
                -webkit-transition: background var(--time-hover) ease-in-out,color var(--time-hover) ease-in-out;
                -o-transition: background var(--time-hover) ease-in-out,color var(--time-hover) ease-in-out;
                transition: background var(--time-hover) ease-in-out,color var(--time-hover) ease-in-out
            }

            #main > #content span.pagination .pages li a {
                background: var(--pagination-bg)
            }

                #main > #content span.pagination .pages li a:hover {
                    color: var(--pagination-color-hover);
                    background: var(--pagination-bg-hover)
                }

            #main > #content span.pagination .pages li.current {
                background: 0 0;
                border: none
            }

                #main > #content span.pagination .pages li.current span {
                    color: var(--pagination-color-avtive);
                    background: var(--pagination-bg-active);
                    font-weight: var(--pagination-font-weight)
                }

            #main > #content span.pagination .pages li.next a, #main > #content span.pagination .pages li.next span, #main > #content span.pagination .pages li.previous a, #main > #content span.pagination .pages li.previous span {
                width: var(--icon-width);
                height: var(--icon-width);
                border-radius: var(--icon-border-radius);
                padding: 0;
                text-indent: -99999px;
                display: block;
                position: relative
            }

                #main > #content span.pagination .pages li.next a:after, #main > #content span.pagination .pages li.next span:after, #main > #content span.pagination .pages li.previous a:after, #main > #content span.pagination .pages li.previous span:after {
                    text-indent: 0;
                    position: absolute;
                    top: 0;
                    left: 0;
                    display: block;
                    clear: both;
                    height: 100%;
                    width: 100%;
                    margin: 0;
                    overflow: hidden;
                    -webkit-transition: color var(--time-hover) ease-in-out;
                    -o-transition: color var(--time-hover) ease-in-out;
                    transition: color var(--time-hover) ease-in-out;
                    border-radius: var(--icon-border-radius);
                    z-index: 1;
                    background-size: var(--icon-width) var(--icon-width);
                    background-repeat: no-repeat;
                    background-position: 50% 50%;
                    opacity: 1;
                    font-family: var(--icon-font);
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                    font-style: normal;
                    font-variant: normal;
                    font-weight: 400;
                    text-decoration: none;
                    text-transform: none;
                    font-size: var(--icon-width);
                    line-height: 1
                }

            #main > #content span.pagination .pages li.next a, #main > #content span.pagination .pages li.previous a {
                background: 0 0
            }

                #main > #content span.pagination .pages li.next a:before, #main > #content span.pagination .pages li.previous a:before {
                    content: '';
                    display: block;
                    clear: both;
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    background: var(--pagination-bg);
                    -webkit-transform: scale(0);
                    -ms-transform: scale(0);
                    transform: scale(0);
                    z-index: -1;
                    border-radius: var(--icon-border-radius);
                    -webkit-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
                    -o-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
                    -webkit-transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
                    transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
                    transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
                    transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
                }

                #main > #content span.pagination .pages li.next a:hover:before, #main > #content span.pagination .pages li.previous a:hover:before {
                    background: var(--pagination-bg-hover);
                    -webkit-transform: scale(1);
                    -ms-transform: scale(1);
                    transform: scale(1)
                }

table a[href*="gantt?action=show"] {
    display: inline-block;
    margin: 0 0 20px
}

.controller-projects.action-index:not(.loggedas) #main #content {
    padding-bottom: 30px
}

.controller-projects.action-index #content #query_form {
    padding: 0 20px;
    width: calc(100% + 40px);
    margin-left: -20px;
    margin-right: -20px
}

    .controller-projects.action-index #content #query_form .holder-filters {
        padding: 0 20px;
        width: calc(100% + 40px);
        margin-left: -20px;
        margin-right: -20px
    }

        .controller-projects.action-index #content #query_form .holder-filters .in-filter {
            border: 0;
            background: var(--bg-fff);
            padding: 15px 32px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            border-radius: var(--border-radius);
            -webkit-box-shadow: var(--big-shadow);
            box-shadow: var(--big-shadow)
        }

    .controller-projects.action-index #content #query_form #query_form_with_buttons {
        overflow: visible
    }

.controller-projects.action-index #main #content {
    padding: 0
}

    .controller-projects.action-index #main #content > h2 {
        width: 100%;
        margin: 0 0 20px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .controller-projects.action-index #main #content p.other-formats {
        margin: 0
    }

    .controller-projects.action-index #main #content p[style="text-align:right;"] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0;
        font-size: .85714286rem;
        line-height: 1.1428rem
    }

        .controller-projects.action-index #main #content p[style="text-align:right;"] .icon-fav {
            padding: 8px 0 8px 50px;
            margin: 0;
            overflow: hidden;
            position: relative;
            background-position: 10px 0;
            background-size: 20px 20px;
            z-index: 2;
            background-repeat: no-repeat;
            -webkit-transition: color var(--time-hover) ease-in-out;
            -o-transition: color var(--time-hover) ease-in-out;
            transition: color var(--time-hover) ease-in-out
        }

            .controller-projects.action-index #main #content p[style="text-align:right;"] .icon-fav:after {
                position: absolute;
                display: block;
                clear: both;
                width: var(--icon-width-small);
                height: var(--icon-width-small);
                top: 50%;
                left: 15px;
                margin: -10px 0 0;
                overflow: hidden;
                border-radius: var(--icon-border-radius);
                z-index: 1;
                -webkit-transition: color var(--time-hover) ease-in-out;
                -o-transition: color var(--time-hover) ease-in-out;
                transition: color var(--time-hover) ease-in-out;
                font-family: var(--icon-font);
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                font-style: normal;
                font-variant: normal;
                font-weight: 400;
                text-decoration: none;
                text-transform: none;
                font-size: var(--icon-font-size-small);
                line-height: var(--icon-width-small)
            }

            .controller-projects.action-index #main #content p[style="text-align:right;"] .icon-fav.my-project:after {
                color: var(--icon-star)
            }

        .controller-projects.action-index #main #content p[style="text-align:right;"] a.icon-fav {
            cursor: pointer !important
        }

.controller-projects.action-index .list.projects.odd-even {
    margin: 0 0 10px
}

    .controller-projects.action-index .list.projects.odd-even .icon {
        min-height: var(--icon-width-small) !important;
        line-height: var(--icon-width-small) !important
    }

        .controller-projects.action-index .list.projects.odd-even .icon.my-project {
            width: var(--icon-width-small);
            height: var(--icon-width-small);
            padding: 0 !important;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            color: var(--color-main-color) !important
        }

            .controller-projects.action-index .list.projects.odd-even .icon.my-project:after, .controller-projects.action-index .list.projects.odd-even .icon.my-project:before {
                width: var(--icon-width-small);
                height: var(--icon-width-small);
                font-size: var(--icon-font-size-small);
                line-height: var(--icon-width-small);
                color: var(--color-main-color) !important
            }

.controller-projects.action-index p .icon {
    margin: 0 10px 0 0
}

    .controller-projects.action-index p .icon.my-project {
        min-height: var(--icon-width-small) !important;
        line-height: var(--icon-width-small) !important;
        max-height: var(--icon-width-small)
    }

        .controller-projects.action-index p .icon.my-project:after, .controller-projects.action-index p .icon.my-project:before {
            width: var(--icon-width-small);
            height: var(--icon-width-small);
            max-height: var(--icon-width-small);
            font-size: var(--icon-font-size-small);
            line-height: var(--icon-width-small);
            color: var(--icon-star) !important;
            left: 10px
        }

.controller-projects.action-index #main #content .pagination ~ p[style="text-align:right;"] {
    margin: 0 0 40px
}

.controller-projects.action-index #projects-index, .controller-welcome.action-index #projects-index {
    width: 100%;
    position: relative;
    z-index: 2;
    column-count: inherit;
    column-width: inherit;
    -webkit-column-count: inherit;
    -webkit-column-width: inherit;
    -webkit-column-gap: inherit;
    -moz-column-count: inherit;
    -moz-column-width: inherit;
    -moz-column-gap: inherit
}

    .controller-projects.action-index #projects-index > ul.projects, .controller-welcome.action-index #projects-index > ul.projects {
        margin: 0;
        padding: 0;
        list-style: none;
        width: 100%;
        border: none;
        column-count: inherit;
        column-width: inherit;
        -webkit-column-count: inherit;
        -webkit-column-width: inherit;
        -webkit-column-gap: inherit;
        -moz-column-count: inherit;
        -moz-column-width: inherit;
        -moz-column-gap: inherit
    }

        .controller-projects.action-index #projects-index > ul.projects ul.projects, .controller-welcome.action-index #projects-index > ul.projects ul.projects {
            overflow: hidden;
            border: none;
            position: relative;
            margin: 0 0 0 50px;
            padding: 0;
            width: calc(100% - 25px);
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            column-count: inherit;
            column-width: inherit;
            -webkit-column-count: inherit;
            -webkit-column-width: inherit;
            -webkit-column-gap: inherit;
            -moz-column-count: inherit;
            -moz-column-width: inherit;
            -moz-column-gap: inherit
        }

            .controller-projects.action-index #projects-index > ul.projects ul.projects:after, .controller-welcome.action-index #projects-index > ul.projects ul.projects:after {
                content: '';
                display: block;
                clear: both;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 1px;
                background: var(--border-color-content)
            }

            .controller-projects.action-index #projects-index > ul.projects ul.projects a.project, .controller-welcome.action-index #projects-index > ul.projects ul.projects a.project {
                margin: 0;
                padding: 15px 30px 15px 50px;
                -webkit-box-sizing: border-box;
                box-sizing: border-box
            }

            .controller-projects.action-index #projects-index > ul.projects ul.projects > li, .controller-welcome.action-index #projects-index > ul.projects ul.projects > li {
                margin: 0
            }

                .controller-projects.action-index #projects-index > ul.projects ul.projects > li.child, .controller-welcome.action-index #projects-index > ul.projects ul.projects > li.child {
                    border-top: 1px solid var(--border-color-content);
                    display: block !important
                }

                    .controller-projects.action-index #projects-index > ul.projects ul.projects > li.child.first-child, .controller-welcome.action-index #projects-index > ul.projects ul.projects > li.child.first-child {
                        border: none
                    }

        .controller-projects.action-index #projects-index > ul.projects li > div, .controller-welcome.action-index #projects-index > ul.projects li > div {
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .controller-projects.action-index #projects-index > ul.projects li > div а, .controller-welcome.action-index #projects-index > ul.projects li > div а {
                -webkit-box-flex: 1;
                -ms-flex: 1;
                flex: 1
            }

        .controller-projects.action-index #projects-index > ul.projects li.root, .controller-welcome.action-index #projects-index > ul.projects li.root {
            padding: 0;
            border: none;
            background: var(--bg-other);
            width: 100%;
            margin: 0 0 15px;
            -webkit-box-sizing: inherit;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            break-inside: inherit;
            -webkit-break-inside: inherit;
            -moz-break-inside: inherit;
            page-break-inside: inherit;
            -webkit-column-break-inside: inherit;
            -moz-column-break-inside: inherit;
            border-radius: var(--border-radius);
            -webkit-box-shadow: var(--big-shadow);
            box-shadow: var(--big-shadow);
            -webkit-transition: box-shadow var(--time-hover) ease-in-out;
            -o-transition: box-shadow var(--time-hover) ease-in-out;
            -webkit-transition: -webkit-box-shadow var(--time-hover) ease-in-out;
            transition: -webkit-box-shadow var(--time-hover) ease-in-out;
            transition: box-shadow var(--time-hover) ease-in-out;
            transition: box-shadow var(--time-hover) ease-in-out,-webkit-box-shadow var(--time-hover) ease-in-out
        }

            .controller-projects.action-index #projects-index > ul.projects li.root:hover, .controller-welcome.action-index #projects-index > ul.projects li.root:hover {
                -webkit-box-shadow: var(--big-shadow-hover);
                box-shadow: var(--big-shadow-hover)
            }

            .controller-projects.action-index #projects-index > ul.projects li.root div.root, .controller-welcome.action-index #projects-index > ul.projects li.root div.root {
                padding: 0;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

            .controller-projects.action-index #projects-index > ul.projects li.root div.child, .controller-welcome.action-index #projects-index > ul.projects li.root div.child {
                padding: 0
            }

        .controller-projects.action-index #projects-index > ul.projects .projects-open > div.child > .project, .controller-projects.action-index #projects-index > ul.projects .projects-open > div.root > .project, .controller-welcome.action-index #projects-index > ul.projects .projects-open > div.child > .project, .controller-welcome.action-index #projects-index > ul.projects .projects-open > div.root > .project {
            color: var(--color-main-color)
        }

        .controller-projects.action-index #projects-index > ul.projects .projects-open > div.child .holder-mainlink > .list-buttons .open-projects, .controller-projects.action-index #projects-index > ul.projects .projects-open > div.root .holder-mainlink > .list-buttons .open-projects, .controller-welcome.action-index #projects-index > ul.projects .projects-open > div.child .holder-mainlink > .list-buttons .open-projects, .controller-welcome.action-index #projects-index > ul.projects .projects-open > div.root .holder-mainlink > .list-buttons .open-projects {
            color: var(--color-main-color);
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg)
        }

        .controller-projects.action-index #projects-index > ul.projects .wiki-open .list-buttons .open-wiki, .controller-welcome.action-index #projects-index > ul.projects .wiki-open .list-buttons .open-wiki {
            color: var(--icon_color_active-bg)
        }

        .controller-projects.action-index #projects-index > ul.projects .projects-open > .holder-mainlink .project, .controller-welcome.action-index #projects-index > ul.projects .projects-open > .holder-mainlink .project {
            color: var(--color-main-color)
        }

        .controller-projects.action-index #projects-index > ul.projects .holder-mainlink, .controller-welcome.action-index #projects-index > ul.projects .holder-mainlink {
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            position: relative
        }

        .controller-projects.action-index #projects-index > ul.projects .project, .controller-welcome.action-index #projects-index > ul.projects .project {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            width: 100%;
            margin: 0;
            padding: 15px 20px 15px 50px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            height: auto;
            font-family: sans-serif;
            overflow: hidden;
            font-size: 1.1428rem;
            line-height: 1.4;
            font-weight: 600;
            color: var(--text-color-main);
            background-position: 10px 50%;
            background-repeat: no-repeat;
            text-decoration: none;
            -webkit-transition: color var(--time-hover) ease-in-out;
            -o-transition: color var(--time-hover) ease-in-out;
            transition: color var(--time-hover) ease-in-out;
            border-radius: var(--border-radius)
        }

            .controller-projects.action-index #projects-index > ul.projects .project:hover, .controller-welcome.action-index #projects-index > ul.projects .project:hover {
                color: var(--color-main-color);
                text-decoration: none
            }

            .controller-projects.action-index #projects-index > ul.projects .project.my-project:after, .controller-welcome.action-index #projects-index > ul.projects .project.my-project:after {
                opacity: 1;
                color: var(--icon-star)
            }

            .controller-projects.action-index #projects-index > ul.projects .project:after, .controller-welcome.action-index #projects-index > ul.projects .project:after {
                width: var(--icon-width);
                height: var(--icon-width);
                top: 50%;
                left: 10px;
                margin: -15px 0 0;
                color: var(--icon-color-bg-other);
                font-size: var(--icon-font-size);
                line-height: var(--icon-width)
            }

            .controller-projects.action-index #projects-index > ul.projects .project:before, .controller-welcome.action-index #projects-index > ul.projects .project:before {
                width: 30px;
                height: 30px;
                background: var(--icon-bg-bg-other);
                top: 50%;
                left: 10px;
                margin: -15px 0 0
            }

        .controller-projects.action-index #projects-index > ul.projects > li > ul.projects, .controller-welcome.action-index #projects-index > ul.projects > li > ul.projects {
            margin: 0 30px;
            width: calc(100% - 60px);
            position: relative
        }

            .controller-projects.action-index #projects-index > ul.projects > li > ul.projects:after, .controller-welcome.action-index #projects-index > ul.projects > li > ul.projects:after {
                content: '';
                display: block;
                clear: both;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 1px;
                background: var(--border-color)
            }

    .controller-projects.action-index #projects-index .holder-projects, .controller-projects.action-index #projects-index .holder-wiki, .controller-welcome.action-index #projects-index .holder-projects, .controller-welcome.action-index #projects-index .holder-wiki {
        overflow: hidden;
        width: 100%;
        height: 0
    }

    .controller-projects.action-index #projects-index .holder-wiki-inner, .controller-welcome.action-index #projects-index .holder-wiki-inner {
        width: 100%;
        overflow: hidden;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 20px;
        margin: 0
    }

    .controller-projects.action-index #projects-index .child .holder-wiki-inner, .controller-welcome.action-index #projects-index .child .holder-wiki-inner {
        padding: 0
    }

    .controller-projects.action-index #projects-index div.wiki, .controller-welcome.action-index #projects-index div.wiki {
        width: 100%;
        overflow: hidden;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0;
        margin: 0
    }

    .controller-projects.action-index #projects-index .open-projects, .controller-welcome.action-index #projects-index .open-projects {
        -webkit-transition: transform var(--time-hover) ease-in-out;
        -o-transition: transform var(--time-hover) ease-in-out;
        -webkit-transition: -webkit-transform var(--time-hover) ease-in-out;
        transition: -webkit-transform var(--time-hover) ease-in-out;
        transition: transform var(--time-hover) ease-in-out;
        transition: transform var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
    }

    .controller-projects.action-index #projects-index .open-projects, .controller-projects.action-index #projects-index .open-wiki, .controller-welcome.action-index #projects-index .open-projects, .controller-welcome.action-index #projects-index .open-wiki {
        cursor: pointer !important;
        padding: 0;
        float: right;
        height: var(--icon-width);
        width: var(--icon-width);
        margin: 0;
        overflow: hidden;
        position: relative;
        z-index: 2;
        background-repeat: no-repeat;
        border-radius: var(--icon-border-radius);
        font-size: 0;
        line-height: 0;
        color: var(--icon-color-bg-other)
    }

        .controller-projects.action-index #projects-index .open-projects:after, .controller-projects.action-index #projects-index .open-wiki:after, .controller-welcome.action-index #projects-index .open-projects:after, .controller-welcome.action-index #projects-index .open-wiki:after {
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            clear: both;
            height: 100%;
            width: 100%;
            margin: 0;
            overflow: hidden;
            border-radius: var(--icon-border-radius);
            -webkit-transition: color var(--time-hover) ease-in-out;
            -o-transition: color var(--time-hover) ease-in-out;
            transition: color var(--time-hover) ease-in-out;
            z-index: 1;
            font-family: var(--icon-font);
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-style: normal;
            font-variant: normal;
            font-weight: 400;
            text-decoration: none;
            text-transform: none;
            font-size: var(--icon-font-size);
            line-height: var(--icon-width)
        }

        .controller-projects.action-index #projects-index .open-projects:before, .controller-projects.action-index #projects-index .open-wiki:before, .controller-welcome.action-index #projects-index .open-projects:before, .controller-welcome.action-index #projects-index .open-wiki:before {
            content: '';
            display: block;
            clear: both;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: var(--icon-bg-bg-other);
            -webkit-transform: scale(0);
            -ms-transform: scale(0);
            transform: scale(0);
            z-index: -1;
            border-radius: var(--icon-border-radius);
            -webkit-transition: transform var(--time-hover) ease-in-out;
            -o-transition: transform var(--time-hover) ease-in-out;
            -webkit-transition: -webkit-transform var(--time-hover) ease-in-out;
            transition: -webkit-transform var(--time-hover) ease-in-out;
            transition: transform var(--time-hover) ease-in-out;
            transition: transform var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
        }

        .controller-projects.action-index #projects-index .open-projects:hover:before, .controller-projects.action-index #projects-index .open-wiki:hover:before, .controller-welcome.action-index #projects-index .open-projects:hover:before, .controller-welcome.action-index #projects-index .open-wiki:hover:before {
            background: var(--icon-bg-bg-other-hover);
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1)
        }

        .controller-projects.action-index #projects-index .open-projects:hover:after, .controller-projects.action-index #projects-index .open-wiki:hover:after, .controller-welcome.action-index #projects-index .open-projects:hover:after, .controller-welcome.action-index #projects-index .open-wiki:hover:after {
            color: var(--icon-color-bg-other-hover)
        }

        .controller-projects.action-index #projects-index .open-projects.selected:before, .controller-projects.action-index #projects-index .open-wiki.selected:before, .controller-welcome.action-index #projects-index .open-projects.selected:before, .controller-welcome.action-index #projects-index .open-wiki.selected:before {
            background: var(--icon-bg-bg-other-active);
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1)
        }

        .controller-projects.action-index #projects-index .open-projects.selected:after, .controller-projects.action-index #projects-index .open-wiki.selected:after, .controller-welcome.action-index #projects-index .open-projects.selected:after, .controller-welcome.action-index #projects-index .open-wiki.selected:after {
            color: var(--icon-color-bg-other-active)
        }

    .controller-projects.action-index #projects-index .list-buttons, .controller-welcome.action-index #projects-index .list-buttons {
        margin: 0;
        padding: 0 15px 0 10px;
        list-style: none;
        white-space: nowrap;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .controller-projects.action-index #projects-index .list-buttons:after, .controller-welcome.action-index #projects-index .list-buttons:after {
            content: '';
            display: block;
            clear: both;
            position: absolute;
            top: 50%;
            margin: -10px 0 0;
            left: 0;
            height: 20px;
            width: 1px;
            border-left: 1px solid var(--border-color)
        }

        .controller-projects.action-index #projects-index .list-buttons li, .controller-welcome.action-index #projects-index .list-buttons li {
            display: inline-block;
            margin: 0 0 0 5px
        }

            .controller-projects.action-index #projects-index .list-buttons li:first-child, .controller-welcome.action-index #projects-index .list-buttons li:first-child {
                margin: 0
            }

#projects-index + p .my-project {
    padding: 8px 0 8px 40px;
    margin: 0;
    overflow: hidden;
    position: relative;
    background-position: 10px 0;
    background-size: 20px 20px;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-repeat: no-repeat;
    -webkit-transition: color var(--time-hover) ease-in-out;
    -o-transition: color var(--time-hover) ease-in-out;
    transition: color var(--time-hover) ease-in-out
}

    #projects-index + p .my-project:after {
        position: absolute;
        display: block;
        clear: both;
        width: var(--icon-width-small);
        height: var(--icon-width-small);
        top: 50%;
        left: 15px;
        margin: -10px 0 0;
        overflow: hidden;
        border-radius: var(--border-radius);
        z-index: 1;
        -webkit-transition: color var(--time-hover) ease-in-out;
        -o-transition: color var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out;
        font-family: var(--icon-font);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        text-decoration: none;
        text-transform: none;
        font-size: var(--icon-font-size-small);
        line-height: var(--icon-width-small);
        color: var(--icon-star)
    }

#projects-index + p .icon-bookmarked-project {
    padding: 8px 0 8px 40px;
    margin: 0;
    overflow: hidden;
    position: relative;
    background-position: 10px 0;
    background-size: 20px 20px;
    z-index: 2;
    background-repeat: no-repeat;
    -webkit-transition: color var(--time-hover) ease-in-out;
    -o-transition: color var(--time-hover) ease-in-out;
    transition: color var(--time-hover) ease-in-out
}

    #projects-index + p .icon-bookmarked-project:after {
        position: absolute;
        display: block;
        clear: both;
        width: var(--icon-width-small);
        height: var(--icon-width-small);
        top: 50%;
        left: 15px;
        margin: -10px 0 0;
        overflow: hidden;
        border-radius: var(--border-radius);
        z-index: 1;
        -webkit-transition: color var(--time-hover) ease-in-out;
        -o-transition: color var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out;
        font-family: var(--icon-font);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        text-decoration: none;
        text-transform: none;
        font-size: var(--icon-font-size-small);
        line-height: var(--icon-width-small);
        color: var(--icon-star)
    }

#main #sidebar .queries a.query + .icon-clear-query {
    margin-left: 5px !important
}

#main #sidebar input[type=date], #main #sidebar input[type=email], #main #sidebar input[type=number], #main #sidebar input[type=password], #main #sidebar input[type=text], #main #sidebar input[type=url], #main #sidebar textarea:not(.select2-search__field) {
    height: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid var(--border-color-content);
    padding: 6px 12px;
    font-size: .85714286rem;
    line-height: 1.28571429rem;
    border-radius: var(--border-radius-small);
    color: var(--text-color-main);
    margin: 0;
    min-width: 190px;
    outline: 0 none;
    width: 100%;
    max-width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: var(--bg-fff);
    min-height: 30px;
    -webkit-appearance: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

    #main #sidebar input[type=date].autocomplete, #main #sidebar input[type=email].autocomplete, #main #sidebar input[type=number].autocomplete, #main #sidebar input[type=password].autocomplete, #main #sidebar input[type=text].autocomplete, #main #sidebar input[type=url].autocomplete, #main #sidebar textarea:not(.select2-search__field).autocomplete {
        background-image: url(../images/icon/search.svg);
        background-repeat: no-repeat;
        background-position: 100% 50%;
        background-size: 26px 26px;
        line-height: 18px;
        padding: 8px 38px 8px 8px !important
    }

#main #sidebar .hasDatepicke[type=text], #main #sidebar .hasDatepicker, #main #sidebar input[type=date] {
    background-image: url(../images/icon/calendar.svg) !important;
    background-position: 100% 50% !important;
    background-repeat: no-repeat !important;
    background-size: 26px 26px !important;
    padding-right: 30px !important
}

    #main #sidebar .hasDatepicke[type=text]::-webkit-calendar-picker-indicator, #main #sidebar .hasDatepicker::-webkit-calendar-picker-indicator, #main #sidebar input[type=date]::-webkit-calendar-picker-indicator {
        color: transparent;
        opacity: 1;
        font-size: 0;
        line-height: 0
    }

#main #sidebar .contextual a {
    height: var(--icon-smaller-width) !important;
    width: var(--icon-smaller-width) !important
}

    #main #sidebar .contextual a:after {
        font-size: var(--icon-smaller-font-size) !important;
        line-height: var(--icon-smaller-width) !important
    }

#main #sidebar #toggle-completed-versions {
    position: relative;
    background: 0 0 !important;
    padding: 0 36px 0 0;
    min-height: var(--icon-smaller-width);
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100% !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--icon-color);
    text-decoration: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 700;
    border-radius: 0;
    font-size: 1rem;
    line-height: 1.4
}

    #main #sidebar #toggle-completed-versions:after {
        content: "\E07D";
        position: absolute;
        top: 50%;
        left: auto;
        right: 0;
        display: block;
        clear: both;
        height: var(--icon-smaller-width);
        width: var(--icon-smaller-width);
        margin: -13px 0 0;
        overflow: hidden;
        -webkit-transition: transform var(--time-hover) ease-in-out,color var(--time-hover) ease-in-out;
        -o-transition: transform var(--time-hover) ease-in-out,color var(--time-hover) ease-in-out;
        -webkit-transition: color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
        transition: transform var(--time-hover) ease-in-out,color var(--time-hover) ease-in-out;
        transition: transform var(--time-hover) ease-in-out,color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
        z-index: 1;
        font-family: var(--icon-font);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        text-decoration: none;
        text-transform: none;
        font-size: var(--icon-smaller-font-size);
        line-height: 1;
        color: var(--icon-color);
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    #main #sidebar #toggle-completed-versions:before {
        content: '';
        display: block;
        clear: both;
        position: absolute;
        top: 50%;
        left: auto;
        right: 0;
        height: 26px;
        width: 26px;
        margin: -13px 0 0;
        background: var(--icon_bg);
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        z-index: -1;
        border-radius: var(--icon-border-radius);
        -webkit-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        -o-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        -webkit-transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
        transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
        transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
    }

    #main #sidebar #toggle-completed-versions:hover {
        color: var(--icon_color_active)
    }

        #main #sidebar #toggle-completed-versions:hover:before {
            background: var(--icon_bg_hover);
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1)
        }

        #main #sidebar #toggle-completed-versions:hover:after {
            color: var(--icon_color_active)
        }

    #main #sidebar #toggle-completed-versions.collapsed:after, #main #sidebar #toggle-completed-versions.icon-collapsed:after {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }

#sidebar {
    width: 0
}

    #sidebar .question-meta .icon {
        border: none;
        background: 0 0;
        padding: 0 0 0 30px;
        display: inline-block;
        min-height: 26px;
        margin: 0;
        overflow: hidden;
        position: relative;
        z-index: 2;
        color: var(--main_text_color);
        border-radius: var(--icon-border-radius);
        vertical-align: middle;
        -webkit-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        -o-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out
    }

        #sidebar .question-meta .icon:after {
            color: var(--icon-color);
            text-align: center;
            position: absolute;
            top: 50%;
            left: 0;
            display: block;
            clear: both;
            height: var(--icon-smaller-width);
            width: var(--icon-smaller-width);
            margin: -13px 0 0;
            overflow: hidden;
            border-radius: var(--icon-border-radius);
            z-index: 1;
            font-family: var(--icon-font);
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-style: normal;
            font-variant: normal;
            font-weight: 400;
            text-decoration: none;
            text-transform: none;
            font-size: var(--icon-smaller-font-size);
            line-height: var(--icon-smaller-width);
            -webkit-transition: color var(--time-hover) ease-in-out;
            -o-transition: color var(--time-hover) ease-in-out;
            transition: color var(--time-hover) ease-in-out
        }

        #sidebar .question-meta .icon.icon-vote:after {
            content: "\E0C5"
        }

        #sidebar .question-meta .icon.icon-view:after {
            content: "\E048"
        }

    #sidebar .icon-email {
        padding: 0 0 0 25px;
        min-height: 20px;
        line-height: 20px
    }

        #sidebar .icon-email:after {
            font-size: var(--icon-font-size-small);
            line-height: var(--icon-width-small);
            height: var(--icon-width-small);
            width: var(--icon-width-small)
        }

    #sidebar span.icon-email {
        display: inline;
        color: var(--icon-color)
    }

    #sidebar:after {
        content: '';
        display: block;
        clear: both
    }

    #sidebar a.selected {
        padding: 5px 10px;
        font-size: .85714286rem;
        line-height: .85714286rem;
        -webkit-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        -o-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        border-radius: var(--icon-border-radius);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background: var(--icon_bg_active);
        border: none;
        color: var(--icon_color_active);
        display: inline-block;
        vertical-align: top;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-weight: 600
    }

        #sidebar a.selected:hover {
            background: var(--icon_bg_hover);
            color: var(--icon-color-hover)
        }

    #sidebar .button-small {
        padding: 5px 10px;
        font-size: .85714286rem;
        line-height: .85714286rem;
        -webkit-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        -o-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        border-radius: var(--border-radius-small);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border: none;
        display: inline-block;
        vertical-align: top;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-weight: 600;
        background: var(--button-main-bg);
        color: var(--button-main-color)
    }

        #sidebar .button-small:hover {
            background: var(--button-main-bg-hover);
            color: var(--button-main-color-hover)
        }

    #sidebar .assignable-user {
        display: block;
        margin: 5px 0 0
    }

        #sidebar .assignable-user:first-child {
            margin: 0
        }

    #sidebar .project-members {
        margin: 0 0 10px
    }

    #sidebar span.tag_list {
        display: block;
        overflow: hidden
    }

    #sidebar table.note_data td.avatar {
        padding-top: 0
    }

    #sidebar .in > a {
        margin: 2px !important
    }

    #sidebar div {
        position: relative
    }

    #sidebar #attributes .attributes {
        display: block
    }

        #sidebar #attributes .attributes tbody {
            display: block
        }

        #sidebar #attributes .attributes tr {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            width: 100%;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            padding: 0 0 10px
        }

        #sidebar #attributes .attributes td, #sidebar #attributes .attributes th {
            display: block;
            padding: 0 10px 0 0
        }

        #sidebar #attributes .attributes a {
            margin: 0
        }

#wrapper #sidebar table.note_data td.name h4 {
    margin: 0 0 3px !important;
    padding-right: 30px;
    font-size: .85714286rem;
    line-height: 1.4;
    position: relative
}

    #wrapper #sidebar table.note_data td.name h4 a {
        font-size: 1rem;
        line-height: 1.4
    }

        #wrapper #sidebar table.note_data td.name h4 a.wiki-anchor {
            position: absolute;
            top: 0;
            right: 0
        }

#main #sidebar a.icon, #main #sidebar a.icon-only {
    color: var(--icon-color);
    opacity: 1
}

    #main #sidebar a.icon-only:after, #main #sidebar a.icon:after {
        color: var(--icon-color)
    }

    #main #sidebar a.icon-only:before, #main #sidebar a.icon:before {
        background: var(--icon_bg)
    }

    #main #sidebar a.icon-only:hover, #main #sidebar a.icon:hover {
        color: var(--icon-color-hover)
    }

        #main #sidebar a.icon-only:hover:after, #main #sidebar a.icon:hover:after {
            color: var(--icon-color-hover)
        }

        #main #sidebar a.icon-only:hover:before, #main #sidebar a.icon:hover:before {
            background: var(--icon_bg_hover)
        }

#main #sidebar .attachments table {
    padding: 0
}

    #main #sidebar .attachments table td {
        display: none
    }

        #main #sidebar .attachments table td:first-child {
            display: block;
            width: 100%;
            position: relative;
            padding: 2px 35px 2px 0;
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

    #main #sidebar .attachments table .icon-download {
        position: absolute;
        top: 50%;
        right: 0;
        margin: -13px 0 0
    }

#main #sidebar .attachments .size {
    font-size: .85714286rem;
    margin: 0 0 0 5px
}

#main #sidebar .attachments .icon-attachment {
    color: var(--icon-color);
    min-height: auto;
    line-height: var(--icon-smaller-width);
    margin: 0;
    padding: 0
}

.has-sidebar #header {
    margin: 0 4px 0 0
}

.has-sidebar #top-menu {
    width: calc(100% - 4px)
}

.has-sidebar.has-main-menu #top-menu {
    width: calc(100% - 64px)
}

.has-sidebar #sidebar .select2 ~ h3 {
    margin: 15px 0 !important
}

.has-sidebar #wrapper #sidebar {
    border: 0;
    position: fixed;
    top: 0 !important;
    right: -256px;
    width: 260px;
    height: 100%;
    padding: 20px 10px 20px 20px !important;
    color: var(--text-color-main);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: right var(--time-main) ease-in-out;
    -o-transition: right var(--time-main) ease-in-out;
    transition: right var(--time-main) ease-in-out;
    z-index: 12;
    background: var(--bg)
}

    .has-sidebar #wrapper #sidebar:after {
        content: '';
        display: block;
        clear: both;
        position: absolute;
        top: 0;
        left: 0;
        width: 4px;
        height: 100%;
        background: var(--main_color)
    }

    .has-sidebar #wrapper #sidebar .holder-sidebar {
        width: 100%;
        height: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        overflow: auto
    }

        .has-sidebar #wrapper #sidebar .holder-sidebar .in {
            margin: 0 10px 0 0;
            position: relative
        }

    .has-sidebar #wrapper #sidebar > * {
        position: relative;
        overflow: hidden
    }

    .has-sidebar #wrapper #sidebar ul {
        margin: 0 0 10px
    }

        .has-sidebar #wrapper #sidebar ul li {
            margin: 0 0 5px
        }

    .has-sidebar #wrapper #sidebar > span {
        display: block
    }

    .has-sidebar #wrapper #sidebar h3 {
        font-size: 1.1428rem;
        line-heightp: 1.1428rem;
        color: var(--text-color-main);
        margin: 15px 0;
        padding: 0
    }

        .has-sidebar #wrapper #sidebar h3:first-child {
            border: none
        }

    .has-sidebar #wrapper #sidebar > h3:nth-of-type(1) {
        margin: 0 0 10px;
        border: none
    }

    .has-sidebar #wrapper #sidebar a {
        display: inline-block;
        margin: 2px 0
    }

    .has-sidebar #wrapper #sidebar .contextual {
        position: absolute;
        top: -4px;
        right: 0;
        margin: 0;
        padding: 0
    }

        .has-sidebar #wrapper #sidebar .contextual a {
            margin: 0;
            display: block;
            padding: 0;
            color: var(--icon-color)
        }

            .has-sidebar #wrapper #sidebar .contextual a:before {
                background: var(--icon_bg)
            }

            .has-sidebar #wrapper #sidebar .contextual a:hover {
                color: var(--icon-color-hover)
            }

                .has-sidebar #wrapper #sidebar .contextual a:hover:before {
                    background: var(--icon_bg_hover)
                }

    .has-sidebar #wrapper #sidebar ul.watchers {
        margin: 0 0 10px
    }

        .has-sidebar #wrapper #sidebar ul.watchers li {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin: 5px 0 0;
            padding: 0 40px 0 26px;
            position: relative;
            min-height: 30px
        }

            .has-sidebar #wrapper #sidebar ul.watchers li a {
                margin: 0
            }

            .has-sidebar #wrapper #sidebar ul.watchers li:first-child {
                margin: 0
            }

            .has-sidebar #wrapper #sidebar ul.watchers li > * {
                margin: 0 5px 0 0
            }

        .has-sidebar #wrapper #sidebar ul.watchers img {
            position: absolute;
            top: 50%;
            left: 0;
            margin: -8px 0 0
        }

        .has-sidebar #wrapper #sidebar ul.watchers a.delete {
            opacity: 1;
            -webkit-box-flex: 1;
            -ms-flex: 1 0 auto;
            flex: 1 0 auto;
            position: absolute;
            top: 50%;
            margin: -15px 0 0;
            right: 0
        }

    .has-sidebar #wrapper #sidebar .tag_list:empty {
        display: none
    }

.has-sidebar #wrapper #top-menu #account {
    -webkit-transition: padding-right var(--time-main) ease-in-out;
    -o-transition: padding-right var(--time-main) ease-in-out;
    transition: padding-right var(--time-main) ease-in-out
}

.has-sidebar.open-sidebar #wrapper #sidebar {
    right: 0;
    height: 100%
}

.has-sidebar.open-sidebar #wrapper #header {
    margin: 0 260px 0 0
}

.has-sidebar.open-sidebar #wrapper #main {
    margin: 0 256px 0 0
}

.has-sidebar.open-sidebar #wrapper #footer {
    padding-right: 261px
}

body .open-sidebar-link {
    position: fixed;
    width: 15px;
    height: 30px;
    right: 4px;
    z-index: 15;
    top: 5px;
    background-color: var(--sidebar-main_color);
    color: var(--sidebar-main_color_text);
    margin: 0;
    border-radius: 5px 0 0 5px;
    -webkit-transition: right var(--time-main) ease-in-out,background-color var(--time-hover) ease-in-out;
    -o-transition: right var(--time-main) ease-in-out,background-color var(--time-hover) ease-in-out;
    transition: right var(--time-main) ease-in-out,background-color var(--time-hover) ease-in-out
}

    body .open-sidebar-link:after {
        text-align: center;
        position: absolute;
        top: 0;
        left: 0;
        -webkit-transform: translateX(-25%);
        -ms-transform: translateX(-25%);
        transform: translateX(-25%);
        display: block;
        clear: both;
        height: 100%;
        width: 100%;
        margin: 0;
        overflow: hidden;
        z-index: 1;
        font-family: var(--icon-font);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        text-decoration: none;
        text-transform: none;
        font-size: 26px;
        line-height: 30px
    }

    body .open-sidebar-link:hover {
        color: var(--sidebar-main_color_text_hover);
        background-color: var(--sidebar-main_color_hover)
    }

body.open-sidebar .open-sidebar-link {
    right: 260px
}

body.open-sidebar #top-menu {
    width: calc(100% - 260px)
}

body.open-sidebar.has-main-menu #top-menu {
    width: calc(100% - 320px)
}

body #top-menu {
    position: fixed;
    left: 0;
    top: 0;
    padding: 5px 30px 5px 30px;
    height: auto;
    background: var(--bg);
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 12;
    border-bottom: 1px solid var(--border-color);
    -webkit-transition: width var(--time-main) ease-in-out,padding-right var(--time-main) ease-in-out;
    -o-transition: width var(--time-main) ease-in-out,padding-right var(--time-main) ease-in-out;
    transition: width var(--time-main) ease-in-out,padding-right var(--time-main) ease-in-out
}

    body #top-menu a.top-submenu {
        padding-bottom: 0
    }

    body #top-menu .dropdown-menu > li a, body #top-menu .dropdown-menu > li > a {
        background: 0 0;
        position: relative;
        font-size: .85714286rem;
        line-height: 1.4;
        color: var(--drop-text-color);
        padding: 4px 5px 4px 30px
    }

        body #top-menu .dropdown-menu > li a:after, body #top-menu .dropdown-menu > li > a:after {
            content: '';
            display: block;
            clear: both;
            position: absolute;
            top: 0;
            left: auto;
            right: 0;
            width: 0;
            height: 100%;
            background: var(--drop-bg);
            z-index: -1;
            border-radius: 0;
            -webkit-transition: width var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            -o-transition: width var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            transition: width var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            margin: 0 !important
        }

        body #top-menu .dropdown-menu > li a:focus, body #top-menu .dropdown-menu > li a:hover, body #top-menu .dropdown-submenu:focus a, body #top-menu .dropdown-submenu:hover a {
            background: 0 0;
            color: var(--link-color-hover) !important
        }

            body #top-menu .dropdown-menu > li a:focus:after, body #top-menu .dropdown-menu > li a:hover:after, body #top-menu .dropdown-submenu:focus a:after, body #top-menu .dropdown-submenu:hover a:after {
                background: var(--link-bg-hover);
                width: 100%
            }

    body #top-menu #loggedas {
        font-size: 0;
        line-height: 0
    }

    body #top-menu ul:after {
        content: '';
        display: block;
        clear: both
    }

    body #top-menu ul li {
        float: left;
        position: relative;
        z-index: 1;
        margin: 0 3px 0 0
    }

    body #top-menu #account li {
        margin: 0 0 0 3px
    }

    body #top-menu > ul > li > a:after {
        content: "\E0C6"
    }

    body #top-menu > ul > li > a.all-issues-top:after {
        content: "\E0B9"
    }

    body #top-menu #account a:not(#time-logger-menu), body #top-menu #loggedas a, body #top-menu .holder-search-link a, body #top-menu .revo-user-menu > .icon-user, body #top-menu > ul > li > a {
        cursor: pointer !important;
        padding: 0;
        float: right;
        height: var(--icon-width);
        width: var(--icon-width);
        margin: 0;
        overflow: hidden;
        position: relative;
        z-index: 2;
        border-radius: var(--icon-border-radius);
        font-size: 0;
        line-height: 0;
        color: var(--icon-color);
        -webkit-transition: color var(--time-hover) ease-in-out;
        -o-transition: color var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out
    }

        body #top-menu #account a:not(#time-logger-menu):after, body #top-menu #loggedas a:after, body #top-menu .holder-search-link a:after, body #top-menu .revo-user-menu > .icon-user:after, body #top-menu > ul > li > a:after {
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            clear: both;
            height: var(--icon-width);
            width: var(--icon-width);
            margin: 0;
            overflow: hidden;
            border-radius: var(--icon-border-radius);
            z-index: 1;
            font-family: var(--icon-font);
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-style: normal;
            font-variant: normal;
            font-weight: 400;
            text-decoration: none;
            text-transform: none;
            font-size: var(--icon-width);
            line-height: 1
        }

        body #top-menu #account a:not(#time-logger-menu):before, body #top-menu #loggedas a:before, body #top-menu .holder-search-link a:before, body #top-menu .revo-user-menu > .icon-user:before, body #top-menu > ul > li > a:before {
            content: '';
            display: block;
            clear: both;
            position: absolute;
            top: 0;
            left: 0;
            height: 30px;
            width: 30px;
            background: var(--icon_bg);
            -webkit-transform: scale(0);
            -ms-transform: scale(0);
            transform: scale(0);
            z-index: -1;
            border-radius: var(--icon-border-radius);
            -webkit-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            -o-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            -webkit-transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
            transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
            transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
        }

        body #top-menu #account a:not(#time-logger-menu):hover, body #top-menu #loggedas a:hover, body #top-menu .holder-search-link a:hover, body #top-menu .revo-user-menu > .icon-user:hover, body #top-menu > ul > li > a:hover {
            color: var(--icon-color-hover)
        }

            body #top-menu #account a:not(#time-logger-menu):hover:before, body #top-menu #loggedas a:hover:before, body #top-menu .holder-search-link a:hover:before, body #top-menu .revo-user-menu > .icon-user:hover:before, body #top-menu > ul > li > a:hover:before {
                background: var(--icon_bg_hover);
                -webkit-transform: scale(1);
                -ms-transform: scale(1);
                transform: scale(1)
            }

        body #top-menu #account a:not(#time-logger-menu).selected, body #top-menu #loggedas a.selected, body #top-menu .holder-search-link a.selected, body #top-menu .revo-user-menu > .icon-user.selected, body #top-menu > ul > li > a.selected {
            color: var(--icon_color_active)
        }

            body #top-menu #account a:not(#time-logger-menu).selected:before, body #top-menu #loggedas a.selected:before, body #top-menu .holder-search-link a.selected:before, body #top-menu .revo-user-menu > .icon-user.selected:before, body #top-menu > ul > li > a.selected:before {
                background: var(--icon_bg_active);
                -webkit-transform: scale(1);
                -ms-transform: scale(1);
                transform: scale(1)
            }

    body #top-menu .menu-children {
        top: 100%;
        padding: 2px;
        -webkit-box-shadow: 0 0 0 transparent;
        box-shadow: 0 0 0 transparent;
        font-size: .85714286rem;
        line-height: 1.4;
        border-radius: var(--border-radius-small);
        border: 1px solid var(--border-color) !important
    }

        body #top-menu .menu-children li a {
            background-color: var(--link-bg) !important;
            display: block;
            position: relative;
            font-size: .85714286rem;
            line-height: 1.4;
            height: auto;
            min-height: auto;
            width: 100%;
            color: var(--link-color);
            padding: 4px 5px;
            background-image: none !important;
            border-radius: 0;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            overflow: hidden;
            z-index: 2;
            -webkit-transition: color var(--time-hover) ease-in-out;
            -o-transition: color var(--time-hover) ease-in-out;
            transition: color var(--time-hover) ease-in-out
        }

            body #top-menu .menu-children li a:after {
                position: absolute;
                top: 50%;
                margin: -10px 0 0;
                left: 5px;
                display: block;
                clear: both;
                height: var(--icon-width-small);
                width: var(--icon-width-small);
                overflow: hidden;
                border-radius: var(--icon-border-radius);
                z-index: 1;
                font-family: var(--icon-font);
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                font-style: normal;
                font-variant: normal;
                font-weight: 400;
                text-decoration: none;
                text-transform: none;
                font-size: var(--icon-font-size-small);
                line-height: var(--icon-width-small);
                color: var(--icon-color);
                -webkit-transition: color var(--time-hover) ease-in-out;
                -o-transition: color var(--time-hover) ease-in-out;
                transition: color var(--time-hover) ease-in-out
            }

            body #top-menu .menu-children li a:before {
                content: '';
                display: block;
                clear: both;
                position: absolute;
                top: 0;
                left: auto;
                right: 0;
                width: 0;
                height: 100%;
                background: var(--link-bg);
                z-index: -1;
                border-radius: 0;
                -webkit-transition: width var(--time-hover) ease-in-out;
                -o-transition: width var(--time-hover) ease-in-out;
                transition: width var(--time-hover) ease-in-out;
                margin: 0 !important
            }

            body #top-menu .menu-children li a:hover {
                text-decoration: none;
                color: var(--icon-color-hover);
                border: 0
            }

                body #top-menu .menu-children li a:hover:after {
                    color: var(--icon-color-hover)
                }

                body #top-menu .menu-children li a:hover:before {
                    background: var(--icon_bg_hover);
                    width: 100%
                }

        body #top-menu .menu-children hr {
            margin: 0
        }

#top-menu #account, #top-menu #loggedas {
    position: absolute;
    top: -99999999px;
    left: -99999999px
}

#top-menu .open-box {
    display: none
}

#top-menu .revo-user-menu {
    float: right;
    padding: 0;
    position: relative;
    -webkit-transition: margin-right var(--time-main) ease-in-out;
    -o-transition: margin-right var(--time-main) ease-in-out;
    transition: margin-right var(--time-main) ease-in-out
}

    #top-menu .revo-user-menu.open .drdn-content {
        display: block
    }

    #top-menu .revo-user-menu .drdn-content {
        top: 100%;
        border-color: var(--border-color);
        border-radius: var(--border-radius-small)
    }

        #top-menu .revo-user-menu .drdn-content .drdn-items {
            min-width: 10px;
            display: block;
            padding: 2px
        }

            #top-menu .revo-user-menu .drdn-content .drdn-items a {
                background-image: none;
                background-color: var(--bg-fff);
                display: block;
                position: relative;
                font-size: .85714286rem;
                line-height: 1.4;
                height: auto !important;
                min-height: auto;
                margin: 0;
                width: 100% !important;
                color: var(--drop-text-color);
                padding: 4px 5px 4px 30px;
                background-image: none !important;
                border-radius: 0;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                overflow: hidden;
                z-index: 2;
                -webkit-transition: color var(--time-hover) ease-in-out;
                -o-transition: color var(--time-hover) ease-in-out;
                transition: color var(--time-hover) ease-in-out;
                border: 0 !important;
                font-weight: 400
            }

                #top-menu .revo-user-menu .drdn-content .drdn-items a:after {
                    font-family: var(--icon-font);
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                    position: absolute;
                    top: 0;
                    left: 5px;
                    margin: 0;
                    color: var(--drop-icon-color);
                    -webkit-transition: color var(--time-hover) ease-in-out;
                    -o-transition: color var(--time-hover) ease-in-out;
                    transition: color var(--time-hover) ease-in-out;
                    width: var(--icon-width-small);
                    height: 100%;
                    font-size: var(--icon-font-size-small) !important;
                    line-height: 100%;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center
                }

                #top-menu .revo-user-menu .drdn-content .drdn-items a:before {
                    content: '';
                    display: block;
                    clear: both;
                    position: absolute;
                    top: 0;
                    left: auto;
                    right: 0;
                    width: 0;
                    height: 100%;
                    background: var(--drop-bg-hover);
                    z-index: -1;
                    border-radius: 0;
                    -webkit-transition: width var(--time-hover) ease-in-out;
                    -o-transition: width var(--time-hover) ease-in-out;
                    transition: width var(--time-hover) ease-in-out;
                    margin: 0 !important
                }

                #top-menu .revo-user-menu .drdn-content .drdn-items a:hover {
                    text-decoration: none;
                    color: var(--icon-color-hover-bg);
                    border: 0
                }

                    #top-menu .revo-user-menu .drdn-content .drdn-items a:hover:after {
                        color: var(--icon-color-hover-bg)
                    }

                    #top-menu .revo-user-menu .drdn-content .drdn-items a:hover:before {
                        width: 100%
                    }

.ui-widget {
    font-family: sans-serif
}

.ui-widget-overlay {
    background: var(--popup-overlay)
}

div.modal, div.ui-dialog, div.ui-dialog.modal {
    background: var(--color-fff);
    border-radius: var(--border-radius);
    -webkit-box-shadow: var(--main-box-shadow);
    box-shadow: var(--main-box-shadow);
    border: 0;
    padding: 0;
    margin: 0;
    max-height: 100vh;
    overflow: auto
}

    div.modal .ui-dialog-title, div.ui-dialog .ui-dialog-title, div.ui-dialog.modal .ui-dialog-title {
        margin: 0;
        width: 100%
    }

    div.modal input[type=date], div.ui-dialog input[type=date], div.ui-dialog.modal input[type=date] {
        background-image: url(../images/icon/calendar.svg);
        background-position: 100% 50%;
        background-repeat: no-repeat;
        background-size: var(--icon-smaller-width) var(--icon-smaller-width);
        padding-right: 30px
    }

        div.modal input[type=date]::-webkit-calendar-picker-indicator, div.ui-dialog input[type=date]::-webkit-calendar-picker-indicator, div.ui-dialog.modal input[type=date]::-webkit-calendar-picker-indicator {
            color: transparent;
            opacity: 1;
            font-size: 0;
            line-height: 0
        }

    div.modal #trackers_description, div.ui-dialog #trackers_description, div.ui-dialog.modal #trackers_description {
        border-radius: 0;
        background: var(--bg-box)
    }

        div.modal #trackers_description dl, div.ui-dialog #trackers_description dl, div.ui-dialog.modal #trackers_description dl {
            margin: 0
        }

            div.modal #trackers_description dl dd, div.ui-dialog #trackers_description dl dd, div.ui-dialog.modal #trackers_description dl dd {
                padding-bottom: 10px;
                border-bottom: 1px solid var(--color-grey);
                margin-bottom: 10px
            }

                div.modal #trackers_description dl dd:last-child, div.ui-dialog #trackers_description dl dd:last-child, div.ui-dialog.modal #trackers_description dl dd:last-child {
                    padding-bottom: 0;
                    margin-bottom: 0;
                    border-bottom: 0
                }

    div.modal .modal, div.ui-dialog .modal, div.ui-dialog.modal .modal {
        -webkit-box-shadow: var(--box-shadow-null);
        box-shadow: var(--box-shadow-null)
    }

        div.modal #users, div.ui-dialog #users, div.ui-dialog.modal #users {
            padding: 15px 0 0
        }

        div.modal .box p, div.ui-dialog .box p, div.ui-dialog.modal .box p {
            padding: 0;
            display: block !important
        }

            div.modal .box p label, div.ui-dialog .box p label, div.ui-dialog.modal .box p label {
                width: 100%;
                display: block;
                margin: 0 0 5px
            }

            div.modal .box p .select2-container--default, div.ui-dialog .box p .select2-container--default, div.ui-dialog.modal .box p .select2-container--default {
                width: 100% !important
            }

        div.modal p, div.ui-dialog p, div.ui-dialog.modal p {
            margin: 0 0 10px
        }

        div.modal label[for=user_search], div.ui-dialog label[for=user_search], div.ui-dialog.modal label[for=user_search] {
            font-weight: 600;
            color: var(--color-dark);
            display: block;
            margin: 0 0 10px;
            font-size: 1rem;
            line-height: 1.4
        }

        div.modal .ui-dialog-titlebar, div.ui-dialog .ui-dialog-titlebar, div.ui-dialog.modal .ui-dialog-titlebar {
            background: 0 0;
            color: var(--color-main-color);
            text-align: center;
            border: none;
            font-weight: 700;
            font-size: 1.1428rem;
            padding: 20px 50px 20px 50px;
            position: relative;
            margin: 0
        }

        div.modal #users_for_watcher, div.ui-dialog #users_for_watcher, div.ui-dialog.modal #users_for_watcher {
            height: auto;
            overflow: hidden
        }

        div.modal input#principal_search, div.modal input#user_search, div.ui-dialog input#principal_search, div.ui-dialog input#user_search, div.ui-dialog.modal input#principal_search, div.ui-dialog.modal input#user_search {
            width: 100%;
            margin: 0
        }

        div.modal .ui-dialog-content, div.ui-dialog .ui-dialog-content, div.ui-dialog.modal .ui-dialog-content {
            position: relative;
            padding: 20px
        }

            div.modal .ui-dialog-content:after, div.ui-dialog .ui-dialog-content:after, div.ui-dialog.modal .ui-dialog-content:after {
                content: '';
                display: block;
                clear: both;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: var(--bg-box);
                z-index: -1
            }

        div.modal.ui-dialog-buttons .ui-dialog-content:after, div.ui-dialog.modal.ui-dialog-buttons .ui-dialog-content:after, div.ui-dialog.ui-dialog-buttons .ui-dialog-content:after {
            height: 100%
        }

        div.modal .ui-dialog-buttonpane, div.ui-dialog .ui-dialog-buttonpane, div.ui-dialog.modal .ui-dialog-buttonpane {
            margin: 0;
            border: 0;
            background: var(--bg-fff);
            padding: 20px
        }

            div.modal .ui-dialog-buttonpane .ui-button, div.ui-dialog .ui-dialog-buttonpane .ui-button, div.ui-dialog.modal .ui-dialog-buttonpane .ui-button {
                padding: 8px 30px;
                font-size: 1rem;
                line-height: 1rem;
                -webkit-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
                -o-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
                transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
                border-radius: var(--button-border-radius);
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                background: var(--button-main-bg);
                border: none;
                color: var(--button-main-color);
                display: inline-block;
                vertical-align: top;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                font-weight: var(--button-font-weight);
                margin: 0 20px 0 0;
                outline: 0;
                height: auto;
                -webkit-appearance: none
            }

                div.modal .ui-dialog-buttonpane .ui-button:hover, div.ui-dialog .ui-dialog-buttonpane .ui-button:hover, div.ui-dialog.modal .ui-dialog-buttonpane .ui-button:hover {
                    background: var(--button-main-bg-hover);
                    color: var(--button-main-color-hover)
                }

                div.modal .ui-dialog-buttonpane .ui-button .ui-button-text, div.ui-dialog .ui-dialog-buttonpane .ui-button .ui-button-text, div.ui-dialog.modal .ui-dialog-buttonpane .ui-button .ui-button-text {
                    padding: 0
                }

        div.modal .buttons, div.ui-dialog .buttons, div.ui-dialog.modal .buttons {
            padding: 20px;
            margin: 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            margin: 0 -20px -20px;
            background: var(--bg-fff);
            border-radius: 0 0 var(--button-border-radius) var(--button-border-radius)
        }

            div.modal .buttons input[type=submit], div.ui-dialog .buttons input[type=submit], div.ui-dialog.modal .buttons input[type=submit] {
                padding: 8px 30px;
                font-size: 1rem;
                line-height: 1rem;
                -webkit-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
                -o-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
                transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
                border-radius: var(--button-border-radius);
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                background: var(--button-main-bg);
                border: none;
                color: var(--button-main-color);
                display: inline-block;
                vertical-align: top;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                font-weight: var(--button-font-weight);
                margin: 0 20px 0 0;
                outline: 0;
                height: auto;
                -webkit-appearance: none
            }

                div.modal .buttons input[type=submit]:hover, div.ui-dialog .buttons input[type=submit]:hover, div.ui-dialog.modal .buttons input[type=submit]:hover {
                    background: var(--button-main-bg-hover);
                    color: var(--button-main-color-hover)
                }

                div.modal .buttons input[type=submit] + a[onclick], div.modal .buttons input[type=submit] + input[type=button], div.ui-dialog .buttons input[type=submit] + a[onclick], div.ui-dialog .buttons input[type=submit] + input[type=button], div.ui-dialog.modal .buttons input[type=submit] + a[onclick], div.ui-dialog.modal .buttons input[type=submit] + input[type=button] {
                    border: none;
                    padding: 8px 30px;
                    font-size: 1rem;
                    line-height: 1rem;
                    font-weight: var(--button-font-weight);
                    color: var(--button-color);
                    background: var(--button-bg);
                    text-decoration: none;
                    border-radius: var(--button-border-radius);
                    -webkit-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
                    -o-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
                    transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
                    outline: 0;
                    height: auto;
                    -webkit-appearance: none
                }

                    div.modal .buttons input[type=submit] + a[onclick]:hover, div.modal .buttons input[type=submit] + input[type=button]:hover, div.ui-dialog .buttons input[type=submit] + a[onclick]:hover, div.ui-dialog .buttons input[type=submit] + input[type=button]:hover, div.ui-dialog.modal .buttons input[type=submit] + a[onclick]:hover, div.ui-dialog.modal .buttons input[type=submit] + input[type=button]:hover {
                        background: var(--button-bg-hover);
                        color: var(--button-color-hover)
                    }

            div.modal .buttons .icon.icon-del, div.ui-dialog .buttons .icon.icon-del, div.ui-dialog.modal .buttons .icon.icon-del {
                border: none;
                padding: 8px 30px;
                font-size: 1rem;
                line-height: 1rem;
                font-weight: 600;
                color: var(--icon-dell-color);
                background: var(--icon-dell-bg);
                text-decoration: none;
                border-radius: var(--button-border-radius);
                -webkit-transition: background-color var(--time-hover) ease-in-out,color var(--time-hover) ease-in-out;
                -o-transition: background-color var(--time-hover) ease-in-out,color var(--time-hover) ease-in-out;
                transition: background-color var(--time-hover) ease-in-out,color var(--time-hover) ease-in-out;
                outline: 0;
                height: auto;
                width: auto;
                -webkit-appearance: none;
                min-height: auto;
                margin: 0 20px 0 0
            }

                div.modal .buttons .icon.icon-del:hover, div.ui-dialog .buttons .icon.icon-del:hover, div.ui-dialog.modal .buttons .icon.icon-del:hover {
                    background: var(--icon-dell-bg-hover);
                    color: var(--icon-dell-color-hover)
                }

                div.modal .buttons .icon.icon-del:after, div.modal .buttons .icon.icon-del:before, div.ui-dialog .buttons .icon.icon-del:after, div.ui-dialog .buttons .icon.icon-del:before, div.ui-dialog.modal .buttons .icon.icon-del:after, div.ui-dialog.modal .buttons .icon.icon-del:before {
                    display: none
                }

        div.modal #users_for_watcher, div.ui-dialog #users_for_watcher, div.ui-dialog.modal #users_for_watcher {
            margin: 0 0 20px
        }

            div.modal #users_for_watcher label, div.ui-dialog #users_for_watcher label, div.ui-dialog.modal #users_for_watcher label {
                display: block;
                margin: 10px 0 0;
                cursor: default
            }

                div.modal #users_for_watcher label:first-child, div.ui-dialog #users_for_watcher label:first-child, div.ui-dialog.modal #users_for_watcher label:first-child {
                    margin: 0
                }

            div.modal #users_for_watcher .icon-user, div.ui-dialog #users_for_watcher .icon-user, div.ui-dialog.modal #users_for_watcher .icon-user {
                width: auto;
                height: auto;
                min-height: auto;
                padding: 0
            }

                div.modal #users_for_watcher .icon-user:after, div.ui-dialog #users_for_watcher .icon-user:after, div.ui-dialog.modal #users_for_watcher .icon-user:after {
                    display: none
                }

        div.modal .ui-dialog-titlebar-close, div.ui-dialog .ui-dialog-titlebar-close, div.ui-dialog.modal .ui-dialog-titlebar-close {
            position: absolute;
            top: 50%;
            right: 20px;
            border: none;
            background: 0 0;
            outline: 0 none;
            padding: 0;
            display: inline-block;
            height: var(--icon-width);
            width: var(--icon-width);
            margin: -15px 0 0;
            overflow: hidden;
            z-index: 2;
            background-size: var(--icon-width) var(--icon-width);
            background-repeat: no-repeat;
            background-position: 50% 50%;
            border-radius: var(--icon-border-radius);
            font-size: 0;
            line-height: 0;
            color: var(--popup-close-color);
            -webkit-transition: color var(--time-hover) ease-in-out;
            -o-transition: color var(--time-hover) ease-in-out;
            transition: color var(--time-hover) ease-in-out
        }

            div.modal .ui-dialog-titlebar-close:after, div.ui-dialog .ui-dialog-titlebar-close:after, div.ui-dialog.modal .ui-dialog-titlebar-close:after {
                text-indent: 0;
                position: absolute;
                top: 0;
                left: 0;
                content: "\E020";
                display: block;
                clear: both;
                height: 100%;
                width: 100%;
                margin: 0;
                overflow: hidden;
                border-radius: var(--icon-border-radius);
                z-index: 1;
                font-family: var(--icon-font);
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                font-style: normal;
                font-variant: normal;
                font-weight: 400;
                text-decoration: none;
                text-transform: none;
                font-size: var(--icon-font-size);
                line-height: var(--icon-width)
            }

            div.modal .ui-dialog-titlebar-close:before, div.ui-dialog .ui-dialog-titlebar-close:before, div.ui-dialog.modal .ui-dialog-titlebar-close:before {
                content: '';
                display: block;
                clear: both;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: var(--popup-close-bg);
                -webkit-transform: scale(0);
                -ms-transform: scale(0);
                transform: scale(0);
                z-index: -1;
                border-radius: var(--icon-border-radius);
                -webkit-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
                -o-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
                -webkit-transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
                transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
                transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
                transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
            }

            div.modal .ui-dialog-titlebar-close:hover, div.ui-dialog .ui-dialog-titlebar-close:hover, div.ui-dialog.modal .ui-dialog-titlebar-close:hover {
                color: var(--popup-close-color-hover)
            }

                div.modal .ui-dialog-titlebar-close:hover:before, div.ui-dialog .ui-dialog-titlebar-close:hover:before, div.ui-dialog.modal .ui-dialog-titlebar-close:hover:before {
                    background: var(--popup-close-bg-hover);
                    -webkit-transform: scale(1);
                    -ms-transform: scale(1);
                    transform: scale(1)
                }

            div.modal .ui-dialog-titlebar-close.selected, div.ui-dialog .ui-dialog-titlebar-close.selected, div.ui-dialog.modal .ui-dialog-titlebar-close.selected {
                color: var(--popup-close-color-hover)
            }

                div.modal .ui-dialog-titlebar-close.selected:before, div.ui-dialog .ui-dialog-titlebar-close.selected:before, div.ui-dialog.modal .ui-dialog-titlebar-close.selected:before {
                    background: var(--popup-close-bg-hover);
                    -webkit-transform: scale(1);
                    -ms-transform: scale(1);
                    transform: scale(1)
                }

            div.modal .ui-dialog-titlebar-close .ui-icon, div.ui-dialog .ui-dialog-titlebar-close .ui-icon, div.ui-dialog.modal .ui-dialog-titlebar-close .ui-icon {
                display: none
            }

        div.modal .objects-selection, div.ui-dialog .objects-selection, div.ui-dialog.modal .objects-selection {
            height: auto
        }

        div.modal fieldset.box, div.ui-dialog fieldset.box, div.ui-dialog.modal fieldset.box {
            padding: 50px 0 35px !important
        }

            div.modal fieldset.box:after, div.ui-dialog fieldset.box:after, div.ui-dialog.modal fieldset.box:after {
                content: '';
                display: block;
                clear: both;
                position: absolute;
                bottom: 0;
                left: -20px;
                width: calc(100% + 40px);
                height: 20px;
                background: var(--bg-fff)
            }

            div.modal fieldset.box:first-of-type, div.ui-dialog fieldset.box:first-of-type, div.ui-dialog.modal fieldset.box:first-of-type {
                margin: -15px 0 0 !important
            }

            div.modal fieldset.box:last-of-type, div.ui-dialog fieldset.box:last-of-type, div.ui-dialog.modal fieldset.box:last-of-type {
                padding: 60px 0 25px !important
            }

                div.modal fieldset.box:last-of-type:after, div.ui-dialog fieldset.box:last-of-type:after, div.ui-dialog.modal fieldset.box:last-of-type:after {
                    display: none
                }

            div.modal fieldset.box legend, div.ui-dialog fieldset.box legend, div.ui-dialog.modal fieldset.box legend {
                padding: 0;
                margin: 0;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                position: absolute;
                top: 20px;
                height: 26px;
                left: 0;
                font-weight: 600;
                color: var(--color-dark);
                font-size: 1rem;
                line-height: 26px
            }

                div.modal fieldset.box legend .icon-checked, div.ui-dialog fieldset.box legend .icon-checked, div.ui-dialog.modal fieldset.box legend .icon-checked {
                    float: left
                }

        div.modal label[for*=invoice-template-search], div.modal label[for*=product_search], div.modal label[for*=report_template_search], div.ui-dialog label[for*=invoice-template-search], div.ui-dialog label[for*=product_search], div.ui-dialog label[for*=report_template_search], div.ui-dialog.modal label[for*=invoice-template-search], div.ui-dialog.modal label[for*=product_search], div.ui-dialog.modal label[for*=report_template_search] {
            font-weight: 600;
            color: var(--color-dark);
            display: block;
            margin: 0 0 10px;
            font-size: 1rem;
            line-height: 1.4
        }

        div.modal #product_search, div.ui-dialog #product_search, div.ui-dialog.modal #product_search {
            margin: 10px 0 0
        }

        div.modal label[for*=product_search], div.ui-dialog label[for*=product_search], div.ui-dialog.modal label[for*=product_search] {
            margin: 0;
            display: inline-block
        }

        div.modal #new_page .box p, div.ui-dialog #new_page .box p, div.ui-dialog.modal #new_page .box p {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            padding: 0;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-flow: column;
            flex-flow: column
        }

            div.modal #new_page .box p label, div.ui-dialog #new_page .box p label, div.ui-dialog.modal #new_page .box p label {
                margin: 0 0 10px;
                float: none;
                text-align: left;
                width: 100%;
                padding: 0
            }

            div.modal #new_page .box p em, div.ui-dialog #new_page .box p em, div.ui-dialog.modal #new_page .box p em {
                width: 100%;
                display: block;
                margin: 10px 0 0 !important;
                text-align: left
            }

        div.modal .box, div.ui-dialog .box, div.ui-dialog.modal .box {
            background: 0 0;
            position: relative;
            border: none;
            padding: 0 0 20px;
            margin: 0;
            font-size: 1rem;
            line-height: 1.4
        }

            div.modal .box label, div.ui-dialog .box label, div.ui-dialog.modal .box label {
                padding: 0 10px 0 0;
                margin: 0 0 5px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                text-align: left;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

            div.modal .box p, div.ui-dialog .box p, div.ui-dialog.modal .box p {
                margin: 10px 0 0;
                min-height: 0;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

                div.modal .box p:nth-of-type(1), div.ui-dialog .box p:nth-of-type(1), div.ui-dialog.modal .box p:nth-of-type(1) {
                    margin: 0
                }

                div.modal .box p em, div.ui-dialog .box p em, div.ui-dialog.modal .box p em {
                    display: block;
                    margin: 0;
                    text-align: right;
                    width: 100%
                }

            div.modal .box .icon-checked, div.ui-dialog .box .icon-checked, div.ui-dialog.modal .box .icon-checked {
                color: var(--color-dark);
                border: none;
                background: 0 0;
                padding: 0;
                display: inline-block;
                height: var(--icon-smaller-width);
                width: var(--icon-smaller-width);
                margin: 0 5px 0 -4px;
                overflow: hidden;
                position: relative;
                z-index: 2;
                border-radius: var(--icon-border-radius);
                font-size: 0;
                line-height: 0
            }

                div.modal .box .icon-checked:after, div.ui-dialog .box .icon-checked:after, div.ui-dialog.modal .box .icon-checked:after {
                    text-align: center;
                    position: absolute;
                    top: 0;
                    left: 0;
                    display: block;
                    clear: both;
                    height: 100%;
                    width: 100%;
                    margin: 0;
                    overflow: hidden;
                    border-radius: var(--icon-border-radius);
                    z-index: 1;
                    font-family: var(--icon-font);
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                    font-style: normal;
                    font-variant: normal;
                    font-weight: 400;
                    text-decoration: none;
                    text-transform: none;
                    font-size: var(--icon-smaller-font-size);
                    line-height: var(--icon-smaller-width);
                    color: var(--icon-color-bg);
                    -webkit-transition: color var(--time-hover) ease-in-out;
                    -o-transition: color var(--time-hover) ease-in-out;
                    transition: color var(--time-hover) ease-in-out
                }

                div.modal .box .icon-checked:before, div.ui-dialog .box .icon-checked:before, div.ui-dialog.modal .box .icon-checked:before {
                    content: '';
                    display: block;
                    clear: both;
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    background: var(--icon_bg-bg);
                    -webkit-transform: scale(0);
                    -ms-transform: scale(0);
                    transform: scale(0);
                    z-index: -1;
                    border-radius: var(--icon-border-radius);
                    -webkit-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
                    -o-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
                    -webkit-transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
                    transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
                    transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
                    transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
                }

                div.modal .box .icon-checked.selected:after, div.modal .box .icon-checked:hover:after, div.ui-dialog .box .icon-checked.selected:after, div.ui-dialog .box .icon-checked:hover:after, div.ui-dialog.modal .box .icon-checked.selected:after, div.ui-dialog.modal .box .icon-checked:hover:after {
                    color: var(--icon-color-hover-bg)
                }

                div.modal .box .icon-checked.selected:before, div.modal .box .icon-checked:hover:before, div.ui-dialog .box .icon-checked.selected:before, div.ui-dialog .box .icon-checked:hover:before, div.ui-dialog.modal .box .icon-checked.selected:before, div.ui-dialog.modal .box .icon-checked:hover:before {
                    background: var(--icon_bg_hover-bg);
                    -webkit-transform: scale(1);
                    -ms-transform: scale(1);
                    transform: scale(1)
                }

        div.modal input[type=date], div.modal input[type=text], div.modal textarea, div.ui-dialog input[type=date], div.ui-dialog input[type=text], div.ui-dialog textarea, div.ui-dialog.modal input[type=date], div.ui-dialog.modal input[type=text], div.ui-dialog.modal textarea {
            height: 30px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            border: 1px solid var(--border-color-content);
            padding: 6px 12px;
            font-size: 1rem;
            line-height: 1.28571429rem;
            border-radius: var(--border-radius-small);
            color: var(--color-dark);
            margin: 0;
            min-width: 190px;
            max-width: 100%;
            width: 100%;
            outline: 0 none;
            -webkit-appearance: none;
            background-color: var(--bg-fff)
        }

            div.modal input[type=date]#issue_subject, div.modal input[type=date]#time_entry_comments, div.modal input[type=text]#issue_subject, div.modal input[type=text]#time_entry_comments, div.modal textarea#issue_subject, div.modal textarea#time_entry_comments, div.ui-dialog input[type=date]#issue_subject, div.ui-dialog input[type=date]#time_entry_comments, div.ui-dialog input[type=text]#issue_subject, div.ui-dialog input[type=text]#time_entry_comments, div.ui-dialog textarea#issue_subject, div.ui-dialog textarea#time_entry_comments, div.ui-dialog.modal input[type=date]#issue_subject, div.ui-dialog.modal input[type=date]#time_entry_comments, div.ui-dialog.modal input[type=text]#issue_subject, div.ui-dialog.modal input[type=text]#time_entry_comments, div.ui-dialog.modal textarea#issue_subject, div.ui-dialog.modal textarea#time_entry_comments {
                max-width: 550px
            }

            div.modal textarea:not(.select2-search__field), div.ui-dialog textarea:not(.select2-search__field), div.ui-dialog.modal textarea:not(.select2-search__field) {
                min-height: 100px;
                height: 100px
            }

        div.modal #user_group_ids, div.modal .objects-selection > div, div.ui-dialog #user_group_ids, div.ui-dialog .objects-selection > div, div.ui-dialog.modal #user_group_ids, div.ui-dialog.modal .objects-selection > div {
            -webkit-column-rule: 0 solid var(--bg-fff);
            -moz-column-rule: 0 solid var(--bg-fff)
        }

        div.modal #principals_for_new_member, div.ui-dialog #principals_for_new_member, div.ui-dialog.modal #principals_for_new_member {
            padding: 20px 0 0
        }

        div.modal span.pagination, div.ui-dialog span.pagination, div.ui-dialog.modal span.pagination {
            color: var(--color-dark)
        }

        div.modal #report_templates, div.ui-dialog #report_templates, div.ui-dialog.modal #report_templates {
            height: auto;
            max-height: 200px;
            margin: 0 0 10px;
            min-height: 30px
        }

            div.modal #report_templates label, div.ui-dialog #report_templates label, div.ui-dialog.modal #report_templates label {
                margin: 0 0 5px
            }

        div.modal .autocomplete, div.ui-dialog .autocomplete, div.ui-dialog.modal .autocomplete {
            width: 100% !important;
            margin: 10px 0 0;
            background-image: url(../images/icon/search.svg);
            background-repeat: no-repeat;
            background-position: 0 50%;
            background-size: 30px 30px;
            line-height: 18px;
            padding: 8px 8px 8px 38px !important
        }

        div.modal #products_for_issue, div.ui-dialog #products_for_issue, div.ui-dialog.modal #products_for_issue {
            height: auto;
            max-height: 200px;
            padding: 0 0 10px
        }

            div.modal #products_for_issue .product, div.ui-dialog #products_for_issue .product, div.ui-dialog.modal #products_for_issue .product {
                display: inline
            }

            div.modal #products_for_issue label, div.ui-dialog #products_for_issue label, div.ui-dialog.modal #products_for_issue label {
                display: block;
                overflow: hidden;
                margin: 0 0 10px
            }

        div.modal #user_group_ids, div.modal .objects-selection > div, div.ui-dialog #user_group_ids, div.ui-dialog .objects-selection > div, div.ui-dialog.modal #user_group_ids, div.ui-dialog.modal .objects-selection > div {
            border: none;
            column-count: inherit;
            column-width: inherit;
            -webkit-column-count: inherit;
            -webkit-column-width: inherit;
            -webkit-column-gap: inherit;
            -moz-column-count: inherit;
            -moz-column-width: inherit;
            -moz-column-gap: inherit
        }

        div.modal.help-modal, div.ui-dialog.help-modal, div.ui-dialog.modal.help-modal {
            width: calc(100% - 20px) !important;
            max-width: 500px;
            overflow: hidden
        }

            div.modal.help-modal .ui-dialog-titlebar, div.ui-dialog.help-modal .ui-dialog-titlebar, div.ui-dialog.modal.help-modal .ui-dialog-titlebar {
                padding: 20px 50px 20px 20px
            }

            div.modal.help-modal .ui-dialog-title, div.ui-dialog.help-modal .ui-dialog-title, div.ui-dialog.modal.help-modal .ui-dialog-title {
                overflow: visible;
                -o-text-overflow: inherit;
                text-overflow: inherit;
                white-space: inherit;
                text-align: left
            }

            div.modal.help-modal .ui-dialog-content:after, div.ui-dialog.help-modal .ui-dialog-content:after, div.ui-dialog.modal.help-modal .ui-dialog-content:after {
                display: none
            }

            div.modal.help-modal .ui-dialog-content, div.ui-dialog.help-modal .ui-dialog-content, div.ui-dialog.modal.help-modal .ui-dialog-content {
                background: var(--bg-box)
            }

.modal #new_email_address, .ui-dialog #new_email_address {
    background: var(--bg-box);
    display: block;
    overflow: hidden;
    padding: 20px;
    margin: -20px;
    border-radius: 0 0 var(--border-radius) var(--border-radius)
}

    .modal #new_email_address p, .ui-dialog #new_email_address p {
        padding: 0;
        margin: 0 0 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-weight: 600;
        color: var(--color-dark);
        font-size: 1rem;
        line-height: 1.4
    }

        .modal #new_email_address p:last-child, .ui-dialog #new_email_address p:last-child {
            margin: 0;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-flow: column;
            flex-flow: column
        }

    .modal #new_email_address input[type=submit], .ui-dialog #new_email_address input[type=submit] {
        padding: 8px 30px;
        font-size: 1rem;
        line-height: 1rem;
        -webkit-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        -o-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        border-radius: var(--button-border-radius);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background: var(--button-main-bg);
        border: none;
        color: var(--button-main-color);
        display: inline-block;
        vertical-align: top;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-weight: var(--button-font-weight);
        margin: 0 !important
    }

        .modal #new_email_address input[type=submit]:hover, .ui-dialog #new_email_address input[type=submit]:hover {
            background: var(--button-main-bg-hover);
            color: var(--button-main-color-hover)
        }

        .modal #new_email_address input[type=submit] + a[onclick], .modal #new_email_address input[type=submit] + input[type=button], .ui-dialog #new_email_address input[type=submit] + a[onclick], .ui-dialog #new_email_address input[type=submit] + input[type=button] {
            border: none;
            padding: 8px 30px;
            font-size: 1rem;
            line-height: 1rem;
            font-weight: var(--button-font-weight);
            color: var(--button-color);
            background: var(--button-bg);
            text-decoration: none;
            border-radius: var(--button-border-radius);
            -webkit-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            -o-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out
        }

            .modal #new_email_address input[type=submit] + a[onclick]:hover, .modal #new_email_address input[type=submit] + input[type=button]:hover, .ui-dialog #new_email_address input[type=submit] + a[onclick]:hover, .ui-dialog #new_email_address input[type=submit] + input[type=button]:hover {
                background: var(--button-bg-hover);
                color: var(--button-color-hover)
            }

    .modal #new_email_address input[type=text], .ui-dialog #new_email_address input[type=text] {
        width: 100%;
        margin: 0 0 20px
    }

body .ui-menu {
    border: 1px solid var(--border-color-content);
    border-radius: var(--border-radius-small);
    max-height: 200px;
    overflow-y: auto;
    z-index: 2
}

    body .ui-menu .ui-menu-item {
        border: 0 !important;
        background-image: none;
        background-color: var(--bg-fff);
        display: block;
        position: relative;
        font-size: .85714286rem;
        line-height: 1.4;
        height: auto !important;
        min-height: auto;
        width: 100% !important;
        color: var(--drop-text-color);
        padding: 4px 5px;
        background-image: none !important;
        border-radius: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        overflow: hidden;
        z-index: 2;
        -webkit-transition: color var(--time-hover) ease-in-out;
        -o-transition: color var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out;
        font-weight: 400 !important
    }

        body .ui-menu .ui-menu-item:before {
            content: '';
            display: block;
            clear: both;
            position: absolute;
            top: 0;
            left: auto;
            right: 0;
            width: 0;
            height: 100%;
            background: var(--drop-bg-hover);
            z-index: -1;
            border-radius: 0;
            -webkit-transition: width var(--time-hover) ease-in-out;
            -o-transition: width var(--time-hover) ease-in-out;
            transition: width var(--time-hover) ease-in-out;
            margin: 0 !important
        }

        body .ui-menu .ui-menu-item:hover {
            text-decoration: none;
            color: var(--icon-color-hover-bg)
        }

            body .ui-menu .ui-menu-item:hover:before {
                width: 100%;
                background: var(--icon_bg_hover-bg)
            }

        body .ui-menu .ui-menu-item > div {
            padding: 0;
            margin: 0;
            background: 0 0;
            color: var(--drop-text-color)
        }

        body .ui-menu .ui-menu-item .ui-menu-item-wrapper {
            max-width: 100%;
            display: block;
            width: 100%;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            border: 0;
            -webkit-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            -o-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out
        }

        body .ui-menu .ui-menu-item .ui-state-active, body .ui-menu .ui-menu-item.ui-state-active, body .ui-menu .ui-menu-item:hover {
            color: var(--icon-color-hover-bg);
            margin: 0
        }

            body .ui-menu .ui-menu-item .ui-state-active:before, body .ui-menu .ui-menu-item.ui-state-active:before, body .ui-menu .ui-menu-item:hover:before {
                width: 100%;
                background: var(--icon_bg_hover-bg)
            }

        body .ui-menu .ui-menu-item:first-child, body .ui-menu .ui-menu-item:first-child .ui-menu-item-wrapper {
            -moz-border-top-left-radius: var(--border-radius-small);
            border-top-left-radius: var(--border-radius-small);
            -moz-border-top-right-radius: var(--border-radius-small);
            border-top-right-radius: var(--border-radius-small)
        }

        body .ui-menu .ui-menu-item:last-child, body .ui-menu .ui-menu-item:last-child .ui-menu-item-wrapper {
            -moz-border-bottom-left-radius: var(--border-radius-small);
            border-bottom-left-radius: var(--border-radius-small);
            webkit-border-bottom-right-radius: var(--border-radius-small);
            -moz-border-bottom-right-radius: var(--border-radius-small);
            border-bottom-right-radius: var(--border-radius-small)
        }

#new_questions_section #questions_section_description {
    margin: 0 0 20px
}

#new_questions_section p #questions_section_description {
    margin: 0
}

#new_questions_section input[type=submit] {
    padding: 8px 30px;
    font-size: 1rem;
    line-height: 1rem;
    -webkit-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
    -o-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
    transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
    border-radius: var(--button-border);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: var(--button-main-bg);
    border: none;
    color: var(--button-main-color);
    display: inline-block;
    vertical-align: top;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: var(--button-font-weight);
    margin: 0
}

    #new_questions_section input[type=submit]:hover {
        background: var(--button-main-bg-hover);
        color: var(--button-main-color-hover)
    }

div.modal .tabular input:not([type=checkbox]):not([type=radio]) {
    width: 100% !important;
    max-width: 100%;
    border-color: var(--border-color);
    min-height: 30px
}

div.modal .tabular select {
    max-width: 100%;
    min-height: 30px
}

div.modal .issue-edit-modal p {
    min-height: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 3px 0 3px 180px
}

    div.modal .issue-edit-modal p label {
        font-weight: 700;
        float: left;
        text-align: right;
        margin-left: -180px;
        width: 175px;
        padding: 0 5px 0 0;
        text-align: left
    }

    div.modal .issue-edit-modal p.buttons {
        padding: 0
    }

div.modal .issue-edit-modal textarea {
    margin: 0 0 20px
}

div.modal #invoice-templates label {
    margin-bottom: 5px
}

.ui-datepicker {
    background: var(--bg-fff);
    border-color: var(--border-color)
}

    .ui-datepicker a.ui-state-default:after {
        display: none
    }

    .ui-datepicker .ui-widget-header {
        border-color: var(--bg-fff);
        background: var(--color-main-color);
        color: var(--bg-fff)
    }

        .ui-datepicker .ui-state-default, .ui-datepicker .ui-widget-content .ui-state-default, .ui-datepicker .ui-widget-header .ui-state-default {
            color: var(--color-main-color);
            border-color: var(--border-color);
            background: var(--bg-fff);
            -webkit-transition: background-color var(--time-hover) ease-in-out,color var(--time-hover) ease-in-out,border-color var(--time-hover) ease-in-out;
            -o-transition: background-color var(--time-hover) ease-in-out,color var(--time-hover) ease-in-out,border-color var(--time-hover) ease-in-out;
            transition: background-color var(--time-hover) ease-in-out,color var(--time-hover) ease-in-out,border-color var(--time-hover) ease-in-out
        }

        .ui-datepicker .ui-state-highlight, .ui-datepicker .ui-widget-content .ui-state-highlight, .ui-datepicker .ui-widget-header .ui-state-highlight {
            background: var(--notice-worning-bg)
        }

        .ui-datepicker .ui-state-focus, .ui-datepicker .ui-state-hover, .ui-datepicker .ui-widget-content .ui-state-focus, .ui-datepicker .ui-widget-content .ui-state-hover, .ui-datepicker .ui-widget-header .ui-state-focus, .ui-datepicker .ui-widget-header .ui-state-hover {
            background: var(--notice-error-bg)
        }

            .ui-datepicker .ui-state-focus.ui-datepicker-next-hover, .ui-datepicker .ui-state-focus.ui-datepicker-prev-hover, .ui-datepicker .ui-state-hover.ui-datepicker-next-hover, .ui-datepicker .ui-state-hover.ui-datepicker-prev-hover {
                background: var(--bg-fff)
            }

                .ui-datepicker .ui-state-focus.ui-datepicker-next-hover:after, .ui-datepicker .ui-state-focus.ui-datepicker-prev-hover:after, .ui-datepicker .ui-state-hover.ui-datepicker-next-hover:after, .ui-datepicker .ui-state-hover.ui-datepicker-prev-hover:after {
                    color: var(--color-main-color)
                }

        .ui-datepicker .ui-state-active, .ui-datepicker .ui-widget-content .ui-state-active, .ui-datepicker .ui-widget-header .ui-state-active {
            background: var(--notice-error-bg);
            color: var(--notice-error-main-text)
        }

            .ui-datepicker .ui-state-active .ui-icon, .ui-datepicker .ui-widget-content .ui-state-active .ui-icon, .ui-datepicker .ui-widget-header .ui-state-active .ui-icon {
                background-image: url(images/ui/ui-icons_444444_256x240.png)
            }

    .ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
        background: var(--color-main-color);
        border-color: var(--bg-fff)
    }

        .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span {
            display: none
        }

        .ui-datepicker .ui-datepicker-next:after, .ui-datepicker .ui-datepicker-prev:after {
            text-align: center;
            content: "\E012";
            display: block;
            clear: both;
            position: absolute;
            top: 50%;
            left: 50%;
            margin: -10px 0 0 -10px;
            width: var(--icon-width-small);
            height: var(--icon-width-small);
            color: var(--color-main-color-text);
            overflow: hidden;
            z-index: 1;
            font-family: var(--icon-font);
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-style: normal;
            font-variant: normal;
            font-weight: 400;
            text-decoration: none;
            text-transform: none;
            -webkit-transition: color var(--time-hover) ease-in-out;
            -o-transition: color var(--time-hover) ease-in-out;
            transition: color var(--time-hover) ease-in-out;
            font-size: 20px;
            line-height: 100%
        }

        .ui-datepicker .ui-datepicker-prev:after {
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg)
        }

    .ui-datepicker .ui-widget-content {
        color: var(--color-dark);
        border-color: var(--border-color)
    }

        .ui-datepicker .ui-widget-content .ui-priority-primary {
            background: var(--color-main-color);
            color: var(--color-main-color-text);
            border-color: var(--color-main-color);
            -webkit-transition: background-color var(--time-hover) ease-in-out,color var(--time-hover) ease-in-out,border-color var(--time-hover) ease-in-out;
            -o-transition: background-color var(--time-hover) ease-in-out,color var(--time-hover) ease-in-out,border-color var(--time-hover) ease-in-out;
            transition: background-color var(--time-hover) ease-in-out,color var(--time-hover) ease-in-out,border-color var(--time-hover) ease-in-out
        }

            .ui-datepicker .ui-widget-content .ui-priority-primary:hover {
                background: var(--bg-fff);
                color: var(--color-main-color);
                border-color: var(--bg-fff)
            }

    .ui-datepicker button, .ui-datepicker input, .ui-datepicker select {
        height: auto
    }

.ui-progressbar.ui-widget-content {
    background: var(--bg-box);
    border-color: var(--bg-box);
    border-radius: var(--border-radius);
    font-size: 10px;
    line-height: 14px;
    text-align: center;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

    .ui-progressbar.ui-widget-content .ui-widget-header {
        background: var(--color-main-color);
        border-color: var(--color-main-color)
    }

    .ui-progressbar.ui-widget-content #progress-label {
        color: var(--color-dark)
    }

.box .ui-progressbar.ui-widget-content, .tabular .ui-progressbar.ui-widget-content, fieldset .ui-progressbar.ui-widget-content {
    background: var(--bg-fff);
    border-color: var(--bg-fff)
}

    .box .ui-progressbar.ui-widget-content .ui-widget-header, .tabular .ui-progressbar.ui-widget-content .ui-widget-header, fieldset .ui-progressbar.ui-widget-content .ui-widget-header {
        background: var(--color-main-color);
        border-color: var(--color-main-color)
    }

body .period_picker_input {
    font-size: .85714286rem;
    line-height: 1.1;
    color: var(--color-dark);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid var(--color-grey);
    border-radius: var(--border-radius-small);
    cursor: pointer;
    width: 100%;
    background: var(--bg-fff)
}

    body .period_picker_input:before {
        display: none
    }

    body .period_picker_input .period_button_content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%
    }

    body .period_picker_input .period_button_text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 5px 0 5px
    }

    body .period_picker_input .icon_calendar {
        background-image: url(../images/icon/calendar.svg);
        background-position: 100% 50%;
        background-repeat: no-repeat;
        background-size: var(--icon-smaller-width) var(--icon-smaller-width);
        width: var(--icon-smaller-width);
        height: var(--icon-smaller-width)
    }

    body .period_picker_input .period_button_content_body {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        text-align: left
    }

    body .period_picker_input .icon_clear {
        width: var(--icon-width-small);
        height: var(--icon-width-small);
        border-radius: var(--icon-border-radius);
        position: relative;
        background: 0 0;
        margin-bottom: 0;
        opacity: 1 !important
    }

        body .period_picker_input .icon_clear:after {
            visibility: visible !important;
            opacity: 1 !important;
            content: "\E021";
            color: var(--color-dark-grey);
            text-align: center;
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            clear: both;
            width: var(--icon-width-small);
            height: var(--icon-width-small);
            margin: 0;
            overflow: hidden;
            border-radius: var(--icon-border-radius);
            z-index: 1;
            font-family: var(--icon-font);
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-style: normal;
            font-variant: normal;
            font-weight: 400;
            text-decoration: none;
            text-transform: none;
            font-size: var(--icon-font-size-small);
            line-height: var(--icon-width-small);
            -webkit-transition: color var(--time-hover) ease-in-out;
            -o-transition: color var(--time-hover) ease-in-out;
            transition: color var(--time-hover) ease-in-out
        }

        body .period_picker_input .icon_clear:before {
            content: '';
            display: block;
            clear: both;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: var(--color-main-color);
            -webkit-transform: scale(0);
            -ms-transform: scale(0);
            transform: scale(0);
            z-index: 0;
            border-radius: var(--icon-border-radius);
            -webkit-transition: transform var(--time-hover) ease-in-out;
            -o-transition: transform var(--time-hover) ease-in-out;
            -webkit-transition: -webkit-transform var(--time-hover) ease-in-out;
            transition: -webkit-transform var(--time-hover) ease-in-out;
            transition: transform var(--time-hover) ease-in-out;
            transition: transform var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
        }

        body .period_picker_input .icon_clear:hover:after {
            color: var(--color-fff)
        }

        body .period_picker_input .icon_clear:hover:before {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1)
        }

    body .period_picker_input .period_button_content_wrapper {
        display: block;
        width: 100%
    }

body .period_picker_box .period_picker_show.period_picker_ok {
    color: var(--color-fff);
    -webkit-transition: color var(--time-hover) ease-in-out;
    -o-transition: color var(--time-hover) ease-in-out;
    transition: color var(--time-hover) ease-in-out
}

    body .period_picker_box .period_picker_show.period_picker_ok:hover {
        color: var(--color-dark)
    }

        body .period_picker_box .period_picker_show.period_picker_ok:hover .button_text {
            color: var(--color-main-color)
        }

    body .period_picker_box .period_picker_show.period_picker_ok:active .period_picker_show:before {
        opacity: .2
    }

    body .period_picker_box .period_picker_show.period_picker_ok .button_text {
        color: var(--color-fff);
        webkit-transition: color var(--time-hover) ease-in-out;
        -o-transition: color var(--time-hover) ease-in-out;
        -webkit-transition: color var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out
    }

body .period_picker_box .period_picker_show:before {
    background: var(--button-main-bg);
    border-radius: var(--border-radius-small);
    -webkit-box-shadow: var(--box-shadow-null);
    box-shadow: var(--box-shadow-null);
    border: 1px solid var(--button-main-bg);
    -webkit-transition: opacity var(--time-hover) ease-in-out;
    -o-transition: opacity var(--time-hover) ease-in-out;
    transition: opacity var(--time-hover) ease-in-out;
    color: var(--button-main-color)
}

body .period_picker_box .period_picker_show:hover:before {
    opacity: .2
}

body .period_picker_box .period_picker_show:focus {
    -webkit-box-shadow: var(--box-shadow-null);
    box-shadow: var(--box-shadow-null)
}

#content form input[type=date][style*=absolute] {
    margin-top: 0 !important;
    margin-left: 0 !important;
    min-width: 0;
    max-width: 0;
    padding: 0;
    width: 0;
    height: 0;
    opacity: 0;
    min-height: 0
}

#content form #jstElements select .icon.icon-user {
    margin: 0 !important
}

    #content form #jstElements select .icon.icon-user:after {
        display: none
    }

#content form .tab-elements .icon.icon-user {
    margin: 0 !important
}

    #content form .tab-elements .icon.icon-user:after {
        display: none
    }

#main #content div.wiki p a.project {
    width: auto;
    font-size: 14px;
    border-radius: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0 0 32px
}

    #main #content div.wiki p a.project:after {
        content: "\E095"
    }

    #main #content div.wiki p a.project:after, #main #content div.wiki p a.project:before {
        width: 26px;
        height: 26px;
        position: absolute;
        left: 0;
        top: 0
    }

#main #content div.wiki .external {
    position: relative;
    background: 0 0;
    padding-left: 24px;
    display: inline-block;
    width: auto;
    height: auto;
    font-size: 1rem;
    line-height: 1.4;
    color: var(--color-main-color);
    overflow: visible;
    max-width: 100%
}

    #main #content div.wiki .external:after {
        text-align: center;
        position: absolute;
        top: 50%;
        left: 0;
        display: block;
        clear: both;
        height: var(--icon-width-small);
        width: var(--icon-width-small);
        margin: -10px 0 0;
        overflow: hidden;
        border-radius: var(--icon-border-radius);
        z-index: 1;
        font-family: var(--icon-font);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        text-decoration: none;
        text-transform: none;
        font-size: var(--icon-font-size-small);
        line-height: var(--icon-width-small);
        -webkit-transition: color var(--time-hover) ease-in-out;
        -o-transition: color var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out
    }

#main #content div.wiki + fieldset {
    position: relative;
    padding: 25px 30px 15px;
    margin: 0 0 15px;
    border-radius: var(--border-radius);
    background: var(--bg-box);
    border: none
}

    #main #content div.wiki + fieldset:after {
        content: '';
        display: block;
        clear: both;
        width: 100%;
        position: absolute;
        top: 100%;
        left: 0;
        height: 1px;
        background: var(--border-color);
        opacity: 0
    }

    #main #content div.wiki + fieldset:before {
        content: '';
        display: block;
        clear: both;
        position: absolute;
        top: 40px;
        left: 0;
        opacity: 1;
        height: 1px;
        width: 100%;
        background: var(--border-color);
        -webkit-transition: opacity var(--time-hover) ease-in-out;
        -o-transition: opacity var(--time-hover) ease-in-out;
        transition: opacity var(--time-hover) ease-in-out
    }

    #main #content div.wiki + fieldset a.icon, #main #content div.wiki + fieldset a.icon-only {
        color: var(--icon-color-bg)
    }

        #main #content div.wiki + fieldset a.icon-only:before, #main #content div.wiki + fieldset a.icon:before {
            background: var(--icon_bg-bg)
        }

        #main #content div.wiki + fieldset a.icon-only:hover, #main #content div.wiki + fieldset a.icon:hover {
            color: var(--icon-color-hover-bg)
        }

            #main #content div.wiki + fieldset a.icon-only:hover:before, #main #content div.wiki + fieldset a.icon:hover:before {
                background: var(--icon_bg_hover-bg)
            }

    #main #content div.wiki + fieldset .attachments {
        padding: 20px 0 0;
        position: relative
    }

    #main #content div.wiki + fieldset legend {
        position: absolute !important;
        width: 100%;
        padding: 0 20px 0 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 40px;
        line-height: 40px;
        top: 0;
        left: 0;
        color: var(--text-color-main);
        font-weight: 600;
        font-size: 1rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        cursor: pointer;
        z-index: 3
    }

        #main #content div.wiki + fieldset legend:hover:after {
            color: var(--icon-color-hover-bg)
        }

        #main #content div.wiki + fieldset legend:hover:before {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1)
        }

        #main #content div.wiki + fieldset legend:after {
            content: "\E07D";
            position: absolute;
            top: 5px;
            left: 10px;
            display: block;
            clear: both;
            height: var(--icon-width);
            width: var(--icon-width);
            margin: 0;
            overflow: hidden;
            border-radius: var(--icon-border-radius);
            -webkit-transition: color var(--time-hover) ease-in-out,transform var(--time-hover) ease-in-out;
            -webkit-transition: color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
            transition: color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
            -o-transition: color var(--time-hover) ease-in-out,transform var(--time-hover) ease-in-out;
            transition: color var(--time-hover) ease-in-out,transform var(--time-hover) ease-in-out;
            transition: color var(--time-hover) ease-in-out,transform var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
            z-index: 1;
            font-family: var(--icon-font);
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-style: normal;
            font-variant: normal;
            font-weight: 400;
            text-decoration: none;
            text-transform: none;
            font-size: var(--icon-font-size);
            line-height: 1;
            color: var(--icon-color-bg);
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg)
        }

        #main #content div.wiki + fieldset legend:before {
            content: '';
            display: block;
            clear: both;
            position: absolute;
            top: 5px;
            left: 10px;
            height: var(--icon-width);
            width: var(--icon-width);
            background: var(--icon_bg-bg);
            -webkit-transform: scale(0);
            -ms-transform: scale(0);
            transform: scale(0);
            z-index: 0;
            border-radius: var(--icon-border-radius);
            -webkit-transition: transform var(--time-hover) ease-in-out;
            -o-transition: transform var(--time-hover) ease-in-out;
            -webkit-transition: -webkit-transform var(--time-hover) ease-in-out;
            transition: -webkit-transform var(--time-hover) ease-in-out;
            transition: transform var(--time-hover) ease-in-out;
            transition: transform var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
        }

        #main #content div.wiki + fieldset legend.icon-expended:after {
            color: var(--icon_color_active-bg)
        }

        #main #content div.wiki + fieldset legend.icon-expended:before {
            background: var(--icon_bg_active-bg)
        }

        #main #content div.wiki + fieldset legend.icon-expended:hover:after {
            color: var(--icon-color-hover-bg)
        }

        #main #content div.wiki + fieldset legend.icon-expended:hover:before {
            background: var(--icon_bg_hover-bg)
        }

    #main #content div.wiki + fieldset > div {
        max-height: 2000px;
        display: block !important;
        overflow: hidden;
        -webkit-transition: max-height var(--time-hover) ease-in-out;
        -o-transition: max-height var(--time-hover) ease-in-out;
        transition: max-height var(--time-hover) ease-in-out;
        z-index: 1
    }

    #main #content div.wiki + fieldset.collapsed:before {
        opacity: 0
    }

    #main #content div.wiki + fieldset.collapsed legend:after {
        color: var(--icon-color-bg);
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }

    #main #content div.wiki + fieldset.collapsed legend:hover:after {
        color: var(--icon-color-hover-bg)
    }

    #main #content div.wiki + fieldset.collapsed > div {
        -webkit-transition: max-height var(--time-hover) ease-in-out;
        -o-transition: max-height var(--time-hover) ease-in-out;
        transition: max-height var(--time-hover) ease-in-out;
        max-height: 0
    }

    #main #content div.wiki + fieldset .box {
        padding: 0;
        overflow: visible
    }

.controller-wiki .attachments + #wiki_add_attachment {
    padding: 0
}

.controller-wiki #wiki_add_attachment {
    padding: 40px 0 0
}

.controller-wiki .wiki-update-info {
    position: absolute;
    bottom: 0;
    left: 0;
    max-width: 50%;
    text-align: left
}

.controller-wiki #wiki_form .jstBlock {
    margin: 0 0 15px
}

.controller-wiki #wiki_form fieldset {
    padding: 42px 0 0 295px;
    margin: 10px 0 0;
    border: 0;
    position: relative
}

    .controller-wiki #wiki_form fieldset legend {
        position: absolute;
        top: 0;
        left: 0;
        font-weight: 700;
        line-height: 30px
    }

.controller-wiki .box + p {
    margin: 0
}

.controller-wiki.action-show .wiki.wiki-page {
    margin: 0
}

.controller-wiki.action-show #main #content .contextual:not(.next-prev-links) {
    right: 30px
}

.controller-wiki.action-show #main #content .wiki-page h1:first-of-type {
    position: relative;
    font-size: 1.4285rem;
    line-height: 1.4;
    padding: 15px 150px 15px 65px;
    width: calc(100% + 60px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 -30px 20px;
    border-bottom: 1px solid var(--border-color);
    background-size: 30px auto;
    background-position: 20px 50%;
    background-repeat: no-repeat;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

    .controller-wiki.action-show #main #content .wiki-page h1:first-of-type br {
        display: none
    }

.controller-wiki.action-show.has-footer #main > #content:after {
    top: 0;
    height: calc(100% - 50px)
}

.controller-wiki.action-date_index #main #content {
    padding: 0 0 56px
}

    .controller-wiki.action-date_index #main #content:after {
        display: none
    }

    .controller-wiki.action-date_index #main #content > h2 {
        width: 100%;
        margin: 0 0 40px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .controller-wiki.action-date_index #main #content h3 {
        font-size: 1.1428rem;
        line-height: 1.4;
        font-weight: 700;
        padding: 2px 0 15px 30px;
        margin: 0 !important;
        cursor: pointer;
        position: relative;
        border: none;
        -webkit-transition: color var(--time-hover) ease-in-out;
        -o-transition: color var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out
    }

        .controller-wiki.action-date_index #main #content h3:after {
            content: '';
            display: block;
            clear: both;
            position: absolute;
            top: 0;
            left: 0;
            width: 14px;
            height: 14px;
            border: 2px solid var(--color-main-color);
            background: var(--bg-box);
            -webkit-transition: border-color var(--time-hover) ease-in-out,background var(--time-hover) ease-in-out,opacity var(--time-hover) ease-in-out;
            -o-transition: border-color var(--time-hover) ease-in-out,background var(--time-hover) ease-in-out,opacity var(--time-hover) ease-in-out;
            transition: border-color var(--time-hover) ease-in-out,background var(--time-hover) ease-in-out,opacity var(--time-hover) ease-in-out;
            border-radius: var(--border-radius-full);
            opacity: .5
        }

        .controller-wiki.action-date_index #main #content h3:before {
            content: '';
            display: block;
            clear: both;
            position: absolute;
            bottom: 0;
            left: 8px;
            width: 2px;
            height: 50%;
            background: var(--color-main-color);
            opacity: .5;
            -webkit-transition: opacity var(--time-hover) ease-in-out;
            -o-transition: opacity var(--time-hover) ease-in-out;
            transition: opacity var(--time-hover) ease-in-out
        }

        .controller-wiki.action-date_index #main #content h3.open-wiki, .controller-wiki.action-date_index #main #content h3:hover {
            color: var(--color-main-color)
        }

            .controller-wiki.action-date_index #main #content h3.open-wiki:after, .controller-wiki.action-date_index #main #content h3:hover:after {
                border-color: var(--color-main-color);
                background: var(--color-main-color);
                opacity: 1
            }

            .controller-wiki.action-date_index #main #content h3.open-wiki:before, .controller-wiki.action-date_index #main #content h3:hover:before {
                opacity: 1
            }

    .controller-wiki.action-date_index #main #content .holder-wiki-date {
        position: relative;
        height: 0;
        overflow: hidden
    }

        .controller-wiki.action-date_index #main #content .holder-wiki-date:before {
            content: '';
            display: block;
            clear: both;
            position: absolute;
            top: 0;
            left: 8px;
            width: 2px;
            height: 100%;
            background: var(--color-main-color)
        }

        .controller-wiki.action-date_index #main #content .holder-wiki-date ul {
            margin: 0 0 20px 30px;
            padding: 20px;
            background: var(--bg-other);
            border-radius: var(--border-radius);
            -moz-border-radius: var(--border-radius);
            -webkit-border-radius: var(--border-radius);
            font-size: 1rem;
            line-height: 1;
            font-weight: 500;
            list-style: none
        }

            .controller-wiki.action-date_index #main #content .holder-wiki-date ul li {
                padding: 0;
                position: relative;
                margin: 15px 0 0
            }

                .controller-wiki.action-date_index #main #content .holder-wiki-date ul li:first-child {
                    margin: 0
                }

            .controller-wiki.action-date_index #main #content .holder-wiki-date ul a {
                -o-text-overflow: ellipsis;
                text-overflow: ellipsis;
                overflow: hidden;
                font-weight: 700;
                display: block;
                text-decoration: none;
                padding: 10px;
                background: var(--bg-other-in);
                border-radius: var(--border-radius-small);
                -webkit-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
                -o-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
                transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out
            }

                .controller-wiki.action-date_index #main #content .holder-wiki-date ul a:hover {
                    background: var(--color-main-color);
                    color: var(--bg-other-in)
                }

    .controller-wiki.action-date_index #main #content #wiki-new {
        position: relative
    }

        .controller-wiki.action-date_index #main #content #wiki-new:after {
            content: '';
            display: block;
            clear: both;
            position: absolute;
            bottom: 0;
            left: 0;
            width: 18px;
            height: 4px;
            background: var(--color-main-color);
            border-radius: var(--border-radius)
        }

.controller-wiki.action-index #main #content {
    padding: 0 0 56px
}

    .controller-wiki.action-index #main #content:after {
        display: none
    }

    .controller-wiki.action-index #main #content > h2 {
        width: 100%;
        margin: 0 0 40px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

.controller-wiki #content > .pages-hierarchy {
    padding: 0;
    margin: 0;
    list-style: none
}

    .controller-wiki #content > .pages-hierarchy > li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0;
        border: none;
        background: var(--bg-other);
        width: 100%;
        margin: 0 0 15px;
        -webkit-box-sizing: inherit;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: var(--border-radius);
        -webkit-box-shadow: var(--big-shadow);
        box-shadow: var(--big-shadow);
        -webkit-transition: box-shadow var(--time-hover) ease-in-out;
        -o-transition: box-shadow var(--time-hover) ease-in-out;
        -webkit-transition: -webkit-box-shadow var(--time-hover) ease-in-out;
        transition: -webkit-box-shadow var(--time-hover) ease-in-out;
        transition: box-shadow var(--time-hover) ease-in-out;
        transition: box-shadow var(--time-hover) ease-in-out,-webkit-box-shadow var(--time-hover) ease-in-out
    }

        .controller-wiki #content > .pages-hierarchy > li:hover {
            -webkit-box-shadow: var(--big-shadow-hover);
            box-shadow: var(--big-shadow-hover)
        }

    .controller-wiki #content > .pages-hierarchy a {
        position: relative;
        font-size: 1rem;
        line-height: 1.143rem;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        width: 100%;
        margin: 0;
        padding: 15px 20px;
        height: auto;
        font-family: sans-serif;
        overflow: hidden;
        font-weight: 600;
        color: var(--text-color-main);
        background-position: 10px 50%;
        background-repeat: no-repeat;
        text-decoration: none;
        -webkit-transition: color var(--time-hover) ease-in-out;
        -o-transition: color var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out
    }

        .controller-wiki #content > .pages-hierarchy a:hover {
            color: var(--color-main-color)
        }

    .controller-wiki #content > .pages-hierarchy .has-drop > a:after {
        content: '';
        display: block;
        clear: both;
        position: absolute;
        top: 50%;
        margin: -10px 0 0;
        right: 0;
        height: 20px;
        width: 1px;
        border-left: 1px solid var(--border-color)
    }

    .controller-wiki #content > .pages-hierarchy .holder-wiki {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        width: 100%;
        height: 0;
        overflow: hidden
    }

    .controller-wiki #content > .pages-hierarchy .open > .link-wiki {
        color: var(--icon_color_active-bg);
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .controller-wiki #content > .pages-hierarchy .link-wiki {
        cursor: pointer !important;
        padding: 0;
        height: var(--icon-width);
        width: var(--icon-width);
        margin: 0 15px;
        overflow: hidden;
        position: relative;
        z-index: 2;
        background-repeat: no-repeat;
        border-radius: var(--icon-border-radius);
        font-size: 0;
        line-height: 0;
        color: var(--icon-color-bg);
        -webkit-transition: transform var(--time-hover) ease-in-out;
        -o-transition: transform var(--time-hover) ease-in-out;
        -webkit-transition: -webkit-transform var(--time-hover) ease-in-out;
        transition: -webkit-transform var(--time-hover) ease-in-out;
        transition: transform var(--time-hover) ease-in-out;
        transition: transform var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
    }

        .controller-wiki #content > .pages-hierarchy .link-wiki:after {
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            clear: both;
            height: 100%;
            width: 100%;
            margin: 0;
            overflow: hidden;
            border-radius: var(--icon-border-radius);
            -webkit-transition: color var(--time-hover) ease-in-out;
            -o-transition: color var(--time-hover) ease-in-out;
            transition: color var(--time-hover) ease-in-out;
            z-index: 1;
            font-family: var(--icon-font);
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-style: normal;
            font-variant: normal;
            font-weight: 400;
            text-decoration: none;
            text-transform: none;
            font-size: var(--icon-font-size);
            line-height: var(--icon-width)
        }

        .controller-wiki #content > .pages-hierarchy .link-wiki:before {
            content: '';
            display: block;
            clear: both;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: var(--icon_bg-bg);
            -webkit-transform: scale(0);
            -ms-transform: scale(0);
            transform: scale(0);
            z-index: -1;
            border-radius: var(--icon-border-radius);
            -webkit-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            -o-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            -webkit-transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
            transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
            transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
        }

        .controller-wiki #content > .pages-hierarchy .link-wiki:hover:before {
            background: var(--icon_bg_hover-bg);
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1)
        }

        .controller-wiki #content > .pages-hierarchy .link-wiki:hover:after {
            color: var(--icon-color-hover-bg)
        }

        .controller-wiki #content > .pages-hierarchy .link-wiki.selected:before {
            background: var(--icon_bg_active-bg);
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1)
        }

        .controller-wiki #content > .pages-hierarchy .link-wiki.selected:after {
            color: var(--icon_color_active-bg)
        }

    .controller-wiki #content > .pages-hierarchy .pages-hierarchy {
        overflow: hidden;
        border: none;
        position: relative;
        margin: 0 0 0 20px;
        padding: 0;
        width: calc(100% - 20px);
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        .controller-wiki #content > .pages-hierarchy .pages-hierarchy:after {
            content: '';
            display: block;
            clear: both;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 1px;
            background: var(--border-color-content)
        }

        .controller-wiki #content > .pages-hierarchy .pages-hierarchy li {
            margin: 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            border-top: 1px solid var(--border-color-content)
        }

            .controller-wiki #content > .pages-hierarchy .pages-hierarchy li.first-child {
                border: none
            }

.controller-wiki .contextual .drdn-content {
    top: 100%
}

.controller-wiki.action-history .wiki-page-versions {
    margin: 0 0 20px
}

.controller-wiki.action-history #main #content span.pagination {
    bottom: -54px
}

.controller-wiki.action-history #main #content input[type=submit] {
    margin: 0 0 20px
}

.controller-wiki.action-history a.icon, .controller-wiki.action-history a.icon-only {
    vertical-align: middle
}

#content div.wiki-page .contextual a {
    opacity: 1
}

#header .holder-search-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 0 10px
}

#header .redmineevolution-open-search-link, #header .redmineevolution-search-link {
    cursor: pointer !important;
    padding: 0;
    float: right;
    height: var(--icon-width);
    width: var(--icon-width);
    margin: 0;
    overflow: hidden;
    position: relative;
    left: 0;
    top: 0;
    z-index: 2;
    border-radius: var(--icon-border-radius);
    font-size: 0;
    line-height: 0;
    color: var(--icon-color-bg);
    -webkit-transition: color var(--time-hover) ease-in-out;
    -o-transition: color var(--time-hover) ease-in-out;
    transition: color var(--time-hover) ease-in-out
}

    #header .redmineevolution-open-search-link:after, #header .redmineevolution-search-link:after {
        content: "\E097";
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        clear: both;
        height: var(--icon-width);
        width: var(--icon-width);
        margin: 0;
        overflow: hidden;
        border-radius: var(--icon-border-radius);
        z-index: 1;
        font-family: var(--icon-font);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        text-decoration: none;
        text-transform: none;
        font-size: var(--icon-font-size);
        line-height: var(--icon-width);
        line-height: 1
    }

    #header .redmineevolution-open-search-link:before, #header .redmineevolution-search-link:before {
        content: '';
        display: block;
        clear: both;
        position: absolute;
        top: 0;
        left: 0;
        height: var(--icon-width);
        width: var(--icon-width);
        background: var(--icon_bg-bg);
        z-index: -1;
        border-radius: var(--icon-border-radius);
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        --webkit-transition: transform var(--time-hover) ease-in-out,background var(--time-hover) ease-in-out;
        -o-transition: transform var(--time-hover) ease-in-out,background var(--time-hover) ease-in-out;
        -webkit-transition: background var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
        transition: background var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
        transition: transform var(--time-hover) ease-in-out,background var(--time-hover) ease-in-out;
        transition: transform var(--time-hover) ease-in-out,background var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
    }

    #header .redmineevolution-open-search-link:hover, #header .redmineevolution-search-link:hover {
        color: var(--icon-color-hover-bg)
    }

        #header .redmineevolution-open-search-link:hover:before, #header .redmineevolution-search-link:hover:before {
            background: var(--icon_bg_hover-bg);
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1)
        }

    #header .redmineevolution-open-search-link:after {
        content: "\E04E"
    }

#header .redmineevolution-search-link {
    position: absolute;
    top: -999999px;
    left: -999999px
}

.small-search.redmineevolution-start-search {
    overflow: hidden;
    height: 100%
}

    .small-search.redmineevolution-start-search .open-sidebar-link {
        opacity: 0
    }

    .small-search.redmineevolution-start-search #header .redmineevolution-modal-search .redmineevolution-open-box {
        left: 0;
        top: 0
    }

.small-search #header .redmineevolution-search-link {
    position: relative;
    top: 0;
    left: 0
}

.small-search #header .redmineevolution-open-search-link:after {
    content: "\E022"
}

.small-search #header #quick-search .redmineevolution-modal-search label {
    color: var(--color-dark)
}

    .small-search #header #quick-search .redmineevolution-modal-search label a {
        color: var(--color-dark)
    }

.small-search #header #quick-search .redmineevolution-modal-search .drdn-items.projects {
    max-height: calc(100vh - 200px)
}

.small-search #header #quick-search .holder-search-link {
    float: right;
    margin: 0 0 0 10px
}

.small-search #header .redmineevolution-modal-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .small-search #header .redmineevolution-modal-search .redmineevolution-open-box {
        width: 100%;
        overflow: hidden;
        height: 100%;
        position: fixed;
        top: -99999px;
        left: -99999px;
        z-index: 1000;
        opacity: 1
    }

        .small-search #header .redmineevolution-modal-search .redmineevolution-open-box:after {
            content: '';
            display: block;
            clear: both;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: var(--popup-overlay);
            z-index: 1
        }

    .small-search #header .redmineevolution-modal-search .redmineevolution-wrapper {
        width: 100%;
        background: var(--bg-box);
        -webkit-box-shadow: var(--main-box-shadow);
        box-shadow: var(--main-box-shadow);
        margin: 0 auto;
        position: relative;
        z-index: 3;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .small-search #header .redmineevolution-modal-search .redmineevolution-close {
        cursor: pointer;
        position: relative;
        outline: 0 none;
        padding: 0;
        display: inline-block;
        height: var(--icon-width);
        width: var(--icon-width);
        margin: 0 0 0 20px;
        overflow: hidden;
        z-index: 2;
        border-radius: var(--icon-border-radius);
        font-size: 0;
        line-height: 0;
        color: var(--popup-close-color);
        -webkit-transition: color var(--time-hover) ease-in-out;
        -o-transition: color var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out
    }

        .small-search #header .redmineevolution-modal-search .redmineevolution-close:after {
            position: absolute;
            top: 0;
            left: 0;
            content: "\E020";
            display: block;
            clear: both;
            height: 100%;
            width: 100%;
            margin: 0;
            overflow: hidden;
            border-radius: var(--icon-border-radius);
            z-index: 1;
            font-family: var(--icon-font);
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-style: normal;
            font-variant: normal;
            font-weight: 400;
            text-decoration: none;
            text-transform: none;
            font-size: var(--icon-font-size);
            line-height: var(--icon-width)
        }

        .small-search #header .redmineevolution-modal-search .redmineevolution-close:before {
            content: '';
            display: block;
            clear: both;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: var(--popup-close-bg);
            -webkit-transform: scale(0);
            -ms-transform: scale(0);
            transform: scale(0);
            z-index: -1;
            border-radius: var(--icon-border-radius);
            -webkit-transition: transform var(--time-hover) ease-in-out;
            -o-transition: transform var(--time-hover) ease-in-out;
            -webkit-transition: -webkit-transform var(--time-hover) ease-in-out;
            transition: -webkit-transform var(--time-hover) ease-in-out;
            transition: transform var(--time-hover) ease-in-out;
            transition: transform var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
        }

        .small-search #header .redmineevolution-modal-search .redmineevolution-close:hover {
            color: var(--popup-close-color-hover)
        }

            .small-search #header .redmineevolution-modal-search .redmineevolution-close:hover:before {
                background: var(--popup-close-bg-hover);
                -webkit-transform: scale(1);
                -ms-transform: scale(1);
                transform: scale(1)
            }

    .small-search #header .redmineevolution-modal-search .redmineevolution-content {
        background: var(--bg-box);
        padding: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .small-search #header .redmineevolution-modal-search .redmineevolution-content .select2 {
            margin: 0 0 0 10px
        }

#content #search-form .box p {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    #content #search-form .box p .jcf-select {
        margin: 0 10px !important
    }

    #content #search-form .box p > label {
        margin-left: 0 !important;
        width: auto !important;
        font-weight: 400 !important
    }

        #content #search-form .box p > label a {
            white-space: nowrap
        }

#content #search-form .box .box {
    margin-bottom: 20px
}

#content #search-form .box .collapsible {
    padding: 60px 0 0
}

    #content #search-form .box .collapsible > legend {
        position: absolute;
        width: 100%;
        padding: 0 20px 0 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 40px;
        top: 0;
        left: 0;
        background: var(--bg-fff);
        color: var(--text-color-main);
        font-weight: 600;
        font-size: 1rem;
        line-height: 40px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        cursor: pointer;
        border-radius: var(--border-radius)
    }

        #content #search-form .box .collapsible > legend:after {
            position: absolute;
            top: 5px;
            left: 10px;
            display: block;
            clear: both;
            height: var(--icon-width);
            width: var(--icon-width);
            margin: 0;
            overflow: hidden;
            border-radius: var(--icon-border-radius);
            -webkit-transition: color var(--time-hover) ease-in-out,transform var(--time-hover) ease-in-out;
            -o-transition: color var(--time-hover) ease-in-out,transform var(--time-hover) ease-in-out;
            -webkit-transition: color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
            transition: color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
            transition: color var(--time-hover) ease-in-out,transform var(--time-hover) ease-in-out;
            transition: color var(--time-hover) ease-in-out,transform var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
            z-index: 1;
            background-size: var(--icon-width) var(--icon-width);
            background-repeat: no-repeat;
            background-position: 50% 50%;
            opacity: 1;
            font-family: var(--icon-font);
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-style: normal;
            font-variant: normal;
            font-weight: 400;
            text-decoration: none;
            text-transform: none;
            font-size: var(--icon-font-size);
            line-height: var(--icon-width);
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg)
        }

        #content #search-form .box .collapsible > legend:before {
            content: '';
            display: block;
            clear: both;
            position: absolute;
            top: 5px;
            left: 10px;
            height: var(--icon-width);
            width: var(--icon-width);
            background: var(--icon_bg);
            -webkit-transform: scale(0);
            -ms-transform: scale(0);
            transform: scale(0);
            z-index: 0;
            border-radius: var(--icon-border-radius);
            -webkit-transition: transform var(--time-hover) ease-in-out;
            -o-transition: transform var(--time-hover) ease-in-out;
            -webkit-transition: -webkit-transform var(--time-hover) ease-in-out;
            transition: -webkit-transform var(--time-hover) ease-in-out;
            transition: transform var(--time-hover) ease-in-out;
            transition: transform var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
        }

        #content #search-form .box .collapsible > legend:hover:before {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1)
        }

    #content #search-form .box .collapsible.collapsed > legend:after {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }

#main #search-results {
    padding: 0;
    margin: 0 0 30px;
    overflow: hidden;
    width: 100%
}

    #main #search-results .highlight {
        padding: 0 5px
    }

    #main #search-results dt {
        padding: 15px 20px 0;
        display: block;
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background: var(--bg-box);
        border-radius: var(--border-radius) var(--border-radius) 0 0
    }

    #main #search-results dd {
        display: block;
        width: 100%;
        padding: 0 20px 15px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background: var(--bg-box);
        border-radius: 0 0 var(--border-radius) var(--border-radius);
        margin: 0 0 15px
    }

#main div#search-results-counts li:first-child {
    margin: 0
}

#main #search-results-counts {
    margin: 0 0 20px
}

    #main #search-results-counts ul {
        padding: 0;
        margin: 0;
        list-style: none;
        display: block;
        width: 100%;
        overflow: hidden
    }

#main #search-form #all_words {
    margin-left: 10px
}

div#roadmap .related-issues td.assigned_to img {
    display: block;
    padding: 0;
    margin-left: 5px;
    margin-right: 5px
}

div#roadmap > form {
    float: left;
    width: 72%
}

div#roadmap .related-issues {
    width: 100% !important
}

div#roadmap div#version-summary {
    margin-left: 20px;
    width: calc(28% - 20px);
    margin-top: 37px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    div#roadmap div#version-summary .related-issues {
        margin-bottom: 20px
    }

#main > #content div#roadmap h2 {
    position: relative;
    font-size: 1.4285rem;
    line-height: 1.4;
    padding: 15px 45px;
    width: calc(100% + 60px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 -30px 70px;
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
    background-size: 30px auto;
    background-position: 0 50%;
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#main .badge {
    display: inline-block;
    margin-bottom: 10px;
    padding: 2px 5px;
    border-radius: var(--border-radius)
}

#main table .badge.badge-count {
    margin-bottom: 0
}

#main .badge-private {
    background: var(--red_border_error);
    color: var(--red_error_text)
}

#main .badge-count {
    color: var(--color-fff);
    background: var(--color-orange)
}

#main .badge-status-open {
    color: var(--color-fff);
    background: var(--color-main-color);
    border: 0;
    border-radius: 0
}

#main .badge-status-locked {
    color: var(--color-fff);
    background: var(--color-dark);
    border: 0
}

#main .badge-status-closed {
    color: var(--bg-fff);
    background: var(--color-green);
    border: 0
}

.version-article {
    padding: 30px;
    background: var(--bg-fff);
    margin: 0 0 30px;
    border-radius: var(--border-radius);
    -webkit-box-shadow: var(--big-shadow);
    box-shadow: var(--big-shadow);
    -webkit-transition: box-shadow var(--time-hover) ease-in-out;
    -o-transition: box-shadow var(--time-hover) ease-in-out;
    -webkit-transition: -webkit-box-shadow var(--time-hover) ease-in-out;
    transition: -webkit-box-shadow var(--time-hover) ease-in-out;
    transition: box-shadow var(--time-hover) ease-in-out;
    transition: box-shadow var(--time-hover) ease-in-out,-webkit-box-shadow var(--time-hover) ease-in-out
}

    .version-article:hover {
        -webkit-box-shadow: var(--big-shadow-hover);
        box-shadow: var(--big-shadow-hover)
    }

    .version-article .version-overview p {
        margin: 0 0 10px
    }

        .version-article .version-overview p:last-child {
            margin: 0
        }

.controller-versions.loggedas.action-index #main > #content h3 {
    width: calc(100% - 60px)
}

.controller-versions.action-index #main > #content {
    padding: 0
}

    .controller-versions.action-index #main > #content:after {
        display: none
    }

    .controller-versions.action-index #main > #content h2 {
        width: 100%;
        margin: 0 0 30px
    }

    .controller-versions.action-index #main > #content .contextual {
        margin-right: 0
    }

    .controller-versions.action-index #main > #content .version-article .contextual {
        margin: 5px 0 0 0
    }

        .controller-versions.action-index #main > #content .version-article .contextual a {
            width: 30px;
            height: 30px
        }

            .controller-versions.action-index #main > #content .version-article .contextual a:after {
                font-size: 30px;
                line-height: 30px
            }

    .controller-versions.action-index #main > #content h3 {
        width: 100%;
        margin: 0 0 10px;
        padding: 0;
        display: block;
        background: var(--bg-box);
        color: var(--text-color-main);
        border-radius: var(--border-radius);
        font-size: 1rem;
        line-height: 1rem
    }

        .controller-versions.action-index #main > #content h3:after {
            width: var(--icon-width);
            height: var(--icon-width);
            color: var(--icon-color-bg);
            font-size: var(--icon-font-size);
            line-height: 1;
            left: 10px;
            top: 50%;
            margin: -15px 0 0;
            -webkit-transition: color var(--time-hover) ease-in-out;
            -o-transition: color var(--time-hover) ease-in-out;
            transition: color var(--time-hover) ease-in-out
        }

        .controller-versions.action-index #main > #content h3:before {
            content: '';
            display: block;
            clear: both;
            position: absolute;
            top: 50%;
            left: 10px;
            width: var(--icon-width);
            height: var(--icon-width);
            margin: -15px 0 0;
            background: var(--icon_bg-bg);
            -webkit-transform: scale(0);
            -ms-transform: scale(0);
            transform: scale(0);
            z-index: 0;
            border-radius: var(--icon-border-radius);
            -webkit-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            -o-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            -webkit-transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
            transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
            transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
        }

        .controller-versions.action-index #main > #content h3 a {
            float: none;
            color: var(--text-color-main);
            display: block;
            padding: 13px 30px 13px 50px;
            text-decoration: none;
            -webkit-transition: color var(--time-hover) ease-in-out;
            -o-transition: color var(--time-hover) ease-in-out;
            transition: color var(--time-hover) ease-in-out
        }

        .controller-versions.action-index #main > #content h3:hover:after {
            color: var(--icon-color-hover-bg)
        }

        .controller-versions.action-index #main > #content h3:hover:before {
            background: var(--icon_bg_hover-bg);
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1)
        }

        .controller-versions.action-index #main > #content h3:hover a {
            color: var(--color-main-color)
        }

.controller-versions .version-overview .progress {
    border-radius: var(--border-radius);
    position: relative
}

    .controller-versions .version-overview .progress:after {
        content: '';
        display: block;
        clear: both;
        position: absolute;
        top: 0;
        left: 0;
        width: 10px;
        height: 100%;
        background: url(../images/round.png) 0 0 no-repeat
    }

    .controller-versions .version-overview .progress:before {
        content: '';
        display: block;
        clear: both;
        position: absolute;
        top: 0;
        right: 0;
        width: 10px;
        height: 100%;
        background: url(../images/round.png) 0 0 no-repeat;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .controller-versions .version-overview .progress td {
        border-radius: 0 !important
    }

.controller-versions .progress-info {
    font-size: .85714286rem;
    line-height: 1.4;
    color: var(--color-dark-grey);
    font-weight: 500;
    margin: 10px 0
}

.controller-versions .list {
    margin: 0 !important
}

    .controller-versions .list caption {
        margin: 0 0 10px;
        font-weight: 700
    }

    .controller-versions .list tr:first-child td {
        border-top: 0
    }

    .controller-versions .list.related-issues tbody tr:first-child .assigned_to {
        border-radius: var(--border-radius) 0 0 0
    }

    .controller-versions .list.related-issues tbody tr:first-child .buttons {
        border-radius: 0 var(--border-radius) 0 0
    }

.controller-versions a.issue {
    margin: 0 5px 0 0;
    color: var(--text-color-main)
}

.controller-versions .priority-1:before {
    background: var(--priority-1)
}

.controller-versions .priority-2:before {
    background: var(--priority-2)
}

.controller-versions .priority-3:before {
    background: var(--priority-3)
}

.controller-versions .priority-4:before {
    background: var(--priority-4)
}

.controller-versions .priority-5:before {
    background: var(--priority-5)
}

.controller-versions.action-show div#roadmap {
    position: relative
}

    .controller-versions.action-show div#roadmap + fieldset {
        border: 0;
        margin: 20px 0 0;
        padding: 50px 0 0;
        position: relative;
        display: block
    }

        .controller-versions.action-show div#roadmap + fieldset legend {
            font-weight: 700;
            position: relative;
            top: 50px;
            left: 0;
            line-height: 30px;
            display: block;
            width: 100%;
            padding: 0
        }

            .controller-versions.action-show div#roadmap + fieldset legend:after {
                content: '';
                display: block;
                clear: both;
                position: absolute;
                top: -50px;
                left: -30px;
                width: calc(100% + 60px);
                background: var(--bg-box);
                height: 30px;
                border-top: 1px solid var(--border-color);
                border-bottom: 1px solid var(--border-color)
            }

            .controller-versions.action-show div#roadmap + fieldset legend .jcf-select {
                margin: 10px 0;
                font-weight: 400
            }

            .controller-versions.action-show div#roadmap + fieldset legend .select2 {
                margin: 0 10px
            }

            .controller-versions.action-show div#roadmap + fieldset legend #chart-unit-row {
                margin: 0 !important
            }

#version-summary fieldset {
    position: relative;
    padding: 60px 20px 20px;
    background: var(--bg-box);
    border-radius: var(--border-radius);
    border: 0
}

    #version-summary fieldset legend {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-weight: 600;
        color: var(--color-main-color);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 20px
    }

        #version-summary fieldset legend .jcf-select {
            margin: 0 0 0 10px;
            font-weight: 400;
            -webkit-box-flex: 1;
            -ms-flex: 1 0 auto;
            flex: 1 0 auto;
            width: auto
        }

        #version-summary fieldset legend .select2 {
            margin: 0 0 0 10px;
            font-weight: 400;
            width: auto
        }

#version-summary table.progress {
    background: var(--bg-fff)
}

    #version-summary table.progress td.todo {
        background: var(--bg-fff)
    }

.controller-issues.action-index table.list tbody tr:last-child td:last-child, .controller-issues.action-index table.list > tr:last-child td:last-child {
    border-radius: 0
}

.controller-issues.action-index table.list td.subject, .controller-issues.action-index table.list th.subject {
    min-width: 20%
}

.small-list-view #main .contextual:not(.next-prev-links) a.redmineevolution-small-view:not(#show_note_form_extras):after {
    content: "\E079"
}

#main .contextual:not(.next-prev-links) a.redmineevolution-small-view:not(#show_note_form_extras) {
    opacity: 1 !important;
    border: none;
    background: 0 0;
    padding: 0;
    display: inline-block;
    height: var(--icon-smaller-width);
    width: var(--icon-smaller-width);
    margin: 0;
    overflow: hidden;
    position: relative;
    z-index: 2;
    border-radius: var(--icon-border-radius);
    color: var(--icon-color-bg);
    vertical-align: middle;
    font-size: var(--icon-smaller-font-size);
    line-height: var(--icon-smaller-width);
    -webkit-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
    -o-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
    transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
    cursor: pointer
}

    #main .contextual:not(.next-prev-links) a.redmineevolution-small-view:not(#show_note_form_extras):after {
        content: "\E0AC";
        text-align: center;
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        clear: both;
        height: 100%;
        width: 100%;
        margin: 0;
        overflow: hidden;
        border-radius: var(--icon-border-radius);
        z-index: 1;
        font-family: var(--icon-font);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        text-decoration: none;
        text-transform: none;
        font-size: var(--icon-smaller-width);
        line-height: var(--icon-smaller-width);
        -webkit-transition: color var(--time-hover) ease-in-out;
        -o-transition: color var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out
    }

    #main .contextual:not(.next-prev-links) a.redmineevolution-small-view:not(#show_note_form_extras):before {
        content: '';
        display: block;
        clear: both;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: var(--icon_bg-bg);
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        z-index: -1;
        border-radius: var(--icon-border-radius);
        -webkit-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        -o-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        -webkit-transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
        transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
        transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
    }

    #main .contextual:not(.next-prev-links) a.redmineevolution-small-view:not(#show_note_form_extras):hover {
        color: var(--color-main-color);
        background-image: none !important
    }

        #main .contextual:not(.next-prev-links) a.redmineevolution-small-view:not(#show_note_form_extras):hover:before {
            background: var(--icon_bg_hover-bg);
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1)
        }

.small-list-view table.list td, .small-list-view table.list th {
    font-size: .85714286rem;
    line-height: 1rem;
    padding: 2px 8px
}

.small-list-view table.list th {
    padding: 5px 8px
}

.small-list-view table.list td.subject a {
    padding: 5px 8px
}

.small-list-view table.list.JColResizer td, .small-list-view table.list.JColResizer th {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.small-list-view #main a.icon-only {
    width: 18px;
    height: 18px;
    min-height: 18px;
    min-width: 18px;
    padding: 0;
    margin: 0
}

    .small-list-view #main a.icon-only:after {
        font-size: 18px;
        line-height: 18px
    }

.small-list-view #main .list th a.icon:not(.add-checklist-item):after {
    height: 12px;
    width: 12px;
    font-size: 12px;
    line-height: 12px;
    margin: -6px 0 0
}

.rc-handle-container {
    position: relative
}

.rc-handle {
    position: absolute;
    width: 7px;
    cursor: ew-resize;
    margin-left: -3px;
    z-index: 2
}

table.rc-table-resizing {
    cursor: ew-resize
}

    table.rc-table-resizing thead, table.rc-table-resizing thead > th, table.rc-table-resizing thead > th > a {
        cursor: ew-resize
    }

.controller-email_logs.action-index #main .action-index span.icon-email-log:before {
    display: none
}

.controller-email_logs.action-index .autoscroll {
    margin: 0 0 30px
}

.controller-email_logs.action-index #main #content fieldset.filter-box .open-box .admin-filter label[for=to] {
    margin-left: 10px
}

.controller-email_logs.action-index #main #content fieldset.filter-box .open-box .admin-filter label[for="q"] {
    margin-left: 10px
}

.controller-issuecloser.action-index .autoscroll {
    margin: 0 0 30px
}

#impersonation-bar {
    margin: 41px 0 0 !important
}

    #impersonation-bar a[data-method=delete] {
        width: auto;
        height: auto
    }

        #impersonation-bar a[data-method=delete]:after {
            content: "\E021";
            color: var(--popup-close-color)
        }

        #impersonation-bar a[data-method=delete]:before {
            background: var(--popup-close-bg)
        }

        #impersonation-bar a[data-method=delete]:hover:after {
            color: var(--popup-close-color-hover)
        }

        #impersonation-bar a[data-method=delete]:hover:before {
            background: var(--popup-close-bg-hover)
        }

@media screen and (min-width:1000px) {
    .big-menu #content form .box p, .open-sidebar #content form .box p {
        padding: 0 0 0 200px
    }

        .big-menu #content form .box p > label:first-child, .open-sidebar #content form .box p > label:first-child {
            width: 200px;
            margin: 0 0 0 -200px !important
        }
}

@media screen and (max-width:1500px) {
    #main table.cal div.issue {
        padding: 30px 10px 10px 10px !important
    }

        #main table.cal div.issue:after {
            top: 15px;
            width: var(--icon-width-small) !important;
            height: var(--icon-width-small) !important;
            font-size: var(--icon-font-size-small);
            line-height: 1
        }

        #main table.cal div.issue .tip {
            padding: 10px;
            width: 270px !important
        }

            #main table.cal div.issue .tip .issue {
                padding: 0 !important
            }

            #main table.cal div.issue .tip > * {
                -o-text-overflow: ellipsis;
                text-overflow: ellipsis
            }
}

@media screen and (max-width:1450px) {
    #main > #content .splitcontent {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    #main > #content #list-left, #main > #content #list-right, #main > #content .splitcontentleft, #main > #content .splitcontentright {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        padding: 0
    }

    #main > #content .splitcontentright {
        margin-top: 20px
    }

    #main > #content #user_form .splitcontentright {
        margin-top: 0
    }
}

@media screen and (max-width:1350px) {
    #query_form .holder-filters .admin-filter > div {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    fieldset#filters {
        float: none;
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        fieldset#filters table {
            width: 100%;
            display: block
        }

            fieldset#filters table td.operator {
                width: auto
            }

        fieldset#filters .add-filter {
            width: 100% !important;
            float: none !important;
            padding-left: 0 !important
        }

            fieldset#filters .add-filter label {
                width: 295px;
                padding: 0 10px 0 0;
                margin: 0 !important;
                text-align: left;
                -webkit-box-sizing: border-box;
                box-sizing: border-box
            }
}

@media screen and (max-width:1300px) {
    div#roadmap > form {
        width: 100%
    }

    div#roadmap div#version-summary {
        width: 100%;
        margin: 0;
        float: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

        div#roadmap div#version-summary #status_by, div#roadmap div#version-summary .time-tracking {
            width: calc(50% - 10px);
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }
}

@media screen and (max-width:1250px) {
    #content form input[type=date], #content form input[type=email], #content form input[type=number], #content form input[type=password], #content form input[type=text], #content form textarea {
        min-width: 70px
    }

    #main > #content .attributes .splitcontentleft, #main > #content .attributes .splitcontentright {
        padding: 0;
        margin: 0;
        width: 100% !important
    }

    #main > #content .jstBlock {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        width: 100%
    }

        #main > #content .jstBlock .tabs {
            height: auto;
            margin: 0;
            padding: 0
        }

            #main > #content .jstBlock .tabs ul {
                overflow: hidden;
                position: static;
                width: 100%;
                margin: 0;
                padding: 0;
                background: var(--bg-fff);
                min-width: 280px;
                border-radius: var(--border-radius-small)
            }

                #main > #content .jstBlock .tabs ul li {
                    height: auto;
                    white-space: inherit
                }

        #main > #content .jstBlock .jstElements {
            padding: 0;
            height: auto
        }
}

@media screen and (max-width:1100px) {
    #query_form .holder-filters .admin-filter > div {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    #query_form .holder-filters .admin-filter #filters-table {
        width: 100%
    }

    #query_form .holder-filters .admin-filter .add-filter {
        width: 100%;
        border-top: 1px solid var(--border-color);
        padding-top: 10px
    }
}

@media screen and (max-width:1024px) {
    #main #content .box .list a.icon-only:hover:after, #main #content .box .list a.icon:hover:after, #main #content .box .list span.icon-only:hover:after, #main #content .box .list span.icon:hover:after, #main #content .list a.icon-only:hover:after, #main #content .list a.icon:hover:after, #main #content .list span.icon-only:hover:after, #main #content .list span.icon:hover:after, #main #content .mypage-box .list a.icon-only:hover:after, #main #content .mypage-box .list a.icon:hover:after, #main #content .mypage-box .list span.icon-only:hover:after, #main #content .mypage-box .list span.icon:hover:after, #main #content .table-list a.icon-only:hover:after, #main #content .table-list a.icon:hover:after, #main #content .table-list span.icon-only:hover:after, #main #content .table-list span.icon:hover:after, #main #content .tabular .list a.icon-only:hover:after, #main #content .tabular .list a.icon:hover:after, #main #content .tabular .list span.icon-only:hover:after, #main #content .tabular .list span.icon:hover:after {
        color: var(--icon-color-list)
    }

        #main #content .box .list a.icon-only:hover:after:after, #main #content .box .list a.icon:hover:after:after, #main #content .box .list span.icon-only:hover:after:after, #main #content .box .list span.icon:hover:after:after, #main #content .list a.icon-only:hover:after:after, #main #content .list a.icon:hover:after:after, #main #content .list span.icon-only:hover:after:after, #main #content .list span.icon:hover:after:after, #main #content .mypage-box .list a.icon-only:hover:after:after, #main #content .mypage-box .list a.icon:hover:after:after, #main #content .mypage-box .list span.icon-only:hover:after:after, #main #content .mypage-box .list span.icon:hover:after:after, #main #content .table-list a.icon-only:hover:after:after, #main #content .table-list a.icon:hover:after:after, #main #content .table-list span.icon-only:hover:after:after, #main #content .table-list span.icon:hover:after:after, #main #content .tabular .list a.icon-only:hover:after:after, #main #content .tabular .list a.icon:hover:after:after, #main #content .tabular .list span.icon-only:hover:after:after, #main #content .tabular .list span.icon:hover:after:after {
            color: var(--icon-color-list)
        }

    #main #content fieldset.filter-box fieldset {
        padding: 20px 0 0
    }

    #content form input[type=submit] ~ .icon.icon-reload, #content form p input[type=submit] ~ .icon.icon-reload {
        padding: 8px 30px;
        font-size: 1rem;
        line-height: 1rem;
        -webkit-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        -o-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        border-radius: var(--button-border-radius);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background: var(--button-bg-bg) !important;
        border: 0 !important;
        color: var(--button-color-bg) !important;
        display: inline-block;
        vertical-align: top;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-weight: var(--button-font-weight);
        margin: 5px 0 5px 10px !important;
        width: auto;
        height: auto;
        outline: 0 none
    }

        #content form input[type=submit] ~ .icon.icon-reload:after, #content form input[type=submit] ~ .icon.icon-reload:before, #content form p input[type=submit] ~ .icon.icon-reload:after, #content form p input[type=submit] ~ .icon.icon-reload:before {
            display: none
        }

        #content form input[type=submit] ~ .icon.icon-reload:hover, #content form p input[type=submit] ~ .icon.icon-reload:hover {
            color: var(--button-color-hover-bg) !important;
            background: var(--button-bg-hover-bg) !important
        }

    body #main > #content .breadcrumb ~ .contextual {
        top: 49px
    }

    body .tooltip {
        display: none !important
    }

    #wrapper tr.group a.toggle-all {
        visibility: visible
    }

    fieldset#filters table {
        width: 100%
    }

        fieldset#filters table td {
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

            fieldset#filters table td.field {
                width: 295px
            }

    body #sort .jcf-select {
        margin: 5px 0 !important
    }

        body #sort .jcf-select ~ .jcf-select {
            margin: 5px 0 !important
        }

    #main {
        padding: 50px 0 0 !important;
        margin-right: 0 !important
    }

    #wrapper #wrapper2 {
        min-height: 100vh;
        background: var(--bg-mobile)
    }

    #main .list th .sort:after {
        color: var(--color-main-color) !important;
        background: 0 0 !important
    }

    .controller-users.action-show #main > #content .contextual {
        right: 10px
    }

    .controller-users.action-show #main > #content h2 {
        padding: 15px 75px 15px 10px
    }

    #main #checklist_form_items .new span.icon:before, #main #company_profile_edit a:before, #main #content #comments .contextual a[href*=order_comments]:before, #main #deal_contact_id_add_link:before, #main #expense_contact_id_add_link:before, #main #invoice_contact_id_add_link:before, #main #operation_contact_id_add_link:before, #main #order_contact_id_add_link:before, #main #sidebar .contextual a:before, #main .avatar.extended .delete:before, #main .contextual a[href="/activity"]:before, #main .contextual a[href="/issues"]:before, #main .contextual a[href="/time_entries"]:before, #main .contextual:not(.next-prev-links) a:before, #main .fa-pencil:before, #main .hold-control .controls .btn:before, #main .icon-not-ok:before, #main .query-columns .buttons span:before, #main .repeat-value:before, #main .sort-handle:before, #main .toggle-multiselect:before, #main a.atom:before, #main a.csv:before, #main a.current-from-address:before, #main a.html:before, #main a.icon-close:before, #main a.icon-only:before, #main a.icon-settings:before, #main a.icon:before, #main a.open-filter:before, #main a.pdf:before, #main a.png:before, #main a.project:before, #main a.txt:before, #main a.vcf:before, #main a.xls:before, #main a[href*="dmsf/webdav"]:before, #main a[href*="questions_sections/new"]:before, #main div.issue.order.details #invoices .icon-invoice + a[href*=invoices]:before, #main span.icon-only:before {
        display: none !important
    }

    a.wiki-anchor {
        opacity: 1 !important
    }

        a.wiki-anchor:before {
            display: none
        }

    div.flash.notice {
        top: 51px
    }

    body #sidebar .jcf-select ~ .icon, body #sidebar .jcf-select ~ .icon-only, body #sidebar .select2 ~ .icon, body #sidebar .select2 ~ .icon-only, body #sidebar input[type=text] ~ .icon, body #sidebar input[type=text] ~ .icon-only, body #sidebar textarea ~ .icon body #sidebar textarea ~ .icon-only, body .jcf-select ~ .icon, body .jcf-select ~ .icon-only, body .select2 ~ .icon, body .select2 ~ .icon-only, body input[type=text] ~ .icon, body input[type=text] ~ .icon-only, body textarea .icon-only, body textarea ~ .icon {
        margin-left: 10px !important;
        margin-top: 0 !important
    }

    #wrapper form > #errorExplanation {
        top: 51px
    }

    #footer {
        background: var(--bg-box);
        color: var(--text-color-main)
    }

    .jstElements.zen, body .jstEditor.zen {
        margin: 0
    }

    #main p.other-formats {
        padding: 0 10px 20px 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    #main .table-list, #main table.list {
        width: auto;
        min-width: 100%
    }

    #main .other-formats a.atom, #main .other-formats a.csv, #main .other-formats a.pdf {
        color: var(--icon-color-bg)
    }

        #main .other-formats a.atom:after, #main .other-formats a.csv:after, #main .other-formats a.pdf:after {
            color: var(--icon-color-bg)
        }

        #main .other-formats a.atom:before, #main .other-formats a.csv:before, #main .other-formats a.pdf:before {
            display: none
        }

        #main .other-formats a.atom:hover, #main .other-formats a.csv:hover, #main .other-formats a.pdf:hover {
            color: var(--icon-color-hover-bg)
        }

            #main .other-formats a.atom:hover:after, #main .other-formats a.csv:hover:after, #main .other-formats a.pdf:hover:after {
                color: var(--icon_bg_hover-bg)
            }

    #main .toggle-multiselect {
        display: none
    }

    #main .breadcrumb {
        position: static;
        margin: 10px 0
    }

    #main tr .icon-only:before, #main tr .icon:before {
        display: none
    }

    #main #checklist_form_items .new span.icon, #main #company_profile_edit a, #main #content #comments .contextual a[href*=order_comments], #main #deal_contact_id_add_link, #main #expense_contact_id_add_link, #main #invoice_contact_id_add_link, #main #operation_contact_id_add_link, #main #order_contact_id_add_link, #main #sidebar .contextual a, #main .avatar.extended .delete, #main .contextual a[href="/activity"], #main .contextual a[href="/issues"], #main .contextual a[href="/time_entries"], #main .contextual:not(.next-prev-links) a, #main .fa-pencil, #main .hold-control .controls .btn, #main .icon-not-ok, #main .query-columns .buttons span, #main .repeat-value, #main .sort-handle, #main .toggle-multiselect, #main a.atom, #main a.csv, #main a.current-from-address, #main a.html, #main a.icon, #main a.icon-close, #main a.icon-only, #main a.icon-settings, #main a.open-filter, #main a.pdf, #main a.png, #main a.project, #main a.txt, #main a.vcf, #main a.xls, #main a[href*="dmsf/webdav"], #main a[href*="questions_sections/new"], #main div.issue.order.details #invoices .icon-invoice + a[href*=invoices], #main span.icon-only, body a.wiki-anchor {
        color: var(--icon-color-bg) !important
    }

        #main #checklist_form_items .new span.icon:before, #main #company_profile_edit a:before, #main #content #comments .contextual a[href*=order_comments]:before, #main #deal_contact_id_add_link:before, #main #expense_contact_id_add_link:before, #main #invoice_contact_id_add_link:before, #main #operation_contact_id_add_link:before, #main #order_contact_id_add_link:before, #main #sidebar .contextual a:before, #main .avatar.extended .delete:before, #main .contextual a[href="/activity"]:before, #main .contextual a[href="/issues"]:before, #main .contextual a[href="/time_entries"]:before, #main .contextual:not(.next-prev-links) a:before, #main .fa-pencil:before, #main .hold-control .controls .btn:before, #main .icon-not-ok:before, #main .query-columns .buttons span:before, #main .repeat-value:before, #main .sort-handle:before, #main .toggle-multiselect:before, #main a.atom:before, #main a.csv:before, #main a.current-from-address:before, #main a.html:before, #main a.icon-close:before, #main a.icon-only:before, #main a.icon-settings:before, #main a.icon:before, #main a.open-filter:before, #main a.pdf:before, #main a.png:before, #main a.project:before, #main a.txt:before, #main a.vcf:before, #main a.xls:before, #main a[href*="dmsf/webdav"]:before, #main a[href*="questions_sections/new"]:before, #main div.issue.order.details #invoices .icon-invoice + a[href*=invoices]:before, #main span.icon-only:before, body a.wiki-anchor:before {
            display: none
        }

    #query_form .holder-filters .in-filter, #query_form_content .holder-filters .in-filter {
        padding: 0 0 10px
    }

    #query_form .holder-filters #options table, #query_form_content .holder-filters #options table {
        display: block;
        width: 100%;
        overflow: hidden
    }

        #query_form .holder-filters #options table tbody, #query_form_content .holder-filters #options table tbody {
            display: block;
            width: 100%;
            overflow: hidden
        }

        #query_form .holder-filters #options table tr, #query_form_content .holder-filters #options table tr {
            display: block;
            width: 100%;
            overflow: hidden
        }

            #query_form .holder-filters #options table tr td, #query_form_content .holder-filters #options table tr td {
                display: block;
                width: 100%;
                overflow: hidden;
                padding: 0 0 10px
            }

    #query_form .holder-filters #options .query-columns span:first-child .jcf-list-box, #query_form_content .holder-filters #options .query-columns span:first-child .jcf-list-box {
        margin: 0 0 10px
    }

    #query_form .holder-filters .admin-filter > div, #query_form_content .holder-filters .admin-filter > div {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    #query_form .holder-filters .admin-filter table, #query_form_content .holder-filters .admin-filter table {
        width: 100%;
        display: block;
        overflow: hidden
    }

        #query_form .holder-filters .admin-filter table tbody, #query_form_content .holder-filters .admin-filter table tbody {
            width: 100%;
            display: block;
            overflow: hidden
        }

        #query_form .holder-filters .admin-filter table tr, #query_form_content .holder-filters .admin-filter table tr {
            display: block;
            overflow: hidden
        }

            #query_form .holder-filters .admin-filter table tr.filter, #query_form_content .holder-filters .admin-filter table tr.filter {
                height: auto
            }

            #query_form .holder-filters .admin-filter table tr td, #query_form_content .holder-filters .admin-filter table tr td {
                display: block;
                width: 100% !important;
                padding: 0 0 10px !important;
                overflow: hidden
            }

                #query_form .holder-filters .admin-filter table tr td.field, #query_form_content .holder-filters .admin-filter table tr td.field {
                    padding-bottom: 10px !important
                }

                #query_form .holder-filters .admin-filter table tr td select, #query_form_content .holder-filters .admin-filter table tr td select {
                    max-width: 100% !important;
                    z-index: 3
                }

                #query_form .holder-filters .admin-filter table tr td.values, #query_form_content .holder-filters .admin-filter table tr td.values {
                    padding: 0 !important
                }

                    #query_form .holder-filters .admin-filter table tr td.values span, #query_form_content .holder-filters .admin-filter table tr td.values span {
                        margin-bottom: 10px
                    }

    #query_form .holder-filters .admin-filter .add-filter, #query_form_content .holder-filters .admin-filter .add-filter {
        width: 100%;
        display: block;
        border-top: 1px solid var(--border-color);
        padding-top: 10px;
        margin-top: 10px
    }

        #query_form .holder-filters .admin-filter .add-filter label[for=add_filter_select], #query_form_content .holder-filters .admin-filter .add-filter label[for=add_filter_select] {
            display: block;
            width: 100%;
            margin: 0 0 5px
        }

    #query_form .holder-filters .admin-filter #options table tr, #query_form_content .holder-filters .admin-filter #options table tr {
        display: block
    }

        #query_form .holder-filters .admin-filter #options table tr td, #query_form_content .holder-filters .admin-filter #options table tr td {
            display: block;
            padding: 0 0 10px
        }

    #query_form .holder-filters .admin-filter #options .query-columns span:first-child .jcf-list-box, #query_form_content .holder-filters .admin-filter #options .query-columns span:first-child .jcf-list-box {
        margin: 0 0 10px
    }

    #content form .tabular p em.info {
        width: 100%;
        min-width: 100%;
        margin: 5px 0 0 !important
    }

    #content .contextual .drdn .drdn-content {
        left: auto;
        right: 0
    }

    #main #content p.other-formats {
        width: 100%;
        position: static;
        padding-bottom: 10px
    }

    .controller-repositories #main #content h2 {
        margin-bottom: 70px
    }

    .controller-repositories #content #revision_selector {
        margin: 29px 0 0;
        right: 10px
    }

    form[action*=time_entries] .autoscroll {
        margin: 0 0 10px
    }

    .flyout-is-active .loggedas.controller-documents.action-show #main #content > .contextual, .flyout-is-active .loggedas.controller-issues.action-show #main #content > .contextual, .flyout-is-active .loggedas.controller-messages.action-show #main #content > .contextual, .flyout-is-active .loggedas.controller-news.action-show #main #content > .contextual, .flyout-is-active .loggedas.controller-versions.action-show #main #content > .contextual {
        left: -250px
    }

    .flyout-is-active .controller-wiki.action-annotate #main #content > .contextual, .flyout-is-active .controller-wiki.action-show #main #content > .contextual {
        left: -250px
    }

    .flyout-is-active .controller-boards.action-index #main #content > .contextual, .flyout-is-active .controller-users.action-edit #main #content > .contextual {
        left: -250px
    }

    .flyout-is-active .loggedas.controller-workflows.action-edit #main #content > .contextual, .flyout-is-active .loggedas.controller-workflows.action-permissions #main #content > .contextual {
        left: -250px
    }

    .controller-wiki.action-annotate #wrapper, .controller-wiki.action-show #wrapper, .issues-contextual.action-annotate #wrapper, .issues-contextual.action-show #wrapper {
        padding-bottom: 48px
    }

    .controller-wiki.action-annotate #wrapper3, .controller-wiki.action-show #wrapper3, .issues-contextual.action-annotate #wrapper3, .issues-contextual.action-show #wrapper3 {
        margin: 0
    }

    .controller-wiki.action-annotate.has-footer #main #content, .controller-wiki.action-show.has-footer #main #content, .issues-contextual.action-annotate.has-footer #main #content, .issues-contextual.action-show.has-footer #main #content {
        padding-bottom: 0
    }

    .controller-wiki.action-annotate #main #content > .contextual, .controller-wiki.action-show #main #content > .contextual, .issues-contextual.action-annotate #main #content > .contextual, .issues-contextual.action-show #main #content > .contextual {
        position: fixed;
        top: auto;
        margin: 0 !important;
        bottom: 0;
        padding: 0;
        left: 0;
        width: 100%;
        background: var(--bg-box);
        height: 50px;
        border-top: 1px solid var(--border-color);
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transition: left var(--time-main) ease-in-out;
        -o-transition: left var(--time-main) ease-in-out;
        transition: left var(--time-main) ease-in-out
    }

        .controller-wiki.action-annotate #main #content > .contextual.hidden-link .icon:not(.new-icon), .controller-wiki.action-show #main #content > .contextual.hidden-link .icon:not(.new-icon), .issues-contextual.action-annotate #main #content > .contextual.hidden-link .icon:not(.new-icon), .issues-contextual.action-show #main #content > .contextual.hidden-link .icon:not(.new-icon) {
            display: none
        }

        .controller-wiki.action-annotate #main #content > .contextual .drdn .drdn-trigger, .controller-wiki.action-show #main #content > .contextual .drdn .drdn-trigger, .issues-contextual.action-annotate #main #content > .contextual .drdn .drdn-trigger, .issues-contextual.action-show #main #content > .contextual .drdn .drdn-trigger {
            display: none
        }

        .controller-wiki.action-annotate #main #content > .contextual .drdn .drdn-content, .controller-wiki.action-show #main #content > .contextual .drdn .drdn-content, .issues-contextual.action-annotate #main #content > .contextual .drdn .drdn-content, .issues-contextual.action-show #main #content > .contextual .drdn .drdn-content {
            position: static;
            border: 0;
            padding: 0;
            background: 0 0;
            display: block
        }

            .controller-wiki.action-annotate #main #content > .contextual .drdn .drdn-content .drdn-items, .controller-wiki.action-show #main #content > .contextual .drdn .drdn-content .drdn-items, .issues-contextual.action-annotate #main #content > .contextual .drdn .drdn-content .drdn-items, .issues-contextual.action-show #main #content > .contextual .drdn .drdn-content .drdn-items {
                padding: 0;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex
            }

        .controller-wiki.action-annotate #main #content > .contextual .drdn a.icon, .controller-wiki.action-show #main #content > .contextual .drdn a.icon, .issues-contextual.action-annotate #main #content > .contextual .drdn a.icon, .issues-contextual.action-show #main #content > .contextual .drdn a.icon {
            color: var(--drop-text-color);
            font-size: 0;
            line-height: 0;
            height: var(--icon-width);
            width: var(--icon-width);
            min-width: var(--icon-width);
            min-height: var(--icon-width);
            padding: 0;
            margin: 0;
            background: 0 0;
            webkit-transition: color var(--time-hover) ease-in-out;
            -o-transition: color var(--time-hover) ease-in-out;
            -webkit-transition: color var(--time-hover) ease-in-out;
            transition: color var(--time-hover) ease-in-out
        }

            .controller-wiki.action-annotate #main #content > .contextual .drdn a.icon:before, .controller-wiki.action-show #main #content > .contextual .drdn a.icon:before, .issues-contextual.action-annotate #main #content > .contextual .drdn a.icon:before, .issues-contextual.action-show #main #content > .contextual .drdn a.icon:before {
                background: var(--drop-bg);
                -webkit-transition: background-color var(--time-hover) ease-in-out;
                -o-transition: background-color var(--time-hover) ease-in-out;
                transition: background-color var(--time-hover) ease-in-out
            }

            .controller-wiki.action-annotate #main #content > .contextual .drdn a.icon:after, .controller-wiki.action-show #main #content > .contextual .drdn a.icon:after, .issues-contextual.action-annotate #main #content > .contextual .drdn a.icon:after, .issues-contextual.action-show #main #content > .contextual .drdn a.icon:after {
                font-size: var(--icon-font-size) !important;
                line-height: var(--icon-width) !important;
                height: 100%;
                width: 100%;
                color: var(--drop-icon-color);
                left: 0;
                -webkit-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
                -o-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
                transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out
            }

            .controller-wiki.action-annotate #main #content > .contextual .drdn a.icon:hover, .controller-wiki.action-show #main #content > .contextual .drdn a.icon:hover, .issues-contextual.action-annotate #main #content > .contextual .drdn a.icon:hover, .issues-contextual.action-show #main #content > .contextual .drdn a.icon:hover {
                color: var(--drop-text-color-hover)
            }

                .controller-wiki.action-annotate #main #content > .contextual .drdn a.icon:hover:after, .controller-wiki.action-show #main #content > .contextual .drdn a.icon:hover:after, .issues-contextual.action-annotate #main #content > .contextual .drdn a.icon:hover:after, .issues-contextual.action-show #main #content > .contextual .drdn a.icon:hover:after {
                    color: var(--drop-icon-color-hover)
                }

                .controller-wiki.action-annotate #main #content > .contextual .drdn a.icon:hover:before, .controller-wiki.action-show #main #content > .contextual .drdn a.icon:hover:before, .issues-contextual.action-annotate #main #content > .contextual .drdn a.icon:hover:before, .issues-contextual.action-show #main #content > .contextual .drdn a.icon:hover:before {
                    background: var(--drop-bg-hover);
                    width: 100%
                }

    .controller-wiki.action-annotate #main #content .drdn-content, .controller-wiki.action-show #main #content .drdn-content, .issues-contextual.action-annotate #main #content .drdn-content, .issues-contextual.action-show #main #content .drdn-content {
        top: auto;
        bottom: 100%
    }

    .controller-wiki.action-annotate.flyout-is-active #main #content > .contextual, .controller-wiki.action-show.flyout-is-active #main #content > .contextual, .issues-contextual.action-annotate.flyout-is-active #main #content > .contextual, .issues-contextual.action-show.flyout-is-active #main #content > .contextual {
        left: -250px
    }

    .loggedas.controller-workflows.action-edit #wrapper, .loggedas.controller-workflows.action-permissions #wrapper {
        padding-bottom: 48px
    }

    .loggedas.controller-workflows.action-edit #wrapper3, .loggedas.controller-workflows.action-permissions #wrapper3 {
        margin: 0
    }

    .loggedas.controller-workflows.action-edit.has-footer #main #content, .loggedas.controller-workflows.action-permissions.has-footer #main #content {
        padding-bottom: 0
    }

    .loggedas.controller-workflows.action-edit #main #content > .contextual, .loggedas.controller-workflows.action-permissions #main #content > .contextual {
        position: fixed;
        top: auto;
        margin: 0 !important;
        bottom: 0;
        padding: 0;
        left: 0;
        width: 100%;
        background: var(--bg-box);
        height: 50px;
        border-top: 1px solid var(--border-color);
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transition: left var(--time-main) ease-in-out;
        -o-transition: left var(--time-main) ease-in-out;
        transition: left var(--time-main) ease-in-out
    }

        .loggedas.controller-workflows.action-edit #main #content > .contextual.hidden-link .icon:not(.new-icon), .loggedas.controller-workflows.action-permissions #main #content > .contextual.hidden-link .icon:not(.new-icon) {
            display: none
        }

        .loggedas.controller-workflows.action-edit #main #content > .contextual .drdn .drdn-trigger, .loggedas.controller-workflows.action-permissions #main #content > .contextual .drdn .drdn-trigger {
            display: none
        }

        .loggedas.controller-workflows.action-edit #main #content > .contextual .drdn .drdn-content, .loggedas.controller-workflows.action-permissions #main #content > .contextual .drdn .drdn-content {
            position: static;
            border: 0;
            padding: 0;
            background: 0 0;
            display: block
        }

            .loggedas.controller-workflows.action-edit #main #content > .contextual .drdn .drdn-content .drdn-items, .loggedas.controller-workflows.action-permissions #main #content > .contextual .drdn .drdn-content .drdn-items {
                padding: 0
            }

    .loggedas.controller-workflows.action-edit.flyout-is-active #main #content > .contextual, .loggedas.controller-workflows.action-permissions.flyout-is-active #main #content > .contextual {
        left: -250px
    }

    .loggedas.controller-documents.action-show #wrapper, .loggedas.controller-issues.action-show #wrapper, .loggedas.controller-messages.action-show #wrapper, .loggedas.controller-news.action-show #wrapper, .loggedas.controller-versions.action-show #wrapper {
        padding-bottom: 48px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .loggedas.controller-documents.action-show #wrapper3, .loggedas.controller-issues.action-show #wrapper3, .loggedas.controller-messages.action-show #wrapper3, .loggedas.controller-news.action-show #wrapper3, .loggedas.controller-versions.action-show #wrapper3 {
        margin: 0
    }

    .loggedas.controller-documents.action-show.has-footer #main #content, .loggedas.controller-issues.action-show.has-footer #main #content, .loggedas.controller-messages.action-show.has-footer #main #content, .loggedas.controller-news.action-show.has-footer #main #content, .loggedas.controller-versions.action-show.has-footer #main #content {
        padding-bottom: 0
    }

    .loggedas.controller-documents.action-show #main #content > .contextual, .loggedas.controller-issues.action-show #main #content > .contextual, .loggedas.controller-messages.action-show #main #content > .contextual, .loggedas.controller-news.action-show #main #content > .contextual, .loggedas.controller-versions.action-show #main #content > .contextual {
        position: fixed;
        top: auto;
        margin: 0 !important;
        bottom: 0;
        padding: 0;
        left: 0;
        width: calc(100% + 10px);
        background: var(--bg-box);
        height: 50px;
        border-top: 1px solid var(--border-color);
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transition: left var(--time-main) ease-in-out;
        -o-transition: left var(--time-main) ease-in-out;
        transition: left var(--time-main) ease-in-out
    }

        .loggedas.controller-documents.action-show #main #content > .contextual.hidden-link .icon:not(.new-icon), .loggedas.controller-issues.action-show #main #content > .contextual.hidden-link .icon:not(.new-icon), .loggedas.controller-messages.action-show #main #content > .contextual.hidden-link .icon:not(.new-icon), .loggedas.controller-news.action-show #main #content > .contextual.hidden-link .icon:not(.new-icon), .loggedas.controller-versions.action-show #main #content > .contextual.hidden-link .icon:not(.new-icon) {
            display: none
        }

        .loggedas.controller-documents.action-show #main #content > .contextual .drdn .drdn-trigger, .loggedas.controller-issues.action-show #main #content > .contextual .drdn .drdn-trigger, .loggedas.controller-messages.action-show #main #content > .contextual .drdn .drdn-trigger, .loggedas.controller-news.action-show #main #content > .contextual .drdn .drdn-trigger, .loggedas.controller-versions.action-show #main #content > .contextual .drdn .drdn-trigger {
            display: none
        }

        .loggedas.controller-documents.action-show #main #content > .contextual .drdn .drdn-content, .loggedas.controller-issues.action-show #main #content > .contextual .drdn .drdn-content, .loggedas.controller-messages.action-show #main #content > .contextual .drdn .drdn-content, .loggedas.controller-news.action-show #main #content > .contextual .drdn .drdn-content, .loggedas.controller-versions.action-show #main #content > .contextual .drdn .drdn-content {
            position: static;
            border: 0;
            padding: 0;
            background: 0 0;
            display: block
        }

            .loggedas.controller-documents.action-show #main #content > .contextual .drdn .drdn-content .drdn-items, .loggedas.controller-issues.action-show #main #content > .contextual .drdn .drdn-content .drdn-items, .loggedas.controller-messages.action-show #main #content > .contextual .drdn .drdn-content .drdn-items, .loggedas.controller-news.action-show #main #content > .contextual .drdn .drdn-content .drdn-items, .loggedas.controller-versions.action-show #main #content > .contextual .drdn .drdn-content .drdn-items {
                padding: 0
            }

    .loggedas.controller-documents.action-show.flyout-is-active #main #content > .contextual, .loggedas.controller-issues.action-show.flyout-is-active #main #content > .contextual, .loggedas.controller-messages.action-show.flyout-is-active #main #content > .contextual, .loggedas.controller-news.action-show.flyout-is-active #main #content > .contextual, .loggedas.controller-versions.action-show.flyout-is-active #main #content > .contextual {
        left: -250px
    }

    .controller-boards.action-index #wrapper, .controller-users.action-edit #wrapper {
        padding-bottom: 48px
    }

    .controller-boards.action-index #wrapper3, .controller-users.action-edit #wrapper3 {
        margin: 0
    }

    .controller-boards.action-index.has-footer #main #content, .controller-users.action-edit.has-footer #main #content {
        padding-bottom: 0
    }

    .controller-boards.action-index #main #content > .contextual, .controller-users.action-edit #main #content > .contextual {
        position: fixed;
        top: auto;
        margin: 0 !important;
        bottom: 0;
        padding: 0;
        left: 0;
        width: 100%;
        background: var(--bg-box);
        height: 50px;
        border-top: 1px solid var(--border-color);
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transition: left var(--time-main) ease-in-out;
        -o-transition: left var(--time-main) ease-in-out;
        transition: left var(--time-main) ease-in-out
    }

        .controller-boards.action-index #main #content > .contextual.hidden-link .icon:not(.new-icon), .controller-users.action-edit #main #content > .contextual.hidden-link .icon:not(.new-icon) {
            display: none
        }

        .controller-boards.action-index #main #content > .contextual .drdn .drdn-trigger, .controller-users.action-edit #main #content > .contextual .drdn .drdn-trigger {
            display: none
        }

        .controller-boards.action-index #main #content > .contextual .drdn .drdn-content, .controller-users.action-edit #main #content > .contextual .drdn .drdn-content {
            position: static;
            border: 0;
            padding: 0;
            background: 0 0;
            display: block
        }

            .controller-boards.action-index #main #content > .contextual .drdn .drdn-content .drdn-items, .controller-users.action-edit #main #content > .contextual .drdn .drdn-content .drdn-items {
                padding: 0
            }

    .controller-boards.action-index.flyout-is-active #main #content > .contextual, .controller-users.action-edit.flyout-is-active #main #content > .contextual {
        left: -250px
    }

    #main > #content {
        padding-bottom: 0
    }

        #main > #content #content > h2, #main > #content #query_form > h2, #main > #content .top-question h2, #main > #content > h2 {
            width: 100%;
            margin-left: 0;
            margin-right: 0
        }

        #main > #content #content > .contextual, #main > #content > .contextual {
            right: 30px
        }

    #content .tab-content#tab-content-versions form .select2 {
        width: 100% !important;
        margin: 0 0 10px !important
    }

    #main > #content #content > .contextual:not(.next-prev-links), #main > #content > .contextual:not(.next-prev-links) {
        right: 10px
    }

    .has-footer #main > #content {
        padding-bottom: 0
    }

    .controller-welcome.action-index #main > #content {
        padding: 0 10px 20px
    }

        .controller-welcome.action-index #main > #content .box {
            padding: 15px 10px
        }

    .controller-gantts.action-show #query_form[action*=gantt] .holder-filters .in-filter {
        margin: 0;
        padding: 0
    }

    .tabular label, .tabular.settings label {
        padding: 0;
        margin: 0 0 5px
    }

    #wrapper #ajax-indicator {
        width: 100%;
        left: 0
    }

    input[type=checkbox] {
        height: 18px !important;
        width: 18px !important;
        margin: 0 5px 0 0 !important
    }

    #main > #content {
        padding-left: 10px;
        padding-right: 10px
    }

        #main > #content:after {
            display: none
        }

        #main > #content span.pagination {
            position: static
        }

        #main > #content #list-left, #main > #content .splitcontentleft {
            margin: 0 0 20px
        }

        #main > #content #list-right, #main > #content .splitcontentright {
            margin: 0
        }

        #main > #content > .contextual {
            right: 10px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end
        }

            #main > #content > .contextual a {
                border: none
            }

            #main > #content > .contextual .drdn {
                padding: 0;
                margin: 0 0 0 5px;
                border: 0
            }

        #main > #content #query_form > h2, #main > #content #query_form[action*='agile/board'] h2, #main > #content > h2 {
            background-color: var(--bg-box);
            background-position: 10px 50%;
            background-size: 25px 25px;
            margin: 0 -10px 20px;
            padding: 15px 20px 15px 45px;
            width: calc(100% + 20px);
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

        #main > #content .tab-content #activity dl dt {
            padding: 15px 10px 0
        }

        #main > #content .tab-content #activity dl dd {
            padding: 0 10px
        }

    #content .splitcontentleft .wiki {
        padding: 20px;
        margin: 0 0 10px
    }

    #content .box {
        padding: 20px;
        margin: 0 0 20px
    }

        #content .box.settings .box {
            padding-left: 0;
            padding-right: 0
        }

    #content .tab-content#tab-content-versions fieldset {
        padding: 52px 20px 20px;
        display: block
    }

        #content .tab-content#tab-content-versions fieldset .jcf-select, #content .tab-content#tab-content-versions fieldset .select2 {
            width: 100%;
            margin: 0 0 10px !important
        }

        #content .tab-content#tab-content-versions fieldset legend {
            left: 20px
        }

        #content .tab-content#tab-content-versions fieldset label {
            width: 100%;
            margin: 0 0 5px 0 !important;
            display: block
        }

        #content .tab-content#tab-content-versions fieldset input[type=submit] {
            margin-left: 0 !important
        }

        #content .tab-content#tab-content-versions fieldset input[type=text] {
            width: 100%;
            margin: 0 0 10px !important
        }

    #main .tab-content table .icon {
        color: var(--icon-color)
    }

        #main .tab-content table .icon:before {
            display: none
        }

    #main > #content + #history {
        padding: 10px;
        -webkit-box-shadow: var(--box-shadow-null);
        box-shadow: var(--box-shadow-null);
        border-radius: 0
    }

    .controller-timelog.action-report #content form .tabs ~ p .icon-reload {
        padding: 8px 30px;
        font-size: 1rem;
        line-height: 1rem;
        -webkit-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        -o-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        border-radius: var(--button-border-radius);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background: var(--button-bg) !important;
        border: 0 !important;
        color: var(--button-color) !important;
        display: inline-block;
        vertical-align: top;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-weight: var(--button-font-weight);
        margin: 0 10px 0 0;
        width: auto;
        height: auto;
        outline: 0 none;
        text-align: center
    }

        .controller-timelog.action-report #content form .tabs ~ p .icon-reload:after, .controller-timelog.action-report #content form .tabs ~ p .icon-reload:before {
            display: none
        }

        .controller-timelog.action-report #content form .tabs ~ p .icon-reload:hover {
            color: var(--button-color-hover) !important;
            background: var(--button-bg-hover-bg) !important
        }

    #content .legend.cal span {
        padding: 0 10px 0 25px !important;
        font-size: .85714286rem;
        line-height: 1.42857143rem
    }

        #content .legend.cal span:after {
            width: 20px !important;
            height: 20px !important;
            font-size: 20px;
            line-height: 1
        }

    #main table.cal {
        -webkit-box-shadow: var(--box-shadow-null);
        box-shadow: var(--box-shadow-null);
        border: 1px solid var(--border-color);
        margin-bottom: 20px
    }

    .controller-calendars #main > #content p.contextual {
        font-size: 0;
        line-height: 0;
        position: relative;
        top: 0;
        z-index: 2
    }

        .controller-calendars #main > #content p.contextual a[accesskey="n"], .controller-calendars #main > #content p.contextual a[accesskey="p"] {
            color: var(--icon-color)
        }

            .controller-calendars #main > #content p.contextual a[accesskey="n"]:before, .controller-calendars #main > #content p.contextual a[accesskey="p"]:before {
                display: none
            }

    #content .legend.cal {
        border: 1px solid var(--border-color-content);
        padding: 10px;
        margin: 0;
        width: 100%;
        border-radius: var(--border-radius)
    }

        #content .legend.cal span {
            padding: 0 10px 0 25px !important;
            font-size: .85714286rem;
            line-height: 1.42857143rem;
            display: block;
            width: 100%;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            margin: 5px 0 0
        }

            #content .legend.cal span:first-child {
                margin: 0
            }

    p.subtitle {
        margin: 0 0 15px
    }

    .controller-activities #main #content {
        padding-right: 10px;
        padding-left: 10px
    }

        .controller-activities #main #content > h2 {
            margin-left: -10px;
            margin-right: -10px;
            margin-bottom: 20px;
            width: calc(100% + 20px)
        }

    #main > #content div#activity {
        margin: 0 0 20px
    }

        #main > #content div#activity:after {
            width: 14px
        }

        #main > #content div#activity h3:before, #main > #content div#activity h4:before {
            left: 6px
        }

        #main > #content div#activity h3:after, #main > #content div#activity h4:after {
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            top: 3px
        }

        #main > #content div#activity dl:before {
            left: 6px
        }

        #main > #content div#activity dl dt {
            background: var(--bg-box)
        }

        #main > #content div#activity dl dd {
            background: var(--bg-box)
        }

        #main > #content div#activity dl .time {
            background: var(--bg-other)
        }

    .controller-my.action-account #main #content > .contextual:not(.next-prev-links) {
        position: fixed;
        top: auto;
        margin: 0 !important;
        bottom: 0;
        padding: 0;
        left: 0;
        width: 100%;
        background: var(--bg-box);
        height: 50px;
        border-top: 1px solid var(--border-color);
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transition: left var(--time-main) ease-in-out;
        -o-transition: left var(--time-main) ease-in-out;
        transition: left var(--time-main) ease-in-out
    }

        .controller-my.action-account #main #content > .contextual:not(.next-prev-links).hidden-link .icon:not(.new-icon) {
            display: none
        }

        .controller-my.action-account #main #content > .contextual:not(.next-prev-links) .drdn .drdn-trigger {
            display: none
        }

        .controller-my.action-account #main #content > .contextual:not(.next-prev-links) .drdn .drdn-content {
            position: static;
            border: 0;
            padding: 0;
            background: 0 0;
            display: block
        }

            .controller-my.action-account #main #content > .contextual:not(.next-prev-links) .drdn .drdn-content .drdn-items {
                padding: 0;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex
            }

        .controller-my.action-account #main #content > .contextual:not(.next-prev-links) .drdn a.icon {
            color: var(--icon-color);
            font-size: 0;
            line-height: 0;
            height: var(--icon-width);
            width: var(--icon-width);
            min-width: var(--icon-width);
            min-height: var(--icon-width);
            padding: 0;
            margin: 0;
            background: 0 0
        }

            .controller-my.action-account #main #content > .contextual:not(.next-prev-links) .drdn a.icon:before {
                background: var(--icon_bg)
            }

            .controller-my.action-account #main #content > .contextual:not(.next-prev-links) .drdn a.icon:after {
                font-size: var(--icon-font-size) !important;
                line-height: var(--icon-width) !important;
                height: 100%;
                width: 100%;
                color: var(--icon-color);
                left: 0;
                -webkit-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
                -o-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
                transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out
            }

            .controller-my.action-account #main #content > .contextual:not(.next-prev-links) .drdn a.icon:hover:after {
                color: var(--icon-color-hover)
            }

            .controller-my.action-account #main #content > .contextual:not(.next-prev-links) .drdn a.icon:hover:before {
                background: var(--icon_bg_hover);
                -webkit-transform: scale(1);
                -ms-transform: scale(1);
                transform: scale(1)
            }

            .controller-my.action-account #main #content > .contextual:not(.next-prev-links) .drdn a.icon:before {
                background: var(--icon_bg);
                width: 100%;
                border-radius: var(--icon-border-radius);
                -webkit-transform: scale(0);
                -ms-transform: scale(0);
                transform: scale(0);
                -webkit-transition: transform var(--time-hover) ease-in-out;
                -o-transition: transform var(--time-hover) ease-in-out;
                -webkit-transition: -webkit-transform var(--time-hover) ease-in-out;
                transition: -webkit-transform var(--time-hover) ease-in-out;
                transition: transform var(--time-hover) ease-in-out;
                transition: transform var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
            }

    .controller-my.action-account #wrapper {
        padding-bottom: 48px
    }

    .controller-admin #main .admin-filter .icon-reload, .controller-groups #main .admin-filter .icon-reload, .controller-roles #main .admin-filter .icon-reload, .controller-users #main .admin-filter .icon-reload {
        padding: 8px 30px;
        font-size: 1rem;
        line-height: 1rem;
        -webkit-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        -o-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        border-radius: var(--button-border-radius);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background: var(--button-bg-bg) !important;
        border: 0 !important;
        color: var(--button-color-bg) !important;
        display: inline-block;
        vertical-align: top;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-weight: var(--button-font-weight);
        margin: 0 10px 0 0;
        width: auto;
        height: auto;
        outline: 0 none
    }

        .controller-admin #main .admin-filter .icon-reload:after, .controller-admin #main .admin-filter .icon-reload:before, .controller-groups #main .admin-filter .icon-reload:after, .controller-groups #main .admin-filter .icon-reload:before, .controller-roles #main .admin-filter .icon-reload:after, .controller-roles #main .admin-filter .icon-reload:before, .controller-users #main .admin-filter .icon-reload:after, .controller-users #main .admin-filter .icon-reload:before {
            display: none
        }

        .controller-admin #main .admin-filter .icon-reload:hover, .controller-groups #main .admin-filter .icon-reload:hover, .controller-roles #main .admin-filter .icon-reload:hover, .controller-users #main .admin-filter .icon-reload:hover {
            color: var(--button-color-hover-bg) !important;
            background: var(--button-bg-hover-bg) !important
        }

    .controller-admin.action-index #admin-index #admin-menu ul li {
        padding: 0
    }

        .controller-admin.action-index #admin-index #admin-menu ul li a {
            background: var(--bg-box);
            margin: 0
        }

    #query_form .holder-filters .add-filter {
        margin: 0
    }

        #query_form .holder-filters .add-filter .jcf-select, #query_form .holder-filters .add-filter .select2 {
            margin-bottom: 0 !important
        }

    #main #content form.filter-box fieldset {
        padding: 25px 20px 15px
    }

    #main #content form.filter-box legend .icon-down:before {
        display: none
    }

    #main #content fieldset.filter-box {
        padding: 25px 20px 15px
    }

        #main #content fieldset.filter-box .open-box .admin-filter {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }

            #main #content fieldset.filter-box .open-box .admin-filter label {
                display: block;
                width: 100%;
                margin: 0 0 10px !important;
                text-align: left
            }

            #main #content fieldset.filter-box .open-box .admin-filter table td, #main #content fieldset.filter-box .open-box .admin-filter table th {
                padding: 0;
                margin: 0
            }

                #main #content fieldset.filter-box .open-box .admin-filter table td > label, #main #content fieldset.filter-box .open-box .admin-filter table th > label {
                    margin: 0 !important
                }

                    #main #content fieldset.filter-box .open-box .admin-filter table td > label ~ label, #main #content fieldset.filter-box .open-box .admin-filter table th > label ~ label {
                        margin-top: 5px !important
                    }

            #main #content fieldset.filter-box .open-box .admin-filter table .jcf-list-box {
                margin-bottom: 10px
            }

            #main #content fieldset.filter-box .open-box .admin-filter table .jcf-select, #main #content fieldset.filter-box .open-box .admin-filter table .select2 {
                margin-bottom: 0 !important
            }

            #main #content fieldset.filter-box .open-box .admin-filter input[type=checkbox] + label, #main #content fieldset.filter-box .open-box .admin-filter input[type=radio] + label {
                display: inline;
                margin: 0 10px 10px !important
            }

            #main #content fieldset.filter-box .open-box .admin-filter .jcf-select, #main #content fieldset.filter-box .open-box .admin-filter .select2, #main #content fieldset.filter-box .open-box .admin-filter input[type=date], #main #content fieldset.filter-box .open-box .admin-filter input[type=email], #main #content fieldset.filter-box .open-box .admin-filter input[type=text], #main #content fieldset.filter-box .open-box .admin-filter input[type=time] {
                width: 100%;
                -webkit-box-flex: 1;
                -ms-flex: 1 0 auto;
                flex: 1 0 auto;
                margin: 0 0 10px !important
            }

            #main #content fieldset.filter-box .open-box .admin-filter td .jcf-select, #main #content fieldset.filter-box .open-box .admin-filter td .select2, #main #content fieldset.filter-box .open-box .admin-filter td input[type=date], #main #content fieldset.filter-box .open-box .admin-filter td input[type=email], #main #content fieldset.filter-box .open-box .admin-filter td input[type=text], #main #content fieldset.filter-box .open-box .admin-filter td input[type=time] {
                width: 100%;
                -webkit-box-flex: 1;
                -ms-flex: 1 0 auto;
                flex: 1 0 auto;
                margin: 0 !important
            }

            #main #content fieldset.filter-box .open-box .admin-filter .select2 {
                width: 100% !important
            }

            #main #content fieldset.filter-box .open-box .admin-filter input[type=submit] {
                margin: 0 !important
            }

            #main #content fieldset.filter-box .open-box .admin-filter .add-filter .jcf-select, #main #content fieldset.filter-box .open-box .admin-filter .add-filter .select2, #main #content fieldset.filter-box .open-box .admin-filter .add-filter input[type=date], #main #content fieldset.filter-box .open-box .admin-filter .add-filter input[type=email], #main #content fieldset.filter-box .open-box .admin-filter .add-filter input[type=text], #main #content fieldset.filter-box .open-box .admin-filter .add-filter input[type=time] {
                margin: 0 !important
            }

            #main #content fieldset.filter-box .open-box .admin-filter table tr:last-child td:last-child .jcf-select, #main #content fieldset.filter-box .open-box .admin-filter table tr:last-child td:last-child .select2, #main #content fieldset.filter-box .open-box .admin-filter table tr:last-child td:last-child input[type=date], #main #content fieldset.filter-box .open-box .admin-filter table tr:last-child td:last-child input[type=email], #main #content fieldset.filter-box .open-box .admin-filter table tr:last-child td:last-child input[type=text], #main #content fieldset.filter-box .open-box .admin-filter table tr:last-child td:last-child input[type=time] {
                margin: 0 !important
            }

            #main #content fieldset.filter-box .open-box .admin-filter table tr:last-child td.field {
                padding-bottom: 10px !important
            }

    .action-plugins #main > #content .autoscroll {
        margin: 0 -10px;
        width: calc(100% + 20px)
    }

    .action-plugins #main > #content table.plugins tr td {
        padding: 5px
    }

    .controller-admin.action-projects.has-footer .autoscroll, .controller-groups.action-index.has-footer .autoscroll, .controller-users.action-index.has-footer .autoscroll {
        margin: 0 0 20px
    }

    #content form.filter-box fieldset {
        padding: 25px 20px 15px
    }

    #content form .box input[type=submit] + input[type=button], #content form .tabular input[type=submit] + input[type=button] {
        background: var(--button-bg);
        color: var(--button-color)
    }

        #content form .box input[type=submit] + input[type=button]:hover, #content form .tabular input[type=submit] + input[type=button]:hover {
            background: var(--button-bg-hover);
            color: var(--button-color-hover)
        }

    #content form .box input[type=submit] + a, #content form .tabular input[type=submit] + a {
        color: var(--icon-color-bg)
    }

        #content form .box input[type=submit] + a:after, #content form .tabular input[type=submit] + a:after {
            color: var(--icon-color-bg)
        }

        #content form .box input[type=submit] + a:before, #content form .tabular input[type=submit] + a:before {
            background: var(--icon_bg-bg)
        }

        #content form .box input[type=submit] + a:hover, #content form .tabular input[type=submit] + a:hover {
            color: var(--icon-color-hover-bg)
        }

            #content form .box input[type=submit] + a:hover:after, #content form .tabular input[type=submit] + a:hover:after {
                color: var(--icon-color-hover-bg)
            }

            #content form .box input[type=submit] + a:hover:before, #content form .tabular input[type=submit] + a:hover:before {
                background: var(--icon_bg_hover-bg)
            }

    #content table form input[type=submit] + a, #content table form input[type=submit] + input[type=button] {
        background: var(--button-bg);
        color: var(--button-color)
    }

        #content table form input[type=submit] + a:hover, #content table form input[type=submit] + input[type=button]:hover {
            background: var(--button-bg-hover);
            color: var(--button-color-hover)
        }

    #content fieldset.filter-box {
        padding: 25px 20px 15px
    }

        #content fieldset.filter-box p {
            margin: 15px 0 0
        }

    #content form[action*=workflows] p {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    #content form[action*=workflows] a {
        display: none
    }

    #content form[action*=workflows] label .jcf-select, #content form[action*=workflows] label .select2 {
        margin: 0 10px
    }

    #content form[action*=workflows] input[type=submit] ~ label {
        width: 100%;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        padding: 10px 0 0
    }

    #content #workflow_form fieldset {
        padding: 25px 20px 15px !important
    }

        #content #workflow_form fieldset:after {
            display: none
        }

        #content #workflow_form fieldset legend {
            background: var(--bg-box);
            position: relative;
            height: auto;
            margin: 0 0 -40px -20px;
            padding: 12px 20px 12px 50px;
            border-radius: var(--border-radius);
            width: calc(100% + 40px)
        }

            #content #workflow_form fieldset legend + div {
                position: relative
            }

                #content #workflow_form fieldset legend + div:after {
                    content: '';
                    display: block;
                    clear: both;
                    position: absolute;
                    top: 0;
                    left: -20px;
                    width: calc(100% + 40px);
                    height: 1px;
                    background: var(--border-color)
                }

    #content #settings .tab-content fieldset.box {
        padding: 40px 10px 15px
    }

        #content #settings .tab-content fieldset.box legend {
            top: 17px;
            left: 10px
        }

        #content #settings .tab-content fieldset.box[style*=background-color] {
            padding: 40px 10px 15px
        }

            #content #settings .tab-content fieldset.box[style*=background-color] legend {
                top: 14px;
                left: 10px
            }

    .controller-documents.action-index #main #content {
        padding: 0 10px 20px
    }

        .controller-documents.action-index #main #content > h2 {
            margin: 0 -10px 0;
            width: calc(100% + 20px)
        }

        .controller-documents.action-index #main #content #add-document {
            padding: 0;
            margin: 20px 0 0;
            -webkit-box-shadow: var(--box-shadow-null);
            box-shadow: var(--box-shadow-null);
            border-radius: 0
        }

    .controller-documents.action-index .documents-box {
        background: var(--bg-box)
    }

        .controller-documents.action-index .documents-box h4 a {
            padding: 15px 10px
        }

            .controller-documents.action-index .documents-box h4 a:after {
                background: var(--icon_bg)
            }

        .controller-documents.action-index .documents-box h4 .open-documents {
            margin: 0 10px
        }

            .controller-documents.action-index .documents-box h4 .open-documents:after {
                color: var(--icon-color)
            }

            .controller-documents.action-index .documents-box h4 .open-documents:before {
                display: none
            }

        .controller-documents.action-index .documents-box .open-box .in-open {
            padding: 0 10px
        }

            .controller-documents.action-index .documents-box .open-box .in-open > * {
                margin: 10px 0
            }

            .controller-documents.action-index .documents-box .open-box .in-open p em {
                background: var(--bg-fff)
            }

    .controller-documents.action-show #main #content > h2 {
        margin: 0 -10px 20px
    }

    .controller-documents.action-show #main tr .icon, .controller-documents.action-show #main tr .icon-only {
        color: var(--icon-color)
    }

        .controller-documents.action-show #main tr .icon-only:before, .controller-documents.action-show #main tr .icon:before {
            background: var(--icon_bg)
        }

    #replies .contextual {
        opacity: 1
    }

    .controller-messages.action-show #main > #content {
        padding-bottom: 0
    }

        .controller-messages.action-show #main > #content > h2 {
            display: block
        }

            .controller-messages.action-show #main > #content > h2 img {
                float: left
            }

    .controller-messages #content {
        margin: 0
    }

    .controller-account #wrapper #header {
        left: auto;
        right: 0
    }

    .controller-account #wrapper3 {
        padding-top: 60px
    }

    .controller-account #footer {
        background: var(--bg-fff)
    }

    .flyout-is-active #wrapper, .flyout-is-active #wrapper #header {
        right: 250px
    }

    #wrapper #header {
        width: 100%;
        min-height: 0;
        margin: 0;
        border: none;
        position: fixed;
        top: 0;
        right: 0;
        padding: 10px 40px 10px 10px;
        background-color: var(--bg-fff);
        height: auto;
        border-bottom: 1px solid var(--border-color);
        z-index: 100;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        #wrapper #header #header #main-menu, #wrapper #header #top-menu {
            display: none
        }

        #wrapper #header h1 {
            display: block !important;
            font-size: 0;
            line-height: 30px;
            padding: 0 0 0 35px;
            height: 30px;
            min-height: 30px;
            overflow: hidden;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis
        }

            #wrapper #header h1:after {
                width: var(--icon-width);
                height: var(--icon-width);
                margin: 0
            }

            #wrapper #header #quick-search, #wrapper #header h1 .breadcrumbs {
                display: none !important
            }

        #wrapper #header .mobile-toggle-button {
            position: absolute;
            top: 50%;
            right: 0;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            width: 40px;
            height: 40px;
            color: var(--color-main-color);
            border: none;
            display: block
        }

            #wrapper #header .mobile-toggle-button:after {
                font-family: Verdana,sans-serif;
                display: block;
                content: '\2261';
                margin: 0;
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                left: 0;
                font-size: 35px;
                line-height: 40px
            }

    #wrapper #project-jump.drdn {
        height: 40px;
        padding: 0 70px 0 0
    }

        #wrapper #project-jump.drdn .drdn-trigger {
            height: 40px;
            color: var(--text-color-main);
            font-size: 1rem;
            line-height: 28px;
            position: relative;
            padding: 5px 0 5px 50px
        }

            #wrapper #project-jump.drdn .drdn-trigger:before {
                position: absolute;
                top: 0;
                left: 0;
                width: 40px;
                height: 40px;
                padding: 0;
                text-align: center;
                font-size: 20px;
                line-height: 44px;
                opacity: 1;
                -webkit-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                transform: rotate(180deg);
                -webkit-transition: transform var(--time-hover) ease-in-out;
                -o-transition: transform var(--time-hover) ease-in-out;
                -webkit-transition: -webkit-transform var(--time-hover) ease-in-out;
                transition: -webkit-transform var(--time-hover) ease-in-out;
                transition: transform var(--time-hover) ease-in-out;
                transition: transform var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
            }

            #wrapper #project-jump.drdn .drdn-trigger:after {
                content: '';
                display: block;
                clear: both;
                position: absolute;
                top: 0;
                left: 41px;
                width: 1px;
                height: 100%;
                background: var(--text-color-main)
            }

    #wrapper #project-jump.expanded .drdn-trigger:before {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }

    #wrapper .flyout-menu__search {
        height: auto;
        line-height: inherit;
        position: relative;
        margin: 0 0 10px;
        padding-top: 8px;
        padding-left: 10px;
        padding-right: 10px
    }

        #wrapper .flyout-menu__search input[type=text] {
            height: 30px;
            font-size: 1rem;
            line-height: 20px;
            padding: 5px 30px 5px 5px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            width: 100%;
            border-radius: var(--border-radius-small)
        }

    #wrapper .search-magnifier--flyout {
        display: none !important
    }

    .has-sidebar #wrapper {
        padding-left: 0
    }

    .controller-issues #main .badge {
        left: 10px
    }

        .controller-issues #main .badge.badge-private {
            left: 0
        }

        .controller-issues #main .badge > #content > .contextual:not(.next-prev-links) .drdn-items {
            display: block;
            padding: 0;
            margin: 0
        }

            .controller-issues #main .badge > #content > .contextual:not(.next-prev-links) .drdn-items a.icon {
                margin: 0 5px
            }

    .controller-public_tickets.action-show #header {
        padding-top: 20px
    }

    .controller-public_tickets #content #update .box {
        padding: 20px;
        margin: 0 0 20px
    }

        .controller-public_tickets #content #update .box p {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            padding: 0;
            font-weight: 700
        }

            .controller-public_tickets #content #update .box p label {
                margin: 0 0 10px !important;
                font-weight: 700;
                width: 100% !important
            }

    #tab-content-timelog #issue_timelog_table {
        width: 100%;
        margin: 0 0 20px;
        float: none
    }

    #tab-content-timelog #issue_timelog {
        width: 100%;
        float: none
    }

    body.controller-issues.action-show div.issue.details .value {
        overflow: hidden
    }

    body.controller-issues.action-index #main #content {
        padding-left: 10px;
        padding-right: 10PX
    }

    body.controller-issues.action-index .query-totals {
        padding: 0 0 10px
    }

    body.controller-issues.action-index .autoscroll {
        margin-left: -10px;
        margin-right: -10px;
        width: calc(100% + 20px)
    }

    .controller-issues.action-index table.list tr:not(.group) td:not(.id):not(.subject):not(.buttons):not(.assigned_to), .controller-issues.action-index table.list tr:not(.group) th:not(.id):not(.subject):not(.buttons):not(.assigned_to) {
        display: none
    }

    .controller-issues.action-index table.list tr:not(.group) td.assigned_to, .controller-issues.action-index table.list tr:not(.group) td.subject, .controller-issues.action-index table.list tr:not(.group) th.assigned_to, .controller-issues.action-index table.list tr:not(.group) th.subject {
        text-align: left
    }

    .controller-issues.action-index #query_form .holder-filters .in-filter {
        padding: 0 0 10px;
        margin-bottom: 20px
    }

    .value .dynamicEdit, .value .fa {
        display: none !important
    }

    .open-sidebar-link {
        display: none
    }

    .next-prev-links.contextual a[accesskey="n"]:before, .next-prev-links.contextual a[accesskey="p"]:before {
        display: none
    }

    body.controller-issues #query_form_with_buttons .holder-filters .in-filter {
        padding: 0 10px 20px
    }

    body.controller-issues .query-totals {
        padding: 0 10px 10px
    }

    body.controller-issues.action-show.issues-contextual #wrapper2, body.controller-issues.action-show.loggedas #wrapper2 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    body.controller-issues.action-show.issues-contextual #main #content > .contextual, body.controller-issues.action-show.loggedas #main #content > .contextual {
        position: fixed;
        top: auto;
        bottom: 0;
        left: 0;
        width: 100%;
        background: var(--bg-body);
        height: 50px !important;
        margin-top: 0 !important;
        border-top: 1px solid var(--border-color);
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transition: left var(--time-main) ease-in-out;
        -o-transition: left var(--time-main) ease-in-out;
        transition: left var(--time-main) ease-in-out
    }

        body.controller-issues.action-show.issues-contextual #main #content > .contextual .assign-to-me, body.controller-issues.action-show.issues-contextual #main #content > .contextual .icon, body.controller-issues.action-show.loggedas #main #content > .contextual .assign-to-me, body.controller-issues.action-show.loggedas #main #content > .contextual .icon {
            color: var(--icon-color);
            margin: 0 5px
        }

            body.controller-issues.action-show.issues-contextual #main #content > .contextual .assign-to-me:before, body.controller-issues.action-show.issues-contextual #main #content > .contextual .icon:before, body.controller-issues.action-show.loggedas #main #content > .contextual .assign-to-me:before, body.controller-issues.action-show.loggedas #main #content > .contextual .icon:before {
                background: var(--icon_bg)
            }

            body.controller-issues.action-show.issues-contextual #main #content > .contextual .assign-to-me.new-icon-save, body.controller-issues.action-show.issues-contextual #main #content > .contextual .icon.new-icon-save, body.controller-issues.action-show.loggedas #main #content > .contextual .assign-to-me.new-icon-save, body.controller-issues.action-show.loggedas #main #content > .contextual .icon.new-icon-save {
                color: var(--icon-save-color) !important;
                background: var(--icon-save-bg);
                border-radius: var(--icon-border-radius)
            }

            body.controller-issues.action-show.issues-contextual #main #content > .contextual .assign-to-me.new-icon-close, body.controller-issues.action-show.issues-contextual #main #content > .contextual .icon.new-icon-close, body.controller-issues.action-show.loggedas #main #content > .contextual .assign-to-me.new-icon-close, body.controller-issues.action-show.loggedas #main #content > .contextual .icon.new-icon-close {
                color: var(--icon-close-color) !important;
                background: var(--icon-close-color-hover);
                border-radius: var(--icon-border-radius)
            }

        body.controller-issues.action-show.issues-contextual #main #content > .contextual .drdn-items, body.controller-issues.action-show.loggedas #main #content > .contextual .drdn-items {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

            body.controller-issues.action-show.issues-contextual #main #content > .contextual .drdn-items a.icon, body.controller-issues.action-show.loggedas #main #content > .contextual .drdn-items a.icon {
                margin: 0 5px !important
            }

        body.controller-issues.action-show.issues-contextual #main #content > .contextual.hidden-link .assign-to-me, body.controller-issues.action-show.issues-contextual #main #content > .contextual.hidden-link .icon:not(.new-icon), body.controller-issues.action-show.loggedas #main #content > .contextual.hidden-link .assign-to-me, body.controller-issues.action-show.loggedas #main #content > .contextual.hidden-link .icon:not(.new-icon) {
            display: none
        }

    body.controller-issues.action-show #main #content h2 {
        width: calc(100% + 20px);
        padding: 15px 75px 15px 45px;
        margin: 0 -10px 20px
    }

    body.controller-issues.action-show #main #content p.other-formats {
        position: static;
        width: 100%
    }

    body.controller-issues.action-show #issue_tree table.list, body.controller-issues.action-show #relations table.list {
        border-spacing: 0;
        -webkit-box-shadow: var(--box-shadow-null);
        box-shadow: var(--box-shadow-null);
        border-radius: 0;
        border-bottom: 1px solid var(--border-color);
        border-right: 1px solid var(--border-color);
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        body.controller-issues.action-show #issue_tree table.list > tbody > tr:first-child > td:first-child, body.controller-issues.action-show #relations table.list > tbody > tr:first-child > td:first-child {
            -moz-border-top-left-radius: 0;
            border-top-left-radius: 0
        }

        body.controller-issues.action-show #issue_tree table.list > tbody > tr:first-child > td:last-child, body.controller-issues.action-show #relations table.list > tbody > tr:first-child > td:last-child {
            -moz-border-top-right-radius: 0;
            border-top-right-radius: 0
        }

        body.controller-issues.action-show #issue_tree table.list > tbody > tr:last-child > td:first-child, body.controller-issues.action-show #relations table.list > tbody > tr:last-child > td:first-child {
            -moz-border-bottom-left-radius: 0;
            border-bottom-left-radius: 0
        }

        body.controller-issues.action-show #issue_tree table.list > tbody > tr:last-child > td:last-child, body.controller-issues.action-show #relations table.list > tbody > tr:last-child > td:last-child {
            -moz-border-bottom-right-radius: 0;
            border-bottom-right-radius: 0
        }

    body.controller-issues.action-show #issue_tree .contextual a:before, body.controller-issues.action-show #relations .contextual a:before {
        display: none !important
    }

    body.controller-issues tr.issue table.progress {
        width: 100%;
        min-width: 100%;
        max-width: 160px
    }

    body.controller-issues #issue_tree tr.issue, body.controller-issues #relations tr.issue {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        body.controller-issues #issue_tree tr.issue > td, body.controller-issues #relations tr.issue > td {
            -webkit-box-flex: 1;
            -ms-flex: 1 0 auto;
            flex: 1 0 auto;
            border: 0;
            border-top: 1px solid var(--border-color) !important;
            border-left: 1px solid var(--border-color) !important;
            width: 33.3333% !important;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            margin: 0
        }

            body.controller-issues #issue_tree tr.issue > td:not(.checkbox), body.controller-issues #relations tr.issue > td:not(.checkbox) {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                vertical-align: center;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap
            }

            body.controller-issues #issue_tree tr.issue > td.subject, body.controller-issues #relations tr.issue > td.subject {
                width: 100% !important;
                word-break: break-word
            }

            body.controller-issues #issue_tree tr.issue > td.buttons, body.controller-issues #relations tr.issue > td.buttons {
                position: static;
                -webkit-box-pack: end;
                -ms-flex-pack: end;
                justify-content: flex-end
            }

    body.controller-issues.action-index #content {
        display: none
    }

        body.controller-issues.action-index #content > .nodata, body.controller-issues.action-index #content > .warning {
            margin-right: 10px;
            margin-left: 10px
        }

    #main > #content + #history {
        padding: 10px;
        -webkit-box-shadow: var(--box-shadow-null);
        box-shadow: var(--box-shadow-null);
        border-radius: 0
    }

        #main > #content #history .journal h4, #main > #content + #history .journal h4 {
            padding: 0 0 10px;
            margin: 0 0 10px
        }

        #main > #content #history .journal > div:target:after, #main > #content + #history .journal > div:target:after {
            left: -10px;
            width: calc(100% + 20px)
        }

    #main .toggle-multiselect, #main span.toggle-multiselect.icon-only {
        display: none !important
    }

    table.list {
        -webkit-box-shadow: var(--box-shadow-null);
        box-shadow: var(--box-shadow-null)
    }

        table.list > tbody > tr.issue.context-menu-selection > td, table.list > tbody > tr.issue.context-menu-selection > td.checkbox, table.list > tbody > tr.issue.context-menu-selection > td.subject, table.list > tbody > tr.issue.idnt > td, table.list > tbody > tr.issue.idnt > td.checkbox, table.list > tbody > tr.issue.idnt > td.subject, table.list > tbody > tr:hover > td, table.list > tbody > tr:hover > td.checkbox, table.list > tbody > tr:hover > td.subject {
            background: var(--bg-fff)
        }

    .controller-account #main #content {
        width: calc(100% - 20px) !important;
        margin: 20px auto !important
    }

    html.flyout-is-active {
        overflow: hidden
    }

        html.flyout-is-active body {
            overflow: hidden
        }

        html.flyout-is-active #wrapper {
            overflow: visible;
            height: 100%
        }

    .has-main-menu #wrapper {
        padding-left: 0 !important
    }

    .has-main-menu #wrapper3 > #admin-menu, .has-main-menu #wrapper3 > #main-menu {
        top: -9999999px;
        left: -999999px
    }

    .controller-my .mypage-box, .controller-projects .mypage-box, .controller-welome .mypage-box {
        padding: 15px 10px;
        margin: 0 0 20px
    }

        .controller-my .mypage-box > .contextual, .controller-projects .mypage-box > .contextual, .controller-welome .mypage-box > .contextual {
            opacity: 1 !important;
            margin-top: 0;
            margin-bottom: 0
        }

    .controller-my #main > #content div#activity dl dt, .controller-projects #main > #content div#activity dl dt, .controller-welome #main > #content div#activity dl dt {
        background: var(--color-fff)
    }

    .controller-my #main > #content div#activity dl dd, .controller-projects #main > #content div#activity dl dd, .controller-welome #main > #content div#activity dl dd {
        background: var(--color-fff)
    }

    #block-my_deals #duplicates ul li {
        width: calc(33% - 14px)
    }

    #block-my_contacts_avatars .box {
        padding: 0;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        #block-my_contacts_avatars .box .tooltip {
            width: calc(50% - 14px)
        }

    #block-my_contacts .box ul li {
        width: calc(33% - 14px)
    }

    #block-my_resource_bookings h3 {
        position: relative;
        padding-left: 35px !important;
        min-height: 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        #block-my_resource_bookings h3 > * {
            margin: 0 5px 0 0
        }

        #block-my_resource_bookings h3 .icon-time-add {
            position: absolute;
            top: 0;
            left: 0
        }

    #block-timelog h3 {
        position: relative;
        padding-left: 35px !important;
        min-height: 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        #block-timelog h3 > * {
            margin: 0 5px 0 0
        }

        #block-timelog h3 .icon-add {
            position: absolute;
            top: 2px;
            left: 0
        }

    .controller-news .attachments .contextual {
        margin: 0 -40px 0 0 !important
    }

    .controller-news .news-article .wiki {
        padding: 10px
    }

    .controller-news.action-show #main > #content h3.comments {
        padding: 10px 10px;
        margin: 0 -10px 20px;
        width: calc(100% + 20px)
    }

        .controller-news.action-show #main > #content h3.comments:before {
            left: 10px
        }

    .controller-news.action-show #main tr .icon, .controller-news.action-show #main tr .icon-only {
        color: var(--icon-color)
    }

        .controller-news.action-show #main tr .icon-only:before, .controller-news.action-show #main tr .icon:before {
            background: var(--icon_bg)
        }

        .controller-news.action-show #main tr .icon-only:hover, .controller-news.action-show #main tr .icon:hover {
            color: var(--icon-color-hover)
        }

            .controller-news.action-show #main tr .icon-only:hover:before, .controller-news.action-show #main tr .icon:hover:before {
                background: var(--icon_bg_hover)
            }

    .controller-news.action-show #comments .contextual a {
        color: var(--icon-color)
    }

        .controller-news.action-show #comments .contextual a:before {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
            background: var(--icon_bg) !important
        }

        .controller-news.action-show #comments .contextual a:hover {
            color: var(--icon-color-hover)
        }

            .controller-news.action-show #comments .contextual a:hover:before {
                background: var(--icon_bg_hover)
            }

    .controller-news.action-index #main > #content {
        padding: 0 10px 56px
    }

        .controller-news.action-index #main > #content > h2 {
            margin-left: -10px;
            margin-right: -10px;
            margin-bottom: 20px;
            width: calc(100% + 20px)
        }

    .controller-news.action-index h3.comments {
        margin: 0 -10px 20px;
        padding: 10px 10px;
        width: calc(100% + 20px)
    }

    .controller-news #add-news {
        padding: 0 10px
    }

        .controller-news #add-news h2 {
            margin-left: 0 !important;
            margin-right: 0 !important
        }

    .controller-news .news-article {
        background: var(--bg-box)
    }

        .controller-news .news-article header {
            padding: 10px 60px 10px 10px
        }

            .controller-news .news-article header:after {
                right: 50px;
                background: var(--border-color)
            }

    .controller-news #add-news {
        padding: 0;
        margin: 0 0 20px;
        -webkit-box-shadow: var(--box-shadow-null);
        box-shadow: var(--box-shadow-null);
        border-radius: 0
    }

    .controller-issues.action-show.loggedas #main {
        margin: 0 0 10px
    }

    .controller-issues.action-show #issue_tree, .controller-issues.action-show #relations {
        width: calc(100% + 20px) !important;
        margin: -1px -10px 20px;
        padding: 15px 10px
    }

    .controller-issues.action-show #main div.issue .contextual {
        right: 10px;
        top: 10px
    }

    .controller-issues.action-index #main > #content {
        padding: 0
    }

        .controller-issues.action-index #main > #content span.pagination {
            width: 100%;
            margin: 20px 0 0
        }

        .controller-issues.action-index #main > #content p.other-formats {
            margin-top: 20px;
            width: 100%;
            position: static
        }

    #main > #content span.pagination {
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        #main > #content span.pagination .pages li.next, #main > #content span.pagination .pages li.previous {
            width: auto
        }

            #main > #content span.pagination .pages li.next a:before, #main > #content span.pagination .pages li.previous a:before {
                display: none
            }

    #projects-index + p .icon-bookmarked-project, #projects-index + p .my-project {
        padding: 8px 0 8px 40px
    }

        #projects-index + p .icon-bookmarked-project:after, #projects-index + p .my-project:after {
            left: 10px
        }

    .controller-projects.action-index form[action="/projects"] label[for=closed] {
        position: absolute;
        top: 100%;
        right: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 20px 0 0 0;
        padding: 0 0 0 20px;
        white-space: nowrap
    }

    .controller-projects.action-index #content #query_form {
        padding: 0;
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }

        .controller-projects.action-index #content #query_form .holder-filters {
            padding: 0;
            width: 100%;
            margin-left: 0;
            margin-right: 0
        }

            .controller-projects.action-index #content #query_form .holder-filters .in-filter {
                padding: 0;
                border-radius: 0;
                -webkit-box-shadow: var(--box-shadow-null);
                box-shadow: var(--box-shadow-null)
            }

    .controller-projects.action-index #main #content {
        padding: 0 10px
    }

        .controller-projects.action-index #main #content > h2 {
            margin-left: -10px;
            margin-right: -10px;
            margin-bottom: 20px;
            width: calc(100% + 20px)
        }

        .controller-projects.action-index #main #content p.other-formats {
            position: static;
            width: 100%
        }

        .controller-projects.action-index #main #content p[style="text-align:right;"] {
            margin: 20px 0
        }

        .controller-projects.action-index #main #content .project:after {
            color: var(--icon-color-bg)
        }

        .controller-projects.action-index #main #content p[style="text-align:right;"] .icon-fav {
            padding-left: 30px
        }

            .controller-projects.action-index #main #content p[style="text-align:right;"] .icon-fav:after {
                left: 10px
            }

        .controller-projects.action-index #main #content .pagination ~ p[style="text-align:right;"] {
            margin: 10px 0
        }

    .controller-projects.action-index #projects-index, .controller-welcome.action-index #projects-index {
        padding-top: 20px
    }

        .controller-projects.action-index #projects-index > ul.projects li.root, .controller-welcome.action-index #projects-index > ul.projects li.root {
            background: var(--bg-box)
        }

        .controller-projects.action-index #projects-index > ul.projects .project, .controller-welcome.action-index #projects-index > ul.projects .project {
            padding: 15px 20px 15px 40px;
            font-size: 1rem;
            line-height: 1.4
        }

            .controller-projects.action-index #projects-index > ul.projects .project:after, .controller-welcome.action-index #projects-index > ul.projects .project:after {
                width: var(--icon-width-small);
                height: var(--icon-width-small);
                font-size: var(--icon-font-size-small);
                line-height: var(--icon-width-small);
                margin: -10px 0 0
            }

        .controller-projects.action-index #projects-index > ul.projects ul.projects, .controller-welcome.action-index #projects-index > ul.projects ul.projects {
            margin: 0 0 0 40px
        }

            .controller-projects.action-index #projects-index > ul.projects ul.projects a.project, .controller-welcome.action-index #projects-index > ul.projects ul.projects a.project {
                padding: 15px 30px 15px 30px
            }

                .controller-projects.action-index #projects-index > ul.projects ul.projects a.project:after, .controller-welcome.action-index #projects-index > ul.projects ul.projects a.project:after {
                    left: 0
                }

            .controller-projects.action-index #projects-index > ul.projects ul.projects ul.projects, .controller-welcome.action-index #projects-index > ul.projects ul.projects ul.projects {
                margin: 0 0 0 30px
            }

        .controller-projects.action-index #projects-index .list-buttons, .controller-welcome.action-index #projects-index .list-buttons {
            padding: 0 10px 0 10px
        }

        .controller-projects.action-index #projects-index .open-projects, .controller-projects.action-index #projects-index .open-wiki, .controller-welcome.action-index #projects-index .open-projects, .controller-welcome.action-index #projects-index .open-wiki {
            color: var(--icon-color-bg)
        }

    #wrapper #sidebar {
        top: -99999px !important;
        left: -9999px !important;
        position: absolute
    }

    body #top-menu {
        padding: 0;
        width: auto;
        background: 0 0;
        border: 0
    }

        body #top-menu .revo-user-menu {
            display: none
        }

    body #header #main-menu, body #top-menu {
        display: block;
        position: fixed;
        top: 10px;
        left: auto;
        right: 40px;
        z-index: 101
    }

    body #top-menu {
        padding: 0;
        border: 0
    }

        body #top-menu #loggedas {
            display: none
        }

    div.modal .box p {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0
    }

    div.modal fieldset.box:last-of-type {
        padding-top: 50px !important
    }

    .controller-wiki.action-date_index #main #content > h2 {
        margin-bottom: 20px;
        margin-left: -10px;
        margin-right: -10px;
        width: calc(100% + 20px)
    }

    .controller-wiki.action-date_index #main #content h3:after {
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .controller-wiki.action-date_index #main #content #wiki-new:after {
        width: 14px
    }

    .controller-wiki.action-index {
        margin-bottom: 20px
    }

    #main #content div.wiki + fieldset {
        padding: 25px 10px 15px
    }

        #main #content div.wiki + fieldset legend:before {
            display: none
        }

    .controller-wiki.action-show #main #content .wiki-page h1:first-of-type {
        background-color: var(--bg-box);
        padding: 15px 10px 15px 45px;
        margin: 0 -10px 20px;
        width: calc(100% + 20px);
        background-position: 10px 50%;
        background-size: 25px auto
    }

    .controller-wiki.action-show #main #content > .contextual .drdn-content {
        left: auto;
        right: 0;
        padding: 5px;
        white-space: nowrap
    }

    .controller-wiki.action-show #main #content > .contextual .drdn {
        padding: 0;
        margin: 0
    }

        .controller-wiki.action-show #main #content > .contextual .drdn .drdn-trigger {
            display: none
        }

        .controller-wiki.action-show #main #content > .contextual .drdn .drdn-content {
            position: static;
            border: 0;
            padding: 0;
            background: 0 0;
            display: block
        }

        .controller-wiki.action-show #main #content > .contextual .drdn .drdn-items {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            background: 0 0
        }

        .controller-wiki.action-show #main #content > .contextual .drdn a.icon {
            color: var(--icon-color-bg);
            width: var(--icon-width);
            height: var(--icon-width);
            min-width: var(--icon-width);
            min-height: var(--icon-width);
            font-size: 0;
            line-height: 0;
            padding: 0;
            background: 0 0
        }

            .controller-wiki.action-show #main #content > .contextual .drdn a.icon:after {
                left: 0;
                font-size: var(--icon-font-size) !important;
                line-height: var(--icon-font-size) !important;
                width: var(--icon-width);
                height: var(--icon-width);
                min-width: var(--icon-width);
                min-height: var(--icon-width);
                color: var(--icon-color-bg)
            }

            .controller-wiki.action-show #main #content > .contextual .drdn a.icon:before {
                left: 0;
                background: var(--icon_bg-bg);
                width: var(--icon-width);
                height: var(--icon-width);
                min-width: var(--icon-width);
                min-height: var(--icon-width);
                -webkit-transform: scale(0);
                -ms-transform: scale(0);
                transform: scale(0);
                border-radius: var(--icon-border-radius);
                -webkit-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
                -o-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
                -webkit-transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
                transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
                transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
                transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
            }

            .controller-wiki.action-show #main #content > .contextual .drdn a.icon:hover {
                color: var(--icon-color-hover-bg)
            }

                .controller-wiki.action-show #main #content > .contextual .drdn a.icon:hover:after {
                    color: var(--icon-color-hover-bg)
                }

                .controller-wiki.action-show #main #content > .contextual .drdn a.icon:hover:before {
                    background: var(--icon_bg_hover-bg);
                    -webkit-transform: scale(1);
                    -ms-transform: scale(1);
                    transform: scale(1)
                }

    .controller-wiki.action-show #main #content .other-formats {
        position: static
    }

    .controller-wiki .wiki-update-info {
        margin: 0;
        bottom: 20px;
        height: 31px;
        left: 10px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: static;
        max-width: 100%
    }

        .controller-wiki .wiki-update-info .badge {
            margin: 0 0 0 5px
        }

    .controller-wiki #content > .pages-hierarchy {
        padding: 0 10px !important
    }

        .controller-wiki #content > .pages-hierarchy > li {
            background: var(--bg-box);
            border-radius: var(--border-radius)
        }

        .controller-wiki #content > .pages-hierarchy a {
            padding: 15px 10px
        }

        .controller-wiki #content > .pages-hierarchy .link-wiki {
            color: var(--color-main-color)
        }

            .controller-wiki #content > .pages-hierarchy .link-wiki:before {
                display: none
            }

        .controller-wiki #content > .pages-hierarchy .has-drop > a:after {
            border-color: var(--color-dark-grey)
        }

    .controller-wiki.action-date_index #wrapper #wrapper2:after {
        background: var(--bg-body)
    }

    .controller-wiki.action-date_index #main #content {
        padding-left: 10px;
        padding-right: 10px
    }

        .controller-wiki.action-date_index #main #content h3:before {
            left: 6px;
            height: 60%
        }

        .controller-wiki.action-date_index #main #content .holder-wiki-date:before {
            left: 6px
        }

        .controller-wiki.action-date_index #main #content .holder-wiki-date ul {
            padding: 0;
            background: 0 0
        }

            .controller-wiki.action-date_index #main #content .holder-wiki-date ul a {
                border-radius: var(--border-radius)
            }

    #version-summary fieldset {
        padding: 15px 10px
    }

        #version-summary fieldset legend {
            display: block;
            position: relative;
            top: 0;
            left: 0;
            padding: 10px;
            margin-left: -10px;
            margin-right: -10px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            width: calc(100% + 20px);
            background: var(--bg-box);
            border-radius: var(--border-radius)
        }

            #version-summary fieldset legend .jcf-select {
                margin: 5px 0;
                -webkit-box-flex: 1;
                -ms-flex: 1 0 auto;
                flex: 1 0 auto;
                width: 100%
            }

            #version-summary fieldset legend .select2 {
                margin: 5px 0;
                width: 100%
            }

    #main > #content div#roadmap h2 {
        background-color: var(--bg-box);
        background-position: 10px 50%;
        background-size: 25px auto;
        margin: 0 -10px 20px;
        padding: 15px 120px 15px 45px;
        width: calc(100% + 20px);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .version-article {
        padding: 10px 10px 20px;
        margin: 0 0 10px;
        border-radius: 0;
        -webkit-box-shadow: var(--box-shadow-null);
        box-shadow: var(--box-shadow-null);
        position: relative
    }

        .version-article:hover {
            -webkit-box-shadow: var(--box-shadow-null);
            box-shadow: var(--box-shadow-null)
        }

        .version-article:after {
            content: '';
            display: block;
            clear: both;
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 1px;
            background: var(--border-color)
        }

        .version-article:last-child {
            margin: 0
        }

            .version-article:last-child:after {
                display: none
            }

    .version-overview table.progress {
        width: 100% !important;
        margin-right: 0 !important
    }

    .controller-versions.loggedas.action-index #main > #content h3 {
        width: calc(100% - 40px)
    }

    .controller-email_logs.action-index .autoscroll {
        margin: 0 0 20px
    }

    .controller-email_logs.action-index #main #content fieldset.filter-box .open-box .admin-filter label[for=to] {
        margin-left: 0
    }

    .controller-email_logs.action-index #main #content fieldset.filter-box .open-box .admin-filter label[for="q"] {
        margin-left: 0
    }

    .controller-issuecloser.action-index .autoscroll {
        margin: 0 0 20px
    }

    #impersonation-bar {
        margin: 51px 0 0 !important
    }
}

@media screen and (max-width:899px) {
    .mypage-box > .contextual {
        opacity: 1
    }
}

@media screen and (max-width:768px) {
    #main {
        padding: 0 20px
    }

    fieldset#filters table {
        display: block;
        width: 100%;
        overflow: hidden
    }

        fieldset#filters table tbody, fieldset#filters table tr {
            display: block;
            width: 100%;
            overflow: hidden;
            height: auto !important
        }

        fieldset#filters table td {
            display: block;
            overflow: hidden;
            width: 100%;
            padding: 5px 0
        }

            fieldset#filters table td.field {
                width: 100%
            }

    .controller-repositories #main #content h2 {
        margin-bottom: 20px
    }

    .controller-repositories #main > #content > .contextual:not(.next-prev-links) {
        position: static;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        min-width: 100%;
        width: 100%;
        margin: 0 0 10px
    }

        .controller-repositories #main > #content > .contextual:not(.next-prev-links) form[action*=repository] {
            position: static;
            margin: 0 0 10px;
            max-width: 100%;
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            padding: 0
        }

            .controller-repositories #main > #content > .contextual:not(.next-prev-links) form[action*=repository] input[type=submit] {
                margin: 10px 0 !important
            }

    .controller-repositories.action-diff #main > #content h2, .controller-repositories.action-revision #main > #content h2, .controller-repositories.action-revisions #main > #content h2 {
        margin: 0 0 20px
    }

    .controller-repositories.action-diff #main > #content > .contextual:not(.next-prev-links), .controller-repositories.action-revision #main > #content > .contextual:not(.next-prev-links), .controller-repositories.action-revisions #main > #content > .contextual:not(.next-prev-links) {
        display: block
    }

        .controller-repositories.action-diff #main > #content > .contextual:not(.next-prev-links) form[action*=repository], .controller-repositories.action-revision #main > #content > .contextual:not(.next-prev-links) form[action*=repository], .controller-repositories.action-revisions #main > #content > .contextual:not(.next-prev-links) form[action*=repository] {
            padding: 0
        }

            .controller-repositories.action-diff #main > #content > .contextual:not(.next-prev-links) form[action*=repository] #rev, .controller-repositories.action-diff #main > #content > .contextual:not(.next-prev-links) form[action*=repository] input[type=submit], .controller-repositories.action-revision #main > #content > .contextual:not(.next-prev-links) form[action*=repository] #rev, .controller-repositories.action-revision #main > #content > .contextual:not(.next-prev-links) form[action*=repository] input[type=submit], .controller-repositories.action-revisions #main > #content > .contextual:not(.next-prev-links) form[action*=repository] #rev, .controller-repositories.action-revisions #main > #content > .contextual:not(.next-prev-links) form[action*=repository] input[type=submit] {
                margin: 0 0 0 10px !important
            }

    #admin-index #admin-menu ul li a, #admin-index #admin-menu ul li a.selected {
        font-size: 1.28571429rem
    }

    #content form.filter-box fieldset .open-box .admin-filter {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        #content form.filter-box fieldset .open-box .admin-filter label {
            display: block;
            width: 100%;
            margin: 0 0 5px !important
        }

        #content form.filter-box fieldset .open-box .admin-filter input[type=checkbox] + label, #content form.filter-box fieldset .open-box .admin-filter input[type=radio] + label {
            display: inline
        }

        #content form.filter-box fieldset .open-box .admin-filter .jcf-select {
            width: 100%;
            margin: 0 0 15px !important
        }

        #content form.filter-box fieldset .open-box .admin-filter input[type=text] {
            margin: 0 0 15px !important;
            width: 100%;
            -webkit-box-flex: 1;
            -ms-flex: 1 0 auto;
            flex: 1 0 auto
        }

        #content form.filter-box fieldset .open-box .admin-filter input[type=submit] {
            margin: 0 !important
        }

    #header {
        padding: 20px 20px
    }

    .controller-account #main #content {
        padding: 90px 20px 30px
    }

        .controller-account #main #content:after {
            top: 15px;
            width: 100%;
            height: 60px;
            background-size: contain;
            margin: 0
        }
}

@media (max-width:768px) {
    table.list td, table.list td.checkbox, table.list th {
        padding: 10px
    }

    table.list th {
        font-size: 1rem
    }
}

@media screen and (max-width:700px) {
    #content #query_form[action*=gantt] #query_form_with_buttons > .buttons, #content #query_form[action*=gantt] > .buttons {
        overflow: hidden;
        width: 100%;
        padding: 10px 0 0;
        margin: 0 0 20px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        max-width: 100%
    }

        #content #query_form[action*=gantt] #query_form_with_buttons > .buttons .jcf-select, #content #query_form[action*=gantt] #query_form_with_buttons > .buttons .select2, #content #query_form[action*=gantt] > .buttons .jcf-select, #content #query_form[action*=gantt] > .buttons .select2 {
            margin: 10px 0 !important;
            width: 100%;
            -webkit-box-flex: 1;
            -ms-flex: 1 0 auto;
            flex: 1 0 auto;
            max-width: 100%
        }

            #content #query_form[action*=gantt] #query_form_with_buttons > .buttons .jcf-select:last-of-type, #content #query_form[action*=gantt] #query_form_with_buttons > .buttons .select2:last-of-type, #content #query_form[action*=gantt] > .buttons .jcf-select:last-of-type, #content #query_form[action*=gantt] > .buttons .select2:last-of-type {
                margin: 0 0 10px !important
            }

        #content #query_form[action*=gantt] #query_form_with_buttons > .buttons .icon-checked, #content #query_form[action*=gantt] > .buttons .icon-checked {
            margin: 0 !important
        }

        #content #query_form[action*=gantt] #query_form_with_buttons > .buttons #months, #content #query_form[action*=gantt] > .buttons #months {
            width: 100%;
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1
        }
}

@media screen and (max-width:650px) {
    #content form input[type=submit] ~ .icon.icon-reload, #content form p input[type=submit] ~ .icon.icon-reload {
        margin-left: 0 !important;
        margin-top: 10px !important;
        width: 100%;
        text-align: center
    }

    body #main > #content .breadcrumb ~ .contextual {
        top: 44px
    }

    #notes .redmine-evolution-attachments .holder-gal ul li {
        width: 220px
    }

        #notes .redmine-evolution-attachments .holder-gal ul li .in {
            min-width: 210px;
            width: 210px
        }

    .controller-resource_bookings a[accesskey="n"], .controller-resource_bookings a[accesskey="p"] {
        padding: 8px 10px
    }

    fieldset#filters table td {
        padding: 0 0 5px
    }

    fieldset#filters .add-filter {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        display: block;
        border-top: 1px solid var(--border-color);
        padding-top: 10px;
        margin-top: 10px
    }

        fieldset#filters .add-filter label {
            display: block;
            width: 100%;
            margin: 0 0 5px !important
        }

    body #wrapper3 {
        padding: 0 0 32px
    }

    #content form input[type=submit] {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 10px 0 0
    }

        #content form input[type=submit] + a {
            text-align: center;
            width: 100%;
            display: block;
            margin: 10px 0 0;
            padding: 8px 30px;
            font-size: 1rem;
            line-height: 1rem
        }

            #content form input[type=submit] + a:after {
                display: none
            }

    #content form #time_entry_issue > a, #content form em.info {
        margin-left: 0
    }

    #content form .tabular p em.info {
        display: block;
        width: 100%;
        padding: 0;
        margin: 5px 0 0 !important
    }

    #content form .box p label.inline {
        display: block;
        margin-left: 0 !important
    }

    #content form #issue_due_date, #content form #issue_start_date {
        min-width: 100%;
        margin-right: 0;
        margin-bottom: 10px
    }

    #content form input[type=submit] {
        margin: 10px 0 0
    }

        #content form input[type=submit] + a, #content form input[type=submit] + input[type=button] {
            margin: 10px 0 0 !important
        }

    #content form em.info input[type=submit] {
        margin: 0
    }

    #main > #content p.other-formats {
        position: static;
        width: 100%;
        padding: 0
    }

    #main div.issue .contextual {
        top: 10px !important
    }

        #main div.issue .contextual.next-prev-links {
            top: 0 !important
        }

        #main div.issue .contextual .journal-link {
            display: none
        }

    #main div.issue .attachments {
        padding-top: 30px;
        padding-bottom: 10px
    }

        #main div.issue .attachments .contextual {
            top: 0 !important
        }

    #main .attachments {
        padding: 0;
        margin: 0;
        position: relative
    }

        #main .attachments .contextual {
            position: absolute;
            top: -30px !important;
            right: 0;
            margin-right: 0 !important
        }

        #main .attachments table {
            padding: 30px 0 0;
            border-collapse: collapse;
            margin: 0 0 10px
        }

            #main .attachments table tr[id*=attachment-] td {
                line-height: 1.1428rem;
                padding: 0 0 10px;
                border-bottom: 1px solid var(--border-color)
            }

                #main .attachments table tr[id*=attachment-] td:first-child {
                    padding-right: 5px
                }

                #main .attachments table tr[id*=attachment-] td:last-child {
                    padding-left: 5px
                }

            #main .attachments table tr:last-child td:last-child {
                padding: 0;
                border-bottom: 0
            }

    #main .attachments {
        padding: 0
    }

        #main .attachments table {
            padding: 30px 0 0;
            margin: 0 0 10px;
            overflow: hidden
        }

            #main .attachments table tr {
                display: block;
                width: 100%;
                overflow: hidden
            }

                #main .attachments table tr td {
                    display: block;
                    width: 100%;
                    text-align: left !important;
                    overflow: hidden
                }

                    #main .attachments table tr td:last-child {
                        padding-bottom: 10px;
                        margin-bottom: 10px;
                        border-bottom: 1px solid var(--border-color)
                    }

                #main .attachments table tr:last-child td {
                    padding: 0;
                    margin: 0;
                    border-bottom: 0
                }

            #main .attachments table .delete {
                float: right
            }

    .new_relation p {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .controller-resource_bookings.action-index .resource-planning-chart {
        table-layout: fixed
    }

    #main .box.attachments table tr[id*=attachment-] {
        display: block
    }

        #main .box.attachments table tr[id*=attachment-] td {
            display: block;
            width: 100%
        }

            #main .box.attachments table tr[id*=attachment-] td:first-child {
                padding-right: 0;
                padding-bottom: 10px;
                border-bottom: 0
            }

            #main .box.attachments table tr[id*=attachment-] td:last-child {
                padding-left: 0
            }

    .controller-repositories #main > #content > .contextual:not(.next-prev-links) {
        display: block
    }

        .controller-repositories #main > #content > .contextual:not(.next-prev-links) form[action*=repository] {
            display: block
        }

    .controller-repositories #content #revision_selector {
        width: calc(100vw - 20px)
    }

        .controller-repositories #content #revision_selector .select2 {
            margin: 0 0 5px
        }

        .controller-repositories #content #revision_selector .select2, .controller-repositories #content #revision_selector input[type=text] {
            max-width: calc(100vw - 20px);
            min-width: calc(100vw - 20px)
        }

        .controller-repositories #content #revision_selector input[type=text] {
            margin-left: 0 !important
        }

    .controller-repositories.action-diff #main > #content > .contextual:not(.next-prev-links), .controller-repositories.action-revision #main > #content > .contextual:not(.next-prev-links), .controller-repositories.action-revisions #main > #content > .contextual:not(.next-prev-links) {
        display: block
    }

        .controller-repositories.action-diff #main > #content > .contextual:not(.next-prev-links) form[action*=repository], .controller-repositories.action-revision #main > #content > .contextual:not(.next-prev-links) form[action*=repository], .controller-repositories.action-revisions #main > #content > .contextual:not(.next-prev-links) form[action*=repository] {
            padding: 0;
            display: block
        }

            .controller-repositories.action-diff #main > #content > .contextual:not(.next-prev-links) form[action*=repository] #rev, .controller-repositories.action-revision #main > #content > .contextual:not(.next-prev-links) form[action*=repository] #rev, .controller-repositories.action-revisions #main > #content > .contextual:not(.next-prev-links) form[action*=repository] #rev {
                margin: 0 !important
            }

            .controller-repositories.action-diff #main > #content > .contextual:not(.next-prev-links) form[action*=repository] input[type=submit], .controller-repositories.action-revision #main > #content > .contextual:not(.next-prev-links) form[action*=repository] input[type=submit], .controller-repositories.action-revisions #main > #content > .contextual:not(.next-prev-links) form[action*=repository] input[type=submit] {
                margin: 10px 0 !important
            }

    .controller-repositories form[action*=repository] + p a[href*=repository] {
        display: block;
        width: 100%;
        margin: 0;
        text-align: center
    }

    .controller-additionals_macros.action-show .info {
        margin-bottom: 10px
    }

    .controller-additionals_macros.action-show div.macro-title {
        padding-bottom: 5px;
        margin-bottom: 5px;
        border-bottom: 1px solid var(--border-color)
    }

    .controller-timelog.action-report #content form .select2 {
        margin-left: 0 !important;
        width: 100% !important;
        min-width: 100% !important
    }

    .controller-timelog.action-report #content form .tabs ~ p label[for=criterias] {
        margin-left: 0 !important
    }

    .controller-timelog.action-report #content form .tabs ~ p .icon-reload {
        width: 100%;
        text-align: center;
        margin-left: 0 !important;
        margin-top: 10px !important
    }

    .controller-timelog.action-new form[action*=time_entries] .autoscroll table {
        margin: 10px 0 0
    }

        .controller-timelog.action-new form[action*=time_entries] .autoscroll table tr {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-flow: column;
            flex-flow: column
        }

        .controller-timelog.action-new form[action*=time_entries] .autoscroll table th {
            width: 100%;
            max-width: 100%;
            padding: 0;
            margin: 0 0 5px
        }

        .controller-timelog.action-new form[action*=time_entries] .autoscroll table td {
            width: 100%;
            margin: 0
        }

        .controller-timelog.action-new form[action*=time_entries] .autoscroll table#issuelogtable tr {
            margin: 10px 0 0
        }

            .controller-timelog.action-new form[action*=time_entries] .autoscroll table#issuelogtable tr:first-child {
                margin: 0
            }

    .controller-timelog.action-new form[action*=time_entries] .jcf-select {
        min-width: 100px;
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    #main > #content #content > .contextual:not(.next-prev-links), #main > #content > .contextual:not(.next-prev-links) {
        top: 12px
    }

    .has-footer #main > #content {
        padding-bottom: 20px !important
    }

    #main > #content {
        padding-bottom: 20px !important
    }

        #main > #content:after {
            display: none
        }

        #main > #content h3 {
            margin: 0 0 15px
        }

        #main > #content #query_form > h2, #main > #content #query_form[action*='agile/board'] h2, #main > #content > h2 {
            margin: 0 -10px 20px;
            font-size: 1.1428rem;
            line-height: 1.4
        }

            #main > #content #query_form > h2 .live_search {
                float: none;
                display: block;
                margin: 15px 0 0;
                max-width: inherit;
                position: static;
                overflow: hidden;
                width: 100%
            }

                #main > #content #query_form > h2 .live_search input[type=text] {
                    margin: 0 !important;
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box;
                    min-width: 100%
                }

        #main > #content form .box p, #main > #content form .tabular p {
            padding: 0
        }

            #main > #content form .box p label:first-child, #main > #content form .tabular p label:first-child {
                margin: 0 0 5px 0 !important;
                padding: 0;
                width: 100%;
                float: none;
                display: block
            }

            #main > #content form .box p input[type=text]:not(.hasDatepicker), #main > #content form .tabular p input[type=text]:not(.hasDatepicker) {
                min-width: 100%;
                margin-left: 0 !important
            }

                #main > #content form .box p input[type=text]:not(.hasDatepicker) ~ input[type=text], #main > #content form .tabular p input[type=text]:not(.hasDatepicker) ~ input[type=text] {
                    margin-top: 10px !important
                }

                #main > #content form .box p input[type=text]:not(.hasDatepicker) ~ a, #main > #content form .tabular p input[type=text]:not(.hasDatepicker) ~ a {
                    margin-top: 10px !important;
                    margin-left: 0 !important
                }

                #main > #content form .box p input[type=text]:not(.hasDatepicker) ~ .jcf-select, #main > #content form .tabular p input[type=text]:not(.hasDatepicker) ~ .jcf-select {
                    margin: 10px 0 0 !important
                }

            #main > #content form .box p #settings_invoices_paypal_account, #main > #content form .tabular p #settings_invoices_paypal_account {
                margin-top: 10px
            }

        #main > #content form.tabular {
            padding: 5px 10px !important;
            display: block;
            margin-left: -10px;
            margin-right: -10px;
            width: calc(100% + 20px);
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

        #main > #content .box {
            padding: 15px 10px;
            width: calc(100% + 20px);
            border-radius: 0;
            margin-left: -10px !important;
            margin-right: -10px !important
        }

            #main > #content .box.tabular .tabular, #main > #content .box.tabular fieldset {
                margin-left: -10px;
                margin-right: -10px;
                padding: 15px 10px !important;
                width: calc(100% + 20px);
                border-radius: 0
            }

        #main > #content fieldset.box {
            padding: 15px 10px 15px
        }

            #main > #content fieldset.box legend {
                position: relative;
                top: 0;
                left: 0;
                padding: 10px;
                display: block;
                background: var(--bg-mobile);
                margin-left: -10px;
                margin-right: -10px;
                width: calc(100% + 20px);
                height: auto
            }

            #main > #content fieldset.box .box + .box {
                margin-top: 20px !important
            }

        #main > #content #content > .contextual, #main > #content .contextual {
            top: 11px
        }

            #main > #content #content > .contextual.next-prev-links, #main > #content .contextual.next-prev-links {
                top: -10px
            }

    #main .attachments_form .attachments_fields > span {
        padding: 0 0 10px;
        border-bottom: 1px solid var(--border-color);
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

        #main .attachments_form .attachments_fields > span input[type=text] {
            min-width: 100%;
            margin-left: 0 !important
        }

            #main .attachments_form .attachments_fields > span input[type=text] ~ input[type=text] {
                margin-top: 10px !important
            }

            #main .attachments_form .attachments_fields > span input[type=text] ~ a {
                margin-top: 10px !important;
                margin-left: 0 !important
            }

    #content .splitcontentleft .wiki {
        padding: 15px 10px;
        width: calc(100% + 20px);
        border-radius: 0;
        margin-left: -10px !important;
        margin-right: -10px !important
    }

    #content form #issue_estimated_hours, #content form #time_entry_hours {
        margin: 0 0 5px
    }

    #content div.box .query_sort_criteria_count {
        margin: 5px 0 !important
    }

    #content div.box > .tabular, #content div.box > fieldset, #content div.box > fieldset.tabular {
        padding-top: 15px
    }

        #content div.box > .tabular legend, #content div.box > fieldset legend, #content div.box > fieldset.tabular legend {
            position: relative;
            top: 0 !important;
            left: 0 !important;
            padding: 10px 0;
            display: block;
            width: 100%;
            z-index: 1
        }

            #content div.box > .tabular legend:before, #content div.box > fieldset legend:before, #content div.box > fieldset.tabular legend:before {
                content: '';
                display: block;
                clear: both;
                position: absolute;
                top: 0;
                left: -10px;
                width: calc(100% + 20px);
                height: 100%;
                background: var(--bg-mobile);
                z-index: -1
            }

    #content .tab-content fieldset {
        padding: 15px 10px;
        margin-left: -10px;
        margin-right: -10px;
        border-radius: 0;
        width: calc(100% + 20px)
    }

        #content .tab-content fieldset:last-child {
            margin-bottom: 0
        }

        #content .tab-content fieldset legend {
            position: relative;
            z-index: 2;
            top: 0 !important;
            left: 0 !important;
            padding: 10px 0;
            display: block;
            width: 100%
        }

            #content .tab-content fieldset legend:before {
                content: '';
                display: block;
                clear: both;
                position: absolute;
                top: 0;
                left: -10px;
                width: calc(100% + 20px);
                height: 100%;
                background: var(--bg-mobile);
                z-index: -1
            }

    #content .tab-content#tab-content-versions fieldset {
        padding: 15px 10px 15px
    }

    #content form[action*="time_entries/report"] .tabs + p {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        #content form[action*="time_entries/report"] .tabs + p .jcf-select {
            width: 100%;
            -webkit-box-flex: 1;
            -ms-flex: 1 0 auto;
            flex: 1 0 auto;
            margin: 5px 0 10px !important
        }

    #content .tab-content#tab-content-versions fieldset:not(.tol) {
        padding: 20px 10px 15px;
        margin-left: -10px;
        margin-right: -10px;
        width: calc(100% + 20px);
        border-radius: 0
    }

        #content .tab-content#tab-content-versions fieldset:not(.tol) legend {
            left: 10px;
            top: 10px
        }

    #content div.box > .tabular > fieldset {
        padding: 15px 10px !important;
        margin-left: -10px;
        margin-right: -10px;
        margin-bottom: 0 !important;
        border-radius: 0;
        width: calc(100% + 20px)
    }

        #content div.box > .tabular > fieldset legend {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            position: relative;
            left: 0 !important;
            top: 0;
            margin: 0;
            width: 100%;
            padding: 10px 0
        }

            #content div.box > .tabular > fieldset legend:before {
                content: '';
                display: block;
                clear: both;
                position: absolute;
                top: 0;
                left: -10px;
                width: calc(100% + 20px);
                height: 100%;
                background: var(--bg-mobile);
                z-index: -1
            }

    #content div.box fieldset {
        padding: 15px 10px !important;
        margin-left: -10px;
        margin-right: -10px;
        margin-bottom: 0 !important;
        border-radius: 0;
        width: calc(100% + 20px)
    }

        #content div.box fieldset legend {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            position: relative;
            left: 0 !important;
            top: 0;
            margin: 0;
            width: 100%;
            padding: 10px 0
        }

            #content div.box fieldset legend:before {
                content: '';
                display: block;
                clear: both;
                position: absolute;
                top: 0;
                left: -10px;
                width: calc(100% + 20px);
                height: 100%;
                background: var(--bg-mobile);
                z-index: -1
            }

    #main #content .splitcontentright #activity dl dt, #main #content .tab-content #activity dl dt {
        background: var(--bg-fff)
    }

    #main #content .splitcontentright #activity dl dd, #main #content .tab-content #activity dl dd {
        background: var(--bg-fff);
        margin-bottom: 0 !important;
        border-radius: 0
    }

    #main #content .splitcontentright #activity dl .time, #main #content .tab-content #activity dl .time {
        background: var(--bg-box)
    }

    #contact_list {
        overflow-x: auto
    }

    .controller-calendars #main > #content p.contextual {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        bottom: 0
    }

    .controller-calendars #main > #content form .buttons .select2 {
        min-width: 100%;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0px;
        flex: 1 0 0;
        margin: 10px 0 !important
    }

    .controller-calendars #query_form_with_buttons .buttons {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
        max-width: 100%;
        padding: 0
    }

        .controller-calendars #query_form_with_buttons .buttons label {
            margin: 0 !important
        }

        .controller-calendars #query_form_with_buttons .buttons .jcf-select {
            width: 100%;
            -webkit-box-flex: 1;
            -ms-flex: 1 0 auto;
            flex: 1 0 auto;
            margin: 5px 0 10px !important
        }

        .controller-calendars #query_form_with_buttons .buttons a {
            margin: 0 5px 0 0 !important
        }

    #main form[action*=calendar] {
        overflow-x: auto
    }

    #main table.cal {
        -webkit-box-shadow: var(--box-shadow-null);
        box-shadow: var(--box-shadow-null);
        border: 1px solid var(--border-color)
    }

        #main table.cal td {
            min-width: 200px
        }

    #main #content .legend.cal {
        margin: -1px -10px 0;
        width: calc(100% + 20px);
        border-right: 0;
        border-left: 0;
        border-top: 1px solid var(--border-color);
        border-radius: 0
    }

    .controller-activities #main #content {
        display: block !important
    }

    #main > #content #block-activity div#activity h3, #main > #content #block-activity div#activity h4 {
        background: var(--bg-other);
        color: var(--text-color-main)
    }

        #main > #content #block-activity div#activity h3.open-activity-link, #main > #content #block-activity div#activity h4.open-activity-link {
            background: var(--color-main-color);
            color: var(--color-main-color-text)
        }

    #main > #content div#activity {
        overflow: visible
    }

        #main > #content div#activity:after {
            display: none
        }

        #main > #content div#activity h3.open-activity-link, #main > #content div#activity h4.open-activity-link {
            margin-bottom: 0 !important
        }

        #main > #content div#activity dl {
            padding: 0
        }

            #main > #content div#activity dl:before {
                display: none
            }

            #main > #content div#activity dl dt {
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                padding: 10px 30px 0 10px;
                background: var(--bg-other);
                border-top: 1px solid var(--color-grey);
                border-radius: 0 !important
            }

                #main > #content div#activity dl dt:after {
                    left: auto;
                    right: 0
                }

                #main > #content div#activity dl dt a {
                    margin: 2px 0
                }

                #main > #content div#activity dl dt img.gravatar {
                    width: 30px;
                    height: 30px
                }

            #main > #content div#activity dl dd {
                background: var(--bg-other);
                padding: 0 10px 10px;
                margin: 0;
                border-radius: 0
            }

                #main > #content div#activity dl dd:last-child {
                    border-bottom: 1px solid var(--color-grey)
                }

            #main > #content div#activity dl .time {
                background: var(--bg-other-in)
            }

        #main > #content div#activity .holder-activity {
            margin-left: -10px;
            margin-right: -10px;
            margin-bottom: 10px;
            width: calc(100% + 20px)
        }

        #main > #content div#activity h3, #main > #content div#activity h4 {
            margin: 0 -10px !important;
            text-align: center;
            padding: 10px 10px;
            width: calc(100% + 20px);
            background: var(--bg-box)
        }

            #main > #content div#activity h3.open-activity-link, #main > #content div#activity h4.open-activity-link {
                background: var(--color-main-color);
                color: var(--color-main-color-text)
            }

            #main > #content div#activity h3:after, #main > #content div#activity h4:after {
                display: none
            }

            #main > #content div#activity h3:before, #main > #content div#activity h4:before {
                display: none
            }

    .controller-activities.action-date_index #main #content h2 {
        margin-bottom: 20px
    }

    .controller-users.action-show #main > #content h3 {
        margin: 20px 0
    }

    .action-plugins #check-for-updates {
        text-align: center;
        margin: 0;
        width: 100%
    }

    .controller-roles.action-permissions #main #content form input[type=submit] {
        margin-top: 18px
    }

    body #auth_source_form #auth_source_port ~ .select2 {
        margin-left: 0 !important
    }

    #main #admin-index #admin-menu ul li {
        width: 140px;
        margin-left: 10px;
        margin-right: 10px
    }

    #main #content form.filter-box fieldset {
        padding: 25px 10px 15px;
        border-radius: 0;
        margin-left: -10px !important;
        margin-right: -10px !important;
        width: calc(100% + 20px)
    }

    #main #content .filter-form {
        overflow: inherit
    }

        #main #content .filter-form #eq-filter-controls, #main #content .filter-form #query_form_content, #main #content .filter-form #query_form_with_buttons, #main #content .filter-form .holder-filters {
            margin-left: -10px !important;
            margin-right: -10px !important;
            width: calc(100% + 20px);
            padding: 0 10px
        }

    #main #content fieldset.filter-box {
        padding: 25px 10px 15px;
        border-radius: 0;
        margin-left: -10px !important;
        margin-right: -10px !important;
        width: calc(100% + 20px)
    }

        #main #content fieldset.filter-box form input[type=submit] {
            width: 100%
        }

        #main #content fieldset.filter-box .open-box .admin-filter label {
            margin: 0 0 10px !important
        }

    #content #permissions_form a[onclick*=permissions] {
        display: block;
        width: 100%;
        margin: 0;
        text-align: center
    }

        #content #permissions_form a[onclick*=permissions]:last-child {
            margin: 0
        }

    #content fieldset.filter-box {
        padding: 25px 10px 15px
    }

        #content fieldset.filter-box p {
            margin: 0
        }

        #content fieldset.filter-box .open-box .admin-filter label {
            white-space: nowrap;
            margin: 3px 5px 3px 0;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            overflow: hidden
        }

    #content form p input[type=submit] ~ .icon.icon-reload {
        width: 100% !important
    }

    #content #permissions fieldset {
        margin-bottom: 15px !important
    }

    #content #permissions legend {
        position: relative;
        padding-top: 10px;
        padding-bottom: 10px
    }

    #content #permissions label {
        width: 100% !important;
        margin-right: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    #content form.filter-box fieldset {
        padding: 25px 10px 15px
    }

    #content #permissions a[onclick*=permissions] {
        margin: 0;
        display: block;
        text-align: center;
        width: 100%
    }

    #content #workflow_form fieldset {
        padding: 25px 10px 15px !important
    }

        #content #workflow_form fieldset legend {
            margin: 0 0 -40px -10px;
            width: calc(100% + 20px)
        }

            #content #workflow_form fieldset legend + div {
                position: relative
            }

                #content #workflow_form fieldset legend + div:after {
                    left: -10px
                }

    #content form[action*=workflows] label {
        width: 100%;
        margin: 0 0 10px;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }

        #content form[action*=workflows] label .select2 {
            margin-right: 0
        }

    #content #settings .tab-content fieldset.box {
        padding: 15px 10px 0
    }

        #content #settings .tab-content fieldset.box legend {
            padding: 10px;
            top: 0;
            left: 0;
            position: relative;
            ackground: var(--bg-mobile);
            margin-left: -10px;
            margin-right: -10px;
            width: calc(100% + 20px)
        }

    .controller-admin #main .admin-filter .icon-reload, .controller-groups #main .admin-filter .icon-reload, .controller-roles #main .admin-filter .icon-reload, .controller-users #main .admin-filter .icon-reload {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    #content #new_email_address {
        margin-left: -10px;
        margin-right: -10px;
        padding: 15px 10px;
        width: calc(100% + 20px);
        border-radius: 0
    }

        #content #new_email_address input[type=text] {
            width: 100%
        }

        #content #new_email_address input[type=submit] {
            width: 100%;
            margin: 10px 0 0 !important
        }

        #content #new_email_address p {
            display: block
        }

    .controller-roles.action-permissions #main #content fieldset.filter-box {
        margin-bottom: 30px
    }

    .controller-documents.action-show .attachments {
        padding: 0
    }

        .controller-documents.action-show .attachments table tr {
            display: block;
            width: 100%
        }

            .controller-documents.action-show .attachments table tr td {
                display: block;
                width: 100%
            }

                .controller-documents.action-show .attachments table tr td:last-child {
                    padding-bottom: 10px;
                    margin-bottom: 10px;
                    border-bottom: 1px solid var(--color-grey)
                }

            .controller-documents.action-show .attachments table tr:last-child td {
                margin: 0;
                border-bottom: 0
            }

    .controller-documents.action-show #main > #content #attach_files_link {
        margin-right: 0;
        width: 100%;
        text-align: center
    }

    .controller-documents.action-index #add-document h2 {
        font-size: 1.1428rem;
        line-height: 1.1428rem
    }

    .controller-documents.action-index .documents-box {
        margin-left: -10px;
        margin-right: -10px;
        width: calc(100% + 20px) !important;
        border-radius: 0;
        -webkit-box-shadow: var(--box-shadow-null) !important;
        box-shadow: var(--box-shadow-null) !important;
        margin-bottom: 10px
    }

    #replies .message.reply, #replies div.message, body.avatars-on #replies .message.reply, body.avatars-on #replies div.message {
        padding: 10px;
        margin-left: -10px;
        margin-right: -10px;
        width: calc(100% + 20px);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 0
    }

    #replies h4 img.gravatar, body.avatars-on #replies h4 img.gravatar {
        margin: 0 5px 5px
    }

    #main > #content #replies h3.icon {
        width: calc(100% + 20px);
        margin-left: -10px;
        margin-right: -10px;
        padding: 10px 10px 10px 40px;
        background-position: 10px 50%
    }

    #content a[onclick*=reply] {
        text-align: center;
        width: 100%
    }

    #wrapper #header {
        padding-right: 115px
    }

    #main div.issue .subject div:first-child {
        display: block
    }

    .controller-issues #main .badge {
        top: 54px;
        left: 10px
    }

        .controller-issues #main .badge.badge-private {
            left: 0;
            top: 0;
            position: inherit
        }

    #wrapper tr.group span.totals {
        display: block;
        margin: 0 0 5px
    }

    #new-relation-form p input[type=submit] {
        margin: 10px 0 0 !important
    }

    .controller-issues.action-index table.list tr td.assigned_to, .controller-issues.action-index table.list tr th.assigned_to {
        display: none
    }

    #issue-form #watchers_form_container {
        margin-top: 20px
    }

    .journal-link {
        display: none
    }

    body.controller-issues .query-totals .total-for-estimated-hours {
        display: block
    }

    body.controller-issues .query-totals .total-for-spent-hours {
        display: block;
        margin: 5px 0 0
    }

    .controller-issues.action-index #main #content {
        padding-bottom: 20px
    }

    #main div.issue {
        padding: 20px 0 0
    }

    #main #zen-draft #apply-zen-draft {
        width: 100%
    }

    #main #zen-draft #cancel-zen-draft {
        margin: 10px 0 0;
        width: 100%;
        display: block;
        text-align: center
    }

    #main > #content #history form[action*=journals], #main > #content + #history form[action*=journals] {
        padding: 10px;
        margin: 0 -10px;
        width: calc(100% + 20px);
        border-radius: 0
    }

    #content #update {
        margin: 0 0 10px
    }

        #content #update .box {
            overflow: inherit
        }

            #content #update .box fieldset {
                padding: 15px 10px !important;
                margin-left: -10px;
                margin-right: -10px;
                margin-bottom: 10px !important;
                border-radius: 0;
                width: calc(100% + 20px)
            }

                #content #update .box fieldset legend {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    position: relative;
                    left: 0 !important;
                    top: 0;
                    margin: 0;
                    width: 100%;
                    padding: 10px 0
                }

                    #content #update .box fieldset legend:before {
                        content: '';
                        display: block;
                        clear: both;
                        position: absolute;
                        top: 0;
                        left: -10px;
                        width: calc(100% + 20px);
                        height: 100%;
                        background: var(--bg-mobile);
                        z-index: -1
                    }

    #content .box {
        overflow: inherit;
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100%
    }

        #content .box fieldset {
            padding: 15px 10px !important;
            margin-left: -10px;
            margin-right: -10px;
            margin-bottom: 10px !important;
            border-radius: 0;
            width: calc(100% + 20px)
        }

            #content .box fieldset legend {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                position: relative;
                left: 0 !important;
                top: 0;
                margin: 0;
                width: 100%;
                padding: 10px 0 0;
                z-index: 2
            }

                #content .box fieldset legend:before {
                    content: '';
                    display: block;
                    clear: both;
                    position: absolute;
                    top: 0;
                    left: -10px;
                    width: calc(100% + 20px);
                    height: 100%;
                    background: var(--bg-mobile);
                    z-index: -1
                }

    #content .add_attachment {
        white-space: nowrap;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis
    }

    #new-relation-form input.autocomplete {
        margin: 0 0 0 10px !important
    }

    #content form .box p #issue_estimated_hours ~ label, #content form .box p #issue_parent_issue_id ~ label {
        margin: 10px 0 0 !important
    }

    #content form .box p #issue_due_date ~ label, #content form .box p #issue_start_date ~ label {
        margin: 0 !important
    }

    .controller-account #main #content {
        border-radius: 0;
        padding-left: 10px;
        padding-right: 10px
    }

        .controller-account #main #content h2 {
            font-size: 1.28571429rem;
            line-height: 1.4;
            background: 0 0
        }

        .controller-account #main #content .box {
            width: 100%;
            margin-left: 0 !important;
            margin-right: 0 !important
        }

    #block-my_contacts .small a, #block-my_contacts_avatars .small a, #block-my_deals .small a, #block-my_helpdesk_tickets .small a {
        width: 100%
    }

    .controller-my div[id*="-settings"] .box + p, .controller-projects div[id*="-settings"] .box + p, .controller-welcome div[id*="-settings"] .box + p {
        margin: 0 !important
    }

    .controller-my #my-page, .controller-projects #my-page, .controller-welcome #my-page {
        overflow: visible
    }

    .controller-my .mypage-box, .controller-projects .mypage-box, .controller-welcome .mypage-box {
        border-radius: 0;
        margin-left: -10px;
        margin-right: -10px;
        padding: 15px 10px 15px;
        width: calc(100% + 20px)
    }

    .controller-my #main > #content > .contextual:not(.next-prev-links), .controller-projects #main > #content > .contextual:not(.next-prev-links), .controller-welcome #main > #content > .contextual:not(.next-prev-links) {
        width: 100%;
        position: static;
        margin-bottom: 20px
    }

        .controller-my #main > #content > .contextual:not(.next-prev-links) form, .controller-projects #main > #content > .contextual:not(.next-prev-links) form, .controller-welcome #main > #content > .contextual:not(.next-prev-links) form {
            width: 100%
        }

    .controller-my #main > #content #block-activity div#activity, .controller-projects #main > #content #block-activity div#activity, .controller-welcome #main > #content #block-activity div#activity {
        margin-bottom: 0;
        padding-bottom: 1px
    }

        .controller-my #main > #content #block-activity div#activity dl dd:last-child, .controller-projects #main > #content #block-activity div#activity dl dd:last-child, .controller-welcome #main > #content #block-activity div#activity dl dd:last-child {
            border-bottom: 0
        }

    .controller-my #main > #content .mypage-box form #settings_timelog_days, .controller-projects #main > #content .mypage-box form #settings_timelog_days, .controller-welcome #main > #content .mypage-box form #settings_timelog_days {
        margin-top: 5px;
        margin-bottom: 5px
    }

    #main > #content div[id*=block-issuequery] form {
        display: block
    }

        #main > #content div[id*=block-issuequery] form label {
            padding: 0
        }

        #main > #content div[id*=block-issuequery] form .box {
            width: 100%;
            margin-left: 0 !important;
            margin-right: 0 !important
        }

        #main > #content div[id*=block-issuequery] form[action="/my/page"] {
            margin: 0
        }

            #main > #content div[id*=block-issuequery] form[action="/my/page"] .box {
                padding: 0
            }

                #main > #content div[id*=block-issuequery] form[action="/my/page"] .box p {
                    margin: 0
                }

                    #main > #content div[id*=block-issuequery] form[action="/my/page"] .box p label {
                        margin: 0 !important
                    }

                        #main > #content div[id*=block-issuequery] form[action="/my/page"] .box p label .select2, #main > #content div[id*=block-issuequery] form[action="/my/page"] .box p label jcf-select {
                            margin: 10px 0 0
                        }

    #block-my_deals #duplicates ul li {
        width: calc(50% - 14px)
    }

    #block-my_deals .small a {
        display: block;
        width: 100%;
        text-align: center
    }

    #main > #content #block-my_contacts_avatars .box, #main > #content #block-my_deals .box {
        padding-top: 0;
        padding-bottom: 0
    }

    #block-my_contacts_avatars .small a {
        display: block;
        width: 100%;
        text-align: center
    }

    #block-my_contacts .box {
        margin: 0
    }

        #block-my_contacts .box ul li {
            width: calc(50% - 14px)
        }

    #block-my_contacts .small a {
        display: block;
        width: 100%;
        text-align: center
    }

    #main > #content #my-page div#activity dl dt {
        padding-right: 30px
    }

        #main > #content #my-page div#activity dl dt:after {
            left: auto;
            right: 0
        }

    #main > #content #my-page table.list td.subject a {
        white-space: normal
    }

    .controller-news.action-show .attachments {
        padding: 0
    }

        .controller-news.action-show .attachments table tr {
            display: block;
            width: 100%
        }

            .controller-news.action-show .attachments table tr td {
                display: block;
                width: 100%
            }

                .controller-news.action-show .attachments table tr td:last-child {
                    padding-bottom: 10px;
                    margin-bottom: 10px;
                    border-bottom: 1px solid var(--border-color)
                }

            .controller-news.action-show .attachments table tr:last-child td {
                padding: 0;
                border-bottom: 0
            }

    .controller-news.action-index #add-news h2 {
        font-size: 1.1428rem;
        line-height: 1.1428rem
    }

    .controller-news.action-index #main > #content header h3 img {
        width: 30px;
        height: 30px;
        margin: 0 10px 0 0
    }

    .controller-news .news-article {
        margin: 0 -10px 10px;
        width: calc(100% + 20px) !important;
        -webkit-box-shadow: var(--box-shadow-null) !important;
        box-shadow: var(--box-shadow-null) !important;
        border-radius: 0
    }

    #block-news > a, .news.box > a {
        display: block;
        width: 100%;
        text-align: center
    }

    .controller-projects.action-show #content .splitcontentleft .wiki, .controller-projects.action-show #content div.box {
        width: calc(100% + 20px) !important;
        padding: 15px 10px;
        border-radius: 0;
        margin-bottom: 20px !important
    }

    .controller-projects.action-show #content #block-form .select2 {
        max-width: 100%;
        margin-left: 0 !important
    }

    .controller-projects.action-show table.list td:first-child a {
        min-width: auto
    }

    #main > #content span.pagination {
        margin: 10px 0 0;
        position: static;
        padding: 0;
        width: 100%
    }

    .controller-projects.action-index #eq-filter-controls .buttons, .controller-projects.action-index #query_form_content .buttons, .controller-projects.action-index #query_form_with_buttons .buttons {
        padding-left: 10px;
        padding-right: 10px
    }

    #projects-index + p .icon-bookmarked-project, #projects-index + p .my-project {
        padding: 8px 0 8px 30px
    }

        #projects-index + p .icon-bookmarked-project:after, #projects-index + p .my-project:after {
            left: 0
        }

    .controller-projects.action-index #main #content #query_form .holder-filters {
        width: calc(100% + 20px)
    }

    .controller-projects.action-index #main #content #query_form fieldset.filter-box {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important
    }

    .controller-projects.action-index #main #content #projects-index {
        padding-top: 0
    }

        .controller-projects.action-index #main #content #projects-index > ul.projects {
            margin: 0 0 10px
        }

            .controller-projects.action-index #main #content #projects-index > ul.projects li.root {
                border-radius: 0;
                -webkit-box-shadow: var(--box-shadow-null) !important;
                box-shadow: var(--box-shadow-null) !important;
                margin-left: -10px;
                margin-right: -10px;
                width: calc(100% + 20px);
                margin-bottom: 10px
            }

    .controller-projects.action-index #main #content p[style="text-align:right;"] {
        margin: 0 0 10px
    }

        .controller-projects.action-index #main #content p[style="text-align:right;"] .icon-fav {
            padding-left: 30px
        }

            .controller-projects.action-index #main #content p[style="text-align:right;"] .icon-fav:after {
                left: 0
            }

    .controller-projects.action-index #projects-index, .controller-welcome.action-index #projects-index {
        padding-top: 0
    }

        .controller-projects.action-index #projects-index > ul.projects, .controller-welcome.action-index #projects-index > ul.projects {
            margin: 0 0 10px
        }

            .controller-projects.action-index #projects-index > ul.projects li.root, .controller-welcome.action-index #projects-index > ul.projects li.root {
                border-radius: 0;
                -webkit-box-shadow: var(--box-shadow-null) !important;
                box-shadow: var(--box-shadow-null) !important;
                margin-left: -10px;
                margin-right: -10px;
                width: calc(100% + 20px);
                margin-bottom: 10px
            }

    .has-sidebar #top-menu, .has-sidebar.has-main-menu #top-menu, body #top-menu, body.has-main-menu #top-menu {
        width: 64px;
        right: 40px;
        background: var(--bg-fff)
    }

    #new_email_address {
        margin: 0;
        padding: 0
    }

        #new_email_address input[type=submit] {
            width: 100%
        }

    div.modal, div.ui-dialog, div.ui-dialog.modal {
        padding-left: 10px;
        padding-right: 10px;
        max-width: calc(100% - 20px)
    }

        div.modal .ui-dialog-titlebar-close, div.ui-dialog .ui-dialog-titlebar-close, div.ui-dialog.modal .ui-dialog-titlebar-close {
            right: 10px
        }

        div.modal .ui-dialog-content, div.ui-dialog .ui-dialog-content, div.ui-dialog.modal .ui-dialog-content {
            padding: 15px 10px;
            margin: 0 -10px;
            width: calc(100% + 20px)
        }

            div.modal .ui-dialog-content:after, div.ui-dialog .ui-dialog-content:after, div.ui-dialog.modal .ui-dialog-content:after {
                height: 100%
            }

        div.modal .box label, div.ui-dialog .box label, div.ui-dialog.modal .box label {
            width: 100%;
            margin: 0 0 5px
        }

        div.modal .box p, div.ui-dialog .box p, div.ui-dialog.modal .box p {
            display: block
        }

        div.modal input[type=date], div.modal input[type=text], div.modal textarea, div.ui-dialog input[type=date], div.ui-dialog input[type=text], div.ui-dialog textarea, div.ui-dialog.modal input[type=date], div.ui-dialog.modal input[type=text], div.ui-dialog.modal textarea {
            width: 100%
        }

        div.modal .buttons, div.ui-dialog .buttons, div.ui-dialog.modal .buttons {
            margin: 0 -10px;
            width: calc(100% + 20px);
            padding: 15px 10px;
            display: block;
            background: var(--bg-fff);
            border-radius: 0
        }

            div.modal .buttons input[type=submit], div.ui-dialog .buttons input[type=submit], div.ui-dialog.modal .buttons input[type=submit] {
                width: 100%;
                display: block;
                margin: 0;
                color: var(--button-main-color);
                background: var(--button-main-bg)
            }

                div.modal .buttons input[type=submit]:hover, div.ui-dialog .buttons input[type=submit]:hover, div.ui-dialog.modal .buttons input[type=submit]:hover {
                    color: var(--button-main-color-hover);
                    background: var(--button-main-bg-hover)
                }

                div.modal .buttons input[type=submit] + a[onclick], div.modal .buttons input[type=submit] + input[type=button], div.ui-dialog .buttons input[type=submit] + a[onclick], div.ui-dialog .buttons input[type=submit] + input[type=button], div.ui-dialog.modal .buttons input[type=submit] + a[onclick], div.ui-dialog.modal .buttons input[type=submit] + input[type=button] {
                    margin: 10px 0 0;
                    width: 100%;
                    display: block;
                    color: var(--button-color);
                    background: var(--button-bg);
                    text-align: center
                }

                    div.modal .buttons input[type=submit] + a[onclick]:hover, div.modal .buttons input[type=submit] + input[type=button]:hover, div.ui-dialog .buttons input[type=submit] + a[onclick]:hover, div.ui-dialog .buttons input[type=submit] + input[type=button]:hover, div.ui-dialog.modal .buttons input[type=submit] + a[onclick]:hover, div.ui-dialog.modal .buttons input[type=submit] + input[type=button]:hover {
                        color: var(--button-color-hover);
                        background: var(--button-bg-hover)
                    }

    .jstBlock {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin: 10px 0 0
    }

        .jstBlock .tabs {
            height: auto;
            margin: 0;
            padding: 0
        }

            .jstBlock .tabs ul {
                overflow: hidden;
                position: static;
                width: 100%;
                margin: 0;
                padding: 0;
                background: var(--color-fff);
                border-radius: var(--border-radius-small)
            }

                .jstBlock .tabs ul li {
                    height: auto;
                    white-space: pre-wrap
                }

        .jstBlock .jstElements {
            padding: 0;
            height: auto
        }

    #main #content div.wiki + fieldset {
        margin-left: -10px;
        margin-right: -10px;
        width: calc(100% + 20px);
        border-radius: 0
    }

    .controller-wiki #main > #content > .pages-hierarchy {
        margin-left: -10px;
        margin-right: -10px;
        width: calc(100% + 20px)
    }

        .controller-wiki #main > #content > .pages-hierarchy > li {
            margin-bottom: 10px;
            -webkit-box-shadow: var(--box-shadow-null) !important;
            box-shadow: var(--box-shadow-null) !important;
            border-radius: 0
        }

    .controller-wiki.action-date_index #main #content h3 {
        margin: 0 !important;
        text-align: center;
        padding: 10px 10px;
        background: var(--bg-box)
    }

        .controller-wiki.action-date_index #main #content h3.open-wiki {
            background: var(--color-main-color);
            color: var(--bg-other-in)
        }

        .controller-wiki.action-date_index #main #content h3:after, .controller-wiki.action-date_index #main #content h3:before {
            display: none
        }

    .controller-wiki.action-date_index #main #content #wiki-new {
        margin-left: -10px;
        margin-right: -10px;
        width: calc(100% + 20px)
    }

        .controller-wiki.action-date_index #main #content #wiki-new:after {
            display: none
        }

    .controller-wiki.action-date_index #main #content .holder-wiki-date {
        margin-bottom: 10px
    }

        .controller-wiki.action-date_index #main #content .holder-wiki-date:before {
            display: none
        }

        .controller-wiki.action-date_index #main #content .holder-wiki-date ul {
            padding: 0;
            margin: 0
        }

            .controller-wiki.action-date_index #main #content .holder-wiki-date ul li {
                margin: 0;
                border-bottom: 1px solid var(--border-color)
            }

            .controller-wiki.action-date_index #main #content .holder-wiki-date ul a {
                border-radius: 0
            }

    form[action*=diff] {
        display: block;
        overflow: hidden;
        overflow-x: auto
    }

    .controller-wiki .wiki-update-info {
        height: auto;
        display: block;
        width: 100%;
        margin: 10px 0;
        position: static;
        max-width: 100%
    }

    .controller-wiki .attachments table tr {
        display: block;
        width: 100%
    }

        .controller-wiki .attachments table tr td {
            display: block;
            width: 100%
        }

            .controller-wiki .attachments table tr td:last-child {
                padding-bottom: 10px;
                margin-bottom: 10px;
                border-bottom: 1px solid var(--border-color)
            }

    .controller-wiki.action-show #main #content .wiki-page h1 {
        background-position: 10px 50%;
        background-size: 25px auto
    }

    #main #content div.wiki + fieldset .attachments {
        padding: 60px 0 0;
        position: relative
    }

        #main #content div.wiki + fieldset .attachments .contextual {
            top: 25px !important;
            right: 10px
        }

    #main #content div.wiki + fieldset .box {
        margin: 20px 0 10px !important;
        width: 100% !important
    }

    .controller-wiki #wiki_add_attachment {
        padding: 15px 0 0
    }

    #content #search-form .box p {
        display: block
    }

        #content #search-form .box p label {
            margin-right: 10px !important
        }

            #content #search-form .box p label:first-child {
                margin-right: 10px !important
            }

        #content #search-form .box p .jcf-select, #content #search-form .box p input[type=text] {
            width: 100%;
            min-width: 100%;
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1
        }

            #content #search-form .box p .jcf-select ~ label, #content #search-form .box p input[type=text] ~ label {
                margin-top: 10px !important
            }

    #content #search-form .box .collapsible {
        padding: 50px 10px 0 !important;
        margin: 0;
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        #content #search-form .box .collapsible > legend {
            margin-left: -10px !important;
            margin-right: -10px !important;
            width: calc(100% + 20px);
            border-radius: 0
        }

        #content #search-form .box .collapsible label {
            width: 100% !important;
            margin: 0 0 5px !important
        }

    #main #search-form #scope ~ .select2 {
        width: 100%;
        margin: 10px 0 !important
    }

    #main #search-form .box .box {
        margin-top: 10px
    }

    #main #search-results-counts ul {
        width: calc(100% + 10px)
    }

        #main #search-results-counts ul li {
            margin: 0 10px 5px 0
        }

            #main #search-results-counts ul li:first-child {
                margin: 0 10px 5px 0
            }

    #main #search-results {
        width: calc(100% + 20px);
        margin-left: -10px;
        margin-right: -10px;
        margin-bottom: 20px
    }

        #main #search-results dt {
            padding: 10px 10px 0;
            border-radius: 0
        }

        #main #search-results dd {
            padding: 0 10px 10px;
            border-radius: 0
        }

    #version-summary fieldset {
        border-radius: 0
    }

        #version-summary fieldset legend {
            border-radius: 0
        }

    .controller-versions.action-show div#roadmap + fieldset legend .select2 {
        margin: 5px 0;
        min-width: 100%
    }

    div#roadmap div#version-summary {
        width: 100%;
        margin: 0;
        float: none;
        display: block
    }

        div#roadmap div#version-summary #status_by, div#roadmap div#version-summary .time-tracking {
            width: calc(100% + 20px);
            margin: 0 -10px 20px;
            border-radius: 0
        }

    .controller-versions.action-index #main > #content h2 {
        margin-bottom: 20px
    }

    #main > #content div#roadmap h2 {
        margin: 0 -10px 20px;
        font-size: 1.1428rem;
        line-height: 1.1428rem
    }
}

@media screen and (max-width:500px) {
    #admin-index #admin-menu ul li {
        width: calc(50% - 20px)
    }

        #admin-index #admin-menu ul li a, #admin-index #admin-menu ul li a.selected {
            font-size: 1.1428rem
        }

    .controller-account #main {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

@media screen and (max-width:480px) {
    body #sort .select2 {
        max-width: 100%;
        margin: 5px 0 !important
    }

    #content #tab-content-groups .box > p a {
        display: block;
        width: 100%;
        margin: 0;
        text-align: center
    }

    #main #admin-index #admin-menu ul li {
        width: 130px
    }

    .controller-documents.action-show .attachments table tr[id*=attachment-] {
        display: block
    }

        .controller-documents.action-show .attachments table tr[id*=attachment-] td {
            display: block;
            width: 100%
        }

            .controller-documents.action-show .attachments table tr[id*=attachment-] td:first-child {
                padding-right: 0;
                padding-bottom: 10px;
                border-bottom: 0
            }

            .controller-documents.action-show .attachments table tr[id*=attachment-] td:last-child {
                padding-left: 0
            }

    div.gravatar-with-child {
        width: 40px;
        height: 40px
    }

    #content #new-relation-form p, #content form.edit_relation p, #content form.new_operation_object p {
        display: block
    }

    #content #new-relation-form select, #content form.edit_relation select, #content form.new_operation_object select {
        margin-bottom: 10px
    }

    #content #new-relation-form .jcf-select, #content form.edit_relation .jcf-select, #content form.new_operation_object .jcf-select {
        margin: 0 0 10px;
        width: 100%
    }

    #content #new-relation-form input[type=text].autocomplete, #content form.edit_relation input[type=text].autocomplete, #content form.new_operation_object input[type=text].autocomplete {
        width: 100%;
        margin: 5px 0 0 !important
    }

    #content form[action="/my/page"] .box p label {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        #content form[action="/my/page"] .box p label .jcf-select {
            width: 100%;
            -webkit-box-flex: 1;
            -ms-flex: 1 0 auto;
            flex: 1 0 auto;
            margin: 5px 0 0 !important
        }

    #block-my_deals #duplicates ul li {
        width: calc(100% - 14px)
    }

    #block-my_contacts_avatars .box .tooltip {
        width: 100%;
        margin: 0 0 15px
    }

    #block-my_contacts .box {
        margin: 0
    }

        #block-my_contacts .box ul li {
            width: calc(100% - 14px)
        }

            #block-my_contacts .box ul li:first-child {
                margin: 0 7px 15px 7px
            }

    .controller-news.action-show .attachments table tr[id*=attachment-] {
        display: block
    }

        .controller-news.action-show .attachments table tr[id*=attachment-] td {
            display: block;
            width: 100%
        }

            .controller-news.action-show .attachments table tr[id*=attachment-] td:first-child {
                padding-right: 0;
                padding-bottom: 10px;
                border-bottom: 0
            }

            .controller-news.action-show .attachments table tr[id*=attachment-] td:last-child {
                padding-left: 0
            }

    div.modal, div.modal.help-modal, div.ui-dialog, div.ui-dialog.modal, div.ui-dialog.modal.help-modal {
        max-width: 100% !important;
        width: 100% !important;
        border-radius: 0 !important
    }

        div.modal #trackers_description, div.modal.help-modal #trackers_description, div.ui-dialog #trackers_description, div.ui-dialog.modal #trackers_description, div.ui-dialog.modal.help-modal #trackers_description {
            max-width: calc(100% + 20px) !important;
            width: calc(100% + 20px) !important
        }

        div.modal .ui-widget-header .ui-state-default, div.modal.help-modal .ui-widget-header .ui-state-default, div.ui-dialog .ui-widget-header .ui-state-default, div.ui-dialog.modal .ui-widget-header .ui-state-default, div.ui-dialog.modal.help-modal .ui-widget-header .ui-state-default {
            right: 10px;
            top: 10px
        }

        div.modal .ui-dialog-titlebar, div.modal.help-modal .ui-dialog-titlebar, div.ui-dialog .ui-dialog-titlebar, div.ui-dialog.modal .ui-dialog-titlebar, div.ui-dialog.modal.help-modal .ui-dialog-titlebar {
            font-size: 1rem;
            line-height: 1.4;
            padding: 15px 30px 15px 10px;
            margin: 0 -10px
        }

        div.modal .ui-dialog-buttonpane .ui-button, div.modal.help-modal .ui-dialog-buttonpane .ui-button, div.ui-dialog .ui-dialog-buttonpane .ui-button, div.ui-dialog.modal .ui-dialog-buttonpane .ui-button, div.ui-dialog.modal.help-modal .ui-dialog-buttonpane .ui-button {
            display: block;
            width: 100%;
            margin: 0 0 10px !important
        }
}

:root {
    --color-fff: #fff;
    --color-dark: #3C2944;
    --color-blue: #438aff;
    --color-darck-blue: #4b3ac0;
    --color-blue-light: #E2EFFF;
    --color-red: #FF2D6E;
    --color-red-errof: #b72251;
    --color-red-superlight: #fcc8d8;
    --color-green: #00B5A1;
    --color-green-dark: #00524B;
    --color-green-super-light: #b2e3de;
    --color-purple: #f700f4;
    --color-purple-dark: #c202c0;
    --color-yellow: #FFC245;
    --color-yellow-light: #fce7be;
    --color-error: #FF2D6E;
    --color-orange: #FF824A;
    --color-grey: #afaeae;
    --super_grey_light: #ebebec;
    --suder-dark-grey: #BBBFCD;
    --main-bg-box: #ECEDF0;
    --menu-grey: #7E7383;
    --icon-grey: #7E7383;
    --icon-grey-dark: #323338;
    --menu-bg: #2E314F;
    --color-main-color: #9100D0;
    --color-main-color-activety: #9100D0;
    --bg-box-activety: #f5e8fc;
    --color-main-color-text: #ffffff;
    --grey: #B3A7B7;
    --color-dark-grey: #A5A5A5;
    --icon-bg: #cce5ff;
    --main-background: var(--color-fff);
    --border-color: var(--border-color-content);
    --text-color-main: var(--color-dark);
    --bg-in-content: var(--color-blue-light);
    --bg-body: #f5e8fc;
    --bg-mobile: #fff;
    --bg-box: #f5e8fc;
    --bg-other: #ffffff;
    --bg-other-in: #f5e8fc;
    --bg-fff: #ffffff;
    --light-bg: #ece1fc;
    --select-bg-redmineup: var(--color-main-color);
    --all-hover-bg: #e7cae7;
    --all-hover-bg-color: var(--color-dark);
    --scroll-bg: #ebebec;
    --scroll-handle: var(--color-main-color);
    --jcf-drop-active: var(--text-color-main);
    --tab-color-text: var(--border-color-content);
    --tab-color-text-seleced: var(--color-main-color);
    --notice-error-bg: var(--color-red-superlight);
    --notice-error-main: var(--color-red);
    --notice-error-main-text: var(--color-red);
    --notice-successfu-main: var(--color-green);
    --notice-successfu-main-text: var(--color-fff);
    --notice-successfu-bg: var(--color-green-super-light);
    --notice-successfu-bg-text: var(--color-green-dark);
    --notice-worning-main: var(--color-yellow);
    --notice-worning-bg: var(--color-yellow-light);
    --notice-worning-color: var(--color-dark);
    --red_border_error: var(--color-red);
    --red_error_text: var(--color-fff);
    --border-radius: 8px;
    --border-radius-full: 100%;
    --border-radius-small: 3px;
    --border-radius-midle: 5px;
    --icon-border-radius: 100px;
    --time-hover: 0.2s;
    --time-main: 0.5s;
    --time-hover-null: 0s;
    --icon-width: 30px;
    --icon-font-size: 30px;
    --icon-smaller-width: 26px;
    --icon-smaller-font-size: 26px;
    --icon-width-small: 20px;
    --icon-font-size-small: 20px;
    --icon-font: "WFS-RM-font";
    --icon-color: #A481B2;
    --icon-color-hover: #4D4351;
    --icon_color_active: #4D4351;
    --icon_bg: #cab5d5;
    --icon_bg_hover: #cab5d5;
    --icon_bg_active: #cab5d5;
    --icon-color-disabled: #7E7383;
    --icon_bg-disabled: #B3A7B7;
    --icon-color-bg: #A481B2;
    --icon-color-hover-bg: var(--color-main-color);
    --icon_color_active-bg: var(--color-main-color);
    --icon_bg-bg: var(--bg-fff);
    --icon_bg_hover-bg: var(--bg-fff);
    --icon_bg_active-bg: var(--bg-fff);
    --icon-color-list: var(--color-dark-grey);
    --icon-color-hover-list: var(--bg-fff);
    --icon_color_active-list: var(--bg-fff);
    --icon_bg-list: var(--bg-fff);
    --icon_bg_hover-list: var(--color-main-color);
    --icon_bg_active-list: var(--color-main-color);
    --icon-color-: var(--icon-grey);
    --icon-content-color: var(--color-orange);
    --icon-content-color-hover: #fff;
    --icon-content_bg: var(--color-orange);
    --icon-content_bg_hover: var(--color-orange);
    --icon-content_bg_active: var(--color-orange);
    --icon-color-bg-other: #A481B2;
    --icon-color-bg-other-hover: #4D4351;
    --icon-color-bg-other-active: #4D4351;
    --icon-bg-bg-other: #cab5d5;
    --icon-bg-bg-other-hover: #cab5d5;
    --icon-bg-bg-other-active: #cab5d5;
    --icon-star: var(--color-orange);
    --button-main-color: var(--color-fff);
    --button-main-bg: var(--color-main-color);
    --button-main-color-hover: var(--color-fff);
    --button-main-bg-hover: #BE0090;
    --button-main-color-disabled: var(--color-dark);
    --button-main-bg-disabled: var(--color-grey);
    --button-color: var(--color-main-color);
    --button-bg: var(--color-blue-light);
    --button-color-hover: var(--color-fff);
    --button-bg-hover: var(--color-main-color);
    --button-color-disabled: var(--color-dark);
    --button-bg-disabled: var(--color-grey);
    --button-color-disabled: #fff;
    --button-bg-disabled: var(--color-dark-grey);
    --button-grey-color: var(--color-dark);
    --button-grey-bg: var(--super_grey_light);
    --button-grey-color-hover: var(--color-dark);
    --button-grey-bg-hover: var(--color-grey);
    --button-font-weight: 600;
    --button-border-radius: 8px;
    --bg-disabled: var(--color-dark-grey);
    --color-disabled: var(--color-fff);
    --button-main-color-bg: var(--color-main-color-text);
    --button-main-bg-bg: var(--color-main-color);
    --button-main-color-hover-bg: var(--color-main-color);
    --button-main-bg-hover-bg: var(--color-main-color-text);
    --button-main-color-disabled-bg: var(--color-dark);
    --button-main-bg-disabled-bg: var(--color-grey);
    --button-color-bg: var(--color-main-color);
    --button-bg-bg: var(--bg-fff);
    --button-color-hover-bg: var(--bg-fff);
    --button-bg-hover-bg: var(--color-main-color);
    --table-bg-hover: #afd6fd;
    --popup-overlay: rgba(255, 255, 255, 0.7);
    --popup-overlay-fancy: var(--bg-fff);
    --main-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    --small-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1);
    --box-shadow-null: 0 10px 10px rgba(0, 0, 0, 0);
    --table-shadow: rgba(0, 0, 0, 0.1) 0px 3px 5px;
    --big-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
    --big-shadow-hover: 0 10px 10px rgba(145, 0, 208, 0.5);
    --popup-close-color: var(--color-red);
    --popup-close-bg: var(--color-red);
    --popup-close-color-hover: var(--color-fff);
    --popup-close-bg-hover: var(--color-red);
    --popup-close-color-2: var(--color-red);
    --popup-close-bg-2: var(--color-fff);
    --popup-close-color-hover-2: var(--color-fff);
    --popup-close-bg-hover-2: var(--color-red);
    --color-warning: var(--color-orange);
    --priority-1: var(--color-blue);
    --priority-2: var(--color-green);
    --priority-3: var(--color-yellow);
    --priority-4: var(--color-purple);
    --priority-5: var(--color-error);
    --priority-color: var(--color-fff);
    --tracker-1: var(--color-red);
    --tracker-2: var(--color-green);
    --tracker-3: var(--color-blue);
    --drop-text-color: var(--color-dark);
    --drop-text-color-hover: var(--color-dark);
    --drop-icon-color: var(--color-dark);
    --drop-icon-color-hover: var(--color-dark);
    --drop-border-color: var(--color-grey);
    --drop-bg: var(--all-hover-bg);
    --drop-bg-hover: var(--all-hover-bg);
    --drop-shadow: var(--all-hover-bg);
    --icon-save-color: var(--color-green);
    --icon-save-color-hover: var(--color-fff);
    --icon-save-bg: var(--color-green-super-light);
    --icon-save-bg-hover: var(--color-green);
    --icon-close-color: var(--color-error);
    --icon-close-color-hover: var(--color-fff);
    --icon-close-bg: var(--color-red-superlight);
    --icon-close-bg-hover: var(--color-error);
    --icon-dell-bg: var(--color-red);
    --icon-dell-bg-hover: var(--color-error);
    --icon-dell-color: var(--color-fff);
    --icon-dell-color-hover: var(--color-fff);
    --color-link: var(--color-main-color);
    --border-color-content: #ccc;
    --pagination-color: var(--icon-color);
    --pagination-color-hover: var(--icon-color-hover);
    --pagination-color-avtive: var(--icon_color_active);
    --pagination-bg: var(--color-fff);
    --pagination-bg-hover: var(--icon_bg_hover);
    --pagination-bg-active: var(--icon_bg_active);
    --pagination-font-weight: 700;
    --flyout_menu_bg: var(--color-main-color);
    --flyout_menu_color: var(--color-fff);
    --flyout_menu_border: var(--color-fff);
    --flyout_menu_button_bg: var(--color-fff);
    --flyout_menu_button_color: var(--color-main-color);
    --flyout_menu_bg_selected: var(--color-red);
    --flyout_menu_color_selected: var(--color-fff);
    --flyout_menu_title_bg: #7901ad;
    --flyout_menu_title_color: var(--color-fff);
    --flyout_menu_admin_menu_bg: #0099FF;
    --flyout_menu_admin_menu_color: var(--color-fff);
    --flyout_menu_general-menu_bg: #00A8DB;
    --flyout_menu_general-menu_color: var(--color-fff);
    --flyout_menu_profile-menu_bg: #5E96C4;
    --flyout_menu_profile-menu_color: var(--color-fff);
    --flyout_menu_watchers-menu_bg: var(--color-green);
    --flyout_menu_watchers-menu_color: var(--color-fff);
    --flyout-text-color: var(--color-dark);
    --tooltip-bg: var(--color-main-color);
    --tooltip-bg-hover: var(--color-main-color);
    --tooltip-color: var(--color-fff);
    --tooltip-color-hover: var(--color-fff);
    --scrollbar: var(--color-grey);
    --scrollbar_handle: var(--color-main-color);
    --sidebar-main_color: var(--color-main-color);
    --sidebar-main_color_text: var(--bg-fff);
    --sidebar-main_color_hover: #292f4c;
    --sidebar-main_color_text_hover: var(--bg-fff);
    --sidebar-open-button-bg: #fff;
    --sidebar-open-button-border: var(--border-color);
    --sidebar-open-button-color: var(--color-dark);
    --sidebar-open-button-bg-hover: #9D89EE;
    --sidebar-open-button-border-hover: #9D89EE;
    --sidebar-open-button-color-hover: #fff
}

#footer {
    --bg: var(--color-fff);
    --text-color-main: var(--color-grey);
    --border-color: var(--color-grey)
}

#sidebar {
    --bg: var(--bg-body);
    --main_color: var(--color-main-color);
    --text-color-main: var(--color-dark);
    --border-color: #BBBFCD;
    --icon-color: var(--icon-color-bg);
    --icon-color-hover: var(--color-main-color);
    --icon_color_active: var(--color-main-color);
    --icon_bg: var(--bg-fff);
    --icon_bg_hover: var(--bg-fff);
    --icon_bg_active: var(--bg-fff);
    --button-main-color: var(--color-main-color-text);
    --button-main-bg: var(--color-main-color);
    --button-main-color-hover: var(--bg-fff);
    --button-main-bg-hover: #BE0090;
    --button-color: var(--color-main-color);
    --button-bg: var(--color-main-color-text);
    --button-color-hover: var(--color-main-color-text);
    --button-bg-hover: var(--color-main-color);
    --scroll-bg: var(--bg-fff);
    --scroll-handle: var(--color-main-color)
}

#admin-menu, #main-menu, .mod-obj {
    --bg: var(--bg-fff);
    --bg-after: var(--color-blue-light);
    --border-color: #A481B2;
    --border-color-logo: #A481B2;
    --link-color: var(--color-dark);
    --link-color-hover: var(--color-dark);
    --link-color-active: var(--color-main-color);
    --scrollbar: #ebebec;
    --scrollbar_handle: var(--color-main-color);
    --icon-color: #A481B2;
    --icon-color-hover: var(--color-main-color);
    --icon_color_active: var(--color-main-color);
    --icon_bg: var(--bg-fff);
    --icon_bg_hover: var(--bg-fff);
    --icon_bg_active: var(--bg-body);
    --main-menu-font-weight: 400;
    --menu-children-font-weight: 400;
    --flyout-menu-font-weight: 400;
    --submit-font-weight: 400
}

#admin-index {
    --admin-color-text: var(--color-dark-grey);
    --admin-color-bg: var(--bg-fff);
    --admin-color-after: var(--bg-fff);
    --admin-color-bg-hover: var(--all-hover-bg);
    --admin-color-text-hover: var(--color-main-color)
}

#top-menu {
    --bg: var(--bg-fff);
    --icon-color: #A481B2;
    --icon-color-hover: #4D4351;
    --icon_color_active: #4D4351;
    --border-color: var(--color-grey);
    --icon_bg: #cab5d5;
    --icon_bg_hover: #cab5d5;
    --icon_bg_active: #cab5d5;
    --top-notification: var(--tracker-1);
    --top-notification-color: var(--color-fff);
    --link-color: var(--color-dark);
    --link-color-hover: var(--color-main-color);
    --link-bg: var(--color-fff);
    --link-bg-hover: var(--color-blue-light);
    --text-color: #3C2944;
    --start-time-bg-time: var(--menu-bg);
    --start-time-text-color: var(--color-fff)
}

.revo-modal-badge {
    --bg: var(--bg-box);
    --bg-title: var(--color-fff);
    --text-color: var(--color-dark);
    --link-color: var(--color-dark);
    --link-color-hover: var(--color-dark);
    --link-bg: var(--color-fff);
    --link-bg-hover: var(--all-hover-bg);
    --border-color: var(--color-dark)
}

body.controller-issues.action-show #main .dynamicEdit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: var(--border-radius-small);
    -webkit-box-shadow: var(--small-box-shadow);
    box-shadow: var(--small-box-shadow)
}

body.controller-issues.action-show #content div.issue.details .btn-primary.validate {
    background: var(--icon-save-bg);
    color: var(--icon-save-color);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: var(--icon-border-radius);
    width: var(--icon-width);
    height: var(--icon-width);
    border: 0;
    padding: 0;
    position: relative;
    text-decoration: none !important;
    -webkit-transition: color var(--time-hover) ease-in-out,background var(--time-hover) ease-in-out,border-color var(--time-hover) ease-in-out;
    -o-transition: color var(--time-hover) ease-in-out,background var(--time-hover) ease-in-out,border-color var(--time-hover) ease-in-out;
    transition: color var(--time-hover) ease-in-out,background var(--time-hover) ease-in-out,border-color var(--time-hover) ease-in-out
}

    body.controller-issues.action-show #content div.issue.details .btn-primary.validate:after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%) skew(-5deg) rotate(-50deg);
        -ms-transform: translate(-50%,-50%) skew(-5deg) rotate(-50deg);
        transform: translate(-50%,-50%) skew(-5deg) rotate(-50deg);
        margin: -1px 0 0;
        height: 4px;
        width: 10px;
        border: 3px solid var(--icon-save-color);
        border-right: none;
        border-top: none;
        -webkit-transition: opacity var(--time-hover) ease-in-out,border-color var(--time-hover) ease-in-out;
        -o-transition: opacity var(--time-hover) ease-in-out,border-color var(--time-hover) ease-in-out;
        transition: opacity var(--time-hover) ease-in-out,border-color var(--time-hover) ease-in-out
    }

    body.controller-issues.action-show #content div.issue.details .btn-primary.validate .fa {
        display: none;
        color: var(--icon-save-color);
        -webkit-transition: color var(--time-hover) ease-in-out;
        -o-transition: color var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out
    }

    body.controller-issues.action-show #content div.issue.details .btn-primary.validate:hover {
        background: var(--icon-save-bg-hover);
        color: var(--icon-save-color-hover);
        border-color: var(--icon-save-bg-hover)
    }

        body.controller-issues.action-show #content div.issue.details .btn-primary.validate:hover:after {
            border-color: var(--icon-save-color-hover)
        }

body.controller-issues.action-show #content div.issue.details .btn-primary.close {
    background: var(--icon-close-bg);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: var(--icon-border-radius);
    width: var(--icon-width);
    height: var(--icon-width);
    border: 0;
    color: var(--icon-close-color) !important;
    padding: 0;
    position: relative;
    text-decoration: none !important;
    -webkit-transition: color var(--time-hover) ease-in-out,background var(--time-hover) ease-in-out,border-color var(--time-hover) ease-in-out;
    -o-transition: color var(--time-hover) ease-in-out,background var(--time-hover) ease-in-out,border-color var(--time-hover) ease-in-out;
    transition: color var(--time-hover) ease-in-out,background var(--time-hover) ease-in-out,border-color var(--time-hover) ease-in-out
}

    body.controller-issues.action-show #content div.issue.details .btn-primary.close:after {
        text-align: center;
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        clear: both;
        height: 100%;
        width: 100%;
        margin: 0;
        overflow: hidden;
        border-radius: var(--icon-border-radius);
        z-index: 1;
        font-family: var(--icon-font);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        text-decoration: none;
        text-transform: none;
        font-size: var(--icon-font-size);
        line-height: var(--icon-width)
    }

    body.controller-issues.action-show #content div.issue.details .btn-primary.close .fa {
        display: none;
        color: var(--icon-close-color);
        -webkit-transition: color var(--time-hover) ease-in-out;
        -o-transition: color var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out
    }

    body.controller-issues.action-show #content div.issue.details .btn-primary.close:hover {
        background: var(--icon-close-bg-hover);
        border-color: var(--icon-close-bg-hover);
        color: var(--icon-close-color-hover) !important
    }

        body.controller-issues.action-show #content div.issue.details .btn-primary.close:hover .fa {
            color: var(--icon-close-color-hover)
        }

body.controller-issues.action-show #content div.issue.details .dynamicEdit > div:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    body.controller-issues.action-show #content div.issue.details .dynamicEdit > div:last-child a {
        float: left;
        margin-right: 5px
    }

body.controller-issues.action-show #content div.issue.details .dynamicEdit .jcf-select {
    margin: 0
}

body.controller-issues.action-show #content div.issue.details .dynamicEdit input[type=date], body.controller-issues.action-show #content div.issue.details .dynamicEdit input[type=text] {
    height: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid var(--border-color);
    padding: 6px 12px;
    font-size: .85714286rem;
    line-height: 1.28571429rem;
    border-radius: var(--border-radius-small);
    color: var(--text-color-main);
    margin: 0;
    min-width: 190px;
    outline: 0 none;
    width: 100%;
    max-width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: var(--bg-fff);
    min-height: 30px;
    -webkit-appearance: none
}

body.controller-issues.action-show #content div.issue.details .dynamicEdit .jstBlock + div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 50px
}

    body.controller-issues.action-show #content div.issue.details .dynamicEdit .jstBlock + div a {
        float: left
    }

body.controller-issues.action-show #content div.issue.details .dynamicEdit a {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    body.controller-issues.action-show #content div.issue.details .dynamicEdit a .fa {
        display: inline-block
    }

body.controller-issues.action-show button.action {
    border: none;
    background: 0 0;
    padding: 0;
    display: inline-block;
    height: var(--icon-width);
    width: var(--icon-width);
    margin: 0 0 0 10px !important;
    overflow: hidden;
    position: relative;
    z-index: 2;
    border-radius: var(--icon-border-radius);
    font-size: 0;
    line-height: 0;
    vertical-align: middle;
    min-width: var(--icon-width);
    min-height: var(--icon-width);
    -webkit-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
    -o-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
    transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
    cursor: pointer
}

    body.controller-issues.action-show button.action:after {
        text-align: center;
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        clear: both;
        height: 100%;
        width: 100%;
        margin: 0;
        overflow: hidden;
        border-radius: var(--icon-border-radius);
        z-index: 1;
        font-family: var(--icon-font);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        text-decoration: none;
        text-transform: none;
        font-size: var(--icon-smaller-font-size);
        line-height: var(--icon-width);
        -webkit-transition: color var(--time-hover) ease-in-out;
        -o-transition: color var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out
    }

    body.controller-issues.action-show button.action:before {
        content: '';
        display: block;
        clear: both;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        border-radius: var(--icon-border-radius);
        -webkit-transition: background-color var(--time-hover) ease-in-out;
        -o-transition: background-color var(--time-hover) ease-in-out;
        transition: background-color var(--time-hover) ease-in-out
    }

    body.controller-issues.action-show button.action.valid {
        color: var(--icon-save-color);
        background: 0 0 !important
    }

        body.controller-issues.action-show button.action.valid:after {
            content: "\E01E";
            color: var(--icon-save-color)
        }

        body.controller-issues.action-show button.action.valid:before {
            background: var(--icon-save-bg)
        }

        body.controller-issues.action-show button.action.valid:hover {
            color: var(--icon-save-color-hover)
        }

            body.controller-issues.action-show button.action.valid:hover:after {
                color: var(--icon-save-color-hover)
            }

            body.controller-issues.action-show button.action.valid:hover:before {
                background: var(--icon-save-bg-hover)
            }

    body.controller-issues.action-show button.action.refuse {
        color: var(--icon-close-color)
    }

        body.controller-issues.action-show button.action.refuse:after {
            content: "\E021";
            color: var(--icon-close-color)
        }

        body.controller-issues.action-show button.action.refuse:before {
            background: var(--icon-close-bg)
        }

        body.controller-issues.action-show button.action.refuse:hover {
            color: var(--icon-close-color-hover)
        }

            body.controller-issues.action-show button.action.refuse:hover:after {
                color: var(--icon-close-color-hover)
            }

            body.controller-issues.action-show button.action.refuse:hover:before {
                background: var(--icon-close-bg-hover)
            }

body.controller-issues.action-show .iconEdit {
    border: none;
    background: 0 0;
    padding: 0;
    display: inline-block;
    height: var(--icon-smaller-width);
    width: var(--icon-smaller-width);
    margin: 0;
    overflow: hidden;
    position: relative;
    z-index: 2;
    border-radius: var(--icon-border-radius);
    font-size: 0;
    line-height: 0;
    color: var(--icon-color-bg);
    vertical-align: middle;
    min-width: var(--icon-smaller-width);
    min-height: var(--icon-smaller-width);
    -webkit-transition: opacity var(--time-hover) ease-in-out,color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
    -o-transition: opacity var(--time-hover) ease-in-out,color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
    transition: opacity var(--time-hover) ease-in-out,color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
    cursor: pointer
}

    body.controller-issues.action-show .iconEdit:after {
        content: "\E03F";
        text-align: center;
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        clear: both;
        height: 100%;
        width: 100%;
        margin: 0;
        overflow: hidden;
        border-radius: var(--icon-border-radius);
        z-index: 1;
        font-family: var(--icon-font);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        text-decoration: none;
        text-transform: none;
        font-size: var(--icon-smaller-font-size);
        line-height: var(--icon-smaller-width);
        -webkit-transition: color var(--time-hover) ease-in-out;
        -o-transition: color var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out
    }

    body.controller-issues.action-show .iconEdit:before {
        content: '';
        display: block;
        clear: both;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: var(--icon_bg);
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        z-index: -1;
        border-radius: var(--icon-border-radius);
        -webkit-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        -o-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        -webkit-transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
        transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
        transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
    }

    body.controller-issues.action-show .iconEdit:hover {
        color: var(--pagination-color-hover);
        background-image: none !important
    }

        body.controller-issues.action-show .iconEdit:hover:before {
            background: var(--icon_bg_hover);
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1)
        }

body.controller-issues.action-show .dynamicEditField {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    position: absolute !important;
    -webkit-box-shadow: var(--small-box-shadow);
    box-shadow: var(--small-box-shadow)
}

body.controller-issues.action-show div.issue.details .value.edited .dynamicEdit {
    z-index: 99999
}

body.controller-issues.action-show div.issue.details .attribute:hover .iconEdit, body.controller-issues.action-show div.issue.details .description:hover .iconEdit, body.controller-issues.action-show div.issue.details .subject:hover .iconEdit {
    color: var(--pagination-color-avtive)
}

    body.controller-issues.action-show div.issue.details .attribute:hover .iconEdit:before, body.controller-issues.action-show div.issue.details .description:hover .iconEdit:before, body.controller-issues.action-show div.issue.details .subject:hover .iconEdit:before {
        background: var(--icon_bg_hover);
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

#wrapper a.us-my-issues:after, #wrapper span.us-my-issues:after {
    content: "\E049"
}

#wrapper .flyout-menu span.ac_counter {
    border-radius: var(--border-radius-small);
    color: var(--color-main-color);
    background: var(--color-main-color-text);
    font-size: .7142rem;
    line-height: .85714286rem;
    padding: 2px 4px;
    -webkit-box-shadow: var(--box-shadow-null);
    box-shadow: var(--box-shadow-null);
    margin: 8px 5px 0 0
}

    #wrapper .flyout-menu span.ac_counter.unread {
        background: var(--popup-close-bg);
        color: var(--popup-close-color-hover)
    }

    #wrapper .flyout-menu span.ac_counter.updated {
        color: var(--icon-save-color-hover);
        background: var(--icon-save-color)
    }

#top-menu a.us-my-issues {
    padding: 0 0 0 30px;
    text-indent: 0;
    font-size: 20px;
    line-height: 20px;
    width: auto !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 0;
    text-decoration: none !important
}

    #top-menu a.us-my-issues .my_page {
        display: none
    }

    #top-menu a.us-my-issues .ac_counter {
        border-radius: var(--border-radius-small);
        color: var(--color-main-color-text);
        background: var(--color-main-color);
        font-size: .7142rem;
        line-height: .85714286rem;
        padding: 2px 4px;
        -webkit-box-shadow: var(--box-shadow-null);
        box-shadow: var(--box-shadow-null);
        margin: 8px 5px 0 0
    }

        #top-menu a.us-my-issues .ac_counter.unread {
            background: var(--notice-error-main)
        }

        #top-menu a.us-my-issues .ac_counter.updated {
            background: var(--icon-save-color)
        }

        #top-menu a.us-my-issues .ac_counter:last-child {
            margin: 8px 10px 0 0
        }

body .modal-backdrop, body .modal-backdrop.fade.in {
    background: var(--popup-overlay)
}

body .modal.fade {
    background: var(--bg-fff);
    border-radius: var(--border-radius);
    -webkit-box-shadow: var(--main-box-shadow);
    box-shadow: var(--main-box-shadow);
    border: 0;
    padding: 0;
    margin: 0;
    max-height: 100vh;
    overflow: auto
}

    body .modal.fade .modal-body {
        padding: 0
    }

        body .modal.fade .modal-body > div {
            background: var(--bg-box);
            padding: 20px
        }

        body .modal.fade .modal-body br {
            display: none
        }

        body .modal.fade .modal-body label {
            font-weight: 600;
            color: var(--text-color-main);
            display: block;
            margin: 0 0 10px;
            font-size: 1rem;
            line-height: 1.4
        }

    body .modal.fade h2 {
        background: 0 0;
        color: var(--color-main-color);
        text-align: center;
        border: none;
        font-weight: 700;
        font-size: 1.1428rem;
        padding: 20px 50px 20px 50px;
        position: relative;
        margin: 0
    }

    body .modal.fade button[data-dismiss=modal] {
        position: absolute;
        top: 15px;
        right: 20px;
        border: none;
        background: 0 0;
        outline: 0 none;
        padding: 0;
        display: inline-block;
        height: var(--icon-width);
        width: var(--icon-width);
        margin: 0;
        overflow: hidden;
        z-index: 2;
        background-size: var(--icon-width) var(--icon-width);
        background-repeat: no-repeat;
        background-position: 50% 50%;
        border-radius: var(--icon-border-radius);
        font-size: 0;
        line-height: 0;
        color: var(--popup-close-color);
        -webkit-transition: color var(--time-hover) ease-in-out;
        -o-transition: color var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out;
        cursor: pointer
    }

        body .modal.fade button[data-dismiss=modal]:after {
            position: absolute;
            top: 0;
            left: 0;
            content: "\E020";
            display: block;
            clear: both;
            height: 100%;
            width: 100%;
            margin: 0;
            overflow: hidden;
            border-radius: var(--icon-border-radius);
            z-index: 1;
            font-family: var(--icon-font);
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-style: normal;
            font-variant: normal;
            font-weight: 400;
            text-decoration: none;
            text-transform: none;
            font-size: var(--icon-width);
            line-height: var(--icon-width)
        }

        body .modal.fade button[data-dismiss=modal]:before {
            content: '';
            display: block;
            clear: both;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: var(--popup-close-bg);
            -webkit-transform: scale(0);
            -ms-transform: scale(0);
            transform: scale(0);
            z-index: -1;
            border-radius: var(--icon-border-radius);
            -webkit-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            -o-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            -webkit-transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
            transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
            transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
        }

        body .modal.fade button[data-dismiss=modal]:hover {
            color: var(--popup-close-color-hover)
        }

            body .modal.fade button[data-dismiss=modal]:hover:before {
                background: var(--popup-close-bg-hover);
                -webkit-transform: scale(1);
                -ms-transform: scale(1);
                transform: scale(1)
            }

        body .modal.fade button[data-dismiss=modal].selected {
            color: var(--popup-close-color-hover)
        }

            body .modal.fade button[data-dismiss=modal].selected:before {
                background: var(--popup-close-bg-hover);
                -webkit-transform: scale(1);
                -ms-transform: scale(1);
                transform: scale(1)
            }

    body .modal.fade .modal-footer {
        background: 0 0;
        padding: 20px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border: 0
    }

        body .modal.fade .modal-footer input[type=submit] {
            padding: 8px 30px;
            font-size: 1rem;
            line-height: 1rem;
            -webkit-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            -o-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            border-radius: var(--button-border-radius);
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            background: var(--button-main-bg);
            border: none;
            color: var(--button-main-color);
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            vertical-align: top;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            font-weight: var(--button-font-weight);
            margin: 0 20px;
            outline: 0;
            height: auto;
            -webkit-appearance: none
        }

            body .modal.fade .modal-footer input[type=submit]:hover {
                background: var(--button-main-bg-hover);
                color: var(--button-main-color-hover)
            }

#content div#settings div.settings {
    margin: 0
}

    #content div#settings div.settings > div {
        padding: 0 !important
    }

#content .tabular.settings table.plugin_settings label {
    width: 100%
}

#content table.plugin_settings {
    border: 1px solid var(--border-color-content);
    border-radius: var(--border-radius);
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    border-spacing: 0;
    border-collapse: separate;
    overflow: hidden
}

    #content table.plugin_settings .rmp-settings-group td {
        background: var(--bg-box);
        font-size: 1rem;
        line-height: 1.4;
        color: var(--color-main-color);
        font-weight: 700
    }

    #content table.plugin_settings #settings_assigned_issues {
        width: calc(100% - 36px)
    }

        #content table.plugin_settings #settings_assigned_issues + .jcf-select {
            width: calc(100% - 36px)
        }

#rmplus-logo > div {
    padding: 20px !important;
    border: 0 !important;
    border-radius: var(--border-radius);
    background: var(--bg-box)
}

table.list td.ui-sortable-handle {
    width: var(--icon-smaller-width);
    height: var(--icon-smaller-width);
    max-width: var(--icon-smaller-width);
    position: relative;
    padding: 0;
    font-size: 0;
    line-height: 0;
    color: var(--icon-color-bg)
}

    table.list td.ui-sortable-handle:after {
        content: "\E0AE";
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        clear: both;
        height: var(--icon-smaller-width);
        width: var(--icon-smaller-width);
        margin: -13px 0 0 -13px;
        overflow: hidden;
        border-radius: var(--icon-border-radius);
        z-index: 1;
        font-family: var(--icon-font);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        text-decoration: none;
        text-transform: none;
        font-size: var(--icon-smaller-font-size);
        line-height: var(--icon-smaller-width);
        -webkit-transition: color var(--time-hover) ease-in-out;
        -o-transition: color var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out
    }

    table.list td.ui-sortable-handle:before {
        content: '';
        display: block;
        clear: both;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -13px 0 0 -13px;
        height: 26px;
        width: 26px;
        background: var(--icon_bg-bg);
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        z-index: 0;
        border-radius: var(--icon-border-radius);
        -webkit-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        -o-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        -webkit-transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
        transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
        transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
    }

    table.list td.ui-sortable-handle:hover {
        color: var(--icon-color-hover-bg)
    }

        table.list td.ui-sortable-handle:hover:before {
            background: var(--icon_bg_hover-bg);
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1)
        }

    table.list td.ui-sortable-handle.selected {
        color: var(--icon-color-hover-bg)
    }

        table.list td.ui-sortable-handle.selected:before {
            background: var(--icon_bg_hover-bg);
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1)
        }

.controller-issues.action-index #wrapper #eq-filter-controls #query_form_content .autoscroll {
    margin: 0;
    width: 100%
}

#eq-filter-controls .holder-filters .admin-filter > div {
    display: block !important
}

#wrapper tr.ui-unread td.subject:before {
    background-color: var(--color-red)
}

#wrapper tr.ui-updated td.subject:before {
    background-color: var(--color-green)
}

#wrapper tr.ui-updated td.subject:before {
    background-color: var(--color-main-color)
}

#wrapper #eq-filter-controls #query_form_content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#wrapper #eq-filter-controls .buttons {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    #wrapper #eq-filter-controls .buttons .eq-button {
        border: none;
        background: 0 0;
        padding: 0;
        display: inline-block;
        height: var(--icon-smaller-width);
        width: var(--icon-smaller-width);
        margin: 0;
        overflow: hidden;
        position: relative;
        z-index: 2;
        border-radius: var(--icon-border-radius);
        font-size: 0;
        line-height: 0;
        color: var(--icon-color);
        vertical-align: middle;
        min-width: var(--icon-smaller-width);
        min-height: var(--icon-smaller-width);
        -webkit-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        -o-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        cursor: pointer;
        -webkit-box-shadow: var(--box-shadow-null);
        box-shadow: var(--box-shadow-null)
    }

        #wrapper #eq-filter-controls .buttons .eq-button:after {
            text-align: center;
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            clear: both;
            height: 100%;
            width: 100%;
            margin: 0;
            overflow: hidden;
            border-radius: var(--icon-border-radius);
            z-index: 1;
            font-family: var(--icon-font);
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-style: normal;
            font-variant: normal;
            font-weight: 400;
            text-decoration: none;
            text-transform: none;
            font-size: var(--icon-smaller-font-size);
            line-height: var(--icon-smaller-width);
            -webkit-transition: color var(--time-hover) ease-in-out;
            -o-transition: color var(--time-hover) ease-in-out;
            transition: color var(--time-hover) ease-in-out
        }

        #wrapper #eq-filter-controls .buttons .eq-button:before {
            content: '';
            display: block;
            clear: both;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: var(--icon_bg);
            -webkit-transform: scale(0);
            -ms-transform: scale(0);
            transform: scale(0);
            z-index: -1;
            border-radius: var(--icon-border-radius);
            -webkit-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            -o-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            -webkit-transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
            transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
            transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
        }

        #wrapper #eq-filter-controls .buttons .eq-button:hover {
            color: var(--icon-color-hover)
        }

            #wrapper #eq-filter-controls .buttons .eq-button:hover:before {
                background: var(--icon_bg_hover);
                -webkit-transform: scale(1);
                -ms-transform: scale(1);
                transform: scale(1)
            }

        #wrapper #eq-filter-controls .buttons .eq-button.selected {
            color: var(--icon-color-hover)
        }

            #wrapper #eq-filter-controls .buttons .eq-button.selected:before {
                background: var(--icon_bg_hover);
                -webkit-transform: scale(1);
                -ms-transform: scale(1);
                transform: scale(1)
            }

        #wrapper #eq-filter-controls .buttons .eq-button.disabled {
            opacity: .3
        }

            #wrapper #eq-filter-controls .buttons .eq-button.disabled:hover {
                color: var(--button-main-color-disabled)
            }

                #wrapper #eq-filter-controls .buttons .eq-button.disabled:hover:before {
                    background: var(--button-main-bg-disabled);
                    -webkit-transform: scale(0);
                    -ms-transform: scale(0);
                    transform: scale(0)
                }

        #wrapper #eq-filter-controls .buttons .eq-button.active, #wrapper #eq-filter-controls .buttons .eq-button:active {
            -webkit-box-shadow: var(--box-shadow-null);
            box-shadow: var(--box-shadow-null)
        }

        #wrapper #eq-filter-controls .buttons .eq-button.eq-button-success:after {
            content: "\E01E"
        }

        #wrapper #eq-filter-controls .buttons .eq-button[href*=set_filter]:after {
            content: "\E09A"
        }

        #wrapper #eq-filter-controls .buttons .eq-button#eq-query-save-as:after {
            content: "\E075"
        }

        #wrapper #eq-filter-controls .buttons .eq-button#eq-query-save:after {
            content: "\E03F"
        }

        #wrapper #eq-filter-controls .buttons .eq-button.rds_hl_nofollow:after {
            content: "\E030"
        }

#wrapper .eq-button, #wrapper a.eq-button {
    padding: 5px 15px;
    font-size: .85714286rem;
    line-height: 1rem;
    -webkit-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
    -o-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
    transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
    border-radius: var(--button-border-radius);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: var(--button-main-bg);
    border: 0 !important;
    color: var(--button-main-color);
    vertical-align: top;
    font-weight: var(--button-font-weight);
    margin: 0;
    height: auto;
    outline: 0 none;
    margin-bottom: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: auto;
    -webkit-text-shadow: 0 0 0 transparent;
    -moz-text-shadow: 0 0 0 transparent;
    text-shadow: 0 0 0 transparent;
    text-decoration: none !important
}

    #wrapper .eq-button.active, #wrapper .eq-button:active, #wrapper a.eq-button.active, #wrapper a.eq-button:active {
        -webkit-box-shadow: var(--box-shadow-null);
        box-shadow: var(--box-shadow-null)
    }

    #wrapper .eq-button:hover, #wrapper a.eq-button:hover {
        background: var(--button-main-bg-hover);
        color: var(--button-main-color-hover)
    }

        #wrapper .eq-button:hover .eq-caret:after, #wrapper a.eq-button:hover .eq-caret:after {
            color: var(--color-main-color)
        }

        #wrapper .eq-button:hover .eq-field-values, #wrapper a.eq-button:hover .eq-field-values {
            color: var(--color-main-color)
        }

    #wrapper .eq-button:disabled, #wrapper a.eq-button:disabled {
        background: var(--button-main-bg-disabled);
        cursor: var(--button-main-color-disabled)
    }

        #wrapper .eq-button:disabled:hover, #wrapper a.eq-button:disabled:hover {
            background: var(--button-main-bg-disabled);
            color: var(--button-main-color-disabled)
        }

    #wrapper .eq-button .eq-field-title, #wrapper a.eq-button .eq-field-title {
        -webkit-text-shadow: 0 0 0 transparent;
        -moz-text-shadow: 0 0 0 transparent;
        text-shadow: 0 0 0 transparent
    }

    #wrapper .eq-button .eq-field-values, #wrapper a.eq-button .eq-field-values {
        color: var(--bg-fff);
        webkit-transition: color var(--time-hover) ease-in-out;
        -o-transition: color var(--time-hover) ease-in-out;
        -webkit-transition: color var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out
    }

    #wrapper .eq-button .eq-caret, #wrapper a.eq-button .eq-caret {
        display: block;
        width: 20px;
        height: 20px;
        position: relative;
        font-size: 0;
        line-height: 0;
        color: var(--bg-fff);
        border: 0;
        -webkit-transition: color var(--time-hover) ease-in-out;
        -o-transition: color var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out;
        margin: 0 0 0 10px
    }

        #wrapper .eq-button .eq-caret:after, #wrapper a.eq-button .eq-caret:after {
            opacity: 1;
            color: var(--bg-fff);
            content: "\E00E";
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            clear: both;
            height: 100%;
            width: 100%;
            margin: 0;
            overflow: hidden;
            border-radius: var(--icon-border-radius);
            z-index: 1;
            font-family: var(--icon-font);
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-style: normal;
            font-variant: normal;
            text-decoration: none;
            text-transform: none;
            font-size: 24px;
            line-height: 20px;
            font-weight: 700;
            text-align: center;
            -webkit-transition: color var(--time-hover) ease-in-out;
            -o-transition: color var(--time-hover) ease-in-out;
            transition: color var(--time-hover) ease-in-out
        }

    #wrapper .eq-button .eq-field-operator, #wrapper a.eq-button .eq-field-operator {
        color: var(--bg-fff);
        -webkit-transition: color var(--time-hover) ease-in-out;
        -o-transition: color var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out;
        -webkit-text-shadow: 0 0 0 transparent;
        -moz-text-shadow: 0 0 0 transparent;
        text-shadow: 0 0 0 transparent
    }

    #wrapper .eq-button .eq-filter-delete, #wrapper a.eq-button .eq-filter-delete {
        opacity: 1;
        display: block;
        width: var(--icon-width-small);
        height: var(--icon-width-small);
        position: relative;
        font-size: 0;
        line-height: 0;
        color: var(--bg-fff);
        border: 0;
        -webkit-transition: color var(--time-hover) ease-in-out;
        -o-transition: color var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out;
        margin: 0 0 0 5px
    }

        #wrapper .eq-button .eq-filter-delete:after, #wrapper a.eq-button .eq-filter-delete:after {
            opacity: 1;
            color: var(--bg-fff);
            content: "\E020";
            text-align: center;
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            clear: both;
            height: 100%;
            width: 100%;
            margin: 0;
            overflow: hidden;
            border-radius: var(--icon-border-radius);
            z-index: 1;
            font-family: var(--icon-font);
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-style: normal;
            font-variant: normal;
            font-weight: 400;
            text-decoration: none;
            text-transform: none;
            font-size: var(--icon-font-size-small);
            line-height: var(--icon-width-small);
            -webkit-transition: color var(--time-hover) ease-in-out;
            -o-transition: color var(--time-hover) ease-in-out;
            transition: color var(--time-hover) ease-in-out
        }

    #wrapper .eq-button .eq-filter-wrap, #wrapper a.eq-button .eq-filter-wrap {
        margin: 0;
        max-width: 100%
    }

    #wrapper .eq-button.open, #wrapper a.eq-button.open {
        background: var(--bg-box);
        color: var(--color-main-color);
        -webkit-box-shadow: var(--box-shadow-null);
        box-shadow: var(--box-shadow-null)
    }

        #wrapper .eq-button.open .eq-field-operator, #wrapper a.eq-button.open .eq-field-operator {
            color: var(--color-main-color)
        }

        #wrapper .eq-button.open .eq-caret:after, #wrapper .eq-button.open .eq-filter-delete:after, #wrapper a.eq-button.open .eq-caret:after, #wrapper a.eq-button.open .eq-filter-delete:after {
            color: var(--color-main-color)
        }

#wrapper .eq-user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    #wrapper .eq-user .eq-button, #wrapper .eq-user a.eq-button {
        background: var(--bg-fff);
        color: var(--text-color-main);
        margin: 0 10px 10px 0
    }

        #wrapper .eq-user .eq-button.active, #wrapper .eq-user .eq-button:active, #wrapper .eq-user a.eq-button.active, #wrapper .eq-user a.eq-button:active {
            -webkit-box-shadow: var(--box-shadow-null);
            box-shadow: var(--box-shadow-null)
        }

        #wrapper .eq-user .eq-button .eq-field-operator, #wrapper .eq-user a.eq-button .eq-field-operator {
            color: var(--text-color-main)
        }

        #wrapper .eq-user .eq-button .eq-caret:after, #wrapper .eq-user .eq-button .eq-filter-delete:after, #wrapper .eq-user a.eq-button .eq-caret:after, #wrapper .eq-user a.eq-button .eq-filter-delete:after {
            color: var(--icon-color-bg)
        }

        #wrapper .eq-user .eq-button:hover, #wrapper .eq-user a.eq-button:hover {
            background: var(--color-main-color);
            color: var(--bg-fff)
        }

            #wrapper .eq-user .eq-button:hover .eq-field-operator, #wrapper .eq-user a.eq-button:hover .eq-field-operator {
                color: var(--bg-fff)
            }

            #wrapper .eq-user .eq-button:hover .eq-caret:after, #wrapper .eq-user .eq-button:hover .eq-filter-delete:after, #wrapper .eq-user a.eq-button:hover .eq-caret:after, #wrapper .eq-user a.eq-button:hover .eq-filter-delete:after {
                color: var(--bg-fff)
            }

        #wrapper .eq-user .eq-button.open, #wrapper .eq-user a.eq-button.open {
            background: var(--color-main-color);
            color: var(--color-main-color-text);
            -webkit-box-shadow: var(--box-shadow-null);
            box-shadow: var(--box-shadow-null)
        }

            #wrapper .eq-user .eq-button.open .eq-field-operator, #wrapper .eq-user a.eq-button.open .eq-field-operator {
                color: var(--color-main-color-text)
            }

            #wrapper .eq-user .eq-button.open .eq-caret:after, #wrapper .eq-user .eq-button.open .eq-filter-delete:after, #wrapper .eq-user a.eq-button.open .eq-caret:after, #wrapper .eq-user a.eq-button.open .eq-filter-delete:after {
                color: var(--color-main-color-text)
            }

#wrapper #eq-filter-controls .holder-filters #eq-filters table td {
    padding: 0 0 10px
}

#wrapper #eq-filter-params .admin-filter .exceptionstable .eq-button.eq-add-column, #wrapper #eq-filter-params .admin-filter .exceptionstable a.eq-button.eq-add-column {
    padding: 0 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    vertical-align: middle;
    margin: 5px 0 !important;
    width: var(--icon-width) !important;
    height: var(--icon-width);
    font-size: 18px;
    line-height: 18px !important;
    background: 0 0;
    border: none;
    position: relative;
    z-index: 2;
    border-radius: var(--icon-border-radius);
    background: var(--icon_bg-bg);
    color: var(--icon-color-bg);
    -webkit-box-shadow: var(--box-shadow-null);
    box-shadow: var(--box-shadow-null);
    -webkit-transition: color var(--time-hover) ease-in-out,background var(--time-hover) ease-in-out;
    -o-transition: color var(--time-hover) ease-in-out,background var(--time-hover) ease-in-out;
    transition: color var(--time-hover) ease-in-out,background var(--time-hover) ease-in-out;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    #wrapper #eq-filter-params .admin-filter .exceptionstable .eq-button.eq-add-column:hover, #wrapper #eq-filter-params .admin-filter .exceptionstable a.eq-button.eq-add-column:hover {
        background: var(--icon_bg_hover-bg);
        color: var(--icon-color-hover-bg)
    }

#wrapper #eq-filter-params .admin-filter .exceptionstable .eq-button.eq-delete-column, #wrapper #eq-filter-params .admin-filter .exceptionstable a.eq-button.eq-delete-column {
    padding: 0 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    vertical-align: middle;
    margin: 5px 0 !important;
    width: var(--icon-width) !important;
    height: var(--icon-width);
    font-size: 18px;
    line-height: 18px !important;
    background: 0 0;
    border: none;
    position: relative;
    z-index: 2;
    border-radius: var(--icon-border-radius);
    background: var(--icon_bg-bg);
    color: var(--icon-color-bg);
    -webkit-box-shadow: var(--box-shadow-null);
    box-shadow: var(--box-shadow-null);
    -webkit-transition: color var(--time-hover) ease-in-out,background var(--time-hover) ease-in-out;
    -o-transition: color var(--time-hover) ease-in-out,background var(--time-hover) ease-in-out;
    transition: color var(--time-hover) ease-in-out,background var(--time-hover) ease-in-out;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    #wrapper #eq-filter-params .admin-filter .exceptionstable .eq-button.eq-delete-column:hover, #wrapper #eq-filter-params .admin-filter .exceptionstable a.eq-button.eq-delete-column:hover {
        background: var(--icon_bg_hover-bg);
        color: var(--icon-color-hover-bg)
    }

#wrapper #eq-add-sort {
    font-size: .85714286rem
}

#wrapper #eq-filter-params .admin-filter {
    display: block !important
}

    #wrapper #eq-filter-params .admin-filter .eq-columns-list {
        border: 0;
        min-height: 0
    }

    #wrapper #eq-filter-params .admin-filter .jcf-scrollable-wrapper {
        border: 1px solid var(--border-color);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background: var(--bg-fff);
        border-radius: var(--border-radius-small)
    }

    #wrapper #eq-filter-params .admin-filter .eq-filter-list-container {
        border: 0;
        margin-top: 0;
        padding: 10px 0
    }

    #wrapper #eq-filter-params .admin-filter div.eq-filter-search {
        padding: 0;
        margin: 0 0 10px
    }

.eq-columns-list #wrapper #eq-filter-params .admin-filter > div {
    display: block !important
}

#wrapper #eq-filter-params .admin-filter .eq-filter-list label {
    font-weight: 400
}

#wrapper #eq-filter-params .admin-filter .eq-button.open, #wrapper #eq-filter-params .admin-filter .eq-button:hover, #wrapper #eq-filter-params .admin-filter a.eq-button.open, #wrapper #eq-filter-params .admin-filter a.eq-button:hover {
    background: var(--bg-fff)
}

    #wrapper #eq-filter-params .admin-filter .eq-button.open .eq-field-values, #wrapper #eq-filter-params .admin-filter .eq-button:hover .eq-field-values, #wrapper #eq-filter-params .admin-filter a.eq-button.open .eq-field-values, #wrapper #eq-filter-params .admin-filter a.eq-button:hover .eq-field-values {
        color: var(--color-main-color)
    }

    #wrapper #eq-filter-params .admin-filter .eq-button.open .eq-field-operator, #wrapper #eq-filter-params .admin-filter .eq-button:hover .eq-field-operator, #wrapper #eq-filter-params .admin-filter a.eq-button.open .eq-field-operator, #wrapper #eq-filter-params .admin-filter a.eq-button:hover .eq-field-operator {
        color: var(--color-main-color)
    }

#wrapper #eq-filter-params .eq-panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 10px
}

    #wrapper #eq-filter-params .eq-panel .eq-button {
        margin: 0 10px 10px 0
    }

#wrapper #eq-add-sort {
    margin: 0 0 10px 10px
}

body .modal_window {
    -webkit-box-shadow: var(--small-box-shadow);
    box-shadow: var(--small-box-shadow);
    position: absolute;
    top: -9999999px;
    left: -9999999px;
    display: block
}

    body .modal_window .eq-filter-buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    body .modal_window .eq-button, body .modal_window a.eq-button {
        padding: 8px 15px;
        font-size: .85714286rem;
        line-height: 1rem;
        -webkit-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        -o-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        border-radius: var(--button-border-radius);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background: var(--button-main-bg);
        color: var(--button-main-color);
        border: 0 !important;
        vertical-align: top;
        font-weight: var(--button-font-weight);
        margin: 0;
        height: auto;
        outline: 0 none;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        width: auto;
        -webkit-text-shadow: 0 0 0 transparent;
        -moz-text-shadow: 0 0 0 transparent;
        text-shadow: 0 0 0 transparent
    }

        body .modal_window .eq-button:hover, body .modal_window a.eq-button:hover {
            background: var(--button-main-bg-hover);
            color: var(--button-main-color-hover)
        }

            body .modal_window .eq-button:hover .eq-caret:after, body .modal_window a.eq-button:hover .eq-caret:after {
                color: var(--button-main-bg-hover)
            }

        body .modal_window .eq-button.active, body .modal_window .eq-button:active, body .modal_window a.eq-button.active, body .modal_window a.eq-button:active {
            -webkit-box-shadow: var(--box-shadow-null);
            box-shadow: var(--box-shadow-null)
        }

        body .modal_window .eq-button:disabled, body .modal_window a.eq-button:disabled {
            background: var(--button-main-bg-disabled) !important;
            cursor: default;
            color: var(--button-main-color-disabled) !important
        }

            body .modal_window .eq-button:disabled:hover, body .modal_window a.eq-button:disabled:hover {
                background: var(--button-main-bg-disabled) !important;
                color: var(--button-main-color-disabled) !important
            }

        body .modal_window .eq-button.eq-button-success, body .modal_window a.eq-button.eq-button-success {
            background: var(--icon-save-bg);
            color: var(--icon-save-color)
        }

            body .modal_window .eq-button.eq-button-success:hover, body .modal_window a.eq-button.eq-button-success:hover {
                background: var(--icon-save-bg-hover);
                color: var(--icon-save-color-hover)
            }

    body .modal_window .eq-filter-operator {
        font-weight: 700
    }

        body .modal_window .eq-filter-operator .jcf-select, body .modal_window .eq-filter-operator select {
            margin-top: 5px
        }

    body .modal_window input[type=text] {
        padding: 8px 8px 8px 8px !important;
        height: 30px;
        border: 0;
        border: 1px solid var(--border-color-content) !important;
        font-family: sans-serif;
        background-color: var(--bg-fff);
        color: var(--text-color-main);
        font-size: 1rem;
        line-height: 1rem;
        font-weight: 400;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: var(--border-radius-small);
        outline-offset: 0;
        outline: 0
    }

    body .modal_window .ui-datepicker-trigger {
        width: 16px;
        height: 16px;
        min-width: 16px;
        min-height: 16px;
        max-width: 16px;
        max-height: 16px
    }

    body .modal_window .eq-filter-data-list > div {
        width: 100%
    }

body .eq-filter-data-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    body .eq-filter-data-item input[type=text] {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }

body input.eq-search {
    background-image: url(../images/icon/search.svg);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-size: 30px 30px;
    padding: 8px 38px 8px 8px !important;
    height: 30px;
    border: 0;
    border: 1px solid var(--border-color-content) !important;
    font-family: sans-serif;
    background-color: var(--bg-fff);
    color: var(--text-color-main);
    font-size: 1rem;
    line-height: 1rem;
    font-weight: 400;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: var(--border-radius-small);
    outline-offset: 0;
    outline: 0;
    width: 100%
}

body .jcf-scrollable-wrapper {
    width: 100% !important
}

body .eq-filter-list-container {
    width: 100% !important;
    display: block;
    border-top: 1px solid var(--border-color)
}

    body .eq-filter-list-container.jcf-scrollable {
        height: 300px
    }

    body .eq-filter-list-container .eq-filter-list {
        padding-top: 10px
    }

body .eq-filter-list {
    width: 100%;
    height: auto;
    max-height: 500000px;
    overflow: hidden !important;
    display: block
}

    body .eq-filter-list li.eq-filter-list-item {
        background: 0 0;
        position: relative;
        padding: 0;
        display: block
    }

        body .eq-filter-list li.eq-filter-list-item:after {
            content: '';
            display: block;
            clear: both;
            position: absolute;
            top: 0;
            right: 0;
            width: 0;
            height: 100%;
            background: var(--all-hover-bg);
            z-index: -1;
            -webkit-transition: width var(--time-hover) ease-in-out;
            -o-transition: width var(--time-hover) ease-in-out;
            transition: width var(--time-hover) ease-in-out
        }

        body .eq-filter-list li.eq-filter-list-item:focus, body .eq-filter-list li.eq-filter-list-item:hover {
            background: 0 0;
            color: var(--color-main-color) !important
        }

            body .eq-filter-list li.eq-filter-list-item:focus:after, body .eq-filter-list li.eq-filter-list-item:hover:after {
                width: 100%
            }

    body .eq-filter-list li label {
        padding: 5px 10px
    }

body .mw-block:after, body .mw-block:before {
    display: none !important
}

#wrapper .flyout-menu .eq-sidebar-queries {
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important
}

    #wrapper .flyout-menu .eq-sidebar-queries .fa-refresh {
        color: var(--bg-fff)
    }

    #wrapper .flyout-menu .eq-sidebar-queries li {
        position: relative
    }

        #wrapper .flyout-menu .eq-sidebar-queries li .eq-pinning {
            width: 26px;
            height: 26px;
            padding: 0;
            margin: -13px 0 0 0;
            position: absolute;
            top: 50%;
            right: 10px;
            border: 0;
            background: 0 0
        }

    #wrapper .flyout-menu .eq-sidebar-queries.expanded legend:after {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    #wrapper .flyout-menu .eq-sidebar-queries legend {
        width: 100%;
        margin: 0;
        padding: 0;
        position: relative;
        display: block;
        background: 0 0
    }

        #wrapper .flyout-menu .eq-sidebar-queries legend:after {
            opacity: 1;
            color: var(--icon-color-bg);
            content: "\E07D";
            text-align: center;
            position: absolute;
            top: 50%;
            right: 10px;
            display: block;
            clear: both;
            height: var(--icon-smaller-width);
            width: var(--icon-smaller-width);
            margin: -13px 0 0;
            overflow: hidden;
            border-radius: var(--icon-border-radius);
            z-index: 1;
            font-family: var(--icon-font);
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-style: normal;
            font-variant: normal;
            font-weight: 400;
            text-decoration: none;
            text-transform: none;
            font-size: var(--icon-smaller-font-size);
            line-height: var(--icon-smaller-width);
            -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
            transform: rotate(0);
            -webkit-transition: transform var(--time-hover) ease-in-out;
            -webkit-transition: -webkit-transform var(--time-hover) ease-in-out;
            transition: -webkit-transform var(--time-hover) ease-in-out;
            -o-transition: transform var(--time-hover) ease-in-out;
            transition: transform var(--time-hover) ease-in-out;
            transition: transform var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
        }

        #wrapper .flyout-menu .eq-sidebar-queries legend span {
            display: block;
            position: relative;
            z-index: 2
        }

        #wrapper .flyout-menu .eq-sidebar-queries legend .in_link {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            padding: 10px 40px 10px 10px;
            font-weight: 600;
            height: auto;
            line-height: inherit;
            color: var(--color-main-color-text);
            overflow: hidden;
            white-space: nowrap;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            text-align: left;
            background: 0 0;
            text-decoration: none !important;
            position: relative;
            z-index: 2
        }

#wrapper .flyout-menu #eq-sidebar-system-setting {
    padding: 0;
    margin: 0
}

    #wrapper .flyout-menu #eq-sidebar-system-setting .no_line {
        font-size: 1rem;
        line-height: 1.4;
        font-weight: 600;
        color: var(--color-main-color-text);
        border-top: 1px solid var(--color-main-color-text);
        display: block;
        overflow: hidden;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        text-align: left;
        position: relative
    }

        #wrapper .flyout-menu #eq-sidebar-system-setting .no_line span {
            margin: 0 !important;
            font-size: 1rem;
            line-height: 1.4;
            font-weight: 600
        }

#wrapper .flyout-menu .fa-cog, #wrapper .flyout-menu .fa-gear {
    padding: 10px 40px 10px 10px;
    line-height: inherit;
    color: var(--icon-color-bg);
    display: block;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
    position: relative
}

    #wrapper .flyout-menu .fa-cog:before, #wrapper .flyout-menu .fa-gear:before {
        opacity: 1;
        color: var(--icon-color-bg);
        content: "\E007";
        text-align: center;
        position: absolute;
        top: 50%;
        right: 10px;
        display: block;
        clear: both;
        height: var(--icon-smaller-width);
        width: var(--icon-smaller-width);
        margin: -13px 0 0;
        overflow: hidden;
        border-radius: var(--icon-border-radius);
        z-index: 1;
        font-family: var(--icon-font);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        text-decoration: none;
        text-transform: none;
        font-size: var(--icon-smaller-font-size);
        line-height: var(--icon-smaller-width);
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        -webkit-transition: transform var(--time-hover) ease-in-out;
        -webkit-transition: -webkit-transform var(--time-hover) ease-in-out;
        transition: -webkit-transform var(--time-hover) ease-in-out;
        -o-transition: transform var(--time-hover) ease-in-out;
        transition: transform var(--time-hover) ease-in-out;
        transition: transform var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
    }

    #wrapper .flyout-menu .fa-cog:after, #wrapper .flyout-menu .fa-gear:after {
        display: block !important;
        content: '';
        clear: both;
        position: absolute;
        top: 50%;
        right: 10px;
        height: var(--icon-smaller-width);
        width: var(--icon-smaller-width);
        margin: -13px 0 0;
        background: var(--icon_bg-bg);
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        z-index: -1;
        border-radius: var(--icon-border-radius);
        -webkit-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        -o-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        -webkit-transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
        transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
        transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
    }

    #wrapper .flyout-menu .fa-cog:hover:before, #wrapper .flyout-menu .fa-gear:hover:before {
        color: var(--icon-color-hover-bg)
    }

    #wrapper .flyout-menu .fa-cog:hover:after, #wrapper .flyout-menu .fa-gear:hover:after {
        background: var(--icon_bg_hover-bg);
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

#wrapper .eq-pinning {
    width: var(--icon-smaller-width);
    height: var(--icon-smaller-width);
    padding: 0;
    margin: 0;
    position: relative;
    font-size: 0;
    line-height: 0;
    border: 0;
    background: 0 0;
    opacity: 1
}

    #wrapper .eq-pinning:after {
        display: block !important;
        content: "\E067";
        opacity: 1;
        color: var(--icon-color-bg);
        text-align: center;
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        clear: both;
        height: 100%;
        width: 100%;
        margin: 0;
        overflow: hidden;
        border-radius: var(--icon-border-radius);
        z-index: 1;
        font-family: var(--icon-font);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        text-decoration: none;
        text-transform: none;
        font-size: var(--icon-smaller-font-size);
        line-height: var(--icon-smaller-width);
        -webkit-transition: color var(--time-hover) ease-in-out;
        -o-transition: color var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out
    }

    #wrapper .eq-pinning.eq-unpin:after {
        content: "\E067"
    }

    #wrapper .eq-pinning.eq-pin:after {
        content: "\E045"
    }

#sidebar #eq-sidebar-system-setting {
    padding: 0;
    margin: 0
}

    #sidebar #eq-sidebar-system-setting .no_line {
        margin: 0;
        display: block;
        padding: 5px 30px 5px 0;
        position: relative;
        font-size: 1rem;
        line-height: 1.4;
        font-family: sans-serif
    }

        #sidebar #eq-sidebar-system-setting .no_line span {
            margin: 0 !important
        }

    #sidebar #eq-sidebar-system-setting .fa-cog, #sidebar #eq-sidebar-system-setting .fa-gear {
        font-size: 1rem;
        line-height: 1.4
    }

        #sidebar #eq-sidebar-system-setting .fa-cog:before, #sidebar #eq-sidebar-system-setting .fa-gear:before {
            opacity: 1;
            color: var(--icon-color-bg);
            content: "\E007";
            text-align: center;
            position: absolute;
            top: 50%;
            right: 0;
            display: block;
            clear: both;
            height: var(--icon-smaller-width);
            width: var(--icon-smaller-width);
            margin: -13px 0 0;
            overflow: hidden;
            border-radius: var(--icon-border-radius);
            z-index: 1;
            font-family: var(--icon-font);
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-style: normal;
            font-variant: normal;
            font-weight: 400;
            text-decoration: none;
            text-transform: none;
            font-size: var(--icon-smaller-font-size);
            line-height: var(--icon-smaller-width);
            -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
            transform: rotate(0);
            -webkit-transition: transform var(--time-hover) ease-in-out;
            -webkit-transition: -webkit-transform var(--time-hover) ease-in-out;
            transition: -webkit-transform var(--time-hover) ease-in-out;
            -o-transition: transform var(--time-hover) ease-in-out;
            transition: transform var(--time-hover) ease-in-out;
            transition: transform var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
        }

        #sidebar #eq-sidebar-system-setting .fa-cog:after, #sidebar #eq-sidebar-system-setting .fa-gear:after {
            display: block !important;
            content: '';
            clear: both;
            position: absolute;
            top: 50%;
            right: 0;
            height: var(--icon-smaller-width);
            width: var(--icon-smaller-width);
            margin: -13px 0 0;
            background: var(--icon_bg-bg);
            -webkit-transform: scale(0);
            -ms-transform: scale(0);
            transform: scale(0);
            z-index: -1;
            border-radius: var(--icon-border-radius);
            -webkit-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            -o-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            -webkit-transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
            transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
            transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
        }

        #sidebar #eq-sidebar-system-setting .fa-cog:hover:before, #sidebar #eq-sidebar-system-setting .fa-gear:hover:before {
            color: var(--icon-color-hover-bg)
        }

        #sidebar #eq-sidebar-system-setting .fa-cog:hover:after, #sidebar #eq-sidebar-system-setting .fa-gear:hover:after {
            background: var(--icon_bg_hover-bg);
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1)
        }

#sidebar .eq-sidebar-queries {
    padding: 0;
    margin: 0;
    border: 0 !important
}

    #sidebar .eq-sidebar-queries.expanded legend .in_link:after {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    #sidebar .eq-sidebar-queries legend {
        display: block;
        padding: 0;
        margin: 0;
        background: 0 0;
        position: relative;
        width: 100%
    }

        #sidebar .eq-sidebar-queries legend span {
            display: block
        }

        #sidebar .eq-sidebar-queries legend .in_link {
            padding: 5px 30px 5px 0;
            display: block;
            position: relative;
            text-decoration: none;
            width: 100%;
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

            #sidebar .eq-sidebar-queries legend .in_link:after {
                display: block !important;
                content: "\E07D";
                opacity: 1;
                color: var(--icon-color-bg);
                text-align: center;
                position: absolute;
                top: 50%;
                margin: -13px 0 0;
                right: 0;
                display: block;
                clear: both;
                height: var(--icon-smaller-width);
                width: var(--icon-smaller-width);
                overflow: hidden;
                border-radius: var(--icon-border-radius);
                z-index: 1;
                font-family: var(--icon-font);
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                font-style: normal;
                font-variant: normal;
                font-weight: 400;
                text-decoration: none;
                text-transform: none;
                font-size: var(--icon-smaller-font-size);
                line-height: var(--icon-smaller-width);
                -webkit-transition: color var(--time-hover) ease-in-out,transform var(--time-hover) ease-in-out;
                -webkit-transition: color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
                transition: color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
                -o-transition: color var(--time-hover) ease-in-out,transform var(--time-hover) ease-in-out;
                transition: color var(--time-hover) ease-in-out,transform var(--time-hover) ease-in-out;
                transition: color var(--time-hover) ease-in-out,transform var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
                -webkit-transform: rotate(0);
                -ms-transform: rotate(0);
                transform: rotate(0)
            }

            #sidebar .eq-sidebar-queries legend .in_link:before {
                content: '';
                display: block;
                clear: both;
                position: absolute;
                top: 50%;
                right: 0;
                height: 26px;
                width: 26px;
                margin: -13px 0 0;
                background: var(--icon_bg-bg);
                -webkit-transform: scale(0);
                -ms-transform: scale(0);
                transform: scale(0);
                z-index: -1;
                border-radius: var(--icon-border-radius);
                -webkit-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
                -o-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
                -webkit-transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
                transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
                transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
                transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
            }

            #sidebar .eq-sidebar-queries legend .in_link:hover:after {
                color: var(--icon-color-hover-bg)
            }

            #sidebar .eq-sidebar-queries legend .in_link:hover:before {
                background: var(--icon_bg_hover-bg);
                -webkit-transform: scale(1);
                -ms-transform: scale(1);
                transform: scale(1)
            }

    #sidebar .eq-sidebar-queries ul li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-bottom: 0 !important
    }

        #sidebar .eq-sidebar-queries ul li .eq-pinning {
            margin: 0 0 0 10px !important
        }

            #sidebar .eq-sidebar-queries ul li .eq-pinning:before {
                content: '';
                display: block;
                clear: both;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: var(--icon_bg-bg);
                -webkit-transform: scale(0);
                -ms-transform: scale(0);
                transform: scale(0);
                z-index: -1;
                border-radius: var(--icon-border-radius);
                -webkit-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
                -o-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
                -webkit-transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
                transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
                transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
                transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
            }

            #sidebar .eq-sidebar-queries ul li .eq-pinning:after {
                color: var(--icon-color-bg)
            }

            #sidebar .eq-sidebar-queries ul li .eq-pinning:hover:after {
                color: var(--icon-color-hover-bg)
            }

            #sidebar .eq-sidebar-queries ul li .eq-pinning:hover:before {
                background: var(--icon_bg_hover-bg);
                -webkit-transform: scale(1);
                -ms-transform: scale(1);
                transform: scale(1)
            }

.controller-settings.action-plugin #content form textarea {
    width: 100%;
    min-width: 100%
}

    .controller-settings.action-plugin #content form textarea + .info {
        margin: 5px 0 0 !important;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

.controller-settings.action-plugin #content div#settings div.settings {
    margin: 0 0 20px
}

.controller-settings.action-plugin .info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.controller-settings.action-plugin #tab-content-rules select + .jcf-list-box, .controller-settings.action-plugin #tab-content-rules select + .jcf-select, .controller-settings.action-plugin #tab-content-rules select + .select2 {
    margin: 5px 0
}

.controller-settings.action-plugin #tab-content-menu fieldset {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    margin-bottom: 0
}

    .controller-settings.action-plugin #tab-content-menu fieldset legend {
        left: 0
    }

.controller-settings.action-plugin span[style="vertical-align: top; margin-left: 15px;"] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

#header #admin-menu a.additionals:after {
    content: "\E006"
}

#wrapper .flyout-menu #admin-menu .additionals:before, #wrapper .flyout-menu #main-menu .additionals:before {
    display: none
}

#admin-index #admin-menu a.additionals:after {
    content: "\E006";
    background-image: url(../images/icon-color/additionals.svg);
    border-radius: var(--border-radius)
}

#admin-index #admin-menu a.additionals:before {
    padding: 0 !important;
    border-radius: var(--border-radius)
}

.controller-account .additionals-footer {
    display: none !important
}

.additionals-footer {
    display: none
}

.start .additionals-footer {
    display: block
}

.additionals-footer {
    background: var(--bg-fff);
    overflow: hidden;
    display: block;
    font-size: .7857rem;
    line-height: .7857rem;
    padding: 5px;
    color: var(--text-color-main)
}

body .gototop[href="#gototop"] {
    position: absolute;
    top: -999999999px;
    left: -99999999px
}

#content form .tabular #tab-content-web p em.info {
    margin-right: 0 !important;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.flyout-menu .sidebar-additionals {
    padding: 10px !important
}

div.issue .attributes ~ fieldset {
    background: var(--bg-box);
    padding: 45px 30px 15px;
    width: calc(100% + 60px) !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 -30px 20px;
    width: 100%;
    border-bottom: 1px solid var(--border-color-content);
    border-top: 1px solid var(--border-color-content);
    position: relative
}

    div.issue .attributes ~ fieldset legend {
        position: absolute;
        top: 15px;
        left: 30px;
        color: var(--color-main-color)
    }

div.issue .attributes + .tabular table {
    padding: 0 !important
}

div.issue .attributes + .tabular label {
    margin: 0
}

.controller-issues #update .attributes + .tabular {
    padding-left: 0;
    padding-right: 0
}

    .controller-issues #update .attributes + .tabular .autoscroll {
        overflow: hidden
    }

    .controller-issues #update .attributes + .tabular table {
        padding: 0 !important;
        width: 100%;
        display: block
    }

        .controller-issues #update .attributes + .tabular table tbody, .controller-issues #update .attributes + .tabular table td {
            display: block;
            width: 100%
        }

        .controller-issues #update .attributes + .tabular table td {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            width: 100%;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding: 0 10px 0 0 !important
        }

            .controller-issues #update .attributes + .tabular table td:last-child {
                padding: 0 !important
            }

        .controller-issues #update .attributes + .tabular table tr {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

    .controller-issues #update .attributes + .tabular label {
        margin: 0
    }

#admin-index #admin-menu .icon-global_issue_templates:after {
    background-image: url(../images/icon-color/template.svg)
}

#main-menu .issue-templates:after, #top-menu .issue-templates:after {
    content: "\E0B7"
}

#issue_template_related_link:after {
    content: "\E075"
}

a.icon.icon-erase:after {
    content: "\E021"
}

a.icon#link_template_dialog:after {
    content: "\E0B7"
}

#main > #content .overlay .header_wrapper h2 {
    background: 0 0;
    color: var(--color-main-color);
    text-align: center;
    border: none;
    font-weight: 700;
    font-size: 1.1428rem;
    padding: 20px 50px 20px 50px;
    position: relative;
    margin: 0
}

body .overlay {
    background: var(--popup-overlay)
}

    body .overlay.active, body .overlay:target {
        opacity: .95
    }

    body .overlay .template_search_filter_wrapper {
        margin: 0 0 20px;
        padding: 0 20px
    }

        body .overlay .template_search_filter_wrapper label[for=template_search_filter] {
            display: block;
            margin: 0 0 10px;
            padding: 0
        }

    body .overlay .popup {
        background: var(--bg-fff);
        border-radius: var(--border-radius);
        -webkit-box-shadow: var(--main-box-shadow);
        box-shadow: var(--main-box-shadow);
        border: 0;
        padding: 0;
        max-height: 100vh;
        overflow: auto
    }

        body .overlay .popup .close {
            position: absolute;
            top: 15px;
            right: 20px;
            border: none;
            background: 0 0;
            outline: 0 none;
            padding: 0;
            display: inline-block;
            height: var(--icon-width);
            width: var(--icon-width);
            margin: 0;
            overflow: hidden;
            z-index: 2;
            background-size: var(--icon-width) var(--icon-width);
            background-repeat: no-repeat;
            background-position: 50% 50%;
            border-radius: var(--icon-border-radius);
            font-size: 0;
            line-height: 0;
            color: var(--popup-close-color);
            -webkit-transition: color var(--time-hover) ease-in-out;
            -o-transition: color var(--time-hover) ease-in-out;
            transition: color var(--time-hover) ease-in-out
        }

            body .overlay .popup .close:after {
                position: absolute;
                top: 0;
                left: 0;
                content: "\E020";
                display: block;
                clear: both;
                height: 100%;
                width: 100%;
                margin: 0;
                overflow: hidden;
                border-radius: var(--icon-border-radius);
                z-index: 1;
                font-family: var(--icon-font);
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                font-style: normal;
                font-variant: normal;
                font-weight: 400;
                text-decoration: none;
                text-transform: none;
                font-size: var(--icon-font-size);
                line-height: var(--icon-width)
            }

            body .overlay .popup .close:before {
                content: '';
                display: block;
                clear: both;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: var(--popup-close-bg);
                -webkit-transform: scale(0);
                -ms-transform: scale(0);
                transform: scale(0);
                z-index: -1;
                border-radius: var(--icon-border-radius);
                -webkit-transition: transform var(--time-hover) ease-in-out;
                -o-transition: transform var(--time-hover) ease-in-out;
                -webkit-transition: -webkit-transform var(--time-hover) ease-in-out;
                transition: -webkit-transform var(--time-hover) ease-in-out;
                transition: transform var(--time-hover) ease-in-out;
                transition: transform var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
            }

            body .overlay .popup .close:hover {
                color: var(--popup-close-color-hover)
            }

                body .overlay .popup .close:hover:before {
                    background: var(--popup-close-bg-hover);
                    -webkit-transform: scale(1);
                    -ms-transform: scale(1);
                    transform: scale(1)
                }

    body .overlay .header_wrapper {
        background: var(--bg-fff);
        padding: 0
    }

#main #edit-issue_template hr {
    display: none
}

#main label[for=global_note_template_tracker_id] + .jcf-select, #main label[for=issue_template_tracker_id] + .jcf-select, #main label[for=note_template_tracker_id] + .jcf-select {
    min-width: 100%;
    margin: 0 0 5px
}

#main .template_link_area {
    border-radius: var(--border-radius);
    border-color: var(--border-color-content);
    font-size: 0;
    line-height: 0;
    padding: 5px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    #main .template_link_area label {
        color: var(--text-color-main);
        font-size: 1rem;
        line-height: 1.4;
        margin: 0 10px 0 0
    }

#main #orphaned_templates + div {
    padding-top: 0
}

#main #content .template_box {
    margin: 0;
    position: relative;
    z-index: 3;
    padding: 0 0 10px;
    border: 0
}

    #main #content .template_box:hover {
        z-index: 5 !important
    }

    #main #content .template_box table.list.template_list {
        margin: 10px 0 0
    }

#main #content .template_tracker {
    position: relative;
    padding: 0 0 0 40px;
    background: 0 0;
    line-height: 30px
}

    #main #content .template_tracker:after {
        position: absolute;
        top: 0;
        left: 0;
        clear: both;
        height: var(--icon-width);
        margin: 0;
        width: var(--icon-width);
        overflow: hidden;
        z-index: 1;
        font-family: var(--icon-font);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        text-decoration: none;
        text-transform: none;
        font-size: var(--icon-font-size);
        line-height: var(--icon-width);
        display: block;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        color: var(--icon-color);
        content: "\E0B7"
    }

#main #content table.list.template_list {
    border-width: 1px;
    margin: 0
}

    #main #content table.list.template_list td {
        background: 0 0;
        padding: 5px 5px
    }

#main #content .global_issue_template .gravatar, #main #content .issue_template .gravatar {
    margin-left: 10px
}

#main .icon#orphaned_template_link {
    display: block;
    margin: 20px 0;
    width: 100%;
    height: 40px;
    color: var(--text-color-main);
    font-weight: 600;
    font-size: 1rem;
    line-height: 40px;
    padding: 0 0 0 50px;
    text-decoration: none;
    cursor: pointer;
    border-radius: var(--icon-border-radius);
    background: var(--bg-box);
    z-index: 1
}

    #main .icon#orphaned_template_link:after {
        color: var(--icon-color-bg);
        content: "\E07D";
        position: absolute;
        top: 50%;
        left: 10px;
        margin: -15px 0 0;
        display: block;
        clear: both;
        height: var(--icon-width);
        width: var(--icon-width);
        overflow: hidden;
        border-radius: var(--icon-border-radius);
        -webkit-transition: color var(--time-hover) ease-in-out,transform var(--time-hover) ease-in-out;
        -o-transition: color var(--time-hover) ease-in-out,transform var(--time-hover) ease-in-out;
        -webkit-transition: color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out,transform var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out,transform var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
        z-index: 1;
        background-size: var(--icon-width) var(--icon-width);
        background-repeat: no-repeat;
        background-position: 50% 50%;
        opacity: 1;
        font-family: var(--icon-font);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        text-decoration: none;
        text-transform: none;
        font-size: var(--icon-font-size);
        line-height: var(--icon-width)
    }

    #main .icon#orphaned_template_link:before {
        content: '';
        display: block;
        clear: both;
        position: absolute;
        top: 50%;
        left: 10px;
        margin: -15px 0 0;
        height: var(--icon-width);
        width: var(--icon-width);
        background: var(--icon_bg-bg);
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        z-index: 0;
        border-radius: var(--icon-border-radius);
        -webkit-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        -o-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        -webkit-transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
        transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
        transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
    }

    #main .icon#orphaned_template_link:hover:after {
        color: var(--icon-color-hover-bg)
    }

    #main .icon#orphaned_template_link:hover:before {
        background: var(--icon_bg_hover-bg);
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

#main label[for=global_issue_template_tracker_id] ~ .jcf-select {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    width: 100%;
    margin-bottom: 5px
}

#issue_template-form fieldset.issue {
    background: 0 0
}

.template_tooltip_wrapper .template_tooltip:after {
    content: "\E048"
}

.issue_templates .issue_template:after {
    content: "\E0AB"
}

.icon.icon-template:after {
    content: "\E0B7"
}

#global_issue_template-form fieldset.issue {
    background: 0 0
}

#content div.box > fieldset#global_issue_template_project_ids {
    padding-top: 0
}

#global_issue_template_project_ids ~ .jcf-select, #global_note_template_project_ids ~ .jcf-select {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    margin: 0 0 5px
}

#global_issue_template_project_ids .collapsible.template-help, #global_note_template_project_ids .collapsible.template-help {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 40px;
    color: var(--text-color-main);
    font-weight: 600;
    font-size: 1rem;
    line-height: 40px;
    padding: 0 0 0 50px;
    text-decoration: none;
    cursor: pointer
}

    #global_issue_template_project_ids .collapsible.template-help:after, #global_note_template_project_ids .collapsible.template-help:after {
        color: var(--icon-color-bg);
        content: "\E07D";
        position: absolute;
        top: 50%;
        left: 10px;
        margin: -15px 0 0;
        display: block;
        clear: both;
        height: var(--icon-width);
        width: var(--icon-width);
        overflow: hidden;
        border-radius: var(--icon-border-radius);
        -webkit-transition: color var(--time-hover) ease-in-out,transform var(--time-hover) ease-in-out;
        -o-transition: color var(--time-hover) ease-in-out,transform var(--time-hover) ease-in-out;
        -webkit-transition: color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out,transform var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out,transform var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
        z-index: 1;
        background-size: var(--icon-width) var(--icon-width);
        background-repeat: no-repeat;
        background-position: 50% 50%;
        opacity: 1;
        font-family: var(--icon-font);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        text-decoration: none;
        text-transform: none;
        font-size: var(--icon-font-size);
        line-height: var(--icon-width)
    }

    #global_issue_template_project_ids .collapsible.template-help:before, #global_note_template_project_ids .collapsible.template-help:before {
        content: '';
        display: block;
        clear: both;
        position: absolute;
        top: 50%;
        left: 10px;
        margin: -15px 0 0;
        height: var(--icon-width);
        width: var(--icon-width);
        background: var(--icon_bg-bg);
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        z-index: 0;
        border-radius: var(--icon-border-radius);
        -webkit-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        -o-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        -webkit-transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
        transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
        transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
    }

    #global_issue_template_project_ids .collapsible.template-help:hover:after, #global_note_template_project_ids .collapsible.template-help:hover:after {
        color: var(--icon-color-hover-bg)
    }

    #global_issue_template_project_ids .collapsible.template-help:hover:before, #global_note_template_project_ids .collapsible.template-help:hover:before {
        background: var(--icon_bg_hover-bg);
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

#content div.box > #global_issue_template_project_ids, #content div.box > #global_note_template_project_ids {
    position: relative;
    min-height: 40px;
    margin: -20px;
    width: calc(100% + 40px);
    padding: 20px
}

    #content div.box > #global_issue_template_project_ids #all_projects[style="display: inline;"], #content div.box > #global_note_template_project_ids #all_projects[style="display: inline;"] {
        display: block !important;
        margin: 60px 0 0
    }

        #content div.box > #global_issue_template_project_ids #all_projects[style="display: inline;"]:after, #content div.box > #global_note_template_project_ids #all_projects[style="display: inline;"]:after {
            content: '';
            display: block;
            clear: both;
            position: absolute;
            top: 40px;
            left: 0;
            width: 100%;
            height: 1px;
            background: var(--border-color)
        }

    #content div.box > #global_issue_template_project_ids #all_projects legend, #content div.box > #global_note_template_project_ids #all_projects legend {
        position: relative;
        top: 0;
        left: 0;
        margin: 0 0 10px
    }

    #content div.box > #global_issue_template_project_ids #all_projects p, #content div.box > #global_note_template_project_ids #all_projects p {
        padding: 0
    }

.icon-help {
    position: relative
}

    .icon-help .tooltip-area {
        display: block !important;
        position: absolute;
        top: -99999999px;
        left: -99999999px
    }

#header a.icon.icon-global_issue_templates:after {
    content: "\E0B7"
}

.controller-settings.action-plugin #main .box .issue_templates .icon-template {
    width: auto;
    height: auto;
    font-size: 1rem;
    line-height: 1.4;
    color: var(--color-main-color) !important;
    border-radius: 0
}

    .controller-settings.action-plugin #main .box .issue_templates .icon-template:after, .controller-settings.action-plugin #main .box .issue_templates .icon-template:before {
        display: none
    }

#template_issue_notes {
    display: block;
    padding: 10px 0
}

    #template_issue_notes .template_tooltip:after {
        content: "\E0B7"
    }

    #template_issue_notes .overlay {
        background: var(--popup-overlay)
    }

        #template_issue_notes .overlay.active, #template_issue_notes .overlay:target {
            opacity: .95
        }

        #template_issue_notes .overlay .header_wrapper {
            background: var(--bg-fff)
        }

    #template_issue_notes .popup {
        background: var(--bg-fff);
        border-radius: var(--border-radius);
        -webkit-box-shadow: var(--main-box-shadow);
        box-shadow: var(--main-box-shadow);
        border: 0;
        padding: 0;
        max-height: 100vh;
        overflow: auto
    }

        #template_issue_notes .popup h2 {
            background: 0 0 !important;
            color: var(--color-main-color) !important;
            text-align: center;
            border: none;
            font-weight: 700;
            font-size: 1.1428rem !important;
            padding: 20px 50px 20px 50px !important;
            margin: 0 !important;
            position: relative;
            width: 100% !important;
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

        #template_issue_notes .popup .close {
            position: absolute;
            top: 15px;
            right: 20px;
            border: none;
            background: 0 0;
            outline: 0 none;
            padding: 0;
            display: inline-block;
            height: var(--icon-width);
            width: var(--icon-width);
            margin: 0;
            overflow: hidden;
            z-index: 2;
            background-size: var(--icon-width) var(--icon-width);
            background-repeat: no-repeat;
            background-position: 50% 50%;
            border-radius: var(--icon-border-radius);
            font-size: 0;
            line-height: 0;
            color: var(--popup-close-color);
            -webkit-transition: color var(--time-hover) ease-in-out;
            -o-transition: color var(--time-hover) ease-in-out;
            transition: color var(--time-hover) ease-in-out
        }

            #template_issue_notes .popup .close:after {
                position: absolute;
                top: 0;
                left: 0;
                content: "\E020";
                display: block;
                clear: both;
                height: 100%;
                width: 100%;
                margin: 0;
                overflow: hidden;
                border-radius: var(--icon-border-radius);
                z-index: 1;
                font-family: var(--icon-font);
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                font-style: normal;
                font-variant: normal;
                font-weight: 400;
                text-decoration: none;
                text-transform: none;
                font-size: var(--icon-font-size);
                line-height: var(--icon-width)
            }

            #template_issue_notes .popup .close:before {
                content: '';
                display: block;
                clear: both;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: var(--popup-close-bg);
                -webkit-transform: scale(0);
                -ms-transform: scale(0);
                transform: scale(0);
                z-index: -1;
                border-radius: var(--icon-border-radius);
                -webkit-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
                -o-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
                -webkit-transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
                transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
                transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
                transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
            }

            #template_issue_notes .popup .close:hover {
                color: var(--popup-close-color-hover)
            }

                #template_issue_notes .popup .close:hover:before {
                    background: var(--popup-close-bg-hover);
                    -webkit-transform: scale(1);
                    -ms-transform: scale(1);
                    transform: scale(1)
                }

            #template_issue_notes .popup .close.selected {
                color: var(--popup-close-color-hover)
            }

                #template_issue_notes .popup .close.selected:before {
                    background: var(--popup-close-bg-hover);
                    -webkit-transform: scale(1);
                    -ms-transform: scale(1);
                    transform: scale(1)
                }

            #template_issue_notes .popup .close .ui-icon {
                display: none
            }

h2.global_note_template img.gravatar {
    margin: 0 0 0 10px
}

.controller-global_note_templates fieldset.issue {
    background: 0 0
}

.controller-global_note_templates #global_note_template_tracker_id + .jcf-select {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    margin: 0 0 5px
}

.controller-global_note_templates #content div.box #global_note_template_project_ids {
    padding-top: 0
}

#main > #content > h2.issue_template ~ .issue_template, #main > #content > h2.note_template ~ .issue_template {
    margin: 0 0 20px;
    padding: 0;
    border: 0;
    background: 0 0;
    font-size: 1.28571429rem;
    line-height: 1.28571429rem
}

#issue_template_tracker_id + .jcf-select {
    min-width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    margin: 0 0 5px
}

#main > #content #issue_templates_settings > h2 {
    position: relative;
    font-size: 1.4285rem;
    line-height: 1.4;
    padding: 15px 45px;
    width: calc(100% + 60px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 -30px 70px;
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
    background-size: 30px 100%;
    background-position: 0 50%;
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-image: url(../images/icon-color/settings.svg)
}

#main > #content #issue_templates_settings .template_box h2 {
    font-size: 1.1428rem;
    line-height: 1.4
}

#main > #content #issue_templates_settings label + label {
    display: none
}

#main > #content .easy-setting-plugin-form h2 {
    osition: relative;
    font-size: 1.4285rem;
    line-height: 1.4;
    padding: 15px 45px;
    width: calc(100% + 60px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 -30px 70px;
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
    background-size: 30px 100%;
    background-position: 0 50%;
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-image: url(../images/icon-color/easy.svg)
}

#main #button_close_all_projects, #main .gantt-grid-header-collapse-buttons a {
    width: var(--icon-width-small);
    height: var(--icon-width-small);
    line-height: var(--icon-width-small);
    -webkit-box-shadow: 0 10px 10px transparent;
    box-shadow: 0 10px 10px transparent
}

    #main #button_close_all_projects:hover, #main .gantt-grid-header-collapse-buttons a:hover {
        background-color: var(--icon-color-bg) !important
    }

#main .redmine .push-right {
    position: relative;
    z-index: 10
}

#main .gantt_cell + .gantt_cell, #main .gantt_side_content {
    color: var(--border-color)
}

#main #easy_gantt_menu:not([style="transform: translate(0px, 0px);"]) {
    margin-top: 41px
}

#main-menu .easy-gantt:after, #top-menu .easy-gantt:after {
    content: "\E0B2"
}

.icon.delayed-project-filter:after {
    content: "\E095"
}

.icon.delayed-issue-filter:after {
    content: "\E05D"
}

#wrapper .flyout-menu .icon.easy-gantt {
    padding: 10px !important
}

#main > #content #easy_gantt .content-title h2 {
    position: relative;
    font-size: 1.4285rem;
    line-height: 1.4;
    padding: 15px 45px;
    width: calc(100% + 60px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 -30px 70px;
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
    background-size: 30px 100%;
    background-position: 0 50%;
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-image: url(../images/icon-color/easy.svg)
}

#main .contextual.settings a:after {
    color: var(--icon-color-bg)
}

#main .contextual.settings a:before {
    background: var(--icon_bg-bg) !important
}

#main .contextual.settings a:hover:after {
    color: var(--icon-color-hover-bg)
}

#main .contextual.settings a:hover:before {
    background: var(--icon_bg_hover-bg) !important
}

#main #button_day_zoom, #main #button_month_zoom, #main #button_week_zoom {
    width: auto;
    font-size: .85714286rem;
    line-height: .85714286rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 30px;
    text-decoration: none !important;
    margin: 0 5px 0 0;
    border-radius: 0
}

    #main #button_day_zoom:after, #main #button_day_zoom:before, #main #button_month_zoom:after, #main #button_month_zoom:before, #main #button_week_zoom:after, #main #button_week_zoom:before {
        width: var(--icon-smaller-width);
        height: var(--icon-smaller-width);
        left: 0
    }

#main #easy_gantt .contextual a.icon, #main #easy_gantt .contextual a.open-filter {
    width: var(--icon-width);
    height: var(--icon-width)
}

    #main #easy_gantt .contextual a.icon:after, #main #easy_gantt .contextual a.icon:before, #main #easy_gantt .contextual a.open-filter:after, #main #easy_gantt .contextual a.open-filter:before {
        width: var(--icon-width);
        height: var(--icon-width);
        font-size: var(--icon-font-size);
        line-height: var(--icon-width)
    }

#content #easy_gantt .contextual {
    margin-right: -30px
}

#easy_gantt .easy-gantt__icon--close:before, #easy_gantt .gantt_row .gantt_drag_handle:before {
    color: var(--icon-color-bg)
}

#easy_gantt .gantt-grid-milestone-bullet {
    background: var(--icon-color-bg) !important
}

#easy_gantt #easy_gantt_menu {
    padding: 0 0 20px 0;
    position: relative;
    z-index: 3
}

#easy_gantt .easy-gantt__icon--open:before {
    color: var(--icon-color-bg)
}

#easy_gantt .easy-gantt__menu-group--tooltiped:hover ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#easy_gantt .easy-gantt__menu-group--tooltiped ul {
    padding: 3px;
    border-radius: var(--border-radius-small);
    min-width: 0
}

    #easy_gantt .easy-gantt__menu-group--tooltiped ul:after {
        display: none
    }

    #easy_gantt .easy-gantt__menu-group--tooltiped ul li {
        float: left
    }

#easy_gantt .push-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#easy_gantt a.icon-only.icon-calendar:after, #easy_gantt a.icon.icon-calendar:after {
    content: "\E01B"
}

#easy_gantt a.icon-only.icon-print:after, #easy_gantt a.icon.icon-print:after {
    content: "\E093"
}

#easy_gantt a.icon#button_day_zoom:after, #easy_gantt a.icon#button_month_zoom:after, #easy_gantt a.icon#button_week_zoom:after, #easy_gantt a.icon-only#button_day_zoom:after, #easy_gantt a.icon-only#button_month_zoom:after, #easy_gantt a.icon-only#button_week_zoom:after {
    content: "\E0CF"
}

#easy_gantt #gantt_footer_buttons {
    margin-top: 20px;
    margin-bottom: 0
}

#easy_gantt #button_sample {
    opacity: 1 !important;
    border: none;
    background: 0 0;
    padding: 0;
    display: inline-block;
    height: var(--icon-smaller-width);
    width: var(--icon-smaller-width);
    margin: 0;
    overflow: hidden;
    position: relative;
    z-index: 2;
    border-radius: var(--icon-border-radius);
    font-size: 0;
    line-height: 0;
    color: var(--icon-color);
    vertical-align: middle;
    min-width: var(--icon-smaller-width);
    min-height: var(--icon-smaller-width);
    -webkit-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
    -o-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
    transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
    cursor: pointer
}

    #easy_gantt #button_sample:after {
        content: "\E09A";
        text-align: center;
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        clear: both;
        height: 100%;
        width: 100%;
        margin: 0;
        overflow: hidden;
        border-radius: var(--icon-border-radius);
        z-index: 1;
        font-family: var(--icon-font);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        text-decoration: none;
        text-transform: none;
        font-size: var(--icon-smaller-font-size);
        line-height: var(--icon-smaller-width);
        -webkit-transition: color var(--time-hover) ease-in-out;
        -o-transition: color var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out
    }

    #easy_gantt #button_sample:before {
        content: '';
        display: block;
        clear: both;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: var(--icon_bg);
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        z-index: -1;
        border-radius: var(--icon-border-radius);
        -webkit-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        -o-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        -webkit-transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
        transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
        transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
    }

    #easy_gantt #button_sample:hover {
        color: var(--icon-color-hover)
    }

        #easy_gantt #button_sample:hover:before {
            background: var(--icon_bg_hover);
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1)
        }

    #easy_gantt #button_sample.selected {
        color: var(--icon_color_active-bg)
    }

        #easy_gantt #button_sample.selected:before {
            background: var(--icon_bg_active-bg);
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1)
        }

    #easy_gantt #button_sample.disabled {
        opacity: .3
    }

        #easy_gantt #button_sample.disabled:hover {
            color: var(--icon-color-disabled)
        }

            #easy_gantt #button_sample.disabled:hover:before {
                background: var(--icon_bg-disabled);
                -webkit-transform: scale(0);
                -ms-transform: scale(0);
                transform: scale(0)
            }

#easy_gantt #gantt_footer_buttons + p {
    margin-bottom: 0 !important;
    font-size: .85714286rem;
    line-height: .85714286rem
}

#easy_gantt .contextual.settings {
    margin: 0;
    position: absolute;
    top: 15px;
    right: 0;
    z-index: 4;
    color: var(--bg-box);
    width: auto
}

#easy_gantt .gantt-menu-problems-count.gantt-with-problems {
    width: auto;
    padding: 4px 4px 3px;
    background: var(--color-red);
    border: 0;
    border-radius: var(--border-radius-small)
}

#easy_gantt .problem-finder {
    font-size: .85714286rem;
    padding-top: 0;
    padding-bottom: 0;
    text-decoration: none !important;
    -webkit-transition: color var(--time-hover) ease-in-out;
    -o-transition: color var(--time-hover) ease-in-out;
    transition: color var(--time-hover) ease-in-out
}

    #easy_gantt .problem-finder:hover {
        color: var(--color-red)
    }

#easy_gantt .gantt-menu-problems-list a, #easy_gantt .gantt-menu-problems-list ol {
    color: var(--text-color-main)
}

#easy_gantt #query_form[action*=gantt] #query_form_with_buttons p.buttons {
    margin: 0;
    display: block
}

#easy_gantt #query_form[action*=gantt] .exceptionstable {
    width: 100%
}

#video-modal {
    background: var(--bg-box)
}

    #video-modal iframe {
        width: 100%;
        padding: 0;
        margin: 0
    }

.autoscroll-easy-gantt .autoscroll {
    padding: 0;
    overflow: inherit
}

#main .fixed.flash.error {
    width: auto !important;
    position: fixed;
    top: 41px;
    right: 0;
    margin: 0;
    border: 0;
    padding: 14px 55px 14px 10px !important;
    border-left: 4px solid var(--notice-error-main);
    border-radius: 0;
    background-color: var(--notice-error-bg);
    color: var(--notice-error-main-text);
    font-size: 1.1428rem;
    line-height: 1.28571429rem;
    font-weight: 700;
    background-image: none;
    z-index: 100 !important;
    cursor: pointer
}

    #main .fixed.flash.error .icon-close {
        text-align: center;
        position: absolute;
        top: 50%;
        right: 10px;
        display: block;
        clear: both;
        height: 30px;
        width: 30px;
        margin: -15px 0 0;
        overflow: hidden;
        border-radius: var(--icon-border-radius);
        z-index: 1
    }

        #main .fixed.flash.error .icon-close:after {
            content: "\E021";
            color: var(--notice-error-main);
            width: var(--icon-width);
            height: var(--icon-width);
            font-size: var(--icon-smaller-font-size);
            line-height: var(--icon-width)
        }

        #main .fixed.flash.error .icon-close:before {
            background-color: var(--notice-error-main)
        }

        #main .fixed.flash.error .icon-close:hover:before {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1)
        }

        #main .fixed.flash.error .icon-close:hover:after {
            color: var(--bg-fff)
        }

.modal .box #issue_is_private_wrap label {
    width: auto;
    display: inline-block
}

.modal #issue_is_private_wrap {
    padding: 0
}

.modal #new_issue .assign-to-me-link {
    margin-top: 5px !important;
    margin-left: 0 !important
}

.modal #new_issue #issue_estimated_hours {
    margin-bottom: 5px
}

.modal #issue-form #watchers_form_container .search_for_watchers {
    width: auto
}

.controller-easy_gantt div.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-size: .7857rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.4;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    opacity: 0;
    line-break: auto
}

    .controller-easy_gantt div.tooltip.in {
        opacity: 1
    }

    .controller-easy_gantt div.tooltip.top {
        padding: 5px 0;
        margin-top: -3px
    }

    .controller-easy_gantt div.tooltip.right {
        padding: 0 5px;
        margin-left: 3px
    }

    .controller-easy_gantt div.tooltip.bottom {
        padding: 5px 0;
        margin-top: 3px
    }

    .controller-easy_gantt div.tooltip.left {
        padding: 0 5px;
        margin-left: -3px
    }

    .controller-easy_gantt div.tooltip .tooltip-inner {
        max-width: 200px;
        padding: 3px 8px;
        color: var(--tooltip-color);
        text-align: center;
        background-color: var(--tooltip-bg);
        border-radius: 4px;
        -webkit-box-shadow: var(--box-shadow-null);
        box-shadow: var(--box-shadow-null)
    }

    .controller-easy_gantt div.tooltip div.tooltip-arrow {
        position: absolute;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid
    }

    .controller-easy_gantt div.tooltip.top div.tooltip-arrow {
        bottom: 0;
        left: 50%;
        margin-left: -5px;
        border-width: 5px 5px 0;
        border-top-color: var(--tooltip-bg)
    }

    .controller-easy_gantt div.tooltip.top-left div.tooltip-arrow {
        right: 5px;
        bottom: 0;
        margin-bottom: -5px;
        border-width: 5px 5px 0;
        border-top-color: var(--tooltip-bg)
    }

    .controller-easy_gantt div.tooltip.top-right div.tooltip-arrow {
        bottom: 0;
        left: 5px;
        margin-bottom: -5px;
        border-width: 5px 5px 0;
        border-top-color: var(--tooltip-bg)
    }

    .controller-easy_gantt div.tooltip.right div.tooltip-arrow {
        top: 50%;
        left: 0;
        margin-top: -5px;
        border-width: 5px 5px 5px 0;
        border-right-color: var(--tooltip-bg)
    }

    .controller-easy_gantt div.tooltip.left div.tooltip-arrow {
        top: 50%;
        right: 0;
        margin-top: -5px;
        border-width: 5px 0 5px 5px;
        border-left-color: var(--tooltip-bg)
    }

    .controller-easy_gantt div.tooltip.bottom div.tooltip-arrow {
        top: 0;
        left: 50%;
        margin-left: -5px;
        border-width: 0 5px 5px;
        border-bottom-color: var(--tooltip-bg)
    }

    .controller-easy_gantt div.tooltip.bottom-left div.tooltip-arrow {
        top: 0;
        right: 5px;
        margin-top: -5px;
        border-width: 0 5px 5px;
        border-bottom-color: var(--tooltip-bg)
    }

    .controller-easy_gantt div.tooltip.bottom-right div.tooltip-arrow {
        top: 0;
        left: 5px;
        margin-top: -5px;
        border-width: 0 5px 5px;
        border-bottom-color: var(--tooltip-bg)
    }

#button_close_all_projects {
    position: relative
}

    #button_close_all_projects:after {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        clear: both;
        height: 100%;
        width: 100%;
        margin: 0;
        overflow: hidden;
        border-radius: var(--icon-border-radius);
        -webkit-transition: color var(--time-hover) ease-in-out,transform var(--time-hover) ease-in-out;
        -o-transition: color var(--time-hover) ease-in-out,transform var(--time-hover) ease-in-out;
        -webkit-transition: color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out,transform var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out,transform var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
        z-index: 1;
        font-family: var(--icon-font);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        text-decoration: none;
        text-transform: none;
        font-size: var(--icon-width-small);
        line-height: var(--icon-width-small)
    }

#messenger_settings input[type=text] ~ .info {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    margin-right: 0 !important
}

#content #settings form[action*=redmine_messenger] .box .box {
    padding: 52px 0 0
}

#main-menu .easy-wbs:after, #top-menu .easy-wbs:after {
    content: "\E0C7"
}

.easy-mindmup__icon--remove:after {
    content: "\E030"
}

.easy-mindmup__icon--edit_data:after {
    content: "\E03F"
}

.easy-mindmup__icon--rename:after {
    content: "\E072"
}

.easy-mindmup__icon--collapse:after {
    content: "\E072"
}

.easy-mindmup__icon--follow_url:after {
    content: "\E07D";
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    padding: 0
}

#main .wbs-issue, #main .wbs-project {
    -webkit-transition: border var(--time-hover) ease-in-out,margin var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
    -o-transition: border var(--time-hover) ease-in-out,margin var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
    transition: border var(--time-hover) ease-in-out,margin var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out
}

#main .mapjs-collapsor {
    -webkit-transition: font-size var(--time-hover) ease-in-out,margin-top var(--time-hover) ease-in-out,right var(--time-hover) ease-in-out;
    -o-transition: font-size var(--time-hover) ease-in-out,margin-top var(--time-hover) ease-in-out,right var(--time-hover) ease-in-out;
    transition: font-size var(--time-hover) ease-in-out,margin-top var(--time-hover) ease-in-out,right var(--time-hover) ease-in-out
}

    #main .mapjs-collapsor.mindmup-node-left {
        -webkit-transition: font-size var(--time-hover) ease-in-out,margin-top var(--time-hover) ease-in-out,right 0 ease-in-out,left var(--time-hover) ease-in-out;
        -o-transition: font-size var(--time-hover) ease-in-out,margin-top var(--time-hover) ease-in-out,right 0 ease-in-out,left var(--time-hover) ease-in-out;
        transition: font-size var(--time-hover) ease-in-out,margin-top var(--time-hover) ease-in-out,right 0 ease-in-out,left var(--time-hover) ease-in-out
    }

#main > #content #easy_wbs .content-title h2 {
    position: relative;
    font-size: 1.4285rem;
    line-height: 1.4;
    padding: 15px 45px;
    width: calc(100% + 60px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 -30px 70px;
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
    background-size: 30px 100%;
    background-position: 0 50%;
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-image: url(../images/icon-color/easy.svg)
}

#main .redmine .mindmup__menu-group--tooltiped > ul {
    border-color: var(--border-color);
    padding: 0;
    margin-top: 0
}

    #main .redmine .mindmup__menu-group--tooltiped > ul li {
        display: block;
        width: 100%;
        padding: 0;
        margin: 0
    }

    #main .redmine .mindmup__menu-group--tooltiped > ul a {
        color: var(--icon-color-bg);
        display: block;
        width: 100%;
        padding: 4px 5px 4px 30px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: background var(--time-hover) ease-in-out;
        -o-transition: background var(--time-hover) ease-in-out;
        transition: background var(--time-hover) ease-in-out;
        text-decoration: none !important;
        font-size: .85714286rem;
        line-height: 1.4
    }

        #main .redmine .mindmup__menu-group--tooltiped > ul a:before {
            z-index: 2;
            position: absolute;
            top: 50%;
            margin: -10px 0 0;
            left: 5px;
            display: block;
            clear: both;
            height: var(--icon-width-small);
            width: var(--icon-width-small);
            overflow: hidden;
            border-radius: var(--icon-border-radius);
            font-size: 1.1428rem;
            line-height: var(--icon-width-small);
            color: var(--icon-color-bg);
            -webkit-transition: color var(--time-hover) ease-in-out;
            -o-transition: color var(--time-hover) ease-in-out;
            transition: color var(--time-hover) ease-in-out
        }

        #main .redmine .mindmup__menu-group--tooltiped > ul a:hover {
            color: var(--icon-color-hover-bg);
            background: var(--icon_bg_hover-bg)
        }

            #main .redmine .mindmup__menu-group--tooltiped > ul a:hover:before {
                color: var(--icon-color-hover-bg)
            }

        #main .redmine .mindmup__menu-group--tooltiped > ul a.active {
            color: var(--notice-error-main);
            background: var(--notice-error-bg)
        }

#main .redmine .mindmup__menu-item {
    padding-right: 0
}

#main .mindmup__legend-header {
    background: var(--bg-box);
    border: none
}

    #main .mindmup__legend-header > label {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 10px 0 0
    }

        #main .mindmup__legend-header > label .jcf-select {
            margin: 0 0 0 10px
        }

#main .mindmup__legend-container {
    width: auto;
    -webkit-box-shadow: var(--small-box-shadow);
    box-shadow: var(--small-box-shadow)
}

#main .mindmup__menu_addons {
    top: auto !important;
    bottom: 0
}

#main .mindmup__menu-group--sizing a {
    display: block;
    width: var(--icon-smaller-width);
    height: var(--icon-smaller-width);
    background: var(--icon_bg);
    color: var(--icon-color);
    -webkit-transition: color var(--time-hover) ease-in-out,background var(--time-hover) ease-in-out;
    -o-transition: color var(--time-hover) ease-in-out,background var(--time-hover) ease-in-out;
    transition: color var(--time-hover) ease-in-out,background var(--time-hover) ease-in-out;
    border-radius: var(--icon-border-radius)
}

    #main .mindmup__menu-group--sizing a:hover {
        background: var(--icon_bg_hover);
        color: var(--icon-color-hover)
    }

#wbs_menu .easy-mindmup__icon--save {
    opacity: 1 !important;
    border: none;
    background: 0 0;
    padding: 0 !important;
    display: inline-block;
    height: var(--icon-smaller-width);
    width: var(--icon-smaller-width);
    margin: 0;
    overflow: hidden;
    position: relative;
    z-index: 2;
    border-radius: var(--icon-border-radius);
    font-size: 0;
    line-height: 0;
    color: var(--icon-color);
    vertical-align: middle;
    min-width: 26px;
    min-height: 26px;
    -webkit-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
    -o-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
    transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
    cursor: pointer
}

    #wbs_menu .easy-mindmup__icon--save:after {
        content: "\E0A6";
        text-align: center;
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        clear: both;
        height: 100%;
        width: 100%;
        margin: 0;
        overflow: hidden;
        border-radius: var(--icon-border-radius);
        z-index: 1;
        font-family: var(--icon-font);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        text-decoration: none;
        text-transform: none;
        font-size: var(--icon-smaller-font-size);
        line-height: var(--icon-smaller-width);
        -webkit-transition: color var(--time-hover) ease-in-out;
        -o-transition: color var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out
    }

    #wbs_menu .easy-mindmup__icon--save:before {
        content: '';
        display: block;
        clear: both;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: var(--icon_bg);
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        z-index: -1;
        border-radius: var(--icon-border-radius);
        -webkit-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        -o-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        -webkit-transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
        transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
        transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
    }

    #wbs_menu .easy-mindmup__icon--save:hover {
        color: var(--icon-color-hover)
    }

        #wbs_menu .easy-mindmup__icon--save:hover:before {
            background: var(--icon_bg_hover-bg);
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1)
        }

#main-menu .stats:after, #top-menu .stats:after {
    content: "\E0B1"
}

#main-menu .wkcrmenumeration:after, #top-menu .wkcrmenumeration:after {
    content: "\E0AB"
}

#main-menu .wktime:after, #top-menu .wktime:after {
    content: "\E0BA"
}

#main-menu .wkdashboard:after, #top-menu .wkdashboard:after {
    content: "\E042"
}

#main-menu .wkrfq:after, #top-menu .wkrfq:after {
    content: "\E01C"
}

#main-menu .wkgltransaction:after, #top-menu .wkgltransaction:after {
    content: "\E04C"
}

#main-menu .wkinvoice:after, #top-menu .wkinvoice:after {
    content: "\E05C"
}

#main-menu .wklead:after, #top-menu .wklead:after {
    content: "\E05C"
}

#main-menu .wkattendance:after, #top-menu .wkattendance:after {
    content: "\E026"
}

#main-menu .wkreport:after, #top-menu .wkreport:after {
    content: "\E09D"
}

#main-menu .wksurvey:after, #top-menu .wksurvey:after {
    content: "\E0B5"
}

#main-menu .wkproduct:after, #top-menu .wkproduct:after {
    content: "\E05B"
}

#main-menu .redmine-monitoring-controlling:after, #top-menu .redmine-monitoring-controlling:after {
    content: "\E071"
}

#main-menu .wkaccountproject:after, #top-menu .wkaccountproject:after {
    content: "\E001"
}

#main-menu .wklead:after, #top-menu .wklead:after {
    content: "\E029"
}

.icon.icon-time-add[href*="/wktime/new"]:after {
    content: "\E075"
}

.icon.icon-time-add[href*="/lockte"]:after {
    content: "\E068"
}

.icon.icon-report[href*="payrollFormSubmission(false)"]:after {
    content: "\E068"
}

.icon.icon-report[href*=scheduleFormSubmission]:after {
    content: "\E01B"
}

a[href*="/wkscheduling/index?tab=wkscheduling"]:after, a[href*="avascript:scheduleFormSubmission()"]:after {
    content: "\E01B"
}

.controller-wkpayroll.action-user_salary_settings #main > #content h2 {
    background-image: url(../images/icon-color/asset.svg)
}

.controller-wksurvey #main > #content > h2 {
    background-image: url(../images/icon-color/survey.svg)
}

.controller-wkscheduling #main > #content > h2 {
    background-image: url(../images/icon-color/scheduling.svg)
}

.controller-wkscheduling #main > #content > h2 {
    background-image: url(../images/icon-color/scheduling.svg)
}

.controller-wkpayroll #main > #content > h2 {
    background-image: url(../images/icon-color/invoice.svg)
}

.controller-wkpayroll #main > #content > h2 {
    background-image: url(../images/icon-color/invoice.svg)
}

.controller-wkpublicholiday #main > #content > h2 {
    background-image: url(../images/icon-color/holiday.svg)
}

.controller-wkattendance #main > #content > h2 {
    background-image: url(../images/icon-color/attendance.svg)
}

.controller-wkdashboard #main > #content > h2 {
    background-image: url(../images/icon-color/dashboards.svg)
}

.controller-wklead #main > #content h2 {
    background-image: url(../images/icon-color/leads.svg)
}

.controller-wkcrmaccount #main > #content h2, .controller-wkcrmaccount #main > #content > h2, .controller-wksupplieraccount #main > #content h2, .controller-wksupplieraccount #main > #content > h2 {
    background-image: url(../images/icon-color/accounts.svg)
}

.controller-wkopportunity #main > #content > h2 {
    background-image: url(../images/icon-color/opportunity.svg)
}

.controller-wkcrmactivity #main > #content > h2 {
    background-image: url(../images/icon-color/calendar.svg)
}

.controller-wkcrmcontact #main > #content > h2, .controller-wksuppliercontact #main > #content > h2 {
    background-image: url(../images/icon-color/contacts.svg)
}

.controller-wkinvoice #main > #content h2, .controller-wkinvoice #main > #content > h2, .controller-wksupplierinvoice #main > #content h2, .controller-wksupplierinvoice #main > #content > h2 {
    background-image: url(../images/icon-color/invoice.svg)
}

.controller-wkpayment #main > #content > h2, .controller-wksupplierpayment #main > #content > h2 {
    background-image: url(../images/icon-color/payment.svg)
}

.controller-wkcontract #main > #content h2, .controller-wkcontract #main > #content > h2 {
    background-image: url(../images/icon-color/contracts.svg)
}

.controller-wkgltransaction #main > #content > h2 {
    background-image: url(../images/icon-color/deals.svg)
}

.controller-wkledger #main > #content > h2 {
    background-image: url(../images/icon-color/ledger.svg)
}

.controller-wkquote #main > #content h2 {
    background-image: url(../images/icon-color/quotes.svg)
}

.controller-wkpurchaseorder #main > #content h2, .controller-wkpurchaseorder #main > #content > h2 {
    background-image: url(../images/icon-color/order.svg)
}

.controller-wkproduct #main > #content > h2 {
    background-image: url(../images/icon-color/products.svg)
}

.controller-wkproductitem #main > #content h2, .controller-wkproductitem #main > #content > h2 {
    background-image: url(../images/icon-color/item.svg)
}

.controller-wkshipment #main > #content > h2 {
    background-image: url(../images/icon-color/shipment.svg)
}

.controller-wkasset #main > #content h2, .controller-wkasset #main > #content > h2 {
    background-image: url(../images/icon-color/asset.svg)
}

.controller-wkassetdepreciation #main > #content h2, .controller-wkassetdepreciation #main > #content > h2 {
    background-image: url(../images/icon-color/depreciation.svg)
}

.controller-wkcrmenumeration #main > #content > h2 {
    background-image: url(../images/icon-color/enumerations.svg)
}

.controller-wklocation #main > #content h2 {
    background-image: url(../images/icon-color/roadmap.svg)
}

.controller-wktax #main > #content h2, .controller-wktax #main > #content > h2 {
    background-image: url(../images/icon-color/tax.svg)
}

.controller-wkexchangerate #main > #content > h2 {
    background-image: url(../images/icon-color/exchange.svg)
}

.controller-wkgrouppermission #main > #content > h2 {
    background-image: url(../images/icon-color/ldap-authentication.svg)
}

.controller-wkexpense #main > #content h2, .controller-wkexpense #main > #content > h2 {
    background-image: url(../images/icon-color/expense.svg)
}

.controller-wkcrmactivity #main > #content > h2 {
    background-image: url(../images/icon-color/activity.svg)
}

.controller-wkaccountproject #main > #content > h2 {
    background-image: url(../images/icon-color/account-projects.svg)
}

.controller-home_monitoring_controlling_project #main > #content > h2 {
    background-image: url(../images/icon-color/monitoring-controlling.svg)
}

.controller-wkreport #main > #content > h2 {
    background-image: url(../images/icon-color/reports.svg)
}

.controller-wkattendance #main > #content h2, .controller-wkattendance #main > #content > h2, .controller-wktime #main > #content h2, .controller-wktime #main > #content > h2 {
    background-image: url(../images/icon-color/trackers.svg)
}

.controller-stats.action-index #main > #content {
    padding-top: 30px
}

    .controller-stats.action-index #main > #content:after {
        top: 0;
        height: 100%
    }

.flyout-menu div {
    overflow: hidden
}

.flyout-menu canvas {
    width: 100% !important;
    padding: 0 10px;
    height: auto !important;
    background: var(--bg-fff)
}

.flyout-menu #all_link, .flyout-menu #current_month_link, .flyout-menu #current_week_link, .flyout-menu #custom_link, .flyout-menu #last_month_link, .flyout-menu #last_week_link {
    padding: 10px;
    font-weight: 600;
    height: auto;
    line-height: inherit;
    color: var(--bg-fff);
    border-top: 1px solid var(--bg-fff);
    display: block;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left
}

.flyout-menu #custom_interval .table {
    display: block;
    width: 100%;
    overflow: hidden
}

    .flyout-menu #custom_interval .table tr:first-child {
        display: none
    }

    .flyout-menu #custom_interval .table tbody, .flyout-menu #custom_interval .table td {
        display: block;
        width: 100%;
        overflow: hidden;
        padding: 5px 5px
    }

.flyout-menu .help ~ .menu-children {
    display: block !important
}

    .flyout-menu .help ~ .menu-children hr {
        display: none
    }

.flyout-menu .jcf-select ~ hr {
    display: none
}

.flyout-menu div ~ br, .flyout-menu div ~ hr {
    display: none
}

.flyout-menu .chart_footer {
    padding: 10px;
    font-size: .7142rem;
    line-height: .85714286rem;
    display: block
}

.flyout-menu .label.green_label, .flyout-menu .label.red_label {
    padding: 10px 10px 10px 35px;
    display: block;
    width: 100%;
    background: var(--bg-fff);
    float: left;
    margin: 0 0 0 -25px;
    font-weight: 700;
    z-index: 1
}

.flyout-menu .legend.green, .flyout-menu .legend.red {
    position: relative;
    z-index: 3;
    margin: 10px 0 0 10px
}

a[href*="/wkpayment/edit?load_payment=true"]:after {
    content: "\E03F"
}

a[href*="/wkpayment/edit?load_payment=true"].icon-add:after {
    content: "\E075"
}

a[href*="javascript:invoiceFormSubmission(false)"]:after {
    content: "\E05C"
}

.icon.icon-bullet-go:after {
    content: "\E00F"
}

.time-entries a[href*="/wkattributegroup/edit_product_attribute?group_id"], .time-entries a[href*="/wkbrand/edit_product_model?brand_id="], .time-entries a[href*="/wkcrmactivity/edi"], .time-entries a[href*="/wkcrmactivity/edit?action_from=edit&"], .time-entries a[href*="/wkcrmcontact/edit"], .time-entries a[href*="/wkproductitem/edit?inventory_item_id="], .ui-dialog a[href*="javascript:deleterow"], a[href*="/wkaccountproject/edit"], a[href*="/wkattendance/clockedit"], a[href*="/wkattendance/edit"], a[href*="/wkattributegroup/edit?group_id="], a[href*="/wkbrand/edit?brand_id="], a[href*="/wkcontract/edit?contract_id"], a[href*="/wkcrmaccount/edit?account_id"], a[href*="/wkcrmenumeration/edit"], a[href*="/wkexpense/edit"], a[href*="/wkgltransaction/edit?tab=wkgltransaction&txn_id"], a[href*="/wkinvoice/edit"], a[href*="/wklead/edit?address_id"], a[href*="/wkledger/edit"], a[href*="/wklocation/edit"], a[href*="/wkopportunity/edit?opp_id"], a[href*="/wkpayroll/user_salary_settings"], a[href*="/wkproduct/edit?product_id"], a[href*="/wkpurchaseorder/edit?invoice_id"], a[href*="/wkquote/edit?invoice_id"], a[href*="/wkrfq/edit"], a[href*="/wksupplieraccount/edit?account_id"], a[href*="/wksuppliercontact/edit?contact_id"], a[href*="/wksupplierinvoice/edit?invoice_id"], a[href*="/wksupplierpayment/edit"], a[href*="/wksurvey/destroy"], a[href*="/wksurvey/edit"], a[href*="/wktax/edit?tax_id"], a[href*="/wktime/edit"], a[href*="javascript: openInvReportPopup();"], a[href*="javascript:deleteRow("] {
    opacity: 1 !important;
    border: none;
    background: 0 0;
    padding: 0;
    display: inline-block;
    height: var(--icon-smaller-width);
    width: var(--icon-smaller-width);
    margin: 0;
    overflow: hidden;
    position: relative;
    z-index: 2;
    border-radius: var(--icon-border-radius);
    font-size: 0;
    line-height: 0;
    color: var(--icon-color);
    vertical-align: middle;
    min-width: va(--icon-smaller-width);
    min-height: va(--icon-smaller-width);
    -webkit-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
    -o-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
    transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
    cursor: pointer
}

    .time-entries a[href*="/wkattributegroup/edit_product_attribute?group_id"]:after, .time-entries a[href*="/wkbrand/edit_product_model?brand_id="]:after, .time-entries a[href*="/wkcrmactivity/edi"]:after, .time-entries a[href*="/wkcrmactivity/edit?action_from=edit&"]:after, .time-entries a[href*="/wkcrmcontact/edit"]:after, .time-entries a[href*="/wkproductitem/edit?inventory_item_id="]:after, .ui-dialog a[href*="javascript:deleterow"]:after, a[href*="/wkaccountproject/edit"]:after, a[href*="/wkattendance/clockedit"]:after, a[href*="/wkattendance/edit"]:after, a[href*="/wkattributegroup/edit?group_id="]:after, a[href*="/wkbrand/edit?brand_id="]:after, a[href*="/wkcontract/edit?contract_id"]:after, a[href*="/wkcrmaccount/edit?account_id"]:after, a[href*="/wkcrmenumeration/edit"]:after, a[href*="/wkexpense/edit"]:after, a[href*="/wkgltransaction/edit?tab=wkgltransaction&txn_id"]:after, a[href*="/wkinvoice/edit"]:after, a[href*="/wklead/edit?address_id"]:after, a[href*="/wkledger/edit"]:after, a[href*="/wklocation/edit"]:after, a[href*="/wkopportunity/edit?opp_id"]:after, a[href*="/wkpayroll/user_salary_settings"]:after, a[href*="/wkproduct/edit?product_id"]:after, a[href*="/wkpurchaseorder/edit?invoice_id"]:after, a[href*="/wkquote/edit?invoice_id"]:after, a[href*="/wkrfq/edit"]:after, a[href*="/wksupplieraccount/edit?account_id"]:after, a[href*="/wksuppliercontact/edit?contact_id"]:after, a[href*="/wksupplierinvoice/edit?invoice_id"]:after, a[href*="/wksupplierpayment/edit"]:after, a[href*="/wksurvey/destroy"]:after, a[href*="/wksurvey/edit"]:after, a[href*="/wktax/edit?tax_id"]:after, a[href*="/wktime/edit"]:after, a[href*="javascript: openInvReportPopup();"]:after, a[href*="javascript:deleteRow("]:after {
        content: "\E03F";
        text-align: center;
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        clear: both;
        height: 100%;
        width: 100%;
        margin: 0;
        overflow: hidden;
        border-radius: var(--icon-border-radius);
        z-index: 1;
        font-family: var(--icon-font);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        text-decoration: none;
        text-transform: none;
        font-size: var(--icon-smaller-font-size);
        line-height: var(--icon-smaller-width);
        -webkit-transition: color var(--time-hover) ease-in-out;
        -o-transition: color var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out
    }

    .time-entries a[href*="/wkattributegroup/edit_product_attribute?group_id"]:before, .time-entries a[href*="/wkbrand/edit_product_model?brand_id="]:before, .time-entries a[href*="/wkcrmactivity/edi"]:before, .time-entries a[href*="/wkcrmactivity/edit?action_from=edit&"]:before, .time-entries a[href*="/wkcrmcontact/edit"]:before, .time-entries a[href*="/wkproductitem/edit?inventory_item_id="]:before, .ui-dialog a[href*="javascript:deleterow"]:before, a[href*="/wkaccountproject/edit"]:before, a[href*="/wkattendance/clockedit"]:before, a[href*="/wkattendance/edit"]:before, a[href*="/wkattributegroup/edit?group_id="]:before, a[href*="/wkbrand/edit?brand_id="]:before, a[href*="/wkcontract/edit?contract_id"]:before, a[href*="/wkcrmaccount/edit?account_id"]:before, a[href*="/wkcrmenumeration/edit"]:before, a[href*="/wkexpense/edit"]:before, a[href*="/wkgltransaction/edit?tab=wkgltransaction&txn_id"]:before, a[href*="/wkinvoice/edit"]:before, a[href*="/wklead/edit?address_id"]:before, a[href*="/wkledger/edit"]:before, a[href*="/wklocation/edit"]:before, a[href*="/wkopportunity/edit?opp_id"]:before, a[href*="/wkpayroll/user_salary_settings"]:before, a[href*="/wkproduct/edit?product_id"]:before, a[href*="/wkpurchaseorder/edit?invoice_id"]:before, a[href*="/wkquote/edit?invoice_id"]:before, a[href*="/wkrfq/edit"]:before, a[href*="/wksupplieraccount/edit?account_id"]:before, a[href*="/wksuppliercontact/edit?contact_id"]:before, a[href*="/wksupplierinvoice/edit?invoice_id"]:before, a[href*="/wksupplierpayment/edit"]:before, a[href*="/wksurvey/destroy"]:before, a[href*="/wksurvey/edit"]:before, a[href*="/wktax/edit?tax_id"]:before, a[href*="/wktime/edit"]:before, a[href*="javascript: openInvReportPopup();"]:before, a[href*="javascript:deleteRow("]:before {
        content: '';
        display: block;
        clear: both;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: var(--icon_bg);
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        z-index: -1;
        border-radius: var(--icon-border-radius);
        -webkit-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        -o-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        -webkit-transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
        transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
        transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
    }

    .time-entries a[href*="/wkattributegroup/edit_product_attribute?group_id"]:hover, .time-entries a[href*="/wkbrand/edit_product_model?brand_id="]:hover, .time-entries a[href*="/wkcrmactivity/edi"]:hover, .time-entries a[href*="/wkcrmactivity/edit?action_from=edit&"]:hover, .time-entries a[href*="/wkcrmcontact/edit"]:hover, .time-entries a[href*="/wkproductitem/edit?inventory_item_id="]:hover, .ui-dialog a[href*="javascript:deleterow"]:hover, a[href*="/wkaccountproject/edit"]:hover, a[href*="/wkattendance/clockedit"]:hover, a[href*="/wkattendance/edit"]:hover, a[href*="/wkattributegroup/edit?group_id="]:hover, a[href*="/wkbrand/edit?brand_id="]:hover, a[href*="/wkcontract/edit?contract_id"]:hover, a[href*="/wkcrmaccount/edit?account_id"]:hover, a[href*="/wkcrmenumeration/edit"]:hover, a[href*="/wkexpense/edit"]:hover, a[href*="/wkgltransaction/edit?tab=wkgltransaction&txn_id"]:hover, a[href*="/wkinvoice/edit"]:hover, a[href*="/wklead/edit?address_id"]:hover, a[href*="/wkledger/edit"]:hover, a[href*="/wklocation/edit"]:hover, a[href*="/wkopportunity/edit?opp_id"]:hover, a[href*="/wkpayroll/user_salary_settings"]:hover, a[href*="/wkproduct/edit?product_id"]:hover, a[href*="/wkpurchaseorder/edit?invoice_id"]:hover, a[href*="/wkquote/edit?invoice_id"]:hover, a[href*="/wkrfq/edit"]:hover, a[href*="/wksupplieraccount/edit?account_id"]:hover, a[href*="/wksuppliercontact/edit?contact_id"]:hover, a[href*="/wksupplierinvoice/edit?invoice_id"]:hover, a[href*="/wksupplierpayment/edit"]:hover, a[href*="/wksurvey/destroy"]:hover, a[href*="/wksurvey/edit"]:hover, a[href*="/wktax/edit?tax_id"]:hover, a[href*="/wktime/edit"]:hover, a[href*="javascript: openInvReportPopup();"]:hover, a[href*="javascript:deleteRow("]:hover {
        color: var(--icon-color-hover)
    }

        .time-entries a[href*="/wkattributegroup/edit_product_attribute?group_id"]:hover:before, .time-entries a[href*="/wkbrand/edit_product_model?brand_id="]:hover:before, .time-entries a[href*="/wkcrmactivity/edi"]:hover:before, .time-entries a[href*="/wkcrmactivity/edit?action_from=edit&"]:hover:before, .time-entries a[href*="/wkcrmcontact/edit"]:hover:before, .time-entries a[href*="/wkproductitem/edit?inventory_item_id="]:hover:before, .ui-dialog a[href*="javascript:deleterow"]:hover:before, a[href*="/wkaccountproject/edit"]:hover:before, a[href*="/wkattendance/clockedit"]:hover:before, a[href*="/wkattendance/edit"]:hover:before, a[href*="/wkattributegroup/edit?group_id="]:hover:before, a[href*="/wkbrand/edit?brand_id="]:hover:before, a[href*="/wkcontract/edit?contract_id"]:hover:before, a[href*="/wkcrmaccount/edit?account_id"]:hover:before, a[href*="/wkcrmenumeration/edit"]:hover:before, a[href*="/wkexpense/edit"]:hover:before, a[href*="/wkgltransaction/edit?tab=wkgltransaction&txn_id"]:hover:before, a[href*="/wkinvoice/edit"]:hover:before, a[href*="/wklead/edit?address_id"]:hover:before, a[href*="/wkledger/edit"]:hover:before, a[href*="/wklocation/edit"]:hover:before, a[href*="/wkopportunity/edit?opp_id"]:hover:before, a[href*="/wkpayroll/user_salary_settings"]:hover:before, a[href*="/wkproduct/edit?product_id"]:hover:before, a[href*="/wkpurchaseorder/edit?invoice_id"]:hover:before, a[href*="/wkquote/edit?invoice_id"]:hover:before, a[href*="/wkrfq/edit"]:hover:before, a[href*="/wksupplieraccount/edit?account_id"]:hover:before, a[href*="/wksuppliercontact/edit?contact_id"]:hover:before, a[href*="/wksupplierinvoice/edit?invoice_id"]:hover:before, a[href*="/wksupplierpayment/edit"]:hover:before, a[href*="/wksurvey/destroy"]:hover:before, a[href*="/wksurvey/edit"]:hover:before, a[href*="/wktax/edit?tax_id"]:hover:before, a[href*="/wktime/edit"]:hover:before, a[href*="javascript: openInvReportPopup();"]:hover:before, a[href*="javascript:deleteRow("]:hover:before {
            background: var(--icon_bg_hover);
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1)
        }

    .time-entries a[href*="/wkattributegroup/edit_product_attribute?group_id"] img, .time-entries a[href*="/wkbrand/edit_product_model?brand_id="] img, .time-entries a[href*="/wkcrmactivity/edi"] img, .time-entries a[href*="/wkcrmactivity/edit?action_from=edit&"] img, .time-entries a[href*="/wkcrmcontact/edit"] img, .time-entries a[href*="/wkproductitem/edit?inventory_item_id="] img, .ui-dialog a[href*="javascript:deleterow"] img, a[href*="/wkaccountproject/edit"] img, a[href*="/wkattendance/clockedit"] img, a[href*="/wkattendance/edit"] img, a[href*="/wkattributegroup/edit?group_id="] img, a[href*="/wkbrand/edit?brand_id="] img, a[href*="/wkcontract/edit?contract_id"] img, a[href*="/wkcrmaccount/edit?account_id"] img, a[href*="/wkcrmenumeration/edit"] img, a[href*="/wkexpense/edit"] img, a[href*="/wkgltransaction/edit?tab=wkgltransaction&txn_id"] img, a[href*="/wkinvoice/edit"] img, a[href*="/wklead/edit?address_id"] img, a[href*="/wkledger/edit"] img, a[href*="/wklocation/edit"] img, a[href*="/wkopportunity/edit?opp_id"] img, a[href*="/wkpayroll/user_salary_settings"] img, a[href*="/wkproduct/edit?product_id"] img, a[href*="/wkpurchaseorder/edit?invoice_id"] img, a[href*="/wkquote/edit?invoice_id"] img, a[href*="/wkrfq/edit"] img, a[href*="/wksupplieraccount/edit?account_id"] img, a[href*="/wksuppliercontact/edit?contact_id"] img, a[href*="/wksupplierinvoice/edit?invoice_id"] img, a[href*="/wksupplierpayment/edit"] img, a[href*="/wksurvey/destroy"] img, a[href*="/wksurvey/edit"] img, a[href*="/wktax/edit?tax_id"] img, a[href*="/wktime/edit"] img, a[href*="javascript: openInvReportPopup();"] img, a[href*="javascript:deleteRow("] img {
        display: none
    }

    .time-entries a[href*="/wkattributegroup/edit_product_attribute?group_id"].icon-add:after, .time-entries a[href*="/wkbrand/edit_product_model?brand_id="].icon-add:after, .time-entries a[href*="/wkcrmactivity/edi"].icon-add:after, .time-entries a[href*="/wkcrmactivity/edit?action_from=edit&"].icon-add:after, .time-entries a[href*="/wkcrmcontact/edit"].icon-add:after, .time-entries a[href*="/wkproductitem/edit?inventory_item_id="].icon-add:after, .ui-dialog a[href*="javascript:deleterow"].icon-add:after, a[href*="/wkaccountproject/edit"].icon-add:after, a[href*="/wkattendance/clockedit"].icon-add:after, a[href*="/wkattendance/edit"].icon-add:after, a[href*="/wkattributegroup/edit?group_id="].icon-add:after, a[href*="/wkbrand/edit?brand_id="].icon-add:after, a[href*="/wkcontract/edit?contract_id"].icon-add:after, a[href*="/wkcrmaccount/edit?account_id"].icon-add:after, a[href*="/wkcrmenumeration/edit"].icon-add:after, a[href*="/wkexpense/edit"].icon-add:after, a[href*="/wkgltransaction/edit?tab=wkgltransaction&txn_id"].icon-add:after, a[href*="/wkinvoice/edit"].icon-add:after, a[href*="/wklead/edit?address_id"].icon-add:after, a[href*="/wkledger/edit"].icon-add:after, a[href*="/wklocation/edit"].icon-add:after, a[href*="/wkopportunity/edit?opp_id"].icon-add:after, a[href*="/wkpayroll/user_salary_settings"].icon-add:after, a[href*="/wkproduct/edit?product_id"].icon-add:after, a[href*="/wkpurchaseorder/edit?invoice_id"].icon-add:after, a[href*="/wkquote/edit?invoice_id"].icon-add:after, a[href*="/wkrfq/edit"].icon-add:after, a[href*="/wksupplieraccount/edit?account_id"].icon-add:after, a[href*="/wksuppliercontact/edit?contact_id"].icon-add:after, a[href*="/wksupplierinvoice/edit?invoice_id"].icon-add:after, a[href*="/wksupplierpayment/edit"].icon-add:after, a[href*="/wksurvey/destroy"].icon-add:after, a[href*="/wksurvey/edit"].icon-add:after, a[href*="/wktax/edit?tax_id"].icon-add:after, a[href*="/wktime/edit"].icon-add:after, a[href*="javascript: openInvReportPopup();"].icon-add:after, a[href*="javascript:deleteRow("].icon-add:after {
        content: "\E075"
    }

    a[href*="javascript: openInvReportPopup();"]:after {
        content: "\E093"
    }

a[href*="/wkpayment/edit?load_payment=true"].icon-report:after, a[href*="/wksupplierpayment/edit?load_payment=true"].icon-report:after {
    content: "\E01E" !important
}

a[onclick*="javascript:invoiceFormSubmission(true)"]:after {
    content: "\E078" !important
}

.ui-dialog a[href*="javascript:deleterow"]:after, a[href*="/wksurvey/destroy"]:after, a[href*="javascript:deleteRow('invoiceTable"]:after, a[href*="javascript:deleteRow('txnTable', 'txntotalrow')"]:after {
    content: "\E030"
}

.ui-dialog a[href*="javascript:deleterow"]:before {
    background: #fff
}

body[class*=controller-wk] #content form input[type=date]:not(.date) {
    height: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid var(--border-color-content);
    padding: 6px 12px;
    font-size: .85714286rem;
    line-height: 1.28571429rem;
    border-radius: var(--border-radius-small);
    color: var(--text-color-main);
    margin: 0;
    min-width: 190px;
    outline: 0 none;
    width: 100%;
    max-width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: var(--bg-fff);
    min-height: 30px;
    -webkit-appearance: none
}

body[class*=controller-wk] #content #date-range .autoscroll {
    margin: 0 0 10px
}

body[class*=controller-wk] #content #rightMenu .autoscroll {
    margin: 0 0 10px
}

body[class*=controller-wk] #main #date-range {
    position: relative;
    padding: 25px 30px 15px;
    margin: 0 0 15px !important;
    border-radius: var(--border-radius);
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: var(--bg-box);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

    body[class*=controller-wk] #main #date-range .box {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0;
        margin-bottom: 0
    }

        body[class*=controller-wk] #main #date-range .box legend {
            left: 0
        }

    body[class*=controller-wk] #main #date-range > legend {
        position: absolute;
        width: 100%;
        padding: 0 20px 0 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 40px;
        top: 0;
        left: 0;
        color: var(--text-color-main);
        font-weight: 600;
        font-size: 1rem;
        line-height: 40px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        cursor: pointer
    }

        body[class*=controller-wk] #main #date-range > legend:after {
            color: var(--icon-color-bg);
            position: absolute;
            top: 5px;
            left: 10px;
            display: block;
            clear: both;
            height: var(--icon-width);
            width: var(--icon-width);
            margin: 0;
            overflow: hidden;
            border-radius: var(--icon-border-radius);
            -webkit-transition: color var(--time-hover) ease-in-out,transform var(--time-hover) ease-in-out;
            -o-transition: color var(--time-hover) ease-in-out,transform var(--time-hover) ease-in-out;
            -webkit-transition: color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
            transition: color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
            transition: color var(--time-hover) ease-in-out,transform var(--time-hover) ease-in-out;
            transition: color var(--time-hover) ease-in-out,transform var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
            -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
            transform: rotate(0);
            z-index: 1;
            background-size: var(--icon-width) var(--icon-width);
            background-repeat: no-repeat;
            background-position: 50% 50%;
            opacity: 1;
            font-family: var(--icon-font);
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-style: normal;
            font-variant: normal;
            font-weight: 400;
            text-decoration: none;
            text-transform: none;
            font-size: var(--icon-font-size);
            line-height: var(--icon-width)
        }

        body[class*=controller-wk] #main #date-range > legend:before {
            content: '';
            display: block;
            clear: both;
            position: absolute;
            top: 5px;
            left: 10px;
            height: var(--icon-width);
            width: var(--icon-width);
            background: var(--icon_bg-bg);
            -webkit-transform: scale(0);
            -ms-transform: scale(0);
            transform: scale(0);
            z-index: 0;
            border-radius: var(--icon-border-radius);
            -webkit-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            -o-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            -webkit-transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
            transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
            transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
        }

        body[class*=controller-wk] #main #date-range > legend:hover:after {
            color: var(--icon-color-hover-bg)
        }

        body[class*=controller-wk] #main #date-range > legend:hover:before {
            background: var(--icon_bg_hover-bg);
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1)
        }

        body[class*=controller-wk] #main #date-range > legend + div {
            position: relative;
            margin: 15px 0 0;
            padding: 15px 0 0
        }

            body[class*=controller-wk] #main #date-range > legend + div:after {
                content: '';
                display: block;
                clear: both;
                width: calc(100% + 60px);
                position: absolute;
                top: 0;
                left: -30px;
                height: 1px;
                background: var(--border-color);
                opacity: 1;
                -webkit-transition: opacity var(--time-hover) ease-in-out;
                -o-transition: opacity var(--time-hover) ease-in-out;
                transition: opacity var(--time-hover) ease-in-out
            }

    body[class*=controller-wk] #main #date-range .div-left, body[class*=controller-wk] #main #date-range .div-right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        body[class*=controller-wk] #main #date-range .div-right > span {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            body[class*=controller-wk] #main #date-range .div-right > span > label {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

    body[class*=controller-wk] #main #date-range .period_picker_input {
        margin-left: 10px;
        margin-right: 10px
    }

    body[class*=controller-wk] #main #date-range.collapsed > legend:after {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

body[class*=controller-wk] #main #content h2 {
    position: relative;
    font-size: 1.4285rem;
    line-height: 1.4;
    padding: 15px 45px;
    width: calc(100% + 60px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 -30px 70px;
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
    background-size: 30px 30px;
    background-position: 0 50%;
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
}

body[class*=controller-wk] form[action*="/wkattendance/index"] fieldset {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

body[class*=controller-wk] .flex-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    font-size: 1rem;
    line-height: 1.4;
    font-family: sans-serif;
    font-weight: 700
}

    body[class*=controller-wk] .flex-form > legend {
        display: block;
        width: 100%;
        margin: 5px 0 10px;
        padding: 0
    }

    body[class*=controller-wk] .flex-form > .jcf-select, body[class*=controller-wk] .flex-form > input[type=text] {
        max-width: 150px
    }

    body[class*=controller-wk] .flex-form > label:nth-of-type(1) {
        margin-right: 10px
    }

body[class*=controller-wk] #main > #content > .wk-contextual {
    z-index: 10;
    margin: 0 0 10px
}

body[class*=controller-wk] .wk-contextual {
    font-size: 0;
    line-height: 0;
    color: var(--color-main-color-text)
}

    body[class*=controller-wk] .wk-contextual a[accesskey="n"], body[class*=controller-wk] .wk-contextual a[accesskey="p"] {
        opacity: 1 !important;
        border: none;
        background: 0 0;
        padding: 0;
        display: inline-block;
        height: var(--icon-width);
        width: var(--icon-width);
        margin: 0;
        overflow: hidden;
        position: relative;
        z-index: 2;
        border-radius: var(--icon-border-radius);
        font-size: 0;
        line-height: 0;
        color: var(--icon-color);
        vertical-align: middle;
        min-width: var(--icon-width);
        min-height: var(--icon-width);
        -webkit-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        -o-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        cursor: pointer
    }

        body[class*=controller-wk] .wk-contextual a[accesskey="n"]:after, body[class*=controller-wk] .wk-contextual a[accesskey="p"]:after {
            text-align: center;
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            clear: both;
            height: 100%;
            width: 100%;
            margin: 0;
            overflow: hidden;
            border-radius: var(--icon-border-radius);
            z-index: 1;
            font-family: var(--icon-font);
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-style: normal;
            font-variant: normal;
            font-weight: 400;
            text-decoration: none;
            text-transform: none;
            font-size: var(--icon-font-size);
            line-height: var(--icon-width);
            -webkit-transition: color var(--time-hover) ease-in-out;
            -o-transition: color var(--time-hover) ease-in-out;
            transition: color var(--time-hover) ease-in-out
        }

        body[class*=controller-wk] .wk-contextual a[accesskey="n"]:before, body[class*=controller-wk] .wk-contextual a[accesskey="p"]:before {
            content: '';
            display: block;
            clear: both;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: var(--icon_bg);
            -webkit-transform: scale(0);
            -ms-transform: scale(0);
            transform: scale(0);
            z-index: -1;
            border-radius: var(--icon-border-radius);
            -webkit-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            -o-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            -webkit-transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
            transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
            transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
        }

        body[class*=controller-wk] .wk-contextual a[accesskey="n"]:hover, body[class*=controller-wk] .wk-contextual a[accesskey="p"]:hover {
            color: var(--icon-color-hover)
        }

            body[class*=controller-wk] .wk-contextual a[accesskey="n"]:hover:before, body[class*=controller-wk] .wk-contextual a[accesskey="p"]:hover:before {
                background: var(--icon_bg_hover);
                -webkit-transform: scale(1);
                -ms-transform: scale(1);
                transform: scale(1)
            }

body[class*=controller-wk] form span[onclick*=period_type_2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    font-weight: 700
}

body[class*=controller-wk] form p.buttons {
    margin: 0 0 20px
}

body[class*=controller-wk] #query_form {
    margin: 0
}

    body[class*=controller-wk] #query_form .exceptionstable:not(.list) {
        table-layout: fixed;
        margin: 0 0 20px
    }

    body[class*=controller-wk] #query_form p.buttons {
        margin: 0
    }

body[class*=controller-wk] .wk-contextual .drdn-content {
    border-color: var(--border-color-content);
    border-radius: 0
}

    body[class*=controller-wk] .wk-contextual .drdn-content a {
        background-image: none;
        background-color: var(--button-bg-bg);
        display: block;
        position: relative;
        font-size: .85714286rem;
        line-height: 1.4;
        height: auto;
        min-height: auto;
        width: 100%;
        color: var(--button-color-bg);
        border: 0 !important;
        padding: 4px 5px 4px 5px;
        background-image: none !important;
        border-radius: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        overflow: hidden;
        z-index: 2;
        -webkit-transition: color var(--time-hover) ease-in-out;
        -o-transition: color var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out
    }

        body[class*=controller-wk] .wk-contextual .drdn-content a:after {
            position: absolute;
            top: 50%;
            margin: -10px 0 0;
            left: 5px;
            display: block;
            clear: both;
            height: var(--icon-width-small);
            width: var(--icon-width-small);
            overflow: hidden;
            border-radius: var(--icon-border-radius);
            z-index: 1;
            font-family: var(--icon-font);
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-style: normal;
            font-variant: normal;
            font-weight: 400;
            text-decoration: none;
            text-transform: none;
            font-size: var(--icon-font-size-small);
            line-height: var(--icon-width-small);
            color: var(--button-color-bg);
            -webkit-transition: color var(--time-hover) ease-in-out;
            -o-transition: color var(--time-hover) ease-in-out;
            transition: color var(--time-hover) ease-in-out
        }

        body[class*=controller-wk] .wk-contextual .drdn-content a:before {
            content: '';
            display: block;
            clear: both;
            position: absolute;
            top: 0;
            left: auto;
            right: 0;
            width: 0;
            height: 100%;
            background: var(--button-bg-bg);
            z-index: -1;
            border-radius: 0;
            -webkit-transition: width var(--time-hover) ease-in-out;
            -o-transition: width var(--time-hover) ease-in-out;
            transition: width var(--time-hover) ease-in-out;
            margin: 0 !important
        }

        body[class*=controller-wk] .wk-contextual .drdn-content a:hover {
            text-decoration: none;
            color: var(--button-color-hover-bg);
            border: 0
        }

            body[class*=controller-wk] .wk-contextual .drdn-content a:hover:after {
                color: var(--button-color-hover-bg)
            }

            body[class*=controller-wk] .wk-contextual .drdn-content a:hover:before {
                width: 100%;
                background: var(--button-bg-hover-bg)
            }

        body[class*=controller-wk] .wk-contextual .drdn-content a.disabled {
            color: var(--button-main-color-disabled-bg);
            border: 0
        }

            body[class*=controller-wk] .wk-contextual .drdn-content a.disabled:after {
                color: var(--button-main-color-disabled-bg)
            }

        body[class*=controller-wk] .wk-contextual .drdn-content a.disabled {
            color: var(--button-main-color-disabled-bg);
            background: var(--button-main-bg-disabled-bg)
        }

            body[class*=controller-wk] .wk-contextual .drdn-content a.disabled:after {
                color: var(--button-main-color-disabled-bg)
            }

            body[class*=controller-wk] .wk-contextual .drdn-content a.disabled:before {
                width: 100%;
                background: var(--button-main-bg-disabled-bg)
            }

            body[class*=controller-wk] .wk-contextual .drdn-content a.disabled:hover {
                color: var(--button-main-color-disabled-bg);
                background: var(--button-main-bg-disabled-bg)
            }

form[action*="/wkexpense/index"], form[action*="/wktime/index"] {
    margin: 0 0 30px
}

.controller-wkcrmactivity.action-index .autoscroll, .controller-wkopportunity.action-index .autoscroll, .controller-wkpayroll.action-index .autoscroll, .controller-wksurvey.action-user_survey .autoscroll {
    margin: 0 0 30px
}

div.ui-dialog #payroll-dlg {
    background: var(--bg-box)
}

.controller-wktime #content > div {
    float: none
}

.controller-wktime #date-range .period_picker_input {
    width: auto
}

.controller-wktime #date-range .div-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .controller-wktime #date-range .div-right > span {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

.controller-wktime .list.time-entries .center {
    font-size: 0;
    line-height: 0
}

.controller-wktime.action-new #content table th {
    text-align: left
}

.controller-wkaccountproject #content .list.time-entries, .controller-wkasset.action-index #content .list.time-entries, .controller-wkassetdepreciation.action-index #content .list.time-entries, .controller-wkattendance #content .list.time-entries, .controller-wkcontract.action-index #content .list.time-entries, .controller-wkcrmaccount #content .list.time-entries, .controller-wkcrmcontact #content .list.time-entries, .controller-wkcrmenumeration.action-index #content .list.time-entries, .controller-wkexchangerate #content .list.time-entries, .controller-wkinvoice.action-index #content .list.time-entries, .controller-wklead.action-index #content .list.time-entries, .controller-wkledger #content .list.time-entries, .controller-wklocation.action-index #content .list.time-entries, .controller-wkopportunity.action-index #content .list.time-entries, .controller-wkpayment.action-index #content .list.time-entries, .controller-wkpayroll.action-user_salary_settings #content .list.time-entries, .controller-wkpayroll.action-usrsettingsindex #content .list.time-entries, .controller-wkproduct.action-index #content .list.time-entries, .controller-wkproductitem.action-index #content .list.time-entries, .controller-wkpublicholiday #content .list.time-entries, .controller-wkpurchaseorder.action-index #content .list.time-entries, .controller-wkquote #content .list.time-entries, .controller-wkrfq #content .list.time-entries, .controller-wkshipment.action-index #content .list.time-entries, .controller-wksupplieraccount.action-index #content .list.time-entries, .controller-wksuppliercontact.action-index #content .list.time-entries, .controller-wksupplierinvoice.action-index #content .list.time-entries, .controller-wksupplierpayment.action-index #content .list.time-entries, .controller-wksurvey.action-index #content .list.time-entries, .controller-wktax #content .list.time-entries {
    margin: 0 0 30px
}

.controller-wkaccountproject #content .wk-contextual, .controller-wkasset.action-index #content .wk-contextual, .controller-wkassetdepreciation.action-index #content .wk-contextual, .controller-wkattendance #content .wk-contextual, .controller-wkcontract.action-index #content .wk-contextual, .controller-wkcrmaccount #content .wk-contextual, .controller-wkcrmcontact #content .wk-contextual, .controller-wkcrmenumeration.action-index #content .wk-contextual, .controller-wkexchangerate #content .wk-contextual, .controller-wkinvoice.action-index #content .wk-contextual, .controller-wklead.action-index #content .wk-contextual, .controller-wkledger #content .wk-contextual, .controller-wklocation.action-index #content .wk-contextual, .controller-wkopportunity.action-index #content .wk-contextual, .controller-wkpayment.action-index #content .wk-contextual, .controller-wkpayroll.action-user_salary_settings #content .wk-contextual, .controller-wkpayroll.action-usrsettingsindex #content .wk-contextual, .controller-wkproduct.action-index #content .wk-contextual, .controller-wkproductitem.action-index #content .wk-contextual, .controller-wkpublicholiday #content .wk-contextual, .controller-wkpurchaseorder.action-index #content .wk-contextual, .controller-wkquote #content .wk-contextual, .controller-wkrfq #content .wk-contextual, .controller-wkshipment.action-index #content .wk-contextual, .controller-wksupplieraccount.action-index #content .wk-contextual, .controller-wksuppliercontact.action-index #content .wk-contextual, .controller-wksupplierinvoice.action-index #content .wk-contextual, .controller-wksupplierpayment.action-index #content .wk-contextual, .controller-wksurvey.action-index #content .wk-contextual, .controller-wktax #content .wk-contextual {
    margin-top: 0;
    margin-bottom: 0
}

.controller-wkaccountproject #content #query_form, .controller-wkasset.action-index #content #query_form, .controller-wkassetdepreciation.action-index #content #query_form, .controller-wkattendance #content #query_form, .controller-wkcontract.action-index #content #query_form, .controller-wkcrmaccount #content #query_form, .controller-wkcrmcontact #content #query_form, .controller-wkcrmenumeration.action-index #content #query_form, .controller-wkexchangerate #content #query_form, .controller-wkinvoice.action-index #content #query_form, .controller-wklead.action-index #content #query_form, .controller-wkledger #content #query_form, .controller-wklocation.action-index #content #query_form, .controller-wkopportunity.action-index #content #query_form, .controller-wkpayment.action-index #content #query_form, .controller-wkpayroll.action-user_salary_settings #content #query_form, .controller-wkpayroll.action-usrsettingsindex #content #query_form, .controller-wkproduct.action-index #content #query_form, .controller-wkproductitem.action-index #content #query_form, .controller-wkpublicholiday #content #query_form, .controller-wkpurchaseorder.action-index #content #query_form, .controller-wkquote #content #query_form, .controller-wkrfq #content #query_form, .controller-wkshipment.action-index #content #query_form, .controller-wksupplieraccount.action-index #content #query_form, .controller-wksuppliercontact.action-index #content #query_form, .controller-wksupplierinvoice.action-index #content #query_form, .controller-wksupplierpayment.action-index #content #query_form, .controller-wksurvey.action-index #content #query_form, .controller-wktax #content #query_form {
    margin: 0
}

.controller-wkaccountproject #content fieldset:not(.box), .controller-wkasset.action-index #content fieldset:not(.box), .controller-wkassetdepreciation.action-index #content fieldset:not(.box), .controller-wkattendance #content fieldset:not(.box), .controller-wkcontract.action-index #content fieldset:not(.box), .controller-wkcrmaccount #content fieldset:not(.box), .controller-wkcrmcontact #content fieldset:not(.box), .controller-wkcrmenumeration.action-index #content fieldset:not(.box), .controller-wkexchangerate #content fieldset:not(.box), .controller-wkinvoice.action-index #content fieldset:not(.box), .controller-wklead.action-index #content fieldset:not(.box), .controller-wkledger #content fieldset:not(.box), .controller-wklocation.action-index #content fieldset:not(.box), .controller-wkopportunity.action-index #content fieldset:not(.box), .controller-wkpayment.action-index #content fieldset:not(.box), .controller-wkpayroll.action-user_salary_settings #content fieldset:not(.box), .controller-wkpayroll.action-usrsettingsindex #content fieldset:not(.box), .controller-wkproduct.action-index #content fieldset:not(.box), .controller-wkproductitem.action-index #content fieldset:not(.box), .controller-wkpublicholiday #content fieldset:not(.box), .controller-wkpurchaseorder.action-index #content fieldset:not(.box), .controller-wkquote #content fieldset:not(.box), .controller-wkrfq #content fieldset:not(.box), .controller-wkshipment.action-index #content fieldset:not(.box), .controller-wksupplieraccount.action-index #content fieldset:not(.box), .controller-wksuppliercontact.action-index #content fieldset:not(.box), .controller-wksupplierinvoice.action-index #content fieldset:not(.box), .controller-wksupplierpayment.action-index #content fieldset:not(.box), .controller-wksurvey.action-index #content fieldset:not(.box), .controller-wktax #content fieldset:not(.box) {
    border: 0;
    margin: 0 0 20px;
    padding: 0
}

    .controller-wkaccountproject #content fieldset:not(.box) .buttons, .controller-wkasset.action-index #content fieldset:not(.box) .buttons, .controller-wkassetdepreciation.action-index #content fieldset:not(.box) .buttons, .controller-wkattendance #content fieldset:not(.box) .buttons, .controller-wkcontract.action-index #content fieldset:not(.box) .buttons, .controller-wkcrmaccount #content fieldset:not(.box) .buttons, .controller-wkcrmcontact #content fieldset:not(.box) .buttons, .controller-wkcrmenumeration.action-index #content fieldset:not(.box) .buttons, .controller-wkexchangerate #content fieldset:not(.box) .buttons, .controller-wkinvoice.action-index #content fieldset:not(.box) .buttons, .controller-wklead.action-index #content fieldset:not(.box) .buttons, .controller-wkledger #content fieldset:not(.box) .buttons, .controller-wklocation.action-index #content fieldset:not(.box) .buttons, .controller-wkopportunity.action-index #content fieldset:not(.box) .buttons, .controller-wkpayment.action-index #content fieldset:not(.box) .buttons, .controller-wkpayroll.action-user_salary_settings #content fieldset:not(.box) .buttons, .controller-wkpayroll.action-usrsettingsindex #content fieldset:not(.box) .buttons, .controller-wkproduct.action-index #content fieldset:not(.box) .buttons, .controller-wkproductitem.action-index #content fieldset:not(.box) .buttons, .controller-wkpublicholiday #content fieldset:not(.box) .buttons, .controller-wkpurchaseorder.action-index #content fieldset:not(.box) .buttons, .controller-wkquote #content fieldset:not(.box) .buttons, .controller-wkrfq #content fieldset:not(.box) .buttons, .controller-wkshipment.action-index #content fieldset:not(.box) .buttons, .controller-wksupplieraccount.action-index #content fieldset:not(.box) .buttons, .controller-wksuppliercontact.action-index #content fieldset:not(.box) .buttons, .controller-wksupplierinvoice.action-index #content fieldset:not(.box) .buttons, .controller-wksupplierpayment.action-index #content fieldset:not(.box) .buttons, .controller-wksurvey.action-index #content fieldset:not(.box) .buttons, .controller-wktax #content fieldset:not(.box) .buttons {
        margin: 0 0 20px
    }

.controller-wkaccountproject #main > #content #query_form .pagination, .controller-wkasset.action-index #main > #content #query_form .pagination, .controller-wkassetdepreciation.action-index #main > #content #query_form .pagination, .controller-wkattendance #main > #content #query_form .pagination, .controller-wkcontract.action-index #main > #content #query_form .pagination, .controller-wkcrmaccount #main > #content #query_form .pagination, .controller-wkcrmcontact #main > #content #query_form .pagination, .controller-wkcrmenumeration.action-index #main > #content #query_form .pagination, .controller-wkexchangerate #main > #content #query_form .pagination, .controller-wkinvoice.action-index #main > #content #query_form .pagination, .controller-wklead.action-index #main > #content #query_form .pagination, .controller-wkledger #main > #content #query_form .pagination, .controller-wklocation.action-index #main > #content #query_form .pagination, .controller-wkopportunity.action-index #main > #content #query_form .pagination, .controller-wkpayment.action-index #main > #content #query_form .pagination, .controller-wkpayroll.action-user_salary_settings #main > #content #query_form .pagination, .controller-wkpayroll.action-usrsettingsindex #main > #content #query_form .pagination, .controller-wkproduct.action-index #main > #content #query_form .pagination, .controller-wkproductitem.action-index #main > #content #query_form .pagination, .controller-wkpublicholiday #main > #content #query_form .pagination, .controller-wkpurchaseorder.action-index #main > #content #query_form .pagination, .controller-wkquote #main > #content #query_form .pagination, .controller-wkrfq #main > #content #query_form .pagination, .controller-wkshipment.action-index #main > #content #query_form .pagination, .controller-wksupplieraccount.action-index #main > #content #query_form .pagination, .controller-wksuppliercontact.action-index #main > #content #query_form .pagination, .controller-wksupplierinvoice.action-index #main > #content #query_form .pagination, .controller-wksupplierpayment.action-index #main > #content #query_form .pagination, .controller-wksurvey.action-index #main > #content #query_form .pagination, .controller-wktax #main > #content #query_form .pagination {
    position: static !important
}

.controller-wkgrouppermission #content #filter_query_form fieldset.box {
    padding-top: 20px
}

.controller-wkgrouppermission #content #query_form .icon-gravatar fieldset {
    padding-top: 32px;
    position: relative;
    border: 0
}

.controller-wkgrouppermission #content #query_form .icon-gravatar legend {
    position: absolute;
    top: 0;
    left: 0
}

.test-size-0 {
    font-size: 0 !important;
    line-height: 0 !important
}

.controller-settings #settings_wktime_auto_import_time_hr ~ .jcf-select, .controller-settings #settings_wktime_nonsub_sch_hr ~ .jcf-select, .controller-settings #settings_wktime_submission_deadline ~ .jcf-select {
    margin-left: 10px !important;
    margin-right: 10px !important
}

.controller-settings form[action*=redmine_wktime] a[href*="javascript:removeSelectedValue"], .controller-settings form[action*=redmine_wktime] a[href*=Add], .controller-settings form[action*=redmine_wktime] a[href*=Edit] {
    opacity: 1 !important;
    border: none;
    background: 0 0;
    padding: 0;
    display: inline-block;
    height: var(--icon-smaller-width);
    width: var(--icon-smaller-width);
    margin: 0;
    overflow: hidden;
    position: relative;
    z-index: 2;
    border-radius: var(--icon-border-radius);
    font-size: 0;
    line-height: 0;
    color: var(--icon-color);
    vertical-align: middle;
    min-width: var(--icon-smaller-width);
    min-height: var(--icon-smaller-width);
    -webkit-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
    -o-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
    transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
    cursor: pointer
}

    .controller-settings form[action*=redmine_wktime] a[href*="javascript:removeSelectedValue"]:after, .controller-settings form[action*=redmine_wktime] a[href*=Add]:after, .controller-settings form[action*=redmine_wktime] a[href*=Edit]:after {
        text-align: center;
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        clear: both;
        height: 100%;
        width: 100%;
        margin: 0;
        overflow: hidden;
        border-radius: var(--icon-border-radius);
        z-index: 1;
        font-family: var(--icon-font);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        text-decoration: none;
        text-transform: none;
        font-size: var(--icon-smaller-font-size);
        line-height: var(--icon-smaller-width);
        -webkit-transition: color var(--time-hover) ease-in-out;
        -o-transition: color var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out
    }

    .controller-settings form[action*=redmine_wktime] a[href*="javascript:removeSelectedValue"]:before, .controller-settings form[action*=redmine_wktime] a[href*=Add]:before, .controller-settings form[action*=redmine_wktime] a[href*=Edit]:before {
        content: '';
        display: block;
        clear: both;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: var(--icon_bg);
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        z-index: -1;
        border-radius: var(--icon-border-radius);
        -webkit-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        -o-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        -webkit-transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
        transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
        transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
    }

    .controller-settings form[action*=redmine_wktime] a[href*="javascript:removeSelectedValue"]:hover, .controller-settings form[action*=redmine_wktime] a[href*=Add]:hover, .controller-settings form[action*=redmine_wktime] a[href*=Edit]:hover {
        color: var(--icon-color-hover)
    }

        .controller-settings form[action*=redmine_wktime] a[href*="javascript:removeSelectedValue"]:hover:before, .controller-settings form[action*=redmine_wktime] a[href*=Add]:hover:before, .controller-settings form[action*=redmine_wktime] a[href*=Edit]:hover:before {
            background: var(--icon_bg_hover);
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1)
        }

    .controller-settings form[action*=redmine_wktime] a[href*=Add]:after {
        content: "\E075"
    }

    .controller-settings form[action*=redmine_wktime] a[href*=Edit]:after {
        content: "\E03F"
    }

    .controller-settings form[action*=redmine_wktime] a[href*="javascript:removeSelectedValue"]:after {
        content: "\E030"
    }

.controller-settings #content form[action*=redmine_wktime] .tab-content fieldset {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    height: auto !important
}

    .controller-settings #content form[action*=redmine_wktime] .tab-content fieldset legend {
        left: 0
    }

.controller-settings #content form[action*=redmine_wktime] .box p {
    padding: 0 0 0 295px !important
}

    .controller-settings #content form[action*=redmine_wktime] .box p input[type=checkbox] + label {
        width: auto !important
    }

.controller-settings #content form[action*=redmine_wktime] .box #tab-content-crm p {
    padding: 0 !important
}

.controller-settings #content form[action*=redmine_wktime] .box #tab-content-attendance .autoscroll {
    padding: 10px 0 0 295px
}

    .controller-settings #content form[action*=redmine_wktime] .box #tab-content-attendance .autoscroll thead td {
        font-weight: 700
    }

    .controller-settings #content form[action*=redmine_wktime] .box #tab-content-attendance .autoscroll button[type=button] {
        top: 0 !important;
        outline: 0 none;
        margin: 5px 10px;
        width: var(--icon-width);
        height: var(--icon-width);
        font-size: 12px;
        line-height: 12px;
        background: 0 0;
        border: none;
        position: relative;
        z-index: 2;
        cursor: pointer;
        border-radius: var(--icon-border-radius);
        background-color: var(--icon_bg-bg);
        color: var(--icon-color-bg);
        -webkit-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        -o-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out
    }

        .controller-settings #content form[action*=redmine_wktime] .box #tab-content-attendance .autoscroll button[type=button]:hover {
            background-color: var(--icon_bg_hover-bg);
            color: var(--icon-color-hover-bg)
        }

        .controller-settings #content form[action*=redmine_wktime] .box #tab-content-attendance .autoscroll button[type=button] + br {
            width: 100%;
            height: 1px !important
        }

.controller-settings #content #settings #tab-content-attendance fieldset.box {
    padding-left: 0;
    padding-right: 0
}

    .controller-settings #content #settings #tab-content-attendance fieldset.box legend {
        left: 0
    }

.controller-settings #content #settings form[action*=redmine_wktime] .tab-content div.box {
    padding: 0
}

.controller-settings #content #tab-content-purchase .splitcontentright > fieldset {
    padding-top: 0 !important
}

.controller-wkcrmaccount #main > #content .splitcontentright .splitcontent {
    display: block;
    width: 100%;
    overflow: hidden
}

.controller-wkcrmaccount #main > #content .splitcontentright .splitcontentleft {
    width: 100% !important;
    max-width: 100% !important;
    margin-right: 0 !important;
    padding: 0 !important
}

.controller-wkcrmaccount #main > #content .splitcontentright table {
    width: 100%
}

.controller-wkdashboard form[action*="/wkdashboard/index"] {
    background: var(--bg-box);
    border-radius: var(--border-radius);
    border: 0;
    padding: 20px;
    margin: 0 0 20px
}

    .controller-wkdashboard form[action*="/wkdashboard/index"] input[type=submit] {
        margin-bottom: 0 !important
    }

    .controller-wkdashboard form[action*="/wkdashboard/index"] fieldset {
        border: 0;
        padding: 0;
        margin: 0;
        font-size: 0;
        line-height: 0
    }

        .controller-wkdashboard form[action*="/wkdashboard/index"] fieldset .flex-form {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            width: 100%;
            font-size: 1rem;
            line-height: 1.4;
            font-family: sans-serif;
            font-weight: 700
        }

            .controller-wkdashboard form[action*="/wkdashboard/index"] fieldset .flex-form > label {
                margin: 0 10px 0 0 !important
            }

            .controller-wkdashboard form[action*="/wkdashboard/index"] fieldset .flex-form .period_picker_input {
                margin: 0 10px
            }

            .controller-wkdashboard form[action*="/wkdashboard/index"] fieldset .flex-form .jcf-select {
                margin-bottom: 0 !important
            }

        .controller-wkdashboard form[action*="/wkdashboard/index"] fieldset > * {
            width: auto
        }

    .controller-wkdashboard form[action*="/wkdashboard/index"] input[type=submit] {
        margin-top: 0 !important
    }

.controller-wkdashboard #content form[action*="/wkdashboard/index"] .jcf-select {
    margin-top: 0 !important
}

.controller-wkdashboard #content form[action*="/wkdashboard/index"] input[type=submit] {
    color: var(--button-main-color);
    background: var(--button-main-bg)
}

    .controller-wkdashboard #content form[action*="/wkdashboard/index"] input[type=submit]:hover {
        color: var(--button-main-color-hover);
        background: var(--button-main-bg-hover)
    }

    .controller-wkdashboard #content form[action*="/wkdashboard/index"] input[type=submit] + a {
        color: var(--button-color);
        background: var(--button-bg)
    }

        .controller-wkdashboard #content form[action*="/wkdashboard/index"] input[type=submit] + a:hover {
            color: var(--button-color-hover);
            background: var(--button-bg-hover)
        }

.controller-wkdashboard #main form[action*="/wkdashboard/index"] .icon.icon-reload {
    color: var(--icon-color-bg)
}

.controller-wkexchangerate #commit-keywords {
    margin: 0
}

.controller-wkcrmenumeration.action-edit #main > #content .splitcontentleft {
    width: 100%;
    max-width: 100%;
    padding: 0 !important
}

.controller-wkcrmenumeration.action-edit table {
    width: 100%
}

.controller-wkcrmenumeration.action-edit textarea {
    width: 100% !important
}

.controller-wksurvey.action-index .list.time-entries {
    margin: 0 0 20px
}

.controller-wksurvey.action-index #content form .jcf-select, .controller-wksurvey.action-index #content form input[type=text] {
    width: auto;
    margin-left: 10px
}

.controller-wksurvey.action-index #content form .flex-form .autoscroll {
    overflow: visible
}

.controller-wksurvey.action-index .flex-form .autoscroll {
    overflow: auto;
    width: auto
}

    .controller-wksurvey.action-index .flex-form .autoscroll table {
        display: block
    }

        .controller-wksurvey.action-index .flex-form .autoscroll table tbody {
            display: block
        }

        .controller-wksurvey.action-index .flex-form .autoscroll table tr {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .controller-wksurvey.action-index .flex-form .autoscroll table tr th {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

    .controller-wksurvey.action-index .flex-form .autoscroll + p {
        margin: 0
    }

.controller-wksurvey.action-index #main > #content span.pagination {
    position: static
}

.controller-wksurvey.action-edit .box table {
    width: 100%;
    display: block;
    margin: 0
}

    .controller-wksurvey.action-edit .box table tbody {
        display: block
    }

    .controller-wksurvey.action-edit .box table tr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 10px 0 0
    }

        .controller-wksurvey.action-edit .box table tr:first-child {
            padding: 0
        }

    .controller-wksurvey.action-edit .box table th {
        width: 285px;
        padding: 0 10px 0 0
    }

    .controller-wksurvey.action-edit .box table td {
        padding: 0 !important;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .controller-wksurvey.action-edit .box table td:empty {
            display: none
        }

    .controller-wksurvey.action-edit .box table .jcf-select, .controller-wksurvey.action-edit .box table input[type=date], .controller-wksurvey.action-edit .box table input[type=email], .controller-wksurvey.action-edit .box table input[type=number], .controller-wksurvey.action-edit .box table input[type=password], .controller-wksurvey.action-edit .box table input[type=text], .controller-wksurvey.action-edit .box table textarea {
        margin: 0 !important
    }

        .controller-wksurvey.action-edit .box table .jcf-select ~ .jcf-select, .controller-wksurvey.action-edit .box table .jcf-select ~ input[type=date], .controller-wksurvey.action-edit .box table .jcf-select ~ input[type=email], .controller-wksurvey.action-edit .box table .jcf-select ~ input[type=number], .controller-wksurvey.action-edit .box table .jcf-select ~ input[type=password], .controller-wksurvey.action-edit .box table .jcf-select ~ input[type=text], .controller-wksurvey.action-edit .box table .jcf-select ~ textarea, .controller-wksurvey.action-edit .box table input[type=date] ~ .jcf-select, .controller-wksurvey.action-edit .box table input[type=date] ~ input[type=date], .controller-wksurvey.action-edit .box table input[type=date] ~ input[type=email], .controller-wksurvey.action-edit .box table input[type=date] ~ input[type=number], .controller-wksurvey.action-edit .box table input[type=date] ~ input[type=password], .controller-wksurvey.action-edit .box table input[type=date] ~ input[type=text], .controller-wksurvey.action-edit .box table input[type=date] ~ textarea, .controller-wksurvey.action-edit .box table input[type=email] ~ .jcf-select, .controller-wksurvey.action-edit .box table input[type=email] ~ input[type=date], .controller-wksurvey.action-edit .box table input[type=email] ~ input[type=email], .controller-wksurvey.action-edit .box table input[type=email] ~ input[type=number], .controller-wksurvey.action-edit .box table input[type=email] ~ input[type=password], .controller-wksurvey.action-edit .box table input[type=email] ~ input[type=text], .controller-wksurvey.action-edit .box table input[type=email] ~ textarea, .controller-wksurvey.action-edit .box table input[type=number] ~ .jcf-select, .controller-wksurvey.action-edit .box table input[type=number] ~ input[type=date], .controller-wksurvey.action-edit .box table input[type=number] ~ input[type=email], .controller-wksurvey.action-edit .box table input[type=number] ~ input[type=number], .controller-wksurvey.action-edit .box table input[type=number] ~ input[type=password], .controller-wksurvey.action-edit .box table input[type=number] ~ input[type=text], .controller-wksurvey.action-edit .box table input[type=number] ~ textarea, .controller-wksurvey.action-edit .box table input[type=password] ~ .jcf-select, .controller-wksurvey.action-edit .box table input[type=password] ~ input[type=date], .controller-wksurvey.action-edit .box table input[type=password] ~ input[type=email], .controller-wksurvey.action-edit .box table input[type=password] ~ input[type=number], .controller-wksurvey.action-edit .box table input[type=password] ~ input[type=password], .controller-wksurvey.action-edit .box table input[type=password] ~ input[type=text], .controller-wksurvey.action-edit .box table input[type=password] ~ textarea, .controller-wksurvey.action-edit .box table input[type=text] ~ .jcf-select, .controller-wksurvey.action-edit .box table input[type=text] ~ input[type=date], .controller-wksurvey.action-edit .box table input[type=text] ~ input[type=email], .controller-wksurvey.action-edit .box table input[type=text] ~ input[type=number], .controller-wksurvey.action-edit .box table input[type=text] ~ input[type=password], .controller-wksurvey.action-edit .box table input[type=text] ~ input[type=text], .controller-wksurvey.action-edit .box table input[type=text] ~ textarea, .controller-wksurvey.action-edit .box table textarea ~ .jcf-select, .controller-wksurvey.action-edit .box table textarea ~ input[type=date], .controller-wksurvey.action-edit .box table textarea ~ input[type=email], .controller-wksurvey.action-edit .box table textarea ~ input[type=number], .controller-wksurvey.action-edit .box table textarea ~ input[type=password], .controller-wksurvey.action-edit .box table textarea ~ input[type=text], .controller-wksurvey.action-edit .box table textarea ~ textarea {
            margin: 0 0 0 10px !important
        }

.controller-wksurvey.action-edit .jcf-select ~ * {
    margin-left: 0 !important
}

.controller-wksurvey.action-edit #main #content #accordion h2 {
    margin: 0 0 30px;
    border: 0;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    outline: 0 !important;
    position: relative;
    font-size: 1rem;
    line-height: 40px
}

.controller-wksurvey.action-edit #main .surveyquestions .icon {
    color: var(--icon-color-bg)
}

    .controller-wksurvey.action-edit #main .surveyquestions .icon:before {
        background: var(--icon_bg-bg)
    }

    .controller-wksurvey.action-edit #main .surveyquestions .icon:hover {
        color: var(--icon-color-hover-bg)
    }

        .controller-wksurvey.action-edit #main .surveyquestions .icon:hover:before {
            background: var(--icon_bg_hover-bg)
        }

.controller-wksurvey.action-edit #content fieldset.box {
    padding-top: 20px
}

.controller-wksurvey.action-edit #content form .surveyquestions input[type=date], .controller-wksurvey.action-edit #content form .surveyquestions input[type=email], .controller-wksurvey.action-edit #content form .surveyquestions input[type=number], .controller-wksurvey.action-edit #content form .surveyquestions input[type=password], .controller-wksurvey.action-edit #content form .surveyquestions input[type=text], .controller-wksurvey.action-edit #content form .surveyquestions input[type=url], .controller-wksurvey.action-edit #content form .surveyquestions textarea {
    width: auto
}

.controller-wksurvey.action-edit #content form #tr_recur_every {
    width: 100%
}

    .controller-wksurvey.action-edit #content form #tr_recur_every input[type=text] {
        width: auto !important
    }

.controller-wksurvey.action-edit #content form .tabular .autoscroll {
    overflow: hidden !important
}

.controller-wksurvey.action-edit a[href*="javascript:deletequestion"], .controller-wksurvey.action-edit a[href*="javascript:deleterow"] {
    opacity: 1 !important;
    border: none;
    background: 0 0;
    padding: 0;
    display: inline-block;
    height: var(--icon-smaller-width);
    width: var(--icon-smaller-width);
    margin: 0 !important;
    overflow: hidden;
    position: relative;
    z-index: 2;
    border-radius: var(--icon-border-radius);
    font-size: 0;
    line-height: 0;
    color: var(--icon-color-bg);
    vertical-align: middle;
    min-width: var(--icon-smaller-width);
    min-height: var(--icon-smaller-width);
    -webkit-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
    -o-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
    transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
    cursor: pointer
}

    .controller-wksurvey.action-edit a[href*="javascript:deletequestion"] img, .controller-wksurvey.action-edit a[href*="javascript:deleterow"] img {
        display: none
    }

    .controller-wksurvey.action-edit a[href*="javascript:deletequestion"]:after, .controller-wksurvey.action-edit a[href*="javascript:deleterow"]:after {
        content: "\E030";
        text-align: center;
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        clear: both;
        height: 100%;
        width: 100%;
        margin: 0;
        overflow: hidden;
        border-radius: var(--icon-border-radius);
        z-index: 1;
        font-family: var(--icon-font);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        text-decoration: none;
        text-transform: none;
        font-size: var(--icon-smaller-font-size);
        line-height: var(--icon-smaller-width);
        -webkit-transition: color var(--time-hover) ease-in-out;
        -o-transition: color var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out
    }

    .controller-wksurvey.action-edit a[href*="javascript:deletequestion"]:before, .controller-wksurvey.action-edit a[href*="javascript:deleterow"]:before {
        content: '';
        display: block;
        clear: both;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: var(--icon_bg-bg);
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        z-index: -1;
        border-radius: var(--icon-border-radius);
        -webkit-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        -o-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        -webkit-transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
        transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
        transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
    }

    .controller-wksurvey.action-edit a[href*="javascript:deletequestion"]:hover, .controller-wksurvey.action-edit a[href*="javascript:deleterow"]:hover {
        color: var(--icon-color-hover-bg)
    }

        .controller-wksurvey.action-edit a[href*="javascript:deletequestion"]:hover:before, .controller-wksurvey.action-edit a[href*="javascript:deleterow"]:hover:before {
            background: var(--icon_bg_hover-bg);
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1)
        }

    .controller-wksurvey.action-edit a[href*="javascript:deletequestion"].selected:before, .controller-wksurvey.action-edit a[href*="javascript:deleterow"].selected:before {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    .controller-wksurvey.action-edit a[href*="javascript:deletequestion"].disabled, .controller-wksurvey.action-edit a[href*="javascript:deleterow"].disabled {
        opacity: .3
    }

        .controller-wksurvey.action-edit a[href*="javascript:deletequestion"].disabled:hover:before, .controller-wksurvey.action-edit a[href*="javascript:deleterow"].disabled:hover:before {
            -webkit-transform: scale(0);
            -ms-transform: scale(0);
            transform: scale(0)
        }

.controller-wktax.action-edit #query_form .autoscroll > div {
    float: none !important;
    width: 100% !important
}

    .controller-wktax.action-edit #query_form .autoscroll > div > br {
        display: none !important
    }

.controller-wktax.action-edit #query_form .autoscroll p {
    padding: 0 !important;
    margin: 0;
    width: 100% !important
}

.controller-wktax.action-edit #query_form table td {
    white-space: nowrap
}

.controller-wktax.action-edit #content form input[type=text] {
    width: auto
}

.controller-wkproduct.action-edit .tabular labelper_annum {
    margin: 0;
    width: auto
}

.controller-wkproduct.action-edit .tabular table {
    width: 100%
}

    .controller-wkproduct.action-edit .tabular table th {
        padding-left: 0 !important
    }

.controller-wkproduct.action-edit .tabular textarea {
    width: 100% !important
}

.controller-wkproduct.action-edit .tabular label {
    width: auto !important;
    margin-left: 0 !important;
    float: none !important;
    text-align: left !important
}

form[action*="/wkattendance/saveClockInOut"] a[href*="/wkattendance/clockedit"]:first-child:after {
    content: "\E091"
}

form[action*="/wkattendance/saveClockInOut"] a[href*="/wkattendance/clockedit"]:last-child:after {
    content: "\E077"
}

.controller-wkexpense.action-edit #content .wk-contextual ~ .contextual, .controller-wktime.action-edit #content .wk-contextual ~ .contextual {
    margin: 0 0 20px
}

.controller-wkexpense.action-edit #issueTable td, .controller-wktime.action-edit #issueTable td {
    border-top: 0
}

.controller-wkexpense.action-edit #wktime_edit > div[style="float: left;"], .controller-wktime.action-edit #wktime_edit > div[style="float: left;"] {
    width: 100%
}

.controller-wkexpense.action-edit a.icon-time-add:after, .controller-wktime.action-edit a.icon-time-add:after {
    content: "\E075"
}

.controller-wkexpense.action-edit #content .autoscroll, .controller-wktime.action-edit #content .autoscroll {
    margin: 0 0 10px
}

.controller-wkexpense.action-edit #content .wk-contextual + div, .controller-wktime.action-edit #content .wk-contextual + div {
    margin: 0 0 30px
}

.controller-wkexpense.action-edit table#wktimeOptions td, .controller-wkexpense.action-edit table#wktimeOptions th, .controller-wkexpense.action-edit table#wktimeStatus td, .controller-wkexpense.action-edit table#wktimeStatus th, .controller-wktime.action-edit table#wktimeOptions td, .controller-wktime.action-edit table#wktimeOptions th, .controller-wktime.action-edit table#wktimeStatus td, .controller-wktime.action-edit table#wktimeStatus th {
    padding: 5px 5px;
    border: 0;
    border-top: 1px solid var(--border-color-content)
}

.controller-wkexpense.action-edit table#wktimeOptions th, .controller-wkexpense.action-edit table#wktimeStatus th, .controller-wktime.action-edit table#wktimeOptions th, .controller-wktime.action-edit table#wktimeStatus th {
    padding: 7px 5px;
    background: var(--bg-fff)
}

.controller-wkexpense.action-edit table#wktimeOptions tr:first-child td, .controller-wkexpense.action-edit table#wktimeOptions tr:first-child th, .controller-wkexpense.action-edit table#wktimeStatus tr:first-child td, .controller-wkexpense.action-edit table#wktimeStatus tr:first-child th, .controller-wktime.action-edit table#wktimeOptions tr:first-child td, .controller-wktime.action-edit table#wktimeOptions tr:first-child th, .controller-wktime.action-edit table#wktimeStatus tr:first-child td, .controller-wktime.action-edit table#wktimeStatus tr:first-child th {
    border: 0 !important
}

.controller-wkexpense.action-edit a[href*="/wkexpense/edit"]:first-child:after, .controller-wkexpense.action-edit a[href*="/wktime/edit"]:first-child:after, .controller-wktime.action-edit a[href*="/wkexpense/edit"]:first-child:after, .controller-wktime.action-edit a[href*="/wktime/edit"]:first-child:after {
    content: "\E091"
}

.controller-wkexpense.action-edit a[href*="/wkexpense/edit"]:last-child:after, .controller-wkexpense.action-edit a[href*="/wktime/edit"]:last-child:after, .controller-wktime.action-edit a[href*="/wkexpense/edit"]:last-child:after, .controller-wktime.action-edit a[href*="/wktime/edit"]:last-child:after {
    content: "\E077"
}

.controller-wkexpense.action-edit a[href*="format=csv"], .controller-wkexpense.action-edit a[href*="javascript:deleteRow"], .controller-wkexpense.action-edit a[href*="javascript:showclkDialog"], .controller-wktime.action-edit a[href*="format=csv"], .controller-wktime.action-edit a[href*="javascript:deleteRow"], .controller-wktime.action-edit a[href*="javascript:showclkDialog"] {
    opacity: 1 !important;
    border: none;
    background: 0 0;
    padding: 0;
    display: inline-block;
    height: var(--icon-smaller-width);
    width: var(--icon-smaller-width);
    margin: 0;
    overflow: hidden;
    position: relative;
    z-index: 2;
    border-radius: var(--icon-border-radius);
    font-size: 0;
    line-height: 0;
    color: var(--icon-color);
    vertical-align: middle;
    min-width: var(--icon-smaller-width);
    min-height: var(--icon-smaller-width);
    -webkit-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
    -o-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
    transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
    cursor: pointer
}

    .controller-wkexpense.action-edit a[href*="format=csv"]:after, .controller-wkexpense.action-edit a[href*="javascript:deleteRow"]:after, .controller-wkexpense.action-edit a[href*="javascript:showclkDialog"]:after, .controller-wktime.action-edit a[href*="format=csv"]:after, .controller-wktime.action-edit a[href*="javascript:deleteRow"]:after, .controller-wktime.action-edit a[href*="javascript:showclkDialog"]:after {
        content: "\E0BA";
        text-align: center;
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        clear: both;
        height: 100%;
        width: 100%;
        margin: 0;
        overflow: hidden;
        border-radius: var(--icon-border-radius);
        z-index: 1;
        font-family: var(--icon-font);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        text-decoration: none;
        text-transform: none;
        font-size: var(--icon-smaller-font-size);
        line-height: var(--icon-smaller-width);
        -webkit-transition: color var(--time-hover) ease-in-out;
        -o-transition: color var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out
    }

    .controller-wkexpense.action-edit a[href*="format=csv"]:before, .controller-wkexpense.action-edit a[href*="javascript:deleteRow"]:before, .controller-wkexpense.action-edit a[href*="javascript:showclkDialog"]:before, .controller-wktime.action-edit a[href*="format=csv"]:before, .controller-wktime.action-edit a[href*="javascript:deleteRow"]:before, .controller-wktime.action-edit a[href*="javascript:showclkDialog"]:before {
        content: '';
        display: block;
        clear: both;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: var(--icon_bg);
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        z-index: -1;
        border-radius: var(--icon-border-radius);
        -webkit-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        -o-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        -webkit-transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
        transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
        transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
    }

    .controller-wkexpense.action-edit a[href*="format=csv"]:hover, .controller-wkexpense.action-edit a[href*="javascript:deleteRow"]:hover, .controller-wkexpense.action-edit a[href*="javascript:showclkDialog"]:hover, .controller-wktime.action-edit a[href*="format=csv"]:hover, .controller-wktime.action-edit a[href*="javascript:deleteRow"]:hover, .controller-wktime.action-edit a[href*="javascript:showclkDialog"]:hover {
        color: var(--icon-color-hover)
    }

        .controller-wkexpense.action-edit a[href*="format=csv"]:hover:before, .controller-wkexpense.action-edit a[href*="javascript:deleteRow"]:hover:before, .controller-wkexpense.action-edit a[href*="javascript:showclkDialog"]:hover:before, .controller-wktime.action-edit a[href*="format=csv"]:hover:before, .controller-wktime.action-edit a[href*="javascript:deleteRow"]:hover:before, .controller-wktime.action-edit a[href*="javascript:showclkDialog"]:hover:before {
            background: var(--icon_bg_hover);
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1)
        }

    .controller-wkexpense.action-edit a[href*="format=csv"] img, .controller-wkexpense.action-edit a[href*="javascript:deleteRow"] img, .controller-wkexpense.action-edit a[href*="javascript:showclkDialog"] img, .controller-wktime.action-edit a[href*="format=csv"] img, .controller-wktime.action-edit a[href*="javascript:deleteRow"] img, .controller-wktime.action-edit a[href*="javascript:showclkDialog"] img {
        display: none
    }

    .controller-wkexpense.action-edit a[href*="format=csv"][href*="javascript:deleteRow"]:after, .controller-wkexpense.action-edit a[href*="javascript:deleteRow"][href*="javascript:deleteRow"]:after, .controller-wkexpense.action-edit a[href*="javascript:showclkDialog"][href*="javascript:deleteRow"]:after, .controller-wktime.action-edit a[href*="format=csv"][href*="javascript:deleteRow"]:after, .controller-wktime.action-edit a[href*="javascript:deleteRow"][href*="javascript:deleteRow"]:after, .controller-wktime.action-edit a[href*="javascript:showclkDialog"][href*="javascript:deleteRow"]:after {
        content: "\E030"
    }

    .controller-wkexpense.action-edit a[href*="javascript:showclkDialog"]:after, .controller-wktime.action-edit a[href*="javascript:showclkDialog"]:after {
        content: "\E0BA"
    }

.controller-wkexpense.action-edit #content .contextual a.icon-time-add:after, .controller-wktime.action-edit #content .contextual a.icon-time-add:after {
    content: "\E075"
}

.controller-wkexpense.action-edit a[href*="format=csv"], .controller-wktime.action-edit a[href*="format=csv"] {
    width: var(--icon-width);
    height: var(--icon-width)
}

    .controller-wkexpense.action-edit a[href*="format=csv"]:before, .controller-wktime.action-edit a[href*="format=csv"]:before {
        width: var(--icon-width);
        height: var(--icon-width);
        background: var(--icon_bg-bg)
    }

    .controller-wkexpense.action-edit a[href*="format=csv"]:after, .controller-wktime.action-edit a[href*="format=csv"]:after {
        width: var(--icon-width);
        height: var(--icon-width);
        content: "\E02C";
        color: var(--icon-color-bg)
    }

    .controller-wkexpense.action-edit a[href*="format=csv"]:hover:after, .controller-wktime.action-edit a[href*="format=csv"]:hover:after {
        color: var(--icon-color-hover-bg)
    }

.controller-wkexpense.action-edit #content form .jcf-select, .controller-wkexpense.action-edit #content form input[type=date], .controller-wkexpense.action-edit #content form input[type=email], .controller-wkexpense.action-edit #content form input[type=number], .controller-wkexpense.action-edit #content form input[type=password], .controller-wkexpense.action-edit #content form input[type=text], .controller-wkexpense.action-edit #content form input[type=url], .controller-wkexpense.action-edit #content form textarea, .controller-wktime.action-edit #content form .jcf-select, .controller-wktime.action-edit #content form input[type=date], .controller-wktime.action-edit #content form input[type=email], .controller-wktime.action-edit #content form input[type=number], .controller-wktime.action-edit #content form input[type=password], .controller-wktime.action-edit #content form input[type=text], .controller-wktime.action-edit #content form input[type=url], .controller-wktime.action-edit #content form textarea {
    min-width: 100%
}

.controller-wkexpense.action-edit div.ui-dialog, .controller-wktime.action-edit div.ui-dialog {
    width: 300px !important;
    height: auto !important;
    overflow: hidden !important
}

    .controller-wkexpense.action-edit div.ui-dialog input[type=text], .controller-wktime.action-edit div.ui-dialog input[type=text] {
        max-width: 100%;
        min-width: 100%
    }

.controller-wkexpense.action-edit div[id*=clockInOut-dlg], .controller-wktime.action-edit div[id*=clockInOut-dlg] {
    background: var(--bg-box)
}

    .controller-wkexpense.action-edit div[id*=clockInOut-dlg] label, .controller-wktime.action-edit div[id*=clockInOut-dlg] label {
        font-size: .85714286rem;
        line-height: .85714286rem
    }

    .controller-wkexpense.action-edit div[id*=clockInOut-dlg] fieldset, .controller-wktime.action-edit div[id*=clockInOut-dlg] fieldset {
        border: 0;
        padding: 0
    }

    .controller-wkexpense.action-edit div[id*=clockInOut-dlg] p, .controller-wktime.action-edit div[id*=clockInOut-dlg] p {
        font-size: .85714286rem;
        line-height: .85714286rem;
        font-weight: 700
    }

.controller-wkpayroll a[href*="javascript:payrollFormSubmission(true)"]:after {
    content: "\E070"
}

.controller-wkpayroll a.icon[href*="javascript:payrollFormSubmission(false)"]:after {
    content: "\E092"
}

.controller-wksurvey.action-user_survey #main > #content span.pagination {
    position: relative;
    margin-top: 20px
}

.controller-wksurvey.action-user_survey #content > .autoscroll .contextual {
    margin-bottom: 20px
}

.controller-wkscheduling.action-index #schedule_form .box > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.controller-wkscheduling.action-index #schedule_form .box > p {
    padding: 0 !important
}

.controller-wkscheduling.action-index #schedule_form .jcf-select {
    max-width: 150px
}

.controller-wkattendance #content div[style*="float:left"] {
    width: 100%
}

.controller-wkattendance #content p[style*="90px"] {
    padding: 0 !important;
    float: none !important
}

.controller-wkpublicholiday.action-index .wk-contextual {
    margin: 0 0 20px !important
}

.controller-wkpublicholiday.action-index #query_form fieldset {
    font-size: 0
}

.controller-wkpublicholiday.action-index #main .flex-form a.icon {
    margin-bottom: 0 !important;
    margin-top: 0 !important
}

.controller-wkattendance.action-clockindex #main #date-range {
    margin-top: 20px !important
}

.controller-wkattendance.action-clockindex #main .icon-checked {
    margin-left: 0 !important
}

.controller-wkpayroll.action-payrollsettings #main .contextual:not(.next-prev-links) .drdn-items, .controller-wkpayroll.action-usrsettingsindex #main .contextual:not(.next-prev-links) .drdn-items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

.controller-wkpayroll.action-payrollsettings #main .contextual:not(.next-prev-links) .drdn-content, .controller-wkpayroll.action-usrsettingsindex #main .contextual:not(.next-prev-links) .drdn-content {
    border-color: var(--border-color-content);
    border-radius: 0
}

    .controller-wkpayroll.action-payrollsettings #main .contextual:not(.next-prev-links) .drdn-content a:not(#show_note_form_extras), .controller-wkpayroll.action-usrsettingsindex #main .contextual:not(.next-prev-links) .drdn-content a:not(#show_note_form_extras) {
        background-image: none;
        background-color: var(--bg-fff);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        font-size: .85714286rem;
        line-height: 1.4;
        height: auto !important;
        min-height: auto !important;
        width: 100% !important;
        min-width: 100% !important;
        color: var(--text-color-main);
        border: 0 !important;
        padding: 4px 5px 4px 5px;
        background-image: none !important;
        border-radius: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        overflow: hidden;
        z-index: 2;
        -webkit-transition: color var(--time-hover) ease-in-out;
        -o-transition: color var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out
    }

        .controller-wkpayroll.action-payrollsettings #main .contextual:not(.next-prev-links) .drdn-content a:not(#show_note_form_extras):after, .controller-wkpayroll.action-usrsettingsindex #main .contextual:not(.next-prev-links) .drdn-content a:not(#show_note_form_extras):after {
            position: absolute;
            top: 50%;
            margin: -10px 0 0;
            left: 5px;
            display: block;
            clear: both;
            height: var(--icon-width-small);
            width: var(--icon-width-small);
            overflow: hidden;
            border-radius: var(--icon-border-radius);
            z-index: 1;
            font-family: var(--icon-font);
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-style: normal;
            font-variant: normal;
            font-weight: 400;
            text-decoration: none;
            text-transform: none;
            font-size: var(--icon-font-size-small);
            line-height: var(--icon-width-small);
            color: var(--icon-color);
            -webkit-transition: color var(--time-hover) ease-in-out;
            -o-transition: color var(--time-hover) ease-in-out;
            transition: color var(--time-hover) ease-in-out
        }

        .controller-wkpayroll.action-payrollsettings #main .contextual:not(.next-prev-links) .drdn-content a:not(#show_note_form_extras):before, .controller-wkpayroll.action-usrsettingsindex #main .contextual:not(.next-prev-links) .drdn-content a:not(#show_note_form_extras):before {
            content: '';
            display: block;
            clear: both;
            position: absolute;
            top: 0;
            left: auto;
            right: 0;
            width: 0;
            height: 100%;
            background: var(--icon_bg);
            z-index: -1;
            border-radius: 0;
            -webkit-transition: width var(--time-hover) ease-in-out;
            -o-transition: width var(--time-hover) ease-in-out;
            transition: width var(--time-hover) ease-in-out;
            margin: 0 !important
        }

        .controller-wkpayroll.action-payrollsettings #main .contextual:not(.next-prev-links) .drdn-content a:not(#show_note_form_extras):hover, .controller-wkpayroll.action-usrsettingsindex #main .contextual:not(.next-prev-links) .drdn-content a:not(#show_note_form_extras):hover {
            text-decoration: none;
            color: var(--icon-color-hover);
            border: 0
        }

            .controller-wkpayroll.action-payrollsettings #main .contextual:not(.next-prev-links) .drdn-content a:not(#show_note_form_extras):hover:after, .controller-wkpayroll.action-usrsettingsindex #main .contextual:not(.next-prev-links) .drdn-content a:not(#show_note_form_extras):hover:after {
                color: var(--icon-color-hover)
            }

            .controller-wkpayroll.action-payrollsettings #main .contextual:not(.next-prev-links) .drdn-content a:not(#show_note_form_extras):hover:before, .controller-wkpayroll.action-usrsettingsindex #main .contextual:not(.next-prev-links) .drdn-content a:not(#show_note_form_extras):hover:before {
                width: 100%;
                background: var(--icon_bg_hover)
            }

        .controller-wkpayroll.action-payrollsettings #main .contextual:not(.next-prev-links) .drdn-content a:not(#show_note_form_extras).disabled, .controller-wkpayroll.action-usrsettingsindex #main .contextual:not(.next-prev-links) .drdn-content a:not(#show_note_form_extras).disabled {
            color: var(--icon-color-disabled);
            border: 0
        }

            .controller-wkpayroll.action-payrollsettings #main .contextual:not(.next-prev-links) .drdn-content a:not(#show_note_form_extras).disabled:after, .controller-wkpayroll.action-usrsettingsindex #main .contextual:not(.next-prev-links) .drdn-content a:not(#show_note_form_extras).disabled:after {
                color: var(--icon-color-disabled)
            }

        .controller-wkpayroll.action-payrollsettings #main .contextual:not(.next-prev-links) .drdn-content a:not(#show_note_form_extras).disabled, .controller-wkpayroll.action-usrsettingsindex #main .contextual:not(.next-prev-links) .drdn-content a:not(#show_note_form_extras).disabled {
            color: var(--icon-color-disabled);
            background: var(--icon_bg-disabled)
        }

            .controller-wkpayroll.action-payrollsettings #main .contextual:not(.next-prev-links) .drdn-content a:not(#show_note_form_extras).disabled:after, .controller-wkpayroll.action-usrsettingsindex #main .contextual:not(.next-prev-links) .drdn-content a:not(#show_note_form_extras).disabled:after {
                color: var(--icon-color-disabled)
            }

            .controller-wkpayroll.action-payrollsettings #main .contextual:not(.next-prev-links) .drdn-content a:not(#show_note_form_extras).disabled:before, .controller-wkpayroll.action-usrsettingsindex #main .contextual:not(.next-prev-links) .drdn-content a:not(#show_note_form_extras).disabled:before {
                width: 100%;
                background: var(--icon_bg-disabled)
            }

            .controller-wkpayroll.action-payrollsettings #main .contextual:not(.next-prev-links) .drdn-content a:not(#show_note_form_extras).disabled:hover, .controller-wkpayroll.action-usrsettingsindex #main .contextual:not(.next-prev-links) .drdn-content a:not(#show_note_form_extras).disabled:hover {
                color: var(--icon-color-disabled);
                background: var(--icon_bg-disabled)
            }

.controller-wkpayroll.action-payrollsettings #main .autoscroll, .controller-wkpayroll.ction-usrsettingsindex #main .autoscroll {
    overflow: hidden
}

.controller-wkpayroll.action-index #query_form p.buttons {
    margin: 0 0 10px
}

.controller-wkpayroll.action-usrsettingsindex .table-wrapper {
    margin: 0 0 30px
}

    .controller-wkpayroll.action-usrsettingsindex .table-wrapper thead th {
        border-top: 0 !important
    }

    .controller-wkpayroll.action-usrsettingsindex .table-wrapper th {
        position: static;
        border-top: 1px solid var(--border-color-content);
        border-bottom: 0 !important
    }

    .controller-wkpayroll.action-usrsettingsindex .table-wrapper td {
        border-top: 1px solid var(--border-color-content) !important
    }

.controller-wkpayroll.action-usrsettingsindex a[href*="/wkpayroll/user_salary_settings"]:after {
    content: "\E03F"
}

.controller-wkpayroll.action-usrsettingsindex .table-wrapper {
    overflow: hidden
}

.controller-wkshift.action-index #main > #content span.pagination, .controller-wkunitofmeasurement.action-index #main > #content span.pagination {
    bottom: -60px
}

.controller-wkproduct.action-category #main > #content span.pagination {
    bottom: -60px
}

.controller-wkcrmaccount.action-edit .exceptionstable:not(.list), .controller-wkcrmcontact.action-edit .exceptionstable:not(.list) {
    display: block
}

    .controller-wkcrmaccount.action-edit .exceptionstable:not(.list) tbody, .controller-wkcrmcontact.action-edit .exceptionstable:not(.list) tbody {
        display: block
    }

    .controller-wkcrmaccount.action-edit .exceptionstable:not(.list) tr, .controller-wkcrmcontact.action-edit .exceptionstable:not(.list) tr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 0 10px
    }

    .controller-wkcrmaccount.action-edit .exceptionstable:not(.list) th, .controller-wkcrmcontact.action-edit .exceptionstable:not(.list) th {
        width: 295px;
        min-width: 295px
    }

    .controller-wkcrmaccount.action-edit .exceptionstable:not(.list) td, .controller-wkcrmcontact.action-edit .exceptionstable:not(.list) td {
        padding: 0 !important;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

.controller-wkcrmcontact.action-edit #content form input[type=text] {
    margin: 0 0 10px !important
}

.controller-wkcrmcontact.action-edit #content form .jcf-select {
    margin: 0 0 10px !important
}

.controller-wkcrmcontact.action-edit #main #content .splitcontentright .splitcontentleft {
    max-width: 100%;
    width: 100%;
    padding: 0 !important
}

.controller-wkcrmcontact.action-edit #query_form .exceptionstable {
    margin: 0
}

.controller-wkcrmcontact.action-edit #query_form .splitcontentleft {
    margin: 0 !important
}

.controller-wkcrmcontact.action-edit #query_form table td {
    padding: 0 !important
}

.controller-wkpayroll.action-user_salary_settings #query_form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .controller-wkpayroll.action-user_salary_settings #query_form fieldset:not(.box) {
        float: none !important;
        width: 100% !important;
        background: 0 0 !important;
        margin: 0 0 20px !important;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }

    .controller-wkpayroll.action-user_salary_settings #query_form .exceptionstable {
        width: 100%;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }

    .controller-wkpayroll.action-user_salary_settings #query_form .box {
        width: 100% !important;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }

    .controller-wkpayroll.action-user_salary_settings #query_form div[style*="padding-right:50px;"], .controller-wkpayroll.action-user_salary_settings #query_form span[style*="margin-left:25.0em;"] {
        width: 100% !important;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        margin: 0 !important;
        padding: 0 !important
    }

.controller-wkpayroll.action-payrollsettings fieldset {
    color: var(--text-color-main);
    overflow: hidden;
    position: relative;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
    margin: 0 0 20px;
    border: none;
    background: var(--bg-box);
    border-radius: var(--border-radius)
}

    .controller-wkpayroll.action-payrollsettings fieldset table {
        width: 100%;
        table-layout: fixed
    }

        .controller-wkpayroll.action-payrollsettings fieldset table td {
            padding: 0 0 10px !important
        }

            .controller-wkpayroll.action-payrollsettings fieldset table td:first-child {
                width: 295px
            }

            .controller-wkpayroll.action-payrollsettings fieldset table td:last-child {
                font-size: 0;
                line-height: 0
            }

        .controller-wkpayroll.action-payrollsettings fieldset table a {
            padding: 8px 30px;
            font-size: 1rem;
            line-height: 1rem;
            -webkit-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            -o-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            border-radius: var(--border-radius);
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            background: var(--button-main-bg-bg);
            border: none;
            color: var(--button-main-color-bg);
            display: inline-block;
            vertical-align: top;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            font-weight: var(--button-font-weight);
            margin: 0 10px 0 0 !important
        }

            .controller-wkpayroll.action-payrollsettings fieldset table a:hover {
                background: var(--button-main-bg-hover-bg);
                color: var(--button-main-color-hover-bg);
                text-decoration: none
            }

.controller-wklead.action-edit .exceptionstable:not(.list) {
    table-layout: fixed;
    width: 100%
}

    .controller-wklead.action-edit .exceptionstable:not(.list) th {
        width: 285px;
        padding: 0 10px 10px 0 !important
    }

    .controller-wklead.action-edit .exceptionstable:not(.list) td {
        padding: 0 0 10px !important
    }

    .controller-wklead.action-edit .exceptionstable:not(.list) .jcf-select, .controller-wklead.action-edit .exceptionstable:not(.list) input[type=text] {
        margin: 0 !important
    }

.controller-wklead.action-edit .splitcontentright .splitcontentleft {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important
}

.controller-wklead.action-index .jcf-select {
    min-width: 100px
}

.controller-wkcrmactivity.action-edit td[style*=padding-left], .controller-wkcrmactivity.action-edit th[style*=padding-left], .controller-wkopportunity.action-edit td[style*=padding-left], .controller-wkopportunity.action-edit th[style*=padding-left] {
    padding-left: 0 !important
}

.controller-wkcrmactivity.action-edit td[style*=padding-left], .controller-wkopportunity.action-edit td[style*=padding-left] {
    width: calc(100% - 295px)
}

.controller-wkcrmactivity.action-edit #content form input[type=text], .controller-wkcrmactivity.action-edit #content form textarea, .controller-wkopportunity.action-edit #content form input[type=text], .controller-wkopportunity.action-edit #content form textarea {
    width: 100% !important;
    min-width: 100% !important
}

    .controller-wkcrmactivity.action-edit #content form input[type=text] ~ *, .controller-wkcrmactivity.action-edit #content form textarea ~ *, .controller-wkopportunity.action-edit #content form input[type=text] ~ *, .controller-wkopportunity.action-edit #content form textarea ~ * {
        margin-top: 5px
    }

.controller-wkcrmactivity.action-edit .exceptionstable, .controller-wkopportunity.action-edit .exceptionstable {
    display: block;
    width: 100%;
    margin: 0 !important
}

    .controller-wkcrmactivity.action-edit .exceptionstable .jcf-select ~ * .select2 ~ *, .controller-wkopportunity.action-edit .exceptionstable .jcf-select ~ * .select2 ~ * {
        margin: 5px 0 0 !important
    }

    .controller-wkcrmactivity.action-edit .exceptionstable tbody, .controller-wkopportunity.action-edit .exceptionstable tbody {
        display: block;
        width: 100%
    }

    .controller-wkcrmactivity.action-edit .exceptionstable tr, .controller-wkopportunity.action-edit .exceptionstable tr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding: 0
    }

        .controller-wkcrmactivity.action-edit .exceptionstable tr:first-child, .controller-wkopportunity.action-edit .exceptionstable tr:first-child {
            padding: 0
        }

        .controller-wkcrmactivity.action-edit .exceptionstable tr th, .controller-wkopportunity.action-edit .exceptionstable tr th {
            width: 295px;
            padding: 0 10px 0 0;
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            min-width: 295px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

        .controller-wkcrmactivity.action-edit .exceptionstable tr td, .controller-wkopportunity.action-edit .exceptionstable tr td {
            padding: 0 0 10px !important;
            -webkit-box-flex: 1;
            -ms-flex: 1 0 auto;
            flex: 1 0 auto
        }

            .controller-wkcrmactivity.action-edit .exceptionstable tr td:empty, .controller-wkopportunity.action-edit .exceptionstable tr td:empty {
                display: none !important
            }

            .controller-wkcrmactivity.action-edit .exceptionstable tr td + td, .controller-wkopportunity.action-edit .exceptionstable tr td + td {
                padding-left: 295px !important;
                width: 100%;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-sizing: border-box;
                box-sizing: border-box
            }

                .controller-wkcrmactivity.action-edit .exceptionstable tr td + td .jcf-select, .controller-wkopportunity.action-edit .exceptionstable tr td + td .jcf-select {
                    margin-right: 10px;
                    min-width: 100px
                }

                    .controller-wkcrmactivity.action-edit .exceptionstable tr td + td .jcf-select ~ .jcf-select, .controller-wkopportunity.action-edit .exceptionstable tr td + td .jcf-select ~ .jcf-select {
                        margin-right: 0;
                        margin-left: 10px !important;
                        margin-top: 0 !important
                    }

                    .controller-wkcrmactivity.action-edit .exceptionstable tr td + td .jcf-select:last-child, .controller-wkopportunity.action-edit .exceptionstable tr td + td .jcf-select:last-child {
                        margin-right: 0
                    }

    .controller-wkcrmactivity.action-edit .exceptionstable label, .controller-wkopportunity.action-edit .exceptionstable label {
        margin-left: 0 !important;
        text-align: left !important
    }

.controller-wkcrmactivity.action-index #query_form p.buttons, .controller-wkopportunity.action-index #query_form p.buttons {
    margin: 0 0 20px
}

body[class*=controller-wk] #accordion {
    padding: 10px 0
}

    body[class*=controller-wk] #accordion .ui-accordion-header {
        background: var(--drop-bg);
        color: var(--drop-text-color);
        width: 100%;
        padding: 0 20px 0 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 40px;
        top: 0;
        left: 0;
        font-weight: 600;
        font-size: 1rem;
        line-height: 1.4;
        border-radius: var(--border-radius);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        cursor: pointer;
        text-indent: 0;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        -webkit-transition: transform var(--time-hover) ease-in-out;
        -o-transition: transform var(--time-hover) ease-in-out;
        -webkit-transition: -webkit-transform var(--time-hover) ease-in-out;
        transition: -webkit-transform var(--time-hover) ease-in-out;
        transition: transform var(--time-hover) ease-in-out;
        transition: transform var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
        border: 0;
        outline: 0;
        margin: 0 0 10px
    }

        body[class*=controller-wk] #accordion .ui-accordion-header:hover .ui-accordion-header-icon:after {
            color: var(--drop-text-color-hover)
        }

        body[class*=controller-wk] #accordion .ui-accordion-header:hover .ui-accordion-header-icon:before {
            background: var(--drop-bg);
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1)
        }

        body[class*=controller-wk] #accordion .ui-accordion-header.ui-state-active .ui-accordion-header-icon {
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg)
        }

    body[class*=controller-wk] #accordion .ui-accordion-header-icon {
        position: absolute;
        top: 50%;
        left: 10px;
        margin: -15px 0 0;
        width: var(--icon-width);
        height: var(--icon-width);
        -webkit-transition: transform var(--time-hover) ease-in-out;
        -o-transition: transform var(--time-hover) ease-in-out;
        -webkit-transition: -webkit-transform var(--time-hover) ease-in-out;
        transition: -webkit-transform var(--time-hover) ease-in-out;
        transition: transform var(--time-hover) ease-in-out;
        transition: transform var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
        color: var(--drop-icon-color);
        background: 0 0;
        text-indent: 0 !important
    }

        body[class*=controller-wk] #accordion .ui-accordion-header-icon:after {
            content: "\E07D";
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            clear: both;
            height: var(--icon-width);
            width: var(--icon-width);
            margin: 0;
            overflow: hidden;
            border-radius: var(--icon-border-radius);
            -webkit-transition: color var(--time-hover) ease-in-out,transform var(--time-hover) ease-in-out;
            -o-transition: color var(--time-hover) ease-in-out,transform var(--time-hover) ease-in-out;
            -webkit-transition: color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
            transition: color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
            transition: color var(--time-hover) ease-in-out,transform var(--time-hover) ease-in-out;
            transition: color var(--time-hover) ease-in-out,transform var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
            z-index: 1;
            opacity: 1;
            font-family: var(--icon-font);
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-style: normal;
            font-variant: normal;
            font-weight: 400;
            text-decoration: none;
            text-transform: none;
            font-size: 30px;
            line-height: var(--icon-width);
            color: var(--drop-icon-color)
        }

        body[class*=controller-wk] #accordion .ui-accordion-header-icon:before {
            content: '';
            display: block;
            clear: both;
            position: absolute;
            top: 0;
            left: 0;
            height: var(--icon-width);
            width: var(--icon-width);
            background: var(--drop-bg);
            -webkit-transform: scale(0);
            -ms-transform: scale(0);
            transform: scale(0);
            z-index: 0;
            border-radius: var(--icon-border-radius);
            -webkit-transition: transform var(--time-hover) ease-in-out;
            -o-transition: transform var(--time-hover) ease-in-out;
            -webkit-transition: -webkit-transform var(--time-hover) ease-in-out;
            transition: -webkit-transform var(--time-hover) ease-in-out;
            transition: transform var(--time-hover) ease-in-out;
            transition: transform var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
        }

    body[class*=controller-wk] #accordion .ui-accordion-content {
        margin: 0 0 20px;
        background: 0 0;
        padding: 0;
        border: 0
    }

        body[class*=controller-wk] #accordion .ui-accordion-content .surveyquestions {
            padding: 20px;
            border: 0;
            border-radius: var(--border-radius);
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            background: var(--bg-box);
            margin: 0 0 15px
        }

body[class*=controller-wk] .contextual {
    margin-bottom: 10px !important
}

.controller-wkinvoice.action-new .exceptionstable ~ .exceptionstable {
    margin-top: 20px;
    width: 100%;
    table-layout: fixed
}

    .controller-wkinvoice.action-new .exceptionstable ~ .exceptionstable th {
        min-width: 295px
    }

    .controller-wkinvoice.action-new .exceptionstable ~ .exceptionstable td {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        width: 100%;
        padding-left: 0 !important
    }

.controller-wkinvoice.action-edit #main #content #query_form .wk-contextual ~ h2 {
    margin: 30px 0 10px;
    padding: 10px 0;
    font-size: 1.1428rem;
    line-height: 1.28571429rem;
    width: 100%
}

.controller-wkinvoice.action-edit #main #content .wk-contextual {
    padding: 0;
    position: relative;
    margin: 0 0 20px
}

    .controller-wkinvoice.action-edit #main #content .wk-contextual:after {
        content: '';
        display: block;
        clear: both;
        width: 100%
    }

    .controller-wkinvoice.action-edit #main #content .wk-contextual h2 {
        margin: 0;
        padding: 10px 0;
        font-size: 1.1428rem;
        line-height: 1.28571429rem;
        width: 100%
    }

    .controller-wkinvoice.action-edit #main #content .wk-contextual a {
        position: absolute;
        top: 50%;
        right: 0;
        margin-top: -13px
    }

.controller-wkinvoice.action-edit #content form input[type=submit] + a.icon-report {
    background: 0 0
}

.controller-wkinvoice.action-edit table.list#roundOffTable, .controller-wkinvoice.action-edit table.list#taxTable {
    border-radius: 0;
    border-left: 0;
    border-right: 0
}

    .controller-wkinvoice.action-edit table.list#roundOffTable td, .controller-wkinvoice.action-edit table.list#taxTable td {
        padding-right: 14px !important
    }

        .controller-wkinvoice.action-edit table.list#roundOffTable td:empty, .controller-wkinvoice.action-edit table.list#taxTable td:empty {
            display: none
        }

.controller-wkinvoice.action-edit table.list#taxTable {
    margin-bottom: 0;
    border-bottom: 0
}

.controller-wkinvoice.action-edit #invsubtotal {
    padding: 5px 5px 5px 0 !important
}

.controller-wkinvoice.action-edit #query_form > br {
    display: none
}

.controller-wkinvoice.action-edit #query_form .autoscroll .list {
    margin-bottom: 0
}

    .controller-wkinvoice.action-edit #query_form .autoscroll .list#roundOffTable {
        margin-bottom: 20px
    }

.controller-wkinvoice.action-edit .jcf-select, .controller-wkinvoice.action-edit .period_picker_input {
    width: auto;
    margin: 0 0 0 5px
}

.controller-wkinvoice.action-index #content fieldset:not(.box) {
    margin: 0
}

.controller-issues.action-new #main #issue-form #all_attributes .box.tabular {
    padding: 32px 0 20px;
    margin: 0
}

    .controller-issues.action-new #main #issue-form #all_attributes .box.tabular legend {
        left: 0;
        top: 0
    }

    .controller-issues.action-new #main #issue-form #all_attributes .box.tabular label {
        margin: 0 10px 0 0;
        min-width: 285px;
        width: 285px;
        text-align: left
    }

.controller-issues.action-new #main #issue-form #all_attributes table {
    padding: 0 !important;
    width: 100%;
    display: block
}

    .controller-issues.action-new #main #issue-form #all_attributes table tbody {
        display: block
    }

    .controller-issues.action-new #main #issue-form #all_attributes table tr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .controller-issues.action-new #main #issue-form #all_attributes table th {
        min-width: 295px;
        width: 285px;
        padding: 0 10px 0 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        .controller-issues.action-new #main #issue-form #all_attributes table th + td {
            width: auto;
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            margin: 0
        }

    .controller-issues.action-new #main #issue-form #all_attributes table td {
        margin: 0 0 10px;
        width: 100%;
        padding: 0 !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }

.controller-issues.action-new #main #issue-form .autoscroll {
    overflow: hidden;
    padding: 0
}

.controller-wkpayment.action-edit input[type=submit] {
    margin-top: 20px !important
}

.controller-wkpayment.action-edit table:not(.list) {
    width: 100%;
    table-layout: fixed;
    border-spacing: 0
}

    .controller-wkpayment.action-edit table:not(.list) td {
        padding: 0 0 10px 5px !important
    }

    .controller-wkpayment.action-edit table:not(.list) th {
        padding: 0 0 10px 5px !important
    }

        .controller-wkpayment.action-edit table:not(.list) th:nth-of-type(1) {
            padding: 0 0 10px !important
        }

    .controller-wkpayment.action-edit table:not(.list) textarea {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important
    }

.controller-wkpayment.action-edit table.list th {
    border-bottom: 0
}

.controller-wkcontract.action-edit .exceptionstable {
    width: 100%;
    table-layout: fixed
}

    .controller-wkcontract.action-edit .exceptionstable th {
        width: 285px;
        padding: 0 10px 0 0
    }

    .controller-wkcontract.action-edit .exceptionstable td {
        padding-left: 0 !important
    }

.controller-wkcontract.action-edit #content form .tabular p {
    padding: 0 !important
}

.controller-wkcontract.action-edit #main > #content .splitcontentleft {
    float: none;
    width: 100%;
    padding: 0;
    max-width: 100%
}

.controller-wkgltransaction.action-index .autoscroll {
    margin-bottom: 30px
}

.controller-wkgltransaction.action-index #query_form .wk-contextual {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1rem;
    line-height: 1.4;
    color: var(--text-color-main);
    margin-bottom: 0
}

    .controller-wkgltransaction.action-index #query_form .wk-contextual label {
        margin: 0 5px 0 0 !important;
        padding-top: 0
    }

    .controller-wkgltransaction.action-index #query_form .wk-contextual .jcf-select {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

        .controller-wkgltransaction.action-index #query_form .wk-contextual .jcf-select ~ .jcf-select {
            margin-left: 0 !important
        }

.controller-wkgltransaction.action-edit #main > #content {
    padding-top: 30px
}

    .controller-wkgltransaction.action-edit #main > #content:after {
        top: 0;
        height: 100%
    }

.controller-wkgltransaction.action-edit .wk-contextual {
    margin-top: 0
}

.controller-wkledger.action-index #query_form .exceptionstable {
    margin: 0
}

.controller-wkledger.action-edit #query_form .exceptionstable {
    width: 100%;
    display: block;
    margin: 0
}

    .controller-wkledger.action-edit #query_form .exceptionstable tbody {
        display: block
    }

    .controller-wkledger.action-edit #query_form .exceptionstable tr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 10px 0 0
    }

        .controller-wkledger.action-edit #query_form .exceptionstable tr:first-child {
            padding: 0
        }

    .controller-wkledger.action-edit #query_form .exceptionstable th {
        width: 285px;
        padding: 0 10px 0 0
    }

    .controller-wkledger.action-edit #query_form .exceptionstable td {
        padding: 0 !important;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .controller-wkledger.action-edit #query_form .exceptionstable #opening_balance {
        margin: 0 0 0 10px
    }

.controller-wkledger.action-edit .autoscroll {
    overflow: visible
}

.controller-wkasset.action-edit #query_form .exceptionstable, .controller-wkcrmenumeration.action-edit #query_form .exceptionstable, .controller-wkleaverequest.action-edit #query_form .exceptionstable, .controller-wklocation.action-edit #query_form .exceptionstable, .controller-wkproduct.action-edit #query_form .exceptionstable, .controller-wkproductitem.action-edit #query_form .exceptionstable, .controller-wksupplieraccount.action-edit #query_form .exceptionstable, .controller-wksuppliercontact.action-edit #query_form .exceptionstable, .controller-wksurvey.action-edit #query_form .exceptionstable {
    width: 100%;
    display: block;
    margin: 0
}

    .controller-wkasset.action-edit #query_form .exceptionstable tbody, .controller-wkcrmenumeration.action-edit #query_form .exceptionstable tbody, .controller-wkleaverequest.action-edit #query_form .exceptionstable tbody, .controller-wklocation.action-edit #query_form .exceptionstable tbody, .controller-wkproduct.action-edit #query_form .exceptionstable tbody, .controller-wkproductitem.action-edit #query_form .exceptionstable tbody, .controller-wksupplieraccount.action-edit #query_form .exceptionstable tbody, .controller-wksuppliercontact.action-edit #query_form .exceptionstable tbody, .controller-wksurvey.action-edit #query_form .exceptionstable tbody {
        display: block
    }

    .controller-wkasset.action-edit #query_form .exceptionstable tr, .controller-wkcrmenumeration.action-edit #query_form .exceptionstable tr, .controller-wkleaverequest.action-edit #query_form .exceptionstable tr, .controller-wklocation.action-edit #query_form .exceptionstable tr, .controller-wkproduct.action-edit #query_form .exceptionstable tr, .controller-wkproductitem.action-edit #query_form .exceptionstable tr, .controller-wksupplieraccount.action-edit #query_form .exceptionstable tr, .controller-wksuppliercontact.action-edit #query_form .exceptionstable tr, .controller-wksurvey.action-edit #query_form .exceptionstable tr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 10px 0 0
    }

        .controller-wkasset.action-edit #query_form .exceptionstable tr:first-child, .controller-wkcrmenumeration.action-edit #query_form .exceptionstable tr:first-child, .controller-wkleaverequest.action-edit #query_form .exceptionstable tr:first-child, .controller-wklocation.action-edit #query_form .exceptionstable tr:first-child, .controller-wkproduct.action-edit #query_form .exceptionstable tr:first-child, .controller-wkproductitem.action-edit #query_form .exceptionstable tr:first-child, .controller-wksupplieraccount.action-edit #query_form .exceptionstable tr:first-child, .controller-wksuppliercontact.action-edit #query_form .exceptionstable tr:first-child, .controller-wksurvey.action-edit #query_form .exceptionstable tr:first-child {
            padding: 0
        }

    .controller-wkasset.action-edit #query_form .exceptionstable th, .controller-wkcrmenumeration.action-edit #query_form .exceptionstable th, .controller-wkleaverequest.action-edit #query_form .exceptionstable th, .controller-wklocation.action-edit #query_form .exceptionstable th, .controller-wkproduct.action-edit #query_form .exceptionstable th, .controller-wkproductitem.action-edit #query_form .exceptionstable th, .controller-wksupplieraccount.action-edit #query_form .exceptionstable th, .controller-wksuppliercontact.action-edit #query_form .exceptionstable th, .controller-wksurvey.action-edit #query_form .exceptionstable th {
        width: 285px;
        padding: 0 10px 0 0;
        min-width: 285px
    }

    .controller-wkasset.action-edit #query_form .exceptionstable td, .controller-wkcrmenumeration.action-edit #query_form .exceptionstable td, .controller-wkleaverequest.action-edit #query_form .exceptionstable td, .controller-wklocation.action-edit #query_form .exceptionstable td, .controller-wkproduct.action-edit #query_form .exceptionstable td, .controller-wkproductitem.action-edit #query_form .exceptionstable td, .controller-wksupplieraccount.action-edit #query_form .exceptionstable td, .controller-wksuppliercontact.action-edit #query_form .exceptionstable td, .controller-wksurvey.action-edit #query_form .exceptionstable td {
        padding: 0 !important;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

.controller-wkasset.action-edit #main > #content .splitcontentright .splitcontentleft, .controller-wkcrmenumeration.action-edit #main > #content .splitcontentright .splitcontentleft, .controller-wkleaverequest.action-edit #main > #content .splitcontentright .splitcontentleft, .controller-wklocation.action-edit #main > #content .splitcontentright .splitcontentleft, .controller-wkproduct.action-edit #main > #content .splitcontentright .splitcontentleft, .controller-wkproductitem.action-edit #main > #content .splitcontentright .splitcontentleft, .controller-wksupplieraccount.action-edit #main > #content .splitcontentright .splitcontentleft, .controller-wksuppliercontact.action-edit #main > #content .splitcontentright .splitcontentleft, .controller-wksurvey.action-edit #main > #content .splitcontentright .splitcontentleft {
    padding: 0;
    width: 100%;
    max-width: 100%
}

.controller-wkquote.action-edit #query_form .box #end_date, .controller-wkquote.action-edit #query_form .box #start_date {
    opacity: 1
}

.controller-wkquote.action-edit #query_form .box .exceptionstable {
    width: 100%;
    display: block;
    margin: 0
}

    .controller-wkquote.action-edit #query_form .box .exceptionstable tbody {
        display: block
    }

    .controller-wkquote.action-edit #query_form .box .exceptionstable tr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 10px 0 0
    }

        .controller-wkquote.action-edit #query_form .box .exceptionstable tr:first-child {
            padding: 0
        }

    .controller-wkquote.action-edit #query_form .box .exceptionstable th {
        width: 285px;
        padding: 0 10px 0 0;
        min-width: 285px
    }

    .controller-wkquote.action-edit #query_form .box .exceptionstable td {
        padding: 0 !important;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

.controller-wkquote.action-edit #query_form .box table {
    width: 100%
}

.controller-wkquote.action-edit #query_form textarea {
    width: 100% !important
}

.controller-wkattributegroup.action-edit #query_form .exceptionstable, .controller-wkattributegroup.action-edit_product_attribute #query_form .exceptionstable, .controller-wkbrand.action-edit #query_form .exceptionstable, .controller-wkbrand.action-edit_product_model #query_form .exceptionstable {
    width: 100%;
    display: block;
    margin: 0
}

    .controller-wkattributegroup.action-edit #query_form .exceptionstable tbody, .controller-wkattributegroup.action-edit_product_attribute #query_form .exceptionstable tbody, .controller-wkbrand.action-edit #query_form .exceptionstable tbody, .controller-wkbrand.action-edit_product_model #query_form .exceptionstable tbody {
        display: block
    }

    .controller-wkattributegroup.action-edit #query_form .exceptionstable tr, .controller-wkattributegroup.action-edit_product_attribute #query_form .exceptionstable tr, .controller-wkbrand.action-edit #query_form .exceptionstable tr, .controller-wkbrand.action-edit_product_model #query_form .exceptionstable tr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 10px 0 0
    }

        .controller-wkattributegroup.action-edit #query_form .exceptionstable tr:first-child, .controller-wkattributegroup.action-edit_product_attribute #query_form .exceptionstable tr:first-child, .controller-wkbrand.action-edit #query_form .exceptionstable tr:first-child, .controller-wkbrand.action-edit_product_model #query_form .exceptionstable tr:first-child {
            padding: 0
        }

    .controller-wkattributegroup.action-edit #query_form .exceptionstable th, .controller-wkattributegroup.action-edit_product_attribute #query_form .exceptionstable th, .controller-wkbrand.action-edit #query_form .exceptionstable th, .controller-wkbrand.action-edit_product_model #query_form .exceptionstable th {
        width: 285px;
        padding: 0 10px 0 0
    }

    .controller-wkattributegroup.action-edit #query_form .exceptionstable td, .controller-wkattributegroup.action-edit_product_attribute #query_form .exceptionstable td, .controller-wkbrand.action-edit #query_form .exceptionstable td, .controller-wkbrand.action-edit_product_model #query_form .exceptionstable td {
        padding: 0 !important;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

.controller-wkproduct.action-edit #query_form .exceptionstable td:empty {
    display: none !important
}

.controller-wkproductitem.action-edit #main > #content .splitcontentleft {
    padding: 0;
    width: 100%;
    max-width: 100%
}

.controller-wkproductitem.action-edit input[type=submit] {
    float: left
}

.controller-wkproductitem.action-index #query_form jcf-select {
    margin-left: 10px !important
}

.controller-wkasset.action-edit #current_value, .controller-wkasset.action-edit #rate {
    margin-left: 10px
}

.controller-wkasset.action-edit #main > #content #product_item_form > .splitcontentleft {
    padding: 0;
    width: 100%;
    max-width: 100%
}

.controller-wkasset.action-edit input[type=submit] {
    float: left
}

.controller-wkasset.action-index .jcf-select {
    margin-left: 10px
}

.controller-wksurvey.action-edit #query_form .exceptionstable {
    width: 100%;
    display: block;
    margin: 0
}

    .controller-wksurvey.action-edit #query_form .exceptionstable tbody {
        display: block
    }

    .controller-wksurvey.action-edit #query_form .exceptionstable tr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 10px 0 0
    }

        .controller-wksurvey.action-edit #query_form .exceptionstable tr:first-child {
            padding: 0
        }

    .controller-wksurvey.action-edit #query_form .exceptionstable th {
        width: 285px;
        padding: 0 10px 0 0
    }

    .controller-wksurvey.action-edit #query_form .exceptionstable td {
        padding: 0 !important;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

.controller-wkassetdepreciation.action-index #query_form > fieldset > legend, .controller-wkproduct.action-index #query_form > fieldset > legend, .controller-wkshipment.action-index #query_form > fieldset > legend {
    padding: 0;
    font-weight: 700;
    margin: 0 0 20px;
    color: var(--color-main-color)
}

.controller-wkunitofmeasurement.action-index #main > #content > .wk-contextual {
    margin-bottom: 10px;
    text-align: right
}

.controller-wkunitofmeasurement.action-index #content form input[type=text] {
    width: 100% !important
}

.controller-wkunitofmeasurement.action-index #commit-keywords {
    margin-bottom: 0
}

.controller-wkattributegroup.action-index #query_form fieldset, .controller-wkbrand.action-index #query_form fieldset {
    border: 0;
    padding: 0;
    margin: 0 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.controller-wkattributegroup.action-index .time-entries, .controller-wkbrand.action-index .time-entries {
    margin-bottom: 30px
}

.controller-wkattributegroup.action-index #content form input[type=text], .controller-wkbrand.action-index #content form input[type=text] {
    width: auto;
    max-width: none;
    -webkit-box-flex: 0;
    -ms-flex: 0;
    flex: 0
}

.controller-wkattributegroup.action-edit #main #content #query_form + h2, .controller-wkbrand.action-edit #main #content #query_form + h2, .controller-wkquote.action-edit #main #content #query_form + h2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin: 20px 0
}

.controller-wkattributegroup.action-edit .time-entries, .controller-wkbrand.action-edit .time-entries, .controller-wkquote.action-edit .time-entries {
    margin: 0 0 30px
}

.controller-wkpurchaseorder.action-edit .time-entries, .controller-wkquote.action-edit .time-entries, .controller-wksupplierinvoice.action-edit .time-entries {
    margin: 0 0 30px
}

.controller-wkpurchaseorder.action-edit #main #content #query_form > table:not(.list) .jcf-select, .controller-wkquote.action-edit #main #content #query_form > table:not(.list) .jcf-select, .controller-wksupplierinvoice.action-edit #main #content #query_form > table:not(.list) .jcf-select {
    width: calc(100% - 20px);
    margin-left: 5px
}

.controller-wkpurchaseorder.action-edit #main #content #query_form > table:not(.list) input[id*=inv_date], .controller-wkquote.action-edit #main #content #query_form > table:not(.list) input[id*=inv_date], .controller-wksupplierinvoice.action-edit #main #content #query_form > table:not(.list) input[id*=inv_date] {
    width: 0 !important;
    height: 0 !important;
    border: 0 !important;
    padding: 0 !important;
    position: absolute;
    top: 0;
    left: 0
}

.controller-wkpurchaseorder.action-edit #main #content #query_form > table:not(.list) .period_picker_input, .controller-wkquote.action-edit #main #content #query_form > table:not(.list) .period_picker_input, .controller-wksupplierinvoice.action-edit #main #content #query_form > table:not(.list) .period_picker_input {
    width: calc(100% - 20px)
}

.controller-wkpurchaseorder.action-edit #main #content #query_form .list input[id*=rate], .controller-wkquote.action-edit #main #content #query_form .list input[id*=rate], .controller-wksupplierinvoice.action-edit #main #content #query_form .list input[id*=rate] {
    width: calc(100% - 20px);
    max-width: calc(100% - 20px);
    margin-left: 5px
}

.controller-wkpurchaseorder.action-edit #main #content .wk-contextual, .controller-wkquote.action-edit #main #content .wk-contextual, .controller-wksupplierinvoice.action-edit #main #content .wk-contextual {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 0
}

    .controller-wkpurchaseorder.action-edit #main #content .wk-contextual h2, .controller-wkquote.action-edit #main #content .wk-contextual h2, .controller-wksupplierinvoice.action-edit #main #content .wk-contextual h2 {
        margin: 20px 0;
        width: 100%
    }

    .controller-wkpurchaseorder.action-edit #main #content .wk-contextual .icon-add, .controller-wkquote.action-edit #main #content .wk-contextual .icon-add, .controller-wksupplierinvoice.action-edit #main #content .wk-contextual .icon-add {
        position: absolute;
        top: 50%;
        right: 0;
        margin: -13px 0 0
    }

.controller-wkpurchaseorder.action-edit #content form input[type=date], .controller-wkpurchaseorder.action-edit #content form input[type=email], .controller-wkpurchaseorder.action-edit #content form input[type=number], .controller-wkpurchaseorder.action-edit #content form input[type=password], .controller-wkpurchaseorder.action-edit #content form input[type=text], .controller-wkpurchaseorder.action-edit #content form input[type=url], .controller-wkpurchaseorder.action-edit #content form textarea, .controller-wkquote.action-edit #content form input[type=date], .controller-wkquote.action-edit #content form input[type=email], .controller-wkquote.action-edit #content form input[type=number], .controller-wkquote.action-edit #content form input[type=password], .controller-wkquote.action-edit #content form input[type=text], .controller-wkquote.action-edit #content form input[type=url], .controller-wkquote.action-edit #content form textarea, .controller-wksupplierinvoice.action-edit #content form input[type=date], .controller-wksupplierinvoice.action-edit #content form input[type=email], .controller-wksupplierinvoice.action-edit #content form input[type=number], .controller-wksupplierinvoice.action-edit #content form input[type=password], .controller-wksupplierinvoice.action-edit #content form input[type=text], .controller-wksupplierinvoice.action-edit #content form input[type=url], .controller-wksupplierinvoice.action-edit #content form textarea {
    min-width: auto
}

.controller-wkpurchaseorder.action-edit .time-entries, .controller-wkquote.action-edit .time-entries, .controller-wksupplierinvoice.action-edit .time-entries {
    margin: 0 0 20px
}

.controller-wksupplierinvoice.action-edit #main > #content #query_form #items_save ~ h2 {
    margin: 20px 0;
    width: 100%
}

.controller-wksuppliercontact.action-edit #query_form .exceptionstable td {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.controller-wksuppliercontact.action-edit #query_form #related_parent + .jcf-select, .controller-wksuppliercontact.action-edit #query_form #related_to + .jcf-select, .controller-wksuppliercontact.action-edit #query_form #relationship_id + .jcf-select {
    margin-bottom: 10px !important;
    margin-left: 0 !important
}

.controller-wksuppliercontact.action-edit #query_form #related_parent + .jcf-select {
    margin-left: 10px !important
}

.wkpurchaseorder.action-edit #main #content #query_form h2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin: 20px 0;
    width: 100%
}

.wkpurchaseorder.action-edit #main #content #query_form div[id*=rate] {
    width: calc(100% - 20px);
    max-width: calc(100% - 20px);
    margin-left: 5px
}

.wkpurchaseorder.action-edit #main #content #query_form #roundOffTable td:empty {
    display: none
}

.wkpurchaseorder.action-edit #main #content #query_form div[id*=inv_date] {
    width: 0 !important;
    height: 0 !important;
    border: 0 !important;
    padding: 0 !important;
    position: absolute;
    top: 0;
    left: 0
}

.wkpurchaseorder.action-edit #main #content #query_form .period_picker_input {
    width: calc(100% - 20px)
}

.wkpurchaseorder.action-edit #main .wk-contextual {
    position: relative;
    overflow: hidden;
    width: 100%
}

    .wkpurchaseorder.action-edit #main .wk-contextual .icon-add {
        position: absolute;
        top: 50%;
        right: 0;
        margin: -13px 0 0
    }

.wkpurchaseorder.action-edit #content form input[type=date], .wkpurchaseorder.action-edit #content form input[type=email], .wkpurchaseorder.action-edit #content form input[type=number], .wkpurchaseorder.action-edit #content form input[type=password], .wkpurchaseorder.action-edit #content form input[type=text], .wkpurchaseorder.action-edit #content form input[type=url], .wkpurchaseorder.action-edit #content form textarea {
    min-width: auto
}

.wkpurchaseorder.action-edit .time-entries {
    margin: 0 0 20px
}

.controller-wksupplierpayment.action-edit .list {
    margin-bottom: 20px
}

    .controller-wksupplierpayment.action-edit .list input[id*=amount] {
        width: calc(100% - 20px) !important;
        margin-left: 10px !important
    }

.controller-wkdocument.action-new .box.filedroplistner > p {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.controller-wkleaverequest.action-edit form[action*="/wkleaverequest/"] table {
    text-align: left;
    width: 100%;
    display: block;
    margin: 0
}

    .controller-wkleaverequest.action-edit form[action*="/wkleaverequest/"] table tbody {
        display: block
    }

    .controller-wkleaverequest.action-edit form[action*="/wkleaverequest/"] table tr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 10px 0 0
    }

        .controller-wkleaverequest.action-edit form[action*="/wkleaverequest/"] table tr:first-child {
            padding: 0
        }

    .controller-wkleaverequest.action-edit form[action*="/wkleaverequest/"] table th {
        width: 285px;
        padding: 0 10px 0 0;
        min-width: 285px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .controller-wkleaverequest.action-edit form[action*="/wkleaverequest/"] table th ~ th {
            width: 100%;
            margin-right: 0
        }

    .controller-wkleaverequest.action-edit form[action*="/wkleaverequest/"] table td {
        padding: 0 !important;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

.controller-wkleaverequest.action-edit form[action*="/wkleaverequest/"] input[type=date] {
    margin-top: 0 !important;
    margin-left: 0 !important;
    min-width: 0;
    max-width: 0;
    padding: 0;
    width: 0;
    height: 0;
    opacity: 0;
    min-height: 0;
    border: 0
}

.controller-wkleaverequest.action-edit #start_date {
    margin: 0 10px 0 0
}

.controller-wkleaverequest.action-edit #end_date {
    margin: 0 0 0 10px
}

.controller-wkleaverequest.action-edit .period_picker_input {
    width: auto
}

.controller-wkleaverequest.action-edit #content form[action*="/wkleaverequest/"] #start_date {
    margin: 0 10px 0 0
}

    .controller-wkleaverequest.action-edit #content form[action*="/wkleaverequest/"] #start_date + div {
        margin: 0 10px 0 0
    }

.controller-wkleaverequest.action-edit #content form[action*="/wkleaverequest/"] #end_date {
    margin: 0 0 0 10px
}

    .controller-wkleaverequest.action-edit #content form[action*="/wkleaverequest/"] #end_date + div {
        margin: 0 0 0 10px
    }

.controller-users.action-new #main > #content .box .splitcontentleft {
    max-width: 100%;
    width: 100%;
    padding: 0
}

    .controller-users.action-new #main > #content .box .splitcontentleft table {
        table-layout: fixed;
        width: 100%;
        display: block
    }

        .controller-users.action-new #main > #content .box .splitcontentleft table tbody {
            display: block
        }

        .controller-users.action-new #main > #content .box .splitcontentleft table tr {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

        .controller-users.action-new #main > #content .box .splitcontentleft table th {
            margin: 0 0 0 -295px !important;
            width: 295px;
            padding: 0 10px 0 0
        }

        .controller-users.action-new #main > #content .box .splitcontentleft table td {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1
        }

.controller-users.action-new #content form input[type=submit] {
    margin-top: 10px
}

.controller-users.action-new #content form label[for*=pref_favourite_project_id] {
    display: block;
    width: 100%;
    font-weight: 700;
    margin-bottom: 5px
}

.flyout-menu a#time-logger-menu {
    position: relative;
    min-height: var(--icon-smaller-width) !important;
    line-height: var(--icon-smaller-width) !important;
    padding: 5px 10px !important
}

    .flyout-menu a#time-logger-menu span#time-logger-menu {
        min-height: var(--icon-smaller-width) !important;
        line-height: var(--icon-smaller-width) !important
    }

    .flyout-menu a#time-logger-menu a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
        opacity: 0
    }

@-webkit-keyframes rotate {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotate {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

body #top-menu #account #time-logger-menu {
    width: auto;
    background: var(--color-main-color);
    font-size: .85714286rem;
    line-height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -5px 0;
    padding: 5px
}

    body #top-menu #account #time-logger-menu a, body #top-menu #account #time-logger-menu span {
        color: var(--color-main-color-text);
        width: auto;
        font-size: .85714286rem;
        line-height: var(--icon-smaller-width)
    }

    body #top-menu #account #time-logger-menu .icon-start {
        padding: 0 10px 0 30px
    }

        body #top-menu #account #time-logger-menu .icon-start:after {
            content: "\E058";
            font-size: var(--icon-smaller-font-size);
            line-height: var(--icon-smaller-width)
        }

    body #top-menu #account #time-logger-menu .icon-list-action {
        text-align: center;
        width: var(--icon-width)
    }

        body #top-menu #account #time-logger-menu .icon-list-action:after {
            content: "\E046";
            font-size: var(--icon-smaller-font-size);
            line-height: var(--icon-smaller-width)
        }

    body #top-menu #account #time-logger-menu .icon-action.icon-clock {
        padding: 0 10px 0 30px;
        background: 0 0
    }

        body #top-menu #account #time-logger-menu .icon-action.icon-clock:after {
            text-align: center;
            -webkit-animation: rotate 1.5s ease-in-out infinite;
            animation: rotate 1.5s ease-in-out infinite
        }

    body #top-menu #account #time-logger-menu .icon-pause-action, body #top-menu #account #time-logger-menu .icon-start-action {
        width: var(--icon-width);
        height: var(--icon-width);
        background: 0 0;
        border-radius: 0;
        color: var(--color-main-color-text)
    }

    body #top-menu #account #time-logger-menu .icon-list-action, body #top-menu #account #time-logger-menu .icon-stop-action {
        width: var(--icon-width);
        height: var(--icon-width);
        background: 0 0;
        border-radius: 0;
        color: var(--color-main-color-text)
    }

        body #top-menu #account #time-logger-menu .icon-list-action:hover, body #top-menu #account #time-logger-menu .icon-stop-action:hover {
            color: var(--color-main-color)
        }

        body #top-menu #account #time-logger-menu .icon-list-action:before, body #top-menu #account #time-logger-menu .icon-stop-action:before {
            border-radius: 0;
            background: var(--bg-box);
            color: var(--color-main-color);
            text-align: center
        }

        body #top-menu #account #time-logger-menu .icon-list-action.selected, body #top-menu #account #time-logger-menu .icon-stop-action.selected {
            color: var(--color-main-color)
        }

    body #top-menu #account #time-logger-menu .icon-pause-action:after {
        text-align: center;
        content: "\E085";
        font-size: var(--icon-smaller-font-size);
        line-height: var(--icon-smaller-width)
    }

    body #top-menu #account #time-logger-menu .icon-stop-action:after {
        text-align: center;
        content: "\E0B3";
        font-size: var(--icon-smaller-font-size);
        line-height: var(--icon-smaller-width)
    }

    body #top-menu #account #time-logger-menu .icon-clock:after {
        text-align: center;
        content: "\E058";
        font-size: var(--icon-smaller-font-size);
        line-height: var(--icon-smaller-width)
    }

    body #top-menu #account #time-logger-menu .icon-start-action {
        text-align: center
    }

        body #top-menu #account #time-logger-menu .icon-start-action:after {
            content: "\E08D";
            font-size: var(--icon-smaller-font-size);
            line-height: var(--icon-smaller-width)
        }

    body #top-menu #account #time-logger-menu .icon-pause {
        width: auto;
        padding: 0 10px 0 30px
    }

        body #top-menu #account #time-logger-menu .icon-pause:after {
            content: "\E085";
            font-size: var(--icon-smaller-font-size);
            line-height: var(--icon-smaller-width)
        }

    body #top-menu #account #time-logger-menu .icon-list-action, body #top-menu #account #time-logger-menu .icon-start {
        display: inline-block;
        background: 0 0
    }

#context-menu .icon-pause:after {
    content: "\E085"
}

#context-menu .icon-stop:after {
    content: "\E0B3"
}

#context-menu .icon-start:after {
    content: "\E08D"
}

#quick-search #issueLog {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 32px
}

    #quick-search #issueLog .drdn-trigger {
        padding: 0 !important;
        margin: 0 0 0 5px
    }

        #quick-search #issueLog .drdn-trigger:after, #quick-search #issueLog .drdn-trigger:before {
            display: none
        }

    #quick-search #issueLog #issueImg {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    #quick-search #issueLog #issue-time {
        font-weight: 700;
        font-size: .85714286rem;
        line-height: .85714286rem
    }

    #quick-search #issueLog #issue-tracker {
        position: absolute;
        top: 100%;
        left: 0
    }

#clockINOUT {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 32px
}

    #clockINOUT #appendlabel {
        font-weight: 700;
        font-size: .85714286rem;
        line-height: .85714286rem;
        padding-top: 0
    }

#main-menu .periodictask:after, #top-menu .periodictask:after {
    content: "\E071"
}

.controller-periodictask #main > #content > h2 {
    background-image: url(../images/icon-color/periodic-task.svg)
}

.controller-periodictask.action-new #periodictask_interval_units + .jcf-select {
    margin-left: 10px
}

.controller-periodictask.action-new #periodictask_estimated_hours {
    margin: 0 10px 0 0
}

#content .progressive-project-menu {
    overflow: hidden;
    padding: 10px 0;
    margin: 0;
    list-style: none;
    font-size: .7857rem;
    line-height: .7857rem;
    font-weight: 500
}

    #content .progressive-project-menu li {
        margin: 0 10px 10px 0
    }

        #content .progressive-project-menu li:first-child {
            display: none
        }

    #content .progressive-project-menu a {
        display: block;
        padding: 5px 8px;
        border-radius: var(--border-radius-small);
        background: var(--button-main-bg);
        color: var(--button-main-color);
        text-decoration: none;
        -webkit-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        -o-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out
    }

        #content .progressive-project-menu a:hover {
            text-decoration: none;
            background: var(--button-main-bg-hover);
            color: var(--button-main-color-hover)
        }

    #content .progressive-project-menu + br {
        display: none
    }

#content div#projects-index table.progress {
    width: 100%;
    max-width: 400px
}

#content .holder-wiki .progress {
    margin: 10px 0
}

#content .holder-wiki .percent {
    margin: 0 0 10px
}

.has-main-menu #header #main-menu ul a.dmsf:after {
    content: "\E034"
}

body #dmsf_users_for_delegate label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#ajax-modal .edit_dmsf_workflow #selected_step, #ajax-modal .edit_dmsf_workflow input[type=text] {
    min-width: 100%;
    max-width: 100%
}

#ajax-modal .edit_dmsf_workflow .buttons {
    text-align: left
}

#ajax-modal .edit_dmsf_workflow #add-step-and {
    margin-top: 5px
}

#ajax-modal .edit_dmsf_workflow #add-step-or {
    margin-top: 10px
}

#admin-index #admin-menu a.dmsf-approvalworkflows:after {
    background-image: url(../images/icon-color/dmsf-approvalworkflows.svg)
}

.controller-dmsf_workflows #main > #content > h2 {
    background-image: url(../images/icon-color/dmsf-approvalworkflows.svg);
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
}

.controller-dmsf_workflows.action-new .form-actions {
    margin-top: 10px;
    overflow: hidden;
    width: 100%
}

.controller-dmsf_workflows.action-index form .fieldset {
    color: var(--text-color-main);
    overflow: hidden;
    position: relative;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
    margin: 0 0 20px;
    border: none;
    background: var(--bg-box);
    border-radius: var(--border-radius)
}

.controller-dmsf_workflows.action-index .autoscroll {
    margin: 0 0 20px
}

#content form[action*="/settings/plugin/redmine_dmsf"] em.info {
    font-weight: 600;
    color: var(--color-main-color);
    margin: 10px;
    padding: 0;
    font-size: 1rem;
    line-height: 1.4
}

.controller-dmsf.action-edit_root #content form input[type=submit], .controller-dmsf_workflows.action-new #content form input[type=submit] {
    background: var(--button-main-bg);
    color: var(--button-main-color)
}

    .controller-dmsf.action-edit_root #content form input[type=submit]:hover, .controller-dmsf_workflows.action-new #content form input[type=submit]:hover {
        background: var(--button-main-bg-hover);
        color: var(--button-main-color-hover)
    }

.controller-dmsf.action-edit_root #content .box, .controller-dmsf_workflows.action-new #content .box {
    margin: 0
}

.controller-dmsf #main > #content > h2, .controller-dmsf_upload #main > #content > h2 {
    background-image: url(../images/icon-color/dmsf.svg);
    padding: 15px 140px 15px 45px
}

.controller-dmsf_upload.action-multi_upload {
    border: 0;
    padding: 0;
    background: 0 0
}

    .controller-dmsf_upload.action-multi_upload #content form input[type=text] {
        margin-top: 0;
        margin-bottom: 0
    }

    .controller-dmsf_upload.action-multi_upload #content form input[type=submit] {
        background: var(--button-main-bg);
        color: var(--button-main-color)
    }

        .controller-dmsf_upload.action-multi_upload #content form input[type=submit]:hover {
            background: var(--button-main-bg-hover);
            color: var(--button-main-color-hover)
        }

    .controller-dmsf_upload.action-multi_upload #dmsf_attachments_fields {
        overflow: hidden;
        width: 100%;
        display: block
    }

        .controller-dmsf_upload.action-multi_upload #dmsf_attachments_fields span {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

    .controller-dmsf_upload.action-multi_upload .dmsf-uploader {
        position: relative;
        padding: 0;
        background: 0 0;
        border: 0;
        min-height: 30px
    }

        .controller-dmsf_upload.action-multi_upload .dmsf-uploader .info {
            position: absolute;
            bottom: 4px;
            left: 35px
        }

.controller-dmsf_upload.action-upload_files .jcf-select-dmsf-select-version ~ .jcf-select-dmsf-select-version {
    margin: 5px 10px !important
}

#context-menu a.dmsf-icon-file:after {
    content: "\E03F"
}

#context-menu a.icon-email-add:after {
    content: "\E03F"
}

.controller-dmsf.action-show .autoscroll {
    margin: 0 0 20px
}

.controller-dmsf.action-show #main .list.dmsf .icon-file, .controller-dmsf.action-show #main .list.dmsf .icon-folder {
    width: auto;
    border-radius: 0;
    padding: 0 0 0 30px;
    font-size: 1rem;
    line-height: var(--icon-smaller-width)
}

    .controller-dmsf.action-show #main .list.dmsf .icon-file:after, .controller-dmsf.action-show #main .list.dmsf .icon-file:before, .controller-dmsf.action-show #main .list.dmsf .icon-folder:after, .controller-dmsf.action-show #main .list.dmsf .icon-folder:before {
        width: var(--icon-smaller-width);
        height: var(--icon-smaller-width);
        position: absolute;
        top: 0;
        left: 0
    }

    .controller-dmsf.action-show #main .list.dmsf .icon-file:after {
        content: "\E03D"
    }

    .controller-dmsf.action-show #main .list.dmsf .icon-folder:after {
        content: "\E095"
    }

.controller-dmsf.action-show #main .list.dmsf .dmsf-filename {
    min-height: 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.controller-dmsf.action-new span.add_attachment, .controller-dmsf.action-new span.search_for_watchers {
    font-size: inherit;
    line-height: inherit
}

.controller-dmsf_links.action-new #main #content h3 {
    position: relative;
    font-size: 1.4285rem;
    line-height: 1.4;
    padding: 15px 45px;
    width: calc(100% + 60px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 -30px 70px;
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
    background-size: 30px 30px;
    background-position: 0 50%;
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-image: url(../images/icon-color/link.svg)
}

.controller-dmsf_links.action-new #main #content .box {
    margin-bottom: 0
}

.controller-dmsf_links.action-new .form-actions {
    margin-top: 10px;
    overflow: hidden;
    display: block;
    width: 100%
}

div.modal form[action*=dmsf_folder_permissions] .form-actions, div.ui-dialog form[action*=dmsf_folder_permissions] .form-actions {
    padding: 20px;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 -20px -20px;
    background: var(--bg-fff);
    border-radius: 0 0 var(--button-border-radius) var(--button-border-radius)
}

div.modal form[action*=dmsf_folder_permissions] input[type=submit], div.ui-dialog form[action*=dmsf_folder_permissions] input[type=submit] {
    color: var(--button-main-color);
    background: var(--button-main-bg);
    padding: 8px 30px;
    font-size: 1rem;
    line-height: 1rem;
    -webkit-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
    -o-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
    transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
    border-radius: var(--button-border-radius);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    display: inline-block;
    vertical-align: top;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: var(--button-font-weight);
    margin: 0 20px 0 0;
    outline: 0;
    height: auto;
    -webkit-appearance: none
}

    div.modal form[action*=dmsf_folder_permissions] input[type=submit]:hover, div.ui-dialog form[action*=dmsf_folder_permissions] input[type=submit]:hover {
        background: var(--button-main-bg-hover);
        color: var(--button-main-color-hover)
    }

    div.modal form[action*=dmsf_folder_permissions] input[type=submit] + a[onclick], div.modal form[action*=dmsf_folder_permissions] input[type=submit] + input[type=button], div.ui-dialog form[action*=dmsf_folder_permissions] input[type=submit] + a[onclick], div.ui-dialog form[action*=dmsf_folder_permissions] input[type=submit] + input[type=button] {
        color: var(--button-color);
        background: var(--button-bg);
        border: none;
        padding: 8px 30px;
        font-size: 1rem;
        line-height: 1rem;
        font-weight: var(--button-font-weight);
        text-decoration: none;
        border-radius: var(--button-border-radius);
        -webkit-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        -o-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        outline: 0;
        height: auto;
        -webkit-appearance: none
    }

        div.modal form[action*=dmsf_folder_permissions] input[type=submit] + a[onclick]:hover, div.modal form[action*=dmsf_folder_permissions] input[type=submit] + input[type=button]:hover, div.ui-dialog form[action*=dmsf_folder_permissions] input[type=submit] + a[onclick]:hover, div.ui-dialog form[action*=dmsf_folder_permissions] input[type=submit] + input[type=button]:hover {
            background: var(--button-bg-hover);
            color: var(--button-color-hover)
        }

#main > #content #new_revision_form_content {
    padding: 20px 0 0
}

    #main > #content #new_revision_form_content br {
        display: block;
        width: 100%;
        height: 5px;
        overflow: hidden;
        position: relative
    }

    #main > #content #new_revision_form_content #custom_version_major ~ .select2 {
        max-width: 70px
    }

    #main > #content #new_revision_form_content #custom_version_major ~ select {
        padding: 0 !important;
        margin: 0 !important
    }

    #main > #content #new_revision_form_content #file_upload_box {
        padding: 0
    }

    #main > #content #new_revision_form_content label {
        text-align: left;
        width: 295px;
        margin: 0 0 0 -295px
    }

    #main > #content #new_revision_form_content p {
        padding: 0 0 0 295px
    }

#main > #content #custom_version_major + .select2 {
    margin-right: 10px
}

#main > #content #custom_version_minor + .select2 {
    margin-top: 0 !important;
    margin-right: 10px !important
}

.controller-dmsf_files.action-show #main .icon-actions {
    color: var(--icon-color-bg)
}

    .controller-dmsf_files.action-show #main .icon-actions:before {
        background: var(--icon_bg-bg)
    }

    .controller-dmsf_files.action-show #main .icon-actions:hover {
        color: var(--icon-color-hover-bg)
    }

        .controller-dmsf_files.action-show #main .icon-actions:hover:before {
            background: var(--icon_bg_hover-bg)
        }

.controller-dmsf_files.action-show .dmsf-id-box {
    padding: 0;
    margin: 0 0 20px;
    display: block
}

.controller-dmsf_files.action-show .dmsf-revision-box {
    margin: 0 0 30px;
    background: var(--bg-fff)
}

    .controller-dmsf_files.action-show .dmsf-revision-box .dmsf-widget-header {
        background: var(--bg-box);
        padding: 20px;
        border: 1px solid var(--border-color-content);
        border-radius: var(--border-radius) var(--border-radius) 0 0
    }

    .controller-dmsf_files.action-show .dmsf-revision-box .dmsf-revision-inner-box {
        border: 1px solid var(--border-color-content);
        border-top: 0;
        padding: 20px;
        background: 0 0;
        border-radius: 0 0 var(--border-radius) var(--border-radius)
    }

.controller-dmsf_files.action-show .dmsf-revision-access {
    margin-top: 20px
}

.controller-sprints .scrum-content-fullscreen {
    z-index: 100;
    background: var(--bg-fff)
}

.controller-sprints table.sprint-board tr.sprint-board td.sprint-board {
    border-width: 1px
}

.controller-sprints .scrum-content .icon.icon-add {
    max-width: 100%;
    padding: 8px 30px;
    font-size: 1rem;
    line-height: 1rem;
    webkit-border-radius: var(--icon-border-radius);
    border-radius: var(--icon-border-radius);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 600;
    margin: 0 10px 0 0;
    width: auto;
    height: auto;
    outline: 0 none
}

    .controller-sprints .scrum-content .icon.icon-add:after, .controller-sprints .scrum-content .icon.icon-add:before {
        display: none
    }

.controller-sprints .post-it {
    box-shadow: 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 transparent;
    -o-box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent
}

.ui-dialog #main {
    padding: 0
}

    .ui-dialog #main > #content {
        padding: 0
    }

#new_evmsetting > br {
    display: none
}

#new_evmsetting fieldset {
    padding: 52px 20px 20px;
    color: var(--text-color-main);
    overflow: hidden;
    position: relative;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 20px;
    border: none;
    background: var(--bg-box);
    border-radius: var(--border-radius)
}

    #new_evmsetting fieldset legend {
        left: 20px;
        position: absolute;
        top: 17px;
        font-weight: 600;
        color: var(--text-color-main);
        margin: 0;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    #new_evmsetting fieldset br {
        display: block !important;
        width: 100%;
        height: 10px;
        overflow: hidden;
        content: " ";
        margin: 0 !important
    }

.controller-evmsettings.action-new #content form input[type=date], .controller-evmsettings.action-new #content form input[type=email], .controller-evmsettings.action-new #content form input[type=number], .controller-evmsettings.action-new #content form input[type=password], .controller-evmsettings.action-new #content form input[type=text], .controller-evmsettings.action-new #content form input[type=url], .controller-evmsettings.action-new #content form textarea:not(.select2-search__field) {
    width: auto
}

.controller-evmsettings.action-new #content form .select2 {
    width: auto !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.controller-risks #risk_description_and_toolbar #risk_description_and_toolbar {
    display: block;
    width: 100%
}

.controller-risks #attributes .splitcontentleft {
    min-width: 100%;
    padding-right: 0 !important
}

.controller-risks #risk-form {
    color: var(--color-main-color-text)
}

.controller-risks .autoscroll {
    margin: 0 0 40px
}

.controller-release_log_queues.action-index .wiki {
    margin: 0 0 20px
}

    .controller-release_log_queues.action-index .wiki.splitcontentleft {
        margin: 20px 0 0
    }

.controller-release_log_configurations a[data-original-title][href*=edit], .controller-release_log_queues a[data-original-title][href*=edit] {
    -webkit-box-ordinal-group: none;
    -ms-flex-order: none;
    order: none;
    background: 0 0;
    padding: 0;
    display: inline-block;
    height: var(--icon-smaller-width);
    width: var(--icon-smaller-width);
    margin: 0;
    overflow: hidden;
    position: relative;
    z-index: 2;
    border-radius: var(--icon-border-radius);
    font-size: 0;
    line-height: 0;
    color: var(--icon-color-bg);
    vertical-align: middle;
    -webkit-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
    -o-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
    transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out
}

    .controller-release_log_configurations a[data-original-title][href*=edit]:after, .controller-release_log_queues a[data-original-title][href*=edit]:after {
        content: "\E03F";
        text-align: center;
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        clear: both;
        height: 100%;
        width: 100%;
        margin: 0;
        overflow: hidden;
        border-radius: var(--icon-border-radius);
        z-index: 1;
        font-family: var(--icon-font);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        text-decoration: none;
        text-transform: none;
        font-size: var(--icon-smaller-font-size);
        line-height: var(--icon-smaller-width);
        -webkit-transition: color var(--time-hover) ease-in-out;
        -o-transition: color var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out
    }

    .controller-release_log_configurations a[data-original-title][href*=edit]:before, .controller-release_log_queues a[data-original-title][href*=edit]:before {
        content: '';
        display: block;
        clear: both;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: var(--icon_bg);
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        z-index: -1;
        border-radius: var(--icon-border-radius);
        -webkit-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        -o-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        -webkit-transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
        transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
        transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
    }

    .controller-release_log_configurations a[data-original-title][href*=edit]:hover, .controller-release_log_queues a[data-original-title][href*=edit]:hover {
        color: var(--icon-color-hover)
    }

        .controller-release_log_configurations a[data-original-title][href*=edit]:hover:before, .controller-release_log_queues a[data-original-title][href*=edit]:hover:before {
            background: var(--icon_bg_hover-bg);
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1)
        }

    .controller-release_log_configurations a[data-original-title][href*=edit] img, .controller-release_log_queues a[data-original-title][href*=edit] img {
        display: none
    }

.controller-release_log_configurations #content form input[type=submit] + .icon-cancel, .controller-release_log_queues #content form input[type=submit] + .icon-cancel {
    background: 0 0 !important
}

.release-log-header {
    display: block
}

.controller-release_logs.action-new #release_log_form .icon-preview, .controller-release_logs.action-new #release_log_form .preview-release-log {
    width: var(--icon-width);
    height: var(--icon-width);
    background: 0 0
}

    .controller-release_logs.action-new #release_log_form .icon-preview:after, .controller-release_logs.action-new #release_log_form .preview-release-log:after {
        line-height: var(--icon-width);
        font-size: var(--icon-font-size)
    }

.controller-release_logs.action-new #content #release_log_form input[type=text] {
    margin-right: 10px
}

.controller-release_logs.action-new #main fieldset a.icon {
    color: var(--icon-color-bg)
}

    .controller-release_logs.action-new #main fieldset a.icon:before {
        background: var(--icon_bg-bg)
    }

    .controller-release_logs.action-new #main fieldset a.icon:hover {
        color: var(--icon-color-hover-bg)
    }

        .controller-release_logs.action-new #main fieldset a.icon:hover:before {
            background: var(--icon_bg_hover-bg)
        }

.controller-release_logs.action-index #main #content h1 {
    position: relative;
    font-size: 1.4285rem;
    line-height: 1.4;
    padding: 15px 45px;
    width: calc(100% + 60px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 -30px 70px;
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
    background-size: 30px 30px;
    background-position: 0 50%;
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-image: url(../images/icon-color/settings.svg)
}

#release_log_form > fieldset {
    border: 0;
    margin: 0 0 20px;
    position: relative;
    overflow: hidden;
    background: var(--bg-box);
    padding: 52px 20px 15px;
    border-radius: var(--border-radius);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    #release_log_form > fieldset legend {
        position: absolute;
        top: 17px;
        left: 20px;
        font-weight: 600;
        color: var(--text-color-main);
        margin: 0;
        padding: 0
    }

#release_log_form p {
    padding: 0 0 0 295px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 10px;
    color: var(--text-color-main);
    font-size: .85714286rem;
    line-height: 1rem;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

    #release_log_form p em.info {
        color: var(--color-dark-grey);
        font-size: .85714286rem;
        line-height: 1rem
    }

    #release_log_form p.nodata {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 0 20px
    }

    #release_log_form p p:empty {
        display: none
    }

    #release_log_form p br {
        display: block;
        width: 100%;
        height: 0;
        padding: 0 1000000px;
        margin: 0 0 5px;
        content: ""
    }

#release_log_form label {
    margin: 0 10px 0 0 !important;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    text-align: left;
    color: var(--text-color-main);
    font-size: 1rem;
    line-height: 1.4
}

    #release_log_form label:first-child {
        font-weight: 600;
        margin: 0 0 0 -295px !important;
        width: 295px;
        padding: 0 10px 0 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

#tab-content-keys > br {
    display: none
}

.public_key_view p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 10px;
    color: var(--color-dark-grey);
    font-size: .85714286rem;
    line-height: 1rem;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    padding: 0 0 0 295px
}

    .public_key_view p > label {
        margin: 0 10px 0 0 !important;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        text-align: left;
        color: var(--text-color-main);
        font-size: 1rem;
        line-height: 1.4
    }

        .public_key_view p > label:first-child {
            font-weight: 600;
            margin: 0 0 0 -295px !important;
            width: 295px;
            padding: 0 10px 0 0;
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

.controller-vault_settings #content #settings form[action="/vault_settings/save"] input[type=submit] {
    margin: 0 0 20px
}

.controller-vault_settings #content #settings form[action="/vault_settings/save"] #settings_encryption_key {
    margin: 0 0 5px
}

.controller-vault_settings #content #settings form[action="/vault_settings/backup"] input[type=submit] {
    margin: 0 0 10px
}

.controller-vault_settings #content #settings form[action="/vault_settings/restore"] input[type=submit] {
    margin: 10px 0 0
}

.controller-vault_settings #content form .box input[type=submit] {
    color: var(--button-main-color);
    background: var(--button-main-bg)
}

    .controller-vault_settings #content form .box input[type=submit]:hover {
        color: var(--button-main-color-hover);
        background: var(--button-main-bg-hover)
    }

.controller-vault_settings table {
    width: 100%
}

    .controller-vault_settings table th {
        text-align: left
    }

#content .holder-key-form {
    margin: 0 0 30px
}

    #content .holder-key-form form input[type=text].autocomplete {
        width: auto;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    #content .holder-key-form .autoscroll {
        margin: 0 0 20px
    }

.controller-keys #content .holder-key-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

    .controller-keys #content .holder-key-form form {
        width: auto;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin: 0 10px 0 0
    }

        .controller-keys #content .holder-key-form form input[type=submit] {
            margin: 5px 0
        }

        .controller-keys #content .holder-key-form form:first-of-type {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }

.controller-keys.action-edit #vault_whitelist, .controller-keys.action-new #vault_whitelist {
    padding: 0 0 0 295px
}

    .controller-keys.action-edit #vault_whitelist label.whitelist_users, .controller-keys.action-new #vault_whitelist label.whitelist_users {
        width: 285px;
        margin: 0 0 0 -295px !important;
        text-align: left
    }

    .controller-keys.action-edit #vault_whitelist table.whitelist_users, .controller-keys.action-new #vault_whitelist table.whitelist_users {
        margin: 0;
        padding: 0;
        width: 100%
    }

        .controller-keys.action-edit #vault_whitelist table.whitelist_users br, .controller-keys.action-new #vault_whitelist table.whitelist_users br {
            display: none
        }

        .controller-keys.action-edit #vault_whitelist table.whitelist_users td, .controller-keys.action-new #vault_whitelist table.whitelist_users td {
            vertical-align: top
        }

#content #new_custom_workflow div.box > fieldset .collapsible, #content #new_custom_workflow div.box > fieldset.tabular .collapsible {
    position: relative;
    border: 0;
    border-radius: var(--border-radius);
    padding: 50px 30px 15px;
    margin: 0 0 15px;
    background: var(--bg-fff);
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    #content #new_custom_workflow div.box > fieldset .collapsible legend, #content #new_custom_workflow div.box > fieldset.tabular .collapsible legend {
        position: absolute;
        width: 100%;
        padding: 0 20px 0 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 40px;
        top: 0;
        left: 0;
        font-weight: 600;
        font-size: 1rem;
        line-height: 40px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        cursor: pointer;
        color: var(--color-main-color)
    }

        #content #new_custom_workflow div.box > fieldset .collapsible legend:after, #content #new_custom_workflow div.box > fieldset.tabular .collapsible legend:after {
            position: absolute;
            top: 5px;
            left: 10px;
            width: var(--icon-width);
            height: var(--icon-width);
            font-size: var(--icon-width);
            background-size: var(--icon-width) var(--icon-width);
            content: "\E07D";
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg);
            -webkit-transition: transform var(--time-hover) ease-in-out;
            -o-transition: transform var(--time-hover) ease-in-out;
            -webkit-transition: -webkit-transform var(--time-hover) ease-in-out;
            transition: -webkit-transform var(--time-hover) ease-in-out;
            transition: transform var(--time-hover) ease-in-out;
            transition: transform var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
        }

    #content #new_custom_workflow div.box > fieldset .collapsible.collapsed, #content #new_custom_workflow div.box > fieldset.tabular .collapsible.collapsed {
        padding: 25px 30px 15px
    }

        #content #new_custom_workflow div.box > fieldset .collapsible.collapsed legend, #content #new_custom_workflow div.box > fieldset.tabular .collapsible.collapsed legend {
            color: var(--text-color-main)
        }

            #content #new_custom_workflow div.box > fieldset .collapsible.collapsed legend:after, #content #new_custom_workflow div.box > fieldset.tabular .collapsible.collapsed legend:after {
                -webkit-transform: rotate(0);
                -ms-transform: rotate(0);
                transform: rotate(0)
            }

.controller-kanban #submit-journal-button {
    padding: 5px 10px;
    font-size: .85714286rem;
    line-height: .85714286rem;
    -webkit-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
    -o-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
    transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
    border-radius: var(--border-radius-small);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: var(--button-main-bg);
    border: none;
    color: var(--button-main-color);
    display: inline-block;
    vertical-align: top;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: var(--button-font-weight)
}

    .controller-kanban #submit-journal-button:hover {
        background: var(--button-main-bg-hover);
        color: var(--button-main-color-hover)
    }

.controller-kanban .my-comment-table td, .controller-kanban .my-journal-table td {
    padding: 0
}

.controller-kanban .my-journal-table {
    background: 0 0;
    border: none
}

.controller-kanban #sidebar a[href*=issues] + p {
    display: none
}

.controller-kanban #sidebar #comment_area + p {
    margin-left: 0 !important
}

.controller-kanban .floatThead-container table {
    border: 0
}

#content .recent-heart-list {
    border: 0;
    margin: 0 0 30px
}

    #content .recent-heart-list > li {
        background: var(--bg-box);
        margin: 20px 0 0;
        padding: 10px 20px;
        border-radius: var(--border-radius-midle)
    }

        #content .recent-heart-list > li:first-child {
            margin: 0
        }

    #content .recent-heart-list ul {
        margin: 0;
        padding: 0
    }

        #content .recent-heart-list ul li {
            padding: 10px 0;
            margin: 10px 0 0
        }

            #content .recent-heart-list ul li:first-child {
                margin: 0
            }

    #content .recent-heart-list .icon:after {
        color: var(--icon-color-bg)
    }

    #content .recent-heart-list .icon:before {
        background: var(--icon_bg-bg)
    }

    #content .recent-heart-list .icon:hover:after {
        color: var(--icon-color-hover-bg)
    }

    #content .recent-heart-list .icon:hover:before {
        background: var(--icon_bg_hover-bg)
    }

#main > #content > .contextual:not(.next-prev-links) .heart-count-number {
    color: var(--icon-color-bg)
}

    #main > #content > .contextual:not(.next-prev-links) .heart-count-number:hover {
        color: var(--icon-color-hover-bg)
    }

.flyout-menu #hearts_index_scope_form {
    padding-left: 0 !important
}

    .flyout-menu #hearts_index_scope_form input[type=date] {
        width: 100px;
        min-height: 24px
    }

.controller-dashboard #main > #content:after {
    top: 0;
    height: 100%
}

.controller-dashboard .select_project_container {
    padding: 20px 0 20px
}

.controller-spectator #main > #content h1 {
    position: relative;
    font-size: 1.4285rem;
    line-height: 1.4;
    padding: 15px 45px;
    width: calc(100% + 60px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 -30px 20px;
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
    background-size: 30px 30px;
    background-position: 0 50%;
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.controller-spectator #main > #content h3 {
    font-size: 1rem;
    line-height: 1.4;
    color: var(--text-color-main);
    overflow: hidden;
    position: relative;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
    margin: 0;
    border: none;
    background: var(--bg-box);
    border-radius: var(--border-radius);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .controller-spectator #main > #content h3 + h3 {
        margin-top: 20px
    }

.controller-spectator #main > #content #change_user_form {
    width: calc(100% - 295px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .controller-spectator #main > #content #change_user_form input[type=submit] {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

form[action="/settings/plugin/redmine_git_hosting"] .git_hosting_access_box {
    border-width: 1px;
    margin: 0;
    padding: 10px;
    background-color: var(--notice-successfu-bg);
    border-color: var(--notice-successfu-main);
    color: var(--notice-successfu-bg-text);
    border-radius: var(--border-radius)
}

form[action="/settings/plugin/redmine_git_hosting"] .label {
    color: var(--button-color-disabled);
    text-shadow: 0 0 0 transparent;
    border-radius: var(--border-radius-small);
    background-color: var(--button-bg-disabled)
}

form[action="/settings/plugin/redmine_git_hosting"] .label-important {
    background-color: var(--color-error)
}

form[action="/settings/plugin/redmine_git_hosting"] .label-error {
    background-color: var(--color-error)
}

form[action="/settings/plugin/redmine_git_hosting"] .label-warning {
    background-color: var(--color-warning)
}

form[action="/settings/plugin/redmine_git_hosting"] .label-success {
    background-color: var(--color-green)
}

form[action="/settings/plugin/redmine_git_hosting"] .label-info {
    background-color: var(--color-blue)
}

form[action="/settings/plugin/redmine_git_hosting"] .git_hosting_access_box em {
    color: var(--color-blue)
}

form[action="/settings/plugin/redmine_git_hosting"] .thumbnail {
    border: 1px solid var(--border-color)
}

form[action="/settings/plugin/redmine_git_hosting"] #statistics-global .thumbnail {
    background: none repeat scroll 0 0 var(--border-color)
}

form[action="/settings/plugin/redmine_git_hosting"] .thumbnail h5 {
    background: none repeat scroll 0 0 var(--notice-successfu-main);
    color: var(--notice-successfu-main-text)
}

#tab-content-gitolite_recycle_bin .nodata {
    padding: 10px 0
}

#main #sidebar .projects.root {
    padding: 0;
    margin: 0 10px 0 0;
    width: calc(100% - 10px);
    list-style: none
}

    #main #sidebar .projects.root div.root {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    #main #sidebar .projects.root li.root {
        margin: 5px 0 0
    }

        #main #sidebar .projects.root li.root:first-child {
            margin: 0
        }

    #main #sidebar .projects.root a.project {
        height: auto;
        min-height: auto;
        min-width: auto;
        font-size: 1rem;
        line-height: var(--icon-width);
        font-weight: var(--button-font-weight);
        padding: 0 10px;
        height: var(--icon-width);
        margin: 0;
        text-decoration: none;
        border-radius: var(--border-radius-small);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        display: block;
        color: var(--icon-color);
        background: var(--bg)
    }

        #main #sidebar .projects.root a.project:after, #main #sidebar .projects.root a.project:before {
            display: none
        }

        #main #sidebar .projects.root a.project:hover {
            color: var(--icon-color-hover);
            background: var(--icon_bg_hover)
        }

    #main #sidebar .projects.root .link_child {
        border: none;
        background: 0 0;
        padding: 0;
        display: inline-block;
        height: var(--icon-smaller-width);
        width: var(--icon-smaller-width);
        margin: 0;
        overflow: hidden;
        position: relative;
        z-index: 2;
        border-radius: var(--icon-border-radius);
        font-size: 0;
        line-height: 0;
        color: var(--icon-color-bg);
        vertical-align: middle;
        min-width: var(--icon-smaller-width);
        min-height: var(--icon-smaller-width);
        -webkit-transition: all var(--time-hover) ease-in-out;
        -o-transition: all var(--time-hover) ease-in-out;
        transition: all var(--time-hover) ease-in-out;
        cursor: pointer;
        webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

        #main #sidebar .projects.root .link_child:after {
            content: "\E077";
            text-align: center;
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            clear: both;
            height: 100%;
            width: 100%;
            margin: 0;
            overflow: hidden;
            border-radius: var(--icon-border-radius);
            z-index: 1;
            font-family: var(--icon-font);
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-style: normal;
            font-variant: normal;
            font-weight: 400;
            text-decoration: none;
            text-transform: none;
            font-size: var(--icon-font-size-small);
            line-height: var(--icon-smaller-width);
            -webkit-transition: color var(--time-hover) ease-in-out;
            -o-transition: color var(--time-hover) ease-in-out;
            transition: color var(--time-hover) ease-in-out
        }

        #main #sidebar .projects.root .link_child:before {
            content: '';
            display: block;
            clear: both;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: var(--icon_bg);
            -webkit-transform: scale(0);
            -ms-transform: scale(0);
            transform: scale(0);
            z-index: -1;
            border-radius: var(--icon-border-radius);
            -webkit-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            -o-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            -webkit-transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
            transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
            transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
        }

        #main #sidebar .projects.root .link_child:hover {
            color: var(--icon_color_active);
            background-image: none !important
        }

            #main #sidebar .projects.root .link_child:hover:before {
                background: var(--icon_bg_hover);
                -webkit-transform: scale(1);
                -ms-transform: scale(1);
                transform: scale(1)
            }

        #main #sidebar .projects.root .link_child + a.project {
            width: calc(100% - 36px)
        }

        #main #sidebar .projects.root .link_child.icon-arrow-down {
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg)
        }

    #main #sidebar .projects.root .root.active > .root > a.project {
        color: var(--icon_color_active);
        background-image: none !important
    }

        #main #sidebar .projects.root .root.active > .root > a.project:before {
            background: var(--icon_bg_hover);
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1)
        }

.has-sidebar #wrapper #sidebar ul.projects ul.projects {
    margin: 0 0 0 36px
}

    .has-sidebar #wrapper #sidebar ul.projects ul.projects li {
        margin: 5px 0 0 0
    }

        .has-sidebar #wrapper #sidebar ul.projects ul.projects li:first-child {
            margin: 0
        }

#wrapper .flyout-menu ul li.has-child.has-child .root, #wrapper .flyout-menu ul li:first-child.has-child .root {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid var(--flyout_menu_border)
}

    #wrapper .flyout-menu ul li.has-child.has-child .root > a, #wrapper .flyout-menu ul li:first-child.has-child .root > a {
        border-top: 0
    }

    #wrapper .flyout-menu ul li.has-child.has-child .root .project, #wrapper .flyout-menu ul li:first-child.has-child .root .project {
        max-width: calc(100% - 40px);
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        width: calc(100% - 40px);
        display: block
    }

#wrapper .flyout-menu ul li.has-child.has-child a.link_child, #wrapper .flyout-menu ul li:first-child.has-child a.link_child {
    width: var(--icon-width);
    height: var(--icon-width);
    min-width: var(--icon-width);
    min-height: var(--icon-width);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 5px;
    background: var(--flyout_menu_button_bg);
    color: var(--flyout_menu_button_color);
    border-radius: var(--icon-border-radius);
    position: relative
}

    #wrapper .flyout-menu ul li.has-child.has-child a.link_child:after, #wrapper .flyout-menu ul li:first-child.has-child a.link_child:after {
        content: "\E077";
        text-align: center;
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        clear: both;
        height: 100%;
        width: 100%;
        margin: 0;
        overflow: hidden;
        border-radius: var(--icon-border-radius);
        color: var(--flyout_menu_button_color);
        z-index: 1;
        font-family: var(--icon-font);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        text-decoration: none;
        text-transform: none;
        font-size: var(--icon-font-size-small);
        line-height: var(--icon-width);
        webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transition: transform var(--time-hover) ease-in-out;
        -webkit-transition: -webkit-transform var(--time-hover) ease-in-out;
        transition: -webkit-transform var(--time-hover) ease-in-out;
        -o-transition: transform var(--time-hover) ease-in-out;
        transition: transform var(--time-hover) ease-in-out;
        transition: transform var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
    }

    #wrapper .flyout-menu ul li.has-child.has-child a.link_child.icon-arrow-down:after, #wrapper .flyout-menu ul li:first-child.has-child a.link_child.icon-arrow-down:after {
        webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

#wrapper .flyout-menu ul li.has-child.has-child a.project, #wrapper .flyout-menu ul li:first-child.has-child a.project {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

#wrapper .flyout-menu ul li.has-child.active .root > a.project, #wrapper .flyout-menu ul li:first-child.active .root > a.project {
    background: var(--flyout_menu_bg_selected);
    color: var(--flyout_menu_color_selected)
}

.controller-keys #keys_table a.keys-actions {
    border: none;
    background: 0 0;
    padding: 0;
    display: inline-block;
    height: var(--icon-smaller-width);
    width: var(--icon-smaller-width);
    margin: 0;
    overflow: hidden;
    position: relative;
    z-index: 2;
    border-radius: var(--icon-border-radius);
    font-size: 0;
    line-height: 0;
    color: var(--icon-color);
    vertical-align: middle;
    -webkit-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
    -o-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
    transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out
}

    .controller-keys #keys_table a.keys-actions:after {
        content: '';
        text-align: center;
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        clear: both;
        height: 100%;
        width: 100%;
        margin: 0;
        overflow: hidden;
        border-radius: var(--icon-border-radius);
        z-index: 1;
        font-family: var(--icon-font);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        text-decoration: none;
        text-transform: none;
        font-size: var(--icon-smaller-font-size);
        line-height: var(--icon-smaller-width);
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }

    .controller-keys #keys_table a.keys-actions:before {
        content: '';
        display: block;
        clear: both;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: var(--icon_bg);
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        z-index: -1;
        border-radius: var(--icon-border-radius);
        -webkit-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        -o-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        -webkit-transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
        transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
        transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
    }

    .controller-keys #keys_table a.keys-actions:hover {
        color: var(--icon-color-hover-list) !important
    }

        .controller-keys #keys_table a.keys-actions:hover:before {
            background: var(--color-main-color);
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1)
        }

    .controller-keys #keys_table a.keys-actions .fa, .controller-keys #keys_table a.keys-actions img {
        display: none
    }

    .controller-keys #keys_table a.keys-actions[href*="/edit"]:after {
        content: "\E03F"
    }

    .controller-keys #keys_table a.keys-actions.copy-key:after, .controller-keys #keys_table a.keys-actions[href*="/copy"]:after {
        content: "\E027"
    }

    .controller-keys #keys_table a.keys-actions[data-method=delete]:after {
        content: "\E030"
    }

.controller-keys.action-index #main #content {
    padding-bottom: 76px
}

#context-menu #vault_context_menu .conext_menu {
    padding: 0 0 0 20px;
    background-image: none;
    background-color: var(--bg-fff);
    display: block;
    position: relative;
    font-size: .85714286rem;
    line-height: 1.4;
    height: auto;
    min-height: auto;
    width: 100%;
    color: var(--drop-text-color);
    padding: 4px 5px 4px 30px;
    background-image: none !important;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    z-index: 2;
    -webkit-transition: color var(--time-hover) ease-in-out;
    -o-transition: color var(--time-hover) ease-in-out;
    transition: color var(--time-hover) ease-in-out
}

    #context-menu #vault_context_menu .conext_menu:after {
        position: absolute;
        top: 50%;
        margin: -10px 0 0;
        left: 5px;
        display: block;
        clear: both;
        height: var(--icon-width-small);
        width: var(--icon-width-small);
        overflow: hidden;
        border-radius: var(--icon-border-radius);
        z-index: 1;
        font-family: var(--icon-font);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        text-decoration: none;
        text-transform: none;
        font-size: var(--icon-font-size-small);
        line-height: var(--icon-width-small);
        color: var(--drop-text-color);
        -webkit-transition: color var(--time-hover) ease-in-out;
        -o-transition: color var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out
    }

    #context-menu #vault_context_menu .conext_menu:before {
        content: '';
        display: block;
        clear: both;
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        width: 0;
        height: 100%;
        background: var(--light-bg);
        z-index: -1;
        border-radius: 0;
        -webkit-transition: width var(--time-hover) ease-in-out;
        -o-transition: width var(--time-hover) ease-in-out;
        transition: width var(--time-hover) ease-in-out;
        margin: 0 !important
    }

    #context-menu #vault_context_menu .conext_menu:hover {
        text-decoration: none;
        color: var(--color-main-color);
        border: 0
    }

        #context-menu #vault_context_menu .conext_menu:hover:after {
            color: var(--color-main-color)
        }

        #context-menu #vault_context_menu .conext_menu:hover:before {
            width: 100%;
            background: var(--light-bg)
        }

    #context-menu #vault_context_menu .conext_menu.disabled {
        color: var(--color-main-color);
        border: 0
    }

        #context-menu #vault_context_menu .conext_menu.disabled:after {
            color: var(--color-main-color)
        }

    #context-menu #vault_context_menu .conext_menu.disabled {
        color: var(--notice-error-main-text);
        background: var(--notice-error-bg)
    }

        #context-menu #vault_context_menu .conext_menu.disabled:after {
            color: var(--notice-error-main-text)
        }

        #context-menu #vault_context_menu .conext_menu.disabled:before {
            width: 100%;
            background: var(--notice-error-bg)
        }

        #context-menu #vault_context_menu .conext_menu.disabled:hover {
            color: var(--notice-error-main-text);
            background: var(--notice-error-bg)
        }

    #context-menu #vault_context_menu .conext_menu[href*="/edit"]:after {
        content: "\E03F"
    }

    #context-menu #vault_context_menu .conext_menu[data-copytarget]:after, #context-menu #vault_context_menu .conext_menu[href*="/copy"]:after {
        content: "\E027"
    }

    #context-menu #vault_context_menu .conext_menu .fa, #context-menu #vault_context_menu .conext_menu img {
        display: none
    }

.new_vault_key #vault_whitelist {
    display: block
}

    .new_vault_key #vault_whitelist label.whitelist_users {
        width: 100%;
        text-align: left !important
    }

    .new_vault_key #vault_whitelist table.whitelist_users {
        padding-left: 0;
        margin: 0
    }

        .new_vault_key #vault_whitelist table.whitelist_users br {
            display: none
        }

        .new_vault_key #vault_whitelist table.whitelist_users label.no-css {
            font-weight: 700
        }

.controller-keys.action-new h1 {
    position: relative;
    font-size: 1.4285rem;
    line-height: 1.4;
    padding: 15px 45px;
    width: calc(100% + 60px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 -30px 20px;
    border-bottom: 1px solid var(--border-color);
    background-size: 30px 30px;
    background-position: 0 50%;
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.controller-keys.action-new #main > #content a[href*="/keys"] {
    display: inline-block;
    border: none;
    padding: 8px 15px;
    width: auto;
    height: 30px;
    margin: 10px 0 0;
    font-size: 1rem;
    line-height: 1rem;
    text-align: center;
    font-weight: var(--button-font-weight);
    color: var(--button-color);
    background: var(--button-bg);
    text-decoration: none;
    border-radius: var(--button-border-radius);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
    -o-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
    transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out
}

    .controller-keys.action-new #main > #content a[href*="/keys"]:hover {
        background: var(--button-bg-hover);
        color: var(--button-color-hover)
    }

#main #content form#new_gitolite_public_key input[type=submit] + a {
    color: var(--button-color-bg);
    background: var(--button-bg-bg)
}

    #main #content form#new_gitolite_public_key input[type=submit] + a:hover {
        color: var(--button-color-hover-bg);
        background: var(--button-bg-hover-bg)
    }

#main #content .tab-content .edit_user input[type=submit] {
    margin-top: 30px
}

#top-menu #issue_badge {
    height: 30px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 10px 0 0
}

    #top-menu #issue_badge #link_issue_badge {
        width: var(--icon-smaller-width);
        height: var(--icon-smaller-width);
        border-radius: var(--border-radius-small);
        display: block
    }

        #top-menu #issue_badge #link_issue_badge:before {
            display: none
        }

    #top-menu #issue_badge .badge {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0;
        margin: 0;
        font-size: .85714286rem;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-radius: inherit;
        width: 100%;
        height: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background: var(--color-red)
    }

        #top-menu #issue_badge .badge.red {
            background: var(--color-red);
            -webkit-transition: background-color var(--time-hover) ease-in-out;
            -o-transition: background-color var(--time-hover) ease-in-out;
            transition: background-color var(--time-hover) ease-in-out
        }

            #top-menu #issue_badge .badge.red:hover {
                background: var(--priority-5)
            }

        #top-menu #issue_badge .badge.green {
            background: var(--color-green)
        }

    #top-menu #issue_badge > li > div {
        top: 100%;
        left: auto;
        right: 0;
        font-size: .85714286rem;
        color: var(--color-dark);
        border-radius: var(--border-radius);
        -webkit-box-shadow: var(--big-shadow);
        box-shadow: var(--big-shadow);
        overflow: hidden;
        border-color: var(--grey)
    }

        #top-menu #issue_badge > li > div:after, #top-menu #issue_badge > li > div:before {
            display: none
        }

    #top-menu #issue_badge #issue_badge_contents > div.contents_wrapper {
        padding: 0;
        border-bottom: none
    }

        #top-menu #issue_badge #issue_badge_contents > div.contents_wrapper > div.contents_wrapper_inner {
            padding: 0
        }

    #top-menu #issue_badge .issue_badge_content {
        position: relative;
        margin: 0;
        padding: 0
    }

        #top-menu #issue_badge .issue_badge_content:before {
            content: '';
            display: block;
            clear: both;
            position: absolute;
            top: 0;
            right: 0;
            width: 0;
            height: 100%;
            background: var(--light-bg);
            z-index: -1;
            -webkit-transition: width var(--time-hover) ease-in-out;
            -o-transition: color var(--time-hover) ease-in-out;
            -o-transition: width var(--time-hover) ease-in-out;
            transition: width var(--time-hover) ease-in-out
        }

        #top-menu #issue_badge .issue_badge_content:hover:before {
            width: 100%
        }

        #top-menu #issue_badge .issue_badge_content a {
            position: relative;
            background: 0 0;
            padding: 7px 32px 27px 8px;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            float: none;
            border-radius: 0;
            font-size: 1rem;
            line-height: 1rem;
            color: var(--color-link);
            display: block;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            z-index: 2
        }

            #top-menu #issue_badge .issue_badge_content a:before {
                display: none
            }

            #top-menu #issue_badge .issue_badge_content a:after {
                text-align: center;
                position: absolute;
                top: 50%;
                right: 7px;
                display: block;
                clear: both;
                height: var(--icon-width-small);
                width: var(--icon-width-small);
                margin: -10px 0 0;
                overflow: hidden;
                border-radius: var(--icon-border-radius);
                z-index: 1;
                font-family: var(--icon-font);
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                font-style: normal;
                font-variant: normal;
                font-weight: 400;
                text-decoration: none;
                text-transform: none;
                font-size: var(--icon-font-size-small);
                line-height: var(--icon-width-small);
                color: var(--color-main-color);
                -webkit-transition: color var(--time-hover) ease-in-out;
                -o-transition: color var(--time-hover) ease-in-out;
                transition: color var(--time-hover) ease-in-out
            }

        #top-menu #issue_badge .issue_badge_content .metadata {
            text-align: left;
            color: var(--text-color-main);
            margin: 0;
            font-size: .85714286rem;
            line-height: .85714286rem;
            position: absolute;
            bottom: 7px;
            left: 0;
            padding: 0 8px;
            width: 100%;
            overflow: hidden;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            z-index: 1;
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

#top-menu #issue_badge_contents {
    width: 220px;
    max-width: 260px
}

    #top-menu #issue_badge_contents > div.contextual {
        margin: 0;
        padding: 0;
        position: absolute;
        width: var(--icon-width);
        height: var(--icon-width);
        left: 8px;
        bottom: 7px;
        opacity: 1;
        border: none
    }

        #top-menu #issue_badge_contents > div.contextual > a, #top-menu #issue_badge_contents > div.footer > a {
            background: 0 0;
            padding: 0;
            margin: 0 0 0 auto;
            float: none;
            display: block;
            color: var(--color-main-color)
        }

            #top-menu #issue_badge_contents > div.contextual > a:before, #top-menu #issue_badge_contents > div.footer > a:before {
                background: var(--icon-color-bg);
                -webkit-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
                -o-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
                -webkit-transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
                transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
                transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
                transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
            }

            #top-menu #issue_badge_contents > div.contextual > a:after, #top-menu #issue_badge_contents > div.footer > a:after {
                color: var(--icon-color-bg);
                -webkit-transition: color var(--time-hover) ease-in-out;
                -o-transition: color var(--time-hover) ease-in-out;
                transition: color var(--time-hover) ease-in-out
            }

            #top-menu #issue_badge_contents > div.contextual > a:hover:after, #top-menu #issue_badge_contents > div.footer > a:hover:after {
                color: var(--icon-color-hover-bg)
            }

            #top-menu #issue_badge_contents > div.contextual > a:hover:before, #top-menu #issue_badge_contents > div.footer > a:hover:before {
                background: var(--icon_bg_hover-bg);
                -webkit-transform: scale(1);
                -ms-transform: scale(1);
                transform: scale(1)
            }

#top-menu div.notifications div.footer, #top-menu div.notifications div.header {
    background: var(--color-main-color);
    color: var(--color-main-color-text)
}

#top-menu div.notifications div.footer {
    border: none;
    padding: 7px 8px
}

#top-menu .has-issue, #top-menu .no-issue {
    position: relative;
    text-indent: -100%
}

    #top-menu .has-issue:after, #top-menu .no-issue:after {
        content: '...';
        display: block;
        position: absolute;
        clear: both;
        top: 50%;
        left: 8px;
        height: 8px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        text-indent: 0;
        line-height: 2px
    }

.controller-canned_responses.action-index #main > #content h3 {
    position: relative;
    font-size: 1.4285rem;
    line-height: 1.4;
    padding: 15px 45px;
    width: calc(100% + 60px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 -30px 20px;
    border-bottom: 1px solid var(--border-color);
    background-size: 30px 30px;
    background-position: 0 50%;
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (min-width:1000px) {
    .controller-spectator.big-menu #main > #content #change_user_form {
        width: calc(100% - 200px)
    }
}

@media screen and (max-width:1550px) {
    .controller-wkdashboard #content form[action*="/wkdashboard/index"] fieldset .flex-form #period_type_1 + .jcf-select {
        margin-top: 0 !important
    }

    .controller-wkdashboard form[action*="/wkdashboard/index"] fieldset .flex-form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .controller-wkdashboard form[action*="/wkdashboard/index"] fieldset .flex-form #period_type_1 + .jcf-select {
            -webkit-box-flex: 1;
            -ms-flex: 1 0 auto;
            flex: 1 0 auto;
            width: 100%;
            margin: 0 !important
        }

        .controller-wkdashboard form[action*="/wkdashboard/index"] fieldset .flex-form #period_type_2 {
            margin-bottom: 0 !important
        }

        .controller-wkdashboard form[action*="/wkdashboard/index"] fieldset .flex-form span[onclick*=period_type_2] {
            -webkit-box-flex: 1;
            -ms-flex: 1 0 auto;
            flex: 1 0 auto;
            width: 100%;
            margin-top: 10px !important;
            margin-left: 0 !important;
            margin-bottom: 10px !important
        }

            .controller-wkdashboard form[action*="/wkdashboard/index"] fieldset .flex-form span[onclick*=period_type_2] .period_picker_input:nth-of-type(2) {
                margin-right: 0 !important
            }

            .controller-wkdashboard form[action*="/wkdashboard/index"] fieldset .flex-form span[onclick*=period_type_2] + label {
                margin-left: 0 !important;
                padding-left: 0 !important
            }
}

@media screen and (max-width:1440px) {
    .controller-wkpayment.action-edit table:not(.list) {
        display: block
    }

        .controller-wkpayment.action-edit table:not(.list) tbody {
            display: block
        }

        .controller-wkpayment.action-edit table:not(.list) tr {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

        .controller-wkpayment.action-edit table:not(.list) td {
            -webkit-box-flex: 1;
            -ms-flex: 1 0 auto;
            flex: 1 0 auto
        }
}

@media screen and (max-width:1240px) {
    .controller-wksupplierinvoice.action-new #query_form .exceptionstable {
        display: block
    }

        .controller-wksupplierinvoice.action-new #query_form .exceptionstable tbody {
            display: block
        }

        .controller-wksupplierinvoice.action-new #query_form .exceptionstable th {
            padding-right: 10px;
            padding-bottom: 5px
        }

        .controller-wksupplierinvoice.action-new #query_form .exceptionstable label {
            padding: 0 !important;
            margin: 0 !important
        }

        .controller-wksupplierinvoice.action-new #query_form .exceptionstable td {
            padding-bottom: 5px;
            padding-right: 10px
        }

        .controller-wksupplierinvoice.action-new #query_form .exceptionstable tr {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

    .controller-wkaccountproject.action-index .wk-contextual, .controller-wkpurchaseorder.action-index .wk-contextual, .controller-wkquote.action-index .wk-contextual, .controller-wksupplieraccount.action-index .wk-contextual, .controller-wksuppliercontact.action-index .wk-contextual, .controller-wksupplierinvoice.action-index .wk-contextual, .controller-wksupplierpayment.action-index .wk-contextual {
        margin-bottom: 10px
    }

    .controller-wkaccountproject.action-index #query_form > fieldset > .exceptionstable, .controller-wkpurchaseorder.action-index #query_form > fieldset > .exceptionstable, .controller-wkquote.action-index #query_form > fieldset > .exceptionstable, .controller-wksupplieraccount.action-index #query_form > fieldset > .exceptionstable, .controller-wksuppliercontact.action-index #query_form > fieldset > .exceptionstable, .controller-wksupplierinvoice.action-index #query_form > fieldset > .exceptionstable, .controller-wksupplierpayment.action-index #query_form > fieldset > .exceptionstable {
        display: block
    }

        .controller-wkaccountproject.action-index #query_form > fieldset > .exceptionstable tbody, .controller-wkpurchaseorder.action-index #query_form > fieldset > .exceptionstable tbody, .controller-wkquote.action-index #query_form > fieldset > .exceptionstable tbody, .controller-wksupplieraccount.action-index #query_form > fieldset > .exceptionstable tbody, .controller-wksuppliercontact.action-index #query_form > fieldset > .exceptionstable tbody, .controller-wksupplierinvoice.action-index #query_form > fieldset > .exceptionstable tbody, .controller-wksupplierpayment.action-index #query_form > fieldset > .exceptionstable tbody {
            display: block
        }

        .controller-wkaccountproject.action-index #query_form > fieldset > .exceptionstable th, .controller-wkpurchaseorder.action-index #query_form > fieldset > .exceptionstable th, .controller-wkquote.action-index #query_form > fieldset > .exceptionstable th, .controller-wksupplieraccount.action-index #query_form > fieldset > .exceptionstable th, .controller-wksuppliercontact.action-index #query_form > fieldset > .exceptionstable th, .controller-wksupplierinvoice.action-index #query_form > fieldset > .exceptionstable th, .controller-wksupplierpayment.action-index #query_form > fieldset > .exceptionstable th {
            padding-right: 10px;
            padding-bottom: 5px
        }

        .controller-wkaccountproject.action-index #query_form > fieldset > .exceptionstable label, .controller-wkpurchaseorder.action-index #query_form > fieldset > .exceptionstable label, .controller-wkquote.action-index #query_form > fieldset > .exceptionstable label, .controller-wksupplieraccount.action-index #query_form > fieldset > .exceptionstable label, .controller-wksuppliercontact.action-index #query_form > fieldset > .exceptionstable label, .controller-wksupplierinvoice.action-index #query_form > fieldset > .exceptionstable label, .controller-wksupplierpayment.action-index #query_form > fieldset > .exceptionstable label {
            padding: 0 !important;
            margin: 0 !important
        }

        .controller-wkaccountproject.action-index #query_form > fieldset > .exceptionstable td, .controller-wkpurchaseorder.action-index #query_form > fieldset > .exceptionstable td, .controller-wkquote.action-index #query_form > fieldset > .exceptionstable td, .controller-wksupplieraccount.action-index #query_form > fieldset > .exceptionstable td, .controller-wksuppliercontact.action-index #query_form > fieldset > .exceptionstable td, .controller-wksupplierinvoice.action-index #query_form > fieldset > .exceptionstable td, .controller-wksupplierpayment.action-index #query_form > fieldset > .exceptionstable td {
            padding-bottom: 5px;
            padding-right: 10px
        }

        .controller-wkaccountproject.action-index #query_form > fieldset > .exceptionstable tr, .controller-wkpurchaseorder.action-index #query_form > fieldset > .exceptionstable tr, .controller-wkquote.action-index #query_form > fieldset > .exceptionstable tr, .controller-wksupplieraccount.action-index #query_form > fieldset > .exceptionstable tr, .controller-wksuppliercontact.action-index #query_form > fieldset > .exceptionstable tr, .controller-wksupplierinvoice.action-index #query_form > fieldset > .exceptionstable tr, .controller-wksupplierpayment.action-index #query_form > fieldset > .exceptionstable tr {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }
}

@media screen and (max-width:1024px) {
    #wrapper .eq-button.eq-add-column, #wrapper .eq-button.eq-delete-column, #wrapper a.eq-button.eq-add-column, #wrapper a.eq-button.eq-delete-column {
        margin-left: 20px !important;
        margin-right: 20px !important
    }

    .attributes ~ fieldset {
        width: calc(100% + 20px) !important;
        margin: -1px -10px 20px;
        padding: 15px 10px
    }

    body .overlay .popup {
        min-width: 300px
    }

    body .overlay #filtered_templates_list {
        width: 100%;
        overflow: auto;
        padding: 0
    }

    #main > #content #issue_templates_settings > h2 {
        background-color: var(--bg-box);
        background-position: 10px 50%;
        background-size: 25px auto;
        margin: 0 -10px 20px;
        padding: 15px 20px 15px 45px;
        width: calc(100% + 20px);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    #main > #content #issue_templates_settings .template_box h2 {
        font-size: 1.1428rem;
        line-height: 1.4;
        margin: 0 0 10px
    }

    #main > #content #issue_templates_settings label + label {
        display: none
    }

    #content div.box > #global_issue_template_project_ids {
        width: calc(100% + 20px)
    }

    .controller-global_note_templates.loggedas, .controller-issue_templates.action-show.loggedas {
        padding: 0 0 49px;
        height: auto;
        min-height: 100vh;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        .controller-global_note_templates.loggedas #wrapper, .controller-issue_templates.action-show.loggedas #wrapper {
            padding-bottom: 0;
            min-height: calc(100vh - 49px) !important
        }

        .controller-global_note_templates.loggedas #wrapper2, .controller-issue_templates.action-show.loggedas #wrapper2 {
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

        .controller-global_note_templates.loggedas #main #content > .contextual, .controller-issue_templates.action-show.loggedas #main #content > .contextual {
            position: fixed;
            top: auto;
            bottom: 0;
            left: 0;
            width: 100%;
            background: var(--bg-box);
            height: 50px !important;
            margin-top: 0 !important;
            border-top: 1px solid var(--border-color);
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-transition: left var(--time-main) ease-in-out;
            -o-transition: left var(--time-main) ease-in-out;
            transition: left var(--time-main) ease-in-out
        }

            .controller-global_note_templates.loggedas #main #content > .contextual .icon, .controller-issue_templates.action-show.loggedas #main #content > .contextual .icon {
                color: var(--icon-color-bg);
                margin: 0 5px
            }

                .controller-global_note_templates.loggedas #main #content > .contextual .icon:before, .controller-issue_templates.action-show.loggedas #main #content > .contextual .icon:before {
                    background: var(--icon_bg-bg)
                }

                .controller-global_note_templates.loggedas #main #content > .contextual .icon.new-icon-save, .controller-issue_templates.action-show.loggedas #main #content > .contextual .icon.new-icon-save {
                    color: var(--icon-save-color) !important;
                    background: var(--icon-save-bg);
                    border-radius: var(--icon-border-radius)
                }

                    .controller-global_note_templates.loggedas #main #content > .contextual .icon.new-icon-save:hover, .controller-issue_templates.action-show.loggedas #main #content > .contextual .icon.new-icon-save:hover {
                        color: var(--icon-save-color-hover) !important;
                        background: var(--icon-save-bg-hover)
                    }

                .controller-global_note_templates.loggedas #main #content > .contextual .icon.new-icon-close, .controller-issue_templates.action-show.loggedas #main #content > .contextual .icon.new-icon-close {
                    color: var(--icon-close-color) !important;
                    background: var(--icon-close-bg);
                    border-radius: var(--icon-border-radius)
                }

                    .controller-global_note_templates.loggedas #main #content > .contextual .icon.new-icon-close:hover, .controller-issue_templates.action-show.loggedas #main #content > .contextual .icon.new-icon-close:hover {
                        color: var(--icon-close-color-hover) !important;
                        background: var(--icon-close-bg-hover)
                    }

            .controller-global_note_templates.loggedas #main #content > .contextual.hidden-link .icon:not(.new-icon), .controller-issue_templates.action-show.loggedas #main #content > .contextual.hidden-link .icon:not(.new-icon) {
                display: none
            }

    .flyout-is-active .controller-global_issue_templates.loggedas #main #content > .contextual, .flyout-is-active .controller-global_note_templates.loggedas #main #content > .contextual {
        left: -250px
    }

    #main #easy_gantt_menu:not([style="transform: translate(0px, 0px);"]) {
        margin-top: 51px
    }

    .controller-global_issue_templates.loggedas {
        padding: 0 0 49px;
        height: auto;
        min-height: 100vh;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        .controller-global_issue_templates.loggedas #wrapper {
            padding-bottom: 0;
            min-height: calc(100vh - 49px) !important
        }

        .controller-global_issue_templates.loggedas #wrapper2 {
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

        .controller-global_issue_templates.loggedas #main #content > .contextual {
            position: fixed;
            top: auto;
            bottom: 0;
            left: 0;
            width: 100%;
            background: var(--bg-box);
            height: 50px !important;
            margin-top: 0 !important;
            border-top: 1px solid var(--border-color);
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-transition: left var(--time-hover) ease-in-out;
            -o-transition: left var(--time-hover) ease-in-out;
            transition: left var(--time-hover) ease-in-out
        }

            .controller-global_issue_templates.loggedas #main #content > .contextual .icon {
                color: var(--icon-color-bg);
                margin: 0 5px
            }

                .controller-global_issue_templates.loggedas #main #content > .contextual .icon:before {
                    background: var(--icon_bg-bg)
                }

                .controller-global_issue_templates.loggedas #main #content > .contextual .icon.new-icon-save {
                    color: var(--icon-save-color) !important;
                    background: var(--icon-save-bg);
                    border-radius: var(--icon-border-radius)
                }

                    .controller-global_issue_templates.loggedas #main #content > .contextual .icon.new-icon-save:hover {
                        color: var(--icon-save-color-hover) !important;
                        background: var(--icon-save-bg-hover)
                    }

                .controller-global_issue_templates.loggedas #main #content > .contextual .icon.new-icon-close {
                    color: var(--icon-close-color) !important;
                    background: var(--icon-close-bg);
                    border-radius: var(--icon-border-radius)
                }

                    .controller-global_issue_templates.loggedas #main #content > .contextual .icon.new-icon-close:hover {
                        color: var(--icon-close-color-hover) !important;
                        background: var(--icon-close-bg-hover)
                    }

            .controller-global_issue_templates.loggedas #main #content > .contextual.hidden-link .icon:not(.new-icon) {
                display: none
            }

    #main > #content .easy-setting-plugin-form h2 {
        background-color: var(--bg-box);
        background-position: 10px 50%;
        background-size: 25px auto;
        margin: 0 -10px 20px;
        padding: 15px 20px 15px 45px;
        width: calc(100% + 20px);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    #main > #content #easy_gantt .content-title h2 {
        background-color: var(--bg-box);
        background-position: 10px 50%;
        background-size: 25px auto;
        margin: 0 -10px 20px;
        padding: 15px 20px 15px 45px;
        width: calc(100% + 20px);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    #content #easy_gantt .contextual {
        margin: 0
    }

    #easy_gantt #button_sample:after {
        color: var(--icon-color-bg)
    }

    #main > #content #easy_wbs .content-title h2 {
        background-color: var(--bg-box);
        background-position: 10px 50%;
        background-size: 25px auto;
        margin: 0 -10px 20px;
        padding: 15px 20px 15px 45px;
        width: calc(100% + 20px);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    body[class*=controller-wk] #main #content h2 {
        background-color: var(--bg-box);
        background-position: 10px 50%;
        background-size: 25px 25px;
        margin: 0 -10px 20px;
        padding: 15px 20px 15px 45px;
        width: calc(100% + 20px);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    body[class*=controller-wk] #main #date-range {
        padding: 25px 20px 15px
    }

        body[class*=controller-wk] #main #date-range > legend + div:after {
            width: calc(100% + 40px);
            left: -20px
        }

    .controller-settings #content form[action*=redmine_wktime] .box #tab-content-attendance .autoscroll {
        padding: 10px 0 0 0
    }

    .controller-wkdashboard form[action*="/wkdashboard/index"] {
        padding: 10px
    }

    .controller-wkcontract #query_form table:not(.list), .controller-wkinvoice.action-index #query_form table:not(.list), .controller-wkpayment #query_form table:not(.list) {
        display: block;
        overflow: hidden
    }

        .controller-wkcontract #query_form table:not(.list) tbody, .controller-wkinvoice.action-index #query_form table:not(.list) tbody, .controller-wkpayment #query_form table:not(.list) tbody {
            display: block;
            overflow: hidden
        }

        .controller-wkcontract #query_form table:not(.list) td, .controller-wkcontract #query_form table:not(.list) th, .controller-wkinvoice.action-index #query_form table:not(.list) td, .controller-wkinvoice.action-index #query_form table:not(.list) th, .controller-wkpayment #query_form table:not(.list) td, .controller-wkpayment #query_form table:not(.list) th {
            padding: 0 5px 10px 0 !important;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            width: auto !important
        }

        .controller-wkcontract #query_form table:not(.list) td, .controller-wkinvoice.action-index #query_form table:not(.list) td, .controller-wkpayment #query_form table:not(.list) td {
            -webkit-box-flex: 1;
            -ms-flex: 1 0 auto;
            flex: 1 0 auto;
            width: 100% !important
        }

        .controller-wkcontract #query_form table:not(.list) tr, .controller-wkinvoice.action-index #query_form table:not(.list) tr, .controller-wkpayment #query_form table:not(.list) tr {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }

    .controller-wkpayroll.action-payrollsettings fieldset {
        padding: 20px;
        margin: 0 0 20px
    }

    .controller-wkinvoice.action-new .exceptionstable ~ .exceptionstable td {
        width: auto
    }

    .controller-wkinvoice.action-new .jcf-select {
        min-width: 80px
    }

    .controller-wkinvoice.action-edit #query_form > .exceptionstable {
        display: block
    }

        .controller-wkinvoice.action-edit #query_form > .exceptionstable tbody {
            display: block
        }

        .controller-wkinvoice.action-edit #query_form > .exceptionstable tr {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            width: 100%;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin: 0 0 10px
        }

            .controller-wkinvoice.action-edit #query_form > .exceptionstable tr:last-child {
                margin: 0
            }

        .controller-wkinvoice.action-edit #query_form > .exceptionstable th {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            width: auto !important
        }

        .controller-wkinvoice.action-edit #query_form > .exceptionstable td {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-flex: 1;
            -ms-flex: 1 0 auto;
            flex: 1 0 auto;
            width: auto !important
        }

    .controller-wkinvoice.action-edit #main #content #query_form .wk-contextual ~ h2 {
        background: 0 0
    }

    .controller-wkinvoice.action-edit #main #content .wk-contextual h2 {
        background: 0 0
    }

    .controller-wkpayment.action-edit table:not(.list) {
        display: block
    }

        .controller-wkpayment.action-edit table:not(.list) tr {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }

        .controller-wkpayment.action-edit table:not(.list) th {
            width: 285px;
            padding: 0 10px 10px 0 !important
        }

            .controller-wkpayment.action-edit table:not(.list) th:nth-of-type(1) {
                padding: 0 10px 10px 0 !important
            }

        .controller-wkpayment.action-edit table:not(.list) td {
            -webkit-box-flex: 1;
            -ms-flex: 1 0 auto;
            flex: 1 0 auto;
            width: calc(100% - 295px);
            padding: 0 0 10px !important
        }

    #content .progressive-project-menu a {
        background: var(--button-main-bg);
        color: var(--button-main-color)
    }

        #content .progressive-project-menu a:hover {
            background: var(--button-main-bg-hover);
            color: var(--button-main-color-hover)
        }

    #content .holder-wiki table.progress td.todo {
        background: var(--bg-fff)
    }

    .controller-dmsf_links.action-new #main #content h3 {
        background-color: var(--bg-box);
        background-position: 10px 50%;
        background-size: 25px 25px;
        margin: 0 -10px 20px;
        padding: 15px 20px 15px 45px;
        width: calc(100% + 20px);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .controller-dmsf #main > #content > h2, .controller-dmsf_upload #main > #content > h2 {
        padding: 15px 140px 15px 45px
    }

    .controller-release_logs.action-index #main #content h1 {
        background-color: var(--bg-body);
        background-position: 10px 50%;
        background-size: 25px 25px;
        margin: 0 -10px 20px;
        padding: 15px 20px 15px 45px;
        width: calc(100% + 20px);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .controller-spectator #main > #content h1 {
        background-color: var(--bg-box);
        background-position: 10px 50%;
        background-size: 25px 25px;
        margin: 0 -10px 20px;
        padding: 15px 20px 15px 45px;
        width: calc(100% + 20px);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .controller-keys.action-new h1 {
        background-color: var(--bg-box);
        background-position: 10px 50%;
        background-size: 25px 25px;
        margin: 0 -10px 20px;
        padding: 15px 20px 15px 45px;
        width: calc(100% + 20px);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .controller-canned_responses.action-index #main > #content h3 {
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }
}

@media only screen and (max-width:960px) {
    #main .mindmup__menu-item > a {
        padding: 0;
        height: 30px;
        width: 30px;
        overflow: hidden;
        display: block
    }

    #main .mindmup__menu-group--tooltiped > ul {
        margin-top: 30px;
        right: 0
    }

    #main .redmine .mindmup__menu-item {
        margin: 0 0 0 5px;
        padding: 0
    }
}

@media screen and (max-width:900px) {
    .controller-wkquote.action-edit #query_form .exceptionstable:not(.list), .controller-wksupplierinvoice.action-edit #query_form .exceptionstable:not(.list) {
        display: block
    }

        .controller-wkquote.action-edit #query_form .exceptionstable:not(.list) .jcf-select, .controller-wkquote.action-edit #query_form .exceptionstable:not(.list) .period_picker_input, .controller-wkquote.action-edit #query_form .exceptionstable:not(.list) input[type=text], .controller-wksupplierinvoice.action-edit #query_form .exceptionstable:not(.list) .jcf-select, .controller-wksupplierinvoice.action-edit #query_form .exceptionstable:not(.list) .period_picker_input, .controller-wksupplierinvoice.action-edit #query_form .exceptionstable:not(.list) input[type=text] {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            margin-left: 10px !important
        }

        .controller-wkquote.action-edit #query_form .exceptionstable:not(.list) tbody, .controller-wksupplierinvoice.action-edit #query_form .exceptionstable:not(.list) tbody {
            display: block
        }

        .controller-wkquote.action-edit #query_form .exceptionstable:not(.list) th, .controller-wksupplierinvoice.action-edit #query_form .exceptionstable:not(.list) th {
            display: block;
            padding-right: 0;
            width: 100%;
            margin: 0 0 5px !important;
            padding: 0 !important
        }

        .controller-wkquote.action-edit #query_form .exceptionstable:not(.list) td, .controller-wksupplierinvoice.action-edit #query_form .exceptionstable:not(.list) td {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            width: 100% !important;
            padding: 0 !important;
            margin: 0 0 10px !important;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .controller-wkquote.action-edit #query_form .exceptionstable:not(.list) td:empty, .controller-wksupplierinvoice.action-edit #query_form .exceptionstable:not(.list) td:empty {
                display: none
            }

        .controller-wkquote.action-edit #query_form .exceptionstable:not(.list) tr, .controller-wksupplierinvoice.action-edit #query_form .exceptionstable:not(.list) tr {
            display: block;
            width: 100%;
            margin: 0;
            padding: 0
        }

    .controller-keys.action-edit #vault_whitelist, .controller-keys.action-new #vault_whitelist {
        padding: 0
    }

        .controller-keys.action-edit #vault_whitelist label.whitelist_users, .controller-keys.action-new #vault_whitelist label.whitelist_users {
            width: 100%;
            margin: 0 0 5px !important
        }
}

@media screen and (max-width:899px) {
    body.controller-issues.action-show .iconEdit {
        height: var(--icon-width-small);
        width: var(--icon-width-small);
        min-width: var(--icon-width-small);
        min-height: var(--icon-width-small)
    }

        body.controller-issues.action-show .iconEdit:after {
            font-size: var(--icon-font-size-small);
            line-height: var(--icon-width-small)
        }

    body.controller-issues.action-show div.issue.details .attribute .iconEdit, body.controller-issues.action-show div.issue.details .description .iconEdit, body.controller-issues.action-show div.issue.details .subject .iconEdit, body.controller-issues.action-show div.issue.details.showPencil .iconEdit {
        opacity: 1
    }

    table.list .hideable {
        display: none !important
    }
}

@media (max-width:899px) {
    #wrapper .flyout-menu > div {
        padding-left: 8px;
        padding-right: 5px
    }

    #wrapper .flyout-menu ul li a.no_line:not(.in_link) span {
        color: var(--color-main-color-text)
    }

    #top-menu #issue_badge_contents {
        width: 210px
    }
}

@media screen and (max-width:850px) {
    .controller-wksurvey.action-index .flex-form .autoscroll {
        width: 100%
    }

        .controller-wksurvey.action-index .flex-form .autoscroll table tr {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-flow: column;
            flex-flow: column;
            width: 100%
        }

            .controller-wksurvey.action-index .flex-form .autoscroll table tr th {
                width: 100%;
                margin: 0 0 10px;
                padding: 0 !important
            }

        .controller-wksurvey.action-index .flex-form .autoscroll + p {
            padding-left: 0 !important;
            width: 100%
        }

    .controller-wksurvey.action-index #content form .jcf-select, .controller-wksurvey.action-index #content form input[type=text] {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        margin-left: 10px
    }

    .controller-wksurvey.action-edit #content form .surveyquestions input[type=date], .controller-wksurvey.action-edit #content form .surveyquestions input[type=email], .controller-wksurvey.action-edit #content form .surveyquestions input[type=number], .controller-wksurvey.action-edit #content form .surveyquestions input[type=password], .controller-wksurvey.action-edit #content form .surveyquestions input[type=text], .controller-wksurvey.action-edit #content form .surveyquestions input[type=url], .controller-wksurvey.action-edit #content form .surveyquestions textarea {
        width: 100%
    }

    .controller-wksurvey.action-edit #main #content #accordion .ui-accordion-content {
        margin: 0 0 10px
    }

    .controller-wksurvey.action-edit #main #content #accordion h2 {
        margin: 0 0 20px
    }
}

@media screen and (max-width:768px) {
    #main .template_link_area {
        margin: 0 0 10px;
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        #main .template_link_area label {
            -webkit-box-flex: 1;
            -ms-flex: 1 0 auto;
            flex: 1 0 auto
        }

    #main #issue_template-form + div[style="float: right;"], #main #issue_templates_settings + div[style="float: right;"] {
        width: 100%
    }

        #main #issue_template-form + div[style="float: right;"] > div, #main #issue_templates_settings + div[style="float: right;"] > div {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-flow: column;
            flex-flow: column;
            width: 100%
        }

    #main #issue_template-form + div[style*=right], #main #orphaned_templates + div[style*=right], #main .template_box + div[style*=right] {
        width: 100%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column
    }

    body[class*=controller-wk] #main #date-range .period_picker_input {
        margin: 0 0 0 10px !important;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        width: auto
    }

        body[class*=controller-wk] #main #date-range .period_picker_input:nth-of-type(1) {
            margin: 0 10px !important
        }

    body[class*=controller-wk] #main #query_form .div-left {
        margin: 0 0 10px;
        padding: 0
    }

    body[class*=controller-wk] #main #query_form .div-left, body[class*=controller-wk] #main #query_form .div-right {
        width: 100%
    }

        body[class*=controller-wk] #main #query_form .div-left > span[onclick*="$('period_type_2')"], body[class*=controller-wk] #main #query_form .div-right > span[onclick*="$('period_type_2')"] {
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            body[class*=controller-wk] #main #query_form .div-left > span[onclick*="$('period_type_2')"] label, body[class*=controller-wk] #main #query_form .div-right > span[onclick*="$('period_type_2')"] label {
                width: 100%;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

                body[class*=controller-wk] #main #query_form .div-left > span[onclick*="$('period_type_2')"] label .period_picker_input, body[class*=controller-wk] #main #query_form .div-right > span[onclick*="$('period_type_2')"] label .period_picker_input {
                    width: auto
                }

        body[class*=controller-wk] #main #query_form .div-left .exceptionstable, body[class*=controller-wk] #main #query_form .div-right .exceptionstable {
            width: 100%;
            display: block;
            margin-bottom: 10px
        }

            body[class*=controller-wk] #main #query_form .div-left .exceptionstable tbody, body[class*=controller-wk] #main #query_form .div-left .exceptionstable td, body[class*=controller-wk] #main #query_form .div-left .exceptionstable th, body[class*=controller-wk] #main #query_form .div-left .exceptionstable tr, body[class*=controller-wk] #main #query_form .div-right .exceptionstable tbody, body[class*=controller-wk] #main #query_form .div-right .exceptionstable td, body[class*=controller-wk] #main #query_form .div-right .exceptionstable th, body[class*=controller-wk] #main #query_form .div-right .exceptionstable tr {
                display: block
            }

            body[class*=controller-wk] #main #query_form .div-left .exceptionstable th, body[class*=controller-wk] #main #query_form .div-right .exceptionstable th {
                text-align: left;
                padding: 0;
                margin: 0 0 5px
            }

            body[class*=controller-wk] #main #query_form .div-left .exceptionstable td, body[class*=controller-wk] #main #query_form .div-right .exceptionstable td {
                padding: 0;
                margin: 0 0 10PX
            }

    #graph .icon-gravatar {
        margin-left: 0 !important;
        width: 100%;
        position: relative
    }

    .controller-wkpayroll.action-index .exceptionstable {
        width: 100%
    }
}

@media screen and (max-width:767px) {
    #main #content fieldset.filter-box .open-box .admin-filter table {
        display: block;
        width: 100%
    }

        #main #content fieldset.filter-box .open-box .admin-filter table tbody, #main #content fieldset.filter-box .open-box .admin-filter table tr {
            display: block;
            width: 100%
        }

        #main #content fieldset.filter-box .open-box .admin-filter table td, #main #content fieldset.filter-box .open-box .admin-filter table th {
            display: block
        }

    #wrapper #eq-filter-controls .holder-filters #eq-filters table {
        display: block
    }

        #wrapper #eq-filter-controls .holder-filters #eq-filters table tbody {
            display: block
        }

        #wrapper #eq-filter-controls .holder-filters #eq-filters table tr {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-flow: column;
            flex-flow: column
        }

        #wrapper #eq-filter-controls .holder-filters #eq-filters table td {
            -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2;
            display: block;
            width: 100% !important
        }

            #wrapper #eq-filter-controls .holder-filters #eq-filters table td:last-child {
                -webkit-box-ordinal-group: 2;
                -ms-flex-order: 1;
                order: 1
            }

    #wrapper #eq-filter-params .eq-panel .eq-button {
        width: 100%;
        margin-right: 0
    }

    #wrapper .eq-button, #wrapper a.eq-button {
        width: 100%;
        margin-right: 0
    }

        #wrapper .eq-button .eq-filter-wrap, #wrapper a.eq-button .eq-filter-wrap {
            -webkit-box-flex: 1;
            -ms-flex: 1 0 auto;
            flex: 1 0 auto;
            text-align: left
        }

    #wrapper .eq-user a.eq-button {
        margin-right: 0
    }

    #wrapper #eq-filter-params .admin-filter .eq-columns-list {
        width: 100%
    }

    #wrapper .eq-button.eq-add-column, #wrapper .eq-button.eq-delete-column, #wrapper a.eq-button.eq-add-column, #wrapper a.eq-button.eq-delete-column {
        margin-left: 0 !important;
        margin-right: 0 !important
    }
}

@media screen and (max-width:650px) {
    #main > #content .jstBlock {
        min-width: 100%;
        margin: 0 0 10px
    }

    #main div.issue .attributes .attribute .value {
        width: 100%
    }

    body.controller-issues.action-show .dynamicEditField, body.controller-issues.action-show .dynamicEditField.open {
        left: -160px;
        width: calc(100% + 160px);
        -ms-flex-flow: wrap;
        flex-flow: wrap
    }

    body.controller-issues.action-show .description .dynamicEditField, body.controller-issues.action-show .description .dynamicEditField.open, body.controller-issues.action-show .subject .dynamicEditField, body.controller-issues.action-show .subject .dynamicEditField.open {
        left: 0;
        width: 100%
    }

    #rmplus-logo > div {
        padding: 10px !important;
        font-size: 1rem;
        line-height: 1.4
    }

        #rmplus-logo > div img {
            max-width: 50px;
            height: auto
        }

        #rmplus-logo > div span {
            font-size: 1rem !important;
            line-height: 1.4 !important
        }

    table.plugin_settings {
        display: block
    }

        table.plugin_settings tbody, table.plugin_settings td, table.plugin_settings tr {
            display: block;
            width: 100%
        }

        table.plugin_settings td {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            border: 0 !important
        }

            table.plugin_settings td div {
                display: block;
                width: 100%
            }

            table.plugin_settings td select {
                width: 100%
            }

            table.plugin_settings td .select2 {
                width: 100% !important;
                margin: 0 !important
            }

        table.plugin_settings tr {
            border-top: 1px solid var(--border-color-content)
        }

            table.plugin_settings tr:first-child {
                border: 0
            }

    .controller-issues #content #update .attributes + .tabular {
        margin-left: -10px !important;
        margin-right: -10px !important
    }

        .controller-issues #content #update .attributes + .tabular .autoscroll {
            overflow: hidden
        }

        .controller-issues #content #update .attributes + .tabular table {
            display: block
        }

            .controller-issues #content #update .attributes + .tabular table label {
                margin: 0 0 5px
            }

            .controller-issues #content #update .attributes + .tabular table tr {
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-flow: column;
                flex-flow: column;
                -webkit-box-align: start;
                -ms-flex-align: start;
                align-items: flex-start
            }

            .controller-issues #content #update .attributes + .tabular table td {
                margin: 0 0 10px;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-flow: column;
                flex-flow: column;
                -webkit-box-align: start;
                -ms-flex-align: start;
                align-items: flex-start;
                padding: 0
            }

            .controller-issues #content #update .attributes + .tabular table th {
                width: 100%;
                padding: 0 0 5px
            }

    #global_issue_template_project_ids .collapsible.template-help, #global_note_template_project_ids .collapsible.template-help {
        top: 5px
    }

    #content div.box > #global_issue_template_project_ids #all_projects[style="display: inline;"], #content div.box > #global_note_template_project_ids #all_projects[style="display: inline;"] {
        margin-top: 50px
    }

        #content div.box > #global_issue_template_project_ids #all_projects[style="display: inline;"]:after, #content div.box > #global_note_template_project_ids #all_projects[style="display: inline;"]:after {
            top: 45px
        }

    #main > #content #issue_templates_settings > h2 {
        margin: 0 -10px 20px;
        font-size: 1.1428rem;
        line-height: 1.4
    }

    #main > #content .easy-setting-plugin-form h2 {
        margin: 0 -10px 20px;
        font-size: 1.1428rem;
        line-height: 1.4
    }

    .autoscroll-easy-gantt {
        position: relative;
        width: 100%
    }

        .autoscroll-easy-gantt:after {
            content: "\E0A7";
            display: block;
            clear: both;
            width: calc(100% + 20px);
            height: 20px;
            background: var(--icon_bg);
            position: absolute;
            bottom: 0;
            left: -10px;
            z-index: 1;
            text-align: center;
            font-family: var(--icon-font);
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-style: normal;
            font-variant: normal;
            font-weight: 400;
            text-decoration: none;
            text-transform: none;
            font-size: 10px;
            line-height: 20px;
            color: var(--icon-color)
        }

        .autoscroll-easy-gantt .autoscroll {
            padding: 0 0 30px;
            position: relative;
            z-index: 2;
            overflow-x: auto
        }

        .autoscroll-easy-gantt #gantt_cont {
            min-width: 630px
        }

    #main > #content #easy_gantt .content-title h2 {
        margin: 0 -10px 20px;
        font-size: 1.1428rem;
        line-height: 1.4
    }

    #main #wbs_menu {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column
    }

        #main #wbs_menu > .push-left {
            width: 100%;
            position: relative;
            padding: 0 0 20px;
            z-index: 3
        }

            #main #wbs_menu > .push-left .mindmup__legend-container {
                -webkit-box-shadow: var(--big-shadow);
                box-shadow: var(--big-shadow)
            }

            #main #wbs_menu > .push-left .mindmup__menu-group-display {
                position: absolute;
                top: 100%;
                left: 0;
                padding: 0;
                margin: 0
            }

        #main #wbs_menu > .push-right {
            width: 100%;
            -webkit-box-align: end;
            -ms-flex-align: end;
            align-items: flex-end;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding: 0 0 0 35px;
            position: relative
        }

    #main .mindmup__legend-container {
        position: relative;
        left: 0
    }

    #main .mindmup__menu-group--tooltiped > ul {
        right: auto;
        left: 0
    }

    #main .mindmup__legend-header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%
    }

        #main .mindmup__legend-header .mindmup__legend-label {
            -webkit-box-flex: 1;
            -ms-flex: 1 0 auto;
            flex: 1 0 auto
        }

    .controller-stats.action-index #main > #content canvas {
        width: 100% !important;
        height: auto !important
    }

    body[class*=controller-wk] #main #content h2 {
        margin: 0 -10px 20px;
        font-size: 1.1428rem;
        line-height: 1.4
    }

    body[class*=controller-wk] #main #content form input[type=submit] {
        margin-left: 0 !important
    }

    body[class*=controller-wk] #main #date-range {
        border-radius: 0;
        padding: 25px 10px 15px
    }

        body[class*=controller-wk] #main #date-range .box {
            padding-left: 10px;
            padding-right: 10px
        }

            body[class*=controller-wk] #main #date-range .box legend {
                left: 0;
                padding-left: 0;
                padding-right: 0;
                margin-left: 0;
                margin-right: 0;
                width: 100%
            }

        body[class*=controller-wk] #main #date-range > legend + div:after {
            width: calc(100% + 20px);
            left: -10px
        }

    body[class*=controller-wk] #main .flex-form {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column
    }

        body[class*=controller-wk] #main .flex-form label {
            display: block;
            width: 100%;
            margin: 0 0 5px !important;
            padding: 0 !important
        }

        body[class*=controller-wk] #main .flex-form b {
            display: block;
            width: 100%;
            margin: 0 !important
        }

        body[class*=controller-wk] #main .flex-form .jcf-list-box, body[class*=controller-wk] #main .flex-form .jcf-select {
            max-width: 100%;
            margin: 0 0 10px !important
        }

        body[class*=controller-wk] #main .flex-form input[type=date], body[class*=controller-wk] #main .flex-form input[type=email], body[class*=controller-wk] #main .flex-form input[type=text], body[class*=controller-wk] #main .flex-form textarea {
            margin: 0 0 10px !important
        }

    .controller-wkgrouppermission #main > #content .box.tabular fieldset {
        float: none !important;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 10px !important;
        width: calc(100% + 20px);
        margin: 0 -10px !important
    }

    .controller-wkgrouppermission #main > #content legend {
        left: 0;
        padding: 0 10px 10px
    }

    .controller-wkgrouppermission #content #query_form .icon-gravatar {
        width: calc(100% + 20px);
        margin: 0 -10px !important;
        padding: 0 10px
    }

        .controller-wkgrouppermission #content #query_form .icon-gravatar fieldset {
            padding: 0;
            margin: 0 !important
        }

        .controller-wkgrouppermission #content #query_form .icon-gravatar legend {
            position: relative;
            top: 0;
            left: 0;
            margin: 0 !important;
            padding: 0 0 10px !important
        }

            .controller-wkgrouppermission #content #query_form .icon-gravatar legend:empty {
                display: none
            }

        .controller-wkgrouppermission #content #query_form .icon-gravatar p label {
            margin: 0 !important
        }

    .controller-wkgrouppermission table {
        display: block
    }

        .controller-wkgrouppermission table tbody {
            display: block
        }

        .controller-wkgrouppermission table tr {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-flow: column;
            flex-flow: column;
            padding: 0
        }

            .controller-wkgrouppermission table tr:last-child td {
                margin: 0
            }

        .controller-wkgrouppermission table th {
            width: 100%;
            padding: 0 0 5px;
            text-align: left
        }

        .controller-wkgrouppermission table td {
            width: 100%;
            padding: 0 !important;
            margin: 0 0 10px
        }

    .controller-settings #main > #content form[action*=redmine_wktime] .box.tabular fieldset {
        margin-left: -10px !important;
        margin-right: -10px !important;
        padding: 15px 10px !important;
        width: calc(100% + 20px) !important;
        border-radius: 0 !important
    }

    .controller-settings #content form[action*=redmine_wktime] .box p {
        padding: 0 !important
    }

    .controller-settings #content form[action*=redmine_wktime] #tab-content-attendance .splitcontent .box:first-child {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important
    }

        .controller-settings #content form[action*=redmine_wktime] #tab-content-attendance .splitcontent .box:first-child fieldset {
            padding-bottom: 0 !important
        }

    .controller-settings #settings_wktime_auto_import_time_hr ~ .jcf-select, .controller-settings #settings_wktime_nonsub_sch_hr ~ .jcf-select, .controller-settings #settings_wktime_submission_deadline ~ .jcf-select {
        margin: 5px 0 !important
    }

    .controller-settings #tab-content-attendance .jcf-select {
        min-width: 100%;
        margin-left: 0 !important
    }

    .controller-settings #main > #content form[action*=redmine_wktime] #tab-content-purchase .splitcontent .splitcontentleft fieldset fieldset:last-child, .controller-settings #main > #content form[action*=redmine_wktime] #tab-content-purchase .splitcontent .splitcontentright fieldset fieldset:last-child {
        padding-bottom: 0 !important
    }

    .controller-wkcrmaccount #main > #content .splitcontentleft table {
        display: block
    }

        .controller-wkcrmaccount #main > #content .splitcontentleft table tbody, .controller-wkcrmaccount #main > #content .splitcontentleft table td, .controller-wkcrmaccount #main > #content .splitcontentleft table th, .controller-wkcrmaccount #main > #content .splitcontentleft table tr {
            display: block
        }

        .controller-wkcrmaccount #main > #content .splitcontentleft table td {
            padding: 0 0 10px !important
        }

        .controller-wkcrmaccount #main > #content .splitcontentleft table tr:last-child td {
            padding-bottom: 0 !important
        }

    body[class*=controller-wk] #main .icon.icon-reload, body[class*=controller-wk] #main .icon.icon-report {
        padding: 8px 30px;
        width: 100%;
        font-size: 1rem;
        line-height: 1rem;
        -webkit-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        -o-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        border-radius: var(--icon-border-radius);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background: var(--icon_bg-bg);
        border: 0 !important;
        color: var(--icon-color-bg) !important;
        display: inline-block;
        vertical-align: top;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-weight: 600;
        margin: 10px 0 0 !important;
        height: auto;
        outline: 0 none;
        text-align: center
    }

        body[class*=controller-wk] #main .icon.icon-reload:after, body[class*=controller-wk] #main .icon.icon-report:after {
            display: none
        }

    body[class*=controller-wk] #main .icon.icon-checked {
        padding: 8px 30px;
        width: 100%;
        font-size: 1rem;
        line-height: 1rem;
        -webkit-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        -o-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        border-radius: var(--icon-border-radius);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background: var(--button-main-bg-bg);
        border: 0 !important;
        color: var(--button-main-color-bg) !important;
        display: inline-block;
        vertical-align: top;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-weight: 600;
        margin: 0 !important;
        height: auto;
        outline: 0 none;
        text-align: center
    }

        body[class*=controller-wk] #main .icon.icon-checked:after {
            display: none
        }

    body[class*=controller-wk] #main .box .icon.icon-reload, body[class*=controller-wk] #main .box .icon.icon-report {
        background: var(--icon_bg-bg);
        color: var(--icon-color-bg)
    }

    body.controller-wkdashboard #main .icon.icon-reload {
        background: var(--icon_bg-bg)
    }

    body.controller-wkdashboard form[action*="/wkdashboard/index"] {
        border-radius: 0;
        margin: 0 -10px 20px;
        padding: 20px 10px;
        width: calc(100% + 20px) !important
    }

        body.controller-wkdashboard form[action*="/wkdashboard/index"] fieldset .flex-form {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-flow: column;
            flex-flow: column;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start
        }

            body.controller-wkdashboard form[action*="/wkdashboard/index"] fieldset .flex-form label {
                display: block;
                width: 100%;
                padding-bottom: 5px
            }

            body.controller-wkdashboard form[action*="/wkdashboard/index"] fieldset .flex-form span[onclick*=period_type_2] {
                margin-left: 0 !important;
                margin-bottom: 0 !important;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-flow: column;
                flex-flow: column;
                -webkit-box-align: start;
                -ms-flex-align: start;
                align-items: flex-start
            }

            body.controller-wkdashboard form[action*="/wkdashboard/index"] fieldset .flex-form .jcf-select, body.controller-wkdashboard form[action*="/wkdashboard/index"] fieldset .flex-form .period_picker_input {
                width: 100%;
                margin: 5px 0 10px !important;
                -webkit-box-flex: 1;
                -ms-flex: 1 0 auto;
                flex: 1 0 auto;
                max-width: 100%
            }

            body.controller-wkdashboard form[action*="/wkdashboard/index"] fieldset .flex-form input[type=radio] {
                margin: 0 0 10px
            }

            body.controller-wkdashboard form[action*="/wkdashboard/index"] fieldset .flex-form label {
                padding-left: 0 !important;
                margin: 0 !important
            }

            body.controller-wkdashboard form[action*="/wkdashboard/index"] fieldset .flex-form #period_type_2 {
                margin-left: 0 !important
            }

        body.controller-wkdashboard form[action*="/wkdashboard/index"] input[type=submit] {
            margin-left: 0 !important;
            margin-bottom: 0 !important
        }

    .controller-wkcontract #query_form table:not(.list), .controller-wkcrmaccount #query_form table:not(.list), .controller-wkcrmcontact #query_form table:not(.list), .controller-wkcrmenumeration #query_form table:not(.list), .controller-wkinvoice #query_form table:not(.list), .controller-wklead #query_form table:not(.list), .controller-wklocation #query_form table:not(.list), .controller-wkpayment #query_form table:not(.list), .controller-wkrfq #query_form table:not(.list), .controller-wktax #query_form table:not(.list) {
        display: block;
        overflow: hidden
    }

        .controller-wkcontract #query_form table:not(.list) tbody, .controller-wkcontract #query_form table:not(.list) td, .controller-wkcontract #query_form table:not(.list) th, .controller-wkcontract #query_form table:not(.list) tr, .controller-wkcrmaccount #query_form table:not(.list) tbody, .controller-wkcrmaccount #query_form table:not(.list) td, .controller-wkcrmaccount #query_form table:not(.list) th, .controller-wkcrmaccount #query_form table:not(.list) tr, .controller-wkcrmcontact #query_form table:not(.list) tbody, .controller-wkcrmcontact #query_form table:not(.list) td, .controller-wkcrmcontact #query_form table:not(.list) th, .controller-wkcrmcontact #query_form table:not(.list) tr, .controller-wkcrmenumeration #query_form table:not(.list) tbody, .controller-wkcrmenumeration #query_form table:not(.list) td, .controller-wkcrmenumeration #query_form table:not(.list) th, .controller-wkcrmenumeration #query_form table:not(.list) tr, .controller-wkinvoice #query_form table:not(.list) tbody, .controller-wkinvoice #query_form table:not(.list) td, .controller-wkinvoice #query_form table:not(.list) th, .controller-wkinvoice #query_form table:not(.list) tr, .controller-wklead #query_form table:not(.list) tbody, .controller-wklead #query_form table:not(.list) td, .controller-wklead #query_form table:not(.list) th, .controller-wklead #query_form table:not(.list) tr, .controller-wklocation #query_form table:not(.list) tbody, .controller-wklocation #query_form table:not(.list) td, .controller-wklocation #query_form table:not(.list) th, .controller-wklocation #query_form table:not(.list) tr, .controller-wkpayment #query_form table:not(.list) tbody, .controller-wkpayment #query_form table:not(.list) td, .controller-wkpayment #query_form table:not(.list) th, .controller-wkpayment #query_form table:not(.list) tr, .controller-wkrfq #query_form table:not(.list) tbody, .controller-wkrfq #query_form table:not(.list) td, .controller-wkrfq #query_form table:not(.list) th, .controller-wkrfq #query_form table:not(.list) tr, .controller-wktax #query_form table:not(.list) tbody, .controller-wktax #query_form table:not(.list) td, .controller-wktax #query_form table:not(.list) th, .controller-wktax #query_form table:not(.list) tr {
            display: block;
            overflow: hidden
        }

        .controller-wkcontract #query_form table:not(.list) th, .controller-wkcrmaccount #query_form table:not(.list) th, .controller-wkcrmcontact #query_form table:not(.list) th, .controller-wkcrmenumeration #query_form table:not(.list) th, .controller-wkinvoice #query_form table:not(.list) th, .controller-wklead #query_form table:not(.list) th, .controller-wklocation #query_form table:not(.list) th, .controller-wkpayment #query_form table:not(.list) th, .controller-wkrfq #query_form table:not(.list) th, .controller-wktax #query_form table:not(.list) th {
            margin: 0 !important;
            padding: 0 0 5px !important
        }

        .controller-wkcontract #query_form table:not(.list) td, .controller-wkcrmaccount #query_form table:not(.list) td, .controller-wkcrmcontact #query_form table:not(.list) td, .controller-wkcrmenumeration #query_form table:not(.list) td, .controller-wkinvoice #query_form table:not(.list) td, .controller-wklead #query_form table:not(.list) td, .controller-wklocation #query_form table:not(.list) td, .controller-wkpayment #query_form table:not(.list) td, .controller-wkrfq #query_form table:not(.list) td, .controller-wktax #query_form table:not(.list) td {
            padding: 0 0 10px !important
        }

        .controller-wkcontract #query_form table:not(.list) tr:last-child td, .controller-wkcrmaccount #query_form table:not(.list) tr:last-child td, .controller-wkcrmcontact #query_form table:not(.list) tr:last-child td, .controller-wkcrmenumeration #query_form table:not(.list) tr:last-child td, .controller-wkinvoice #query_form table:not(.list) tr:last-child td, .controller-wklead #query_form table:not(.list) tr:last-child td, .controller-wklocation #query_form table:not(.list) tr:last-child td, .controller-wkpayment #query_form table:not(.list) tr:last-child td, .controller-wkrfq #query_form table:not(.list) tr:last-child td, .controller-wktax #query_form table:not(.list) tr:last-child td {
            padding-bottom: 0 !important
        }

        .controller-wkcontract #query_form table:not(.list) tr:first-child td, .controller-wkcrmaccount #query_form table:not(.list) tr:first-child td, .controller-wkcrmcontact #query_form table:not(.list) tr:first-child td, .controller-wkcrmenumeration #query_form table:not(.list) tr:first-child td, .controller-wkinvoice #query_form table:not(.list) tr:first-child td, .controller-wklead #query_form table:not(.list) tr:first-child td, .controller-wklocation #query_form table:not(.list) tr:first-child td, .controller-wkpayment #query_form table:not(.list) tr:first-child td, .controller-wkrfq #query_form table:not(.list) tr:first-child td, .controller-wktax #query_form table:not(.list) tr:first-child td {
            padding-bottom: 10px !important
        }

        .controller-wkcontract #query_form table:not(.list) label, .controller-wkcrmaccount #query_form table:not(.list) label, .controller-wkcrmcontact #query_form table:not(.list) label, .controller-wkcrmenumeration #query_form table:not(.list) label, .controller-wkinvoice #query_form table:not(.list) label, .controller-wklead #query_form table:not(.list) label, .controller-wklocation #query_form table:not(.list) label, .controller-wkpayment #query_form table:not(.list) label, .controller-wkrfq #query_form table:not(.list) label, .controller-wktax #query_form table:not(.list) label {
            display: block;
            width: 100%;
            text-align: left;
            margin: 0 !important;
            padding: 0 !important
        }

        .controller-wkcrmenumeration #query_form table:not(.list) tr:first-child td {
            padding-bottom: 10px !important
        }

    .controller-wkcrmcontact.action-index #query_form table tr:last-child th {
        padding: 0 0 5px !important
    }

    .controller-wkcrmcontact.action-index #query_form table tr:last-child td {
        padding: 0 0 10px !important
    }

    .controller-wkquote.action-edit .box table {
        display: block
    }

        .controller-wkquote.action-edit .box table tbody, .controller-wkquote.action-edit .box table td, .controller-wkquote.action-edit .box table th, .controller-wkquote.action-edit .box table tr {
            display: block
        }

        .controller-wkquote.action-edit .box table td {
            padding: 0 0 10px !important
        }

        .controller-wkquote.action-edit .box table tr:last-child td {
            padding-bottom: 0 !important
        }

    .controller-wksurvey.action-index #content form .jcf-select, .controller-wksurvey.action-index #content form input[type=text] {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        margin-top: 5px !important;
        margin-left: 0;
        min-width: 100%
    }

    .controller-wksurvey.action-index .flex-form .autoscroll table tr th {
        margin-bottom: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .controller-wksurvey.action-edit #content fieldset.box {
        padding-top: 15px
    }

    .controller-wksurvey.action-edit .box table {
        display: block;
        margin: 0
    }

        .controller-wksurvey.action-edit .box table label {
            padding: 0 !important
        }

        .controller-wksurvey.action-edit .box table tbody, .controller-wksurvey.action-edit .box table td, .controller-wksurvey.action-edit .box table th, .controller-wksurvey.action-edit .box table tr {
            display: block
        }

        .controller-wksurvey.action-edit .box table th {
            padding: 10px 0 5px;
            text-align: left
        }

            .controller-wksurvey.action-edit .box table th:first-child {
                padding: 0 0 5px
            }

        .controller-wksurvey.action-edit .box table td {
            padding: 0
        }

        .controller-wksurvey.action-edit .box table tr:empty {
            display: none
        }

        .controller-wksurvey.action-edit .box table tr:last-child td {
            padding: 0;
            margin: 0
        }

        .controller-wksurvey.action-edit .box table .jcf-select, .controller-wksurvey.action-edit .box table input[type=date], .controller-wksurvey.action-edit .box table input[type=email], .controller-wksurvey.action-edit .box table input[type=number], .controller-wksurvey.action-edit .box table input[type=password], .controller-wksurvey.action-edit .box table input[type=text], .controller-wksurvey.action-edit .box table textarea {
            margin: 0 !important
        }

            .controller-wksurvey.action-edit .box table .jcf-select ~ .jcf-select, .controller-wksurvey.action-edit .box table .jcf-select ~ input[type=date], .controller-wksurvey.action-edit .box table .jcf-select ~ input[type=email], .controller-wksurvey.action-edit .box table .jcf-select ~ input[type=number], .controller-wksurvey.action-edit .box table .jcf-select ~ input[type=password], .controller-wksurvey.action-edit .box table .jcf-select ~ input[type=text], .controller-wksurvey.action-edit .box table .jcf-select ~ textarea, .controller-wksurvey.action-edit .box table input[type=date] ~ .jcf-select, .controller-wksurvey.action-edit .box table input[type=date] ~ input[type=date], .controller-wksurvey.action-edit .box table input[type=date] ~ input[type=email], .controller-wksurvey.action-edit .box table input[type=date] ~ input[type=number], .controller-wksurvey.action-edit .box table input[type=date] ~ input[type=password], .controller-wksurvey.action-edit .box table input[type=date] ~ input[type=text], .controller-wksurvey.action-edit .box table input[type=date] ~ textarea, .controller-wksurvey.action-edit .box table input[type=email] ~ .jcf-select, .controller-wksurvey.action-edit .box table input[type=email] ~ input[type=date], .controller-wksurvey.action-edit .box table input[type=email] ~ input[type=email], .controller-wksurvey.action-edit .box table input[type=email] ~ input[type=number], .controller-wksurvey.action-edit .box table input[type=email] ~ input[type=password], .controller-wksurvey.action-edit .box table input[type=email] ~ input[type=text], .controller-wksurvey.action-edit .box table input[type=email] ~ textarea, .controller-wksurvey.action-edit .box table input[type=number] ~ .jcf-select, .controller-wksurvey.action-edit .box table input[type=number] ~ input[type=date], .controller-wksurvey.action-edit .box table input[type=number] ~ input[type=email], .controller-wksurvey.action-edit .box table input[type=number] ~ input[type=number], .controller-wksurvey.action-edit .box table input[type=number] ~ input[type=password], .controller-wksurvey.action-edit .box table input[type=number] ~ input[type=text], .controller-wksurvey.action-edit .box table input[type=number] ~ textarea, .controller-wksurvey.action-edit .box table input[type=password] ~ .jcf-select, .controller-wksurvey.action-edit .box table input[type=password] ~ input[type=date], .controller-wksurvey.action-edit .box table input[type=password] ~ input[type=email], .controller-wksurvey.action-edit .box table input[type=password] ~ input[type=number], .controller-wksurvey.action-edit .box table input[type=password] ~ input[type=password], .controller-wksurvey.action-edit .box table input[type=password] ~ input[type=text], .controller-wksurvey.action-edit .box table input[type=password] ~ textarea, .controller-wksurvey.action-edit .box table input[type=text] ~ .jcf-select, .controller-wksurvey.action-edit .box table input[type=text] ~ input[type=date], .controller-wksurvey.action-edit .box table input[type=text] ~ input[type=email], .controller-wksurvey.action-edit .box table input[type=text] ~ input[type=number], .controller-wksurvey.action-edit .box table input[type=text] ~ input[type=password], .controller-wksurvey.action-edit .box table input[type=text] ~ input[type=text], .controller-wksurvey.action-edit .box table input[type=text] ~ textarea, .controller-wksurvey.action-edit .box table textarea ~ .jcf-select, .controller-wksurvey.action-edit .box table textarea ~ input[type=date], .controller-wksurvey.action-edit .box table textarea ~ input[type=email], .controller-wksurvey.action-edit .box table textarea ~ input[type=number], .controller-wksurvey.action-edit .box table textarea ~ input[type=password], .controller-wksurvey.action-edit .box table textarea ~ input[type=text], .controller-wksurvey.action-edit .box table textarea ~ textarea {
                margin: 10px 0 0 !important
            }

    .controller-wksurvey.action-edit .surveyquestions table td, .controller-wksurvey.action-edit .surveyquestions table th {
        white-space: nowrap
    }

    .controller-wkproduct.action-edit .tabular table {
        display: block
    }

        .controller-wkproduct.action-edit .tabular table tbody, .controller-wkproduct.action-edit .tabular table td, .controller-wkproduct.action-edit .tabular table th {
            display: block;
            width: 100%
        }

        .controller-wkproduct.action-edit .tabular table td {
            padding: 5px 0 !important
        }

            .controller-wkproduct.action-edit .tabular table td b {
                display: block;
                margin: 0 0 5px
            }

            .controller-wkproduct.action-edit .tabular table td:last-child {
                padding: 0 !important
            }

    .controller-wkproduct.action-edit .tabular label {
        padding: 0 !important;
        margin: 0 !important
    }

    .controller-wkexpense.action-edit #wktimeHeader, .controller-wktime.action-edit #wktimeHeader {
        display: block;
        width: 100%;
        padding: 0
    }

        .controller-wkexpense.action-edit #wktimeHeader > tbody, .controller-wkexpense.action-edit #wktimeHeader > tbody > tr, .controller-wkexpense.action-edit #wktimeHeader > tbody > tr > td, .controller-wktime.action-edit #wktimeHeader > tbody, .controller-wktime.action-edit #wktimeHeader > tbody > tr, .controller-wktime.action-edit #wktimeHeader > tbody > tr > td {
            padding: 0;
            display: block;
            width: 100%
        }

            .controller-wkexpense.action-edit #wktimeHeader > tbody > tr > td, .controller-wktime.action-edit #wktimeHeader > tbody > tr > td {
                padding: 0 0 20px
            }

                .controller-wkexpense.action-edit #wktimeHeader > tbody > tr > td:nth-child(2), .controller-wktime.action-edit #wktimeHeader > tbody > tr > td:nth-child(2) {
                    padding: 0
                }

                .controller-wkexpense.action-edit #wktimeHeader > tbody > tr > td:last-child[width="100%"], .controller-wktime.action-edit #wktimeHeader > tbody > tr > td:last-child[width="100%"] {
                    display: none
                }

        .controller-wkexpense.action-edit #wktimeHeader th, .controller-wktime.action-edit #wktimeHeader th {
            white-space: pre-wrap
        }

    .controller-wkexpense.action-edit #content .wk-contextual ~ .contextual, .controller-wktime.action-edit #content .wk-contextual ~ .contextual {
        margin-top: 15px;
        padding: 15px 0 0
    }

    .controller-wkscheduling.action-index #schedule_form .box > div {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        font-size: 0;
        line-height: 0
    }

        .controller-wkscheduling.action-index #schedule_form .box > div label {
            font-size: 1rem;
            line-height: 1.4
        }

    .controller-wkscheduling.action-index #schedule_form .box p {
        font-size: 0;
        line-height: 0
    }

    .controller-wkscheduling.action-index #schedule_form .box label {
        display: block;
        width: 100%;
        text-align: left;
        margin: 0 0 5px !important
    }

    .controller-wkscheduling.action-index #schedule_form .box .jcf-select {
        margin: 0 0 10px !important
    }

    .controller-wkscheduling.action-index #schedule_form .box input[type=text] {
        margin: 0 0 10px !important
    }

    .controller-wkscheduling.action-index #schedule_form .box .jcf-select {
        max-width: 100%
    }

    .controller-wkpublicholiday.action-index #main .flex-form a.icon-reload {
        margin-top: 10px !important
    }

    .controller-wkcrmactivity.action-index #query_form p.buttons, .controller-wkopportunity.action-index #query_form p.buttons, .controller-wkpayroll.action-index #query_form p.buttons {
        margin: 10px 0 20px !important
    }

    .controller-wkcrmactivity.action-index .exceptionstable, .controller-wkopportunity.action-index .exceptionstable, .controller-wkpayroll.action-index .exceptionstable {
        display: block
    }

        .controller-wkcrmactivity.action-index .exceptionstable tbody, .controller-wkcrmactivity.action-index .exceptionstable td, .controller-wkcrmactivity.action-index .exceptionstable th, .controller-wkcrmactivity.action-index .exceptionstable thead, .controller-wkcrmactivity.action-index .exceptionstable tr, .controller-wkopportunity.action-index .exceptionstable tbody, .controller-wkopportunity.action-index .exceptionstable td, .controller-wkopportunity.action-index .exceptionstable th, .controller-wkopportunity.action-index .exceptionstable thead, .controller-wkopportunity.action-index .exceptionstable tr, .controller-wkpayroll.action-index .exceptionstable tbody, .controller-wkpayroll.action-index .exceptionstable td, .controller-wkpayroll.action-index .exceptionstable th, .controller-wkpayroll.action-index .exceptionstable thead, .controller-wkpayroll.action-index .exceptionstable tr {
            display: block;
            width: 100%;
            text-align: left
        }

        .controller-wkcrmactivity.action-index .exceptionstable th, .controller-wkopportunity.action-index .exceptionstable th, .controller-wkpayroll.action-index .exceptionstable th {
            padding: 0 0 5px !important;
            overflow: hidden
        }

        .controller-wkcrmactivity.action-index .exceptionstable td, .controller-wkopportunity.action-index .exceptionstable td, .controller-wkpayroll.action-index .exceptionstable td {
            padding: 0 0 10px;
            overflow: hidden
        }

        .controller-wkcrmactivity.action-index .exceptionstable label, .controller-wkopportunity.action-index .exceptionstable label, .controller-wkpayroll.action-index .exceptionstable label {
            float: none !important;
            display: block;
            width: 100%;
            margin-left: 0 !important;
            padding-left: 0 !important
        }

    .controller-wkcrmaccount.action-edit table:not(.list), .controller-wkcrmcontact.action-edit table:not(.list) {
        display: block;
        width: 100%
    }

        .controller-wkcrmaccount.action-edit table:not(.list) tbody, .controller-wkcrmaccount.action-edit table:not(.list) td, .controller-wkcrmaccount.action-edit table:not(.list) th, .controller-wkcrmaccount.action-edit table:not(.list) tr, .controller-wkcrmcontact.action-edit table:not(.list) tbody, .controller-wkcrmcontact.action-edit table:not(.list) td, .controller-wkcrmcontact.action-edit table:not(.list) th, .controller-wkcrmcontact.action-edit table:not(.list) tr {
            display: block;
            width: 100%;
            padding: 0
        }

        .controller-wkcrmaccount.action-edit table:not(.list) tr, .controller-wkcrmcontact.action-edit table:not(.list) tr {
            padding: 0 !important
        }

        .controller-wkcrmaccount.action-edit table:not(.list) th, .controller-wkcrmcontact.action-edit table:not(.list) th {
            padding: 0 !important
        }

    .controller-wkpayroll.action-payrollsettings fieldset {
        padding: 20px 10px 15px;
        margin-left: -10px;
        margin-right: -10px;
        width: calc(100% + 20px);
        border-radius: 0
    }

        .controller-wkpayroll.action-payrollsettings fieldset table {
            display: block;
            width: 100%
        }

            .controller-wkpayroll.action-payrollsettings fieldset table tbody, .controller-wkpayroll.action-payrollsettings fieldset table td, .controller-wkpayroll.action-payrollsettings fieldset table th, .controller-wkpayroll.action-payrollsettings fieldset table tr {
                display: block;
                width: 100%
            }

            .controller-wkpayroll.action-payrollsettings fieldset table th {
                padding: 0 !important
            }

            .controller-wkpayroll.action-payrollsettings fieldset table td {
                padding: 0 !important
            }

            .controller-wkpayroll.action-payrollsettings fieldset table a {
                margin: 0 0 10px !important;
                width: 100%;
                text-align: center
            }

    .controller-wkpayroll.action-user_salary_settings table td, .controller-wkpayroll.action-user_salary_settings table th {
        min-width: 150px
    }

    .controller-wkcrmaccount.action-index #query_form table tr:last-child td, .controller-wkcrmcontact.action-index #query_form table tr:last-child td, .controller-wklead.action-index #query_form table tr:last-child td {
        padding: 0 0 10px !important
    }

    .controller-wkcrmaccount.action-index #content form input[type=submit], .controller-wkcrmcontact.action-index #content form input[type=submit], .controller-wklead.action-index #content form input[type=submit] {
        margin: 0 !important
    }

    .controller-wkcrmaccount.action-index #main .icon.icon-reload, .controller-wkcrmcontact.action-index #main .icon.icon-reload, .controller-wklead.action-index #main .icon.icon-reload {
        margin: 0 !important
    }

    .controller-wkcrmactivity.action-edit td[style*=padding-left], .controller-wkcrmactivity.action-edit th[style*=padding-left], .controller-wkopportunity.action-edit td[style*=padding-left], .controller-wkopportunity.action-edit th[style*=padding-left] {
        padding-left: 0 !important
    }

    .controller-wkcrmactivity.action-edit td[style*=padding-left], .controller-wkopportunity.action-edit td[style*=padding-left] {
        width: calc(100% - 295px)
    }

    .controller-wkcrmactivity.action-edit .exceptionstable tr, .controller-wkopportunity.action-edit .exceptionstable tr {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        padding: 0
    }

        .controller-wkcrmactivity.action-edit .exceptionstable tr:first-child, .controller-wkopportunity.action-edit .exceptionstable tr:first-child {
            padding: 0
        }

        .controller-wkcrmactivity.action-edit .exceptionstable tr th, .controller-wkopportunity.action-edit .exceptionstable tr th {
            width: 100%;
            padding: 0 0 5px;
            min-width: 100%
        }

        .controller-wkcrmactivity.action-edit .exceptionstable tr td, .controller-wkopportunity.action-edit .exceptionstable tr td {
            width: 100%
        }

            .controller-wkcrmactivity.action-edit .exceptionstable tr td + td, .controller-wkopportunity.action-edit .exceptionstable tr td + td {
                padding-left: 0 !important
            }

    body[class*=controller-wk] #accordion .ui-accordion-header {
        border-radius: 0
    }

    body[class*=controller-wk] #accordion .ui-accordion-content .surveyquestions {
        padding: 15px 10px;
        border-radius: 0
    }

    .controller-wkinvoice.action-new .exceptionstable ~ .exceptionstable {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column
    }

        .controller-wkinvoice.action-new .exceptionstable ~ .exceptionstable th {
            min-width: 100%
        }

        .controller-wkinvoice.action-new .exceptionstable ~ .exceptionstable td {
            width: 100%
        }

    .controller-wkinvoice.action-edit #content #query_form input[type=submit] + a.icon-report {
        color: var(--button-color-bg);
        background: var(--button-bg-bg);
        margin-bottom: 10px !important
    }

        .controller-wkinvoice.action-edit #content #query_form input[type=submit] + a.icon-report:hover {
            color: var(--button-color-hover-bg);
            background: var(--button-bg-hover-bg)
        }

    .controller-wkinvoice.action-edit #query_form > .exceptionstable {
        display: block
    }

        .controller-wkinvoice.action-edit #query_form > .exceptionstable tbody {
            display: block
        }

        .controller-wkinvoice.action-edit #query_form > .exceptionstable td, .controller-wkinvoice.action-edit #query_form > .exceptionstable th, .controller-wkinvoice.action-edit #query_form > .exceptionstable tr {
            display: block
        }

        .controller-wkinvoice.action-edit #query_form > .exceptionstable th {
            width: 100% !important;
            padding: 0 0 5px !important
        }

        .controller-wkinvoice.action-edit #query_form > .exceptionstable td {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            width: 100% !important
        }

    .controller-wkinvoice.action-edit .jcf-select, .controller-wkinvoice.action-edit .period_picker_input {
        width: 100%;
        margin: 0 0 0 5px
    }

    .controller-issues.action-new #main #issue-form #all_attributes .box.tabular label {
        margin: 0;
        min-width: 100%;
        width: 100%
    }

    .controller-issues.action-new #main #issue-form #all_attributes table tr {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column
    }

    .controller-issues.action-new #main #issue-form #all_attributes table th {
        min-width: 100%;
        width: 100%;
        padding: 0 0 5px
    }

        .controller-issues.action-new #main #issue-form #all_attributes table th + td {
            width: 100%
        }

    .controller-issues.action-new #main #issue-form #all_attributes table td {
        margin: 0 0 10px;
        width: 100%;
        padding: 0 !important;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column
    }

    .controller-wkpayment.action-edit table:not(.list) tr {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        padding: 0 !important
    }

    .controller-wkpayment.action-edit table:not(.list) th {
        width: 100%;
        padding: 0 0 5px !important
    }

        .controller-wkpayment.action-edit table:not(.list) th:nth-of-type(1) {
            padding: 0 0 5px !important
        }

    .controller-wkpayment.action-edit table:not(.list) td {
        width: 100%;
        padding: 0 0 10px !important
    }

    .controller-wkgltransaction.action-index .wk-contextual {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        padding: 0 !important;
        margin: 0 !important
    }

        .controller-wkgltransaction.action-index .wk-contextual b {
            display: block;
            width: 100%;
            margin: 0 0 5px !important;
            padding: 0 !important
        }

            .controller-wkgltransaction.action-index .wk-contextual b label {
                padding: 0;
                margin: 0
            }

    .controller-wkgltransaction #query_form .jcf-select {
        margin: 0 0 10px !important
    }

    .controller-wkgltransaction.action-edit #query_form > .exceptionstable {
        display: block
    }

        .controller-wkgltransaction.action-edit #query_form > .exceptionstable tbody, .controller-wkgltransaction.action-edit #query_form > .exceptionstable td, .controller-wkgltransaction.action-edit #query_form > .exceptionstable th, .controller-wkgltransaction.action-edit #query_form > .exceptionstable tr {
            display: block
        }

        .controller-wkgltransaction.action-edit #query_form > .exceptionstable th {
            padding: 0 0 5px
        }

        .controller-wkgltransaction.action-edit #query_form > .exceptionstable td {
            padding: 0 0 10px
        }

        .controller-wkgltransaction.action-edit #query_form > .exceptionstable tr:last-child td {
            padding: 0
        }

    .controller-wkgltransaction.action-edit #query_form .jcf-select {
        margin: 0 !important
    }

    .controller-wkledger.action-index #query_form .exceptionstable {
        display: block
    }

        .controller-wkledger.action-index #query_form .exceptionstable label {
            padding: 0 !important
        }

        .controller-wkledger.action-index #query_form .exceptionstable tbody, .controller-wkledger.action-index #query_form .exceptionstable td, .controller-wkledger.action-index #query_form .exceptionstable th, .controller-wkledger.action-index #query_form .exceptionstable tr {
            display: block
        }

        .controller-wkledger.action-index #query_form .exceptionstable th {
            padding: 10px 0 5px;
            text-align: left
        }

            .controller-wkledger.action-index #query_form .exceptionstable th:first-child {
                padding: 0 0 5px
            }

        .controller-wkledger.action-index #query_form .exceptionstable td {
            padding: 0
        }

        .controller-wkledger.action-index #query_form .exceptionstable tr:last-child td {
            padding: 0;
            margin: 0
        }

    .controller-wkledger.action-edit #query_form .exceptionstable tbody {
        display: block
    }

    .controller-wkledger.action-edit #query_form .exceptionstable tr {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        padding: 0
    }

        .controller-wkledger.action-edit #query_form .exceptionstable tr:last-child td {
            margin: 0
        }

    .controller-wkledger.action-edit #query_form .exceptionstable th {
        width: 100%;
        padding: 0 0 5px
    }

    .controller-wkledger.action-edit #query_form .exceptionstable td {
        width: 100%;
        padding: 0 !important;
        margin: 0 0 10px
    }

    .controller-wkasset.action-edit #query_form .exceptionstable, .controller-wkcrmenumeration.action-edit #query_form .exceptionstable, .controller-wklocation.action-edit #query_form .exceptionstable, .controller-wkproduct.action-edit #query_form .exceptionstable, .controller-wkproductitem.action-edit #query_form .exceptionstable, .controller-wksupplieraccount.action-edit #query_form .exceptionstable, .controller-wksuppliercontact.action-edit #query_form .exceptionstable {
        display: block;
        margin: 0
    }

        .controller-wkasset.action-edit #query_form .exceptionstable label, .controller-wkcrmenumeration.action-edit #query_form .exceptionstable label, .controller-wklocation.action-edit #query_form .exceptionstable label, .controller-wkproduct.action-edit #query_form .exceptionstable label, .controller-wkproductitem.action-edit #query_form .exceptionstable label, .controller-wksupplieraccount.action-edit #query_form .exceptionstable label, .controller-wksuppliercontact.action-edit #query_form .exceptionstable label {
            padding: 0 !important
        }

        .controller-wkasset.action-edit #query_form .exceptionstable tbody, .controller-wkasset.action-edit #query_form .exceptionstable td, .controller-wkasset.action-edit #query_form .exceptionstable th, .controller-wkasset.action-edit #query_form .exceptionstable tr, .controller-wkcrmenumeration.action-edit #query_form .exceptionstable tbody, .controller-wkcrmenumeration.action-edit #query_form .exceptionstable td, .controller-wkcrmenumeration.action-edit #query_form .exceptionstable th, .controller-wkcrmenumeration.action-edit #query_form .exceptionstable tr, .controller-wklocation.action-edit #query_form .exceptionstable tbody, .controller-wklocation.action-edit #query_form .exceptionstable td, .controller-wklocation.action-edit #query_form .exceptionstable th, .controller-wklocation.action-edit #query_form .exceptionstable tr, .controller-wkproduct.action-edit #query_form .exceptionstable tbody, .controller-wkproduct.action-edit #query_form .exceptionstable td, .controller-wkproduct.action-edit #query_form .exceptionstable th, .controller-wkproduct.action-edit #query_form .exceptionstable tr, .controller-wkproductitem.action-edit #query_form .exceptionstable tbody, .controller-wkproductitem.action-edit #query_form .exceptionstable td, .controller-wkproductitem.action-edit #query_form .exceptionstable th, .controller-wkproductitem.action-edit #query_form .exceptionstable tr, .controller-wksupplieraccount.action-edit #query_form .exceptionstable tbody, .controller-wksupplieraccount.action-edit #query_form .exceptionstable td, .controller-wksupplieraccount.action-edit #query_form .exceptionstable th, .controller-wksupplieraccount.action-edit #query_form .exceptionstable tr, .controller-wksuppliercontact.action-edit #query_form .exceptionstable tbody, .controller-wksuppliercontact.action-edit #query_form .exceptionstable td, .controller-wksuppliercontact.action-edit #query_form .exceptionstable th, .controller-wksuppliercontact.action-edit #query_form .exceptionstable tr {
            display: block;
            padding: 0
        }

            .controller-wkasset.action-edit #query_form .exceptionstable tr:first-child th, .controller-wkcrmenumeration.action-edit #query_form .exceptionstable tr:first-child th, .controller-wklocation.action-edit #query_form .exceptionstable tr:first-child th, .controller-wkproduct.action-edit #query_form .exceptionstable tr:first-child th, .controller-wkproductitem.action-edit #query_form .exceptionstable tr:first-child th, .controller-wksupplieraccount.action-edit #query_form .exceptionstable tr:first-child th, .controller-wksuppliercontact.action-edit #query_form .exceptionstable tr:first-child th {
                padding: 0 0 5px
            }

        .controller-wkasset.action-edit #query_form .exceptionstable th, .controller-wkcrmenumeration.action-edit #query_form .exceptionstable th, .controller-wklocation.action-edit #query_form .exceptionstable th, .controller-wkproduct.action-edit #query_form .exceptionstable th, .controller-wkproductitem.action-edit #query_form .exceptionstable th, .controller-wksupplieraccount.action-edit #query_form .exceptionstable th, .controller-wksuppliercontact.action-edit #query_form .exceptionstable th {
            padding: 10px 0 5px;
            text-align: left
        }

        .controller-wkasset.action-edit #query_form .exceptionstable td, .controller-wkcrmenumeration.action-edit #query_form .exceptionstable td, .controller-wklocation.action-edit #query_form .exceptionstable td, .controller-wkproduct.action-edit #query_form .exceptionstable td, .controller-wkproductitem.action-edit #query_form .exceptionstable td, .controller-wksupplieraccount.action-edit #query_form .exceptionstable td, .controller-wksuppliercontact.action-edit #query_form .exceptionstable td {
            padding: 0
        }

        .controller-wkasset.action-edit #query_form .exceptionstable tr:empty, .controller-wkcrmenumeration.action-edit #query_form .exceptionstable tr:empty, .controller-wklocation.action-edit #query_form .exceptionstable tr:empty, .controller-wkproduct.action-edit #query_form .exceptionstable tr:empty, .controller-wkproductitem.action-edit #query_form .exceptionstable tr:empty, .controller-wksupplieraccount.action-edit #query_form .exceptionstable tr:empty, .controller-wksuppliercontact.action-edit #query_form .exceptionstable tr:empty {
            display: none
        }

        .controller-wkasset.action-edit #query_form .exceptionstable tr:last-child td, .controller-wkcrmenumeration.action-edit #query_form .exceptionstable tr:last-child td, .controller-wklocation.action-edit #query_form .exceptionstable tr:last-child td, .controller-wkproduct.action-edit #query_form .exceptionstable tr:last-child td, .controller-wkproductitem.action-edit #query_form .exceptionstable tr:last-child td, .controller-wksupplieraccount.action-edit #query_form .exceptionstable tr:last-child td, .controller-wksuppliercontact.action-edit #query_form .exceptionstable tr:last-child td {
            padding: 0;
            margin: 0
        }

    .controller-wkasset.action-edit #query_form .jcf-list-box, .controller-wkasset.action-edit #query_form .jcf-select, .controller-wkasset.action-edit #query_form input[type=date], .controller-wkasset.action-edit #query_form input[type=email], .controller-wkasset.action-edit #query_form input[type=number], .controller-wkasset.action-edit #query_form input[type=password], .controller-wkasset.action-edit #query_form input[type=text], .controller-wkasset.action-edit #query_form textarea, .controller-wkcrmenumeration.action-edit #query_form .jcf-list-box, .controller-wkcrmenumeration.action-edit #query_form .jcf-select, .controller-wkcrmenumeration.action-edit #query_form input[type=date], .controller-wkcrmenumeration.action-edit #query_form input[type=email], .controller-wkcrmenumeration.action-edit #query_form input[type=number], .controller-wkcrmenumeration.action-edit #query_form input[type=password], .controller-wkcrmenumeration.action-edit #query_form input[type=text], .controller-wkcrmenumeration.action-edit #query_form textarea, .controller-wklocation.action-edit #query_form .jcf-list-box, .controller-wklocation.action-edit #query_form .jcf-select, .controller-wklocation.action-edit #query_form input[type=date], .controller-wklocation.action-edit #query_form input[type=email], .controller-wklocation.action-edit #query_form input[type=number], .controller-wklocation.action-edit #query_form input[type=password], .controller-wklocation.action-edit #query_form input[type=text], .controller-wklocation.action-edit #query_form textarea, .controller-wkproduct.action-edit #query_form .jcf-list-box, .controller-wkproduct.action-edit #query_form .jcf-select, .controller-wkproduct.action-edit #query_form input[type=date], .controller-wkproduct.action-edit #query_form input[type=email], .controller-wkproduct.action-edit #query_form input[type=number], .controller-wkproduct.action-edit #query_form input[type=password], .controller-wkproduct.action-edit #query_form input[type=text], .controller-wkproduct.action-edit #query_form textarea, .controller-wkproductitem.action-edit #query_form .jcf-list-box, .controller-wkproductitem.action-edit #query_form .jcf-select, .controller-wkproductitem.action-edit #query_form input[type=date], .controller-wkproductitem.action-edit #query_form input[type=email], .controller-wkproductitem.action-edit #query_form input[type=number], .controller-wkproductitem.action-edit #query_form input[type=password], .controller-wkproductitem.action-edit #query_form input[type=text], .controller-wkproductitem.action-edit #query_form textarea, .controller-wksupplieraccount.action-edit #query_form .jcf-list-box, .controller-wksupplieraccount.action-edit #query_form .jcf-select, .controller-wksupplieraccount.action-edit #query_form input[type=date], .controller-wksupplieraccount.action-edit #query_form input[type=email], .controller-wksupplieraccount.action-edit #query_form input[type=number], .controller-wksupplieraccount.action-edit #query_form input[type=password], .controller-wksupplieraccount.action-edit #query_form input[type=text], .controller-wksupplieraccount.action-edit #query_form textarea, .controller-wksuppliercontact.action-edit #query_form .jcf-list-box, .controller-wksuppliercontact.action-edit #query_form .jcf-select, .controller-wksuppliercontact.action-edit #query_form input[type=date], .controller-wksuppliercontact.action-edit #query_form input[type=email], .controller-wksuppliercontact.action-edit #query_form input[type=number], .controller-wksuppliercontact.action-edit #query_form input[type=password], .controller-wksuppliercontact.action-edit #query_form input[type=text], .controller-wksuppliercontact.action-edit #query_form textarea {
        margin: 0 !important
    }

        .controller-wkasset.action-edit #query_form .jcf-list-box ~ .jcf-list-box, .controller-wkasset.action-edit #query_form .jcf-list-box ~ .jcf-select, .controller-wkasset.action-edit #query_form .jcf-list-box ~ input[type=date], .controller-wkasset.action-edit #query_form .jcf-list-box ~ input[type=email], .controller-wkasset.action-edit #query_form .jcf-list-box ~ input[type=number], .controller-wkasset.action-edit #query_form .jcf-list-box ~ input[type=password], .controller-wkasset.action-edit #query_form .jcf-list-box ~ input[type=text], .controller-wkasset.action-edit #query_form .jcf-list-box ~ textarea, .controller-wkasset.action-edit #query_form .jcf-select ~ .jcf-list-box, .controller-wkasset.action-edit #query_form .jcf-select ~ .jcf-select, .controller-wkasset.action-edit #query_form .jcf-select ~ input[type=date], .controller-wkasset.action-edit #query_form .jcf-select ~ input[type=email], .controller-wkasset.action-edit #query_form .jcf-select ~ input[type=number], .controller-wkasset.action-edit #query_form .jcf-select ~ input[type=password], .controller-wkasset.action-edit #query_form .jcf-select ~ input[type=text], .controller-wkasset.action-edit #query_form .jcf-select ~ textarea, .controller-wkasset.action-edit #query_form input[type=date] ~ .jcf-list-box, .controller-wkasset.action-edit #query_form input[type=date] ~ .jcf-select, .controller-wkasset.action-edit #query_form input[type=date] ~ input[type=date], .controller-wkasset.action-edit #query_form input[type=date] ~ input[type=email], .controller-wkasset.action-edit #query_form input[type=date] ~ input[type=number], .controller-wkasset.action-edit #query_form input[type=date] ~ input[type=password], .controller-wkasset.action-edit #query_form input[type=date] ~ input[type=text], .controller-wkasset.action-edit #query_form input[type=date] ~ textarea, .controller-wkasset.action-edit #query_form input[type=email] ~ .jcf-list-box, .controller-wkasset.action-edit #query_form input[type=email] ~ .jcf-select, .controller-wkasset.action-edit #query_form input[type=email] ~ input[type=date], .controller-wkasset.action-edit #query_form input[type=email] ~ input[type=email], .controller-wkasset.action-edit #query_form input[type=email] ~ input[type=number], .controller-wkasset.action-edit #query_form input[type=email] ~ input[type=password], .controller-wkasset.action-edit #query_form input[type=email] ~ input[type=text], .controller-wkasset.action-edit #query_form input[type=email] ~ textarea, .controller-wkasset.action-edit #query_form input[type=number] ~ .jcf-list-box, .controller-wkasset.action-edit #query_form input[type=number] ~ .jcf-select, .controller-wkasset.action-edit #query_form input[type=number] ~ input[type=date], .controller-wkasset.action-edit #query_form input[type=number] ~ input[type=email], .controller-wkasset.action-edit #query_form input[type=number] ~ input[type=number], .controller-wkasset.action-edit #query_form input[type=number] ~ input[type=password], .controller-wkasset.action-edit #query_form input[type=number] ~ input[type=text], .controller-wkasset.action-edit #query_form input[type=number] ~ textarea, .controller-wkasset.action-edit #query_form input[type=password] ~ .jcf-list-box, .controller-wkasset.action-edit #query_form input[type=password] ~ .jcf-select, .controller-wkasset.action-edit #query_form input[type=password] ~ input[type=date], .controller-wkasset.action-edit #query_form input[type=password] ~ input[type=email], .controller-wkasset.action-edit #query_form input[type=password] ~ input[type=number], .controller-wkasset.action-edit #query_form input[type=password] ~ input[type=password], .controller-wkasset.action-edit #query_form input[type=password] ~ input[type=text], .controller-wkasset.action-edit #query_form input[type=password] ~ textarea, .controller-wkasset.action-edit #query_form input[type=text] ~ .jcf-list-box, .controller-wkasset.action-edit #query_form input[type=text] ~ .jcf-select, .controller-wkasset.action-edit #query_form input[type=text] ~ input[type=date], .controller-wkasset.action-edit #query_form input[type=text] ~ input[type=email], .controller-wkasset.action-edit #query_form input[type=text] ~ input[type=number], .controller-wkasset.action-edit #query_form input[type=text] ~ input[type=password], .controller-wkasset.action-edit #query_form input[type=text] ~ input[type=text], .controller-wkasset.action-edit #query_form input[type=text] ~ textarea, .controller-wkasset.action-edit #query_form textarea ~ .jcf-list-box, .controller-wkasset.action-edit #query_form textarea ~ .jcf-select, .controller-wkasset.action-edit #query_form textarea ~ input[type=date], .controller-wkasset.action-edit #query_form textarea ~ input[type=email], .controller-wkasset.action-edit #query_form textarea ~ input[type=number], .controller-wkasset.action-edit #query_form textarea ~ input[type=password], .controller-wkasset.action-edit #query_form textarea ~ input[type=text], .controller-wkasset.action-edit #query_form textarea ~ textarea, .controller-wkcrmenumeration.action-edit #query_form .jcf-list-box ~ .jcf-list-box, .controller-wkcrmenumeration.action-edit #query_form .jcf-list-box ~ .jcf-select, .controller-wkcrmenumeration.action-edit #query_form .jcf-list-box ~ input[type=date], .controller-wkcrmenumeration.action-edit #query_form .jcf-list-box ~ input[type=email], .controller-wkcrmenumeration.action-edit #query_form .jcf-list-box ~ input[type=number], .controller-wkcrmenumeration.action-edit #query_form .jcf-list-box ~ input[type=password], .controller-wkcrmenumeration.action-edit #query_form .jcf-list-box ~ input[type=text], .controller-wkcrmenumeration.action-edit #query_form .jcf-list-box ~ textarea, .controller-wkcrmenumeration.action-edit #query_form .jcf-select ~ .jcf-list-box, .controller-wkcrmenumeration.action-edit #query_form .jcf-select ~ .jcf-select, .controller-wkcrmenumeration.action-edit #query_form .jcf-select ~ input[type=date], .controller-wkcrmenumeration.action-edit #query_form .jcf-select ~ input[type=email], .controller-wkcrmenumeration.action-edit #query_form .jcf-select ~ input[type=number], .controller-wkcrmenumeration.action-edit #query_form .jcf-select ~ input[type=password], .controller-wkcrmenumeration.action-edit #query_form .jcf-select ~ input[type=text], .controller-wkcrmenumeration.action-edit #query_form .jcf-select ~ textarea, .controller-wkcrmenumeration.action-edit #query_form input[type=date] ~ .jcf-list-box, .controller-wkcrmenumeration.action-edit #query_form input[type=date] ~ .jcf-select, .controller-wkcrmenumeration.action-edit #query_form input[type=date] ~ input[type=date], .controller-wkcrmenumeration.action-edit #query_form input[type=date] ~ input[type=email], .controller-wkcrmenumeration.action-edit #query_form input[type=date] ~ input[type=number], .controller-wkcrmenumeration.action-edit #query_form input[type=date] ~ input[type=password], .controller-wkcrmenumeration.action-edit #query_form input[type=date] ~ input[type=text], .controller-wkcrmenumeration.action-edit #query_form input[type=date] ~ textarea, .controller-wkcrmenumeration.action-edit #query_form input[type=email] ~ .jcf-list-box, .controller-wkcrmenumeration.action-edit #query_form input[type=email] ~ .jcf-select, .controller-wkcrmenumeration.action-edit #query_form input[type=email] ~ input[type=date], .controller-wkcrmenumeration.action-edit #query_form input[type=email] ~ input[type=email], .controller-wkcrmenumeration.action-edit #query_form input[type=email] ~ input[type=number], .controller-wkcrmenumeration.action-edit #query_form input[type=email] ~ input[type=password], .controller-wkcrmenumeration.action-edit #query_form input[type=email] ~ input[type=text], .controller-wkcrmenumeration.action-edit #query_form input[type=email] ~ textarea, .controller-wkcrmenumeration.action-edit #query_form input[type=number] ~ .jcf-list-box, .controller-wkcrmenumeration.action-edit #query_form input[type=number] ~ .jcf-select, .controller-wkcrmenumeration.action-edit #query_form input[type=number] ~ input[type=date], .controller-wkcrmenumeration.action-edit #query_form input[type=number] ~ input[type=email], .controller-wkcrmenumeration.action-edit #query_form input[type=number] ~ input[type=number], .controller-wkcrmenumeration.action-edit #query_form input[type=number] ~ input[type=password], .controller-wkcrmenumeration.action-edit #query_form input[type=number] ~ input[type=text], .controller-wkcrmenumeration.action-edit #query_form input[type=number] ~ textarea, .controller-wkcrmenumeration.action-edit #query_form input[type=password] ~ .jcf-list-box, .controller-wkcrmenumeration.action-edit #query_form input[type=password] ~ .jcf-select, .controller-wkcrmenumeration.action-edit #query_form input[type=password] ~ input[type=date], .controller-wkcrmenumeration.action-edit #query_form input[type=password] ~ input[type=email], .controller-wkcrmenumeration.action-edit #query_form input[type=password] ~ input[type=number], .controller-wkcrmenumeration.action-edit #query_form input[type=password] ~ input[type=password], .controller-wkcrmenumeration.action-edit #query_form input[type=password] ~ input[type=text], .controller-wkcrmenumeration.action-edit #query_form input[type=password] ~ textarea, .controller-wkcrmenumeration.action-edit #query_form input[type=text] ~ .jcf-list-box, .controller-wkcrmenumeration.action-edit #query_form input[type=text] ~ .jcf-select, .controller-wkcrmenumeration.action-edit #query_form input[type=text] ~ input[type=date], .controller-wkcrmenumeration.action-edit #query_form input[type=text] ~ input[type=email], .controller-wkcrmenumeration.action-edit #query_form input[type=text] ~ input[type=number], .controller-wkcrmenumeration.action-edit #query_form input[type=text] ~ input[type=password], .controller-wkcrmenumeration.action-edit #query_form input[type=text] ~ input[type=text], .controller-wkcrmenumeration.action-edit #query_form input[type=text] ~ textarea, .controller-wkcrmenumeration.action-edit #query_form textarea ~ .jcf-list-box, .controller-wkcrmenumeration.action-edit #query_form textarea ~ .jcf-select, .controller-wkcrmenumeration.action-edit #query_form textarea ~ input[type=date], .controller-wkcrmenumeration.action-edit #query_form textarea ~ input[type=email], .controller-wkcrmenumeration.action-edit #query_form textarea ~ input[type=number], .controller-wkcrmenumeration.action-edit #query_form textarea ~ input[type=password], .controller-wkcrmenumeration.action-edit #query_form textarea ~ input[type=text], .controller-wkcrmenumeration.action-edit #query_form textarea ~ textarea, .controller-wklocation.action-edit #query_form .jcf-list-box ~ .jcf-list-box, .controller-wklocation.action-edit #query_form .jcf-list-box ~ .jcf-select, .controller-wklocation.action-edit #query_form .jcf-list-box ~ input[type=date], .controller-wklocation.action-edit #query_form .jcf-list-box ~ input[type=email], .controller-wklocation.action-edit #query_form .jcf-list-box ~ input[type=number], .controller-wklocation.action-edit #query_form .jcf-list-box ~ input[type=password], .controller-wklocation.action-edit #query_form .jcf-list-box ~ input[type=text], .controller-wklocation.action-edit #query_form .jcf-list-box ~ textarea, .controller-wklocation.action-edit #query_form .jcf-select ~ .jcf-list-box, .controller-wklocation.action-edit #query_form .jcf-select ~ .jcf-select, .controller-wklocation.action-edit #query_form .jcf-select ~ input[type=date], .controller-wklocation.action-edit #query_form .jcf-select ~ input[type=email], .controller-wklocation.action-edit #query_form .jcf-select ~ input[type=number], .controller-wklocation.action-edit #query_form .jcf-select ~ input[type=password], .controller-wklocation.action-edit #query_form .jcf-select ~ input[type=text], .controller-wklocation.action-edit #query_form .jcf-select ~ textarea, .controller-wklocation.action-edit #query_form input[type=date] ~ .jcf-list-box, .controller-wklocation.action-edit #query_form input[type=date] ~ .jcf-select, .controller-wklocation.action-edit #query_form input[type=date] ~ input[type=date], .controller-wklocation.action-edit #query_form input[type=date] ~ input[type=email], .controller-wklocation.action-edit #query_form input[type=date] ~ input[type=number], .controller-wklocation.action-edit #query_form input[type=date] ~ input[type=password], .controller-wklocation.action-edit #query_form input[type=date] ~ input[type=text], .controller-wklocation.action-edit #query_form input[type=date] ~ textarea, .controller-wklocation.action-edit #query_form input[type=email] ~ .jcf-list-box, .controller-wklocation.action-edit #query_form input[type=email] ~ .jcf-select, .controller-wklocation.action-edit #query_form input[type=email] ~ input[type=date], .controller-wklocation.action-edit #query_form input[type=email] ~ input[type=email], .controller-wklocation.action-edit #query_form input[type=email] ~ input[type=number], .controller-wklocation.action-edit #query_form input[type=email] ~ input[type=password], .controller-wklocation.action-edit #query_form input[type=email] ~ input[type=text], .controller-wklocation.action-edit #query_form input[type=email] ~ textarea, .controller-wklocation.action-edit #query_form input[type=number] ~ .jcf-list-box, .controller-wklocation.action-edit #query_form input[type=number] ~ .jcf-select, .controller-wklocation.action-edit #query_form input[type=number] ~ input[type=date], .controller-wklocation.action-edit #query_form input[type=number] ~ input[type=email], .controller-wklocation.action-edit #query_form input[type=number] ~ input[type=number], .controller-wklocation.action-edit #query_form input[type=number] ~ input[type=password], .controller-wklocation.action-edit #query_form input[type=number] ~ input[type=text], .controller-wklocation.action-edit #query_form input[type=number] ~ textarea, .controller-wklocation.action-edit #query_form input[type=password] ~ .jcf-list-box, .controller-wklocation.action-edit #query_form input[type=password] ~ .jcf-select, .controller-wklocation.action-edit #query_form input[type=password] ~ input[type=date], .controller-wklocation.action-edit #query_form input[type=password] ~ input[type=email], .controller-wklocation.action-edit #query_form input[type=password] ~ input[type=number], .controller-wklocation.action-edit #query_form input[type=password] ~ input[type=password], .controller-wklocation.action-edit #query_form input[type=password] ~ input[type=text], .controller-wklocation.action-edit #query_form input[type=password] ~ textarea, .controller-wklocation.action-edit #query_form input[type=text] ~ .jcf-list-box, .controller-wklocation.action-edit #query_form input[type=text] ~ .jcf-select, .controller-wklocation.action-edit #query_form input[type=text] ~ input[type=date], .controller-wklocation.action-edit #query_form input[type=text] ~ input[type=email], .controller-wklocation.action-edit #query_form input[type=text] ~ input[type=number], .controller-wklocation.action-edit #query_form input[type=text] ~ input[type=password], .controller-wklocation.action-edit #query_form input[type=text] ~ input[type=text], .controller-wklocation.action-edit #query_form input[type=text] ~ textarea, .controller-wklocation.action-edit #query_form textarea ~ .jcf-list-box, .controller-wklocation.action-edit #query_form textarea ~ .jcf-select, .controller-wklocation.action-edit #query_form textarea ~ input[type=date], .controller-wklocation.action-edit #query_form textarea ~ input[type=email], .controller-wklocation.action-edit #query_form textarea ~ input[type=number], .controller-wklocation.action-edit #query_form textarea ~ input[type=password], .controller-wklocation.action-edit #query_form textarea ~ input[type=text], .controller-wklocation.action-edit #query_form textarea ~ textarea, .controller-wkproduct.action-edit #query_form .jcf-list-box ~ .jcf-list-box, .controller-wkproduct.action-edit #query_form .jcf-list-box ~ .jcf-select, .controller-wkproduct.action-edit #query_form .jcf-list-box ~ input[type=date], .controller-wkproduct.action-edit #query_form .jcf-list-box ~ input[type=email], .controller-wkproduct.action-edit #query_form .jcf-list-box ~ input[type=number], .controller-wkproduct.action-edit #query_form .jcf-list-box ~ input[type=password], .controller-wkproduct.action-edit #query_form .jcf-list-box ~ input[type=text], .controller-wkproduct.action-edit #query_form .jcf-list-box ~ textarea, .controller-wkproduct.action-edit #query_form .jcf-select ~ .jcf-list-box, .controller-wkproduct.action-edit #query_form .jcf-select ~ .jcf-select, .controller-wkproduct.action-edit #query_form .jcf-select ~ input[type=date], .controller-wkproduct.action-edit #query_form .jcf-select ~ input[type=email], .controller-wkproduct.action-edit #query_form .jcf-select ~ input[type=number], .controller-wkproduct.action-edit #query_form .jcf-select ~ input[type=password], .controller-wkproduct.action-edit #query_form .jcf-select ~ input[type=text], .controller-wkproduct.action-edit #query_form .jcf-select ~ textarea, .controller-wkproduct.action-edit #query_form input[type=date] ~ .jcf-list-box, .controller-wkproduct.action-edit #query_form input[type=date] ~ .jcf-select, .controller-wkproduct.action-edit #query_form input[type=date] ~ input[type=date], .controller-wkproduct.action-edit #query_form input[type=date] ~ input[type=email], .controller-wkproduct.action-edit #query_form input[type=date] ~ input[type=number], .controller-wkproduct.action-edit #query_form input[type=date] ~ input[type=password], .controller-wkproduct.action-edit #query_form input[type=date] ~ input[type=text], .controller-wkproduct.action-edit #query_form input[type=date] ~ textarea, .controller-wkproduct.action-edit #query_form input[type=email] ~ .jcf-list-box, .controller-wkproduct.action-edit #query_form input[type=email] ~ .jcf-select, .controller-wkproduct.action-edit #query_form input[type=email] ~ input[type=date], .controller-wkproduct.action-edit #query_form input[type=email] ~ input[type=email], .controller-wkproduct.action-edit #query_form input[type=email] ~ input[type=number], .controller-wkproduct.action-edit #query_form input[type=email] ~ input[type=password], .controller-wkproduct.action-edit #query_form input[type=email] ~ input[type=text], .controller-wkproduct.action-edit #query_form input[type=email] ~ textarea, .controller-wkproduct.action-edit #query_form input[type=number] ~ .jcf-list-box, .controller-wkproduct.action-edit #query_form input[type=number] ~ .jcf-select, .controller-wkproduct.action-edit #query_form input[type=number] ~ input[type=date], .controller-wkproduct.action-edit #query_form input[type=number] ~ input[type=email], .controller-wkproduct.action-edit #query_form input[type=number] ~ input[type=number], .controller-wkproduct.action-edit #query_form input[type=number] ~ input[type=password], .controller-wkproduct.action-edit #query_form input[type=number] ~ input[type=text], .controller-wkproduct.action-edit #query_form input[type=number] ~ textarea, .controller-wkproduct.action-edit #query_form input[type=password] ~ .jcf-list-box, .controller-wkproduct.action-edit #query_form input[type=password] ~ .jcf-select, .controller-wkproduct.action-edit #query_form input[type=password] ~ input[type=date], .controller-wkproduct.action-edit #query_form input[type=password] ~ input[type=email], .controller-wkproduct.action-edit #query_form input[type=password] ~ input[type=number], .controller-wkproduct.action-edit #query_form input[type=password] ~ input[type=password], .controller-wkproduct.action-edit #query_form input[type=password] ~ input[type=text], .controller-wkproduct.action-edit #query_form input[type=password] ~ textarea, .controller-wkproduct.action-edit #query_form input[type=text] ~ .jcf-list-box, .controller-wkproduct.action-edit #query_form input[type=text] ~ .jcf-select, .controller-wkproduct.action-edit #query_form input[type=text] ~ input[type=date], .controller-wkproduct.action-edit #query_form input[type=text] ~ input[type=email], .controller-wkproduct.action-edit #query_form input[type=text] ~ input[type=number], .controller-wkproduct.action-edit #query_form input[type=text] ~ input[type=password], .controller-wkproduct.action-edit #query_form input[type=text] ~ input[type=text], .controller-wkproduct.action-edit #query_form input[type=text] ~ textarea, .controller-wkproduct.action-edit #query_form textarea ~ .jcf-list-box, .controller-wkproduct.action-edit #query_form textarea ~ .jcf-select, .controller-wkproduct.action-edit #query_form textarea ~ input[type=date], .controller-wkproduct.action-edit #query_form textarea ~ input[type=email], .controller-wkproduct.action-edit #query_form textarea ~ input[type=number], .controller-wkproduct.action-edit #query_form textarea ~ input[type=password], .controller-wkproduct.action-edit #query_form textarea ~ input[type=text], .controller-wkproduct.action-edit #query_form textarea ~ textarea, .controller-wkproductitem.action-edit #query_form .jcf-list-box ~ .jcf-list-box, .controller-wkproductitem.action-edit #query_form .jcf-list-box ~ .jcf-select, .controller-wkproductitem.action-edit #query_form .jcf-list-box ~ input[type=date], .controller-wkproductitem.action-edit #query_form .jcf-list-box ~ input[type=email], .controller-wkproductitem.action-edit #query_form .jcf-list-box ~ input[type=number], .controller-wkproductitem.action-edit #query_form .jcf-list-box ~ input[type=password], .controller-wkproductitem.action-edit #query_form .jcf-list-box ~ input[type=text], .controller-wkproductitem.action-edit #query_form .jcf-list-box ~ textarea, .controller-wkproductitem.action-edit #query_form .jcf-select ~ .jcf-list-box, .controller-wkproductitem.action-edit #query_form .jcf-select ~ .jcf-select, .controller-wkproductitem.action-edit #query_form .jcf-select ~ input[type=date], .controller-wkproductitem.action-edit #query_form .jcf-select ~ input[type=email], .controller-wkproductitem.action-edit #query_form .jcf-select ~ input[type=number], .controller-wkproductitem.action-edit #query_form .jcf-select ~ input[type=password], .controller-wkproductitem.action-edit #query_form .jcf-select ~ input[type=text], .controller-wkproductitem.action-edit #query_form .jcf-select ~ textarea, .controller-wkproductitem.action-edit #query_form input[type=date] ~ .jcf-list-box, .controller-wkproductitem.action-edit #query_form input[type=date] ~ .jcf-select, .controller-wkproductitem.action-edit #query_form input[type=date] ~ input[type=date], .controller-wkproductitem.action-edit #query_form input[type=date] ~ input[type=email], .controller-wkproductitem.action-edit #query_form input[type=date] ~ input[type=number], .controller-wkproductitem.action-edit #query_form input[type=date] ~ input[type=password], .controller-wkproductitem.action-edit #query_form input[type=date] ~ input[type=text], .controller-wkproductitem.action-edit #query_form input[type=date] ~ textarea, .controller-wkproductitem.action-edit #query_form input[type=email] ~ .jcf-list-box, .controller-wkproductitem.action-edit #query_form input[type=email] ~ .jcf-select, .controller-wkproductitem.action-edit #query_form input[type=email] ~ input[type=date], .controller-wkproductitem.action-edit #query_form input[type=email] ~ input[type=email], .controller-wkproductitem.action-edit #query_form input[type=email] ~ input[type=number], .controller-wkproductitem.action-edit #query_form input[type=email] ~ input[type=password], .controller-wkproductitem.action-edit #query_form input[type=email] ~ input[type=text], .controller-wkproductitem.action-edit #query_form input[type=email] ~ textarea, .controller-wkproductitem.action-edit #query_form input[type=number] ~ .jcf-list-box, .controller-wkproductitem.action-edit #query_form input[type=number] ~ .jcf-select, .controller-wkproductitem.action-edit #query_form input[type=number] ~ input[type=date], .controller-wkproductitem.action-edit #query_form input[type=number] ~ input[type=email], .controller-wkproductitem.action-edit #query_form input[type=number] ~ input[type=number], .controller-wkproductitem.action-edit #query_form input[type=number] ~ input[type=password], .controller-wkproductitem.action-edit #query_form input[type=number] ~ input[type=text], .controller-wkproductitem.action-edit #query_form input[type=number] ~ textarea, .controller-wkproductitem.action-edit #query_form input[type=password] ~ .jcf-list-box, .controller-wkproductitem.action-edit #query_form input[type=password] ~ .jcf-select, .controller-wkproductitem.action-edit #query_form input[type=password] ~ input[type=date], .controller-wkproductitem.action-edit #query_form input[type=password] ~ input[type=email], .controller-wkproductitem.action-edit #query_form input[type=password] ~ input[type=number], .controller-wkproductitem.action-edit #query_form input[type=password] ~ input[type=password], .controller-wkproductitem.action-edit #query_form input[type=password] ~ input[type=text], .controller-wkproductitem.action-edit #query_form input[type=password] ~ textarea, .controller-wkproductitem.action-edit #query_form input[type=text] ~ .jcf-list-box, .controller-wkproductitem.action-edit #query_form input[type=text] ~ .jcf-select, .controller-wkproductitem.action-edit #query_form input[type=text] ~ input[type=date], .controller-wkproductitem.action-edit #query_form input[type=text] ~ input[type=email], .controller-wkproductitem.action-edit #query_form input[type=text] ~ input[type=number], .controller-wkproductitem.action-edit #query_form input[type=text] ~ input[type=password], .controller-wkproductitem.action-edit #query_form input[type=text] ~ input[type=text], .controller-wkproductitem.action-edit #query_form input[type=text] ~ textarea, .controller-wkproductitem.action-edit #query_form textarea ~ .jcf-list-box, .controller-wkproductitem.action-edit #query_form textarea ~ .jcf-select, .controller-wkproductitem.action-edit #query_form textarea ~ input[type=date], .controller-wkproductitem.action-edit #query_form textarea ~ input[type=email], .controller-wkproductitem.action-edit #query_form textarea ~ input[type=number], .controller-wkproductitem.action-edit #query_form textarea ~ input[type=password], .controller-wkproductitem.action-edit #query_form textarea ~ input[type=text], .controller-wkproductitem.action-edit #query_form textarea ~ textarea, .controller-wksupplieraccount.action-edit #query_form .jcf-list-box ~ .jcf-list-box, .controller-wksupplieraccount.action-edit #query_form .jcf-list-box ~ .jcf-select, .controller-wksupplieraccount.action-edit #query_form .jcf-list-box ~ input[type=date], .controller-wksupplieraccount.action-edit #query_form .jcf-list-box ~ input[type=email], .controller-wksupplieraccount.action-edit #query_form .jcf-list-box ~ input[type=number], .controller-wksupplieraccount.action-edit #query_form .jcf-list-box ~ input[type=password], .controller-wksupplieraccount.action-edit #query_form .jcf-list-box ~ input[type=text], .controller-wksupplieraccount.action-edit #query_form .jcf-list-box ~ textarea, .controller-wksupplieraccount.action-edit #query_form .jcf-select ~ .jcf-list-box, .controller-wksupplieraccount.action-edit #query_form .jcf-select ~ .jcf-select, .controller-wksupplieraccount.action-edit #query_form .jcf-select ~ input[type=date], .controller-wksupplieraccount.action-edit #query_form .jcf-select ~ input[type=email], .controller-wksupplieraccount.action-edit #query_form .jcf-select ~ input[type=number], .controller-wksupplieraccount.action-edit #query_form .jcf-select ~ input[type=password], .controller-wksupplieraccount.action-edit #query_form .jcf-select ~ input[type=text], .controller-wksupplieraccount.action-edit #query_form .jcf-select ~ textarea, .controller-wksupplieraccount.action-edit #query_form input[type=date] ~ .jcf-list-box, .controller-wksupplieraccount.action-edit #query_form input[type=date] ~ .jcf-select, .controller-wksupplieraccount.action-edit #query_form input[type=date] ~ input[type=date], .controller-wksupplieraccount.action-edit #query_form input[type=date] ~ input[type=email], .controller-wksupplieraccount.action-edit #query_form input[type=date] ~ input[type=number], .controller-wksupplieraccount.action-edit #query_form input[type=date] ~ input[type=password], .controller-wksupplieraccount.action-edit #query_form input[type=date] ~ input[type=text], .controller-wksupplieraccount.action-edit #query_form input[type=date] ~ textarea, .controller-wksupplieraccount.action-edit #query_form input[type=email] ~ .jcf-list-box, .controller-wksupplieraccount.action-edit #query_form input[type=email] ~ .jcf-select, .controller-wksupplieraccount.action-edit #query_form input[type=email] ~ input[type=date], .controller-wksupplieraccount.action-edit #query_form input[type=email] ~ input[type=email], .controller-wksupplieraccount.action-edit #query_form input[type=email] ~ input[type=number], .controller-wksupplieraccount.action-edit #query_form input[type=email] ~ input[type=password], .controller-wksupplieraccount.action-edit #query_form input[type=email] ~ input[type=text], .controller-wksupplieraccount.action-edit #query_form input[type=email] ~ textarea, .controller-wksupplieraccount.action-edit #query_form input[type=number] ~ .jcf-list-box, .controller-wksupplieraccount.action-edit #query_form input[type=number] ~ .jcf-select, .controller-wksupplieraccount.action-edit #query_form input[type=number] ~ input[type=date], .controller-wksupplieraccount.action-edit #query_form input[type=number] ~ input[type=email], .controller-wksupplieraccount.action-edit #query_form input[type=number] ~ input[type=number], .controller-wksupplieraccount.action-edit #query_form input[type=number] ~ input[type=password], .controller-wksupplieraccount.action-edit #query_form input[type=number] ~ input[type=text], .controller-wksupplieraccount.action-edit #query_form input[type=number] ~ textarea, .controller-wksupplieraccount.action-edit #query_form input[type=password] ~ .jcf-list-box, .controller-wksupplieraccount.action-edit #query_form input[type=password] ~ .jcf-select, .controller-wksupplieraccount.action-edit #query_form input[type=password] ~ input[type=date], .controller-wksupplieraccount.action-edit #query_form input[type=password] ~ input[type=email], .controller-wksupplieraccount.action-edit #query_form input[type=password] ~ input[type=number], .controller-wksupplieraccount.action-edit #query_form input[type=password] ~ input[type=password], .controller-wksupplieraccount.action-edit #query_form input[type=password] ~ input[type=text], .controller-wksupplieraccount.action-edit #query_form input[type=password] ~ textarea, .controller-wksupplieraccount.action-edit #query_form input[type=text] ~ .jcf-list-box, .controller-wksupplieraccount.action-edit #query_form input[type=text] ~ .jcf-select, .controller-wksupplieraccount.action-edit #query_form input[type=text] ~ input[type=date], .controller-wksupplieraccount.action-edit #query_form input[type=text] ~ input[type=email], .controller-wksupplieraccount.action-edit #query_form input[type=text] ~ input[type=number], .controller-wksupplieraccount.action-edit #query_form input[type=text] ~ input[type=password], .controller-wksupplieraccount.action-edit #query_form input[type=text] ~ input[type=text], .controller-wksupplieraccount.action-edit #query_form input[type=text] ~ textarea, .controller-wksupplieraccount.action-edit #query_form textarea ~ .jcf-list-box, .controller-wksupplieraccount.action-edit #query_form textarea ~ .jcf-select, .controller-wksupplieraccount.action-edit #query_form textarea ~ input[type=date], .controller-wksupplieraccount.action-edit #query_form textarea ~ input[type=email], .controller-wksupplieraccount.action-edit #query_form textarea ~ input[type=number], .controller-wksupplieraccount.action-edit #query_form textarea ~ input[type=password], .controller-wksupplieraccount.action-edit #query_form textarea ~ input[type=text], .controller-wksupplieraccount.action-edit #query_form textarea ~ textarea, .controller-wksuppliercontact.action-edit #query_form .jcf-list-box ~ .jcf-list-box, .controller-wksuppliercontact.action-edit #query_form .jcf-list-box ~ .jcf-select, .controller-wksuppliercontact.action-edit #query_form .jcf-list-box ~ input[type=date], .controller-wksuppliercontact.action-edit #query_form .jcf-list-box ~ input[type=email], .controller-wksuppliercontact.action-edit #query_form .jcf-list-box ~ input[type=number], .controller-wksuppliercontact.action-edit #query_form .jcf-list-box ~ input[type=password], .controller-wksuppliercontact.action-edit #query_form .jcf-list-box ~ input[type=text], .controller-wksuppliercontact.action-edit #query_form .jcf-list-box ~ textarea, .controller-wksuppliercontact.action-edit #query_form .jcf-select ~ .jcf-list-box, .controller-wksuppliercontact.action-edit #query_form .jcf-select ~ .jcf-select, .controller-wksuppliercontact.action-edit #query_form .jcf-select ~ input[type=date], .controller-wksuppliercontact.action-edit #query_form .jcf-select ~ input[type=email], .controller-wksuppliercontact.action-edit #query_form .jcf-select ~ input[type=number], .controller-wksuppliercontact.action-edit #query_form .jcf-select ~ input[type=password], .controller-wksuppliercontact.action-edit #query_form .jcf-select ~ input[type=text], .controller-wksuppliercontact.action-edit #query_form .jcf-select ~ textarea, .controller-wksuppliercontact.action-edit #query_form input[type=date] ~ .jcf-list-box, .controller-wksuppliercontact.action-edit #query_form input[type=date] ~ .jcf-select, .controller-wksuppliercontact.action-edit #query_form input[type=date] ~ input[type=date], .controller-wksuppliercontact.action-edit #query_form input[type=date] ~ input[type=email], .controller-wksuppliercontact.action-edit #query_form input[type=date] ~ input[type=number], .controller-wksuppliercontact.action-edit #query_form input[type=date] ~ input[type=password], .controller-wksuppliercontact.action-edit #query_form input[type=date] ~ input[type=text], .controller-wksuppliercontact.action-edit #query_form input[type=date] ~ textarea, .controller-wksuppliercontact.action-edit #query_form input[type=email] ~ .jcf-list-box, .controller-wksuppliercontact.action-edit #query_form input[type=email] ~ .jcf-select, .controller-wksuppliercontact.action-edit #query_form input[type=email] ~ input[type=date], .controller-wksuppliercontact.action-edit #query_form input[type=email] ~ input[type=email], .controller-wksuppliercontact.action-edit #query_form input[type=email] ~ input[type=number], .controller-wksuppliercontact.action-edit #query_form input[type=email] ~ input[type=password], .controller-wksuppliercontact.action-edit #query_form input[type=email] ~ input[type=text], .controller-wksuppliercontact.action-edit #query_form input[type=email] ~ textarea, .controller-wksuppliercontact.action-edit #query_form input[type=number] ~ .jcf-list-box, .controller-wksuppliercontact.action-edit #query_form input[type=number] ~ .jcf-select, .controller-wksuppliercontact.action-edit #query_form input[type=number] ~ input[type=date], .controller-wksuppliercontact.action-edit #query_form input[type=number] ~ input[type=email], .controller-wksuppliercontact.action-edit #query_form input[type=number] ~ input[type=number], .controller-wksuppliercontact.action-edit #query_form input[type=number] ~ input[type=password], .controller-wksuppliercontact.action-edit #query_form input[type=number] ~ input[type=text], .controller-wksuppliercontact.action-edit #query_form input[type=number] ~ textarea, .controller-wksuppliercontact.action-edit #query_form input[type=password] ~ .jcf-list-box, .controller-wksuppliercontact.action-edit #query_form input[type=password] ~ .jcf-select, .controller-wksuppliercontact.action-edit #query_form input[type=password] ~ input[type=date], .controller-wksuppliercontact.action-edit #query_form input[type=password] ~ input[type=email], .controller-wksuppliercontact.action-edit #query_form input[type=password] ~ input[type=number], .controller-wksuppliercontact.action-edit #query_form input[type=password] ~ input[type=password], .controller-wksuppliercontact.action-edit #query_form input[type=password] ~ input[type=text], .controller-wksuppliercontact.action-edit #query_form input[type=password] ~ textarea, .controller-wksuppliercontact.action-edit #query_form input[type=text] ~ .jcf-list-box, .controller-wksuppliercontact.action-edit #query_form input[type=text] ~ .jcf-select, .controller-wksuppliercontact.action-edit #query_form input[type=text] ~ input[type=date], .controller-wksuppliercontact.action-edit #query_form input[type=text] ~ input[type=email], .controller-wksuppliercontact.action-edit #query_form input[type=text] ~ input[type=number], .controller-wksuppliercontact.action-edit #query_form input[type=text] ~ input[type=password], .controller-wksuppliercontact.action-edit #query_form input[type=text] ~ input[type=text], .controller-wksuppliercontact.action-edit #query_form input[type=text] ~ textarea, .controller-wksuppliercontact.action-edit #query_form textarea ~ .jcf-list-box, .controller-wksuppliercontact.action-edit #query_form textarea ~ .jcf-select, .controller-wksuppliercontact.action-edit #query_form textarea ~ input[type=date], .controller-wksuppliercontact.action-edit #query_form textarea ~ input[type=email], .controller-wksuppliercontact.action-edit #query_form textarea ~ input[type=number], .controller-wksuppliercontact.action-edit #query_form textarea ~ input[type=password], .controller-wksuppliercontact.action-edit #query_form textarea ~ input[type=text], .controller-wksuppliercontact.action-edit #query_form textarea ~ textarea {
            margin: 10px 0 0 !important
        }

    .controller-wkasset.action-edit #query_form .flex-form legend, .controller-wkcrmenumeration.action-edit #query_form .flex-form legend, .controller-wklocation.action-edit #query_form .flex-form legend, .controller-wkproduct.action-edit #query_form .flex-form legend, .controller-wkproductitem.action-edit #query_form .flex-form legend, .controller-wksupplieraccount.action-edit #query_form .flex-form legend, .controller-wksuppliercontact.action-edit #query_form .flex-form legend {
        padding-top: 0 !important;
        padding-bottom: 20px !important
    }

    .controller-wkattributegroup.action-edit #query_form .exceptionstable, .controller-wkattributegroup.action-edit_product_attribute #query_form .exceptionstable, .controller-wkbrand.action-edit #query_form .exceptionstable, .controller-wkbrand.action-edit_product_model #query_form .exceptionstable {
        display: block;
        margin: 0
    }

        .controller-wkattributegroup.action-edit #query_form .exceptionstable label, .controller-wkattributegroup.action-edit_product_attribute #query_form .exceptionstable label, .controller-wkbrand.action-edit #query_form .exceptionstable label, .controller-wkbrand.action-edit_product_model #query_form .exceptionstable label {
            padding: 0 !important
        }

        .controller-wkattributegroup.action-edit #query_form .exceptionstable tbody, .controller-wkattributegroup.action-edit #query_form .exceptionstable td, .controller-wkattributegroup.action-edit #query_form .exceptionstable th, .controller-wkattributegroup.action-edit #query_form .exceptionstable tr, .controller-wkattributegroup.action-edit_product_attribute #query_form .exceptionstable tbody, .controller-wkattributegroup.action-edit_product_attribute #query_form .exceptionstable td, .controller-wkattributegroup.action-edit_product_attribute #query_form .exceptionstable th, .controller-wkattributegroup.action-edit_product_attribute #query_form .exceptionstable tr, .controller-wkbrand.action-edit #query_form .exceptionstable tbody, .controller-wkbrand.action-edit #query_form .exceptionstable td, .controller-wkbrand.action-edit #query_form .exceptionstable th, .controller-wkbrand.action-edit #query_form .exceptionstable tr, .controller-wkbrand.action-edit_product_model #query_form .exceptionstable tbody, .controller-wkbrand.action-edit_product_model #query_form .exceptionstable td, .controller-wkbrand.action-edit_product_model #query_form .exceptionstable th, .controller-wkbrand.action-edit_product_model #query_form .exceptionstable tr {
            display: block;
            padding: 0
        }

        .controller-wkattributegroup.action-edit #query_form .exceptionstable th, .controller-wkattributegroup.action-edit_product_attribute #query_form .exceptionstable th, .controller-wkbrand.action-edit #query_form .exceptionstable th, .controller-wkbrand.action-edit_product_model #query_form .exceptionstable th {
            padding: 10px 0 5px;
            text-align: left
        }

            .controller-wkattributegroup.action-edit #query_form .exceptionstable th:first-child, .controller-wkattributegroup.action-edit_product_attribute #query_form .exceptionstable th:first-child, .controller-wkbrand.action-edit #query_form .exceptionstable th:first-child, .controller-wkbrand.action-edit_product_model #query_form .exceptionstable th:first-child {
                padding: 0 0 5px
            }

        .controller-wkattributegroup.action-edit #query_form .exceptionstable td, .controller-wkattributegroup.action-edit_product_attribute #query_form .exceptionstable td, .controller-wkbrand.action-edit #query_form .exceptionstable td, .controller-wkbrand.action-edit_product_model #query_form .exceptionstable td {
            padding: 0
        }

        .controller-wkattributegroup.action-edit #query_form .exceptionstable tr:empty, .controller-wkattributegroup.action-edit_product_attribute #query_form .exceptionstable tr:empty, .controller-wkbrand.action-edit #query_form .exceptionstable tr:empty, .controller-wkbrand.action-edit_product_model #query_form .exceptionstable tr:empty {
            display: none
        }

        .controller-wkattributegroup.action-edit #query_form .exceptionstable tr:last-child td, .controller-wkattributegroup.action-edit_product_attribute #query_form .exceptionstable tr:last-child td, .controller-wkbrand.action-edit #query_form .exceptionstable tr:last-child td, .controller-wkbrand.action-edit_product_model #query_form .exceptionstable tr:last-child td {
            padding: 0;
            margin: 0
        }

    .controller-wkattributegroup.action-edit #query_form .jcf-select, .controller-wkattributegroup.action-edit #query_form input[type=date], .controller-wkattributegroup.action-edit #query_form input[type=email], .controller-wkattributegroup.action-edit #query_form input[type=number], .controller-wkattributegroup.action-edit #query_form input[type=password], .controller-wkattributegroup.action-edit #query_form input[type=text], .controller-wkattributegroup.action-edit #query_form textarea, .controller-wkattributegroup.action-edit_product_attribute #query_form .jcf-select, .controller-wkattributegroup.action-edit_product_attribute #query_form input[type=date], .controller-wkattributegroup.action-edit_product_attribute #query_form input[type=email], .controller-wkattributegroup.action-edit_product_attribute #query_form input[type=number], .controller-wkattributegroup.action-edit_product_attribute #query_form input[type=password], .controller-wkattributegroup.action-edit_product_attribute #query_form input[type=text], .controller-wkattributegroup.action-edit_product_attribute #query_form textarea, .controller-wkbrand.action-edit #query_form .jcf-select, .controller-wkbrand.action-edit #query_form input[type=date], .controller-wkbrand.action-edit #query_form input[type=email], .controller-wkbrand.action-edit #query_form input[type=number], .controller-wkbrand.action-edit #query_form input[type=password], .controller-wkbrand.action-edit #query_form input[type=text], .controller-wkbrand.action-edit #query_form textarea, .controller-wkbrand.action-edit_product_model #query_form .jcf-select, .controller-wkbrand.action-edit_product_model #query_form input[type=date], .controller-wkbrand.action-edit_product_model #query_form input[type=email], .controller-wkbrand.action-edit_product_model #query_form input[type=number], .controller-wkbrand.action-edit_product_model #query_form input[type=password], .controller-wkbrand.action-edit_product_model #query_form input[type=text], .controller-wkbrand.action-edit_product_model #query_form textarea {
        margin: 0 !important
    }

        .controller-wkattributegroup.action-edit #query_form .jcf-select ~ .jcf-select, .controller-wkattributegroup.action-edit #query_form .jcf-select ~ input[type=date], .controller-wkattributegroup.action-edit #query_form .jcf-select ~ input[type=email], .controller-wkattributegroup.action-edit #query_form .jcf-select ~ input[type=number], .controller-wkattributegroup.action-edit #query_form .jcf-select ~ input[type=password], .controller-wkattributegroup.action-edit #query_form .jcf-select ~ input[type=text], .controller-wkattributegroup.action-edit #query_form .jcf-select ~ textarea, .controller-wkattributegroup.action-edit #query_form input[type=date] ~ .jcf-select, .controller-wkattributegroup.action-edit #query_form input[type=date] ~ input[type=date], .controller-wkattributegroup.action-edit #query_form input[type=date] ~ input[type=email], .controller-wkattributegroup.action-edit #query_form input[type=date] ~ input[type=number], .controller-wkattributegroup.action-edit #query_form input[type=date] ~ input[type=password], .controller-wkattributegroup.action-edit #query_form input[type=date] ~ input[type=text], .controller-wkattributegroup.action-edit #query_form input[type=date] ~ textarea, .controller-wkattributegroup.action-edit #query_form input[type=email] ~ .jcf-select, .controller-wkattributegroup.action-edit #query_form input[type=email] ~ input[type=date], .controller-wkattributegroup.action-edit #query_form input[type=email] ~ input[type=email], .controller-wkattributegroup.action-edit #query_form input[type=email] ~ input[type=number], .controller-wkattributegroup.action-edit #query_form input[type=email] ~ input[type=password], .controller-wkattributegroup.action-edit #query_form input[type=email] ~ input[type=text], .controller-wkattributegroup.action-edit #query_form input[type=email] ~ textarea, .controller-wkattributegroup.action-edit #query_form input[type=number] ~ .jcf-select, .controller-wkattributegroup.action-edit #query_form input[type=number] ~ input[type=date], .controller-wkattributegroup.action-edit #query_form input[type=number] ~ input[type=email], .controller-wkattributegroup.action-edit #query_form input[type=number] ~ input[type=number], .controller-wkattributegroup.action-edit #query_form input[type=number] ~ input[type=password], .controller-wkattributegroup.action-edit #query_form input[type=number] ~ input[type=text], .controller-wkattributegroup.action-edit #query_form input[type=number] ~ textarea, .controller-wkattributegroup.action-edit #query_form input[type=password] ~ .jcf-select, .controller-wkattributegroup.action-edit #query_form input[type=password] ~ input[type=date], .controller-wkattributegroup.action-edit #query_form input[type=password] ~ input[type=email], .controller-wkattributegroup.action-edit #query_form input[type=password] ~ input[type=number], .controller-wkattributegroup.action-edit #query_form input[type=password] ~ input[type=password], .controller-wkattributegroup.action-edit #query_form input[type=password] ~ input[type=text], .controller-wkattributegroup.action-edit #query_form input[type=password] ~ textarea, .controller-wkattributegroup.action-edit #query_form input[type=text] ~ .jcf-select, .controller-wkattributegroup.action-edit #query_form input[type=text] ~ input[type=date], .controller-wkattributegroup.action-edit #query_form input[type=text] ~ input[type=email], .controller-wkattributegroup.action-edit #query_form input[type=text] ~ input[type=number], .controller-wkattributegroup.action-edit #query_form input[type=text] ~ input[type=password], .controller-wkattributegroup.action-edit #query_form input[type=text] ~ input[type=text], .controller-wkattributegroup.action-edit #query_form input[type=text] ~ textarea, .controller-wkattributegroup.action-edit #query_form textarea ~ .jcf-select, .controller-wkattributegroup.action-edit #query_form textarea ~ input[type=date], .controller-wkattributegroup.action-edit #query_form textarea ~ input[type=email], .controller-wkattributegroup.action-edit #query_form textarea ~ input[type=number], .controller-wkattributegroup.action-edit #query_form textarea ~ input[type=password], .controller-wkattributegroup.action-edit #query_form textarea ~ input[type=text], .controller-wkattributegroup.action-edit #query_form textarea ~ textarea, .controller-wkattributegroup.action-edit_product_attribute #query_form .jcf-select ~ .jcf-select, .controller-wkattributegroup.action-edit_product_attribute #query_form .jcf-select ~ input[type=date], .controller-wkattributegroup.action-edit_product_attribute #query_form .jcf-select ~ input[type=email], .controller-wkattributegroup.action-edit_product_attribute #query_form .jcf-select ~ input[type=number], .controller-wkattributegroup.action-edit_product_attribute #query_form .jcf-select ~ input[type=password], .controller-wkattributegroup.action-edit_product_attribute #query_form .jcf-select ~ input[type=text], .controller-wkattributegroup.action-edit_product_attribute #query_form .jcf-select ~ textarea, .controller-wkattributegroup.action-edit_product_attribute #query_form input[type=date] ~ .jcf-select, .controller-wkattributegroup.action-edit_product_attribute #query_form input[type=date] ~ input[type=date], .controller-wkattributegroup.action-edit_product_attribute #query_form input[type=date] ~ input[type=email], .controller-wkattributegroup.action-edit_product_attribute #query_form input[type=date] ~ input[type=number], .controller-wkattributegroup.action-edit_product_attribute #query_form input[type=date] ~ input[type=password], .controller-wkattributegroup.action-edit_product_attribute #query_form input[type=date] ~ input[type=text], .controller-wkattributegroup.action-edit_product_attribute #query_form input[type=date] ~ textarea, .controller-wkattributegroup.action-edit_product_attribute #query_form input[type=email] ~ .jcf-select, .controller-wkattributegroup.action-edit_product_attribute #query_form input[type=email] ~ input[type=date], .controller-wkattributegroup.action-edit_product_attribute #query_form input[type=email] ~ input[type=email], .controller-wkattributegroup.action-edit_product_attribute #query_form input[type=email] ~ input[type=number], .controller-wkattributegroup.action-edit_product_attribute #query_form input[type=email] ~ input[type=password], .controller-wkattributegroup.action-edit_product_attribute #query_form input[type=email] ~ input[type=text], .controller-wkattributegroup.action-edit_product_attribute #query_form input[type=email] ~ textarea, .controller-wkattributegroup.action-edit_product_attribute #query_form input[type=number] ~ .jcf-select, .controller-wkattributegroup.action-edit_product_attribute #query_form input[type=number] ~ input[type=date], .controller-wkattributegroup.action-edit_product_attribute #query_form input[type=number] ~ input[type=email], .controller-wkattributegroup.action-edit_product_attribute #query_form input[type=number] ~ input[type=number], .controller-wkattributegroup.action-edit_product_attribute #query_form input[type=number] ~ input[type=password], .controller-wkattributegroup.action-edit_product_attribute #query_form input[type=number] ~ input[type=text], .controller-wkattributegroup.action-edit_product_attribute #query_form input[type=number] ~ textarea, .controller-wkattributegroup.action-edit_product_attribute #query_form input[type=password] ~ .jcf-select, .controller-wkattributegroup.action-edit_product_attribute #query_form input[type=password] ~ input[type=date], .controller-wkattributegroup.action-edit_product_attribute #query_form input[type=password] ~ input[type=email], .controller-wkattributegroup.action-edit_product_attribute #query_form input[type=password] ~ input[type=number], .controller-wkattributegroup.action-edit_product_attribute #query_form input[type=password] ~ input[type=password], .controller-wkattributegroup.action-edit_product_attribute #query_form input[type=password] ~ input[type=text], .controller-wkattributegroup.action-edit_product_attribute #query_form input[type=password] ~ textarea, .controller-wkattributegroup.action-edit_product_attribute #query_form input[type=text] ~ .jcf-select, .controller-wkattributegroup.action-edit_product_attribute #query_form input[type=text] ~ input[type=date], .controller-wkattributegroup.action-edit_product_attribute #query_form input[type=text] ~ input[type=email], .controller-wkattributegroup.action-edit_product_attribute #query_form input[type=text] ~ input[type=number], .controller-wkattributegroup.action-edit_product_attribute #query_form input[type=text] ~ input[type=password], .controller-wkattributegroup.action-edit_product_attribute #query_form input[type=text] ~ input[type=text], .controller-wkattributegroup.action-edit_product_attribute #query_form input[type=text] ~ textarea, .controller-wkattributegroup.action-edit_product_attribute #query_form textarea ~ .jcf-select, .controller-wkattributegroup.action-edit_product_attribute #query_form textarea ~ input[type=date], .controller-wkattributegroup.action-edit_product_attribute #query_form textarea ~ input[type=email], .controller-wkattributegroup.action-edit_product_attribute #query_form textarea ~ input[type=number], .controller-wkattributegroup.action-edit_product_attribute #query_form textarea ~ input[type=password], .controller-wkattributegroup.action-edit_product_attribute #query_form textarea ~ input[type=text], .controller-wkattributegroup.action-edit_product_attribute #query_form textarea ~ textarea, .controller-wkbrand.action-edit #query_form .jcf-select ~ .jcf-select, .controller-wkbrand.action-edit #query_form .jcf-select ~ input[type=date], .controller-wkbrand.action-edit #query_form .jcf-select ~ input[type=email], .controller-wkbrand.action-edit #query_form .jcf-select ~ input[type=number], .controller-wkbrand.action-edit #query_form .jcf-select ~ input[type=password], .controller-wkbrand.action-edit #query_form .jcf-select ~ input[type=text], .controller-wkbrand.action-edit #query_form .jcf-select ~ textarea, .controller-wkbrand.action-edit #query_form input[type=date] ~ .jcf-select, .controller-wkbrand.action-edit #query_form input[type=date] ~ input[type=date], .controller-wkbrand.action-edit #query_form input[type=date] ~ input[type=email], .controller-wkbrand.action-edit #query_form input[type=date] ~ input[type=number], .controller-wkbrand.action-edit #query_form input[type=date] ~ input[type=password], .controller-wkbrand.action-edit #query_form input[type=date] ~ input[type=text], .controller-wkbrand.action-edit #query_form input[type=date] ~ textarea, .controller-wkbrand.action-edit #query_form input[type=email] ~ .jcf-select, .controller-wkbrand.action-edit #query_form input[type=email] ~ input[type=date], .controller-wkbrand.action-edit #query_form input[type=email] ~ input[type=email], .controller-wkbrand.action-edit #query_form input[type=email] ~ input[type=number], .controller-wkbrand.action-edit #query_form input[type=email] ~ input[type=password], .controller-wkbrand.action-edit #query_form input[type=email] ~ input[type=text], .controller-wkbrand.action-edit #query_form input[type=email] ~ textarea, .controller-wkbrand.action-edit #query_form input[type=number] ~ .jcf-select, .controller-wkbrand.action-edit #query_form input[type=number] ~ input[type=date], .controller-wkbrand.action-edit #query_form input[type=number] ~ input[type=email], .controller-wkbrand.action-edit #query_form input[type=number] ~ input[type=number], .controller-wkbrand.action-edit #query_form input[type=number] ~ input[type=password], .controller-wkbrand.action-edit #query_form input[type=number] ~ input[type=text], .controller-wkbrand.action-edit #query_form input[type=number] ~ textarea, .controller-wkbrand.action-edit #query_form input[type=password] ~ .jcf-select, .controller-wkbrand.action-edit #query_form input[type=password] ~ input[type=date], .controller-wkbrand.action-edit #query_form input[type=password] ~ input[type=email], .controller-wkbrand.action-edit #query_form input[type=password] ~ input[type=number], .controller-wkbrand.action-edit #query_form input[type=password] ~ input[type=password], .controller-wkbrand.action-edit #query_form input[type=password] ~ input[type=text], .controller-wkbrand.action-edit #query_form input[type=password] ~ textarea, .controller-wkbrand.action-edit #query_form input[type=text] ~ .jcf-select, .controller-wkbrand.action-edit #query_form input[type=text] ~ input[type=date], .controller-wkbrand.action-edit #query_form input[type=text] ~ input[type=email], .controller-wkbrand.action-edit #query_form input[type=text] ~ input[type=number], .controller-wkbrand.action-edit #query_form input[type=text] ~ input[type=password], .controller-wkbrand.action-edit #query_form input[type=text] ~ input[type=text], .controller-wkbrand.action-edit #query_form input[type=text] ~ textarea, .controller-wkbrand.action-edit #query_form textarea ~ .jcf-select, .controller-wkbrand.action-edit #query_form textarea ~ input[type=date], .controller-wkbrand.action-edit #query_form textarea ~ input[type=email], .controller-wkbrand.action-edit #query_form textarea ~ input[type=number], .controller-wkbrand.action-edit #query_form textarea ~ input[type=password], .controller-wkbrand.action-edit #query_form textarea ~ input[type=text], .controller-wkbrand.action-edit #query_form textarea ~ textarea, .controller-wkbrand.action-edit_product_model #query_form .jcf-select ~ .jcf-select, .controller-wkbrand.action-edit_product_model #query_form .jcf-select ~ input[type=date], .controller-wkbrand.action-edit_product_model #query_form .jcf-select ~ input[type=email], .controller-wkbrand.action-edit_product_model #query_form .jcf-select ~ input[type=number], .controller-wkbrand.action-edit_product_model #query_form .jcf-select ~ input[type=password], .controller-wkbrand.action-edit_product_model #query_form .jcf-select ~ input[type=text], .controller-wkbrand.action-edit_product_model #query_form .jcf-select ~ textarea, .controller-wkbrand.action-edit_product_model #query_form input[type=date] ~ .jcf-select, .controller-wkbrand.action-edit_product_model #query_form input[type=date] ~ input[type=date], .controller-wkbrand.action-edit_product_model #query_form input[type=date] ~ input[type=email], .controller-wkbrand.action-edit_product_model #query_form input[type=date] ~ input[type=number], .controller-wkbrand.action-edit_product_model #query_form input[type=date] ~ input[type=password], .controller-wkbrand.action-edit_product_model #query_form input[type=date] ~ input[type=text], .controller-wkbrand.action-edit_product_model #query_form input[type=date] ~ textarea, .controller-wkbrand.action-edit_product_model #query_form input[type=email] ~ .jcf-select, .controller-wkbrand.action-edit_product_model #query_form input[type=email] ~ input[type=date], .controller-wkbrand.action-edit_product_model #query_form input[type=email] ~ input[type=email], .controller-wkbrand.action-edit_product_model #query_form input[type=email] ~ input[type=number], .controller-wkbrand.action-edit_product_model #query_form input[type=email] ~ input[type=password], .controller-wkbrand.action-edit_product_model #query_form input[type=email] ~ input[type=text], .controller-wkbrand.action-edit_product_model #query_form input[type=email] ~ textarea, .controller-wkbrand.action-edit_product_model #query_form input[type=number] ~ .jcf-select, .controller-wkbrand.action-edit_product_model #query_form input[type=number] ~ input[type=date], .controller-wkbrand.action-edit_product_model #query_form input[type=number] ~ input[type=email], .controller-wkbrand.action-edit_product_model #query_form input[type=number] ~ input[type=number], .controller-wkbrand.action-edit_product_model #query_form input[type=number] ~ input[type=password], .controller-wkbrand.action-edit_product_model #query_form input[type=number] ~ input[type=text], .controller-wkbrand.action-edit_product_model #query_form input[type=number] ~ textarea, .controller-wkbrand.action-edit_product_model #query_form input[type=password] ~ .jcf-select, .controller-wkbrand.action-edit_product_model #query_form input[type=password] ~ input[type=date], .controller-wkbrand.action-edit_product_model #query_form input[type=password] ~ input[type=email], .controller-wkbrand.action-edit_product_model #query_form input[type=password] ~ input[type=number], .controller-wkbrand.action-edit_product_model #query_form input[type=password] ~ input[type=password], .controller-wkbrand.action-edit_product_model #query_form input[type=password] ~ input[type=text], .controller-wkbrand.action-edit_product_model #query_form input[type=password] ~ textarea, .controller-wkbrand.action-edit_product_model #query_form input[type=text] ~ .jcf-select, .controller-wkbrand.action-edit_product_model #query_form input[type=text] ~ input[type=date], .controller-wkbrand.action-edit_product_model #query_form input[type=text] ~ input[type=email], .controller-wkbrand.action-edit_product_model #query_form input[type=text] ~ input[type=number], .controller-wkbrand.action-edit_product_model #query_form input[type=text] ~ input[type=password], .controller-wkbrand.action-edit_product_model #query_form input[type=text] ~ input[type=text], .controller-wkbrand.action-edit_product_model #query_form input[type=text] ~ textarea, .controller-wkbrand.action-edit_product_model #query_form textarea ~ .jcf-select, .controller-wkbrand.action-edit_product_model #query_form textarea ~ input[type=date], .controller-wkbrand.action-edit_product_model #query_form textarea ~ input[type=email], .controller-wkbrand.action-edit_product_model #query_form textarea ~ input[type=number], .controller-wkbrand.action-edit_product_model #query_form textarea ~ input[type=password], .controller-wkbrand.action-edit_product_model #query_form textarea ~ input[type=text], .controller-wkbrand.action-edit_product_model #query_form textarea ~ textarea {
            margin: 10px 0 0 !important
        }

    .controller-wkattributegroup.action-edit .flex-form legend, .controller-wkattributegroup.action-edit_product_attribute .flex-form legend, .controller-wkbrand.action-edit .flex-form legend, .controller-wkbrand.action-edit_product_model .flex-form legend {
        padding-top: 0 !important;
        padding-bottom: 20px !important
    }

    .controller-wkproductitem.action-index #main .flex-form {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

        .controller-wkproductitem.action-index #main .flex-form .jcf-select {
            margin: 5px 0 10px !important
        }

    .controller-wkasset.action-edit #current_value, .controller-wkasset.action-edit #rate {
        margin-left: 0
    }

    .controller-wkasset.action-index .jcf-select {
        margin-left: 0
    }

    .controller-wkasset.action-index #main .flex-form {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

        .controller-wkasset.action-index #main .flex-form .jcf-select {
            margin: 5px 0 10px !important
        }

    .controller-wkreport.action-index .exceptionstable {
        display: block;
        margin: 0
    }

        .controller-wkreport.action-index .exceptionstable label {
            padding: 0 !important
        }

        .controller-wkreport.action-index .exceptionstable tbody, .controller-wkreport.action-index .exceptionstable td, .controller-wkreport.action-index .exceptionstable th, .controller-wkreport.action-index .exceptionstable tr {
            display: block
        }

        .controller-wkreport.action-index .exceptionstable th {
            padding: 0 0 5px !important;
            text-align: left
        }

            .controller-wkreport.action-index .exceptionstable th:first-child {
                padding: 0 0 5px
            }

        .controller-wkreport.action-index .exceptionstable td {
            padding: 0 0 10px !important
        }

        .controller-wkreport.action-index .exceptionstable tr:empty {
            display: none
        }

        .controller-wkreport.action-index .exceptionstable tr:last-child td {
            padding: 0 !important
        }

    .controller-wkassetdepreciation.action-index .exceptionstable, .controller-wkproduct.action-index .exceptionstable, .controller-wkshipment.action-index .exceptionstable {
        display: block;
        margin: 0
    }

        .controller-wkassetdepreciation.action-index .exceptionstable label, .controller-wkproduct.action-index .exceptionstable label, .controller-wkshipment.action-index .exceptionstable label {
            padding: 0 !important
        }

        .controller-wkassetdepreciation.action-index .exceptionstable tbody, .controller-wkassetdepreciation.action-index .exceptionstable td, .controller-wkassetdepreciation.action-index .exceptionstable th, .controller-wkassetdepreciation.action-index .exceptionstable tr, .controller-wkproduct.action-index .exceptionstable tbody, .controller-wkproduct.action-index .exceptionstable td, .controller-wkproduct.action-index .exceptionstable th, .controller-wkproduct.action-index .exceptionstable tr, .controller-wkshipment.action-index .exceptionstable tbody, .controller-wkshipment.action-index .exceptionstable td, .controller-wkshipment.action-index .exceptionstable th, .controller-wkshipment.action-index .exceptionstable tr {
            display: block
        }

        .controller-wkassetdepreciation.action-index .exceptionstable th, .controller-wkproduct.action-index .exceptionstable th, .controller-wkshipment.action-index .exceptionstable th {
            padding: 0 0 5px !important;
            text-align: left
        }

        .controller-wkassetdepreciation.action-index .exceptionstable td, .controller-wkproduct.action-index .exceptionstable td, .controller-wkshipment.action-index .exceptionstable td {
            padding: 0 0 10px !important
        }

        .controller-wkassetdepreciation.action-index .exceptionstable tr:empty, .controller-wkproduct.action-index .exceptionstable tr:empty, .controller-wkshipment.action-index .exceptionstable tr:empty {
            display: none
        }

        .controller-wkassetdepreciation.action-index .exceptionstable tr td:nth-last-child(1), .controller-wkproduct.action-index .exceptionstable tr td:nth-last-child(1), .controller-wkshipment.action-index .exceptionstable tr td:nth-last-child(1) {
            padding: 0 !important
        }

    .controller-wkattributegroup.action-index .time-entries, .controller-wkbrand.action-index .time-entries {
        margin-bottom: 20px
    }

    .controller-wkattributegroup.action-index #content form input[type=text], .controller-wkbrand.action-index #content form input[type=text] {
        width: 100%;
        max-width: 100%;
        min-width: 100%
    }

    .controller-wkattributegroup.action-edit .time-entries, .controller-wkbrand.action-edit .time-entries {
        margin: 0 0 20px
    }

    .controller-wkaccountproject.action-index #query_form > fieldset > .exceptionstable th, .controller-wkpurchaseorder.action-index #query_form > fieldset > .exceptionstable th, .controller-wkquote.action-index #query_form > fieldset > .exceptionstable th, .controller-wksupplieraccount.action-index #query_form > fieldset > .exceptionstable th, .controller-wksuppliercontact.action-index #query_form > fieldset > .exceptionstable th, .controller-wksupplierinvoice.action-index #query_form > fieldset > .exceptionstable th, .controller-wksupplierpayment.action-index #query_form > fieldset > .exceptionstable th {
        padding-right: 0;
        width: 100%;
        margin: 0 0 5px !important;
        padding: 0 !important
    }

    .controller-wkaccountproject.action-index #query_form > fieldset > .exceptionstable label, .controller-wkpurchaseorder.action-index #query_form > fieldset > .exceptionstable label, .controller-wkquote.action-index #query_form > fieldset > .exceptionstable label, .controller-wksupplieraccount.action-index #query_form > fieldset > .exceptionstable label, .controller-wksuppliercontact.action-index #query_form > fieldset > .exceptionstable label, .controller-wksupplierinvoice.action-index #query_form > fieldset > .exceptionstable label, .controller-wksupplierpayment.action-index #query_form > fieldset > .exceptionstable label {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .controller-wkaccountproject.action-index #query_form > fieldset > .exceptionstable td, .controller-wkpurchaseorder.action-index #query_form > fieldset > .exceptionstable td, .controller-wkquote.action-index #query_form > fieldset > .exceptionstable td, .controller-wksupplieraccount.action-index #query_form > fieldset > .exceptionstable td, .controller-wksuppliercontact.action-index #query_form > fieldset > .exceptionstable td, .controller-wksupplierinvoice.action-index #query_form > fieldset > .exceptionstable td, .controller-wksupplierpayment.action-index #query_form > fieldset > .exceptionstable td {
        width: 100%;
        padding: 0 !important;
        margin: 0 0 10px !important
    }

        .controller-wkaccountproject.action-index #query_form > fieldset > .exceptionstable td:empty, .controller-wkpurchaseorder.action-index #query_form > fieldset > .exceptionstable td:empty, .controller-wkquote.action-index #query_form > fieldset > .exceptionstable td:empty, .controller-wksupplieraccount.action-index #query_form > fieldset > .exceptionstable td:empty, .controller-wksuppliercontact.action-index #query_form > fieldset > .exceptionstable td:empty, .controller-wksupplierinvoice.action-index #query_form > fieldset > .exceptionstable td:empty, .controller-wksupplierpayment.action-index #query_form > fieldset > .exceptionstable td:empty {
            display: none
        }

    .controller-wkaccountproject.action-index #query_form > fieldset > .exceptionstable tr, .controller-wkpurchaseorder.action-index #query_form > fieldset > .exceptionstable tr, .controller-wkquote.action-index #query_form > fieldset > .exceptionstable tr, .controller-wksupplieraccount.action-index #query_form > fieldset > .exceptionstable tr, .controller-wksuppliercontact.action-index #query_form > fieldset > .exceptionstable tr, .controller-wksupplierinvoice.action-index #query_form > fieldset > .exceptionstable tr, .controller-wksupplierpayment.action-index #query_form > fieldset > .exceptionstable tr {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin: 0
    }

    .controller-wksuppliercontact.action-edit #query_form #first_name {
        margin-top: 0 !important
    }

    .controller-wksuppliercontact.action-edit #query_form #related_parent + .jcf-select {
        margin-left: 0 !important
    }

    .controller-wkpurchaseorder.action-edit #query_form .exceptionstable:not(.list), .controller-wkquote.action-edit #query_form .exceptionstable:not(.list), .controller-wksupplierinvoice.action-edit #query_form .exceptionstable:not(.list) {
        display: block
    }

        .controller-wkpurchaseorder.action-edit #query_form .exceptionstable:not(.list) .jcf-select, .controller-wkpurchaseorder.action-edit #query_form .exceptionstable:not(.list) .period_picker_input, .controller-wkpurchaseorder.action-edit #query_form .exceptionstable:not(.list) input[type=text], .controller-wkquote.action-edit #query_form .exceptionstable:not(.list) .jcf-select, .controller-wkquote.action-edit #query_form .exceptionstable:not(.list) .period_picker_input, .controller-wkquote.action-edit #query_form .exceptionstable:not(.list) input[type=text], .controller-wksupplierinvoice.action-edit #query_form .exceptionstable:not(.list) .jcf-select, .controller-wksupplierinvoice.action-edit #query_form .exceptionstable:not(.list) .period_picker_input, .controller-wksupplierinvoice.action-edit #query_form .exceptionstable:not(.list) input[type=text] {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            margin-left: 10px !important
        }

        .controller-wkpurchaseorder.action-edit #query_form .exceptionstable:not(.list) tbody, .controller-wkquote.action-edit #query_form .exceptionstable:not(.list) tbody, .controller-wksupplierinvoice.action-edit #query_form .exceptionstable:not(.list) tbody {
            display: block
        }

        .controller-wkpurchaseorder.action-edit #query_form .exceptionstable:not(.list) th, .controller-wkquote.action-edit #query_form .exceptionstable:not(.list) th, .controller-wksupplierinvoice.action-edit #query_form .exceptionstable:not(.list) th {
            display: block;
            padding-right: 0;
            width: 100%;
            margin: 0 0 5px !important;
            padding: 0 !important
        }

        .controller-wkpurchaseorder.action-edit #query_form .exceptionstable:not(.list) td, .controller-wkquote.action-edit #query_form .exceptionstable:not(.list) td, .controller-wksupplierinvoice.action-edit #query_form .exceptionstable:not(.list) td {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            width: 100% !important;
            padding: 0 !important;
            margin: 0 0 10px !important;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .controller-wkpurchaseorder.action-edit #query_form .exceptionstable:not(.list) td:empty, .controller-wkquote.action-edit #query_form .exceptionstable:not(.list) td:empty, .controller-wksupplierinvoice.action-edit #query_form .exceptionstable:not(.list) td:empty {
                display: none
            }

        .controller-wkpurchaseorder.action-edit #query_form .exceptionstable:not(.list) tr, .controller-wkquote.action-edit #query_form .exceptionstable:not(.list) tr, .controller-wksupplierinvoice.action-edit #query_form .exceptionstable:not(.list) tr {
            display: block;
            width: 100%;
            margin: 0;
            padding: 0
        }

    .controller-wkpurchaseorder.action-edit #query_form .box .exceptionstable:not(.list), .controller-wkquote.action-edit #query_form .box .exceptionstable:not(.list), .controller-wksupplierinvoice.action-edit #query_form .box .exceptionstable:not(.list) {
        display: block
    }

        .controller-wkpurchaseorder.action-edit #query_form .box .exceptionstable:not(.list) .jcf-select, .controller-wkpurchaseorder.action-edit #query_form .box .exceptionstable:not(.list) .period_picker_input, .controller-wkpurchaseorder.action-edit #query_form .box .exceptionstable:not(.list) input[type=text], .controller-wkquote.action-edit #query_form .box .exceptionstable:not(.list) .jcf-select, .controller-wkquote.action-edit #query_form .box .exceptionstable:not(.list) .period_picker_input, .controller-wkquote.action-edit #query_form .box .exceptionstable:not(.list) input[type=text], .controller-wksupplierinvoice.action-edit #query_form .box .exceptionstable:not(.list) .jcf-select, .controller-wksupplierinvoice.action-edit #query_form .box .exceptionstable:not(.list) .period_picker_input, .controller-wksupplierinvoice.action-edit #query_form .box .exceptionstable:not(.list) input[type=text] {
            margin-left: 0 !important
        }

    .controller-wkpurchaseorder.action-edit #main #content #query_form h2, .controller-wkquote.action-edit #main #content #query_form h2, .controller-wksupplierinvoice.action-edit #main #content #query_form h2 {
        margin-top: 0
    }

    .controller-wkpurchaseorder.action-edit #main #content #query_form input[type=submit], .controller-wkquote.action-edit #main #content #query_form input[type=submit], .controller-wksupplierinvoice.action-edit #main #content #query_form input[type=submit] {
        margin-bottom: 10px !important
    }

    .controller-wkpurchaseorder.action-edit #main #content .wk-contextual .icon-add, .controller-wkquote.action-edit #main #content .wk-contextual .icon-add, .controller-wksupplierinvoice.action-edit #main #content .wk-contextual .icon-add {
        margin: -22px 0 0
    }

    .controller-wksupplierpayment.action-edit #invoice_form table:not(.list) {
        display: block
    }

        .controller-wksupplierpayment.action-edit #invoice_form table:not(.list) tbody {
            display: block
        }

        .controller-wksupplierpayment.action-edit #invoice_form table:not(.list) th {
            display: block;
            padding-right: 0;
            width: 100%;
            margin: 0 0 5px !important;
            padding: 0 !important
        }

        .controller-wksupplierpayment.action-edit #invoice_form table:not(.list) td {
            display: block;
            width: 100% !important;
            padding: 0 !important;
            margin: 0 0 10px !important
        }

            .controller-wksupplierpayment.action-edit #invoice_form table:not(.list) td:empty {
                display: none
            }

        .controller-wksupplierpayment.action-edit #invoice_form table:not(.list) tr {
            display: block;
            width: 100%
        }

    .controller-wksupplierinvoice.action-new #query_form .exceptionstable tr {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column
    }

        .controller-wksupplierinvoice.action-new #query_form .exceptionstable tr td, .controller-wksupplierinvoice.action-new #query_form .exceptionstable tr th {
            min-width: 100%;
            padding-left: 0 !important;
            padding-right: 0 !important
        }

        .controller-wksupplierinvoice.action-new #query_form .exceptionstable tr td {
            padding-bottom: 10px !important
        }

    .controller-wkdocument.action-new .box.filedroplistner > p {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column
    }

    .controller-wkleaverequest.action-edit form[action*="/wkleaverequest/"] table tr {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column
    }

        .controller-wkleaverequest.action-edit form[action*="/wkleaverequest/"] table tr td, .controller-wkleaverequest.action-edit form[action*="/wkleaverequest/"] table tr th {
            min-width: 100%;
            padding-left: 0 !important;
            padding-right: 0 !important
        }

        .controller-wkleaverequest.action-edit form[action*="/wkleaverequest/"] table tr th {
            padding: 0 0 5px
        }

            .controller-wkleaverequest.action-edit form[action*="/wkleaverequest/"] table tr th ~ th {
                padding: 0;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-flow: column;
                flex-flow: column;
                -webkit-box-align: start;
                -ms-flex-align: start;
                align-items: flex-start
            }

                .controller-wkleaverequest.action-edit form[action*="/wkleaverequest/"] table tr th ~ th > * {
                    width: 100%
                }

        .controller-wkleaverequest.action-edit form[action*="/wkleaverequest/"] table tr td {
            padding-bottom: 10px !important
        }

    .controller-wkleaverequest.action-edit #content form[action*="/wkleaverequest/"] #start_date {
        margin: 0 0 10px 0
    }

        .controller-wkleaverequest.action-edit #content form[action*="/wkleaverequest/"] #start_date + div {
            margin: 0 0 10px 0
        }

    .controller-wkleaverequest.action-edit #content form[action*="/wkleaverequest/"] #end_date {
        margin: 10px 0 0
    }

        .controller-wkleaverequest.action-edit #content form[action*="/wkleaverequest/"] #end_date + div {
            margin: 10px 0 0
        }

    .controller-wkpublicholiday.action-index .flex-form {
        font-size: 0;
        line-height: 0
    }

        .controller-wkpublicholiday.action-index .flex-form legend {
            font-size: 1rem;
            line-height: 1.4
        }

        .controller-wkpublicholiday.action-index .flex-form label {
            font-size: 1rem;
            line-height: 1.4
        }

    .controller-dmsf_workflows.action-index form fieldset {
        padding: 15px 10px;
        width: calc(100% + 20px);
        border-radius: 0;
        margin-left: -10px !important;
        margin-right: -10px !important
    }

    .controller-dmsf_workflows.action-show input[type=text] ~ input[type=submit] {
        margin: 10px 0 0 !important
    }

    #content form[action*="/settings/plugin/redmine_dmsf"] .jcf-select {
        min-width: 100%
    }

    .controller-dmsf_links.action-new #main #content h3 {
        margin: 0 -10px 20px;
        font-size: 1.1428rem;
        line-height: 1.4
    }

    .controller-dmsf_links.action-new .select2 {
        width: 100%;
        min-width: 100%
    }

        .controller-dmsf_links.action-new .select2 ~ * {
            margin: 5px 0 5px !important
        }

    #main > #content #new_revision_form_content {
        padding: 20px 0 0
    }

        #main > #content #new_revision_form_content #file_upload_box {
            padding: 0 10px;
            border-radius: 0
        }

        #main > #content #new_revision_form_content br {
            display: block;
            width: 100%;
            height: 5px;
            overflow: hidden;
            position: relative
        }

        #main > #content #new_revision_form_content #custom_version_major ~ .select2 {
            max-width: 70px
        }

        #main > #content #new_revision_form_content #custom_version_major ~ select {
            padding: 0 !important;
            margin: 0 !important
        }

        #main > #content #new_revision_form_content label {
            text-align: left;
            width: 100%;
            margin: 0 0 5px
        }

        #main > #content #new_revision_form_content p {
            padding: 0
        }

    #main > #content #custom_version_major + .select2 {
        margin-right: 10px
    }

    #main > #content #custom_version_minor + .select2 {
        margin-top: 0
    }

    #main > #content #new_revision_form_content #custom_version_major ~ .select2 {
        max-width: 100%;
        margin-top: 5px !important
    }

    #main > #content #new_revision_form_content #custom_version_major ~ select {
        padding: 0 !important;
        margin: 0 !important
    }

    #main > #content #new_revision_form_content #custom_version_minor + .select2 {
        margin: 5px 0 !important
    }

    .controller-dmsf_upload.action-multi_upload #content form input[type=submit] {
        margin-top: 0
    }

    .controller-dmsf_upload.action-multi_upload #content form .dmsf_add_attachment {
        margin: 10px 0 0
    }

    .controller-release_logs.action-index #main #content h1 {
        margin: 0 -10px 20px;
        font-size: 1.1428rem;
        line-height: 1.4
    }

    #release_log_form p {
        padding: 0;
        margin: 0 0 10px
    }

    #release_log_form label {
        margin: 0 0 5px 0 !important;
        padding: 0;
        width: 100%;
        float: none;
        display: block
    }

    #release_log_form > fieldset {
        margin: 0;
        padding: 15px 10px 15px
    }

        #release_log_form > fieldset legend {
            position: relative;
            top: 0;
            left: 0;
            padding: 10px;
            display: block;
            background: inherit;
            margin-left: -10px;
            margin-right: -10px;
            width: calc(100% + 20px);
            height: auto
        }

    body #release_log_form .select2 {
        margin-right: 0;
        min-width: 100%;
        margin-left: 0 !important
    }

    body #release_log_form #release_hour + .select2 {
        margin-top: 10px !important
    }

    .controller-release_logs.action-new #release_log_form > fieldset {
        width: calc(100% + 20px);
        margin-left: -10px !important;
        margin-right: -10px !important;
        border-radius: 0
    }

    .controller-release_logs.action-new #release_log_form .icon-preview, .controller-release_logs.action-new #release_log_form .preview-release-log {
        padding: 8px 30px;
        font-size: 1rem;
        line-height: 1rem;
        -webkit-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        -o-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        border-radius: var(--icon-border-radius);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background: var(--button-main-bg);
        border: 0 !important;
        color: var(--button-main-color) !important;
        display: inline-block;
        vertical-align: top;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-weight: 600;
        margin: 10px 0 0 !important;
        height: auto;
        outline: 0 none;
        width: 100%;
        text-align: center
    }

        .controller-release_logs.action-new #release_log_form .icon-preview:after, .controller-release_logs.action-new #release_log_form .icon-preview:before, .controller-release_logs.action-new #release_log_form .preview-release-log:after, .controller-release_logs.action-new #release_log_form .preview-release-log:before {
            display: none
        }

    .public_key_view p {
        padding: 0
    }

        .public_key_view p label:first-child {
            margin: 0 0 5px 0 !important;
            padding: 0;
            width: 100%;
            float: none;
            display: block
        }

    .controller-keys #content .holder-key-form {
        display: block
    }

        .controller-keys #content .holder-key-form form {
            width: 100%;
            margin: 0
        }

            .controller-keys #content .holder-key-form form input[type=submit] {
                margin: 10px 0 0 !important
            }

        .controller-keys #content .holder-key-form .button_to {
            width: 100%
        }

    #content #new_custom_workflow div.box > fieldset, #content #new_custom_workflow div.box > fieldset.tabular {
        padding-top: 15px
    }

        #content #new_custom_workflow div.box > fieldset legend, #content #new_custom_workflow div.box > fieldset.tabular legend {
            position: relative;
            top: 0 !important;
            left: 0 !important;
            padding: 15px 0 0;
            display: block;
            width: 100%
        }

            #content #new_custom_workflow div.box > fieldset legend:before, #content #new_custom_workflow div.box > fieldset.tabular legend:before {
                content: '';
                display: block;
                clear: both;
                position: absolute;
                top: 0;
                left: -10px;
                width: calc(100% + 20px);
                height: 100%;
                background: var(--bg-box);
                z-index: -1
            }

    .controller-spectator #main > #content h1 {
        margin: 0 -10px 20px;
        font-size: 1.1428rem;
        line-height: 1.4
    }

    .controller-spectator #main > #content h3 {
        padding: 15px 10px 15px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        width: calc(100% + 20px);
        margin: 0 -10px;
        border-radius: 0;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .controller-spectator #main > #content #change_user_form {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        margin: 5px 0 0;
        width: 100%
    }

        .controller-spectator #main > #content #change_user_form input[type=submit] {
            width: 100%;
            margin: 15px 0 0 !important
        }

    .controller-keys.action-new #main > #content h1 {
        margin: 0 -10px 20px;
        font-size: 1.1428rem;
        line-height: 1.4
    }

    .controller-keys.action-new #main > #content a[href*="/keys"] {
        width: 100%
    }

    #content .tab-content#tab-content-keys fieldset {
        width: calc(100% + 20px);
        margin-left: -10px;
        margin-right: -10px;
        border-radius: 0
    }

    .controller-canned_responses.action-index #main > #content h3 {
        margin: 0 -10px 20px;
        font-size: 1.1428rem;
        line-height: 1.4
    }
}

@media screen and (max-width:550px) {
    .redmine .easy-gantt__menu-group--tooltiped ul {
        right: auto;
        left: 0
    }

    body[class*=controller-wk] #main #query_form .div-left #period_type_1 ~ .jcf-select {
        margin-bottom: 0 !important
    }

    body[class*=controller-wk] #main #query_form .div-left > span[onclick*="$('period_type_2')"], body[class*=controller-wk] #main #query_form .div-right > span[onclick*="$('period_type_2')"] {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

        body[class*=controller-wk] #main #query_form .div-left > span[onclick*="$('period_type_2')"] > label, body[class*=controller-wk] #main #query_form .div-right > span[onclick*="$('period_type_2')"] > label {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-flow: column;
            flex-flow: column;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start
        }

            body[class*=controller-wk] #main #query_form .div-left > span[onclick*="$('period_type_2')"] > label .period_picker_input, body[class*=controller-wk] #main #query_form .div-right > span[onclick*="$('period_type_2')"] > label .period_picker_input {
                width: 100%
            }

        body[class*=controller-wk] #main #query_form .div-left > span[onclick*="$('period_type_2')"] .period_picker_input, body[class*=controller-wk] #main #query_form .div-right > span[onclick*="$('period_type_2')"] .period_picker_input {
            width: 100%;
            max-width: 100%;
            margin: 5px 0 !important
        }

            body[class*=controller-wk] #main #query_form .div-left > span[onclick*="$('period_type_2')"] .period_picker_input:first-child, body[class*=controller-wk] #main #query_form .div-right > span[onclick*="$('period_type_2')"] .period_picker_input:first-child {
                margin: 0 !important
            }
}

@media screen and (max-width:480px) {
    #easy_gantt .problem-finder {
        padding-left: 0
    }

    #easy_gantt .push-left {
        margin: 0 0 10px
    }

    .controller-dmsf #main > #content > h2, .controller-dmsf_upload #main > #content > h2 {
        padding: 45px 10px 15px 45px;
        background-position: 10px calc(50% + 15px)
    }

    .controller-keys #content .holder-key-form form input[type=text].autocomplete {
        width: 100%;
        margin: 0 0 10px
    }

    .controller-keys #content .holder-key-form form label {
        margin: 0 10px 0 0
    }

    .controller-keys.action-edit #vault_whitelist table.whitelist_users, .controller-keys.action-new #vault_whitelist table.whitelist_users {
        display: block;
        padding-left: 0;
        padding-right: 0
    }

        .controller-keys.action-edit #vault_whitelist table.whitelist_users tbody, .controller-keys.action-edit #vault_whitelist table.whitelist_users td, .controller-keys.action-edit #vault_whitelist table.whitelist_users tr, .controller-keys.action-new #vault_whitelist table.whitelist_users tbody, .controller-keys.action-new #vault_whitelist table.whitelist_users td, .controller-keys.action-new #vault_whitelist table.whitelist_users tr {
            display: block;
            padding-left: 0;
            padding-right: 0
        }
}

:root {
    --color-fff: #fff;
    --color-dark: #3C2944;
    --color-blue: #438aff;
    --color-darck-blue: #4b3ac0;
    --color-blue-light: #E2EFFF;
    --color-red: #FF2D6E;
    --color-red-errof: #b72251;
    --color-red-superlight: #fcc8d8;
    --color-green: #00B5A1;
    --color-green-dark: #00524B;
    --color-green-super-light: #b2e3de;
    --color-purple: #f700f4;
    --color-purple-dark: #c202c0;
    --color-yellow: #FFC245;
    --color-yellow-light: #fce7be;
    --color-error: #FF2D6E;
    --color-orange: #FF824A;
    --color-grey: #afaeae;
    --super_grey_light: #ebebec;
    --suder-dark-grey: #BBBFCD;
    --main-bg-box: #ECEDF0;
    --menu-grey: #7E7383;
    --icon-grey: #7E7383;
    --icon-grey-dark: #323338;
    --menu-bg: #2E314F;
    --color-main-color: #9100D0;
    --color-main-color-activety: #9100D0;
    --bg-box-activety: #f5e8fc;
    --color-main-color-text: #ffffff;
    --grey: #B3A7B7;
    --color-dark-grey: #A5A5A5;
    --icon-bg: #cce5ff;
    --main-background: var(--color-fff);
    --border-color: var(--border-color-content);
    --text-color-main: var(--color-dark);
    --bg-in-content: var(--color-blue-light);
    --bg-body: #f5e8fc;
    --bg-mobile: #fff;
    --bg-box: #f5e8fc;
    --bg-other: #ffffff;
    --bg-other-in: #f5e8fc;
    --bg-fff: #ffffff;
    --light-bg: #ece1fc;
    --select-bg-redmineup: var(--color-main-color);
    --all-hover-bg: #e7cae7;
    --all-hover-bg-color: var(--color-dark);
    --scroll-bg: #ebebec;
    --scroll-handle: var(--color-main-color);
    --jcf-drop-active: var(--text-color-main);
    --tab-color-text: var(--border-color-content);
    --tab-color-text-seleced: var(--color-main-color);
    --notice-error-bg: var(--color-red-superlight);
    --notice-error-main: var(--color-red);
    --notice-error-main-text: var(--color-red);
    --notice-successfu-main: var(--color-green);
    --notice-successfu-main-text: var(--color-fff);
    --notice-successfu-bg: var(--color-green-super-light);
    --notice-successfu-bg-text: var(--color-green-dark);
    --notice-worning-main: var(--color-yellow);
    --notice-worning-bg: var(--color-yellow-light);
    --notice-worning-color: var(--color-dark);
    --red_border_error: var(--color-red);
    --red_error_text: var(--color-fff);
    --border-radius: 8px;
    --border-radius-full: 100%;
    --border-radius-small: 3px;
    --border-radius-midle: 5px;
    --icon-border-radius: 100px;
    --time-hover: 0.2s;
    --time-main: 0.5s;
    --time-hover-null: 0s;
    --icon-width: 30px;
    --icon-font-size: 30px;
    --icon-smaller-width: 26px;
    --icon-smaller-font-size: 26px;
    --icon-width-small: 20px;
    --icon-font-size-small: 20px;
    --icon-font: "WFS-RM-font";
    --icon-color: #A481B2;
    --icon-color-hover: #4D4351;
    --icon_color_active: #4D4351;
    --icon_bg: #cab5d5;
    --icon_bg_hover: #cab5d5;
    --icon_bg_active: #cab5d5;
    --icon-color-disabled: #7E7383;
    --icon_bg-disabled: #B3A7B7;
    --icon-color-bg: #A481B2;
    --icon-color-hover-bg: var(--color-main-color);
    --icon_color_active-bg: var(--color-main-color);
    --icon_bg-bg: var(--bg-fff);
    --icon_bg_hover-bg: var(--bg-fff);
    --icon_bg_active-bg: var(--bg-fff);
    --icon-color-list: var(--color-dark-grey);
    --icon-color-hover-list: var(--bg-fff);
    --icon_color_active-list: var(--bg-fff);
    --icon_bg-list: var(--bg-fff);
    --icon_bg_hover-list: var(--color-main-color);
    --icon_bg_active-list: var(--color-main-color);
    --icon-color-: var(--icon-grey);
    --icon-content-color: var(--color-orange);
    --icon-content-color-hover: #fff;
    --icon-content_bg: var(--color-orange);
    --icon-content_bg_hover: var(--color-orange);
    --icon-content_bg_active: var(--color-orange);
    --icon-color-bg-other: #A481B2;
    --icon-color-bg-other-hover: #4D4351;
    --icon-color-bg-other-active: #4D4351;
    --icon-bg-bg-other: #cab5d5;
    --icon-bg-bg-other-hover: #cab5d5;
    --icon-bg-bg-other-active: #cab5d5;
    --icon-star: var(--color-orange);
    --button-main-color: var(--color-fff);
    --button-main-bg: var(--color-main-color);
    --button-main-color-hover: var(--color-fff);
    --button-main-bg-hover: #BE0090;
    --button-main-color-disabled: var(--color-dark);
    --button-main-bg-disabled: var(--color-grey);
    --button-color: var(--color-main-color);
    --button-bg: var(--color-blue-light);
    --button-color-hover: var(--color-fff);
    --button-bg-hover: var(--color-main-color);
    --button-color-disabled: var(--color-dark);
    --button-bg-disabled: var(--color-grey);
    --button-color-disabled: #fff;
    --button-bg-disabled: var(--color-dark-grey);
    --button-grey-color: var(--color-dark);
    --button-grey-bg: var(--super_grey_light);
    --button-grey-color-hover: var(--color-dark);
    --button-grey-bg-hover: var(--color-grey);
    --button-font-weight: 600;
    --button-border-radius: 8px;
    --bg-disabled: var(--color-dark-grey);
    --color-disabled: var(--color-fff);
    --button-main-color-bg: var(--color-main-color-text);
    --button-main-bg-bg: var(--color-main-color);
    --button-main-color-hover-bg: var(--color-main-color);
    --button-main-bg-hover-bg: var(--color-main-color-text);
    --button-main-color-disabled-bg: var(--color-dark);
    --button-main-bg-disabled-bg: var(--color-grey);
    --button-color-bg: var(--color-main-color);
    --button-bg-bg: var(--bg-fff);
    --button-color-hover-bg: var(--bg-fff);
    --button-bg-hover-bg: var(--color-main-color);
    --table-bg-hover: #afd6fd;
    --popup-overlay: rgba(255, 255, 255, 0.7);
    --popup-overlay-fancy: var(--bg-fff);
    --main-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    --small-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1);
    --box-shadow-null: 0 10px 10px rgba(0, 0, 0, 0);
    --table-shadow: rgba(0, 0, 0, 0.1) 0px 3px 5px;
    --big-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
    --big-shadow-hover: 0 10px 10px rgba(145, 0, 208, 0.5);
    --popup-close-color: var(--color-red);
    --popup-close-bg: var(--color-red);
    --popup-close-color-hover: var(--color-fff);
    --popup-close-bg-hover: var(--color-red);
    --popup-close-color-2: var(--color-red);
    --popup-close-bg-2: var(--color-fff);
    --popup-close-color-hover-2: var(--color-fff);
    --popup-close-bg-hover-2: var(--color-red);
    --color-warning: var(--color-orange);
    --priority-1: var(--color-blue);
    --priority-2: var(--color-green);
    --priority-3: var(--color-yellow);
    --priority-4: var(--color-purple);
    --priority-5: var(--color-error);
    --priority-color: var(--color-fff);
    --tracker-1: var(--color-red);
    --tracker-2: var(--color-green);
    --tracker-3: var(--color-blue);
    --drop-text-color: var(--color-dark);
    --drop-text-color-hover: var(--color-dark);
    --drop-icon-color: var(--color-dark);
    --drop-icon-color-hover: var(--color-dark);
    --drop-border-color: var(--color-grey);
    --drop-bg: var(--all-hover-bg);
    --drop-bg-hover: var(--all-hover-bg);
    --drop-shadow: var(--all-hover-bg);
    --icon-save-color: var(--color-green);
    --icon-save-color-hover: var(--color-fff);
    --icon-save-bg: var(--color-green-super-light);
    --icon-save-bg-hover: var(--color-green);
    --icon-close-color: var(--color-error);
    --icon-close-color-hover: var(--color-fff);
    --icon-close-bg: var(--color-red-superlight);
    --icon-close-bg-hover: var(--color-error);
    --icon-dell-bg: var(--color-red);
    --icon-dell-bg-hover: var(--color-error);
    --icon-dell-color: var(--color-fff);
    --icon-dell-color-hover: var(--color-fff);
    --color-link: var(--color-main-color);
    --border-color-content: #ccc;
    --pagination-color: var(--icon-color);
    --pagination-color-hover: var(--icon-color-hover);
    --pagination-color-avtive: var(--icon_color_active);
    --pagination-bg: var(--color-fff);
    --pagination-bg-hover: var(--icon_bg_hover);
    --pagination-bg-active: var(--icon_bg_active);
    --pagination-font-weight: 700;
    --flyout_menu_bg: var(--color-main-color);
    --flyout_menu_color: var(--color-fff);
    --flyout_menu_border: var(--color-fff);
    --flyout_menu_button_bg: var(--color-fff);
    --flyout_menu_button_color: var(--color-main-color);
    --flyout_menu_bg_selected: var(--color-red);
    --flyout_menu_color_selected: var(--color-fff);
    --flyout_menu_title_bg: #7901ad;
    --flyout_menu_title_color: var(--color-fff);
    --flyout_menu_admin_menu_bg: #0099FF;
    --flyout_menu_admin_menu_color: var(--color-fff);
    --flyout_menu_general-menu_bg: #00A8DB;
    --flyout_menu_general-menu_color: var(--color-fff);
    --flyout_menu_profile-menu_bg: #5E96C4;
    --flyout_menu_profile-menu_color: var(--color-fff);
    --flyout_menu_watchers-menu_bg: var(--color-green);
    --flyout_menu_watchers-menu_color: var(--color-fff);
    --flyout-text-color: var(--color-dark);
    --tooltip-bg: var(--color-main-color);
    --tooltip-bg-hover: var(--color-main-color);
    --tooltip-color: var(--color-fff);
    --tooltip-color-hover: var(--color-fff);
    --scrollbar: var(--color-grey);
    --scrollbar_handle: var(--color-main-color);
    --sidebar-main_color: var(--color-main-color);
    --sidebar-main_color_text: var(--bg-fff);
    --sidebar-main_color_hover: #292f4c;
    --sidebar-main_color_text_hover: var(--bg-fff);
    --sidebar-open-button-bg: #fff;
    --sidebar-open-button-border: var(--border-color);
    --sidebar-open-button-color: var(--color-dark);
    --sidebar-open-button-bg-hover: #9D89EE;
    --sidebar-open-button-border-hover: #9D89EE;
    --sidebar-open-button-color-hover: #fff
}

#footer {
    --bg: var(--color-fff);
    --text-color-main: var(--color-grey);
    --border-color: var(--color-grey)
}

#sidebar {
    --bg: var(--bg-body);
    --main_color: var(--color-main-color);
    --text-color-main: var(--color-dark);
    --border-color: #BBBFCD;
    --icon-color: var(--icon-color-bg);
    --icon-color-hover: var(--color-main-color);
    --icon_color_active: var(--color-main-color);
    --icon_bg: var(--bg-fff);
    --icon_bg_hover: var(--bg-fff);
    --icon_bg_active: var(--bg-fff);
    --button-main-color: var(--color-main-color-text);
    --button-main-bg: var(--color-main-color);
    --button-main-color-hover: var(--bg-fff);
    --button-main-bg-hover: #BE0090;
    --button-color: var(--color-main-color);
    --button-bg: var(--color-main-color-text);
    --button-color-hover: var(--color-main-color-text);
    --button-bg-hover: var(--color-main-color);
    --scroll-bg: var(--bg-fff);
    --scroll-handle: var(--color-main-color)
}

#admin-menu, #main-menu, .mod-obj {
    --bg: var(--bg-fff);
    --bg-after: var(--color-blue-light);
    --border-color: #A481B2;
    --border-color-logo: #A481B2;
    --link-color: var(--color-dark);
    --link-color-hover: var(--color-dark);
    --link-color-active: var(--color-main-color);
    --scrollbar: #ebebec;
    --scrollbar_handle: var(--color-main-color);
    --icon-color: #A481B2;
    --icon-color-hover: var(--color-main-color);
    --icon_color_active: var(--color-main-color);
    --icon_bg: var(--bg-fff);
    --icon_bg_hover: var(--bg-fff);
    --icon_bg_active: var(--bg-body);
    --main-menu-font-weight: 400;
    --menu-children-font-weight: 400;
    --flyout-menu-font-weight: 400;
    --submit-font-weight: 400
}

#admin-index {
    --admin-color-text: var(--color-dark-grey);
    --admin-color-bg: var(--bg-fff);
    --admin-color-after: var(--bg-fff);
    --admin-color-bg-hover: var(--all-hover-bg);
    --admin-color-text-hover: var(--color-main-color)
}

#top-menu {
    --bg: var(--bg-fff);
    --icon-color: #A481B2;
    --icon-color-hover: #4D4351;
    --icon_color_active: #4D4351;
    --border-color: var(--color-grey);
    --icon_bg: #cab5d5;
    --icon_bg_hover: #cab5d5;
    --icon_bg_active: #cab5d5;
    --top-notification: var(--tracker-1);
    --top-notification-color: var(--color-fff);
    --link-color: var(--color-dark);
    --link-color-hover: var(--color-main-color);
    --link-bg: var(--color-fff);
    --link-bg-hover: var(--color-blue-light);
    --text-color: #3C2944;
    --start-time-bg-time: var(--menu-bg);
    --start-time-text-color: var(--color-fff)
}

.revo-modal-badge {
    --bg: var(--bg-box);
    --bg-title: var(--color-fff);
    --text-color: var(--color-dark);
    --link-color: var(--color-dark);
    --link-color-hover: var(--color-dark);
    --link-bg: var(--color-fff);
    --link-bg-hover: var(--all-hover-bg);
    --border-color: var(--color-dark)
}

.redmine-evolution-attachments {
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
    background: var(--bg-box);
    width: calc(100% + 60px);
    margin-left: -30px;
    margin-right: -30px;
    margin-top: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 30px
}

    .redmine-evolution-attachments .holder-gal ul {
        padding: 0;
        margin: 0 -5px;
        list-style: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: calc(100% + 10px)
    }

        .redmine-evolution-attachments .holder-gal ul li {
            width: 12.5%;
            min-width: 220px
        }

            .redmine-evolution-attachments .holder-gal ul li .in {
                border: 1px solid var(--border-color);
                border-radius: var(--border-radius);
                background: var(--bg-fff);
                margin: 5px;
                -webkit-transition: border-color var(--time-hover) ease-in-out;
                -o-transition: border-color var(--time-hover) ease-in-out;
                transition: border-color var(--time-hover) ease-in-out
            }

                .redmine-evolution-attachments .holder-gal ul li .in:hover {
                    border-color: var(--color-main-color)
                }

                    .redmine-evolution-attachments .holder-gal ul li .in:hover .holder-img a:after {
                        opacity: .2
                    }

                    .redmine-evolution-attachments .holder-gal ul li .in:hover .holder-img .bg-images {
                        opacity: 1
                    }

    .redmine-evolution-attachments .holder-img {
        display: block
    }

        .redmine-evolution-attachments .holder-img a {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            width: 100%;
            height: 120px;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            position: relative;
            z-index: 2;
            overflow: hidden;
            border-radius: var(--border-radiusr) var(--border-radiusr) 0 0
        }

            .redmine-evolution-attachments .holder-img a img {
                display: block;
                max-width: 100%;
                max-height: 100%
            }

            .redmine-evolution-attachments .holder-img a:after {
                content: '';
                display: block;
                clear: both;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: var(--color-main-color);
                opacity: 0;
                z-index: 1;
                -webkit-transition: opacity var(--time-hover) ease-in-out;
                -o-transition: opacity var(--time-hover) ease-in-out;
                transition: opacity var(--time-hover) ease-in-out
            }

            .redmine-evolution-attachments .holder-img a:hover .bg-images {
                background: var(--color-main-color)
            }

                .redmine-evolution-attachments .holder-img a:hover .bg-images:after {
                    color: var(--color-main-color-text)
                }

        .redmine-evolution-attachments .holder-img .bg-images {
            position: absolute;
            top: 50%;
            left: 50%;
            margin: -30px 0 0 -30px;
            width: 60px;
            height: 60px;
            border-radius: var(--border-radius-full);
            background: var(--color-main-color-text);
            z-index: 3;
            opacity: 0;
            -webkit-transition: opacity var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            -o-transition: opacity var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
            transition: opacity var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out
        }

            .redmine-evolution-attachments .holder-img .bg-images:after {
                color: var(--color-main-color);
                content: "\E0AA";
                display: block;
                clear: both;
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                left: 0;
                text-align: center;
                font-family: var(--icon-font);
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                font-style: normal;
                font-variant: normal;
                font-weight: 400;
                text-decoration: none;
                text-transform: none;
                font-size: 40px;
                line-height: 60px;
                -webkit-transition: color var(--time-hover) ease-in-out;
                -o-transition: color var(--time-hover) ease-in-out;
                transition: color var(--time-hover) ease-in-out
            }

        .redmine-evolution-attachments .holder-img .attachments-pdf {
            display: block;
            width: 100%;
            height: 100%;
            background: url(../images/bg-pdf.svg) no-repeat 50% 50%;
            background-size: contain
        }

        .redmine-evolution-attachments .holder-img .attachments-doc, .redmine-evolution-attachments .holder-img .attachments-docx {
            display: block;
            width: 100%;
            height: 100%;
            background: url(../images/bg-docx.svg) no-repeat 50% 50%;
            background-size: contain
        }

        .redmine-evolution-attachments .holder-img .attachments-xlsx {
            display: block;
            width: 100%;
            height: 100%;
            background: url(../images/bg-xlsx.svg) no-repeat 50% 50%;
            background-size: contain
        }

    .redmine-evolution-attachments .block-info {
        border-top: 1px solid var(--border-color);
        padding: 10px
    }

    .redmine-evolution-attachments .in-info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

        .redmine-evolution-attachments .in-info .info {
            -webkit-box-flex: 1;
            -ms-flex: 1 0 auto;
            flex: 1 0 auto;
            padding: 0 5px 0 0;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin: 0 0 5px !important;
            width: calc(100% - 26px);
            overflow: hidden
        }

            .redmine-evolution-attachments .in-info .info:last-child {
                margin: 0
            }

            .redmine-evolution-attachments .in-info .info .size {
                min-width: 100%;
                -webkit-box-flex: 1;
                -ms-flex: 1 0 auto;
                flex: 1 0 auto;
                font-size: .85714286rem;
                line-height: .85714286rem
            }

        .redmine-evolution-attachments .in-info .holder-button {
            width: var(--icon-smaller-width)
        }

    .redmine-evolution-attachments .start-mob {
        position: absolute;
        top: -99999px;
        left: -99999px;
        display: none;
        width: 10px;
        height: 10px
    }

.fancybox-caption__body .in-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .fancybox-caption__body .in-info .info {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        min-height: var(--icon-smaller-width)
    }

    .fancybox-caption__body .in-info .icon-attachment {
        padding: 0
    }

    .fancybox-caption__body .in-info .size {
        margin: 0 0 0 10px
    }

    .fancybox-caption__body .in-info .holder-button {
        margin: 0 0 0 20px
    }

.fancybox-caption__body .icon-attachment:after {
    display: none
}

.fancybox-caption__body .icon-del, .fancybox-caption__body .icon-download {
    border: none;
    background: 0 0;
    padding: 0;
    display: inline-block;
    height: var(--icon-smaller-width);
    width: var(--icon-smaller-width);
    margin: 0;
    overflow: hidden;
    position: relative;
    z-index: 2;
    border-radius: var(--icon-border-radius);
    font-size: 0;
    line-height: 0;
    color: var(--icon-color);
    vertical-align: middle;
    -webkit-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
    -o-transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
    transition: color var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out
}

    .fancybox-caption__body .icon-del:after, .fancybox-caption__body .icon-download:after {
        text-align: center;
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        clear: both;
        height: 100%;
        width: 100%;
        margin: 0;
        overflow: hidden;
        border-radius: var(--icon-border-radius);
        z-index: 1;
        font-family: var(--icon-font);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        text-decoration: none;
        text-transform: none;
        font-size: var(--icon-smaller-font-size);
        line-height: var(--icon-smaller-width);
        -webkit-transition: color var(--time-hover) ease-in-out;
        -o-transition: color var(--time-hover) ease-in-out;
        transition: color var(--time-hover) ease-in-out
    }

    .fancybox-caption__body .icon-del:before, .fancybox-caption__body .icon-download:before {
        content: '';
        display: block;
        clear: both;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: var(--icon_bg);
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        z-index: -1;
        border-radius: var(--icon-border-radius);
        -webkit-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        -o-transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        -webkit-transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
        transition: background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out;
        transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out;
        transition: transform var(--time-hover) ease-in-out,background-color var(--time-hover) ease-in-out,-webkit-transform var(--time-hover) ease-in-out
    }

    .fancybox-caption__body .icon-del:hover, .fancybox-caption__body .icon-download:hover {
        color: var(--icon-color-hover)
    }

        .fancybox-caption__body .icon-del:hover:before, .fancybox-caption__body .icon-download:hover:before {
            background: var(--icon_bg_hover) f;
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1)
        }

    .fancybox-caption__body .icon-del:after {
        content: "\E030"
    }

.fancybox-caption__body .fancybox-in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .fancybox-caption__body .fancybox-in .holder-button {
        margin: 0 0 0 20px
    }

body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: 0;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

    .fancybox-container * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: var(--popup-overlay-fancy);
    opacity: 0;
    -webkit-transition-duration: inherit;
    -o-transition-duration: inherit;
    transition-duration: inherit;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: cubic-bezier(.47,0,.74,.71);
    -o-transition-timing-function: cubic-bezier(.47,0,.74,.71);
    transition-timing-function: cubic-bezier(.47,0,.74,.71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    -webkit-transition-timing-function: cubic-bezier(.22,.61,.36,1);
    -o-transition-timing-function: cubic-bezier(.22,.61,.36,1);
    transition-timing-function: cubic-bezier(.22,.61,.36,1)
}

.fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    -webkit-transition: opacity .25s ease,visibility 0s ease .25s;
    -o-transition: opacity .25s ease,visibility 0s ease .25s;
    transition: opacity .25s ease,visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    -webkit-transition: opacity .25s ease 0s,visibility 0s ease 0s;
    -o-transition: opacity .25s ease 0s,visibility 0s ease 0s;
    transition: opacity .25s ease 0s,visibility 0s ease 0s;
    visibility: visible
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    -o-transition-property: transform,opacity;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

    .fancybox-slide:before {
        content: "";
        display: inline-block;
        font-size: 0;
        height: 100%;
        vertical-align: middle;
        width: 0
    }

.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous {
    display: block
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0
}

    .fancybox-slide--image:before {
        display: none
    }

.fancybox-slide--html {
    padding: 6px
}

.fancybox-content {
    background: var(--bg-fff);
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    -webkit-animation-timing-function: cubic-bezier(.5,0,.14,1);
    animation-timing-function: cubic-bezier(.5,0,.14,1);
    -webkit-backface-visibility: hidden;
    background: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    -o-transition-property: transform,opacity;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image, .fancybox-spaceball {
    background: 0 0;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--video .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff
}

.fancybox-iframe, .fancybox-video {
    background: 0 0;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

    .fancybox-error p {
        color: #444;
        font-size: 16px;
        line-height: 20px;
        margin: 0;
        padding: 0
    }

.fancybox-button {
    background: rgba(30,30,30,.6);
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    -webkit-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px
}

    .fancybox-button, .fancybox-button:link, .fancybox-button:visited {
        color: #ccc
    }

        .fancybox-button:hover {
            color: #fff
        }

        .fancybox-button:focus {
            outline: 0
        }

        .fancybox-button.fancybox-focus {
            outline: 1px dotted
        }

        .fancybox-button[disabled], .fancybox-button[disabled]:hover {
            color: #888;
            cursor: default;
            outline: 0
        }

        .fancybox-button div {
            height: 100%
        }

        .fancybox-button svg {
            display: block;
            height: 100%;
            overflow: visible;
            position: relative;
            width: 100%
        }

            .fancybox-button svg path {
                fill: currentColor;
                stroke-width: 0
            }

.fancybox-button--fsenter svg:nth-child(2), .fancybox-button--fsexit svg:first-child, .fancybox-button--pause svg:first-child, .fancybox-button--play svg:nth-child(2) {
    display: none
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0;
    -ms-transform-origin: 0;
    transform-origin: 0;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    z-index: 99998
}

.fancybox-close-small {
    background: 0 0;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401
}

    .fancybox-close-small:hover {
        color: #fff;
        opacity: 1
    }

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden
}

.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none
}

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px
}

    .fancybox-navigation .fancybox-button div {
        padding: 7px
    }

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right)
}

.fancybox-caption {
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0,rgba(0,0,0,.85)),color-stop(50%,rgba(0,0,0,.3)),color-stop(65%,rgba(0,0,0,.15)),color-stop(75.5%,rgba(0,0,0,.075)),color-stop(82.85%,rgba(0,0,0,.037)),color-stop(88%,rgba(0,0,0,.019)),to(transparent));
    background: -o-linear-gradient(bottom,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);
    background: linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996
}

@supports (padding:max(0px)) {
    .fancybox-caption {
        padding: 75px 44px 25px 44px
    }
}

.fancybox-caption--separate {
    margin-top: -50px
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all
}

.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none
}

    .fancybox-caption a:hover {
        color: #fff;
        text-decoration: underline
    }

.fancybox-loading {
    -webkit-animation: a 1s linear infinite;
    animation: a 1s linear infinite;
    background: 0 0;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999
}

@-webkit-keyframes a {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes a {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.fancybox-animated {
    -webkit-transition-timing-function: cubic-bezier(0,0,.25,1);
    -o-transition-timing-function: cubic-bezier(0,0,.25,1);
    transition-timing-function: cubic-bezier(0,0,.25,1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    -webkit-transition-timing-function: cubic-bezier(.19,1,.22,1);
    -o-transition-timing-function: cubic-bezier(.19,1,.22,1);
    transition-timing-function: cubic-bezier(.19,1,.22,1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(1.5,1.5,1.5);
    transform: scale3d(1.5,1.5,1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(.5,.5,.5);
    transform: scale3d(.5,.5,.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: rotate(-1turn);
    -ms-transform: rotate(-1turn);
    transform: rotate(-1turn)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: rotate(1turn);
    -ms-transform: rotate(1turn);
    transform: rotate(1turn)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(0,0,0) translate3d(-100%,0,0);
    transform: scale3d(0,0,0) translate3d(-100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(0,0,0) translate3d(100%,0,0);
    transform: scale3d(0,0,0) translate3d(100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scaleX(1) translateZ(0);
    transform: scaleX(1) translateZ(0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%,0,0) scale(.1) skew(-10deg);
    transform: translate3d(-100%,0,0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    -webkit-transform: translate3d(100%,0,0) scale(.1) skew(10deg);
    transform: translate3d(100%,0,0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1)
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
}

    .fancybox-share h1 {
        color: #222;
        font-size: 35px;
        font-weight: 700;
        margin: 0 0 20px
    }

    .fancybox-share p {
        margin: 0;
        padding: 0
    }

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

    .fancybox-share__button:link, .fancybox-share__button:visited {
        color: #fff
    }

    .fancybox-share__button:hover {
        text-decoration: none
    }

.fancybox-share__button--fb {
    background: #3b5998
}

    .fancybox-share__button--fb:hover {
        background: #344e86
    }

.fancybox-share__button--pt {
    background: #bd081d
}

    .fancybox-share__button--pt:hover {
        background: #aa0719
    }

.fancybox-share__button--tw {
    background: #1da1f2
}

    .fancybox-share__button--tw:hover {
        background: #0d95e8
    }

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

    .fancybox-share__button svg path {
        fill: #fff
    }

.fancybox-share__input {
    background: 0 0;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0;
    outline: 0;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    width: 212px;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    box-shadow: inset 0 0 6px rgba(0,0,0,.3)
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0,0,0,.1);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px
}

    .fancybox-thumbs__list a:before {
        border: 6px solid #ff5268;
        bottom: 0;
        content: "";
        left: 0;
        opacity: 0;
        position: absolute;
        right: 0;
        top: 0;
        -webkit-transition: all .2s cubic-bezier(.25,.46,.45,.94);
        -o-transition: all .2s cubic-bezier(.25,.46,.45,.94);
        transition: all .2s cubic-bezier(.25,.46,.45,.94);
        z-index: 99991
    }

    .fancybox-thumbs__list a:focus:before {
        opacity: .5
    }

    .fancybox-thumbs__list a.fancybox-thumbs-active:before {
        opacity: 1
    }

@media screen and (max-width:1900px) {
    .redmine-evolution-attachments .holder-gal ul li {
        width: 16.66%
    }
}

@media screen and (max-width:1500px) {
    .redmine-evolution-attachments .holder-gal ul li {
        width: 25%
    }
}

@media screen and (max-width:1200px) {
    .redmine-evolution-attachments .holder-gal ul li {
        width: 33.33%
    }
}

@media screen and (max-width:768px) {
    .redmine-evolution-attachments .holder-gal ul li {
        width: 50%
    }
}

@media screen and (max-width:650px) {
    .redmine-evolution-attachments .all-tabs-controll {
        margin-bottom: 10px
    }

    .redmine-evolution-attachments .holder-gal ul li {
        width: 260px
    }

        .redmine-evolution-attachments .holder-gal ul li .in {
            min-width: 250px;
            width: 250px
        }

    .redmine-evolution-attachments .start-mob {
        display: block
    }
}

@media (max-width:576px) {
    .fancybox-thumbs {
        width: 110px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px)
    }
}

@media (max-height:576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px
    }

    .fancybox-slide--image {
        padding: 6px 0
    }

    .fancybox-close-small {
        right: -6px
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px
    }

    @supports (padding:max(0px)) {
        .fancybox-caption {
            padding-left: 12px;
            padding-right: 12px
        }
    }
}