/* load the default Redmine stylesheet */
@import "../../purplemine2/stylesheets/application.css";
/* roboto-condensed-300 - latin-ext_latin */
@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/roboto-condensed-v19-latin-ext_latin-300.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-condensed-v19-latin-ext_latin-300.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-condensed-v19-latin-ext_latin-300.woff2") format("woff2"), url("../fonts/roboto-condensed-v19-latin-ext_latin-300.woff") format("woff"), url("../fonts/roboto-condensed-v19-latin-ext_latin-300.ttf") format("truetype"), url("../fonts/roboto-condensed-v19-latin-ext_latin-300.svg#RobotoCondensed") format("svg"); /* Legacy iOS */
}
/* roboto-condensed-300italic - latin-ext_latin */
@font-face {
  font-family: "Roboto Condensed";
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/roboto-condensed-v19-latin-ext_latin-300italic.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-condensed-v19-latin-ext_latin-300italic.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-condensed-v19-latin-ext_latin-300italic.woff2") format("woff2"), url("../fonts/roboto-condensed-v19-latin-ext_latin-300italic.woff") format("woff"), url("../fonts/roboto-condensed-v19-latin-ext_latin-300italic.ttf") format("truetype"), url("../fonts/roboto-condensed-v19-latin-ext_latin-300italic.svg#RobotoCondensed") format("svg"); /* Legacy iOS */
}
/* roboto-condensed-regular - latin-ext_latin */
@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/roboto-condensed-v19-latin-ext_latin-regular.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-condensed-v19-latin-ext_latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-condensed-v19-latin-ext_latin-regular.woff2") format("woff2"), url("../fonts/roboto-condensed-v19-latin-ext_latin-regular.woff") format("woff"), url("../fonts/roboto-condensed-v19-latin-ext_latin-regular.ttf") format("truetype"), url("../fonts/roboto-condensed-v19-latin-ext_latin-regular.svg#RobotoCondensed") format("svg"); /* Legacy iOS */
}
/* roboto-condensed-italic - latin-ext_latin */
@font-face {
  font-family: "Roboto Condensed";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/roboto-condensed-v19-latin-ext_latin-italic.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-condensed-v19-latin-ext_latin-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-condensed-v19-latin-ext_latin-italic.woff2") format("woff2"), url("../fonts/roboto-condensed-v19-latin-ext_latin-italic.woff") format("woff"), url("../fonts/roboto-condensed-v19-latin-ext_latin-italic.ttf") format("truetype"), url("../fonts/roboto-condensed-v19-latin-ext_latin-italic.svg#RobotoCondensed") format("svg"); /* Legacy iOS */
}
/* roboto-condensed-700 - latin-ext_latin */
@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/roboto-condensed-v19-latin-ext_latin-700.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-condensed-v19-latin-ext_latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-condensed-v19-latin-ext_latin-700.woff2") format("woff2"), url("../fonts/roboto-condensed-v19-latin-ext_latin-700.woff") format("woff"), url("../fonts/roboto-condensed-v19-latin-ext_latin-700.ttf") format("truetype"), url("../fonts/roboto-condensed-v19-latin-ext_latin-700.svg#RobotoCondensed") format("svg"); /* Legacy iOS */
}
/* roboto-condensed-700italic - latin-ext_latin */
@font-face {
  font-family: "Roboto Condensed";
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/roboto-condensed-v19-latin-ext_latin-700italic.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-condensed-v19-latin-ext_latin-700italic.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-condensed-v19-latin-ext_latin-700italic.woff2") format("woff2"), url("../fonts/roboto-condensed-v19-latin-ext_latin-700italic.woff") format("woff"), url("../fonts/roboto-condensed-v19-latin-ext_latin-700italic.ttf") format("truetype"), url("../fonts/roboto-condensed-v19-latin-ext_latin-700italic.svg#RobotoCondensed") format("svg"); /* Legacy iOS */
}
#wrapper {
  display: -ms-flexbox;
  display: flex;
  min-height: calc(100vh - 100px);
  -ms-flex-direction: column;
      flex-direction: column;
}
#wrapper #main {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex: 1 auto;
      flex: 1 auto;
}
#wrapper #main:not(.nosidebar) {
  display: -ms-flexbox;
  display: flex;
}
#wrapper #main #content {
  width: auto;
}
#wrapper #main #sidebar {
  -ms-flex-order: 2;
      order: 2;
  background-color: #181a21;
  color: #fff;
}
#wrapper #main #sidebar #admin-menu ul:nth-child(n) li > a:not(.icon-only) {
  color: #f4f4f4;
  border-radius: 0;
}
#wrapper #main #sidebar #admin-menu ul:nth-child(n) li > a:not(.icon-only).selected, #wrapper #main #sidebar #admin-menu ul:nth-child(n) li > a:not(.icon-only):hover, #wrapper #main #sidebar #admin-menu ul:nth-child(n) li > a:not(.icon-only):focus {
  color: #000;
}
@media screen and (min-width: 0px) and (max-width: 899px) {
  #wrapper #main {
    padding: 124px 0 0;
  }
}

.additionals-footer,
#footer {
  background-color: #2e323e;
  border-color: #272b35;
  margin: 0;
  color: #fff;
  padding: 2rem 1rem;
  text-align: center;
}
.additionals-footer a,
#footer a {
  color: #e5e7ec;
}

#footer {
  display: none !important;
}

@media screen and (min-width: 0px) and (max-width: 899px) {
  #project-jump .drdn-content > .quick-search {
    padding: 0;
  }
}
.drdn-content {
  border-radius: 0;
}

#content {
  padding: 1rem 2rem;
}
@media screen and (min-width: 0px) and (max-width: 899px) {
  #content {
    padding: 1rem;
  }
}

#header > h1 {
  padding: 1.6rem 2rem;
}

.sidebar-toggler {
  display: none !important;
}

.nosidebar #sidebar {
  display: none !important;
}

html {
  overflow: auto;
}

body {
  font-family: "Roboto Condensed";
}

.journal-actions .drdn-trigger:hover, .journal-actions .drdn.expanded .drdn-trigger,
.journal-actions .drdn-trigger,
a.collapsible, a.collapsible.icon, .collapsible > legend,
a {
  color: #383c4a;
  text-decoration: none;
}
.journal-actions .drdn-trigger:hover:hover, .journal-actions .drdn-trigger:hover:focus, .journal-actions .drdn.expanded .drdn-trigger:hover, .journal-actions .drdn.expanded .drdn-trigger:focus,
.journal-actions .drdn-trigger:hover,
.journal-actions .drdn-trigger:focus,
a.collapsible:hover,
a.collapsible:focus, a.collapsible.icon:hover, a.collapsible.icon:focus, .collapsible > legend:hover, .collapsible > legend:focus,
a:hover,
a:focus {
  color: #22242d;
  text-decoration: none;
}

a.icon, a.icon-only {
  color: #383c4a;
}

a.icon:focus, a.icon:hover, a.icon-only:focus, a.icon-only:hover {
  color: #383c4a;
}

#project-jump a:hover, #project-jump a:focus {
  background-color: #2e323e;
}

.pagination .page.current, .pagination .current > span {
  border-color: #383c4a;
  background-color: #383c4a;
}

tbody td,
table td {
  vertical-align: top;
  padding: 1rem;
}

a.user.locked {
  opacity: 0.4;
}

a.user.locked,
.author,
.drdn-items {
  color: #232323;
}

table.list.issues td {
  vertical-align: center;
}

table.issues a.issue {
  white-space: nowrap;
}

#sidebar .journal-actions .drdn-trigger:hover, #sidebar .journal-actions .drdn.expanded .drdn-trigger, #sidebar .journal-actions .drdn-trigger, #sidebar a.collapsible, #sidebar a.collapsible.icon, #sidebar .collapsible > legend, #sidebar a {
  color: #f2f2f2;
}
#sidebar #watchers > .watchers > li > .delete {
  background: #fff;
  border-radius: 50%;
}

.theme-Lowfidelity #top-menu {
  background-color: #2e323e;
  position: sticky;
  top: 0;
  z-index: 9999;
  padding-left: 0;
  padding-bottom: 0;
  padding-top: 0;
  padding-right: 1rem;
}
@media screen and (min-width: 0px) and (max-width: 899px) {
  .theme-Lowfidelity #top-menu {
    display: block;
    position: fixed;
    width: 100%;
    background-image: url(../images/logo.svg);
    background-size: 140px auto;
    background-position: 1rem center;
    background-repeat: no-repeat;
    padding-right: 0;
  }
  .theme-Lowfidelity #top-menu .my-account {
    display: none;
  }
}
.theme-Lowfidelity #top-menu a {
  color: #ffffff;
}
.theme-Lowfidelity #top-menu li a {
  line-height: 60px;
}
.theme-Lowfidelity #loggedas {
  color: #ffffff;
  line-height: 60px;
}
@media screen and (min-width: 0px) and (max-width: 899px) {
  .theme-Lowfidelity #loggedas {
    margin-right: 2rem;
  }
}
.theme-Lowfidelity #header {
  background-color: #22242d;
  position: sticky;
  top: 60px;
  z-index: 9999;
}
.theme-Lowfidelity #header > h1 {
  font-weight: 600;
  font-size: 1rem;
}
.theme-Lowfidelity #header > h1 .root {
  color: #ffffff;
  font-weight: 600;
}
@media screen and (min-width: 0px) and (max-width: 899px) {
  .theme-Lowfidelity #header {
    display: block;
    position: fixed;
    width: 100%;
  }
  .theme-Lowfidelity #header #project-jump .drdn-trigger {
    line-height: 64px;
    height: 64px;
  }
}
.theme-Lowfidelity #header #quick-search {
  margin-top: 20px;
}
.theme-Lowfidelity #context-menu {
  margin-top: -126px;
}
@media screen and (min-width: 0px) and (max-width: 899px) {
  .theme-Lowfidelity .flyout-menu {
    background-color: #22242d;
  }
  .theme-Lowfidelity .flyout-menu h3,
  .theme-Lowfidelity .flyout-menu h4 {
    border-color: #383c4a;
    background-color: #383c4a;
  }
  .theme-Lowfidelity .flyout-menu__search input[type=text] {
    padding-left: 2.245rem;
  }
  .theme-Lowfidelity #project-jump {
    box-shadow: 7px 1px 9px -5px #232323;
  }
}

.drdn .drdn-trigger {
  padding-right: 2rem;
}

#project-jump .drdn-trigger {
  padding-right: 2rem;
}

input[type=button], input[type=submit], input[type=reset], button {
  background-color: #383c4a;
  color: #fff;
  border-color: #383c4a #383c4a #22242d;
  box-shadow: 0 1px 0 #22242d;
}

select:focus, textarea:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=date]:focus, input[type=month]:focus, input[type=time]:focus, input[type=week]:focus, input[type=number]:focus, input[type=url]:focus, input[type=tel]:focus, input[type=color]:focus, input[type=search]:focus, input[type=email]:focus, input[type=text]:focus, input[type=password]:focus {
  border-color: rgba(46, 50, 62, 0.6);
  box-shadow: none;
}

#quick-search label {
  display: none;
}
#quick-search input[type=text] {
  background-image: url(../images/search.svg);
  background-size: 1em auto;
  background-position: calc(100% - 1em) center;
  background-repeat: no-repeat;
  padding-right: 3em;
  border-radius: 0;
  border: 0 none;
  margin-right: 1em;
  padding-left: 1em;
}

#project-jump .drdn-trigger {
  padding-right: 3em;
  border-radius: 0;
  border: 0 none;
  margin-right: 1em;
  padding-left: 1em;
}

input[name=commit] {
  padding: 0.6rem 3rem;
  vertical-align: middle;
}

#main-menu .menu-children {
  min-width: 165px;
}
#main-menu > ul > li > a.selected {
  border-color: #2e323e;
}
#main-menu.tabs > ul {
  padding-left: 1.4rem;
}

#top-menu li {
  margin: 0;
}
#top-menu .home {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 0;
  padding-left: 2rem;
  padding-right: 1rem;
}
#top-menu .home:before {
  content: "";
  width: 3.6rem;
  height: 2rem;
  display: inline-block;
  background-image: url("../images/logo.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: auto;
  margin-left: auto;
}
#top-menu .home:before {
  width: 120px;
}
#top-menu .my-page {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 0;
}
#top-menu .my-page:before {
  content: "";
  width: 3.6rem;
  height: 2rem;
  display: inline-block;
  background-image: url("../images/home.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: auto;
  margin-left: auto;
}
#top-menu .projects {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 0;
}
#top-menu .projects:before {
  content: "";
  width: 3.6rem;
  height: 2rem;
  display: inline-block;
  background-image: url("../images/projects.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: auto;
  margin-left: auto;
}
#top-menu .administration {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 0;
}
#top-menu .administration:before {
  content: "";
  width: 3.6rem;
  height: 2rem;
  display: inline-block;
  background-image: url("../images/settings.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: auto;
  margin-left: auto;
}
#top-menu .help {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 0;
}
#top-menu .help:before {
  content: "";
  width: 3.6rem;
  height: 2rem;
  display: inline-block;
  background-image: url("../images/help.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: auto;
  margin-left: auto;
}
#top-menu li a:focus,
#top-menu li a:hover,
#top-menu li a.selected {
  background-color: rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 0px) and (max-width: 899px) {
  #top-menu > ul a:not(.home) {
    display: none;
  }
}

#account .login,
#account .my-account {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 0;
}
#account .login:before,
#account .my-account:before {
  content: "";
  width: 3.6rem;
  height: 2rem;
  display: inline-block;
  background-image: url("../images/user.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: auto;
  margin-left: auto;
}
#account .logout {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 0;
}
#account .logout:before {
  content: "";
  width: 3.6rem;
  height: 2rem;
  display: inline-block;
  background-image: url("../images/logout.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 0px) and (max-width: 899px) {
  body .mobile-toggle-button {
    width: 4rem;
    height: 100%;
    line-height: inherit;
    border-color: #2d303b;
    background-color: #444a5b;
  }
  .flyout-is-active #wrapper,
  .flyout-is-active #header {
    right: unset !important;
  }
  body .flyout-menu {
    position: fixed;
    right: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    top: 125px;
    bottom: 0;
    display: none;
  }
  .flyout-is-active .flyout-menu {
    display: block;
  }
  .flyout-is-active .flyout-menu__search {
    padding: 0 !important;
    background: #fff;
  }
  body .flyout-menu__search input[type=text] {
    height: 54px;
    line-height: 54px;
  }
  body .flyout-menu .search-magnifier {
    left: 11px;
    margin-top: 12px;
  }
}
@-webkit-keyframes autofillpass {
  to {
    background-image: url(../images/password.svg);
  }
}
@keyframes autofillpass {
  to {
    background-image: url(../images/password.svg);
  }
}
@-webkit-keyframes autofilluser {
  to {
    background-image: url(../images/username.svg);
  }
}
@keyframes autofilluser {
  to {
    background-image: url(../images/username.svg);
  }
}
.controller-account.action-lost_password,
.controller-account.action-login {
  background-color: #2e323e;
}
.controller-account.action-lost_password #header,
.controller-account.action-login #header {
  display: none;
}
.controller-account.action-lost_password #top-menu,
.controller-account.action-login #top-menu {
  background-image: url(../images/logo.svg?v=2);
  background-size: 140px auto;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #23262f;
  display: none;
}
.controller-account.action-lost_password #top-menu #account > ul .login,
.controller-account.action-login #top-menu #account > ul .login {
  visibility: hidden;
}
.controller-account.action-lost_password #footer,
.controller-account.action-login #footer {
  display: none;
}
.controller-account.action-lost_password #wrapper #main,
.controller-account.action-login #wrapper #main {
  padding-top: 0;
}
.controller-account.action-lost_password h2,
.controller-account.action-login h2 {
  display: none;
}
.controller-account.action-lost_password form[action="/account/lost_password"],
.controller-account.action-lost_password #login-form,
.controller-account.action-login form[action="/account/lost_password"],
.controller-account.action-login #login-form {
  border: 0 none;
  box-shadow: none;
  background-color: transparent;
  border-color: transparent;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
  /* width: auto; */
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  height: 100%;
  -ms-flex: 1;
      flex: 1;
}
.controller-account.action-lost_password form[action="/account/lost_password"] form,
.controller-account.action-lost_password #login-form form,
.controller-account.action-login form[action="/account/lost_password"] form,
.controller-account.action-login #login-form form {
  min-width: 300px;
  max-width: 100%;
}
.controller-account.action-lost_password form[action="/account/lost_password"]:before,
.controller-account.action-lost_password #login-form:before,
.controller-account.action-login form[action="/account/lost_password"]:before,
.controller-account.action-login #login-form:before {
  content: "";
  display: block;
  width: 275px;
  height: 7rem;
  background-image: url(../images/logo_start.svg?v=2);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  margin-bottom: 1rem;
}
.controller-account.action-lost_password form[action="/account/lost_password"] input[type=submit],
.controller-account.action-lost_password #login-form input[type=submit],
.controller-account.action-login form[action="/account/lost_password"] input[type=submit],
.controller-account.action-login #login-form input[type=submit] {
  margin-right: 2px;
  padding: 1rem 2rem;
  font-size: 1.4rem;
  background-color: #383c4a;
  border-color: transparent;
}
.controller-account.action-lost_password form[action="/account/lost_password"] input[type=submit]:hover, .controller-account.action-lost_password form[action="/account/lost_password"] input[type=submit]:focus,
.controller-account.action-lost_password #login-form input[type=submit]:hover,
.controller-account.action-lost_password #login-form input[type=submit]:focus,
.controller-account.action-login form[action="/account/lost_password"] input[type=submit]:hover,
.controller-account.action-login form[action="/account/lost_password"] input[type=submit]:focus,
.controller-account.action-login #login-form input[type=submit]:hover,
.controller-account.action-login #login-form input[type=submit]:focus {
  background-color: #181a21;
  box-shadow: none;
}
.controller-account.action-lost_password form[action="/account/lost_password"] input[type=text],
.controller-account.action-lost_password #login-form input[type=text],
.controller-account.action-login form[action="/account/lost_password"] input[type=text],
.controller-account.action-login #login-form input[type=text] {
  background-image: url(../images/username.svg);
}
.controller-account.action-lost_password form[action="/account/lost_password"] input[type=password],
.controller-account.action-lost_password #login-form input[type=password],
.controller-account.action-login form[action="/account/lost_password"] input[type=password],
.controller-account.action-login #login-form input[type=password] {
  background-image: url(../images/password.svg);
}
.controller-account.action-lost_password form[action="/account/lost_password"] input[type=text],
.controller-account.action-lost_password form[action="/account/lost_password"] input[type=password],
.controller-account.action-lost_password #login-form input[type=text],
.controller-account.action-lost_password #login-form input[type=password],
.controller-account.action-login form[action="/account/lost_password"] input[type=text],
.controller-account.action-login form[action="/account/lost_password"] input[type=password],
.controller-account.action-login #login-form input[type=text],
.controller-account.action-login #login-form input[type=password] {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  padding: 1rem;
  border: 0 none;
  outline: none;
  border: 1px solid #fff;
  border-radius: 1px;
  background-color: #fff;
  color: #2D333A;
  font-size: 16px;
  line-height: 1.25em;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  height: 4rem;
  margin-bottom: 0.25em;
  background-color: #fff;
  background-size: 1.5em auto;
  background-position: 0.5rem center;
  background-repeat: no-repeat;
  padding-left: 2.5rem;
}
.controller-account.action-lost_password form[action="/account/lost_password"] label,
.controller-account.action-lost_password #login-form label,
.controller-account.action-login form[action="/account/lost_password"] label,
.controller-account.action-login #login-form label {
  color: #bfbfbf;
  position: absolute;
  margin-left: 0.7rem;
  width: auto;
  display: inline-block;
}
.controller-account.action-lost_password form[action="/account/lost_password"] label[for=password] a,
.controller-account.action-lost_password #login-form label[for=password] a,
.controller-account.action-login form[action="/account/lost_password"] label[for=password] a,
.controller-account.action-login #login-form label[for=password] a {
  position: absolute;
  top: 9rem;
  color: #fff;
  width: 18rem;
  display: block;
  float: none;
  text-align: center;
  text-decoration: underline;
}
.controller-account.action-lost_password form[action="/account/lost_password"] .tabular p,
.controller-account.action-login form[action="/account/lost_password"] .tabular p {
  padding: 0;
  display: -ms-flexbox;
  display: flex;
}
.controller-account.action-lost_password form[action="/account/lost_password"] .box,
.controller-account.action-login form[action="/account/lost_password"] .box {
  background: transparent;
  border: 0 none;
}
.controller-account.action-lost_password #wrapper #main #content,
.controller-account.action-login #wrapper #main #content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.controller-account.action-lost_password #errorExplanation, .controller-account.action-lost_password .flash.error,
.controller-account.action-login #errorExplanation,
.controller-account.action-login .flash.error {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

.action-logout #content form {
  text-align: center;
}
.action-logout #content form input[type=submit] {
  margin-right: 2px;
  padding: 1rem 2rem;
  font-size: 1.4rem;
  background-color: #dc4b4b;
  border-color: transparent;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  -webkit-text-fill-color: #232323 !important;
  padding-left: 0.7rem !important;
}

.login-footer-text {
  color: #fff;
}
.login-footer-text a {
  color: rgba(255, 255, 255, 0.7);
}

#projects-index .wiki.description {
  display: none;
}
#projects-index ul.projects.root > li {
  background-color: #e6e6e6;
  border-color: #e3e3e3;
  padding: 0;
}
#projects-index ul.projects.root > li * {
  color: #383c4a;
}
#projects-index ul.projects.root > li > .root + .projects {
  padding-bottom: 1rem;
}
#projects-index ul.projects.root > li > .root a.project {
  padding: 0.5rem 2rem;
  display: block;
  font-size: 1.1rem;
  background-color: #cdcdcd;
  border-color: #c7c7c7;
}
#projects-index ul.projects.root > li > .root a.project:hover, #projects-index ul.projects.root > li > .root a.project:focus {
  text-decoration: none;
  background-color: silver;
}
#projects-index ul.projects.root > li ul.projects {
  border: 0 none;
}
#projects-index ul.projects.root > li ul.projects a.project.child {
  font-size: 1em;
  padding: 0.25em 2rem;
}

a.project.my-project,
a.project.icon-user,
a.project.icon-bookmarked-project {
  background-position: 10px center;
}

#wrapper .context-menu-selection,
#wrapper .context-menu-selection > td {
  background-color: #444a5b !important;
}

table.list th,
table.list .table-list-header,
table.list td {
  text-align: left;
}

a.issue {
  margin-right: 1px;
  padding: 4px 7px;
  font-weight: normal;
  border-radius: 6px;
}
a.issue.closed::after {
  -webkit-transform: rotate(-1deg);
          transform: rotate(-1deg);
  transition: border-color 50ms;
  border-top: 1px solid rgba(255, 255, 255, 0.95);
  z-index: 3;
}

.controller-issues div.tabs:not(#main-menu) > ul {
  border-bottom: 0 none;
}
.controller-issues div.tabs:not(#main-menu) > ul > li > a:not(.selected) {
  color: #fff;
}
.controller-issues div.tabs:not(#main-menu) > ul > li > a:not(.selected):hover, .controller-issues div.tabs:not(#main-menu) > ul > li > a:not(.selected):focus {
  color: #232323;
}
.controller-issues .issue + #history {
  margin-top: 4rem;
}
.controller-issues .issue + #history .tabs {
  border-bottom: 1px solid #ccc;
}
.controller-issues .issue + #history .tabs a:not(.selected) {
  color: #383c4a;
}
.controller-issues .issue.details {
  margin-bottom: 20px;
  word-wrap: break-word;
  margin-left: -2rem;
  margin-right: -2rem;
  margin-top: calc(-2rem - 46px);
  padding: 4rem 2rem 2rem 2rem;
  background: #383c4a;
  color: #fff;
  margin-bottom: -2rem;
  padding-bottom: 4rem;
}
@media screen and (min-width: 0px) and (max-width: 899px) {
  .controller-issues .issue.details {
    margin-top: calc(-2rem*2 - 46px);
    padding: 6rem 2rem 2rem 2rem;
    padding-bottom: 4rem;
  }
  .controller-issues .issue.details:before {
    content: "";
    width: 100%;
    display: block;
    height: 10vh;
    background-color: #383c4a;
    position: absolute;
    top: 124px;
    left: 0;
    z-index: -1;
  }
}
.controller-issues .issue.details > .subject h3,
.controller-issues .issue.details .attribute .value,
.controller-issues .issue.details .attribute .label,
.controller-issues .issue.details .author,
.controller-issues .issue.details div.wiki {
  color: #fff;
}
.controller-issues .issue.details .attributes,
.controller-issues .issue.details .splitcontent,
.controller-issues .issue.details .splitcontentleft {
  display: -ms-flexbox;
  display: flex;
  float: none;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem;
}
.controller-issues .issue.details .splitcontent .attribute {
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  justify-content: center;
  width: auto;
  min-width: auto;
  gap: 0;
  margin-bottom: 0.25rem;
  margin-top: 0.25rem;
}
.controller-issues .issue.details .splitcontent .attribute .label {
  padding: 0;
  width: auto;
  float: none;
  margin: 0;
  display: inline-block;
  width: auto;
  min-width: 1em;
  margin-top: 3px;
  padding: 4px 8px;
  padding-right: 0;
  border-radius: 3px;
  color: #fff;
  font-size: 0.86em;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  margin: 0;
  z-index: 2;
  border-radius: 5px 0 0 5px;
}
.controller-issues .issue.details .splitcontent .attribute.status .value {
  padding: 3.4px 8px;
  margin: auto;
}
.controller-issues .issue.details .splitcontent .attribute:not(.status) .value {
  display: inline-block;
  width: auto;
  min-width: 1em;
  margin-top: 3px;
  padding: 3.4px 8px;
  border-radius: 3px;
  background-color: #2d303b;
  color: #fff;
  font-size: 0.86em;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  margin: 0;
  width: auto;
  min-width: auto;
}
.controller-issues .issue.details .splitcontent .attribute .value {
  min-width: auto;
}
.controller-issues .issue.details .splitcontent .attribute.progress .value {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  padding-top: 4px;
  padding-bottom: 5px;
}
.controller-issues .issue.details .splitcontent .attribute table.progress {
  margin: 0;
}
.controller-issues .issue.details .splitcontent .attribute.status .label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 0;
  background: #212121;
  padding-left: 0;
  margin-right: -0.25rem;
}
.controller-issues .issue.details .splitcontent .attribute.status .label:before {
  content: "";
  width: 1rem;
  height: 1rem;
  display: inline-block;
  background-image: url("../images/help.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 0.5rem;
  margin-left: 0.5rem;
}
.controller-issues .issue.details .splitcontent .attribute.status .label:hover, .controller-issues .issue.details .splitcontent .attribute.status .label:focus {
  font-size: 12px;
  padding-right: 0.5rem;
}
.controller-issues .issue.details .splitcontent .attribute.priority .label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 0;
  background: #212121;
  padding-left: 0;
  margin-right: -0.25rem;
}
.controller-issues .issue.details .splitcontent .attribute.priority .label:before {
  content: "";
  width: 1rem;
  height: 1rem;
  display: inline-block;
  background-image: url("../images/priority.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 0.5rem;
  margin-left: 0.5rem;
}
.controller-issues .issue.details .splitcontent .attribute.priority .label:hover, .controller-issues .issue.details .splitcontent .attribute.priority .label:focus {
  font-size: 12px;
  padding-right: 0.5rem;
}
.controller-issues .issue.details .splitcontent .attribute.assigned-to .label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 0;
  background: #212121;
  padding-left: 0;
  margin-right: -0.25rem;
}
.controller-issues .issue.details .splitcontent .attribute.assigned-to .label:before {
  content: "";
  width: 1rem;
  height: 1rem;
  display: inline-block;
  background-image: url("../images/worker.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 0.5rem;
  margin-left: 0.5rem;
}
.controller-issues .issue.details .splitcontent .attribute.assigned-to .label:hover, .controller-issues .issue.details .splitcontent .attribute.assigned-to .label:focus {
  font-size: 12px;
  padding-right: 0.5rem;
}
.controller-issues .issue.details .splitcontent .attribute.start-date .label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 0;
  background: #212121;
  padding-left: 0;
  margin-right: -0.25rem;
}
.controller-issues .issue.details .splitcontent .attribute.start-date .label:before {
  content: "";
  width: 1rem;
  height: 1rem;
  display: inline-block;
  background-image: url("../images/time.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 0.5rem;
  margin-left: 0.5rem;
}
.controller-issues .issue.details .splitcontent .attribute.start-date .label:hover, .controller-issues .issue.details .splitcontent .attribute.start-date .label:focus {
  font-size: 12px;
  padding-right: 0.5rem;
}
.controller-issues .issue.details .splitcontent .attribute.due-date .label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 0;
  background: #212121;
  padding-left: 0;
  margin-right: -0.25rem;
}
.controller-issues .issue.details .splitcontent .attribute.due-date .label:before {
  content: "";
  width: 1rem;
  height: 1rem;
  display: inline-block;
  background-image: url("../images/due.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 0.5rem;
  margin-left: 0.5rem;
}
.controller-issues .issue.details .splitcontent .attribute.due-date .label:hover, .controller-issues .issue.details .splitcontent .attribute.due-date .label:focus {
  font-size: 12px;
  padding-right: 0.5rem;
}
.controller-issues .issue.details .splitcontent .attribute.progress .label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 0;
  background: #212121;
  padding-left: 0;
  margin-right: -0.25rem;
}
.controller-issues .issue.details .splitcontent .attribute.progress .label:before {
  content: "";
  width: 1rem;
  height: 1rem;
  display: inline-block;
  background-image: url("../images/projects.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 0.5rem;
  margin-left: 0.5rem;
}
.controller-issues .issue.details .splitcontent .attribute.progress .label:hover, .controller-issues .issue.details .splitcontent .attribute.progress .label:focus {
  font-size: 12px;
  padding-right: 0.5rem;
}
.controller-issues .issue.details .splitcontent .attribute.estimated-hours .label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 0;
  background: #212121;
  padding-left: 0;
  margin-right: -0.25rem;
}
.controller-issues .issue.details .splitcontent .attribute.estimated-hours .label:before {
  content: "";
  width: 1rem;
  height: 1rem;
  display: inline-block;
  background-image: url("../images/aufwand.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 0.5rem;
  margin-left: 0.5rem;
}
.controller-issues .issue.details .splitcontent .attribute.estimated-hours .label:hover, .controller-issues .issue.details .splitcontent .attribute.estimated-hours .label:focus {
  font-size: 12px;
  padding-right: 0.5rem;
}
.controller-issues .issue.details .splitcontent .attribute.cf_5 .label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 0;
  background: #212121;
  padding-left: 0;
  margin-right: -0.25rem;
}
.controller-issues .issue.details .splitcontent .attribute.cf_5 .label:before {
  content: "";
  width: 1rem;
  height: 1rem;
  display: inline-block;
  background-image: url("../images/invoice.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 0.5rem;
  margin-left: 0.5rem;
}
.controller-issues .issue.details .splitcontent .attribute.cf_5 .label:hover, .controller-issues .issue.details .splitcontent .attribute.cf_5 .label:focus {
  font-size: 12px;
  padding-right: 0.5rem;
}
.controller-issues .issue.details a.collapsible, .controller-issues .issue.details a.collapsible.icon, .controller-issues .issue.details .collapsible > legend, .controller-issues .issue.details a {
  color: #fff;
}
.controller-issues .issue.details .badge a {
  color: #383c4a;
}
.controller-issues .issue.details .progress.attribute .value {
  display: -ms-flexbox;
  display: flex;
}
.controller-issues .issue.details table td {
  border: 1px solid #313541;
}
.controller-issues .issue.details > hr,
.controller-issues .issue.details .attribute > hr {
  border-top-color: #313541;
}
.controller-issues .issue.details table {
  max-width: 100%;
  overflow: auto;
  height: auto;
}
.controller-issues .issue.details table,
.controller-issues .issue.details div.attachments:not(.box) {
  border-color: #313541;
}
.controller-issues .issue.details > .subject, .controller-issues .issue.details > .author {
  padding-left: 0;
  padding-right: 65px;
}
.controller-issues .issue.details .gravatar-with-child {
  float: right;
  clear: both;
  margin-top: 0.5rem;
}
.controller-issues .attachments table tr {
  margin-bottom: 1rem;
  display: block;
}
.controller-issues .attachments table td {
  padding: 0;
  border: 0 none !important;
}
.controller-issues .author {
  color: #ccc;
}
.controller-issues h2.inline-flex {
  color: #fff;
}
.controller-issues .issue .attribute .value,
.controller-issues .issue .attribute .label {
  color: #fff;
}
.controller-issues .issue div.wiki {
  color: #fff;
}
.controller-issues .issue div.wiki span {
  color: #fff !important;
}

.issue.tooltip {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-bottom: 0.5rem;
  background: #f1f1f1;
  padding: 0.5rem;
  margin-right: 2rem;
}
.issue.tooltip a.issue {
  display: inline-block;
  margin-bottom: 1em;
}

.badge {
  background-color: #fff;
  vertical-align: middle;
}

.controller-auth_sources #wrapper #main,
.controller-enumerations #wrapper #main,
.controller-enumerations #wrapper #main,
.controller-issue_statuses #wrapper #main,
.controller-custom_fields #wrapper #main,
.controller-trackers #wrapper #main,
.controller-users #wrapper #main,
.controller-roles #wrapper #main,
.controller-groups #wrapper #main,
.controller-admin #wrapper #main,
.controller-workflows #wrapper #main,
.controller-settings #wrapper #main {
  display: block;
}
.controller-auth_sources #wrapper #main #sidebar,
.controller-enumerations #wrapper #main #sidebar,
.controller-enumerations #wrapper #main #sidebar,
.controller-issue_statuses #wrapper #main #sidebar,
.controller-custom_fields #wrapper #main #sidebar,
.controller-trackers #wrapper #main #sidebar,
.controller-users #wrapper #main #sidebar,
.controller-roles #wrapper #main #sidebar,
.controller-groups #wrapper #main #sidebar,
.controller-admin #wrapper #main #sidebar,
.controller-workflows #wrapper #main #sidebar,
.controller-settings #wrapper #main #sidebar {
  -ms-flex-order: initial;
      order: initial;
  -ms-flex: none;
      flex: none;
  padding: 0;
  background-color: #22242d;
  border: 0 none;
}
.controller-auth_sources #wrapper #main #sidebar > h3,
.controller-enumerations #wrapper #main #sidebar > h3,
.controller-enumerations #wrapper #main #sidebar > h3,
.controller-issue_statuses #wrapper #main #sidebar > h3,
.controller-custom_fields #wrapper #main #sidebar > h3,
.controller-trackers #wrapper #main #sidebar > h3,
.controller-users #wrapper #main #sidebar > h3,
.controller-roles #wrapper #main #sidebar > h3,
.controller-groups #wrapper #main #sidebar > h3,
.controller-admin #wrapper #main #sidebar > h3,
.controller-workflows #wrapper #main #sidebar > h3,
.controller-settings #wrapper #main #sidebar > h3 {
  display: none;
}
.controller-auth_sources #sidebar ul:nth-child(n),
.controller-enumerations #sidebar ul:nth-child(n),
.controller-enumerations #sidebar ul:nth-child(n),
.controller-issue_statuses #sidebar ul:nth-child(n),
.controller-custom_fields #sidebar ul:nth-child(n),
.controller-trackers #sidebar ul:nth-child(n),
.controller-users #sidebar ul:nth-child(n),
.controller-roles #sidebar ul:nth-child(n),
.controller-groups #sidebar ul:nth-child(n),
.controller-admin #sidebar ul:nth-child(n),
.controller-workflows #sidebar ul:nth-child(n),
.controller-settings #sidebar ul:nth-child(n) {
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0;
  -ms-flex-pack: start;
      justify-content: flex-start;
  gap: 0;
}

#sidebar ul:not(.watchers) li > a.selected:not(.icon-only) {
  border: 0 none;
  box-shadow: none;
  display: block;
  margin: 0;
  height: 100%;
}

#sidebar .dashboards {
  display: none !important;
}

#watchers .contextual a,
#sidebar ul.queries > li > a.query {
  color: #fff;
  display: inline-block;
  border: 2px solid #2e323e;
  background-color: #2e323e;
  border-radius: 5px;
  margin: auto;
  padding: 0.5em 2em;
}
#watchers .contextual a:focus, #watchers .contextual a:hover,
#sidebar ul.queries > li > a.query:focus,
#sidebar ul.queries > li > a.query:hover {
  color: #fff;
  background-color: #181a21;
}

.block-receiver {
  min-height: auto;
}

div.wiki h1 {
  font-size: 1.75em;
  border: 0 none !important;
  padding: 0;
}
div.wiki h2 {
  font-size: 1.35em;
  border: 0 none !important;
  padding: 0;
}
div.wiki h3 {
  font-size: 1.15em;
}
div.wiki h4 {
  font-size: 1.05em;
}
div.wiki table {
  border: 0 none;
  text-align: left;
}
div.wiki table caption {
  margin-bottom: 1em;
  font-weight: bold;
  font-size: 1.2rem;
}
div.wiki table thead tr {
  background: #383c4a;
  color: #f2f2f2;
}
div.wiki table thead tr th {
  border: 0 none;
}
div.wiki td,
div.wiki th {
  padding: 1rem;
}
div.wiki td h1,
div.wiki td h2,
div.wiki td h3,
div.wiki td h4,
div.wiki th h1,
div.wiki th h2,
div.wiki th h3,
div.wiki th h4 {
  margin-top: 0;
}
div.wiki table,
div.wiki tbody {
  width: 100%;
  display: table;
}
div.wiki a {
  text-decoration: underline;
}
div.wiki a.wiki-page {
  color: #383c4a;
  vertical-align: middle;
  text-decoration: underline;
}
div.wiki a.wiki-page.new {
  color: #ae1515;
}
div.wiki a.wiki-page:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 5px;
  content: "\f02d";
  margin-right: 3px;
  font-size: 10px;
  vertical-align: middle;
  margin-top: -4px;
  text-decoration: none;
}

#activity dd {
  background: #e9e9e9;
  display: inline-block;
  padding: 1rem;
  color: #232323;
  border-radius: 10px;
  margin: 0;
  margin-top: 0.5rem;
}
#activity dd p {
  margin: 0;
}
#activity dd.grouped {
  margin-left: 0;
}
#activity dd .author {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding-left: 0;
  color: #232323;
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
}
#activity dd .author:before {
  content: "";
  width: 1rem;
  height: 1rem;
  display: inline-block;
  background-image: url("../images/user.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 0.5rem;
  margin-left: 0;
  background-color: #232323;
  border-radius: 100%;
}

.controller-admin.action-index #content > h2 {
  display: none;
}
.controller-admin.action-index #admin-menu ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem;
}
.controller-admin.action-index #admin-menu ul li {
  padding: 0 !important;
}
.controller-admin.action-index #admin-menu ul a.additionals,
.controller-admin.action-index #admin-menu ul a.icon {
  display: block;
  text-align: center;
  width: 8rem;
  height: 8rem;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 0.7rem !important;
  background-color: #f8f8f8 !important;
}
.controller-admin.action-index #admin-menu ul a.additionals.selected,
.controller-admin.action-index #admin-menu ul a.icon.selected {
  background-color: #f8f8f8 !important;
  height: auto !important;
}
.controller-admin.action-index #admin-menu ul a.additionals:before,
.controller-admin.action-index #admin-menu ul a.icon:before {
  display: block;
  margin: 0 auto;
  font-size: 4rem;
  width: auto;
  margin-bottom: 0.5rem;
}

.mypage-box {
  margin-bottom: 20px;
  padding: 1rem;
  background: #f5f5f5;
  border-radius: 10px;
  border: 1px solid #e3e3e3;
}
.mypage-box form {
  margin-left: -1rem;
  margin-right: -1rem;
  position: relative;
}

table.list th, table.list .table-list-header {
  background-color: rgba(255, 255, 255, 0.38);
}

#errorExplanation, .flash, .nodata, .warning, .conflict {
  margin-bottom: 48px;
}

.ui-dialog.ui-widget-content {
  top: 12rem !important;
  bottom: 10rem !important;
  overflow: auto;
  padding: 0;
}

.ui-widget-header {
  font-size: 1.4rem;
  background-color: #2e323e;
}

.ui-widget-header a.ui-button, .ui-widget-header button.ui-button {
  border-color: #383c4a;
  background: #383c4a;
  box-shadow: none;
  color: #fff;
}
.ui-widget-header a.ui-button:hover, .ui-widget-header a.ui-button:focus, .ui-widget-header button.ui-button:hover, .ui-widget-header button.ui-button:focus {
  border-color: #2e323e;
  background: #2e323e;
  color: #232323;
}

.welcome_dashboard {
  display: grid;
  grid-template-columns: 1fr 30%;
  gap: 2rem;
}
@media screen and (min-width: 0px) and (max-width: 1200px) {
  .welcome_dashboard {
    display: block;
  }
}
.welcome_dashboard .splitcontentleft,
.welcome_dashboard .splitcontentright {
  display: none;
}

body.cke_editable {
  padding: 2rem;
}

@-webkit-keyframes hideAnimation {
  to {
    visibility: hidden;
    width: 0;
    height: 0;
  }
}

@keyframes hideAnimation {
  to {
    visibility: hidden;
    width: 0;
    height: 0;
  }
}
#content .flash {
  position: absolute;
  left: 50%;
  -webkit-animation: hideAnimation 0s ease-in 5s;
          animation: hideAnimation 0s ease-in 5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
/*# sourceMappingURL=../stylesheets/application.css.map */