@charset "UTF-8";
* {
	box-sizing: border-box
}

*:disabled,
*:disabled+label {
	cursor: not-allowed!important;
	opacity: .7
}

body {
	background: #fff;
	color: #222;
	font-family: "Fakt", "Helvetica Neue", arial, sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4;
	margin: 0
}

.reset {
	background: #fff;
	color: #222;
	font-family: "Fakt", "Helvetica Neue", arial, sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4;
	margin: 0
}

a {
	color: #116ab0;
	text-decoration: underline
}

b,
strong {
	font-weight: 600
}

code {
	font-family: monospace, monospace;
	font-size: 1em
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0
}

h1 {
	font-size: 32px;
	font-weight: 600;
	line-height: 1.25;
	margin: 0
}

h2 {
	font-size: 28px;
	font-weight: 600;
	line-height: 1.25;
	margin: 0
}

h3 {
	font-size: 24px;
	font-weight: 600;
	line-height: 1.25;
	margin: 0
}

h4 {
	font-size: 20px;
	font-weight: 600;
	line-height: 1.25;
	margin: 0
}

hr {
	background: transparent;
	border: 0;
	border-bottom: 1px solid #b6b6b6;
	box-sizing: content-box;
	height: 0;
	margin: 16px 0;
	overflow: visible
}

img,
svg {
	vertical-align: middle
}

legend {
	padding: 0
}

p {
	margin: 0 0 16px
}

small {
	font-size: 12px
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%
}

ul,
ol {
	list-style: none;
	margin: 0;
	padding: 0
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	font-weight: inherit;
	line-height: 1.15;
	margin: 0
}

button,
[type=button],
[type=reset],
[type=submit] {
	-webkit-appearance: button
}

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
	cursor: pointer
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
	border-style: none;
	padding: 0
}

[hidden][hidden] {
	display: none!important
}

svg:not(:root) {
	overflow: hidden
}

.pds-button {
	align-items: center;
	background: linear-gradient(#fff, #f0f0f0);
	border: 0;
	border-radius: 3px;
	box-shadow: inset 0 0 0 1px #22222240;
	color: #545454;
	display: inline-flex;
	font-size: 15px;
	font-weight: 400;
	height: 34px;
	justify-content: center;
	line-height: 1;
	padding: 0 16px;
	position: relative;
	text-decoration: none;
	vertical-align: middle;
	white-space: nowrap;
	width: auto
}

.pds-button:hover {
	background: linear-gradient(#f7f7f7, #e8e8e8)
}

.pds-button:focus {
	z-index: 200
}

.pds-button:active,
.pds-button.pds-button-selected,
.pds-button.popover-active {
	background: #dedede;
	box-shadow: inset 0 0 0 1px #00000026, inset 0 1px 3px #00000026;
	z-index: 1
}

.pds-button.pds-button-selected {
	cursor: default
}

.pds-button:disabled {
	background: #d3d3d3!important;
	color: #626262
}

.pds-button:disabled[data-loading] {
	cursor: wait!important
}

.pds-button-primary {
	background: linear-gradient(#14a000, #1a8d08);
	color: #fff;
	font-weight: 500
}

.pds-button-primary:hover {
	background: linear-gradient(#129100, #177f07)
}

.pds-button-primary:active,
.pds-button-primary.pds-button-selected,
.pds-button-primary.popover-active {
	background: #167507
}

.pds-button-primary:disabled {
	background: #96c287!important;
	color: #fff
}

.pds-button-running {
	background: linear-gradient(#0078c9, #116ab0);
	color: #fff;
	font-weight: 500
}

.pds-button-running:hover {
	background: linear-gradient(#006fba, #1062a2)
}

.pds-button-running:active,
.pds-button-running.pds-button-selected {
	background: #0f5c99
}

.pds-button-running:disabled {
	background: #9bb3db!important;
	color: #fff
}

.pds-button-important {
	background: linear-gradient(#e61e14, #ca2014);
	color: #fff;
	font-weight: 500
}

.pds-button-important:hover {
	background: linear-gradient(#d81c13, #bc1e13)
}

.pds-button-important:active,
.pds-button-important.pds-button-selected {
	background: #b31c12
}

.pds-button-important:disabled {
	background: #f29a86!important;
	color: #fff
}

.pds-button-cancel {
	background: linear-gradient(#f0f0f0, #d3d3d3);
	color: #626262;
	font-weight: 500
}

.pds-button-cancel:hover {
	background: linear-gradient(#e8e8e8, #cbcbcb)
}

.pds-button-cancel:active,
.pds-button-cancel.pds-button-selected {
	background: #c6c6c6
}

.pds-button-cancel:disabled {
	background: #d3d3d3!important;
	color: #626262
}

.pds-button-lg {
	font-size: 17px;
	height: 40px
}

.pds-button-sm {
	font-size: 13px;
	height: 28px;
	padding: 0 8px
}

.pds-button-xs {
	font-size: 12px;
	height: 24px;
	padding: 0 8px
}

.pds-button-group,
.pds-button-toggle {
	display: inline-block;
	vertical-align: middle
}

.pds-button-group>.pds-button,
.pds-button-toggle>.pds-button {
	border-radius: 0;
	float: left;
	margin-left: -1px
}

.pds-button-group>.pds-button:first-child,
.pds-button-toggle>.pds-button:first-child {
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
	margin-left: 0
}

.pds-button-group>.pds-button:last-child,
.pds-button-toggle>.pds-button:last-child {
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px
}

.pds-button-group>.pds-button:active,
.pds-button-group>.pds-button.pds-button-selected,
.pds-button-toggle>.pds-button:active,
.pds-button-toggle>.pds-button.pds-button-selected {
	z-index: 1
}

.pds-button-icon {
	padding: 0
}

.pds-button-icon.pds-button {
	width: 34px
}

.pds-button-icon.pds-button-lg {
	width: 40px
}

.pds-button-icon.pds-button-sm {
	width: 28px
}

.pds-button-icon.pds-button-xs {
	width: 24px
}

.pds-button-link {
	color: #116ab0;
	text-decoration: underline;
	background: transparent;
	border: 0;
	padding: 0
}

.pds-label {
	display: block;
	font-weight: 500;
	line-height: 1.25;
	margin-bottom: 4px
}

@media (min-width: 768px) {
	.pds-label {
		margin-top: 8px
	}
}

@media (min-width: 992px) {
	.pds-label-sm {
		margin-top: 6px
	}
	.pds-label-lg {
		margin-top: 10px
	}
}

legend.pds-label {
	margin-top: 0
}

.pds-input {
	-webkit-appearance: none;
	appearance: none;
	background: #fff;
	border: 1px solid #b6b6b6;
	border-radius: 3px;
	color: #222;
	display: inline-block;
	font-size: 15px;
	height: 34px;
	padding: 0 8px;
	vertical-align: middle;
	width: 100%
}

.pds-input:focus {
	border-color: #0078c9;
	z-index: 200
}

.pds-input:disabled {
	background-color: #f0f0f0;
	border-color: #d3d3d3;
	color: gray;
	-webkit-text-fill-color: #808080
}

.pds-input-sm,
.pds-input-small {
	font-size: 13px;
	height: 28px
}

.pds-input-lg {
	font-size: 17px;
	height: 40px
}

select.pds-input {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="%23666"><path d="M10 2.5l1 1.3-5 5.7-5-5.7 1-1.3L6 7l4-4.5z"/></svg>'), linear-gradient(#fff, #f0f0f0);
	background-position: calc(100% - 8px) calc(50% + 1px), 100%;
	background-repeat: no-repeat, repeat;
	cursor: pointer;
	max-width: 100%;
	padding-right: 28px
}

@media (min-width: 544px) {
	select.pds-input {
		width: auto
	}
}

select.pds-input:hover {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="%23666"><path d="M10 2.5l1 1.3-5 5.7-5-5.7 1-1.3L6 7l4-4.5z"/></svg>'), linear-gradient(#f7f7f7, #e8e8e8)
}

select.pds-input:disabled {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="%23666"><path d="M10 2.5l1 1.3-5 5.7-5-5.7 1-1.3L6 7l4-4.5z"/></svg>'), linear-gradient(#f0f0f0, #f0f0f0)
}

textarea.pds-input {
	height: auto;
	line-height: 1.25;
	overflow: auto;
	padding-bottom: 8px;
	padding-top: 8px;
	resize: vertical
}

.pds-input-nested-label {
	display: block;
	position: relative
}

.pds-input-nested-label .pds-label {
	color: #626262;
	font-size: 12px;
	left: 8px;
	margin: 0;
	pointer-events: none;
	position: absolute;
	top: 2px
}

.pds-input-nested-label .pds-input {
	height: 40px;
	padding: 20px 8px 8px
}

.pds-radio label,
.pds-checkbox label {
	cursor: pointer
}

.pds-radio label:before,
.pds-checkbox label:before {
	background: #fff;
	background-position: 50% 50%;
	background-size: 75%;
	border: 1px solid #b6b6b6;
	box-sizing: content-box;
	content: "";
	display: inline-block;
	height: 1em;
	margin: -.25em .5em 0 0;
	padding: 1px;
	vertical-align: middle;
	width: 1em
}

.pds-radio label:empty:before,
.pds-checkbox label:empty:before {
	margin-right: 0
}

.pds-radio input,
.pds-checkbox input {
	clip-path: polygon(0 0);
	opacity: 0;
	pointer-events: none;
	position: absolute
}

.pds-radio input:checked+label:before,
.pds-checkbox input:checked+label:before {
	background-color: #f36c00;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	border-color: #b9540c
}

.pds-radio input:disabled+label,
.pds-checkbox input:disabled+label {
	color: gray
}

.pds-radio input:disabled+label:before,
.pds-checkbox input:disabled+label:before {
	background-color: #d3d3d3;
	border-color: #b6b6b6
}

.pds-radio input:focus+label:before,
.pds-checkbox input:focus+label:before {
	border-color: #0078c9;
	outline: auto 5px -webkit-focus-ring-color;
	outline-offset: 1px
}

.pds-checkbox label:before {
	border-radius: 3px
}

.pds-checkbox input:checked+label:before {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 18 18" fill="none" stroke="%23fff" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"><path d="M15.6667 5L6.5 14.1667L2.33333 10" /></svg>')
}

.pds-radio label:before {
	border-radius: 100%
}

.pds-radio input:checked+label:before {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 18 18" fill="%23fff"><circle cx="9" cy="9" r="5" /></svg>')
}

.pds-choices {
	display: grid;
	grid-column-gap: 16px;
	grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
	grid-template-rows: 1fr;
	justify-content: center
}

.pds-choice label {
	background: #fff;
	border: 1px solid #b6b6b6;
	border-radius: 3px;
	cursor: pointer;
	display: grid;
	font-size: 15px;
	height: 100%;
	line-height: 1.25;
	min-height: 40px;
	padding: 4px;
	place-items: center;
	position: relative;
	text-align: center
}

.pds-choice input {
	clip-path: polygon(0 0);
	opacity: 0;
	pointer-events: none;
	position: absolute
}

.pds-choice input:checked+label {
	background: #f36c00;
	border-color: #b9540c;
	color: #fff;
	font-weight: 500
}

.pds-choice input:disabled+label {
	background: #f0f0f0;
	border-color: #d3d3d3;
	color: gray
}

.pds-choice input:focus+label {
	border-color: #0078c9;
	outline: auto 5px -webkit-focus-ring-color;
	outline-offset: 1px
}

.pds-input-invalid {
	background-color: #ffe9e3;
	border-color: #e61e14
}

.pds-field-description,
.pds-invalid-description {
	color: #626262;
	display: block;
	font-size: 13px;
	margin-top: 4px
}

.pds-invalid-description {
	color: #e61e14
}

.pds-dialog-backdrop {
	background: rgba(34, 34, 34, .6);
	height: 100%;
	left: 0;
	opacity: 0;
	overflow: auto;
	position: fixed;
	text-align: left;
	top: 0;
	transition: opacity 0s ease;
	visibility: hidden;
	white-space: normal;
	width: 100%;
	z-index: 600
}

.pds-dialog-open {
	opacity: 1;
	transition-duration: .2s;
	visibility: visible
}

.pds-dialog {
	background: #fff;
	background-clip: padding-box;
	box-shadow: 0 3px 7px #2223;
	line-height: 1.4;
	padding: 24px
}

@media (min-width: 768px) {
	.pds-dialog {
		border: 1px solid rgba(34, 34, 34, .3);
		border-radius: 6px;
		left: 50%;
		margin-left: -300px;
		position: absolute;
		top: 10%;
		width: 600px
	}
}

@media (min-width: 992px) {
	.pds-dialog {
		top: 15%
	}
}

@media (min-width: 768px) {
	.pds-dialog-sm,
	.pds-dialog-small {
		margin-left: -200px;
		width: 400px
	}
}

@media (min-width: 768px) {
	.pds-dialog-md,
	.pds-dialog-medium {
		margin-left: -255px;
		width: 510px
	}
}

.pds-dialog-title {
	font-size: 16px;
	font-weight: 600;
	line-height: 1.25;
	background: linear-gradient(#f0f0f0, #d3d3d3);
	border-bottom: 1px solid #9b9b9b;
	color: #545454;
	margin: -24px -24px 24px;
	padding: 8px 0;
	text-align: center
}

@media (min-width: 768px) {
	.pds-dialog-title {
		border-radius: 6px 6px 0 0
	}
}

.pds-dialog-close {
	background-color: #222;
	border: 2px solid #fff;
	border-radius: 100%;
	color: #fff;
	line-height: 0;
	padding: 8px;
	position: absolute;
	right: 4px;
	top: 4px
}

@media (min-width: 768px) {
	.pds-dialog-close {
		right: -10px;
		top: -10px
	}
}

@media print {
	.pds-dialog-backdrop {
		display: none!important
	}
}

.clearfix:before,
.hui-form-field-actions:before,
.hui-form-field:before,
.clearfix:after,
.hui-form-field-actions:after,
.hui-form-field:after {
	content: " ";
	display: table
}

.clearfix:after,
.hui-form-field-actions:after,
.hui-form-field:after {
	clear: both
}

@keyframes rotateThreeSixty {
	to {
		transform: rotate(360deg)
	}
}

@keyframes yellowFadeTech {
	to {
		background-color: transparent
	}
}

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

@keyframes fadeOut {
	to {
		opacity: 0;
		visibility: hidden
	}
}

html {
	height: 100%
}

body {
	min-height: 100%
}

header {
	position: relative;
	margin: 0 0 20px
}

section {
	position: relative;
	margin: 0 0 40px
}

h1 {
	font-size: 26px;
	margin-bottom: 15px
}

h2 {
	font-size: 20px
}

h3 {
	font-size: 18px
}

h4 {
	font-size: 16px
}

h5 {
	font-size: 15px;
	margin: 0
}

code {
	background: rgba(0, 0, 0, .1);
	border-radius: 2px;
	color: #333;
	display: inline-block;
	font-family: monospace;
	font-size: .95em;
	padding: 0 4px
}

button {
	border: 0;
	padding: 0
}

#global-header {
	margin: 0;
	user-select: none
}

.main-navigation {
	background: linear-gradient(#fe8e48, #f36c00);
	border-bottom: 1px solid rgba(0, 0, 0, .2)
}

.primary-nav-item,
.secondary-nav-item {
	color: #fff;
	font-size: 15px;
	line-height: 48px;
	padding: 0 12px;
	text-decoration: none
}

.primary-nav-item:hover,
.primary-nav-item.is-current,
.secondary-nav-item:hover,
.secondary-nav-item.is-current {
	background: linear-gradient(rgba(255, 255, 255, .2), rgba(255, 255, 255, .15))
}

.primary-nav-item:active,
.secondary-nav-item:active {
	background: linear-gradient(rgba(255, 255, 255, .25), rgba(255, 255, 255, .2))
}

.primary-nav-item:active:focus,
.secondary-nav-item:active:focus {
	outline: none
}

.secondary-nav-item {
	font-size: 14px;
	padding: 0 10px
}

#user-dropdown-toggle {
	background: transparent;
	color: #fff;
	height: 48px;
	padding: 0 12px
}

#user-dropdown-toggle span {
	box-sizing: border-box;
	display: inline-block;
	margin-left: 4px;
	max-width: 100px;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: middle;
	white-space: nowrap
}

#user-dropdown-toggle:hover,
#user-dropdown-toggle.popover-active {
	background: linear-gradient(rgba(255, 255, 255, .2), rgba(255, 255, 255, .15))
}

#user-dropdown-toggle:active {
	background: linear-gradient(rgba(255, 255, 255, .25), rgba(255, 255, 255, .2));
	outline: none
}

#user-dropdown-toggle.popover-active {
	outline: none
}

#popover-user:after {
	border-bottom-color: #f4f4f4
}

.user-information {
	background: #f4f4f4;
	border-bottom: 1px solid #ccc;
	border-radius: 4px 4px 0 0;
	cursor: text;
	font-size: 16px;
	line-height: normal;
	margin: -8px 0 8px;
	padding: 11px 15px 10px;
	white-space: nowrap
}

.user-information>strong,
.user-information>span {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis
}

.user-information>span {
	color: #626262;
	font-size: 13px
}

.primary-nav-spring {
	background: linear-gradient(#97c427, #87af23)
}

.primary-nav-green {
	background: linear-gradient(#34a311, #2d8c0f)
}

.primary-nav-legacy {
	background: linear-gradient(#4ea1bc, #4294ae)
}

.primary-nav-blue {
	background: linear-gradient(#115cb7, #0f50a0)
}

.primary-nav-purple {
	background: linear-gradient(#8d43a3, #7d3c91)
}

.primary-nav-red {
	background: linear-gradient(#ec0b00, #d20a00)
}

.primary-nav-lt-gray {
	background: linear-gradient(#a6a6a6, #999)
}

.primary-nav-gray {
	background: linear-gradient(#3c3c3c, #2f2f2f)
}

.primary-nav-behance {
	background: linear-gradient(#16a7df, #1496c8)
}

#sub-nav {
	background: #eee;
	box-shadow: inset 0 -1px #ccc;
	width: 100%
}

.sub-nav-tabs>li {
	float: left
}

.sub-nav-tabs a {
	color: #626262;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight: 500;
	line-height: 1;
	margin-right: 10px;
	padding: 14px 5px 16px;
	text-decoration: none
}

.sub-nav-tabs a:hover,
.sub-nav-tabs a:active,
.sub-nav-tabs a.current {
	box-shadow: inset 0 -2px #f36c00;
	color: #222
}

.sub-nav-tabs a.current {
	font-weight: 600
}

#header_warning {
	background: #900;
	border-bottom: 1px solid #600;
	color: #fff;
	padding: 6px 0;
	text-align: center
}

#header_warning a {
	color: #fff
}

.sample-data-banner {
	background: #00416d;
	border-bottom: 1px solid rgba(0, 0, 0, .15);
	color: #ffffffe6;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 1.4;
	padding: 10px 0;
	text-align: center
}

.sample-data-banner strong {
	color: #fff;
	margin-right: 10px
}

.sample-data-banner a {
	color: inherit;
	text-decoration-color: #fff9;
	text-underline-offset: 2px
}

.sample-data-banner a:hover {
	color: #fff;
	text-decoration-color: #fff
}

#global-footer {
	display: inline-block;
	grid-row-start: 2;
	grid-row-end: 3;
	line-height: 0;
	margin: 0 auto;
	padding: 24px 0;
	text-align: center
}

.footer-harvest-link {
	display: inline-block;
	fill: #b6b6b6
}

.footer-harvest-link:hover,
.footer-harvest-link:focus {
	fill: #9b9b9b
}

#skip-to-main {
	background: #fff;
	border-radius: 3px;
	font-size: 14px;
	left: 7px;
	line-height: 1;
	padding: 10px;
	position: absolute;
	top: -1000px;
	z-index: 500
}

#skip-to-main:focus {
	top: 7px
}

#responsive-wrapper {
	display: grid;
	grid-template-rows: 1fr auto;
	min-height: 100vh;
	width: 100%
}

@media screen and (max-width: 768px) {
	#responsive-wrapper {
		overflow-x: scroll
	}
}

@media print {
	#responsive-wrapper {
		display: block
	}
}

.wrapper {
	margin: 0 auto;
	padding: 0 20px;
	position: relative;
	width: 1020px
}

.wrapper-medium {
	width: 720px
}

.wrapper-small {
	width: 420px
}

.wrapper-box {
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: 6px;
	box-shadow: 0 2px 10px #0000001a;
	padding: 30px;
	position: relative
}

.action-bar {
	background: #eee;
	box-shadow: inset 0 -1px #ccc;
	padding: 15px 0
}

.button-back-to {
	background: transparent;
	color: #888;
	cursor: pointer;
	font-size: 15px;
	text-decoration: none
}

.button-back-to:hover {
	color: #555
}

[class*=pds-container] {
	margin-left: auto;
	margin-right: auto;
	padding-left: 16px;
	padding-right: 16px;
	width: 100%
}

@media (min-width: 544px) {
	[class*=pds-container] {
		max-width: 544px
	}
}

@media (min-width: 768px) {
	[class*=pds-container] {
		max-width: 768px
	}
}

@media (min-width: 992px) {
	[class*=pds-container] {
		max-width: 992px
	}
}

@media (min-width: 1216px) {
	[class*=pds-container] {
		max-width: 1216px
	}
}

@media (min-width: 544px) {
	.pds-container-sm {
		max-width: 544px
	}
}

@media (min-width: 768px) {
	.pds-container-md {
		max-width: 768px
	}
}

@media (min-width: 992px) {
	.pds-container-lg {
		max-width: 992px
	}
}

.pds-flex-between {
	align-items: center;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 16px;
	justify-content: space-between
}

.hui-alert,
#errorExplanation {
	border: 1px solid;
	border-radius: 3px;
	color: #222;
	font-size: 14px;
	margin-bottom: 20px;
	padding: 10px 15px;
	position: relative
}

.hui-alert-error,
#errorExplanation {
	background-color: #ffe9e3;
	border-color: #ff9279
}

.hui-alert-notice {
	background-color: #eaeff9;
	border-color: #94b1e2
}

.hui-alert-success {
	background-color: #eaf5e5;
	border-color: #91cb7e
}

.hui-alert-warning {
	background-color: #fffce9;
	border-color: #d5ca0f
}

.hui-alert-icon {
	left: 10px;
	position: absolute;
	top: 11px
}

.hui-alert-error .hui-alert-icon,
#errorExplanation .hui-alert-icon {
	top: 13px
}

.hui-alert-close {
	background: transparent;
	border: 0;
	color: #222;
	cursor: pointer;
	line-height: 37px;
	opacity: .6;
	paddding-bottom: 2px;
	position: absolute;
	right: 0;
	top: 0;
	width: 40px
}

.hui-alert-close:hover {
	opacity: 1
}

#errorExplanation h2 {
	display: none
}

#errorExplanation p {
	font-weight: 600;
	margin: 0 0 10px
}

#errorExplanation ul {
	margin: 0 0 0 30px
}

#errorExplanation li {
	list-style: disc
}

#status-message {
	height: 0;
	left: 0;
	opacity: 0;
	position: sticky;
	text-align: center;
	top: 0;
	transition: opacity .2s, visibility 0s .2s;
	visibility: hidden;
	width: 100%;
	z-index: 500
}

#status-message.is-visible {
	opacity: 1;
	transition-delay: 0;
	visibility: visible
}

#unsupported-browser {
	background: #fffce9;
	font-size: 14px;
	padding: 1em;
	text-align: center
}

.pds-card,
.pds-toast,
.pds-alert {
	background: #fff;
	border: 1px solid #b6b6b6;
	border-radius: 6px;
	position: relative
}

.pds-card-notice,
.pds-toast-notice,
.pds-alert-notice {
	background: #eaeff9;
	border: 1px solid #94b1e2
}

.pds-card-success,
.pds-toast-success,
.pds-alert-success {
	background: #eaf5e5;
	border: 1px solid #91cb7e
}

.pds-card-warning,
.pds-toast-warning,
.pds-alert-warning {
	background: #fffce9;
	border: 1px solid #d5ca0f
}

.pds-card-error,
.pds-toast-error,
.pds-alert-error {
	background: #ffe9e3;
	border: 1px solid #ff9279
}

.pds-alert {
	padding: 16px
}

.pds-alert-icon {
	margin-right: 8px;
	vertical-align: text-top
}

.pds-alert-notice .pds-alert-icon {
	color: #0078c9
}

.pds-alert-success .pds-alert-icon {
	color: #14a000
}

.pds-alert-warning .pds-alert-icon {
	color: #9c9319
}

.pds-alert-error .pds-alert-icon {
	color: #e61e14
}

.pds-alert-close {
	background: transparent;
	border: 0;
	color: #717171;
	cursor: pointer;
	float: right;
	height: 32px;
	margin-right: -8px;
	margin-top: -8px;
	padding: 0;
	width: 32px
}

.pds-alert-close:hover {
	color: #222
}

.pds-avatar {
	border-radius: 3px
}

.pds-card,
.pds-toast,
.pds-alert {
	background: #fff;
	border: 1px solid #b6b6b6;
	border-radius: 6px;
	position: relative
}

.pds-card-notice,
.pds-toast-notice,
.pds-alert-notice {
	background: #eaeff9;
	border: 1px solid #94b1e2
}

.pds-card-success,
.pds-toast-success,
.pds-alert-success {
	background: #eaf5e5;
	border: 1px solid #91cb7e
}

.pds-card-warning,
.pds-toast-warning,
.pds-alert-warning {
	background: #fffce9;
	border: 1px solid #d5ca0f
}

.pds-card-error,
.pds-toast-error,
.pds-alert-error {
	background: #ffe9e3;
	border: 1px solid #ff9279
}

.hui-animation-fade-in {
	animation: huiFadeIn .5s linear
}

@keyframes huiFadeIn {
	0% {
		opacity: 0;
		visibility: hidden
	}
	to {
		opacity: 1;
		visibility: visible
	}
}

.pds-meter {
	border-radius: 3px;
	height: 16px;
	overflow: hidden
}

@media (min-width: 544px) {
	.pds-meter {
		width: 128px
	}
}

.pds-stat-inline .pds-meter {
	margin: 2px 0 1px
}

.pds-meter-track {
	background: #f0f0f0;
	display: flex;
	height: 100%;
	position: relative
}

.pds-meter-track:after {
	border-radius: 3px;
	bottom: 0;
	box-shadow: inset 0 0 0 1px #2222224d;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0
}

.pds-meter-danger .pds-meter-track {
	background: #0078c9;
	justify-content: flex-end
}

.pds-meter-marks .pds-meter-track:after {
	background-image: repeating-linear-gradient(to right, transparent, transparent 20%, rgba(34, 34, 34, .3) 20%, rgba(34, 34, 34, .3) calc(20% + 1px))
}

.pds-meter-fill {
	color: transparent;
	height: 100%;
	position: relative;
	user-select: none
}

.pds-meter-danger .pds-meter-fill:nth-child(1) {
	background: #e61e14!important;
	box-shadow: -1px 0 #222
}

.pds-meter-danger .pds-meter-fill:nth-child(2) {
	background: #ff9279!important
}

.pds-meter-lg {
	height: 32px
}

@media (min-width: 544px) {
	.pds-meter-lg {
		width: 256px
	}
}

.pds-button.button-explain {
	border-radius: 20px;
	height: 20px;
	font-size: 14px;
	line-height: 1;
	margin: -8px 0 -5px;
	padding: 1px 0;
	transition: transform .2s;
	width: 20px
}

.pds-button.button-explain i {
	font-style: normal;
	opacity: .55
}

.pds-button.button-explain:hover i {
	opacity: .8
}

.pds-button.button-deemphasize {
	background: none;
	color: #626262
}

.pds-button.button-deemphasize:hover {
	background: #f4f4f4
}

.pds-button.button-no-border {
	background: transparent;
	box-shadow: none
}

.pds-button.button-no-border:hover {
	background: transparent;
	box-shadow: inset 0 0 0 1px #0003
}

.hui-choices {
	display: flex;
	margin: 0 -5px
}

.hui-choice {
	flex: 1 1 100%;
	margin: 0 5px
}

.hui-choice input {
	opacity: 0;
	pointer-events: none;
	position: absolute
}

.hui-choice label {
	align-items: center;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 3px;
	cursor: pointer;
	display: flex;
	font-size: 15px;
	height: 40px;
	justify-content: center;
	position: relative
}

.hui-choice label:hover {
	border-color: #a0a0a0
}

.hui-choice input:disabled+label {
	background: #f4f4f4;
	border-color: #e4e4e4;
	color: #888
}

.hui-choice input:checked+label {
	background: #f36c00;
	border-color: #da6100;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight: 600
}

.hui-choice input:focus+label {
	border-color: #0078c9;
	box-shadow: 0 0 0 1px #0078c9;
	outline: auto 5px -webkit-focus-ring-color;
	outline-offset: -2px
}

.hui-choices-small {
	margin: 0 -3px
}

.hui-choices-small .hui-choice {
	margin: 0 3px
}

.hui-choices-small .hui-choice label {
	height: 28px
}

.hui-choices-with-icon .hui-choice label {
	flex-direction: column;
	height: auto;
	padding: 8px 0
}

.project-graph {
	height: 380px
}

.project-graph>svg {
	overflow: hidden;
	vertical-align: middle
}

.project-graph line.start-end {
	stroke: #ddd
}

.project-graph rect.start-end {
	fill: #fafafa
}

.project-graph div.start-end-label {
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 2px;
	color: #333;
	font-family: helvetica, arial, verdana, sans-serif;
	font-size: 9px;
	line-height: 16px;
	padding: 0 5px;
	position: absolute;
	white-space: nowrap
}

.project-graph .total-hours-column,
.project-graph .billable-hours-column {
	fill: #2229
}

.project-graph .total-hours-column[data-is-selected],
.project-graph .billable-hours-column[data-is-selected] {
	fill: #222222b3
}

.project-graph #monthly-gradient stop.is-over-budget {
	stop-color: #e61e14b3
}

.project-graph #monthly-gradient stop.is-under-budget {
	stop-color: #666666b3
}

.project-graph #tracked-gradient stop.is-over-budget {
	stop-color: #e61e14
}

.project-graph #tracked-gradient stop.is-under-budget {
	stop-color: #666
}

.project-graph #projected-gradient stop.is-over-budget {
	stop-color: #e61e14
}

.project-graph #projected-gradient stop.is-under-budget {
	stop-color: #999
}

.project-graph .diagonal-hatch-line {
	stroke: #2222224d;
	stroke-width: 3px
}

.project-graph .column-separator {
	stroke: #fff6;
	stroke-width: 1px
}

.project-graph .budget .line {
	fill: none;
	stroke: #666;
	stroke-width: 1px
}

.project-graph .budget .line.is-over-budget {
	stroke: #e61e14
}

.project-graph .budget rect {
	fill: #666
}

.project-graph .budget text {
	fill: #fff;
	font-family: helvetica, arial, verdana, sans-serif;
	font-size: 10px
}

.project-graph .budget.is-over-budget rect {
	fill: #e61e14
}

.project-graph .budget.is-over-budget line {
	stroke: #e61e14
}

.project-graph .budget-label {
	background-color: #666;
	border-radius: 4px;
	color: #fff;
	font-family: helvetica, arial, verdana, sans-serif;
	font-size: 10px;
	left: 0;
	margin-top: 5px;
	padding: 1px 5px;
	pointer-events: none;
	position: absolute
}

.project-graph .budget-label.is-over-budget {
	background-color: #e61e14
}

.project-graph .budget-label.is-near-bottom {
	margin-top: -26px
}

.project-graph .graphed-line-series path.tracked,
.project-graph .graphed-line-series path.projected {
	fill: none;
	stroke-width: 2px
}

.project-graph .graphed-line-series path.projected {
	stroke-dasharray: 4px 2px
}

.project-graph .graphed-line-series circle {
	fill: #333;
	stroke: #fff;
	stroke-width: 2px
}

.project-graph .graphed-line-series circle.projected {
	fill: #999
}

.project-graph .graphed-line-series circle.is-over-budget {
	fill: #e61e14
}

.project-graph .hover-area {
	fill: transparent
}

.project-graph .hover-area[data-is-selected],
.project-graph .hover-area.is-selected {
	fill: #f2f2f2
}

.project-graph .columns rect,
.project-graph .month-group {
	transition: opacity .3s, transform .3s ease
}

.project-graph .columns rect.fade-out,
.project-graph .month-group.fade-out {
	opacity: 0
}

.project-graph .columns rect.animate,
.project-graph .month-group.animate {
	transition: none;
	opacity: 0;
	transform: scaleY(0)
}

.project-graph .graph-window {
	transition: transform .5s
}

.project-graph .this-week rect,
.project-graph .this-month-background {
	fill: #ebf5ff
}

.project-graph .this-week line {
	stroke: #336bab;
	stroke-width: 2px
}

.project-graph .this-month-callout {
	fill: #336bab
}

.project-graph .this-week text,
.project-graph .this-month-text {
	fill: #333;
	font-family: helvetica, arial, verdana, sans-serif;
	font-size: 9px;
	text-anchor: middle
}

.project-graph .y-axis-label {
	fill: #333;
	font-family: helvetica, arial, verdana, sans-serif;
	font-size: 9px
}

.project-graph .x-axis .axis-line {
	stroke: #888;
	stroke-width: 1px
}

.project-graph .x-axis .month-group {
	fill: #888;
	font-family: helvetica, arial, verdana, sans-serif;
	font-size: 10px;
	text-anchor: middle
}

.project-graph .x-axis .month-group[data-is-selected] {
	fill: #888;
	font-weight: bold
}

.project-graph .x-axis .column-tick {
	stroke: #bbb;
	stroke-width: 1px
}

.project-graph .x-axis .month-group-line {
	stroke: #888;
	stroke-width: 1px
}

.project-graph .y-axis line {
	stroke: #ddd;
	stroke-width: 1px
}

.project-graph .y-axis text {
	font-family: helvetica, arial, verdana, sans-serif;
	font-size: 10px
}

.project-graph .y-axis text.background {
	stroke: #fff;
	stroke-width: 5px
}

.project-graph .y-axis text.foreground {
	fill: gray
}

.project-graph .y-axis.right text {
	text-anchor: end
}

.project-graph .hit-target {
	opacity: 0
}

.project-graph .graph-tooltip {
	background: rgba(255, 255, 255, .95);
	border: 1px solid #ddd;
	border-radius: 3px;
	box-shadow: 0 2px 3px #0000000d;
	padding: 1em;
	pointer-events: none;
	position: absolute;
	-webkit-transform: translate(-50%, -100%);
	transform: translate(-50%, -100%);
	white-space: nowrap;
	z-index: 400
}

.project-graph .graph-tooltip:before,
.project-graph .graph-tooltip:after {
	border: solid transparent;
	content: "";
	position: absolute;
	top: 100%;
	left: 50%
}

.project-graph .graph-tooltip:before {
	border-color: transparent;
	border-top-color: #ddd;
	border-width: 6px;
	margin-left: -6px
}

.project-graph .graph-tooltip:after {
	border-color: transparent;
	border-top-color: #fff;
	border-width: 5px;
	margin-left: -5px
}

.project-graph .graph-tooltip .date {
	border-bottom: 1px solid #ddd;
	margin-bottom: .75em;
	padding-right: 15px
}

.project-graph .graph-tooltip table {
	min-width: 250px
}

.project-graph .graph-tooltip th,
.project-graph .graph-tooltip td {
	padding-right: 15px
}

.project-graph .graph-tooltip th:last-child,
.project-graph .graph-tooltip td:last-child {
	padding-right: 0
}

.project-graph .graph-tooltip th {
	font-weight: normal;
	text-align: left
}

.project-graph[data-graph=cumulative] .graph-tooltip {
	margin-top: -10px
}

.project-graph[data-graph=discrete] .graph-tooltip {
	margin-top: -7px
}

.hui-datepicker {
	width: 210px
}

.hui-datepicker-header {
	align-items: center;
	display: flex;
	font-size: 15px;
	font-weight: 600;
	justify-content: space-between;
	text-align: center;
	margin-bottom: 5px
}

.hui-datepicker-month-nav {
	color: #888;
	cursor: pointer;
	line-height: 0;
	padding: 0 5px
}

.hui-datepicker-month-nav:hover {
	color: #222
}

.hui-datepicker-days-of-week,
.hui-datepicker-days {
	display: flex;
	flex-wrap: wrap
}

.hui-datepicker-days-of-week>*,
.hui-datepicker-days>* {
	font-size: 14px;
	height: 30px;
	line-height: 28px;
	outline: 0;
	text-align: center;
	width: 30px
}

.hui-datepicker-days-of-week>* {
	border-bottom: 1px solid #e4e4e4;
	color: #222;
	margin-bottom: 5px;
	font-weight: 600
}

.hui-datepicker-day {
	border-radius: 3px;
	color: #888;
	font-weight: 500
}

.hui-datepicker-day:not(.hui-datepicker-disabled):hover {
	background: #0078c9;
	border-color: transparent;
	color: #fff;
	cursor: pointer
}

.hui-datepicker-day.hui-datepicker-disabled {
	color: #888;
	text-decoration: line-through;
	text-decoration-thickness: 2px
}

.hui-datepicker-current {
	color: #222
}

.hui-datepicker-today {
	border: 1px solid #ccc
}

.hui-datepicker-selected {
	background: #f4f4f4;
	border: 1px solid #bbb
}

.hui-datepicker-footer {
	background: #f4f4f4;
	border-radius: 0 0 3px 3px;
	border-top: 1px solid #e4e4e4;
	color: #626262;
	font-size: 13px;
	margin: 5px -15px -10px;
	padding: 10px;
	text-align: center
}

.pds-card,
.pds-toast,
.pds-alert {
	background: #fff;
	border: 1px solid #b6b6b6;
	border-radius: 6px;
	position: relative
}

.pds-card-notice,
.pds-toast-notice,
.pds-alert-notice {
	background: #eaeff9;
	border: 1px solid #94b1e2
}

.pds-card-success,
.pds-toast-success,
.pds-alert-success {
	background: #eaf5e5;
	border: 1px solid #91cb7e
}

.pds-card-warning,
.pds-toast-warning,
.pds-alert-warning {
	background: #fffce9;
	border: 1px solid #d5ca0f
}

.pds-card-error,
.pds-toast-error,
.pds-alert-error {
	background: #ffe9e3;
	border: 1px solid #ff9279
}

.pds-empty {
	border-radius: 6px;
	color: #626262;
	font-size: 20px;
	padding: 64px;
	text-align: center
}

.import-dialog.drop-over {
	box-shadow: inset 0 0 100px #0000000d, inset 0 0 0 5px #347bd380
}

.pds-input.StripeElement--hover {
	border-color: #a0a0a0
}

.pds-input.StripeElement--focus {
	border-color: #0078c9;
	z-index: 200
}

.hui-label {
	color: #626262;
	display: block;
	font-size: 13px;
	font-weight: 500
}

.hui-label-large {
	line-height: 40px
}

.hui-label-medium {
	line-height: 34px
}

.hui-label-small {
	line-height: 28px
}

.hui-checkbox:not(.inline-block),
.hui-radio:not(.inline-block) {
	margin-top: 3px
}

.hui-checkbox:not(.inline-block):first-child,
.hui-radio:not(.inline-block):first-child {
	margin-top: 0
}

.hui-checkbox label,
.hui-radio label {
	cursor: pointer
}

.hui-checkbox label:before,
.hui-radio label:before {
	background: #fff;
	background-position: 50% 50%;
	background-size: 75% 75%;
	border: 1px solid #bbb;
	box-sizing: content-box;
	content: "";
	display: inline-block;
	height: 1em;
	margin: -.25em .5em 0 0;
	padding: 1px;
	vertical-align: middle;
	width: 1em
}

.hui-checkbox label:hover:before,
.hui-radio label:hover:before {
	border-color: #a0a0a0
}

.hui-checkbox input[type=checkbox],
.hui-radio input[type=radio] {
	clip-path: polygon(0 0);
	opacity: 0;
	pointer-events: none;
	position: absolute
}

.hui-checkbox input[type=checkbox]:checked+label:before,
.hui-radio input[type=radio]:checked+label:before {
	border-color: #da6100
}

.hui-checkbox input[type=checkbox]:disabled+label,
.hui-radio input[type=radio]:disabled+label {
	color: #888;
	cursor: not-allowed
}

.hui-checkbox input[type=checkbox]:disabled+label:before,
.hui-radio input[type=radio]:disabled+label:before {
	border-color: #bbb!important
}

.hui-checkbox label:before {
	border-radius: 3px
}

.hui-checkbox label:empty:before {
	margin-right: 0
}

.hui-checkbox input[type=checkbox]:checked+label:before {
	background: #f36c00 url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmIiBoZWlnaHQ9IjEyIiB2aWV3Qm94PSIwIDAgMTIgMTIiIHdpZHRoPSIxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAgMSA0LjUgNyAyIDQuNmwtMiAyTDQuNCAxMSAxMiAzeiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) 50% 50% no-repeat;
	background-size: 75%
}

.hui-checkbox input[type=checkbox]:checked:disabled+label:before {
	background-color: #ccc
}

.hui-checkbox input[type=checkbox]:disabled+label:before {
	background-color: #ccc!important;
	border-color: #bbb!important
}

.hui-checkbox input[type=checkbox]:focus+label:before {
	border-color: #0078c9;
	outline: auto 5px -webkit-focus-ring-color;
	outline-offset: -2px
}

.hui-radio label:before {
	border-radius: 1.1em
}

.hui-radio input[type=radio]:checked+label:before {
	background: #fff;
	box-shadow: inset 0 0 0 .325em #f36c00, inset 0 0 0 1px #f36c00
}

.hui-radio input[type=radio]:checked:disabled+label:before {
	box-shadow: inset 0 0 0 .325em #ccc, inset 0 0 0 1px #ccc
}

.hui-radio input[type=radio]:focus+label:before {
	border-color: #0078c9;
	outline: auto 5px -webkit-focus-ring-color;
	outline-offset: -2px
}

.hui-checkbox-indent,
.hui-radio-indent {
	margin-left: calc(1.5em + 4px)
}

.hui-inside-label {
	display: inline-block;
	position: relative
}

.hui-inside-label .hui-label {
	color: #888;
	font-size: 11px;
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: auto;
	font-weight: 400;
	left: 9px;
	position: absolute;
	pointer-events: none;
	top: 4px;
	z-index: 300
}

.hui-inside-label .pds-input {
	height: 42px;
	padding-bottom: 5px;
	padding-top: 20px
}

.hui-form-field {
	margin-bottom: 20px;
	position: relative
}

.hui-form-field-actions .pds-button {
	margin-right: 2px
}

.hui-form-field-notes {
	color: #888;
	font-size: 13px;
	margin-top: 5px
}

.form-loading {
	background: url(./loading-D423D6YQ.gif) no-repeat 0 0;
	color: #333;
	display: none;
	font-weight: bold;
	margin: 0;
	min-height: 16px;
	padding: 0 0 0 21px;
	vertical-align: middle
}

.form-loading.is-visible {
	display: inline-block
}

.file-input {
	background: #eee;
	border-radius: 4px;
	border: 1px dashed #bbb;
	cursor: pointer;
	display: block;
	line-height: 1;
	padding: 1em;
	text-align: left;
	width: 100%
}

.file-input span {
	display: inline-block;
	max-width: 100%;
	opacity: .5;
	word-wrap: break-word
}

.file-input:hover span {
	opacity: .6
}

.file-input.has-file {
	cursor: default
}

.file-input.has-file span {
	opacity: .6;
	padding-left: 17px
}

.file-input .clear-file {
	background: transparent;
	cursor: pointer;
	opacity: .5;
	position: absolute;
	vertical-align: middle;
	z-index: 1
}

.file-input .clear-file:hover {
	opacity: .65
}

.input-with-suggestions {
	position: relative
}

.input-with-suggestions input:focus {
	border-radius: 4px 4px 0 0
}

.input-with-suggestions.suggestions-are-hidden input:focus {
	border-radius: 4px
}

.input-suggestions {
	background: #fff;
	border: 1px solid #bbb;
	border-radius: 0 0 4px 4px;
	box-shadow: 0 3px 7px #00000026;
	line-height: 1.2;
	margin-top: -1px;
	max-height: 175px;
	opacity: 1;
	overflow-y: auto;
	padding: 7px 0;
	position: absolute;
	right: 0;
	visibility: visible;
	width: 100%;
	z-index: 400
}

.suggestions-are-hidden .input-suggestions {
	opacity: 0;
	visibility: hidden
}

.input-suggestion-item {
	color: inherit;
	cursor: pointer;
	display: block;
	padding: 7px 10px
}

.input-suggestion-item.is-selected {
	background: #0078c9;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.input-suggestion-item.is-unselectable {
	color: #888;
	cursor: default
}

.chosen-container.validation-error {
	background: transparent;
	color: inherit;
	font-weight: normal;
	margin: 0;
	padding: 0
}

.chosen-container.validation-error .chosen-single {
	border: 1px solid #e61e14
}

.projects-controller input.has-validation-error:not(:focus),
.projects-controller .pds-input.StripeElement--invalid,
.expense-categories-controller input.has-validation-error:not(:focus),
.expense-categories-controller .pds-input.StripeElement--invalid,
.docs-controller.index-action input.has-validation-error:not(:focus),
.docs-controller.index-action .pds-input.StripeElement--invalid,
.company-controller.change-account-url-action input.has-validation-error:not(:focus),
.company-controller.change-account-url-action .pds-input.StripeElement--invalid,
.team-members-controller input.has-validation-error:not(:focus),
.team-members-controller .pds-input.StripeElement--invalid,
.oauth2-clients-controller input.has-validation-error:not(:focus),
.oauth2-clients-controller .pds-input.StripeElement--invalid,
.roles-controller input.has-validation-error:not(:focus),
.roles-controller .pds-input.StripeElement--invalid,
.weekly-controller.index-action input.has-validation-error:not(:focus),
.weekly-controller.index-action .pds-input.StripeElement--invalid,
#create-report-form input.has-validation-error:not(:focus),
#create-report-form .pds-input.StripeElement--invalid,
#bulk-move-entries-to-project input.has-validation-error:not(:focus),
#bulk-move-entries-to-project .pds-input.StripeElement--invalid,
#bulk-move-entries-to-task input.has-validation-error:not(:focus),
#bulk-move-entries-to-task .pds-input.StripeElement--invalid,
#stripe-elements-form input.has-validation-error:not(:focus),
#stripe-elements-form .pds-input.StripeElement--invalid {
	border-color: #e61e14
}

.projects-controller .file-input.has-validation-error,
.expense-categories-controller .file-input.has-validation-error,
.docs-controller.index-action .file-input.has-validation-error,
.company-controller.change-account-url-action .file-input.has-validation-error,
.team-members-controller .file-input.has-validation-error,
.oauth2-clients-controller .file-input.has-validation-error,
.roles-controller .file-input.has-validation-error,
.weekly-controller.index-action .file-input.has-validation-error,
#create-report-form .file-input.has-validation-error,
#bulk-move-entries-to-project .file-input.has-validation-error,
#bulk-move-entries-to-task .file-input.has-validation-error,
#stripe-elements-form .file-input.has-validation-error {
	border: 1px solid #e61e14
}

.projects-controller .chosen-container.has-validation-error .chosen-single,
.expense-categories-controller .chosen-container.has-validation-error .chosen-single,
.docs-controller.index-action .chosen-container.has-validation-error .chosen-single,
.company-controller.change-account-url-action .chosen-container.has-validation-error .chosen-single,
.team-members-controller .chosen-container.has-validation-error .chosen-single,
.oauth2-clients-controller .chosen-container.has-validation-error .chosen-single,
.roles-controller .chosen-container.has-validation-error .chosen-single,
.weekly-controller.index-action .chosen-container.has-validation-error .chosen-single,
#create-report-form .chosen-container.has-validation-error .chosen-single,
#bulk-move-entries-to-project .chosen-container.has-validation-error .chosen-single,
#bulk-move-entries-to-task .chosen-container.has-validation-error .chosen-single,
#stripe-elements-form .chosen-container.has-validation-error .chosen-single {
	border: 1px solid #e61e14
}

.projects-controller .pds-button-toggle.has-validation-error>.pds-button,
.expense-categories-controller .pds-button-toggle.has-validation-error>.pds-button,
.docs-controller.index-action .pds-button-toggle.has-validation-error>.pds-button,
.company-controller.change-account-url-action .pds-button-toggle.has-validation-error>.pds-button,
.team-members-controller .pds-button-toggle.has-validation-error>.pds-button,
.oauth2-clients-controller .pds-button-toggle.has-validation-error>.pds-button,
.roles-controller .pds-button-toggle.has-validation-error>.pds-button,
.weekly-controller.index-action .pds-button-toggle.has-validation-error>.pds-button,
#create-report-form .pds-button-toggle.has-validation-error>.pds-button,
#bulk-move-entries-to-project .pds-button-toggle.has-validation-error>.pds-button,
#bulk-move-entries-to-task .pds-button-toggle.has-validation-error>.pds-button,
#stripe-elements-form .pds-button-toggle.has-validation-error>.pds-button {
	border-top-color: #e61e14;
	border-bottom-color: #e61e14
}

.projects-controller .pds-button-toggle.has-validation-error>.pds-button:first-child,
.expense-categories-controller .pds-button-toggle.has-validation-error>.pds-button:first-child,
.docs-controller.index-action .pds-button-toggle.has-validation-error>.pds-button:first-child,
.company-controller.change-account-url-action .pds-button-toggle.has-validation-error>.pds-button:first-child,
.team-members-controller .pds-button-toggle.has-validation-error>.pds-button:first-child,
.oauth2-clients-controller .pds-button-toggle.has-validation-error>.pds-button:first-child,
.roles-controller .pds-button-toggle.has-validation-error>.pds-button:first-child,
.weekly-controller.index-action .pds-button-toggle.has-validation-error>.pds-button:first-child,
#create-report-form .pds-button-toggle.has-validation-error>.pds-button:first-child,
#bulk-move-entries-to-project .pds-button-toggle.has-validation-error>.pds-button:first-child,
#bulk-move-entries-to-task .pds-button-toggle.has-validation-error>.pds-button:first-child,
#stripe-elements-form .pds-button-toggle.has-validation-error>.pds-button:first-child {
	border-left-color: #e61e14
}

.projects-controller .pds-button-toggle.has-validation-error>.pds-button:last-child,
.expense-categories-controller .pds-button-toggle.has-validation-error>.pds-button:last-child,
.docs-controller.index-action .pds-button-toggle.has-validation-error>.pds-button:last-child,
.company-controller.change-account-url-action .pds-button-toggle.has-validation-error>.pds-button:last-child,
.team-members-controller .pds-button-toggle.has-validation-error>.pds-button:last-child,
.oauth2-clients-controller .pds-button-toggle.has-validation-error>.pds-button:last-child,
.roles-controller .pds-button-toggle.has-validation-error>.pds-button:last-child,
.weekly-controller.index-action .pds-button-toggle.has-validation-error>.pds-button:last-child,
#create-report-form .pds-button-toggle.has-validation-error>.pds-button:last-child,
#bulk-move-entries-to-project .pds-button-toggle.has-validation-error>.pds-button:last-child,
#bulk-move-entries-to-task .pds-button-toggle.has-validation-error>.pds-button:last-child,
#stripe-elements-form .pds-button-toggle.has-validation-error>.pds-button:last-child {
	border-right-color: #e61e14
}

.projects-controller .js-validation-error-placeholder:empty,
.expense-categories-controller .js-validation-error-placeholder:empty,
.docs-controller.index-action .js-validation-error-placeholder:empty,
.company-controller.change-account-url-action .js-validation-error-placeholder:empty,
.team-members-controller .js-validation-error-placeholder:empty,
.oauth2-clients-controller .js-validation-error-placeholder:empty,
.roles-controller .js-validation-error-placeholder:empty,
.weekly-controller.index-action .js-validation-error-placeholder:empty,
#create-report-form .js-validation-error-placeholder:empty,
#bulk-move-entries-to-project .js-validation-error-placeholder:empty,
#bulk-move-entries-to-task .js-validation-error-placeholder:empty,
#stripe-elements-form .js-validation-error-placeholder:empty {
	display: none
}

.projects-controller .validation-errors,
.expense-categories-controller .validation-errors,
.docs-controller.index-action .validation-errors,
.company-controller.change-account-url-action .validation-errors,
.team-members-controller .validation-errors,
.oauth2-clients-controller .validation-errors,
.roles-controller .validation-errors,
.weekly-controller.index-action .validation-errors,
#create-report-form .validation-errors,
#bulk-move-entries-to-project .validation-errors,
#bulk-move-entries-to-task .validation-errors,
#stripe-elements-form .validation-errors {
	background: rgba(255, 255, 255, .8);
	padding: 5px 40px
}

.projects-controller .validation-errors li,
.expense-categories-controller .validation-errors li,
.docs-controller.index-action .validation-errors li,
.company-controller.change-account-url-action .validation-errors li,
.team-members-controller .validation-errors li,
.oauth2-clients-controller .validation-errors li,
.roles-controller .validation-errors li,
.weekly-controller.index-action .validation-errors li,
#create-report-form .validation-errors li,
#bulk-move-entries-to-project .validation-errors li,
#bulk-move-entries-to-task .validation-errors li,
#stripe-elements-form .validation-errors li {
	font-size: 13px;
	list-style: disc;
	padding: 5px 0
}

.projects-controller .validation-error,
.expense-categories-controller .validation-error,
.docs-controller.index-action .validation-error,
.company-controller.change-account-url-action .validation-error,
.team-members-controller .validation-error,
.oauth2-clients-controller .validation-error,
.roles-controller .validation-error,
.weekly-controller.index-action .validation-error,
#create-report-form .validation-error,
#bulk-move-entries-to-project .validation-error,
#bulk-move-entries-to-task .validation-error,
#stripe-elements-form .validation-error {
	color: #e61e14;
	font-size: 13px;
	margin-top: 5px
}

.projects-controller .validation-error:empty,
.expense-categories-controller .validation-error:empty,
.docs-controller.index-action .validation-error:empty,
.company-controller.change-account-url-action .validation-error:empty,
.team-members-controller .validation-error:empty,
.oauth2-clients-controller .validation-error:empty,
.roles-controller .validation-error:empty,
.weekly-controller.index-action .validation-error:empty,
#create-report-form .validation-error:empty,
#bulk-move-entries-to-project .validation-error:empty,
#bulk-move-entries-to-task .validation-error:empty,
#stripe-elements-form .validation-error:empty {
	display: none
}

.field_with_errors {
	display: inline-block
}

.field_with_errors input,
.field_with_errors textarea {
	border-color: #e61e14
}

input.input-warn {
	border-color: #d5ca0f;
	background-color: #fffce9
}

input.input-warn~.edit-billable-amount-icon {
	visibility: visible
}

.edit-billable-amount-icon {
	color: #ac7408;
	visibility: hidden
}

.pds-row {
	display: flex;
	margin-left: -16px;
	margin-right: -16px
}

[class*=pds-column] {
	flex-basis: 0;
	flex-grow: 1;
	min-height: 1px;
	padding-left: 16px;
	padding-right: 16px;
	position: relative
}

.pds-column-1 {
	flex: 0 0 8.3333333333%;
	max-width: 8.3333333333%
}

.pds-offset-1 {
	margin-left: 8.3333333333%
}

.pds-column-2 {
	flex: 0 0 16.6666666667%;
	max-width: 16.6666666667%
}

.pds-offset-2 {
	margin-left: 16.6666666667%
}

.pds-column-3 {
	flex: 0 0 25%;
	max-width: 25%
}

.pds-offset-3 {
	margin-left: 25%
}

.pds-column-4 {
	flex: 0 0 33.3333333333%;
	max-width: 33.3333333333%
}

.pds-offset-4 {
	margin-left: 33.3333333333%
}

.pds-column-5 {
	flex: 0 0 41.6666666667%;
	max-width: 41.6666666667%
}

.pds-offset-5 {
	margin-left: 41.6666666667%
}

.pds-column-6 {
	flex: 0 0 50%;
	max-width: 50%
}

.pds-offset-6 {
	margin-left: 50%
}

.pds-column-7 {
	flex: 0 0 58.3333333333%;
	max-width: 58.3333333333%
}

.pds-offset-7 {
	margin-left: 58.3333333333%
}

.pds-column-8 {
	flex: 0 0 66.6666666667%;
	max-width: 66.6666666667%
}

.pds-offset-8 {
	margin-left: 66.6666666667%
}

.pds-column-9 {
	flex: 0 0 75%;
	max-width: 75%
}

.pds-offset-9 {
	margin-left: 75%
}

.pds-column-10 {
	flex: 0 0 83.3333333333%;
	max-width: 83.3333333333%
}

.pds-offset-10 {
	margin-left: 83.3333333333%
}

.pds-column-11 {
	flex: 0 0 91.6666666667%;
	max-width: 91.6666666667%
}

.pds-offset-11 {
	margin-left: 91.6666666667%
}

.pds-column-12 {
	flex: 0 0 100%;
	max-width: 100%
}

.pds-offset-12 {
	margin-left: 100%
}

.icon-timer {
	vertical-align: text-top
}

.icon-timer-face {
	stroke: #a0a0a0
}

.icon-timer-hand {
	fill: #a0a0a0
}

.icon-timer-running {
	animation: rotateThreeSixty 3s infinite linear
}

.pds-pagination ul {
	align-items: center;
	display: flex;
	justify-content: center
}

.pds-pagination li {
	margin: 0 4px
}

.pds-pagination li>* {
	align-items: center;
	border-radius: 3px;
	cursor: default;
	display: flex;
	font-size: 16px;
	height: 32px;
	justify-content: center;
	min-width: 32px;
	padding: 0 8px
}

.pds-pagination a {
	cursor: pointer;
	text-decoration: none
}

.pds-pagination a:hover {
	background: #0078c9;
	color: #fff
}

.pds-pagination em {
	background: #d3d3d3;
	font-style: normal;
	font-weight: 600
}

.pds-pagination span {
	color: gray
}

.pds-pagination [aria-disabled=true] {
	cursor: not-allowed!important
}

.project-selector-cancel-confirmation {
	z-index: 1011
}

.popover,
.dropdown {
	background-clip: padding-box;
	background-color: #fff;
	border: 1px solid #bbb;
	border-radius: 4px;
	box-shadow: 0 2px 8px #0003;
	color: #222;
	cursor: default;
	display: inline-block;
	line-height: 1.4;
	margin: 2px 0 0;
	max-width: 300px;
	min-width: 100px;
	opacity: 0;
	position: absolute;
	text-align: left;
	transition: opacity .2s, visibility .2s;
	visibility: hidden;
	z-index: 400
}

.popover.is-visible,
.dropdown.is-visible {
	opacity: 1;
	transition: none;
	visibility: visible
}

.popover:before,
.popover:after,
.dropdown:before,
.dropdown:after {
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	content: "";
	height: 0;
	left: 50%;
	position: absolute;
	top: 0;
	width: 0
}

.popover:before,
.dropdown:before {
	border-bottom: 10px solid #a0a0a0;
	margin: -10px 0 0 -10px
}

.popover:after,
.dropdown:after {
	border-bottom: 10px solid #fff;
	margin: -9px 0 0 -10px
}

.popover.is-down-left,
.dropdown.is-down-left {
	left: 0!important
}

.popover.is-down-left:before,
.popover.is-down-left:after,
.dropdown.is-down-left:before,
.dropdown.is-down-left:after {
	left: 10px;
	margin-left: 0
}

.popover.is-down-right,
.dropdown.is-down-right {
	left: auto!important;
	right: 0
}

.popover.is-down-right:before,
.popover.is-down-right:after,
.dropdown.is-down-right:before,
.dropdown.is-down-right:after {
	left: auto;
	margin-left: 0;
	right: 10px
}

.popover.is-right,
.dropdown.is-right {
	margin: 0 0 0 4px
}

.popover.is-right:before,
.popover.is-right:after,
.dropdown.is-right:before,
.dropdown.is-right:after {
	border-bottom: 9px solid transparent;
	border-left: 0;
	border-top: 9px solid transparent;
	left: 0;
	top: 12px
}

.popover.is-right:before,
.dropdown.is-right:before {
	border-right: 10px solid #a0a0a0;
	margin: 0 0 0 -10px
}

.popover.is-right:after,
.dropdown.is-right:after {
	border-right: 10px solid #fff;
	margin: 0 0 0 -9px
}

.popover {
	padding: 10px 15px
}

.popover>:first-child {
	margin-top: 0
}

.popover>:last-child {
	margin-bottom: 0
}

.popover-confirm {
	text-align: center
}

.popover-confirm .buttons:last-child {
	font-size: 0;
	margin-bottom: 3px;
	white-space: nowrap
}

.popover-confirm .buttons:last-child .pds-button {
	margin-right: 7px
}

.popover-confirm .buttons:last-child .pds-button:last-child {
	margin-right: 0
}

.popover-helper {
	background-color: #fffce9;
	border: 1px solid #d5ca0f
}

.popover-helper:before {
	border-bottom-color: #d5ca0f
}

.popover-helper:after {
	border-bottom-color: #fffce9
}

.popover-helper.is-right:before {
	border-right-color: #d5ca0f
}

.popover-helper.is-right:after {
	border-right-color: #fffce9
}

.dropdown {
	padding: 8px 0
}

.dropdown a,
.dropdown button {
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	box-sizing: border-box;
	color: #222;
	cursor: pointer;
	display: block;
	font-family: inherit;
	font-size: 15px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight: 500;
	line-height: 1.1;
	padding: 8px 30px 9px 15px;
	text-align: left;
	text-decoration: none;
	white-space: nowrap;
	width: 100%
}

.dropdown a:hover,
.dropdown a:focus,
.dropdown button:hover,
.dropdown button:focus {
	background: #0078c9;
	color: #fff;
	outline: 0;
	text-decoration: none
}

.dropdown a:active,
.dropdown button:active {
	color: #fff;
	background: #0078c9
}

.dropdown a.important:hover,
.dropdown a.important:focus,
.dropdown button.important:hover,
.dropdown button.important:focus {
	background: #e61e14
}

.dropdown a.important:active,
.dropdown button.important:active {
	background: #e61e14
}

.dropdown a:active:focus,
.dropdown button:active:focus {
	outline: none
}

.dropdown button[disabled] {
	background: transparent!important;
	color: #888!important;
	cursor: not-allowed!important
}

.dropdown hr {
	background: #ccc;
	margin: 8px 0
}

.popover-wrapper {
	display: inline-block;
	position: relative
}

.hui-spinner {
	align-items: center;
	color: #555;
	display: inline-flex;
	font-weight: 500;
	margin-left: 2px;
	vertical-align: middle
}

.hui-spinner svg {
	margin-right: 5px
}

.hui-spin {
	animation: rotateThreeSixty .75s steps(8) infinite
}

.pds-stat-label {
	color: #626262;
	font-size: 14px;
	font-weight: 500
}

.pds-stat-block-data {
	font-size: 28px;
	font-weight: 600;
	line-height: 1.25;
	margin: 0
}

.pds-stat-inline {
	align-items: center;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 4px;
	justify-content: space-between
}

.pds-stat-inline-data {
	font-size: 14px;
	font-weight: 600
}

.pds-stat-key {
	border-radius: 3px;
	display: inline-block;
	height: 1em;
	position: relative;
	top: .15em;
	width: 1em
}

.table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	line-height: 1.3;
	margin: 0
}

.table.border-top {
	border-top: 1px solid #ccc
}

.table th,
.table td {
	border-bottom: 1px solid #ccc;
	padding-left: 7px;
	padding-right: 7px
}

.table th {
	background: #f2f2f2;
	border-top: 1px solid #ccc;
	color: #888;
	font-size: 11px;
	font-weight: 500;
	padding-bottom: 7px;
	padding-top: 7px;
	text-align: left;
	vertical-align: middle
}

.table td {
	font-size: 14px;
	padding-bottom: 12px;
	padding-top: 12px
}

.table tfoot td {
	border-bottom: 0
}

.table .col-min {
	width: 1px!important
}

.table [data-sort-by] {
	cursor: pointer
}

.table [data-sort-by]:hover {
	color: #555
}

.table .is-sorted {
	color: #333;
	font-weight: 600
}

.table th.is-sorted:hover {
	color: inherit
}

.table th.is-sorted:after {
	background: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjgiIHdpZHRoPSIyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtOC41MSAxIC45OSAxLjExNEw1IDcgLjUgMi4xMTQgMS40OSAxIDUgNC43N3ptMTAgNiAuOTktMS4xMTRMMTUgMWwtNC41IDQuODg2TDExLjQ5IDcgMTUgMy4yM3oiIGZpbGw9IiMzMzMiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==) no-repeat;
	content: "";
	display: inline-block;
	height: 7px;
	margin-left: 3px;
	width: 10px
}

.table th.is-sorted.asc:after {
	background-position: 100% 0
}

.table th.is-sorted.desc:after {
	background-position: 0 0
}

th.table-title {
	background: #888;
	border-radius: 6px 6px 0 0;
	border: 0;
	color: #fff;
	padding-bottom: 9px;
	padding-top: 9px
}

.hui-subscription-table {
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 5px 15px 4px
}

.hui-subscription-table table td {
	border-bottom: 1px solid #ccc;
	padding: 10px 5px
}

.hui-subscription-table table tr:last-of-type td {
	border: 0
}

tr .pds-card,
tr .pds-toast,
tr .pds-alert {
	border: 0;
	border-radius: 0
}

.pds-table-wrapper {
	-webkit-overflow-scrolling: touch;
	overflow-x: auto
}

.pds-table {
	table-layout: auto
}

.pds-table th,
.pds-table td {
	border-bottom: 1px solid #b6b6b6;
	border-top: 1px solid #b6b6b6;
	line-height: 1.25;
	padding: 8px 16px;
	text-align: left
}

.pds-table th {
	background: #f0f0f0;
	font-size: 14px;
	font-weight: 500
}

.pds-table tfoot th,
.pds-table tfoot td {
	border: 0
}

.pds-table-sort {
	align-items: center;
	background: transparent;
	border: 0;
	color: inherit;
	display: flex;
	margin: 0;
	padding: 0;
	text-decoration: none;
	white-space: nowrap
}

.pds-tr-child td {
	background: #f0f0f0
}

.pds-tr-child td:first-child {
	padding-left: 32px
}

.pds-td-fit-content {
	width: .01%
}

.has-clickable-table-rows .clickable-row:hover,
.has-clickable-table-rows .clickable-row.is-hovered {
	background: #eaeff9
}

.has-clickable-table-rows .clickable-row td {
	position: relative
}

.has-clickable-table-rows .clickable-row-link {
	background-color: #fff;
	bottom: 0;
	cursor: pointer;
	display: block;
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0
}

.pds-badge,
.pds-tab-count {
	background-color: #222;
	border: 1px solid transparent;
	border-radius: 24px;
	color: #fff;
	display: inline-block;
	font-size: 12px;
	font-weight: 500;
	line-height: 1;
	padding: 4px 8px;
	vertical-align: middle;
	white-space: nowrap
}

.pds-badge-primary {
	background-color: #1c7a0e
}

.pds-badge-secondary {
	background-color: #fff;
	border-color: #b6b6b6;
	color: #626262
}

.pds-badge-danger {
	background-color: #e61e14
}

.pds-badge-notice {
	background-color: #0078c9
}

.pds-badge-primary-inverse {
	background-color: #eaf5e5;
	color: #1c7a0e
}

.pds-badge-secondary-inverse,
.pds-tab-count {
	background-color: #22222212;
	color: #222
}

.pds-badge-danger-inverse {
	background-color: #ffe9e3;
	color: #ca2014
}

.pds-badge-notice-inverse {
	background-color: #eaeff9;
	color: #116ab0
}

.pds-tabs-wrapper {
	-webkit-overflow-scrolling: touch;
	overflow-x: auto;
	white-space: nowrap
}

.pds-tabs {
	border-bottom: 1px solid #b6b6b6;
	font-size: 0;
	padding-top: 4px;
	text-align: center;
	white-space: nowrap
}

.pds-tab {
	align-items: center;
	background: transparent;
	border-color: transparent;
	border-radius: 3px 3px 0 0;
	border-style: solid;
	border-width: 0 1px;
	box-shadow: 0 1px #b6b6b6;
	color: #626262;
	display: inline-flex;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.4;
	padding: 8px 16px;
	text-decoration: none;
	transition: .1s;
	white-space: nowrap
}

.pds-tab:hover:not(.pds-tab-selected,
:disabled) {
	background: rgba(34, 34, 34, .07);
	color: #222
}

.pds-tab:focus {
	z-index: 200
}

.pds-tab:disabled {
	background: none;
	border-color: transparent;
	color: #9b9b9b;
	font-weight: 400
}

.pds-tab-selected {
	background: #fff;
	border-color: #b6b6b6;
	border-radius: 0;
	box-shadow: 0 -4px #f36c00, 0 1px #fff;
	color: #222;
	cursor: default!important
}

.pds-tab-selected:focus {
	outline: 0
}

.pds-tab-count {
	margin: -1px 0 -1px 8px
}

@media print {
	.pds-tab:not(.pds-tab-selected) {
		display: none!important
	}
	.pds-tab-selected {
		border-top-width: 1px!important;
		box-shadow: none!important
	}
}

.pds-card,
.pds-alert,
.pds-toast {
	background: #fff;
	border: 1px solid #b6b6b6;
	border-radius: 6px;
	position: relative
}

.pds-card-secondary,
.pds-empty {
	background: #f0f0f0;
	border: 1px solid #b6b6b6
}

.pds-card-notice,
.pds-alert-notice,
.pds-toast-notice {
	background: #eaeff9;
	border: 1px solid #94b1e2
}

.pds-card-success,
.pds-alert-success,
.pds-toast-success {
	background: #eaf5e5;
	border: 1px solid #91cb7e
}

.pds-card-warning,
.pds-alert-warning,
.pds-toast-warning {
	background: #fffce9;
	border: 1px solid #d5ca0f
}

.pds-card-error,
.pds-alert-error,
.pds-toast-error {
	background: #ffe9e3;
	border: 1px solid #ff9279
}

.pds-card-shadow-sm {
	box-shadow: 0 2px 3px #2222221a
}

.pds-card-shadow-lg {
	box-shadow: 0 3px 7px #2223
}

.pds-toast {
	border-radius: 3px;
	display: inline-block;
	line-height: 1;
	padding: 4px 8px
}

.pds-toast-icon {
	margin-right: 4px;
	vertical-align: text-top
}

.pds-toast-notice .pds-toast-icon {
	color: #0078c9
}

.pds-toast-success .pds-toast-icon {
	color: #14a000
}

.pds-toast-warning .pds-toast-icon {
	color: #9c9319
}

.pds-toast-error .pds-toast-icon {
	color: #e61e14
}

.pds-tooltip {
	background-color: #fffce9;
	border: 1px solid #d5ca0f;
	border-radius: 3px;
	filter: drop-shadow(0 1px 3px rgba(34, 34, 34, .1));
	font-size: 12px;
	left: 0;
	line-height: 1.25;
	opacity: 0;
	padding: 8px;
	position: absolute;
	text-align: center;
	top: 0;
	transition: all .2s;
	visibility: hidden;
	z-index: 700
}

.pds-tooltip:before,
.pds-tooltip:after {
	content: "";
	pointer-events: none;
	position: absolute
}

.pds-tooltip-top:before,
.pds-tooltip-top:after,
.pds-tooltip-bottom:before,
.pds-tooltip-bottom:after {
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	left: 50%;
	margin-left: -8px
}

.pds-tooltip-top {
	margin-top: -4px
}

.pds-tooltip-top:after {
	border-top: 10px solid #fffce9;
	bottom: -9px
}

.pds-tooltip-top:before {
	border-top: 10px solid #d5ca0f;
	bottom: -10px
}

.pds-tooltip-bottom {
	margin-top: 4px
}

.pds-tooltip-bottom:after {
	border-bottom: 10px solid #fffce9;
	top: -9px
}

.pds-tooltip-bottom:before {
	border-bottom: 10px solid #d5ca0f;
	top: -10px
}

.pds-tooltip-right:before,
.pds-tooltip-right:after {
	border-bottom: 8px solid transparent;
	border-top: 8px solid transparent;
	margin-top: -8px;
	top: 50%
}

.pds-tooltip-right {
	margin-left: 16px
}

.pds-tooltip-right:after {
	border-right: 10px solid #fffce9;
	left: -9px
}

.pds-tooltip-right:before {
	border-right: 10px solid #d5ca0f;
	left: -10px
}

.pds-tooltip-sm,
.pds-tooltip-small {
	max-width: 175px
}

.pds-tooltip-md,
.pds-tooltip-medium {
	max-width: 250px
}

.pds-tooltip-visible {
	opacity: 1;
	transition: none;
	visibility: visible
}

#zendesk-widget-placeholder {
	background-color: #f36c00;
	border: none;
	border-radius: 999rem;
	bottom: 14px;
	box-sizing: border-box;
	fill: currentColor;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, Arial, sans-serif;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: .6px;
	opacity: 0;
	padding: 13px 22px;
	position: fixed;
	right: 20px;
	transition-duration: .25s;
	transition-property: opacity, top, bottom, width, height;
	transition-timing-function: cubic-bezier(.645, .045, .355, 1);
	z-index: 399
}

#zendesk-widget-placeholder:focus {
	box-shadow: inset 0 0 0 3px #fff6;
	outline: none
}

#zendesk-widget-placeholder.icon-only {
	bottom: 12px;
	padding: 14px
}

#zendesk-widget-placeholder .loading-icon {
	filter: invert(1)
}

.clearfix,
.hui-form-field,
.hui-form-field-actions {
	position: relative
}

.clearfix:before,
.hui-form-field:before,
.hui-form-field-actions:before,
.clearfix:after,
.hui-form-field:after,
.hui-form-field-actions:after {
	content: " ";
	display: table
}

.clearfix:after,
.hui-form-field:after,
.hui-form-field-actions:after {
	clear: both
}

.hui-well {
	background: #f4f4f4;
	border: 1px solid #ccc;
	border-radius: 4px;
	margin-bottom: 20px;
	padding: 20px
}

tr .hui-well {
	border: 0;
	border-radius: 0;
	margin: 0
}

.hui-sidebar {
	background: #f4f4f4;
	border-radius: 3px;
	padding: 10px 0
}

.hui-sidebar>a {
	border-radius: 3px 0 0 3px;
	color: #626262;
	display: block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight: 500;
	margin: 5px 0 5px 15px;
	padding: 10px 15px;
	text-decoration: none
}

.hui-sidebar>a:hover {
	background: rgba(0, 0, 0, .05);
	color: #555
}

.hui-sidebar>a.is-active {
	background: #fff;
	border-bottom: 1px solid #ccc;
	border-radius: 0;
	border-top: 1px solid #ccc;
	box-shadow: -3px 0 #f36c00;
	color: #222;
	font-weight: 600
}

.numbered,
.bulleted {
	margin: 1em 0 1em 2em
}

.numbered>li,
.bulleted>li {
	margin-bottom: .5em
}

.numbered>li:last-child,
.bulleted>li:last-child {
	margin-bottom: 0
}

.numbered>li {
	list-style: decimal
}

.bulleted>li {
	list-style: disc
}

.is-visible {
	opacity: 1!important;
	visibility: visible!important
}

.pds-chosen {
	cursor: default;
	font-size: 13px;
	position: relative;
	text-align: left;
	user-select: none;
	vertical-align: middle
}

.pds-chosen-menu {
	display: inline-block;
	max-width: 240px
}

.pds-chosen-with-drop .pds-button {
	background: #dedede;
	box-shadow: inset 0 0 0 1px #00000026, inset 0 1px 3px #00000026
}

.pds-chosen-drop {
	background: #fff;
	background-clip: padding-box;
	border: 1px solid #bbb;
	border-radius: 4px;
	border-top: 0;
	box-shadow: 0 2px 8px #0003;
	box-sizing: content-box;
	margin-top: 2px;
	opacity: 1;
	padding: 0;
	position: absolute;
	top: 100%;
	visibility: visible;
	width: 280px;
	z-index: 1010
}

.pds-chosen a {
	cursor: pointer
}

.pds-chosen-single {
	color: #555;
	font-size: 15px;
	height: 34px;
	line-height: 34px;
	max-width: 100%;
	overflow: hidden;
	position: relative;
	text-decoration: none;
	white-space: nowrap
}

.pds-chosen-selection {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.pds-chosen-search {
	margin: 0;
	padding: 8px 8px 0;
	position: relative;
	white-space: nowrap;
	z-index: 1010
}

.pds-chosen-search input {
	background: #fff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path opacity=".5" d="M16 14.4l-4.2-4.1c.8-1.1 1.2-2.4 1.2-3.8 0-3.6-2.9-6.5-6.5-6.5s-6.5 2.9-6.5 6.5 2.9 6.5 6.5 6.5c1.4 0 2.6-.4 3.7-1.1l4.2 4.2 1.6-1.7zm-14.1-7.9c0-2.5 2.1-4.6 4.6-4.6s4.6 2.1 4.6 4.6-2.1 4.6-4.6 4.6-4.6-2.1-4.6-4.6z"/></svg>') 10px 50% no-repeat!important;
	border: 1px solid #bbb;
	border-radius: 3px;
	box-shadow: none;
	font-family: "Fakt", "Helvetica Neue", arial, sans-serif;
	font-size: 15px;
	height: 34px;
	line-height: normal;
	margin: 1px 0;
	outline: 0;
	padding: 4px 8px 4px 32px;
	width: 100%
}

.pds-chosen-search input:focus {
	border-color: #0078c9;
	outline: auto 5px -webkit-focus-ring-color!important
}

.pds-chosen-results {
	color: #444;
	margin: 8px 0;
	max-height: 240px;
	-webkit-overflow-scrolling: touch;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 0;
	position: relative
}

@media only screen and (min-height: 650px) {
	.pds-chosen-results {
		max-height: 360px
	}
}

.pds-chosen-results li {
	border-radius: 0;
	color: #222;
	display: none;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.1;
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 8px 30px 9px 15px;
	text-overflow: ellipsis;
	text-shadow: none;
	-webkit-touch-callout: none;
	white-space: nowrap;
	word-wrap: break-word
}

.pds-chosen-results .pds-chosen-result {
	cursor: pointer;
	display: list-item
}

.pds-chosen-results .pds-chosen-highlighted {
	background: #0078c9;
	color: #fff
}

.pds-chosen-results .pds-chosen-highlighted:active {
	background: #6294d5
}

.pds-chosen-results .pds-chosen-no-results {
	background: transparent;
	color: #888;
	display: list-item;
	font-style: italic
}

.pds-chosen-results .pds-chosen-result-group {
	cursor: default;
	display: list-item;
	font-weight: 500;
	letter-spacing: 0
}

.pds-chosen-results .pds-chosen-group-option {
	padding-left: 30px
}

.pds-chosen-results li em {
	font-style: normal;
	text-decoration: underline
}

.pds-chosen-clear-selection-container {
	border-top: 1px solid #d3d3d3;
	display: flex;
	justify-content: space-between;
	padding: 4px
}

.pds-chosen-clear-selection {
	align-items: center;
	background-color: transparent;
	border: 0;
	border-radius: 3px;
	color: #116ab0;
	cursor: pointer;
	display: flex;
	font-size: 13px;
	font-weight: 500;
	line-height: 1;
	padding: 8px;
	text-decoration: none;
	transition: .05s;
	width: auto
}

.pds-chosen-clear-selection>svg {
	margin-right: 4px
}

.pds-chosen-clear-selection:hover {
	background: #eaeff9;
	color: #116ab0
}

.pds-chosen-select {
	background: linear-gradient(#fff, #f0f0f0);
	border: 1px solid #b6b6b6;
	border-radius: 3px;
	width: 100%
}

.pds-chosen-select:hover:not(.pds-chosen-with-drop):not(.pds-chosen-disabled) {
	background: linear-gradient(#f7f7f7, #e8e8e8)
}

.pds-chosen-select.pds-chosen-with-drop {
	background: #f0f0f0;
	background-clip: padding-box;
	border-bottom: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	box-shadow: 0 8px 10px #0003;
	margin-bottom: 1px
}

.pds-chosen-select.pds-chosen-disabled {
	background: #f0f0f0!important;
	border-color: #d3d3d3!important;
	opacity: .7!important
}

.pds-chosen-select.pds-chosen-disabled .pds-chosen-selection {
	color: gray!important
}

.pds-chosen-select .pds-chosen-single {
	align-items: center;
	background-color: transparent;
	border: 0;
	color: #222;
	display: flex;
	justify-content: space-between;
	padding: 0 8px;
	width: 100%
}

.pds-chosen-select .pds-chosen-single.pds-chosen-default {
	color: #888
}

.pds-chosen-select .pds-chosen-single:disabled {
	opacity: 1!important
}

.pds-chosen-select .pds-chosen-drop {
	border-top: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	box-shadow: 0 8px 10px #0003;
	left: 0;
	margin: 0 0 0 -1px;
	max-width: 100%!important;
	width: 100%!important
}

.pds-chosen-select .pds-chosen-search {
	background: #f0f0f0;
	border-bottom: 1px solid #b6b6b6;
	padding: 4px 8px 8px
}

.pds-chosen-select-small .pds-chosen-single {
	font-size: 13px;
	height: 26px;
	line-height: 26px
}

.pds-chosen-dropdown {
	background-clip: padding-box;
	background-color: #fff;
	border: 1px solid #bbb;
	border-radius: 4px;
	box-shadow: 0 2px 8px #0003;
	color: #222;
	cursor: default;
	display: inline-block;
	line-height: 1.4;
	margin: 2px 0 0;
	max-width: 300px;
	min-width: 100px;
	position: absolute;
	text-align: left;
	z-index: 400
}

.pds-chosen-dropdown:before,
.pds-chosen-dropdown:after {
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	content: "";
	height: 0;
	left: 50%;
	position: absolute;
	top: 0;
	width: 0
}

.pds-chosen-dropdown:before {
	border-bottom: 10px solid #a0a0a0;
	margin: -10px 0 0 -10px
}

.pds-chosen-dropdown:after {
	border-bottom: 10px solid #fff;
	margin: -9px 0 0 -10px
}

.pds-chosen-dropdown.pds-chosen-down-left {
	left: 0!important
}

.pds-chosen-dropdown.pds-chosen-down-left:before,
.pds-chosen-dropdown.pds-chosen-down-left:after {
	left: 10px;
	margin-left: 0
}

.pds-chosen-dropdown.pds-chosen-down-right {
	left: auto!important;
	right: 0
}

.pds-chosen-dropdown.pds-chosen-down-right:before,
.pds-chosen-dropdown.pds-chosen-down-right:after {
	left: auto;
	margin-left: 0;
	right: 10px
}

.chosen-container {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	font-size: 13px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.chosen-container * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.chosen-container .chosen-drop {
	position: absolute;
	top: 100%;
	z-index: 1010;
	width: 100%;
	border: 1px solid #aaa;
	border-top: 0;
	background: #fff;
	-webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
	box-shadow: 0 4px 5px #00000026;
	clip: rect(0, 0, 0, 0);
	-webkit-clip-path: inset(100% 100%);
	clip-path: inset(100% 100%)
}

.chosen-container.chosen-with-drop .chosen-drop {
	clip: auto;
	-webkit-clip-path: none;
	clip-path: none
}

.chosen-container a {
	cursor: pointer
}

.chosen-container .search-choice .group-name,
.chosen-container .chosen-single .group-name {
	margin-right: 4px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-weight: normal;
	color: #999
}

.chosen-container .search-choice .group-name:after,
.chosen-container .chosen-single .group-name:after {
	content: ":";
	padding-left: 2px;
	vertical-align: top
}

.chosen-container-single .chosen-single {
	position: relative;
	display: block;
	overflow: hidden;
	padding: 0 0 0 8px;
	height: 25px;
	border: 1px solid #aaa;
	border-radius: 5px;
	background-color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #fff), color-stop(50%, #f6f6f6), color-stop(52%, #eee), to(#f4f4f4));
	background: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
	background-clip: padding-box;
	-webkit-box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, .1);
	box-shadow: 0 0 3px #fff inset, 0 1px 1px #0000001a;
	color: #444;
	text-decoration: none;
	white-space: nowrap;
	line-height: 24px
}

.chosen-container-single .chosen-default {
	color: #999
}

.chosen-container-single .chosen-single span {
	display: block;
	overflow: hidden;
	margin-right: 26px;
	text-overflow: ellipsis;
	white-space: nowrap
}

.chosen-container-single .chosen-single-with-deselect span {
	margin-right: 38px
}

.chosen-container-single .chosen-single abbr {
	position: absolute;
	top: 6px;
	right: 26px;
	display: block;
	width: 12px;
	height: 12px;
/*	background: url(./chosen-sprite-HQTKGVPH.png) -42px 1px no-repeat; */
	font-size: 1px
}

.chosen-container-single .chosen-single abbr:hover {
	background-position: -42px -10px
}

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
	background-position: -42px -10px
}

.chosen-container-single .chosen-single div {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 18px;
	height: 100%
}

.chosen-container-single .chosen-single div b {
	display: block;
	width: 100%;
	height: 100%;
/*	background: url(./chosen-sprite-HQTKGVPH.png) no-repeat 0px 2px*/
}

.chosen-container-single .chosen-search {
	position: relative;
	z-index: 1010;
	margin: 0;
	padding: 3px 4px;
	white-space: nowrap
}

.chosen-container-single .chosen-search input[type=text] {
	margin: 1px 0;
	padding: 4px 20px 4px 5px;
	width: 100%;
	height: auto;
	outline: 0;
	border: 1px solid #aaa;
/*	background: url(./chosen-sprite-HQTKGVPH.png) no-repeat 100% -20px;*/
	font-size: 1em;
	font-family: sans-serif;
	line-height: normal;
	border-radius: 0
}

.chosen-container-single .chosen-drop {
	margin-top: -1px;
	border-radius: 0 0 4px 4px;
	background-clip: padding-box
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
	position: absolute;
	clip: rect(0, 0, 0, 0);
	-webkit-clip-path: inset(100% 100%);
	clip-path: inset(100% 100%)
}

.chosen-container .chosen-results {
	color: #444;
	position: relative;
	overflow-x: hidden;
	overflow-y: auto;
	margin: 0 4px 4px 0;
	padding: 0 0 0 4px;
	max-height: 240px;
	-webkit-overflow-scrolling: touch
}

.chosen-container .chosen-results li {
	display: none;
	margin: 0;
	padding: 5px 6px;
	list-style: none;
	line-height: 15px;
	word-wrap: break-word;
	-webkit-touch-callout: none
}

.chosen-container .chosen-results li.active-result {
	display: list-item;
	cursor: pointer
}

.chosen-container .chosen-results li.disabled-result {
	display: list-item;
	color: #ccc;
	cursor: default
}

.chosen-container .chosen-results li.highlighted {
	background-color: #3875d7;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
	background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
	color: #fff
}

.chosen-container .chosen-results li.no-results {
	color: #777;
	display: list-item;
	background: #f4f4f4
}

.chosen-container .chosen-results li.group-result {
	display: list-item;
	font-weight: bold;
	cursor: default
}

.chosen-container .chosen-results li.group-option {
	padding-left: 15px
}

.chosen-container .chosen-results li em {
	font-style: normal;
	text-decoration: underline
}

.chosen-container-multi .chosen-choices {
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0 5px;
	width: 100%;
	height: auto;
	border: 1px solid #aaa;
	background-color: #fff;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #eee), color-stop(15%, #fff));
	background-image: linear-gradient(#eee 1%, #fff 15%);
	cursor: text
}

.chosen-container-multi .chosen-choices li {
	float: left;
	list-style: none
}

.chosen-container-multi .chosen-choices li.search-field {
	margin: 0;
	padding: 0;
	white-space: nowrap
}

.chosen-container-multi .chosen-choices li.search-field input[type=text] {
	margin: 1px 0;
	padding: 0;
	height: 25px;
	outline: 0;
	border: 0!important;
	background: transparent!important;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #999;
	font-size: 100%;
	font-family: sans-serif;
	line-height: normal;
	border-radius: 0;
	width: 25px
}

.chosen-container-multi .chosen-choices li.search-choice {
	position: relative;
	margin: 3px 5px 3px 0;
	padding: 3px 20px 3px 5px;
	border: 1px solid #aaa;
	max-width: 100%;
	border-radius: 3px;
	background-color: #eee;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
	background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
	background-size: 100% 19px;
	background-repeat: repeat-x;
	background-clip: padding-box;
	-webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, .05);
	box-shadow: 0 0 2px #fff inset, 0 1px #0000000d;
	color: #333;
	line-height: 13px;
	cursor: default
}

.chosen-container-multi .chosen-choices li.search-choice span {
	word-wrap: break-word
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
	position: absolute;
	top: 4px;
	right: 3px;
	display: block;
	width: 12px;
	height: 12px;
/*	background: url(./chosen-sprite-HQTKGVPH.png) -42px 1px no-repeat;*/
	font-size: 1px
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
	background-position: -42px -10px
}

.chosen-container-multi .chosen-choices li.search-choice-disabled {
	padding-right: 5px;
	border: 1px solid #ccc;
	background-color: #e4e4e4;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
	background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
	color: #666
}

.chosen-container-multi .chosen-choices li.search-choice-focus {
	background: #d4d4d4
}

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
	background-position: -42px -10px
}

.chosen-container-multi .chosen-results {
	margin: 0;
	padding: 0
}

.chosen-container-multi .chosen-drop .result-selected {
	display: list-item;
	color: #ccc;
	cursor: default
}

.chosen-container-active .chosen-single {
	border: 1px solid #5897fb;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
	box-shadow: 0 0 5px #0000004d
}

.chosen-container-active.chosen-with-drop .chosen-single {
	border: 1px solid #aaa;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #eee), color-stop(80%, #fff));
	background-image: linear-gradient(#eee 20%, #fff 80%);
	-webkit-box-shadow: 0 1px 0 #fff inset;
	box-shadow: 0 1px #fff inset
}

.chosen-container-active.chosen-with-drop .chosen-single div {
	border-left: none;
	background: transparent
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
	background-position: -18px 2px
}

.chosen-container-active .chosen-choices {
	border: 1px solid #5897fb;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
	box-shadow: 0 0 5px #0000004d
}

.chosen-container-active .chosen-choices li.search-field input[type=text] {
	color: #222!important
}

.chosen-disabled {
	opacity: .5!important;
	cursor: default
}

.chosen-disabled .chosen-single {
	cursor: default
}

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
	cursor: default
}

.chosen-rtl {
	text-align: right
}

.chosen-rtl .chosen-single {
	overflow: visible;
	padding: 0 8px 0 0
}

.chosen-rtl .chosen-single span {
	margin-right: 0;
	margin-left: 26px;
	direction: rtl
}

.chosen-rtl .chosen-single-with-deselect span {
	margin-left: 38px
}

.chosen-rtl .chosen-single div {
	right: auto;
	left: 3px
}

.chosen-rtl .chosen-single abbr {
	right: auto;
	left: 26px
}

.chosen-rtl .chosen-choices li {
	float: right
}

.chosen-rtl .chosen-choices li.search-field input[type=text] {
	direction: rtl
}

.chosen-rtl .chosen-choices li.search-choice {
	margin: 3px 5px 3px 0;
	padding: 3px 5px 3px 19px
}

.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
	right: auto;
	left: 4px
}

.chosen-rtl.chosen-container-single .chosen-results {
	margin: 0 0 4px 4px;
	padding: 0 4px 0 0
}

.chosen-rtl .chosen-results li.group-option {
	padding-right: 15px;
	padding-left: 0
}

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
	border-right: none
}

.chosen-rtl .chosen-search input[type=text] {
	padding: 4px 5px 4px 20px;
/*	background: url(./chosen-sprite-HQTKGVPH.png) no-repeat -30px -20px;*/
	direction: rtl
}

.chosen-rtl.chosen-container-single .chosen-single div b {
	background-position: 6px 2px
}

.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
	background-position: -12px 2px
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi),
only screen and (min-resolution: 1.5dppx) {
	.chosen-rtl .chosen-search input[type=text],
	.chosen-container-single .chosen-single abbr,
	.chosen-container-single .chosen-single div b,
	.chosen-container-single .chosen-search input[type=text],
	.chosen-container-multi .chosen-choices .search-choice .search-choice-close,
	.chosen-container .chosen-results-scroll-down span,
	.chosen-container .chosen-results-scroll-up span {
		background-image: url(./chosen-sprite@2x-UHIYK52M.png)!important;
		background-size: 52px 37px!important;
		background-repeat: no-repeat!important
	}
}

.chosen-container-single .chosen-single {
	border-radius: 4px;
	font-size: 15px;
	height: 31px;
	line-height: 29px;
	padding-left: 10px
}

.chosen-container-single .chosen-single>div {
	right: 3px;
	top: 3px
}

@media only screen and (min-height: 650px) {
	.chosen-container-single .chosen-results {
		max-height: 360px
	}
}

.chosen-container-single .chosen-results li {
	border-radius: 2px
}

.chosen-container-single .chosen-results li.highlighted {
	background: #0078c9!important
}

.chosen-container-active .chosen-single {
	border-color: #0078c9
}

.chosen-container-active.chosen-with-drop .chosen-single {
	border-color: #aaa;
	box-shadow: 0 1px #fff
}

.chosen-drop .chosen-search input[type=text]:focus {
	border-color: #0078c9
}

select.chosen-with-popover+.chosen-container {
	max-width: 240px!important;
	padding: 0;
	text-align: left;
	width: auto!important
}

select.chosen-with-popover+.chosen-container.chosen-container-active:not(.chosen-with-drop) .chosen-single {
	border-color: #0078c9;
	outline: auto 5px -webkit-focus-ring-color!important;
	outline-offset: -1px
}

select.chosen-with-popover+.chosen-container.chosen-container-active.button,
select.chosen-with-popover+.chosen-container.chosen-container-active.pds-button {
	box-shadow: inset 0 0 0 1px #0078c9
}

select.chosen-with-popover+.chosen-container.chosen-container-active.button.chosen-with-drop,
select.chosen-with-popover+.chosen-container.chosen-container-active.pds-button.chosen-with-drop {
	background: #e4e4e4;
	box-shadow: inset 0 0 0 1px #00000026, inset 0 1px 3px #00000026
}

select.chosen-with-popover+.chosen-container .chosen-single {
	background: none!important;
	border: 0!important;
	box-shadow: none!important;
	color: #555;
	font-size: 15px;
	height: 34px;
	line-height: 34px;
	padding: 0 8px
}

select.chosen-with-popover+.chosen-container .chosen-single>span {
	margin-right: 18px
}

select.chosen-with-popover+.chosen-container .chosen-single>div {
	right: 8px;
	top: 0;
	width: 24px
}

select.chosen-with-popover+.chosen-container .chosen-single>div b {
	background: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjNjY2IiBoZWlnaHQ9IjEyIiB2aWV3Qm94PSIwIDAgMTIgMTIiIHdpZHRoPSIxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTAgMi41IDEgMS4zLTUgNS43LTUtNS43IDEtMS4zTDYgN3oiLz48L3N2Zz4=) no-repeat right 12px!important
}

select.chosen-with-popover+.chosen-container .chosen-drop {
	background-clip: padding-box;
	border: 1px solid #bbb;
	border-radius: 4px;
	box-shadow: 0 2px 8px #0003;
	box-sizing: content-box;
	margin-top: 2px;
	opacity: 1;
	padding: 0;
	visibility: visible;
	width: 280px!important
}

select.chosen-with-popover+.chosen-container .chosen-search {
	padding: 8px 8px 0
}

select.chosen-with-popover+.chosen-container .chosen-search input[type=text] {
	background: #fff url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTE2IDE0LjQtNC4yLTQuMWMuOC0xLjEgMS4yLTIuNCAxLjItMy44QzEzIDIuOSAxMC4xIDAgNi41IDBTMCAyLjkgMCA2LjUgMi45IDEzIDYuNSAxM2MxLjQgMCAyLjYtLjQgMy43LTEuMWw0LjIgNC4yek0xLjkgNi41QzEuOSA0IDQgMS45IDYuNSAxLjlzNC42IDIuMSA0LjYgNC42LTIuMSA0LjYtNC42IDQuNlMxLjkgOSAxLjkgNi41eiIgb3BhY2l0eT0iLjUiLz48L3N2Zz4=) 10px 50% no-repeat!important;
	border-color: #bbb;
	border-radius: 3px;
	box-shadow: none;
	font-family: "Fakt", "Helvetica Neue", arial, sans-serif;
	font-size: 15px;
	height: 34px;
	padding-left: 32px;
	padding-right: 8px
}

select.chosen-with-popover+.chosen-container .chosen-search input[type=text]:focus {
	border-color: #0078c9;
	outline: auto 5px -webkit-focus-ring-color!important
}

select.chosen-with-popover+.chosen-container .chosen-results {
	margin: 8px 0;
	padding: 0
}

select.chosen-with-popover+.chosen-container .chosen-results li {
	border-radius: 0;
	color: #222;
	font-size: 15px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight: 500;
	line-height: 1.1;
	overflow: hidden;
	padding: 8px 30px 9px 15px;
	text-shadow: none;
	text-overflow: ellipsis;
	whitespace: nowrap
}

select.chosen-with-popover+.chosen-container .chosen-results li.highlighted {
	background: #0078c9!important;
	color: #fff
}

select.chosen-with-popover+.chosen-container .chosen-results li.highlighted:active {
	background: #0078c9!important
}

select.chosen-with-popover+.chosen-container .chosen-results li.group-result {
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: auto;
	font-weight: 600;
	letter-spacing: 0
}

select.chosen-with-popover+.chosen-container .chosen-results li.group-option {
	padding-left: 30px
}

select.chosen-with-popover+.chosen-container .chosen-results li.no-results {
	background: transparent;
	color: #888;
	font-style: italic
}

select.chosen-with-popover+.chosen-container .chosen-drop.is-down-left {
	left: -9999px!important
}

select.chosen-with-popover+.chosen-container .chosen-drop.is-down-right {
	right: 9999px!important
}

select.chosen-with-popover+.chosen-container.chosen-with-drop .chosen-drop.is-down-left {
	left: 0!important
}

select.chosen-with-popover+.chosen-container.chosen-with-drop .chosen-drop.is-down-right {
	right: 0!important
}

select.chosen-with-popover+.chosen-container.pds-button .chosen-single {
	padding: 0 12px 0 13px
}

select.chosen-with-popover+.chosen-container.pds-button .chosen-single>div {
	right: 12px
}

select.chosen-with-popover+.chosen-container.pds-button.chosen-container-active:not(.chosen-with-drop) .chosen-single {
	outline-offset: -2px
}

select.chosen-with-popover.chosen-like-select+.chosen-container {
	background: linear-gradient(#fff, #f4f4f4);
	border: 1px solid #bbb;
	border-radius: 3px;
	display: block;
	max-width: 100%!important;
	padding: 0;
	width: 100%!important
}

select.chosen-with-popover.chosen-like-select+.chosen-container:hover:not(.chosen-with-drop) {
	border-color: #a0a0a0
}

select.chosen-with-popover.chosen-like-select+.chosen-container.chosen-container-active:not(.chosen-with-drop) {
	border-color: #0078c9
}

select.chosen-with-popover.chosen-like-select+.chosen-container.chosen-with-drop {
	background: #f4f4f4;
	background-clip: padding-box;
	border-bottom: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	box-shadow: 0 8px 10px #0003;
	margin-bottom: 1px
}

select.chosen-with-popover.chosen-like-select+.chosen-container .chosen-single {
	color: #222
}

select.chosen-with-popover.chosen-like-select+.chosen-container .chosen-single.chosen-default {
	color: #888
}

select.chosen-with-popover.chosen-like-select+.chosen-container .chosen-drop {
	border-top: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	box-shadow: 0 8px 10px #0003;
	left: 0;
	margin: 0 0 0 -1px;
	max-width: 100%!important;
	width: 100%!important
}

select.chosen-with-popover.chosen-like-select+.chosen-container .chosen-search {
	background: #f4f4f4;
	border-bottom: 1px solid #ccc;
	padding: 4px 8px 8px
}

select.chosen-with-popover.chosen-like-select+.chosen-container.validation-error,
select.chosen-with-popover.chosen-like-select+.chosen-container.validation-error:hover {
	border-color: #e61e14
}

.hui-chosen {
	max-width: 240px!important;
	padding: 0;
	text-align: left;
	width: auto!important
}

.hui-chosen.chosen-container-active:not(.chosen-with-drop) .chosen-single {
	border-color: #0078c9;
	outline: auto 5px -webkit-focus-ring-color!important;
	outline-offset: -1px
}

.hui-chosen.chosen-container-active.button,
.hui-chosen.chosen-container-active.pds-button {
	box-shadow: inset 0 0 0 1px #0078c9
}

.hui-chosen.chosen-container-active.button.chosen-with-drop,
.hui-chosen.chosen-container-active.pds-button.chosen-with-drop {
	background: #e4e4e4;
	box-shadow: inset 0 0 0 1px #00000026, inset 0 1px 3px #00000026
}

.hui-chosen .chosen-single {
	background: none!important;
	border: 0!important;
	box-shadow: none!important;
	color: #555;
	font-size: 15px;
	height: 34px;
	line-height: 34px;
	padding: 0 8px
}

.hui-chosen .chosen-single>span {
	margin-right: 18px
}

.hui-chosen .chosen-single>span b {
	color: #888;
	font-weight: 500
}

.hui-chosen .chosen-single>div {
	right: 8px;
	top: 0;
	width: 24px
}

.hui-chosen .chosen-single>div b {
	background: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjNjY2IiBoZWlnaHQ9IjEyIiB2aWV3Qm94PSIwIDAgMTIgMTIiIHdpZHRoPSIxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTAgMi41IDEgMS4zLTUgNS43LTUtNS43IDEtMS4zTDYgN3oiLz48L3N2Zz4=) no-repeat right 12px!important
}

.hui-chosen .chosen-drop {
	background-clip: padding-box;
	border: 1px solid #bbb;
	border-radius: 4px;
	box-shadow: 0 2px 8px #0003;
	box-sizing: content-box;
	margin-top: 2px;
	opacity: 1;
	padding: 0;
	visibility: visible;
	width: 280px!important
}

.hui-chosen .chosen-clear-selection-container {
	border-top: 1px solid #ccc;
	display: flex;
	justify-content: flex-end;
	padding: 5px 8px
}

.hui-chosen .chosen-clear-selection {
	align-items: center;
	border-radius: 3px;
	color: #369;
	display: flex;
	font-size: 13px;
	line-height: 1;
	font-weight: 500;
	padding: 8px 10px;
	transition: .05s;
	width: auto
}

.hui-chosen .chosen-clear-selection>svg {
	margin-right: 5px
}

.hui-chosen .chosen-clear-selection:hover {
	background: #eaeff9;
	color: #369
}

.hui-chosen .chosen-search {
	padding: 8px 8px 0
}

.hui-chosen .chosen-search input[type=text] {
	background: #fff url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTE2IDE0LjQtNC4yLTQuMWMuOC0xLjEgMS4yLTIuNCAxLjItMy44QzEzIDIuOSAxMC4xIDAgNi41IDBTMCAyLjkgMCA2LjUgMi45IDEzIDYuNSAxM2MxLjQgMCAyLjYtLjQgMy43LTEuMWw0LjIgNC4yek0xLjkgNi41QzEuOSA0IDQgMS45IDYuNSAxLjlzNC42IDIuMSA0LjYgNC42LTIuMSA0LjYtNC42IDQuNlMxLjkgOSAxLjkgNi41eiIgb3BhY2l0eT0iLjUiLz48L3N2Zz4=) 10px 50% no-repeat!important;
	border-color: #bbb;
	border-radius: 3px;
	box-shadow: none;
	font-family: "Fakt", "Helvetica Neue", arial, sans-serif;
	font-size: 15px;
	height: 34px;
	padding-left: 32px;
	padding-right: 8px
}

.hui-chosen .chosen-search input[type=text]:focus {
	border-color: #0078c9;
	outline: auto 5px -webkit-focus-ring-color!important
}

.hui-chosen .chosen-results {
	margin: 8px 0;
	padding: 0
}

.hui-chosen .chosen-results li {
	border-radius: 0;
	color: #222;
	font-size: 15px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight: 500;
	line-height: 1.1;
	overflow: hidden;
	padding: 8px 30px 9px 15px;
	text-shadow: none;
	text-overflow: ellipsis;
	whitespace: nowrap
}

.hui-chosen .chosen-results li.highlighted {
	background: #0078c9!important;
	color: #fff
}

.hui-chosen .chosen-results li.highlighted:active {
	background: #0078c9!important
}

.hui-chosen .chosen-results li.group-result {
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: auto;
	font-weight: 600;
	letter-spacing: 0
}

.hui-chosen .chosen-results li.group-option {
	padding-left: 30px
}

.hui-chosen .chosen-results li.no-results {
	background: transparent;
	color: #888;
	font-style: italic
}

.hui-chosen .chosen-drop.is-down-left {
	left: -9999px!important
}

.hui-chosen .chosen-drop.is-down-right {
	right: 9999px!important
}

.hui-chosen.chosen-with-drop .chosen-drop.is-down-left {
	left: 0!important
}

.hui-chosen.chosen-with-drop .chosen-drop.is-down-right {
	right: 0!important
}

.hui-chosen.pds-button .chosen-single {
	padding: 0 12px 0 13px
}

.hui-chosen.pds-button .chosen-single>div {
	right: 12px
}

.hui-chosen.pds-button.chosen-container-active:not(.chosen-with-drop) .chosen-single {
	outline-offset: -2px
}

.hui-chosen-select {
	background: linear-gradient(#fff, #f4f4f4);
	border: 1px solid #bbb;
	border-radius: 3px;
	display: block;
	max-width: 100%!important;
	padding: 0;
	width: 100%!important
}

.hui-chosen-select:hover:not(.chosen-with-drop) {
	border-color: #a0a0a0
}

.hui-chosen-select.chosen-container-active:not(.chosen-with-drop) {
	border-color: #0078c9
}

.hui-chosen-select.chosen-with-drop {
	background: #f4f4f4;
	background-clip: padding-box;
	border-bottom: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	box-shadow: 0 8px 10px #0003;
	margin-bottom: 1px
}

.hui-chosen-select.chosen-disabled {
	background: #eee!important;
	border: 0!important;
	box-shadow: inset 0 0 0 1px #0000001a!important;
	color: #888!important;
	opacity: .8!important;
	text-decoration: none!important
}

.hui-chosen-select.chosen-disabled span {
	cursor: not-allowed!important
}

.hui-chosen-select .chosen-single {
	color: #222
}

.hui-chosen-select .chosen-single.chosen-default {
	color: #888
}

.hui-chosen-select .chosen-drop {
	border-top: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	box-shadow: 0 8px 10px #0003;
	left: 0;
	margin: 0 0 0 -1px;
	max-width: 100%!important;
	width: 100%!important
}

.hui-chosen-select .chosen-search {
	background: #f4f4f4;
	border-bottom: 1px solid #ccc;
	padding: 4px 8px 8px
}

.hui-chosen-select.validation-error,
.hui-chosen-select.validation-error:hover {
	border-color: #e61e14
}

.hui-chosen-select-small {
	height: 26px
}

.hui-chosen-select-small .chosen-single {
	font-size: 13px;
	height: 26px;
	line-height: 26px
}

.hui-chosen-select-small .chosen-single>div b {
	background-position: right 8px!important
}

.chosen-container-multi .chosen-choices {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #fff!important;
	border-radius: 3px;
	border: 1px solid #bbb;
	box-shadow: none!important;
	color: #222;
	display: inline-block;
	font-size: 15px;
	line-height: 32px;
	position: relative;
	vertical-align: middle
}

.chosen-container-multi .chosen-choices:hover {
	border-color: #a0a0a0
}

.chosen-container-multi .chosen-choices .search-choice {
	background: #eee!important;
	border-radius: 2px;
	box-shadow: none!important;
	font-size: 15px;
	line-height: 18px!important;
	margin: 3px 5px 0 -2px!important
}

.chosen-container-multi .chosen-choices .search-choice-close {
	top: 7px!important
}

.chosen-container-multi.chosen-container-active .chosen-choices {
	border-color: #0078c9;
	outline: auto 5px -webkit-focus-ring-color!important;
	outline-offset: -2px;
	z-index: 2
}

.chosen-container-multi.chosen-with-drop .chosen-choices {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	box-shadow: none!important
}

.chosen-container-multi.chosen-with-drop .chosen-choices:hover {
	border-color: #0078c9
}

.chosen-container-multi .chosen-drop {
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px
}

.chosen-container-multi .chosen-results {
	margin: 8px 0;
	padding: 0
}

.chosen-container-multi .chosen-results:empty {
	margin: 0
}

.chosen-container-multi .chosen-results li {
	border-radius: 0;
	color: #222;
	font-size: 15px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight: 500;
	line-height: 1.1;
	overflow: hidden;
	padding: 8px 30px 9px 15px;
	text-shadow: none;
	text-overflow: ellipsis;
	whitespace: nowrap
}

.chosen-container-multi .chosen-results li.highlighted {
	background: #0078c9!important;
	color: #fff
}

.chosen-container-multi .chosen-results li.highlighted:active {
	background: #0078c9!important
}

.chosen-container-multi .chosen-results li.group-result {
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: auto;
	font-weight: 600;
	letter-spacing: 0
}

.chosen-container-multi .chosen-results li.group-option {
	padding-left: 30px
}

.chosen-container-multi .chosen-results li.no-results {
	background: transparent;
	color: #888;
	font-style: italic
}

.chosen-container-multi .chosen-choices li.search-field input[type=text] {
	font-family: "Fakt", "Helvetica Neue", arial, sans-serif;
	padding-left: 3px
}

.chosen-drop-helper-text {
	background: #f4f4f4;
	border-radius: 0 0 4px 4px;
	color: #888;
	font-size: 13px;
	padding: 8px 30px 9px 15px
}

#main_content select.chosen-with-popover.chosen-like-select+.chosen-container .chosen-drop {
	max-width: calc(100% + 2px)!important;
	width: calc(100% + 2px)!important
}

.js-project-selector+.chosen-container-single .chosen-single:not(.chosen-default),
.js-project-selector .chosen-container-single .chosen-single:not(.chosen-default),
.js-project-select+.chosen-container-single .chosen-single:not(.chosen-default),
.js-project-select .chosen-container-single .chosen-single:not(.chosen-default),
.js-project+.chosen-container-single .chosen-single:not(.chosen-default),
.js-project .chosen-container-single .chosen-single:not(.chosen-default) {
	height: auto!important;
	line-height: 1!important;
	padding-bottom: 9px!important;
	padding-top: 10px!important
}

.js-project-selector+.chosen-container-single .chosen-single:not(.chosen-default)>div b,
.js-project-selector .chosen-container-single .chosen-single:not(.chosen-default)>div b,
.js-project-select+.chosen-container-single .chosen-single:not(.chosen-default)>div b,
.js-project-select .chosen-container-single .chosen-single:not(.chosen-default)>div b,
.js-project+.chosen-container-single .chosen-single:not(.chosen-default)>div b,
.js-project .chosen-container-single .chosen-single:not(.chosen-default)>div b {
	background-position: 100% 22px!important
}

.js-project-selector+.chosen-container-single .group-name,
.js-project-selector .chosen-container-single .group-name,
.js-project-select+.chosen-container-single .group-name,
.js-project-select .chosen-container-single .group-name,
.js-project+.chosen-container-single .group-name,
.js-project .chosen-container-single .group-name {
	color: #888;
	display: block;
	font-size: 13px;
	margin: 0 0 5px
}

.js-project-selector+.chosen-container-single .group-name:after,
.js-project-selector .chosen-container-single .group-name:after,
.js-project-select+.chosen-container-single .group-name:after,
.js-project-select .chosen-container-single .group-name:after,
.js-project+.chosen-container-single .group-name:after,
.js-project .chosen-container-single .group-name:after {
	display: none
}

.js-task-selector+.chosen-container-single .group-name,
.js-tasks+.chosen-container-single .group-name {
	display: none
}

.kalendae .k-calendar {
	display: inline-block;
	zoom: 1;
	vertical-align: top;
	width: 189px
}

.kalendae .k-title,
.kalendae .k-header,
.kalendae .k-days {
	overflow: hidden;
	width: 100%
}

.kalendae .k-title {
	height: 26px;
	position: relative;
	text-align: center;
	white-space: nowrap
}

.kalendae .k-caption {
	font-size: 14px;
	font-weight: bold
}

.kalendae .k-btn-previous-month,
.kalendae .k-btn-next-month {
	background-repeat: no-repeat;
	background-position: 50% 50%;
	display: inline-block;
	height: 16px;
	opacity: .6;
	position: absolute;
	top: 3px;
	width: 16px!important
}

.kalendae .k-btn-previous-month:hover,
.kalendae .k-btn-previous-month:active,
.kalendae .k-btn-next-month:hover,
.kalendae .k-btn-next-month:active {
	opacity: .8
}

.kalendae .k-btn-previous-month {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjEyIiB2aWV3Qm94PSIwIDAgOCAxMiIgZmlsbD0iY3VycmVudENvbG9yIj48cGF0aCBkPSJNNiAuMzQuMzQgNiA2IDExLjY2bDEuNDEtMS40MkwzLjE3IDYgNy40IDEuNzZ6Ii8+PC9zdmc+);
	width: 8px
}

.kalendae .k-btn-next-month {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjEyIiB2aWV3Qm94PSIwIDAgOCAxMiIgZmlsbD0iY3VycmVudENvbG9yIj48cGF0aCBkPSJNMS43NS4zNCA3LjQxIDZsLTUuNjYgNS42Ni0xLjQxLTEuNDJMNC41OCA2IC4zNCAxLjc2eiIvPjwvc3ZnPg==);
	width: 8px
}

.kalendae .k-header span,
.kalendae .k-days span {
	border: 1px solid transparent;
	box-sizing: border-box;
	float: left;
	height: 27px;
	line-height: 25px;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 27px
}

.kalendae .k-header span {
	border: 0;
	border-bottom: 1px solid #ddd;
	font-weight: bold;
	margin-bottom: 2px
}

.kalendae .k-days span {
	border-radius: 3px;
	font-weight: 500
}

.kalendae .k-days span.k-today {
	border-color: #e4e4e4;
	font-weight: bold
}

.kalendae .k-days span.k-active {
	cursor: pointer
}

.kalendae .k-days span.k-selected {
	background: #fdfdfd;
	border-color: #ddd;
	color: #222;
	font-weight: bold
}

.kalendae .k-days span.k-selected.k-active {
	background: #f4f4f4;
	border-color: #ccc
}

.kalendae .k-days span.k-active:hover {
	background: #0078c9;
	border-color: transparent;
	color: #fff
}

.kalendae .k-days span.k-out-of-month {
	color: #ccc
}

.kalendae .k-first-month .k-btn-next-month,
.kalendae .k-middle-month .k-btn-next-month,
.kalendae .k-middle-month .k-btn-previous-month,
.kalendae .k-last-month .k-btn-previous-month,
.kalendae .k-first-month .k-btn-next-year,
.kalendae .k-middle-month .k-btn-next-year,
.kalendae .k-middle-month .k-btn-previous-year,
.kalendae .k-last-month .k-btn-previous-year {
	display: none
}

.kalendae .k-btn-previous-year {
	left: 0
}

.kalendae .k-btn-previous-month {
	left: 16px
}

.kalendae .k-btn-next-month {
	right: 16px
}

.kalendae .k-btn-next-year {
	right: 0
}

.kalendae .k-title.k-disable-year-nav .k-btn-next-year,
.kalendae .k-title.k-disable-year-nav .k-btn-previous-year {
	display: none
}

.kalendae .k-title.k-disable-year-nav .k-btn-next-month {
	right: 0
}

.kalendae .k-title.k-disable-year-nav .k-btn-previous-month {
	left: 0
}

.kalendae.k-disable-next-month-btn .k-btn-next-month,
.kalendae.k-disable-previous-month-btn .k-btn-previous-month,
.kalendae.k-disable-next-year-btn .k-btn-next-year,
.kalendae.k-disable-previous-year-btn .k-btn-previous-year {
	display: none
}

.integration-link {
	background: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQwIiB2aWV3Qm94PSIwIDAgNDAgNDAiIHdpZHRoPSI0MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxjaXJjbGUgY3g9IjIwIiBjeT0iMjAiIGZpbGw9IiM5OTkiIHI9IjIwIi8+PGcgc3Ryb2tlPSIjZmZmIiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIiBzdHJva2Utd2lkdGg9IjIiPjxwYXRoIGQ9Ik0yMS40IDE4LjZjMiAyIDIgNS4xIDAgNy4xbC0yLjggMi44Yy0yIDItNS4xIDItNy4xIDBzLTItNS4xIDAtNy4xTDE0IDE5Ii8+PHBhdGggZD0iTTE4LjYgMjEuNGMtMi0yLTItNS4xIDAtNy4xbDIuOC0yLjhjMi0yIDUuMS0yIDcuMSAwczIgNS4xIDAgNy4xTDI2IDIxIi8+PC9nPjwvZz48L3N2Zz4=) no-repeat;
	background-position: center center;
	background-size: 40px 40px
}

.integration-link.integration-link-success {
	background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQwIiB2aWV3Qm94PSIwIDAgNDAgNDAiIHdpZHRoPSI0MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxjaXJjbGUgY3g9IjIwIiBjeT0iMjAiIGZpbGw9IiMxNGEwMDAiIHI9IjIwIi8+PHBhdGggZD0ibTE3IDI4LTctNyAzLTMgNCA0IDEwLTEwIDMgMyIgZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9nPjwvc3ZnPg==)
}

.integration-link .integration-account-box {
	background: #eee;
	border-radius: 5px;
	padding: 10px;
	width: 45%
}

#cvv-info {
	max-width: none
}

#clients-overview-table tbody:after {
	content: "";
	height: 20px;
	display: block
}

#account-settings h2 {
	border-bottom: 1px solid #d3d3d3;
	padding-bottom: 8px
}

#account-settings .pds-row {
	border-bottom: 1px solid #d3d3d3;
	margin: 0;
	padding: 16px 0
}

#account-settings .pds-row .pds-row {
	border-bottom: 0;
	margin: 0;
	padding-bottom: 0
}

#account-settings .pds-row [class*=pds-column]:first-child {
	padding-left: 0
}

#account-settings .pds-row [class*=pds-column]:last-child {
	padding-right: 0
}

#account-settings #manage-sample-data {
	margin: -16px;
	padding: 16px
}

.company-controller .color-choice {
	color: transparent;
	height: 19px;
	overflow: hidden;
	width: 19px
}

.company-controller .color-choice.legacy {
	background-color: #4294ae
}

.company-controller .color-choice.default {
	background-color: #f36c00
}

.company-controller .color-choice.red {
	background-color: #d20a00
}

.company-controller .color-choice.green {
	background-color: #2d8c0f
}

.company-controller .color-choice.blue {
	background-color: #0f50a0
}

.company-controller .color-choice.gray {
	background-color: #2f2f2f
}

.company-controller .color-choice.purple {
	background-color: #7d3c91
}

.company-controller .color-choice.spring {
	background-color: #87af23
}

.company-controller .color-choice.behance {
	background-color: #1496c8
}

.company-controller .color-choice.lt-gray {
	background-color: #999
}

.close-account-option {
	color: #0078c9;
	cursor: pointer;
	text-decoration: none;
	transition: border-color .1s, box-shadow .1s
}

.close-account-option:hover {
	border-color: #f36c00;
	box-shadow: 0 0 0 1px #f36c00
}

.close-account-option>ul.bulleted {
	color: #222;
	margin: 8px 0 0 1em
}

.close-account-option>ul.bulleted>li {
	margin: 0
}

.company-plan {
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 20px 20px 25px
}

.company-plan:hover {
	border-color: #a0a0a0
}

.company-plan-current {
	background: #ffefe4;
	border: 2px solid #f36c00;
	margin-top: 0
}

.company-plan-current:hover {
	border-color: #f36c00
}

.company-plan-disabled {
	background: #f4f4f4;
	border-color: #e4e4e4
}

.company-plan-disabled:hover {
	border-color: #e4e4e4
}

.company-plan-amount {
	display: block;
	font-size: 32px;
	line-height: 1
}

.company-plan-amount sup {
	font-size: 16px;
	margin: 4px 0 0 -10px;
	position: absolute
}

.company-plan-payment {
	height: 56px;
	line-height: 56px;
	width: 100%
}

.plans-controller.edit-action .pds-choices {
	margin-left: auto;
	margin-right: auto;
	max-width: 65%
}

.plans-controller.edit-action .math {
	margin-top: 37px
}

.plans-controller.edit-action .col-value {
	height: 40px;
	line-height: 40px
}

.plans-controller.edit-action .col-savings {
	color: #f36c00
}

.plans-controller.edit-action #choose_plan_form_total_users {
	-moz-appearance: textfield;
	font-size: 24px;
	height: 40px;
	text-align: center;
	width: 80px
}

.plans-controller.edit-action #choose_plan_form_total_users::-webkit-outer-spin-button,
.plans-controller.edit-action #choose_plan_form_total_users::-webkit-inner-spin-button {
	-webkit-appearance: none
}

.plans-controller.edit-action .switch-to-free {
	color: #888;
	font-size: 12px;
	margin: 1em 0
}

.plans-controller.edit-action .switch-to-free button,
.plans-controller.edit-action .switch-to-free input {
	color: inherit
}

[class^=preference-color-option-] label {
	border: 1px solid #fff;
	box-shadow: inset 0 0 0 1px #fff;
	color: transparent;
	cursor: pointer;
	display: block;
	height: 28px;
	margin-right: 5px;
	overflow: hidden;
	user-select: none;
	white-space: nowrap;
	width: 28px
}

[class^=preference-color-option-] label:hover {
	border-color: #888
}

[class^=preference-color-option-] input {
	clip-path: polygon(0 0);
	opacity: 0;
	pointer-events: none;
	position: absolute
}

[class^=preference-color-option-] input:checked+label {
	border-color: #626262;
	height: 40px;
	width: 40px
}

.preference-color-option-legacy label {
	background-color: #4294ae
}

.preference-color-option-default label {
	background-color: #f36c00
}

.preference-color-option-red label {
	background-color: #d20a00
}

.preference-color-option-green label {
	background-color: #2d8c0f
}

.preference-color-option-blue label {
	background-color: #0f50a0
}

.preference-color-option-gray label {
	background-color: #2f2f2f
}

.preference-color-option-purple label {
	background-color: #7d3c91
}

.preference-color-option-spring label {
	background-color: #87af23
}

.preference-color-option-behance label {
	background-color: #1496c8
}

.preference-color-option-lt-gray label {
	background-color: #999
}

.dashboard-well {
	height: 100%
}

.dashboard-link {
	display: block;
	position: relative;
	text-decoration: none
}

.dashboard-arrow {
	fill: #888;
	margin-top: -5px;
	position: absolute;
	right: -4px;
	top: 50%
}

.dashboard-link:hover .dashboard-arrow {
	fill: #626262
}

.document-edit-client div {
	flex: 0 1 auto
}

.document-edit-client div:first-child {
	flex-grow: 1
}

#document-edit-subject>div:first-child {
	flex: 0 0 12.5%;
	max-width: 12.5%
}

#document-edit-line-items .field_with_errors {
	display: block
}

#document-edit-line-items tbody td {
	vertical-align: top
}

#document-edit-line-items .type select {
	max-width: 125px
}

#document-edit-line-items .totals td {
	padding-bottom: 0
}

#sort_invoice_item_list tr {
	background: #f4f4f4 linear-gradient(#fff, #eee);
	cursor: move;
	cursor: -webkit-grab
}

#sort_invoice_item_list tr.block-hover {
	background: #e4e4e4
}

.estimates-controller.index-action main {
	background: #f0f0f0
}

.estimates-controller.index-action main .sortable-column-link {
	color: inherit;
	text-decoration: none
}

.estimates-controller.index-action main .sortable-column-link.is-sorted {
	color: #222
}

.estimates-controller.index-action main .sortable-column-link svg {
	margin-left: 3px
}

.estimates-overview-content {
	background: #fff
}

#clients_chosen {
	max-width: 250px
}

#estimate-report-table h4 {
	margin-left: -7px
}

#estimate-report-table td:not(.col-client) {
	width: 1px
}

#estimate-report-table .estimate-id {
	color: inherit;
	text-decoration: inherit
}

.expenses-week-dates {
	padding: 12px 0
}

.expenses-week-dates h5 {
	line-height: 1.3
}

.expenses-table .col-amount,
.expenses-table .col-actions,
.expenses-table .col-date {
	vertical-align: top;
	width: 1px;
	white-space: nowrap
}

.expenses-table .col-date {
	width: 100px
}

.expenses-table .notes {
	color: #888;
	margin-top: 5px;
	word-break: break-word
}

.expenses-table .category {
	color: #222
}

.expenses-table .col-amount {
	font-size: 16px;
	padding-top: 23px
}

.expenses-table .col-actions {
	font-size: 0;
	padding-left: 0;
	padding-top: 19px;
	width: 72px
}

.expenses-table .edit-entry {
	margin-left: 5px
}

.expenses-table .expense-moved {
	background: #f4f4f4;
	line-height: 27px
}

.expenses-table .week-total {
	font-size: 16px;
	padding-bottom: 35px;
	padding-top: 15px
}

.expenses-table .week-total span {
	color: #626262;
	font-weight: normal
}

.expenses-table .week-total strong {
	display: inline-block;
	color: #626262;
	width: 150px
}

.expenses-table .delete-confirmation {
	text-align: right
}

.archived-category-notes {
	line-height: 1.5;
	margin-bottom: 12px
}

.expense.is-new td,
.expense.is-highlighted td {
	background: #fffce9
}

.expense.expenses-edit-form-is-visible td {
	background: none
}

.expense.is-locked>td {
	background: #eee
}

.expense.is-highlighted>td {
	background: #fffce9
}

.expenses-form {
	background: #f0f0f0;
	border: 1px solid #b6b6b6;
	border-radius: 4px;
	padding: 20px 5px
}

.expenses-form td {
	border: 0;
	padding: 0 5px;
	vertical-align: top
}

.drop-over .expenses-form {
	box-shadow: inset 0 0 100px #0000000d, inset 0 0 0 5px #347bd380
}

.expenses-form .date-input {
	width: 1px
}

.expenses-form .date-input input {
	width: 90px
}

.expenses-form .expense-input {
	max-width: 462px
}

.expenses-form .project-input,
.expenses-form .category-input {
	margin: 0 0 6px
}

.expenses-form .notes-input textarea {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}

.expenses-form .receipt-input .file-input {
	border-style: dashed solid solid;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	margin-top: -1px;
	padding: 8px
}

.expenses-form .billable-input {
	margin: 15px 0
}

.expenses-form .expenses-form-amount {
	width: 200px
}

.expenses-form .expenses-form-field-amount {
	line-height: 1;
	height: auto;
	overflow: hidden;
	padding: 0
}

.expenses-form .expenses-form-field-amount.is-focused {
	outline-offset: -2px
}

.expenses-form .expenses-form-field-amount.validation-error {
	border-color: #e61e14;
	margin: 0
}

.expenses-form .expenses-form-amount-input {
	display: block;
	font-size: 24px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight: 600;
	padding: 14px 7px
}

.expenses-form .expenses-form-amount-input td {
	font-size: inherit
}

.expenses-form .expenses-form-amount-input td:last-child {
	padding: 0
}

.expenses-form .expenses-form-amount-input input {
	background: transparent;
	border: 0;
	box-shadow: none;
	color: inherit;
	direction: ltr;
	display: block;
	font-size: inherit;
	font-weight: inherit;
	height: 29px;
	line-height: 1;
	outline: 0;
	padding: 0;
	text-align: right;
	width: 100%
}

.expenses-form .currency-symbol {
	padding: 0 5px 0 0;
	vertical-align: middle;
	width: 1px
}

.expenses-form .currency-code {
	background: #eee;
	border-top: 1px dashed #bbb;
	color: #888;
	font-size: 10px;
	line-height: 1;
	padding: 4px 7px;
	text-align: right
}

.expenses-form .has-really-big-number {
	font-size: 20px
}

.expenses-form .has-no-currency-code .expenses-form-input {
	padding: 7px
}

.expenses-form .has-no-currency-code input {
	height: 48px
}

.expenses-form .has-currency-symbol-after-amount {
	direction: rtl
}

.expenses-form .has-currency-symbol-after-amount .currency-symbol {
	padding: 0 0 0 5px
}

.expenses-edit-form-is-visible td {
	background: none
}

.expenses-edit-form-is-visible td[colspan="4"] {
	border: 0;
	padding: 0
}

.expenses-edit-form-is-visible .expenses-form {
	border-radius: 0;
	margin-top: -1px;
	position: relative
}

.attachment-preview {
	text-align: center
}

.attachment-preview .loading {
	display: inline-block;
	margin: 40px
}

.attachment-preview .attachment-image {
	display: block;
	margin-bottom: 15px
}

.attachment-preview .attachment-image img {
	max-height: 50%;
	max-width: 100%
}

.expenses-show-more-container {
	margin-bottom: 4em;
	padding: 10px 0 0 20%;
	position: relative
}

.expenses-show-more-container.more-to-show:before {
	background: linear-gradient(rgba(255, 255, 255, 0), #fff 80%);
	top: calc(-120px - 1em);
	content: "";
	height: 120px;
	left: 0;
	pointer-events: none;
	position: absolute;
	right: 0
}

.expenses-controller [class*=grid] {
	float: left;
	position: relative
}

.expenses-controller .grid1of5 {
	width: 20%
}

.expenses-controller .grid4of5 {
	width: 80%
}

.expenses-controller .popover.popover-helper {
	margin-top: -5px;
	width: 230px
}

.expenses-controller .popover.popover-helper br {
	display: none
}

.expenses-controller .popover.popover-helper a {
	display: block
}

.expense-category-is-being-edited .is-being-edited td {
	padding: 0
}

.expense-category-is-being-edited .expense-category:not(.is-being-edited) {
	opacity: .4
}

.expense-category-is-new {
	background-color: #fffce9
}

.expense-category-is-toggled {
	background-color: #f0f0f0
}

.imports-csv-validation-errors {
	overflow-x: scroll;
	position: relative;
	white-space: nowrap
}

.imports-csv-validation-errors .row-data td {
	font-family: monospace
}

.imports-csv-validation-errors .error-message td {
	color: #e61e14;
	font-size: 12px;
	padding-bottom: 10px
}

.imports-csv-validation-errors .error-message:last-child td {
	padding-bottom: 0
}

.recent-imports-table .col-actions {
	width: .1%
}

.invoice-report-table .table-title {
	background: #333
}

.invoice-report-table .tax-row td {
	border-bottom: 0
}

.invoice-report-table .tbody-foot td {
	border-bottom: 0;
	padding-bottom: 40px;
	vertical-align: top
}

.invoice-report-table .invoice-id {
	color: inherit;
	text-decoration: none
}

.client-document-container {
	background: #fff;
	border: 1px solid #ccc;
	font-size: 16px;
	line-height: 1.1em;
	padding: 50px 40px
}

.client-document-container .status-stamp {
	left: 50%;
	margin-top: 30px;
	position: absolute;
	transform: translateX(-50%) rotate(-15deg)
}

.client-document-container * {
	box-sizing: content-box
}

#client-document {
	border: 0;
	color: #222;
	font-family: "Helvetica Neue", Helvetica, Arial, Verdana, "Nimbus Sans L", sans-serif;
	font-size: .75em;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 1
}

#client-document h1,
#client-document h2,
#client-document h3,
#client-document h4,
#client-document h5,
#client-document h6 {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif
}

#client-document code {
	font-size: .9em;
	font-family: "andale mono", "lucida console", monospace
}

#client-document p {
	margin: 0 0 1em
}

#client-document p img.top {
	margin-top: 0
}

#client-document blockquote {
	margin: 1.5em;
	padding: 1em;
	font-style: italic;
	font-size: .9em
}

#client-document .item-description {
	word-break: break-word
}

.client-doc-header {
	padding: 0 5px;
	position: relative
}

.client-doc-doc-type {
	float: right;
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1em;
	margin: 0 0 15px;
	width: 181px
}

.client-doc-name {
	float: left;
	margin-bottom: 30px
}

.client-doc-name h1 {
	font-size: 3em;
	font-weight: bold;
	line-height: 1.1em;
	margin: 0;
	min-height: 80px;
	padding: 0;
	width: 300px
}

.client-doc-name img {
	display: block;
	max-height: 200px;
	max-width: 200px
}

.client-doc-from {
	float: right;
	margin-bottom: 30px
}

.client-doc-for {
	float: right
}

.client-doc-address h2 {
	color: #555;
	float: left;
	font-size: 1em;
	font-weight: normal;
	margin: 0;
	padding-top: 4px;
	text-align: right;
	width: 105px
}

.client-doc-address div {
	border-left: 1px solid #cccccc;
	margin-left: 115px;
	padding: 4px 0 4px 10px;
	width: 181px
}

.client-doc-address strong {
	display: block;
	font-size: 1.2em;
	padding-bottom: 2px
}

.client-doc-details {
	float: left
}

.client-doc-details table {
	text-align: left;
	width: 330px
}

.client-doc-details table td.label {
	color: #555;
	font-size: inherit;
	padding: 4px 10px 4px 0;
	min-height: 17px;
	width: 70px;
	white-space: nowrap;
	vertical-align: top
}

.client-doc-details table td.definition {
	border-left: 1px solid #cccccc;
	min-height: 17px;
	padding: 4px 10px;
	vertical-align: top
}

.client-doc-items {
	border-collapse: collapse;
	margin: 50px 0 0;
	width: 100%
}

.client-doc-items th {
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	font-size: .9em;
	font-weight: bold;
	line-height: 1.1em;
	padding: 3px 10px 2px;
	text-align: left;
	vertical-align: top
}

.client-doc-items td {
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	float: none;
	font-weight: normal;
	padding: 10px;
	text-align: left;
	vertical-align: top
}

.client-doc-items th:first-child,
.client-doc-items td:first-child {
	padding-left: 5px
}

.client-doc-items th:last-child,
.client-doc-items td:last-child {
	border-right: 0;
	padding-right: 5px
}

.client-doc-items sup {
	vertical-align: baseline;
	position: relative;
	top: -.4em
}

.client-doc-items .client-doc-rows tr:nth-child(even) {
	background: #f6f6f6
}

.client-doc-items .item-type {
	width: 70px
}

#client-document .client-doc-items .item-description p:last-child {
	margin: 0
}

.client-doc-items .item-qty {
	text-align: right;
	width: 50px
}

.client-doc-items .item-unit-price {
	text-align: right;
	white-space: nowrap;
	width: 75px
}

.client-doc-items .item-amount {
	font-weight: bold;
	text-align: right;
	white-space: nowrap;
	width: 85px
}

.client-doc-summary td {
	border: 0;
	color: #555;
	padding: 2px 10px;
	text-align: right
}

.client-doc-summary td.subtotal {
	font-size: 1.1em;
	font-weight: bold;
	color: #222;
	padding-right: 5px;
	white-space: nowrap
}

.client-doc-summary tr:first-child td {
	padding-top: 20px
}

.client-doc-summary tr.total td {
	color: #222;
	font-size: 1.3em;
	font-weight: bold;
	padding-top: 1.1em
}

.client-doc-summary tr.total td.total {
	padding-right: 5px;
	white-space: nowrap
}

.client-doc-notes {
	border-top: 1px solid #ccc;
	padding: 0 5px;
	margin: 50px 0 0
}

* html .client-doc-notes {
	overflow-x: hidden
}

.client-doc-notes h2 {
	font-size: .9em;
	font-weight: bold;
	margin: 5px 0 10px
}

#client-document.address-on-left .client-doc-details {
	float: right
}

#client-document.address-on-left .client-doc-details table {
	width: 307px
}

#client-document.address-on-left .client-doc-details table td.label {
	text-align: right;
	width: 105px
}

#client-document.address-on-left .client-doc-for {
	float: left
}

#client-document.address-on-left .client-doc-for h2 {
	width: 70px;
	text-align: left
}

#client-document.address-on-left .client-doc-for div {
	margin-left: 80px;
	width: 200px
}

#client-document.address-on-left .subject-address-on-right {
	display: none
}

#client-document.address-on-left .subject-address-on-left {
	display: block!important
}

.subject-address-on-left {
	margin: 20px 0 -10px
}

.subject-address-on-left h2 {
	width: 70px;
	text-align: left
}

.subject-address-on-left div {
	margin-left: 80px;
	width: auto
}

@media print {
	#client-document a:link,
	#client-document a:visited {
		background: transparent;
		font-weight: 700;
		text-decoration: underline
	}
	#client-document [class*=status_] {
		background: none
	}
	#client-document thead,
	#client-document tfoot {
		display: table-row-group
	}
}

#document-edit-line-items .description select {
	max-width: 400px
}

.unit-price-container {
	align-items: center;
	display: flex;
	justify-content: flex-end
}

.unit-price-container .unit-price-warning-icon {
	display: none;
	margin-left: 5px
}

.unit-price-container.show-warning .unit-price-warning-icon {
	display: inline
}

.project_context_panel_container {
	overflow: visible!important;
	position: relative;
	width: 1px
}

.project_context_panel {
	animation: fadeIn .5s .2s forwards
}

.project_context_panel.panel-fade-out {
	animation: fadeOut .5s forwards;
	opacity: 1
}

.project_context_panel.is-loading .project-context-loading {
	display: block
}

.project_context_panel.is-loading .project-context-wrapper {
	display: none
}

.project-context-loading {
	display: none;
	padding: 50px;
	text-align: center
}

.project-context-loading svg {
	position: relative;
	top: -2px
}

.project_context_panel {
	background: #f4f4f4;
	border-radius: 4px;
	font-size: 14px;
	margin: 20px 0 15px;
	opacity: 0;
	width: 791px!important
}

.project-context-wrapper {
	display: flex
}

.project-context-notes {
	background: #e4e4e4;
	border-radius: 4px 0 0 4px;
	display: flex;
	flex: 0 1 auto;
	flex-flow: column wrap;
	padding: 20px;
	width: 510px
}

.project-context-notes .project-notes {
	font-size: 16px;
	line-height: 1.4;
	white-space: pre-wrap
}

.project-context-flex-grow {
	flex-grow: 1
}

.project-context-aside {
	flex: 1 0 auto;
	padding: 20px
}

.project-context-aside .uninvoiced-amount {
	font-size: 20px
}

.project-context-aside .related-invoice {
	align-items: center;
	border-radius: 3px;
	color: #888;
	display: flex;
	justify-content: space-between;
	margin: -5px;
	padding: 5px;
	text-decoration: none
}

.project-context-aside .related-invoice+.related-invoice {
	margin-top: 5px
}

.project-context-aside a.related-invoice:hover {
	background: #e4e4e4;
	color: #222
}

.project-context-aside .related-invoice-meta {
	flex: 1 0 auto
}

.project-context-aside .related-invoice-amount {
	flex: 0 0 auto;
	font-size: 16px
}

.project-context-aside .project-context-total-invoiced {
	align-items: bottom;
	display: flex;
	justify-content: space-between;
	margin-top: 15px
}

.project-context-aside .total-invoiced {
	font-size: 16px
}

.project-context-label {
	color: #626262;
	display: block;
	font-weight: 500;
	margin-bottom: 7px
}

.docs-controller.index-action main {
	background-color: #eee
}

.docs-controller.index-action .pds-tooltip {
	pointer-events: none
}

.invoices-overview-top #client_id,
.invoices-overview-top #new_client_name {
	width: 60%
}

.invoices-big-data {
	background-color: #fafafa;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-shadow: 0 2px 3px #00000012
}

.invoices-big-data .big-number {
	padding: 32px 20px
}

.invoices-big-data .amount-open {
	border-bottom: 1px solid #ccc
}

.invoices-graph {
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-shadow: 0 2px 3px #00000012;
	overflow: hidden;
	padding: 15px
}

.invoices-graph .invoices-graph-svg-wrapper svg {
	height: 170px;
	width: 100%
}

.invoices-graph .invoices-graph-legend li {
	display: inline-block;
	font-size: 12px;
	margin-right: 10px
}

.invoices-graph .invoices-graph-legend .key {
	border-radius: 2px;
	display: inline-block;
	height: 14px;
	margin-right: 5px;
	position: relative;
	top: 3px;
	width: 14px
}

.invoices-graph .invoices-graph-legend .key-open {
	background: rgba(20, 160, 0, .6)
}

.invoices-graph .invoices-graph-legend .key-paid {
	background: #14a000
}

.invoices-graph .chart rect.invoiced,
.invoices-graph .chart rect.open {
	fill: #14a00099
}

.invoices-graph .chart rect.paid {
	fill: #28971b;
	opacity: .8
}

.invoices-graph .chart .separators line {
	stroke: #fffc;
	stroke-width: 1px
}

.invoices-graph .chart .hover-areas rect {
	opacity: 0
}

.invoices-graph .background .y-axis-grid line {
	stroke-width: 1;
	stroke: #ddd
}

.invoices-graph .background .hover-background rect {
	fill: transparent
}

.invoices-graph .background .hover-background rect.is-selected {
	fill: #f2f2f2
}

.invoices-graph .axes {
	fill: #888;
	font-size: 10px
}

.invoices-graph .axes .x-axis line {
	stroke-width: 1;
	stroke: #848484
}

.invoices-graph .axes .x-axis text {
	text-anchor: middle;
	text-shadow: -1px 1px 5px #fff, 1px -1px 5px #fff
}

.invoices-graph .axes .y-axis {
	font-size: 10px
}

.invoices-table {
	transition: opacity .1s
}

.invoices-table td {
	white-space: nowrap
}

.invoices-table tr.is-retainer .col-amount,
.invoices-table tr.is-retainer .col-written-off,
.invoices-table tr.is-retainer .col-paid,
.invoices-table tr.is-retainer .col-balance {
	color: #999
}

.invoices-table .col-status {
	width: 1px
}

.invoices-table .col-status .invoice-time-summary {
	margin-left: 3px
}

.invoices-table .col-status .invoice-time-summary.is-late .relative-date {
	color: #e61e14
}

.invoices-table .col-id a {
	color: inherit;
	text-decoration: none
}

.invoices-table .col-client,
.invoices-table .col-subject {
	white-space: normal;
	width: 50%
}

.invoices-table .col-client .invoice-subject,
.invoices-table .col-subject .invoice-subject {
	color: #666;
	font-size: 14px;
	font-weight: 400
}

.invoices-table .is-negative {
	color: #e61e14
}

.invoices-table tfoot td {
	padding-top: 5px;
	padding-bottom: 5px
}

.invoices-table .row-invoices-total td {
	padding-top: 20px
}

.all-invoices .col-status a {
	font-size: 11px;
	padding: 4px 8px
}

.all-invoices .col-status a.is-draft {
	padding: 3px 8px
}

.invoices-are-loading .invoices-table,
.invoices-are-loading .pds-empty {
	opacity: .3;
	transition: opacity .1s ease-out
}

.invoices-are-loading .invoices-loading-spinner {
	opacity: 1
}

.client-filter {
	display: inline-block;
	position: relative
}

#invoices-search {
	background: #fff url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTE2IDE0LjQtNC4yLTQuMWMuOC0xLjEgMS4yLTIuNCAxLjItMy44QzEzIDIuOSAxMC4xIDAgNi41IDBTMCAyLjkgMCA2LjUgMi45IDEzIDYuNSAxM2MxLjQgMCAyLjYtLjQgMy43LTEuMWw0LjIgNC4yek0xLjkgNi41QzEuOSA0IDQgMS45IDYuNSAxLjlzNC42IDIuMSA0LjYgNC42LTIuMSA0LjYtNC42IDQuNlMxLjkgOSAxLjkgNi41eiIgb3BhY2l0eT0iLjUiLz48L3N2Zz4=) 10px 50% no-repeat;
	background-size: 16px;
	padding-left: 32px;
	transition: width .2s;
	width: 280px
}

#invoices-search:focus,
#invoices-search:valid {
	width: 380px
}

.invoices-search-loading {
	background: url(./loading-D423D6YQ.gif) no-repeat center center;
	display: block;
	height: 29px;
	opacity: 0;
	position: absolute;
	pointer-events: none;
	right: 0;
	top: 0;
	transition: opacity .2s ease-in-out;
	width: 29px
}

.is-loading .invoices-search-loading {
	opacity: 1
}

.invoices-search-results {
	border-top-color: #bbb;
	max-height: 300px
}

.invoices-search-results a {
	align-items: center;
	color: inherit;
	display: flex;
	justify-content: space-between;
	text-decoration: none
}

.invoices-search-results a:hover {
	text-decoration: none
}

.invoices-search-results .client-name,
.invoices-search-results .invoice-number {
	word-break: break-word
}

.invoices-search-results .client-name {
	margin: 3px 0;
	opacity: .75
}

.invoices-search-results .loading,
.invoices-search-results .no-results {
	margin: 0 5px;
	padding: 7px;
	color: #888
}

.invoices-search-results .loading-spinner {
	background: url(./loading-D423D6YQ.gif) no-repeat 0 0;
	display: inline-block;
	height: 16px;
	width: 16px;
	opacity: .3;
	vertical-align: bottom
}

.graph-tooltip {
	background: rgba(255, 255, 255, .95);
	border: 1px solid #ddd;
	border-radius: 3px;
	box-shadow: 0 2px 3px #0000000d;
	margin-top: -10px;
	min-width: 274px;
	padding: 10px;
	pointer-events: none;
	position: absolute;
	transform: translate(-50%, -100%);
	white-space: nowrap;
	z-index: 400
}

.graph-tooltip:before,
.graph-tooltip:after {
	border: solid transparent;
	content: "";
	position: absolute;
	top: 100%;
	left: 50%
}

.graph-tooltip:before {
	border-color: transparent;
	border-top-color: #ddd;
	border-width: 6px;
	margin-left: -6px
}

.graph-tooltip:after {
	border-color: transparent;
	border-top-color: #fff;
	border-width: 5px;
	margin-left: -5px
}

.graph-tooltip .date {
	border-bottom: 1px solid #ddd;
	margin-bottom: 8px;
	padding-bottom: 10px;
	padding-right: 15px
}

.graph-tooltip table .key {
	border-radius: 2px;
	display: inline-block;
	height: 12px;
	margin-right: 5px;
	margin-top: -3px;
	vertical-align: middle;
	width: 12px
}

.graph-tooltip table .open .key {
	background: rgba(20, 160, 0, .6)
}

.graph-tooltip table .paid .key {
	background: #14a000
}

.graph-tooltip table td {
	padding: 1px 0
}

.graph-tooltip table td.tooltip-amount {
	text-align: right
}

.graph-tooltip table tfoot {
	margin-top: 5px
}

#configure_new_invoice .project-is-archived {
	color: #888
}

#configure_new_invoice .configure-new-invoice-enter {
	opacity: 0;
	animation: fadeIn .5s .2s forwards
}

#configure_new_invoice .configure-new-invoice-leave {
	animation: fadeOut .5s forwards
}

#configure_new_invoice .col-checkbox {
	padding-right: 0;
	width: 1px
}

#configure_new_invoice .hui-label {
	margin-top: 1px
}

#configure_new_invoice select.pds-input-tiny {
	font-size: 13px;
	height: 25px;
	padding-left: 7px;
	margin-bottom: -3px;
	margin-top: -5px
}

.document-logo {
	max-height: 200px;
	max-width: 200px
}

.document-variables {
	display: grid;
	grid-template-columns: 50% 50%
}

.document-variables strong {
	display: block
}

.stripe-connect {
	background: #635bff;
	border-radius: 4px;
	display: inline-block;
	height: 38px;
	text-decoration: none;
	user-select: none;
	width: 180px
}

.stripe-connect span {
	color: #fff;
	display: block;
	font-family: "Helvetica Neue", Arial, sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 14px;
	padding: 11px 0 0 24px;
	position: relative;
	text-align: left
}

.stripe-connect span:after {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 23.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 468 222.5' style='enable-background:new 0 0 468 222.5;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M414,113.4c0-25.6-12.4-45.8-36.1-45.8c-23.8,0-38.2,20.2-38.2,45.6c0,30.1,17,45.3,41.4,45.3 c11.9,0,20.9-2.7,27.7-6.5v-20c-6.8,3.4-14.6,5.5-24.5,5.5c-9.7,0-18.3-3.4-19.4-15.2h48.9C413.8,121,414,115.8,414,113.4z M364.6,103.9c0-11.3,6.9-16,13.2-16c6.1,0,12.6,4.7,12.6,16H364.6z'/%3E%3Cpath class='st0' d='M301.1,67.6c-9.8,0-16.1,4.6-19.6,7.8l-1.3-6.2h-22v116.6l25-5.3l0.1-28.3c3.6,2.6,8.9,6.3,17.7,6.3 c17.9,0,34.2-14.4,34.2-46.1C335.1,83.4,318.6,67.6,301.1,67.6z M295.1,136.5c-5.9,0-9.4-2.1-11.8-4.7l-0.1-37.1 c2.6-2.9,6.2-4.9,11.9-4.9c9.1,0,15.4,10.2,15.4,23.3C310.5,126.5,304.3,136.5,295.1,136.5z'/%3E%3Cpolygon class='st0' points='223.8,61.7 248.9,56.3 248.9,36 223.8,41.3 '/%3E%3Crect x='223.8' y='69.3' class='st0' width='25.1' height='87.5'/%3E%3Cpath class='st0' d='M196.9,76.7l-1.6-7.4h-21.6v87.5h25V97.5c5.9-7.7,15.9-6.3,19-5.2v-23C214.5,68.1,202.8,65.9,196.9,76.7z'/%3E%3Cpath class='st0' d='M146.9,47.6l-24.4,5.2l-0.1,80.1c0,14.8,11.1,25.7,25.9,25.7c8.2,0,14.2-1.5,17.5-3.3V135 c-3.2,1.3-19,5.9-19-8.9V90.6h19V69.3h-19L146.9,47.6z'/%3E%3Cpath class='st0' d='M79.3,94.7c0-3.9,3.2-5.4,8.5-5.4c7.6,0,17.2,2.3,24.8,6.4V72.2c-8.3-3.3-16.5-4.6-24.8-4.6 C67.5,67.6,54,78.2,54,95.9c0,27.6,38,23.2,38,35.1c0,4.6-4,6.1-9.6,6.1c-8.3,0-18.9-3.4-27.3-8v23.8c9.3,4,18.7,5.7,27.3,5.7 c20.8,0,35.1-10.3,35.1-28.2C117.4,100.6,79.3,105.9,79.3,94.7z'/%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: 49.58px;
	content: "";
	height: 20px;
	left: 62%;
	position: absolute;
	top: 28.95%;
	width: 49.58px
}

.stripe-connect:hover {
	background: #7a73ff
}

.document-info {
	border-collapse: separate;
	border-top: 1px solid #e4e4e4;
	display: table;
	margin-top: 5px;
	padding-top: 5px
}

.document-action {
	align-items: center;
	background: #eee;
	border-radius: 100px;
	color: #888;
	cursor: pointer;
	display: inline-flex;
	font-size: 12px;
	font-weight: 500;
	height: 44px;
	margin: 4px 0 0 5px;
	padding: 0 10px;
	text-decoration: none;
	white-space: nowrap
}

.document-action:hover {
	color: #626262
}

.document-action:hover .document-action-icon-web {
	background-position: 0 -50px
}

.document-action:hover .document-action-icon-pdf {
	background-position: -34px -50px
}

.document-action:hover .document-action-icon-print {
	background-position: -68px -50px
}

.document-action:active {
	background: #e4e4e4;
	box-shadow: inset 0 1px 3px #00000026
}

[class^=document-action-icon] {
	background: url(./invoice-actions-RRF3LV7G.png) no-repeat 0 0;
	display: inline-block;
	height: 24px;
	width: 24px
}

.document-action-icon-web {
	margin-right: 5px
}

.document-action-icon-pdf {
	background-position: -34px 0
}

.document-action-icon-print {
	background-position: -68px 0
}

.chrome {
	background-image: linear-gradient(#f4f4f4, #e4e4e4);
	border: 1px solid #ccc;
	border-radius: 6px 6px 0 0;
	margin-bottom: -1px;
	padding: 10px
}

.chrome-form {
	border-radius: 0;
	margin-bottom: -1px
}

#document {
	box-shadow: 0 5px 10px #0000001a
}

#document-attach-files {
	font-size: 14px;
	line-height: 1.4
}

.document-delete-attachment {
	text-decoration: none
}

.estimate-status-accepted {
	color: #14a000
}

.estimate-status-declined {
	color: #e61e14
}

#document-history-table {
	border-top: 1px solid #ccc
}

#document-history-table td {
	vertical-align: top
}

#document-history-table td:first-child {
	width: 1px
}

.document-history-body {
	background: #eee;
	font-family: monospace;
	font-size: 12px;
	margin: 15px 0;
	padding: 0 15px;
	overflow: hidden
}

#recurring-invoice-table td:first-child {
	width: 25%;
	word-break: break-word
}

#recurring-invoice-table td:first-child a {
	color: inherit;
	text-decoration: inherit
}

.gapps-import-user-container .sidebar {
	position: sticky;
	top: 20px
}

.gapps-import-user-container .button-group {
	font-size: 0
}

.gapps-import-user-container .button-group button {
	width: 48%
}

.gapps-import-user-container .button-group button:first-child {
	margin-right: 2%
}

.gapps-import-user-container .button-group button:last-child {
	margin-left: 2%
}

#gapps-import-user-table .is-selected {
	background: #fffce9
}

#gapps-import-spinner {
	animation: rotateThreeSixty 3s infinite linear;
	display: block;
	margin: 0 auto 10px
}

.loading-overlay {
	display: none
}

.gapps-import-user-container.loading-overlay-is-visible .loading-overlay {
	display: block;
	margin-top: 50px;
	text-align: center
}

.gapps-import-user-container.loading-overlay-is-visible h1,
.gapps-import-user-container.loading-overlay-is-visible .pds-row {
	display: none
}

.first-project-dialog h2 {
	margin: 20px 0
}

.first-project-dialog p {
	font-size: 16px;
	line-height: 1.4;
	margin: 0 0 20px
}

.first-project-dialog .close-landing-modal {
	display: block;
	font-size: 14px;
	margin-top: 10px
}

.landing-tip {
	color: #626262;
	font-size: 13px;
	font-weight: 500;
	position: absolute
}

.landing-tip:before {
	background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDEiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCA0MSAyNSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMzkuODkgMjQuMDI3LS4yOTIuMDIzYy0xMC4zODMuMzI0LTIxLjg4Mi01LjUyMS0yOS45NDgtMTMuMDY0bC4wMDIuMDAzYzEuMDY1IDMuMDk2IDEuOTEzIDYuODA0IDEuMDk2IDEwLjA5OS0uMzI1IDEuMzEtMy4yOTcgMS42NDEtMi45NC4yMDMuNzYzLTMuMDc3LS42NTQtNi4yMzYtMS42NDUtOS4xMTlDNC44OTQgOC40ODkgMy4zMiA1LjEwNy45MDQgMi4wMzMtLjA0Ni44MjUgMi40OTItLjA1MiAzLjM0LjUzM2M2LjE3NyA0LjI2MyAxMy4yMDYgNi4yNyAyMC43MDggNS44MjkgMS45NjktLjExNiAxLjM3MyAxLjc2Mi0uMjQgMi4xODYtNC44NzcgMS4yODEtOC44NDguODc2LTEyLjQzOC0uNDI1IDYuODc5IDcuMDg3IDE3Ljg1OSAxMy41MTkgMjcuMTUxIDEzLjIyOSAxLjQwOS0uMDQ0IDMuOTYyIDIuNTkyIDEuMzcgMi42NzMiIGZpbGw9IiNCQUJBQkEiLz48L3N2Zz4=) no-repeat;
	content: "";
	display: block;
	float: left;
	height: 50px;
	position: relative;
	top: -13px;
	width: 50px
}

.landing-tip-day-view {
	left: 20px;
	top: 40px
}

.landing-tip-week-view {
	bottom: 10px;
	left: 40px
}

.landing-tip-week-view:before {
	transform: scaleY(-1) rotate(15deg)
}

.post-landing-tip {
	align-items: center;
	background-color: #f4f4f4;
	border: 1px solid #bbb;
	border-radius: 5px;
	display: flex;
	font-size: 15px;
	margin: 20px auto 100px;
	padding: 20px 40px 20px 20px;
	position: relative;
	width: 65%
}

.post-landing-tip .button-dismiss-x {
	border-radius: 50px;
	cursor: pointer;
	height: 22px;
	line-height: 0;
	padding: 0;
	position: absolute;
	right: 10px;
	top: 12px;
	width: 22px
}

.post-landing-illustration {
	margin-right: 20px
}

.welcome-illustration {
	padding-left: 60px;
	width: 100%
}

.welcome-todo {
	background-color: #fff;
	border: 1px solid #b6b6b6;
	border-radius: 6px;
	color: inherit;
	cursor: pointer;
	display: flex;
	margin: 8px 0;
	padding: 8px;
	position: relative;
	text-decoration: none;
	width: 100%
}

.welcome-todo:hover {
	background: #f0f0f0;
	border-color: #9b9b9b
}

.welcome-todo>* {
	align-self: center
}

.welcome-todo .status-circle {
	align-items: center;
	border: 2px solid currentColor;
	border-radius: 36px;
	color: #626262;
	display: flex;
	height: 36px;
	justify-content: center;
	margin-right: 8px;
	width: 36px
}

.welcome-todo .pds-avatar {
	height: 36px;
	position: absolute;
	right: 10px;
	top: 10px;
	width: 36px
}

.welcome-todo .avatar-errors {
	color: #e61e14;
	margin-top: 5px
}

.welcome-todo .loader {
	background: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaHVpLXNwaW4iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiIGZpbGw9ImN1cnJlbnRDb2xvciI+PGNpcmNsZSBjeD0iOCIgY3k9IjIiIHI9IjIiLz48Y2lyY2xlIGN4PSI0IiBjeT0iNCIgcj0iMiIgb3BhY2l0eT0iLjc1Ii8+PGNpcmNsZSBjeD0iMiIgY3k9IjgiIHI9IjIiIG9wYWNpdHk9Ii41Ii8+PGNpcmNsZSBjeD0iNCIgY3k9IjEyIiByPSIyIiBvcGFjaXR5PSIuMjUiLz48L3N2Zz4=) no-repeat 0 0;
	height: 18px;
	position: absolute;
	right: 19px;
	top: 20px;
	width: 18px
}

.welcome-newsletter-feedback {
	animation: fadeOut .5s 5s forwards
}

#welcome-video-dialog>div {
	margin-left: -400px;
	width: 800px
}

#welcome-video {
	background: #000
}

.welcome-video-padding {
	padding: 56.25% 0 0;
	position: relative
}

.welcome-video-wrapper {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.samples-to-be-deleted-list {
	line-height: 1.4;
	max-height: 220px;
	overflow-y: auto;
	padding-bottom: 5px;
	padding-top: 5px
}

.samples-to-be-deleted-list strong {
	display: block
}

.samples-to-be-deleted-list span {
	display: block;
	margin-top: 1em
}

#project-edit-form #project_name,
#project-edit-form #new_client_name,
#project-edit-form #client_id {
	width: 65%
}

#project-edit-form #project_code,
#project-edit-form .hui-inside-label {
	width: 20%
}

#project-edit-form #client_id_chosen .chosen-single {
	height: 35px;
	line-height: 33px
}

#project-edit-form #client_id_chosen .chosen-single>div {
	top: 5px
}

#project-edit-form .budget-input input[type=text] {
	display: inline-block;
	width: 90px
}

#project-edit-form .pds-tooltip {
	max-width: 350px
}

#project-edit-form .pds-row .button-explain {
	float: right;
	margin: 7px 10px 0 0
}

#project-edit-form .pds-row .button-explain-dates {
	margin-top: 10px
}

#project-edit-form .pds-row .button-explain-forecast {
	margin-top: 0
}

#project-edit-form .pds-row .button-explain-project-type {
	margin-top: 9px
}

.project-edit-dates-label {
	line-height: 40px
}

.project-edit-toggle-label {
	line-height: 25px
}

#project_ends_on+.validation-error {
	white-space: nowrap
}

.project-edit-type .hui-choice {
	position: relative
}

.project-edit-type input:checked~.triangle {
	content: "";
	border-color: #ccc transparent;
	border-style: solid;
	border-width: 0 10px 10px;
	left: 50%;
	margin-left: -10px;
	position: absolute;
	bottom: -16px
}

.project-edit-type input[type=text] {
	width: 100px
}

.project-edit-type .hui-checkbox input[type=text] {
	width: 60px
}

.edit-project-type-options+.edit-project-budget-options {
	margin-top: 24px
}

.edit-project-budget-options+.edit-project-type-options {
	margin-top: 24px
}

.permissions-matrix {
	margin: 10px 0 20px
}

.permissions-matrix th,
.permissions-matrix td {
	font-size: 11px;
	line-height: 1.3;
	padding: 7px;
	text-align: center;
	width: 19%
}

.permissions-matrix th:first-child {
	font-weight: normal;
	text-align: left;
	width: 24%
}

.permissions-matrix td:first-child {
	text-align: left
}

.permissions-matrix .highlight {
	background: #fffce9
}

.project-edit-invoice-label,
.project-edit-budget-label {
	margin: 0
}

.project-edit-table th:not(.col-name) {
	width: 145px;
	white-space: nowrap
}

.project-edit-table h3 {
	color: #222
}

.project-edit-table .col-toggle-button {
	padding-right: 0;
	width: 1px
}

.project-edit-table .col-toggle-button.running-timer-error {
	vertical-align: top
}

.project-edit-table .col-name button {
	margin-right: 5px
}

.project-edit-table .input-cell input {
	margin: -2px 0;
	text-align: right;
	width: 75px
}

.project-edit-table .input-with-suggestions {
	max-width: 500px
}

.project-edit-table .col-total {
	vertical-align: top
}

.project-edit-table .explain-billable-tasks-container {
	position: relative
}

.project-edit-table .button-explain-billable-tasks {
	position: absolute;
	right: 0px;
	top: 11px
}

.project-edit-table .col-budget,
.project-edit-table .col-money-budget,
.project-edit-table .col-billable,
.project-edit-table .col-billable-rate {
	display: none
}

.show-budget-column .col-budget,
.show-billable-column .col-billable,
.show-money-budget-column .col-money-budget,
.show-billable-rate-column .col-billable-rate {
	display: table-cell
}

tr.is-editing {
	background: rgba(212, 241, 255, .2)
}

tr.is-deactivated td {
	background: #eee
}

td.running-timer-error {
	background: #fbebe6
}

td.running-timer-error ul {
	margin-top: 15px
}

td.running-timer-error ul li {
	display: inline-block;
	margin-right: 5px
}

.field-status .is-loading {
	background: url(./loading-D423D6YQ.gif) no-repeat 0 0;
	display: inline-block;
	height: 16px;
	vertical-align: middle;
	width: 16px
}

.invite-people-dialog .invite-people-fields {
	margin: -5px;
	max-height: 45vh;
	overflow: auto;
	padding: 5px;
	position: relative
}

.invite-people-dialog .invite-people-fields-wrapper {
	position: relative
}

.invite-people-dialog .invite-people-fields-wrapper:before {
	content: "";
	width: 100%;
	height: 100%;
	background: linear-gradient(#fff, rgba(255, 255, 255, 0) 30px, rgba(255, 255, 255, 0) calc(100% - 30px), #fff);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	pointer-events: none
}

.invite-people-dialog .add-more-rows {
	position: relative;
	z-index: 2
}

.invite-people-dialog .hui-form-field:first-child {
	z-index: 2
}

.invite-people-dialog .column-first,
.invite-people-dialog .column-last,
.invite-people-dialog .column-email {
	float: left;
	margin: 0 5px
}

.invite-people-dialog .column-first,
.invite-people-dialog .column-last {
	width: calc(25% - 10px)
}

.invite-people-dialog .column-email {
	width: calc(50% - 10px)
}

.invite-people-confirmation p {
	margin: 0 0 20px;
	padding-left: 30px;
	position: relative
}

.invite-people-confirmation svg {
	left: 0;
	position: absolute;
	top: 3px
}

#table-edit-team .team-bill-by-people-budget-amount,
#table-edit-team .current-billable-rate {
	border-bottom: 1px dotted currentColor;
	cursor: default
}

[id^=edit-billable-rate-dialog] .all-billable-rates strong {
	display: none
}

.popover-ru-to-pm {
	width: 270px
}

.popover-ru-to-pm:focus {
	outline: none
}

.popover-all-ru-to-pm {
	width: 285px
}

.popover-all-ru-to-pm:focus {
	outline: none
}

.project-overview-table tr:last-child td {
	border-bottom: 0
}

.project-overview-table th,
.project-overview-table td {
	text-align: right;
	white-space: nowrap
}

.project-overview-table .col-pinned {
	padding-right: 0;
	width: 1px
}

.project-overview-table .col-pinned:empty {
	padding: 0
}

.project-overview-table .col-name {
	text-align: left;
	white-space: normal;
	width: 35%;
	word-break: break-word
}

.project-overview-table .col-name a {
	color: inherit
}

.project-overview-table th.col-name {
	text-transform: uppercase
}

.project-overview-table .col-meter {
	font-size: 0;
	width: 1px
}

.project-overview-table .col-remaining,
.project-overview-table .col-remaining-percent,
.project-overview-table .col-actions {
	padding-top: 0;
	padding-bottom: 0;
	width: 1px
}

.project-overview-table .col-budget {
	padding-right: 22px
}

.project-overview-table .icon-monthly-budget {
	right: 0;
	margin-top: -2px;
	position: absolute
}

.project-overview-table .pinned-group+:not(.pinned-group):before {
	content: "";
	display: block;
	height: 40px
}

.project-overview-table .project-is-toggled td {
	background: #eee;
	text-align: left;
	white-space: normal
}

.project-overview-table .is-over-budget .col-remaining {
	color: #e61e14
}

.projects-overview-loading-indicator-container {
	margin-top: -10px;
	pointer-events: none;
	position: relative;
	z-index: 1
}

.projects-overview-ajax-loader {
	background: rgba(255, 255, 255, .8);
	border-radius: 34px;
	cursor: default;
	line-height: 34px;
	margin-top: 10px;
	padding: 0 10px;
	pointer-events: none;
	top: 0;
	visibility: visible
}

.projects-overview-ajax-loader svg {
	position: relative;
	top: -2px;
	vertical-align: middle
}

.projects-overview-ajax-loader.is-sticky {
	position: fixed;
	z-index: 300
}

.project-data-is-loading .projects-overview-ajax-loader svg {
	animation: rotateThreeSixty 2s infinite linear
}

.project-data-is-loaded .projects-overview-ajax-loader {
	opacity: 0;
	transition: all .25s linear;
	visibility: hidden
}

#clear-filters {
	align-items: center;
	background: transparent;
	border-radius: 3px;
	color: #369;
	cursor: pointer;
	display: flex;
	line-height: 1.1;
	font-weight: 500;
	padding: 5px 10px;
	transition: .05s;
	width: auto
}

#clear-filters>svg {
	margin-right: 5px
}

#clear-filters:hover {
	background: #eaeff9;
	color: #369
}

.project-overview-table {
	transition: opacity .25s
}

.projects-are-loading .project-overview-table {
	opacity: .5;
	transition: none
}

.project-data-is-loading .col-pinned,
.project-data-is-loading .col-budget,
.project-data-is-loading .col-spent,
.project-data-is-loading .col-meter,
.project-data-is-loading .col-remaining,
.project-data-is-loading .col-remaining-percent,
.project-data-is-loading .col-costs {
	display: none
}

.project.is-archived a:not(.clickable-row-link) {
	opacity: .75
}

#project-search {
	background: #fff url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTE2IDE0LjQtNC4yLTQuMWMuOC0xLjEgMS4yLTIuNCAxLjItMy44QzEzIDIuOSAxMC4xIDAgNi41IDBTMCAyLjkgMCA2LjUgMi45IDEzIDYuNSAxM2MxLjQgMCAyLjYtLjQgMy43LTEuMWw0LjIgNC4yek0xLjkgNi41QzEuOSA0IDQgMS45IDYuNSAxLjlzNC42IDIuMSA0LjYgNC42LTIuMSA0LjYtNC42IDQuNlMxLjkgOSAxLjkgNi41eiIgb3BhY2l0eT0iLjUiLz48L3N2Zz4=) 10px 50% no-repeat;
	background-size: 16px;
	padding-left: 32px;
	transition: width .2s;
	width: 280px
}

#project-search:focus,
#project-search:valid {
	width: 380px
}

.project-search-loading {
	background: url(./loading-D423D6YQ.gif) no-repeat center center;
	display: block;
	height: 29px;
	opacity: 0;
	position: absolute;
	pointer-events: none;
	right: 0;
	top: 0;
	transition: opacity .2s ease-in-out;
	width: 29px;
	z-index: 2
}

.is-loading-results .project-search-loading {
	opacity: 1
}

.project-search-results {
	border-top-color: #bbb;
	max-height: 300px;
	padding: 0
}

.project-search-results .active-projects {
	border-bottom: 1px solid #bbb
}

.project-search-results h4 {
	background: #f2f2f2;
	border-bottom: 1px solid #bbb;
	color: #555;
	font-size: 10px;
	padding: 3px 10px
}

.project-search-results a {
	color: inherit;
	display: block;
	text-decoration: none
}

.project-search-results span {
	display: block
}

.project-search-results .client-name,
.project-search-results .project-name {
	word-break: break-word
}

.project-search-results .client-name {
	font-size: 11px;
	margin-bottom: 3px;
	opacity: .75
}

.project-search-results .loading,
.project-search-results .no-results {
	padding: 10px;
	color: #888
}

.projects-controller.show-action {
	background: #eee
}

.projects-controller.show-action .project-client h5 {
	font-weight: 500;
	text-transform: uppercase;
	word-break: break-word
}

.projects-controller.show-action .project-name h1 {
	display: inline;
	margin: 0;
	vertical-align: middle
}

.projects-controller.show-action .project-actions {
	margin: 3px 0 20px 20px
}

.projects-controller.show-action .project-notes {
	position: relative;
	margin: 10px 0;
	width: 66.66%;
	word-break: break-word
}

.projects-controller.show-action .project-notes>:first-child {
	margin-top: 0
}

.projects-controller.show-action .project-notes>:last-child {
	margin-bottom: 0
}

.projects-controller.show-action .skimpy-project-notes {
	overflow: hidden
}

.projects-controller.show-action .skimpy-project-notes:after {
	background: linear-gradient(rgba(238, 238, 238, 0), #eee);
	content: "";
	height: 100%;
	left: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	width: 100%
}

.projects-controller.show-action .is-loading {
	opacity: .3
}

.project-analysis-missing-bill-rates {
	background: #fffce9;
	border-bottom: 1px solid #d5ca0f;
	border-radius: 3px 3px 0 0;
	line-height: 1;
	font-size: 15px;
	padding: 10px 15px;
	text-align: center
}

.project-data-box {
	background-color: #f4f4f4;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-shadow: 0 2px 3px #00000012
}

.project-graph {
	background: #fff;
	border-radius: 3px 3px 0 0;
	padding: 20px
}

.project-graph .svg-container {
	margin-top: 20px;
	position: relative
}

#pa-summary,
#pa-summary-titles {
	border-top: 1px solid #ccc
}

#pa-summary h2,
#pa-summary-titles h2 {
	font-size: 23px;
	margin-bottom: 8px
}

#pa-summary h2.is-not-available,
#pa-summary-titles h2.is-not-available {
	color: #888
}

#pa-summary h2.no-data,
#pa-summary-titles h2.no-data {
	display: none
}

#pa-summary h6,
#pa-summary-titles h6 {
	color: #888;
	margin-bottom: 3px
}

#pa-summary>h6,
#pa-summary-titles>h6 {
	display: inline-block
}

#pa-summary .toggle-popover,
#pa-summary-titles .toggle-popover {
	margin-top: 4px
}

.pa-summary-heading {
	background: #f4f4f4;
	border-left: 1px solid #ccc;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight: 600;
	padding-bottom: 3px;
	padding-top: 3px;
	text-align: center
}

.pa-summary-column {
	border-left: 1px solid #ccc;
	padding-top: 15px;
	padding-bottom: 15px
}

.popover.big-number-popover {
	border-radius: 0 0 4px 4px;
	left: -1px!important;
	right: -1px;
	margin-top: 12px
}

.popover.big-number-popover:before,
.popover.big-number-popover:after {
	right: 21px
}

.popover.big-number-popover h6 {
	color: inherit;
	margin: 10px 0 3px
}

.popover.big-number-popover h6:first-child {
	margin-top: 0
}

.project-forecast-box {
	background: #fff;
	color: #626262;
	padding: 0 15px 15px;
	text-align: center
}

.project-forecast-box svg {
	position: relative;
	top: -1px
}

.project-forecast-box strong {
	color: #222
}

.project-analysis-table-breakdown .is-expandable {
	cursor: pointer
}

.project-analysis-table-breakdown .is-expandable:hover,
.project-analysis-table-breakdown .is-expandable.is-focused {
	background-color: #eaeff9
}

.project-analysis-table-breakdown .is-expanded .col-name {
	font-weight: 500
}

.project-analysis-table-breakdown .is-expanded .col-toggle svg {
	transform: rotate(90deg)
}

.project-analysis-table-breakdown .is-breakdown {
	background-color: #f4f4f4
}

.project-analysis-table-breakdown th,
.project-analysis-table-breakdown td {
	white-space: nowrap
}

.project-analysis-table-breakdown .tbody-foot td {
	border-bottom: 0;
	padding-bottom: 40px;
	vertical-align: top
}

.project-analysis-table-breakdown .loading-row td {
	padding-left: 50px;
	background: #f6f6f6 url(./loading-D423D6YQ.gif) no-repeat 29px center
}

.project-analysis-table-breakdown .col-billable-amount {
	border-left: 1px solid #ccc
}

.project-analysis-table-breakdown .col-meter {
	width: 15%
}

.project-analysis-table-breakdown .col-name {
	white-space: normal
}

.project-analysis-table-breakdown .col-toggle {
	padding: 0;
	width: 1px
}

.project-analysis-table-breakdown .button-toggle-drill-in,
.project-analysis-table-breakdown .button-toggle-drill-in:hover,
.project-analysis-table-breakdown .button-toggle-drill-in:focus {
	background: transparent;
	border: 0;
	box-shadow: none;
	height: auto;
	line-height: 0;
	outline: 0;
	padding: 7px 0 7px 7px;
	width: auto
}

.project-analysis-table-breakdown .button-toggle-drill-in svg,
.project-analysis-table-breakdown .button-toggle-drill-in:hover svg,
.project-analysis-table-breakdown .button-toggle-drill-in:focus svg {
	transition: transform .2s
}

.project-analysis-table-breakdown .scheduled svg,
.project-analysis-table-breakdown .projected svg {
	position: relative;
	top: -1px
}

.project-analysis-table-breakdown .zero {
	color: #888
}

.project-analysis-table-breakdown .zero a {
	color: inherit
}

.billable-amount-incalculable .col-billable-amount,
.money-budget-spent-incalculable .spent,
.money-budget-spent-incalculable .remaining,
.costs-incalculable .col-costs {
	padding-right: 26px;
	position: relative
}

.billable-amount-incalculable .col-billable-amount .icon-incalculable,
.money-budget-spent-incalculable .spent .icon-incalculable,
.money-budget-spent-incalculable .remaining .icon-incalculable,
.costs-incalculable .col-costs .icon-incalculable {
	margin-top: 1px;
	position: absolute;
	right: 7px
}

.billable-amount-incalculable th.col-billable-amount,
.money-budget-spent-incalculable th.spent,
.money-budget-spent-incalculable th.remaining,
.costs-incalculable th.col-costs {
	position: static
}

.project-analysis-invoice-header {
	align-items: flex-end;
	display: flex;
	justify-content: space-between
}

.project-analysis-invoice-tab-actions {
	width: 40%
}

.project-invoices .invoices-table tr.is-unlinked td {
	background: #f4f4f4
}

table.r2-sortable .sorted-column {
	color: #333;
	font-weight: 600
}

table.r2-sortable .sorted-column:after {
	background: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjgiIHdpZHRoPSIyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtOC41MSAxIC45OSAxLjExNEw1IDcgLjUgMi4xMTQgMS40OSAxIDUgNC43N3ptMTAgNiAuOTktMS4xMTRMMTUgMWwtNC41IDQuODg2TDExLjQ5IDcgMTUgMy4yM3oiIGZpbGw9IiMzMzMiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==) no-repeat;
	content: "";
	display: inline-block;
	height: 7px;
	margin-left: 3px;
	width: 10px
}

th[class*=r2-sort] {
	cursor: pointer
}

.th-sorted-ascending:after {
	background-position: 100% 0!important
}

.th-sorted-descending:after {
	background-position: 0 0!important
}

.tasks-bar-graph {
	align-items: center;
	display: flex;
	margin-top: calc(0px - 28px - 16px);
	margin-bottom: 16px;
	width: 50%
}

.tasks-bar-graph .tbg-graph {
	background: transparent;
	border-radius: 3px;
	height: 28px;
	margin-right: 8px;
	overflow: hidden;
	position: relative;
	width: 100%
}

.tasks-bar-graph .tbg-graph:after {
	border-radius: 3px;
	box-shadow: inset 0 0 0 1px #0003;
	content: "";
	height: 100%;
	left: 0;
	user-select: none;
	pointer-events: none;
	position: absolute;
	top: 0;
	width: 100%
}

.tasks-bar-graph .tbg-graph .tbg-graph-task {
	float: left;
	height: 28px;
	text-indent: -5000px
}

.tasks-bar-graph .tbg-graph .tbg-1 {
	background-color: #1c8fc5
}

.tasks-bar-graph .tbg-graph .tbg-2 {
	background-color: #ef6910
}

.tasks-bar-graph .tbg-graph .tbg-3 {
	background-color: #8342d9
}

.tasks-bar-graph .tbg-graph .tbg-4 {
	background-color: #d45665
}

.tasks-bar-graph .tbg-graph .tbg-5 {
	background-color: #43b51b
}

.tasks-bar-graph .tbg-graph .tbg-6 {
	background-color: #efce36
}

.tasks-bar-graph .tbg-graph .tbg-7 {
	background-color: #0eb5ce
}

.tasks-bar-graph .tbg-graph .tbg-8 {
	background-color: #ea9233
}

.tasks-bar-graph .tbg-graph .tbg-9 {
	background-color: #c554bf
}

.tasks-bar-graph .tbg-graph .tbg-10 {
	background-color: #a6c552
}

.tasks-bar-graph .tbg-graph .tbg-11 {
	background-color: #ccc
}

.tasks-bar-graph .tbg-graph .tbg-last {
	border-radius: 0 5px 5px 0
}

.tasks-bar-graph .button-explain {
	margin: 0
}

.team-bar-graph {
	align-items: center;
	display: flex;
	margin-top: calc(0px - 28px - 16px);
	margin-bottom: 16px;
	width: 50%
}

.team-bar-graph .sbg-employees,
.team-bar-graph .sbg-contractors {
	font-size: 13px;
	line-height: 1.1
}

.team-bar-graph .sbg-graph {
	border-radius: 3px;
	height: 28px;
	margin: 0 8px;
	overflow: hidden;
	position: relative;
	width: 100%
}

.team-bar-graph .sbg-graph:after {
	border-radius: 3px;
	box-shadow: inset 0 0 0 1px #0003;
	content: "";
	height: 100%;
	left: 0;
	user-select: none;
	pointer-events: none;
	position: absolute;
	top: 0;
	width: 100%
}

.team-bar-graph .sbg-graph .sbg-graph-employees {
	background-color: #1c8fc5;
	height: 28px;
	text-indent: -5000px
}

.team-bar-graph .sbg-graph .sbg-graph-contractors {
	background-color: #ef6910;
	height: 28px;
	text-indent: -5000px
}

#users-table tbody th {
	color: #222;
	font-size: 14px
}

#users-table .task-color,
#projects-table .task-color,
#clients-table .task-color,
#tasks-table .task-color {
	border-radius: 3px;
	display: inline-block;
	height: 16px;
	vertical-align: middle;
	width: 16px
}

#users-table .tr-dropdown:hover,
#projects-table .tr-dropdown:hover,
#clients-table .tr-dropdown:hover,
#tasks-table .tr-dropdown:hover {
	background: #eaeff9;
	cursor: pointer
}

#users-table .tr-dropdown:hover td.td-item,
#projects-table .tr-dropdown:hover td.td-item,
#clients-table .tr-dropdown:hover td.td-item,
#tasks-table .tr-dropdown:hover td.td-item {
	background-color: #eaeff9
}

#users-table .tr-dropdown td.td-item,
#projects-table .tr-dropdown td.td-item,
#clients-table .tr-dropdown td.td-item,
#tasks-table .tr-dropdown td.td-item {
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjEyIiB2aWV3Qm94PSIwIDAgOCAxMiIgZmlsbD0iY3VycmVudENvbG9yIj48cGF0aCBkPSJNMS43NS4zNCA3LjQxIDZsLTUuNjYgNS42Ni0xLjQxLTEuNDJMNC41OCA2IC4zNCAxLjc2eiIvPjwvc3ZnPg==) 10px 50% no-repeat;
	padding-left: 26px!important
}

#users-table .tr-dropdown td.td-item.opened-dropdown,
#projects-table .tr-dropdown td.td-item.opened-dropdown,
#clients-table .tr-dropdown td.td-item.opened-dropdown,
#tasks-table .tr-dropdown td.td-item.opened-dropdown {
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDEyIDEyIiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik00LjYzIDguNy4zNCA0LjQyIDEuNzUgM2w0LjMgNC4zIDQuMjQtNC4yNSAxLjQxIDEuNDEtNS42NSA1LjY2LTEuNDItMS40MXoiLz48L3N2Zz4=) 7px 50% no-repeat
}

#users-table tr.dropdown-loading td,
#projects-table tr.dropdown-loading td,
#clients-table tr.dropdown-loading td,
#tasks-table tr.dropdown-loading td {
	background: #f4f4f4 url(./loading-D423D6YQ.gif) 22px 50% no-repeat
}

#users-table tr.opened-row,
#projects-table tr.opened-row,
#clients-table tr.opened-row,
#tasks-table tr.opened-row {
	background: #f4f4f4
}

#users-table tr.opened-row .td-item,
#projects-table tr.opened-row .td-item,
#clients-table tr.opened-row .td-item,
#tasks-table tr.opened-row .td-item {
	padding-left: 26px
}

tbody .td-billable-hours span {
	color: #888;
	display: inline-block;
	width: 6ch
}

tfoot .td-billable-hours strong {
	margin-right: 6ch
}

tfoot .td-billable-hours strong:after {
	content: " ";
	white-space: pre
}

#dtr-table .dtr-group-header th {
	color: #222;
	font-size: 14px
}

#dtr-table .entry-has-notes td {
	border-bottom: 0;
	padding-bottom: 0
}

#dtr-table .entry-notes td {
	color: #626262;
	font-size: 13px;
	padding-top: 5px;
	word-break: break-word
}

#dtr-table .entry-notes td p {
	margin: 0
}

#dtr-table .entry-notes td p+p {
	margin-top: 10px
}

#dtr-table .entry-notes td .permalink a {
	color: inherit
}

#dtr-table .entry-notes td .permalink .external-service-icon,
#dtr-table .entry-notes td .permalink .test-timeframe {
	float: left;
	margin-right: 5px
}

#dtr-table .entry-locked {
	background: transparent;
	box-shadow: none;
	cursor: default
}

#dtr-table .cell-min-width {
	padding-left: 0!important;
	padding-right: 0!important;
	width: 1px!important
}

@media print {
	#dtr-table .pds-button {
		display: inline-block!important
	}
}

#dtr-table .entry-is-highlighted {
	background-color: #fffce9
}

#print-options-dialog .hui-choice button {
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
	color: inherit;
	cursor: pointer;
	display: block;
	font-size: 14px;
	font-weight: 500;
	margin: 1px 0;
	padding: 12px 15px;
	text-decoration: none;
	width: 100%
}

#print-options-dialog .hui-choice button svg {
	display: block;
	margin: 5px auto;
	opacity: .75
}

#print-options-dialog .hui-choice button:focus,
#print-options-dialog .hui-choice button:hover {
	background: #fdf0e5;
	border: 2px solid #f36c00;
	margin: 0 0 -1px
}

#print-options-dialog .hui-choice button:focus svg,
#print-options-dialog .hui-choice button:hover svg {
	opacity: 1
}

#print-options-dialog .hui-choice small {
	color: #888;
	display: block;
	margin-top: 7px;
	text-align: center
}

#report-options {
	background: #fff;
	margin: 0;
	padding: 20px 0;
	position: sticky;
	top: 0;
	z-index: 300
}

tr.is-checked {
	background: #fffce9
}

#select-all-entries-alert td {
	background-color: #eaeff9;
	color: #222;
	font-size: 14px;
	padding: 20px!important;
	text-align: center
}

.selective-checkbox {
	position: relative
}

.selective-hitbox {
	bottom: 0;
	cursor: pointer;
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0
}

.dialog-dtr-bulk-move .validation-error {
	background: none;
	border: none;
	padding: 0;
	line-height: 1.5;
	margin-bottom: 0
}

#move-hours-additions {
	background: #fffce9;
	border: 1px solid #d5ca0f;
	border-radius: 3px;
	max-height: 165px;
	padding: 10px;
	overflow-y: auto
}

#expense-report-table .expense-group-header th {
	color: #222;
	font-size: 14px
}

#expense-report-table .expense-has-notes td {
	border-bottom: 0;
	padding-bottom: 0
}

#expense-report-table .expense-notes td {
	color: #626262;
	padding-top: 0
}

@media print {
	#expense-report-table .pds-button {
		display: inline-block!important
	}
}

#uninvoiced-report-table tbody th {
	font-size: 14px
}

#uninvoiced-report-table td:first-child {
	width: 50%
}

#uninvoiced-report-table a {
	text-decoration: none
}

#uninvoiced-report-table .incalculable {
	margin-right: -24px
}

#uninvoiced-report-table .incalculable>svg {
	margin-left: 5px
}

#retainers-table thead tr:last-child th {
	border-top: 0
}

#retainers-table .retainer-project-name {
	color: inherit;
	text-decoration: none
}

#retainers-table .tbody-foot td {
	border-bottom: 0;
	padding-bottom: 40px;
	vertical-align: top
}

#retainer-history-table .invoice-link {
	color: inherit;
	text-decoration: none
}

.roles-controller.index-action .row-form-container {
	padding: 0
}

.roles-controller.index-action .role-user-container {
	background: #fff;
	border-radius: 3px;
	border: 1px solid #ccc;
	max-height: 395px;
	overflow: auto;
	padding: 3px 10px
}

.roles-controller.index-action .additional-users {
	background-color: #ccc;
	border-radius: 2px;
	color: #222;
	display: inline-block;
	font-size: 12px;
	height: 28px;
	line-height: 28px;
	min-width: 28px;
	text-align: center;
	vertical-align: middle
}

.roles-controller.index-action .is-archived {
	opacity: .7
}

.roles-controller.index-action .role-user-checkbox-row {
	border-top: 1px solid #e4e4e4;
	color: #222;
	display: block;
	font-size: 14px;
	padding: 6px;
	position: relative
}

.roles-controller.index-action .role-user-checkbox-row:first-child {
	border-top: 0
}

.roles-controller.index-action .role-user-checkbox-row .hui-checkbox label:before {
	margin-top: 0
}

.roles-controller.index-action .role-user-checkbox-row .avatar-spacer {
	display: inline-block;
	height: 24px;
	vertical-align: middle
}

.roles-controller.index-action .has-open-editor tr:not(.is-being-edited) {
	opacity: .5
}

.roles-controller.index-action .is-new {
	background-color: #fffce9;
	animation: 2s 10s forwards role-highlighted
}

.roles-controller.index-action .was-edited {
	animation: 2s role-highlighted
}

.roles-controller.index-action .role-destroyed {
	background-color: #eee
}

@keyframes role-highlighted {
	0% {
		background-color: #fffce9
	}
	to {
		background-color: #fff
	}
}

.day-entry-editor .shift-enter-helper-text {
	bottom: 5px;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	right: 10px;
	transition: visibility 0s linear .1s, opacity .1s linear 0s;
	visibility: hidden;
	z-index: 2
}

.day-entry-editor .entry-notes {
	height: 54px;
	max-height: 200px;
	resize: none
}

.day-entry-editor .entry-notes:focus+.shift-enter-helper-text {
	opacity: 1;
	transition-delay: 0;
	visibility: visible
}

.day-entry-editor .entry-notes.has-value:focus+.shift-enter-helper-text {
	opacity: 0;
	visibility: hidden
}

.day-entry-editor .timestamps {
	font-size: 0
}

.day-entry-editor .timestamps span {
	color: #888;
	display: inline-block;
	font-size: 15px;
	height: 34px;
	line-height: 34px;
	padding: 0 10px;
	vertical-align: middle
}

.day-entry-editor .timestamps span.timestamps-total {
	font-weight: 500
}

.day-entry-editor .timestamps input[type=text] {
	font-weight: 600;
	width: 100px
}

.day-entry-editor .timestamps input[type=text]::-webkit-input-placeholder {
	font-weight: normal
}

.day-entry-editor .timestamps input[type=text]:-moz-placeholder {
	font-weight: normal
}

.day-entry-editor .duration .notes-container {
	position: relative;
	margin-right: 110px
}

.day-entry-editor .duration .hours-input {
	display: block;
	font-size: 30px;
	font-weight: 500;
	height: 54px;
	line-height: 38px;
	padding-left: 0;
	position: absolute;
	right: 0;
	text-align: right;
	top: 0;
	width: 100px
}

.day-entry-editor .duration .hours-input::-webkit-input-placeholder {
	color: #bbb;
	font-weight: normal
}

.day-entry-editor .duration .hours-input:-moz-placeholder {
	color: #bbb;
	font-weight: normal
}

.day-entry-editor .duration .hours-input .has-error {
	background-color: snow;
	border-color: #f18181
}

.day-entry-editor .duration .hours-validation-error {
	text-align: right
}

.day-entry-editor .additional-actions {
	line-height: 35px
}

.day-entry-editor .spent-at {
	text-align: right
}

.day-entry-editor .form-success {
	color: #14a000;
	display: none;
	font-weight: bold;
	margin: 0;
	vertical-align: middle
}

.day-entry-editor .form-success.is-visible {
	display: inline-block
}

.export-dialog .hui-choice {
	max-width: 33.33%
}

.export-dialog i[data-icon] {
	background-repeat: no-repeat;
	background-size: cover;
	display: inline-block;
	vertical-align: middle;
	filter: brightness(0) grayscale(1);
	height: 24px;
	margin: 5px 0;
	opacity: .7;
	width: 24px
}

.export-dialog input:checked+label i[data-icon] {
	filter: brightness(0) invert(1);
	opacity: 1
}

.export-dialog i[data-icon=csv] {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjMzMzIiBkPSJNMCAyM2gyNFYxSDB2MjJ6TTggNnYzLjFIMlY2aDZ6bTAgNHYzLjFIMlYxMGg2em0wIDR2My4xSDJWMTRoNnptMCA0djMuMUgyVjE4aDZ6bTctMTJ2My4xSDlWNmg2em0wIDR2My4xSDlWMTBoNnptMCA0djMuMUg5VjE0aDZ6bTAgNHYzLjFIOVYxOGg2em03LTEydjMuMWgtNlY2aDZ6bTAgNHYzLjFoLTZWMTBoNnptMCA0djMuMWgtNlYxNGg2em0wIDR2My4xaC02VjE4aDZ6Ii8+PC9zdmc+)
}

.export-dialog i[data-icon=excel] {
	background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjQgMTguNVYzLjljMC0uNSAwLTEtLjMtMS40LS40LS4zLS45LS4yLTEuNC0uM2gtOC4yVjBoLTEuNkM4LjQuOCA0LjIgMS41IDAgMi4ydjE5LjZjNC4yLjcgOC4zIDEuNSAxMi41IDIuMmgxLjd2LTIuNWg4LjVjLjUgMCAxLjEgMCAxLjItLjYuMi0uNy4xLTEuNi4xLTIuNHptLTE2LTJjLS41LTEuMi0xLTIuMy0xLjQtMy41LS40IDEuMS0uOSAyLjItMS4zIDMuMy0uNiAwLTEuMiAwLTEuOC0uMUw1LjYgMTJDNSAxMC41IDQuMyA5LjEgMy43IDcuNmMuNiAwIDEuMi0uMSAxLjgtLjEuNCAxLjEuOSAyLjIgMS4yIDMuMy40LTEuMi45LTIuMyAxLjQtMy40LjYgMCAxLjItLjEgMS45LS4xLS43IDEuNS0xLjUgMy4xLTIuMiA0LjYuOCAxLjYgMS41IDMuMSAyLjMgNC43LS44IDAtMS40LS4xLTIuMS0uMXptMTUuMiA0LjNoLTl2LTEuN2gyLjJ2LTJoLTIuMlYxNmgyLjJ2LTJoLTIuMnYtMS4xaDIuMnYtMmgtMi4yVjkuN2gyLjJ2LTJoLTIuMlY2LjZoMi4ydi0yaC0yLjJWMi45aDl6TTE3LjQgNC43aDMuOHYyaC0zLjh6bTAgMy4xaDMuOHYyaC0zLjh6bTAgMy4xaDMuOHYyaC0zLjh6bTAgMy4yaDMuOHYyaC0zLjh6bTAgM2gzLjh2MmgtMy44eiIgZmlsbD0iIzAwNzEzMyIvPjwvc3ZnPg==)
}

.export-dialog i[data-icon=google-drive] {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjRkNDRDYyIiBkPSJtMTYuODMgMTUuNy4xLjFoNi45NzJsLS4yLS40LTcuNTY4LTE0LjNWMWgtNy4wN2wuMi40IDcuNTY3IDE0LjN6Ii8+PHBhdGggZmlsbD0iIzExQTg2MSIgZD0ibTExLjM1NCA4LjQtLjEtLjEtMy4yODctNi4xLS4yLS40LS4xOTguNEwuMSAxNi41bC0uMS4xLjEuMSAzLjI4NiA2LjIuMi40LjE5OC0uNCA3LjU3LTE0LjN2LS4yeiIvPjxwYXRoIGZpbGw9IiMzRjg1RjciIGQ9Ik04LjM2NiAxNy4zaC0uMWwtLjEuMS0zLjE4NyA2LjItLjIuNGgxNS42MzRsLjEtLjEgMy4yODctNi4yLjItLjRIOC4zNjV6Ii8+PC9zdmc+)
}

#manage-tasks-table thead:before {
	content: "";
	display: block;
	height: 20px
}

#manage-tasks-table th:first-child,
#manage-tasks-table td:first-child {
	padding-right: 0;
	width: 1px
}

.task-edit-row td {
	padding: 0
}

.task-is-new {
	background: #fffce9
}

.people-controller.inactive-action td:first-child {
	padding-right: 0;
	width: 1px
}

.team-members-controller .key {
	border-radius: 2px;
	height: 14px;
	margin-right: 5px;
	width: 14px
}

.team-members-controller .capacity-meter {
	border-radius: 3px;
	height: 20px;
	overflow: hidden;
	position: relative
}

.team-members-controller .capacity-meter:after {
	border-radius: 3px;
	box-shadow: inset 0 0 0 1px #0003;
	content: "";
	display: block;
	height: 20px;
	position: absolute;
	top: 0;
	width: 100%
}

.team-members-controller .capacity-meter-wrapper {
	position: relative
}

.team-members-controller .capacity-meter-marks {
	position: absolute;
	top: 0;
	width: 100%
}

.team-members-controller .capacity-meter-marks li {
	color: #626262;
	display: inline-block;
	font-size: 10px;
	margin-left: -4px;
	padding: 0 0 0 20%;
	position: relative;
	text-align: center;
	width: 0
}

.team-members-controller .capacity-meter-marks li:before {
	content: "";
	width: 0;
	height: 20px;
	border-left: 1px solid rgba(0, 0, 0, .2);
	display: block;
	margin: 0 0 3px 6px
}

.team-members-controller .capacity-meter-fill-wrapper {
	width: 100%;
	height: inherit;
	shape-rendering: crispEdges
}

.team-members-controller .billable-fill {
	fill: #0078c9
}

.team-members-controller .non-billable-fill {
	fill: #0078c966
}

.team-members-controller .is-over-capacity .capacity-meter:before {
	background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iNTgiIHZpZXdCb3g9IjAgMCAxOCA1OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtNSA1IDggOC04IDggOCA4LTggOCA4IDgtOCA4IiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iNiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==) no-repeat center center;
	background-size: cover;
	content: "";
	display: block;
	height: 20px;
	position: absolute;
	right: 15px;
	top: 0;
	width: 9px;
	z-index: 1
}

.team-members-controller .is-over-capacity .billable-fill {
	fill: #e61e14
}

.team-members-controller .is-over-capacity .non-billable-fill {
	fill: #e61e1466
}

.team-members-controller .is-toggled {
	background: #eee;
	text-align: left;
	white-space: normal
}

.team-members-controller .loading-spinner {
	transition: opacity .1s ease-out;
	background: url(./loading-D423D6YQ.gif) no-repeat 0 center;
	display: inline-block;
	height: 31px;
	opacity: 0;
	width: 16px;
	vertical-align: top;
	margin-right: 10px
}

.team-members-controller .team-select-box {
	z-index: 6
}

.team-overview-table tr:last-child td {
	border-bottom: 0
}

.team-overview-table th,
.team-overview-table td {
	text-align: right;
	white-space: nowrap
}

.team-overview-table .col-pinned {
	padding-right: 0;
	width: .1%
}

.team-overview-table .col-pinned:empty {
	padding: 0
}

.team-overview-table .col-name {
	text-align: left;
	white-space: normal;
	width: 30%;
	word-break: break-word
}

.team-overview-table .col-name a {
	color: inherit
}

.team-overview-table .col-name .user-type-count {
	font-weight: normal
}

.team-overview-table .col-meter {
	width: 20%;
	text-align: left
}

.team-overview-table .col-meter .clickable-row-link {
	z-index: 1
}

.team-overview-table .col-invite .resend-invite {
	position: relative;
	z-index: 5
}

.team-overview-table .col-running-timer,
.team-overview-table .col-total,
.team-overview-table .col-billable,
.team-overview-table .col-capacity,
.team-overview-table .col-actions {
	width: .1%
}

.team-overview-table .col-running-timer {
	padding-right: 0;
	text-align: left
}

.team-overview-table .running-timer-indicator {
	margin-left: 1px
}

.team-overview-table .running-timer-indicator circle {
	fill: #00000012
}

.team-overview-table .running-timer-indicator.is-running circle {
	fill: #0078c9
}

.team-overview-table tbody:not([hidden])~tbody.employees:before {
	content: "";
	display: block;
	height: 40px
}

.is-loading .team-overview-bottom,
.is-loading .team-overview-summary {
	transition: opacity .1s ease-out;
	opacity: .3
}

.is-loading .loading-spinner {
	opacity: 1
}

.team-overview-summary .team-has-no-hours h1,
.team-overview-summary .team-has-no-hours strong {
	color: #ccc
}

.team-overview-summary .team-has-no-hours .capacity-meter {
	background: #eee
}

.user-has-no-hours .col-billable,
.user-has-no-hours .col-capacity,
.user-has-no-hours .col-total {
	color: #ccc
}

.team-banner {
	border-radius: 4px;
	border: 1px solid #ccc;
	color: #626262;
	margin: 15px 0;
	display: inline-block;
	padding: 10px
}

.team-onboarding-setup-box {
	border: 1px solid #d3d3d3;
	border-radius: 3px;
	color: #222;
	font-size: 15px;
	margin: auto;
	max-width: 500px;
	padding: 30px;
	text-align: left
}

.team-onboarding-setup-box .hui-label {
	color: inherit;
	font-size: inherit
}

#user-profile .sidebar-team-member-meta {
	display: block;
	margin-left: 75px;
	padding-top: 2px
}

#user-profile h4 {
	line-height: 1.1;
	margin-bottom: 3px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.people-controller.projects-action .projects-list td,
.people-controller.projects-action .projects-list th {
	white-space: normal;
	word-break: break-word
}

.people-controller.projects-action .projects-list th:not(.col-name) {
	width: 145px;
	white-space: nowrap
}

.people-controller.projects-action .assign-to-all {
	background: #f4f4f4;
	border-radius: 0 0 4px 4px;
	border-top: 1px solid #e4e4e4;
	color: #0078c9;
	cursor: pointer;
	display: block;
	font-size: 12px;
	font-weight: bold;
	padding: 6px;
	text-align: center;
	width: 100%
}

.people-controller.projects-action .assign-to-all:hover {
	background: #eee
}

.people-controller.edit-action .pds-input-tiny {
	font-size: 13px;
	height: 25px;
	padding-left: 7px;
	margin-bottom: -3px;
	margin-top: -5px
}

.highlight {
	background-color: #fffce9
}

.team-members-controller.show-action .user-actions-container {
	display: inline-block;
	position: relative
}

.team-members-controller.show-action .team-member-profile .is-disabled {
	background: transparent!important;
	color: #a0a0a0!important;
	cursor: not-allowed!important
}

.team-members-controller.show-action .profile-actions {
	margin-top: 20px
}

.team-members-controller.show-action .col-key {
	width: 1%
}

.team-members-controller.show-action .col-timestamp-timers {
	vertical-align: top;
	width: 80px
}

.team-members-controller.show-action .col-hours {
	font-size: 16px;
	text-align: right
}

.team-members-controller.show-action .project-client {
	max-width: 390px;
	word-wrap: break-word
}

.team-members-controller.show-action .start-time {
	display: block
}

.team-members-controller.show-action .start-time,
.team-members-controller.show-action .project-client {
	margin-bottom: 3px
}

.team-members-controller.show-action tfoot td {
	padding: 12px 68px 0
}

.team-members-controller.show-action .col-edit {
	width: 1px
}

.team-members-controller.show-action .meter-projects-legend,
.team-members-controller.show-action .meter-tasks-legend {
	margin-top: 15px
}

.team-members-controller.show-action .meter-projects-legend td,
.team-members-controller.show-action .meter-tasks-legend td {
	border: 0;
	padding: 2px 0;
	vertical-align: top
}

.team-members-controller.show-action .meter-projects-legend .col-hours,
.team-members-controller.show-action .meter-tasks-legend .col-hours {
	font-size: 14px
}

.team-members-controller.show-action .team-member-bottom.is-loading {
	transition: opacity .1s ease-out;
	opacity: .3
}

.team-member-meta {
	display: inline-block;
	margin-left: 15px;
	vertical-align: middle;
	width: 650px
}

.team-member-project-hours .project-0-fill {
	fill: #4ba33b
}

.team-member-project-hours .project-1-fill {
	fill: #fb8333
}

.team-member-project-hours .project-2-fill {
	fill: #db5383
}

.team-member-project-hours .project-3-fill {
	fill: #935ba3
}

.team-member-project-hours .project-4-fill {
	fill: #336bab
}

.team-member-project-hours .project-5-fill {
	fill: #63b3d3
}

.team-member-project-hours .project-6-fill {
	fill: #f9e020
}

.team-member-project-hours .project-other-fill {
	fill: #ccc
}

.team-member-task-hours .task-0-fill {
	fill: #4ba33b
}

.team-member-task-hours .task-1-fill {
	fill: #fb8333
}

.team-member-task-hours .task-2-fill {
	fill: #db5383
}

.team-member-task-hours .task-3-fill {
	fill: #935ba3
}

.team-member-task-hours .task-4-fill {
	fill: #336bab
}

.team-member-task-hours .task-5-fill {
	fill: #63b3d3
}

.team-member-task-hours .task-6-fill {
	fill: #f9e020
}

.team-member-task-hours .task-other-fill {
	fill: #ccc
}

.team-member-timers table {
	margin-bottom: 30px
}

.team-member-timers table.day-has-no-hours {
	margin-bottom: 60px
}

.team-member-timers table.day-has-no-hours tbody {
	color: #626262
}

.team-member-timers td {
	line-height: 18px;
	padding: 12px
}

.team-member-timers th {
	background: #fff;
	border-color: #ccc;
	border-top: 0;
	color: #999;
	font-size: 14px;
	font-weight: 400;
	padding: 0 12px 7px
}

.team-member-timers th>strong {
	color: #333
}

.team-member-timers .edit-row,
.team-member-timers .deleted-row {
	background: #f2f2f2
}

.team-member-timers .edit-row.has-form {
	padding-top: 8px
}

.team-member-timers .chosen-container {
	max-width: 589px
}

.team-member-timers .spent-at {
	width: 117px
}

.team-member-timers .task-notes {
	color: #626262
}

.team-member-timers .task-notes .task {
	float: left;
	color: #555
}

.team-member-timers .task-notes .ndash {
	float: left;
	padding: 0 7px
}

.team-member-timers .task-notes .time-entry-notes {
	color: #626262
}

.team-member-timers .task-notes .time-entry-notes .external-link img {
	float: left;
	margin-right: 5px
}

.team-member-timers .task-notes .time-entry-notes a {
	text-decoration: underline
}

.team-member-timers .task-notes .time-entry-notes a:hover {
	text-decoration: none
}

.team-member-timers .task-notes .time-entry-notes p {
	margin: 0 0 10px
}

.team-member-timers .task-notes .time-entry-notes p:last-child {
	margin-bottom: 0
}

.team-member-timers .end-time {
	color: #626262
}

.team-member-timers .day-total {
	color: #bbb
}

.team-member-timers .day-total-amount {
	color: #626262;
	margin-left: 15px
}

.team-member-timers .running-timer-explanation {
	color: #bbb;
	font-size: 14px;
	margin: 0
}

.team-member-timers .is-locked {
	background-color: #eee
}

.team-member-timers .is-locked .edit-row.has-form {
	padding-top: 10px;
	position: relative
}

.team-member-timers .is-running {
	background: #eaeff9
}

.team-member-timers .icon-timer {
	margin: 0 5px
}

.team-member-timers .icon-timer-face {
	stroke: #0078c9
}

.team-member-timers .icon-timer-hand {
	fill: #0078c9
}

.team-onboarding-box {
	background-color: #fffce9;
	border: 1px solid #d5ca0f;
	border-radius: 3px;
	color: #222;
	font-size: 16px;
	margin: 15px 0;
	text-align: left
}

.team-onboarding-box hr {
	background: #d5ca0f
}

.entry-controller.approve-action .pending-locked-icon {
	background: transparent!important;
	box-shadow: none!important
}

.approve-week-is-empty {
	padding: 0!important
}

.approve-week-is-empty>.pds-empty {
	border-radius: 0;
	border-width: 0 1px
}

.has-timer-running {
	white-space: nowrap
}

.approve-week-has-timer-running {
	background: #eaeff9
}

.approve-week-has-timer-running .icon-timer {
	margin-right: 5px
}

.approve-week-has-timer-running .icon-timer-face,
.has-timer-running .icon-timer-face {
	stroke: #0078c9
}

.approve-week-has-timer-running .icon-timer-hand,
.has-timer-running .icon-timer-hand {
	fill: #0078c9
}

.expense-is-locked {
	background: #eee
}

.dialog-expense-receipt img {
	max-height: 500px;
	max-width: 100%
}

@media (min-height: 900px) {
	.dialog-expense-receipt img {
		max-height: 600px
	}
}

@media (min-height: 1100px) {
	.dialog-expense-receipt img {
		max-height: 750px
	}
}

@media (min-height: 1300px) {
	.dialog-expense-receipt img {
		max-height: 900px
	}
}

.reports-summary {
	min-height: 80px
}

.reports-summary .billable-percent-circle {
	position: absolute;
	top: -5px
}

.reports-summary .billable-percent-circle h1 {
	line-height: 28px;
	position: absolute;
	text-align: center;
	top: 26px;
	width: 82px
}

.reports-summary .billable-percent-circle span {
	font-size: 12px;
	line-height: 18px;
	vertical-align: top
}

.reports-summary .billable-percent-info {
	padding: 0 0 0 100px
}

#unsubmitted-timesheets .col-checkbox {
	padding-right: 0
}

#unsubmitted-timesheets .is-checked {
	background: #fffce9
}

#mobile-app-banner {
	background: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: 3px;
	bottom: 1rem;
	box-shadow: 0 3px 7px #0003;
	display: none;
	padding: .75rem .75rem .75rem calc(148px + 1.5rem);
	margin: 0 1rem;
	position: sticky;
	z-index: 500
}

#mobile-app-banner p {
	font-size: 15px;
	line-height: 1.35;
	margin: 0 0 .75rem
}

#mobile-app-banner .timesheet-illustration {
	bottom: 0;
	left: .75rem;
	position: absolute
}

@media (max-width: 600px) {
	body.weekly-controller #mobile-app-banner,
	body.expenses-controller #mobile-app-banner {
		display: block
	}
}

@media (max-width: 400px) {
	#mobile-app-banner p {
		font-size: 13px
	}
}

.timesheet-approval-status {
	width: 100%;
	margin-bottom: 8px;
	text-align: center
}

.timesheet-bottom {
	color: #626262;
	line-height: 30px;
	margin-top: 20px
}

.day-view-duplication {
	float: left
}

.approval-button {
	float: right
}

.popover-start-timer {
	width: 220px
}

.popover-start-timer>:last-child {
	margin-bottom: 5px
}

.popover.timesheet-disabled-button-helper {
	margin: -5px 0 0 -21px;
	width: 235px
}

.has-completion-signal:after {
	content: "";
	border-bottom: 2px solid #14a000;
	bottom: 1px;
	display: block;
	left: 0;
	position: absolute;
	width: 100%
}

.week-view-table .has-completion-signal:after {
	bottom: 0
}

.new-entry-form textarea,
.add-row-form textarea {
	max-height: 200px;
	resize: none
}

.new-entry-form select,
.add-row-form select {
	display: block;
	width: 100%
}

.new-entry-form label[for=entry-start-time],
.add-row-form label[for=entry-start-time] {
	width: 110px
}

.entry-project-task {
	color: #555;
	font-size: 15px;
	line-height: 24px;
	margin-bottom: 5px
}

.entry-project-task>strong {
	color: #222;
	display: block;
	font-size: 16px
}

.entry-project-task>strong>span {
	color: #333;
	font-weight: normal;
	padding-left: 2px
}

.nef-duration-notes {
	float: left;
	position: relative;
	width: 340px
}

.nef-duration-notes>textarea {
	height: 54px;
	max-width: 340px
}

.nef-duration {
	margin-left: 350px;
	position: relative
}

.nef-duration>input[type=text] {
	display: block;
	font-size: 27px;
	height: 54px;
	text-align: right
}

.popover.duration-helper {
	margin-top: -56px;
	right: -220px;
	width: 217px
}

.popover.duration-helper:before,
.popover.duration-helper:after {
	top: 19px
}

.popover.duration-helper>button {
	display: block;
	margin-top: 5px
}

.popover.duration-helper.timesheets-2017-tweaks {
	margin-top: -106px;
	right: -195px
}

.nef-timestamps {
	font-size: 0
}

.nef-timestamps>span {
	color: #aaa;
	display: inline-block;
	font-size: 15px;
	height: 35px;
	line-height: 35px;
	padding: 0 10px;
	vertical-align: middle
}

.nef-timestamps>input[type=text] {
	font-weight: 600;
	width: 100px
}

.nef-timestamps>input[type=text]::-webkit-input-placeholder {
	font-weight: normal
}

.nef-timestamps>input[type=text]:-moz-placeholder {
	font-weight: normal
}

.nef-timestamps-total {
	font-weight: 500
}

.add-notes-helper-text {
	bottom: 5px;
	color: #aaa;
	font-size: 11px;
	opacity: 0;
	position: absolute;
	right: 10px;
	text-align: right;
	width: 200px;
	transition: visibility 0s linear .1s, opacity .1s linear 0s;
	visibility: hidden
}

.entry-notes:focus+.add-notes-helper-text {
	opacity: 1;
	transition-delay: 0;
	visibility: visible
}

.entry-notes-entered:focus+.add-notes-helper-text {
	opacity: 0;
	visibility: hidden
}

.new-entry-form input.spent-at,
.day-entry-editor input.spent-at {
	font-size: 15px;
	width: 117px
}

.spent-at-display {
	color: #626262;
	font-weight: normal;
	padding-right: 25px;
	position: absolute;
	right: 0
}

.calendar-drawer {
	animation: calendarDrawerIn .3s .2s 1 both;
	background: #fff;
	box-shadow: 0 0 7px #0003;
	bottom: 0;
	display: flex;
	flex-direction: column;
	left: 0;
	padding: 15px 0;
	position: fixed;
	top: 0;
	width: 240px
}

@media screen and (max-width: 1023px) {
	.calendar-drawer {
		width: 200px
	}
}

@media screen and (max-width: 959px) {
	.calendar-drawer {
		display: none
	}
}

.calendar-drawer-dismissed {
	animation: calendarDrawerOut .3s .2s 1 alternate both
}

@keyframes calendarDrawerIn {
	0% {
		opacity: 0;
		transform: translateX(-100%);
		visibility: hidden
	}
	to {
		opacity: 1;
		transform: translateX(0);
		visibility: visible
	}
}

@keyframes calendarDrawerOut {
	to {
		opacity: 0;
		transform: translateX(-100%);
		visibility: hidden
	}
}

.calendar-educate {
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: space-between;
	padding: 0 15px;
	text-align: center
}

.calendar-header {
	margin-bottom: 15px;
	padding: 0 15px
}

@media screen and (max-width: 1023px) {
	.calendar-header span {
		display: none
	}
}

.calendar-hide-drawer {
	background: #fff;
	border-radius: 3px;
	color: #888;
	cursor: pointer;
	font-size: 0;
	padding: 8px;
	position: absolute;
	right: -10px;
	top: 32px
}

.calendar-hide-drawer:hover,
.calendar-hide-drawer:focus {
	color: #222
}

.calendar-events {
	overflow-y: auto;
	padding: 5px 15px
}

.calendar-loading {
	animation: fadeIn .2s 2s both
}

.calendar-empty {
	animation: fadeIn .2s .5s both
}

.calendar-event {
	animation: fadeIn .4s 1 both;
	align-items: center;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 3px;
	color: #222;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
	padding: 8px 10px;
	text-align: left;
	transition: all .2s;
	width: 100%
}

.calendar-event:hover,
.calendar-event:focus {
	border-color: #a0a0a0;
	transform: translateX(5px)
}

.calendar-event:last-child {
	margin-bottom: 0
}

.calendar-event:disabled {
	border-color: #e4e4e4;
	color: #888;
	cursor: not-allowed
}

.calendar-event:disabled svg {
	display: none
}

.calendar-event:disabled:hover,
.calendar-event:disabled:focus {
	border-color: #e4e4e4;
	transform: unset
}

.calendar-event-active {
	background: #eaeff9;
	border-color: #94b1e2!important;
	transform: translateX(5px)
}

.calendar-event-summary {
	font-size: 14px;
	font-weight: 500;
	line-height: 1.2
}

.calendar-event-duration {
	display: inline
}

.calendar-event-duration:before {
	content: ", "
}

@media screen and (max-width: 1023px) {
	.calendar-event-duration {
		display: block
	}
	.calendar-event-duration:before {
		content: ""
	}
}

.calendar-event-filled {
	animation: swell .3s 1 forwards
}

.calendar-event-filled[name=notes] {
	animation-delay: 0s
}

.calendar-event-filled[name=hours],
.calendar-event-filled[name=started_at] {
	animation-delay: .1s
}

.calendar-event-filled[name=ended_at] {
	animation-delay: .2s
}

@keyframes swell {
	50% {
		border-color: #a0a0a0;
		transform: scale(1.1)
	}
}

.calendar-show-drawer {
	background: #fff;
	border-radius: 3px;
	color: #888;
	cursor: pointer;
	font-size: 14px;
	left: 15px;
	padding: 5px 8px;
	position: absolute;
	top: 15px
}

.calendar-show-drawer span {
	margin: 0 2px 0 5px;
	vertical-align: middle
}

.calendar-show-drawer:hover,
.calendar-show-drawer:focus {
	color: #222
}

@media screen and (max-width: 959px) {
	.calendar-show-drawer {
		display: none
	}
}

#calendar-recurring-event-popover-wrapper {
	postion: relative
}

#calendar-dropdown-label {
	color: #626262;
	position: relative;
	pointer-events: none
}

.calendar-name,
#calendar-dropdown-button {
	color: #222;
	font-size: 15px;
	font-weight: 500
}

#calendar-dropdown-button {
	align-items: center;
	background: transparent;
	border: 0;
	color: #222;
	cursor: pointer;
	display: flex;
	font-size: 15px;
	font-weight: 500;
	max-width: 100%;
	padding: 0;
	text-align: left
}

#calendar-dropdown-button div {
	flex: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

#calendar-dropdown-button svg {
	white-space: nowrap
}

#first-entry-dialog-animation {
	margin: 10px auto 30px;
	width: 360px
}

#congrats-if-first-entry-dialog .animation-fist-bump * {
	animation-play-state: paused
}

#congrats-if-first-entry-dialog.pds-dialog-open .animation-fist-bump * {
	animation-play-state: running
}

.day-view-wrapper {
	margin-left: 85px;
	margin-right: 85px
}

.day-view-table {
	position: relative
}

.day-view-table .pds-empty {
	border-top-width: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	position: relative
}

.day-view-week-nav>li {
	display: inline-block;
	margin-right: -1px;
	vertical-align: middle
}

.day-view-week-nav>li:first-child .pds-button {
	border-top-left-radius: 3px
}

.day-view-week-nav .pds-button {
	border-radius: 0;
	color: #626262;
	flex-direction: column;
	font-size: 14px;
	height: 46px;
	line-height: 1.2;
	padding: 8px 15px;
	text-align: left;
	width: 97px
}

.day-view-week-nav .pds-button.is-running {
	color: #0078c9!important
}

.day-view-week-nav .time-day-label {
	width: 100%
}

.day-view-week-nav .time-day-total {
	font-size: 12px;
	font-weight: 400;
	width: 100%
}

.day-view-week-nav #day-view-week-nav-total {
	background-image: linear-gradient(#eee, #e4e4e4);
	border-top-right-radius: 3px;
	box-shadow: inset 0 0 0 1px #0003;
	color: #888;
	cursor: default;
	font-size: 14px;
	font-weight: 400;
	height: 46px;
	line-height: 34px;
	padding: 6px 15px;
	text-align: center;
	width: 138px
}

.button-new-time-entry {
	background-color: #fff;
	color: #888;
	font-size: 12px;
	font-weight: 500;
	margin-left: -85px;
	position: absolute;
	text-align: center;
	top: 0
}

.button-new-time-entry .pds-button {
	height: 60px;
	padding: 0;
	width: 60px
}

.button-new-time-entry:hover {
	color: #626262
}

.day-view-entry {
	border-bottom: 1px solid #ccc;
	transition: background .1s linear
}

.day-view-entry>table {
	line-height: 1.2
}

.day-view-entry tr.highlighted,
.day-view-entry tr:target {
	background-color: #fffce9
}

.day-view-entry td {
	color: #222;
	font-size: 14px;
	padding: 16px 14px;
	position: relative;
	vertical-align: top;
	word-wrap: break-word
}

.day-view-entry .entry-timestamps {
	width: 90px
}

.day-view-entry .entry-info-with-timestamps {
	width: 415px;
	word-wrap: break-word
}

.day-view-entry .entry-info {
	width: 505px;
	word-wrap: break-word
}

.day-view-entry .start-time {
	height: 18px
}

.day-view-entry .end-time {
	color: #888
}

.day-view-entry .project-client>span {
	display: inline-block;
	overflow: hidden;
	max-width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap
}

.day-view-entry .project-client,
.day-view-entry .start-time {
	font-weight: 600;
	margin-bottom: 3px
}

.day-view-entry .project {
	margin-right: 3px
}

.day-view-entry .client {
	font-weight: 400
}

.day-view-entry .task-notes {
	color: #888
}

.day-view-entry .task {
	color: #626262;
	float: left
}

.day-view-entry .ndash {
	float: left;
	padding: 0 7px
}

.day-view-entry .notes a {
	text-decoration: underline
}

.day-view-entry .notes a:hover {
	text-decoration: none
}

.day-view-entry .notes p {
	margin: 0 0 10px
}

.day-view-entry .notes p:last-child {
	margin-bottom: 0
}

.day-view-entry .external-link img {
	float: left;
	margin-right: 5px
}

.day-view-entry .entry-time {
	font-size: 20px;
	font-weight: 500;
	text-align: right;
	vertical-align: middle;
	width: 55px
}

.day-view-entry .entry-button {
	padding: 0;
	vertical-align: middle;
	width: 90px
}

.day-view-entry .entry-button>.pds-button {
	width: 100%
}

.day-view-entry .edit-button {
	vertical-align: middle;
	width: 1px
}

.day-view-entry.is-running {
	background: #eaeff9
}

.day-view-entry.is-locked {
	background: #eee
}

.day-view-entry.is-locked .entry-button>.pds-button:not(.pds-button-running) {
	display: none
}

.day-view-entry .icon-timer-running .icon-timer-face {
	stroke: #fff
}

.day-view-entry .icon-timer-running .icon-timer-hand {
	fill: #fff
}

.day-view-entry-moved {
	background: #eee;
	border-bottom: 1px solid #ccc;
	padding: 15px
}

.day-view-total {
	color: #888;
	font-size: 20px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight: 400;
	padding: 15px 166px;
	text-align: right
}

.day-view-total>span {
	color: #222;
	display: inline-block;
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: auto;
	font-weight: 500;
	width: 100px
}

.week-view-table {
	border-collapse: separate;
	color: #666;
	font-size: 15px;
	position: relative
}

.week-view-table td {
	border-bottom: 1px solid #ccc;
	line-height: 1.2;
	margin: 0;
	padding: 12px 5px;
	text-align: right;
	vertical-align: middle
}

.week-view-table .name {
	padding-left: 10px;
	text-align: left
}

.week-view-table .focused-entry .name {
	border-left: 5px solid #bbb;
	padding-left: 5px
}

.week-view-table .day {
	width: 60px
}

.week-view-table .day.is-today {
	background-color: #f6f6f6
}

.week-view-table[data-today-index="0"] .week-view-entry:not(.is-locked) .day:nth-child(2),
.week-view-table[data-today-index="1"] .week-view-entry:not(.is-locked) .day:nth-child(3),
.week-view-table[data-today-index="2"] .week-view-entry:not(.is-locked) .day:nth-child(4),
.week-view-table[data-today-index="3"] .week-view-entry:not(.is-locked) .day:nth-child(5),
.week-view-table[data-today-index="4"] .week-view-entry:not(.is-locked) .day:nth-child(6),
.week-view-table[data-today-index="5"] .week-view-entry:not(.is-locked) .day:nth-child(7),
.week-view-table[data-today-index="6"] .week-view-entry:not(.is-locked) .day:nth-child(8) {
	background-color: #f6f6f6
}

.week-view-table .total {
	color: #999;
	width: 66px
}

.week-view-table .delete {
	padding-right: 10px;
	width: 44px
}

.week-view-table .zero-total {
	color: #ccc!important
}

.week-view-table thead td,
.week-view-table tfoot td {
	background-image: linear-gradient(#f6f6f6, #e6e6e6);
	padding: 10px 5px;
	position: relative;
	text-shadow: 0 1px 0 #fff
}

.week-view-table .focused-day {
	background: linear-gradient(#e4e4e4, #d4d4d4);
	text-shadow: 0 1px 0 rgba(255, 255, 255, .5)
}

.week-view-table thead td {
	border-top: 1px solid #ccc;
	padding: 0
}

.week-view-table thead .day>a {
	display: block;
	font-size: 14px;
	font-weight: 600;
	padding: 10px;
	position: relative;
	text-decoration: none;
	color: #666
}

.week-view-table thead .day>a:hover {
	background: linear-gradient(#e4e4e4, #d4d4d4)
}

.week-view-table thead .day span {
	display: block;
	font-size: 12px;
	font-weight: normal;
	line-height: 16px
}

.week-view-table tfoot .day {
	color: #999;
	padding-left: 0;
	padding-right: 10px
}

.week-view-table tfoot .total {
	color: #333;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight: 600
}

.week-view-table thead .name {
	border-left: 1px solid #ccc;
	border-top-left-radius: 6px
}

.week-view-table tfoot .name {
	border-left: 1px solid #ccc;
	border-bottom-left-radius: 6px
}

.week-view-table thead .delete {
	border-right: 1px solid #ccc;
	border-top-right-radius: 6px
}

.week-view-table tfoot .delete {
	border-right: 1px solid #ccc;
	border-bottom-right-radius: 6px
}

.week-view-table thead td {
	position: sticky;
	top: -5px;
	z-index: 300
}

.week-view-table thead td.name div,
.week-view-table thead td.total div,
.week-view-table thead td.delete div {
	padding: 2px 5px 1px
}

.week-view-entry .project-client {
	color: #222;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight: 600;
	margin-bottom: 3px;
	width: 425px
}

.week-view-entry .project-client>span {
	display: inline-block;
	overflow: hidden;
	max-width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap
}

.week-view-entry .project {
	margin-right: 2px
}

.week-view-entry .client {
	color: #333;
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: auto;
	font-weight: normal
}

.week-view-entry .task {
	color: #555
}

.week-view-entry .day>input {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight: 600;
	padding: 0 5px 0 0;
	text-align: right
}

.week-view-entry .day>input:focus {
	background: #fffce9
}

.week-view-entry .day>span {
	padding-right: 5px
}

.week-view-entry .delete {
	position: relative
}

.week-view-entry .has-timer-running {
	color: #0078c9;
	font-weight: 500
}

.week-view-entry.is-locked {
	background: #eee
}

.week-view-entry.is-locked .is-today {
	background: #eee
}

.popover-week-delete {
	margin: 3px 3px 0 0;
	width: 230px
}

.last-saved {
	background: #fffce9;
	color: #888;
	font-size: 11px;
	margin: 0 5px;
	padding: 2px 5px
}

.admin-people-dropdown {
	padding: 12px 15px 15px;
	width: 300px
}

.admin-people-dropdown>.chosen-container {
	margin-top: 5px
}

.js-without-models .js-week-not-loaded,
.js-without-models .button-new-time-entry {
	visibility: hidden
}

.js-root-view {
	display: none
}

.js-root-view .loading-week {
	visibility: hidden
}

.js-root-view.js-with-models {
	display: block
}

.js-root-view.js-with-models.js-hidden {
	display: none
}

.js-root-view.js-without-models {
	display: none
}

.js-root-view.js-navigation-triggered .loading-week {
	visibility: visible;
	display: inline-block
}

.js-root-view.js-navigation-triggered.js-harvest-current-view .loading-week {
	visibility: hidden
}

.day-view-wrapper.is-loading .loading-week,
.week-view-wrapper.is-loading .loading-week {
	visibility: visible;
	display: inline-block
}

.day-view-wrapper.is-loading .day-view-table,
.day-view-wrapper.is-loading .week-view-table,
.day-view-wrapper.is-loading .pds-empty,
.day-view-wrapper.is-loading .timesheet-bottom,
.week-view-wrapper.is-loading .day-view-table,
.week-view-wrapper.is-loading .week-view-table,
.week-view-wrapper.is-loading .pds-empty,
.week-view-wrapper.is-loading .timesheet-bottom {
	transition: opacity .1s ease-out;
	opacity: .3
}

.week-view-wrapper .pds-empty {
	position: relative
}

.is-new-entry {
	animation: day-entry-fade-in .5s
}

@keyframes day-entry-fade-in {
	0% {
		opacity: 0
	}
}

.new-time-entry-container {
	margin-left: -85px;
	position: sticky;
	top: 20px
}

.new-time-entry-container .button-new-time-entry {
	margin-left: 0
}

.new-time-entry-container .popover.timesheet-disabled-button-helper {
	left: 64px;
	top: 15px;
	margin: 0
}

.animation-fist-bump {
	padding-top: 84.03%;
	position: relative;
	width: 100%
}

[class*=animation-fist-bump-] {
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute
}

[class*=animation-fist-bump-burst-] {
	height: 100%;
	left: 0;
	top: 0;
	width: 100%
}

.animation-fist-bump-burst-dark {
	animation: animation_fist_bump_burst .45s .8s 1 forwards;
	background-image: url(./burst_dark-B4UXVQNN.png);
	opacity: 0;
	transform: translate(-11deg)
}

.animation-fist-bump-burst-medium {
	animation: animation_fist_bump_burst .35s .8s 1 forwards;
	background-image: url(./burst_med-VVCBUA7O.png);
	opacity: 0;
	transform: translate(-11deg)
}

.animation-fist-bump-burst-light {
	animation: animation_fist_bump_burst .25s .8s 1 forwards;
	background-image: url(./burst_light-VYT3XTCM.png);
	opacity: 0;
	transform: translate(-11deg)
}

.animation-fist-bump-burst-boom {
	animation: animation_fist_bump_boom .5s .8s 1 forwards;
	background-image: url(./boom-ZZAOUP3Z.png);
	opacity: 0
}

.animation-fist-bump-left {
	animation: animation_fist_bump_left_fist 1s .5s 1 linear forwards;
	background-image: url(./left_fist-MAIP75O2.png);
	height: 46.61%;
	opacity: 0;
	left: 3.61%;
	top: 33.94%;
	width: 48.29%
}

.animation-fist-bump-right {
	animation: animation_fist_bump_right_fist 1s .5s 1 linear forwards;
	background-image: url(./right_fist-6FWOPIHZ.png);
	height: 44.57%;
	left: 45.82%;
	opacity: 0;
	top: 36.2%;
	width: 53.04%
}

.animation-fist-bump-minute {
	animation: animation_fist_bump_watch 2s infinite linear;
	background-image: url(./minute_hand-LF5NZSM6.png);
	height: 5.83%;
	left: 51.97%;
	top: 38.83%;
	transform-origin: 76.92% 16.67%;
	width: 5.12%
}

.animation-fist-bump-hour {
	animation: animation_fist_bump_watch 12s infinite linear;
	background-image: url(./hour_hand-PDTC33EH.png);
	height: 5.34%;
	left: 55.12%;
	top: 35.44%;
	transform-origin: 33.33% 81.82%;
	width: 2.36%
}

@media (prefers-reduced-motion: reduce) {
	[class*=animation-fist-bump-] {
		animation: none;
		opacity: 1
	}
}

@keyframes animation_fist_bump_left_fist {
	0% {
		transform: translateX(-15%)
	}
	12% {
		transform: translateX(-13.3665%)
	}
	24% {
		transform: translateX(-8.466%)
	}
	36% {
		opacity: 1;
		transform: translateX(-.2985%)
	}
	54% {
		transform: translateX(-3.747%)
	}
	74% {
		transform: translateX(-.2445%)
	}
	82% {
		transform: translateX(-.9945%)
	}
	92% {
		transform: translateX(-.099%)
	}
	96% {
		transform: translateX(-.231%)
	}
	to {
		opacity: 1;
		transform: translateX(0)
	}
}

@keyframes animation_fist_bump_right_fist {
	0% {
		transform: translateX(15%)
	}
	12% {
		transform: translateX(13.3665%)
	}
	24% {
		transform: translateX(8.466%)
	}
	36% {
		opacity: 1;
		transform: translateX(.2985%)
	}
	54% {
		transform: translateX(3.747%)
	}
	74% {
		transform: translateX(.2445%)
	}
	82% {
		transform: translateX(.9945%)
	}
	92% {
		transform: translateX(.099%)
	}
	96% {
		transform: translateX(.231%)
	}
	to {
		opacity: 1;
		transform: translateX(0)
	}
}

@keyframes animation_fist_bump_watch {
	to {
		transform: rotate(360deg)
	}
}

@keyframes animation_fist_bump_burst {
	0% {
		transform: scale(.5)
	}
	to {
		opacity: 1;
		transform: rotate(0)
	}
}

@keyframes animation_fist_bump_boom {
	0% {
		opacity: 0;
		transform: scale(.75)
	}
	50% {
		opacity: 1
	}
	to {
		opacity: 0;
		transform: scale(.9)
	}
}

.ml-auto {
	margin-left: auto
}

.mr-auto {
	margin-right: auto
}

.ml-28 {
	margin-left: 28px!important
}

.border-bottom {
	border-bottom: 1px solid #ccc
}

.border-left {
	border-left: 1px solid #ccc
}

.border-right {
	border-right: 1px solid #ccc
}

.border-top {
	border-top: 1px solid #ccc
}

.no-border {
	border: 0!important
}

.white-background {
	background: #fff
}

.gray-background {
	background: #f4f4f4
}

.yellow-fade,
#account-settings #manage-sample-data:target {
	background: #fffce9;
	animation: 5s 2s forwards yellowFadeTech
}

.fl-left {
	float: left
}

.fl-right {
	float: right
}

.clear {
	clear: both
}

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

.text-light {
	color: #888
}

.text-16 {
	font-size: 16px!important
}

.text-15 {
	font-size: 15px!important
}

.text-14 {
	font-size: 14px!important
}

.text-13 {
	font-size: 13px!important
}

.text-12 {
	font-size: 12px!important
}

.block {
	display: block!important
}

.flex {
	display: flex!important
}

.inline-block {
	display: inline-block!important
}

.relative {
	position: relative!important
}

.valign-top {
	vertical-align: top!important
}

.valign-bottom {
	vertical-align: bottom!important
}

.valign-middle {
	vertical-align: middle!important
}

.align-items-center {
	align-items: center!important
}

.justify-space-between {
	justify-content: space-between!important
}

.aligned-to-button {
	display: inline-block;
	height: 34px;
	line-height: 34px;
	vertical-align: middle
}

.aligned-to-button-sm {
	display: inline-block;
	height: 28px;
	line-height: 28px;
	vertical-align: middle
}

.nowrap {
	white-space: nowrap!important
}

.underlined {
	text-decoration: underline
}

.no-underline {
	text-decoration: none
}

.pds-color-inherit {
	color: inherit!important
}

.pds-color-text {
	color: #222!important
}

.pds-color-muted {
	color: #626262!important
}

.pds-color-gray {
	color: gray!important
}

.pds-color-blue {
	color: #0078c9!important
}

.pds-color-green {
	color: #1c7a0e!important
}

.pds-color-yellow {
	color: #b8ae16!important
}

.pds-color-orange {
	color: #d56007!important
}

.pds-color-red {
	color: #e61e14!important
}

.pds-color-white {
	color: #fff!important
}

.pds-data-fill-blue {
	background: #0078c9!important
}

.pds-data-fill-blue-lt {
	background: #94b1e2!important
}

.pds-data-fill-green {
	background: #14a000!important
}

.pds-data-fill-green-lt {
	background: #91cb7e!important
}

.pds-data-fill-orange {
	background: #f36c00!important
}

.pds-data-fill-orange-lt {
	background: #ffae7c!important
}

.pds-data-fill-purple {
	background: #8342d9!important
}

.pds-data-fill-purple-lt {
	background: #d45665!important
}

.pds-data-fill-yellow {
	background: #f3e700!important
}

.pds-data-fill-aqua {
	background: #0eb5ce!important
}

.pds-data-fill-gray {
	background: #626262!important
}

.pds-flex {
	display: flex!important
}

.pds-inline-flex {
	display: inline-flex!important
}

.pds-justify-start {
	justify-content: flex-start!important
}

.pds-justify-end {
	justify-content: flex-end!important
}

.pds-justify-center {
	justify-content: center!important
}

.pds-justify-between {
	justify-content: space-between!important
}

.pds-justify-around {
	justify-content: space-around!important
}

.pds-items-start {
	align-items: flex-start!important
}

.pds-items-end {
	align-items: flex-end!important
}

.pds-items-center {
	align-items: center!important
}

.pds-items-baseline {
	align-items: baseline!important
}

.pds-items-stretch {
	align-items: stretch!important
}

.pds-self-auto {
	align-self: auto!important
}

.pds-self-start {
	align-self: flex-start!important
}

.pds-self-end {
	align-self: flex-end!important
}

.pds-self-center {
	align-self: center!important
}

.pds-self-stretch {
	align-self: stretch!important
}

.pds-flex-fill {
	flex: 1!important
}

.pds-flex-auto {
	flex: auto!important
}

.pds-flex-no-grow {
	flex-grow: 0!important
}

.pds-flex-no-shrink {
	flex-shrink: 0!important
}

.pds-block {
	display: block!important
}

.pds-inline-block {
	display: inline-block!important
}

.pds-valign-top {
	vertical-align: top!important
}

.pds-valign-middle {
	vertical-align: middle!important
}

.pds-valign-bottom {
	vertical-align: bottom!important
}

.pds-fl-left {
	float: left!important
}

.pds-fl-right {
	float: right!important
}

.pds-clearfix:after {
	clear: both;
	content: "";
	display: block
}

.pds-w-full {
	width: 100%!important
}

@media (min-width: 544px) {
	.pds-w\@sm-full {
		width: 100%!important
	}
}

@media (min-width: 768px) {
	.pds-w\@md-full {
		width: 100%!important
	}
}

@media (min-width: 992px) {
	.pds-w\@lg-full {
		width: 100%!important
	}
}

@media (min-width: 1216px) {
	.pds-w\@xl-full {
		width: 100%!important
	}
}

.pds-m-0 {
	margin: 0!important
}

.pds-mx-0 {
	margin-left: 0!important;
	margin-right: 0!important
}

.pds-my-0 {
	margin-bottom: 0!important;
	margin-top: 0!important
}

.pds-mt-0 {
	margin-top: 0!important
}

.pds-mr-0 {
	margin-right: 0!important
}

.pds-mb-0 {
	margin-bottom: 0!important
}

.pds-ml-0 {
	margin-left: 0!important
}

.pds-m-xs {
	margin: 4px!important
}

.pds-mx-xs {
	margin-left: 4px!important;
	margin-right: 4px!important
}

.pds-my-xs {
	margin-bottom: 4px!important;
	margin-top: 4px!important
}

.pds-mt-xs {
	margin-top: 4px!important
}

.pds-mr-xs {
	margin-right: 4px!important
}

.pds-mb-xs {
	margin-bottom: 4px!important
}

.pds-ml-xs {
	margin-left: 4px!important
}

.pds-m-sm {
	margin: 8px!important
}

.pds-mx-sm {
	margin-left: 8px!important;
	margin-right: 8px!important
}

.pds-my-sm {
	margin-bottom: 8px!important;
	margin-top: 8px!important
}

.pds-mt-sm {
	margin-top: 8px!important
}

.pds-mr-sm {
	margin-right: 8px!important
}

.pds-mb-sm {
	margin-bottom: 8px!important
}

.pds-ml-sm {
	margin-left: 8px!important
}

.pds-m-md {
	margin: 16px!important
}

.pds-mx-md {
	margin-left: 16px!important;
	margin-right: 16px!important
}

.pds-my-md {
	margin-bottom: 16px!important;
	margin-top: 16px!important
}

.pds-mt-md {
	margin-top: 16px!important
}

.pds-mr-md {
	margin-right: 16px!important
}

.pds-mb-md {
	margin-bottom: 16px!important
}

.pds-ml-md {
	margin-left: 16px!important
}

.pds-m-lg {
	margin: 24px!important
}

.pds-mx-lg {
	margin-left: 24px!important;
	margin-right: 24px!important
}

.pds-my-lg {
	margin-bottom: 24px!important;
	margin-top: 24px!important
}

.pds-mt-lg {
	margin-top: 24px!important
}

.pds-mr-lg {
	margin-right: 24px!important
}

.pds-mb-lg {
	margin-bottom: 24px!important
}

.pds-ml-lg {
	margin-left: 24px!important
}

.pds-m-xl {
	margin: 32px!important
}

.pds-mx-xl {
	margin-left: 32px!important;
	margin-right: 32px!important
}

.pds-my-xl {
	margin-bottom: 32px!important;
	margin-top: 32px!important
}

.pds-mt-xl {
	margin-top: 32px!important
}

.pds-mr-xl {
	margin-right: 32px!important
}

.pds-mb-xl {
	margin-bottom: 32px!important
}

.pds-ml-xl {
	margin-left: 32px!important
}

.pds-m-xxl {
	margin: 64px!important
}

.pds-mx-xxl {
	margin-left: 64px!important;
	margin-right: 64px!important
}

.pds-my-xxl {
	margin-bottom: 64px!important;
	margin-top: 64px!important
}

.pds-mt-xxl {
	margin-top: 64px!important
}

.pds-mr-xxl {
	margin-right: 64px!important
}

.pds-mb-xxl {
	margin-bottom: 64px!important
}

.pds-ml-xxl {
	margin-left: 64px!important
}

@media (min-width: 544px) {
	.pds-m\@sm-0 {
		margin: 0!important
	}
	.pds-mx\@sm-0 {
		margin-left: 0!important;
		margin-right: 0!important
	}
	.pds-my\@sm-0 {
		margin-bottom: 0!important;
		margin-top: 0!important
	}
	.pds-mt\@sm-0 {
		margin-top: 0!important
	}
	.pds-mr\@sm-0 {
		margin-right: 0!important
	}
	.pds-mb\@sm-0 {
		margin-bottom: 0!important
	}
	.pds-ml\@sm-0 {
		margin-left: 0!important
	}
	.pds-m\@sm-xs {
		margin: 4px!important
	}
	.pds-mx\@sm-xs {
		margin-left: 4px!important;
		margin-right: 4px!important
	}
	.pds-my\@sm-xs {
		margin-bottom: 4px!important;
		margin-top: 4px!important
	}
	.pds-mt\@sm-xs {
		margin-top: 4px!important
	}
	.pds-mr\@sm-xs {
		margin-right: 4px!important
	}
	.pds-mb\@sm-xs {
		margin-bottom: 4px!important
	}
	.pds-ml\@sm-xs {
		margin-left: 4px!important
	}
	.pds-m\@sm-sm {
		margin: 8px!important
	}
	.pds-mx\@sm-sm {
		margin-left: 8px!important;
		margin-right: 8px!important
	}
	.pds-my\@sm-sm {
		margin-bottom: 8px!important;
		margin-top: 8px!important
	}
	.pds-mt\@sm-sm {
		margin-top: 8px!important
	}
	.pds-mr\@sm-sm {
		margin-right: 8px!important
	}
	.pds-mb\@sm-sm {
		margin-bottom: 8px!important
	}
	.pds-ml\@sm-sm {
		margin-left: 8px!important
	}
	.pds-m\@sm-md {
		margin: 16px!important
	}
	.pds-mx\@sm-md {
		margin-left: 16px!important;
		margin-right: 16px!important
	}
	.pds-my\@sm-md {
		margin-bottom: 16px!important;
		margin-top: 16px!important
	}
	.pds-mt\@sm-md {
		margin-top: 16px!important
	}
	.pds-mr\@sm-md {
		margin-right: 16px!important
	}
	.pds-mb\@sm-md {
		margin-bottom: 16px!important
	}
	.pds-ml\@sm-md {
		margin-left: 16px!important
	}
	.pds-m\@sm-lg {
		margin: 24px!important
	}
	.pds-mx\@sm-lg {
		margin-left: 24px!important;
		margin-right: 24px!important
	}
	.pds-my\@sm-lg {
		margin-bottom: 24px!important;
		margin-top: 24px!important
	}
	.pds-mt\@sm-lg {
		margin-top: 24px!important
	}
	.pds-mr\@sm-lg {
		margin-right: 24px!important
	}
	.pds-mb\@sm-lg {
		margin-bottom: 24px!important
	}
	.pds-ml\@sm-lg {
		margin-left: 24px!important
	}
	.pds-m\@sm-xl {
		margin: 32px!important
	}
	.pds-mx\@sm-xl {
		margin-left: 32px!important;
		margin-right: 32px!important
	}
	.pds-my\@sm-xl {
		margin-bottom: 32px!important;
		margin-top: 32px!important
	}
	.pds-mt\@sm-xl {
		margin-top: 32px!important
	}
	.pds-mr\@sm-xl {
		margin-right: 32px!important
	}
	.pds-mb\@sm-xl {
		margin-bottom: 32px!important
	}
	.pds-ml\@sm-xl {
		margin-left: 32px!important
	}
	.pds-m\@sm-xxl {
		margin: 64px!important
	}
	.pds-mx\@sm-xxl {
		margin-left: 64px!important;
		margin-right: 64px!important
	}
	.pds-my\@sm-xxl {
		margin-bottom: 64px!important;
		margin-top: 64px!important
	}
	.pds-mt\@sm-xxl {
		margin-top: 64px!important
	}
	.pds-mr\@sm-xxl {
		margin-right: 64px!important
	}
	.pds-mb\@sm-xxl {
		margin-bottom: 64px!important
	}
	.pds-ml\@sm-xxl {
		margin-left: 64px!important
	}
}

@media (min-width: 768px) {
	.pds-m\@md-0 {
		margin: 0!important
	}
	.pds-mx\@md-0 {
		margin-left: 0!important;
		margin-right: 0!important
	}
	.pds-my\@md-0 {
		margin-bottom: 0!important;
		margin-top: 0!important
	}
	.pds-mt\@md-0 {
		margin-top: 0!important
	}
	.pds-mr\@md-0 {
		margin-right: 0!important
	}
	.pds-mb\@md-0 {
		margin-bottom: 0!important
	}
	.pds-ml\@md-0 {
		margin-left: 0!important
	}
	.pds-m\@md-xs {
		margin: 4px!important
	}
	.pds-mx\@md-xs {
		margin-left: 4px!important;
		margin-right: 4px!important
	}
	.pds-my\@md-xs {
		margin-bottom: 4px!important;
		margin-top: 4px!important
	}
	.pds-mt\@md-xs {
		margin-top: 4px!important
	}
	.pds-mr\@md-xs {
		margin-right: 4px!important
	}
	.pds-mb\@md-xs {
		margin-bottom: 4px!important
	}
	.pds-ml\@md-xs {
		margin-left: 4px!important
	}
	.pds-m\@md-sm {
		margin: 8px!important
	}
	.pds-mx\@md-sm {
		margin-left: 8px!important;
		margin-right: 8px!important
	}
	.pds-my\@md-sm {
		margin-bottom: 8px!important;
		margin-top: 8px!important
	}
	.pds-mt\@md-sm {
		margin-top: 8px!important
	}
	.pds-mr\@md-sm {
		margin-right: 8px!important
	}
	.pds-mb\@md-sm {
		margin-bottom: 8px!important
	}
	.pds-ml\@md-sm {
		margin-left: 8px!important
	}
	.pds-m\@md-md {
		margin: 16px!important
	}
	.pds-mx\@md-md {
		margin-left: 16px!important;
		margin-right: 16px!important
	}
	.pds-my\@md-md {
		margin-bottom: 16px!important;
		margin-top: 16px!important
	}
	.pds-mt\@md-md {
		margin-top: 16px!important
	}
	.pds-mr\@md-md {
		margin-right: 16px!important
	}
	.pds-mb\@md-md {
		margin-bottom: 16px!important
	}
	.pds-ml\@md-md {
		margin-left: 16px!important
	}
	.pds-m\@md-lg {
		margin: 24px!important
	}
	.pds-mx\@md-lg {
		margin-left: 24px!important;
		margin-right: 24px!important
	}
	.pds-my\@md-lg {
		margin-bottom: 24px!important;
		margin-top: 24px!important
	}
	.pds-mt\@md-lg {
		margin-top: 24px!important
	}
	.pds-mr\@md-lg {
		margin-right: 24px!important
	}
	.pds-mb\@md-lg {
		margin-bottom: 24px!important
	}
	.pds-ml\@md-lg {
		margin-left: 24px!important
	}
	.pds-m\@md-xl {
		margin: 32px!important
	}
	.pds-mx\@md-xl {
		margin-left: 32px!important;
		margin-right: 32px!important
	}
	.pds-my\@md-xl {
		margin-bottom: 32px!important;
		margin-top: 32px!important
	}
	.pds-mt\@md-xl {
		margin-top: 32px!important
	}
	.pds-mr\@md-xl {
		margin-right: 32px!important
	}
	.pds-mb\@md-xl {
		margin-bottom: 32px!important
	}
	.pds-ml\@md-xl {
		margin-left: 32px!important
	}
	.pds-m\@md-xxl {
		margin: 64px!important
	}
	.pds-mx\@md-xxl {
		margin-left: 64px!important;
		margin-right: 64px!important
	}
	.pds-my\@md-xxl {
		margin-bottom: 64px!important;
		margin-top: 64px!important
	}
	.pds-mt\@md-xxl {
		margin-top: 64px!important
	}
	.pds-mr\@md-xxl {
		margin-right: 64px!important
	}
	.pds-mb\@md-xxl {
		margin-bottom: 64px!important
	}
	.pds-ml\@md-xxl {
		margin-left: 64px!important
	}
}

@media (min-width: 992px) {
	.pds-m\@lg-0 {
		margin: 0!important
	}
	.pds-mx\@lg-0 {
		margin-left: 0!important;
		margin-right: 0!important
	}
	.pds-my\@lg-0 {
		margin-bottom: 0!important;
		margin-top: 0!important
	}
	.pds-mt\@lg-0 {
		margin-top: 0!important
	}
	.pds-mr\@lg-0 {
		margin-right: 0!important
	}
	.pds-mb\@lg-0 {
		margin-bottom: 0!important
	}
	.pds-ml\@lg-0 {
		margin-left: 0!important
	}
	.pds-m\@lg-xs {
		margin: 4px!important
	}
	.pds-mx\@lg-xs {
		margin-left: 4px!important;
		margin-right: 4px!important
	}
	.pds-my\@lg-xs {
		margin-bottom: 4px!important;
		margin-top: 4px!important
	}
	.pds-mt\@lg-xs {
		margin-top: 4px!important
	}
	.pds-mr\@lg-xs {
		margin-right: 4px!important
	}
	.pds-mb\@lg-xs {
		margin-bottom: 4px!important
	}
	.pds-ml\@lg-xs {
		margin-left: 4px!important
	}
	.pds-m\@lg-sm {
		margin: 8px!important
	}
	.pds-mx\@lg-sm {
		margin-left: 8px!important;
		margin-right: 8px!important
	}
	.pds-my\@lg-sm {
		margin-bottom: 8px!important;
		margin-top: 8px!important
	}
	.pds-mt\@lg-sm {
		margin-top: 8px!important
	}
	.pds-mr\@lg-sm {
		margin-right: 8px!important
	}
	.pds-mb\@lg-sm {
		margin-bottom: 8px!important
	}
	.pds-ml\@lg-sm {
		margin-left: 8px!important
	}
	.pds-m\@lg-md {
		margin: 16px!important
	}
	.pds-mx\@lg-md {
		margin-left: 16px!important;
		margin-right: 16px!important
	}
	.pds-my\@lg-md {
		margin-bottom: 16px!important;
		margin-top: 16px!important
	}
	.pds-mt\@lg-md {
		margin-top: 16px!important
	}
	.pds-mr\@lg-md {
		margin-right: 16px!important
	}
	.pds-mb\@lg-md {
		margin-bottom: 16px!important
	}
	.pds-ml\@lg-md {
		margin-left: 16px!important
	}
	.pds-m\@lg-lg {
		margin: 24px!important
	}
	.pds-mx\@lg-lg {
		margin-left: 24px!important;
		margin-right: 24px!important
	}
	.pds-my\@lg-lg {
		margin-bottom: 24px!important;
		margin-top: 24px!important
	}
	.pds-mt\@lg-lg {
		margin-top: 24px!important
	}
	.pds-mr\@lg-lg {
		margin-right: 24px!important
	}
	.pds-mb\@lg-lg {
		margin-bottom: 24px!important
	}
	.pds-ml\@lg-lg {
		margin-left: 24px!important
	}
	.pds-m\@lg-xl {
		margin: 32px!important
	}
	.pds-mx\@lg-xl {
		margin-left: 32px!important;
		margin-right: 32px!important
	}
	.pds-my\@lg-xl {
		margin-bottom: 32px!important;
		margin-top: 32px!important
	}
	.pds-mt\@lg-xl {
		margin-top: 32px!important
	}
	.pds-mr\@lg-xl {
		margin-right: 32px!important
	}
	.pds-mb\@lg-xl {
		margin-bottom: 32px!important
	}
	.pds-ml\@lg-xl {
		margin-left: 32px!important
	}
	.pds-m\@lg-xxl {
		margin: 64px!important
	}
	.pds-mx\@lg-xxl {
		margin-left: 64px!important;
		margin-right: 64px!important
	}
	.pds-my\@lg-xxl {
		margin-bottom: 64px!important;
		margin-top: 64px!important
	}
	.pds-mt\@lg-xxl {
		margin-top: 64px!important
	}
	.pds-mr\@lg-xxl {
		margin-right: 64px!important
	}
	.pds-mb\@lg-xxl {
		margin-bottom: 64px!important
	}
	.pds-ml\@lg-xxl {
		margin-left: 64px!important
	}
}

@media (min-width: 1216px) {
	.pds-m\@xl-0 {
		margin: 0!important
	}
	.pds-mx\@xl-0 {
		margin-left: 0!important;
		margin-right: 0!important
	}
	.pds-my\@xl-0 {
		margin-bottom: 0!important;
		margin-top: 0!important
	}
	.pds-mt\@xl-0 {
		margin-top: 0!important
	}
	.pds-mr\@xl-0 {
		margin-right: 0!important
	}
	.pds-mb\@xl-0 {
		margin-bottom: 0!important
	}
	.pds-ml\@xl-0 {
		margin-left: 0!important
	}
	.pds-m\@xl-xs {
		margin: 4px!important
	}
	.pds-mx\@xl-xs {
		margin-left: 4px!important;
		margin-right: 4px!important
	}
	.pds-my\@xl-xs {
		margin-bottom: 4px!important;
		margin-top: 4px!important
	}
	.pds-mt\@xl-xs {
		margin-top: 4px!important
	}
	.pds-mr\@xl-xs {
		margin-right: 4px!important
	}
	.pds-mb\@xl-xs {
		margin-bottom: 4px!important
	}
	.pds-ml\@xl-xs {
		margin-left: 4px!important
	}
	.pds-m\@xl-sm {
		margin: 8px!important
	}
	.pds-mx\@xl-sm {
		margin-left: 8px!important;
		margin-right: 8px!important
	}
	.pds-my\@xl-sm {
		margin-bottom: 8px!important;
		margin-top: 8px!important
	}
	.pds-mt\@xl-sm {
		margin-top: 8px!important
	}
	.pds-mr\@xl-sm {
		margin-right: 8px!important
	}
	.pds-mb\@xl-sm {
		margin-bottom: 8px!important
	}
	.pds-ml\@xl-sm {
		margin-left: 8px!important
	}
	.pds-m\@xl-md {
		margin: 16px!important
	}
	.pds-mx\@xl-md {
		margin-left: 16px!important;
		margin-right: 16px!important
	}
	.pds-my\@xl-md {
		margin-bottom: 16px!important;
		margin-top: 16px!important
	}
	.pds-mt\@xl-md {
		margin-top: 16px!important
	}
	.pds-mr\@xl-md {
		margin-right: 16px!important
	}
	.pds-mb\@xl-md {
		margin-bottom: 16px!important
	}
	.pds-ml\@xl-md {
		margin-left: 16px!important
	}
	.pds-m\@xl-lg {
		margin: 24px!important
	}
	.pds-mx\@xl-lg {
		margin-left: 24px!important;
		margin-right: 24px!important
	}
	.pds-my\@xl-lg {
		margin-bottom: 24px!important;
		margin-top: 24px!important
	}
	.pds-mt\@xl-lg {
		margin-top: 24px!important
	}
	.pds-mr\@xl-lg {
		margin-right: 24px!important
	}
	.pds-mb\@xl-lg {
		margin-bottom: 24px!important
	}
	.pds-ml\@xl-lg {
		margin-left: 24px!important
	}
	.pds-m\@xl-xl {
		margin: 32px!important
	}
	.pds-mx\@xl-xl {
		margin-left: 32px!important;
		margin-right: 32px!important
	}
	.pds-my\@xl-xl {
		margin-bottom: 32px!important;
		margin-top: 32px!important
	}
	.pds-mt\@xl-xl {
		margin-top: 32px!important
	}
	.pds-mr\@xl-xl {
		margin-right: 32px!important
	}
	.pds-mb\@xl-xl {
		margin-bottom: 32px!important
	}
	.pds-ml\@xl-xl {
		margin-left: 32px!important
	}
	.pds-m\@xl-xxl {
		margin: 64px!important
	}
	.pds-mx\@xl-xxl {
		margin-left: 64px!important;
		margin-right: 64px!important
	}
	.pds-my\@xl-xxl {
		margin-bottom: 64px!important;
		margin-top: 64px!important
	}
	.pds-mt\@xl-xxl {
		margin-top: 64px!important
	}
	.pds-mr\@xl-xxl {
		margin-right: 64px!important
	}
	.pds-mb\@xl-xxl {
		margin-bottom: 64px!important
	}
	.pds-ml\@xl-xxl {
		margin-left: 64px!important
	}
}

.pds-p-0 {
	padding: 0!important
}

.pds-px-0 {
	padding-left: 0!important;
	padding-right: 0!important
}

.pds-py-0 {
	padding-bottom: 0!important;
	padding-top: 0!important
}

.pds-pt-0 {
	padding-top: 0!important
}

.pds-pr-0 {
	padding-right: 0!important
}

.pds-pb-0 {
	padding-bottom: 0!important
}

.pds-pl-0 {
	padding-left: 0!important
}

.pds-p-xs {
	padding: 4px!important
}

.pds-px-xs {
	padding-left: 4px!important;
	padding-right: 4px!important
}

.pds-py-xs {
	padding-bottom: 4px!important;
	padding-top: 4px!important
}

.pds-pt-xs {
	padding-top: 4px!important
}

.pds-pr-xs {
	padding-right: 4px!important
}

.pds-pb-xs {
	padding-bottom: 4px!important
}

.pds-pl-xs {
	padding-left: 4px!important
}

.pds-p-sm {
	padding: 8px!important
}

.pds-px-sm {
	padding-left: 8px!important;
	padding-right: 8px!important
}

.pds-py-sm {
	padding-bottom: 8px!important;
	padding-top: 8px!important
}

.pds-pt-sm {
	padding-top: 8px!important
}

.pds-pr-sm {
	padding-right: 8px!important
}

.pds-pb-sm {
	padding-bottom: 8px!important
}

.pds-pl-sm {
	padding-left: 8px!important
}

.pds-p-md {
	padding: 16px!important
}

.pds-px-md {
	padding-left: 16px!important;
	padding-right: 16px!important
}

.pds-py-md {
	padding-bottom: 16px!important;
	padding-top: 16px!important
}

.pds-pt-md {
	padding-top: 16px!important
}

.pds-pr-md {
	padding-right: 16px!important
}

.pds-pb-md {
	padding-bottom: 16px!important
}

.pds-pl-md {
	padding-left: 16px!important
}

.pds-p-lg {
	padding: 24px!important
}

.pds-px-lg {
	padding-left: 24px!important;
	padding-right: 24px!important
}

.pds-py-lg {
	padding-bottom: 24px!important;
	padding-top: 24px!important
}

.pds-pt-lg {
	padding-top: 24px!important
}

.pds-pr-lg {
	padding-right: 24px!important
}

.pds-pb-lg {
	padding-bottom: 24px!important
}

.pds-pl-lg {
	padding-left: 24px!important
}

.pds-p-xl {
	padding: 32px!important
}

.pds-px-xl {
	padding-left: 32px!important;
	padding-right: 32px!important
}

.pds-py-xl {
	padding-bottom: 32px!important;
	padding-top: 32px!important
}

.pds-pt-xl {
	padding-top: 32px!important
}

.pds-pr-xl {
	padding-right: 32px!important
}

.pds-pb-xl {
	padding-bottom: 32px!important
}

.pds-pl-xl {
	padding-left: 32px!important
}

.pds-p-xxl {
	padding: 64px!important
}

.pds-px-xxl {
	padding-left: 64px!important;
	padding-right: 64px!important
}

.pds-py-xxl {
	padding-bottom: 64px!important;
	padding-top: 64px!important
}

.pds-pt-xxl {
	padding-top: 64px!important
}

.pds-pr-xxl {
	padding-right: 64px!important
}

.pds-pb-xxl {
	padding-bottom: 64px!important
}

.pds-pl-xxl {
	padding-left: 64px!important
}

@media (min-width: 544px) {
	.pds-p\@sm-0 {
		padding: 0!important
	}
	.pds-px\@sm-0 {
		padding-left: 0!important;
		padding-right: 0!important
	}
	.pds-py\@sm-0 {
		padding-bottom: 0!important;
		padding-top: 0!important
	}
	.pds-pt\@sm-0 {
		padding-top: 0!important
	}
	.pds-pr\@sm-0 {
		padding-right: 0!important
	}
	.pds-pb\@sm-0 {
		padding-bottom: 0!important
	}
	.pds-pl\@sm-0 {
		padding-left: 0!important
	}
	.pds-p\@sm-xs {
		padding: 4px!important
	}
	.pds-px\@sm-xs {
		padding-left: 4px!important;
		padding-right: 4px!important
	}
	.pds-py\@sm-xs {
		padding-bottom: 4px!important;
		padding-top: 4px!important
	}
	.pds-pt\@sm-xs {
		padding-top: 4px!important
	}
	.pds-pr\@sm-xs {
		padding-right: 4px!important
	}
	.pds-pb\@sm-xs {
		padding-bottom: 4px!important
	}
	.pds-pl\@sm-xs {
		padding-left: 4px!important
	}
	.pds-p\@sm-sm {
		padding: 8px!important
	}
	.pds-px\@sm-sm {
		padding-left: 8px!important;
		padding-right: 8px!important
	}
	.pds-py\@sm-sm {
		padding-bottom: 8px!important;
		padding-top: 8px!important
	}
	.pds-pt\@sm-sm {
		padding-top: 8px!important
	}
	.pds-pr\@sm-sm {
		padding-right: 8px!important
	}
	.pds-pb\@sm-sm {
		padding-bottom: 8px!important
	}
	.pds-pl\@sm-sm {
		padding-left: 8px!important
	}
	.pds-p\@sm-md {
		padding: 16px!important
	}
	.pds-px\@sm-md {
		padding-left: 16px!important;
		padding-right: 16px!important
	}
	.pds-py\@sm-md {
		padding-bottom: 16px!important;
		padding-top: 16px!important
	}
	.pds-pt\@sm-md {
		padding-top: 16px!important
	}
	.pds-pr\@sm-md {
		padding-right: 16px!important
	}
	.pds-pb\@sm-md {
		padding-bottom: 16px!important
	}
	.pds-pl\@sm-md {
		padding-left: 16px!important
	}
	.pds-p\@sm-lg {
		padding: 24px!important
	}
	.pds-px\@sm-lg {
		padding-left: 24px!important;
		padding-right: 24px!important
	}
	.pds-py\@sm-lg {
		padding-bottom: 24px!important;
		padding-top: 24px!important
	}
	.pds-pt\@sm-lg {
		padding-top: 24px!important
	}
	.pds-pr\@sm-lg {
		padding-right: 24px!important
	}
	.pds-pb\@sm-lg {
		padding-bottom: 24px!important
	}
	.pds-pl\@sm-lg {
		padding-left: 24px!important
	}
	.pds-p\@sm-xl {
		padding: 32px!important
	}
	.pds-px\@sm-xl {
		padding-left: 32px!important;
		padding-right: 32px!important
	}
	.pds-py\@sm-xl {
		padding-bottom: 32px!important;
		padding-top: 32px!important
	}
	.pds-pt\@sm-xl {
		padding-top: 32px!important
	}
	.pds-pr\@sm-xl {
		padding-right: 32px!important
	}
	.pds-pb\@sm-xl {
		padding-bottom: 32px!important
	}
	.pds-pl\@sm-xl {
		padding-left: 32px!important
	}
	.pds-p\@sm-xxl {
		padding: 64px!important
	}
	.pds-px\@sm-xxl {
		padding-left: 64px!important;
		padding-right: 64px!important
	}
	.pds-py\@sm-xxl {
		padding-bottom: 64px!important;
		padding-top: 64px!important
	}
	.pds-pt\@sm-xxl {
		padding-top: 64px!important
	}
	.pds-pr\@sm-xxl {
		padding-right: 64px!important
	}
	.pds-pb\@sm-xxl {
		padding-bottom: 64px!important
	}
	.pds-pl\@sm-xxl {
		padding-left: 64px!important
	}
}

@media (min-width: 768px) {
	.pds-p\@md-0 {
		padding: 0!important
	}
	.pds-px\@md-0 {
		padding-left: 0!important;
		padding-right: 0!important
	}
	.pds-py\@md-0 {
		padding-bottom: 0!important;
		padding-top: 0!important
	}
	.pds-pt\@md-0 {
		padding-top: 0!important
	}
	.pds-pr\@md-0 {
		padding-right: 0!important
	}
	.pds-pb\@md-0 {
		padding-bottom: 0!important
	}
	.pds-pl\@md-0 {
		padding-left: 0!important
	}
	.pds-p\@md-xs {
		padding: 4px!important
	}
	.pds-px\@md-xs {
		padding-left: 4px!important;
		padding-right: 4px!important
	}
	.pds-py\@md-xs {
		padding-bottom: 4px!important;
		padding-top: 4px!important
	}
	.pds-pt\@md-xs {
		padding-top: 4px!important
	}
	.pds-pr\@md-xs {
		padding-right: 4px!important
	}
	.pds-pb\@md-xs {
		padding-bottom: 4px!important
	}
	.pds-pl\@md-xs {
		padding-left: 4px!important
	}
	.pds-p\@md-sm {
		padding: 8px!important
	}
	.pds-px\@md-sm {
		padding-left: 8px!important;
		padding-right: 8px!important
	}
	.pds-py\@md-sm {
		padding-bottom: 8px!important;
		padding-top: 8px!important
	}
	.pds-pt\@md-sm {
		padding-top: 8px!important
	}
	.pds-pr\@md-sm {
		padding-right: 8px!important
	}
	.pds-pb\@md-sm {
		padding-bottom: 8px!important
	}
	.pds-pl\@md-sm {
		padding-left: 8px!important
	}
	.pds-p\@md-md {
		padding: 16px!important
	}
	.pds-px\@md-md {
		padding-left: 16px!important;
		padding-right: 16px!important
	}
	.pds-py\@md-md {
		padding-bottom: 16px!important;
		padding-top: 16px!important
	}
	.pds-pt\@md-md {
		padding-top: 16px!important
	}
	.pds-pr\@md-md {
		padding-right: 16px!important
	}
	.pds-pb\@md-md {
		padding-bottom: 16px!important
	}
	.pds-pl\@md-md {
		padding-left: 16px!important
	}
	.pds-p\@md-lg {
		padding: 24px!important
	}
	.pds-px\@md-lg {
		padding-left: 24px!important;
		padding-right: 24px!important
	}
	.pds-py\@md-lg {
		padding-bottom: 24px!important;
		padding-top: 24px!important
	}
	.pds-pt\@md-lg {
		padding-top: 24px!important
	}
	.pds-pr\@md-lg {
		padding-right: 24px!important
	}
	.pds-pb\@md-lg {
		padding-bottom: 24px!important
	}
	.pds-pl\@md-lg {
		padding-left: 24px!important
	}
	.pds-p\@md-xl {
		padding: 32px!important
	}
	.pds-px\@md-xl {
		padding-left: 32px!important;
		padding-right: 32px!important
	}
	.pds-py\@md-xl {
		padding-bottom: 32px!important;
		padding-top: 32px!important
	}
	.pds-pt\@md-xl {
		padding-top: 32px!important
	}
	.pds-pr\@md-xl {
		padding-right: 32px!important
	}
	.pds-pb\@md-xl {
		padding-bottom: 32px!important
	}
	.pds-pl\@md-xl {
		padding-left: 32px!important
	}
	.pds-p\@md-xxl {
		padding: 64px!important
	}
	.pds-px\@md-xxl {
		padding-left: 64px!important;
		padding-right: 64px!important
	}
	.pds-py\@md-xxl {
		padding-bottom: 64px!important;
		padding-top: 64px!important
	}
	.pds-pt\@md-xxl {
		padding-top: 64px!important
	}
	.pds-pr\@md-xxl {
		padding-right: 64px!important
	}
	.pds-pb\@md-xxl {
		padding-bottom: 64px!important
	}
	.pds-pl\@md-xxl {
		padding-left: 64px!important
	}
}

@media (min-width: 992px) {
	.pds-p\@lg-0 {
		padding: 0!important
	}
	.pds-px\@lg-0 {
		padding-left: 0!important;
		padding-right: 0!important
	}
	.pds-py\@lg-0 {
		padding-bottom: 0!important;
		padding-top: 0!important
	}
	.pds-pt\@lg-0 {
		padding-top: 0!important
	}
	.pds-pr\@lg-0 {
		padding-right: 0!important
	}
	.pds-pb\@lg-0 {
		padding-bottom: 0!important
	}
	.pds-pl\@lg-0 {
		padding-left: 0!important
	}
	.pds-p\@lg-xs {
		padding: 4px!important
	}
	.pds-px\@lg-xs {
		padding-left: 4px!important;
		padding-right: 4px!important
	}
	.pds-py\@lg-xs {
		padding-bottom: 4px!important;
		padding-top: 4px!important
	}
	.pds-pt\@lg-xs {
		padding-top: 4px!important
	}
	.pds-pr\@lg-xs {
		padding-right: 4px!important
	}
	.pds-pb\@lg-xs {
		padding-bottom: 4px!important
	}
	.pds-pl\@lg-xs {
		padding-left: 4px!important
	}
	.pds-p\@lg-sm {
		padding: 8px!important
	}
	.pds-px\@lg-sm {
		padding-left: 8px!important;
		padding-right: 8px!important
	}
	.pds-py\@lg-sm {
		padding-bottom: 8px!important;
		padding-top: 8px!important
	}
	.pds-pt\@lg-sm {
		padding-top: 8px!important
	}
	.pds-pr\@lg-sm {
		padding-right: 8px!important
	}
	.pds-pb\@lg-sm {
		padding-bottom: 8px!important
	}
	.pds-pl\@lg-sm {
		padding-left: 8px!important
	}
	.pds-p\@lg-md {
		padding: 16px!important
	}
	.pds-px\@lg-md {
		padding-left: 16px!important;
		padding-right: 16px!important
	}
	.pds-py\@lg-md {
		padding-bottom: 16px!important;
		padding-top: 16px!important
	}
	.pds-pt\@lg-md {
		padding-top: 16px!important
	}
	.pds-pr\@lg-md {
		padding-right: 16px!important
	}
	.pds-pb\@lg-md {
		padding-bottom: 16px!important
	}
	.pds-pl\@lg-md {
		padding-left: 16px!important
	}
	.pds-p\@lg-lg {
		padding: 24px!important
	}
	.pds-px\@lg-lg {
		padding-left: 24px!important;
		padding-right: 24px!important
	}
	.pds-py\@lg-lg {
		padding-bottom: 24px!important;
		padding-top: 24px!important
	}
	.pds-pt\@lg-lg {
		padding-top: 24px!important
	}
	.pds-pr\@lg-lg {
		padding-right: 24px!important
	}
	.pds-pb\@lg-lg {
		padding-bottom: 24px!important
	}
	.pds-pl\@lg-lg {
		padding-left: 24px!important
	}
	.pds-p\@lg-xl {
		padding: 32px!important
	}
	.pds-px\@lg-xl {
		padding-left: 32px!important;
		padding-right: 32px!important
	}
	.pds-py\@lg-xl {
		padding-bottom: 32px!important;
		padding-top: 32px!important
	}
	.pds-pt\@lg-xl {
		padding-top: 32px!important
	}
	.pds-pr\@lg-xl {
		padding-right: 32px!important
	}
	.pds-pb\@lg-xl {
		padding-bottom: 32px!important
	}
	.pds-pl\@lg-xl {
		padding-left: 32px!important
	}
	.pds-p\@lg-xxl {
		padding: 64px!important
	}
	.pds-px\@lg-xxl {
		padding-left: 64px!important;
		padding-right: 64px!important
	}
	.pds-py\@lg-xxl {
		padding-bottom: 64px!important;
		padding-top: 64px!important
	}
	.pds-pt\@lg-xxl {
		padding-top: 64px!important
	}
	.pds-pr\@lg-xxl {
		padding-right: 64px!important
	}
	.pds-pb\@lg-xxl {
		padding-bottom: 64px!important
	}
	.pds-pl\@lg-xxl {
		padding-left: 64px!important
	}
}

@media (min-width: 1216px) {
	.pds-p\@xl-0 {
		padding: 0!important
	}
	.pds-px\@xl-0 {
		padding-left: 0!important;
		padding-right: 0!important
	}
	.pds-py\@xl-0 {
		padding-bottom: 0!important;
		padding-top: 0!important
	}
	.pds-pt\@xl-0 {
		padding-top: 0!important
	}
	.pds-pr\@xl-0 {
		padding-right: 0!important
	}
	.pds-pb\@xl-0 {
		padding-bottom: 0!important
	}
	.pds-pl\@xl-0 {
		padding-left: 0!important
	}
	.pds-p\@xl-xs {
		padding: 4px!important
	}
	.pds-px\@xl-xs {
		padding-left: 4px!important;
		padding-right: 4px!important
	}
	.pds-py\@xl-xs {
		padding-bottom: 4px!important;
		padding-top: 4px!important
	}
	.pds-pt\@xl-xs {
		padding-top: 4px!important
	}
	.pds-pr\@xl-xs {
		padding-right: 4px!important
	}
	.pds-pb\@xl-xs {
		padding-bottom: 4px!important
	}
	.pds-pl\@xl-xs {
		padding-left: 4px!important
	}
	.pds-p\@xl-sm {
		padding: 8px!important
	}
	.pds-px\@xl-sm {
		padding-left: 8px!important;
		padding-right: 8px!important
	}
	.pds-py\@xl-sm {
		padding-bottom: 8px!important;
		padding-top: 8px!important
	}
	.pds-pt\@xl-sm {
		padding-top: 8px!important
	}
	.pds-pr\@xl-sm {
		padding-right: 8px!important
	}
	.pds-pb\@xl-sm {
		padding-bottom: 8px!important
	}
	.pds-pl\@xl-sm {
		padding-left: 8px!important
	}
	.pds-p\@xl-md {
		padding: 16px!important
	}
	.pds-px\@xl-md {
		padding-left: 16px!important;
		padding-right: 16px!important
	}
	.pds-py\@xl-md {
		padding-bottom: 16px!important;
		padding-top: 16px!important
	}
	.pds-pt\@xl-md {
		padding-top: 16px!important
	}
	.pds-pr\@xl-md {
		padding-right: 16px!important
	}
	.pds-pb\@xl-md {
		padding-bottom: 16px!important
	}
	.pds-pl\@xl-md {
		padding-left: 16px!important
	}
	.pds-p\@xl-lg {
		padding: 24px!important
	}
	.pds-px\@xl-lg {
		padding-left: 24px!important;
		padding-right: 24px!important
	}
	.pds-py\@xl-lg {
		padding-bottom: 24px!important;
		padding-top: 24px!important
	}
	.pds-pt\@xl-lg {
		padding-top: 24px!important
	}
	.pds-pr\@xl-lg {
		padding-right: 24px!important
	}
	.pds-pb\@xl-lg {
		padding-bottom: 24px!important
	}
	.pds-pl\@xl-lg {
		padding-left: 24px!important
	}
	.pds-p\@xl-xl {
		padding: 32px!important
	}
	.pds-px\@xl-xl {
		padding-left: 32px!important;
		padding-right: 32px!important
	}
	.pds-py\@xl-xl {
		padding-bottom: 32px!important;
		padding-top: 32px!important
	}
	.pds-pt\@xl-xl {
		padding-top: 32px!important
	}
	.pds-pr\@xl-xl {
		padding-right: 32px!important
	}
	.pds-pb\@xl-xl {
		padding-bottom: 32px!important
	}
	.pds-pl\@xl-xl {
		padding-left: 32px!important
	}
	.pds-p\@xl-xxl {
		padding: 64px!important
	}
	.pds-px\@xl-xxl {
		padding-left: 64px!important;
		padding-right: 64px!important
	}
	.pds-py\@xl-xxl {
		padding-bottom: 64px!important;
		padding-top: 64px!important
	}
	.pds-pt\@xl-xxl {
		padding-top: 64px!important
	}
	.pds-pr\@xl-xxl {
		padding-right: 64px!important
	}
	.pds-pb\@xl-xxl {
		padding-bottom: 64px!important
	}
	.pds-pl\@xl-xxl {
		padding-left: 64px!important
	}
}

.pds-print-only {
	display: none!important
}

@media print {
	.pds-print-only {
		display: revert!important
	}
}

@media print {
	.pds-screen-only {
		display: none!important
	}
}

.pds-h1 {
	font-size: 32px;
	font-weight: 600;
	line-height: 1.25;
	margin: 0
}

.pds-h2 {
	font-size: 28px;
	font-weight: 600;
	line-height: 1.25;
	margin: 0
}

.pds-h3 {
	font-size: 24px;
	font-weight: 600;
	line-height: 1.25;
	margin: 0
}

.pds-h4 {
	font-size: 20px;
	font-weight: 600;
	line-height: 1.25;
	margin: 0
}

.pds-h5 {
	font-size: 16px;
	font-weight: 600;
	line-height: 1.25;
	margin: 0
}

.pds-weight-bold {
	font-weight: 600!important
}

.pds-weight-semi {
	font-weight: 500!important
}

.pds-weight-normal {
	font-weight: 400!important
}

.pds-style-italic {
	font-style: italic!important
}

.pds-style-normal {
	font-style: normal!important
}

.pds-text-xl {
	font-size: 20px!important
}

.pds-text-lg {
	font-size: 16px!important
}

.pds-text-md {
	font-size: 14px!important
}

.pds-text-sm {
	font-size: 12px!important
}

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

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

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

.pds-text-top {
	vertical-align: text-top!important
}

.pds-text-middle {
	vertical-align: middle!important
}

.pds-text-bottom {
	vertical-align: text-bottom!important
}

.pds-no-wrap,
.pds-nowrap {
	white-space: nowrap
}