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

body {
  font-family: 'Century Gothic', 'Open Sans', sans-serif;
}

.skin-equidad {
  #bg-color {
    background-color: @corp-equidad;
    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: @corp-equidad;
  }

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

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

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

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

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

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

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

  .sidebar-menu {
    > li {
      &.active {
        > .treeview-menu {
          border-color: @corp-equidad;
        }
        > a {
          &:before {
            border: 1px solid @corp-equidad;
          }
        }
      }
    }
  }

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

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

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

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

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

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

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

  .tasks-prog {
    background-color: lighten(#ffffff, 45%);
  }

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

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

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

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

  // MISC card skin

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

  // MISC ARTICLE PAGE

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

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

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

  /* datasheets styles */

  .box {

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

    &.box-solid {

      &.box-skin {

        .box-solid-variant(@corp-equidad);
      }

      .box-body {
      }

    }

  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6 {
    font-family: 'Century Gothic', 'Open Sans', sans-serif;
  }
}