/* ==========================================================================
   1. DISPLAY & POSITIONING
   ========================================================================== */
/* Display Properties */
.display-none { display: none; }
.display-none-important { display: none !important; }
.display-inline { display: inline; }
.display-inline-block { display: inline-block; }
.display-inline-important { display: inline !important; }
.display-block { display: block; }
.display-contents { display: contents; }
.display-flex { display: flex; }
.display-table-cell { display: table-cell; }

/* Position Properties */
.position-absolute { position: absolute; }
.position-relative { position: relative; }
.position-block { position: block; }
.top-50p { top: 50%; }
.top-35px { top: 35px; }
.top-30px { top: 30px; }
.top-1px { top: 1px; }
.top-0px { top: 0px; }
.top-0 { top: 0; }
.top-minus-10px { top: -10px; }
.top-minus-23px { top: -23px; }
.left-50p { left: 50%; }
.left-116px { left: 116px; }
.left-105px { left: 105px; }
.left-30-percent { left: 30%; }
.left-24-percent { left: 24%; }
.left-17-percent { left: 17%; }
.left-10-percent { left: 10%; }
.left-minus-10-percent { left: -10%; }
.left-minus-250px { left: -250px; }
.left-auto { left: auto; }
.left-0 { left: 0; }
.right-0px { right: 0px; }

/* ==========================================================================
   2. DIMENSIONS
   ========================================================================== */
/* Width - Percentages */
.width-150-percent { width: 150%; }
.width-170-percent { width: 170%; }
.width-100-percent { width: 100%; }
.width-95-percent { width: 95%; }
.width-90-percent { width: 90%; }
.width-83-percent { width: 83%; }
.width-80-percent { width: 80%; }
.width-78-percent { width: 78%; }
.width-65-percent { width: 65%; }
.width-50-percent { width: 50%; }
.width-40-percent { width: 40%; }
.width-35-percent { width: 35%; }
.width-30-percent { width: 30%; }
.width-25-percent { width: 25%; }
.width-20-percent { width: 20%; }
.width-15-percent { width: 15%; }
.width-10-percent { width: 10%; }
.width-5-percent { width: 5%; }
.width-0-percent { width: 0%; }
.width-fit-content { width: fit-content; }
.width-auto { width: auto; }

/* Width - Pixels */
.width-1300px { width: 1300px; }
.width-1150px { width: 1150px; }
.width-1000px { width: 1000px; }
.width-870px { width: 870px; }
.width-800px { width: 800px; }
.width-670px { width: 670px; }
.width-650px { width: 650px; }
.width-600px { width: 600px; }
.width-390px { width: 390px; }
.width-340px { width: 340px; }
.width-337px { width: 337px; }
.width-307px { width: 307px; }
.width-300px { width: 300px; }
.width-270px { width: 270px; }
.width-250px { width: 250px; }
.width-240px { width: 240px; }
.width-220px { width: 220px; }
.width-215px { width: 215px; }
.width-201px { width: 201px; }
.width-200px { width: 200px; }
.width-175px { width: 175px; }
.width-160px { width: 160px; }
.width-155px { width: 155px; }
.width-150px { width: 150px; }
.width-135px { width: 135px; }
.width-130px { width: 130px; }
.width-125px { width: 125px; }
.width-120px { width: 120px; }
.width-118px { width: 118px; }
.width-115px { width: 115px; }
.width-112px { width: 112px; }
.width-100px { width: 100px; }
.width-90px { width: 90px; }
.width-84px { width: 84px; }
.width-80px { width: 80px; }
.width-79px { width: 79px; }
.width-78px { width: 78px; }
.width-70px { width: 70px; }
.width-63px { width: 63px; }
.width-60px { width: 60px; }
.width-58px { width: 58px; }
.width-50px { width: 50px; }
.width-45px { width: 45px; }
.width-43px { width: 43px; }
.width-40px { width: 40px; }
.width-37px { width: 37px; }
.width-30px { width: 30px; }
.width-26px { width: 26px; }
.width-24px { width: 24px; }
.width-20px { width: 20px; }

/* Width - Em/Rem */
.width-15em { width: 15em; }
.width-8em { width: 8em; }

/* Max Width */
.max-width-1100px { max-width: 1100px; }
.max-width-1050px { max-width: 1050px; }
.max-width-1000px { max-width: 1000px; }
.max-width-900px { max-width: 900px; }
.max-width-850px { max-width: 850px; }
.max-width-800px { max-width: 800px; }
.max-width-700px { max-width: 700px; }
.max-width-650px { max-width: 650px; }
.max-width-608px { max-width: 608px; }
.max-width-600px { max-width: 600px; }
.max-width-500px { max-width: 500px; }
.max-width-400px { max-width: 400px; }
.max-width-390px { max-width: 390px; }
.max-width-320px { max-width: 320px; }
.max-width-300px { max-width: 300px; }
.max-width-150px { max-width: 150px; }
.max-width-100-percent { max-width: 100%; }
.max-width-110-percent-important { max-width: 110% !important; }
.max-width-70-percent { max-width: 70%; }
.max-width-65-percent { max-width: 65%; }
.max-width-50-percent { max-width: 50%; }
.max-width-0px { max-width: 0px; }

/* Min Width */
.min-width-300px { min-width: 300px; }
.min-width-100-percent { min-width: 100%; }

/* Height - Percentages */
.height-100-percent { height: 100%; }
.height-100p-important { height: 100% !important; }
.height-90-percent { height: 90%; }
.height-25-percent { height: 25%; }
.height-10-percent { height: 10%; }
.height-auto { height: auto; }
.height-auto-important { height: auto !important; }

/* Height - Pixels */
.height-1800px { height: 1800px; }
.height-1250px { height: 1250px; }
.height-1000px { height: 1000px; }
.height-870px { height: 870px; }
.height-670px { height: 670px; }
.height-620px { height: 620px; }
.height-400px { height: 400px; }
.height-320px { height: 320px; }
.height-300px { height: 300px; }
.height-300px-important { height: 300px !important; }
.height-220px { height: 220px; }
.height-215px { height: 215px; }
.height-209px { height: 209px; }
.height-180px { height: 180px; }
.height-120px { height: 120px; }
.height-100px { height: 100px; }
.height-99px { height: 99px; }
.height-70px { height: 70px; }
.height-60px { height: 60px; }
.height-50px { height: 50px; }
.height-45px { height: 45px; }
.height-40px { height: 40px; }
.height-30px { height: 30px; }
.height-26px { height: 26px; }
.height-20px { height: 20px; }
.height-1px { height: 1px; }
.height-0px { height: 0px; }

/* Height - Em/Rem */
.height-2em { height: 2em; }

/* Min Height */
.min-height-544px { min-height: 544px; }
.min-height-350px { min-height: 350px; }
.min-height-300px { min-height: 300px; }
.min-height-280px { min-height: 280px; }
.min-height-50px { min-height: 50px; }

/* Max Height */
.max-height-330px { max-height: 330px; }
.max-height-300px { max-height: 300px; }
.max-height-90 { max-height: 90%; }
.max-height-0px { max-height: 0px; }

/* ==========================================================================
   3. SPACING
   ========================================================================== */
/* Margin - All Sides */
.margin-auto { margin: auto; }
.margin-0 { margin: 0; }
.margin-0px { margin: 0px; }
.margin-0-0 { margin: 0 0; }
.margin-0-auto { margin: 0 auto; }
.margin-0-25-percent { margin: 0 25%; }
.margin-0-0-21px-0 { margin: 0 0 21px 0; }
.margin-0-0-20px-0 { margin: 0 0 20px 0; }
.margin-20px-0 { margin: 20px 0; }
.margin-20px { margin: 20px; }
.margin-17-percent { margin: 17%; }
.margin-15-percent { margin: 15%; }
.margin-14-percent { margin: 14%; }
.margin-10px { margin: 10px; }
.margin-5-percent { margin: 5%; }
.margin-0-5em { margin: 0.5em; }
.margin-minus-1rem { margin: -1rem; }

/* Margin Top */
.margin-top-67px { margin-top: 67px; }
.margin-top-60px { margin-top: 60px; }
.margin-top-58-percent { margin-top: 58%; }
.margin-top-55px { margin-top: 55px; }
.margin-top-50px { margin-top: 50px; }
.margin-top-45px-important { margin-top: 45px !important; }
.margin-top-40px { margin-top: 40px; }
.margin-top-35px { margin-top: 35px; }
.margin-top-30px { margin-top: 30px; }
.margin-top-20px { margin-top: 20px; }
.margin-top-15px { margin-top: 15px; }
.margin-top-12px { margin-top: 12px; }
.margin-top-10px { margin-top: 10px; }
.margin-top-8px { margin-top: 8px; }
.margin-top-7px { margin-top: 7px; }
.margin-top-5px { margin-top: 5px; }
.margin-top-3px { margin-top: 3px; }
.margin-top-0px { margin-top: 0px; }
.margin-top-0px-important { margin-top: 0px !important; }
.margin-top-minus-9px { margin-top: -9px; }
.margin-top-minus-35px { margin-top: -35px; }
.margin-top-minus-55pt { margin-top: -55pt; }
.margin-top-minus-70px { margin-top: -70px; }
.margin-top-minus-10-percent { margin-top: -10%; }
.margin-top-minus-6-percent { margin-top: -6%; }
.margin-top-71-percent { margin-top: 71%; }
.margin-top-2-percent { margin-top: 2%; }

/* Margin Bottom */
.margin-bottom-30px { margin-bottom: 30px; }
.margin-bottom-25px { margin-bottom: 25px; }
.margin-bottom-20px { margin-bottom: 20px; }
.margin-bottom-20px-important { margin-bottom: 20px !important; }
.margin-bottom-15px { margin-bottom: 15px; }
.margin-bottom-10px { margin-bottom: 10px; }
.margin-bottom-10px-important { margin-bottom: 10px !important; }
.margin-bottom-8px { margin-bottom: 8px; }
.margin-bottom-5px { margin-bottom: 5px; }
.margin-bottom-1px { margin-bottom: 1px; }
.margin-bottom-0 { margin-bottom: 0; }
.margin-bottom-10-percent { margin-bottom: 10%; }
.margin-bottom-2-percent { margin-bottom: 2%; }
.margin-bottom-1-percent { margin-bottom: 1%; }

/* Margin Left */
.margin-left-400px { margin-left: 400px; }
.margin-left-110pt { margin-left: 110pt; }
.margin-left-80px { margin-left: 80px; }
.margin-left-70px { margin-left: 70px; }
.margin-left-50px { margin-left: 50px; }
.margin-left-40px { margin-left: 40px; }
.margin-left-30px { margin-left: 30px; }
.margin-left-26pt { margin-left: 26pt; }
.margin-left-25px { margin-left: 25px; }
.margin-left-24px { margin-left: 24px; }
.margin-left-22px { margin-left: 22px; }
.margin-left-20px { margin-left: 20px; }
.margin-left-20pt { margin-left: 20pt; }
.margin-left-15px { margin-left: 15px; }
.margin-left-15pt { margin-left: 15pt; }
.margin-left-12px { margin-left: 12px; }
.margin-left-10px { margin-left: 10px; }
.margin-left-0px { margin-left: 0px; }
.margin-left-minus-15px-important { margin-left: -15px !important; }
.margin-left-minus-1em-important { margin-left: -1em !important; }
.margin-left-minus-30px { margin-left: -30px; }
.margin-left-minus-48pt { margin-left: -48pt; }
.margin-left-minus-50px { margin-left: -50px; }
.margin-left-minus-52pt { margin-left: -52pt; }
.margin-left-minus-55px { margin-left: -55px; }
.margin-left-minus-170px { margin-left: -170px; }
.margin-left-25-percent { margin-left: 25%; }
.margin-left-10-percent { margin-left: 10%; }
.margin-left-3-percent { margin-left: 3%; }
.margin-left-1-5-percent { margin-left: 1.5%; }
.margin-left-auto { margin-left: auto; }
.margin-left-minus-34pt { margin-left: -34pt; }
.margin-left-minus-35-percent { margin-left: -35%; }
.margin-left-minus-38pt { margin-left: -38pt; }
.margin-left-18em { margin-left: 18em; }
.margin-left-6em { margin-left: 6em; }
.margin-left-3em { margin-left: 3em; }
.margin-left-0-5em { margin-left: 0.5em; }

/* Margin Right */
.margin-right-40px { margin-right: 40px; }
.margin-right-10px { margin-right: 10px; }
.margin-right-6px { margin-right: 6px; }
.margin-right-0px { margin-right: 0px; }
.margin-right-minus-16-percent { margin-right: -16%; }
.margin-right-1-percent { margin-right: 1%; }
.margin-right-auto { margin-right: auto; }
.margin-right-18em { margin-right: 18em; }
.margin-right-0-5em { margin-right: 0.5em; }

/* Padding - All Sides */
.padding-45px-0 { padding: 45px 0; }
.padding-30px { padding: 30px; }
.padding-25px { padding: 25px; }
.padding-20px { padding: 20px; }
.padding-18px { padding: 18px; }
.padding-15px { padding: 15px; }
.padding-14px { padding: 14px; }
.padding-12px { padding: 12px; }
.padding-10px { padding: 10px; }
.padding-9px { padding: 9px; }
.padding-8px-44px { padding: 8px 44px; }
.padding-5px { padding: 5px; }
.padding-4px { padding: 4px; }
.padding-0px { padding: 0px; }
.padding-0 { padding: 0; }
.padding-0-20px { padding: 0 20px; }
.padding-15px-0 { padding: 15px 0; }
.padding-0em { padding: 0em; }
.padding-5px-3px { padding: 5px 3px; }
.padding-3px-10px { padding: 3px 10px; }
.padding-3px-5px { padding: 3px 5px; }
.padding-0px-18px-9px { padding: 0px 18px 9px; }
.padding-0-3em { padding: 0.3em; }
.padding-3-percent { padding: 3%; }

/* Padding Top */
.padding-top-50px { padding-top: 50px; }
.padding-top-40px { padding-top: 40px; }
.padding-top-30px { padding-top: 30px; }
.padding-top-20px { padding-top: 20px; }
.padding-top-18px { padding-top: 18px; }
.padding-top-15px { padding-top: 15px; }
.padding-top-12px { padding-top: 12px; }
.padding-top-10px { padding-top: 10px; }
.padding-top-9px { padding-top: 9px; }
.padding-top-0px { padding-top: 0px; }
.padding-top-0px-important { padding-top: 0px !important; }
.padding-top-0em-important { padding-top: 0em !important; }
.padding-top-5-percent { padding-top: 5%; }
.padding-top-4-percent { padding-top: 4%; }
.padding-top-2rem { padding-top: 2rem; }
.padding-top-1em { padding-top: 1em; }
.padding-top-0em { padding-top: 0em; }

/* Padding Bottom */
.padding-bottom-20px { padding-bottom: 20px; }
.padding-bottom-18px { padding-bottom: 18px; }
.padding-bottom-10px { padding-bottom: 10px; }
.padding-bottom-9px { padding-bottom: 9px; }
.padding-bottom-5px { padding-bottom: 5px; }
.padding-bottom-0em-important { padding-bottom: 0em !important; }

/* Padding Left */
.padding-left-320px { padding-left: 320px; }
.padding-left-100px { padding-left: 100px; }
.padding-left-40px { padding-left: 40px; }
.padding-left-30px { padding-left: 30px; }
.padding-left-20px { padding-left: 20px; }
.padding-left-18px { padding-left: 18px; }
.padding-left-15px { padding-left: 15px; }
.padding-left-14px { padding-left: 14px; }
.padding-left-10px { padding-left: 10px; }
.padding-left-9px { padding-left: 9px; }
.padding-left-1px-important { padding-left: 1px !important; }
.padding-left-0px { padding-left: 0px; }
.padding-left-13-percent { padding-left: 13%; }
.padding-left-5-percent { padding-left: 5%; }
.padding-left-3-percent { padding-left: 3%; }
.padding-left-0-percent { padding-left: 0%; }
.padding-left-unset { padding-left: unset; }
.padding-left-5-7em { padding-left: 5.7em; }
.padding-left-2rem { padding-left: 2rem; }
.padding-left-1-3em { padding-left: 1.3em; }
.padding-left-0-5em { padding-left: 0.5em; }

/* Padding Right */
.padding-right-320px { padding-right: 320px; }
.padding-right-50px { padding-right: 50px; }
.padding-right-20px { padding-right: 20px; }
.padding-right-18px { padding-right: 18px; }
.padding-right-15px { padding-right: 15px; }
.padding-right-9px { padding-right: 9px; }
.padding-right-0px { padding-right: 0px; }
.padding-right-unset { padding-right: unset; }

/* ==========================================================================
   4. TYPOGRAPHY
   ========================================================================== */
/* Font Family */
.font-family-Helvetica { font-family: Helvetica, Arial, sans-serif; }
.font-family-HelveticaNeue-Helvetica-Arial-Verdana-SansSerif { font-family: Helvetica Neue, Helvetica, Arial, Verdana, sans-serif; }
.font-family-Arial { font-family: Arial, sans-serif; }
.font-family-sans-serif { font-family: sans-serif; }
.font-12px-helvetica { font: 12px Helvetica, Arial, sans-serif; }

/* Font Size - Pixels */
.font-size-42px { font-size: 42px; }
.font-size-40px { font-size: 40px; }
.font-size-35px { font-size: 35px; }
.font-size-30px { font-size: 30px; }
.font-size-29px { font-size: 29px; }
.font-size-28px { font-size: 28px; }
.font-size-25px { font-size: 25px; }
.font-size-24px { font-size: 24px; }
.font-size-22px { font-size: 22px; }
.font-size-20px { font-size: 20px; }
.font-size-18px { font-size: 18px; }
.font-size-17px { font-size: 17px; }
.font-size-16px { font-size: 16px; }
.font-size-15px { font-size: 15px; }
.font-size-14px { font-size: 14px; }
.font-size-14-1px { font-size: 14.1px; }
.font-size-13px { font-size: 13px; }
.font-size-12px { font-size: 12px; }
.font-size-11px { font-size: 11px; }
.font-size-10px { font-size: 10px; }
.font-size-0px { font-size: 0px; }

/* Font Size - Points */
.font-size-20pt { font-size: 20pt; }
.font-size-14pt { font-size: 14pt; }
.font-size-13pt { font-size: 13pt; }
.font-size-12pt { font-size: 12pt; }
.font-size-11pt { font-size: 11pt; }
.font-size-10pt { font-size: 10pt; }
.font-size-9pt { font-size: 9pt; }
.font-size-8pt { font-size: 8pt; }
.font-size-7pt { font-size: 7pt; }

/* Font Size - Relative */
.font-size-xxx-large { font-size: xxx-large; }
.font-size-x-small { font-size: x-small; }
.font-size-1-5rem { font-size: 1.5rem; }
.font-size-1rem-important { font-size: 1rem !important; }
.font-size-1-5em { font-size: 1.5em; }
.font-size-1-3em { font-size: 1.3em; }
.font-size-95-percent { font-size: 95%; }
.font-size-90-percent { font-size: 90%; }
.font-size-85-percent { font-size: 85%; }

/* Font Weight */
.font-weight-800 { font-weight: 800; }
.font-weight-700 { font-weight: 700; }
.font-weight-600 { font-weight: 600; }
.font-weight-500 { font-weight: 500; }
.font-weight-bolder { font-weight: bolder; }
.font-weight-bold { font-weight: bold; }
.font-weight-normal { font-weight: normal; }
.font-weight-lighter { font-weight: lighter; }

/* Font Style */
.font-style-normal { font-style: normal; }

/* Text Alignment */
.text-align-center { text-align: center; }
.text-align-left { text-align: left; }
.text-align-left-important { text-align: left !important; }
.text-align-right { text-align: right; }
.align-center { text-align: center; }
.align-content-start { align-content: start; }

/* Vertical Alignment */
.vertical-align-top { vertical-align: top; }
.vertical-align-middle { vertical-align: middle; }
.vertical-align-bottom { vertical-align: bottom; }
.vertical-align-text-bottom { vertical-align: text-bottom; }
.vertical-align-text-top { vertical-align: text-top; }
.vertical-align-sub { vertical-align: sub; }

/* Line Height */
.line-height-200-percent { line-height: 200%; }
.line-height-125-percent { line-height: 125%; }
.line-height-100-percent { line-height: 100%; }
.line-height-57px { line-height: 57px; }
.line-height-50px { line-height: 50px; }
.line-height-30px { line-height: 30px; }
.line-height-23px { line-height: 23px; }
.line-height-1-8 { line-height: 1.8; }
.line-height-1-2 { line-height: 1.2; }
.line-height-1 { line-height: 1; }
.line-height-0-9 { line-height: 0.9; }
.line-height-0px { line-height: 0px; }

/* Text Decoration */
.text-decoration-underline { text-decoration: underline; }
.text-decoration-underline-important { text-decoration: underline !important; }
.text-decoration-none { text-decoration: none; }

/* Text Transform */
.text-transform-uppercase { text-transform: uppercase; }

/* Text Shadow */
.text-shadow-none { text-shadow: none; }

/* Text Indent */
.text-indent-9999px { text-indent: -9999px; }

/* Letter Spacing */
.letter-spacing-normal { letter-spacing: normal; }

/* Word Break */
.word-break-break-all { word-break: break-all; }

/* ==========================================================================
   5. COLORS
   ========================================================================== */
/* Text Colors - Named */
.color-inherit { color: inherit; }
.color-black { color: black; }
.color-black-important { color: black !important; }
.color-white { color: white; }
.color-white-important { color: white !important; }
.color-blue { color: blue; }
.color-green { color: green; }
.color-gray { color: gray; }
.color-red { color: red; }
.color-darkgreen { color: darkgreen; }

/* Text Colors - Hex */
.color-000 { color: #000; }
.color-000000 { color: #000000; }
.color-010101 { color: #010101; }
.color-222222 { color: #222222; }
.color-444 { color: #444; }
.color-444444 { color: #444444; }
.color-545456 { color: #545456; }
.color-979696 { color: #979696; }
.color-999 { color: #999; }
.color-00af66 { color: #00AF66; }
.color-007477 { color: #007477; }
.color-007b85 { color: #007B85; }
.color-007bff { color: #007bff; }
.color-008080 { color: #008080; }
.color-1275c7 { color: #1275c7; }
.color-1c69c9 { color: #1c69c9; }
.color-1cb928 { color: #1CB928; }
.color-2779aa { color: #2779aa; }
.color-2e6e9e { color: #2e6e9e; }
.color-5fcb8e { color: #5fcb8e; }
.color-61d361 { color: #61d361; }
.color-e17009 { color: #e17009; }
.color-ef0d33 { color: #EF0D33; }
.color-f15c22 { color: #f15c22; }
.color-f15d22 { color: #f15d22; }
.color-f15d25 { color: #f15d25; }
.color-f42121 { color: #f42121; }
.color-f89406 { color: #f89406; }
.color-fc0303 { color: #fc0303; }
.color-ff9800 { color: #ff9800; }
.color-fff { color: #fff; }
.color-ffffff { color: #ffffff; }
.text-color-007B85 { color: #007B85; }

/* ==========================================================================
   6. BACKGROUND
   ========================================================================== */
/* Background Colors - Named */
.background-color-black { background-color: black; }
.background-color-grey { background-color: grey; }
.background-color-white { background-color: white; }
.background-color-red { background-color: red; }

/* Background Colors - Hex */
.background-color-005e5a { background-color: #005e5a; }
.background-color-007a7b { background-color: #007a7b; }
.background-color-007b85 { background-color: #007B85; }
.background-color-00bb75 { background-color: #00BB75; }
.background-color-009999 { background-color: #009999; }
.background-color-016069 { background-color: #016069; }
.background-color-024a51 { background-color: #024a51; }
.background-color-04ff37 { background-color: rgb(4, 127, 55); }
.background-color-0e625d { background-color: #0E625D; }
.background-color-38acec { background-color: #38ACEC; }
.background-color-8ec02f { background-color: rgb(142, 192, 47); }
.background-color-9fa7a7 { background-color: #9fa7a7; }
.background-color-b4eff5b8-important { background-color: #b4eff5b8 !important; }
.background-color-cd0a20 { background-color: rgb(205, 10, 32); }
.background-color-cd0cc { background-color: rgb(206, 207, 204); }
.background-color-d1ecf1 { background-color: #D1ECF1; }
.background-color-d6dc21 { background-color: rgb(214, 220, 33); }
.background-color-d7ebf9-glass-400png { background: #d7ebf9 url(../cupertino/images/ui-bg_glass_80_d7ebf9_1x400.png) 50% 50% repeat-x; }
.background-color-d7ebf9-50-50-repeat-x { background: #d7ebf9 50% 50% repeat-x; }
.background-color-e2e2e2 { background-color: #E2E2E2; }
.background-color-e47823 { background-color: rgb(228, 120, 35); }
.background-color-e9e9e9 { background-color: #e9e9e9; }
.background-color-ea2127 { background-color: #EA2127; }
.background-color-ee4807 { background-color: #ee4807; }
.background-color-eeeeee { background-color: #eeeeee; }
.background-color-f0f0f0 { background-color: #F0F0F0; }
.background-color-f15c22 { background-color: #f15c22; }
.background-color-f15d25 { background-color: #f15d25; }
.background-color-f2f4f7 { background-color: #f2f4f7; }
.background-color-f2f5f5 { background-color: #f2f5f5; }
.background-color-f5f5f0 { background-color: #f5f5f0; }
.background-color-f5f5f5 { background-color: #f5f5f5; }
.background-color-f8f8f8 { background-color: #F8F8F8; }
.background-color-f9f9f9 { background-color: #F9F9F9; }
.background-color-fff { background-color: #fff; }
.background-color-ffffff { background-color: #ffffff; }
.background-color-fff10d { background-color: rgb(255, 241, 13); }
.background-color-rgb-204-204-204 { background-color: rgb(204, 204, 204); }
.background-rgba-255-255-255-0-7 { background: rgba(255, 255, 255, 0.7); }

/* Background - Simple */
.background-fff { background: #FFF; }
.background-eee { background: #eee; }
.background-e2e2e2 { background: #E2E2E2; }
.background-ffffff { background: #ffffff; }
.background-f5f5f0 { background: #f5f5f0; }
.background-0e625d { background: #0E625D; }
.background-none-e9e9e9 { background: none #e9e9e9; }

/* Background Images */
.background-image-footer-gif { background-image: url('../../images/footer.gif'); }
.background-image-header-gif { background-image: url('../../images/header.gif'); }
.background-image-lcs-background { background-image: url('../../images/v2/lcsBackground.jpg'); }
.background-image-top-highlight { background: url('../../images/rewards/top-highlight-background.png') center; }
.background-image-background { background: url('../../images/background.jpg') center; }
.background-image-score-bg { background-image: url('../../images/score_background.png'); }

/* Background Properties */
.background-repeat-repeat-x { background-repeat: repeat-x; }
.background-repeat-no-repeat { background-repeat: no-repeat; }
.background-size-cover { background-size: cover; }
.background-size-contain { background-size: contain; }
.background-position-center { background-position: center; }

/* ==========================================================================
   7. BORDERS & OUTLINES
   ========================================================================== */
/* Border - All Sides */
.border-1px-solid-aliceblue { border: 1px solid aliceblue; }
.border-1px-solid-aed0ea { border: 1px solid #aed0ea; }
.border-1px-solid-aaa { border: 1px solid #aaa; }
.border-0px { border: 0px; }
.border-0px-initial { border: 0px initial; }
.border-none { border: none; }
.border-0-none { border: 0 none; }
.border-aliceblue { border: aliceblue; }
.border-1px { border: 1px; }
.border-style-none { border-style: none; }
.border-style-solid { border-style: solid; }
.border-color-e9e9e9 { border-color: #e9e9e9; }
.border-color-ec430c { border-color: #EC430C; }
.border-color-transparent { border-color: transparent; }

/* Border - Sides */
.border-top-0px { border-top: 0px; }
.border-top-width-2px { border-top-width: 2px; }
.border-top-style-solid { border-top-style: solid; }
.border-top-color-eaeaea { border-top-color: #EAEAEA; }
.border-bottom-0px { border-bottom: 0px; }
.border-bottom-1px-solid-f2f5f5 { border-bottom: thin solid #f2f5f5; }
.border-bottom-1px-solid-0e625d { border-bottom: 1px solid #0E625D; }
.border-bottom-1px-solid-dddddd { border-bottom: 1px solid #dddddd; }
.border-right-50px-solid-white { border-right: 50px solid white; }
.border-left-10px-solid-white { border-left: 10px solid white; }

/* Border Radius */
.border-radius-250px { border-radius: 250px; }
.border-radius-100-percent { border-radius: 100%; }
.border-radius-25px { border-radius: 25px; }
.border-radius-15px { border-radius: 15px; }
.border-radius-10px { border-radius: 10px; }
.border-radius-7px { border-radius: 7px; }
.border-radius-6px { border-radius: 6px; }
.border-radius-5px { border-radius: 5px; }
.border-radius-2em-2em { border-radius: 2em / 2em; }
.border-radius-1em { border-radius: 1em; }
.border-top-left-radius-9px { border-top-left-radius: 9px; }
.border-top-right-radius-9px { border-top-right-radius: 9px; }
.border-bottom-right-radius-9px { border-bottom-right-radius: 9px; }
.border-bottom-left-radius-9px { border-bottom-left-radius: 9px; }
.border-collapse-separate-important { border-collapse: separate !important; }

/* Outline */
.outline-none { outline: none; }
.outline-medium-none { outline: medium none; }

/* ==========================================================================
   8. LISTS
   ========================================================================== */
.list-style-none { list-style: none; }
.list-style-type-square { list-style-type: square; }
.list-style-type-disc { list-style-type: disc; }

/* ==========================================================================
   9. EFFECTS & TRANSITIONS
   ========================================================================== */
/* Opacity */
.opacity-100-percent { opacity: 100%; }
.opacity-1 { opacity: 1; }
.opacity-0-4 { opacity: 0.4; }
.opacity-0 { opacity: 0; }

/* Transforms */
.transform-translate-minus-23-percent-minus-50-percent { transform: translate(-23%, -50%); }
.transform-translate-center { transform: translate(-50%, -50%); }

/* Transitions */
.transition-all-1s-ease-0s { transition: all 1s ease 0s; }

/* Filters */
.backdrop-filter-brightness-05 { backdrop-filter: brightness(0.5); }
.filter-grayscale-100 { filter: grayscale(100%); }

/* ==========================================================================
   10. INTERACTIVE ELEMENTS
   ========================================================================== */
.cursor-pointer { cursor: pointer; }
.pointer-events-none { pointer-events: none; }

/* ==========================================================================
   11. OVERFLOW
   ========================================================================== */
.overflow-hidden { overflow: hidden; }
.overflow-y-scroll { overflow-y: scroll; }
.overflow-y-auto { overflow-y: auto; }
.overflow-x-hidden { overflow-x: hidden; }

/* ==========================================================================
   12. MISCELLANEOUS
   ========================================================================== */
/* Float */
.float-none { float: none; }
.float-left { float: left; }
.float-right { float: right; }
.float-right-important { float: right !important; }
.float-center { float: center; }

/* Z-index */
.z-index-1000 { z-index: 1000; }

/* Visibility */
.visibility-hidden { visibility: hidden; }

/* MSO Hide (Email) */
.mso-hide-all { mso-hide: all; }

/* Flex properties */
.flex-wrap-nowrap-important { flex-wrap: nowrap !important; }

/* UI Components */
.ui-dialog { top: 50% !important; left: 50% !important; }