#easy-live-stats-widget table {

    width:100%;
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    border-radius: 5px;
    font-size:12px;
    margin-bottom:20px;
    table-layout: fixed;

}

#easy-live-stats-widget table.live-table > tbody > tr:nth-child(even) {

    background-color: #f9f9f9;
}


#easy-live-stats-widget table.subtable > tbody > tr:nth-child(even) {

    background-color: #f9f9f9;
}

#easy-live-stats-widget table thead th:last-child {

    border-right: 0;

}

#easy-live-stats-widget table tbody tr:first-child td {

    border-top: 1px solid #c4c4cd;

}

#easy-live-stats-widget table tbody tr td {

    border-bottom: 1px solid #c4c4cd;
    border-right: 1px solid #c4c4cd;
    padding:5px;

}


#easy-live-stats-widget table tbody tr td:last-child {

    border-right:0;

}

#easy-live-stats-widget table.live-table thead th:nth-child(1) {
    width: 18%;
}


#easy-live-stats-widget table.live-table thead th:nth-child(4),
#easy-live-stats-widget table.live-table thead th:nth-child(5) {
    width: 16%;
}

#easy-live-stats-widget table tbody td {

      text-align: center;
}



#easy-live-stats-widget table thead th {

    background: #f5f5f5;
    border-right: 1px solid #c4c4cd;
    vertical-align: middle;
    padding:8px;
    font-weight: 300;
}

#easy-live-stats-widget table tbody tr td img {
    margin-right:5px;
}

#easy-live-stats-widget table tbody tr.hide {

    display: none;
}

#easy-live-stats-widget table tbody td div {

    width:100%;

}

#easy-live-stats-widget table tbody tr td div span {

    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;

}

#easy-live-stats-widget table.today-table tbody tr td i:not(.flag-icon) {

    cursor: pointer;
}

#easy-live-stats-widget table.subtable {
    margin-bottom: 0;
}

#easy-live-stats-widget table.subtable thead th {

    padding:3px;
}

#easy-live-stats-widget table.today-table tr[data-row-parent] td {

    padding:10px;
}

#easy-live-stats-widget .inside .container {

  position: relative;
}

#easy-live-stats-widget .inside .tooltip {

    position: absolute;
    text-align: center;
    background-color: #ffffff;
    color:gray;
    font-size:12px;

}

#easy-live-stats-widget .users-live {

    font-weight: bold;
    margin-bottom: 5px;
}

#easy-live-stats-widget .users-live span {

    font-weight: normal;
}

#easy-live-stats-widget button {

    margin-top: -15px;
    margin-bottom: 20px;
}

.purchase-code-container .img-container {
    width:100%;
    text-align: center;
}

.purchase-code-container .img-container img {

    max-width:150px;
}

.purchase-code-container .input-container {

    margin-top:10px;
    text-align: center;
}

.purchase-code-container .input-container input {

    display: inline-block;
}

#easy-live-stats-widget .purchase-code-container .input-container button {

    display: inline-block;
    margin-bottom: 0;
    margin-top:0;
}

.purchase-code-container .text-container {

    margin-top:10px;
    text-align: center;
}

.purchase-code-container .success,
.purchase-code-container .error,
.purchase-code-container .notice,
.purchase-code-container .update {
  position: relative;
  padding: 1em 1em 1em 4em;
  border-radius: 2px;
  color: #FFF;
  display: none;
}
.purchase-code-container .success a,
.purchase-code-container .error a,
.purchase-code-container .notice a,
.purchase-code-container .update a {
  color: #FFF;
  border-bottom: 1px solid #FFF;
}
.purchase-code-container .success a:hover,
.purchase-code-container .error a:hover,
.purchase-code-container .notice a:hover,
.purchase-code-container .update a:hover {
  border-bottom: none;
}
.purchase-code-container .success:before,
.purchase-code-container .error:before,
.purchase-code-container .notice:before,
.purchase-code-container .update:before {
  content: ' ';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 3em;
  display: inline-block;
  border-right: 1px solid transparent;
}
.purchase-code-container .success:after,
.purchase-code-container .error:after,
.purchase-code-container .notice:after,
.purchase-code-container .update:after {
  position: absolute;
  top: 50%;
  left: 1em;
  min-width: 1em;
  text-align: center;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.purchase-code-container .success {
  background: #99cc99;
}
.purchase-code-container .success:before {
  border-right-color: #aad5aa;
}
.purchase-code-container .success:after {
  content: "\f00c";
}
.purchase-code-container .notice {
  background: #ffcc66;
}
.purchase-code-container .notice:before {
  border-right-color: #ffd480;
}
.purchase-code-container .notice:after {
  content: "\f071";
}
.purchase-code-container .error {
  background: #f2777a;
}

.purchase-code-container .error .hover {
  position: absolute;
  left:0;
  top:0;
  width:50px;
  height:100%;
  cursor:pointer;
  z-index:9999999;
}
.purchase-code-container .error:before {
  border-right-color: #f48e91;
}
.purchase-code-container .error:after {
  content: "\f00d";
}
.purchase-code-container .update {
  background: #6699cc;
}
.purchase-code-container .update:before {
  border-right-color: #79a6d2;
}
.purchase-code-container .update:after {
  content: "\f129";
}

body #wpbody-content #dashboard-widgets-wrap #dashboard-widgets > div.postbox-container {
  width: 49.5%;
}

@media (max-width:1200px) {

    body #wpbody-content #dashboard-widgets-wrap #dashboard-widgets > div.postbox-container {
      width: 100%;
    }
}

[data-tooltip] {
  position: relative;
}

[data-tooltip]::before,
[data-tooltip]::after {
  position: absolute;
  display: none;
  opacity: 0.85;
}
[data-tooltip]::before {
  /*
   * using data-tooltip instead of title so we
   * don't have the real tooltip overlapping
   */
  content: attr(data-tooltip);
  background: #000;
  color: #fff;
  font-size: 13px;
  padding: 5px;
  border-radius: 5px;
  /* we don't want the text to wrap */
  white-space: nowrap;
  text-decoration: none;
}
[data-tooltip]::after {
  width: 0;
  height: 0;
  border: 6px solid transparent;
  content: '';
}

[data-tooltip]:hover::before,
[data-tooltip]:hover::after {
  display: block;
}

/** positioning **/

/* left tooltip */
[data-tooltip][data-placement="left"]::before {
  top: -25%;
  right: 100%;
  margin-right: 10px;
}
[data-tooltip][data-placement="left"]::after {
  border-left-color: #000;
  border-right: none;
  top: 50%;
  right: 100%;
  margin-top: -6px;
  margin-right: 4px;
}

/* right tooltip */
[data-tooltip][data-placement="right"]::before {
  top: -25%;
  left: 100%;
  margin-left: 10px;
}
[data-tooltip][data-placement="right"]::after {
  border-right-color: #000;
  border-left: none;
  top: 50%;
  left: 100%;
  margin-top: -6px;
  margin-left: 4px;
}

/* top tooltip */
[data-tooltip][data-placement="top"]::before {
  bottom: 100%;
  left: 0;
  margin-bottom: 10px;
}
[data-tooltip][data-placement="top"]::after {
  border-top-color: #000;
  border-bottom: none;
  bottom: 100%;
  left: 10px;
  margin-bottom: 4px;
}

/* bottom tooltip */
[data-tooltip][data-placement="bottom"]::before {
  top: 100%;
  left: 0;
  margin-top: 10px;
}
[data-tooltip][data-placement="bottom"]::after {
  border-bottom-color: #000;
  border-top: none;
  top: 100%;
  left: 10px;
  margin-top: 4px;
}

.real-time-stats h2 {
  margin-bottom: 10px;
}

.real-time-stats .content.left {
  margin-right:5px;
}

.real-time-stats .content {

  width:49%;
  min-height: 100px;
  background-color: #ffffff;
  border: 1px solid #e5e5e5;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.04);
  box-shadow: 0 1px 1px rgba(0,0,0,.04);
  float:left;
  padding: 15px;
  box-sizing:border-box;

}

.real-time-stats .content h3 {
  margin-top:0;
}

.real-time-stats .content hr {
  margin:20px 0;
  border-top-color: #f5f5f5;
  border-bottom:0;
}

.real-time-stats .content label {
  display: block;
}

.real-time-stats .content .input-button-group input {
  float: left;
  margin:0;
  width:75%;
  height:32px;
  border:1px solid #ccc;
  border-left:0;
  border-right:0;
}

.real-time-stats .input-button-group .prepend {
  float:left;
  padding:6px;
  background-color: #f5f5f5;
  border:1px solid #ccc;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  width:7%;


}

.real-time-stats .input-button-group .append {

  float:left;
  width:15%;
  height:32px;
  margin:0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;

}

.real-time-stats .input-button-group.no-prepend input.add-ip {
  border-left:1px solid #ccc;
  width:84%;
}

.real-time-stats .input-button-group:after {
  content: "";
  display: table;
  clear: both;
}

.real-time-stats .content input.add-ip {
  width:80%;
  display: inline-block;
}

.real-time-stats .content button {
  width:19%;
  display: inline-block;
  margin-top:2px;
}

.real-time-stats table {

  width:100%;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid #ccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  border-radius: 5px;
  font-size:12px;
  margin-bottom:20px;
  table-layout: fixed;
}

.real-time-stats table thead th:last-child {

    border-right: 0;

}

.real-time-stats table tbody tr:first-child td {

    border-top: 1px solid #c4c4cd;

}

.real-time-stats table tbody tr td {

    border-bottom: 1px solid #c4c4cd;
    border-right: 1px solid #c4c4cd;
    padding:5px;

}


.real-time-stats table tbody tr td:last-child {

    border-right:0;

}

.real-time-stats table.live-table thead th:nth-child(1) {
    width: 18%;
}


.real-time-stats table.live-table thead th:nth-child(4),
.real-time-stats table.live-table thead th:nth-child(5) {
    width: 16%;
}

.real-time-stats table tbody td {

      text-align: center;
}

.real-time-stats table tbody td button {

    width:100%!important;
}

.real-time-stats table thead th {

    background: #f5f5f5;
    border-right: 1px solid #c4c4cd;
    vertical-align: middle;
    padding:8px;
    font-weight: 300;
}

.real-time-stats .error-message {

  display: none;
  margin: 10px 0;
  padding: 10px;
  border-radius: 3px 3px 3px 3px;
  color: #D8000C;
  background-color: #FFBABA;
}

.real-time-stats table.log-table {
  margin-top:5px;
}

.real-time-stats table.dataTable thead th, .real-time-stats table.dataTable thead td {
  border-bottom:0;
}

.real-time-stats .dataTables_wrapper .dataTables_paginate .paginate_button {

  padding:2px 5px;
}

.real-time-stats .dataTables_filter {
  margin-bottom: 10px;
}

.real-time-stats table tbody tr td span {

    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;

}

.real-time-stats table.log-table th:nth-child(1) {
  width:20%!important;
}

.real-time-stats table.log-table th:nth-child(2) {
  width:40%!important;
}

.real-time-stats table.log-table th:nth-child(3) {
  width:40%!important;
}

@media ( max-width:1270px ) {

  .real-time-stats .content {
    width:100%;
    margin-bottom: 20px;
  }
}

@media ( max-width:700px ) {

  .real-time-stats .content .input-button-group input {
    width: 60%;
  }

  .real-time-stats .input-button-group .prepend {
    width:10%;
  }

  .real-time-stats .input-button-group .append {
    width:25%;
  }

  .real-time-stats .input-button-group.no-prepend input.add-ip {
    width: 74%;
  }
}



width: 80px;