.limit-login-page-settings {
  .field-col {
    display: inline-block;
    margin-right: 20px;
  }
  .limit-login-log {
    table {
      background-color: #fff;
      th, td {
        padding: 10px;
      }
      tr:nth-child(even) {
        background-color: rgba(#000, .09);
      }
    }
  }

  #limit-login-app-setup-link {
    width: 85%;
  }

  .nav-tab-wrapper {
    position: relative;

    .llar-failover-link {
      font-size: 14px;
      float: right;
      line-height: 2;
    }
  }

  .limit-login-app-dashboard {
    .llar-table-scroll-wrap {
      max-height: 400px;
      overflow-y: auto;
    }

    .form-table {
      background-color: #fff;
      border: 1px solid #f4f4f4;
      border-top: 3px solid #3c8dbc;
      position: relative;

      &.llar-preloader {
        &:before {
          content: "";
          display: block;
          width: 100%;
          height: 100%;
          background-color: rgba(255,255,255,0.7);
          z-index: 999;
          position: absolute;
          top: 0;
          left: 0;
        }
      }

      th {
        //color: #3c8dbc;
        font-weight: bold;
        border-bottom: 1px solid #dbdbdb !important;
      }
      th, td {
        padding: 10px;
        border: 1px solid #b9b9b9;

        &.llar-col-nowrap {
          white-space: nowrap;
        }
      }
      td {
        button {
          line-height: 1;
          margin-right: 5px;

          &:last-child {
            margin-right: 0;
          }

          .dashicons {
            vertical-align: middle;
          }
        }
        &.llar-app-log-actions {
          text-align: center;

          .llar-app-log-action-btn {
            display: inline-block;
            line-height: 20px;
            cursor: pointer;

            i {
              vertical-align: middle;
            }

            &:hover {
              i {
                color: #3c8dbc;
              }
            }
          }

        }
      }
      tr:nth-child(even) {
        background-color: #f9f9f9;
      }
    }
    .llar-app-log-pagination {
      > a {
        font-size: 16px;
        line-height: 1.625;
      }
      .spinner {
        float: none;
      }
    }
    .llar-app-acl-rules {
      display: flex;
      justify-content: space-between;

      .app-rules-col {
        flex: 0 0 49%;

        .form-table {
          select {
            width: 100%;
          }

          .llar-app-acl-action-col {
            text-align: center;
          }

          .llar-app-rule-pass {
            background-color: #cffbe8;
          }
          .llar-app-rule-allow {
            background-color: #abdfff;
          }
          .llar-app-rule-deny {
            background-color: #fd2c2c3d;
          }
          .llar-app-acl-remove {
            color: crimson;
            border-color: crimson;
          }
        }
      }
    }
  }

  .llar-app-notice {
    background-color: #fff;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
    padding: 15px;
    border-radius: 3px;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 14px;
    border-left: 5px solid #ffba00;

    &.success {
      border-color: #46b450;
    }

    p {
      font-size: inherit;
      margin: 0 0 20px;

      &:last-child {
        margin-bottom: 0;
      }
    }
  }

  input[name="admin_notify_email"] {
    min-width: 243px;
  }

  .llar-protect-notice {
    font-size: 15px;
    color: #848484;
    margin-left: 10px;

    a {
      color: #222222;
      //text-decoration-style: dotted;
      //text-underline-offset: 3px;
      text-decoration: none;
      border-bottom: 1px dashed;
    }
  }



  .llar-show-app-fields {
    position: absolute;
    right: 15px;
    top: 15px;
    color: #bdbdbd;

    &:hover {
      color: #222;
    }
  }

  .llar-app-field {
    display: none;

    &.active {
      display: table-row;
    }
  }
}

.llar-notice-review,
.llar-notice-notify {
  display: flex;
  padding: 15px 20px 0 !important;
  border-left: 4px solid #333 !important;

  .llar-review-image {
    img {
      margin-top: 10px;
      margin-bottom: 20px;
    }
    span {
      font-size: 80px;
      color: orange;
      width: 80px;
      height: auto;
      margin-bottom: 20px;
    }
  }
  .llar-review-info {
    flex: 1;
    margin-left: 30px;

    .llar-buttons {
      display: flex;
      align-items: center;

      li {
        margin-right: 10px;

        .dashicons {
          margin-right: 5px;
        }
      }
    }
  }
}

.llar-accordion {
  .ui-accordion-header {
    font-weight: bold;
    background: #778899;
    color: #fff;

    &.ui-accordion-header-active {
      background: #87CEFA;
    }
  }
}

.custom-app-tab {
  position: relative;
  .spinner {
    float: none;
  }
  .llar-app-ajax-msg {
    font-size: 13px;
    margin-top: 5px;
    display: block;

    &.error {
      color: red;
    }
    &.success {
      color: green;
    }
  }
  .llar-delete-app {
    color: #dc3232;
    position: absolute;
    bottom: 15px;
    right: 15px;

    &:hover {
      opacity: 0.8;
    }
  }
  .llar-why-use-premium-text {
    margin-top: 20px;

    .title {
      font-weight: bold;
      font-size: 16px;
      color: #4d4d4d;
    }
    ul {
      li {
        .dashicons {
          color: #3ab54a;
          font-size: 25px;
          width: 25px;
          top: -2px;
          position: relative;
        }
      }
    }
  }
}

#llar-progress-bar {
  position: fixed;
  top: 0;
  height: 6px;
  left: 0;
  width: 100%;
  z-index: 999999;
  background-color: #eee;

  span {
    height: 100%;
    position: absolute;
    display: block;
    width: 0;
    background-color: #00b357;
    transition: width 0.4s;
  }
}

#llar-header-upgrade-message {
  text-align: center;
  background-color: #f5f0c0;
  color: #222;
  padding: 10px;
  margin-left: -20px;
  //margin-right: -20px;
  box-shadow: 0 0 3px rgba(0,0,0,0.2);

  p {
    margin: 0;

    .dashicons {
      color: #f2a64c;
      margin-right: 5px;
    }
  }
}

.settings_page_limit-login-attempts {
  .update-nag {
    display: none;
  }
}

.llar-chart-wrap {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  clear: both;
}