#wps-sn-settings {

  h1 {
    font-family: 'Montserrat', sans-serif;
    position: relative;
    padding-left: 65px;
    border-bottom: 1px solid #d1d1d1;

    img {
      position: absolute;
      bottom: 0px;
      left:0px;
    }


  }

}

.wps-style-select {

  li {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    margin-bottom: 10px;

    a {
      background: transparent;
      font-size: 0px;
      border:1px dashed #eaeaea;

      img {
        max-height: 40px;
      }

      &.wps-sn-selected {
        border:1px solid #d1d1d1;
      }

    }

  }

}

.wps-sn-table {

  th {
    width: 230px;
    vertical-align: top;
    font-weight: 600;
    font-size: 16px;
    border-right: 1px solid #dcdcdc;

    .desc {
      color: #afafaf;
      font-size: 13px;
      font-weight: 400;
    }
  }

  td {
    padding-left: 25px;

    input, select {
      vertical-align: top;
      height: 28px !important;

      &.fatter {
        width: 320px !important;
      }

    }

    input.small {
      width: 100px !important;
    }

  }

  .wps-sn-network {
    background: #eaeaea;
    padding: 10px !important;
    display: inline-block;
    border-radius:50%;
    width: 32px;
    height: 32px;
    margin-right: 5px;

    &>i {
      color: #cacaca;
      line-height: 32px;
      padding-bottom: 0px;
      font-size: 18px;
    }

    &.active {

      i {
        color: #fff;
      }

      &.facebook {
        background: #3b5998;
      }

      &.twitter {
        background: #1da1f2;
      }

      &.google-plus {
        background: #dd4b39;
      }

      &.pinterest {
        background: #bd081c;
      }

      &.linkedin {
        background: #0077b5;
      }

    }

  }

}

.wps-sn-bad {
  display: inline-block;
  color: #ff0000;
  font-weight:bold;
  padding: 5px 10px;
}

.wps-sn-good {
  display: inline-block;
  color: #5cb85c;
  font-weight:bold;
  padding: 5px 10px;
}