:root {
/* BORDER vars in :root */
--border-grey:solid 1px rgba(208,208,208,0.65);
--border-darkgrey:solid 1px var(--border-color-darkgrey);
--border-color-darkgrey:rgba(195,195,195,0.65);
--border-lightgrey:solid 1px var(--border-color-lightgrey);
--border-color-lightgrey:#e0e0e0;
--border-button:solid 1px var(--wp-admin-theme-color, #2271b1);
--border-success:solid 1px #bff8bf;
--border-error:solid 1px #f8bfbf;
--border-warning:solid 1px var(--border-color-warning);
--border-color-warning:#ffe3b0;
--border-color-border-white:#ededed;
--border-color-border-white-nested:#f0f0f0;
--bg-g:#f9f9f9;
--bg-w6:rgba(255,255,255,0.6);
--bg-w85:rgba(255,255,255,0.975);
--bg-e7:#e7e7e7aa;
--bg-ef:#efefefab;
--bg-form:rgba(245, 245, 245);
--bg-button:#fff;
--bg-success:#f0fff0;
--bg-error:#fff0f0;
--bg-warning:#fff7e0;
--bg-border-white:#f0f0f0;
--bg-border-white-nested:#fbfbfb;
--bg-table-head: #fdfdfd;
--bg-hover:color-mix(in srgb, var(--wp-admin-theme-color, #2271b1) 5%, transparent);
--bg-button-hover:rgba(250,250,255,0.9);
--table-border-color:rgba(203,203,203,0.85);
--t-dark:#f6f7f7;
--t-light:#fbfbfb;
--c-fe:#fefefe;
--c-f9:#f9f9f9;
--c-b:#bbb;
--c-progress:rgba(0,20,129,0.8);
--c-link:var(--wp-admin-theme-color, #2271b1);
--c-link-light:color-mix(in srgb, var(--wp-admin-theme-color, #2271b1) 33%, transparent);
--c-orange:#dd8500;
--atec-black:#000;
--drop-200:0 1px 2px rgba(0,0,0,0.08);
--px-3:3px;
--px-5:5px}
/* COLORS */
.atec-red { color: red !important; }
.atec-orange { color: var(--c-orange) !important; }
.atec-green { color: green !important; }
.atec-grey { color: grey !important; }
.atec-violet { color: #7f00c5 !important; }
.atec-blue { color: var(--wp-admin-theme-color, #2271b1) !important; }
.atec-black { color: black !important; }
.atec-lightgrey { color: #aaa !important; }
.atec-logo-text { font-size: 1.35em; font-weight: 600; color: black; }
.atec-bg-w { background: white !important; }
.atec-bg-w6 { background: var(--bg-w6) !important; }
.atec-bg-w85 { background: var(--bg-w85) !important; }
.atec-mono { font-family: monospace; white-space: pre; }
.atec-disabled-link { pointer-events: none; opacity: .55; cursor: not-allowed !important; }
.atec-nodeco { text-decoration: none !important; border: 0; background: 0; }
.atec-pro-desc { background: rgba(240,209,169,0.15) !important; }
/* PAGE */
.atec-page div { box-sizing: border-box; }
.atec-page { font-size: 1.1em; line-height: 1.45; }
.atec-page h1 { color: #000; margin: .05em 0; font-size: 1.35em; font-weight: 500; }
.atec-page h2 { color: #111; margin: .5em 0; font-weight: 500; font-size: 1.3em; }
.atec-page h3 { color: #222; margin: .5em 0; font-weight: 500; font-size: 1.25em; }
.atec-page h4 { color: #333; margin: .5em 0; font-weight: 500; font-size: 1.225em; }
.atec-page hr
{
box-sizing: content-box; height: 0; margin-top: 0; overflow: visible; width: 100%;
}
.atec-page a { cursor: pointer; }
.atec-page pre { font-family: monospace,monospace; font-size: 1em; }
.atec-page small { font-size: .8em; }
.atec-page input::placeholder,.atec-page textarea::placeholder { color: var(--c-b); }
.atec-page input:not([type="checkbox"]):not([type="radio"]) { padding: 0 8px; min-height: 30px !important; }
.atec-page input[type="checkbox"],
.atec-page input[type="radio"],
.atec-form input[type="checkbox"],
.atec-form input[type="radio"] { margin: 0 8px 0 0 !important; min-width: 16px !important; min-height: 16px !important; width: 16px !important; height: 16px !important; padding: 0 !important; flex-shrink: 0; box-sizing: border-box; line-height: normal !important; vertical-align: middle; }
.atec-page .button:not(.button-link),.atec-page button:not(.button-link)
{
gap: 5px; display: flex; align-items: center; justify-content: center; width: fit-content;
min-height: 30px !important; min-width: 30px !important; padding: 0 6px; line-height: 1.2;
border-radius: var(--px-3);
}
.atec-pro-instructions-hint .button-link { display: inline; min-height: 0 !important; min-width: 0 !important; padding: 0; vertical-align: baseline; }
.atec-page .button-secondary { background: var(--bg-button); }
.atec-page .button-secondary:hover { background: var(--bg-button-hover) !important; }
.atec-page button .dashicons, .atec-page .button .dashicons { line-height: 1 !important; }
.atec-page a.button.dashicons { display: inline-flex; padding: 0; text-align: center; }
.atec-page a.button.dashicons::before { font-size: 20px !important; line-height: 1; }
.atec-page select
{
border: var(--border-grey); min-height: 30px !important; line-height: 1.2;
padding-top: 0; padding-bottom: 0;
}
.atec-page .dashicons-controls-play { color: green; }
.atec-page .dashicons-controls-pause { color: var(--c-orange); }
.atec-page p.submit { padding-bottom: .5em; }
.atec-page p,.atec-page tr,.atec-page td,.atec-box-white,.atec-code { font-size: 14px; line-height: 1.55; }
.atec-page .nav-tab
{
display: flex; gap: 5px; align-items: center; height: 22px; padding: 4px 8px;
border: var(--border-darkgrey); border-radius: var(--px-3); background: var(--bg-form) !important;
color: var(--wp-admin-theme-color, #2271b1);
}
.atec-page .nav-icon
{
height: 18px; vertical-align: sub;
filter: brightness(0) saturate(100%) invert(39%) sepia(67%) saturate(653%) hue-rotate(166deg) brightness(86%) contrast(90%);
}
.atec-page .nav-tab-active { margin-bottom: 0; background: white !important; border-color: var(--atec-black) !important; }
.atec-page .nav-tab-single { border-color: rgba(34,113,177,0.25); }
.atec-page .nav-tab:hover { background: var(--bg-button-hover) !important; }
.atec-page .nav-tab-wrapper { border: 0; }
.atec-page .notice { width: fit-content; }
.atec-page .notice p { margin: .25em 0; }
.atec-page .notice-dismiss { padding: .5em; }
.atec-page .notice.notice-error.settings-error { margin-bottom: 10px; padding: 1px 38px 1px 12px; }
/* MIXED */
.atec-p-title
{
padding: 2px 4px 2px 4px; margin: 10px 0; font-size: 1.075em !important; font-weight: 600;
display: table; background: var(--bg-w85); border-bottom: var(--border-darkgrey);
}
.atec-btn-small
{
margin-top: 5px; padding: 1px 4px !important; min-height: 26px !important; min-width: 26px !important;
background: var(--bg-button); border-radius: var(--px-3); line-height: 1;
}
.atec-vat .dashicons, .atec-btn-small .dashicons { line-height: 1 !important; }
.atec-svg-icon { display: inline-flex; width: 20px; max-width: 20px !important; max-height: 20px !important; text-align: center; vertical-align: middle; }
.nav-tab .atec-svg-icon { color: var(--wp-admin-theme-color, #2271b1); vertical-align: sub; width: 18px; max-height: 18px; }
.atec_checkbox_button_div { color: var(--wp-admin-theme-color, #2271b1); }
.atec-link { color: var(--wp-admin-theme-color, #2271b1); }
.atec-headline { display: block; font-weight: 600; margin-bottom: 5px; }
.atec-code,.atec-box-white
{
border: var(--border-grey); padding: 10px; max-width: fit-content; margin: 5px 0;
border-radius: var(--px-5); background: white; color: #555;
}
.atec-code { white-space: break-spaces; font-size: 1em; line-height: 1.6em; }
.atec-border-white>.atec-box-white { margin-top: 0; }
.atec-box-white p:last-child { margin-bottom: 0; }
.atec-box-white p:first-child { margin-top: 0; }
.atec-plugin-icon,.atec-sys-icon { filter: drop-shadow(0.5px .5px .5px rgba(0,0,0,0.25)); }
.atec-plugin-icon { max-width: 22px; width: auto; height: 22px; }
.atec-logo { height: 20px; width: auto; max-height: 20px; vertical-align: bottom; padding-bottom: 2px; }
.atec-sys-icon { vertical-align: text-top; height: 16px; margin-right: 5px; }
.atec-nowrap { white-space: nowrap; word-wrap: normal; }
.atec-anywrap { white-space: break-spaces; word-wrap: anywhere; }
.atec-label,.atec-headline { font-size: 1.1em; }
.atec-label,.atec-bold { font-weight: 600; }
.atec-under { padding-bottom: 1px; border-bottom: solid 1px var(--c-b); }
.atec-small { font-size: .8em !important; }
.atec-gap { display: flex; gap: 10px; align-items: center; }
.atec-integritry
{
padding: 6px 4px 0 4px; border-radius: var(--px-3); text-decoration: none !important; font-weight: 600;
color: white !important; font-size: 12px; height: 18px;
}
.atec-pro,.atec-free
{
font-size: 10px; color: rgba(240,209,169,1); font-weight: 600; height: 6px;
text-shadow: .25px .25px .25px #333;
}
.atec-free { color: rgba(132,228,148,1); }
.atec-pro-btn
{
display: inline-block; font-weight: bold; width: 28px; border: solid 1px white;
border-radius: var(--px-3); height: 20px; padding: 0 4px; font-size: 8px; color: #333;
}
.atec-pro-box
{
display: flex; align-items: flex-start; gap: 10px;
background: white; border: var(--border-grey); padding: 10px;
width: fit-content; box-sizing: border-box;
}
.atec-pro-instructions-hint { color: #646970; margin-bottom: 0; }
.atec-pro-box > .atec-df1:first-child { flex: 0 0 22px; max-width: 22px; }
.atec-pro-box > .atec-df1:last-child { flex: 1 1 auto; }
.atec-pro-box h4 { font-size: 14px; line-height: 1.4em; margin: 0; }
.atec-cursor { cursor: pointer !important; }
.atec-counter
{
display: inline-block; margin: 0 5px 5px 0; background: #a7e598a5; border: var(--border-grey);
border-radius: var(--px-5); min-width: 24px; text-align: center; padding: 2px; white-space: nowrap;
font-size: 12px; font-weight: 500; animation: atec-counter .5s ease;
}
@keyframes atec-counter {
0% { transform: scale(0.95); opacity: 0; }
50% { transform: scale(1.05); opacity: 1; }
100% { transform: scale(1); }
}
.atec-courier { font-family: "courier new" !important; }
.atec-db { display: block !important; }
.atec-dilb { display: inline-block; }
.atec-dil { display: inline; }
.atec-dc { display: table-cell; }
.atec-dn { display: none !important; }
.atec-df { display: flex; }
.atec-df1 { flex: 1; }
.atec-fit,.atec-box-white { width: fit-content !important; }
.atec-full { width: 100% !important; }
.atec-center { text-align: center; }
.atec-left { text-align: left !important; }
.atec-right { text-align: right !important; }
.atec-clear { display: block; clear: both; margin-bottom: 10px; }
.atec-float-left { float: left; margin-right: auto; }
.atec-float-right { float: right; margin-left: auto; }
.atec-vab { vertical-align: baseline !important; align-self: self-end; align-items:baseline !important; }
.atec-vam,.atec-vac { vertical-align: middle !important; }
.atec-vat { vertical-align: top !important; align-self: self-start; }
.atec-m-auto { width: fit-content; margin: 0 auto !important; }
.atec-m-0 { margin: 0 !important; }
.atec-m-3 { margin: 3px !important; }
.atec-m-5 { margin: 5px !important; }
.atec-m-10 { margin: 10px !important; }
.atec-ml-5 { margin-left: 5px !important; }
.atec-ml-10 { margin-left: 10px !important; }
.atec-ml-20 { margin-left: 20px !important; }
.atec-mb-0 { margin-bottom: 0 !important; }
.atec-mb-5 { margin-bottom: 5px !important; }
.atec-mb-10 { margin-bottom: 10px !important; }
.atec-mb-20 { margin-bottom: 20px !important; }
.atec-mt-0 { margin-top: 0 !important; }
.atec-mt-2 { margin-top: 2px !important; }
.atec-mt-5 { margin-top: 5px !important; }
.atec-mt-10 { margin-top: 10px !important; }
.atec-mt-20 { margin-top: 20px !important; }
.atec-mr-0 { margin-right: 0 !important; }
.atec-mr-5 { margin-right: 5px !important; }
.atec-mr-10 { margin-right: 10px !important; }
.atec-p-0 { padding: 0 !important; }
.atec-p-5 { padding: 5px !important; }
.atec-p-10 { padding: 10px !important; }
.atec-pb-0 { padding-bottom: 0 !important; }
.atec-pt-0 { padding-top: 0 !important; }
.atec-pt-10 { padding-top: 10px !important; }
.atec-fs-8 { font-size: 8px !important; }
.atec-fs-9 { font-size: 9px !important; }
.atec-fs-10 { font-size: 10px !important; }
.atec-fs-12 { font-size: 12px !important; }
.atec-fs-14 { font-size: 14px !important; }
.atec-fs-16 { font-size: 16px !important; }
.atec-sticky-left,.atec-sticky-right { position: absolute; top: 10px; max-height: 30px; }
.atec-notice
{
position: absolute; top: 10px; max-height: 30px; left: 0; z-index: 999;
background: var(--c-f9); border: solid 1px white; padding: 2px 4px; border-radius: var(--px-3);
}
.atec-inner-notice-left { color: black !important; border-color: #fefefe !important; pointer-events: none; gap: 5px; }
.atec-sticky-left { left: 0; z-index: 0; }
.atec-sticky-right { right: 21px; z-index: 0; }
.atec-table
{
border-spacing: 0; table-layout: auto; max-width: 100%; margin-bottom: 10px;
border-radius: var(--px-3); border: 1px solid var(--table-border-color);
}
.atec-table-fit { table-layout: auto; width: fit-content; }
.atec-table th,.atec-table td
{
font-size: 14px; line-height: 1.4em;
border-bottom: 1px solid var(--table-border-color); overflow-wrap: break-word;
}
.atec-table th
{
background: var(--bg-table-head); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
text-align: left; font-weight: 600; padding: 10px;
}
.atec-table td { padding: 8px 10px; }
.atec-table th:last-child,.atec-table td:last-child { border-right: 0; }
.atec-table th:first-child,.atec-table td:first-child { border-left: 0; }
.atec-table tr:last-child td { border-bottom: 0; }
.atec-table tbody tr { background: var(--t-dark); }
.atec-table tbody tr:nth-child(2n) { background: var(--t-light); }
.atec-table-tiny td { padding: 4px 6px !important; }
.atec-table-tiny th { padding: 6px !important; }
.atec-table-tiny th:first-child,.atec-table-tiny td:first-child { padding-left: 8px !important; }
.atec-table-tiny th:last-child,.atec-table-tiny td:last-child { padding-right: 8px !important; }
.atec-table-mid td { padding: 5px 7px; }
.atec-table-mid th { padding: 7px; }
.atec-table thead td,.atec-table-tr-bold td { font-weight: bold; }
.atec-table-td-bold-first td:first-child
{
font-weight: bold; text-align: left; border-right: 1px solid var(--table-border-color);
}
.atec-table-td-right-not-first td:not(:first-child) { text-align: right; }
.atec-table .empty_tr:first-of-type { display: none !important; }
.empty_tr td { background: #c2c2c2; height: 0 !important; padding: 0 !important; }
.atec-border-right { border-right: 1px solid var(--table-border-color); }
/* G */
.atec-g
{
display: grid; gap: 0 1rem; grid-template-columns: repeat(auto-fit,minmax(100%,1fr));
margin-bottom: 10px; align-items: start; width: fit-content; min-width: 100%; max-width: 100%;
padding-bottom: 0 !important;
}
.atec-g.atec-border { background: var(--bg-g); }
.atec-g:last-child { margin-bottom: 0; }
.atec-g-14 { grid-template-columns: repeat(7,1fr); }
.atec-g-25 { grid-template-columns: repeat(4,1fr); container-type: inline-size; container-name: atec-g25; }
.atec-g-50 { grid-template-columns: repeat(2,1fr); }
.atec-g-30-70 { grid-template-columns: 3fr 7fr; }
.atec-g-70-30 { grid-template-columns: 7fr 3fr; }
.atec-g-80-20 { grid-template-columns: 8fr 2fr; }
.atec-g-auto-2 { grid-template-columns: auto auto; }
.atec-g-100 { grid-template-columns: 1fr; }
.atec-push-width { display: block; width: fit-content; max-width: none; }
.atec-page { padding: 20px 20px 0 0; display: grid; width: auto; max-width: 100%; box-sizing: border-box; grid-template-areas: "header" "main"; grid-template-rows: 1fr; }
.atec-header { grid-area: header; height: 65px; }
.atec-main { grid-area: main; margin-bottom: 10px; overflow: visible; container-type: inline-size; container-name: atec-main; }
.atec-footer { margin: 0 20px 0 0; color: #777; display: block; }
.atec-footer a { text-decoration: none; }
.atec-head
{
background: var(--bg-w85); border-bottom: var(--border-grey); width: fit-content; margin-bottom: 10px;
padding: 0 10px; border-top-left-radius: var(--px-3); border-top-right-radius: var(--px-3);
height: 30px; display: inline-flex; align-items: center;
}
.atec-cpanel-header { margin-bottom: 10px; padding-bottom: 0; }
.atec-cpanel-header .atec-head { margin-bottom: 0; display: inline-flex; align-items: center; }
.atec-cpanel-header .atec-row-right { align-items: center; }
.atec-header h3,.atec-head h3 { margin: 0; }
.atec-head h3 { display: flex; align-items: center; width: 100%; line-height: 1; }
.atec-head h3 .button { margin-top: 0 !important; }
.atec-header-box { width: fit-content; margin: 0 auto; }
.atec-header-box a { font-size: 12px; text-decoration: none; }
#wpbody-content { padding-bottom: 40px; }
#wpbody-content > .notice { z-index: 1; margin-left: 0; }
/* Responsive grids: admin content width, not viewport. */
@container atec-main (max-width:1300px) {
.atec-g-50,.atec-g-70-30,.atec-g-30-70,.atec-g-auto-2 { grid-template-columns: 1fr; }
}
@container atec-main (max-width:720px) {
.atec-g-80-20 { grid-template-columns: 1fr; }
}
@container atec-g25 (max-width:920px) {
.atec-g-25 { grid-template-columns: repeat(2,1fr); }
}
@container atec-g25 (max-width:480px) {
.atec-g-25 { grid-template-columns: 1fr; }
}
@media only screen and (max-width:1280px) {
.atec-g { margin-bottom: 5px; }
.atec-g-14 { grid-template-columns: repeat(5,1fr); }
.atec-g-25 { grid-template-columns: repeat(2,1fr); }
.atec-g-50,.atec-g-70-30,.atec-g-30-70,.atec-g-auto-2 { grid-template-columns: 1fr; }
.atec-head { margin-bottom: 10px; }
.atec-table { width: fit-content; max-width: 100% !important; table-layout: auto; }
.atec-table td { word-break: break-word; }
}
@media only screen and (max-width:960px) {
.atec-page { padding: 10px 15px 0 0; }
.atec-break-nav { clear: both; }
.nav-tab-wrapper a { font-size: 12px; }
.nav-icon { height: 17px; }
}
@media only screen and (max-width:782px) {
.atec-g-14 { grid-template-columns: repeat(3,1fr); }
.atec-g-25,.atec-g-30-70,.atec-g-70-30 { grid-template-columns: 1fr; }
.atec-g-80-20 { grid-template-columns: 1fr; }
.atec-page { padding: 10px 10px 0 0; }
.atec-head { padding: 2px 4px; }
.atec-main { margin-bottom: 10px; }
.atec-footer { width: calc(100% - 10px); }
.atec-table { table-layout: auto; width: 100%; }
.atec-table th,.atec-table td { word-wrap: anywhere; }
.atec-sticky-right { right: 11px; }
.nav-tab-wrapper a { font-size: 11px; }
.nav-icon { height: 15px; }
.atec-pro,.atec-free { font-size: 8px; }
#wpbody-content { padding-bottom: 10px; }
.notice { margin-right: 10px; margin-top: 5px; }
}
/* BTN */
.atec-confirm-btn { position: relative; display: flex; align-items: center; padding: 0 !important; }
.atec-confirm-btn.button:focus:not(:focus-visible),.atec-confirm-btn.button:active { outline: 0; }
.atec-confirm-btn .atec-confirm-inner { display: flex; align-items: center; justify-content: center; gap: 5px; width: 100%; transition: all .15s ease; padding: 0 6px; }
.atec-confirm-label
{
display: none; position: absolute; top: 50%; left: 50%; font-size: 8px; font-weight: 600;
color: #fd0002; background: rgba(255,255,255,0.5); line-height: 1; text-align: center;
transform: translate(-50%,-50%) rotate(-33deg) scale(0.9); transform-origin: center;
pointer-events: none; border-radius: var(--px-3); white-space: nowrap;
}
.atec-confirm-label::before { content: "Confirm?"; display: block; width: 100%; text-align: center; text-shadow: .5px .5px .5px white; }
.atec-confirm-btn.atec-confirm-ready .atec-confirm-label { display: block; }
.atec-confirm-btn.atec-confirm-ready { color: #ac0001; }
/* HELP */
.atec-help { display: none; border: var(--border-grey); background: var(--bg-w85); border-radius: var(--px-3); padding: 0 10px 5px 10px !important; }
.atec-ul { margin: 15px 0; }
.atec-ul li { margin-left: 15px; }
.atec-ul li::marker { color: var(--c-progress); }
.atec-help li,.atec-ul li { list-style-type: disc; }
.atec-help ul { margin-left: 20px; }
.atec-help-button { color: #777; background: var(--bg-button); cursor: pointer; display: inline-flex; margin: 0; }
.atec-help-button:hover { background: var(--bg-button); }
.atec-help-button .dashicons { color: var(--wp-admin-theme-color, #2271b1); }
button.atec-help-toggle,.atec-help-popover-wrap .atec-help-toggle { font-weight: 500; font-size: 12px; }
button.atec-help-toggle .dashicons,.atec-help-popover-wrap .atec-help-toggle .dashicons { color: currentColor; }
button.atec-help-toggle.atec-warning,.atec-help-popover-wrap .atec-help-toggle.atec-warning
{
background: var(--bg-warning) !important; color: var(--c-orange); border: var(--border-warning);
}
button.atec-help-toggle.atec-warning .dashicons,.atec-help-popover-wrap .atec-help-toggle.atec-warning .dashicons
{
color: rgba(240,156,0,0.8);
}
button.atec-help-toggle.atec-warning:hover,.atec-help-popover-wrap .atec-help-toggle.atec-warning:hover
{
background: var(--bg-warning) !important; color: #f09c00; border: var(--border-warning);
}
.atec-help-popover-wrap { display: inline-block; position: relative; }
.atec-help-popover-content
{
position: absolute; top: calc(100% + 6px); left: 0; background: #fff; border: var(--border-grey);
box-shadow: 0 2px 6px rgba(0,0,0,0.15); padding: 10px;
width: max-content; min-width: min(360px, 50vw); max-width: 50vw;
max-height: 75vh; overflow: auto;
z-index: 9999;
}
.atec-row-right .atec-help-popover-content { left: auto; right: 0; }
/* BADGE */
.atec-badge,.atec-help-button
{
display: flex; gap: 5px; align-items: flex-end; flex-wrap: wrap; width: fit-content;
height: fit-content; font-size: 13px; border: solid 1px #ddd; border-radius: var(--px-5);
padding: 3px 6px; margin: 0 10px 10px 0;
}
.atec-btn-div .atec-badge,.atec-btn-div .atec-help-button { margin: 0; }
.atec-box-info
{
background: var(--bg-w85); font-size: .9em; line-height: 1.1em; padding: 5px;
border: var(--border-lightgrey);
}
.atec-box-nocfg { font-size: 14px !important; width: fit-content; padding: 5px 10px; margin: 0 0 10px 0; }
.atec-btn-div,.atec-btn-div-fit
{
display: flex; gap: 10px; align-items: flex-end; flex-wrap: wrap; width: fit-content;
/*background: var(--bg-w6); border: var(--border-grey); border-radius: var(--px-3);*/
/*padding: 5px 5px 5px 10px; */
margin-bottom: 10px;
}
.atec-btn-div-fit { background: 0; border: 0; padding: 0; }
.atec-btn-confirm { display: inline-flex; align-items: center; gap: 6px; flex-shrink: 0; }
.atec-steps-row div { flex: 1 1 300px; max-width: 300px; gap: 20px; }
.atec-steps-row img { width: 100%; height: auto; max-height: 200px; border: var(--border-grey); border-radius: var(--px-3); }
.atec-step-caption { margin-left: 5px; font-size: .85em; color: #666; }
#atec-lightbox { position: fixed; inset: 0; background: rgba(125,125,125,0.65); display: none; align-items: center; justify-content: center; z-index: 9999; }
#atec-lightbox img { max-width: 88%; max-height: 88%; box-shadow: 0 0 20px #000; border-radius: 6px; }
.atec-row,.atec-row-right,.atec-steps-row { display: flex; gap: 10px; align-items: flex-end; flex-wrap: wrap; }
.atec-steps-row { gap: 20px; }
.atec-row .atec-svg-icon { align-self: center; }
.atec-row-right { width: fit-content; margin: 0 0 0 auto; }
.atec-col { flex: 1; }
.atec-break-flex { flex-basis: 100%; height: 0; }
/* BORDER */
.atec-border-bottom { border-bottom: var(--border-darkgrey); margin-bottom: 10px; padding-bottom: 2px; }
.atec-border,.atec-border-tiny { border: var(--border-grey); padding: 10px; border-radius: var(--px-3); }
.atec-border-tiny { padding: 5px; }
.atec-border-g,
.atec-border-white
{
border-radius: var(--px-3); padding: 10px; margin-bottom: 1rem;
box-shadow: var(--drop-200); border: solid 1px var(--border-color-border-white);
}
.atec-border-g { background: var(--bg-border-white); }
.atec-border-white { background: #fbfbfb; width: fit-content; }
.atec-border-g > .atec-border-white:last-child { margin-bottom: 0; }
.atec-border-g .atec-g .atec-border-white { margin-bottom: 0; }
.atec-border-g .atec-g { gap: 1rem; }
.atec-border-white .atec-form .form-table,
.atec-border-white .atec-custom-form .form-table { background: #f6f6f6 !important; }
.atec-border-g h2:first-child,.atec-border-g h3:first-child,.atec-border-g h4:first-child,
.atec-border-white h2:first-child,.atec-border-white h3:first-child,.atec-border-white h4:first-child { margin-top: 0; }
.atec-overflow { overflow-x: auto; }
/* FORM */
.atec-form .form-table
{
display: block; margin-bottom: 10px; width: fit-content; background: var(--bg-form) !important;
border-radius: var(--px-5); border: var(--border-lightgrey); padding: 5px 10px 0 10px;
}
.atec-form .form-table tbody { display: table; }
.atec-form .form-table th { max-width: 100%; width: fit-content !important; white-space: normal; }
.atec-form .form-table th,.atec-form .form-table td { border-bottom: dashed 1px #fdfdfd; padding: 5px; font-weight: 500; font-size: 14px; }
.atec-form .form-table td { display: table-cell !important; vertical-align: middle; }
.atec-form .form-table td.button { vertical-align: baseline; }
.atec-form .form-table tr:last-child th,.atec-form .form-table tr:last-child td { border-color: transparent; }
.atec-form .form-table input[type="submit"] { line-height: 2em; }
.atec-form label { font-weight: 600; display: inline-block; margin-bottom: 5px; }
.atec-form h2 { font-size: 1.15em; }
.atec-form h2:first-of-type { margin-top: 0; }
.atec-form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.atec-form select
{
max-height: auto !important; line-height: 2em; border: solid 1px var(--wp-admin-theme-color, #2271b1);
border-radius: var(--px-3);
}
.atec-percent-block { width: 190px; padding: 3px 5px 5px 5px; background: var(--bg-w6); margin-bottom: 10px; }
.atec-percent-div
{
width: 178px; height: 9px; display: flex; overflow: hidden; border-radius: var(--px-3);
border: var(--border-grey); margin-top: 3px; box-sizing: border-box;
}
.atec-percent-div span { height: 7px; display: inline-block; transition: width .5s ease-in-out; }
.atec-loader-dots span
{
display: inline-block; vertical-align: middle; width: 7px; height: 7px; background: var(--c-progress);
border-radius: 7px; animation: atec-loader-dots 1.5s infinite alternate;
animation-delay: calc(var(--i, 1) * 0.1s); margin-right: 2px;
}
@keyframes atec-loader-dots {
0% { opacity: .9; transform: scale(0.5); }
100% { opacity: .1; transform: scale(1); }
}
.dashicon-spin { display: inline-block; animation: dashicon_spin 2s linear infinite; }
@keyframes dashicon_spin {
0% { transform: rotate(0); }
100% { transform: rotate(360deg); }
}