[v-cloak] {
  display: none;
}

.logo {
  padding: 15px 0;
  font-weight: bold;
  margin-bottom: 10px;
}

.page-title-wrapper {
  display: block;
  background: #e7e7e7;
  padding: 10px;
}

.page-title {
  font-weight: bold;
}

.page-description {
  font-weight: normal;
  margin-top: 10px;
}

.small {
  font-size: 10px;
}

.alignleft {
  padding-left: 10px;
}

[dir="rtl"] .alignleft {
  padding-left: 0;
  padding-right: 10px;
}

.alignleft .button {
  margin-left: 5px;
}

[dir="rtl"] .alignleft .button {
  margin-left: 0px;
  margin-right: 5px;
}

@media screen and (max-width: 782px) {
  .alignleft .button {
    margin: 0px;
  }
  .alignleft {
    float: unset;
  }
}

.alignleft .button .dashicons {
  line-height: 1.4em;
}

.button.button-reset,
.button.add {
  color: #fff;
  border-color: #b90505;
  background: #b90505;
}

.button.button-reset:hover,
.button.add:hover {
  border-color: #c30e0e;
  background: #c30e0e;
  color: #fff;
}

.label {
  text-transform: uppercase;
  font-size: 11px;
  text-align: center;
  padding: 3px 5px;
  color: #fff;
  border-radius: 3px;
}

.label.label-last-used-on {
  background: #1bd288;
  display: block;
  padding: 0;
}

.label.label-default {
  background: #607d8b;
}

.label.label-remove {
  background: #e02215;
}

.label.label-accepted {
  background: #41d367;
}

.label.label-pending {
  background: #f7ae1c;
}

.label.label-action-login {
  background: #6f59b3;
}

.label.label-action-activate {
  background: #009688;
}
.label.label-action-delete {
  background: #f81c0c;
}

.label {
  text-transform: uppercase;
  font-size: 11px;
  text-align: center;
  padding: 3px 5px;
  color: #fff;
  border-radius: 3px;
}

.label.label-last-used-on {
  background: #1bd288;
  display: block;
  padding: 0;
}

.label.label-default {
  background: #607d8b;
}

.label.label-delete {
  background: #a1180e;
}

.label.label-activate {
  background: #04732b;
}

.label.label-deactivate {
  background: #ae8127;
}

.label.label-login {
  background: #6f59b3;
}

.method-icon {
  width: 15px;
  background: #ffffff;
  padding: 5px;
  border: 1px solid #e8e8e8;
  vertical-align: middle;
  border-radius: 50%;
}

.removealignleft {
  padding: 0 !important;
}

.rtl {
  direction: rtl;
  text-align: right;
}

.aligned {
  direction: ltr;
  text-align: left;
}
[dir="rtl"] .aligned {
  direction: rtl;
  text-align: right;
}

.fade-enter-active,
.fade-leave-active,
.bounce-enter-active,
.bounce-leave-active {
  animation: bounce-in 0.5s;
  transition: opacity 0.5s;
}

.fade-enter,
.fade-leave-to,
.bounce-enter-active,
.bounce-leave-active {
  display: none;
}

.wp-core-ui .button-active,
.wp-core-ui .button-active:hover {
  background: #2e9688;
  border-color: #2e9688;
  color: #fff;
  text-decoration: none;
  text-shadow: none;
}

.spinner.is-active.spin {
  margin: 0;
  float: none;
}

.spinner-button {
  background-size: 12px 12px;
  margin-top: 2px;
  width: 13px;
  height: 18px;
}

.table-count {
  padding: 5px 0;
  display: block;
}

.notice,
div.error,
div.warning {
  background: #fff;
  border: 1px solid #c3c4c7;
  border-left-color: #ff9966;
  border-left-width: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
  margin: 5px 15px 2px;
  padding: 1px 12px;
}

.notice,
div.error {
  border-left-color: #d63638;
}

[dir="rtl"] .notice,
[dir="rtl"] div.error,
[dir="rtl"] div.warning {
  border: 1px solid #c3c4c7;
  border-right-color: #ff9966;
  border-right-width: 4px;
  border-left-color: #c3c4c7;
  border-left-width: 1px;
}

[dir="rtl"] .notice,
[dir="rtl"] div.error {
  border-right-color: #d63638;
  border-right-width: 4px;
  border-left-color: #c3c4c7;
  border-left-width: 1px;
}

.wp-list-table.secure-tfa-table .column-id {
  width: 2.2em;
}

.wp-list-table.secure-tfa-table .column-user {
  width: 15%;
}

.wp-list-table.secure-tfa-table .column-description {
  width: 50%;
}

.wp-list-table.secure-tfa-table .column-method_name {
  width: 20%;
}

.text-active {
  color: #358f49;
}

.text-inactive {
  color: #d63638;
}

.help {
  font-size: 12px !important;
  color: #777 !important;
}

.help.note {
  color: #834848 !important;
}

.loading-blur {
  filter: blur(5px);
  pointer-events: none;
  transition: filter 0.5s ease-in-out;
}

.alignleft .form-control.user_id.ui-autocomplete-input {
  width: 250px;
}

@media screen and (max-width: 782px) {
  .alignleft {
    width: 100%;
    padding-left: inherit !important;
    padding-right: inherit !important;
    padding-top: 5px;
  }
  .alignleft .inline-label {
    width: 100%;
    display: block;
  }
  .alignleft .form-control {
    width: 100% !important;
    display: block;
    max-width: 100% !important;
  }
}
@keyframes bounce-in {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.005555);
  }
  100% {
    transform: scale(1);
  }
}

.overview-description {
  background: #e7e7e7;
  padding: 10px;
  font-size: 15px;
}

.settings-description {
  background: #e7e7e7;
  padding: 10px;
  font-size: 13px;
  width: 50%;
}

@media screen and (max-width: 782px) {
  .settings-description {
    width: auto;
  }
}

@media screen and (max-width: 600px) {
  .nav-tab-wrapper,
  .wrap h2.nav-tab-wrapper,
  h1.nav-tab-wrapper {
    border-bottom: 1px solid #c3c4c7 !important;
  }
}

@media screen and (max-width: 600px) {
  h1 .nav-tab,
  h2 .nav-tab,
  h3 .nav-tab,
  nav .nav-tab {
    border-bottom: unset !important;
  }
}

.mt-15 {
  margin-top: 15px;
}

.mt-10 {
  margin-top: 10px;
}

.overview-widget-block {
  display: flex;
  align-items: center;
  padding: 15px;
  border-radius: 5px;
  color: white;
  text-decoration: none;
}

.overview-widget-block .icon {
  width: 60px;
}

.overview-widget-block .icon .dashicons {
  font-size: 40px;
  vertical-align: unset;
}

.overview-widget-block .detail {
  flex-grow: 1;
}

.overview-widget-block .count {
  font-size: 24px;
  font-weight: bold;
}

.overview-widget-block .desc {
  display: block;
  font-size: 14px;
  opacity: 0.8;
}

.status-badge-primary {
  background-color: #743cae;
}

.status-badge-green {
  background-color: #46b450;
}

.status-badge-cyan {
  background-color: #00a0d2;
}

.status-badge-pink {
  background-color: #d63638;
}

.clearfix::after {
  content: "";
  display: table;
  clear: both;
}

.panel {
  background: #fff;
  border-radius: 5px;
}

.panel.panel-default {
  min-height: 300px;
}

.list-group-empty {
  text-align: center;
  display: block;
  padding: 85px 0;
  min-height: 50px;
}

.list-group {
  max-height: 300px;
  overflow-y: auto;
}

.list-group-item {
  padding: 10px;
  border: 0 !important;
  border-bottom: 1px solid #ccc !important;
}

.list-group-item:last-child {
  border-bottom: 0 !important;
}

.methods .list-group-item {
  background: #fafafa;
  margin: 10px;
  border: 1px solid #ececec !important;
  border-radius: 5px;
  padding: 10px 20px;
}

.list-group-item .method-name {
  padding: 2px 0;
}

.list-group-item .method-large-name {
  font-size: 15px;
  margin-bottom: 10px;
  display: block;
}

.list-group-item .method-large-count {
  font-weight: bold;
  font-size: 15px;
}

.list-group-item .username {
  font-weight: bold;
  display: block;
  margin-bottom: 3px;
}

.large-spinner-laoder {
  font-size: 24px;
  color: #0073aa;
}

.error {
  background: #ffebe8;
  padding: 10px;
  border-left: 4px solid #d63638;
}

.updated {
  background: #e7f7d7;
  padding: 10px;
  border-left: 4px solid #008000;
}

.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.5s;
}

.fade-enter,
.fade-leave-to {
  opacity: 0;
}

.row {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.col-md-12 {
  position: relative;
  width: 100%;
}

.col-md-4 {
  position: relative;
  width: 100%;
}

.col-md-6 {
  position: relative;
  width: 100%;
}

.col-md-8 {
  position: relative;
  width: 100%;
}

@media (min-width: 768px) {
  .col-md-4 {
    flex: 0 0 calc((100% - 40px) / 3);
  }
  .col-md-6 {
    flex: 0 0 calc((100% - 20px) / 2);
  }
  .col-md-8 {
    flex: 0 0 calc((100% - 20px) * 2 / 3);
  }
}

.float-end {
  float: right;
}

[dir="rtl"] .float-end {
  float: left;
}

@media screen and (max-width: 782px) {
  .wp-list-table thead {
    display: none !important;
  }

  .wp-list-table tbody tr {
    display: block !important;
    padding: 10px !important;
  }

  .wp-list-table td {
    display: block !important;
    width: 100% !important;
    text-align: right !important;
    position: relative !important;
    padding-left: 50% !important;
  }

  .wp-list-table td::before {
    content: attr(data-label) !important;
    font-weight: bold !important;
    text-align: left !important;
    position: absolute !important;
    left: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    white-space: nowrap !important;
  }

  .wp-list-table td.no-label {
    padding-left: initial !important;
    padding-right: initial !important;
    text-align: center !important;
  }

  [dir="rtl"] .wp-list-table td {
    text-align: left !important;
    padding-left: initial !important;
    padding-right: 50% !important;
  }

  [dir="rtl"] .wp-list-table td::before {
    text-align: right !important;
    left: initial !important;
    right: 10px !important;
  }
}

#adminmenu .wp-has-current-submenu div.wp-menu-image.dashicons-whatsapp:before {
  color: #79fb28;
}

.active-tfa-methods {
  display: inline-block;
  background: #fcfcfc;
  padding: 5px 10px;
  margin: 5px;
  color: #398611;
}

.no-active-tfa-methods {
  display: inline-block;
  background: #ffe7e7;
  padding: 5px 10px;
  margin: 5px;
}

.mb-10 {
  margin-bottom: 10px;
}

.using-backup-code-icon {
  color: #289bbe;
  font-size: 15px;
}