.ansi1 {
  font-weight: bold; }

  .ansi4 {
    text-decoration: underline; }

    .ansi30 {
      color: #3A3A3A; }

      .ansi40 {
        color: #3A3A3A; }

        .ansi31 {
          color: #DD948E; }

          .ansi41 {
            color: #DD948E; }

            .ansi32 {
              color: #B6D1AA; }

              .ansi42 {
                color: #B6D1AA; }

                .ansi33 {
                  color: #F3D57C; }

                  .ansi43 {
                    color: #F3D57C; }

                    .ansi34 {
                      color: #8AA9D5; }

                      .ansi44 {
                        color: #8AA9D5; }

                        .ansi35 {
                          color: #CBAFD5; }

                          .ansi45 {
                            color: #CBAFD5; }

                            .ansi36 {
                              color: #9AD1D4; }

                              .ansi46 {
                                color: #9AD1D4; }

                                .ansi37 {
                                  color: #F5F1DE; }

                                  .ansi47 {
                                    color: #F5F1DE; }
.container {
  width: 100%; }
  .container.small {
    max-width: 1024px; }

.backup-list {
  background-color: #FAF9F7; }
  .backup-list .backup {
    position: relative;
    height: auto;
    padding: 0.8em 0.5em 0.8em 1.5em;
    margin-bottom: 0.46rem;
    background-color: #fff;
    border-radius: 0;
    font-size: 14px; }
    .backup-list .backup .backup-title {
      width: 75%;
      white-space: nowrap;
      overflow: hidden;
      position: relative;
      display: inline-block;
      margin-bottom: 0.7em;
      margin: 0;
      font-size: 14px;
      font-weight: 400; }
      .backup-list .backup .toolbar {
        position: absolute;
        display: none;
        bottom: 0px;
        left: 0px;
        width: 100%;
        padding-left: 25px;
        text-align: right; }
        .backup-list .backup:hover .toolbar {
          display: block; }
    .backup-list .backup.error {
      background: -webkit-linear-gradient(left, #d94341 0, #d94341 8px, #fff 8px,
            #fff 100%) no-repeat;
      background: linear-gradient(to right, #d94341 0, #d94341 8px, #fff 8px, #fff 100%) no-repeat; }
      .backup-list .backup.error .colored-status {
        color: #d94341; }
        .backup-list .backup.error .colored-status a {
          color: #d94341; }
    .backup-list .backup.ok {
      background: -webkit-linear-gradient(left, #44a662 0, #44a662 8px, #fff 8px,
            #fff 100%) no-repeat;
      background: linear-gradient(to right, #44a662 0, #44a662 8px, #fff 8px, #fff 100%) no-repeat; }
      .backup-list .backup.ok .colored-status {
        color: #44a662; }
        .backup-list .backup.ok .colored-status a {
          color: #44a662; }
    .backup-list .backup.warning {
      background: -webkit-linear-gradient(left, #cc9511 0, #cc9511 8px, #fff 8px,
            #fff 100%) no-repeat;
      background: linear-gradient(to right, #cc9511 0, #cc9511 8px, #fff 8px, #fff 100%) no-repeat; }
      .backup-list .backup.warning .colored-status {
        color: #cc9511; }
        .backup-list .backup.warning .colored-status a {
          color: #cc9511; }
    .backup-list .backup.running {
      background: -webkit-linear-gradient(left, #beab04 0, #beab04 8px, #fff 8px,
            #fff 100%) no-repeat;
      background: linear-gradient(to right, #beab04 0, #beab04 8px, #fff 8px, #fff 100%) no-repeat; }
      .backup-list .backup.running .colored-status {
        color: #beab04; }
        .backup-list .backup.running .colored-status a {
          color: #beab04; }
    .backup-list .backup.unknown {
      background: -webkit-linear-gradient(left, #901d1d 0, #901d1d 8px, #fff 8px,
            #fff 100%) no-repeat;
      background: linear-gradient(to right, #901d1d 0, #901d1d 8px, #fff 8px, #fff 100%) no-repeat; }
      .backup-list .backup.unknown .colored-status {
        color: #901d1d; }
        .backup-list .backup.unknown .colored-status a {
          color: #901d1d; }
  .backup-list .backup-new {
    display: block;
    font-size: 72px;
    text-align: center;
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    border: 1px solid transparent;
    border-radius: 4px; }

.backup-header {
  margin-bottom: 20px; }
  .backup-header .backup-title {
    display: block;
    float: left;
    margin: 0 10px; }
    .backup-header .backup-badge {
      float: left;
      line-height: 36px; }
      .backup-header .backup-badge img {
        display: inline-block;
        vertical-align: middle; }

.backup {
  font-size: 16px;
  border: 1px solid #EFF0EC;
  clear: both;
  margin-bottom: 20px; }
  .backup.error {
    background: -webkit-linear-gradient(left, #d94341 0, #d94341 12px, #fff 12px,
        #fff 100%) no-repeat;
    background: linear-gradient(to right, #d94341 0, #d94341 12px, #fff 12px, #fff 100%) no-repeat; }
    .backup.error .colored-status {
      color: #d94341; }
      .backup.error .colored-status a {
        color: #d94341; }
  .backup.ok {
    background: -webkit-linear-gradient(left, #44a662 0, #44a662 12px, #fff 12px,
        #fff 100%) no-repeat;
    background: linear-gradient(to right, #44a662 0, #44a662 12px, #fff 12px, #fff 100%) no-repeat; }
    .backup.ok .colored-status {
      color: #44a662; }
      .backup.ok .colored-status a {
        color: #44a662; }
  .backup.warning {
    background: -webkit-linear-gradient(left, #cc9511 0, #cc9511 12px, #fff 12px,
        #fff 100%) no-repeat;
    background: linear-gradient(to right, #cc9511 0, #cc9511 12px, #fff 12px, #fff 100%) no-repeat; }
    .backup.warning .colored-status {
      color: #cc9511; }
      .backup.warning .colored-status a {
        color: #cc9511; }
  .backup.running {
    background: -webkit-linear-gradient(left, #beab04 0, #beab04 12px, #fff 12px,
        #fff 100%) no-repeat;
    background: linear-gradient(to right, #beab04 0, #beab04 12px, #fff 12px, #fff 100%) no-repeat; }
    .backup.running .colored-status {
      color: #beab04; }
      .backup.running .colored-status a {
        color: #beab04; }
  .backup.unknown {
    background: -webkit-linear-gradient(left, #901d1d 0, #901d1d 12px, #fff 12px,
        #fff 100%) no-repeat;
    background: linear-gradient(to right, #901d1d 0, #901d1d 12px, #fff 12px, #fff 100%) no-repeat; }
    .backup.unknown .colored-status {
      color: #901d1d; }
      .backup.unknown .colored-status a {
        color: #901d1d; }
  .backup ul {
    padding-left: 1rem; }
    .backup ul li {
      list-style: none; }
  .backup .backup-run {
    padding-left: 2.5rem; }
    .backup .backup-run .backup-title {
      margin: 1rem 0;
      padding-left: 1rem;
      font-weight: 400;
      font-size: 16px; }
      .backup .backup-run .backup-title .run-branch {
        margin-right: 0.5em;
        font-weight: 600;
        font-size: 16px; }
    .backup .backup-run .run-info {
      font-size: 15px;
      padding-left: 1rem; }
      .backup .backup-run .run-info .run-author img {
        width: 20px;
        height: 20px;
        margin-right: 0.5em;
        border-radius: 50%; }
  .backup .backup-info .backup-status {
    margin: 1rem 0;
    padding-left: 1rem;
    font-weight: 400;
    font-size: 16px; }

code.log-holder {
  display: block;
  overflow-y: scroll;
  height: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #2a2a2a;
  color: #f1f1f1; }
  code.log-holder .log-line, code.log-holder .group-toggle {
    color: #f1f1f1;
    min-height: 16px;
    padding: 0 15px 0 55px;
    white-space: pre-wrap;
    display: block; }
    code.log-holder .log-line:hover, code.log-holder .group-toggle:hover {
      background-color: #444; }
      code.log-holder .log-line .log-line-number,
      code.log-holder .group-toggle .log-line-number {
        color: #666;
        display: inline-block;
        text-align: right;
        min-width: 40px;
        margin-left: -40px;
        cursor: pointer;
        padding-right: 1em;
        text-decoration: none; }
        code.log-holder .log-line .log-line-number:hover,
        code.log-holder .group-toggle .log-line-number:hover {
          text-decoration: none; }

.owner-header {
  padding: 0 0.9375rem;
  margin-bottom: 3rem;
  color: #969496; }
  .owner-header img {
    border-radius: 50%;
    background-color: #F4F3ED; }

.backup-row, .namespace-row {
  border: 1px solid #EFF0EC;
  font-size: 16px;
  margin-bottom: 0.3rem;
  color: gray;
  background: -webkit-linear-gradient(left, #CACECE 0, #CACECE 9px, #fff 10px,
    #fff 100%) no-repeat;
  background: linear-gradient(to right, #CACECE 0, #CACECE 9px, #fff 10px, #fff 100%) no-repeat;
  padding-top: 10px;
  padding-bottom: 10px; }
  .backup-row.error, .namespace-row.error {
    background: -webkit-linear-gradient(left, #d94341 0, #d94341 9px, #fff 9px,
        #fff 100%) no-repeat;
    background: linear-gradient(to right, #d94341 0, #d94341 9px, #fff 9px, #fff 100%) no-repeat; }
    .backup-row.error .colored-status, .namespace-row.error .colored-status {
      color: #d94341; }
      .backup-row.error .colored-status a, .namespace-row.error .colored-status a {
        color: #d94341; }
  .backup-row.ok, .namespace-row.ok {
    background: -webkit-linear-gradient(left, #44a662 0, #44a662 9px, #fff 9px,
        #fff 100%) no-repeat;
    background: linear-gradient(to right, #44a662 0, #44a662 9px, #fff 9px, #fff 100%) no-repeat; }
    .backup-row.ok .colored-status, .namespace-row.ok .colored-status {
      color: #44a662; }
      .backup-row.ok .colored-status a, .namespace-row.ok .colored-status a {
        color: #44a662; }
  .backup-row.warning, .namespace-row.warning {
    background: -webkit-linear-gradient(left, #cc9511 0, #cc9511 9px, #fff 9px,
        #fff 100%) no-repeat;
    background: linear-gradient(to right, #cc9511 0, #cc9511 9px, #fff 9px, #fff 100%) no-repeat; }
    .backup-row.warning .colored-status, .namespace-row.warning .colored-status {
      color: #cc9511; }
      .backup-row.warning .colored-status a, .namespace-row.warning .colored-status a {
        color: #cc9511; }
  .backup-row.running, .namespace-row.running {
    background: -webkit-linear-gradient(left, #beab04 0, #beab04 9px, #fff 9px,
        #fff 100%) no-repeat;
    background: linear-gradient(to right, #beab04 0, #beab04 9px, #fff 9px, #fff 100%) no-repeat; }
    .backup-row.running .colored-status, .namespace-row.running .colored-status {
      color: #beab04; }
      .backup-row.running .colored-status a, .namespace-row.running .colored-status a {
        color: #beab04; }
  .backup-row.unknown, .namespace-row.unknown {
    background: -webkit-linear-gradient(left, #901d1d 0, #901d1d 9px, #fff 9px,
        #fff 100%) no-repeat;
    background: linear-gradient(to right, #901d1d 0, #901d1d 9px, #fff 9px, #fff 100%) no-repeat; }
    .backup-row.unknown .colored-status, .namespace-row.unknown .colored-status {
      color: #901d1d; }
      .backup-row.unknown .colored-status a, .namespace-row.unknown .colored-status a {
        color: #901d1d; }
  .backup-row .row-item, .namespace-row .row-item {
    font-size: 16px;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden; }
    .backup-row .row-item h2, .namespace-row .row-item h2 {
      margin: 0;
      font-weight: 400;
      font-size: 16px; }
      .backup-row .row-item img, .namespace-row .row-item img {
        border-radius: 50%;
        background-color: #F4F3ED; }
  .backup-row:hover .row-item, .namespace-row:hover .row-item {
    white-space: normal; }

.namespace-row h2 {
  line-height: 40px; }

.nav .usermenu .dropdown-toggle {
  padding-top: 9px;
  padding-bottom: 9px;
  line-height: 32px; }
.nav > li > a.btn-success {
  color: white; }
.nav .btn {
  padding: 6px 12px;
  margin-top: 7px; }
  .nav.navbar-right .btn {
    margin-left: 10px; }
.nav .progress {
  width: 300px;
  margin-top: 14px;
  margin-bottom: 0px;
  position: relative; }
  .nav .progress .progress-bar {
    color: #000; }
    .nav .progress span {
      position: absolute;
      display: block;
      width: 100%;
      color: black; }