/* GENERATED by tools/scope-css.mjs — DO NOT EDIT; regenerate.
   The scoped core's BUTTON rules only, scope .gi-sgbtn (rule-level filter; each rule's declarations unchanged),
   for the rail's Edit Game button (#gameReview.gi-sgbtn). Linked in gi-head.html ([EG D8] site/README.md).
 */
/* ---- https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css (md5 94994c66fec8c3468b269dc0cc242151) ---- */
.gi-sgbtn{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-body-color-rgb:33,37,41;--bs-body-bg-rgb:255,255,255;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-bg:#fff}
.gi-sgbtn button{border-radius:0}
.gi-sgbtn button:focus:not(:focus-visible){outline:0}
.gi-sgbtn button,.gi-sgbtn input,.gi-sgbtn optgroup,.gi-sgbtn select,.gi-sgbtn textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}
.gi-sgbtn button,.gi-sgbtn select{text-transform:none}
.gi-sgbtn [type=button],.gi-sgbtn [type=reset],.gi-sgbtn [type=submit],.gi-sgbtn button{-webkit-appearance:button}
.gi-sgbtn [type=button]:not(:disabled),.gi-sgbtn [type=reset]:not(:disabled),.gi-sgbtn [type=submit]:not(:disabled),.gi-sgbtn button:not(:disabled){cursor:pointer}
.gi-sgbtn .btn-check{position:absolute;clip:rect(0,0,0,0);pointer-events:none}
.gi-sgbtn .btn-check:disabled+.btn,.gi-sgbtn .btn-check[disabled]+.btn{pointer-events:none;filter:none;opacity:.65}
.gi-sgbtn .input-group .btn{position:relative;z-index:2}
.gi-sgbtn .input-group .btn:focus{z-index:3}
.gi-sgbtn .input-group-lg>.btn,.gi-sgbtn .input-group-lg>.form-control,.gi-sgbtn .input-group-lg>.form-select,.gi-sgbtn .input-group-lg>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;border-radius:.3rem}
.gi-sgbtn .input-group-sm>.btn,.gi-sgbtn .input-group-sm>.form-control,.gi-sgbtn .input-group-sm>.form-select,.gi-sgbtn .input-group-sm>.input-group-text{padding:.25rem .5rem;font-size:.875rem;border-radius:.2rem}
.gi-sgbtn .btn{display:inline-block;font-weight:400;line-height:1.5;color:#212529;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
@media (prefers-reduced-motion:reduce){.gi-sgbtn .btn{transition:none}
}
.gi-sgbtn .btn:hover{color:#212529}
.gi-sgbtn .btn-check:focus+.btn,.gi-sgbtn .btn:focus{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}
.gi-sgbtn .btn.disabled,.gi-sgbtn .btn:disabled,.gi-sgbtn fieldset:disabled .btn{pointer-events:none;opacity:.65}
.gi-sgbtn .btn-primary{color:#fff;background-color:#0d6efd;border-color:#0d6efd}
.gi-sgbtn .btn-primary:hover{color:#fff;background-color:#0b5ed7;border-color:#0a58ca}
.gi-sgbtn .btn-check:focus+.btn-primary,.gi-sgbtn .btn-primary:focus{color:#fff;background-color:#0b5ed7;border-color:#0a58ca;box-shadow:0 0 0 .25rem rgba(49,132,253,.5)}
.gi-sgbtn .btn-check:active+.btn-primary,.gi-sgbtn .btn-check:checked+.btn-primary,.gi-sgbtn .btn-primary.active,.gi-sgbtn .btn-primary:active,.gi-sgbtn .show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0a58ca;border-color:#0a53be}
.gi-sgbtn .btn-check:active+.btn-primary:focus,.gi-sgbtn .btn-check:checked+.btn-primary:focus,.gi-sgbtn .btn-primary.active:focus,.gi-sgbtn .btn-primary:active:focus,.gi-sgbtn .show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(49,132,253,.5)}
.gi-sgbtn .btn-primary.disabled,.gi-sgbtn .btn-primary:disabled{color:#fff;background-color:#0d6efd;border-color:#0d6efd}
.gi-sgbtn .btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}
.gi-sgbtn .btn-secondary:hover{color:#fff;background-color:#5c636a;border-color:#565e64}
.gi-sgbtn .btn-check:focus+.btn-secondary,.gi-sgbtn .btn-secondary:focus{color:#fff;background-color:#5c636a;border-color:#565e64;box-shadow:0 0 0 .25rem rgba(130,138,145,.5)}
.gi-sgbtn .btn-check:active+.btn-secondary,.gi-sgbtn .btn-check:checked+.btn-secondary,.gi-sgbtn .btn-secondary.active,.gi-sgbtn .btn-secondary:active,.gi-sgbtn .show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#565e64;border-color:#51585e}
.gi-sgbtn .btn-check:active+.btn-secondary:focus,.gi-sgbtn .btn-check:checked+.btn-secondary:focus,.gi-sgbtn .btn-secondary.active:focus,.gi-sgbtn .btn-secondary:active:focus,.gi-sgbtn .show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(130,138,145,.5)}
.gi-sgbtn .btn-secondary.disabled,.gi-sgbtn .btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d}
.gi-sgbtn .btn-success{color:#fff;background-color:#198754;border-color:#198754}
.gi-sgbtn .btn-success:hover{color:#fff;background-color:#157347;border-color:#146c43}
.gi-sgbtn .btn-check:focus+.btn-success,.gi-sgbtn .btn-success:focus{color:#fff;background-color:#157347;border-color:#146c43;box-shadow:0 0 0 .25rem rgba(60,153,110,.5)}
.gi-sgbtn .btn-check:active+.btn-success,.gi-sgbtn .btn-check:checked+.btn-success,.gi-sgbtn .btn-success.active,.gi-sgbtn .btn-success:active,.gi-sgbtn .show>.btn-success.dropdown-toggle{color:#fff;background-color:#146c43;border-color:#13653f}
.gi-sgbtn .btn-check:active+.btn-success:focus,.gi-sgbtn .btn-check:checked+.btn-success:focus,.gi-sgbtn .btn-success.active:focus,.gi-sgbtn .btn-success:active:focus,.gi-sgbtn .show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(60,153,110,.5)}
.gi-sgbtn .btn-success.disabled,.gi-sgbtn .btn-success:disabled{color:#fff;background-color:#198754;border-color:#198754}
.gi-sgbtn .btn-info{color:#000;background-color:#0dcaf0;border-color:#0dcaf0}
.gi-sgbtn .btn-info:hover{color:#000;background-color:#31d2f2;border-color:#25cff2}
.gi-sgbtn .btn-check:focus+.btn-info,.gi-sgbtn .btn-info:focus{color:#000;background-color:#31d2f2;border-color:#25cff2;box-shadow:0 0 0 .25rem rgba(11,172,204,.5)}
.gi-sgbtn .btn-check:active+.btn-info,.gi-sgbtn .btn-check:checked+.btn-info,.gi-sgbtn .btn-info.active,.gi-sgbtn .btn-info:active,.gi-sgbtn .show>.btn-info.dropdown-toggle{color:#000;background-color:#3dd5f3;border-color:#25cff2}
.gi-sgbtn .btn-check:active+.btn-info:focus,.gi-sgbtn .btn-check:checked+.btn-info:focus,.gi-sgbtn .btn-info.active:focus,.gi-sgbtn .btn-info:active:focus,.gi-sgbtn .show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(11,172,204,.5)}
.gi-sgbtn .btn-info.disabled,.gi-sgbtn .btn-info:disabled{color:#000;background-color:#0dcaf0;border-color:#0dcaf0}
.gi-sgbtn .btn-warning{color:#000;background-color:#ffc107;border-color:#ffc107}
.gi-sgbtn .btn-warning:hover{color:#000;background-color:#ffca2c;border-color:#ffc720}
.gi-sgbtn .btn-check:focus+.btn-warning,.gi-sgbtn .btn-warning:focus{color:#000;background-color:#ffca2c;border-color:#ffc720;box-shadow:0 0 0 .25rem rgba(217,164,6,.5)}
.gi-sgbtn .btn-check:active+.btn-warning,.gi-sgbtn .btn-check:checked+.btn-warning,.gi-sgbtn .btn-warning.active,.gi-sgbtn .btn-warning:active,.gi-sgbtn .show>.btn-warning.dropdown-toggle{color:#000;background-color:#ffcd39;border-color:#ffc720}
.gi-sgbtn .btn-check:active+.btn-warning:focus,.gi-sgbtn .btn-check:checked+.btn-warning:focus,.gi-sgbtn .btn-warning.active:focus,.gi-sgbtn .btn-warning:active:focus,.gi-sgbtn .show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(217,164,6,.5)}
.gi-sgbtn .btn-warning.disabled,.gi-sgbtn .btn-warning:disabled{color:#000;background-color:#ffc107;border-color:#ffc107}
.gi-sgbtn .btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}
.gi-sgbtn .btn-danger:hover{color:#fff;background-color:#bb2d3b;border-color:#b02a37}
.gi-sgbtn .btn-check:focus+.btn-danger,.gi-sgbtn .btn-danger:focus{color:#fff;background-color:#bb2d3b;border-color:#b02a37;box-shadow:0 0 0 .25rem rgba(225,83,97,.5)}
.gi-sgbtn .btn-check:active+.btn-danger,.gi-sgbtn .btn-check:checked+.btn-danger,.gi-sgbtn .btn-danger.active,.gi-sgbtn .btn-danger:active,.gi-sgbtn .show>.btn-danger.dropdown-toggle{color:#fff;background-color:#b02a37;border-color:#a52834}
.gi-sgbtn .btn-check:active+.btn-danger:focus,.gi-sgbtn .btn-check:checked+.btn-danger:focus,.gi-sgbtn .btn-danger.active:focus,.gi-sgbtn .btn-danger:active:focus,.gi-sgbtn .show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(225,83,97,.5)}
.gi-sgbtn .btn-danger.disabled,.gi-sgbtn .btn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545}
.gi-sgbtn .btn-light{color:#000;background-color:#f8f9fa;border-color:#f8f9fa}
.gi-sgbtn .btn-light:hover{color:#000;background-color:#f9fafb;border-color:#f9fafb}
.gi-sgbtn .btn-check:focus+.btn-light,.gi-sgbtn .btn-light:focus{color:#000;background-color:#f9fafb;border-color:#f9fafb;box-shadow:0 0 0 .25rem rgba(211,212,213,.5)}
.gi-sgbtn .btn-check:active+.btn-light,.gi-sgbtn .btn-check:checked+.btn-light,.gi-sgbtn .btn-light.active,.gi-sgbtn .btn-light:active,.gi-sgbtn .show>.btn-light.dropdown-toggle{color:#000;background-color:#f9fafb;border-color:#f9fafb}
.gi-sgbtn .btn-check:active+.btn-light:focus,.gi-sgbtn .btn-check:checked+.btn-light:focus,.gi-sgbtn .btn-light.active:focus,.gi-sgbtn .btn-light:active:focus,.gi-sgbtn .show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(211,212,213,.5)}
.gi-sgbtn .btn-light.disabled,.gi-sgbtn .btn-light:disabled{color:#000;background-color:#f8f9fa;border-color:#f8f9fa}
.gi-sgbtn .btn-dark{color:#fff;background-color:#212529;border-color:#212529}
.gi-sgbtn .btn-dark:hover{color:#fff;background-color:#1c1f23;border-color:#1a1e21}
.gi-sgbtn .btn-check:focus+.btn-dark,.gi-sgbtn .btn-dark:focus{color:#fff;background-color:#1c1f23;border-color:#1a1e21;box-shadow:0 0 0 .25rem rgba(66,70,73,.5)}
.gi-sgbtn .btn-check:active+.btn-dark,.gi-sgbtn .btn-check:checked+.btn-dark,.gi-sgbtn .btn-dark.active,.gi-sgbtn .btn-dark:active,.gi-sgbtn .show>.btn-dark.dropdown-toggle{color:#fff;background-color:#1a1e21;border-color:#191c1f}
.gi-sgbtn .btn-check:active+.btn-dark:focus,.gi-sgbtn .btn-check:checked+.btn-dark:focus,.gi-sgbtn .btn-dark.active:focus,.gi-sgbtn .btn-dark:active:focus,.gi-sgbtn .show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(66,70,73,.5)}
.gi-sgbtn .btn-dark.disabled,.gi-sgbtn .btn-dark:disabled{color:#fff;background-color:#212529;border-color:#212529}
.gi-sgbtn .btn-outline-primary{color:#0d6efd;border-color:#0d6efd}
.gi-sgbtn .btn-outline-primary:hover{color:#fff;background-color:#0d6efd;border-color:#0d6efd}
.gi-sgbtn .btn-check:focus+.btn-outline-primary,.gi-sgbtn .btn-outline-primary:focus{box-shadow:0 0 0 .25rem rgba(13,110,253,.5)}
.gi-sgbtn .btn-check:active+.btn-outline-primary,.gi-sgbtn .btn-check:checked+.btn-outline-primary,.gi-sgbtn .btn-outline-primary.active,.gi-sgbtn .btn-outline-primary.dropdown-toggle.show,.gi-sgbtn .btn-outline-primary:active{color:#fff;background-color:#0d6efd;border-color:#0d6efd}
.gi-sgbtn .btn-check:active+.btn-outline-primary:focus,.gi-sgbtn .btn-check:checked+.btn-outline-primary:focus,.gi-sgbtn .btn-outline-primary.active:focus,.gi-sgbtn .btn-outline-primary.dropdown-toggle.show:focus,.gi-sgbtn .btn-outline-primary:active:focus{box-shadow:0 0 0 .25rem rgba(13,110,253,.5)}
.gi-sgbtn .btn-outline-primary.disabled,.gi-sgbtn .btn-outline-primary:disabled{color:#0d6efd;background-color:transparent}
.gi-sgbtn .btn-outline-secondary{color:#6c757d;border-color:#6c757d}
.gi-sgbtn .btn-outline-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d}
.gi-sgbtn .btn-check:focus+.btn-outline-secondary,.gi-sgbtn .btn-outline-secondary:focus{box-shadow:0 0 0 .25rem rgba(108,117,125,.5)}
.gi-sgbtn .btn-check:active+.btn-outline-secondary,.gi-sgbtn .btn-check:checked+.btn-outline-secondary,.gi-sgbtn .btn-outline-secondary.active,.gi-sgbtn .btn-outline-secondary.dropdown-toggle.show,.gi-sgbtn .btn-outline-secondary:active{color:#fff;background-color:#6c757d;border-color:#6c757d}
.gi-sgbtn .btn-check:active+.btn-outline-secondary:focus,.gi-sgbtn .btn-check:checked+.btn-outline-secondary:focus,.gi-sgbtn .btn-outline-secondary.active:focus,.gi-sgbtn .btn-outline-secondary.dropdown-toggle.show:focus,.gi-sgbtn .btn-outline-secondary:active:focus{box-shadow:0 0 0 .25rem rgba(108,117,125,.5)}
.gi-sgbtn .btn-outline-secondary.disabled,.gi-sgbtn .btn-outline-secondary:disabled{color:#6c757d;background-color:transparent}
.gi-sgbtn .btn-outline-success{color:#198754;border-color:#198754}
.gi-sgbtn .btn-outline-success:hover{color:#fff;background-color:#198754;border-color:#198754}
.gi-sgbtn .btn-check:focus+.btn-outline-success,.gi-sgbtn .btn-outline-success:focus{box-shadow:0 0 0 .25rem rgba(25,135,84,.5)}
.gi-sgbtn .btn-check:active+.btn-outline-success,.gi-sgbtn .btn-check:checked+.btn-outline-success,.gi-sgbtn .btn-outline-success.active,.gi-sgbtn .btn-outline-success.dropdown-toggle.show,.gi-sgbtn .btn-outline-success:active{color:#fff;background-color:#198754;border-color:#198754}
.gi-sgbtn .btn-check:active+.btn-outline-success:focus,.gi-sgbtn .btn-check:checked+.btn-outline-success:focus,.gi-sgbtn .btn-outline-success.active:focus,.gi-sgbtn .btn-outline-success.dropdown-toggle.show:focus,.gi-sgbtn .btn-outline-success:active:focus{box-shadow:0 0 0 .25rem rgba(25,135,84,.5)}
.gi-sgbtn .btn-outline-success.disabled,.gi-sgbtn .btn-outline-success:disabled{color:#198754;background-color:transparent}
.gi-sgbtn .btn-outline-info{color:#0dcaf0;border-color:#0dcaf0}
.gi-sgbtn .btn-outline-info:hover{color:#000;background-color:#0dcaf0;border-color:#0dcaf0}
.gi-sgbtn .btn-check:focus+.btn-outline-info,.gi-sgbtn .btn-outline-info:focus{box-shadow:0 0 0 .25rem rgba(13,202,240,.5)}
.gi-sgbtn .btn-check:active+.btn-outline-info,.gi-sgbtn .btn-check:checked+.btn-outline-info,.gi-sgbtn .btn-outline-info.active,.gi-sgbtn .btn-outline-info.dropdown-toggle.show,.gi-sgbtn .btn-outline-info:active{color:#000;background-color:#0dcaf0;border-color:#0dcaf0}
.gi-sgbtn .btn-check:active+.btn-outline-info:focus,.gi-sgbtn .btn-check:checked+.btn-outline-info:focus,.gi-sgbtn .btn-outline-info.active:focus,.gi-sgbtn .btn-outline-info.dropdown-toggle.show:focus,.gi-sgbtn .btn-outline-info:active:focus{box-shadow:0 0 0 .25rem rgba(13,202,240,.5)}
.gi-sgbtn .btn-outline-info.disabled,.gi-sgbtn .btn-outline-info:disabled{color:#0dcaf0;background-color:transparent}
.gi-sgbtn .btn-outline-warning{color:#ffc107;border-color:#ffc107}
.gi-sgbtn .btn-outline-warning:hover{color:#000;background-color:#ffc107;border-color:#ffc107}
.gi-sgbtn .btn-check:focus+.btn-outline-warning,.gi-sgbtn .btn-outline-warning:focus{box-shadow:0 0 0 .25rem rgba(255,193,7,.5)}
.gi-sgbtn .btn-check:active+.btn-outline-warning,.gi-sgbtn .btn-check:checked+.btn-outline-warning,.gi-sgbtn .btn-outline-warning.active,.gi-sgbtn .btn-outline-warning.dropdown-toggle.show,.gi-sgbtn .btn-outline-warning:active{color:#000;background-color:#ffc107;border-color:#ffc107}
.gi-sgbtn .btn-check:active+.btn-outline-warning:focus,.gi-sgbtn .btn-check:checked+.btn-outline-warning:focus,.gi-sgbtn .btn-outline-warning.active:focus,.gi-sgbtn .btn-outline-warning.dropdown-toggle.show:focus,.gi-sgbtn .btn-outline-warning:active:focus{box-shadow:0 0 0 .25rem rgba(255,193,7,.5)}
.gi-sgbtn .btn-outline-warning.disabled,.gi-sgbtn .btn-outline-warning:disabled{color:#ffc107;background-color:transparent}
.gi-sgbtn .btn-outline-danger{color:#dc3545;border-color:#dc3545}
.gi-sgbtn .btn-outline-danger:hover{color:#fff;background-color:#dc3545;border-color:#dc3545}
.gi-sgbtn .btn-check:focus+.btn-outline-danger,.gi-sgbtn .btn-outline-danger:focus{box-shadow:0 0 0 .25rem rgba(220,53,69,.5)}
.gi-sgbtn .btn-check:active+.btn-outline-danger,.gi-sgbtn .btn-check:checked+.btn-outline-danger,.gi-sgbtn .btn-outline-danger.active,.gi-sgbtn .btn-outline-danger.dropdown-toggle.show,.gi-sgbtn .btn-outline-danger:active{color:#fff;background-color:#dc3545;border-color:#dc3545}
.gi-sgbtn .btn-check:active+.btn-outline-danger:focus,.gi-sgbtn .btn-check:checked+.btn-outline-danger:focus,.gi-sgbtn .btn-outline-danger.active:focus,.gi-sgbtn .btn-outline-danger.dropdown-toggle.show:focus,.gi-sgbtn .btn-outline-danger:active:focus{box-shadow:0 0 0 .25rem rgba(220,53,69,.5)}
.gi-sgbtn .btn-outline-danger.disabled,.gi-sgbtn .btn-outline-danger:disabled{color:#dc3545;background-color:transparent}
.gi-sgbtn .btn-outline-light{color:#f8f9fa;border-color:#f8f9fa}
.gi-sgbtn .btn-outline-light:hover{color:#000;background-color:#f8f9fa;border-color:#f8f9fa}
.gi-sgbtn .btn-check:focus+.btn-outline-light,.gi-sgbtn .btn-outline-light:focus{box-shadow:0 0 0 .25rem rgba(248,249,250,.5)}
.gi-sgbtn .btn-check:active+.btn-outline-light,.gi-sgbtn .btn-check:checked+.btn-outline-light,.gi-sgbtn .btn-outline-light.active,.gi-sgbtn .btn-outline-light.dropdown-toggle.show,.gi-sgbtn .btn-outline-light:active{color:#000;background-color:#f8f9fa;border-color:#f8f9fa}
.gi-sgbtn .btn-check:active+.btn-outline-light:focus,.gi-sgbtn .btn-check:checked+.btn-outline-light:focus,.gi-sgbtn .btn-outline-light.active:focus,.gi-sgbtn .btn-outline-light.dropdown-toggle.show:focus,.gi-sgbtn .btn-outline-light:active:focus{box-shadow:0 0 0 .25rem rgba(248,249,250,.5)}
.gi-sgbtn .btn-outline-light.disabled,.gi-sgbtn .btn-outline-light:disabled{color:#f8f9fa;background-color:transparent}
.gi-sgbtn .btn-outline-dark{color:#212529;border-color:#212529}
.gi-sgbtn .btn-outline-dark:hover{color:#fff;background-color:#212529;border-color:#212529}
.gi-sgbtn .btn-check:focus+.btn-outline-dark,.gi-sgbtn .btn-outline-dark:focus{box-shadow:0 0 0 .25rem rgba(33,37,41,.5)}
.gi-sgbtn .btn-check:active+.btn-outline-dark,.gi-sgbtn .btn-check:checked+.btn-outline-dark,.gi-sgbtn .btn-outline-dark.active,.gi-sgbtn .btn-outline-dark.dropdown-toggle.show,.gi-sgbtn .btn-outline-dark:active{color:#fff;background-color:#212529;border-color:#212529}
.gi-sgbtn .btn-check:active+.btn-outline-dark:focus,.gi-sgbtn .btn-check:checked+.btn-outline-dark:focus,.gi-sgbtn .btn-outline-dark.active:focus,.gi-sgbtn .btn-outline-dark.dropdown-toggle.show:focus,.gi-sgbtn .btn-outline-dark:active:focus{box-shadow:0 0 0 .25rem rgba(33,37,41,.5)}
.gi-sgbtn .btn-outline-dark.disabled,.gi-sgbtn .btn-outline-dark:disabled{color:#212529;background-color:transparent}
.gi-sgbtn .btn-link{font-weight:400;color:#0d6efd;text-decoration:underline}
.gi-sgbtn .btn-link:hover{color:#0a58ca}
.gi-sgbtn .btn-link.disabled,.gi-sgbtn .btn-link:disabled{color:#6c757d}
.gi-sgbtn .btn-group-lg>.btn,.gi-sgbtn .btn-lg{padding:.5rem 1rem;font-size:1.25rem;border-radius:.3rem}
.gi-sgbtn .btn-group-sm>.btn,.gi-sgbtn .btn-sm{padding:.25rem .5rem;font-size:.875rem;border-radius:.2rem}
.gi-sgbtn .btn-group,.gi-sgbtn .btn-group-vertical{position:relative;display:inline-flex;vertical-align:middle}
.gi-sgbtn .btn-group-vertical>.btn,.gi-sgbtn .btn-group>.btn{position:relative;flex:1 1 auto}
.gi-sgbtn .btn-group-vertical>.btn-check:checked+.btn,.gi-sgbtn .btn-group-vertical>.btn-check:focus+.btn,.gi-sgbtn .btn-group-vertical>.btn.active,.gi-sgbtn .btn-group-vertical>.btn:active,.gi-sgbtn .btn-group-vertical>.btn:focus,.gi-sgbtn .btn-group-vertical>.btn:hover,.gi-sgbtn .btn-group>.btn-check:checked+.btn,.gi-sgbtn .btn-group>.btn-check:focus+.btn,.gi-sgbtn .btn-group>.btn.active,.gi-sgbtn .btn-group>.btn:active,.gi-sgbtn .btn-group>.btn:focus,.gi-sgbtn .btn-group>.btn:hover{z-index:1}
.gi-sgbtn .btn-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}
.gi-sgbtn .btn-toolbar .input-group{width:auto}
.gi-sgbtn .btn-group>.btn-group:not(:first-child),.gi-sgbtn .btn-group>.btn:not(:first-child){margin-left:-1px}
.gi-sgbtn .btn-group>.btn-group:not(:last-child)>.btn,.gi-sgbtn .btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}
.gi-sgbtn .btn-group>.btn-group:not(:first-child)>.btn,.gi-sgbtn .btn-group>.btn:nth-child(n+3),.gi-sgbtn .btn-group>:not(.btn-check)+.btn{border-top-left-radius:0;border-bottom-left-radius:0}
.gi-sgbtn .btn-group-sm>.btn+.dropdown-toggle-split,.gi-sgbtn .btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}
.gi-sgbtn .btn-group-lg>.btn+.dropdown-toggle-split,.gi-sgbtn .btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}
.gi-sgbtn .btn-group-vertical{flex-direction:column;align-items:flex-start;justify-content:center}
.gi-sgbtn .btn-group-vertical>.btn,.gi-sgbtn .btn-group-vertical>.btn-group{width:100%}
.gi-sgbtn .btn-group-vertical>.btn-group:not(:first-child),.gi-sgbtn .btn-group-vertical>.btn:not(:first-child){margin-top:-1px}
.gi-sgbtn .btn-group-vertical>.btn-group:not(:last-child)>.btn,.gi-sgbtn .btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}
.gi-sgbtn .btn-group-vertical>.btn-group:not(:first-child)>.btn,.gi-sgbtn .btn-group-vertical>.btn~.btn{border-top-left-radius:0;border-top-right-radius:0}
.gi-sgbtn .btn .badge{position:relative;top:-1px}
.gi-sgbtn .alert-dismissible .btn-close{position:absolute;top:0;right:0;z-index:2;padding:1.25rem 1rem}
.gi-sgbtn .btn-close{box-sizing:content-box;width:1em;height:1em;padding:.25em .25em;color:#000;background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;border:0;border-radius:.25rem;opacity:.5}
.gi-sgbtn .btn-close:hover{color:#000;text-decoration:none;opacity:.75}
.gi-sgbtn .btn-close:focus{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25);opacity:1}
.gi-sgbtn .btn-close.disabled,.gi-sgbtn .btn-close:disabled{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:.25}
.gi-sgbtn .btn-close-white{filter:invert(1) grayscale(100%) brightness(200%)}
.gi-sgbtn .toast-header .btn-close{margin-right:-.375rem;margin-left:.75rem}
.gi-sgbtn .modal-header .btn-close{padding:.5rem .5rem;margin:-.5rem -.5rem -.5rem auto}
.gi-sgbtn .offcanvas-header .btn-close{padding:.5rem .5rem;margin-top:-.5rem;margin-right:-.5rem;margin-bottom:-.5rem}
.gi-sgbtn .placeholder.btn::before{display:inline-block;content:""}
.gi-sgbtn .w-100{width:100%!important}
/* ---- https://turnerlee.com/shared/core/v1/sst-styles.css?v=1.054 (md5 7ba9ac660c78605c902d8ec3c310dd4f) ---- */
.gi-sgbtn .btn.inline + .btn.inline{
    /*margin-block-start: 70px;*/
    /*margin-inline-start: 40px;*/
}
.gi-sgbtn .btn-primary{
	background-color: var(--PrimaryButtonColor);
	color: var(--PrimaryButtonTextColor);}
.gi-sgbtn .btn-secondary{
	background-color: var(--SecondaryButtonColor);
	color: var(--SecondaryButtonTextColor);}
.gi-sgbtn .btn-holder .btn{ white-space: nowrap; }
.gi-sgbtn .btn-holder .btn i,
.gi-sgbtn .btn-holder .btn svg.svg-inline--fa{
	display: inline-block !important;
	vertical-align: -0.15em;
}
.gi-sgbtn button:not([class]){
	margin: 0 0 0.75rem 0;
	font-family: var(--buttonFont) !important;
	text-transform: var(--buttonTextTransform);
	text-align: center;
	vertical-align: middle;
	white-space: normal;
	background-color: var(--color4) !important;
	background-image: none;
	color: #fff !important;
	border: 0;
	font-weight: normal;
	padding: 1.5rem 2.25rem 1.5rem 2rem;
	font-size: 1.25rem;
	border-radius: 0.25rem;
	-webkit-border-radius: 0.25rem;
	-moz-border-radius: 0.25rem;
	display: inline-block;
	cursor: pointer;
	transition: background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.gi-sgbtn button:not([class]):hover{
	background-color: var(--color4xl) !important;
	color: #fff !important;
}
.gi-sgbtn button:not([class]):focus,
.gi-sgbtn button:not([class]):active{
	background-color: var(--color4) !important;
	color: #fff !important;
	outline: 0 !important;
}
.gi-sgbtn button:not([class]):visited{
	background-color: var(--color4) !important;
	color: #fff !important;
}
.gi-sgbtn .move-up button:not([class]),
.gi-sgbtn .btn-group button:not([class]){
	background-color: transparent !important;
	color: inherit !important;
	padding: 0 !important;
	margin: 0 !important;
}
.gi-sgbtn .onDrk button:not([class]),
.gi-sgbtn .onDrk button:not([class]):hover,
.gi-sgbtn .onDrk button:not([class]):focus,
.gi-sgbtn .onDrk button:not([class]):active{
	color: #1a1a1a !important;
}
.gi-sgbtn .onMix button:not([class]),
.gi-sgbtn .onMix button:not([class]):hover,
.gi-sgbtn .onMix button:not([class]):focus,
.gi-sgbtn .onMix button:not([class]):active{
	color: #666666 !important;
}
.gi-sgbtn a, .gi-sgbtn a:link, .gi-sgbtn a:visited, .gi-sgbtn a:hover, .gi-sgbtn a:focus, 
.gi-sgbtn button{
	border:none;
	background-color:transperant;
	outline:none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
/* Touch iOs remove gray bg */
/* -webkit-tap-highlight-color: red;
-webkit-tap-highlight-color: transparent; /* for removing the highlight */
}
.gi-sgbtn button:focus, .gi-sgbtn input{outline:0 !important;}
.gi-sgbtn .caps, .gi-sgbtn .uppercase{text-transform: uppercase !important;}
.gi-sgbtn .w-100{ width: 100%;}
.gi-sgbtn input[type="checkbox"]:not(:checked)+label, 
.gi-sgbtn .form-check-input[type="checkbox"]:checked+label, 
.gi-sgbtn label.btn input[type="checkbox"]:not(:checked)+label, 
.gi-sgbtn label.btn input[type="checkbox"]:checked+label{
	position: relative;
	display: block;
	height: auto;
	padding-left: 35px;
	cursor: pointer;
	-webkit-user-select: radio;
	-moz-user-select: radio;
	-ms-user-select: radio;
	user-select: radio;
	-webkit-transition: 0.28s ease;
	transition: 0.28s ease;
}
.gi-sgbtn .form-check-input[type="checkbox"] + label,
.gi-sgbtn label.btn input[type="checkbox"] + label{
	--sstFirstLineC: calc(5px + 0.625em);   /* padding-top + half of line-height 1.25 */
	-webkit-transition: 0.7s ease;
	transition: 0.7s ease;
	font-size: 1.25rem;
	line-height: 1.25 !important;
	height: auto;
	min-height: 20px;
	padding: 5px 0 0 20px !important;
	margin: 0 0 0.25rem 0 !important;
	display: inline-block;
	vertical-align: top;
	}
.gi-sgbtn label.btn input[type="checkbox"] + label:before,
.gi-sgbtn label.btn input[type="checkbox"]:not(.filled-in) + label:after,
.gi-sgbtn .form-check-input[type="checkbox"] + label:before,
.gi-sgbtn .form-check-input[type="checkbox"]:not(.filled-in) + label:after,
.gi-sgbtn .form-check input[type="checkbox"] + label:before,
.gi-sgbtn .form-check input[type="checkbox"]:not(.filled-in) + label:after,
.gi-sgbtn label.btn input[type="checkbox"] + label:before,
.gi-sgbtn label.btn input[type="checkbox"]:not(.filled-in) + label:after,
.gi-sgbtn .form-check-input[type="checkbox"]:checked + label:before,
.gi-sgbtn label.btn input[type="checkbox"]:checked + label:before{
	position: absolute;
	display: inline-block;
	/* the box is 22px, so its top is the first line's centre less half of that */
	top: calc(var(--sstFirstLineC, 18.75px) - 11px);
	left: 0;
	width: 22px;
	height: 22px;
	content: "";
	border: 1.5px solid var(--gray5);
	background-color: transparent;
	background-color: var(--InputBgColor);
  border: 1px solid var(--InputLabelColor);
	border-radius: 1px;
	-webkit-transition: .7s;
	transition: .7s;
	margin: 0 !important;   /* the .4rem was half of the old fixed offset — top owns it now */
}
.gi-sgbtn .form-check-input[type="checkbox"]:checked + label:before,
.gi-sgbtn label.btn input[type="checkbox"]:checked + label:before{
  border: 1.5px solid var(--PrimaryButtonHoverColor);
  background-color: var(--color1) !important;
  -webkit-transform: none;
  transform: none;
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.gi-sgbtn .btn-check{
	position: absolute !important;
	clip: rect(0,0,0,0) !important;
	pointer-events: none !important;
	width: 0 !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	opacity: 0 !important;
}
.gi-sgbtn .btn-check + .btn{
	cursor: pointer;
	display: inline-block;
}
.gi-sgbtn .btn-check:checked + .btn-outline-primary,
.gi-sgbtn .btn-check:active + .btn-outline-primary,
.gi-sgbtn .btn-check:checked + .btn.btn-outline-primary{
	background-color: var(--PrimaryButtonColor, var(--color1)) !important;
	color: var(--PrimaryButtonTextColor, #fff) !important;
	border-color: var(--PrimaryButtonColor, var(--color1)) !important;
}
.gi-sgbtn .btn-check:checked + .btn-outline-secondary,
.gi-sgbtn .btn-check:active + .btn-outline-secondary,
.gi-sgbtn .btn-check:checked + .btn.btn-outline-secondary{
	background-color: var(--SecondaryButtonColor, var(--color2)) !important;
	color: var(--SecondaryButtonTextColor, var(--color1)) !important;
	border-color: var(--SecondaryButtonColor, var(--color2)) !important;
}
.gi-sgbtn .btn-toggle-group{
	display: inline-flex;
	flex-wrap: nowrap;
	gap: 0;
	/* --tgb is the one brand value all three states are cut from. */
	--tgb: var(--PrimaryButtonColor, var(--color1, #0079c1));
	--tg-off: var(--ToggleGroupOffColor, color-mix(in srgb, var(--tgb), black 38%));
	--tg-on: var(--ToggleGroupOnColor, var(--tgb));
	--tg-hover: var(--ToggleGroupHoverColor, var(--PrimaryButtonHoverColor, var(--color1xl, #0094ec)));
	--tg-text: var(--PrimaryButtonTextColor, #fff);
}
.gi-sgbtn .btn-toggle-group input.btn-check[type="radio"]:not(:checked),
.gi-sgbtn .btn-toggle-group input.btn-check[type="radio"]:checked,
.gi-sgbtn .btn-toggle-group input.btn-check[type="checkbox"]:not(:checked),
.gi-sgbtn .btn-toggle-group input.btn-check[type="checkbox"]:checked{
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: 0 !important;
	border: 0 !important;
	opacity: 0 !important;
	pointer-events: none !important;
	clip: rect(0, 0, 0, 0) !important;
}
.gi-sgbtn .btn-toggle-group .btn-check + .btn{
	/* Typography (font-family, text-transform, font-weight, font-size)
	   deliberately NOT touched here — it inherits from the same .btn/.btn-xxs
	   rules every other button on the page uses (~line 5595), so a toggle
	   group always matches whatever size/case/weight class you put on it.

	   HORIZONTAL padding, however, MUST be set here, and must be a length.
	   Every .btn-* size class uses PERCENTAGE horizontal padding (.btn-xxs is
	   `0.9rem 6% 0.95rem 6%`, ~line 5807). A percentage padding resolves
	   against the inline size of the containing block, which for an item
	   inside this auto-width inline-flex group is itself sized by its
	   content — so the browser resolves it to ZERO and every label renders
	   edge-to-edge with its own text.

	   VERTICAL padding and line-height must ALSO be set, in em. Leaving them
	   to the size class does not work: a generic `label` rule in the platform
	   CSS (padding-top:5px, padding-bottom:0, line-height:16px) out-specifies
	   .btn-xxs's own padding, so a segment collapses to 40px. em keeps it
	   proportional — 1.15em/1.19em reproduces .btn-xxs (14.4/15.2px padding,
	   15.2px line-height at 12.8px font) to within 0.1px, and a larger size
	   class scales up instead of being squashed. A flat `padding: 12px 20px`
	   (this rule until 2026-07-29) made a .btn-xxs group 36.8px tall against
	   a 44.8px .btn-xxs button beside it. */
	padding: 1.15em 20px !important;
	line-height: 1.19em !important;
	margin: 0 !important;
	border-radius: 0 !important;
	/* Borderless and flush — the -1px overlap only existed to collapse the
	   old 1px borders. With no borders it would clip a pixel of fill. */
	border: 0 !important;
	background-color: var(--tg-off) !important;
	color: var(--tg-text) !important;
	position: relative;
	z-index: 0;
	transition: background-color .15s ease;

	/* ZERO PIXELS BETWEEN SEGMENTS, ALWAYS. Craig, 2026-08-25: "Every once in
	   a while, you can see a white line between the button group within. That
	   white line should never show."

	   The gap is 0 GEOMETRICALLY — measured 0.0000 on all five seams at every
	   device pixel ratio — so nothing here is a spacing bug. It is a PAINT
	   bug: the labels are sized by their own text, so a seam lands on a
	   fractional x (67.75, 193.17, 334.58, 431.81, 541.34 on the Alerts
	   group), both fills round AWAY from that boundary, and the uncovered
	   device-pixel column shows whatever is behind the group. The group has
	   no background, so what shows is the PAGE — pure white, measured
	   rgb(255,255,255) at one seam per render, a different seam each time the
	   group's own x shifts. That is exactly the "every once in a while".

	   --tg-fill is the segment's CURRENT fill: the state rules below re-point
	   it wherever they re-point background-color, so the bleed can never be a
	   different color from the segment it belongs to. The shadow paints
	   OUTSIDE the border box and BEHIND the next segment's own background, so
	   it changes no layout, covers no text, and cannot shave a pixel of fill
	   the way the old -1px margin overlap could. The last segment is excluded
	   below — its bleed would square off the group's rounded right end.

	   2px, NOT 1px, AND THAT IS MEASURED. At 1px the white was gone at DPR 1
	   and 2 but a HALF-COVERED device pixel survived at DPR 1.5 — measured
	   rgb(128,165,188) at seam 2, which is a 50/50 blend of the off fill and
	   the page. A 1px bleed puts the seam 1px from the shadow rect's own edge,
	   and that edge snaps to whole device pixels like every other box. At 2px
	   the seam sits well inside the shadow and nothing can uncover it: swept
	   5 device pixel ratios (1, 1.25, 1.5, 2, 3) x 8 sub-pixel offsets = 200
	   seams, and the lightest pixel on any of them is the segment's own fill.
	   Probe: 00_resources/ai-config/scripts/_dbg-toggle-seam.mjs */
	--tg-fill: var(--tg-off);
	box-shadow: 2px 0 0 0 var(--tg-fill);
}
.gi-sgbtn .btn-toggle-group .btn-check:first-of-type + .btn{
	border-top-left-radius: var(--ToggleGroupRadius, .4rem) !important;
	border-bottom-left-radius: var(--ToggleGroupRadius, .4rem) !important;
}
.gi-sgbtn .btn-toggle-group .btn-check:last-of-type + .btn{
	border-top-right-radius: var(--ToggleGroupRadius, .4rem) !important;
	border-bottom-right-radius: var(--ToggleGroupRadius, .4rem) !important;
	/* No seam to its right, and a bleed here would paint a square corner past
	   the rounded end. */
	box-shadow: none;
}
.gi-sgbtn .btn-toggle-group .btn-check:checked + .btn,
.gi-sgbtn .btn-toggle-group .btn-check:active + .btn{
	background-color: var(--tg-on) !important;
	color: var(--tg-text) !important;
	--tg-fill: var(--tg-on);
	z-index: 1;
}
.gi-sgbtn .btn-toggle-group .btn-check:not(:checked) + .btn:hover{
	background-color: var(--tg-hover) !important;
	color: var(--tg-text) !important;
	--tg-fill: var(--tg-hover);
	z-index: 2;
}
.gi-sgbtn .btn-toggle-group .btn-check + .btn:hover{
	-webkit-animation: none !important;
	animation: none !important;
}
.gi-sgbtn .btn-check + label::before,
.gi-sgbtn .btn-check + label::after,
.gi-sgbtn .btn-check + .btn::before,
.gi-sgbtn .btn-check + .btn::after{
	display: none !important;
	content: none !important;
}
.gi-sgbtn .form-check-input[type="radio"] + label:before,
.gi-sgbtn .form-check input[type="radio"] + label:before,
.gi-sgbtn label.btn input[type="radio"] + label:before{
	display: none !important;
	content: none !important;
}
.gi-sgbtn .form-check-input[type="radio"] + label:after,
.gi-sgbtn .form-check input[type="radio"] + label:after,
.gi-sgbtn label.btn input[type="radio"] + label:after{
	content: '';
	position: absolute;
	left: 0;
	/* the circle is 24px — same derivation as the checkbox above */
	top: calc(var(--sstFirstLineC, 22.75px) - 12px);
	display: inline-block;
	border-radius: 50%;
	transition: 0.28s ease;
}
.gi-sgbtn .form-check-input[type="radio"]:not(:checked) + label:before, 
.gi-sgbtn .form-check-input[type="radio"]:not(:checked) + label:after, 
.gi-sgbtn label.btn input[type="radio"]:not(:checked) + label:before, 
.gi-sgbtn label.btn input[type="radio"]:not(:checked) + label:after{
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 50%;
	border: 1px solid var(--InputLabelColor);
	box-shadow: none !important;
	background-color: var(--InputBgColor);
}
.gi-sgbtn .form-check-input[type="radio"]:not(:checked) + label:after, 
.gi-sgbtn label.btn input[type="radio"]:not(:checked) + label:after{
  -webkit-transform: scale(1);
  transform: scale(1);
}
.gi-sgbtn .form-check-input[type="radio"] + label:before, 
.gi-sgbtn .form-check-input[type="radio"] + label:after, 
.gi-sgbtn label.btn input[type="radio"] + label:before, 
.gi-sgbtn label.btn input[type="radio"] + label:after{
  width: 24px;
  height: 24px;
  margin: 0px;
  margin: 0 !important;   /* the .4rem was half of the old fixed offset — top owns it now */
}
.gi-sgbtn .form-check-input[type="radio"]:not(:checked) + label,
.gi-sgbtn .form-check-input[type="radio"]:checked + label,
.gi-sgbtn label.btn input[type="radio"]:not(:checked) + label,
.gi-sgbtn label.btn input[type="radio"]:checked + label{
	-webkit-transition: 0.7s ease;
	transition: 0.7s ease;
	--sstFirstLineC: calc(9px + 0.625em);   /* padding-top + half of line-height 1.25 */
	font-size: 1.25rem;
	line-height: 1.25 !important;
	height: auto;
	min-height: 24px;
	padding: 9px 0 0 32px !important;
	margin: 0 0 0.25rem 0 !important;
	display: inline-block !important;
	vertical-align: top;
	text-transform: initial !important;
}
.gi-sgbtn .form-check-input[type="radio"]:checked + label:after, 
.gi-sgbtn label.btn input[type="radio"]:checked + label:after{
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
}
.gi-sgbtn .form-check-input[type="radio"]:checked + label:after, 
.gi-sgbtn .form-check-input[type="radio"].with-gap:checked + label:after, 
.gi-sgbtn label.btn input[type="radio"]:checked + label:after, 
.gi-sgbtn label.btn input[type="radio"].with-gap:checked + label:after{
  border: 1.5px solid var(--LabelTagColor);
  background-color: var(--color1) !important;
}
loses to it because these carry !important, as the originals did.
   NOT CHANGED: the switch (.form-switch), which is neither a radio nor a checkmark, and every
   border/hover token — he named the fill. */
label.btn input[type="radio"].with-gap:checked + label:after{
  border: 1.5px solid var(--PrimaryButtonHoverColor);
  background-color: var(--color1) !important;
}
.gi-sgbtn input[type="radio"]:not(:checked)+label, 
.gi-sgbtn .form-check-input[type="radio"]:checked+label, 
.gi-sgbtn label.btn input[type="radio"]:not(:checked)+label, 
.gi-sgbtn label.btn input[type="radio"]:checked+label{
position: relative;
display: inline-block;
padding-left: 35px;
cursor: pointer;
-webkit-user-select: radio;
-moz-user-select: radio;
-ms-user-select: radio;
user-select: radio;
-webkit-transition: 0.28s ease;
transition: 0.28s ease;
}
.gi-sgbtn .btn, 
.gi-sgbtn .btn-2x, .gi-sgbtn .btn-1x, .gi-sgbtn .btn-2x-wrap, .gi-sgbtn .btn-1x-wrap, .gi-sgbtn .btn-wrap,    
.gi-sgbtn .btn-xxl-2x, .gi-sgbtn .btn-xxl, .gi-sgbtn .btn-xxl-2x-wrap, .gi-sgbtn .btn-xxl-wrap,    
.gi-sgbtn .btn-xl-2x, .gi-sgbtn .btn-xl, .gi-sgbtn .btn-xl-2x-wrap, .gi-sgbtn .btn-xl-wrap,    
.gi-sgbtn .btn-lg-2x, .gi-sgbtn .btn-lg, .gi-sgbtn .btn-lg-2x-wrap, .gi-sgbtn .btn-lg-wrap,    
.gi-sgbtn .btn-md-2x, .gi-sgbtn .btn-md-1x, .gi-sgbtn .btn-md, .gi-sgbtn .btn-md-2x-wrap, .gi-sgbtn .btn-md-1x-wrap, .gi-sgbtn .btn-md-wrap,  .gi-sgbtn     
.btn-sm-2x, .gi-sgbtn .btn-sm, .gi-sgbtn .btn-sm-2x-wrap, .gi-sgbtn .btn-sm-wrap,    
.gi-sgbtn .btn-xs, .gi-sgbtn .btn-xs-wrap,
.gi-sgbtn .btn-xxs, .gi-sgbtn .btn-xxs-wrap,
.gi-sgbtn .btn-xxxs, .gi-sgbtn .btn-xxxs-wrap,
.gi-sgbtn .btn-clear,
.gi-sgbtn .submit-button,
.gi-sgbtn .checkout > .system_button{
	/* position:relative is what makes the hvr-pop actually POP OVER its neighbours.
	   `.btn:hover` (~line 5726) has carried `z-index:1000 !important` for a long
	   time and it was doing NOTHING: z-index is ignored on a `position:static`
	   element, so the button scaled up and still painted under whatever was laid
	   out after it. Measured 2026-08-18 on /ops/project — 25 of 25 visible buttons
	   read `hover pos=static z=1000`, i.e. inert on every one of them. That is why
	   this keeps getting "fixed" and keeps coming back: the z-index looks correct
	   in the sheet and in DevTools' computed panel, and it has never applied.
	   It belongs on the BASE rule, not on `:hover`. On `:hover` it would be (0,2,0)
	   and would beat a per-button `position:absolute` written as a single class,
	   yanking any absolutely-placed button back into flow the moment it is hovered.
	   Here it is (0,1,0) — a default that anything more specific still overrides —
	   and it changes no layout on its own, because no offsets are set with it. */
	position: relative;
	margin: 0px;
	font-family: var(--buttonFont) !important;
	text-transform: var(--buttonTextTransform); 
	text-align: center;
	vertical-align: middle;
	white-space: normal;
	-moz-user-select: none;
	background-image: none;
	border: 0px;
	font-weight: normal;
	padding: 1.5rem 2.25rem 1.5rem 2rem;
	font-size: 1.25rem;
	/*line-height: 1.25rem;*/
	margin-bottom: 0.75rem;
	border-radius: 0.25rem; /* Rounded Corners 0 = no */
	-webkit-border-radius: 0.25rem;
	-moz-border-radius: 0.25rem;	
	-webkit-font-smoothing: subpixel-antialiased !important;  /*  fixes font flicker in Safari */
	-webkit-backface-visibility: hidden; 
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-text-stroke: 0.20px !important;  /* fixes font flicker in Safari  - for FOOTER ONLY */
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.gi-sgbtn .btn.active.focus, .gi-sgbtn .btn.active:focus, .gi-sgbtn .btn.focus, .gi-sgbtn .btn:active.focus, .gi-sgbtn .btn:active:focus, .gi-sgbtn .btn:focus{
outline: 0px solid;
outline: 0px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.gi-sgbtn .btn:hover,
.gi-sgbtn .system_button:hover{
  -webkit-animation-name: hvr-pop;
  animation-name: hvr-pop;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;  
  z-index: 1000 !important;
}
@keyframes hvr-pop{50%{transform:scale(1.1)}}
.gi-sgbtn .hvr-pop{position:relative;vertical-align:middle;transform:perspective(1px) translateZ(0);
  box-shadow:0 0 1px rgba(0,0,0,0)}
.gi-sgbtn .hvr-pop:hover,.gi-sgbtn .hvr-pop:focus-visible,.gi-sgbtn .hvr-pop:active{z-index:1000}
.gi-sgbtn .hvr-pop:hover,.gi-sgbtn .hvr-pop:focus,.gi-sgbtn .hvr-pop:active{
  animation-name:hvr-pop;animation-duration:.3s;
  animation-timing-function:linear;animation-iteration-count:1}
.gi-sgbtn .btn.hvr-pop[disabled]:hover,.gi-sgbtn .btn.hvr-pop:disabled:hover,
.gi-sgbtn .btn.hvr-pop[disabled]:focus,.gi-sgbtn .btn.hvr-pop:disabled:focus{animation:none}
@media (prefers-reduced-motion:reduce){.gi-sgbtn .hvr-pop:hover,.gi-sgbtn .hvr-pop:focus,.gi-sgbtn .hvr-pop:active{animation:none}
}
.gi-sgbtn .btn svg{
	margin-right: 3px !important;
}
.gi-sgbtn .btn-xxl,
.gi-sgbtn .btn-xxl-2x{
	font-size: 2.5rem !important;
	padding: 2.75rem 15% 2.75rem 15%;
	min-width: 40%;
	line-height: 2.6rem;
	margin: .15rem !important;
	border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
}
.gi-sgbtn .btn.btn-xl,
.gi-sgbtn .btn-xl,
.gi-sgbtn .btn-xl-2x{
	font-size: 2.25rem !important;
	padding: 2.5rem 10% 2.55rem 10%;
	min-width: 40%;
	line-height: 2.15rem;
	margin: .15rem;
	border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
}
.gi-sgbtn .btn.btn-lg,
.gi-sgbtn .btn-lg,
.gi-sgbtn .btn-lg-2x,
.gi-sgbtn .checkout > .system_button{
	font-size: 1.8rem !important;
	padding: 2.25rem 10% 2.3rem 10%;
	min-width: 25%;
	line-height: 1.65rem;
	margin: .15rem;
	border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
}
.gi-sgbtn .btn.btn-md, .gi-sgbtn .btn-md, .gi-sgbtn .btn-md-2x{
	font-size: 1.45rem !important;
	padding: 2rem 8% 2.1rem 8%;
	min-width: 20%;
	line-height: 1.4rem;
	margin: .15rem;
	border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
}
.gi-sgbtn .btn.btn-sm,
.gi-sgbtn .btn-sm,
.gi-sgbtn .btn-sm-2x{
	font-size: 1.2rem;
	padding: 1.75rem 7% 1.9rem 7%;
	min-width: 15%;
	line-height: 1.15rem;
	margin: .15rem;
	border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
}
.gi-sgbtn .btn.btn-xs,
.gi-sgbtn .btn-xs,
.gi-sgbtn .btn-xs-2x{
	font-size: 0.95rem !important;
	padding: 1.25rem 6% 1.35rem 6%;
	line-height: 1.05rem;
	margin: .15rem;
	border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
}
.gi-sgbtn .btn.btn-xxs, 
.gi-sgbtn .btn-xxs, 
.gi-sgbtn .btn-xxs-2x{
	font-size: 0.8rem !important;
	padding: 0.9rem 6% 0.95rem 6%;
	line-height: 0.95rem;
	margin: .15rem;
	border-radius: 0.4rem; /* Rounded Corners 0 = no */
	-webkit-border-radius: 0.4rem;
	-moz-border-radius: 0.4rem;
}
.gi-sgbtn .btn.btn-xxxs, 
.gi-sgbtn .btn-xxxs, 
.gi-sgbtn .btn-xxxs-2x{
	font-size: 0.65rem !important;
	padding: 0.5rem 5% 0.55rem 5%;
	line-height: 0.8rem;
	margin: .15rem;
	border-radius: 0.3rem; /* Rounded Corners 0 = no */
	-webkit-border-radius: 0.3rem;
	-moz-border-radius: 0.3rem;
}
.gi-sgbtn .btn.btn-clear, .gi-sgbtn .btn-clear, .gi-sgbtn .btn-clear-2x{
	font-size: 0.6rem !important;
	padding: 0.2rem 10px 0.2rem 10px;
	line-height: 0.8rem;
	margin: 0px 0px 3px 10px;
	border-radius: 0.3rem;
	-webkit-border-radius: 0.3rem;
	-moz-border-radius: 0.3rem;
	display: inline-block;
	background-color: red !important;
}
.gi-sgbtn nav .btn-xxl,
.gi-sgbtn nav .btn-xl,
.gi-sgbtn nav .btn-lg,
.gi-sgbtn nav .btn-md,
.gi-sgbtn nav .btn-sm,
.gi-sgbtn nav .btn-xs,
.gi-sgbtn nav .btn-xxs,
.gi-sgbtn nav .btn-xxxs{
	margin: 0.2rem .1rem !important;
}
.gi-sgbtn nav .btn-xxl,
.gi-sgbtn nav .btn-xxl-2x{
	font-size: 2rem !important;
	padding: 2.5rem 3.5rem 2.6rem 3.5rem;
	min-width: 400px;
	line-height: 2.15rem;
}
.gi-sgbtn nav .btn.btn-xl,
.gi-sgbtn nav .btn-xl,
.gi-sgbtn nav .btn-xl-2x{
	font-size: 1.5rem !important;
	padding: 2rem 2.75rem 2.15rem 2.75rem;
	min-width: 350px;
	line-height: 1.65rem;
}
.gi-sgbtn nav .btn.btn-lg,
.gi-sgbtn nav .btn-lg,
.gi-sgbtn nav .btn-lg-2x{
	font-size: 1.25rem !important;
	padding: 1.65rem 2.25rem 1.7rem 2.25rem;
	min-width: 275px;
	line-height: 1.4rem;
}
.gi-sgbtn nav .btn.btn-md, 
.gi-sgbtn nav .btn-md, 
.gi-sgbtn nav .btn-md-2x{
	font-size: 1.05rem !important;
	padding: 1.25rem 2rem 1.25rem 2rem;
	min-width: 275px;
	line-height: 1.15rem;
}
.gi-sgbtn nav .btn.btn-sm,
.gi-sgbtn nav .btn-sm,
.gi-sgbtn nav .btn-sm-2x{
	font-size: 0.9rem !important;
	padding: 0.85rem 1.45rem 0.9rem 1.45rem;
	min-width: 50px;
	line-height: 1.05rem;
}
.gi-sgbtn nav .btn.btn-xs,
.gi-sgbtn nav .btn-xs,
.gi-sgbtn nav .btn-xs-2x{
	font-size: 0.8rem !important;
	padding: 0.7rem 1.3rem 0.8rem 1.3rem;
	line-height: 0.95rem;
}
.gi-sgbtn nav .btn.btn-xxs, 
.gi-sgbtn nav .btn-xxs, 
.gi-sgbtn nav .btn-xxs-2x{
	font-size: 0.7rem !important;
	padding: 0.5rem 1rem 0.55rem 1rem;
	line-height: 0.85rem;
}
.gi-sgbtn .btn-default, .gi-sgbtn .btn-primary, .gi-sgbtn .btn-secondary, .gi-sgbtn .btn-footer, 
.gi-sgbtn .btn-color1, .gi-sgbtn .btn-color2, .gi-sgbtn .btn-color3, .gi-sgbtn .btn-color4, .gi-sgbtn .btn-color5, 
.gi-sgbtn .btn-info, .gi-sgbtn .btn-success, .gi-sgbtn .btn-warning, .gi-sgbtn .btn-danger, .gi-sgbtn .btn-light, .gi-sgbtn .btn-light2, 
.gi-sgbtn .btn-orange, .gi-sgbtn .btn-blue, .gi-sgbtn .btn-green, .gi-sgbtn .btn-red, .gi-sgbtn .btn-yellow,
.gi-sgbtn .system_button,
.gi-sgbtn .btn-outline-default,.gi-sgbtn .btn-outline-primary,.gi-sgbtn .btn-outline-secondary,
.gi-sgbtn .btn-outline-color1, .gi-sgbtn .btn-outline-color2, .gi-sgbtn .btn-outline-color3, .gi-sgbtn .btn-outline-color4, .gi-sgbtn .btn-outline-color5
.btn-outline-info,.gi-sgbtn .btn-outline-success,.gi-sgbtn .btn-outline-warning,.gi-sgbtn .btn-outline-danger,.gi-sgbtn .btn-outline-light,.gi-sgbtn .btn-outline-light2,
.gi-sgbtn .btn-clear{
	text-shadow: none !important;-webkit-box-shadow: none !important;box-shadow: none !important;outline: 0 !important;background-image: none !important;
	}
.gi-sgbtn .btn-default:active, .gi-sgbtn .btn-primary:active, .gi-sgbtn .btn-secondary:active, .gi-sgbtn .btn-footer:active, 
.gi-sgbtn .btn-color1:active, .gi-sgbtn .btn-color2:active, .gi-sgbtn .btn-color3:active, .gi-sgbtn .btn-color4:active, .gi-sgbtn .btn-color5:active, 
.gi-sgbtn .btn-info:active, .gi-sgbtn .btn-success:active, .gi-sgbtn .btn-warning:active, .gi-sgbtn .btn-danger:active, .gi-sgbtn .btn-light:active, .gi-sgbtn .btn-light2:active, 
.gi-sgbtn .btn-orange:active, .gi-sgbtn .btn-blue:active, .gi-sgbtn .btn-green:active, .gi-sgbtn .btn-red:active, .gi-sgbtn .btn-yellow:active,
.gi-sgbtn .system_button:active,
.gi-sgbtn .btn-outline-default:active,.gi-sgbtn .btn-outline-primary:active,
.gi-sgbtn .btn-outline-color1:active, .gi-sgbtn .btn-outline-color2:active, .gi-sgbtn .btn-outline-color3:active, .gi-sgbtn .btn-outline-color4:active, .gi-sgbtn .btn-outline-color5
.btn-outline-info:active,.gi-sgbtn .btn-outline-success:active,.gi-sgbtn .btn-outline-warning:active,.gi-sgbtn .btn-outline-danger:active,.gi-sgbtn .btn-outline-light:active,.gi-sgbtn .btn-outline-light2:active,
.gi-sgbtn .btn-default.active, .gi-sgbtn .btn-primary.active, .gi-sgbtn .btn-secondary.active, .gi-sgbtn .btn-footer.active, 
.gi-sgbtn .btn-color1.active, .gi-sgbtn .btn-color2.active, .gi-sgbtn .btn-color3.active, .gi-sgbtn .btn-color4.active, .gi-sgbtn .btn-color5.active, 
.gi-sgbtn .btn-info.active, .gi-sgbtn .btn-success.active, .gi-sgbtn .btn-warning.active, .gi-sgbtn .btn-danger.active, .gi-sgbtn .btn-light.active, .gi-sgbtn .btn-light2.active, 
.gi-sgbtn .btn-orange.active, .gi-sgbtn .btn-blue.active, .gi-sgbtn .btn-green.active, .gi-sgbtn .btn-red.active, .gi-sgbtn .btn-yellow.active,
.gi-sgbtn .system_button.active,
.gi-sgbtn .btn-outline-default.active,.gi-sgbtn .btn-outline-primary.active,
.gi-sgbtn .btn-outline-color1.active, .gi-sgbtn .btn-outline-color2.active, .gi-sgbtn .btn-outline-color3.active, .gi-sgbtn .btn-outline-color4.active, .gi-sgbtn .btn-outline-color5
.btn-outline-info.active,.gi-sgbtn .btn-outline-success.active,.gi-sgbtn .btn-outline-warning.active,.gi-sgbtn .btn-outline-danger.active,.gi-sgbtn .btn-outline-light.active,.gi-sgbtn .btn-outline-light2.active,
.gi-sgbtn .btn-clear.active{
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	}
.gi-sgbtn .btn:active,.gi-sgbtn .btn.active{background-image: none;}
.gi-sgbtn .btn-default, .gi-sgbtn .btn-primary, .gi-sgbtn .btn-secondary, .gi-sgbtn .btn-footer, 
.gi-sgbtn .btn-color1, .gi-sgbtn .btn-color2, .gi-sgbtn .btn-color3, .gi-sgbtn .btn-color4, .gi-sgbtn .btn-color5, 
.gi-sgbtn .btn-info, .gi-sgbtn .btn-success, .gi-sgbtn .btn-warning, .gi-sgbtn .btn-danger, .gi-sgbtn .btn-light, .gi-sgbtn .btn-light2, 
.gi-sgbtn .btn-orange, .gi-sgbtn .btn-blue, .gi-sgbtn .btn-green, .gi-sgbtn .btn-red, .gi-sgbtn .btn-yellow, 
.gi-sgbtn .system_button, .gi-sgbtn .btn-clear{
	/* A bare `.system_button` is not in the base .btn list above — only
	   `.checkout > .system_button` is — yet it is named in the `:hover` rule that
	   sets z-index:1000, so it had the same inert-z problem. Same reasoning. */
	position: relative;
	text-shadow: none;
	background-image: none;
	background-repeat: repeat-x;
	border-color: transparent;
	filter: none;
	color: #FFFFFF;
	background-color: var(--PrimaryButtonColor);
	display: inline-block;
}
.gi-sgbtn .btn.disabled, 
.gi-sgbtn .btn:disabled{
    opacity: 0.7;
}
.gi-sgbtn .btn-default a:link, .gi-sgbtn a.btn-default, .gi-sgbtn a.btn-info:default, .gi-sgbtn .btn-default a,
.gi-sgbtn .btn-primary a:link, .gi-sgbtn a.btn-primary, .gi-sgbtn a.btn-primary:link, .gi-sgbtn .btn-primary a,
.gi-sgbtn .btn-secondary a:link, .gi-sgbtn a.btn-secondary, .gi-sgbtn a.btn-secondary:link, .gi-sgbtn .btn-secondary a,
.gi-sgbtn .btn-color1 a:link, .gi-sgbtn a.btn-color1, .gi-sgbtn a.btn-color1:link, .gi-sgbtn .btn-color1 a,
.gi-sgbtn .btn-color2 a:link, .gi-sgbtn a.btn-color2, .gi-sgbtn a.btn-color2:link, .gi-sgbtn .btn-color2 a,
.gi-sgbtn .btn-color3 a:link, .gi-sgbtn a.btn-color3, .gi-sgbtn a.btn-color3:link, .gi-sgbtn .btn-color3 a,
.gi-sgbtn .btn-color4 a:link, .gi-sgbtn a.btn-color4, .gi-sgbtn a.btn-color4:link, .gi-sgbtn .btn-color4 a,
.gi-sgbtn .btn-color5 a:link, .gi-sgbtn a.btn-color5, .gi-sgbtn a.btn-color5:link, .gi-sgbtn .btn-color5 a,
.gi-sgbtn .btn-orange a:link, .gi-sgbtn a.btn-orange, .gi-sgbtn a.btn-orange:link, .gi-sgbtn .btn-orange a,
.gi-sgbtn .btn-blue a:link, .gi-sgbtn a.btn-blue, .gi-sgbtn a.btn-blue:link, .gi-sgbtn .btn-blue a,
.gi-sgbtn .btn-green a:link, .gi-sgbtn a.btn-green, .gi-sgbtn a.btn-green:link, .gi-sgbtn .btn-green a,
.gi-sgbtn .btn-red a:link, .gi-sgbtn a.btn-red, .gi-sgbtn a.btn-red:link, .gi-sgbtn .btn-red a,
.gi-sgbtn .btn-yellow a:link, .gi-sgbtn a.btn-yellow, .gi-sgbtn a.btn-yellow:link, .gi-sgbtn .btn-yellow a,
.gi-sgbtn .btn-info a:link, .gi-sgbtn a.btn-info, .gi-sgbtn a.btn-info:link, .gi-sgbtn .btn-info a,
.gi-sgbtn .btn-success a:link, .gi-sgbtn a.btn-success, .gi-sgbtn a.btn-success:link, .gi-sgbtn .btn-success a,
.gi-sgbtn .btn-warning a:link, .gi-sgbtn a.btn-warning, .gi-sgbtn a.btn-warning:link, .gi-sgbtn .btn-warning a,
.gi-sgbtn .btn-danger a:link, .gi-sgbtn a.btn-danger, .gi-sgbtn a.btn-danger:link, .gi-sgbtn .btn-danger a,
.gi-sgbtn .btn-footer a:link, .gi-sgbtn a.btn-footer, .gi-sgbtn a.btn-footer:link, .gi-sgbtn .btn-footer a{
	color: #FFFFFF;
}
.gi-sgbtn .btn-clear a:link, .gi-sgbtn a.btn-clear, .gi-sgbtn a.btn-clear:link, .gi-sgbtn .btn-clear a,
.gi-sgbtn .btn-light a:link, .gi-sgbtn a.btn-light, .gi-sgbtn a.btn-light:link, .gi-sgbtn .btn-light a,
.gi-sgbtn .btn-light2 a:link, .gi-sgbtn a.btn-light2, .gi-sgbtn a.btn-light2:link, .gi-sgbtn .btn-light2 a{
	color: var(--PrimaryButtonColor) !important;
}
.gi-sgbtn .btn-info,
.gi-sgbtn .btn-info:not([disabled]), 
.gi-sgbtn .btn.btn-info,
.gi-sgbtn .btn-info.focus{
	color: #FFFFFF !important;
	background-color: #38c0f2 !important;
}
.gi-sgbtn .btn-info.focus{background-color: #4da6ff !important;}
.gi-sgbtn .btn-info:active,
.gi-sgbtn .btn-info a:active, 
.gi-sgbtn a.btn-info:active,
.gi-sgbtn .btn.btn-info:active,
.gi-sgbtn .btn-info:not([disabled]):not(.disabled):active, 
.gi-sgbtn .btn-info:not([disabled]):not(.disabled).active, 
.gi-sgbtn .show>.btn-info.dropdown-toggle,
.gi-sgbtn .btn-info.active.focus{
	background-color: #40a1ff !important;
}
.gi-sgbtn .btn-info:hover,
.gi-sgbtn .btn-info a:hover, 
.gi-sgbtn a.btn-info:hover,
.gi-sgbtn .btn.btn-info:hover,
.gi-sgbtn .btn-info:not([disabled]):not(.disabled):hover, 
.gi-sgbtn .open>.dropdown-toggle.btn-info:hover,
.gi-sgbtn .show>.btn-info.dropdown-toggle{
	background-color: #5DD3F5 !important;
}
.gi-sgbtn .btn-success,
.gi-sgbtn .btn-success:not([disabled]), 
.gi-sgbtn .btn.btn-success,
.gi-sgbtn .btn-success.focus,
.gi-sgbtn .submit-button,.gi-sgbtn .system_button{
	color: #FFFFFF !important;
	background-color: var(--bs-success, #00b52b) !important;
}
.gi-sgbtn .btn-success.focus{background-color: #039303 !important;}
.gi-sgbtn .btn-success:active,
.gi-sgbtn .btn-success a:active, 
.gi-sgbtn a.btn-success:active,
.gi-sgbtn .btn.btn-success:active,
.gi-sgbtn .btn-success:not([disabled]):not(.disabled):active, 
.gi-sgbtn .btn-success:not([disabled]):not(.disabled).active, 
.gi-sgbtn .show>.btn-success.dropdown-toggle.active,
.gi-sgbtn .btn-success.active.focus{
	background-color: #039303 !important;
}
.gi-sgbtn .btn-success:hover,
.gi-sgbtn .btn-success a:hover, 
.gi-sgbtn a.btn-success:hover,
.gi-sgbtn .btn.btn-success:hover,
.gi-sgbtn .btn-success:not([disabled]):not(.disabled):hover, 
.gi-sgbtn .open>.dropdown-toggle.btn-success:hover,
.gi-sgbtn .show>.btn-success.dropdown-toggle
.submit-button:hover, 
.gi-sgbtn .system_button:hover{
	background-color: #00C400 !important;
}
.gi-sgbtn .btn-warning,
.gi-sgbtn .btn-warning:not([disabled]), 
.gi-sgbtn .show>.btn-warning.dropdown-toggle,
.gi-sgbtn .btn.btn-warning,
.gi-sgbtn .btn-warning.focus{
	color: #FFFFFF !important;
	background-color: var(--bs-warning, #ffd700) !important;
}
.gi-sgbtn .btn-warning.focus{background-color: #ccad00 !important;}
.gi-sgbtn .btn-warning:active,
.gi-sgbtn .btn-warning a:active, 
.gi-sgbtn a.btn-warning:active,
.gi-sgbtn .btn.btn-warning:active,
.gi-sgbtn .btn-warning:not([disabled]):not(.disabled):active, 
.gi-sgbtn .btn-warning:not([disabled]):not(.disabled).active, 
.gi-sgbtn .show>.btn-warning.dropdown-toggle.active,
.gi-sgbtn .btn-warning.active.focus{
	background-color: #ccad00 !important;
}
.gi-sgbtn .btn-warning:hover,
.gi-sgbtn .btn-warning a:hover, 
.gi-sgbtn a.btn-warning:hover,
.gi-sgbtn .btn.btn-warning:hover,
.gi-sgbtn .btn-warning:not([disabled]):not(.disabled):hover, 
.gi-sgbtn .open>.dropdown-toggle.btn-warning:hover,
.gi-sgbtn .show>.btn-warning.dropdown-toggle{
	background-color: #ffed00 !important;
}
.gi-sgbtn .btn-danger,
.gi-sgbtn .btn-danger:not([disabled]), 
.gi-sgbtn .show>.btn-danger.dropdown-toggle,
.gi-sgbtn .btn.btn-danger,
.gi-sgbtn .btn-danger.focus{
	color: #FFFFFF !important;
	background-color: var(--bs-danger, #e60000) !important;
}
.gi-sgbtn .btn-danger.focus{background-color: red !important;}
.gi-sgbtn .btn-danger:active,
.gi-sgbtn .btn-danger a:active, 
.gi-sgbtn a.btn-danger:active,
.gi-sgbtn .btn.btn-danger:active,
.gi-sgbtn .btn-danger:not([disabled]):not(.disabled):active, 
.gi-sgbtn .btn-danger:not([disabled]):not(.disabled).active, 
.gi-sgbtn .show>.btn-danger.dropdown-toggle.active,
.gi-sgbtn .btn-danger.active.focus{
	background-color: red !important;
}
.gi-sgbtn .btn-danger:hover,
.gi-sgbtn .btn-danger a:hover, 
.gi-sgbtn a.btn-danger:hover,
.gi-sgbtn .btn.btn-danger:hover,
.gi-sgbtn .btn-danger:not([disabled]):not(.disabled):hover, 
.gi-sgbtn .open>.dropdown-toggle.btn-danger:hover,
.gi-sgbtn .show>.btn-danger.dropdown-toggle{
	background-color: red !important;
}
.gi-sgbtn .btn-admin,
.gi-sgbtn .btn-admin:not([disabled]),
.gi-sgbtn .btn.btn-admin,
.gi-sgbtn .btn-admin.focus{
	color: var(--color1) !important;
	background-color: var(--color1f1) !important;
	border: 1px solid var(--color1) !important;
}
.gi-sgbtn .btn-admin.focus{ background-color: var(--color1f2) !important; }
.gi-sgbtn .btn-admin:active,
.gi-sgbtn .btn-admin a:active,
.gi-sgbtn a.btn-admin:active,
.gi-sgbtn .btn.btn-admin:active,
.gi-sgbtn .btn-admin:not([disabled]):not(.disabled):active,
.gi-sgbtn .btn-admin:not([disabled]):not(.disabled).active,
.gi-sgbtn .show > .btn-admin.dropdown-toggle,
.gi-sgbtn .btn-admin.active.focus{
	background-color: var(--color1f1) !important;
	border: 1px solid var(--color1) !important;
}
.gi-sgbtn .btn-admin:hover,
.gi-sgbtn .btn-admin a:hover,
.gi-sgbtn a.btn-admin:hover,
.gi-sgbtn .btn.btn-admin:hover,
.gi-sgbtn .btn-admin:not([disabled]):not(.disabled):hover,
.gi-sgbtn .open > .dropdown-toggle.btn-admin:hover,
.gi-sgbtn .show > .btn-admin.dropdown-toggle{
	background-color: var(--color1f2) !important;
	border: 1px solid var(--color1) !important;
}
.gi-sgbtn .btn-admin2,
.gi-sgbtn .btn-admin2:not([disabled]),
.gi-sgbtn .btn.btn-admin2,
.gi-sgbtn .btn-admin2.focus{
	color: #0029ff !important;
	background-color: white !important;
	border: 1px solid #0029ff !important;
}
.gi-sgbtn .btn-admin2.focus{ background-color: #b2cadd !important; }
.gi-sgbtn .btn-admin2:active,
.gi-sgbtn .btn-admin2 a:active,
.gi-sgbtn a.btn-admin2:active,
.gi-sgbtn .btn.btn-admin2:active,
.gi-sgbtn .btn-admin2:not([disabled]):not(.disabled):active,
.gi-sgbtn .btn-admin2:not([disabled]):not(.disabled).active,
.gi-sgbtn .show > .btn-admin2.dropdown-toggle,
.gi-sgbtn .btn-admin2.active.focus{
	background-color: white !important;
	border: 1px solid #0029ff !important;
}
.gi-sgbtn .btn-admin2:hover,
.gi-sgbtn .btn-admin2 a:hover,
.gi-sgbtn a.btn-admin2:hover,
.gi-sgbtn .btn.btn-admin2:hover,
.gi-sgbtn .btn-admin2:not([disabled]):not(.disabled):hover,
.gi-sgbtn .open > .dropdown-toggle.btn-admin2:hover,
.gi-sgbtn .show > .btn-admin2.dropdown-toggle{
	background-color: #b2cadd !important;
	border: 1px solid #0029ff !important;
}
.gi-sgbtn .btn-dark,
.gi-sgbtn .btn-dark:not([disabled]),
.gi-sgbtn .btn.btn-dark,
.gi-sgbtn .btn-dark.focus{
	color: #FFFFFF !important;
	background-color: #212529 !important;
}
.gi-sgbtn .btn-dark.focus{background-color: #1a1e21 !important;}
.gi-sgbtn .btn-dark:active,
.gi-sgbtn .btn-dark a:active,
.gi-sgbtn a.btn-dark:active,
.gi-sgbtn .btn.btn-dark:active,
.gi-sgbtn .btn-dark:not([disabled]):not(.disabled):active,
.gi-sgbtn .btn-dark:not([disabled]):not(.disabled).active,
.gi-sgbtn .show>.btn-dark.dropdown-toggle,
.gi-sgbtn .btn-dark.active.focus{
	background-color: var(--attention) !important;
}
.gi-sgbtn .btn-dark:hover,
.gi-sgbtn .btn-dark a:hover,
.gi-sgbtn a.btn-dark:hover,
.gi-sgbtn .btn.btn-dark:hover,
.gi-sgbtn .btn-dark:not([disabled]):not(.disabled):hover,
.gi-sgbtn .open>.dropdown-toggle.btn-dark:hover,
.gi-sgbtn .show>.btn-dark.dropdown-toggle{
	background-color: var(--attention) !important;
}
.gi-sgbtn .btn-black,.gi-sgbtn .btn-black:not([disabled]),.gi-sgbtn .btn.btn-black,.gi-sgbtn .btn-black.focus{
	color: #ffffff !important;
	background-color: #000000 !important;
	border: 2px solid #000000 !important;
}
.gi-sgbtn .btn-black:hover,.gi-sgbtn a.btn-black:hover,.gi-sgbtn .btn.btn-black:hover{
	color: #ffffff !important;
	background-color: #333333 !important;
	border: 2px solid #333333 !important;
}
.gi-sgbtn .btn-white,.gi-sgbtn .btn-white:not([disabled]),.gi-sgbtn .btn.btn-white,.gi-sgbtn .btn-white.focus{
	color: #212529 !important;
	background-color: #ffffff !important;
	border: 2px solid #ffffff !important;
}
.gi-sgbtn .btn-white:hover,.gi-sgbtn a.btn-white:hover,.gi-sgbtn .btn.btn-white:hover{
	color: #212529 !important;
	background-color: #f0f0f0 !important;
	border: 2px solid #f0f0f0 !important;
}
.gi-sgbtn .btn-outline-black,.gi-sgbtn .btn-outline-black:not([disabled]),.gi-sgbtn .btn.btn-outline-black,.gi-sgbtn .btn-outline-black.focus{
	color: #000000 !important;
	background-color: transparent !important;
	border: 2px solid #000000 !important;
}
.gi-sgbtn .btn-outline-black:visited,.gi-sgbtn a.btn-outline-black:visited{
	color: #000000 !important;
	background-color: transparent !important;
	border: 2px solid #000000 !important;
}
.gi-sgbtn .btn-outline-black:hover,.gi-sgbtn a.btn-outline-black:hover,.gi-sgbtn .btn.btn-outline-black:hover{
	color: #ffffff !important;
	background-color: #000000 !important;
	border: 2px solid #000000 !important;
}
.gi-sgbtn .btn-outline-white,.gi-sgbtn .btn-outline-white:not([disabled]),.gi-sgbtn .btn.btn-outline-white,.gi-sgbtn .btn-outline-white.focus{
	color: #ffffff !important;
	background-color: transparent !important;
	border: 2px solid #ffffff !important;
}
.gi-sgbtn .btn-outline-white:visited,.gi-sgbtn a.btn-outline-white:visited{
	color: #ffffff !important;
	background-color: transparent !important;
	border: 2px solid #ffffff !important;
}
.gi-sgbtn .btn-outline-white:hover,.gi-sgbtn a.btn-outline-white:hover,.gi-sgbtn .btn.btn-outline-white:hover{
	color: #212529 !important;
	background-color: #ffffff !important;
	border: 2px solid #ffffff !important;
}
.gi-sgbtn .btn-clear,
.gi-sgbtn .btn-clear:not([disabled]), 
.gi-sgbtn .btn.btn-clear,
.gi-sgbtn .btn-clear.focus{
	border: 1px solid var(--color1);
	color: var(--color1);
	background-color: white !important;
}
.gi-sgbtn .btn-clear.focus{background-color: var(--color1) !important;}
.gi-sgbtn .btn-clear:active,
.gi-sgbtn .btn-clear a:active, 
.gi-sgbtn a.btn-clear:active,
.gi-sgbtn .btn.btn-clear:active,
.gi-sgbtn .btn-clear:not([disabled]):not(.disabled):active, 
.gi-sgbtn .btn-clear:not([disabled]):not(.disabled).active, 
.gi-sgbtn .show>.btn-clear.dropdown-toggle,
.gi-sgbtn .btn-clear.active.focus{
	color: white;
	background-color: var(--color1) !important;
}
.gi-sgbtn .btn-clear:hover,
.gi-sgbtn .btn-clear a:hover, 
.gi-sgbtn a.btn-clear:hover,
.gi-sgbtn .btn.btn-clear:hover,
.gi-sgbtn .btn-clear:not([disabled]):not(.disabled):hover, 
.gi-sgbtn .open>.dropdown-toggle.btn-clear:hover,
.gi-sgbtn .show>.btn-clear.dropdown-toggle{
	color: white;
	background-color: var(--color1) !important;
}
.gi-sgbtn .btn-orange,
.gi-sgbtn .btn-orange:not([disabled]), 
.gi-sgbtn .show>.btn-orange.dropdown-toggle,
.gi-sgbtn .btn.btn-orange,
.gi-sgbtn .btn-orange.focus{
	color: #FFFFFF !important;
	background-color: #ff7200 !important;
}
.gi-sgbtn .btn-orange.focus{background-color: #ff7200 !important;}
.gi-sgbtn .btn-orange:active,
.gi-sgbtn .btn-orange a:active, 
.gi-sgbtn a.btn-orange:active,
.gi-sgbtn .btn.btn-orange:active,
.gi-sgbtn .btn-orange:not([disabled]):not(.disabled):active, 
.gi-sgbtn .btn-orange:not([disabled]):not(.disabled).active, 
.gi-sgbtn .show>.btn-orange.dropdown-toggle.active,
.gi-sgbtn .btn-orange.active.focus{
	background-color: #ff7200 !important;
}
.gi-sgbtn .btn-orange:hover,
.gi-sgbtn .btn-orange a:hover, 
.gi-sgbtn a.btn-orange:hover,
.gi-sgbtn .btn.btn-orange:hover,
.gi-sgbtn .btn-orange:not([disabled]):not(.disabled):hover, 
.gi-sgbtn .open>.dropdown-toggle.btn-orange:hover,
.gi-sgbtn .show>.btn-orange.dropdown-toggle{
	background-color: #ff9600 !important;
}
.gi-sgbtn .btn-blue,
.gi-sgbtn .btn-blue:not([disabled]), 
.gi-sgbtn .show>.btn-blue.dropdown-toggle,
.gi-sgbtn .btn.btn-blue,
.gi-sgbtn .btn-blue.focus{
	color: #FFFFFF !important;
	background-color: #0000FF !important;
}
.gi-sgbtn .btn-blue.focus{background-color: #0000CC !important;}
.gi-sgbtn .btn-blue:active,
.gi-sgbtn .btn-blue a:active, 
.gi-sgbtn a.btn-blue:active,
.gi-sgbtn .btn.btn-blue:active,
.gi-sgbtn .btn-blue:not([disabled]):not(.disabled):active, 
.gi-sgbtn .btn-blue:not([disabled]):not(.disabled).active, 
.gi-sgbtn .show>.btn-blue.dropdown-toggle.active,
.gi-sgbtn .btn-blue.active.focus{
	background-color: #0000CC !important;
}
.gi-sgbtn .btn-blue:hover,
.gi-sgbtn .btn-blue a:hover, 
.gi-sgbtn a.btn-blue:hover,
.gi-sgbtn .btn.btn-blue:hover,
.gi-sgbtn .btn-blue:not([disabled]):not(.disabled):hover, 
.gi-sgbtn .open>.dropdown-toggle.btn-blue:hover,
.gi-sgbtn .show>.btn-blue.dropdown-toggle{
	background-color: #0054ff !important;
}
.gi-sgbtn .btn-red,
.gi-sgbtn .btn-red:not([disabled]), 
.gi-sgbtn .show>.btn-red.dropdown-toggle,
.gi-sgbtn .btn.btn-red,
.gi-sgbtn .btn-red.focus{
	color: #FFFFFF !important;
	background-color: #e60000 !important;
}
.gi-sgbtn .btn-red.focus{background-color: #cc0000 !important;}
.gi-sgbtn .btn-red:active,
.gi-sgbtn .btn-red a:active, 
.gi-sgbtn a.btn-red:active,
.gi-sgbtn .btn.btn-red:active,
.gi-sgbtn .btn-red:not([disabled]):not(.disabled):active, 
.gi-sgbtn .btn-red:not([disabled]):not(.disabled).active, 
.gi-sgbtn .show>.btn-red.dropdown-toggle.active,
.gi-sgbtn .btn-red.active.focus{
	background-color: red !important;
}
.gi-sgbtn .btn-red:hover,
.gi-sgbtn .btn-red a:hover, 
.gi-sgbtn a.btn-red:hover,
.gi-sgbtn .btn.btn-red:hover,
.gi-sgbtn .btn-red:not([disabled]):not(.disabled):hover, 
.gi-sgbtn .open>.dropdown-toggle.btn-red:hover,
.gi-sgbtn .show>.btn-red.dropdown-toggle{
	background-color: red !important;
}
.gi-sgbtn{
  --colorGreen: #198754;
  /* THE SUCCESS GREEN, PINNED TO THE VALUE THE STYLE GUIDE ITSELF PINS.
     Craig, 2026-09-22: "the color for all TLC SST should be btn-success."

     `.btn-success` below reads `var(--bs-success, #00b52b)`, and `--bs-success` is
     a DIFFERENT color on every site — measured 2026-09-22 11:5x MDT: cololamb.com
     #198754, turnerlee.com #00b52b, sweetwatercreek.net #198754, and cololamb's
     rendered `.btn-success` is #008000 on top of that from its legacy sheet. So
     the class cannot deliver one color any more than `.btn-green` could.
     style-guide.css pins `#tl-style-guide-mount { --bs-success: #00b52b }`, which
     makes #00b52b the value the GUIDE shows and therefore the canonical one.

     NOTHING BELOW IS REPOINTED AT IT. This token exists so a surface that must be
     the guide's success green on every site can say so in one declaration; every
     site's own `.btn-success` buttons keep exactly the color they have today.
     Repointing those is an estate decision, not a side effect. */
  --colorSuccess: #00b52b;
}
.gi-sgbtn .btn-green,
.gi-sgbtn .btn-green:not([disabled]), 
.gi-sgbtn .show>.btn-green.dropdown-toggle,
.gi-sgbtn .btn.btn-green,
.gi-sgbtn .btn-green.focus{
	color: #FFFFFF !important;
	background-color: var(--colorGreen, #198754) !important;
}
.gi-sgbtn .btn-green.focus{background-color: color-mix(in srgb, var(--colorGreen, #198754), black 15%) !important;}
.gi-sgbtn .btn-green:active,
.gi-sgbtn .btn-green a:active, 
.gi-sgbtn a.btn-green:active,
.gi-sgbtn .btn.btn-green:active,
.gi-sgbtn .btn-green:not([disabled]):not(.disabled):active, 
.gi-sgbtn .btn-green:not([disabled]):not(.disabled).active, 
.gi-sgbtn .show>.btn-green.dropdown-toggle.active,
.gi-sgbtn .btn-green.active.focus{
	background-color: color-mix(in srgb, var(--colorGreen, #198754), black 15%) !important;
}
.gi-sgbtn .btn-green:hover,
.gi-sgbtn .btn-green a:hover, 
.gi-sgbtn a.btn-green:hover,
.gi-sgbtn .btn.btn-green:hover,
.gi-sgbtn .btn-green:not([disabled]):not(.disabled):hover, 
.gi-sgbtn .open>.dropdown-toggle.btn-green:hover,
.gi-sgbtn .show>.btn-green.dropdown-toggle{
	background-color: color-mix(in srgb, var(--colorGreen, #198754), white 12%) !important;
}
.gi-sgbtn .btn-yellow,
.gi-sgbtn .btn-yellow:not([disabled]), 
.gi-sgbtn .show>.btn-yellow.dropdown-toggle,
.gi-sgbtn .btn.btn-yellow,
.gi-sgbtn .btn-yellow.focus{
	color: #222222 !important;
	background-color: var(--bs-warning, #ffd700) !important;
}
.gi-sgbtn .btn-yellow.focus{background-color: #ccad00 !important;}
.gi-sgbtn .btn-yellow:active,
.gi-sgbtn .btn-yellow a:active, 
.gi-sgbtn a.btn-yellow:active,
.gi-sgbtn .btn.btn-yellow:active,
.gi-sgbtn .btn-yellow:not([disabled]):not(.disabled):active, 
.gi-sgbtn .btn-yellow:not([disabled]):not(.disabled).active, 
.gi-sgbtn .show>.btn-yellow.dropdown-toggle.active,
.gi-sgbtn .btn-yellow.active.focus{
	background-color: #ccad00 !important;
}
.gi-sgbtn .btn-yellow:hover,
.gi-sgbtn .btn-yellow a:hover, 
.gi-sgbtn a.btn-yellow:hover,
.gi-sgbtn .btn.btn-yellow:hover,
.gi-sgbtn .btn-yellow:not([disabled]):not(.disabled):hover, 
.gi-sgbtn .open>.dropdown-toggle.btn-yellow:hover,
.gi-sgbtn .show>.btn-yellow.dropdown-toggle{
	background-color: #ffed00 !important;
}
.gi-sgbtn .btn-outline-orange,.gi-sgbtn .btn-outline-orange:not([disabled]),.gi-sgbtn .btn.btn-outline-orange,.gi-sgbtn .btn-outline-orange.focus{
	color: #ff7200 !important;
	background-color: transparent !important;
	border: 2px solid #ff7200 !important;
}
.gi-sgbtn .btn-outline-orange:visited,.gi-sgbtn a.btn-outline-orange:visited{
	color: #ff7200 !important;
	background-color: transparent !important;
	border: 2px solid #ff7200 !important;
}
.gi-sgbtn .btn-outline-orange:hover,.gi-sgbtn a.btn-outline-orange:hover,.gi-sgbtn .btn.btn-outline-orange:hover{
	color: #FFFFFF !important;
	background-color: #ff7200 !important;
	border: 2px solid #ff7200 !important;
}
.gi-sgbtn .btn-outline-blue,.gi-sgbtn .btn-outline-blue:not([disabled]),.gi-sgbtn .btn.btn-outline-blue,.gi-sgbtn .btn-outline-blue.focus{
	color: #0000FF !important;
	background-color: transparent !important;
	border: 2px solid #0000FF !important;
}
.gi-sgbtn .btn-outline-blue:visited,.gi-sgbtn a.btn-outline-blue:visited{
	color: #0000FF !important;
	background-color: transparent !important;
	border: 2px solid #0000FF !important;
}
.gi-sgbtn .btn-outline-blue:hover,.gi-sgbtn a.btn-outline-blue:hover,.gi-sgbtn .btn.btn-outline-blue:hover{
	color: #FFFFFF !important;
	background-color: #0000FF !important;
	border: 2px solid #0000FF !important;
}
.gi-sgbtn .btn-outline-green,.gi-sgbtn .btn-outline-green:not([disabled]),.gi-sgbtn .btn.btn-outline-green,.gi-sgbtn .btn-outline-green.focus{
	color: var(--colorGreen, #198754) !important;
	background-color: transparent !important;
	border: 2px solid var(--colorGreen, #198754) !important;
}
.gi-sgbtn .btn-outline-green:visited,.gi-sgbtn a.btn-outline-green:visited{
	color: var(--colorGreen, #198754) !important;
	background-color: transparent !important;
	border: 2px solid var(--colorGreen, #198754) !important;
}
.gi-sgbtn .btn-outline-green:hover,.gi-sgbtn a.btn-outline-green:hover,.gi-sgbtn .btn.btn-outline-green:hover{
	color: #FFFFFF !important;
	background-color: var(--colorGreen, #198754) !important;
	border: 2px solid var(--colorGreen, #198754) !important;
}
.gi-sgbtn .btn-outline-red,.gi-sgbtn .btn-outline-red:not([disabled]),.gi-sgbtn .btn.btn-outline-red,.gi-sgbtn .btn-outline-red.focus{
	color: #e60000 !important;
	background-color: transparent !important;
	border: 2px solid #e60000 !important;
}
.gi-sgbtn .btn-outline-red:visited,.gi-sgbtn a.btn-outline-red:visited{
	color: #e60000 !important;
	background-color: transparent !important;
	border: 2px solid #e60000 !important;
}
.gi-sgbtn .btn-outline-red:hover,.gi-sgbtn a.btn-outline-red:hover,.gi-sgbtn .btn.btn-outline-red:hover{
	color: #FFFFFF !important;
	background-color: #e60000 !important;
	border: 2px solid #e60000 !important;
}
.gi-sgbtn .btn-outline-yellow,.gi-sgbtn .btn-outline-yellow:not([disabled]),.gi-sgbtn .btn.btn-outline-yellow,.gi-sgbtn .btn-outline-yellow.focus{
	color: var(--bs-warning, #ffd700) !important;
	background-color: transparent !important;
	border: 2px solid var(--bs-warning, #ffd700) !important;
}
.gi-sgbtn .btn-outline-yellow:visited,.gi-sgbtn a.btn-outline-yellow:visited{
	color: var(--bs-warning, #ffd700) !important;
	background-color: transparent !important;
	border: 2px solid var(--bs-warning, #ffd700) !important;
}
.gi-sgbtn .btn-outline-yellow:hover,.gi-sgbtn a.btn-outline-yellow:hover,.gi-sgbtn .btn.btn-outline-yellow:hover{
	color: #222222 !important;
	background-color: var(--bs-warning, #ffd700) !important;
	border: 2px solid var(--bs-warning, #ffd700) !important;
}
.gi-sgbtn .btn-light,
.gi-sgbtn .btn-light:not([disabled]), 
.gi-sgbtn .show>.btn-light.dropdown-toggle,
.gi-sgbtn .btn.btn-light,
.gi-sgbtn .btn-light.focus{
	color: var(--color1) !important;
	background-color: white !important;
}
.gi-sgbtn .btn-light.focus{background-color: white !important;color: var(--color1l) !important;}
.gi-sgbtn .btn-light:active,
.gi-sgbtn .btn-light a:active, 
.gi-sgbtn a.btn-light:active,
.gi-sgbtn .btn.btn-light:active,
.gi-sgbtn .btn-light:not([disabled]):not(.disabled):active, 
.gi-sgbtn .btn-light:not([disabled]):not(.disabled).active, 
.gi-sgbtn .show>.btn-light.dropdown-toggle.active,
.gi-sgbtn .btn-light.active.focus{
	color: white !important;
	background-color: var(--color1) !important;
}
.gi-sgbtn .btn-light:hover,
.gi-sgbtn .btn-light a:hover, 
.gi-sgbtn a.btn-light:hover,
.gi-sgbtn .btn.btn-light:hover,
.gi-sgbtn .btn-light:not([disabled]):not(.disabled):hover, 
.gi-sgbtn .open>.dropdown-toggle.btn-light:hover,
.gi-sgbtn .show>.btn-light.dropdown-toggle{
	color: var(--color1xl) !important;
	background-color: white !important;
}
.gi-sgbtn .btn-light2,
.gi-sgbtn .btn-light2:not([disabled]), 
.gi-sgbtn .show>.btn-light2.dropdown-toggle,
.gi-sgbtn .btn.btn-light2,
.gi-sgbtn .btn-light2.focus{
	color: var(--color2) !important;
	background-color: white !important;
}
.gi-sgbtn .btn-light2.focus{background-color: white !important;color: var(--color2l) !important;}
.gi-sgbtn .btn-light2:active,
.gi-sgbtn .btn-light2 a:active, 
.gi-sgbtn a.btn-light2:active,
.gi-sgbtn .btn.btn-light2:active,
.gi-sgbtn .btn-light2:not([disabled]):not(.disabled):active, 
.gi-sgbtn .btn-light2:not([disabled]):not(.disabled).active, 
.gi-sgbtn .show>.btn-light2.dropdown-toggle.active,
.gi-sgbtn .btn-light2.active.focus{
	color: white !important;
	background-color: var(--color2) !important;
}
.gi-sgbtn .btn-light2:hover,
.gi-sgbtn .btn-light2 a:hover, 
.gi-sgbtn a.btn-light2:hover,
.gi-sgbtn .btn.btn-light2:hover,
.gi-sgbtn .btn-light2:not([disabled]):not(.disabled):hover, 
.gi-sgbtn .open>.dropdown-toggle.btn-light2:hover,
.gi-sgbtn .show>.btn-light2.dropdown-toggle{
	color: var(--color2xl) !important;
	background-color: white !important;
}
.gi-sgbtn .btn-primary,
.gi-sgbtn .btn-primary:not([disabled]), 
.gi-sgbtn .show>.btn-primary.dropdown-toggle,
.gi-sgbtn .btn.btn-primary,
.gi-sgbtn .btn-primary.focus,
.gi-sgbtn .btn-default,
.gi-sgbtn .btn-color1,
.gi-sgbtn .btn-color1:not([disabled]), 
.gi-sgbtn .show>.btn-color1.dropdown-toggle,
.gi-sgbtn .btn.btn-color1,
.gi-sgbtn .btn-color1.focus,
.gi-sgbtn .btn-default,
.gi-sgbtn .btn-default:not([disabled]), 
.gi-sgbtn .show>.btn-default.dropdown-toggle,
.gi-sgbtn .btn.btn-default,
.gi-sgbtn .btn-default.focus{
   color: var(--PrimaryButtonTextColor) !important;
   background-color: var(--PrimaryButtonColor) !important;
}
.gi-sgbtn .btn-primary.focus,
.gi-sgbtn .btn-default.focus{   background-color: var(--PrimaryButtonColor) !important;}
.gi-sgbtn .btn-primary:visited,
.gi-sgbtn .btn-primary a:visited, 
.gi-sgbtn a.btn-primary:visited,
.gi-sgbtn .btn.btn-primary:visited,
.gi-sgbtn .btn-primary:not([disabled]):not(.disabled):visited, 
.gi-sgbtn .btn-primary:not([disabled]):not(.disabled).visited, 
.gi-sgbtn .show>.btn-primary.dropdown-toggle.visited,
.gi-sgbtn .btn-primary.visited.focus,
.gi-sgbtn .btn-color1:visited,
.gi-sgbtn .btn-color1 a:visited, 
.gi-sgbtn a.btn-color1:visited,
.gi-sgbtn .btn.btn-color1:visited,
.gi-sgbtn .btn-color1:not([disabled]):not(.disabled):visited, 
.gi-sgbtn .btn-color1:not([disabled]):not(.disabled).visited, 
.gi-sgbtn .show>.btn-color1.dropdown-toggle.visited,
.gi-sgbtn .btn-color1.visited.focus,
.gi-sgbtn .btn-default:visited,
.gi-sgbtn .btn-default a:visited, 
.gi-sgbtn a.btn-default:visited,
.gi-sgbtn .btn.btn-default:visited,
.gi-sgbtn .btn-default:not([disabled]):not(.disabled):visited, 
.gi-sgbtn .btn-default:not([disabled]):not(.disabled).visited, 
.gi-sgbtn .show>.btn-default.dropdown-toggle.visited,
.gi-sgbtn .btn-default.visited.focus{
	color: var(--PrimaryButtonTextColor) !important;
	background-color: var(--PrimaryButtonVisitedColor) !important;
}
.gi-sgbtn .btn-primary:active,
.gi-sgbtn .btn-primary a:active, 
.gi-sgbtn a.btn-primary:active,
.gi-sgbtn .btn.btn-primary:active,
.gi-sgbtn .btn-primary:not([disabled]):not(.disabled):active, 
.gi-sgbtn .btn-primary.active,
.gi-sgbtn .btn-primary a.active, 
.gi-sgbtn a.btn-primary.active,
.gi-sgbtn .btn.btn-primary.active,
.gi-sgbtn .btn-primary:not([disabled]):not(.disabled).active, 
.gi-sgbtn .show>.btn-primary.dropdown-toggle.active,
.gi-sgbtn .btn-primary.active.focus,
.gi-sgbtn .btn-color1:active,
.gi-sgbtn .btn-color1 a:active, 
.gi-sgbtn a.btn-color1:active,
.gi-sgbtn .btn.btn-color1:active,
.gi-sgbtn .btn-color1:not([disabled]):not(.disabled):active, 
.gi-sgbtn .btn-color1.active,
.gi-sgbtn .btn-color1 a.active, 
.gi-sgbtn a.btn-color1.active,
.gi-sgbtn .btn.btn-color1.active,
.gi-sgbtn .btn-color1:not([disabled]):not(.disabled).active, 
.gi-sgbtn .show>.btn-color1.dropdown-toggle.active,
.gi-sgbtn .btn-color1.active.focus,
.gi-sgbtn .btn-default:active,
.gi-sgbtn .btn-default a:active, 
.gi-sgbtn a.btn-default:active,
.gi-sgbtn .btn.btn-default:active,
.gi-sgbtn .btn-default:not([disabled]):not(.disabled):active, 
.gi-sgbtn .btn-default:not([disabled]):not(.disabled).active, 
.gi-sgbtn .show>.btn-default.dropdown-toggle.active,
.gi-sgbtn .btn-default.active.focus{
	color: var(--PrimaryButtonTextActiveColor) !important;
	background-color: var(--PrimaryButtonActiveColor) !important;
}
.gi-sgbtn .btn-primary.disabled.active,
.gi-sgbtn .btn-color1.disabled.active{
	color: var(--PrimaryButtonTextActiveColor) !important;
	background-color: var(--PrimaryButtonDisabledColor) !important;
    opacity: 1.0;
}
.gi-sgbtn .btn-primary:hover,
.gi-sgbtn .btn-primary a:hover, 
.gi-sgbtn a.btn-primary:hover,
.gi-sgbtn .btn.btn-primary:hover,
.gi-sgbtn .btn-primary:not([disabled]):not(.disabled):hover, 
.gi-sgbtn .open>.dropdown-toggle.btn-primary:hover,
.gi-sgbtn .show>.btn-primary.dropdown-toggle,
.gi-sgbtn .btn-color1:hover,
.gi-sgbtn .btn-color1 a:hover, 
.gi-sgbtn a.btn-color1:hover,
.gi-sgbtn .btn.btn-color1:hover,
.gi-sgbtn .btn-color1:not([disabled]):not(.disabled):hover, 
.gi-sgbtn .open>.dropdown-toggle.btn-color1:hover,
.gi-sgbtn .show>.btn-color1.dropdown-toggle,
.gi-sgbtn .btn-default:hover,
.gi-sgbtn .btn-default a:hover, 
.gi-sgbtn a.btn-default:hover,
.gi-sgbtn .btn.btn-default:hover,
.gi-sgbtn .btn-default:not([disabled]):not(.disabled):hover, 
.gi-sgbtn .open>.dropdown-toggle.btn-default:hover,
.gi-sgbtn .show>.btn-default.dropdown-toggle{
	color: var(--PrimaryButtonTextHoverColor) !important;
	background-color: var(--PrimaryButtonHoverColor) !important;
}
.gi-sgbtn .btn-secondary,
.gi-sgbtn .btn-secondary:not([disabled]), 
.gi-sgbtn .show>.btn-secondary.dropdown-toggle,
.gi-sgbtn .btn.btn-secondary,
.gi-sgbtn .btn-secondary.focus{
   color: var(--SecondaryButtonTextColor) !important;
   background-color: var(--SecondaryButtonColor) !important;
}
.gi-sgbtn .btn-color2,
.gi-sgbtn .btn-color2:not([disabled]), 
.gi-sgbtn .show>.btn-color2.dropdown-toggle,
.gi-sgbtn .btn.btn-color2,
.gi-sgbtn .btn-color2.focus{
   color: var(--color2text) !important;
   background-color: var(--color2) !important;
}
.gi-sgbtn .btn-secondary.focus{   background-color: var(--SecondaryButtonColor) !important;}
.gi-sgbtn .btn-secondary:visited,
.gi-sgbtn .btn-secondary a:visited, 
.gi-sgbtn a.btn-secondary:visited,
.gi-sgbtn .btn.btn-secondary:visited,
.gi-sgbtn .btn-secondary:not([disabled]):not(.disabled):visited, 
.gi-sgbtn .btn-secondary:not([disabled]):not(.disabled).visited, 
.gi-sgbtn .show>.btn-secondary.dropdown-toggle.visited,
.gi-sgbtn .btn-secondary.visited.focus{
	color: var(--SecondaryButtonTextColor) !important;
	background-color: var(--SecondaryButtonVisitedColor) !important;
}
.gi-sgbtn .btn-color2:visited,
.gi-sgbtn .btn-color2 a:visited, 
.gi-sgbtn a.btn-color2:visited,
.gi-sgbtn .btn.btn-color2:visited,
.gi-sgbtn .btn-color2:not([disabled]):not(.disabled):visited, 
.gi-sgbtn .btn-color2:not([disabled]):not(.disabled).visited, 
.gi-sgbtn .show>.btn-color2.dropdown-toggle.visited,
.gi-sgbtn .btn-color2.visited.focus{
	color: var(--color2text) !important;
	background-color: var(--color2) !important;
}
.gi-sgbtn .btn-secondary:active,
.gi-sgbtn .btn-secondary a:active, 
.gi-sgbtn a.btn-secondary:active,
.gi-sgbtn .btn.btn-secondary:active,
.gi-sgbtn .btn-secondary:not([disabled]):not(.disabled):active, 
.gi-sgbtn .btn-secondary.active,
.gi-sgbtn .btn-secondary a.active, 
.gi-sgbtn a.btn-secondary.active,
.gi-sgbtn .btn.btn-secondary.active,
.gi-sgbtn .btn-secondary:not([disabled]):not(.disabled).active, 
.gi-sgbtn .show>.btn-secondary.dropdown-toggle.active,
.gi-sgbtn .btn-secondary.active.focus{
	color: var(--SecondaryButtonTextActiveColor) !important;
	background-color: var(--SecondaryButtonActiveColor) !important;
}
.gi-sgbtn .btn-secondary.disabled.active{
	color: var(--SecondaryButtonTextActiveColor) !important;
	background-color: var(--SecondaryButtonDisabledColor) !important;
    opacity: 1.0;
}
.gi-sgbtn .btn-color2:active,
.gi-sgbtn .btn-color2 a:active, 
.gi-sgbtn a.btn-color2:active,
.gi-sgbtn .btn.btn-color2:active,
.gi-sgbtn .btn-color2:not([disabled]):not(.disabled):active, 
.gi-sgbtn .btn-color2 a.active, 
.gi-sgbtn a.btn-color2.active,
.gi-sgbtn .btn.btn-color2.active,
.gi-sgbtn .btn-color2:not([disabled]):not(.disabled).active, 
.gi-sgbtn .show>.btn-color2.dropdown-toggle.active,
.gi-sgbtn .btn-color2.active.focus{
	color: var(--color2text) !important;
	background-color: var(--color2xl) !important;
}
.gi-sgbtn .btn-color2.disabled.active{
	color: var(--SecondaryButtonTextActiveColor) !important;
	background-color: var(--color2d) !important;
    opacity: 1.0;
}
.gi-sgbtn .btn-secondary:hover,
.gi-sgbtn .btn-secondary a:hover, 
.gi-sgbtn a.btn-secondary:hover,
.gi-sgbtn .btn.btn-secondary:hover,
.gi-sgbtn .btn-secondary:not([disabled]):not(.disabled):hover, 
.gi-sgbtn .open>.dropdown-toggle.btn-secondary:hover,
.gi-sgbtn .show>.btn-secondary.dropdown-toggle{
	color: var(--SecondaryButtonTextHoverColor) !important;
	background-color: var(--SecondaryButtonHoverColor) !important;
}
.gi-sgbtn .btn-color2:hover,
.gi-sgbtn .btn-color2 a:hover, 
.gi-sgbtn a.btn-color2:hover,
.gi-sgbtn .btn.btn-color2:hover,
.gi-sgbtn .btn-color2:not([disabled]):not(.disabled):hover, 
.gi-sgbtn .open>.dropdown-toggle.btn-color2:hover,
.gi-sgbtn .show>.btn-color2.dropdown-toggle{
	color: var(--color2text) !important;
	background-color: var(--color2xl) !important;
}
.gi-sgbtn .btn-color3,
.gi-sgbtn .btn-color3:not([disabled]), 
.gi-sgbtn .show>.btn-color3.dropdown-toggle,
.gi-sgbtn .btn.btn-color3,
.gi-sgbtn .btn-color3.focus{
   color: var(--color3text) !important;
   background-color: var(--color3) !important;
}
.gi-sgbtn .btn-secondary.focus{   background-color: var(--SecondaryButtonColor) !important;}
.gi-sgbtn .btn-color3:visited,
.gi-sgbtn .btn-color3 a:visited, 
.gi-sgbtn a.btn-color3:visited,
.gi-sgbtn .btn.btn-color3:visited,
.gi-sgbtn .btn-color3:not([disabled]):not(.disabled):visited, 
.gi-sgbtn .btn-color3:not([disabled]):not(.disabled).visited, 
.gi-sgbtn .show>.btn-color3.dropdown-toggle.visited,
.gi-sgbtn .btn-color3.visited.focus{
	color: var(--color3text) !important;
	background-color: var(--color3) !important;
}
.gi-sgbtn .btn-color3:active,
.gi-sgbtn .btn-color3 a:active, 
.gi-sgbtn a.btn-color3:active,
.gi-sgbtn .btn.btn-color3:active,
.gi-sgbtn .btn-color3:not([disabled]):not(.disabled):active, 
.gi-sgbtn .btn-color3:not([disabled]):not(.disabled).active, 
.gi-sgbtn .show>.btn-color3.dropdown-toggle.active,
.gi-sgbtn .btn-color3.active.focus{
	color: var(--color3text) !important;
	background-color: var(--color3xl) !important;
}
.gi-sgbtn .btn-color3:hover,
.gi-sgbtn .btn-color3 a:hover, 
.gi-sgbtn a.btn-color3:hover,
.gi-sgbtn .btn.btn-color3:hover,
.gi-sgbtn .btn-color3:not([disabled]):not(.disabled):hover, 
.gi-sgbtn .open>.dropdown-toggle.btn-color3:hover,
.gi-sgbtn .show>.btn-color3.dropdown-toggle{
	color: var(--color3text) !important;
	background-color: var(--color3xl) !important;
}
.gi-sgbtn .btn-color4,
.gi-sgbtn .btn-color4:not([disabled]), 
.gi-sgbtn .show>.btn-color4.dropdown-toggle,
.gi-sgbtn .btn.btn-color4,
.gi-sgbtn .btn-color4.focus{
   color: var(--color4text) !important;
   background-color: var(--color4) !important;
}
.gi-sgbtn .btn-secondary.focus{   background-color: var(--SecondaryButtonColor) !important;}
.gi-sgbtn .btn-color4:visited,
.gi-sgbtn .btn-color4 a:visited, 
.gi-sgbtn a.btn-color4:visited,
.gi-sgbtn .btn.btn-color4:visited,
.gi-sgbtn .btn-color4:not([disabled]):not(.disabled):visited, 
.gi-sgbtn .btn-color4:not([disabled]):not(.disabled).visited, 
.gi-sgbtn .show>.btn-color4.dropdown-toggle.visited,
.gi-sgbtn .btn-color4.visited.focus{
	color: var(--color4text) !important;
	background-color: var(--color4) !important;
}
.gi-sgbtn .btn-color4:active,
.gi-sgbtn .btn-color4 a:active, 
.gi-sgbtn a.btn-color4:active,
.gi-sgbtn .btn.btn-color4:active,
.gi-sgbtn .btn-color4:not([disabled]):not(.disabled):active, 
.gi-sgbtn .btn-color4:not([disabled]):not(.disabled).active, 
.gi-sgbtn .show>.btn-color4.dropdown-toggle.active,
.gi-sgbtn .btn-color4.active.focus{
	color: var(--color4text) !important;
	background-color: var(--color4xl) !important;
}
.gi-sgbtn .btn-color4:hover,
.gi-sgbtn .btn-color4 a:hover, 
.gi-sgbtn a.btn-color4:hover,
.gi-sgbtn .btn.btn-color4:hover,
.gi-sgbtn .btn-color4:not([disabled]):not(.disabled):hover, 
.gi-sgbtn .open>.dropdown-toggle.btn-color4:hover,
.gi-sgbtn .show>.btn-color4.dropdown-toggle{
	color: var(--color4text) !important;
	background-color: var(--color4xl) !important;
}
.gi-sgbtn .btn-color5,
.gi-sgbtn .btn-color5:not([disabled]), 
.gi-sgbtn .show>.btn-color5.dropdown-toggle,
.gi-sgbtn .btn.btn-color5,
.gi-sgbtn .btn-color5.focus{
   color: var(--color5text) !important;
   background-color: var(--color5) !important;
}
.gi-sgbtn .btn-secondary.focus{   background-color: var(--SecondaryButtonColor) !important;}
.gi-sgbtn .btn-color5:visited,
.gi-sgbtn .btn-color5 a:visited, 
.gi-sgbtn a.btn-color5:visited,
.gi-sgbtn .btn.btn-color5:visited,
.gi-sgbtn .btn-color5:not([disabled]):not(.disabled):visited, 
.gi-sgbtn .btn-color5:not([disabled]):not(.disabled).visited, 
.gi-sgbtn .show>.btn-color5.dropdown-toggle.visited,
.gi-sgbtn .btn-color5.visited.focus{
	color: var(--color5text) !important;
	background-color: var(--color5) !important;
}
.gi-sgbtn .btn-color5:active,
.gi-sgbtn .btn-color5 a:active, 
.gi-sgbtn a.btn-color5:active,
.gi-sgbtn .btn.btn-color5:active,
.gi-sgbtn .btn-color5:not([disabled]):not(.disabled):active, 
.gi-sgbtn .btn-color5:not([disabled]):not(.disabled).active, 
.gi-sgbtn .show>.btn-color5.dropdown-toggle.active,
.gi-sgbtn .btn-color5.active.focus{
	color: var(--color5text) !important;
	background-color: var(--color5xl) !important;
}
.gi-sgbtn .btn-color5:hover,
.gi-sgbtn .btn-color5 a:hover, 
.gi-sgbtn a.btn-color5:hover,
.gi-sgbtn .btn.btn-color5:hover,
.gi-sgbtn .btn-color5:not([disabled]):not(.disabled):hover, 
.gi-sgbtn .open>.dropdown-toggle.btn-color5:hover,
.gi-sgbtn .show>.btn-color5.dropdown-toggle{
	color: var(--color5text) !important;
	background-color: var(--color5xl) !important;
}
.gi-sgbtn .btn-outline-default, .gi-sgbtn .btn-outline-primary, .gi-sgbtn .btn-outline-secondary, .gi-sgbtn .btn-outline-footer, 
.gi-sgbtn .btn-outline-color1, .gi-sgbtn .btn-outline-color2, .gi-sgbtn .btn-outline-color3, .gi-sgbtn .btn-outline-color4, .gi-sgbtn .btn-outline-color5, 
.gi-sgbtn .btn-outline-info, .gi-sgbtn .btn-outline-success, .gi-sgbtn .btn-outline-warning, .gi-sgbtn .btn-outline-danger, .gi-sgbtn .btn-outline-light, .gi-sgbtn .btn-outline-light2{
	text-shadow: none !important;-webkit-box-shadow: none !important;box-shadow: none !important;outline: 0 !important;background-image: none !important;
	}
.gi-sgbtn .btn-outline-default:active, .gi-sgbtn .btn-outline-primary:active, .gi-sgbtn .btn-outline-secondary:active, .gi-sgbtn .btn-outline-footer:active, 
.gi-sgbtn .btn-outline-color1:active, .gi-sgbtn .btn-outline-color2:active, .gi-sgbtn .btn-outline-color3:active, .gi-sgbtn .btn-outline-color4:active, .gi-sgbtn .btn-outline-color5:active, 
.gi-sgbtn .btn-outline-info:active, .gi-sgbtn .btn-outline-success:active, .gi-sgbtn .btn-outline-warning:active, .gi-sgbtn .btn-outline-danger:active, .gi-sgbtn .btn-outline-light:active, .gi-sgbtn .btn-outline-light2:active{
	-webkit-box-shadow: none !important;box-shadow: none !important;
	}
.gi-sgbtn .btn-outline-default, .gi-sgbtn .btn-outline-primary, .gi-sgbtn .btn-outline-secondary, .gi-sgbtn .btn-outline-footer, 
.gi-sgbtn .btn-outline-color1, .gi-sgbtn .btn-outline-color2, .gi-sgbtn .btn-outline-color3, .gi-sgbtn .btn-outline-color4, .gi-sgbtn .btn-outline-color5, 
.gi-sgbtn .btn-outline-info, .gi-sgbtn .btn-outline-success, .gi-sgbtn .btn-outline-warning, .gi-sgbtn .btn-outline-danger, .gi-sgbtn .btn-outline-light, .gi-sgbtn .btn-outline-light2{
	text-shadow: none;
	background-image: none;
	background-repeat: repeat-x;
	border-color: transparent;
	filter: none;
	color: var(--PrimaryButtonColor) !important;
	background-color: white !important;
	border: 2px solid var(--PrimaryButtonColor) !important;
}
.gi-sgbtn .btn-outline-light, .gi-sgbtn .btn-outline-light2{
	text-shadow: none;
	background-image: none;
	background-repeat: repeat-x;
	border-color: transparent;
	filter: none;
	color: white !important;
	background-color: transparent !important;
	border: 2px solid white !important;
}
.gi-sgbtn .btn-outline-default a:link, .gi-sgbtn a.btn-outline-default, .gi-sgbtn a.btn-outline-info:default, .gi-sgbtn .btn-outline-default a,
.gi-sgbtn .btn-outline-primary a:link, .gi-sgbtn a.btn-outline-primary, .gi-sgbtn a.btn-outline-primary:link, .gi-sgbtn .btn-outline-primary a,
.gi-sgbtn .btn-outline-secondary a:link, .gi-sgbtn a.btn-outline-secondary, .gi-sgbtn a.btn-outline-secondary:link, .gi-sgbtn .btn-outline-secondary a,
.gi-sgbtn .btn-outline-color1 a:link, .gi-sgbtn a.btn-outline-color1, .gi-sgbtn a.btn-outline-color1:link, .gi-sgbtn .btn-outline-color1 a,
.gi-sgbtn .btn-outline-color2 a:link, .gi-sgbtn a.btn-outline-color2, .gi-sgbtn a.btn-outline-color2:link, .gi-sgbtn .btn-outline-color2 a,
.gi-sgbtn .btn-outline-color3 a:link, .gi-sgbtn a.btn-outline-color3, .gi-sgbtn a.btn-outline-color3:link, .gi-sgbtn .btn-outline-color3 a,
.gi-sgbtn .btn-outline-color4 a:link, .gi-sgbtn a.btn-outline-color4, .gi-sgbtn a.btn-outline-color4:link, .gi-sgbtn .btn-outline-color4 a,
.gi-sgbtn .btn-outline-color5 a:link, .gi-sgbtn a.btn-outline-color5, .gi-sgbtn a.btn-outline-color5:link, .gi-sgbtn .btn-outline-color5 a,
.gi-sgbtn .btn-outline-info a:link, .gi-sgbtn a.btn-outline-info, .gi-sgbtn a.btn-outline-info:link, .gi-sgbtn .btn-outline-info a,
.gi-sgbtn .btn-outline-success a:link, .gi-sgbtn a.btn-outline-success, .gi-sgbtn a.btn-outline-success:link, .gi-sgbtn .btn-outline-success a,
.gi-sgbtn .btn-outline-warning a:link, .gi-sgbtn a.btn-outline-warning, .gi-sgbtn a.btn-outline-warning:link, .gi-sgbtn .btn-outline-warning a,
.gi-sgbtn .btn-outline-danger a:link, .gi-sgbtn a.btn-outline-danger, .gi-sgbtn a.btn-outline-danger:link, .gi-sgbtn .btn-outline-danger a,
.gi-sgbtn .btn-outline-footer a:link, .gi-sgbtn a.btn-outline-footer, .gi-sgbtn a.btn-outline-footer:link, .gi-sgbtn .btn-outline-footer a{
	color: var(--PrimaryButtonColor) ;
}
.gi-sgbtn .btn-outline-light a:link, .gi-sgbtn a.btn-outline-light, .gi-sgbtn a.btn-outline-light:link, .gi-sgbtn .btn-outline-light a,
.gi-sgbtn .btn-outline-light2 a:link, .gi-sgbtn a.btn-outline-light2, .gi-sgbtn a.btn-outline-light2:link, .gi-sgbtn .btn-outline-light2 a{
	color: white;
}
.gi-sgbtn .btn-outline-info,
.gi-sgbtn .btn-outline-info:not([disabled]), 
.gi-sgbtn .btn.btn-outline-info,
.gi-sgbtn .btn-outline-info.focus{
	color: dodgerblue !important;
	background-color: white !important;
	border: 2px solid dodgerblue !important;
}
.gi-sgbtn .btn-outline-info.focus{background-color: #4da6ff !important;}
.gi-sgbtn .btn-outline-info:active,
.gi-sgbtn .btn-outline-info a:active, 
.gi-sgbtn a.btn-outline-info:active,
.gi-sgbtn .btn.btn-outline-info:active,
.gi-sgbtn .btn-outline-info:not([disabled]):not(.disabled):active, 
.gi-sgbtn .btn-outline-info:not([disabled]):not(.disabled).active, 
.gi-sgbtn .show>.btn-outline-info.dropdown-toggle,
.gi-sgbtn .btn-outline-info.active.focus{
	color: #40a1ff !important;
	background-color: white !important;
	border: 2px solid #40a1ff !important;
}
.gi-sgbtn .btn-outline-info:hover,
.gi-sgbtn .btn-outline-info a:hover, 
.gi-sgbtn a.btn-outline-info:hover,
.gi-sgbtn .btn.btn-outline-info:hover,
.gi-sgbtn .btn-outline-info:not([disabled]):not(.disabled):hover, 
.gi-sgbtn .open>.dropdown-toggle.btn-outline-info:hover,
.gi-sgbtn .show>.btn-outline-info.dropdown-toggle{
	color: white !important;
	background-color: dodgerblue !important;
	border: 2px solid dodgerblue !important;
}
.gi-sgbtn .btn-outline-success,
.gi-sgbtn .btn-outline-success:not([disabled]), 
.gi-sgbtn .btn.btn-outline-success,
.gi-sgbtn .btn-outline-success.focus{
	color: green !important;
	background-color: white !important;
	border: 2px solid green !important;
}
.gi-sgbtn .btn-outline-success.focus{background-color: #039303 !important;}
.gi-sgbtn .btn-outline-success:active,
.gi-sgbtn .btn-outline-success a:active, 
.gi-sgbtn a.btn-outline-success:active,
.gi-sgbtn .btn.btn-outline-success:active,
.gi-sgbtn .btn-outline-success:not([disabled]):not(.disabled):active, 
.gi-sgbtn .btn-outline-success:not([disabled]):not(.disabled).active, 
.gi-sgbtn .show>.btn-outline-success.dropdown-toggle.active,
.gi-sgbtn .btn-outline-success.active.focus{
	color: #039303 !important;
	background-color: white !important;
	border: 2px solid #039303 !important;
}
.gi-sgbtn .btn-outline-success:hover,
.gi-sgbtn .btn-outline-success a:hover, 
.gi-sgbtn a.btn-outline-success:hover,
.gi-sgbtn .btn.btn-outline-success:hover,
.gi-sgbtn .btn-outline-success:not([disabled]):not(.disabled):hover, 
.gi-sgbtn .open>.dropdown-toggle.btn-outline-success:hover,
.gi-sgbtn .show>.btn-outline-success.dropdown-toggle{
	color: white !important;
	background-color: green !important;
	border: 2px solid green !important;
}
.gi-sgbtn .btn-outline-warning,
.gi-sgbtn .btn-outline-warning:not([disabled]), 
.gi-sgbtn .show>.btn-outline-warning.dropdown-toggle,
.gi-sgbtn .btn.btn-outline-warning,
.gi-sgbtn .btn-outline-warning.focus{
	color: gold !important;
	background-color: white !important;
	border: 2px solid gold !important;
}
.gi-sgbtn .btn-outline-warning.focus{background-color: #ccad00 !important;}
.gi-sgbtn .btn-outline-warning:active,
.gi-sgbtn .btn-outline-warning a:active, 
.gi-sgbtn a.btn-outline-warning:active,
.gi-sgbtn .btn.btn-outline-warning:active,
.gi-sgbtn .btn-outline-warning:not([disabled]):not(.disabled):active, 
.gi-sgbtn .btn-outline-warning:not([disabled]):not(.disabled).active, 
.gi-sgbtn .show>.btn-outline-warning.dropdown-toggle.active,
.gi-sgbtn .btn-outline-warning.active.focus{
	color: #ccad00 !important;
	background-color: white !important;
	border: 2px solid #ccad00 !important;
}
.gi-sgbtn .btn-outline-warning:hover,
.gi-sgbtn .btn-outline-warning a:hover, 
.gi-sgbtn a.btn-outline-warning:hover,
.gi-sgbtn .btn.btn-outline-warning:hover,
.gi-sgbtn .btn-outline-warning:not([disabled]):not(.disabled):hover, 
.gi-sgbtn .open>.dropdown-toggle.btn-outline-warning:hover,
.gi-sgbtn .show>.btn-outline-warning.dropdown-toggle{
	color: white !important;
	background-color: gold !important;
	border: 2px solid gold !important;
}
.gi-sgbtn .btn-outline-danger,
.gi-sgbtn .btn-outline-danger:not([disabled]), 
.gi-sgbtn .show>.btn-outline-danger.dropdown-toggle,
.gi-sgbtn .btn.btn-outline-danger,
.gi-sgbtn .btn-outline-danger.focus{
	color: #e60000 !important;
	background-color: white !important;
	border: 2px solid #e60000 !important;
}
.gi-sgbtn .btn-outline-danger.focus{background-color: red !important;}
.gi-sgbtn .btn-outline-danger:active,
.gi-sgbtn .btn-outline-danger a:active, 
.gi-sgbtn a.btn-outline-danger:active,
.gi-sgbtn .btn.btn-outline-danger:active,
.gi-sgbtn .btn-outline-danger:not([disabled]):not(.disabled):active, 
.gi-sgbtn .btn-outline-danger:not([disabled]):not(.disabled).active, 
.gi-sgbtn .show>.btn-outline-danger.dropdown-toggle.active,
.gi-sgbtn .btn-outline-danger.active.focus{
	color: red !important;
	background-color: white !important;
	border: 2px solid red !important;
}
.gi-sgbtn .btn-outline-danger:hover,
.gi-sgbtn .btn-outline-danger a:hover, 
.gi-sgbtn a.btn-outline-danger:hover,
.gi-sgbtn .btn.btn-outline-danger:hover,
.gi-sgbtn .btn-outline-danger:not([disabled]):not(.disabled):hover, 
.gi-sgbtn .open>.dropdown-toggle.btn-outline-danger:hover,
.gi-sgbtn .show>.btn-outline-danger.dropdown-toggle{
	color: white !important;
	background-color: red !important;
	border: 2px solid red !important;
}
.gi-sgbtn .btn-outline-dark,
.gi-sgbtn .btn-outline-dark:not([disabled]),
.gi-sgbtn .show>.btn-outline-dark.dropdown-toggle,
.gi-sgbtn .btn.btn-outline-dark,
.gi-sgbtn .btn-outline-dark.focus{
	color: var(--black8) !important;
	background-color: transparent !important;
	border: 2px solid var(--black8) !important;
}
.gi-sgbtn .btn-outline-dark:visited,
.gi-sgbtn a.btn-outline-dark:visited,
.gi-sgbtn .btn.btn-outline-dark:visited{
	color: var(--black8) !important;
	background-color: transparent !important;
	border: 2px solid var(--black8) !important;
}
.gi-sgbtn .btn-outline-dark:active,
.gi-sgbtn a.btn-outline-dark:active,
.gi-sgbtn .btn.btn-outline-dark:active,
.gi-sgbtn .btn-outline-dark:not([disabled]):not(.disabled):active{
	color: white !important;
	background-color: var(--black8) !important;
	border: 2px solid var(--black8) !important;
}
.gi-sgbtn .btn-outline-dark:hover,
.gi-sgbtn a.btn-outline-dark:hover,
.gi-sgbtn .btn.btn-outline-dark:hover,
.gi-sgbtn .btn-outline-dark:not([disabled]):not(.disabled):hover{
	color: white !important;
	background-color: var(--black8) !important;
	border: 2px solid var(--black8) !important;
}
.gi-sgbtn .btn-outline-light,
.gi-sgbtn .btn-outline-light:not([disabled]), 
.gi-sgbtn .show>.btn-outline-light.dropdown-toggle,
.gi-sgbtn .btn.btn-outline-light,
.gi-sgbtn .btn-outline-light.focus{
	color: #cccccc !important;
	background-color: transparent !important;
	border: 2px solid #cccccc !important;
}
.gi-sgbtn .btn-outline-light:visited,
.gi-sgbtn a.btn-outline-light:visited,
.gi-sgbtn .btn.btn-outline-light:visited{
	color: #cccccc !important;
	background-color: transparent !important;
	border: 2px solid #cccccc !important;
}
.gi-sgbtn .btn-outline-light:hover,
.gi-sgbtn a.btn-outline-light:hover,
.gi-sgbtn .btn.btn-outline-light:hover{
	color: #fff !important;
	background-color: #cccccc !important;
	border: 2px solid #cccccc !important;
}
.gi-sgbtn .btn-outline-light.focus{background-color: white !important;color: var(--color1l);}
.gi-sgbtn .btn-outline-light:active,
.gi-sgbtn .btn-outline-light a:active, 
.gi-sgbtn a.btn-outline-light:active,
.gi-sgbtn .btn.btn-outline-light:active,
.gi-sgbtn .btn-outline-light:not([disabled]):not(.disabled):active, 
.gi-sgbtn .btn-outline-light:not([disabled]):not(.disabled).active, 
.gi-sgbtn .show>.btn-outline-light.dropdown-toggle.active,
.gi-sgbtn .btn-outline-light.active.focus{
	color: white !important;
	background-color: var(--color1xl) !important;
	border: 2px solid white !important;
}
.gi-sgbtn .btn-outline-light:hover,
.gi-sgbtn .btn-outline-light a:hover, 
.gi-sgbtn a.btn-outline-light:hover,
.gi-sgbtn .btn.btn-outline-light:hover,
.gi-sgbtn .btn-outline-light:not([disabled]):not(.disabled):hover, 
.gi-sgbtn .open>.dropdown-toggle.btn-outline-light:hover,
.gi-sgbtn .show>.btn-outline-light.dropdown-toggle{
	color: white !important;
	background-color: var(--color1) !important;
	border: 2px solid white !important;
}
.gi-sgbtn .btn-outline-light2,
.gi-sgbtn .btn-outline-light2:not([disabled]), 
.gi-sgbtn .show>.btn-outline-light2.dropdown-toggle,
.gi-sgbtn .btn.btn-outline-light2,
.gi-sgbtn .btn-outline-light2.focus{
	color: white !important;
	background-color: transparent !important;
	border: 2px solid white !important;
}
.gi-sgbtn .btn-outline-light2.focus{background-color: white !important;color: var(--color2l);}
.gi-sgbtn .btn-outline-light2:active,
.gi-sgbtn .btn-outline-light2 a:active, 
.gi-sgbtn a.btn-outline-light2:active,
.gi-sgbtn .btn.btn-outline-light2:active,
.gi-sgbtn .btn-outline-light2:not([disabled]):not(.disabled):active, 
.gi-sgbtn .btn-outline-light2:not([disabled]):not(.disabled).active, 
.gi-sgbtn .show>.btn-outline-light2.dropdown-toggle.active,
.gi-sgbtn .btn-outline-light2.active.focus{
	color: white !important;
	background-color: transparent !important;
	border: 2px solid white !important;
}
.gi-sgbtn .btn-outline-light2:hover,
.gi-sgbtn .btn-outline-light2 a:hover, 
.gi-sgbtn a.btn-outline-light2:hover,
.gi-sgbtn .btn.btn-outline-light2:hover,
.gi-sgbtn .btn-outline-light2:not([disabled]):not(.disabled):hover, 
.gi-sgbtn .open>.dropdown-toggle.btn-outline-light2:hover,
.gi-sgbtn .show>.btn-outline-light2.dropdown-toggle{
	color: white !important;
	background-color: var(--color2) !important;
	border: 2px solid white !important;
}
.gi-sgbtn .btn-outline-primary,
.gi-sgbtn .btn-outline-primary:not([disabled]), 
.gi-sgbtn .show>.btn-outline-primary.dropdown-toggle,
.gi-sgbtn .btn.btn-outline-primary,
.gi-sgbtn .btn-outline-primary.focus,
.gi-sgbtn .btn-outline-default,
.gi-sgbtn .btn-outline-color1,
.gi-sgbtn .btn-outline-color1:not([disabled]), 
.gi-sgbtn .show>.btn-outline-color1.dropdown-toggle,
.gi-sgbtn .btn.btn-outline-color1,
.gi-sgbtn .btn-outline-color1.focus,
.gi-sgbtn .btn-outline-default,
.gi-sgbtn .btn-outline-default:not([disabled]), 
.gi-sgbtn .show>.btn-outline-default.dropdown-toggle,
.gi-sgbtn .btn.btn-outline-default,
.gi-sgbtn .btn-outline-default.focus{
	color: var(--PrimaryButtonColor) !important;
	background-color: white !important;
	border: 2px solid var(--PrimaryButtonColor) !important;
}
.gi-sgbtn .btn-outline-primary:visited,
.gi-sgbtn .btn-outline-primary a:visited, 
.gi-sgbtn a.btn-outline-primary:visited,
.gi-sgbtn .btn.btn-outline-primary:visited,
.gi-sgbtn .btn-outline-primary:not([disabled]):not(.disabled):visited, 
.gi-sgbtn .btn-outline-primary:not([disabled]):not(.disabled).visited, 
.gi-sgbtn .show>.btn-outline-primary.dropdown-toggle.visited,
.gi-sgbtn .btn-outline-primary.visited.focus,
.gi-sgbtn .btn-outline-color1:visited,
.gi-sgbtn .btn-outline-color1 a:visited, 
.gi-sgbtn a.btn-outline-color1:visited,
.gi-sgbtn .btn.btn-outline-color1:visited,
.gi-sgbtn .btn-outline-color1:not([disabled]):not(.disabled):visited, 
.gi-sgbtn .btn-outline-color1:not([disabled]):not(.disabled).visited, 
.gi-sgbtn .show>.btn-outline-color1.dropdown-toggle.visited,
.gi-sgbtn .btn-outline-color1.visited.focus,
.gi-sgbtn .btn-outline-default:visited,
.gi-sgbtn .btn-outline-default a:visited, 
.gi-sgbtn a.btn-outline-default:visited,
.gi-sgbtn .btn.btn-outline-default:visited,
.gi-sgbtn .btn-outline-default:not([disabled]):not(.disabled):visited, 
.gi-sgbtn .btn-outline-default:not([disabled]):not(.disabled).visited, 
.gi-sgbtn .show>.btn-outline-default.dropdown-toggle.visited,
.gi-sgbtn .btn-outline-default.visited.focus{
	color: var(--PrimaryButtonVisitedColor) !important;
	background-color: white !important;
	border: 2px solid var(--PrimaryButtonVisitedColor) !important;
}
.gi-sgbtn .btn-outline-primary:active,
.gi-sgbtn .btn-outline-primary a:active, 
.gi-sgbtn a.btn-outline-primary:active,
.gi-sgbtn .btn.btn-outline-primary:active,
.gi-sgbtn .btn-outline-primary:not([disabled]):not(.disabled):active, 
.gi-sgbtn .btn-outline-primary:not([disabled]):not(.disabled).active, 
.gi-sgbtn .show>.btn-outline-primary.dropdown-toggle.active,
.gi-sgbtn .btn-outline-primary.active.focus,
.gi-sgbtn .btn-outline-color1:active,
.gi-sgbtn .btn-outline-color1 a:active, 
.gi-sgbtn a.btn-outline-color1:active,
.gi-sgbtn .btn.btn-outline-color1:active,
.gi-sgbtn .btn-outline-color1:not([disabled]):not(.disabled):active, 
.gi-sgbtn .btn-outline-color1:not([disabled]):not(.disabled).active, 
.gi-sgbtn .show>.btn-outline-color1.dropdown-toggle.active,
.gi-sgbtn .btn-outline-color1.active.focus,
.gi-sgbtn .btn-outline-default:active,
.gi-sgbtn .btn-outline-default a:active, 
.gi-sgbtn a.btn-outline-default:active,
.gi-sgbtn .btn.btn-outline-default:active,
.gi-sgbtn .btn-outline-default:not([disabled]):not(.disabled):active, 
.gi-sgbtn .btn-outline-default:not([disabled]):not(.disabled).active, 
.gi-sgbtn .show>.btn-outline-default.dropdown-toggle.active,
.gi-sgbtn .btn-outline-default.active.focus{
	color: var(--PrimaryButtonActiveColor) !important;
	background-color: white !important;
	border: 2px solid var(--PrimaryButtonActiveColor) !important;
}
.gi-sgbtn .btn-outline-primary:hover,
.gi-sgbtn .btn-outline-primary a:hover, 
.gi-sgbtn a.btn-outline-primary:hover,
.gi-sgbtn .btn.btn-outline-primary:hover,
.gi-sgbtn .btn-outline-primary:not([disabled]):not(.disabled):hover, 
.gi-sgbtn .open>.dropdown-toggle.btn-outline-primary:hover,
.gi-sgbtn .show>.btn-outline-primary.dropdown-toggle,
.gi-sgbtn .btn-outline-color1:hover,
.gi-sgbtn .btn-outline-color1 a:hover, 
.gi-sgbtn a.btn-outline-color1:hover,
.gi-sgbtn .btn.btn-outline-color1:hover,
.gi-sgbtn .btn-outline-color1:not([disabled]):not(.disabled):hover, 
.gi-sgbtn .open>.dropdown-toggle.btn-outline-color1:hover,
.gi-sgbtn .show>.btn-outline-color1.dropdown-toggle,
.gi-sgbtn .btn-outline-default:hover,
.gi-sgbtn .btn-outline-default a:hover, 
.gi-sgbtn a.btn-outline-default:hover,
.gi-sgbtn .btn.btn-outline-default:hover,
.gi-sgbtn .btn-outline-default:not([disabled]):not(.disabled):hover, 
.gi-sgbtn .open>.dropdown-toggle.btn-outline-default:hover,
.gi-sgbtn .show>.btn-outline-default.dropdown-toggle{
	color: white !important;
	background-color: var(--PrimaryButtonColor) !important;
	border: 2px solid var(--PrimaryButtonColor) !important;
}
.gi-sgbtn .btn-outline-secondary,
.gi-sgbtn .btn-outline-secondary:not([disabled]), 
.gi-sgbtn .show>.btn-outline-secondary.dropdown-toggle,
.gi-sgbtn .btn.btn-outline-secondary,
.gi-sgbtn .btn-outline-secondary.focus,
.gi-sgbtn .btn-outline-color2,
.gi-sgbtn .btn-outline-color2:not([disabled]), 
.gi-sgbtn .show>.btn-outline-color2.dropdown-toggle,
.gi-sgbtn .btn.btn-outline-color2,
.gi-sgbtn .btn-outline-color2.focus{
	color: var(--SecondaryButtonColor) !important;
	background-color: white !important;
	border: 2px solid var(--SecondaryButtonColor) !important;
}
.gi-sgbtn .btn-outline-secondary.focus{   background-color: var(--SecondaryButtonColor) !important;}
.gi-sgbtn .btn-outline-secondary:visited,
.gi-sgbtn .btn-outline-secondary a:visited, 
.gi-sgbtn a.btn-outline-secondary:visited,
.gi-sgbtn .btn.btn-outline-secondary:visited,
.gi-sgbtn .btn-outline-secondary:not([disabled]):not(.disabled):visited, 
.gi-sgbtn .btn-outline-secondary:not([disabled]):not(.disabled).visited, 
.gi-sgbtn .show>.btn-outline-secondary.dropdown-toggle.visited,
.gi-sgbtn .btn-outline-secondary.visited.focus,
.gi-sgbtn .btn-outline-color2:visited,
.gi-sgbtn .btn-outline-color2 a:visited, 
.gi-sgbtn a.btn-outline-color2:visited,
.gi-sgbtn .btn.btn-outline-color2:visited,
.gi-sgbtn .btn-outline-color2:not([disabled]):not(.disabled):visited, 
.gi-sgbtn .btn-outline-color2:not([disabled]):not(.disabled).visited, 
.gi-sgbtn .show>.btn-outline-color2.dropdown-toggle.visited,
.gi-sgbtn .btn-outline-color2.visited.focus{
	color: var(--SecondaryButtonVisitedColor) !important;
	background-color: white !important;
	border: 2px solid var(--SecondaryButtonVisitedColor) !important;
}
.gi-sgbtn .btn-outline-secondary:active,
.gi-sgbtn .btn-outline-secondary a:active, 
.gi-sgbtn a.btn-outline-secondary:active,
.gi-sgbtn .btn.btn-outline-secondary:active,
.gi-sgbtn .btn-outline-secondary:not([disabled]):not(.disabled):active, 
.gi-sgbtn .btn-outline-secondary:not([disabled]):not(.disabled).active, 
.gi-sgbtn .show>.btn-outline-secondary.dropdown-toggle.active,
.gi-sgbtn .btn-outline-secondary.active.focus,
.gi-sgbtn .btn-outline-color2:active,
.gi-sgbtn .btn-outline-color2 a:active, 
.gi-sgbtn a.btn-outline-color2:active,
.gi-sgbtn .btn.btn-outline-color2:active,
.gi-sgbtn .btn-outline-color2:not([disabled]):not(.disabled):active, 
.gi-sgbtn .btn-outline-color2:not([disabled]):not(.disabled).active, 
.gi-sgbtn .show>.btn-outline-color2.dropdown-toggle.active,
.gi-sgbtn .btn-outline-color2.active.focus{
	color: var(--SecondaryButtonActiveColor) !important;
	background-color: white !important;
	border: 2px solid var(--SecondaryButtonActiveColor) !important;
}
.gi-sgbtn .btn-outline-secondary:hover,
.gi-sgbtn .btn-outline-secondary a:hover, 
.gi-sgbtn a.btn-outline-secondary:hover,
.gi-sgbtn .btn.btn-outline-secondary:hover,
.gi-sgbtn .btn-outline-secondary:not([disabled]):not(.disabled):hover, 
.gi-sgbtn .open>.dropdown-toggle.btn-outline-secondary:hover,
.gi-sgbtn .show>.btn-outline-secondary.dropdown-toggle,
.gi-sgbtn .btn-outline-color2:hover,
.gi-sgbtn .btn-outline-color2 a:hover, 
.gi-sgbtn a.btn-outline-color2:hover,
.gi-sgbtn .btn.btn-outline-color2:hover,
.gi-sgbtn .btn-outline-color2:not([disabled]):not(.disabled):hover, 
.gi-sgbtn .open>.dropdown-toggle.btn-outline-color2:hover,
.gi-sgbtn .show>.btn-outline-color2.dropdown-toggle{
	color: white !important;
	background-color: var(--SecondaryButtonColor) !important;
	border: 2px solid var(--SecondaryButtonColor) !important;
}
.gi-sgbtn .btn-outline-color3,
.gi-sgbtn .btn-outline-color3:not([disabled]), 
.gi-sgbtn .show>.btn-outline-color3.dropdown-toggle,
.gi-sgbtn .btn.btn-outline-color3,
.gi-sgbtn .btn-outline-color3.focus{
	color: var(--color3) !important;
	background-color: white !important;
	border: 2px solid var(--color3) !important;
}
.gi-sgbtn .btn-outline-secondary.focus{   background-color: var(--SecondaryButtonColor) !important;}
.gi-sgbtn .btn-outline-color3:visited,
.gi-sgbtn .btn-outline-color3 a:visited, 
.gi-sgbtn a.btn-outline-color3:visited,
.gi-sgbtn .btn.btn-outline-color3:visited,
.gi-sgbtn .btn-outline-color3:not([disabled]):not(.disabled):visited, 
.gi-sgbtn .btn-outline-color3:not([disabled]):not(.disabled).visited, 
.gi-sgbtn .show>.btn-outline-color3.dropdown-toggle.visited,
.gi-sgbtn .btn-outline-color3.visited.focus{
	color: var(--color3) !important;
	background-color: white !important;
	border: 2px solid var(--color3) !important;
}
.gi-sgbtn .btn-outline-color3:active,
.gi-sgbtn .btn-outline-color3 a:active, 
.gi-sgbtn a.btn-outline-color3:active,
.gi-sgbtn .btn.btn-outline-color3:active,
.gi-sgbtn .btn-outline-color3:not([disabled]):not(.disabled):active, 
.gi-sgbtn .btn-outline-color3:not([disabled]):not(.disabled).active, 
.gi-sgbtn .show>.btn-outline-color3.dropdown-toggle.active,
.gi-sgbtn .btn-outline-color3.active.focus{
	color: var(--color3xl) !important;
	background-color: white !important;
	border: 2px solid var(--color3xl) !important;
}
.gi-sgbtn .btn-outline-color3:hover,
.gi-sgbtn .btn-outline-color3 a:hover, 
.gi-sgbtn a.btn-outline-color3:hover,
.gi-sgbtn .btn.btn-outline-color3:hover,
.gi-sgbtn .btn-outline-color3:not([disabled]):not(.disabled):hover, 
.gi-sgbtn .open>.dropdown-toggle.btn-outline-color3:hover,
.gi-sgbtn .show>.btn-outline-color3.dropdown-toggle{
	color: white !important;
	background-color: var(--color3) !important;
	border: 2px solid var(--color3) !important;
}
.gi-sgbtn .btn-outline-color4,
.gi-sgbtn .btn-outline-color4:not([disabled]), 
.gi-sgbtn .show>.btn-outline-color4.dropdown-toggle,
.gi-sgbtn .btn.btn-outline-color4,
.gi-sgbtn .btn-outline-color4.focus{
	color: var(--color4) !important;
	background-color: white !important;
	border: 2px solid var(--color4) !important;
}
.gi-sgbtn .btn-outline-secondary.focus{   background-color: var(--SecondaryButtonColor) !important;}
.gi-sgbtn .btn-outline-color4:visited,
.gi-sgbtn .btn-outline-color4 a:visited, 
.gi-sgbtn a.btn-outline-color4:visited,
.gi-sgbtn .btn.btn-outline-color4:visited,
.gi-sgbtn .btn-outline-color4:not([disabled]):not(.disabled):visited, 
.gi-sgbtn .btn-outline-color4:not([disabled]):not(.disabled).visited, 
.gi-sgbtn .show>.btn-outline-color4.dropdown-toggle.visited,
.gi-sgbtn .btn-outline-color4.visited.focus{
	color: var(--color4) !important;
	background-color: white !important;
	border: 2px solid var(--color4) !important;
}
.gi-sgbtn .btn-outline-color4:active,
.gi-sgbtn .btn-outline-color4 a:active, 
.gi-sgbtn a.btn-outline-color4:active,
.gi-sgbtn .btn.btn-outline-color4:active,
.gi-sgbtn .btn-outline-color4:not([disabled]):not(.disabled):active, 
.gi-sgbtn .btn-outline-color4:not([disabled]):not(.disabled).active, 
.gi-sgbtn .show>.btn-outline-color4.dropdown-toggle.active,
.gi-sgbtn .btn-outline-color4.active.focus{
	color: var(--color4xl) !important;
	background-color: white !important;
	border: 2px solid var(--color4xl) !important;
}
.gi-sgbtn .btn-outline-color4:hover,
.gi-sgbtn .btn-outline-color4 a:hover, 
.gi-sgbtn a.btn-outline-color4:hover,
.gi-sgbtn .btn.btn-outline-color4:hover,
.gi-sgbtn .btn-outline-color4:not([disabled]):not(.disabled):hover, 
.gi-sgbtn .open>.dropdown-toggle.btn-outline-color4:hover,
.gi-sgbtn .show>.btn-outline-color4.dropdown-toggle{
	color: white !important;
	background-color: var(--color4) !important;
	border: 2px solid var(--color4) !important;
}
.gi-sgbtn .btn-outline-color5,
.gi-sgbtn .btn-outline-color5:not([disabled]), 
.gi-sgbtn .show>.btn-outline-color5.dropdown-toggle,
.gi-sgbtn .btn.btn-outline-color5,
.gi-sgbtn .btn-outline-color5.focus{
	color: var(--color5) !important;
	background-color: white !important;
	border: 2px solid var(--color5) !important;
}
.gi-sgbtn .btn-outline-secondary.focus{   background-color: var(--SecondaryButtonColor) !important;}
.gi-sgbtn .btn-outline-color5:visited,
.gi-sgbtn .btn-outline-color5 a:visited, 
.gi-sgbtn a.btn-outline-color5:visited,
.gi-sgbtn .btn.btn-outline-color5:visited,
.gi-sgbtn .btn-outline-color5:not([disabled]):not(.disabled):visited, 
.gi-sgbtn .btn-outline-color5:not([disabled]):not(.disabled).visited, 
.gi-sgbtn .show>.btn-outline-color5.dropdown-toggle.visited,
.gi-sgbtn .btn-outline-color5.visited.focus{
	color: var(--color5) !important;
	background-color: white !important;
	border: 2px solid var(--color5) !important;
}
.gi-sgbtn .btn-outline-color5:active,
.gi-sgbtn .btn-outline-color5 a:active, 
.gi-sgbtn a.btn-outline-color5:active,
.gi-sgbtn .btn.btn-outline-color5:active,
.gi-sgbtn .btn-outline-color5:not([disabled]):not(.disabled):active, 
.gi-sgbtn .btn-outline-color5:not([disabled]):not(.disabled).active, 
.gi-sgbtn .show>.btn-outline-color5.dropdown-toggle.active,
.gi-sgbtn .btn-outline-color5.active.focus{
	color: var(--color5xl) !important;
	background-color: white !important;
	border: 2px solid var(--color5xl) !important;
}
.gi-sgbtn .btn-outline-color5:hover,
.gi-sgbtn .btn-outline-color5 a:hover, 
.gi-sgbtn a.btn-outline-color5:hover,
.gi-sgbtn .btn.btn-outline-color5:hover,
.gi-sgbtn .btn-outline-color5:not([disabled]):not(.disabled):hover, 
.gi-sgbtn .open>.dropdown-toggle.btn-outline-color5:hover,
.gi-sgbtn .show>.btn-outline-color5.dropdown-toggle{
	color: white !important;
	background-color: var(--color5) !important;
	border: 2px solid var(--color5) !important;
}
.gi-sgbtn .onDrk .btn-outline-primary,
.gi-sgbtn .onDrk .btn-outline-primary:not([disabled]):not(.disabled),
.gi-sgbtn .onDrk .btn-outline-primary:visited,
.gi-sgbtn .onDrk .btn-outline-primary:not([disabled]):not(.disabled):visited,
.gi-sgbtn .onDrk a.btn-outline-primary:visited,
.gi-sgbtn .onDrk .btn-outline-default,
.gi-sgbtn .onDrk .btn-outline-default:visited,
.gi-sgbtn .onDrk a.btn-outline-default:visited,
.gi-sgbtn .onDrk .btn-outline-color1,
.gi-sgbtn .onDrk .btn-outline-color1:not([disabled]):not(.disabled),
.gi-sgbtn .onDrk .btn-outline-color1:visited,
.gi-sgbtn .onDrk .btn-outline-color1:not([disabled]):not(.disabled):visited,
.gi-sgbtn .onDrk a.btn-outline-color1:visited{
	background-color: transparent !important;
	color: white !important;
	border-color: white !important;
}
.gi-sgbtn .onDrk .btn-outline-primary:hover,
.gi-sgbtn .onDrk .btn-outline-primary:not([disabled]):not(.disabled):hover,
.gi-sgbtn .onDrk .btn-outline-primary:visited:hover,
.gi-sgbtn .onDrk a.btn-outline-primary:visited:hover,
.gi-sgbtn .onDrk .btn-outline-default:hover,
.gi-sgbtn .onDrk .btn-outline-default:visited:hover,
.gi-sgbtn .onDrk a.btn-outline-default:visited:hover,
.gi-sgbtn .onDrk .btn-outline-color1:hover,
.gi-sgbtn .onDrk .btn-outline-color1:not([disabled]):not(.disabled):hover,
.gi-sgbtn .onDrk .btn-outline-color1:visited:hover,
.gi-sgbtn .onDrk a.btn-outline-color1:visited:hover{
	background-color: white !important;
	color: var(--fc1_onLight) !important;
	border-color: white !important;
}
.gi-sgbtn .onDrk .btn-outline-secondary,
.gi-sgbtn .onDrk .btn-outline-secondary:not([disabled]):not(.disabled),
.gi-sgbtn .onDrk .btn-outline-secondary:visited,
.gi-sgbtn .onDrk .btn-outline-secondary:not([disabled]):not(.disabled):visited,
.gi-sgbtn .onDrk a.btn-outline-secondary:visited,
.gi-sgbtn .onDrk .btn-outline-color2,
.gi-sgbtn .onDrk .btn-outline-color2:not([disabled]):not(.disabled),
.gi-sgbtn .onDrk .btn-outline-color2:visited,
.gi-sgbtn .onDrk .btn-outline-color2:not([disabled]):not(.disabled):visited,
.gi-sgbtn .onDrk a.btn-outline-color2:visited{
	background-color: transparent !important;
	color: var(--fc2_onDark) !important;
	border-color: var(--fc2_onDark) !important;
}
.gi-sgbtn .onDrk .btn-outline-secondary:hover,
.gi-sgbtn .onDrk .btn-outline-secondary:not([disabled]):not(.disabled):hover,
.gi-sgbtn .onDrk .btn-outline-secondary:visited:hover,
.gi-sgbtn .onDrk a.btn-outline-secondary:visited:hover,
.gi-sgbtn .onDrk .btn-outline-color2:hover,
.gi-sgbtn .onDrk .btn-outline-color2:not([disabled]):not(.disabled):hover,
.gi-sgbtn .onDrk .btn-outline-color2:visited:hover,
.gi-sgbtn .onDrk a.btn-outline-color2:visited:hover{
	background-color: var(--fc2_onDark) !important;
	color: var(--fc1_onLight) !important;
	border-color: var(--fc2_onDark) !important;
}
.gi-sgbtn .onDrk .btn-outline-light,
.gi-sgbtn .onDrk a.btn-outline-light,
.gi-sgbtn .onDrk .btn-outline-light:visited,
.gi-sgbtn .onDrk a.btn-outline-light:visited,
.gi-sgbtn .onMix .btn-outline-light,
.gi-sgbtn .onMix a.btn-outline-light,
.gi-sgbtn .onMix .btn-outline-light:visited,
.gi-sgbtn .onMix a.btn-outline-light:visited{
	color: #fff !important;
	background-color: transparent !important;
	border-color: #cccccc !important;
}
.gi-sgbtn .onDrk .btn-outline-light:hover,
.gi-sgbtn .onDrk a.btn-outline-light:hover,
.gi-sgbtn .onMix .btn-outline-light:hover,
.gi-sgbtn .onMix a.btn-outline-light:hover{
	color: #333 !important;
	background-color: #cccccc !important;
	border-color: #cccccc !important;
}
.gi-sgbtn .onMix .btn-outline-primary,
.gi-sgbtn .onMix .btn-outline-primary:not([disabled]):not(.disabled),
.gi-sgbtn .onMix .btn-outline-primary:visited,
.gi-sgbtn .onMix .btn-outline-primary:not([disabled]):not(.disabled):visited,
.gi-sgbtn .onMix a.btn-outline-primary:visited,
.gi-sgbtn .onMix .btn-outline-default,
.gi-sgbtn .onMix .btn-outline-default:visited,
.gi-sgbtn .onMix a.btn-outline-default:visited,
.gi-sgbtn .onMix .btn-outline-color1,
.gi-sgbtn .onMix .btn-outline-color1:not([disabled]):not(.disabled),
.gi-sgbtn .onMix .btn-outline-color1:visited,
.gi-sgbtn .onMix .btn-outline-color1:not([disabled]):not(.disabled):visited,
.gi-sgbtn .onMix a.btn-outline-color1:visited{
	background-color: transparent !important;
	color: white !important;
	border-color: white !important;
}
.gi-sgbtn .onMix .btn-outline-primary:hover,
.gi-sgbtn .onMix .btn-outline-primary:not([disabled]):not(.disabled):hover,
.gi-sgbtn .onMix .btn-outline-primary:visited:hover,
.gi-sgbtn .onMix a.btn-outline-primary:visited:hover,
.gi-sgbtn .onMix .btn-outline-default:hover,
.gi-sgbtn .onMix .btn-outline-default:visited:hover,
.gi-sgbtn .onMix a.btn-outline-default:visited:hover,
.gi-sgbtn .onMix .btn-outline-color1:hover,
.gi-sgbtn .onMix .btn-outline-color1:not([disabled]):not(.disabled):hover,
.gi-sgbtn .onMix .btn-outline-color1:visited:hover,
.gi-sgbtn .onMix a.btn-outline-color1:visited:hover{
	background-color: white !important;
	color: var(--fc1_onLight) !important;
	border-color: white !important;
}
.gi-sgbtn .onMix .btn-outline-secondary,
.gi-sgbtn .onMix .btn-outline-secondary:not([disabled]):not(.disabled),
.gi-sgbtn .onMix .btn-outline-secondary:visited,
.gi-sgbtn .onMix .btn-outline-secondary:not([disabled]):not(.disabled):visited,
.gi-sgbtn .onMix a.btn-outline-secondary:visited,
.gi-sgbtn .onMix .btn-outline-color2,
.gi-sgbtn .onMix .btn-outline-color2:not([disabled]):not(.disabled),
.gi-sgbtn .onMix .btn-outline-color2:visited,
.gi-sgbtn .onMix .btn-outline-color2:not([disabled]):not(.disabled):visited,
.gi-sgbtn .onMix a.btn-outline-color2:visited{
	background-color: transparent !important;
	color: white !important;
	border-color: white !important;
}
.gi-sgbtn .onMix .btn-outline-secondary:hover,
.gi-sgbtn .onMix .btn-outline-secondary:not([disabled]):not(.disabled):hover,
.gi-sgbtn .onMix .btn-outline-secondary:visited:hover,
.gi-sgbtn .onMix a.btn-outline-secondary:visited:hover,
.gi-sgbtn .onMix .btn-outline-color2:hover,
.gi-sgbtn .onMix .btn-outline-color2:not([disabled]):not(.disabled):hover,
.gi-sgbtn .onMix .btn-outline-color2:visited:hover,
.gi-sgbtn .onMix a.btn-outline-color2:visited:hover{
	background-color: white !important;
	color: var(--fc1_onLight) !important;
	border-color: white !important;
}
.gi-sgbtn .onDrk .btn-primary:visited,
.gi-sgbtn .onDrk .btn-primary:not([disabled]):not(.disabled):visited,
.gi-sgbtn .onDrk a.btn-primary:visited,
.gi-sgbtn .onDrk .btn-color1:visited,
.gi-sgbtn .onDrk a.btn-color1:visited,
.gi-sgbtn .onDrk .btn-default:visited,
.gi-sgbtn .onDrk a.btn-default:visited{
	background-color: var(--PrimaryButtonColor) !important;
	color: var(--PrimaryButtonTextColor) !important;
}
.gi-sgbtn .onDrk .btn-primary:visited:hover,
.gi-sgbtn .onDrk a.btn-primary:visited:hover,
.gi-sgbtn .onDrk .btn-color1:visited:hover,
.gi-sgbtn .onDrk a.btn-color1:visited:hover,
.gi-sgbtn .onDrk .btn-default:visited:hover,
.gi-sgbtn .onDrk a.btn-default:visited:hover{
	background-color: var(--PrimaryButtonHoverColor) !important;
	color: var(--PrimaryButtonTextColor) !important;
}
.gi-sgbtn .onDrk .btn-secondary:visited,
.gi-sgbtn .onDrk .btn-secondary:not([disabled]):not(.disabled):visited,
.gi-sgbtn .onDrk a.btn-secondary:visited,
.gi-sgbtn .onDrk .btn-color2:visited,
.gi-sgbtn .onDrk a.btn-color2:visited{
	background-color: var(--SecondaryButtonColor) !important;
	color: var(--SecondaryButtonTextColor) !important;
}
.gi-sgbtn .onDrk .btn-secondary:visited:hover,
.gi-sgbtn .onDrk a.btn-secondary:visited:hover,
.gi-sgbtn .onDrk .btn-color2:visited:hover,
.gi-sgbtn .onDrk a.btn-color2:visited:hover{
	background-color: var(--SecondaryButtonHoverColor) !important;
	color: var(--SecondaryButtonTextColor) !important;
}
.gi-sgbtn .onMix .btn-primary:visited,
.gi-sgbtn .onMix .btn-primary:not([disabled]):not(.disabled):visited,
.gi-sgbtn .onMix a.btn-primary:visited,
.gi-sgbtn .onMix .btn-color1:visited,
.gi-sgbtn .onMix a.btn-color1:visited,
.gi-sgbtn .onMix .btn-default:visited,
.gi-sgbtn .onMix a.btn-default:visited{
	background-color: var(--PrimaryButtonColor) !important;
	color: var(--PrimaryButtonTextColor) !important;
}
.gi-sgbtn .onMix .btn-primary:visited:hover,
.gi-sgbtn .onMix a.btn-primary:visited:hover,
.gi-sgbtn .onMix .btn-color1:visited:hover,
.gi-sgbtn .onMix a.btn-color1:visited:hover,
.gi-sgbtn .onMix .btn-default:visited:hover,
.gi-sgbtn .onMix a.btn-default:visited:hover{
	background-color: var(--PrimaryButtonHoverColor) !important;
	color: var(--PrimaryButtonTextColor) !important;
}
.gi-sgbtn .onMix .btn-secondary:visited,
.gi-sgbtn .onMix .btn-secondary:not([disabled]):not(.disabled):visited,
.gi-sgbtn .onMix a.btn-secondary:visited,
.gi-sgbtn .onMix .btn-color2:visited,
.gi-sgbtn .onMix a.btn-color2:visited{
	background-color: var(--SecondaryButtonColor) !important;
	color: var(--SecondaryButtonTextColor) !important;
}
.gi-sgbtn .onMix .btn-secondary:visited:hover,
.gi-sgbtn .onMix a.btn-secondary:visited:hover,
.gi-sgbtn .onMix .btn-color2:visited:hover,
.gi-sgbtn .onMix a.btn-color2:visited:hover{
	background-color: var(--SecondaryButtonHoverColor) !important;
	color: var(--SecondaryButtonTextColor) !important;
}
.gi-sgbtn .btn-group, .gi-sgbtn .btn-group-vertical{
    box-shadow: none !important;
}
.gi-sgbtn .btn-group button,
.gi-sgbtn .btn-group .btn{
margin: 0;
margin: 0px -5px 5px 0px !important;
min-width: min-content;
}
.gi-sgbtn .btn-group button.btn-xs{
font-size: 75% !important;
padding: 10px 15px;
margin: 0px -5px 5px 0px !important;
}
.gi-sgbtn #filters.btn-group,
.gi-sgbtn #sorts.btn-group,
.gi-sgbtn .menuPage .btn-individual,
.gi-sgbtn #filters.btn-individual,
.gi-sgbtn #sorts.btn-individual{
	font-size: 90% !important;
	margin-right: 10px;
}
.gi-sgbtn #filters.btn-group>.btn:not(:first-child), 
.gi-sgbtn #filters.btn-group>.btn-group:not(:first-child){
margin-left: -.375rem;
}
.gi-sgbtn .btn-group button.btn-xl,
.gi-sgbtn .btn-group button.btn-lg,
.gi-sgbtn .btn-group button.btn-md,
.gi-sgbtn .btn-group button.btn-sm,
.gi-sgbtn .btn-group button.btn-xs{
	margin: 0;
	margin: 0px -5px 5px 0px !important;
}
.gi-sgbtn .btn-individual  button.btn-xs,
.gi-sgbtn .btn-individual  button.btn-sm,
.gi-sgbtn .btn-individual  button.btn-md,
.gi-sgbtn .btn-individual  button.btn-lg,
.gi-sgbtn .btn-individual  button.btn-xl,
.gi-sgbtn .btn-individual  .btn-xs,
.gi-sgbtn .btn-individual  .btn-sm,
.gi-sgbtn .btn-individual  .btn-md,
.gi-sgbtn .btn-individual  .btn-lg,
.gi-sgbtn .btn-individual  .btn-xl{
	margin: 0 1px 0 0 !important;
}
.gi-sgbtn #filters .btn.btn-xs, 
.gi-sgbtn #filters .btn-xs, 
.gi-sgbtn #filters .btn-xs-2x,
.gi-sgbtn #sorts .btn.btn-xs, 
.gi-sgbtn #sorts .btn-xs, 
.gi-sgbtn #sorts .btn-xs-2x,
.gi-sgbtn .btn-individual  button.btn-xs,
.gi-sgbtn .btn-individual  .btn-xs,
.gi-sgbtn .btn-group button.btn-xs{
	font-size: 80% !important;
	padding: 10px 18px !important;
}
.gi-sgbtn #filters .btn.btn-sm, 
.gi-sgbtn #filters .btn-sm, 
.gi-sgbtn #filters .btn-sm-2x,
.gi-sgbtn #sorts .btn.btn-sm, 
.gi-sgbtn #sorts .btn-sm, 
.gi-sgbtn #sorts .btn-sm-2x,
.gi-sgbtn .btn-individual  button.btn-sm,
.gi-sgbtn .btn-individual  .btn-sm,
.gi-sgbtn .btn-group button.btn-sm{
	font-size: 85% !important;
	padding: 10px 22px !important;
}
.gi-sgbtn #filters .btn.btn-md, 
.gi-sgbtn #filters .btn-md, 
.gi-sgbtn #filters .btn-md-2x,
.gi-sgbtn #sorts .btn.btn-md, 
.gi-sgbtn #sorts .btn-md, 
.gi-sgbtn #sorts .btn-md-2x,
.gi-sgbtn .btn-individual  button.btn-md,
.gi-sgbtn .btn-individual  .btn-md,
.gi-sgbtn .btn-group button.btn-md{
	min-width: 10px;
	width: inherit;
	max-width: inherit;
	font-size: 90% !important;
	padding: 10px 26px !important;
}
.gi-sgbtn #filters .btn.btn-lg, 
.gi-sgbtn #filters .btn-lg, 
.gi-sgbtn #filters .btn-lg-2x,
.gi-sgbtn #sorts .btn.btn-lg, 
.gi-sgbtn #sorts .btn-lg, 
.gi-sgbtn #sorts .btn-lg-2x,
.gi-sgbtn .btn-individual  button.btn-lg,
.gi-sgbtn .btn-individual  .btn-lg,
.gi-sgbtn .btn-group button.btn-lg{
	min-width: 10px;
	width: inherit;
	max-width: inherit;
	font-size: 100% !important;
	padding: 10px 30px !important;
}
.gi-sgbtn #filters .btn.btn-xl, 
.gi-sgbtn #filters .btn-xl, 
.gi-sgbtn #filters .btn-xl-2x,
.gi-sgbtn #sorts .btn.btn-xl, 
.gi-sgbtn #sorts .btn-xl, 
.gi-sgbtn #sorts .btn-xl-2x,
.gi-sgbtn .btn-individual  button.btn-xl,
.gi-sgbtn .btn-individual  .btn-xl,
.gi-sgbtn .btn-group button.btn-xl{
	min-width: 10px;
	width: inherit;
	max-width: inherit;
	font-size: 110% !important;
	padding: 10px 30px !important;
}
@media (max-width: 768px){.gi-sgbtn #filters .btn.btn-xs, 
.gi-sgbtn #filters .btn-xs, 
.gi-sgbtn #filters .btn-xs-2x,
.gi-sgbtn #sorts .btn.btn-xs, 
.gi-sgbtn #sorts .btn-xs, 
.gi-sgbtn #sorts .btn-xs-2x,
.gi-sgbtn .btn-individual  button.btn-xs,
.gi-sgbtn .btn-individual  .btn-xs,
.gi-sgbtn .btn-group button.btn-xs{
	font-size: 70% !important;
	padding: 12px 8px !important;
}
.gi-sgbtn #filters .btn.btn-sm, 
.gi-sgbtn #filters .btn-sm, 
.gi-sgbtn #filters .btn-sm-2x,
.gi-sgbtn #sorts .btn.btn-sm, 
.gi-sgbtn #sorts .btn-sm, 
.gi-sgbtn #sorts .btn-sm-2x,
.gi-sgbtn .btn-individual  button.btn-sm,
.gi-sgbtn .btn-individual  .btn-sm,
.gi-sgbtn .btn-group button.btn-sm{
	font-size: 80% !important;
	padding: 14px 8px !important;
}
.gi-sgbtn #filters .btn.btn-md, 
.gi-sgbtn #filters .btn-md, 
.gi-sgbtn #filters .btn-md-2x,
.gi-sgbtn #sorts .btn.btn-md, 
.gi-sgbtn #sorts .btn-md, 
.gi-sgbtn #sorts .btn-md-2x,
.gi-sgbtn .btn-individual  button.btn-md,
.gi-sgbtn .btn-individual  .btn-md,
.gi-sgbtn .btn-group button.btn-md{
	min-width: 10px;
	width: inherit;
	max-width: inherit;
	font-size: 85% !important;
	padding: 14px 10px!important;
}
.gi-sgbtn #filters .btn.btn-lg, 
.gi-sgbtn #filters .btn-lg, 
.gi-sgbtn #filters .btn-lg-2x,
.gi-sgbtn #sorts .btn.btn-lg, 
.gi-sgbtn #sorts .btn-lg, 
.gi-sgbtn #sorts .btn-lg-2x,
.gi-sgbtn .btn-individual  button.btn-lg,
.gi-sgbtn .btn-individual  .btn-lg,
.gi-sgbtn .btn-group button.btn-lg{
	min-width: 10px;
	width: inherit;
	max-width: inherit;
	font-size: 90% !important;
	padding: 14px 12px !important;
}
.gi-sgbtn #filters .btn.btn-xl, 
.gi-sgbtn #filters .btn-xl, 
.gi-sgbtn #filters .btn-xl-2x,
.gi-sgbtn #sorts .btn.btn-xl, 
.gi-sgbtn #sorts .btn-xl, 
.gi-sgbtn #sorts .btn-xl-2x,
.gi-sgbtn .btn-individual  button.btn-xl,
.gi-sgbtn .btn-individual  .btn-xl,
.gi-sgbtn .btn-group button.btn-xl{
	min-width: 10px;
	width: inherit;
	max-width: inherit;
	font-size: 100% !important;
	padding: 14px 14px !important;
}
}
.gi-sgbtn .move-up button{
	background:transparent;
	border:none;
}
.gi-sgbtn .move-up button:active:hover{
	/*padding-right:4px !important;
	margin-right:2px;*/
}
.gi-sgbtn .cartQty .btn-md{
	font-size: 1.45rem !important;
	padding: 1.45rem 8%;
	min-width: 20%;
	line-height: 1.4rem;
	margin: .15rem;
	border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	margin-bottom: 4px;
}
.gi-sgbtn input[type='text'].input-amount.w-100{
	font-size: 300% !important;
	color: #039303 !important;
	height: 95px !important;
	line-height: 95px;
	width: 100% !important;
	min-width: 100%;
	padding: 0px 0px 0px 40px !important;
	margin: 4px 0px 4px 0px !important;
}
.gi-sgbtn .form-check-input[type="checkbox"] + label::after,
.gi-sgbtn .form-check input[type="checkbox"] + label::after,
.gi-sgbtn label.btn input[type="checkbox"]:not(.filled-in) + label::after,
.gi-sgbtn .form-check-input[type="checkbox"]:checked + label::after,
.gi-sgbtn .form-check input[type="checkbox"]:checked + label::after,
.gi-sgbtn label.btn input[type="checkbox"]:checked + label::after{
  background-color: transparent !important;
  background-image: none !important;
  border: 1.5px solid transparent !important;
  transition: background-color .15s ease, border-color .15s ease;
}
.gi-sgbtn .btn,
.gi-sgbtn .btn.btn-2x, .gi-sgbtn .btn.btn-1x, .gi-sgbtn .btn.btn-wrap,
.gi-sgbtn .btn.btn-xxl, .gi-sgbtn .btn.btn-xxl-2x, .gi-sgbtn .btn.btn-xl, .gi-sgbtn .btn.btn-xl-2x,
.gi-sgbtn .btn.btn-lg, .gi-sgbtn .btn.btn-lg-2x,
.gi-sgbtn .btn.btn-md, .gi-sgbtn .btn.btn-md-1x, .gi-sgbtn .btn.btn-md-2x,
.gi-sgbtn .btn.btn-sm, .gi-sgbtn .btn.btn-sm-2x,
.gi-sgbtn .btn.btn-xs, .gi-sgbtn .btn.btn-xxs, .gi-sgbtn .btn.btn-xxxs,
.gi-sgbtn .btn-xxl, .gi-sgbtn .btn-xl, .gi-sgbtn .btn-lg, .gi-sgbtn .btn-md, .gi-sgbtn .btn-sm, .gi-sgbtn .btn-xs, .gi-sgbtn .btn-xxs, .gi-sgbtn .btn-xxxs,
.gi-sgbtn .btn-clear,
.gi-sgbtn .submit-button,
.gi-sgbtn .checkout > .system_button{
  border-radius: var(--ButtonBorderRadius, 10px);
  -webkit-border-radius: var(--ButtonBorderRadius, 10px);
  -moz-border-radius: var(--ButtonBorderRadius, 10px);
}
/* ---- https://turnerlee.com/shared/core/v1/sst-site-structure.css?v=1.028 (md5 300ab57c43d31756aab626bef5d2eafc) ---- */
.gi-sgbtn{
	--tlc-cw:   100%;
	--tlc-cmax: 1350px;
	--tlc-gut:  var(--bs-gutter-x, 1rem);
	/* THE FULL BOX'S SIDE PADDING, AS A TOKEN. Added 2026-09-02 22:10 MDT.
	   Declared here and consumed twice: by the body.tlc-w-full rule at the bottom of
	   this file, and by shared/pbs/v1/pbs.css, which has to re-declare the Full box on
	   .pb2-inner because .pb2-wrap is width:100vw and breaks out of #main > .container
	   entirely — so body.tlc-w-full can never reach the board. TWO CONSUMERS, ONE
	   DECLARATION: restate the formula in either file and they drift the first time
	   1920 moves.
	   A custom property is substituted at the element that USES it, so --tlc-cmax and
	   --tlc-gut resolve to whatever is inherited there — 1350/bs-gutter on a Default
	   page, 1920/clamp(10px,2.2vw,40px) under body.tlc-w-hd or .tlc-w-full.
	   BELOW ~2044px THIS EQUALS THE HD GUTTER EXACTLY, because min() takes the smaller
	   branch, which is what makes "HD until notes opens, then Full" a continuous move
	   rather than a jump. Declared with a real value and never left empty — see the
	   note above about var(--x, fallback) substituting an EMPTY value. */
	--tlc-full-pad: min(5vw, calc(max(0px, (100vw - var(--tlc-cmax, 1920px)) / 2) + var(--tlc-gut, clamp(10px, 2.2vw, 40px))));
}
@media (min-width: 576px){.gi-sgbtn{ --tlc-cw: 90%; --tlc-cmax:  768px; --tlc-gut: .75rem; }
}
@media (min-width: 768px){.gi-sgbtn{ --tlc-cw: 90%; --tlc-cmax:  992px; }
}
@media (min-width: 992px){.gi-sgbtn{ --tlc-cw: 85%; --tlc-cmax: 1200px; }
}
@media (min-width: 1200px){.gi-sgbtn{ --tlc-cw: 80%; --tlc-cmax: 1350px; }
}
.gi-sgbtn.tlc-w-hd,
.gi-sgbtn.tlc-w-full{
	--tlc-cw:   100%;
	--tlc-cmax: 1920px;
	--tlc-gut:  clamp(10px, 2.2vw, 40px);
}
.gi-sgbtn.tlc-ctx-ops{
	--InputBgColor: #FFFFFF;
	--InputBgColorHover: #FFFFFF;
	--InputBgColorFocus: #FFFFFF;
	--InputBorderColor: var(--ctx-line);
	--InputBorderColorHover: var(--ctx-line);
	--InputBorderColorFocus: var(--ctx-line);

	/* AND THE INK, WHICH IS THE HALF THAT MADE IT UNUSABLE. Craig, 2026-09-04,
	   on the /ops card-settings modal: "all the form fields are filling out
	   White. We need to make sure that all text on here is legible and high
	   contrast for all forms and all text on White. I know the site default
	   site is on dark, but this ops section needs its own styles, and they're
	   all on White."

	   MEASURED 2026-09-04 08:2x MDT, the same input in the same modal:
	       turnerlee.com   --InputColor #222222   label #222222   ph #999999
	       goepic4.com     --InputColor #ffffff   label #8397a6   ph #5f6c76
	   The background fix above turned the field white; goepic4's brand still
	   supplied WHITE ink for it, so a typed value was invisible until it was
	   selected. That is not goepic4 being wrong — it is a dark-branded public
	   site whose input palette is right on its own pages and inverted on this
	   one. Every dark-branded site with /ops has it.

	   FROM THE CONTEXT, NOT A HEX. sst-context.css already resolves ink against
	   the surface this page actually has, so these track the ground instead of
	   restating a gray. Effectively inert where the site is already light:
	   TurnerLee's --InputColor #222222 becomes rgba(0,0,0,.85) on white, about
	   two levels, and its .form-control text is bootstrap's #212529 either way. */
	--InputColor: var(--ctx-ink);
	--InputColorHover: var(--ctx-ink);
	--InputColorFocus: var(--ctx-ink);
	--InputLabelColor: var(--ctx-ink-2);
	--InputPlaceholderColor: var(--ctx-ink-3);

	/* THE CORNERS. Craig, same message: "rounded corners to match TLC".
	   Measured the same run: --RadiusBrand 15px · --InputBorderRadius 4px ·
	   --ButtonBorderRadius 10px on turnerlee.com, against 0px · 0px · unset on
	   goepic4, whose public brand is square by design.
	   shared/modals/v1/estimate-send-modal.css sets
	   `border-radius: var(--RadiusBrand, 15px)` on .egs-modal, so the SAME sheet
	   and the SAME selector produced a 15px dialog on TurnerLee and a hard-edged
	   one here — the sheet was never the difference, the token was.

	   THE OPERATIONS SURFACE IS A TLC STANDARD, NOT THE CLIENT'S BRAND — Craig's
	   "this ops section needs its own styles" applied to geometry as well as to
	   ink. A client site's PUBLIC pages keep their own square corners; only /ops
	   takes these. Literal lengths because there is no context token for radius
	   and these numbers ARE the standard: they are TurnerLee's own published
	   values, copied, so the reference site does not move. */
	--RadiusBrand: 15px;
	--InputBorderRadius: 4px;
	--ButtonBorderRadius: 10px;
}
.gi-sgbtn.tlc-ctx-ops{ --ws-hdr-offset: 0px; }
.gi-sgbtn.tlc-ctx-ops :is(.btn, button, input, select, textarea, label, legend,
                     .form-control, .form-label, .form-check-label){
	font-family: var(--font0Family, 'Open Sans', -apple-system, BlinkMacSystemFont,
	             'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif) !important;
}
.gi-sgbtn.tlc-ctx-ops .btn{ border: 2px solid transparent; }
.gi-sgbtn.tlc-ctx-ops .btn[class*="btn-outline-"]:not([class*="btn-x"]):not([class*="btn-sm"]):not([class*="btn-md"]):not([class*="btn-lg"]){
	padding: 1.5rem 2.25rem 1.5rem 2rem;
}
.gi-sgbtn .move-up,
.gi-sgbtn .move-up button{
	/* THE BUTTON IS IN THE CHAIN AND IT HAS ITS OWN COLOR, so grounding only the
	   form does nothing: the glyph inherits from its nearest ancestor. Measured
	   2026-09-22 on turnerlee.com/ with the form alone grounded — form
	   rgb(107, 103, 96), glyph still rgb(26, 26, 26).

	   A LITERAL, BECAUSE A GROUND THAT CAN ITSELF GO EMPTY IS NOT A GROUND.
	   First cut of this rule read `var(--ToTopButtonColor, #6b6760)` and measured
	   rgb(26, 26, 26) on turnerlee.com/ — that token is declared-but-empty on the
	   Blank template too, so the ground unset and inherited the body's near-black
	   onto a black page. (That page already rendered the arrow that way before this
	   rule existed, so it is the old defect surfacing, not a new one.) #6b6760 is
	   the fallback this control has always carried in editor/v1/editor.css. */
	color: #6b6760;
}
/* ---- https://turnerlee.com/shared/core/v1/bs-theme.css?v=1.002 (md5 89b9c5acbc903082899ea33d0910c9cc) ---- */
.gi-sgbtn{
  --bs-success: #00b52b;
  --bs-success-rgb: 0, 181, 43;
  --bs-danger: #e60000;
  --bs-danger-rgb: 230, 0, 0;
  --bs-warning: #ffd700;
  --bs-warning-rgb: 255, 215, 0;
}
/* ---- https://turnerlee.com/shared/core/v1/feedback.css?v=1.006 (md5 cd3db443b8eedc8ff15de5891ee48a05) ---- */
.gi-sgbtn button.tlc-toast{ cursor: pointer; }
.gi-sgbtn button.tlc-toast:hover{
  background: rgba(var(--bs-success-rgb, 0, 181, 43), .94);
  /* The hover used to lighten the RIM to rgba(255,255,255,.55). That is the
     white border this sync removed, reappearing on hover only — keep the fill
     lift, keep the stroke the role color. */
  border-color: var(--tlc-toast-stroke, rgb(var(--bs-success-rgb, 0, 181, 43)));
}
.gi-sgbtn button.tlc-toast.is-warning:hover,
.gi-sgbtn button.tlc-toast.is-warn:hover{
  background: rgba(var(--bs-warning-rgb, 255, 215, 0), .96);
}
.gi-sgbtn button.tlc-toast.is-danger:hover{
  background: rgba(var(--bs-danger-rgb, 230, 0, 0), .94);
}
/* ---- https://turnerlee.com/shared/core/v1/sst-3rdparty.css?v=1.003 (md5 19eab3e09ba997b070b21017d89b91b6) ---- */
.gi-sgbtn{ --SpinnerBgColor: var(--color1d); }
.gi-sgbtn .bxslider .slide .text .btn-holder{
	overflow: visible;
	z-index: 1000 !important;
}
.gi-sgbtn #filters.btn-individual,
.gi-sgbtn #filters.btn-grp,
.gi-sgbtn #sorts.btn-individual,
.gi-sgbtn #sorts.btn-grp{
	margin: 0px 20px 0px 0px;
}
.gi-sgbtn .btn-group-vertical > .btn, 
.gi-sgbtn .btn-group > .btn{
    /*-ms-flex: 1 1 1 !important;
    flex: 1 1 1 !important;*/
        flex-grow: 1 !important;
        flex-shrink: 1 !important;
        flex-basis: 1 !important;
}
@media (max-width: 400px){.gi-sgbtn .btn.filter{
padding-left: 1.1rem;
padding-right: 1.1rem;
}
}
.gi-sgbtn .btn-primary:hover{
    color: #fff;
    background-color: var(--PrimaryButtonColor) !important;
}
.gi-sgbtn .btn:hover, .gi-sgbtn .btn:focus, .gi-sgbtn .btn:active{
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.gi-sgbtn button, .gi-sgbtn, .gi-sgbtn input, .gi-sgbtn select, .gi-sgbtn textarea{
	/*font-family: Roboto,Helvetica Neue,sans-serif;*/
	font-family:var(--font1Family, sans-serif);
}
.gi-sgbtn .sticky-top.font70.caps.sorting.sorting_asc{
	background-color: white !important;
}
.gi-sgbtn button#insertImage-1.fr-command.fr-btn,
.gi-sgbtn button#insertVideo-1.fr-command.fr-btn,
.gi-sgbtn button#moreRich-1.fr-command.fr-btn,
.gi-sgbtn div.fr-quick-insert,
.gi-sgbtn div.fr-qi-helper,
.gi-sgbtn div.second-toolbar > #logo{
  display: none !important;
}
.gi-sgbtn .visual .carousel-control-prev button:focus, 
.gi-sgbtn .visual .carousel-control-next button:focus,
.gi-sgbtn .visual .carousel-control-prev:focus, 
.gi-sgbtn .visual .carousel-control-next:focus{
	border: 0px solid var(--color1xl);
}
.gi-sgbtn .visual .carousel-indicators button{
	color: white;
}
.gi-sgbtn .custom-carousel .btn-next,
  .gi-sgbtn .custom-carousel .btn-prev{
    text-decoration: none;
    color: #000;
    font-size: 30px;
    pointer-events: auto; }
@media (min-width: 992px){.gi-sgbtn .custom-carousel .btn-next,
      .gi-sgbtn .custom-carousel .btn-prev{
        font-size: 50px; }
}
.gi-sgbtn .custom-carousel .btn-prev{
    left: 10px; }
.gi-sgbtn .custom-carousel .btn-next{
    right: 10px; }
.gi-sgbtn .custom-carousel .btn-next, .gi-sgbtn .custom-carousel .btn-prev{
  text-decoration: none;
  color: #000;
  font-size: 30px;
  pointer-events: auto
}
@media (min-width:992px){.gi-sgbtn .custom-carousel .btn-next, .gi-sgbtn .custom-carousel .btn-prev{
    font-size: 50px
  }
}
.gi-sgbtn .custom-carousel .btn-prev{
  left: 10px
}
.gi-sgbtn .custom-carousel .btn-next{
  right: 10px
}
.gi-sgbtn .portfolio-nav .btn{
  text-transform: uppercase
}
.gi-sgbtn .portfolio-nav .btn:hover{
  background-color: #ffa000;
  border-color: #ffa000
}
.gi-sgbtn .portfolio-nav .active .btn{
  color: #fff
}
.gi-sgbtn .portfolio-nav .active .btn:focus{
  box-shadow: none
}
.gi-sgbtn .visual .carousel-indicators button{
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  border-radius: 50%;
  padding: 3px;
  border-style: solid
}
.gi-sgbtn .visual .carousel-indicators button:hover{
  background-color: var(--color3lf2, #ececec);
  border-color: var(--color3lf2, #ececec)
}
.gi-sgbtn .projects-gallery .thumbnail-wrap button.holder{
  padding: 0;
  margin: 0 5px;
  border: 0
}
.gi-sgbtn .projects-gallery .btn-next, .gi-sgbtn .projects-gallery .btn-prev{
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #000;
  text-decoration: none
}
.gi-sgbtn .projects-gallery .btn-next:before, .gi-sgbtn .projects-gallery .btn-prev:before{
  font-family: icomoon;
  font-size: 32px;
  line-height: 1
}
@media (min-width:992px){.gi-sgbtn .projects-gallery .btn-next:before, .gi-sgbtn .projects-gallery .btn-prev:before{
    font-size: 30px
  }
}
.gi-sgbtn .projects-gallery .btn-prev{
  left: -5px
}
.gi-sgbtn .projects-gallery .btn-prev:before{
  content: "\e909"
}
.gi-sgbtn .projects-gallery .btn-next{
  right: -5px
}
.gi-sgbtn .projects-gallery .btn-next:before{
  content: "\e902"
}
/* ---- https://turnerlee.com/shared/core/v1/sst-custom.css?v=1.001 (md5 2f1bcbe5dd5cfacd8ec3c24502c22466) ---- */
.gi-sgbtn form:has(input[name="prop_KeyWords"]) > input[type="submit"],
.gi-sgbtn form:has(input[name="prop_KeyWords"]) > a.btn{
    flex: 0 0 auto;
    white-space: nowrap;
    margin: 0;
}
.gi-sgbtn .moduleHeader .row:has(form:has(input[name="prop_KeyWords"])),
.gi-sgbtn .moduleHeader .row:has(.btn-group):has(form:has(input[name="prop_KeyWords"])){
    align-items: center;
}
.gi-sgbtn .filterGrid-item .list-hit.cardBlock > .w-100:is(.border, .border-brand, .border0, .border1, .border2, .border3, .border4, .border5){
    transition: border-color 0.2s ease;
}
.gi-sgbtn .filterGrid-item .list-hit.cardBlock:hover > .w-100:is(.border, .border-brand, .border0, .border1, .border2, .border3, .border4, .border5),
.gi-sgbtn .filterGrid-item .list-hit.cardBlock:focus-within > .w-100:is(.border, .border-brand, .border0, .border1, .border2, .border3, .border4, .border5){
    border-color: var(--color10, #ff7800) !important;
}
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:link,
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:visited,
.gi-sgbtn .color1 .filterGrid-item .list-hit.cardBlock .w-100 > a:link,
.gi-sgbtn .color1 .filterGrid-item .list-hit.cardBlock .w-100 > a:visited,
.gi-sgbtn .color2 .filterGrid-item .list-hit.cardBlock .w-100 > a:link,
.gi-sgbtn .color2 .filterGrid-item .list-hit.cardBlock .w-100 > a:visited,
.gi-sgbtn .color3 .filterGrid-item .list-hit.cardBlock .w-100 > a:link,
.gi-sgbtn .color3 .filterGrid-item .list-hit.cardBlock .w-100 > a:visited{
    color: inherit !important;
}
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:hover,
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:focus,
.gi-sgbtn .color1 .filterGrid-item .list-hit.cardBlock .w-100 > a:hover,
.gi-sgbtn .color1 .filterGrid-item .list-hit.cardBlock .w-100 > a:focus,
.gi-sgbtn .color2 .filterGrid-item .list-hit.cardBlock .w-100 > a:hover,
.gi-sgbtn .color2 .filterGrid-item .list-hit.cardBlock .w-100 > a:focus,
.gi-sgbtn .color3 .filterGrid-item .list-hit.cardBlock .w-100 > a:hover,
.gi-sgbtn .color3 .filterGrid-item .list-hit.cardBlock .w-100 > a:focus{
    color: inherit !important;
}
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.flexcolor1,.flex1,.fc1){ color: var(--flexcolor1) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.flexcolor1l,.flex1l,.fc1l){ color: var(--flexcolor1l) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.flexcolor1xl,.flex1xl,.fc1xl){ color: var(--flexcolor1xl) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.flexcolor1d,.flex1d,.fc1d){ color: var(--flexcolor1d) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.flexcolor1xd,.flex1xd,.fc1xd){ color: var(--flexcolor1xd) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.flexcolor1xxd,.flex1xxd,.fc1xxd){ color: var(--flexcolor1xxd) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.flexcolor1rgb,.flex1rgb,.fc1rgb){ color: var(--flexcolor1rgb) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.flexcolor1raw,.flex1raw,.fc1raw){ color: var(--flexcolor1raw) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.flexcolor1f1,.fc1f1){ color: var(--flexcolor1f1) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.flexcolor1f2,.fc1f2){ color: var(--flexcolor1f2) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.flexcolor1f3,.fc1f3){ color: var(--flexcolor1f3) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.flexcolor1f4,.fc1f4){ color: var(--flexcolor1f4) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.flexcolor1f5,.fc1f5){ color: var(--flexcolor1f5) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.flexcolor1f6,.fc1f6){ color: var(--flexcolor1f6) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.flexcolor1f7,.fc1f7){ color: var(--flexcolor1f7) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.flexcolor1f8,.fc1f8){ color: var(--flexcolor1f8) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.flexcolor1f9,.fc1f9){ color: var(--flexcolor1f9) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.flexcolor2,.flex2,.fc2){ color: var(--flexcolor2) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.flexcolor2l,.flex2l,.fc2l){ color: var(--flexcolor2l) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.flexcolor2xl,.flex2xl,.fc2xl){ color: var(--flexcolor2xl) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.flexcolor2d,.flex2d,.fc2d){ color: var(--flexcolor2d) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.flexcolor2xd,.flex2xd,.fc2xd){ color: var(--flexcolor2xd) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.flexcolor2xxd,.flex2xxd,.fc2xxd){ color: var(--flexcolor2xxd) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.flexcolor2rgb,.flex2rgb,.fc2rgb){ color: var(--flexcolor2rgb) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.flexcolor2raw,.flex2raw,.fc2raw){ color: var(--flexcolor2raw) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.flexcolor2f1,.fc2f1){ color: var(--flexcolor2f1) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.flexcolor2f2,.fc2f2){ color: var(--flexcolor2f2) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.flexcolor2f3,.fc2f3){ color: var(--flexcolor2f3) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.flexcolor2f4,.fc2f4){ color: var(--flexcolor2f4) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.flexcolor2f5,.fc2f5){ color: var(--flexcolor2f5) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.flexcolor2f6,.fc2f6){ color: var(--flexcolor2f6) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.flexcolor2f7,.fc2f7){ color: var(--flexcolor2f7) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.flexcolor2f8,.fc2f8){ color: var(--flexcolor2f8) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.flexcolor2f9,.fc2f9){ color: var(--flexcolor2f9) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.flexcolor3,.flex3,.fc3){ color: var(--flexcolor3) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.flexcolor3l,.flex3l,.fc3l){ color: var(--flexcolor3l) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.flexcolor3xl,.flex3xl,.fc3xl){ color: var(--flexcolor3xl) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.flexcolor3d,.flex3d,.fc3d){ color: var(--flexcolor3d) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.flexcolor3xd,.flex3xd,.fc3xd){ color: var(--flexcolor3xd) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.flexcolor3xxd,.flex3xxd,.fc3xxd){ color: var(--flexcolor3xxd) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.flexcolor3rgb,.flex3rgb,.fc3rgb){ color: var(--flexcolor3rgb) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.flexcolor3raw,.flex3raw,.fc3raw){ color: var(--flexcolor3raw) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.flexcolor3f1,.fc3f1){ color: var(--flexcolor3f1) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.flexcolor3f2,.fc3f2){ color: var(--flexcolor3f2) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.flexcolor3f3,.fc3f3){ color: var(--flexcolor3f3) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.flexcolor3f4,.fc3f4){ color: var(--flexcolor3f4) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.flexcolor3f5,.fc3f5){ color: var(--flexcolor3f5) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.flexcolor3f6,.fc3f6){ color: var(--flexcolor3f6) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.flexcolor3f7,.fc3f7){ color: var(--flexcolor3f7) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.flexcolor3f8,.fc3f8){ color: var(--flexcolor3f8) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.flexcolor3f9,.fc3f9){ color: var(--flexcolor3f9) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.flexcolor4,.flex4,.fc4){ color: var(--flexcolor4) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.flexcolor4l,.flex4l,.fc4l){ color: var(--flexcolor4l) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.flexcolor4xl,.flex4xl,.fc4xl){ color: var(--flexcolor4xl) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.flexcolor4d,.flex4d,.fc4d){ color: var(--flexcolor4d) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.flexcolor4xd,.flex4xd,.fc4xd){ color: var(--flexcolor4xd) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.flexcolor4xxd,.flex4xxd,.fc4xxd){ color: var(--flexcolor4xxd) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.flexcolor4rgb,.flex4rgb,.fc4rgb){ color: var(--flexcolor4rgb) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.flexcolor4raw,.flex4raw,.fc4raw){ color: var(--flexcolor4raw) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.flexcolor5,.flex5,.fc5){ color: var(--flexcolor5) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.flexcolor5l,.flex5l,.fc5l){ color: var(--flexcolor5l) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.flexcolor5xl,.flex5xl,.fc5xl){ color: var(--flexcolor5xl) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.flexcolor5d,.flex5d,.fc5d){ color: var(--flexcolor5d) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.flexcolor5xd,.flex5xd,.fc5xd){ color: var(--flexcolor5xd) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.flexcolor5xxd,.flex5xxd,.fc5xxd){ color: var(--flexcolor5xxd) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.flexcolor5rgb,.flex5rgb,.fc5rgb){ color: var(--flexcolor5rgb) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.flexcolor5raw,.flex5raw,.fc5raw){ color: var(--flexcolor5raw) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.reverse1,.rc1){ color: var(--reverse1) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.reverse2,.rc2){ color: var(--reverse2) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.reverse3,.rc3){ color: var(--reverse3) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.flexwhite1,.fw1,.flexblack1){ color: var(--flexwhite1) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.flexwhite2,.fw2,.flexblack2){ color: var(--flexwhite2) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.flexwhite3,.fw3,.flexblack3){ color: var(--flexwhite3) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.flexwhite4,.fw4,.flexblack4){ color: var(--flexwhite4) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.flexwhite5,.fw5,.flexblack5){ color: var(--flexwhite5) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.flexwhite6,.fw6,.flexblack6){ color: var(--flexwhite6) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.flexwhite7,.fw7,.flexblack7){ color: var(--flexwhite7) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.flexwhite8,.fw8,.flexblack8){ color: var(--flexwhite8) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.flexwhite9,.fw9,.flexblack9){ color: var(--flexwhite9) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.orange,.orange2,.color10){ color: #ff7800 !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.gold,.color12){ color: #ffd700 !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.green,.color8){ color: #039303 !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.yellow,.color7){ color: #FFCC00 !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.gray){ color: gray !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.gray3){ color: var(--gray3) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.gray6){ color: var(--gray6) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.color1){ color: var(--flexcolor1) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.color2){ color: var(--flexcolor2) !important; }
.gi-sgbtn .filterGrid-item .list-hit.cardBlock .w-100 > a:is(:hover,:focus) :is(.color3){ color: var(--flexcolor3) !important; }
.gi-sgbtn .btn.menuTLC{
	font-size: 0.95rem !important;
	border-radius: var(--ButtonBorderRadius, 10px);
	-webkit-border-radius: var(--ButtonBorderRadius, 10px);
	-moz-border-radius: var(--ButtonBorderRadius, 10px);
	text-transform: uppercase;
}
.gi-sgbtn a.btn.menuTLC:link,
.gi-sgbtn input.btn.menuTLC{
	font-size: 0.95rem !important;
	padding: 1.05rem 2%;
	margin: 0;
}
@media (max-width: 992px){.gi-sgbtn a.btn.menuTLC:link,
.gi-sgbtn input.btn.menuTLC{
	font-size: 0.65rem !important;
	padding: 0.6rem 2%;
	margin: 0;
	border-radius: var(--ButtonBorderRadius, 10px);
	-webkit-border-radius: var(--ButtonBorderRadius, 10px);
	-moz-border-radius: var(--ButtonBorderRadius, 10px);
}
}
.gi-sgbtn .menuPage .btn-group:not(:first-child) .btn,
.gi-sgbtn .menuPage .btn-group:not(:last-child) .btn{
	border-radius: 0rem;
}
.gi-sgbtn .menuPage .btn-group:first-child .btn{
	border-radius: 0.5rem;
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}
.gi-sgbtn .menuPage .btn-group:last-child .btn{
	border-radius: 0.5rem;
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}
.gi-sgbtn .btn.menuPage{
	font-size: 1rem !important;
	padding: 1rem 2%;
	text-transform: uppercase;
	border-radius: var(--ButtonBorderRadius, 10px);
	-webkit-border-radius: var(--ButtonBorderRadius, 10px);
	-moz-border-radius: var(--ButtonBorderRadius, 10px);
}
@media (max-width: 992px){.gi-sgbtn .btn.menuPage{
	font-size: 0.65rem !important;
	padding: 1rem 2%;
	margin: 0;
	border-radius: 0.3rem; /* Rounded Corners 0 = no */
	-webkit-border-radius: 0.3rem;
	-moz-border-radius: 0.3rem;
}
}