:root {
--ultimate-security-color-deep-green: #588157;
--ultimate-security-color-lite-green: #f1faee;
--ultimate-security-color-FFF1BC: #fff1bc;
--ultimate-security-color-FFFDEE: #fffdee;
--plus-color-brand: #2c045d;
--plus-color-alt-brand: #5007aa;
--plus-color-heading: #000000;
--plus-color-text: #000000;
--plus-color-primary: #ebebf4;
--plus-color-secondary: #ffffff;
--plus-color-border: #d8d9db;
--plus-color-subtle: #6bd2d1;
--plus-color-extra: #d53637;
--plus-color-notice: #fffdee;
--plus-color-tertiary: #f1f1f1;
--plus-color-purple-90: #2c045d;
--plus-color-purple-70: #5007aa;
--plus-color-purple-50: #720eec;
--plus-color-purple-40: #873eff;
--plus-color-purple-10: #d1c1ff;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
.cursor-pointer {
cursor: pointer;
}
.background-deep-green {
background-color: var(--ultimate-security-color-deep-green);
}
.background-lite-green {
background-color: var(--ultimate-security-color-lite-green);
}
.text-deep-green {
color: var(--ultimate-security-color-deep-green);
}
.text-lite-green {
color: var(--ultimate-security-color-lite-green);
}    li#toplevel_page_ultimate-security ul.wp-submenu a{
text-wrap: nowrap;
}
#wpadminbar #wp-admin-bar-ultimate-security-switch-to-ip input.search-ip-input {
min-width: 95%;
min-height: 30px;
}
#wpadminbar #wp-admin-bar-ultimate-security-switch-to-ip .validation-result .valid-ip button.use-this-ip {
margin: 5px 0px !important;
} #wpadminbar #wp-admin-bar-ultimate-security-switch-to-ip .recent-ips-search {
position: absolute;
top: 100%;
left: 0;
right: 0;
background: #fff;
border: 1px solid #ddd;
border-radius: 3px;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
z-index: 1000;
max-height: 200px;
overflow-y: auto;
}
#wpadminbar #wp-admin-bar-ultimate-security-switch-to-ip .recent-ips-dropdown {
padding: 8px 0;
}
#wpadminbar #wp-admin-bar-ultimate-security-switch-to-ip .dropdown-title {
padding: 5px 12px;
font-size: 11px;
color: #666;
text-transform: uppercase;
border-bottom: 1px solid #eee;
margin-bottom: 5px;
}
#wpadminbar #wp-admin-bar-ultimate-security-switch-to-ip .ip-option {
padding: 8px 12px;
cursor: pointer;
border-bottom: 1px solid #eee;
transition: background-color 0.2s;
}
#wpadminbar #wp-admin-bar-ultimate-security-switch-to-ip .ip-option:hover {
background-color: #f5f5f5;
}
#wpadminbar #wp-admin-bar-ultimate-security-switch-to-ip .ip-option:last-child {
border-bottom: none;
} #wpadminbar #wp-admin-bar-ultimate-security-switch-to-ip .input-wrap {
position: relative;
display: inline-block;
width: 100%;
} #wpadminbar #wp-admin-bar-ultimate-security-switch-to-ip .validation-result {
margin-top: 5px;
}
#wpadminbar #wp-admin-bar-ultimate-security-switch-to-ip .validation-result .valid-ip {
color: #28a745;
display: flex;
align-items: center;
justify-content: space-between;
padding-right: 10px;
font-size: 16px;
font-weight: 500;
line-height: 24px;
}
#wpadminbar #wp-admin-bar-ultimate-security-switch-to-ip .invalid-ip {
color: #dc3232;
font-size: 16px;
font-weight: 500;
line-height: 24px;
}
#wpadminbar #wp-admin-bar-ultimate-security-switch-to-ip .use-this-ip {
background: #D8D9DB;
color: #000000;
border: none;
padding: 0px 10px;
border-radius: 3px;
cursor: pointer;
font-size: 16px;
font-weight: 500;
line-height: 30px;
margin-left: 5px;
}
#wpadminbar #wp-admin-bar-ultimate-security-switch-to-ip .use-this-ip:hover {
background: #b6c1d6;
} #wpadminbar #wp-admin-bar-ultimate-security-switch-to-ip  .search-ip .input-wrap {
min-width: 250px;
}
#wpadminbar #wp-admin-bar-ultimate-security-switch-to-ip  .recent-ips-search {
background: #32373c;
border-color: #464b50;
color: #eee;
}
#wpadminbar #wp-admin-bar-ultimate-security-switch-to-ip  .dropdown-title {
color: #ccc;
border-color: #464b50;
}
#wpadminbar #wp-admin-bar-ultimate-security-switch-to-ip  .ip-option {
color: #eee;
border-color: #464b50;
}
#wpadminbar #wp-admin-bar-ultimate-security-switch-to-ip  .ip-option:hover {
background-color: #464b50;
}
#wpadminbar #wp-admin-bar-ultimate-security-switch-to-ip > .ab-item {
display: flex;
align-items: center;
}
#wpadminbar #wp-admin-bar-ultimate-security-switch-to-ip > .ab-item .ab-icon::before,
#wpadminbar #wp-admin-bar-ultimate_security_test_mode > .ab-item .ab-icon::before  {
width: 20px;
height: 20px;
content: url(//extensions.cartinuum.com/wp-content/plugins/ultimate-security/assets/admin/images/menu-icon.svg);
}
#wpadminbar #wp-admin-bar-ultimate_security_test_mode > .ab-item {
color: #F58E07 !important;
}
#wpadminbar #wp-admin-bar-ultimate-security-switch-to-ip > .ab-sub-wrapper > ul.ab-submenu {
padding-top: 0;
padding-bottom: 0;
}
#wpadminbar #wp-admin-bar-ultimate-security-switch-to-ip .ab-sub-wrapper {
background-color: #393f4c;
}
#wpadminbar #wp-admin-bar-ultimate-security-switch-to-ip .ab-sub-wrapper .wp-admin-bar-arrow::before {
display: none;
}
#wpadminbar #wp-admin-bar-ultimate-security-switch-to-ip .ab-sub-wrapper .ab-sub-wrapper {
display: block;
position: relative;
left: 0;
margin-top: 0 !important;
margin-left: 0 !important;
}
#wpadminbar #wp-admin-bar-ultimate-security-switch-to-ip ul li .ab-item {
height: auto !important;
width: 261px;
box-sizing: border-box;
}
#wpadminbar #wp-admin-bar-ultimate-security-switch-to-ip ul li .ab-item form.search-user {
width: 100%;
display: flex;
gap: 10px;
}
#wpadminbar #wp-admin-bar-ultimate-security-switch-to-ip ul li .ab-item form.search-user .input-wrap {
position: relative;
flex: 1;
}
#wpadminbar #wp-admin-bar-ultimate-security-switch-to-ip ul li .ab-item form.search-user .input-wrap .search-country-input {
background-color: #f1f7ff;
border-radius: 4px;
padding: 8px 10px;
height: 32px;
box-sizing: border-box;
width: 100%;
}
#wpadminbar #wp-admin-bar-ultimate-security-switch-to-ip ul li .ab-item form.search-user .input-wrap .search-result {
position: absolute;
z-index: 9;
width: 100%;
background-color: #f1f7ff;
box-shadow: -1px 6px 20px 0px rgba(143, 168, 183, 0.1019607843);
border-radius: 4px;
overflow: hidden;
margin-top: 5px;
}
#wpadminbar #wp-admin-bar-ultimate-security-switch-to-ip ul li .ab-item form.search-user .input-wrap .search-result ul {
max-height: 130px;
overflow-y: scroll;    }
#wpadminbar #wp-admin-bar-ultimate-security-switch-to-ip ul li .ab-item form.search-user .input-wrap .search-result ul li {
height: auto;
}
#wpadminbar #wp-admin-bar-ultimate-security-switch-to-ip ul li .ab-item form.search-user .input-wrap .search-result ul li a {
color: #757575;
display: block;
padding: 8px 10px;
box-sizing: border-box;
line-height: 1.2;
}
#wpadminbar #wp-admin-bar-ultimate-security-switch-to-ip ul li .ab-item form.search-user .input-wrap .search-result ul li:hover a {
background-color: #0167ff;
color: #ffffff;
}
#wpadminbar #wp-admin-bar-ultimate-security-switch-to-ip ul li .ab-item form.search-user .input-wrap .search-result ul::-webkit-scrollbar {
width: 4px;
}
#wpadminbar #wp-admin-bar-ultimate-security-switch-to-ip ul li .ab-item form.search-user .input-wrap .search-result ul::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px #ffffff;
border-radius: 10px;
}
#wpadminbar #wp-admin-bar-ultimate-security-switch-to-ip ul li .ab-item form.search-user .input-wrap .search-result ul::-webkit-scrollbar-thumb {
background: #929292;
border-radius: 10px;
}
#wpadminbar #wp-admin-bar-ultimate-security-switch-to-ip ul li .ab-item form.search-user .input-wrap .search-result ul::-webkit-scrollbar-thumb:hover {
background: #929292;
}
#wpadminbar #wp-admin-bar-ultimate-security-switch-to-ip ul li .ab-item form.search-user .search-user-btn {
background-color: #0167ff;
color: #ffffff;
font-size: 14px;
font-weight: 400;
line-height: 16px;
padding: 8px 10px;
border-radius: 4px;
flex: 0 0 63px;
width: 63px;
border-style: none;
}
#wpadminbar #wp-admin-bar-ultimate-security-switch-to-ip ul li .ab-item .title-part {
display: inline-block;
width: auto;
font-size: 14px;
font-weight: 400;
line-height: 20px;
color: #ffffff;
border-bottom: 1px solid #f2f2f2;
}
#wpadminbar #wp-admin-bar-ultimate-security-switch-to-ip ul li#wp-admin-bar-ultimate-security-form-in-admin-bar {
z-index: 999999;
}
#wpadminbar #wp-admin-bar-ultimate-security-switch-to-ip ul li#wp-admin-bar-ultimate-security-form-in-admin-bar .search-result ul li a {
color: #757575;
display: flex;
padding: 3px 10px;
box-sizing: border-box;
gap: 5px;
align-items: center;
}
#wpadminbar #wp-admin-bar-ultimate-security-switch-to-ip ul li#wp-admin-bar-ultimate-security-form-in-admin-bar .search-result ul li a img {
width: 25px;
height: auto;
flex: 0 0 25px;
}
#wpadminbar #wp-admin-bar-ultimate-security-switch-to-ip ul li#wp-admin-bar-ultimate-security-form-in-admin-bar .search-result ul li a span {
flex: 1;
}
#wpadminbar #wp-admin-bar-ultimate-security-switch-to-ip ul li#wp-admin-bar-ultimate-security-form-in-admin-bar .search-result ul li:hover a {
background-color: var(--ultimate-security-color-deep-green);
color: #ffffff;
}
#wpadminbar #wp-admin-bar-ultimate-security-switch-to-ip ul li#wp-admin-bar-ultimate-security-form-in-admin-bar > .ab-item {
padding-top: 10px;
padding-bottom: 10px;
}
#wpadminbar #wp-admin-bar-ultimate-security-switch-to-ip ul li#wp-admin-bar-ultimate-security-recent-countries-title ul {
padding-top: 0;
}
#wpadminbar #wp-admin-bar-ultimate-security-switch-to-ip ul li#wp-admin-bar-ultimate-security-recent-countries-title ul li.switch-country-li a {
color: #757575;
}
#wpadminbar #wp-admin-bar-ultimate-security-switch-to-ip ul li#wp-admin-bar-ultimate-security-recent-countries-title ul li.switch-country-li a span {
display: flex;
padding: 3px 10px;
box-sizing: border-box;
gap: 5px;
align-items: center;
}
#wpadminbar #wp-admin-bar-ultimate-security-switch-to-ip ul li#wp-admin-bar-ultimate-security-recent-countries-title ul li.switch-country-li a span img {
width: 25px;
height: auto;
flex: 0 0 25px;
}
#wpadminbar #wp-admin-bar-ultimate-security-switch-to-ip ul li#wp-admin-bar-ultimate-security-recent-countries-title ul li.switch-country-li a span span {
flex: 1;
}
#wpadminbar #wp-admin-bar-ultimate-security-switch-to-ip ul li#wp-admin-bar-ultimate-security-recent-countries-title ul li.switch-country-li:hover a {
background-color: var(--ultimate-security-color-deep-green);
color: #ffffff;
}
#wpadminbar #wp-admin-bar-ultimate-security-switch-to-ip ul li#wp-admin-bar-ultimate-security-recent-countries-title > .ab-item {
padding-top: 10px;
padding-bottom: 10px;
}
.ultimate-security-settings-template .button {
border-style: none;
}
.ultimate-security-settings-template .button-primary {
background-color: var(--plus-color-purple-40);
color: #ffffff;
font-size: 16px;
font-weight: 500;
line-height: 26px;
padding: 3px 10px;
border-radius: 4px;
}
.ultimate-security-settings-template .button-secondary {
padding: 0;
background-color: transparent;
color: var(--plus-color-purple-40);
font-size: 14px;
font-weight: 400;
line-height: 1;
}
.ultimate-security-switch-notice {
position: relative;
}
.ultimate-security-switch-notice .wrapper {
display: flex;
padding: 12px;
align-items: center;
gap: 16px;
}
.ultimate-security-switch-notice .wrapper .part-img {
flex: 0 0 100px;
}
.ultimate-security-switch-notice .wrapper .part-text {
flex: 1;
}
.ultimate-security-switch-notice .wrapper .part-text h4 {
color: #0c0c0c;
font-size: 18px;
font-weight: 500;
line-height: 22px;
margin-top: 0;
margin-bottom: 6px;
}
.ultimate-security-switch-notice .wrapper .part-text p {
color: #0c0c0c;
font-size: 14px;
font-weight: 400;
line-height: 22px;
margin-top: 0;
margin-bottom: 10px;
}
.ultimate-security-switch-notice .wrapper .part-text .button-group {
display: flex;
align-items: center;
gap: 16px;
}
.ultimate-security-switch-notice .button {
border-style: none;
}
.ultimate-security-switch-notice .button-primary {
background-color: var(--plus-color-purple-40);
color: #ffffff;
font-size: 16px;
font-weight: 500;
line-height: 26px;
padding: 3px 10px;
border-radius: 4px;
}
.ultimate-security-switch-notice .button-secondary {
padding: 0;
background-color: transparent;
text-decoration: underline;
color: var(--plus-color-purple-40);
font-size: 14px;
font-weight: 400;
line-height: 1;
display: flex;
align-items: center;
gap: 6px;
}
.ultimate-security-switch-notice .button-secondary::after {
content: "";
width: 20px;
height: 7px;
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
background-image: url('data:image/svg+xml,<svg fill="none" viewBox="0 0 20 7" xmlns="http://www.w3.org/2000/svg"><path d="m20.002 3.5-5-2.8868v5.7735l5-2.8868zm-20 0.5h15.5v-1h-15.5v1z" fill="%23588157"/></svg>');
}
.ultimate-security-notice {
position: relative;
background-color: #ebebf4;
padding: 0;
border: 1px solid #d8d9db;
box-shadow: none;
}
.ultimate-security-notice .notice-wrap {
display: flex;
align-items: center;
gap: 24px;
padding: 20px;
}
.ultimate-security-notice .notice-wrap .part-text h4 {
color: #1d2327;
font-size: 18px;
font-weight: 700;
line-height: 22px;
margin-top: 0;
margin-bottom: 16px;
}
.ultimate-security-notice .notice-wrap .part-text p {
color: #3c434a;
font-size: 14px;
font-weight: 400;
line-height: 24px;
margin-top: 0;
margin-bottom: 16px;
padding: 0;
}
.ultimate-security-notice .notice-wrap .part-text .ultimate-security-button-group {
display: flex;
align-items: center;
gap: 16px;
}
.ultimate-security-notice .notice-wrap .part-text .ultimate-security-button-group .button {
font-size: 14px;
font-weight: 500;
line-height: 20px;
padding: 8px 12px;
text-align: center;
position: relative;
border-style: none;
}
.ultimate-security-notice .notice-wrap .part-text .ultimate-security-button-group .button.button-primary {
color: #ffffff;
background-color: var(--plus-color-purple-40);
}
.ultimate-security-notice .notice-wrap .part-text .ultimate-security-button-group .button.button-link {
background-color: transparent;
text-decoration: none;
color: var(--plus-color-purple-40);
padding: 0;
display: inline-flex;
gap: 6px;
align-items: center;
}
.ultimate-security-notice .notice-wrap .part-text .ultimate-security-button-group .button.button-link::after {
content: "";
position: absolute;
right: 0;
bottom: 0;
left: 0;
border-bottom: 2px solid var(--plus-color-purple-40);
}
.ultimate-security-notice .button {
border-style: none;
}
.ultimate-security-notice .button-primary {
background-color: var(--plus-color-purple-40);
color: #ffffff;
font-size: 16px;
font-weight: 500;
line-height: 26px;
padding: 3px 10px;
border-radius: 4px;
}
.ultimate-security-notice .button-secondary {
padding: 0;
background-color: transparent;
text-decoration: underline;
color: var(--plus-color-purple-40);
font-size: 14px;
font-weight: 400;
line-height: 1;
display: flex;
align-items: center;
gap: 6px;
}
.ultimate-security-notice .button-secondary::after {
content: "";
width: 20px;
height: 7px;
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
background-image: url('data:image/svg+xml,<svg fill="none" viewBox="0 0 20 7" xmlns="http://www.w3.org/2000/svg"><path d="m20.002 3.5-5-2.8868v5.7735l5-2.8868zm-20 0.5h15.5v-1h-15.5v1z" fill="%23588157"/></svg>');
}
.ultimate-security-user-meta-group {
background-color: #EBEBF4;
border: 1px solid #d8d9db;
width: 100%;
margin-top: 30px;
}
.ultimate-security-user-meta-group .ultimate-security-user-meta-title {
display: flex;
align-items: center;
border-bottom: 1px solid #d8d9db;
gap: 12px;
}
.ultimate-security-user-meta-group .ultimate-security-user-meta-title h2 {
color: #1d2327;
font-size: 32px;
font-weight: 700;
line-height: 44px;
margin: 0;
}
.ultimate-security-user-meta-group .ultimate-security-user-meta-title h2 small {
font-size: 20px;
line-height: 22px;
padding: 8px;
border: 1px solid #dae1d7;
border-radius: 8px;
background: #ffffff;
}
.ultimate-security-user-meta-group .ultimate-security-user-meta-title,
.ultimate-security-user-meta-group td,
.ultimate-security-user-meta-group th {
padding: 30px;
}
.ultimate-security-user-meta-group table.form-table {
margin-top: 0;
}
.ultimate-security-user-meta-group table.form-table th {
width: unset;
}
.ultimate-security-user-meta-group .ultimate-security-setting-unit {
padding: 30px;
}
.ultimate-security-user-meta-group .ultimate-security-setting-unit a,
.ultimate-security-user-meta-group .ultimate-security-setting-unit a.hint-tooltip {
color: #873EFF;
font-size: 14px;
font-weight: 400;
line-height: 22px;
box-shadow: none;
outline: none;
}
.ultimate-security-user-meta-group .ultimate-security-setting-unit .setting-unit .title-wrap .title {
color: #1d2327;
font-size: 16px;
font-weight: 600;
line-height: 20px;
display: block;
margin-bottom: 16px;
}
.ultimate-security-user-meta-group .ultimate-security-setting-unit .setting-unit .title-wrap .description * {
font-size: 14px;
}
.ultimate-security-user-meta-group .ultimate-security-setting-unit .setting-unit .title-wrap .description > *:last-child {
margin-bottom: 0;
}
.ultimate-security-user-meta-group .ultimate-security-setting-unit .setting-unit .form-control-plaintext,
.ultimate-security-user-meta-group .ultimate-security-setting-unit .setting-unit select,
.ultimate-security-user-meta-group .ultimate-security-setting-unit .setting-unit input[type=text],
.ultimate-security-user-meta-group .ultimate-security-setting-unit .setting-unit input[type=number],
.ultimate-security-user-meta-group .ultimate-security-setting-unit .setting-unit input[type=date],
.ultimate-security-user-meta-group .ultimate-security-setting-unit .setting-unit input[type=datetime-local],
.ultimate-security-user-meta-group .ultimate-security-setting-unit .setting-unit input[type=email],
.ultimate-security-user-meta-group .ultimate-security-setting-unit .setting-unit input[type=time],
.ultimate-security-user-meta-group .ultimate-security-setting-unit .setting-unit input[type=tel],
.ultimate-security-user-meta-group .ultimate-security-setting-unit .setting-unit input[type=url],
.ultimate-security-user-meta-group .ultimate-security-setting-unit .setting-unit textarea {
border: 1px solid rgba(60, 67, 74, 0.5019607843) !important;
background-color: #ffffff;
min-height: 40px;
border-radius: 3px;
width: 100%;
max-width: 375px;
vertical-align: middle;
padding-left: 8px;
padding-right: 8px;
}
.ultimate-security-user-meta-group .ultimate-security-setting-unit .setting-unit .form-control-plaintext {
font-size: 14px;
line-height: 21px;
}
.ultimate-security-user-meta-group .ultimate-security-setting-unit .setting-unit label {
color: #3c434a;
font-size: 14px;
font-weight: 600;
line-height: 20px;
margin-bottom: 8px;
}
.ultimate-security-user-meta-group .ultimate-security-setting-unit .setting-unit .element-with-hint {
display: flex;
gap: 5px;
align-items: flex-start;
}
.ultimate-security-user-meta-group .ultimate-security-setting-unit .setting-unit .element-with-hint + p, .ultimate-security-user-meta-group .ultimate-security-setting-unit .setting-unit .element-with-hint + .ultimate-security-add-more-container {
margin-left: 25px;
}
.ultimate-security-user-meta-group .ultimate-security-setting-unit .setting-unit .current-totp-wrapper,
.ultimate-security-user-meta-group .ultimate-security-setting-unit .setting-unit .current-hotp-wrapper {
height: 100%;
background-color: #fff1bc;
border: 1px solid #9da1a4;
padding: 20px;
}
.ultimate-security-user-meta-group .ultimate-security-setting-unit .setting-unit .current-totp-wrapper .current-totp-title,
.ultimate-security-user-meta-group .ultimate-security-setting-unit .setting-unit .current-totp-wrapper .current-hotp-title,
.ultimate-security-user-meta-group .ultimate-security-setting-unit .setting-unit .current-hotp-wrapper .current-totp-title,
.ultimate-security-user-meta-group .ultimate-security-setting-unit .setting-unit .current-hotp-wrapper .current-hotp-title {
color: #1d2327;
font-size: 16px;
font-weight: 600;
line-height: 18.75px;
display: inline-block;
margin-bottom: 16px;
}
.ultimate-security-user-meta-group .ultimate-security-setting-unit .setting-unit .current-totp-wrapper .current-totp,
.ultimate-security-user-meta-group .ultimate-security-setting-unit .setting-unit .current-totp-wrapper .current-hotp,
.ultimate-security-user-meta-group .ultimate-security-setting-unit .setting-unit .current-hotp-wrapper .current-totp,
.ultimate-security-user-meta-group .ultimate-security-setting-unit .setting-unit .current-hotp-wrapper .current-hotp {
border: 1px solid #505050;
padding: 8px 20px;
display: flex;
align-items: center;
color: #1d2327;
font-size: 24px;
font-weight: 600;
line-height: 32px;
justify-content: space-between;
margin-bottom: 24px;
}
.ultimate-security-user-meta-group .ultimate-security-setting-unit .setting-unit .current-totp-wrapper .current-totp button,
.ultimate-security-user-meta-group .ultimate-security-setting-unit .setting-unit .current-totp-wrapper .current-hotp button,
.ultimate-security-user-meta-group .ultimate-security-setting-unit .setting-unit .current-hotp-wrapper .current-totp button,
.ultimate-security-user-meta-group .ultimate-security-setting-unit .setting-unit .current-hotp-wrapper .current-hotp button {
border-style: none;
background-color: transparent;
padding: 0;
}
.ultimate-security-user-meta-group .ultimate-security-setting-unit .setting-unit .current-totp-wrapper .change-current-totp,
.ultimate-security-user-meta-group .ultimate-security-setting-unit .setting-unit .current-totp-wrapper .change-current-hotp,
.ultimate-security-user-meta-group .ultimate-security-setting-unit .setting-unit .current-hotp-wrapper .change-current-totp,
.ultimate-security-user-meta-group .ultimate-security-setting-unit .setting-unit .current-hotp-wrapper .change-current-hotp {
text-align: right;
display: block;
}
.ultimate-security-user-meta-group .ultimate-security-setting-unit .setting-unit .curent-totp-qr-code,
.ultimate-security-user-meta-group .ultimate-security-setting-unit .setting-unit .curent-hotp-qr-code {
border: 1px solid #9da1a4;
background-color: #ffffff;
padding: 3px;
}
.ultimate-security-user-meta-group .ultimate-security-setting-unit .setting-unit .curent-totp-qr-code img,
.ultimate-security-user-meta-group .ultimate-security-setting-unit .setting-unit .curent-hotp-qr-code img {
width: 100%;
height: auto;
display: inline-block;
vertical-align: top;
}
.ultimate-security-user-meta-group .ultimate-security-setting-unit .setting-unit .secret_key-wrapper {
display: flex;
flex-flow: row wrap;
align-items: center;
gap: 10px;
border-top: 1px solid #d8d9db;
margin-top: 24px;
padding-top: 24px;
}
.ultimate-security-user-meta-group .ultimate-security-setting-unit .setting-unit .secret_key-wrapper > * {
flex: 1 100%;
}
.ultimate-security-user-meta-group .ultimate-security-setting-unit .setting-unit .secret_key-wrapper .hint-tooltip,
.ultimate-security-user-meta-group .ultimate-security-setting-unit .setting-unit .secret_key-wrapper button {
flex: 0 0 20px;
}
.ultimate-security-user-meta-group .ultimate-security-setting-unit .setting-unit .secret_key-wrapper .secret_key-title {
flex: 0 0 65px;
}
.ultimate-security-user-meta-group .ultimate-security-setting-unit .setting-unit .secret_key-wrapper .secret_key {
flex: 1;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
background-color: #fff1bc;
color: #3c434a;
font-size: 14px;
font-weight: 400;
line-height: 16px;
padding: 10px 20px;
border-radius: 50rem;
}
.ultimate-security-user-meta-group .ultimate-security-setting-unit .setting-unit .secret_key-wrapper button {
border-style: none;
background-color: transparent;
padding: 0;
}
.ultimate-security-user-meta-group .ultimate-security-setting-unit .setting-unit .change-current-secret {
margin-top: 20px;
text-align: right;
display: block;
}
.ultimate-security-switcher label {
display: block;
float: left !important;
cursor: pointer;
position: relative;
width: 36px;
flex: 0 0 36px;
height: 18px;
padding: 0;
margin: 0;
overflow: hidden;
border-radius: 20px;
}
.ultimate-security-switcher label span {
position: absolute;
top: 2px;
left: 2px;
width: 14px;
height: 14px;
background-color: #fff;
border-radius: 50%;
transition: left 0.15s ease-out;
}
.ultimate-security-switcher label input {
position: absolute;
top: 0;
left: 0;
opacity: 0;
}
.ultimate-security-switcher label input:checked ~ em {
background: var(--plus-color-purple-40);
}
.ultimate-security-switcher label input:checked ~ em:before {
opacity: 0;
}
.ultimate-security-switcher label input:checked ~ em:after {
opacity: 1;
}
.ultimate-security-switcher label input:checked ~ span {
left: 20px;
}
.ultimate-security-switcher label em {
font-size: 11px;
line-height: 26px;
font-weight: 500;
font-style: normal;
text-transform: uppercase;
color: #fff;
position: relative;
display: block;
height: inherit;
background-color: #b2b2b2;
transition: background 0.15s ease-out;
}
.ultimate-security-switcher label em:before {
position: absolute;
transition: opacity 0.15s ease-out;
right: 14px;
}
.ultimate-security-switcher label em:after {
position: absolute;
transition: opacity 0.15s ease-out;
left: 14px;
opacity: 0;
}
.help-text {
background: #FAF7F3;
color: #000000;
border-radius: 30px;
padding: 12px;
font-size: 14px;
font-weight: 400;
line-height: 22px;
margin-top: 12px;
margin-left: 26px;
width: calc(100% - 26px);
max-width: 550px;
}
.lds-ring {
box-sizing: border-box;
display: inline-block;
position: relative;
width: 22px;
height: 22px;
}
.lds-ring div {
box-sizing: border-box;
}
.lds-ring span {
box-sizing: border-box;
display: block;
position: absolute;
width: 22px;
height: 22px;
margin: 0;
border: 5px solid currentColor;
border-radius: 50%;
animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
border-color: currentColor transparent transparent transparent;
}
.lds-ring span:nth-child(1) {
animation-delay: -0.45s;
}
.lds-ring span:nth-child(2) {
animation-delay: -0.3s;
}
.lds-ring span:nth-child(3) {
animation-delay: -0.15s;
}
@keyframes lds-ring {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.done-icon {
width: 22px;
}
.done-icon svg {
display: inline-block;
max-width: 100%;
height: auto;
}
.security-use_admin_password-trusted_roles-administrator-hint {
border: 1px solid var(--ultimate-security-color-deep-green);
padding: 5px;
color: var(--ultimate-security-color-deep-green);
background-color: var(--ultimate-security-color-lite-green);
font-size: 14px;
font-weight: 600;
line-height: 22px;
}
.ultimate-security-accordion-container .ultimate-security-accordion .accordion-item {
border: 1px solid rgba(60, 67, 74, 0.5019607843);
border-radius: 3px;
margin-bottom: 12px;
background-color: #ffffff;
}
.ultimate-security-accordion-container .ultimate-security-accordion .accordion-item .repeater-group-title {
display: flex;
align-items: center;
gap: 6px;
padding: 8px;
margin: 0;
cursor: pointer;
}
.ultimate-security-accordion-container .ultimate-security-accordion .accordion-item .repeater-group-title .ui-icon {
flex: 0 0 20px;
order: 2;
}
.ultimate-security-accordion-container .ultimate-security-accordion .accordion-item .repeater-group-title .header-checkbox {
display: inline-block;
height: 20px;
width: 20px;
flex: 0 0 20px;
border: 1px solid #50575e;
cursor: pointer;
border-radius: 2px;
background-color: #ffffff;
background-position: center center;
background-repeat: no-repeat;
order: 1;
}
.ultimate-security-accordion-container .ultimate-security-accordion .accordion-item .repeater-group-title .header-checkbox.checked {
background-color: var(--ultimate-security-color-deep-green);
background-image: url('data:image/svg+xml,<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.94064 1.6485L3.94211 9.71586L0.178504 6.91742L0.924359 5.91432L3.68487 7.96691L8.93754 0.902641L9.94064 1.6485Z" fill="white"/></svg>');
background-size: 10px;
}
.ultimate-security-accordion-container .ultimate-security-accordion .accordion-item .repeater-group-title .title-wrapper {
display: inline-flex;
justify-content: space-between;
align-items: center;
flex: 1;
order: 3;
}
.ultimate-security-accordion-container .ultimate-security-accordion .accordion-item .repeater-group-title .title-wrapper .title {
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
flex: 1;
color: #3c434a;
font-size: 16px;
font-weight: 500;
line-height: 22px;
margin: 0;
padding: 0;
}
.ultimate-security-accordion-container .ultimate-security-accordion .accordion-item .repeater-group-title .title-wrapper .action-buttons span {
cursor: pointer;
text-indent: -9999px;
overflow: hidden;
width: 20px;
height: 20px;
display: inline-block;
vertical-align: middle;
}
.ultimate-security-accordion-container .ultimate-security-accordion .accordion-item .repeater-group-title .title-wrapper .action-buttons .ultimate-security-remove-accordion {
background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.66602 5.0013C1.66602 4.54106 2.03911 4.16797 2.49935 4.16797H17.4993C17.9596 4.16797 18.3327 4.54106 18.3327 5.0013C18.3327 5.46154 17.9596 5.83464 17.4993 5.83464H2.49935C2.03911 5.83464 1.66602 5.46154 1.66602 5.0013Z" fill="%2350575E"/><path fill-rule="evenodd" clip-rule="evenodd" d="M4.16732 4.16797C4.62756 4.16797 5.00065 4.54106 5.00065 5.0013V16.668C5.00065 16.8136 5.08186 17.029 5.27741 17.2245C5.47295 17.4201 5.68834 17.5013 5.83398 17.5013H14.1673C14.313 17.5013 14.5283 17.4201 14.7239 17.2245C14.9194 17.029 15.0007 16.8136 15.0007 16.668V5.0013C15.0007 4.54106 15.3737 4.16797 15.834 4.16797C16.2942 4.16797 16.6673 4.54106 16.6673 5.0013V16.668C16.6673 17.3557 16.3319 17.9736 15.9024 18.4031C15.473 18.8325 14.855 19.168 14.1673 19.168H5.83398C5.14629 19.168 4.52835 18.8325 4.0989 18.4031C3.66944 17.9736 3.33398 17.3557 3.33398 16.668V5.0013C3.33398 4.54106 3.70708 4.16797 4.16732 4.16797Z" fill="%2350575E"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7.77741 2.77545C7.58186 2.971 7.50065 3.18639 7.50065 3.33203V4.9987C7.50065 5.45894 7.12756 5.83203 6.66732 5.83203C6.20708 5.83203 5.83398 5.45894 5.83398 4.9987V3.33203C5.83398 2.64434 6.16944 2.0264 6.5989 1.59694C7.02835 1.16749 7.64629 0.832031 8.33398 0.832031H11.6673C12.355 0.832031 12.973 1.16749 13.4024 1.59694C13.8319 2.0264 14.1673 2.64434 14.1673 3.33203V4.9987C14.1673 5.45894 13.7942 5.83203 13.334 5.83203C12.8737 5.83203 12.5007 5.45894 12.5007 4.9987V3.33203C12.5007 3.18639 12.4194 2.971 12.2239 2.77545C12.0283 2.57991 11.813 2.4987 11.6673 2.4987H8.33398C8.18834 2.4987 7.97295 2.57991 7.77741 2.77545Z" fill="%2350575E"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8.33333 8.33203C8.79357 8.33203 9.16667 8.70513 9.16667 9.16536V14.1654C9.16667 14.6256 8.79357 14.9987 8.33333 14.9987C7.8731 14.9987 7.5 14.6256 7.5 14.1654V9.16536C7.5 8.70513 7.8731 8.33203 8.33333 8.33203Z" fill="%2350575E"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11.6673 8.33203C12.1276 8.33203 12.5007 8.70513 12.5007 9.16536V14.1654C12.5007 14.6256 12.1276 14.9987 11.6673 14.9987C11.2071 14.9987 10.834 14.6256 10.834 14.1654V9.16536C10.834 8.70513 11.2071 8.33203 11.6673 8.33203Z" fill="%2350575E"/></svg>');
}
.ultimate-security-accordion-container .ultimate-security-accordion .accordion-item .repeater-group-title .title-wrapper .action-buttons .ultimate-security-sort-accordion {
cursor: all-scroll;
background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_626_54997)"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.69635 6.96967C4.98924 7.26256 4.98924 7.73744 4.69635 8.03033L2.72668 10L4.69635 11.9697C4.98924 12.2626 4.98924 12.7374 4.69635 13.0303C4.40345 13.3232 3.92858 13.3232 3.63569 13.0303L1.13569 10.5303C0.842792 10.2374 0.842792 9.76256 1.13569 9.46967L3.63569 6.96967C3.92858 6.67678 4.40345 6.67678 4.69635 6.96967Z" fill="%2350575E"/><path fill-rule="evenodd" clip-rule="evenodd" d="M9.46967 1.13373C9.76256 0.840839 10.2374 0.840839 10.5303 1.13373L13.0303 3.63373C13.3232 3.92663 13.3232 4.4015 13.0303 4.69439C12.7374 4.98729 12.2626 4.98729 11.9697 4.69439L10 2.72472L8.03033 4.69439C7.73744 4.98729 7.26256 4.98729 6.96967 4.69439C6.67678 4.4015 6.67678 3.92663 6.96967 3.63373L9.46967 1.13373Z" fill="%2350575E"/><path fill-rule="evenodd" clip-rule="evenodd" d="M6.96967 15.3056C7.26256 15.0127 7.73744 15.0127 8.03033 15.3056L10 17.2753L11.9697 15.3056C12.2626 15.0127 12.7374 15.0127 13.0303 15.3056C13.3232 15.5985 13.3232 16.0734 13.0303 16.3663L10.5303 18.8663C10.2374 19.1592 9.76256 19.1592 9.46967 18.8663L6.96967 16.3663C6.67678 16.0734 6.67678 15.5985 6.96967 15.3056Z" fill="%2350575E"/><path fill-rule="evenodd" clip-rule="evenodd" d="M15.3037 6.96967C15.5965 6.67678 16.0714 6.67678 16.3643 6.96967L18.8643 9.46967C19.1572 9.76256 19.1572 10.2374 18.8643 10.5303L16.3643 13.0303C16.0714 13.3232 15.5965 13.3232 15.3037 13.0303C15.0108 12.7374 15.0108 12.2626 15.3037 11.9697L17.2733 10L15.3037 8.03033C15.0108 7.73744 15.0108 7.26256 15.3037 6.96967Z" fill="%2350575E"/><path fill-rule="evenodd" clip-rule="evenodd" d="M0.916016 10C0.916016 9.58579 1.2518 9.25 1.66602 9.25H18.3327C18.7469 9.25 19.0827 9.58579 19.0827 10C19.0827 10.4142 18.7469 10.75 18.3327 10.75H1.66602C1.2518 10.75 0.916016 10.4142 0.916016 10Z" fill="%2350575E"/><path fill-rule="evenodd" clip-rule="evenodd" d="M10 0.914062C10.4142 0.914062 10.75 1.24985 10.75 1.66406V18.3307C10.75 18.7449 10.4142 19.0807 10 19.0807C9.58579 19.0807 9.25 18.7449 9.25 18.3307V1.66406C9.25 1.24985 9.58579 0.914062 10 0.914062Z" fill="%2350575E"/></g><defs><clipPath id="clip0_626_54997"><rect width="20" height="20" fill="white"/></clipPath></defs></svg>');
}
.ultimate-security-accordion-container .ultimate-security-accordion .accordion-item .repeater-group-content {
padding: 24px;
border-top: 1px solid rgba(60, 67, 74, 0.5019607843);
}
.ultimate-security-accordion-container .ultimate-security-accordion .accordion-item .repeater-group-content .unit {
margin-bottom: 12px;
}
.ultimate-security-accordion-container .ultimate-security-accordion .accordion-item .repeater-group-content .unit label {
display: block;
}
.ultimate-security-accordion-container .ultimate-security-accordion .accordion-item .repeater-group-content .unit label > * {
display: block;
}
.ultimate-security-accordion-container .ultimate-security-accordion .accordion-item .repeater-group-content .unit label span {
margin-bottom: 8px;
}
.ultimate-security-accordion-container .ultimate-security-accordion .accordion-item .repeater-group-content .unit label input:not([type=checkbox]):not([type=radio]),
.ultimate-security-accordion-container .ultimate-security-accordion .accordion-item .repeater-group-content .unit label select,
.ultimate-security-accordion-container .ultimate-security-accordion .accordion-item .repeater-group-content .unit label textarea {
width: 100%;
max-width: 100%;
}
.ultimate-security-secondary-button,
.wp-core-ui .button.ultimate-security-secondary-button {
border: 1px solid var(--ultimate-security-color-deep-green);
color: var(--ultimate-security-color-deep-green);
font-size: 14px;
font-weight: 500;
line-height: 20px;
padding: 6px 12px;
border-radius: 3px;
}
.ultimate-security-copy-link {
text-indent: 9999px;
display: inline-block;
width: 20px;
height: 20px;
text-align: unset;
overflow: hidden;
border-style: none;
background-position: center center;
background-repeat: no-repeat;
}
.ultimate-security-copy-link {
background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.73321 3.31412C9.78954 2.26803 11.2171 1.6828 12.7038 1.68642C14.1904 1.69004 15.6152 2.28221 16.6664 3.33344C17.7176 4.38466 18.3098 5.80939 18.3134 7.29604C18.317 8.7827 17.7318 10.2103 16.6857 11.2666L15.6699 12.2833C15.5135 12.4395 15.3015 12.5273 15.0804 12.5272C14.8594 12.5271 14.6474 12.4392 14.4911 12.2829C14.3349 12.1265 14.2471 11.9145 14.2472 11.6934C14.2473 11.4724 14.3352 11.2604 14.4915 11.1041L15.5082 10.0875C16.2501 9.34529 16.6669 8.33879 16.6667 7.28937C16.6666 6.23995 16.2495 5.23357 15.5074 4.49162C14.7652 3.74968 13.7587 3.33295 12.7093 3.33311C11.6599 3.33326 10.6535 3.75029 9.91154 4.49246L8.89487 5.50912C8.81794 5.58866 8.72594 5.65208 8.62424 5.69568C8.52254 5.73928 8.41318 5.76219 8.30253 5.76307C8.19188 5.76395 8.08216 5.74279 7.97978 5.70082C7.8774 5.65885 7.7844 5.5969 7.70621 5.5186C7.62802 5.44031 7.56621 5.34722 7.52438 5.24478C7.48255 5.14233 7.46155 5.03259 7.46259 4.92194C7.46363 4.81129 7.48669 4.70196 7.53043 4.60032C7.57418 4.49868 7.63773 4.40677 7.71737 4.32996L8.73321 3.31412ZM12.8474 7.15246C13.0036 7.30873 13.0914 7.52065 13.0914 7.74162C13.0914 7.96259 13.0036 8.17452 12.8474 8.33079L8.3307 12.8475C8.17354 12.9993 7.96304 13.0833 7.74454 13.0814C7.52604 13.0795 7.31703 12.9918 7.16252 12.8373C7.00802 12.6828 6.92038 12.4738 6.91848 12.2553C6.91658 12.0368 7.00057 11.8263 7.15237 11.6691L11.669 7.15246C11.8253 6.99623 12.0372 6.90847 12.2582 6.90847C12.4792 6.90847 12.6911 6.99623 12.8474 7.15246ZM5.50821 7.71746C5.66443 7.87373 5.75219 8.08565 5.75219 8.30662C5.75219 8.52759 5.66443 8.73952 5.50821 8.89579L4.49154 9.91246C3.74959 10.6546 3.33286 11.6611 3.33302 12.7105C3.33318 13.76 3.75021 14.7663 4.49237 15.5083C5.23454 16.2502 6.24104 16.667 7.29046 16.6668C8.33988 16.6667 9.34626 16.2496 10.0882 15.5075L11.1049 14.4908C11.1818 14.4113 11.2738 14.3478 11.3755 14.3042C11.4772 14.2606 11.5866 14.2377 11.6972 14.2368C11.8079 14.236 11.9176 14.2571 12.02 14.2991C12.1223 14.3411 12.2153 14.403 12.2935 14.4813C12.3717 14.5596 12.4335 14.6527 12.4754 14.7551C12.5172 14.8576 12.5382 14.9673 12.5372 15.078C12.5361 15.1886 12.5131 15.298 12.4693 15.3996C12.4256 15.5012 12.362 15.5931 12.2824 15.67L11.2665 16.6866C10.2119 17.7413 8.78141 18.3338 7.28987 18.3338C5.79833 18.3338 4.36788 17.7413 3.31321 16.6866C2.25853 15.6319 1.66602 14.2015 1.66602 12.71C1.66602 11.2184 2.25853 9.78797 3.31321 8.73329L4.32987 7.71662C4.48614 7.5604 4.69807 7.47264 4.91904 7.47264C5.14001 7.47264 5.35193 7.56123 5.50821 7.71746Z" fill="%2350575E"/></svg>');
} .ultimate-security-setting-unit.opacity-50 {
opacity: 0.5;
}
#TB_window,
#TB_ajaxContent {
max-width: 780px !important;
width: 100% !important;
height: auto !important;
padding: 0;
}
#TB_window{
background: #fff;
} @media (max-width: 780px) {
#TB_window {
margin-left: 0!important;
left: 0!important;
}
} .ultimate-security-review-notice .button {
margin-right: 8px;
margin-bottom: 4px;
}
.ultimate-security-review-notice.us-dismissing {
opacity: 0;
transition: opacity 0.3s;
} .us-deact-overlay {
position: fixed;
inset: 0;
z-index: 100000;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(0, 0, 0, 0.5);
backdrop-filter: blur(4px);
animation: us-deact-fadeIn 0.2s ease-out;
}
@keyframes us-deact-fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes us-deact-slideIn {
from {
opacity: 0;
transform: translateY(-20px) scale(0.95);
}
to {
opacity: 1;
transform: translateY(0) scale(1);
}
}
.us-deact-modal-container {
width: 100%;
max-width: 520px;
margin: 20px;
background: #ffffff;
border-radius: 16px;
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
overflow: hidden;
animation: us-deact-slideIn 0.3s ease-out;
} .us-deact-header {
background: #873EFF;
padding: 24px 28px;
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.us-deact-header-content {
display: flex;
align-items: center;
gap: 16px;
}
.us-deact-logo {
width: 48px;
height: 48px;
background: rgba(255, 255, 255, 0.15);
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.us-deact-title {
margin: 0 0 4px 0;
font-size: 20px;
font-weight: 700;
color: #ffffff;
line-height: 1.2;
}
.us-deact-subtitle {
margin: 0;
font-size: 14px;
color: rgba(255, 255, 255, 0.8);
}
.us-deact-close {
background: rgba(255, 255, 255, 0.1);
border: none;
border-radius: 8px;
padding: 8px;
cursor: pointer;
color: rgba(255, 255, 255, 0.8);
transition: all 0.2s ease;
flex-shrink: 0;
}
.us-deact-close:hover {
background: rgba(255, 255, 255, 0.2);
color: #ffffff;
}
.us-deact-close:disabled {
opacity: 0.5;
cursor: not-allowed;
} .us-deact-body {
padding: 28px;
}
.us-deact-field {
margin-bottom: 20px;
}
.us-deact-label {
display: block;
font-size: 14px;
font-weight: 600;
color: #1f2937;
margin-bottom: 8px;
}
.us-deact-required {
color: #ef4444;
margin-left: 2px;
}
.us-deact-optional {
font-weight: 400;
color: #9ca3af;
margin-left: 4px;
} .us-deact-select-wrapper {
position: relative;
}
.us-deact-select {
width: 100%;
padding: 12px 40px 12px 14px;
font-size: 14px;
border: 1px solid #d1d5db;
border-radius: 10px;
background: #ffffff;
color: #374151;
cursor: pointer;
appearance: none;
transition: all 0.2s ease;
}
.us-deact-select:hover {
border-color: #9ca3af;
}
.us-deact-select:focus {
outline: none;
border-color: #873EFF;
box-shadow: 0 0 0 3px rgba(135, 62, 255, 0.1);
}
.us-deact-select:disabled {
background: #f3f4f6;
cursor: not-allowed;
}
.us-deact-select-wrapper.has-error .us-deact-select {
border-color: #ef4444;
}
.us-deact-select-icon {
position: absolute;
right: 14px;
top: 50%;
transform: translateY(-50%);
pointer-events: none;
color: #9ca3af;
} .us-deact-textarea {
width: 100%;
padding: 12px 14px;
font-size: 14px;
font-family: inherit;
border: 1px solid #d1d5db;
border-radius: 10px;
background: #ffffff;
color: #374151;
resize: vertical;
min-height: 100px;
transition: all 0.2s ease;
}
.us-deact-textarea:hover {
border-color: #9ca3af;
}
.us-deact-textarea:focus {
outline: none;
border-color: #873EFF;
box-shadow: 0 0 0 3px rgba(135, 62, 255, 0.1);
}
.us-deact-textarea:disabled {
background: #f3f4f6;
cursor: not-allowed;
}
.us-deact-textarea::placeholder {
color: #9ca3af;
}
.us-deact-char-count {
text-align: right;
margin-top: 6px;
font-size: 12px;
color: #9ca3af;
}
.us-deact-char-count .at-limit {
color: #f59e0b;
} .us-deact-checkbox-wrapper {
margin-bottom: 16px;
}
.us-deact-checkbox-wrapper.has-error .us-deact-checkbox-custom {
border-color: #ef4444;
}
.us-deact-checkbox-label {
display: flex;
align-items: flex-start;
gap: 10px;
cursor: pointer;
font-size: 14px;
color: #4b5563;
}
.us-deact-checkbox {
position: absolute;
opacity: 0;
width: 0;
height: 0;
}
.us-deact-checkbox-custom {
flex-shrink: 0;
width: 20px;
height: 20px;
border: 2px solid #d1d5db;
border-radius: 6px;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.2s ease;
color: transparent;
margin-top: 1px;
}
.us-deact-checkbox:checked + .us-deact-checkbox-custom {
background: #873EFF;
border-color: #873EFF;
color: #ffffff;
}
.us-deact-checkbox:focus + .us-deact-checkbox-custom {
box-shadow: 0 0 0 3px rgba(135, 62, 255, 0.1);
}
.us-deact-checkbox-text a {
color: #873EFF;
text-decoration: none;
font-weight: 500;
}
.us-deact-checkbox-text a:hover {
text-decoration: underline;
} .us-deact-error {
margin: 6px 0 0 0;
font-size: 13px;
color: #ef4444;
display: flex;
align-items: center;
gap: 4px;
} .us-deact-privacy {
display: flex;
align-items: flex-start;
gap: 8px;
padding: 12px 14px;
background: #f9fafb;
border-radius: 10px;
font-size: 13px;
color: #6b7280;
}
.us-deact-privacy svg {
flex-shrink: 0;
margin-top: 1px;
color: #9ca3af;
} .us-deact-footer {
display: flex;
justify-content: flex-end;
gap: 12px;
padding: 20px 28px;
background: #f9fafb;
border-top: 1px solid #e5e7eb;
}
.us-deact-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 12px 20px;
font-size: 14px;
font-weight: 600;
border-radius: 10px;
cursor: pointer;
transition: all 0.2s ease;
border: none;
}
.us-deact-btn:disabled {
opacity: 0.6;
cursor: not-allowed;
}
.us-deact-btn-secondary {
background: transparent;
color: #6b7280;
}
.us-deact-btn-secondary:hover:not(:disabled) {
background: #f3f4f6;
color: #374151;
}
.us-deact-btn-primary {
background: #873EFF;
color: #ffffff;
box-shadow: 0 4px 14px rgba(135, 62, 255, 0.25);
}
.us-deact-btn-primary:hover:not(:disabled) {
box-shadow: 0 6px 20px rgba(135, 62, 255, 0.25);
transform: translateY(-1px);
} .us-deact-spinner {
width: 16px;
height: 16px;
border: 2px solid rgba(255, 255, 255, 0.3);
border-top-color: #ffffff;
border-radius: 50%;
animation: us-deact-spin 0.8s linear infinite;
}
@keyframes us-deact-spin {
to { transform: rotate(360deg); }
} .us-deact-success {
text-align: center;
padding: 40px 20px;
}
.us-deact-success-icon {
margin-bottom: 20px;
}
.us-deact-success h3 {
margin: 0 0 8px 0;
font-size: 18px;
font-weight: 600;
color: #1f2937;
}
.us-deact-success p {
margin: 0;
font-size: 14px;
color: #6b7280;
} @media (max-width: 480px) {
.us-deact-modal-container {
margin: 10px;
max-width: none;
}
.us-deact-header {
padding: 20px;
}
.us-deact-body {
padding: 20px;
}
.us-deact-footer {
flex-direction: column;
padding: 16px 20px;
}
.us-deact-btn {
width: 100%;
}
.us-deact-btn-secondary {
order: 2;
}
.us-deact-btn-primary {
order: 1;
}
}