/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
@import url(../fonts/IranYekan/fontiran.css);
@import url(../fonts/icons.css);
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
    line-height: 1.15;
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
    overflow-y: auto;
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body,
body.color-scheme-light{
    --pg-bg: #fff;
    --pg-header: #ecf0f1;
    --pg-shadow-opacity: .2;
    --pg-issue-bg: #f1f4f8;
    --pg-issue-his-bg: #f5f5f5;
    --pg-issue-title-border: #72b2b2;
    --pg-quote-bg: #00000005;
    --pg-btn: #80cca8;
    --pg-drk-btn: #72b2b2;
    --pg-xli-btn: #c4eded;
    --pg-btn-border: #c8c8c8;
    --pg-atchform-border: #e0e7ed;
    --pg-purple: #669;
    --pg-xli-purple: #bdc3c7;
    --pg-drk-purple: #313246;
    --pg-drk-purple2: #34495e;
    --pg-red: #e74c3c;
    --pg-li-red: #f07575;
    --pg-txt-purple: #7f8c8d;
    --pg-txt-color: #000;
    --pg-txt-icolor: var(--pg-bg); /*text invert color*/
    --pg-gray: #666;
    --pg-li-gray: #999;
    --pg-xli-gray: #eee;
    --pg-xli-gray1: #ddd;
    --pg-xli-gray2: #f9f9f9;
    --pg-xli-gray3: #ccc;
    --pg-drk-gray: #333;
    --pg-icon-color: #000;
    --pg-tbl-head: #72b2b2;
    --pg-tbl-head-txt: #fff;
    --pg-tbl-hover: #f1f1fb;
    --pg-tbl-selected: #005457;
    --pg-tbl-border: #eaeaea;
    --pg-tbl-odd: #f8f8f8;
    --pg-tbl-even: #fff;
    --pg-highlight: #005457;
    --pg-cal-today: #e7ffd9;
    --pg-cal-holiday: #fee;
    --pg-notice-bg: #c2ffda;
    --pg-notice-border: #2ecc71;
    --pg-warning-bg: #fff9e4;
    --pg-warning-border: #b47302;
    --pg-error-bg: #fddad8;
    --pg-error-border: #e74c3c;
    --pg-ver-closed: #1dad5b;
    --pg-ver-todo: #e3e5e7;
    --pg-ver-done: #3cee66;
    --pg-target-highlight: #fdf888;
    --pg-search-highlight: var(--pg-target-highlight);
    --pg-search-highlight1: #faa;
    --pg-search-highlight2: #afa;
    --pg-search-highlight3: #aaf;
    --pg-ui-widget-active: #d2eeff;
    --pg-ui-widget-highlight: #ffd5c9;
}
body.color-scheme-dark{
    color-scheme: dark;
    --pg-bg: #212121;
    --pg-header: #282c2d;
    --pg-shadow-opacity: .8;
    --pg-issue-bg: #181818;
    --pg-issue-his-bg: #151515;
    --pg-issue-title-border: #72b2b2;
    --pg-quote-bg: #ffffff05;
    --pg-btn: #80cca8;
    --pg-drk-btn: #252f2f;
    --pg-xli-btn: #252f2f;
    --pg-btn-border: #444;
    --pg-atchform-border: #121213;
    --pg-purple: #669;
    --pg-xli-purple: #313246;
    --pg-drk-purple: #bdc3c7;
    --pg-drk-purple2: #ac93f8;
    --pg-red: #e74c3c;
    --pg-li-red: #f07575;
    --pg-txt-purple: #7f8c8d;
    --pg-txt-color: #fff;
    --pg-txt-icolor: var(--pg-bg);
    --pg-gray: #999;
    --pg-li-gray: #777;
    --pg-xli-gray: #555;
    --pg-xli-gray1: #333;
    --pg-xli-gray2: #1e1e1e;
    --pg-xli-gray3: #353535;
    --pg-drk-gray: #eee;
    --pg-icon-color: #fff;
    --pg-tbl-head: #111;
    --pg-tbl-head-txt: #fff;
    --pg-tbl-hover: #222;
    --pg-tbl-selected: #004144;
    --pg-tbl-border: #131313;
    --pg-tbl-odd: #1d1d1d;
    --pg-tbl-even: #202020;
    --pg-highlight: #004144;
    --pg-cal-today: #192419;
    --pg-cal-holiday: #1c1010;
    --pg-notice-bg: #1d3125;
    --pg-notice-border: #196439;
    --pg-warning-bg: #31302b;
    --pg-warning-border: #9f6500;
    --pg-error-bg: #312929;
    --pg-error-border: #aa382c;
    --pg-ver-closed: #1dad5b;
    --pg-ver-todo: #333;
    --pg-ver-done: #3cee66;
    --pg-target-highlight: #3a3916;
    --pg-search-highlight: var(--pg-target-highlight);
    --pg-search-highlight1: #faa3;
    --pg-search-highlight2: #afa3;
    --pg-search-highlight3: #aaf3;
    --pg-ui-widget-active: #284759;
    --pg-ui-widget-highlight: #403533;
}

@media (prefers-color-scheme: dark) {
    body.color-scheme-os {
        color-scheme: dark;
        --pg-bg: #212121;
        --pg-header: #282c2d;
        --pg-shadow-opacity: .8;
        --pg-issue-bg: #181818;
        --pg-issue-his-bg: #151515;
        --pg-issue-title-border: #72b2b2;
        --pg-quote-bg: #ffffff05;
        --pg-btn: #80cca8;
        --pg-drk-btn: #252f2f;
        --pg-xli-btn: #252f2f;
        --pg-btn-border: #444;
        --pg-atchform-border: #121213;
        --pg-purple: #669;
        --pg-xli-purple: #313246;
        --pg-drk-purple: #bdc3c7;
        --pg-drk-purple2: #ac93f8;
        --pg-red: #e74c3c;
        --pg-li-red: #f07575;
        --pg-txt-purple: #7f8c8d;
        --pg-txt-color: #fff;
        --pg-txt-icolor: var(--pg-bg);
        --pg-gray: #999;
        --pg-li-gray: #777;
        --pg-xli-gray: #555;
        --pg-xli-gray1: #333;
        --pg-xli-gray2: #1e1e1e;
        --pg-xli-gray3: #353535;
        --pg-drk-gray: #eee;
        --pg-icon-color: #fff;
        --pg-tbl-head: #111;
        --pg-tbl-head-txt: #fff;
        --pg-tbl-hover: #222;
        --pg-tbl-selected: #004144;
        --pg-tbl-border: #131313;
        --pg-tbl-odd: #1d1d1d;
        --pg-tbl-even: #202020;
        --pg-highlight: #004144;
        --pg-cal-today: #192419;
        --pg-cal-holiday: #1c1010;
        --pg-notice-bg: #1d3125;
        --pg-notice-border: #196439;
        --pg-warning-bg: #31302b;
        --pg-warning-border: #9f6500;
        --pg-error-bg: #312929;
        --pg-error-border: #aa382c;
        --pg-ver-closed: #1dad5b;
        --pg-ver-todo: #333;
        --pg-ver-done: #3cee66;
        --pg-target-highlight: #3a3916;
        --pg-search-highlight: var(--pg-target-highlight);
        --pg-search-highlight1: #faa3;
        --pg-search-highlight2: #afa3;
        --pg-search-highlight3: #aaf3;
        --pg-ui-widget-active: #284759;
        --pg-ui-widget-highlight: #403533;
    }
}
body {
    margin: 0;
    background-color: var(--pg-bg);
}

html, body {
    height: unset !important;
    min-height: 100vh;
}

div#wrapper, div#wrapper2, div#wrapper3 {
    min-height: inherit;
    opacity: 1;
    transition: opacity .5s;
}

#wrapper {
    height: 100%
}

#wrapper2 {
    height: 100%;
    direction: ltr;
}

#wrapper3 {
    min-height: calc(100% - 3em);
    display: flex;
    flex-direction: column;
    direction: ltr;
}

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
    display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}


/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
    /* 1 */
    display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
    margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
    background-color: transparent;
    /* 1 */
    text-decoration-skip: objects;
    /* 2 */
    outline: none;
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    text-decoration: underline dotted;
    /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
    font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
    font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
    background-color: #ff0;
    color: var(--pg-txt-color);
}

/**
 * Add the correct font size in all browsers.
 */
small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
    display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
    border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
    overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
    font-family: Roboto, iranyekan, sans-serif !important;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 1.15;
    /* 1 */
    margin: 0;
    /* 2 */
    background-color: var(--pg-bg);
    color: var(--pg-txt-color);
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
    /* 1 */
    overflow: visible;
    outline: none;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
    /* 1 */
    text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
    /* 1 */
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
}
option {
    font-weight: normal;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

input[type="submit"].small {
    padding: .6em 2em;
}

.hidden {
    display: none;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
    padding: 0;
}

fieldset legend {
    padding: .5em 0;
    font-weight: normal;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
    display: inline-block;
    /* 1 */
    vertical-align: baseline;
    /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    min-width: 1em !important;
    width: auto !important;
}

[type="radio"] {
    margin-inline-end:.35em !important;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
    /* 1 */
menu {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
    display: list-item;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
    display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
    display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
    display: none;
}

.icon-add:before {
    content: "\e99c";
}

.icon-actions:before {
    content: "\e937";
}

.icon-start-action:before{
    content: "\e999";
}

.icon-pause-action:before{
    content: "\e991";
}

.icon-stop-action:before{
    content: "\e9C0";
}

.icon-import:before {
    content: "\e978";
}

.icon-expended:before {
    content: "\e97e";
}

.icon-collapsed:before {
    content: "\e99B";
}

.icon-bookmark:before {
    content: "\e95c";
}

.icon-bookmarked-project:before {
    content: "\e95c";
}

.icon-bookmark-off:before {
    content: "\e95b";
}

.icon-edit:before {
    content: "\e98a";
}

.icon-changeset:before {
    content: "\e96f";
}

.icon-copy:before {
    content: "\e920";
}

.icon-copy-link:before {
    content: "\e975";
}

.icon-document:before {
    content: "\e92b";
}

.dmsf-file-revision:before {
    content: "\e947";
}

.icon-approvalworkflows:before {
    content: "\e9c4";
}

.icon-duplicate:before {
    content: "\e920";
}

.icon-del:before {
    content: "\e9d3";
}

.icon-clear-query:before {
    content: "\e913";
}

.icon-move:before {
    content: "\e936";
}

.icon-save:before {
    content: "\e951";
}

.icon-refresh:before {
    content: "\e9A4";
}

.icon-cancel:before {
    content: "\e913";
}

.icon-multiple:before {
    content: "%";
}

.icon-folder:before {
    content: "\e953";
    margin-right: 4px !important;
    margin-left: -.25em !important;
}

.open .icon-folder:before {
    content: "\e954";
}

.icon-package:before {
    content: "\e94f\200f";
}

.icon-user:before {
    content: "\e9de";
    display: inline-block;
}

.icon-projects:before {
    content: "\e96f";
}

.icon-settings:before {
    content: "\e91a";
}

.icon-group:before {
    content: "\e956";
}

.icon-groupnonmember:before {
    content: "\e956";
}

.icon-groupanonymous:before {
    content: "\e956";
}

.icon-roles:before {
    content: "\e965";
}

.icon-query:before {
    content: "\e94d";
}

.icon-issue-closed:before {
    content: "\e9cc";
}

.icon-issue-edit:before {
    content: "\e936";
}

.icon-support:before {
    content: "\e9bd";
}

.icon-issue-edit.issue-statuses:before {
    content: "\e9d5";
}

.icon-issue-note:before {
    content: "\e997";
}

.icon-tags-merge:before {
    content: "\e9a7";
}

.icon-time-entry:before {
    content: "\e9fa";
}

.icon-workflows:before {
    content: "\e9a6";
}

.icon-custom-fields:before {
    content: "\e975";
}

.icon-plugins:before {
    content: "\e99a";
}

.icon-help:before {
    content: "\e972";
}

.icon-attachment:before {
    content: "\ea05\200f";
}

.icon-history:before {
    content: "\e960";
}

.icon-holidays:before {
    content: "\e927";
}

.icon-time:before {
    content: "\e9fa";
}

.icon-time-add:before {
    content: "\e912";
}

.icon-stats:before {
    content: "\e9a9";
}

.icon-warning:before {
    content: "\e940";
}

.icon-error:before {
    content: "\e9a5";
}

.icon-fav::before {
    content: "\e942";
}

.icon-fav-off:before {
    content: "\e943";
}

.icon-reload:before {
    content: "\e913";
}

.icon-lock:before {
    content: "\e977";
}

.icon-locked:before {
    content: "\e977";
}

.icon-unlock:before {
    content: "\e9db";
}

.icon-checked:before {
    content: "\e9c3\200e";
    color: green;
    font-weight: bolder !important;
    text-shadow: 0 1px 0 green;
}

.icon-details:before {
    content: "\e976";
}

.icon-report:before {
    content: "\e9CC";
}

.icon-comment:before {
    content: "\e90C";
}

.icon-comments:before {
    content: "\e9CA";
}

.icon-summary:before {
    content: "\e9cc";
}

.icon-auto-assign:before, 
.icon-automation:before {
    content: "\e973"
}

.icon-server-authentication:before {
    content: "\e90b";
}

.icon-issue:before {
    content: "\e99a";
}
.icon-payment:before {
    content: "\e9e9";
}

.icon-invoice:before {
    content: "\e9b0";
}

.icon-location:before {
    content: "\e97b";
}

.icon-contact:before {
    content: "\e956";
}

.icon-guaranty:before {
    content: "\e90b";
}

.icon-inventory:before {
    content: "\e9c9";
}
.icon-backup:before {
    content: "\e933";
}

.icon-tags:before {
    content: "\e9c9";
}

.icon-issue.trackers:before {
    content: "\e9e4";
}

.icon-zoom-in:before {
    content: "\e9f6";
}

.icon-zoom-out:before {
    content: "\e9f7";
}

.icon-magnifier:before {
    content: "\e9b1";
}

.icon-passwd:before {
    content: "\e96e";
}

.icon-preview:before {
    content: "\e966\200f";
}

.icon-test:before {
    content: "\e9c4";
}

.icon-email:before {
    content: "\e939";
}

.icon-email-disabled:before {
    content: "\e939";
    opacity: .5;
}

.icon-email-add:before {
    content: "\e939";
}

.icon-move-up:before {
    content: "\e90a";
}

.icon-move-top:before {
    content: "\e9b7";
}

.icon-move-down:before {
    content: "\e9bd";
}

.icon-move-bottom:before {
    content: "\e9ba";
}

.icon-ok:before {
    content: "\e9c3";
}

.icon-not-ok:before {
    content: "\e905";
}

.icon-link:before {
    content: "\e975";
}
.dmsf-icon-link:before {
    content: "\e975";
}

.icon-link-break:before {
    content: "\e9af";
}

.icon-list:before {
    content: "\e976";
}

.icon-close:before {
    content: "\e913";
}

.icon-add-bullet:before {
    content: "\e99b";
}

.icon-download:before {
    content: "\e934\200f";
}

.dmsf-file-revision-access:before {
    content: "\e934\200f";
}

.icon-sticky:before {
    content: "\e905";
}

.icon-news:before {
    content: "\e90c";
}

.icon-notification:before {
    content: "\e98c";
}

.icon-wiki-page:before {
    content: "\e947";
}

.icon-shared:before {
    content: "\e9b4";
}

.icon-file:before {
    content: "\e930";
}

.icon-file.text-plain:before {
    content: "\e930";
}

.icon-file.text-x-c:before {
    content: "\e930";
}

.icon-file.text-x-csharp:before {
    content: "\e930";
}

.icon-file.text-x-java:before {
    content: "\e930";
}

.icon-file.text-x-javascript:before {
    content: "\e930";
}

.icon-file.text-x-php:before {
    content: "\e930";
}

.icon-file.text-x-ruby:before {
    content: "\e930";
}

.icon-file.text-xml:before {
    content: "\e930";
}

.icon-file.text-css:before {
    content: "\e930";
}

.icon-file.text-html:before {
    content: "\e930";
}

.icon-file.image-gif:before {
    content: "\e930";
}

.icon-file.image-jpeg:before {
    content: "\e930";
}

.icon-file.image-png:before {
    content: "\e930";
}

.icon-file.image-tiff:before {
    content: "\e930";
}

.icon-file.application-pdf:before {
    content: "\e930";
}

.icon-file.application-zip:before {
    content: "\e930";
}

.icon-file.application-x-gzip:before {
    content: "\e930";
    color: #2ecc71;
}

#admin-menu .email-configurations:before {
    content: '\e939';
}

/*noinspection ALL*/
#admin-menu .email-configurations:before,
.icon-actions:before,
.icon-start-action:before,
.icon-pause-action:before,
.icon-stop-action:before,
.icon-add-bullet:before,
.icon-add:before,
.icon-attachment:before,
.icon-backup:before,
.icon-tags:before,
.icon-bookmark-off:before,
.icon-bookmark:before,
.icon-bookmarked-project:before,
.icon-cancel:before,
.icon-changeset:before,
.icon-checked:before,
.icon-close:before,
.icon-collapsed:before,
.icon-comment:before,
.icon-comments:before,
.icon-copy:before,
.icon-copy-link:before,
.icon-custom-fields:before,
.icon-del:before,
.icon-clear-query:before,
.icon-details:before,
.icon-document:before,
.dmsf-file-revision:before,
.icon-approvalworkflows:before,
.icon-download:before,
.dmsf-file-revision-access:before,
.icon-duplicate:before,
.icon-edit:before,
.icon-email-add:before,
.icon-email-disabled:before,
.icon-email:before,
.icon-error:before,
.icon-expended:before,
.icon-fav-off:before,
.icon-fav:before,
.icon-file.application-pdf:before,
.icon-file.application-x-gzip:before,
.icon-file.application-zip:before,
.icon-file.image-gif:before,
.icon-file.image-jpeg:before,
.icon-file.image-png:before,
.icon-file.image-tiff:before,
.icon-file.text-css:before,
.icon-file.text-html:before,
.icon-file.text-plain:before,
.icon-file.text-x-c:before,
.icon-file.text-x-csharp:before,
.icon-file.text-x-java:before,
.icon-file.text-x-javascript:before,
.icon-file.text-x-php:before,
.icon-file.text-x-ruby:before,
.icon-file.text-xml:before,
.icon-file:before,
.icon-folder:before,
.icon-group:before,
.icon-groupanonymous:before,
.icon-groupnonmember:before,
.icon-help:before,
.icon-history:before,
.icon-holidays:before,
.icon-import:before,
.icon-issue-closed:before,
.icon-issue-edit:before,
.icon-issue-note:before,
.icon-issue:before,
.icon-link:before,
.dmsf-icon-link:before,
.icon-link-break:before,
.icon-list:before,
.icon-lock:before,
.icon-locked:before,
.icon-magnifier:before,
.icon-move-bottom:before,
.icon-move-down:before,
.icon-move-top:before,
.icon-move-up:before,
.icon-move:before,
.icon-multiple:before,
.icon-news:before,
.icon-notification:before,
.icon-not-ok:before,
.icon-ok:before,
.icon-package:before,
.icon-passwd:before,
.icon-plugins:before,
.icon-preview:before,
.icon-projects:before,
.icon-reload:before,
.icon-report:before,
.icon-roles:before,
.icon-query:before,
.icon-save:before,
.icon-refresh:before,
.icon-server-authentication:before,
.icon-settings:before,
.icon-shared:before,
.icon-stats:before,
.icon-sticky:before,
.icon-summary:before,
.icon-auto-assign:before,
.icon-automation:before,
.icon-support:before,
.icon-test:before,
.icon-time-add:before,
.icon-tags-merge:before,
.icon-time-entry:before,
.icon-time:before,
.icon-unlock:before,
.icon-user:before,
.icon-warning:before,
.icon-wiki-page:before,
.icon-workflows:before,
.icon-zoom-in:before,
.icon-zoom-out:before,
.open .icon-folder:before,
.icon-invoice:before,
.icon-payment:before,
.icon-location:before,
.icon-inventory:before,
.icon-guaranty:before,
.icon-contact:before{
    font-family: peygir;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    margin-inline-end: .5em;
    vertical-align: middle;
}

.icon-only:before{
    margin-inline-end: 1em;
}

.icon.icon-add,
.icon.icon-actions,
.icon.icon-start-action,
.icon.icon-pause-action,
.icon.icon-stop-action,
.icon.icon-import,
.icon.icon-bookmark,
.icon.icon-bookmarked-project,
.icon.icon-bookmark-off,
.icon.icon-expended,
.icon.icon-collapsed,
.icon.icon-edit,
.icon.icon-changeset,
.icon.icon-copy,
.icon.icon-copy-link,
.icon.icon-document,
.icon.dmsf-file-revision,
.icon.icon-approvalworkflows,
.icon.icon-duplicate,
.icon.icon-del,
.icon.icon-clear-query,
.icon.icon-move,
.icon.icon-save,
.icon.icon-refresh,
.icon.icon-cancel,
.icon.icon-multiple,
.icon.icon-folder,
.icon.open .icon-folder,
.icon.icon-package,
.icon.icon-user,
.icon.icon-projects,
.icon.icon-group,
.icon.icon-groupanonymous,
.icon.icon-groupnonmember,
.icon.icon-roles,
.icon.icon-query,
.icon.icon-issue-edit,
.icon.icon-support,
.icon.icon-workflows,
.icon.icon-custom-fields,
.icon.icon-settings,
.icon.icon-plugins,
.icon.icon-help,
.icon.icon-attachment,
.icon.icon-history,
.icon.icon-holidays,
.icon.icon-time,
.icon.icon-time-add,
.icon.icon-stats,
.icon.icon-warning,
.icon.icon-error,
.icon.icon-fav,
.icon.icon-fav-off,
.icon.icon-reload,
.icon.icon-lock,
.icon.icon-locked,
.icon.icon-unlock,
.icon.icon-checked,
.icon.icon-details,
.icon.icon-report,
.icon.icon-comment,
.icon.icon-comments,
.icon.icon-summary,
.icon-auto-assign,
.icon-automation,
.icon.icon-server-authentication,
.icon.icon-issue,
.icon.icon-payment,
.icon.icon-invoice,
.icon.icon-location,
.icon.icon-contact,
.icon.icon-guaranty,
.icon.icon-inventory,
.icon.icon-tags-merge,
.icon.icon-time-entry,
.icon.icon-issue-note,
.icon.icon-issue-closed,
.icon.icon-zoom-in,
.icon.icon-zoom-out,
.icon.icon-magnifier,
.icon.icon-passwd,
.icon.icon-preview,
.icon.icon-test,
.icon.icon-email,
.icon.icon-email-disabled,
.icon.icon-email-add,
.icon.icon-move-up,
.icon.icon-move-top,
.icon.icon-move-down,
.icon.icon-move-bottom,
.icon.icon-ok,
.icon.icon-not-ok,
.icon.icon-link,
.icon.dmsf-icon-link,
.icon.icon-link-break,
.icon.icon-list,
.icon.icon-close,
.icon.icon-add-bullet,
.icon.icon-download,
.icon.dmsf-file-revision-access,
.icon.icon-sticky,
.icon.icon-news,
.icon.icon-notification,
.icon.icon-wiki-page,
.icon.icon-file,
.icon.icon-shared,
.icon.icon-file.text-plain,
.icon.icon-file.text-x-c,
.icon.icon-file.text-x-csharp,
.icon.icon-file.text-x-java,
.icon.icon-file.text-x-javascript,
.icon.icon-file.text-x-php,
.icon.icon-file.text-x-ruby,
.icon.icon-file.text-xml,
.icon.icon-file.text-css,
.icon.icon-file.text-html,
.icon.icon-file.image-gif,
.icon.icon-file.image-jpeg,
.icon.icon-file.image-png,
.icon.icon-file.image-tiff,
.icon.icon-file.application-pdf,
.icon.icon-file.application-zip,
.icon.icon-file.application-x-gzip {
    padding: 0;
}

.icon-only.icon-add,
.icon-only.icon-actions,
.icon-only.icon-start-action,
.icon-only.icon-pause-action,
.icon-only.icon-stop-action,
.icon-only.icon-import,
.icon-only.icon-bookmark,
.icon-only.icon-bookmarked-project,
.icon-only.icon-bookmark-off,
.icon-only.icon-expended,
.icon-only.icon-collapsed,
.icon-only.icon-edit,
.icon-only.icon-changeset,
.icon-only.icon-copy,
.icon-only.icon-copy-link,
.icon-only.icon-document,
.icon-only.dmsf-file-revision,
.icon-only.icon-approvalworkflows,
.icon-only.icon-duplicate,
.icon-only.icon-del,
.icon-only.icon-clear-query,
.icon-only.icon-move,
.icon-only.icon-save,
.icon-only.icon-refresh,
.icon-only.icon-cancel,
.icon-only.icon-multiple,
.icon-only.icon-folder,
.icon-only.open .icon-folder,
.icon-only.icon-package,
.icon-only.icon-user,
.icon-only.icon-projects,
.icon-only.icon-group,
.icon-only.icon-groupanonymous,
.icon-only.icon-groupnonmember,
.icon-only.icon-roles,
.icon-only.icon-query,
.icon-only.icon-issue-edit,
.icon-only.icon-support,
.icon-only.icon-workflows,
.icon-only.icon-custom-fields,
.icon-only.icon-settings,
.icon-only.icon-plugins,
.icon-only.icon-help,
.icon-only.icon-attachment,
.icon-only.icon-history,
.icon-only.icon-holidays,
.icon-only.icon-time,
.icon-only.icon-time-add,
.icon-only.icon-stats,
.icon-only.icon-warning,
.icon-only.icon-error,
.icon-only.icon-fav,
.icon-only.icon-fav-off,
.icon-only.icon-reload,
.icon-only.icon-lock,
.icon-only.icon-locked,
.icon-only.icon-unlock,
.icon-only.icon-checked,
.icon-only.icon-details,
.icon-only.icon-report,
.icon-only.icon-comment,
.icon-only.icon-comments,
.icon-only.icon-summary,
.icon-only.icon-auto-assign,
.icon-only.icon-automation,
.icon-only.icon-server-authentication,
.icon-only.icon-issue,
.icon-only.icon-invoice,
.icon-only.icon-payment,
.icon-only.icon-location,
.icon-only.icon-inventory,
.icon-only.icon-guaranty,
.icon-only.icon-contact,
.icon-only.icon-issue-note,
.icon-only.icon-issue-closed,
.icon-only.icon-tags-merge,
.icon-only.icon-time-entry,
.icon-only.icon-zoom-in,
.icon-only.icon-zoom-out,
.icon-only.icon-magnifier,
.icon-only.icon-passwd,
.icon-only.icon-preview,
.icon-only.icon-test,
.icon-only.icon-email,
.icon-only.icon-email-disabled,
.icon-only.icon-email-add,
.icon-only.icon-move-up,
.icon-only.icon-move-top,
.icon-only.icon-move-down,
.icon-only.icon-move-bottom,
.icon-only.icon-ok,
.icon-only.icon-not-ok,
.icon-only.icon-link,
.icon-only.dmsf-icon-link,
.icon-only.icon-link-break,
.icon-only.icon-list,
.icon-only.icon-close,
.icon-only.icon-add-bullet,
.icon-only.icon-download,
.icon-only.dmsf-file-revision-access,
.icon-only.icon-sticky,
.icon-only.icon-news,
.icon-only.icon-notification,
.icon-only.icon-wiki-page,
.icon-only.icon-shared,
.icon-only.icon-file,
.icon-only.icon-file.text-plain,
.icon-only.icon-file.text-x-c,
.icon-only.icon-file.text-x-csharp,
.icon-only.icon-file.text-x-java,
.icon-only.icon-file.text-x-javascript,
.icon-only.icon-file.text-x-php,
.icon-only.icon-file.text-x-ruby,
.icon-only.icon-file.text-xml,
.icon-only.icon-file.text-css,
.icon-only.icon-file.text-html,
.icon-only.icon-file.image-gif,
.icon-only.icon-file.image-jpeg,
.icon-only.icon-file.image-png,
.icon-only.icon-file.image-tiff,
.icon-only.icon-file.application-pdf,
.icon-only.icon-file.application-zip,
.icon-only.icon-file.application-x-gzip {
    width: 1.2em;
    height: 1.2em;
    padding: 0;
    font-size: 1.2em;
    vertical-align: middle;
}

.icon-only.icon-add:after,
.icon-only.icon-actions:after,
.icon-only.icon-start-action:after,
.icon-only.icon-pause-action:after,
.icon-only.icon-stop-action:after,
.icon-only.icon-import:after,
.icon-only.icon-bookmark:after,
.icon-only.icon-bookmarked-project:after,
.icon-only.icon-bookmark-off:after,
.icon-only.icon-expended:after,
.icon-only.icon-collapsed:after,
.icon-only.icon-edit:after,
.icon-only.icon-changeset:after,
.icon-only.icon-copy:after,
.icon-only.icon-copy-link:after,
.icon-only.icon-document:after,
.icon-only.dmsf-file-revision:after,
.icon-only.icon-approvalworkflows:after,
.icon-only.icon-duplicate:after,
.icon-only.icon-del:after,
.icon-only.icon-clear-query:after,
.icon-only.icon-move:after,
.icon-only.icon-save:after,
.icon-only.icon-refresh:after,
.icon-only.icon-cancel:after,
.icon-only.icon-multiple:after,
.icon-only.icon-folder:after,
.icon-only.open .icon-folder:after,
.icon-only.icon-package:after,
.icon-only.icon-user:after,
.icon-only.icon-projects:after,
.icon-only.icon-group:after,
.icon-only.icon-groupanonymous:after,
.icon-only.icon-groupnonmember:after,
.icon-only.icon-roles:after,
.icon-only.icon-query:after,
.icon-only.icon-issue-edit:after,
.icon-only.icon-support:after,
.icon-only.icon-workflows:after,
.icon-only.icon-custom-fields:after,
.icon-only.icon-settings:after,
.icon-only.icon-plugins:after,
.icon-only.icon-help:after,
.icon-only.icon-attachment:after,
.icon-only.icon-history:after,
.icon-only.icon-holidays:after,
.icon-only.icon-time:after,
.icon-only.icon-time-add:after,
.icon-only.icon-stats:after,
.icon-only.icon-warning:after,
.icon-only.icon-error:after,
.icon-only.icon-fav:after,
.icon-only.icon-fav-off:after,
.icon-only.icon-reload:after,
.icon-only.icon-lock:after,
.icon-only.icon-locked:after,
.icon-only.icon-unlock:after,
.icon-only.icon-checked:after,
.icon-only.icon-details:after,
.icon-only.icon-report:after,
.icon-only.icon-comment:after,
.icon-only.icon-comments:after,
.icon-only.icon-summary:after,
.icon-only.icon-auto-assign:after,
.icon-only.icon-automation:after,
.icon-only.icon-server-authentication:after,
.icon-only.icon-issue:after,
.icon-only.icon-zoom-in:after,
.icon-only.icon-zoom-out:after,
.icon-only.icon-magnifier:after,
.icon-only.icon-passwd:after,
.icon-only.icon-preview:after,
.icon-only.icon-test:after,
.icon-only.icon-email:after,
.icon-only.icon-email-disabled:after,
.icon-only.icon-email-add:after,
.icon-only.icon-move-up:after,
.icon-only.icon-move-top:after,
.icon-only.icon-move-down:after,
.icon-only.icon-move-bottom:after,
.icon-only.icon-ok:after,
.icon-only.icon-not-ok:after,
.icon-only.icon-link:after,
.icon-only.dmsf-icon-link:after,
.icon-only.icon-link-break:after,
.icon-only.icon-list:after,
.icon-only.icon-close:after,
.icon-only.icon-add-bullet:after,
.icon-only.icon-download:after,
.icon-only.dmsf-file-revision-access:after,
.icon-only.icon-sticky:after,
.icon-only.icon-news:after,
.icon-only.icon-notification:after,
.icon-only.icon-wiki-page:after,
.icon-only.icon-shared:after,
.icon-only.icon-file:after,
.icon-only.icon-file.text-plain:after,
.icon-only.icon-file.text-x-c:after,
.icon-only.icon-file.text-x-csharp:after,
.icon-only.icon-file.text-x-java:after,
.icon-only.icon-file.text-x-javascript:after,
.icon-only.icon-file.text-x-php:after,
.icon-only.icon-file.text-x-ruby:after,
.icon-only.icon-file.text-xml:after,
.icon-only.icon-file.text-css:after,
.icon-only.icon-file.text-html:after,
.icon-only.icon-file.image-gif:after,
.icon-only.icon-file.image-jpeg:after,
.icon-only.icon-file.image-png:after,
.icon-only.icon-file.image-tiff:after,
.icon-only.icon-file.application-pdf:after,
.icon-only.icon-file.application-zip:after,
.icon-only.icon-file.application-x-gzip:after {
    content: ""
}

.ui-widget,
.ui-widget input {
    font-family: Roboto, iranyekan, sans-serif;
    font-size: .9em;
}

.ui-widget {
    font-size: .9em
}

.ui-dialog .ui-widget-header {
    border: 0;
    background: transparent;
    padding-top: 1em;
    padding-bottom: 1em;
    color: var(--pg-drk-purple);
    font-weight: normal;
    text-align: center;
    border-bottom: solid 1px var(--pg-xli-gray1);
    /*margin: -10px -10px 5px -10px;*/
    border-radius: 0
}

.ui-datepicker th {
    color: var(--pg-txt-color);
    font-weight: normal
}

.ui-datepicker th[scope="col"] span {
    border: none
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: auto
}

.ui-datepicker .ui-widget-header {
    background: var(--pg-bg);
    border: 0;
    border-bottom: solid 1px var(--pg-xli-gray1);
    border-radius: 0;
    padding: 5px 5px 10px;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    font-weight: normal;
    font-family: inherit;
    padding: .5em 1.5em;
    background-color: var(--pg-btn);
    border-radius: 2em;
    color: var(--pg-txt-icolor);
    opacity: .8;
    font-size: .8em;
}

.ui-datepicker .ui-datepicker-buttonpane button:hover {
    background-color: var(--pg-btn);
    opacity: 1;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close {
    background-color: var(--pg-li-red);
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close:hover {
    opacity: 1;
}

.ui-datepicker .ui-datepicker-next {
    top: 0;
    right: 10px
}

.ui-datepicker .ui-datepicker-prev {
    top: 0;
    left: 10px
}

.ui-datepicker .ui-state-default:hover {
    font-weight: normal;
}

.ui-datepicker .ui-state-active {
    background: var(--pg-ui-widget-highlight)
}

.ui-datepicker .ui-state-highlight {
    color: var(--pg-red)
}

.ui-datepicker .ui-state-active:hover,
.ui-datepicker .ui-state-highlight:hover {
    opacity: .7;
}

.ui-datepicker .ui-state-default {
    color: var(--pg-drk-gray);
    border: 0;
    background: var(--pg-bg);
    font-weight: lighter;
    padding: .5em;
    text-align: center;
}

.ui-datepicker .ui-datepicker-buttonpane {
    padding-top: .5em;
    background: var(--pg-bg);
    border-color: var(--pg-xli-gray1);
}

.ui-datepicker .weekend a {
    background: var(--pg-xli-gray1);
}

.ui-datepicker .holiday a {
    background: var(--pg-cal-holiday);
}

.ui-widget.ui-widget-content {
    background: var(--pg-bg);
    border: 1px solid var(--pg-xli-gray3);
    border-color: var(--pg-xli-gray1);
}

.ui-widget-content {
    color: var(--pg-txt-color);
}

.ui-widget-content select,
.ui-widget-content input[type="text"] {
    font-size: 1em;
    font-weight: lighter
}

.ui-datepicker .ui-datepicker-title select {
    font-size: .8em;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    background: var(--pg-bg);
    /*color: #3d454c;*/
    border: 0;
    border-radius: 0;
    font-weight: lighter;
}

.ui-widget-overlay {
    background: black;
}

.ui-widget-header {
    font-weight: normal;
}

.ui-widget-header .ui-datepicker-title {
    color: #3d454c
}

.ui-widget-header .ui-icon:hover,
.ui-widget-header .ui-icon {
    background-image: none !important;
    text-indent: 0;
    height: unset;
    width: unset;
}

.ui-widget-header .ui-icon-circle-triangle-e:before,
.ui-widget-header .ui-icon-circle-triangle-w:before,
.ui-widget-header .ui-icon.ui-icon-closethick:before,
.ui-widget-header .ui-state-hover .ui-icon.ui-icon-closethick:before {
    font-family: peygir;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    color: var(--pg-li-gray);
    font-size: 1.5em;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    visibility: hidden;
}

.ui-widget-header .ui-icon-circle-triangle-e:before {
    content: "\e999";
    visibility: visible;
}

.ui-widget-header .ui-icon-circle-triangle-w:before {
    content: "\e999";
    display: inline-block;
    visibility: visible;
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.ui-widget-header .ui-icon.ui-icon-closethick:before {
    content: "\e9ee";
}

.ui-widget-header .ui-state-hover .ui-icon.ui-icon-closethick:before {
    content: "\e9ee";
    color: var(--pg-txt-color);
}

.ui-state-default .ui-icon,
.ui-icon-circle-plus,
.ui-icon-circle-arrow-e {
    background-image: unset !important;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    background: var(--pg-ui-widget-highlight);
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    background: var(--pg-ui-widget-active);
    color: inherit;
    font-weight: bolder;
}

#ui-datepicker-div {
    padding: .5em;
    box-shadow: 0 6px 12px rgba(0, 0, 0, var(--pg-shadow-opacity));
    border-radius: .5em;
    font-size: 1em;
    z-index: 999 !important;
}

.ui-datepicker-week-col {
    background: var(--pg-xli-gray);
    text-align: center;
    padding: .7em !important;
}

.ui-datepicker .ui-priority-secondary {
    color: var(--pg-li-gray);
}

div.ui-dialog .ui-dialog-title {
    /*margin-inline-start: 2em;*/
    /*margin-inline-end: .1em;*/
    line-height: normal;
    padding-inline-end: 1em;
    width: 100%;
}

.ui-dialog .ui-dialog-titlebar-close {
    top: 40%;
    right: .5em;
    background: transparent;
    border: 0;
    font-family: peygir;
}

body {
    font-family: Roboto, iranyekan, sans-serif;
    font-weight: lighter;
    color: var(--pg-txt-color);
    margin: 0;
    padding: 0;
    min-width: 900px
}

#content h1,
h2,
h3,
h4 {
    color: var(--pg-purple);
    font-weight: normal;
    padding-left: 0;
    padding-right: 0;
}

div#wrapper3 div#main div#content > h2:first-of-type {
}

.controller-settings.action-index div#main div#content > h2:first-of-type,
.controller-users.action-index div#main div#content > h2:first-of-type,
.controller-roles.action-index div#main div#content > h2:first-of-type,
.controller-workflows.action-edit div#main div#content > h2:first-of-type,
.controller-workflows.action-permissions div#main div#content > h2:first-of-type,
.controller-custom_fields.action-index div#main div#content > h2:first-of-type,
.controller-enumerations.action-index div#main div#content > h2:first-of-type,
.controller-auth_sources.action-index div#main div#content > h2:first-of-type,
.controller-trackers.action-index div#main div#content > h2:first-of-type,
.controller-issue_statuses.action-index div#main div#content > h2:first-of-type,
.controller-admin.action-plugins div#main div#content > h2:first-of-type,
.controller-my.action-page div#main div#content > h2:first-of-type,
.controller-welcome.action-index div#main div#content > h2:first-of-type,
.controller-timelog.action-report div#main div#content > h2:first-of-type,
.controller-gantts.action-show div#main div#content > h2:first-of-type,
.controller-calendars.action-show div#main div#content > h2:first-of-type,
.controller-projects.action-show div#main div#content > h2:first-of-type,
.action-index div#main div#content > h2:first-of-type,
.controller-projects.action-index div#main div#content > h2:first-of-type,
.controller-projects.action-settings div#main div#content > h2:first-of-type,
.controller-admin.action-projects div#main div#content > h2:first-of-type {
    display: none;
}

.controller-wiki.action-index div#main div#content > h2:first-of-type {
    display: initial;
}

.controller-issues.action-show div#main div#content > h2:first-of-type,
.controller-issues.action-edit div#main div#content > h2:first-of-type,
.controller-settings.action-plugin div#main div#content > h2:first-of-type {
    display: inline-block !important;
    margin: 1em 0 1em 0;
    color: var(--pg-txt-color);
    font-size: .9em;
    font-weight: lighter;
    background-color: var(--pg-xli-gray1);
    border-radius: 1em;
    padding: .2em 1em .4em;
}

.controller-documents.action-index h4 {
    margin-bottom: .2em;
    margin-inline-start: 20px;
    list-style-type: disc;
    display: list-item;
}

.controller-documents.action-index #content > h4+p{
    margin: 0;
    margin-inline-start: 20px;
}

.controller-documents.action-index #content em {
    font-size: .7em;
    background: var(--pg-xli-gray);
    padding: .2em 1em;
    border-radius: 1em;
    font-style: normal;
}
.controller-documents.action-index .wiki p {
    margin-top: .5em;
}

.controller-news.action-show em {
    background: var(--pg-xli-gray2);
    padding: .5em 1em;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    border: 1px dashed var(--pg-xli-gray1);
    border-radius: 1em;
}

h2,
.wiki h1 {
    font-size: 1.8em
}

h3,
.wiki h2 {
    font-size: 1.5em
}

h4,
.wiki h3 {
    font-size: 1.3em
}

h4 {
    border-bottom: none;
}

pre,
code {
    font-family: monospace
}

p {
    line-height: 1.5
}

li {
    line-height: 1.5
}

#wrapper {
    overflow: hidden
}

#top-menu {
    background: var(--pg-header);
    height: 1.2em;
    font-size: .8em;
    padding: 1.2em 20px !important;
}

body.controller-account div#top-menu {
    visibility: hidden;
    height: 2em;
}

body.controller-account.action-login div#top-menu .register {
    visibility: visible;
}

body.controller-account #header {
    height: 2em;
}

body.controller-account #header h1 {
    display: none;
}

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

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

#top-menu li:not(:last-child) a {
    color: var(--pg-drk-gray);
    margin-inline-end: 2.5em;
    text-decoration: none;
}

#top-menu a:hover {
    color: var(--pg-drk-purple)
}

#top-menu .home {
    width: 0;
    content: unset;
}

#top-menu .my-account {
}

#top-menu .home:before,
#top-menu #loggedas .user.active:after,
#account .my-account:before,
#account .logout:before,
#header h1 .breadcrumbs .separator:after,
#header h1:before {
    font-family: peygir;
    font-size: 1.2em;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    color: var(--pg-drk-purple);
    margin-inline-end: .3em;
    vertical-align: -3px;
}

#top-menu .home {
    visibility: hidden;
    display: inline-block;
    width: 1em;
}

#top-menu .home:before {
    width: 1em;
    visibility: visible;
    content: "\e961";
}

#top-menu .register,
#top-menu .login {
    margin-top: -.5em;
    display: block;
    margin-inline-start: 1em !important;
    padding: .3em .4em .4em;
    border: 1px solid #909090;
    border-radius: 3em;
    width: 6em;
    text-align: center;
    height: 1.3em;
}

#top-menu .register:hover,
#top-menu .login:hover {
    color: var(--pg-txt-icolor);
    border-color: var(--pg-tbl-head);
    background-color: var(--pg-tbl-head);
}

#top-menu #loggedas {
    float: right;
    margin-top: 0;
    margin-inline-end: .5em;
    visibility: hidden;
}

#top-menu #loggedas .user.active {
    visibility: visible;
}

#top-menu #loggedas .user.active:after {
}

#top-menu .organization:before,
#top-menu .attendances:before {
    content: none !important;
}

#account {
    float: right;
}

#account .my-account:before {
    content: "\e9de";
}

#account .login {
}

#account .logout {
    visibility: hidden;
    margin-left: .3em !important;
    width: 1em;
    display: block;
}

#account .logout:before {
    content: "\e99f";
    visibility: visible;
}

#account .logout:hover:before {
    color: var(--pg-txt-icolor);
    background: var(--pg-li-red);
    border-radius: 3em;
    padding: 2em;
    padding-inline-end: 4em;
    margin-inline-start: -2em;
    transition: .3s;
}

#header {
    margin: 0;
    background-color: var(--pg-bg);
    color: transparent;
    position: relative;
    padding: 0 20px !important;
}

#header a {
    color: var(--pg-drk-purple);
}

#header h1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0;
    font-size: .8em;
    font-weight: normal;
    padding: 1em 0;
    color: var(--pg-drk-purple);
}

#header h1:before {
    content: "\ea28";
    vertical-align: middle;
    font-size: 1.8em;
}

#header h1 .breadcrumbs {
    display: inline-block;
    font-weight: normal;
}

#header h1 .breadcrumbs a {
    color: var(--pg-li-gray);
}

#header h1 .breadcrumbs a:hover {
    color: var(--pg-red)
}

#header h1 .breadcrumbs .separator {
    visibility: hidden;
    margin-inline-start: -1em
}

#header h1 .breadcrumbs .separator:after {
    content: "\e90a";
    color: var(--pg-drk-gray);
    margin-inline-start: .3em;
    visibility: visible;
    display: inline-block;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

#header h1 .current-project {
}

#quick-search {
    float: right;
    font-size: .9em;
    padding: .25em 0 0;
}

#quick-search #search-icon {
    width: 0;
    display: inline-block;
}

#quick-search select {
    color: var(--pg-drk-purple2)
}

#quick-search a {
    padding-top: .6em;
    padding-bottom: .8em;
}

#quick-search a span {
    visibility: visible
}

#quick-search a:hover {
    color: var(--pg-red)
}

#quick-search label {
    display: none
}

#quick-search #q {
    border-radius: 0;
    width: 13em;
    height: 1.5em;
    padding: .5em 2.5em .7em 1em;
    border: 0;
    border-bottom: 1px solid var(--pg-xli-purple);
}

#quick-search #q::placeholder {
    color: var(--pg-txt-purple);
    font-weight: lighter;
}

#quick-search #search-icon:after {
    font-family: peygir;
    content: '\e9b1';
    -webkit-font-smoothing: antialiased;
    color: var(--pg-li-gray);
    position: relative;
    inset-inline-start: -1.7em;
    top: .2em;
    pointer-events: none;
}

#search-form #search-types {
    column-count: auto;
    column-width: 150px;
    -webkit-column-count: auto;
    -webkit-column-width: 150px;
    -webkit-column-gap: .5rem;
    -webkit-column-rule: 1px solid var(--pg-xli-purple);
    -moz-column-count: auto;
    -moz-column-width: 150px;
    -moz-column-gap: .5rem;
    -moz-column-rule: 1px solid var(--pg-xli-purple);
}

#search-form #search-types label,
#search-form #options-content label {
    display: block;
    word-wrap: break-word;
}

#main-menu {
    width: 100%;
    background-color: var(--pg-purple);
    font-size: .8em;
    border-radius: 2em;
    height: 3.7em;
    padding: 0 1.5em;
    box-sizing: border-box;
    overflow: hidden;
}

#main-menu ul {
    margin: 0;
    padding: 0;
    width: 4000px;
    white-space: nowrap;
    display: inline-block;
}

#main-menu li {
    float: left;
    list-style-type: none;
    white-space: nowrap;
    display: inline-block
}

#main-menu li a {
    display: block;
    color: #fff;
    text-decoration: none;
    padding: .8em 1em;
    opacity: 0.85;
    border-top: 4px solid transparent;
}

#main-menu li a:hover {
    opacity: 1;
}

#main-menu #new-object {
    font-weight: bolder;
    font-size: 2em;
    padding: 0 .45em;
}

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

#main-menu li a.selected,
#main-menu li a.selected:hover {
    border-top: solid 4px var(--pg-li-red);
    color: #fff;
    opacity: 1;
    font-weight: bold;
    border-bottom: 4px solid transparent;
}

#main-menu .menu-children {
    display: none;
    position: absolute;
    width: inherit;
    background-color: var(--pg-bg);
    color: var(--pg-txt-purple);
    z-index: 99;
    box-shadow: 0 6px 12px rgba(0, 0, 0, var(--pg-shadow-opacity));
    border-radius: .5em;
    min-width: 12em;
    padding: 1em 0;
}

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

#main-menu .menu-children li a {
    color: var(--pg-drk-purple2);
    font-weight: normal;
}

#main-menu .menu-children li a:hover {
    color: #fff;
    background-color: var(--pg-tbl-selected);
}

#main-menu .tabs-buttons {
    inset-inline-end: 1em;
    background-color: transparent;
    border-bottom-color: transparent
}

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

#admin-menu li {
    list-style-type: none;
}

#admin-index #admin-menu {
    max-width: 1200px;
    margin: 0 auto;
}

#admin-index #admin-menu li {
    background: var(--pg-bg);
    border: 1px solid var(--pg-xli-gray3);
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
    width: calc(25% - 40px);
    height: 8em;
    margin: 16px 18px;
    padding: 0 !important;
    text-align: center;
    display: inline-block;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.5;
    min-width: 7em;
}

#admin-index #admin-menu li a {
    padding: 1em !important;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    height: 100%;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
    line-height: 1.5;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#admin-index #admin-menu li:hover {
    -webkit-box-shadow: 0 0 8px 3px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 8px 3px rgba(0, 0, 0, .2);
    box-shadow: 0 0 8px 3px rgba(0, 0, 0, .2);
    background: var(--pg-purple);
    border-color: var(--pg-purple);
    color: #fff;
}

#admin-index #admin-menu li a:before {
    font-size: 2em;
    display: block;
    margin: 0;
}

#admin-index #admin-menu li:hover a {
    color: #fff;
}

#admin-index #admin-menu li:hover a:before {
    font-size: 2.5em;
    transition: font-size .25s ease-out, padding .25s ease-out;
}

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

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

@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 {
    flex-shrink: 0;
    position: relative;
    z-index: 9;
    box-sizing: border-box;
    font-size: .9em;
    padding: 0;
    padding-inline-start: 1.5em;
    margin: 20px;
    margin-inline-start: 0;
}

#sidebar h3:first-child {
    margin-top: 0;
}

* html #sidebar {
    width: 22%
}

#sidebar h3 {
    font-size: 1.2em;
    margin: 2em 0 .5em;
    padding-bottom: .3em;
    color: var(--pg-purple);
    border-bottom: 1px solid var(--pg-xli-gray1);
}

#sidebar hr {
    width: 100%;
    margin: 0 auto;
    height: 1px;
    background: var(--pg-xli-purple);
    border: 0
}

* html #sidebar hr {
    width: 95%;
    position: relative;
    inset-inline-start: -6px;
    color: var(--pg-xli-purple)
}

#sidebar a.icon-only {
    opacity: .4;
    margin-inline-end: .5em;
    vertical-align: middle;
}

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

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

#sidebar .contextual {
    height: unset;
    float: right;
    margin-inline-end: 1em;
    padding: 0;
}

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

#sidebar ul li,
ul.flat li {
    list-style-type: none;
    padding: 0;
    line-height: 2.5em;
}

#sidebar div.wiki ul {
    margin: inherit;
    padding-inline-start: 1em
}

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

.flyout-menu #entities ul,
#sidebar #entities ul {
	white-space: nowrap;
	font-size: .8em;
    overflow-x: auto;
}

#content {
    flex-grow: 1;
    margin: 0;
    border-inline-end: 1px solid var(--pg-xli-purple);
    padding: 20px;
    z-index: 10;
    box-sizing: border-box;
    overflow-x: auto;
}

* html #content {
    width: 75%;
    margin-top: 0;
    padding: 6px 10px 10px;
}

html > body #content {
    min-height: 300px;
    min-width: 25em;
}

* html body #content {
    height: 600px
}

#main.nosidebar #sidebar {
    display: none
}

#main.nosidebar #content {
    width: auto;
    border-inline-end: 0;
}

#footer {
    clear: both;
    font-size: .7em;
    color: var(--pg-txt-purple);
    padding: 1em;
    text-align: center;
    background-color: var(--pg-header);
}

#login-form {
    margin: 5em auto;
    padding: 3em;
    padding-inline-start : calc(8em + 250px);
    padding-inline-end : 4em;
    min-width: 15em;
    max-width: 42em;
    min-height: calc(280px + 6em);
    border-radius: 1.35em;
    box-sizing: border-box;
    background: var(--pg-purple) url('../images/login-en.png') no-repeat 4em 3em;
    box-shadow: 0 6px 12px rgba(0, 0, 0, var(--pg-shadow-opacity));
    text-align: center;
    color: var(--pg-txt-icolor);
}

#login-form table {
    margin-left: auto;
    margin-right: auto;
}

#login-form label {
    display: table;
    color: var(--pg-txt-icolor);
    margin: 2em 1em -2.3em;
    font-size: 0.9em;
    width: 100%;
    text-align: start;
}

#login-form label[for=autologin] {
    margin: 0;
    font-weight: lighter;
    float: left;
    text-align: start;
}

#login-form input[type=text]:focus {
    opacity: 1;
    color: var(--pg-txt-icolor);
    background: transparent;
}

#login-form input[type=password]:focus {
    opacity: 1;
    color: var(--pg-txt-icolor);
    background: transparent;
}

#login-form input[type=text],
#login-form input[type=password] {
    border: 1px solid var(--pg-bg);
    border-radius: 2em;
    margin-bottom: 1em;
    padding: .75em 1.5em .75em 7em;
    display: block;
    width: 100%;
    box-sizing: border-box;
    background-color: var(--pg-purple);
    background-image: unset;
    color: var(--pg-txt-icolor);
    opacity: .4;
    text-align: start;
}

#login-form a.lost_password {
    float: right;
    font-weight: lighter !important;
    font-size: .85em;
    color: var(--pg-txt-icolor);
    position: relative;
    top: 3.6em;
    inset-inline-end: 1.5em;
}

#login-form #twofa_code {
    padding: .75em 2em .75em;
    text-align: center
}

img#twofa_code{
    background: white;
    padding: .5em;
}

#login-form input#login-submit {
    margin: 3em 0 0 0;
    padding: .5em;
    display: block;
    width: 100%;
    box-sizing: border-box;
    height: 2.7em;
    font-size: 1em;
}

div.modal {
    z-index: 50;
    padding: 4px;
    background: var(--pg-bg);
    box-shadow: 0 6px 16px rgba(0, 0, 0, .5);
    border-radius: 0.5em;
}

div.modal h3.title {
    display: none
}

div.modal p.buttons {
    text-align: end;
    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
}

p.mobile-hide {
    clear: both;
}

a,
a:link,
a:visited {
    text-decoration: none;
    color: var(--pg-drk-purple);
}

a:hover,
a:active {
    color: var(--pg-li-red);
}

a img {
    border: 0
}

a.issue.closed,
a.issue.closed:link,
a.issue.closed:visited {
    color: var(--pg-txt-color);
    text-decoration: line-through
}

a.project.closed,
a.project.closed:link,
a.project.closed:visited {
    color: var(--pg-txt-color)
}

a.user.locked,
a.user.locked:link,
a.user.locked:visited {
    color: var(--pg-txt-color)
}

.wiki p a {
    color: #f03246;
    transition: color .5s;
}

.wiki p a:hover {
    color: var(--pg-drk-purple);
}

#sidebar a.selected {
    color: var(--pg-red);
}

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

#admin-menu a {
    padding: 0;
    vertical-align: middle;
    background: none !important;
}

a.collapsible:before {
    font-family: peygir;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\e90a";
    color: var(--pg-icon-color);
    margin-left: .2em;
    display: inline-block;
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

a.collapsible.collapsed:before {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

a#toggle-completed-versions {
    color: var(--pg-txt-color)
}

a.toggle-checkboxes:before {
    font-family: peygir;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\e9c3";
    color: #2ecc71;
    margin-left: .2em
}

.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;
    font-size: .8em;
}

#project-jump .drdn-trigger {
    display: inline-block;
    padding: 1em 0;
}

#project-jump .drdn-trigger:hover {
    background-color: var(--pg-xli-gray2);
    border-radius: 2em;
}

.drdn-trigger span.icon-actions {
    cursor: unset;
    padding: 0;
    height: 2.8em;
    width: 2.8em;
    font-size: 1.35em;
    vertical-align: top;
    overflow: hidden;
    line-height: 2.8em;
    border: 1px solid var(--pg-btn-border);
    color: var(--pg-drk-purple);
    display: inline-block;
    margin-inline-end: unset;
}

.drdn-trigger span.icon-actions:before {
    margin-inline-end: 1em;
    margin-inline-start: .9em !important;
}

.journal .drdn-trigger span.icon-actions {
    height: 1.8em;
    width: 1.8em;
    vertical-align: baseline;
    line-height: 1.8em;
    border: 0;
    margin: 0 .85em !important;
}

.journal .drdn-trigger span.icon-actions:before {
    margin-inline-start: .42em !important;
}

#project-jump .drdn-trigger:before {
    font-family: peygir;
    content: '\e96f';
    margin-inline-start: 1em;
    margin-inline-end: .25em;
    display: inline-block;
    font-size: 1.2em;
    vertical-align: middle;
}

.drdn-content {
    right: 0;
    display: none;
    position: absolute;
    background-color: var(--pg-bg);
    color: var(--pg-txt-purple);
    z-index: 99;
    box-shadow: 0 6px 12px rgba(0, 0, 0, var(--pg-shadow-opacity));
    border-radius: .5em;
}

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

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

.drdn-content .autocomplete {
    box-sizing: border-box;
    width: 100% !important;
    height: 2.7em;
    border: 1px solid var(--pg-btn-border);
    border-radius: 2em;
}

.drdn-content .autocomplete:focus {
    border-color: var(--pg-btn-border);
}

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

div + .drdn-items {
    border-top: 1px solid var(--pg-xli-gray1)
}

.drdn-items > * {
    display: block;
    color: var(--pg-drk-gray);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: .3em .5em
}

.drdn-items > a:hover {
    text-decoration: none;
    background-color: var(--pg-highlight);
    color: #fff !important
}

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

.drdn-items.selection > *.selected:before {
    font-family: peygir;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\e9c3";
    margin-left: .3em;
    vertical-align: middle;
}

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

.drdn-items > span {
    padding: .5em;
}

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

.contextual .drdn-items {
    text-align: start;
    line-height: 1;
    padding: .5em;
}

.journal .contextual .drdn-items {
    font-size: 1.2em;
    line-height: 1;
}

.contextual .drdn-items > a {
    margin-bottom: 0;
    border: 0;
    border-radius: unset;
    display: block;
    color: var(--pg-txt-color) !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: .3em .5em;
    font-size: .9em;
    text-align: start;
}

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

}

.contextual .drdn-items > a:hover {
    text-decoration: none;
    background-color: var(--pg-highlight);
    color: #fff !important;
}

#project-jump .drdn-trigger::after {
    display: inline-block;
    content: "\e90a";
    font-family: peygir;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    font-size: 1.2em;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    color: var(--pg-icon-color);
    margin-inline-start: 1em;
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

#project-jump.drdn {
    display: inline-block;
    float: right;
    border-radius: 2em;
    margin-inline-start: 1em;
}

#project-jump .drdn-trigger {
    color: var(--pg-txt-purple);
    font-weight: normal;
}

#project-jump .drdn-content {
    top: 2.6em;
    width: 15em;
    min-width: 100px;
    color: var(--pg-txt-purple);
}

#project-jump .drdn-content div:last-child {
    border-radius: 0 0 .5em .5em;
}

table.list,
.table-list {
    border-bottom: 1px solid var(--pg-tbl-border);
    width: 100%;
    margin-bottom: .5em;
    font-size: .8em;
    border-spacing: 0;
}

table.list,
.table-list {
    border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;
}

table.list th:first-child,
.table-list th:first-child {
    border-radius: 8px 0 0 0;
    -moz-border-radius: 8px 0 0 0;
    -webkit-border-radius: 8px 0 0 0;
}

table.list th:last-child,
.table-list th:last-child {
    border-radius: 0 8px 0 0;
    -moz-border-radius: 0 8px 0 0;
    -webkit-border-radius: 0 8px 0 0;
}

table.list tbody th {
    border-radius: 0;
    font-size: .9em;
    background-color: #71bfbf;
}

table.list .identifier {
    text-align: left;
}

table.list .description,
table.list .short_description {
    text-align: start;
}

.controller-repositories table.list th:first-child,
.controller-repositories .table-list th:first-child {
    border-radius: 8px 0 0 0;
    -moz-border-radius: 8px 0 0 0;
    -webkit-border-radius: 8px 0 0 0;
}

.controller-repositories table.list th:last-child,
.controller-repositories .table-list th:last-child {
    border-radius: 0 8px 0 0;
    -moz-border-radius: 0 8px 0 0;
    -webkit-border-radius: 0 8px 0 0;
}

.controller-repositories.action-entry div#main div#content > h2:first-of-type,
.controller-repositories.action-show div#main div#content > h2:first-of-type {
    direction: ltr;
    clear: both;
    margin-bottom: 0;
}
#browser.list .icon.icon-file:before {
    margin-right: 4px !important;
}
table.list th,
.table-list-header {
    background-color: var(--pg-tbl-head);
    padding: .75em .5em;
    white-space: nowrap;
    font-weight: normal;
    height: 3em;
    font-size: 1.1em;
    color: #fff;
    box-sizing: border-box;
}

table.list th a,
.table-list-header a:hover {
    color: var(--pg-tbl-head-txt);
}

table.list th a:hover,
.table-list-header a:hover {
}

table.list td {
    text-align: center;
    padding: .8em .5em;
}

table.list td[class*="icon-"] {
    padding: .3em .5em
}

table.list td.id {
    width: 1px;
    text-align: center
}

table.list td.name,
table.list td.description,
table.list td.subject,
table.list td.comments,
table.list td.roles,
table.list td.attachments {
    text-align: start;
    white-space: nowrap;
}

table.list.issues td.subject a, table.list.users td.username a {
    color: #3d7e9a;
    font-weight: bolder;
}

table.list.issues td.subject a:hover {
    color: var(--pg-red);
}

table.list td.attachments a.icon-download {
    margin-inline-start: .2em;
}
table.list td.attachments span a:first-of-type {
    direction: ltr;
    unicode-bidi: embed;
}
table.list td.attachments span{
    display: block;
}

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

table.list td.checkbox {
    width: 1em;
    padding: .3em;
    border-inline-start: 2px solid transparent;
}

table.list td.checkbox input {
    padding: 0
}

table.list td.buttons,
div.buttons {
    white-space: nowrap;
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
}

table.list td.buttons a,
div.buttons a {
    /*padding-inline-end: .5em*/
}

table.list td.buttons img,
div.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: start;
    padding: .5em;
    padding-inline-start: 0;
}

table.list tr.overdue td.due_date {
    color: var(--pg-red);
}

table.list tr.closed td.status {
    color: var(--pg-li-gray);
}

table.list.plugins td.name {
    padding-left: 1em !important;
}

div#permissions fieldset {
    padding: .5em 1em 1em;
    margin-bottom: 1em;
}

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

.table-list-cell {
    display: table-cell;
    vertical-align: top;
    padding: .3em
}

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

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

tr.project.closed,
tr.project.archived {
    color: var(--pg-xli-purple)
}

tr.project.closed a,
tr.project.archived a {
    color: var(--pg-xli-purple)
}

tr.project.idnt td.name:before {
    font-family: peygir;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\e90a";
    color: var(--pg-txt-purple);
    margin-inline-start: .2em;
    display: inline-block;
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}
tr.project .short_description .wiki p {
    margin: 0;
}

tr.project.idnt-1 td.name {
    padding-inline-start: 1em;
}

tr.project.idnt-2 td.name {
    padding-inline-start: 2em;
}

tr.project.idnt-3 td.name {
    padding-inline-start: 3em;
}

tr.project.idnt-4 td.name {
    padding-inline-start: 4em;
}

tr.project.idnt-5 td.name {
    padding-inline-start: 5em;
}

tr.project.idnt-6 td.name {
    padding-inline-start: 6em;
}

tr.project.idnt-7 td.name {
    padding-inline-start: 7em
}

tr.project.idnt-8 td.name {
    padding-inline-start: 8em;
}

tr.project.idnt-9 td.name {
    padding-inline-start: 9em;
}

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

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

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

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

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

table.issues td.description,
table.issues td.last_notes,
table.issues td.text.block_column{
    color: var(--pg-txt-color);
    font-size: .9em;
    padding: .5em;
    padding-inline-start: 2em;
    text-align: start;
    white-space: normal
}

table.issues td.description > span,
table.issues td.last_notes > span,
table.issues td.text.block_column > span {
    margin-inline-start: -1em;
    font-weight: normal;
    user-select: none;
    line-height: 1.5;
}
table.issues td.description pre,
table.issues td.last_notes pre {
    white-space: normal
}

#trackers_description {
    display: none;
    box-shadow: none;
}

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

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

#trackers_description dl {
    margin: 0;
}

table.issues .priority-highest .subject a,
table.issues .priority-highest .subject a:hover {
    font-weight: bolder;
    color: #900;
}

table.issues .priority-high2 .subject a,
table.issues .priority-high2 .subject a:hover {
    font-weight: bolder;
    color: #900;
}

table.issues .priority-lowest td.checkbox {
    border-image: linear-gradient(180deg, transparent 5px, #e6ffff 5px, #e6ffff calc(100% - 5px), transparent calc(100% - 5px)) 1 100;
}

table.issues .priority-low2 td.checkbox {
    border-image: linear-gradient(180deg, transparent 5px, #bdf3db 5px, #bdf3db calc(100% - 5px), transparent calc(100% - 5px)) 1 100;
}

table.issues .priority-low3 td.checkbox {
    border-image: linear-gradient(180deg, transparent 5px, #00ff5b 5px, #00ff5b calc(100% - 5px), transparent calc(100% - 5px)) 1 100;
}

table.issues .priority-default td.checkbox {
    border-image: linear-gradient(180deg, transparent 5px, var(--pg-xli-gray1) 5px, var(--pg-xli-gray1) calc(100% - 5px), transparent calc(100% - 5px)) 1 100;
}

table.issues .priority-high3 td.checkbox {
    border-image: linear-gradient(180deg, transparent 5px, #ff9000 5px, #ff9000 calc(100% - 5px), transparent calc(100% - 5px)) 1 100;
}

table.issues .priority-high2 td.checkbox {
    border-image: linear-gradient(180deg, transparent 5px, #ff5b00 5px, #ff5b00 calc(100% - 5px), transparent calc(100% - 5px)) 1 100;
}

table.issues .priority-highest td.checkbox {
    border-image: linear-gradient(180deg, transparent 5px, #f00 5px, #f00 calc(100% - 5px), transparent calc(100% - 5px)) 1 100;
}

tr.issue.idnt td.subject a:before {
    font-family: peygir;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\e90a";
    color: var(--pg-txt-purple);
    margin-left: .2em;
    display: inline-block;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

tr.issue.idnt-1 td.subject {
    padding-inline-start: 1.5em;
}

tr.issue.idnt-2 td.subject {
    padding-inline-start: 2.5em;
}

tr.issue.idnt-3 td.subject {
    padding-inline-start: 3.5em;
}

tr.issue.idnt-4 td.subject {
    padding-inline-start: 4.5em;
}

tr.issue.idnt-5 td.subject {
    padding-inline-start: 5.5em;
}

tr.issue.idnt-6 td.subject {
    padding-inline-start: 6.5em;
}

tr.issue.idnt-7 td.subject {
    padding-inline-start: 7.5em;
}

tr.issue.idnt-8 td.subject {
    padding-inline-start: 8.5em;
}

tr.issue.idnt-9 td.subject {
    padding-inline-start: 9.5em;
}

table.issue-report {
    table-layout: auto;
}

.issue-report-graph {
    width: 75%;
    margin: 3em auto;
}

.controller-reports.action-issue_report_details h2:first-of-type,
.controller-reports.action-issue_report_details h3:first-of-type {
    display: inline-block;
}

tr.entry {
    border: 1px solid var(--pg-header)
}

tr.entry td {
    white-space: nowrap;
    padding: .2em .5em
}

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.revision,
tr.entry td.author {
    text-align: center
}

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

tr.entry.file td.filename a {
    margin-left: 0 !important;
    margin-right: unset !important;
}

tr.entry.file td.filename_no_report a {
    /*margin-inline-start: 16px;*/
}

tr span.expander.icon-collapsed:before,
.gantt_subjects div > span.expander.icon-collapsed {
    font-family: peygir;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\e99b";
    color: var(--pg-icon-color);
    cursor: pointer
}

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

tr.open span.expander:before {
    font-family: peygir;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\e97e";
    color: var(--pg-icon-color);
    cursor: pointer
}

tr.changeset {
    height: 20px
}

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

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

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
}

.action-revision #related-issues {
    background: var(--pg-xli-gray2);
    padding: .5em 1em;
}

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: .8em
}

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

table.members td.name {
    padding-inline-start: 20px
}

table.members td.group,
table.members td.groupnonmember,
table.members td.groupanonymous {
    padding-inline-start: 20px;
}

table.members td.group:before,
table.members td.groupnonmember:before,
table.members td.groupanonymous:before {
    font-family: peygir;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\e92a";
    color: #2ecc71;
    margin-inline-start: .2em
}

tr.message {
    height: 2.6em
}

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

tr.message td.last_message {
    font-size: .8em;
    white-space: nowrap
}

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

tr.version.closed,
tr.version.closed a {
    color: var(--pg-txt-color)
}

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

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

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

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

tr.user td.username .gravatar {
    float: left;
}

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

tr.user.locked,
tr.user.registered {
    color: var(--pg-txt-color)
}

tr.user.locked a,
tr.user.registered a {
    color: var(--pg-txt-color)
}

table.permissions td.role {
    color: var(--pg-txt-color);
    font-size: .9em;
    font-weight: normal !important;
    text-align: center !important;
    vertical-align: bottom
}

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

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

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

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

td.hours {
    text-align: right;
    font-weight: bold;
    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 td.configure a {
    border: 1px solid var(--pg-xli-gray3);
    padding: 0.5em 1.5em;
    border-radius: 2em;
}

table.plugins td.configure a:hover {
    background: var(--pg-btn) none;
    color: var(--pg-txt-icolor);
    border-color: var(--pg-btn);
}

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

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

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

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

tr.group td {
    padding: 1.5em 0;
    border-bottom: 1px solid var(--pg-atchform-border);
    text-align: start;
    background-color: var(--pg-bg)
}

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

tr.group span.count {
    margin-inline-end: 4px;
}

tr.group span.totals {
    font-weight: lighter;
    color: var(--pg-txt-purple);
    float: right;
    padding-inline-end: 1em;
}

tr.group span.totals .value {
    color: var(--pg-txt-color);
    padding: 0 .5em;
    font-weight: lighter;
}

tr.group a.toggle-all {
    font-size: .8em;
    font-weight: normal;
    display: none;
}

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

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

table.list tbody tr:hover {
    background-color: var(--pg-tbl-hover);
}

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

table td {
    padding: .5em;
}

table p {
    margin: 0
}

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

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

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

th a.sort {
    padding-left: 0;
    padding-right: 0;
}

a.sort.asc,
a.sort.desc {
    background-image: unset !important;
}

a.sort.asc:after,
a.sort.desc:after {
    font-family: peygir;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\e90a";
    margin-inline-start: .5em;
    margin-inline-end: 0;
    display: inline-block;
    vertical-align: middle
}

a.sort.desc:after {
    -ms-transform: rotate(180deg);
    /* IE 9 */
    -webkit-transform: rotate(180deg);
    /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}

table.boards a.board:before,
h3.comments:before {
    font-family: peygir;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\e90c";
    color: #3498db;
    margin-left: .2em
}

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

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

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

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

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

#replies h4.reply-header {
    font-size:.8em;
}

#query_form {
    clear: both;
    display: block;
}

table.list.issues td.enumeration,
table.list.projects td.enumeration {
    white-space: pre-line;
}

table.list.projects td.name > a:first-of-type {
    margin-inline-end: .5em;
} /* add margine before fav/user project icon */
table.list.projects td.name > a:first-of-type:after {
    content: '\200e\200f';
}
#query_form_content {
    font-size: .9em;
    /*margin-top: 3em;*/
}

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

.query-columns .buttons input[type=button] {
    width: 2em;
    display: block;
    padding: .5em 1em;
    margin: .2em .4em;
    min-width: 3em;
}

.query-columns label {
    display: block;
    width: 12em;
    text-align: center;
    padding-bottom: .7em;
}

.query-columns select {
    width: 13em;
}

#query_form_content fieldset#options div > table {
}

#query_form_content fieldset#options td.field {
}

#query_form_content fieldset#options label.inline {
    margin-inline-end: 1em;
}

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

table.query-columns {
    border-collapse: collapse;
    border: 0;
}

table.query-columns select#available_c,
table.query-columns select#selected_c {
    width: 15em !important;
    margin-top: 1em;
    height: 17em;
}

table.query-columns select#available_c option,
table.query-columns select#selected_c option {
    padding: .5em 1em;
}

.query-totals {
    text-align: right;
    font-size: .9em;
}

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

body.controller-issues .query-totals {
    /*margin-top: -2.3em;*/
    color: var(--pg-txt-purple);
}

body.controller-issues .query-totals span.value {
    color: initial;

}

.query-totals span[class^='total-for'],
.totals span[class^='total-for'] {
    white-space: nowrap;
}

td.center {
    text-align: center
}

#watchers_form_container {
    text-align: initial;
}

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

#watchers a.delete {
    opacity: .4;
    margin-left: .2em;
    vertical-align: middle;
}

#watchers a.delete:hover {
    opacity: 1;
}

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

span#watchers_inputs {
    overflow: auto;
}

span.search_for_watchers {
    display: block;
    float: right;
}

span.search_for_watchers a {
    display: block;
    width: 1em;
    overflow: hidden;
    white-space: nowrap;
    font-size: 2.3em;
}

span.search_for_watchers,
span.add_attachment {
    font-size: .8em;
    line-height: 3em;
}

span.add_attachment a:before {
    font-family: peygir;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\ea05";
    color: #2ecc71;
    margin-left: .2em
}

.highlight {
    background-color: var(--pg-search-highlight);
}

.highlight.token-1 {
    background-color: var(--pg-search-highlight1);
}

.highlight.token-2 {
    background-color: var(--pg-search-highlight2);
}

.highlight.token-3 {
    background-color: var(--pg-search-highlight3);
}

.box {
    margin-bottom: 1em;
    padding: 2em;
    background-color: var(--pg-xli-gray2);
    line-height: 1.5em;
    word-wrap: break-word;
    font-size: .9em;
    border-radius: .5em;
    box-sizing: border-box;
}

.controller-welcome.action-index .box {
    box-shadow: 0 3px 8px rgba(0, 0, 0, .15);
}

.controller-welcome.action-index .wiki {
    margin-bottom: 1em;
    padding: 2em;
    background-color: var(--pg-xli-gray2);
    line-height: 1.5em;
    word-wrap: break-word;
    font-size: .9em;
    border-radius: .5em;
    box-sizing: border-box;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .12);
}

body.controller-account.action-register form#new_user {
    margin: 5em auto 2em auto;
    display: block;
    width: 40em;
}

body.controller-account.action-register form#new_user input[type="submit"] {
    width: 8em;
    padding: 1em 0;
    margin-right: calc(50% - 4em);
}

#content .box h3 {
    font-size: 1.4em;
    margin: .2em 0 1.5em;
}

div.square {
    border: 1px solid var(--pg-txt-purple);
    float: left;
    margin: .3em .4em 0 .4em;
    overflow: hidden;
    width: .6em;
    height: .6em
}

.contextual {
    float: right;
    white-space: nowrap;
    /*line-height: 2.35em; !*fix mobile contextual icons place*!*/
    /*padding-inline-start: 1em;*/
    font-size: .8em;
    text-align: end;
    left: 0;
    margin-bottom: 1em;
    /*height: 2em;*/
}

#content > .contextual {
    margin-bottom: 20px;
}

#content > .contextual a {
    line-height: 2.35em;
}

#content > .contextual a:before {
    /*vertical-align: -3px;*/
}

.controller-my.action-page #main {
    margin-top: 20px !important;
}

.controller-my.action-page div#main div#content > div.contextual,
.controller-projects.action-show .contextual {
    float: unset !important;
    white-space: unset;
}

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

.contextual .icon,
.contextual .icon-only {
    background-image: none !important;
}

.message .contextual {
    margin-top: 0
}

.controller-projects .splitcontent {
    padding:0 5px 5px;
}

div.attributes div.splitcontent .splitcontentleft {
    margin-top: unset;
}

.controller-projects.action-show div#content .box {
    box-shadow: 0 3px 8px rgba(0, 0, 0, .15);
    min-width: 290px;
    overflow-x: auto;
    flex: 1;
}

/*.controller-projects.action-show div#content .splitcontentleft .box {*/
    /*flex: 1;*/
/*}*/

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

#my-page .splitcontentleft,
#my-page .splitcontentright {
    overflow: hidden;
    padding: 5px;
}

.splitcontentright,
.splitcontentleft {
    flex: 1;
}

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

.splitcontentright, #list-right {
}

.controller-projects.action-show .splitcontent {
}

.controller-projects.action-show div#content .splitcontentleft,
.controller-projects.action-show div#content .splitcontentright {
    display: flex;
    flex-wrap: wrap;
    /*align-content: flex-start;*/
    /*align-items: flex-start;*/
    gap: 1em;
}

.controller-projects.action-show .box{
    margin-bottom:unset;
}

.controller-projects.action-show .splitcontentleft .spent_time.box {
    text-align: center;
}

.controller-projects.action-show .splitcontentleft .spent_time ul {
    list-style: none;
    margin-top: 4em;
    font-size: 1.5em;
    padding: 0;
}

.controller-projects.action-show .splitcontentleft .spent_time > p:last-child {
    font-size: initial;
    margin-top: 4em;
    letter-spacing: .5em;
}

.controller-projects.action-show .splitcontentleft .spent_time > p:last-child a {
    letter-spacing: 0;
}

.controller-projects.action-show .splitcontentright .members.box,
.controller-projects.action-show .splitcontentright .news.box h3,
.controller-projects.action-show .splitcontentright .projects.box,
.controller-projects.action-show .splitcontentleft .issues.box {
    text-align: center;
}

.controller-projects.action-show .splitcontentleft .issues > p:nth-child(3) {
    color: var(--pg-li-gray);
    letter-spacing: .5em;
    margin: 1em -1em;
}

.controller-projects.action-show .splitcontentleft .issues > p:nth-child(3) a {
    letter-spacing: 0;
}

.controller-projects.action-show .splitcontentright .members.box p span.label {
    display: block;
    font-weight: normal;
    padding: .2em 0 .3em;
    box-sizing: border-box;
    visibility: visible;
}

.controller-projects.action-show .splitcontentright .members.box p:not(:first-of-type) span.label {
    margin-top: 1em;
}


.controller-projects.action-show .splitcontentright .members.box p > a.user.active {
    visibility: visible;
}

.controller-projects.action-show .splitcontentright .members.box p {
    margin: 0;
    text-align: start;
    visibility: hidden;
}

.controller-projects.action-show .splitcontentright .members.box p > a.user.active:before {
    content: '\e9de\200f';
    font-family: Peygir;
    color: var(--pg-purple);
    font-size: .8em;
    margin: 0 .2em;
}

.controller-projects.action-show .splitcontentright .members.box p > a.user.active:after {
    content: '\200f';
}

.controller-projects.action-show .splitcontentright div.members.box div {
    max-height: 20em;
    overflow-y: auto;
    min-height: 15em;
}

form {
    display: inline;
}

input,
select {
    vertical-align: middle;
    margin-top: .2em;
    margin-bottom: .2em;
    padding: .35em;
}

input[type="submit"] {
    -webkit-appearance: button
}

fieldset {
    border: 0;
    margin: 0
}

legend {
    color: var(--pg-txt-purple);
    padding: 0 .2em
}

hr {
    background: var(--pg-xli-gray1);
    width: 95%;
    height: 1px;
    border: 0;
    border-bottom: 1px solid var(--pg-bg);
}

blockquote {
    border-inline-start: 2px solid var(--pg-xli-gray1);
    margin-inline-start: 2em;
    color: var(--pg-txt-color);
    background-color: var(--pg-quote-bg);
    padding-inline-start: .5em;
}

blockquote blockquote {
    margin-inline-start: 0;
    margin-inline-end: 0
}

.wiki blockquote p {
    margin-inline-end: 0
}

abbr, span.field-description[title] {
    border-bottom: 1px dotted var(--pg-xli-purple);
    cursor: help
}

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

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

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

li p {
    margin-top: 0
}

.controller-issues.action-show div.issue {
    background: var(--pg-issue-bg);
    padding: .3em 1.5em;
    margin-bottom: .5em;
    border-radius: 1em;
    font-size: .9em;
    clear: both;
}

/*div.issue {*/
/*    background: #F8FAFB;*/
/*    padding: .5em;*/
/*    border-radius: .5em;*/
/*    font-size: .9em;*/
/*}*/

div#content div.issue div.subject {
    margin-right: -1em;
    margin-left: -1em;
}

div.details div.subject a.parent {
    padding-left: 1em;
}

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
}

.ltr {
    direction: ltr !important;
    unicode-bidi: bidi-override
}

.rtl {
    direction: rtl !important;
    unicode-bidi: bidi-override
}

div.issue div.subject div div {
    padding-inline-start: 16px
}

div.issue div.subject p {
    margin: 0 0 .7em;
    font-size: .9em;
}

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

div.issue div.subject h3 {
    color: var(--pg-txt-color);
    margin-right: -.25em;
    margin-left: -.25em;
    border-left: 5px solid var(--pg-issue-title-border);
    border-right: 1px solid var(--pg-issue-bg);
    font-size: 2em;
    background: var(--pg-bg);
    padding: .5em 1em;
    margin-top: .7em;
}

.controller-news span.author,
.message > p .author,
div.issue p.author {
    margin-top: -1em;
    font-size: .8em;
    color: var(--pg-li-gray);
}

.badge {
    position: relative;
    text-transform: uppercase;
    font-weight: bold;
    font-size: .7em;
    margin-right: .3em;
    border-radius: 2em;
    padding: .3em .8em .4em;
    color: #fff;
}

.badge-private {
    background: var(--pg-red);
}

.badge-count {
    background: var(--pg-purple);
    margin-left: 4px;
    font-size: .9em;
}

.badge-status-open {
    background: #205D86;
}

.badge-status-locked {
    background: #696969;
}

.badge-status-closed {
    background: #1D781D;
}

.badge-issues-count {
    background: var(--pg-bg);
    font-size: 1em;
}

div.issue .next-prev-links {
    color: var(--pg-txt-color);
}

div.issue .attributes {
    margin-top: 1em;
    padding: 1em 0;
}

div.issue .attributes .splitcontent {
    margin-bottom: 1em;
}

div.issue .attributes .attribute {
    padding-inline-start: 16em;
    /*clear: right;*/
    min-height: 1.8em;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
}

div.issue .attributes .attribute .label {
    width: 15em;
    margin-inline-start: -16em;
    font-weight: normal;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--pg-gray);
    line-height: 1.8;
    text-align: end;
}

div.issue .attribute .value {
    text-overflow: ellipsis;
    line-height: 1.8;
}

div.issue .description {
    /*padding: 1em 0;*/
}

.description + hr {
    clear: both
}

div.issue.overdue .due-date .value {
    color: var(--pg-red)
}

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

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

#relations td.buttons {
    padding: 0
}

fieldset.collapsible {
    margin-bottom: 1em;
}

fieldset.collapsible.collapsed {
    margin-bottom: 1em;
}

fieldset.collapsible > legend {
    cursor: pointer;
    padding: 0 .2em;
}

fieldset.collapsible > legend:before,
fieldset.collapsible.collapsed > legend:before {
    font-family: peygir;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    color: var(--pg-icon-color);
    margin-inline-end: .2em
}

fieldset.collapsible > legend:before {
    display: inline-block;
    content: "\e90a";
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    vertical-align: middle;
}

.grouped_attr.collapsed:before,
fieldset.collapsible.collapsed > legend:before {
    display: inline-block;
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

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

fieldset#filters table {
    border-collapse: collapse
}

fieldset#filters table td {
    padding: .2em .3em;
    vertical-align: top;
}

fieldset#filters tr.filter {
    height: 3em;
}

fieldset#options span.field {
    display: inline-block;
    min-width: 12em;
}

fieldset#filters td.field {
    min-width: 12em;
    padding-top: .7em;
}

fieldset#filters td.operator {
    min-width: 12em;
}

fieldset#filters td.operator select {
    width: 14em;
}

fieldset#filters td.values {
    white-space: nowrap;
    width: 100%;
}

fieldset#filters td.values > span:not(:last-child) {
    margin-inline-end: 1em;
}

fieldset#filters td.values select {
    width: 13em;
    max-width: 20em;
}

fieldset#filters td.values input {
    /*padding: .5em;*/
    width: 12em;
}

#values_issue_id_1{
    direction: ltr;
}

.controller-queries fieldset, .controller-queries div.tabular {
    border: 0;
    background-color: var(--pg-xli-gray2);
    margin: 1em 0;
    padding: 2em;
    line-height: 1.5em;
    word-wrap: break-word;
    font-size: .9em;
    border-radius: .5em;
    box-sizing: border-box;
}

.controller-queries .box {
    background-color: unset;
    margin: unset;
    padding: unset;
}

.controller-issues.action-index form#query_form fieldset#filters.collapsible legend {
    /*margin-top: -2em;*/
}

#query_form_with_buttons fieldset#filters.collapsible > div,
#query_form_with_buttons fieldset#options.collapsible > div {
    padding: 1em;
    background-color: var(--pg-xli-gray2);
    box-sizing: border-box;
    border-radius: .5em;
    /*    display: inline-block;*/
    margin-top: 1em;
    width: 100%;
}

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

#filters-table {
    width: 100%;
}

.add-filter {
    text-align: start;
    vertical-align: middle;
    margin-top: 1em;
}

.add-filter label {
    margin: 1em -10em 0 1.7em;
    position: relative;
    float: left;
    pointer-events: none;
}

.add-filter label:before {
    content: "\e99c";
    display: inline-block;
    font-family: peygir;
    vertical-align: middle;
    margin-inline-end: .5em;
}

.add-filter select {
    width: 12em;
    height: 3em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 2em;
    border: 1px solid transparent;
    background: var(--pg-bg);
    cursor: pointer;
    outline: none;
}

.add-filter select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

.add-filter select option,
.add-filter select optgroup {
    background-color: var(--pg-xli-gray2);
}

.add-filter select:hover {
    border: 1px solid var(--pg-btn-border);
}

#issue_is_private_wrap {
    float: right;
    margin: unset;
    margin-inline-start: 1em;
    padding-inline-start: unset;
}

.toggle-multiselect:before {
    font-family: peygir;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\e9f8";
    margin-left: .2em;
    cursor: pointer;
    font-size: 1.5em;
    vertical-align: middle;
}

.toggle-multiselect {
    color: var(--pg-gray);
    margin: 0;
    padding: 0 !important;
    width: 1.5em;
    display: inline-block;
    line-height: 0;
    vertical-align: middle;
}

.toggle-multiselect:hover {
    color: var(--pg-btn);
}

.buttons {
    margin-bottom: 1.5em;
    margin-top: 1em
}

.controller-issues #issue-form .box {
    text-align: initial;
}

.controller-issues #issue-form {
    text-align: center;
    margin: auto;
    display: block;
}

.controller-issues #issue-form.edit_issue fieldset:not(:last-of-type) {
    border-bottom: 4px solid var(--pg-bg);
    padding-bottom: .5em;
}

div.conflict + p {
    text-align: start;
}

span.buttons a,
p.buttons a {
    display: inline-block;
    padding: .25em 1em .25em 1em !important;
    border: 1px solid var(--pg-btn-border);
    border-radius: 2em;
    margin-bottom: -1em;
    overflow: hidden;
}

span.buttons a:hover,
p.buttons a:hover {
    background: var(--pg-btn);
    color: var(--pg-txt-icolor);
    border-color: var(--pg-btn);
    cursor: pointer;
}

p.buttons a.icon {
    color: var(--pg-txt-icolor);
    width: 0;
    padding: 0.3em 2em .2em 1em !important;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
    white-space: nowrap;
}

p.buttons a.icon:before {
    color: var(--pg-drk-gray);
}

p.buttons a.icon:hover::before {
    color: var(--pg-txt-icolor);
}

p.buttons a.icon:hover {
    color: var(--pg-btn);
}

.ui-dialog span.buttons a,
.ui-dialog p.buttons a {
    background-color: var(--pg-tbl-head);
    border: solid 1px var(--pg-tbl-head);
    color: #fff;
    padding: 1em 3em !important;
    border-radius: 5em;
    cursor: pointer;
    opacity: 1;
    margin: 1em .5em;
    font-size: .9em;
    display: inline;
}

p.buttons a.icon.icon-del:hover {
    color: var(--pg-li-red);
    background-color: var(--pg-li-red);
    border-color: var(--pg-li-red);
}

.controller-issues div#all_attributes {
    min-width: 20em;
    text-align: initial;
}

#new-attachments {
    width: 100%;
}

div#new-attachments {
    padding: 2em;
    border: 1px solid var(--pg-atchform-border);
    border-radius: .5em;
    margin: 1em auto;
    box-sizing: border-box;
    background-color: var(--pg-bg);
}

.btn-add-attachment::before {
    font-size: 1.5em;
    background: var(--pg-drk-btn) !important;
    border-radius: 100%;
    cursor: pointer;
    text-align: center;
    width: 2em;
    height: 2em;
    line-height: 1.4em;
    display: inline-block;
    padding: .3em;
    box-sizing: border-box;
}

.attachments_form label {
    margin: 0 !important;
    width: auto !important;
}

.controller-issues p#attachments_form {
    padding-top: 2em;
    padding-bottom: 2em;
    border: 1px solid var(--pg-atchform-border);
    border-radius: .5em;
    margin: 2em auto;
    box-sizing: border-box;
    background-color: var(--pg-bg);
}

.controller-issues div#attributes.attributes {
    margin-top: 1em;
}

.controller-attachments.action-show .filecontent-container {
    height: auto !important;
}

.attachments_form {
    display: inline-block;
    width: calc(100% - 4px);
}

.attachments_fields {
    /*max-width: 95%;*/
    border-radius: .5em;
    display: block;
}

.attachments .size{
    opacity: .5;
}

.attachments .size:hover{
    opacity: 1;
}

.attachments .contextual .icon-only {
    font-size: 1.5em;
}

.contextual .icon-only {
    padding: .35em .45em; /* home page widgets delete icon */
    /*margin-inline-end: .5em;*/
    border-radius: 2em;
    width: 1em;
}

.contextual .icon {
    padding: .23em 1.5em;
    border: 1px solid var(--pg-btn-border);
    border-radius: 2em;
    display: inline-block;
    /*margin-bottom: 1em;*/
}

.contextual .icon.icon-bookmark, .contextual .icon.icon-bookmark-off {
    padding: 0;
    height: 2.8em;
    width: 2.8em;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
    line-height: 2.8em !important;
    font-size: 1.1em;
    color: red;
}

.contextual .icon.icon-bookmark-off {
    color: inherit;
}

.contextual .icon.icon-bookmark:before,
.contextual .icon.icon-bookmark-off:before {
    margin-inline-start: .55em;
    margin-inline-end: 1em;
    font-size: 1.3em;
}

.controller-versions.action-index div#roadmap .contextual .icon-only,
.controller-issues.action-show .contextual .icon,
.controller-issues .attachments .contextual .icon {
    overflow: hidden;
    display: inline-block;
    font-size: .9em;
}

.contextual .icon-only:hover,
.contextual .icon:hover {
    background: var(--pg-btn);
    color: var(--pg-txt-icolor);
    border-color: var(--pg-btn);
}

.contextual .icon-only.icon-del:hover,
.contextual .icon.icon-del:hover,
.contextual .icon-only.icon-close:hover,
.contextual .icon.icon-close:hover {
    color: var(--pg-txt-icolor);
    background: var(--pg-li-red);
    border-color: var(--pg-li-red);
}

div#issue-changesets {
    float: right;
    width: 45%;
    margin-inline-start: 1em;
    margin-bottom: 1em;
    background: var(--pg-bg);
    padding-inline-start: 1em;
    font-size: 90%
}

div#issue-changesets div.changeset {
    padding: 4px;
    border-bottom: 1px solid var(--pg-xli-purple)
}

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

.changeset-comments {
    margin-bottom: 1em;
    direction: ltr;
}

div.journal {
    overflow: auto;
    border-radius: 1em;
    background: var(--pg-issue-his-bg);
    padding: 0 1em 1em;
    margin-bottom: 1em;
    font-size: .8em;
}

#comments h4,
h4.reply-header,
div.journal h4 {
    margin: .3em auto;
    padding-bottom: .3em;
    font-size: 1em;
}

div.journal.private-notes {
    border-inline-start: 1px solid var(--pg-red);
}

div.journal ul.details,
ul.revision-info {
    color: var(--pg-txt-purple);
    margin-bottom: 1.5em;
    line-height: 1;
}

div.journal ul.details a,
ul.revision-info a {
    color: #68bffa
}

div.journal ul.details a:hover,
ul.revision-info a:hover {
    color: var(--pg-red)
}

div#activity dl,
#search-results {
    margin-inline-start: 1em;
    font-size: .8em;
}

div#activity dd,
#search-results dd {
    margin: .5em 0 1.5em;
    padding-inline-start: 1.5em;
    font-size: .9em;
}

/*div#activity dt.me .time {*/
/*    background-color: var(--pg-btn);*/
/*    color: var(--pg-txt-icolor);*/
/*}*/

div#activity dt .time {
    color: var(--pg-txt-purple);
    background-color: var(--pg-xli-gray1);
    border-radius: 1em;
    padding: 0 1em;
	display: inline-block;
}

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

div#activity dd span.description,
#search-results dd span.description {
    display: block;
    color: var(--pg-txt-purple);
}

div#activity dt.grouped {
    margin-inline-start: 4em
}

div#activity dd.grouped {
    margin-inline-start: 4em
}

div#activity dd.grouped span p {
    margin-bottom: .1em;
}

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

div#activity h3,
div#activity h4 {
    background-color: var(--pg-header);
    font-size: 1em;
    padding: .75em;
    border-radius: 2em;
    text-align: center;
    margin-inline-start: -1.5em;
}

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-inline-start: 1em
}

div#roadmap {
    clear: both;
}

#roadmap h2, #roadmap h3 {
    display: inline;
}

#roadmap article {
    margin-bottom: 2em;
}

#roadmap article header {
    background-color: var(--pg-xli-gray1);
    padding: 1em .5em;
    border-radius: .5em;
}

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;
}

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

div#roadmap .wiki h1 {
    font-size: 1.2em
}

div#roadmap .wiki h2 {
    font-size: 1.1em
}

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

div#version-summary {
    float: right;
    width: 28%;
    margin-inline-start: 16px;
    margin-bottom: 16px;
    background-color: var(--pg-bg)
}

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

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

div#version-summary th{
    text-align: end;
}

div#version-summary td.total-hours {
    text-align: start;
}

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

table#time-report tbody tr.subtotal {
    font-style: italic;
    color: var(--pg-txt-purple)
}

table#time-report tbody tr.subtotal td.hours {
    color: var(--pg-txt-color)
}

table#time-report tbody tr.total {
    font-weight: bold;
    background-color: var(--pg-xli-purple);
    border-top: 1px solid black
}

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

div.wiki-page {
    clear: both;
    overflow-x: auto;
}

div.wiki-page .contextual a {
    opacity: .4;
    transition: opacity .5s;
}

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

.wiki-update-info {
    color: var(--pg-gray);
    font-size: .9em;
}

.controller-wiki.action-show div.wiki.wiki-page {
    margin-bottom: 3em;
}

.controller-wiki.action-show div.wiki.wiki-page > h1 {
    padding-top: 0;
    margin-top: 0;
}

/*form .attributes select + span.icon-only,*/
/*form .attributes .select2 + a.icon-only,*/
/*form .attributes select + a.icon-only {*/
/*    overflow: hidden;*/
/*    margin: .5em .2em;*/
/*    position: absolute;*/
/*    line-height: 1em;*/
/*}*/

#settings_app_title,
#project_name,
input#issue_subject,
input#document_title {
    width: 100%;
    max-width: 100%;
    font-size: 1.5em;
    padding: .5em;
}

#tab-content-notifications form > div[style="float:right;"] {
    float: unset !important;
    text-align: end;
}

a.test_notification {
    padding-inline-start: 2em;
}

#tab-content-display .info,
#tab-content-repositories .enabled_scm .info {
    display: none;
}

select#issue_done_ratio {
    /*width: 95px*/
}

ul.projects ul {
    padding-inline-start: 1.5em
}

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

div#projects-index {
    display: inline-block;
    width: 100%;
}

div#projects-index + p[style="text-align:right;"] {
    text-align: end !important;
}

span.icon-user.my-project::after {
    content: '';
}

span.icon-user.my-project::before {
    font-family: peygir;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    content: "\e965";
    font-size: 1.1em;
}

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

ul.projects,
ul.subprojects {
    text-align: initial;
}

#projects-index ul.projects li.root > ul.projects,
#projects-index ul.subprojects li.root > ul.projects {
    padding-inline-start: .5em
}

div.projects div.nested_list {
    text-align: initial;
    max-height: 20em;
    overflow-y: auto;
    min-height: 15em;
}

#projects-index ul.projects li.root,
#projects-index ul.subprojects li.root {
    border: solid 1px var(--pg-xli-gray1);
    margin-bottom: 20px;
    padding: 1em .5em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: .5em;
    box-sizing: border-box;
}

#projects-index ul.projects li.root:hover,
#projects-index ul.subprojects li.root:hover {
    box-shadow: 0 1px 6px 2px rgba(0, 0, 0, .2);
}

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

#projects-index ul.projects div.root a.project,
#projects-index ul.subprojects div.root a.project {
    font-weight: bold;
    padding: .3em 0;
}

#projects-index a.child {
    padding-inline-start: 1em;
}

#projects-index a.child.parent {
    padding-inline-start: 0;
}

#projects-index a.icon-fav {
    padding-inline-end: 1.5em;
}

#projects-index li.root a.project.root.leaf {
    padding-inline-start: 1em;
}

#projects-index ul.projects.root li.root div.root > .header {
    padding-left: 0;
    padding-right: 0;
}

#projects-index ul.projects .header,
#projects-index ul.subprojects .header {
    padding: .5em .2em .5em .75em;
}

#projects-index ul.projects .child .header,
#projects-index ul.subprojects .child .header {
    background: var(--pg-xli-btn);
    border-radius: 1.5em;
    margin-inline-start: 1em;
    line-height: 2;
}

#projects-index ul.projects div.root p,
#projects-index ul.subprojects div.root p {
    color: var(--pg-gray);
    font-size: .8em;
    /*background: #fafafa;*/
    /*padding: 1em;*/
    border-radius: .5em;
    display: block;
}

#projects-index ul.projects .header .expander,
#projects-index ul.subprojects .header .expander {
    cursor: pointer;
}

#projects-index ul.projects .header .expander:before,
#projects-index ul.subprojects .header .expander:before {
    font-family: peygir;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\e90a";
    color: var(--pg-icon-color);
    margin-inline-end: .5em;
    display: inline-block;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
    vertical-align: middle;
}

#projects-index ul.projects .header .expander.expanded:before,
#projects-index ul.subprojects .header .expander.expanded:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

li.change {
    background-image: none !important;
    padding: 0 0 0 1em !important;
}

li.change:before {
    font-family: peygir;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\e936";
    color: var(--pg-txt-purple);
    background: var(--pg-xli-gray);
    padding: 0.3em;
    border-radius: .3em;
    margin: 0 .3em;
    font-size: .8em;
}

li.change.folder:before {
    font-family: peygir;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\e954";
    color: #3498db;
    margin-left: .2em;
    background: none;
}

li.change.folder.change-A:before {
    font-family: peygir;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "A";
    color: #e67e22;
    margin-left: .2em
}

li.change.folder.change-M:before {
    font-family: peygir;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "M";
    color: #2ecc71;
    margin-left: .2em
}

li.change.change-A:before {
    font-family: peygir;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "A";
    color: #2ecc71;
    margin-left: .2em
}

li.change.change-M:before {
    font-family: peygir;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "M";
    color: #e67e22;
    margin-left: .2em
}

li.change.change-C:before {
    font-family: peygir;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "C";
    color: #3498db;
    margin-left: .2em
}

li.change.change-R:before {
    font-family: peygir;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "R";
    color: #9b59b6;
    margin-left: .2em
}

li.change.change-D:before {
    font-family: peygir;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "D";
    color: var(--pg-red);
    margin-left: .2em
}

.icon-user.my-project::before {
    content: '';
}
#projects-index .header a.project.icon::after{
    font-family: peygir;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    padding-inline-start: .25em;
}
#projects-index .header a.icon-user.my-project::after {
    content: "\200e\200f  \e965";
}
#projects-index .header a.icon-bookmarked-project::after {
    content: "\200e\200f  \e95c";
}
#projects-index .header a.icon-user.icon-bookmarked-project.my-project::after {
    content: "\200e\200f  \e95c  \e965";
}
#projects-index .header a.icon-bookmarked-project::before{
    content: '';
    display: none;
}

a.my-project::before {
    float: right;
    /*margin: .15em .5em;*/
    pointer-events: none;
}

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

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

ul.properties {
    padding: 0;
    font-size: .9em;
    color: var(--pg-txt-purple)
}

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

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

.total-hours {
    font-size: 1.1em;
    font-weight: bold
}

.total-hours span.hours-int {
    font-size: 1.2em
}

.autoscroll {
    overflow-x: auto;
    padding: 1px;
    position: relative;
    clear: both;
}

.mypage-box .autoscroll {
    min-width: 100%;
}

.controller-repositories div.autoscroll {
    margin-top: 1em;
}

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

#workflow_copy_form select {
    width: 200px
}

table.transitions td.enabled {
    background: #2ecc71
}

#workflow_form table select {
    font-size: .9em;
    max-width: 100px
}

table.fields_permissions td{
    white-space: nowrap;
}

table.fields_permissions td.readonly {
    background: var(--pg-xli-purple)
}

table.fields_permissions td.required {
    background: #d35400
}
table.fields_permissions a.repeat-value{
    font-size: 1.5em;
}
select.expandable {
}

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

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

input#content_comments {
    width: 99%
}

span.pagination {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    color: var(--pg-txt-color);
    text-align: center;
    font-size: .8em;
    user-select: none;
}

.pagination ul.pages {
    flex-grow: 1;
    text-align: end;
    /*margin: 0 0 1.5em 0;*/
    padding: 0;
    display: inline;
}

.pagination ul.pages li {
    display: inline-block;
    line-height: 2.5em;
    white-space: nowrap;
    text-align: center;
    min-width: 2em;
}

.pagination ul.pages li.page,
.pagination ul.pages li.current {
    margin: 0 .3em;
}

.pagination ul.pages li.current {
}

.pagination ul.pages li.page a,
.pagination ul.pages li.page span,
.pagination ul.pages li.current span {
    padding: .8em 1.3em;
    background: var(--pg-xli-gray);
    border-radius: 2em;
    color: var(--pg-drk-purple);
}

.pagination ul.pages li.current span {
    background-color: var(--pg-highlight);
    color: #fff;
    font-weight: bolder;
}

.pagination ul.pages li.spacer {
    border: 0;
    margin: auto 1em;
    background-color: transparent
}

.pagination ul.pages li.previous.page a,
.pagination ul.pages li.next.page a {
    padding: .75em 3.3em;
    color: var(--pg-txt-color);
    background: var(--pg-bg);
    border: 1px solid var(--pg-li-gray);
    border-radius: 2em;
}

.pagination ul.pages li.previous.page a:hover,
.pagination ul.pages li.next.page a:hover {
    font-weight: bold;
    color: var(--pg-txt-color);
    background-color: var(--pg-bg);
}

.pagination ul.pages li.previous span,
.pagination ul.pages li.next span {
    color: var(--pg-li-gray);
    padding: .75em 3.3em;
    background: var(--pg-xli-gray);
    border-radius: 2em;
}

.pagination ul.pages li.previous.page:hover,
.pagination ul.pages li.next.page:hover {
    background-color: var(--pg-bg) !important;
}

.pagination ul.pages li:first-child {
    border-radius: 2em;
    margin-inline-end: 1em;
    padding: .3em 0;
}

.pagination ul.pages li:last-child {
    border-radius: 2em;
    margin-inline-start: 1em;
    padding: .3em 0;
}

.pagination ul.pages li.current {
    /*    color: var(--pg-txt-icolor);
    background-color:var(--pg-btn);
    border-color: var(--pg-btn) */
}

.pagination ul.pages li.page:hover {
    /*    background-color:var(--pg-tbl-head);
    border-color:var(--pg-tbl-head);*/
}

.pagination ul.pages li.page a:hover,
.pagination ul.pages li.page a:active {
    color: var(--pg-txt-icolor);
    text-decoration: inherit;
    background-color: var(--pg-btn)
}

.pagination .per-page span.selected {
    color: #fff;
    background: var(--pg-highlight);
    font-weight: bold
}

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

span.pagination .per-page {
    margin-inline-start: 2em;
}

span.pagination .per-page span,
span.pagination .per-page a {
    background: var(--pg-xli-gray);
    border-radius: 4em;
    padding: .7em .4em .8em;
    margin: auto .25em;
    min-width: 2em;
    display: inline-block;
    box-sizing: content-box !important;
}

span.pagination .per-page a:hover {
    color: var(--pg-txt-icolor);
    background-color: var(--pg-btn);
}

span.pagination > span:nth-child(2) {
    order: -1;
    padding: 1em 0;
}

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

.tabular p {
    padding-inline-start: 16em;
    min-height: 2em;
    /*clear: left*/
}

/*.tabular p:not(:last-child) {*/
.tabular p {
    margin: 0 0 1em;
}

html > body .tabular p {
    overflow: hidden
}

.tabular input,
.tabular select {
    min-width: 6em;
    max-width: 20em;
    width: 100%;
    box-sizing: border-box;
    font-weight: lighter;
    margin: 0;
}

#issue_estimated_hours {
    width: calc(100% - 4em);
}

#issue_due_date, #issue_start_date {
    /*width: calc(100% - 1px);*/
}

.controller-custom_fields .tabular input,
.controller-custom_fields .tabular select,
.controller-trackers .tabular input,
.controller-trackers .tabular select {
    max-width: unset;
    width: 100%;
}

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

.tabular label {
    /*float: left;*/
    display: inline-block;
    vertical-align: top;
    text-align: end;
    margin-inline-start: -16em;
    width: 15em;
    font-weight: lighter;
    padding: 0 .35em;
    line-height: 2;
    box-sizing: border-box;
}

.tabular label.error {
    color: #EF3246;
}

.tabular label.floating,
#custom_field_tracker_ids label.no-css,
.controller-roles.action-permissions fieldset#filters label {
    display: inline-block;
    font-weight: lighter;
    margin-inline-start: 0;
    text-align: start;
    width: 15em;
    padding: .5em;
}

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

label.block.custom_field_user_role {
    padding-inline-start: 2em;
}

.tabular label.block {
    font-weight: normal;
    margin-inline-start: 0 !important;
    text-align: start;
    float: none
}

.tabular label.inline {
    font-weight: normal;
    float: none;
    margin-inline-start: 5px !important;
    width: auto !important;
    text-align: start;
}

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

input#time_entry_comments {
    width: 100%;
    max-width: 100%;
}

div.changeset-changes > ul > li {
    padding-left: 0 !important
}

#preview fieldset {
    margin-top: 1em;
    background: url("../images/draft.png")
}

.wiki.wiki-preview {
    padding: .5em;
    background: url("../images/draft.png")
}

.tabular.settings p {
    padding-inline-start: 16em;
    /*margin: .8em auto;*/
}

.tabular .wiki p {
    padding: initial !important;
}

.tabular.settings label {
    margin-inline-start: -16em;
    margin-inline-end: .5em;
    padding: 0 0 0 .5em;
    width: 15em;
    line-height: 2;
}

.tabular.settings textarea {
    width: 99%
}

.settings.enabled_scm table {
    width: 100%
}

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

fieldset.settings label {
    /*display: block*/
}

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

.box fieldset.box,
div#permissions fieldset {
    background-color: rgba(0, 0, 0, .05);
    vertical-align: top;
    padding: 1em;
}

fieldset.box p label.inline {
    margin-right: .5em;
    margin-left: .5em;
}
.controller-workflows .box{
    padding-top:1em;
}
span.required {
    position: absolute;
    margin-top: -.35em;
    margin-inline-start: -.1em;
    color: var(--pg-red)
}

.summary {
    font-style: italic
}

.check_box_group {
    display: inline-block;
    width: 100%;
    max-height: 150px;
    overflow-y: auto;
    padding: .5em 1em;
    background: var(--pg-bg);
    border: 1px solid var(--pg-xli-purple);
    border-radius: .5em;
    box-sizing: border-box;
}

.check_box_group label {
    font-weight: normal;
    margin-inline-start: 0 !important;
    text-align: start;
    float: none;
    display: block;
    width: auto;
    line-height: 2;
}

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

.check_box_group.bool_cf label {
    display: inline
}

.attachments_fields input.description,
#existing-attachments input.description {
    margin-left: .5em;
    /*width: 40em;*/
    /*max-width: 40em;*/
    max-width: unset;
    flex: 1;
}

.attachments_fields > span,
#existing-attachments > span {
    display: flex;
    margin-top: .25em;
    margin-bottom: .25em;
    align-items: center;
    flex-wrap: wrap;
}

.attachments_fields input.filename,
#existing-attachments .filename {
    border: 0;
    direction: ltr;
    margin-right: .5em;
    background-color: inherit;
    flex: 1;
}

.attachments_fields .ajax-waiting input.filename,
.attachments_fields .ajax-loading input.filename,
#existing-attachments .ajax-waiting .filename,
#existing-attachments .ajax-loading .filename {
    padding-right: 1.5em;
}

.attachments_fields input.filename:before,
#existing-attachments .filename:before {
    font-family: peygir;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\e948";
    color: var(--pg-icon-color);
    margin-left: .2em
}

#existing-attachments {
    clear: both;
}

.tabular input.filename {
    /*max-width: 75% !important*/
    flex: 1;
}

.attachments_fields .ajax-waiting input.filename:before {
    font-family: peygir;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\e9c6";
    color: var(--pg-icon-color);
    margin-left: .2em
}

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

.attachments_fields div.ui-progressbar {
    width: 100%;
    height: 3px;
    flex-basis: 100%;
    border: 0;
    background: var(--pg-ver-todo);
}

.attachments_fields .ui-progressbar .ui-progressbar-value {
    background: var(--pg-ver-closed);
}

a.remove-upload {
    background-position: 0 50%;
    padding-inline-start: 16px;
}

a.remove-upload:hover:before {
    color: var(--pg-red);
}

.existing-attachment.deleted .filename {
    text-decoration: line-through;
    color: var(--pg-txt-color) !important
}

div.fileover {
    background-color: var(--pg-xli-purple);
}

div.attachments {
    padding: 1em 2em;
    font-size: .8em;
    overflow-x: auto;
}

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

div.attachments img {
    vertical-align: middle
}

div.attachments span.author {
    color: var(--pg-gray);
}

div.attachments td:first-child,
div.attachments td:nth-child(3){
    white-space: nowrap;
}

div.attachments tr{
    vertical-align: baseline;
}

div.thumbnails {
    margin: .6em
}

div.thumbnails div {
    border: 1px solid 1px solid var(--pg-xli-gray1);
    display: inline-block;
    margin-inline-end: .3em;
    border-radius: .5em;
    background-color: #fff;
    opacity: .75;
}

div.thumbnails div:hover {
    opacity: 1;
}

div.thumbnails img {
    vertical-align: middle;
    object-fit: cover;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    border-radius: .5em;
}

div.thumbnails img:hover {
    -webkit-filter: unset;
    filter: unset;
}

div#issue_tree {
    /*padding: 1em 0;*/
}

div#issue_tree form {
    display: inline-block;
    overflow-x: auto;
    width: 100%;
}

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

div#relations {
}

div#relations form {
    display: inline-block;
    overflow-x: auto;
    width: 100%;
}

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

#history div:target {
    animation: highlight 1500ms ease-out;
}

@keyframes highlight {
    from {
        background-color: var(--pg-target-highlight);
    }
}

#history p.nodata {
    display: none;
}

p.other-formats {
    visibility: hidden;
    text-align: end;
    font-size: .9em;
    float: right;
    clear: both;
    margin-top: 3em;
}

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

.other-formats a.atom:before,
.other-formats a.csv:before,
.other-formats a.pdf:before,
.other-formats a.html:before,
.other-formats a.txt:before,
.other-formats a.prnt:before {
    font-family: peygir;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    font-size: 32px;
    margin-left: .2em;
    visibility: visible;
    color: var(--pg-li-gray);
}

.other-formats a.atom:before {
    content: "\ea24";
}

.other-formats a.csv:before {
    content: "\ea26";
}

.other-formats a.png:before {
    content: "\ea21";
}

.other-formats a.pdf:before {
    content: "\ea23";
}

.other-formats a.html:before {
    content: "\ea22";
}

.other-formats a.txt:before {
    content: "\ea20";
}

.other-formats a.prnt:before {
    content: "\e9a0";
}

p.other-formats span a {
    font-size: 0;
    vertical-align: middle;
    margin: 5px 0 auto;
    display: inline-block;
}

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

em.info.error {
    padding-inline-start: 20px;
}

em.info.error:before {
    font-family: peygir;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\e9a5";
    color: var(--pg-red);
    margin-inline-end: .2em
}

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

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

select.bool_cf {
    width: auto !important
}

.tab-content {
    overflow-x: auto;
}


#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 legend {
    font-weight: bold
}

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

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

label[for='issue_subject'],
#tab-content-info label[for='project_name'],
#tab-content-general label[for='settings_app_title'] {
    vertical-align: middle;
}

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

#users_for_watcher label {
    display: block;
    margin-top: .75em;
}

input#principal_search,
input#user_search {
    width: 100%;
    box-sizing: border-box;
    font-size: 1em;
    border-radius: 2em;
    padding: .5em 2em !important;
    margin-top: 1em;
}

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

input.autocomplete {
    border: 1px solid #9eb1c2;
    border-radius: 2px;
    text-overflow: ellipsis;
    padding: .5em 2.5em .5em 1em;
    background: var(--pg-bg) url('../images/search.svg') no-repeat calc(100% - .5em) center;
    background-size: 1.5em;
}

input.autocomplete.ajax-loading {
    background: url("../images/loading.gif") no-repeat 96% center;
}

.role-visibility, .custom_field_role, .role_managed_role {
    padding-inline-start: 2em !important;
}

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

.objects-selection label {
    display: block
}

.objects-selection > div,
#user_group_ids {
    column-count: auto;
    column-width: 200px;
    -webkit-column-count: auto;
    -webkit-column-width: 200px;
    -webkit-column-gap: .5rem;
    -webkit-column-rule: 1px solid var(--pg-xli-purple);
    -moz-column-count: auto;
    -moz-column-width: 200px;
    -moz-column-gap: .5rem;
    -moz-column-rule: 1px solid var(--pg-xli-purple)
}

#errorExplanation,
div.flash,
.nodata,
.warning,
.conflict {
    font-size: .9em;
    margin-bottom: 1em;
    padding: .7em .7em 1em;
    border-inline-start: 1.2em solid;
    border-radius: .4em;
    text-align: initial;
}

#content > div.flash {
    margin-top: 0;
}

div.flash {
    text-align: start;
    margin-top: 1em;
    background: initial !important;
    font-size: initial !important
}

div.flash.error,
#errorExplanation {
    background-color: var(--pg-error-bg) !important;
    border-color: var(--pg-red) !important;
    color: #c0392b !important;
    line-height: 1.5;
    padding: 1em;
}

#errorExplanation > span{
    display: block;
}

div.flash.notice {
    background-color: var(--pg-notice-bg) !important;
    border-color: var(--pg-notice-border) !important;
    color: #27ae60 !important;
}

div.flash.warning,
.conflict {
    background-color: var(--pg-warning-bg) !important;
    border-color: var(--pg-warning-border) !important;
    color: #b47302 !important;
    /*text-align: left;*/
}

.nodata,
.warning {
    text-align: start;
    background-color: var(--pg-warning-bg);
    color: #b47302;
    border-color: var(--pg-warning-border) !important;
}

.nodata {
    margin: 3em 0 2em 0;
}

#errorExplanation ul {
    font-size: .9em;
    display: inline-block;
    margin: 0;
    padding-left: 1em;
    padding-right: 1em;
    list-style: square;
}

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

.conflict-details {
    font-size: .8em;
}

#ajax-indicator {
    position: absolute;
    background-color: var(--pg-bg);
    border: 1px solid var(--pg-xli-gray1);
    top: 35%;
    left: 40%;
    width: 20%;
    font-weight: bold;
    text-align: center;
    padding: 1em;
    z-index: 1000;
    opacity: .5;
    border-radius: 1em;
}

html > body #ajax-indicator {
    position: fixed;
    z-index: 9999999999;
}

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

table.cal {
    border-collapse: collapse;
    width: 100%;
    margin: 0 0 6px 0;
    border: 1px solid var(--pg-xli-purple);
    font-size: .8em;
    /*display: block;*/
    overflow: auto;
}

table.cal thead th {
    width: 14%;
    background-color: var(--pg-header);
    padding: 4px;
    font-weight: normal;
    height: 2em;
}

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 var(--pg-xli-purple);
    vertical-align: top
}

table.cal td.even:hover,
table.cal td.odd:hover {
    background-color: var(--pg-tbl-hover);
}

table.cal td.even {
    min-width: 80px;
    background-color: var(--pg-tbl-even);
}

table.cal td.odd {
    min-width: 80px;
    background-color: var(--pg-tbl-odd);
}

table.cal td.week-number {
    background-color: var(--pg-header);
    padding: 4px;
    border: none;
    font-size: 1em
}

table.cal td p.day-num {
    font-size: 2.5em;
    text-align: end;
    line-height: 1;
    user-select: none;
    font-weight: bold;
    opacity: .2;
    transition: opacity .5s;
}
table.cal td:hover p.day-num {
    opacity: .5;
}

table.cal td.odd p.day-num {
    color: var(--pg-txt-color)
}

table.cal td.today {
    background: var(--pg-cal-today);
}

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

table.cal td.holiday {
     background: var(--pg-cal-holiday);
}

table.cal .starting > a:before,
p.cal.legend .starting:before {
    font-family: peygir;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\e9dd";
    color: #80cca8;
    margin-left: .5em;
    display: inline-block;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg);
    vertical-align: middle;
}

table.cal .ending > a:before,
p.cal.legend .ending:before {
    font-family: peygir;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\e934";
    color: var(--pg-li-red);
    margin-left: .5em;
    display: inline-block;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
    vertical-align: middle;
}

table.cal .starting.ending > a:before,
p.cal.legend .starting.ending:before {
    font-family: peygir;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\e9cb";
    color: var(--pg-li-red);
    margin-left: .5em;
    display: inline-block;
    vertical-align: middle;
}

table.cal td.nwday:not(.odd):before,
table.cal td.holiday:not(.odd):before {
    display: inline-block;
    content: " ";
    border-radius: 100%;
    background-color: red;
    width: 6px;
    height: 6px;
    float: left;
}

table.cal div.issue{
    margin-bottom: .2em;
    background: var(--pg-issue-bg);
    padding: .5em;
    border-radius: .5em;
    font-size: .9em;
}

p.cal.legend span {
    display: block
}

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

.tooltip:hover {
    z-index: 25;
    color: var(--pg-txt-color)
}

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

div.tooltip:hover span.tip {
    font-size: .8em;
    display: block;
    position: absolute;
    top: 12px;
    left: 24px;
    width: 270px;
    border: 1px solid var(--pg-xli-gray3);
    border-radius: .5em;
    background-color: var(--pg-bg);
    padding: .5em;
    line-height: 2;
    box-shadow: 0 6px 12px rgba(0, 0, 0, var(--pg-shadow-opacity));
}

div.tooltip:hover span.tip > br:first-of-type {
    display: none;
}

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

table.cal div.tooltip:hover span.tip {
    top: 2.5em;
    font-size: 1em;
}

.ui-tooltip {
    border: 0;
    box-shadow: 0 2px 10px 4px rgba(0, 0, 0, 0.16);
    font-size: .8em;
    background-color: var(--pg-xli-gray2);
    border-radius: 2em;
    padding-right: 1em;
    padding-left: 1em;
    color: var(--pg-txt-color);
}

img.ui-datepicker-trigger {
    cursor: pointer;
    vertical-align: middle;
    margin-inline-start: -1.8em;
    margin-inline-end: .45em;
    position: relative;
    display: inline-block;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 1.8em;
}

div.attributes table.progress {
    margin-top: .6em;
}

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

table.progress {
    width: calc(100% - 3.5em);
    min-width: 4em;
    max-width: 12em;
}

table.progress td {
    padding: .3em;
}

table.progress td.closed {
    background: var(--pg-ver-closed) none repeat scroll 0
}

table.progress td.done {
    background: var(--pg-ver-done) none repeat scroll 0
}

table.progress td.todo {
    background: var(--pg-ver-todo) none repeat scroll 0
}

p.percent {
    font-size: .8em;
    margin: 0
}

p.progress-info {
    clear: left;
    font-size: .8em;
    color: var(--pg-txt-color)
}

.version-overview table.progress {
    max-width: unset;
    height: .5em;
}

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

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

#content .tabs.jstTabs {
    margin-bottom: -1px;
}

.jstBlock {
    display: inline-block;
    width: 100%;
    margin-bottom: 1em;
}

#content .tabs ul {
    margin: 0;
    position: absolute;
    bottom: 0;
    padding: 0;
    padding-inline-start: .5em;
    width: 5000px;
    height: 1.8em;
    border-bottom: 1px solid var(--pg-xli-purple);
}

#content .tabs ul li {
    float: left;
    list-style-type: none;
    white-space: nowrap;
    background: var(--pg-bg);
    position: relative;
    margin-inline-start: 4px;
}

#content .tabs ul li:last-child {
}

#content .tabs ul li a {
    display: block;
    font-size: .9em;
    text-decoration: none;
    line-height: 1.35em;
    padding: .3em 1em;
    background: var(--pg-xli-gray2);
}

#content .tabs ul li a:hover {
    background-color: var(--pg-xli-gray);
    text-decoration: none;
    border-radius: .3em .3em 0 0;
    color: var(--pg-drk-purple);

}

#content .tabs ul li a.selected {
    background-color: var(--pg-bg);
    border: 1px solid var(--pg-xli-purple);
    border-bottom: 1px solid var(--pg-bg);
    border-radius: .3em .3em 0 0;
    color: var(--pg-drk-purple);
    margin-bottom: -1px;
}

#content .tabs ul li a.selected:hover {
    background-color: var(--pg-bg)
}

div.tabs-buttons {
    position: absolute;
    right: 0;
    width: 4em;
    bottom: 0;
    border-bottom: solid 1px var(--pg-xli-purple)
}

button.tab-left,
button.tab-right {
    font-size: .9em;
    cursor: pointer;
    height: 1.5em;
    border: 1px solid var(--pg-xli-purple);
    position: absolute;
    padding: .2em;
    width: 1.5em;
    bottom: -1px;
    line-height: .9em
}

button.tab-left:hover,
button.tab-right:hover {
    background-color: var(--pg-bg);
    text-decoration: none
}

button.tab-left.disabled:hover,
button.tab-right.disabled:hover {
    background-color: var(--pg-xli-gray);
}

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

button.tab-left {
    right: 1.4em;
    border-top-left-radius: 3px;
}

button.tab-left:before {
    font-size: .9em;
    font-family: peygir;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\e9ff";
    margin-inline-end: .2em;
    display: inline-block;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

button.tab-right {
    right: 0;
    border-top-right-radius: 3px;
}

button.tab-right:before {
    font-size: .9em;
    font-family: peygir;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\e9ff";
    margin-inline-start: .2em;
    display: inline-block;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
}

button.tab-left.disabled,
button.tab-right.disabled {
    color: var(--pg-btn-border);
    cursor: unset;
    white-space: pre-wrap;
}

.diff_out {
    background: #d930303b;
}

.diff_out span {
    background: #ea333340;
}

.diff_in {
    background: #3c973c30;
}

.diff_in span {
    background: #29b52952;
}

.text-diff {
    padding: 1em;
    background-color: var(--pg-xli-gray2, #f6f6f6);
    color: var(--pg-gray, #555);
    border: 1px solid var(--pg-xli-gray, #e4e4e4);
    border-radius: 1em;
    overflow: auto;
}

div.wiki {
    width: 100%;
    box-sizing: border-box;
}

div.wiki table {
}

div.wiki table th {
    padding: .3em .5em;
    background-color: var(--pg-header);
    font-weight: normal
}

div.wiki table td {
    padding: .3em .5em;
}

div.wiki table,
div.wiki td,
div.wiki th {
    border-color: var(--pg-xli-purple);
    border-style: solid;
}

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

div.wiki .external:before {
    font-family: peygir;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\e99d";
    margin: .2em;
    vertical-align: super;
    font-size: .8em;
}

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

div.wiki a.new {
    color: #2ecc71;
}

div.wiki a.new:before {
    font-family: peygir;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: '\e936';
    color: #2ecc71;
    margin-left: .2em;
}

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

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

div.wiki pre {
    overflow-x: auto;
    overflow-y: hidden;
    width: auto;
    border-radius: .2em;
    font-family: monospace;
    background: var(--pg-xli-gray);
    border: 0 solid #3f87a6 !important;
    color: var(--pg-drk-gray);
    margin-top: 0;
    margin-bottom: 1em;
    padding: 1em;
    position: relative;
    line-height: 1.5;
    direction: ltr;
    text-align: left;
    border-left-width: 5px !important;
    -moz-tab-size: 4;
    tab-size: 4;
}

div.wiki pre code {
}

div.wiki pre code.c,
div.wiki pre code.cpp,
div.wiki pre code.css,
div.wiki pre code.delphi,
div.wiki pre code.diff,
div.wiki pre code.erb,
div.wiki pre code.go,
div.wiki pre code.groovy,
div.wiki pre code.haml,
div.wiki pre code.html,
div.wiki pre code.java,
div.wiki pre code.javascript,
div.wiki pre code.json,
div.wiki pre code.lua,
div.wiki pre code.php,
div.wiki pre code.python,
div.wiki pre code.ruby,
div.wiki pre code.sql,
div.wiki pre code.text,
div.wiki pre code.xml,
div.wiki pre code.yaml {
    padding: 1em;
    margin: -1em;
    display: inline-block;
    min-width: calc(100% - 3px);
}

div.wiki ul.toc {
    background-color: var(--pg-ui-widget-active, #ffd);
    padding: .5em 1em;
    line-height: 1.2em;
    margin-inline-end: 1em;
    margin-inline-start: 0;
    display: table;
    border-radius: 1em;
}

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

div.wiki ul.toc.right {
    float: right;
    margin-inline-start: 1em;
    margin-inline-end: 0;
    width: auto
}

div.wiki ul.toc.left {
    float: left;
    margin-inline-end: 12px;
    margin-inline-start: 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: .9em
}

div.wiki ul.toc > li:first-child {
    margin-bottom: .5em;
    color: var(--pg-txt-color);
}

div.wiki ul.toc li li {
    margin-inline-start: 1.5em;
    font-size: .9em
}

div.wiki ul.toc a {
    font-size: .9em;
    font-weight: normal;
    text-decoration: none;
    color: var(--pg-txt-purple)
}

div.wiki ul.toc a:hover {
    color: var(--pg-red);
    text-decoration: underline
}

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

a.wiki-anchor:hover {
    color: var(--pg-xli-purple) !important;
    text-decoration: none
}

h1:hover a.wiki-anchor,
h2:hover a.wiki-anchor,
h3:hover a.wiki-anchor {
    /*display: inline;*/
    /*color: #f6f8f8*/
}

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 {
    animation: highlight 5000ms ease-out;
}

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

.wiki {
    padding: 0 .5em;
    overflow-x: auto;
}

.wiki.description {
    padding: 0;
}

.wiki.description p {
    margin-top: .5em;
    margin-bottom: .5em;
    font-size: .9em
}

.wiki h1,
.wiki h2,
.wiki h3 {
    padding: .8em 0 .3em;
}

.wiki h4,
.wiki h5,
.wiki h6 {
    margin-inline-start: .8em;
    padding-bottom: .2em;
    font-size: 1.1em;
    font-weight: normal
}

.wiki kbd{
    background: var(--pg-xli-gray1);
    padding: .25em .5em;
    border-radius: .5em;
    margin: 0 .25em;
    font-size:.8em;
}

.wiki code {
    padding: 0;
    border-radius: .2em;
    background-color: var(--pg-header);
    color: var(--pg-drk-purple2);
    font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
    font-size: .9em;
}

.wiki code .CodeRay {
    background-color: #414141;
    color: var(--pg-txt-icolor)
}

.wiki p, .tabular .wiki p {
    margin: 1em;
    font-feature-settings: "palt";
    text-align: justify
}

#attach_files_link:before {
    font-family: peygir;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\e99c";
    color: #2ecc71;
    margin-left: .2em
}

.block-receiver {
    border: 1px dashed var(--pg-bg);
}

.dragging .block-receiver {
    border: 1px dashed var(--pg-txt-purple);
    border-radius: .5em;
    background: #f4f4f4;
    min-height: 2em;
}

#my-page {
    width: 100%;
    box-sizing: border-box;
}

#my-page h3 {
    margin: 0 0 .5em 0;
    font-size: 1em;
    font-weight: bolder;
}

.mypage-box {
    padding: 2em;
    color: var(--pg-txt-purple);
    line-height: 1.5em;
    border-radius: .5em;
    box-shadow: 0 3px 9px rgba(0, 0, 0, .12);
    background: var(--pg-bg);
}

.mypage-box > .contextual {
    opacity: 0;
    transition: opacity .5s;
}

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

#history .journal .journal-actions {
    opacity: .1;
    transition: opacity .5s;
}

#history .journal:hover .journal-actions {
    opacity: 1;
}

.handle {
    cursor: move
}

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

div#block-setting_welcome_text {
    box-shadow: none;
}

a.close-icon:before {
    font-family: peygir;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\e9ee";
    color: var(--pg-icon-color);
    margin-left: .2em;
    cursor: pointer
}

a.close-icon:hover:before {
    font-family: peygir;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\e9ee";
    color: #3498db;
    margin-left: .2em
}

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 var(--pg-xli-gray3);
    border-bottom: 1px solid var(--pg-xli-gray3);
    border-inline-end: 1px solid var(--pg-xli-gray3);
    text-align: center;
    overflow: hidden;
    font-size: .8em
}

.gantt_hdr.nwday {
    background-color: var(--pg-header)
}

.gantt_subjects div {
    line-height: 1;
    height: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

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

#gantt_area .gantt_hdr {
    border-left: 0;
    border-right: 1px solid var(--pg-xli-gray1);
}
.gantt_hdr:first-of-type {
    background: var(--pg-xli-gray) !important;
}
.gantt_subjects_container {
    overflow-x: hidden;
}

.gantt_subjects_container:not(.draw_selected_columns) .gantt_hdr,
.last_gantt_selected_column .gantt_hdr {
    border-right: 1px solid var(--pg-xli-gray1);
}

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

.gantt_subjects_column + td {
    padding: 0;
}

.gantt_subjects div,
.gantt_selected_column_content div {
    line-height: 1;
    height: 24px; /*no effect on line height, only prevent cropping texts*/
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
}

.gantt_subjects div.issue-subject:hover {
    background-color: var(--pg-xli-gray);
}

.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: 0.8em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}

.gantt_content .pagination ul.pages {
    width: 100%;
}

td.gantt_selected_column {
    width: 50px;
}

.gantt_selected_column_container .gantt_hdr:nth-of-type(1) {/*Gantt extra column*/
    background: transparent !important;
}

.gantt_selected_column_container .gantt_hdr:nth-of-type(2) {/*Gantt extra column header*/
    background: var(--pg-xli-gray) !important;
}


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

.task {
    position: absolute;
    height: 8px;
    font-size: .8em;
    color: var(--pg-txt-purple);
    padding: 0;
    margin: 0;
    line-height: 16px;
    white-space: nowrap
}

.task.label {
    width: 100%;
    margin-top: -2px
}

.task.label.project,
.task.label.version {
    margin-left: .3em
}

.task_late {
    background-color: var(--pg-red);
    border: 1px solid var(--pg-red)
}

.task_done {
    background-color: #2ecc71;
    border: 1px solid #2ecc71
}

.task_todo {
    background-color: var(--pg-xli-purple);
    border: 1px solid var(--pg-xli-purple)
}

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

.task_late.parent,
.task_done.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-color: var(--pg-red);
    height: 2px;
    margin-top: 5px;
    margin-left: 1px
}

.version.task_done {
    background-color: #2ecc71;
    height: 2px;
    margin-top: 5px;
    margin-left: 1px
}

.version.task_todo {
    background-color: var(--pg-xli-purple);
    height: 2px;
    margin-top: 5px;
    margin-left: 1px
}

.version.marker:before {
    font-family: peygir;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\e90c";
    color: #3498db;
    background: #3498db;
    border: 0;
    margin-top: 1px;
    margin-inline-start: -4px;
}

.project.task_late {
    background-color: var(--pg-red);
    height: 2px;
    margin-top: 5px;
    margin-left: 1px
}

.project.task_done {
    background-color: #2ecc71;
    height: 2px;
    margin-top: 5px;
    margin-left: 1px
}

.project.task_todo {
    background-color: var(--pg-xli-purple);
    height: 2px;
    margin-top: 5px;
    margin-left: 1px
}

.project.marker:before {
    font-family: peygir;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    content: "\e9c0";
    color: var(--pg-xli-purple);
    margin-left: -.5em;
    background: var(--pg-xli-purple);
    font-size: .9em;
}

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

.version-overdue a,
.issue-overdue a,
.project-overdue a {
    color: var(--pg-red)
}

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

.icon-only {
    background: no-repeat 0 50%;
    padding-inline-start: 16px
}

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

a.icon-only{
    display: inline-block;
    width: 0;
    height: 16px;
    overflow: hidden;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 8px;
    line-height: 1;
}

.edit_issue span.icon-only,
#sidebar span.icon-only{
    display: inline-block;
    overflow: hidden;
    padding: 0;
    line-height: 1;
}

.sort-handle {
    /*border: none !important;*/
    /*cursor: move !important;*/
    /*margin-top: -1.9em;*/
    /*display: inline-block;*/
    /*vertical-align: middle;*/
    /*padding: .65em .65em .6em .65em;*/
    /*line-height: .7;*/
    /*-webkit-border-radius: 2em;*/
    /*-moz-border-radius: 2em;*/
    /*border-radius: 2em;*/
}

.sort-handle:hover::before {
    color: var(--pg-txt-icolor);
    background: var(--pg-btn);
}

.sort-handle:hover {
    /*background: var(--pg-btn);*/
}

.contextual .sort-handle.icon-only:hover,
.contextual .sort-handle.icon:hover {
    background: transparent;
}

.buttons .sort-handle, #custom_field_enumerations .sort-handle {
    margin-top: unset;
}

.ui-sortable-handle:before,
.sort-handle:before {
    font-family: peygir;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\e9a8";
    color: var(--pg-drk-purple);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
    display: inline-block;
    padding: 0.65em;
    border-radius: 2em;
    cursor: move;
    margin: 0;
}

.sort-handle.ajax-loading {
    width: 16px;
    height: 16px;
    background: url("../images/loading.gif") no-repeat;
}

tr.ui-sortable-helper {
    border: 1px solid var(--pg-xli-purple)
}

.contextual > *,
.buttons > a {
    /*margin-left: .25em;*/
    margin-inline-start: .5em;
}

img.gravatar {
    vertical-align: middle;
    border-radius: 50%;
    border: 1px solid var(--pg-xli-gray1);
    box-sizing: border-box;
    margin: 0 .2em;
}

div.issue img.gravatar {
    float: left;
    margin-right: 1em
}

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

div.gravatar-with-child > img.gravatar:nth-child(2) {
    position: absolute;
    top: 30px;
    left: 30px;
    border-radius: 50%;
    border: 1px solid var(--pg-bg);
    background-color: var(--pg-bg);
    padding: 2px
}

h2 img.gravatar {
    margin: .3em 0
}

h3 img.gravatar {
    margin: .3em 0
}

h4 img.gravatar {
    margin: .3em 0;
    width: 24px;
    height: 24px;
}

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

#activity {
    border-inline-start: 2px solid #aebcc5;
    margin-inline-start: 1.5em;
}

#activity dt img.gravatar {
    float: left;
    margin: 0;
    margin-inline-end: .5em;
}

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

#activity dt,
.journal {
    clear: left;
    line-height: 2;
}

.journal-link {
    float: right;
}

h2 img {
    vertical-align: middle
}

.hascontextmenu {
    cursor: context-menu
}

.context-menu-selection {
    background-color: var(--pg-tbl-head) !important;
}

.context-menu-selection:hover .tip, .context-menu-selection:hover .tip a {
    color: initial !important;
}

.sample-data {
    border: 1px solid black;
    border-collapse: collapse;
    background-color: var(--pg-bg);
    margin: .5em
}

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

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

.ui-progressbar {
    position: relative
}

#progress-label {
    position: absolute;
    inset-inline-start: 50%;
    top: 4px;
    font-weight: bold;
    color: var(--pg-txt-purple);
    text-shadow: 1px 1px 0 var(--pg-bg)
}

.ui-datepicker-title select {
    margin-top: -2px !important;
    margin-inline-end: 4px !important
}

input.hasDatepicker {
    direction: ltr;
    text-align: start;
    padding-inline-start: 1em !important;
    padding-inline-end: 2em !important;
}

@media all {
    .page-break {
        display: none;
    }
}

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

    #main {
        background: var(--pg-bg)
    }

    #content {
        width: 99%;
        margin: 0;
        padding: 0;
        border: 0 !important;
        background: var(--pg-bg);
        overflow: visible !important;
    }

    #wiki_add_attachment {
        display: none
    }

    div#content > p.wiki-update-info {
        display: none;
    }

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

    .autoscroll {
        overflow-x: visible
    }

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

    table.list th,
    table.list td {
        border: 1px solid var(--pg-xli-purple)
    }

    .page-break:not(:last-of-type) {
        display: block;
        page-break-before: always;
    }
}

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

input, button, input:focus, button:focus {
    outline: none;
}

input:disabled, select:disabled, textarea:disabled {
    cursor: not-allowed;
    color: var(--pg-gray) !important;
    background-color: var(--pg-xli-gray3);
}

input[type=checkbox]:disabled {
    background-color: unset;
}

input, select {
    font-size: .9em;
    max-width: 100%;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-color: var(--pg-bg);
    background-image: url(../images/arrow_down.png);
    background-repeat: no-repeat;
    background-position: calc(100% - 12px) 50%;
    padding: .3em 2.5em .3em 1em;
    border: 1px solid var(--pg-btn-border);
    line-height: 1.8em;
    border-radius: 2em;
    outline: none;
}

select[multiple] {
    border-radius: 0;
    background-image: none;
    overflow-y: auto;
    padding: .5em;
}

select[multiple] option:checked{
    background: var(--pg-xli-gray3);
    color: var(--pg-txt-color);
}

select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 var(--pg-txt-color);
}

input[type="text"],
input[type="password"],
input[type="number"],
input[type="date"] {
    border: solid 1px var(--pg-btn-border);
    /*color: #34495e;*/
    color: var(--pg-txt-color);
    line-height: initial;
    border-radius: 2em;
    padding: .45em 1em;
    /*margin-top: .2em;*/
}

input[type="date"] {
    padding-right: 0;
}

input[type="file"] {
    color: var(--pg-drk-purple2);
    line-height: initial;
    font-size: .9em;
}

#custom_field_description {
    height: 7em;
}

#custom_field_min_length,
#custom_field_max_length {
    width: calc(50% - 0.6em);
    min-width: 1em;
}

#custom_field_max_length::placeholder, #custom_field_min_length::placeholder {
    text-align: center;
}

textarea {
    border: solid 1px var(--pg-xli-purple);
    border-radius: .3em;
    padding: .3em;
    color: var(--pg-drk-purple2);
    box-sizing: border-box;
    font-size: .9em;
    line-height: 2;
}

input[type="submit"] {
    background-color: var(--pg-drk-btn);
    border: solid 1px var(--pg-drk-btn);
    color: #fff;
    padding: 1em 3em;
    border-radius: 5em;
    cursor: pointer;
    opacity: 1;
    margin: 1em .5em;
    width: auto;
}

input[type="submit"]:hover {
    opacity: .85;
}

.button-small {
    padding: .5em 1.5em !important;
}

input[type="button"] {
    background-color: var(--pg-bg);
    border: solid 1px var(--pg-btn-border);
    padding: 1em 3em;
    border-radius: 2em;
    color: var(--pg-gray);
    opacity: .8;
    margin: 1em .5em;
    direction: ltr;
}

input[type="button"]:hover {
    background: var(--pg-btn);
    color: var(--pg-txt-icolor);
    border-color: var(--pg-btn);
    cursor: pointer;
    opacity: 1;
}

.tabular input[type="checkbox"] {
    width: 1em;
}

.tabular.settings input[type="checkbox"] {
    height: 2.4em;
}

input[type="checkbox"] {
    margin-inline-end: .3em;
}

input#repository_url {
    direction: ltr;
    text-align: left;
}

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

.plupload_wrapper, .plupload_header_title, .plupload_header_text {
    font-family: Roboto, iranyekan, sans-serif !important;
}

div.wiki .feature-tag,
div.wiki .bug-tag,
div.wiki .improve-tag {
    border-radius: .5em;
    padding: .1em 1em .3em;
    color: var(--pg-txt-icolor);
    font-size: .8em;
    min-width: 3em;
    display: inline-block;
    text-align: center;
    user-select: none;
}

div.wiki .feature-tag {
    background-color: #5cb85c;
}

div.wiki .bug-tag {
    background-color: #f0ad4e;
}

div.wiki .improve-tag {
    background-color: #337ab7;
}

#custom_field_tracker_ids label.no-css {
    margin-inline-end: 2em;
}

fieldset#custom_field_tracker_ids + fieldset.box {
    height: 30em;
}

#content ::-webkit-scrollbar {
    height: 10px;
    width: 7px;
    /*background: #e7e7e7ab;*/
}

#content ::-webkit-scrollbar-thumb {
    background: #d6d4d4;
    -webkit-border-radius: 1ex;
}

#content ::-webkit-scrollbar-thumb:hover {
    background: #58595b;
}

section.filter-box span.search-clear:before,
section.filter-box span.search-icon:before {
    font-family: peygir;
    vertical-align: middle;
    position: absolute;
    opacity: 0.8;
}

section.filter-box span.search-clear:before {
    inset-inline-start: -1.75em;
    content: '\e9a5';
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

section.filter-box span.search-icon:before {
    inset-inline-start: 1em;
    top: 50%;
    transform: translateY(-50%);
    content: '\e9b1';
}

section.filter-box .search-clear {
    position: relative;
    display: none;
}

section.filter-box input.search-box:focus {
    border-color: var(--pg-xli-purple);
    width: 100%;
}

section.filter-box input.search-box {
    width: 15em;
    box-sizing: border-box;
    padding-right: 2.5em;
    padding-left: 2.5em;
    transition: all .5s ease;
    max-width: 100%;
}

section.filter-box {
    position: relative;
    margin-bottom: 0.5em;
    clear: both;
    text-align: start;
}

/* select2 styles*/
.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 1em !important;
    padding-right: 1em !important;
}

.select2-results__option {
    padding: 0 .5em .5em !important;
    font-size: .9em !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: inherit !important;
    line-height: 28px !important;
    font-size: .9em !important;
}

.select2-container--default .select2-selection--single {
    padding: 0 .3em 0.3em 1.5em !important;
    border: 1px solid var(--pg-btn-border) !important;
    border-radius: 1.5em !important;
    height: auto !important;
    min-height: 2.2em;
    background-position: 12px 50%;
    background-color: var(--pg-bg) !important;
    background-image: url(../images/arrow_down.png);
    background-repeat: no-repeat;
    outline: none;
}

.select2-container--default .select2-selection--multiple {
    border: 1px solid var(--pg-btn-border) !important;
    background-color: var(--pg-bg) !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice,
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: var(--pg-xli-gray2, #efefef) !important;
    border: 1px solid var(--pg-xli-gray3, #aaa) !important;
}

.select2-container--disabled .select2-selection--single {
    background-color: var(--pg-xli-gray1,#eee) !important;
}

.select2-container--default .select2-selection__arrow {
    display: none !important;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: var(--pg-xli-gray) !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--pg-highlight, #5897fb) !important;
    color: white !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid var(--pg-btn-border) !important;
}

.select2-dropdown {
    background-color: var(--pg-bg) !important;
    border: 1px solid var(--pg-btn-border) !important;
}


/* End of Select2*/

/* CkEditor customization */
.jstEditor > div.cke,
.cke_contents.cke_reset,
.cke_inner.cke_reset {
    -moz-border-radius-bottomleft: 1em;
    -moz-border-radius-bottomright: 1em;
    border-bottom-left-radius: 1em;
    border-bottom-right-radius: 1em;
}

.cke_reset_all, .cke_reset_all *, .cke_reset_all a, .cke_reset_all textarea {
    color: initial !important;
}

.cke_autocomplete_panel {
    background-color: var(--pg-bg) !important;
}

.cke_autocomplete_selected, .cke_autocomplete_panel > li:hover {
    background-color: var(--pg-highlight, #EFF0EF) !important;
    color: var(--pg-txt-icolor);
}
/* End of CkEditor customization*/

/* Styles for ReST */
.underline {
    text-decoration: underline;
}

.strike {
    text-decoration: line-through;
}

.overline {
    text-decoration: overline;
}

.rtl {
    direction: rtl;
}

.ltr {
    direction: ltr;
}

.rle {
    direction: rtl;
    unicode-bidi: embed;
}

.lre {
    direction: ltr;
    unicode-bidi: embed;
}

/* Buttons */
.jstb_unpre {
    background-image: url(../images/jstoolbar/bt_unpre.png);
}

.jstb_ltr {
    background-image: url(../images/jstoolbar/bt_ltr.png);
}

.jstb_rtl {
    background-image: url(../images/jstoolbar/bt_rtl.png);
}

.flip {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH();
    -ms-filter: "FlipH";
}

/* TOC */
div.wiki ul.toc li.heading4 {
    margin-left: 18px;
    font-size: 0.8em;
}

div.wiki ul.toc li.heading5 {
    margin-left: 24px;
    font-size: 0.8em;
}

div.wiki ul.toc li.heading6 {
    margin-left: 30px;
    font-size: 0.8em;
}

/************* Rouge styles *************/
/* generated by: `rougify style base16.solarized | sed 's/highlight/syntaxhl/g' -` */
.syntaxhl table td { padding: 5px; }
.syntaxhl table pre { margin: 0; }
.syntaxhl, .syntaxhl .w {
    color: #586e75;
}
.syntaxhl .err {
    color: #002b36;
    background-color: #dc322f;
}
.syntaxhl .c, .syntaxhl .ch, .syntaxhl .cd, .syntaxhl .cm, .syntaxhl .cpf, .syntaxhl .c1, .syntaxhl .cs {
    color: #657b83;
}
.syntaxhl .cp {
    color: #b58900;
}
.syntaxhl .nt {
    color: #b58900;
}
.syntaxhl .o, .syntaxhl .ow {
    color: #93a1a1;
}
.syntaxhl .p, .syntaxhl .pi {
    color: #93a1a1;
}
.syntaxhl .gi {
    color: #859900;
}
.syntaxhl .gd {
    color: #dc322f;
}
.syntaxhl .gh {
    color: #268bd2;
    background-color: #002b36;
    font-weight: bold;
}
.syntaxhl .k, .syntaxhl .kn, .syntaxhl .kp, .syntaxhl .kr, .syntaxhl .kv {
    color: #6c71c4;
}
.syntaxhl .kc {
    color: #cb4b16;
}
.syntaxhl .kt {
    color: #cb4b16;
}
.syntaxhl .kd {
    color: #cb4b16;
}
.syntaxhl .s, .syntaxhl .sb, .syntaxhl .sc, .syntaxhl .dl, .syntaxhl .sd, .syntaxhl .s2, .syntaxhl .sh, .syntaxhl .sx, .syntaxhl .s1 {
    color: #859900;
}
.syntaxhl .sa {
    color: #6c71c4;
}
.syntaxhl .sr {
    color: #2aa198;
}
.syntaxhl .si {
    color: #d33682;
}
.syntaxhl .se {
    color: #d33682;
}
.syntaxhl .nn {
    color: #b58900;
}
.syntaxhl .nc {
    color: #b58900;
}
.syntaxhl .no {
    color: #b58900;
}
.syntaxhl .na {
    color: #268bd2;
}
.syntaxhl .m, .syntaxhl .mb, .syntaxhl .mf, .syntaxhl .mh, .syntaxhl .mi, .syntaxhl .il, .syntaxhl .mo, .syntaxhl .mx {
    color: #859900;
}
.syntaxhl .ss {
    color: #859900;
}

/* Dark theme */
/* generated by: `rougify style base16.dark | sed 's/highlight/syntaxhl/g' -` */
.color-scheme-dark .syntaxhl table pre { margin: 0; }
.color-scheme-dark .syntaxhl, .color-scheme-dark .syntaxhl .w {
    color: #d0d0d0;
    background-color: #151515;
}
.color-scheme-dark .syntaxhl .err {
    color: #151515;
    background-color: #ac4142;
}
.color-scheme-dark .syntaxhl .c, .color-scheme-dark .syntaxhl .ch, .color-scheme-dark .syntaxhl .cd, .color-scheme-dark .syntaxhl .cm, .color-scheme-dark .syntaxhl .cpf, .color-scheme-dark .syntaxhl .c1, .color-scheme-dark .syntaxhl .cs {
    color: #505050;
}
.color-scheme-dark .syntaxhl .cp {
    color: #f4bf75;
}
.color-scheme-dark .syntaxhl .nt {
    color: #f4bf75;
}
.color-scheme-dark .syntaxhl .o, .color-scheme-dark .syntaxhl .ow {
    color: #d0d0d0;
}
.color-scheme-dark .syntaxhl .p, .color-scheme-dark .syntaxhl .pi {
    color: #d0d0d0;
}
.color-scheme-dark .syntaxhl .gi {
    color: #90a959;
}
.color-scheme-dark .syntaxhl .gd {
    color: #ac4142;
}
.color-scheme-dark .syntaxhl .gh {
    color: #6a9fb5;
    background-color: #151515;
    font-weight: bold;
}
.color-scheme-dark .syntaxhl .k, .color-scheme-dark .syntaxhl .kn, .color-scheme-dark .syntaxhl .kp, .color-scheme-dark .syntaxhl .kr, .color-scheme-dark .syntaxhl .kv {
    color: #aa759f;
}
.color-scheme-dark .syntaxhl .kc {
    color: #d28445;
}
.color-scheme-dark .syntaxhl .kt {
    color: #d28445;
}
.color-scheme-dark .syntaxhl .kd {
    color: #d28445;
}
.color-scheme-dark .syntaxhl .s, .color-scheme-dark .syntaxhl .sb, .color-scheme-dark .syntaxhl .sc, .color-scheme-dark .syntaxhl .dl, .color-scheme-dark .syntaxhl .sd, .color-scheme-dark .syntaxhl .s2, .color-scheme-dark .syntaxhl .sh, .color-scheme-dark .syntaxhl .sx, .color-scheme-dark .syntaxhl .s1 {
    color: #90a959;
}
.color-scheme-dark .syntaxhl .sa {
    color: #aa759f;
}
.color-scheme-dark .syntaxhl .sr {
    color: #75b5aa;
}
.color-scheme-dark .syntaxhl .si {
    color: #8f5536;
}
.color-scheme-dark .syntaxhl .se {
    color: #8f5536;
}
.color-scheme-dark .syntaxhl .nn {
    color: #f4bf75;
}
.color-scheme-dark .syntaxhl .nc {
    color: #f4bf75;
}
.color-scheme-dark .syntaxhl .no {
    color: #f4bf75;
}
.color-scheme-dark .syntaxhl .na {
    color: #6a9fb5;
}
.color-scheme-dark .syntaxhl .m, .color-scheme-dark .syntaxhl .mb, .color-scheme-dark .syntaxhl .mf, .color-scheme-dark .syntaxhl .mh, .color-scheme-dark .syntaxhl .mi, .color-scheme-dark .syntaxhl .il, .color-scheme-dark .syntaxhl .mo, .color-scheme-dark .syntaxhl .mx {
    color: #90a959;
}
.color-scheme-dark .syntaxhl .ss {
    color: #90a959;
}
@media (prefers-color-scheme: dark){
    .color-scheme-os .syntaxhl table pre { margin: 0; }
    .color-scheme-os .syntaxhl, .color-scheme-os .syntaxhl .w {
        color: #d0d0d0;
        background-color: #151515;
    }
    .color-scheme-os .syntaxhl .err {
        color: #151515;
        background-color: #ac4142;
    }
    .color-scheme-os .syntaxhl .c, .color-scheme-os .syntaxhl .ch, .color-scheme-os .syntaxhl .cd, .color-scheme-os .syntaxhl .cm, .color-scheme-os .syntaxhl .cpf, .color-scheme-os .syntaxhl .c1, .color-scheme-os .syntaxhl .cs {
        color: #505050;
    }
    .color-scheme-os .syntaxhl .cp {
        color: #f4bf75;
    }
    .color-scheme-os .syntaxhl .nt {
        color: #f4bf75;
    }
    .color-scheme-os .syntaxhl .o, .color-scheme-os .syntaxhl .ow {
        color: #d0d0d0;
    }
    .color-scheme-os .syntaxhl .p, .color-scheme-os .syntaxhl .pi {
        color: #d0d0d0;
    }
    .color-scheme-os .syntaxhl .gi {
        color: #90a959;
    }
    .color-scheme-os .syntaxhl .gd {
        color: #ac4142;
    }
    .color-scheme-os .syntaxhl .gh {
        color: #6a9fb5;
        background-color: #151515;
        font-weight: bold;
    }
    .color-scheme-os .syntaxhl .k, .color-scheme-os .syntaxhl .kn, .color-scheme-os .syntaxhl .kp, .color-scheme-os .syntaxhl .kr, .color-scheme-os .syntaxhl .kv {
        color: #aa759f;
    }
    .color-scheme-os .syntaxhl .kc {
        color: #d28445;
    }
    .color-scheme-os .syntaxhl .kt {
        color: #d28445;
    }
    .color-scheme-os .syntaxhl .kd {
        color: #d28445;
    }
    .color-scheme-os .syntaxhl .s, .color-scheme-os .syntaxhl .sb, .color-scheme-os .syntaxhl .sc, .color-scheme-os .syntaxhl .dl, .color-scheme-os .syntaxhl .sd, .color-scheme-os .syntaxhl .s2, .color-scheme-os .syntaxhl .sh, .color-scheme-os .syntaxhl .sx, .color-scheme-os .syntaxhl .s1 {
        color: #90a959;
    }
    .color-scheme-os .syntaxhl .sa {
        color: #aa759f;
    }
    .color-scheme-os .syntaxhl .sr {
        color: #75b5aa;
    }
    .color-scheme-os .syntaxhl .si {
        color: #8f5536;
    }
    .color-scheme-os .syntaxhl .se {
        color: #8f5536;
    }
    .color-scheme-os .syntaxhl .nn {
        color: #f4bf75;
    }
    .color-scheme-os .syntaxhl .nc {
        color: #f4bf75;
    }
    .color-scheme-os .syntaxhl .no {
        color: #f4bf75;
    }
    .color-scheme-os .syntaxhl .na {
        color: #6a9fb5;
    }
    .color-scheme-os .syntaxhl .m, .color-scheme-os .syntaxhl .mb, .color-scheme-os .syntaxhl .mf, .color-scheme-os .syntaxhl .mh, .color-scheme-os .syntaxhl .mi, .color-scheme-os .syntaxhl .il, .color-scheme-os .syntaxhl .mo, .color-scheme-os .syntaxhl .mx {
        color: #90a959;
    }
    .color-scheme-os .syntaxhl .ss {
        color: #90a959;
    }
}
/* Literal.Number.Integer */

.float-start{
    float: left;
}
.float-end{
    float: right;
}

/* Custom Field Groups */
.sortable_groups div {
    background: var(--pg-xli-gray);
    min-height: 2em;
    margin: .5em;
    padding: .5em;
}

#custom_fields_form .ui-sortable-handle::before {
    font-size: .85em;
    padding: 0 1em;
}

.sortable_groups,
.sortable_items {
    background: var(--pg-xli-gray2);
    max-width: 50%;
    min-height: 2em;
    padding: .25em;
}

.sortable_groups .sortable_items {
    max-width: 100%;
}

.sortable_items li {
    background: var(--pg-bg);
    border: 1px solid #ececec;
    margin: .25em;
    padding: .5em;
    list-style-type: none;
    border-radius: 2em;
}

.not_a_group {
}

.ui-sortable-placeholder {
    background: var(--pg-xli-gray);
    visibility: visible;
}

.grouped_attr {
    border-bottom: 1px solid var(--pg-xli-gray1);
    margin: 0 2em .5em;
    padding: 0 0 .5em;
    color: var(--pg-li-gray);
    font-weight: normal;
}

.grouped_attr:before{
    display: inline-block;
    content: "\e90a";
    font-family: peygir;
    color: var(--pg-li-gray);
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    vertical-align: middle;
}
.grouped_attr.collapsed {
    border-bottom: unset;
}
span.tag-label-color {
    font-size: .8em;
}