:root {

/* BORDER */

--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 rgba(34, 113, 177, 0.55);
--border-success: solid 1px rgb(191, 248, 191);
--border-error: solid 1px rgb(248, 191, 191);
--border-warning: solid 1px var(--border-color-warning);
--border-color-warning: rgb(255, 227, 176);

/* BACKGROUND */

--bg-g: #f8f8f8; 
--bg-w6: rgba(255, 255, 255, 0.6);
--bg-w85: rgba(255, 255, 255, 0.85);
--bg-e7:#e7e7e7aa;
--bg-ef: #efefefab;
--bg-form: rgba(130,130,130,.05);
--bg-button: #fff;
--bg-success: #f0fff0;
--bg-error: #fff0f0;
--bg-warning: #fff7e0;
--bg-hover: rgba(34, 113, 177, 0.05);
--bg-button-hover: rgba(250, 250, 255, 0.9);

/* TABLE */

--table-border-color: rgba(203, 203, 203, 0.85);
--t-dark: #f6f7f7;
--t-light: #fcfcfc;

/* COLOR */

--c-fe: #fefefe;
--c-f9: #f9f9f9;
--c-b: #bbb;
--c-progress: rgba(0, 20, 129, 0.8);
--c-link:#2271b1;
--c-link-light: rgba(34, 113, 177, 0.33);
--c-orange: rgb(221, 133, 0);
/* PIXEL */

--px-3: 3px;
--px-5: 5px;

}

/* 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: 0.5em 0; font-weight: 500; font-size: 1.3em; }
.atec-page h3 { color: #222; margin: 0.5em 0; font-weight: 500; font-size: 1.25em; }
.atec-page h4 { color: #333; margin: 0.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: 0.8em; }
.atec-page input::placeholder, .atec-page textarea::placeholder { color: var(--c-b); }
.atec-page input { padding: 0 8px; }
.atec-page input[type="checkbox"], input[type="radio"] { margin: 8px 8px 0 0 !important; }
.atec-page .button, .atec-page button
{ 
	gap: 5px; display: flex; align-items: center; justify-content: center;
	width: fit-content; min-height: 30px; min-width: 30px !important; padding: 0 6px; line-height: 1.2; border-radius: var(--px-3);
}
.atec-page .button-secondary { background: var(--bg-button); }
.atec-page .button-secondary:hover { background: var(--bg-button-hover) !important; }
.atec-btn-small 
{ 
	margin-top: 5px; padding: 1px 4px !important;
	min-height: 26px !important; min-width: 26px !important; 
	background: var(--bg-button); border: solid 1px white; border-radius: var(--px-3); line-height: 1; 
}

.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 a.button, .atec-page select { border: var(--border-button); }

.atec-page .dashicons-controls-play { color: green; }
.atec-page .dashicons-controls-pause { color: var(--c-orange); }
.atec-page p.submit	{ padding-bottom: 0.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-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-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(--c-link); vertical-align: sub; width: 18px; max-height: 18px; }

.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;
}
.atec-page .nav-tab-active { margin-bottom: 0; background: white !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: none; }

.atec-page .notice { width: fit-content; }
.atec-page .notice p { margin: 0.25em 0; }
.atec-page .notice-dismiss  { padding: 0.5em; }
.atec-page .notice.notice-error.settings-error {margin-bottom: 10px; padding: 1px 38px 1px 12px; }

/* 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: rgb(127, 0, 197) !important; }
.atec-blue			{ color: rgb(34, 113, 177) !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: 0.55; cursor: not-allowed !important; }

.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-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); }
.atec-code { white-space: break-spaces; font-size: 1em; line-height: 1.6em; }

.atec-box-white, .atec-code { background: white; color: #555; }
.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 0.5px 0.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: 0.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; }

/* PRO */

.atec-pro, .atec-free			{ font-size:10px; color:rgba(240, 209, 169, 1); font-weight: 600; height: 6px; text-shadow: 0.25px 0.25px 0.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: inline-block; background: white; border: var(--border-grey); padding: 10px; width: fit-content; }
.atec-pro-box h4 { font-size: 14px; line-height: 1.4em; margin: 0; }

.atec-cursor		{ cursor: pointer !important; }

.atec-counter 	
{ 
	display: inline-block; margin: 0px 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 0.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; }
.atec-vam			{ vertical-align: middle !important; }
.atec-vat			{ vertical-align: top !important; align-self: self-start; }

/* MARGIN */

.atec-m-auto		{ width: fit-content; margin: 0 auto !important; }
.atec-m-0				{ margin: 0px !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: 0px !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: 0px !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: 0px !important; }
.atec-mr-5			{ margin-right: 5px !important; }
.atec-mr-10			{ margin-right: 10px !important; }

/* PADDING */

.atec-p-0				{ padding: 0px !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: 0px !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, .atec-notice { position:absolute; top: 10px; max-height: 30px; }
.atec-notice { 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: 0px; z-index: 0; }
.atec-sticky-right { right: 21px; z-index: 0; }

/* TABLE */

.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 { background: white; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; font-weight: 600; }
.atec-table th, .atec-table td 
{ 
	font-size: 14px; line-height: 1.4em; padding: 8px 10px; border-bottom: 1px solid var(--table-border-color); overflow-wrap: break-word; 
}
.atec-table th:last-child, .atec-table td:last-child { border-right: none; }
.atec-table th:first-child, .atec-table td:first-child { border-left: none; }
.atec-table th { padding: 10px; }

.atec-table tr:last-child td { border-bottom: none; }

.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; }
.atec-table-td-bold-first td:first-child { border-right: 1px solid var(--table-border-color); }
.atec-table-td-right-not-first td:not(:first-child) { text-align: right; }

.atec-border-right { border-right: 1px solid var(--table-border-color); }
.atec-table .empty_tr:first-of-type { display:none !important; }
.empty_tr td { background: #c2c2c2; height: 0 !important; padding: 0 !important; }

.atec-notice { left: 0px; z-index: 999; }

/* 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%;
}

.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); }
.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; 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; }
.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; 
}
.atec-header h3, .atec-head h3 { margin: 0; }
.atec-header-box { width: fit-content; margin: 0 auto; }
.atec-header-box a { font-size: 12px; border: solid 1px var(--c-link-light); text-decoration: none; }

#wpbody-content { padding-bottom: 40px; }
.notice { z-index: 1; margin-left: 0; padding: 0 8px; }

@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 { grid-template-columns: 1fr; }
	.atec-head { margin-bottom: 10px; }
	.atec-table { width: content-box; 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, .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:none; }
.atec-confirm-btn .atec-confirm-inner { display:flex; align-items:center; justify-content:center; 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: 0.5px 0.5px 0.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: 0px 10px 5px 10px !important;
}

.atec-ul { margin: 15px 0px; }
.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; }

/* This is old style as of 250701 START */
.atec-help-button { color: #777; background: var(--bg-button); cursor: pointer; }
.atec-help-button:hover { background: var(--bg-button); }
.atec-help-button .dashicons { color: rgba(34, 113, 177, 0.8); }
/* This is old style as of 250701 END*/

.atec-help-toggle 
{
	all: unset; cursor: pointer; display: inline-flex; align-items: center; justify-content: center;
	width: 18px; height: 18px; border-radius: var(--px-3); background: var(--bg-w85) !important; color: #666;
	font-weight: 500; font-size: 12px; line-height: 1; text-align: center;
	transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease; 
	box-shadow: inset 0 0 0 1px var(--border-color-lightgrey);
}

.atec-help-toggle .dashicons { color: rgba(34, 113, 177, 0.8); }
.atec-help-toggle.atec-warning .dashicons { color: rgba(240, 156, 0, 0.8); }
.atec-help-toggle.atec-warning { background: var(--bg-warning); color: var(--c-orange); box-shadow: inset 0 0 0 1px var(--border-color-warning); }
.atec-help-toggle:hover, .atec-help-toggle.atec-warning:hover { background:var(--bg-w6) !important; color: #111; box-shadow: inset 0 0 0 1px var(--border-color-darkgrey); }
 .atec-help-toggle.atec-warning:hover { color:rgb(240, 156, 0); box-shadow: inset 0 0 0 1px rgb(255, 212, 134);; }
 
 .atec-help-popover-wrap { display: inline-block; position: relative; }
.atec-help-popover-content 
{
	position: absolute; top: 32px; left: 0; background: #fff; border: var(--border-grey); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
	padding: 10px; min-width: 360px; max-width: 640px; z-index: 9999;
}

/* 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-help-button { display: inline-flex; margin: 0; }
.atec-box-info { background: var(--bg-w85); font-size: 0.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: 100%; 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: none; border: none; padding: 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:0.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-white 		{ margin-bottom: 1rem; background: #f5f5f5fc; border-radius: var(--px-3); padding: 10px; box-shadow: var(--drop-200); border: solid 1px #ededed; }
.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 0px 10px; }
.atec-form .form-table tbody { display: table; }
.atec-form .form-table th { width: auto; 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: normal; }
.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, .atec-form select { max-height: auto !important; line-height: 2em; border: solid 1px var(--c-link-light); border-radius: var(--px-3); }

.atec-nodeco	{ text-decoration: none !important; border: none; background: none; }

/* PROGRESS */

.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 0.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: 0.9; transform: scale(0.5); }
	100% { opacity: 0.1; transform: scale(1); }
}

/* for WPC */
.dashicon-spin { display: inline-block; animation: dashicon_spin 2s linear infinite; }
@keyframes dashicon_spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }