@charset "UTF-8";

.redmine_demo .white {
  color: #fff !important;
}

.redmine_demo .sub-title {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    padding: 10px 0;
    font-size: 13px;
    letter-spacing: 1px;
    font-weight: 500;
}

.redmine_demo .demo_product {
  border-bottom: 1px solid #e0e0e0;
  -webkit-background-clip: padding-box; /* for Safari */
  background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
  padding-bottom: 14px;
}

.redmine_demo .demo_product a {
  text-decoration: none;
}

.redmine_demo .demo_product p {
  line-height: 1em;
  opacity: 0.6;
}

.redmine_demo .big-arrow {
    padding: 33px 0 0 20px;
}

@media (max-width: 1023px) {
    .redmine_demo .big-arrow {
        padding: 33px 0 0 0;
    }
}

.redmine_demo section {
  position: relative;
  z-index: 1;
  background-color: #fff;
}

.redmine_demo section *:last-child {
  margin-bottom: 0;
}
.redmine_demo .fine-print {
  font-size: 11px;
  line-height: 20px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
}
.redmine_demo .float-left {
  float: left !important;
}
.redmine_demo .float-right {
  float: right !important;
}
.redmine_demo .grid, .redmine_demo [class*="grid-"] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: -20px !important;
}
.redmine_demo .grid-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.redmine_demo .grid > *, .redmine_demo [class*="grid-"] > * {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
.redmine_demo .grid > *, .redmine_demo [class*="grid-"] > * {
  width: 100%;
}
.redmine_demo .grid-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.redmine_demo .grid-row-equal-heights > * {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.redmine_demo .grid-row-equal-heights > * > * {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
.redmine_demo .grid-row-equal-heights > * > * {
  width: 100%;
}
.redmine_demo .no-shrink {
  -webkit-flex-shrink: 0 !important;
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}
.redmine_demo [class*="grid-"] > * {
  padding-left: 15px;
  padding-right: 15px;
}
.redmine_demo .grid-space-medium > *, .redmine_demo .grid-col-space-medium > * {
  padding-left: 30px;
  padding-right: 30px;
}
.redmine_demo .grid-space-medium, .redmine_demo .grid-col-space-medium {
  margin-left: -30px;
  margin-right: -30px;
}
.redmine_demo .grid > *, .redmine_demo [class*="grid-"] > * {
  margin-bottom: 20px !important;
}
.redmine_demo .grid-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
@media (min-width: 718px) {
  .redmine_demo .content-cell-padding-left {
    padding-left: 40px;
  }
  .redmine_demo .content-cell-padding-right {
    padding-right: 40px;
  }
}
@media (min-width: 1024px) {
  .redmine_demo .content-cell-padding-left {
    padding-left: 60px;
  }
  .redmine_demo .content-cell-padding-right {
    padding-right: 60px;
  }
}
@media (min-width: 1292px) {
  .redmine_demo .content-cell-padding-left {
    padding-left: 80px;
  }
  .redmine_demo .content-cell-padding-right {
    padding-right: 80px;
  }
}
.redmine_demo .grid-align-left, .redmine_demo .flex-align-left {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: start !important;
  -webkit-justify-content: flex-start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}
.redmine_demo .grid-align-center, .redmine_demo .flex-align-center {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}
.redmine_demo .grid-align-right, .redmine_demo .flex-align-right {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}
.redmine_demo .grid-align-justify, .redmine_demo .flex-align-justify {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: justify !important;
  -webkit-justify-content: space-between !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}
.redmine_demo .grid-valign-top, .redmine_demo .flex-valign-top {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-align-content: flex-start !important;
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
  -webkit-box-align: start !important;
  -webkit-align-items: flex-start !important;
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}
.redmine_demo .grid-valign-middle, .redmine_demo .flex-valign-middle {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-align-content: center !important;
  -ms-flex-line-pack: center !important;
  align-content: center !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}
.redmine_demo .grid-valign-bottom, .redmine_demo .flex-valign-bottom {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-align-content: flex-end !important;
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
  -webkit-box-align: end !important;
  -webkit-align-items: flex-end !important;
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}
.redmine_demo .grid-valign-justify, .redmine_demo .flex-valign-justify {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-align-content: space-between !important;
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
  -webkit-box-align: start !important;
  -webkit-align-items: flex-start !important;
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}
.redmine_demo .grid-auto > *, .redmine_demo .grid-flex > * {
  width: auto;
}
.redmine_demo .grid-1 > * {
  width: 100%;
}
.redmine_demo .grid-2 > * {
  width: 50%;
}
.redmine_demo .grid-3 > * {
  width: 33.33333%;
}
.redmine_demo .grid-4 > * {
  width: 25%;
}
.redmine_demo .grid-5 > * {
  width: 20%;
}
@media (min-width: 374px) {
  .redmine_demo .grid-auto-at-extra-small > *, .redmine_demo .grid-flex-at-extra-small > * {
    width: auto;
  }
  .redmine_demo .grid-flex-at-extra-small {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .redmine_demo .grid-flex-at-extra-small > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
  }
  .redmine_demo .grid-1-at-extra-small > * {
    width: 100%;
  }
  .redmine_demo .grid-2-at-extra-small > * {
    width: 50%;
  }
  .redmine_demo .grid-3-at-extra-small > * {
    width: 33.33333%;
  }
  .redmine_demo .grid-4-at-extra-small > * {
    width: 25%;
  }
  .redmine_demo .grid-5-at-extra-small > * {
    width: 20%;
  }
  .redmine_demo .grid-6-at-extra-small > * {
    width: 16.66667%;
  }
  .redmine_demo .grid-7-at-extra-small > * {
    width: 14.28571%;
  }
  .redmine_demo .grid-8-at-extra-small > * {
    width: 12.5%;
  }
  .redmine_demo .grid-9-at-extra-small > * {
    width: 11.11111%;
  }
  .redmine_demo .grid-10-at-extra-small > * {
    width: 10%;
  }
  .redmine_demo .grid-11-at-extra-small > * {
    width: 9.09091%;
  }
  .redmine_demo .grid-12-at-extra-small > * {
    width: 8.33333%;
  }
}
@media (min-width: 480px) {
  .redmine_demo .grid-auto-at-small > *, .redmine_demo .grid-flex-at-small > * {
    width: auto;
  }
  .redmine_demo .grid-flex-at-small {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .redmine_demo .grid-flex-at-small > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
  }
  .redmine_demo .grid-1-at-small > * {
    width: 100%;
  }
  .redmine_demo .grid-2-at-small > * {
    width: 50%;
  }
  .redmine_demo .grid-3-at-small > * {
    width: 33.33333%;
  }
  .redmine_demo .grid-4-at-small > * {
    width: 25%;
  }
  .redmine_demo .grid-5-at-small > * {
    width: 20%;
  }
  .redmine_demo .grid-6-at-small > * {
    width: 16.66667%;
  }
  .redmine_demo .grid-7-at-small > * {
    width: 14.28571%;
  }
  .redmine_demo .grid-8-at-small > * {
    width: 12.5%;
  }
  .redmine_demo .grid-9-at-small > * {
    width: 11.11111%;
  }
  .redmine_demo .grid-10-at-small > * {
    width: 10%;
  }
  .redmine_demo .grid-11-at-small > * {
    width: 9.09091%;
  }
  .redmine_demo .grid-12-at-small > * {
    width: 8.33333%;
  }
}
@media (min-width: 718px) {
  .redmine_demo .grid-auto-at-medium > *, .redmine_demo .grid-flex-at-medium > * {
    width: auto;
  }
  .redmine_demo .grid-flex-at-medium {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .redmine_demo .grid-flex-at-medium > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
  }
  .redmine_demo .grid-1-at-medium > * {
    width: 100%;
  }
  .redmine_demo .grid-2-at-medium > * {
    width: 50%;
  }
  .redmine_demo .grid-3-at-medium > * {
    width: 33.33333%;
  }
  .redmine_demo .grid-4-at-medium > * {
    width: 25%;
  }
  .redmine_demo .grid-5-at-medium > * {
    width: 20%;
  }
  .redmine_demo .grid-6-at-medium > * {
    width: 16.66667%;
  }
  .redmine_demo .grid-7-at-medium > * {
    width: 14.28571%;
  }
  .redmine_demo .grid-8-at-medium > * {
    width: 12.5%;
  }
  .redmine_demo .grid-9-at-medium > * {
    width: 11.11111%;
  }
  .redmine_demo .grid-10-at-medium > * {
    width: 10%;
  }
  .redmine_demo .grid-11-at-medium > * {
    width: 9.09091%;
  }
  .redmine_demo .grid-12-at-medium > * {
    width: 8.33333%;
  }
}
@media (min-width: 1024px) {
  .redmine_demo .grid-auto-at-large > *, .redmine_demo .grid-flex-at-large > * {
    width: auto;
  }
  .redmine_demo .grid-flex-at-large {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .redmine_demo .grid-flex-at-large > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
  }
  .redmine_demo .grid-1-at-large > * {
    width: 100%;
  }
  .redmine_demo .grid-2-at-large > * {
    width: 50%;
  }
  .redmine_demo .grid-3-at-large > * {
    width: 33.33333%;
  }
  .redmine_demo .grid-4-at-large > * {
    width: 25%;
  }
  .redmine_demo .grid-5-at-large > * {
    width: 20%;
  }
  .redmine_demo .grid-6-at-large > * {
    width: 16.66667%;
  }
  .redmine_demo .grid-7-at-large > * {
    width: 14.28571%;
  }
  .redmine_demo .grid-8-at-large > * {
    width: 12.5%;
  }
  .redmine_demo .grid-9-at-large > * {
    width: 11.11111%;
  }
  .redmine_demo .grid-10-at-large > * {
    width: 10%;
  }
  .redmine_demo .grid-11-at-large > * {
    width: 9.09091%;
  }
  .redmine_demo .grid-12-at-large > * {
    width: 8.33333%;
  }
}
@media (min-width: 1292px) {
  .redmine_demo .grid-auto-at-extra-large > *, .redmine_demo .grid-flex-at-extra-large > * {
    width: auto;
  }
  .redmine_demo .grid-flex-at-extra-large {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .redmine_demo .grid-flex-at-extra-large > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
  }
  .redmine_demo .grid-1-at-extra-large > * {
    width: 100%;
  }
  .redmine_demo .grid-2-at-extra-large > * {
    width: 50%;
  }
  .redmine_demo .grid-3-at-extra-large > * {
    width: 33.33333%;
  }
  .redmine_demo .grid-4-at-extra-large > * {
    width: 25%;
  }
  .redmine_demo .grid-5-at-extra-large > * {
    width: 20%;
  }
  .redmine_demo .grid-6-at-extra-large > * {
    width: 16.66667%;
  }
  .redmine_demo .grid-7-at-extra-large > * {
    width: 14.28571%;
  }
  .redmine_demo .grid-8-at-extra-large > * {
    width: 12.5%;
  }
  .redmine_demo .grid-9-at-extra-large > * {
    width: 11.11111%;
  }
  .redmine_demo .grid-10-at-extra-large > * {
    width: 10%;
  }
  .redmine_demo .grid-11-at-extra-large > * {
    width: 9.09091%;
  }
  .redmine_demo .grid-12-at-extra-large > * {
    width: 8.33333%;
  }
}
.redmine_demo .col-1 {
  flex-basis: 8.33333%;
  max-width: 8.33333%;
  width: 8.33333%;
}
.redmine_demo .col-2 {
  flex-basis: 16.66667%;
  max-width: 16.66667%;
  width: 16.66667%;
}
.redmine_demo .col-3 {
  flex-basis: 25%;
  max-width: 25%;
  width: 25%;
}
.redmine_demo .col-4 {
  flex-basis: 33.33333%;
  max-width: 33.33333%;
  width: 33.33333%;
}
.redmine_demo .col-5 {
  flex-basis: 41.66667%;
  max-width: 41.66667%;
  width: 41.66667%;
}
.redmine_demo .col-6 {
  flex-basis: 50%;
  max-width: 50%;
  width: 50%;
}
.redmine_demo .col-7 {
  flex-basis: 58.33333%;
  max-width: 58.33333%;
  width: 58.33333%;
}
.redmine_demo .col-8 {
  flex-basis: 66.66667%;
  max-width: 66.66667%;
  width: 66.66667%;
}
.redmine_demo .col-9 {
  flex-basis: 75%;
  max-width: 75%;
  width: 75%;
}
.redmine_demo .col-10 {
  flex-basis: 83.33333%;
  max-width: 83.33333%;
  width: 83.33333%;
}
.redmine_demo .col-11 {
  flex-basis: 91.66667%;
  max-width: 91.66667%;
  width: 91.66667%;
}
.redmine_demo .col-12 {
  flex-basis: 100%;
  max-width: 100%;
  width: 100%;
}
@media (min-width: 374px) {
  .redmine_demo .col-1-at-extra-small {
    flex-basis: 8.33333%;
    max-width: 8.33333%;
    width: 8.33333%;
  }
  .redmine_demo .col-2-at-extra-small {
    flex-basis: 16.66667%;
    max-width: 16.66667%;
    width: 16.66667%;
  }
  .redmine_demo .col-3-at-extra-small {
    flex-basis: 25%;
    max-width: 25%;
    width: 25%;
  }
  .redmine_demo .col-4-at-extra-small {
    flex-basis: 33.33333%;
    max-width: 33.33333%;
    width: 33.33333%;
  }
  .redmine_demo .col-5-at-extra-small {
    flex-basis: 41.66667%;
    max-width: 41.66667%;
    width: 41.66667%;
  }
  .redmine_demo .col-6-at-extra-small {
    flex-basis: 50%;
    max-width: 50%;
    width: 50%;
  }
  .redmine_demo .col-7-at-extra-small {
    flex-basis: 58.33333%;
    max-width: 58.33333%;
    width: 58.33333%;
  }
  .redmine_demo .col-8-at-extra-small {
    flex-basis: 66.66667%;
    max-width: 66.66667%;
    width: 66.66667%;
  }
  .redmine_demo .col-9-at-extra-small {
    flex-basis: 75%;
    max-width: 75%;
    width: 75%;
  }
  .redmine_demo .col-10-at-extra-small {
    flex-basis: 83.33333%;
    max-width: 83.33333%;
    width: 83.33333%;
  }
  .redmine_demo .col-11-at-extra-small {
    flex-basis: 91.66667%;
    max-width: 91.66667%;
    width: 91.66667%;
  }
  .redmine_demo .col-12-at-extra-small {
    flex-basis: 100%;
    max-width: 100%;
    width: 100%;
  }
}
@media (min-width: 480px) {
  .redmine_demo .col-1-at-small {
    flex-basis: 8.33333%;
    max-width: 8.33333%;
    width: 8.33333%;
  }
  .redmine_demo .col-2-at-small {
    flex-basis: 16.66667%;
    max-width: 16.66667%;
    width: 16.66667%;
  }
  .redmine_demo .col-3-at-small {
    flex-basis: 25%;
    max-width: 25%;
    width: 25%;
  }
  .redmine_demo .col-4-at-small {
    flex-basis: 33.33333%;
    max-width: 33.33333%;
    width: 33.33333%;
  }
  .redmine_demo .col-5-at-small {
    flex-basis: 41.66667%;
    max-width: 41.66667%;
    width: 41.66667%;
  }
  .redmine_demo .col-6-at-small {
    flex-basis: 50%;
    max-width: 50%;
    width: 50%;
  }
  .redmine_demo .col-7-at-small {
    flex-basis: 58.33333%;
    max-width: 58.33333%;
    width: 58.33333%;
  }
  .redmine_demo .col-8-at-small {
    flex-basis: 66.66667%;
    max-width: 66.66667%;
    width: 66.66667%;
  }
  .redmine_demo .col-9-at-small {
    flex-basis: 75%;
    max-width: 75%;
    width: 75%;
  }
  .redmine_demo .col-10-at-small {
    flex-basis: 83.33333%;
    max-width: 83.33333%;
    width: 83.33333%;
  }
  .redmine_demo .col-11-at-small {
    flex-basis: 91.66667%;
    max-width: 91.66667%;
    width: 91.66667%;
  }
  .redmine_demo .col-12-at-small {
    flex-basis: 100%;
    max-width: 100%;
    width: 100%;
  }
}
@media (min-width: 718px) {
  .redmine_demo .col-1-at-medium {
    flex-basis: 8.33333%;
    max-width: 8.33333%;
    width: 8.33333%;
  }
  .redmine_demo .col-2-at-medium {
    flex-basis: 16.66667%;
    max-width: 16.66667%;
    width: 16.66667%;
  }
  .redmine_demo .col-3-at-medium {
    flex-basis: 25%;
    max-width: 25%;
    width: 25%;
  }
  .redmine_demo .col-4-at-medium {
    flex-basis: 33.33333%;
    max-width: 33.33333%;
    width: 33.33333%;
  }
  .redmine_demo .col-5-at-medium {
    flex-basis: 41.66667%;
    max-width: 41.66667%;
    width: 41.66667%;
  }
  .redmine_demo .col-6-at-medium {
    flex-basis: 50%;
    max-width: 50%;
    width: 50%;
  }
  .redmine_demo .col-7-at-medium {
    flex-basis: 58.33333%;
    max-width: 58.33333%;
    width: 58.33333%;
  }
  .redmine_demo .col-8-at-medium {
    flex-basis: 66.66667%;
    max-width: 66.66667%;
    width: 66.66667%;
  }
  .redmine_demo .col-9-at-medium {
    flex-basis: 75%;
    max-width: 75%;
    width: 75%;
  }
  .redmine_demo .col-10-at-medium {
    flex-basis: 83.33333%;
    max-width: 83.33333%;
    width: 83.33333%;
  }
  .redmine_demo .col-11-at-medium {
    flex-basis: 91.66667%;
    max-width: 91.66667%;
    width: 91.66667%;
  }
  .redmine_demo .col-12-at-medium {
    flex-basis: 100%;
    max-width: 100%;
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .redmine_demo .col-1-at-large {
    flex-basis: 8.33333%;
    max-width: 8.33333%;
    width: 8.33333%;
  }
  .redmine_demo .col-2-at-large {
    flex-basis: 16.66667%;
    max-width: 16.66667%;
    width: 16.66667%;
  }
  .redmine_demo .col-3-at-large {
    flex-basis: 25%;
    max-width: 25%;
    width: 25%;
  }
  .redmine_demo .col-4-at-large {
    flex-basis: 33.33333%;
    max-width: 33.33333%;
    width: 33.33333%;
  }
  .redmine_demo .col-5-at-large {
    flex-basis: 41.66667%;
    max-width: 41.66667%;
    width: 41.66667%;
  }
  .redmine_demo .col-6-at-large {
    flex-basis: 50%;
    max-width: 50%;
    width: 50%;
  }
  .redmine_demo .col-7-at-large {
    flex-basis: 58.33333%;
    max-width: 58.33333%;
    width: 58.33333%;
  }
  .redmine_demo .col-8-at-large {
    flex-basis: 66.66667%;
    max-width: 66.66667%;
    width: 66.66667%;
  }
  .redmine_demo .col-9-at-large {
    flex-basis: 75%;
    max-width: 75%;
    width: 75%;
  }
  .redmine_demo .col-10-at-large {
    flex-basis: 83.33333%;
    max-width: 83.33333%;
    width: 83.33333%;
  }
  .redmine_demo .col-11-at-large {
    flex-basis: 91.66667%;
    max-width: 91.66667%;
    width: 91.66667%;
  }
  .redmine_demo .col-12-at-large {
    flex-basis: 100%;
    max-width: 100%;
    width: 100%;
  }
}
@media (min-width: 1292px) {
  .redmine_demo .col-1-at-extra-large {
    flex-basis: 8.33333%;
    max-width: 8.33333%;
    width: 8.33333%;
  }
  .redmine_demo .col-2-at-extra-large {
    flex-basis: 16.66667%;
    max-width: 16.66667%;
    width: 16.66667%;
  }
  .redmine_demo .col-3-at-extra-large {
    flex-basis: 25%;
    max-width: 25%;
    width: 25%;
  }
  .redmine_demo .col-4-at-extra-large {
    flex-basis: 33.33333%;
    max-width: 33.33333%;
    width: 33.33333%;
  }
  .redmine_demo .col-5-at-extra-large {
    flex-basis: 41.66667%;
    max-width: 41.66667%;
    width: 41.66667%;
  }
  .redmine_demo .col-6-at-extra-large {
    flex-basis: 50%;
    max-width: 50%;
    width: 50%;
  }
  .redmine_demo .col-7-at-extra-large {
    flex-basis: 58.33333%;
    max-width: 58.33333%;
    width: 58.33333%;
  }
  .redmine_demo .col-8-at-extra-large {
    flex-basis: 66.66667%;
    max-width: 66.66667%;
    width: 66.66667%;
  }
  .redmine_demo .col-9-at-extra-large {
    flex-basis: 75%;
    max-width: 75%;
    width: 75%;
  }
  .redmine_demo .col-10-at-extra-large {
    flex-basis: 83.33333%;
    max-width: 83.33333%;
    width: 83.33333%;
  }
  .redmine_demo .col-11-at-extra-large {
    flex-basis: 91.66667%;
    max-width: 91.66667%;
    width: 91.66667%;
  }
  .redmine_demo .col-12-at-extra-large {
    flex-basis: 100%;
    max-width: 100%;
    width: 100%;
  }
}
.redmine_demo table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
  border: 0 solid #e0e0e0;
  border-spacing: 0;
  border-collapse: collapse;
  background-color: transparent;
  text-align: left;
  vertical-align: top;
}
.redmine_demo thead, .redmine_demo tbody, .redmine_demo tfoot, .redmine_demo tr, .redmine_demo th, .redmine_demo td {
  border-color: inherit;
  border-style: inherit;
  text-align: inherit;
  vertical-align: inherit;
}
.redmine_demo thead, .redmine_demo tfoot {
  background-color: rgba(0, 0, 0, 0.06);
}
.redmine_demo th {
  color: #2e3b4e;
  font-weight: 600;
}
.redmine_demo th, .redmine_demo td {
  padding: 10px;
  border-width: 1px;
  background-color: transparent;
  -webkit-transition: background-color .15s;
  transition: background-color 0.15s;
}
.redmine_demo .table-border-cells th, .redmine_demo .table-border-cells td {
  border-width: 1px;
}
.redmine_demo .table-border-rows th, .redmine_demo .table-border-rows td {
  border-left-width: 0;
  border-right-width: 0;
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.redmine_demo .table-border-cols th, .redmine_demo .table-border-cols td {
  border-left-width: 1px;
  border-right-width: 1px;
  border-top-width: 0;
  border-bottom-width: 0;
}
.redmine_demo .table-border-none th, .redmine_demo .table-border-none td {
  border-width: 0;
}
.redmine_demo .table-stripe-rows tbody tr:nth-child(odd) th, .redmine_demo .table-stripe-rows tbody tr:nth-child(odd) td {
  background-color: transparent;
}
.redmine_demo .table-stripe-rows tbody tr:nth-child(even) th, .redmine_demo .table-stripe-rows tbody tr:nth-child(even) td {
  background-color: rgba(0, 0, 0, 0.02);
}
.redmine_demo .table-stripe-cols tbody tr th:nth-child(odd), .redmine_demo .table-stripe-cols tbody tr td:nth-child(odd) {
  background-color: transparent;
}
.redmine_demo .table-stripe-cols tbody tr th:nth-child(even), .redmine_demo .table-stripe-cols tbody tr td:nth-child(even) {
  background-color: rgba(0, 0, 0, 0.02);
}
.redmine_demo .table-pad-base th, .redmine_demo .table-pad-base td {
  padding: 10px;
}
.redmine_demo .table-pad-line th, .redmine_demo .table-pad-line td {
  padding: 20px;
}
.redmine_demo .table-pad-small th, .redmine_demo .table-pad-small td {
  padding: 30px;
}
.redmine_demo .table-pad-none th, .redmine_demo .table-pad-none td {
  padding: 0;
}
.redmine_demo .table-collapse thead, .redmine_demo .table-collapse tfoot {
  display: none;
}
.redmine_demo .table-collapse th, .redmine_demo .table-collapse td {
  display: block;
  text-align: left !important;
}
.redmine_demo .table-collapse th:not(:first-child), .redmine_demo .table-collapse td:not(:first-child) {
  padding-top: 0;
  border-top-width: 0;
}
.redmine_demo .table-collapse th:not(:last-child), .redmine_demo .table-collapse td:not(:last-child) {
  padding-bottom: 0;
  border-bottom-width: 0;
}
.redmine_demo .table-collapse th[data-col-header]:not(.no-header), .redmine_demo .table-collapse td[data-col-header]:not(.no-header) {
  text-align: right !important;
}
.redmine_demo .table-collapse th[data-col-header]:not(.no-header):before, .redmine_demo .table-collapse td[data-col-header]:not(.no-header):before {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  content: attr(data-col-header);
  display: block;
  float: left;
  max-width: 50%;
  padding-right: 10px;
  color: #5f6a7d;
  font-weight: 600;
  text-align: left;
}
.redmine_demo .table-collapse tr:not(:last-child) th:last-child, .redmine_demo .table-collapse tr:not(:last-child) td:last-child {
  border-bottom-width: 0;
}
@media (min-width: 374px) {
  .redmine_demo .table-border-cells-at-extra-small th, .redmine_demo .table-border-cells-at-extra-small td {
    border-width: 1px;
  }
  .redmine_demo .table-border-rows-at-extra-small th, .redmine_demo .table-border-rows-at-extra-small td {
    border-left-width: 0;
    border-right-width: 0;
    border-top-width: 1px;
    border-bottom-width: 1px;
  }
  .redmine_demo .table-border-cols-at-extra-small th, .redmine_demo .table-border-cols-at-extra-small td {
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-width: 0;
    border-bottom-width: 0;
  }
  .redmine_demo .table-border-none-at-extra-small th, .redmine_demo .table-border-none-at-extra-small td {
    border-width: 0;
  }
  .redmine_demo .table-stripe-rows-at-extra-small tbody tr:nth-child(odd) th, .redmine_demo .table-stripe-rows-at-extra-small tbody tr:nth-child(odd) td {
    background-color: transparent;
  }
  .redmine_demo .table-stripe-rows-at-extra-small tbody tr:nth-child(even) th, .redmine_demo .table-stripe-rows-at-extra-small tbody tr:nth-child(even) td {
    background-color: rgba(0, 0, 0, 0.02);
  }
  .redmine_demo .table-stripe-cols-at-extra-small tbody tr th:nth-child(odd), .redmine_demo .table-stripe-cols-at-extra-small tbody tr td:nth-child(odd) {
    background-color: transparent;
  }
  .redmine_demo .table-stripe-cols-at-extra-small tbody tr th:nth-child(even), .redmine_demo .table-stripe-cols-at-extra-small tbody tr td:nth-child(even) {
    background-color: rgba(0, 0, 0, 0.02);
  }
  .redmine_demo .table-pad-base-at-extra-small th, .redmine_demo .table-pad-base-at-extra-small td {
    padding: 10px;
  }
  .redmine_demo .table-pad-line-at-extra-small th, .redmine_demo .table-pad-line-at-extra-small td {
    padding: 20px;
  }
  .redmine_demo .table-pad-small-at-extra-small th, .redmine_demo .table-pad-small-at-extra-small td {
    padding: 30px;
  }
  .redmine_demo .table-pad-none-at-extra-small th, .redmine_demo .table-pad-none-at-extra-small td {
    padding: 0;
  }
}
@media (max-width: 373px) {
  .redmine_demo .table-collapse-until-extra-small thead, .redmine_demo .table-collapse-until-extra-small tfoot {
    display: none;
  }
  .redmine_demo .table-collapse-until-extra-small th, .redmine_demo .table-collapse-until-extra-small td {
    display: block;
    text-align: left !important;
  }
  .redmine_demo .table-collapse-until-extra-small th:not(:first-child), .redmine_demo .table-collapse-until-extra-small td:not(:first-child) {
    padding-top: 0;
    border-top-width: 0;
  }
  .redmine_demo .table-collapse-until-extra-small th:not(:last-child), .redmine_demo .table-collapse-until-extra-small td:not(:last-child) {
    padding-bottom: 0;
    border-bottom-width: 0;
  }
  .redmine_demo .table-collapse-until-extra-small th[data-col-header]:not(.no-header), .redmine_demo .table-collapse-until-extra-small td[data-col-header]:not(.no-header) {
    text-align: right !important;
  }
  .redmine_demo .table-collapse-until-extra-small th[data-col-header]:not(.no-header):before, .redmine_demo .table-collapse-until-extra-small td[data-col-header]:not(.no-header):before {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    content: attr(data-col-header);
    display: block;
    float: left;
    max-width: 50%;
    padding-right: 10px;
    color: #5f6a7d;
    font-weight: 600;
    text-align: left;
  }
  .redmine_demo .table-collapse-until-extra-small tr:not(:last-child) th:last-child, .redmine_demo .table-collapse-until-extra-small tr:not(:last-child) td:last-child {
    border-bottom-width: 0;
  }
}
@media (min-width: 480px) {
  .redmine_demo .table-border-cells-at-small th, .redmine_demo .table-border-cells-at-small td {
    border-width: 1px;
  }
  .redmine_demo .table-border-rows-at-small th, .redmine_demo .table-border-rows-at-small td {
    border-left-width: 0;
    border-right-width: 0;
    border-top-width: 1px;
    border-bottom-width: 1px;
  }
  .redmine_demo .table-border-cols-at-small th, .redmine_demo .table-border-cols-at-small td {
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-width: 0;
    border-bottom-width: 0;
  }
  .redmine_demo .table-border-none-at-small th, .redmine_demo .table-border-none-at-small td {
    border-width: 0;
  }
  .redmine_demo .table-stripe-rows-at-small tbody tr:nth-child(odd) th, .redmine_demo .table-stripe-rows-at-small tbody tr:nth-child(odd) td {
    background-color: transparent;
  }
  .redmine_demo .table-stripe-rows-at-small tbody tr:nth-child(even) th, .redmine_demo .table-stripe-rows-at-small tbody tr:nth-child(even) td {
    background-color: rgba(0, 0, 0, 0.02);
  }
  .redmine_demo .table-stripe-cols-at-small tbody tr th:nth-child(odd), .redmine_demo .table-stripe-cols-at-small tbody tr td:nth-child(odd) {
    background-color: transparent;
  }
  .redmine_demo .table-stripe-cols-at-small tbody tr th:nth-child(even), .redmine_demo .table-stripe-cols-at-small tbody tr td:nth-child(even) {
    background-color: rgba(0, 0, 0, 0.02);
  }
  .redmine_demo .table-pad-base-at-small th, .redmine_demo .table-pad-base-at-small td {
    padding: 10px;
  }
  .redmine_demo .table-pad-line-at-small th, .redmine_demo .table-pad-line-at-small td {
    padding: 20px;
  }
  .redmine_demo .table-pad-small-at-small th, .redmine_demo .table-pad-small-at-small td {
    padding: 30px;
  }
  .redmine_demo .table-pad-none-at-small th, .redmine_demo .table-pad-none-at-small td {
    padding: 0;
  }
}
@media (max-width: 479px) {
  .redmine_demo .table-collapse-until-small thead, .redmine_demo .table-collapse-until-small tfoot {
    display: none;
  }
  .redmine_demo .table-collapse-until-small th, .redmine_demo .table-collapse-until-small td {
    display: block;
    text-align: left !important;
  }
  .redmine_demo .table-collapse-until-small th:not(:first-child), .redmine_demo .table-collapse-until-small td:not(:first-child) {
    padding-top: 0;
    border-top-width: 0;
  }
  .redmine_demo .table-collapse-until-small th:not(:last-child), .redmine_demo .table-collapse-until-small td:not(:last-child) {
    padding-bottom: 0;
    border-bottom-width: 0;
  }
  .redmine_demo .table-collapse-until-small th[data-col-header]:not(.no-header), .redmine_demo .table-collapse-until-small td[data-col-header]:not(.no-header) {
    text-align: right !important;
  }
  .redmine_demo .table-collapse-until-small th[data-col-header]:not(.no-header):before, .redmine_demo .table-collapse-until-small td[data-col-header]:not(.no-header):before {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    content: attr(data-col-header);
    display: block;
    float: left;
    max-width: 50%;
    padding-right: 10px;
    color: #5f6a7d;
    font-weight: 600;
    text-align: left;
  }
  .redmine_demo .table-collapse-until-small tr:not(:last-child) th:last-child, .redmine_demo .table-collapse-until-small tr:not(:last-child) td:last-child {
    border-bottom-width: 0;
  }
}
@media (min-width: 718px) {
  .redmine_demo .table-border-cells-at-medium th, .redmine_demo .table-border-cells-at-medium td {
    border-width: 1px;
  }
  .redmine_demo .table-border-rows-at-medium th, .redmine_demo .table-border-rows-at-medium td {
    border-left-width: 0;
    border-right-width: 0;
    border-top-width: 1px;
    border-bottom-width: 1px;
  }
  .redmine_demo .table-border-cols-at-medium th, .redmine_demo .table-border-cols-at-medium td {
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-width: 0;
    border-bottom-width: 0;
  }
  .redmine_demo .table-border-none-at-medium th, .redmine_demo .table-border-none-at-medium td {
    border-width: 0;
  }
  .redmine_demo .table-stripe-rows-at-medium tbody tr:nth-child(odd) th, .redmine_demo .table-stripe-rows-at-medium tbody tr:nth-child(odd) td {
    background-color: transparent;
  }
  .redmine_demo .table-stripe-rows-at-medium tbody tr:nth-child(even) th, .redmine_demo .table-stripe-rows-at-medium tbody tr:nth-child(even) td {
    background-color: rgba(0, 0, 0, 0.02);
  }
  .redmine_demo .table-stripe-cols-at-medium tbody tr th:nth-child(odd), .redmine_demo .table-stripe-cols-at-medium tbody tr td:nth-child(odd) {
    background-color: transparent;
  }
  .redmine_demo .table-stripe-cols-at-medium tbody tr th:nth-child(even), .redmine_demo .table-stripe-cols-at-medium tbody tr td:nth-child(even) {
    background-color: rgba(0, 0, 0, 0.02);
  }
  .redmine_demo .table-pad-base-at-medium th, .redmine_demo .table-pad-base-at-medium td {
    padding: 10px;
  }
  .redmine_demo .table-pad-line-at-medium th, .redmine_demo .table-pad-line-at-medium td {
    padding: 20px;
  }
  .redmine_demo .table-pad-small-at-medium th, .redmine_demo .table-pad-small-at-medium td {
    padding: 30px;
  }
  .redmine_demo .table-pad-none-at-medium th, .redmine_demo .table-pad-none-at-medium td {
    padding: 0;
  }
}
@media (max-width: 717px) {
  .redmine_demo .table-collapse-until-medium thead, .redmine_demo .table-collapse-until-medium tfoot {
    display: none;
  }
  .redmine_demo .table-collapse-until-medium th, .redmine_demo .table-collapse-until-medium td {
    display: block;
    text-align: left !important;
  }
  .redmine_demo .table-collapse-until-medium th:not(:first-child), .redmine_demo .table-collapse-until-medium td:not(:first-child) {
    padding-top: 0;
    border-top-width: 0;
  }
  .redmine_demo .table-collapse-until-medium th:not(:last-child), .redmine_demo .table-collapse-until-medium td:not(:last-child) {
    padding-bottom: 0;
    border-bottom-width: 0;
  }
  .redmine_demo .table-collapse-until-medium th[data-col-header]:not(.no-header), .redmine_demo .table-collapse-until-medium td[data-col-header]:not(.no-header) {
    text-align: right !important;
  }
  .redmine_demo .table-collapse-until-medium th[data-col-header]:not(.no-header):before, .redmine_demo .table-collapse-until-medium td[data-col-header]:not(.no-header):before {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    content: attr(data-col-header);
    display: block;
    float: left;
    max-width: 50%;
    padding-right: 10px;
    color: #5f6a7d;
    font-weight: 600;
    text-align: left;
  }
  .redmine_demo .table-collapse-until-medium tr:not(:last-child) th:last-child, .redmine_demo .table-collapse-until-medium tr:not(:last-child) td:last-child {
    border-bottom-width: 0;
  }
}
@media (min-width: 1024px) {
  .redmine_demo .table-border-cells-at-large th, .redmine_demo .table-border-cells-at-large td {
    border-width: 1px;
  }
  .redmine_demo .table-border-rows-at-large th, .redmine_demo .table-border-rows-at-large td {
    border-left-width: 0;
    border-right-width: 0;
    border-top-width: 1px;
    border-bottom-width: 1px;
  }
  .redmine_demo .table-border-cols-at-large th, .redmine_demo .table-border-cols-at-large td {
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-width: 0;
    border-bottom-width: 0;
  }
  .redmine_demo .table-border-none-at-large th, .redmine_demo .table-border-none-at-large td {
    border-width: 0;
  }
  .redmine_demo .table-stripe-rows-at-large tbody tr:nth-child(odd) th, .redmine_demo .table-stripe-rows-at-large tbody tr:nth-child(odd) td {
    background-color: transparent;
  }
  .redmine_demo .table-stripe-rows-at-large tbody tr:nth-child(even) th, .redmine_demo .table-stripe-rows-at-large tbody tr:nth-child(even) td {
    background-color: rgba(0, 0, 0, 0.02);
  }
  .redmine_demo .table-stripe-cols-at-large tbody tr th:nth-child(odd), .redmine_demo .table-stripe-cols-at-large tbody tr td:nth-child(odd) {
    background-color: transparent;
  }
  .redmine_demo .table-stripe-cols-at-large tbody tr th:nth-child(even), .redmine_demo .table-stripe-cols-at-large tbody tr td:nth-child(even) {
    background-color: rgba(0, 0, 0, 0.02);
  }
  .redmine_demo .table-pad-base-at-large th, .redmine_demo .table-pad-base-at-large td {
    padding: 10px;
  }
  .redmine_demo .table-pad-line-at-large th, .redmine_demo .table-pad-line-at-large td {
    padding: 20px;
  }
  .redmine_demo .table-pad-small-at-large th, .redmine_demo .table-pad-small-at-large td {
    padding: 30px;
  }
  .redmine_demo .table-pad-none-at-large th, .redmine_demo .table-pad-none-at-large td {
    padding: 0;
  }
}
@media (max-width: 1023px) {
  .redmine_demo .table-collapse-until-large thead, .redmine_demo .table-collapse-until-large tfoot {
    display: none;
  }
  .redmine_demo .table-collapse-until-large th, .redmine_demo .table-collapse-until-large td {
    display: block;
    text-align: left !important;
  }
  .redmine_demo .table-collapse-until-large th:not(:first-child), .redmine_demo .table-collapse-until-large td:not(:first-child) {
    padding-top: 0;
    border-top-width: 0;
  }
  .redmine_demo .table-collapse-until-large th:not(:last-child), .redmine_demo .table-collapse-until-large td:not(:last-child) {
    padding-bottom: 0;
    border-bottom-width: 0;
  }
  .redmine_demo .table-collapse-until-large th[data-col-header]:not(.no-header), .redmine_demo .table-collapse-until-large td[data-col-header]:not(.no-header) {
    text-align: right !important;
  }
  .redmine_demo .table-collapse-until-large th[data-col-header]:not(.no-header):before, .redmine_demo .table-collapse-until-large td[data-col-header]:not(.no-header):before {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    content: attr(data-col-header);
    display: block;
    float: left;
    max-width: 50%;
    padding-right: 10px;
    color: #5f6a7d;
    font-weight: 600;
    text-align: left;
  }
  .redmine_demo .table-collapse-until-large tr:not(:last-child) th:last-child, .redmine_demo .table-collapse-until-large tr:not(:last-child) td:last-child {
    border-bottom-width: 0;
  }
}
@media (min-width: 1292px) {
  .redmine_demo .table-border-cells-at-extra-large th, .redmine_demo .table-border-cells-at-extra-large td {
    border-width: 1px;
  }
  .redmine_demo .table-border-rows-at-extra-large th, .redmine_demo .table-border-rows-at-extra-large td {
    border-left-width: 0;
    border-right-width: 0;
    border-top-width: 1px;
    border-bottom-width: 1px;
  }
  .redmine_demo .table-border-cols-at-extra-large th, .redmine_demo .table-border-cols-at-extra-large td {
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-width: 0;
    border-bottom-width: 0;
  }
  .redmine_demo .table-border-none-at-extra-large th, .redmine_demo .table-border-none-at-extra-large td {
    border-width: 0;
  }
  .redmine_demo .table-stripe-rows-at-extra-large tbody tr:nth-child(odd) th, .redmine_demo .table-stripe-rows-at-extra-large tbody tr:nth-child(odd) td {
    background-color: transparent;
  }
  .redmine_demo .table-stripe-rows-at-extra-large tbody tr:nth-child(even) th, .redmine_demo .table-stripe-rows-at-extra-large tbody tr:nth-child(even) td {
    background-color: rgba(0, 0, 0, 0.02);
  }
  .redmine_demo .table-stripe-cols-at-extra-large tbody tr th:nth-child(odd), .redmine_demo .table-stripe-cols-at-extra-large tbody tr td:nth-child(odd) {
    background-color: transparent;
  }
  .redmine_demo .table-stripe-cols-at-extra-large tbody tr th:nth-child(even), .redmine_demo .table-stripe-cols-at-extra-large tbody tr td:nth-child(even) {
    background-color: rgba(0, 0, 0, 0.02);
  }
  .redmine_demo .table-pad-base-at-extra-large th, .redmine_demo .table-pad-base-at-extra-large td {
    padding: 10px;
  }
  .redmine_demo .table-pad-line-at-extra-large th, .redmine_demo .table-pad-line-at-extra-large td {
    padding: 20px;
  }
  .redmine_demo .table-pad-small-at-extra-large th, .redmine_demo .table-pad-small-at-extra-large td {
    padding: 30px;
  }
  .redmine_demo .table-pad-none-at-extra-large th, .redmine_demo .table-pad-none-at-extra-large td {
    padding: 0;
  }
}
@media (max-width: 1291px) {
  .redmine_demo .table-collapse-until-extra-large thead, .redmine_demo .table-collapse-until-extra-large tfoot {
    display: none;
  }
  .redmine_demo .table-collapse-until-extra-large th, .redmine_demo .table-collapse-until-extra-large td {
    display: block;
    text-align: left !important;
  }
  .redmine_demo .table-collapse-until-extra-large th:not(:first-child), .redmine_demo .table-collapse-until-extra-large td:not(:first-child) {
    padding-top: 0;
    border-top-width: 0;
  }
  .redmine_demo .table-collapse-until-extra-large th:not(:last-child), .redmine_demo .table-collapse-until-extra-large td:not(:last-child) {
    padding-bottom: 0;
    border-bottom-width: 0;
  }
  .redmine_demo .table-collapse-until-extra-large th[data-col-header]:not(.no-header), .redmine_demo .table-collapse-until-extra-large td[data-col-header]:not(.no-header) {
    text-align: right !important;
  }
  .redmine_demo .table-collapse-until-extra-large th[data-col-header]:not(.no-header):before, .redmine_demo .table-collapse-until-extra-large td[data-col-header]:not(.no-header):before {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    content: attr(data-col-header);
    display: block;
    float: left;
    max-width: 50%;
    padding-right: 10px;
    color: #5f6a7d;
    font-weight: 600;
    text-align: left;
  }
  .redmine_demo .table-collapse-until-extra-large tr:not(:last-child) th:last-child, .redmine_demo .table-collapse-until-extra-large tr:not(:last-child) td:last-child {
    border-bottom-width: 0;
  }
}
.redmine_demo .table-scrollable {
  position: relative;
  margin-bottom: 20px;
}
.redmine_demo .table-scrollable:before {
  pointer-events: none;
  content: " ";
  display: block;
  position: absolute;
  z-index: 99;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
  border: 1px solid #e0e0e0;
}
.redmine_demo .table-scrollable table {
  margin-bottom: 0;
}
.redmine_demo .table-scrollable .table-scroll {
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  width: 100%;
}
.redmine_demo .table-scrollable .table-pinned {
  position: relative;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: #fff;
}
.redmine_demo .table-scrollable .table-pinned:before {
  pointer-events: none;
  content: " ";
  display: block;
  position: absolute;
  z-index: 99;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
  border: 1px solid #e0e0e0;
}
.redmine_demo .table-scrollable .table-pinned th:not(:first-child), .redmine_demo .table-scrollable .table-pinned td:not(:first-child) {
  display: none;
}
.redmine_demo a.menu-link {
  height: 100%;
  display: inline-block;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: inherit !important;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  margin-right: 20px;
  line-height: 60px;
}
.redmine_demo a.menu-link span {
  border: 1px solid #e0e0e0;
  display: inline-block;
  line-height: 30px;
  border-radius: 3px;
  padding: 0 14px;
}
.redmine_demo #main_menu {
  height: 73px;
  color: #fff;
  background-color: #29333a;
  white-space: nowrap;
}
.redmine_demo #main_menu #menu_logo {
  width: 40px;
  height: 50px;
  background: url("/cms/assets/download/33293/logo_white_up.svg") format('svg') 0 5px no-repeat;
  background-size: 200px;
}
@media (min-width: 1024px) {
  .redmine_demo #main_menu #menu_logo {
    width: 180px;
    height: 50px;
    background-size: 180px;
  }
}
.redmine_demo #main_menu .content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.redmine_demo #main_menu .mobile-toggle {
  cursor: pointer;
  width: 50px;
  height: 50px;
  position: relative;
}
.redmine_demo #main_menu .mobile-toggle h4 {
  color: inherit;
}
.redmine_demo #main_menu .mobile-toggle h4, .redmine_demo #main_menu .mobile-toggle h4:after, .redmine_demo #main_menu .mobile-toggle h4:before {
  position: absolute;
  width: 24px;
  height: 3px;
  border-radius: 1px;
  background: currentColor;
}
.redmine_demo #main_menu .mobile-toggle h4 {
  font-size: 0;
  left: 13px;
  top: 23px;
}
.redmine_demo #main_menu .mobile-toggle h4:after, .redmine_demo #main_menu .mobile-toggle h4:before {
  content: '';
  left: 0;
}
.redmine_demo #main_menu .mobile-toggle h4:before {
  top: -9px;
}
.redmine_demo #main_menu .mobile-toggle h4:after {
  top: 9px;
}
.redmine_demo #main_menu .has-menu {
  position: relative;
}
.redmine_demo #main_menu .sub-menu {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s linear;
  position: absolute;
  top: 30px;
  border-radius: 4px;
  z-index: 3;
  white-space: normal;
  width: 650px;
  box-shadow: 0 50px 100px rgba(50, 50, 93, 0.1), 0 15px 35px rgba(50, 50, 93, 0.15), 0 5px 15px rgba(0, 0, 0, 0.1);
  background-color: #fafafa;
  -webkit-transform: translateX(-15%);
  -ms-transform: translateX(-15%);
  transform: translateX(-15%);
}
.redmine_demo #main_menu .sub-menu.account {
  -webkit-transform: translateX(-70%);
  -ms-transform: translateX(-70%);
  transform: translateX(-70%);
}
.redmine_demo #main_menu .sub-menu.account:before {
  right: 21%;
  left: initial;
}
.redmine_demo #main_menu .sub-menu a {
  color: #5f6a7d;
}
.redmine_demo #main_menu .sub-menu a:hover, .redmine_demo #main_menu .sub-menu a:hover h6 {
  color: #000;
  -moz-transition: all linear 0.2s;
  transition: all linear 0.2s;
}
.redmine_demo #main_menu .sub-menu a:hover img, .redmine_demo #main_menu .sub-menu a:hover h6 img {
  opacity: 1;
}
.redmine_demo #main_menu .sub-menu img {
  opacity: 0.7;
}
.redmine_demo #main_menu .sub-menu h6 {
  color: #5f6a7d;
  font-size: 12px;
  line-height: 15px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.redmine_demo #main_menu .sub-menu:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border: inset 0.75rem;
  border-color: transparent transparent #fafafa;
  border-bottom-style: solid;
  border-top-width: 0;
  bottom: 100%;
  position: absolute;
  left: 20%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.redmine_demo #main_menu .has-menu:hover .sub-menu {
  visibility: visible;
  opacity: 1;
}
.redmine_demo .mobile-menu a.menu-link {
  line-height: 15px;
}
.redmine_demo .sub-nav {
  width: 100%;
  z-index: 2;
  max-width: 1500px;
  min-height: 62px;
  background-color: #fafafa;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}
.redmine_demo .sub-nav a {
  display: block;
  margin-right: 20px;
  font-size: 12px;
  line-height: 60px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  color: #5f6a7d;
}
.redmine_demo .sub-nav .actions {
  float: right;
  position: relative;
  z-index: 2;
}
.redmine_demo .sub-nav .destinations a {
  margin-top: 0;
  display: inline-block;
  line-height: 60px;
  width: auto;
}
.redmine_demo .sub-nav .destinations {
  display: none;
}
@media (min-width: 374px) {
  .redmine_demo .sub-nav .destinations {
    display: block;
  }
}
.redmine_demo .sub-nav a.primary span {
  border: 1px solid #e0e0e0;
  display: inline-block;
  line-height: 30px;
  border-radius: 3px;
  padding: 0 14px;
}
.redmine_demo .sub-nav.sub-nav-fixed {
  position: fixed;
  top: 0px;
}
.redmine_demo .sub-nav.sub-nav-fixed a.primary span {
  color: #fff;
  background-color: #2996cc;
  border-color: #2996cc;
}
.redmine_demo .sub-nav.sub-nav-dump {
  display: none;
}
.redmine_demo .pricing-table > * {
  padding-top: 40px;
}
.redmine_demo .pricing-table tr.default-title td {
  border: 0px;
  padding: 10px;
  text-align: center;
}
.redmine_demo .pricing-table tr.default-title td.default {
  color: #fff;
  background-color: #2996cc;
  border-left: 3px solid #2996cc;
  border-right: 3px solid #2996cc;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: always;
  text-rendering: optimizeLegibility;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
}
.redmine_demo .pricing-table tr.feature-row {
  text-align: center;
}
.redmine_demo .pricing-table tr.feature-row:hover td {
  background-color: #fafbfc;
}
.redmine_demo .pricing-table tr.feature-row.header {
  text-align: center;
}
.redmine_demo .pricing-table tr.feature-row:last-child td.default {
  border-bottom: 3px solid #2996cc;
}
.redmine_demo .pricing-table td {
  padding: 30px;
  border-color: #cdcdcd;
}
.redmine_demo .pricing-table td.default {
  position: relative;
  border-left: 3px solid #2996cc;
  border-right: 3px solid #2996cc;
}
.redmine_demo .pricing-table td.table-features {
  background-color: #fafbfc;
  text-align: left;
}
.redmine_demo .pricing-table td.cross {
  background: url("/cms/assets/thumbnail/33299/20/cross.png") no-repeat center center;
  opacity: 0.2;
}
.redmine_demo .pricing-table td.check {
  background: url("/cms/assets/thumbnail/33384/20/check.png") no-repeat center center;
}
.redmine_demo .pricing-table .button {
  min-width: 0px;
}
.redmine_demo .pricing-plan {
  text-align: center;
  position: relative;
  padding-bottom: 20px;
}
.redmine_demo .pricing-plan:after {
  pointer-events: none;
  content: " ";
  display: block;
  position: absolute;
  z-index: 99;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
  border: 2px solid #2996cc;
  opacity: 0;
  -webkit-transition: opacity 250ms ease, -webkit-transform 0s ease;
  -moz-transition: opacity 250ms ease, -moz-transform 0s ease;
  -o-transition: opacity 250ms ease, -o-transform 0s ease;
  transition: opacity 250ms ease, transform 0s ease;
}
.redmine_demo .pricing-plan:hover:after {
  opacity: 1;
}
.redmine_demo .pricing-plan:before {
  pointer-events: none;
  content: " ";
  display: block;
  position: absolute;
  z-index: 99;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
  border: 1px solid #cdcdcd;
}
.redmine_demo .pricing-plan .package-list {
  min-height: 220px;
}
.redmine_demo .pricing-plan .package-list ul > li {
  margin-bottom: 5px;
}
.redmine_demo .pricing-plan.price-best {
  background: #f1f1f3;
}
.redmine_demo .pricing-plan .plan-name {
  line-height: 36px;
  font-size: 24px;
  padding-top: 30px;
}
.redmine_demo .pricing-plan .best-title {
  background: #fff;
  color: #2996cc;
  line-height: 24px;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 9px 0 7px;
  margin: -40px -1px 0;
}
.redmine_demo .pricing-plan select.user-tier {
  max-width: 100px;
  margin-left: auto;
  margin-right: auto;
}
.redmine_demo .price-amount {
  font-size: 36px;
  font-weight: 300;
  margin-right: 5px;
}
.redmine_demo .price-amount:before {
  font-size: 25px;
  font-weight: 200;
  position: relative;
  right: 2px;
  top: -7px;
}
.redmine_demo .price-amount.small {
  font-size: 26px;
}
.redmine_demo .price-amount.small:before {
  font-size: 14px;
  top: -7px;
}
.redmine_demo .price-amount.dollar:before {
  content: "$";
}
.redmine_demo .price-amount.euro:before {
  content: "€";
}
.redmine_demo .price-amount.pound:before {
  content: "£";
}
.redmine_demo .price-amount.rubles:before {
  content: "₽";
}
.redmine_demo .price-amount.text {
  font-size: 34px;
  line-height: 25px;
}
.redmine_demo .price-amount[class*="per-"] {
  margin-right: 0px;
  margin-left: 7px;
}
.redmine_demo .price-amount[class*="per-"]:after {
  font-size: 14px;
  padding: 0px;
  margin: 0px;
  color: #5f6a7d;
}
.redmine_demo .price-amount.per-hour:after {
  content: "/hr";
}
.redmine_demo .price-amount.per-day:after {
  content: "/day";
}
.redmine_demo .price-amount.per-week:after {
  content: "/week";
}
.redmine_demo .price-amount.per-server:after {
  content: "/serv";
}
.redmine_demo .price-amount.per-month:after {
  content: "/mo";
}
.redmine_demo .price-amount.per-year:after {
  content: "/yr";
}
.redmine_demo .featured-amount, .redmine_demo .featured-operator {
  font-size: 40px;
  line-height: 50px;
  font-weight: 100;
  text-transform: uppercase;
  letter-spacing: -2px;
}
@media (min-width: 1024px) {
  .redmine_demo .featured-amount, .redmine_demo .featured-operator {
    font-size: 50px;
    line-height: 60px;
    font-weight: 100;
  }
}
.redmine_demo .previous-amount {
  position: relative;
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
.redmine_demo .previous-amount:before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  border-bottom-width: -webkit-calc(0.1ex + 1px);
  border-bottom-width: calc(0.1ex + 1px);
  border-bottom-style: solid;
  -webkit-transform: rotate(-15deg);
  -ms-transform: rotate(-15deg);
  transform: rotate(-15deg);
}
.redmine_demo .carusel img {
  height: 53px;
  display: block;
  margin-right: 20px;
}
.redmine_demo .carusel .slider-list > div {
  display: inline-block;
}
.redmine_demo blockquote, .redmine_demo .callout {
  margin-bottom: 20px;
  font-size: 20px;
  line-height: 30px;
  font-weight: 300;
}
@media (min-width: 1024px) {
  .redmine_demo blockquote, .redmine_demo .callout {
    font-size: 24px;
    line-height: 30px;
  }
}
.redmine_demo blockquote p, .redmine_demo .callout p {
  position: relative;
}
.redmine_demo blockquote p:before {
  content: "“";
  position: relative;
  margin-left: -0.8ex;
}
.redmine_demo blockquote p:after {
  content: "”";
}
.redmine_demo blockquote cite {
  display: block;
  font-size: 11px;
  line-height: 20px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
}
.redmine_demo .gray-theme #main_menu, .redmine_demo .gray-theme .hero {
  color: #fff;
  background-color: #fafafa;
}
.redmine_demo .gray-bg {
  background-color: #fafafa !important;
}
.redmine_demo .purple-theme #main_menu, .redmine_demo .purple-theme .hero {
  color: #fff;
  background-color: #B081CF;
}
.redmine_demo .purple-bg {
  background-color: #B081CF !important;
}
.redmine_demo .blue-theme #main_menu, .redmine_demo .blue-theme .hero {
  color: #fff;
  background-color: #4aabe8;
}
.redmine_demo .blue-bg {
  background-color: #4aabe8 !important;
}
.redmine_demo .redmine-blue-theme #main_menu, .redmine_demo .redmine-blue-theme .hero {
  color: #fff;
  background-color: #507AAA;
}
.redmine_demo .redmine-blue-bg {
  background-color: #507AAA !important;
}
.redmine_demo .dark-blue-theme #main_menu, .redmine_demo .dark-blue-theme .hero {
  color: #fff;
  background-color: #164161;
}
.redmine_demo .dark-blue-bg {
  background-color: #164161 !important;
}
.redmine_demo .gray-blue-theme #main_menu, .redmine_demo .gray-blue-theme .hero {
  color: #fff;
  background-color: #EBECEE;
}
.redmine_demo .gray-blue-bg {
  background-color: #EBECEE !important;
}
.redmine_demo .chimp-blue-theme #main_menu, .redmine_demo .chimp-blue-theme .hero {
  color: #fff;
  background-color: #2c9ab7;
}
.redmine_demo .chimp-blue-bg {
  background-color: #2c9ab7 !important;
}
.redmine_demo .navy-theme #main_menu, .redmine_demo .navy-theme .hero {
  color: #fff;
  background-color: #2c2d66;
}
.redmine_demo .navy-bg {
  background-color: #2c2d66 !important;
}
.redmine_demo .green-theme #main_menu, .redmine_demo .green-theme .hero {
  color: #fff;
  background-color: #5ABD77;
}
.redmine_demo .green-bg {
  background-color: #5ABD77 !important;
}
.redmine_demo .dark-green-theme #main_menu, .redmine_demo .dark-green-theme .hero {
  color: #fff;
  background-color: #127651;
}
.redmine_demo .dark-green-bg {
  background-color: #127651 !important;
}
.redmine_demo .deep-green-theme #main_menu, .redmine_demo .deep-green-theme .hero {
  color: #fff;
  background-color: #27883e;
}
.redmine_demo .deep-green-bg {
  background-color: #27883e !important;
}
.redmine_demo .gray-muted-theme #main_menu, .redmine_demo .gray-muted-theme .hero {
  color: #fff;
  background-color: #969799;
}
.redmine_demo .gray-muted-bg {
  background-color: #969799 !important;
}
.redmine_demo .light-green-theme #main_menu, .redmine_demo .light-green-theme .hero {
  color: #fff;
  background-color: #def0e9;
}
.redmine_demo .light-green-bg {
  background-color: #def0e9 !important;
}
.redmine_demo .light-blue-theme #main_menu, .redmine_demo .light-blue-theme .hero {
  color: #fff;
  background-color: #e9f4fe;
}
.redmine_demo .light-blue-bg {
  background-color: #e9f4fe !important;
}
.redmine_demo .red-theme #main_menu, .redmine_demo .red-theme .hero {
  color: #fff;
  background-color: #f67676;
}
.redmine_demo .red-bg {
  background-color: #f67676 !important;
}
.redmine_demo .dark-red-theme #main_menu, .redmine_demo .dark-red-theme .hero {
  color: #fff;
  background-color: #c53020;
}
.redmine_demo .dark-red-bg {
  background-color: #c53020 !important;
}
.redmine_demo .lime-theme #main_menu, .redmine_demo .lime-theme .hero {
  color: #fff;
  background-color: #91be55;
}
.redmine_demo .lime-bg {
  background-color: #91be55 !important;
}
.redmine_demo .yellow-theme #main_menu, .redmine_demo .yellow-theme .hero {
  color: #fff;
  background-color: #f1cd55;
}
.redmine_demo .yellow-bg {
  background-color: #f1cd55 !important;
}
.redmine_demo .teal-theme #main_menu, .redmine_demo .teal-theme .hero {
  color: #fff;
  background-color: #32BEA6;
}
.redmine_demo .teal-bg {
  background-color: #32BEA6 !important;
}
.redmine_demo .brown-theme #main_menu, .redmine_demo .brown-theme .hero {
  color: #fff;
  background-color: #bda484;
}
.redmine_demo .brown-bg {
  background-color: #bda484 !important;
}
.redmine_demo .orange-theme #main_menu, .redmine_demo .orange-theme .hero {
  color: #fff;
  background-color: #ff8559;
}
.redmine_demo .orange-bg {
  background-color: #ff8559 !important;
}
.redmine_demo .dark-orange-theme #main_menu, .redmine_demo .dark-orange-theme .hero {
  color: #fff;
  background-color: #f7a800;
}
.redmine_demo .dark-orange-bg {
  background-color: #f7a800 !important;
}
.redmine_demo .charcoal-theme #main_menu, .redmine_demo .charcoal-theme .hero {
  color: #fff;
  background-color: #394956;
}
.redmine_demo .charcoal-bg {
  background-color: #394956 !important;
}
.redmine_demo .blue-gray-theme #main_menu, .redmine_demo .blue-gray-theme .hero {
  color: #fff;
  background-color: #373f48;
}
.redmine_demo .blue-gray-bg {
  background-color: #373f48 !important;
}
.redmine_demo .black-color {
  color: #000 !important;
}
.redmine_demo .white-color {
  color: #fff !important;
}
.redmine_demo .gray-color {
  color: #bbb !important;
}
.redmine_demo .redmine-blue-color {
  color: #507AAA !important;
}
.redmine_demo .blue-color {
  color: #2996cc !important;
}
.redmine_demo .green-color {
  color: #51b371 !important;
}
.redmine_demo .orange-color {
  color: #f97242 !important;
}
.redmine_demo .red-color {
  color: #df3320 !important;
}
.redmine_demo .base-color {
  color: #5f6a7d !important;
}
.redmine_demo .inverted {
  color: #fff !important;
}
.redmine_demo .white-theme #main_menu {
  background-color: #fff;
  z-index: 2;
  position: relative;
  color: #5f6a7d;
}
.redmine_demo .white-theme #main_menu #menu_logo {
  background-image: url("/cms/assets/download/33292/logo_color_up.svg") format('svg');
}
.redmine_demo .white-theme .hero {
  background-color: #fff;
  color: #5f6a7d;
}
.redmine_demo .page-footer {
  overflow: hidden;
  background-color: #373f48;
  color: #6c7980;
  line-height: 24px;
}
.redmine_demo .page-footer .primary {
  margin-bottom: 30px;
}
.redmine_demo .page-footer .tertiary {
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-width: 0;
  border-color: rgba(255, 255, 255, 0.12);
  border-style: solid;
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.redmine_demo .page-footer a {
  color: #878B91;
}
.redmine_demo .page-footer a:hover {
  color: #D8DCDD;
}
.redmine_demo .page-footer .destination-links {
  display: inline-block;
  line-height: 24px;
}

.redmine_demo .lSSlideOuter {
  overflow: hidden;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.redmine_demo .lightSlider:before, .redmine_demo .lightSlider:after {
  content: " ";
  display: table;
}
.redmine_demo .lightSlider {
  overflow: hidden;
  margin: 0;
}
.redmine_demo .lSSlideWrapper {
  max-width: 100%;
  overflow: hidden;
  position: relative;
}
.redmine_demo .lSSlideWrapper > .lightSlider:after {
  clear: both;
}
.redmine_demo .lSSlideWrapper .lSSlide {
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  -webkit-transition: all 1s;
  -webkit-transition-property: -webkit-transform, height;
  -moz-transition-property: -moz-transform, height;
  transition-property: transform, height;
  -webkit-transition-duration: inherit !important;
  transition-duration: inherit !important;
  -webkit-transition-timing-function: inherit !important;
  transition-timing-function: inherit !important;
}
.redmine_demo .lSSlideWrapper .lSFade {
  position: relative;
}
.redmine_demo .lSSlideWrapper .lSFade > * {
  position: absolute !important;
  top: 0;
  left: 0;
  z-index: 9;
  margin-right: 0;
  width: 100%;
}
.redmine_demo .lSSlideWrapper.usingCss .lSFade > * {
  opacity: 0;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: inherit !important;
  transition-duration: inherit !important;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-timing-function: inherit !important;
  transition-timing-function: inherit !important;
}
.redmine_demo .lSSlideWrapper .lSFade > *.active {
  z-index: 10;
}
.redmine_demo .lSSlideWrapper.usingCss .lSFade > *.active {
  opacity: 1;
}
.redmine_demo .lSSlideOuter .lSPager.lSpg {
  margin: 10px 0 0;
  padding: 0;
  text-align: center;
}
.redmine_demo .lSSlideOuter .lSPager.lSpg > li {
  cursor: pointer;
  display: inline-block;
  padding: 0 6px;
}
.redmine_demo .lSSlideOuter .lSPager.lSpg > li a {
  background-color: #c1c1c1;
  border-radius: 30px;
  display: inline-block;
  width: 10px;
  height: 10px;
  overflow: hidden;
  text-indent: -999em;
  position: relative;
  z-index: 99;
  -webkit-transition: all 0.5s linear 0s;
  transition: all 0.5s linear 0s;
}
.redmine_demo .lSSlideOuter .lSPager.lSpg > li:hover a, .redmine_demo .lSSlideOuter .lSPager.lSpg > li.active a {
  background-color: #2996cc;
}
.redmine_demo .lSSlideOuter .media {
  opacity: 0.8;
}
.redmine_demo .lSSlideOuter .media.active {
  opacity: 1;
}
.redmine_demo .lSSlideOuter .lSPager.lSGallery {
  list-style: none outside none;
  padding-left: 0;
  margin: 0;
  overflow: hidden;
  transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.redmine_demo .lSSlideOuter .lSPager.lSGallery li {
  overflow: hidden;
  -webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s;
  transition: border-radius 0.12s linear 0s 0.35s linear 0s;
}
.redmine_demo .lSSlideOuter .lSPager.lSGallery li.active, .redmine_demo .lSSlideOuter .lSPager.lSGallery li:hover {
  border-radius: 5px;
}
.redmine_demo .lSSlideOuter .lSPager.lSGallery img {
  display: block;
  height: auto;
  max-width: 100%;
}
.redmine_demo .lSSlideOuter .lSPager.lSGallery:before, .redmine_demo .lSSlideOuter .lSPager.lSGallery:after {
  content: " ";
  display: table;
}
.redmine_demo .lSSlideOuter .lSPager.lSGallery:after {
  clear: both;
}
.redmine_demo .lSAction > a, .redmine_demo .mobile-menu .lSAction > a {
  width: 32px;
  display: block;
  top: 50%;
  height: 32px;
  background-image: url("../img/controls.png");
  cursor: pointer;
  position: absolute;
  z-index: 99;
  margin-top: -16px;
  opacity: 0.5;
  -webkit-transition: opacity 0.35s linear 0s;
  transition: opacity 0.35s linear 0s;
}
.redmine_demo .lSAction > a:hover, .redmine_demo .mobile-menu .lSAction > a:hover {
  opacity: 1;
}
.redmine_demo .lSAction > .lSPrev {
  background-position: 0 0;
  left: 10px;
}
.redmine_demo .lSAction > .lSNext {
  background-position: -32px 0;
  right: 10px;
}
.redmine_demo .lSAction > a.disabled, .redmine_demo .mobile-menu .lSAction > a.disabled {
  pointer-events: none;
}
.redmine_demo .cS-hidden {
  height: 1px;
  opacity: 0;
  filter: alpha(opacity=0);
  overflow: hidden;
}
.redmine_demo .lSSlideOuter.vertical {
  position: relative;
}
.redmine_demo .lSSlideOuter.vertical.noPager {
  padding-right: 0px !important;
}
.redmine_demo .lSSlideOuter.vertical .lSGallery {
  position: absolute !important;
  right: 0;
  top: 0;
}
.redmine_demo .lSSlideOuter.vertical .lightSlider > * {
  width: 100% !important;
  max-width: none !important;
}
.redmine_demo .lSSlideOuter.vertical .lSAction > a, .redmine_demo .lSSlideOuter.vertical .mobile-menu .lSAction > a {
  left: 50%;
  margin-left: -14px;
  margin-top: 0;
}
.redmine_demo .lSSlideOuter.vertical .lSAction > .lSNext {
  background-position: 31px -31px;
  bottom: 10px;
  top: auto;
}
.redmine_demo .lSSlideOuter.vertical .lSAction > .lSPrev {
  background-position: 0 -31px;
  bottom: auto;
  top: 10px;
}
.redmine_demo .lSSlideOuter.lSrtl {
  direction: rtl;
}
.redmine_demo .lSSlideOuter .lightSlider, .redmine_demo .lSSlideOuter .lSPager {
  padding-left: 0;
  list-style: none outside none;
}
.redmine_demo .lSSlideOuter.lSrtl .lightSlider, .redmine_demo .lSSlideOuter.lSrtl .lSPager {
  padding-right: 0;
}
.redmine_demo .lSSlideOuter .lightSlider > *, .redmine_demo .lSSlideOuter .lSGallery li {
  float: left;
}
.redmine_demo .lSSlideOuter.lSrtl .lightSlider > *, .redmine_demo .lSSlideOuter.lSrtl .lSGallery li {
  float: right !important;
}
@-webkit-keyframes rightEnd {
  0% {
    left: 0;
  }
  50% {
    left: -15px;
  }
  100% {
    left: 0;
  }
}
@keyframes rightEnd {
  0% {
    left: 0;
  }
  50% {
    left: -15px;
  }
  100% {
    left: 0;
  }
}
@-webkit-keyframes topEnd {
  0% {
    top: 0;
  }
  50% {
    top: -15px;
  }
  100% {
    top: 0;
  }
}
@keyframes topEnd {
  0% {
    top: 0;
  }
  50% {
    top: -15px;
  }
  100% {
    top: 0;
  }
}
@-webkit-keyframes leftEnd {
  0% {
    left: 0;
  }
  50% {
    left: 15px;
  }
  100% {
    left: 0;
  }
}
@keyframes leftEnd {
  0% {
    left: 0;
  }
  50% {
    left: 15px;
  }
  100% {
    left: 0;
  }
}
@-webkit-keyframes bottomEnd {
  0% {
    bottom: 0;
  }
  50% {
    bottom: -15px;
  }
  100% {
    bottom: 0;
  }
}
@keyframes bottomEnd {
  0% {
    bottom: 0;
  }
  50% {
    bottom: -15px;
  }
  100% {
    bottom: 0;
  }
}
.redmine_demo .lSSlideOuter .rightEnd {
  -webkit-animation: rightEnd 0.3s;
  animation: rightEnd 0.3s;
  position: relative;
}
.redmine_demo .lSSlideOuter .leftEnd {
  -webkit-animation: leftEnd 0.3s;
  animation: leftEnd 0.3s;
  position: relative;
}
.redmine_demo .lSSlideOuter.vertical .rightEnd {
  -webkit-animation: topEnd 0.3s;
  animation: topEnd 0.3s;
  position: relative;
}
.redmine_demo .lSSlideOuter.vertical .leftEnd {
  -webkit-animation: bottomEnd 0.3s;
  animation: bottomEnd 0.3s;
  position: relative;
}
.redmine_demo .lSSlideOuter.lSrtl .rightEnd {
  -webkit-animation: leftEnd 0.3s;
  animation: leftEnd 0.3s;
  position: relative;
}
.redmine_demo .lSSlideOuter.lSrtl .leftEnd {
  -webkit-animation: rightEnd 0.3s;
  animation: rightEnd 0.3s;
  position: relative;
}
.redmine_demo .lightSlider.lsGrab > * {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.redmine_demo .lightSlider.lsGrabbing > * {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}
.redmine_demo article, .redmine_demo .article {
  font-size: 16px;
  line-height: 30px;
}
.redmine_demo article img, .redmine_demo .article img {
  max-width: 100%;
  display: block;
  margin: 20px auto;
}
.redmine_demo article ul, .redmine_demo article ol, .redmine_demo .article ul, .redmine_demo .article ol {
  /* margin: 0px; */
}
.redmine_demo article ul > li:nth-last-child(1n + 2), .redmine_demo article ol > li:nth-last-child(1n + 2), .redmine_demo .article ul > li:nth-last-child(1n + 2), .redmine_demo .article ol > li:nth-last-child(1n + 2) {
  margin-bottom: 10px;
}
.redmine_demo article ul > li, .redmine_demo article ol > li, .redmine_demo .article ul > li, .redmine_demo .article ol > li {
  padding-left: 1.2em;
}
.redmine_demo article ul ul, .redmine_demo article ul ol, .redmine_demo article ol ul, .redmine_demo article ol ol, .redmine_demo .article ul ul, .redmine_demo .article ul ol, .redmine_demo .article ol ul, .redmine_demo .article ol ol {
  margin: 0px;
}
.redmine_demo article .steps, .redmine_demo .article .steps {
  counter-reset: steps-counter;
}
.redmine_demo article .steps .step, .redmine_demo .article .steps .step {
  position: relative;
  padding-left: 60px;
  margin-top: 40px;
  padding-bottom: 30px;
  min-height: 100px;
}
@media (min-width: 1024px) {
  .redmine_demo article .steps .step, .redmine_demo .article .steps .step {
    padding-left: 80px;
  }
}
.redmine_demo article .steps .step:before, .redmine_demo .article .steps .step:before {
  content: counter(steps-counter);
  counter-increment: steps-counter;
  position: absolute;
  left: 0;
  top: -2px;
  font-size: 60px;
  font-weight: 200;
  line-height: 1em;
  color: #2996cc;
}
@media (min-width: 1024px) {
  .redmine_demo article .steps .step:before, .redmine_demo .article .steps .step:before {
    top: -8px;
    font-size: 90px;
  }
}
.redmine_demo article .steps .step:after, .redmine_demo .article .steps .step:after {
  content: '.';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
@media (max-width: 1023px) {
  .redmine_demo article h1, .redmine_demo article .h1, .redmine_demo .article h1, .redmine_demo .article .h1 {
    font-size: 28px;
    line-height: 30px;
  }
  .redmine_demo article h2, .redmine_demo article .h2, .redmine_demo .article h2, .redmine_demo .article .h2 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 20px;
  }
  .redmine_demo article h3, .redmine_demo article .h3, .redmine_demo .article h3, .redmine_demo .article .h3 {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 20px;
  }
}
.redmine_demo .pad-base {
  padding: 10px !important;
}
.redmine_demo .pad-line {
  padding: 20px !important;
}
.redmine_demo .pad-small {
  padding: 30px !important;
}
.redmine_demo .pad-medium {
  padding: 60px !important;
}
.redmine_demo .pad-large {
  padding: 80px !important;
}
.redmine_demo .pad-none {
  padding: 0 !important;
}
.redmine_demo .pad-vert-base {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.redmine_demo .pad-vert-line {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.redmine_demo .pad-vert-small {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}
.redmine_demo .pad-vert-medium {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}
.redmine_demo .pad-vert-large {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}
.redmine_demo .pad-vert-none {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.redmine_demo .pad-horz-base {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.redmine_demo .pad-horz-line {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.redmine_demo .pad-horz-small {
  padding-left: 30px !important;
  padding-right: 30px !important;
}
.redmine_demo .pad-horz-medium {
  padding-left: 60px !important;
  padding-right: 60px !important;
}
.redmine_demo .pad-horz-large {
  padding-left: 80px !important;
  padding-right: 80px !important;
}
.redmine_demo .pad-horz-none {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.redmine_demo .pad-top-base {
  padding-top: 10px !important;
}
.redmine_demo .pad-top-line {
  padding-top: 20px !important;
}
.redmine_demo .pad-top-small {
  padding-top: 30px !important;
}
.redmine_demo .pad-top-medium {
  padding-top: 60px !important;
}
.redmine_demo .pad-top-large {
  padding-top: 80px !important;
}
.redmine_demo .pad-top-none {
  padding-top: 0 !important;
}
.redmine_demo .pad-bottom-base {
  padding-bottom: 10px !important;
}
.redmine_demo .pad-bottom-line {
  padding-bottom: 20px !important;
}
.redmine_demo .pad-bottom-small {
  padding-bottom: 30px !important;
}
.redmine_demo .pad-bottom-medium {
  padding-bottom: 60px !important;
}
.redmine_demo .pad-bottom-large {
  padding-bottom: 80px !important;
}
.redmine_demo .pad-bottom-none {
  padding-bottom: 0 !important;
}
.redmine_demo .pad-left-base {
  padding-left: 10px !important;
}
.redmine_demo .pad-left-line {
  padding-left: 20px !important;
}
.redmine_demo .pad-left-small {
  padding-left: 30px !important;
}
.redmine_demo .pad-left-medium {
  padding-left: 60px !important;
}
.redmine_demo .pad-left-large {
  padding-left: 80px !important;
}
.redmine_demo .pad-left-none {
  padding-left: 0 !important;
}
.redmine_demo .pad-right-base {
  padding-right: 10px !important;
}
.redmine_demo .pad-right-line {
  padding-right: 20px !important;
}
.redmine_demo .pad-right-small {
  padding-right: 30px !important;
}
.redmine_demo .pad-right-medium {
  padding-right: 60px !important;
}
.redmine_demo .pad-right-large {
  padding-right: 80px !important;
}
.redmine_demo .pad-right-none {
  padding-right: 0 !important;
}
.redmine_demo .gap-base {
  margin: 10px !important;
}
.redmine_demo .gap-line {
  margin: 20px !important;
}
.redmine_demo .gap-small {
  margin: 30px !important;
}
.redmine_demo .gap-medium {
  margin: 60px !important;
}
.redmine_demo .gap-large {
  margin: 80px !important;
}
.redmine_demo .gap-none {
  margin: 0 !important;
}
.redmine_demo .gap-vert-base {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.redmine_demo .gap-vert-line {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.redmine_demo .gap-vert-small {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}
.redmine_demo .gap-vert-medium {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}
.redmine_demo .gap-vert-large {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}
.redmine_demo .gap-vert-none {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.redmine_demo .gap-horz-base {
  margin-left: 10px !important;
  margin-right: 10px !important;
}
.redmine_demo .gap-horz-line {
  margin-left: 20px !important;
  margin-right: 20px !important;
}
.redmine_demo .gap-horz-small {
  margin-left: 30px !important;
  margin-right: 30px !important;
}
.redmine_demo .gap-horz-medium {
  margin-left: 60px !important;
  margin-right: 60px !important;
}
.redmine_demo .gap-horz-large {
  margin-left: 80px !important;
  margin-right: 80px !important;
}
.redmine_demo .gap-horz-none {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.redmine_demo .gap-top-base {
  margin-top: 10px !important;
}
.redmine_demo .gap-top-line {
  margin-top: 20px !important;
}
.redmine_demo .gap-top-small {
  margin-top: 30px !important;
}
.redmine_demo .gap-top-medium {
  margin-top: 60px !important;
}
.redmine_demo .gap-top-large {
  margin-top: 80px !important;
}
.redmine_demo .gap-top-none {
  margin-top: 0 !important;
}
.redmine_demo .gap-bottom-base {
  margin-bottom: 10px !important;
}
.redmine_demo .gap-bottom-line {
  margin-bottom: 20px !important;
}
.redmine_demo .gap-bottom-small {
  margin-bottom: 30px !important;
}
.redmine_demo .gap-bottom-medium {
  margin-bottom: 60px !important;
}
.redmine_demo .gap-bottom-large {
  margin-bottom: 80px !important;
}
.redmine_demo .gap-bottom-none {
  margin-bottom: 0 !important;
}
.redmine_demo .gap-left-base {
  margin-left: 10px !important;
}
.redmine_demo .gap-left-line {
  margin-left: 20px !important;
}
.redmine_demo .gap-left-small {
  margin-left: 30px !important;
}
.redmine_demo .gap-left-medium {
  margin-left: 60px !important;
}
.redmine_demo .gap-left-large {
  margin-left: 80px !important;
}
.redmine_demo .gap-left-none {
  margin-left: 0 !important;
}
.redmine_demo .gap-right-base {
  margin-right: 10px !important;
}
.redmine_demo .gap-right-line {
  margin-right: 20px !important;
}
.redmine_demo .gap-right-small {
  margin-right: 30px !important;
}
.redmine_demo .gap-right-medium {
  margin-right: 60px !important;
}
.redmine_demo .gap-right-large {
  margin-right: 80px !important;
}
.redmine_demo .gap-right-none {
  margin-right: 0 !important;
}
.redmine_demo .offset-base {
  margin: -10px !important;
}
.redmine_demo .offset-line {
  margin: -20px !important;
}
.redmine_demo .offset-small {
  margin: -30px !important;
}
.redmine_demo .offset-medium {
  margin: -60px !important;
}
.redmine_demo .offset-large {
  margin: -80px !important;
}
.redmine_demo .offset-none {
  margin: 0 !important;
}
.redmine_demo .offset-vert-base {
  margin-top: -10px !important;
  margin-bottom: -10px !important;
}
.redmine_demo .offset-vert-line {
  margin-top: -20px !important;
  margin-bottom: -20px !important;
}
.redmine_demo .offset-vert-small {
  margin-top: -30px !important;
  margin-bottom: -30px !important;
}
.redmine_demo .offset-vert-medium {
  margin-top: -60px !important;
  margin-bottom: -60px !important;
}
.redmine_demo .offset-vert-large {
  margin-top: -80px !important;
  margin-bottom: -80px !important;
}
.redmine_demo .offset-vert-none {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.redmine_demo .offset-horz-base {
  margin-left: -10px !important;
  margin-right: -10px !important;
}
.redmine_demo .offset-horz-line {
  margin-left: -20px !important;
  margin-right: -20px !important;
}
.redmine_demo .offset-horz-small {
  margin-left: -30px !important;
  margin-right: -30px !important;
}
.redmine_demo .offset-horz-medium {
  margin-left: -60px !important;
  margin-right: -60px !important;
}
.redmine_demo .offset-horz-large {
  margin-left: -80px !important;
  margin-right: -80px !important;
}
.redmine_demo .offset-horz-none {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.redmine_demo .offset-top-base {
  margin-top: -10px !important;
}
.redmine_demo .offset-top-line {
  margin-top: -20px !important;
}
.redmine_demo .offset-top-small {
  margin-top: -30px !important;
}
.redmine_demo .offset-top-medium {
  margin-top: -60px !important;
}
.redmine_demo .offset-top-large {
  margin-top: -80px !important;
}
.redmine_demo .offset-top-none {
  margin-top: 0 !important;
}
.redmine_demo .offset-bottom-base {
  margin-bottom: -10px !important;
}
.redmine_demo .offset-bottom-line {
  margin-bottom: -20px !important;
}
.redmine_demo .offset-bottom-small {
  margin-bottom: -30px !important;
}
.redmine_demo .offset-bottom-medium {
  margin-bottom: -60px !important;
}
.redmine_demo .offset-bottom-large {
  margin-bottom: -80px !important;
}
.redmine_demo .offset-bottom-none {
  margin-bottom: 0 !important;
}
.redmine_demo .offset-left-base {
  margin-left: -10px !important;
}
.redmine_demo .offset-left-line {
  margin-left: -20px !important;
}
.redmine_demo .offset-left-small {
  margin-left: -30px !important;
}
.redmine_demo .offset-left-medium {
  margin-left: -60px !important;
}
.redmine_demo .offset-left-large {
  margin-left: -80px !important;
}
.redmine_demo .offset-left-none {
  margin-left: 0 !important;
}
.redmine_demo .offset-right-base {
  margin-right: -10px !important;
}
.redmine_demo .offset-right-line {
  margin-right: -20px !important;
}
.redmine_demo .offset-right-small {
  margin-right: -30px !important;
}
.redmine_demo .offset-right-medium {
  margin-right: -60px !important;
}
.redmine_demo .offset-right-large {
  margin-right: -80px !important;
}
.redmine_demo .offset-right-none {
  margin-right: 0 !important;
}
.redmine_demo .pull-left {
  float: left !important;
}
.redmine_demo .pull-right {
  float: right !important;
}
.redmine_demo .pull-none {
  float: none !important;
}
.redmine_demo .clear-left {
  clear: left !important;
}
.redmine_demo .clear-right {
  clear: right !important;
}
.redmine_demo .clear-both {
  clear: both !important;
}

.redmine_demo h1 a, .redmine_demo h1 .mobile-menu a, .redmine_demo .mobile-menu h1 a, .redmine_demo .h1 a, .redmine_demo h2 a, .redmine_demo h2 .mobile-menu a, .redmine_demo .mobile-menu h2 a, .redmine_demo .h2 a, .redmine_demo h3 a, .redmine_demo h3 .mobile-menu a, .redmine_demo .mobile-menu h3 a, .redmine_demo .h3 a, .redmine_demo h4 a, .redmine_demo h4 .mobile-menu a, .redmine_demo .mobile-menu h4 a, .redmine_demo .h4 a, .redmine_demo h5 a, .redmine_demo h5 .mobile-menu a, .redmine_demo .mobile-menu h5 a, .redmine_demo .h5 a, .redmine_demo h6 a, .redmine_demo h6 .mobile-menu a, .redmine_demo .mobile-menu h6 a, .redmine_demo .h6 a {
  font-weight: inherit;
}
.redmine_demo .icon, .redmine_demo .image {
  display: inline-block;
}
.redmine_demo .icon.face {
  border-radius: 100px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  -o-border-radius: 100px;
  -ms-border-radius: 100px;
  width: 100px;
  height: 100px;
  margin-bottom: 20px;
}
.redmine_demo .image.framed img {
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  border: 1px solid #e0e0e0;
  background-color: #fff;
}
.redmine_demo .image.framed.transparent img {
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  border: 1px solid #fff;
  background-color: transparent;
}
.redmine_demo .image.shadowed img {
  margin-left: auto;
  margin-right: auto;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 3px rgba(213, 218, 223, 0.35);
  -moz-box-shadow: 0 2px 3px rgba(213, 218, 223, 0.35);
  box-shadow: 0 2px 3px rgba(213, 218, 223, 0.35);
  border: 1px solid #d5dadf;
  border-radius: 3px;
}
.redmine_demo .image.avatar {
  border-radius: 100%;
  width: 50px;
  height: 50px;
  margin-right: 10px;
}
.redmine_demo .aspect-ratio-square {
  padding-top: 100%;
}
.redmine_demo .aspect-ratio-rect {
  padding-top: -webkit-calc(50% - 10px);
  padding-top: calc(50% - 10px);
}
.redmine_demo .aspect-ratio-square, .redmine_demo .aspect-ratio-rect {
  position: relative;
  height: 0;
}
.redmine_demo .aspect-ratio-circle {
  border-radius: 100%;
  overflow: hidden;
}
.redmine_demo .aspect-ratio-square > *, .redmine_demo .aspect-ratio-rect > * {
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  width: 100%;
}
.redmine_demo .browser {
  -webkit-box-shadow: 0 13px 35px rgba(98, 100, 112, 0.25);
  -moz-box-shadow: 0 13px 35px rgba(98, 100, 112, 0.25);
  box-shadow: 0 13px 35px rgba(98, 100, 112, 0.25);
  border: 1px solid #d5dadf;
  border-radius: 3px;
  margin: auto;
  overflow: hidden;
  position: relative;
  display: inline-block;
  min-height: 150px;
  background: #fff;
}
.redmine_demo .browser .top-bar {
  background: #fff;
  border-bottom: 1px solid #d5dadf;
  height: 24px;
  border-radius: 4px 4px 0 0;
}
@media (min-width: 480px) {
  .redmine_demo .browser .top-bar {
    height: 30px;
  }
}
.redmine_demo .browser .top-bar .lights {
  list-style: none;
  position: absolute;
  padding: 0;
  left: 10px;
  top: -1px;
}
@media (min-width: 480px) {
  .redmine_demo .browser .top-bar .lights {
    left: 18px;
    top: 5px;
  }
}
.redmine_demo .browser .top-bar .lights li {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.12);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.12);
  display: inline-block;
  margin-right: 6px;
  height: 6px;
  width: 6px;
  border-radius: 100%;
  border: 1px solid #da4b47;
}
.redmine_demo .browser .top-bar .lights li:nth-child(1) {
  background: #f66560;
}
.redmine_demo .browser .top-bar .lights li:nth-child(2) {
  background: #f9c964;
  border-color: #dcac47;
}
.redmine_demo .browser .top-bar .lights li:nth-child(3) {
  background: #30c75d;
  border-color: #1fa748;
}
@media (min-width: 480px) {
  .redmine_demo .browser .top-bar .lights li {
    margin-right: 8px;
    height: 10px;
    width: 10px;
  }
}
.redmine_demo .image.laptop-cover {
  background-image: url("/cms/assets/download/33295/mac.png");
  background-position-y: 33px;
  background-size: 100%;
  background-repeat: no-repeat;
}
.redmine_demo .image.laptop-cover img {
  padding: 52px;
}
.redmine_demo .code-box {
  -webkit-transform: translate(0, 50px);
  -moz-transform: translate(0, 50px);
  -ms-transform: translate(0, 50px);
  -o-transform: translate(0, 50px);
  transform: translate(0, 50px);
  background: #fff;
  border: 1px solid #C1CBD4;
  border-radius: 3px;
  box-shadow: 0 0 11px 0 rgba(0, 0, 0, 0.08);
  height: 204px;
  left: 30px;
  overflow: hidden;
  position: relative;
  top: 0;
  width: 380px;
  z-index: 100;
}
.redmine_demo .code-box:before {
  background: #F9FAFA;
  border-right: 1px solid #D6DDE3;
  border-radius: 3px 0 0 3px;
  bottom: 0;
  content: '';
  left: 0;
  position: absolute;
  top: 0;
  width: 47px;
}
.redmine_demo .code-box .code-box-content {
  bottom: 0;
  position: absolute;
  top: 0;
}
.redmine_demo .code-box .code-box-content pre {
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background: 0 0;
  border: none;
  color: #565f67;
  display: block;
  line-height: 1.6;
  margin: 0;
  padding: 0 0 0 80px;
  position: absolute;
  text-align: left;
  top: 50%;
  white-space: pre-line;
  width: 350px;
}
.redmine_demo .code-box .code-box-content pre:before {
  bottom: 0;
  color: #a5b2bd;
  content: "1 2 3 4 5 6 7 8 9 10 11 12";
  left: 14px;
  overflow: hidden;
  position: absolute;
  text-align: right;
  top: 0;
  white-space: normal;
  width: 15px;
}
.redmine_demo .code-box .code-box-content .function {
  color: #7e80e7;
}
.redmine_demo .code-box .code-box-content .string {
  color: #3197d6;
}
.redmine_demo .code-box .code-box-content .number {
  color: #4bc27d;
}
.redmine_demo pre, .redmine_demo code {
  color: #2e3b4e;
  background-color: #f0f0f0;
  font-family: Menlo, Monaco, Consolas, monospace;
  font-size: 90%;
  font-weight: normal;
  word-spacing: normal;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}
.redmine_demo pre {
  display: block;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  padding: 20px;
  margin-bottom: 20px;
  text-align: left;
  -moz-tab-size: 2;
  -o-tab-size: 2;
  tab-size: 2;
  border: 1px solid #e0e0e0;
  font-size: 13px;
  line-height: 1.5em;
}
.redmine_demo code {
  display: inline;
  padding: .3em .5em;
  border-radius: .2em;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
}
.redmine_demo pre code {
  padding: 0;
  border-radius: 0;
  background-color: transparent;
  font-size: inherit;
}
.redmine_demo .button, .redmine_demo .button:link, .redmine_demo .button:visited, .redmine_demo button, .redmine_demo input[type="button"], .redmine_demo input[type="submit"], .redmine_demo input[type="reset"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  min-width: 200px;
  max-width: 100%;
  min-height: 40px;
  padding: 10px 40px;
  margin-bottom: 20px;
  border-radius: 3px;
  border: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: always;
  text-rendering: optimizeLegibility;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  color: #fff;
  background-color: #2996cc;
  /*5383e*/
}
.redmine_demo .button.linear, .redmine_demo .button:link.linear, .redmine_demo .button:visited.linear, .redmine_demo button.linear, .redmine_demo input[type="button"].linear, .redmine_demo input[type="submit"].linear, .redmine_demo input[type="reset"].linear {
  background-color: transparent;
  border: 1px solid #fff;
  padding: 9px 38px;
  color: #fff;
}
.redmine_demo .button.linear.blue, .redmine_demo .button:link.linear.blue, .redmine_demo .button:visited.linear.blue, .redmine_demo button.linear.blue, .redmine_demo input[type="button"].linear.blue, .redmine_demo input[type="submit"].linear.blue, .redmine_demo input[type="reset"].linear.blue {
  background-color: transparent;
  border: 1px solid #2996cc;
  color: #2996cc;
}
.redmine_demo .button.small, .redmine_demo .button:link.small, .redmine_demo .button:visited.small, .redmine_demo button.small, .redmine_demo input[type="button"].small, .redmine_demo input[type="submit"].small, .redmine_demo input[type="reset"].small {
  font-size: 12px;
  padding: 6px 14px;
  min-height: 0px;
  min-width: 0px;
}
.redmine_demo .button.small.linear, .redmine_demo .button:link.small.linear, .redmine_demo .button:visited.small.linear, .redmine_demo button.small.linear, .redmine_demo input[type="button"].small.linear, .redmine_demo input[type="submit"].small.linear, .redmine_demo input[type="reset"].small.linear {
  padding: 5px 12px;
}
.redmine_demo .button:hover, .redmine_demo .button:link:hover, .redmine_demo .button:visited:hover, .redmine_demo button:hover, .redmine_demo input[type="button"]:hover, .redmine_demo input[type="submit"]:hover, .redmine_demo input[type="reset"]:hover {
  background-color: #2586b7 !important;
  /*4d79d0*/
  color: #fff !important;
  border-color: transparent;
}
.redmine_demo .button.green, .redmine_demo .button:link.green, .redmine_demo .button:visited.green, .redmine_demo button.green, .redmine_demo input[type="button"].green, .redmine_demo input[type="submit"].green, .redmine_demo input[type="reset"].green {
  background-color: #51b371;
}
.redmine_demo .button.green:hover, .redmine_demo .button:link.green:hover, .redmine_demo .button:visited.green:hover, .redmine_demo button.green:hover, .redmine_demo input[type="button"].green:hover, .redmine_demo input[type="submit"].green:hover, .redmine_demo input[type="reset"].green:hover {
  background-color: #40915a !important;
}
.redmine_demo .button.light-green, .redmine_demo .button:link.light-green, .redmine_demo .button:visited.light-green, .redmine_demo button.light-green, .redmine_demo input[type="button"].light-green, .redmine_demo input[type="submit"].light-green, .redmine_demo input[type="reset"].light-green {
  background-color: #18c489;
}
.redmine_demo .button.light-green:hover, .redmine_demo .button:link.light-green:hover, .redmine_demo .button:visited.light-green:hover, .redmine_demo button.light-green:hover, .redmine_demo input[type="button"].light-green:hover, .redmine_demo input[type="submit"].light-green:hover, .redmine_demo input[type="reset"].light-green:hover {
  background-color: #15ad79 !important;
}
.redmine_demo .button.orange, .redmine_demo .button:link.orange, .redmine_demo .button:visited.orange, .redmine_demo button.orange, .redmine_demo input[type="button"].orange, .redmine_demo input[type="submit"].orange, .redmine_demo input[type="reset"].orange {
  background-color: #ff9139;
}
.redmine_demo .button.orange:hover, .redmine_demo .button:link.orange:hover, .redmine_demo .button:visited.orange:hover, .redmine_demo button.orange:hover, .redmine_demo input[type="button"].orange:hover, .redmine_demo input[type="submit"].orange:hover, .redmine_demo input[type="reset"].orange:hover {
  background-color: #ff7506 !important;
}
.redmine_demo .button.purple, .redmine_demo .button:link.purple, .redmine_demo .button:visited.purple, .redmine_demo button.purple, .redmine_demo input[type="button"].purple, .redmine_demo input[type="submit"].purple, .redmine_demo input[type="reset"].purple {
  background-color: #7e80e7;
}
.redmine_demo .button.purple:hover, .redmine_demo .button:link.purple:hover, .redmine_demo .button:visited.purple:hover, .redmine_demo button.purple:hover, .redmine_demo input[type="button"].purple:hover, .redmine_demo input[type="submit"].purple:hover, .redmine_demo input[type="reset"].purple:hover {
  background-color: #5356df !important;
}
.redmine_demo ul, .redmine_demo ol {
  list-style: none;
  margin-bottom: 20px;
}
.redmine_demo ul > li, .redmine_demo ol > li {
  position: relative;
  padding-left: 2.14286em;
}
.redmine_demo ul > li:nth-last-child(1n + 2), .redmine_demo ol > li:nth-last-child(1n + 2) {
  margin-bottom: 20px;
}
.redmine_demo ul > li:before, .redmine_demo ol > li:before {
  overflow: hidden;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 1.42857em;
}
.redmine_demo ul ul, .redmine_demo ol ul, .redmine_demo ul ol, .redmine_demo ol ol {
  margin-top: 20px;
}
.redmine_demo ul.inline-list > li, .redmine_demo ol.inline-list > li {
  display: inline;
  padding-left: 0;
  margin-bottom: 0;
}
.redmine_demo ul.inline-list > li:before, .redmine_demo ol.inline-list > li:before {
  display: inline;
  position: static;
  width: auto;
}
.redmine_demo ul.inline-list > li:nth-last-child(1n + 2):after, .redmine_demo ul.inline-list.space > li:nth-last-child(1n + 2):after, .redmine_demo ol.inline-list > li:nth-last-child(1n + 2):after, .redmine_demo ol.inline-list.space > li:nth-last-child(1n + 2):after {
  content: " ";
}
.redmine_demo ul.inline-list.comma > li:nth-last-child(1n + 2):after, .redmine_demo ol.inline-list.comma > li:nth-last-child(1n + 2):after {
  content: ", ";
}
.redmine_demo ul.inline-list.bullet > li:nth-last-child(1n + 2):after, .redmine_demo ol.inline-list.bullet > li:nth-last-child(1n + 2):after {
  content: "•";
  padding-left: .71429em;
  padding-right: 0.71429em;
}
.redmine_demo ul.inline-list.pipe > li:nth-last-child(1n + 2):after, .redmine_demo ol.inline-list.pipe > li:nth-last-child(1n + 2):after {
  content: "|";
  padding-left: .71429em;
  padding-right: 0.71429em;
}
.redmine_demo ul > li:before {
  content: "●";
}
.redmine_demo ul.inline-list > li:before {
  content: none;
}
.redmine_demo ul.check-list > li:before {
  content: " ";
  width: 1.07143em;
  height: .5em;
  top: .28571em;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border-style: solid;
  border-top-width: 0;
  border-right-width: 0;
  border-left-width: 2px;
  border-bottom-width: 2px;
  color: #5f6a7d;
}
.redmine_demo ul.check-list.inline-list > li:nth-last-child(1n + 2) {
  margin-right: 1.07143em;
}
.redmine_demo ul.check-list.inline-list > li:before {
  display: inline-block;
  vertical-align: .28571em;
  margin-right: 0.28571em;
}
.redmine_demo ul.check-list.inverted > li:before, .redmine_demo .inverted ul.check-list > li:before {
  color: #fff;
}
.redmine_demo ol, .redmine_demo ol.decimal {
  counter-reset: list-counter 0;
}
.redmine_demo ol > li:before, .redmine_demo ol.decimal > li:before {
  content: counter(list-counter,decimal) ". ";
}
.redmine_demo ol > li, .redmine_demo ol.decimal > li {
  counter-increment: list-counter;
}
.redmine_demo ol.circle-list > li:before, .redmine_demo ol.decimal.circle-list > li:before {
  content: counter(list-counter,decimal);
}
.redmine_demo ol.alpha, .redmine_demo ol.upper-alpha {
  counter-reset: list-counter 0;
}
.redmine_demo ol.alpha > li:before, .redmine_demo ol.upper-alpha > li:before {
  content: counter(list-counter,upper-alpha) ". ";
}
.redmine_demo ol.alpha > li, .redmine_demo ol.upper-alpha > li {
  counter-increment: list-counter;
}
.redmine_demo ol.alpha.circle-list > li:before, .redmine_demo ol.upper-alpha.circle-list > li:before {
  content: counter(list-counter,upper-alpha);
}
.redmine_demo ol.lower-alpha {
  counter-reset: list-counter 0;
}
.redmine_demo ol.lower-alpha > li:before {
  content: counter(list-counter,lower-alpha) ". ";
}
.redmine_demo ol.lower-alpha > li {
  counter-increment: list-counter;
}
.redmine_demo ol.lower-alpha.circle-list > li:before {
  content: counter(list-counter,lower-alpha);
}
.redmine_demo ol.roman, .redmine_demo ol.upper-roman {
  counter-reset: list-counter 0;
}
.redmine_demo ol.roman > li:before, .redmine_demo ol.upper-roman > li:before {
  content: counter(list-counter,upper-roman) ". ";
}
.redmine_demo ol.roman > li, .redmine_demo ol.upper-roman > li {
  counter-increment: list-counter;
}
.redmine_demo ol.roman.circle-list > li:before, .redmine_demo ol.upper-roman.circle-list > li:before {
  content: counter(list-counter,upper-roman);
}
.redmine_demo ol.lower-roman {
  counter-reset: list-counter 0;
}
.redmine_demo ol.lower-roman > li:before {
  content: counter(list-counter,lower-roman) ". ";
}
.redmine_demo ol.lower-roman > li {
  counter-increment: list-counter;
}
.redmine_demo ol.lower-roman.circle-list > li:before {
  content: counter(list-counter,lower-roman);
}
.redmine_demo ol.circle-list > li {
  padding-left: 2.42857em;
}
.redmine_demo ol.circle-list > li:before {
  width: 2.18182em;
  height: 2.18182em;
  line-height: -webkit-calc(2.18182em - 2px);
  line-height: calc(2.18182em - 2px);
  margin-top: -0.18182em;
  border-width: 1px;
  border-style: solid;
  border-radius: 50%;
  text-align: center;
  color: #5f6a7d;
  font-weight: 600;
  font-size: 0.78571em;
}
.redmine_demo ol.circle-list.inline-list > li {
  padding-left: 0;
}
.redmine_demo ol.circle-list.inline-list > li:nth-last-child(1n + 2) {
  margin-right: 0.71429em;
}
.redmine_demo ol.circle-list.inline-list > li:before {
  display: inline-block;
  margin-right: .45455em;
  vertical-align: middle;
}
.redmine_demo ul.reset > li:before, .redmine_demo ol.reset > li:before {
  content: none;
}
.redmine_demo ul.reset > li, .redmine_demo ol.reset > li {
  margin-bottom: 0;
  padding-left: 0;
}
.redmine_demo .hero {
  text-align: center;
  overflow: hidden;
  background-color: #fff;
}
.redmine_demo .hero h1, .redmine_demo .hero .h1, .redmine_demo .hero h2, .redmine_demo .hero .h2, .redmine_demo .hero h3, .redmine_demo .hero .h3, .redmine_demo .hero h4, .redmine_demo .hero .h4, .redmine_demo .hero h5, .redmine_demo .hero .h5, .redmine_demo .hero h6, .redmine_demo .hero .h6, .redmine_demo .hero p, .redmine_demo .hero ul, .redmine_demo .hero ol, .redmine_demo .hero a:not(.button) {
  color: inherit;
}
.redmine_demo .hero h1, .redmine_demo .hero .h1, .redmine_demo .hero h2, .redmine_demo .hero .h2, .redmine_demo .hero h3, .redmine_demo .hero .h3, .redmine_demo .hero h4, .redmine_demo .hero .h4, .redmine_demo .hero h5, .redmine_demo .hero .h5, .redmine_demo .hero h6, .redmine_demo .hero .h6 {
        /* font-weight: 300; */
    
    }
.redmine_demo .hero .content {
  padding: 20px 0;
}
@media (min-width: 718px) {
  .redmine_demo .hero .content {
    padding: 40px 0;
  }
}
@media (min-width: 1024px) {
  .redmine_demo .hero .content {
    padding: 60px 0;
  }
}
.redmine_demo .hero h2, .redmine_demo .hero .h2 {
  margin-bottom: 0;
  font-weight: 600;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 1024px) {
  .redmine_demo .hero h2, .redmine_demo .hero .h2 {
    font-size: 16px;
    line-height: 20px;
  }
}
.redmine_demo .hero h4 {
  font-size: 20px;
  line-height: 1em;
}
.redmine_demo .hero p:not(.cta) {
  margin-bottom: 20px;
  margin-top: -10px;
}
@media (min-width: 1024px) {
  .redmine_demo .hero p:not(.cta) {
    font-size: 16px;
    line-height: 20px;
  }
}
@media (min-width: 718px) {
  .redmine_demo .hero h1, .redmine_demo .hero .h1 {
    margin-left: auto;
    margin-right: auto;
    /* max-width: 50% */
  }
}
.redmine_demo .hero.tucked {
  margin-top: -42px;
  padding-top: 42px;
}
@media (min-width: 718px) {
  .redmine_demo .hero.tucked {
    margin-top: -73px;
    padding-top: 73px;
  }
}
.redmine_demo .hero.product {
  padding-bottom: 0;
}
@media (min-width: 718px) {
  .redmine_demo .hero.product {
    /* height: 427px; */
    text-align: left;
  }
  .redmine_demo .hero.product h1, .redmine_demo .hero .hero.product .h1 {
    margin-left: 0;
    margin-right: 0;
  }
}
.redmine_demo .hero.with-search {
  overflow: visible;
  z-index: 2;
}
.redmine_demo .hero #live_search {
  font-size: 18px;
  line-height: 20px;
  font-weight: 400;
  color: #2e3b4e;
}
.redmine_demo .hero #live_search ul {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.redmine_demo .hero #live_search li:hover {
  background-color: #fafafa;
  border-radius: inherit;
}
.redmine_demo .hero #live_search input {
  font-size: 18px;
  line-height: 20px;
  font-weight: 400;
  color: #2e3b4e;
  border: none;
  margin: 0;
}
.redmine_demo .hero #live_search input.active {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.redmine_demo #trusted_by .slider-list div > img {
  opacity: 0.4;
}
.redmine_demo #trusted_by h4 {
  color: #989898;
}
.redmine_demo input[type="text"], .redmine_demo input[type="password"], .redmine_demo input[type="email"], .redmine_demo input[type="search"], .redmine_demo input[type="url"], .redmine_demo input[type="tel"], .redmine_demo input[type="number"], .redmine_demo select, .redmine_demo textarea {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  position: relative;
  z-index: 0;
  display: block;
  width: 100%;
  margin: 0;
  height: 40px;
  line-height: 20px;
  padding: 9px;
  font-size: 14px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 300;
  background: white;
  color: #5f6a7d;
  outline: none;
  border: 1px solid #c4c4c4;
  border-radius: 3px;
}
.redmine_demo input[type="text"]:focus, .redmine_demo input[type="password"]:focus, .redmine_demo input[type="email"]:focus, .redmine_demo input[type="search"]:focus, .redmine_demo input[type="url"]:focus, .redmine_demo input[type="tel"]:focus, .redmine_demo input[type="number"]:focus, .redmine_demo select:focus, .redmine_demo textarea:focus {
  border-color: #2996cc;
  z-index: 1;
}
.redmine_demo .csstransitions .show-time input[type="text"], .redmine_demo .csstransitions .show-time input[type="password"], .redmine_demo .csstransitions .show-time input[type="email"], .redmine_demo .csstransitions .show-time input[type="search"], .redmine_demo .csstransitions .show-time input[type="url"], .redmine_demo .csstransitions .show-time input[type="tel"], .redmine_demo .csstransitions .show-time input[type="number"], .redmine_demo .csstransitions .show-time select, .redmine_demo .csstransitions .show-time textarea {
  -webkit-transition: color 0.3s, border-color 0.3s, background-color 0.3s;
  transition: color 0.3s, border-color 0.3s, background-color 0.3s;
}
.redmine_demo .error input[type="text"], .redmine_demo .error input[type="password"], .redmine_demo .error input[type="email"], .redmine_demo .error input[type="search"], .redmine_demo .error input[type="url"], .redmine_demo .error input[type="tel"], .redmine_demo .error input[type="number"], .redmine_demo .error select, .redmine_demo .error textarea {
  z-index: 1;
  border-color: #df3320;
  background-color: white;
  background: #fff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMHB4IiBoZWlnaHQ9IjIwcHgiIHZpZXdCb3g9IjAgMCAyMCAyMCI+CiAgPHBhdGggZmlsbD0iI0RGMzMyMCIgZD0iTTEwLDEzLjZjLTAuMywwLTAuNi0wLjMtMC42LTAuNlY3YzAtMC4zLDAuMy0wLjYsMC42LTAuNnMwLjYsMC4zLDAuNiwwLjZ2NiBDMTAuNiwxMy4zLDEwLjMsMTMuNiwxMCwxMy42eiIvPgogIDxwYXRoIGZpbGw9IiNERjMzMjAiIGQ9Ik0xMCwxNi42Yy0wLjMsMC0wLjYtMC4zLTAuNi0wLjZ2LTAuNWMwLTAuMywwLjMtMC42LDAuNi0wLjZzMC42LDAuMywwLjYsMC42VjE2IEMxMC42LDE2LjMsMTAuMywxNi42LDEwLDE2LjZ6Ii8+CiAgPHBhdGggZmlsbD0iI0RGMzMyMCIgZD0iTTEwLDEuOWMwLjYsMCwwLjksMC4zLDEuMSwwLjZsNy42LDEzLjRsMC4xLDAuMmMwLjEsMC4zLDAuMiwwLjQsMC4yLDAuNiBjMCwwLjItMC4xLDAuNC0wLjIsMC42bDAsMGwwLDAuMUMxOC41LDE3LjcsMTgsMTgsMTcuNiwxOEgyLjRjLTAuNCwwLTAuOS0wLjMtMS4xLTAuN2wwLTAuMWwwLDBDMS4xLDE3LDEsMTYuOSwxLDE2LjUgYzAtMC4xLDAuMi0wLjUsMC4zLTAuNkw4LjgsMi41QzksMi4xLDkuNSwxLjksMTAsMS45IE0xMCwwLjlDOS4yLDAuOSw4LjQsMS4zLDgsMkwwLjQsMTUuNEMwLjIsMTUuOCwwLDE2LjIsMCwxNi41IGMwLDAuNSwwLjEsMC45LDAuNCwxLjNjMC40LDAuNywxLjIsMS4yLDIsMS4yaDE1LjJjMC44LDAsMS42LTAuNSwyLTEuMmMwLjMtMC40LDAuNC0wLjgsMC40LTEuMmMwLTAuNS0wLjItMC44LTAuNC0xLjJMMTEuOSwyIEMxMS40LDEuMywxMC43LDAuOSwxMCwwLjlMMTAsMC45eiIvPgo8L3N2Zz4K) calc(100% - 10px) 50% no-repeat;
  padding-right: 40px;
}
.redmine_demo .validated input[type="text"], .redmine_demo .validated input[type="password"], .redmine_demo .validated input[type="email"], .redmine_demo .validated input[type="search"], .redmine_demo .validated input[type="url"], .redmine_demo .validated input[type="tel"], .redmine_demo .validated input[type="number"], .redmine_demo .validated select, .redmine_demo .validated textarea {
  z-index: 1;
  border-color: #24b524;
  background-color: white;
}
.redmine_demo ::-webkit-input-placeholder {
  color: #c4c4c4;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: always;
  text-rendering: optimizeLegibility;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
}
.redmine_demo ::-moz-placeholder {
  color: #c4c4c4;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: always;
  text-rendering: optimizeLegibility;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
}
.redmine_demo :-ms-input-placeholder {
  color: #c4c4c4;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: always;
  text-rendering: optimizeLegibility;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
}
.redmine_demo ::placeholder {
  color: #c4c4c4;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: always;
  text-rendering: optimizeLegibility;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
}
.redmine_demo :invalid {
  box-shadow: none;
}
.redmine_demo :-moz-submit-invalid {
  box-shadow: none;
}
.redmine_demo :-moz-ui-invalid {
  box-shadow: none;
}
.redmine_demo .field {
  position: relative;
}
.redmine_demo .field:before, .redmine_demo .field:after {
  content: " ";
  display: none;
}
.redmine_demo .no-touch .field:before, .redmine_demo .no-touch .field:after {
  display: block;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s, visibility 0s 0.3s;
  transition: opacity 0.3s, transform 0.3s, visibility 0s 0.3s;
  position: absolute;
  z-index: 2;
  top: 100%;
  -webkit-transform: translateY(5px);
  -ms-transform: translateY(5px);
  transform: translateY(5px);
}
.redmine_demo .field:before {
  width: 0;
  height: 0;
  border-bottom: 4px solid #2996cc;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  margin-top: 1px;
  left: 20px;
}
.redmine_demo .field:after {
  width: 100%;
  margin-top: -1px;
  padding: 6px 12px;
  line-height: 16px;
  color: white;
  font-size: 11px;
  font-weight: 700;
  border-radius: 0 0 3px 3px;
  background: #df3320;
}
.redmine_demo .no-touch .field:after {
  margin-top: 4px;
}
.redmine_demo .no-touch .field:after {
  border-radius: 3px;
}
.redmine_demo .field.error:before {
  border-bottom: 4px solid #df3320;
}
.redmine_demo .field.validated:before {
  border-bottom: 4px solid #24b524;
}
.redmine_demo .field[data-validation-message]:after {
  content: attr(data-validation-message);
  display: block;
  word-wrap: break-word;
}
.redmine_demo .no-touch .field[data-validation-message].active-field:before, .redmine_demo .no-touch .field[data-validation-message].active-field:after {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s, visibility 0s;
  transition: opacity 0.3s, transform 0.3s, visibility 0s;
}
.redmine_demo .field.disabled, .redmine_demo .disabled .field {
  cursor: default;
}
.redmine_demo .field.disabled input, .redmine_demo .field.disabled select, .redmine_demo .field.disabled textarea, .redmine_demo .disabled .field input, .redmine_demo .disabled .field select, .redmine_demo .disabled .field textarea {
  color: #c4c4c4 !important;
  border-color: #c4c4c4 !important;
  background-color: #fafafa !important;
}
.redmine_demo .password-input {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
  border: 1px solid #c4c4c4;
  border-radius: 3px;
}
.redmine_demo .active-field .password-input {
  border-color: #2996cc;
}
.redmine_demo .validated .password-input {
  border-color: #24b524;
}
.redmine_demo .error .password-input {
  border-color: #df3320;
}
.redmine_demo .password-input.disabled input + button.toggle-password, .redmine_demo .disabled .password-input input + button.toggle-password {
  display: none;
}
.redmine_demo .password-input input {
  background: none;
  border: none;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.redmine_demo button.toggle-password {
  display: block;
  width: auto;
  min-width: 0;
  padding: 10px;
  font-size: 11px;
  font-weight: 300;
  line-height: 20px;
  cursor: pointer;
  background: none;
  text-transform: none;
  letter-spacing: normal;
  color: #c4c4c4;
  outline: none;
  cursor: pointer;
}
.redmine_demo button.toggle-password:hover, .redmine_demo button.toggle-password:focus {
  color: #2996cc !important;
  background: none;
}
.redmine_demo button.toggle-password:focus:before {
  outline: 1px dotted #2996cc;
}
.redmine_demo button.toggle-password:before {
  content: "Show";
}
.redmine_demo button.toggle-password.visible:before {
  content: "Hide";
}
.redmine_demo .select-field .select {
  position: relative;
}
.redmine_demo .select-field .select:after {
  content: " ";
  display: block;
  position: absolute;
  z-index: 1;
  top: 1px;
  right: 1px;
  width: 38px;
  height: 38px;
  background: white;
  border-radius: 3px;
  pointer-events: none;
}
.redmine_demo .no-pointerevents .select-field .select:after {
  display: none;
}
.redmine_demo .select-field i {
  display: block;
  position: absolute;
  z-index: 2;
  top: 14px;
  right: 16px;
  width: 8px;
  height: 8px;
  border-right: 1px solid #c4c4c4;
  border-bottom: 1px solid #c4c4c4;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  pointer-events: none;
}
.redmine_demo select {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAQCAIAAACUZLgLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMpJREFUeNpi/P//PwPpgImBLDDEtL3/8PHu/Ydo0p+/fL199z6mNhYI9evXr4NHjj1/8crexlJLQw0i+O379z0HDj1//pLh/39VFSUstrGwsCjKyzEzMx8+dvLajVtAke/fv+/ee/Dp0+eSEmIiIsJotjEix9vlq9ePnzrDyMhoamwI1HDv4SNZKUlnR1teHh582iA6T5w++/fvv////0mKi2PVgyUkdbU1LUyNGRkZxMXFcOkBgf/YwM3bdz98+PgfN2AcxmkSIMAA7YmHbtg8ZUMAAAAASUVORK5CYII=) no-repeat right #fff;
  background-size: 18px 16px;
}
.redmine_demo .submit-field {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
}
.redmine_demo .submit-field button, .redmine_demo .submit-field .button {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  width: 40%;
  margin: 0px;
  padding-left: 0px;
  padding-right: 0px;
  min-width: initial;
}
.redmine_demo .submit-field button.small, .redmine_demo .submit-field .button.small {
  width: 45%;
}
.redmine_demo .submit-field input.submit-input {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  width: 60%;
  border-right: 0px;
}
.redmine_demo .submit-field input.submit-input.small {
  height: 32px;
  width: 55%;
}
.redmine_demo .modal {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  pointer-events: none;
  overflow: hidden;
}
@media (min-width: 480px) {
  .redmine_demo .modal {
    background-color: rgba(0, 0, 0, 0.5);
  }
}
.redmine_demo .show-time .modal {
  -webkit-transition: opacity 0s .3s, visibility 0s .3s, z-index 0s .3s;
  transition: opacity 0s 0.3s, visibility 0s 0.3s, z-index 0s 0.3s;
}
@media (min-width: 480px) {
  .redmine_demo .show-time .modal {
    -webkit-transition: opacity .15s, visibility .15s, z-index .15s;
    transition: opacity 0.15s, visibility 0.15s, z-index 0.15s;
  }
}
.redmine_demo .modal[data-active="true"] {
  opacity: 1;
  visibility: visible;
  z-index: 99;
  pointer-events: auto;
  overflow: auto;
  -webkit-transition: visibility 0s, z-index 0s;
  transition: visibility 0s, z-index 0s;
}
@media (min-width: 480px) {
  .redmine_demo .modal[data-active="true"] {
    -webkit-transition: opacity .15s, visibility 0s, z-index 0s;
    transition: opacity 0.15s, visibility 0s, z-index 0s;
  }
}
.redmine_demo .touch .modal[data-active="true"] {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.redmine_demo .modal-wrapper {
  position: relative;
  min-height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #fff;
  -webkit-transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  transform: translate(0, 100%);
}
@media (min-width: 480px) {
  .redmine_demo .modal-wrapper {
    min-height: 0;
    margin-top: 21px;
    margin-bottom: 21px;
    padding-top: 60px;
    padding-bottom: 60px;
    border-radius: 5px;
  }
}
@media (min-width: 718px) {
  .redmine_demo .modal-wrapper {
    margin-top: 36.5px;
    margin-bottom: 36.5px;
  }
}
@media (min-width: 480px) {
  .redmine_demo .modal-wrapper {
    max-width: 424px;
  }
}
@media (min-width: 718px) {
  .redmine_demo .modal-wrapper {
    max-width: 680px;
  }
}
@media (min-width: 1024px) {
  .redmine_demo .modal-wrapper {
    max-width: 868px;
  }
}
@media (min-width: 1292px) {
  .redmine_demo .modal-wrapper {
    max-width: 1016px;
  }
}
.redmine_demo .show-time .modal-wrapper {
  -webkit-transition: -webkit-transform .3s ease-out;
  transition: -webkit-transform .3s ease-out;
  transition: transform .3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}
@media (min-width: 480px) {
  .redmine_demo .modal-wrapper {
    -webkit-transform: translate(0, -15px);
    -ms-transform: translate(0, -15px);
    transform: translate(0, -15px);
  }
  .redmine_demo .show-time .modal-wrapper {
    -webkit-transition: -webkit-transform .15s ease-out;
    transition: -webkit-transform .15s ease-out;
    transition: transform .15s ease-out;
    transition: transform 0.15s ease-out, -webkit-transform 0.15s ease-out;
  }
}
.redmine_demo [data-active="true"] .modal-wrapper {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: -webkit-transform .3s ease-out;
  transition: -webkit-transform .3s ease-out;
  transition: transform .3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}
@media (min-width: 480px) {
  .redmine_demo [data-active="true"] .modal-wrapper {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: -webkit-transform .15s ease-out;
    transition: -webkit-transform .15s ease-out;
    transition: transform .15s ease-out;
    transition: transform 0.15s ease-out, -webkit-transform 0.15s ease-out;
  }
}
@media (min-width: 480px) {
  .redmine_demo .dialog .modal-wrapper {
    min-height: 0;
    max-height: -webkit-calc(100% - 42px);
    max-height: calc(100% - 42px);
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -webkit-calc(-50% - 15px));
    -ms-transform: translate(-50%, calc(-50% - 15px));
    transform: translate(-50%, calc(-50% - 15px));
    overflow: auto;
  }
  .redmine_demo .touch .dialog .modal-wrapper {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
}
@media (min-width: 718px) {
  .redmine_demo .dialog .modal-wrapper {
    max-height: -webkit-calc(100% - 73px);
    max-height: calc(100% - 73px);
  }
}
@media (min-width: 480px) {
  .redmine_demo .dialog .modal-wrapper {
    width: 424px;
  }
}
@media (min-width: 718px) {
  .redmine_demo .dialog .modal-wrapper {
    width: 680px;
  }
}
@media (min-width: 480px) {
  .redmine_demo .dialog[data-active="true"] .modal-wrapper {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
@media (min-width: 480px) {
  .redmine_demo .dialog.shake .modal-wrapper {
    -webkit-animation-name: shake-dialog;
    animation-name: shake-dialog;
    -webkit-animation-duration: .3s;
    animation-duration: 0.3s;
  }
}
.redmine_demo .modal-content {
  margin-left: auto;
  margin-right: auto;
  max-width: 276px;
}
@media (min-width: 480px) {
  .redmine_demo .modal-content {
    max-width: 324px;
  }
}
@media (min-width: 718px) {
  .redmine_demo .modal-content {
    max-width: 424px;
  }
}
@media (min-width: 1024px) {
  .redmine_demo .modal-content {
    max-width: 680px;
  }
}
@media (min-width: 1292px) {
  .redmine_demo .modal-content {
    max-width: 868px;
  }
}
@media (min-width: 718px) {
  .redmine_demo .dialog .modal-content {
    max-width: 424px !important;
  }
}
.redmine_demo .modal-close-button {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 60px;
  height: 60px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIj4KICA8cGF0aCBmaWxsPSIjMkUzQjRFIiBkPSJNMTEuNDE0LDEwbDYuMjkzLTYuMjkzYzAuMzkxLTAuMzkxLDAuMzkxLTEuMDIzLDAtMS40MTRzLTEuMDIzLTAuMzkxLTEuNDE0LDBMMTAsOC41ODZMMy43MDcsMi4yOTMgYy0wLjM5MS0wLjM5MS0xLjAyMy0wLjM5MS0xLjQxNCwwcy0wLjM5MSwxLjAyMywwLDEuNDE0TDguNTg2LDEwbC02LjI5Myw2LjI5M2MtMC4zOTEsMC4zOTEtMC4zOTEsMS4wMjMsMCwxLjQxNCBzMS4wMjMsMC4zOTEsMS40MTQsMEwxMCwxMS40MTRsNi4yOTMsNi4yOTNjMC4zOTEsMC4zOTEsMS4wMjMsMC4zOTEsMS40MTQsMHMwLjM5MS0xLjAyMywwLTEuNDE0TDExLjQxNCwxMHoiIC8+Cjwvc3ZnPgo=) center center no-repeat;
}
.redmine_demo html.modal-active {
  overflow: hidden;
}
.redmine_demo .message-banner {
  display: block;
  position: fixed;
  min-height: 42px;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
  transition: transform .3s, background-color .3s;
  background-color: #2996cc;
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  color: #fff;
  background-color: #5cc512;
}
.redmine_demo .message-banner.hide {
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}
.redmine_demo .message-banner.error {
  background-color: #df3320;
}
.redmine_demo .message-banner .message-text {
  position: relative;
  padding-right: 60px;
}
@media (min-width: 718px) {
  .redmine_demo .message-banner .message-text {
    text-align: center;
  }
}
.redmine_demo .message-banner a.close-message {
  outline: 0;
  min-width: 0;
  width: 60px;
  height: 60px;
  margin-top: -30px;
  background: none;
  padding: 0;
  margin-bottom: 0;
  position: absolute;
  top: 50%;
  right: 0;
  cursor: pointer;
}
.redmine_demo .message-banner a.close-message .image {
  height: 100%;
}
@media (min-width: 718px) {
  .redmine_demo .message-banner {
    min-height: 73px;
  }
}
.redmine_demo button.close-message:hover, .redmine_demo button.close-message:active, .redmine_demo button.close-message:focus {
  background: none;
}
.redmine_demo button.close-message:hover line, .redmine_demo button.close-message:active line, .redmine_demo button.close-message:focus line {
  stroke: #2e3b4e;
}
.redmine_demo .features-charts .feature {
  border-bottom: 1px solid #e0e0e0;
  padding: 15px 0;
}
.redmine_demo .features-charts .level:last-child .feature:last-child {
  border: none;
}
@media (min-width: 718px) {
  .redmine_demo .features-charts .detail-level-charts .level:nth-child(3) .feature:last-child {
    border: none;
  }
}
@media (min-width: 1024px) {
  .redmine_demo .features-charts .column:nth-child(-1n + 4) .feature:last-child {
    border: none;
  }
}
.redmine_demo .features-charts .high-level-chart .feature {
  position: relative;
}
.redmine_demo .features-charts .high-level-chart .feature h6, .redmine_demo .features-charts .high-level-chart .feature .h6 {
  padding-right: 60px;
}
.redmine_demo .features-charts .high-level-chart .feature:after {
  content: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0icmVzZXQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiPgogIDxwYXRoIGZpbGw9IiM1ZjZhN2QiIGQ9Ik03LjMyNywxNy42NmMtMC43MDMtMC4wMDgtMS4xNDQtMC41ODctMS41OTctMS4wMzljLTAuNjk0LTAuNjkyLTEuMzg5LTEuMzg1LTIuMDgzLTIuMDc3CiAgYy0wLjc0Ny0wLjc0NS0xLjQ5NC0xLjQ5LTIuMjQxLTIuMjM1Yy0wLjM5NS0wLjM5NC0wLjkwOC0wLjc4My0xLjIxOS0xLjI1NGMtMC44OTEtMS4zNDcsMS4wNDUtMi42ODcsMi4xMzEtMS42MDQKICBjMC40NzQsMC40NzIsMC45NDcsMC45NDQsMS40MjEsMS40MTdjMS4yMSwxLjIwNywyLjQxOSwyLjQxMywzLjYyOSwzLjYxOWMzLjI0MS0zLjY3Miw2LjQ4Mi03LjM0NCw5LjcyNC0xMS4wMTcKICBjMC42MDctMC42ODgsMS4zMTQtMS41NywyLjM1NS0wLjg4MmMxLjE3NywwLjc3NywwLjM1MSwxLjg0Ny0wLjMwMiwyLjU3NWMtMS44MTYsMi4wMjktMy42MzQsNC4wNTgtNS40NSw2LjA4NwogIGMtMS4zMDgsMS40NjEtMi42MTUsMi45MjEtMy45MjMsNC4zODJDOS4xNzksMTYuMjk0LDguMzQzLDE3LjY3NSw3LjMyNywxNy42NkM2Ljk4LDE3LjY1Niw3LjY3MiwxNy42NjUsNy4zMjcsMTcuNjZ6Ii8+Cjwvc3ZnPgo=);
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 20px;
  height: 20px;
  margin-left: 20px;
  margin-right: 20px;
  margin-top: -10px;
}
@media (min-width: 718px) {
  .redmine_demo .features-charts .high-level-chart .feature .icon {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-left: 20px;
    margin-right: 20px;
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
}
.redmine_demo .features-charts .detail-level-charts h6, .redmine_demo .features-charts .detail-level-charts .h6 {
  border-bottom: 1px solid #e0e0e0;
  padding: 15px 0;
  cursor: pointer;
  position: relative;
}
.redmine_demo .features-charts .detail-level-charts h6:after, .redmine_demo .features-charts .detail-level-charts .h6:after {
  display: block;
  content: ">";
  font-size: 18px;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 18px;
  top: 22px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.redmine_demo .features-charts .detail-level-charts .chart {
  max-height: 54px;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  overflow: hidden;
}
.redmine_demo .features-charts .detail-level-charts .chart:first-child h6, .redmine_demo .features-charts .detail-level-charts .chart:first-child .h6 {
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}
.redmine_demo .features-charts .detail-level-charts .chart.active {
  max-height: 1600px;
}
.redmine_demo .features-charts .detail-level-charts .chart.active h6:after, .redmine_demo .features-charts .detail-level-charts .chart.active .h6:after {
  top: 11px;
  right: 24px;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
@media (min-width: 1024px) {
  .redmine_demo .features-charts .detail-level-charts .chart {
    max-height: none;
  }
  .redmine_demo .features-charts .detail-level-charts .charts {
    max-height: 0;
    -webkit-transition: max-height .9s ease-in-out;
    transition: max-height .9s ease-in-out;
    overflow: hidden;
  }
  .redmine_demo .features-charts .detail-level-charts h6, .redmine_demo .features-charts .detail-level-charts .h6 {
    cursor: auto;
  }
  .redmine_demo .features-charts .detail-level-charts h6:after, .redmine_demo .features-charts .detail-level-charts .h6:after {
    content: "";
  }
  .redmine_demo .features-charts .detail-level-charts .activate {
    opacity: 1;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
  }
  .redmine_demo .features-charts .detail-level-charts .chart {
    margin-bottom: 30px;
  }
  .redmine_demo .features-charts .detail-level-charts .chart:first-child h6, .redmine_demo .features-charts .detail-level-charts .chart:first-child .h6 {
    border-bottom: 1px solid #e0e0e0;
  }
  .redmine_demo .features-charts .detail-level-charts.active .activate {
    opacity: 0;
    pointer-events: none;
  }
  .redmine_demo .features-charts .detail-level-charts.active .charts {
    max-height: 3200px;
  }
}
.redmine_demo .tooltip {
  background-color: #000;
  color: #fff;
  font-size: 12px;
  padding: 0.75rem;
  position: absolute;
  z-index: 10;
  top: calc(100% + 0.6495rem);
  max-width: 10rem !important;
  border-radius: 2px;
}
.redmine_demo .tooltip::before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border: inset 0.75rem;
  border-color: transparent transparent #000;
  border-bottom-style: solid;
  border-top-width: 0;
  bottom: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.redmine_demo .tooltip.top::before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border: inset 0.75rem;
  border-color: #000 transparent transparent;
  border-top-style: solid;
  border-bottom-width: 0;
  top: 100%;
  bottom: auto;
}
.redmine_demo .tooltip.left::before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border: inset 0.75rem;
  border-color: transparent transparent transparent #000;
  border-left-style: solid;
  border-right-width: 0;
  bottom: auto;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
}
.redmine_demo .tooltip.right::before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border: inset 0.75rem;
  border-color: transparent #000 transparent transparent;
  border-right-style: solid;
  border-left-width: 0;
  bottom: auto;
  left: auto;
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
}
.redmine_demo .flex-video {
  position: relative;
  height: 0;
  padding-bottom: 75%;
  margin-bottom: 1rem;
  overflow: hidden;
}
.redmine_demo .flex-video iframe, .redmine_demo .flex-video object, .redmine_demo .flex-video embed, .redmine_demo .flex-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.redmine_demo .flex-video.widescreen {
  padding-bottom: 56.25%;
}
.redmine_demo .flex-video.vimeo {
  padding-top: 0;
}
.redmine_demo [class*="play-icon-"] {
  display: block;
  position: relative;
}
.redmine_demo [class*="play-icon-"]:before, .redmine_demo [class*="play-icon-"]:after {
  content: " ";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
}
.redmine_demo [class*="play-icon-"]:before {
  z-index: 2;
  border-radius: 100%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #2996cc;
}
.redmine_demo .show-time [class*="play-icon-"]:before {
  -webkit-transition: background-color .3s;
  transition: background-color 0.3s;
}
.redmine_demo [class*="play-icon-"]:after {
  z-index: 3;
  border-style: solid;
  border-color: transparent;
  border-left-color: #fff;
  border-right-width: 0;
  -webkit-transform: translate(-28%, -50%) rotate(360deg);
  -ms-transform: translate(-28%, -50%) rotate(360deg);
  transform: translate(-28%, -50%) rotate(360deg);
}
.redmine_demo [class*="play-icon-"].alt:before {
  border: 2px solid #fff;
  background-color: transparent !important;
}
.redmine_demo a:hover[class*="play-icon-"]:before, .redmine_demo a:hover [class*="play-icon-"]:before, .redmine_demo a:focus[class*="play-icon-"]:before, .redmine_demo a:focus [class*="play-icon-"]:before {
  background-color: #2586b7;
  opacity: 1;
}
.redmine_demo a:active[class*="play-icon-"]:before, .redmine_demo a:active [class*="play-icon-"]:before {
  background-color: #2077a2;
}
.redmine_demo .play-icon-large:after {
  border-top-width: 16px;
  border-bottom-width: 16px;
  border-left-width: 22.62742px;
}
.redmine_demo .play-icon-large:before {
  border-width: 2px;
  height: 70px;
  width: 70px;
  background-color: #2996cc;
  opacity: 0.5;
}
.redmine_demo .play-icon-small:before {
  width: 30px;
  height: 30px;
}
.redmine_demo .play-icon-small:after {
  border-top-width: 6px;
  border-bottom-width: 6px;
  border-left-width: 8.48528px;
}
.redmine_demo .play-icon-medium:before {
  width: 60px;
  height: 60px;
}
.redmine_demo .play-icon-medium:after {
  border-top-width: 12px;
  border-bottom-width: 12px;
  border-left-width: 16.97056px;
}
.redmine_demo .video-modal {
  pointer-events: none;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  position: fixed;
  visibility: hidden;
  opacity: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  background: #000;
}
.redmine_demo .video-modal .flex-video {
  padding: 40px;
}
.redmine_demo .video-modal #video-content {
  width: 90%;
  height: 90%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.redmine_demo .video-modal .close-icon {
  position: absolute;
  z-index: 5;
  right: 30px;
  top: 30px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.5);
}
.redmine_demo .touch .video-modal .close-icon {
  top: auto;
  bottom: 30px;
}
@media (min-width: 718px) {
  .redmine_demo .video-modal .close-icon {
    display: block;
  }
}
.redmine_demo .video-active .video-modal {
  pointer-events: auto;
  -webkit-transition: visibility 0s 0s, opacity .3s ease-in-out .3s;
  transition: visibility 0s 0s, opacity .3s ease-in-out .3s;
  visibility: visible;
  opacity: 1;
}
.redmine_demo .badge {
  display: inline-block;
  position: relative;
  max-width: 100%;
  padding: 0 9px;
  color: #fff;
  background-color: #51b371;
  text-transform: uppercase;
  font-size: 9px;
  line-height: 20px;
  font-weight: 700;
}
.redmine_demo .badge.left:after {
  content: "";
  position: absolute;
  top: 0;
  right: -5px;
  border-top: 10px solid #51b371;
  border-bottom: 10px solid #51b371;
  border-left: 9px solid #51b371;
  border-right: 5px solid transparent;
  -webkit-transform: scale(0.9999);
  -ms-transform: scale(0.9999);
  transform: scale(0.9999);
}
.redmine_demo .badge.gray {
  background-color: #fafafa;
}
.redmine_demo .badge.purple {
  background-color: #B081CF;
}
.redmine_demo .badge.blue {
  background-color: #4aabe8;
}
.redmine_demo .badge.redmine-blue {
  background-color: #507AAA;
}
.redmine_demo .badge.dark-blue {
  background-color: #164161;
}
.redmine_demo .badge.gray-blue {
  background-color: #EBECEE;
}
.redmine_demo .badge.chimp-blue {
  background-color: #2c9ab7;
}
.redmine_demo .badge.navy {
  background-color: #2c2d66;
}
.redmine_demo .badge.green {
  background-color: #5ABD77;
}
.redmine_demo .badge.dark-green {
  background-color: #127651;
}
.redmine_demo .badge.deep-green {
  background-color: #27883e;
}
.redmine_demo .badge.gray-muted {
  background-color: #969799;
}
.redmine_demo .badge.light-green {
  background-color: #def0e9;
}
.redmine_demo .badge.light-blue {
  background-color: #e9f4fe;
}
.redmine_demo .badge.red {
  background-color: #f67676;
}
.redmine_demo .badge.dark-red {
  background-color: #c53020;
}
.redmine_demo .badge.lime {
  background-color: #91be55;
}
.redmine_demo .badge.yellow {
  background-color: #f1cd55;
}
.redmine_demo .badge.teal {
  background-color: #32BEA6;
}
.redmine_demo .badge.brown {
  background-color: #bda484;
}
.redmine_demo .badge.orange {
  background-color: #ff8559;
}
.redmine_demo .badge.dark-orange {
  background-color: #f7a800;
}
.redmine_demo .badge.charcoal {
  background-color: #394956;
}
.redmine_demo .badge.blue-gray {
  background-color: #373f48;
}
.redmine_demo a.tile {
  color: inherit;
  border-radius: 4px;
}
.redmine_demo a.tile:after {
  pointer-events: none;
  content: " ";
  display: block;
  position: absolute;
  z-index: 99;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
  -webkit-box-shadow: 0 0 10px #507AAA;
  -moz-box-shadow: 0 0 10px #507AAA;
  -ms-box-shadow: 0 0 10px #507AAA;
  -o-box-shadow: 0 0 10px #507AAA;
  box-shadow: 0 0 10px #507AAA;
  background: transparent;
  opacity: 0.0;
  -webkit-transition: opacity 250ms ease, -webkit-transform 0s ease;
  -moz-transition: opacity 250ms ease, -moz-transform 0s ease;
  -o-transition: opacity 250ms ease, -o-transform 0s ease;
  transition: opacity 250ms ease, transform 0s ease;
}
.redmine_demo a.tile:after {
  opacity: 0;
}
.redmine_demo a.tile:hover, .redmine_demo a.tile:focus {
  color: inherit;
}
.redmine_demo a.tile:hover:after, .redmine_demo a.tile:focus:after {
  opacity: 1;
}
.redmine_demo .tile {
  display: block;
  padding: 30px;
  background: #fff;
  position: relative;
}
.redmine_demo .tile:before {
  pointer-events: none;
  content: " ";
  display: block;
  position: absolute;
  z-index: 99;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.redmine_demo .tile .theme-icon + * {
  margin-top: 10px;
}
.redmine_demo .tile.full-bleed {
  padding: 0;
}
.redmine_demo .tile.full-bleed .copy {
  padding: 30px;
}
.redmine_demo .tile.full-bleed .image {
  background-color: #fff;
  overflow: hidden;
  position: relative;
}
.redmine_demo .tile.full-bleed .image:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.redmine_demo .tile.full-bleed .image:first-child:not(:last-child):before, .redmine_demo .tile.full-bleed .image:first-child:not(:last-child):after {
  bottom: -2px;
}
.redmine_demo .tile.full-bleed .image:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.redmine_demo .tile.full-bleed .image:last-child:not(:first-child):before, .redmine_demo .tile.full-bleed .image:last-child:not(:first-child):after {
  top: -2px;
}
.redmine_demo .tile.full-bleed .image:before {
  pointer-events: none;
  content: " ";
  display: block;
  position: absolute;
  z-index: 99;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
}
.redmine_demo .tile.full-bleed .image:after {
  pointer-events: none;
  content: " ";
  display: block;
  position: absolute;
  z-index: 99;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
}
.redmine_demo .show-time a.tile:after {
  -webkit-transition: border .3s, opacity .3s;
  transition: border 0.3s, opacity 0.3s;
}
.redmine_demo .syntaxhl div {
  display: inline;
}
.redmine_demo .syntaxhl .line-numbers {
  padding: 2px 4px 2px 4px;
  background-color: #eee;
  margin: 0px 5px 0px 0px;
}
.redmine_demo .syntaxhl .code pre {
  overflow: auto;
}
.redmine_demo .syntaxhl .debug {
  color: white !important;
  background: blue !important;
}
.redmine_demo .syntaxhl .annotation {
  color: #007;
}
.redmine_demo .syntaxhl .attribute-name {
  color: #b48;
}
.redmine_demo .syntaxhl .attribute-value {
  color: #700;
}
.redmine_demo .syntaxhl .binary {
  color: #509;
}
.redmine_demo .syntaxhl .char {
  color: #D20;
}
.redmine_demo .syntaxhl .char .content {
  color: #D20;
}
.redmine_demo .syntaxhl .char .delimiter {
  color: #710;
}
.redmine_demo .syntaxhl .class {
  color: #258;
  font-weight: bold;
}
.redmine_demo .syntaxhl .class-variable {
  color: #369;
}
.redmine_demo .syntaxhl .color {
  color: #0A0;
}
.redmine_demo .syntaxhl .comment {
  color: #385;
}
.redmine_demo .syntaxhl .comment .char, .redmine_demo .syntaxhl .comment .delimiter {
  color: #385;
}
.redmine_demo .syntaxhl .complex {
  color: #A08;
}
.redmine_demo .syntaxhl .constant {
  color: #258;
  font-weight: bold;
}
.redmine_demo .syntaxhl .decorator {
  color: #B0B;
}
.redmine_demo .syntaxhl .definition {
  color: #099;
  font-weight: bold;
}
.redmine_demo .syntaxhl .delimiter {
  color: black;
}
.redmine_demo .syntaxhl .directive {
  color: #088;
  font-weight: bold;
}
.redmine_demo .syntaxhl .doc {
  color: #970;
}
.redmine_demo .syntaxhl .doc-string {
  color: #D42;
  font-weight: bold;
}
.redmine_demo .syntaxhl .doctype {
  color: #34b;
}
.redmine_demo .syntaxhl .entity {
  color: #800;
  font-weight: bold;
}
.redmine_demo .syntaxhl .error {
  color: #F00;
  background-color: #FAA;
}
.redmine_demo .syntaxhl .escape {
  color: #666;
}
.redmine_demo .syntaxhl .exception {
  color: #C00;
  font-weight: bold;
}
.redmine_demo .syntaxhl .float {
  color: #06D;
}
.redmine_demo .syntaxhl .function {
  color: #06B;
  font-weight: bold;
}
.redmine_demo .syntaxhl .global-variable {
  color: #d70;
}
.redmine_demo .syntaxhl .hex {
  color: #02b;
}
.redmine_demo .syntaxhl .imaginary {
  color: #f00;
}
.redmine_demo .syntaxhl .include {
  color: #B44;
  font-weight: bold;
}
.redmine_demo .syntaxhl .inline {
  color: black;
}
.redmine_demo .syntaxhl .inline-delimiter {
  font-weight: bold;
  color: #666;
}
.redmine_demo .syntaxhl .instance-variable {
  color: #33B;
}
.redmine_demo .syntaxhl .integer {
  color: #06D;
}
.redmine_demo .syntaxhl .key {
  color: #606;
}
.redmine_demo .syntaxhl .key .char {
  color: #60f;
}
.redmine_demo .syntaxhl .key .delimiter {
  color: #404;
}
.redmine_demo .syntaxhl .keyword {
  color: #939;
  font-weight: bold;
}
.redmine_demo .syntaxhl .label {
  color: #970;
  font-weight: bold;
}
.redmine_demo .syntaxhl .local-variable {
  color: #963;
}
.redmine_demo .syntaxhl .namespace {
  color: #707;
  font-weight: bold;
}
.redmine_demo .syntaxhl .octal {
  color: #40E;
}
.redmine_demo .syntaxhl .predefined {
  color: #369;
  font-weight: bold;
}
.redmine_demo .syntaxhl .predefined-constant {
  color: #069;
}
.redmine_demo .syntaxhl .predefined-type {
  color: #0a5;
  font-weight: bold;
}
.redmine_demo .syntaxhl .preprocessor {
  color: #579;
}
.redmine_demo .syntaxhl .pseudo-class {
  color: #00C;
  font-weight: bold;
}
.redmine_demo .syntaxhl .regexp {
  background-color: rgba(255, 0, 255, 0.06);
}
.redmine_demo .syntaxhl .regexp .content {
  color: #808;
}
.redmine_demo .syntaxhl .regexp .delimiter {
  color: #404;
}
.redmine_demo .syntaxhl .regexp .modifier {
  color: #C2C;
}
.redmine_demo .syntaxhl .reserved {
  color: #080;
  font-weight: bold;
}
.redmine_demo .syntaxhl .shell {
  background-color: rgba(0, 255, 0, 0.06);
}
.redmine_demo .syntaxhl .shell .content {
  color: #2B2;
}
.redmine_demo .syntaxhl .shell .delimiter {
  color: #161;
}
.redmine_demo .syntaxhl .string .char, .redmine_demo .syntaxhl .string .content, .redmine_demo .syntaxhl .string .delimiter, .redmine_demo .syntaxhl .string .modifier {
  color: #46a;
}
.redmine_demo .syntaxhl .symbol {
  color: #d33;
}
.redmine_demo .syntaxhl .symbol .content, .redmine_demo .syntaxhl .symbol .delimiter {
  color: #d33;
}
.redmine_demo .syntaxhl .tag {
  color: #070;
}
.redmine_demo .syntaxhl .type {
  color: #339;
  font-weight: bold;
}
.redmine_demo .syntaxhl .value {
  color: #088;
}
.redmine_demo .syntaxhl .variable {
  color: #037;
}
.redmine_demo .syntaxhl .insert {
  background: rgba(0, 255, 0, 0.12);
}
.redmine_demo .syntaxhl .delete {
  background: rgba(255, 0, 0, 0.12);
}
.redmine_demo .syntaxhl .change {
  color: #bbf;
  background: #007;
}
.redmine_demo .syntaxhl .head {
  color: #f8f;
  background: #505;
}
.redmine_demo .syntaxhl .head .filename {
  color: white;
}
.redmine_demo .syntaxhl .delete .eyecatcher {
  background-color: rgba(255, 0, 0, 0.2);
  border: 1px solid rgba(230, 0, 0, 0.5);
  margin: -1px;
  border-bottom: none;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.redmine_demo .syntaxhl .insert .eyecatcher {
  background-color: rgba(0, 255, 0, 0.2);
  border: 1px solid rgba(0, 128, 0, 0.5);
  margin: -1px;
  border-top: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.redmine_demo .syntaxhl .insert .insert {
  color: #0c0;
  background: transparent;
  font-weight: bold;
}
.redmine_demo .syntaxhl .delete .delete {
  color: #c00;
  background: transparent;
  font-weight: bold;
}
.redmine_demo .syntaxhl .change .change {
  color: #88f;
}
.redmine_demo .syntaxhl .head .head {
  color: #f4f;
}
.redmine_demo .breadcrumb ul {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.redmine_demo .breadcrumb.centered ul {
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.redmine_demo .breadcrumb em, .redmine_demo .breadcrumb a {
  font-style: normal;
  padding: 0 10px;
  display: inline-block;
  white-space: nowrap;
}
.redmine_demo .breadcrumb em {
  color: rgba(0, 0, 0, 0.5);
}
.redmine_demo .breadcrumb a {
  color: #000;
  text-decoration: none;
}
.redmine_demo .breadcrumb a:hover {
  -moz-transition: all linear 0.2s;
  transition: all linear 0.2s;
  color: rgba(0, 0, 0, 0.6);
  text-decoration: none;
}
.redmine_demo .breadcrumb li:after {
  display: inline-block;
  content: '/';
  color: rgba(0, 0, 0, 0.4);
}
.redmine_demo .breadcrumb li:last-child:after {
  display: none;
}
.redmine_demo .breadcrumb li:first-child em, .redmine_demo .breadcrumb li:first-child a {
  padding-left: 0;
}
.redmine_demo .breadcrumb li.active em, .redmine_demo .breadcrumb li.active a {
  text-decoration: none;
  cursor: text;
  color: rgba(0, 0, 0, 0.4);
}
.redmine_demo .border-all {
  border: 1px solid #e0e0e0 !important;
}
.redmine_demo .border-all-none {
  border-all-width: 0 !important;
}
.redmine_demo .shadow-border-all {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12);
}
.redmine_demo .border-vert {
  border-top-width: 1px !important;
  border-top-style: solid !important;
  border-top-color: #e0e0e0 !important;
  border-bottom-width: 1px !important;
  border-bottom-style: solid !important;
  border-bottom-color: #e0e0e0 !important;
}
.redmine_demo .border-vert-none {
  border-vert-width: 0 !important;
}
.redmine_demo .shadow-border-vert {
  box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.12), inset 0 -1px 0 0 rgba(0, 0, 0, 0.12);
}
.redmine_demo .border-horz {
  border-right-width: 1px !important;
  border-right-style: solid !important;
  border-right-color: #e0e0e0 !important;
  border-left-width: 1px !important;
  border-left-style: solid !important;
  border-left-color: #e0e0e0 !important;
}
.redmine_demo .border-horz-none {
  border-horz-width: 0 !important;
}
.redmine_demo .shadow-border-horz {
  box-shadow: inset -1px 0 0 0 rgba(0, 0, 0, 0.12), inset 1px 0 0 0 rgba(0, 0, 0, 0.12);
}
.redmine_demo .border-top {
  border-top-width: 1px !important;
  border-top-style: solid !important;
  border-top-color: #e0e0e0 !important;
}
.redmine_demo .border-top-none {
  border-top-width: 0 !important;
}
.redmine_demo .shadow-border-top {
  box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.12);
}
.redmine_demo .border-bottom {
  border-bottom-width: 1px !important;
  border-bottom-style: solid !important;
  border-bottom-color: #e0e0e0 !important;
}
.redmine_demo .border-bottom-none {
  border-bottom-width: 0 !important;
}
.redmine_demo .shadow-border-bottom {
  box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.12);
}
.redmine_demo .border-left {
  border-left-width: 1px !important;
  border-left-style: solid !important;
  border-left-color: #e0e0e0 !important;
}
.redmine_demo .border-left-none {
  border-left-width: 0 !important;
}
.redmine_demo .shadow-border-left {
  box-shadow: inset 1px 0 0 0 rgba(0, 0, 0, 0.12);
}
.redmine_demo .border-right {
  border-right-width: 1px !important;
  border-right-style: solid !important;
  border-right-color: #e0e0e0 !important;
}
.redmine_demo .border-right-none {
  border-right-width: 0 !important;
}
.redmine_demo .shadow-border-right {
  box-shadow: inset -1px 0 0 0 rgba(0, 0, 0, 0.12);
}
.redmine_demo .border-none {
  border: none !important;
}
.redmine_demo .border-none-none {
  border-none-width: 0 !important;
}
.redmine_demo .shadow-border-none {
  box-shadow: none;
}
.redmine_demo .border-radius-extra-small {
  border-radius: 3px;
}
.redmine_demo .border-radius-small {
  border-radius: 4px;
}
.redmine_demo .border-radius-medium {
  border-radius: 6px;
}
.redmine_demo .border-radius-round {
  border-radius: 50%;
}
.redmine_demo .content {
  width: 276px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 374px) {
  .redmine_demo .content {
    width: 324px;
  }
}
@media (min-width: 480px) {
  .redmine_demo .content {
    width: 424px;
  }
}
@media (min-width: 718px) {
  .redmine_demo .content {
    width: 680px;
  }
}
@media (min-width: 1024px) {
  .redmine_demo .content {
    width: 748px;
  }
}
/*@media (min-width: 1292px) {
  .redmine_demo .content {
    width: 866px;
  }
}*/
.redmine_demo .content-width-base {
  margin-left: auto;
  margin-right: auto;
  max-width: 276px !important;
}
.redmine_demo .content-width-extra-small {
  margin-left: auto;
  margin-right: auto;
  max-width: 324px !important;
}
.redmine_demo .content-width-small {
  margin-left: auto;
  margin-right: auto;
  max-width: 424px !important;
}
.redmine_demo .content-width-medium {
  margin-left: auto;
  margin-right: auto;
  max-width: 680px !important;
}
.redmine_demo .content-width-large {
  margin-left: auto;
  margin-right: auto;
  max-width: 868px !important;
}
.redmine_demo .content-width-extra-large {
  margin-left: auto;
  margin-right: auto;
  max-width: 1016px !important;
}
.redmine_demo .center-horizontally {
  margin-left: auto;
  margin-right: auto;
}
.redmine_demo .align-left {
  text-align: left !important;
}
.redmine_demo .align-center {
  text-align: center !important;
}
.redmine_demo .align-right {
  text-align: right !important;
}
.redmine_demo .align-justify {
  text-align: justify !important;
}
.redmine_demo .legal-text {
  font-size: 11px;
  line-height: 20px;
}
.redmine_demo .upperspaced {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
}
.redmine_demo .text-truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.redmine_demo .no-wrap {
  white-space: nowrap;
}
.redmine_demo .font-weight-thin {
  font-weight: 100 !important;
}
.redmine_demo .font-weight-light {
  font-weight: 300 !important;
}
.redmine_demo .font-weight-regular {
  font-weight: 400 !important;
}
.redmine_demo .font-weight-medium {
  font-weight: 600 !important;
}
.redmine_demo .font-weight-bold {
  font-weight: 700 !important;
}
.redmine_demo .uppercase {
  text-transform: uppercase !important;
}
.redmine_demo .capitalize {
  text-transform: capitalize !important;
}
.redmine_demo .lowercase {
  text-transform: lowercase !important;
}
.redmine_demo .normalcase {
  text-transform: none !important;
}
.redmine_demo .arrow, .redmine_demo [class*="arrow-"] {
  position: relative;
}
.redmine_demo .arrow:before, .redmine_demo .arrow:after, .redmine_demo [class*="arrow-"]:before, .redmine_demo [class*="arrow-"]:after {
  pointer-events: none;
  display: inline-block;
  width: 6px;
  height: 6px;
  border-top-width: 1px;
  border-top-style: solid;
  border-right-width: 1px;
  border-right-style: solid;
}
.redmine_demo .arrow:before, .redmine_demo .arrow:after, .redmine_demo .arrow-right:before, .redmine_demo .arrow-right:after, .redmine_demo .arrow-left:before, .redmine_demo .arrow-left:after {
  position: relative;
  vertical-align: middle;
}
.redmine_demo .arrow:after, .redmine_demo .arrow-right:after {
  content: " ";
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-left: .3em;
}
@media (max-width: 373px) {
  .redmine_demo .hide-until-extra-small {
    display: none !important;
  }
}
@media (max-width: 479px) {
  .redmine_demo .hide-until-small {
    display: none !important;
  }
}
@media (max-width: 717px) {
  .redmine_demo .hide-until-medium {
    display: none !important;
  }
}
@media (max-width: 1023px) {
  .redmine_demo .hide-until-large {
    display: none !important;
  }
}
@media (max-width: 1291px) {
  .redmine_demo .hide-until-extra-large {
    display: none !important;
  }
}
@media (min-width: 374px) {
  .redmine_demo .hide-at-extra-small {
    display: none !important;
  }
}
@media (min-width: 480px) {
  .redmine_demo .hide-at-small {
    display: none !important;
  }
}
@media (min-width: 718px) {
  .redmine_demo .hide-at-medium {
    display: none !important;
  }
}
@media (min-width: 1024px) {
  .redmine_demo .hide-at-large {
    display: none !important;
  }
}
@media (min-width: 1292px) {
  .redmine_demo .hide-at-extra-large {
    display: none !important;
  }
}
.redmine_demo #errorExplanation, .redmine_demo div.flash, .redmine_demo .nodata, .redmine_demo .warning, .redmine_demo .conflict {
  padding: 4px 4px 4px 30px;
  margin-bottom: 12px;
  margin-top: 8px;
  font-size: 1.1em;
  border: 0px;
  font-weight: bold;
  padding-top: 18px;
  padding-bottom: 18px;
}
.redmine_demo div.flash.notice, .redmine_demo #flash_notice {
  background: #5cc512;
  color: #fff;
}
.redmine_demo div.flash.error, .redmine_demo #errorExplanation {
  background: #e52817;
  color: #fff;
}

#login-form table {
  padding: 0px;
}
#demo_mail_toast { position: fixed; right: 20px; bottom: 60px; z-index: 10000; max-width: 360px; background: #fffbe6; border: 1px solid #e6d680; border-radius: 4px; padding: 12px 16px; box-shadow: 0 2px 8px rgba(0,0,0,.2); color: #333; }
#demo_mail_toast .demo-toast-close { float: right; text-decoration: none; }
pre.demo-mail-body { white-space: pre-wrap; }

.redmine_demo .demo_badge {
  display: inline-block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 14px;
  background: #3b7fb9;
  color: #fff;
  font-size: 30px;
  font-weight: 600;
  text-align: center;
}

.redmine_demo .demo_tiles {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}

@media (max-width: 899px) {
  .redmine_demo .demo_tiles {
    grid-template-columns: 1fr;
  }
}

.redmine_demo .demo_tile {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  margin: 0;
  text-decoration: none;
}

.redmine_demo .demo_tile:hover {
  border-color: var(--oc-blue-6, #3b7fb9);
}

.redmine_demo .demo_tile_icon {
  flex: 0 0 auto;
}

.redmine_demo .demo_tile_text {
  min-width: 0;
}

.redmine_demo .demo_tile_icon img {
  height: 72px;
  width: auto;
}

.redmine_demo .demo_tile h3 {
  margin: 0 0 4px;
}

.redmine_demo .demo_tile p {
  margin: 0;
  color: var(--oc-gray-7, #666);
}