*.fas.fa-circle,
*.far.fa-circle { position:relative; }
*.fas.fa-circle::after,
*.far.fa-circle::after { 
    position:absolute;
    content:attr(data-value);
    font-size:0.6em;
    left:50%; top:50%;
    transform:translate(-50%, -50%)
}


/* FONTAWESOME ICONS */
#onboarding-organization .fa-solid:not(.fa-spinner):before { border-radius:50%; } 
#onboarding-organization .fa-spinner { cursor:default; color:var(--cavelo-orange); }
#onboarding-organization .fa-circle-check { cursor:default; color:var(--cavelo-green);}
#onboarding-organization .fa-circle-check:before { background-image: radial-gradient(var(--cavelo-blue-20), var(--cavelo-green)); box-shadow:0px 0px 5px var(--cavelo-black-40); }
#onboarding-organization .fa-circle-xmark { cursor:default; color:var(--cavelo-orange); }
#onboarding-organization .fa-circle-xmark:before { background-image: radial-gradient(var(--cavelo-blue-20), var(--cavelo-orange)); box-shadow:0px 0px 5px var(--cavelo-black-40); }
#onboarding-organization .fa-circle-exclamation { cursor:default; color:var(--cv-gold-dark); }
#onboarding-organization .fa-circle-exclamation:before { background-image: radial-gradient(var(--cavelo-blue), var(--cv-gold-dark)); box-shadow:0px 0px 5px var(--cavelo-black-40); }

/* SVG ICONS */
#onboarding-organization .svg-image svg path,
#onboarding-organization .svg-image svg g,
#onboarding-organization .svg-image svg circle { stroke:var(--cavelo-blue) !important; fill:var(--cavelo-blue-20) !important; filter:none !important; }
#onboarding-organization .svg-image svg #perimeter-external-globe { fill:var(--cavelo-blue-20) !important; }
#onboarding-organization .svg-image svg #perimeter-internal-building { fill:var(--cavelo-blue-20) !important; }
#onboarding-organization .svg-image svg #platform-agent-laptop { fill:var(--cavelo-blue-20) !important; }
#onboarding-organization .svg-image svg #platform-agent-laptop-screen { fill:var(--cavelo-blue-60) !important; }
#onboarding-organization .svg-image svg #platform-cloud-cloud { fill:var(--cavelo-blue-20) !important; }
#onboarding-organization .svg-image svg #endpoint-vulnerability-shackle { fill:var(--cavelo-blue-20) !important; }
#onboarding-organization .svg-image svg #path815 { stroke:var(--cavelo-blue) !important; } /*padlock keyway*/
#onboarding-organization .svg-image svg #path819 { stroke:var(--cavelo-blue) !important; } /*padlock keyway*/
#onboarding-organization .svg-image svg #endpoint-software-window-middle { fill:var(--cavelo-blue-60) !important; }
#onboarding-organization .svg-image svg #endpoint-software-window-bottom { fill:var(--cavelo-blue-80) !important; }
#onboarding-organization .svg-image svg #enduser-pii-circle { fill:none !important; }
#onboarding-organization .svg-image svg #enduser-pii-user { display:none !important; }
#onboarding-organization .svg-image svg #enduser-pii-user2 { display:inline !important; }
#onboarding-organization .svg-image svg #enduser-permissions-shackle { fill:none !important; }
#onboarding-organization .svg-image svg #enduser-permissions-user,
#onboarding-organization .svg-image svg #enduser-events-user,
#onboarding-organization .svg-image svg #enduser-pii-user2 { fill:var(--cavelo-blue-20) !important; }
#onboarding-organization .svg-image svg #enduser-pii-pii,
#onboarding-organization .svg-image svg #enduser-events-bubble,
#onboarding-organization .svg-image svg #enduser-permissions-lockbody { fill:var(--cavelo-blue-20) !important; stroke:var(--cavelo-blue) !important; }

/* MAIN */
#onboarding-organization section,
#onboarding-organization article { position:relative; padding:1em; margin-top:1em; color:var(--cavelo-white); }
#onboarding-organization section h2,
#onboarding-organization section h3 { position:relative; margin:0 0 1em 0; }

/* CONTROLS*/ 
#onboarding-organization .controls {
    position:relative; 
    display:grid;
    width:100%;
    column-gap:1em;
    grid-template-columns:auto auto 1fr;    
    margin:0;    
}
#onboarding-organization .controls > .icon,
#onboarding-organization .controls > .svg-image { position:absolute; right:0; }
#onboarding-organization .controls > .icon > i { font-size:4em; margin:1rem; }
#onboarding-organization article > .controls:last-child { margin-top:2em !important; }

/* STEPS */
#onboarding-organization .steps { position:relative; width:100%; margin-bottom:1em; }
#onboarding-organization .steps > .step {
    position:relative; 
    display:grid;
    width:100%;
    column-gap:1em;
    grid-template-columns:1em auto 1fr;
    margin-bottom:1em;
}

/* PROGRESS */
#onboarding-organization .content > .progress {
    position:relative; 
    width:100%;
    column-gap:0;
    text-align:center; 
    margin-bottom:1px;
}

/* SPECIFIC - Data Discovery */
/* #onboarding-organization section#data-discovery { background:var(--cavelo-blue); } */
/* #onboarding-organization section#data-discovery > .content > article { background:var(--cavelo-blue-20); color:var(--cavelo-black); } */
/* #onboarding-organization section#data-discovery > .content > .progress { grid-template-columns:1fr 1fr 1fr; background:var(--cavelo-blue-20); color:var(--cavelo-black-80); border:1px solid var(--cavelo-blue-20); } */
/* #onboarding-organization section#data-discovery > .content > .progress > div:not([disabled]) { background:var(--cavelo-blue-80); color:var(--cavelo-white); font-weight:bold; } */

/* SPECIFIC - Vulnerability Management */
/* #onboarding-organization section#data-protection { background:var(--cavelo-orange); } */
/* #onboarding-organization section#data-protection > .content > article { background:var(--cavelo-orange-20); color:var(--cavelo-black); } */
/* #onboarding-organization section#data-protection > .content > .progress { grid-template-columns:1fr 1fr 1fr 1fr 1fr; background:var(--cavelo-orange-20); color:var(--cavelo-black-40); border:1px solid var(--cavelo-orange-20); } */
/* #onboarding-organization section#data-protection > .content > .progress > div:not([disabled]) { background:var(--cavelo-orange-80); color:var(--cavelo-white); font-weight:bold; } */

/* SPECIFIC - Extras */
/* #onboarding-organization section#data-management { background:var(--cv-grey-100); } */
/* #onboarding-organization section#data-management > .content > article { background:var(--cavelo-platinum-20); color:var(--cavelo-black); } */
/* #onboarding-organization section#data-management > .content > .progress { grid-template-columns:1fr 1fr 1fr; background:var(--cavelo-platinum-40); color:var(--cavelo-black-40); border:1px solid var(--cavelo-platinum-20); } */
/* #onboarding-organization section#data-management > .content > .progress > div:not([disabled]) { background:var(--cavelo-platinum-80); color:var(--cavelo-white); font-weight:bold; } */