/*!
 * This file is part of the WPSF package.
 * This package is Open Source Software. For the full copyright and license
 * information, please view the LICENSE file which was distributed with this
 * source code.
 *
 * @package    WPSF
 * @author     Varun Sridharan <varunsridharan23@gmail.com>
 */

.wpsf-field-tab {

  .wpsf-user-tabs-nav {
    margin-bottom: -1px;
    > {
      li {
        margin: 0;
        display: inline-block;
      }
      .wpsf-user-tabs-active {
        border: 1px solid #dfdfdf;
        border-bottom-color: transparent;
        background: #fdfdfd;
      }
      li > a {
        display: block;
        padding: 5px 9px 5px;
        text-decoration: none;
        &:active, &:focus {
          outline: none;
          box-shadow: none;
        }
      }
    }
    i, img {
      vertical-align: middle;
      margin-right: .3em;
    }
    i {
      width: 16px;
      height: 16px;
      font-size: 16px;
    }
    img {
      width: 12px;
      height: 12px;
      display: inline-block;
    }
  }

  .wpsf-user-tabs-active > a {
    color: #333;
  }

  .wpsf-user-tabs-panel {
    padding: 10px 5px 0;
    border: solid 1px #dfdfdf;
    background: #fdfdfd;
    display: none;
    float: left;
  }

  .wpsf-user-tabs-left {
    overflow: hidden;
    margin: -6px -12px 0;
    padding: 0;
    border: 1px solid #eee;
    margin-right: 10px;
    > {
      .wpsf-user-tabs-nav {
        float: left;
        margin: 0 -1px 0 0;
        background: #fdfdfd;
        border-right: 1px solid #dfdfdf;
        z-index: 9;
        > li {
          display: block;
          &:first-child {
            border-top: none;
          }
          &:last-child {
            border-bottom: none !important;
          }
          > a {
            padding: 5px 20px 8px 10px;
          }
        }
      }
      ul > li.wpsf-user-tabs-active {
        border: 1px solid #dfdfdf;
        border-right-color: #fdfdfd;
        border-left: 2px #2ea2cc;
        box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02), 0 1px 0 rgba(0, 0, 0, 0.02);
        position: relative;
        right: -1px;
      }
      .wpsf-user-tabs-panels {
        overflow: auto;
        border-left: 1px solid #dfdfdf;
        z-index: 1;
        > .wpsf-user-tabs-panel {
          /*padding: 3px 20px 0;*/
          padding: 3px 0px 0;
          width: 100%;

          background: transparent;
          border: none;
        }
      }
    }
  }

  .wpsf-user-tabs-no-controls {
    border: 0;
    background: transparent;
    .hndle, .handlediv {
      display: none;
    }
    .inside {
      margin: 0;
      padding: 0;
    }
  }

  .wpsf-user-tabs-box {
    .wpsf-user-tabs-nav {
      li {
        background: #ebebeb;
        border: 1px solid #dedede;
        margin-right: 5px;
        &:hover {
          background: #fff;
        }
      }
      a {
        color: #777;
      }
      .wpsf-user-tabs-active {
        border-bottom-color: transparent;
        background: #f5f5f5;
        &:hover {
          background: #f5f5f5;
        }
        a {
          color: #555;
        }
      }
    }
    .wpsf-user-tabs-panel {
      background: #f5f5f5;
      border: solid 1px #dedede;
    }
  }
}