.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
word-break: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.single-breadcrumbs-wrapper nav.woocommerce-MyAccount-navigation.wsmt_extra_navclass {
display: none !important;
}
i.fa.fa-chevron-down.wcmamtx_nav_chevron,i.fa.wcmamtx_group_fa.fa-chevron-up,i.fa.wcmamtx_group_fa.fa-chevron-down {
font-size: 10px;
margin-left: 7px !important;
margin-top: 1px;
}
ul.wcmamtx_sub_level li {
margin-left: 20px;
}
.theme-storefront i.fa.fa-chevron-down.wcmamtx_nav_chevron {
display: none;
}
.theme-storefront a.menu-link.sub-menu-link {
background-color: #e6e6e6 !important;
}
.theme-flatsome a.menu-link.sub-menu-link {
margin-left: 30px;
}
.theme-flatsome i.fa.fa-chevron-down.wcmamtx_nav_chevron {
margin-top:0px !important;
}
.theme-Divi i.fa.wcmamtx_nav_chevron {
display: none;
}
.theme-hello-elementor i.fa.fa-chevron-down.wcmamtx_nav_chevron {
display: none;
}
.theme-buddyx i.wcmamtx_nav_chevron {
display: none;
}
li.woocommerce-MyAccount-navigation-link {
list-style: none;
}
.single-breadcrumbs nav.woocommerce-MyAccount-navigation {
display: none !important;
}
#wpadminbar #wp-admin-bar-wcmamtx_customize_myaccount>.ab-item:before {
content: "\f545" / '';
top: 2px;
}
.woocommerce-account h1.entry-title {
display:none;
}  .wcmamtx_custom_login_register.wc-auth-container {
display: flex;
align-items: stretch;
background: #f4f6fb;
padding: 0;
}
.wcmamtx_custom_login_register .wc-auth-split {
display: flex;
width: 100%;
border-radius: 0;
} .wcmamtx_custom_login_register .wc-auth-left {
flex: 0 0 42%;
background: linear-gradient(145deg, #667eea 0%, #764ba2 100%);
display: flex;
align-items: center;
justify-content: center;
padding: 32px 48px;
position: relative;
overflow: hidden;
}
.wcmamtx_custom_login_register .wc-auth-left-inner {
position: relative;
z-index: 2;
color: #fff;
max-width: 360px;
} .wcmamtx_custom_login_register .wc-auth-animated-headline {
font-size: 38px;
font-weight: 800;
line-height: 1.18;
margin: 0 0 18px;
background: linear-gradient(
90deg,
#fff 0%,
#e0d7ff 20%,
#fff 40%,
#c4b5fd 60%,
#fff 80%,
#e0d7ff 100%
);
background-size: 200% auto;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
animation: wcmamtx-shimmer 14s linear infinite;
}
@keyframes wcmamtx-shimmer {
0%   { background-position: 200% center; }
100% { background-position: -200% center; }
}
.wcmamtx_custom_login_register .wc-auth-left-subtitle {
font-size: 15px;
line-height: 1.7;
color: rgba(255,255,255,.78);
margin: 0 0 36px;
} .wcmamtx_custom_login_register .wc-auth-cta-badge {
display: inline-flex;
align-items: center;
gap: 8px;
background: rgba(255,255,255,.15);
backdrop-filter: blur(8px);
border: 1px solid rgba(255,255,255,.25);
border-radius: 50px;
padding: 10px 20px;
color: #fff;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.2px;
} .wcmamtx_custom_login_register .wc-auth-blob {
position: absolute;
border-radius: 50%;
pointer-events: none;
}
.wcmamtx_custom_login_register .wc-auth-blob-1 {
width: 300px;
height: 300px;
bottom: -80px;
right: -80px;
background: rgba(255,255,255,.06);
}
.wcmamtx_custom_login_register .wc-auth-blob-2 {
width: 170px;
height: 170px;
top: -45px;
left: -45px;
background: rgba(255,255,255,.06);
}
.wcmamtx_custom_login_register .wc-auth-blob-3 {
width: 70px;
height: 70px;
top: 50%;
right: 28px;
background: rgba(255,255,255,.09);
animation: wcmamtx-float 4s ease-in-out infinite;
}
@keyframes wcmamtx-float {
0%, 100% { transform: translateY(0); }
50%       { transform: translateY(-14px); }
} .wcmamtx_custom_login_register .wc-auth-right {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
padding: 32px 40px;
background: #f4f6fb;
}
.wcmamtx_custom_login_register .wc-auth-card {
width: 100%;
background: #fff;
padding: 40px;
box-shadow: 0 8px 32px rgba(102,126,234,.1);
} .wcmamtx_custom_login_register .wc-auth-tabs {
display: flex;
border-radius: 0;
padding: 4px;
margin-bottom: 25px;
background: #f1f5f9;
gap: 0;
}
.wcmamtx_custom_login_register .wc-tab-btn {
flex: 1;
border: 0;
padding: 11px 16px;
cursor: pointer;
border-radius: 0;
font-weight: 600;
font-size: 14px;
margin-right: 0;
background: transparent;
color: #64748b;
transition: background .2s, color .2s, box-shadow .2s;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 7px;
}
.wcmamtx_custom_login_register .wc-tab-btn.active {
background: #2d3748;
color: #fff;
box-shadow: 0 2px 6px rgba(0,0,0,.12);
}
.wcmamtx_custom_login_register .wc-tab-content {
display: none;
}
.wcmamtx_custom_login_register .wc-tab-content.active {
display: block;
} .wcmamtx-input-wrap {
position: relative;
display: block;
}
.wcmamtx-input-icon {
position: absolute;
left: 14px;
top: 50%;
transform: translateY(-50%);
width: 17px;
height: 17px;
color: #9ca3af;
pointer-events: none;
z-index: 1;
flex-shrink: 0;
}
.wcmamtx-input-wrap input,
.wcmamtx-input-wrap select {
padding-left: 44px !important;
} .wcmamtx_custom_login_register .form-group {
position: relative;
margin-bottom: 22px;
}
.wcmamtx_custom_login_register .form-group input {
width: 100%;
height: 56px;
border: 2px solid #ddd;
border-radius: 12px;
padding: 15px;
font-size: 15px;
outline: none;
}
.wcmamtx_custom_login_register .form-group input:focus {
border-color: #6c63ff;
}
.wcmamtx_custom_login_register .form-group label {
position: absolute;
top: 17px;
left: 15px;
color: #888;
transition: .3s;
pointer-events: none;
background: #fff;
padding: 0 5px;
}
.wcmamtx_custom_login_register .form-group input:focus + label,
.wcmamtx_custom_login_register .form-group input:valid + label {
top: -10px;
font-size: 12px;
color: #6c63ff;
}
.wcmamtx_custom_login_register .auth-btn {
width: 100%;
border: 0;
padding: 15px;
border-radius: 12px;
cursor: pointer;
color: white;
font-size: 16px;
font-weight: 600;
background: linear-gradient(135deg, #6c63ff, #8a6dff);
}
.wcmamtx_custom_login_register .auth-btn:hover {
opacity: .9;
}
.wcmamtx_custom_login_register .remember-forgot {
margin-top: 15px;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 14px;
}
.wcmamtx_custom_login_register .remember-forgot a {
text-decoration: none;
color: #6c63ff;
}
.wcmamtx_custom_login_register .password-wrapper {
position: relative;
}
.wcmamtx_custom_login_register .toggle-password {
position: absolute;
right: 15px;
top: 18px;
cursor: pointer;
} @media (max-width: 768px) {
.wcmamtx_custom_login_register .wc-auth-split {
flex-direction: column;
min-height: unset;
}
.wcmamtx_custom_login_register .wc-auth-left {
flex: none;
padding: 16px 20px;
min-height: unset;
}
.wcmamtx_custom_login_register .wc-auth-left-inner {
margin-top: 8px;
margin-bottom: 8px;
max-width: 100%;
}
.wcmamtx_custom_login_register .wc-auth-animated-headline {
font-size: 22px;
margin-bottom: 8px;
}
.wcmamtx_custom_login_register .wc-auth-left-subtitle {
font-size: 12px;
margin-bottom: 14px;
line-height: 1.5;
}
.wcmamtx_custom_login_register .wc-auth-cta-badge {
font-size: 11px;
padding: 6px 14px;
}
.wcmamtx_custom_login_register .wc-auth-right {
padding: 24px 20px;
}
.wcmamtx_custom_login_register .wc-auth-card {
padding: 24px 20px;
}
}
.wcmamtx_lost_password.wc-tab-content .woocommerce-js form .form-row input.input-text, .woocommerce-js form .form-row textarea {
width:100%;
}
div.wcmamtx_login_boxes .form-group input {
width: 100%;
height: 56px;
padding: 15px;
border: 2px solid #ddd;
border-radius: 12px;
box-sizing: border-box;
}
@media screen and (max-width: 800px) { 
.wcmamtx_custom_login_register .wc-auth-card{
padding:25px;
}
.wcmamtx_custom_login_register .wc-auth-header h2{
font-size:26px;
}
.wcmamtx_custom_login_register .wc-auth-card {
margin-left: 0%;
width: 100%;
max-width: 100%;
}
}
div.wcmamtx_login_boxes .woocommerce-form-row.woocommerce-form-row--first {
width:100%;
}
div.wcmamtx_login_boxes.wcmamtx_login  .wc-tab-btn {
padding: 5px; 
font-size: 14px;
}
div.wcmamtx_login_boxes .social-login-wrapper {
margin-bottom: 24px;
}
div.wcmamtx_login_boxes .google-login-btn {
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
width: 100%;
height: 58px;
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 0;
color: #111827;
font-size: 15px;
font-weight: 600;
text-decoration: none;
transition: all .25s ease;
box-shadow:
0 1px 3px rgba(0,0,0,.08);
}
div.wcmamtx_login_boxes .google-login-btn:hover {
background: #f9fafb;
border-color: #d1d5db;
transform: translateY(-2px);
box-shadow:
0 10px 25px rgba(0,0,0,.08);
}
div.wcmamtx_login_boxes .google-login-btn:active {
transform: translateY(0);
}
div.wcmamtx_login_boxes .google-icon {
display: flex;
align-items: center;
justify-content: center;
}
div.wcmamtx_login_boxes .facebook-login-btn {
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
width: 100%;
height: 58px;
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 0;
color: #111827;
font-size: 15px;
font-weight: 600;
text-decoration: none;
transition: all .25s ease;
box-shadow:
0 1px 3px rgba(0,0,0,.08);
}
div.wcmamtx_login_boxes .facebook-login-btn:hover {
background: #f9fafb;
border-color: #d1d5db;
transform: translateY(-2px);
box-shadow:
0 10px 25px rgba(0,0,0,.08);
}
div.wcmamtx_login_boxes .facebook-login-btn:active {
transform: translateY(0);
}
div.wcmamtx_login_boxes .facebook-icon {
display: flex;
align-items: center;
justify-content: center;
}
div.wcmamtx_login_boxes .divider {
display: flex;
align-items: center;
text-align: center;
margin: 24px 0;
}
div.wcmamtx_login_boxes .divider::before,
div.wcmamtx_login_boxes .divider::after {
content: '';
flex: 1;
height: 1px;
background: #e5e7eb;
}
div.wcmamtx_login_boxes .divider span {
padding: 0 15px;
font-size: 13px;
color: #9ca3af;
font-weight: 600;
letter-spacing: 1px;
}
.wc-auth-container.wcmamtx_custom_login_register {
margin-top: 20px;
margin-bottom: 20px;
}
button.woocommerce-button.button.woocommerce-form-login__submit,button.woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit {
width: 100%;
}
.wcmamtx_menu  ul.sub-menu.nav-dropdown.nav-dropdown-default i.fa.wcmamtx_nav_chevron {
font-size: 12px;
margin-top: 5px;
margin-left: 5px;
} li.wcmamtx_menu_logged_in {
list-style: none;
} a.wcmamtx-nav-trigger {
display: inline-flex !important;
align-items: center !important;
gap: 10px !important;
text-decoration: none !important;
color: inherit !important;
padding: 5px 10px 5px 5px !important;
border-radius: 50px !important;
transition: background 0.2s ease, box-shadow 0.2s ease !important;
line-height: 1 !important;
}
a.wcmamtx-nav-trigger:hover {
background: rgba(0,0,0,0.05) !important;
box-shadow: none !important;
} .wcmamtx-nav-avatar-wrap {
flex-shrink: 0;
display: flex;
align-items: center;
}
.wcmamtx-nav-avatar-wrap img.wcmamtx-nav-avatar-img,
.wcmamtx-nav-avatar-wrap img {
width: 36px !important;
height: 36px !important;
border-radius: 50% !important;
object-fit: cover !important;
display: block !important;
border: 2px solid rgba(255,255,255,0.8) !important;
box-shadow: 0 1px 4px rgba(0,0,0,0.18) !important;
} .wcmamtx-nav-user-info {
display: flex;
flex-direction: column;
line-height: 1.2;
gap: 1px;
}
.wcmamtx-nav-label {
font-size: 10px;
text-transform: uppercase;
letter-spacing: 0.06em;
opacity: 0.6;
font-weight: 500;
}
.wcmamtx-nav-name {
font-size: 13px;
font-weight: 700;
white-space: nowrap;
max-width: 130px;
overflow: hidden;
text-overflow: ellipsis;
} .wcmamtx-nav-chevron {
display: flex;
align-items: center;
opacity: 0.55;
transition: transform 0.25s ease;
margin-left: 2px;
}
li.wcmamtx_menu_logged_in:hover .wcmamtx-nav-chevron,
li.wcmamtx_menu_logged_in.sfHover .wcmamtx-nav-chevron {
transform: rotate(180deg);
} li.wcmamtx_menu_logged_in > a i.fa.fa-chevron-down.wcmamtx_nav_chevron {
display: none !important;
} li.wcmamtx_menu_logged_in > ul.sub-menu {
border-radius: 12px !important;
box-shadow: 0 12px 35px rgba(0,0,0,0.13) !important;
overflow: hidden !important;
min-width: 200px !important;
padding: 6px 0 !important;
}
li.wcmamtx_menu_logged_in > ul.sub-menu li a {
padding: 10px 18px !important;
font-size: 13.5px !important;
transition: background 0.15s !important;
}
li.wcmamtx_menu_logged_in > ul.sub-menu li a:hover {
background: #f5f5f5 !important;
color: #000 !important;
} @media (max-width: 768px) {
#wcmamtx-guest-login-overlay,
#wcmamtx-nav-login-overlay {
align-items: flex-start;
overflow-y: auto;
padding: 40px 12px;
}
#wcmamtx-guest-login-box,
#wcmamtx-nav-login-box {
max-height: none;
overflow-y: visible;
}
} @media (max-width: 768px) {
.wcmamtx-nav-user-info {
display: none;
}
.wcmamtx-nav-chevron {
display: none;
}
li.wcmamtx_menu_logged_in img.avatar.photo {
display: none !important;
}
}
.wcmamtx_login_register_buttons {
display: flex;
gap: 0;
align-items: center;
background: #f1f5f9;
border-radius: 0;
padding: 4px;
width: 100%;
box-sizing: border-box;
}
.wcmamtx_login_register_buttons .btn {
flex: 1;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 7px;
padding: 11px 16px;
border: none;
border-radius: 0;
font-size: 14px;
font-weight: 600;
line-height: 1;
cursor: pointer;
transition: background .2s, color .2s, box-shadow .2s;
text-decoration: none;
background: transparent;
color: #64748b;
box-shadow: none;
}
.wcmamtx_login_register_buttons .btn i,
.wcmamtx_login_register_buttons .btn svg {
font-size: 15px;
width: 16px;
height: 16px;
flex-shrink: 0;
} .wcmamtx_login_register_buttons .btn-login {
background: transparent;
color: #64748b;
box-shadow: none;
}
.wcmamtx_login_register_buttons .btn-login:hover {
background: rgba(0,0,0,.05);
transform: none;
box-shadow: none;
} .wcmamtx_login_register_buttons .btn-register {
background: transparent;
color: #64748b;
box-shadow: none;
}
.wcmamtx_login_register_buttons .btn-register:hover {
background: rgba(0,0,0,.05);
transform: none;
box-shadow: none;
} .wcmamtx_login_register_buttons .btn.active {
background: #2d3748;
color: #fff;
box-shadow: 0 2px 6px rgba(0,0,0,.12);
}
.wcmamtx_login_register_buttons .btn.active:hover {
background: #2d3748;
transform: none;
box-shadow: 0 2px 6px rgba(0,0,0,.12);
}
.wcmamtx_custom_login_register button.woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit,
.wcmamtx_custom_login_register button.woocommerce-button.button.woocommerce-form-login__submit,.wcmamtx_custom_login_register button.woocommerce-Button.button {
padding: 18px;
background-color: #1a1515 !important;
border-radius: 0;
margin-top: 20px;
width:100%;
color: white;
font-size: 15px;
}
.wcmamtx_custom_login_register .woocommerce-privacy-policy-text {
background-color: #e7e7ff;
padding: 10px;
font-size: 12px;
}
.wcmamtx_custom_login_register p.wcmamtx_lost_password_info {
background-color: #e7e7ff;
padding: 10px;
font-size: 12px;
}
.wcmamtx_custom_login_register p.wcmamtx_lost_password_info {
background-color: #e7e7ff;
padding: 10px;
font-size: 12px;
border-radius: 10px;
}
.theme-hello-elementor .site-navigation ul.menu li.menu-item-has-children::after,
.theme-Divi #top-menu .menu-item-has-children>a:first-child:after {
display:none;
}
.theme-Avada li.wcmamtx_menu_logged_in a.menu-link.wcmamtx-nav-trigger {
border-top-width: 0 !important;
border: 0px !important;
}
.theme-my-listing li.wcmamtx_menu_logged_in i.material-icons.arrow_drop_down {
display:none;
}  a.wcmamtx-login-btn {
display: inline-flex;
align-items: center;
padding: 8px 20px;
border-radius: 50px;
font-size: 13px;
font-weight: 600;
font-family: inherit;
text-decoration: none;
white-space: nowrap;
line-height: 1;
cursor: pointer;
border: 1px solid black;
}
#wcmamtx-login-popup-overlay .wc-auth-container.wcmamtx_custom_login_register {
margin-top: 0px; 
margin-bottom: 0px; 
}
#wcmamtx-login-popup-overlay .wcmamtx_custom_login_register .wc-auth-card {
margin-left: 0%;
width: 100%;
max-width: 100%;
padding-tpp:20px;
padding-top: 80px;
}
.wc-auth-container.wcmamtx_custom_login_register input[type=text],
.wc-auth-container.wcmamtx_custom_login_register label,
.wc-auth-container.wcmamtx_custom_login_register input[type=password],
.wc-auth-container.wcmamtx_custom_login_register input[type=email] { width: 100%;
}
.theme-generatepress span.wcmamtxx_nav_header_widget_text_logout,.theme-kadence span.wcmamtxx_nav_header_widget_text_logout {
margin-left: 5px;
color:inherit;
}
span.wcmamtxx_nav_header_widget_text_logout {
margin-left: 5px;
}
.main-header-menu > .menu-item > a.menu-link.wcmamtx-nav-trigger {
height:auto;
}
.theme-Divi .et_header_style_left #et-top-navigation nav>ul>li>a.menu-link.wcmamtx-nav-trigger {
padding-bottom:0px !important;
}
.et_header_style_left #et-top-navigation nav>ul>li>a.wcmamtx-login-btn{
padding-bottom:10px !important;
}
.theme-customify button.show-password-input.display-password {
display: none;
}
li#wp-admin-bar-wcmamtx_customize_myaccount {
background: linear-gradient(135deg, #7c3aed, #a855f7) !important;
box-shadow: 0 0 10px rgba(167,139,250,.6);
animation: wcmamtx-bar-pulse 2.5s ease-in-out infinite;
}
li#wp-admin-bar-wcmamtx_customize_myaccount > .ab-item {
color: #fff !important;
font-weight: 700 !important;
letter-spacing: 0.3px;
}
li#wp-admin-bar-wcmamtx_customize_myaccount:hover {
background: linear-gradient(135deg, #6d28d9, #9333ea) !important;
}
li#wp-admin-bar-wcmamtx_customize_myaccount:hover > .ab-item {
color: #fff !important;
}
@keyframes wcmamtx-bar-pulse {
0%, 100% { box-shadow: 0 0 8px rgba(167,139,250,.5); }
50%       { box-shadow: 0 0 18px rgba(167,139,250,.9); }
}body.wp-admin {
background: #f0f0f1;
}
#ts-wchc-wrapper {
position: relative;
display: flex;
grid-gap: 20px;
padding-right: 20px;
color: #686868;
}
#ts-wchc-wrapper #reset-settings-modal {
font-size: 14px;
margin: 40px auto 20px;
text-align: center;
}
#ts-wchc-wrapper #reset-settings-modal strong {
display: block;
}
#ts-wchc-wrapper #reset-settings-modal .bi.bi-exclamation-diamond-fill {
transform: scale(4);
display: block;
margin: 10px auto 40px;
height: 10px;
}
#ts-wchc-wrapper #reset-settings-modal .modal-content {
background-color: #fff;
border: 0 !important;
border-radius: 8px;
outline: 0;
box-shadow: none !important;
}
#ts-wchc-wrapper #site-preview-modal {
z-index: 9999;
}
#ts-wchc-wrapper #site-preview-modal .modal-body {
height: 80vh;
}
#ts-wchc-wrapper #site-preview-modal .modal-body span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
#ts-wchc-wrapper .preview-items {
position: relative;
}
#ts-wchc-wrapper .preview-items #site-preview {
position: absolute;
top: 1px;
right: 1px;
padding-left: 20px;
padding-right: 20px;
}
#ts-wchc-wrapper #site-preview-modal .modal-content iframe {
height: 100%;
overflow: hidden;
pointer-events: none;
}
#ts-wchc-wrapper .modal-footer {
border-top: 0;
gap: 10px;
text-align: justify;
align-content: center;
justify-content: center;
}
#ts-wchc-wrapper .modal-footer .button {
min-width: 100px;
}
#ts-wchc-wrapper .modal-dialog.modal-md {
margin-top: 20vh;
}
#ts-wchc-wrapper .nav-item {
margin-bottom: 0px;
display: flex;
margin-top: 0;
margin-right: 24px;
text-wrap: nowrap;
}
#tswchc_tabs {
background: #f9fafb;
display: flex;
align-items: stretch;
min-height: 48px;
padding: 0 24px;
border-bottom: 1px solid #eaecf0;
clear: both;
z-index: 1;
flex-wrap: nowrap;
overflow: auto;
}
#ts-wchc-wrapper #tswchc_tabs.nav-tabs .nav-link,
#ts-wchc-wrapper #tswchc_tabs.nav-tabs .nav-link:focus,
#ts-wchc-wrapper #tswchc_tabs.nav-tabs .nav-link:hover {
box-sizing: border-box;
display: inline-flex;
align-items: center;
height: 100%;
padding-top: 3px;
padding-right: 0;
font-size: 13px;
padding-bottom: 0;
padding-left: 0;
background: none;
border-top: none;
border-right: none;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: transparent;
border-left: none;
color: #666666;
font-weight: 700;
text-transform: uppercase;
}
#ts-wchc-wrapper #tswchc_tabs.nav-tabs .nav-link:hover {
color: #333333;
}
#ts-wchc-wrapper #tswchc_tabs.nav-tabs .nav-link:focus,
#ts-wchc-wrapper #tswchc_tabs.nav-tabs .nav-link.active {
background: none;
border-bottom-color: #22afaf;
color: #22afaf;
}
#ts-wchc-wrapper .ts-card-body .button {
background: #22afaf;
color: #fff;
text-decoration: none;
text-shadow: none;
display: block;
text-align: center;
border: 1px solid #1c9a9a;
transition: all 0.2s ease-in-out;
padding-top: 8px;
padding-right: 16px;
padding-bottom: 8px;
padding-left: 16px;
border-radius: 6px;
}
#ts-wchc-wrapper .ts-card-body .button:hover {
background: #1c9a9a;
}
#ts-wchc-wrapper .button.btn-light {
background: transparent;
color: #22afaf;
}
#ts-wchc-wrapper .button.btn-light:hover {
background: #e0f5f5;
}
#ts-wchc-wrapper .button-themesupport {
line-height: 40px;
margin: 15px 0;
min-height: 40px;
}
#ts-wchc-wrapper:after {
position: absolute;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.5);
display: none;
content: "";
top: 0;
left: 0;
}
#ts-wchc-wrapper .banner {
width: 30%;
max-width: 300px;
padding: 20px 0;
}
#ts-wchc-wrapper .banner .ts-card {
border-radius: 8px;
}
#ts-wchc-wrapper .banner .ts-card {
padding: 24px;
background: #fff;
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.1);
}
#ts-wchc-wrapper .banner .ts-card .ts-card-heading h6 {
text-align: center;
font-size: 1rem;
}
#ts-wchc-wrapper .banner .ts-card .ts-card-heading img {
display: block;
margin-bottom: 10px;
}
#ts-wchc-wrapper .banner .ts-card .card-footer {
background: #22afaf;
color: #fff;
text-align: center;
border-radius: 8px;
transition: all 0.2s ease-in-out;
}
#ts-wchc-wrapper .banner .ts-card .card-footer:hover {
background: #1c9a9a;
}
#ts-wchc-wrapper .banner .ts-card .card-footer h5 {
line-height: 1.3;
font-size: 15px;
margin: 0;
}
#ts-wchc-wrapper .banner .ts-card #rating1 {
font-size: 0;
margin: 8px;
}
#ts-wchc-wrapper .banner .ts-card .text {
font-size: 13px;
}
#ts-wchc-wrapper .banner .ts-card .star-rating .star {
color: #fff;
}
#ts-wchc-wrapper .banner .ts-card .card-footer a {
color: #fff;
text-decoration: none;
}
#ts-wchc-wrapper .banner ul {
margin-bottom: 15px;
padding: 0;
font-size: 13px;
text-align: center;
}
#ts-wchc-wrapper .banner ul li {
font-size: 13px;
list-style: none;
line-height: 25px;
}
#ts-wchc-wrapper.loading:after {
display: block;
}
#ts-wchc-wrapper .hidden {
display: none;
}
#ts-wchc-wrapper .input-group-text {
display: flex;
align-items: center;
height: 100%;
background: none;
border: 0;
font-size: 13px;
color: #666666;
}
#ts-wchc-wrapper h1 {
font-size: 16px;
font-weight: 400;
margin: 0;
}
#ts-wchc-wrapper h2 {
font-size: 16px;
font-weight: 400;
margin: 0;
border-bottom: 1px solid #eaecf0;
margin-bottom: 10px;
padding-bottom: 5px;
}
#ts-wchc-wrapper .navbar {
min-width: 60%;
padding: 0;
}
#ts-wchc-wrapper .navbar .navbar-collapse {
justify-content: flex-end;
}
#ts-wchc-wrapper .navbar .nav-item + .nav-item {
margin-left: 10px;
}
#ts-wchc-wrapper .navbar .ts-wchc-filter-wrapper {
width: auto;
max-width: 300px;
left: 0;
transform: none;
padding: 0;
}
#ts-wchc-wrapper .ts-wchc-filter-wrapper { max-width: 300px;
left: 100%;
transform: translateX(-100%);
position: relative;
}
#ts-wchc-wrapper input.form-control {
box-sizing: border-box;
height: 40px;
padding-right: 12px;
padding-left: 12px;
background-color: #fff;
border: 1px solid #d0d5dd;
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.1);
border-radius: 6px;
color: #344054;
border-radius: 6px !important;
font-size: 14px;
padding-right: 40px;
position: relative;
}
#ts-wchc-wrapper .navbar input.form-control {
padding-right: 12px;
}
#ts-wchc-wrapper .ts-wchc-filter-wrapper input.form-control:focus {
outline: 3px solid #d9f3f3;
border-color: #22afaf;
box-shadow: none !important;
}
#ts-wchc-wrapper .ts-wchc-filter-wrapper .input-group-append {
cursor: pointer;
position: absolute;
right: 5px;
background: none;
width: 40px;
height: 40px;
z-index: 1;
}
#ts-wchc-wrapper .card {
width: 100%;
max-width: none;
padding: 0;
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.1);
border: 0;
border-radius: 8px;
}
#ts-wchc-wrapper .form-group {
padding: 24px;
}
#ts-wchc-wrapper .form-group[data-mode="url"] {
padding-top: 0;
}
#ts-wchc-wrapper .accordion-item {
border: 0;
}
#ts-wchc-wrapper .accordion-button {
border-top: 1px solid #eaecf0;
font-size: 14px;
padding: 14px 24px;
border-radius: 0;
box-shadow: none !important;
}
#ts-wchc-wrapper .accordion-button:hover,
#ts-wchc-wrapper .accordion-button:not(.collapsed) {
background: #e0f5f5;
border-bottom: 0 !important;
color: #22afaf;
}
#accordion-hide-by-role > div:last-child .accordion-button,
#accordion-hide-by-category > div:last-child .accordion-button {
border-bottom: 1px solid #eaecf0 !important;
}
#ts-wchc-wrapper .accordion-button:not(.collapsed) {
border-bottom: 1px solid #eaecf0;
}
#ts-wchc-wrapper .accordion-button::after {
width: 1rem;
height: 1rem;
background-size: 1rem;
}
#ts-wchc-wrapper .accordion-body label {
font-size: 12px;
line-height: 1.5;
}
#ts-wchc-wrapper .accordion-body label:focus,
#ts-wchc-wrapper .accordion-body label:target {
box-shadow: none;
}
#ts-wchc-wrapper .accordion-body label small {
font-size: 12px;
line-height: 14px;
opacity: 0.7;
}
#ts-wchc-wrapper .form-group label {
margin-bottom: 10px;
font-weight: 500;
font-size: 13px;
}
#ts-wchc-wrapper .form-group small {
display: block;
margin-top: 10px;
font-size: 12px;
font-style: italic;
}
#ts-wchc-wrapper .form-group small i {
color: #333333;
}
#tswchc_message_wrapper + small {
line-height: 2;
}
#tswchc_message_wrapper small i {
background: #cecece;
padding: 3px 6px;
border-radius: 5px;
color: #000;
}
#tswchc_message_wrapper .accordion-body {
padding: 24px;
}
#tswchc_message_wrapper #collapse-advanced-settings .col-md-6 {
position: relative;
display: block;
}
#tswchc_message_wrapper
#collapse-advanced-settings
.col-md-6
input#settings_file {
font-size: 13px;
display: block;
}
#tswchc_message_wrapper #collapse-advanced-settings .col-md-6 .button {
display: inline-block;
margin-top: 14px;
}
#tswchc-import-settings + #ts-wchc-spinner,
#tswchc-export-settings + #ts-wchc-spinner {
position: absolute;
top: 40%;
left: 47%;
color: #22afaf !important;
}
#tswchc-settings-link-wrapper {
margin-top: 10px;
}
.buttons-wrapper .spinner-border {
color: #22afaf !important;
width: 20px;
height: 20px;
margin-top: 10px;
}
#collapse-advanced-settings small {
margin-bottom: 10px;
}
#collapse-advanced-settings a + p {
font-size: 16px;
margin-top: 10px;
}
#ts-wchc-wrapper button p {
margin: 0;
color: #444;
}
#ts-wchc-wrapper button p:not(:empty) + span {
margin-left: 5px;
}
#ts-wchc-wrapper button small.cat-id {
opacity: 0.5;
color: inherit;
margin-left: 10px;
font-size: 12px;
}
#ts-wchc-wrapper .accordion-body {
padding: 0;
}
#ts-wchc-wrapper .actions-bar {
display: flex;
margin-bottom: 10px;
padding-bottom: 10px;
text-transform: uppercase;
justify-content: flex-end;
align-items: center;
background: #f9fafb;
padding: 10px 24px;
}
#ts-wchc-wrapper .actions-bar .nav-item {
margin: 0;
}
#ts-wchc-wrapper .actions-bar .navbar-nav {
margin-left: 10px;
}
#ts-wchc-wrapper .actions-bar .navbar-nav .tswchc-clear-all {
font-size: 13px;
}
#ts-wchc-wrapper .actions-bar h6 {
margin-right: auto;
margin-bottom: 0;
text-transform: none;
font-size: 13px;
}
#ts-wchc-wrapper .btn-group {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 10px;
padding: 14px 24px;
}
#ts-wchc-wrapper .submit {
display: flex;
gap: 10px;
}
#ts-wchc-wrapper .buttons-wrapper p.submit {
text-align: left;
max-width: 100%;
margin-top: 20px;
padding-top: 10px;
margin: 0;
padding: 0;
}
#ts-wchc-wrapper .buttons-wrapper {
display: flex;
flex-direction: row;
justify-content: flex-end;
gap: 20px;
padding: 24px;
}
#ts-wchc-wrapper .form-select {
box-sizing: border-box;
height: 40px;
padding-right: 12px;
font-size: 13px !important;
padding-left: 12px;
background-color: #fff;
border: 1px solid #d0d5dd;
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.1);
border-radius: 6px;
color: #344054;
border-radius: 6px !important;
font-size: 14px;
padding-right: 40px;
position: relative;
}
#ts-wchc-wrapper .form-select:focus {
outline: 3px solid #d9f3f3;
border-color: #22afaf;
box-shadow: none !important;
}
#ts-wchc-wrapper .link-success {
color: #22afaf;
font-size: 14px;
}
#ts-wchc-wrapper .alert {
font-size: 13px;
}
.tswchc-custom-product-new-block .product.woocommerce.add_to_cart_inline,
.tswchc-custom-cart-cross-sells-block .product.woocommerce.add_to_cart_inline {
border: 0 !important;
font-size: 0;
}
.tswchc-custom-product-new-block .product.woocommerce.add_to_cart_inline bdi,
.tswchc-custom-cart-cross-sells-block
.product.woocommerce.add_to_cart_inline
bdi {
display: none;
}
.tswchc-custom-cart-cross-sells-block .cross-sells-product .add_to_cart_button {
font-size: initial;
display: inline-block;
}
@media screen and (max-width: 1100px) {
#ts-wchc-wrapper {
display: block;
}
#ts-wchc-wrapper .banner {
width: 100%;
max-width: none;
}
#ts-wchc-wrapper .banner .ts-card-heading {
padding: 20px;
display: flex;
justify-content: space-between;
align-items: center;
}
#ts-wchc-wrapper .banner .ts-card .ts-card-heading img {
max-width: 260px;
}
#ts-wchc-wrapper .banner .ts-card .ts-card-heading h6 {
font-weight: bold;
}
#ts-wchc-wrapper .banner ul {
margin: 20px 0;
display: flex;
}
#ts-wchc-wrapper .banner ul li {
list-style: none;
margin-left: 0;
padding: 10px;
text-align: center;
}
#ts-wchc-wrapper .navbar .navbar-collapse.collapse:not(.show) {
justify-content: flex-end;
display: flex;
}
#ts-wchc-wrapper .navbar .navbar-collapse.collapse .navbar-nav {
flex-direction: row;
}
#ts-wchc-wrapper .modal-dialog.modal-md {
max-width: 90%;
margin: 0 auto;
}
}
@media screen and (max-width: 500px) {
#ts-wchc-wrapper h1 {
font-size: 20px !important;
margin: 10px 0;
}
#ts-wchc-wrapper #tswchc_tabs.nav-tabs .nav-link {
width: 100%;
text-align: left;
}
#ts-wchc-wrapper .ts-wchc-filter-wrapper {
width: 100%;
left: 0;
transform: none;
}
#ts-wchc-wrapper .actions-bar {
flex-direction: column;
}
#ts-wchc-wrapper .actions-bar h6 {
margin-right: auto;
margin-bottom: 10px;
}
#ts-wchc-wrapper .navbar .navbar-collapse.collapse:not(.show) {
flex-direction: column;
}
#ts-wchc-wrapper button.accordion-button {
display: block;
font-size: 12px;
}
#ts-wchc-wrapper button span {
font-size: 13px;
margin-left: 0 !important;
font-weight: 600;
}
#ts-wchc-wrapper button.accordion-button span small.rules-counter {
display: block;
margin-left: 0;
margin-top: 5px;
}
#ts-wchc-wrapper .accordion-body * {
font-size: 12px !important;
line-height: 20px;
}
#ts-wchc-wrapper .accordion-body .how-img {
padding-bottom: 24px;
border-bottom: 1px solid #eaecf0;
margin-bottom: 24px;
}
#ts-wchc-wrapper .navbar {
min-width: 100%;
}
#ts-wchc-wrapper .navbar .navbar-collapse.collapse:not(.show) {
flex-direction: row;
}
#ts-wchc-wrapper .banner .ts-card-heading {
display: block;
}
#ts-wchc-wrapper .banner .ts-card .ts-card-heading img {
margin: 10px auto;
}
#ts-wchc-wrapper .banner ul li {
list-style: initial;
margin-left: initial;
padding: initial;
text-align: initial;
}
#ts-wchc-wrapper .banner ul {
margin: 0 0 20px 20px;
display: block;
}
} #ts-wchc-wrapper.ts-wchc-admin {
align-items: flex-start;
gap: 24px;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-admin-main {
flex: 1;
min-width: 0;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-panel {
width: 100%;
border: 1px solid #dcdcde;
border-radius: 10px;
background: #fff;
box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-page-header {
padding: 24px 24px 8px;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-page-header-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-page-header-copy {
min-width: 0;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-page-header-brand {
flex: 0 0 auto;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-page-header-brand img {
display: block;
width: auto;
max-width: 220px;
height: 32px;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-page-header h1 {
font-size: 24px;
color: #101828;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-page-header p {
margin: 0;
color: #475467;
font-size: 13px;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-summary {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 0;
padding: 0;
border-top: 1px solid #eaecf0;
margin-top: 10px;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-summary-item {
background: transparent;
border: 0;
border-right: 1px dashed #c7dada;
border-radius: 0;
padding: 12px 14px;
min-height: 82px;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-summary-item small {
display: block;
color: #32b4b4;
font-size: 12px;
text-transform: uppercase;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-summary-item strong {
display: block;
margin-top: 2px;
font-size: 16px;
color: #101828;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-summary-item:last-child {
border-right: 0;
background: #ecfdf3;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-summary-item-rule {
background: transparent;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-summary-item-rule p {
margin: 4px 0 0;
font-size: 12px;
line-height: 1.4;
color: #1d2939;
font-weight: 700;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-tabs {
margin: 0;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-tab-content {
padding: 12px;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-card {
border: 1px solid #eceff2;
border-radius: 10px;
background: #fff;
padding: 12px;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-tab-card {
border: 0;
background: transparent;
padding: 8px;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-master-detail {
display: grid;
grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
gap: 10px;
align-items: start;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-master-list {
min-width: 0;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-master-list .accordion {
border: 0;
border-radius: 0;
padding: 0;
background: transparent;
max-height: calc(100vh - 285px);
overflow-y: auto;
overflow-x: hidden;
scrollbar-gutter: stable;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-master-list .accordion-header {
margin: 0;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-master-list .accordion-button {
min-height: 48px;
border-radius: 8px;
border-top: 0;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-master-list .accordion-button::after {
display: none;
}
#ts-wchc-wrapper.ts-wchc-admin
.ts-wchc-master-list
.accordion-item
+ .accordion-item {
margin-top: 4px;
}
#ts-wchc-wrapper.ts-wchc-admin #accordion-hide-by-category .ts-wchc-role-row {
margin: 0;
}
#ts-wchc-wrapper.ts-wchc-admin
#accordion-hide-by-category
.ts-wchc-role-row
+ .ts-wchc-role-row {
margin-top: 6px;
}
#ts-wchc-wrapper.ts-wchc-admin
#accordion-hide-by-category
.ts-wchc-role-row
.accordion-item {
border: 0;
background: transparent;
}
#ts-wchc-wrapper.ts-wchc-admin
.ts-wchc-master-item.is-active
.accordion-button {
border-color: #a8dada;
background: #edf8f8;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-detail-panel {
border: 1px solid #e2e8ed;
border-radius: 10px;
background: #fff;
min-height: 300px;
position: sticky;
top: 12px;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-detail-empty {
padding: 16px;
text-align: left;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-detail-empty h4 {
margin: 0 0 6px;
font-size: 16px;
color: #0f172a;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-detail-empty p {
margin: 0;
font-size: 13px;
color: #667085;
line-height: 1.4;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-detail-content {
padding: 8px;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-detail-head {
border: 0;
border-radius: 0;
background: transparent;
padding: 6px 2px 8px;
margin-bottom: 6px;
border-bottom: 1px solid #ecf0f3;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-detail-path {
margin: 0;
font-size: 12px;
color: #667085;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-detail-title {
margin: 2px 0 4px;
font-size: 16px;
color: #101828;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-detail-meta {
display: flex;
gap: 6px;
flex-wrap: wrap;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-detail-body .ts-wchc-open-surface {
margin: 0;
padding: 2px;
border: 0;
background: transparent;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-toolbar {
display: flex;
gap: 12px;
flex-wrap: nowrap;
align-items: center;
justify-content: space-between;
margin-bottom: 10px;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-toolbar .ts-wchc-filter-wrapper {
flex: 0 0 50%;
max-width: 50%;
min-width: 0;
position: relative;
left: auto;
transform: none;
padding: 0;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-toolbar-controls {
display: flex;
gap: 8px;
align-items: center;
margin-left: auto;
justify-content: flex-end;
flex: 0 0 auto;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-toolbar-controls .form-select {
min-width: 160px;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-item-title {
display: flex;
flex-direction: row;
gap: 2px;
flex: 1 1 auto;
min-width: 0;
align-items: center;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-item-path {
font-size: 12px;
color: #667085;
line-height: 1.2;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-item-name {
color: #111827;
font-size: 12px;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-item-id-inline {
color: #667085;
font-size: 12px;
line-height: 1.3;
margin-left: 2px;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-item-meta {
display: inline-flex;
align-items: center;
gap: 4px;
flex-wrap: wrap;
margin-left: auto;
justify-content: flex-end;
padding-right: 8px;
max-width: 62%;
}
#ts-wchc-wrapper.ts-wchc-admin #accordion-hide-by-role .accordion-button,
#ts-wchc-wrapper.ts-wchc-admin #accordion-hide-by-category .accordion-button {
border: 1px solid #e6eaee;
border-radius: 8px;
background: #ffffff;
transition:
border-color 0.2s ease,
background-color 0.2s ease,
box-shadow 0.2s ease;
padding-left: 10px;
padding-right: 10px;
}
#ts-wchc-wrapper.ts-wchc-admin #accordion-hide-by-role .accordion-button:hover,
#ts-wchc-wrapper.ts-wchc-admin
#accordion-hide-by-category
.accordion-button:hover {
border-color: #c8dfe0;
background: #f8fcfc;
color: #101828;
}
#ts-wchc-wrapper.ts-wchc-admin
#accordion-hide-by-role
.accordion-button:not(.collapsed),
#ts-wchc-wrapper.ts-wchc-admin
#accordion-hide-by-category
.accordion-button:not(.collapsed) {
border-color: #b7dcdc;
background: #eff9f9;
color: #101828;
box-shadow: 0 1px 2px rgba(16, 24, 40, 0.06);
}
#ts-wchc-wrapper.ts-wchc-admin #accordion-hide-by-role .accordion-button::after,
#ts-wchc-wrapper.ts-wchc-admin
#accordion-hide-by-category
.accordion-button::after {
opacity: 0.7;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-badge {
display: inline-flex;
align-items: center;
border-radius: 999px;
padding: 2px 7px;
font-size: 10.5px;
line-height: 1.4;
font-weight: 600;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-badge-muted {
background: #f2f4f7;
color: #344054;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-badge-success {
background: #ecfdf3;
color: #027a48;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-badge-neutral {
background: #f9fafb;
color: #667085;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-badge-info {
background: #e7f7f7;
color: #1b7f7f;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-chip-group {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin: 0 0 12px;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-chip {
display: inline-flex;
align-items: center;
border: 1px solid #d0d5dd;
background: #fff;
color: #344054;
border-radius: 999px;
padding: 2px 10px;
font-size: 11px;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-helper-text {
margin: 0 0 8px;
color: #475467;
font-size: 12px;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-detail-body > .ts-wchc-helper-text {
margin: 0 0 6px;
padding: 6px 0;
border: 0;
border-radius: 8px;
background: transparent;
line-height: 1.45;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-actions-bar {
border: 0;
border-radius: 0;
background: transparent;
padding: 6px 0 8px;
margin-bottom: 6px;
align-items: flex-start;
gap: 8px;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-detail-body .ts-wchc-actions-bar {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(220px, 320px);
column-gap: 12px;
row-gap: 8px;
align-items: start;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-section-copy {
margin-right: auto;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-detail-body .ts-wchc-section-copy {
margin-right: 0;
min-width: 0;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-section-copy h6 {
margin: 0;
font-size: 12px;
font-weight: 600;
color: #0f172a;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-section-copy p {
margin: 2px 0 0;
font-size: 11px;
color: #667085;
line-height: 1.4;
max-width: 520px;
overflow-wrap: normal;
word-break: normal;
hyphens: none;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-inline-actions {
display: flex;
gap: 8px;
align-items: center;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-detail-body .ts-wchc-inline-actions {
margin-left: 0;
justify-content: flex-end;
width: auto;
gap: 6px;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-actions-bar-structured {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(220px, 320px);
column-gap: 12px;
row-gap: 8px;
align-items: start;
}
#ts-wchc-wrapper.ts-wchc-admin
.ts-wchc-role-toolbar-structured
.navbar-collapse {
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto;
gap: 8px;
align-items: center;
}
#ts-wchc-wrapper.ts-wchc-admin
.ts-wchc-role-toolbar-structured
.ts-wchc-filter-wrapper {
max-width: 100%;
min-width: 0;
width: 100%;
}
#ts-wchc-wrapper.ts-wchc-admin
.ts-wchc-actions-bar-structured
.ts-wchc-inline-actions {
justify-content: flex-end;
width: auto;
}
@media screen and (max-width: 1400px) {
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-detail-body .ts-wchc-actions-bar {
grid-template-columns: 1fr;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-detail-body .ts-wchc-section-copy {
grid-column: 1 / -1;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-detail-body .ts-wchc-section-copy p {
max-width: none;
}
#ts-wchc-wrapper.ts-wchc-admin
.ts-wchc-detail-body
.ts-wchc-role-toolbar
.navbar-collapse {
grid-template-columns: 1fr;
align-items: stretch;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-detail-body .ts-wchc-inline-actions {
width: 100%;
justify-content: flex-start;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-actions-bar-structured {
grid-template-columns: 1fr;
}
#ts-wchc-wrapper.ts-wchc-admin
.ts-wchc-role-toolbar-structured
.navbar-collapse {
grid-template-columns: 1fr;
align-items: stretch;
}
#ts-wchc-wrapper.ts-wchc-admin
.ts-wchc-actions-bar-structured
.ts-wchc-inline-actions {
justify-content: flex-start;
width: 100%;
}
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-inline-actions .nav-item {
margin: 0;
margin-right: 0;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-open-body {
padding: 0 !important;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-open-surface {
margin: 4px 0 8px;
padding: 4px 0 0;
border: 0;
border-radius: 0;
background: transparent;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-detail-body .ts-wchc-open-surface {
margin: 0;
}
#ts-wchc-wrapper.ts-wchc-admin .accordion-collapse.show .ts-wchc-open-surface {
box-shadow: none;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-role-toolbar {
min-width: 0;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-detail-body .ts-wchc-role-toolbar {
width: 100%;
margin: 0;
background: transparent !important;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-role-toolbar .navbar-collapse {
display: flex !important;
gap: 10px;
align-items: center;
justify-content: flex-end;
}
#ts-wchc-wrapper.ts-wchc-admin
.ts-wchc-detail-body
.ts-wchc-role-toolbar
.navbar-collapse {
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto;
gap: 8px;
align-items: center;
justify-content: initial;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-role-toolbar .ts-wchc-filter-wrapper {
max-width: 220px;
min-width: 180px;
}
#ts-wchc-wrapper.ts-wchc-admin
.ts-wchc-detail-body
.ts-wchc-role-toolbar
.ts-wchc-filter-wrapper {
max-width: 100%;
min-width: 0;
width: 100%;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-role-toolbar .button {
min-height: 30px;
padding: 0 10px;
border-radius: 8px;
font-size: 12px;
line-height: 1;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-role-toolbar .button.button-secondary {
border-color: transparent;
background: transparent;
color: #667085;
box-shadow: none;
}
#ts-wchc-wrapper.ts-wchc-admin
.ts-wchc-role-toolbar
.button.button-secondary:hover {
border-color: #d0d5dd;
background: #f8fafc;
color: #1f2937;
}
#ts-wchc-wrapper.ts-wchc-admin
.ts-wchc-role-toolbar
.check-all.button.button-secondary {
border-color: #b9e1e1;
color: #1b7f7f;
background: #eef8f8;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-choice-grid {
gap: 7px;
padding: 0;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-choice-item {
margin: 0;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-role-matrix {
display: flex;
grid-template-columns: repeat(auto-fit, minmax(110px, max-content));
align-items: start;
justify-content: flex-start;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-role-matrix .btn {
border-radius: 999px;
min-height: 30px;
line-height: 1.2;
padding: 6px 13px;
border-color: #9fd9d9;
color: #187b7b;
background: #ffffff;
font-weight: 600;
transition:
background-color 0.2s ease,
border-color 0.2s ease,
color 0.2s ease,
box-shadow 0.2s ease;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-role-matrix .btn:hover {
border-color: #74c8c8;
color: #0f5f5f;
background: #f4fbfb;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-role-matrix .btn-check:checked + .btn {
background: #22afaf;
border-color: #22afaf;
color: #ffffff;
box-shadow: 0 0 0 1px rgba(34, 175, 175, 0.15);
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-role-matrix .btn small {
color: inherit;
opacity: 0.8;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-role-matrix .btn-check:focus + .btn {
box-shadow: 0 0 0 2px rgba(34, 175, 175, 0.22);
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-permission-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 6px;
padding: 0;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-detail-body .ts-wchc-permission-grid {
max-height: calc(100vh - 460px);
overflow-y: auto;
overflow-x: hidden;
padding-right: 2px;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-permission-item {
display: grid;
grid-template-columns: 16px minmax(0, 1fr);
align-items: center;
gap: 10px;
min-height: 34px;
padding: 0 9px;
border: 1px solid #d0d5dd;
border-radius: 8px;
background: #ffffff;
transition:
border-color 0.2s ease,
background-color 0.2s ease,
box-shadow 0.2s ease;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-permission-item:hover {
border-color: #b8cfd1;
background: #f9fcfc;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-permission-item.is-selected {
border-color: #bde3e3;
background: #f2fbfb;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-permission-check.btn-check {
position: static;
clip: auto;
width: 16px;
height: 16px;
margin: 0;
opacity: 1;
pointer-events: auto;
accent-color: #22afaf;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-permission-check:focus {
outline: 2px solid #8fdede;
outline-offset: 2px;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-permission-label {
margin: 0;
font-size: 13px;
font-weight: 500;
line-height: 1.3;
color: #1f2937;
cursor: pointer;
user-select: none;
}
#ts-wchc-wrapper.ts-wchc-admin
.ts-wchc-permission-check:checked
+ .ts-wchc-permission-label {
color: #0f766e;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-permission-item-stacked {
align-items: start;
padding-top: 8px;
padding-bottom: 8px;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-permission-label-stacked {
display: flex;
flex-direction: column;
gap: 2px;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-permission-path {
font-size: 11px;
color: #667085;
line-height: 1.3;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-permission-title {
font-size: 13px;
color: #111827;
line-height: 1.3;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-permission-meta {
font-size: 11px;
color: #667085;
line-height: 1.3;
}
#ts-wchc-wrapper.ts-wchc-admin .accordion-collapse.show > .accordion-body {
background: #f7fbfb;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-settings-grid {
display: grid;
gap: 10px;
}
#ts-wchc-wrapper.ts-wchc-admin #other-settings .ts-wchc-settings-grid {
max-width: 100%;
padding: 8px;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-settings-card {
padding: 0;
border-color: #e7ebef;
overflow: hidden;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-settings-card-head {
padding: 14px 16px 8px;
border-bottom: 1px solid #edf0f2;
background: #fcfdfe;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-settings-card h3 {
margin: 0 0 6px;
font-size: 16px;
color: #101828;
}
#ts-wchc-wrapper.ts-wchc-admin
.ts-wchc-settings-card-head
.ts-wchc-helper-text {
margin: 0;
color: #596174;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-settings-body {
padding: 12px 16px 14px;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-settings-card .form-group,
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-settings-card .ts-wchc-setting-field {
padding: 0;
margin: 0;
}
#ts-wchc-wrapper.ts-wchc-admin
.ts-wchc-settings-card
.ts-wchc-setting-field
+ .ts-wchc-setting-field {
margin-top: 14px;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-settings-card .form-group label {
margin-bottom: 8px;
font-size: 13px;
font-weight: 600;
color: #1f2937;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-settings-card .form-group small {
margin-top: 8px;
font-style: normal;
color: #667085;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-settings-card .form-group small i {
display: inline-block;
margin-top: 6px;
padding: 4px 8px;
border-radius: 6px;
background: #f3f5f7;
color: #344054;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-code-field {
font-family:
ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
monospace;
min-height: 160px;
background: #f9fbfc;
border-color: #d0dbe3;
line-height: 1.45;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-editor-shell .wp-editor-wrap {
border: 1px solid #d8e0e7;
border-radius: 8px;
background: #fff;
overflow: hidden;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-editor-shell .wp-editor-tools {
padding: 8px 8px 0;
background: #f8fafc;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-editor-shell .wp-editor-container {
border-top: 1px solid #e7edf3;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-advanced-grid {
row-gap: 12px;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-advanced-action-card {
height: 100%;
border: 1px solid #ebedf0;
border-radius: 8px;
background: #fbfcfd;
padding: 12px;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-advanced-action-card .button {
margin-top: 10px;
}
#ts-wchc-wrapper.ts-wchc-admin #settings_file {
margin-top: 8px;
width: 100%;
}
#ts-wchc-wrapper.ts-wchc-admin #tswchc-settings-link-wrapper {
margin-top: 10px;
min-height: 20px;
}
#ts-wchc-wrapper.ts-wchc-admin .buttons-wrapper {
border-top: 1px solid #eaecf0;
margin-top: 4px;
padding: 12px 20px;
gap: 10px;
align-items: center;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-footer-cta {
display: inline-flex;
align-items: center;
gap: 10px;
margin-right: auto;
min-width: 0;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-footer-cta span {
font-size: 13px;
color: #475467;
white-space: nowrap;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-footer-cta-message {
display: inline-flex;
align-items: center;
gap: 8px;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-footer-cta-message img {
width: 20px;
height: 20px;
object-fit: contain;
}
#ts-wchc-wrapper.ts-wchc-admin
.buttons-wrapper
.ts-wchc-footer-cta
.button-themesupport {
margin: 0;
line-height: 30px;
min-height: 32px;
padding: 0 12px;
background: #22afaf;
border-color: #1c9a9a;
color: #ffffff;
}
#ts-wchc-wrapper.ts-wchc-admin
.buttons-wrapper
.ts-wchc-footer-cta
.button-themesupport:hover,
#ts-wchc-wrapper.ts-wchc-admin
.buttons-wrapper
.ts-wchc-footer-cta
.button-themesupport:focus {
background: #1c9a9a;
border-color: #178585;
color: #ffffff;
}
#ts-wchc-wrapper.ts-wchc-admin .buttons-wrapper p.submit {
margin: 0;
}
#ts-wchc-wrapper.ts-wchc-admin .buttons-wrapper #submit {
min-height: 40px;
padding: 0 18px;
}
#ts-wchc-wrapper.ts-wchc-admin .buttons-wrapper #reset-settings {
min-height: 40px;
display: inline-flex;
align-items: center;
padding: 0 16px;
}
#ts-wchc-wrapper.ts-wchc-admin #other-settings .redirect-mode.hidden {
display: none;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-rules-input {
width: 100%;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-sidebar {
width: 280px;
max-width: 280px;
opacity: 0.92;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-side-card {
border: 1px solid #eaecf0;
border-radius: 10px;
}
#ts-wchc-wrapper.ts-wchc-admin .button:focus,
#ts-wchc-wrapper.ts-wchc-admin .btn:focus,
#ts-wchc-wrapper.ts-wchc-admin .form-control:focus,
#ts-wchc-wrapper.ts-wchc-admin .form-select:focus,
#ts-wchc-wrapper.ts-wchc-admin .accordion-button:focus {
outline: 2px solid #8fdede;
outline-offset: 1px;
}
#ts-wchc-wrapper.ts-wchc-admin .tswchc-hidden-by-status,
#ts-wchc-wrapper.ts-wchc-admin .tswchc-hidden-by-role-filter {
display: none !important;
}
#ts-wchc-wrapper.ts-wchc-admin .hidden {
display: none !important;
}
@media screen and (max-width: 1200px) {
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-master-list .accordion,
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-detail-body .ts-wchc-permission-grid {
max-height: none;
overflow: visible;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-detail-body .ts-wchc-actions-bar {
grid-template-columns: 1fr;
}
#ts-wchc-wrapper.ts-wchc-admin
.ts-wchc-detail-body
.ts-wchc-role-toolbar
.navbar-collapse {
grid-template-columns: 1fr;
align-items: stretch;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-detail-body .ts-wchc-inline-actions {
justify-content: flex-start;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-master-detail {
grid-template-columns: 1fr;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-detail-panel {
position: static;
top: auto;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-summary {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-summary-item {
border-right: 1px dashed #c7dada;
border-bottom: 1px dashed #c7dada;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-summary-item:nth-child(3n) {
border-right: 0;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-summary-item:nth-last-child(-n + 2) {
border-bottom: 0;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-sidebar {
width: 100%;
max-width: none;
}
}
@media screen and (max-width: 782px) {
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-page-header-row {
flex-wrap: wrap;
align-items: flex-start;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-page-header-brand img {
height: 28px;
max-width: 180px;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-detail-body .ts-wchc-inline-actions {
width: 100%;
justify-content: flex-start;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-summary {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-summary-item:nth-child(3n) {
border-right: 1px dashed #c7dada;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-summary-item:nth-child(2n) {
border-right: 0;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-summary-item:nth-last-child(-n + 1) {
border-bottom: 0;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-item-meta {
margin-left: auto;
margin-top: 6px;
max-width: 100%;
padding-right: 0;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-toolbar-controls {
width: 100%;
flex-wrap: wrap;
justify-content: stretch;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-toolbar-controls .form-select {
min-width: 100%;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-toolbar {
flex-wrap: wrap;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-toolbar .ts-wchc-filter-wrapper {
flex: 1 0 100%;
max-width: 100%;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-open-surface {
margin: 8px 6px 10px;
padding: 8px;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-role-toolbar .navbar-collapse {
flex-wrap: wrap;
justify-content: flex-start;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-role-toolbar .ts-wchc-filter-wrapper {
max-width: 100%;
min-width: 0;
width: 100%;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-inline-actions {
width: 100%;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-master-list .accordion-button {
min-height: 48px;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-detail-content {
padding: 8px;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-permission-grid {
grid-template-columns: 1fr;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-settings-card-head,
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-settings-body {
padding-left: 14px;
padding-right: 14px;
}
#ts-wchc-wrapper.ts-wchc-admin .buttons-wrapper {
flex-wrap: wrap;
justify-content: stretch;
padding: 14px;
}
#ts-wchc-wrapper.ts-wchc-admin .buttons-wrapper .float-right,
#ts-wchc-wrapper.ts-wchc-admin .buttons-wrapper p.submit,
#ts-wchc-wrapper.ts-wchc-admin .buttons-wrapper #submit,
#ts-wchc-wrapper.ts-wchc-admin .buttons-wrapper #reset-settings {
width: 100%;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-footer-cta {
width: 100%;
justify-content: space-between;
margin-right: 0;
margin-bottom: 2px;
}
#ts-wchc-wrapper.ts-wchc-admin .buttons-wrapper #submit,
#ts-wchc-wrapper.ts-wchc-admin .buttons-wrapper #reset-settings {
justify-content: center;
}
}
@media screen and (max-width: 560px) {
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-summary {
grid-template-columns: 1fr;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-summary-item {
border-right: 0;
border-bottom: 1px dashed #c7dada;
}
#ts-wchc-wrapper.ts-wchc-admin .ts-wchc-summary-item:last-child {
border-bottom: 0;
}
}