title: CSS Utilities

CSS Utilities

Utility Classes

Utility Class NameExampleDeclarations
.align-baseline
vertical-align: baseline !important;
.align-bottom
vertical-align: bottom !important;
.align-content-around
align-content: space-around !important;
.align-content-between
align-content: space-between !important;
.align-content-center
align-content: center !important;
.align-content-end
align-content: flex-end !important;
.align-content-start
align-content: flex-start !important;
.align-content-stretch
align-content: stretch !important;
.align-items-baseline
align-items: baseline !important;
.align-items-center
align-items: center !important;
.align-items-end
align-items: flex-end !important;
.align-items-start
align-items: flex-start !important;
.align-items-stretch
align-items: stretch !important;
.align-middle
vertical-align: middle !important;
.align-self-auto
align-self: auto !important;
.align-self-baseline
align-self: baseline !important;
.align-self-center
align-self: center !important;
.align-self-end
align-self: flex-end !important;
.align-self-start
align-self: flex-start !important;
.align-self-stretch
align-self: stretch !important;
.align-text-bottom
vertical-align: text-bottom !important;
.align-text-top
vertical-align: text-top !important;
.align-top
vertical-align: top !important;
.bg-accent-a
background-color: #00BBF9 !important;
.bg-accent-a-100
background-color: #00BBF9 !important;
.bg-accent-a-200
background-color: #00BBF9 !important;
.bg-accent-a-300
background-color: #00BBF9 !important;
.bg-accent-a-400
background-color: #00BBF9 !important;
.bg-accent-a-500
background-color: #00BBF9 !important;
.bg-accent-a-600
background-color: #00BBF9 !important;
.bg-accent-a-700
background-color: #00BBF9 !important;
.bg-accent-a-800
background-color: #00BBF9 !important;
.bg-accent-a-900
background-color: #00BBF9 !important;
.bg-accent-b
background-color: #FFEE88 !important;
.bg-accent-b-100
background-color: #FFEE88 !important;
.bg-accent-b-200
background-color: #FFEE88 !important;
.bg-accent-b-300
background-color: #FFEE88 !important;
.bg-accent-b-400
background-color: #FFEE88 !important;
.bg-accent-b-500
background-color: #FFEE88 !important;
.bg-accent-b-600
background-color: #FFEE88 !important;
.bg-accent-b-700
background-color: #FFEE88 !important;
.bg-accent-b-800
background-color: #FFEE88 !important;
.bg-accent-b-900
background-color: #FFEE88 !important;
.bg-brand
background-color: #9D0054 !important;
.bg-brand-100
background-color: #f9f0f5 !important;
.bg-brand-200
background-color: #e7bfd4 !important;
.bg-brand-300
background-color: #ce80aa !important;
.bg-brand-400
background-color: #b6407f !important;
.bg-brand-500
background-color: #9D0054 !important;
.bg-brand-600
background-color: #8d004c !important;
.bg-brand-700
background-color: #7e0043 !important;
.bg-brand-800
background-color: #76003f !important;
.bg-brand-900
background-color: #6e003b !important;
.bg-danger
background-color: #C32D3A !important;
.bg-danger-100
background-color: #fbf2f3 !important;
.bg-danger-200
background-color: #f0cbce !important;
.bg-danger-300
background-color: #e1969d !important;
.bg-danger-400
background-color: #d2626b !important;
.bg-danger-500
background-color: #C32D3A !important;
.bg-danger-600
background-color: #b02934 !important;
.bg-danger-700
background-color: #9c242e !important;
.bg-danger-800
background-color: #92222c !important;
.bg-danger-900
background-color: #892029 !important;
.bg-dark
background-color: #273F2F !important;
.bg-dark-100
background-color: #f2f3f3 !important;
.bg-dark-200
background-color: #c9cfcb !important;
.bg-dark-300
background-color: #939f97 !important;
.bg-dark-400
background-color: #5d6f63 !important;
.bg-dark-500
background-color: #273F2F !important;
.bg-dark-600
background-color: #23392a !important;
.bg-dark-700
background-color: #1f3226 !important;
.bg-dark-800
background-color: #1d2f23 !important;
.bg-dark-900
background-color: #1b2c21 !important;
.bg-gray
background-color: #707070 !important;
.bg-gray-100
background-color: #EBEBEB !important;
.bg-gray-200
background-color: #CCCCCC !important;
.bg-gray-300
background-color: #ADADAD !important;
.bg-gray-400
background-color: #8F8F8F !important;
.bg-gray-500
background-color: #707070 !important;
.bg-gray-600
background-color: #5C5C5C !important;
.bg-gray-700
background-color: #454545 !important;
.bg-gray-800
background-color: #333333 !important;
.bg-gray-900
background-color: #212529 !important;
.bg-info
background-color: #006DAA !important;
.bg-info-100
background-color: #f0f6fa !important;
.bg-info-200
background-color: #bfdbea !important;
.bg-info-300
background-color: #80b6d5 !important;
.bg-info-400
background-color: #4092bf !important;
.bg-info-500
background-color: #006DAA !important;
.bg-info-600
background-color: #006299 !important;
.bg-info-700
background-color: #005788 !important;
.bg-info-800
background-color: #005280 !important;
.bg-info-900
background-color: #004c77 !important;
.bg-light
background-color: #E1DDDB !important;
.bg-light-100
background-color: #fdfdfd !important;
.bg-light-200
background-color: #f8f7f6 !important;
.bg-light-300
background-color: #f0eeed !important;
.bg-light-400
background-color: #e9e6e4 !important;
.bg-light-500
background-color: #E1DDDB !important;
.bg-light-600
background-color: #cbc7c5 !important;
.bg-light-700
background-color: #b4b1af !important;
.bg-light-800
background-color: #a9a6a4 !important;
.bg-light-900
background-color: #9e9b99 !important;
.bg-primary
background-color: #0A3055 !important;
.bg-primary-100
background-color: #f0f3f5 !important;
.bg-primary-200
background-color: #c2cbd5 !important;
.bg-primary-300
background-color: #8598aa !important;
.bg-primary-400
background-color: #476480 !important;
.bg-primary-500
background-color: #0A3055 !important;
.bg-primary-600
background-color: #092b4d !important;
.bg-primary-700
background-color: #082644 !important;
.bg-primary-800
background-color: #082440 !important;
.bg-primary-900
background-color: #07223c !important;
.bg-secondary
background-color: #454545 !important;
.bg-secondary-100
background-color: #f4f4f4 !important;
.bg-secondary-200
background-color: #d1d1d1 !important;
.bg-secondary-300
background-color: #a2a2a2 !important;
.bg-secondary-400
background-color: #747474 !important;
.bg-secondary-500
background-color: #454545 !important;
.bg-secondary-600
background-color: #3e3e3e !important;
.bg-secondary-700
background-color: #373737 !important;
.bg-secondary-800
background-color: #343434 !important;
.bg-secondary-900
background-color: #303030 !important;
.bg-success
background-color: #178253 !important;
.bg-success-100
background-color: #f1f8f5 !important;
.bg-success-200
background-color: #c5e0d4 !important;
.bg-success-300
background-color: #8bc1a9 !important;
.bg-success-400
background-color: #51a17e !important;
.bg-success-500
background-color: #178253 !important;
.bg-success-600
background-color: #15754b !important;
.bg-success-700
background-color: #126842 !important;
.bg-success-800
background-color: #11623e !important;
.bg-success-900
background-color: #105b3a !important;
.bg-transparent
background-color: transparent !important;
.bg-warning
background-color: #FFD900 !important;
.bg-warning-100
background-color: #fffdf0 !important;
.bg-warning-200
background-color: #fff6bf !important;
.bg-warning-300
background-color: #ffec80 !important;
.bg-warning-400
background-color: #ffe340 !important;
.bg-warning-500
background-color: #FFD900 !important;
.bg-warning-600
background-color: #e6c300 !important;
.bg-warning-700
background-color: #ccae00 !important;
.bg-warning-800
background-color: #bfa300 !important;
.bg-warning-900
background-color: #b39800 !important;
.bg-white
background-color: #FFFFFF !important;
.border
border: 1px solid #CCCCCC !important;
.border-0
border: 0 !important;
.border-accent-a
border-color: #00BBF9 !important;
.border-accent-a-100
border-color: #00BBF9 !important;
.border-accent-a-200
border-color: #00BBF9 !important;
.border-accent-a-300
border-color: #00BBF9 !important;
.border-accent-a-400
border-color: #00BBF9 !important;
.border-accent-a-500
border-color: #00BBF9 !important;
.border-accent-a-600
border-color: #00BBF9 !important;
.border-accent-a-700
border-color: #00BBF9 !important;
.border-accent-a-800
border-color: #00BBF9 !important;
.border-accent-a-900
border-color: #00BBF9 !important;
.border-accent-b
border-color: #FFEE88 !important;
.border-accent-b-100
border-color: #FFEE88 !important;
.border-accent-b-200
border-color: #FFEE88 !important;
.border-accent-b-300
border-color: #FFEE88 !important;
.border-accent-b-400
border-color: #FFEE88 !important;
.border-accent-b-500
border-color: #FFEE88 !important;
.border-accent-b-600
border-color: #FFEE88 !important;
.border-accent-b-700
border-color: #FFEE88 !important;
.border-accent-b-800
border-color: #FFEE88 !important;
.border-accent-b-900
border-color: #FFEE88 !important;
.border-bottom
border-bottom: 1px solid #CCCCCC !important;
.border-bottom-0
border-bottom: 0 !important;
.border-brand
border-color: #9D0054 !important;
.border-brand-100
border-color: #f9f0f5 !important;
.border-brand-200
border-color: #e7bfd4 !important;
.border-brand-300
border-color: #ce80aa !important;
.border-brand-400
border-color: #b6407f !important;
.border-brand-500
border-color: #9D0054 !important;
.border-brand-600
border-color: #8d004c !important;
.border-brand-700
border-color: #7e0043 !important;
.border-brand-800
border-color: #76003f !important;
.border-brand-900
border-color: #6e003b !important;
.border-danger
border-color: #C32D3A !important;
.border-danger-100
border-color: #fbf2f3 !important;
.border-danger-200
border-color: #f0cbce !important;
.border-danger-300
border-color: #e1969d !important;
.border-danger-400
border-color: #d2626b !important;
.border-danger-500
border-color: #C32D3A !important;
.border-danger-600
border-color: #b02934 !important;
.border-danger-700
border-color: #9c242e !important;
.border-danger-800
border-color: #92222c !important;
.border-danger-900
border-color: #892029 !important;
.border-dark
border-color: #273F2F !important;
.border-dark-100
border-color: #f2f3f3 !important;
.border-dark-200
border-color: #c9cfcb !important;
.border-dark-300
border-color: #939f97 !important;
.border-dark-400
border-color: #5d6f63 !important;
.border-dark-500
border-color: #273F2F !important;
.border-dark-600
border-color: #23392a !important;
.border-dark-700
border-color: #1f3226 !important;
.border-dark-800
border-color: #1d2f23 !important;
.border-dark-900
border-color: #1b2c21 !important;
.border-gray
border-color: #707070 !important;
.border-gray-100
border-color: #EBEBEB !important;
.border-gray-200
border-color: #CCCCCC !important;
.border-gray-300
border-color: #ADADAD !important;
.border-gray-400
border-color: #8F8F8F !important;
.border-gray-500
border-color: #707070 !important;
.border-gray-600
border-color: #5C5C5C !important;
.border-gray-700
border-color: #454545 !important;
.border-gray-800
border-color: #333333 !important;
.border-gray-900
border-color: #212529 !important;
.border-info
border-color: #006DAA !important;
.border-info-100
border-color: #f0f6fa !important;
.border-info-200
border-color: #bfdbea !important;
.border-info-300
border-color: #80b6d5 !important;
.border-info-400
border-color: #4092bf !important;
.border-info-500
border-color: #006DAA !important;
.border-info-600
border-color: #006299 !important;
.border-info-700
border-color: #005788 !important;
.border-info-800
border-color: #005280 !important;
.border-info-900
border-color: #004c77 !important;
.border-left
border-left: 1px solid #CCCCCC !important;
.border-left-0
border-left: 0 !important;
.border-light
border-color: #E1DDDB !important;
.border-light-100
border-color: #fdfdfd !important;
.border-light-200
border-color: #f8f7f6 !important;
.border-light-300
border-color: #f0eeed !important;
.border-light-400
border-color: #e9e6e4 !important;
.border-light-500
border-color: #E1DDDB !important;
.border-light-600
border-color: #cbc7c5 !important;
.border-light-700
border-color: #b4b1af !important;
.border-light-800
border-color: #a9a6a4 !important;
.border-light-900
border-color: #9e9b99 !important;
.border-primary
border-color: #0A3055 !important;
.border-primary-100
border-color: #f0f3f5 !important;
.border-primary-200
border-color: #c2cbd5 !important;
.border-primary-300
border-color: #8598aa !important;
.border-primary-400
border-color: #476480 !important;
.border-primary-500
border-color: #0A3055 !important;
.border-primary-600
border-color: #092b4d !important;
.border-primary-700
border-color: #082644 !important;
.border-primary-800
border-color: #082440 !important;
.border-primary-900
border-color: #07223c !important;
.border-right
border-right: 1px solid #CCCCCC !important;
.border-right-0
border-right: 0 !important;
.border-secondary
border-color: #454545 !important;
.border-secondary-100
border-color: #f4f4f4 !important;
.border-secondary-200
border-color: #d1d1d1 !important;
.border-secondary-300
border-color: #a2a2a2 !important;
.border-secondary-400
border-color: #747474 !important;
.border-secondary-500
border-color: #454545 !important;
.border-secondary-600
border-color: #3e3e3e !important;
.border-secondary-700
border-color: #373737 !important;
.border-secondary-800
border-color: #343434 !important;
.border-secondary-900
border-color: #303030 !important;
.border-success
border-color: #178253 !important;
.border-success-100
border-color: #f1f8f5 !important;
.border-success-200
border-color: #c5e0d4 !important;
.border-success-300
border-color: #8bc1a9 !important;
.border-success-400
border-color: #51a17e !important;
.border-success-500
border-color: #178253 !important;
.border-success-600
border-color: #15754b !important;
.border-success-700
border-color: #126842 !important;
.border-success-800
border-color: #11623e !important;
.border-success-900
border-color: #105b3a !important;
.border-top
border-top: 1px solid #CCCCCC !important;
.border-top-0
border-top: 0 !important;
.border-warning
border-color: #FFD900 !important;
.border-warning-100
border-color: #fffdf0 !important;
.border-warning-200
border-color: #fff6bf !important;
.border-warning-300
border-color: #ffec80 !important;
.border-warning-400
border-color: #ffe340 !important;
.border-warning-500
border-color: #FFD900 !important;
.border-warning-600
border-color: #e6c300 !important;
.border-warning-700
border-color: #ccae00 !important;
.border-warning-800
border-color: #bfa300 !important;
.border-warning-900
border-color: #b39800 !important;
.border-white
border-color: #FFFFFF !important;
.container-mw-lg
max-width: 1220px !important;
.container-mw-md
max-width: 976px !important;
.container-mw-sm
max-width: 732px !important;
.container-mw-xl
max-width: 1464px !important;
.container-mw-xs
max-width: 488px !important;
.d-block
display: block !important;
.d-flex
display: flex !important;
.d-inline
display: inline !important;
.d-inline-block
display: inline-block !important;
.d-inline-flex
display: inline-flex !important;
.d-none
display: none !important;
.d-table
display: table !important;
.d-table-cell
display: table-cell !important;
.d-table-row
display: table-row !important;
.flex-column
flex-direction: column !important;
.flex-column-reverse
flex-direction: column-reverse !important;
.flex-fill
flex: 1 1 auto !important;
.flex-grow-0
flex-grow: 0 !important;
.flex-grow-1
flex-grow: 1 !important;
.flex-nowrap
flex-wrap: nowrap !important;
.flex-row
flex-direction: row !important;
.flex-row-reverse
flex-direction: row-reverse !important;
.flex-shrink-0
flex-shrink: 0 !important;
.flex-shrink-1
flex-shrink: 1 !important;
.flex-wrap
flex-wrap: wrap !important;
.flex-wrap-reverse
flex-wrap: wrap-reverse !important;
.float-left
float: left !important;
.float-none
float: none !important;
.float-right
float: right !important;
.font-italic
font-style: italic !important;
.font-weight-bold
font-weight: 700 !important;
.font-weight-bolder
font-weight: bolder !important;
.font-weight-light
font-weight: 300 !important;
.font-weight-lighter
font-weight: lighter !important;
.font-weight-normal
font-weight: 400 !important;
.h-100
height: 100% !important;
.h-25
height: 25% !important;
.h-50
height: 50% !important;
.h-75
height: 75% !important;
.h-auto
height: auto !important;
.invisible
visibility: hidden !important;
.justify-content-around
justify-content: space-around !important;
.justify-content-between
justify-content: space-between !important;
.justify-content-center
justify-content: center !important;
.justify-content-end
justify-content: flex-end !important;
.justify-content-start
justify-content: flex-start !important;
.m-0
margin: 0 !important;
.m-1
margin: 0.25rem !important;
.m-1\.5
margin: 0.375rem !important;
.m-2
margin: 0.5rem !important;
.m-2\.5
margin: 0.75rem !important;
.m-3
margin: 1rem !important;
.m-3\.5
margin: 1.25rem !important;
.m-4
margin: 1.5rem !important;
.m-4\.5
margin: 2rem !important;
.m-5
margin: 3rem !important;
.m-5\.5
margin: 4rem !important;
.m-6
margin: 5rem !important;
.m-auto
margin: auto !important;
.m-n1
margin: -0.25rem !important;
.m-n1\.5
margin: -0.375rem !important;
.m-n2
margin: -0.5rem !important;
.m-n2\.5
margin: -0.75rem !important;
.m-n3
margin: -1rem !important;
.m-n3\.5
margin: -1.25rem !important;
.m-n4
margin: -1.5rem !important;
.m-n4\.5
margin: -2rem !important;
.m-n5
margin: -3rem !important;
.m-n5\.5
margin: -4rem !important;
.m-n6
margin: -5rem !important;
.mb-0
margin-bottom: 0 !important;
.mb-1
margin-bottom: 0.25rem !important;
.mb-1\.5
margin-bottom: 0.375rem !important;
.mb-2
margin-bottom: 0.5rem !important;
.mb-2\.5
margin-bottom: 0.75rem !important;
.mb-3
margin-bottom: 1rem !important;
.mb-3\.5
margin-bottom: 1.25rem !important;
.mb-4
margin-bottom: 1.5rem !important;
.mb-4\.5
margin-bottom: 2rem !important;
.mb-5
margin-bottom: 3rem !important;
.mb-5\.5
margin-bottom: 4rem !important;
.mb-6
margin-bottom: 5rem !important;
.mb-auto
margin-bottom: auto !important;
.mb-n1
margin-bottom: -0.25rem !important;
.mb-n1\.5
margin-bottom: -0.375rem !important;
.mb-n2
margin-bottom: -0.5rem !important;
.mb-n2\.5
margin-bottom: -0.75rem !important;
.mb-n3
margin-bottom: -1rem !important;
.mb-n3\.5
margin-bottom: -1.25rem !important;
.mb-n4
margin-bottom: -1.5rem !important;
.mb-n4\.5
margin-bottom: -2rem !important;
.mb-n5
margin-bottom: -3rem !important;
.mb-n5\.5
margin-bottom: -4rem !important;
.mb-n6
margin-bottom: -5rem !important;
.mh-100
max-height: 100% !important;
.mie-0
margin-inline-end: 0 !important;
.mie-1
margin-inline-end: 0.25rem !important;
.mie-1\.5
margin-inline-end: 0.375rem !important;
.mie-2
margin-inline-end: 0.5rem !important;
.mie-2\.5
margin-inline-end: 0.75rem !important;
.mie-3
margin-inline-end: 1rem !important;
.mie-3\.5
margin-inline-end: 1.25rem !important;
.mie-4
margin-inline-end: 1.5rem !important;
.mie-4\.5
margin-inline-end: 2rem !important;
.mie-5
margin-inline-end: 3rem !important;
.mie-5\.5
margin-inline-end: 4rem !important;
.mie-6
margin-inline-end: 5rem !important;
.mie-auto
margin-inline-end: auto !important;
.min-vh-100
min-height: 100vh !important;
.min-vw-100
min-width: 100vw !important;
.mis-0
margin-inline-start: 0 !important;
.mis-1
margin-inline-start: 0.25rem !important;
.mis-1\.5
margin-inline-start: 0.375rem !important;
.mis-2
margin-inline-start: 0.5rem !important;
.mis-2\.5
margin-inline-start: 0.75rem !important;
.mis-3
margin-inline-start: 1rem !important;
.mis-3\.5
margin-inline-start: 1.25rem !important;
.mis-4
margin-inline-start: 1.5rem !important;
.mis-4\.5
margin-inline-start: 2rem !important;
.mis-5
margin-inline-start: 3rem !important;
.mis-5\.5
margin-inline-start: 4rem !important;
.mis-6
margin-inline-start: 5rem !important;
.mis-auto
margin-inline-start: auto !important;
.ml-0
margin-left: 0 !important;
.ml-1
margin-left: 0.25rem !important;
.ml-1\.5
margin-left: 0.375rem !important;
.ml-2
margin-left: 0.5rem !important;
.ml-2\.5
margin-left: 0.75rem !important;
.ml-3
margin-left: 1rem !important;
.ml-3\.5
margin-left: 1.25rem !important;
.ml-4
margin-left: 1.5rem !important;
.ml-4\.5
margin-left: 2rem !important;
.ml-5
margin-left: 3rem !important;
.ml-5\.5
margin-left: 4rem !important;
.ml-6
margin-left: 5rem !important;
.ml-auto
margin-left: auto !important;
.ml-n1
margin-left: -0.25rem !important;
.ml-n1\.5
margin-left: -0.375rem !important;
.ml-n2
margin-left: -0.5rem !important;
.ml-n2\.5
margin-left: -0.75rem !important;
.ml-n3
margin-left: -1rem !important;
.ml-n3\.5
margin-left: -1.25rem !important;
.ml-n4
margin-left: -1.5rem !important;
.ml-n4\.5
margin-left: -2rem !important;
.ml-n5
margin-left: -3rem !important;
.ml-n5\.5
margin-left: -4rem !important;
.ml-n6
margin-left: -5rem !important;
.mr-0
margin-right: 0 !important;
.mr-1
margin-right: 0.25rem !important;
.mr-1\.5
margin-right: 0.375rem !important;
.mr-2
margin-right: 0.5rem !important;
.mr-2\.5
margin-right: 0.75rem !important;
.mr-3
margin-right: 1rem !important;
.mr-3\.5
margin-right: 1.25rem !important;
.mr-4
margin-right: 1.5rem !important;
.mr-4\.5
margin-right: 2rem !important;
.mr-5
margin-right: 3rem !important;
.mr-5\.5
margin-right: 4rem !important;
.mr-6
margin-right: 5rem !important;
.mr-auto
margin-right: auto !important;
.mr-n1
margin-right: -0.25rem !important;
.mr-n1\.5
margin-right: -0.375rem !important;
.mr-n2
margin-right: -0.5rem !important;
.mr-n2\.5
margin-right: -0.75rem !important;
.mr-n3
margin-right: -1rem !important;
.mr-n3\.5
margin-right: -1.25rem !important;
.mr-n4
margin-right: -1.5rem !important;
.mr-n4\.5
margin-right: -2rem !important;
.mr-n5
margin-right: -3rem !important;
.mr-n5\.5
margin-right: -4rem !important;
.mr-n6
margin-right: -5rem !important;
.mt-0
margin-top: 0 !important;
.mt-1
margin-top: 0.25rem !important;
.mt-1\.5
margin-top: 0.375rem !important;
.mt-2
margin-top: 0.5rem !important;
.mt-2\.5
margin-top: 0.75rem !important;
.mt-3
margin-top: 1rem !important;
.mt-3\.5
margin-top: 1.25rem !important;
.mt-4
margin-top: 1.5rem !important;
.mt-4\.5
margin-top: 2rem !important;
.mt-5
margin-top: 3rem !important;
.mt-5\.5
margin-top: 4rem !important;
.mt-6
margin-top: 5rem !important;
.mt-auto
margin-top: auto !important;
.mt-n1
margin-top: -0.25rem !important;
.mt-n1\.5
margin-top: -0.375rem !important;
.mt-n2
margin-top: -0.5rem !important;
.mt-n2\.5
margin-top: -0.75rem !important;
.mt-n3
margin-top: -1rem !important;
.mt-n3\.5
margin-top: -1.25rem !important;
.mt-n4
margin-top: -1.5rem !important;
.mt-n4\.5
margin-top: -2rem !important;
.mt-n5
margin-top: -3rem !important;
.mt-n5\.5
margin-top: -4rem !important;
.mt-n6
margin-top: -5rem !important;
.mw-100
max-width: 100% !important;
.mw-lg
max-width: 1196px !important;
.mw-md
max-width: 952px !important;
.mw-sm
max-width: 708px !important;
.mw-xl
max-width: 1440px !important;
.mw-xs
max-width: 464px !important;
.mx-0
margin-right: 0 !important;
.mx-0
margin-left: 0 !important;
.mx-1
margin-right: 0.25rem !important;
.mx-1
margin-left: 0.25rem !important;
.mx-1\.5
margin-right: 0.375rem !important;
.mx-1\.5
margin-left: 0.375rem !important;
.mx-2
margin-right: 0.5rem !important;
.mx-2
margin-left: 0.5rem !important;
.mx-2\.5
margin-right: 0.75rem !important;
.mx-2\.5
margin-left: 0.75rem !important;
.mx-3
margin-right: 1rem !important;
.mx-3
margin-left: 1rem !important;
.mx-3\.5
margin-right: 1.25rem !important;
.mx-3\.5
margin-left: 1.25rem !important;
.mx-4
margin-right: 1.5rem !important;
.mx-4
margin-left: 1.5rem !important;
.mx-4\.5
margin-right: 2rem !important;
.mx-4\.5
margin-left: 2rem !important;
.mx-5
margin-right: 3rem !important;
.mx-5
margin-left: 3rem !important;
.mx-5\.5
margin-right: 4rem !important;
.mx-5\.5
margin-left: 4rem !important;
.mx-6
margin-right: 5rem !important;
.mx-6
margin-left: 5rem !important;
.mx-auto
margin-right: auto !important;
.mx-auto
margin-left: auto !important;
.mx-n1
margin-right: -0.25rem !important;
.mx-n1
margin-left: -0.25rem !important;
.mx-n1\.5
margin-right: -0.375rem !important;
.mx-n1\.5
margin-left: -0.375rem !important;
.mx-n2
margin-right: -0.5rem !important;
.mx-n2
margin-left: -0.5rem !important;
.mx-n2\.5
margin-right: -0.75rem !important;
.mx-n2\.5
margin-left: -0.75rem !important;
.mx-n3
margin-right: -1rem !important;
.mx-n3
margin-left: -1rem !important;
.mx-n3\.5
margin-right: -1.25rem !important;
.mx-n3\.5
margin-left: -1.25rem !important;
.mx-n4
margin-right: -1.5rem !important;
.mx-n4
margin-left: -1.5rem !important;
.mx-n4\.5
margin-right: -2rem !important;
.mx-n4\.5
margin-left: -2rem !important;
.mx-n5
margin-right: -3rem !important;
.mx-n5
margin-left: -3rem !important;
.mx-n5\.5
margin-right: -4rem !important;
.mx-n5\.5
margin-left: -4rem !important;
.mx-n6
margin-right: -5rem !important;
.mx-n6
margin-left: -5rem !important;
.my-0
margin-top: 0 !important;
.my-0
margin-bottom: 0 !important;
.my-1
margin-top: 0.25rem !important;
.my-1
margin-bottom: 0.25rem !important;
.my-1\.5
margin-top: 0.375rem !important;
.my-1\.5
margin-bottom: 0.375rem !important;
.my-2
margin-top: 0.5rem !important;
.my-2
margin-bottom: 0.5rem !important;
.my-2\.5
margin-top: 0.75rem !important;
.my-2\.5
margin-bottom: 0.75rem !important;
.my-3
margin-top: 1rem !important;
.my-3
margin-bottom: 1rem !important;
.my-3\.5
margin-top: 1.25rem !important;
.my-3\.5
margin-bottom: 1.25rem !important;
.my-4
margin-top: 1.5rem !important;
.my-4
margin-bottom: 1.5rem !important;
.my-4\.5
margin-top: 2rem !important;
.my-4\.5
margin-bottom: 2rem !important;
.my-5
margin-top: 3rem !important;
.my-5
margin-bottom: 3rem !important;
.my-5\.5
margin-top: 4rem !important;
.my-5\.5
margin-bottom: 4rem !important;
.my-6
margin-top: 5rem !important;
.my-6
margin-bottom: 5rem !important;
.my-auto
margin-top: auto !important;
.my-auto
margin-bottom: auto !important;
.my-n1
margin-top: -0.25rem !important;
.my-n1
margin-bottom: -0.25rem !important;
.my-n1\.5
margin-top: -0.375rem !important;
.my-n1\.5
margin-bottom: -0.375rem !important;
.my-n2
margin-top: -0.5rem !important;
.my-n2
margin-bottom: -0.5rem !important;
.my-n2\.5
margin-top: -0.75rem !important;
.my-n2\.5
margin-bottom: -0.75rem !important;
.my-n3
margin-top: -1rem !important;
.my-n3
margin-bottom: -1rem !important;
.my-n3\.5
margin-top: -1.25rem !important;
.my-n3\.5
margin-bottom: -1.25rem !important;
.my-n4
margin-top: -1.5rem !important;
.my-n4
margin-bottom: -1.5rem !important;
.my-n4\.5
margin-top: -2rem !important;
.my-n4\.5
margin-bottom: -2rem !important;
.my-n5
margin-top: -3rem !important;
.my-n5
margin-bottom: -3rem !important;
.my-n5\.5
margin-top: -4rem !important;
.my-n5\.5
margin-bottom: -4rem !important;
.my-n6
margin-top: -5rem !important;
.my-n6
margin-bottom: -5rem !important;
.overflow-auto
overflow: auto !important;
.overflow-hidden
overflow: hidden !important;
.p-0
padding: 0 !important;
.p-1
padding: 0.25rem !important;
.p-1\.5
padding: 0.375rem !important;
.p-2
padding: 0.5rem !important;
.p-2\.5
padding: 0.75rem !important;
.p-3
padding: 1rem !important;
.p-3\.5
padding: 1.25rem !important;
.p-4
padding: 1.5rem !important;
.p-4\.5
padding: 2rem !important;
.p-5
padding: 3rem !important;
.p-5\.5
padding: 4rem !important;
.p-6
padding: 5rem !important;
.pb-0
padding-bottom: 0 !important;
.pb-1
padding-bottom: 0.25rem !important;
.pb-1\.5
padding-bottom: 0.375rem !important;
.pb-2
padding-bottom: 0.5rem !important;
.pb-2\.5
padding-bottom: 0.75rem !important;
.pb-3
padding-bottom: 1rem !important;
.pb-3\.5
padding-bottom: 1.25rem !important;
.pb-4
padding-bottom: 1.5rem !important;
.pb-4\.5
padding-bottom: 2rem !important;
.pb-5
padding-bottom: 3rem !important;
.pb-5\.5
padding-bottom: 4rem !important;
.pb-6
padding-bottom: 5rem !important;
.pl-0
padding-left: 0 !important;
.pl-1
padding-left: 0.25rem !important;
.pl-1\.5
padding-left: 0.375rem !important;
.pl-2
padding-left: 0.5rem !important;
.pl-2\.5
padding-left: 0.75rem !important;
.pl-3
padding-left: 1rem !important;
.pl-3\.5
padding-left: 1.25rem !important;
.pl-4
padding-left: 1.5rem !important;
.pl-4\.5
padding-left: 2rem !important;
.pl-5
padding-left: 3rem !important;
.pl-5\.5
padding-left: 4rem !important;
.pl-6
padding-left: 5rem !important;
.position-absolute
position: absolute !important;
.position-fixed
position: fixed !important;
.position-relative
position: relative !important;
.position-static
position: static !important;
.position-sticky
position: sticky !important;
.pr-0
padding-right: 0 !important;
.pr-1
padding-right: 0.25rem !important;
.pr-1\.5
padding-right: 0.375rem !important;
.pr-2
padding-right: 0.5rem !important;
.pr-2\.5
padding-right: 0.75rem !important;
.pr-3
padding-right: 1rem !important;
.pr-3\.5
padding-right: 1.25rem !important;
.pr-4
padding-right: 1.5rem !important;
.pr-4\.5
padding-right: 2rem !important;
.pr-5
padding-right: 3rem !important;
.pr-5\.5
padding-right: 4rem !important;
.pr-6
padding-right: 5rem !important;
.pt-0
padding-top: 0 !important;
.pt-1
padding-top: 0.25rem !important;
.pt-1\.5
padding-top: 0.375rem !important;
.pt-2
padding-top: 0.5rem !important;
.pt-2\.5
padding-top: 0.75rem !important;
.pt-3
padding-top: 1rem !important;
.pt-3\.5
padding-top: 1.25rem !important;
.pt-4
padding-top: 1.5rem !important;
.pt-4\.5
padding-top: 2rem !important;
.pt-5
padding-top: 3rem !important;
.pt-5\.5
padding-top: 4rem !important;
.pt-6
padding-top: 5rem !important;
.px-0
padding-right: 0 !important;
.px-0
padding-left: 0 !important;
.px-1
padding-right: 0.25rem !important;
.px-1
padding-left: 0.25rem !important;
.px-1\.5
padding-right: 0.375rem !important;
.px-1\.5
padding-left: 0.375rem !important;
.px-2
padding-right: 0.5rem !important;
.px-2
padding-left: 0.5rem !important;
.px-2\.5
padding-right: 0.75rem !important;
.px-2\.5
padding-left: 0.75rem !important;
.px-3
padding-right: 1rem !important;
.px-3
padding-left: 1rem !important;
.px-3\.5
padding-right: 1.25rem !important;
.px-3\.5
padding-left: 1.25rem !important;
.px-4
padding-right: 1.5rem !important;
.px-4
padding-left: 1.5rem !important;
.px-4\.5
padding-right: 2rem !important;
.px-4\.5
padding-left: 2rem !important;
.px-5
padding-right: 3rem !important;
.px-5
padding-left: 3rem !important;
.px-5\.5
padding-right: 4rem !important;
.px-5\.5
padding-left: 4rem !important;
.px-6
padding-right: 5rem !important;
.px-6
padding-left: 5rem !important;
.py-0
padding-top: 0 !important;
.py-0
padding-bottom: 0 !important;
.py-1
padding-top: 0.25rem !important;
.py-1
padding-bottom: 0.25rem !important;
.py-1\.5
padding-top: 0.375rem !important;
.py-1\.5
padding-bottom: 0.375rem !important;
.py-2
padding-top: 0.5rem !important;
.py-2
padding-bottom: 0.5rem !important;
.py-2\.5
padding-top: 0.75rem !important;
.py-2\.5
padding-bottom: 0.75rem !important;
.py-3
padding-top: 1rem !important;
.py-3
padding-bottom: 1rem !important;
.py-3\.5
padding-top: 1.25rem !important;
.py-3\.5
padding-bottom: 1.25rem !important;
.py-4
padding-top: 1.5rem !important;
.py-4
padding-bottom: 1.5rem !important;
.py-4\.5
padding-top: 2rem !important;
.py-4\.5
padding-bottom: 2rem !important;
.py-5
padding-top: 3rem !important;
.py-5
padding-bottom: 3rem !important;
.py-5\.5
padding-top: 4rem !important;
.py-5\.5
padding-bottom: 4rem !important;
.py-6
padding-top: 5rem !important;
.py-6
padding-bottom: 5rem !important;
.rounded
border-radius: 0.375rem !important;
.rounded-0
border-radius: 0 !important;
.rounded-circle
border-radius: 50% !important;
.rounded-lg
border-radius: 0.425rem !important;
.rounded-pill
border-radius: 50rem !important;
.rounded-sm
border-radius: 0.25rem !important;
.shadow
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.3) !important;
.shadow-lg
box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.3) !important;
.shadow-none
box-shadow: none !important;
.shadow-sm
box-shadow: 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.2) !important;
.text-accent-a
color: #00BBF9 !important;
.text-accent-a-100
color: #00BBF9 !important;
.text-accent-a-200
color: #00BBF9 !important;
.text-accent-a-300
color: #00BBF9 !important;
.text-accent-a-400
color: #00BBF9 !important;
.text-accent-a-500
color: #00BBF9 !important;
.text-accent-a-600
color: #00BBF9 !important;
.text-accent-a-700
color: #00BBF9 !important;
.text-accent-a-800
color: #00BBF9 !important;
.text-accent-a-900
color: #00BBF9 !important;
.text-accent-b
color: #FFEE88 !important;
.text-accent-b-100
color: #FFEE88 !important;
.text-accent-b-200
color: #FFEE88 !important;
.text-accent-b-300
color: #FFEE88 !important;
.text-accent-b-400
color: #FFEE88 !important;
.text-accent-b-500
color: #FFEE88 !important;
.text-accent-b-600
color: #FFEE88 !important;
.text-accent-b-700
color: #FFEE88 !important;
.text-accent-b-800
color: #FFEE88 !important;
.text-accent-b-900
color: #FFEE88 !important;
.text-black-50
color: rgba(0, 0, 0, 0.5) !important;
.text-body
color: #454545 !important;
.text-brand
color: #9D0054 !important;
.text-brand-100
color: #f9f0f5 !important;
.text-brand-200
color: #e7bfd4 !important;
.text-brand-300
color: #ce80aa !important;
.text-brand-400
color: #b6407f !important;
.text-brand-500
color: #9D0054 !important;
.text-brand-600
color: #8d004c !important;
.text-brand-700
color: #7e0043 !important;
.text-brand-800
color: #76003f !important;
.text-brand-900
color: #6e003b !important;
.text-capitalize
text-transform: capitalize !important;
.text-center
text-align: center !important;
.text-danger
color: #C32D3A !important;
.text-danger-100
color: #fbf2f3 !important;
.text-danger-200
color: #f0cbce !important;
.text-danger-300
color: #e1969d !important;
.text-danger-400
color: #d2626b !important;
.text-danger-500
color: #C32D3A !important;
.text-danger-600
color: #b02934 !important;
.text-danger-700
color: #9c242e !important;
.text-danger-800
color: #92222c !important;
.text-danger-900
color: #892029 !important;
.text-dark
color: #273F2F !important;
.text-dark-100
color: #f2f3f3 !important;
.text-dark-200
color: #c9cfcb !important;
.text-dark-300
color: #939f97 !important;
.text-dark-400
color: #5d6f63 !important;
.text-dark-500
color: #273F2F !important;
.text-dark-600
color: #23392a !important;
.text-dark-700
color: #1f3226 !important;
.text-dark-800
color: #1d2f23 !important;
.text-dark-900
color: #1b2c21 !important;
.text-decoration-none
text-decoration: none !important;
.text-gray
color: #707070 !important;
.text-gray-100
color: #EBEBEB !important;
.text-gray-200
color: #CCCCCC !important;
.text-gray-300
color: #ADADAD !important;
.text-gray-400
color: #8F8F8F !important;
.text-gray-500
color: #707070 !important;
.text-gray-600
color: #5C5C5C !important;
.text-gray-700
color: #454545 !important;
.text-gray-800
color: #333333 !important;
.text-gray-900
color: #212529 !important;
.text-info
color: #006DAA !important;
.text-info-100
color: #f0f6fa !important;
.text-info-200
color: #bfdbea !important;
.text-info-300
color: #80b6d5 !important;
.text-info-400
color: #4092bf !important;
.text-info-500
color: #006DAA !important;
.text-info-600
color: #006299 !important;
.text-info-700
color: #005788 !important;
.text-info-800
color: #005280 !important;
.text-info-900
color: #004c77 !important;
.text-justify
text-align: justify !important;
.text-left
text-align: left !important;
.text-light
color: #E1DDDB !important;
.text-light-100
color: #fdfdfd !important;
.text-light-200
color: #f8f7f6 !important;
.text-light-300
color: #f0eeed !important;
.text-light-400
color: #e9e6e4 !important;
.text-light-500
color: #E1DDDB !important;
.text-light-600
color: #cbc7c5 !important;
.text-light-700
color: #b4b1af !important;
.text-light-800
color: #a9a6a4 !important;
.text-light-900
color: #9e9b99 !important;
.text-lowercase
text-transform: lowercase !important;
.text-monospace
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
.text-muted
color: #707070 !important;
.text-nowrap
white-space: nowrap !important;
.text-primary
color: #0A3055 !important;
.text-primary-100
color: #f0f3f5 !important;
.text-primary-200
color: #c2cbd5 !important;
.text-primary-300
color: #8598aa !important;
.text-primary-400
color: #476480 !important;
.text-primary-500
color: #0A3055 !important;
.text-primary-600
color: #092b4d !important;
.text-primary-700
color: #082644 !important;
.text-primary-800
color: #082440 !important;
.text-primary-900
color: #07223c !important;
.text-reset
color: inherit !important;
.text-right
text-align: right !important;
.text-secondary
color: #454545 !important;
.text-secondary-100
color: #f4f4f4 !important;
.text-secondary-200
color: #d1d1d1 !important;
.text-secondary-300
color: #a2a2a2 !important;
.text-secondary-400
color: #747474 !important;
.text-secondary-500
color: #454545 !important;
.text-secondary-600
color: #3e3e3e !important;
.text-secondary-700
color: #373737 !important;
.text-secondary-800
color: #343434 !important;
.text-secondary-900
color: #303030 !important;
.text-success
color: #178253 !important;
.text-success-100
color: #f1f8f5 !important;
.text-success-200
color: #c5e0d4 !important;
.text-success-300
color: #8bc1a9 !important;
.text-success-400
color: #51a17e !important;
.text-success-500
color: #178253 !important;
.text-success-600
color: #15754b !important;
.text-success-700
color: #126842 !important;
.text-success-800
color: #11623e !important;
.text-success-900
color: #105b3a !important;
.text-uppercase
text-transform: uppercase !important;
.text-warning
color: #FFD900 !important;
.text-warning-100
color: #fffdf0 !important;
.text-warning-200
color: #fff6bf !important;
.text-warning-300
color: #ffec80 !important;
.text-warning-400
color: #ffe340 !important;
.text-warning-500
color: #FFD900 !important;
.text-warning-600
color: #e6c300 !important;
.text-warning-700
color: #ccae00 !important;
.text-warning-800
color: #bfa300 !important;
.text-warning-900
color: #b39800 !important;
.text-white
color: #FFFFFF !important;
.text-white-50
color: rgba(255, 255, 255, 0.5) !important;
.text-wrap
white-space: normal !important;
.user-select-all
user-select: all !important;
.user-select-auto
user-select: auto !important;
.user-select-none
user-select: none !important;
.vh-100
height: 100vh !important;
.visible
visibility: visible !important;
.vw-100
width: 100vw !important;
.w-100
width: 100% !important;
.w-25
width: 25% !important;
.w-50
width: 50% !important;
.w-75
width: 75% !important;
.w-auto
width: auto !important;
.zindex-0
z-index: 0 !important;
.zindex-1
z-index: 200 !important;
.zindex-10
z-index: 2000 !important;
.zindex-2
z-index: 400 !important;
.zindex-3
z-index: 600 !important;
.zindex-4
z-index: 800 !important;
.zindex-5
z-index: 1000 !important;
.zindex-6
z-index: 1200 !important;
.zindex-7
z-index: 1400 !important;
.zindex-8
z-index: 1600 !important;
.zindex-9
z-index: 1800 !important;
.w-xs-25
@media(min-width: 0px) { width: 25% !important; }
.w-xs-50
@media(min-width: 0px) { width: 50% !important; }
.w-xs-75
@media(min-width: 0px) { width: 75% !important; }
.w-xs-100
@media(min-width: 0px) { width: 100% !important; }
.w-xs-auto
@media(min-width: 0px) { width: auto !important; }
.w-sm-25
@media(min-width: 576px) { width: 25% !important; }
.w-sm-50
@media(min-width: 576px) { width: 50% !important; }
.w-sm-75
@media(min-width: 576px) { width: 75% !important; }
.w-sm-100
@media(min-width: 576px) { width: 100% !important; }
.w-sm-auto
@media(min-width: 576px) { width: auto !important; }
.w-md-25
@media(min-width: 768px) { width: 25% !important; }
.w-md-50
@media(min-width: 768px) { width: 50% !important; }
.w-md-75
@media(min-width: 768px) { width: 75% !important; }
.w-md-100
@media(min-width: 768px) { width: 100% !important; }
.w-md-auto
@media(min-width: 768px) { width: auto !important; }
.w-lg-25
@media(min-width: 992px) { width: 25% !important; }
.w-lg-50
@media(min-width: 992px) { width: 50% !important; }
.w-lg-75
@media(min-width: 992px) { width: 75% !important; }
.w-lg-100
@media(min-width: 992px) { width: 100% !important; }
.w-lg-auto
@media(min-width: 992px) { width: auto !important; }
.w-xl-25
@media(min-width: 1200px) { width: 25% !important; }
.w-xl-50
@media(min-width: 1200px) { width: 50% !important; }
.w-xl-75
@media(min-width: 1200px) { width: 75% !important; }
.w-xl-100
@media(min-width: 1200px) { width: 100% !important; }
.w-xl-auto
@media(min-width: 1200px) { width: auto !important; }