/**
 * All of the CSS for your admin-specific functionality should be
 * included in this file.
 */
body.ultimate-security-settings-template {
  /* background-color: #f0f0f1; */
}

body.ultimate-security-settings-template #wpbody-content{
  padding-bottom: 0;
}
body.ultimate-security-settings-template .notice {
  display: none !important;
}
body.ultimate-security-settings-template #wpwrap #wpcontent {
  padding-left: 0;
}
body.ultimate-security-settings-template #wpwrap #wpcontent #wpbody #wpbody-content .ultimate-security-settings-wrapper {
  font-family: "Figtree", serif;
}
body.ultimate-security-settings-template #wpwrap #wpfooter {
  display: none;
}

body.ultimate-security-settings-template #wpwrap,
body.ultimate-security-settings-template #wpcontent,
body.ultimate-security-settings-template #wpbody,
body.ultimate-security-settings-template #wpbody-content,
body.ultimate-security-settings-template .ultimate-security-settings-wrapper,
body.ultimate-security-settings-template #ultimate-security-settings,
body.ultimate-security-settings-template .ultimate-security-settings-container,
body.ultimate-security-settings-template .ultimate-security-settings-body,
body.ultimate-security-settings-template .settings-sider,
body.ultimate-security-settings-template .settings-sidebar-menu {
  height: auto;
  min-height: 0;
}

.ultimate-security-form-notice {
  background-color: #414141;
  color: #ffffff;
  margin-top: 30px;
  margin-bottom: 0px;
  position: relative;
  display: flex;
  align-items: stretch;
}
.ultimate-security-form-notice span.icon {
  background-color: #4AB866;
  width: 48px;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_7988_9866)'%3E%3Cpath d='M0 12.7658L8.21865 21.0001L24 5.23434L21.7343 3L8.21865 16.5L2.23429 10.5157L0 12.7658Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7988_9866'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 24px 24px;
}
.ultimate-security-form-notice .text-wrapper {
  padding: 16px;
}
.ultimate-security-form-notice-dismiss {
  margin-left: auto;
  background-color: transparent;
  border-style: none;
  padding-right: 16px;
  padding-left: 16px;
}
.ultimate-security-form-notice-dismiss::after {
  content: "";
  color: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='11' viewBox='0 0 10 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.88431 6.72036L8.59661 10.4327L9.65727 9.372L5.94497 5.6597L9.65728 1.94739L8.59662 0.886727L4.88431 4.59904L1.17199 0.886719L0.111328 1.94738L3.82365 5.6597L0.111337 9.37201L1.172 10.4327L4.88431 6.72036Z' fill='white'/%3E%3C/svg%3E");
  width: 10px;
  height: 11px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
}

.tagify {
  width: 100%;
  max-width: 700px;
}

.tagify__dropdown.extra-properties .tagify__dropdown__item > img {
  display: inline-block;
  vertical-align: middle;
  height: 20px;
  transform: scale(0.75);
  margin-right: 5px;
  border-radius: 2px;
  transition: 0.12s ease-out;
}
.tagify__dropdown.extra-properties .tagify__dropdown__item--active > img, .tagify__dropdown.extra-properties .tagify__dropdown__item:hover > img {
  transform: none;
  margin-right: 12px;
}

.tagify__input {
  min-width: 175px;
}

.tagify__tag {
  white-space: nowrap;
}
.tagify__tag img {
  display: inline-block;
  height: 16px;
  margin-right: 3px;
  border-radius: 2px;
}

/*
 * .rotate animation removed - use Tailwind's animate-spin utility instead
 */

#ultimate-security-test-error-mail-send,
#ultimate-security-reset-salt {
  display: flex;
  align-items: center;
  gap: 13px;
}
#ultimate-security-test-error-mail-send .button-text,
#ultimate-security-reset-salt .button-text {
  border: 1px solid var(--ultimate-security-color-deep-green);
  padding: 8px 12px;
  border-radius: 3px;
  color: var(--ultimate-security-color-deep-green);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
  display: inline-block;
  background-color: transparent;
}
#ultimate-security-test-error-mail-send .done-icon,
#ultimate-security-reset-salt .done-icon {
  width: 22px;
}
#ultimate-security-test-error-mail-send .done-icon svg,
#ultimate-security-reset-salt .done-icon svg {
  width: 100%;
  height: auto;
}

#ultimate-security-test-error-mail-send .button-text {
  background-color: var(--ultimate-security-color-deep-green);
  color: #ffffff;
}

/*
 * .pw-weak - unused password strength indicator class (removed)
 * @keyframes rotate - migrated to Tailwind's animate-spin utility
 */
table.temp-user-table {
  width: 100%;
  border: 1px solid #D8D9DB;
  border-radius: 3px;
}
table.temp-user-table thead, table.temp-user-table tfoot {
  background-color: #FFFDEE;
}
table.temp-user-table thead td, table.temp-user-table thead th, table.temp-user-table tbody td, table.temp-user-table tbody th {
  border-bottom: 1px solid #D8D9DB;
}
table.temp-user-table th, table.temp-user-table td {
  padding: 16px 30px;
}/*# sourceMappingURL=admin-style.css.map */

a.wp-has-submenu.menu-top.toplevel_page_ultimate-security.ultimate-security-active {
  background: #2271b1;
}

/* Allow text wrapping in Ultimate Security submenu items */
#adminmenu .toplevel_page_ultimate-security ul.wp-submenu li a {
  white-space: normal;
  line-height: 1.4;
}


/* react-modal */
.ReactModalPortal .ReactModal__Overlay .ReactModal__Content .modal-container {
  position: relative;
}
.ReactModalPortal .ReactModal__Overlay .ReactModal__Content .modal-container .modal-close {
  background-color: transparent;
  padding: 0;
  margin: 0;
  position: absolute;
  right: 0;
  top: 0;
  border-style: none;
}
.ReactModalPortal .ReactModal__Overlay .ReactModal__Content .modal-container .content-wrapper .process-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 34px;
  margin-bottom: 30px;
}
.ReactModalPortal .ReactModal__Overlay .ReactModal__Content .modal-container .content-wrapper .process-buttons .process-unit {
  background-color: #FFFFFF;
  border: 1px solid #D8D9DB;
  display: inline-block;
  padding: 10px 8px;
  color: #3C434A;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
}
.ReactModalPortal .ReactModal__Overlay .ReactModal__Content .modal-container .content-wrapper .process-buttons .process-unit::before {
  display: block;
  width: 24px;
  height: 24px;
  content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.25117 22L8.85117 18.8C8.63451 18.7167 8.43034 18.6167 8.23867 18.5C8.04701 18.3833 7.85951 18.2583 7.67617 18.125L4.70117 19.375L1.95117 14.625L4.52617 12.675C4.50951 12.5583 4.50117 12.4458 4.50117 12.3375V11.6625C4.50117 11.5542 4.50951 11.4417 4.52617 11.325L1.95117 9.375L4.70117 4.625L7.67617 5.875C7.85951 5.74167 8.05117 5.61667 8.25117 5.5C8.45117 5.38333 8.65117 5.28333 8.85117 5.2L9.25117 2H14.7512L15.1512 5.2C15.3678 5.28333 15.572 5.38333 15.7637 5.5C15.9553 5.61667 16.1428 5.74167 16.3262 5.875L19.3012 4.625L22.0512 9.375L19.4762 11.325C19.4928 11.4417 19.5012 11.5542 19.5012 11.6625V12.3375C19.5012 12.4458 19.4845 12.5583 19.4512 12.675L22.0262 14.625L19.2762 19.375L16.3262 18.125C16.1428 18.2583 15.9512 18.3833 15.7512 18.5C15.5512 18.6167 15.3512 18.7167 15.1512 18.8L14.7512 22H9.25117ZM12.0512 15.5C13.0178 15.5 13.8428 15.1583 14.5262 14.475C15.2095 13.7917 15.5512 12.9667 15.5512 12C15.5512 11.0333 15.2095 10.2083 14.5262 9.525C13.8428 8.84167 13.0178 8.5 12.0512 8.5C11.0678 8.5 10.2387 8.84167 9.56367 9.525C8.88867 10.2083 8.55117 11.0333 8.55117 12C8.55117 12.9667 8.88867 13.7917 9.56367 14.475C10.2387 15.1583 11.0678 15.5 12.0512 15.5Z" fill="%233C434A"/></svg>');
}
.ReactModalPortal .ReactModal__Overlay .ReactModal__Content .modal-container .content-wrapper .process-buttons .process-unit:not(:last-child)::after {
  content: "";
  position: absolute;
  width: 34px;
  height: 2px;
  display: block;
  background-color: #D8D9DB;
  right: -35px;
}
.ReactModalPortal .ReactModal__Overlay .ReactModal__Content .modal-container .content-wrapper .process-buttons .process-unit.process-done {
  background-color: var(--plus-color-purple-40);
  color: #ffffff;
}
.ReactModalPortal .ReactModal__Overlay .ReactModal__Content .modal-container .content-wrapper .process-buttons .process-unit.process-done::before {
  content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="12" fill="white"/><path d="M17.3327 8L9.99935 15.3333L6.66602 12" stroke="%23588157" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.ReactModalPortal .ReactModal__Overlay .ReactModal__Content .modal-container .content-wrapper .process-buttons .process-unit.process-done::after {
  background-color: var(--plus-color-purple-40);
}
.ReactModalPortal .ReactModal__Overlay .ReactModal__Content .modal-container .content-wrapper .process-content {
  margin: 0 auto;
  width: 100%;
  margin-bottom: 26px;
}
.ReactModalPortal .ReactModal__Overlay .ReactModal__Content .modal-container .content-wrapper .process-content .content .modal-title {
  color: #1D2327;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 32px;
  text-decoration: underline;
}
.ReactModalPortal .ReactModal__Overlay .ReactModal__Content .modal-container .content-wrapper .process-content .content .modal-content {
  color: var(--plus-color-purple-50);
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 1%;
  background-color: var(--plus-color-purple-10);
  padding: 16px;
  margin-bottom: 32px;
}
.ReactModalPortal .ReactModal__Overlay .ReactModal__Content .modal-container .content-wrapper .process-content .content .modal-content ul {
  padding: 0;
  margin: 0;
  list-style: unset;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.ReactModalPortal .ReactModal__Overlay .ReactModal__Content .modal-container .content-wrapper .process-content .process-progress .icon-wrapper {
  margin-bottom: 16px;
}
.ReactModalPortal .ReactModal__Overlay .ReactModal__Content .modal-container .content-wrapper .process-content .process-progress .bar-wrapper {
  margin-bottom: 16px;
  /* Disable Bootstrap's default transition */
}
.ReactModalPortal .ReactModal__Overlay .ReactModal__Content .modal-container .content-wrapper .process-content .process-progress .bar-wrapper .progress {
  height: 20px;
  border-radius: 50rem;
  padding: 2px;
  background-color: #F1F1F1;
}
.ReactModalPortal .ReactModal__Overlay .ReactModal__Content .modal-container .content-wrapper .process-content .process-progress .bar-wrapper .progress-bar {
  transition: none !important;
  border-radius: 50rem;
  background-color: var(--plus-color-purple-40);
}
.ReactModalPortal .ReactModal__Overlay .ReactModal__Content .modal-container .content-wrapper .process-content .process-progress .help-text {
  background-color: #FFF1BC;
  padding: 8px 12px;
  border-radius: 30px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
}
.ReactModalPortal .ReactModal__Overlay .ReactModal__Content .modal-container .content-wrapper .anchor-button {
  color: var(--plus-color-purple-40);
  background-color: transparent;
  border-style: none;
  text-decoration: underline;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding: 0;
  margin: 0;
}
.ReactModalPortal .ReactModal__Overlay .ReactModal__Content .modal-container .content-wrapper .usw-save-btn {
  background-color: var(--plus-color-purple-40);
  color: #FFFFFF;
  border-radius: 3px;
  border-style: none;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

/* Add custom animation */
.progress-bar[data-animation=animate] {
  transition: width 2.5s ease !important;
}