/*  Settings container */
#ags-rpx-settings-container {
  margin : 30px 20px;
  }

/*  Settings window */
#ags-rpx-settings {
  border-radius      : $mainRadius;
  font-weight        : $fontWeight;
  -webkit-transition : all ease-in .3s;
  transition         : all ease-in .3s;
  font-size          : $fontSize;
  line-height        : $lineHeight;
  font-family        : $fontGeneral;
  color              : $fontColor;

  h1, h2, h3, h4, h5, h6 {
    font-family : $fontHeading;
    line-height : 1.2;
    }

  p {
    font-size   : $fontSize;
    line-height : $lineHeight;
    }

  #ags-rpx-intro {
    a {
      color       : $fontColor;
      font-weight : 600;

      &:hover {
        color : $mainColor;
        }
      }

    ul {
      font-size   : 14px;
      list-style  : disc inside;
      margin-left : 1em;

      li {
        margin-bottom : 0.5em;
        }
      }
    }

  #ags-rpx-form {
    margin-top : 35px;

    button {
      min-width  : 140px;
      text-align : center;
      }
    }

  #ags-rpx-select-all {
    text-decoration : none;
    font-weight     : 600;
    border-radius   : $mainRadius;
    line-height     : 1.2;
    color           : $fontColor;
    background      : #E6E6E6;
    padding         : 10px 17.3px;
    font-size       : 12px;
    display         : inline-block;
    margin-bottom   : 5px;
    box-shadow      : none;

    &:focus {
      box-shadow : none;
      }

    &:hover {
      background : #CCCCCC;
      }
    }

  #ags-rpx-presets {
    margin-bottom : 30px;
    margin-left   : 1em;

    label {
      display : inline-block;
      }

    li {
      margin-bottom : 1em;
      }

    & > li {

      & > ul {
        margin-left : 2em;
        }

      & > label {
        display       : block;
        margin-bottom : 0.5em;
        font-weight   : bold;
        }
      }
    }
  }


/* Settings tab content */
#ags-rpx-settings-tabs-content {
  box-shadow       : $boxShadow;
  background-color : #FFF;
  padding          : 30px;

  p {
    margin-top : 0;
    }

  //& > div[id^="ags-rpx-settings"] {
  //  display : none;
  //  }
  //
  //& > .ags-rpx-settings-active {
  //  display : block !important;
  //  }
  }