/* -----------------------------------------
   GLOBALS - /src/css/cagov/globals.css
----------------------------------------- */
.ca-gov-logo-svg {
	background: var(--ca-gov-logo);
}

.overflow-hidden {
	overflow: hidden;
}

.overflow-visible {
	overflow: visible;
}

.overflow-auto {
	overflow: auto;
}

.no-underline {
	text-decoration: none !important;
}

.underline {
	text-decoration: underline !important;
}

.underline-hover:hover,
.underline-hover:focus {
	text-decoration: underline !important;
}

.underline-text-color {
	background-image: linear-gradient(
		to right,
		var(--gray-900, #3b3a48) 50%,
		transparent 50%
	);
	background-repeat: repeat-x;
	background-size: 2px 1px;
	background-position: center bottom 4%;
	background-origin: padding-box;
	text-decoration: none !important;
}

.underline-hover-text-color:hover,
.underline-hover-text-color:focus {
	background-image: linear-gradient(
		to right,
		var(--gray-900, #3b3a48) 50%,
		transparent 50%
	);
	background-repeat: repeat-x;
	background-size: 2px 1px;
	background-position: center bottom 4%;
	background-origin: padding-box;
	text-decoration: none !important;
}

.underline-white {
	background-image: linear-gradient(
		to right,
		var(--white, #fff),
		50%,
		transparent 50%
	);
	background-repeat: repeat-x;
	background-size: 2px 1px;
	background-position: center bottom 4%;
	background-origin: padding-box;
	text-decoration: none !important;
}

.underline-hover-white:hover,
.underline-hover-white:focus {
	background-image: linear-gradient(
		to right,
		var(--white, #fff),
		50%,
		transparent 50%
	);
	background-repeat: repeat-x;
	background-size: 2px 1px;
	background-position: center bottom 4%;
	background-origin: padding-box;
	text-decoration: none !important;
}

.underline-black {
	background-image: linear-gradient(
		to right,
		var(--black, #000) 50%,
		transparent 50%
	);
	background-repeat: repeat-x;
	background-size: 2px 1px;
	background-position: center bottom 4%;
	background-origin: padding-box;
	text-decoration: none !important;
}

.underline-hover-black:hover,
.underline-hover-black:focus {
	background-image: linear-gradient(
		to right,
		var(--black, #000) 50%,
		transparent 50%
	);
	background-repeat: repeat-x;
	background-size: 2px 1px;
	background-position: center bottom 4%;
	background-origin: padding-box;
	text-decoration: none !important;
}

.outline-1-gray-100-hover:hover {
	outline: 1px solid var(--gray-100, #f3f3f4);
}

.outline-2-gray-100-hover:hover {
	outline: 2px solid var(--gray-100, #f3f3f4);
}

.outline-1-gray-200-hover:hover {
	outline: 1px solid var(--gray-200, #d4d4d7);
}

.outline-2-gray-200-hover:hover {
	outline: 2px solid var(--gray-200, #d4d4d7);
}

.outline-1-gray-300-hover:hover {
	outline: 1px solid var(--gray-300, #bcbbc1);
}

.outline-2-gray-300-hover:hover {
	outline: 2px solid var(--gray-300, #bcbbc1);
}

.outline-1-gray-400-hover:hover {
	outline: 1px solid var(--gray-400, #a4a3ab);
}

.outline-2-gray-400-hover:hover {
	outline: 2px solid var(--gray-400, #a4a3ab);
}

.outline-focus:focus {
	outline: 2px solid var(--outline-default-color);
}

.outline-dark-mode-focus:focus {
	outline: 2px solid var(--outline-dark-mode-color);
}

.outline-block-offset:focus {
	outline: 2px solid var(--outline-default-color);
	outline-offset: -2px;
	display: block;
}

.cursor-pointer {
	cursor: pointer;
}

.w-auto {
	width: auto !important;
}

.width-1 {
	width: 1px !important;
}

.width-5 {
	width: 5px !important;
}

.width-10 {
	width: 10px !important;
}

.width-15 {
	width: 15px !important;
}

.width-20 {
	width: 20px !important;
}

.width-30 {
	width: 30px !important;
}

.width-40 {
	width: 40px !important;
}

.width-50 {
	width: 50px !important;
}

.width-60 {
	width: 60px !important;
}

.width-70 {
	width: 70px !important;
}

.width-80 {
	width: 80px !important;
}

.width-100 {
	width: 100px !important;
}

.width-150 {
	width: 150px !important;
}

.width-200 {
	width: 200px !important;
}

.w-100 {
	width: 100% !important;
}

.width-5pct {
	width: 5% !important;
}

.width-10pct {
	width: 10% !important;
}

.width-15pct {
	width: 15% !important;
}

.width-20pct {
	width: 20% !important;
}

.width-25pct {
	width: 25% !important;
}

.width-30pct {
	width: 30% !important;
}

.width-33pct {
	width: 33% !important;
}

.width-35pct {
	width: 35% !important;
}

.width-40pct {
	width: 40% !important;
}

.width-45pct {
	width: 45% !important;
}

.width-50pct {
	width: 50% !important;
}

.width-60pct {
	width: 60% !important;
}

.width-70pct {
	width: 70% !important;
}

.width-75pct {
	width: 75% !important;
}

.width-80pct {
	width: 80% !important;
}

.width-90pct {
	width: 90% !important;
}

.h-auto {
	height: auto;
}

.h-100 {
	height: 100%;
}

.height-1 {
	height: 1px !important;
}

.height-5 {
	height: 5px !important;
}

.height-10 {
	height: 10px !important;
}

.height-15 {
	height: 15px !important;
}

.height-20 {
	height: 20px !important;
}

.height-30 {
	height: 30px !important;
}

.height-40 {
	height: 40px !important;
}

.height-50 {
	height: 50px !important;
}

.height-60 {
	height: 60px !important;
}

.height-70 {
	height: 70px !important;
}

.height-80 {
	height: 80px !important;
}

.height-100 {
	height: 100px !important;
}

.height-150 {
	height: 150px !important;
}

.height-200 {
	height: 200px !important;
}

.height-250 {
	height: 250px !important;
}

.height-300 {
	height: 300px !important;
}

.height-350 {
	height: 350px !important;
}

.height-400 {
	height: 400px !important;
}

.height-450 {
	height: 450px !important;
}

.height-500 {
	height: 500px !important;
}

.height-600 {
	height: 600px !important;
}

.min-height-5 {
	min-height: 0.3125rem !important;
}

.min-height-10 {
	min-height: 0.625rem !important;
}

.min-height-15 {
	min-height: 1rem !important;
}

.min-height-20 {
	min-height: 1.25rem !important;
}

.min-height-30 {
	min-height: 1.875rem !important;
}

.min-height-50 {
	min-height: 3.125rem !important;
}

.min-height-100 {
	min-height: 6.25rem !important;
}

.min-height-200 {
	min-height: 12.5rem !important;
}

.min-height-300 {
	min-height: 18.75rem !important;
}

.min-height-400 {
	min-height: 25rem !important;
}

/* ------------------------------------
  colors and backgrounds
------------------------------------ */
.color-black {
	color: var(--black, #000) !important;
}

.color-black-hover:hover,
.color-black-hover:focus {
	color: var(--black, #000) !important;
}

.color-white {
	color: var(--white, #fff) !important;
}

.color-white-hover:hover,
.color-white-hover:focus {
	color: var(--white, #fff) !important;
}

.color-gray-dark,
.color-grey-dark {
	color: var(--gray-900, #3b3a48);
}

.color-gray,
.color-grey {
	color: var(--gray-700, #5e5e6a);
}

.gray-50,
.gray-50-hover:hover,
.gray-50-hover:focus {
	color: var(--gray-50, #fafafa);
}

.gray-100,
.gray-100-hover:hover,
.gray-100-hover:focus {
	color: var(--gray-100, #f3f3f4) !important;
}

.gray-200,
.gray-200-hover:hover,
.gray-200-hover:focus {
	color: var(--gray-200, #d4d4d7) !important;
}

.gray-300,
.gray-300-hover:hover,
.gray-300-hover:focus {
	color: var(--gray-300, #bcbbc1) !important;
}

.gray-400,
.gray-400-hover:hover,
.gray-400-hover:focus {
	color: var(--gray-400, #a4a3ab) !important;
}

.gray-500,
.gray-500-hover:hover,
.gray-500-hover:focus {
	color: var(--gray-50, #fafafa) !important;
}

.gray-600,
.gray-600-hover:hover,
.gray-600-hover:focus {
	color: var(--gray-600, #72717c) !important;
}

.gray-700,
.gray-700-hover:hover,
.gray-700-hover:focus {
	color: var(--gray-700, #5e5e6a) !important;
}

.gray-800,
.gray-800-hover:hover,
.gray-800-hover:focus {
	color: var(--gray-800, #4a4958) !important;
}

.gray-900,
.gray-900-hover:hover,
.gray-900-hover:focus {
	color: var(--gray-900, #3b3a48) !important;
}

.color-light {
	color: var(--gray-600, #72717c) !important;
}

.color-lighter {
	color: var(--gray-100, #ededef) !important;
}

.color-lightest {
	color: var(--gray-50, #fafafa) !important;
}

.text-primary {
	color: var(--color-p2, #046b99) !important;
}

.text-success {
	color: var(--brand-success, #30812c) !important;
}

.text-info {
	color: var(--brand-info, #1c7ab0) !important;
}

.text-muted {
	color: var(--text-muted, #5e5e6a) !important;
}

.outline-color,
.outline-color:hover,
.outline-color:focus {
	color: var(--outline-default-color, #0b8ee5) !important;
}

.color-red {
	color: var(--brand-danger, #cd402d) !important;
}

.bg-white {
	background-color: var(--white, #fff) !important;
}

.bg-outline-color,
.bg-outline-color:hover,
.bg-outline-color:focus {
	background-color: var(--outline-default-color, #2ea3f2) !important;
}

.bg-white-hover:hover,
.bg-white-hover:focus {
	background-color: var(--white, #fff) !important;
}

.bg-gray-light,
.bg-grey-light {
	background-color: var(--gray-100, #ededef) !important;
}

.bg-gray-light-hover:hover,
.bg-gray-light-hover:focus,
.bg-grey-light-hover:hover,
.bg-grey-light-hover:focus {
	background-color: var(--gray-100, #ededef) !important;
}

.bg-gray-light-hover-darker:hover,
.bg-gray-light-hover-darker:focus,
.bg-grey-light-hover-darker:hover,
.bg-grey-light-hover-darker:focus {
	background-color: var(--gray-200, #d4d4d7) !important;
}

.bg-gray-lightest,
.bg-grey-lightest {
	background-color: var(--gray-50, #fafafa) !important;
}

.bg-gray-lightest-hover:hover,
.bg-gray-lightest-hover:focus,
.bg-grey-lightest-hover:hover,
.bg-grey-lightest-hover:focus {
	background-color: var(--gray-50, #fafafa) !important;
}

.bg-gray-lightest-hover-darker:hover,
.bg-gray-lightest-hover-darker:focus,
.bg-grey-lightest-hover-darker:hover,
.bg-grey-lightest-hover-darker:focus {
	background-color: var(--gray-75, #f3f3f4) !important;
}

.bg-gray-50,
.bg-gray-50-hover:hover,
.bg-gray-50-hover:focus {
	background-color: var(--gray-50, #fafafa) !important;
}

.bg-gray-75,
.bg-gray-75-hover:hover,
.bg-gray-75-hover:focus {
	background-color: var(--gray-75, #f3f3f4) !important;
}

.bg-gray-100,
.bg-gray-100-hover:hover,
.bg-gray-100-hover:focus {
	background-color: var(--gray-100, #f3f3f4) !important;
}

.bg-gray-200,
.bg-gray-200-hover:hover,
.bg-gray-200-hover:focus {
	background-color: var(--gray-200, #d4d4d7) !important;
}

.bg-gray-300,
.bg-gray-300-hover:hover,
.bg-gray-300-hover:focus {
	background-color: var(--gray-300, #bcbbc1) !important;
}

.bg-gray-400,
.bg-gray-400-hover:hover,
.bg-gray-400-hover:focus {
	background-color: var(--gray-400, #a4a3ab) !important;
}

.bg-gray-500,
.bg-gray-500-hover:hover,
.bg-gray-500-hover:focus {
	background-color: var(--gray-50, #fafafa) !important;
}

.bg-gray-600,
.bg-gray-600-hover:hover,
.bg-gray-600-hover:focus {
	background-color: var(--gray-600, #72717c) !important;
}

.bg-gray-700,
.bg-gray-700-hover:hover,
.bg-gray-700-hover:focus {
	background-color: var(--gray-700, #5e5e6a) !important;
}

.bg-gray-800,
.bg-gray-800-hover:hover,
.bg-gray-800-hover:focus {
	background-color: var(--gray-800, #4a4958) !important;
}

.bg-gray-900,
.bg-gray-900-hover:hover,
.bg-gray-900-hover:focus {
	background-color: var(--gray-900, #3b3a48) !important;
}

.bg-none {
	background: none !important;
}

.bg-transparent {
	background: transparent !important;
}

.bg-alpha-40 {
	background-color: rgb(0 0 0 / 40%) !important;
}

.bg-alpha-50 {
	background-color: rgb(0 0 0 / 50%) !important;
}

.bg-alpha-70 {
	background-color: rgb(0 0 0 / 70%) !important;
}

.bg-alpha-60 {
	background-color: rgb(0 0 0 / 60%) !important;
}

.bg-alpha-80 {
	background-color: rgb(0 0 0 / 80%) !important;
}

.bg-alpha-90 {
	background-color: rgb(0 0 0 / 90%) !important;
}

.bg-red {
	background-color: var(--brand-danger, #cd402d) !important;
}

/* ------------------------------------
  borders colors and styles
------------------------------------ */
.brd-white-before::before,
.brd-white-after::after {
	border-color: var(--white, #fff) !important;
}

.brd-gray-light,
.brd-gray-light-hover:hover,
.brd-gray-light-hover:focus {
	border-color: var(--card-border-color, #ddd) !important;
}

.brd-gray-dark,
.brd-gray-dark-hover:hover,
.brd-gray-dark-hover:focus {
	border-color: var(--gray-900, #3b3a48) !important;
}

.brd-gray,
.brd-gray-hover:hover,
.brd-gray-hover:focus {
	border-color: var(--gray-700, #5e5e6a) !important;
}

.brd-gray-light-before::before,
.brd-gray-light-after::after {
	border-color: var(--card-border-color, #ddd) !important;
}

.brd-transparent-before::before,
.brd-transparent-after::after {
	border-color: transparent !important;
}

.brd-gray-100 {
	border-color: var(--gray-100, #f3f3f4) !important;
}

.brd-gray-200 {
	border-color: var(--gray-200, #d4d4d7) !important;
}

.brd-gray-300 {
	border-color: var(--gray-300, #bcbbc1) !important;
}

.brd-gray-400 {
	border-color: var(--gray-400, #a4a3ab) !important;
}

.brd-gray-500 {
	border-color: var(--gray-50, #fafafa) !important;
}

.brd-gray-600 {
	border-color: var(--gray-600, #72717c) !important;
}

.brd-gray-700 {
	border-color: var(--gray-700, #5e5e6a) !important;
}

.brd-gray-800 {
	border-color: var(--gray-800, #4a4958) !important;
}

.brd-gray-900 {
	border-color: var(--gray-900, #3b3a48) !important;
}

.brd-red {
	border-color: var(--brand-danger, #cd402d) !important;
}

.brd-0 {
	border: none !important;
}

.brd-right {
	border-right: solid 1px;
}

.brd-left {
	border-left: solid 1px;
}

.brd-top {
	border-top: solid 1px;
}

.brd-bottom {
	border-bottom: solid 1px;
}

.brd-dotted-1,
.brd-dotted-1-before::before,
.brd-dotted-1-after::after,
.brd-dotted-1-hover:hover,
.brd-dotted-1-hover:focus {
	border-width: 1px;
	border-style: dotted;
}

.brd-solid-1,
.brd-solid-1-before::before,
.brd-solid-1-after::after,
.brd-solid-1-hover:hover,
.brd-solid-1-hover:focus {
	border-width: 1px !important;
	border-style: solid !important;
}

.brd-solid-2,
.brd-solid-2-before::before,
.brd-solid-2-after::after,
.brd-dotted-2-hover:hover,
.brd-dotted-2-hover:focus {
	border-width: 2px !important;
	border-style: solid !important;
}

.brd-solid-3,
.brd-solid-3-before::before,
.brd-solid-3-after::after,
.brd-dotted-3-hover:hover,
.brd-dotted-3-hover:focus {
	border-width: 3px !important;
	border-style: solid !important;
}

.brd-solid-4,
.brd-solid-4-before::before,
.brd-solid-4-after::after,
.brd-dotted-4-hover:hover,
.brd-dotted-4-hover:focus {
	border-width: 4px !important;
	border-style: solid !important;
}

.brd-solid-5,
.brd-solid-5-before::before,
.brd-solid-5-after::after,
.brd-dotted-5-hover:hover,
.brd-dotted-5-hover:focus {
	border-width: 5px !important;
	border-style: solid !important;
}

@media (width >= 576px) {
	.brd-sm-0 {
		border: none !important;
	}

	.brd-sm-solid-1 {
		border-width: 1px;
		border-style: solid;
	}

	.brd-sm-right {
		border-right: solid 1px;
	}

	.brd-sm-left {
		border-left: solid 1px;
	}

	.brd-sm-top {
		border-top: solid 1px;
	}

	.brd-sm-bottom {
		border-bottom: solid 1px;
	}
}

@media (width >= 768px) {
	.brd-md-0 {
		border: none !important;
	}

	.brd-md-solid-1 {
		border-width: 1px;
		border-style: solid;
	}

	.brd-md-right {
		border-right: solid 1px;
	}

	.brd-md-left {
		border-left: solid 1px;
	}

	.brd-md-top {
		border-top: solid 1px;
	}

	.brd-md-bottom {
		border-bottom: solid 1px;
	}
}

@media (width >= 992px) {
	.brd-lg-0 {
		border: none !important;
	}

	.brd-lg-solid-1 {
		border-width: 1px;
		border-style: solid;
	}

	.brd-lg-right {
		border-right: solid 1px;
	}

	.brd-lg-left {
		border-left: solid 1px;
	}

	.brd-lg-top {
		border-top: solid 1px;
	}

	.brd-lg-bottom {
		border-bottom: solid 1px;
	}
}

/* ------------------------------------
  Positions
------------------------------------ */
.pos-rel {
	position: relative !important;
}

.pos-abs {
	position: absolute !important;
}

.pos-stc {
	position: static !important;
}

.pos-fix {
	position: fixed !important;
}

/* Relative (Position, X, Y) */
.relative-centered {
	position: relative;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%);
	backface-visibility: hidden;
}

.relative-centered-x {
	position: relative;
	left: 50% !important;
	transform: translateX(-50%);
	backface-visibility: hidden;
}

.relative-centered-y {
	position: relative;
	top: 50% !important;
	transform: translateY(-50%);
	backface-visibility: hidden;
}

/* Absolute (Position, X, Y) */
.absolute-centered {
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%);
	backface-visibility: hidden;
}

.absolute-centered-x {
	position: absolute !important;
	left: 50% !important;
	transform: translateX(-50%);
	backface-visibility: hidden;
}

.absolute-centered-y {
	position: absolute !important;
	top: 50% !important;
	transform: translateY(-50%);
	backface-visibility: hidden;
}

.top-rel-40pct {
	position: relative;
	top: 40% !important;
}

.top-0 {
	top: 0 !important;
}

.bottom-0 {
	bottom: 0 !important;
}

.right-0 {
	right: 0 !important;
}

.left-0 {
	left: 0 !important;
}

@media (width <= 767px) {
	.top-sm-rel-40pct {
		position: relative;
		top: 40% !important;
	}
}

@media (width <= 991px) {
	.top-md-rel-40pct {
		position: relative;
		top: 40% !important;
	}
}

@media (width >= 992px) {
	.top-lg-rel-40pct {
		position: relative;
		top: 40% !important;
	}
}

.top-rel-30pct {
	position: relative;
	top: 30% !important;
}

@media (width <= 767px) {
	.top-sm-rel-30pct {
		position: relative;
		top: 30% !important;
	}
}

@media (width <= 991px) {
	.top-md-rel-30pct {
		position: relative;
		top: 30% !important;
	}
}

@media (width >= 992px) {
	.top-lg-rel-30pct {
		position: relative;
		top: 30% !important;
	}
}

.top-rel-20pct {
	position: relative;
	top: 20% !important;
}

@media (width <= 767px) {
	.top-sm-rel-20pct {
		position: relative;
		top: 20% !important;
	}
}

@media (width <= 991px) {
	.top-md-rel-20pct {
		position: relative;
		top: 20% !important;
	}
}

@media (width >= 992px) {
	.top-lg-rel-20pct {
		position: relative;
		top: 20% !important;
	}
}

.top-rel-10pct {
	position: relative;
	top: 10% !important;
}

@media (width <= 767px) {
	.top-sm-rel-10pct {
		position: relative;
		top: 10% !important;
	}
}

@media (width <= 991px) {
	.top-md-rel-10pct {
		position: relative;
		top: 10% !important;
	}
}

@media (width >= 992px) {
	.top-lg-rel-10pct {
		position: relative;
		top: 10% !important;
	}
}

.top-rel-5pct {
	position: relative;
	top: 5% !important;
}

@media (width <= 767px) {
	.top-sm-rel-5pct {
		position: relative;
		top: 5% !important;
	}
}

@media (width <= 991px) {
	.top-md-rel-5pct {
		position: relative;
		top: 5% !important;
	}
}

@media (width >= 992px) {
	.top-lg-rel-5pct {
		position: relative;
		top: 5% !important;
	}
}

/* ------------------------------------
  Font Sizes
------------------------------------ */
.text-huge {
	font-size: 6rem !important;
}

.text-5rem {
	font-size: 5rem !important;
}

.text-4rem {
	font-size: 4rem !important;
}

.text-3-5rem {
	font-size: 3.5rem !important;
}

.text-3rem {
	font-size: 3rem !important;
}

.text-2-5rem {
	font-size: 2.5rem !important;
}

.text-2rem {
	font-size: 2rem !important;
}

.text-1-5rem {
	font-size: 1.5rem !important;
}

.text-1rem {
	font-size: 1rem !important;
}

.font-size-sm {
	font-size: calc(var(--font-size-base, 1rem) * 0.75) !important;
}

.font-size-70x {
	font-size: 70% !important;
}

.font-size-75x {
	font-size: 75% !important;
}

.font-size-80x {
	font-size: 80% !important;
}

.font-size-85x {
	font-size: 85% !important;
}

.font-size-90x {
	font-size: 90% !important;
}

.font-size-95x {
	font-size: 95% !important;
}

.font-size-11 {
	font-size: 0.78571rem !important;
}

.font-size-12 {
	font-size: 0.85714rem !important;
}

.font-size-13 {
	font-size: 0.92857rem !important;
}

.font-size-14 {
	font-size: 1rem !important;
}

.font-size-15 {
	font-size: 1.07143rem !important;
}

.font-size-16 {
	font-size: 1.14286rem !important;
}

.font-size-20 {
	font-size: 1.42857rem !important;
}

.font-size-25 {
	font-size: 1.78571rem !important;
}

.font-size-30 {
	font-size: 2.14286rem !important;
}

.font-size-40 {
	font-size: 2.85714rem !important;
}

.line-height-0-8em {
	line-height: 0.8em !important;
}

.line-height-0-9em {
	line-height: 0.9em !important;
}

.line-height-1em {
	line-height: 1em !important;
}

.line-height-1-1em {
	line-height: 1.1em !important;
}

.line-height-1-2em {
	line-height: 1.2em !important;
}

.line-height-1-3em {
	line-height: 1.3em !important;
}

.line-height-1-4em {
	line-height: 1.4em !important;
}

.line-height-1-5em {
	line-height: 1.5em !important;
}

.line-height-1-6em {
	line-height: 1.6em !important;
}

.font-weight-200 {
	font-weight: 200 !important;
}

.font-weight-300 {
	font-weight: 300 !important;
}

.font-weight-400 {
	font-weight: 400 !important;
}

.font-weight-500 {
	font-weight: 500 !important;
}

.font-weight-600 {
	font-weight: 600 !important;
}

.font-weight-700 {
	font-weight: 700 !important;
}

.font-weight-800 {
	font-weight: 800 !important;
}

.font-weight-900 {
	font-weight: 900 !important;
}

.bold,
.text-bold {
	font-weight: 700 !important;
}

.text-center {
	text-align: center !important;
}

.text-left {
	text-align: left !important;
}

.text-right {
	text-align: right !important;
}

.link-icon {
	font-size: 0.7rem !important;
	position: relative;
	top: -3px;
	padding-left: 2px;
	text-decoration: none;
	display: inline-block;
}

/* ------------------------------------
  Rounded borders
------------------------------------ */
.rounded-20 {
	border-radius: 20px !important;
}

.rounded-15 {
	border-radius: 15px !important;
}

.rounded-10 {
	border-radius: 10px !important;
}

.rounded-5 {
	border-radius: 5px !important;
}

.rounded-4 {
	border-radius: 4px !important;
}

.rounded-3 {
	border-radius: 3px !important;
}

.rounded-2 {
	border-radius: 2px !important;
}

.rounded-50 {
	border-radius: 50px !important;
}

.rounded-0 {
	border-radius: 0 !important;
}

.rounded-50x {
	border-radius: 50% !important;
}

/* ------------------------------------
  Displays
------------------------------------ */
.d-flex {
	display: flex;
}

.d-block {
	display: block;
}

.hidden-up {
	opacity: 0;
}

.hidden {
	display: none !important;
}

/* ------------------------------------
  Transforms & Transitions
------------------------------------ */
.transition-0_3,
.transition-0_3::before,
.transition-0_3::after,
.transition-0_3 path,
.transition-0_3 polygon {
	transition: all 0.3s ease 0s;
}

.transform-scale-1_05--hover:hover {
	transform: scale3d(1.05, 1.05, 1.05);
}

.sticky {
	position: sticky;
	top: 0;
}

.sticky-1 {
	position: sticky;
	top: 3.125rem;
}

.sticky-2 {
	position: sticky;
	top: 6.25rem;
}

.sticky-3 {
	position: sticky;
	top: 7.8rem;
}

.sticky-4 {
	position: sticky;
	top: 9.375rem;
}

.sticky-5 {
	position: sticky;
	top: 10.93rem;
}

.sticky-6 {
	position: sticky;
	top: 12.5rem;
}

/* ----- THEME COLORS -----  */
.color-highlight,
.color-p1 {
	color: var(--color-p1, #fdb81e) !important;
}

.color-highlight-hover:hover,
.color-highlight-hover:focus {
	color: var(--color-p1-light, #f2c45a) !important;
}

.color-primary,
.color-p2 {
	color: var(--color-p2, #046b99);
}

.color-primary-hover:hover,
.color-primary-hover:focus {
	color: var(--color-p2-darker, #214a68) !important;
}

.color-standout,
.color-p3 {
	color: var(--color-p3, #323a45) !important;
}

.color-standout-hover:hover,
.color-standout-hover:focus {
	color: var(--color-p3-darker, #242830) !important;
}

/*  SECONDARY THEME COLORS	*/
.color-s1 {
	color: var(--color-s1, #eef8fb) !important;
}

.color-s1-hover:hover,
.color-s1-hover:focus {
	color: var(--color-s1, #eef8fb) !important;
}

.color-s2 {
	color: var(--color-s2, #87b8ce) !important;
}

.color-s2-hover:hover,
.color-s2-hover:focus {
	color: var(--color-s2, #87b8ce) !important;
}

.color-s3 {
	color: var(--color-s3, #4993b5) !important;
}

.color-s3-hover:hover,
.color-s3-hover:focus {
	color: var(--color-s3, #4993b5) !important;
}

/* background colors */

.bg-highlight,
.bg-p1 {
	background-color: var(--color-p1, #fdb81e) !important;
}

.bg-highlight-hover:hover,
.bg-highlight-hover:focus {
	background-color: var(--color-p1-light, #f2c45a) !important;
}

.bg-primary,
.bg-p2 {
	background-color: var(--color-p2, #046b99) !important;
}

.bg-primary-hover:hover,
.bg-primary-hover:focus {
	background-color: var(--color-p2-darker, #214a68) !important;
}

.bg-standout,
.bg-p3 {
	background-color: var(--color-p3, #323a45) !important;
}

.bg-standout-hover:hover,
.bg-standout-hover:focus {
	background-color: var(--color-p3-darker, #242830) !important;
}

.bg-s1,
.bg-s1-hover:hover,
.bg-s1-hover:focus {
	background-color: var(--color-s1, #eef8fb) !important;
}

.bg-s1-hover-color,
.bg-s1-hover-color:hover,
.bg-s1-hover-color:focus {
	background-color: var(--color-s1-darker, #ccd3d5) !important;
}

.bg-s2,
.bg-s2-hover:hover,
.bg-s2-hover:focus {
	background-color: var(--color-s2, #87b8ce) !important;
}

.bg-s2-hover-color,
.bg-s2-hover-color:hover,
.bg-s2-hover-color:focus {
	background-color: var(--color-s2-dark, #7c9bad) !important;
}

.bg-s3,
.bg-s3-hover:hover,
.bg-s3-hover:focus {
	background-color: var(--color-s3, #4993b5) !important;
}

.bg-s3-hover-color,
.bg-s3-hover-color:hover,
.bg-s3-hover-color:focus {
	background-color: var(--color-s3-dark, #507b97) !important;
}

.bg-primary-light {
	background-color: var(--color-p2-lightest, #a4c3d4) !important;
}

.bg-primary-light-hover:hover,
.bg-primary-light-hover:focus {
	background-color: var(--color-p2-lightest, #a4c3d4) !important;
}

.bg-highlight-light {
	background-color: var(--color-p1-lightest, #f9e3ac) !important;
}

.bg-highlight-light-hover:hover,
.bg-highlight-light-hover:focus {
	background-color: var(--color-p1-lightest, #f9e3ac) !important;
}

.bg-standout-light {
	background-color: var(--color-p3-lightest, #aeb0b4) !important;
}

.bg-standout-light-hover:hover,
.bg-standout-light-hover:focus {
	background-color: var(--color-p3-lightest, #aeb0b4) !important;
}

.bg-secondary-light {
	background-color: var(--color-s3-light, #a4c2d4) !important;
}

.bg-secondary-light-hover:hover,
.bg-secondary-light-hover:focus {
	background-color: var(--color-s3-light, #a4c2d4) !important;
}

.bg-secondary-before::before,
.bg-secondary-after::after {
	background-color: var(--color-s3, #4993b5) !important;
}

.bg-highlight-before::before,
.bg-highlight-after::after {
	background-color: var(--color-p1, #fdb81e) !important;
}

.bg-standout-before::before,
.bg-standout-after::after {
	background-color: var(--color-p3, #323a45) !important;
}

.bg-primary-before::before,
.bg-primary-after::after {
	background-color: var(--color-p2, #046b99) !important;
}

/* border colors */
.brd-primary {
	border-color: var(--color-p2, #046b99) !important;
}

.brd-primary-light {
	border-color: var(--color-p2-lightest, #a4c3d4) !important;
}

.brd-primary-dark {
	border-color: var(--color-p2-darker, #214a68) !important;
}

.brd-standout {
	border-color: var(--color-p3, #323a45) !important;
}

.brd-standout-light {
	border-color: var(--color-p3-lightest, #aeb0b4) !important;
}

.brd-standout-dark {
	border-color: var(--color-p3-darker, #242830) !important;
}

.brd-highlight {
	border-color: var(--color-p1, #fdb81e) !important;
}

.brd-highlight-light {
	border-color: var(--color-p1-light, #f2c45a) !important;
}

.brd-highlight-dark {
	border-color: var(--color-p1-darker, #a98231) !important;
}

.brd-s1 {
	border-color: var(--color-s1, #eef8fb) !important;
}

.brd-s2 {
	border-color: var(--color-s2, #87b8ce) !important;
}

.brd-s3 {
	border-color: var(--color-s3, #4993b5) !important;
}

.brd-primary-light-before::before,
.brd-primary-light-after::after {
	border-color: var(--color-p2-lightest, #a4c3d4) !important;
}

.brd-highlight-light-before::before,
.brd-highlight-light-after::after {
	border-color: var(--color-p1-lightest, #f9e3ac) !important;
}

.brd-standout-light-before::before,
.brd-standout-light-after::after {
	border-color: var(--color-p3-lightest, #aeb0b4) !important;
}

.brd-secondary-light-before::before,
.brd-secondary-light-after::after {
	border-color: var(--color-s3-light, #a4c2d4) !important;
}

/* Underline colors */
.underline-primary {
	background-image: linear-gradient(
		to right,
		var(--color-p2, #046b99) 50%,
		transparent 50%
	);
	background-repeat: repeat-x;
	background-size: 2px 1px;
	background-position: center bottom 4%;
	background-origin: padding-box;
	text-decoration: none !important;
}

.underline-hover-primary:hover,
.underline-hover-primary:focus {
	background-image: linear-gradient(
		to right,
		var(--color-p2, #046b99) 50%,
		transparent 50%
	);
	background-repeat: repeat-x;
	background-size: 2px 1px;
	background-position: center bottom 4%;
	background-origin: padding-box;
	text-decoration: none !important;
}

.underline-highlight {
	background-image: linear-gradient(
		to right,
		var(--color-p1, #fdb81e) 50%,
		transparent 50%
	);
	background-repeat: repeat-x;
	background-size: 2px 1px;
	background-position: center bottom 4%;
	background-origin: padding-box;
	text-decoration: none !important;
}

.underline-hover-highlight:hover,
.underline-hover-highlight:focus {
	background-image: linear-gradient(
		to right,
		var(--color-p1, #fdb81e) 50%,
		transparent 50%
	);
	background-repeat: repeat-x;
	background-size: 2px 1px;
	background-position: center bottom 4%;
	background-origin: padding-box;
	text-decoration: none !important;
}

.underline-standout {
	background-image: linear-gradient(
		to right,
		var(--color-p3, #323a45) 50%,
		transparent 50%
	);
	background-repeat: repeat-x;
	background-size: 2px 1px;
	background-position: center bottom 4%;
	background-origin: padding-box;
	text-decoration: none !important;
}

.underline-hover-standout:hover,
.underline-hover-standout:focus {
	background-image: linear-gradient(
		to right,
		var(--color-p3, #323a45) 50%,
		transparent 50%
	);
	background-repeat: repeat-x;
	background-size: 2px 1px;
	background-position: center bottom 4%;
	background-origin: padding-box;
	text-decoration: none !important;
}

.text-accent1 {
	color: var(--color-a1, #1b76bb) !important;
}

.text-accent2 {
	color: var(--color-a2, #0779b6) !important;
}

.text-accent3 {
	color: var(--color-a3, #247f75) !important;
}

.text-accent4 {
	color: var(--color-a4, #30812c) !important;
}

.text-accent5 {
	color: var(--color-a5, #815ab4) !important;
}

.text-accent6 {
	color: var(--color-a6, #b932c8) !important;
}

.text-accent7 {
	color: var(--color-a7, #c93e2c) !important;
}

.text-accent8 {
	color: var(--color-a8, #bb520c) !important;
}

.text-accent9 {
	color: var(--color-a9, #f7e455) !important;
}

.text-accent-p1 {
	color: var(--color-p1, #fdb81e) !important;
}

.text-accent-p2 {
	color: var(--color-p2, #046b99) !important;
}

.text-accent-p3 {
	color: var(--color-p3, #323a45) !important;
}

.text-accent-s1 {
	color: var(--color-s1, #eef8fb) !important;
}

.text-accent-s2 {
	color: var(--color-s2, #87b8ce) !important;
}

.text-accent-s3 {
	color: var(--color-s3, #4993b5) !important;
}

.color-primary--hover:hover {
	color: var(--color-p2, #046b99);
}

.bg-primary--hover:hover {
	background-color: var(--color-p2, #046b99);
}

.label-primary {
	color: var(--black, #000);
	background-color: var(--gray-100, #f3f3f4);
	border-radius: 0;
}

.label-info {
	color: #fff;
	background-color: var(--color-p2, #046b99);
}

.label-secondary {
	color: var(--gray-900, #3b3a48);
	background-color: var(--color-s2, #87b8ce);
}

.label-light {
	color: var(--gray-900, #3b3a48);
	background-color: var(--color-s1, #eef8fb);
}

.label-dark {
	color: #fff;
	background-color: var(--color-p3, #323a45);
}

.label-warning {
	color: var(--gray-900, #3b3a48);
	background-color: var(--color-p1, #fdb81e);
}

.text-highlight-primary {
	background-color: var(--color-s1, #eef8fb);
}

.text-highlight-warning {
	background-color: var(--color-p1-lighter, #f5ce73);
}

.text-highlight-dark {
	color: #fff;
	background-color: var(--color-p3, #323a45);
}

.published {
	color: var(--gray-700, #5e5e6a);
}

/* -----------------------------------------
   SPACING
   /src/css/cagov/spacing.css
----------------------------------------- */

.m-a-0 {
	margin: 0 !important;
}

.m-t-0 {
	margin-top: 0 !important;
}

.m-r-0 {
	margin-right: 0 !important;
}

.m-b-0 {
	margin-bottom: 0 !important;
}

.m-l-0 {
	margin-left: 0 !important;
}

.m-x-0 {
	margin-right: 0 !important;
	margin-left: 0 !important;
}

.m-y-0 {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.m-a {
	margin: var(--spacer, 1rem) !important;
}

.m-t {
	margin-top: var(--spacer, 1rem) !important;
}

.m-r {
	margin-right: var(--spacer, 1rem) !important;
}

.m-b {
	margin-bottom: var(--spacer, 1rem) !important;
}

.m-l {
	margin-left: var(--spacer, 1rem) !important;
}

.m-x {
	margin-right: var(--spacer, 1rem) !important;
	margin-left: var(--spacer, 1rem) !important;
}

.m-y {
	margin-top: var(--spacer, 1rem) !important;
	margin-bottom: var(--spacer, 1rem) !important;
}

.m-x-auto {
	margin-right: auto !important;
	margin-left: auto !important;
}

.m-a-sm {
	margin: calc(var(--spacer, 1rem) * 0.5) !important;
}

.m-t-sm {
	margin-top: calc(var(--spacer, 1rem) * 0.5) !important;
}

.m-r-sm {
	margin-right: calc(var(--spacer, 1rem) * 0.5) !important;
}

.m-b-sm {
	margin-bottom: calc(var(--spacer, 1rem) * 0.5) !important;
}

.m-l-sm {
	margin-left: calc(var(--spacer, 1rem) * 0.5) !important;
}

.m-x-sm {
	margin-right: calc(var(--spacer, 1rem) * 0.5) !important;
	margin-left: calc(var(--spacer, 1rem) * 0.5) !important;
}

.m-y-sm {
	margin-top: calc(var(--spacer, 1rem) * 0.5) !important;
	margin-bottom: calc(var(--spacer, 1rem) * 0.5) !important;
}

.m-a-md {
	margin: calc(var(--spacer, 1rem) * 1.5) !important;
}

.m-t-md {
	margin-top: calc(var(--spacer, 1rem) * 1.5) !important;
}

.m-r-md {
	margin-right: calc(var(--spacer, 1rem) * 1.5) !important;
}

.m-b-md {
	margin-bottom: calc(var(--spacer, 1rem) * 1.5) !important;
}

.m-l-md {
	margin-left: calc(var(--spacer, 1rem) * 1.5) !important;
}

.m-x-md {
	margin-right: calc(var(--spacer, 1rem) * 1.5) !important;
	margin-left: calc(var(--spacer, 1rem) * 1.5) !important;
}

.m-y-md {
	margin-top: calc(var(--spacer, 1rem) * 1.5) !important;
	margin-bottom: calc(var(--spacer, 1rem) * 1.5) !important;
}

.m-a-lg {
	margin: calc(var(--spacer, 1rem) * 3) !important;
}

.m-t-lg {
	margin-top: calc(var(--spacer, 1rem) * 3) !important;
}

.m-r-lg {
	margin-right: calc(var(--spacer, 1rem) * 3) !important;
}

.m-b-lg {
	margin-bottom: calc(var(--spacer, 1rem) * 3) !important;
}

.m-l-lg {
	margin-left: calc(var(--spacer, 1rem) * 3) !important;
}

.m-x-lg {
	margin-right: calc(var(--spacer, 1rem) * 3) !important;
	margin-left: calc(var(--spacer, 1rem) * 3) !important;
}

.m-y-lg {
	margin-top: calc(var(--spacer, 1rem) * 3) !important;
	margin-bottom: calc(var(--spacer, 1rem) * 3) !important;
}

.m-t-60 {
	margin-top: calc(var(--spacer, 1rem) * 4) !important;
}

.m-t-80 {
	margin-top: calc(var(--spacer, 1rem) * 5) !important;
}

.m-t-100 {
	margin-top: calc(var(--spacer, 1rem) * 6) !important;
}

.m-b-60 {
	margin-bottom: calc(var(--spacer, 1rem) * 4) !important;
}

.m-b-80 {
	margin-bottom: calc(var(--spacer, 1rem) * 5) !important;
}

.m-b-100 {
	margin-bottom: calc(var(--spacer, 1rem) * 6) !important;
}

.p-a-0 {
	padding: 0 !important;
}

.p-t-0 {
	padding-top: 0 !important;
}

.p-r-0 {
	padding-right: 0 !important;
}

.p-b-0 {
	padding-bottom: 0 !important;
}

.p-l-0 {
	padding-left: 0 !important;
}

.p-x-0 {
	padding-right: 0 !important;
	padding-left: 0 !important;
}

.p-y-0 {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.p-a {
	padding: var(--spacer, 1rem) !important;
}

.p-t {
	padding-top: var(--spacer, 1rem) !important;
}

.p-r {
	padding-right: var(--spacer, 1rem) !important;
}

.p-b {
	padding-bottom: var(--spacer, 1rem) !important;
}

.p-l {
	padding-left: var(--spacer, 1rem) !important;
}

.p-x {
	padding-right: var(--spacer, 1rem) !important;
	padding-left: var(--spacer, 1rem) !important;
}

.p-y {
	padding-top: var(--spacer, 1rem) !important;
	padding-bottom: var(--spacer, 1rem) !important;
}

.p-a-sm {
	padding: calc(var(--spacer, 1rem) * 0.5) !important;
}

.p-t-sm {
	padding-top: calc(var(--spacer, 1rem) * 0.5) !important;
}

.p-r-sm {
	padding-right: calc(var(--spacer, 1rem) * 0.5) !important;
}

.p-b-sm {
	padding-bottom: calc(var(--spacer, 1rem) * 0.5) !important;
}

.p-l-sm {
	padding-left: calc(var(--spacer, 1rem) * 0.5) !important;
}

.p-x-sm {
	padding-right: calc(var(--spacer, 1rem) * 0.5) !important;
	padding-left: calc(var(--spacer, 1rem) * 0.5) !important;
}

.p-y-sm {
	padding-top: calc(var(--spacer, 1rem) * 0.5) !important;
	padding-bottom: calc(var(--spacer, 1rem) * 0.5) !important;
}

.p-a-md {
	padding: calc(var(--spacer, 1rem) * 1.5) !important;
}

.p-t-md {
	padding-top: calc(var(--spacer, 1rem) * 1.5) !important;
}

.p-r-md {
	padding-right: calc(var(--spacer, 1rem) * 1.5) !important;
}

.p-b-md {
	padding-bottom: calc(var(--spacer, 1rem) * 1.5) !important;
}

.p-l-md {
	padding-left: calc(var(--spacer, 1rem) * 1.5) !important;
}

.p-x-md {
	padding-right: calc(var(--spacer, 1rem) * 1.5) !important;
	padding-left: calc(var(--spacer, 1rem) * 1.5) !important;
}

.p-y-md {
	padding-top: calc(var(--spacer, 1rem) * 1.5) !important;
	padding-bottom: calc(var(--spacer, 1rem) * 1.5) !important;
}

.p-a-lg {
	padding: calc(var(--spacer, 1rem) * 3) !important;
}

.p-t-lg {
	padding-top: calc(var(--spacer, 1rem) * 3) !important;
}

.p-r-lg {
	padding-right: calc(var(--spacer, 1rem) * 3) !important;
}

.p-b-lg {
	padding-bottom: calc(var(--spacer, 1rem) * 3) !important;
}

.p-l-lg {
	padding-left: calc(var(--spacer, 1rem) * 3) !important;
}

.p-x-lg {
	padding-right: calc(var(--spacer, 1rem) * 3) !important;
	padding-left: calc(var(--spacer, 1rem) * 3) !important;
}

.p-y-lg {
	padding-top: calc(var(--spacer, 1rem) * 3) !important;
	padding-bottom: calc(var(--spacer, 1rem) * 3) !important;
}

.p-t-60 {
	padding-top: calc(var(--spacer, 1rem) * 4) !important;
}

.p-t-80 {
	padding-top: calc(var(--spacer, 1rem) * 5) !important;
}

.p-t-100 {
	padding-top: calc(var(--spacer, 1rem) * 6) !important;
}

.p-b-60 {
	padding-bottom: calc(var(--spacer, 1rem) * 4) !important;
}

.p-b-80 {
	padding-bottom: calc(var(--spacer, 1rem) * 5) !important;
}

.p-b-100 {
	padding-bottom: calc(var(--spacer, 1rem) * 6) !important;
}

.p-y-80 {
	padding-top: 5.71429rem !important;
	padding-bottom: 5.71429rem !important;
}

.left-0 {
	left: 0 !important;
}

.left-sm {
	left: calc(var(--spacer, 1rem) * 0.5) !important;
}

.left-n {
	left: var(--spacer, 1rem) !important;
}

.left-md {
	left: calc(var(--spacer, 1rem) * 1.5) !important;
}

.left-lg {
	left: calc(var(--spacer, 1rem) * 3) !important;
}

.left-minus-sm {
	left: calc(var(--spacer, 1rem) * -0.5) !important;
}

.left-minus-n {
	left: calc(var(--spacer, 1rem) * -1) !important;
}

.left-minus-md {
	left: calc(var(--spacer, 1rem) * -1.5) !important;
}

.left-minus-lg {
	left: calc(var(--spacer, 1rem) * -3) !important;
}

.right-0 {
	right: 0 !important;
}

.right-sm {
	right: calc(var(--spacer, 1rem) * 0.5) !important;
}

.right-n {
	right: var(--spacer, 1rem) !important;
}

.right-md {
	right: calc(var(--spacer, 1rem) * 1.5) !important;
}

.right-lg {
	right: calc(var(--spacer, 1rem) * 3) !important;
}

.right-minus-sm {
	right: calc(var(--spacer, 1rem) * -0.5) !important;
}

.right-minus-n {
	right: calc(var(--spacer, 1rem) * -1) !important;
}

.right-minus-md {
	right: calc(var(--spacer, 1rem) * -1.5) !important;
}

.right-minus-lg {
	right: calc(var(--spacer, 1rem) * -3) !important;
}

.top-minus-5 {
	top: -5px !important;
}

.top-minus-3 {
	top: -3px !important;
}

.top-minus-2 {
	top: -2px !important;
}

.top-minus-1 {
	top: -1px !important;
}

.top-0 {
	top: 0 !important;
}

.top-sm {
	top: calc(var(--spacer, 1rem) * 0.5) !important;
}

.top-n {
	top: var(--spacer, 1rem) !important;
}

.top-md {
	top: calc(var(--spacer, 1rem) * 1.5) !important;
}

.top-lg {
	top: calc(var(--spacer, 1rem) * 3) !important;
}

.top-5pct {
	top: 5% !important;
}

.top-10pct {
	top: 10% !important;
}

.top-15pct {
	top: 15% !important;
}

.top-20pct {
	top: 20% !important;
}

.top-30pct {
	top: 30% !important;
}

.top-40pct {
	top: 40% !important;
}

.top-50pct {
	top: 50% !important;
}

.top-60pct {
	top: 60% !important;
}

.top-70pct {
	top: 70% !important;
}

.top-80pct {
	top: 80% !important;
}

.top-90pct {
	top: 90% !important;
}

.top-100pct {
	top: 100% !important;
}

.bottom-minus-1 {
	bottom: -1px;
}

.bottom-minus-2 {
	bottom: -2px;
}

.bottom-minus-3 {
	bottom: -3px;
}

.bottom-minus-5 {
	bottom: -5px;
}

.bottom-0 {
	bottom: 0;
}

.bottom-sm {
	bottom: calc(var(--spacer, 1rem) * 0.5);
}

.bottom-n {
	bottom: var(--spacer, 1rem);
}

.bottom-md {
	bottom: calc(var(--spacer, 1rem) * 1.5);
}

.bottom-lg {
	bottom: calc(var(--spacer, 1rem) * 3);
}

.bottom-5pct {
	bottom: 5% !important;
}

.bottom-10pct {
	bottom: 10% !important;
}

.bottom-15pct {
	bottom: 15% !important;
}

.bottom-20pct {
	bottom: 20% !important;
}

.bottom-30pct {
	bottom: 30% !important;
}

.bottom-40pct {
	bottom: 40% !important;
}

.bottom-50pct {
	bottom: 50% !important;
}

.bottom-60pct {
	bottom: 60% !important;
}

.bottom-70pct {
	bottom: 70% !important;
}

.bottom-80pct {
	bottom: 80% !important;
}

.bottom-90pct {
	bottom: 90% !important;
}

.bottom-100pct {
	bottom: 100% !important;
}

.pull-right {
	float: right !important;
}

.pull-left {
	float: left !important;
}