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

.skin-dh {
  #bg-color {
    background-color: @corp-blue1;
    display: none;
  }


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

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

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

    .header-title {
      > h1 {
        color: @corp-blue1;
      }
    }
  }

  //Content Header
  .content-header {
    background: transparent;
  }

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

  .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(@corp-blue1, 80%), rgba(0, 0, 0, 0));
      }
    }
  }

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

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

  // MISC card skin

  .article-card {
    .thumbnail {
      .date {
        background: @corp-blue1;
      }
    }
    .content-card {
      header {
        h1.title {
          color: @corp-blue1;
        }
      }
      .footer {
        > a {
          color: #ffffff;
        }
        a.learn-btn {
          color: @corp-blue1 !important;
          border-color: @corp-blue1;
        }

        a.social-link {
          border-color: @corp-blue1;
          color: @corp-blue1;
          background-color: transparent;
          > i {
            color: @corp-blue1;
          }
          &:hover {
            border-color: @corp-blue1;
            color: transparent;
            background-color: @corp-blue1;
            > i {
              color: #ffffff;
            }
          }
        }
      }
    }
  }

  // MISC ARTICLE PAGE
  .article-title {
    > h1 {
      color: @corp-blue1;
    }
  }
  .article-body {
    .article-footer {
      > a.article-social-link {
        border-color: @corp-blue1;
        color: @corp-blue1;
        > i {
          color: @corp-blue1;
        }
        &:hover {
          border-color: @corp-blue1;
          background-color: @corp-blue1;

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

  // MISC video container

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

  /* datasheets styles */

  .box {

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

    &.box-solid {

      &.box-skin {

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

      .box-body {
      }

    }

  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  // 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-blue1 !important;
    }
  }

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

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

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

  fieldset.box-group {

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

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

  span.clickable.active {
    border-bottom-color: @corp-blue1 !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-blue1;
  //    outline: 0 none;
  //  }
  //}
}

// end .skin-class