.list-style-disc { list-style-type: disc }
.list-style-circle { list-style-type: circle }
.list-style-square { list-style-type: square }
.list-style-none { list-style-type: none }
/* This reverts this layer of css to the layer one level up (removing styling inherited from the theme) */
.ck-content ol { list-style-type: revert-layer !important;}
.list-style-decimal, ol[type="1"] { list-style-type: decimal }
/* These must be !important in order to show up correctly in CKEditor */
ol[type="A"] { list-style-type: upper-alpha; }
ol[type="I"] { list-style-type: upper-roman }
ol[type="a"] { list-style-type: lower-alpha; }
ol[type="i"] { list-style-type: lower-roman }
.list-style-upper-alpha { list-style-type: upper-alpha; }
.list-style-upper-roman { list-style-type: upper-roman }
.list-style-lower-alpha { list-style-type: lower-alpha; }
.list-style-lower-roman { list-style-type: lower-roman }

.display-none { display:none }
.display-block { display: block }
.display-inline { display: inline }
.display-inline-block { display: inline-block }
.display-inline-flex { display: inline-flex }
.display-flex { display: flex }

.float-left { float: left }
.float-right { float: right }
.float-left img, img.float-left { margin-right: 1.2rem }
.float-right img, img.float-right { margin-left: 1.2rem }
.clear-both { clear: both }
.clear-none { clear: none }
.overflow-hidden { overflow: hidden }
.valign-top { vertical-align: top }
.valign-middle { vertical-align: middle }
.valign-bottom { vertical-align: bottom }
.indent-left-1 { margin-left: 3rem }
.indent-left-2 { margin-left: 5rem }
.indent-left-3 { margin-left: 7rem }
.pad-1em { padding: 1em }

.td-none { text-decoration: none }
.td-underline { text-decoration: underline }
.td-line-through { text-decoration: line-through }
.tt-uppercase { text-transform: uppercase }
.tt-lowercase { text-transform: lowercase }
.preformatted { white-space: pre }

.position-left-0 { left: 0 }
.position-right-0 { right: 0 }

.full-width { width: 100% }
.eighty-width { width: 80% }
.half-width { width: 50% }

table.allborders {
  border-collapse: collapse;
  th, td {
    border: 1px solid #dfe1e2;
  }
}

.color-base-lightest { color: #fbfcfd }
.bg-base-lightest { background-color: #fbfcfd }
.color-base-lighter { color: #f1f3f6 }
.bg-base-lighter { background-color: #f1f3f6 }
.color-base-light { color: #dfe1e2 }
.bg-base-light { background-color: #dfe1e2 }
.color-base { color: #a9aeb1 }
.bg-base { background-color: #a9aeb1 }
.color-base-dark { color: #565c65 }
.bg-base-dark { background-color: #565c65 }
.color-base-darker { color: #3d4551 }
.bg-base-darker { background-color: #3d4551 }
.color-base-darkest { color: #1c1d1f }
.bg-base-darkest { background-color: #1c1d1f }
.color-base-ink { color: #1b1b1b }
.bg-base-ink { background-color: #1b1b1b }

.color-primary-lightest { color: #e5faff }
.bg-primary-lightest { background-color: #e5faff}
.color-primary-lighter { color: #ccecf2 }
.bg-primary-lighter { background-color: #ccecf2 }
.color-primary-light { color: #97d4ea }
.bg-primary-light { background-color: #97d4ea }
.color-primary { color: #005ea2 }
.bg-primary { background-color: #005ea2 }
.color-primary-vivid { color: #00bde3 }
.bg-primary-vivid { background-color: #00bde3 }
.color-primary-dark { color: #1a4480 }
.bg-primary-dark { background-color: #1a4480 }
.color-primary-darker { color: #162e51 }
.bg-primary-darker { background-color: #162e51 }

.color-secondary-lighter { color: #fff5c2 }
.bg-secondary-lighter { background-color: #fff5c2 }
.color-secondary-light { color: #fee685 }
.bg-secondary-light { background-color: #fee685 }
.color-secondary { color: #face00 }
.bg-secondary { background-color: #face00 }
.color-secondary-vivid { color: #ffbe2e }
.bg-secondary-vivid { background-color: #ffbe2e }

.color-accent-warm-lightest { color: #faeee5 }
.bg-accent-warm-lightest { background-color: #faeee5 }
.color-accent-warm-lighter { color: #fbe0d0 }
.bg-accent-warm-lighter { background-color: #fbe0d0 }
.color-accent-warm-light { color: #f7bca2 }
.bg-accent-warm-light { background-color: #f7bca2 }
.color-accent-warm { color: #f3966d }
.bg-accent-warm { background-color: #f3966d }
.color-accent-warm-dark { color: #e17141 }
.bg-accent-warm-dark { background-color: #e17141 }
.color-accent-warm-darker { color: #d54309 }
.bg-accent-warm-darker { background-color: #d54309 }
.color-accent-warm-darkest { color: #8b0a03 }
.bg-accent-warm-darkest { background-color: #8b0a03 }

.color-accent-cool-lightest { color: #e0f7f6 }
.bg-accent-cool-lightest { background-color: #e0f7f6 }
.color-accent-cool-lighter { color: #7efbe1 }
.bg-accent-cool-lighter { background-color: #7efbe1 }
.color-accent-cool-light { color: #29e1cb }
.bg-accent-cool-light { background-color: #29e1cb }
.color-accent-cool { color: #1dc2ae }
.bg-accent-cool { background-color: #1dc2ae }
.color-accent-cool-dark { color: #00a398 }
.bg-accent-cool-dark { background-color: #00a398 }
.color-accent-cool-darker { color: #008480 }
.bg-accent-cool-darker { background-color: #008480 }
.color-accent-cool-darkest { color: #0f6460 }
.bg-accent-cool-darkest { background-color: #0f6460 }

.color-error-lighter { color: #f4e3db }
.bg-error-lighter { background-color: #f4e3db }
.color-error-light { color: #f39268 }
.bg-error-light { background-color: #f39268 }
.color-error { color: #d54309 }
.bg-error { background-color: #d54309 }
.color-error-dark { color: #b50909 }
.bg-error-dark { background-color: #b50909 }
.color-error-darker { color: #6f3331 }
.bg-error-darker { background-color: #6f3331 }

.color-warning-lighter { color: #faf3d1 }
.bg-warning-lighter { background-color: #faf3d1 }
.color-warning-light { color: #fee685 }
.bg-warning-light { background-color: #fee685 }
.color-warning { color: #ffbe2e }
.bg-warning { background-color: #ffbe2e }
.color-warning-dark { color: #e5a000 }
.bg-warning-dark { background-color: #e5a000 }
.color-warning-darker { color: #936f38 }
.bg-warning-darker { background-color: #936f38 }

.color-success-lighter { color: #ecf3ec }
.bg-success-lighter { background-color: #ecf3ec }
.color-success-light { color: #70e17b }
.bg-success-light { background-color: #70e17b }
.color-success { color: #00a91c }
.bg-success { background-color: #00a91c }
.color-success-dark { color: #4d8055 }
.bg-success-dark { background-color: #4d8055 }
.color-success-darker { color: #446443 }
.bg-success-darker { background-color: #446443 }

.color-info-lighter { color: #e7f6f8 }
.bg-info-lighter { background-color: #e7f6f8 }
.color-info-light { color: #99deea }
.bg-info-light { background-color: #99deea }
.color-info { color: #00bde3 }
.bg-info { background-color: #00bde3 }
.color-info-dark { color: #009ec1 }
.bg-info-dark { background-color: #009ec1 }
.color-info-darker { color: #2e6276 }
.bg-info-darker { background-color: #2e6276 }

.color-text-reverse { color: #ffffff }
.bg-text-reverse { background-color: #ffffff }
.color-link { color: #005ea2 }
.bg-link { background-color: #005ea2 }
.color-link-hover { color: #1a4480 }
.bg-link-hover { background-color: #1a4480 }
.color-link-active { color: #162e51 }
.bg-link-active { background-color: #162e51 }
.color-link-visited { color: #54278f }
.bg-link-visited { background-color: #54278f }

.color-medium-purple { color: #6f57b5 }
.bg-medium-purple { background-color: #6f57b5 }
