.atec-mini-switch-box 
{
	display: flex; gap: 5px; height: 26px; min-width: 72px; padding: 1px 0 0 4px;
	background: var(--bg-button); border: solid 1px var(--c-link-light); border-radius: var(--px-5); 
}

.atec_checkbox_button_div 
{ 
	display:flex; height:32px; color: var(--c-link); background: white; border: var(--border-button); border-radius: var(--px-3); 
	width: fit-content; padding:3px 10px 26px 8px; 
}
.atec-ckbx { display: inline-block; }
.atec-ckbx .switch { display: inline-block; height: 20px; position: relative; width: 40px; }
.atec-ckbx-mini .switch { vertical-align: text-top; display: inline-block; height: 16px; position: relative; width: 32px; margin-top: 1px; }

.atec-ckbx .switch input { display:none; }
.atec-ckbx .slider { position: absolute; background-color: rgba(242, 95, 92, 0.75); bottom: 0; left: 0; right: -2px; top: 0; transition: .4s; cursor: pointer; }

.atec-ckbx .slider:before, .atec-ckbx-mini .slider:before { background-color: #fff; bottom: 1px; content: ""; width: 18px; height: 18px; left: 1px; position: absolute; transition: .4s; }
.atec-ckbx-mini .slider:before { width: 14px; height: 14px; bottom: 1px; left: 1px; }

.atec-ckbx input:checked + .slider { background-color: #66bb6a; }
.atec-ckbx input:disabled + .slider { background-color: #aaaaaa; }

.atec-ckbx input:checked + .slider:before { transform: translateX(22px); }
.atec-ckbx-mini input:checked + .slider:before { transform: translateX(16px); }

.atec-ckbx .slider.round { border-radius: 20px; }
.atec-ckbx-mini .slider.round { border-radius: 16px; }

.atec-ckbx .slider.round:before { border-radius: 50%; }