/*
 * 11.1 - Settings Tabs
 */
#wpz-woocommerce-random-orders-settings {
#wpz-woocommerce-random-orders-settings-tabs {
  margin           : 0;
  background-color : #fff;
  overflow         : hidden;
  border-top: 1px solid $middleBorderColor;
  border-bottom: 1px solid $middleBorderColor;
  padding-left: 10px;

  li {
    margin      : 0;
    float       : left;
    display     : inline-block;
    font-weight : 500;

    font-size   : 13px;

    @media (max-width : 600px) {
      float     : none;
      display   : block;
      font-size : 13px;
      }

    a {
      background-color   : transparent;
      color              : $dsDarkPurple;
      cursor             : pointer;
      padding            : 13px 16px !important;
      outline            : none;
      text-decoration    : none;
      -webkit-transition : all ease-in 0.3s;
      transition         : all ease-in 0.3s;
      box-shadow         : none;
      display            : block;
      letter-spacing     : 0.29px;

      &:hover {
        color            : $mainColor;
        }
      }

    &.wpz-woocommerce-random-orders-settings-active a {
      opacity          : 1;
      color            : $mainColor;
      border-bottom: 1px solid $mainColor;
      }

    &.wpz-woocommerce-random-orders-settings-disabled a {
      cursor : default;
      color  : #7047ff;

      &:hover {
        color            : #7047ff;
        background-color : transparent;
        }

      }
    }
  }
  }


  /* Settings tab content */
  #wpz-woocommerce-random-orders-settings-tabs-content {
      box-shadow       : 0 0 0 rgba(0, 0, 0, 0.05);
      background-color : #fff;
      padding          : 20px;
      border-radius: 0 0 5px 5px;

      p {
        margin-top : 0;
        }

      & > div[id^="ags-psr-settings"] {
        display : none;
        }

      & > .ags-psr-settings-active {
        display : block !important;
        }
      }