/*
 * Skin: Green
 * ----------
 */
@import "../../../../../node_modules/bootstrap/less/mixins.less";
@import "../../../../../node_modules/bootstrap/less/variables.less";
@import "../variables.less";
@import "../mixins.less";

.skin-ds {
  #bg-color {
    background-color: @corp-green;
    display: none;
  }

  background: url(../../img/bg-page-ds.png) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

  /* General Links */
  a {
    color: #54ab00;

    &:hover,
    &:active,
    &:focus {
      outline: none;
      text-decoration: none;
      color: lighten(#54ab00, 8%);
    }
  }

  //Navbar
  .main-header {
    .header-navbar {
      .sidebar-toggle {
        color: @corp-green;
        &:hover {
          background-color: darken(@corp-green, 5%);
        }
      }
      @media (max-width: @screen-header-collapse) {
        .dropdown-menu {
          li {
            &.divider {
              background-color: rgba(255, 255, 255, 0.1);
            }
            a {
              color: @corp-green;
              &:hover {
                background: darken(@corp-green, 5%);
              }
            }
          }
        }
      }
    }

    li.user-header {
      background-color: @corp-green;
    }

    .header-title {
      > h1 {
        color: #54ab00;
      }
    }
  }

  //Content Header
  .content-header {
    background: transparent;
    .record-history .rh-nav-pills li a {
      &:hover,
      &:active,
      &:focus {
        color: lighten(@corp-green, 15%);
      }
    }
    .link-options a.btn-primary {
      .button-variant(@btn-primary-color; #00548e; darken(#00548e, 5%));
    }
  }

  //Create the sidebar skin
  .skin-light-sidebar(@corp-green);

  .wrapper {
    background-color: transparent;
    .content-wrapper {
      background-color: hsla(0, 0%, 100%, .8); /* fallback color if gradients are not supported */
      background-image: -webkit-linear-gradient(top, hsla(0, 0%, 100%, .8), hsla(0, 0%, 100%, 0)); /* For Chrome 25 and Safari 6, iOS 6.1, Android 4.3 */
      background-image: -moz-linear-gradient(top, hsla(0, 0%, 100%, .8), hsla(0, 0%, 100%, 0)); /* For Firefox (3.6 to 15) */
      background-image: -o-linear-gradient(top, hsla(0, 0%, 100%, .8), hsla(0, 0%, 100%, 0)); /* For old Opera (11.1 to 12.0) */
      background-image: linear-gradient(to bottom, hsla(0, 0%, 100%, .8), hsla(0, 0%, 100%, 0)); /* Standard syntax; must be last */
      &:before {
        content: "";
        display: block;
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
        height: 2px;
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0), fade(#00548e, 80%), rgba(0, 0, 0, 0));
      }
    }
  }

  .sidebar-menu {
    > li {
      &.active {
        > .treeview-menu {
          border-color: #00548e;
        }
        > a {
          &:before {
            border: 1px solid #00548e;
          }
        }
      }
    }
  }

  .treeview-menu > li {
    &.active > a,
    > a:hover {
      color: @corp-green;
    }
  }

  .main-footer {
    @media (max-width: @screen-xs-max) {
      .translate(0, 0);
    }
  }

  .info-box.info-box-tasks {
    border-left-color: @corp-green;
  }

  .info-box-title {
    color: @corp-green;
  }

  .tasks-prog {
    background-color: lighten(@corp-green, 55%);
  }

  .portal-content .box-header .box-title {
    color: @corp-green;
  }

  .info-box.info-box-tasks {
    border-left-color: @corp-green;
  }

  .info-box-title {
    color: @corp-green;
  }

  .tasks-prog {
    background-color: lighten(@corp-green, 55%);
  }

  .portal-publics .box-header .box-title,
  .portal-content .box-header .box-title {
    color: @corp-green;
  }

  .desktop.content table.data {
    > thead > tr > th {
      background-color: @corp-green;
    }
  }

  .sf_admin_list table.table {
    > thead > tr > th {
      vertical-align: bottom;
      background-color: @corp-green;
      color: #ffffff;
      a {
        color: #ffffff;
        &:hover {
          border-bottom: 1px solid #ffffff;
        }
      }
    }
  }

  &.layout-top-nav .main-header > .logo {
    .logo-variant(@corp-green);
  }

  // MISC card skin

  .article-card {
    .thumbnail {
      .date {
        background: @corp-green;
      }
    }
    .content-card {
      header {
        h1.title {
          color: @corp-green;
        }
      }
      .footer {
        > a {
          color: #ffffff;
        }
        a.learn-btn {
          color: @corp-green !important;
          border-color: @corp-green;
        }
        a.social-link {
          border-color: @corp-green;
          color: @corp-green;
          background-color: transparent;
          > i {
            color: @corp-green;
          }
          &:hover {
            border-color: @corp-green;
            color: transparent;
            background-color: @corp-green;
            > i {
              color: #ffffff;
            }
          }
        }
      }
    }
  }

  // MISC ARTICLE PAGE

  .article-title {
    > h1 {
      color: @corp-green;
    }
  }
  .article-body {
    .article-footer {
      > a.article-social-link {
        border-color: @corp-green;
        color: @corp-green;
        > i {
          color: @corp-green;
        }
        &:hover {
          border-color: @corp-green;
          background-color: @corp-green;

          > i {
            color: #ffffff;
          }
        }
      }
    }
  }

  .portal-video-container {
    .portal-video-content {
      /* panel navigation */
      .content-left {
        h3.title {
          color: @corp-green;
        }
        ul.entries li {
          a {
            color: #777777;
            &:hover {
              color: @corp-green;
            }
          }
        }
        .content-left-select {
          border: .0625rem solid @corp-green;
          color: @corp-green;
        }
      }
      /* panel video player */
      .content-right {
        .content-title {;
          h2 {
            color: @corp-green;
          }
        }
        .content-video {
        }
        .content-desc {
        }
      }
    }
  }

  /* datasheets styles */

  .box {

    &.box-skin {
      border-top-color: @corp-green;
    }

    &.box-solid {

      &.box-skin {

        .box-solid-variant(@corp-green);
        border-top: 0;
        border-bottom: 0;
        border-left: 0;
        border-right: 0;
      }

      .box-body {
      }

    }

  }

  .box-datasheet-widget {
    border-left-color: @corp-green;
  }

  .todo-list {
    .skin {
      border-left-color: @corp-green;
    }
  }

  ul.file-list {
    a {
      color: @corp-green;
    }
  }

  /* Materialize Form */
  .group textarea:focus ~ label {
    color: @corp-green;
  }

  .group select:focus ~ label {
    color: @corp-green;
  }

  .group label.active {
    color: @corp-green;
  }

  .group span.bar:before, .bar:after {
    background: @corp-green;
  }

  /*Drop Zone*/
  .dropzone.hover {
    border: 2px solid @corp-green;
    color: @corp-green;
  }

  /* SRS public description card */
  .srs-ticket-card {
    .srs-ticket-head {
      .srs-ticket-title > span {
        color: @corp-green;
      }
    }
    .srs-ticket-body {
      .srs-ticket-label {
        color: @corp-green;
      }
    }
  }

  .bg-skin {
    color: #ffffff !important;
    background-color: @corp-green !important;
  }

  .color-skin {
    color: @corp-green !important;
  }

  .modal-header {
    background-color: @corp-green;
  }

  .modal-module-list {
    .modal-header {
      background-color: #fff;
      .close {
        color: @corp-green;
      }
    }
    .modal-title {
      color: @corp-green;
    }
  }

  /* -------- Widget styles into "box-body" div -------- */
  .modal_ajax_form_wrapper, .modal_modules_wrapper {
    .modal_ajax_form_header, .modal_modules_header {
      color: @corp-green;
    }
  }

  /* -------- Styles in box widget -------- */
  div.box-body {
    ul.list_card_unsafe_action {
      li.unsafe_actions {
        border-color: @corp-green;
      }
    }

    ul.list-card-skin {
      li.card-skin {
        border-color: @corp-green;
      }
    }
  }

  // Color font in links
  a.btn-primary, a.btn-warning, a.btn-danger, a.btn-info, a.btn-success {
    color: @white;
    &:hover {
      color: @white;
    }
  }

  a.btn-default {
    color: #444444;
    &:hover {
      color: #444444;
    }
  }

  // table-skin
  table.table-skin {
    th {
      background-color: @corp-green !important;
    }
  }

  .pace .pace-progress {
    background: @corp-green;
  }
  .pace .pace-progress-inner {
    box-shadow: 0 0 10px @corp-green, 0 0 5px @corp-green;
  }
  .pace .pace-activity {
    &:before {
      border-top-color: @corp-green;
      border-left-color: @corp-green;
    }
  }

  .toast-message a.tq_mailto_none {
    color: @corp-green;

    &:hover,
    &:active,
    &:focus {
      outline: none;
      text-decoration: none;
      color: lighten(@corp-green, 15%);
    }
  }

  fieldset.box-group {

    &:hover {
      border: 1px solid @corp-green;
    }
  }

  // Nav Tabs Custom
  .nav-tabs-custom {
    .nav-tabs {
      li.active {
        border-top-color: @corp-green;
      }
    }
  }

  span.clickable.active {
    border-bottom-color: @corp-green !important;
  }

  //select:focus,
  //textarea:focus,
  //input[type="text"]:focus,
  //input[type="password"]:focus,
  //input[type="datetime"]:focus,
  //input[type="datetime-local"]:focus,
  //input[type="date"]:focus,
  //input[type="month"]:focus,
  //input[type="time"]:focus,
  //input[type="week"]:focus,
  //input[type="number"]:focus,
  //input[type="email"]:focus,
  //input[type="url"]:focus,
  //input[type="search"]:focus,
  //input[type="tel"]:focus,
  //input[type="color"]:focus,
  //.uneditable-input:focus {
  //  &.form-control {
  //    border-color: @corp-green;
  //    outline: 0 none;
  //  }
  //}
}