/* ========================================================================== Theme Configuration File ========================================================================== */
/** Base Colors Description: Provides a base for the UI. Usage: General UI Background, Region Headers, Buttons */
/** Highlight Colors Description: Used for providing emphasis or importance to UI components. Usage: Region Headers, Primary / Hot Buttons */
/** Accent and Status Colors Description: Used for indicating state-based UI components, status, or accents. Usage: Warnings, Errors, Danger Text, Success, Focus */
/** Application Based Colors Description: Used for applications within APEX development */
/* ========================================================================== Layout utilities ========================================================================== */
.u-ColorBG--1 { background-color: #5856D6; }

.u-ColorFG--1 { color: #5856D6; }

.u-ColorBG--2 { background-color: #007aff; }

.u-ColorFG--2 { color: #007aff; }

.u-ColorBG--3 { background-color: #34aadc; }

.u-ColorFG--3 { color: #34aadc; }

.u-ColorBG--4 { background-color: #5ac8fa; }

.u-ColorFG--4 { color: #5ac8fa; }

.u-ColorBG--5 { background-color: #4cd964; }

.u-ColorFG--5 { color: #4cd964; }

.u-ColorBG--6 { background-color: #ff2d55; }

.u-ColorFG--6 { color: #ff2d55; }

.u-ColorBG--7 { background-color: #ff3b30; }

.u-ColorFG--7 { color: #ff3b30; }

.u-ColorBG--8 { background-color: #ff9500; }

.u-ColorFG--8 { color: #ff9500; }

.u-ColorBG--9 { background-color: #ffcc00; }

.u-ColorFG--9 { color: #ffcc00; }

.u-ColorBG--10 { background-color: #8e8e93; }

.u-ColorFG--10 { color: #8e8e93; }

.u-ColorBG--11 { background-color: #7978de; }

.u-ColorFG--11 { color: #7978de; }

.u-ColorBG--12 { background-color: #3395ff; }

.u-ColorFG--12 { color: #3395ff; }

.u-ColorBG--13 { background-color: #5dbbe3; }

.u-ColorFG--13 { color: #5dbbe3; }

.u-ColorBG--14 { background-color: #7bd3fb; }

.u-ColorFG--14 { color: #7bd3fb; }

.u-ColorBG--15 { background-color: #70e183; }

.u-ColorFG--15 { color: #70e183; }

.u-ColorBG--16 { background-color: #ff5777; }

.u-ColorFG--16 { color: #ff5777; }

.u-ColorBG--17 { background-color: #ff6259; }

.u-ColorFG--17 { color: #ff6259; }

.u-ColorBG--18 { background-color: #ffaa33; }

.u-ColorFG--18 { color: #ffaa33; }

.u-ColorBG--19 { background-color: #ffd633; }

.u-ColorFG--19 { color: #ffd633; }

.u-ColorBG--20 { background-color: #a5a5a9; }

.u-ColorFG--20 { color: #a5a5a9; }

.u-ColorBG--21 { background-color: #4f4dc1; }

.u-ColorFG--21 { color: #4f4dc1; }

.u-ColorBG--22 { background-color: #006ee6; }

.u-ColorFG--22 { color: #006ee6; }

.u-ColorBG--23 { background-color: #2f99c6; }

.u-ColorFG--23 { color: #2f99c6; }

.u-ColorBG--24 { background-color: #51b4e1; }

.u-ColorFG--24 { color: #51b4e1; }

.u-ColorBG--25 { background-color: #44c35a; }

.u-ColorFG--25 { color: #44c35a; }

.u-ColorBG--26 { background-color: #e6294d; }

.u-ColorFG--26 { color: #e6294d; }

.u-ColorBG--27 { background-color: #e6352b; }

.u-ColorFG--27 { color: #e6352b; }

.u-ColorBG--28 { background-color: #e68600; }

.u-ColorFG--28 { color: #e68600; }

.u-ColorBG--29 { background-color: #e6b800; }

.u-ColorFG--29 { color: #e6b800; }

.u-ColorBG--30 { background-color: #808084; }

.u-ColorFG--30 { color: #808084; }

/* ========================================================================== Table Layout for Divs ========================================================================== */
.u-Table { display: table; margin: 0; padding: 0; table-layout: auto; width: 100%; }

.u-Table-fill, .u-Table-fit { display: table-cell; padding: 0; vertical-align: top; }

.u-Table-fill { width: 100%; }

.u-Table--middle .u-Table-fill, .u-Table--middle .u-Table-fit { vertical-align: middle; }

.u-Table--bottom .u-Table-fill, .u-Table--bottom .u-Table-fit { vertical-align: bottom; }

.u-Table--equal { table-layout: fixed; }

.u-Table--equal > .u-Table-fill, .u-Table--equal > .u-Table-fit { width: auto; }

.u-Table--withBorder > .u-Table-fit, .u-Table--withBorder > .u-Table-fill { border-left: 1px solid #F0F0F0; }

.u-Table--withBorder > .u-Table-fit:first-child, .u-Table--withBorder > .u-Table-fill:first-child { border-left: none; }

.u-textSuccess { color: #24CB7F; }

.u-textDanger { color: red; }

/* ========================================================================== Height Utility Classes ========================================================================== */
/** Contain floats Increment by 10px Max Height: mxh[height] Min Height: mnh[height] Height: h[height] */
.mxh10 { max-height: 10px; }

.mxh20 { max-height: 20px; }

.mxh30 { max-height: 30px; }

.mxh40 { max-height: 40px; }

.mxh50 { max-height: 50px; }

.mxh60 { max-height: 60px; }

.mxh70 { max-height: 70px; }

.mxh80 { max-height: 80px; }

.mxh90 { max-height: 90px; }

.mxh100 { max-height: 100px; }

.mxh110 { max-height: 110px; }

.mxh120 { max-height: 120px; }

.mxh130 { max-height: 130px; }

.mxh140 { max-height: 140px; }

.mxh150 { max-height: 150px; }

.mxh160 { max-height: 160px; }

.mxh170 { max-height: 170px; }

.mxh180 { max-height: 180px; }

.mxh190 { max-height: 190px; }

.mxh200 { max-height: 200px; }

.mxh210 { max-height: 210px; }

.mxh220 { max-height: 220px; }

.mxh230 { max-height: 230px; }

.mxh240 { max-height: 240px; }

.mxh250 { max-height: 250px; }

.mxh260 { max-height: 260px; }

.mxh270 { max-height: 270px; }

.mxh280 { max-height: 280px; }

.mxh290 { max-height: 290px; }

.mxh300 { max-height: 300px; }

.mxh310 { max-height: 310px; }

.mxh320 { max-height: 320px; }

.mxh330 { max-height: 330px; }

.mxh340 { max-height: 340px; }

.mxh350 { max-height: 350px; }

.mxh360 { max-height: 360px; }

.mxh370 { max-height: 370px; }

.mxh380 { max-height: 380px; }

.mxh390 { max-height: 390px; }

.mxh400 { max-height: 400px; }

.mxh410 { max-height: 410px; }

.mxh420 { max-height: 420px; }

.mxh430 { max-height: 430px; }

.mxh440 { max-height: 440px; }

.mxh450 { max-height: 450px; }

.mxh460 { max-height: 460px; }

.mxh470 { max-height: 470px; }

.mxh480 { max-height: 480px; }

.mxh490 { max-height: 490px; }

.mxh500 { max-height: 500px; }

.mxh510 { max-height: 510px; }

.mxh520 { max-height: 520px; }

.mxh530 { max-height: 530px; }

.mxh540 { max-height: 540px; }

.mxh550 { max-height: 550px; }

.mxh560 { max-height: 560px; }

.mxh570 { max-height: 570px; }

.mxh580 { max-height: 580px; }

.mxh590 { max-height: 590px; }

.mxh600 { max-height: 600px; }

.mxh610 { max-height: 610px; }

.mxh620 { max-height: 620px; }

.mxh630 { max-height: 630px; }

.mxh640 { max-height: 640px; }

.mxh650 { max-height: 650px; }

.mxh660 { max-height: 660px; }

.mxh670 { max-height: 670px; }

.mxh680 { max-height: 680px; }

.mxh690 { max-height: 690px; }

.mxh700 { max-height: 700px; }

.mxh710 { max-height: 710px; }

.mxh720 { max-height: 720px; }

.mxh730 { max-height: 730px; }

.mxh740 { max-height: 740px; }

.mxh750 { max-height: 750px; }

.mxh760 { max-height: 760px; }

.mxh770 { max-height: 770px; }

.mxh780 { max-height: 780px; }

.mxh790 { max-height: 790px; }

.mxh800 { max-height: 800px; }

.mnh10 { min-height: 10px; }

.mnh20 { min-height: 20px; }

.mnh30 { min-height: 30px; }

.mnh40 { min-height: 40px; }

.mnh50 { min-height: 50px; }

.mnh60 { min-height: 60px; }

.mnh70 { min-height: 70px; }

.mnh80 { min-height: 80px; }

.mnh90 { min-height: 90px; }

.mnh100 { min-height: 100px; }

.mnh110 { min-height: 110px; }

.mnh120 { min-height: 120px; }

.mnh130 { min-height: 130px; }

.mnh140 { min-height: 140px; }

.mnh150 { min-height: 150px; }

.mnh160 { min-height: 160px; }

.mnh170 { min-height: 170px; }

.mnh180 { min-height: 180px; }

.mnh190 { min-height: 190px; }

.mnh200 { min-height: 200px; }

.mnh210 { min-height: 210px; }

.mnh220 { min-height: 220px; }

.mnh230 { min-height: 230px; }

.mnh240 { min-height: 240px; }

.mnh250 { min-height: 250px; }

.mnh260 { min-height: 260px; }

.mnh270 { min-height: 270px; }

.mnh280 { min-height: 280px; }

.mnh290 { min-height: 290px; }

.mnh300 { min-height: 300px; }

.mnh310 { min-height: 310px; }

.mnh320 { min-height: 320px; }

.mnh330 { min-height: 330px; }

.mnh340 { min-height: 340px; }

.mnh350 { min-height: 350px; }

.mnh360 { min-height: 360px; }

.mnh370 { min-height: 370px; }

.mnh380 { min-height: 380px; }

.mnh390 { min-height: 390px; }

.mnh400 { min-height: 400px; }

.mnh410 { min-height: 410px; }

.mnh420 { min-height: 420px; }

.mnh430 { min-height: 430px; }

.mnh440 { min-height: 440px; }

.mnh450 { min-height: 450px; }

.mnh460 { min-height: 460px; }

.mnh470 { min-height: 470px; }

.mnh480 { min-height: 480px; }

.mnh490 { min-height: 490px; }

.mnh500 { min-height: 500px; }

.mnh510 { min-height: 510px; }

.mnh520 { min-height: 520px; }

.mnh530 { min-height: 530px; }

.mnh540 { min-height: 540px; }

.mnh550 { min-height: 550px; }

.mnh560 { min-height: 560px; }

.mnh570 { min-height: 570px; }

.mnh580 { min-height: 580px; }

.mnh590 { min-height: 590px; }

.mnh600 { min-height: 600px; }

.mnh610 { min-height: 610px; }

.mnh620 { min-height: 620px; }

.mnh630 { min-height: 630px; }

.mnh640 { min-height: 640px; }

.mnh650 { min-height: 650px; }

.mnh660 { min-height: 660px; }

.mnh670 { min-height: 670px; }

.mnh680 { min-height: 680px; }

.mnh690 { min-height: 690px; }

.mnh700 { min-height: 700px; }

.mnh710 { min-height: 710px; }

.mnh720 { min-height: 720px; }

.mnh730 { min-height: 730px; }

.mnh740 { min-height: 740px; }

.mnh750 { min-height: 750px; }

.mnh760 { min-height: 760px; }

.mnh770 { min-height: 770px; }

.mnh780 { min-height: 780px; }

.mnh790 { min-height: 790px; }

.mnh800 { min-height: 800px; }

.h10 { height: 10px; }

.h20 { height: 20px; }

.h30 { height: 30px; }

.h40 { height: 40px; }

.h50 { height: 50px; }

.h60 { height: 60px; }

.h70 { height: 70px; }

.h80 { height: 80px; }

.h90 { height: 90px; }

.h100 { height: 100px; }

.h110 { height: 110px; }

.h120 { height: 120px; }

.h130 { height: 130px; }

.h140 { height: 140px; }

.h150 { height: 150px; }

.h160 { height: 160px; }

.h170 { height: 170px; }

.h180 { height: 180px; }

.h190 { height: 190px; }

.h200 { height: 200px; }

.h210 { height: 210px; }

.h220 { height: 220px; }

.h230 { height: 230px; }

.h240 { height: 240px; }

.h250 { height: 250px; }

.h260 { height: 260px; }

.h270 { height: 270px; }

.h280 { height: 280px; }

.h290 { height: 290px; }

.h300 { height: 300px; }

.h310 { height: 310px; }

.h320 { height: 320px; }

.h330 { height: 330px; }

.h340 { height: 340px; }

.h350 { height: 350px; }

.h360 { height: 360px; }

.h370 { height: 370px; }

.h380 { height: 380px; }

.h390 { height: 390px; }

.h400 { height: 400px; }

.h410 { height: 410px; }

.h420 { height: 420px; }

.h430 { height: 430px; }

.h440 { height: 440px; }

.h450 { height: 450px; }

.h460 { height: 460px; }

.h470 { height: 470px; }

.h480 { height: 480px; }

.h490 { height: 490px; }

.h500 { height: 500px; }

.h510 { height: 510px; }

.h520 { height: 520px; }

.h530 { height: 530px; }

.h540 { height: 540px; }

.h550 { height: 550px; }

.h560 { height: 560px; }

.h570 { height: 570px; }

.h580 { height: 580px; }

.h590 { height: 590px; }

.h600 { height: 600px; }

.h610 { height: 610px; }

.h620 { height: 620px; }

.h630 { height: 630px; }

.h640 { height: 640px; }

.h650 { height: 650px; }

.h660 { height: 660px; }

.h670 { height: 670px; }

.h680 { height: 680px; }

.h690 { height: 690px; }

.h700 { height: 700px; }

.h710 { height: 710px; }

.h720 { height: 720px; }

.h730 { height: 730px; }

.h740 { height: 740px; }

.h750 { height: 750px; }

.h760 { height: 760px; }

.h770 { height: 770px; }

.h780 { height: 780px; }

.h790 { height: 790px; }

.h800 { height: 800px; }

.i-h100 > .a-Region-body { height: 100px; }

.i-h110 > .a-Region-body { height: 110px; }

.i-h120 > .a-Region-body { height: 120px; }

.i-h130 > .a-Region-body { height: 130px; }

.i-h140 > .a-Region-body { height: 140px; }

.i-h150 > .a-Region-body { height: 150px; }

.i-h160 > .a-Region-body { height: 160px; }

.i-h170 > .a-Region-body { height: 170px; }

.i-h180 > .a-Region-body { height: 180px; }

.i-h190 > .a-Region-body { height: 190px; }

.i-h200 > .a-Region-body { height: 200px; }

.i-h210 > .a-Region-body { height: 210px; }

.i-h220 > .a-Region-body { height: 220px; }

.i-h230 > .a-Region-body { height: 230px; }

.i-h240 > .a-Region-body { height: 240px; }

.i-h250 > .a-Region-body { height: 250px; }

.i-h260 > .a-Region-body { height: 260px; }

.i-h270 > .a-Region-body { height: 270px; }

.i-h280 > .a-Region-body { height: 280px; }

.i-h290 > .a-Region-body { height: 290px; }

.i-h300 > .a-Region-body { height: 300px; }

.i-h310 > .a-Region-body { height: 310px; }

.i-h320 > .a-Region-body { height: 320px; }

.i-h330 > .a-Region-body { height: 330px; }

.i-h340 > .a-Region-body { height: 340px; }

.i-h350 > .a-Region-body { height: 350px; }

.i-h360 > .a-Region-body { height: 360px; }

.i-h370 > .a-Region-body { height: 370px; }

.i-h380 > .a-Region-body { height: 380px; }

.i-h390 > .a-Region-body { height: 390px; }

.i-h400 > .a-Region-body { height: 400px; }

.i-h410 > .a-Region-body { height: 410px; }

.i-h420 > .a-Region-body { height: 420px; }

.i-h430 > .a-Region-body { height: 430px; }

.i-h440 > .a-Region-body { height: 440px; }

.i-h450 > .a-Region-body { height: 450px; }

.i-h460 > .a-Region-body { height: 460px; }

.i-h470 > .a-Region-body { height: 470px; }

.i-h480 > .a-Region-body { height: 480px; }

.i-h490 > .a-Region-body { height: 490px; }

.i-h500 > .a-Region-body { height: 500px; }

.i-h510 > .a-Region-body { height: 510px; }

.i-h520 > .a-Region-body { height: 520px; }

.i-h530 > .a-Region-body { height: 530px; }

.i-h540 > .a-Region-body { height: 540px; }

.i-h550 > .a-Region-body { height: 550px; }

.i-h560 > .a-Region-body { height: 560px; }

.i-h570 > .a-Region-body { height: 570px; }

.i-h580 > .a-Region-body { height: 580px; }

.i-h590 > .a-Region-body { height: 590px; }

.i-h600 > .a-Region-body { height: 600px; }

.i-h610 > .a-Region-body { height: 610px; }

.i-h620 > .a-Region-body { height: 620px; }

.i-h630 > .a-Region-body { height: 630px; }

.i-h640 > .a-Region-body { height: 640px; }

.i-h650 > .a-Region-body { height: 650px; }

.i-h660 > .a-Region-body { height: 660px; }

.i-h670 > .a-Region-body { height: 670px; }

.i-h680 > .a-Region-body { height: 680px; }

.i-h690 > .a-Region-body { height: 690px; }

.i-h700 > .a-Region-body { height: 700px; }

.i-h710 > .a-Region-body { height: 710px; }

.i-h720 > .a-Region-body { height: 720px; }

.i-h730 > .a-Region-body { height: 730px; }

.i-h740 > .a-Region-body { height: 740px; }

.i-h750 > .a-Region-body { height: 750px; }

.i-h760 > .a-Region-body { height: 760px; }

.i-h770 > .a-Region-body { height: 770px; }

.i-h780 > .a-Region-body { height: 780px; }

.i-h790 > .a-Region-body { height: 790px; }

.i-h800 > .a-Region-body { height: 800px; }

/* ========================================================================== Layout utilities ========================================================================== */
/** Float Right / Left */
.u-staticWidth { padding: 64px 5%; }

.u-staticWidth .apex-grid-container { width: 100%; }

.u-circlePhoto { border-radius: 100%; }

.u-Layout--centerVertically { display: flex; flex-direction: column; justify-content: center; flex: 1; }

.u-Border--bottom { border-bottom-width: 1px !important; }

.u-Border--top { border-top-width: 1px !important; }

/* ========================================================================== Report Utility Class --- Slightly updated styles to better fit Builder ========================================================================== */
.u-Report .u-Report-header, .u-Report th { padding: 12px; }

.u-Report td { padding: 8px 12px; }

.u-Report td, .u-Report th { border-left-color: #F0F0F0; border-top-color: #F0F0F0; }

.u-Report tr td:last-child, .u-Report tr th:last-child { border-right-color: #F0F0F0; }

.u-Report tr:last-child td { border-bottom-color: #F0F0F0; }

.u-Report.u-Report--condensed { font-size: 11px; line-height: 14px; }

.u-Report.u-Report--condensed .u-Report-header, .u-Report.u-Report--condensed th { padding: 2px; }

.u-Report.u-Report--condensed td { padding: 2px; }

.u-Report.u-Report--nowrap .u-Report-header, .u-Report.u-Report--nowrap th, .u-Report.u-Report--nowrap td { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* Hero Selection Regions (Used for Get Started Regions) ========================================================================== */
.u-Block--hero { margin: 64px auto; max-width: 780px; }

.u-Block--hero .u-Block-title { font-size: 24px; text-align: center; margin-bottom: 24px; font-weight: 500; }