@media only screen and (max-width: 767px) {
	.ui.modal>.header {
		padding: 0.75rem 1rem !important;
		padding-right: 2.25rem !important
	}
	.ui.modal>.content {
		display: block;
		padding: 1rem !important
	}
	.ui.modal>.close {
		top: 5px !important;
		right: 4px !important
	}
	.ui.modal .image.content {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
	.ui.modal .content>.image {
		display: block;
		max-width: 100%;
		margin: 0em auto !important;
		text-align: center;
		padding: 0rem 0rem 1rem !important
	}
	.ui.modal>.content>.image>i.icon {
		font-size: 5rem;
		text-align: center
	}
	.ui.modal .content>.description {
		display: block;
		width: 100% !important;
		margin: 0em !important;
		padding: 1rem 0rem !important;
		-webkit-box-shadow: none;
		box-shadow: none
	}
	.ui.modal>.actions {
		padding: 1rem 1rem 0rem !important
	}
	.ui.modal .actions>.buttons,
	.ui.modal .actions>.button {
		margin-bottom: 1rem
	}
}

.ui.inverted.dimmer>.ui.modal {
	-webkit-box-shadow: 1px 3px 10px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 3px 10px 2px rgba(0, 0, 0, 0.2)
}

.ui.basic.modal {
	background-color: transparent;
	border: none;
	border-radius: 0em;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	color: #ffffff
}

.ui.basic.modal>.header,
.ui.basic.modal>.content,
.ui.basic.modal>.actions {
	background-color: transparent
}

.ui.basic.modal>.header {
	color: #ffffff
}

.ui.basic.modal>.close {
	top: 1rem;
	right: 1.5rem
}

.ui.inverted.dimmer>.basic.modal {
	color: rgba(0, 0, 0, 0.87)
}

.ui.inverted.dimmer>.ui.basic.modal>.header {
	color: rgba(0, 0, 0, 0.85)
}

@media only screen and (max-width: 991px) {
	.ui.basic.modal>.close {
		color: #ffffff
	}
}

.ui.active.modal {
	display: block
}

.scrolling.dimmable.dimmed {
	overflow: hidden
}

.scrolling.dimmable.dimmed>.dimmer {
	overflow: auto;
	-webkit-overflow-scrolling: touch
}

.scrolling.dimmable>.dimmer {
	position: fixed
}

.modals.dimmer .ui.scrolling.modal {
	position: static !important;
	margin: 3.5rem auto !important
}

.scrolling.undetached.dimmable.dimmed {
	overflow: auto;
	-webkit-overflow-scrolling: touch
}

.scrolling.undetached.dimmable.dimmed>.dimmer {
	overflow: hidden
}

.scrolling.undetached.dimmable .ui.scrolling.modal {
	position: absolute;
	left: 50%;
	margin-top: 3.5rem !important
}

.undetached.dimmable.dimmed>.pusher {
	z-index: auto
}

@media only screen and (max-width: 991px) {
	.modals.dimmer .ui.scrolling.modal {
		margin-top: 1rem !important;
		margin-bottom: 1rem !important
	}
}

.ui.fullscreen.modal {
	width: 95% !important;
	left: 2.5% !important;
	margin: 1em auto
}

.ui.fullscreen.scrolling.modal {
	left: 0em !important
}

.ui.fullscreen.modal>.header {
	padding-right: 2.25rem
}

.ui.fullscreen.modal>.close {
	top: 1.0535rem;
	right: 1rem;
	color: rgba(0, 0, 0, 0.87)
}

.ui.modal {
	font-size: 1rem
}

.ui.small.modal>.header:not(.ui) {
	font-size: 1.3em
}

@media only screen and (max-width: 767px) {
	.ui.small.modal {
		width: 95%;
		margin: 0em 0em 0em -47.5%
	}
}

@media only screen and (min-width: 768px) {
	.ui.small.modal {
		width: 76%;
		margin: 0em 0em 0em -38%
	}
}

@media only screen and (min-width: 992px) {
	.ui.small.modal {
		width: 680px;
		margin: 0em 0em 0em -340px
	}
}

@media only screen and (min-width: 1200px) {
	.ui.small.modal {
		width: 720px;
		margin: 0em 0em 0em -360px
	}
}

@media only screen and (min-width: 1920px) {
	.ui.small.modal {
		width: 720px;
		margin: 0em 0em 0em -360px
	}
}

.ui.large.modal>.header {
	font-size: 1.6em
}

@media only screen and (max-width: 767px) {
	.ui.large.modal {
		width: 95%;
		margin: 0em 0em 0em -47.5%
	}
}

@media only screen and (min-width: 768px) {
	.ui.large.modal {
		width: 95%;
		margin: 0em 0em 0em -47.5%
	}
}

@media only screen and (min-width: 992px) {
	.ui.large.modal {
		width: 952px;
		margin: 0em 0em 0em -476px
	}
}

@media only screen and (min-width: 1200px) {
	.ui.large.modal {
		width: 1080px;
		margin: 0em 0em 0em -540px
	}
}

@media only screen and (min-width: 1920px) {
	.ui.large.modal {
		width: 1080px;
		margin: 0em 0em 0em -540px
	}
}

.ui.visible.modal {
	-webkit-transform: rotateZ(0deg);
	transform: rotateZ(0deg)
}

.ui.modal>.basic.header {
	background: #FFFFFF !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important
}

.ui.dimmer.modals::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 12px
}

.ui.dimmer.modals::-webkit-scrollbar:horizontal {
	height: 12px
}

.ui.dimmer.modals::-webkit-scrollbar-track {
	border-radius: 5px;
	background: rgba(255, 255, 255, 0.2)
}

.ui.dimmer.modals::-webkit-scrollbar-thumb {
	cursor: pointer;
	border-radius: 5px;
	-webkit-transition: color 0.2s ease;
	transition: color 0.2s ease;
	background: rgba(255, 255, 255, 0.4)
}

.ui.dimmer.modals::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(255, 255, 255, 0.4)
}

.ui.dimmer.modals::-webkit-scrollbar-thumb:hover {
	background: rgba(255, 255, 255, 0.5)
}

.ui.modal>.header:not(.large):not(.big):not(.huge):not(.massive) {
	position: relative;
	font-size: 1.3846em;
	z-index: 1
}

.ui.basic.modal>.header {
	background-image: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border-bottom: none !important
}

.ui.modal .ui.search>.results {
	margin-bottom: 2rem
}

.ui.basic.modal>.header>b {
	text-decoration: underline;
	color: #7ADEAB
}

.ui.tiny.modal>.header:not(.ui) {
	font-size: 1.3em
}

@media only screen and (max-width: 767px) {
	.ui.tiny.modal {
		width: 95%;
		margin: 0em 0em 0em -47.5%
	}
}

@media only screen and (min-width: 768px) {
	.ui.tiny.modal {
		width: 80.75%;
		margin: 0em 0em 0em -40.375%
	}
}

@media only screen and (min-width: 992px) {
	.ui.tiny.modal {
		width: 722.5px;
		margin: 0em 0em 0em -361.25px
	}
}

@media only screen and (min-width: 1200px) {
	.ui.tiny.modal {
		width: 765px;
		margin: 0em 0em 0em -382.5px
	}
}

@media only screen and (min-width: 1920px) {
	.ui.tiny.modal {
		width: 765px;
		margin: 0em 0em 0em -382.5px
	}
}

@media only screen and (min-width: 1500px) {
	.ui.huge.modal {
		width: 1400px;
		margin: 0em 0em 0em -700px
	}
}

@media only screen and (max-width: 1499px) {
	.ui.huge.modal {
		width: 94%;
		margin: 0em 0em 0em -48%
	}
}

.ui.tiny.basic.modal {
	text-align: center
}

.ui.tiny.basic.modal .header {
	padding-top: 0rem !important;
	font-size: 2.28571429rem !important
}

.ui.tiny.basic.modal .header>.sub.header {
	font-size: 1.71428571rem !important;
	color: rgba(255, 255, 255, 0.8)
}

.ui.tiny.basic.modal .content {
	font-size: 1.42857143rem !important;
	color: rgba(255, 255, 255, 0.7);
	padding: 0px 0px 1rem
}

.ui.tiny.basic.modal .actions {
	text-align: center !important;
	padding-bottom: 0em !important
}

.ui.tiny.basic.modal .actions .button {
	font-size: 1.57142857rem !important
}

.ui.tiny.basic.modal .actions .button:last-child {
	margin-right: none !important
}

.ui.modal .ui.search>.results .result .description {
	padding: 0em !important
}

.ui.modal>.mobile.close.icon {
	display: none
}

@media only screen and (max-width: 767px) {
	.ui.modal {
		will-change: transform !important
	}
	.ui.modal>.mobile.close.icon {
		display: block
	}
}

.ui.popup {
	display: none;
	position: absolute;
	top: 0px;
	right: 0px;
	min-width: -webkit-min-content;
	min-width: -moz-min-content;
	min-width: min-content;
	z-index: 1900;
	border: 1px solid #bfc8cc;
	line-height: 1.4285em;
	max-width: 250px;
	background: #ffffff -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05)));
	background: #ffffff linear-gradient(transparent, rgba(0, 0, 0, 0.05));
	padding: 0.64285714em 0.85714286em;
	font-weight: normal;
	font-style: normal;
	color: rgba(0, 0, 0, 0.87);
	border-radius: 0.28571429rem;
	-webkit-box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.14), 0px 2px 20px -3px rgba(34, 36, 38, 0.3);
	box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.14), 0px 2px 20px -3px rgba(34, 36, 38, 0.3)
}

.ui.popup>.header {
	padding: 0em;
	font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-size: 1.14285714em;
	line-height: 1.2;
	font-weight: bold
}

.ui.popup>.header+.content {
	padding-top: 0.5em
}

.ui.popup:before {
	position: absolute;
	content: '';
	width: 0.71428571em;
	height: 0.71428571em;
	background: #ffffff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	z-index: 2;
	-webkit-box-shadow: 1px 1px 0px 0px #a3b0b5;
	box-shadow: 1px 1px 0px 0px #a3b0b5
}

[data-tooltip] {
	position: relative
}

[data-tooltip]:before {
	pointer-events: none;
	position: absolute;
	content: '';
	font-size: 1rem;
	width: 0.71428571em;
	height: 0.71428571em;
	background: #ffffff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	z-index: 2;
	-webkit-box-shadow: 1px 1px 0px 0px #a3b0b5;
	box-shadow: 1px 1px 0px 0px #a3b0b5
}

[data-tooltip]:after {
	pointer-events: none;
	content: attr(data-tooltip);
	position: absolute;
	text-transform: none;
	text-align: left;
	white-space: nowrap;
	font-size: 1rem;
	border: 1px solid #bfc8cc;
	line-height: 1.4285em;
	max-width: none;
	background: #ffffff -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05)));
	background: #ffffff linear-gradient(transparent, rgba(0, 0, 0, 0.05));
	padding: 0.64285714em 0.85714286em;
	font-weight: normal;
	font-style: normal;
	color: rgba(0, 0, 0, 0.87);
	border-radius: 0.28571429rem;
	-webkit-box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.14), 0px 2px 20px -3px rgba(34, 36, 38, 0.3);
	box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.14), 0px 2px 20px -3px rgba(34, 36, 38, 0.3);
	z-index: 1
}

[data-tooltip]:not([data-position]):before {
	top: auto;
	right: auto;
	bottom: 100%;
	left: 50%;
	background: #f4f4f4;
	margin-left: -0.07142857rem;
	margin-bottom: 0.14285714rem
}

[data-tooltip]:not([data-position]):after {
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: 100%;
	margin-bottom: 0.5rem
}

[data-tooltip]:before,
[data-tooltip]:after {
	pointer-events: none;
	visibility: hidden
}

[data-tooltip]:before {
	opacity: 0;
	-webkit-transform: rotate(45deg) scale(0) !important;
	transform: rotate(45deg) scale(0) !important;
	-webkit-transform-origin: center top;
	transform-origin: center top;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease
}

[data-tooltip]:after {
	opacity: 1;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
	visibility: visible;
	pointer-events: auto
}

[data-tooltip]:hover:before {
	-webkit-transform: rotate(45deg) scale(1) !important;
	transform: rotate(45deg) scale(1) !important;
	opacity: 1
}

[data-tooltip]:after,
[data-tooltip][data-position="top center"]:after,
[data-tooltip][data-position="bottom center"]:after {
	-webkit-transform: translateX(-50%) scale(0) !important;
	transform: translateX(-50%) scale(0) !important
}

[data-tooltip]:hover:after,
[data-tooltip][data-position="bottom center"]:hover:after {
	-webkit-transform: translateX(-50%) scale(1) !important;
	transform: translateX(-50%) scale(1) !important
}

[data-tooltip][data-position="left center"]:after,
[data-tooltip][data-position="right center"]:after {
	-webkit-transform: translateY(-50%) scale(0) !important;
	transform: translateY(-50%) scale(0) !important
}

[data-tooltip][data-position="left center"]:hover:after,
[data-tooltip][data-position="right center"]:hover:after {
	-webkit-transform: translateY(-50%) scale(1) !important;
	transform: translateY(-50%) scale(1) !important
}

[data-tooltip][data-position="top left"]:after,
[data-tooltip][data-position="top right"]:after,
[data-tooltip][data-position="bottom left"]:after,
[data-tooltip][data-position="bottom right"]:after {
	-webkit-transform: scale(0) !important;
	transform: scale(0) !important
}

[data-tooltip][data-position="top left"]:hover:after,
[data-tooltip][data-position="top right"]:hover:after,
[data-tooltip][data-position="bottom left"]:hover:after,
[data-tooltip][data-position="bottom right"]:hover:after {
	-webkit-transform: scale(1) !important;
	transform: scale(1) !important
}

[data-tooltip][data-inverted]:before {
	-webkit-box-shadow: none !important;
	box-shadow: none !important
}

[data-tooltip][data-inverted]:before {
	background: #3a474c
}

[data-tooltip][data-inverted]:after {
	background: #3d4c52 -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.1)), to(rgba(0, 0, 0, 0.1)));
	background: #3d4c52 linear-gradient(rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
	color: #ffffff;
	border: none;
	-webkit-box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
	box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07)
}

[data-tooltip][data-inverted]:after .header {
	background-color: none;
	color: #ffffff
}

[data-position="top center"][data-tooltip]:after {
	top: auto;
	right: auto;
	left: 50%;
	bottom: 100%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	margin-bottom: 0.5rem
}

[data-position="top center"][data-tooltip]:before {
	top: auto;
	right: auto;
	bottom: 100%;
	left: 50%;
	background: #ffffff;
	margin-left: -0.07142857rem;
	margin-bottom: 0.14285714rem
}

[data-position="top left"][data-tooltip]:after {
	top: auto;
	right: auto;
	left: 0;
	bottom: 100%;
	margin-bottom: 0.5rem
}

[data-position="top left"][data-tooltip]:before {
	top: auto;
	right: auto;
	bottom: 100%;
	left: 1em;
	margin-left: -0.07142857rem;
	margin-bottom: 0.14285714rem
}

[data-position="top right"][data-tooltip]:after {
	top: auto;
	left: auto;
	right: 0;
	bottom: 100%;
	margin-bottom: 0.5rem
}

[data-position="top right"][data-tooltip]:before {
	top: auto;
	left: auto;
	bottom: 100%;
	right: 1em;
	margin-left: -0.07142857rem;
	margin-bottom: 0.14285714rem
}

[data-position="bottom center"][data-tooltip]:after {
	bottom: auto;
	right: auto;
	left: 50%;
	top: 100%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	margin-top: 0.5rem
}

[data-position="bottom center"][data-tooltip]:before {
	bottom: auto;
	right: auto;
	top: 100%;
	left: 50%;
	margin-left: -0.07142857rem;
	margin-top: 0.14285714rem
}

[data-position="bottom left"][data-tooltip]:after {
	left: 0;
	top: 100%;
	margin-top: 0.5rem
}

[data-position="bottom left"][data-tooltip]:before {
	bottom: auto;
	right: auto;
	top: 100%;
	left: 1em;
	margin-left: -0.07142857rem;
	margin-top: 0.14285714rem
}

[data-position="bottom right"][data-tooltip]:after {
	right: 0;
	top: 100%;
	margin-top: 0.5rem
}

[data-position="bottom right"][data-tooltip]:before {
	bottom: auto;
	left: auto;
	top: 100%;
	right: 1em;
	margin-left: -0.14285714rem;
	margin-top: 0.07142857rem
}

[data-position="left center"][data-tooltip]:after {
	right: 100%;
	top: 50%;
	margin-right: 0.5rem;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

[data-position="left center"][data-tooltip]:before {
	right: 100%;
	top: 50%;
	margin-top: -0.14285714rem;
	margin-right: -0.07142857rem
}

[data-position="right center"][data-tooltip]:after {
	left: 100%;
	top: 50%;
	margin-left: 0.5rem;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

[data-position="right center"][data-tooltip]:before {
	left: 100%;
	top: 50%;
	margin-top: -0.07142857rem;
	margin-left: 0.14285714rem
}

[data-position~="bottom"][data-tooltip]:before {
	background: #ffffff;
	-webkit-box-shadow: -1px -1px 0px 0px #a3b0b5;
	box-shadow: -1px -1px 0px 0px #a3b0b5
}

[data-position="left center"][data-tooltip]:before {
	background: #f9f9f9;
	-webkit-box-shadow: 1px -1px 0px 0px #a3b0b5;
	box-shadow: 1px -1px 0px 0px #a3b0b5
}

[data-position="right center"][data-tooltip]:before {
	background: #f9f9f9;
	-webkit-box-shadow: -1px 1px 0px 0px #a3b0b5;
	box-shadow: -1px 1px 0px 0px #a3b0b5
}

[data-position~="top"][data-tooltip]:before {
	background: #f4f4f4
}

[data-inverted][data-position~="bottom"][data-tooltip]:before {
	background: #4f5c61;
	-webkit-box-shadow: -1px -1px 0px 0px #a3b0b5;
	box-shadow: -1px -1px 0px 0px #a3b0b5
}

[data-inverted][data-position="left center"][data-tooltip]:before {
	background: #435055;
	-webkit-box-shadow: 1px -1px 0px 0px #a3b0b5;
	box-shadow: 1px -1px 0px 0px #a3b0b5
}

[data-inverted][data-position="right center"][data-tooltip]:before {
	background: #435055;
	-webkit-box-shadow: -1px 1px 0px 0px #a3b0b5;
	box-shadow: -1px 1px 0px 0px #a3b0b5
}

[data-inverted][data-position~="top"][data-tooltip]:before {
	background: #3a474c
}

[data-position~="bottom"][data-tooltip]:before {
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom
}

[data-position~="bottom"][data-tooltip]:after {
	-webkit-transform-origin: center top;
	transform-origin: center top
}

[data-position="left center"][data-tooltip]:before {
	-webkit-transform-origin: top center;
	transform-origin: top center
}

[data-position="left center"][data-tooltip]:after {
	-webkit-transform-origin: right center;
	transform-origin: right center
}

[data-position="right center"][data-tooltip]:before {
	-webkit-transform-origin: right center;
	transform-origin: right center
}

[data-position="right center"][data-tooltip]:after {
	-webkit-transform-origin: left center;
	transform-origin: left center
}

.ui.popup {
	margin: 0em
}

.ui.top.popup {
	margin: 0em 0em 0.71428571em
}

.ui.top.left.popup {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom
}

.ui.top.center.popup {
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom
}

.ui.top.right.popup {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom
}

.ui.left.center.popup {
	margin: 0em 0.71428571em 0em 0em;
	-webkit-transform-origin: right 50%;
	transform-origin: right 50%
}

.ui.right.center.popup {
	margin: 0em 0em 0em 0.71428571em;
	-webkit-transform-origin: left 50%;
	transform-origin: left 50%
}

.ui.bottom.popup {
	margin: 0.71428571em 0em 0em
}

.ui.bottom.left.popup {
	-webkit-transform-origin: left top;
	transform-origin: left top
}

.ui.bottom.center.popup {
	-webkit-transform-origin: center top;
	transform-origin: center top
}

.ui.bottom.right.popup {
	-webkit-transform-origin: right top;
	transform-origin: right top
}

.ui.bottom.center.popup:before {
	margin-left: -0.35714286em;
	top: -0.35714286em;
	left: 50%;
	right: auto;
	bottom: auto;
	-webkit-box-shadow: -1px -1px 0px 0px #a3b0b5;
	box-shadow: -1px -1px 0px 0px #a3b0b5
}

.ui.bottom.left.popup {
	margin-left: 0em
}

.ui.bottom.left.popup:before {
	top: -0.35714286em;
	left: 1em;
	right: auto;
	bottom: auto;
	margin-left: 0em;
	-webkit-box-shadow: -1px -1px 0px 0px #a3b0b5;
	box-shadow: -1px -1px 0px 0px #a3b0b5
}

.ui.bottom.right.popup {
	margin-right: 0em
}

.ui.bottom.right.popup:before {
	top: -0.35714286em;
	right: 1em;
	bottom: auto;
	left: auto;
	margin-left: 0em;
	-webkit-box-shadow: -1px -1px 0px 0px #a3b0b5;
	box-shadow: -1px -1px 0px 0px #a3b0b5
}

.ui.top.center.popup:before {
	top: auto;
	right: auto;
	bottom: -0.35714286em;
	left: 50%;
	margin-left: -0.35714286em
}

.ui.top.left.popup {
	margin-left: 0em
}

.ui.top.left.popup:before {
	bottom: -0.35714286em;
	left: 1em;
	top: auto;
	right: auto;
	margin-left: 0em
}

.ui.top.right.popup {
	margin-right: 0em
}

.ui.top.right.popup:before {
	bottom: -0.35714286em;
	right: 1em;
	top: auto;
	left: auto;
	margin-left: 0em
}

.ui.left.center.popup:before {
	top: 50%;
	right: -0.35714286em;
	bottom: auto;
	left: auto;
	margin-top: -0.35714286em;
	-webkit-box-shadow: 1px -1px 0px 0px #a3b0b5;
	box-shadow: 1px -1px 0px 0px #a3b0b5
}

.ui.right.center.popup:before {
	top: 50%;
	left: -0.35714286em;
	bottom: auto;
	right: auto;
	margin-top: -0.35714286em;
	-webkit-box-shadow: -1px 1px 0px 0px #a3b0b5;
	box-shadow: -1px 1px 0px 0px #a3b0b5
}

.ui.bottom.popup:before {
	background: #ffffff
}

.ui.right.center.popup:before,
.ui.left.center.popup:before {
	background: #f9f9f9
}

.ui.top.popup:before {
	background: #f4f4f4
}

.ui.inverted.bottom.popup:before {
	background: #4f5c61
}

.ui.inverted.right.center.popup:before,
.ui.inverted.left.center.popup:before {
	background: #435055
}

.ui.inverted.top.popup:before {
	background: #3a474c
}

.ui.popup>.ui.grid:not(.padded) {
	width: calc(100% + 1.75rem);
	margin: -0.7rem -0.875rem
}

.ui.loading.popup {
	display: block;
	visibility: hidden;
	z-index: -1
}

.ui.animating.popup,
.ui.visible.popup {
	display: block
}

.ui.visible.popup {
	-webkit-transform: translateZ(0px);
	transform: translateZ(0px);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.ui.basic.popup:before {
	display: none
}

.ui.wide.popup {
	max-width: 350px
}

.ui[class*="very wide"].popup {
	max-width: 550px
}

@media only screen and (max-width: 767px) {
	.ui.wide.popup,
	.ui[class*="very wide"].popup {
		max-width: 250px
	}
}

.ui.fluid.popup {
	width: 100%;
	max-width: none
}

.ui.inverted.popup {
	background: #3d4c52 -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.1)), to(rgba(0, 0, 0, 0.1)));
	background: #3d4c52 linear-gradient(rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
	color: #ffffff;
	border: none;
	-webkit-box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
	box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07)
}

.ui.inverted.popup .header {
	background-color: none;
	color: #ffffff
}

.ui.inverted.popup:before {
	background-color: #4f5c61;
	-webkit-box-shadow: none !important;
	box-shadow: none !important
}

.ui.flowing.popup {
	max-width: none
}

.ui.mini.popup {
	font-size: 0.71428571rem
}

.ui.tiny.popup {
	font-size: 0.78571429rem
}

.ui.small.popup {
	font-size: 0.85714286rem
}

.ui.popup {
	font-size: 1rem
}

.ui.large.popup {
	font-size: 1.14285714rem
}

.ui.huge.popup {
	font-size: 1.42857143rem
}

[data-tooltip]:not([data-position]):before {
	margin-left: -2px
}

.ui.animating.popup {
	pointer-events: none
}

.ui.popup {
	-webkit-filter: none !important;
	filter: none !important
}

.ui.help.popup {
	padding: 1.25em !important
}

.ui.help.popup .content {
	padding-top: 0em
}

.ui.help.popup .button {
	margin-top: 10px
}

.ui.titled.popup {
	padding: 0em
}

.ui.titled.bottom.popup:before {
	background-color: #fcfcfc !important
}

.ui.titled.popup>.header {
	background-color: #FFFFFF;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.04)));
	background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.04));
	margin: -1px -1px 0px;
	text-align: center;
	-webkit-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.1);
	border: 1px solid #cec8c8;
	border-bottom: 1px solid #DDD;
	font-size: 1em;
	padding: 1em 0.71428571em;
	color: #5F6361;
	border-radius: 0.28571429rem 0.28571429rem 0px 0px
}

.ui.titled.popup>.inverted.header {
	background-color: #647177;
	border: none;
	color: #FFFFFF
}

.ui.titled.popup>.header b {
	color: #5E8E75
}

.ui.titled.popup>.content {
	padding: 1em
}

.ui.titled.popup>.form>.divided.list>.item {
	padding-left: 1em;
	padding-right: 1em
}

.ui.tabled.popup {
	padding: 0px !important;
	min-width: 0px !important;
	max-width: 375px !important
}

.ui.tabled.popup:before {
	background-color: #FFFFFF !important
}

.ui.tabled.bottom.left.popup:before {
	background-color: #f6f6f6 !important
}

.ui.tabled.right.center.popup:before,
.ui.tabled.top.left.popup:before {
	background-color: #eaeaea !important
}

.ui.tabled.popup .ui.table {
	white-space: normal !important;
	border: none !important
}

.ui.table tr:first-child .ui.tabled.popup tr:not(:first-child) td {
	border-top: 1px solid rgba(34, 36, 38, 0.1)
}

.ui.tabled.popup .ui.list .item .red.x {
	float: right;
	margin-top: -2px;
	font-size: 16px !important;
	margin-left: 16px
}

.ui.tabled.popup .ui.list .item {
	white-space: normal
}

.ui.tabled.popup .mini.label {
	vertical-align: 2px;
	margin-left: 3px;
	font-size: 9px
}

.ui.tabled.popup .ui.list .item .content .description {
	color: rgba(0, 0, 0, 0.5) !important;
	padding-top: 1px !important
}

.ui.tabled.popup table {
	-webkit-user-select: initial !important;
	position: relative;
	z-index: 3
}

.ui.tabled.popup table tr td {
	line-height: 1.3;
	padding-top: 6px !important;
	padding-bottom: 6px !important
}

.ui.tabled.popup table tr td>.header {
	margin-top: 0em !important
}

.ui.tabled.popup table tr td:first-child {
	font-size: 10px !important;
	width: 0px;
	-webkit-user-select: none;
	white-space: nowrap
}

.ui.tabled.popup table tr td:first-child {
	background-color: #ECECEC !important;
	padding-left: 1em !important
}

.ui.tabled.popup table tr td:last-child {
	padding-right: 1em !important
}

.ui.tabled.popup table tr td:last-child {
	background-color: #FFFFFF !important;
	width: 100% !important
}

.ui.tabled.popup table tr td .icon {
	font-size: 14px !important;
	vertical-align: -1px !important;
	margin-left: 10px !important
}

[data-tooltip]:after {
	-webkit-font-smoothing: antialiased
}

[data-tooltip][data-grey]:before {
	background-color: #DADADA
}

[data-tooltip][data-position="right center"][data-grey]:before,
[data-tooltip][data-position="left center"][data-grey]:before {
	background-color: #E9EAEB
}

[data-tooltip][data-grey]:after {
	background: #f3f4f5 -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.1)), to(rgba(0, 0, 0, 0.1)));
	background: #f3f4f5 linear-gradient(rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
	color: #000000;
	border: none;
	font-weight: bold;
	-webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2), 0px 10px 15px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2), 0px 10px 15px rgba(0, 0, 0, 0.1)
}

.ui.popup .by {
	display: block;
	margin-top: -5px;
	font-size: 11px;
	color: #AAAAAA !important;
	text-align: center
}

[data-tooltip][data-grey]:before {
	background-color: #F0F0F0;
	-webkit-box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.08);
	box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.08)
}

[data-tooltip][data-grey]:after {
	-webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.08), 0px 5px 15px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.08), 0px 5px 15px rgba(0, 0, 0, 0.2);
	background: #F0F0F0
}

.ui.progress {
	position: relative;
	display: block;
	max-width: 100%;
	border: none;
	margin: 1em 0em 2.5em;
	-webkit-box-shadow: none;
	box-shadow: none;
	background: rgba(0, 30, 60, 0.15);
	padding: 0em;
	border-radius: 0.28571429rem
}

.ui.progress:first-child {
	margin: 0em 0em 2.5em
}

.ui.progress:last-child {
	margin: 0em 0em 1.5em
}

.ui.progress .bar {
	display: block;
	line-height: 1;
	position: relative;
	width: 0%;
	min-width: 1em;
	background: #888888;
	border-radius: 0.28571429rem;
	-webkit-transition: width 0.2s ease, background-color 0.2s ease;
	transition: width 0.2s ease, background-color 0.2s ease
}

.ui.progress .bar>.progress {
	white-space: nowrap;
	position: absolute;
	width: auto;
	font-size: 0.85714286em;
	top: 50%;
	right: 0.5em;
	left: auto;
	bottom: auto;
	color: rgba(255, 255, 255, 0.7);
	text-shadow: none;
	margin-top: -0.5em;
	font-weight: bold;
	text-align: left
}

.ui.progress>.label {
	position: absolute;
	width: 100%;
	font-size: 1em;
	top: 100%;
	right: auto;
	left: 0%;
	bottom: auto;
	color: rgba(0, 0, 0, 0.87);
	font-weight: bold;
	text-shadow: none;
	margin-top: 0.2em;
	text-align: center;
	-webkit-transition: color 0.4s ease;
	transition: color 0.4s ease
}

.ui.indicating.progress[data-percent^="1"] .bar,
.ui.indicating.progress[data-percent^="2"] .bar {
	background-color: #d95c5c
}

.ui.indicating.progress[data-percent^="3"] .bar {
	background-color: #efbc72
}

.ui.indicating.progress[data-percent^="4"] .bar,
.ui.indicating.progress[data-percent^="5"] .bar {
	background-color: #e6bb48
}

.ui.indicating.progress[data-percent^="6"] .bar {
	background-color: #aeca40
}

.ui.indicating.progress[data-percent^="7"] .bar,
.ui.indicating.progress[data-percent^="8"] .bar {
	background-color: #93c778
}

.ui.indicating.progress[data-percent^="9"] .bar,
.ui.indicating.progress[data-percent^="100"] .bar {
	background-color: #4daf7c
}

.ui.indicating.progress[data-percent^="1"] .label,
.ui.indicating.progress[data-percent^="2"] .label {
	color: rgba(0, 0, 0, 0.87)
}

.ui.indicating.progress[data-percent^="3"] .label {
	color: rgba(0, 0, 0, 0.87)
}

.ui.indicating.progress[data-percent^="4"] .label,
.ui.indicating.progress[data-percent^="5"] .label {
	color: rgba(0, 0, 0, 0.87)
}

.ui.indicating.progress[data-percent^="6"] .label {
	color: rgba(0, 0, 0, 0.87)
}

.ui.indicating.progress[data-percent^="7"] .label,
.ui.indicating.progress[data-percent^="8"] .label {
	color: rgba(0, 0, 0, 0.87)
}

.ui.indicating.progress[data-percent^="9"] .label,
.ui.indicating.progress[data-percent^="100"] .label {
	color: rgba(0, 0, 0, 0.87)
}

.ui.indicating.progress[data-percent="1"] .bar,
.ui.indicating.progress[data-percent="2"] .bar,
.ui.indicating.progress[data-percent="3"] .bar,
.ui.indicating.progress[data-percent="4"] .bar,
.ui.indicating.progress[data-percent="5"] .bar,
.ui.indicating.progress[data-percent="6"] .bar,
.ui.indicating.progress[data-percent="7"] .bar,
.ui.indicating.progress[data-percent="8"] .bar,
.ui.indicating.progress[data-percent="9"] .bar {
	background-color: #d95c5c
}

.ui.indicating.progress[data-percent="1"] .label,
.ui.indicating.progress[data-percent="2"] .label,
.ui.indicating.progress[data-percent="3"] .label,
.ui.indicating.progress[data-percent="4"] .label,
.ui.indicating.progress[data-percent="5"] .label,
.ui.indicating.progress[data-percent="6"] .label,
.ui.indicating.progress[data-percent="7"] .label,
.ui.indicating.progress[data-percent="8"] .label,
.ui.indicating.progress[data-percent="9"] .label {
	color: rgba(0, 0, 0, 0.87)
}

.ui.indicating.progress.success .label {
	color: #6c9c7a
}

.ui.progress.success .bar {
	background-color: #4daf7c !important
}

.ui.progress.success .bar,
.ui.progress.success .bar::after {
	-webkit-animation: none !important;
	animation: none !important
}

.ui.progress.success>.label {
	color: #6c9c7a
}

.ui.progress.warning .bar {
	background-color: #968545 !important
}

.ui.progress.warning .bar,
.ui.progress.warning .bar::after {
	-webkit-animation: none !important;
	animation: none !important
}

.ui.progress.warning>.label {
	color: #794b02
}

.ui.progress.error .bar {
	background-color: #df4c4c !important
}

.ui.progress.error .bar,
.ui.progress.error .bar::after {
	-webkit-animation: none !important;
	animation: none !important
}

.ui.progress.error>.label {
	color: #c55250
}

.ui.active.progress .bar {
	position: relative;
	min-width: 1em
}

.ui.active.progress .bar::after {
	content: '';
	opacity: 0;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background: #ffffff;
	border-radius: 0.28571429rem;
	-webkit-animation: progress-active 2s ease infinite;
	animation: progress-active 2s ease infinite
}

@-webkit-keyframes progress-active {
	0% {
		opacity: 0.3;
		width: 0
	}
	100% {
		opacity: 0;
		width: 100%
	}
}

@keyframes progress-active {
	0% {
		opacity: 0.3;
		width: 0
	}
	100% {
		opacity: 0;
		width: 100%
	}
}

.ui.disabled.progress {
	opacity: 0.35
}

.ui.disabled.progress .bar,
.ui.disabled.progress .bar::after {
	-webkit-animation: none !important;
	animation: none !important
}

.ui.inverted.progress {
	background: rgba(255, 255, 255, 0.08);
	border: none
}

.ui.inverted.progress .bar {
	background: #888888
}

.ui.inverted.progress .bar>.progress {
	color: #f9fbfb
}

.ui.inverted.progress>.label {
	color: #ffffff
}

.ui.inverted.progress.success>.label {
	color: #4daf7c
}

.ui.inverted.progress.warning>.label {
	color: #968545
}

.ui.inverted.progress.error>.label {
	color: #df4c4c
}

.ui.progress.attached {
	background: transparent;
	position: relative;
	border: none;
	margin: 0em
}

.ui.progress.attached,
.ui.progress.attached .bar {
	display: block;
	height: 0.21428571em;
	padding: 0px;
	overflow: hidden;
	border-radius: 0em 0em 0.28571429rem 0.28571429rem
}

.ui.progress.attached .bar {
	border-radius: 0em
}

.ui.progress.top.attached,
.ui.progress.top.attached .bar {
	top: 0px;
	border-radius: 0.28571429rem 0.28571429rem 0em 0em
}

.ui.progress.top.attached .bar {
	border-radius: 0em
}

.ui.segment>.ui.attached.progress,
.ui.card>.ui.attached.progress {
	position: absolute;
	top: auto;
	left: 0;
	bottom: 100%;
	width: 100%
}

.ui.segment>.ui.bottom.attached.progress,
.ui.card>.ui.bottom.attached.progress {
	top: 100%;
	bottom: auto
}

.ui.red.progress .bar {
	background-color: #df4c4c
}

.ui.red.inverted.progress .bar {
	background-color: #ff695e
}

.ui.orange.progress .bar {
	background-color: #d98c43
}

.ui.orange.inverted.progress .bar {
	background-color: #ff851b
}

.ui.yellow.progress .bar {
	background-color: #dcb850
}

.ui.yellow.inverted.progress .bar {
	background-color: #ffe21f
}

.ui.olive.progress .bar {
	background-color: #b5cc18
}

.ui.olive.inverted.progress .bar {
	background-color: #d9e778
}

.ui.green.progress .bar {
	background-color: #4daf7c
}

.ui.green.inverted.progress .bar {
	background-color: #2ecc40
}

.ui.teal.progress .bar {
	background-color: #00b5ad
}

.ui.teal.inverted.progress .bar {
	background-color: #6dffff
}

.ui.blue.progress .bar {
	background-color: #647177
}

.ui.blue.inverted.progress .bar {
	background-color: #54c8ff
}

.ui.violet.progress .bar {
	background-color: #6435c9
}

.ui.violet.inverted.progress .bar {
	background-color: #a291fb
}

.ui.purple.progress .bar {
	background-color: #a333c8
}

.ui.purple.inverted.progress .bar {
	background-color: #dc73ff
}

.ui.pink.progress .bar {
	background-color: #e03997
}

.ui.pink.inverted.progress .bar {
	background-color: #ff8edf
}

.ui.brown.progress .bar {
	background-color: #a5673f
}

.ui.brown.inverted.progress .bar {
	background-color: #d67c1c
}

.ui.grey.progress .bar {
	background-color: #767676
}

.ui.grey.inverted.progress .bar {
	background-color: #dcddde
}

.ui.black.progress .bar {
	background-color: #212629
}

.ui.black.inverted.progress .bar {
	background-color: #545454
}

.ui.tiny.progress {
	font-size: 0.78571429rem
}

.ui.tiny.progress .bar {
	height: 0.5em
}

.ui.small.progress {
	font-size: 0.85714286rem
}

.ui.small.progress .bar {
	height: 0.57142857rem
}

.ui.progress {
	font-size: 1rem
}

.ui.progress .bar {
	height: 1.5em
}

.ui.large.progress {
	font-size: 1.14285714rem
}

.ui.large.progress .bar {
	height: 2.5em
}

.ui.big.progress {
	font-size: 1.28571429rem
}

.ui.big.progress .bar {
	height: 3.5em
}

.ui.segment>.bottom.attached.progress {
	margin-top: -1px
}

.ui.progress.attached .bar {
	border-radius: 0em 0em 0.28571429rem 0.28571429rem;
	min-width: 0em
}

.ui.progress .bar {
	background-size: 30px 30px;
	background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.08) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.08) 50%, rgba(255, 255, 255, 0.08) 75%, transparent 75%, transparent)
}

.ui.progress.active .bar:after {
	-webkit-animation: none;
	animation: none
}

.ui.progress.active .bar {
	-webkit-animation: progress-striped 3s linear infinite;
	animation: progress-striped 3s linear infinite
}

@-webkit-keyframes progress-striped {
	0% {
		background-position: 0px 0
	}
	100% {
		background-position: 60px 0
	}
}

@keyframes progress-striped {
	0% {
		background-position: 0px 0
	}
	100% {
		background-position: 60px 0
	}
}

.ui.progress.success>.label {
	color: inherit
}

.ui.progress .marker {
	position: absolute;
	width: 1.5em;
	height: 1.5em;
	left: 0px;
	top: 4px;
	background-color: #B7BCC3;
	border-radius: 500px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0)));
	background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
	z-index: 10;
	-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%)
}

.ui.green.progress .completed.marker {
	background-color: #FFFFFF !important;
	border-color: transparent !important
}

.ui.green.progress .completed.marker>.header {
	color: #399264
}

.ui.green.progress .start.completed.marker {
	background-color: #4BA476 !important
}

.ui.green.progress .start.completed.marker:after {
	color: rgba(255, 255, 255, 0.5)
}

.ui.red.progress .completed.marker {
	background-color: #CA4D4D
}

.ui.progress .start.marker {
	left: 0%
}

.ui.progress .end.marker {
	left: 100%
}

.ui.progress .bar .marker {
	width: 1.25em;
	height: 1.25em;
	z-index: 9
}

.ui.progress .marker {
	position: absolute;
	width: 1.5em;
	height: 1.5em;
	left: 0px;
	top: 10px;
	background-color: #FFFFFF;
	background-image: none !important;
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25)
}

.ui.progress .marker>.header {
	white-space: nowrap;
	font-weight: bold;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	position: absolute;
	left: 50%;
	margin-top: 7px;
	top: 100%
}

.ui.progress .marker>.description {
	white-space: nowrap;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	position: absolute;
	left: 50%;
	top: 100%;
	margin-top: 22px;
	color: rgba(0, 0, 0, 0.4)
}

.ui.progress .active.marker {
	width: 2em;
	height: 2em
}

.ui.progress .active.marker>.header {
	font-size: 15px;
	color: #1C9857;
	margin-top: 8px
}

.ui.progress .active.marker>.description {
	margin-top: 27px;
	color: rgba(0, 0, 0, 0.7)
}

.ui.progress .active.marker:after {
	display: none
}

.ui.progress .star.marker {
	background-color: #ECD087 !important;
	border: 1px solid #d6ba70 !important;
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
	width: 2em;
	height: 2em
}

.ui.progress .star.marker>.header {
	color: #C7A54C !important
}

.ui.progress .star.marker>.description {
	color: #CEC6B1 !important
}

.ui.progress .star.marker.completed {
	background-color: #ECD087 !important;
	border: 1px solid #d6ba70 !important
}

.ui.green.progress .star.marker:after,
.ui.progress .star.marker:after {
	content: '\f005';
	font-family: Icons;
	text-align: center;
	width: 24px;
	position: absolute;
	font-size: 16px;
	top: 3px;
	color: #ffffff
}

.ui.yellow.progress .start.marker,
.ui.yellow.progress .completed.marker {
	background-color: #b19e66
}

.ui.progress .marker {
	position: absolute;
	width: 1.5em;
	height: 1.5em;
	left: 0px;
	top: 10px;
	background-color: #FFFFFF;
	background-image: none !important;
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25)
}

.ui.progress .marker>.header {
	white-space: nowrap;
	font-weight: bold;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	position: absolute;
	left: 50%;
	margin-top: 7px;
	top: 100%
}

.ui.progress .marker>.description {
	white-space: nowrap;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	position: absolute;
	left: 50%;
	top: 100%;
	margin-top: 22px;
	color: rgba(0, 0, 0, 0.4)
}

.ui.progress .completed.marker>.header {
	color: rgba(0, 0, 0, 0.6)
}

.ui.progress .active.marker {
	width: 2em;
	height: 2em
}

.ui.progress .active.marker>.header {
	font-size: 15px;
	color: #1C9857;
	margin-top: 8px
}

.ui.progress .active.marker>.description {
	margin-top: 27px;
	color: rgba(0, 0, 0, 0.7)
}

.ui.progress .star.marker:after {
	width: 26px
}

.ui.rating {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	white-space: nowrap;
	vertical-align: baseline
}

.ui.rating:last-child {
	margin-right: 0em
}

.ui.rating .icon {
	padding: 0em;
	margin: 0em;
	text-align: center;
	font-weight: normal;
	font-style: normal;
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	cursor: pointer;
	width: 1.25em;
	height: auto;
	-webkit-transition: opacity 0.2s ease, background 0.2s ease, text-shadow 0.2s ease, color 0.2s ease;
	transition: opacity 0.2s ease, background 0.2s ease, text-shadow 0.2s ease, color 0.2s ease
}

.ui.rating .icon {
	background: transparent;
	color: rgba(0, 0, 0, 0.15)
}

.ui.rating .active.icon {
	background: transparent;
	color: rgba(0, 0, 0, 0.85)
}

.ui.rating .icon.selected,
.ui.rating .icon.selected.active {
	background: transparent;
	color: rgba(0, 0, 0, 0.87)
}

.ui.star.rating .icon {
	width: 1.25em;
	height: auto;
	background: transparent;
	color: rgba(0, 0, 0, 0.15);
	text-shadow: none
}

.ui.star.rating .active.icon {
	background: transparent !important;
	color: #ffd15d !important;
	text-shadow: 0px -1px 0px #cf9500, -1px 0px 0px #cf9500, 0px 1px 0px #cf9500, 1px 0px 0px #cf9500 !important
}

.ui.star.rating .icon.selected,
.ui.star.rating .icon.selected.active {
	background: transparent !important;
	color: #ffb800 !important;
	text-shadow: 0px -1px 0px #c89000, -1px 0px 0px #c89000, 0px 1px 0px #c89000, 1px 0px 0px #c89000 !important
}

.ui.heart.rating .icon {
	width: 1.4em;
	height: auto;
	background: transparent;
	color: rgba(0, 0, 0, 0.15);
	text-shadow: none !important
}

.ui.heart.rating .active.icon {
	background: transparent !important;
	color: #ff6d75 !important;
	text-shadow: 0px -1px 0px #cd0707, -1px 0px 0px #cd0707, 0px 1px 0px #cd0707, 1px 0px 0px #cd0707 !important
}

.ui.heart.rating .icon.selected,
.ui.heart.rating .icon.selected.active {
	background: transparent !important;
	color: #ff3000 !important;
	text-shadow: 0px -1px 0px #aa0101, -1px 0px 0px #aa0101, 0px 1px 0px #aa0101, 1px 0px 0px #aa0101 !important
}

.ui.disabled.rating .icon {
	cursor: default
}

.ui.rating.selected .active.icon {
	opacity: 1
}

.ui.rating.selected .icon.selected,
.ui.rating .icon.selected {
	opacity: 1
}

.ui.mini.rating {
	font-size: 0.71428571rem
}

.ui.tiny.rating {
	font-size: 0.78571429rem
}

.ui.small.rating {
	font-size: 0.85714286rem
}

.ui.rating {
	font-size: 1rem
}

.ui.large.rating {
	font-size: 1.14285714rem
}

.ui.huge.rating {
	font-size: 1.42857143rem
}

.ui.massive.rating {
	font-size: 3rem
}

.ui.search {
	position: relative
}

.ui.search>.prompt {
	margin: 0em;
	outline: none;
	-webkit-appearance: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	text-shadow: none;
	font-style: normal;
	font-weight: normal;
	line-height: 1.15384615em;
	padding: 0.63736264em 0.85714286em;
	font-size: 1em;
	background: #fcfcfd;
	border: 1px solid rgba(34, 36, 38, 0.15);
	color: rgba(0, 0, 0, 0.87);
	-webkit-box-shadow: 0em 0em 0em 0em transparent inset;
	box-shadow: 0em 0em 0em 0em transparent inset;
	-webkit-transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, -webkit-box-shadow 0.2s ease;
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, -webkit-box-shadow 0.2s ease;
	transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
	transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, -webkit-box-shadow 0.2s ease
}

.ui.search .prompt {
	border-radius: 500rem
}

.ui.search .prompt~.search.icon {
	cursor: pointer
}

.ui.search>.results {
	display: none;
	position: absolute;
	top: 100%;
	left: 0%;
	-webkit-transform-origin: center top;
	transform-origin: center top;
	white-space: normal;
	background: #ffffff;
	margin-top: 0.5em;
	width: 18em;
	border-radius: 0.28571429rem;
	-webkit-box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.14), 0px 2px 20px -3px rgba(34, 36, 38, 0.3);
	box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.14), 0px 2px 20px -3px rgba(34, 36, 38, 0.3);
	border: 1px solid #d4d4d5;
	z-index: 998
}

.ui.search>.results>:first-child {
	border-radius: 0.28571429rem 0.28571429rem 0em 0em
}

.ui.search>.results>:last-child {
	border-radius: 0em 0em 0.28571429rem 0.28571429rem
}

.ui.search>.results .result {
	cursor: pointer;
	display: block;
	overflow: hidden;
	font-size: 1em;
	padding: 0.78571429em 1.14285714em;
	color: rgba(0, 0, 0, 0.87);
	line-height: 1.33;
	border-bottom: 1px solid rgba(34, 36, 38, 0.1)
}

.ui.search>.results .result:last-child {
	border-bottom: none !important
}

.ui.search>.results .result .image {
	float: right;
	overflow: hidden;
	background: none;
	width: 5em;
	height: 3em;
	border-radius: 0.25em
}

.ui.search>.results .result .image img {
	display: block;
	width: auto;
	height: 100%
}

.ui.search>.results .result .image+.content {
	margin: 0em 6em 0em 0em
}

.ui.search>.results .result .title {
	margin: -0.14285em 0em 0em;
	font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1em;
	color: rgba(0, 0, 0, 0.85)
}

.ui.search>.results .result .description {
	margin-top: 0;
	font-size: 0.85714286em;
	color: rgba(0, 0, 0, 0.4)
}

.ui.search>.results .result .price {
	float: right;
	color: #4daf7c
}

.ui.search>.results>.message {
	padding: 1em 1em
}

.ui.search>.results>.message .header {
	font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: rgba(0, 0, 0, 0.87)
}

.ui.search>.results>.message .description {
	margin-top: 0.25rem;
	font-size: 1em;
	color: rgba(0, 0, 0, 0.87)
}

.ui.search>.results>.action {
	display: block;
	border-top: 1px solid rgba(34, 36, 38, 0.15);
	background: #edeef0;
	padding: 0.85714286em 1em;
	color: rgba(0, 0, 0, 0.87);
	font-weight: bold;
	text-align: center
}

.ui.search>.prompt:focus {
	border-color: rgba(34, 36, 38, 0.35);
	background: #fcfcfd;
	color: rgba(0, 0, 0, 0.95)
}

.ui.loading.search .input>i.icon:before {
	position: absolute;
	content: '';
	top: 50%;
	left: 50%;
	margin: -0.64285714em 0em 0em -0.64285714em;
	width: 1.28571429em;
	height: 1.28571429em;
	border-radius: 500rem;
	border: 0.14285714em solid rgba(0, 0, 0, 0.1)
}

.ui.loading.search .input>i.icon:after {
	position: absolute;
	content: '';
	top: 50%;
	left: 50%;
	margin: -0.64285714em 0em 0em -0.64285714em;
	width: 1.28571429em;
	height: 1.28571429em;
	-webkit-animation: button-spin 0.6s linear;
	animation: button-spin 0.6s linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	border-radius: 500rem;
	border-color: #767676 transparent transparent;
	border-style: solid;
	border-width: 0.14285714em;
	-webkit-box-shadow: 0px 0px 0px 1px transparent;
	box-shadow: 0px 0px 0px 1px transparent
}

.ui.search>.results .result:hover,
.ui.category.search>.results .category .result:hover {
	background: #f9fbfb
}

.ui.search .action:hover {
	background: #e0e0e0
}

.ui.category.search>.results .category.active {
	background: #f3f4f5
}

.ui.category.search>.results .category.active>.name {
	color: rgba(0, 0, 0, 0.87)
}

.ui.search>.results .result.active,
.ui.category.search>.results .category .result.active {
	position: relative;
	border-left-color: rgba(34, 36, 38, 0.1);
	background: #edf7ed;
	-webkit-box-shadow: none;
	box-shadow: none
}

.ui.search>.results .result.active .title {
	color: rgba(0, 0, 0, 0.85)
}

.ui.search>.results .result.active .description {
	color: rgba(0, 0, 0, 0.85)
}

.ui.search.selection .prompt {
	border-radius: 0.28571429rem
}

.ui.search.selection>.icon.input>.remove.icon {
	pointer-events: none;
	position: absolute;
	left: auto;
	opacity: 0;
	color: '';
	top: 0em;
	right: 0em;
	-webkit-transition: color 0.2s ease, opacity 0.2s ease;
	transition: color 0.2s ease, opacity 0.2s ease
}

.ui.search.selection>.icon.input>.active.remove.icon {
	cursor: pointer;
	opacity: 0.8;
	pointer-events: auto
}

.ui.search.selection>.icon.input:not([class*="left icon"])>.icon~.remove.icon {
	right: 1.85714em
}

.ui.search.selection>.icon.input>.remove.icon:hover {
	opacity: 1;
	color: #df4c4c
}

.ui.category.search .results {
	width: 28em
}

.ui.category.search>.results .category {
	background: rgba(175, 175, 175, 0.08);
	-webkit-box-shadow: none;
	box-shadow: none;
	border-bottom: 1px solid rgba(34, 36, 38, 0.1);
	-webkit-transition: background 0.2s ease, border-color 0.2s ease;
	transition: background 0.2s ease, border-color 0.2s ease
}

.ui.category.search>.results .category:last-child {
	border-bottom: none
}

.ui.category.search>.results .category:first-child .name+.result {
	border-radius: 0em 0.28571429rem 0em 0em
}

.ui.category.search>.results .category:last-child .result:last-child {
	border-radius: 0em 0em 0.28571429rem 0em
}

.ui.category.search>.results .category .result {
	background: #ffffff;
	margin-left: 100px;
	border-left: 1px solid rgba(34, 36, 38, 0.15);
	border-bottom: 1px solid rgba(34, 36, 38, 0.1);
	-webkit-transition: background 0.2s ease, border-color 0.2s ease;
	transition: background 0.2s ease, border-color 0.2s ease;
	padding: 0.78571429em 1.14285714em
}

.ui.category.search>.results .category:last-child .result:last-child {
	border-bottom: none
}

.ui.category.search>.results .category>.name {
	width: 100px;
	background: transparent;
	font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-size: 0.78571429em;
	float: 0.78571429em;
	float: left;
	padding: 0.71428571em 1em;
	font-weight: bold;
	color: #899194
}

.ui[class*="left aligned"].search>.results {
	right: auto;
	left: 0%
}

.ui[class*="right aligned"].search>.results {
	right: 0%;
	left: auto
}

.ui.fluid.search .results {
	width: 100%
}

.ui.mini.search {
	font-size: 0.71428571em
}

.ui.small.search {
	font-size: 0.85714286em
}

.ui.search {
	font-size: 1em
}

.ui.large.search {
	font-size: 1.14285714em
}

.ui.big.search {
	font-size: 1.28571429em
}

.ui.huge.search {
	font-size: 1.42857143em
}

.ui.massive.search {
	font-size: 1.57142857em
}

.ui.search .square.prompt {
	border-radius: 0.28571429rem
}

.ui.search>.results {
	font-size: 1rem
}

.ui.category.search>.results .category .name {
	text-transform: uppercase;
	text-align: right
}

.ui.category.search>.results .category .result {
	-webkit-box-shadow: -3px 0px 6px -3px rgba(0, 0, 0, 0.14);
	box-shadow: -3px 0px 6px -3px rgba(0, 0, 0, 0.14)
}

.ui.category.search>.results .category .result .ui.label {
	font-size: 11px;
	float: right;
	margin-left: 0.5em
}

.ui.search>.results .empty.message {
	background-color: #FFFBFA;
	margin: 0px;
	padding: 1em;
	border-radius: 0.28571429rem
}

.ui.search>.results .empty.message .header {
	color: #c55250
}

.ui.search>.results .empty.message .description {
	margin-top: 0.57142857em;
	line-height: 1.33;
	color: rgba(0, 0, 0, 0.4)
}

.ui.search>.results .result .content {
	padding: 0em;
	margin: 0em
}

.ui.search>.results .result>.right.floated:not(.ui) {
	float: right;
	color: rgba(0, 0, 0, 0.4)
}

.ui.search>.results .result .title {
	background-color: transparent;
	border: none;
	padding: 0em
}

.ui.search>.scrolling.results {
	max-height: 17.5em;
	overflow-x: hidden;
	overflow-y: auto
}

.ui.category.search>.results .category.active>.name {
	color: #6c9c7a !important
}

.ui.shape {
	position: relative;
	vertical-align: top;
	display: inline-block;
	-webkit-perspective: 2000px;
	perspective: 2000px;
	-webkit-transition: left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
	transition: left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
	transition: transform 0.6s ease-in-out, left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out;
	transition: transform 0.6s ease-in-out, left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out
}

.ui.shape .sides {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.ui.shape .side {
	opacity: 1;
	width: 100%;
	margin: 0em !important;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.ui.shape .side {
	display: none
}

.ui.shape .side * {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important
}

.ui.cube.shape .side {
	min-width: 15em;
	height: 15em;
	padding: 2em;
	background-color: #e6e6e6;
	color: rgba(0, 0, 0, 0.87);
	-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3)
}

.ui.cube.shape .side>.content {
	width: 100%;
	height: 100%;
	display: table;
	text-align: center;
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text
}

.ui.cube.shape .side>.content>div {
	display: table-cell;
	vertical-align: middle;
	font-size: 2em
}

.ui.text.shape.animating .sides {
	position: static
}

.ui.text.shape .side {
	white-space: nowrap
}

.ui.text.shape .side>* {
	white-space: normal
}

.ui.loading.shape {
	position: absolute;
	top: -9999px;
	left: -9999px
}

.ui.shape .animating.side {
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	z-index: 100
}

.ui.shape .hidden.side {
	opacity: 0.6
}

.ui.shape.animating .sides {
	position: absolute
}

.ui.shape.animating .sides {
	-webkit-transition: left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
	transition: left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
	transition: transform 0.6s ease-in-out, left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out;
	transition: transform 0.6s ease-in-out, left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out
}

.ui.shape.animating .side {
	-webkit-transition: opacity 0.6s ease-in-out;
	transition: opacity 0.6s ease-in-out
}

.ui.shape .active.side {
	display: block
}

.ui.sidebar {
	position: fixed;
	top: 0;
	left: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: none;
	transition: none;
	will-change: transform;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	visibility: hidden;
	-webkit-overflow-scrolling: touch;
	height: 100% !important;
	max-height: 100%;
	border-radius: 0em !important;
	margin: 0em !important;
	overflow-y: auto !important;
	z-index: 102
}

.ui.sidebar>* {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.ui.left.sidebar {
	right: auto;
	left: 0px;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0)
}

.ui.right.sidebar {
	right: 0px !important;
	left: auto !important;
	-webkit-transform: translate3d(100%, 0%, 0);
	transform: translate3d(100%, 0%, 0)
}

.ui.top.sidebar,
.ui.bottom.sidebar {
	width: 100% !important;
	height: auto !important
}

.ui.top.sidebar {
	top: 0px !important;
	bottom: auto !important;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0)
}

.ui.bottom.sidebar {
	top: auto !important;
	bottom: 0px !important;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0)
}

.pushable {
	height: 100%;
	overflow-x: hidden;
	padding: 0em !important
}

body.pushable {
	background: #545454 !important
}

.pushable:not(body) {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.pushable:not(body)>.ui.sidebar,
.pushable:not(body)>.fixed,
.pushable:not(body)>.pusher:after {
	position: absolute
}

.pushable>.fixed {
	position: fixed;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 500ms ease;
	transition: -webkit-transform 500ms ease;
	transition: transform 500ms ease;
	transition: transform 500ms ease, -webkit-transform 500ms ease;
	will-change: transform;
	z-index: 101
}

.pushable>.pusher {
	position: relative;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	overflow: hidden;
	min-height: 100%;
	-webkit-transition: -webkit-transform 500ms ease;
	transition: -webkit-transform 500ms ease;
	transition: transform 500ms ease;
	transition: transform 500ms ease, -webkit-transform 500ms ease;
	z-index: 2
}

body.pushable>.pusher {
	background: #ffffff
}

.pushable>.pusher {
	background: inherit
}

.pushable>.pusher:after {
	position: fixed;
	top: 0px;
	right: 0px;
	content: '';
	background-color: rgba(0, 0, 0, 0.4);
	overflow: hidden;
	opacity: 0;
	-webkit-transition: opacity 500ms;
	transition: opacity 500ms;
	will-change: opacity;
	z-index: 1000
}

.ui.sidebar.menu .item {
	border-radius: 0em !important
}

.pushable>.pusher.dimmed:after {
	width: 100% !important;
	height: 100% !important;
	opacity: 1 !important
}

.ui.animating.sidebar {
	visibility: visible
}

.ui.visible.sidebar {
	visibility: visible;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.ui.left.visible.sidebar,
.ui.right.visible.sidebar {
	-webkit-box-shadow: 0px 0px 20px rgba(34, 36, 38, 0.15);
	box-shadow: 0px 0px 20px rgba(34, 36, 38, 0.15)
}

.ui.top.visible.sidebar,
.ui.bottom.visible.sidebar {
	-webkit-box-shadow: 0px 0px 20px rgba(34, 36, 38, 0.15);
	box-shadow: 0px 0px 20px rgba(34, 36, 38, 0.15)
}

.ui.visible.left.sidebar~.fixed,
.ui.visible.left.sidebar~.pusher {
	-webkit-transform: translate3d(260px, 0, 0);
	transform: translate3d(260px, 0, 0)
}

.ui.visible.right.sidebar~.fixed,
.ui.visible.right.sidebar~.pusher {
	-webkit-transform: translate3d(-260px, 0, 0);
	transform: translate3d(-260px, 0, 0)
}

.ui.visible.top.sidebar~.fixed,
.ui.visible.top.sidebar~.pusher {
	-webkit-transform: translate3d(0, 36px, 0);
	transform: translate3d(0, 36px, 0)
}

.ui.visible.bottom.sidebar~.fixed,
.ui.visible.bottom.sidebar~.pusher {
	-webkit-transform: translate3d(0, -36px, 0);
	transform: translate3d(0, -36px, 0)
}

.ui.visible.left.sidebar~.ui.visible.right.sidebar~.fixed,
.ui.visible.left.sidebar~.ui.visible.right.sidebar~.pusher,
.ui.visible.right.sidebar~.ui.visible.left.sidebar~.fixed,
.ui.visible.right.sidebar~.ui.visible.left.sidebar~.pusher {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

html.ios {
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch
}

html.ios,
html.ios body {
	height: initial !important
}

.ui.thin.left.sidebar,
.ui.thin.right.sidebar {
	width: 150px
}

.ui[class*="very thin"].left.sidebar,
.ui[class*="very thin"].right.sidebar {
	width: 60px
}

.ui.left.sidebar,
.ui.right.sidebar {
	width: 260px
}

.ui.wide.left.sidebar,
.ui.wide.right.sidebar {
	width: 350px
}

.ui[class*="very wide"].left.sidebar,
.ui[class*="very wide"].right.sidebar {
	width: 475px
}

.ui.visible.thin.left.sidebar~.fixed,
.ui.visible.thin.left.sidebar~.pusher {
	-webkit-transform: translate3d(150px, 0, 0);
	transform: translate3d(150px, 0, 0)
}

.ui.visible[class*="very thin"].left.sidebar~.fixed,
.ui.visible[class*="very thin"].left.sidebar~.pusher {
	-webkit-transform: translate3d(60px, 0, 0);
	transform: translate3d(60px, 0, 0)
}

.ui.visible.wide.left.sidebar~.fixed,
.ui.visible.wide.left.sidebar~.pusher {
	-webkit-transform: translate3d(350px, 0, 0);
	transform: translate3d(350px, 0, 0)
}

.ui.visible[class*="very wide"].left.sidebar~.fixed,
.ui.visible[class*="very wide"].left.sidebar~.pusher {
	-webkit-transform: translate3d(475px, 0, 0);
	transform: translate3d(475px, 0, 0)
}

.ui.visible.thin.right.sidebar~.fixed,
.ui.visible.thin.right.sidebar~.pusher {
	-webkit-transform: translate3d(-150px, 0, 0);
	transform: translate3d(-150px, 0, 0)
}

.ui.visible[class*="very thin"].right.sidebar~.fixed,
.ui.visible[class*="very thin"].right.sidebar~.pusher {
	-webkit-transform: translate3d(-60px, 0, 0);
	transform: translate3d(-60px, 0, 0)
}

.ui.visible.wide.right.sidebar~.fixed,
.ui.visible.wide.right.sidebar~.pusher {
	-webkit-transform: translate3d(-350px, 0, 0);
	transform: translate3d(-350px, 0, 0)
}

.ui.visible[class*="very wide"].right.sidebar~.fixed,
.ui.visible[class*="very wide"].right.sidebar~.pusher {
	-webkit-transform: translate3d(-475px, 0, 0);
	transform: translate3d(-475px, 0, 0)
}

.ui.overlay.sidebar {
	z-index: 102
}

.ui.left.overlay.sidebar {
	-webkit-transform: translate3d(-100%, 0%, 0);
	transform: translate3d(-100%, 0%, 0)
}

.ui.right.overlay.sidebar {
	-webkit-transform: translate3d(100%, 0%, 0);
	transform: translate3d(100%, 0%, 0)
}

.ui.top.overlay.sidebar {
	-webkit-transform: translate3d(0%, -100%, 0);
	transform: translate3d(0%, -100%, 0)
}

.ui.bottom.overlay.sidebar {
	-webkit-transform: translate3d(0%, 100%, 0);
	transform: translate3d(0%, 100%, 0)
}

.animating.ui.overlay.sidebar,
.ui.visible.overlay.sidebar {
	-webkit-transition: -webkit-transform 500ms ease;
	transition: -webkit-transform 500ms ease;
	transition: transform 500ms ease;
	transition: transform 500ms ease, -webkit-transform 500ms ease
}

.ui.visible.left.overlay.sidebar {
	-webkit-transform: translate3d(0%, 0%, 0);
	transform: translate3d(0%, 0%, 0)
}

.ui.visible.right.overlay.sidebar {
	-webkit-transform: translate3d(0%, 0%, 0);
	transform: translate3d(0%, 0%, 0)
}

.ui.visible.top.overlay.sidebar {
	-webkit-transform: translate3d(0%, 0%, 0);
	transform: translate3d(0%, 0%, 0)
}

.ui.visible.bottom.overlay.sidebar {
	-webkit-transform: translate3d(0%, 0%, 0);
	transform: translate3d(0%, 0%, 0)
}

.ui.visible.overlay.sidebar~.fixed,
.ui.visible.overlay.sidebar~.pusher {
	-webkit-transform: none !important;
	transform: none !important
}

.ui.push.sidebar {
	-webkit-transition: -webkit-transform 500ms ease;
	transition: -webkit-transform 500ms ease;
	transition: transform 500ms ease;
	transition: transform 500ms ease, -webkit-transform 500ms ease;
	z-index: 102
}

.ui.left.push.sidebar {
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0)
}

.ui.right.push.sidebar {
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0)
}

.ui.top.push.sidebar {
	-webkit-transform: translate3d(0%, -100%, 0);
	transform: translate3d(0%, -100%, 0)
}

.ui.bottom.push.sidebar {
	-webkit-transform: translate3d(0%, 100%, 0);
	transform: translate3d(0%, 100%, 0)
}

.ui.visible.push.sidebar {
	-webkit-transform: translate3d(0%, 0, 0);
	transform: translate3d(0%, 0, 0)
}

.ui.uncover.sidebar {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 1
}

.ui.visible.uncover.sidebar {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: -webkit-transform 500ms ease;
	transition: -webkit-transform 500ms ease;
	transition: transform 500ms ease;
	transition: transform 500ms ease, -webkit-transform 500ms ease
}

.ui.slide.along.sidebar {
	z-index: 1
}

.ui.left.slide.along.sidebar {
	-webkit-transform: translate3d(-50%, 0, 0);
	transform: translate3d(-50%, 0, 0)
}

.ui.right.slide.along.sidebar {
	-webkit-transform: translate3d(50%, 0, 0);
	transform: translate3d(50%, 0, 0)
}

.ui.top.slide.along.sidebar {
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0)
}

.ui.bottom.slide.along.sidebar {
	-webkit-transform: translate3d(0%, 50%, 0);
	transform: translate3d(0%, 50%, 0)
}

.ui.animating.slide.along.sidebar {
	-webkit-transition: -webkit-transform 500ms ease;
	transition: -webkit-transform 500ms ease;
	transition: transform 500ms ease;
	transition: transform 500ms ease, -webkit-transform 500ms ease
}

.ui.visible.slide.along.sidebar {
	-webkit-transform: translate3d(0%, 0, 0);
	transform: translate3d(0%, 0, 0)
}

.ui.slide.out.sidebar {
	z-index: 1
}

.ui.left.slide.out.sidebar {
	-webkit-transform: translate3d(50%, 0, 0);
	transform: translate3d(50%, 0, 0)
}

.ui.right.slide.out.sidebar {
	-webkit-transform: translate3d(-50%, 0, 0);
	transform: translate3d(-50%, 0, 0)
}

.ui.top.slide.out.sidebar {
	-webkit-transform: translate3d(0%, 50%, 0);
	transform: translate3d(0%, 50%, 0)
}

.ui.bottom.slide.out.sidebar {
	-webkit-transform: translate3d(0%, -50%, 0);
	transform: translate3d(0%, -50%, 0)
}

.ui.animating.slide.out.sidebar {
	-webkit-transition: -webkit-transform 500ms ease;
	transition: -webkit-transform 500ms ease;
	transition: transform 500ms ease;
	transition: transform 500ms ease, -webkit-transform 500ms ease
}

.ui.visible.slide.out.sidebar {
	-webkit-transform: translate3d(0%, 0, 0);
	transform: translate3d(0%, 0, 0)
}

.ui.scale.down.sidebar {
	-webkit-transition: -webkit-transform 500ms ease;
	transition: -webkit-transform 500ms ease;
	transition: transform 500ms ease;
	transition: transform 500ms ease, -webkit-transform 500ms ease;
	z-index: 102
}

.ui.left.scale.down.sidebar {
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0)
}

.ui.right.scale.down.sidebar {
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0)
}

.ui.top.scale.down.sidebar {
	-webkit-transform: translate3d(0%, -100%, 0);
	transform: translate3d(0%, -100%, 0)
}

.ui.bottom.scale.down.sidebar {
	-webkit-transform: translate3d(0%, 100%, 0);
	transform: translate3d(0%, 100%, 0)
}

.ui.scale.down.left.sidebar~.pusher {
	-webkit-transform-origin: 75% 50%;
	transform-origin: 75% 50%
}

.ui.scale.down.right.sidebar~.pusher {
	-webkit-transform-origin: 25% 50%;
	transform-origin: 25% 50%
}

.ui.scale.down.top.sidebar~.pusher {
	-webkit-transform-origin: 50% 75%;
	transform-origin: 50% 75%
}

.ui.scale.down.bottom.sidebar~.pusher {
	-webkit-transform-origin: 50% 25%;
	transform-origin: 50% 25%
}

.ui.animating.scale.down>.visible.ui.sidebar {
	-webkit-transition: -webkit-transform 500ms ease;
	transition: -webkit-transform 500ms ease;
	transition: transform 500ms ease;
	transition: transform 500ms ease, -webkit-transform 500ms ease
}

.ui.visible.scale.down.sidebar~.pusher,
.ui.animating.scale.down.sidebar~.pusher {
	display: block !important;
	width: 100%;
	height: 100%;
	overflow: hidden !important
}

.ui.visible.scale.down.sidebar {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.ui.visible.scale.down.sidebar~.pusher {
	-webkit-transform: scale(0.75);
	transform: scale(0.75)
}

.ui.sticky {
	position: static;
	-webkit-transition: none;
	transition: none;
	z-index: 800
}

.ui.sticky.bound {
	position: absolute;
	left: auto;
	right: auto
}

.ui.sticky.fixed {
	position: fixed;
	left: auto;
	right: auto
}

.ui.sticky.bound.top,
.ui.sticky.fixed.top {
	top: 0px;
	bottom: auto
}

.ui.sticky.bound.bottom,
.ui.sticky.fixed.bottom {
	top: auto;
	bottom: 0px
}

.ui.native.sticky {
	position: -webkit-sticky;
	position: -moz-sticky;
	position: -ms-sticky;
	position: -o-sticky;
	position: sticky
}

.ui.tab {
	display: none
}

.ui.tab.active,
.ui.tab.open {
	display: block
}

.ui.tab.loading {
	position: relative;
	overflow: hidden;
	display: block;
	min-height: 250px
}

.ui.tab.loading * {
	position: relative !important;
	left: -10000px !important
}

.ui.tab.loading:before,
.ui.tab.loading.segment:before {
	position: absolute;
	content: '';
	top: 100px;
	left: 50%;
	margin: -1.25em 0em 0em -1.25em;
	width: 2.5em;
	height: 2.5em;
	border-radius: 500rem;
	border: 0.14285714em solid rgba(0, 0, 0, 0.1)
}

.ui.tab.loading:after,
.ui.tab.loading.segment:after {
	position: absolute;
	content: '';
	top: 100px;
	left: 50%;
	margin: -1.25em 0em 0em -1.25em;
	width: 2.5em;
	height: 2.5em;
	-webkit-animation: button-spin 0.6s linear;
	animation: button-spin 0.6s linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	border-radius: 500rem;
	border-color: #767676 transparent transparent;
	border-style: solid;
	border-width: 0.14285714em;
	-webkit-box-shadow: 0px 0px 0px 1px transparent;
	box-shadow: 0px 0px 0px 1px transparent
}

.transition {
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	-webkit-animation-duration: 300ms;
	animation-duration: 300ms;
	-webkit-animation-timing-function: ease;
	animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.animating.transition {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	visibility: visible !important
}

.loading.transition {
	position: absolute;
	top: -99999px;
	left: -99999px
}

.hidden.transition {
	display: none;
	visibility: hidden
}

.visible.transition {
	display: block !important;
	visibility: visible !important;
}

.disabled.transition {
	-webkit-animation-play-state: paused;
	animation-play-state: paused
}

.looping.transition {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.transition.glow {
	-webkit-animation-duration: 2000ms;
	animation-duration: 2000ms;
	-webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1)
}

.transition.glow {
	-webkit-animation-name: glow;
	animation-name: glow
}

@-webkit-keyframes glow {
	0% {
		background-color: rgba(230, 199, 56, 0)
	}
	30% {
		background-color: rgba(230, 199, 56, 0.5)
	}
	100% {
		background-color: rgba(230, 199, 56, 0)
	}
}

@keyframes glow {
	0% {
		background-color: rgba(230, 199, 56, 0)
	}
	30% {
		background-color: rgba(230, 199, 56, 0.5)
	}
	100% {
		background-color: rgba(230, 199, 56, 0)
	}
}

.transition.tilt.in {
	-webkit-animation-name: tiltIn;
	animation-name: tiltIn;
	-webkit-transform-origin: top center;
	transform-origin: top center
}

@-webkit-keyframes tiltIn {
	0% {
		opacity: 0;
		-webkit-transform: translateZ(-380px) rotateY(17deg) rotateZ(0deg);
		transform: translateZ(-380px) rotateY(17deg) rotateZ(0deg)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateZ(0px) rotateY(0deg) rotateZ(0deg);
		transform: translateZ(0px) rotateY(0deg) rotateZ(0deg)
	}
}

@keyframes tiltIn {
	0% {
		opacity: 0;
		-webkit-transform: translateZ(-380px) rotateY(17deg) rotateZ(0deg);
		transform: translateZ(-380px) rotateY(17deg) rotateZ(0deg)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateZ(0px) rotateY(0deg) rotateZ(0deg);
		transform: translateZ(0px) rotateY(0deg) rotateZ(0deg)
	}
}

.transition.zoom.float {
	-webkit-animation-name: zoomFloat;
	animation-name: zoomFloat;
	-webkit-transform-origin: bottom center;
	transform-origin: bottom center
}

@-webkit-keyframes zoomFloat {
	0% {
		-webkit-transform: translateY(0%);
		transform: translateY(0%)
	}
	65% {
		-webkit-transform: scale(0.9) translateY(7%);
		transform: scale(0.9) translateY(7%)
	}
	100% {
		-webkit-transform: translateY(0%);
		transform: translateY(0%)
	}
}

@keyframes zoomFloat {
	0% {
		-webkit-transform: translateY(0%);
		transform: translateY(0%)
	}
	65% {
		-webkit-transform: scale(0.9) translateY(7%);
		transform: scale(0.9) translateY(7%)
	}
	100% {
		-webkit-transform: translateY(0%);
		transform: translateY(0%)
	}
}

.transition.float {
	-webkit-animation-name: float;
	animation-name: float;
	-webkit-transform-origin: bottom center;
	transform-origin: bottom center;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out
}

@-webkit-keyframes float {
	0% {
		-webkit-transform: translateY(0%);
		transform: translateY(0%)
	}
	65% {
		-webkit-transform: translateY(10%);
		transform: translateY(10%)
	}
	100% {
		-webkit-transform: translateY(0%);
		transform: translateY(0%)
	}
}

@keyframes float {
	0% {
		-webkit-transform: translateY(0%);
		transform: translateY(0%)
	}
	65% {
		-webkit-transform: translateY(10%);
		transform: translateY(10%)
	}
	100% {
		-webkit-transform: translateY(0%);
		transform: translateY(0%)
	}
}

.transition.good.glow {
	-webkit-animation-duration: 2000ms;
	animation-duration: 2000ms;
	-webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1)
}

.transition.good.glow {
	-webkit-animation-name: goodGlow;
	animation-name: goodGlow
}

@-webkit-keyframes goodGlow {
	0% {
		background-color: #D9F5E6
	}
	30% {
		background-color: #D4ECDF
	}
	100% {
		background-color: #FAFAFA
	}
}

@keyframes goodGlow {
	0% {
		background-color: #D9F5E6
	}
	30% {
		background-color: #D4ECDF
	}
	100% {
		background-color: #FAFAFA
	}
}

.transition.bad.glow {
	-webkit-animation-duration: 2000ms;
	animation-duration: 2000ms;
	-webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1)
}

.transition.bad.glow {
	-webkit-animation-name: badGlow;
	animation-name: badGlow
}

@-webkit-keyframes badGlow {
	0% {
		background-color: #FFECEC
	}
	30% {
		background-color: #ECD4D4
	}
	100% {
		background-color: #FAFAFA
	}
}

@keyframes badGlow {
	0% {
		background-color: #FFECEC
	}
	30% {
		background-color: #ECD4D4
	}
	100% {
		background-color: #FAFAFA
	}
}

.transition.browse {
	-webkit-animation-duration: 500ms;
	animation-duration: 500ms
}

.transition.browse.in {
	-webkit-animation-name: browseIn;
	animation-name: browseIn
}

.transition.browse.out,
.transition.browse.left.out {
	-webkit-animation-name: browseOutLeft;
	animation-name: browseOutLeft
}

.transition.browse.right.out {
	-webkit-animation-name: browseOutRight;
	animation-name: browseOutRight
}

@-webkit-keyframes browseIn {
	0% {
		-webkit-transform: scale(0.8) translateZ(0px);
		transform: scale(0.8) translateZ(0px);
		z-index: -1
	}
	10% {
		-webkit-transform: scale(0.8) translateZ(0px);
		transform: scale(0.8) translateZ(0px);
		z-index: -1;
		opacity: 0.7
	}
	80% {
		-webkit-transform: scale(1.05) translateZ(0px);
		transform: scale(1.05) translateZ(0px);
		opacity: 1;
		z-index: 999
	}
	100% {
		-webkit-transform: scale(1) translateZ(0px);
		transform: scale(1) translateZ(0px);
		z-index: 999
	}
}

@keyframes browseIn {
	0% {
		-webkit-transform: scale(0.8) translateZ(0px);
		transform: scale(0.8) translateZ(0px);
		z-index: -1
	}
	10% {
		-webkit-transform: scale(0.8) translateZ(0px);
		transform: scale(0.8) translateZ(0px);
		z-index: -1;
		opacity: 0.7
	}
	80% {
		-webkit-transform: scale(1.05) translateZ(0px);
		transform: scale(1.05) translateZ(0px);
		opacity: 1;
		z-index: 999
	}
	100% {
		-webkit-transform: scale(1) translateZ(0px);
		transform: scale(1) translateZ(0px);
		z-index: 999
	}
}

@-webkit-keyframes browseOutLeft {
	0% {
		z-index: 999;
		-webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
		transform: translateX(0%) rotateY(0deg) rotateX(0deg)
	}
	50% {
		z-index: -1;
		-webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
		transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)
	}
	80% {
		opacity: 1
	}
	100% {
		z-index: -1;
		-webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
		transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
		opacity: 0
	}
}

@keyframes browseOutLeft {
	0% {
		z-index: 999;
		-webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
		transform: translateX(0%) rotateY(0deg) rotateX(0deg)
	}
	50% {
		z-index: -1;
		-webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
		transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)
	}
	80% {
		opacity: 1
	}
	100% {
		z-index: -1;
		-webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
		transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
		opacity: 0
	}
}

@-webkit-keyframes browseOutRight {
	0% {
		z-index: 999;
		-webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
		transform: translateX(0%) rotateY(0deg) rotateX(0deg)
	}
	50% {
		z-index: 1;
		-webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
		transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)
	}
	80% {
		opacity: 1
	}
	100% {
		z-index: 1;
		-webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
		transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
		opacity: 0
	}
}

@keyframes browseOutRight {
	0% {
		z-index: 999;
		-webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
		transform: translateX(0%) rotateY(0deg) rotateX(0deg)
	}
	50% {
		z-index: 1;
		-webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
		transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)
	}
	80% {
		opacity: 1
	}
	100% {
		z-index: 1;
		-webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
		transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
		opacity: 0
	}
}

@-webkit-keyframes slideDownIn {
	0% {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%)
	}
	100% {
		-webkit-transform: translateY(0%);
		transform: translateY(0%)
	}
}

@keyframes slideDownIn {
	0% {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%)
	}
	100% {
		-webkit-transform: translateY(0%);
		transform: translateY(0%)
	}
}

@-webkit-keyframes point {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	50% {
		-webkit-transform: translateY(0.3em);
		transform: translateY(0.3em)
	}
}

@keyframes point {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	50% {
		-webkit-transform: translateY(0.3em);
		transform: translateY(0.3em)
	}
}

.drop.transition {
	-webkit-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-duration: 400ms;
	animation-duration: 400ms;
	-webkit-animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1);
	animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1)
}

.drop.transition.in {
	-webkit-animation-name: dropIn;
	animation-name: dropIn
}

.drop.transition.out {
	-webkit-animation-name: dropOut;
	animation-name: dropOut
}

@-webkit-keyframes dropIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(0);
		transform: scale(0)
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes dropIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(0);
		transform: scale(0)
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@-webkit-keyframes dropOut {
	0% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(0);
		transform: scale(0)
	}
}

@keyframes dropOut {
	0% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(0);
		transform: scale(0)
	}
}

.transition.fade.in {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn
}

.transition[class*="fade up"].in {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}

.transition[class*="fade down"].in {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown
}

.transition[class*="fade left"].in {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft
}

.transition[class*="fade right"].in {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight
}

.transition.fade.out {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut
}

.transition[class*="fade up"].out {
	-webkit-animation-name: fadeOutUp;
	animation-name: fadeOutUp
}

.transition[class*="fade down"].out {
	-webkit-animation-name: fadeOutDown;
	animation-name: fadeOutDown
}

.transition[class*="fade left"].out {
	-webkit-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft
}

.transition[class*="fade right"].out {
	-webkit-animation-name: fadeOutRight;
	animation-name: fadeOutRight
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(10%);
		transform: translateY(10%)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0%);
		transform: translateY(0%)
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(10%);
		transform: translateY(10%)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0%);
		transform: translateY(0%)
	}
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-10%);
		transform: translateY(-10%)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0%);
		transform: translateY(0%)
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-10%);
		transform: translateY(-10%)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0%);
		transform: translateY(0%)
	}
}

@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(10%);
		transform: translateX(10%)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0%);
		transform: translateX(0%)
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(10%);
		transform: translateX(10%)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0%);
		transform: translateX(0%)
	}
}

@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-10%);
		transform: translateX(-10%)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0%);
		transform: translateX(0%)
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-10%);
		transform: translateX(-10%)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0%);
		transform: translateX(0%)
	}
}

@-webkit-keyframes fadeOut {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

@-webkit-keyframes fadeOutUp {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0%);
		transform: translateY(0%)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(5%);
		transform: translateY(5%)
	}
}

@keyframes fadeOutUp {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0%);
		transform: translateY(0%)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(5%);
		transform: translateY(5%)
	}
}

@-webkit-keyframes fadeOutDown {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0%);
		transform: translateY(0%)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(-5%);
		transform: translateY(-5%)
	}
}

@keyframes fadeOutDown {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0%);
		transform: translateY(0%)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(-5%);
		transform: translateY(-5%)
	}
}

@-webkit-keyframes fadeOutLeft {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0%);
		transform: translateX(0%)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(5%);
		transform: translateX(5%)
	}
}

@keyframes fadeOutLeft {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0%);
		transform: translateX(0%)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(5%);
		transform: translateX(5%)
	}
}

@-webkit-keyframes fadeOutRight {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0%);
		transform: translateX(0%)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(-5%);
		transform: translateX(-5%)
	}
}

@keyframes fadeOutRight {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0%);
		transform: translateX(0%)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(-5%);
		transform: translateX(-5%)
	}
}

.flip.transition.in,
.flip.transition.out {
	-webkit-animation-duration: 600ms;
	animation-duration: 600ms
}

.horizontal.flip.transition.in {
	-webkit-animation-name: horizontalFlipIn;
	animation-name: horizontalFlipIn
}

.horizontal.flip.transition.out {
	-webkit-animation-name: horizontalFlipOut;
	animation-name: horizontalFlipOut
}

.vertical.flip.transition.in {
	-webkit-animation-name: verticalFlipIn;
	animation-name: verticalFlipIn
}

.vertical.flip.transition.out {
	-webkit-animation-name: verticalFlipOut;
	animation-name: verticalFlipOut
}

@-webkit-keyframes horizontalFlipIn {
	0% {
		-webkit-transform: perspective(2000px) rotateY(-90deg);
		transform: perspective(2000px) rotateY(-90deg);
		opacity: 0
	}
	100% {
		-webkit-transform: perspective(2000px) rotateY(0deg);
		transform: perspective(2000px) rotateY(0deg);
		opacity: 1
	}
}

@keyframes horizontalFlipIn {
	0% {
		-webkit-transform: perspective(2000px) rotateY(-90deg);
		transform: perspective(2000px) rotateY(-90deg);
		opacity: 0
	}
	100% {
		-webkit-transform: perspective(2000px) rotateY(0deg);
		transform: perspective(2000px) rotateY(0deg);
		opacity: 1
	}
}

@-webkit-keyframes verticalFlipIn {
	0% {
		-webkit-transform: perspective(2000px) rotateX(-90deg);
		transform: perspective(2000px) rotateX(-90deg);
		opacity: 0
	}
	100% {
		-webkit-transform: perspective(2000px) rotateX(0deg);
		transform: perspective(2000px) rotateX(0deg);
		opacity: 1
	}
}

@keyframes verticalFlipIn {
	0% {
		-webkit-transform: perspective(2000px) rotateX(-90deg);
		transform: perspective(2000px) rotateX(-90deg);
		opacity: 0
	}
	100% {
		-webkit-transform: perspective(2000px) rotateX(0deg);
		transform: perspective(2000px) rotateX(0deg);
		opacity: 1
	}
}

@-webkit-keyframes horizontalFlipOut {
	0% {
		-webkit-transform: perspective(2000px) rotateY(0deg);
		transform: perspective(2000px) rotateY(0deg);
		opacity: 1
	}
	100% {
		-webkit-transform: perspective(2000px) rotateY(90deg);
		transform: perspective(2000px) rotateY(90deg);
		opacity: 0
	}
}

@keyframes horizontalFlipOut {
	0% {
		-webkit-transform: perspective(2000px) rotateY(0deg);
		transform: perspective(2000px) rotateY(0deg);
		opacity: 1
	}
	100% {
		-webkit-transform: perspective(2000px) rotateY(90deg);
		transform: perspective(2000px) rotateY(90deg);
		opacity: 0
	}
}

@-webkit-keyframes verticalFlipOut {
	0% {
		-webkit-transform: perspective(2000px) rotateX(0deg);
		transform: perspective(2000px) rotateX(0deg);
		opacity: 1
	}
	100% {
		-webkit-transform: perspective(2000px) rotateX(-90deg);
		transform: perspective(2000px) rotateX(-90deg);
		opacity: 0
	}
}

@keyframes verticalFlipOut {
	0% {
		-webkit-transform: perspective(2000px) rotateX(0deg);
		transform: perspective(2000px) rotateX(0deg);
		opacity: 1
	}
	100% {
		-webkit-transform: perspective(2000px) rotateX(-90deg);
		transform: perspective(2000px) rotateX(-90deg);
		opacity: 0
	}
}

.scale.transition.in {
	-webkit-animation-name: scaleIn;
	animation-name: scaleIn
}

.scale.transition.out {
	-webkit-animation-name: scaleOut;
	animation-name: scaleOut
}

@-webkit-keyframes scaleIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.8);
		transform: scale(0.8)
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes scaleIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.8);
		transform: scale(0.8)
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@-webkit-keyframes scaleOut {
	0% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(0.9);
		transform: scale(0.9)
	}
}

@keyframes scaleOut {
	0% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(0.9);
		transform: scale(0.9)
	}
}

.transition.fly {
	-webkit-animation-duration: 0.6s;
	animation-duration: 0.6s;
	-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}

.transition.fly.in {
	-webkit-animation-name: flyIn;
	animation-name: flyIn
}

.transition[class*="fly up"].in {
	-webkit-animation-name: flyInUp;
	animation-name: flyInUp
}

.transition[class*="fly down"].in {
	-webkit-animation-name: flyInDown;
	animation-name: flyInDown
}

.transition[class*="fly left"].in {
	-webkit-animation-name: flyInLeft;
	animation-name: flyInLeft
}

.transition[class*="fly right"].in {
	-webkit-animation-name: flyInRight;
	animation-name: flyInRight
}

.transition.fly.out {
	-webkit-animation-name: flyOut;
	animation-name: flyOut
}

.transition[class*="fly up"].out {
	-webkit-animation-name: flyOutUp;
	animation-name: flyOutUp
}

.transition[class*="fly down"].out {
	-webkit-animation-name: flyOutDown;
	animation-name: flyOutDown
}

.transition[class*="fly left"].out {
	-webkit-animation-name: flyOutLeft;
	animation-name: flyOutLeft
}

.transition[class*="fly right"].out {
	-webkit-animation-name: flyOutRight;
	animation-name: flyOutRight
}

@-webkit-keyframes flyIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3)
	}
	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}
	40% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9);
		transform: scale3d(0.9, 0.9, 0.9)
	}
	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03)
	}
	80% {
		-webkit-transform: scale3d(0.97, 0.97, 0.97);
		transform: scale3d(0.97, 0.97, 0.97)
	}
	100% {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@keyframes flyIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3)
	}
	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}
	40% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9);
		transform: scale3d(0.9, 0.9, 0.9)
	}
	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03)
	}
	80% {
		-webkit-transform: scale3d(0.97, 0.97, 0.97);
		transform: scale3d(0.97, 0.97, 0.97)
	}
	100% {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@-webkit-keyframes flyInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 1500px, 0);
		transform: translate3d(0, 1500px, 0)
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0)
	}
	75% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0)
	}
	90% {
		-webkit-transform: translate3d(0, -5px, 0);
		transform: translate3d(0, -5px, 0)
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes flyInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 1500px, 0);
		transform: translate3d(0, 1500px, 0)
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0)
	}
	75% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0)
	}
	90% {
		-webkit-transform: translate3d(0, -5px, 0);
		transform: translate3d(0, -5px, 0)
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@-webkit-keyframes flyInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -1500px, 0);
		transform: translate3d(0, -1500px, 0)
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 25px, 0);
		transform: translate3d(0, 25px, 0)
	}
	75% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}
	90% {
		-webkit-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0)
	}
	100% {
		-webkit-transform: none;
		transform: none
	}
}

@keyframes flyInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -1500px, 0);
		transform: translate3d(0, -1500px, 0)
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 25px, 0);
		transform: translate3d(0, 25px, 0)
	}
	75% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}
	90% {
		-webkit-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0)
	}
	100% {
		-webkit-transform: none;
		transform: none
	}
}

@-webkit-keyframes flyInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(1500px, 0, 0);
		transform: translate3d(1500px, 0, 0)
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(-25px, 0, 0);
		transform: translate3d(-25px, 0, 0)
	}
	75% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0)
	}
	90% {
		-webkit-transform: translate3d(-5px, 0, 0);
		transform: translate3d(-5px, 0, 0)
	}
	100% {
		-webkit-transform: none;
		transform: none
	}
}

@keyframes flyInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(1500px, 0, 0);
		transform: translate3d(1500px, 0, 0)
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(-25px, 0, 0);
		transform: translate3d(-25px, 0, 0)
	}
	75% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0)
	}
	90% {
		-webkit-transform: translate3d(-5px, 0, 0);
		transform: translate3d(-5px, 0, 0)
	}
	100% {
		-webkit-transform: none;
		transform: none
	}
}

@-webkit-keyframes flyInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-1500px, 0, 0);
		transform: translate3d(-1500px, 0, 0)
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(25px, 0, 0);
		transform: translate3d(25px, 0, 0)
	}
	75% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}
	90% {
		-webkit-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0)
	}
	100% {
		-webkit-transform: none;
		transform: none
	}
}

@keyframes flyInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-1500px, 0, 0);
		transform: translate3d(-1500px, 0, 0)
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(25px, 0, 0);
		transform: translate3d(25px, 0, 0)
	}
	75% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}
	90% {
		-webkit-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0)
	}
	100% {
		-webkit-transform: none;
		transform: none
	}
}

@-webkit-keyframes flyOut {
	20% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9);
		transform: scale3d(0.9, 0.9, 0.9)
	}
	50%,
	55% {
		opacity: 1;
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}
	100% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3)
	}
}

@keyframes flyOut {
	20% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9);
		transform: scale3d(0.9, 0.9, 0.9)
	}
	50%,
	55% {
		opacity: 1;
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}
	100% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3)
	}
}

@-webkit-keyframes flyOutUp {
	20% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0)
	}
	40%,
	45% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}
}

@keyframes flyOutUp {
	20% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0)
	}
	40%,
	45% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}
}

@-webkit-keyframes flyOutDown {
	20% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}
	40%,
	45% {
		opacity: 1;
		-webkit-transform: translate3d(0, 20px, 0);
		transform: translate3d(0, 20px, 0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}
}

@keyframes flyOutDown {
	20% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}
	40%,
	45% {
		opacity: 1;
		-webkit-transform: translate3d(0, 20px, 0);
		transform: translate3d(0, 20px, 0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}
}

@-webkit-keyframes flyOutRight {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(20px, 0, 0);
		transform: translate3d(20px, 0, 0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}
}

@keyframes flyOutRight {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(20px, 0, 0);
		transform: translate3d(20px, 0, 0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}
}

@-webkit-keyframes flyOutLeft {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(-20px, 0, 0);
		transform: translate3d(-20px, 0, 0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}
}

@keyframes flyOutLeft {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(-20px, 0, 0);
		transform: translate3d(-20px, 0, 0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}
}

.transition.slide.in,
.transition[class*="slide down"].in {
	-webkit-animation-name: slideInY;
	animation-name: slideInY;
	-webkit-transform-origin: top center;
	transform-origin: top center
}

.transition[class*="slide up"].in {
	-webkit-animation-name: slideInY;
	animation-name: slideInY;
	-webkit-transform-origin: bottom center;
	transform-origin: bottom center
}

.transition[class*="slide left"].in {
	-webkit-animation-name: slideInX;
	animation-name: slideInX;
	-webkit-transform-origin: center right;
	transform-origin: center right
}

.transition[class*="slide right"].in {
	-webkit-animation-name: slideInX;
	animation-name: slideInX;
	-webkit-transform-origin: center left;
	transform-origin: center left
}

.transition.slide.out,
.transition[class*="slide down"].out {
	-webkit-animation-name: slideOutY;
	animation-name: slideOutY;
	-webkit-transform-origin: top center;
	transform-origin: top center
}

.transition[class*="slide up"].out {
	-webkit-animation-name: slideOutY;
	animation-name: slideOutY;
	-webkit-transform-origin: bottom center;
	transform-origin: bottom center
}

.transition[class*="slide left"].out {
	-webkit-animation-name: slideOutX;
	animation-name: slideOutX;
	-webkit-transform-origin: center right;
	transform-origin: center right
}

.transition[class*="slide right"].out {
	-webkit-animation-name: slideOutX;
	animation-name: slideOutX;
	-webkit-transform-origin: center left;
	transform-origin: center left
}

@-webkit-keyframes slideInY {
	0% {
		opacity: 0;
		-webkit-transform: scaleY(0);
		transform: scaleY(0)
	}
	100% {
		opacity: 1;
		-webkit-transform: scaleY(1);
		transform: scaleY(1)
	}
}

@keyframes slideInY {
	0% {
		opacity: 0;
		-webkit-transform: scaleY(0);
		transform: scaleY(0)
	}
	100% {
		opacity: 1;
		-webkit-transform: scaleY(1);
		transform: scaleY(1)
	}
}

@-webkit-keyframes slideInX {
	0% {
		opacity: 0;
		-webkit-transform: scaleX(0);
		transform: scaleX(0)
	}
	100% {
		opacity: 1;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

@keyframes slideInX {
	0% {
		opacity: 0;
		-webkit-transform: scaleX(0);
		transform: scaleX(0)
	}
	100% {
		opacity: 1;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

@-webkit-keyframes slideOutY {
	0% {
		opacity: 1;
		-webkit-transform: scaleY(1);
		transform: scaleY(1)
	}
	100% {
		opacity: 0;
		-webkit-transform: scaleY(0);
		transform: scaleY(0)
	}
}

@keyframes slideOutY {
	0% {
		opacity: 1;
		-webkit-transform: scaleY(1);
		transform: scaleY(1)
	}
	100% {
		opacity: 0;
		-webkit-transform: scaleY(0);
		transform: scaleY(0)
	}
}

@-webkit-keyframes slideOutX {
	0% {
		opacity: 1;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
	100% {
		opacity: 0;
		-webkit-transform: scaleX(0);
		transform: scaleX(0)
	}
}

@keyframes slideOutX {
	0% {
		opacity: 1;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
	100% {
		opacity: 0;
		-webkit-transform: scaleX(0);
		transform: scaleX(0)
	}
}

.transition.swing {
	-webkit-animation-duration: 800ms;
	animation-duration: 800ms
}

.transition[class*="swing down"].in {
	-webkit-animation-name: swingInX;
	animation-name: swingInX;
	-webkit-transform-origin: top center;
	transform-origin: top center
}

.transition[class*="swing up"].in {
	-webkit-animation-name: swingInX;
	animation-name: swingInX;
	-webkit-transform-origin: bottom center;
	transform-origin: bottom center
}

.transition[class*="swing left"].in {
	-webkit-animation-name: swingInY;
	animation-name: swingInY;
	-webkit-transform-origin: center right;
	transform-origin: center right
}

.transition[class*="swing right"].in {
	-webkit-animation-name: swingInY;
	animation-name: swingInY;
	-webkit-transform-origin: center left;
	transform-origin: center left
}

.transition.swing.out,
.transition[class*="swing down"].out {
	-webkit-animation-name: swingOutX;
	animation-name: swingOutX;
	-webkit-transform-origin: top center;
	transform-origin: top center
}

.transition[class*="swing up"].out {
	-webkit-animation-name: swingOutX;
	animation-name: swingOutX;
	-webkit-transform-origin: bottom center;
	transform-origin: bottom center
}

.transition[class*="swing left"].out {
	-webkit-animation-name: swingOutY;
	animation-name: swingOutY;
	-webkit-transform-origin: center right;
	transform-origin: center right
}

.transition[class*="swing right"].out {
	-webkit-animation-name: swingOutY;
	animation-name: swingOutY;
	-webkit-transform-origin: center left;
	transform-origin: center left
}

@-webkit-keyframes swingInX {
	0% {
		-webkit-transform: perspective(1000px) rotateX(90deg);
		transform: perspective(1000px) rotateX(90deg);
		opacity: 0
	}
	40% {
		-webkit-transform: perspective(1000px) rotateX(-30deg);
		transform: perspective(1000px) rotateX(-30deg);
		opacity: 1
	}
	60% {
		-webkit-transform: perspective(1000px) rotateX(15deg);
		transform: perspective(1000px) rotateX(15deg)
	}
	80% {
		-webkit-transform: perspective(1000px) rotateX(-7.5deg);
		transform: perspective(1000px) rotateX(-7.5deg)
	}
	100% {
		-webkit-transform: perspective(1000px) rotateX(0deg);
		transform: perspective(1000px) rotateX(0deg)
	}
}

@keyframes swingInX {
	0% {
		-webkit-transform: perspective(1000px) rotateX(90deg);
		transform: perspective(1000px) rotateX(90deg);
		opacity: 0
	}
	40% {
		-webkit-transform: perspective(1000px) rotateX(-30deg);
		transform: perspective(1000px) rotateX(-30deg);
		opacity: 1
	}
	60% {
		-webkit-transform: perspective(1000px) rotateX(15deg);
		transform: perspective(1000px) rotateX(15deg)
	}
	80% {
		-webkit-transform: perspective(1000px) rotateX(-7.5deg);
		transform: perspective(1000px) rotateX(-7.5deg)
	}
	100% {
		-webkit-transform: perspective(1000px) rotateX(0deg);
		transform: perspective(1000px) rotateX(0deg)
	}
}

@-webkit-keyframes swingInY {
	0% {
		-webkit-transform: perspective(1000px) rotateY(-90deg);
		transform: perspective(1000px) rotateY(-90deg);
		opacity: 0
	}
	40% {
		-webkit-transform: perspective(1000px) rotateY(30deg);
		transform: perspective(1000px) rotateY(30deg);
		opacity: 1
	}
	60% {
		-webkit-transform: perspective(1000px) rotateY(-17.5deg);
		transform: perspective(1000px) rotateY(-17.5deg)
	}
	80% {
		-webkit-transform: perspective(1000px) rotateY(7.5deg);
		transform: perspective(1000px) rotateY(7.5deg)
	}
	100% {
		-webkit-transform: perspective(1000px) rotateY(0deg);
		transform: perspective(1000px) rotateY(0deg)
	}
}

@keyframes swingInY {
	0% {
		-webkit-transform: perspective(1000px) rotateY(-90deg);
		transform: perspective(1000px) rotateY(-90deg);
		opacity: 0
	}
	40% {
		-webkit-transform: perspective(1000px) rotateY(30deg);
		transform: perspective(1000px) rotateY(30deg);
		opacity: 1
	}
	60% {
		-webkit-transform: perspective(1000px) rotateY(-17.5deg);
		transform: perspective(1000px) rotateY(-17.5deg)
	}
	80% {
		-webkit-transform: perspective(1000px) rotateY(7.5deg);
		transform: perspective(1000px) rotateY(7.5deg)
	}
	100% {
		-webkit-transform: perspective(1000px) rotateY(0deg);
		transform: perspective(1000px) rotateY(0deg)
	}
}

@-webkit-keyframes swingOutX {
	0% {
		-webkit-transform: perspective(1000px) rotateX(0deg);
		transform: perspective(1000px) rotateX(0deg)
	}
	40% {
		-webkit-transform: perspective(1000px) rotateX(-7.5deg);
		transform: perspective(1000px) rotateX(-7.5deg)
	}
	60% {
		-webkit-transform: perspective(1000px) rotateX(17.5deg);
		transform: perspective(1000px) rotateX(17.5deg)
	}
	80% {
		-webkit-transform: perspective(1000px) rotateX(-30deg);
		transform: perspective(1000px) rotateX(-30deg);
		opacity: 1
	}
	100% {
		-webkit-transform: perspective(1000px) rotateX(90deg);
		transform: perspective(1000px) rotateX(90deg);
		opacity: 0
	}
}

@keyframes swingOutX {
	0% {
		-webkit-transform: perspective(1000px) rotateX(0deg);
		transform: perspective(1000px) rotateX(0deg)
	}
	40% {
		-webkit-transform: perspective(1000px) rotateX(-7.5deg);
		transform: perspective(1000px) rotateX(-7.5deg)
	}
	60% {
		-webkit-transform: perspective(1000px) rotateX(17.5deg);
		transform: perspective(1000px) rotateX(17.5deg)
	}
	80% {
		-webkit-transform: perspective(1000px) rotateX(-30deg);
		transform: perspective(1000px) rotateX(-30deg);
		opacity: 1
	}
	100% {
		-webkit-transform: perspective(1000px) rotateX(90deg);
		transform: perspective(1000px) rotateX(90deg);
		opacity: 0
	}
}

@-webkit-keyframes swingOutY {
	0% {
		-webkit-transform: perspective(1000px) rotateY(0deg);
		transform: perspective(1000px) rotateY(0deg)
	}
	40% {
		-webkit-transform: perspective(1000px) rotateY(7.5deg);
		transform: perspective(1000px) rotateY(7.5deg)
	}
	60% {
		-webkit-transform: perspective(1000px) rotateY(-10deg);
		transform: perspective(1000px) rotateY(-10deg)
	}
	80% {
		-webkit-transform: perspective(1000px) rotateY(30deg);
		transform: perspective(1000px) rotateY(30deg);
		opacity: 1
	}
	100% {
		-webkit-transform: perspective(1000px) rotateY(-90deg);
		transform: perspective(1000px) rotateY(-90deg);
		opacity: 0
	}
}

@keyframes swingOutY {
	0% {
		-webkit-transform: perspective(1000px) rotateY(0deg);
		transform: perspective(1000px) rotateY(0deg)
	}
	40% {
		-webkit-transform: perspective(1000px) rotateY(7.5deg);
		transform: perspective(1000px) rotateY(7.5deg)
	}
	60% {
		-webkit-transform: perspective(1000px) rotateY(-10deg);
		transform: perspective(1000px) rotateY(-10deg)
	}
	80% {
		-webkit-transform: perspective(1000px) rotateY(30deg);
		transform: perspective(1000px) rotateY(30deg);
		opacity: 1
	}
	100% {
		-webkit-transform: perspective(1000px) rotateY(-90deg);
		transform: perspective(1000px) rotateY(-90deg);
		opacity: 0
	}
}

.flash.transition {
	-webkit-animation-duration: 750ms;
	animation-duration: 750ms;
	-webkit-animation-name: flash;
	animation-name: flash
}

.shake.transition {
	-webkit-animation-duration: 750ms;
	animation-duration: 750ms;
	-webkit-animation-name: shake;
	animation-name: shake
}

.bounce.transition {
	-webkit-animation-duration: 750ms;
	animation-duration: 750ms;
	-webkit-animation-name: bounce;
	animation-name: bounce
}

.tada.transition {
	-webkit-animation-duration: 750ms;
	animation-duration: 750ms;
	-webkit-animation-name: tada;
	animation-name: tada
}

.pulse.transition {
	-webkit-animation-duration: 500ms;
	animation-duration: 500ms;
	-webkit-animation-name: pulse;
	animation-name: pulse
}

.jiggle.transition {
	-webkit-animation-duration: 750ms;
	animation-duration: 750ms;
	-webkit-animation-name: jiggle;
	animation-name: jiggle
}

@-webkit-keyframes flash {
	0%,
	50%,
	100% {
		opacity: 1
	}
	25%,
	75% {
		opacity: 0
	}
}

@keyframes flash {
	0%,
	50%,
	100% {
		opacity: 1
	}
	25%,
	75% {
		opacity: 0
	}
}

@-webkit-keyframes shake {
	0%,
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translateX(-10px);
		transform: translateX(-10px)
	}
	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translateX(10px);
		transform: translateX(10px)
	}
}

@keyframes shake {
	0%,
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translateX(-10px);
		transform: translateX(-10px)
	}
	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translateX(10px);
		transform: translateX(10px)
	}
}

@-webkit-keyframes bounce {
	0%,
	20%,
	50%,
	80%,
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	40% {
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px)
	}
	60% {
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px)
	}
}

@keyframes bounce {
	0%,
	20%,
	50%,
	80%,
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	40% {
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px)
	}
	60% {
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px)
	}
}

@-webkit-keyframes tada {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	10%,
	20% {
		-webkit-transform: scale(0.9) rotate(-3deg);
		transform: scale(0.9) rotate(-3deg)
	}
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: scale(1.1) rotate(3deg);
		transform: scale(1.1) rotate(3deg)
	}
	40%,
	60%,
	80% {
		-webkit-transform: scale(1.1) rotate(-3deg);
		transform: scale(1.1) rotate(-3deg)
	}
	100% {
		-webkit-transform: scale(1) rotate(0);
		transform: scale(1) rotate(0)
	}
}

@keyframes tada {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	10%,
	20% {
		-webkit-transform: scale(0.9) rotate(-3deg);
		transform: scale(0.9) rotate(-3deg)
	}
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: scale(1.1) rotate(3deg);
		transform: scale(1.1) rotate(3deg)
	}
	40%,
	60%,
	80% {
		-webkit-transform: scale(1.1) rotate(-3deg);
		transform: scale(1.1) rotate(-3deg)
	}
	100% {
		-webkit-transform: scale(1) rotate(0);
		transform: scale(1) rotate(0)
	}
}

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}
	50% {
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
		opacity: 0.7
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}
}

@keyframes pulse {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}
	50% {
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
		opacity: 0.7
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}
}

@-webkit-keyframes jiggle {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
	30% {
		-webkit-transform: scale3d(1.25, 0.75, 1);
		transform: scale3d(1.25, 0.75, 1)
	}
	40% {
		-webkit-transform: scale3d(0.75, 1.25, 1);
		transform: scale3d(0.75, 1.25, 1)
	}
	50% {
		-webkit-transform: scale3d(1.15, 0.85, 1);
		transform: scale3d(1.15, 0.85, 1)
	}
	65% {
		-webkit-transform: scale3d(0.95, 1.05, 1);
		transform: scale3d(0.95, 1.05, 1)
	}
	75% {
		-webkit-transform: scale3d(1.05, 0.95, 1);
		transform: scale3d(1.05, 0.95, 1)
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@keyframes jiggle {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
	30% {
		-webkit-transform: scale3d(1.25, 0.75, 1);
		transform: scale3d(1.25, 0.75, 1)
	}
	40% {
		-webkit-transform: scale3d(0.75, 1.25, 1);
		transform: scale3d(0.75, 1.25, 1)
	}
	50% {
		-webkit-transform: scale3d(1.15, 0.85, 1);
		transform: scale3d(1.15, 0.85, 1)
	}
	65% {
		-webkit-transform: scale3d(0.95, 1.05, 1);
		transform: scale3d(0.95, 1.05, 1)
	}
	75% {
		-webkit-transform: scale3d(1.05, 0.95, 1);
		transform: scale3d(1.05, 0.95, 1)
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

.cropper-container {
	font-size: 0;
	line-height: 0;
	position: relative;
	-ms-user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	direction: ltr!important;
	-ms-touch-action: none;
	touch-action: none;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none
}

.cropper-container img {
	display: block;
	width: 100%;
	min-width: 0!important;
	max-width: none!important;
	height: 100%;
	min-height: 0!important;
	max-height: none!important;
	image-orientation: 0deg!important
}

.cropper-canvas,
.cropper-crop-box,
.cropper-drag-box,
.cropper-modal,
.cropper-wrap-box {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.cropper-wrap-box {
	overflow: hidden
}

.cropper-drag-box {
	opacity: 0;
	background-color: #fff
}

.cropper-modal {
	opacity: .5;
	background-color: #000
}

.cropper-view-box {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 100%;
	outline: #39f solid 1px;
	outline-color: rgba(51, 153, 255, .75)
}

.cropper-dashed {
	position: absolute;
	display: block;
	opacity: .5;
	border: 0 dashed #eee
}

.cropper-dashed.dashed-h {
	top: 33.33333%;
	left: 0;
	width: 100%;
	height: 33.33333%;
	border-top-width: 1px;
	border-bottom-width: 1px
}

.cropper-dashed.dashed-v {
	top: 0;
	left: 33.33333%;
	width: 33.33333%;
	height: 100%;
	border-right-width: 1px;
	border-left-width: 1px
}

.cropper-center {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 0;
	height: 0;
	opacity: .75
}

.cropper-center:after,
.cropper-center:before {
	position: absolute;
	display: block;
	content: ' ';
	background-color: #eee
}

.cropper-center:before {
	top: 0;
	left: -3px;
	width: 7px;
	height: 1px
}

.cropper-center:after {
	top: -3px;
	left: 0;
	width: 1px;
	height: 7px
}

.cropper-face,
.cropper-line,
.cropper-point {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	opacity: .1
}

.cropper-face {
	top: 0;
	left: 0;
	background-color: #fff
}

.cropper-line,
.cropper-point {
	background-color: #39f
}

.cropper-line.line-e {
	top: 0;
	right: -3px;
	width: 5px;
	cursor: e-resize
}

.cropper-line.line-n {
	top: -3px;
	left: 0;
	height: 5px;
	cursor: n-resize
}

.cropper-line.line-w {
	top: 0;
	left: -3px;
	width: 5px;
	cursor: w-resize
}

.cropper-line.line-s {
	bottom: -3px;
	left: 0;
	height: 5px;
	cursor: s-resize
}

.cropper-point {
	width: 5px;
	height: 5px;
	opacity: .75
}

.cropper-point.point-e {
	top: 50%;
	right: -3px;
	margin-top: -3px;
	cursor: e-resize
}

.cropper-point.point-n {
	top: -3px;
	left: 50%;
	margin-left: -3px;
	cursor: n-resize
}

.cropper-point.point-w {
	top: 50%;
	left: -3px;
	margin-top: -3px;
	cursor: w-resize
}

.cropper-point.point-s {
	bottom: -3px;
	left: 50%;
	margin-left: -3px;
	cursor: s-resize
}

.cropper-point.point-ne {
	top: -3px;
	right: -3px;
	cursor: ne-resize
}

.cropper-point.point-nw {
	top: -3px;
	left: -3px;
	cursor: nw-resize
}

.cropper-point.point-sw {
	bottom: -3px;
	left: -3px;
	cursor: sw-resize
}

.cropper-point.point-se {
	right: -3px;
	bottom: -3px;
	width: 20px;
	height: 20px;
	cursor: se-resize;
	opacity: 1
}

.cropper-point.point-se:before {
	position: absolute;
	right: -50%;
	bottom: -50%;
	display: block;
	width: 200%;
	height: 200%;
	content: ' ';
	opacity: 0;
	background-color: #39f
}

@media (min-width:768px) {
	.cropper-point.point-se {
		width: 15px;
		height: 15px
	}
}

@media (min-width:992px) {
	.cropper-point.point-se {
		width: 10px;
		height: 10px
	}
}

@media (min-width:1200px) {
	.cropper-point.point-se {
		width: 5px;
		height: 5px;
		opacity: .75
	}
}

.cropper-invisible {
	opacity: 0
}

.cropper-bg {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)
}

.cropper-hide {
	position: absolute;
	display: block;
	width: 0;
	height: 0
}

.cropper-hidden {
	display: none!important
}

.cropper-move {
	cursor: move
}

.cropper-crop {
	cursor: crosshair
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
	cursor: not-allowed
}

.cropper-modal {
	opacity: 0.8
}

.cropper-crop-box {
	-webkit-box-shadow: 4px 7px 10px rgba(0, 0, 0, 0.14);
	box-shadow: 4px 7px 10px rgba(0, 0, 0, 0.14)
}

.cropper-bg {
	background-image: none !important
}

main .stage h2.header~uploadImage.right.floated.button,
main .stage h2.header~removeImage.right.floated.button {
	margin-top: 0em !important
}

uploadAndCropImage h4.ui.header {
	margin: 1.69230rem 0em 1.25em !important
}

uploadAndCropImage uploadImage.ui.button,
uploadAndCropImage removeImage.ui.button {
	margin-top: -6px !important
}

uploadAndCropImage uploadContainer {
	clear: both
}

uploadContainer input[type="file"] {
	display: none
}

uploadContainer input[type="range"] {
	width: 300px;
	display: block;
	margin: 0 auto
}

uploadContainer cropControls {
	position: absolute;
	top: 10px;
	right: 1rem;
	margin: 1rem auto 0rem !important;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

uploadContainer confirmCrop.button {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

uploadContainer>.ui.hidden.divider {
	margin: 7px 0px
}

uploadContainer cropper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	max-height: 350px;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	margin: 15px auto 0
}

uploadContainer cropper.done-cropping {
	height: auto
}

uploadContainer cropper.done-cropping img {
	max-width: auto;
	height: 100%;
	max-height: 250px;
	margin-bottom: 15px
}

uploadContainer .cropper-modal {
	opacity: 0.8;
	background-color: #F6F8FA
}

uploadContainer.basic .cropper-modal {
	background-color: #FFFFFF
}

uploadContainer.basic cropControls {
	right: 0px
}

drawSignature drawOptions {
	float: right;
	font-weight: bold
}

drawSignature:not(:first-child) {
	margin-top: 1em
}

drawSignature:not(:last-child) {
	margin-bottom: 1em
}

drawSignature .ui.basic.button {
	text-transform: none !important
}

drawSignature signatureArea canvas {
	display: block;
	border: none;
	border-radius: 5px;
	width: 100%;
	height: 210px
}

drawSignature signatureArea {
	clear: both;
	position: relative;
	height: 230px
}

drawSignature signatureArea signatureLine {
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 100%;
	height: 1px;
	background-color: #000000;
	position: absolute;
	top: 148px;
	left: auto
}

drawSignature signatureArea signor {
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position: absolute;
	top: 166px;
	left: auto;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase
}

drawSignature signatureArea prompt {
	pointer-events: none;
	position: absolute;
	top: 85px;
	font-size: 28px;
	letter-spacing: 0.1em;
	color: rgba(0, 0, 0, 0.1);
	width: 100%;
	text-align: center
}

drawSignature drawOptions a {
	cursor: pointer
}

drawSignature signatureArea.upload {
	height: auto
}

drawSignature signatureArea.upload .ui.placeholder.segment {
	min-height: 230px
}

drawSignature signatureArea.upload canvas {
	position: absolute;
	top: -99999px;
	left: -99999px;
	z-index: -1
}

drawSignature signatureArea.upload cropper {
	height: 160px;
	max-width: 100%;
	overflow: hidden;
	margin: 0px auto 0
}

drawSignature signatureArea.upload cropper.done-cropping {
	margin-bottom: 1rem
}

drawSignature signatureArea.draw .ui.right.floated.button {
	position: relative;
	top: -40px
}

@media only screen and (max-width: 767px) {
	drawSignature {
		width: auto;
		overflow-x: auto;
		overflow-y: hidden
	}
	drawSignature signatureArea.draw .ui.right.floated.button {
		top: -28px
	}
	drawSignature drawOptions {
		float: none;
		font-weight: bold;
		margin: 1rem 0rem -2rem
	}
	drawSignature .ui.tabular.dashboard.menu {
		margin-left: -1em !important;
		margin-right: -1em !important;
		padding-left: -1em !important;
		padding-right: -1em !important
	}
	drawSignature signatureArea .ui.right.floated.button {
		top: 0px
	}
}

#yesNoCancelModal.ui.modal .basic.actions {
	border-top: 0px
}

#yesNoCancelModal.ui.modal cancel.ui.button {
	background-color: transparent;
	color: #FFFFFF !important
}

#yesNoCancelModal.ui.modal cancel.ui.button:hover {
	background-color: rgba(255, 255, 255, 0.05) !important
}

#yesNoCancelModal.ui.modal>.actions {
	text-align: center
}

#yesNoCancelModal.ui.modal warningText {
	display: block;
	color: #E28484;
	font-weight: bold
}

#confirmOrCancelModal .basic.actions {
	border-top: 0px
}

#confirmOrCancelModal.ui.modal>.actions {
	text-align: center
}

#confirmModal .basic.actions {
	border-top: 0px
}

#confirmModal.ui.modal>.actions {
	text-align: center
}

.toast-title {
	font-weight: bold
}

.toast-message {
	-ms-word-wrap: break-word;
	word-wrap: break-word
}

.toast-message a,
.toast-message label {
	color: #FFFFFF
}

.toast-message a:hover {
	color: #CCCCCC;
	text-decoration: none
}

.toast-close-button {
	position: relative;
	right: -0.3em;
	top: -0.3em;
	float: right;
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	-webkit-text-shadow: 0 1px 0 #ffffff;
	text-shadow: 0 1px 0 #ffffff;
	opacity: 0.8;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	filter: alpha(opacity=80);
	line-height: 1
}

.toast-close-button:hover,
.toast-close-button:focus {
	color: #000000;
	text-decoration: none;
	cursor: pointer;
	opacity: 0.4;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
	filter: alpha(opacity=40)
}

.rtl .toast-close-button {
	left: -0.3em;
	float: left;
	right: 0.3em
}

button.toast-close-button {
	padding: 0;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none
}

.toast-top-center {
	top: 0;
	right: 0;
	width: 100%
}

.toast-bottom-center {
	bottom: 0;
	right: 0;
	width: 100%
}

.toast-top-full-width {
	top: 0;
	right: 0;
	width: 100%
}

.toast-bottom-full-width {
	bottom: 0;
	right: 0;
	width: 100%
}

.toast-top-left {
	top: 12px;
	left: 12px
}

.toast-top-right {
	top: 12px;
	right: 12px
}

.toast-bottom-right {
	right: 12px;
	bottom: 12px
}

.toast-bottom-left {
	bottom: 12px;
	left: 12px
}

#toast-container {
	position: fixed;
	z-index: 999999;
	pointer-events: none;
}

#toast-container * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

#toast-container>div {
	position: relative;
	pointer-events: auto;
	overflow: hidden;
	margin: 0 0 6px;
	padding: 15px 15px 15px 50px;
	width: 300px;
	border-radius: 3px 3px 3px 3px;
	background-position: 15px center;
	background-repeat: no-repeat;
	-webkit-box-shadow: 0 0 12px #999999;
	box-shadow: 0 0 12px #999999;
	color: #FFFFFF;
	opacity: 0.8;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	filter: alpha(opacity=80)
}

#toast-container>div.rtl {
	direction: rtl;
	padding: 15px 50px 15px 15px;
	background-position: right 15px center
}

#toast-container>div:hover {
	-webkit-box-shadow: 0 0 12px #000000;
	box-shadow: 0 0 12px #000000;
	opacity: 1;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	filter: alpha(opacity=100);
	cursor: pointer
}

#toast-container>.toast-info {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important
}

#toast-container>.toast-error {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important
}

#toast-container>.toast-success {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important
}

#toast-container>.toast-warning {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important
}

#toast-container.toast-top-center>div,
#toast-container.toast-bottom-center>div {
	width: 300px;
	margin-left: auto;
	margin-right: auto
}

#toast-container.toast-top-full-width>div,
#toast-container.toast-bottom-full-width>div {
	width: 96%;
	margin-left: auto;
	margin-right: auto
}

.toast {
	background-color: #030303
}

.toast-success {
	background-color: #51A351
}

.toast-error {
	background-color: #BD362F
}

.toast-info {
	background-color: #2F96B4
}

.toast-warning {
	background-color: #F89406
}

.toast-progress {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 4px;
	background-color: #000000;
	opacity: 0.4;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
	filter: alpha(opacity=40)
}

@media all and (max-width: 240px) {
	#toast-container>div {
		padding: 8px 8px 8px 50px;
		width: 11em
	}
	#toast-container>div.rtl {
		padding: 8px 50px 8px 8px
	}
	#toast-container .toast-close-button {
		right: -0.2em;
		top: -0.2em
	}
	#toast-container .rtl .toast-close-button {
		left: -0.2em;
		right: 0.2em
	}
}

@media all and (min-width: 241px) and (max-width: 480px) {
	#toast-container>div {
		padding: 8px 8px 8px 50px;
		width: 18em
	}
	#toast-container>div.rtl {
		padding: 8px 50px 8px 8px
	}
	#toast-container .toast-close-button {
		right: -0.2em;
		top: -0.2em
	}
	#toast-container .rtl .toast-close-button {
		left: -0.2em;
		right: 0.2em
	}
}

@media all and (min-width: 481px) and (max-width: 768px) {
	#toast-container>div {
		padding: 15px 15px 15px 50px;
		width: 25em
	}
	#toast-container>div.rtl {
		padding: 15px 50px 15px 15px
	}
}

#toast-container.toast-top-right {
	top: 79px !important;
	right: 7px !important
}

#toast-container .toast {
	width: 290px;
	z-index: 100;
	opacity: 1;
	-webkit-transition: 0.2s ease opacity;
	transition: 0.2s ease opacity;
	padding: 15px 15px 15px 52px;
	-webkit-box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.2) inset, 0px 2px 4px 0px rgba(34, 36, 38, 0.14), 0px 2px 20px -3px rgba(34, 36, 38, 0.3);
	box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.2) inset, 0px 2px 4px 0px rgba(34, 36, 38, 0.14), 0px 2px 20px -3px rgba(34, 36, 38, 0.3)
}

#toast-container .toast-success {
	background-color: #55AC7F
}

#toast-container .toast-title {
	font-size: 16px;
	margin-bottom: 4px;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2)
}

#toast-container .toast-message {
	font-size: 14px;
	line-height: 1.333;
	font-weight: bold;
	color: rgba(0, 0, 0, 0.7)
}

@media only screen and (max-width: 1440px) {
	#toast-container .toast {
		width: 245px
	}
}

#toast-container .toast {
	width: 290px !important;
	z-index: 100 !important;
	opacity: 1 !important;
	-webkit-transition: 0.2s ease opacity, 0.2s ease box-shadow !important;
	transition: 0.2s ease opacity, 0.2s ease box-shadow !important;
	padding: 15px 15px 15px 70px !important;
	-webkit-box-shadow: 0px 10px 18px rgba(0, 0, 0, 0.15) !important;
	box-shadow: 0px 10px 18px rgba(0, 0, 0, 0.15) !important;
	color: rgba(0, 0, 0, 0.8) !important;
	background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.1))) !important;
	background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.1)) !important;
	background-repeat: repeat !important
}

#toast-container .toast:not(.transition) {
	-webkit-animation-name: flyInLeft;
	animation-name: flyInLeft;
	-webkit-animation-duration: 700ms;
	animation-duration: 700ms;
	-webkit-transform-origin: bottom center;
	transform-origin: bottom center;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out
}

#toast-container .toast-success {
	background-color: #FFFFFF !important
}

#toast-container .toast-title {
	font-size: 16px !important;
	margin-bottom: 4px !important;
	text-shadow: none !important
}

#toast-container .toast-message {
	font-size: 14px !important;
	line-height: 1.333 !important
}

#toast-container .toast:hover {
	-webkit-box-shadow: 0px 10px 18px rgba(0, 0, 0, 0.23) !important;
	box-shadow: 0px 10px 18px rgba(0, 0, 0, 0.23) !important
}

#toast-container .toast-success {
	background-color: #e9fff4 !important;
	background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.1))) !important;
	background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.1)) !important;
	background-repeat: repeat
}

#toast-container .toast-success .toast-title {
	color: #277651 !important
}

#toast-container .toast-success:after {
	font-family: 'Flaticon' !important;
	content: "\e029" !important;
	position: absolute !important;
	top: 50% !important;
	left: 15px !important;
	margin-top: -10px !important;
	color: #277651 !important;
	font-size: 40px !important
}

#toast-container .toast-success .toast-message {
	color: rgba(39, 118, 81, 0.75)
}

#toast-container .toast-error {
	background-color: #fff4f4 !important
}

#toast-container .toast-error .toast-title {
	color: #c10b06 !important
}

#toast-container .toast-error:after {
	font-family: 'Flaticon' !important;
	content: "\e0d3" !important;
	position: absolute !important;
	top: 50% !important;
	left: 15px !important;
	margin-top: -10px !important;
	color: #c10b06 !important;
	font-size: 40px !important
}

#toast-container .toast-error .toast-message {
	color: rgba(154, 31, 28, 0.75)
}

#toast-container .toast-warning {
	background-color: #fffdf4 !important
}

#toast-container .toast-warning .toast-title {
	color: #c19206 !important
}

#toast-container .toast-warning:after {
	font-family: 'Flaticon' !important;
	content: "\e00f" !important;
	position: absolute !important;
	top: 50% !important;
	left: 15px !important;
	margin-top: -10px !important;
	color: #c1a306 !important;
	font-size: 40px !important
}

#toast-container .toast-warning .toast-message {
	color: rgba(165, 145, 42, 0.84)
}

loginTFA h2 {
	margin: 1em 0em 0.25em !important;
	text-align: center
}

loginTFA p {
	text-align: center;
	font-size: 16px;
	margin: 0em 0em 1em;
	color: rgba(255, 255, 255, 0.6)
}

loginTFA .ui.primary.button {
	margin-top: 2rem !important
}

loginTFA>.ui.container {
	min-height: 165px !important
}

loginTFA a.resend {
	color: rgba(255, 255, 255, 0.5)
}

loginTFA a.resend:hover {
	color: #FFFFFF
}

loginTFA phoneNumber {
	color: #AAAAAA;
	font-weight: bold
}

loginTFA .ui.buttons>.or:before {
	background-color: #565656;
	color: rgba(255, 255, 255, 0.5)
}

loginTFA phoneForm+codeForm {
	margin-top: 2rem
}

loginTFA p b {
	color: #4DAF7C
}

loginTFA a.change {
	font-weight: bold;
	font-size: 13px;
	margin-left: 3px;
	vertical-align: top
}

loginTFA a.change:not(:hover) {
	color: rgba(255, 255, 255, 0.8)
}

loginTFA codeInput.input {
	margin: 0px -1% !important;
	width: calc(100% + 2%) !important
}

loginTFA input.digit {
	width: 14.6667% !important;
	margin-left: 1% !important;
	margin-right: 1% !important;
	display: -webkit-inline-box !important;
	display: -ms-inline-flexbox !important;
	display: inline-flex !important;
	font-size: 20px !important;
	text-align: center !important;
	font-weight: bold !important;
	text-shadow: 0px 2px 3px rgba(0, 0, 0, 1);
	color: #ffffff !important;
	background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(255, 255, 255, 0.1))) !important;
	background-image: linear-gradient(transparent, rgba(255, 255, 255, 0.1)) !important;
	border: none !important;
	margin-top: 10px !important;
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5) inset !important;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5) inset !important;
	background-color: #656565 !important;
	text-transform: uppercase !important;
	-webkit-transition: background-color 0.2s ease !important;
	transition: background-color 0.2s ease !important
}

loginTFA input.digit:focus {
	background-color: #858585 !important
}

loginTFA input.digit.filled {
	background-color: #4C8E6B !important
}

loginTFA input.digit.filled:focus {
	background-color: #74d0a0 !important
}

loginTFA ::-moz-selection {
	background-color: transparent !important;
	color: white !important
}

loginTFA ::selection {
	background-color: transparent !important;
	color: white !important
}

loginTFA .ui.primary.primary.primary.primary.primary.primary.primary.primary.primary.primary.primary.disabled {
	background-color: transparent !important;
	color: rgba(255, 255, 255, 0.2) !important
}

#tfa>div>loginTFA>div>div>sendCode {
	margin-top: 10px
}

#forgotPassword .ui.form h2 {
	margin: 1em 0em 0.25em !important;
	text-align: center
}

#forgotPassword .ui.form p {
	text-align: center;
	font-size: 16px;
	margin-bottom: 5px;
	color: rgba(255, 255, 255, 0.56)
}

#forgotPassword .ui.form p+p {
	margin-bottom: 2em !important
}

#forgotPassword .button+.button {
	margin-top: 2em !important
}

#resetPassword .ui.container {
	height: 600px
}

#resetPassword .ui.form h2 {
	margin: 1em 0em 0.25em !important;
	text-align: center
}

#resetPassword .ui.form p {
	text-align: center;
	font-size: 16px;
	margin-bottom: 5px;
	color: rgba(255, 255, 255, 0.56)
}

#resetPassword .ui.form p+p {
	margin-bottom: 2em !important
}

#enrollUser .ui.container {
	height: auto
}

#enrollUser .ui.form h2 {
	font-size: 26px;
	margin: 1rem 0em 0.25em !important;
	text-align: center
}

#enrollUser .ui.form p {
	text-align: center;
	font-size: 16px;
	margin-top: 0rem;
	margin-bottom: 1rem;
	color: rgba(255, 255, 255, 0.56)
}

#enrollUser .ui.form p+p {
	margin-bottom: 2em
}

#enrollUser .ui.form .primary.button {
	margin-top: 2rem
}

@media only screen and (max-width: 767px) {
	#enrollUser .container {
		margin-top: 10px;
		margin-bottom: 50px
	}
	#enrollUser .ui.form h2 {
		font-size: 20px
	}
	#enrollUser .ui.form p {
		font-size: 14px
	}
}

@media only screen and (max-width: 370px) {
	#enrollUser .container>img {
		width: 110px;
		height: 32px;
		margin: 0 auto 1em
	}
}

enrollMarketplaceNotary .ui.form h2 {
	margin: 1em 0em 0.25em !important;
	text-align: center
}

enrollMarketplaceNotary .ui.form p {
	text-align: center;
	font-size: 16px;
	margin: 0em 0em 2em;
	color: rgba(255, 255, 255, 0.56)
}

enrollMarketplaceNotary i.bug.flat.icon {
	color: grey !important
}

enrollMarketplaceNotary h2 {
	margin: 1em 0em 0.25em !important;
	text-align: center
}

enrollMarketplaceNotary p {
	text-align: center;
	font-size: 16px;
	margin: 0em 0em 1em;
	color: rgba(255, 255, 255, 0.6)
}

enrollMarketplaceNotary .unstackable.fields {
	margin-bottom: 1em !important
}

enrollMarketplaceNotary .ui.buttons>.or:before {
	background-color: #565656;
	color: rgba(255, 255, 255, 0.5)
}

enrollMarketplaceNotary signupFields.fields {
	margin-top: 2em !important
}

@media only screen and (max-width: 767px) {
	enrollMarketplaceNotary .ui.form {
		font-size: 14px !important
	}
	enrollMarketplaceNotary signupFields.fields {
		-webkit-box-orient: vertical !important;
		-webkit-box-direction: reverse !important;
		-ms-flex-direction: column-reverse !important;
		flex-direction: column-reverse !important
	}
}

signupUser i.bug.flat.icon {
	color: grey !important
}

signupUser h2 {
	margin: 1em 0em 0.25em !important;
	text-align: center
}

signupUser p {
	text-align: center;
	font-size: 16px;
	margin: 0em 0em 1em;
	color: rgba(255, 255, 255, 0.6)
}

signupUser .ui.buttons>.or:before {
	background-color: #565656;
	color: rgba(255, 255, 255, 0.5)
}

loginPage {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100vw;
	height: 100%;
	min-height: 100%
}

loginPage {
	background-color: #1E2527
}

loginPage .ui.form {
	display: block
}

loginPage .ui.container {
	position: relative;
	z-index: 4;
	width: 400px;
	margin: 30px auto 117px
}

loginPage .ui.pointing.prompt.label {
	position: absolute;
	z-index: 3;
	-webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.4)
}

loginPage .disabled.disabled.disabled.disabled.disabled.disabled.disabled.disabled.disabled.disabled.primary.button {
	background-color: #4DAF7C !important;
	color: rgba(255, 255, 255, 0.35) !important
}

loginPage img {
	display: block;
	width: 250px;
	height: 73px;
	margin: 0 auto 2em
}

loginPage documentPortalImage img {
	display: block;
	width: 250px;
	height: auto;
	margin: 0 auto 2em;
	position: relative;
	left: -1em
}

loginPage .field .action {
	color: #A8B1B9;
	font-size: 11px;
	float: right;
	margin-top: -2px
}

loginPage .field .action a {
	color: #A8B1B9
}

loginPage .field .action a:hover {
	color: #FFFFFF
}

loginPage .ui.message {
	-webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 1) !important;
	box-shadow: 0px 5px 15px rgba(0, 0, 0, 1) !important;
	border-radius: 5px !important;
	padding: 16px 16px !important;
	font-size: 16px !important;
	font-weight: bold !important;
	text-align: center !important;
	-webkit-box-pack: center !important;
	-ms-flex-pack: center !important;
	justify-content: center !important;
	margin-top: 30px
}

loginPage .ui.message>.icon {
	position: absolute;
	right: 0px;
	opacity: 0.5 !important;
	font-size: 32px !important;
	margin-left: 7px !important;
	margin-right: 14px !important
}

loginPage town {
	position: absolute;
	overflow: hidden;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 154px;
	z-index: 3
}

loginPage town left,
loginPage town right {
	position: absolute;
	height: 1px;
	top: 113px;
	width: calc(50% - 700px);
	background-color: #868686;
	z-index: 2
}

loginPage town left {
	left: 0px
}

loginPage town right {
	right: 0px
}

loginPage town img {
	width: auto !important;
	height: auto !important;
	margin-bottom: 0em !important;
	position: absolute;
	left: 50%;
	margin-left: -717px
}

loginPage .ui.message {
	position: absolute
}

loginPage:after {
	position: absolute;
	content: '';
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	opacity: 1;
	-webkit-transition: opacity 1000ms ease;
	transition: opacity 1000ms ease;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), color-stop(45%, rgba(12, 39, 47, 1)), to(rgb(0, 0, 0)));
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(12, 39, 47, 1) 45%, rgb(0, 0, 0));
	z-index: 1
}

loginPage.initial:after {
	opacity: 0
}

@media only screen and (max-height: 700px) {
	loginPage {
		height: auto
	}
}

@media only screen and (max-width: 767px) {
	loginPage {
		height: auto
	}
	loginPage .ui.container {
		width: calc(100% - 2em) !important;
		max-width: 400px !important
	}
	loginPage img {
		width: 162px;
		height: 47px;
		margin: 0 auto 1em
	}
	loginPage .ui.container {
		margin-bottom: 60px
	}
	loginPage town {
		height: 69px !important
	}
	loginPage town img {
		height: 79px !important;
		margin-left: -322px
	}
	loginPage .ui.message {
		margin-top: 0px
	}
	loginPage .ui.message .icon {
		display: none
	}
}

.gm-style-cc,
.gmnoprint,
.gm-iv-address-link,
.gm-iv-address-custom,
.gm-fullscreen-control,
.gm-iv-vertical-separator,
.gm-iv-marker {
	display: none !important
}

.pika-single {
	z-index: 9999;
	display: block;
	position: relative;
	width: 240px;
	padding: 8px;
	color: #333;
	background: #fff;
	border: 1px solid #ccc;
	border-bottom-color: #bbb;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}

.pika-single.is-hidden {
	display: none
}

.pika-single.is-bound {
	position: absolute;
	-webkit-box-shadow: 0 5px 15px -5px rgba(0, 0, 0, .5);
	box-shadow: 0 5px 15px -5px rgba(0, 0, 0, .5)
}

.pika-title {
	position: relative;
	text-align: center
}

.pika-label {
	display: inline-block;
	*display: inline;
	position: relative;
	z-index: 9999;
	overflow: hidden;
	margin: 0;
	padding: 5px 3px;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	background-color: #fff
}

.pika-title select {
	cursor: pointer;
	position: absolute;
	z-index: 9998;
	margin: 0;
	left: 0;
	top: 5px;
	filter: alpha(opacity=0);
	opacity: 0
}

.pika-prev,
.pika-next {
	display: block;
	cursor: pointer;
	position: relative;
	outline: none;
	border: 0;
	padding: 0;
	width: 20px;
	height: 30px;
	text-indent: 20px;
	white-space: nowrap;
	overflow: hidden;
	background-color: transparent;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 75% 75%;
	opacity: .5;
	*position: absolute;
	*top: 0
}

.pika-prev:hover,
.pika-next:hover {
	opacity: 1
}

.pika-prev,
.is-rtl .pika-next {
	float: left;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==');
	*left: 0
}

.pika-next,
.is-rtl .pika-prev {
	float: right;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');
	*right: 0
}

.pika-prev.is-disabled,
.pika-next.is-disabled {
	cursor: default;
	opacity: .2
}

.pika-select {
	display: inline-block;
	*display: inline
}

.pika-table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	border: 0
}

.pika-table th,
.pika-table td {
	width: 14.285714285714286%;
	padding: 0
}

.pika-table th {
	color: #999;
	font-size: 12px;
	line-height: 25px;
	font-weight: bold;
	text-align: center
}

.pika-button {
	cursor: pointer;
	display: block;
	outline: none;
	border: 0;
	margin: 0;
	width: 100%;
	padding: 5px;
	color: #666;
	font-size: 12px;
	line-height: 15px;
	text-align: right;
	background: #f5f5f5
}

.is-today .pika-button {
	color: #33aaff;
	font-weight: bold
}

.is-selected .pika-button {
	color: #fff;
	font-weight: bold;
	background: #33aaff;
	-webkit-box-shadow: inset 0 1px 3px #178fe5;
	box-shadow: inset 0 1px 3px #178fe5;
	border-radius: 3px
}

.is-disabled .pika-button {
	pointer-events: none;
	cursor: default;
	color: #999;
	opacity: .3
}

.pika-button:hover {
	color: #fff !important;
	background: #ff8000 !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border-radius: 3px !important
}

.pika-single {
	margin-top: 5px;
	-webkit-box-shadow: 3px 3px 15px -2px rgba(0, 0, 0, 0.2);
	box-shadow: 3px 3px 15px -2px rgba(0, 0, 0, 0.2)
}

.pika-single .pika-title {
	color: #63676B;
	height: 45px
}

.pika-single .pika-label {
	font-size: 16px
}

.pika-table th {
	color: #A2A3A7;
	line-height: 1;
	padding: 0px 0px 8px
}

.pika-table th abbr {
	position: relative;
	border: none
}

.pika-table tr {
	height: auto
}

.pika-table td {
	border: none;
	padding: 0px
}

.pika-table .pika-button {
	background-color: #FFFFFF;
	font-weight: bold;
	color: #7C7C7C;
	text-align: center;
	border-radius: 500em !important;
	width: 32px;
	height: 30px
}

.pika-table .pika-button:hover {
	background-color: #DEE4E7 !important;
	border-color: #EEF4F7;
	color: #484A4F !important
}

.pika-table .is-selected .pika-button {
	background-color: #76AB7D !important;
	border-color: #76AB7D;
	color: #FFFFFF !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important
}

.pika-table .is-selected .pika-button:hover {
	background-color: #489C70 !important
}

.validate_error {
	background-color: red !important
}

td.field .input[data-staticText] {
	position: relative
}

td.field .input[data-staticText] input {
	width: auto !important;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	text-overflow: ellipsis
}

td.field .input[data-staticText]::after {
	position: static;
	content: attr(data-staticText);
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	pointer-events: none;
	opacity: 0.6
}

td.overridden.overridden.overridden.overridden.overridden.overridden.field .input[data-staticText]::after {
	padding-right: 2rem !important
}

td.selection.field>div.search.selection {
	background: transparent !important;
	border: transparent !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important
}

td.selection.field>div.search.selection div.text {
	left: -2px
}

td.selection.field>.ui.search.selection.dropdown>.menu {
	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 6px !important;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 6px !important;
	margin-top: 5px !important;
	border-top-width: 1px !important;
	border-radius: 3px !important
}

editableField {
	display: block;
	white-space: pre-wrap
}

.ui.table td.editable.overridden.field editableField.content {
	padding-right: 25px !important
}

body .pika-single {
	font-family: Lato, Arial, sans-serif !important;
	-webkit-box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07) !important;
	box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07) !important;
	border-radius: 5px !important;
	padding: 15px;
	border-color: rgba(0, 0, 0, 0.16) !important;
	width: 270px;
	-webkit-filter: none !important;
	filter: none !important
}

body .pika-single .pika-title {
	color: #000000;
	height: 44px;
	margin-top: -4px
}

body .pika-single .pika-label {
	font-size: 18px !important
}

body .pika-table th {
	font-weight: normal !important;
	color: #cacaca !important;
	text-transform: uppercase;
	font-size: 10px
}

body .pika-table .is-today .pika-button {
	background-color: #F0F0F0 !important
}

body .pika-table .is-selected .pika-button {
	font-size: 16px !important;
	background-color: #4daf7c !important
}

body .pika-table .pika-button {
	font-weight: bold;
	color: #9ea2ab;
	text-align: center;
	border-radius: 500em !important;
	width: 34px;
	font-size: 12px;
	height: 34px
}

dateTimePicker {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row
}

dateTimePicker datePicker.ui.input {
	width: 10em !important;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto
}

dateTimePicker datePicker.ui.input>input {
	border-radius: 4px 0px 0px 4px !important
}

dateTimePicker timePicker.selection.dropdown {
	width: 9em !important;
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	margin-left: -1px !important;
	border-radius: 0px 4px 4px 0px !important
}

dateTimePicker timezoneDisplay.ui.label {
	-ms-flex-item-align: center;
	align-self: center;
	margin-left: 10px
}

afDropdownInput .itemDescription {
	color: rgba(0, 0, 0, 0.4);
	margin: 2px, 0px, 0px, 0px
}

textAreaField {
	position: relative
}

textAreaField .clear.icon,
textAreaField .cancel.icon {
	position: absolute;
	top: 0px;
	right: 0px
}

label+textareaMenu {
	margin-top: 0px !important
}

textareaMenu rightContent {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	margin-left: auto
}

textareaMenu shortCutMenu {
	-ms-flex-item-align: start !important;
	align-self: flex-start !important
}

textareaMenu~.textarea,
textareaMenu~textarea {
	background-color: #FFFFFF !important;
	border-color: rgba(34, 36, 38, 0.15) !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important
}

textareaMenu+textarea.hidden {
	display: none !important
}

textareaMenu .markdown {
	font-size: 12px;
	color: #000;
	cursor: pointer;
	padding-top: 0.6em;
	color: rgba(0, 0, 0, 0.95);
	margin-right: 1.5em;
	opacity: 0.4;
	-webkit-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease
}

textareaMenu .markdown:hover {
	opacity: 1
}

textareaMenu .markdown img {
	margin-left: 5px;
	width: 24px;
	vertical-align: -3px !important
}

arrayInputList {
	display: block;
	margin-top: 8px !important
}

arrayInput .ui.search.attached input[type="text"] {
	border-bottom-left-radius: 0px !important;
	border-bottom-right-radius: 0px !important
}

arrayInput>.ui.search.attached+arrayInputList.ui.segments {
	margin-left: 0px !important;
	margin-right: 0px !important
}

arrayInput>h4.ui.header {
	font-size: 1rem !important;
	padding: 0.5rem 0.5rem 0.5rem 0.75rem !important;
	color: #9E9E9E !important
}

arrayInputList {
	border-top: none !important;
	margin: 0px -1px 1em !important;
	max-height: 9.85rem;
	overflow-x: hidden;
	overflow-y: auto
}

arrayInputList::-webkit-scrollbar-track {
	border-radius: 5px;
	width: 3px;
	background: rgba(0, 0, 0, 0.02)
}

arrayInputList::-webkit-scrollbar-thumb {
	cursor: pointer;
	border-radius: 5px;
	-webkit-transition: color 0.2s ease;
	transition: color 0.2s ease;
	background: rgba(0, 0, 0, 0.05)
}

arrayInputList:hover::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, 0.1)
}

arrayInputList:hover::-webkit-scrollbar-thumb {
	background: rgba(0, 0, 0, 0.25)
}

arrayInputList,
arrayInputList>.segment:first-child {
	border-top-left-radius: 0px !important;
	border-top-right-radius: 0px !important
}

arrayInputList .segment {
	padding: 0.5rem 0.5rem 0.5rem 0.75rem !important;
	font-size: 1rem !important;
	background-color: transparent !important
}

arrayInputList .segment header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	white-space: nowrap
}

arrayInputList .segment header .title {
	width: calc(100% - 20px);
	overflow: hidden;
	text-overflow: ellipsis
}

arrayInputList .segment header .label {
	margin: 0px 0px 0px auto !important;
	max-width: 100%;
	text-overflow: ellipsis;
	overflow: hidden
}

arrayInputList .remove.icon {
	margin: 0px 0px 0px auto;
	-ms-flex-item-align: start;
	align-self: flex-start
}

arrayInputList .label+.remove.icon {
	margin-left: 3px
}

arrayInputList .segment description {
	display: block;
	font-size: 11px;
	color: gray
}

arrayInputList values {
	max-height: 250px;
	overflow-x: hidden;
	overflow-y: auto
}

arrayInputList emptyMessage.ui.segment {
	color: rgba(0, 0, 0, 0.5)
}

tabular {
	display: block;
	position: relative
}

tabular>.ui.header {
	padding-top: 3px !important;
	margin: 1em 0em 1em !important
}

tabular>.ui.header+tabularMenu {
	margin-top: -8px !important
}

tabular tabularMenu.ui.tabular.menu {
	margin-bottom: -1px !important
}

tabular tabularMenu.ui.menu {
	max-width: 100%;
	overflow-y: hidden;
	overflow-x: auto
}

tabular tabularMenu.secondary.menu {
	padding: 1px 0px 5px
}

tabular tabularMenu.ui.menu::-webkit-scrollbar {
	-webkit-appearance: none;
	height: 6px
}

tabular tabularMenu.ui.menu::-webkit-scrollbar-track {
	border-radius: 5px;
	background: rgba(0, 0, 0, 0.1)
}

tabular tabularMenu.ui.menu::-webkit-scrollbar-thumb {
	cursor: pointer;
	border-radius: 5px;
	-webkit-transition: color 0.2s ease;
	transition: color 0.2s ease;
	background: rgba(0, 0, 0, 0.25)
}

tabular tabularMenu.ui.menu::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(0, 0, 0, 0.15)
}

tabular tabularMenu.ui.menu::-webkit-scrollbar-thumb:hover {
	background: rgba(128, 135, 139, 0.8)
}

tabular tabs+.top.attached.segment>tabularMenu {
	width: calc(100% - 8em) !important
}

tabular tabs {
	position: absolute;
	right: 0px;
	top: -2px;
	z-index: 3
}

tabular tabs.segment {
	right: 10px;
	top: 7px
}

tabular openTab,
tabular closeTab {
	float: right
}

tabular openTab {
	margin-left: 3px
}

tabular+tabular {
	margin-top: 2em
}

tabular .column .fields:last-child {
	margin-bottom: 0em
}

.performFileInput {
	display: none !important
}

displayInput label .lock.icon {
	display: none
}

.quill-editor {
	height: 24em;
	background: #fcfcfd;
	font-family: "Arial";
	font-size: 14px;
	counter-reset: override-list-0
}

.quill-editor p {
	line-height: 1.42
}

.quill-toolbar .ql-font span[data-label="Arial"]::before {
	font-family: "Arial"
}

.quill-toolbar .ql-font span[data-label="Courier"]::before {
	font-family: "Courier"
}

.quill-toolbar .ql-font span[data-label="Georgia"]::before {
	font-family: "Georgia"
}

.quill-toolbar .ql-font span[data-label="Lucida"]::before {
	font-family: "Lucida"
}

.quill-toolbar .ql-font span[data-label="Tahoma"]::before {
	font-family: "Tahoma"
}

.quill-toolbar .ql-font span[data-label="Times New Roman"]::before {
	font-family: "Times New Roman"
}

.quill-toolbar .ql-font span[data-label="Trebuchet"]::before {
	font-family: "Trebuchet"
}

.quill-toolbar .ql-font span[data-label="Verdana"]::before {
	font-family: "Verdana"
}

.quill-editor .ql-tooltip {
	left: 0px !important
}

.quill.hidden {
	display: none !important
}

.quill-editor .ql-editor u {
	display: inline
}

.ui.form .quill-editor .ql-tooltip input[type=text] {
	font-family: 'Arial';
	width: 220px
}

.ui.form .field.error .ql-container {
	background: #fff6f6;
	color: #9f3a38
}

.ql-container.ql-snow {
	border-color: #DBDBDC
}

.ql-editor ol li:not([class])::before {
	content: counter(override-list-0, decimal) '. '
}

.ql-editor ol li:not([class]) {
	counter-increment: override-list-0
}

menuInputField label+.ui.menu {
	margin-top: 0em !important
}

menuInputField label+.ui.text.menu:not(.vertical) {
	margin-top: -0.5em !important
}

menuInput {
	position: relative
}

menuInput.scrolling.menu {
	overflow: auto;
	height: 14em
}

menuInput.scrolling.selection.list {
	overflow: auto;
	height: 14em
}

menuInput.ui.selection.list:not(.inverted)>.item {
	color: #333333 !important
}

menuInput.ui.text.menu .item {
	text-transform: none !important
}

menuInput.ui.vertical.tabular.dashboard.menu {
	background-image: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border: none !important;
	min-height: 0px !important;
	padding: 0em 0em 1em !important;
	margin: 0em !important
}

menuInput.ui.vertical.tabular.dashboard.menu>.active.item {
	border-radius: 5px !important
}

customDateRange .through {
	color: rgba(0, 0, 0, 0.6);
	-ms-flex-item-align: center;
	align-self: center;
	margin: 0px -2px
}

datePresetField.field .ui.dropdown>.text>.description {
	margin: 0px 0px 0px 7px !important;
	color: rgba(0, 0, 0, 0.4)
}

datePresetField.field .ui.dropdown .description {
	color: #B5B5B5;
	font-weight: normal !important;
	font-size: 12px
}

datePresetField.field .dropdown .menu .item:hover .description {
	color: #222222
}

datePresetField.field {
	margin-bottom: 0em !important
}

customDateRange.fields {
	margin-top: 5px !important;
	margin-bottom: 0px !important
}

customDateRange.hidden {
	display: none !important
}

customDateRange.dateRange .date.field {
	display: none !important
}

customDateRange.date .field:not(.date) {
	display: none !important
}

.gm-style-cc,
.gm-iv-address,
.gmnoprint,
.gmnoprint~button,
.gm-fullscreen-control,
.gm-iv-address-link,
.gm-iv-address-custom,
.gm-iv-vertical-separator,
.gm-iv-marker {
	display: none !important
}

.pac-container {
	margin-top: 5px;
	border-radius: 4px;
	-webkit-box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.4);
	border: 1px solid #DDDDDD;
	min-width: -webkit-min-content
}

.pac-container:after {
	display: none
}

.pac-container .pac-item:first-child {
	border-top: none
}

.pac-container .pac-item.pac-item-selected {
	background-color: #F5F7F7
}

.pac-container .pac-item {
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-top-color: #F8F8F8;
	padding: 5px 7px;
	font-size: 13px
}

.pac-container .pac-icon {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto
}

.pac-container .pac-item-query {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	padding-right: 1em
}

.pac-container .pac-item-query+span {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	text-align: right
}

@media only screen and (max-width: 767px) {
	addressSearch .address1.field {
		margin-bottom: 1rem !important
	}
}

chart.loading .ui.loader {
	display: block !important
}

chart canvas {
	position: relative
}

chart.loading:after {
	content: '';
	background-color: rgba(255, 255, 255, 0.5);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px
}

#emailPreview {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 0em !important
}

#emailPreview iframe {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	border: none
}

#emailPreview subject {
	position: relative;
	padding: 1em !important;
	margin: 0em !important;
	-webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2) !important;
	box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2) !important
}

#emailPreview .rail .inline.dropdown .text {
	font-size: 18px;
	white-space: nowrap;
	overflow: hidden;
	max-width: 100%;
	text-overflow: ellipsis
}

#emailPreview code {
	display: block;
	padding: 0em;
	margin: 0em;
	margin: 0em !important
}

#emailPreview code pre {
	margin: 0em !important;
	display: block
}

emailPreviewRail variableContent {
	max-height: 300px;
	overflow: auto
}

emailPreviewRail variableContent td {
	word-break: break-word
}

gridView {
	position: relative
}

gridView.loading {
	min-height: 15rem !important
}

gridView>.ui.loader {
	top: 7.5rem
}

gridView.ui.secondary.segment {
	padding: 0.5rem;
}

gridView.ui.secondary.segment.loading:before,
gridView.ui.secondary.segment.loading:after {
	display: none
}

tableWrapper {
	display: block;
	width: 100%;
	border-radius: 3px;
	clear: both;
	border: 1px solid rgba(34, 36, 38, 0.15)
}

tableWrapper table {
	background: transparent !important;
	border: none !important
}

tableWrapper::-webkit-scrollbar {
	height: 10px
}

tableWrapper::-webkit-scrollbar-track {
	border-radius: 0px 0px 3px 3px !important
}

tableWrapper::-webkit-scrollbar-thumb {
	border-radius: 0px 0px 3px 3px !important
}

tableWrapper.hidden {
	visibility: hidden
}

tableWrapper.scrolling {
	-webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.2) inset;
	box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.2) inset;
	overflow-x: auto
}

tableWrapper.scrolling table th {
	overflow: hidden !important
}

tableWrapper .ui.table tr.empty td {
	height: 32px
}

@media only screen and (max-width: 1440px) {
	tableWrapper .ui.table tr.empty td {
		height: 29px
	}
}

tableWrapper.basic {
	border: none
}

tableWrapper.bottom.attached.basic {
	border: 1px solid rgba(34, 36, 38, 0.15);
	border-top: none
}

tableWrapper.basic table thead tr {
	-webkit-box-shadow: 0px 3px 4px -2px rgba(0, 0, 0, 0.08);
	box-shadow: 0px 3px 4px -2px rgba(0, 0, 0, 0.08)
}

tableWrapper.basic table td.handle {
	background-color: #FFFFFF
}

tableWrapper table thead tr {
	-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.08);
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.08)
}

tableWrapper table tfoot tr {
	-webkit-box-shadow: 0px -1px 4px rgba(0, 0, 0, 0.08);
	box-shadow: 0px -1px 4px rgba(0, 0, 0, 0.08)
}

tableWrapper table.ui.table thead tr th,
tableWrapper table.ui.table tfoot tr th {
	background-color: #F6F6F6;
	background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.04)));
	background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.04));
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border-top-color: #D0D5DA !important;
	border-bottom-color: #D0D5DA !important
}

tableWrapper table th {
	overflow: visible !important;
	cursor: default !important;
	position: relative
}

tableWrapper table th .resize {
	position: absolute;
	z-index: 2;
	top: 0px;
	right: -12px;
	width: 24px;
	content: '';
	height: 100%;
	cursor: w-resize
}

tableWrapper table th:last-child .resize {
	pointer-events: none;
	cursor: auto
}

tableWrapper table th.sorted {
	overflow: hidden !important
}

tableWrapper .table th>.text {
	display: inline-block;
	text-overflow: ellipsis;
	max-width: 100%;
	overflow: hidden;
	vertical-align: middle
}

tableWrapper table tfoot tr ellipsisPopup input {
	width: 60px
}

tableWrapper table tfoot tr ellipsisPopup input[type=number]::-webkit-inner-spin-button,
tableWrapper table tfoot tr ellipsisPopup input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0
}

tableWrapper table.ui.table {
	margin: 0em
}

tableWrapper table tbody td {
	line-height: 1.18
}

tableWrapper.bottom.attached {
	width: calc(100% + 2px);
	margin: 0px -1px;
	border-radius: 0px 0px 3px 3px
}

tableWrapper.bottom.attached table {
	border-radius: 0px 0px 3px 3px
}

tableWrapper.attached:not(.top) table thead th:first-child,
tableWrapper.attached:not(.top) table thead th:last-child {
	border-radius: 0px !important
}

tableWrapper table.selectable tr {
	cursor: pointer
}

tableWrapper.dense table tr.selectable td {
	padding: 0px
}

tableWrapper.dense>table td:not(.selectable),
tableWrapper.dense>table td:not(.selectable),
tableWrapper.dense>table tr.selectable td>a,
tableWrapper.dense>table td.selectable>a {
	padding: 5px 10px !important
}

tableWrapper.dense .ui.table.table.table th,
tableWrapper.dense .ui.table.table.table td {
	-webkit-transition: none !important;
	transition: none !important
}

tableWrapper.dense .ui.table.table.table td.field input,
tableWrapper.dense .ui.table.table.table td.field .input[data-staticText]::after {
	padding: 0.46153em 0.76923em !important
}

tableWrapper.dense .ui.selectable.table tbody tr:hover,
tableWrapper.dense .ui.table tbody tr td.selectable:hover,
tableWrapper.dense .ui.striped.selectable.selectable.selectable.table tbody tr:hover {
	background-color: rgba(150, 150, 150, 0.15) !important;
	-webkit-transition: none !important;
	transition: none !important
}

tableWrapper.dense table tr td {
	border-top-color: rgba(29, 36, 39, 0.07) !important;
	border-left-color: rgba(29, 36, 39, 0.07) !important
}

tableWrapper.dense .ui.table tr.empty td {
	height: 26px
}

tableWrapper.dense tfoot th {
	padding-top: 5px;
	padding-bottom: 5px
}

tableWrapper table tfoot exportGrid {
	margin-top: 0.35em;
	margin-left: 0.5em;
	font-size: 1.25em
}

@media only screen and (max-width: 1440px) {
	tableWrapper.dense .ui.table tr.empty td {
		height: 25px
	}
}

tableWrapper.headerless table thead tr th {
	height: 0px !important;
	overflow: hidden !important;
	padding: 0px !important;
	line-height: 0 !important;
	border: none !important
}

tableWrapper.headerless table thead tr th:after,
tableWrapper.headerless table thead tr th .resize {
	display: none !important
}

tableWrapper table th .info.link.icon {
	margin: 0px 0px 0px 2px
}

tableWrapper activePane {
	position: absolute;
	z-index: 10;
	left: 0px;
	width: 100%;
	text-align: center;
	pointer-events: none
}

tableWrapper activePane.open border {
	-webkit-box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.2);
	border: 2px solid #DDDDDD;
	margin: -1px -1px 0px;
	height: 28px;
	pointer-events: none
}

tableWrapper activePane closePane,
tableWrapper activePane openPane {
	margin: -2px auto 0px !important;
	pointer-events: auto !important;
	padding: 6px 12px !important;
	-webkit-box-shadow: 0px 8px 14px rgba(0, 0, 0, 0.2) !important;
	box-shadow: 0px 8px 14px rgba(0, 0, 0, 0.2) !important;
	display: inline-block !important
}

tableWrapper activePane content {
	pointer-events: auto;
	text-align: left;
	margin: 0px -1px;
	border-radius: 0px 0px 5px 5px;
	border: 2px solid #DDDDDD;
	border-top: 1px solid #DDDDDD !important;
	background-color: #FFFFFF;
	-webkit-box-shadow: 0px 6px 14px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 6px 14px rgba(0, 0, 0, 0.2);
	padding: 1rem 1.5rem !important
}

tableWrapper activePane content table:not(.selectable) tr {
	cursor: auto !important
}

tableWrapper activePane content table td:first-child {
	width: 1px;
	white-space: nowrap
}

tableWrapper activePane:not(.open)>content {
	display: none
}

tableWrapper activePane.open border {
	border-bottom: none !important
}

tableWrapper .ui.definition.table thead:not(.full-width) th:first-child {
	pointer-events: auto !important
}

tableWrapper .ui.very.basic.sortable.definition.table:not(.celled) th:nth-child(2) {
	border-left: 1px solid rgba(34, 36, 38, 0) !important
}

tableWrapper .ui.very.basic.sortable.definition.table:not(.celled) thead:hover th:nth-child(2),
tableWrapper .ui.very.basic.definition.table:not(.celled) th:nth-child(2) {
	border-left: 1px solid rgba(34, 36, 38, 0.1) !important
}

main .stage .gu-mirror.gridView {
	margin: -14px 0px 0px -19px !important;
	height: auto !important;
	opacity: 1 !important;
	-webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1)
}

main .stage .gu-mirror.gridView td {
	padding: 5px 10px !important;
	border-left: 1px solid rgba(34, 36, 38, 0.1)
}

main .stage .gu-mirror.gridView td .actions {
	float: right;
	display: none
}

emptyGridView.ui.placeholder.segment {
	clear: both
}

#gridViewFilters {
	display: inline
}

app>onboardingSpacer {
	height: 60px
}

app>onboardingSetup {
	position: fixed;
	top: 66px;
	width: 100%;
	height: 60px;
	background-color: #ffffff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(80%, rgba(0, 0, 0, 0.02)), to(rgba(0, 0, 0, 0.06)));
	background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.02) 80%, rgba(0, 0, 0, 0.06));
	z-index: 100;
	padding: 9px 0px;
	-webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);
	-webkit-transition: height 0.5s ease;
	transition: height 0.5s ease
}

app>onboardingSetup.open {
	height: 275px
}

app>onboardingSetup close {
	position: absolute;
	right: 1em;
	top: 1.5em;
	z-index: 5
}

app>onboardingSetup arrow {
	position: absolute;
	margin: -0.875em 0 0px;
	top: 50%
}

app>onboardingSetup arrow.disabled {
	pointer-events: none;
	opacity: 0.1
}

app>onboardingSetup open .ui.grid {
	position: relative
}

app>onboardingSetup open .ui.grid>.row {
	height: 210px
}

app>onboardingSetup arrow.left {
	right: 100%;
	margin-right: 1em;
	padding-left: 14px
}

app>onboardingSetup arrow.left .icon {
	right: 100%;
	padding-left: 14px
}

app>onboardingSetup arrow.right {
	left: 100%;
	margin-left: 1em
}

app>onboardingSetup arrow.right .icon {
	padding-left: 18px
}

app>onboardingSetup arrow .icon {
	cursor: pointer;
	font-size: 36px;
	background-color: #fff;
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .18);
	box-shadow: 0 0 8px rgba(0, 0, 0, .18);
	width: 1.25em;
	color: #B4BFBA;
	top: 50%;
	height: 1.25em;
	border-radius: 500rem;
	padding-top: 12px;
	text-align: left;
	-webkit-transition: color .5s ease, -webkit-box-shadow .5s ease;
	transition: color .5s ease, -webkit-box-shadow .5s ease;
	transition: box-shadow .5s ease, color .5s ease;
	transition: box-shadow .5s ease, color .5s ease, -webkit-box-shadow .5s ease
}

app>onboardingSetup arrow:hover .icon {
	color: #71AA8C;
	-webkit-box-shadow: 0 0 14px rgba(0, 0, 0, .23);
	box-shadow: 0 0 14px rgba(0, 0, 0, .23)
}

app>onboardingSetup>open {
	position: absolute;
	left: 0px;
	bottom: 2em;
	width: 100%;
	z-index: 2
}

app>onboardingSetup>open>.ui.container {
	width: 800px;
	max-width: 100%;
	margin-left: auto !important;
	margin-right: auto !important
}

app>onboardingSetup>open .ui.progress {
	max-width: 500px;
	margin: 1rem auto 3rem !important
}

app>onboardingSetup>open .ui.progress .bar {
	height: 1em
}

app>onboardingSetup>open .ui.progress .label {
	padding-top: 5px
}

app>onboardingSetup>open stepColumn .item .icon {
	font-size: 1em
}

app>onboardingSetup>open stepColumn .item .number {
	margin-right: 8px;
	color: #a9a9a9;
	font-size: 12px;
	width: 12px;
	text-align: center;
	display: inline-block;
	vertical-align: top
}

app>onboardingSetup>open stepColumn .active.item .number {
	color: inherit
}

app>onboardingSetup>open stepColumn .completed.item .header {
	color: #4B946E !important
}

app>onboardingSetup>open steps.ui.secondary.segment {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	height: 150px;
	overflow: auto;
	padding: 5px 8px
}

app>onboardingSetup>open steps .item .header {
	color: rgba(0, 0, 0, 0.6)
}

app>onboardingSetup>open infoColumn .ui.header {
	font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif !important;
	font-size: 22px !important;
	font-weight: bold !important;
	text-transform: none !important
}

app>onboardingSetup>open infoColumn .header>.icon {
	vertical-align: -7px !important;
	margin-top: 10px;
	font-size: 36px !important
}

app>onboardingSetup>open infoColumn .header>.image {
	width: auto !important;
	height: 45px !important;
	vertical-align: -14px !important
}

app>onboardingSetup>open infoColumn p {
	font-size: 15px;
	min-height: 75px;
	line-height: 1.5
}

app>onboardingSetup>open infoColumn .ui.message {
	font-weight: bold;
	padding: 7px 1em 5px
}

app>onboardingSetup>closed {
	cursor: pointer;
	text-align: center;
	width: 100%;
	padding: 9px;
	position: absolute;
	z-index: 3;
	left: 0px;
	bottom: 0px;
	font-weight: bold;
	color: rgba(0, 0, 0, 0.4);
	-webkit-transition: background-color 0.2s ease;
	transition: background-color 0.2s ease
}

app>onboardingSetup>closed:hover {
	background-color: rgba(0, 0, 0, 0.04)
}

app>onboardingSetup>closed>.ui.header {
	font-size: 16px !important;
	margin-bottom: 2px;
	color: #222222
}

app>onboardingSetup>closed>.ui.header img {
	width: 1.5em;
	vertical-align: -6px;
	margin-right: 5px !important
}

app onboardingSetup>closed .ui.progress {
	display: inline-block;
	width: 54px;
	margin: 0px 5px 0px 0px !important
}

app onboardingSetup>closed>a {
	position: absolute;
	color: rgba(0, 0, 0, 0.6);
	right: 0px
}

app>onboardingSetup toggle.ui.bottom.attached.button {
	width: 50px;
	left: 50%;
	position: absolute;
	top: 100%;
	padding-top: 3px;
	background-image: none !important;
	background-color: #F0F0F0;
	margin-left: -25px;
	text-align: center;
	-webkit-box-shadow: 0px 4px 5px -1px rgba(0, 0, 0, 0.2) !important;
	box-shadow: 0px 4px 5px -1px rgba(0, 0, 0, 0.2) !important
}

app>onboardingSetup .revisit:hover {
	cursor: pointer
}

@media only screen and (max-width: 767px) {
	app>onboardingSetup.open {
		height: 210px
	}
	app>onboardingSetup>open infoColumn .ui.header {
		font-size: 18px !important
	}
	app>onboardingSetup>open infoColumn p {
		font-size: 14px
	}
	app>onboardingSetup>open>.ui.container {
		margin-left: 1rem !important;
		margin-right: 1rem !important
	}
	app>onboardingSetup open .ui.progress,
	app>onboardingSetup open .grid stepColumn.column.column.column.column,
	app>onboardingSetup open arrow {
		display: none !important
	}
	app>onboardingSetup open .ui.grid infoColumn.column.column.column.column.column {
		border-top: none !important;
		padding-top: 0em !important;
		padding-bottom: 1em !important
	}
}

onboardingPointer {
	position: absolute;
	font-family: 'Lato', Arial, sans-serif;
	width: 1px;
	height: 1px;
	text-shadow: none;
	z-index: 10
}

onboardingPointer>help,
onboardingPointer.simple:before {
	content: attr(data-text);
	position: absolute;
	left: 0%;
	top: 82px;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	font-size: 14px;
	max-width: 250px;
	background-color: #ffffff;
	padding: 1em;
	text-align: center;
	border: 1px solid #DFDFDF;
	z-index: 11;
	white-space: normal;
	border-radius: 5px;
	-webkit-box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	font-weight: bold;
	color: #333333
}

onboardingPointer>help>.ui.header {
	font-size: 16px !important;
	margin-bottom: 7px !important
}

onboardingPointer>help>.close.icon {
	position: absolute;
	cursor: pointer;
	right: 0px;
	top: 0px;
	background-color: #FFF;
	-webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.18);
	box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.18);
	width: 2em;
	height: 2em;
	border-radius: 500rem;
	padding: 0.25em 0.5em;
	border: 1px solid #dededf;
	color: #b0b9b4;
	text-align: center;
	margin: -1em -1em
}

onboardingPointer>help>.close.icon:hover {
	color: #333333
}

onboardingPointer:after {
	content: '';
	position: absolute;
	top: 0px;
	left: 0px;
	pointer-events: none;
	background-image: url(images/onboarding-pointer.png);
	margin-left: -37px;
	width: 75px;
	height: 76px;
	background-size: cover;
	-webkit-animation: point 1.4s ease-in-out infinite;
	animation: point 1.4s ease-in-out infinite
}

@keyframes point {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	50% {
		-webkit-transform: translateY(.3em);
		transform: translateY(.3em)
	}
}

orderFileSelector .menu>.item {
	max-width: 317px;
	overflow: hidden;
	text-overflow: ellipsis
}

orderFileSelector foldername {
	font-size: 12px;
	color: rgba(0, 0, 0, 0.2)
}

uploadFileList files name {
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
	font-weight: bold
}

uploadFileList files name:hover {
	color: #4183C4
}

uploadFileList files remove {
	float: right;
	cursor: pointer;
	font-size: 12px;
	color: #AAAAAA;
	margin-left: 1em
}

uploadFileList files remove:hover {
	color: #E09696
}

uploadFileList input[type="file"] {
	display: none
}

uploadFileList uploadFile.segment a {
	color: rgba(0, 0, 0, 0.6)
}

uploadFileList uploadFile.segment:hover a {
	color: #4183c4
}

uploadFileList uploadFile.segment {
	cursor: pointer;
	padding: 0.5em 0.5em !important;
	font-weight: bold;
	border-top: none !important
}

loadingProgressMeter.ui.progress {
	width: 500px !important;
	max-width: 100% !important;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 50%;
	margin-left: -250px !important;
	margin-top: -32px !important
}

loadingProgressMeter.ui.progress a.retry {
	margin-left: 5px
}

@media only screen and (max-width: 767px) {
	loadingProgressMeter.ui.progress {
		width: 85% !important;
		max-width: 85% !important;
		margin-left: -42.5% !important
	}
}

loadingGraphic {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	pointer-events: none
}

loadingGraphic scene {
	position: relative;
	-webkit-perspective: 1500px;
	perspective: 1500px;
	overflow: hidden;
	width: 1090px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	height: 169px;
	background: url(packages/qualia_loader/images/import/bg.png) no-repeat bottom center
}

loadingGraphic scene>* {
	position: absolute;
	visibility: hidden;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom
}

loadingGraphic.basic .foreground.one {
	display: none
}

loadingGraphic scene .foreground.one {
	visibility: visible;
	bottom: 0px;
	left: 35px;
	right: auto;
	width: 310px;
	height: 166px
}

loadingGraphic scene .foreground.two {
	visibility: visible;
	bottom: 0px;
	left: auto;
	right: 5%;
	width: 300px;
	height: 165px
}

loadingGraphic scene .bubble.one {
	top: 6px;
	left: 156px;
	width: 43px;
	height: 31px
}

loadingGraphic scene .bubble.two {
	top: 55px;
	left: 211px;
	width: 42px;
	height: 31px
}

loadingGraphic scene .bubble.three {
	top: 0px;
	left: 230px;
	width: 42px;
	height: 47px;
	z-index: 10
}

loadingGraphic scene .paper {
	-webkit-animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);
	animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1)
}

loadingGraphic scene .paper.one {
	top: 42px;
	right: 270px;
	width: 36px;
	height: 22px
}

loadingGraphic scene .paper.two {
	top: 63px;
	right: 250px;
	width: 45px;
	height: 18px
}

loadingGraphic scene .paper.three {
	top: 36px;
	right: 230px;
	width: 18px;
	height: 11px
}

loadingGraphic scene .paper.four {
	top: 19px;
	right: 246px;
	width: 40px;
	height: 12px
}

loadingGraphic scene .paper.one.fly.in {
	-webkit-animation: flyInOne;
	animation: flyInOne;
	-webkit-animation-duration: 1000ms;
	animation-duration: 1000ms
}

@-webkit-keyframes flyInOne {
	0% {
		-webkit-transform: translateX(-1366%) translateY(-102%);
		transform: translateX(-1366%) translateY(-102%)
	}
	100% {
		-webkit-transform: translateX(0%);
		transform: translateX(0%)
	}
}

@keyframes flyInOne {
	0% {
		-webkit-transform: translateX(-1366%) translateY(-102%);
		transform: translateX(-1366%) translateY(-102%)
	}
	100% {
		-webkit-transform: translateX(0%);
		transform: translateX(0%)
	}
}

loadingGraphic scene .paper.two.fly.in {
	-webkit-animation: flyInTwo;
	animation: flyInTwo;
	-webkit-animation-duration: 1000ms;
	animation-duration: 1000ms
}

@-webkit-keyframes flyInTwo {
	0% {
		-webkit-transform: translateX(-1164%) translateY(-218%);
		transform: translateX(-1164%) translateY(-218%)
	}
	100% {
		-webkit-transform: translateX(0%) translateY(-0%);
		transform: translateX(0%) translateY(-0%)
	}
}

@keyframes flyInTwo {
	0% {
		-webkit-transform: translateX(-1164%) translateY(-218%);
		transform: translateX(-1164%) translateY(-218%)
	}
	100% {
		-webkit-transform: translateX(0%) translateY(-0%);
		transform: translateX(0%) translateY(-0%)
	}
}

loadingGraphic scene .paper.three.fly.in {
	-webkit-animation: flyInThree;
	animation: flyInThree;
	-webkit-animation-duration: 1000ms;
	animation-duration: 1000ms
}

@-webkit-keyframes flyInThree {
	0% {
		-webkit-transform: translateX(-3150%) translateY(-130%);
		transform: translateX(-3150%) translateY(-130%)
	}
	100% {
		-webkit-transform: translateX(0%);
		transform: translateX(0%)
	}
}

@keyframes flyInThree {
	0% {
		-webkit-transform: translateX(-3150%) translateY(-130%);
		transform: translateX(-3150%) translateY(-130%)
	}
	100% {
		-webkit-transform: translateX(0%);
		transform: translateX(0%)
	}
}

loadingGraphic scene .paper.four.fly.in {
	-webkit-animation: flyInFour;
	animation: flyInFour;
	-webkit-animation-duration: 1000ms;
	animation-duration: 1000ms
}

@-webkit-keyframes flyInFour {
	0% {
		-webkit-transform: translateX(-1322%) translateY(-88%);
		transform: translateX(-1322%) translateY(-88%)
	}
	100% {
		-webkit-transform: translateX(0%);
		transform: translateX(0%)
	}
}

@keyframes flyInFour {
	0% {
		-webkit-transform: translateX(-1322%) translateY(-88%);
		transform: translateX(-1322%) translateY(-88%)
	}
	100% {
		-webkit-transform: translateX(0%);
		transform: translateX(0%)
	}
}

loadingGraphic scene .paper.one.fly.out {
	-webkit-animation: flyOutOne;
	animation: flyOutOne;
	-webkit-animation-duration: 900ms !important;
	animation-duration: 900ms !important
}

@-webkit-keyframes flyOutOne {
	0% {
		-webkit-transform: translateX(0%);
		transform: translateX(0%)
	}
	100% {
		-webkit-transform: translateX(-50%) translateY(400%) scale(0.01);
		transform: translateX(-50%) translateY(400%) scale(0.01)
	}
}

@keyframes flyOutOne {
	0% {
		-webkit-transform: translateX(0%);
		transform: translateX(0%)
	}
	100% {
		-webkit-transform: translateX(-50%) translateY(400%) scale(0.01);
		transform: translateX(-50%) translateY(400%) scale(0.01)
	}
}

loadingGraphic scene .paper.two.fly.out {
	-webkit-animation: flyOutTwo;
	animation: flyOutTwo;
	-webkit-animation-duration: 700ms !important;
	animation-duration: 700ms !important
}

@-webkit-keyframes flyOutTwo {
	0% {
		-webkit-transform: translateX(0%);
		transform: translateX(0%)
	}
	100% {
		-webkit-transform: translateX(-140%) translateY(320%) scale(0.01);
		transform: translateX(-140%) translateY(320%) scale(0.01)
	}
}

@keyframes flyOutTwo {
	0% {
		-webkit-transform: translateX(0%);
		transform: translateX(0%)
	}
	100% {
		-webkit-transform: translateX(-140%) translateY(320%) scale(0.01);
		transform: translateX(-140%) translateY(320%) scale(0.01)
	}
}

loadingGraphic scene .paper.three.fly.out {
	-webkit-animation: flyOutThree;
	animation: flyOutThree;
	-webkit-animation-duration: 400ms !important;
	animation-duration: 400ms !important
}

@-webkit-keyframes flyOutThree {
	0% {
		-webkit-transform: translateX(0%);
		transform: translateX(0%)
	}
	100% {
		-webkit-transform: translateX(-280%) translateY(780%) scale(0.04);
		transform: translateX(-280%) translateY(780%) scale(0.04)
	}
}

@keyframes flyOutThree {
	0% {
		-webkit-transform: translateX(0%);
		transform: translateX(0%)
	}
	100% {
		-webkit-transform: translateX(-280%) translateY(780%) scale(0.04);
		transform: translateX(-280%) translateY(780%) scale(0.04)
	}
}

loadingGraphic scene .paper.four.fly.out {
	-webkit-animation: flyOutFour;
	animation: flyOutFour;
	-webkit-animation-duration: 600ms !important;
	animation-duration: 600ms !important
}

@-webkit-keyframes flyOutFour {
	0% {
		-webkit-transform: translateX(0%);
		transform: translateX(0%)
	}
	100% {
		-webkit-transform: translateX(-173%) translateY(950%) scale(0.01);
		transform: translateX(-173%) translateY(950%) scale(0.01)
	}
}

@keyframes flyOutFour {
	0% {
		-webkit-transform: translateX(0%);
		transform: translateX(0%)
	}
	100% {
		-webkit-transform: translateX(-173%) translateY(950%) scale(0.01);
		transform: translateX(-173%) translateY(950%) scale(0.01)
	}
}

@media only screen and (max-width: 767px) {
	loadingGraphic {
		position: absolute;
		bottom: 0px;
		left: 0;
		width: 200%;
		max-width: none;
		pointer-events: none;
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
		-webkit-transform-origin: bottom left;
		transform-origin: bottom left
	}
}

#progress {
	pointer-events: none;
	opacity: 0;
	will-change: opacity;
	position: fixed;
	z-index: 1031;
	top: 0;
	left: 0;
	width: 100%;
	height: 2px;
	-webkit-filter: none !important;
	filter: none !important
}

#progress.busy {
	opacity: 1
}

#progress .bar {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: #8CB986;
	will-change: transform
}

#progress .peg {
	display: block;
	position: absolute;
	right: 0px;
	width: 100px;
	height: 2px;
	-webkit-box-shadow: 0 0 10px #00ff4e, 0 0 10px #00ff7e;
	box-shadow: 0 0 10px #00ff4e, 0 0 10px #00ff7e;
	opacity: 1.0;
	will-change: transform;
	-webkit-transform: rotate(2deg) translate(0px, -2px);
	transform: rotate(2deg) translate(0px, -2px)
}

fileDropArea {
	clear: both
}

fileDropArea.hidden {
	display: none !important
}

fileDropArea.over {
	background: #E0EFE7 !important;
	border-color: #B3CEB5 !important
}

fileDropArea>:not(.button) {
	pointer-events: none !important
}

fileDropArea.over .header>.icon {
	color: #99AD9A !important
}

replyForm attachments name {
	display: inline;
	font-weight: bold
}

replyForm attachments name:hover {
	color: #4183C4
}

replyForm attachments remove {
	display: inline;
	cursor: pointer;
	font-size: 12px;
	color: #AAAAAA;
	margin-left: 1em
}

replyForm attachments remove:hover {
	color: #4183c4
}

replyForm attachFile.ui.button {
	margin: 0px 0px 1em 0em !important
}

replyForm attachFile.ui.button input[type="file"] {
	display: none
}

replyForm actions {
	margin-top: 1em
}

replyForm .ql-toolbar {
	border-radius: 0.30769231rem 0.30769231rem 0 0
}

replyForm .ql-container {
	border-radius: 0 0 0.30769231rem 0.30769231rem;
	height: 12em;
	font-family: "Lato", "Helvetica Neue", Arial, sans-serif
}

.ui.modal steps.content {
	position: relative;
	padding: 1.5em 3em;
	border-radius: 5px 5px 0px 0px
}

.ui.modal steps.content h2 {
	font-size: 28px !important;
	margin-top: 0em !important;
	text-align: center;
	font-weight: bold;
	font-family: "Lato", Arial, sans-serif !important;
	margin-bottom: 2px
}

.ui.modal steps.content logo {
	width: 475px;
	height: 80px;
	margin: 0 auto;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50% 50%
}

.ui.modal steps.content>p {
	text-align: center;
	color: #AAA;
	font-size: 22px;
	margin: -12px 0px 24px
}

.ui.modal steps.content>h2+p {
	margin-top: -5px;
	margin-bottom: 0em
}

.ui.modal steps.content step {
	padding: 1em 0em;
	height: 355px
}

.ui.modal steps.content step>form {
	position: static
}

.ui.modal steps.content step>form>p {
	font-size: 18px
}

.ui.modal steps.content step>form>p b {
	color: #309861
}

.ui.modal steps.content step>form>.ui.tabular.dashboard.menu {
	margin-left: -3rem !important;
	margin-right: -3rem !important;
	padding-left: 3rem !important;
	padding-right: 3rem !important;
	margin-bottom: 2rem !important
}

.ui.modal steps.content step>form>.ui.tabular.dashboard.menu:first-child {
	margin-top: -40px !important
}

.ui.modal steps.content .steps.transition.hidden {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	visibility: hidden
}

.ui.modal steps.content .header.transition.hidden,
.ui.modal steps.content p.transition.hidden,
.ui.modal steps.content step.transition.hidden {
	display: block;
	visibility: hidden
}

.ui.modal>stepActions.actions {
	overflow: hidden
}

.ui.modal>stepActions.actions previousStep.button {
	float: left
}

.ui.modal stepActions.actions .ui.button.disabled {
	cursor: not-allowed !important;
	pointer-events: auto !important
}

.ui.modal steps.content .ui.form .field {
	clear: none;
	text-align: left
}

.ui.modal steps.content>.ui.form {
	position: static
}

.ui.modal steps.fullpage.content {
	height: 624px
}

.ui.modal steps.content choices {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0px auto 0px;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	background-color: #FFFFFF;
	border-radius: 10px;
	-webkit-box-shadow: 0 7px 16px 0 rgba(57, 76, 93, 0.13);
	box-shadow: 0 7px 16px 0 rgba(57, 76, 93, 0.13)
}

.ui.modal steps.content choices>.top.attached.label {
	top: 0px;
	z-index: 2;
	background-color: #F6F6F6
}

.ui.modal steps.content choice {
	position: relative;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	width: 50%;
	margin: 0em !important;
	padding: 3em 1em 1.5em;
	border-right: 1px solid rgba(32, 93, 93, 0.08);
	-webkit-transition: -webkit-box-shadow 0.3s ease;
	transition: -webkit-box-shadow 0.3s ease;
	transition: box-shadow 0.3s ease;
	transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease
}

.ui.modal steps.content choice content {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}

.ui.modal steps.content choice:last-child {
	border-right: none
}

.ui.modal steps.content choice .ui.statistic .label {
	color: #333333;
	margin-bottom: 10px
}

.ui.modal steps.content choice .ui.statistic .value {
	color: #555555
}

.ui.modal steps.content choice .button {
	margin-top: 1em
}

.ui.modal steps.content choice.active {
	background-color: #FFFFFF;
	-webkit-box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.08);
	box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.08)
}

.ui.modal steps.content choice.active .value {
	color: #449A6D !important
}

.ui.modal steps.content choice.inactive {
	background-color: #FBFBFB;
	opacity: 0.5;
	-webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2) inset;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2) inset
}

.ui.modal steps.content choice.inactive .ui.statistic .value {
	color: rgba(0, 0, 0, 0.2) !important
}

.ui.modal>.branded.content {
	background-color: #2A2B2A;
	background-image: linear-gradient(163deg, rgba(255, 255, 255, 0.14), rgba(0, 0, 0, 0.2)) !important
}

.ui.modal>.branded.content .ui.steps {
	background: transparent none;
	border: none
}

.ui.modal>.branded.content .ui.steps .step {
	background-color: rgba(255, 255, 255, 0.15);
	color: rgba(0, 0, 0, 0.6)
}

.ui.modal>.branded.content .ui.steps .step:after {
	display: none
}

.ui.modal>.branded.content .ui.steps .step.active {
	background-color: #FFFFFF
}

.ui.modal>.branded.content .buttons .or:before {
	background-color: #2A2B2A;
	color: rgba(255, 255, 255, 0.6) !important
}

.ui.modal>.branded.content .ui.steps .step.active:after {
	background-color: #FFFFFF
}

.ui.modal>.branded.content h2 {
	color: #FFFFFF
}

.ui.modal>.branded.content>p {
	color: rgba(255, 255, 255, 0.6)
}

.ui.modal>.branded.content logo+p {
	margin-top: 5px
}

.ui.modal>.branded.content stepList bg {
	display: none
}

.ui.modal .branded.content stepList>p {
	color: rgba(255, 255, 255, 0.5)
}

.ui.modal>.branded.content stepList .placeholder.segment .header {
	color: #FFFFFF !important
}

.ui.modal>.branded.actions {
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.3)));
	background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3))
}

@media screen and (max-width: 1024px) {
	.ui.modal steps.content h2+p {
		font-size: 19px
	}
	.ui.modal steps.content .ui.steps .step .title {
		font-size: 14px
	}
	.ui.modal steps.content {
		padding: 1.5em
	}
	.ui.modal steps.content .step short.title {
		display: block
	}
	.ui.modal steps.content .step long.title {
		display: none
	}
}

@media screen and (min-width: 1025px) {
	.ui.modal steps.content .step short.title {
		display: none
	}
	.ui.modal steps.content .step long.title {
		display: block
	}
}

@media only screen and (max-width: 767px) {
	.ui.modal steps.fullpage.content,
	.ui.modal steps.content {
		min-height: calc(100vh - 205px);
		height: auto
	}
	.ui.modal>.branded.content logo+p {
		font-size: 18px !important;
		padding-top: 5px !important;
		margin-bottom: 0rem !important
	}
	.ui.modal steps.content h2 {
		font-size: 20px !important
	}
	.ui.modal steps.content h2+p {
		font-size: 15px !important;
		margin-bottom: 5px !important;
		max-width: 80%;
		margin: -4px auto 0px !important
	}
	.ui.modal steps.content .fields:last-child .field:last-child {
		margin-bottom: 0em !important
	}
	.ui.modal steps.content .ui.large.form {
		font-size: 14px
	}
	.ui.modal steps.content .ui.steps {
		display: none !important
	}
	.ui.modal steps.content step {
		height: auto !important;
		padding-bottom: 0em !important
	}
	.ui.modal steps.content table.ui.table td[data-label]:before {
		width: 95px !important
	}
	.ui.modal>.branded.content logo {
		width: 70%;
		height: 50px
	}
}

.ui.modal stepList>search {
	float: right;
	margin-top: -7px
}

.ui.modal stepList>p {
	font-size: 18px;
	margin: -12px 0px 18px
}

.ui.modal stepList>p b {
	color: #0A1833
}

.ui.modal stepList .ui.items {
	overflow-x: hidden;
	max-height: 320px;
	overflow-y: auto;
	padding: 5px;
	margin: 5px -5px
}

.ui.modal stepList .ui.items .image {
	background-color: #FFFFFF;
	width: 120px !important;
	height: 55px !important;
	padding: 1em
}

.ui.modal stepList .ui.items .image img {
	width: 100%;
	height: auto
}

.ui.modal stepList .ui.items .content {
	position: relative
}

.ui.modal stepList .ui.items .image+.content .header {
	margin: 5px 0px 0px
}

.ui.modal stepList .ui.items .image .initials {
	padding: 4px 8px;
	line-height: 1;
	border-radius: 5px;
	font-size: 16px;
	text-align: center;
	font-weight: normal;
	font-family: 'Merriweather', 'Times New Roman', serif
}

.ui.modal stepList selectItem.ui.button {
	position: absolute;
	top: 50%;
	right: 0px;
	margin-top: -18px;
	width: 125px;
	text-transform: none
}

.ui.modal .fullpage.content stepList .ui.items {
	max-height: 475px
}

.ui.modal .fullpage.content logo~step stepList .ui.items {
	max-height: 398px
}

.ui.modal>.branded.content stepList .ui.items .item .header {
	color: #FFFFFF
}

.ui.modal>.branded.content stepList .item .meta {
	color: rgba(255, 255, 255, 0.8)
}

.ui.modal>.branded.content stepList ::-webkit-scrollbar-track {
	background: rgba(255, 255, 255, 0.1)
}

.ui.modal>.branded.content stepList ::-webkit-scrollbar-thumb {
	background: rgba(255, 255, 255, 0.25)
}

.ui.modal>.branded.content stepList ::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(255, 255, 255, 0.15)
}

.ui.modal>.branded.content stepList ::-webkit-scrollbar-thumb:hover {
	background: rgba(128, 135, 139, 0.8)
}

.ui.modal stepList .placeholder.segment {
	clear: both
}

.ui.modal stepList bg {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: transparent no-repeat center bottom;
	z-index: 1;
	pointer-events: none;
	background-size: auto 180px, auto auto;
	background-image: url(images/artwork/tools.png), linear-gradient(rgba(255, 255, 255, 0) 300px, #F9F9F9)
}

.ui.modal stepList bg+.segment {
	position: relative;
	z-index: 2;
	margin-top: -1em
}

.ui.modal stepList .placeholder.segment clearFilter {
	margin-top: 10px
}

@media only screen and (max-width: 767px) {
	.ui.modal stepList selectItem+.header {
		display: block !important;
		font-size: 16px !important;
		margin-right: 145px !important
	}
	.ui.modal stepList .ui.items {
		max-height: calc(100vh - 266px) !important
	}
}

.ui.modal>.login.content {
	background-color: #111111;
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
	text-align: center;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
	color: #FFFFFF;
	height: 696px !important
}

.ui.modal modalLogin .buttons .or:before {
	background-color: #111111
}

.ui.modal modalLogin {
	width: 100%;
	height: 655px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 2em 4em
}

.ui.modal modalLogin helpText {
	font-size: 16px;
	max-width: 500px;
	margin: 20px 0px 0px;
	color: rgba(255, 255, 255, 0.4)
}

.ui.modal modalLogin .error.message .icon {
	color: #FF2A27 !important;
	position: absolute;
	font-size: 16px;
	left: 1rem
}

.ui.modal modalLogin .ui.loader {
	color: #FFFFFF
}

.ui.modal modalLogin .ui.loader:after {
	border-color: #ffffff #ffffff #647177 #647177 !important
}

.ui.modal modalLogin .error.message {
	border-radius: 10px !important;
	padding: 10px;
	font-weight: bold;
	color: #FFE0DF !important;
	font-size: 14px
}

.ui.modal modalLogin logo {
	width: 475px;
	height: 100px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50% 50%
}

.ui.modal modalLogin logo+p {
	margin: 1rem 0rem 0rem
}

.ui.modal modalLogin a.back {
	position: absolute;
	left: 2rem;
	font-size: 16px;
	top: 2rem
}

.ui.modal modalLogin a:not(.ui) {
	color: rgba(255, 255, 255, 0.6)
}

.ui.modal modalLogin a:not(.ui):hover {
	color: rgba(255, 255, 255, 1)
}

.ui.modal modalLogin>p {
	font-size: 21px;
	color: #FFFFFF
}

.ui.modal modalLogin>.message~p {
	margin-top: 0em
}

.ui.modal modalLogin .ui.form {
	width: 400px;
	margin: auto
}

.ui.modal modalLogin .ui.form label {
	text-align: left
}

.ui.modal modalLogin .ui.form .field {
	clear: none
}

.ui.modal modalLogin .ui.form .forgot {
	float: right;
	font-size: 12px
}

.ui.modal modalLogin help {
	margin: auto auto 0px
}

.ui.modal modalLogin help h4.ui.header {
	margin-bottom: 5px
}

.ui.modal modalLogin help p {
	font-size: 14px;
	color: rgba(255, 255, 255, 0.5)
}

.ui.modal modalLogin help p a,
.ui.modal modalLogin help p b {
	color: #FFFFFF !important
}

.ui.modal modalLogin help p a:hover {
	text-decoration: underline
}

body.walkthrough {
	pointer-events: none
}

body.walkthrough .introjs-tooltipReferenceLayer {
	pointer-events: auto
}

body.walkthrough main {
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch
}

body.walkthrough .qualia.sidebar {
	will-change: initial !important
}

.introjs-overlay {
	position: absolute;
	z-index: 500;
	background-color: rgba(0, 0, 0, 0.6);
	opacity: 0;
	filter: alpha(opacity=50);
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out
}

.introjs-fixParent {
	z-index: auto !important;
	opacity: 1.0 !important;
	-webkit-transform: none !important;
	transform: none !important
}

.introjs-showElement,
tr.introjs-showElement>td,
tr.introjs-showElement>th {
	z-index: 9999999 !important
}

.introjs-disableInteraction {
	z-index: 99999999 !important;
	position: absolute;
	background-color: white;
	opacity: 0;
	filter: alpha(opacity=0)
}

.introjs-relativePosition,
tr.introjs-showElement>td,
tr.introjs-showElement>th {
	position: relative
}

.introjs-helperLayer {
	position: absolute;
	z-index: 9999998;
	background-color: #FFF;
	background-color: rgba(255, 255, 255, 0.6);
	border: 1px solid #777;
	border: 1px solid rgba(0, 0, 0, .5);
	border-radius: 4px;
	-webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, .4);
	box-shadow: 0 2px 15px rgba(0, 0, 0, .4);
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out
}

.introjs-tooltipReferenceLayer {
	position: absolute;
	visibility: hidden;
	z-index: 10000000;
	background-color: transparent;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out
}

.introjs-helperLayer *,
.introjs-helperLayer *:before,
.introjs-helperLayer *:after {
	-webkit-box-sizing: content-box;
	-ms-box-sizing: content-box;
	-o-box-sizing: content-box;
	box-sizing: content-box
}

.introjs-helperNumberLayer {
	position: absolute;
	visibility: visible;
	top: -16px;
	left: -16px;
	z-index: 9999999999 !important;
	padding: 2px;
	font-family: Arial, verdana, tahoma;
	font-size: 13px;
	font-weight: bold;
	color: white;
	text-align: center;
	background: #ff3019;
	background: -webkit-gradient(linear, left top, left bottom, from(#ff3019), to(#cf0404));
	background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%);
	width: 20px;
	height: 20px;
	line-height: 20px;
	border: 3px solid white;
	border-radius: 50%;
	filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0)";
	filter: "progid:DXImageTransform.Microsoft.Shadow(direction=135, strength=2, color=ff0000)";
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .4);
	box-shadow: 0 2px 5px rgba(0, 0, 0, .4)
}

.introjs-arrow {
	border: 5px solid white;
	content: '';
	position: absolute
}

.introjs-arrow.top {
	top: -10px;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: white;
	border-left-color: transparent
}

.introjs-arrow.top-right {
	top: -10px;
	right: 10px;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: white;
	border-left-color: transparent
}

.introjs-arrow.top-middle {
	top: -10px;
	left: 50%;
	margin-left: -5px;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: white;
	border-left-color: transparent
}

.introjs-arrow.right {
	right: -10px;
	top: 10px;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: white
}

.introjs-arrow.right-bottom {
	bottom: 10px;
	right: -10px;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: white
}

.introjs-arrow.bottom {
	bottom: -10px;
	border-top-color: white;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent
}

.introjs-arrow.left {
	left: -10px;
	top: 10px;
	border-top-color: transparent;
	border-right-color: white;
	border-bottom-color: transparent;
	border-left-color: transparent
}

.introjs-arrow.left-bottom {
	left: -10px;
	bottom: 10px;
	border-top-color: transparent;
	border-right-color: white;
	border-bottom-color: transparent;
	border-left-color: transparent
}

.introjs-tooltip {
	position: absolute;
	visibility: visible;
	padding: 10px;
	background-color: white;
	min-width: 200px;
	max-width: 300px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, .4);
	box-shadow: 0 1px 10px rgba(0, 0, 0, .4);
	-webkit-transition: opacity 0.1s ease-out;
	transition: opacity 0.1s ease-out
}

.introjs-tooltipbuttons {
	text-align: right;
	white-space: nowrap
}

.introjs-tooltipbuttons.buttons>.button:focus+.button {
	-webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.05) inset, 0 0 0 1px rgba(0, 0, 0, 0.13) inset, 0 1px 3px rgba(0, 0, 0, 0.15) !important;
	box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.05) inset, 0 0 0 1px rgba(0, 0, 0, 0.13) inset, 0 1px 3px rgba(0, 0, 0, 0.15) !important
}

.introjs-button .caret.icon {
	margin: 0px !important
}

.introjs-disabled,
.introjs-disabled:hover,
.introjs-disabled:focus {
	color: #9a9a9a;
	border-color: #d4d4d4;
	-webkit-box-shadow: none;
	box-shadow: none;
	cursor: default;
	background-color: #f4f4f4;
	background-image: none;
	text-decoration: none
}

.introjs-bullets {
	text-align: center;
	height: 35px
}

.introjs-bullets ul {
	clear: both;
	margin: 15px auto 0;
	padding: 0;
	display: inline-block
}

.introjs-bullets ul li {
	list-style: none;
	float: left;
	margin: 0 2px
}

.introjs-bullets ul li a {
	display: block;
	width: 6px;
	height: 6px;
	background: #ccc;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	text-decoration: none
}

.introjs-bullets ul li a:hover {
	background: #999
}

.introjs-bullets ul li a.active {
	background: #999
}

.introjs-progress {
	overflow: hidden;
	height: 10px;
	margin: 10px 0 5px 0;
	border-radius: 4px;
	background-color: #ecf0f1
}

.introjs-progressbar {
	float: left;
	width: 0%;
	height: 100%;
	font-size: 10px;
	line-height: 10px;
	text-align: center;
	background-color: #08c
}

.introjsFloatingElement {
	position: absolute;
	height: 0;
	width: 0;
	left: 50%;
	top: 50%
}

.introjs-fixedTooltip {
	position: fixed
}

.introjs-hint {
	position: absolute;
	background: transparent;
	width: 20px;
	height: 15px;
	cursor: pointer
}

.introjs-hint:focus {
	border: 0;
	outline: 0
}

.introjs-hidehint {
	display: none
}

.introjs-fixedhint {
	position: fixed
}

.introjs-hint:hover>.introjs-hint-pulse {
	border: 5px solid rgba(60, 60, 60, 0.57)
}

.introjs-hint-pulse {
	width: 10px;
	height: 10px;
	border: 5px solid rgba(60, 60, 60, 0.27);
	border-radius: 30px;
	background-color: rgba(136, 136, 136, 0.24);
	z-index: 10;
	position: absolute;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out
}

.introjs-hint-no-anim .introjs-hint-dot {
	-webkit-animation: none;
	animation: none
}

.introjs-hint-dot {
	border: 10px solid rgba(146, 146, 146, 0.36);
	background: transparent;
	border-radius: 60px;
	height: 50px;
	width: 50px;
	-webkit-animation: introjspulse 3s ease-out;
	animation: introjspulse 3s ease-out;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	position: absolute;
	top: -25px;
	left: -25px;
	z-index: 1;
	opacity: 0
}

@-webkit-keyframes introjspulse {
	0% {
		-webkit-transform: scale(0);
		opacity: 0.0
	}
	25% {
		-webkit-transform: scale(0);
		opacity: 0.1
	}
	50% {
		-webkit-transform: scale(0.1);
		opacity: 0.3
	}
	75% {
		-webkit-transform: scale(0.5);
		opacity: 0.5
	}
	100% {
		-webkit-transform: scale(1);
		opacity: 0.0
	}
}

.introjs-tooltip {
	margin-top: 8px;
	margin-left: -8px;
	padding: 10px 45px 10px 35px;
	min-width: 350px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.08)));
	background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.08));
	border: none;
	border-radius: 4px;
	-webkit-box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.2), 0px 0px 30px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.2), 0px 0px 30px rgba(0, 0, 0, 0.2)
}

.introjs-helperLayer {
	margin: -6px -8px;
	padding: 6px 8px;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

.introjs-tooltipheader {
	font-size: 18px;
	font-weight: bold;
	margin: 0.5em 0em
}

.introjs-tooltiptext {
	font-size: 15px;
	line-height: 20px
}

.introjs-skipbutton {
	border-radius: 4px !important
}

.introjs-bullets {
	text-align: center;
	height: 1em
}

.introjs-bullets ul {
	margin-top: 1em
}

.introjs-prevbutton {
	position: absolute;
	left: 20px;
	border-radius: 4px 0px 0px 4px !important;
	bottom: 14px
}

.introjs-prevbutton.disabled {
	display: none
}

.introjs-skipbutton {
	position: absolute;
	bottom: 14px
}

.introjs-skipbutton.disabled {
	display: none
}

.introjs-skipbutton.right {
	right: 20px;
	bottom: 8px
}

.introjs-nextbutton {
	position: absolute;
	right: 20px;
	bottom: 14px
}

.introjs-nextbutton.disabled {
	display: none
}

.introjs-bullets ul li a {
	width: 11px;
	height: 11px;
	background: #D0D0D0
}

.introjs-bullets ul li a.active {
	background: #4DAF7C;
	width: 11px;
	height: 11px;
	margin-top: 0px
}

.introjs-tooltip .close {
	position: absolute;
	top: 1em;
	right: 1em
}

.introjs-tooltip .arrow {
	position: absolute;
	top: 50%
}

.introjs-tooltip .arrow {
	outline: none;
	margin: -0.75em 0 0px;
	cursor: pointer;
	font-size: 36px;
	background-color: #fff;
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .18);
	box-shadow: 0 0 8px rgba(0, 0, 0, .18);
	width: 1.25em;
	color: #B4BFBA;
	height: 1.25em;
	border-radius: 500rem !important;
	padding-top: 0.325em;
	text-align: left;
	-webkit-transition: color .5s ease, -webkit-box-shadow .5s ease;
	transition: color .5s ease, -webkit-box-shadow .5s ease;
	transition: box-shadow .5s ease, color .5s ease;
	transition: box-shadow .5s ease, color .5s ease, -webkit-box-shadow .5s ease
}

.introjs-tooltip .arrow:hover {
	color: #71AA8C;
	-webkit-box-shadow: 0 0 14px rgba(0, 0, 0, .23);
	box-shadow: 0 0 14px rgba(0, 0, 0, .23)
}

.introjs-tooltip .arrow.prev {
	left: auto;
	right: 100%;
	margin-right: -0.6em
}

.introjs-tooltip .arrow.prev .icon {
	margin-left: 0.35em;
	width: auto
}

.introjs-tooltip .arrow.next {
	left: 100%;
	right: auto;
	margin-left: -0.6em
}

.introjs-tooltip .arrow.next .icon {
	padding-left: 0.175em
}

.introjs-tooltip .arrow.disabled {
	pointer-events: none;
	opacity: 0.1
}

.introjs-tooltip .check.icon {
	font-size: 0.75em;
	margin-left: 0.15em;
	vertical-align: 1px
}

.introjs-tooltip .close {
	position: absolute;
	top: 1em;
	font-size: 14px;
	bottom: auto;
	right: 1em;
	width: 20px;
	height: 20px;
	color: rgba(0, 0, 0, 0.3)
}

.introjs-tooltip .close:hover {
	color: rgba(0, 0, 0, 0.9)
}

eSignDocumentReview {
	border: none !important;
	padding: 0px !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important
}

eSignDocumentReview a.download {
	cursor: pointer;
	float: right;
	font-weight: bold
}

information linkToHOA {
	cursor: pointer;
	color: blue
}

errorPage {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100vw;
	height: 100vh
}

errorPage {
	background-color: #1E2527
}

errorPage:after {
	position: absolute;
	content: '';
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	opacity: 1;
	z-index: 1;
	background-image: url(https://www.qualia.com/transactional/images/header/home.png), linear-gradient(to top, #dfe9e4 300px, #FFF);
	background-position: bottom center;
	background-repeat: no-repeat;
	background-color: #dfe9e4
}

errorPage.initial:after {
	opacity: 0
}

errorPage .ui.container {
	position: relative;
	z-index: 2;
	width: 550px;
	margin: 0 auto
}

errorPage links.ui.grid {
	margin: 2em 0em
}

errorPage .ui.segment {
	padding: 3rem
}

errorPage .ui.container h1 {
	font-size: 38px;
	font-family: 'Lato', Arial, sans-serif !important;
	font-weight: bold
}

errorPage .ui.container h1 .sub.header {
	font-size: 24px
}

errorPage .ui.container .button {
	margin: 1em auto 0em
}

overlayMessage {
	position: fixed;
	pointer-events: none;
	top: 300px;
	margin-left: -305px;
	left: 50%;
	width: 610px;
	-webkit-animation-delay: 500ms;
	animation-delay: 500ms;
	background-color: #ffffff;
	z-index: 1000;
	font-size: 24px;
	color: #FFF;
	text-align: left;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.06)), to(rgba(0, 0, 0, 0.06)));
	background-image: linear-gradient(rgba(255, 255, 255, 0.06), rgba(0, 0, 0, 0.06));
	border-radius: 5px;
	padding: 25px 40px;
	-webkit-box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.2)
}

overlayMessage .loader {
	float: right;
	opacity: 1
}

overlayMessage .loader:after {
	border-color: transparent transparent rgba(255, 255, 255, 0.6) rgba(255, 255, 255, 0.6) !important;
	-webkit-animation-duration: 4s !important;
	animation-duration: 4s !important
}

overlayMessage .ui.header {
	margin: 0 !important;
	font-size: 26px !important
}

overlayMessage .ui.header .sub.header {
	font-size: 20px !important;
	margin-top: 0px
}

overlayMessage~.layout.container:after {
	position: fixed;
	top: 0;
	left: 0;
	content: '';
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.76);
	z-index: 1
}

overlayMessage:not(.green)~.layout.container>* {
	-webkit-filter: blur(2px);
	filter: blur(2px)
}

overlayMessage~.layout.container .ui.loader {
	visibility: hidden !important
}

overlayMessage.green {
	background-color: #45926A
}

overlayMessage.green .loader:after {
	border-color: rgba(255, 255, 255, 0.6) !important
}

@media only screen and (max-width: 767px) {
	overlayMessage {
		top: 150px !important;
		margin-left: 0px;
		left: 5%;
		width: 90%;
		padding: 1em
	}
	overlayMessage .ui.loader {
		display: block !important;
		float: none;
		margin: 0 auto 15px !important
	}
	overlayMessage .ui.header {
		font-size: 20px !important;
		text-align: center
	}
	overlayMessage .ui.header .sub.header {
		display: none
	}
}

#toast-container.toast-top-right {
	top: 80px !important;
	right: 14px !important
}

#toast-container .toast {
	width: 290px !important;
	z-index: 100 !important;
	opacity: 1 !important;
	-webkit-transition: 0.2s ease opacity, 0.2s ease box-shadow !important;
	transition: 0.2s ease opacity, 0.2s ease box-shadow !important;
	padding: 15px 15px 15px 70px !important;
	-webkit-box-shadow: 0px 10px 18px rgba(0, 0, 0, 0.25) !important;
	box-shadow: 0px 10px 18px rgba(0, 0, 0, 0.25) !important;
	color: rgba(0, 0, 0, 0.8) !important;
	background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.1))) !important !important;
	background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.1)) !important !important;
	background-repeat: repeat !important !important
}

#toast-container .toast-success {
	background-color: #FFFFFF !important
}

#toast-container .toast-title {
	font-size: 16px !important;
	margin-bottom: 4px !important;
	text-shadow: none !important
}

#toast-container .toast-message {
	font-size: 14px !important;
	line-height: 1.333 !important
}

#toast-container .toast:hover {
	-webkit-box-shadow: 0px 10px 18px rgba(0, 0, 0, 0.4) !important;
	box-shadow: 0px 10px 18px rgba(0, 0, 0, 0.4) !important
}

#toast-container .toast-success .toast-title {
	color: #277651 !important
}

#toast-container .toast-success:after {
	font-family: 'Flaticon' !important;
	content: "\e029" !important;
	position: absolute !important;
	top: 50% !important;
	left: 15px !important;
	margin-top: -10px !important;
	color: #d0dcd6 !important;
	font-size: 40px !important
}

#toast-container .toast-error {
	background-color: #fff4f4 !important
}

#toast-container .toast-error .toast-title {
	color: #c10b06 !important
}

#toast-container .toast-error:after {
	font-family: 'Flaticon' !important;
	content: "\e0d3" !important;
	position: absolute !important;
	top: 50% !important;
	left: 15px !important;
	margin-top: -10px !important;
	color: #c10b06 !important;
	font-size: 40px !important
}

@media only screen and (max-width: 1440px) {
	#toast-container .toast {
		width: 245px
	}
}

.ui.chat.windows {
	position: absolute;
	bottom: 0px;
	right: 0px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-ms-flex-direction: reverse;
	flex-direction: reverse
}

.ui.chat.windows>.chat.window:last-child {
	margin-right: 20px
}

.ui.chat.windows>.chat.window {
	margin-right: 1em;
	outline: none;
	width: 305px;
	background-color: #FFF;
	border-radius: 5px 5px 0px 0px;
	border: 1px solid rgba(56, 56, 56, 0.12);
	bottom: 0px;
	-webkit-box-shadow: 0px 4px 4px 0px rgba(34, 36, 38, 0.14), 0px 5px 20px -3px rgba(34, 36, 38, 0.3);
	box-shadow: 0px 4px 4px 0px rgba(34, 36, 38, 0.14), 0px 5px 20px -3px rgba(34, 36, 38, 0.3);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	z-index: 100;
	will-change: transition
}

.ui.chat.windows>.chat.window>.title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	cursor: default;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: #DFDFDF;
	margin: 0px -1px;
	border-radius: 5px 5px 0px 0px;
	padding: 8px 10px 7px;
	font-weight: bold;
	color: rgba(0, 0, 0, 0.6);
	-webkit-transition: opacity 0.2s ease;
	transition: opacity 0.2s ease
}

.ui.chat.windows>.chat.window>.title>.name {
	display: inline-block;
	vertical-align: top;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	width: calc(100% - 6em)
}

.ui.chat.windows>.chat.window>.title>status {
	display: inline-block;
	margin-right: 9px
}

.ui.chat.windows>.chat.window>.title>status .label {
	background-color: rgba(68, 68, 68, 0.2)
}

.ui.chat.windows>.chat.window>.title>.unread {
	margin-left: 4px;
	color: rgba(0, 0, 0, 0.6)
}

.ui.chat.windows>.chat.window>.title>.actions {
	margin-left: auto;
	margin-right: -4px
}

.ui.chat.windows>.chat.window>.title>.actions i.icon {
	cursor: pointer;
	opacity: 0.6;
	-webkit-transition: opacity 0.2s ease;
	transition: opacity 0.2s ease;
	width: 24px;
	height: 20px;
	font-size: 14px;
	margin: 0
}

.ui.chat.windows>.chat.window>.title>.actions i.icon:last-child {
	padding-right: 0px
}

.ui.chat.windows>.chat.window>.title>.actions i.icon:hover {
	opacity: 1
}

.ui.chat.windows>.chat.window>.title>.actions .dropdown>.menu {
	left: auto;
	right: 0px
}

.ui.chat.windows>.chat.window>.messages {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 0.75em;
	height: 290px;
	overflow: auto;
	will-change: transition
}

.ui.chat.windows>.chat.window>.messages::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 12px
}

.ui.chat.windows>.chat.window>.messages::-webkit-scrollbar-track {
	border-radius: 0px;
	background: rgba(0, 0, 0, 0.1)
}

.ui.chat.windows>.chat.window>.messages::-webkit-scrollbar-thumb {
	cursor: pointer;
	border-radius: 0px;
	-webkit-transition: color 0.2s ease;
	transition: color 0.2s ease;
	background: rgba(0, 0, 0, 0.15)
}

.ui.chat.windows>.chat.window>.messages::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(0, 0, 0, 0.08)
}

.ui.chat.windows>.chat.window>.messages::-webkit-scrollbar-thumb:hover {
	background: rgba(128, 135, 139, 0.5)
}

.ui.chat.windows>.chat.window>.messages>.ui.message {
	min-height: initial
}

.ui.chat.windows>.chat.window>.messages .message .author {
	font-weight: bold;
	margin-bottom: 3px
}

.ui.chat.windows>.chat.window>.messages .message .text {
	position: relative;
	display: inline-block;
	background-color: #EAEAEA;
	line-height: 16px;
	padding: 4px 10px 3px;
	border-radius: 10px
}

.ui.chat.windows>.chat.window>.messages .message .read {
	font-size: 10px;
	opacity: 0.6
}

.ui.chat.windows>.chat.window>.messages .message .author+.text:before {
	position: absolute;
	top: -3px;
	background-color: inherit;
	content: '';
	width: 7px;
	height: 7px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.ui.chat.windows>.chat.window>.messages .their.message {
	margin-right: 3em
}

.ui.chat.windows>.chat.window>.messages .their.message .author {
	padding-left: 5px
}

.ui.chat.windows>.chat.window>.messages .their.message .author+.text:before {
	left: 11px
}

.ui.chat.windows>.chat.window>.messages .their.message+.their.message {
	margin-top: 5px
}

.ui.chat.windows>.chat.window>.messages .your.message {
	text-align: right;
	margin-left: 3em
}

.ui.chat.windows>.chat.window>.messages .your.message .author {
	padding-right: 5px;
	color: #6F907F
}

.ui.chat.windows>.chat.window>.messages .your.message .text {
	text-align: left;
	background-color: #BCD8C9
}

.ui.chat.windows>.chat.window>.messages .your.message .author+.text:before {
	right: 11px
}

.ui.chat.windows>.chat.window>.messages .your.message+.your.message {
	margin-top: 5px
}

.ui.chat.windows>.chat.window>.messages .your.message+.their.message,
.ui.chat.windows>.chat.window>.messages .their.message+.your.message {
	margin-top: 10px
}

.ui.chat.windows>.chat.window>.messages>.time {
	font-size: 11px;
	letter-spacing: 0;
	margin: 0.5em 0em 0em;
	color: #000;
	opacity: 0.6;
	display: block;
	text-align: center
}

.ui.chat.windows>.chat.window>.messages>.time:first-child {
	margin-top: 0em
}

.ui.chat.windows>.chat.window>input[type="text"] {
	border: none;
	border-top: 1px solid #DDD;
	height: 41px;
	padding: 0px 10px;
	outline: none
}

.ui.chat.windows>.minimized.chat.window {
	width: 225px !important;
	-webkit-box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.14) !important;
	box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.14) !important;
	opacity: 0.9
}

.ui.chat.windows>.minimized.chat.window .minus.icon,
.ui.chat.windows>.minimized.chat.window .settings.icon,
.ui.chat.windows>.minimized.chat.window>.messages,
.ui.chat.windows>.minimized.chat.window>input[type="text"] {
	display: none
}

.ui.chat.windows>.minimized.chat.window>.title {
	cursor: pointer
}

.ui.chat.windows>.minimized.chat.window>.title:hover {
	background-color: #B3BCC0;
	color: #1D2427
}

.ui.chat.windows>.active.chat.window>.title {
	background-color: #C8CFD2;
	color: #1D2427
}

body {
	overflow-x: hidden;
	overflow-y: scroll !important
}

app {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	min-height: 100%
}

app>page {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}

app>footer {
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0
}

loadingPage page openTab>.ui.container {
	padding-top: 3rem
}

loadingPage app#home pageHeader {
	height: 408px
}

loadingPage app#home pageHeader bg {
	opacity: 0
}

loadingPage app#home tabContainer {
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

loadingPage app#home h3 {
	margin-top: 0rem !important;
	margin-bottom: 2rem
}

loadingPage #basic {
	display: none
}

loadingPage #basic page .ui.container {
	padding-top: 8rem
}

loadingPage.basic #home {
	display: none
}

loadingPage.basic #basic {
	display: block
}

@media only screen and (max-width: 1199px) {
	loadingPage app#home tabContainer {
		position: absolute;
		bottom: 0;
		left: 0rem;
		width: calc(100% - 4rem) !important
	}
}

pageHeader {
	position: relative;
	text-align: center;
	padding: 2em 0px 0px;
	background-color: #E8E8E8;
	-webkit-box-shadow: 0px -15px 15px -15px rgba(0, 0, 0, 0.2) inset;
	box-shadow: 0px -15px 15px -15px rgba(0, 0, 0, 0.2) inset
}

pageHeader bg {
	opacity: 0;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	pointer-events: none;
	-webkit-transition: opacity 2s ease;
	transition: opacity 2s ease
}

pageHeader .statistic a.value {
	cursor: pointer
}

pageHeader .statistic a.value:hover {
	color: #C5E2CB !important
}

pageHeader .statistic {
	min-width: 195px
}

pageHeader.init bg {
	opacity: 1
}

pageHeader .container {
	position: relative
}

pageHeader .ui.statistics {
	min-height: 71px
}

pageHeader .ui.statistics .value {
	word-break: break-all !important
}

pageHeader .ui.statistics {
	margin: 2em auto -1em !important;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

pageHeader h2.ui.header {
	font-size: 36px;
	margin-bottom: 1em
}

pageHeader h2.ui.header>.icon.image {
	height: 100px
}

pageHeader tabContainer {
	margin-top: 2em
}

pageHeader tabMenu.ui.tabular.menu {
	border-bottom: none !important
}

pageHeader tabMenu.ui.tabular.menu .ui.horizontal.label {
	margin-top: -2px;
	margin-bottom: -2px;
	min-width: 0px;
	background-color: #5BB586 !important;
	color: #FFFFFF !important;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4) !important
}

pageHeader.inverted .header .ui.label {
	background-color: rgba(31, 31, 31, 0.5) !important;
	color: #FFFFFF !important;
	vertical-align: 1px !important;
	margin-right: 2px
}

pageHeader.inverted .ui.tabular.menu {
	text-shadow: none;
	margin-bottom: -1px
}

pageHeader.inverted .ui.tabular.menu .item {
	-webkit-transition: none !important;
	transition: none !important
}

pageHeader.inverted .ui.tabular.menu .item:not(.active) {
	color: rgba(255, 255, 255, 0.6) !important
}

pageHeader.inverted .ui.tabular.menu .item:hover:not(.active) {
	color: rgba(255, 255, 255, 0.9) !important
}

pageHeader.inverted {
	display: block;
	background-color: #34505F;
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2)
}

page>openTab {
	padding-bottom: 6em
}

page>openTab>.container>.right.floated.button {
	position: relative;
	top: -0.75em
}

page>openTab>.container>.large.right.floated.button {
	position: relative;
	top: -0.5em
}

page>openTab>.container>.right.floated.button~h3.ui.header {
	margin-top: 0em
}

page>openTab>.ui.fluid.dashboard.menu {
	margin-bottom: 0em !important
}

.introjs-bullets {
	margin-bottom: 0em !important
}

page>openTab>.dashboard.menu~.ui.attached.message+.container,
page>openTab>.dashboard.menu+.container {
	padding-top: 2.5em
}

page>openTab dataEntry {
	position: relative;
	margin-right: 300px
}

page>openTab dataEntry dataEntryStatus {
	margin-bottom: 2rem !important
}

@media only screen and (max-width: 991px) {
	page>openTab dataEntry .ui.rail {
		display: none !important
	}
	page>openTab dataEntry {
		margin-right: 0px !important
	}
}

arrayInputList h4.ui.header {
	font-size: 11px !important;
	text-transform: uppercase !important
}

statusMessage {
	float: right;
	margin: 0em !important
}

statusMessage+h3.ui.header {
	margin-top: 0rem !important
}

.ui.table tr td>.empty.circular.label {
	vertical-align: -2px !important;
	margin-right: 5px !important
}

footer {
	margin-top: 3rem;
	font-size: 12px;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	padding-top: 1em;
	padding-bottom: 2em
}

footer links {
	float: right
}

footer links .item {
	font-size: 12px !important;
	padding-top: 6px
}

footer img {
	height: 20px;
	margin-right: 3px
}

footer copyright {
	display: inline-block;
	color: rgba(0, 0, 0, 0.4);
	margin-left: 10px;
	vertical-align: -1px
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
	.ui.visible.modal {
		-webkit-transform: none !important;
		transform: none !important
	}
	.ui.placeholder.segment {
		height: 180px;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}
	onboardingPointer help {
		width: 225px !important
	}
	signaturePDF topMenu {
		padding-top: 7px !important;
		padding-bottom: 0px !important
	}
}

@supports (-ms-ime-align: auto) {
	onboardingPointer help {
		width: 225px !important
	}
}

@media only screen and (max-width: 1440px) {}

@media only screen and (max-width: 1440px) {}

@media screen and (max-width: 1024px) {
	topbar userDropdown>.text {
		max-width: 120px
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	topbar exploreQualia.ui.button {
		display: none
	}
}

@media only screen and (max-width: 320px) {
	.ui.button.button,
	.ui.large.button.button,
	.ui.big.button.button {
		font-size: 13px !important
	}
}

@media only screen and (max-width: 400px) {
	#reportView td[data-label]:before {
		width: 85px !important
	}
}

@media only screen and (max-width: 767px) {
	* {
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
	}
	toggleReval {
		display: none !important
	}
	.ui.very.basic.basic.definition.table tr>td:first-child {
		text-align: left !important;
		padding-left: 0em !important
	}
	.ui.labeled.icon.buttons .button.button,
	.ui.labeled.icon.button.button {
		position: relative;
		padding-left: 3.5em !important;
		padding-right: 1.5em !important;
		text-align: center
	}
	table colgroup {
		display: none
	}
	input[type="date"] {
		min-height: 34px !important
	}
	topBar topbarSearch>.input>input {
		background-color: transparent !important;
		color: transparent !important;
		width: 0px !important;
		border: none !important
	}
	topBar topbarSearch>.input>input:focus {
		color: rgba(0, 0, 0, 0.8) !important
	}
	topBar topbarSearch>.results {
		width: 340px !important;
		margin-right: -56px !important
	}
	topbar.fixed notificationPopup {
		margin-top: 2rem !important
	}
	topBar notificationPopup .ui.feed {
		max-height: 189px !important;
		-webkit-overflow-scrolling: touch
	}
	topBar notificationPopup.ui.popup {
		right: 0px !important;
		width: 100% !important
	}
	topbar exploreQualia.ui.button {
		display: none !important
	}
	topbar exploreQualiaMobile.ui.button {
		display: inline-block !important
	}
	topbar openMobileMenu .icon {
		font-size: 18px
	}
	topbar openMobileMenu~.item {
		display: none !important
	}
	topBar notificationPopup.ui.popup:before {
		display: none !important
	}
	topbar pageLogo {
		display: none !important
	}
	topbar mobileLogo {
		display: block;
		position: absolute;
		margin: 4px 0px 0px -16px;
		left: 50%
	}
	topbar mobileLogo.left {
		left: 50px
	}
	topbar .right.menu userDropdown.ui.dropdown {
		display: none
	}
	composeMessagePopup.ui.popup:not(.add) {
		right: 0px !important;
		top: 6em !important;
		left: auto !important;
		width: calc(100% - 2em) !important;
		margin: 0em 1em !important;
		position: fixed;
		-webkit-transform-origin: center center !important;
		transform-origin: center center !important
	}
	#orderMessages .ui.container>createConversation {
		font-size: 14px !important
	}
	#orderMessages replyForm attachFile.ui.button {
		width: auto !important
	}
	pageHeader {
		padding-top: 6rem;
		padding-bottom: 1.5rem
	}
	pageHeader h2.ui.header {
		font-size: 28px !important
	}
	pageHeader .ui.icon.header .icon {
		font-size: 2rem !important
	}
	pageHeader .ui.statistics {
		margin-top: 1rem
	}
	pageHeader .ui.statistic {
		width: 46% !important;
		min-width: 0px
	}
	pageHeader .statistic {
		margin-top: 0em !important;
		margin-left: auto !important;
		margin-right: auto !important
	}
	pageHeader .ui.large.statistics .statistic>.value {
		font-size: 2rem !important
	}
	pageHeader bg {
		background-size: cover
	}
	pageHeader .ui.header .ui.label {
		display: block;
		width: 100px;
		margin: 6px auto 5px !important
	}
	page>openTab>.dashboard.menu~.ui.attached.message+.container,
	page>openTab>.dashboard.menu+.container {
		padding-top: 1.5rem !important
	}
	page>openTab {
		padding-bottom: 1em !important
	}
	openTab .container>.right.floated.button~h3.ui.header {
		text-align: center;
		margin-bottom: 1rem !important
	}
	.ui.tabular.dashboard.menu .item {}
	.tabular.dashboard.menu .transparent.input {
		width: 100% !important;
		padding: 0.5em 1em 0.5em !important
	}
	.ui.table thead {
		display: none !important
	}
	.ui.table:not(.unstackable) tr {
		position: relative
	}
	.ui.basic.table tbody tr {
		border-bottom: none !important
	}
	.ui.basic.table tbody tr:last-child {
		-webkit-box-shadow: none !important;
		box-shadow: none !important
	}
	.ui.very.table:not(.unstackable) tr>th,
	.ui.very.table:not(.unstackable) tr>td {
		padding-left: 0em !important;
		padding-right: 0em !important
	}
	.ui.cards>.card,
	.ui.card {
		-webkit-box-shadow: 0 0px 10px rgba(50, 50, 93, 0.1) !important;
		box-shadow: 0 0px 10px rgba(50, 50, 93, 0.1) !important
	}
	.ui.cards>.card>.content,
	.ui.card>.content {
		padding: 1rem
	}
	.ui.cards>.card>.extra.content,
	.ui.card>.extra.content {
		border-top: none !important;
		padding-top: 0rem !important
	}
	.ui.huge.secondary.menu {
		font-size: 1rem !important
	}
	.ui.top.attached.message {
		font-size: 14px !important
	}
	.ui.icon.message>.icon:not(.close) {
		font-size: 2rem !important
	}
	.ui.message p {
		font-size: 14px !important
	}
	.ui[class*="right floated"].buttons,
	.ui[class*="right floated"].button:not(attach) {
		float: none !important;
		width: 70% !important;
		margin: 1em 15% !important
	}
	.ui.placeholder.segment {
		min-height: 150px !important;
		padding-left: 2rem !important;
		padding-right: 2rem !important
	}
	.ui.placeholder.segment .icon.header>.icon {
		font-size: 2rem !important
	}
	.ui.placeholder.segment .icon.header {
		font-size: 16px !important
	}
	.ui.placeholder.segment .two.buttons {
		width: auto !important;
		-webkit-box-orient: vertical !important;
		-webkit-box-direction: normal !important;
		-ms-flex-direction: column !important;
		flex-direction: column !important
	}
	.ui.placeholder.segment .two.buttons .or {
		display: none
	}
	.ui.placeholder.segment .two.buttons>.button {
		width: 100% !important;
		border-radius: 4px !important;
		display: block;
		margin-bottom: 5px
	}
	.ui.placeholder.segment .two.buttons>.button:last-child {
		margin-bottom: 0em !important
	}
	#orders .ui.container,
	#quotes .ui.container {
		text-align: center
	}
	#orders orderFilterMenu.ui.dashboard.menu,
	#quotes quoteFilterMenu.ui.dashboard.menu {
		margin-left: 0em !important;
		margin-right: 0em !important;
		padding-left: 1em !important;
		padding-right: 1em !important;
		padding-top: 6px !important;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch
	}
	#orders orderFilterMenu.ui.dashboard.menu::-webkit-scrollbar,
	#quotes quoteFilterMenu.ui.dashboard.menu::-webkit-scrollbar {
		-webkit-appearance: none;
		height: 9px
	}
	#orders table.selectable tr:hover,
	#quote table.selectable tr:hover {
		background-color: #FFFFFF !important
	}
	#orders placeOrder.ui.button .long.text,
	#quotes placeOrder.ui.button .long.text {
		display: none !important
	}
	#orders placeOrder.ui.button .short.text,
	#quotes placeOrder.ui.button .short.text {
		display: block !important
	}
	#orders placeOrder.ui.button,
	#quotes placeOrder.ui.button {
		width: calc(50% - 0.5em) !important;
		right: 0rem !important;
		top: 1em !important;
		margin: 0 !important;
		left: auto;
		position: absolute
	}
	#orders getQuote.ui.button,
	#quotes getQuote.ui.button {
		width: calc(50% - 0.5em) !important;
		left: 0rem !important;
		top: 1em !important;
		margin: 0 !important;
		right: auto;
		position: absolute
	}
	#orders getQuote.ui.button>.menu,
	#quotes getQuote.ui.button>.menu {
		left: 0px !important;
		right: auto !important
	}
	#orders getQuote.ui.button>.menu:after,
	#quotes getQuote.ui.button>.menu:after {
		display: none
	}
	#orders h3.ui.header,
	#quotes h3.ui.header {
		margin-top: 1rem !important;
		margin-bottom: 0rem !important
	}
	#orders td.status,
	#quotes td.status {
		font-weight: normal
	}
	#orders statusMessage.ui.message,
	#quotes statusMessage.ui.message {
		float: none;
		position: absolute;
		top: 4.5em;
		width: 100%;
		left: 0px
	}
	#orderTasksContainer orderTasks.ui.items .image {
		width: 75% !important;
		height: 100px;
		border: 1px solid #D6E0DA
	}
	#orderTasksContainer orderTasks.ui.items .header {
		display: block !important
	}
	#orderTasksContainer orderTasks.ui.items .content {
		text-align: center !important
	}
	#orderTasksContainer orderTasks.ui.items status {
		position: static !important;
		margin-bottom: 1em !important;
		padding: 5px 10px !important
	}
	#orderTasksContainer orderTasks.ui.items .ui.button {
		width: auto !important;
		font-size: 16px
	}
	#orderTasksContainer .tasks.container taskProgress {
		float: none;
		width: 130px;
		float: right;
		margin-top: 2px;
		margin-bottom: 1.5em
	}
	#orderTasksContainer .tasks.container taskProgress .bar {
		height: 9px
	}
	#orderTasksContainer .task.container taskProgress {
		display: none
	}
	#orderTasksContainer dataEntryStatus+form {
		padding-top: 1rem
	}
	#orderTasksContainer task questions.grid {
		margin-left: -1rem !important;
		margin-right: -1rem !important
	}
	#orderTasksContainer task questions.grid>.row>.column:first-child {
		padding-bottom: 0rem !important
	}
	#orderTasksContainer .ui.rail {
		display: none
	}
	#orderTasksContainer .indent {
		padding: 1em 0em 1em 0em !important
	}
	#orderTasksContainer task {
		margin-top: 1em !important;
		margin-right: 0em !important
	}
	.ui.form .field>label {
		white-space: normal
	}
	.ui.breadcrumb {
		font-size: 15px !important;
		font-weight: bold
	}
	.ui.breadcrumb .divider {
		margin: 0em !important;
		width: 1em !important
	}
	.ui.breadcrumb>.icon {
		font-size: 14px !important
	}
	.ui.breadcrumb .icon+.content {
		padding-left: 5px !important
	}
	.ui.status.header {
		font-size: 16px !important
	}
	.ui.status.header:before {
		margin-right: 5px !important
	}
	.ui.request.table td.message .icon {
		font-size: 16px;
		padding-top: 0px;
		margin-top: -3px
	}
	.ui.request.table td.message content date {
		margin-left: 0px !important
	}
	.ui.request.table td.message .icon+content {
		margin-left: 25px;
		padding-top: 0px
	}
	.ui.popup {
		max-width: 100% !important;
		width: auto !important
	}
	editCard labelColumn p {
		display: none !important
	}
	editCard .ui.stackable.grid>labelColumn.column.column.column.column {
		padding-bottom: 0rem !important
	}
	editCard .ui.stackable.grid>fieldColumn.column.column.column.column {
		padding-top: 0rem !important;
		border-top: none !important
	}
	editCard fieldColumn value {
		padding-left: 0px !important
	}
	onboardingPointer>help,
	onboardingPointer.simple:before {
		left: -87px !important
	}
	#orderOverview .ui.container:first-child {
		padding-top: 2rem !important
	}
	#orderOverview orderProgress {
		margin-bottom: 3rem !important
	}
	#orderOverview orderProgress progressMeter {
		display: none !important
	}
	#orderOverview orderProgress .content>.header {
		padding: 5px 0px 8px !important
	}
	#orderOverview orderProgress.card orderStatus .ui.header {
		text-align: center;
		margin-bottom: 10px !important;
		font-size: 18px !important
	}
	#orderOverview orderProgress.card detailedStageDescription {
		font-size: 13px
	}
	#orderOverview orderProgress.card orderStatus b {
		display: block !important
	}
	#orderOverview orderProgress requestUpdate {
		float: right !important;
		position: static;
		width: auto !important;
		margin: -3px 0px 0px 0px !important;
		padding: 9px
	}
	#orderOverview orderProgress.card orderStatus.ui.segment {
		text-align: left;
		padding: 0px
	}
	#orderOverview orderProgress.card moreInfo>.grid {
		margin-left: -1rem !important;
		margin-right: -1rem !important;
		margin-bottom: 0rem !important
	}
	#orderOverview orderProgress.card moreInfo>.grid>.column {
		padding-bottom: 0em !important
	}
	#orderOverview contacts.card messageContact {
		display: inline-block;
		padding: 0px
	}
	requestUpdatePopup.ui.popup.popup.popup {
		width: auto !important;
		margin-left: 1rem
	}
	#orderOverview .card scroll {
		overflow: visible !important;
		max-height: none !important
	}
	#orderDashboard activities.card .request.table date {
		float: none !important
	}
	#orderDashboard activities.card .request.table td.message content message {
		margin-top: 5px
	}
	#quotes .ui.table td[data-label]:before {
		width: 115px !important
	}
	app>footer {
		margin-top: 1rem !important;
		background-color: #FAFAFA
	}
	app>footer>.container {
		text-align: center
	}
	app>footer .ui.horizontal.link.list {
		position: absolute;
		top: 2.5rem;
		left: 0px;
		width: 100%;
		text-align: center
	}
	app>footer .logo {
		display: block !important;
		margin: 0 auto 2.5em
	}
	#orderMessages .ui.container>createConversation {
		margin-top: -10px !important
	}
	#orderMessages addToThread.button {
		margin-top: 0em !important;
		margin-bottom: 1.5em !important
	}
	#orderMessages addToThread.button~h4 .active.section {
		display: block;
		margin-top: 5px
	}
	#orderMessages .ui.header>.icon {
		font-size: 16px;
		padding-top: 0px
	}
	#orderMessages table td:not(.unread):first-child {
		font-weight: normal
	}
	#orderMessages .ui.breadcrumb .section:not(.active) {
		font-size: 14px
	}
	#orderMessages .ui.breadcrumb .active.section {
		display: block;
		margin-top: 5px
	}
	#orderMessages .markUnreadDropdown {
		display: none !important
	}
	#orderMessages inboxThread message date {
		margin-top: -2px;
		font-size: 13px !important;
		float: none !important;
		margin-bottom: 12px
	}
	#orderMessages inboxThread message.ui.segment {
		padding: 1em 1.25em
	}
	#orderMessages inboxThread message .sub.header {
		font-size: 10px !important
	}
	#orderMessages inboxThread message .sub.header .circular.label {
		padding: 4px !important
	}
	#orderMessages replyForm attachFile.ui.button {
		width: auto !important
	}
	#reports .card .icon.header>.icon {
		font-size: 36px !important
	}
	#reportView page dateRange {
		margin-bottom: 10px
	}
	#reportView dateRange .sub.header {
		margin-bottom: 8px !important
	}
	#reportView page dateRange .field {
		margin: 0px auto 10px;
		width: 100%
	}
	#reportView page dateRange .field .label {
		width: 56px;
		text-align: center
	}
	#reportView page .ui.breadcrumb {
		margin-bottom: 1rem !important
	}
	#reportView page filters.segment {
		padding: 9px 11px;
		margin-top: 0em
	}
	#toast-container.toast-top-right {
		top: 90px !important
	}
	#manageTeam teamtable .ui.dropdown>.right.menu {
		left: 0 !important;
		right: auto !important
	}
	#orderDashboard openTab .ui.dashboard.menu:first-child {
		margin-left: 0em !important;
		margin-right: 0em !important;
		padding-left: 1em !important;
		padding-right: 1em !important;
		padding-top: 6px !important;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch
	}
	#orderDashboard openTab .ui.dashboard.menu:first-child::-webkit-scrollbar {
		-webkit-appearance: none;
		height: 9px
	}
	#orderLearn .cfpb.image {
		float: none !important;
		margin-bottom: 1rem !important
	}
	addressFields.fields {
		margin-bottom: 1em !important
	}
	composeMessage.ui.popup {
		width: 100% !important;
		left: auto !important;
		right: 0em !important;
		-webkit-transform-origin: top center !important;
		transform-origin: top center !important
	}
	composeMessage.ui.popup:before {
		display: none
	}
	dataEntryStatus.ui.message {
		padding: 9px 5px !important
	}
	dataEntryStatus.ui.message .ui.progress {
		width: 40px !important
	}
	dataEntryStatus .header {
		font-size: 15px !important
	}
	dataEntryStatus .header>context {
		display: none !important
	}
	dataEntryStatus missingInfo {
		margin-left: 5px !important
	}
	dataEntryStatus missingInfo>span {
		display: none !important
	}
	dataEntryStatus missingInfoPopup.ui.popup {
		margin-left: 1rem !important
	}
	licenseCards.ui.stackable.cards license.card.card.card {
		width: auto !important
	}
}

@media only screen and (min-width: 768px) {
	topbar openMobileMenu.item {
		display: none !important
	}
	topbar mobileLogo {
		display: none !important
	}
	tabContainer mobileMenu.ui.menu {
		display: none !important
	}
}

.at-title {
	margin-bottom: 1rem
}

.at-social-btn {
	margin-top: 1rem !important;
	margin-bottom: 1rem !important
}

.at-wrap {
	text-align: center
}

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

.at-grid {
	height: 100%
}

.at-column {
	max-width: 520px
}

.at-input.validating * {
	cursor: progress
}

.at-pwd-link {
	margin-bottom: 1rem
}

.at-signin-link,
.at-signup-link {
	margin-top: 1rem
}

.ui.top.attached.message+editCard.ui.card {
	margin-top: 0rem;
	border-top-right-radius: 0px;
	border-top-left-radius: 0px
}

editCard.ui.card {
	border: 1px solid #ececec;
	-webkit-box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, .07);
	box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, .07)
}

editCard.ui.card>.content {
	padding: 2em
}

editCard.ui.borderless.card {
	border: none
}

editCard.ui.flat.card {
	-webkit-box-shadow: none;
	box-shadow: none
}

editcard editMode {
	position: absolute;
	top: auto;
	right: 1em;
	font-size: 15px;
	z-index: 2
}

editCard .header+editFields {
	margin-top: 1.5rem !important
}

editCard>editButtons {
	margin-top: 0em !important;
	padding: 1em 1.25em !important;
	-webkit-box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.15) inset !important;
	box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.15) inset !important;
	background-color: #FBFBFB !important;
	-webkit-animation: 0.4s fadeInUp ease;
	animation: 0.4s fadeInUp ease
}

editCard editButtons save {
	margin-left: 10px
}

editCard editFields .grid .column:nth-child(2n+1) {
	-webkit-box-shadow: none !important;
	box-shadow: none !important
}

editCard labelColumn h5.ui.header {
	margin-bottom: 5px !important;
	font-weight: normal !important;
	text-transform: uppercase !important
}

editCard labelColumn p {
	font-size: 14px
}

editMode {
	cursor: pointer;
	padding: 7px 18px;
	-webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0), 0px 0px 0px 0px rgba(0, 0, 0, 0);
	box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0), 0px 0px 0px 0px rgba(0, 0, 0, 0);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	border-radius: 4px;
	font-weight: bold
}

editMode:hover {
	background-color: #FDFDFD;
	-webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.05), 0px 2px 6px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.05), 0px 2px 6px rgba(0, 0, 0, 0.2)
}

editMode:active {
	background-color: #FAFAFA;
	-webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.08) inset;
	box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.08) inset
}

editcard.editing editMode {
	display: none
}

editCard fieldColumn value {
	font-size: 16px;
	font-weight: bold;
	padding: 8px 8px;
	color: #000000
}

editCard fieldColumn value.unavailable {
	color: #AAAAAA
}

editCard fieldColumn value.empty {
	cursor: pointer;
	color: #AAAAAA
}

editCard fieldColumn value.empty:hover {
	color: #6094C7
}

editCard.basic.ui.card {
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none
}

editCard.basic.ui.card editMode {
	margin-top: -0.5em;
	right: 0em
}

editCard.basic.ui.card>.content {
	padding: 2em 0em
}

editCard.basic.ui.card>editButtons.content {
	-webkit-box-shadow: none;
	box-shadow: none;
	background-color: #FFFFFF !important
}

editCard downloadfile {
	display: inline
}

copyableField {
	text-transform: none !important;
	text-align: center !important
}

copyableField .value {
	white-space: nowrap;
	font-weight: bold
}

copyableField .copy {
	position: relative;
	top: -2px;
	white-space: nowrap;
	font-size: 11px;
	-webkit-transition: color 0.5s ease;
	transition: color 0.5s ease;
	color: #A3A4A5
}

copyableField .copy.active {
	color: #87E692
}

verticalMenuGrid {
	position: relative;
	min-height: 700px !important
}

verticalMenuGrid content.column {
	padding-top: 11px !important
}

verticalMenuGrid:not(.reversed) content.column {
	padding-right: 0.75em !important
}

verticalMenuGrid menu.column {
	margin: 0 !important;
	width: 240px !important;
	-webkit-box-flex: 0 !important;
	-ms-flex-positive: 0 !important;
	flex-grow: 0 !important;
	padding-top: 0px !important
}

verticalMenuGrid menu.column .ui.sticky {
	left: auto !important
}

verticalMenugrid menu.column .ui.sticky>.ui.vertical.right.tabular.menu.menu {
	-webkit-box-shadow: none !important;
	box-shadow: none !important
}

verticalMenuGrid menu.column>.border {
	position: absolute;
	width: 1px;
	height: 100%;
	background-color: #cfd5d8;
	-webkit-box-shadow: 3px 0 6px rgba(0, 0, 0, 0.2);
	box-shadow: 3px 0 6px rgba(0, 0, 0, 0.2)
}

verticalMenuGrid menu.column .vertical.tabular.menu {
	-webkit-box-shadow: none !important;
	box-shadow: none !important
}

verticalMenuGrid menu.column menuDiv {
	margin-bottom: 1rem
}

tabMenu>.item>name {
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 1.1em;
	max-width: 25em
}

verticalMenuGrid .bottom.attached.segment>tabMenu.ui.text.menu {
	margin: -5px 0px -9px !important
}

verticalMenuGrid .bottom.attached.segment>tabMenu.ui.text.menu>.item {
	padding-top: 4px !important;
	padding-bottom: 4px !important
}

verticalMenuGrid .bottom.attached.segment>tabMenu.ui.text.menu>.item:only-child {
	margin-bottom: -20px !important
}

openTab {
	display: block;
	clear: both
}

tabMenu>.item>.circle.help.icon {
	margin-left: 5px !important;
	pointer-events: all;
	opacity: 1 !important;
	color: rgba(0, 0, 0, 0.6) !important
}

tabContainer mobileMenu.ui.tabular.dashboard.menu {
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	margin: 1rem -1rem -1.5rem -1rem !important;
	padding-left: 1rem !important;
	padding-right: 1rem !important;
	padding-bottom: 10px !important;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.3))) !important;
	background-image: linear-gradient(rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.3)) !important;
	border: none
}

tabContainer mobileMenu.ui.tabular.dashboard.menu .item:hover {
	background-color: rgba(0, 0, 0, 0) !important
}

tabContainer mobileMenu.ui.tabular.dashboard.menu .active.item {
	background-color: rgba(11, 45, 30, 0.52) !important;
	color: #FFFFFF !important
}

tabContainer mobileMenu.ui.menu .item>.label {
	float: right;
	min-width: 20px;
	background-color: rgba(255, 255, 255, 0.15) !important
}

tabContainer mobileMenu.ui.menu .active.item>.label {
	background-color: rgba(255, 255, 255, 0.15) !important
}

tabContainer mobileMenu.ui.tabular.dashboard.menu::-webkit-scrollbar {
	-webkit-appearance: none;
	height: 9px
}

tabContainer mobileMenu.ui.tabular.dashboard.menu::-webkit-scrollbar-track {
	border-radius: 0px;
	background: rgba(0, 0, 0, 0.0)
}

tabContainer mobileMenu.ui.tabular.dashboard.menu::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background: rgba(255, 255, 255, 0.2)
}

tabContainer mobileMenu.ui.tabular.dashboard.menu:hover::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background: rgba(255, 255, 255, 0.4)
}

@media only screen and (max-width: 767px) {
	pageHeader tabContainer tabMenu.ui.menu {
		display: none !important
	}
	pageHeader tabContainer {
		margin-top: 1rem !important
	}
}

propertyLink {
	cursor: pointer;
	font-size: 13px;
	font-weight: bold;
	float: right;
	color: rgba(0, 0, 0, 0.4)
}

propertyLink .icon {
	margin: 0px 0px 0px 3px;
	color: #9FB5AA
}

propertyLink:hover {
	color: #4DAF7C
}

propertyLink:hover .icon {
	color: #4DAF7C
}

propertyPopup.ui.popup {
	max-width: none;
	width: 765px
}

propertyPopup.ui.popup map,
propertyPopup.ui.popup panorama {
	position: relative;
	width: 350px;
	height: 250px
}

propertyPopup.ui.popup .rendered .loader {
	display: none
}

propertyPopup.embedded {
	max-width: 900px
}

propertyPopup.embedded map,
propertyPopup.embedded panorama {
	position: relative;
	width: 100%;
	height: 250px;
	margin: 0 auto;
	border: 1px solid #d4d5d6;
	-webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.15);
	border-radius: 4px
}

propertyPopup.embedded .rendered .loader {
	display: none
}

@media only screen and (max-width: 767px) {
	propertyPopup.ui.popup {
		width: 100% !important;
		left: 0em !important;
		right: auto !important;
		-webkit-transform-origin: top center !important;
		transform-origin: top center !important
	}
	propertyPopup.ui.popup map,
	propertyPopup.ui.popup panorama {
		position: relative;
		width: 100%;
		height: 250px
	}
	propertyPopup.ui.popup .ui.grid .column {
		width: 100% !important
	}
	propertyPopup.ui.popup .ui.grid .column:last-child {
		display: none !important
	}
	propertyPopup.ui.popup:before {
		display: none !important
	}
}

composeMessagePopup attachedFiles {
	background-color: #FFFFFF;
	margin-bottom: -1px;
	overflow: hidden
}

composeMessagePopup attachedFiles file {
	padding: 9px 8px;
	font-weight: bold;
	width: 33.333%;
	float: left;
	border-bottom: 1px solid #DCDCDC
}

composeMessagePopup attachedFiles file:nth-child(n+1) {
	border-right: 1px solid #DCDCDC
}

composeMessagePopup attachedFiles file name {
	display: inline-block;
	max-width: calc(100% - 3em);
	white-space: nowrap;
	overflow: hidden;
	vertical-align: top;
	text-overflow: ellipsis;
	cursor: pointer
}

composeMessagePopup attachedFiles file name:hover {
	color: #4183C4
}

composeMessagePopup attachedFiles file .delete.icon {
	float: right
}

composeMessagePopup attachedFiles.table {
	border-top: 1px solid #DBDBDD
}

composeMessagePopup attachedFiles.table .placeholder.segment {
	border-top: none;
	border-left: none;
	border-right: none;
	border-radius: 0px
}

composeMessagePopup attachedFiles.table tr file {
	width: 100%;
	border: none;
	padding: 5px
}

composeMessagePopup {
	width: 550px !important;
	max-width: none !important;
	text-align: left !important;
	margin-bottom: 1.5em !important
}

composeMessagePopup .hidden.field {
	display: none
}

composeMessagePopup textarea[data-key="body"] {
	height: 250px !important;
	min-height: 0px !important;
	max-height: 500px !important;
	resize: none !important
}

composeMessagePopup .shrunk textarea[data-key="body"] {
	height: 211px !important
}

composeMessagePopup.success {
	width: 340px !important;
	background-color: #F7FFF7;
	border: 2px solid #87BF9A
}

composeMessagePopup actions {
	display: block;
	padding: 8px 13px
}

composeMessagePopup actions form,
composeMessagePopup addCC,
composeMessagePopup addBCC {
	margin-top: 7px;
	float: right
}

composeMessagePopup .ui.active.red.label {
	background-color: #D40707 !important
}

composeMessagePopup actions attachCount {
	display: inline-block;
	padding: 5px 8px;
	background-color: #FFFFFF;
	border-radius: 4px;
	border: 1px solid #CFD8D0;
	color: #424242;
	margin: 1px 0px 0px 1em
}

composeMessagePopup.ui.popup .body.field {
	margin-left: -1px;
	margin-right: -1px
}

composeMessagePopup addCC,
composeMessagePopup addBCC {
	cursor: pointer;
	color: rgba(0, 0, 0, 0.5);
	-webkit-transition: color 0.2s ease;
	transition: color 0.2s ease;
	margin-right: -10px
}

composeMessagePopup addCC:hover,
composeMessagePopup addBCC:hover {
	color: rgba(0, 0, 0, 0.8)
}

composeMessagePopup actions form {
	margin-right: 2em
}

composeMessagePopup actions sendEmailConfirm {
	margin: 0em
}

composeMessagePopup actions .settings {
	float: right;
	margin: 7px 0px 0px 14px;
	color: #565555;
	font-size: 16px;
	opacity: 0.5
}

composeMessagePopup attachFile input[type="file"] {
	display: none
}

composeMessagePopup orderFileSelector.button {
	float: right;
	margin-right: 5px
}

composeMessagePopup misclickZone {
	position: absolute;
	top: 100%;
	right: 100%;
	width: 150px;
	margin: -75px -100px 0px 0px;
	height: 115px;
	z-index: -1
}

composeMessagePopup send {
	position: relative
}

composeMessagePopup actions .basic.button {
	margin-top: -1px !important;
	text-transform: none !important
}

composeMessagePopup .field:first-child+actions {
	border-top: 1px solid #DCDCDC
}

composeMessagePopup attachFile.ui.button {
	float: right;
	margin: 0px 0px 0px 5px
}

composeMessagePopup customAttachmentButton.ui.button {
	float: right;
	margin: 0px 0px 0px 5px
}

composeMessagePopup attachedFiles+actions {
	border-top: 1px solid #DCDCDC
}

composeMessagePopup fileDropArea.ui.placeholder.segment {
	position: absolute;
	top: 0px;
	margin: 0;
	left: 0px;
	width: 100%;
	background-color: rgba(255, 255, 255, 0.6);
	height: 100%;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border-radius: 0px !important;
	border: none !important
}

composeMessagePopup fileDropArea.ui.placeholder.segment.over {
	background: rgba(224, 239, 231, 0.7) !important
}

composeMessagePopup>.header .close.icon {
	top: 14px;
	font-size: 12px;
	position: absolute;
	right: 10px
}

@media only screen and (max-width: 767px) {
	composeMessagePopup>.header .close.icon {
		display: block
	}
	composeMessagePopup orderFileSelector.ui.dropdown.dropdown.dropdown.dropdown>.icon {
		margin: 0em !important
	}
	composeMessagePopup orderFileSelector.ui.dropdown.dropdown.dropdown.dropdown>.text {
		display: none !important
	}
	composeMessagePopup orderFileSelector.ui.dropdown.dropdown.dropdown.dropdown>.menu {
		min-width: 0px;
		width: 222px !important
	}
}

composeMessagePopup .ql-toolbar.ql-snow {
	margin-left: 0px;
	margin-right: 0px;
	border-left: none;
	border-right: none;
	padding: 4px;
	border-top-color: rgba(34, 36, 38, 0.15) !important;
	border-bottom-color: rgba(34, 36, 38, 0.15) !important
}

composeMessagePopup .ql-container {
	margin-left: 0px;
	margin-right: 0px;
	border-left: none;
	border-right: none;
	height: 16em;
	border-bottom-color: #DBDBDD !important;
	font-family: "Lato", "Helvetica Neue", Arial, sans-serif
}

composeMessagePopup .ql-editor {
	padding: 10px 12px
}

composeMessagePopup.static {
	width: auto !important;
	margin: 1rem 0rem!important;
	width: auto !important
}

composeMessagePopup.static actions {
	padding: 8px 0px 0px !important
}

composeMessagePopup.static:first-child {
	margin-top: 0rem !important
}

composeMessagePopup.static:last-child {
	margin-bottom: 0rem !important
}

licenseDetailEditor license .delete.icon {
	position: absolute;
	top: 1em;
	right: 1em;
	font-size: 18px !important
}

licenseDetailEditor p.description {
	font-size: 16px;
	margin-bottom: 0em
}

#firstTimePlaceOrderModalAddressSelection step {
	padding-top: 20px
}

#firstTimePlaceOrderModalAddressSelection img {
	float: right;
	width: 300px
}

#firstTimePlaceOrderModalAddressSelection img+content {
	margin-right: 350px
}

@media only screen and (max-width: 767px) {
	#firstTimePlaceOrderModalAddressSelection step {
		padding-top: 0px
	}
	#firstTimePlaceOrderModalAddressSelection img {
		float: none;
		display: block;
		width: 50%;
		margin: 0 auto
	}
	#firstTimePlaceOrderModalAddressSelection img+content {
		margin: 1rem 0rem 0rem
	}
	#firstTimePlaceOrderModalAddressSelection step .header {
		display: none
	}
}

@media only screen and (max-width: 767px) and (max-height: 667px) {
	#firstTimePlaceOrderModalAddressSelection img {
		float: none;
		display: block;
		width: 35%
	}
}

addContactPopup.ui.popup {
	width: 350px !important;
	max-width: none !important
}

#connectESignDocumentReview {
	border: none !important;
	padding: 0px !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important
}

#connectESignDocumentReview a.download {
	cursor: pointer;
	float: right;
	font-weight: bold
}

#godModeMergeOrganizationsModal p {
	font-size: 16px
}

#firstTimePlaceOrderModal logo {
	height: 60px
}

@media only screen and (max-width: 767px) {
	#firstTimePlaceOrderModal steps {
		min-height: calc(100vh - 105px) !important
	}
}

placeOrder.ui.button .long.text {
	display: block
}

placeOrder.ui.button .short.text {
	display: none
}

#placeOrderModal input[type="file"] {
	display: none
}

#placeOrderModal noAgencies.message {
	float: right;
	padding: 4px 8px;
	position: absolute;
	top: -10px;
	margin: 0em;
	right: 0px
}

#placeOrderModal file name {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

#reviewQuoteModal>.content {
	position: relative;
	padding: 1.5em 1em
}

#reviewQuoteModal expandedView {
	margin: 0em 1em
}

#reviewQuoteModal condensedView .statistics {
	margin-top: -0.5em !important;
	margin-bottom: -0.5em !important
}

#reviewQuoteModal expandedView viewSummary.ui.button {
	margin-top: 1em;
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	text-transform: none
}

#reviewQuoteModal expandedView disclaimer {
	margin: 1rem 0rem 0rem;
	color: rgba(0, 0, 0, 0.4);
	font-size: 11px
}

@media screen and (max-width: 1024px) {
	#reviewQuoteModal condensedView {
		display: block;
		margin: 0em 1em
	}
	#reviewQuoteModal expandedView {
		display: none
	}
}

@media screen and (min-width: 1025px) {
	#reviewQuoteModal condensedView {
		display: none
	}
	#reviewQuoteModal expandedView {
		display: block
	}
}

@media only screen and (max-width: 767px) {
	#reviewQuoteModal condensedView viewSummary.ui.button {
		margin-top: 0em !important
	}
}

#reviewQuoteModal condensedView disclaimer {
	margin: 1rem;
	color: rgba(0, 0, 0, 0.4);
	font-size: 13px
}

#shareQuoteModal>.content {
	position: relative;
	padding: 1rem 1.5rem
}

#shareQuoteModal>.content p {
	font-size: 16px
}

addSettlementAgencyPopup.ui.popup {
	width: 350px !important;
	max-width: none !important
}

#lenderSettlementAgencyDetail {
	padding-top: 2rem
}

#lenderSettlementAgencyDetail page .ui.breadcrumb {
	margin-bottom: 2rem
}

realEstateAgencyAddSettlementAgencyPopup.ui.popup {
	width: 350px !important;
	max-width: none !important
}

#realEstateAgencySetupSettlementAgenciesModal label {
	color: rgba(0, 0, 0, 0.87) !important
}

#inviteUserModal div[data-schema-key="is_admin"] {
	margin-top: .55em
}

#inviteUserModal explainer h4 .image {
	width: 40px;
	height: auto;
	vertical-align: -17px
}

#inviteUserModal explainer p {
	line-height: 1.8;
	color: #777777
}

#onboardingModalConnectDisabledWelcome .ui.image {
	height: 307px
}

#onboardingModalConnectDisabledWelcome p {
	font-size: 22px;
	margin-top: 38px;
	color: #888888;
	max-width: 600px;
	margin: 24px auto 40px
}

#onboardingModalConsumerClosingGuide .image {
	margin-top: 4rem;
	height: 250px
}

@media only screen and (max-width: 767px) {
	#onboardingModalConsumerClosingGuide .ui.image {
		height: auto
	}
}

#onboardingModalConsumerInsurance .insurance.link {
	margin-top: 1em
}

#onboardingModalConsumerInsurance progressiveContainer {
	margin-top: 5rem;
	padding-top: 2em;
	padding-bottom: 2em
}

#onboardingModalConsumerInsurance .progressive .image {
	height: 40px;
	width: auto;
	display: block;
	margin: auto auto 1em auto
}

#onboardingModalConsumerInsurance .sponsored {
	position: absolute;
	right: 10px;
	top: 1em
}

@media only screen and (max-width: 767px) {
	#onboardingModalConsumerInsurance progressiveContainer {
		margin-top: 1rem
	}
}

#onboardingModalConsumerWelcome .ui.image {
	height: 307px
}

@media only screen and (max-width: 767px) {
	#onboardingModalConsumerWelcome .ui.image {
		height: auto
	}
}

#onboardingModalDetails {
	background-color: #FFFFFF
}

#onboardingModalDetails h2 {
	margin-bottom: 25px
}

#onboardingModalDetails.content>p {
	font-size: 19px !important;
	text-align: left !important;
	margin: 0 auto 15px;
	max-width: 600px;
	color: #4c4c4c !important;
	line-height: 24px
}

#onboardingModalDetails .ui.image {
	height: 215px
}

#onboardingModalDetails yourClosing .table {
	font-size: 16px
}

#onboardingModalOffice profileGrid {
	margin-top: 20px
}

#onboardingModalOffice profileGrid .column img {
	max-width: 420px;
	margin: 0 auto
}

#onboardingModalOffice profile .header .icon {
	float: right;
	color: #BEC2C5;
	margin: 0px 0px -5px
}

#onboardingModalProfile profile .header .icon {
	float: right;
	color: #BEC2C5;
	margin: 0px 0px -5px
}

#onboardingModalProfile profileGrid .column>img {
	max-width: 420px;
	margin: 0px auto
}

browser:not(.large) {
	-webkit-box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
	box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
	border-radius: 5px;
	max-width: 530px
}

browser navbar {
	background-color: #CFCFCF;
	height: 28px;
	padding: 10px 12px;
	border-radius: 5px 5px 0px 0px
}

browser navbar circle {
	float: right;
	margin-left: 5px;
	border-radius: 500px;
	width: 8px;
	height: 8px
}

browser navbar circle.one {
	background-color: #7CC04F
}

browser navbar circle.two {
	background-color: #E9BC33
}

browser navbar circle.three {
	background-color: #E45D55
}

browser screen {
	border-radius: 0px 0px 5px 5px;
	background-color: #FFFFFF
}

browser screen img {
	border-radius: 0px 0px 5px 5px
}

.feature.ribbon .secondary.menu {
	position: relative;
	border-bottom-color: #EFF2F3
}

.feature.ribbon .secondary.menu .active.item {
	border-color: transparent !important
}

.feature.ribbon .secondary.menu pointer {
	pointer-events: none;
	position: absolute;
	bottom: -2px;
	height: 2px;
	width: 20%;
	background-color: #4DAF7C;
	-webkit-transition: left .5s cubic-bezier(0.22, 0.61, 0.36, 1);
	transition: left .5s cubic-bezier(0.22, 0.61, 0.36, 1)
}

.feature.ribbon .secondary.menu .active+.item+.item+.item+.item+pointer {
	left: 0
}

.feature.ribbon .secondary.menu .active+.item+.item+.item+pointer {
	left: 20%
}

.feature.ribbon .secondary.menu .active+.item+.item+pointer {
	left: 40%
}

.feature.ribbon .secondary.menu .active+.item+pointer {
	left: 60%
}

.feature.ribbon .secondary.menu .active+pointer {
	left: 80%
}

.feature.ribbon detail {
	position: relative;
	padding: 0px;
	margin-top: 10px;
	height: 420px
}

.feature.ribbon detail copy {
	float: right;
	width: 365px;
	text-align: left !important;
	margin: 30px 0px 0px !important
}

.feature.ribbon detail copy .ui.button {
	margin-bottom: 8px
}

.feature.ribbon detail copy p {
	font-size: 19px
}

.feature.ribbon detail copy promo h4 {
	margin-top: -22px
}

.feature.ribbon detail .tab graphic browser {
	float: left
}

.feature.ribbon detail graphic>img {
	margin-left: -25px
}

.feature.ribbon {
	clear: both
}

.feature.ribbon bg {
	pointer-events: none;
	position: absolute;
	top: 0px;
	left: 0%;
	width: 100%;
	height: 100%;
	z-index: -1;
	background-image: radial-gradient(ellipse 75% 55% at 50% 50%, #E2F1EA 0, #FFFFFF 50%)
}

.feature.ribbon h2+p {
	text-align: center;
	max-width: 900px;
	margin-left: auto;
	margin-right: auto
}

.feature.ribbon .secondary.menu {
	position: relative;
	border-bottom-color: #EFF2F3 !important
}

.feature.ribbon .secondary.menu .active.item {
	border-color: transparent !important
}

.feature.ribbon .secondary.menu .item short {
	display: none
}

.feature.ribbon .secondary.menu pointer {
	pointer-events: none;
	position: absolute;
	bottom: -2px;
	height: 2px;
	width: 20%;
	background-color: #4DAF7C;
	-webkit-transition: left .5s cubic-bezier(0.22, 0.61, 0.36, 1);
	transition: left .5s cubic-bezier(0.22, 0.61, 0.36, 1)
}

.feature.ribbon .secondary.menu .active+.item+.item+.item+.item+pointer {
	left: 0
}

.feature.ribbon .secondary.menu .active+.item+.item+.item+pointer {
	left: 20%
}

.feature.ribbon .secondary.menu .active+.item+.item+pointer {
	left: 40%
}

.feature.ribbon .secondary.menu .active+.item+pointer {
	left: 60%
}

.feature.ribbon .secondary.menu .active+pointer {
	left: 80%
}

.feature.ribbon graphic {
	margin-right: 385px
}

.feature.ribbon graphic img {
	max-height: 385px;
	max-width: 100%
}

.feature.ribbon .more {
	position: relative
}

.feature.ribbon .more .image {
	position: absolute;
	-webkit-box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.14), 0px 2px 20px -3px rgba(34, 36, 38, 0.15);
	box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.14), 0px 2px 20px -3px rgba(34, 36, 38, 0.15)
}

.feature.ribbon .more .first.image {
	top: 78px;
	left: 31px;
	z-index: 10
}

.feature.ribbon .more .second.image {
	top: 0px;
	left: 218px
}

.feature.ribbon copy.secondary.segment {
	background-color: rgba(163, 171, 175, 0.15);
	padding: 3em;
	width: 400px
}

.feature.ribbon mobileFeatures.ui.menu {
	display: none
}

.feature.ribbon .tab {
	position: absolute;
	width: 100%
}

.feature.ribbon .tab.visible {
	z-index: 2
}

.feature.ribbon .tab.in {
	-webkit-animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);
	animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);
	z-index: 2
}

.feature.ribbon .tab.out {
	-webkit-animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);
	animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);
	z-index: 1
}

.feature.ribbon .out.animating.tab copy {
	visibility: hidden !important
}

@keyframes fadeInLeft {
	0% {
		opacity: 0.8;
		-webkit-transform: translateX(10%);
		transform: translateX(10%)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0%);
		transform: translateX(0%)
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0.8;
		-webkit-transform: translateX(-10%);
		transform: translateX(-10%)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0%);
		transform: translateX(0%)
	}
}

@keyframes fadeOutLeft {
	0% {
		opacity: 0.5;
		-webkit-transform: translateX(0%);
		transform: translateX(0%)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(12%);
		transform: translateX(12%)
	}
}

@keyframes fadeOutRight {
	0% {
		opacity: 0.5;
		-webkit-transform: translateX(0%);
		transform: translateX(0%)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(-12%);
		transform: translateX(-12%)
	}
}

@media only screen and (max-width: 1200px) {
	.feature.ribbon graphic {
		margin-right: 385px
	}
	.feature.ribbon copy {
		width: 340px !important;
		margin: 80px 0 0!important
	}
	.feature.ribbon detail graphic>img {
		margin-left: -16px
	}
}

@media only screen and (max-width: 991px) {
	.feature.ribbon .secondary.menu .item long {
		display: none
	}
	.feature.ribbon .secondary.menu .item short {
		display: block
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.feature.ribbon graphic {
		margin-right: 330px
	}
	.feature.ribbon detail copy {
		margin-top: 30px !important
	}
	.feature.ribbon detail copy {
		width: 305px !important;
		margin-top: 25px !important
	}
	.feature.ribbon detail copy p {
		font-size: 17px !important
	}
}

@media only screen and (max-width: 767px) {
	.feature.ribbon {
		height: auto !important
	}
	.feature.ribbon detail {
		height: auto !important
	}
	.feature.ribbon graphic {
		margin: 0 auto
	}
	.feature.ribbon .tab {
		position: static
	}
	.feature.ribbon detail copy promo h4 {
		margin-top: 0px
	}
	.feature.ribbon detail copy promo .ribbon.label {
		position: static;
		-webkit-transform: none;
		transform: none;
		border-radius: 5px;
		margin: 0px 0px 10px;
		padding: 5px 8px
	}
	.feature.ribbon detail copy promo .ribbon.label:after {
		display: none
	}
	.feature.ribbon .visible.tab {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse
	}
	.feature.ribbon detail {
		margin-top: 1rem !important
	}
	.feature.ribbon standardFeatures {
		display: none !important
	}
	.feature.ribbon mobileFeatures {
		display: block !important
	}
	.feature.ribbon mobileFeatures .item {
		text-align: center
	}
	.feature.ribbon bg {
		display: none
	}
	.feature.ribbon detail {
		top: 0em
	}
	.feature.ribbon detail .tab {
		background-color: #F0F0F0;
		padding: 1.5em;
		-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2) inset;
		box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2) inset;
		border-radius: 5px
	}
	.feature.ribbon detail .tab copy {
		width: 280px !important;
		margin: 0px auto 0px !important;
		float: none !important;
		text-align: center !important
	}
	.feature.ribbon detail .tab copy p {
		font-size: 16px !important
	}
	.feature.ribbon detail .tab graphic browser {
		float: none
	}
	.feature.ribbon detail .tab graphic img {
		margin: 0 auto !important;
		max-width: 100%
	}
}

@media only screen and (max-width: 320px) {}

#onboardingModalWalkthrough {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

#onboardingModalWalkthrough .ui.image {
	height: 340px;
	margin-top: 25px
}

#onboardingModalWalkthrough+.actions skipWalkthrough.mobile.only {
	margin: 0em 0em 1em !important
}

#onboardingModalWelcome .ui.image {
	height: 307px
}

#onboardingModalWelcome p {
	font-size: 22px;
	margin-top: 38px;
	color: #888888;
	max-width: 600px;
	margin: 24px auto 40px
}

#onboardingModalWelcome videoFrame {
	width: 665px;
	margin: 0 auto;
	border: 1px solid #EAEAEA;
	padding: 6px;
	-webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.12);
	border-radius: 6px;
	max-width: 100%;
	margin-top: 30px
}

#orderDetailsHidden .ui.container {
	padding-top: 2rem
}

#orderMessages inboxThread emailFooter {
	margin-top: 1rem;
	font-size: 1rem;
	color: rgba(0, 0, 0, 0.6)
}

#orderMessages tr.unread {
	font-weight: bold
}

#orderMessages tr td.parties>.text {
	display: inline-block;
	max-width: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: top
}

#orderMessages tr td requiresResponse {
	float: right;
	margin: -5px 0px
}

#viewEmailModal .content {
	min-height: 500px
}

#viewEmailModal .content iframe {
	width: 100%;
	height: 500px;
	border: none
}

nonplatformDetailCard td .help.icon {
	float: right
}

nonplatformOrderProgress.card .ui.progress {
	margin: 2.5em 2em 4em 1.5em
}

nonplatformOrderProgress.card table td:last-child {
	width: 1px;
	white-space: nowrap;
	font-size: 13px;
	color: #AAAAAA
}

nonplatformOrderProgress.card table .red.icon {
	color: #CEBDBD !important
}

nonplatformOrderProgress.card orderStatus.ui.segment {
	padding: 5px
}

nonplatformOrderProgress.card orderStatus .ui.header {
	margin-bottom: 0em !important;
	letter-spacing: 0.02em
}

nonplatformOrderProgress.card orderStatus .header b {
	color: #399062
}

nonplatformOrderProgress.card orderStatus .description {
	color: rgba(0, 0, 0, 0.4)
}

nonplatformOrderProgress.card orderStatus .description p {
	margin: 0px !important
}

nonplatformOrderProgress.card td.download {
	width: 95px
}

nonplatformOrderProgress.card .link {
	font-size: 12px;
	font-weight: bold;
	text-transform: none;
	white-space: nowrap
}

nonplatformOrderProgress.card .link>.dropdown.icon {
	margin-left: 2px
}

nonplatformOrderProgress.card .link>i.file.icon,
nonplatformOrderProgress.card .link>.text>i.file.icon {
	margin-right: 1px
}

nonplatformOrderProgress.card orderAcceptance.marker {
	left: 15% !important
}

nonplatformOrderProgress.card titleProcessing.marker {
	left: 30% !important
}

nonplatformOrderProgress.card closingPrep.marker {
	left: 55% !important
}

nonplatformOrderProgress.card closing.marker {
	left: 70% !important
}

nonplatformOrderProgress.card postClosing.marker {
	left: 85% !important
}

@media only screen and (max-width: 1100px) {
	nonplatformOrderProgress.card orderAcceptance.marker {
		left: 15% !important
	}
	nonplatformOrderProgress.card titleProcessing.marker {
		left: 32.5% !important
	}
	nonplatformOrderProgress.card closingPrep.marker {
		left: 50% !important
	}
	nonplatformOrderProgress.card closing.marker {
		left: 67.5% !important
	}
	nonplatformOrderProgress.card postClosing.marker {
		left: 85% !important
	}
}

nonplatformOrderProgress.card viewMore {
	cursor: pointer;
	color: #AAAAAA;
	text-align: center;
	font-weight: bold;
	font-size: 13px
}

nonplatformOrderProgress.card viewMore:hover {
	color: #4DAF7C
}

requestUpdatePopup.ui.popup {
	width: 350px !important;
	max-width: none !important
}

requestUpdatePopup .secondary.segment {
	font-size: 13px;
	font-weight: bold;
	color: #999;
	padding: 7px 11px
}

orderCards activities.card .request.table .icon {
	padding-top: 1px
}

orderCards activities.card .request.table date {
	float: right;
	margin: 1px 0px 0px 5px
}

orderCards contacts.card scroll {
	max-height: 312px;
	padding: 1em 0em 0em
}

orderCards contacts.card td.selectable {
	width: 1px
}

orderCards contacts.card td b {
	color: #65947b
}

orderCarts contact.card td .green.icon {
	color: #d7e1dd
}

orderCards contacts.card td .disabled.icon {
	opacity: 0.1 !important
}

orderCards contacts.card td .mobile.icon {
	font-size: 20px !important
}

orderCards contacts.card td.selectable {
	cursor: pointer
}

orderCards contacts.card messageContact {
	cursor: pointer
}

orderCards contacts.card messageContact:hover>.icon {
	color: #abc5b7;
	opacity: 1
}

orderCards contacts.card messageContact mobileText {
	display: none;
	font-size: 12px;
	font-weight: bold;
	color: #a7b7b0
}

orderCards contacts.card partiesInfoPopup.ui.popup {
	max-width: 350px
}

@media only screen and (max-width: 767px) {
	orderCards contacts.card messageContact mobileText {
		display: inline-block
	}
	orderCards contacts.card messageContact>.icon {
		font-size: 12px !important;
		vertical-align: 1px;
		margin-left: 5px
	}
	orderCards contacts.card td {
		display: none !important
	}
	orderCards contacts.card td:nth-child(1),
	orderCards contacts.card td:nth-child(2) {
		display: block !important
	}
	orderCards contacts.card td[data-label] {
		display: block !important;
		text-align: left
	}
	orderCards contacts.card.card.card td[data-label]:before {
		width: 80px !important;
		padding-top: 1px;
		color: #AAAAAA
	}
	orderCards contacts.card td.selectable.selectable {
		display: none !important
	}
}

@media only screen and (min-width: 768px) {
	orderCards contacts.card td[data-label] {
		display: none !important
	}
	orderCards contacts.card td:nth-child(1),
	orderCards contacts.card td:nth-child(2),
	orderCards contacts.card td:nth-child(3) {
		display: table-cell !important
	}
}

orderCards detailCard td .help.icon {
	float: right
}

#orderOverview #summary .help.icon {
	float: none
}

#orderOverview signingTable.ui.popup {
	width: 450px
}

#orderOverview signingTable.ui.popup>.header {
	padding: 10px 10px
}

#orderOverview signingTable.ui.popup table.ui.table {
	margin: 0rem;
	border-radius: 5px
}

#orderOverview signingTable.ui.popup table tr td:first-child {
	background-color: #FFFFFF !important
}

@media only screen and (max-width: 767px) {
	#orderOverview signingTable.ui.popup {
		width: 100% !important;
		left: 0em !important;
		right: auto !important;
		-webkit-transform-origin: top center !important;
		transform-origin: top center !important
	}
}

#orderOverview messages td attachCount {
	float: right;
	margin: -3px 0px;
	font-size: 10px
}

#orderDashboard messages.card th:last-child {
	width: 100px
}

#orderOverview messages.card td>.text {
	white-space: nowrap
}

orderProgress.card .ui.progress {
	margin: 2.5em 2em 4em 1.5em
}

orderProgress.card .ui.progress .bar {
	min-width: 0px
}

orderProgress.card table td:last-child {
	width: 1px;
	white-space: nowrap;
	font-size: 13px;
	color: #AAAAAA
}

orderProgress.card table .red.icon {
	color: #CEBDBD !important
}

orderProgress.card orderStatus.ui.segment {
	padding: 5px
}

orderProgress.card orderStatus .ui.header {
	margin-bottom: 0em !important;
	letter-spacing: 0.02em
}

orderProgress.card orderStatus .header b {
	color: #399062
}

orderProgress.card orderStatus .header.cancelled b {
	color: #e05354;
}

orderProgress.card orderStatus .header.rejected b {
	color: #e05354;
}

orderProgress.card orderStatus .description {
	color: rgba(0, 0, 0, 0.4)
}

orderProgress.card orderStatus .description p {
	margin: 0px !important
}

orderProgress.card detailedStageDescription {
	text-align: center;
	color: rgba(0, 0, 0, 0.4)
}

orderProgress.card td.download {
	width: 95px
}

orderProgress.card .link {
	font-size: 12px;
	font-weight: bold;
	text-transform: none;
	white-space: nowrap
}

orderProgress.card .link>.dropdown.icon {
	margin-left: 2px
}

orderProgress.card .link>i.file.icon,
orderProgress.card .link>.text>i.file.icon {
	margin-right: 1px
}

orderProgress.card .orderAcceptance.marker {
	left: 15% !important
}

orderProgress.card .titleProcessing.marker {
	left: 30% !important
}

orderProgress.card .closingPrep.marker {
	left: 55% !important
}

orderProgress.card .closing.marker {
	left: 70% !important
}

orderProgress.card .postClosing.marker {
	left: 85% !important
}

@media only screen and (max-width: 1100px) {
	orderProgress.card .orderAcceptance.marker {
		left: 15% !important
	}
	orderProgress.card .titleProcessing.marker {
		left: 32.5% !important
	}
	orderProgress.card .closingPrep.marker {
		left: 50% !important
	}
	orderProgress.card .closing.marker {
		left: 67.5% !important
	}
	orderProgress.card .postClosing.marker {
		left: 85% !important
	}
}

orderProgress.card viewMore {
	cursor: pointer;
	color: #AAAAAA;
	text-align: center;
	font-weight: bold;
	font-size: 13px
}

orderProgress.card viewMore:hover {
	color: #4DAF7C
}

requestUpdatePopup.ui.popup {
	width: 350px !important;
	max-width: none !important
}

requestUpdatePopup .secondary.segment {
	font-size: 13px;
	font-weight: bold;
	color: #999;
	padding: 7px 11px
}

#authorizePayoffsTask addPayoffAuthorization+p {
	font-size: 16px;
	margin: -3px 0em 3em
}

#authorizePayoffsTask removeAuthorization {
	text-transform: none !important
}

#authorizePayoffsTask removeAuthorization .icon {
	vertical-align: top
}

#commissionInformationTask {
	font-size: 16px
}

#commissionInformationTask applyEarnest {
	margin-top: 1px
}

#commissionInformationTask task paymentInfo .read.only.field input {
	background-image: none !important
}

#commissionInformationTask earnestFields {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

#commissionInformationTask earnestFields>.message {
	width: 100%;
	margin: 18px 51px 0px 6px;
	font-weight: bold
}

#commissionInformationTask earnestFields subTotal {
	width: 160px
}

#commissionInformationTask removeListingFee {
	margin-top: 23px !important
}

#commissionInformationTask removeSellingFee {
	margin-top: 23px !important
}

#commissionInformationTask noListingFeesPlaceholder {
	min-height: 140px !important
}

#commissionInformationTask noSellingFeesPlaceholder {
	min-height: 140px !important
}

@media only screen and (max-width: 1080px) {
	#orderTasksContainer task paymentInfo.fields {
		-ms-flex-wrap: wrap !important;
		flex-wrap: wrap !important
	}
	#orderTasksContainer task paymentInfo.fields .field {
		margin-bottom: 1em !important
	}
}

@media only screen and (max-width: 767px) {
	#commissionInformationTask earnestFields>.message {
		margin: 0px 0px 10px 0px
	}
	#commissionInformationTask earnestFields subTotal {
		width: 100%
	}
}

.ui.attendance.table>thead th {
	font-size: 13px
}

.ui.attendance.table>thead th .date {
	color: #4DAF7C;
	font-size: 15px;
	font-weight: bold
}

.ui.attendance.table>thead th .day {
	font-weight: normal;
	font-size: 11px;
	color: #AAAAAA
}

.ui.attendance.table>thead tr:last-child th:first-child {
	-webkit-box-shadow: -1px -1px 0px 0px #ffffff !important;
	box-shadow: -1px -1px 0px 0px #ffffff !important
}

.ui.attendance.table tr.header td {
	font-weight: bold;
	font-size: 13px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05)));
	background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05));
	background-color: #ffffff;
	border-bottom: 2px solid #DDD;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border-left: none
}

.ui.attendance.table>tbody tr td:first-child {
	background: #FAFAFA !important;
	line-height: 1.2;
	width: 1px
}

.ui.attendance.table>tbody tr td>.name {
	color: #4DAF7C;
	width: 130px;
	font-size: 12px;
	float: right;
	text-align: right
}

.ui.attendance.table>tbody tr td>.role {
	font-weight: normal;
	font-size: 11px;
	color: #AAAAAA;
	white-space: nowrap;
	clear: both;
	line-height: 1.4
}

.ui.attendance.table tfoot th:first-child {
	text-align: right;
	font-size: 12px;
	color: #AAAAAA
}

.ui.attendance.table tfoot .sum {
	text-align: center;
	color: #AAAAAA
}

.ui.attendance.table tfoot .positive.sum {
	color: #4DAF7C
}

.ui.attendance.table td.selectable {
	cursor: pointer
}

.ui.attendance.table td .ui.checkbox input:indeterminate~label:before {
	background-color: #FFFFFF;
	border-color: #AAAAAA
}

.ui.attendance.table td .ui.checkbox input:not(:checked):not(:indeterminate)~label:after {
	font-family: 'Icons';
	content: "\f00d";
	color: #67191D !important;
	opacity: 0.3;
	-webkit-transition: none;
	transition: none
}

.ui.attendance.table td.selectable.negative,
.ui.attendance.table td.selectable.negative:hover {
	background-color: #F5F3F3 !important
}

.ui.attendance.table td.selectable.negative.over:hover {
	background-color: #EAFEF4 !important
}

.ui.attendance.table td.selectable.positive,
.ui.attendance.table td.selectable.positive:hover {
	background-color: #EAFEF4 !important
}

.ui.attendance.table td.selectable.positive.over:hover {
	background-color: #F1E9E9 !important
}

dataEntryStatus.ui.message {
	margin-top: 0em;
	border-top: none;
	border-radius: 5px !important;
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08) inset !important;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08) inset !important;
	font-weight: bold;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #CFD5D8;
	-webkit-transition: 0.3s padding ease, 0.3s -webkit-box-shadow ease;
	transition: 0.3s padding ease, 0.3s -webkit-box-shadow ease;
	transition: 0.3s box-shadow ease, 0.3s padding ease;
	transition: 0.3s box-shadow ease, 0.3s padding ease, 0.3s -webkit-box-shadow ease
}

dataEntryStatus.ui.message .header {
	color: rgba(0, 0, 0, 0.65)
}

dataEntryStatus.ui.message .header b {
	color: rgba(0, 0, 0, 0.9)
}

dataEntryStatus.ui.message .header+.description {
	padding-top: 5px
}

dataEntryStatus.ui.message .ui.progress {
	width: 70px;
	display: inline-block;
	margin: 0em 1em 0em 0em;
	vertical-align: 1px
}

dataEntryStatus.ui.message context {
	display: inline
}

dataEntryStatus.ui.message .button {
	margin-left: 10px;
	margin-top: -4px;
	vertical-align: 3px
}

dataEntryStatus missingInfoPopup {
	text-align: left;
	font-weight: bold;
	width: 350px
}

dataEntryStatus missingInfoPopup .item:before {
	font-weight: normal
}

dataEntryStatus missingInfoPopup .completed.item {
	font-weight: bold;
	color: #729884
}

dataEntryStatus missingInfoPopup .incomplete.item {
	font-weight: bold;
	color: #C56B6B
}

dataEntryStatus missingInfo {
	display: inline-block;
	cursor: pointer;
	font-size: 14px;
	color: rgba(0, 0, 0, 0.4);
	margin-left: 12px;
	-webkit-transition: 0.3s color ease;
	transition: 0.3s color ease
}

dataEntryStatus missingInfo:hover {
	color: rgba(0, 0, 0, 0.8)
}

dataEntryStatus.ui.following.message {
	left: 0px !important;
	border-radius: 0px !important;
	width: calc(100% + 2px);
	margin-top: 0px;
	-webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1) !important;
	box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1) !important;
	-webkit-transform-origin: top center;
	transform-origin: top center
}

@media only screen and (max-width: 1200px) {
	dataEntryStatus:not(.following) missingInfo>span {
		display: none
	}
}

#hoaInfoTask addHOA+p {
	font-size: 16px;
	margin: -3px 0em 3em
}

#hoaInfoTask .placeholder .buttons {
	width: 400px !important;
	max-width: 100% !important
}

#hoaInfoTask removeHOA {
	text-transform: none !important
}

#hoaInfoTask removeHOA .icon {
	vertical-align: top
}

#insuranceInfoTask addPolicy+p {
	font-size: 16px;
	margin: -3px 0em 3em
}

#insuranceInfoTask removePolicy {
	text-transform: none !important
}

#insuranceInfoTask removePolicy .icon {
	vertical-align: top
}

#insuranceInfoTask insuranceQuote.ui.message {
	font-size: 16px;
	font-weight: bold
}

#insuranceInfoTask insuranceQuote.ui.message .button {
	margin: -11px -7px 0px -10px
}

#insuranceInfoTask .progressive.image {
	display: inline-block;
	width: 150px;
	height: auto;
	vertical-align: -3px;
	margin-right: 1rem
}

#insuranceInfoTask sponsored {
	float: right;
	font-style: italic;
	font-size: 14px;
	color: rgba(0, 0, 0, 0.4)
}

@media only screen and (max-width: 767px) {
	#insuranceInfoTask .progressive.image {
		display: block;
		margin: 0 auto 20px
	}
	#insuranceInfoTask insuranceQuote.ui.message .button {
		float: none;
		margin: 0px auto;
		display: block;
		margin: 0px 0px 10px
	}
}

#lenderContactInfoTask addLender+p {
	font-size: 16px;
	margin: -3px 0em 3em
}

@font-face {
	font-family: 'Rating';
	src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjCBsAAAC8AAAAYGNtYXCj2pm8AAABHAAAAKRnYXNwAAAAEAAAAcAAAAAIZ2x5ZlJbXMYAAAHIAAARnGhlYWQBGAe5AAATZAAAADZoaGVhA+IB/QAAE5wAAAAkaG10eCzgAEMAABPAAAAAcGxvY2EwXCxOAAAUMAAAADptYXhwACIAnAAAFGwAAAAgbmFtZfC1n04AABSMAAABPHBvc3QAAwAAAAAVyAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADxZQHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEAJAAAAAgACAABAAAAAEAIOYF8AbwDfAj8C7wbvBw8Irwl/Cc8SPxZf/9//8AAAAAACDmAPAE8AzwI/Au8G7wcPCH8JfwnPEj8WT//f//AAH/4xoEEAYQAQ/sD+IPow+iD4wPgA98DvYOtgADAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAIAAP/tAgAB0wAKABUAAAEvAQ8BFwc3Fyc3BQc3Jz8BHwEHFycCALFPT7GAHp6eHoD/AHAWW304OH1bFnABGRqgoBp8sFNTsHyyOnxYEnFxElh8OgAAAAACAAD/7QIAAdMACgASAAABLwEPARcHNxcnNwUxER8BBxcnAgCxT0+xgB6enh6A/wA4fVsWcAEZGqCgGnywU1OwfLIBHXESWHw6AAAAAQAA/+0CAAHTAAoAAAEvAQ8BFwc3Fyc3AgCxT0+xgB6enh6AARkaoKAafLBTU7B8AAAAAAEAAAAAAgABwAArAAABFA4CBzEHDgMjIi4CLwEuAzU0PgIzMh4CFz4DMzIeAhUCAAcMEgugBgwMDAYGDAwMBqALEgwHFyg2HhAfGxkKChkbHxAeNigXAS0QHxsZCqAGCwkGBQkLBqAKGRsfEB42KBcHDBILCxIMBxcoNh4AAAAAAgAAAAACAAHAACsAWAAAATQuAiMiDgIHLgMjIg4CFRQeAhcxFx4DMzI+Aj8BPgM1DwEiFCIGMTAmIjQjJy4DNTQ+AjMyHgIfATc+AzMyHgIVFA4CBwIAFyg2HhAfGxkKChkbHxAeNigXBwwSC6AGDAwMBgYMDAwGoAsSDAdbogEBAQEBAaIGCgcEDRceEQkREA4GLy8GDhARCREeFw0EBwoGAS0eNigXBwwSCwsSDAcXKDYeEB8bGQqgBgsJBgUJCwagChkbHxA+ogEBAQGiBg4QEQkRHhcNBAcKBjQ0BgoHBA0XHhEJERAOBgABAAAAAAIAAcAAMQAAARQOAgcxBw4DIyIuAi8BLgM1ND4CMzIeAhcHFwc3Jzc+AzMyHgIVAgAHDBILoAYMDAwGBgwMDAagCxIMBxcoNh4KFRMSCC9wQLBwJwUJCgkFHjYoFwEtEB8bGQqgBgsJBgUJCwagChkbHxAeNigXAwUIBUtAoMBAOwECAQEXKDYeAAABAAAAAAIAAbcAKgAAEzQ3NjMyFxYXFhcWFzY3Njc2NzYzMhcWFRQPAQYjIi8BJicmJyYnJicmNQAkJUARExIQEAsMCgoMCxAQEhMRQCUkQbIGBwcGsgMFBQsKCQkGBwExPyMkBgYLCgkKCgoKCQoLBgYkIz8/QawFBawCBgUNDg4OFRQTAAAAAQAAAA0B2wHSACYAABM0PwI2FzYfAhYVFA8BFxQVFAcGByYvAQcGByYnJjU0PwEnJjUAEI9BBQkIBkCPEAdoGQMDBgUGgIEGBQYDAwEYaAcBIwsCFoEMAQEMgRYCCwYIZJABBQUFAwEBAkVFAgEBAwUFAwOQZAkFAAAAAAIAAAANAdsB0gAkAC4AABM0PwI2FzYfAhYVFA8BFxQVFAcmLwEHBgcmJyY1ND8BJyY1HwEHNxcnNy8BBwAQj0EFCQgGQI8QB2gZDAUGgIEGBQYDAwEYaAc/WBVsaxRXeDY2ASMLAhaBDAEBDIEWAgsGCGSQAQUNAQECRUUCAQEDBQUDA5BkCQURVXg4OHhVEW5uAAABACMAKQHdAXwAGgAANzQ/ATYXNh8BNzYXNh8BFhUUDwEGByYvASY1IwgmCAwLCFS8CAsMCCYICPUIDAsIjgjSCwkmCQEBCVS7CQEBCSYJCg0H9gcBAQePBwwAAAEAHwAfAXMBcwAsAAA3ND8BJyY1ND8BNjMyHwE3NjMyHwEWFRQPARcWFRQPAQYjIi8BBwYjIi8BJjUfCFRUCAgnCAwLCFRUCAwLCCcICFRUCAgnCAsMCFRUCAsMCCcIYgsIVFQIDAsIJwgIVFQICCcICwwIVFQICwwIJwgIVFQICCcIDAAAAAACAAAAJQFJAbcAHwArAAA3NTQ3NjsBNTQ3NjMyFxYdATMyFxYdARQHBiMhIicmNTczNTQnJiMiBwYdAQAICAsKJSY1NCYmCQsICAgIC/7tCwgIW5MWFR4fFRZApQsICDc0JiYmJjQ3CAgLpQsICAgIC8A3HhYVFRYeNwAAAQAAAAcBbgG3ACEAADcRNDc2NzYzITIXFhcWFREUBwYHBiMiLwEHBiMiJyYnJjUABgUKBgYBLAYGCgUGBgUKBQcOCn5+Cg4GBgoFBicBcAoICAMDAwMICAr+kAoICAQCCXl5CQIECAgKAAAAAwAAACUCAAFuABgAMQBKAAA3NDc2NzYzMhcWFxYVFAcGBwYjIicmJyY1MxYXFjMyNzY3JicWFRQHBiMiJyY1NDcGBzcUFxYzMjc2NTQ3NjMyNzY1NCcmIyIHBhUABihDREtLREMoBgYoQ0RLS0RDKAYlJjk5Q0M5OSYrQREmJTU1JSYRQSuEBAQGBgQEEREZBgQEBAQGJBkayQoKQSgoKChBCgoKCkEoJycoQQoKOiMjIyM6RCEeIjUmJSUmNSIeIUQlBgQEBAQGGBIRBAQGBgQEGhojAAAABQAAAAkCAAGJACwAOABRAGgAcAAANzQ3Njc2MzIXNzYzMhcWFxYXFhcWFxYVFDEGBwYPAQYjIicmNTQ3JicmJyY1MxYXNyYnJjU0NwYHNxQXFjMyNzY1NDc2MzI3NjU0JyYjIgcGFRc3Njc2NyYnNxYXFhcWFRQHBgcGBwYjPwEWFRQHBgcABitBQU0ZGhADBQEEBAUFBAUEBQEEHjw8Hg4DBQQiBQ0pIyIZBiUvSxYZDg4RQSuEBAQGBgQEEREZBgQEBAQGJBkaVxU9MzQiIDASGxkZEAYGCxQrODk/LlACFxYlyQsJQycnBRwEAgEDAwIDAwIBAwUCNmxsNhkFFAMFBBUTHh8nCQtKISgSHBsfIh4hRCUGBAQEBAYYEhEEBAYGBAQaGiPJJQUiIjYzISASGhkbCgoKChIXMRsbUZANCyghIA8AAAMAAAAAAbcB2wA5AEoAlAAANzU0NzY7ATY3Njc2NzY3Njc2MzIXFhcWFRQHMzIXFhUUBxYVFAcUFRQHFgcGKwEiJyYnJisBIicmNTcUFxYzMjc2NTQnJiMiBwYVFzMyFxYXFhcWFxYXFhcWOwEyNTQnNjc2NTQnNjU0JyYnNjc2NTQnJisBNDc2NTQnJiMGBwYHBgcGBwYHBgcGBwYHBgcGBwYrARUACwoQTgodEQ4GBAMFBgwLDxgTEwoKDjMdFhYOAgoRARkZKCUbGxsjIQZSEAoLJQUFCAcGBQUGBwgFBUkJBAUFBAQHBwMDBwcCPCUjNwIJBQUFDwMDBAkGBgsLDmUODgoJGwgDAwYFDAYQAQUGAwQGBgYFBgUGBgQJSbcPCwsGJhUPCBERExMMCgkJFBQhGxwWFR4ZFQoKFhMGBh0WKBcXBgcMDAoLDxIHBQYGBQcIBQYGBQgSAQEBAQICAQEDAgEULwgIBQoLCgsJDhQHCQkEAQ0NCg8LCxAdHREcDQ4IEBETEw0GFAEHBwUECAgFBQUFAgO3AAADAAD/2wG3AbcAPABNAJkAADc1NDc2OwEyNzY3NjsBMhcWBxUWFRQVFhUUBxYVFAcGKwEWFRQHBgcGIyInJicmJyYnJicmJyYnIyInJjU3FBcWMzI3NjU0JyYjIgcGFRczMhcWFxYXFhcWFxYXFhcWFxYXFhcWFzI3NjU0JyY1MzI3NjU0JyYjNjc2NTQnNjU0JyYnNjU0JyYrASIHIgcGBwYHBgcGIwYrARUACwoQUgYhJRsbHiAoGRkBEQoCDhYWHTMOCgoTExgPCwoFBgIBBAMFDhEdCk4QCgslBQUIBwYFBQYHCAUFSQkEBgYFBgUGBgYEAwYFARAGDAUGAwMIGwkKDg5lDgsLBgYJBAMDDwUFBQkCDg4ZJSU8AgcHAwMHBwQEBQUECbe3DwsKDAwHBhcWJwIWHQYGExYKChUZHhYVHRoiExQJCgsJDg4MDAwNBg4WJQcLCw+kBwUGBgUHCAUGBgUIpAMCBQYFBQcIBAUHBwITBwwTExERBw0OHBEdHRALCw8KDQ0FCQkHFA4JCwoLCgUICBgMCxUDAgEBAgMBAQG3AAAAAQAAAA0A7gHSABQAABM0PwI2FxEHBgcmJyY1ND8BJyY1ABCPQQUJgQYFBgMDARhoBwEjCwIWgQwB/oNFAgEBAwUFAwOQZAkFAAAAAAIAAAAAAgABtwAqAFkAABM0NzYzMhcWFxYXFhc2NzY3Njc2MzIXFhUUDwEGIyIvASYnJicmJyYnJjUzFB8BNzY1NCcmJyYnJicmIyIHBgcGBwYHBiMiJyYnJicmJyYjIgcGBwYHBgcGFQAkJUARExIQEAsMCgoMCxAQEhMRQCUkQbIGBwcGsgMFBQsKCQkGByU1pqY1BgYJCg4NDg0PDhIRDg8KCgcFCQkFBwoKDw4REg4PDQ4NDgoJBgYBMT8jJAYGCwoJCgoKCgkKCwYGJCM/P0GsBQWsAgYFDQ4ODhUUEzA1oJ82MBcSEgoLBgcCAgcHCwsKCQgHBwgJCgsLBwcCAgcGCwoSEhcAAAACAAAABwFuAbcAIQAoAAA3ETQ3Njc2MyEyFxYXFhURFAcGBwYjIi8BBwYjIicmJyY1PwEfAREhEQAGBQoGBgEsBgYKBQYGBQoFBw4Kfn4KDgYGCgUGJZIZef7cJwFwCggIAwMDAwgICv6QCggIBAIJeXkJAgQICAoIjRl0AWP+nQAAAAABAAAAJQHbAbcAMgAANzU0NzY7ATU0NzYzMhcWHQEUBwYrASInJj0BNCcmIyIHBh0BMzIXFh0BFAcGIyEiJyY1AAgIC8AmJjQ1JiUFBQgSCAUFFhUfHhUWHAsICAgIC/7tCwgIQKULCAg3NSUmJiU1SQgFBgYFCEkeFhUVFh43CAgLpQsICAgICwAAAAIAAQANAdsB0gAiAC0AABM2PwI2MzIfAhYXFg8BFxYHBiMiLwEHBiMiJyY/AScmNx8CLwE/AS8CEwEDDJBABggJBUGODgIDCmcYAgQCCAMIf4IFBgYEAgEZaQgC7hBbEgINSnkILgEBJggCFYILC4IVAggICWWPCgUFA0REAwUFCo9lCQipCTBmEw1HEhFc/u0AAAADAAAAAAHJAbcAFAAlAHkAADc1NDc2OwEyFxYdARQHBisBIicmNTcUFxYzMjc2NTQnJiMiBwYVFzU0NzYzNjc2NzY3Njc2NzY3Njc2NzY3NjMyFxYXFhcWFxYXFhUUFRQHBgcGBxQHBgcGBzMyFxYVFAcWFRYHFgcGBxYHBgcjIicmJyYnJiciJyY1AAUGB1MHBQYGBQdTBwYFJQUFCAcGBQUGBwgFBWQFBQgGDw8OFAkFBAQBAQMCAQIEBAYFBw4KCgcHBQQCAwEBAgMDAgYCAgIBAU8XEBAQBQEOBQUECwMREiYlExYXDAwWJAoHBQY3twcGBQUGB7cIBQUFBQgkBwYFBQYHCAUGBgUIJLcHBQYBEBATGQkFCQgGBQwLBgcICQUGAwMFBAcHBgYICQQEBwsLCwYGCgIDBAMCBBEQFhkSDAoVEhAREAsgFBUBBAUEBAcMAQUFCAAAAAADAAD/2wHJAZIAFAAlAHkAADcUFxYXNxY3Nj0BNCcmBycGBwYdATc0NzY3FhcWFRQHBicGJyY1FzU0NzY3Fjc2NzY3NjcXNhcWBxYXFgcWBxQHFhUUBwYHJxYXFhcWFRYXFhcWFRQVFAcGBwYHBgcGBwYnBicmJyYnJicmJyYnJicmJyYnJiciJyY1AAUGB1MHBQYGBQdTBwYFJQUFCAcGBQUGBwgFBWQGBQcKJBYMDBcWEyUmEhEDCwQFBQ4BBRAQEBdPAQECAgIGAgMDAgEBAwIEBQcHCgoOBwUGBAQCAQIDAQEEBAUJFA4PDwYIBQWlBwYFAQEBBwQJtQkEBwEBAQUGB7eTBwYEAQEEBgcJBAYBAQYECZS4BwYEAgENBwUCBgMBAQEXEyEJEhAREBcIDhAaFhEPAQEFAgQCBQELBQcKDAkIBAUHCgUGBwgDBgIEAQEHBQkIBwUMCwcECgcGCRoREQ8CBgQIAAAAAQAAAAEAAJth57dfDzz1AAsCAAAAAADP/GODAAAAAM/8Y4MAAP/bAgAB2wAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAACAAABAAAAAAAAAAAAAAAAAAAAHAAAAAAAAAAAAAAAAAEAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAdwAAAHcAAACAAAjAZMAHwFJAAABbgAAAgAAAAIAAAACAAAAAgAAAAEAAAACAAAAAW4AAAHcAAAB3AABAdwAAAHcAAAAAAAAAAoAFAAeAEoAcACKAMoBQAGIAcwCCgJUAoICxgMEAzoDpgRKBRgF7AYSBpgG2gcgB2oIGAjOAAAAAQAAABwAmgAFAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAwAAAABAAAAAAACAA4AQAABAAAAAAADAAwAIgABAAAAAAAEAAwATgABAAAAAAAFABYADAABAAAAAAAGAAYALgABAAAAAAAKADQAWgADAAEECQABAAwAAAADAAEECQACAA4AQAADAAEECQADAAwAIgADAAEECQAEAAwATgADAAEECQAFABYADAADAAEECQAGAAwANAADAAEECQAKADQAWgByAGEAdABpAG4AZwBWAGUAcgBzAGkAbwBuACAAMQAuADAAcgBhAHQAaQBuAGdyYXRpbmcAcgBhAHQAaQBuAGcAUgBlAGcAdQBsAGEAcgByAGEAdABpAG4AZwBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AABcUAAoAAAAAFswAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAEuEAABLho6TvIE9TLzIAABPYAAAAYAAAAGAIIwgbY21hcAAAFDgAAACkAAAApKPambxnYXNwAAAU3AAAAAgAAAAIAAAAEGhlYWQAABTkAAAANgAAADYBGAe5aGhlYQAAFRwAAAAkAAAAJAPiAf1obXR4AAAVQAAAAHAAAABwLOAAQ21heHAAABWwAAAABgAAAAYAHFAAbmFtZQAAFbgAAAE8AAABPPC1n05wb3N0AAAW9AAAACAAAAAgAAMAAAEABAQAAQEBB3JhdGluZwABAgABADr4HAL4GwP4GAQeCgAZU/+Lix4KABlT/4uLDAeLZviU+HQFHQAAAP0PHQAAAQIRHQAAAAkdAAAS2BIAHQEBBw0PERQZHiMoLTI3PEFGS1BVWl9kaW5zeH2Ch4xyYXRpbmdyYXRpbmd1MHUxdTIwdUU2MDB1RTYwMXVFNjAydUU2MDN1RTYwNHVFNjA1dUYwMDR1RjAwNXVGMDA2dUYwMEN1RjAwRHVGMDIzdUYwMkV1RjA2RXVGMDcwdUYwODd1RjA4OHVGMDg5dUYwOEF1RjA5N3VGMDlDdUYxMjN1RjE2NHVGMTY1AAACAYkAGgAcAgABAAQABwAKAA0AVgCWAL0BAgGMAeQCbwLwA4cD5QR0BQMFdgZgB8MJkQtxC7oM2Q1jDggOmRAYEZr8lA78lA78lA77lA74lPetFftFpTz3NDz7NPtFcfcU+xBt+0T3Mt73Mjht90T3FPcQBfuU+0YV+wRRofcQMOP3EZ3D9wXD+wX3EXkwM6H7EPsExQUO+JT3rRX7RaU89zQ8+zT7RXH3FPsQbftE9zLe9zI4bfdE9xT3EAX7lPtGFYuLi/exw/sF9xF5MDOh+xD7BMUFDviU960V+0WlPPc0PPs0+0Vx9xT7EG37RPcy3vcyOG33RPcU9xAFDviU98EVi2B4ZG5wCIuL+zT7NAV7e3t7e4t7i3ube5sI+zT3NAVupniyi7aL3M3N3Iu2i7J4pm6mqLKetovci81JizoIDviU98EVi9xJzTqLYItkeHBucKhknmCLOotJSYs6i2CeZKhwCIuL9zT7NAWbe5t7m4ubi5ubm5sI9zT3NAWopp6yi7YIME0V+zb7NgWKioqKiouKi4qMiowI+zb3NgV6m4Ghi6OLubCwuYuji6GBm3oIule6vwWbnKGVo4u5i7Bmi12Lc4F1ensIDviU98EVi2B4ZG5wCIuL+zT7NAV7e3t7e4t7i3ube5sI+zT3NAVupniyi7aL3M3N3Iuni6WDoX4IXED3BEtL+zT3RPdU+wTLssYFl46YjZiL3IvNSYs6CA6L98UVi7WXrKOio6Otl7aLlouXiZiHl4eWhZaEloSUhZKFk4SShZKEkpKSkZOSkpGUkZaSCJaSlpGXj5iPl42Wi7aLrX+jc6N0l2qLYYthdWBgYAj7RvtABYeIh4mGi4aLh42Hjgj7RvdABYmNiY2Hj4iOhpGDlISUhZWFlIWVhpaHmYaYiZiLmAgOZ4v3txWLkpCPlo0I9yOgzPcWBY6SkI+Ri5CLkIePhAjL+xb3I3YFlomQh4uEi4aJh4aGCCMmpPsjBYuKi4mLiIuHioiJiImIiIqHi4iLh4yHjQj7FM/7FUcFh4mHioiLh4uIjImOiY6KjouPi4yLjYyOCKP3IyPwBYaQiZCLjwgOZ4v3txWLkpCPlo0I9yOgzPcWBY6SkI+Ri5CLkIePhAjL+xb3I3YFlomQh4uEi4aJh4aGCCMmpPsjBYuKi4mLiIuCh4aDi4iLh4yHjQj7FM/7FUcFh4mHioiLh4uIjImOiY6KjouPi4yLjYyOCKP3IyPwBYaQiZCLjwjKeRXjN3b7DfcAxPZSd/cN4t/7DJ1V9wFV+wEFDq73ZhWLk42RkZEIsbIFkZCRjpOLkouSiJCGCN8291D3UAWQkJKOkouTi5GIkYYIsWQFkYaNhIuEi4OJhYWFCPuJ+4kFhYWFiYOLhIuEjYaRCPsi9yIFhZCJkouSCA77AartFYuSjpKQkAjf3zffBYaQiJKLk4uSjpKQkAiysgWRkJGOk4uSi5KIkIYI3zff3wWQkJKOk4uSi5KIkIYIsmQFkIaOhIuEi4OIhIaGCDc33zcFkIaOhIuEi4OIhYaFCGRkBYaGhIiEi4OLhI6GkAg33zc3BYaGhIiEi4OLhY6FkAhksgWGkYiRi5MIDvtLi8sVi/c5BYuSjpKQkJCQko6SiwiVi4vCBYuul6mkpKSkqpiui66LqX6kcqRymG2LaAiLVJSLBZKLkoiQhpCGjoSLhAiL+zkFi4OIhYaGhoWEiYSLCPuniwWEi4SNhpGGkIiRi5MI5vdUFfcni4vCBYufhJx8mn2ZepJ3i3aLeoR9fX18g3qLdwiLVAUO+yaLshWL+AQFi5GNkY+RjpCQj5KNj42PjI+LCPfAiwWPi4+Kj4mRiZCHj4aPhY2Fi4UIi/wEBYuEiYWHhoeGhoeFiIiKhoqHi4GLhI6EkQj7EvcN+xL7DQWEhYOIgouHi4eLh42EjoaPiJCHkImRi5IIDov3XRWLko2Rj5Kltq+vuKW4pbuZvYu9i7t9uHG4ca9npWCPhI2Fi4SLhYmEh4RxYGdoXnAIXnFbflmLWYtbmF6lXqZnrnG2h5KJkouRCLCLFaRkq2yxdLF0tH+4i7iLtJexorGiq6qksm64Z61goZZ3kXaLdItnfm1ycnJybX9oiwhoi22XcqRypH6pi6+LopGglp9gdWdpbl4I9xiwFYuHjIiOiI6IjoqPi4+LjoyOjo2OjY6Lj4ubkJmXl5eWmZGbi4+LjoyOjo2OjY6LjwiLj4mOiY6IjYiNh4tzi3eCenp6eoJ3i3MIDov3XRWLko2Sj5GouK+utqW3pbqYvouci5yJnIgIm6cFjY6NjI+LjIuNi42JjYqOio+JjomOiY6KjomOiY6JjoqNioyKjomMiYuHi4qLiouLCHdnbVVjQ2NDbVV3Zwh9cgWJiIiJiIuJi36SdJiIjYmOi46LjY+UlJlvl3KcdJ90oHeie6WHkYmSi5IIsIsVqlq0Z711CKGzBXqXfpqCnoKdhp6LoIuikaCWn2B1Z2luXgj3GLAVi4eMiI6IjoiOio+Lj4uOjI6OjY6NjouPi5uQmZeXl5aZkZuLj4uOjI6OjY6NjouPCIuPiY6JjoiNiI2Hi3OLd4J6enp6gneLcwji+10VoLAFtI+wmK2hrqKnqKKvdq1wp2uhCJ2rBZ1/nHycepx6mHqWeY+EjYWLhIuEiYWHhIR/gH1+fG9qaXJmeWV5Y4Jhiwi53BXb9yQFjIKMg4uEi3CDc3x1fHV3fHOBCA6L1BWL90sFi5WPlJKSkpKTj5aLCNmLBZKPmJqepJaZlZeVlY+Qj5ONl42WjpeOmI+YkZWTk5OSk46Vi5uLmYiYhZiFlIGSfgiSfo55i3WLeYd5gXgIvosFn4uchJl8mn2Seot3i3qGfIJ9jYSLhYuEi3yIfoR+i4eLh4uHi3eGen99i3CDdnt8CHt8dYNwiwhmiwV5i3mNeY95kHeRc5N1k36Ph4sIOYsFgIuDjoSShJKHlIuVCLCdFYuGjIePiI+Hj4mQi5CLj42Pj46OjY+LkIuQiZCIjoePh42Gi4aLh4mHh4eIioaLhgjUeRWUiwWNi46Lj4qOi4+KjYqOi4+Kj4mQio6KjYqNio+Kj4mQio6KjIqzfquEpIsIrosFr4uemouri5CKkYqQkY6QkI6SjpKNkouSi5KJkoiRlZWQlouYi5CKkImRiZGJj4iOCJGMkI+PlI+UjZKLkouViJODk4SSgo+CiwgmiwWLlpCalJ6UnpCbi5aLnoiYhJSFlH+QeYuGhoeDiYCJf4h/h3+IfoWBg4KHh4SCgH4Ii4qIiYiGh4aIh4mIiIiIh4eGh4aHh4eHiIiHiIeHiIiHiIeKh4mIioiLCIKLi/tLBQ6L90sVi/dLBYuVj5OSk5KSk46WiwjdiwWPi5iPoZOkk6CRnZCdj56Nn4sIq4sFpougg5x8m3yTd4txCIuJBZd8kHuLd4uHi4eLh5J+jn6LfIuEi4SJhZR9kHyLeot3hHp8fH19eoR3iwhYiwWVeI95i3mLdIh6hH6EfoKBfoV+hX2He4uBi4OPg5KFkYaTh5SHlYiTipOKk4qTiJMIiZSIkYiPgZSBl4CaeKR+moSPCD2LBYCLg4+EkoSSh5SLlQiw9zgVi4aMh4+Ij4ePiZCLkIuPjY+Pjo6Nj4uQi5CJkIiOh4+HjYaLhouHiYeHh4iKhouGCNT7OBWUiwWOi46Kj4mPio+IjoiPh4+IjoePiI+Hj4aPho6HjoiNiI6Hj4aOho6Ii4qWfpKDj4YIk4ORgY5+j36OgI1/jYCPg5CGnYuXj5GUkpSOmYuei5aGmoKfgp6GmouWCPCLBZSLlI+SkpOTjpOLlYuSiZKHlIeUho+Fi46PjY+NkY2RjJCLkIuYhpaBlY6RjZKLkgiLkomSiJKIkoaQhY6MkIyRi5CLm4aXgpOBkn6Pe4sIZosFcotrhGN9iouIioaJh4qHiomKiYqIioaKh4mHioiKiYuHioiLh4qIi4mLCIKLi/tLBQ77lIv3txWLkpCPlo0I9yOgzPcWBY6SkI+RiwiL/BL7FUcFh4mHioiLh4uIjImOiY6KjouPi4yLjYyOCKP3IyPwBYaQiZCLjwgOi/fFFYu1l6yjoqOjrZe2i5aLl4mYh5eHloWWhJaElIWShZOEkoWShJKSkpGTkpKRlJGWkgiWkpaRl4+Yj5eNlou2i61/o3OjdJdqi2GLYXVgYGAI+0b7QAWHiIeJhouGi4eNh44I+0b3QAWJjYmNh4+IjoaRg5SElIWVhZSFlYaWh5mGmImYi5gIsIsVi2ucaa9oCPc6+zT3OvczBa+vnK2Lq4ubiZiHl4eXhpSFkoSSg5GCj4KQgo2CjYONgYuBi4KLgIl/hoCGgIWChAiBg4OFhISEhYaFhoaIhoaJhYuFi4aNiJCGkIaRhJGEkoORgZOCkoCRgJB/kICNgosIgYuBi4OJgomCiYKGgoeDhYSEhYSGgod/h3+Jfot7CA77JouyFYv4BAWLkY2Rj5GOkJCPko2PjY+Mj4sI98CLBY+Lj4qPiZGJkIePho+FjYWLhQiL/AQFi4SJhYeGh4aGh4WIiIqGioeLgYuEjoSRCPsS9w37EvsNBYSFg4iCi4eLh4uHjYSOho+IkIeQiZGLkgiwkxX3JvchpHL3DfsIi/f3+7iLi/v3BQ5ni8sVi/c5BYuSjpKQkJCQko6Siwj3VIuLwgWLrpippKSkpKmYrouvi6l+pHKkcpdti2gIi0IFi4aKhoeIh4eHiYaLCHmLBYaLh42Hj4eOipCLkAiL1AWLn4OcfZp9mXqSdot3i3qEfX18fIR6i3cIi1SniwWSi5KIkIaQho6Ei4QIi/s5BYuDiIWGhoaFhImEiwj7p4sFhIuEjYaRhpCIkYuTCA5njPe6FYyQkI6UjQj3I6DM9xYFj5KPj5GLkIuQh4+ECMv7FvcjdgWUiZCIjYaNhoiFhYUIIyak+yMFjIWKhomHiYiIiYaLiIuHjIeNCPsUz/sVRwWHiYeKiIuHi4eNiY6Jj4uQjJEIo/cjI/AFhZGJkY2QCPeB+z0VnILlW3rxiJ6ZmNTS+wydgpxe54v7pwUOZ4vCFYv3SwWLkI2Pjo+Pjo+NkIsI3osFkIuPiY6Ij4eNh4uGCIv7SwWLhomHh4eIh4eKhosIOIsFhouHjIePiI+Jj4uQCLCvFYuGjIePh46IkImQi5CLj42Pjo6PjY+LkIuQiZCIjoePh42Gi4aLhomIh4eIioaLhgjvZxWL90sFi5CNj46Oj4+PjZCLj4ySkJWWlZaVl5SXmJuVl5GRjo6OkI6RjZCNkIyPjI6MkY2TCIySjJGMj4yPjZCOkY6RjpCPjo6Pj42Qi5SLk4qSiZKJkYiPiJCIjoiPho6GjYeMhwiNh4yGjIaMhYuHi4iLiIuHi4eLg4uEiYSJhImFiYeJh4mFh4WLioqJiomJiIqJiokIi4qKiIqJCNqLBZqLmIWWgJaAkH+LfIt6hn2Af46DjYSLhIt9h36Cf4+Bi3+HgImAhYKEhI12hnmAfgh/fXiDcosIZosFfot+jHyOfI5/joOOg41/j32Qc5N8j4SMhouHjYiOh4+Jj4uQCA5ni/c5FYuGjYaOiI+Hj4mQiwjeiwWQi4+Njo+Pjo2Qi5AIi/dKBYuQiZCHjoiPh42Giwg4iwWGi4eJh4eIiImGi4YIi/tKBbD3JhWLkIyPj4+OjpCNkIuQi4+Jj4iOh42Hi4aLhomHiIeHh4eKhouGi4aMiI+Hj4qPi5AI7/snFYv3SwWLkI2Qj46Oj4+NkIuSi5qPo5OZkJePk46TjZeOmo6ajpiMmIsIsIsFpIueg5d9ln6Qeol1koSRgo2Aj4CLgIeAlH+Pfot9i4WJhIiCloCQfIt7i3yFfoGACICAfoZ8iwg8iwWMiIyJi4mMiYyJjYmMiIyKi4mPhI2GjYeNh42GjYOMhIyEi4SLhouHi4iLiYuGioYIioWKhomHioeJh4iGh4eIh4aIh4iFiISJhImDioKLhouHjYiPh4+Ij4iRiJGJkIqPCIqPipGKkomTipGKj4qOiZCJkYiQiJCIjoWSgZZ+nIKXgZaBloGWhJGHi4aLh42HjwiIjomQi48IDviUFPiUFYsMCgAAAAADAgABkAAFAAABTAFmAAAARwFMAWYAAAD1ABkAhAAAAAAAAAAAAAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAEAAAPFlAeD/4P/gAeAAIAAAAAEAAAAAAAAAAAAAACAAAAAAAAIAAAADAAAAFAADAAEAAAAUAAQAkAAAACAAIAAEAAAAAQAg5gXwBvAN8CPwLvBu8HDwivCX8JzxI/Fl//3//wAAAAAAIOYA8ATwDPAj8C7wbvBw8Ifwl/Cc8SPxZP/9//8AAf/jGgQQBhABD+wP4g+jD6IPjA+AD3wO9g62AAMAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAEAAJrVlLJfDzz1AAsCAAAAAADP/GODAAAAAM/8Y4MAAP/bAgAB2wAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAACAAABAAAAAAAAAAAAAAAAAAAAHAAAAAAAAAAAAAAAAAEAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAdwAAAHcAAACAAAjAZMAHwFJAAABbgAAAgAAAAIAAAACAAAAAgAAAAEAAAACAAAAAW4AAAHcAAAB3AABAdwAAAHcAAAAAFAAABwAAAAAAA4ArgABAAAAAAABAAwAAAABAAAAAAACAA4AQAABAAAAAAADAAwAIgABAAAAAAAEAAwATgABAAAAAAAFABYADAABAAAAAAAGAAYALgABAAAAAAAKADQAWgADAAEECQABAAwAAAADAAEECQACAA4AQAADAAEECQADAAwAIgADAAEECQAEAAwATgADAAEECQAFABYADAADAAEECQAGAAwANAADAAEECQAKADQAWgByAGEAdABpAG4AZwBWAGUAcgBzAGkAbwBuACAAMQAuADAAcgBhAHQAaQBuAGdyYXRpbmcAcgBhAHQAaQBuAGcAUgBlAGcAdQBsAGEAcgByAGEAdABpAG4AZwBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('woff');
	font-weight: normal;
	font-style: normal
}

.ui.rating .icon {
	font-family: 'Rating';
	line-height: 1;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	font-weight: normal;
	font-style: normal;
	text-align: center
}

.ui.rating .icon:before {
	content: '\f005'
}

.ui.rating .active.icon:before {
	content: '\f005'
}

.ui.star.rating .icon:before {
	content: '\f005'
}

.ui.star.rating .active.icon:before {
	content: '\f005'
}

.ui.star.rating .partial.icon:before {
	content: '\f006'
}

.ui.star.rating .partial.icon {
	content: '\f005'
}

.ui.heart.rating .icon:before {
	content: '\f004'
}

.ui.heart.rating .active.icon:before {
	content: '\f004'
}

@media only screen and (max-width: 1000px) {
	#postClosingSurveyTask .ui.rating {
		font-size: 30px !important
	}
}

@media only screen and (max-width: 430px) {
	#postClosingSurveyTask .ui.rating {
		font-size: 24px !important
	}
}

#sellerSideScheduleClosingTask location {
	font-size: 16px;
	font-weight: bold
}

#sellerSideScheduleClosingTask a.directions {
	margin-top: 5px;
	display: inline-block;
	font-size: 13px
}

#sellerSideScheduleClosingTask a.directions:not(:hover) {
	color: #AAAAAA
}

#sellerSideScheduleClosingTask .very.basic.definition.table td:first-child {
	width: 165px
}

#orderTasksContainer reviewSegment .tabular.menu {
	margin-top: -18px !important
}

#orderTasksContainer reviewSegment information {
	overflow: auto
}

#vestingInformationTask vestingInfo.ui.message {
	font-size: 15px;
	padding: 8px 15px
}

#vestingInformationTask vestingInfo.ui.message .description {
	margin-top: 10px;
	line-height: 24px
}

#vestingInformationTask .indent .grid {
	margin-top: 1em
}

#signatureModal issue+.ui.header {
	margin-top: 0rem
}

#signatureModal drawSignature .ui.header {
	margin-top: 3rem
}

#signatureModal>.content {
	padding: 1.5rem
}

#signatureModal *:not(input) {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

#signatureModal drawSignature {
	margin-bottom: 0rem
}

#signatureModal drawSignature+.segment {
	margin-top: 0rem
}

#signatureModal issue {
	float: right;
	font-weight: bold
}

#signatureModal issue a {
	cursor: pointer
}

#signatureModal consentDetails {
	color: rgba(0, 0, 0, 0.4)
}

@media only screen and (max-width: 767px) {
	#signatureModal issue {
		font-size: 11px;
		color: #AAAAAA;
		font-weight: normal;
		margin: 3px 0px 3px 0px
	}
	#signatureModal drawSignature+.segment {
		margin-top: 1rem
	}
}

#signatureWelcome img {
	width: 475px;
	margin: 1rem auto 1rem
}

#signatureWelcome step p {
	color: rgba(0, 0, 0, 0.8);
	font-size: 20px;
	max-width: 450px;
	margin: 2.5rem auto 0rem;
	text-align: center
}

#signatureWelcome p+p {
	margin-top: 1rem;
	font-weight: bold;
	color: #4DAF7C
}

@media only screen and (max-width: 767px) {
	#signatureWelcome step p {
		font-size: 16px
	}
}

.inject-loading-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%;
	background-color: rgb(247, 247, 247)
}

#manageApi {
	padding-top: 3rem
}

#manageApi .external.icon {
	padding-top: 3px
}

#manageApi .container>.right.floated.button {
	top: 0em
}

#manageApi addWebhookPopup {
	width: 28em
}

#manageApi .key b {
	margin-right: 1em
}

#manageApi .extra.content deleteKey {
	width: 15em
}

#manageApi h4.inline {
	display: inline-block
}

#manageApi h4.inline+.description {
	margin-left: 1em;
	display: inline-block
}

#manageApi .content h4.last {
	margin-top: 2em
}

#manageApi .card.field {
	margin-bottom: 1em
}

#manageApi .extra.content {
	margin-top: 5px
}

#manageApi .extra.content .text {
	margin-top: 5px
}

#manageApi .extra.content .text b {
	margin-right: 5px
}

#manageApi .extra.content .text pre {
	margin-left: 4px;
	font-size: 14px
}

#manageApi .warning.message pre {
	margin-left: 1em
}

#lenderManageSettlementAgencies {
	padding-top: 2rem
}

#lenderManageSettlementAgencies page .ui.breadcrumb {
	margin-bottom: 2rem
}

#nonplatformLicensesInsurance p {
	font-size: 16px;
	margin-top: 0em
}

#nonplatformLicensesInsurance licenseCards>addState.ui.button {
	margin-top: -8rem !important
}

#nonplatformQuotingOrdering p {
	font-size: 16px
}

#realEstateAgencyManageSettlementAgencies {
	padding-top: 2rem
}

#realEstateAgencyManageSettlementAgencies page .ui.breadcrumb {
	margin-bottom: 2rem
}

#manageTeam h3.ui.header {
	margin-bottom: 2rem
}

#manageTeam teamMenu tabItem {
	cursor: pointer
}

#manageTeam teamTable td:last-child {
	width: 1px
}

#manageTeam teamMenu .transparent.input {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

#orderActivity .ui.request.table td.message content date {
	margin-top: 2px
}

#orderActivity .request.table td.message>.icon {
	padding-top: 0em
}

#orderDashboard pageHeader,
#orderTasks pageHeader {
	background-color: #247550
}

#orderDashboard pageHeader bg,
#orderTasks pageHeader bg {
	opacity: 1;
	background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(0, 132, 132, 0.15)), to(rgba(12, 97, 62, 0.78))), url(images/bg/green-polygons.optimized.jpg);
	background-image: linear-gradient( rgba(0, 132, 132, 0.15), rgba(12, 97, 62, 0.78)), url(images/bg/green-polygons.optimized.jpg)
}

#orderDashboard pageHeader .header .image,
#orderTasks pageHeader .header .image {
	height: 75px
}

#orderDashboard pageHeader .ui.statistics,
#orderTasks pageHeader .ui.statistics {
	margin-top: 2rem
}

#orderDashboard pageHeader .ui.message,
#orderTasks pageHeader .ui.message {
	max-width: 700px;
	margin: 1em auto 2em
}

#orderDashboard pageHeader.animated {
	background-color: transparent
}

#orderDashboard pageHeader.animated bg {
	opacity: 1;
	overflow: hidden
}

#orderDashboard pageHeader.animated bg:before {
	position: absolute;
	content: '';
	top: 0%;
	left: 0%;
	width: 100%;
	height: 2000px;
	background-color: #111111;
	background-image: url(images/bg/green-polygons.optimized.jpg);
	will-change: transform
}

#orderDashboard pageHeader.animated bg:after {
	position: absolute;
	content: '';
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	-webkit-box-shadow: inset 0 0 50px rgba(0, 0, 0, .3);
	box-shadow: inset 0 0 50px rgba(0, 0, 0, .3);
	background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(52, 101, 101, 0.58)), to(rgba(28, 88, 63, 0.9)));
	background-image: linear-gradient( rgba(52, 101, 101, 0.58), rgba(28, 88, 63, 0.9))
}

#orderDashboard pageHeader.animated bg {
	z-index: -1;
	height: 100%;
	width: 100%;
	top: 0%;
	left: 0%
}

#orderDashboard pageHeader.animated bg:before {
	-webkit-animation: 10s radiate infinite;
	animation: 10s radiate infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear
}

@-webkit-keyframes radiate {
	0% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px)
	}
	100% {
		-webkit-transform: translateY(-275px);
		transform: translateY(-275px)
	}
}

@keyframes radiate {
	0% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px)
	}
	100% {
		-webkit-transform: translateY(-275px);
		transform: translateY(-275px)
	}
}

#orderDisclosure {
	background-color: #F0F0F0
}

#orderDisclosure h2 {
	margin-bottom: 1em
}

#orderDisclosure disclosure .container {
	padding: 150px 0px 100px
}

#orderDisclosure .raised.segment {
	margin: 0px 0px;
	padding: 3em 4em;
	font-size: 16px;
	line-height: 1.5
}

@media only screen and (max-width: 767px) {
	#orderDisclosure disclosure .container {
		padding: 100px 0px 30px
	}
	#orderDisclosure .raised.segment {
		padding: 1em 2em;
		font-size: 14px
	}
}

#orderFiles .tabular.menu .field {
	margin-top: 3px
}

#orderFiles h3+p {
	color: #AAA;
	margin-top: -1em;
	margin-bottom: 2em;
	font-size: 16px
}

#orderFiles .header .meta {
	font-weight: normal;
	font-size: 14px
}

#orderFiles .card .content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

#orderFiles .card .extra.content .meta {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}

#orderFiles h3.ui.header:first-of-type {
	margin-top: 0px;
	padding-bottom: 1em
}

#orderFiles .ui.header .name {
	overflow: hidden;
	text-overflow: ellipsis
}

#orderFiles .ui.placeholder.segment {
	margin-top: 0em
}

#orderFiles fileActions.ui.dropdown {
	float: right;
	margin: -4px 0px
}

#orderFiles fileActions.ui.dropdown>.icon {
	margin: 0px
}

#orderFiles fileActions.ui.dropdown>.menu {
	min-width: 140px
}

.ui.button.dropdown .menu .menu {
	min-width: 0px
}

#orderFiles uploadFile {
	border: none;
	background-color: #F0F0F0;
	-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.04) inset !important;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.04) inset !important;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease
}

#orderFiles uploadFile input[type="file"] {
	position: absolute;
	visibility: hidden;
	top: 0px;
	left: 0px
}

#orderFiles uploadFile:hover {
	background-color: #E9E9E9;
	-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.08) inset;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.08) inset
}

#orderFiles uploadFile:active {
	background-color: #E0E0E0;
	-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15) inset;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15) inset
}

#orderLearn .ui.container:first-child {
	padding-top: 3em
}

#orderLearn h3.ui.header:first-of-type {
	margin-top: 0px
}

#orderLearn h3.ui.header+p {
	color: rgba(0, 0, 0, 0.6)
}

#orderLearn .cfpb.image {
	float: right;
	width: 200px;
	height: auto;
	margin-bottom: 2rem;
	margin-top: -1rem
}

#orderLearn .document.card {
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none
}

#orderLearn .document.card .image {
	width: 100%;
	overflow: visible !important;
	height: 200px;
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.00), rgba(0, 0, 0, 0.00));
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

#orderLearn .document.card .image {
	opacity: 0.9;
	-webkit-transition: 0.3s background ease, 0.3s opacity ease;
	transition: 0.3s background ease, 0.3s opacity ease
}

#orderLearn .document.card .image img {
	max-height: 60%;
	width: auto
}

#orderLearn .document.card .image .ribbon+img {
	max-height: auto;
	max-width: 75%
}

#orderLearn h3+p {
	font-size: 16px
}

#orderLearn .document.card:hover .button,
#orderLearn .document.card:hover .image {
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0.09)) !important;
	background-color: #d9efe5 !important;
	color: #1c6d48 !important
}

#orderLearn .document.card:hover .image {
	opacity: 1
}

#orderMessages .ui.container {
	padding-top: 2rem
}

#orderMessages h4:first-of-type {
	margin: -8px 0px 1em !important
}

#orderMessages .ui.container>createConversation {
	margin-top: -13px;
	float: right
}

#orderMessages tr td attachCount {
	float: right;
	margin: -5px 0px -5px 10px
}

#orderMessages inboxThread.ui.segments {
	-webkit-box-shadow: 0 15px 35px rgba(50, 50, 93, 0), 0 5px 15px rgba(0, 0, 0, 0.08) !important;
	box-shadow: 0 15px 35px rgba(50, 50, 93, 0), 0 5px 15px rgba(0, 0, 0, 0.08) !important
}

#orderMessages inboxThread message.ui.segment {
	font-size: 16px;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	padding: 1.5em 1.25em;
	word-wrap: break-word
}

#orderMessages inboxThread message .ui.header {
	margin-top: 0em;
	margin-bottom: 8px
}

#orderMessages inboxThread message .sub.header {
	margin-bottom: 5px;
	color: #AAAAAA
}

#orderMessages inboxThread message .header .ui.popup {
	text-transform: none !important;
	font-size: 14px
}

#orderMessages inboxThread message .sub.header .circular.label {
	padding: 5px !important;
	vertical-align: -1px;
	margin: 0px 5px 0px 0px !important
}

#orderMessages inboxThread message date {
	float: right;
	font-size: 13px;
	color: #AAAAAA
}

#orderMessages inboxThread message requiresResponse {
	float: right;
	margin: -6px 0px 0px 28px
}

#orderMessages inboxThread message files {
	margin: 1em 0em 0em
}

#orderMessages inboxThread message files .label {
	margin-top: 5px
}

#orderMessages inboxThread message files name {
	display: inline-block;
	vertical-align: top;
	max-width: 200px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

#orderMessages inboxThread message p {
	white-space: pre-wrap
}

#orderMessages replySegment {
	font-weight: bold;
	font-size: 16px;
	padding-top: 0em !important;
	color: rgba(0, 0, 0, 0.6)
}

#orderMessages replyForm attachFile.ui.button {
	margin: 0px 0px 1em 0em !important
}

#orderMessages replyForm attachFile.ui.button input[type="file"] {
	display: none
}

#orderMessages replySegment.hidden {
	display: none
}

#orderMessages attachmentName {
	display: inline
}

#orderMessages removeAttachment {
	display: inline;
	cursor: pointer;
	font-size: 12px;
	color: #AAAAAA;
	margin-left: 1em
}

#orderMessages removeAttachment:hover {
	color: #4183c4
}

#orderMessages fileButtons {
	margin: -6px -11px -7px 10px !important
}

#orderMessages messageButtons {
	margin-top: 1em
}

#orderMessages composeMessagePopup.add {
	width: 400px !important
}

#orderMessages composeMessagePopup.add actions {
	border-top: 1px solid #DDDDDD
}

#orderMessages composeMessagePopup .quill.hidden {
	display: none
}

#nonplatformOrderOverview .ui.container>.ui.message {
	padding: 1.5em
}

#nonplatformOrderOverview .ui.container:first-child {
	padding-top: 3em
}

#nonplatformOrderOverview .card .right.floated.button {
	margin-top: -12px
}

#nonplatformOrderOverview .card .description>p:first-child {
	margin: 1em 0em;
	font-size: 16px;
	font-weight: bold
}

#nonplatformOrderOverview moreinfo td:first-child {
	font-size: 14px
}

#nonplatformOrderOverview editCard.ui.card {
	margin: 1rem -1.5rem -1.5rem !important;
	width: calc(100% + 3rem) !important
}

#nonplatformOrderOverview editCard.ui.card .button {
	margin-top: 0em !important
}

#nonplatformOrderOverview editCard labelColumn h5.ui.header {
	font-size: 12px !important;
	font-weight: bold !important
}

#nonplatformOrderOverview editCard fieldcolumn value {
	padding: 0px;
	font-size: 15px;
	margin-top: 9px !important
}

#nonplatformOrderOverview editCard fieldcolumn.column {
	padding-top: 0px !important
}

#nonplatformOrderOverview editcard editMode {
	top: -6.5em
}

#nonplatformOrderOverview .card propertyMenu {
	display: inline;
	margin-left: 0.75em;
	vertical-align: 2px
}

#nonplatformOrderOverview .card propertyMenu .label.active {
	background-color: #ECD087
}

#nonplatformOrderOverview .card scroll {
	overflow-x: hidden;
	overflow-y: auto;
	max-height: 320px
}

#nonplatformOrderOverview .card headline.segment {
	text-align: center;
	background-color: rgba(150, 150, 150, 0.13);
	font-size: 16px;
	font-weight: bold;
	padding: 8px;
	border-color: transparent;
	color: #191919;
	-webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.07) inset;
	box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.07) inset
}

#nonplatformOrderOverview .card headline.active.segment {
	-webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.13) inset;
	box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.13) inset;
	background-color: rgb(209, 232, 220)
}

#nonplatformOrderOverview .card .right.ribbon.label {
	position: absolute;
	left: calc(100% + 1rem);
	top: 1rem
}

#nonplatformOrderOverview contacts tbody td:first-child,
#nonplatformOrderOverview detailCard tbody td:first-child {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
	color: #333333;
	width: 1px;
	white-space: nowrap;
	padding-right: 20px !important
}

#nonplatformOrderOverview detailCard .card tbody td:last-child {
	padding-left: 20px !important
}

#nonplatformOrderOverview .card .empty.description {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	padding: 4em 0em;
	text-align: center;
	color: #ababab !important;
	font-size: 16px
}

#nonplatformOrderOverview .card .empty.description>.icon {
	display: block;
	margin: 0 auto;
	font-size: 24px;
	color: #dadada
}

#nonplatformOrderOverview messages .table td:first-child {
	white-space: nowrap
}

#nonplatformOrderOverview messages .table th:last-child {
	width: 160px
}

#orderOverview .ui.container>.ui.message {
	padding: 1.5em
}

#orderOverview .ui.container:first-child {
	padding-top: 3em
}

#orderOverview .card .right.floated.button {
	margin-top: -12px
}

#orderOverview .card .description>p:first-child {
	margin: 1em 0em;
	font-size: 16px;
	font-weight: bold
}

#orderOverview .card propertyMenu {
	display: inline;
	margin-left: 0.75em;
	vertical-align: 2px
}

#orderOverview .card propertyMenu .label.active {
	background-color: #ECD087
}

#orderOverview .card scroll {
	overflow-x: hidden;
	overflow-y: auto;
	max-height: 320px
}

#orderOverview .card headline.segment {
	text-align: center;
	background-color: rgba(150, 150, 150, 0.13);
	font-size: 16px;
	font-weight: bold;
	padding: 8px;
	border-color: transparent;
	color: #191919;
	-webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.07) inset;
	box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.07) inset
}

#orderOverview .card headline.active.segment {
	-webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.13) inset;
	box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.13) inset;
	background-color: rgb(209, 232, 220)
}

#orderOverview .card .right.ribbon.label {
	position: absolute;
	left: calc(100% + 1rem);
	top: 1rem
}

#orderOverview contacts tbody td:first-child,
#orderOverview detailCard tbody td:first-child {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
	color: #333333;
	width: 1px;
	white-space: nowrap;
	padding-right: 20px !important
}

#orderOverview detailCard .card tbody td:last-child {
	padding-left: 20px !important
}

#orderOverview .card .empty.description {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	padding: 4em 0em;
	text-align: center;
	color: #ababab !important;
	font-size: 16px
}

#orderOverview .card .empty.description>.icon {
	display: block;
	margin: 0 auto;
	font-size: 24px;
	color: #dadada
}

#orderOverview messages .table td:first-child {
	white-space: nowrap
}

#orderOverview messages .table th:last-child {
	width: 160px
}

#orderTasksContainer task dataentrystatus+form {
	padding-top: 1em
}

#orderTasksContainer task .huge.secondary.menu {
	margin-bottom: 2rem
}

#orderTasksContainer task .right.floated.button {
	margin-top: -8px
}

#orderTasksContainer .instructions {
	margin: 2em 0em 2em
}

#orderTasksContainer .underline {
	display: inline;
	vertical-align: top;
	border-bottom: 1px solid #b4b4b4;
	color: #333333
}

#orderTasksContainer task h4.ui.header>.icon {
	margin-right: 7px
}

#orderTasksContainer task tabularSegment tabularSegment tabularSegment.ui.bottom.attached.segment {
	-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1)
}

#orderTasksContainer task tabularSegment tabularSegment h4.ui.header {
	border-bottom: 1px solid #dddede;
	padding-bottom: 4px;
	margin-bottom: 7px !important
}

#orderTasksContainer task tabularSegment h5.ui.header {
	font-size: 16px;
	text-transform: none !important
}

#orderTasksContainer task tabularmenu .active.item {
	cursor: default;
	z-index: 2
}

#orderTasksContainer task tabularmenu.ui.dashboard.dashboard.dashboard.menu {
	background-image: none;
	font-size: 14px !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border: none !important;
	padding-top: 0px !important;
	margin-bottom: 10px !important;
	max-width: 100%;
	margin: 0px 0px 11px !important;
	padding-left: 0px !important;
	padding-right: 0px !important
}

#orderTasksContainer task .ui.placeholder.segment {
	min-height: 200px
}

#orderTasksContainer task .ui.placeholder.segment .ui.button {
	max-width: 350px
}

#orderTasksContainer task .ui.placeholder.segment .two.buttons {
	width: 350px
}

#orderTasksContainer task .indent {
	padding: 1em 0em 1em 2.5em
}

#orderTasksContainer task .indent>p {
	font-size: 15px
}

#orderTasksContainer task .indent>p .ui.popup {
	padding: 1.5em !important
}

#orderTasksContainer task .ui.form textarea {
	line-height: 1.5
}

#orderTasksContainer task questions.grid {
	margin-top: 0em
}

#orderTasksContainer task questions.grid .help.popup {
	width: 250px
}

#orderTasksContainer task questions.grid .help.popup .header {
	margin-bottom: 0.5rem
}

#orderTasksContainer task questions.grid .column:first-child {
	width: 265px;
	padding-right: 50px
}

#orderTasksContainer task questions.grid .column:first-child p {
	font-size: 15px
}

#orderTasksContainer task .field .ui.buttons>.button {
	color: #888888
}

#orderTasksContainer task .field .ui.buttons>.active.button {
	color: #11653E
}

#orderTasksContainer task tabular tabs {
	position: absolute;
	right: 10px;
	top: 7px;
	z-index: 1
}

#orderTasksContainer task tabular .segment tabs {
	top: -8px;
	right: -3px
}

#orderTasksContainer task fileSelect actions {
	position: absolute;
	margin-top: -1px;
	right: 8px;
	top: auto;
	z-index: 1
}

#orderTasksContainer task fileSelect actions .icon {
	font-size: 18px !important
}

#orderTasksContainer task fileSelect table td {
	padding-top: 0px;
	padding-bottom: 0px
}

#orderTasksContainer task fileSelect table td>.ui.checkbox {
	display: block;
	padding-top: 0px;
	padding-bottom: 0px
}

#orderTasksContainer task fileSelect table td>.ui.checkbox label {
	cursor: pointer;
	padding-left: 2rem
}

#orderTasksContainer task fileSelect table td .horizontal.label {
	margin: 0px 0px 0px 5px;
	position: relative;
	top: -1px
}

#orderTasksContainer task fileSelect table tr.disabled label {
	color: #CCCCCC
}

#orderTasksContainer task fileSelect uploadFile.ui.bottom.attached.segment {
	padding: 7px 7px
}

#orderTasksContainer task uploadFile input[type="file"] {
	display: none
}

#orderTasksContainer task uploadFile.segment a {
	color: rgba(0, 0, 0, 0.6)
}

#orderTasksContainer task uploadFile.segment:hover a {
	color: #4183c4
}

#orderTasksContainer task uploadFile.segment {
	cursor: pointer;
	padding: 8px 9px;
	font-weight: bold
}

#orderTasksContainer task selectAllSupplementary {
	margin-top: -8px
}

#orderTasksContainer task costs.indent {
	padding-top: 0px
}

#orderTasksContainer task paymentInfo {
	margin-top: 20px
}

#orderTasksContainer task paymentInfo p {
	margin-bottom: 22px
}

#orderTasksContainer task paymentInfo h5.ui.header {
	text-transform: none !important
}

#orderTasksContainer task paymentInfo .read.only.field .lock.icon {
	display: none
}

#orderTasksContainer task paymentInfo .read.only.field input {
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	background-image: none !important;
	background-color: transparent;
	font-weight: bold;
	padding-left: 0px;
	font-size: 16px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
	border-radius: 0px
}

#orderTasksContainer task paymentInfo subTotals .fields {
	position: relative
}

#orderTasksContainer task paymentInfo .operator.field .label {
	background-color: transparent
}

#orderTasksContainer task paymentInfo remove {
	float: left
}

#orderTasksContainer task paymentInfo remove .delete.link.icon {
	color: #562E2E !important
}

#orderTasksContainer task paymentInfo .wide.field~subTotal {
	width: 170px !important
}

#orderTasksContainer task paymentInfo subTotal value {
	text-align: right;
	margin-top: 17px;
	font-size: 14px;
	text-transform: none;
	padding: 8px 10px;
	color: #3d4043;
	border: 1px solid #e4e4e4;
	background-color: #f5f5f5;
	border-radius: 500rem;
	white-space: nowrap;
	font-weight: bold;
	-webkit-box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.1) inset
}

#orderTasksContainer task paymentInfo subTotal label+value {
	margin-top: 0em
}

#orderTasksContainer task paymentInfo totalCosts {
	text-align: right
}

#orderTasksContainer task paymentInfo totalCosts .field>value {
	margin-top: 3px;
	font-size: 18px;
	color: #429666;
	font-weight: bold
}

#orderTasksContainer task paymentInfo.tally .read.only.field input {
	font-weight: normal
}

#orderTasksContainer task paymentInfo.tally subTotal value {
	text-align: right;
	margin-top: 2px;
	font-size: 16px;
	text-transform: none;
	padding: 8px 10px;
	color: #3d4043;
	border: none;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	background-color: transparent;
	border-radius: 0px;
	font-weight: bold;
	-webkit-box-shadow: none;
	box-shadow: none
}

#orderTasksContainer task paymentInfo.tally totalCosts .field>value {
	display: inline-block;
	color: #3d4043;
	border: 1px solid #e4e4e4;
	padding: 8px 20px;
	font-size: 20px;
	background-color: #f5f5f5;
	border-radius: 500rem;
	white-space: nowrap;
	font-weight: bold;
	-webkit-box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.1) inset
}

@media only screen and (max-width: 767px) {
	#orderTasksContainer task .fields .operator.field {
		margin: 0px !important;
		padding: 0px !important;
		text-align: center
	}
	#orderTasksContainer task paymentInfo .operator.field .label {
		font-size: 16px !important;
		background-color: #F0F0F0
	}
	#orderTasksContainer task paymentInfo .read.only.field input {
		text-align: right !important
	}
	#orderTasksContainer task paymentInfo .read.only.field+.operator.field {
		text-align: right !important
	}
	#orderTasksContainer task paymentInfo .wide.field~subTotal {
		width: 100% !important
	}
	#orderTasksContainer .instructions {
		margin: 2em 0em;
		font-size: 15px;
		text-align: center
	}
}

#orderTasksContainer>.container {
	margin-top: 2rem
}

#orderTasksContainer taskProgress {
	float: right;
	width: 135px
}

#orderTasksContainer task {
	position: relative;
	margin-top: 40px;
	margin-right: 300px
}

#orderTasksContainer .ui.rail .ui.sticky {
	z-index: 2
}

#orderTasksContainer .ui.rail .card>.image {
	height: 100px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: #ECF7F1
}

#orderTasksContainer .ui.rail .card>.image img {
	height: 80px;
	margin: 0 auto;
	width: auto;
	max-width: 100%
}

#orderTasksContainer .ui.rail .card .content {
	font-size: 14px
}

@media only screen and (max-width: 1080px) {
	#orderTasksContainer .ui.rail {
		width: 260px
	}
	#orderTasksContainer task {
		margin-right: 280px
	}
}

#orderTasksContainer orderTasks.ui.items .ui.button {
	width: 220px
}

#orderTasksContainer orderTasks.ui.items status {
	position: absolute;
	margin-top: -3px;
	right: 0px;
	font-size: 13px;
	color: #AAA
}

#orderTasksContainer submitRequest.ui.disabled.button {
	pointer-events: auto !important;
	cursor: not-allowed !important
}

#orderTasksContainer orderTasks.ui.items .image {
	background-color: #ecf7f1;
	-webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.08), 0px 0px 15px rgba(0, 0, 0, 0.04);
	box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.08), 0px 0px 15px rgba(0, 0, 0, 0.04);
	width: 280px;
	height: 150px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 6px;
	overflow: hidden;
	-webkit-transition: -webkit-transform 0.3s ease;
	transition: -webkit-transform 0.3s ease;
	transition: transform 0.3s ease;
	transition: transform 0.3s ease, -webkit-transform 0.3s ease
}

#orderTasksContainer orderTasks.ui.items .image:hover {
	-webkit-transform: translateY(-2%);
	transform: translateY(-2%)
}

#orderTasksContainer orderTasks.ui.items .image img {
	height: 80px;
	width: auto
}

#orderTasksContainer orderTasks.ui.items .urgent.item {
	-webkit-box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.1);
	padding: 2em !important;
	border: 1px solid #4daf7c;
	border-radius: 10px;
	margin: -1em -1em 1em;
	position: relative;
	background-color: #ABFFD30F;
	background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05)));
	background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05));
	width: calc(100% + 2em)
}

#orderTasksContainer orderTasks.ui.items .urgent.item status.label {
	right: 1em
}

#orderTasksContainer orderTasks.ui.items .urgent.item>.image {
	background-color: #FFFFFF;
	border: 1px solid #b1d2c187
}

#orderTasksContainer orderTasks.ui.items .urgent.item+.item {
	border-top: none;
	padding-top: 1em
}

#orderTasksContainer orderTasks.ui.items .completed.image {
	-webkit-transform: unset;
	transform: unset;
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
	background-color: #FAFAFA !important
}

#orderTasksContainer orderTasks.ui.items .completed.image .corner.label {
	border-color: #E0E0E0 !important
}

#quoteReview cdTableWrapper thead tr:first-child th:nth-child(1) {
	min-width: 33%
}

#quoteReview cdTableWrapper thead tr:first-child th:nth-child(2) {
	width: 8em !important
}

#quoteReview cdTableWrapper thead tr:first-child th:nth-child(3) {
	width: 8em !important
}

#quoteReview titleQuoteTableWrapper thead tr:first-child th:nth-child(1) {
	min-width: 33%
}

#quoteReview titleQuoteTableWrapper thead tr:first-child th:nth-child(2) {
	width: 8em !important
}

#quoteReview titleQuoteTableWrapper thead tr:first-child th:nth-child(3) {
	width: 8em !important
}

#quoteModal rateTypeDropdown {
	width: 100%
}

netSheetTableWrapper thead tr:first-child th:nth-child(1) {
	min-width: 33%
}

netSheetTableWrapper thead tr:first-child th:nth-child(2) {
	width: 8em !important
}

netSheetTableWrapper thead tr:first-child th:nth-child(3) {
	width: 8em !important
}

#reportView page>.ui.container {
	padding-top: 2rem
}

#reportView page .ui.breadcrumb {
	margin-bottom: 2rem
}

#reportView page dateRange {
	float: right
}

#reportView .ui.loader {
	margin-top: 9rem !important
}

#reportView page filters.segment {
	margin-bottom: 1rem
}

#reportView page filters.segment .fields:last-child {
	margin-bottom: 0rem !important
}

#reportView td .flat.x.icon {
	vertical-align: 1px;
	font-size: 11px
}

#reportView td .light {
	color: rgba(0, 0, 0, 0.4);
	margin-left: 5px
}

#reportView dateRange input {
	width: 125px !important
}

#reportView dateRange .sub.header {
	margin: 12px 8px 0px 0px !important
}

#reportView td[data-label]:before {
	width: 140px !important
}

signaturePopup.ui.popup {
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border: none !important;
	background: none !important
}

signaturePopup.ui.popup:before {
	display: none
}

signaturePopup.ui.popup .ui.icon.buttons {
	-webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15)
}

@media only screen and (max-width: 767px) {}

@media only screen and (max-width: 375px) {
	#signatureWelcomeModal .actions .ui.button {
		font-size: 16px !important
	}
}

#globalDemoQualia>.content {
	padding: 1em 4em;
	text-align: center
}

#globalDemoQualia>.content h2 {
	font-size: 32px !important;
	margin-top: 0em !important;
	font-weight: bold;
	font-family: "Lato", Arial, sans-serif !important
}

#globalDemoQualia>.content p {
	font-size: 18px;
	color: #888888
}

#globalDemoQualia .actions previous {
	float: left
}

#globalDemoQualia .actions>.animated.button {
	vertical-align: top
}

#globalDemoQualia b {
	font-weight: bold;
	color: #2fa066
}

#globalDemoQualia .banner {
	margin-top: 100px;
	min-height: 320px
}

topBar notificationPopup.ui.popup {
	width: 450px !important;
	-webkit-box-shadow: 0px 15px 35px rgba(50, 50, 93, 0.1), 0px 5px 15px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 15px 35px rgba(50, 50, 93, 0.1), 0px 5px 15px rgba(0, 0, 0, 0.2);
	max-width: none;
	background-image: none
}

topBar notificationPopup.ui.popup {
	border-color: #EFEFEF !important
}

topBar notificationPopup.ui.popup:before {
	-webkit-box-shadow: -1px -1px 0px 0px #EFEFEF !important;
	box-shadow: -1px -1px 0px 0px #EFEFEF !important
}

topBar notificationPopup.ui.popup>.header {
	margin-top: 0em
}

topBar notificationPopup notificationActions {
	float: right
}

topBar notificationPopup markRead,
topBar notificationPopup preferences {
	float: right;
	cursor: pointer;
	font-size: 12px;
	color: #696969
}

topBar notificationPopup markRead:hover,
topBar notificationPopup preferences:hover {
	color: #4183c4
}

topBar notificationPopup separator {
	float: right;
	margin-left: .25em;
	margin-right: .25em
}

topBar notificationPopup>.header {
	margin: 0px 0px 7px
}

topBar notificationPopup>.content {
	margin: 0px -12px -9px -12px !important;
	border-radius: 0px 0px 5px 5px !important;
	padding: 0px !important
}

topBar notificationPopup emptyText {
	display: block;
	color: rgba(0, 0, 0, 0.4);
	text-align: center;
	padding: 4em 0em !important;
	border-top: 1px solid #DDD;
	background-color: #f5f6f6;
	margin: 0em !important;
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.08) inset;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.08) inset
}

topBar notificationPopup .ui.feed {
	margin: 0px !important;
	-webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.04) inset;
	box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.04) inset;
	max-height: 315px;
	border-top: 1px solid #E9E9E9 !important;
	overflow: auto
}

topbarSearch.search.item {
	padding-right: 2px !important
}

topbarSearch.search input {
	position: relative;
	width: 175px !important;
	-webkit-transition: background-color 0.3s ease, width 0.5s ease !important;
	transition: background-color 0.3s ease, width 0.5s ease !important
}

topbarSearch.search input:focus {
	background-color: #FFFFFF !important;
	width: 225px !important;
	z-index: initial
}

topbarSearch.search input:focus+.icon {
	cursor: default !important;
	pointer-events: none;
	color: rgba(0, 0, 0, 0.87) !important
}

topbarSearch.ui.search .results {
	text-transform: none
}

topbarSearch.ui.search .result .description b {
	font-weight: bold
}

topbarSearch.ui.search .result .ui.label {
	float: right;
	margin-left: 0.5em
}

standalonePageHeader pageHeader {
	background-color: #EFEFEF;
	background-image: url(images/bg/inverted-polygons.jpg)
}

standalonePageHeader pageHeader .icon {
	font-size: 32px !important
}

standalonePageHeader pageHeader .container {
	padding-bottom: 1rem
}

standalonePageHeader bg {
	opacity: 1;
	position: absolute;
	background-image: -webkit-gradient(linear, left top, right bottom, from(transparent), color-stop(transparent), to(rgba(103, 128, 146, 0.43)));
	background-image: linear-gradient(to bottom right, transparent, transparent, rgba(103, 128, 146, 0.43));
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	pointer-events: none;
	-webkit-transition: opacity 2s ease;
	transition: opacity 2s ease
}

#god mainContainer {
	margin-top: 1em
}

#god opentab h3.ui.header {
	margin: 3rem 0rem 2rem
}

#home pageHeader {
	background-color: #244659
}

#home pageHeader bg {
	background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(0, 132, 132, 0.15)), to(rgb(28, 62, 88))), url(/images/bg/blue-polygons-bg.jpg);
	background-image: linear-gradient( rgba(0, 132, 132, 0.15), rgb(28, 62, 88)), url(/images/bg/blue-polygons-bg.jpg)
}

#home pageHeader bg {
	opacity: 1
}

#home pageHeader .statistic {
	width: 150px;
	min-width: 0px
}

#home page>.ui.container {
	padding: 4em 0em
}

#home .placeholder.segment {
	margin-top: 2em !important
}

#manage pageHeader {
	background-color: #EFEFEF;
	background-image: url(images/bg/inverted-polygons.jpg)
}

#manage pageHeader .circular.icon {
	font-size: 3rem
}

#manage pageHeader bg {
	opacity: 1;
	position: absolute;
	background-image: -webkit-gradient(linear, left top, right bottom, from(transparent), color-stop(transparent), to(rgba(103, 128, 146, 0.43)));
	background-image: linear-gradient(to bottom right, transparent, transparent, rgba(103, 128, 146, 0.43));
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	pointer-events: none;
	-webkit-transition: opacity 2s ease;
	transition: opacity 2s ease
}

#manage openTab h3.ui.header {
	margin: 3rem 0rem 2rem
}

#manage openTab .dashboard.menu+.ui.container h3:first-child {
	margin-top: 0rem
}

#manage openTab .container>.right.floated.button:first-child+h3.ui.header {
	margin-top: 0rem
}

#manage pageHeader div .indicating {
	width: 50%;
	margin: 0 auto;
	margin-top: 20px
}

#manage #completeness {
	cursor: pointer
}

#onboardingModal>.content {
	padding: 2em 4em;
	height: 546px;
	text-align: center
}

#onboardingModal>.content h2 {
	font-size: 32px !important;
	margin-top: 0em !important;
	font-weight: bold;
	font-family: "Lato", Arial, sans-serif !important
}

#onboardingModal>.content p {
	font-size: 22px;
	color: #888888
}

#onboardingModal .actions previous {
	float: left
}

#onboardingModal .actions>.animated.button {
	vertical-align: top
}

#onboardingModal b {
	font-weight: bold;
	color: #2fa066
}

@media only screen and (min-width: 768px) {
	#onboardingModal skipwalkthrough.animated.button {
		margin: 0em 0em 1em
	}
	#onboardingModal .mobile.only {
		display: none
	}
	#onboardingModal .nonmobile.only {
		display: block
	}
	#onboardingModal .nonmobile.only.button {
		display: inline-block
	}
}

@media only screen and (max-width: 767px) {
	#onboardingModal .nonmobile.only {
		display: none
	}
	#onboardingModal .mobile.only {
		display: block
	}
	#onboardingModal .mobile.only.button {
		display: inline-block
	}
	#onboardingModal>.content {
		min-height: 385px !important;
		height: auto !important
	}
	#onboardingModal>.content h2 {
		font-size: 28px !important
	}
	#onboardingModal>.content p {
		font-size: 18px
	}
	#onboardingModalWelcome .ui.image {
		width: auto !important;
		height: auto !important
	}
	#onboardingModalWelcome p {
		margin-top: 15px !important;
		margin-bottom: 15px !important
	}
	#onboardingModalDetails p+p {
		display: none
	}
	#onboardingModalDetails .grid .column:first-child {
		display: none
	}
	#onboardingModalDetails .grid .column:last-child {
		width: 100% !important
	}
	#onboardingModalDetails.content h2 {
		margin-bottom: 10px !important
	}
	#onboardingModalDetails p {
		margin-bottom: 0px !important
	}
	#onboardingModalDetails yourClosing {
		max-height: 212px;
		overflow-x: hidden;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch
	}
	#onboardingModalProfile.content {
		height: auto !important
	}
	#onboardingModal profileGrid.ui.grid .column:first-child {
		display: none
	}
	#onboardingModal profileGrid.ui.grid .ui.form .fields {
		margin-bottom: 1rem
	}
	#onboardingModal profileGrid.ui.grid .ui.form .fields:last-child {
		margin-bottom: 0rem
	}
	#onboardingModal profileGrid.ui.grid .column:last-child {
		width: 100% !important
	}
	#onboardingModalWalkthrough .ui.image {
		height: 125px !important
	}
}

@media only screen and (max-width: 400px) {
	#onboardingModal .ui.big.button {
		font-size: 13px !important
	}
}

#quoteModal>.content {
	position: relative;
	padding: 1.5em 3em
}

#quoteModal>.content h2 {
	font-size: 28px !important;
	margin-top: 0em !important;
	text-align: center;
	font-weight: bold;
	font-family: "Lato", Arial, sans-serif !important
}

#quoteModal h2+p {
	text-align: center;
	color: #AAA;
	font-size: 22px;
	margin: -5px 0px 15px
}

#quoteModal>.actions {
	position: relative
}

#quoteModal>.actions disclaimer {
	position: absolute;
	left: 1.5rem;
	font-size: 14px;
	top: 2rem;
	color: rgba(0, 0, 0, 0.4)
}

#quoteModal step {
	padding: 1em 0em;
	height: 380px;
	overflow-y: auto;
	overflow-x: hidden
}

#quoteModal step>form {
	position: static
}

#quoteModal step>form>p {
	font-size: 18px
}

#quoteModal step>form>p b {
	color: #309861
}

#quoteModal .ui.form .operator.field {
	padding-top: 19px !important;
	text-align: center
}

#quoteModal .ui.form .operator.field .label {
	font-size: 18px !important;
	padding: 8px 0px;
	border: none !important
}

#quoteModal .steps.transition.hidden {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	visibility: hidden
}

#quoteModal .header.transition.hidden,
#quoteModal p.transition.hidden,
#quoteModal step.transition.hidden {
	display: block;
	visibility: hidden
}

#quoteProperty {
	background-color: #FFFFFF
}

#quoteProperty step {
	overflow: visible !important
}

#quoteProperty .right.floated.image {
	width: 390px;
	margin-top: 65px
}

#quoteProperty .right.floated.image+content {
	margin-right: 420px
}

#quoteProperty disclaimer {
	font-size: 13px;
	color: rgba(0, 0, 0, 0.4)
}

#quoteProvider form>p {
	margin: -12px 0px 0px
}

#quoteProvider step .ui.items {
	margin: 5px 0px
}

#quoteProvider .ui.items .image {
	background-color: #FFFFFF;
	width: 120px !important;
	height: 55px !important;
	padding: 10px
}

#quoteProvider .ui.items .image img {
	max-height: 50px;
	max-width: 100%;
	width: auto;
	height: auto
}

#quoteProvider .ui.items .content {
	position: relative
}

#quoteProvider .ui.items .image+.content .header {
	margin: 5px 0px 0px
}

#quoteProvider .ui.items .image .initials {
	padding: 4px 8px;
	line-height: 1;
	border-radius: 5px;
	font-size: 16px;
	text-align: center;
	font-weight: normal;
	font-family: 'Merriweather', 'Times New Roman', serif
}

#quoteProvider selectProvider {
	position: absolute;
	top: 50%;
	right: 0px;
	margin-top: -18px;
	width: 125px;
	text-transform: none
}

#quoteProvider bg {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: transparent no-repeat center bottom;
	z-index: 1;
	pointer-events: none;
	background-size: auto 180px, auto auto;
	background-image: url(images/artwork/tools.png), -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#F9F9F9));
	background-image: url(images/artwork/tools.png), linear-gradient(rgba(255, 255, 255, 0), #F9F9F9)
}

#quoteProvider bg+.segment {
	position: relative;
	z-index: 2;
	margin-top: -1em
}

#quoteModal>.actions {
	overflow: hidden
}

#quoteModal previousStep.button {
	float: left
}

#quoteModal .actions .ui.button.disabled {
	cursor: not-allowed !important;
	pointer-events: auto !important
}

#quoteModal choices {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0px auto 0px;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	background-color: #FFFFFF;
	border-radius: 10px;
	-webkit-box-shadow: 0 7px 16px 0 rgba(57, 76, 93, 0.13);
	box-shadow: 0 7px 16px 0 rgba(57, 76, 93, 0.13)
}

#quoteModal choices>.top.attached.label {
	top: 0px;
	z-index: 2;
	text-align: center;
	background-color: #F6F6F6
}

#quoteModal choice {
	position: relative;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	width: 50%;
	margin: 0em !important;
	padding: 3em 1em 1.5em;
	border-right: 1px solid rgba(32, 93, 93, 0.08);
	-webkit-transition: -webkit-box-shadow 0.3s ease;
	transition: -webkit-box-shadow 0.3s ease;
	transition: box-shadow 0.3s ease;
	transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease
}

#quoteModal choice content {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}

#quoteModal choice:last-child {
	border-right: none
}

#quoteModal choice .ui.statistic .label {
	color: #333333;
	margin-bottom: 10px
}

#quoteModal choice .ui.statistic .value {
	color: #555555
}

#quoteModal choice .button {
	margin-top: 1em
}

#quoteModal choice.active {
	background-color: #FFFFFF;
	-webkit-box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.08);
	box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.08)
}

#quoteModal choice.active .value {
	color: #449A6D !important
}

#quoteModal choice.inactive {
	background-color: #FBFBFB;
	opacity: 0.5;
	-webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2) inset;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2) inset
}

#quoteModal choice.inactive .ui.statistic .value {
	color: rgba(0, 0, 0, 0.2) !important
}

#quoteTitle {
	background: #FFFFFF url(images/artwork/landscape.png) no-repeat bottom center;
	background-size: auto 110px
}

#quoteTitle step {
	text-align: center
}

#quoteTitle paidBy label {
	margin-bottom: 5px
}

#quoteTitle paidBy .ui.buttons .button.active {
	background-color: #d1d1d2 !important;
	color: #2b2b2b !important
}

#quoteTitle .ui.grid .column {
	max-width: 400px
}

#quoteTitle step form>p {
	margin: 1em 0em 1.5em;
	font-size: 22px;
	font-weight: bold
}

#quoteTaxes step form p {
	margin: 0.5em 0em 1em;
	font-size: 17px;
	text-align: center;
	font-weight: normal
}

#quoteTaxes step form p b {
	color: #309861
}

#quoteCloseDate div.field {
	max-width: 400px !important
}

#quoteTaxes taxTableWrapper {
	background-color: #FFFFFF;
	max-width: 700px !important;
	margin: 0 auto 1em
}

#quoteTaxes taxTableWrapper td:first-child {
	font-weight: bold
}

#quoteTaxes taxTableWrapper tr td:nth-child(2) {
	min-width: 9em;
	max-width: 16em
}

#quoteTaxes taxTableWrapper tr td:nth-child(2) div.ui.search.selection.dropdown {
	max-width: 16em;
	float: right
}

#quoteReview {
	background: #FFFFFF url(images/artwork/landscape.png) no-repeat bottom center;
	background-size: auto 110px
}

#quoteReview .horizontal.statistics .statistic .label {
	width: 120px;
	text-align: right;
	padding-right: 15px
}

#quoteReview.content step h2.ui.header {
	margin-top: -15px;
	margin-bottom: 15px
}

#quoteReview step>.ui.tabular.dashboard.menu {
	margin-left: -4rem !important;
	margin-right: -4rem !important;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: -25px !important
}

#quoteReview tableWrapper.dense .ui.table tr.empty td {
	height: 27px
}

#quoteReview expandedView {
	margin: 0em 1em
}

#quoteReview h2 .image {
	width: auto;
	max-height: 50px;
	margin-top: -5px
}

#quoteReview .ui.table:not(.definition) {
	font-size: 13px;
	border: 1px solid #e5e7e7;
	background-color: rgba(255, 255, 255, 0.9);
	-webkit-box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.08);
	box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.08)
}

#quoteReview .ui.table:not(.definition) .ui.label {
	padding: 3px 8px;
	margin-right: 5px;
	vertical-align: 1px
}

#quoteReview .ui.table:not(.definition) tr.header th {
	padding: 4px 8px 3px !important;
	background-color: #FFFFFF;
	background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05))) !important;
	background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05)) !important;
	border-top: 1px solid #e5e7e7;
	border-bottom: 1px solid #e5e7e7
}

#quoteReview .ui.table:not(.definition) tr.header:not(:first-child) th {
	border-radius: 0px
}

#quoteReview .ui.table:not(.definition) tr~tr.header th {
	border-top: none
}

#quoteReview .ui.table:not(.definition) td {
	padding: 4px 7px !important;
	font-size: 12px
}

#quoteReview .ui.table:not(.definition) td .empty {
	color: rgba(0, 0, 0, 0.1)
}

#quoteReview .ui.table.selectable tr {
	cursor: auto !important
}

#quoteReview condensedView .statistics {
	margin-top: 0.5em !important;
	margin-bottom: 0.5em !important
}

#quoteReview expandedView disclaimer {
	margin: 1rem 0rem 0rem;
	color: rgba(0, 0, 0, 0.4);
	font-size: 11px
}

#quoteReview condensedView disclaimer {
	margin: 1rem;
	color: rgba(0, 0, 0, 0.4);
	font-size: 13px
}

#quoteReview expandedView viewSummary.ui.button {
	margin-top: 1em;
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	text-transform: none
}

#quoteSellerPayoffConfirm p {
	text-align: center;
	margin: 1em 0em 1.5em;
	font-size: 22px !important;
	font-weight: bold
}

#quoteSellerPayoffConfirm choices {
	max-width: 350px
}

#quoteSellerPayoffs step addPayoff.button {
	margin-top: -10px
}

#quoteSellerPayoffs step h4:first-of-type {
	margin-top: 0em !important
}

#quoteSellerPayoffs step form p {
	margin: 0.5em 0em 1em;
	font-size: 17px;
	text-align: center;
	font-weight: normal
}

#quoteSellerPayoffs step form p b {
	color: #309861
}

#quoteSellerAdditionalItems step addLineItem.button {
	margin-top: -10px
}

#quoteCreateAccount step {
	overflow: visible !important
}

#quoteCreateAccount .right.floated.image {
	height: 270px;
	width: auto;
	margin-top: 65px
}

#quoteCreateAccount .right.floated.image+content {
	margin-right: 410px
}

@media screen and (max-width: 1024px) {
	#quoteModal h2+p {
		font-size: 19px
	}
	#quoteModal .ui.steps .step .title {
		font-size: 14px
	}
	#quoteModal>.content {
		padding: 1.5em
	}
	#quoteProperty .right.floated.image {
		display: block;
		width: 180px;
		float: none;
		margin: -0.5em auto 1em
	}
	#quoteProperty .right.floated.image+content {
		margin-right: 0px
	}
	#quoteReview condensedView {
		display: block;
		margin: 0em 1em
	}
	#quoteReview expandedView {
		display: none
	}
	#quoteModal .step short.title {
		display: block
	}
	#quoteModal .step long.title {
		display: none
	}
	#quoteCreateAccount .right.floated.image {
		display: none
	}
	#quoteCreateAccount .right.floated.image+content {
		margin-right: 0px
	}
}

@media screen and (min-width: 1025px) {
	#quoteReview condensedView {
		display: none
	}
	#quoteReview expandedView {
		display: block
	}
	#quoteModal .step short.title {
		display: none
	}
	#quoteModal .step long.title {
		display: block
	}
}

@media only screen and (max-width: 767px) {
	#quoteModal>.content {
		min-height: calc(100vh - 135px);
		overflow: auto
	}
	#quoteModal>.content h2 {
		font-size: 20px !important;
		margin-right: 1.25em;
		margin-left: 1.25em
	}
	#quoteModal>.content h2+p {
		font-size: 15px !important;
		margin-bottom: 5px !important;
		max-width: 80%;
		margin: -9px auto 0px !important
	}
	#quoteModal>.actions disclaimer {
		position: static;
		text-align: center;
		margin-bottom: 1rem
	}
	#quoteModal>.content .fields:last-child .field:last-child {
		margin-bottom: 0em !important
	}
	#quoteModal .ui.large.form {
		font-size: 14px
	}
	#quoteModal .ui.search .results {
		max-width: 80vw
	}
	#quoteModal .ui.steps {
		display: none !important
	}
	#quoteModal step {
		height: auto !important;
		padding-bottom: 0em !important;
		overflow: visible !important
	}
	#quoteModal choice .ui.statistic .label {
		margin-bottom: 0px !important
	}
	#quoteModal table.ui.table td[data-label]:before {
		width: 95px !important
	}
	#quoteTaxes .ui.table:not(.unstackable) tr:last-child {
		-webkit-box-shadow: none !important;
		box-shadow: none !important
	}
	#quoteModal .ui[class*="right floated"].button:not(attach) {
		margin-top: 0em !important
	}
	#quoteTaxes taxTableWrapper tr td:nth-child(2) {
		min-width: none;
		max-width: none
	}
	#quoteProperty h4.ui.header:not(:first-child) {
		margin-top: 1rem
	}
	#quoteSellerPayoffConfirm .info.circle.icon {
		display: none
	}
	#quoteSellerAdditionalItems td.icon {
		position: absolute;
		top: 1.5em;
		right: 1em
	}
	#quoteSellerAdditionalItems td.numeric {
		text-align: left !important
	}
	#quoteSellerAdditionalItems td.icon .icon {
		font-size: 18px !important
	}
	#quoteModal .ui.form .operator.field {
		padding-top: 0px !important;
		margin: -10px 0px 0px !important;
		text-align: center
	}
	#quoteProvider step .ui.items {
		max-height: calc(100vh - 250px) !important;
		background-image: linear-gradient(#FAFAFA, #FFFFFF 200px);
		-webkit-box-shadow: 0px 3px 5px -2px rgba(0, 0, 0, 0.2) inset;
		box-shadow: 0px 3px 5px -2px rgba(0, 0, 0, 0.2) inset;
		margin: 0em -1em 0em;
		padding: 1em 1em
	}
	#quoteProvider step .ui.items .header {
		display: block !important;
		font-size: 16px !important;
		margin-right: 145px !important
	}
	#quoteProvider h2+p {
		display: none !important
	}
	#quoteProvider step>form>p {
		font-size: 16px;
		text-align: center;
		margin-top: -20px;
		margin-bottom: 8px
	}
	#quoteProvider step>form>p b {
		display: block
	}
	#quoteProvider selectProvider {
		top: auto !important;
		bottom: 0px !important
	}
	#quoteProvider .ui.items .image+.content .header {
		margin: 0px 0px 0px
	}
	#quoteProvider bg+.segment {
		margin-top: -3em;
		margin-bottom: 10em
	}
	#quoteTitle step form>p {
		margin: 0.5em 1em 1em;
		font-size: 18px
	}
	#quoteReview condensedView viewSummary.ui.button {
		margin-top: 0em !important
	}
	#quoteReview condensedView {
		margin: 0rem
	}
	#quoteReview .ui.table:not(.definition) tr {
		-webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important;
		box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important
	}
	#quoteReview .ui.table:not(.definition) td {
		padding: 2px 7px !important;
		font-size: 12px;
		text-align: left
	}
	#quoteReview .ui.table.selectable tr {
		padding: 0.5rem 0.25rem
	}
	#quoteReview+.actions previousStep.ui.button {
		float: none
	}
}

#reports reportsContainer {
	padding-top: 2rem
}

#reports page .ui.breadcrumb {
	margin-bottom: 2rem
}

signatureRail signingCard table {
	word-break: break-all
}

signatureRail signingCard thead tr {
	color: #FF0000;
	-webkit-box-shadow: none !important;
	box-shadow: none !important
}

signatureRail pageButtons.ui.buttons {
	margin: -0.25rem -0.8rem 0 0.5rem !important
}

signatureRail th .count {
	display: block;
	color: #AAAAAA;
	font-size: 13px
}

signatureRail documentList.ui.list {
	position: relative;
	max-height: 200px;
	overflow-x: hidden;
	overflow-y: auto
}

signatureRail pageDescription {
	min-height: 88px;
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s
}

signatureRail pageDescription.transition.hidden {
	display: block;
	opacity: 0
}

signatureRail documentList.ui.list {
	margin: 0px -24px;
	padding: 0px 12px
}

signatureRail documentList.ui.list .item>.check.icon,
signatureRail documentList.ui.list .item>.x.icon {
	margin: -1px 0px 0px 8px;
	width: 13px;
	text-align: center;
	float: right
}

signatureRail documentList.ui.list .item>.flat.x.icon {
	font-size: 11px
}

signatureRail documentList.ui.selection.list>.active.item {
	background-color: #FFFFFF !important;
	color: #6C9C7A !important;
	border-left: 2px solid #6C9C7A;
	border-radius: 0px 5px 5px 0px
}

signatureRail documentList.ui.list .item .description {
	display: block;
	float: none !important;
	font-size: 11px;
	color: rgba(0, 0, 0, 0.5);
	margin: 5px 0px 0px 0px
}

signatureRail addNextSignature.disabled.disabled.disabled.disabled {
	pointer-events: auto !important;
	cursor: not-allowed !important
}

signaturePDF pdfViewer {
	will-change: transform
}

signaturePDF paper {
	-webkit-box-shadow: rgba(50, 50, 93, 0.1) 0px 15px 35px, rgba(0, 0, 0, 0.07) 0px 5px 15px !important;
	box-shadow: rgba(50, 50, 93, 0.1) 0px 15px 35px, rgba(0, 0, 0, 0.07) 0px 5px 15px !important
}

signaturePDF paper>layer.annotation .linkAnnotation {
	opacity: 1;
	-webkit-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease
}

signaturePDF paper>layer.annotation .linkAnnotation>a:not(.signature) {
	pointer-events: none;
	cursor: default;
	font-size: 10px !important;
	color: #000;
	margin-top: -3px
}

signaturePDF paper>layer.annotation .linkAnnotation>a.signature {
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(93, 159, 216, 0.05)), to(rgba(93, 159, 216, 0.1)));
	background-image: linear-gradient(rgba(93, 159, 216, 0.05), rgba(93, 159, 216, 0.1));
	border-bottom: 0.5px solid rgba(93, 159, 216, 0.8)
}

signaturePDF paper>layer.annotation .linkAnnotation>a.signature:after {
	content: 'Click to Sign';
	font-size: 9px;
	font-weight: bold;
	white-space: nowrap;
	position: absolute;
	bottom: calc(100% + 6px);
	right: 0%;
	height: 5px;
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%)
}

signaturePDF paper>layer.annotation .linkAnnotation.signed {
	opacity: 0;
	pointer-events: none
}

signaturePDF paper>layer.annotation img.signature {
	position: absolute;
	width: auto !important;
	image-rendering: -webkit-optimize-contrast
}

signaturePDF pdfViewer paper.hidden>layer.annotation {
	display: block !important
}

signaturePDF floatMenu {
	position: fixed;
	bottom: 2em;
	right: auto;
	left: 50%;
	min-height: 85px;
	margin-left: -315px;
	border-radius: 5px;
	background-color: #404040;
	-webkit-box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.2), 2px 3px 6px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.2), 2px 3px 6px rgba(0, 0, 0, 0.25);
	z-index: 998;
	will-change: transform
}

signaturePDF topMenu {
	position: relative;
	-webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.14);
	box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.14);
	background-color: #ffffff;
	padding: 2px 20px;
	border-radius: 5px 5px 0px 0px
}

signaturePDF topMenu .ui.menu {
	font-size: 16px;
	color: #FFFFFF;
	margin: 0px !important
}

signaturePDF topMenu .ui.menu>.item {
	color: rgba(0, 0, 0, 0.8)
}

signaturePDF topMenu pageCount {
	margin: 0;
	border-radius: 3px;
	padding: 0px;
	display: block
}

signaturePDF topMenu pageCount .input {
	width: 14px !important;
	margin: 0px 5px !important
}

signaturePDF topMenu pageCount .input input {
	width: 100% !important
}

signaturePDF topMenu pageCount.tens .input {
	width: 24px !important
}

signaturePDF topMenu pageCount.hundreds .input {
	width: 36px !important
}

signaturePDF topMenu pageCount .disabled.icon {
	pointer-events: none !important;
	opacity: 0.1 !important
}

signaturePDF topMenu pageCount .left.icon {
	margin-right: 4px
}

signaturePDF topMenu pageCount .right.icon {
	margin-left: 4px
}

signaturePDF topMenu .input {
	display: inline-block;
	margin: 0px
}

signaturePDF topMenu pageCount total {
	display: inline;
	min-width: 12px;
	margin: 0px 5px 0px 5px
}

signaturePDF topMenu .input input {
	text-align: center;
	font-weight: bold;
	border-radius: 0px !important;
	border-bottom: 1px solid rgba(0, 0, 0, 0.44) !important
}

signaturePDF topMenu .input input:focus {
	border-bottom-color: rgba(0, 0, 0, 0.8) !important
}

signaturePDF topMenu .menu>.icon.item {
	padding: 5px 10px
}

signaturePDF topMenu .menu>.icon.item>.icon {
	margin: 0px;
	font-size: 18px;
	width: 18px;
	opacity: 0.8;
	text-align: center;
	margin-top: -2px;
	vertical-align: -3px
}

signaturePDF topMenu .menu>.icon.item:hover>.icon {
	opacity: 1 !important
}

signaturePDF topMenu .menu>.icon.item.disabled {
	opacity: 0.3 !important;
	cursor: default;
	pointer-events: none
}

signaturePDF bottomMenu {
	overflow: hidden;
	color: rgba(0, 0, 0, 0.6);
	font-weight: bold;
	background-color: #f3f3f3;
	border-radius: 0px 0px 5px 5px;
	padding: 9px 25px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(111, 44, 44, 0.02)));
	background-image: linear-gradient(transparent, rgba(111, 44, 44, 0.02));
	border-top: 1px solid #dadada
}

signaturePDF bottomMenu a {
	float: right;
	font-weight: bold;
	cursor: pointer
}

signaturePDF floatMenu.inverted topMenu {
	background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.21)));
	background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.21));
	background-color: #656565
}

signaturePDF floatMenu.inverted .menu {
	color: rgba(255, 255, 255, 0.8)
}

signaturePDF floatMenu.inverted .ui.menu>.item {
	color: rgba(255, 255, 255, 0.8)
}

signaturePDF floatMenu.inverted .input input {
	text-align: center;
	font-weight: bold;
	color: rgba(255, 255, 255, 0.9);
	border-radius: 0px !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.44) !important
}

signaturePDF floatMenu.inverted .input input:focus {
	border-bottom-color: rgba(255, 255, 255, 0.8) !important
}

signaturePDF floatMenu.inverted .menu>.icon.item {
	color: rgba(255, 255, 255, 0.6)
}

signaturePDF floatMenu.inverted bottomMenu {
	background-color: #404040;
	border-top: 1px solid #292929;
	color: rgba(255, 255, 255, 0.6)
}

signaturePDF floatMenu.inverted bottomMenu a {
	color: #74BAF9
}

signaturePDF floatMenu.inverted bottomMenu a:hover {
	color: #8AC7FF
}

@media only screen and (max-width: 767px) {
	signaturePDF paper>layer.annotation .linkAnnotation>a.signature:after {
		content: 'Tap to Sign'
	}
	signaturePDF floatMenu {
		bottom: 1rem !important;
		width: 90% !important;
		left: 5% !important;
		margin-left: 0px !important
	}
}

topBar {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0px;
	padding: 0px;
	-webkit-transition: background 0.3s ease, padding 0.3s ease;
	transition: background 0.3s ease, padding 0.3s ease;
	will-change: background, padding, transform;
	background-color: #fff;
	-webkit-box-shadow: 2px 3px 5px rgba(0, 0, 0, .08);
	box-shadow: 2px 3px 5px rgba(0, 0, 0, .08);
	z-index: 100
}

topBar .ui.fade.reveal:not(.active):hover>.visible.content {
	opacity: 1
}

topBar pageLogo {
	margin-right: 1rem
}

topBar pageLogo,
topBar pageLogo img {
	width: 94px;
	height: 28px;
	-ms-flex-item-align: center;
	align-self: center
}

topbar userDropdown>.text {
	max-width: 200px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

topBar .text.menu mobileMenu {
	display: none !important
}

topbar .text.menu verticalSelector.dropdown.item {
	margin-right: 16px
}

mobileMenuLinks {
	position: fixed;
	top: 0px;
	margin: 0 !important;
	width: 100%;
	text-align: center !important;
	-webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.08) inset, 0px 2px 3px rgba(0, 0, 0, 0.08) !important;
	box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.08) inset, 0px 2px 3px rgba(0, 0, 0, 0.08) !important;
	padding: 2em 0em !important;
	will-change: transform;
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-transition: -webkit-transform 0.5s ease;
	transition: -webkit-transform 0.5s ease;
	transition: transform 0.5s ease;
	transition: transform 0.5s ease, -webkit-transform 0.5s ease;
	z-index: 99
}

mobileMenuLinks.visible {
	-webkit-transform: translateY(65px);
	transform: translateY(65px)
}

mobileMenuLinks .item {
	padding: 8px 0px !important
}

mobileMenuLinks .item .item {
	padding: 6px 0px !important
}

mobileMenuLinks .header.item {
	margin: 0px !important;
	color: rgba(0, 0, 0, 0.4) !important
}

mobileMenuLinks .header.item b {
	color: #86b59d !important
}

mobileMenuLinks .item .item .label {
	float: none;
	margin: -3px 0px 0px 7px !important;
	padding: 3px 5px !important;
	font-size: 10px;
	vertical-align: 1px;
	position: absolute;
	color: #21563b !important;
	background-color: #c9e2d5 !important;
	min-width: 0px
}

mobileMenuLinks .ui.accordion.menu .title {
	color: rgba(0, 0, 0, 0.4)
}

mobileMenuLinks .ui.accordion.menu .title:hover,
mobileMenuLinks .ui.accordion.menu .title.active {
	color: rgba(0, 0, 0, 0.95)
}

mobileMenuLinks .ui.accordion.menu .title>.dropdown.icon {
	position: absolute;
	float: none;
	margin: -1px 0px 0px 20px;
	right: 10px
}

mobileMenuLinks .title:not(.active)>.dropdown.icon {
	opacity: 0.2 !important
}

topBar.fixed {
	background-color: #FFFFFF;
	position: fixed;
	top: 0;
	-webkit-box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.08);
	box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.08)
}

mobileMenuLinks {
	position: fixed;
	top: 0px;
	margin: 0 !important;
	text-align: center !important;
	-webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.08) inset, 0px 2px 3px rgba(0, 0, 0, 0.08) !important;
	box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.08) inset, 0px 2px 3px rgba(0, 0, 0, 0.08) !important;
	padding: 2em 0em !important;
	will-change: transform;
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-transition: -webkit-transform 0.5s ease;
	transition: -webkit-transform 0.5s ease;
	transition: transform 0.5s ease;
	transition: transform 0.5s ease, -webkit-transform 0.5s ease;
	z-index: 99
}

mobileMenuLinks.visible {
	-webkit-transform: translateY(65px);
	transform: translateY(65px)
}

mobileMenuLinks .item {
	padding: 8px 0px !important
}

topbar.dynamic:not(.fixed)+mobileMenuLinks {
	background-color: #5F8671 !important
}

topbar.dynamic:not(.fixed)+mobileMenuLinks .item {
	color: #FFFFFF !important
}

topbar:not(.dynamic)+mobileMenuLinks,
topbar.fixed+mobileMenuLinks {
	background-color: #FAFAFA !important
}

topBar .ui.menu .visible.item {
	color: rgba(0, 0, 0, 0.6) !important
}

topBar mobileMenuLinks .item {
	padding: 18px 10px !important
}

topbar .ui.text.menu notifications.item {
	margin-right: 10px;
	margin-left: 20px
}

topbar .ui.text.menu notifications.item>.icon {
	font-size: 18px
}

topbar exploreQualiaMobile.ui.button.button.button,
topbar exploreQualia.ui.button.button.button {
	background-color: #FFFFFF !important;
	color: #4DAF7C !important;
	-ms-flex-item-align: start;
	align-self: flex-start
}

topbar exploreQualia.ui.button.button.button {
	margin: 5px 10px 0px 0px !important
}

topbar exploreQualiaMobile.ui.button.button.button {
	display: none;
	position: absolute;
	left: 20px;
	margin: 3px 0px 0px 10px !important;
	-webkit-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease
}

topbar.minimal exploreQualiaMobile.ui.button {
	opacity: 0
}

#userSettings pageHeader {
	background-color: #EFEFEF
}

#userSettings pageHeader .circular.icon {
	font-size: 3rem
}

#userSettings pageHeader bg {
	opacity: 1;
	position: absolute;
	background-image: url(images/bg/inverted-polygons.jpg);
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	pointer-events: none;
	-webkit-transition: opacity 2s ease;
	transition: opacity 2s ease
}

#userSettings userSettingsContainer {
	padding-top: 2rem;
	margin-bottom: 2.5em
}

#userSettings h3.ui.header {
	margin: 3rem 0rem 2rem
}

#userSettings h3.ui.header:first-child {
	margin-top: 0rem
}

.introjs-tooltip {
	max-width: 360px;
	width: 360px
}

.introjs-helperLayer {
	margin: 0px;
	padding: 0px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.introjs-tooltipheader {
	margin-top: 0em
}

.introjs-tooltiptext {
	font-weight: normal
}

.introjs-overlay {
	background-color: rgba(76, 76, 76, 0.6);
	z-index: 800 !important
}

.introjs-helperLayer {
	border: none;
	-webkit-box-shadow: 0 5px 35px rgba(0, 0, 0, .2);
	box-shadow: 0 5px 35px rgba(0, 0, 0, .2)
}

.introjs-tooltip {
	padding: 18px 35px
}

.introjs-bullets {
	padding-top: 1em
}

.introjs-bullets ul {
	margin-top: 0px
}

.ui.buttons>.button:focus+.button.introjs-button,
.introjs-button.ui.button.button:focus {
	-webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.05) inset, 0 0 0 1px rgba(0, 0, 0, 0.13) inset, 0 1px 3px rgba(0, 0, 0, 0.15) !important;
	box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.05) inset, 0 0 0 1px rgba(0, 0, 0, 0.13) inset, 0 1px 3px rgba(0, 0, 0, 0.15) !important
}

.introjs-button.ui.button.button:active {
	background-color: #E2E2E2 !important
}

.introjs-bullets {
	margin-bottom: -1em
}

.introjs-arrow {
	display: none !important
}

.introjs-tooltipbuttons {
	margin-top: 0rem !important
}

topbar.introjs-fixParent {
	z-index: 801 !important
}

.telphone{
	padding-left: 50px;
}