/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	display: block
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline
}

audio:not([controls]) {
	display: none;
	height: 0
}

[hidden],
template {
	display: none
}

a {
	background-color: transparent
}

a:active,
a:hover {
	outline: 0
}

abbr[title] {
	border-bottom: 1px dotted
}

b,
strong {
	font-weight: 700
}

dfn {
	font-style: italic
}

h1 {
	font-size: 2em;
	margin: .67em 0
}

mark {
	background: #ff0;
	color: #000
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sup {
	top: -.5em
}

sub {
	bottom: -.25em
}

img {
	border: 0
}

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

figure {
	margin: 1em 40px
}

hr {
	box-sizing: content-box;
	height: 0
}

pre {
	overflow: auto
}

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

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0
}

button {
	overflow: visible
}

button,
select {
	text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer
}

button[disabled],
html input[disabled] {
	cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0
}

input {
	line-height: normal
}

input[type=checkbox],
input[type=radio] {
	box-sizing: border-box;
	padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	height: auto
}

input[type=search] {
	-webkit-appearance: textfield;
	box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}

legend {
	border: 0;
	padding: 0
}

textarea {
	overflow: auto
}

optgroup {
	font-weight: 700
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

td,
th {
	padding: 0
}

.u-fancy-scrollbar {
	-webkit-overflow-scrolling: touch;
	-webkit-transform: translateZ(0)
}

.u-fancy-scrollbar::-webkit-scrollbar {
	height: 8px;
	width: 8px
}

.u-fancy-scrollbar::-webkit-scrollbar-button:end:increment,
.u-fancy-scrollbar::-webkit-scrollbar-button:start:decrement {
	background: transparent;
	display: none
}

.u-fancy-scrollbar::-webkit-scrollbar-track-piece {
	background: rgba(9, 30, 66, .08)
}

.u-fancy-scrollbar::-webkit-scrollbar-track-piece:vertical:start {
	border-radius: 4px 4px 0 0
}

.u-fancy-scrollbar::-webkit-scrollbar-track-piece:vertical:end {
	border-radius: 0 0 4px 4px
}

.u-fancy-scrollbar::-webkit-scrollbar-track-piece:horizontal:start {
	border-radius: 4px 0 0 4px
}

.u-fancy-scrollbar::-webkit-scrollbar-track-piece:horizontal:end {
	border-radius: 0 4px 4px 0
}

.u-fancy-scrollbar::-webkit-scrollbar-thumb:horizontal,
.u-fancy-scrollbar::-webkit-scrollbar-thumb:vertical {
	background: rgba(9, 30, 66, .13);
	border-radius: 4px;
	display: block;
	height: 48px
}

.u-clearfix:after {
	clear: both;
	content: "";
	display: table
}

.u-gutter {
	margin-left: 40px
}

.u-font-weight-normal {
	font-weight: 400
}

.u-font-weight-medium {
	font-weight: 500
}

.u-font-weight-semibold {
	font-weight: 600
}

.u-font-weight-bold {
	font-weight: 700
}

.u-text-align-center {
	text-align: center
}

.u-text-underline {
	text-decoration: underline
}

.u-form-error {
	color: #eb5a46;
	display: block;
	font-weight: 700;
	margin-bottom: 4px
}

.u-form-error a {
	color: #eb5a46
}

.u-form-info {
	background: #faf3c0;
	border-radius: 3px;
	display: block;
	font-weight: 700;
	margin-bottom: 4px;
	padding: 10px
}

.u-inline-block {
	display: inline-block
}

.u-block {
	display: block
}

.u-inline {
	display: inline
}

.u-relative {
	position: relative
}

.u-float-left {
	float: left
}

.u-float-right {
	float: right
}

.u-bottom {
	margin-bottom: 0;
	padding-bottom: 0
}

.u-width-100 {
	width: 100%
}

body,
button,
html,
input,
select,
textarea {
	color: #172b4d;
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Droid Sans, Helvetica Neue, sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400
}

@-webkit-keyframes fontfix {
	0% {
		opacity: 1
	}
	to {
		opacity: 1
	}
}

h1 {
	font-size: 24px;
	line-height: 28px;
	margin: 0 0 12px
}

h2 {
	font-size: 20px;
	line-height: 24px;
	margin: 0 0 8px
}

h3,
h4,
h5,
h6 {
	font-size: 16px;
	line-height: 20px;
	margin: 0 0 8px
}

hr {
	background-color: rgba(9, 30, 66, .13);
	border: 0;
	height: 1px;
	margin: 16px 0;
	padding: 0;
	width: 100%
}

a {
	color: #172b4d
}

a:hover {
	color: #091e42
}

a.disabled,
a.disabled:hover {
	color: #6b778c;
	cursor: default;
	text-decoration: none
}

p {
	margin: 0 0 8px
}

div::selection {
	background: transparent
}

pre {
	-webkit-overflow-scrolling: touch;
	-webkit-transform: translateZ(0);
	background-color: #f4f5f7;
	border-radius: 3px;
	box-shadow: 0 0 0 1px rgba(9, 30, 66, .13);
	margin: 12px 0;
	padding: 8px 12px;
	word-break: normal;
	word-wrap: normal;
	overflow-wrap: normal
}

pre::-webkit-scrollbar {
	height: 8px;
	width: 8px
}

pre::-webkit-scrollbar-button:end:increment,
pre::-webkit-scrollbar-button:start:decrement {
	background: transparent;
	display: none
}

pre::-webkit-scrollbar-track-piece {
	background: rgba(9, 30, 66, .08)
}

pre::-webkit-scrollbar-track-piece:vertical:start {
	border-radius: 4px 4px 0 0
}

pre::-webkit-scrollbar-track-piece:vertical:end {
	border-radius: 0 0 4px 4px
}

pre::-webkit-scrollbar-track-piece:horizontal:start {
	border-radius: 4px 0 0 4px
}

pre::-webkit-scrollbar-track-piece:horizontal:end {
	border-radius: 0 4px 4px 0
}

pre::-webkit-scrollbar-thumb:horizontal,
pre::-webkit-scrollbar-thumb:vertical {
	background: rgba(9, 30, 66, .13);
	border-radius: 4px;
	display: block;
	height: 48px
}

pre:after {
	clear: both;
	content: "";
	display: table
}

code {
	background-color: #f4f5f7;
	border-radius: 3px;
	box-shadow: 0 0 0 1px rgba(9, 30, 66, .13);
	color: #eb5a46;
	padding: 1px 3px;
	margin: -1px 2px
}

pre code {
	background-color: none;
	border-radius: 0;
	box-shadow: none;
	color: #172b4d;
	margin: 0;
	padding: 0
}

code,
pre,
tt {
	font-family: SF Mono, Segoe UI Mono, Roboto Mono, Ubuntu Mono, Menlo, Courier, monospace;
	line-height: 20px
}

blockquote {
	border-left: 1px solid rgba(9, 30, 66, .13);
	color: #6b778c;
	margin: 12px 0 12px 11px;
	padding: 0 0 0 12px
}

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

.quiet,
.quiet a {
	color: #6b778c
}

.quiet a:not(.disabled):hover {
	color: #172b4d
}

.error,
.error a {
	color: #eb5a46
}

.warning {
	background: #f5ea92;
	border-radius: 3px;
	padding: 6px 8px
}


dl,
dt {
	margin-bottom: 8px
}

dd {
	margin: 0 0 16px 24px
}

.markeddown {
	word-break: break-word;
	word-wrap: break-word;
	overflow-wrap: break-word
}

.markeddown ol,
.markeddown ul {
	margin: 8px 0
}

.markeddown ul>li {
	list-style: disc
}

.markeddown ol>li {
	list-style: decimal
}

.markeddown ol>li,
.markeddown ul>li {
	margin: 8px 8px 8px 24px;
	-webkit-margin-start: 24px;
	margin-inline-start: 24px;
	-webkit-margin-end: 8px;
	margin-inline-end: 8px
}

.markeddown ol>li ul>li,
.markeddown ul>li ul>li {
	list-style: circle
}

.markeddown ol>li ol>li,
.markeddown ul>li ol>li {
	list-style: lower-roman
}

.mkdwn-color-chip {
	border-radius: 3px;
	border: 1px solid #6b808c;
	display: inline-block;
	height: 14px;
	margin: 0 1px -3px 3px;
	width: 14px
}

.body-color-blind-mode-enabled code {
	color: #172b4d
}

#chrome-container,
#trello-root {
	height: 100%;
	position: relative;
	z-index: 1;
	overflow: hidden
}

#gamma-container {
	height: 100%;
	position: relative;
	z-index: 2
}

.hideContainer {
	display: none
}

.intl-tel-input {
	position: relative;
	display: inline-block
}

.intl-tel-input * {
	box-sizing: border-box;
	-moz-box-sizing: border-box
}

.intl-tel-input .hide {
	display: none
}

.intl-tel-input .v-hide {
	visibility: hidden
}

.intl-tel-input input,
.intl-tel-input input[type=tel],
.intl-tel-input input[type=text] {
	position: relative;
	z-index: 0;
	margin-top: 0!important;
	margin-bottom: 0!important;
	padding-right: 36px;
	margin-right: 0
}

.intl-tel-input .flag-container {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	padding: 1px
}

.intl-tel-input .selected-flag {
	z-index: 1;
	position: relative;
	width: 36px;
	height: 100%;
	padding: 0 0 0 8px
}

.intl-tel-input .selected-flag .iti-flag {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto
}

.intl-tel-input .selected-flag .iti-arrow {
	position: absolute;
	top: 50%;
	margin-top: -2px;
	right: 6px;
	width: 0;
	height: 0;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	border-top: 4px solid #555
}

.intl-tel-input .selected-flag .iti-arrow.up {
	border-top: none;
	border-bottom: 4px solid #555
}

.intl-tel-input .country-list {
	position: absolute;
	z-index: 2;
	list-style: none;
	text-align: left;
	padding: 0;
	margin: 0 0 0 -1px;
	box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
	background-color: #fff;
	border: 1px solid #ccc;
	white-space: nowrap;
	max-height: 200px;
	overflow-y: scroll
}

.intl-tel-input .country-list.dropup {
	bottom: 100%;
	margin-bottom: -1px
}

.intl-tel-input .country-list .flag-box {
	display: inline-block;
	width: 20px
}

@media (max-width:500px) {
	.intl-tel-input .country-list {
		white-space: normal
	}
}

.intl-tel-input .country-list .divider {
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #ccc
}

.intl-tel-input .country-list .country {
	padding: 5px 10px
}

.intl-tel-input .country-list .country .dial-code {
	color: #999
}

.intl-tel-input .country-list .country.highlight {
	background-color: rgba(0, 0, 0, .05)
}

.intl-tel-input .country-list .country-name,
.intl-tel-input .country-list .dial-code,
.intl-tel-input .country-list .flag-box {
	vertical-align: middle
}

.intl-tel-input .country-list .country-name,
.intl-tel-input .country-list .flag-box {
	margin-right: 6px
}

.intl-tel-input.allow-dropdown input,
.intl-tel-input.allow-dropdown input[type=tel],
.intl-tel-input.allow-dropdown input[type=text],
.intl-tel-input.separate-dial-code input,
.intl-tel-input.separate-dial-code input[type=tel],
.intl-tel-input.separate-dial-code input[type=text] {
	padding-right: 6px;
	padding-left: 52px;
	margin-left: 0
}

.intl-tel-input.allow-dropdown .flag-container,
.intl-tel-input.separate-dial-code .flag-container {
	right: auto;
	left: 0
}

.intl-tel-input.allow-dropdown .selected-flag,
.intl-tel-input.separate-dial-code .selected-flag {
	width: 46px
}

.intl-tel-input.allow-dropdown .flag-container:hover {
	cursor: pointer
}

.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
	background-color: rgba(0, 0, 0, .05)
}

.intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover,
.intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover {
	cursor: default
}

.intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover .selected-flag,
.intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover .selected-flag {
	background-color: transparent
}

.intl-tel-input.separate-dial-code .selected-flag {
	background-color: rgba(0, 0, 0, .05);
	display: table
}

.intl-tel-input.separate-dial-code .selected-dial-code {
	display: table-cell;
	vertical-align: middle;
	padding-left: 28px
}

.intl-tel-input.separate-dial-code.iti-sdc-2 input,
.intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel],
.intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text] {
	padding-left: 66px
}

.intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag {
	width: 60px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text] {
	padding-left: 76px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag {
	width: 70px
}

.intl-tel-input.separate-dial-code.iti-sdc-3 input,
.intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel],
.intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text] {
	padding-left: 74px
}

.intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag {
	width: 68px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text] {
	padding-left: 84px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
	width: 78px
}

.intl-tel-input.separate-dial-code.iti-sdc-4 input,
.intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel],
.intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text] {
	padding-left: 82px
}

.intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag {
	width: 76px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text] {
	padding-left: 92px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag {
	width: 86px
}

.intl-tel-input.separate-dial-code.iti-sdc-5 input,
.intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel],
.intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text] {
	padding-left: 90px
}

.intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag {
	width: 84px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text] {
	padding-left: 100px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag {
	width: 94px
}

.intl-tel-input.iti-container {
	position: absolute;
	top: -1000px;
	left: -1000px;
	z-index: 1060;
	padding: 1px
}

.intl-tel-input.iti-container:hover {
	cursor: pointer
}

.iti-mobile .intl-tel-input.iti-container {
	top: 30px;
	bottom: 30px;
	left: 30px;
	right: 30px;
	position: fixed
}

.iti-mobile .intl-tel-input .country-list {
	max-height: 100%;
	width: 100%
}

.iti-mobile .intl-tel-input .country-list .country {
	padding: 10px;
	line-height: 1.5em
}

.iti-flag.be {
	width: 18px
}

.iti-flag.ch {
	width: 15px
}

.iti-flag.mc {
	width: 19px
}

.iti-flag.ne {
	width: 18px
}

.iti-flag.np {
	width: 13px
}

.iti-flag.va {
	width: 15px
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min--moz-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:2dppx),
only screen and (min-resolution:192dpi) {
	.iti-flag {
		background-size: 5630px 15px
	}
}

.iti-flag.ac {
	height: 10px;
	background-position: 0 0
}

.iti-flag.ad {
	height: 14px;
	background-position: -22px 0
}

.iti-flag.ae {
	height: 10px;
	background-position: -44px 0
}

.iti-flag.af {
	height: 14px;
	background-position: -66px 0
}

.iti-flag.ag {
	height: 14px;
	background-position: -88px 0
}

.iti-flag.ai {
	height: 10px;
	background-position: -110px 0
}

.iti-flag.al {
	height: 15px;
	background-position: -132px 0
}

.iti-flag.am {
	height: 10px;
	background-position: -154px 0
}

.iti-flag.ao {
	height: 14px;
	background-position: -176px 0
}

.iti-flag.aq {
	height: 14px;
	background-position: -198px 0
}

.iti-flag.ar {
	height: 13px;
	background-position: -220px 0
}

.iti-flag.as {
	height: 10px;
	background-position: -242px 0
}

.iti-flag.at {
	height: 14px;
	background-position: -264px 0
}

.iti-flag.au {
	height: 10px;
	background-position: -286px 0
}

.iti-flag.aw {
	height: 14px;
	background-position: -308px 0
}

.iti-flag.ax {
	height: 13px;
	background-position: -330px 0
}

.iti-flag.az {
	height: 10px;
	background-position: -352px 0
}

.iti-flag.ba {
	height: 10px;
	background-position: -374px 0
}

.iti-flag.bb {
	height: 14px;
	background-position: -396px 0
}

.iti-flag.bd {
	height: 12px;
	background-position: -418px 0
}

.iti-flag.be {
	height: 15px;
	background-position: -440px 0
}

.iti-flag.bf {
	height: 14px;
	background-position: -460px 0
}

.iti-flag.bg {
	height: 12px;
	background-position: -482px 0
}

.iti-flag.bh {
	height: 12px;
	background-position: -504px 0
}

.iti-flag.bi {
	height: 12px;
	background-position: -526px 0
}

.iti-flag.bj {
	height: 14px;
	background-position: -548px 0
}

.iti-flag.bl {
	height: 14px;
	background-position: -570px 0
}

.iti-flag.bm {
	height: 10px;
	background-position: -592px 0
}

.iti-flag.bn {
	height: 10px;
	background-position: -614px 0
}

.iti-flag.bo {
	height: 14px;
	background-position: -636px 0
}

.iti-flag.bq {
	height: 14px;
	background-position: -658px 0
}

.iti-flag.br {
	height: 14px;
	background-position: -680px 0
}

.iti-flag.bs {
	height: 10px;
	background-position: -702px 0
}

.iti-flag.bt {
	height: 14px;
	background-position: -724px 0
}

.iti-flag.bv {
	height: 15px;
	background-position: -746px 0
}

.iti-flag.bw {
	height: 14px;
	background-position: -768px 0
}

.iti-flag.by {
	height: 10px;
	background-position: -790px 0
}

.iti-flag.bz {
	height: 14px;
	background-position: -812px 0
}

.iti-flag.ca {
	height: 10px;
	background-position: -834px 0
}

.iti-flag.cc {
	height: 10px;
	background-position: -856px 0
}

.iti-flag.cd {
	height: 15px;
	background-position: -878px 0
}

.iti-flag.cf {
	height: 14px;
	background-position: -900px 0
}

.iti-flag.cg {
	height: 14px;
	background-position: -922px 0
}

.iti-flag.ch {
	height: 15px;
	background-position: -944px 0
}

.iti-flag.ci {
	height: 14px;
	background-position: -961px 0
}

.iti-flag.ck {
	height: 10px;
	background-position: -983px 0
}

.iti-flag.cl {
	height: 14px;
	background-position: -1005px 0
}

.iti-flag.cm {
	height: 14px;
	background-position: -1027px 0
}

.iti-flag.cn {
	height: 14px;
	background-position: -1049px 0
}

.iti-flag.co {
	height: 14px;
	background-position: -1071px 0
}

.iti-flag.cp {
	height: 14px;
	background-position: -1093px 0
}

.iti-flag.cr {
	height: 12px;
	background-position: -1115px 0
}

.iti-flag.cu {
	height: 10px;
	background-position: -1137px 0
}

.iti-flag.cv {
	height: 12px;
	background-position: -1159px 0
}

.iti-flag.cw {
	height: 14px;
	background-position: -1181px 0
}

.iti-flag.cx {
	height: 10px;
	background-position: -1203px 0
}

.iti-flag.cy {
	height: 13px;
	background-position: -1225px 0
}

.iti-flag.cz {
	height: 14px;
	background-position: -1247px 0
}

.iti-flag.de {
	height: 12px;
	background-position: -1269px 0
}

.iti-flag.dg {
	height: 10px;
	background-position: -1291px 0
}

.iti-flag.dj {
	height: 14px;
	background-position: -1313px 0
}

.iti-flag.dk {
	height: 15px;
	background-position: -1335px 0
}

.iti-flag.dm {
	height: 10px;
	background-position: -1357px 0
}

.iti-flag.do {
	height: 13px;
	background-position: -1379px 0
}

.iti-flag.dz {
	height: 14px;
	background-position: -1401px 0
}

.iti-flag.ea {
	height: 14px;
	background-position: -1423px 0
}

.iti-flag.ec {
	height: 14px;
	background-position: -1445px 0
}

.iti-flag.ee {
	height: 13px;
	background-position: -1467px 0
}

.iti-flag.eg {
	height: 14px;
	background-position: -1489px 0
}

.iti-flag.eh {
	height: 10px;
	background-position: -1511px 0
}

.iti-flag.er {
	height: 10px;
	background-position: -1533px 0
}

.iti-flag.es {
	height: 14px;
	background-position: -1555px 0
}

.iti-flag.et {
	height: 10px;
	background-position: -1577px 0
}

.iti-flag.eu {
	height: 14px;
	background-position: -1599px 0
}

.iti-flag.fi {
	height: 12px;
	background-position: -1621px 0
}

.iti-flag.fj {
	height: 10px;
	background-position: -1643px 0
}

.iti-flag.fk {
	height: 10px;
	background-position: -1665px 0
}

.iti-flag.fm {
	height: 11px;
	background-position: -1687px 0
}

.iti-flag.fo {
	height: 15px;
	background-position: -1709px 0
}

.iti-flag.fr {
	height: 14px;
	background-position: -1731px 0
}

.iti-flag.ga {
	height: 15px;
	background-position: -1753px 0
}

.iti-flag.gb {
	height: 10px;
	background-position: -1775px 0
}

.iti-flag.gd {
	height: 12px;
	background-position: -1797px 0
}

.iti-flag.ge {
	height: 14px;
	background-position: -1819px 0
}

.iti-flag.gf {
	height: 14px;
	background-position: -1841px 0
}

.iti-flag.gg {
	height: 14px;
	background-position: -1863px 0
}

.iti-flag.gh {
	height: 14px;
	background-position: -1885px 0
}

.iti-flag.gi {
	height: 10px;
	background-position: -1907px 0
}

.iti-flag.gl {
	height: 14px;
	background-position: -1929px 0
}

.iti-flag.gm {
	height: 14px;
	background-position: -1951px 0
}

.iti-flag.gn {
	height: 14px;
	background-position: -1973px 0
}

.iti-flag.gp {
	height: 14px;
	background-position: -1995px 0
}

.iti-flag.gq {
	height: 14px;
	background-position: -2017px 0
}

.iti-flag.gr {
	height: 14px;
	background-position: -2039px 0
}

.iti-flag.gs {
	height: 10px;
	background-position: -2061px 0
}

.iti-flag.gt {
	height: 13px;
	background-position: -2083px 0
}

.iti-flag.gu {
	height: 11px;
	background-position: -2105px 0
}

.iti-flag.gw {
	height: 10px;
	background-position: -2127px 0
}

.iti-flag.gy {
	height: 12px;
	background-position: -2149px 0
}

.iti-flag.hk {
	height: 14px;
	background-position: -2171px 0
}

.iti-flag.hm {
	height: 10px;
	background-position: -2193px 0
}

.iti-flag.hn {
	height: 10px;
	background-position: -2215px 0
}

.iti-flag.hr {
	height: 10px;
	background-position: -2237px 0
}

.iti-flag.ht {
	height: 12px;
	background-position: -2259px 0
}

.iti-flag.hu {
	height: 10px;
	background-position: -2281px 0
}

.iti-flag.ic {
	height: 14px;
	background-position: -2303px 0
}

.iti-flag.id {
	height: 14px;
	background-position: -2325px 0
}

.iti-flag.ie {
	height: 10px;
	background-position: -2347px 0
}

.iti-flag.il {
	height: 15px;
	background-position: -2369px 0
}

.iti-flag.im {
	height: 10px;
	background-position: -2391px 0
}

.iti-flag.in {
	height: 14px;
	background-position: -2413px 0
}

.iti-flag.io {
	height: 10px;
	background-position: -2435px 0
}

.iti-flag.iq {
	height: 14px;
	background-position: -2457px 0
}

.iti-flag.ir {
	height: 12px;
	background-position: -2479px 0
}

.iti-flag.is {
	height: 15px;
	background-position: -2501px 0
}

.iti-flag.it {
	height: 14px;
	background-position: -2523px 0
}

.iti-flag.je {
	height: 12px;
	background-position: -2545px 0
}

.iti-flag.jm {
	height: 10px;
	background-position: -2567px 0
}

.iti-flag.jo {
	height: 10px;
	background-position: -2589px 0
}

.iti-flag.jp {
	height: 14px;
	background-position: -2611px 0
}

.iti-flag.ke {
	height: 14px;
	background-position: -2633px 0
}

.iti-flag.kg {
	height: 12px;
	background-position: -2655px 0
}

.iti-flag.kh {
	height: 13px;
	background-position: -2677px 0
}

.iti-flag.ki {
	height: 10px;
	background-position: -2699px 0
}

.iti-flag.km {
	height: 12px;
	background-position: -2721px 0
}

.iti-flag.kn {
	height: 14px;
	background-position: -2743px 0
}

.iti-flag.kp {
	height: 10px;
	background-position: -2765px 0
}

.iti-flag.kr {
	height: 14px;
	background-position: -2787px 0
}

.iti-flag.kw {
	height: 10px;
	background-position: -2809px 0
}

.iti-flag.ky {
	height: 10px;
	background-position: -2831px 0
}

.iti-flag.kz {
	height: 10px;
	background-position: -2853px 0
}

.iti-flag.la {
	height: 14px;
	background-position: -2875px 0
}

.iti-flag.lb {
	height: 14px;
	background-position: -2897px 0
}

.iti-flag.lc {
	height: 10px;
	background-position: -2919px 0
}

.iti-flag.li {
	height: 12px;
	background-position: -2941px 0
}

.iti-flag.lk {
	height: 10px;
	background-position: -2963px 0
}

.iti-flag.lr {
	height: 11px;
	background-position: -2985px 0
}

.iti-flag.ls {
	height: 14px;
	background-position: -3007px 0
}

.iti-flag.lt {
	height: 12px;
	background-position: -3029px 0
}

.iti-flag.lu {
	height: 12px;
	background-position: -3051px 0
}

.iti-flag.lv {
	height: 10px;
	background-position: -3073px 0
}

.iti-flag.ly {
	height: 10px;
	background-position: -3095px 0
}

.iti-flag.ma {
	height: 14px;
	background-position: -3117px 0
}

.iti-flag.mc {
	height: 15px;
	background-position: -3139px 0
}

.iti-flag.md {
	height: 10px;
	background-position: -3160px 0
}

.iti-flag.me {
	height: 10px;
	background-position: -3182px 0
}

.iti-flag.mf {
	height: 14px;
	background-position: -3204px 0
}

.iti-flag.mg {
	height: 14px;
	background-position: -3226px 0
}

.iti-flag.mh {
	height: 11px;
	background-position: -3248px 0
}

.iti-flag.mk {
	height: 10px;
	background-position: -3270px 0
}

.iti-flag.ml {
	height: 14px;
	background-position: -3292px 0
}

.iti-flag.mm {
	height: 14px;
	background-position: -3314px 0
}

.iti-flag.mn {
	height: 10px;
	background-position: -3336px 0
}

.iti-flag.mo {
	height: 14px;
	background-position: -3358px 0
}

.iti-flag.mp {
	height: 10px;
	background-position: -3380px 0
}

.iti-flag.mq {
	height: 14px;
	background-position: -3402px 0
}

.iti-flag.mr {
	height: 14px;
	background-position: -3424px 0
}

.iti-flag.ms {
	height: 10px;
	background-position: -3446px 0
}

.iti-flag.mt {
	height: 14px;
	background-position: -3468px 0
}

.iti-flag.mu {
	height: 14px;
	background-position: -3490px 0
}

.iti-flag.mv {
	height: 14px;
	background-position: -3512px 0
}

.iti-flag.mw {
	height: 14px;
	background-position: -3534px 0
}

.iti-flag.mx {
	height: 12px;
	background-position: -3556px 0
}

.iti-flag.my {
	height: 10px;
	background-position: -3578px 0
}

.iti-flag.mz {
	height: 14px;
	background-position: -3600px 0
}

.iti-flag.na {
	height: 14px;
	background-position: -3622px 0
}

.iti-flag.nc {
	height: 10px;
	background-position: -3644px 0
}

.iti-flag.ne {
	height: 15px;
	background-position: -3666px 0
}

.iti-flag.nf {
	height: 10px;
	background-position: -3686px 0
}

.iti-flag.ng {
	height: 10px;
	background-position: -3708px 0
}

.iti-flag.ni {
	height: 12px;
	background-position: -3730px 0
}

.iti-flag.nl {
	height: 14px;
	background-position: -3752px 0
}

.iti-flag.no {
	height: 15px;
	background-position: -3774px 0
}

.iti-flag.np {
	height: 15px;
	background-position: -3796px 0
}

.iti-flag.nr {
	height: 10px;
	background-position: -3811px 0
}

.iti-flag.nu {
	height: 10px;
	background-position: -3833px 0
}

.iti-flag.nz {
	height: 10px;
	background-position: -3855px 0
}

.iti-flag.om {
	height: 10px;
	background-position: -3877px 0
}

.iti-flag.pa {
	height: 14px;
	background-position: -3899px 0
}

.iti-flag.pe {
	height: 14px;
	background-position: -3921px 0
}

.iti-flag.pf {
	height: 14px;
	background-position: -3943px 0
}

.iti-flag.pg {
	height: 15px;
	background-position: -3965px 0
}

.iti-flag.ph {
	height: 10px;
	background-position: -3987px 0
}

.iti-flag.pk {
	height: 14px;
	background-position: -4009px 0
}

.iti-flag.pl {
	height: 13px;
	background-position: -4031px 0
}

.iti-flag.pm {
	height: 14px;
	background-position: -4053px 0
}

.iti-flag.pn {
	height: 10px;
	background-position: -4075px 0
}

.iti-flag.pr {
	height: 14px;
	background-position: -4097px 0
}

.iti-flag.ps {
	height: 10px;
	background-position: -4119px 0
}

.iti-flag.pt {
	height: 14px;
	background-position: -4141px 0
}

.iti-flag.pw {
	height: 13px;
	background-position: -4163px 0
}

.iti-flag.py {
	height: 11px;
	background-position: -4185px 0
}

.iti-flag.qa {
	height: 8px;
	background-position: -4207px 0
}

.iti-flag.re {
	height: 14px;
	background-position: -4229px 0
}

.iti-flag.ro {
	height: 14px;
	background-position: -4251px 0
}

.iti-flag.rs {
	height: 14px;
	background-position: -4273px 0
}

.iti-flag.ru {
	height: 14px;
	background-position: -4295px 0
}

.iti-flag.rw {
	height: 14px;
	background-position: -4317px 0
}

.iti-flag.sa {
	height: 14px;
	background-position: -4339px 0
}

.iti-flag.sb {
	height: 10px;
	background-position: -4361px 0
}

.iti-flag.sc {
	height: 10px;
	background-position: -4383px 0
}

.iti-flag.sd {
	height: 10px;
	background-position: -4405px 0
}

.iti-flag.se {
	height: 13px;
	background-position: -4427px 0
}

.iti-flag.sg {
	height: 14px;
	background-position: -4449px 0
}

.iti-flag.sh {
	height: 10px;
	background-position: -4471px 0
}

.iti-flag.si {
	height: 10px;
	background-position: -4493px 0
}

.iti-flag.sj {
	height: 15px;
	background-position: -4515px 0
}

.iti-flag.sk {
	height: 14px;
	background-position: -4537px 0
}

.iti-flag.sl {
	height: 14px;
	background-position: -4559px 0
}

.iti-flag.sm {
	height: 15px;
	background-position: -4581px 0
}

.iti-flag.sn {
	height: 14px;
	background-position: -4603px 0
}

.iti-flag.so {
	height: 14px;
	background-position: -4625px 0
}

.iti-flag.sr {
	height: 14px;
	background-position: -4647px 0
}

.iti-flag.ss {
	height: 10px;
	background-position: -4669px 0
}

.iti-flag.st {
	height: 10px;
	background-position: -4691px 0
}

.iti-flag.sv {
	height: 12px;
	background-position: -4713px 0
}

.iti-flag.sx {
	height: 14px;
	background-position: -4735px 0
}

.iti-flag.sy {
	height: 14px;
	background-position: -4757px 0
}

.iti-flag.sz {
	height: 14px;
	background-position: -4779px 0
}

.iti-flag.ta {
	height: 10px;
	background-position: -4801px 0
}

.iti-flag.tc {
	height: 10px;
	background-position: -4823px 0
}

.iti-flag.td {
	height: 14px;
	background-position: -4845px 0
}

.iti-flag.tf {
	height: 14px;
	background-position: -4867px 0
}

.iti-flag.tg {
	height: 13px;
	background-position: -4889px 0
}

.iti-flag.th {
	height: 14px;
	background-position: -4911px 0
}

.iti-flag.tj {
	height: 10px;
	background-position: -4933px 0
}

.iti-flag.tk {
	height: 10px;
	background-position: -4955px 0
}

.iti-flag.tl {
	height: 10px;
	background-position: -4977px 0
}

.iti-flag.tm {
	height: 14px;
	background-position: -4999px 0
}

.iti-flag.tn {
	height: 14px;
	background-position: -5021px 0
}

.iti-flag.to {
	height: 10px;
	background-position: -5043px 0
}

.iti-flag.tr {
	height: 14px;
	background-position: -5065px 0
}

.iti-flag.tt {
	height: 12px;
	background-position: -5087px 0
}

.iti-flag.tv {
	height: 10px;
	background-position: -5109px 0
}

.iti-flag.tw {
	height: 14px;
	background-position: -5131px 0
}

.iti-flag.tz {
	height: 14px;
	background-position: -5153px 0
}

.iti-flag.ua {
	height: 14px;
	background-position: -5175px 0
}

.iti-flag.ug {
	height: 14px;
	background-position: -5197px 0
}

.iti-flag.um {
	height: 11px;
	background-position: -5219px 0
}

.iti-flag.us {
	height: 11px;
	background-position: -5241px 0
}

.iti-flag.uy {
	height: 14px;
	background-position: -5263px 0
}

.iti-flag.uz {
	height: 10px;
	background-position: -5285px 0
}

.iti-flag.va {
	height: 15px;
	background-position: -5307px 0
}

.iti-flag.vc {
	height: 14px;
	background-position: -5324px 0
}

.iti-flag.ve {
	height: 14px;
	background-position: -5346px 0
}

.iti-flag.vg {
	height: 10px;
	background-position: -5368px 0
}

.iti-flag.vi {
	height: 14px;
	background-position: -5390px 0
}

.iti-flag.vn {
	height: 14px;
	background-position: -5412px 0
}

.iti-flag.vu {
	height: 12px;
	background-position: -5434px 0
}

.iti-flag.wf {
	height: 14px;
	background-position: -5456px 0
}

.iti-flag.ws {
	height: 10px;
	background-position: -5478px 0
}

.iti-flag.xk {
	height: 15px;
	background-position: -5500px 0
}

.iti-flag.ye {
	height: 14px;
	background-position: -5522px 0
}

.iti-flag.yt {
	height: 14px;
	background-position: -5544px 0
}

.iti-flag.za {
	height: 14px;
	background-position: -5566px 0
}

.iti-flag.zm {
	height: 14px;
	background-position: -5588px 0
}

.iti-flag.zw {
	height: 10px;
	background-position: -5610px 0
}

.iti-flag {
	width: 20px;
	height: 15px;
	box-shadow: 0 0 1px 0 #888;
	background-repeat: no-repeat;
	background-color: #dbdbdb;
	background-position: 20px 0
}

.iti-flag.np {
	background-color: transparent
}

.button,
.iframe-input,
button,
input:not([type=file]),
textarea {
	background-color: #fafbfc;
	border: none;
	box-shadow: inset 0 0 0 2px #dfe1e6;
	color: #172b4d;
	box-sizing: border-box;
	-webkit-appearance: none;
	border-radius: 3px;
	display: block;
	line-height: 20px;
	margin-bottom: 12px;
	padding: 8px 12px;
	transition-property: background-color, border-color, box-shadow;
	transition-duration: 85ms;
	transition-timing-function: ease
}

.button.full,
.iframe-input.full,
button.full,
input:not([type=file]).full,
textarea.full {
	width: 100%
}

.button.input-error,
.iframe-input.input-error,
button.input-error,
input:not([type=file]).input-error,
textarea.input-error {
	background-color: #fbedeb;
	border: none;
	box-shadow: inset 0 0 0 2px #efb3ab
}

.button:focus,
.iframe-input:focus,
button:focus,
input:not([type=file]):focus,
textarea:focus {
	outline: 0
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #6b778c
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
	color: #6b778c
}

input::placeholder,
textarea::placeholder {
	color: #6b778c
}

input[type=file] {
	margin-bottom: 16px
}

input[type=email]:invalid {
	box-shadow: none
}

input[type=hidden] {
	display: none
}

.check-div,
.radio-div {
	display: block;
	margin: 0 0 4px 20px;
	min-height: 20px;
	position: relative
}

.check-div input,
.radio-div input {
	left: -18px;
	min-height: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 3px;
	box-shadow: none
}

.check-div label,
.radio-div label {
	color: #172b4d;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	margin: 0
}

input[type=radio] {
	display: inline;
	-webkit-appearance: radio;
	min-height: inherit
}

input[type=checkbox] {
	display: inline;
	-webkit-appearance: checkbox;
	margin-right: 4px
}

.check-div {
	position: relative;
	margin: 8px 6px;
	padding-left: 34px
}

.check-div-inline {
	display: inline-flex
}

.check-div input[type=checkbox] {
	height: 20px;
	width: 20px;
	position: absolute;
	opacity: 0;
	top: 0;
	left: 0
}

.check-div input[type=checkbox]+label.quiet {
	color: #6b778c
}

.check-div input[type=checkbox]+label:before {
	content: "";
	background-color: #fafbfc;
	border-radius: 3px;
	box-shadow: inset 0 0 0 2px #dfe1e6;
	box-sizing: border-box;
	line-height: 20px;
	overflow: hidden;
	text-indent: 100%;
	height: 20px;
	width: 20px;
	white-space: nowrap;
	position: absolute;
	left: 0;
	margin: 6px;
	text-align: center;
	top: 0;
	margin: 0
}

.check-div input[type=checkbox]+label:before.enabled:hover {
	background-color: #ebecf0;
	cursor: pointer;
	text-indent: 0
}

.check-div input[type=checkbox]+label:before.enabled:hover .checklist-item-checkbox-check {
	opacity: 0
}

.check-div input[type=checkbox]+label:before.enabled:active {
	background-color: #172b4d;
	box-shadow: inset 0 0 0 2px #172b4d;
	text-indent: 0
}

.check-div input[type=checkbox]+label:before.enabled:active .checklist-item-checkbox-check {
	color: #fff;
	opacity: 1
}

.check-div input[type=checkbox]+label:after {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: inline-block;
	font-family: trellicons;
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	vertical-align: bottom;
	height: 20px;
	font-size: 16px;
	line-height: 20px;
	width: 20px;
	color: #42526e;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	color: #172b4d;
	content: "\E912"
}

.check-div input[type=checkbox]+label:after.mod-quiet {
	color: #6b778c
}

.check-div input[type=checkbox]+label:after.dark,
.check-div input[type=checkbox]+label:after.dark-hover:hover,
.dark-hover:hover .check-div input[type=checkbox]+label:after {
	color: #172b4d;
	text-decoration: none
}

.check-div input[type=checkbox]+label:after.light,
.check-div input[type=checkbox]+label:after.light-hover:hover,
.light-hover:hover .check-div input[type=checkbox]+label:after {
	color: #fff;
	text-decoration: none
}

.check-div input[type=checkbox]+label:after.dark-background-hover:hover,
.dark-background-hover:hover .check-div input[type=checkbox]+label:after {
	background-color: rgba(9, 30, 66, .13);
	color: #172b4d;
	border-radius: 3px;
	text-decoration: none
}

.check-div input[type=checkbox]+label:after.dark-background-hover:active,
.dark-background-hover:active .check-div input[type=checkbox]+label:after {
	background-color: rgba(9, 30, 66, .25);
	color: #172b4d;
	border-radius: 3px;
	text-decoration: none
}

.check-div input[type=checkbox]:hover+label:before {
	background: #ebecf0;
	box-shadow: inset 0 0 0 2px #dfe1e6
}

.check-div input[type=checkbox]:active+label:before {
	background-color: #172b4d;
	box-shadow: inset 0 0 0 2px #172b4d
}

.check-div input[type=checkbox]:active+label:after {
	color: #fff;
	opacity: 1
}

.check-div input[type=checkbox]:checked+label:before {
	background-color: #0079bf;
	box-shadow: inset 0 0 0 2px #0079bf
}

.check-div input[type=checkbox]:checked+label:after {
	opacity: 1;
	color: #fff
}

.check-div input[type=checkbox]:checked:hover:enabled+label:before {
	background-color: #055a8c;
	box-shadow: inset 0 0 0 2px #055a8c
}

.check-div input[type=checkbox]:checked:active:enabled+label:before {
	background-color: #094c72;
	box-shadow: inset 0 0 0 2px #094c72
}

.check-div input[type=checkbox]:checked:active:enabled+label:after {
	opacity: 1;
	color: #fff
}

.check-div input[type=checkbox]:disabled+label {
	color: #a5adba;
	cursor: not-allowed
}

.check-div input[type=checkbox]:disabled+label:before {
	background-color: #ebecf0;
	box-shadow: none
}

.check-div input[type=checkbox]:disabled+label:after {
	color: #a5adba
}

select {
	max-height: 300px;
	width: 256px;
	margin-bottom: 8px
}

option[disabled] {
	color: #6b778c
}

fieldset {
	border: 0;
	padding: 0;
	margin-bottom: 15px
}

label,
legend {
	font-weight: 700;
	color: #172b4d;
	font-size: 14px;
	line-height: 16px;
	margin-top: 16px;
	margin-bottom: 8px;
	display: block
}

label.form-error,
legend.form-error {
	color: #eb5a46
}

label>.iframe-input,
label>input,
label>select {
	display: block;
	margin-top: 4px
}

.iframe-input,
input[type=email],
input[type=password],
input[type=search],
input[type=text] {
	width: 250px
}

.iframe-input[readonly],
input[type=email][readonly],
input[type=password][readonly],
input[type=search][readonly],
input[type=text][readonly] {
	background-color: #fafbfc;
	box-shadow: inset 0 0 0 2px #ebecf0
}

textarea {
	resize: vertical;
	width: 100%
}

textarea[readonly] {
	background-color: #fafbfc;
	box-shadow: inset 0 0 0 2px #ebecf0
}

.iframe-input:hover,
input[type=email]:hover,
input[type=password]:hover,
input[type=search]:hover,
input[type=text]:hover,
textarea:hover {
	background-color: #ebecf0;
	border: none;
	box-shadow: inset 0 0 0 2px #dfe1e6
}

.iframe-input:hover.input-error,
input[type=email]:hover.input-error,
input[type=password]:hover.input-error,
input[type=search]:hover.input-error,
input[type=text]:hover.input-error,
textarea:hover.input-error {
	background-color: #fbedeb;
	border: none;
	box-shadow: inset 0 0 0 2px #ec9488
}

.iframe-input.focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=text]:focus,
textarea:focus {
	background: #fff;
	border: none;
	box-shadow: inset 0 0 0 2px #0079bf
}

.iframe-input.focus.input-error,
input[type=email]:focus.input-error,
input[type=password]:focus.input-error,
input[type=search]:focus.input-error,
input[type=text]:focus.input-error,
textarea:focus.input-error {
	background-color: #fff;
	border: none;
	box-shadow: inset 0 0 0 2px #efb3ab
}

.iframe-input.disabled,
input[type=email]:disabled,
input[type=password]:disabled,
input[type=search]:disabled,
input[type=text]:disabled,
textarea:disabled {
	background-color: #ebecf0;
	box-shadow: none;
	color: #a5adba;
	cursor: not-allowed;
	font-weight: 400;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.iframe-input {
	height: 34px
}

.button,
button,
input[type=button],
input[type=submit] {
	background-color: #ebecf0;
	box-shadow: 0 1px 0 0 rgba(9, 30, 66, .13);
	border: none;
	cursor: pointer;
	display: inline-block;
	font-weight: 700;
	line-height: 20px;
	margin: 8px 4px 0 0;
	padding: 6px 12px;
	text-align: center
}

.button.wide,
button.wide,
input[type=button].wide,
input[type=submit].wide {
	padding-left: 24px;
	padding-right: 24px
}

.button {
	position: relative
}

.button:hover,
button:hover,
input[type=button]:hover,
input[type=submit]:hover {
	background-color: #dfe1e6;
	box-shadow: 0 1px 0 0 rgba(9, 30, 66, .25);
	border: none
}

.button:active,
button:active,
input[type=button]:active,
input[type=submit]:active {
	background-color: #172b4d;
	box-shadow: 0 1px 0 0 #091e42;
	border: none;
	color: #fff
}

.button:active .icon-sm,
button:active .icon-sm,
input[type=button]:active .icon-sm,
input[type=submit]:active .icon-sm {
	color: #fff
}

.button.primary,
button.primary,
input[type=button].primary,
input[type=submit].primary {
	background-color: #5aac44;
	box-shadow: 0 1px 0 0 #3f6f21;
	border: none;
	color: #fff
}

.button.primary:hover,
button.primary:hover,
input[type=button].primary:hover,
input[type=submit].primary:hover {
	background-color: #519839;
	box-shadow: 0 1px 0 0 #3f6f21;
	border: none;
	color: #fff
}

.button.primary:active,
button.primary:active,
input[type=button].primary:active,
input[type=submit].primary:active {
	background-color: #49852e;
	box-shadow: 0 1px 0 0 #3f6f21;
	border: none;
	color: #fff
}

.button.negate,
button.negate,
input[type=button].negate,
input[type=submit].negate {
	background-color: #cf513d;
	box-shadow: 0 1px 0 0 #6e2f1a;
	border: none;
	color: #fff
}

.button.negate:hover,
button.negate:hover,
input[type=button].negate:hover,
input[type=submit].negate:hover {
	background-color: #b04632;
	box-shadow: 0 1px 0 0 #6e2f1a;
	border: none;
	color: #fff
}

.button.negate:active,
button.negate:active,
input[type=button].negate:active,
input[type=submit].negate:active {
	background-color: #6e2f1a;
	box-shadow: 0 1px 0 0 #6e2f1a;
	border: none;
	color: #fff
}

.button.subtle,
button.subtle,
input[type=button].subtle,
input[type=submit].subtle {
	background-color: transparent;
	border: none;
	box-shadow: none;
	color: #172b4d;
	font-weight: 400;
	background-color: rgba(9, 30, 66, .08);
	text-align: left
}

.button.subtle:hover,
button.subtle:hover,
input[type=button].subtle:hover,
input[type=submit].subtle:hover {
	background-color: transparent;
	border: none;
	box-shadow: none;
	color: #172b4d;
	background-color: rgba(9, 30, 66, .13)
}

.button.subtle:active,
button.subtle:active,
input[type=button].subtle:active,
input[type=submit].subtle:active {
	background-color: transparent;
	border: none;
	box-shadow: none;
	color: #172b4d;
	background-color: rgba(9, 30, 66, .25)
}

.button.disabled,
.button.disabled.primary:focus,
.button.disabled:active,
.button.disabled:focus,
.button.disabled:hover,
button.disabled,
button.disabled.primary:focus,
button.disabled:active,
button.disabled:focus,
button.disabled:hover,
input[type=button].disabled,
input[type=button].disabled.primary:focus,
input[type=button].disabled:active,
input[type=button].disabled:focus,
input[type=button].disabled:hover,
input[type=submit].disabled,
input[type=submit].disabled.primary:focus,
input[type=submit].disabled:active,
input[type=submit].disabled:focus,
input[type=submit].disabled:hover,
input[type=submit]:disabled,
input[type=submit]:disabled:hover {
	background-color: #ebecf0;
	box-shadow: none;
	border: none;
	color: #a5adba;
	cursor: not-allowed
}

.button.google,
button.google,
input[type=button].google,
input[type=submit].google {
	background: linear-gradient(180deg, #4285f0 0, #2b75ee);
	color: #fff
}

.button.google:hover,
button.google:hover,
input[type=button].google:hover,
input[type=submit].google:hover {
	background: linear-gradient(180deg, #2b75ee 0, #1366ec)
}

.button.google:active,
button.google:active,
input[type=button].google:active,
input[type=submit].google:active {
	background: linear-gradient(180deg, #1366ec 0, #115cd4)
}

.button.with-icon {
	box-sizing: border-box;
	color: #fff;
	padding: 6px 16px 6px 30px;
	text-align: left
}

.button.with-icon .icon-sm {
	left: 7px;
	position: absolute;
	top: 7px
}

.button.with-icon.google .icon-sm {
	font-size: 15px
}

.button.negate .icon-sm,
.button.negate:active .icon-sm,
.button.negate:hover .icon-sm,
.button.primary .icon-sm,
.button.primary:active .icon-sm,
.button.primary:hover .icon-sm,
.button:active .icon-sm {
	color: #fff
}

.button.subtle .icon-sm,
.button.subtle:active .icon-sm,
.button.subtle:hover .icon-sm {
	color: #42526e
}

input.mod-inline-with-text-input {
	margin: 4px 0 0;
	padding: 6px 14px
}

input.mod-compact,
input.mod-no-top-bottom-margin {
	margin-top: 0;
	margin-bottom: 0
}

input.mod-compact {
	vertical-align: top
}

input.mod-submit-edit {
	float: left;
	margin: 0 4px 0 0
}

input.mod-list-add-button {
	float: left;
	min-height: 30px;
	height: 30px;
	margin-top: 0;
	padding-top: 4px;
	padding-bottom: 4px
}

textarea.mod-card-back-title {
	background: transparent;
	border-radius: 3px;
	box-shadow: none;
	font-size: 20px;
	font-weight: 700;
	height: 32px;
	line-height: 24px;
	margin: -4px -8px;
	min-height: 24px;
	padding: 4px 8px;
	resize: none
}

textarea.mod-card-back-title:disabled {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #172b4d;
	-webkit-text-fill-color: #172b4d
}

textarea.mod-card-back-title.is-editing,
textarea.mod-card-back-title:focus {
	background: #fff;
	border: none;
	box-shadow: inset 0 0 0 2px #0079bf
}

textarea.mod-list-name {
	background: transparent;
	border-radius: 3px;
	box-shadow: none;
	font-weight: 700;
	margin: -4px 0;
	height: 20px;
	min-height: 20px;
	padding: 4px 8px;
	resize: none;
	max-height: 256px
}

textarea.mod-list-name:disabled {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #172b4d;
	-webkit-text-fill-color: #172b4d
}

textarea.mod-list-name.is-editing,
textarea.mod-list-name:focus {
	background: #fff;
	border: none;
	box-shadow: inset 0 0 0 2px #0079bf
}

textarea.mod-card-back-location-name {
	background: transparent;
	border-radius: 3px;
	box-shadow: none;
	font-size: 14px;
	font-weight: 700;
	height: 20px;
	line-height: 20px;
	margin-bottom: 0;
	margin-left: -8px;
	min-height: 20px;
	padding: 4px 8px;
	resize: none
}

textarea.mod-card-back-location-name:disabled {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #172b4d;
	-webkit-text-fill-color: #172b4d
}

textarea.mod-card-back-location-name.is-editing,
textarea.mod-card-back-location-name:focus {
	background: #fff;
	border: none;
	box-shadow: inset 0 0 0 2px #0079bf
}

@media print {
	textarea.mod-list-name {
		display: none
	}
}

.button-link {
	background-color: #ebecf0;
	box-shadow: 0 1px 0 0 rgba(9, 30, 66, .13);
	border: none;
	border-radius: 3px;
	box-sizing: border-box;
	cursor: pointer;
	display: block;
	font-weight: 700;
	height: 32px;
	margin-top: 8px;
	max-width: 300px;
	overflow: hidden;
	padding: 6px 12px;
	position: relative;
	text-decoration: none;
	text-overflow: ellipsis;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	white-space: nowrap;
	transition-property: background-color, border-color, box-shadow;
	transition-duration: 85ms;
	transition-timing-function: ease
}

.button-link>.icon-sm {
	margin: 0 4px 0 -4px
}

.button-link.highlight {
	background: #61bd4f;
	color: #fff;
	text-align: center
}

.button-link.highlight:hover {
	background: #5aac44
}

.button-link .on {
	background-color: #61bd4f;
	border-radius: 3px;
	display: none;
	font-size: 12px;
	font-weight: 700;
	height: 20px;
	line-height: 20px;
	margin: 0;
	padding: 2px 4px;
	position: absolute;
	right: 4px;
	top: 4px;
	text-align: center
}

.button-link .on .icon-sm {
	color: #fff!important
}

.button-link.is-on {
	padding-right: 32px
}

.button-link.is-on .on {
	display: block
}

.button-link.mod-inline {
	display: inline-block;
	margin: 8px 4px 0 0
}

.button-link.inline {
	color: #6b778c;
	padding: 2px 14px;
	margin-left: 4px
}

.button-link.setting {
	height: 48px;
	float: left;
	position: relative;
	margin-top: 0
}

.button-link.setting .label {
	color: #6b778c;
	display: block;
	font-size: 12px;
	line-height: 14px;
	margin-bottom: 0
}

.button-link.setting:hover .label {
	color: #172b4d
}

.button-link.setting .value {
	display: block;
	font-size: 18px;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis
}

.button-link.setting label {
	display: none
}

.button-link.setting select {
	border: none;
	cursor: pointer;
	height: 50px;
	left: 0;
	margin: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	z-index: 2;
	width: 100%
}

.button-link.setting.disabled select {
	display: none
}

.button-link.setting.disabled .label {
	color: inherit
}

.button-link.disabled,
.button-link.disabled.primary,
.button-link.disabled.primary:active,
.button-link.disabled.primary:hover,
.button-link.disabled:active,
.button-link.disabled:hover {
	background-color: #ebecf0;
	box-shadow: none;
	border: none;
	color: #a5adba;
	cursor: not-allowed
}

.button-link.disabled .icon-sm,
.button-link.disabled.primary .icon-sm,
.button-link.disabled.primary:active .icon-sm,
.button-link.disabled.primary:hover .icon-sm,
.button-link.disabled:active .icon-sm,
.button-link.disabled:hover .icon-sm {
	color: #a5adba
}

.button-link:hover {
	background-color: #dfe1e6;
	box-shadow: 0 1px 0 0 rgba(9, 30, 66, .25);
	border: none
}

.button-link:active {
	background-color: #172b4d;
	box-shadow: 0 1px 0 0 #091e42;
	border: none;
	color: #fff
}

.button-link:active .icon-sm {
	color: #fff
}

.button-link.primary {
	background-color: #5aac44;
	box-shadow: 0 1px 0 0 #3f6f21;
	border: none;
	color: #fff
}

.button-link.primary .icon-sm {
	color: #fff
}

.button-link.primary:hover {
	background-color: #519839;
	box-shadow: 0 1px 0 0 #3f6f21;
	border: none;
	color: #fff
}

.button-link.primary:active {
	background-color: #49852e;
	box-shadow: 0 1px 0 0 #3f6f21;
	border: none;
	color: #fff
}

.button-link.negate {
	background-color: #cf513d;
	box-shadow: 0 1px 0 0 #6e2f1a;
	border: none;
	color: #fff
}

.button-link.negate .icon-sm {
	color: #fff
}

.button-link.negate:hover {
	background-color: #b04632;
	box-shadow: 0 1px 0 0 #6e2f1a;
	border: none;
	color: #fff
}

.button-link.negate:active {
	background-color: #6e2f1a;
	box-shadow: 0 1px 0 0 #6e2f1a;
	border: none;
	color: #fff
}

.button-link.autowrap {
	height: inherit;
	white-space: normal;
	display: flex;
	flex-direction: row;
	align-items: center
}

.button-link.mod-full {
	max-width: none;
	width: 100%
}

.button-link.mod-inline-block {
	display: inline-block
}

.big-link {
	border-radius: 3px;
	display: block;
	margin: 4px 0 4px 40px;
	padding: 12px;
	position: relative;
	text-decoration: none;
	font-size: 16px;
	line-height: 20px
}

.big-link .text {
	text-decoration: underline
}

.big-link:hover {
	background-color: rgba(9, 30, 66, .13)
}

.big-link.options {
	padding-right: 41px
}

.big-link .option {
	height: 32px;
	position: absolute;
	right: 6px;
	top: 6px;
	width: 32px
}

.big-link .option.spinner,
.big-link.sending .option.icon-check {
	display: none
}

.big-link.sending .option.spinner {
	display: block
}

.big-link.none {
	color: #6b778c;
	text-decoration: none
}

.big-link.none:hover {
	background: transparent
}

.show-more {
	border-radius: 3px;
	clear: both;
	color: #6b778c;
	display: block;
	padding: 16px 8px 16px 40px;
	margin-top: 16px
}

.show-more:hover {
	background-color: rgba(9, 30, 66, .13);
	text-decoration: underline
}

.show-more:active {
	background-color: rgba(9, 30, 66, .25)
}

.show-more.mod-compact {
	padding: 12px 8px;
	margin: 8px 0 0;
	text-align: center
}

.uploader {
	clear: both;
	cursor: pointer;
	position: relative;
	height: 34px;
	width: 100%
}

.uploader .realfile {
	position: absolute;
	top: 0;
	left: 0
}

.uploader .realfile,
.uploader .realfile input[type=file] {
	cursor: pointer;
	height: 34px;
	line-height: 34px;
	width: 100%;
	font-size: 23px
}

.uploader .realfile input[type=file] {
	margin: 0;
	opacity: 0;
	padding: 0;
	z-index: 2
}

.uploader:hover .fakefile:not(.button-link) {
	background: #298fca;
	border-color: #298fca;
	border-bottom-color: #0079bf;
	color: #fff
}

.uploader:hover .fakefile:not(.button-link) .icon-sm {
	color: #fff
}

.uploader:hover .fakefile.button-link {
	background-color: #dfe1e6;
	box-shadow: 0 1px 0 0 rgba(9, 30, 66, .25);
	border: none
}

.uploader:hover .fakefile.button-link .icon-sm {
	color: #172b4d
}

.uploader:hover .fakefile.button-link:active {
	background-color: #172b4d;
	box-shadow: 0 1px 0 0 #091e42;
	border: none;
	color: #fff
}

.uploader:hover .fakefile.button-link:active .icon-sm {
	color: #fff
}

.explorer-10 input[type=file] {
	-webkit-transform: translate(-270px) scaleX(4);
	transform: translate(-270px) scaleX(4)
}

.explorer-10 input[type=file].upload-emoji {
	-webkit-transform: none;
	transform: none
}

.explorer-10 input[type=file].upload-background,
.explorer-10 input[type=file].upload-sticker-input {
	-webkit-transform: translate(-100px) scaleX(4);
	transform: translate(-100px) scaleX(4)
}

.quiet-button {
	border-radius: 3px;
	color: #6b778c;
	display: block;
	margin: 2px 0;
	padding: 6px 12px;
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	transition-property: background-color, border-color, box-shadow;
	transition-duration: 85ms;
	transition-timing-function: ease
}

.quiet-button:hover {
	background-color: rgba(9, 30, 66, .13);
	color: #172b4d
}

.quiet-button:active {
	background-color: rgba(9, 30, 66, .25);
	color: #172b4d
}

.quiet-button-icon {
	left: 6px;
	position: absolute;
	top: 6px
}

.quiet-button.mod-with-image {
	padding-left: 28px
}

.quiet-button.mod-gutter {
	padding-left: 40px
}

.emphasis-button {
	border-radius: 3px;
	background: #f5ea92;
	display: block;
	margin: 2px 0;
	padding: 6px 8px;
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.emphasis-button:hover {
	background: #f3e260
}

.emphasis-button:active {
	background: #f5dd29
}

.emphasis-button-icon {
	left: 6px;
	position: absolute;
	top: 6px
}

.emphasis-button.mod-with-image {
	padding-left: 28px
}

.unstyled-button,
.unstyled-button:active,
.unstyled-button:focus,
.unstyled-button:hover {
	background: none;
	border: none;
	border-radius: 0;
	box-shadow: none;
	color: inherit;
	font-weight: inherit;
	line-height: inherit;
	margin: 0;
	min-height: 0;
	padding: 0;
	text-align: left
}

@font-face {
	font-family: trellicons;
	src: url(https://a.trellocdn.com/prgb/dist/fonts/trellicons.e22f9911a4950ab92f97.eot);
	src: url(https://a.trellocdn.com/prgb/dist/fonts/trellicons.e22f9911a4950ab92f97.eot#iefix) format("embedded-opentype"), url(https://a.trellocdn.com/prgb/dist/fonts/trellicons.d4a0d5ef25556ffd0efa.ttf) format("truetype"), url(https://a.trellocdn.com/prgb/dist/fonts/trellicons.552e4d0361d45729d47b.woff) format("woff");
	font-weight: 400;
	font-style: normal
}

.icon-lg,
.icon-md,
.icon-sm {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: inline-block;
	font-family: trellicons;
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	vertical-align: bottom
}

.icon-lg.mod-quiet,
.icon-md.mod-quiet,
.icon-sm.mod-quiet {
	color: #6b778c
}

.icon-lg {
	font-size: 24px
}

.icon-lg,
.icon-md {
	height: 32px;
	line-height: 32px;
	width: 32px
}

.icon-md {
	font-size: 20px
}

.icon-sm {
	height: 20px;
	font-size: 16px;
	line-height: 20px;
	width: 20px
}

.icon-activity:before {
	content: "\E900"
}

.icon-add:before {
	content: "\E901"
}

.icon-add-member:before {
	content: "\E902"
}

.icon-add-reaction:before {
	content: "\E903"
}

.icon-admin-chevron:before {
	content: "\E904"
}

.icon-app-store:before {
	content: "\E905"
}

.icon-archive:before {
	content: "\E906"
}

.icon-attachment:before {
	content: "\E907"
}

.icon-back:before {
	content: "\E908"
}

.icon-board:before {
	content: "\E909"
}

.icon-box:before {
	content: "\E90A"
}

.icon-business-class:before {
	content: "\E90B"
}

.icon-butler-bot:before {
	content: "\E90C"
}

.icon-calendar:before {
	content: "\E90D"
}

.icon-camera:before {
	content: "\E90E"
}

.icon-card:before {
	content: "\E90F"
}

.icon-card-cover:before {
	content: "\E910"
}

.icon-card-recurring:before {
	content: "\E911"
}

.icon-check:before {
	content: "\E912"
}

.icon-checkbox-checked:before {
	content: "\E913"
}

.icon-checkbox-unchecked:before {
	content: "\E914"
}

.icon-checklist:before {
	content: "\E915"
}

.icon-clock:before {
	content: "\E916"
}

.icon-close:before {
	content: "\E917"
}

.icon-collection:before {
	content: "\E918"
}

.icon-comment:before {
	content: "\E919"
}

.icon-copy:before {
	content: "\E91A"
}

.icon-custom-field:before {
	content: "\E91B"
}

.icon-description:before {
	content: "\E91C"
}

.icon-documents:before {
	content: "\E91D"
}

.icon-down:before {
	content: "\E91E"
}

.icon-download:before {
	content: "\E91F"
}

.icon-dropbox:before {
	content: "\E920"
}

.icon-dropdown-options:before {
	content: "\E921"
}

.icon-edit:before {
	content: "\E922"
}

.icon-email:before {
	content: "\E923"
}

.icon-emoji:before {
	content: "\E924"
}

.icon-enterprise:before {
	content: "\E925"
}

.icon-external-link:before {
	content: "\E926"
}

.icon-facebook:before {
	content: "\E927"
}

.icon-filter:before {
	content: "\E928"
}

.icon-fogbugz:before {
	content: "\E929"
}

.icon-forward:before {
	content: "\E92A"
}

.icon-gear:before {
	content: "\E92B"
}

.icon-github:before {
	content: "\E92C"
}

.icon-google:before {
	content: "\E92D"
}

.icon-google-drive:before {
	content: "\E92E"
}

.icon-heart:before {
	content: "\E92F"
}

.icon-help:before {
	content: "\E930"
}

.icon-home:before {
	content: "\E931"
}

.icon-house:before {
	content: "\E932"
}

.icon-image:before {
	content: "\E933"
}

.icon-information:before {
	content: "\E934"
}

.icon-instagram:before {
	content: "\E935"
}

.icon-kiln:before {
	content: "\E936"
}

.icon-label:before {
	content: "\E937"
}

.icon-leave-board:before {
	content: "\E938"
}

.icon-lightbulb:before {
	content: "\E939"
}

.icon-lightbulb-lit:before {
	content: "\E93A"
}

.icon-list:before {
	content: "\E93B"
}

.icon-location:before {
	content: "\E93C"
}

.icon-log-out:before {
	content: "\E93D"
}

.icon-member:before {
	content: "\E93E"
}

.icon-mention:before {
	content: "\E93F"
}

.icon-microphone:before {
	content: "\E940"
}

.icon-microphone-off:before {
	content: "\E941"
}

.icon-move:before {
	content: "\E942"
}

.icon-nearby:before {
	content: "\E943"
}

.icon-notification:before {
	content: "\E944"
}

.icon-number:before {
	content: "\E945"
}

.icon-onedrive:before {
	content: "\E946"
}

.icon-open-source:before {
	content: "\E947"
}

.icon-organization:before {
	content: "\E948"
}

.icon-organization-visible:before {
	content: "\E949"
}

.icon-overflow-menu-horizontal:before {
	content: "\E94A"
}

.icon-overflow-menu-vertical:before {
	content: "\E94B"
}

.icon-password-manager:before {
	content: "\E94C"
}

.icon-power-up:before {
	content: "\E94D"
}

.icon-preferences:before {
	content: "\E94E"
}

.icon-private:before {
	content: "\E94F"
}

.icon-public:before {
	content: "\E950"
}

.icon-refresh:before {
	content: "\E951"
}

.icon-remove:before {
	content: "\E952"
}

.icon-remove-member:before {
	content: "\E953"
}

.icon-reply:before {
	content: "\E954"
}

.icon-screenshare:before {
	content: "\E955"
}

.icon-search:before {
	content: "\E956"
}

.icon-selection-mode:before {
	content: "\E957"
}

.icon-send:before {
	content: "\E958"
}

.icon-share:before {
	content: "\E959"
}

.icon-star:before {
	content: "\E95A"
}

.icon-starred:before {
	content: "\E95B"
}

.icon-sticker:before {
	content: "\E95C"
}

.icon-subscribe:before {
	content: "\E95D"
}

.icon-sync:before {
	content: "\E95E"
}

.icon-taco:before {
	content: "\E95F"
}

.icon-text:before {
	content: "\E960"
}

.icon-trash:before {
	content: "\E961"
}

.icon-trello-gold:before {
	content: "\E962"
}

.icon-twitter:before {
	content: "\E963"
}

.icon-up:before {
	content: "\E964"
}

.icon-video:before {
	content: "\E965"
}

.icon-video-off:before {
	content: "\E966"
}

.icon-vote:before {
	content: "\E967"
}

.icon-warning:before {
	content: "\E968"
}

.icon-enterprise-dashboard:before {
	content: "\E925"
}

.icon-custom {
	text-align: center;
	vertical-align: middle
}

.icon-custom:before {
	content: "";
	display: inline-block;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover
}

.icon-custom.icon-sm,
.icon-custom.icon-sm:before {
	width: 12px;
	height: 12px
}

.icon-custom.icon-lg {
	width: 16px;
	height: 23px;
	line-height: 16px
}

.icon-custom.icon-lg:before {
	width: 16px;
	height: 16px
}

.icon-custom.icon-checkbox-indeterminate:before {
	background-image: url(https://a.trellocdn.com/prgb/dist/images/icon_checkbox_indeterminate.c8ec68ef6c4548aa7363.svg)
}

.icon-custom.icon-butler-bot:before {
	background-image: url(https://a.trellocdn.com/prgb/dist/images/icon-butler-bot.e6d2c7c324fb8f270937.svg)
}

.icon-lg,
.icon-md,
.icon-sm {
	color: #42526e
}

.dark-hover:hover .icon-lg,
.dark-hover:hover .icon-md,
.dark-hover:hover .icon-sm,
.icon-lg.dark,
.icon-lg.dark-hover:hover,
.icon-md.dark,
.icon-md.dark-hover:hover,
.icon-sm.dark,
.icon-sm.dark-hover:hover {
	color: #172b4d;
	text-decoration: none
}

.icon-lg.light,
.icon-lg.light-hover:hover,
.icon-md.light,
.icon-md.light-hover:hover,
.icon-sm.light,
.icon-sm.light-hover:hover,
.light-hover:hover .icon-lg,
.light-hover:hover .icon-md,
.light-hover:hover .icon-sm {
	color: #fff;
	text-decoration: none
}

.dark-background-hover:hover .icon-lg,
.dark-background-hover:hover .icon-md,
.dark-background-hover:hover .icon-sm,
.icon-lg.dark-background-hover:hover,
.icon-md.dark-background-hover:hover,
.icon-sm.dark-background-hover:hover {
	background-color: rgba(9, 30, 66, .13);
	color: #172b4d;
	border-radius: 3px;
	text-decoration: none
}

.dark-background-hover:active .icon-lg,
.dark-background-hover:active .icon-md,
.dark-background-hover:active .icon-sm,
.icon-lg.dark-background-hover:active,
.icon-md.dark-background-hover:active,
.icon-sm.dark-background-hover:active {
	background-color: rgba(9, 30, 66, .25);
	color: #172b4d;
	border-radius: 3px;
	text-decoration: none
}

.icon-private {
	color: #eb5a46
}

.dark-hover:hover .icon-private,
.icon-private.dark-hover:hover {
	color: #cf513d
}

.icon-organization-visible {
	color: #f2d600
}

.dark-hover:hover .icon-organization-visible,
.icon-organization-visible.dark-hover:hover {
	color: #e6c60d
}

.icon-public {
	color: #61bd4f
}

.dark-hover:hover .icon-public,
.icon-public.dark-hover:hover {
	color: #5aac44
}

.icon-star-active {
	color: #f2d600
}

.icon-business-class-color {
	color: #42548e
}

.icon-trello-gold-color {
	color: #d9b51c
}

.icon-facebook-color {
	color: #3b5998
}

.icon-google-color {
	color: #e11a31
}

.icon-twitter-color {
	color: #00aced
}

.spinner {
	background-size: 30px 30px;
	display: block;
	height: 30px;
	width: 30px
}

.spinner.centered {
	margin: 0 auto
}

.spinner.small {
	background-size: 18px 18px;
	height: 18px;
	width: 18px
}

.spinner.spinner--inline {
	display: inline-block;
	vertical-align: middle
}

.spinner.mod-left {
	margin-right: 3px
}

.spinner.is-hidden {
	visibility: hidden
}

.tooltip-container {
	display: block;
	margin: 4px 0;
	max-width: 200px;
	position: absolute;
	z-index: 100
}

.tooltip-close-button {
	color: #fff;
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0
}

.tooltip-close-button .icon-sm {
	color: #fff
}

.tooltip-trigger {
	text-decoration: none;
	color: #0079bf;
	cursor: pointer
}

.tooltip-trigger .icon-sm {
	color: #0079bf
}

.tooltip-trigger:hover,
.tooltip-trigger:hover .icon-sm {
	color: #026aa7
}

.selected:not(.disabled) .tooltip-trigger {
	color: #fff
}

.selected:not(.disabled) .tooltip-trigger .icon-sm {
	color: hsla(0, 0%, 100%, .5)
}

.selected:not(.disabled) .tooltip-trigger:hover,
.selected:not(.disabled) .tooltip-trigger:hover .icon-sm {
	color: #fff
}

.tooltip-content {
	word-break: break-word;
	word-wrap: break-word;
	overflow-wrap: break-word;
	background-color: #172b4d;
	border-radius: 3px;
	color: #fff;
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
	padding: 2px 8px;
	position: relative;
	box-sizing: border-box;
	width: auto;
	opacity: 0;
	transition: opacity .1s ease-in 0s
}

.tooltip-content.active {
	visibility: visible;
	opacity: 1;
	transition: opacity .1s ease-in 0s
}

.tooltip-content.tooltip-content-closeable {
	padding-right: 20px
}

.tooltip-content p {
	margin: 0
}

.tooltip-content p.with-top-margin {
	margin-top: 1em
}

.tooltip-container.tooltip-billing {
	max-width: 224px
}

.tooltip-container.tooltip-billing .tooltip-content {
	box-shadow: 0 4px 8px -2px rgba(9, 30, 66, .25), 0 0 0 1px rgba(9, 30, 66, .08);
	background: #fff;
	color: #172b4d;
	padding: 16px 16px 0
}

.tooltip-container.tooltip-billing .tooltip-content h3 {
	color: #172b4d;
	font-size: 14px;
	margin-bottom: 8px
}

.tooltip-container.tooltip-billing .tooltip-content p {
	color: #6b778c;
	font-weight: 400;
	margin-bottom: 12px
}

.tooltip-container.tooltip-billing .tooltip-content img {
	max-width: 100%;
	margin-bottom: 16px
}

.tooltip-container.tooltip-billing .tooltip-content img:first-of-type {
	margin-bottom: 16px
}

.tooltip-container.tooltip-billing .tooltip-close-button .icon-sm {
	color: #42526e
}

.helper {
	background-color: rgba(9, 30, 66, .08);
	border-radius: 3px;
	margin: 0;
	padding: 6px 12px;
	width: auto
}

.helper,
a.helper {
	color: #6b778c
}

a.helper:hover {
	background-color: rgba(9, 30, 66, .13);
	color: #172b4d
}

a.helper:active {
	background-color: rgba(9, 30, 66, .25);
	color: #172b4d
}

.empty,
.empty-list {
	background-color: rgba(9, 30, 66, .08);
	border-radius: 3px;
	color: #6b778c;
	display: block;
	padding: 8px 12px;
	text-align: center
}

.empty-list {
	border-radius: 6px;
	padding: 24px 12px
}

.search-results-page-contents .empty-list {
	margin: 12px 0 0 56px
}

.window-module .empty-list {
	margin: 8px 0 0 40px
}

.loading {
	margin: 19px auto;
	text-align: center
}

.logo-loading {
	background-color: rgba(0, 0, 0, .5);
	border-radius: 3px;
	box-sizing: border-box;
	display: none;
	font-size: 0;
	height: 32px;
	text-align: left;
	vertical-align: middle;
	width: 32px
}

.logo-loading.active {
	display: inline-block
}

.logo-loading:after,
.logo-loading:before {
	-webkit-animation-name: loadingAnim;
	animation-name: loadingAnim;
	-webkit-animation-direction: alternate;
	animation-direction: alternate;
	-webkit-animation-duration: .25s;
	animation-duration: .25s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	background-color: #f4f5f7;
	border-radius: 2px;
	content: "";
	display: inline-block;
	height: 22px;
	margin: 4px 0 0 4px;
	vertical-align: top;
	width: 10px
}

.logo-loading:after {
	animation-direction: alternate-reverse;
	-webkit-animation-duration: .24s;
	animation-duration: .24s;
	height: 11px;
	margin-left: 4px
}

.logo-loading.subtle {
	background: none;
	height: auto;
	width: auto
}

.logo-loading.subtle:after,
.logo-loading.subtle:before {
	background-color: rgba(0, 0, 0, .4);
	margin-top: 0
}

.logo-loading.subtle:before {
	margin-left: 0
}

@-webkit-keyframes loadingAnim {
	0% {
		height: 20px
	}
	to {
		height: 11px
	}
}

@keyframes loadingAnim {
	0% {
		height: 20px
	}
	to {
		height: 11px
	}
}

.search-with-spinner {
	height: 30px;
	position: relative
}

.search-with-spinner input {
	padding-right: 30px
}

.search-with-spinner .spinner {
	position: absolute;
	top: 6px;
	right: 6px
}

.known-service-link {
	background: #dfe1e6;
	border-radius: 3px;
	padding: 2px 4px
}

.known-service-link:hover {
	background: #c1c7d0
}

.known-service-icon {
	height: 14px;
	margin-right: 3px;
	vertical-align: middle;
	width: 14px
}

.emoji {
	height: 18px;
	width: 18px;
	vertical-align: text-bottom
}

.datepicker-select-date,
.datepicker-select-time {
	box-sizing: border-box;
	float: left;
	width: 50%
}

.datepicker-select-date {
	padding-right: 12px
}

.datepicker-select-label {
	margin-bottom: 4px
}

.datepicker-select-input {
	padding: 4px 6px;
	width: 100%
}

.datepicker-confirm-btns .remove-date {
	float: right;
	margin-right: 0
}

.reminder-clarification {
	color: #6b778c
}

.pika-single {
	display: block;
	position: relative;
	background: #fff
}

.pika-single button {
	border-radius: 0;
	border: none;
	background: none;
	font-weight: 400;
	box-shadow: none;
	margin: 0
}

.pika-single:after,
.pika-single:before {
	content: " ";
	display: table
}

.pika-single:after {
	clear: both
}

.pika-single .pika-title {
	position: relative;
	text-align: center
}

.pika-single .pika-label {
	display: inline-block;
	position: relative;
	z-index: 9999;
	border-radius: 3px;
	cursor: pointer;
	padding: 6px 10px;
	color: #6b778c;
	text-decoration: underline;
	margin: 6px 0;
	line-height: 20px;
	margin-left: 0;
	margin-right: 0;
	padding-left: 4px;
	padding-right: 4px;
	transition-property: background-color, border-color, box-shadow;
	transition-duration: 85ms;
	transition-timing-function: ease
}

.pika-single .pika-label:hover {
	background-color: rgba(9, 30, 66, .13);
	color: #172b4d
}

.pika-single .pika-label:active {
	background-color: rgba(9, 30, 66, .25);
	color: #172b4d
}

.pika-single .pika-label.is-disabled {
	cursor: default;
	opacity: .2
}

.pika-single .pika-title select {
	cursor: pointer;
	position: absolute;
	z-index: 9998;
	margin: 0;
	left: 0;
	top: 5px;
	filter: alpha(opacity=0);
	opacity: 0
}

.pika-single .pika-next,
.pika-single .pika-prev {
	display: block;
	position: relative;
	outline: none;
	white-space: nowrap;
	border-radius: 3px;
	cursor: pointer;
	padding: 6px 10px;
	color: #6b778c;
	text-decoration: underline;
	margin: 6px 0;
	line-height: 20px
}

.pika-single .pika-next:hover,
.pika-single .pika-prev:hover {
	background-color: rgba(9, 30, 66, .13);
	color: #172b4d
}

.pika-single .pika-next:active,
.pika-single .pika-prev:active {
	background-color: rgba(9, 30, 66, .25);
	color: #172b4d
}

.pika-single .pika-next.is-disabled,
.pika-single .pika-prev.is-disabled {
	cursor: default;
	opacity: .2
}

.pika-single .is-rtl .pika-next,
.pika-single .pika-prev {
	float: left
}

.pika-single .is-rtl .pika-prev,
.pika-single .pika-next {
	float: right
}

.pika-single .pika-select {
	display: inline-block
}

.pika-single .pika-table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0
}

.pika-single .pika-table td,
.pika-single .pika-table th {
	width: 14.285714285714286%;
	padding: 0;
	text-align: center
}

.pika-single .pika-table td {
	background-color: #f4f5f7
}

.pika-single .pika-table th {
	line-height: 25px;
	font-weight: 700
}

.pika-single .pika-button {
	cursor: pointer;
	display: block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	outline: none;
	border: 0;
	margin: 0;
	width: 100%;
	padding: 4px;
	line-height: 20px;
	background: #fff
}

.pika-single .is-today .pika-button {
	color: #0079bf;
	font-weight: 700
}

.pika-single .is-selected .pika-button {
	color: #fff;
	background: #0079bf
}

.pika-single .is-selected .pika-button:hover {
	background: #298fca
}

.pika-single .is-disabled .pika-button {
	pointer-events: none;
	cursor: default;
	color: #6b778c;
	opacity: .3
}

.pika-single .pika-button:hover {
	background-color: rgba(9, 30, 66, .13)
}

.pika-single .pika-table abbr {
	border-bottom: none;
	text-decoration: none
}

.setting-item {
	display: flex;
	margin-left: 38px
}

.setting-item-detail {
	flex: 1;
	padding: 4px 8px 0 0
}

.setting-item-action {
	flex: 0 0 100px
}

.setting-item-hint-wrapper {
	margin-left: 38px;
	margin-top: 4px
}

@media only screen and (max-width:750px) {
	.setting-item {
		display: block
	}
}

.slack-team {
	margin-left: 38px
}

.slack-team-header {
	border-bottom: 1px solid #d6dadc;
	display: flex;
	margin-bottom: 4px
}

.slack-team-body {
	display: flex
}

.slack-team-detail {
	flex: 1;
	padding: 4px 8px 0 0
}

.slack-team-action {
	flex: 0 0 100px
}

.slack-team-icon {
	border-radius: 6px;
	height: 36px;
	margin: 0 12px 0 0;
	width: 36px
}

.slack-bc-upsell {
	font-weight: 700;
	color: #42548e;
	margin-left: 24px
}

@media only screen and (max-width:750px) {
	.slack-team {
		display: block
	}
}

.pop-over-ad {
	padding: 8px 8px 8px 66px;
	margin-top: 8px;
	cursor: pointer;
	display: block;
	position: relative;
	text-decoration: none
}

.pop-over-ad .ad-close {
	position: absolute;
	top: 2px;
	right: 2px
}

.pop-over-ad .pop-over-ad-icon {
	position: absolute;
	top: 10px;
	left: 16px;
	background-size: 32px 28px;
	width: 32px;
	height: 28px;
	transition: all .15s ease-out
}

.pop-over-ad:hover .pop-over-ad-icon {
	-webkit-transform: scale(1.25);
	transform: scale(1.25)
}

.pop-over-ad .title {
	display: block;
	font-weight: 700;
	line-height: 16px
}

.pop-over-ad .features,
.pop-over-ad .learn-more {
	display: block;
	font-size: 12px;
	margin: 2px 0
}

.pop-over-ad.business-class-ad {
	background: linear-gradient(180deg, #e2e6e9 0, #d7dce0);
	border-radius: 3px;
	border: 1px solid #dfe1e6;
	border-bottom-color: #c1c7d0;
	color: #596a73;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.pop-over-ad.business-class-ad:hover {
	background: linear-gradient(180deg, #dde1e4 0, #d1d8db);
	border-color: #dfe1e6;
	border-bottom-color: #c1c7d0
}

.pop-over-ad.business-class-ad .pop-over-ad-icon {
	top: 12px;
	left: 16px
}

.pop-over-ad.business-class-ad.ads-layout-experiment {
	background: #42548e;
	color: #fff;
	padding: 16px;
	border-radius: 8px
}

.pop-over-ad.business-class-ad.ads-layout-experiment .title {
	display: block;
	font-weight: 700;
	line-height: 16px;
	padding-right: 12px
}

.pop-over-ad.business-class-ad.ads-layout-experiment .pop-over-ad-icon {
	display: none
}

.pop-over-ad.business-class-ad.ads-layout-experiment .links {
	margin-top: 10px
}

.pop-over-ad.business-class-ad.ads-layout-experiment .learn-more {
	display: inline
}

.pop-over-ad.business-class-ad.ads-layout-experiment .learn-more:before {
	content: "\2022";
	margin: 0 10px
}

.pop-over-ad.business-class-ad.ads-layout-experiment a {
	color: #fff;
	font-weight: 400;
	font-size: 14px
}

.pop-over-ad.business-class-ad.ads-layout-experiment .ad-close {
	top: 12px;
	right: 12px
}

.background-ads.ads-layout-experiment,
.org-ad.ads-layout-experiment,
.popover-share-ads.ads-layout-experiment,
.sticker-ads.ads-layout-experiment {
	background: #42548e;
	color: #fff;
	padding: 16px;
	border-radius: 8px;
	position: relative;
	margin-bottom: 12px
}

.background-ads.ads-layout-experiment .header,
.org-ad.ads-layout-experiment .header,
.popover-share-ads.ads-layout-experiment .header,
.sticker-ads.ads-layout-experiment .header {
	display: flex;
	padding-bottom: 10px
}

.background-ads.ads-layout-experiment .title,
.org-ad.ads-layout-experiment .title,
.popover-share-ads.ads-layout-experiment .title,
.sticker-ads.ads-layout-experiment .title {
	flex: 1;
	font-weight: 700
}

.background-ads.ads-layout-experiment .close-ad .icon-close,
.org-ad.ads-layout-experiment .close-ad .icon-close,
.popover-share-ads.ads-layout-experiment .close-ad .icon-close,
.sticker-ads.ads-layout-experiment .close-ad .icon-close {
	color: #fff;
	cursor: pointer;
	font-size: 14px
}

.background-ads.ads-layout-experiment .links .divider,
.org-ad.ads-layout-experiment .links .divider,
.popover-share-ads.ads-layout-experiment .links .divider,
.sticker-ads.ads-layout-experiment .links .divider {
	padding: 0 5px
}

.background-ads.ads-layout-experiment .learn-more,
.background-ads.ads-layout-experiment .links .link,
.org-ad.ads-layout-experiment .learn-more,
.org-ad.ads-layout-experiment .links .link,
.popover-share-ads.ads-layout-experiment .learn-more,
.popover-share-ads.ads-layout-experiment .links .link,
.sticker-ads.ads-layout-experiment .learn-more,
.sticker-ads.ads-layout-experiment .links .link {
	color: #fff
}

.background-ads.ads-layout-experiment .button.primary,
.org-ad.ads-layout-experiment .button.primary,
.popover-share-ads.ads-layout-experiment .button.primary,
.sticker-ads.ads-layout-experiment .button.primary {
	margin-top: 25px;
	display: block;
	background: hsla(0, 0%, 100%, .3);
	color: #fff;
	box-shadow: none;
	font-weight: 400
}

.background-ads.ads-layout-experiment .button.primary:hover,
.org-ad.ads-layout-experiment .button.primary:hover,
.popover-share-ads.ads-layout-experiment .button.primary:hover,
.sticker-ads.ads-layout-experiment .button.primary:hover {
	background: #fff;
	color: #172b4d
}

.business-class-mark {
	background-repeat: no-repeat;
	background-size: 24px 21px;
	display: block;
	height: 21px;
	width: 24px
}

.gold-promo {
	background: rgba(184, 156, 20, .35);
	padding: 8px;
	border-radius: 4px
}

.gold-promo,
.gold-promo a {
	color: #5c4e0a
}

input.subtle-input {
	background: transparent;
	border: none;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	margin: 0;
	min-height: 0;
	outline: 0;
	padding: 2px 8px
}

input.subtle-input::-webkit-input-placeholder {
	color: hsla(0, 0%, 100%, .6)
}

input.subtle-input::-ms-input-placeholder {
	color: hsla(0, 0%, 100%, .6)
}

input.subtle-input::placeholder {
	color: hsla(0, 0%, 100%, .6)
}

input.subtle-input:focus,
input.subtle-input:hover {
	border-radius: 3px
}

input.subtle-input:focus {
	background: hsla(0, 0%, 100%, .3)
}

input.subtle-input:hover {
	background: hsla(0, 0%, 100%, .15)
}

.subtle-chooser-trigger {
	align-items: center;
	background: transparent;
	color: #fff;
	display: flex;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	min-height: 0;
	padding: 2px 8px;
	text-align: left
}

.subtle-chooser-trigger .subtle-chooser-trigger-dropdown-icon {
	flex: 0 0 20px;
	margin: 0 0 0 4px
}

.subtle-chooser-trigger:focus,
.subtle-chooser-trigger:hover {
	border-radius: 3px
}

.subtle-chooser-trigger:focus {
	background: hsla(0, 0%, 100%, .3)
}

.subtle-chooser-trigger:hover {
	background: hsla(0, 0%, 100%, .15)
}

.subtle-chooser-trigger:active {
	background: hsla(0, 0%, 100%, .1)
}

.canonical-card-error {
	display: flex;
	width: 248px
}

.canonical-card-error>div {
	width: 100%
}

.canonical-card-error .canonical-card-error-card {
	margin: 8px
}

.canonical-card-error .error-card-cover {
	padding: 4px 0
}

.canonical-card-error .unauthorized-card-cover {
	background-position: center 4px;
	background-size: 100px
}

.canonical-stretch {
	width: auto
}

.canonical-board .canonical-board-link {
	text-decoration: none
}

.canonical-board-error .canonical-board-error-alert-taco,
.canonical-board-error .canonical-board-error-confused-taco {
	background-position: bottom 4px right 8px;
	background-repeat: no-repeat;
	background-size: 40px
}

.canonical-board-error .canonical-board-error-alert-taco {
	background-image: url(https://a.trellocdn.com/prgb/dist/images/canonical-card/alert-taco.c0c2af9001bc577cd570.svg)
}

.canonical-board-error .canonical-board-error-confused-taco {
	background-image: url(https://a.trellocdn.com/prgb/dist/images/canonical-card/confused-taco.1d592218314218997168.svg)
}

.canonical-board-error .canonical-board-error-bouncer-taco {
	background-image: url(https://a.trellocdn.com/prgb/dist/images/canonical-card/bouncer-taco.5ee77a1458fc988cc9bc.svg);
	background-repeat: no-repeat;
	background-position: bottom right -22px;
	background-size: 100px
}

span.inline-hint {
	color: #7a869a;
	background: #f4f5f7;
	padding: 8px;
	border-radius: 3px;
	display: inline-block
}

.form-grid {
	display: flex;
	flex-wrap: wrap;
	width: 100%
}

.form-grid-child {
	flex: 1;
	margin: 0 0 8px
}

.form-grid-child-full {
	flex: 1 1 100%
}

.form-grid-child-threequarters {
	flex: 3;
	margin-right: 8px
}

.form-grid-child-twothirds {
	flex: 2;
	margin-right: 8px
}

.card-grid-container {
	width: 33%;
	box-sizing: border-box;
	float: left;
	padding: 0 8px 8px 0
}

.card-grid-container:nth-child(3n+1) {
	clear: left
}

.card-grid-container .list-card {
	box-shadow: 0 1px 1px rgba(9, 30, 66, .25), 0 0 0 1px rgba(9, 30, 66, .08)
}

.card-grid-container .list-card-title {
	padding-right: 0;
	font-size: .96em;
	line-height: 1.25em
}

.card-grid-container .list-card-operation {
	display: none
}

@media only screen and (max-width:750px) {
	.card-grid-container {
		float: none;
		width: 100%;
		padding: 0 0 8px
	}
}

.body-tabbed-page {
	background: #fff
}

.tabbed-pane-header {
	background-color: #f4f5f7
}

.tabbed-pane-header-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 0 auto;
	max-width: 650px;
	padding: 32px;
	position: relative
}

.tabbed-pane-header-content {
	display: flex
}

.tabbed-pane-header-image {
	float: left
}

.tabbed-pane-header-details {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 0 0 0 20px
}

.tabbed-pane-header-details-name {
	margin-bottom: 8px
}

.tabbed-pane-header-details-edit {
	float: left;
	padding-right: 12px
}

.tabbed-pane-nav {
	background-color: #f4f5f7;
	border-bottom: 1px solid #dfe1e6;
	position: relative;
	text-align: center
}

.tabbed-pane-nav-item {
	display: inline-block
}

.tabbed-pane-nav-item-button {
	background-color: #dfe1e6;
	border: 1px solid #dfe1e6;
	border-bottom: 0;
	border-radius: 3px 3px 0 0;
	display: inline-block;
	font-weight: 700;
	margin: 2px 2px 0;
	padding: 8px 20px;
	text-decoration: none
}

.tabbed-pane-nav-item-button .icon-trello-gold,
.tabbed-pane-nav-item-button>.icon-business-class {
	margin-left: -6px
}

.tabbed-pane-nav-item-button.active,
.tabbed-pane-nav-item-button.active:active,
.tabbed-pane-nav-item-button.active:hover {
	background-color: #fff;
	border-color: #dfe1e6;
	cursor: default;
	margin-bottom: -1px;
	padding-bottom: 9px
}

.tabbed-pane-nav-item-button:hover {
	background-color: #c1c7d0;
	border-color: #c1c7d0
}

.tabbed-pane-nav-item-button:active {
	background-color: #b3bac5;
	border-color: #b3bac5
}

@media screen and (max-width:600px) {
	.tabbed-pane-nav {
		text-align: left
	}
	.tabbed-pane-nav-item,
	.tabbed-pane-nav-item-button {
		border: 0;
		border-radius: 0;
		width: 100%
	}
}

.tabbed-pane-main-col {
	background: #fff
}

.tabbed-pane-main-col-loading {
	text-align: center;
	padding: 100px;
	margin: 0 auto
}

.tabbed-pane-main-col-loading-spinner.spinner {
	display: inline-block
}

.tabbed-pane-main-col-wrapper {
	margin: 0 auto;
	max-width: 850px;
	padding: 32px;
	position: relative
}

.tabbed-pane-main-col.mod-wider .tabbed-pane-main-col-wrapper {
	max-width: 900px
}

.tabbed-pane-main-col-wrapper.is-full-width {
	max-width: none
}

.little-message {
	color: #172b4d;
	font-size: 14px;
	margin-top: 32px
}

.little-message a {
	color: #172b4d
}

.big-message {
	display: block;
	margin: 75px auto;
	text-align: center;
	max-width: 600px
}

.big-message h1 {
	font-size: 26px;
	margin-bottom: 24px
}

.big-message p {
	font-size: 18px;
	line-height: 22px
}

.big-message.with-picture {
	margin-top: 35px
}

.big-message.with-picture h1 {
	margin-top: 20px
}

.callout {
	background: #ebecf0;
	border-radius: 5px;
	margin: 20px 0;
	padding: 20px
}

.callout ol {
	text-align: left;
	list-style-type: decimal;
	margin-left: 25px;
	font-size: 16px
}

.callout li {
	margin: 10px 0
}

.org-list li {
	border-bottom: 1px solid rgba(9, 30, 66, .13);
	padding: 2px 0;
	position: relative
}

.org-list li .item-name {
	padding: 0 4px 0 0;
	margin-bottom: 0
}

.org-list li a {
	border-radius: 3px;
	display: block;
	padding: 6px 80px 6px 8px;
	position: relative;
	text-decoration: none
}

.org-list li a:hover {
	background: #298fca;
	color: #fff
}

.org-list li a:hover .icon-sm {
	color: #fff
}

.org-list li a:active {
	background: #0079bf;
	color: #fff
}

.archive-list li {
	border-bottom: 1px solid rgba(9, 30, 66, .13);
	padding: 2px 0;
	position: relative
}

.archive-list .item-name {
	padding: 8px;
	margin-bottom: 0;
	float: left
}

.archive-list .options {
	float: right;
	margin: 6px 0
}

.archive-list .options .button-link {
	float: left;
	margin: 0 0 0 4px
}

.closeable-list li {
	padding: 6px 20px 6px 0;
	position: relative
}

.closeable-list li .option.close {
	position: absolute;
	top: 6px;
	right: 6px
}

.pop-over-list.navigable li.not-selectable>a:hover,
.pop-over-list li.not-selectable>a:hover {
	color: #6b778c;
	cursor: default
}

.pop-over-list.navigable li.not-selectable>a:hover .icon-sm,
.pop-over-list li.not-selectable>a:hover .icon-sm {
	color: #42526e
}

.pop-over-list li.divide {
	border-top: 1px solid #dfe1e6;
	margin: 10px 0 0;
	padding-top: 8px
}

.pop-over-list li>a {
	cursor: pointer;
	display: block;
	font-weight: 700;
	padding: 6px 12px;
	position: relative;
	margin: 0 -12px;
	text-decoration: none
}

.pop-over-list li>a .item-name {
	display: block;
	width: auto;
	padding-right: 22px
}

.pop-over-list li>a:hover {
	background-color: #298fca;
	color: #fff
}

.pop-over-list li>a:hover .icon-sm,
.pop-over-list li>a:hover .quiet,
.pop-over-list li>a:hover .sub-name {
	color: #fff
}

.pop-over-list li>a .sub-name {
	clear: both;
	color: #6b778c;
	display: block;
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
	margin-top: 4px
}

.pop-over-list li>a.current {
	background-color: #e2e6e9
}

.pop-over-list li>a:active {
	background-color: #0079bf
}

.pop-over-list li>a.disabled {
	color: #6b778c;
	cursor: default
}

.pop-over-list li>a.disabled .vis-icon {
	opacity: .35
}

.pop-over-list li>a.disabled .icon-sm {
	color: #42526e
}

.pop-over-list li>a.disabled:hover {
	background: none
}

.pop-over-list li>a.disabled:hover .quiet,
.pop-over-list li>a.disabled:hover .sub-name {
	color: #6b778c
}

.pop-over-list li>a.disabled:hover .icon-sm {
	color: #42526e
}

.pop-over-list li>a.disabled:active {
	background: none
}

.pop-over-list.inset li>a {
	border-radius: 3px;
	margin: 0
}

.pop-over-list.checkable .icon-check {
	display: none;
	position: absolute;
	top: 6px;
	right: 12px
}

.pop-over-list.checkable li.active a {
	padding-right: 28px
}

.pop-over-list.checkable li.active a .icon-check {
	display: block
}

.pop-over-list.checkable.left-check .icon-check {
	right: auto;
	left: 10px
}

.pop-over-list.checkable.left-check li a {
	padding-right: 10px;
	padding-left: 32px
}

.pop-over-list.checkable.left-check li.active a {
	padding-right: 10px
}

.pop-over-list.checkable.green-check .icon-check {
	background-color: #61bd4f;
	padding: 2px 4px;
	border-radius: 3px;
	top: 10px
}

.pop-over-list.checkable.inline-check .icon-check {
	position: static
}

.pop-over-list.checkable.inline-check li.active a .icon-check {
	display: inline-block
}

.pop-over-list.normal-weight li>a {
	font-weight: 400
}

.pop-over-list.navigable li>a:hover {
	background-color: transparent;
	color: #172b4d
}

.pop-over-list.navigable li>a:hover .quiet,
.pop-over-list.navigable li>a:hover .sub-name {
	color: #6b778c
}

.pop-over-list.navigable li>a:hover .icon-sm {
	color: #42526e
}

.pop-over-list.navigable li.selected>a {
	background-color: #298fca;
	color: #fff
}

.pop-over-list.navigable li.selected>a .quiet,
.pop-over-list.navigable li.selected>a .sub-name {
	color: #fff
}

.pop-over-list.navigable li.selected>a.current {
	background-color: #298fca
}

.pop-over-list.navigable li.selected>a .icon-sm {
	color: #fff
}

.pop-over-list.navigable li.selected>a:active {
	background-color: #298fca
}

.pop-over-emoji-list li a,
.pop-over-member-list li a {
	border-radius: 3px;
	display: block;
	height: 32px;
	line-height: 32px;
	overflow: hidden;
	position: relative;
	text-overflow: ellipsis;
	text-decoration: none;
	white-space: nowrap;
	padding: 4px;
	margin-bottom: 2px
}

.pop-over-emoji-list li a.multi-line,
.pop-over-member-list li a.multi-line {
	line-height: 16px
}

.pop-over-emoji-list li a .member,
.pop-over-member-list li a .member {
	margin-right: 8px
}

.pop-over-emoji-list li a .card-label,
.pop-over-member-list li a .card-label {
	float: left;
	height: 32px;
	margin: 0 8px 0 0;
	padding: 0;
	width: 32px
}

.pop-over-emoji-list li a .icon-check,
.pop-over-emoji-list li a .option,
.pop-over-member-list li a .icon-check,
.pop-over-member-list li a .option {
	background-clip: content-box;
	background-origin: content-box;
	display: none;
	padding: 11px;
	position: absolute;
	top: 0;
	right: 0
}

.pop-over-emoji-list li a .sub-name,
.pop-over-member-list li a .sub-name {
	display: block;
	font-size: 12px
}

.pop-over-emoji-list li:last-child a,
.pop-over-member-list li:last-child a {
	margin-bottom: 0
}

.pop-over-emoji-list li.disabled,
.pop-over-member-list li.disabled {
	opacity: .5
}

.pop-over-emoji-list li.disabled.active a,
.pop-over-emoji-list li.disabled.selected a,
.pop-over-member-list li.disabled.active a,
.pop-over-member-list li.disabled.selected a {
	background: none;
	color: #172b4d;
	cursor: default
}

.pop-over-emoji-list li.disabled.active a .quiet,
.pop-over-emoji-list li.disabled.selected a .quiet,
.pop-over-member-list li.disabled.active a .quiet,
.pop-over-member-list li.disabled.selected a .quiet {
	color: #6b778c
}

.pop-over-emoji-list li.inactive,
.pop-over-member-list li.inactive {
	opacity: .5
}

.pop-over-emoji-list li.email-invite .member,
.pop-over-member-list li.email-invite .member {
	display: none
}

.pop-over-emoji-list li.email-invite a,
.pop-over-member-list li.email-invite a {
	padding: 0 10px
}

.pop-over-emoji-list li.selected a,
.pop-over-emoji-list li.selected a .quiet,
.pop-over-member-list li.selected a,
.pop-over-member-list li.selected a .quiet {
	color: #fff
}

.pop-over-emoji-list li.selected a .card-label,
.pop-over-member-list li.selected a .card-label {
	border-radius: 3px
}

.pop-over-emoji-list li.selected a .icon-check,
.pop-over-member-list li.selected a .icon-check {
	color: #fff
}

.pop-over-emoji-list li.active a .icon-check,
.pop-over-member-list li.active a .icon-check {
	display: block
}

.pop-over-emoji-list li.inactive a.name,
.pop-over-emoji-list li.unconfirmed a.name,
.pop-over-member-list li.inactive a.name,
.pop-over-member-list li.unconfirmed a.name {
	line-height: 16px
}

.pop-over-emoji-list.options li.selected a,
.pop-over-member-list.options li.selected a {
	padding-right: 28px
}

.pop-over-emoji-list.options li.selected a .option,
.pop-over-member-list.options li.selected a .option {
	display: block;
	opacity: .5
}

.pop-over-emoji-list.options li.selected a .option:hover,
.pop-over-member-list.options li.selected a .option:hover {
	opacity: 1
}

.pop-over-emoji-list.options li.disabled.selected a,
.pop-over-member-list.options li.disabled.selected a {
	padding-right: 0
}

.pop-over-emoji-list.options li.disabled.selected a .option,
.pop-over-member-list.options li.disabled.selected a .option {
	display: none
}

.pop-over-emoji-list.options li.no-option.selected a,
.pop-over-member-list.options li.no-option.selected a {
	padding-right: 6px
}

.pop-over-emoji-list.options li.no-option.selected a .option,
.pop-over-member-list.options li.no-option.selected a .option {
	display: none
}

.pop-over-emoji-list.collapsed.checkable li.active a,
.pop-over-member-list.collapsed.checkable li.active a {
	padding-right: 0
}

.pop-over-emoji-list.collapsed li,
.pop-over-member-list.collapsed li {
	float: left;
	margin: 0 3px 3px 0
}

.pop-over-emoji-list.collapsed li a,
.pop-over-member-list.collapsed li a {
	padding: 0;
	margin: 0;
	width: 32px
}

.pop-over-emoji-list.collapsed li a .member,
.pop-over-member-list.collapsed li a .member {
	opacity: .8
}

.pop-over-emoji-list.collapsed li a .full-name,
.pop-over-member-list.collapsed li a .full-name {
	display: none
}

.pop-over-emoji-list.collapsed li.active a .icon-check,
.pop-over-member-list.collapsed li.active a .icon-check {
	border-radius: 3px;
	background-color: #298fca;
	bottom: 0;
	color: #fff;
	display: block;
	padding: 0;
	right: 0;
	top: auto
}

.pop-over-emoji-list.checkable li.active a,
.pop-over-member-list.checkable li.active a {
	padding-right: 28px
}

.pop-over-emoji-list.limited li.exceeds-limit,
.pop-over-member-list.limited li.exceeds-limit {
	display: none
}

.pop-over-emoji-list:not(.collapsed) li.selected a,
.pop-over-member-list:not(.collapsed) li.selected a {
	background-color: #298fca
}

.pop-over-member-list.collapsed li a .member {
	opacity: 1
}

.pop-over-member-list.collapsed li.selected a .member {
	opacity: .9
}

.pop-over-emoji-list.collapsed li.active.selected a .member,
.pop-over-emoji-list.collapsed li.active a:hover,
.pop-over-emoji-list.collapsed li.selected a {
	background-color: #298fca
}

.pop-over-emoji-list.collapsed li.active a .member {
	background-color: transparent
}

.pop-over-emoji-list li>a {
	padding: 2px 4px
}

.pop-over-emoji-list li>a .emoji {
	margin: 0 6px
}

.pop-over-list.mod-add-top-margin {
	margin-top: 8px
}

.add-member-popup .quiet {
	font-size: 9pt
}

.add-member-popup .search-with-spinner {
	margin-top: 10px
}

.add-member-popup .search-with-spinner .search-member {
	margin: 0
}

.add-member-popup .search-text {
	padding: 20px 6px 6px;
	font-size: 14px
}

.add-member-popup .search-text.no-results {
	text-align: center
}

.add-member-popup .invitation-link-wrapper {
	border-top: 1px solid #dfe1e6;
	padding: 8px 0 0;
	margin-top: 8px
}

.add-member-popup .invitation-link-wrapper .quiet-button {
	text-decoration: underline;
	cursor: pointer;
	background: none;
	text-align: left;
	font-weight: 400;
	box-shadow: none;
	width: 100%
}

.add-member-popup .invitation-link-wrapper .quiet-button:hover {
	background: #dfe1e6;
	color: #172b4d
}

.add-member-popup .invitation-link-wrapper input[type=text] {
	margin-top: 10px
}

.add-member-popup .member-list-header {
	position: relative;
	margin: 16px 4px 8px;
	height: 20px
}

.add-member-popup .member-list-header .name,
.add-member-popup .member-list-header .select {
	position: absolute;
	top: 0
}

.add-member-popup .member-list-header .name {
	left: 0
}

.add-member-popup .member-list-header .select {
	right: 0
}

.add-member-popup .member-wrapper {
	border-radius: 3px;
	line-height: 1pc;
	overflow: hidden;
	position: relative;
	text-overflow: ellipsis;
	text-decoration: none;
	white-space: nowrap;
	padding: 4px;
	cursor: pointer;
	margin-bottom: 10px
}

.add-member-popup .member-wrapper.disabled {
	opacity: .5;
	cursor: default
}

.add-member-popup .member-wrapper:hover {
	background: #298fca;
	color: #fff
}

.add-member-popup .member-wrapper:hover .checkbox {
	border-color: #fff
}

.add-member-popup .member-wrapper:hover .icon-check,
.add-member-popup .member-wrapper:hover .quiet {
	color: #fff
}

.add-member-popup .checkbox {
	position: absolute;
	top: 4px;
	right: 4px;
	border: 1px solid #dfe1e6;
	border-radius: 4px
}

.add-member-popup .checkbox .icon-check {
	opacity: 0
}

.add-member-popup .checkbox.checked .icon-check {
	opacity: 1
}

.add-member-popup .summary-header {
	font-size: 16px;
	font-weight: 400;
	border-top: 1px solid #dfe1e6;
	padding: 15px 4px
}

.add-member-popup .summary {
	margin: 0 4px;
	position: relative
}

.add-member-popup .summary .license-count {
	font-weight: 700
}

.add-member-popup .summary .total {
	position: absolute;
	top: 0;
	right: 0
}

.add-member-popup button.primary {
	width: 100%;
	text-align: center;
	cursor: pointer
}

.add-member-popup button.primary.disabled {
	cursor: default
}

.add-member-popup.team-members-tab-layout .quiet {
	font-size: inherit
}

.add-member-popup.team-members-tab-layout .summary-header {
	font-size: 16px
}

.add-member-popup.team-members-tab-layout .manage-member-invitation-section {
	margin-top: 15px;
	margin-bottom: 15px
}

.add-member-popup.team-members-tab-layout .manage-member-invitation-section .search-with-spinner {
	height: auto
}

.add-member-popup.team-members-tab-layout .manage-member-invitation-section .search-with-spinner .search-member {
	margin: 4px 0 0
}

.add-member-popup.team-members-tab-layout .invitation-link-wrapper {
	border: none;
	margin: 15px 0;
	padding: 0
}

.add-member-popup.team-members-tab-layout .invitation-link-wrapper .invitation-link-header {
	display: flex;
	justify-content: space-between
}

.add-member-popup.team-members-tab-layout .invitation-link-wrapper .invitation-link-header h4 {
	line-height: 1
}

.add-member-popup.team-members-tab-layout .invitation-link-wrapper .invitation-link-header .icon-share-link {
	margin-right: 7px
}

.add-member-popup.team-members-tab-layout .invitation-link-wrapper .invitation-link-actions {
	display: flex;
	margin-bottom: 8px
}

.add-member-popup.team-members-tab-layout .invitation-link-wrapper .invitation-link-actions input {
	margin: auto 8px auto 0
}

.add-member-popup.team-members-tab-layout .invitation-link-wrapper .invitation-link-actions .button {
	margin: auto
}

.add-member-popup.team-members-tab-layout .icon-member {
	font-size: 14px
}

.add-member-popup.team-members-tab-layout .bulk-add-members-copy {
	margin-top: 3px
}

.add-member-popup.team-members-tab-layout .action-link {
	color: #0079bf
}

.add-member-popup.team-members-tab-layout .action-link:hover {
	color: #298fca;
	text-decoration: underline
}

.add-member-popup.team-members-tab-layout .pop-over-section .error {
	margin: 16px 8px 6px
}

.add-member-popup.team-members-tab-layout .search-text {
	padding: 20px 6px 6px;
	font-size: 14px
}

.add-member-popup.team-members-tab-layout .search-text.no-results {
	text-align: center;
	padding: 16px 4px
}

.add-member-popup.team-members-tab-layout .per-user {
	padding: 6px
}

.add-member-popup.team-members-tab-layout button.primary {
	width: auto
}

.add-member-popup.team-members-tab-layout button.primary.full {
	width: 100%
}

.add-member-popup.team-members-tab-layout .link-google-apps-with-summary {
	padding-bottom: 15px
}

.segmented-control {
	display: flex;
	margin: 0 0 6px;
	padding: 0 0 12px;
	width: 100%;
	border-bottom: 1px solid rgba(9, 30, 66, .13)
}

.segmented-control-item {
	border-radius: 3px;
	box-sizing: border-box;
	display: block;
	flex: 1;
	padding: 8px;
	margin-right: 6px;
	text-align: center
}

.segmented-control-item:hover {
	background: #298fca;
	color: #fff
}

.segmented-control-item:active {
	background: #026aa7;
	color: #fff
}

.segmented-control-item:last-child {
	margin-right: 0
}

.segmented-control-item.is-active {
	background: #0079bf;
	color: #fff;
	cursor: default;
	text-decoration: none
}

.edit-controls {
	clear: both;
	margin-top: 8px
}

.edit-controls .option {
	border-color: transparent;
	border-radius: 3px;
	color: #6b778c;
	display: block;
	float: right;
	height: 32px;
	line-height: 32px;
	margin: 0 2px;
	padding: 0 8px
}

.edit-controls .option:hover {
	background-color: rgba(9, 30, 66, .13);
	color: #172b4d
}

.edit-controls .option:active {
	background-color: rgba(9, 30, 66, .25)
}

body {
	background-color: #f4f5f7;
	z-index: 0;
	overflow: hidden
}

#content,
body {
	position: relative
}

#content {
	overflow-y: auto;
	outline: none
}

#nocss {
	display: none
}

#surface,
body,
html {
	height: 100%
}

#surface {
	display: flex;
	flex-direction: column
}

#surface>#header,
#surface>.header-banner {
	flex: none
}

#surface>#content {
	flex-grow: 1
}

.dialog-close-button {
	border-radius: 50%;
	position: absolute;
	top: 0;
	right: 0;
	height: 32px;
	overflow: hidden;
	padding: 4px;
	margin: 4px;
	width: 32px;
	z-index: 2;
	transition: background-color .1s, color .1s
}

.dialog-close-button:hover {
	background-color: rgba(9, 30, 66, .13)
}

.dialog-close-button:active {
	background-color: rgba(9, 30, 66, .25)
}

.dialog-close-button-dark {
	background-color: rgba(9, 30, 66, .08)
}

.dialog-close-button-dark:hover {
	background-color: rgba(9, 30, 66, .13)
}

.dialog-close-button-dark:active {
	background-color: rgba(9, 30, 66, .25)
}

.dialog-close-button-light {
	background-color: rgba(9, 30, 66, .08);
	color: #dfe1e6
}

.dialog-close-button-light:hover {
	background-color: rgba(9, 30, 66, .13);
	color: #f4f5f7
}

.dialog-close-button-light:active {
	background-color: rgba(9, 30, 66, .25);
	color: #fff
}

.window-overlay {
	align-items: flex-start;
	background-color: rgba(0, 0, 0, .64);
	display: none;
	height: 100%;
	justify-content: center;
	left: 0;
	overflow-y: auto;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 20
}

.window-up .window-overlay {
	display: flex
}

.explorer-10.window-up .window-overlay {
	overflow-y: scroll
}

@media only screen and (min-width:901px) and (max-width:1280px),
only screen and (min-width:1281px) {
	.window-overlay {
		overflow-x: hidden
	}
}

.window {
	background-color: #f4f5f7;
	border-radius: 2px;
	display: none;
	margin: 48px 0 80px;
	overflow: hidden;
	position: relative;
	width: 768px;
	z-index: 25
}

.window.mod-no-chrome {
	background-color: transparent;
	border: none;
	margin-top: 24px;
	padding: 24px;
	width: auto
}

.window.mod-no-chrome .dialog-close-button {
	display: none
}

.window-wrapper .dropzone,
.window-wrapper .dropzone-limited,
.window-wrapper .dropzone-restricted {
	display: none;
	height: 0;
	width: 0;
	z-index: -1
}

.window-wrapper .is-drophover .dropzone {
	background: hsla(0, 0%, 100%, .7)
}

.window-wrapper .is-drophover .dropzone-limited,
.window-wrapper .is-drophover .dropzone-restricted {
	background: rgba(235, 90, 71, .9);
	color: #f4f5f7
}

.window-wrapper .is-drophover.is-limited .dropzone-limited,
.window-wrapper .is-drophover.is-restricted .dropzone-restricted,
.window-wrapper .is-drophover:not(.is-limited):not(.is-restricted) .dropzone {
	display: block
}

.window-wrapper .is-drophover .dropzone,
.window-wrapper .is-drophover .dropzone-limited,
.window-wrapper .is-drophover .dropzone-restricted {
	bottom: 0;
	font-size: 20px;
	font-weight: 700;
	line-height: 30px;
	height: 100%;
	left: 0;
	opacity: 1;
	padding: 200px 50px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	width: auto;
	z-index: 10
}

.window-main-col {
	float: left;
	margin: 0;
	overflow-x: hidden;
	overflow-y: auto;
	min-height: 24px;
	padding: 0 8px 8px 16px;
	position: relative;
	width: 552px;
	z-index: 0
}

.window-main-col img {
	max-width: 100%
}

.window-main-col-full {
	box-sizing: border-box;
	width: 100%
}

.window-sidebar {
	float: right;
	padding: 0 16px 8px 8px;
	width: 168px;
	overflow: hidden;
	z-index: 10
}

.window-sidebar input[type=text] {
	padding: 4px;
	width: 160px
}

.window-sidebar h3 {
	color: #6b778c;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: .04em;
	line-height: 16px;
	margin-top: 16px;
	text-transform: uppercase;
	line-height: 20px;
	margin-bottom: -4px
}

.window-sidebar h3.mod-no-top-margin {
	margin-top: 0
}

.window-sidebar hr {
	margin: 8px 0
}

.window-cover {
	background-color: rgba(9, 30, 66, .08);
	background-position: 50%;
	background-size: contain;
	background-repeat: no-repeat;
	height: 160px;
	position: relative;
	transition: opacity 85ms;
	width: 100%
}

.window-cover.is-covered {
	cursor: pointer
}

.window-cover.is-covered:hover {
	opacity: .9
}

.window-cover-async {
	transition: background-color .35s, opacity 85ms
}

.window-cover-stickers {
	position: absolute;
	top: 20px;
	right: -50px;
	left: 50px;
	bottom: 50px
}

.window-cover-stickers-only {
	height: 130px
}

.window-archive-banner {
	background-color: #fdfae5;
	background-image: linear-gradient(to bottom right, rgba(0, 0, 0, .05) 25%, transparent 0, transparent 50%, rgba(0, 0, 0, .05) 0, rgba(0, 0, 0, .05) 75%, transparent 0, transparent);
	background-size: 14px 14px;
	min-height: 30px;
	padding: 12px 12px 12px 50px;
	position: relative
}

.window-archive-banner-icon {
	position: absolute;
	top: 12px;
	left: 12px
}

.window-archive-banner-text {
	font-size: 16px;
	line-height: 30px;
	margin: 0
}

.window-header {
	margin: 12px 40px 8px 56px;
	min-height: 32px;
	position: relative;
	z-index: 1
}

.window-title {
	margin: 4px 0 0;
	padding: 8px 0 0
}

.window-header-icon {
	left: -40px;
	position: absolute;
	top: 4px
}

.window-header-inline-content {
	cursor: default;
	display: inline-block;
	margin: 4px 8px 4px 2px
}

.window-header-inline-content a {
	display: inline
}

.window-title h2 {
	margin-right: 4px
}

.window-title-text {
	display: inline;
	min-height: 20px;
	min-width: 50px;
	word-wrap: break-word
}

.window-title-extra {
	display: inline-block;
	font-size: 12px;
	color: #6b778c;
	padding: 0 6px 0 2px;
	position: relative;
	margin: 0 2px
}

.window-module {
	clear: both;
	margin-bottom: 24px;
	position: relative
}

.window-module:empty {
	display: none
}

.window-module-title {
	border-bottom: 1px solid rgba(9, 30, 66, .13);
	padding: 8px 0;
	position: relative;
	margin: 0 0 4px 40px
}

.window-module-title h3 {
	display: inline-block;
	width: auto;
	margin: 0;
	min-height: 18px;
	min-width: 40px
}

.window-module-title-options {
	float: right;
	margin-right: 2px
}

.window-module-title-no-divider {
	border-bottom: none
}

.window-module-title-icon {
	left: -40px;
	position: absolute;
	top: 2px
}

.window-module-title-option {
	cursor: pointer;
	left: auto;
	position: absolute;
	padding: 8px;
	right: 0;
	top: 0;
	visibility: hidden
}

.window-module-title:hover .window-module-title-option {
	visibility: visible
}

.board-description,
.board-description .current,
.board-description textarea {
	min-height: 200px
}

.picker.modal-dialog-bg {
	z-index: 30;
	background-color: #000!important
}

.focus-dummy {
	width: 1px;
	height: 0;
	display: block;
	overflow: hidden;
	outline: none
}

@media only screen and (max-width:750px) {
	.window {
		margin: 36px 8px;
		width: 100%
	}
	.window-overlay {
		position: absolute
	}
	.window-main-col {
		float: none;
		max-height: none;
		padding: 8px;
		max-width: none;
		min-width: 0;
		width: auto
	}
	.window-sidebar {
		clear: both;
		float: none;
		margin: 8px;
		padding: 0;
		width: auto
	}
	.window-header {
		padding: 8px 0 0 8px
	}
	.window-header-icon {
		left: -30px;
		top: 4px
	}
	.window-up #content {
		display: none
	}
}

.pop-over {
	background: #fff;
	border-radius: 3px;
	box-shadow: 0 8px 16px -4px rgba(9, 30, 66, .25), 0 0 0 1px rgba(9, 30, 66, .08);
	display: none;
	overflow: hidden;
	position: absolute;
	right: -9999px;
	top: -9999px;
	width: 304px;
	z-index: 70;
	-webkit-transform: translateZ(0)
}

.pop-over hr {
	margin: 8px 0
}

.pop-over input[type=email],
.pop-over input[type=password],
.pop-over input[type=text] {
	margin: 4px 0 12px;
	width: 100%
}

.pop-over input[type=file] {
	width: 240px
}

.pop-over select {
	width: 100%;
	margin-bottom: 14px
}

.pop-over textarea {
	height: 72px;
	margin: 4px 0 12px;
	width: 100%
}

.pop-over .empty {
	margin: 0
}

.pop-over img {
	max-width: 100%
}

.pop-over .right-of-button-link {
	float: right;
	margin-top: 17px;
	color: #6b778c
}

.pop-over label:first-child {
	margin-top: 4px
}

.pop-over-header {
	height: 40px;
	position: relative;
	margin-bottom: 8px;
	text-align: center
}

.pop-over-footer {
	border-top: 1px solid #dfe1e6;
	padding-top: 12px
}

.pop-over-header-title {
	box-sizing: border-box;
	color: #6b778c;
	display: block;
	line-height: 40px;
	border-bottom: 1px solid rgba(9, 30, 66, .13);
	margin: 0 12px;
	overflow: hidden;
	padding: 0 32px;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
	z-index: 1
}

.pop-over-header-back-btn {
	color: #6b778c;
	display: none;
	padding: 10px 8px 10px 12px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2
}

.pop-over-header-back-btn:hover {
	color: #172b4d
}

.pop-over-header-close-btn {
	color: #6b778c;
	padding: 10px 12px 10px 8px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2
}

.pop-over-header-close-btn:hover {
	color: #172b4d
}

.pop-over-content {
	overflow-x: hidden;
	overflow-y: auto;
	padding: 0 12px 12px
}

.select-members-list {
	margin-bottom: 8px
}

.pop-over.mod-search-over {
	background-color: #f4f5f7;
	min-height: 114px
}

.pop-over.mod-search-over .pop-over-header {
	display: none
}

.pop-over.mod-search-over .pop-over-content {
	padding: 8px 4px 8px 12px;
	margin-right: 8px
}

.pop-over.mod-search-over .pop-over-content::-webkit-scrollbar-button {
	display: block;
	height: 4px;
	width: 4px
}

.pop-over.mod-mini-profile .no-back .pop-over-header {
	border-bottom-color: transparent;
	height: 30px;
	position: absolute;
	right: 0;
	top: 0;
	width: 60px;
	z-index: 1
}

.pop-over.mod-mini-profile .no-back .pop-over-header-title {
	display: none
}

.pop-over.mod-avdetail {
	text-align: center
}

.pop-over-header-back-btn.is-shown,
.pop-over.is-shown {
	display: block
}

.pop-over.mod-no-header {
	width: 370px
}

.pop-over.mod-no-header .pop-over-header {
	display: none
}

.pop-over.mod-no-header .pop-over-content {
	padding: 10px
}

.pop-over-section {
	margin-top: 12px
}

.pop-over-section h4 {
	color: #6b778c;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: .04em;
	line-height: 16px;
	margin-top: 16px;
	text-transform: uppercase
}

.pop-over.mod-reaction-selector {
	width: 408px;
	border: none
}

.pop-over.mod-reaction-selector .pop-over-content {
	padding: 0;
	max-height: none
}

input[type=submit].pop-over-confirmation-button {
	margin-bottom: 8px
}

#notification {
	position: fixed;
	right: 4px;
	top: 40px;
	z-index: 21;
	max-width: 270px;
	display: none
}

.app-alert-item {
	background-color: #97a0af;
	border-radius: 3px;
	color: #fff;
	font-weight: 700;
	margin-top: 4px;
	overflow: hidden;
	padding: 4px 8px;
	box-shadow: 0 20px 32px -8px rgba(9, 30, 66, .25), 0 0 0 1px rgba(9, 30, 66, .08)
}

.alert-dismiss {
	border-radius: 50%;
	flex-shrink: 0;
	transition: background-color .1s, color .1s
}

.alert-dismiss:hover {
	background-color: rgba(9, 30, 66, .13)
}

.app-alert-item-button {
	background: rgba(0, 0, 0, .15);
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	display: block;
	float: left;
	margin: 4px 4px 4px 0;
	padding: 4px 8px;
	text-decoration: none
}

.app-alert-item-button:hover {
	background: rgba(0, 0, 0, .25);
	color: #fff
}

.app-alert-item-button:active {
	background: rgba(0, 0, 0, .3);
	color: #fff
}

.app-alert-item.mod-neutral .alert-dismiss,
.app-alert-item.mod-neutral .app-alert-item-button,
.app-alert-item.mod-warning .alert-dismiss,
.app-alert-item.mod-warning .app-alert-item-button {
	color: #172b4d
}

.app-alert-item.mod-neutral {
	background-color: #fff;
	color: #172b4d
}

.app-alert-item.mod-warning {
	background-color: #ff9f1a;
	color: #172b4d
}

.app-alert-item.mod-confirm .alert-dismiss,
.app-alert-item.mod-error .alert-dismiss,
.app-alert-item.mod-info .alert-dismiss {
	color: #fff
}

.app-alert-item.mod-error {
	background-color: #eb5a46
}

.app-alert-item.mod-confirm,
.app-alert-item.mod-info {
	background-color: #61bd4f
}

@-webkit-keyframes contact-fadein {
	0% {
		opacity: 0
	}
	50% {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

@keyframes contact-fadein {
	0% {
		opacity: 0
	}
	50% {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

#contact-us {
	text-align: right;
	padding: 10px;
	color: #172b4d;
	-webkit-animation: 8s ease-in contact-fadein;
	animation: 8s ease-in contact-fadein
}

#header {
	background: #026aa7;
	overflow: hidden;
	padding: 4px;
	z-index: 10
}

#header,
.header-btn {
	height: 32px;
	position: relative
}

.header-btn {
	transition: .1s ease;
	background: hsla(0, 0%, 100%, .3);
	border-radius: 3px;
	color: #fff;
	display: block;
	float: left;
	font-weight: 700;
	line-height: 32px;
	margin-right: 4px;
	min-width: 32px;
	padding: 0;
	text-decoration: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.header-btn.other-notifications {
	background: #00c2e0
}

.header-btn.other-notifications:hover {
	background: #00aecc
}

.header-btn.header-notifications {
	width: 32px
}

.header-btn.new-notifications {
	background: #eb5a46
}

.header-btn.new-notifications:hover {
	background: #cf513d
}

.header-btn-icon {
	font-size: 20px;
	position: absolute;
	top: 0;
	left: 0
}

.header-btn-text {
	padding: 0 8px
}

.header-btn.header-member {
	background: none
}

.header-btn.header-member .member {
	margin: 0;
	border-radius: 25em
}

.header-btn.header-member .member:hover .member-avatar {
	opacity: 1
}

.header-btn.header-avatar {
	border-radius: 25em
}

.header-btn.header-avatar .member {
	margin: 0;
	border-radius: 25em
}

.header-btn.header-avatar .member:hover .member-avatar {
	opacity: 1
}

.header-btn.header-appcues,
.header-btn.header-tour {
	background: #e6c60d
}

.header-btn:hover {
	background: hsla(0, 0%, 100%, .2);
	color: #fff
}

.header-btn.header-member:hover {
	background: none
}

.header-btn.header-appcues:hover,
.header-btn.header-tour:hover {
	background: #d9b51c
}

.header-btn:active {
	background: hsla(0, 0%, 100%, .1)
}

.header-btn.header-boards {
	padding-left: 26px
}

.header-btn.header-login,
.header-btn.header-signup {
	padding: 0 12px
}

.header-btn.header-signup {
	background: linear-gradient(180deg, #61bd4f 0, #5aac44)
}

.header-btn.header-signup:hover {
	background: linear-gradient(180deg, #5aac44 0, #519839)
}

.header-btn.header-signup:active {
	background: linear-gradient(180deg, #519839 0, #49852e)
}

.header-btn.header-btn-feedback {
	background: linear-gradient(180deg, hsla(0, 0%, 100%, .1) 0, hsla(0, 0%, 100%, .05));
	padding-left: 22px;
	margin-right: 16px
}

.header-btn.header-btn-feedback .header-btn-icon {
	top: 1px
}

.header-user {
	position: absolute;
	top: 4px;
	right: 0
}

@media only screen and (max-width:750px) {
	.header-btn-text {
		display: none
	}
	.header-btn.header-boards {
		padding: 0
	}
	.header-btn.header-btn-channel-picker,
	.header-btn.header-woof {
		display: none
	}
	.header-btn.header-member .member {
		border-radius: 3px
	}
	.header-btn.header-member .member:hover .member-avatar {
		opacity: .75
	}
	#header .header-search {
		display: none
	}
	.header-btn.open-search-btn {
		display: block
	}
	.header-appcues,
	.header-info,
	.header-inspiration {
		display: none
	}
}

.header-search {
	float: left;
	margin: 0 8px 0 0;
	position: relative;
	z-index: 1
}

input[type=text].header-search-input {
	background-color: hsla(0, 0%, 100%, .3);
	border-radius: 3px;
	border: none;
	box-shadow: none;
	color: hsla(0, 0%, 100%, .5);
	float: left;
	font-size: 13px;
	height: 32px;
	margin: 0;
	min-height: 32px;
	padding-right: 32px;
	padding-left: 8px;
	line-height: 19px;
	transition: width .15s;
	width: 180px;
	z-index: 1
}

input[type=text].header-search-input::-ms-clear {
	display: none
}

input[type=text].header-search-input:hover {
	background-color: hsla(0, 0%, 100%, .4);
	box-shadow: none
}

input[type=text].header-search-input.focus,
input[type=text].header-search-input.focus:hover {
	background-color: #fff;
	box-shadow: none;
	color: #172b4d;
	padding-right: 54px
}

@media only screen and (min-width:1281px) {
	input.header-search-input.header-search-input-wide {
		width: 380px
	}
}

@media only screen and (min-width:901px) and (max-width:1280px) {
	input.header-search-input.header-search-input-wide {
		width: 280px
	}
}

.header-search-icon {
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0;
	transition: background 85ms, color 85ms;
	z-index: 2
}

.header-search-icon-dark {
	color: #42526e!important
}

.header-search-icon-dark.header-search-icon-close:hover,
.header-search-icon-dark.header-search-icon-open:hover {
	color: #172b4d!important
}

.header-search-icon-open {
	right: 24px;
	top: 0
}

.open-search-btn {
	display: none
}

.header-logo {
	bottom: 0;
	display: block;
	height: 30px;
	left: 50%;
	margin-left: -40px;
	position: absolute;
	top: 5px;
	width: 80px;
	text-align: center;
	z-index: 2
}

.header-logo:hover .header-logo-default,
.header-logo:hover .header-logo-loading {
	opacity: .8
}

.header-logo-default {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAeCAMAAACMnWmDAAACOlBMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9Oi5STAAAAvXRSTlMAHOMEArYG5/j3CvsDDPb6KNv+JAGqjbH9/Mx79PNK4SnNX4M9xjdd+WCYFNKhy1YYtX9ZkdzxQ3XQSQ5zIBvqKjC45cUsHqmcDXRhEbymD6JaZegFTKyllZnYeIDaI/Xe68fp0zziCXInJS5Fl+2CiNQdIu6EjESLwHarVGbROKTCyXlizrKabyGoE7TshY4ZuVh+T2RVGvJ3o8o/sCtXRr4m4FsQQq0Iv9Xfa9Y0uzbXkjGTY0c7OcgXQTLmT9zPAAACwElEQVR4Xu3URW9cSRRA4dPudpOZOUZmhjDzBJkZJjzMzMzMzMxw/tvotWwpT5amFWk2I+Xb3N1Z1K0qrsI19x2pac+H9ROpA/wnmtUIi6q1lqsRW7x02WnmalNXQqU6Rci8HENy5hE4X9e5YeHlNX1JteGWOGHEajXZxNkubY4SEvTCRQK1XulxwnhF3Q9Pa9E5wjQ3ApFcHZ6ZBNaaUXLny20nNy2PELZgiQ7kM18dIQyNANw4MyNKxk0dI2onV+ruy1tRFQEua9cq8m/Q6R2wbrRlI7PQOXPGdTpQDptjZFC+xUAurE5pHWzTvGWwtFFvPpc9WFaqv8IeE70QmV9GpdZv0j7o13ujpBP6LAw1qlZFswZv15XAmHYP9dfoMa3vuEv3UFytbTClp9Kka7XnoNa/XrT91n8Lxo/qTuAOffSiGUXv36Z5H/Kk3g8FR/VueE7boxUGjteFQ+GlvKhfxWBjnoHmewp14dmLWsf1pSZfgyl9AIqLTJXxoPaMFpOhoeszrLMr8SGgRbV+W/nD+siicX0MenQvRHN0PizXA8QnLCyYu5RZBDbn6RNAlbqvGEp09IhWxHiq0Joy2KrT0KTPpBnUXWQJDuo0UJDSkufhpHYl9IU4O/ZqBfCFboWXtBXadTBbsF8vAa/q4UPAGwbejLP4LfVtgoM8Hod39F3e04Y0EF5GOBhbopPAB7oe4IyaOgOTCfUj+LhBx4iu1cL8T1bopblvORzs0JoCaNHtUYBPtaSJaGu16md0l6qd+RVq4edbtLGAWTgHwIieAE7pGIF4o4nzG77Uwxd01/5M9+thndBvNPlt1u/rgn4HjOv3ZEw2GDjWdPoH1WRrkeq+yI9qamf2D3bVgJXATyd+ZsbqyoTjv8Sgd3fSg7/x+x9a9Sf8tWb332QHQ+WEwToyWHAoBhDp5f/gmn8Ard3CvkoCRlIAAAAASUVORK5CYII=);
	background-position: 100% 0;
	background-repeat: no-repeat;
	background-size: 80px 30px;
	height: 30px;
	right: 0;
	top: 0;
	width: 80px
}

.header-logo-default,
.header-logo-loading {
	position: absolute;
	opacity: .5;
	transition: opacity .1s ease
}

.header-logo-loading {
	background-image: url(data:image/gif;base64,R0lGODlhJAAkAJECAAAAAP///////wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMTgwMTE3NDA3MjA2ODExOEE2REI3NTM4REJEMDY3NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3OTBGMzBCQzNCNjcxMUUzQkIyMEI2OUM3RTBFRUMxMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3OTBGMzBCQjNCNjcxMUUzQkIyMEI2OUM3RTBFRUMxMCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjAyODAxMTc0MDcyMDY4MTE4QTZEQjc1MzhEQkQwNjc0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAxODAxMTc0MDcyMDY4MTE4QTZEQjc1MzhEQkQwNjc0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkECQkAAgAsAAAAACQAJAAAAmuUgqnLrXacnCzSi7OmsNvlQVwogqQhnd2jok3rIvDHtrXqzPeZwzvZsyV0L9/QWEEGiEmhTPkLRT1B3NFpwjKz1iuwyuOuUtCNN2wWf9PTMfu8fi/L6e3bfu/K4bG9/w8YKLhBMzhXGGhQAAAh+QQJCQACACwAAAAAJAAkAAACa5SCqcutdpycLNKLs6aw2+VBXCiCpCGd3aOiTesi8Me2terM95nDO9mzJXQv39BYQQaISaFM+QtFPUHc0WnCMrPWJ3a6una5PHG5Od6CS2Zq9dyOvd2bFLCOz+v3/L7/DxgoODhBM8h2KFAAACH5BAkJAAIALAAAAAAkACQAAAJrlIKpy612nJws0ouzprDb5UFcKIKkIZ3do6JN6yLwx7a16sz3mcM72bMldC/f0FhBBohJoUz5C0U9QdzRacIys9Yndrq6dptAcKkaNsc2XB6b7H6rafKt3Fu+t8/6vv8PGCg46Ec3yHcoUAAAIfkECQkAAgAsAAAAACQAJAAAAmaUgqnLrXacnCzSi7OmsNvlQVwogqQhnd2jok3rIvDHtrXqzPeZwzvZsyV0L9/QWEEGiEmhTPkLRT0p3HRVlZqcm6216+WBw8DxtWR+cs3MdJsNHb/lcfDcXseL01O+/58CmCWYVAAAIfkECQkAAgAsAAAAACQAJAAAAmmUgqnLrXacnCzSi7OmsNvlQVwogqQhnd2jok3rIvDHtrXqzPeZwzvZsyV0L9/QWEEGiEmhTPkLRT1B3NFpwjKbwOkq1fWWNlweuRw+X63qtbn9xLa3c6iaXn/D3eO9/w8YKEgjGFfIUgAAIfkECQkAAgAsAAAAACQAJAAAAmuUgqnLrXacnCzSi7OmsNvlQVwogqQhnd2jok3rIvDHtrXqzPeZwzvZsyV0L9/QWEEGiEmhTPkLRT1B3NFpwjKz1id2urp2uTxxuTnekqngUjXcjm3Q0nkKaM/r9/y+/w8YKDjIQVhjuCRQAAAh+QQJCQACACwAAAAAJAAkAAACa5SCqcutdpycLNKLs6aw2+VBXCiCpCGd3aOiTesi8Me2terM95nDO9mzJXQv39BYQQaISaFM+QtFPUHc0WnCMrPWJ3a6una5PDDNHBOHq+VNc+xWA+PkOd18L0rz/L7/DxgoOHhxJlhCaFAAACH5BAUJAAIALAAAAAAkACQAAAJnlIKpy612nJws0ouzprDb5UFcKIKkIZ3do6JN6yLwx7a16sz3mcM72bMldC/f0FhBBohJoUz5C0U9Qdw01rROJ8yNyem9lsJiLHkJJXfPa3U63Ia/vXH63M47Z1f6vv8/BJhiJohWAAA7);
	background-size: 18px 18px;
	display: none;
	height: 18px;
	left: 2px;
	top: 6px;
	width: 18px
}

.header-branding-logo {
	display: block;
	position: absolute;
	top: 0;
	right: 80px;
	height: 30px;
	padding-right: 4px;
	width: auto
}

.header-logo.has-branding {
	margin-left: 2px
}

.header-logo.is-throbbing .header-logo-default {
	width: 58px
}

.header-logo.is-throbbing .header-logo-loading {
	display: block
}

@media only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min--moz-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5) {
	.header-logo-default {
		background-image: url(https://a.trellocdn.com/prgb/dist/images/header-logo-2x.01ef898811a879595cea.png)
	}
}

.promo-nav-button {
	background: none;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	font-weight: 700;
	margin: 0 4px 4px 0;
	padding: 6px 8px;
	text-decoration: none;
	text-transform: uppercase
}

.promo-nav-button:hover {
	background-color: hsla(0, 0%, 100%, .2);
	color: #fff
}

.promo-nav-button:active {
	background-color: hsla(0, 0%, 100%, .25);
	color: #fff
}

@media only screen and (max-width:750px) {
	.promo-nav {
		display: none
	}
}

.header-banner {
	color: #172b4d;
	font-size: 14px;
	font-weight: 700;
	line-height: 22px;
	padding: 6px;
	position: relative;
	text-align: center;
	transition: background .25s ease-in, padding .25s ease-in;
	word-wrap: break-word
}

.header-banner .quiet {
	display: inline-block
}

.header-banner .button {
	margin: 0 0 0 8px
}

.centered-banner {
	margin: 8px auto 16px;
	width: 40%
}

.header-banner-link-left {
	margin-left: 6px
}

.header-banner.mod-info {
	background: #e4f0f6
}

.header-banner.mod-warning {
	background: #faf3c0;
	border-bottom: 1px solid #e6c60d;
	color: #172b4d
}

.header-banner.mod-warning .quiet {
	color: #6b778c
}

.header-banner.mod-warning .quiet:hover {
	color: #172b4d
}

.header-banner.mod-warning.mod-medium-urgent {
	background: #fce6c6
}

.header-banner.mod-warning.mod-urgent {
	background: #f5d3ce
}

.header-banner.mod-warning.mod-urgent a.quiet {
	color: #172b4d
}

.header-banner.mod-warning.mod-urgent a.quiet:hover {
	color: #091e42
}

.header-banner.mod-invites h1 {
	margin: 10px 0 3px;
	font-weight: 400
}

.header-banner.mod-invites .button-link {
	display: inline-block
}

.header-banner.mod-invites .quiet {
	display: block;
	font-weight: 400;
	font-size: 13px;
	margin: 5px 0
}

.header-banner.mod-invites p {
	font-size: 14px;
	font-weight: 400
}

.header-banner.mod-invites .invited-message {
	margin-bottom: 10px
}

.header-banner.personalized-invite {
	background: #fff;
	border-bottom: 1px solid #f4f5f7;
	padding: 16px 24px
}

.header-banner.personalized-invite.mod-blue {
	background-color: #0079bf
}

.header-banner.personalized-invite.mod-blue .invited-message .personalized-invite-message {
	color: #fff
}

.header-banner.personalized-invite.mod-blue .invited-message .personalized-invite-trello-logo {
	background: url(https://a.trellocdn.com/prgb/dist/images/trello-logo-white.2b0324a7a0cd46040c38.svg) no-repeat 0/contain
}

.header-banner.personalized-invite .invited-message {
	display: flex;
	font-weight: 400;
	justify-content: center
}

.header-banner.personalized-invite .invited-message .button {
	padding: 8px 32px;
	margin-left: 16px;
	max-height: -webkit-fit-content;
	max-height: -moz-fit-content;
	max-height: fit-content;
	min-width: -webkit-fit-content;
	min-width: -moz-fit-content;
	min-width: fit-content;
	align-self: center
}

.header-banner.personalized-invite .invited-message .button.primary {
	margin-left: 32px
}

.header-banner.personalized-invite .invited-message .button:last-child {
	margin-right: auto
}

.header-banner.personalized-invite .invited-message .dialog-close-button {
	display: none
}

.header-banner.personalized-invite .invited-message .member {
	align-self: center;
	cursor: default;
	margin: 0 0 0 16px
}

.header-banner.personalized-invite .invited-message .personalized-invite-trello-logo {
	background: url(https://a.trellocdn.com/prgb/dist/images/trello-logo-blue.a185d94ba76be2701fb1.svg) no-repeat 0/contain;
	height: 38px;
	width: 88px;
	margin-right: auto
}

.header-banner.personalized-invite .invited-message .personalized-invite-trello-logo.mod-ie {
	background-size: 90%
}

.header-banner.personalized-invite .invited-message .personalized-invite-message {
	align-self: center;
	margin-left: 12px;
	text-align: left
}

.header-banner.personalized-invite .invited-message .personalized-invite-message.logged-in {
	margin-left: auto
}

@media only screen and (max-width:750px),
only screen and (min-width:751px) and (max-width:900px) {
	.header-banner.personalized-invite .invited-message {
		flex-direction: column
	}
	.header-banner.personalized-invite .invited-message .member {
		margin: 0 0 16px
	}
	.header-banner.personalized-invite .invited-message .personalized-invite-trello-logo {
		margin-left: auto;
		margin-bottom: 16px
	}
	.header-banner.personalized-invite .invited-message .personalized-invite-message {
		margin-bottom: 8px;
		text-align: center
	}
	.header-banner.personalized-invite .invited-message .button.primary,
	.header-banner.personalized-invite .invited-message .personalized-invite-message.logged-in {
		margin-left: 0
	}
	.header-banner.personalized-invite .invited-message .button {
		margin: 8px 0
	}
	.header-banner.personalized-invite .invited-message .button:last-child {
		margin-right: 0
	}
}

.header-banner.logged-in-public-board-banner {
	display: flex;
	background: #fff;
	border-bottom: 1px solid #f4f5f7;
	word-wrap: break-word
}

.header-banner.logged-in-public-board-banner.hide {
	display: none
}

.header-banner.logged-in-public-board-banner .logged-in-public-board-message {
	align-self: center;
	display: inline-flex;
	margin-left: auto
}

.header-banner.logged-in-public-board-banner .logged-in-public-board-message .icon-public {
	padding-right: 8px
}

.header-banner.logged-in-public-board-banner .logged-in-public-board-message a:not(.primary) {
	color: #6b778c;
	font-weight: 400;
	padding-left: 8px
}

.header-banner.logged-in-public-board-banner .icon-close {
	cursor: pointer;
	margin-left: auto
}

.header-banner.logged-in-public-board-banner .icon-close:active,
.header-banner.logged-in-public-board-banner .icon-close:focus {
	border-color: #298fca;
	box-shadow: 0 0 2px #298fca
}

@media print {
	.header-banner.logged-in-public-board-banner {
		display: none
	}
}

@media only screen and (max-width:750px),
only screen and (min-width:751px) and (max-width:900px) {
	.header-banner.logged-in-public-board-banner {
		padding: 8px
	}
	.header-banner.logged-in-public-board-banner .logged-in-public-board-message {
		flex-direction: column;
		text-align: left;
		padding: 8px
	}
	.header-banner.logged-in-public-board-banner .logged-in-public-board-message a:not(.primary) {
		padding-left: 8px
	}
}

.header-banner .aa-domain-claimed {
	align-items: flex-start;
	background: url(https://a.trellocdn.com/prgb/dist/images/atlassian-account/security-bg.998c45c3dbf7279b88a3.png);
	box-shadow: inset 0 0 10px rgba(0, 0, 0, .2);
	display: flex;
	flex-direction: row;
	font-weight: 400;
	justify-content: center;
	margin: -6px;
	padding: 8px 0
}

.header-banner .aa-domain-claimed h3 {
	margin-bottom: 16px
}

.header-banner .aa-domain-claimed .quiet {
	color: #7a869a
}

.header-banner .aa-domain-claimed .quiet:hover {
	color: #c1c7d0
}

.header-banner .aa-domain-claimed-dismiss {
	padding: 8px;
	position: absolute;
	right: 8px;
	top: 8px;
	cursor: pointer
}

.header-banner .aa-domain-claimed-dismiss:hover .icon-close {
	color: #fff
}

.header-banner .aa-domain-claimed__inner {
	background: url(https://a.trellocdn.com/prgb/dist/images/atlassian-account/atlassian-heart-trello.89302b891ed92aa13808.png) 0 no-repeat;
	background-size: 250px;
	box-sizing: border-box;
	color: #fafbfc;
	padding: 16px 0 16px 284px;
	text-align: left;
	width: 1080px
}

@media only screen and (min-width:751px) and (max-width:900px),
only screen and (min-width:901px) and (max-width:1080px) {
	.header-banner .aa-domain-claimed__inner {
		padding-left: 240px;
		padding-right: 16px;
		background-size: 194px;
		background-position: 16px
	}
}

@media only screen and (max-width:750px) {
	.header-banner .aa-domain-claimed__inner {
		padding: 16px;
		background: none
	}
}

.header-banner .aa-domain-claimed-cta {
	margin: 4px 1em 0 0
}

.header-banner.trello-for-teams {
	background-color: #172b4d;
	color: #fff;
	border-bottom: 1px solid #172b4d
}

.header-banner.trello-for-teams .icon-lg:hover {
	color: #fff
}

.header-experiment-list {
	margin: 8px 0
}

.header-experiment-overrides button,
.header-experiment-remove-btn {
	width: 100%;
	line-height: 1
}

.header-experiment-image {
	border-radius: 4px;
	border: 1px solid #c1c7d0
}

.header-btn.header-woof {
	background: none;
	box-shadow: none;
	overflow: hidden;
	height: 35px;
	width: 330px
}

.header-btn.header-woof .taco-talk-small-icon {
	background-size: 33px 41px;
	display: block;
	height: 40px;
	left: 0;
	position: absolute;
	top: 15px;
	transition: top 85ms ease-in, margin 85ms ease-in;
	width: 33px
}

.header-btn.header-woof .left-arrow {
	border-right: 7px solid #519839;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	height: 0;
	left: -7px;
	position: absolute;
	top: 8px;
	transition: border-right-color 85ms ease-in;
	width: 0
}

.header-btn.header-woof .header-btn-text {
	background-color: #519839;
	border-radius: 3px;
	line-height: 18px;
	padding: 6px 8px;
	position: absolute;
	left: 43px;
	top: 40px;
	transition: top 85ms ease-in, background-color 85ms ease-in;
	white-space: nowrap
}

.header-btn.header-woof.woof-hide {
	width: 0;
	min-width: 0
}

.header-btn.header-woof.woof-hide .header-btn-text,
.header-btn.header-woof.woof-hide .taco-talk-small-icon {
	top: 40px
}

.header-btn.header-woof.woof-crouch .taco-talk-small-icon {
	top: 15px
}

.header-btn.header-woof.woof-crouch .header-btn-text {
	top: 40px
}

.header-btn.header-woof.woof-crouch:hover .header-btn-text,
.header-btn.header-woof.woof-crouch:hover .taco-talk-small-icon,
.header-btn.header-woof.woof-up .header-btn-text,
.header-btn.header-woof.woof-up .taco-talk-small-icon {
	top: 0
}

.header-btn.header-woof.woof-alert .header-btn-text {
	background-color: #b04632
}

.header-btn.header-woof.woof-alert .left-arrow {
	border-right-color: #b04632
}

.header-btn.header-woof:hover .header-btn-text {
	background-color: #519839
}

.header-btn.header-woof:hover .left-arrow {
	border-right-color: #519839
}

.header-btn.header-woof:hover.woof-alert .header-btn-text {
	background-color: #b04632
}

.header-btn.header-woof:hover.woof-alert .left-arrow {
	border-right-color: #b04632
}

@media only screen and (min-width:751px) and (max-width:900px) {
	.header-btn.header-btn-feedback,
	.header-btn.header-woof .header-btn-text {
		display: none
	}
}

.announcement {
	padding: 4px;
	margin-bottom: 4px;
	border-bottom: 1px solid rgba(9, 30, 66, .13)
}

.announcement-blog h3,
.announcement-blog p {
	margin: 0 0 8px
}

.announcement-downtime {
	background-color: #ebecf0
}

.announcement-header-link {
	text-decoration: none
}

.announcement-header-link:hover {
	text-decoration: underline
}

.announcement-elsewhere {
	margin: 10px 0 0
}

.announcement-elsewhere-blog {
	border-radius: 3px;
	color: #6b778c;
	display: block;
	float: left;
	height: 20px;
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	padding: 10px 10px 10px 36px;
	position: relative;
	text-align: center
}

.announcement-elsewhere-blog:hover {
	background-color: #dfe1e6;
	color: #172b4d
}

.announcement-elsewhere-blog-icon {
	position: absolute;
	top: 5px;
	left: 5px
}

.announcement-elsewhere-social {
	border-radius: 3px;
	display: block;
	float: left;
	height: 30px;
	padding: 5px 8px;
	text-align: center
}

.announcement-elsewhere-social:hover {
	background-color: #dfe1e6
}

.appcues-tip-image {
	border-radius: 3px;
	display: block;
	height: 140px
}

.appcues-tip-image-img {
	border-radius: 3px;
	display: block;
	width: 100%
}

.appcues-tip-body ul {
	list-style-type: disc;
	list-style-position: inside
}

.appcues-tip-body ol {
	list-style-type: decimal;
	list-style-position: inside
}

.tip {
	border-radius: 3px;
	display: block;
	margin-bottom: 2px;
	position: relative;
	text-align: center;
	text-decoration: none
}

.tip:hover {
	background-color: #f4f5f7
}

.tip-image {
	height: 170px
}

.tip-image,
.tip-image-img {
	border-radius: 3px;
	display: block
}

.tip-image-img {
	width: 100%
}

.tip-text {
	margin: 0;
	padding: 8px;
	min-height: 40px
}

.next-tip-link {
	border-radius: 3px;
	color: #6b778c;
	display: block;
	text-align: center;
	padding: 6px 8px
}

.next-tip-link:hover {
	background-color: #f4f5f7
}

.sso-notice {
	position: relative;
	font-weight: 400;
	text-align: left;
	padding: 12px 14px
}

.sso-notice p {
	margin-right: 20%;
	margin-bottom: 0
}

.sso-notice .sso-notice-learn-more {
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 20%;
	font-weight: 700;
	text-align: center
}

.sso-notice-dismiss {
	position: relative;
	z-index: 1
}

.meta-link-list {
	text-align: center
}

.meta-link-list-item {
	display: inline-block;
	vertical-align: top
}

.meta-link-list-item-link {
	border-radius: 3px;
	color: #6b778c;
	display: block;
	margin: 0 1px 1px;
	padding: 6px 8px;
	transition: .1s ease
}

.meta-link-list-item-link:hover {
	background-color: #f4f5f7
}

.window-overlay.mod-notifications-overlay {
	width: auto;
	height: auto;
	overflow: initial;
	top: 44px;
	right: 4px;
	bottom: 4px;
	left: auto
}

.window.mod-notifications {
	display: block;
	border-radius: 3px;
	background-color: #fff;
	box-shadow: 0 8px 16px -4px rgba(9, 30, 66, .25), 0 0 0 1px rgba(9, 30, 66, .08);
	margin: 0;
	width: 450px;
	box-sizing: border-box;
	max-height: 100%;
	padding-bottom: 8px
}

.window.mod-notifications .boards-page-announcement-container {
	margin: 8px 0
}

.notifications-title {
	height: 40px;
	position: relative;
	margin-bottom: 1px;
	text-align: center
}

.notifications-title>span {
	display: block;
	color: #6b778c;
	line-height: 40px;
	border-bottom: 1px solid rgba(9, 30, 66, .13);
	margin: 0 12px
}

.notifications-title button.dialog-close-button,
.notifications-title button.dialog-close-button:active,
.notifications-title button.dialog-close-button:hover {
	background-color: transparent;
	border: none;
	box-shadow: none;
	height: 40px;
	margin: 0;
	padding: 10px 12px 10px 8px;
	right: 0;
	top: 0;
	width: 40px
}

.notifications-title button.dialog-close-button:hover .icon-sm {
	color: #172b4d
}

.notifications-title+p.empty {
	margin: 10px
}

.notification-list-holder {
	max-height: calc(100vh - 98px);
	min-height: 345px;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 0 12px 40px;
	margin: 6px 0 0;
	box-sizing: border-box
}

.notification-list-holder .notification-list {
	position: relative;
	overflow: hidden;
	margin: 8px -12px 0;
	padding: 0 12px;
	min-height: 285px
}

.notification-list-holder .notification-list .animating {
	transition: opacity .5s ease-in-out, height .5s ease-in-out
}

.notification-list-holder .notification-list .animating:after,
.notification-list-holder .notification-list .static:after {
	content: "";
	display: table;
	clear: both
}

.notification-list-holder .notification-list .animating-zero,
.notification-list-holder .notification-list .static-zero {
	opacity: 0
}

.notification-list-holder .notification-list .animating-auto,
.notification-list-holder .notification-list .static-auto {
	opacity: 1
}

.notification-actions {
	background: #fff;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	box-sizing: border-box;
	padding: 8px 16px 0 12px;
	width: 100%
}

.notification-actions button {
	color: #6b778c;
	text-decoration: underline
}

.notification-actions button:hover {
	color: #172b4d
}

.notification-spinner {
	width: 30px;
	height: 30px
}

.notification-empty-state {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	margin: 12px 0;
	position: absolute;
	top: 16px;
	bottom: 16px;
	left: 0;
	right: 0
}

.notification-empty-state h3,
.notification-empty-state h4,
.notification-empty-state img {
	opacity: 0
}

.notification-empty-state h4.hidden {
	height: 0;
	overflow: hidden
}

.notification-empty-state.animate h3,
.notification-empty-state.animate h4,
.notification-empty-state.animate img {
	transition: opacity .5s ease-in-out
}

.notification-empty-state.animate img {
	transition-delay: .5s
}

.notification-empty-state.animate h3,
.notification-empty-state.animate h4 {
	transition-delay: 1s
}

.notification-empty-state.animate.hidden h3,
.notification-empty-state.animate.hidden h4,
.notification-empty-state.animate.hidden img {
	transition-delay: 0ms
}

.notification-empty-state.visible h3,
.notification-empty-state.visible h4,
.notification-empty-state.visible img {
	opacity: 1
}

.notification-empty-state img {
	display: block;
	margin-bottom: 32px;
	height: 133px
}

.notification-empty-state h3,
.notification-empty-state h4 {
	font-weight: 400
}

.notification-empty-state h3 {
	font-size: 16px;
	line-height: 18px;
	margin-bottom: 8px
}

.notification-empty-state h4 {
	font-size: 12px;
	line-height: 14px
}

.notification-empty-state h4 .view-all {
	color: #172b4d;
	text-decoration: underline;
	cursor: pointer
}

@media only screen and (max-width:750px) {
	.window-overlay.mod-notifications-overlay {
		display: block;
		left: 4px
	}
}

#footer-chrome {
	background-color: #fafbfc;
	height: 30px;
	overflow: hidden;
	padding: 5px;
	position: relative
}

.footer-chrome-logo {
	display: block;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iODM2cHgiIGhlaWdodD0iMjM3cHgiIHZpZXdCb3g9IjAgMCA4MzYgMjM3IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNDIgKDM2NzgxKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICA8dGl0bGU+dHJlbGxvLWxvZ28tZ3JheTwvdGl0bGU+CiAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgPGRlZnM+PC9kZWZzPgogIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPGcgaWQ9InRyZWxsby1sb2dvLWdyYXkiIGZpbGwtcnVsZT0ibm9uemVybyIgZmlsbD0iIzgzOEM5MSI+CiAgICAgIDxnIGlkPSJQYWdlLTEiPgogICAgICAgIDxnIGlkPSJBc3NldHMiPgogICAgICAgICAgPGcgaWQ9IlRyZWxsby1Mb2dvIj4KICAgICAgICAgICAgPGcgaWQ9IlRyZWxsby1Mb2dvLS0tR3JheSI+CiAgICAgICAgICAgICAgPGcgaWQ9IkxvZ28iPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTY3My4yOTM1NCwxNzcuNTg5NTI1IEM2NjAuNTIyODY4LDE4Mi43OTMxNDcgNjUwLjQ0NTI3OCwyMDAuNzcwODgxIDYzNS4xMTg0LDIxMC45ODg4IEM2MzQuMTY4LDIxMS42MjI0IDYzMy4yMTc2LDIxMS45MzkyIDYzMi41ODQsMjExLjkzOTIgQzYzMS4zMTY4LDIxMS45MzkyIDYyOS43MzI4LDIxMC42NzIgNjI5LjczMjgsMjA0Ljk2OTYgQzYyOS43MzI4LDE4NS4zMjggNjM2LjA2ODgsMTc1LjgyNCA2NDEuNDU0NCwxNjEuODg0OCBDNjYwLjE0NTYsMTEzLjQxNDQgNjkyLjE0MjQsNzEuOTEzNiA3MjAuNjU0NCwyNi42MTEyIEM3MjIuODcyLDIzLjEyNjQgNzI0LjEzOTIsMTkuMzI0OCA3MjQuMTM5MiwxNS4yMDY0IEM3MjQuMTM5MiwxMS43MjE2IDcyMi44NzIsOC44NzA0IDcyMS4yODgsNS4zODU2IEM3MjAuMDIwOCwyLjUzNDQgNzE0LjMxODQsMCA3MDcuOTgyNCwwIEM3MDQuNDk3NiwwIDcwMS4zMjk2LDAuMzE2OCA2OTcuMjExMiwwLjMxNjggQzY4Mi4zMjE2LDAuMzE2OCA2NzkuMTUzNiwyMi4xNzYgNjc1LjY2ODgsMjcuODc4NCBDNjUxLjkwODgsNjguMTEyIDYyNC42NjQsMTE3Ljg0OTYgNjEwLjcyNDgsMTUzLjAxNDQgQzYwNy42NjgxMDIsMTYwLjg5NzQ2NCA2MDQuMzY2MzA5LDE2OC43ODA1MjggNjAxLjg1NjYzLDE3Ni44NzEwMzQgQzU4OC4wODE4ODMsMTgwLjg1OTgyNiA1NzcuNzYyNDU0LDIwMC4yMjc2OTcgNTYxLjYyMDgsMjEwLjk4ODggQzU2MC42NzA0LDIxMS42MjI0IDU1OS43MiwyMTEuOTM5MiA1NTkuMDg2NCwyMTEuOTM5MiBDNTU3LjgxOTIsMjExLjkzOTIgNTU2LjIzNTIsMjEwLjY3MiA1NTYuMjM1MiwyMDQuOTY5NiBDNTU2LjIzNTIsMTg1LjMyOCA1NjIuNTcxMiwxNzUuODI0IDU2Ny45NTY4LDE2MS44ODQ4IEM1ODYuNjQ4LDExMy40MTQ0IDYxOC42NDQ4LDcxLjkxMzYgNjQ3LjE1NjgsMjYuNjExMiBDNjQ5LjM3NDQsMjMuMTI2NCA2NTAuNjQxNiwxOS4zMjQ4IDY1MC42NDE2LDE1LjIwNjQgQzY1MC42NDE2LDExLjcyMTYgNjQ5LjM3NDQsOC44NzA0IDY0Ny43OTA0LDUuMzg1NiBDNjQ2LjUyMzIsMi41MzQ0IDY0MC44MjA4LDAgNjM0LjQ4NDgsMCBDNjMxLDAgNjI3LjgzMiwwLjMxNjggNjIzLjcxMzYsMC4zMTY4IEM2MDguODI0LDAuMzE2OCA2MDUuNjU2LDIyLjE3NiA2MDIuMTcxMiwyNy44Nzg0IEM1NzguNDExMiw2OC4xMTIgNTUxLjE2NjQsMTE3Ljg0OTYgNTM3LjIyNzIsMTUzLjAxNDQgQzUzNi4xMTkwMzgsMTU1Ljg3MjI5MiA1MzQuOTc4NjYyLDE1OC43MzAxODUgNTMzLjg1NTQ5NSwxNjEuNTk3OTYyIEw1MzMuODU1NDk1LDE2MS41OTc5NjIgQzUzMy41MDg2NTksMTYxLjc4MzIxOCA1MzMuMTU0NDc3LDE2MS45ODQxMTQgNTMyLjc5MiwxNjIuMjAxNiBDNTE2LjYzNTIsMTcxLjcwNTYgNTAzLjAxMjgsMTg4LjQ5NiA0ODMuMzcxMiwxOTkuOTAwOCBDNDc5LjU2OTYsMjAyLjExODQgNDY3Ljg0OCwyMTAuMzU1MiA0NTguMzQ0LDIxMC4zNTUyIEM0NTYuMTI2NCwyMTAuMzU1MiA0NTQuMjI1NiwyMDkuNzIxNiA0NTIuMzI0OCwyMDguNzcxMiBDNDQ5LjQ3MzYsMjA3LjUwNCA0NDYuNjIyNCwyMDEuNDg0OCA0NDYuNjIyNCwxOTkuNTg0IEM0NDYuNjIyNCwxOTggNDQ2LjkzOTIsMTk3LjY4MzIgNDUwLjEwNzIsMTk1Ljc4MjQgQzQ3Ny45ODU2LDE3OC45OTIgNTAwLjc5NTIsMTU0LjkxNTIgNTIwLjQzNjgsMTMwLjgzODQgQzUyNy43MjMyLDEyMS45NjggNTM3LjIyNzIsMTA0LjU0NCA1MzcuMjI3Miw5MS44NzIgQzUzNy4yMjcyLDgzLjYzNTIgNTM0LjM3Niw3NC4xMzEyIDUyNC41NTUyLDcwLjY0NjQgQzUxNy41ODU2LDY4LjExMiA1MDkuNjY1Niw2Ni44NDQ4IDUwMy4zMjk2LDY2Ljg0NDggQzQ4Ni41MzkyLDY2Ljg0NDggNDc0LjE4NCw3NC40NDggNDY3LjIxNDQsODEuNzM0NCBDNDYwLjExODk2Miw4OS4zMDkyNTk2IDQ1My4yNTU2OSw5Ny4wODcyNjUgNDQ2Ljg3OTMxLDEwNS4xMzg2ODUgQzQ0MC4yMTcwMDQsOTkuMzg2ODUgNDMwLjgxOTg5Nyw5Ni45NDA4IDQyMS45MTIsOTYuOTQwOCBDNDExLjQ1NzYsOTYuOTQwOCAzOTEuODE2LDEwOS45Mjk2IDM4MS42Nzg0LDExNy41MzI4IEMzODAuMDk0NCwxMTguOCAzNzkuMTQ0LDExOS40MzM2IDM3OC41MTA0LDExOS40MzM2IEMzNzguMTkzNiwxMTkuNDMzNiAzNzcuODc2OCwxMTkuMTE2OCAzNzcuODc2OCwxMTguNDgzMiBDMzc3Ljg3NjgsMTE4LjE2NjQgMzc4LjUxMDQsMTE1LjMxNTIgMzc4LjUxMDQsMTEwLjI0NjQgQzM3OC41MTA0LDEwNS44MTEyIDM3Ny41NiwxMDAuMTA4OCAzNzMuNDQxNiw5My4xMzkyIEMzNzIuNDkxMiw5MS41NTUyIDM2Ni43ODg4LDg4LjA3MDQgMzU5LjgxOTIsODguMDcwNCBDMzUxLjI2NTYsODguMDcwNCAzNDMuMzQ1Niw5Mi4xODg4IDM0My4zNDU2LDk2LjYyNCBDMzQzLjM0NTYsOTkuNzkyIDM0Ni4xOTY4LDEwMS4wNTkyIDM0Ni4xOTY4LDEwMy45MTA0IEMzNDYuMTk2OCwxMDUuNDk0NCAzNDQuOTI5NiwxMTIuNzgwOCAzNDMuMDI4OCwxMTkuNzUwNCBDMzM3LjY0MzIsMTQwLjAyNTYgMzMwLjk5MDQsMTU5Ljk4NCAzMjQuMDIwOCwxNzkuOTQyNCBDMzIwLjIxOTIsMTkxLjAzMDQgMzA3LjU0NzIsMjAwLjg1MTIgMzA3LjU0NzIsMjEyLjg4OTYgQzMwNy41NDcyLDIxNi42OTEyIDMxMC4wODE2LDIyMS43NiAzMTMuNTY2NCwyMjUuNTYxNiBDMzE5LjI2ODgsMjMxLjg5NzYgMzIyLjc1MzYsMjM0LjExNTIgMzI3LjgyMjQsMjM0LjExNTIgQzMzMC4wNCwyMzQuMTE1MiAzMzIuNTc0NCwyMzMuNDgxNiAzMzQuNzkyLDIzMS41ODA4IEMzMzkuNTQ0LDIyNy40NjI0IDM0Mi4wNzg0LDIyMy4zNDQgMzQzLjM0NTYsMjE3LjY0MTYgQzM1MS41ODI0LDE4MC4yNTkyIDM3NS4zNDI0LDE1NC45MTUyIDQwMS42MzY4LDEzOC4xMjQ4IEM0MTAuNTA3MiwxMzIuNDIyNCA0MjIuNTQ1NiwxMjYuNDAzMiA0MjQuMTI5NiwxMjYuNDAzMiBDNDI1Ljc1MzgzOSwxMjYuNDAzMiA0MjguMjk0MTAzLDEyNy4xNTI2NzUgNDMwLjg1Mzc5MywxMjcuODgzMTExIEw0MzAuODUzNzkzLDEyNy44ODMxMTEgQzQyMy41MDM1MjIsMTM5Ljg3MTk2OSA0MTcuNTQ3OTM5LDE1Mi41MTUzODYgNDEzLjY3NTIsMTY2LjAwMzIgQzQxMi40MDgsMTcwLjQzODQgNDExLjc3NDQsMTc0LjU1NjggNDExLjc3NDQsMTc4Ljk5MiBDNDExLjc3NDQsMTg2LjI3ODQgNDEzLjM1ODQsMTkzLjg4MTYgNDE1Ljg5MjgsMjAxLjE2OCBDNDE5LjM3NzYsMjExLjMwNTYgNDI1LjA4LDIyMC4xNzYgNDMzLDIyNC4yOTQ0IEM0NDcuNTcyOCwyMzEuODk3NiA0NTguMDI3MiwyMzYuMDE2IDQ2Ny41MzEyLDIzNi4wMTYgQzQ3Mi45MTY4LDIzNi4wMTYgNDc3LjAzNTIsMjM1LjA2NTYgNDgxLjQ3MDQsMjMyLjUzMTIgQzUwMi4yOTI2NzMsMjIwLjc1MDE3NyA1MTUuMDU4ODg0LDIxMS44MTI0NyA1MjQuMjc3MTU3LDIwMy44NzM4NDYgQzUyNC41Mjk5MTgsMjExLjkyMjkyMyA1MjYuMTE2NTY2LDIxNi4zODIzMTQgNTMxLjg0MTYsMjIyLjM5MzYgQzUzNy41NDQsMjI4LjQxMjggNTQ2LjQxNDQsMjMzLjc5ODQgNTU4LjEzNiwyMzYuMzMyOCBDNTYwLjAzNjgsMjM2LjY0OTYgNTYxLjkzNzYsMjM2Ljk2NjQgNTYzLjgzODQsMjM2Ljk2NjQgQzU3Ny4yNDk0OTksMjM2Ljk2NjQgNTkwLjE1NTk0NywyMjYuMDY1OTQxIDYwMC4xMDgwNzUsMjE1LjI2MDA0OSBMNjAwLjEwODA3NSwyMTUuMjYwMDQ5IEM2MDEuMjYwMzQyLDIxNy42MTgwODggNjAyLjkzNDgsMjE5Ljg2ODk4IDYwNS4zMzkyLDIyMi4zOTM2IEM2MTEuMDQxNiwyMjguNDEyOCA2MTkuOTEyLDIzMy43OTg0IDYzMS42MzM2LDIzNi4zMzI4IEM2MzMuNTM0NCwyMzYuNjQ5NiA2MzUuNDM1MiwyMzYuOTY2NCA2MzcuMzM2LDIzNi45NjY0IEM2NTMuMDQ1NzY3LDIzNi45NjY0IDY2OC4wNjMwNjIsMjIyLjAwOTAyIDY3OC40NTAzNiwyMDkuNzY3MzQ1IEM2ODEuOTEyMjgyLDIxNi45Mjc4NDggNjkxLjU4NjU0MywyMjQuMDA3MzUxIDcwMy4yMzA0LDIyOS42OCBDNzA2LjM5ODQsMjMxLjI2NCA3MTAuMiwyMzIuMjE0NCA3MTMuNjg0OCwyMzIuMjE0NCBDNzI3LjMwNzIsMjMyLjIxNDQgNzM3LjEyOCwyMjEuMTI2NCA3NDQuNzMxMiwyMTIuODg5NiBDNzY0LjM3MjgsMTkxLjM0NzIgNzc1LjE0NCwxNjQuNzM2IDc4My4zODA4LDEzMS4xNTUyIEM3ODQuMDE0NCwxMjguNjIwOCA3ODQuOTY0OCwxMjcuNjcwNCA3ODYuMjMyLDEyNy42NzA0IEM3ODkuNCwxMjcuNjcwNCA3OTMuNTE4NCwxMjcuNjcwNCA3OTcuOTUzNiwxMjcuMDM2OCBDODA2LjUwNzIsMTI1Ljc2OTYgODEzLjE2LDEyMi45MTg0IDgyMS4wOCwxMjEuNjUxMiBDODI1LjgzMiwxMjAuNzAwOCA4MjUuMTk4NCwxMTkuMTE2OCA4MjkuNjMzNiwxMTcuNTMyOCBDODMyLjgwMTYsMTE2LjI2NTYgODM1LjMzNiwxMTQuOTk4NCA4MzUuMzM2LDExMS44MzA0IEM4MzUuMzM2LDEwNi40NDQ4IDgyNS41MTUyLDEwMC43NDI0IDgxMC42MjU2LDEwMC43NDI0IEM3OTguOTA0LDEwMC43NDI0IDc5MS45MzQ0LDEwMS42OTI4IDc4Ny4xODI0LDEwMS42OTI4IEM3NzkuODk2LDEwMS42OTI4IDc3Ny45OTUyLDk5LjQ3NTIgNzczLjI0MzIsODcuMTIgQzc3My4yNDMyLDg3LjEyIDc3Ny45OTUyLDk5LjQ3NTIgNzczLjI0MzIsODcuMTIgQzc3Mi4yOTI4LDg0LjU4NTYgNzcxLjM0MjQsODMuMzE4NCA3NjguNDkxMiw4MC43ODQgQzc2MS44Mzg0LDc1LjA4MTYgNzUzLjYwMTYsNzMuMTgwOCA3NDYuOTQ4OCw3My4xODA4IEM3MzEuMTA4OCw3My4xODA4IDcxNy40ODY0LDg5LjMzNzYgNzA3Ljk4MjQsMTAyLjk2IEM3MDUuNzY0OCwxMDYuMTI4IDcwMi41OTY4LDEwOC42NjI0IDcwMC4zNzkyLDExMi4xNDcyIEM2ODcuMzI5MTg1LDEzMS43MjIyMjIgNjc0LjgzNDUxMywxNTMuNzk2MjkgNjczLjI5MzU0LDE3Ny41ODk1MjUgTDY3My4yOTM1NCwxNzcuNTg5NTI1IFogTTI2OC4yNjQsNjkuNjk2IEMyNzYuMTg0LDY5LjY5NiAyODAuNjE5Miw2OS4wNjI0IDI4MS41Njk2LDY5LjA2MjQgQzI4Mi41Miw2OS4wNjI0IDI4My4xNTM2LDY5LjM3OTIgMjgzLjE1MzYsNzAuMzI5NiBDMjgzLjE1MzYsNzAuOTYzMiAyODIuODM2OCw3MS45MTM2IDI4MC42MTkyLDc2LjY2NTYgQzI2MS4yOTQ0LDExOC4xNjY0IDI0Ny45ODg4LDE2MC4zMDA4IDIzNi4yNjcyLDIwNi44NzA0IEMyMzUuOTUwNCwyMDguMTM3NiAyMzUsMjEyLjg4OTYgMjM1LDIxNy42NDE2IEMyMzUsMjIyLjA3NjggMjM2LjI2NzIsMjI2LjgyODggMjQwLjcwMjQsMjI5LjM2MzIgQzI0OS4yNTYsMjM0LjQzMiAyNTYuMjI1NiwyMzYuNjQ5NiAyNjAuOTc3NiwyMzYuNjQ5NiBDMjY3Ljk0NzIsMjM2LjY0OTYgMjcxLjQzMiwyMzIuMjE0NCAyNzEuNDMyLDIyNC45MjggQzI3MS40MzIsMjE4LjU5MiAyNzEuNzQ4OCwyMTEuOTM5MiAyNzIuNjk5MiwyMDYuODcwNCBDMjgxLjU2OTYsMTYwLjMwMDggMjk0Ljg3NTIsMTIzLjg2ODggMzE1LjQ2NzIsODUuODUyOCBDMzI1LjI4OCw2Ny43OTUyIDMyNi41NTUyLDY2Ljg0NDggMzI2LjU1NTIsNjUuMjYwOCBDMzI2LjU1NTIsNjQuNjI3MiAzMjYuMjM4NCw2My42NzY4IDMyNS42MDQ4LDYyLjcyNjQgQzMzOC4yNzY4LDU5Ljg3NTIgMzUzLjQ4MzIsNTcuOTc0NCAzNjcuNDIyNCw1Ny45NzQ0IEMzNjkuMDA2NCw1Ny45NzQ0IDM3NS4zNDI0LDYwLjE5MiAzNzYuMjkyOCw2MS4xNDI0IEMzNzguNTEwNCw2My4zNiAzODAuNzI4LDY1LjU3NzYgMzg0LjUyOTYsNjUuNTc3NiBDMzg3LjY5NzYsNjUuNTc3NiAzOTMuMDgzMiw2My4zNiAzOTQuOTg0LDYyLjA5MjggQzM5OS40MTkyLDU4LjkyNDggNDAxLjYzNjgsNTUuNDQgNDAxLjYzNjgsNDkuNzM3NiBDNDAxLjYzNjgsNDQuMzUyIDM4MS42Nzg0LDMxLjA0NjQgMzY3LjczOTIsMzEuMDQ2NCBDMzUwLjYzMiwzMS4wNDY0IDMzNS4xMDg4LDMzLjI2NCAzMjAuNTM2LDM2LjExNTIgQzMxNC4yLDM3LjM4MjQgMjkxLjM5MDQsNDAuODY3MiAyNzQuOTE2OCw0MC44NjcyIEMyNTkuMDc2OCw0MC44NjcyIDI2MC4wMjcyLDM4LjY0OTYgMjUzLjM3NDQsMzguNjQ5NiBDMjQ5LjU3MjgsMzguNjQ5NiAyNDcuNjcyLDQwLjU1MDQgMjQ2LjA4OCw0Mi4xMzQ0IEMyNDQuNTA0LDQzLjcxODQgMjQzLjU1MzYsNTAuMDU0NCAyNDMuNTUzNiw1NS43NTY4IEMyNDMuNTUzNiw1OC42MDggMjQzLjU1MzYsNjAuODI1NiAyNDUuMTM3Niw2Mi43MjY0IEMyNDkuODg5Niw2OC40Mjg4IDI1OS4wNzY4LDY5LjY5NiAyNjguMjY0LDY5LjY5NiBDMjY4LjI2NCw2OS42OTYgMjU5LjA3NjgsNjkuNjk2IDI2OC4yNjQsNjkuNjk2IFogTTUwMy4wMTI4LDk1LjM1NjggQzUwMy4wMTI4LDk4LjIwOCA1MDIuMDYyNCwxMDAuMTA4OCA0OTguMjYwOCwxMDYuMTI4IEM0OTQuNDU5MiwxMTIuMTQ3MiA0OTYuMDQzMiwxMTIuMTQ3MiA0OTEuMjkxMiwxMTguNDgzMiBDNDgyLjEwNCwxMzAuODM4NCA0NzAuNjk5MiwxNDMuMTkzNiA0NTUuODA5NiwxNTYuODE2IEM0NTEuNjkxMiwxNjAuNjE3NiA0NTEuMDU3NiwxNjAuNjE3NiA0NTAuNDI0LDE2MC42MTc2IEM0NTAuMTA3MiwxNjAuNjE3NiA0NDkuNDczNiwxNjAuMzAwOCA0NDkuNDczNiwxNTkuNjY3MiBDNDQ5LjQ3MzYsMTU4LjcxNjggNDQ5Ljc5MDQsMTU3LjQ0OTYgNDUyLjk1ODQsMTUwLjc5NjggQzQ2Mi43NzkyLDEzMC4yMDQ4IDQ3NC44MTc2LDExNi41ODI0IDQ4OC4xMjMyLDEwMy4yNzY4IEM0OTUuNDA5Niw5NS45OTA0IDQ5OS44NDQ4LDkzLjQ1NiA1MDEuNDI4OCw5My40NTYgQzUwMi4zNzkyLDkzLjQ1NiA1MDMuMDEyOCw5My43NzI4IDUwMy4wMTI4LDk1LjM1NjggQzUwMy4wMTI4LDk1LjM1NjggNTAzLjAxMjgsOTMuNzcyOCA1MDMuMDEyOCw5NS4zNTY4IFogTTc0Ni42MzIsMTAzLjU5MzYgQzc0Ni45NDg4LDEwMy41OTM2IDc0Ny4yNjU2LDEwMy45MTA0IDc0Ny41ODI0LDEwNC41NDQgQzc0Ny44OTkyLDEwNS40OTQ0IDc0OC41MzI4LDEwNi40NDQ4IDc1MC4xMTY4LDEwNy43MTIgQzc1MS4zODQsMTA4LjY2MjQgNzUxLjM4NCwxMTMuMDk3NiA3NTEuMzg0LDExNi41ODI0IEM3NTEuMzg0LDE0Ny4zMTIgNzMzLjk2LDE3Mi42NTYgNzE2Ljg1MjgsMTk4LjMxNjggQzcxMy4wNTEyLDIwNC4wMTkyIDcxMC44MzM2LDIwNC45Njk2IDcwOC45MzI4LDIwNC45Njk2IEM3MDcuMzQ4OCwyMDQuOTY5NiA3MDQuODE0NCwyMDAuODUxMiA3MDMuODY0LDE5OC4zMTY4IEM3MDIuNTk2OCwxOTQuODMyIDcwMi4yOCwxOTAuNzEzNiA3MDIuMjgsMTg5LjEyOTYgQzcwMi4yOCwxNjQuNDE5MiA3MjUuNzIzMiwxMjcuNjcwNCA3NDEuMjQ2NCwxMDcuMzk1MiBDNzQzLjc4MDgsMTAzLjkxMDQgNzQ1LjY4MTYsMTAzLjU5MzYgNzQ2LjYzMiwxMDMuNTkzNiBDNzQ2LjYzMiwxMDMuNTkzNiA3NDUuNjgxNiwxMDMuNTkzNiA3NDYuNjMyLDEwMy41OTM2IFoiIGlkPSJUeXBlIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMjUuMDAxMzgxNCwzNSBMMTc0Ljk5ODYxOSwzNSBDMTg4LjgwMDU2MiwzNSAyMDAsNDYuMTkzNDk5NyAyMDAsNjAuMDAxMzgxNCBMMjAwLDIwOS45OTg2MTkgQzIwMCwyMjMuODAwNTYyIDE4OC44MDY1LDIzNSAxNzQuOTk4NjE5LDIzNSBMMjUuMDAxMzgxNCwyMzUgQzExLjE5OTQzODEsMjM1IDAsMjIzLjgwNjUgMCwyMDkuOTk4NjE5IEwwLDYwLjAwMTM4MTQgQzAsNDYuMTk5NDM4MSAxMS4xOTM0OTk3LDM1IDI1LjAwMTM4MTQsMzUgWiBNMzcuOTk3MDM2LDYxIEMzMS4zNzEyNTYsNjEgMjYsNjYuMzY3NDA5NCAyNiw3My4wMDUxODUzIEwyNiwxODYuOTk0ODE1IEMyNiwxOTMuNjI1MDk1IDMxLjM3MzIyNTYsMTk5IDM3Ljk5NzAzNiwxOTkgTDc1LjAwMjk2NCwxOTkgQzgxLjYyODc0NCwxOTkgODcsMTkzLjYzMjU5MSA4NywxODYuOTk0ODE1IEw4Nyw3My4wMDUxODUzIEM4Nyw2Ni4zNzQ5MDQ2IDgxLjYyNjc3NCw2MSA3NS4wMDI5NjQsNjEgTDM3Ljk5NzAzNiw2MSBaIE0xMjQuOTk3MDM2LDYxIEMxMTguMzcxMjU2LDYxIDExMyw2Ni4zNzIzMjUxIDExMyw3My4wMDU1NDc4IEwxMTMsMTM2Ljk5NDQ1MiBDMTEzLDE0My42MjQ5MzMgMTE4LjM3MzIyNiwxNDkgMTI0Ljk5NzAzNiwxNDkgTDE2Mi4wMDI5NjQsMTQ5IEMxNjguNjI4NzQ0LDE0OSAxNzQsMTQzLjYyNzY3NSAxNzQsMTM2Ljk5NDQ1MiBMMTc0LDczLjAwNTU0NzggQzE3NCw2Ni4zNzUwNjY4IDE2OC42MjY3NzQsNjEgMTYyLjAwMjk2NCw2MSBMMTI0Ljk5NzAzNiw2MSBaIiBpZD0iQ29tYmluZWQtU2hhcGUiPjwvcGF0aD4KICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=);
	background-repeat: no-repeat;
	background-size: contain;
	height: 30px;
	margin-top: 4px;
	width: 80px
}

.footer-chrome-logo:hover {
	opacity: .8
}

.footer-chrome-links {
	font-weight: 400;
	padding: 6px;
	position: absolute;
	right: 0;
	top: 4px
}

.footer-chrome-links a:active,
.footer-chrome-links a:hover,
.footer-chrome-links a:link,
.footer-chrome-links a:visited {
	color: #7a869a;
	text-decoration: none
}

.footer-chrome-links a:hover {
	color: #172b4d
}

.footer-chrome-links .footer-logout {
	margin-left: 10px
}

.search-results-view {
	clear: both;
	margin: 0 auto;
	max-width: 680px;
	position: relative
}

.search-results-section {
	display: block;
	margin-bottom: 12px;
	position: relative
}

.search-results-section-header {
	position: relative;
	margin-bottom: 8px
}

.search-results-section-header h4 {
	color: #6b778c;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: .04em;
	line-height: 16px;
	margin-top: 16px;
	text-transform: uppercase;
	display: inline-block;
	margin: 0 4px 0 0
}

.search-result-card {
	box-sizing: border-box;
	padding-bottom: 32px;
	position: relative
}

.search-result-card .list-card {
	background-color: #fff;
	left: 0;
	position: absolute;
	top: 0;
	transition: opacity 85ms, -webkit-transform 85ms;
	transition: opacity 85ms, transform 85ms;
	transition: opacity 85ms, transform 85ms, -webkit-transform 85ms;
	width: 200px
}

.search-result-card .list-card.is-covered .list-card-cover,
.search-result-card .list-card.is-stickered .list-card-stickers-area .stickers {
	height: 64px!important
}

.search-result-card-container {
	width: 200px;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	bottom: 0
}

.search-result-card-container-fade {
	background: linear-gradient(180deg, rgba(244, 245, 247, 0) 0, rgba(244, 245, 247, 0) 50%, #f4f5f7 85%, #f4f5f7);
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2
}

.search-result-card-hover-target {
	bottom: 0;
	left: 0;
	position: absolute;
	top: 0;
	width: 200px;
	z-index: 5
}

.search-result-card-details {
	padding-left: 212px
}

.search-result-card-details-name {
	font-weight: 700;
	text-decoration: none;
	word-wrap: break-word
}

.search-result-card-details-name:hover {
	text-decoration: underline
}

.search-result-card-highlight-section .list-card {
	opacity: .4;
	-webkit-transform: scale(.8);
	transform: scale(.8)
}

.search-result-card-highlight-card .search-result-card-container {
	overflow: visible
}

.search-result-card-highlight-card .list-card {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
	z-index: 3
}

@media only screen and (min-width:751px) and (max-width:900px),
only screen and (min-width:901px) and (max-width:1280px),
only screen and (min-width:1281px) {
	.search-result-member {
		box-sizing: border-box;
		float: left;
		min-height: 0;
		padding: 0 8px 8px 0;
		width: 50%
	}
	.search-result-member:nth-child(odd) {
		clear: left
	}
}

.search-header-options {
	margin: 0;
	position: absolute;
	right: 4px;
	top: 2px;
	z-index: 1
}

.body-search-page .search-header-options {
	right: 12px
}

.search-header-options-option {
	display: inline-block;
	vertical-align: top;
	margin-left: 8px
}

.search-header-options-option .icon-sm {
	color: #6b778c
}

.search-header-options-option.mod-save {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 310px
}

@media only screen and (min-width:751px) and (max-width:900px),
only screen and (min-width:901px) and (max-width:1280px),
only screen and (min-width:1281px) {
	.board-results-list li {
		box-sizing: border-box;
		float: left;
		width: 50%
	}
	.board-results-list li:nth-child(odd) {
		clear: left
	}
}

.search-warning {
	color: #6b778c;
	text-align: center;
	padding: 48px 24px 36px
}

.search-warning .spinner {
	display: inline-block;
	vertical-align: top
}

.search-suggestion {
	border-radius: 3px;
	display: block;
	margin-bottom: 4px;
	padding: 6px 8px;
	position: relative;
	text-decoration: none
}

.search-suggestion.selected,
.search-suggestion:hover {
	background-color: rgba(9, 30, 66, .13)
}

.search-suggestion:active {
	background-color: rgba(9, 30, 66, .25)
}

.search-suggestion-string {
	margin-right: 4px
}

.search-suggestion-desc {
	color: #6b778c
}

.search-suggestion-member {
	padding: 6px 8px 6px 40px;
	display: flex;
	align-items: center
}

.member.search-suggestion-member-av {
	margin: 0 8px 0 0
}

.saved-search {
	position: relative
}

.saved-search.ui-sortable-helper {
	border-radius: 3px;
	opacity: .8
}

.saved-search.ui-sortable-helper .saved-search-item {
	background: transparent
}

.saved-search.ui-sortable-helper .saved-search-delete,
.saved-search.ui-sortable-helper .saved-search-delete-menu {
	display: none
}

.saved-search-item {
	border-radius: 3px;
	display: block;
	padding: 6px 32px 6px 8px;
	text-decoration: none;
	transition-property: background-color, border-color, box-shadow;
	transition-duration: 85ms;
	transition-timing-function: ease
}

.saved-search-item:hover {
	background-color: rgba(9, 30, 66, .13)
}

.saved-search-item:active {
	background-color: rgba(9, 30, 66, .25)
}

.saved-search-item-faded {
	opacity: .1
}

.saved-search-delete,
.saved-search-delete-menu {
	padding: 6px;
	position: absolute;
	top: 0;
	right: 0
}

.saved-search-delete {
	border-radius: 3px
}

.saved-search-delete:hover {
	background-color: rgba(9, 30, 66, .13)
}

.saved-search-delete:active {
	background-color: rgba(9, 30, 66, .25)
}

.saved-search-delete-menu {
	-webkit-transform: translatex(32px);
	transform: translatex(32px);
	transition: -webkit-transform .1s;
	transition: transform .1s;
	transition: transform .1s, -webkit-transform .1s
}

.saved-search-delete-menu-shown {
	-webkit-transform: translatex(0);
	transform: translatex(0)
}

.saved-search-delete-menu-item {
	margin: 0 0 0 4px
}

.search-tips {
	padding: 0 12px
}

.search-tips-helper {
	text-align: center
}

.search-tips-list dt {
	font-weight: 700
}

.search-tips-list dd {
	color: #6b778c
}

div.search-empty-state {
	padding: 0 8px 4px
}

.search-empty-state .search-tips-helper {
	background: url(https://a.trellocdn.com/prgb/dist/images/empty-states/comb.65864547b3e6ae50d7ff.svg) no-repeat 0;
	background-size: 40px 100%;
	text-align: left;
	padding-left: 48px
}

.search-empty-state .search-tips-helper a {
	margin-top: 10px;
	position: absolute;
	right: 4px
}

.search-empty-state .search-tips-helper .search-empty-state-description {
	display: inline-block;
	max-width: 424px
}

.search-help-query {
	font-weight: 700
}

.body-search-page {
	background-color: #f4f5f7
}

.body-search-page .search-results-section-header-options-option {
	display: none
}

.body-search-page .search-results-view {
	padding: 0 12px
}

.body-search-page .header-search {
	float: none;
	margin: 32px auto;
	max-width: 680px;
	padding: 0 12px
}

.body-search-page .header-search input.header-search-input {
	background: #fff;
	border-radius: 6px;
	color: #172b4d;
	font-size: 16px;
	margin-bottom: 32px;
	padding: 8px 48px 8px 16px;
	height: 48px;
	width: 100%
}

.body-search-page .header-search input.header-search-input,
.body-search-page .header-search input.header-search-input:focus,
.body-search-page .header-search input.header-search-input:hover {
	box-shadow: 0 1px 1px rgba(9, 30, 66, .25), 0 0 0 1px rgba(9, 30, 66, .08)
}

.body-search-page .header-search .header-search-icon {
	color: #42526e;
	right: 20px;
	top: 8px
}

.body-search-page .header-search .header-search-icon-open {
	display: none
}

@media only screen and (max-width:750px) {
	.body-search-page .open-search-btn {
		display: none
	}
	.body-search-page .header-search {
		margin: 12px auto
	}
}

.search-loading {
	color: #6b778c;
	display: block;
	padding: 16px 8px 16px 40px;
	margin-top: 16px
}

.search-loading .spinner {
	display: inline-block;
	vertical-align: top
}

.boards-page-announcement-container {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 16px;
	position: relative;
	z-index: 1
}

.boards-page-announcement-container .boards-page-announcement,
.boards-page-announcement-container .icon-sm,
.boards-page-announcement-container a {
	color: #6b778c
}

.boards-page-announcement-container a:hover {
	color: #091e42
}

.boards-page-announcement {
	background: #faf3c0;
	padding: 4px 24px 4px 8px;
	border-radius: 4px;
	border: 1px solid #f5ea92;
	position: relative
}

.boards-page-announcement .boards-page-announcement-dismiss {
	position: absolute;
	top: 4px;
	right: 2px;
	cursor: pointer
}

.boards-page-announcement .boards-page-announcement-dismiss:hover .icon-sm {
	color: #172b4d
}

input[type=text].boards-page-navigation-input {
	width: 100%
}

.boards-page-navigation-explainer {
	padding: 6px 8px 0
}

.boards-page-navigation-button {
	display: block;
	margin: 2px 0;
	padding: 6px 8px
}

.boards-page-navigation-list {
	margin-bottom: 16px
}

.boards-page-navigation-list-header {
	color: #6b778c;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: .04em;
	line-height: 16px;
	margin-top: 16px;
	text-transform: uppercase;
	padding: 8px;
	margin: 0
}

.boards-page-navigation-list-item-link {
	border-radius: 3px;
	color: #172b4d;
	display: block;
	font-weight: 700;
	padding: 6px 8px;
	position: relative;
	text-decoration: none;
	word-break: break-word;
	word-wrap: break-word;
	overflow-wrap: break-word;
	transition-property: background-color, border-color, box-shadow;
	transition-duration: 85ms;
	transition-timing-function: ease
}

.boards-page-navigation-list-item-link:hover {
	background-color: rgba(9, 30, 66, .13);
	color: #172b4d
}

.boards-page-navigation-list-item-link:active {
	background-color: rgba(9, 30, 66, .25);
	color: #172b4d
}

.boards-page-navigation-list-item-link.is-active,
.boards-page-navigation-list-item-link.is-active:active,
.boards-page-navigation-list-item-link.is-active:hover {
	background-color: #dfe1e6;
	color: #172b4d
}

.boards-page-navigation-list-item-link.mod-closeable {
	padding-right: 24px
}

.boards-page-navigation-list-item-link.mod-quiet {
	color: #6b778c;
	font-weight: 400;
	text-decoration: underline
}

.boards-page-navigation-list-item-link.mod-quiet:hover {
	color: #172b4d
}

.boards-page-navigation-list-item-link-icon {
	position: absolute;
	right: 6px;
	top: 6px
}

.boards-page-layout {
	margin: 0 auto;
	max-width: 1400px
}

.boards-page-layout-sidebar {
	margin: 0 auto;
	max-width: 220px;
	padding-bottom: 32px
}

@media only screen and (min-width:901px) and (max-width:1280px),
only screen and (min-width:1281px) {
	.boards-page-layout {
		display: flex;
		flex-direction: row
	}
	.boards-page-layout-sidebar {
		flex: 0 0 220px;
		padding-right: 32px
	}
	.boards-page-layout-list {
		flex: 1 1
	}
}

.boards-page-board-section {
	margin: 0 auto;
	max-width: 1250px;
	padding: 20px 16px 0
}

@media only screen and (max-width:750px) {
	.boards-page-board-section {
		padding: 8px
	}
}

.boards-page-board-section-header {
	margin: 0 0 0 40px;
	padding: 0 0 11px;
	position: relative;
	display: flex
}

.boards-page-board-section-header-icon {
	left: -40px;
	position: absolute;
	top: 0
}

.boards-page-board-section-header-icon-image {
	height: 32px;
	width: 32px;
	border-radius: 3px
}

.boards-page-board-section-header-name {
	display: inline-block;
	line-height: 24px;
	margin: 4px 0 0;
	font-size: 16px;
	font-weight: 700
}

.boards-page-board-section-header-small-icon {
	margin: 0 4px;
	padding: 6px
}

.boards-page-board-section-header-options {
	display: inline-block;
	margin-left: 8px
}

.boards-page-board-section-header-options-item {
	border-radius: 3px;
	text-decoration: none;
	position: relative;
	display: inline-block;
	margin-left: 8px;
	padding: 6px 12px 6px 6px;
	background-color: transparent;
	border: none;
	box-shadow: none;
	color: #172b4d;
	font-weight: 400;
	background-color: rgba(9, 30, 66, .08);
	text-align: left
}

.boards-page-board-section-header-options-item .icon-sm {
	margin-right: 6px
}

.boards-page-board-section-header-options-item:active,
.boards-page-board-section-header-options-item:hover {
	background-color: transparent;
	border: none;
	box-shadow: none;
	color: #172b4d
}

.boards-page-board-section-header-options-item:active .icon-sm {
	color: #42526e
}

.boards-page-board-section-list {
	display: flex;
	flex-wrap: wrap
}

.boards-page-board-section-list-item {
	box-sizing: border-box;
	padding: 4px 8px;
	position: relative;
	width: 25%;
	cursor: pointer
}

.board-tile.private-mod {
	background-color: rgba(9, 30, 66, .08);
	color: #6b778c;
	display: table-cell;
	height: 80px;
	font-weight: 400;
	text-align: center;
	width: inherit;
	transition-property: background-color, border-color, box-shadow;
	transition-duration: 85ms;
	transition-timing-function: ease;
	cursor: default
}

.board-tile.private-mod:hover {
	color: #6b778c
}

.board-limits-private-board-list-item .private-board-text {
	font-size: 16px;
	font-weight: 700;
	text-align: left;
	margin: 0 0 0 20px
}

.board-limits-private-board-list-item .lock-icon {
	position: absolute;
	top: 8px;
	left: 6px
}

.board-limits-private-board-list-item .icon-help {
	color: #172b4d
}

.board-limits-private-board-list-item .question-icon {
	position: absolute;
	bottom: 4px;
	right: 4px
}

.board-limits {
	position: relative;
	cursor: pointer
}

.board-limits .bold {
	font-weight: 700;
	margin: 0
}

.board-limits .remaining {
	font-size: 12px;
	margin: 0
}

.board-limits .over-limit-text {
	font-size: 12px
}

.board-limits a {
	color: #055a8c
}

.board-limits a:hover {
	text-decoration: underline
}

.board-limits .icon-help {
	color: #172b4d
}

.board-limits .question-icon {
	position: absolute;
	bottom: 4px;
	right: 4px
}

.boards-page-board-section-list-item.mod-placeholder {
	height: 114px
}

.boards-page-show-all-boards {
	display: inline-block
}

.boards-page-board-section-header-options-item:hover {
	background-color: rgba(9, 30, 66, .13)
}

.boards-page-board-section-header-options-item:hover .boards-page-board-section-header-options-item-name {
	color: #172b4d
}

.boards-page-board-section-header-options-item:active {
	background-color: rgba(9, 30, 66, .25)
}

@media only screen and (min-width:751px) and (max-width:900px),
only screen and (min-width:901px) and (max-width:1280px) {
	.boards-page-board-section-list-item {
		width: 33%
	}
}

@media only screen and (min-width:901px) and (max-width:1280px) {
	.boards-page-board-section.mod-no-sidebar .boards-page-board-section-list-item {
		width: 25%
	}
}

@media only screen and (max-width:750px) {
	.boards-page-board-section-list-item {
		width: 100%;
		padding-right: 0
	}
}

.board-tile {
	background-color: #97a0af;
	background-size: cover;
	background-position: 50%;
	color: #fff;
	line-height: 20px;
	padding: 8px;
	position: relative;
	text-decoration: none
}

.board-tile,
.board-tile-fade {
	border-radius: 3px;
	display: block
}

.board-tile-fade {
	background-color: rgba(0, 0, 0, .15);
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0
}

.board-tile-details {
	display: flex;
	height: 80px;
	position: relative;
	flex-direction: column;
	justify-content: space-between
}

.board-tile-details-name {
	flex: 0 0 auto;
	font-size: 16px;
	font-weight: 700;
	display: inline-block;
	overflow: hidden;
	max-height: 40px;
	width: 100%;
	word-wrap: break-word
}

.board-tile-details-sub-container {
	flex: 0 0 auto;
	display: flex;
	align-items: baseline;
	justify-content: flex-end
}

.board-tile-details-sub-name {
	flex: 1 1 auto;
	width: 100%;
	color: hsla(0, 0%, 100%, .85);
	display: block;
	letter-spacing: .02em;
	line-height: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.board-tile-options {
	flex: 0 0 auto;
	margin-left: 4px;
	overflow: hidden;
	position: relative;
	right: -4px
}

.board-tile-options-unread-indicator {
	background: #fff;
	border-radius: 8px;
	display: inline-block;
	height: 12px;
	margin-right: 8px;
	opacity: .7;
	transition-duration: .15s;
	transition-property: right, opacity;
	width: 12px
}

.board-tile-options-star-icon {
	color: #fff;
	bottom: 0;
	font-size: 14px;
	width: 0;
	height: 18px;
	opacity: 0;
	right: 0;
	top: 0;
	transition-duration: .15s;
	transition-property: color, background, opacity, width, margin, -webkit-transform;
	transition-property: color, background, opacity, transform, width, margin;
	transition-property: color, background, opacity, transform, width, margin, -webkit-transform;
	-webkit-transform: translateZ(0)
}

.board-tile-options-star-icon:hover {
	-webkit-transform: scale(1.2);
	transform: scale(1.2)
}

.board-tile-badges {
	bottom: 8px;
	opacity: .8;
	position: absolute
}

.board-tile-badges-item {
	border-radius: 3px;
	color: #fff;
	float: left;
	font-size: 12px;
	line-height: 16px;
	margin-right: 4px;
	padding-right: 4px
}

.board-tile-badges-item-icon:not(.is-vis-color) {
	color: #fff
}

.board-tile-badges-item-name {
	margin: 0 3px 0 1px
}

.board-tile.mod-add {
	background-color: rgba(9, 30, 66, .08);
	color: #6b778c;
	display: table-cell;
	height: 80px;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	width: inherit;
	transition-property: background-color, border-color, box-shadow;
	transition-duration: 85ms;
	transition-timing-function: ease
}

.board-tile.mod-add:hover {
	background-color: rgba(9, 30, 66, .13);
	color: #172b4d
}

.board-tile.mod-add:active {
	background-color: rgba(9, 30, 66, .25);
	color: #172b4d
}

.board-tile.mod-add .bold {
	font-weight: 700;
	margin: 0
}

.board-tile.mod-add .remaining {
	font-size: 12px;
	margin: 0
}

.board-tile.mod-add .over-limit-text {
	font-size: 12px
}

.board-tile.mod-add a {
	color: #055a8c
}

.board-tile.mod-add a:hover {
	text-decoration: underline
}

.board-tile.mod-add .icon-help {
	color: #172b4d
}

.board-tile.mod-add .question-icon {
	position: absolute;
	bottom: 4px;
	right: 4px
}

.board-tile.mod-light-background .board-tile-fade,
.board-tile.mod-unknown-background .board-tile-fade {
	background-color: rgba(0, 0, 0, .3)
}

.board-title.mod-tiled {
	background-size: auto;
	background-repeat: repeat
}

.board-tile-options-star-icon.is-starred {
	color: #e6c60d;
	opacity: 1;
	width: 18px;
	margin-right: 6px
}

.board-tile-options-star-icon.is-starred:hover {
	color: #fff;
	opacity: .75
}

.board-tile:hover {
	color: #fff
}

.board-tile:hover .board-tile-fade {
	background-color: rgba(0, 0, 0, .25)
}

.board-tile:hover.mod-light-background .board-tile-fade,
.board-tile:hover.mod-unknown-background .board-tile-fade {
	background-color: rgba(0, 0, 0, .4)
}

.board-tile:hover .board-tile-options-star-icon {
	opacity: .75;
	width: 18px;
	margin-right: 6px
}

.board-tile:hover .board-tile-options-star-icon:hover {
	opacity: 1
}

.board-tile:hover .board-tile-options-star-icon.is-starred {
	color: #e6c60d;
	opacity: 1
}

.board-tile:hover .board-tile-options-star-icon.is-starred:hover {
	opacity: .75
}

.board-tags {
	margin-bottom: 8px
}

.board-tags-item {
	background-color: rgba(9, 30, 66, .08);
	border-radius: 3px;
	color: #6b778c;
	cursor: pointer;
	display: block;
	float: left;
	margin: 8px 8px 0 0;
	padding: 6px 8px;
	text-decoration: none;
	transition-property: background-color, border-color, box-shadow;
	transition-duration: 85ms;
	transition-timing-function: ease
}

.board-tags-item:focus,
.board-tags-item:hover {
	background-color: rgba(9, 30, 66, .13);
	color: #172b4d
}

.board-tags-item:focus .board-tags-item-icon,
.board-tags-item:hover .board-tags-item-icon {
	color: #172b4d
}

.board-tags-item:active {
	background-color: rgba(9, 30, 66, .25);
	color: #172b4d
}

.board-tags-item.mod-add {
	margin-right: 0;
	padding: 6px
}

.board-tags-item.mod-selected {
	background-color: #dfe1e6;
	color: #172b4d
}

.gold-banner {
	background-color: #094c72;
	color: #fff;
	width: 100%
}

.gold-banner .icon-close {
	background: transparent;
	border: none;
	box-shadow: none;
	color: hsla(0, 0%, 100%, .5);
	margin: 4px;
	padding: 0;
	position: absolute;
	right: 0
}

.gold-banner-content {
	background-image: url(https://a.trellocdn.com/prgb/dist/images/banners/gold-banner-bg.6bb6f1e3d34e0b739d64.svg);
	background-position: 90% bottom;
	background-repeat: no-repeat;
	background-size: auto 145px;
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	margin: 0 auto;
	max-width: 1250px;
	padding: 32px 16px
}

@media only screen and (max-width:525px) {
	.gold-banner-content {
		background-image: none;
		flex-direction: column
	}
	.gold-banner-content.gold-banner-content-upgraded-org {
		background-position: right -70px bottom
	}
}

@media only screen and (min-width:526px) and (max-width:890px) {
	.gold-banner-content {
		background-position: 541px bottom;
		background-size: auto 120px;
		flex-direction: column
	}
}

@media only screen and (min-width:526px) and (max-width:685px) {
	.gold-banner-content {
		background-attachment: scroll;
		background-position: right -88px bottom
	}
	.gold-banner-content.gold-banner-content-upgraded-org {
		background-position: right -70px bottom
	}
}

@media only screen and (min-width:891px) and (max-width:980px) {
	.gold-banner-content {
		background-position: right -90px bottom;
		background-size: auto 120px
	}
	.gold-banner-content.gold-banner-content-upgraded-org {
		background-position: right -35px bottom
	}
}

@media only screen and (min-width:981px) and (max-width:1100px) {
	.gold-banner-content {
		background-position: right 35px bottom;
		background-size: auto 120px
	}
}

.gold-banner-welcome-section {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 25%
}

@media only screen and (max-width:525px),
only screen and (min-width:526px) and (max-width:890px) {
	.gold-banner-welcome-section {
		width: 100%
	}
}

@media only screen and (min-width:891px) and (max-width:980px) {
	.gold-banner-welcome-section {
		padding-left: 20px;
		width: 33%
	}
}

.gold-banner-welcome-heading {
	font-family: Facit, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Droid Sans, Helvetica Neue, sans-serif;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.2em;
	margin: 0 0 10px
}

@media only screen and (min-width:526px) and (max-width:890px) {
	.gold-banner-welcome-heading {
		margin-bottom: 0
	}
}

.gold-banner-welcome-subheading {
	width: 200px
}

@media only screen and (max-width:525px),
only screen and (min-width:526px) and (max-width:890px) {
	.gold-banner-welcome-subheading {
		display: none
	}
}

.gold-banner-tip-list {
	flex: 1
}

@media only screen and (min-width:891px) and (max-width:980px) {
	.gold-banner-tip-list {
		margin-top: 8px
	}
}

.gold-banner-tip-list-item {
	display: block;
	flex: 1;
	margin-top: 18px;
	overflow: auto;
	width: 55%
}

@media only screen and (min-width:891px) and (max-width:980px),
only screen and (min-width:981px) and (max-width:1100px),
only screen and (min-width:1101px) {
	.gold-banner-tip-list-item:first-child {
		margin-top: 0
	}
}

@media only screen and (max-width:525px),
only screen and (min-width:526px) and (max-width:890px) {
	.gold-banner-tip-list-item {
		flex: 0;
		width: 100%
	}
}

@media only screen and (min-width:526px) and (max-width:685px) {
	.gold-banner-tip-list-item {
		width: 90%
	}
}

@media only screen and (min-width:526px) and (max-width:890px) {
	.gold-banner-tip-list-item:last-child {
		width: 70%
	}
}

@media only screen and (min-width:526px) and (max-width:890px),
only screen and (min-width:891px) and (max-width:980px) {
	.gold-banner-tip-list-item {
		width: 68%
	}
}

.gold-banner-tip-list-item a:active,
.gold-banner-tip-list-item a:hover,
.gold-banner-tip-list-item a:link,
.gold-banner-tip-list-item a:visited {
	color: #fff
}

.gold-banner-tip-list-item-bullet {
	background-image: url(https://a.trellocdn.com/prgb/dist/images/gold-mark.452725d50b8a0bec3afb.svg);
	background-position: 100% 0;
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
	float: left;
	height: 13px;
	margin-top: 2px;
	width: 19px
}

.gold-banner-tip-list-item-text {
	display: block;
	margin-left: 35px
}

.team-banner {
	color: #fff;
	width: 100%
}

.team-banner .icon-close {
	background: transparent;
	border: none;
	box-shadow: none;
	color: hsla(0, 0%, 100%, .5);
	margin: 4px;
	padding: 0;
	position: absolute;
	right: 0
}

.team-banner-section-bc {
	background-color: #42548e
}

.team-banner-section-bc .team-banner-tip-list-item-index {
	color: #42548e
}

.team-banner-section-ent {
	background-color: #36405f
}

.team-banner-section-ent .team-banner-tip-list-item-index {
	color: #36405f
}

.team-banner-section {
	background-color: #0098b7
}

.team-banner-section .team-banner-tip-list-item-index {
	color: #0098b7
}

.team-banner-content {
	background-image: url(https://a.trellocdn.com/prgb/dist/images/banners/team-welcome-banner-bg.234dadbb00cb7f785380.svg);
	background-position: 90% bottom;
	background-repeat: no-repeat;
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	margin: 0 auto;
	max-width: 1250px;
	padding: 32px 16px
}

.team-banner-content.team-banner-content-upgraded-org {
	background-image: url(https://a.trellocdn.com/prgb/dist/images/banners/team-welcome-banner-bg-mountain.75ae9ae6d9518e806600.svg)
}

@media only screen and (max-width:460px) {
	.team-banner-content {
		flex-direction: column
	}
	.team-banner-content,
	.team-banner-content.team-banner-content-upgraded-org {
		background-image: none
	}
}

@media only screen and (min-width:461px) and (max-width:820px) {
	.team-banner-content {
		background-position: 441px bottom;
		background-size: auto 120px;
		flex-direction: column
	}
}

@media only screen and (min-width:461px) and (max-width:535px) {
	.team-banner-content {
		background-attachment: scroll;
		background-position: right -185px bottom
	}
	.team-banner-content.team-banner-content-upgraded-org {
		background-position: right -70px bottom
	}
}

@media only screen and (min-width:821px) and (max-width:900px) {
	.team-banner-content {
		background-position: right -110px bottom;
		background-size: auto 120px
	}
	.team-banner-content.team-banner-content-upgraded-org {
		background-position: right -35px bottom
	}
}

@media only screen and (min-width:901px) and (max-width:1080px) {
	.team-banner-content {
		background-position: right 35px bottom;
		background-size: auto 120px
	}
}

.team-banner-welcome-section {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 25%
}

@media only screen and (max-width:460px),
only screen and (min-width:461px) and (max-width:820px) {
	.team-banner-welcome-section {
		width: 100%
	}
}

@media only screen and (min-width:821px) and (max-width:900px) {
	.team-banner-welcome-section {
		padding-left: 20px;
		width: 33%
	}
}

.team-banner-welcome-heading {
	font-family: Facit, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Droid Sans, Helvetica Neue, sans-serif;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.2em;
	margin: 0 0 10px
}

@media only screen and (min-width:461px) and (max-width:820px) {
	.team-banner-welcome-heading {
		margin-bottom: 0
	}
}

.team-banner-welcome-heading img {
	margin-bottom: 3px;
	padding-left: 8px;
	vertical-align: middle
}

.team-banner-welcome-subheading {
	line-height: 20px;
	width: 200px
}

@media only screen and (max-width:460px),
only screen and (min-width:461px) and (max-width:820px) {
	.team-banner-welcome-subheading {
		display: none
	}
}

.team-banner-tip-list {
	flex: 1
}

@media only screen and (min-width:821px) and (max-width:900px) {
	.team-banner-tip-list {
		margin-top: 8px
	}
}

@media only screen and (max-width:460px),
only screen and (min-width:461px) and (max-width:820px),
only screen and (min-width:821px) and (max-width:900px) {
	.team-banner-tip-list {
		flex: none
	}
}

.team-banner-tip-list-item {
	display: block;
	flex: 1;
	margin-top: 18px;
	overflow: auto;
	width: 90%
}

@media only screen and (min-width:461px) and (max-width:820px) {
	.team-banner-tip-list-item:last-child {
		width: 70%
	}
}

@media only screen and (min-width:821px) and (max-width:900px),
only screen and (min-width:901px) and (max-width:1080px),
only screen and (min-width:1081px) {
	.team-banner-tip-list-item:first-child {
		margin-top: 0
	}
}

.team-banner-tip-list-item a:active,
.team-banner-tip-list-item a:hover,
.team-banner-tip-list-item a:link,
.team-banner-tip-list-item a:visited {
	color: #fff
}

.team-banner-tip-list-item-index {
	align-items: center;
	background-color: #fff;
	border-radius: 100%;
	display: flex;
	float: left;
	font-size: 12px;
	font-weight: 700;
	height: 22px;
	justify-content: center;
	margin-right: 16px;
	padding-left: 1px;
	width: 21px
}

.team-banner-tip-list-item-text {
	display: block;
	line-height: 20px;
	margin-left: 38px;
	margin-top: 3px;
	vertical-align: middle
}

.team-banner-tip-list-app-download-button {
	display: block;
	height: 40px;
	margin-top: 8px;
	opacity: .9;
	width: 120px
}

.team-banner-tip-list-app-download-button img {
	width: 100%
}

.select-tags-list {
	margin-bottom: 4px
}

.select-tags-list-item {
	margin-bottom: 2px;
	position: relative
}

.select-tags-list-item-name-link {
	border-radius: 3px;
	cursor: pointer;
	display: block;
	font-weight: 700;
	margin-right: 32px;
	padding: 6px 6px 6px 32px;
	position: relative;
	word-wrap: break-word
}

.select-tags-list-item-name-link-check-icon {
	left: 6px;
	position: absolute;
	top: 6px
}

.select-tags-list-item-edit-button {
	border-radius: 3px;
	cursor: pointer;
	display: block;
	padding: 6px;
	position: absolute;
	right: 0;
	top: 0
}

.select-tags-list-item-name-link:hover {
	background-color: rgba(9, 30, 66, .13)
}

.select-tags-list-item-name-link:active {
	background-color: rgba(9, 30, 66, .25)
}

.select-tags-list-item-edit-button:hover {
	background-color: rgba(9, 30, 66, .13)
}

.select-tags-list-item-edit-button:active {
	background-color: rgba(9, 30, 66, .25)
}

.home-container {
	min-height: calc(100vh - 40px)
}

.home-container .home-sticky-container {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: center
}

.home-container .all-boards {
	margin-top: 40px;
	width: 860px
}

.home-container .all-boards .boards-page-board-section {
	padding: 0 0 20px
}

.home-container .all-boards .boards-page-board-section-list-item {
	width: 23.5%;
	padding: 0;
	margin: 0 2% 8px 0;
	-webkit-transform: translate(0);
	transform: translate(0)
}

.home-container .all-boards .boards-page-board-section-list-item .board-tile,
.home-container .all-boards .boards-page-board-section-list-item:nth-of-type(4n) {
	margin-right: 0
}

.home-container .all-cards {
	margin-top: 40px;
	padding-left: 64px;
	width: 796px
}

@media only screen and (max-width:711px),
only screen and (max-width:1091px) and (min-width:712px) {
	body:not(.body-pinned-drawer) .home-container .all-cards {
		width: 452px
	}
}

@media only screen and (max-width:711px) {
	body:not(.body-pinned-drawer) .home-container .all-cards {
		padding-left: 0
	}
}

@media only screen and (max-width:991px),
only screen and (max-width:1371px) and (min-width:992px) {
	.body-pinned-drawer .home-container .all-cards {
		width: 452px
	}
}

@media only screen and (max-width:1091px) and (min-width:712px) {
	.home-container .all-boards .boards-page-board-section-list-item {
		width: 32%;
		margin-right: 2%
	}
	.home-container .all-boards .boards-page-board-section-list-item:nth-of-type(4n) {
		margin-right: 2%
	}
	.home-container .all-boards .boards-page-board-section-list-item:nth-of-type(3n) {
		margin-right: 0
	}
}

@media only screen and (max-width:711px) {
	.home-container .all-boards .boards-page-board-section-list-item {
		width: 48%;
		margin-right: 2%
	}
	.home-container .all-boards .boards-page-board-section-list-item:nth-of-type(2n) {
		margin-right: 0
	}
	.home-container .all-boards .boards-page-board-section-list-item:nth-of-type(3n),
	.home-container .all-boards .boards-page-board-section-list-item:nth-of-type(4n) {
		margin-right: 2%
	}
}

body:not(.body-pinned-drawer) .home-container .content-all-boards {
	padding-left: 64px
}

@media only screen and (max-width:1091px) and (min-width:712px) {
	body:not(.body-pinned-drawer) .home-container .content-all-boards {
		padding-left: 40px
	}
}

@media only screen and (max-width:711px) {
	body:not(.body-pinned-drawer) .home-container .content-all-boards {
		padding-left: 0!important
	}
}

.body-pinned-drawer .home-container .content-all-boards {
	padding-left: 64px
}

@media only screen and (max-width:1371px) and (min-width:992px) {
	.body-pinned-drawer .home-container .content-all-boards {
		padding-left: 40px
	}
}

@media only screen and (max-width:991px) {
	.body-pinned-drawer .home-container .content-all-boards {
		padding-left: 0!important
	}
}

@media only screen and (max-width:711px) {
	body:not(.body-pinned-drawer) .home-container .all-boards {
		width: 0;
		flex: 1 1 100%;
		min-width: 352px;
		padding-left: 20px;
		padding-right: 20px
	}
}

@media only screen and (max-width:1091px) and (min-width:712px) {
	body:not(.body-pinned-drawer) .home-container .all-boards {
		width: 0;
		flex: 1 1 100%
	}
}

@media only screen and (max-width:991px) {
	.body-pinned-drawer .home-container .all-boards {
		width: 0;
		flex: 1 1 100%;
		min-width: 352px;
		padding-left: 20px;
		padding-right: 20px
	}
}

@media only screen and (max-width:1371px) and (min-width:992px) {
	.body-pinned-drawer .home-container .all-boards {
		width: 0;
		flex: 1 1 100%
	}
}

@media only screen and (max-width:711px) {
	body:not(.body-pinned-drawer) .home-left-sidebar-container {
		display: none
	}
}

@media only screen and (min-width:1092px) {
	body:not(.body-pinned-drawer) .home-left-sidebar-container {
		padding-left: 10px
	}
}

@media only screen and (max-width:991px) {
	.body-pinned-drawer .home-left-sidebar-container {
		display: none
	}
}

@media only screen and (min-width:1372px) {
	.body-pinned-drawer .home-left-sidebar-container {
		padding-left: 10px
	}
}

.home-main-content-container {
	margin-top: 40px;
	padding-left: 40px;
	width: 420px
}

.home-main-content-container .home-main-content-item {
	position: relative;
	z-index: 0
}

.home-main-content-container .home-main-content-item+.home-main-content-item {
	margin-top: 24px
}

.home-main-content-container .show-more {
	padding-left: 20px;
	padding-right: 20px
}

@media only screen and (min-width:1092px) {
	body:not(.body-pinned-drawer) .home-main-content-container {
		padding-left: 96px
	}
}

@media only screen and (max-width:711px) {
	body:not(.body-pinned-drawer) .home-main-content-container {
		padding-left: 0!important
	}
}

@media only screen and (min-width:1372px) {
	.body-pinned-drawer .home-main-content-container {
		padding-left: 64px
	}
}

@media only screen and (max-width:991px) {
	.body-pinned-drawer .home-main-content-container {
		padding-left: 0!important
	}
}

.home-right-sidebar-container {
	margin-top: 40px;
	width: 280px;
	padding-left: 40px
}

.home-left-sidebar-container {
	margin-top: 40px;
	width: 210px
}

@media only screen and (min-width:1092px) {
	body:not(.body-pinned-drawer) .home-right-sidebar-container {
		padding-left: 64px
	}
}

@media only screen and (max-width:711px),
only screen and (max-width:1091px) and (min-width:712px) {
	body:not(.body-pinned-drawer) .home-right-sidebar-container {
		display: none
	}
}

@media only screen and (min-width:1372px) {
	.body-pinned-drawer .home-right-sidebar-container {
		padding-left: 64px
	}
}

@media only screen and (max-width:991px),
only screen and (max-width:1371px) and (min-width:992px) {
	.body-pinned-drawer .home-right-sidebar-container {
		display: none
	}
}

.home-due-dates-loading-container {
	padding-top: 24px;
	padding-left: 16px;
	width: 420px
}

.canonical-reply-button-link,
.canonical-reply-button-link:active,
.canonical-reply-button-link:focus,
.canonical-reply-button-link:hover {
	background: none;
	font-weight: 400;
	line-height: 1
}

.canonical-reply-text-area {
	background-color: #fff;
	margin-bottom: 8px
}

.canonical-reply-text-area,
.canonical-reply-text-area:active,
.canonical-reply-text-area:focus,
.canonical-reply-text-area:hover {
	background-color: #fff
}

.canonical-reply-sent-avatar {
	height: 24px
}

.canonical-reply-link-icon {
	margin-left: 16px
}

.canonical-comment-icon-button,
.canonical-overflow-button {
	box-shadow: none;
	font-weight: 400;
	line-height: 1;
	margin-right: 0;
	margin-top: 0
}

.canonical-comment-icon-button,
.canonical-comment-icon-button:active,
.canonical-comment-icon-button:focus,
.canonical-comment-icon-button:hover,
.canonical-overflow-button,
.canonical-overflow-button:active,
.canonical-overflow-button:focus,
.canonical-overflow-button:hover {
	background-image: none;
	box-shadow: none;
	color: #172b4d
}

.canonical-comment-icon-button,
.canonical-comment-icon-button:active,
.canonical-comment-icon-button:hover {
	border: 1px solid rgba(9, 30, 66, .13)
}

.canonical-due-soon-icon-container {
	display: flex;
	align-items: center
}

.canonical-comment .sending-spinner {
	color: #6b778c
}

.comment-text-container {
	transition: height .2s ease-in-out;
	overflow: hidden;
	position: relative
}

.hide-comment-overlay {
	background: linear-gradient(hsla(0, 0%, 100%, 0), #fff);
	bottom: 18px;
	height: 40px;
	position: absolute;
	width: 100%;
	z-index: 1
}

.show-full-comment-container {
	background: #fff;
	bottom: 0;
	height: 18px;
	position: absolute;
	text-align: center;
	width: 100%
}

.show-full-comment-button {
	color: #6b778c;
	cursor: pointer;
	text-decoration: underline
}

.boards-drawer {
	background: #fff;
	box-shadow: 0 12px 24px -6px rgba(9, 30, 66, .25), 0 0 0 1px rgba(9, 30, 66, .08);
	border-radius: 0 3px 3px 0;
	display: none;
	overflow: hidden;
	position: fixed;
	left: 0;
	width: 280px;
	top: 44px;
	z-index: 60
}

.boards-drawer input {
	margin: 1px 1px 8px;
	width: 98%
}

.boards-drawer .empty {
	margin: 6px 4px 0 0;
	padding: 8px 12px
}

.boards-drawer-pinned {
	border-radius: 0;
	top: 0;
	bottom: 0;
	z-index: 10
}

.boards-drawer-pinned .boards-drawer-header {
	display: block
}

.boards-drawer-header {
	background: #ebecf0;
	display: none;
	flex-shrink: 0;
	padding: 11px 13px;
	height: 18px
}

.board-drawer-content {
	overflow-x: hidden;
	overflow-y: auto;
	margin: 8px 4px 8px 8px
}

.sidebar-section-header {
	margin: 16px 32px 8px 8px;
	position: relative
}

.sidebar-section-header-title {
	color: #6b778c;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: .04em;
	line-height: 16px;
	margin-top: 16px;
	text-transform: uppercase
}

.sidebar-section-header-title.mod-clickable {
	text-decoration: underline
}

.sidebar-section-header-title.mod-clickable:hover {
	color: #172b4d
}

.sidebar-section-header-icon {
	color: #6b778c;
	height: 20px;
	margin-right: 4px;
	width: 20px
}

img.sidebar-section-header-icon {
	vertical-align: bottom
}

.sidebar-section-header-bc-icon {
	margin-left: 4px
}

.sidebar-section-header-toggle-icon {
	border-radius: 3px;
	color: #6b778c;
	cursor: pointer;
	padding: 6px;
	position: absolute;
	top: -6px;
	right: -28px
}

.sidebar-section-header-toggle-icon:hover {
	background-color: rgba(9, 30, 66, .13)
}

.sidebar-section-header-toggle-icon:active {
	background-color: rgba(9, 30, 66, .25)
}

.boards-drawer.is-shown {
	display: flex;
	flex-direction: column;
	max-height: calc(100% - 48px);
	overflow-y: auto
}

.boards-drawer.is-shown.boards-drawer-pinned {
	max-height: inherit
}

.sidebar-boards-list {
	margin-bottom: 16px;
	position: relative
}

.sidebar-boards-list:empty {
	display: none;
	margin: 0
}

.starred-sidebar-boards-list .compact-board-tile-link-thumbnail {
	cursor: move
}

.sidebar-starred-boards-empty-state {
	color: #7a869a;
	margin: 16px 30px 10px 31px;
	position: relative
}

@media only screen and (min-width:901px) and (max-width:1280px),
only screen and (min-width:1281px) {
	.body-pinned-drawer #surface {
		margin-left: 280px
	}
	.body-pinned-drawer .header-boards {
		display: none
	}
}

@media print {
	.body-pinned-drawer #surface {
		margin-left: 0
	}
	.boards-drawer {
		display: none!important
	}
}

.compact-board-tile {
	box-sizing: border-box;
	position: relative;
	padding: 0 4px 4px 0
}

.compact-board-tile.placeholder {
	background: rgba(0, 0, 0, .1);
	border-radius: 3px
}

.compact-board-tile.starred .compact-board-tile-link-options-star {
	opacity: 1;
	width: 20px;
	margin-right: 4px
}

.compact-board-tile-wrapper {
	position: relative
}

.compact-board-tile-fade {
	background: hsla(0, 0%, 100%, .88)
}

.compact-board-tile-background,
.compact-board-tile-fade {
	border-radius: 3px;
	position: absolute;
	width: 100%;
	height: 100%
}

.compact-board-tile-background {
	background-size: cover;
	background-position: 50%
}

.compact-board-tile-background.mod-tiled {
	background-size: auto;
	background-repeat: repeat
}

.compact-board-tile-link {
	border-radius: 3px;
	display: flex;
	font-weight: 700;
	height: 36px;
	padding: 0;
	position: relative;
	text-decoration: none
}

.compact-board-tile-link-thumbnail {
	flex: 0 0 auto;
	background-size: cover;
	border-radius: 3px 0 0 3px;
	display: inline-block;
	height: 36px;
	opacity: .7;
	width: 36px
}

.compact-board-tile-link-text {
	flex: 1 1 auto;
	overflow: hidden;
	padding: 9px 0 9px 10px
}

.compact-board-tile-link-text.has-sub-name {
	padding-top: 2px;
	padding-bottom: 2px
}

.compact-board-tile-link-text-name,
.compact-board-tile-link-text-sub-name {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.compact-board-tile-link-text-sub-name {
	color: rgba(0, 0, 0, .4);
	font-size: 12px;
	font-weight: 400;
	line-height: 12px
}

.compact-board-tile-link-options {
	margin: 0 4px;
	flex: 0 0 auto
}

.compact-board-tile-link-options-unread {
	background: #298fca;
	border-radius: 7px;
	display: inline-block;
	height: 12px;
	opacity: 0;
	margin: 12px 0;
	transition-duration: .15s;
	transition-property: right, opacity;
	width: 12px
}

.compact-board-tile-link-options-unread.any {
	opacity: .7;
	margin-right: 4px
}

.compact-board-tile-link-options-remove,
.compact-board-tile-link-options-star {
	font-size: 14px;
	height: 20px;
	width: 0;
	margin: 8px 0;
	overflow-x: hidden;
	transition-duration: 85ms;
	transition-property: width, color, background, -webkit-transform;
	transition-property: width, color, background, transform;
	transition-property: width, color, background, transform, -webkit-transform;
	vertical-align: top
}

.compact-board-tile.selected .compact-board-tile-fade {
	background: hsla(0, 0%, 100%, .78)
}

.compact-board-tile.selected .compact-board-tile-link-thumbnail {
	opacity: 1
}

.compact-board-tile.selected .compact-board-tile-link-options-remove {
	width: 20px;
	margin-right: 4px
}

.compact-board-tile.selected .compact-board-tile-link-options-remove:hover {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	color: #172b4d
}

.compact-board-tile.selected .compact-board-tile-link-options-star {
	width: 20px;
	margin-right: 4px
}

.compact-board-tile.selected .compact-board-tile-link-options-star:hover {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	color: #172b4d
}

.compact-board-tile.selected .compact-board-tile-link-options-star.icon-star-active {
	color: #e6c60d;
	opacity: 1;
	width: 20px;
	margin-right: 4px
}

.compact-board-tile.selected .compact-board-tile-link-options-star.icon-star-active:hover {
	color: #172b4d;
	-webkit-transform: scale(1.2);
	transform: scale(1.2)
}

.create-board-form {
	margin: 0 auto;
	width: 404px
}

.create-board-form .form-container {
	display: flex
}

.create-board-form .background-grid {
	height: 96px;
	margin-left: 8px;
	width: 100px
}

.create-board-form .background-grid-item {
	height: 28px;
	width: 28px;
	margin-bottom: 6px
}

.create-board-form .background-grid-item:nth-child(n+7) {
	margin-bottom: 0
}

.create-board-form .background-grid-trigger .icon-overflow-menu-horizontal {
	color: rgba(0, 0, 0, .4)
}

.create-board-form .background-grid-trigger:focus .icon-overflow-menu-horizontal,
.create-board-form .background-grid-trigger:hover .icon-overflow-menu-horizontal {
	color: rgba(0, 0, 0, .6)
}

.create-board-form .background-grid-trigger:focus {
	box-shadow: 0 0 2px #fff
}

.create-board-form .background-grid-trigger.selected:focus,
.create-board-form .background-grid-trigger:active {
	box-shadow: none
}

.create-board-form .logo-loading {
	vertical-align: top
}

.create-board-form>button {
	margin-bottom: 8px
}

.create-board-tile {
	background-color: #fff;
	box-sizing: border-box;
	height: 96px;
	margin: 0;
	padding: 10px 10px 10px 16px;
	position: relative;
	width: 296px
}

.create-board-tile.has-photo-background:before {
	background: rgba(0, 0, 0, .15);
	position: absolute;
	bottom: 0;
	content: "";
	display: block;
	left: 0;
	right: 0;
	top: 0;
	background-color: rgba(0, 0, 0, .4);
	border-radius: 3px
}

.create-board-tile>div {
	position: relative;
	z-index: 1
}

.create-board-tile .hide-dialog-trigger {
	float: right;
	position: relative;
	right: -2px;
	top: -2px;
	z-index: 2
}

.create-board-tile .icon-close {
	color: #fff
}

.create-board-tile .subtle-input {
	width: calc(100% - 18px - 16px)
}

.create-board-tile .subtle-chooser-trigger,
.create-board-tile .subtle-input {
	position: relative;
	left: -8px;
	padding: 2px 8px;
	box-shadow: none
}

.create-board-tile .checking-vis-permissions {
	color: hsla(0, 0%, 100%, .6);
	margin-top: 8px
}

.org-chooser-trigger {
	max-width: 100%
}

.org-chooser-trigger>span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.background-chooser:focus,
.org-chooser:focus,
.vis-chooser:focus {
	outline: none
}

.org-chooser .icon-check {
	margin-left: 8px
}

.org-chooser .free-board-limit-info {
	font-weight: 400;
	color: #6b778c;
	font-size: 12px
}

.org-chooser .org-item:hover .free-board-limit-info {
	color: #bcd9ea
}

.vis-chooser-trigger {
	left: -3px;
	position: relative
}

.vis-chooser-trigger .icon-sm {
	color: #fff;
	margin-right: 4px
}

.vis-chooser .icon-sm:first-child {
	margin-right: 8px
}

.vis-chooser .icon-check {
	margin-left: 8px
}

.background-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	list-style: none;
	margin: 0
}

.background-grid-trigger {
	align-items: center;
	border-radius: 3px;
	color: rgba(0, 0, 0, .4);
	display: flex;
	height: 100%;
	justify-content: center;
	margin: 0;
	min-height: 0;
	padding: 0;
	position: relative;
	line-height: 0;
	width: 100%;
	cursor: pointer
}

.background-grid-trigger,
.background-grid-trigger:focus,
.background-grid-trigger:hover {
	background: none;
	background-color: #fff;
	background-position: 50%;
	background-size: cover;
	box-shadow: none
}

.background-grid-trigger.is-photo.selected:before,
.background-grid-trigger:focus:before,
.background-grid-trigger:hover:before {
	background: rgba(0, 0, 0, .15);
	position: absolute;
	bottom: 0;
	content: "";
	display: block;
	left: 0;
	right: 0;
	top: 0;
	border-radius: 3px
}

.background-grid-trigger:active:before {
	background: rgba(0, 0, 0, .25)
}

.background-grid-trigger.selected .icon-check {
	color: #fff
}

.background-grid-trigger.selected.is-photo:before {
	background-color: rgba(0, 0, 0, .4)
}

.background-grid-trigger.selected.is-photo:focus:before {
	background-color: rgba(0, 0, 0, .5)
}

.background-grid-trigger.selected.is-photo:active:before,
.background-grid-trigger.selected.is-photo:hover:before {
	background-color: rgba(0, 0, 0, .6)
}

.background-grid-trigger>span {
	position: relative;
	z-index: 1
}

.background-grid-trigger .icon-sm {
	flex-basis: 100%;
	font-size: 16px;
	height: 24px;
	line-height: 24px
}

.background-chooser .search-photos {
	position: relative
}

.background-chooser .search-photos input[type=text] {
	padding-left: 32px
}

.background-chooser .search-photos .icon-search {
	position: absolute;
	left: 6px;
	top: 8px
}

.background-chooser .more-colors {
	margin-top: 8px
}

.background-chooser .background-grid-item {
	height: 56px;
	width: calc(33.3% - 8px);
	margin-bottom: 8px;
	margin-right: 8px
}

.background-chooser .background-grid-item:nth-child(3n) {
	width: 33.3%;
	margin-right: 0
}

.background-chooser .logo-loading {
	display: block;
	margin: 0 auto
}

.background-chooser-header {
	align-items: center;
	display: flex
}

.background-chooser-header .quiet-button {
	flex: 0 0 auto
}

.background-chooser-heading {
	flex-grow: 1;
	font-size: 14px;
	line-height: 18px;
	margin: 0
}

.photo-attribution-component {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2
}

.photo-attribution-component .photo-attribution-component-attribution-link {
	background: rgba(0, 0, 0, .5);
	border-radius: 0 0 2px 2px;
	box-sizing: border-box;
	color: #dfe1e6;
	font-size: 12px;
	line-height: 16px;
	text-align: left;
	cursor: pointer;
	opacity: 0;
	overflow: hidden;
	padding: 2px 4px;
	position: absolute;
	z-index: 1;
	text-decoration: underline;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
	height: 20px;
	left: 0;
	bottom: 0
}

.photo-attribution-component .photo-attribution-component-attribution-link:hover {
	background: rgba(0, 0, 0, .8);
	color: #fff
}

.photo-attribution-component.large .photo-attribution-component-attribution-link {
	font-size: 14px;
	line-height: 20px;
	height: 24px;
	padding: 2px 12px
}

.photo-attribution-component--active .photo-attribution-component-attribution-link,
.photo-attribution-component:hover .photo-attribution-component-attribution-link {
	opacity: 1
}

.create-board-permissions-notice {
	margin-top: 8px;
	width: 404px;
	background: #f5d3ce;
	font-size: 12px;
	line-height: 1.2;
	border-radius: 3px;
	padding: 8px;
	box-sizing: border-box
}

.board-wrapper {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0
}

.board-main-content {
	height: 100%;
	display: flex;
	flex-direction: column;
	margin-right: 0;
	transition: margin .1s ease-in
}

.board-header {
	flex: none;
	height: auto;
	padding: 8px 4px 8px 8px;
	position: relative;
	transition: padding .1s ease-in
}

.board-header-popover {
	margin-bottom: -8px
}

.board-header-facepile {
	cursor: default;
	float: left;
	margin-left: 8px;
	overflow: hidden;
	padding: 2px 0 0 4px
}

.board-header-facepile .member {
	height: 28px;
	width: 28px;
	margin: 0 0 0 -2px;
	float: right;
	z-index: 1
}

.board-header-facepile .member .member-initials {
	height: 28px;
	line-height: 28px;
	width: 28px
}

.board-header-facepile .member .member-avatar {
	height: 28px;
	width: 28px
}

.board-header-facepile .long-initials .member-initials {
	font-size: 8px
}

.board-header-btns {
	position: relative;
	display: block
}

.board-header-btns .pile,
.board-header-btns .pile-lg {
	margin-left: -2px;
	margin-top: 2px;
	height: 28px;
	width: 28px;
	line-height: 28px;
	float: right;
	vertical-align: middle
}

.board-header-btns .pile-lg {
	font-size: 10px
}

.board-header-btns.mod-left {
	float: left
}

.board-header-btns.mod-right {
	float: right
}

.board-header-btn {
	border-radius: 3px;
	color: #fff;
	cursor: default;
	float: left;
	font-size: 14px;
	height: 32px;
	line-height: 32px;
	margin: 0 4px 0 0;
	overflow: hidden;
	padding-left: 32px;
	position: relative;
	text-decoration: none
}

.board-header-btn:empty {
	display: none
}

.board-header-btn-invite {
	background: hsla(0, 0%, 100%, .3);
	margin-left: 8px
}

.board-header-btn-use-template {
	margin: 0 0 0 8px
}

.board-header-btn-template-badge {
	float: left;
	font-size: 14px;
	height: 32px;
	line-height: 32px;
	margin: 0 4px 0 0;
	overflow: hidden;
	position: relative
}

.board-header-btn-round {
	border-radius: 50%;
	border: 0;
	padding: 0;
	font-weight: 700;
	font-size: 11px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: hsla(0, 0%, 100%, .3);
	width: 28px;
	height: 28px;
	margin-top: 2px;
	margin-left: 8px;
	margin-right: 4px
}

.board-header-btn-round .icon-sm {
	color: #fff
}

.board-header-btn-round-small {
	border-radius: 50%;
	border: 0;
	padding: 0;
	font-weight: 700;
	font-size: 11px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: hsla(0, 0%, 100%, .3);
	width: 28px;
	height: 28px;
	margin-top: 2px;
	margin-left: 8px;
	margin-right: 4px
}

.board-header-btn-round-small .icon-sm {
	color: #fff
}

.board-header-btn-join-board {
	font-weight: 700;
	background: hsla(0, 0%, 100%, .3);
	margin: 2px 4px 0 8px;
	height: 28px;
	line-height: 28px;
	text-align: center
}

.board-header-btn-divider {
	float: left;
	border-left: 1px solid hsla(0, 0%, 100%, .2);
	height: 16px;
	margin: 8px 4px 0 0
}

.board-header-btn-without-icon {
	padding-left: 8px
}

.board-header-btn-icon {
	background-clip: content-box;
	background-origin: content-box;
	color: #fff;
	padding: 6px;
	position: absolute;
	top: 0;
	left: 0
}

.board-header-btn-text {
	padding-right: 8px
}

.board-header-btn-text .org-label {
	font-size: 11px;
	background: hsla(0, 0%, 100%, .2);
	border-radius: 8px;
	margin-left: 5px;
	padding: 2px 7px
}

.board-header-btn.should-rename,
.board-header-btn.should-rename:hover {
	font-style: italic;
	opacity: .9
}

.board-header-btn:not(.no-edit) .text {
	text-decoration: underline
}

.board-header-btn:not(.no-edit):hover {
	background: rgba(0, 0, 0, .12);
	cursor: pointer
}

.board-header-btn:hover {
	color: #fff
}

.board-header-btn.board-header-btn-enabled {
	background-color: rgba(0, 0, 0, .1)
}

.board-header-btn.board-header-btn-enabled:hover {
	background-color: rgba(0, 0, 0, .3)
}

.board-header-btn.board-header-btn-enabled .board-header-btn-icon.icon-star {
	color: #f2d600
}

.board-header-btn-name {
	cursor: default;
	font-size: 18px;
	font-weight: 700;
	line-height: 32px;
	padding-left: 4px;
	padding-right: 2px;
	text-decoration: none;
	max-width: calc(100% - 12px);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.board-header-btn-name .board-header-btn-text {
	padding-left: 8px;
	padding-right: 12px
}

.board-header-btn-name-with-org-logo .board-header-btn-text {
	padding-left: 32px
}

.board-header-btn-name-org-logo {
	border-radius: 3px;
	height: 20px;
	left: 6px;
	position: absolute;
	top: 6px;
	width: 20px
}

.board-header-btn-org-name {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 400px
}

.board-header-btn-filter-indicator {
	background: #5aac44;
	padding-right: 30px;
	color: #fff;
	text-shadow: 0
}

.board-header-btn-filter-indicator:hover {
	background: #61bd4f!important
}

.board-header-btn-filter-indicator:hover .board-header-btn-icon-close {
	background: #7bc86c
}

.board-header-btn-filter-indicator .board-header-btn-icon-close {
	background: #61bd4f;
	border-radius: 0 3px 3px 0;
	color: #fff;
	padding: 6px;
	position: absolute;
	right: 0;
	top: 0
}

.board-header-btn-filter-indicator .board-header-btn-icon-close:hover {
	background: #99d18f
}

.board-warnings {
	padding: 0 12px 8px;
	margin-top: -4px;
	display: flex;
	align-items: center;
	justify-content: center
}

.board-warning {
	padding: 4px 4px 4px 12px;
	background: red;
	border-radius: 4px;
	background: hsla(53, 83%, 77%, .8);
	border-bottom: 1px solid #e7d6a7;
	color: #172b4d
}

.board-warning .board-warning-close {
	margin-left: 8px;
	cursor: pointer
}

.board-warning .board-warning-close:hover {
	color: rgba(0, 0, 0, .6)
}

.board-warning-link {
	text-decoration: underline;
	cursor: pointer
}

.board-clean-up-explanation {
	margin: 1em
}

.board-clean-up-table {
	border: 0;
	min-width: 70%;
	margin: 2em auto
}

.board-clean-up-table tbody {
	background-color: inherit
}

.board-clean-up-table td,
.board-clean-up-table th {
	text-align: left;
	border: 0;
	vertical-align: middle;
	padding: 4px 16px
}

.board-clean-up-table td.board-clean-up-button-cell,
.board-clean-up-table th.board-clean-up-button-cell {
	text-align: right;
	height: 60px
}

.board-clean-up-table th {
	font-weight: 700
}

.board-clean-up-button {
	margin: 8px 0;
	min-width: 160px
}

.board-clean-up-progress {
	font-size: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 4em 0
}

.board-clean-up-cards-options {
	height: 24px;
	text-align: center
}

.board-clean-up-cards-option {
	margin: 0 4px;
	text-decoration: underline;
	cursor: pointer;
	color: #6b778c
}

.board-clean-up-cards {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	max-height: 120px;
	overflow-y: auto;
	overflow-x: hidden;
	align-items: flex-start;
	justify-content: flex-start;
	max-width: 744px
}

.board-clean-up-card {
	box-sizing: border-box;
	min-width: 230px;
	width: 230px;
	max-width: 230px;
	margin: 0 8px 8px 0;
	text-decoration: none;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center
}

.board-clean-up-card .list-card {
	flex: 1;
	padding: 8px;
	overflow: hidden;
	margin: 0
}

.board-clean-up-checkbox {
	background: #fff;
	margin-right: 4px;
	width: 16px;
	height: 16px;
	display: inline-block;
	border-radius: 3px;
	border: 1px solid #dfe1e6;
	border-bottom-color: #b3bac5;
	cursor: pointer
}

.board-clean-up-checkbox .board-clean-up-checkbox-check {
	display: none;
	color: #6b778c
}

.board-clean-up-checkbox:hover {
	background-color: #fafbfc
}

.board-clean-up-checkbox[data-checked] .board-clean-up-checkbox-check {
	display: inline-block
}

.board-clean-up-checkbox:not([data-checked]):hover .board-clean-up-checkbox-check {
	display: inline-block;
	color: #dfe1e6
}

.board-clean-up-card-name {
	word-wrap: break-word;
	overflow: hidden
}

.board-clean-up-top {
	background: #ebecf0
}

.body-board-view {
	background-position: 50%;
	background-size: cover;
	overflow: hidden
}

.body-board-view #header {
	background: rgba(0, 0, 0, .15)
}

.body-board-view.body-custom-board-background-tiled {
	background-size: auto;
	background-repeat: repeat
}

.body-default-header #header {
	background: #026aa7
}

.body-custom-board-background #header {
	background: rgba(0, 0, 0, .35)
}

.body-custom-board-background .board-header-btn:not(.no-edit):hover {
	background: rgba(0, 0, 0, .3)
}

.body-dark-board-background .board-header {
	background: rgba(0, 0, 0, .24);
	margin-bottom: 8px
}

.body-light-board-background .board-header-btn:not(.board-header-btn-filter-indicator):not(.board-header-btn-enabled):not(.board-header-btn-join-board):not(.board-header-btn-round) {
	background: transparent
}

.body-light-board-background .board-header-btn:not(.board-header-btn-filter-indicator):not(.board-header-btn-enabled):not(.board-header-btn-join-board):not(.board-header-btn-round),
.body-light-board-background .board-header-btn:not(.board-header-btn-filter-indicator):not(.board-header-btn-enabled):not(.board-header-btn-join-board):not(.board-header-btn-round) .board-header-btn-icon,
.body-light-board-background .board-header-btn:not(.board-header-btn-filter-indicator):not(.board-header-btn-enabled):not(.board-header-btn-join-board):not(.board-header-btn-round) .icon-sm {
	color: rgba(0, 0, 0, .7)
}

.body-light-board-background .board-header-btn-join-board,
.body-light-board-background .board-header-btn-round {
	background: rgba(0, 0, 0, .2)
}

.body-light-board-background .board-header-btn:not(.board-header-btn-filter-indicator):not(.board-header-btn-enabled):not(.no-edit):hover {
	background: rgba(0, 0, 0, .1)
}

.body-light-board-background .board-header-btn-enabled,
.body-light-board-background .board-header-btn-enabled .board-header-btn-icon,
.body-light-board-background .board-header-btn-enabled:hover,
.body-light-board-background .board-header-btn-enabled:hover .board-header-btn-icon {
	color: rgba(0, 0, 0, .7)
}

.body-light-board-background .board-header-btn-divider {
	border-color: rgba(0, 0, 0, .2)
}

.board-canvas {
	position: relative;
	flex-grow: 1
}

#board {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	white-space: nowrap;
	margin-bottom: 8px;
	overflow-x: auto;
	overflow-y: hidden;
	padding-bottom: 8px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

#board.hide {
	display: none
}

#board::-webkit-scrollbar {
	height: 12px;
	width: 12px
}

#board::-webkit-scrollbar-thumb:horizontal,
#board::-webkit-scrollbar-thumb:vertical {
	background: hsla(0, 0%, 100%, .4)
}

#board::-webkit-scrollbar-track-piece {
	background: rgba(0, 0, 0, .15)
}

#board::-webkit-scrollbar-button {
	display: block;
	height: 4px;
	width: 4px
}

#board.filtering .num-cards {
	display: inline
}

.board-header-btn.mod-show-menu {
	transition: .1s ease
}

.board-wrapper.is-show-menu .board-header-btn.mod-show-menu {
	margin-right: -140px
}

.board-wrapper.is-show-menu .board-menu {
	box-shadow: 0 12px 24px -6px rgba(9, 30, 66, .25), 0 0 0 1px rgba(9, 30, 66, .08);
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

@media only screen and (min-width:751px) and (max-width:900px),
only screen and (min-width:901px) and (max-width:1280px),
only screen and (min-width:1281px) {
	.board-wrapper.is-show-menu .board-main-content {
		margin-right: 339px
	}
	.board-wrapper.is-show-menu .plugin-board-bar {
		right: 339px
	}
}

#header.personalized-invite {
	display: none
}

.make-public-confirmation-button {
	margin-bottom: 10px
}

.looking-for-invite-link {
	margin: 0 4px
}

.open-manage-boards-offset {
	box-shadow: 0 0 0 1pt #fff
}

.closed-board .messaging {
	font-size: 14px;
	line-height: 20px
}

.closed-board .delete-container {
	margin-top: 64px
}

.board-header-btn-name.is-editing .board-name-input {
	display: block
}

.board-header-btn-name.is-editing .board-header-btn-text {
	display: none
}

.board-header-btn.inline-rename-board.is-editing:hover {
	background: inherit;
	cursor: default
}

.board-header-btn .board-name-input {
	display: none;
	width: 100%;
	background-color: #fff;
	font-weight: 700;
	font-size: 18px;
	height: 30px;
	margin-top: 1px;
	margin-right: 1px;
	margin-left: -2px;
	padding: 0 10px 0 9px
}

.board-header-btn .board-name-input:focus {
	border: 1px solid #5ba4cf;
	box-shadow: 0 0 0 1px #5ba4cf
}

.board-header-btn:not(.no-edit):hover {
	background: rgba(0, 0, 0, .3)
}

.board-collections-view {
	height: 100%
}

.board-collections-view .ass-collection-count {
	border-radius: 20px;
	font-weight: 400;
	line-height: 20px;
	padding: 2px 10px;
	margin-left: 10px;
	text-align: center;
	background-color: #d6dadc;
	color: #6b778c;
	font-size: 9pt
}

.board-collections-view .board-menu-collections-select .select-tags-list {
	margin-bottom: 0
}

.board-collections-view .board-menu-collections-select .collections-select-lists {
	padding: 10px
}

.board-collections-view .board-menu-collections-select h5 {
	padding: 10px 0 0 10px
}

.board-collections-view .select-tags-list-item-name-link {
	margin-right: 0
}

.collections-upsell {
	background-color: #42548e;
	box-sizing: border-box;
	color: #fff;
	min-height: 100%;
	padding: 25px 16px;
	text-align: center;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}

.collections-upsell a {
	color: #fff
}

.collections-upsell.ads-layouts-experiment {
	top: auto;
	bottom: auto;
	left: auto;
	right: auto;
	box-sizing: border-box;
	background-color: #42548e;
	background-image: url(https://a.trellocdn.com/prgb/dist/images/collections/business-class-feature-roadmap.04c368f4479f478b6705.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center 0;
	color: #fff;
	min-height: 120px;
	text-align: center;
	position: relative;
	padding: 190px 0 0;
	border-radius: 8px;
	margin: 12px 6px 0 12px
}

.collections-upsell.ads-layouts-experiment .collections-upsell-body {
	text-align: left;
	padding: 16px
}

.collections-upsell.ads-layouts-experiment .collections-upgrade-action {
	margin: 0
}

.collections-upsell.ads-layouts-experiment .button.primary {
	margin-top: 25px;
	display: block;
	background: hsla(0, 0%, 100%, .3);
	box-shadow: none;
	color: #fff;
	font-weight: 400
}

.collections-upsell.ads-layouts-experiment .button.primary:hover {
	background: #fff;
	color: #172b4d
}

.collections-info {
	text-align: center;
	padding: 8px 24px 16px;
	background-color: #42548e;
	color: #fff;
	margin-bottom: 10px;
	position: relative
}

.collections-info a {
	color: #fff
}

.collections-info .collections-explainer-close {
	border-radius: 50%;
	cursor: pointer;
	position: absolute;
	right: 8px;
	top: 8px
}

.collections-info .collections-explainer-close .icon-close {
	color: #fff;
	padding: 8px;
	height: 16px;
	font-size: 16px;
	line-height: 16px;
	width: 16px
}

.collections-info .collections-explainer-close:hover {
	background-color: rgba(9, 30, 66, .13)
}

.collections-info .collections-explainer-close:active {
	background-color: rgba(9, 30, 66, .25)
}

.collections-image {
	height: 130px;
	margin: 15px 0;
	width: auto
}

.collections-upgrade-action {
	margin: 10px 0
}

.no-collections {
	padding: 10px 15px
}

.has-collections {
	padding: 8px 16px 16px;
	border-bottom: 1px solid rgba(9, 30, 66, .13);
	margin-bottom: 16px
}

.first-board-wrapper {
	width: 100%;
	height: 100%
}

.first-board-container {
	display: flex;
	flex-direction: row-reverse;
	width: 100%;
	height: 100%;
	min-width: 300px;
	background: #fff
}

.first-board-columns {
	flex-direction: row-reverse;
	flex-wrap: nowrap;
	min-height: 460px
}

.first-board-column,
.first-board-columns {
	justify-content: center;
	display: flex;
	flex-grow: 1
}

.first-board-column {
	width: 60%
}

.first-board-content-wrapper {
	display: flex;
	flex-direction: column
}

.first-board-content {
	display: flex;
	flex-direction: row;
	height: 100%
}

.first-board-content input {
	font-weight: 700
}

.first-board-content input.no-emphasis {
	font-weight: 400
}

.first-board-navigation {
	display: flex;
	flex-flow: column wrap;
	justify-content: center;
	align-items: center;
	width: 5%;
	margin: 0 12px
}

.first-board-navigation span {
	height: 16px;
	width: 16px;
	background-color: #ebecf0;
	border-radius: 50%;
	margin: 8px 0
}

.first-board-navigation span:hover {
	cursor: pointer
}

.first-board-navigation span.current-step {
	background-color: #0079bf
}

.first-board-logo {
	position: absolute;
	left: 24px;
	top: 24px
}

.first-board-skip {
	position: absolute;
	text-align: right;
	font-weight: 700;
	font-size: 14px;
	line-height: 24px;
	top: 24px;
	right: 24px;
	width: 100%;
	z-index: 4
}

.first-board-continue-footer {
	max-width: 430;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 64px;
	width: 100%;
	margin: 32px auto 16px;
	font-size: 16px;
	background: #f4f5f7;
	color: #b3bac5;
	box-shadow: none;
	border-radius: 3px
}

.first-board-continue-footer .icon-sm {
	width: 32px;
	color: #b3bac5;
	font-size: 32px
}

.first-board-continue-footer.is-active {
	background: #0079bf;
	color: #fff;
	cursor: pointer
}

.first-board-continue-footer.is-active .icon-sm {
	color: #fff
}

.first-board-continue-footer.is-active:hover {
	background: #026aa7
}

.first-board-continue-footer.submit-footer {
	font-weight: 700
}

.first-board-text-wrapper {
	height: 100%;
	width: 95%;
	justify-content: center;
	align-items: center;
	overflow-y: auto
}

.first-board-text>div {
	display: inline-block;
	vertical-align: middle
}

.first-board-text>div.hide {
	display: none
}

.first-board-step {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 110%
}

.first-board-text {
	text-align: center;
	margin: 0 24px
}

.first-board-text h2,
.first-board-text input,
.first-board-text p {
	text-align: center;
	color: #172b4d;
	font-family: Facit, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Droid Sans, Helvetica Neue, sans-serif
}

.first-board-text h2 {
	font-size: 32px;
	line-height: 40px;
	margin-bottom: 32px;
	font-weight: 700;
	letter-spacing: -.4px
}

.first-board-text p {
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 24px;
	letter-spacing: -.45px
}

.first-board-text p:last-child {
	margin-bottom: 0
}

.first-board-text input {
	display: block;
	width: 100%;
	margin: 0 auto;
	margin-top: 20px;
	background: #fff;
	border: none;
	border-bottom: 2px solid #7a869a;
	border-radius: 0;
	box-shadow: none;
	max-width: 322px;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: -.45px;
	padding: 6px 8px
}

.first-board-text input::-ms-clear {
	display: none
}

.first-board-text input:invalid {
	text-indent: 65px;
	text-align: left
}

.first-board-text input::-webkit-input-placeholder {
	color: #b3bac5;
	text-align: center;
	text-indent: 0
}

.first-board-text input::-ms-input-placeholder {
	color: #b3bac5;
	text-align: center;
	text-indent: 0
}

.first-board-text input::placeholder {
	color: #b3bac5;
	text-align: center;
	text-indent: 0
}

.first-board-text input:-ms-input-placeholder {
	color: #b3bac5;
	text-align: center;
	text-indent: 0
}

.first-board-text input:focus::-webkit-input-placeholder {
	opacity: 0
}

.first-board-text input:focus::-ms-input-placeholder {
	opacity: 0
}

.first-board-text input:focus::placeholder {
	opacity: 0
}

.first-board-text input:focus:-ms-input-placeholder {
	opacity: 0
}

.first-board-text .checklist-item {
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 320px;
	margin: 0 auto;
	margin-top: 20px
}

.first-board-text .checklist-item:hover {
	background: none
}

.first-board-text .checklist-item .checklist-box {
	margin-right: 18px;
	height: 22px;
	width: 22px;
	border: 1px solid #dfe1e6;
	border-radius: 3px;
	box-shadow: 1px 1px 3px #dfe1e6
}

.first-board-text .checklist-item input {
	border: 1px solid #0079bf;
	border-radius: 3px;
	text-align: left;
	padding: 8px 16px;
	margin-top: 0;
	flex: 1
}

.first-board-text .checklist-item input::-webkit-input-placeholder {
	text-align: left
}

.first-board-text .checklist-item input::-ms-input-placeholder {
	text-align: left
}

.first-board-text .checklist-item input::placeholder {
	text-align: left
}

.first-board-text .post-input {
	margin-top: 8px
}

.third-input {
	display: flex;
	align-items: flex-end;
	justify-content: flex-end
}

.third-input span {
	font-size: 18px
}

.first-board-rotate {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}

.show-point-up {
	display: none
}

.show-point-right {
	display: inline
}

.first-board-image {
	min-height: 146px
}

.first-board-image.board-name-background {
	background-image: url(https://a.trellocdn.com/prgb/dist/images/create-first-board/backgrounds/step-1.0619a6056dbbb4df82f0.svg)
}

.first-board-image.list-name-background {
	background-image: url(https://a.trellocdn.com/prgb/dist/images/create-first-board/backgrounds/step-2.ef3066c64b55c4d45cd9.svg)
}

.first-board-image.card-name-background {
	background-image: url(https://a.trellocdn.com/prgb/dist/images/create-first-board/backgrounds/step-3.35eb218cf179482559c8.svg)
}

.first-board-image.check-name-background {
	background-image: url(https://a.trellocdn.com/prgb/dist/images/create-first-board/backgrounds/step-4.e056ca90c45e9babc105.svg)
}

.first-board-image.card-drag-background {
	background-image: url(https://a.trellocdn.com/prgb/dist/images/create-first-board/backgrounds/step-1.0619a6056dbbb4df82f0.svg)
}

.first-board-image-wrapper {
	display: flex;
	align-items: center;
	margin: 0 24px;
	max-width: 100%;
	position: relative
}

.first-board-image-wrapper .first-board-image-base {
	position: relative;
	display: flex;
	flex-direction: column;
	height: 504px;
	width: 840px;
	margin: 0;
	border-radius: 9px;
	background-color: #4bbf6b;
	box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .3);
	z-index: 1
}

.first-board-image-wrapper .first-board-image-base.hide {
	display: none
}

.first-board-image-wrapper .first-board-image-base--mod-card-drag {
	background-color: #fff;
	width: 500px;
	height: auto;
	padding: 16px 16px 24px;
	text-align: center
}

.first-board-image-wrapper .first-board-image-base--mod-card-drag img {
	border-radius: 4px;
	height: auto;
	width: 100%
}

.first-board-image-wrapper .first-board-image-base--mod-card-drag p {
	font-size: 16px
}

.first-board-image-wrapper .first-board-image-base--mod-card-drag h2 {
	margin: 16px 0 8px
}

.first-board-image-wrapper .first-board-card-back {
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	background: rgba(51, 51, 51, .5);
	border-radius: 9px;
	z-index: 2
}

.first-board-image-wrapper .board-name-display p {
	height: 24px;
	width: 180px;
	float: left;
	margin: 28px 0 28px 36px;
	background: hsla(0, 0%, 100%, .5);
	border-radius: 4.5px
}

.first-board-image-wrapper .board-name-display p.is-active {
	height: 48px;
	width: 180px;
	background: none;
	margin: 16px 0 16px 36px;
	color: #fff;
	font-size: 28px;
	font-weight: 700;
	letter-spacing: -.47px;
	line-height: 48px
}

.first-board-image-wrapper .first-board-image-list-container {
	display: flex;
	flex-direction: row;
	align-items: flex-start
}

.first-board-image-wrapper .first-board-image-list-container .first-board-image-list {
	width: 228px;
	margin-left: 36px;
	border-radius: 4.5px;
	background-color: #ebecf0
}

.first-board-image-wrapper .first-board-image-list-container .first-board-image-list:nth-child(n+2) {
	margin-left: 24px
}

.first-board-image-wrapper .first-board-image-list-container .first-board-image-list-empty {
	height: 84px
}

.first-board-image-wrapper .first-board-image-list-container .list-name-display>p {
	height: 18px;
	width: 96px;
	margin: 15px 0 15px 12px;
	border-radius: 4.5px;
	background-color: #97a0af
}

.first-board-image-wrapper .first-board-image-list-container .list-name-display>p.is-active {
	height: 28px;
	width: 204px;
	margin: 10px 0 10px 12px;
	color: #172b4d;
	font-size: 24px;
	font-weight: 700;
	letter-spacing: -.6px;
	line-height: 29px;
	background: #ebecf0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.first-board-image-wrapper .first-board-image-card {
	min-height: 48px;
	width: 204px;
	margin: 12px;
	border-radius: 4.5px;
	background-color: #fff;
	box-shadow: inset 0 -1px 0 0 #dfe1e6
}

.first-board-image-wrapper .first-board-image-card.large {
	height: 108px
}

.first-board-image-wrapper .first-board-image-card.card-name-display>p {
	width: 180px;
	background: #fff;
	color: #172b4d;
	margin: 0
}

.first-board-image-wrapper .first-board-image-card.card-name-display>p.is-active {
	padding: 12px 12px 16px;
	background: none;
	font-weight: 400;
	font-size: 20px;
	letter-spacing: -.25px;
	line-height: 20px;
	word-break: break-word
}

.first-board-image-wrapper .check-name-image {
	position: absolute;
	height: 460px;
	margin: 16px 177px;
	z-index: 3
}

.first-board-image-wrapper .check-name-image.hide {
	display: none
}

.first-board-image-wrapper .check-name-display {
	position: absolute;
	height: 504px
}

.first-board-image-wrapper .check-name-display p {
	position: absolute;
	top: 53px;
	left: 257px;
	height: 24px;
	width: 310px;
	color: #172b4d;
	font-size: 24px;
	font-weight: 700;
	letter-spacing: -.45px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	z-index: 4
}

.first-board-image-wrapper .check-name-display p:nth-child(n+2) {
	top: 307px;
	left: 294px;
	height: 20px;
	color: #172b4d;
	font-weight: 400;
	font-size: 20px;
	letter-spacing: -.17px;
	line-height: 20px
}

.first-board-image-wrapper .check-name-display p.check-name-placeholder {
	color: #b3bac5
}

.first-board-image-wrapper .check-name-display p.hide {
	display: none
}

@media only screen and (max-width:2560px) {
	.first-board-image-wrapper .first-board-image-base {
		height: 420px;
		width: 700px;
		border-radius: 7.5px;
		box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .3)
	}
	.first-board-image-wrapper .first-board-image-base--mod-card-drag {
		height: auto
	}
	.first-board-image-wrapper .first-board-card-back {
		border-radius: 7.5px
	}
	.first-board-image-wrapper .board-name-display p {
		height: 20px;
		width: 150px;
		margin: 25px 0 25px 30px;
		border-radius: 3.75px
	}
	.first-board-image-wrapper .board-name-display p.is-active {
		height: 40px;
		width: 610px;
		margin: 15px 0 15px 30px;
		font-size: 24px;
		letter-spacing: -.4px;
		line-height: 40px
	}
	.first-board-image-wrapper .first-board-image-list-container .first-board-image-list {
		width: 190px;
		margin-left: 30px;
		border-radius: 3.75px
	}
	.first-board-image-wrapper .first-board-image-list-container .first-board-image-list:nth-child(n+2) {
		margin-left: 20px
	}
	.first-board-image-wrapper .first-board-image-list-container .first-board-image-list-empty {
		height: 68px
	}
	.first-board-image-wrapper .first-board-image-list-container .list-name-display>p {
		height: 15px;
		width: 80px;
		margin: 12.5px 0 12.5px 10px;
		border-radius: 3.75px
	}
	.first-board-image-wrapper .first-board-image-list-container .list-name-display>p.is-active {
		height: 24px;
		width: 170px;
		margin: 7px 0 7px 10px;
		font-size: 20px;
		letter-spacing: -.5px;
		line-height: 25px
	}
	.first-board-image-wrapper .first-board-image-card {
		min-height: 40px;
		width: 170px;
		margin: 10px;
		border-radius: 3.75px;
		box-shadow: inset 0 -1px 0 0 #dfe1e6
	}
	.first-board-image-wrapper .first-board-image-card.large {
		height: 90px
	}
	.first-board-image-wrapper .first-board-image-card.card-name-display p {
		width: 150px
	}
	.first-board-image-wrapper .first-board-image-card.card-name-display p.is-active {
		padding: 9px 10px 11px;
		font-size: 16px;
		letter-spacing: -.2px;
		line-height: 20px
	}
	.first-board-image-wrapper .check-name-image {
		height: 380px;
		margin: 16px 150px
	}
	.first-board-image-wrapper .card-drag-image {
		height: 380px;
		margin: 0 150px
	}
	.first-board-image-wrapper .check-name-display {
		height: 420px
	}
	.first-board-image-wrapper .check-name-display p {
		top: 40px;
		left: 216px;
		width: 275px;
		font-size: 20px;
		letter-spacing: -.5px
	}
	.first-board-image-wrapper .check-name-display p:nth-child(n+2) {
		top: 249px;
		left: 246px;
		font-size: 16px;
		letter-spacing: -.2px;
		line-height: 20px
	}
	.first-board-image-wrapper .check-name-display.mod-ie p:nth-child(n+2) {
		top: 192px;
		left: 83px
	}
}

@media only screen and (max-width:1680px) {
	.first-board-image-wrapper .first-board-image-base {
		height: 336px;
		width: 560px;
		border-radius: 6px;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .3)
	}
	.first-board-image-wrapper .first-board-image-base--mod-card-drag {
		height: auto;
		width: 500px
	}
	.first-board-image-wrapper .first-board-card-back {
		border-radius: 6px
	}
	.first-board-image-wrapper .board-name-display p {
		height: 16px;
		width: 120px;
		margin: 24px 0 16px 24px;
		border-radius: 3px
	}
	.first-board-image-wrapper .board-name-display p.is-active {
		height: 32px;
		width: 488px;
		margin: 12px 0 12px 24px;
		font-size: 20px;
		letter-spacing: -.33px;
		line-height: 32px
	}
	.first-board-image-wrapper .first-board-image-list-container .first-board-image-list {
		width: 152px;
		margin-left: 24px;
		border-radius: 3px
	}
	.first-board-image-wrapper .first-board-image-list-container .first-board-image-list:nth-child(n+2) {
		margin-left: 16px
	}
	.first-board-image-wrapper .first-board-image-list-container .first-board-image-list-empty {
		height: 56px
	}
	.first-board-image-wrapper .first-board-image-list-container .list-name-display>p {
		height: 12px;
		width: 64px;
		margin: 10px 0 10px 8px;
		border-radius: 3px
	}
	.first-board-image-wrapper .first-board-image-list-container .list-name-display>p.is-active {
		height: 19px;
		width: 136px;
		margin: 6px 0 6px 8px;
		font-size: 16px;
		letter-spacing: -.4px;
		line-height: 19px
	}
	.first-board-image-wrapper .first-board-image-card {
		min-height: 32px;
		width: 136px;
		margin: 8px;
		border-radius: 3px
	}
	.first-board-image-wrapper .first-board-image-card.large {
		height: 72px
	}
	.first-board-image-wrapper .first-board-image-card.card-name-display p {
		width: 120px
	}
	.first-board-image-wrapper .first-board-image-card.card-name-display p.is-active {
		padding: 5px 8px 7px;
		font-size: 14px;
		letter-spacing: -.17px;
		line-height: 20px
	}
	.first-board-image-wrapper .check-name-image {
		height: 303px;
		margin: 16px 120px
	}
	.first-board-image-wrapper .card-drag-image {
		height: 303px;
		margin: 0 120px
	}
	.first-board-image-wrapper .check-name-display {
		height: 336px
	}
	.first-board-image-wrapper .check-name-display p {
		top: 33px;
		left: 172px;
		width: 210px;
		font-size: 18px;
		letter-spacing: -.45px
	}
	.first-board-image-wrapper .check-name-display p:nth-child(n+2) {
		top: 199px;
		left: 196px;
		font-size: 14px;
		letter-spacing: -.2px;
		line-height: 24px
	}
	.first-board-image-wrapper .check-name-display.mod-ie p:nth-child(n+2) {
		top: 191px;
		left: 83px
	}
}

@media only screen and (max-width:1024px) {
	.first-board-image-wrapper .first-board-image-base {
		height: 252.25px;
		width: 420px;
		border-radius: 4.5px;
		box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .3)
	}
	.first-board-image-wrapper .first-board-image-base--mod-card-drag {
		height: auto;
		width: 500px
	}
	.first-board-image-wrapper .first-board-card-back {
		border-radius: 4.5px
	}
	.first-board-image-wrapper .board-name-display p {
		height: 12px;
		width: 90px;
		margin: 16px 0 12px 18px;
		border-radius: 2.25px
	}
	.first-board-image-wrapper .board-name-display p.is-active {
		height: 24px;
		width: 366px;
		margin: 8px 0 8px 18px;
		font-size: 16px;
		letter-spacing: -.27px;
		line-height: 24px
	}
	.first-board-image-wrapper .first-board-image-list-container .first-board-image-list {
		width: 114px;
		margin-left: 18px;
		border-radius: 2.25px
	}
	.first-board-image-wrapper .first-board-image-list-container .first-board-image-list:nth-child(n+2) {
		margin-left: 12px
	}
	.first-board-image-wrapper .first-board-image-list-container .first-board-image-list-empty {
		height: 42px
	}
	.first-board-image-wrapper .first-board-image-list-container .list-name-display>p {
		height: 9px;
		width: 48px;
		margin: 7.5px 0 7.5px 6px;
		border-radius: 2.25px
	}
	.first-board-image-wrapper .first-board-image-list-container .list-name-display>p.is-active {
		height: 15px;
		width: 102px;
		margin: 4px 0 4px 6px;
		font-size: 12px;
		letter-spacing: -.2px;
		line-height: 15px
	}
	.first-board-image-wrapper .first-board-image-card {
		min-height: 24px;
		width: 102px;
		margin: 6px 0 6px 6px;
		border-radius: 2.25px
	}
	.first-board-image-wrapper .first-board-image-card.large {
		height: 54px
	}
	.first-board-image-wrapper .first-board-image-card.card-name-display p {
		width: 90px
	}
	.first-board-image-wrapper .first-board-image-card.card-name-display p.is-active {
		padding: 5px 7px 6px;
		font-size: 10px;
		letter-spacing: -.17px;
		line-height: 12px
	}
	.first-board-image-wrapper .check-name-image {
		height: 232px;
		margin: 16px 88px
	}
	.first-board-image-wrapper .check-name-display {
		height: 252px
	}
	.first-board-image-wrapper .check-name-display p {
		top: 27px;
		left: 129px;
		width: 165px;
		font-size: 12px;
		letter-spacing: -.2px
	}
	.first-board-image-wrapper .check-name-display p:nth-child(n+2) {
		top: 158px;
		left: 150px;
		font-size: 10px;
		letter-spacing: -.17px;
		line-height: 12px
	}
	.first-board-image-wrapper .check-name-display.mod-ie p {
		font-size: 18px
	}
	.first-board-image-wrapper .check-name-display.mod-ie p:nth-child(n+2) {
		font-size: 14px;
		top: 196px;
		left: 82px
	}
}

@media only screen and (max-width:768px) {
	.first-board-image {
		padding: 20px 0
	}
	.first-board-image-wrapper .first-board-image-base {
		height: 330px;
		width: 560px;
		margin: 20px;
		border-radius: 6px;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .3)
	}
	.first-board-image-wrapper .first-board-image-base--mod-card-drag {
		height: auto;
		width: 428px
	}
	.first-board-image-wrapper .first-board-card-back {
		border-radius: 6px
	}
	.first-board-image-wrapper .board-name-display p {
		height: 16px;
		width: 120px;
		margin: 24px 0 16px 24px;
		border-radius: 3px
	}
	.first-board-image-wrapper .board-name-display p.is-active {
		height: 32px;
		width: 488px;
		margin: 12px 0 12px 24px;
		font-size: 20px;
		letter-spacing: -.33px;
		line-height: 32px
	}
	.first-board-image-wrapper .first-board-image-list-container .first-board-image-list {
		width: 152px;
		margin-left: 24px;
		border-radius: 3px
	}
	.first-board-image-wrapper .first-board-image-list-container .first-board-image-list:nth-child(n+2) {
		margin-left: 16px
	}
	.first-board-image-wrapper .first-board-image-list-container .first-board-image-list-empty {
		height: 56px
	}
	.first-board-image-wrapper .first-board-image-list-container .list-name-display>p {
		height: 12px;
		width: 64px;
		margin: 10px 0 10px 8px;
		border-radius: 3px
	}
	.first-board-image-wrapper .first-board-image-list-container .list-name-display>p.is-active {
		height: 19px;
		width: 136px;
		margin: 6px 0 6px 8px;
		font-size: 16px;
		letter-spacing: -.4px;
		line-height: 19px
	}
	.first-board-image-wrapper .first-board-image-card {
		min-height: 32px;
		width: 136px;
		margin: 8px;
		border-radius: 3px
	}
	.first-board-image-wrapper .first-board-image-card.large {
		height: 72px
	}
	.first-board-image-wrapper .first-board-image-card.card-name-display p {
		width: 120px
	}
	.first-board-image-wrapper .first-board-image-card.card-name-display p.is-active {
		padding: 5px 8px 7px;
		font-size: 14px;
		letter-spacing: -.17px;
		line-height: 20px
	}
	.first-board-image-wrapper .check-name-image {
		height: 303px;
		margin: 16px 120px
	}
	.first-board-image-wrapper .check-name-display {
		height: 336px
	}
	.first-board-image-wrapper .check-name-display p {
		top: 34px;
		left: 172px;
		width: 210px;
		font-size: 18px;
		letter-spacing: -.45px
	}
	.first-board-image-wrapper .check-name-display p:nth-child(n+2) {
		top: 199px;
		left: 196px;
		font-size: 14px;
		letter-spacing: -.2px;
		line-height: 24px
	}
	.first-board-image-wrapper .check-name-display.mod-ie {
		margin: 98px 0
	}
	.first-board-image-wrapper .check-name-display.mod-ie p {
		top: 190px;
		left: 80px
	}
	.first-board-container {
		flex-direction: column
	}
	.first-board-column {
		width: 100%;
		flex-wrap: nowrap;
		flex-grow: 0;
		flex-shrink: 0
	}
	.first-board-logo {
		position: static;
		margin: 12px auto
	}
	.show-point-up {
		display: inline
	}
	.show-point-right {
		display: none
	}
	.first-board-columns {
		flex-direction: column;
		margin-bottom: 72px
	}
	.first-board-content {
		flex-direction: column;
		justify-content: center;
		align-items: center;
		margin-top: 0
	}
	.first-board-content .first-board-text {
		margin: 24px 0 0
	}
	.first-board-content .first-board-text h2 {
		font-size: 32px;
		margin-bottom: 32px;
		letter-spacing: -.4px;
		line-height: 40px
	}
	.first-board-content .third-input span {
		margin-bottom: 14px
	}
	.first-board-navigation {
		justify-content: center;
		align-items: center;
		flex-direction: row;
		width: 100%;
		margin: 32px 0
	}
	.first-board-navigation span {
		margin: 0 8px
	}
	.first-board-skip {
		top: 21px;
		right: 24px;
		font-size: 16px;
		letter-spacing: -.23px;
		line-height: 24px
	}
	.first-board-skip span {
		margin-right: 0
	}
}

@media only screen and (max-width:579px) {
	.first-board-image-wrapper .first-board-image-base {
		height: 168.5px;
		width: 280px;
		margin: 40px 0 23.5px;
		border-radius: 3px;
		box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .3)
	}
	.first-board-image-wrapper .first-board-image-base--mod-card-drag {
		height: auto;
		width: 90%
	}
	.first-board-image-wrapper .first-board-card-back {
		border-radius: 3px
	}
	.first-board-image-wrapper .board-name-display p {
		height: 7px;
		width: 54px;
		margin: 8px 0 7px 12px;
		border-radius: 1.5px
	}
	.first-board-image-wrapper .board-name-display p.is-active {
		height: 16px;
		width: 488px;
		margin: 6px 0 6px 12px;
		font-size: 10px;
		letter-spacing: -.17px;
		line-height: 16px
	}
	.first-board-image-wrapper .first-board-image-list-container .first-board-image-list {
		width: 76px;
		margin-left: 12px;
		border-radius: 1.5px
	}
	.first-board-image-wrapper .first-board-image-list-container .first-board-image-list:nth-child(n+2) {
		margin-left: 8px
	}
	.first-board-image-wrapper .first-board-image-list-container .first-board-image-list-empty {
		height: 28px
	}
	.first-board-image-wrapper .first-board-image-list-container .list-name-display>p {
		height: 6px;
		width: 32px;
		margin: 5px 0 5px 4px;
		border-radius: 1.5px
	}
	.first-board-image-wrapper .first-board-image-list-container .list-name-display>p.is-active {
		height: 10px;
		width: 68px;
		margin: 3px 0 3px 4px;
		font-size: 8px;
		letter-spacing: -.13px;
		line-height: 10px
	}
	.first-board-image-wrapper .first-board-image-card {
		min-height: 16px;
		width: 68px;
		margin: 4px;
		border-radius: 1.5px
	}
	.first-board-image-wrapper .first-board-image-card.large {
		height: 36px
	}
	.first-board-image-wrapper .first-board-image-card.card-name-display p {
		width: 60px
	}
	.first-board-image-wrapper .first-board-image-card.card-name-display p.is-active {
		padding: 2px 4px 4px;
		font-size: 8px;
		letter-spacing: -.13px;
		line-height: 10px
	}
	.first-board-image-wrapper .check-name-image {
		height: 155px;
		margin: 7px 59px
	}
	.first-board-image-wrapper .check-name-image.mod-ie {
		height: 170px;
		width: 116px
	}
	.first-board-image-wrapper .check-name-display {
		height: 168.5px
	}
	.first-board-image-wrapper .check-name-display p {
		top: 11px;
		left: 87px;
		width: 105px;
		font-size: 8px;
		letter-spacing: -.13px
	}
	.first-board-image-wrapper .check-name-display p:nth-child(n+2) {
		top: 102px;
		left: 99px;
		font-size: 8px;
		letter-spacing: -.13px;
		line-height: 10px
	}
	.first-board-image-wrapper .check-name-display.mod-ie {
		height: 168.5px;
		width: 178px;
		margin: 40px 0 23.5px
	}
	.first-board-image-wrapper .check-name-display.mod-ie p {
		top: 6px;
		left: 30px;
		font-size: 8px
	}
	.first-board-image-wrapper .check-name-display.mod-ie p:nth-child(n+2) {
		top: 102px;
		left: 43px;
		font-size: 8px
	}
	.first-board-navigation {
		margin: 16px 0
	}
	.first-board-skip {
		top: 6px;
		right: 16px;
		font-size: 14px;
		letter-spacing: -.2px;
		line-height: 24px
	}
	.first-board-content .first-board-text {
		margin: 0
	}
	.first-board-content .first-board-text h2 {
		font-size: 24px;
		margin: 4px 0 12px;
		letter-spacing: -.3px;
		line-height: 40px
	}
	.first-board-content .first-board-text p {
		font-size: 16px;
		letter-spacing: -.4px
	}
	.first-board-content .third-input span {
		font-size: 16px;
		margin: 0 8px 12px 0
	}
}

.welcome {
	text-align: center;
	padding-top: 32px;
	padding-bottom: 40px
}

.welcome--logo {
	width: 100%;
	text-align: center;
	margin-top: 10px
}

.welcome--logo img {
	width: 100px
}

.welcome--intro {
	margin-top: 60px
}

.welcome--intro h1 {
	font-size: 40px;
	line-height: 40px
}

.welcome--intro p {
	font-size: 18px;
	font-weight: 300;
	margin-top: 20px
}

.welcome--card {
	margin: 0 auto;
	margin-top: 46px;
	width: 400px;
	height: 190px;
	border-radius: 12px;
	padding: 16px 8px;
	background: #5aac44;
	-webkit-transform: rotate(-2deg);
	transform: rotate(-2deg)
}

.welcome--card-text-small {
	font-size: 20px;
	color: #fff;
	font-weight: 300;
	text-rendering: geometricPrecision
}

.welcome--card h1 {
	font-size: 40px;
	color: #fff;
	font-weight: 700;
	max-width: 350px;
	text-overflow: ellipsis;
	overflow: hidden;
	margin: 0 auto;
	line-height: 50px
}

.welcome--select {
	height: 60px;
	border-radius: 6px;
	margin-top: 16px;
	width: 100%;
	float: left;
	position: relative
}

.welcome--select select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	color: #333;
	font-size: 22px;
	display: block;
	width: 100%;
	float: right;
	padding: 0 14px;
	background-color: #fff;
	background-image: none;
	border: none;
	height: 90px;
	line-height: 90px
}

.welcome--select-placeholder {
	color: #838c91!important
}

.welcome--select:after {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: inline-block;
	font-family: trellicons;
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	vertical-align: bottom;
	height: 20px;
	font-size: 16px;
	line-height: 20px;
	width: 20px;
	color: #42526e;
	font-size: 28px;
	position: absolute;
	right: 20px;
	top: 38px;
	color: #838c91;
	content: "\E91E"
}

.welcome--select:after.mod-quiet {
	color: #6b778c
}

.dark-hover:hover .welcome--select:after,
.welcome--select:after.dark,
.welcome--select:after.dark-hover:hover {
	color: #172b4d;
	text-decoration: none
}

.light-hover:hover .welcome--select:after,
.welcome--select:after.light,
.welcome--select:after.light-hover:hover {
	color: #fff;
	text-decoration: none
}

.dark-background-hover:hover .welcome--select:after,
.welcome--select:after.dark-background-hover:hover {
	background-color: rgba(9, 30, 66, .13);
	color: #172b4d;
	border-radius: 3px;
	text-decoration: none
}

.dark-background-hover:active .welcome--select:after,
.welcome--select:after.dark-background-hover:active {
	background-color: rgba(9, 30, 66, .25);
	color: #172b4d;
	border-radius: 3px;
	text-decoration: none
}

.welcome--select-option {
	background-color: #fff;
	color: #333
}

.welcome--cta-container {
	margin-top: 46px
}

.welcome--cta-container--button {
	width: 300px;
	display: block;
	margin: 0 auto;
	margin-top: 16px;
	font-weight: 500;
	line-height: 40px;
	font-size: 18px
}

.welcome--cta-container--button-blue {
	color: #fff;
	background: #0079bf
}

.welcome--cta-container--button-blue:hover {
	background: #026aa7
}

@-webkit-keyframes taco-in {
	0% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05)
	}
	to {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

@keyframes taco-in {
	0% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05)
	}
	to {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

@-webkit-keyframes flipInY {
	0% {
		-webkit-transform: perspective(400px) rotateY(90deg);
		transform: perspective(400px) rotateY(90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0
	}
	80% {
		-webkit-transform: perspective(400px) rotateY(-5deg);
		transform: perspective(400px) rotateY(-5deg)
	}
	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

@keyframes flipInY {
	0% {
		-webkit-transform: perspective(400px) rotateY(90deg);
		transform: perspective(400px) rotateY(90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0
	}
	80% {
		-webkit-transform: perspective(400px) rotateY(-5deg);
		transform: perspective(400px) rotateY(-5deg)
	}
	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

.inspiration-popover {
	position: absolute;
	bottom: 12px;
	right: 12px;
	z-index: 20
}

.inspiration-popover--taco {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 55px;
	height: 55px;
	background: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-name: taco-in;
	animation-name: taco-in;
	box-shadow: 0 8px 16px -4px rgba(9, 45, 66, .25), 0 0 0 1px rgba(9, 45, 66, .08)
}

.inspiration-popover--taco-inner {
	background: #dfe1e6;
	width: 46px;
	height: 46px;
	border-radius: 50%
}

.inspiration-popover--taco img {
	width: 45px;
	height: 45px;
	border-radius: 50%
}

.inspiration-popover--content {
	position: relative;
	bottom: 0;
	right: 74px;
	white-space: normal;
	padding: 16px;
	width: 275px;
	border-radius: 3px;
	background-color: #fff;
	color: #172b4d;
	box-shadow: 0 8px 16px -4px rgba(9, 45, 66, .25), 0 0 0 1px rgba(9, 45, 66, .08);
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY;
	-webkit-animation-duration: 375ms;
	animation-duration: 375ms
}

.inspiration-popover--content:after {
	left: 323px;
	bottom: 18px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-bottom-color: #fff;
	border-width: 10px;
	margin-left: -16px;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}

.inspiration-popover--content button {
	display: block;
	width: 100%
}

.inspiration-popover--close {
	position: absolute;
	top: 0;
	right: 0;
	text-align: right
}

.inspiration-popover--select {
	position: relative;
	float: left;
	width: 100%;
	display: flex;
	align-items: center;
	margin-bottom: 10px
}

.inspiration-popover--select select {
	-webkit-appearance: none;
	-moz-appearance: none;
	background: none;
	border: none;
	float: right;
	font-size: 13px;
	color: #7a869a;
	width: 100%;
	margin-bottom: 0
}

.inspiration-popover--select:after {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: inline-block;
	font-family: trellicons;
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	vertical-align: bottom;
	height: 20px;
	font-size: 16px;
	line-height: 20px;
	width: 20px;
	color: #42526e;
	font-size: 14px;
	position: absolute;
	right: 0;
	top: 2px;
	color: #7a869a;
	content: "\E91E"
}

.inspiration-popover--select:after.mod-quiet {
	color: #6b778c
}

.dark-hover:hover .inspiration-popover--select:after,
.inspiration-popover--select:after.dark,
.inspiration-popover--select:after.dark-hover:hover {
	color: #172b4d;
	text-decoration: none
}

.inspiration-popover--select:after.light,
.inspiration-popover--select:after.light-hover:hover,
.light-hover:hover .inspiration-popover--select:after {
	color: #fff;
	text-decoration: none
}

.dark-background-hover:hover .inspiration-popover--select:after,
.inspiration-popover--select:after.dark-background-hover:hover {
	background-color: rgba(9, 30, 66, .13);
	color: #172b4d;
	border-radius: 3px;
	text-decoration: none
}

.dark-background-hover:active .inspiration-popover--select:after,
.inspiration-popover--select:after.dark-background-hover:active {
	background-color: rgba(9, 30, 66, .25);
	color: #172b4d;
	border-radius: 3px;
	text-decoration: none
}

.inspiration-popover--select .spinner {
	width: 14px;
	height: 14px;
	background-size: 14px 14px;
	margin-right: 2px
}

.inspiration-popover button {
	padding-top: 8px;
	padding-bottom: 8px
}

.inspiration-popover button:first-of-type {
	margin-top: 16px
}

.board-background-prompt {
	position: absolute;
	bottom: 12px;
	right: 12px;
	width: 270px;
	height: auto;
	background: #fff;
	padding: 0;
	border-radius: 4px;
	box-shadow: -2px 2px 6px rgba(0, 0, 0, .1);
	z-index: 10
}

.board-background-prompt--image {
	position: relative;
	height: 180px;
	width: 100%;
	background-size: cover;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px
}

.board-background-prompt--image .uploading {
	box-sizing: border-box;
	background: rgba(0, 0, 0, .8);
	bottom: 0;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	height: 24px;
	padding: 2px 8px;
	position: absolute;
	text-decoration: underline;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.board-background-prompt--image .uploading .spinner {
	margin-right: 4px
}

.board-background-prompt--inner {
	padding: 10px;
	text-align: center
}

.board-background-prompt--item {
	width: 100%;
	text-align: center;
	display: block;
	margin-top: 10px
}

.board-background-prompt--tooltip {
	z-index: 20;
	position: absolute;
	top: 38px;
	right: 8px;
	padding: 16px;
	width: 320px;
	border-radius: 3px;
	background-color: #fff;
	box-shadow: 0 8px 16px -4px rgba(9, 45, 66, .25), 0 0 0 1px rgba(9, 45, 66, .08)
}

.board-background-prompt--tooltip:after {
	bottom: 100%;
	right: 29px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-bottom-color: #fff;
	border-width: 10px;
	margin-left: -10px
}

.board-background-prompt--tooltip a {
	color: #42526e
}

a.board-background-prompt--item {
	margin-top: 18px;
	margin-bottom: 10px;
	color: #42526e
}

.invite-acceptance-notification {
	z-index: 20;
	position: absolute;
	top: 58px;
	padding: 16px;
	width: 320px;
	border-radius: 3px;
	background-color: #c377e0;
	color: #fff;
	box-shadow: 0 8px 16px -4px rgba(9, 45, 66, .25), 0 0 0 1px rgba(9, 45, 66, .08)
}

.invite-acceptance-notification .icon-lg,
.invite-acceptance-notification a {
	color: #fff
}

.invite-acceptance-notification p {
	margin-bottom: 24px
}

.invite-acceptance-notification:after {
	bottom: 100%;
	left: 29px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-bottom-color: #c377e0;
	border-width: 16px;
	margin-left: -16px
}

.invite-acceptance-notification-close {
	position: absolute;
	top: 0;
	right: 0;
	text-align: right
}

.invite-acceptance-notification-dont-show-again {
	position: absolute;
	bottom: 8px;
	right: 8px;
	text-align: right;
	font-size: 90%
}

.board-header-notification {
	position: fixed;
	z-index: 20
}

.window-overlay.soft-block-overlay {
	align-items: flex-start;
	background-color: rgba(0, 0, 0, .64);
	height: 100%;
	justify-content: center;
	left: 0;
	overflow-y: auto;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 20
}

.window.soft-block {
	box-shadow: 0 8px 16px -4px rgba(9, 30, 66, .25), 0 0 0 1px rgba(9, 30, 66, .08);
	border-radius: 3px;
	box-sizing: border-box;
	max-height: 100%;
	min-width: 768px;
	width: 768px
}

.window.soft-block .soft-block-image-container {
	height: 527px;
	width: 334px;
	float: left;
	background: linear-gradient(0deg, #0079bf, #0079bf), linear-gradient(122.37deg, #0079bf, #5067c5)
}

.window.soft-block .soft-block-image-container img {
	height: 100%;
	width: 100%
}

.window.soft-block .soft-block-text {
	background: #fff;
	box-sizing: border-box;
	float: left;
	padding: 115px 30px;
	height: 527px;
	width: 434px
}

.window.soft-block .soft-block-text .soft-block-logo {
	margin-bottom: 20px
}

.window.soft-block .soft-block-text .soft-block-logo img {
	height: 30px
}

.window.soft-block .soft-block-text h2 {
	line-height: 28px;
	font-size: 24px
}

.window.soft-block .soft-block-text p {
	line-height: 20px;
	font-size: 16px
}

.window.soft-block .soft-block-text .button-link {
	margin: 8px 8px 8px 0;
	text-align: center
}

.window.soft-block .soft-block-text .soft-block-learn-more {
	color: #6b778c
}

.invitee-orientation-wrapper {
	position: absolute;
	z-index: 10;
	bottom: 10px;
	right: 0
}

.close-invitee-orientation.icon-close.icon-sm {
	border-radius: 50%;
	margin-right: 10px;
	margin-top: 8px;
	height: 24px;
	line-height: 24px;
	width: 24px;
	padding: 0;
	color: #97a0af
}

.close-invitee-orientation.icon-close.icon-sm:hover {
	background-color: #dfe1e6;
	color: #7a869a
}

.close-invitee-orientation.icon-close.icon-sm:active {
	background-color: #c1c7d0;
	color: #7a869a
}

.invitee-orientation-avatar-container {
	position: absolute;
	bottom: 6px;
	right: -100px;
	-webkit-transform: scale(0);
	transform: scale(0);
	transition: all s .2 ease-out
}

.invitee-orientation-avatar-container.active {
	right: 25px;
	-webkit-transform: scale(1);
	transform: scale(1)
}

.invitee-orientation-activity-container,
.invitee-orientation-message-container {
	-webkit-transform: scale(0);
	transform: scale(0);
	transition: all .2s ease-out;
	width: 304px;
	background-color: #fff;
	box-shadow: 4px 4px 4px 4px rgba(0, 0, 0, .1);
	margin-bottom: 12px;
	padding: 16px;
	border-radius: 3px;
	position: relative;
	left: 200px;
	top: 200px;
	z-index: 300
}

.invitee-orientation-activity-container.active,
.invitee-orientation-message-container.active {
	top: 0;
	left: -110px;
	-webkit-transform: scale(1);
	transform: scale(1)
}

.invitee-orientation-activity-container.arrow:after,
.invitee-orientation-message-container.arrow:after {
	left: 100%;
	bottom: 20px;
	border: solid transparent;
	border-left-color: #fff;
	border-width: 12px;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none
}

.invitee-orientation-activity-container h1,
.invitee-orientation-message-container h1 {
	margin-bottom: 8px
}

.invitee-orientation-text {
	margin-top: 8px;
	clear: both
}

.invitee-orientation-facepile {
	margin-right: 5px;
	margin-left: 0
}

.orientation-facepile-text {
	float: left;
	padding-top: 5px
}

.invitee-orientation-activity-container .phenom {
	padding-top: 8px;
	border-bottom: none;
	padding-bottom: 0
}

.orient-activity-icon,
.orient-activity-title {
	float: left
}

.orient-activity-title {
	margin-top: 5px;
	color: #6b778c
}

.orientation-header {
	overflow: auto
}

.orientation-activity-header {
	font-size: 12px;
	height: 20px;
	line-height: 20px;
	color: #b3bac5;
	margin-bottom: 20px
}

.orientation-activity-header .icon-and-title {
	overflow: auto
}

.orient-click-show-menu {
	margin-top: -10px;
	margin-left: 5px;
	clear: both;
	color: #6b778c
}

.orient-click-show-menu b {
	color: #42526e
}

.invitee-orientation-avatar,
.invitee-orientation-initials-wrapper {
	height: 54px;
	width: 54px;
	border-radius: 50%;
	border: 4px solid #fff;
	box-shadow: 0 8px 16px -4px rgba(9, 30, 66, .25), 0 0 0 1px rgba(9, 30, 66, .08)
}

.invitee-orientation-initials-wrapper {
	background-color: #dfe3e6;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin-bottom: 4px
}

.invitee-orientation-initials-wrapper .invitee-orientation-initials {
	border: 4px solid transparent;
	font-size: 22px;
	font-weight: 700;
	text-align: center;
	left: 0;
	line-height: 54px;
	overflow: hidden;
	position: absolute;
	top: 0;
	height: 54px;
	width: 54px
}

.list-wrapper {
	width: 272px;
	margin: 0 4px;
	height: 100%;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	white-space: nowrap
}

.list-wrapper:first-child {
	margin-left: 8px
}

.list-wrapper:last-child {
	margin-right: 8px
}

.list {
	background-color: #dfe1e6;
	border-radius: 3px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	max-height: 100%;
	position: relative;
	white-space: normal
}

.list.exceeds-list-limit {
	background-color: #faf3c0
}

.list-header {
	flex: 0 0 auto;
	padding: 10px 8px 8px;
	position: relative;
	min-height: 20px
}

.list-header.is-editable {
	cursor: -webkit-grab;
	cursor: grab
}

.list-header.is-menu-shown,
.list-header.is-subscribe-shown {
	padding-right: 36px
}

.list-header.is-list-limit-shown {
	padding-right: 48px
}

.list-header.is-menu-shown.is-subscribe-shown {
	padding-right: 68px
}

.list-header.is-menu-shown.is-list-limit-shown,
.list-header.is-subscribe-shown.is-list-limit-shown {
	padding-right: 96px
}

.list-header.is-menu-shown.is-subscribe-shown.is-list-limit-shown {
	padding-right: 112px
}

.list-header-name-assist {
	display: none
}

.list-header-target {
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

.list-header-target.is-hidden {
	display: none
}

.list-header-num-cards {
	color: #6b778c;
	margin: 0 8px
}

.list-header-num-cards:not(.hide) {
	display: inline-block
}

.list-header-extras {
	position: absolute;
	right: 4px;
	top: 4px;
	z-index: 1
}

.list-header-extras-menu,
.list-header-extras-subscribe {
	color: #6b778c;
	float: left;
	padding: 6px
}

.list-header-extras-menu {
	border-radius: 3px
}

.list-header-extras-menu:hover {
	background-color: rgba(9, 30, 66, .13)
}

.list-header-extras-menu:active {
	background-color: rgba(9, 30, 66, .25)
}

.list-header-extras-limit-badge {
	background-color: rgba(9, 30, 66, .08);
	border-radius: 20px;
	color: #6b778c;
	float: left;
	font-size: 12px;
	font-weight: 700;
	font-weight: 400;
	line-height: 20px;
	margin: 4px 4px 0 0;
	padding: 2px 10px;
	text-align: center
}

.list-header-extras-limit-badge.mod-warning {
	background-color: #f3e260;
	color: #172b4d
}

.list-header textarea {
	resize: none
}

.list-cards {
	flex: 1 1 auto;
	margin-bottom: 0;
	overflow-y: auto;
	overflow-x: hidden;
	margin: 0 4px;
	padding: 0 4px;
	z-index: 1;
	min-height: 0
}

.list-cards::-webkit-scrollbar-button:end {
	display: block;
	height: 4px;
	width: 4px
}

.open-card-composer {
	border-radius: 0 0 3px 3px;
	color: #6b778c;
	display: block;
	flex: 0 0 auto;
	padding: 8px;
	position: relative;
	text-decoration: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.open-card-composer .icon-add {
	color: #6b778c
}

.open-card-composer:hover {
	background-color: rgba(9, 30, 66, .13);
	color: #172b4d;
	text-decoration: underline
}

.open-card-composer:hover .icon-add {
	color: #42526e
}

.open-card-composer:active {
	background-color: rgba(9, 30, 66, .25)
}

.list-wrapper.placeholder {
	background-color: rgba(0, 0, 0, .12);
	border-color: transparent;
	box-shadow: none;
	border-radius: 3px
}

.body-custom-board-background .list-wrapper.placeholder {
	background-color: rgba(0, 0, 0, .24)
}

.list-wrapper.ui-sortable-helper>.list {
	cursor: -webkit-grabbing;
	cursor: grabbing;
	box-shadow: 0 12px 24px -6px rgba(9, 30, 66, .25), 0 0 0 1px rgba(9, 30, 66, .08);
	-webkit-transform: rotate(4deg);
	transform: rotate(4deg)
}

.list-wrapper.ui-sortable-helper>.list .list-header-menu-icon {
	display: none
}

.list-wrapper.mod-add {
	background-color: #dfe1e6;
	border-radius: 3px;
	height: auto;
	min-height: 32px;
	padding: 4px;
	transition: background 85ms ease-in, opacity 40ms ease-in, border-color 85ms ease-in
}

.list-wrapper.mod-add.fade {
	opacity: 0
}

.list-wrapper.mod-add .list-name-input {
	background: #fff;
	border: none;
	box-shadow: inset 0 0 0 2px #0079bf;
	display: block;
	margin: 0;
	transition: margin 85ms ease-in, background 85ms ease-in;
	width: 100%
}

.list-wrapper.mod-add .open-add-list,
.list-wrapper.mod-add .too-many-lists {
	-webkit-text-decoration-line: none;
	text-decoration-line: none
}

.list-wrapper.mod-add .placeholder {
	display: none;
	padding: 6px 8px;
	color: hsla(0, 0%, 100%, .8);
	transition: color 85ms ease-in
}

.list-wrapper.mod-add .list-add-controls {
	height: 32px;
	transition: margin 85ms ease-in, height 85ms ease-in;
	overflow: hidden;
	margin: 4px 0 0
}

.list-wrapper.mod-add.is-idle {
	background-color: rgba(0, 0, 0, .12);
	cursor: pointer;
	color: #fff
}

.list-wrapper.mod-add.is-idle .list-name-input {
	background: none;
	border-color: transparent;
	box-shadow: none;
	cursor: pointer;
	display: none;
	margin: 0
}

.list-wrapper.mod-add.is-idle .placeholder {
	display: block
}

.list-wrapper.mod-add.is-idle .list-add-controls {
	height: 0;
	margin: 0
}

.list-wrapper.mod-add.is-idle:hover {
	background-color: rgba(0, 0, 0, .24)
}

.list-wrapper.mod-add.is-idle:active {
	background-color: rgba(0, 0, 0, .32)
}

.list-wrapper.mod-add .icon-add {
	color: hsla(0, 0%, 100%, .8)
}

.body-custom-board-background .list-wrapper.mod-add.is-idle {
	background-color: rgba(0, 0, 0, .24)
}

.body-custom-board-background .list-wrapper.mod-add.is-idle:hover {
	background-color: rgba(0, 0, 0, .32)
}

.body-custom-board-background .list-wrapper.mod-add.is-idle:active {
	background-color: rgba(0, 0, 0, .48)
}

.guided-step-container {
	display: inline-block
}

.guided-step-container .invite-more {
	background: #fff;
	border-radius: 3px;
	border: 1px solid #d6dadc;
	border-bottom-color: #c4c9cc;
	box-shadow: 0 1px 6px rgba(0, 0, 0, .15);
	width: 308px;
	padding: 20px 24px;
	position: absolute;
	right: 16px;
	top: 48px;
	white-space: normal;
	z-index: 1
}

.guided-step-container .invite-more .arrow {
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	background-color: #fff;
	width: 16px;
	height: 32px;
	position: absolute;
	top: 16px;
	left: 96%;
	border-radius: 0 3px 0 0;
	border-bottom-color: #c4c9cc
}

.guided-step-container .invite-more .add-more-brain-power {
	font-size: 16px;
	font-weight: 700;
	line-height: 24px
}

.guided-step-container .invite-more .add-more-brain-power-body {
	line-height: 24px;
	padding-top: 8px;
	padding-bottom: 8px
}

.guided-step-container .invite-more .got-it {
	float: right;
	margin-right: -8px
}

.guided-step-container .is-hidden {
	display: none
}

.guided-step-container .list-wrapper.mod-added {
	margin-left: 5px
}

.guided-step-container .list-wrapper.mod-add.is-idle.mod-green {
	background: #5aac44;
	box-shadow: 0 1px 0 #519839
}

.guided-step-container .list-wrapper.mod-add.is-idle.mod-green .placeholder {
	color: #fff;
	font-weight: 700;
	line-height: 18px
}

.guided-step-container .list-wrapper.mod-add {
	transition: none!important
}

.guided-step-container .list-wrapper.mod-add.is-idle {
	background: rgba(0, 0, 0, .12)
}

.guided-step-container .small {
	font-size: 10px
}

input.set-list-limit {
	width: 100%
}

input.set-list-limit:hover {
	background-color: rgba(9, 30, 66, .13);
	border-color: transparent
}

input.set-list-limit:focus {
	background: #fff;
	border: none;
	box-shadow: inset 0 0 0 2px #0079bf;
	color: #172b4d;
	text-decoration: none
}

input.set-list-limit.is-invalid:focus {
	background-color: #fff;
	border: none;
	box-shadow: inset 0 0 0 2px #efb3ab;
	background-color: #fbedeb;
	color: #172b4d;
	text-decoration: none
}

.set-list-limit-buttons {
	display: flex;
	justify-content: space-between
}

@media print {
	.list-header-name-assist {
		display: block
	}
}

textarea.list-card-composer-textarea,
textarea.list-card-composer-textarea:focus {
	background: none;
	border: none;
	box-shadow: none;
	height: auto;
	margin-bottom: 4px;
	max-height: 162px;
	min-height: 54px;
	overflow-y: auto;
	padding: 0
}

.card-composer {
	padding-bottom: 8px
}

.cc-controls-section {
	float: left
}

.cc-controls-section .icon-lg {
	color: #6b778c
}

.cc-controls-section.mod-right {
	float: right
}

.board-menu {
	transition-property: width, -webkit-transform;
	transition-property: transform, width;
	transition-property: transform, width, -webkit-transform;
	transition-duration: .1s;
	transition-timing-function: ease-in;
	-webkit-transform: translateX(339px);
	transform: translateX(339px);
	width: 339px;
	z-index: 5
}

.board-menu,
.board-menu-container {
	bottom: 0;
	position: absolute;
	right: 0;
	top: 0
}

.board-menu-container {
	display: flex;
	flex-direction: row;
	left: 0
}

.board-menu-tabs {
	width: 56px;
	overflow: hidden;
	background: rgba(235, 236, 240, .9);
	justify-content: flex-start
}

.board-menu-tab,
.board-menu-tabs {
	display: flex;
	flex-direction: column;
	align-items: center
}

.board-menu-tab {
	flex-shrink: 0;
	justify-content: center;
	min-height: 48px;
	padding: 8px 0;
	box-sizing: border-box;
	width: 100%;
	cursor: pointer
}

.board-menu-tab.selected {
	background: rgba(193, 199, 208, .5)
}

.board-menu-tab:hover {
	background: rgba(223, 225, 230, .5)
}

.board-menu-tab:active {
	background: rgba(179, 186, 197, .5)
}

.board-menu-tab .icon-lg {
	line-height: 20px;
	height: 20px
}

.board-menu-tab .board-menu-tab-text,
.board-menu-tab .icon-lg {
	color: #172b4d
}

.board-menu-tab-text {
	font-size: 10px
}

.board-menu-tab-content {
	background-color: #f4f5f7;
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	flex-wrap: nowrap;
	justify-content: flex-start;
	overflow: hidden
}

.board-menu-header {
	box-sizing: border-box;
	flex: 0 0 auto;
	height: 48px;
	opacity: 0;
	overflow: hidden;
	padding: 0 6px 0 12px;
	position: relative;
	transition: opacity .2s ease-in;
	width: 100%
}

.board-menu-header.no-transition {
	transition: auto
}

.board-menu-header-content {
	display: flex;
	flex-direction: row;
	align-items: center
}

.board-menu-header-back-button {
	font-size: 20px;
	position: absolute;
	top: 8px;
	left: 12px;
	overflow: hidden;
	transition: -webkit-transform .12s ease-in;
	transition: transform .12s ease-in;
	transition: transform .12s ease-in, -webkit-transform .12s ease-in
}

.board-menu-header-title {
	line-height: 20px;
	margin: 14px 32px;
	overflow: hidden;
	text-align: center;
	text-overflow: ellipsis;
	transition: margin .12s ease-in;
	white-space: nowrap;
	flex: 1
}

.board-menu-header-title.align-left {
	text-align: left;
	margin: 13px 0 12px
}

.board-menu-header-icon {
	width: 32px;
	flex-shrink: 0;
	margin-right: 8px
}

.board-menu-header-close-button {
	font-size: 20px;
	position: absolute;
	top: 8px;
	right: 6px
}

.board-menu-header-divider {
	margin: 0
}

.board-menu-content {
	box-sizing: border-box;
	display: flex;
	flex: 1 1 auto;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 12px 6px 12px 12px;
	width: 100%;
	height: 100%
}

.board-menu-content::-webkit-scrollbar-button {
	display: block;
	height: 6px;
	width: 6px
}

.board-menu-content input[type=search],
.board-menu-content input[type=text] {
	background: #fafbfc;
	width: 100%
}

.board-menu-content input[type=search]:focus,
.board-menu-content input[type=text]:focus {
	background: #fff;
	border: none;
	box-shadow: inset 0 0 0 2px #0079bf
}

.board-menu-content.no-padding {
	padding: 0
}

.board-menu-content .u-gutter {
	margin-left: 42px
}

.board-menu-content-frame {
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	transition-duration: .12s;
	transition-timing-function: ease-in;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	flex: 1 auto;
	width: 100%
}

.board-menu-content-frame .pop-over-list li>a .sub-name {
	font-size: 14px
}

.board-menu-settings-opt-out {
	margin: 0 10px 12px 8px;
	border-radius: 3px;
	background-color: #ebecf0;
	padding: 16px 12px
}

.board-menu-settings-opt-out p {
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 4px
}

.board-menu-settings-opt-out p.opt-out-header {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 0
}

.board-menu-settings-opt-out button.primary {
	height: 32px;
	color: #fff;
	font-weight: 500;
	border-radius: 3px;
	background: #5aac44;
	box-shadow: inset 0 -1px 0 0 #519839, 0 1px 0 0 #519839
}

.board-menu-settings-opt-out button.primary:hover {
	background-color: #519839
}

.board-menu-section-header {
	border-radius: 3px;
	display: block;
	line-height: 20px;
	padding: 6px 6px 6px 40px;
	position: relative;
	text-decoration: none
}

.board-menu-section-header:hover {
	background-color: rgba(9, 30, 66, .13)
}

.board-menu-section-header:hover .board-menu-section-header-icon {
	color: #172b4d
}

.board-menu-section-header:active {
	background-color: rgba(9, 30, 66, .25)
}

.board-menu-section-header-icon {
	font-size: 16px;
	height: 20px;
	line-height: 20px;
	width: 20px;
	position: absolute;
	top: 6px;
	left: 9px
}

.board-menu-section-header-title {
	font-weight: 700
}

.board-menu-section-header-count {
	background-color: rgba(9, 30, 66, .08);
	border-radius: 20px;
	color: #6b778c;
	font-size: 12px;
	line-height: 20px;
	padding: 2px 10px;
	position: absolute;
	right: 4px;
	text-align: center;
	top: 4px
}

.board-menu-section-header-count:empty {
	display: none
}

.board-menu-member-section {
	margin-bottom: 8px
}

.board-menu-member-section.is-partial-row {
	display: inline-block;
	margin-right: 16px;
	min-width: 136px
}

.board-menu-member-section.is-hidden {
	display: none
}

.board-menu-member-section-header {
	color: #6b778c;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: .04em;
	line-height: 16px;
	margin-top: 16px;
	text-transform: uppercase;
	display: block;
	margin: 4px 0 8px
}

.board-menu-member-section-header.is-hidden {
	display: none
}

@media only screen and (max-width:750px) {
	.board-menu {
		-webkit-transform: translateX(305px);
		transform: translateX(305px);
		width: 305px
	}
}

.board-menu-header.is-board-menu-default-view .board-menu-header-back-button {
	-webkit-transform: translateX(-42px);
	transform: translateX(-42px)
}

.board-menu-header.is-in-frame {
	opacity: 1;
	overflow: visible
}

.board-menu-content-frame.is-left-of-frame {
	-webkit-transform: translateX(-339px);
	transform: translateX(-339px)
}

.board-menu-content-frame.is-right-of-frame {
	-webkit-transform: translateX(339px);
	transform: translateX(339px)
}

.board-menu-activity-subscription {
	font-size: 12px;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: center;
	padding: 8px 0
}

.board-menu-activity-subscription-state .icon-sm {
	color: #61bd4f
}

.board-menu-activity-subscription-toggle {
	cursor: pointer;
	text-decoration: underline
}

.board-menu-inline-invite {
	border-radius: 3px;
	background: #ecfbf3 url(https://a.trellocdn.com/prgb/dist/images/empty-states/highfive.c38f173386934f2b00bd.svg) no-repeat 100%;
	background-position: 100% 32px;
	background-size: auto 68px;
	max-width: 280px;
	padding: 8px 16px 16px
}

.board-menu-inline-invite .icon-close {
	cursor: pointer;
	float: right;
	margin-right: -8px
}

.board-menu-inline-invite .board-menu-inline-invite-header {
	color: #3e4d80;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	margin-bottom: 2px;
	margin-top: 12px;
	max-width: 232px
}

.board-menu-inline-invite .board-menu-inline-invite-description {
	color: #3e4d80;
	line-height: 20px;
	max-width: 192px
}

.board-menu-inline-invite .board-menu-inline-invite-email {
	background-color: #fff;
	border: 1px solid #298fca;
	margin-top: 16px;
	margin-bottom: 0;
	width: 100%
}

.board-menu-inline-invite button {
	margin: 14px 4px 0 0;
	width: 100%
}

.board-menu-navigation {
	margin: 4px 0
}

.board-menu-navigation-item {
	cursor: pointer
}

.board-menu-navigation-item .sub-name {
	display: block;
	color: #6b778c;
	font-size: 12px;
	font-weight: 400;
	line-height: 12px
}

.board-menu-navigation-item-block,
.board-menu-navigation-item-link {
	padding: 6px 6px 6px 38px;
	position: relative
}

.board-menu-navigation-item-link {
	border-radius: 3px;
	display: block;
	font-weight: 700;
	line-height: 20px;
	text-decoration: none
}

.board-menu-navigation-item-link-icon {
	font-size: 20px;
	height: 20px;
	line-height: 20px;
	width: 20px;
	position: absolute;
	top: 6px;
	left: 9px
}

.board-menu-navigation-item-link-warning {
	text-decoration: underline;
	font-size: 13px;
	margin-left: 5px;
	color: #ffaf3f
}

.board-menu-navigation-item-link-summary {
	color: #6b778c;
	font-weight: 400
}

.board-menu-navigation-item-link-summary.board-menu-about-this-board-summary {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.board-menu-navigation-item-link-summary.board-menu-templates-summary {
	margin: 2px 0 0 4px
}

.board-menu-navigation-item-link-count {
	background-color: rgba(9, 30, 66, .08);
	border-radius: 20px;
	color: #6b778c;
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
	padding: 2px 10px;
	position: absolute;
	right: 4px;
	text-align: center;
	top: 4px
}

.board-menu-navigation-item-link-count.mod-warning {
	background-color: #f3e260;
	color: #bd903c
}

.board-menu-navigation-item-new {
	background-color: #61bd4f;
	border-radius: 20px;
	color: #fff;
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
	padding: 2px 10px;
	position: absolute;
	right: 4px;
	text-align: center;
	top: 4px
}

.board-menu-navigation-item-link:not(.disabled):hover {
	background-color: rgba(9, 30, 66, .13)
}

.board-menu-navigation-item-link:not(.disabled):hover .board-menu-navigation-item-link-icon {
	color: #172b4d
}

.board-menu-navigation-item-link:not(.disabled):hover .board-menu-navigation-item-link-count {
	background: none
}

.board-menu-navigation-item-link:not(.disabled):hover .board-menu-navigation-item-link-count.mod-warning {
	color: #6b778c
}

.board-menu-navigation-item-link:not(.disabled):active {
	background-color: rgba(9, 30, 66, .25)
}

.board-menu-navigation-item-link:not(.disabled):active .board-menu-navigation-item-link-count {
	background: none
}

.board-menu-navigation-item-link-count:empty {
	display: none
}

.board-menu-navigation-item.mod-background .board-menu-navigation-item-link-icon {
	background-size: cover;
	background-position: 50%;
	border-radius: 3px
}

.board-menu-navigation-item.mod-power-up-slot .board-menu-navigation-item-link-icon {
	background: #dfe1e6;
	border-radius: 2px;
	border: 1px dashed #c1c7d0;
	box-sizing: border-box;
	height: 20px;
	width: 20px
}

.board-menu-navigation-item.mod-power-up-slot .board-menu-navigation-item-link-icon.mod-enabled {
	border: none;
	background: transparent;
	background-size: cover;
	background-position: 50%;
	border-radius: 3px
}

.board-menu-navigation-item.mod-power-up-slot .board-menu-navigation-item-link {
	color: #7a869a;
	font-weight: 400
}

.board-menu-navigation-item.mod-power-up-slot .board-menu-navigation-item-link.mod-enabled {
	color: #172b4d
}

.board-menu-navigation-item-link.mod-hover {
	background-color: rgba(9, 30, 66, .13)
}

.board-menu-navigation-row {
	align-items: center;
	display: flex
}

.board-menu-navigation-row .button {
	flex: 0 0 auto;
	margin: 0 0 0 8px;
	padding-left: 0;
	padding-right: 0;
	text-align: center;
	width: 32px
}

.board-menu-navigation-row .input-container {
	position: relative;
	width: 100%
}

.board-menu-navigation-row input {
	height: 32px;
	margin-bottom: 0
}

.board-menu-navigation-row .input-icon {
	align-items: center;
	display: flex;
	height: 32px;
	justify-content: center;
	position: absolute;
	right: 0;
	top: 0;
	width: 32px;
	text-decoration: none
}

.highlight-add-members {
	background-color: #c377e0;
	background-image: url(https://a.trellocdn.com/prgb/dist/images/banners/highfive.f1ed06e0605e94a77ec9.svg);
	background-position: 100% 100%;
	background-repeat: no-repeat;
	border-radius: 4px;
	padding: 16px;
	position: relative;
	margin-top: 16px
}

.highlight-add-members .button-link {
	width: 200px
}

.highlight-add-members-description {
	color: #fff;
	margin: 0 8px 24px 0
}

.highlight-add-members-close {
	position: absolute;
	right: 8px;
	top: 8px;
	cursor: pointer
}

.highlight-add-members-close .icon-close {
	color: #fff
}

.highlight-add-members-close:hover .icon-close {
	color: #42526e
}

.board-menu-visibility {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin: 8px 0 16px;
	max-width: 100%
}

.board-menu-visibility-organization {
	display: flex;
	flex-direction: row;
	align-items: center;
	flex: 1;
	margin-right: 16px;
	overflow: hidden
}

.board-menu-visibility-logo {
	width: 30px;
	height: 30px;
	margin-right: 8px
}

.board-menu-visibility-logo-image {
	width: 30px;
	height: 30px
}

.board-menu-visibility-display-name {
	margin-right: 8px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.board-menu-visibility-gap {
	width: 16px;
	flex-shrink: 0
}

.board-menu-visibility-permission-level {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	font-size: 12px;
	flex-shrink: 0
}

.board-menu-visibility-permission-level .icon {
	margin-right: 8px
}

.board-menu-visibility-organization-editable,
.board-menu-visibility-permission-level {
	padding: 4px;
	margin: -4px;
	border-radius: 2px;
	height: 30px;
	cursor: pointer
}

.board-menu-visibility-organization-editable:hover,
.board-menu-visibility-permission-level:hover {
	background-color: rgba(9, 30, 66, .13)
}

.archived-list-card {
	display: block;
	margin: 8px auto 16px;
	max-width: 260px
}

.archived-list-card .list-card {
	box-shadow: 0 1px 1px rgba(9, 30, 66, .25), 0 0 0 1px rgba(9, 30, 66, .08)
}

.archived-list-card .list-card:hover .card-operation {
	visibility: hidden
}

.archive-controls {
	align-items: flex-start;
	display: flex
}

.archive-controls-search {
	flex: 1 1 auto;
	margin: 0 6px 0 0
}

.archive-controls-switch {
	margin: 2px 0
}

.too-many-results-message {
	padding: 16px;
	margin: 0 0 12px
}

.board-backgrounds-list-observer {
	font-size: 0;
	margin: 0 -4px 8px
}

.board-backgrounds-list-observer.disabled .board-background-select {
	opacity: .4
}

.board-backgrounds-list-observer .logo-loading {
	clear: both;
	margin: 20px auto
}

.board-backgrounds-list-observer .scroll-marker {
	float: left
}

.board-backgrounds-list-observer .error,
.board-backgrounds-list-observer .no-results {
	font-size: 16px;
	padding: 20px 0 0
}

.board-backgrounds-list-observer .no-results {
	font-style: italic;
	line-height: 27px
}

.board-backgrounds-list-observer .collection-title {
	border-top: 1px solid #dfe1e6;
	font-size: 16px;
	font-weight: 700;
	margin: 30px 10px 15px;
	padding-top: 30px;
	text-align: left
}

.board-background-select {
	border-radius: 8px;
	box-sizing: border-box;
	display: inline-block;
	padding: 0 4px 8px;
	position: relative;
	text-align: left;
	vertical-align: top;
	width: 50%;
	z-index: 1
}

.board-background-select.disabled {
	opacity: .15
}

.board-background-select .background-box {
	background-color: #dfe1e6;
	background-size: cover;
	border-radius: 8px;
	display: block;
	height: 96px;
	overflow: hidden;
	position: relative;
	width: 100%
}

.board-background-select .background-box.background-tile {
	background-size: 100%
}

.board-background-select .background-box .uploading {
	background: rgba(0, 0, 0, .8);
	bottom: 0;
	box-sizing: border-box;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	height: 24px;
	padding: 2px 8px;
	position: absolute;
	text-decoration: underline;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.board-background-select .background-box .uploading .spinner {
	margin-right: 4px
}

.board-background-select.board-background-select-upload {
	overflow: hidden
}

.board-background-select.board-background-select-upload .background-box {
	background-color: rgba(9, 30, 66, .08);
	position: relative;
	z-index: 0;
	border-radius: 8px
}

.board-background-select.board-background-select-upload .background-box .icon-add {
	text-align: center;
	line-height: 96px;
	width: 100%
}

.board-background-select.board-background-select-upload:hover .background-box {
	background-color: rgba(9, 30, 66, .13)
}

.board-background-select.board-background-select-upload:active .background-box {
	background-color: rgba(9, 30, 66, .25)
}

.board-background-select.board-background-select-upload .upload-background {
	bottom: 0;
	cursor: pointer;
	height: 96px;
	left: 0;
	margin: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 1
}

.board-background-select .background-info,
.board-background-select .background-option {
	background: rgba(0, 0, 0, .5);
	border-radius: 0 0 3px 3px;
	box-sizing: border-box;
	color: #dfe1e6;
	display: none;
	height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 20px;
	z-index: 2;
	padding: 2px 12px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	text-decoration: none
}

.board-background-select .background-option {
	padding-left: 8px
}

.board-background-select .background-option .text {
	text-decoration: underline
}

.board-background-select .background-option:hover {
	background: rgba(0, 0, 0, .8);
	color: #fff
}

.board-background-select .background-info,
.board-background-select:hover .background-option {
	display: block
}

.board-background-select .background-box:hover {
	cursor: pointer;
	opacity: .8
}

.board-background-select.is-still-uploading-background {
	box-sizing: border-box;
	display: inline-block;
	width: 50%
}

.board-background-select.is-still-uploading-background .background-box-unselectable {
	opacity: .5
}

.board-backgrounds-section-tiles+.board-menu-header-divider {
	margin: 15px 0 20px
}

.board-backgrounds-section-tile {
	box-sizing: border-box;
	cursor: pointer;
	float: left;
	padding: 0 4px;
	position: relative;
	text-align: center;
	width: 50%
}

.board-backgrounds-section-tile .image {
	background-color: #dfe1e6;
	background-size: cover;
	border-radius: 8px;
	height: 96px;
	margin-bottom: 8px;
	width: 100%
}

.board-backgrounds-section-tile .image:hover {
	opacity: .8;
	opacity: .7
}

.board-backgrounds-section-tile.board-backgrounds-colors-tile .image {
	background-image: url(https://a.trellocdn.com/prgb/dist/images/colors@2x.864f4df15d825e89e199.jpg)
}

.board-backgrounds-section-tile.board-backgrounds-photos-tile .image {
	background-image: url(https://a.trellocdn.com/prgb/dist/images/photos-thumbnail@3x.48948499e309aef794d7.jpg)
}

.board-backgrounds-section-tile .title {
	margin-top: 8px
}

.board-backgrounds-section-tile small {
	display: block
}

.board-backgrounds-photos {
	height: 100%;
	text-align: center;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: flex;
	flex-direction: column
}

.board-backgrounds-photos .search-photos {
	margin: 1px;
	position: relative
}

.board-backgrounds-photos .search-photos input[type=text] {
	padding-left: 32px
}

.board-backgrounds-photos .search-photos .icon-search {
	position: absolute;
	left: 8px;
	top: 8px
}

.board-backgrounds-photos .cancel-button {
	padding-top: 10px;
	padding-bottom: 10px;
	text-decoration: underline;
	text-align: center;
	margin-bottom: 16px
}

.board-backgrounds-photos .board-backgrounds-list-observer {
	position: relative;
	overflow-x: hidden;
	overflow-y: auto;
	flex: 1
}

.product-promo-disable-overlay {
	background-color: hsla(0, 0%, 94%, .7);
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center
}

.board-members-extras-button {
	display: none
}

.board-members-extras-button.is-shown {
	display: block
}

.assign-to-team {
	margin: 12px;
	line-height: 20px
}

.assign-to-team-list {
	border-top: 1px solid #dfe1e6;
	margin: 0 6px 0 12px
}

.assign-to-team-list-item {
	border-bottom: 1px solid #dfe1e6
}

.assign-to-team-list-item-content {
	display: flex;
	flex-direction: row
}

.assign-to-team-list-item-logo {
	box-sizing: border-box;
	width: 42px;
	height: 38px;
	padding: 4px 8px 4px 4px
}

.assign-to-team-list-item-details {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	width: 100%
}

.assign-to-team-list-item-name {
	line-height: 19px;
	font-weight: 700
}

.assign-to-team-list-item-member-count {
	line-height: 19px;
	color: #6b778c
}

.assign-to-team-create,
.create-team {
	padding: 8px 6px 8px 12px
}

.assign-to-team-create,
.create-team-cancel {
	text-decoration: underline
}

.create-team-cancel {
	display: inline-block;
	cursor: pointer;
	line-height: 22px;
	padding: 8px 20px
}

.assign-to-team-create-content,
.assign-to-team-list-item-content {
	cursor: pointer;
	border-radius: 4px
}

.assign-to-team-create-content:hover,
.assign-to-team-list-item-content:hover {
	background: #dfe1e6
}

.assign-to-team-create-content.disabled,
.assign-to-team-list-item-content.disabled {
	color: #6b778c;
	cursor: default
}

.assign-to-team-list-item-content {
	padding: 2px 0;
	margin: 8px 0
}

.assign-to-team-create-content {
	padding: 6px 8px;
	margin: 4px 0
}

.grandfathered {
	margin: 16px 6px 8px 12px;
	padding-top: 16px;
	border-top: 1px solid #dfe1e6
}

.label-list-item {
	margin-bottom: 2px
}

.label-list-item-link {
	border-radius: 3px;
	display: block;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	text-decoration: none;
	white-space: nowrap;
	padding: 4px 4px 4px 42px;
	position: relative
}

.label-list-item-link-label {
	left: 4px;
	position: absolute;
	top: 4px
}

.label-list-item-link-icon {
	display: none;
	position: absolute;
	top: 10px;
	right: 10px
}

.label-list-item-link-name.mod-quiet {
	color: #6b778c
}

.label-list-item.is-active.selected .label-list-item-link,
.label-list-item.selected .label-list-item-link {
	background-color: #298fca;
	color: #fff
}

.label-list-item.is-active.selected .label-list-item-link-icon,
.label-list-item.is-active.selected .label-list-item-link-name,
.label-list-item.selected .label-list-item-link-icon,
.label-list-item.selected .label-list-item-link-name {
	color: #fff
}

.label-list-item.is-active .label-list-item-link {
	padding-right: 38px
}

.label-list-item.is-active .label-list-item-link-icon {
	display: block
}

.count-explanation {
	border-bottom: 1px solid #dfe1e6
}

.board-admins,
.count-explanation {
	margin: 8px 6px 8px 12px
}

.admin-list {
	border-top: 1px solid #dfe1e6;
	margin-top: 8px
}

.admin-list-item {
	padding: 8px 0;
	border-bottom: 1px solid #dfe1e6;
	display: flex;
	flex-direction: row
}

.admin-list-item-avatar {
	box-sizing: border-box;
	width: 42px;
	height: 38px;
	padding: 4px 8px 4px 4px;
	border-radius: 2px
}

.admin-list-item-details {
	box-sizing: border-box;
	height: 38px;
	display: flex;
	flex-direction: column
}

.admin-list-item-name {
	line-height: 19px;
	font-weight: 700
}

.admin-list-item-username {
	line-height: 19px;
	color: #6b778c
}

.board-member-add-multiple {
	width: 304px;
	overflow: visible
}

.board-member-add-multiple .pop-over-content {
	overflow: visible
}

.board-member-add-multiple .invite-link-actions {
	margin-top: 18px;
	line-height: 14px
}

.board-member-add-multiple .invite-with-link {
	display: inline-block;
	font-weight: 700;
	line-height: 14px
}

.board-member-add-multiple .invite-with-link-icon {
	margin-right: 8px;
	margin-left: 4px
}

.board-member-add-multiple .action-link {
	color: #0079bf;
	display: inline-block;
	float: right;
	margin-right: 2px;
	line-height: 14px
}

.board-member-add-multiple .action-link.hide {
	display: none
}

.board-member-add-multiple .invite-with-link-description {
	font-size: 12px;
	line-height: 12px;
	margin-bottom: 12px;
	margin-top: 8px
}

.board-member-add-multiple .manage-member-invitation-link {
	display: flex;
	margin-top: 7px
}

.board-member-add-multiple .manage-member-invitation-link input {
	flex-grow: 1;
	margin: 0
}

.board-member-add-multiple .manage-member-invitation-link button {
	height: 32px;
	margin: 0;
	margin-left: 8px
}

.board-member-add-multiple .invitation-message-input {
	resize: none;
	height: 126px;
	margin-top: 12px;
	padding: 8px 12px
}

.board-member-add-multiple .invitation-message-input::-webkit-input-placeholder {
	color: #b3bac5
}

.board-member-add-multiple .invitation-message-input::-ms-input-placeholder {
	color: #b3bac5
}

.board-member-add-multiple .invitation-message-input::placeholder {
	color: #b3bac5
}

.board-observer-dropdown {
	position: relative;
	box-sizing: border-box;
	margin-top: 12px
}

.board-observer-dropdown:hover .board-observer-selected {
	background-color: #ebecf0;
	border: none;
	box-shadow: inset 0 0 0 2px #dfe1e6
}

.board-observer-dropdown:focus {
	outline: none
}

.board-observer-dropdown:focus .board-observer-selected {
	background: #fff;
	border: none;
	box-shadow: inset 0 0 0 2px #0079bf
}

.board-observer-dropdown .board-observer-selected {
	background-color: #fafbfc;
	border: none;
	box-shadow: inset 0 0 0 2px #dfe1e6;
	color: #172b4d;
	height: 40px;
	width: 280px;
	border-radius: 3px;
	box-sizing: border-box;
	cursor: pointer
}

.board-observer-dropdown .board-observer-selected p {
	display: inline;
	margin: 0 12px;
	vertical-align: middle;
	line-height: 40px
}

.board-observer-dropdown .board-observer-selected .icon-sm {
	float: right;
	margin: 8px;
	width: 24px;
	height: 24px;
	text-align: center;
	vertical-align: middle;
	line-height: 24px;
	font-weight: 700
}

.board-observer-dropdown .board-observer-options {
	position: absolute;
	background: #fff;
	border: 1px solid #ebecf0;
	border-radius: 3px;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .33);
	width: 280px;
	padding: 12px 0;
	box-sizing: border-box;
	top: 47px
}

.board-observer-dropdown .board-observer-option {
	cursor: pointer;
	padding: 8px 12px;
	font-size: 12px
}

.board-observer-dropdown .board-observer-option:hover {
	background-color: #298fca;
	color: #fff
}

.board-observer-dropdown .board-observer-option:hover .board-observer-option-description,
.board-observer-dropdown .board-observer-option:hover .board-observer-option-title,
.board-observer-dropdown .board-observer-option:hover .icon-sm {
	color: #fff
}

.board-observer-dropdown .board-observer-option .icon-sm {
	margin-left: 5px
}

.board-observer-dropdown .board-observer-option-title {
	color: #172b4d;
	font-weight: 700;
	font-size: 14px
}

.board-observer-dropdown .board-observer-option-description {
	color: #6b778c;
	font-size: 12px
}

.invite-board-member-autocomplete .multi-select-autocomplete-container .autocomplete-btn {
	height: 40px;
	width: 100%;
	display: block;
	margin: 12px auto
}

.invite-board-member-autocomplete .multi-select-autocomplete-container .autocomplete-input-container {
	min-height: 40px;
	padding: 4px 8px;
	margin-top: 12px
}

.invite-board-member-autocomplete .multi-select-autocomplete-container .autocomplete-input-container.is-empty {
	padding-left: 12px
}

.invite-board-member-autocomplete .multi-select-autocomplete-container .autocomplete-input-container .autocomplete-input {
	font-size: 14px;
	height: 24px;
	margin: 3px 7px 3px 0;
	flex: 1;
	min-width: 20px;
	min-height: 0
}

.invite-board-member-autocomplete .multi-select-autocomplete-container .autocomplete-input-container .autocomplete-input::-webkit-input-placeholder {
	color: #b3bac5
}

.invite-board-member-autocomplete .multi-select-autocomplete-container .autocomplete-input-container .autocomplete-input::-ms-input-placeholder {
	color: #b3bac5
}

.invite-board-member-autocomplete .multi-select-autocomplete-container .autocomplete-input-container .autocomplete-input::placeholder {
	color: #b3bac5
}

.invite-board-member-autocomplete .multi-select-autocomplete-container .autocomplete-input-container .autocomplete-selected {
	max-height: 90px;
	overflow-y: auto
}

.invite-board-member-autocomplete .multi-select-autocomplete-container .autocomplete-input-container .autocomplete-selected .autocomplete-option .member-container {
	padding: 3px
}

.invite-board-member-autocomplete .multi-select-autocomplete-container .autocomplete-input-container .autocomplete-selected .autocomplete-option .member-container .member-info {
	font-size: 14px;
	line-height: 16px;
	min-height: 16px
}

.invite-board-member-autocomplete .multi-select-autocomplete-container .autocomplete-input-container .autocomplete-selected .autocomplete-option .member-container .full-name {
	max-width: 190px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	line-height: 16px
}

.invite-board-member-autocomplete .multi-select-autocomplete-container .autocomplete-input-container .autocomplete-selected .autocomplete-option .member-container .icon-close {
	height: 16px;
	line-height: 16px
}

.invite-board-member-autocomplete .multi-select-autocomplete-container .autocomplete-input-container .autocomplete-search-results {
	width: 280px;
	top: 111%;
	left: -1px
}

.invite-board-member-autocomplete .multi-select-autocomplete-container .autocomplete-input-container .autocomplete-search-results .full-name {
	max-width: 180px;
	text-overflow: ellipsis;
	overflow: hidden
}

.invite-board-member-autocomplete .multi-select-autocomplete-container .autocomplete-input-container .autocomplete-search-results .autocomplete-option:hover {
	background-color: #298fca
}

.invite-board-member-autocomplete .multi-select-autocomplete-container .autocomplete-input-container .autocomplete-search-results .autocomplete-option:hover .full-name,
.invite-board-member-autocomplete .multi-select-autocomplete-container .autocomplete-input-container .autocomplete-search-results .autocomplete-option:hover .quiet {
	color: #fff
}

.invite-board-member-autocomplete .multi-select-autocomplete-container .autocomplete-input-container .autocomplete-search-results .autocomplete-option.disabled:hover .quiet {
	color: #172b4d
}

.invite-board-member-autocomplete .multi-select-autocomplete-container .autocomplete-input-container .autocomplete-search-results .autocomplete-search-scroll {
	max-height: 175px;
	overflow-y: auto;
	padding: 8px
}

.invite-board-member-autocomplete .multi-select-autocomplete-container .autocomplete-input-container .autocomplete-search-results.has-extra-option {
	max-height: 194px
}

.invite-board-member-autocomplete .multi-select-autocomplete-container .autocomplete-input-container .autocomplete-search-results.has-extra-option .autocomplete-search-scroll {
	max-height: 142px;
	margin-bottom: 50px
}

.invite-board-member-autocomplete .multi-select-autocomplete-container .autocomplete-input-container .autocomplete-search-results .member-container {
	padding: 4px 8px
}

.invite-board-member-autocomplete .multi-select-autocomplete-container .autocomplete-input-container .autocomplete-search-results .member,
.invite-board-member-autocomplete .multi-select-autocomplete-container .autocomplete-input-container .autocomplete-search-results .team-logo {
	margin-right: 16px
}

.invite-board-member-autocomplete .multi-select-autocomplete-container .autocomplete-input-container .autocomplete-search-results .full-name,
.invite-board-member-autocomplete .multi-select-autocomplete-container .autocomplete-input-container .autocomplete-search-results p {
	font-weight: 700;
	margin: 0;
	line-height: 16px;
	font-size: 14px;
	color: #172b4d
}

.invite-board-member-autocomplete .multi-select-autocomplete-container .autocomplete-input-container .autocomplete-search-results .quiet {
	font-weight: 400;
	font-size: 12px;
	line-height: 16px;
	margin: 0;
	color: #172b4d
}

.invite-board-member-autocomplete .multi-select-autocomplete-container .invite-team {
	position: absolute;
	bottom: 0;
	vertical-align: middle;
	flex-flow: row;
	display: flex;
	padding: 8px 16px;
	width: 100%;
	cursor: pointer;
	align-items: center;
	background-color: #f4f5f7;
	box-sizing: border-box
}

.invite-board-member-autocomplete .multi-select-autocomplete-container .invite-team:hover {
	background-color: #ebecf0
}

.invite-board-member-autocomplete .multi-select-autocomplete-container .team-logo {
	border-radius: 3px;
	width: 32px;
	height: 32px;
	margin-right: 8px;
	background: #dfe1e6
}

.invite-board-member-autocomplete .multi-select-autocomplete-container .invite-team-text {
	display: inline-block
}

.invite-board-member-autocomplete .multi-select-autocomplete-container .invite-team-text .team-name span {
	width: 190px;
	text-overflow: ellipsis;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap
}

.autocomplete-search-scroll {
	-webkit-overflow-scrolling: touch;
	-webkit-transform: translateZ(0)
}

.autocomplete-search-scroll::-webkit-scrollbar {
	height: 8px;
	width: 8px
}

.autocomplete-search-scroll::-webkit-scrollbar-button:end:increment,
.autocomplete-search-scroll::-webkit-scrollbar-button:start:decrement {
	background: transparent;
	display: none
}

.autocomplete-search-scroll::-webkit-scrollbar-track-piece {
	background: rgba(9, 30, 66, .08)
}

.autocomplete-search-scroll::-webkit-scrollbar-track-piece:vertical:start {
	border-radius: 4px 4px 0 0
}

.autocomplete-search-scroll::-webkit-scrollbar-track-piece:vertical:end {
	border-radius: 0 0 4px 4px
}

.autocomplete-search-scroll::-webkit-scrollbar-track-piece:horizontal:start {
	border-radius: 4px 0 0 4px
}

.autocomplete-search-scroll::-webkit-scrollbar-track-piece:horizontal:end {
	border-radius: 0 4px 4px 0
}

.autocomplete-search-scroll::-webkit-scrollbar-thumb:horizontal,
.autocomplete-search-scroll::-webkit-scrollbar-thumb:vertical {
	background: rgba(9, 30, 66, .13);
	border-radius: 4px;
	display: block;
	height: 48px
}

.move-board-to-org {
	margin-bottom: 8px;
	background-color: #44558a;
	padding: 12px;
	color: #fff;
	border-radius: 3px;
	font-size: 13px;
	line-height: 17px
}

.move-board-to-org a,
.move-board-to-org a:hover {
	color: #fff
}

.about-this-board-section {
	margin-right: 8px
}

.about-this-board-section hr {
	float: right;
	margin: 0 0 28px
}

.about-this-board-multi-admin {
	margin: 0 0 14px 10px;
	height: 32px;
	cursor: default
}

.about-this-board-multi-admin .member {
	margin: 0 0 0 -2px;
	z-index: 1
}

.about-this-board-multi-admin .long-initials .member-initials {
	font-size: 8px
}

.about-this-board-multi-admin .pile,
.about-this-board-multi-admin .pile-lg {
	margin-left: -2px;
	height: 32px;
	width: 32px;
	line-height: 32px;
	vertical-align: middle
}

.about-this-board-multi-admin .pile-lg {
	font-size: 10px
}

.admin-count {
	border-radius: 3px;
	color: #fff;
	cursor: default;
	float: left;
	font-size: 14px;
	height: 32px;
	line-height: 32px;
	margin: 0 4px 0 0;
	overflow: hidden;
	padding-left: 32px;
	position: relative;
	text-decoration: none;
	background: rgba(0, 0, 0, .3)
}

.admin-count:empty {
	display: none
}

.about-this-board-pile-button {
	border-radius: 50%;
	border: 0;
	padding: 0;
	text-align: center;
	font-weight: 700;
	font-size: 11px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(0, 0, 0, .2);
	width: 28px;
	height: 28px
}

.about-this-board-pile-button:hover {
	color: #fff;
	background-color: rgba(0, 0, 0, .1)
}

.about-this-board-admin-list-popover {
	max-height: 304px
}

.about-this-board-section .mini-profile {
	margin-left: 4px
}

.about-this-board-desc {
	margin-top: 12px
}

.about-this-board-desc .about-this-board-description-content {
	box-sizing: border-box;
	width: 100%;
	overflow: hidden
}

.about-this-board-desc .about-this-board-description-content img {
	max-width: 100%
}

.about-this-board-desc.visitor-single-admin {
	margin-top: 4px
}

.about-this-board-desc .window-module {
	margin-top: 0
}

.about-this-board-desc .u-gutter {
	margin-left: 8px
}

.about-this-board-desc .description-content.is-hide-full {
	max-height: 340px
}

.about-this-board-desc .description-content-fade-button {
	padding-top: 310px;
	height: 342px;
	background: linear-gradient(180deg, rgba(244, 245, 247, 0), rgba(244, 245, 247, 0) 280px, #f4f5f7 310px)
}

.about-this-board-desc .description-content-fade-button:hover {
	background: linear-gradient(180deg, rgba(244, 245, 247, 0), rgba(244, 245, 247, 0) 305px, #f4f5f7 320px)
}

.about-this-board-desc .description-content-fade-button-text {
	background: #f4f5f7
}

.about-this-board-desc .description-edit {
	margin-bottom: 13px
}

.about-this-board-desc .description-edit.long {
	margin-bottom: 52px
}

.about-this-board-desc .description-edit .helper.long {
	bottom: -32px;
	right: auto
}

.about-this-board-actions-section {
	margin: 0 0 16px 8px
}

.about-this-board-actions-section h2.small-caps {
	color: #6b778c;
	line-height: 16px;
	font-size: 12px;
	text-transform: uppercase;
	margin: 24px 0 16px
}

.about-this-board-actions-section .pop-over-list li {
	color: #6b778c;
	font-weight: 700;
	padding: 6px 12px 6px 0;
	margin-left: 2px
}

.about-this-board-actions-section .quiet-button {
	margin: 16px 0 0 8px;
	text-decoration: underline
}

.about-this-board-actions-section .icon-sm {
	padding-right: 4px
}

.window-module-title.description-title {
	display: flex;
	align-items: center;
	min-height: 32px
}

.window-module-title.description-title .window-module-title-icon {
	top: 8px
}

.window-module-title.description-title .button.subtle {
	margin: 0 0 0 8px
}

.description-content {
	position: relative
}

.description-content-fade-button {
	background: linear-gradient(180deg, rgba(244, 245, 247, 0), rgba(244, 245, 247, 0) 370px, #f4f5f7 400px);
	box-sizing: border-box;
	cursor: pointer;
	display: none;
	height: 432px;
	left: 0;
	padding-top: 400px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	transition: background .15s ease-in;
	z-index: 1
}

.description-content-fade-button:hover {
	background: linear-gradient(180deg, rgba(244, 245, 247, 0), rgba(244, 245, 247, 0) 385px, #f4f5f7 415px)
}

.description-content-fade-button:hover .description-content-fade-button-text {
	color: #172b4d
}

.description-content-fade-button-text {
	background: #f4f5f7;
	box-sizing: border-box;
	border-radius: 2px;
	color: #6b778c;
	display: inline-block;
	max-width: 100%;
	overflow: hidden;
	padding: 8px;
	text-decoration: underline;
	text-overflow: ellipsis;
	white-space: nowrap
}

.description-content.is-hide-full {
	max-height: 430px;
	overflow: hidden
}

.description-content.is-hide-full .description-content-fade-button {
	display: block
}

.description-fake-text-area {
	background-color: rgba(9, 30, 66, .08);
	border-radius: 3px;
	display: block;
	min-height: 40px;
	padding: 8px 12px;
	text-decoration: none
}

.description-fake-text-area:hover {
	background-color: rgba(9, 30, 66, .13)
}

.description-fake-text-area:active {
	background-color: rgba(9, 30, 66, .25)
}

.description-fake-text-area.hide {
	display: none
}

.description-fake-text-area.large {
	min-height: 72px
}

.editable .description-content .description-edit .description {
	min-height: 108px;
	background: #fff;
	box-shadow: none
}

.editable .description-content .description-edit .description:focus {
	background: #fff;
	border: none;
	box-shadow: inset 0 0 0 2px #0079bf
}

.editable .description-content .description-edit .description:active {
	background: #fff
}

.description-edit .helper {
	position: absolute;
	bottom: 10px;
	margin: 0;
	right: -2px
}

.description-content h2 {
	font-size: 20px;
	line-height: 24px;
	margin: 16px 0 8px
}

.card-label {
	background-color: #b3bac5;
	border-radius: 4px;
	color: #fff;
	display: block;
	margin-right: 4px;
	max-width: 100%;
	overflow: hidden;
	padding: 4px 6px;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.card-label.mod-selectable.selected {
	box-shadow: -8px 0 #97a0af
}

.card-label-green {
	background-color: #61bd4f
}

.card-label-green.mod-selectable.selected {
	box-shadow: -8px 0 #519839
}

.card-labels-hover .card-label-green.mod-card-front {
	background-color: #519839
}

.card-label-yellow {
	background-color: #f2d600
}

.card-label-yellow.mod-selectable.selected {
	box-shadow: -8px 0 #d9b51c
}

.card-labels-hover .card-label-yellow.mod-card-front {
	background-color: #d9b51c
}

.card-label-orange {
	background-color: #ff9f1a
}

.card-label-orange.mod-selectable.selected {
	box-shadow: -8px 0 #cd8313
}

.card-labels-hover .card-label-orange.mod-card-front {
	background-color: #cd8313
}

.card-label-red {
	background-color: #eb5a46
}

.card-label-red.mod-selectable.selected {
	box-shadow: -8px 0 #b04632
}

.card-labels-hover .card-label-red.mod-card-front {
	background-color: #b04632
}

.card-label-purple {
	background-color: #c377e0
}

.card-label-purple.mod-selectable.selected {
	box-shadow: -8px 0 #89609e
}

.card-labels-hover .card-label-purple.mod-card-front {
	background-color: #89609e
}

.card-label-blue {
	background-color: #0079bf
}

.card-label-blue.mod-selectable.selected {
	box-shadow: -8px 0 #055a8c
}

.card-labels-hover .card-label-blue.mod-card-front {
	background-color: #055a8c
}

.card-label-pink {
	background-color: #ff78cb
}

.card-label-pink.mod-selectable.selected {
	box-shadow: -8px 0 #c9558f
}

.card-labels-hover .card-label-pink.mod-card-front {
	background-color: #c9558f
}

.card-label-sky {
	background-color: #00c2e0
}

.card-label-sky.mod-selectable.selected {
	box-shadow: -8px 0 #0098b7
}

.card-labels-hover .card-label-sky.mod-card-front {
	background-color: #0098b7
}

.card-label-lime {
	background-color: #51e898
}

.card-label-lime.mod-selectable.selected {
	box-shadow: -8px 0 #4bbf6b
}

.card-labels-hover .card-label-lime.mod-card-front {
	background-color: #4bbf6b
}

.card-label-black {
	background-color: #344563
}

.card-label-black.mod-selectable.selected {
	box-shadow: -8px 0 #091e42
}

.card-labels-hover .card-label-black.mod-card-front {
	background-color: #091e42
}

.body-color-blind-mode-enabled .card-label {
	padding-left: 22px
}

.body-color-blind-mode-enabled .card-label:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 16px
}

.body-color-blind-mode-enabled .card-label-lime:before,
.body-color-blind-mode-enabled .card-label-purple:before {
	background-image: linear-gradient(to bottom right, hsla(0, 0%, 100%, .5) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .5) 0, hsla(0, 0%, 100%, .5) 75%, transparent 0, transparent);
	background-size: 16px 16px
}

.body-color-blind-mode-enabled .card-label-black:before,
.body-color-blind-mode-enabled .card-label-mocha:before,
.body-color-blind-mode-enabled .card-label-orange:before {
	background-image: linear-gradient(90deg, hsla(0, 0%, 100%, .5) 50%, transparent 0, transparent);
	background-size: 8px 8px
}

.body-color-blind-mode-enabled .card-label-green:before,
.body-color-blind-mode-enabled .card-label-pink:before {
	background-image: linear-gradient(to bottom left, hsla(0, 0%, 100%, .5) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .5) 0, hsla(0, 0%, 100%, .5) 75%, transparent 0, transparent);
	background-size: 16px 16px
}

.body-color-blind-mode-enabled .card-label-red:before,
.body-color-blind-mode-enabled .card-label-yellow:before {
	background-image: linear-gradient(135deg, hsla(0, 0%, 100%, .5) 25%, transparent 0), linear-gradient(225deg, hsla(0, 0%, 100%, .5) 25%, transparent 0), linear-gradient(315deg, hsla(0, 0%, 100%, .5) 25%, transparent 0), linear-gradient(45deg, hsla(0, 0%, 100%, .5) 25%, transparent 0);
	background-size: 12px 12px
}

.card-label.mod-edit-label {
	float: left;
	height: 40px;
	margin: 0 8px 8px 0;
	padding: 0;
	width: 48px
}

.body-color-blind-mode-enabled .card-label.mod-edit-label {
	padding-left: 6px
}

.body-color-blind-mode-enabled .card-label.mod-edit-label .card-label-color-select-icon {
	left: 22px
}

.card-label.mod-clickable {
	cursor: pointer
}

.card-label.mod-clickable:hover {
	opacity: .8
}

.card-label.mod-clickable:active {
	opacity: .7
}

.card-label.mod-card-detail {
	border-radius: 3px;
	box-sizing: border-box;
	display: block;
	float: left;
	font-size: 12px;
	font-weight: 600;
	height: 32px;
	line-height: 32px;
	margin: 0 4px 4px 0;
	min-width: 40px;
	padding: 0 12px;
	width: auto
}

.body-color-blind-mode-enabled .card-label.mod-card-detail {
	padding-left: 24px
}

.card-label.mod-card-front {
	float: left;
	font-size: 12px;
	font-weight: 700;
	height: 8px;
	line-height: 100px;
	margin: 0 4px 4px 0;
	max-width: 40px;
	min-width: 40px;
	padding: 0;
	text-shadow: none;
	width: auto
}

.body-color-blind-mode-enabled .card-label.mod-card-front {
	text-align: left
}

.body-color-blind-mode-enabled .card-label.mod-card-front:before {
	width: 100%
}

@-webkit-keyframes label_text_appear {
	0% {
		width: 40px;
		height: 8px;
		color: transparent
	}
	25% {
		width: -webkit-fit-content;
		width: fit-content;
		height: 8px;
		padding-right: 10px
	}
	45% {
		height: 8px;
		padding-right: 9px
	}
	53% {
		height: 8px;
		padding-right: 8px
	}
	75% {
		height: 16px;
		color: transparent
	}
	to {
		color: #fff
	}
}

@keyframes label_text_appear {
	0% {
		width: 40px;
		height: 8px;
		color: transparent
	}
	25% {
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
		height: 8px;
		padding-right: 10px
	}
	45% {
		height: 8px;
		padding-right: 9px
	}
	53% {
		height: 8px;
		padding-right: 8px
	}
	75% {
		height: 16px;
		color: transparent
	}
	to {
		color: #fff
	}
}

@-webkit-keyframes label_text_appear_color_blind_before {
	0% {
		width: 100%
	}
	53% {
		width: 100%
	}
	70% {
		width: 16px
	}
}

@keyframes label_text_appear_color_blind_before {
	0% {
		width: 100%
	}
	53% {
		width: 100%
	}
	70% {
		width: 16px
	}
}

@-webkit-keyframes label_text_disappear {
	0% {
		color: #fff;
		height: 16px;
		line-height: 16px;
		padding: 0 8px;
		width: -webkit-fit-content;
		width: fit-content
	}
	33% {
		color: transparent;
		height: 16px;
		line-height: 16px;
		width: -webkit-fit-content;
		width: fit-content
	}
	66% {
		height: 8px;
		width: -webkit-fit-content;
		width: fit-content;
		line-height: 100px;
		color: transparent;
		padding: 0 8px
	}
	to {
		color: transparent;
		width: 40px;
		padding: 0
	}
}

@keyframes label_text_disappear {
	0% {
		color: #fff;
		height: 16px;
		line-height: 16px;
		padding: 0 8px;
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content
	}
	33% {
		color: transparent;
		height: 16px;
		line-height: 16px;
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content
	}
	66% {
		height: 8px;
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
		line-height: 100px;
		color: transparent;
		padding: 0 8px
	}
	to {
		color: transparent;
		width: 40px;
		padding: 0
	}
}

@-webkit-keyframes label_text_disappear_color_blind {
	0% {
		color: #fff;
		height: 16px;
		line-height: 16px;
		padding: 0 8px 0 22px;
		width: -webkit-fit-content;
		width: fit-content
	}
	33% {
		color: transparent;
		height: 16px;
		line-height: 16px;
		width: -webkit-fit-content;
		width: fit-content
	}
	66% {
		height: 8px;
		width: -webkit-fit-content;
		width: fit-content;
		line-height: 100px;
		color: transparent;
		padding: 0 8px 0 22px
	}
	to {
		color: transparent;
		width: 40px;
		padding: 0
	}
}

@keyframes label_text_disappear_color_blind {
	0% {
		color: #fff;
		height: 16px;
		line-height: 16px;
		padding: 0 8px 0 22px;
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content
	}
	33% {
		color: transparent;
		height: 16px;
		line-height: 16px;
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content
	}
	66% {
		height: 8px;
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
		line-height: 100px;
		color: transparent;
		padding: 0 8px 0 22px
	}
	to {
		color: transparent;
		width: 40px;
		padding: 0
	}
}

@-webkit-keyframes label_text_disappear_color_blind_before {
	0% {
		width: 16px
	}
	17% {
		width: 16px
	}
	33% {
		width: 100%
	}
	to {
		width: 100%
	}
}

@keyframes label_text_disappear_color_blind_before {
	0% {
		width: 16px
	}
	17% {
		width: 16px
	}
	33% {
		width: 100%
	}
	to {
		width: 100%
	}
}

.body-card-label-text-on .card-label.mod-card-front,
.body-card-label-text .card-label.mod-card-front {
	height: 16px;
	line-height: 16px;
	padding: 0 8px;
	max-width: 198px
}

.body-card-label-text-on .ui-sortable-helper .card-label.mod-card-front,
.body-card-label-text .ui-sortable-helper .card-label.mod-card-front {
	height: 8px;
	line-height: 100px;
	padding: 0;
	max-width: 40px
}

.body-card-label-text-on.body-color-blind-mode-enabled .card-label.mod-card-front,
.body-card-label-text.body-color-blind-mode-enabled .card-label.mod-card-front {
	padding-left: 22px
}

.body-card-label-text-on.body-color-blind-mode-enabled .card-label.mod-card-front:before,
.body-card-label-text.body-color-blind-mode-enabled .card-label.mod-card-front:before {
	width: 16px
}

.body-card-label-text-on .card-label.mod-card-front {
	-webkit-animation: .5s ease-out label_text_appear;
	animation: .5s ease-out label_text_appear
}

.body-color-blind-mode-enabled.body-card-label-text-on .card-label.mod-card-front:before {
	-webkit-animation: .5s ease-out label_text_appear_color_blind_before;
	animation: .5s ease-out label_text_appear_color_blind_before
}

.body-card-label-text-off .card-label.mod-card-front {
	-webkit-animation: .66s ease-in label_text_disappear forwards;
	animation: .66s ease-in label_text_disappear forwards;
	height: 8px;
	max-width: 198px
}

.body-color-blind-mode-enabled.body-card-label-text-off .card-label.mod-card-front {
	-webkit-animation-name: label_text_disappear_color_blind;
	animation-name: label_text_disappear_color_blind
}

.body-color-blind-mode-enabled.body-card-label-text-off .card-label.mod-card-front:before {
	-webkit-animation: .66s ease-out label_text_disappear_color_blind_before forwards;
	animation: .66s ease-out label_text_disappear_color_blind_before forwards
}

.card-label.mod-square {
	height: 30px;
	width: 30px;
	padding: 0;
	margin: 0
}

.body-color-blind-mode-enabled .card-label.mod-square:before {
	width: 100%
}

.card-label.mod-selectable {
	border-radius: 3px;
	cursor: pointer;
	font-size: 12px;
	font-weight: 700;
	margin: 0 0 4px;
	min-height: 20px;
	padding: 8px;
	position: relative;
	transition: padding 85ms, margin 85ms, box-shadow 85ms
}

.card-label.mod-selectable .card-label-selectable-icon {
	position: absolute;
	top: 8px;
	right: -20px
}

.body-color-blind-mode-enabled .card-label.mod-selectable {
	padding-left: 24px
}

.card-label.mod-selectable.active {
	padding-right: 32px
}

.card-label.mod-selectable.active .card-label-selectable-icon {
	right: 6px
}

.card-label.mod-selectable.selected {
	margin-left: 4px
}

.edit-labels-pop-over {
	margin-bottom: 8px
}

.edit-labels-pop-over li {
	padding-right: 40px;
	position: relative
}

.edit-labels-pop-over .shortcut {
	display: inline-block
}

.card-label-edit-button {
	border-radius: 3px;
	padding: 8px;
	position: absolute;
	top: 0;
	right: 0
}

.card-label-edit-button:hover {
	background-color: rgba(9, 30, 66, .13)
}

.card-label-edit-button:active {
	background-color: rgba(9, 30, 66, .25)
}

.card-label-color-select-icon {
	left: 14px;
	position: absolute;
	top: 10px
}

.edit-labels-no-color-section {
	display: flex
}

.edit-labels-no-color-section-color {
	flex: 0 0
}

.edit-labels-no-color-section-text {
	flex: 1 0
}

.list-card-stickers-area {
	border-radius: 3px;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: 5
}

.list-card-stickers-area .stickers {
	height: 155px;
	position: relative;
	width: 100%
}

.card.sticker-mode-active {
	overflow: visible;
	z-index: 30
}

.card.sticker-mode-active p {
	background: hsla(0, 0%, 100%, 0);
	z-index: 0
}

.sticker {
	display: block;
	height: 64px;
	left: 0;
	position: absolute;
	top: 0;
	width: 64px;
	z-index: 0;
	transition: opacity 85ms ease-in, -webkit-transform 85ms ease-in;
	transition: transform 85ms ease-in, opacity 85ms ease-in;
	transition: transform 85ms ease-in, opacity 85ms ease-in, -webkit-transform 85ms ease-in;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.sticker-image {
	height: 64px;
	width: 64px;
	color: transparent
}

.sticker-image:-moz-loading {
	visibility: hidden
}

.sticker-image.hover {
	border-radius: 12px;
	background-color: rgba(0, 0, 0, .12)
}

.sticker.fade-out {
	opacity: 0
}

.sticker-controls {
	height: 64px;
	left: 0;
	position: absolute;
	opacity: 0;
	top: 0;
	width: 0;
	transition: opacity 85ms ease-in
}

.sticker-control-btn {
	background: rgba(0, 0, 0, .5);
	border-radius: 3px;
	color: #fff;
	height: 18px;
	padding: 6px 10px;
	position: absolute;
	left: 0;
	top: 0;
	white-space: nowrap;
	transition: left .13s ease-in, top .13s ease-in;
	cursor: pointer
}

.sticker-control-btn:hover {
	background: rgba(0, 0, 0, .8)
}

.sticker.editing {
	z-index: 2
}

.sticker.hover {
	z-index: 1
}

.sticker.editing .sticker-image,
.sticker.hover .sticker-image {
	border-radius: 12px;
	padding: 12px;
	position: relative;
	left: -12px;
	top: -12px;
	background-color: rgba(0, 0, 0, .12)
}

.sticker.editing .sticker-controls {
	opacity: 1;
	width: 100px
}

.sticker.editing-disabled {
	opacity: .5
}

.sticker.editing .sticker-controls .sticker-control-btn.rotate-btn {
	left: 0;
	top: -32px;
	transition-duration: 80ms;
	cursor: move
}

.sticker.editing .sticker-controls .sticker-control-btn.move-btn {
	left: -50px;
	top: -8px;
	transition-duration: 115ms;
	cursor: move
}

.sticker.editing .sticker-controls .sticker-control-btn.remove-btn {
	left: -64px;
	top: 26px;
	transition-duration: .15s
}

.quick-card-editor.quick-card-editor-editing-stickers .list-card-details {
	z-index: 0
}

.quick-card-editor.invalid,
.quick-card-editor.invalid .sticker,
.quick-card-editor.invalid .sticker-controls .sticker-control-btn,
.quick-card-editor.invalid .sticker-select {
	cursor: not-allowed
}

.quick-card-editor.dragging,
.quick-card-editor.dragging .sticker,
.quick-card-editor.dragging .sticker-controls .sticker-control-btn,
.quick-card-editor.dragging .sticker-select {
	cursor: move
}

.sticker-unselectable .sticker-image {
	opacity: .5
}

.sticker-list {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding-bottom: 12px
}

.sticker-list-loading .sticker-select {
	background-color: #ebecf0;
	border-radius: 40px
}

.sticker-list-loading .sticker-select-image {
	visibility: hidden
}

.sticker-select {
	cursor: pointer;
	cursor: -webkit-grab;
	cursor: grab;
	flex: 0 0 64px;
	height: 64px;
	margin: 6px;
	position: relative;
	text-align: center
}

.sticker-select.disabled {
	opacity: .9
}

.sticker-select-image {
	height: 64px;
	width: 64px
}

.sticker-select-pending {
	max-width: 64px;
	max-height: 64px;
	width: auto;
	height: auto
}

.sticker-select-peel,
.sticker-select-shadow {
	display: none
}

.sticker-select.ui-draggable-dragging {
	height: 64px;
	width: 64px;
	cursor: -webkit-grabbing;
	cursor: grabbing
}

.sticker-select.ui-draggable-dragging .sticker-select-image {
	height: 64px;
	width: 64px
}

.sticker-select-option {
	background: rgba(0, 0, 0, .6);
	border-radius: 3px;
	color: #e6e6e6;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 12px;
	z-index: 2;
	padding: 4px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	text-decoration: none;
	text-align: left
}

.sticker-select-option-icon {
	color: #e6e6e6;
	vertical-align: bottom
}

.sticker-select-option-delete-button {
	display: none
}

.sticker-select-option-delete-button:hover {
	background: rgba(0, 0, 0, .85);
	color: #fff;
	cursor: pointer
}

.sticker-select-option-delete-button:hover .sticker-select-option-icon {
	color: #fff
}

.sticker-select:hover:not(.ui-draggable-dragging) .sticker-select-option-delete-button {
	display: block
}

.sticker-select-upload {
	background-color: #dfe1e6;
	border-radius: 32px;
	height: 64px;
	position: relative;
	opacity: .7;
	overflow: hidden;
	z-index: 0;
	width: 64px
}

.sticker-select-upload:hover {
	opacity: 1
}

.sticker-select-upload:hover .sticker-select-upload-icon {
	color: #172b4d
}

.sticker-select-upload-icon {
	height: 100%;
	line-height: 64px;
	width: 100%
}

.sticker-select-upload-input {
	bottom: 0;
	cursor: pointer;
	height: 100%;
	left: 0;
	margin: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 1
}

.chrome .sticker-select-fixed,
.chrome .sticker-select-peel,
.firefox .sticker-select-fixed,
.firefox .sticker-select-peel,
.safari .sticker-select-fixed,
.safari .sticker-select-peel {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	display: block;
	position: absolute;
	left: 0;
	top: 0
}

.chrome .sticker-select-fixed,
.firefox .sticker-select-fixed,
.safari .sticker-select-fixed {
	clip: rect(0 32px 64px 0)
}

.chrome .sticker-select-peel,
.firefox .sticker-select-peel,
.safari .sticker-select-peel {
	clip: rect(0 64px 64px 32px);
	-webkit-transform: perspective(300px);
	transform: perspective(300px);
	transition: -webkit-transform .2s ease;
	transition: transform .2s ease;
	transition: transform .2s ease, -webkit-transform .2s ease;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.chrome .sticker-select:hover .sticker-select-peel,
.firefox .sticker-select:hover .sticker-select-peel,
.safari .sticker-select:hover .sticker-select-peel {
	-webkit-transform: perspective(300px) rotateY(-50deg);
	transform: perspective(300px) rotateY(-50deg)
}

.chrome .sticker-select-option,
.firefox .sticker-select-option,
.safari .sticker-select-option {
	-webkit-transform: translateZ(500px);
	transform: translateZ(500px)
}

.chrome .sticker-select.ui-draggable-dragging .sticker-select-peel,
.firefox .sticker-select.ui-draggable-dragging .sticker-select-peel,
.safari .sticker-select.ui-draggable-dragging .sticker-select-peel {
	display: none
}

.chrome .sticker-select.ui-draggable-dragging .sticker-select-fixed,
.firefox .sticker-select.ui-draggable-dragging .sticker-select-fixed,
.safari .sticker-select.ui-draggable-dragging .sticker-select-fixed {
	clip: auto
}

.chrome .sticker-select-shadow,
.safari .sticker-select-shadow {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	clip: rect(0 64px 64px 32px);
	display: block;
	-webkit-filter: brightness(0);
	filter: brightness(0);
	position: absolute;
	left: 0;
	opacity: .1;
	top: 0;
	-webkit-transform: scaleX(1) skewY(0deg);
	transform: scaleX(1) skewY(0deg);
	transition: -webkit-transform .25s ease;
	transition: transform .25s ease;
	transition: transform .25s ease, -webkit-transform .25s ease
}

.chrome .sticker-select:hover .sticker-select-shadow,
.safari .sticker-select:hover .sticker-select-shadow {
	-webkit-transform: scaleX(.95) skewY(8deg);
	transform: scaleX(.95) skewY(8deg)
}

.chrome .sticker-select.ui-draggable-dragging .sticker-select-shadow,
.safari .sticker-select.ui-draggable-dragging .sticker-select-shadow {
	display: none
}

.sticker-removing {
	position: relative
}

.sticker-remove-image,
.sticker-removing-highlight {
	height: 64px;
	width: 64px;
	color: transparent
}

.sticker-remove-image:-moz-loading,
.sticker-removing-highlight:-moz-loading {
	visibility: hidden
}

.sticker-removing-fixed,
.sticker-removing-highlight,
.sticker-removing-peel,
.sticker-removing-residue,
.sticker-removing-shadow {
	position: absolute;
	left: 0;
	top: 0
}

.sticker-removing-highlight,
.sticker-removing-peel,
.sticker-removing-residue,
.sticker-removing-shadow {
	display: none
}

.sticker.hover .sticker-removing .sticker-removing-highlight {
	display: block;
	left: -4px;
	top: -4px;
	width: 72px;
	height: 72px;
	border-radius: 10px;
	background-color: rgba(0, 0, 0, .12)
}

.chrome .sticker-removing .sticker-removing-fixed,
.chrome .sticker-removing .sticker-removing-peel,
.chrome .sticker-removing .sticker-removing-residue,
.chrome .sticker-removing .sticker-removing-shadow,
.firefox .sticker-removing .sticker-removing-fixed,
.firefox .sticker-removing .sticker-removing-peel,
.firefox .sticker-removing .sticker-removing-residue,
.firefox .sticker-removing .sticker-removing-shadow,
.safari .sticker-removing .sticker-removing-fixed,
.safari .sticker-removing .sticker-removing-peel,
.safari .sticker-removing .sticker-removing-residue,
.safari .sticker-removing .sticker-removing-shadow {
	-webkit-transform: rotate(var(--sticker-rotation, 0deg));
	transform: rotate(var(--sticker-rotation, 0deg))
}

.chrome .sticker-removing .sticker-removing-residue,
.firefox .sticker-removing .sticker-removing-residue,
.safari .sticker-removing .sticker-removing-residue {
	display: block;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: cover;
	mask-size: cover;
	opacity: .9
}

.chrome .sticker-removing .sticker-removing-shadow,
.firefox .sticker-removing .sticker-removing-shadow,
.safari .sticker-removing .sticker-removing-shadow {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	clip: rect(0 64px 64px 64px);
	display: block;
	-webkit-filter: brightness(0);
	filter: brightness(0);
	opacity: 0;
	-webkit-transform: rotate(var(--sticker-rotation, 0deg)) scaleX(1) skewY(0deg);
	transform: rotate(var(--sticker-rotation, 0deg)) scaleX(1) skewY(0deg);
	transition: opacity .3s ease-in, clip .3s ease-in, -webkit-transform .3s ease;
	transition: transform .3s ease, opacity .3s ease-in, clip .3s ease-in;
	transition: transform .3s ease, opacity .3s ease-in, clip .3s ease-in, -webkit-transform .3s ease
}

.chrome .sticker-removing .sticker-removing-fixed,
.firefox .sticker-removing .sticker-removing-fixed,
.safari .sticker-removing .sticker-removing-fixed {
	clip: rect(0 64px 64px 0);
	transition: clip .3s ease-in
}

.chrome .sticker-removing .sticker-removing-peel,
.firefox .sticker-removing .sticker-removing-peel,
.safari .sticker-removing .sticker-removing-peel {
	display: block;
	clip: rect(0 64px 64px 64px);
	-webkit-transform: rotate(var(--sticker-rotation, 0deg)) translateX(0) perspective(300px) rotateY(0deg) translateX(0);
	transform: rotate(var(--sticker-rotation, 0deg)) translateX(0) perspective(300px) rotateY(0deg) translateX(0);
	transition: clip .3s ease-in, -webkit-transform .3s ease-in, -webkit-filter .1s ease-in;
	transition: transform .3s ease-in, filter .1s ease-in, clip .3s ease-in;
	transition: transform .3s ease-in, filter .1s ease-in, clip .3s ease-in, -webkit-transform .3s ease-in, -webkit-filter .1s ease-in;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-filter: brightness(1);
	filter: brightness(1)
}

.chrome .sticker.peeling .sticker-removing .sticker-removing-fixed,
.firefox .sticker.peeling .sticker-removing .sticker-removing-fixed,
.safari .sticker.peeling .sticker-removing .sticker-removing-fixed {
	clip: rect(0 16px 64px 0)
}

.chrome .sticker.peeling .sticker-removing .sticker-removing-shadow,
.firefox .sticker.peeling .sticker-removing .sticker-removing-shadow,
.safari .sticker.peeling .sticker-removing .sticker-removing-shadow {
	clip: rect(0 64px 64px 16px);
	opacity: .2;
	-webkit-transform: rotate(var(--sticker-rotation, 0deg)) scaleX(.4) skewY(8deg);
	transform: rotate(var(--sticker-rotation, 0deg)) scaleX(.4) skewY(8deg)
}

.chrome .sticker.peeling .sticker-removing .sticker-removing-peel,
.firefox .sticker.peeling .sticker-removing .sticker-removing-peel,
.safari .sticker.peeling .sticker-removing .sticker-removing-peel {
	clip: rect(0 64px 64px 16px);
	-webkit-transform: rotate(var(--sticker-rotation, 0deg)) translateX(-16px) perspective(300px) rotateY(-70deg) translateX(16px);
	transform: rotate(var(--sticker-rotation, 0deg)) translateX(-16px) perspective(300px) rotateY(-70deg) translateX(16px);
	-webkit-filter: brightness(1.2);
	filter: brightness(1.2)
}

.list-card {
	background-color: #fff;
	border-radius: 3px;
	box-shadow: 0 1px 0 rgba(9, 30, 66, .25);
	cursor: pointer;
	display: block;
	margin-bottom: 8px;
	max-width: 300px;
	min-height: 20px;
	position: relative;
	text-decoration: none;
	z-index: 0
}

.list-card a {
	color: #172b4d
}

.list-card-cover {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.list-card-details {
	overflow: hidden;
	padding: 6px 8px 2px;
	position: relative;
	z-index: 10
}

.list-card-operation {
	background-color: #f4f5f7;
	background-clip: padding-box;
	background-origin: padding-box;
	border-radius: 3px;
	opacity: .8;
	padding: 4px;
	position: absolute;
	right: 2px;
	top: 2px;
	visibility: hidden;
	z-index: 40
}

.list-card-operation:hover {
	background-color: #ebecf0;
	opacity: 1
}

.list-card-operation:active {
	background-color: #dfe1e6;
	opacity: 1
}

.list-card-title {
	clear: both;
	display: block;
	margin: 0 0 4px;
	overflow: hidden;
	text-decoration: none;
	word-wrap: break-word;
	color: #172b4d
}

.list-card-title::selection {
	background: transparent
}

.list-card-edit-title {
	height: 90px;
	padding: 0;
	margin: -1px
}

.list-card-edit-title,
.list-card-edit-title:focus,
.list-card-edit-title:hover {
	background-color: #fff;
	border: 1px solid transparent;
	box-shadow: none
}

.list-card-members {
	float: right;
	margin: 0 -2px 0 0
}

.list-card-members .member {
	height: 28px;
	width: 28px;
	float: right;
	margin: 0 0 4px 4px
}

.list-card-members .member .member-initials {
	height: 28px;
	line-height: 28px;
	width: 28px
}

.list-card-members .member .member-avatar {
	height: 28px;
	width: 28px
}

.list-card-dropzone,
.list-card-dropzone-limited,
.list-card-dropzone-restricted,
.list-card-members:empty {
	display: none
}

.list-card.is-drophover .list-card-dropzone {
	background: hsla(0, 0%, 100%, .8)
}

.list-card.is-drophover .list-card-dropzone-limited,
.list-card.is-drophover .list-card-dropzone-restricted {
	background: rgba(235, 90, 71, .9);
	color: #f4f5f7
}

.list-card.is-drophover.is-limited .list-card-dropzone-limited,
.list-card.is-drophover.is-restricted .list-card-dropzone-restricted,
.list-card.is-drophover:not(.is-limited):not(.is-restricted) .list-card-dropzone {
	display: block
}

.list-card.is-drophover .list-card-dropzone,
.list-card.is-drophover .list-card-dropzone-limited,
.list-card.is-drophover .list-card-dropzone-restricted {
	border-radius: 3px;
	bottom: 0;
	font-weight: 700;
	line-height: 100%;
	left: 0;
	margin: 0;
	opacity: 1;
	padding: 0;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	z-index: 40
}

.list-card-cover.is-no-preview-size {
	background-size: auto;
	background-position: 50%
}

.list-card.is-covered .list-card-cover {
	border-radius: 3px 3px 0 0
}

.list-card.is-stickered .list-card-cover {
	min-height: 1px
}

.list-card.is-stickered .list-card-details {
	background-color: hsla(0, 0%, 100%, .7);
	border-radius: 0 0 3px 3px
}

.list-card.is-stickered .stickers {
	height: 64px
}

.list-card.is-stickered .list-card-details {
	margin-top: 55px
}

.list-card.is-stickered.is-covered .list-card-details {
	margin-top: 0
}

.list-card.active-card {
	background-color: #f4f5f7;
	border-bottom-color: rgba(9, 30, 66, .25)
}

.list-card.active-card .list-card-operation {
	visibility: visible
}

.list-card.active-card.is-stickered .list-card-details {
	background-color: rgba(244, 245, 247, .007)
}

.list-card.ui-sortable-helper {
	background-color: #fff;
	border-radius: 3px;
	box-shadow: 0 12px 24px -6px rgba(9, 30, 66, .25), 0 0 0 1px rgba(9, 30, 66, .08);
	-webkit-transform: rotate(4deg);
	transform: rotate(4deg)
}

.list-card.ui-sortable-helper,
.list-card.ui-sortable-helper .list-card-title {
	cursor: -webkit-grabbing;
	cursor: grabbing
}

.list-card.ui-sortable-helper .list-card-details {
	background-color: #fff;
	border-radius: 3px
}

.list-card-placeholder,
.list-card.placeholder {
	background-color: rgba(9, 30, 66, .04);
	box-shadow: none;
	min-height: 20px
}

.list-card-placeholder .hook,
.list-card.placeholder .hook {
	height: 20px;
	position: absolute;
	right: 0;
	top: 0;
	width: 20px
}

.list-card.placeholder-none {
	display: none
}

.aging-regular.aging-level-0 {
	opacity: 1
}

.aging-regular.aging-level-1 {
	opacity: .75
}

.aging-regular.aging-level-2 {
	opacity: .5
}

.aging-regular.aging-level-3 {
	opacity: .25
}

.aging-pirate {
	background-position: 0 0, 100% 0;
	background-repeat: no-repeat
}

.aging-pirate .list-card-details {
	background-position: 0 100%, 100% 100%;
	background-repeat: no-repeat;
	border-radius: 0 0 3px 3px
}

.aging-pirate.aging-level-1 {
	background-color: #faf6ef;
	background-image: url(https://a.trellocdn.com/prgb/dist/images/powerups/card-aging/TopLeftLevel1.53102e7b253303f6eb34.png), url(https://a.trellocdn.com/prgb/dist/images/powerups/card-aging/TopRightLevel1.b6830a5537c94f982a32.png);
	box-shadow: inset 0 0 15px hsla(33, 42%, 66%, .4)
}

.aging-pirate.aging-level-1 .list-card-operation {
	background-color: #faf6ef
}

.aging-pirate.aging-level-1 .list-card-cover,
.aging-pirate.aging-level-1 .list-card-stickers-area .stickers {
	opacity: .75
}

.aging-pirate.aging-level-1 .list-card-details {
	background-image: url(https://a.trellocdn.com/prgb/dist/images/powerups/card-aging/BottomLeftLevel1.accbe663e1d810cfb14d.png), url(https://a.trellocdn.com/prgb/dist/images/powerups/card-aging/BottomRightLevel1.2fdf1b0eadc4b04edaec.png)
}

.aging-pirate.aging-level-1.is-stickered .list-card-details {
	background-color: hsla(38, 52%, 96%, .7)
}

.aging-pirate.aging-level-1.active-card,
.aging-pirate.aging-level-1.active-card .list-card-operation {
	background-color: #f4ead7
}

.aging-pirate.aging-level-1.active-card.is-stickered .list-card-details {
	background-color: hsla(39, 57%, 90%, .7)
}

.aging-pirate.aging-level-2 {
	background-color: #f6eedf;
	background-image: url(https://a.trellocdn.com/prgb/dist/images/powerups/card-aging/TopLeftLevel2.18f4120762d23b79c07e.png), url(https://a.trellocdn.com/prgb/dist/images/powerups/card-aging/TopRightLevel2.c74a8a1f361b08433f2a.png);
	box-shadow: inset 0 0 25px hsla(33, 42%, 66%, .5)
}

.aging-pirate.aging-level-2 .list-card-operation {
	background-color: #f5ecdb
}

.aging-pirate.aging-level-2 .list-card-cover,
.aging-pirate.aging-level-2 .list-card-stickers-area .stickers {
	opacity: .5
}

.aging-pirate.aging-level-2 .list-card-details {
	background-image: url(https://a.trellocdn.com/prgb/dist/images/powerups/card-aging/BottomLeftLevel2.602baf1ea202cc5f5c34.png), url(https://a.trellocdn.com/prgb/dist/images/powerups/card-aging/BottomRightLevel2.ac74c3df4a788a4eeb59.png)
}

.aging-pirate.aging-level-2.is-stickered .list-card-details {
	background-color: hsla(39, 56%, 92%, .7)
}

.aging-pirate.aging-level-2.active-card,
.aging-pirate.aging-level-2.active-card .list-card-operation {
	background-color: #efe1c8
}

.aging-pirate.aging-level-2.active-card.is-stickered .list-card-details {
	background-color: hsla(38, 55%, 86%, .7)
}

.aging-pirate.aging-level-3 {
	background-color: #efe1c8;
	background-image: url(https://a.trellocdn.com/prgb/dist/images/powerups/card-aging/TopLeftLevel3.194454130e88f7411187.png), url(https://a.trellocdn.com/prgb/dist/images/powerups/card-aging/TopRightLevel3.8c21cb29b9a909eecc47.png);
	box-shadow: inset 0 0 40px hsla(33, 42%, 66%, .6)
}

.aging-pirate.aging-level-3 .list-card-operation {
	background-color: #efe1c8
}

.aging-pirate.aging-level-3 .list-card-cover,
.aging-pirate.aging-level-3 .list-card-stickers-area .stickers {
	opacity: .25
}

.aging-pirate.aging-level-3 .list-card-details {
	background-image: url(https://a.trellocdn.com/prgb/dist/images/powerups/card-aging/BottomLeftLevel3.d4bb1b3ae5fd2aef9bea.png), url(https://a.trellocdn.com/prgb/dist/images/powerups/card-aging/BottomRightLevel3.5737b3080b474c0d9643.png)
}

.aging-pirate.aging-level-3.is-stickered .list-card-details {
	background-color: hsla(38, 55%, 86%, .7)
}

.aging-pirate.aging-level-3.active-card,
.aging-pirate.aging-level-3.active-card .list-card-operation {
	background-color: #e8d4b0
}

.aging-pirate.aging-level-3.active-card.is-stickered .list-card-details {
	background-color: hsla(39, 55%, 80%, .7)
}

.aging-pirate.aging-level-3.aging-treasure .list-card-details {
	background-position: 0 100%, 100% 100%, bottom 1px right 10px;
	background-image: url(https://a.trellocdn.com/prgb/dist/images/powerups/card-aging/BottomLeftLevel3.d4bb1b3ae5fd2aef9bea.png), url(https://a.trellocdn.com/prgb/dist/images/powerups/card-aging/BottomRightLevel3.5737b3080b474c0d9643.png), url(https://a.trellocdn.com/prgb/dist/images/powerups/card-aging/BottomRightLevel3Treasure.85890fb25d1b8909c095.png)
}

.quick-card-editor {
	background: rgba(0, 0, 0, .6);
	bottom: 0;
	color: #fff;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 10
}

.quick-card-editor-close-icon {
	color: hsla(0, 0%, 100%, .6);
	padding: 9px;
	position: absolute;
	right: 0;
	top: 0;
	transition-property: color, -webkit-transform;
	transition-property: transform, color;
	transition-property: transform, color, -webkit-transform;
	transition-duration: .15s
}

.quick-card-editor-close-icon:hover {
	color: #fff;
	cursor: pointer;
	-webkit-transform: scale(1.2);
	transform: scale(1.2)
}

.quick-card-editor-card {
	position: absolute
}

.quick-card-editor-buttons {
	left: 100%;
	opacity: 0;
	position: absolute;
	top: 0;
	width: 240px;
	z-index: 0;
	-webkit-transform: translateX(-20px);
	transform: translateX(-20px);
	transition: opacity 85ms ease-in, -webkit-transform 85ms ease-in;
	transition: opacity 85ms ease-in, transform 85ms ease-in;
	transition: opacity 85ms ease-in, transform 85ms ease-in, -webkit-transform 85ms ease-in
}

.quick-card-editor-buttons.fade-in {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

.quick-card-editor-buttons-item {
	background: rgba(0, 0, 0, .6);
	border-radius: 3px;
	clear: both;
	color: #e6e6e6;
	display: block;
	float: left;
	margin: 0 0 4px 8px;
	padding: 6px 12px 6px 8px;
	text-decoration: none;
	transition: -webkit-transform 85ms ease-in;
	transition: transform 85ms ease-in;
	transition: transform 85ms ease-in, -webkit-transform 85ms ease-in
}

.quick-card-editor-buttons-item:last-child {
	margin-bottom: 0
}

.quick-card-editor-buttons-item:hover {
	background: rgba(0, 0, 0, .8);
	color: #fff;
	-webkit-transform: translateX(5px);
	transform: translateX(5px)
}

.quick-card-editor-buttons-item-text {
	margin-left: 4px
}

.quick-card-editor-buttons-left {
	left: -240px;
	-webkit-transform: translateX(20px);
	transform: translateX(20px)
}

.quick-card-editor-buttons-left .quick-card-editor-buttons-item {
	float: right;
	margin: 0 8px 4px 0
}

.quick-card-editor-buttons-left .quick-card-editor-buttons-item:hover {
	-webkit-transform: translateX(-5px);
	transform: translateX(-5px)
}

.list-card-quick-edit {
	z-index: 1
}

.list-card-quick-edit .list-card-labels {
	z-index: 0
}

.list-card-quick-edit.is-stickered .list-card-stickers-area {
	overflow: visible
}

.quick-card-editor .list-card {
	cursor: default
}

.badges {
	float: left;
	max-width: 100%;
	margin-left: -2px
}

.badges:empty {
	display: none
}

.badge {
	display: inline-block;
	margin: 0 4px 4px 0;
	max-width: 100%;
	min-height: 20px;
	overflow: hidden;
	position: relative;
	padding: 2px;
	text-decoration: none;
	text-overflow: ellipsis
}

.badge,
.badge-icon {
	color: #6b778c;
	vertical-align: top
}

.badge-text {
	font-size: 12px;
	padding: 0 4px 0 2px;
	vertical-align: top;
	white-space: nowrap
}

.badge.is-complete {
	background-color: #61bd4f;
	border-radius: 3px;
	color: #fff
}

.badge.is-complete .badge-icon {
	color: #fff
}

.badge.is-unread-notification {
	background-color: #eb5a46;
	border-radius: 3px;
	color: #fff
}

.badge.is-unread-notification .badge-icon {
	color: #fff
}

.badge.is-due-complete {
	background-color: #61bd4f;
	border-radius: 3px;
	color: #fff
}

.badge.is-due-complete .badge-icon {
	color: #fff
}

.badge.is-due-soon {
	background-color: #f2d600;
	border-radius: 3px;
	color: #fff
}

.badge.is-due-soon .badge-icon {
	color: #fff
}

.badge.is-due-now {
	background-color: #eb5a46;
	border-radius: 3px;
	color: #fff
}

.badge.is-due-now .badge-icon {
	color: #fff
}

.badge.is-due-past {
	background-color: #ec9488;
	border-radius: 3px;
	color: #fff
}

.badge.is-due-past .badge-icon {
	color: #fff
}

.badge.is-voted {
	background-color: rgba(9, 30, 66, .13);
	border-radius: 3px
}

.list-card-position {
	margin: 6px 8px;
	min-height: 18px;
	padding: 0;
	position: relative
}

.list-card-position a {
	color: #6b778c;
	display: block;
	margin-right: 30px;
	text-decoration: none
}

.list-card-position a:hover {
	color: #172b4d;
	text-decoration: underline
}

.list-card-position .clear-selection-icon {
	position: absolute;
	top: 0;
	right: 0
}

.list-card-labels {
	overflow: auto;
	position: relative
}

.list-card-labels:empty {
	display: none;
	margin: 0
}

.card-detail-window {
	min-height: 600px
}

.card-detail-item {
	display: block;
	float: left;
	margin: 0 8px 8px 0;
	max-width: 100%
}

.card-detail-item-block {
	clear: both;
	float: none;
	margin-right: 0
}

.card-detail-item-header {
	color: #6b778c;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: .04em;
	line-height: 16px;
	margin-top: 16px;
	text-transform: uppercase;
	display: block;
	line-height: 20px;
	margin: 0 8px 4px 0;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.card-detail-item-header .icon-sm {
	margin-right: 4px
}

.card-detail-mini-main {
	width: auto;
	float: none;
	padding-right: 48px
}

.card-detail-sidebar-mini {
	float: none;
	width: 100%;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end
}

@media only screen and (max-width:750px) {
	.card-detail-sidebar-mini {
		margin: 0
	}
}

.card-detail-title,
.card-detail-title .window-title-text {
	display: inline-block
}

.card-detail-title.editing {
	display: block
}

.card-detail-activity,
.card-detail-description {
	display: flex;
	align-items: center;
	min-height: 32px
}

.card-detail-activity .window-module-title-icon,
.card-detail-description .window-module-title-icon {
	top: 8px
}

.card-detail-activity .button.subtle,
.card-detail-description .button.subtle {
	margin: 0 0 0 8px
}

.card-detail-activity {
	justify-content: space-between
}

.card-detail-item-add-button {
	background-color: rgba(9, 30, 66, .08);
	border-radius: 2px;
	color: #6b778c;
	cursor: pointer;
	display: block;
	float: left;
	margin: 0 8px 8px 0;
	transition-property: background-color, border-color, box-shadow;
	transition-duration: 85ms;
	transition-timing-function: ease
}

.card-detail-item-add-button:hover {
	background-color: rgba(9, 30, 66, .13)
}

.card-detail-item-add-button:active {
	background-color: rgba(9, 30, 66, .25)
}

.card-detail-item-add-button .icon-sm {
	font-size: 12px;
	height: 16px;
	line-height: 16px;
	padding: 8px;
	width: 16px
}

.card-detail-title-assist {
	display: none
}

@media print {
	.card-detail-title-assist {
		display: block
	}
}

.card-detail-badge {
	background-color: rgba(9, 30, 66, .08);
	border-radius: 2px;
	color: #6b778c;
	cursor: default;
	display: block;
	height: 20px;
	line-height: 20px;
	margin: 0 8px 8px 0;
	max-width: 100%;
	overflow: hidden;
	padding: 6px 12px;
	text-decoration: none;
	text-overflow: ellipsis;
	white-space: nowrap
}

.card-detail-badge.is-clickable {
	text-decoration: underline
}

.card-detail-badge.is-clickable:hover {
	background-color: rgba(9, 30, 66, .13);
	color: #172b4d;
	cursor: pointer
}

.card-detail-badge.is-clickable:active {
	background-color: rgba(9, 30, 66, .25)
}

.card-detail-due-date-badge {
	display: flex;
	flex-direction: row;
	align-items: center;
	transition-property: background-color, border-color, box-shadow;
	transition-duration: 85ms;
	transition-timing-function: ease
}

.card-detail-due-date-badge .card-detail-badge-due-date-complete-box {
	background-color: #fafbfc;
	border-radius: 3px;
	box-shadow: inset 0 0 0 2px #dfe1e6;
	box-sizing: border-box;
	line-height: 20px;
	overflow: hidden;
	text-indent: 100%;
	height: 20px;
	width: 20px;
	white-space: nowrap;
	margin-right: 8px;
	margin-left: -4px
}

.card-detail-due-date-badge .card-detail-badge-due-date-complete-box .card-detail-badge-due-date-complete-icon {
	opacity: 0
}

.card-detail-due-date-badge .card-detail-badge-due-date-complete-box:hover {
	background-color: #ebecf0;
	cursor: pointer;
	text-indent: 0
}

.card-detail-due-date-badge .card-detail-badge-due-date-complete-box:hover .card-detail-badge-due-date-complete-icon {
	opacity: 0
}

.card-detail-due-date-badge .card-detail-badge-due-date-complete-box:active {
	background-color: #172b4d;
	box-shadow: inset 0 0 0 2px #172b4d;
	text-indent: 0
}

.card-detail-due-date-badge .card-detail-badge-due-date-complete-box:active .card-detail-badge-due-date-complete-icon {
	color: #fff;
	opacity: 1
}

.card-detail-due-date-badge.is-clickable {
	text-decoration: none
}

.card-detail-due-date-badge.is-clickable .card-detail-due-date-text {
	text-decoration: underline
}

.card-detail-due-date-badge.is-clickable.is-due-complete .card-detail-badge-due-date-complete-box {
	background-color: #fafbfc;
	border-radius: 3px;
	box-shadow: inset 0 0 0 2px #dfe1e6;
	box-sizing: border-box;
	line-height: 20px;
	overflow: hidden;
	text-indent: 100%;
	height: 20px;
	width: 20px;
	white-space: nowrap;
	background-color: rgba(9, 30, 66, .04);
	box-shadow: none;
	text-indent: 0;
	background-color: #fff
}

.card-detail-due-date-badge.is-clickable.is-due-complete .card-detail-badge-due-date-complete-box .card-detail-badge-due-date-complete-icon {
	opacity: 0;
	opacity: 1;
	color: #6b778c;
	color: #172b4d
}

.card-detail-due-date-badge.is-clickable.is-due-complete .card-detail-badge-due-date-complete-box:hover {
	cursor: pointer;
	text-indent: 0;
	background-color: rgba(9, 30, 66, .13);
	box-shadow: none;
	background-color: #ebecf0
}

.card-detail-due-date-badge.is-clickable.is-due-complete .card-detail-badge-due-date-complete-box:hover .card-detail-badge-due-date-complete-icon {
	opacity: 0;
	opacity: 1;
	color: #6b778c;
	color: #172b4d
}

.card-detail-due-date-badge.is-clickable.is-due-complete .card-detail-badge-due-date-complete-box:active {
	background-color: #172b4d;
	box-shadow: inset 0 0 0 2px #172b4d;
	text-indent: 0;
	background-color: rgba(9, 30, 66, .25);
	box-shadow: none;
	background-color: #c1c7d0
}

.card-detail-due-date-badge.is-clickable.is-due-complete .card-detail-badge-due-date-complete-box:active .card-detail-badge-due-date-complete-icon {
	color: #fff;
	opacity: 1;
	color: #172b4d
}

.card-detail-badge.is-due-complete {
	background-color: #5aac44;
	color: #fff
}

.card-detail-badge.is-due-complete:hover {
	background-color: #519839;
	color: #fff
}

.card-detail-badge.is-due-soon {
	background-color: #e6c60d;
	color: #fff
}

.card-detail-badge.is-due-soon:hover {
	background-color: #d9b51c;
	color: #fff
}

.card-detail-badge.is-due-now {
	background-color: #cf513d;
	color: #fff
}

.card-detail-badge.is-due-now:hover {
	background-color: #b04632;
	color: #fff
}

.card-detail-badge.is-due-past {
	background-color: #ec9488;
	color: #fff
}

.card-detail-badge.is-due-past:hover {
	background-color: #ef7564;
	color: #fff
}

.card-detail-badge.is-voted {
	background-color: rgba(9, 30, 66, .13)
}

.card-detail-badge.is-voted:hover {
	background-color: rgba(9, 30, 66, .25)
}

.card-detail-badge.is-voted:active {
	background-color: rgba(9, 30, 66, .31)
}

.card-detail-badge.mod-last-updated {
	min-width: 120px
}

.card-detail-data,
.get-pups {
	margin-top: 8px
}

.cardListAnimated:after {
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	background: #c2ccd1;
	z-index: 10
}

.cardBackAnimated {
	background-color: #fff;
	opacity: 1;
	margin-top: 0;
	display: block;
	position: fixed;
	z-index: 1;
	transition: .25s ease-in-out;
	transition-property: top, left, height, width, margin
}

.overlayAnimatedStart {
	background: transparent;
	transition: background .25s ease-in-out
}

.overlayAnimatedEnd {
	background: rgba(0, 0, 0, .64)
}

.add-attachment-section {
	height: 48px;
	border: 2px dashed #b3bac5;
	border-radius: 2px;
	line-height: 48px;
	vertical-align: middle;
	text-align: center;
	color: #7a869a
}

.attachment-thumbnail {
	border-radius: 3px;
	min-height: 80px;
	margin: 0 0 8px;
	overflow: hidden;
	position: relative
}

.attachment-thumbnail.placeholder {
	background-color: rgba(9, 30, 66, .04);
	border-radius: 3px
}

.attachment-thumbnail:hover .attachment-thumbnail-details {
	background-color: rgba(9, 30, 66, .08)
}

.attachment-thumbnail.ui-sortable-helper .attachment-thumbnail-details {
	background-color: #f4f5f7!important;
	opacity: .85
}

.attachment-thumbnail.ui-sortable-helper .attachment-thumbnail-details,
.attachment-thumbnail.ui-sortable-helper .attachment-thumbnail-preview {
	cursor: -webkit-grabbing;
	cursor: grabbing
}

.attachment-thumbnail-processing {
	background-color: rgba(9, 30, 66, .08);
	color: #6b778c;
	line-height: 80px;
	text-align: center
}

.attachment-thumbnail-processing .spinner {
	display: inline-block;
	-webkit-transform: translateY(3px);
	transform: translateY(3px)
}

.attachment-thumbnail-preview {
	background-color: rgba(9, 30, 66, .08);
	background-position: 50%;
	background-size: contain;
	background-repeat: no-repeat;
	border-radius: 3px;
	height: 80px;
	margin-top: -40px;
	position: absolute;
	top: 50%;
	left: 0;
	text-align: center;
	text-decoration: none;
	z-index: 1;
	width: 112px
}

.attachment-thumbnail-preview-power-up-logo {
	display: table-cell;
	height: 80px;
	width: 112px;
	text-align: center;
	vertical-align: middle
}

.attachment-thumbnail-preview-power-up-logo-image {
	height: 45px;
	width: 45px
}

.attachment-thumbnail-preview-service-logo {
	background-size: 70px 70px;
	background-position: 50%;
	background-repeat: no-repeat;
	display: block;
	height: 80px;
	width: 112px
}

.attachment-thumbnail-preview-dropbox-logo {
	background-image: url(https://a.trellocdn.com/prgb/dist/images/services/dropbox-preview-logo.275d8a966e5d9d2b8e22.svg)
}

.attachment-thumbnail-preview-fogbugz-logo {
	background-image: url(https://a.trellocdn.com/prgb/dist/images/services/fogbugz-preview-logo.3875991b3c671e428a42.svg)
}

.attachment-thumbnail-preview-github-logo {
	background-image: url(https://a.trellocdn.com/prgb/dist/images/services/github-preview-logo.346c8ad70711bd0f575b.svg)
}

.attachment-thumbnail-preview-google-drive-logo {
	background-image: url(https://a.trellocdn.com/prgb/dist/images/services/google-drive-preview-logo.64011cc7e495af6d55d0.svg)
}

.attachment-thumbnail-preview-kiln-logo {
	background-image: url(https://a.trellocdn.com/prgb/dist/images/services/kiln-preview-logo.d23187d129d386fcae7b.svg)
}

.attachment-thumbnail-preview-trello-logo {
	background-image: url(https://a.trellocdn.com/prgb/dist/images/services/trello-preview-logo.07db7adfabb199709ad3.svg)
}

.attachment-thumbnail-preview-one-drive-logo {
	background-image: url(https://a.trellocdn.com/prgb/dist/images/services/onedrive-preview-logo.e4e5ea0947583d430483.svg)
}

.attachment-thumbnail-preview-box-logo {
	background-image: url(https://a.trellocdn.com/prgb/dist/images/services/box-preview-logo.f49ae2b057b81e9080b0.svg)
}

.attachment-thumbnail-preview-ext {
	color: #6b778c;
	display: block;
	font-size: 18px;
	font-weight: 700;
	height: 100%;
	line-height: 80px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	width: 100%
}

.attachment-thumbnail-preview-ext:hover {
	color: #6b778c
}

.attachment-thumbnail-preview-attachment-icon {
	line-height: 80px
}

.attachment-thumbnail-preview-plugin {
	background-size: 40px 40px;
	background-repeat: no-repeat;
	background-position: center 13px;
	display: block;
	height: 100%;
	opacity: .7;
	text-decoration: none;
	width: 100%;
	position: relative
}

.attachment-thumbnail-preview-plugin .attachment-thumbnail-plugin-enable-link {
	background: #000;
	bottom: 0;
	border-radius: 0 0 3px 3px;
	color: #dfe1e6;
	font-size: 12px;
	height: 20px;
	left: 0;
	line-height: 16px;
	overflow: hidden;
	position: absolute;
	text-align: left;
	text-decoration: underline;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
	z-index: 1
}

.attachment-thumbnail-preview-plugin .attachment-thumbnail-plugin-enable-link .icon-sm {
	color: #dfe1e6
}

.attachment-thumbnail-preview-plugin .attachment-thumbnail-plugin-enable-link:hover {
	background: rgba(0, 0, 0, .8);
	color: #fff
}

.attachment-thumbnail-preview-plugin .attachment-thumbnail-plugin-enable-link:hover .icon-sm {
	color: #fff
}

.attachment-thumbnail-preview-plugin:hover {
	color: #6b778c
}

.attachment-thumbnail-details {
	box-sizing: border-box;
	cursor: pointer;
	padding: 8px 8px 8px 128px;
	min-height: 80px;
	margin: 0;
	z-index: 0
}

.attachment-thumbnail-details .attachment-thumbnail-name {
	font-weight: 700;
	word-wrap: break-word
}

.attachment-thumbnail-details .attachment-thumbnail-name.hide {
	display: none
}

.attachment-thumbnail-details textarea.attachment-thumbnail-details-title {
	background: transparent;
	border-radius: 3px;
	height: 20px;
	font-weight: 700;
	margin: -3px -5px;
	min-height: 20px;
	padding: 2px 4px
}

.attachment-thumbnail-details textarea.attachment-thumbnail-details-title:focus {
	background: #fff;
	border: none;
	box-shadow: inset 0 0 0 2px #0079bf
}

.attachment-thumbnail-details-title-action {
	padding-left: 3px
}

.attachment-thumbnail-details-title-options {
	margin-bottom: 8px
}

.attachment-thumbnail-details-title-options span:not(:first-child):before {
	content: " - "
}

.attachment-thumbnail-details-title-options-item {
	font-size: 14px;
	margin-bottom: 8px
}

.attachment-thumbnail-details-options-item {
	border-radius: 3px;
	margin-right: 8px;
	text-decoration: none
}

.attachment-thumbnail-details-options-item-text {
	text-decoration: underline
}

.attachment-viewer {
	color: #fff;
	position: fixed;
	z-index: 100;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	text-align: center
}

.attachment-viewer-header {
	height: 48px;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 40
}

.attachment-viewer-header-close-icon {
	color: hsla(0, 0%, 100%, .6);
	padding: 9px;
	position: absolute;
	right: 0;
	top: 0;
	transition-property: color, -webkit-transform;
	transition-property: transform, color;
	transition-property: transform, color, -webkit-transform;
	transition-duration: .15s
}

.attachment-viewer-header:hover {
	cursor: pointer
}

.attachment-viewer-header:hover .attachment-viewer-header-close-icon {
	color: #fff;
	-webkit-transform: scale(1.2);
	transform: scale(1.2)
}

.attachment-viewer-underlay {
	top: 0;
	bottom: 100px
}

.attachment-viewer-overlay,
.attachment-viewer-underlay {
	background-color: rgba(0, 0, 0, .7);
	position: absolute;
	right: 0;
	left: 0
}

.attachment-viewer-overlay {
	height: 100px;
	bottom: 0;
	z-index: 30
}

.attachment-viewer-frames {
	transition: -webkit-transform .15s;
	transition: transform .15s;
	transition: transform .15s, -webkit-transform .15s;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.attachment-viewer-frames-next-hint .attachment-viewer-frames {
	-webkit-transform: translateX(-5%);
	transform: translateX(-5%)
}

.attachment-viewer-frames-prev-hint .attachment-viewer-frames {
	-webkit-transform: translateX(5%);
	transform: translateX(5%)
}

.attachment-viewer-frame {
	bottom: 0;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 20;
	transition: -webkit-transform .15s;
	transition: transform .15s;
	transition: transform .15s, -webkit-transform .15s
}

.attachment-viewer-frame-left {
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%)
}

.attachment-viewer-frame-right {
	-webkit-transform: translateX(100%);
	transform: translateX(100%)
}

.windows.explorer .attachment-viewer-frame-preview-wrapper,
.windows.firefox .attachment-viewer-frame-preview-wrapper {
	left: 48px;
	right: 48px
}

.attachment-viewer-frame-preview-wrapper {
	bottom: 0;
	left: 24px;
	overflow-x: hidden;
	overflow-y: auto;
	position: absolute;
	top: 0;
	right: 24px
}

.attachment-viewer-frame-preview-wrapper::-webkit-scrollbar {
	height: 9px;
	width: 9px
}

.attachment-viewer-frame-preview-wrapper::-webkit-scrollbar-button:end:increment,
.attachment-viewer-frame-preview-wrapper::-webkit-scrollbar-button:start:decrement {
	background: transparent;
	display: block;
	height: 48px
}

.attachment-viewer-frame-preview-wrapper::-webkit-scrollbar-button:end:increment {
	height: 112px
}

.attachment-viewer-frame-preview-wrapper::-webkit-scrollbar-track-piece {
	background: transparent
}

.attachment-viewer-frame-preview-wrapper::-webkit-scrollbar-track-piece:vertical:start {
	border-radius: 5px 5px 0 0
}

.attachment-viewer-frame-preview-wrapper::-webkit-scrollbar-track-piece:vertical:end {
	border-radius: 0 0 5px 5px
}

.attachment-viewer-frame-preview-wrapper::-webkit-scrollbar-track-piece:horizontal:start {
	border-radius: 5px 0 0 5px
}

.attachment-viewer-frame-preview-wrapper::-webkit-scrollbar-track-piece:horizontal:end {
	border-radius: 0 5px 5px 0
}

.attachment-viewer-frame-preview-wrapper::-webkit-scrollbar-thumb:horizontal,
.attachment-viewer-frame-preview-wrapper::-webkit-scrollbar-thumb:vertical {
	background: hsla(0, 0%, 100%, .2);
	border-radius: 5px;
	display: block;
	height: 50px
}

.attachment-viewer-frame-preview {
	box-sizing: border-box;
	padding: 48px 24px 112px;
	height: 100%
}

.attachment-viewer-frame-preview-image-wrapper {
	height: auto
}

.attachment-viewer-frame-preview-image {
	border-radius: 3px;
	max-width: 100%;
	opacity: 0;
	position: relative;
	z-index: 10;
	transition: opacity .4s, -webkit-transform .15s;
	transition: transform .15s, opacity .4s;
	transition: transform .15s, opacity .4s, -webkit-transform .15s
}

.attachment-viewer-frame-preview-placeholder {
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	margin: 25% auto 0;
	opacity: 0
}

.attachment-viewer-frame-preview-placeholder-link {
	border-radius: 3px;
	box-sizing: border-box;
	color: #fff;
	display: block;
	margin: 8px auto;
	padding: 16px 24px;
	max-width: 250px
}

.attachment-viewer-frame-preview-placeholder-link:hover {
	background: hsla(0, 0%, 100%, .1);
	color: #fff
}

.attachment-viewer-frame-preview-audio {
	margin: 25% auto 0;
	opacity: 0
}

.attachment-viewer-frame-preview-video {
	max-height: 100%;
	opacity: 0
}

.attachment-viewer-frame-preview-iframe {
	background-color: #fff;
	border-radius: 3px;
	border: 0;
	box-sizing: border-box;
	height: 100%;
	opacity: 0;
	padding: 12px;
	width: 100%
}

.attachment-viewer-frame-loaded .attachment-viewer-frame-preview-audio,
.attachment-viewer-frame-loaded .attachment-viewer-frame-preview-iframe,
.attachment-viewer-frame-loaded .attachment-viewer-frame-preview-image,
.attachment-viewer-frame-loaded .attachment-viewer-frame-preview-placeholder,
.attachment-viewer-frame-loaded .attachment-viewer-frame-preview-video {
	opacity: 1
}

.attachment-viewer-frame-details {
	bottom: 0;
	box-sizing: border-box;
	color: #fff;
	height: 100px;
	left: 0;
	padding: 12px 10%;
	position: absolute;
	right: 0;
	z-index: 30
}

.attachment-viewer-frame-details a,
.attachment-viewer-frame-details a:hover {
	color: #fff
}

.attachment-viewer-next-frame-btn,
.attachment-viewer-prev-frame-btn {
	position: absolute;
	height: 100px;
	bottom: 0;
	z-index: 40
}

.attachment-viewer-next-frame-btn {
	right: 0;
	width: 10%
}

.attachment-viewer-prev-frame-btn {
	left: 0;
	width: 10%
}

.attachment-viewer-next-frame-btn-icon,
.attachment-viewer-prev-frame-btn-icon {
	opacity: .4;
	padding: 36px;
	position: absolute;
	top: 0;
	transition: opacity .4s, -webkit-transform .15s;
	transition: transform .15s, opacity .4s;
	transition: transform .15s, opacity .4s, -webkit-transform .15s
}

.attachment-viewer-next-frame-btn-icon {
	right: 0
}

.attachment-viewer-prev-frame-btn-icon {
	left: 0
}

.attachment-viewer-frames-next-hint .attachment-viewer-next-frame-btn-icon,
.attachment-viewer-frames-prev-hint .attachment-viewer-prev-frame-btn-icon {
	opacity: 1
}

.attachment-viewer-frames-next-hint .attachment-viewer-next-frame-btn-icon {
	-webkit-transform: translateX(5%) scale(1.2);
	transform: translateX(5%) scale(1.2)
}

.attachment-viewer-frames-prev-hint .attachment-viewer-prev-frame-btn-icon {
	-webkit-transform: translateX(-5%) scale(1.2);
	transform: translateX(-5%) scale(1.2)
}

.attachment-viewer-option-icon {
	margin: 0 3px 0 14px
}

.attachment-viewer-delete-link {
	margin: 0 0 0 6px
}

.new-comment {
	position: relative;
	margin: 0 0 20px 40px
}

.new-comment .member {
	position: absolute;
	left: -40px
}

.comment-frame {
	background-color: #fff;
	border-radius: 3px;
	box-shadow: 0 1px 2px -1px rgba(9, 30, 66, .25), 0 0 0 1px rgba(9, 30, 66, .08);
	margin: 4px 4px 12px 0;
	transition: box-shadow 85ms ease-in
}

.comment-box {
	position: relative
}

.comment-box-input {
	background: #fff!important;
	box-shadow: none;
	height: 75px;
	margin: 0;
	min-height: 75px;
	padding: 9px 11px;
	padding-bottom: 0;
	width: 100%;
	resize: none
}

.comment-box-input,
.comment-box-input:active,
.comment-box-input:focus,
.comment-box-input:hover {
	border: 0;
	box-shadow: none;
	border-bottom: 30px solid transparent
}

.comment-box-input:active,
.comment-box-input:focus {
	outline: 0;
	box-shadow: none
}

.comment-box-options {
	position: absolute;
	bottom: 6px;
	right: 6px
}

.comment-box-options-item {
	border-radius: 3px;
	float: left;
	height: 20px;
	margin-left: 4px;
	padding: 6px
}

.comment-box-options-item:hover {
	background-color: rgba(9, 30, 66, .13)
}

.comment-box-options-item:active {
	background-color: rgba(9, 30, 66, .25)
}

.new-comment .add-controls {
	display: block
}

.new-comment.is-focused .comment-frame {
	box-shadow: 0 4px 8px -2px rgba(9, 30, 66, .25), 0 0 0 1px rgba(9, 30, 66, .08)
}

.comment-too-long-warning {
	display: none;
	margin-top: 16px
}

.comment-too-long-warning.is-shown {
	display: block
}

.comment-controls {
	margin-top: 8px
}

.comment-controls .comment-subscribe {
	color: #6b778c;
	cursor: pointer;
	float: right;
	font-size: 12px;
	margin-top: 8px;
	margin-right: 14px;
	display: none;
	flex-direction: row;
	align-items: center
}

.comment-controls .comment-subscribe.mod-left {
	float: left
}

.comment-controls .comment-subscribe.is-visible {
	display: flex
}

.comment-controls .comment-subscribe.is-clickable:not(.is-subscribed) .comment-subscribe-box:hover {
	background-color: #ebecf0;
	cursor: pointer;
	text-indent: 0
}

.comment-controls .comment-subscribe.is-clickable:not(.is-subscribed) .comment-subscribe-box:hover .comment-subscribe-icon {
	opacity: 0
}

.comment-controls .comment-subscribe.is-clickable:not(.is-subscribed) .comment-subscribe-box:active {
	background-color: #172b4d;
	box-shadow: inset 0 0 0 2px #172b4d;
	text-indent: 0
}

.comment-controls .comment-subscribe.is-clickable:not(.is-subscribed) .comment-subscribe-box:active .comment-subscribe-icon {
	color: #fff;
	opacity: 1
}

.comment-controls .comment-subscribe.is-subscribed .comment-subscribe-box {
	background-color: #fafbfc;
	border-radius: 3px;
	box-shadow: inset 0 0 0 2px #dfe1e6;
	box-sizing: border-box;
	line-height: 20px;
	overflow: hidden;
	text-indent: 100%;
	height: 20px;
	width: 20px;
	white-space: nowrap;
	background-color: rgba(9, 30, 66, .04);
	box-shadow: none;
	text-indent: 0
}

.comment-controls .comment-subscribe.is-subscribed .comment-subscribe-box:hover {
	background-color: #ebecf0;
	cursor: pointer;
	text-indent: 0;
	background-color: rgba(9, 30, 66, .13);
	box-shadow: none
}

.comment-controls .comment-subscribe.is-subscribed .comment-subscribe-box:hover .comment-subscribe-icon {
	opacity: 0;
	opacity: 1;
	color: #6b778c
}

.comment-controls .comment-subscribe.is-subscribed .comment-subscribe-box:active {
	background-color: #172b4d;
	box-shadow: inset 0 0 0 2px #172b4d;
	text-indent: 0;
	background-color: rgba(9, 30, 66, .25);
	box-shadow: none
}

.comment-controls .comment-subscribe.is-subscribed .comment-subscribe-box:active .comment-subscribe-icon {
	color: #fff;
	opacity: 1;
	color: #172b4d
}

.comment-controls .comment-subscribe.is-subscribed .comment-subscribe-icon {
	opacity: 0;
	opacity: 1;
	color: #6b778c
}

.comment-controls .comment-subscribe .comment-subscribe-box {
	background-color: #fafbfc;
	border-radius: 3px;
	box-shadow: inset 0 0 0 2px #dfe1e6;
	box-sizing: border-box;
	line-height: 20px;
	overflow: hidden;
	text-indent: 100%;
	height: 20px;
	width: 20px;
	white-space: nowrap;
	margin-right: 8px
}

.comment-controls .comment-subscribe .comment-subscribe-description {
	height: 18px;
	display: flex
}

.checklist-list:empty {
	display: none
}

.checklist {
	margin-bottom: 24px
}

.checklist.placeholder {
	background-color: rgba(9, 30, 66, .04);
	border-radius: 3px
}

.checklist.ui-sortable-helper {
	background-color: #f4f5f7!important;
	border-radius: 3px;
	opacity: .85
}

.checklist.ui-sortable-helper,
.checklist.ui-sortable-helper .checklist-title,
.checklist.ui-sortable-helper .current,
.checklist.ui-sortable-helper .window-module-title {
	cursor: -webkit-grabbing;
	cursor: grabbing
}

.checklist-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-flow: row wrap
}

.checklist-title h3 {
	margin: 6px 0
}

.checklist-title .window-module-title-options {
	margin: 0 2px 0 auto
}

.window-module-title-icon.icon-checklist,
.window-module-title-icon.toggle-checklist-button {
	top: 8px
}

.checklist-items-list {
	min-height: 8px
}

.checklist-item {
	clear: both;
	padding-left: 40px;
	position: relative;
	border-radius: 3px;
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	transition-property: opacity, height, padding, margin, -webkit-transform;
	transition-property: transform, opacity, height, padding, margin;
	transition-property: transform, opacity, height, padding, margin, -webkit-transform;
	transition-duration: .14s;
	transition-timing-function: ease-in
}

.checklist-item.placeholder {
	background-color: rgba(9, 30, 66, .04)
}

.checklist-item:hover {
	background-color: rgba(9, 30, 66, .08)
}

.checklist-item.ui-sortable-helper {
	background-color: #f4f5f7!important;
	cursor: -webkit-grabbing;
	cursor: grabbing;
	opacity: .85
}

.hide-completed-items .checklist-item-fade-out {
	height: 0;
	margin: 0;
	opacity: 0;
	padding: 0;
	-webkit-transform: rotate(-5deg) translateX(-10px) translateY(-10px);
	transform: rotate(-5deg) translateX(-10px) translateY(-10px)
}

.checklist-item-checkbox {
	background-color: #fafbfc;
	border-radius: 3px;
	box-shadow: inset 0 0 0 2px #dfe1e6;
	box-sizing: border-box;
	line-height: 20px;
	overflow: hidden;
	text-indent: 100%;
	height: 20px;
	width: 20px;
	white-space: nowrap;
	position: absolute;
	left: 0;
	margin: 6px;
	text-align: center;
	top: 0
}

.checklist-item-checkbox.enabled:hover {
	background-color: #ebecf0;
	cursor: pointer;
	text-indent: 0
}

.checklist-item-checkbox.enabled:hover .checklist-item-checkbox-check {
	opacity: 0
}

.checklist-item-checkbox.enabled:active {
	background-color: #172b4d;
	box-shadow: inset 0 0 0 2px #172b4d;
	text-indent: 0
}

.checklist-item-checkbox.enabled:active .checklist-item-checkbox-check {
	color: #fff;
	opacity: 1
}

.checklist-item-row {
	padding: 6px 0
}

.checklist-item-details {
	word-break: break-word;
	word-wrap: break-word;
	overflow-wrap: break-word;
	padding-right: 32px
}

.checklist-item-details .checklist-item-menu-wrapper {
	position: absolute;
	right: 0;
	top: 0
}

.checklist-item-details .checklist-item-menu-wrapper .checklist-item-menu {
	box-sizing: border-box;
	padding: 6px;
	height: 32px;
	width: 32px;
	border-radius: 3px;
	cursor: pointer
}

.checklist-item-details .checklist-item-menu-wrapper .checklist-item-menu:hover {
	background-color: rgba(9, 30, 66, .13)
}

.checklist-item-details .checklist-item-menu-wrapper .checklist-item-menu:active {
	background-color: rgba(9, 30, 66, .25)
}

.checklist-item-details .checklist-item-menu .icon-sm {
	display: none
}

.checklist-item-details:hover .checklist-item-menu .icon-sm {
	display: inline-block
}

.checklist-item-details-text {
	min-height: 20px;
	margin-bottom: 0
}

.checklist-item-details-text.enabled:hover {
	color: #172b4d;
	cursor: pointer
}

.checklist-item-details-text:empty {
	content: "No name";
	color: #6b778c
}

.checklist-item-fade-out .checklist-item-details-text,
.checklist-item-state-complete .checklist-item-details-text {
	color: #6b778c;
	font-style: italic;
	text-decoration: line-through
}

.checklist-item-fade-out img,
.checklist-item-state-complete img {
	opacity: .3
}

.checklist-item-fade-out .checklist-item-checkbox,
.checklist-item-state-complete .checklist-item-checkbox {
	background-color: #fafbfc;
	border-radius: 3px;
	box-shadow: inset 0 0 0 2px #dfe1e6;
	box-sizing: border-box;
	line-height: 20px;
	overflow: hidden;
	text-indent: 100%;
	height: 20px;
	width: 20px;
	white-space: nowrap;
	background-color: rgba(9, 30, 66, .04);
	box-shadow: none;
	text-indent: 0
}

.checklist-item-fade-out .checklist-item-checkbox.enabled:hover,
.checklist-item-state-complete .checklist-item-checkbox.enabled:hover {
	background-color: #ebecf0;
	cursor: pointer;
	text-indent: 0;
	background-color: rgba(9, 30, 66, .13);
	box-shadow: none
}

.checklist-item-fade-out .checklist-item-checkbox.enabled:hover .checklist-item-checkbox-check,
.checklist-item-state-complete .checklist-item-checkbox.enabled:hover .checklist-item-checkbox-check {
	opacity: 0;
	opacity: 1;
	color: #6b778c
}

.checklist-item-fade-out .checklist-item-checkbox.enabled:active,
.checklist-item-state-complete .checklist-item-checkbox.enabled:active {
	background-color: #172b4d;
	box-shadow: inset 0 0 0 2px #172b4d;
	text-indent: 0;
	background-color: rgba(9, 30, 66, .25);
	box-shadow: none
}

.checklist-item-fade-out .checklist-item-checkbox.enabled:active .checklist-item-checkbox-check,
.checklist-item-state-complete .checklist-item-checkbox.enabled:active .checklist-item-checkbox-check {
	color: #fff;
	opacity: 1;
	color: #172b4d
}

.hide-completed-items .checklist-item-state-complete {
	display: none
}

.checklist-limit-warning-text,
textarea.checklist-new-item-text,
textarea.checklist-new-item-text:hover {
	cursor: pointer;
	height: 32px;
	min-height: 32px;
	margin: 4px 0 0;
	overflow: hidden;
	resize: none;
	text-align: initial;
	text-decoration: none;
	width: auto
}

textarea.checklist-new-item-text::-webkit-input-placeholder {
	color: #172b4d
}

textarea.checklist-new-item-text::-ms-input-placeholder {
	color: #172b4d
}

textarea.checklist-new-item-text::placeholder {
	color: #172b4d
}

.checklist-limit-warning {
	margin-top: 8px
}

.checklist-new-item.editing textarea.checklist-new-item-text,
.checklist-new-item.editing textarea.checklist-new-item-text:focus,
.checklist-new-item.editing textarea.checklist-new-item-text:hover {
	background: #fff;
	border: none;
	box-shadow: inset 0 0 0 2px #0079bf;
	color: #172b4d;
	cursor: text;
	width: 100%;
	resize: vertical;
	float: none
}

.checklist-new-item.editing textarea.checklist-new-item-text .edit-controls,
.checklist-new-item.editing textarea.checklist-new-item-text:focus .edit-controls,
.checklist-new-item.editing textarea.checklist-new-item-text:hover .edit-controls {
	display: none;
	visibility: hidden
}

.checklist-progress {
	margin-bottom: 6px;
	position: relative
}

.checklist-progress-percentage {
	color: #6b778c;
	font-size: 11px;
	line-height: 10px;
	position: absolute;
	left: 0;
	top: -1px;
	text-align: center;
	width: 32px
}

.checklist-progress-bar {
	background: rgba(9, 30, 66, .08);
	border-radius: 4px;
	clear: both;
	height: 8px;
	margin: 0 0 0 40px;
	overflow: hidden;
	position: relative
}

.checklist-progress-bar-current {
	background: #5ba4cf;
	bottom: 0;
	left: 0;
	position: absolute;
	top: 0;
	transition: width .14s ease-in, background .14s ease-in
}

.checklist-progress-bar-current-complete {
	background: #61bd4f
}

.checklist-completed-text {
	display: block;
	margin: 8px 0 0 40px
}

.toggle-checklist-button {
	border-radius: 3px
}

.toggle-checklist-button:before {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%)
}

.toggle-checklist-button.editable {
	cursor: pointer
}

.toggle-checklist-button.editable:hover {
	background-color: rgba(122, 134, 154, .1)
}

.checklist-add-controls {
	display: none;
	margin-top: 8px
}

.checklist-add-controls-option {
	border-color: transparent;
	border-radius: 3px;
	color: #6b778c;
	display: block;
	float: right;
	height: 32px;
	line-height: 32px;
	margin: 0 2px;
	padding: 0 8px
}

.checklist-add-controls-option:hover {
	background-color: rgba(9, 30, 66, .13);
	color: #172b4d
}

.checklist-add-controls-option:active {
	background-color: rgba(9, 30, 66, .25);
	color: #172b4d
}

.editing .checklist-add-controls {
	display: block
}

.list-voters.compact .voter {
	position: relative;
	min-height: 36px
}

.list-voters.compact .voter .member {
	left: 0;
	position: absolute;
	top: 0
}

.list-voters.compact .voter .title {
	display: block;
	line-height: 30px;
	left: 0;
	overflow: hidden;
	padding-left: 38px;
	position: absolute;
	text-overflow: ellipsis;
	top: 0;
	white-space: nowrap;
	width: 230px
}

.list-voters .title {
	display: none
}

@-webkit-keyframes pulsate {
	0% {
		opacity: 1
	}
	to {
		opacity: .4
	}
}

@keyframes pulsate {
	0% {
		opacity: 1
	}
	to {
		opacity: .4
	}
}

.editing-members {
	float: right
}

.editing-members .edit-in-progress {
	display: inline-block;
	border: 1px solid #b3bac5;
	background: #ddd;
	margin: 0 4px;
	border-radius: 2px
}

.editing-members .edit-in-progress .inline-member {
	cursor: default
}

.editing-members .edit-in-progress .inline-member-av {
	width: 18px;
	height: 18px;
	margin: 0 0 -4px
}

.editing-members .edit-in-progress .initials {
	margin-left: 3px
}

.editing-members .edit-in-progress .icon {
	-webkit-animation: pulsate 1s ease-in alternate;
	animation: pulsate 1s ease-in alternate;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.trello-attachments-section .trello-board-attachment-container,
.trello-attachments-section .trello-card-attachment-container {
	display: inline-block;
	margin-bottom: 16px;
	vertical-align: top
}

.trello-attachments-section .trello-board-attachment-error .trello-attachment-canonical-board,
.trello-attachments-section .trello-board-attachment-error .trello-attachment-canonical-card,
.trello-attachments-section .trello-board-attachment-loading .trello-attachment-canonical-board,
.trello-attachments-section .trello-board-attachment-loading .trello-attachment-canonical-card,
.trello-attachments-section .trello-board-attachment .trello-attachment-canonical-board,
.trello-attachments-section .trello-board-attachment .trello-attachment-canonical-card,
.trello-attachments-section .trello-card-attachment-error .trello-attachment-canonical-board,
.trello-attachments-section .trello-card-attachment-error .trello-attachment-canonical-card,
.trello-attachments-section .trello-card-attachment-loading .trello-attachment-canonical-board,
.trello-attachments-section .trello-card-attachment-loading .trello-attachment-canonical-card,
.trello-attachments-section .trello-card-attachment .trello-attachment-canonical-board,
.trello-attachments-section .trello-card-attachment .trello-attachment-canonical-card {
	border-radius: 3px;
	box-shadow: 0 1px 0 0 #ebecf0;
	margin-right: 8px;
	margin-bottom: 8px
}

.trello-attachments-section .link-trello-card,
.trello-attachments-section .remove-trello-attachment,
.trello-attachments-section .unarchive-trello-card {
	color: #6b778c;
	cursor: pointer;
	margin-right: 8px;
	text-decoration: underline
}

.trello-attachments-section .link-trello-card:hover,
.trello-attachments-section .remove-trello-attachment:hover,
.trello-attachments-section .unarchive-trello-card:hover {
	color: #172b4d
}

.custom-field-detail-badges-grid {
	display: grid;
	grid-gap: 16px;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr
}

.custom-field-detail-item {
	grid-column-end: span 2;
	height: 64px;
	max-width: 100%
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
	.custom-field-detail-item {
		float: left;
		margin-right: 8px;
		width: 162px
	}
}

@media only screen and (max-width:640px) {
	.custom-field-detail-item {
		grid-column-end: span 3
	}
}

@media only screen and (max-width:480px) {
	.custom-field-detail-item {
		grid-column-end: span 6
	}
}

.custom-field-detail-badge {
	background-color: transparent;
	border: none;
	box-shadow: none;
	color: #172b4d;
	font-weight: 400;
	background-color: rgba(9, 30, 66, .08);
	text-align: left;
	border-radius: 3px;
	display: block;
	height: 20px;
	line-height: 20px;
	max-width: 100%;
	overflow: hidden;
	padding: 6px 12px;
	text-decoration: none;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition-property: background-color, border-color, box-shadow;
	transition-duration: 85ms;
	transition-timing-function: ease
}

.custom-field-detail-badge.is-clickable:hover {
	background-color: transparent;
	border: none;
	box-shadow: none;
	color: #172b4d;
	background-color: rgba(9, 30, 66, .13);
	cursor: pointer
}

.custom-field-detail-badge.is-clickable:active {
	background-color: transparent;
	border: none;
	box-shadow: none;
	color: #172b4d;
	background-color: rgba(9, 30, 66, .25);
	cursor: pointer
}

.custom-field-detail-checkbox-badge {
	display: inline-flex;
	align-items: center
}

.custom-field-detail-checkbox-badge.is-clickable {
	text-decoration: none;
	cursor: pointer
}

.custom-field-detail-checkbox-badge .custom-field-detail-badge-checkbox-box {
	background-color: #fafbfc;
	border-radius: 3px;
	box-shadow: inset 0 0 0 2px #dfe1e6;
	box-sizing: border-box;
	line-height: 20px;
	overflow: hidden;
	text-indent: 100%;
	height: 20px;
	width: 20px;
	white-space: nowrap;
	display: flex
}

.custom-field-detail-checkbox-badge .custom-field-detail-badge-checkbox-box .custom-field-detail-badge-checkbox-icon {
	opacity: 0
}

.custom-field-detail-checkbox-badge .custom-field-detail-badge-checkbox-box:hover {
	background-color: #ebecf0;
	cursor: pointer;
	text-indent: 0
}

.custom-field-detail-checkbox-badge .custom-field-detail-badge-checkbox-box:hover .custom-field-detail-badge-checkbox-icon {
	opacity: 0
}

.custom-field-detail-checkbox-badge .custom-field-detail-badge-checkbox-box:active {
	background-color: #172b4d;
	box-shadow: inset 0 0 0 2px #172b4d;
	text-indent: 0
}

.custom-field-detail-checkbox-badge .custom-field-detail-badge-checkbox-box:active .custom-field-detail-badge-checkbox-icon {
	color: #fff;
	opacity: 1
}

.custom-field-detail-checkbox-badge.is-checked .custom-field-detail-badge-checkbox-box {
	background-color: #fafbfc;
	border-radius: 3px;
	box-shadow: inset 0 0 0 2px #dfe1e6;
	box-sizing: border-box;
	line-height: 20px;
	overflow: hidden;
	text-indent: 100%;
	height: 20px;
	width: 20px;
	white-space: nowrap;
	background-color: rgba(9, 30, 66, .04);
	box-shadow: none;
	text-indent: 0;
	background-color: #fff
}

.custom-field-detail-checkbox-badge.is-checked .custom-field-detail-badge-checkbox-box .custom-field-detail-badge-checkbox-icon {
	opacity: 0;
	opacity: 1;
	color: #6b778c;
	color: #172b4d
}

.custom-field-detail-checkbox-badge.is-checked .custom-field-detail-badge-checkbox-box:hover {
	cursor: pointer;
	text-indent: 0;
	background-color: rgba(9, 30, 66, .13);
	box-shadow: none;
	background-color: #ebecf0
}

.custom-field-detail-checkbox-badge.is-checked .custom-field-detail-badge-checkbox-box:hover .custom-field-detail-badge-checkbox-icon {
	opacity: 0;
	opacity: 1;
	color: #6b778c;
	color: #172b4d
}

.custom-field-detail-checkbox-badge.is-checked .custom-field-detail-badge-checkbox-box:active {
	background-color: #172b4d;
	box-shadow: inset 0 0 0 2px #172b4d;
	text-indent: 0;
	background-color: rgba(9, 30, 66, .25);
	box-shadow: none;
	background-color: #c1c7d0
}

.custom-field-detail-checkbox-badge.is-checked .custom-field-detail-badge-checkbox-box:active .custom-field-detail-badge-checkbox-icon {
	color: #fff;
	opacity: 1;
	color: #172b4d
}

.field-color {
	color: #fff!important
}

.field-color.badge {
	border-radius: 3px;
	padding: 2px 2px 2px 4px
}

.field-color .icon-sm {
	color: #fff
}

.field-color-none {
	background-color: #b3bac5
}

.field-color-green {
	background-color: #61bd4f
}

.field-color-green.mod-selectable.selected {
	box-shadow: -8px 0 #519839
}

.field-color-green.is-clickable:hover {
	background-color: #519839
}

.field-color-yellow {
	background-color: #f2d600
}

.field-color-yellow.mod-selectable.selected {
	box-shadow: -8px 0 #d9b51c
}

.field-color-yellow.is-clickable:hover {
	background-color: #d9b51c
}

.field-color-orange {
	background-color: #ff9f1a
}

.field-color-orange.mod-selectable.selected {
	box-shadow: -8px 0 #cd8313
}

.field-color-orange.is-clickable:hover {
	background-color: #cd8313
}

.field-color-red {
	background-color: #eb5a46
}

.field-color-red.mod-selectable.selected {
	box-shadow: -8px 0 #b04632
}

.field-color-red.is-clickable:hover {
	background-color: #b04632
}

.field-color-purple {
	background-color: #c377e0
}

.field-color-purple.mod-selectable.selected {
	box-shadow: -8px 0 #89609e
}

.field-color-purple.is-clickable:hover {
	background-color: #89609e
}

.field-color-blue {
	background-color: #0079bf
}

.field-color-blue.mod-selectable.selected {
	box-shadow: -8px 0 #055a8c
}

.field-color-blue.is-clickable:hover {
	background-color: #055a8c
}

.field-color-pink {
	background-color: #ff78cb
}

.field-color-pink.mod-selectable.selected {
	box-shadow: -8px 0 #c9558f
}

.field-color-pink.is-clickable:hover {
	background-color: #c9558f
}

.field-color-sky {
	background-color: #00c2e0
}

.field-color-sky.mod-selectable.selected {
	box-shadow: -8px 0 #0098b7
}

.field-color-sky.is-clickable:hover {
	background-color: #0098b7
}

.field-color-lime {
	background-color: #51e898
}

.field-color-lime.mod-selectable.selected {
	box-shadow: -8px 0 #4bbf6b
}

.field-color-lime.is-clickable:hover {
	background-color: #4bbf6b
}

.field-color-black {
	background-color: #344563
}

.field-color-black.mod-selectable.selected {
	box-shadow: -8px 0 #091e42
}

.field-color-black.is-clickable:hover {
	background-color: #091e42
}

.custom-field-front-badges .badge {
	white-space: nowrap
}

.custom-field-detail-item input[type=text].custom-field-detail-badge {
	background-color: transparent;
	border: none;
	box-shadow: none;
	color: #172b4d;
	font-weight: 400;
	background-color: rgba(9, 30, 66, .08);
	text-align: left;
	height: 32px;
	width: 100%;
	cursor: text;
	border-radius: 3px;
	padding: 8px 12px;
	transition-property: background-color, border-color, box-shadow;
	transition-duration: 85ms;
	transition-timing-function: ease
}

.custom-field-detail-item input[type=text].custom-field-detail-badge::-webkit-input-placeholder {
	color: #172b4d
}

.custom-field-detail-item input[type=text].custom-field-detail-badge::-ms-input-placeholder {
	color: #172b4d
}

.custom-field-detail-item input[type=text].custom-field-detail-badge::placeholder {
	color: #172b4d
}

.custom-field-detail-item input[type=text].custom-field-detail-badge:hover {
	background-color: transparent;
	border: none;
	box-shadow: none;
	color: #172b4d;
	background-color: rgba(9, 30, 66, .13)
}

.custom-field-detail-item input[type=text].custom-field-detail-badge:focus {
	background: #fff;
	border: none;
	box-shadow: inset 0 0 0 2px #0079bf;
	text-decoration: none
}

.custom-field-detail-item input[type=text].custom-field-detail-badge.is-invalid:focus {
	background-color: #fff;
	border: none;
	box-shadow: inset 0 0 0 2px #efb3ab;
	background-color: #fbedeb;
	color: #172b4d;
	text-decoration: none
}

@media screen {
	.custom-field-detail-badge.printable-badge {
		display: none
	}
}

@media print {
	.custom-field-external-link,
	input.custom-field-detail-badge {
		display: none
	}
	.custom-field-detail-badge.printable-badge {
		display: inline-block;
		text-decoration: none
	}
}

.list-detail-badge {
	min-width: 36px;
	position: relative
}

.list-detail-badge label {
	display: none
}

.list-detail-badge select {
	border: none;
	cursor: pointer;
	height: 32px;
	left: 0;
	margin: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	z-index: 2;
	width: 100%
}

.list-detail-badge-value {
	display: flex;
	justify-content: space-between
}

input[type=text].is-invalid {
	background-color: #f5d3ce;
	border: 1px solid #cf513d
}

.custom-field-error-message {
	color: #cf513d
}

.custom-field-color-picker {
	margin-top: 8px
}

.remove-field {
	float: right
}

.custom-field-group-header {
	border-bottom: 1px solid #dfe1e6;
	color: #c1c7d0;
	display: flex;
	font-weight: 500;
	line-height: 20px;
	margin-bottom: 4px;
	padding: 8px 0
}

.custom-field-group-header .power-up-item-icon-image {
	height: 20px;
	margin-right: 8px;
	width: 20px
}

.custom-field {
	align-items: center;
	display: flex;
	text-decoration: none;
	width: 100%
}

.custom-field .icon-sm {
	min-width: 20px;
	padding: 6px
}

.custom-field .icon-trash:hover {
	background-color: rgba(9, 30, 66, .13);
	border-radius: 3px;
	cursor: pointer
}

.custom-field .icon-trash:active {
	background-color: rgba(9, 30, 66, .25);
	border-radius: 3px;
	cursor: pointer
}

.custom-field .draggable {
	cursor: move
}

.custom-field .custom-field-name {
	flex-grow: 1;
	margin-right: 4px;
	text-decoration: none;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.custom-field input[type=text].custom-field-name::-ms-clear {
	display: none
}

.custom-field.editing a.custom-field-name,
.custom-field input[type=text] {
	display: none
}

.custom-field.editing input[type=text].custom-field-name {
	display: block;
	margin: 0 8px
}

.custom-field:hover {
	background-color: rgba(9, 30, 66, .13);
	border-radius: 4px
}

.custom-field:active {
	background-color: rgba(9, 30, 66, .25);
	border-radius: 4px
}

.list-option {
	align-items: center;
	display: flex
}

.list-option input[type=text] {
	margin: 4px 0
}

.field-list-option {
	align-items: center;
	border-radius: 3px;
	display: flex;
	padding: 4px
}

.field-list-option .option-value {
	flex-grow: 1;
	text-decoration: none
}

.field-list-option a.option-value {
	min-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.field-list-option input[type=text] {
	display: none;
	margin: 0
}

.field-list-option .icon-trash {
	cursor: pointer;
	min-width: 18px;
	padding: 4px
}

.field-list-option .icon-trash:hover {
	background-color: rgba(9, 30, 66, .13);
	border-radius: 3px
}

.field-list-option .icon-trash:active {
	background-color: rgba(9, 30, 66, .25);
	border-radius: 3px
}

.field-list-option:hover {
	background-color: rgba(9, 30, 66, .13);
	border-radius: 4px
}

.field-list-option:active {
	background-color: rgba(9, 30, 66, .25);
	border-radius: 4px
}

.field-list-option.editing a.option-value {
	display: none
}

.field-list-option.editing input[type=text].option-value {
	display: block;
	width: 212px
}

.field-list-option.placeholder {
	height: 24px;
	background-color: rgba(9, 30, 66, .04)
}

.field-list-option.ui-sortable-helper {
	background: #fff;
	opacity: .9
}

.field-list-option-color-swatch {
	border-radius: 3px;
	cursor: pointer;
	display: inline-block;
	height: 24px;
	margin-bottom: 2px;
	margin-right: 8px;
	min-width: 32px;
	position: relative;
	width: 32px
}

.body-color-blind-mode-enabled .field-list-option-color-swatch {
	padding-left: 4px
}

.body-color-blind-mode-enabled .field-list-option-color-swatch:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 16px
}

.body-color-blind-mode-enabled .field-color-lime:before,
.body-color-blind-mode-enabled .field-color-purple:before {
	background-image: linear-gradient(to bottom right, hsla(0, 0%, 100%, .5) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .5) 0, hsla(0, 0%, 100%, .5) 75%, transparent 0, transparent);
	background-size: 16px 16px
}

.body-color-blind-mode-enabled .field-color-black:before,
.body-color-blind-mode-enabled .field-color-mocha:before,
.body-color-blind-mode-enabled .field-color-orange:before {
	background-image: linear-gradient(90deg, hsla(0, 0%, 100%, .5) 50%, transparent 0, transparent);
	background-size: 8px 8px
}

.body-color-blind-mode-enabled .field-color-green:before,
.body-color-blind-mode-enabled .field-color-pink:before {
	background-image: linear-gradient(to bottom left, hsla(0, 0%, 100%, .5) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .5) 0, hsla(0, 0%, 100%, .5) 75%, transparent 0, transparent);
	background-size: 16px 16px
}

.body-color-blind-mode-enabled .field-color-red:before,
.body-color-blind-mode-enabled .field-color-yellow:before {
	background-image: linear-gradient(135deg, hsla(0, 0%, 100%, .5) 25%, transparent 0), linear-gradient(225deg, hsla(0, 0%, 100%, .5) 25%, transparent 0), linear-gradient(315deg, hsla(0, 0%, 100%, .5) 25%, transparent 0), linear-gradient(45deg, hsla(0, 0%, 100%, .5) 25%, transparent 0);
	background-size: 12px 12px
}

.custom-field-external-link input {
	padding-right: 32px
}

.custom-field-external-link a {
	background-color: #ebecf0;
	border-left: 1px solid #f4f5f7;
	border-radius: 0 4px 4px 0;
	padding: 6px 4px;
	position: absolute;
	top: 0;
	right: 0
}

.custom-field-external-link a:hover {
	background-color: #dfe1e6
}

.custom-field-external-link.editing input {
	padding-right: 7px
}

.custom-field-external-link.editing a {
	display: none
}

.custom-fields-settings-toggle {
	display: block;
	font-weight: 500;
	padding: 6px 0;
	text-decoration: none
}

.custom-fields-settings-toggle .icon-check {
	float: right
}

.custom-fields-settings-toggle:hover {
	border-radius: 3px;
	background-color: #298fca;
	color: #fff;
	padding: 6px 4px
}

.custom-fields-settings-toggle:hover .icon-sm {
	color: #fff
}

.plugin-iframe {
	border: 0;
	box-sizing: border-box;
	display: block;
	width: 100%
}

.plugin-iframe.iframe-loading {
	visibility: hidden
}

.plugin-popover {
	min-width: 280px;
	min-height: 30px
}

.plugin-icon.icon-sm {
	background-size: 14px;
	background-repeat: no-repeat;
	background-position: 3px 3px;
	vertical-align: bottom
}

.body-light-board-background .plugin-icon.board-header-btn-icon.recolorable {
	-webkit-filter: brightness(0);
	filter: brightness(0)
}

.button-link:active .plugin-icon {
	color: #42526e
}

.plugin-card-back-section {
	max-height: 400px
}

.plugin-section-icon {
	background-size: 16px;
	background-position: 8px 8px;
	background-repeat: no-repeat
}

.plugin-section-title a {
	text-decoration: none
}

.plugin-section-title a:hover {
	text-decoration: underline
}

.plugin-color-black,
.plugin-color-black.is-clickable:hover,
.plugin-color-blue,
.plugin-color-blue.is-clickable:hover,
.plugin-color-green,
.plugin-color-green.is-clickable:hover,
.plugin-color-lime,
.plugin-color-lime.is-clickable:hover,
.plugin-color-orange,
.plugin-color-orange.is-clickable:hover,
.plugin-color-pink,
.plugin-color-pink.is-clickable:hover,
.plugin-color-purple,
.plugin-color-purple.is-clickable:hover,
.plugin-color-red,
.plugin-color-red.is-clickable:hover,
.plugin-color-sky,
.plugin-color-sky.is-clickable:hover,
.plugin-color-yellow,
.plugin-color-yellow.is-clickable:hover {
	color: #fff
}

.plugin-color-black.badge,
.plugin-color-blue.badge,
.plugin-color-green.badge,
.plugin-color-lime.badge,
.plugin-color-orange.badge,
.plugin-color-pink.badge,
.plugin-color-purple.badge,
.plugin-color-red.badge,
.plugin-color-sky.badge,
.plugin-color-yellow.badge {
	border-radius: 3px
}

.plugin-color-black {
	background-color: #172b4d
}

.plugin-color-black.is-clickable:hover {
	background-color: #091e42
}

.plugin-color-blue {
	background-color: #0079bf
}

.plugin-color-blue.is-clickable:hover {
	background-color: #026aa7
}

.plugin-color-green {
	background-color: #61bd4f
}

.plugin-color-green.is-clickable:hover {
	background-color: #5aac44
}

.plugin-color-orange {
	background-color: #ff9f1a
}

.plugin-color-orange.is-clickable:hover {
	background-color: #e79217
}

.plugin-color-red {
	background-color: #eb5a46
}

.plugin-color-red.is-clickable:hover {
	background-color: #cf513d
}

.plugin-color-yellow {
	background-color: #f2d600
}

.plugin-color-yellow.is-clickable:hover {
	background-color: #e6c60d
}

.plugin-color-purple {
	background-color: #c377e0
}

.plugin-color-purple.is-clickable:hover {
	background-color: #a86cc1
}

.plugin-color-pink {
	background-color: #ff78cb
}

.plugin-color-pink.is-clickable:hover {
	background-color: #e568af
}

.plugin-color-sky {
	background-color: #00c2e0
}

.plugin-color-sky.is-clickable:hover {
	background-color: #00aecc
}

.plugin-color-lime {
	background-color: #51e898
}

.plugin-color-lime.is-clickable:hover {
	background-color: #4ed583
}

.plugin-color-light-gray {
	color: #505f79;
	background-color: #ebecf0
}

.plugin-color-light-gray.badge {
	border-radius: 3px
}

.plugin-color-light-gray.is-clickable:hover {
	background-color: #dfe1e6
}

.plugin-detail-badges .card-detail-item {
	height: 66px
}

.pop-over .empty.plugin-pop-over-search-empty {
	padding: 16px 4px;
	margin-bottom: 8px
}

.pop-over .plugin-pop-over-search-searching {
	text-align: center;
	padding: 16px 4px;
	margin-bottom: 8px
}

.plugin-thumbnail-initialize {
	height: 24px;
	max-height: 24px
}

.plugin-overlay {
	z-index: 30
}

.plugin-overlay,
.plugin-overlay iframe {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.plugin-overlay iframe {
	width: 100%;
	height: 100%
}

.pop-over-list li>a.plugin-list-action {
	align-items: center;
	display: flex;
	justify-content: space-between;
	white-space: nowrap
}

.pop-over-list li>a.plugin-list-action span {
	overflow: hidden;
	text-overflow: ellipsis
}

.plugin-alert {
	display: flex;
	width: 254px;
	padding: 4px 0
}

.plugin-alert .plugin-alert-icon {
	background-color: #fff;
	border-radius: 3px;
	height: 20px;
	margin-right: 8px;
	min-width: 20px;
	padding: 4px;
	width: 20px
}

.plugin-alert .plugin-alert-header {
	display: flex;
	justify-content: space-between
}

.plugin-alert .plugin-alert-content {
	width: 100%
}

.plugin-alert .plugin-alert-msg {
	font-weight: 400
}

.plugin-chrome-header {
	align-items: center;
	background: #ebecf0;
	border-radius: 4px 4px 0 0;
	display: flex;
	height: 32px;
	justify-content: space-between;
	min-height: 32px
}

.plugin-chrome-content {
	background: #fff
}

.plugin-chrome-header-left-actions {
	display: flex;
	margin-left: 12px
}

.plugin-chrome-title {
	color: #172b4d;
	font-size: 13px;
	font-weight: 700
}

.plugin-chrome-title.light {
	color: #fff
}

.plugin-chrome-header-right-actions {
	display: flex;
	margin-right: 12px
}

.plugin-chrome-header-action {
	display: block;
	height: 16px;
	margin-right: 12px;
	width: 16px
}

.plugin-action-icon {
	background-size: 16px;
	background-repeat: no-repeat;
	display: block;
	height: 16px;
	width: 16px
}

.plugin-chrome-close-button {
	color: rgba(0, 0, 0, .44);
	font-size: 16px;
	height: 16px;
	line-height: 16px;
	width: 16px
}

.plugin-chrome-close-button.light {
	color: #fff
}

.plugin-board-bar {
	max-height: 60%;
	padding: 6px 8px;
	transition: right .1s ease-in
}

.plugin-board-bar .plugin-chrome-wrapper {
	box-shadow: 0 0 6px 1px rgba(0, 0, 0, .4);
	border-radius: 4px
}

.plugin-board-bar .plugin-chrome-content,
.plugin-board-bar .plugin-iframe {
	border-radius: 0 0 4px 4px
}

.plugin-board-bar .resize-handle-wrapper {
	position: absolute;
	width: 100%;
	top: -6px;
	height: 12px;
	cursor: ns-resize;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.plugin-board-bar .resize-handle-wrapper .board-bar-resize-handle {
	position: absolute;
	top: 4px;
	height: 2px;
	width: 100%
}

.plugin-board-bar .resize-handle-wrapper:hover .board-bar-resize-handle {
	background-color: #026aa7
}

.plugin-modal {
	background: rgba(0, 0, 0, .4);
	bottom: 0;
	display: flex;
	justify-content: center;
	left: 0;
	padding: 0 12px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 30
}

.plugin-modal .plugin-chrome-wrapper {
	display: flex;
	flex-direction: column;
	margin: 48px 0 24px;
	max-width: 730px;
	min-width: 369px;
	width: 100%
}

.plugin-modal .plugin-chrome-wrapper.fullscreen {
	max-width: none;
	width: 100%
}

.plugin-modal .plugin-chrome-wrapper.fullscreen .plugin-chrome-content,
.plugin-modal .plugin-chrome-wrapper.fullscreen .plugin-iframe {
	display: flex;
	flex-grow: 1;
	overflow-y: hidden
}

.plugin-modal .plugin-chrome-wrapper.fullscreen .plugin-iframe {
	min-height: 100%
}

.plugin-modal .plugin-chrome-content {
	overflow-y: auto;
	max-height: 100%
}

.plugin-modal .plugin-chrome-content,
.plugin-modal .plugin-iframe {
	border-radius: 0 0 4px 4px
}

.plugin-suggestion-pop-over {
	padding: 0 5px
}

.plugin-suggestion-pop-over .plugin-description-container {
	max-height: 300px;
	overflow-y: scroll;
	border-bottom: 1px solid rgba(9, 30, 66, .13)
}

.plugin-suggestion-pop-over .button.primary {
	width: 100%
}

.plugin-suggestion-pop-over .secondary-links {
	text-align: center
}

.calendar-wrapper {
	background: #fff;
	border-radius: 3px;
	bottom: 10px;
	top: 0;
	right: 10px;
	left: 10px;
	position: absolute;
	box-shadow: 0 4px 8px -2px rgba(9, 30, 66, .25), 0 0 0 1px rgba(9, 30, 66, .08)
}

.calendar-content {
	position: absolute;
	right: 0;
	left: 0;
	bottom: 0;
	top: 86px;
	border-radius: 3px
}

.calendar-header {
	position: relative
}

.calendar-header .button {
	margin: 0 8px 0 0
}

.calendar-header .icon-button {
	padding: 6px;
	margin: 0 8px 0 0
}

.calendar-header .icon-button .icon-sm {
	margin: 0
}

.calendar-header-toolbar {
	min-height: 32px;
	padding: 16px 16px 8px;
	display: flex;
	flex-flow: row;
	align-items: center
}

.calendar-header-toolbar-nav {
	display: flex
}

.calendar-header-toolbar-title {
	text-align: center;
	flex: 1 auto;
	margin: auto
}

.calendar-header-toolbar-type {
	display: flex;
	margin-right: 4px
}

.calendar-header-toolbar-right {
	display: flex;
	align-self: flex-end
}

.calendar-header-toolbar-right .icon-gear {
	margin-right: 8px
}

.calendar-header.month-view .month-button,
.calendar-header.week-view .week-button,
.today-button.on-today {
	background-color: #172b4d;
	box-shadow: 0 1px 0 0 #091e42;
	border: none;
	color: #fff;
	cursor: default;
	pointer-events: none
}

.calendar-header.month-view .month-button:hover,
.calendar-header.week-view .week-button:hover,
.today-button.on-today:hover {
	background-color: #172b4d;
	box-shadow: 0 1px 0 0 #091e42;
	border: none;
	color: #fff
}

.calendar-header.month-view .days-of-week {
	width: 98%;
	padding: 0 16px 0 4px
}

.calendar-header.month-view .icon-leftarrow,
.calendar-header.month-view .icon-rightarrow {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}

.calendar-header.week-view .days-of-week {
	width: 100%
}

.days-of-week {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	grid-gap: 8px;
	font-size: 12px;
	text-transform: uppercase;
	line-height: 32px
}

.days-of-week div {
	text-align: center
}

.pop-over .calendar-card-composer .list-button-link {
	width: 163px;
	margin: 0 8px 8px 0
}

.pop-over .calendar-card-composer .pos-button-link {
	width: 70px;
	margin-bottom: 8px
}

.day-cell {
	border: none;
	height: 144px;
	padding: 0;
	position: relative;
	width: 14%
}

.day-cell h3 {
	color: #6b778c;
	font-weight: 400
}

.day-cell .drop {
	background-color: #dfe1e6
}

.day-cell.current-month .calendar-day {
	background: #ebecf0
}

.day-cell.current-month .calendar-day.drop,
.day-cell.current-month .calendar-day:not(.active):hover {
	background-color: #dfe1e6
}

.day-cell.current-month .calendar-day.today {
	background-color: #faf3c0
}

.day-cell.current-month .calendar-day.today.drop,
.day-cell.current-month .calendar-day.today:not(.active):hover {
	background-color: #f5ea92
}

.day-cell.current-month h3 {
	color: #172b4d;
	font-weight: 700
}

.calendar-day-spacer-div {
	position: relative;
	height: 100%;
	width: 100%
}

.calendar-day:not(.active) {
	height: 100%
}

.calendar-day:not(.active) .day-header {
	width: 120%
}

.calendar-day {
	background: #f4f5f7;
	border-radius: 3px;
	box-sizing: border-box;
	overflow: hidden;
	padding: 8px;
	position: relative
}

.calendar-day:not(.active):hover {
	background-color: #dfe1e6;
	cursor: pointer
}

.calendar-day.today {
	background-color: #faf3c0
}

.calendar-day.today:not(.active):hover {
	background-color: #f5ea92
}

.calendar-day .badge.due-future,
.calendar-day .badge.due-now,
.calendar-day .badge.due-past,
.calendar-day .badge.due-soon {
	display: none
}

.calendar-day .calendar-card-composer {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 8px
}

.calendar-day:not(.active) .calendar-card-composer {
	display: none
}

.calendar-drag-area {
	position: relative
}

.calendar-drag-area .badge.due-future,
.calendar-drag-area .badge.due-now,
.calendar-drag-area .badge.due-past,
.calendar-drag-area .badge.due-soon {
	display: none
}

.day-header {
	cursor: pointer
}

.day-header .close-button {
	float: right;
	display: none
}

.day-header .date {
	margin-left: 4px;
	display: inline-block
}

.day-header .date div {
	display: inline
}

.day-header .num-cards {
	display: inline-block;
	margin-left: 8px;
	position: relative
}

.day-header .num-cards div {
	display: inline
}

.calendar-list-header {
	display: block;
	font-weight: 700;
	margin: 4px 0
}

.calendar-day-list {
	position: absolute;
	left: 8px;
	right: 8px;
	bottom: 0;
	top: 34px;
	overflow-y: auto;
	overflow-x: hidden
}

.calendar-day.active {
	box-shadow: 0 8px 16px -4px rgba(9, 30, 66, .25), 0 0 0 1px rgba(9, 30, 66, .08);
	min-width: 272px;
	position: absolute;
	width: inherit;
	z-index: 1
}

.calendar-day.active .close-button {
	display: block
}

.calendar-day.active .calendar-day-list {
	right: 3px;
	padding-right: 3px;
	bottom: 42px;
	height: auto
}

@media only screen and (min-width:751px) and (max-width:900px),
only screen and (min-width:901px) and (max-width:1280px),
only screen and (min-width:1281px) {
	.week .day-column:last-child .calendar-day.active,
	.week .day-column:nth-last-child(2) .calendar-day.active,
	td:last-child .calendar-day.active,
	td:nth-last-child(2) .calendar-day.active {
		right: 0
	}
}

.calendar-month .list-card.is-due-complete .list-card-title,
.calendar-week .list-card.is-due-complete .list-card-title {
	text-decoration: line-through;
	color: #6b778c;
	font-style: italic
}

.calendar-week {
	height: 100%;
	overflow-x: hidden;
	overflow-y: hidden
}

.calendar-week.u-fancy-scrollbar::-webkit-scrollbar {
	display: none
}

.calendar-week .week-horizontal-canvas {
	height: 100%
}

.calendar-week .week {
	height: 100%;
	display: inline-block
}

.calendar-week .calendar-day {
	background: #f4f5f7
}

.calendar-week .calendar-day.drop {
	background-color: #dfe1e6
}

.calendar-week .calendar-day.today {
	background-color: #faf3c0
}

.calendar-week .calendar-day.today.drop,
.calendar-week .calendar-day.today:not(.active):hover {
	background-color: #f5ea92
}

.calendar-week .calendar-day.active {
	bottom: 4px;
	top: 4px
}

.calendar-week .calendar-day ::-webkit-scrollbar {
	display: block
}

.day-column {
	position: relative;
	height: 100%;
	margin: 0 .5%;
	float: left;
	width: 13.28%
}

.calendar-table {
	margin-bottom: 0;
	border-spacing: 5px;
	border-collapse: separate;
	border-left: none;
	border-right: none
}

.calendar-month {
	height: 100%;
	overflow-y: scroll;
	overflow-x: hidden
}

.calendar-month .badges,
.calendar-month .calendar-list-header,
.calendar-month .list-card-members {
	display: none
}

.calendar-month .calendar-day.active {
	min-height: 350px
}

.calendar-month .calendar-day.active .badges,
.calendar-month .calendar-day.active .calendar-list-header,
.calendar-month .calendar-day.active .list-card-members {
	display: block
}

.icalendar-url {
	display: flex
}

.icalendar-url input {
	width: 250px
}

.icalendar-url .button {
	margin: 4px 2px 13px 6px
}

@media only screen and (max-width:750px) {
	.month-button,
	.today-button,
	.week-button {
		display: none
	}
	.calendar-month {
		overflow-y: hidden
	}
	.calendar-header .icon-close,
	.calendar-header .icon-gear {
		display: none
	}
	.calendar-header.month-view {
		padding-right: 0
	}
	.calendar-header-toolbar {
		padding-bottom: 0
	}
	.calendar-header-toolbar-nav .right-arrow {
		position: absolute;
		right: 9px
	}
	.calendar-content {
		top: 70px
	}
	.u-fancy-scrollbar {
		-webkit-overflow-scrolling: initial
	}
	.day-cell {
		height: inherit
	}
	.calendar-day-spacer-div,
	.day-cell {
		position: static
	}
	.calendar-day:not(.active) {
		height: 60px
	}
	.calendar-day.active {
		top: -70px;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: auto;
		position: absolute;
		min-width: inherit
	}
	.calendar-day.active .date {
		font-size: 20px
	}
	.calendar-day.active .icon-close {
		position: relative;
		left: -13px;
		top: 5px;
		font-size: 20px
	}
	.calendar-day.active .calendar-day-list {
		top: 40px
	}
	.calendar-day.active .day-header {
		padding-top: 7px;
		padding-left: 4px
	}
	.calendar-day:not(.active) {
		padding: 0 4px
	}
	.calendar-day:not(.active) .list-card {
		display: none
	}
	.calendar-day:not(.active) .calendar-day-list {
		position: relative;
		top: 40px
	}
	.calendar-day:not(.active) .day-header {
		z-index: 1;
		height: 100%
	}
	.calendar-day:not(.active) .day-header .day-cards-header {
		display: none
	}
	.calendar-day:not(.active) .day-header .num-cards {
		display: block;
		text-align: center;
		margin: 0;
		color: #fff
	}
	.calendar-day:not(.active) .day-header .day-number-header:not(:empty) {
		background-color: #298fca;
		padding: 7px;
		border-radius: 10px
	}
}

.map-wrapper {
	background: #fff;
	border-radius: 3px;
	bottom: 10px;
	top: 0;
	right: 10px;
	left: 10px;
	position: absolute
}

#board-map-container {
	height: 100%;
	border-radius: 3px
}

.map-header-toolbar-right {
	margin: 8px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 10
}

.board-map-cluster>div {
	color: #fff!important;
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Droid Sans, Helvetica Neue, sans-serif!important;
	font-weight: 400!important;
	line-height: 36px!important
}

.card-back-location {
	background-color: rgba(9, 30, 66, .08);
	box-shadow: 0 1px 1px rgba(9, 30, 66, .25), 0 0 0 1px rgba(9, 30, 66, .08);
	display: flex;
	flex-direction: column;
	border-radius: 3px;
	cursor: pointer;
	min-height: 216px
}

.card-back-location .card-back-static-map {
	width: 100%;
	min-height: 160px
}

.card-back-location .card-back-location-footer {
	padding: 8px 12px;
	display: flex;
	align-items: center;
	justify-content: space-between
}

.card-back-location .card-back-location-footer .card-back-location-details {
	width: calc(100% - 32px)
}

.card-back-location .card-back-location-footer .card-back-location-details .card-back-location-name {
	min-height: 28px
}

.card-back-location .card-back-location-footer .card-back-location-controls {
	align-items: center;
	clear: both;
	display: flex;
	margin-top: 8px
}

.card-back-location .card-back-location-footer .card-back-location-controls .card-back-location-controls-option {
	border-color: transparent;
	border-radius: 3px;
	color: #6b778c;
	display: block;
	height: 20px;
	margin: 0 2px;
	padding: 6px
}

.card-back-location .card-back-location-footer .card-back-location-controls .card-back-location-controls-option:hover {
	background-color: rgba(9, 30, 66, .13);
	color: #172b4d
}

.card-back-location .card-back-location-footer .card-back-location-controls .card-back-location-controls-option:active {
	background-color: rgba(9, 30, 66, .25)
}

.card-back-location:hover {
	background-color: rgba(9, 30, 66, .13)
}

.gm-style-iw {
	color: #172b4d;
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Droid Sans, Helvetica Neue, sans-serif;
	font-size: 14px!important;
	line-height: 20px;
	font-weight: 400!important;
	padding: 0!important
}

.gm-style-iw button.gm-ui-hover-effect {
	display: none!important
}

.gm-style-iw .gm-style-iw-d {
	overflow: auto!important
}

.gm-style-iw-t:after {
	display: none!important
}

.map-card-info-window {
	width: 252px;
	height: 100%
}

.map-card-info-window .list-card {
	box-shadow: none;
	margin-bottom: 0
}

.member {
	background-color: #dfe1e6;
	border-radius: 25em;
	color: #172b4d;
	cursor: pointer;
	display: block;
	float: left;
	height: 32px;
	margin: 0 4px 4px 0;
	overflow: visible;
	position: relative;
	width: 32px;
	text-decoration: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	z-index: 0
}

.member:hover {
	background-color: #c1c7d0
}

.member:hover .member-avatar {
	opacity: .8
}

.member:active {
	background-color: #b3bac5
}

.member:active .member-avatar {
	opacity: .7
}

.member.inline {
	float: none;
	display: inline-block
}

.member-initials {
	display: block;
	font-size: 12px;
	font-weight: 700;
	height: 32px;
	left: 0;
	line-height: 32px;
	overflow: hidden;
	position: absolute;
	text-align: center;
	top: 0;
	width: 100%
}

.member-avatar {
	height: 32px;
	width: 32px;
	border-radius: 25em;
	object-fit: cover
}

.member-type {
	bottom: 0;
	height: 9px;
	position: absolute;
	right: 1px;
	width: 9px;
	z-index: 3
}

.member-gold-badge,
.member-type.admin {
	background-size: 100%
}

.member-gold-badge {
	display: none;
	height: 7px;
	position: absolute;
	right: 1px;
	top: 1px;
	width: 11px;
	z-index: 3
}

.member.has-crown .member-gold-badge {
	display: block
}

.member-no-menu {
	cursor: default
}

.member-no-menu:hover .member-avatar {
	opacity: 1
}

.member.member-deactivated {
	background: #f4f5f7
}

.member.member-deactivated .member-initials {
	color: #6b778c
}

.member.member-deactivated .member-avatar {
	opacity: .2
}

.member.member-deactivated:hover {
	background-color: #ebecf0
}

.member.member-deactivated:hover .member-avatar {
	opacity: .4
}

.member.member-deactivated:active {
	background-color: #dfe1e6
}

.member.member-deactivated:active .member-avatar {
	opacity: .5
}

.member.member-virtual {
	background: #f4f5f7
}

.member.member-virtual:hover {
	background-color: #ebecf0
}

.member.member-virtual:active {
	background-color: #dfe1e6
}

.member.member-virtual .status {
	display: none
}

.member.member-virtual-invitee {
	background: #f4f5f7
}

.member.member-virtual-invitee .member-initials {
	color: #6b778c
}

.member.member-virtual-invitee .member-avatar {
	opacity: .2
}

.member.member-virtual-invitee:hover {
	background-color: #ebecf0
}

.member.member-virtual-invitee:hover .member-avatar {
	opacity: .4
}

.member.member-virtual-invitee:active {
	background-color: #dfe1e6
}

.member.member-virtual-invitee:active .member-avatar {
	opacity: .5
}

.member-full-name {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-bottom: 4px;
	cursor: pointer
}

.member-full-name .member-full-name-avatar {
	flex-shrink: 0;
	width: 32px;
	margin-right: 8px
}

.member-full-name .member-full-name-avatar .member {
	margin: 0
}

.member-full-name .member-full-name-name {
	flex: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.member.m-member-mod-24,
.member.m-member-mod-24 .member-avatar {
	height: 24px;
	width: 24px
}

.member.m-member-mod-24 .member-initials {
	font-size: 10px;
	line-height: 24px;
	height: 24px;
	width: 24px
}

.member.m-member-mod-no-click {
	cursor: auto
}

.member.m-member-mod-no-click:hover {
	background-color: #dfe1e6
}

.member.m-member-mod-no-click img:hover {
	opacity: 1
}

.member-virtual.m-member-mod-no-click:hover {
	background: #f4f5f7
}

.inline-member {
	cursor: pointer
}

.inline-member-av {
	display: inline-block;
	height: 14px;
	margin: 0 0 -2px;
	position: relative;
	width: 14px
}

.member-large {
	background-color: #dfe1e6;
	border-radius: 25em;
	display: block;
	height: 50px;
	overflow: hidden;
	position: relative;
	width: 50px;
	z-index: 1
}

.member-large .member-initials {
	display: block;
	font-size: 16px;
	overflow: hidden;
	right: 0
}

.member-large .av-btn,
.member-large .member-initials {
	font-weight: 700;
	height: 50px;
	left: 0;
	line-height: 50px;
	position: absolute;
	text-align: center;
	top: 0
}

.member-large .av-btn {
	border-radius: 3px;
	color: #fff;
	font-size: 12px;
	opacity: 0;
	width: 50px;
	z-index: 2
}

.member-large .member-avatar {
	border-radius: 3px;
	height: 50px;
	width: 50px
}

.member-large:hover {
	background-color: #c1c7d0
}

.member-large:hover .av-btn.change {
	opacity: 1;
	background: rgba(0, 0, 0, .5)
}

.member-large:active {
	background-color: #b3bac5
}

.member-large:active:active .av-btn.change {
	opacity: 1;
	background: rgba(0, 0, 0, .6)
}

.member-large.mod-team {
	border-radius: 4px
}

.explorer .av-btn {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGP6zwAAAgcBApocMXEAAAAASUVORK5CYII=)
}

.profile-image {
	background-color: #dfe1e6;
	border-radius: 25em;
	cursor: default;
	display: block;
	flex: 0 0 85px;
	height: 85px;
	overflow: hidden;
	position: relative;
	text-decoration: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 85px;
	z-index: 0
}

.profile-image.is-editable {
	cursor: pointer
}

.profile-image.is-editable:hover {
	background-color: #c1c7d0
}

.profile-image.is-editable:hover .profile-image-change-text {
	display: block;
	text-decoration: underline
}

.profile-image.is-editable:active {
	background-color: #b3bac5
}

.profile-image.is-editable:active .profile-image-change-text {
	background: rgba(0, 0, 0, .6);
	display: block;
	text-decoration: underline
}

.profile-image.is-gold {
	background-color: #e2e0ca;
	border-color: #ded063;
	border-bottom-color: #d6c43d;
	box-shadow: 0 5px 5px -5px #b9a827
}

.profile-image.is-gold .member-gold-badge-large {
	display: block
}

.profile-image.mod-team {
	border-radius: 4px
}

.profile-image-image {
	background-size: 85px 85px;
	border-radius: 3px;
	display: block;
	height: 85px;
	left: 0;
	object-fit: cover;
	top: 0;
	width: 85px;
	z-index: 2
}

.profile-image-icon {
	display: block;
	font-size: 55px;
	height: 55px;
	left: 15px;
	line-height: 55px;
	position: absolute;
	top: 15px;
	width: 55px;
	z-index: 2
}

.profile-image-initials {
	display: block;
	font-size: 34px;
	line-height: 85px;
	overflow: hidden;
	top: 0;
	height: 85px;
	width: 85px;
	z-index: 1
}

.profile-image-change-text,
.profile-image-initials {
	font-weight: 700;
	text-align: center;
	left: 0;
	position: absolute
}

.profile-image-change-text {
	background: rgba(0, 0, 0, .5);
	bottom: 0;
	color: #fff;
	display: none;
	height: 40px;
	line-height: 32px;
	right: 0;
	width: 100%;
	z-index: 3
}

.profile-image.mod-team .profile-image-change-text {
	height: 32px
}

.android .profile-image.ed:hover .change-av-text,
.ipad .profile-image.ed:hover .change-av-text,
.iphone .profile-image.ed:hover .change-av-text,
.ipod .profile-image.ed:hover .change-av-text {
	display: none
}

.related-card .avatar img {
	border-radius: 25em
}

.avatar-option {
	border-radius: 3px;
	display: block;
	height: 40px;
	padding: 4px 0;
	position: relative;
	text-decoration: none
}

.avatar-option:hover {
	background-color: rgba(9, 30, 66, .13)
}

.avatar-option:active {
	background-color: rgba(9, 30, 66, .25)
}

.avatar-option .pic {
	border-radius: 25em;
	height: 40px;
	left: 4px;
	position: absolute;
	top: 4px;
	width: 40px;
	object-fit: cover
}

.avatar-option .pic .member-initials {
	font-size: 16px;
	line-height: 40px;
	height: 40px;
	width: 40px
}

.avatar-option .text {
	line-height: 42px;
	font-size: 16px;
	font-weight: 700;
	margin-left: 56px;
	text-decoration: underline
}

.avatar-option .text .icon-sm {
	display: none;
	position: absolute;
	top: 16px;
	right: 10px
}

.avatar-option.active .text .icon-sm {
	display: block
}

.member-profile-info {
	margin-bottom: 8px
}

.member-profile-info .info {
	margin-left: 40px
}

.member-profile-info .info h3 a {
	text-decoration: none
}

.member-profile-info .info h3 a:hover {
	text-decoration: underline
}

.member-profile-info-bio {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin: 0;
	padding: 0
}

.gold-pitch {
	background: linear-gradient(180deg, #faf3c0 0, #f5ea92);
	border-radius: 3px;
	border: 1px solid #dfe1e6;
	border-bottom-color: #c1c7d0;
	color: #172b4d;
	cursor: pointer;
	display: block;
	padding: 6px 6px 6px 66px;
	position: relative;
	text-decoration: none;
	transition: background .2s, color .2s;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.gold-pitch .mark {
	background-size: 48px 34px;
	display: block;
	width: 48px;
	height: 34px;
	left: 0;
	margin: 8px;
	position: absolute;
	top: 6px;
	transition: all .15s ease-out
}

.gold-pitch .title {
	display: block;
	font-weight: 700
}

.gold-pitch .pitchlet {
	display: block
}

.gold-pitch:hover {
	background: linear-gradient(180deg, #edead4 0, #e7e3c6);
	border-color: #dfe1e6;
	border-bottom-color: #c1c7d0
}

.gold-pitch:hover .mark {
	-webkit-transform: scale(1.3);
	transform: scale(1.3)
}

.mini-profile {
	margin: 8px 0;
	min-height: 56px;
	position: relative
}

.mini-profile-member {
	float: left;
	margin: 2px
}

.mini-profile-info {
	margin: 0 0 0 64px;
	word-wrap: break-word
}

.mini-profile-info-title {
	margin: 0 40px 0 0
}

.mini-profile-info-title-link {
	text-decoration: none
}

.mini-profile-info-title-link:hover {
	text-decoration: underline
}

.mini-profile-info-bio {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin: 0;
	padding: 0
}

.member-applications-list-item {
	border-bottom: 1px solid rgba(9, 30, 66, .13);
	padding: 8px 0;
	margin-bottom: 8px;
	position: relative
}

.member-applications-list-item-details {
	margin-right: 100px
}

.member-applications-list-item-button {
	position: absolute;
	top: 4px;
	right: 0
}

.token-plugin-item {
	padding: 8px 0;
	border-bottom: 1px solid #f4f5f7;
	margin-bottom: 8px
}

.token-plugin-item:last-child {
	border-bottom: none;
	margin-bottom: 0
}

.token-plugin-item .token-plugin-header {
	display: flex
}

.token-plugin-item .token-plugin-header .power-up-icon {
	flex: 0 0 auto;
	height: 22px;
	width: 22px;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	margin-right: 8px
}

.token-plugin-item .token-plugin-details {
	background: #f4f5f7;
	border-radius: 3px;
	padding: 8px
}

.token-plugin-item .token-plugin-details .token-plugin-details-row {
	display: flex;
	margin-bottom: 16px
}

.token-plugin-item .token-plugin-details .token-plugin-details-row:last-child {
	margin-bottom: 0
}

.token-plugin-item .token-plugin-details .token-plugin-details-row .compliance-icon {
	width: 20px;
	height: 20px;
	margin-right: 16px;
	align-self: center
}

.token-plugin-item .token-plugin-details .token-plugin-details-row .token-plugin-icon {
	color: #7a869a;
	font-size: 16px;
	margin-right: 16px;
	width: 20px
}

.member-boards-view {
	margin: auto;
	flex-grow: 1;
	width: 100%
}

.member-boards-view,
.member-boards-view.super-home {
	background-color: #fafbfc
}

.fill-area {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0
}

.member-notifications-view {
	padding: 16px 16px 12px;
	margin: 16px auto;
	max-width: 530px
}

.member-notifications-view a.show-more {
	cursor: pointer
}

.gold-earned-modal {
	background: #ebecf0;
	border-radius: 3px;
	border: 1px solid #dfe1e6;
	margin: 0 auto 16px;
	padding: 16px 64px;
	position: relative;
	max-width: 600px
}

.gold-earned-modal .gold-earned-modal-image {
	left: -50px;
	position: absolute;
	top: -5px;
	width: 40px
}

.gold-earned-modal p {
	font-size: 18px;
	line-height: 1.3em;
	margin-bottom: 16px
}

.gold-earned-modal .gold-earned-modal-button {
	font-size: 18px;
	line-height: 30px;
	margin: 0
}

.gold-earned-modal .gold-earned-modal-close {
	position: absolute;
	top: 12px;
	right: 12px
}

.gold-earned-modal .gold-earned-modal-image {
	left: 16px;
	top: 12px
}

.member-login {
	background-color: #f4f5f7;
	border: 1px solid #dfe1e6;
	border-radius: 3px;
	box-sizing: border-box;
	display: inline-block;
	margin: 0 1% 1% 0;
	overflow: hidden;
	padding: 8px 10px;
	position: relative;
	width: 32%;
	word-wrap: break-word;
	vertical-align: top
}

.member-login-remove {
	cursor: pointer;
	padding: 8px;
	position: absolute;
	right: 0;
	top: 0
}

@media only screen and (max-width:750px) {
	.member-login {
		margin: 0 0 8px;
		width: 100%
	}
}

.managed-user-banner {
	background: #f4f5f7;
	color: #6b778c;
	padding: 13px 10px
}

.member-profile-gold-badge {
	background: #ddd8b0;
	color: #7e731b;
	border-radius: 3px;
	display: inline-block;
	font-size: 12px;
	padding: 1px 6px 1px 2px;
	position: relative
}

.member-profile-gold-badge-icon {
	color: #7e731b
}

.member-account-session {
	margin: 16px 0
}

.multi-select-autocomplete-container .multi-board-guest-confirmation {
	background-color: #42548e;
	border-radius: 3px;
	text-align: left;
	padding: 10px;
	font-size: 12px;
	color: #fff;
	margin: 0
}

.multi-select-autocomplete-container .autocomplete-btn {
	height: 48px;
	width: 245px;
	font-size: 16px;
	margin: 16px auto
}

.multi-select-autocomplete-container .autocomplete-btn .spinner.loading {
	margin: 0 auto;
	display: inline-block
}

.multi-select-autocomplete-container .autocomplete-btn .progress {
	font-size: 20px;
	vertical-align: top
}

.multi-select-autocomplete-container .autocomplete-input-container {
	margin: auto;
	max-width: 512px;
	position: relative;
	background-color: #fafbfc;
	border: none;
	box-shadow: inset 0 0 0 2px #dfe1e6;
	color: #172b4d;
	border-radius: 3px;
	min-height: 32px;
	padding: 8px 12px;
	box-sizing: border-box
}

.multi-select-autocomplete-container .autocomplete-input-container:hover {
	background-color: #ebecf0;
	border: none;
	box-shadow: inset 0 0 0 2px #dfe1e6
}

.multi-select-autocomplete-container .autocomplete-input-container.active,
.multi-select-autocomplete-container .autocomplete-input-container:focus {
	background: #fff;
	border: none;
	box-shadow: inset 0 0 0 2px #0079bf
}

.multi-select-autocomplete-container .autocomplete-input-container.processing {
	pointer-events: none
}

.multi-select-autocomplete-container .autocomplete-input-container .autocomplete-input {
	background-color: transparent;
	border: none;
	box-shadow: none;
	flex: 1 0 auto;
	font-size: 14px;
	overflow-x: auto;
	overflow-y: hidden;
	margin: 0;
	padding: 0;
	width: auto;
	max-width: 100%;
	min-height: 36px
}

.multi-select-autocomplete-container .autocomplete-input-container .autocomplete-input:focus {
	box-shadow: none;
	border-color: transparent
}

.multi-select-autocomplete-container .autocomplete-input-container .autocomplete-input::-ms-clear {
	display: none
}

.multi-select-autocomplete-container .autocomplete-input-container .autocomplete-option {
	border-radius: 3px
}

.multi-select-autocomplete-container .autocomplete-input-container .autocomplete-option:hover {
	cursor: pointer
}

.multi-select-autocomplete-container .autocomplete-input-container .autocomplete-option.has-error {
	background-color: #eb5a46;
	color: #fff;
	border: none;
	padding-top: 1px
}

.multi-select-autocomplete-container .autocomplete-input-container .autocomplete-option.has-error .icon-sm {
	color: #fff
}

.multi-select-autocomplete-container .autocomplete-input-container .autocomplete-search-results {
	background-color: #fff;
	border: 1px solid #c1c7d0;
	border-radius: 3px;
	box-sizing: border-box;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, .1);
	position: absolute;
	left: 0;
	top: 105%;
	width: 100%;
	z-index: 10;
	margin: 0;
	overflow-y: visible
}

.multi-select-autocomplete-container .autocomplete-input-container .autocomplete-search-results .bold {
	font-weight: 700
}

.multi-select-autocomplete-container .autocomplete-input-container .autocomplete-search-results .autocomplete-search-scroll {
	width: 100%;
	padding: 7px;
	overflow-y: auto;
	box-sizing: border-box
}

.multi-select-autocomplete-container .autocomplete-input-container .autocomplete-search-results .has-extra-option {
	margin-bottom: 48px
}

.multi-select-autocomplete-container .autocomplete-input-container .autocomplete-search-results.is-empty {
	background-color: #fafbfc;
	color: #7a869a;
	font-size: 14px;
	padding: 16px
}

.multi-select-autocomplete-container .autocomplete-input-container .autocomplete-search-results.is-empty a {
	color: #7a869a
}

.multi-select-autocomplete-container .autocomplete-input-container .autocomplete-search-results .autocomplete-option.active,
.multi-select-autocomplete-container .autocomplete-input-container .autocomplete-search-results .autocomplete-option:hover {
	background-color: #e4f0f6
}

.multi-select-autocomplete-container .autocomplete-input-container .autocomplete-search-results .autocomplete-option.disabled {
	cursor: default;
	background-color: none
}

.multi-select-autocomplete-container .autocomplete-input-container .autocomplete-search-results .autocomplete-option.disabled .member-container {
	opacity: .5
}

.multi-select-autocomplete-container .autocomplete-input-container .autocomplete-search-results .autocomplete-option.disabled.active,
.multi-select-autocomplete-container .autocomplete-input-container .autocomplete-search-results .autocomplete-option.disabled:hover {
	background-color: transparent
}

.multi-select-autocomplete-container .autocomplete-input-container .autocomplete-search-results .autocomplete-option.disabled.active .full-name,
.multi-select-autocomplete-container .autocomplete-input-container .autocomplete-search-results .autocomplete-option.disabled:hover .full-name {
	color: #172b4d
}

.multi-select-autocomplete-container .autocomplete-input-container .autocomplete-search-results .autocomplete-option.disabled .multi-board-guest-autocomplete-alert {
	display: block
}

.multi-select-autocomplete-container .autocomplete-input-container .autocomplete-search-results .autocomplete-no-results {
	margin: 3px 24px 8px;
	color: #6b778c
}

.multi-select-autocomplete-container .autocomplete-input-container .autocomplete-search-results .multi-board-guest-autocomplete-alert {
	display: block;
	background-color: #44558a;
	padding: 8px;
	color: #fff;
	font-size: 12px;
	line-height: 20px
}

.multi-select-autocomplete-container .autocomplete-input-container .autocomplete-search-results .multi-board-guest-autocomplete-alert a {
	color: #fff
}

.multi-select-autocomplete-container .autocomplete-input-container .autocomplete-search-results .autocomplete-option.disabled .multi-board-guest-autocomplete-alert {
	background-color: transparent;
	color: #6b778c
}

.multi-select-autocomplete-container .autocomplete-input-container .autocomplete-search-results .autocomplete-option.disabled .multi-board-guest-autocomplete-alert a {
	color: #6b778c
}

.multi-select-autocomplete-container .autocomplete-input-container .autocomplete-selected {
	display: flex;
	flex-flow: row wrap
}

.multi-select-autocomplete-container .autocomplete-input-container .autocomplete-selected .autocomplete-option {
	background-color: #fafbfc;
	border: 1px solid #ebecf0;
	margin: 3px 7px 3px 0;
	font-size: 14px;
	cursor: default
}

.multi-select-autocomplete-container .autocomplete-input-container .autocomplete-selected .autocomplete-option.has-error {
	border-color: #eb5a46;
	background: #eb5a46
}

.multi-select-autocomplete-container .autocomplete-input-container .autocomplete-selected .autocomplete-option .member-container .member-info {
	font-size: 14px;
	min-height: 20px;
	line-height: 20px
}

.multi-select-autocomplete-container .autocomplete-input-container .autocomplete-selected .autocomplete-option .member-container .full-name {
	max-width: 425px;
	overflow: hidden;
	text-overflow: ellipsis
}

.multi-select-autocomplete-container .autocomplete-input-container .autocomplete-selected .autocomplete-option .member-container .icon-close {
	height: 20px;
	padding-left: 4px
}

.multi-select-autocomplete-container .autocomplete-input-container .member-container {
	display: flex;
	align-items: center;
	padding: 4px
}

.multi-select-autocomplete-container .autocomplete-input-container .member-container .member-info {
	text-align: left
}

.multi-select-autocomplete-container .autocomplete-input-container .member-container .member {
	margin: 0 8px 0 0;
	flex-shrink: 0
}

.card-back-billable-guests-alert {
	margin-bottom: 8px
}

.card-back-billable-guests-alert.as-admin {
	background-color: #44558a;
	padding: 8px;
	color: #fff;
	border-radius: 3px
}

.card-back-billable-guests-alert.as-admin a,
.card-back-billable-guests-alert.as-admin a:hover {
	color: #fff
}

.card-back-billable-guests-alert.as-non-admin {
	color: #6b778c
}

.manage-member-invitation-link.hide {
	display: none
}

.member-cards-options {
	display: flex;
	flex-direction: row
}

.member-cards-board {
	display: flex;
	flex-direction: column;
	border-radius: 4px;
	padding-bottom: 8px;
	cursor: pointer
}

.member-cards-board .board-header-btn {
	cursor: pointer
}

.member-cards-board-name {
	font-weight: 700
}

.member-cards-board-lists {
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap
}

.member-cards-board-lists::-webkit-scrollbar {
	height: 13px;
	width: 13px
}

.member-cards-board-lists::-webkit-scrollbar-thumb:horizontal,
.member-cards-board-lists::-webkit-scrollbar-thumb:vertical {
	background: hsla(0, 0%, 100%, .4)
}

.member-cards-board-lists::-webkit-scrollbar-track-piece {
	background: rgba(0, 0, 0, .15)
}

.member-cards-board-lists::-webkit-scrollbar-button {
	display: block;
	height: 5px;
	width: 5px
}

.member-cards-board-lists .list-wrapper {
	min-width: 270px
}

.member-cards-board-lists .list-header-name {
	font-weight: 700;
	max-height: 256px;
	min-height: 18px;
	font-size: 14px;
	overflow: hidden;
	word-wrap: break-word
}

.member-cards-board-lists .list-cards {
	max-height: 400px
}

.member-cards-list {
	display: flex;
	flex-direction: column
}

.member-cards-list-name {
	font-weight: 700
}

.member-cards-list-cards {
	display: flex;
	flex-direction: column
}

.member-cards-board .board-header-btn .icon-sm.icon-star,
.member-cards-board.body-light-board-background .board-header-btn .icon-sm.icon-star {
	color: #f2d600
}

.gold-from-bc-info {
	margin: 16px auto;
	text-align: center;
	max-width: 416px
}

.gold-from-bc-info .gold-from-bc-info-header {
	margin-bottom: 24px
}

.gold-from-bc-info .gold-from-bc-info-header-text {
	font-size: 16px
}

.gold-from-bc-info .gold-from-bc-info-paragraph {
	margin: 16px 0
}

.gold-from-bc-info .gold-from-bc-info-more-link {
	margin: 24px auto;
	width: 256px
}

.member-settings-opt-out {
	border-radius: 3px;
	background-color: #f4f5f7;
	margin: 0 0 18px 40px;
	padding: 16px
}

.member-settings-opt-out p {
	color: #172b4d;
	line-height: 24px;
	font-size: 14px;
	margin-bottom: 10px
}

.member-settings-opt-out p.opt-out-header {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 0
}

.member-settings-opt-out button {
	height: 32px;
	border-radius: 3px;
	color: #fff;
	font-weight: 500;
	background: #5aac44;
	box-shadow: inset 0 -1px 0 0 #519839, 0 1px 0 0 #519839;
	margin: 0
}

.member-settings-opt-out button:hover {
	background-color: #519839
}

.product-intro-modal {
	background: #fff;
	background: linear-gradient(0deg, #f7f7f7 0, #fff 70px);
	border: 1px solid #cfcfcf;
	border-bottom-color: #b3b3b3;
	border-radius: 6px;
	font-size: 16px;
	line-height: 1.2;
	margin: 0 auto 16px;
	max-width: 600px;
	padding: 24px;
	position: relative
}

.product-intro-modal .product-intro-header {
	text-align: center
}

.product-intro-modal .product-intro-close-bottom {
	margin: 24px 12px 6px
}

.product-intro-modal .product-intro-close {
	position: absolute;
	top: 12px;
	right: 12px
}

.product-intro-modal .product-intro-section {
	margin-bottom: 16px;
	position: relative
}

.product-intro-modal .product-intro-section .product-intro-number {
	background: linear-gradient(180deg, #f4f5f7 0, #ebecf0);
	border-radius: 30px;
	border: 1px solid #dfe1e6;
	font-weight: 700;
	left: -42px;
	line-height: 20px;
	padding: 6px;
	position: absolute;
	top: -6px;
	text-align: center;
	height: 20px;
	width: 20px
}

.product-intro-modal .product-intro-section p {
	margin: 0
}

.product-intro-modal.bc-intro {
	border-color: 1px solid #c7d0d6;
	border-bottom-color: #a7b6be
}

.product-intro-modal.bc-intro .product-intro-logo {
	height: 98px
}

.product-intro-modal.bc-intro .product-intro-number {
	background: linear-gradient(180deg, #dee8ed 0, #d1dee6);
	border-color: #a7b6be
}

.ga-link-helper-section p {
	margin: 10px 0 10px 40px;
	position: relative
}

.ga-link-helper-section .ga-link-helper-num {
	background: linear-gradient(180deg, #dee8ed 0, #d1dee6);
	border-radius: 30px;
	border: 1px solid #a7b6be;
	font-weight: 700;
	left: -37px;
	line-height: 20px;
	padding: 3px;
	position: absolute;
	top: -1px;
	text-align: center;
	height: 20px;
	width: 20px
}

.list-org-members .member {
	margin: 0 2px 2px 0
}

.member-list-item-detail {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	border-bottom: 1px solid rgba(9, 30, 66, .13);
	min-height: 40px;
	padding: 12px 0 12px 40px;
	position: relative
}

.member-list-item-detail .name-line {
	margin-bottom: 0
}

.member-list-item-detail .full-name {
	font-weight: 700;
	font-size: 16px;
	margin-right: 4px
}

.member-list-item-detail.deactivated .full-name {
	color: #6b778c
}

.member-list-item-detail .details {
	float: left;
	flex: 1 0 auto
}

.member-list-item-detail .member {
	position: absolute;
	top: 16px;
	left: 0;
	margin: 0
}

@media only screen and (max-width:750px) {
	.member-list-item-detail .options {
		flex: 0
	}
}

.member-list-item-detail .options .option {
	margin: 4px 0 2px 8px;
	float: left;
	min-width: 95px;
	padding-left: 10px;
	box-sizing: border-box;
	padding-right: 26px
}

.member-list-item-detail .options .option.quiet-button {
	padding: 7px 9px
}

.member-list-item-detail .options .option.button-link {
	padding-right: 12px
}

.member-list-item-detail .options .option.button-link.role-button {
	min-width: 95px;
	padding-left: 10px;
	padding-right: 26px
}

.member-list-item-detail .options .option.button-link.role-button .icon-sm {
	position: absolute;
	top: 6px;
	right: 6px
}

.member-list-item-detail .options .option.button-link.remove-button {
	min-width: 115px
}

.member-list-item-detail .options .option.status {
	padding: 7px 9px
}

.org-members-page-navigation-list {
	margin-bottom: 16px
}

.org-members-page-navigation-list-header {
	color: #6b778c;
	padding: 6px 6px 0 8px;
	text-align: center;
	font-size: 15px
}

.org-members-page-layout {
	margin: 0 auto;
	max-width: 1400px
}

.org-members-page-layout-sidebar {
	margin: 0 auto;
	max-width: 240px;
	padding-bottom: 32px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center
}

.org-members-bulk-add {
	min-height: 200px
}

.org-members-bulk-add-progress {
	padding: 16px;
	text-align: center
}

.org-members-bulk-add-results-heading {
	font-weight: 700;
	margin: 4px 0
}

.org-members-bulk-add-results-list {
	max-height: 192px;
	overflow-y: auto;
	margin-bottom: 12px;
	word-break: break-word;
	word-wrap: break-word;
	overflow-wrap: break-word
}

.org-members-bulk-add-results-list-item::selection {
	background: #bcd9ea
}

.org-members-bulk-add-found {
	display: flex;
	flex-direction: column;
	min-height: 20px
}

.org-members-bulk-add-found.bottom-padding {
	padding-bottom: 12px
}

.org-members-bulk-add-found-entry {
	box-sizing: border-box;
	padding-right: 16px
}

@media only screen and (min-width:901px) and (max-width:1280px),
only screen and (min-width:1281px) {
	.org-members-page-layout {
		display: flex;
		flex-direction: row
	}
	.org-members-page-layout-sidebar {
		max-width: 240px;
		flex: 0 0 240px;
		margin: 0;
		padding-right: 32px;
		justify-content: flex-start
	}
	.org-members-page-layout-list {
		flex: 1 1
	}
}

.org-members-options {
	position: relative;
	margin-bottom: 15px;
	width: 240px
}

.org-members-options .button-link {
	clear: both;
	padding-right: 10px;
	margin: 8px auto;
	max-width: 256px;
	width: 256px
}

.org-members-options .quiet-button {
	clear: both;
	padding: 7px 9px;
	margin: 8px auto
}

.org-members-actions-container h1 {
	font-size: 18px;
	line-height: 30px
}

.org-members-actions-container h1 .icon-enterprise {
	margin-left: 5px
}

.org-members-actions-container .org-members-actions {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between
}

.org-members-actions-container .org-members-actions .org-members-actions-search input::-ms-clear {
	display: none
}

.org-members-actions-container .org-members-actions-add,
.org-members-actions-container .org-members-page-navigation-input {
	margin-bottom: 30px
}

.org-members-actions-container .org-members-actions-add .button-link {
	margin-top: 0
}

.org-members-actions-container .org-members-actions-status-error {
	background-color: #eb5a46;
	border-radius: 3px;
	color: #fff;
	font-weight: 700;
	margin-bottom: 16px;
	padding: 10px;
	position: relative
}

.org-members-actions-container .org-members-actions-status-error .org-members-actions-status-error-close {
	position: absolute;
	right: 8px;
	top: 8px;
	cursor: pointer
}

.org-members-actions-container .org-members-actions-status-error .org-members-actions-status-error-close .icon-close {
	color: #fff
}

.org-members-actions-container .org-members-actions-status-error .org-members-actions-status-error-close:hover .icon-close {
	color: #ebecf0
}

.org-members-actions-container .org-members-actions-status-error .message {
	font-weight: 200;
	font-size: 13px;
	margin: 0;
	letter-spacing: .8px;
	line-height: 18px
}

.org-members-actions-container .org-members-actions-status-error .message .error-message-text {
	font-weight: 700
}

.org-members-section {
	display: none;
	visibility: hidden
}

.org-members-section.active {
	display: block;
	visibility: visible
}

.org-members-empty-container {
	border-radius: 3px;
	box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .15);
	padding: 48px 0;
	text-align: center
}

.org-members-empty-container .org-members-guest-illustration,
.org-members-empty-container .org-members-team-illustration {
	margin-bottom: 19px
}

.org-members-empty-container .org-members-empty-content .org-members-heading {
	margin: 0 0 8px
}

.org-members-empty-container .org-members-empty-content .org-members-subheading {
	max-width: 270px;
	margin: 0 auto 24px
}

.org-members-empty-bc-billing {
	text-align: center;
	margin-top: 20px
}

.org-members-empty-bc-billing .icon-enterprise {
	margin-right: 10px
}

.org-members-missing-container {
	padding: 96px 0;
	text-align: center
}

.org-members-missing-container .org-members-missing-illustration {
	margin-bottom: 16px
}

.org-members-missing-container .org-members-missing-content {
	font-size: 16px;
	margin: 0 auto;
	text-align: center;
	max-width: 300px;
	color: #6b778c;
	opacity: .5
}

.org-members-list,
.org-members-missing-container {
	border-top: 1px solid #dfe1e6
}

.org-guest-section {
	margin-bottom: 32px
}

.org-guest-section h3 span {
	margin-right: 5px
}

.org-guest-section h3 {
	margin-bottom: 5px
}

.org-guest-section .org-members-missing-container {
	padding: 32px 0 0
}

.org-members-filter-list h1 {
	color: #6b778c;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: .04em;
	line-height: 16px;
	margin-top: 16px;
	text-transform: uppercase;
	padding: 8px;
	margin: 0
}

.org-members-filter-list .org-members-filter a {
	border-radius: 3px;
	display: block;
	font-weight: 700;
	text-decoration: none;
	padding: 6px 8px
}

.org-members-filter-list .org-members-filter a:hover {
	background-color: rgba(9, 30, 66, .13)
}

.org-members-filter-list .org-members-filter a:active {
	background-color: rgba(9, 30, 66, .25)
}

.org-members-filter-list .org-members-filter a.active {
	background-color: #dfe1e6
}

.org-member-activity-popover .can-remove-all {
	padding: 2px
}

.org-member-activity-popover .button-link.remove-all-button {
	text-align: center;
	margin-bottom: 16px
}

.org-member-activity-popover .pop-over-list li>a>button {
	text-align: right;
	margin: 0 0 0 5px;
	justify-self: right;
	background: #eb5a46;
	color: #fff;
	display: none
}

.org-member-activity-popover .pop-over-list .quiet {
	color: #172b4d;
	font-weight: 400
}

.org-member-activity-popover .org-board-tile {
	flex-grow: 1;
	display: flex;
	flex-direction: row;
	justify-content: left;
	align-items: initial;
	line-height: 16px;
	min-height: 32px
}

.org-member-activity-popover .pop-over-list li>a {
	display: flex;
	flex-direction: row;
	justify-content: left;
	align-items: center;
	min-height: 28px;
	border-radius: 3px;
	margin: 0 -5px;
	padding: 8px
}

.org-member-activity-popover .pop-over-list .removable:hover>button {
	display: inline-block
}

.org-member-activity-popover .pop-over-list .removable:hover>button:hover {
	background: #cf513d
}

.org-member-activity-popover .pop-over-list li>a:hover {
	background: #f4f5f7;
	color: #172b4d
}

.org-member-activity-popover .pop-over-list li>a:hover .quiet {
	color: #172b4d
}

.org-member-activity-popover .thumbnail {
	background-size: cover;
	border-radius: 4px;
	height: 28px;
	margin: 0;
	margin-right: 8px;
	width: 32px;
	flex-shrink: 0;
	display: inline-block
}

.org-member-activity-popover .org-board-name {
	min-height: 28px;
	vertical-align: middle;
	display: flex;
	flex-direction: row;
	align-items: center
}

.org-bc-settings {
	background: #ebecf0;
	border-radius: 4px;
	padding: 2em 2em 1em 0
}

.org-bc-settings .button-link.disabled,
.org-bc-settings .button-link.disabled:hover {
	background: #d2d7e5;
	border-color: #d2d7e5;
	border-bottom-color: #d2d7e5;
	color: #b2b9d0
}

.org-bc-settings .org-bc-settings-header {
	padding-left: 2em;
	position: relative;
	text-align: center;
	font-size: 1.25em
}

.org-bc-settings .org-bc-settings-header .button-link {
	margin: 1em auto;
	display: inline-block;
	font-size: .95em
}

.org-bc-settings .org-bc-settings-header .button-link span {
	padding: 0 8px
}

.org-bc-settings .org-bc-settings-header img {
	margin-bottom: 1em
}

.board-visibility-restrict-item {
	margin: 12px 0 0
}

.board-visibility-restrict-item.disabled {
	opacity: .5
}

.org-bc-settings.ads-layout-experiment {
	padding: 0
}

.org-bc-settings.ads-layout-experiment .org-bc-body {
	padding: 2em 2em 1em 0
}

.org-bc-settings.ads-layout-experiment .org-bc-settings-ad {
	display: flex;
	background-color: #42548e;
	padding: 1.5em 4em;
	text-align: left;
	color: #fff;
	border-radius: 8px 8px 0 0
}

.org-bc-settings.ads-layout-experiment .org-bc-settings-ad a {
	color: #fff
}

@media only screen and (max-width:750px) {
	.org-bc-settings.ads-layout-experiment .org-bc-settings-ad {
		flex-direction: column;
		padding: 15px
	}
}

.org-bc-settings.ads-layout-experiment .org-bc-settings-ad-title {
	padding-bottom: 10px;
	font-weight: 700
}

.org-bc-settings.ads-layout-experiment .org-bc-settings-ad-text {
	padding-bottom: 10px
}

.org-bc-settings.ads-layout-experiment .button.primary {
	margin-top: 25px;
	display: block;
	background: hsla(0, 0%, 100%, .3);
	color: #fff;
	box-shadow: none;
	font-weight: 400;
	width: 10em
}

.org-bc-settings.ads-layout-experiment .button.primary:hover {
	background: #fff;
	color: #172b4d
}

.org-bc-settings.ads-layout-experiment .org-bc-settings-ad-logo {
	display: flex
}

.org-bc-settings.ads-layout-experiment .org-bc-settings-ad-logo img {
	width: 250px
}

@media only screen and (max-width:750px) {
	.org-bc-settings.ads-layout-experiment .org-bc-settings-ad-logo {
		margin: 0 auto;
		padding-bottom: 30px
	}
	.org-bc-settings.ads-layout-experiment .org-bc-settings-ad-logo img {
		width: 200px;
		height: 100px
	}
}

.org-bc-settings.ads-layout-experiment .org-bc-settings-ad-body {
	flex: 1;
	padding-left: 2em
}

@media only screen and (max-width:750px) {
	.org-bc-settings.ads-layout-experiment .org-bc-settings-ad-body {
		padding: 0
	}
}

.org-bc-settings.ads-layout-experiment .org-bc-settings-ad-ask-to-upgrade {
	padding-top: 18px
}

.bc-active-status {
	background: #dfe1e6;
	border-radius: 3px;
	font-size: 16px;
	height: 30px;
	line-height: 30px;
	padding: 8px 8px 8px 46px;
	position: relative
}

.bc-active-status .icon-lg {
	position: absolute;
	left: 8px;
	top: 8px
}

.bc-active-status.active {
	background: #cedac8;
	color: #242e1f
}

.bc-active-status.active .icon-lg {
	color: #5f7a52
}

.bc-active-status.warning,
.bc-active-status.warning.active {
	background: #dad8c8;
	color: #2e2c1f
}

.bc-active-status.warning.active .icon-lg,
.bc-active-status.warning .icon-lg {
	color: #7a7652
}

.bc-active-status.error {
	background: #dacac8;
	color: #2e201f
}

.bc-active-status.error .icon-lg {
	color: #7a5652
}

.next-charge {
	font-size: 18px;
	line-height: 22px
}

.billing-option-buttons {
	margin-bottom: 8px
}

.billing-option-buttons a {
	background: linear-gradient(180deg, #fff 0, #f4f5f7);
	border: 1px solid #c1c7d0;
	border-bottom-color: #b3bac5;
	border-radius: 3px;
	display: block;
	float: left;
	text-align: center;
	text-decoration: none;
	margin: 0 8px 8px 0;
	padding: 16px 8px;
	position: relative;
	width: 170px
}

.billing-option-buttons a .name {
	display: block;
	font-weight: 700;
	margin-bottom: 8px
}

.billing-option-buttons a .price {
	display: block
}

.billing-option-buttons a.active,
.billing-option-buttons a.active:hover {
	background: linear-gradient(180deg, #fff 0, #f4f5f7);
	border-color: #0079bf;
	box-shadow: 0 0 2px #0079bf;
	cursor: default
}

.billing-option-buttons a:hover {
	background: linear-gradient(180deg, #fafbfc 0, #ebecf0);
	border-color: #b3bac5;
	border-bottom-color: #97a0af;
	box-shadow: 0 0 2px #b3bac5
}

.org-export-header {
	text-align: center;
	margin: 16px 0 24px
}

.org-export-header-button {
	margin: 0 0 12px
}

.org-export-header-options {
	margin: 0 0 16px
}

.org-export-header-text {
	max-width: 550px;
	margin: 0 auto
}

.org-export-list-item {
	padding: 16px 0 0;
	border-bottom: 1px solid rgba(9, 30, 66, .13)
}

.org-export-list-item-title {
	float: left;
	padding: 7px 0;
	margin: 0 16px 16px 0
}

.org-export-list-item-button {
	float: right;
	margin: 0 0 16px
}

.org-export-list-item-generating .org-export-list-item-title {
	color: #6b778c
}

.billing-upgrade-banner {
	font-size: 18px;
	line-height: 24px;
	margin: 0 auto 32px;
	padding-bottom: 32px;
	max-width: 550px
}

.billing-upgrade-banner-header {
	font-size: 22px;
	margin-bottom: 12px
}

.billing-upgrade-banner-button {
	padding: 14px 28px;
	margin: 16px 0
}

.billing-upgrade-banner-price-section {
	background: #f0edcc;
	border-radius: 3px;
	margin: 16px 0 4px;
	padding: 14px 14px 4px;
	text-align: center
}

.billing-upgrade-price-emphasis {
	font-size: 28px
}

.pop-over .billing-upgrade-banner-price-section {
	margin-top: 0
}

.billing-upgrade-banner-button-in-popover {
	display: block;
	padding: 14px 28px;
	margin: 16px 0;
	font-size: 16px
}

.slack-button {
	height: 34px;
	width: auto
}

.slack-button.disabled {
	opacity: .4;
	cursor: default
}

.org-ad {
	background: #ebecf0;
	border-radius: 5px;
	padding: 30px 20px;
	text-align: center;
	max-width: 215px;
	position: relative
}

.org-ad .close-ad {
	top: 10px;
	right: 10px;
	position: absolute;
	cursor: pointer
}

.org-ad .close-ad:hover {
	font-weight: 700
}

.org-ad .close-ad .icon-sm {
	font-size: 20px;
	line-height: 20px
}

.org-ad img {
	margin-bottom: 25px;
	max-width: 100%
}

.org-ad .button {
	margin-top: 25px;
	display: block
}

.org-ad.ads-layout-experiment.org-ad-boards {
	padding: 0
}

.org-ad.ads-layout-experiment.org-ad-boards img {
	margin: 15px 0;
	max-width: 100%
}

.org-ad.ads-layout-experiment.org-ad-members {
	background-image: url(https://a.trellocdn.com/prgb/dist/images/organization/lock.3cd614296ffcc37db41e.svg);
	background-repeat: no-repeat;
	background-position: center 20px;
	padding: 90px 0 0
}

.org-ad.ads-layout-experiment {
	box-sizing: border-box;
	background-color: #42548e;
	color: #fff;
	min-height: 120px;
	text-align: center;
	position: relative;
	border-radius: 8px;
	max-width: 100%
}

.org-ad.ads-layout-experiment .org-ad-learn-more {
	color: #fff
}

.org-ad.ads-layout-experiment .org-ad-body {
	color: #fff;
	text-align: left;
	padding: 16px
}

.org-ad.ads-layout-experiment .org-ad-title {
	padding-bottom: 10px;
	font-weight: 700
}

.org-ad.ads-layout-experiment .org-ad-text {
	padding-bottom: 10px
}

.org-ad.ads-layout-experiment .close-ad {
	display: block;
	position: absolute;
	background: none;
	width: 25px;
	height: 25px;
	border: none;
	box-shadow: none;
	padding: 0;
	margin: 0;
	line-height: 18px;
	top: 0;
	right: 0;
	cursor: pointer
}

.org-ad.ads-layout-experiment .close-ad .icon-sm {
	color: #fff;
	position: absolute;
	top: 50%;
	right: 50%;
	margin: -9px -9px 0 0;
	font-size: 14px;
	line-height: 20px
}

.org-ad.ads-layout-experiment .button.primary {
	margin-top: 25px;
	display: block;
	background: hsla(0, 0%, 100%, .3);
	color: #fff;
	box-shadow: none;
	font-weight: 400
}

.org-ad.ads-layout-experiment .button.primary:hover {
	background: #fff;
	color: #172b4d
}

.team-join-enterprise-request {
	margin: 0 auto
}

.team-join-enterprise-request .loading,
.team-join-enterprise-request .spinner {
	margin: 7px auto 0
}

.cancel-pending-organization {
	display: inline-block;
	margin-top: 10px;
	text-decoration: underline;
	cursor: pointer
}

.pending-organization-text {
	margin-top: 10px
}

.organization-power-up-item {
	min-height: 40px;
	clear: both;
	border-bottom: 1px solid #dfe1e6;
	padding: 12px 8px;
	position: relative
}

.organization-power-up-item-container {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	height: 40px
}

.organization-power-up-item-container .icon-name-container {
	display: flex
}

.organization-power-up-item-container .icon-name-container .power-up-icon {
	flex: 0 0 auto;
	height: 22px;
	width: 22px;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	margin-right: 24px
}

.organization-power-up-item-container .icon-name-container .name {
	flex: 0 0 auto;
	font-weight: 700;
	font-size: 16px
}

.organization-power-up-item-container .power-up-link-icon {
	margin-left: 8px
}

.organization-power-up-item-container .statistics {
	display: flex;
	justify-content: flex-end
}

.organization-power-up-item-container .statistics .open-boards-popover {
	color: #7a869a
}

.organization-power-up-boards-list {
	max-height: 500px
}

.organization-power-up-enabled-board-item:not(:last-child) {
	margin-bottom: 8px
}

.org-power-up-empty-state {
	text-align: center;
	margin: 24px 0
}

.org-power-up-empty-state .org-power-up-empty-state-icon {
	font-size: 32px;
	margin-bottom: 24px
}

.org-power-up-empty-state .org-power-up-empty-state-text {
	color: #7a869a;
	font-size: 18px;
	line-height: 24px
}

.bc-profile-pitch {
	background-color: #e0e4e6;
	border-radius: 3px;
	display: block;
	padding: 10px;
	text-align: center
}

.bc-profile-pitch-pitch,
.bc-profile-pitch-title {
	margin-bottom: 4px
}

.bc-profile-pitch-links {
	color: #6b778c;
	margin: 0
}

.bc-profile-pitch-links-item {
	border-radius: 3px;
	display: inline-block;
	font-weight: 700;
	padding: 3px 6px
}

.bc-profile-pitch-links-item:hover {
	background-color: #c6ced2
}

.billing-intro {
	margin-bottom: 16px;
	text-align: center
}

.billing-intro .billing-intro-header {
	margin-bottom: 20px
}

.billing-intro .billing-intro-header-text {
	font-size: 16px
}

.billing-intro .billing-intro-list {
	text-align: center
}

.billing-intro .billing-intro-list-item {
	box-sizing: border-box;
	display: inline-block;
	padding-right: 18px;
	padding-left: 24px;
	vertical-align: top;
	width: 33%
}

.billing-intro .billing-intro-list-icon {
	position: absolute;
	font-size: 16px
}

.billing-intro .billing-intro-list-icon.icon-business-class {
	color: #42548e
}

.billing-intro .billing-intro-list-icon.icon-trello-gold {
	color: #d9b51c
}

.billing-intro .billing-intro-list li:first-child {
	background-image: url(https://a.trellocdn.com/prgb/dist/images/business-class-feature-integration.ce5f8f256e6f3ccf9c53.png)
}

.billing-intro .billing-intro-list li:nth-child(2) {
	background-image: url(https://a.trellocdn.com/prgb/dist/images/business-class-feature-roadmap.0f99b85b579fc74b3199.png)
}

.billing-intro .billing-intro-list li:last-child {
	background-image: url(https://a.trellocdn.com/prgb/dist/images/business-class-feature-overview.cfae0699077aa768a809.png)
}

.billing-intro .billing-intro-list li {
	padding-top: 124px;
	background-repeat: no-repeat;
	background-size: 112px 112px;
	background-position: top
}

.billing-intro .billing-intro-list.board-limits li {
	width: 25%
}

.billing-intro .billing-intro-list.board-limits li:first-child {
	background-image: url(https://a.trellocdn.com/prgb/dist/images/business-class-feature-boards.511e144c0f72db99b819.png)
}

.billing-intro .billing-intro-list.board-limits li:nth-child(2) {
	background-image: url(https://a.trellocdn.com/prgb/dist/images/business-class-feature-integration.ce5f8f256e6f3ccf9c53.png)
}

.billing-intro .billing-intro-list.board-limits li:nth-child(3) {
	background-image: url(https://a.trellocdn.com/prgb/dist/images/business-class-feature-roadmap.0f99b85b579fc74b3199.png)
}

.billing-intro .billing-intro-more {
	text-align: right
}

.billing-intro .billing-intro-more-link {
	display: block;
	margin: 8px auto 10px;
	width: 136px;
	text-align: center
}

.bc-billing-title {
	margin: 8px 0 0;
	padding: 24px 0 16px;
	text-align: center;
	border-top: 1px solid #d6dadc
}

.bc-billing-wrap .window-module-title {
	border-bottom: none
}

.bc-billing-wrap .credit-card-zip-code input,
.bc-billing-wrap .iframe-input {
	padding-left: 16px;
	height: 48px;
	background-color: #fff
}

.bc-billing-wrap .credit-card-country select {
	padding-left: 16px;
	height: 48px;
	border: 1px solid #cdd2d4;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-repeat: no-repeat;
	background-size: .5em auto;
	background-position: right .5em center;
	padding-right: 1em;
	background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 40"><path d="M0 0h60L30 40z"/></svg>')
}

.bc-billing-wrap .credit-card-country select.select-error {
	border-color: #ec9488
}

.billing {
	border-top: 1px solid #dfe1e6
}

.billing .billing-inner {
	max-width: 500px;
	margin: 0 auto
}

.billing h3 {
	margin: 30px 0 20px
}

.billing .small {
	font-size: 12px
}

.billing .subscribe-title {
	text-align: center;
	margin: 35px 0 20px
}

.billing .billing-plan-title {
	margin-bottom: 15px
}

.billing .billing-plans-wrap {
	display: flex;
	flex-direction: row
}

.billing .billing-products-component .switch-to-annual {
	position: absolute;
	margin: 5px 0 0 10px
}

.billing .billing-plan {
	position: relative;
	flex-basis: 50%;
	display: flex;
	background: #f4f5f7;
	border-radius: 4px;
	font-weight: 700
}

.billing .billing-plan h4 {
	font-size: 14px
}

.billing .billing-plan:nth-of-type(2n) {
	margin-left: 10px
}

.billing .billing-plan.yearly-plan {
	background: #0079bf;
	color: #fff
}

.billing .billing-plan.yearly-plan .monthly-price {
	margin-top: 0
}

.billing .billing-plan.yearly-plan .save-losenge {
	background: #61bd4f;
	padding: 3px 8px;
	border-radius: 4px;
	display: inline-block;
	vertical-align: top;
	margin-left: 10px;
	margin-top: -2px
}

.billing .billing-plan.monthly-plan .radio {
	background: #fff;
	border-color: #000
}

.billing .billing-plan.monthly-plan input[type=radio]:checked+.radio {
	border-color: #61bd4f
}

.billing .billing-plan .monthly-price {
	font-size: 24px;
	margin: 8px 0
}

.billing .billing-plan .small {
	display: block
}

.billing .billing-plan .clear {
	clear: both
}

.billing .billing-plan input[type=radio] {
	position: absolute;
	z-index: -1;
	opacity: 0
}

.billing .billing-plan input[type=radio]:checked+.radio {
	background: url(https://a.trellocdn.com/prgb/dist/images/icon-checkmark.bd608d072bd326fb6c30.svg) 50% 50% no-repeat #61bd4f;
	background-size: 65%
}

.billing .billing-plan .radio {
	display: block;
	position: absolute;
	left: 10px;
	top: 32%;
	border-radius: 50%;
	border: 2px solid #fff;
	width: 28px;
	height: 28px;
	background-color: #fff
}

.billing .billing-plan label {
	color: inherit;
	flex: 1;
	cursor: pointer;
	padding: 10px 10px 10px 50px;
	margin: 0
}

.billing .save-info {
	color: #61bd4f
}

.billing .switch-to-annual {
	color: #eb5a46
}

.billing .credit-card-title {
	margin-top: 30px
}

.billing .credit-card-form-number .iframe-input {
	background: 96% 50% no-repeat transparent;
	background-size: 12%
}

.billing .credit-card-form-number .iframe-input.american-express {
	background-image: url(https://a.trellocdn.com/prgb/dist/images/credit-cards/amex.257152a4748123dae2f8.svg)
}

.billing .credit-card-form-number .iframe-input.visa {
	background-image: url(https://a.trellocdn.com/prgb/dist/images/credit-cards/visa.3e388f114f4a38f3ba64.svg)
}

.billing .credit-card-form-number .iframe-input.master-card {
	background-image: url(https://a.trellocdn.com/prgb/dist/images/credit-cards/mastercard.e08581c1332a282f22bc.svg)
}

.billing .credit-card-form-number .iframe-input.diners-club {
	background-image: url(https://a.trellocdn.com/prgb/dist/images/credit-cards/diners-club.62a3b1ab432d0d126288.svg)
}

.billing .credit-card-form-number .iframe-input.discover {
	background-image: url(https://a.trellocdn.com/prgb/dist/images/credit-cards/discover.a6d204b5c8d0ff97b5a2.svg)
}

.billing .credit-card-form-number .iframe-input.jcb {
	background-image: url(https://a.trellocdn.com/prgb/dist/images/credit-cards/jcb.a5cf58bbe1086d2868ee.svg)
}

.billing .credit-card-form-number .iframe-input.unionpay {
	background-image: url(https://a.trellocdn.com/prgb/dist/images/credit-cards/unionpay.b171e1d4cda238091e64.svg)
}

.billing .credit-card-form-number .iframe-input.maestro {
	background-image: url(https://a.trellocdn.com/prgb/dist/images/credit-cards/maestro.9f955a088b2513291359.svg)
}

.billing .credit-card-expiration-date,
.billing .credit-card-expiration-date .iframe-input,
.billing .credit-card-form-cvv,
.billing .credit-card-zip-code {
	width: 115px;
	max-width: 115px
}

.billing .credit-card-form-cvv {
	position: relative
}

.billing .cvv-tooltip-trigger {
	display: block;
	position: absolute;
	width: 16px;
	height: 16px;
	right: 12px;
	top: 52px;
	background: url(https://a.trellocdn.com/prgb/dist/images/icon-question-mark.f0382249ad42b5a20c11.svg) 50% 50% no-repeat;
	cursor: pointer
}

.billing .credit-card-country select {
	border: 1px solid #cdd2d4;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-repeat: no-repeat;
	background-size: .5em auto;
	background-position: right .5em center;
	background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 40"><path d="M0 0h60L30 40z"/></svg>')
}

.billing .credit-card-country select.select-error {
	border-color: #ec9488
}

.billing .credit-card-country select,
.billing .credit-card-zip-code input,
.billing .iframe-input,
.billing .tax-number input {
	height: 48px;
	font-size: 16px;
	padding-top: 6px;
	padding-left: 12px;
	padding-right: 12px;
	background-color: #fff
}

.billing .credit-card-country select {
	padding-top: 0;
	margin-bottom: 12px
}

.billing .billing-summary {
	margin-bottom: 30px
}

.billing .billing-summary h3 {
	margin-top: 20px
}

.billing .billing-summary .licences-quantity {
	display: block
}

.billing .billing-summary .multi-board-guest-line-item {
	color: #6b778c
}

.billing .billing-summary table,
.billing .billing-summary td {
	border: none;
	padding: 0
}

.billing .billing-summary td:nth-child(2) {
	text-align: right
}

.billing .billing-summary tbody td {
	padding-bottom: 15px
}

.billing .billing-summary tfoot {
	border-top: 1px solid #dfe1e6;
	font-size: 18px
}

.billing .billing-summary tfoot td {
	padding-top: 10px;
	font-size: 18px;
	font-weight: 700
}

.billing .billing-summary tfoot .price {
	margin-bottom: 5px
}

.billing .billing-summary .price {
	display: block
}

.billing #divAcceptTOS {
	margin-bottom: 10px
}

.billing #divAcceptTOS input {
	z-index: 10
}

.billing #divAcceptTOS label,
.billing #divAcceptTOS label a {
	color: #6b778c
}

.billing #divAcceptTOS label a:hover {
	color: #172b4d
}

.billing input[type=button].primary {
	width: 100%;
	font-size: 18px
}

@media only screen and (max-width:750px),
only screen and (min-width:751px) and (max-width:900px) {
	.billing-intro {
		margin-left: 0
	}
	.billing-intro .billing-intro-list li.billing-intro-list-item {
		display: block;
		margin: 0 auto;
		max-width: 400px;
		width: 100%
	}
}

.business-class-upgrade-box {
	background-color: #fdfae5;
	border: 1px solid #f5ea92;
	border-radius: 3px;
	margin-bottom: 16px;
	padding: 16px 172px;
	text-align: center
}

.business-class-upgrade-box-spaced-item {
	margin-top: 8px
}

.business-class-upgrade-box-header {
	font-size: 22px
}

.ask-an-admin {
	background-color: #f4f5f7;
	border-radius: 4px;
	margin: 0 auto 32px;
	padding: 8px;
	text-align: center;
	width: 400px
}

.organization-admin-list {
	border-top: 1px solid #dfe1e6;
	margin-top: 8px
}

.organization-admin-list-item {
	padding: 8px 0;
	border-bottom: 1px solid #dfe1e6;
	display: flex;
	flex-direction: row
}

.organization-admin-list-item-avatar {
	box-sizing: border-box;
	width: 42px;
	height: 38px;
	padding: 4px 8px 4px 4px;
	border-radius: 2px
}

.organization-admin-list-item-details {
	box-sizing: border-box;
	height: 38px;
	display: flex;
	flex-direction: column
}

.organization-admin-list-item-name {
	line-height: 19px;
	font-weight: 700
}

.organization-admin-list-item-username {
	line-height: 19px;
	color: #6b778c
}

.cancel-flow-overlay {
	background-color: rgba(0, 0, 0, .5);
	display: flex;
	justify-content: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 11;
	overflow-y: auto
}

.cancel-flow-overlay-back-icon {
	color: rgba(77, 77, 77, .6);
	position: absolute;
	left: 9px;
	top: 9px;
	transition-property: color, -webkit-transform;
	transition-property: transform, color;
	transition-property: transform, color, -webkit-transform;
	transition-duration: .15s
}

.cancel-flow-overlay-back-icon:hover {
	color: #172b4d;
	cursor: pointer;
	-webkit-transform: scale(1.2);
	transform: scale(1.2)
}

.cancel-flow-overlay-close-icon {
	color: rgba(77, 77, 77, .6);
	position: absolute;
	right: 9px;
	top: 9px;
	transition-property: color, -webkit-transform;
	transition-property: transform, color;
	transition-property: transform, color, -webkit-transform;
	transition-duration: .15s
}

.cancel-flow-overlay-close-icon:hover {
	color: #172b4d;
	cursor: pointer;
	-webkit-transform: scale(1.2);
	transform: scale(1.2)
}

.cancel-flow-dialog {
	border-radius: 2px;
	box-sizing: border-box;
	padding: 48px 24px 24px;
	position: relative;
	width: 640px;
	background-color: #ebeef0;
	margin-top: 48px;
	margin-bottom: 80px
}

.cancel-flow-feature-list-content {
	margin: 0 40px
}

.cancel-flow-buttons {
	margin-top: 24px;
	display: flex
}

.cancel-flow-buttons .button {
	flex: 1
}

.cancel-flow-buttons .button:first-child {
	margin-right: 16px
}

.avalara-certcapture {
	background-color: #fff;
	min-height: 870px
}

.avalara-certcapture .avalara-logo {
	background-image: url(https://a.trellocdn.com/prgb/dist/images/avalara-logo.77c705b211655c23d6d9.svg);
	background-size: cover;
	width: 92px;
	height: 20px;
	display: block;
	margin: 20px 8px 10px
}

.cancel-flow-survey-content {
	text-align: center
}

@media (max-width:480px) {
	.cancel-flow-keep {
		float: right
	}
}

.board-limits-upgrade-ad {
	background-color: #42548e;
	border-radius: 3px;
	text-align: left;
	padding: 10px
}

.board-limits-upgrade-ad p {
	font-size: 12px;
	color: #fff;
	margin: 0
}

.board-limits-upgrade-ad a,
.board-limits-upgrade-ad a:active,
.board-limits-upgrade-ad a:hover,
.board-limits-upgrade-ad a:visited {
	color: #fff
}

.multi-board-guest-banner {
	background-color: #42548e
}

.multi-board-guest-banner .icon-close {
	background: transparent;
	border: none;
	box-shadow: none;
	color: hsla(0, 0%, 100%, .5);
	margin: 4px;
	padding: 0;
	position: absolute;
	right: 0
}

.multi-board-guest-banner-content {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	margin: 0 auto;
	max-width: 1234px;
	padding: 10px 36px
}

.multi-board-guest-banner-notification-section {
	flex: 1;
	color: #fff
}

.multi-board-guest-banner-notification-section a {
	color: #fff
}

.multi-board-guest-banner-button-section {
	display: flex;
	flex-direction: row;
	align-items: center
}

.multi-board-guest-banner-button-manage {
	margin-top: 0;
	margin-right: 8px
}

.multi-board-guest-banner-button-learn-more {
	margin-top: 0
}

@media only screen and (min-width:750px) {
	.multi-board-guest-banner-content {
		flex-direction: row
	}
	.multi-board-guest-banner-button-section {
		padding: 0 36px
	}
}

.phenom {
	border-bottom: 1px solid rgba(9, 30, 66, .13);
	margin-left: 40px;
	min-height: 32px;
	padding: 12px 0;
	position: relative
}

.phenom-creator,
.phenom-icon {
	height: 32px;
	left: -40px;
	position: absolute;
	top: 12px;
	width: 32px
}

.phenom-desc {
	margin: 0 24px 0 0;
	word-wrap: break-word
}

.phenom-meta {
	display: inline-block;
	font-size: 12px;
	margin: 0;
	min-width: 110px
}

.phenom-meta a.date {
	text-decoration: none
}

.phenom-meta a.date:hover {
	text-decoration: underline
}

.phenom-date {
	font-size: 12px;
	line-height: 14px;
	margin: 0 0 6px;
	min-width: 105px
}

.phenom-date a.date {
	text-decoration: none
}

.phenom-date a.date:hover {
	text-decoration: underline
}

.comment-container {
	display: block
}

.action-comment {
	background-color: #fff;
	border-radius: 3px;
	box-shadow: 0 1px 2px -1px rgba(9, 30, 66, .25), 0 0 0 1px rgba(9, 30, 66, .08);
	box-sizing: border-box;
	clear: both;
	display: inline-block;
	margin: 4px 2px 4px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%
}

.action-comment.can-edit {
	cursor: pointer
}

.action-comment .current-comment {
	padding: 8px 12px
}

.action-comment p {
	text-overflow: ellipsis;
	word-wrap: break-word
}

.action-comment pre {
	max-height: 516px
}

.action-comment img:last-child,
.action-comment p:last-child,
.action-comment pre:last-child {
	margin-bottom: 0
}

.action-comment.full-width {
	width: 100%
}

.phenom .comment-box {
	display: none
}

.action-comment-fade-button {
	display: none;
	background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff);
	height: 30px;
	left: 0;
	position: absolute;
	right: 0;
	top: 344px;
	transition: opacity .15s ease-in
}

.action-comment-fade-button:hover {
	opacity: .6
}

.embed {
	background-color: #dfe1e6;
	border-radius: 3px;
	box-sizing: border-box;
	max-width: 100%;
	padding: 4px;
	width: auto
}

.embed>a {
	display: inline-block
}

.embed iframe {
	height: auto
}

.embed iframe,
.embed object {
	min-height: 270px;
	width: 100%
}

.embed img {
	height: auto;
	width: 100%
}

.window-module .phenom .action-comment {
	cursor: auto
}

.checklist-item-state-complete .atMention,
del .atMention {
	text-decoration: line-through
}

.atMention {
	font-weight: 700
}

.atMention.me {
	color: #0079bf
}

.phenom-member {
	display: flex;
	padding: 0 0 8px
}

.phenom-member.show-mem-menu {
	cursor: pointer
}

.phenom-member .phenom-creator {
	top: 12px
}

.phenom-member .icon-lg.icon-member.member-avatar {
	margin-top: -4px!important
}

.phenom.mod-attachment-type .phenom-desc,
.phenom.mod-comment-type .phenom-desc {
	display: block
}

.phenom.mod-attachment-type .phenom-desc .inline-spacer,
.phenom.mod-comment-type .phenom-desc .inline-spacer {
	display: inline-block;
	min-width: 4px
}

.phenom.mod-attachment-type .phenom-desc .phenom-date,
.phenom.mod-comment-type .phenom-desc .phenom-date {
	font-size: 12px;
	font-weight: 400;
	white-space: pre
}

.phenom.mod-attachment-type .phenom-desc .phenom-date a.date,
.phenom.mod-comment-type .phenom-desc .phenom-date a.date {
	text-decoration: none
}

.phenom.mod-attachment-type .phenom-desc .phenom-date a.date:hover,
.phenom.mod-comment-type .phenom-desc .phenom-date a.date:hover {
	text-decoration: underline
}

.phenom.mod-attachment-type .phenom-meta,
.phenom.mod-comment-type .phenom-meta {
	display: block
}

.phenom.mod-is-card,
.phenom.mod-is-card.mod-unread,
.phenom.mod-is-not-card,
.phenom.mod-is-not-card.mod-unread {
	width: 360px;
	margin: 8px 0 8px 32px;
	padding: 0 0 8px;
	border-radius: 3px;
	border: 0;
	background: #f4f5f7;
	box-shadow: 0 1px 1px rgba(9, 30, 66, .25), 0 0 0 1px rgba(9, 30, 66, .08)
}

.phenom.mod-is-card.mod-unread.mod-unread .unread-cover,
.phenom.mod-is-card.mod-unread .unread-cover,
.phenom.mod-is-not-card.mod-unread.mod-unread .unread-cover,
.phenom.mod-is-not-card.mod-unread .unread-cover {
	opacity: 1
}

.phenom.mod-is-card .canonical-card,
.phenom.mod-is-card.mod-unread .canonical-card,
.phenom.mod-is-not-card .canonical-card,
.phenom.mod-is-not-card.mod-unread .canonical-card {
	margin: 0
}

.phenom.mod-is-card.mod-is-not-card,
.phenom.mod-is-card.mod-unread.mod-is-not-card,
.phenom.mod-is-not-card.mod-is-not-card,
.phenom.mod-is-not-card.mod-unread.mod-is-not-card {
	margin-top: 8px
}

.phenom.mod-is-card .archive-button,
.phenom.mod-is-card.mod-unread .archive-button,
.phenom.mod-is-not-card .archive-button,
.phenom.mod-is-not-card.mod-unread .archive-button {
	display: block;
	color: #6b778c;
	font-size: 12px;
	height: 32px;
	line-height: 24px;
	padding: 0 8px;
	text-decoration: underline
}

.phenom.mod-is-card .archive-button .icon-sm,
.phenom.mod-is-card.mod-unread .archive-button .icon-sm,
.phenom.mod-is-not-card .archive-button .icon-sm,
.phenom.mod-is-not-card.mod-unread .archive-button .icon-sm {
	width: auto;
	font-size: 8px;
	font-weight: 700;
	margin-right: 8px;
	line-height: 24px;
	height: auto;
	transition: -webkit-transform .5s ease-in-out;
	transition: transform .5s ease-in-out;
	transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
	-webkit-transform: rotate(0);
	transform: rotate(0)
}

.phenom.mod-is-card .archive-button:hover,
.phenom.mod-is-card.mod-unread .archive-button:hover,
.phenom.mod-is-not-card .archive-button:hover,
.phenom.mod-is-not-card.mod-unread .archive-button:hover {
	color: #172b4d;
	cursor: pointer
}

.phenom.mod-is-card .archive,
.phenom.mod-is-card.mod-unread .archive,
.phenom.mod-is-not-card .archive,
.phenom.mod-is-not-card.mod-unread .archive {
	transition: height .5s ease-in-out;
	overflow: hidden
}

.phenom.mod-is-card .archive.measuring,
.phenom.mod-is-card.mod-unread .archive.measuring,
.phenom.mod-is-not-card .archive.measuring,
.phenom.mod-is-not-card.mod-unread .archive.measuring {
	z-index: -1;
	height: auto;
	width: 100%
}

.phenom.mod-is-card .archive.measuring-closed,
.phenom.mod-is-card.mod-unread .archive.measuring-closed,
.phenom.mod-is-not-card .archive.measuring-closed,
.phenom.mod-is-not-card.mod-unread .archive.measuring-closed {
	position: absolute;
	visibility: hidden
}

.phenom.mod-is-card .archive:not(.measuring),
.phenom.mod-is-card.mod-unread .archive:not(.measuring),
.phenom.mod-is-not-card .archive:not(.measuring),
.phenom.mod-is-not-card.mod-unread .archive:not(.measuring) {
	height: 0
}

.phenom.mod-is-card .archive+.notification .phenom-member,
.phenom.mod-is-card .archive .notification:first-of-type .phenom-member,
.phenom.mod-is-card.mod-unread .archive+.notification .phenom-member,
.phenom.mod-is-card.mod-unread .archive .notification:first-of-type .phenom-member,
.phenom.mod-is-not-card .archive+.notification .phenom-member,
.phenom.mod-is-not-card .archive .notification:first-of-type .phenom-member,
.phenom.mod-is-not-card.mod-unread .archive+.notification .phenom-member,
.phenom.mod-is-not-card.mod-unread .archive .notification:first-of-type .phenom-member {
	padding-top: 8px
}

.phenom.mod-is-card .archive .notification:last-of-type .phenom-desc,
.phenom.mod-is-card.mod-unread .archive .notification:last-of-type .phenom-desc,
.phenom.mod-is-not-card .archive .notification:last-of-type .phenom-desc,
.phenom.mod-is-not-card.mod-unread .archive .notification:last-of-type .phenom-desc {
	margin-bottom: 0
}

.phenom.mod-is-card.archive-visible .archive-button .icon-sm,
.phenom.mod-is-card.mod-unread.archive-visible .archive-button .icon-sm,
.phenom.mod-is-not-card.archive-visible .archive-button .icon-sm,
.phenom.mod-is-not-card.mod-unread.archive-visible .archive-button .icon-sm {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.phenom.mod-is-card.mod-unread .unread-cover,
.phenom.mod-is-card .unread-cover,
.phenom.mod-is-not-card.mod-unread .unread-cover,
.phenom.mod-is-not-card .unread-cover {
	opacity: 0;
	position: absolute;
	width: 100vw;
	height: calc(100% + 16px + 1px);
	transition: background .5s ease-in-out;
	background: #e4f7fa;
	z-index: -1;
	margin-top: -8px;
	margin-left: -48px
}

.phenom.mod-is-card .mark-read,
.phenom.mod-is-card .mark-unread,
.phenom.mod-is-card.mod-unread .mark-read,
.phenom.mod-is-card.mod-unread .mark-unread,
.phenom.mod-is-not-card .mark-read,
.phenom.mod-is-not-card .mark-unread,
.phenom.mod-is-not-card.mod-unread .mark-read,
.phenom.mod-is-not-card.mod-unread .mark-unread {
	top: 0;
	left: -32px;
	margin-right: 0
}

.phenom.mod-is-card .mark-read:hover,
.phenom.mod-is-card .mark-unread:hover,
.phenom.mod-is-card.mod-unread .mark-read:hover,
.phenom.mod-is-card.mod-unread .mark-unread:hover,
.phenom.mod-is-not-card .mark-read:hover,
.phenom.mod-is-not-card .mark-unread:hover,
.phenom.mod-is-not-card.mod-unread .mark-read:hover,
.phenom.mod-is-not-card.mod-unread .mark-unread:hover {
	background-color: #bdecf3;
	border-radius: 3px
}

.phenom.mod-is-card.mod-unread .phenom-member,
.phenom.mod-is-card .phenom-member,
.phenom.mod-is-not-card.mod-unread .phenom-member,
.phenom.mod-is-not-card .phenom-member {
	padding: 16px 8px 8px
}

.phenom.mod-is-card.mod-unread .phenom-member .phenom-creator,
.phenom.mod-is-card .phenom-member .phenom-creator,
.phenom.mod-is-not-card.mod-unread .phenom-member .phenom-creator,
.phenom.mod-is-not-card .phenom-member .phenom-creator {
	position: static;
	margin-right: 8px;
	flex: 0 0 24px;
	height: 24px;
	width: 24px
}

.phenom.mod-is-card.mod-unread .phenom-member .member,
.phenom.mod-is-card.mod-unread .phenom-member .member-avatar,
.phenom.mod-is-card.mod-unread .phenom-member .member-initials,
.phenom.mod-is-card .phenom-member .member,
.phenom.mod-is-card .phenom-member .member-avatar,
.phenom.mod-is-card .phenom-member .member-initials,
.phenom.mod-is-not-card.mod-unread .phenom-member .member,
.phenom.mod-is-not-card.mod-unread .phenom-member .member-avatar,
.phenom.mod-is-not-card.mod-unread .phenom-member .member-initials,
.phenom.mod-is-not-card .phenom-member .member,
.phenom.mod-is-not-card .phenom-member .member-avatar,
.phenom.mod-is-not-card .phenom-member .member-initials {
	margin: 0;
	width: 24px;
	height: 24px
}

.phenom.mod-is-card.mod-unread .phenom-member .member-initials,
.phenom.mod-is-card .phenom-member .member-initials,
.phenom.mod-is-not-card.mod-unread .phenom-member .member-initials,
.phenom.mod-is-not-card .phenom-member .member-initials {
	line-height: 24px
}

.phenom.mod-is-card.mod-unread .phenom-member .member-gold-badge,
.phenom.mod-is-card .phenom-member .member-gold-badge,
.phenom.mod-is-not-card.mod-unread .phenom-member .member-gold-badge,
.phenom.mod-is-not-card .phenom-member .member-gold-badge {
	top: -2px;
	right: -2px
}

.phenom.mod-is-card.mod-unread .phenom-member .member-name,
.phenom.mod-is-card .phenom-member .member-name,
.phenom.mod-is-not-card.mod-unread .phenom-member .member-name,
.phenom.mod-is-not-card .phenom-member .member-name {
	line-height: 24px;
	color: #172b4d
}

.phenom.mod-is-card.mod-unread .phenom-member .member-name.bold,
.phenom.mod-is-card .phenom-member .member-name.bold,
.phenom.mod-is-not-card.mod-unread .phenom-member .member-name.bold,
.phenom.mod-is-not-card .phenom-member .member-name.bold {
	font-weight: 700
}

.phenom.mod-is-card.mod-unread .phenom-member .member-name .member-date,
.phenom.mod-is-card .phenom-member .member-name .member-date,
.phenom.mod-is-not-card.mod-unread .phenom-member .member-name .member-date,
.phenom.mod-is-not-card .phenom-member .member-name .member-date {
	cursor: text;
	font-size: 12px;
	font-weight: 400;
	white-space: pre
}

.phenom.mod-is-card.mod-unread .phenom-member .member-reactors,
.phenom.mod-is-card .phenom-member .member-reactors,
.phenom.mod-is-not-card.mod-unread .phenom-member .member-reactors,
.phenom.mod-is-not-card .phenom-member .member-reactors {
	font-size: 12px;
	line-height: 24px
}

.phenom.mod-is-card.mod-unread .phenom-member .member-reactors .member-name,
.phenom.mod-is-card .phenom-member .member-reactors .member-name,
.phenom.mod-is-not-card.mod-unread .phenom-member .member-reactors .member-name,
.phenom.mod-is-not-card .phenom-member .member-reactors .member-name {
	white-space: pre-line
}

.phenom.mod-is-card.mod-unread .phenom-icon,
.phenom.mod-is-card .phenom-icon,
.phenom.mod-is-not-card.mod-unread .phenom-icon,
.phenom.mod-is-not-card .phenom-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 24px;
	height: 24px;
	border-radius: 48px;
	position: static;
	margin-right: 8px;
	margin-top: 4px;
	box-sizing: border-box;
	border: 1px solid #dfe1e6
}

.phenom.mod-is-card.mod-unread .phenom-icon-link:hover,
.phenom.mod-is-card .phenom-icon-link:hover,
.phenom.mod-is-not-card.mod-unread .phenom-icon-link:hover,
.phenom.mod-is-not-card .phenom-icon-link:hover {
	background-color: #fff;
	cursor: pointer
}

.phenom.mod-is-card .canonical-card div:first-child,
.phenom.mod-is-card.mod-unread .canonical-card div:first-child,
.phenom.mod-is-not-card .canonical-card div:first-child,
.phenom.mod-is-not-card.mod-unread .canonical-card div:first-child {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}

.phenom.mod-is-card .content-wrapper,
.phenom.mod-is-card.mod-unread .content-wrapper,
.phenom.mod-is-not-card .content-wrapper,
.phenom.mod-is-not-card.mod-unread .content-wrapper {
	display: flex;
	padding: 0 8px
}

.phenom.mod-is-card .content-wrapper .comment-container,
.phenom.mod-is-card.mod-unread .content-wrapper .comment-container,
.phenom.mod-is-not-card .content-wrapper .comment-container,
.phenom.mod-is-not-card.mod-unread .content-wrapper .comment-container {
	margin-top: -4px
}

.phenom.mod-is-card .content-wrapper .comment-container a,
.phenom.mod-is-card.mod-unread .content-wrapper .comment-container a,
.phenom.mod-is-not-card .content-wrapper .comment-container a,
.phenom.mod-is-not-card.mod-unread .content-wrapper .comment-container a {
	text-decoration: none
}

.phenom.mod-is-card .content-wrapper .comment-container:hover .action-comment,
.phenom.mod-is-card.mod-unread .content-wrapper .comment-container:hover .action-comment,
.phenom.mod-is-not-card .content-wrapper .comment-container:hover .action-comment,
.phenom.mod-is-not-card.mod-unread .content-wrapper .comment-container:hover .action-comment {
	background-color: #fafbfc;
	cursor: pointer
}

.phenom.mod-is-card .content-wrapper .comment-container:hover .action-comment.reaction-added,
.phenom.mod-is-card.mod-unread .content-wrapper .comment-container:hover .action-comment.reaction-added,
.phenom.mod-is-not-card .content-wrapper .comment-container:hover .action-comment.reaction-added,
.phenom.mod-is-not-card.mod-unread .content-wrapper .comment-container:hover .action-comment.reaction-added {
	background-color: #dfe1e6
}

.phenom.mod-is-card .content-wrapper .comment-container .action-comment,
.phenom.mod-is-card.mod-unread .content-wrapper .comment-container .action-comment,
.phenom.mod-is-not-card .content-wrapper .comment-container .action-comment,
.phenom.mod-is-not-card.mod-unread .content-wrapper .comment-container .action-comment {
	margin-top: 2px;
	margin-bottom: 0;
	vertical-align: top
}

.phenom.mod-is-card .content-wrapper .comment-container .action-comment.reaction-added,
.phenom.mod-is-card.mod-unread .content-wrapper .comment-container .action-comment.reaction-added,
.phenom.mod-is-not-card .content-wrapper .comment-container .action-comment.reaction-added,
.phenom.mod-is-not-card.mod-unread .content-wrapper .comment-container .action-comment.reaction-added {
	font-size: 12px;
	line-height: 15px;
	width: 296px;
	border-radius: 3px;
	background-color: #f4f5f7;
	box-shadow: none
}

.phenom.mod-is-card .content-wrapper .comment-container .action-comment.reaction-added:hover,
.phenom.mod-is-card.mod-unread .content-wrapper .comment-container .action-comment.reaction-added:hover,
.phenom.mod-is-not-card .content-wrapper .comment-container .action-comment.reaction-added:hover,
.phenom.mod-is-not-card.mod-unread .content-wrapper .comment-container .action-comment.reaction-added:hover {
	background-color: #ebecf0
}

.phenom.mod-is-card .content-wrapper .comment-container .action-comment.reaction-added.is-truncated,
.phenom.mod-is-card.mod-unread .content-wrapper .comment-container .action-comment.reaction-added.is-truncated,
.phenom.mod-is-not-card .content-wrapper .comment-container .action-comment.reaction-added.is-truncated,
.phenom.mod-is-not-card.mod-unread .content-wrapper .comment-container .action-comment.reaction-added.is-truncated {
	max-height: 56px;
	position: relative
}

.phenom.mod-is-card .content-wrapper .comment-container .action-comment.reaction-added .action-comment-fade-button,
.phenom.mod-is-card.mod-unread .content-wrapper .comment-container .action-comment.reaction-added .action-comment-fade-button,
.phenom.mod-is-not-card .content-wrapper .comment-container .action-comment.reaction-added .action-comment-fade-button,
.phenom.mod-is-not-card.mod-unread .content-wrapper .comment-container .action-comment.reaction-added .action-comment-fade-button {
	display: block;
	background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff);
	height: 30px;
	position: absolute;
	top: 26px;
	left: 0;
	transition: opacity .15s ease-in;
	cursor: pointer
}

.phenom.mod-is-card .content-wrapper .comment-container .action-comment.reaction-added .action-comment-fade-button:hover,
.phenom.mod-is-card.mod-unread .content-wrapper .comment-container .action-comment.reaction-added .action-comment-fade-button:hover,
.phenom.mod-is-not-card .content-wrapper .comment-container .action-comment.reaction-added .action-comment-fade-button:hover,
.phenom.mod-is-not-card.mod-unread .content-wrapper .comment-container .action-comment.reaction-added .action-comment-fade-button:hover {
	opacity: .6
}

.phenom.mod-is-card .content-wrapper .comment-creator,
.phenom.mod-is-card .content-wrapper .member,
.phenom.mod-is-card.mod-unread .content-wrapper .comment-creator,
.phenom.mod-is-card.mod-unread .content-wrapper .member,
.phenom.mod-is-not-card .content-wrapper .comment-creator,
.phenom.mod-is-not-card .content-wrapper .member,
.phenom.mod-is-not-card.mod-unread .content-wrapper .comment-creator,
.phenom.mod-is-not-card.mod-unread .content-wrapper .member {
	width: 20px;
	height: 20px;
	flex-basis: 20px;
	margin-right: 4px;
	margin-left: 12px;
	cursor: default
}

.phenom.mod-is-card .content-wrapper .comment-creator .member-avatar,
.phenom.mod-is-card .content-wrapper .member .member-avatar,
.phenom.mod-is-card.mod-unread .content-wrapper .comment-creator .member-avatar,
.phenom.mod-is-card.mod-unread .content-wrapper .member .member-avatar,
.phenom.mod-is-not-card .content-wrapper .comment-creator .member-avatar,
.phenom.mod-is-not-card .content-wrapper .member .member-avatar,
.phenom.mod-is-not-card.mod-unread .content-wrapper .comment-creator .member-avatar,
.phenom.mod-is-not-card.mod-unread .content-wrapper .member .member-avatar {
	width: 20px;
	height: 20px;
	line-height: 20px
}

.phenom.mod-is-card .content-wrapper .comment-creator .member-initials,
.phenom.mod-is-card .content-wrapper .member .member-initials,
.phenom.mod-is-card.mod-unread .content-wrapper .comment-creator .member-initials,
.phenom.mod-is-card.mod-unread .content-wrapper .member .member-initials,
.phenom.mod-is-not-card .content-wrapper .comment-creator .member-initials,
.phenom.mod-is-not-card .content-wrapper .member .member-initials,
.phenom.mod-is-not-card.mod-unread .content-wrapper .comment-creator .member-initials,
.phenom.mod-is-not-card.mod-unread .content-wrapper .member .member-initials {
	width: 20px;
	height: 20px;
	font-size: 10px;
	line-height: 20px
}

.phenom.mod-is-card .content-wrapper .phenom-desc,
.phenom.mod-is-card.mod-unread .content-wrapper .phenom-desc,
.phenom.mod-is-not-card .content-wrapper .phenom-desc,
.phenom.mod-is-not-card.mod-unread .content-wrapper .phenom-desc {
	width: auto;
	max-width: 308px;
	overflow: hidden;
	padding: 6px 16px 2px 2px;
	margin: 0;
	position: relative;
	color: #172b4d
}

.phenom.mod-is-card .content-wrapper .phenom-desc .phenom-desc-link,
.phenom.mod-is-card.mod-unread .content-wrapper .phenom-desc .phenom-desc-link,
.phenom.mod-is-not-card .content-wrapper .phenom-desc .phenom-desc-link,
.phenom.mod-is-not-card.mod-unread .content-wrapper .phenom-desc .phenom-desc-link {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0
}

.phenom.mod-is-card .content-wrapper .phenom-desc .phenom-desc-link a,
.phenom.mod-is-card.mod-unread .content-wrapper .phenom-desc .phenom-desc-link a,
.phenom.mod-is-not-card .content-wrapper .phenom-desc .phenom-desc-link a,
.phenom.mod-is-not-card.mod-unread .content-wrapper .phenom-desc .phenom-desc-link a {
	display: block;
	height: 100%
}

.phenom.mod-is-card .content-wrapper .phenom-desc .phenom-desc-link:hover,
.phenom.mod-is-card.mod-unread .content-wrapper .phenom-desc .phenom-desc-link:hover,
.phenom.mod-is-not-card .content-wrapper .phenom-desc .phenom-desc-link:hover,
.phenom.mod-is-not-card.mod-unread .content-wrapper .phenom-desc .phenom-desc-link:hover {
	color: #172b4d;
	cursor: pointer
}

.phenom.mod-is-card .content-wrapper .phenom-desc a,
.phenom.mod-is-card.mod-unread .content-wrapper .phenom-desc a,
.phenom.mod-is-not-card .content-wrapper .phenom-desc a,
.phenom.mod-is-not-card.mod-unread .content-wrapper .phenom-desc a {
	position: relative;
	z-index: 1
}

.phenom.mod-is-card .content-wrapper .phenom-meta,
.phenom.mod-is-card.mod-unread .content-wrapper .phenom-meta,
.phenom.mod-is-not-card .content-wrapper .phenom-meta,
.phenom.mod-is-not-card.mod-unread .content-wrapper .phenom-meta {
	padding-left: 8px
}

.phenom.mod-is-card .content-wrapper .phenom-spacer,
.phenom.mod-is-card.mod-unread .content-wrapper .phenom-spacer,
.phenom.mod-is-not-card .content-wrapper .phenom-spacer,
.phenom.mod-is-not-card.mod-unread .content-wrapper .phenom-spacer {
	margin-bottom: 8px
}

.phenom.mod-is-card.mod-unread .notification.mod-system,
.phenom.mod-is-card .notification.mod-system,
.phenom.mod-is-not-card.mod-unread .notification.mod-system,
.phenom.mod-is-not-card .notification.mod-system {
	position: relative
}

.phenom.mod-is-card.mod-unread .notification.mod-system .content-wrapper,
.phenom.mod-is-card .notification.mod-system .content-wrapper,
.phenom.mod-is-not-card.mod-unread .notification.mod-system .content-wrapper,
.phenom.mod-is-not-card .notification.mod-system .content-wrapper {
	flex-direction: row;
	align-items: center;
	background: #ebecf0;
	padding-top: 8px;
	padding-bottom: 8px
}

.phenom.mod-is-card.mod-unread .notification.mod-system .content-wrapper .phenom-icon,
.phenom.mod-is-card .notification.mod-system .content-wrapper .phenom-icon,
.phenom.mod-is-not-card.mod-unread .notification.mod-system .content-wrapper .phenom-icon,
.phenom.mod-is-not-card .notification.mod-system .content-wrapper .phenom-icon {
	border-color: #c1c7d0;
	align-self: baseline
}

.phenom.mod-is-card.mod-unread .notification.mod-system .content-wrapper .phenom-desc,
.phenom.mod-is-card .notification.mod-system .content-wrapper .phenom-desc,
.phenom.mod-is-not-card.mod-unread .notification.mod-system .content-wrapper .phenom-desc,
.phenom.mod-is-not-card .notification.mod-system .content-wrapper .phenom-desc {
	line-height: 16px;
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 0
}

.phenom.mod-is-card.mod-unread>.notification.mod-system:last-of-type:after,
.phenom.mod-is-card>.notification.mod-system:last-of-type:after,
.phenom.mod-is-not-card.mod-unread>.notification.mod-system:last-of-type:after,
.phenom.mod-is-not-card>.notification.mod-system:last-of-type:after {
	content: "";
	position: absolute;
	bottom: -8px;
	height: 8px;
	width: 100%;
	background: #ebecf0;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px
}

.phenom.mod-is-card.mod-unread>.notification.mod-system:last-of-type .content-wrapper,
.phenom.mod-is-card>.notification.mod-system:last-of-type .content-wrapper,
.phenom.mod-is-not-card.mod-unread>.notification.mod-system:last-of-type .content-wrapper,
.phenom.mod-is-not-card>.notification.mod-system:last-of-type .content-wrapper {
	padding-bottom: 0
}

.phenom.mod-is-not-card,
.phenom.mod-is-not-card.mod-unread {
	border-top: 1px solid rgba(9, 30, 66, .13)
}

.mod-notifications .content-wrapper {
	position: relative
}

.phenom.mod-system .phenom-meta,
.phenom .mod-system .phenom-meta {
	display: none
}

.phenom.mod-system .phenom-creator,
.phenom .mod-system .phenom-creator {
	top: 8px
}

.phenom.mod-highlighted,
.phenom.mod-unread,
.phenom.mod-unsent {
	padding: 10px 10px 10px 44px;
	margin: 0 -10px;
	border-left: 4px solid #6b778c
}

.phenom.mod-highlighted .phenom-creator,
.phenom.mod-unread .phenom-creator,
.phenom.mod-unsent .phenom-creator {
	left: 6px
}

.phenom.mod-unread {
	background: #e4f0f6;
	border-left-color: #0079bf
}

.phenom.mod-unread .mark-unread {
	margin-right: 0
}

.phenom .notification-views-actions {
	position: absolute;
	top: 0;
	left: -32px
}

.phenom .notification-views-actions>div {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 24px;
	height: 24px;
	cursor: pointer;
	margin-bottom: 8px
}

.phenom .mark-read:before,
.phenom .mark-unread:before {
	content: "";
	width: 14px;
	height: 14px;
	box-sizing: border-box;
	border: 1px solid #dfe1e6;
	border-radius: 100%;
	display: block
}

.phenom .mark-read:before {
	background-color: #00c2e0;
	border-color: #00aecc
}

.phenom .mark-read:hover {
	background: #bdecf3
}

.phenom .mark-read:hover:before {
	background-color: #00aecc;
	border-color: #0098b7
}

.phenom .mark-read:active {
	background: #8fdfeb
}

.phenom .mark-read:active:before {
	background-color: #0098b7;
	border-color: #0082a0
}

.phenom .mark-unread:before {
	background-color: inherit;
	border-color: #dfe1e6
}

.phenom .mark-unread:hover:before {
	background-color: #8fdfeb;
	border-color: #5dd3e5
}

.phenom .mark-unread:active:before {
	background-color: #5dd3e5;
	border-color: #29cce5
}

.phenom .card-actions {
	border-radius: 2px
}

.phenom .card-actions:hover {
	background-color: rgba(9, 30, 66, .13)
}

.phenom .card-actions:active {
	background-color: rgba(9, 30, 66, .25)
}

.phenom.mod-unsent {
	background: #fbedeb;
	border-left-color: #eb5a46
}

.phenom.mod-highlighted {
	background: #e4f0f6;
	border-left-color: #0079bf
}

.action-comment.is-truncated {
	max-height: 374px;
	position: relative
}

.action-comment.is-truncated .action-comment-fade-button {
	display: block
}

.action-comment.is-truncated.extreme-truncation {
	max-height: 100px
}

.action-comment.is-truncated.extreme-truncation .action-comment-fade-button {
	top: 70px
}

.phenom.is-editing .current-comment {
	display: none
}

.phenom.is-editing .action-comment,
.phenom.is-editing .comment-box {
	display: block
}

.phenom.is-editing .phenom-meta {
	display: none
}

.phenom.is-editing .edit-controls {
	display: block
}

.phenom-list.is-only-comments .phenom:not(.mod-comment-type) {
	display: none
}

.phenom.mod-no-padding {
	padding: 0
}

.phenom.mod-no-padding .phenom-creator {
	top: 0
}

.attachment-extra-info-login {
	padding: 8px 0 0;
	color: rgba(0, 0, 0, .4)
}

.attachment-extra-info-login a {
	color: rgba(0, 0, 0, .4)
}

.attachment-extra-info {
	background: #fff;
	border-radius: 3px;
	border: 1px solid #dfe1e6;
	margin-top: 8px;
	padding: 14px 14px 6px;
	position: relative
}

.attachment-extra-info-header {
	background-image: url(https://a.trellocdn.com/prgb/dist/images/services/kiln.6c1d65d72873b01d740a.png);
	background-position: 8px;
	background-size: 20px 20px;
	background-repeat: no-repeat;
	background-color: #e0f1df;
	border-bottom: 1px solid #b7deb5;
	border-radius: 3px 3px 0 0;
	padding: 10px 12px 10px 34px;
	margin: -14px
}

.attachment-extra-info-header .quiet a {
	color: rgba(0, 0, 0, .4)
}

.attachment-extra-info-header .quiet a:hover {
	color: rgba(0, 0, 0, .6)
}

.attachment-extra-info-details {
	font: 13px/16px monospace;
	color: #172b4d;
	margin-top: 14px;
	padding-top: 14px
}

.attachment-image-preview {
	border: 1px solid #dfe1e6;
	box-sizing: border-box;
	border-radius: 3px;
	clear: both;
	display: block;
	max-height: 500px;
	max-width: 500px;
	margin: 8px 0 4px
}

.attachment-image-preview:hover {
	border-color: #a5adba
}

.attachment-image-preview.mod-compact-image-preview {
	max-height: 300px;
	max-width: 100%
}

.card-attach-link-list-item {
	padding: 4px 0;
	position: relative;
	height: 34px
}

.card-attach-link-list-item:hover:not(.attached) {
	background-color: #f4f5f7
}

.card-attach-link-list-item-title,
.card-attach-link-list-item-url {
	position: absolute;
	left: 4px;
	right: 88px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.card-attach-link-list-item-title {
	top: 4px;
	height: 18px
}

.card-attach-link-list-item-url {
	top: 22px;
	height: 16px;
	font-size: 12px
}

.card-attach-link-list-item-attach,
.card-attach-link-list-item-attached {
	position: absolute;
	top: 4px;
	bottom: 4px;
	right: 4px;
	width: 80px;
	margin: 0;
	padding: 0
}

.card-attach-link-list-item-attached {
	line-height: 26px;
	text-align: right
}

.shortcut-list {
	padding: 0 52px
}

.shortcut-list-item {
	border-bottom: 1px solid rgba(9, 30, 66, .13);
	margin-bottom: 8px;
	padding: 8px 0;
	position: relative
}

.shortcut-list-item-header {
	float: left;
	margin: 6px 16px 6px 0
}

.shortcut-list-item-keys {
	float: right;
	top: 4px;
	right: 0
}

.short-list-item-desc {
	clear: both
}

@media only screen and (max-width:750px) {
	.shortcut-list {
		padding: 0 8px
	}
}

.keyboard-key {
	background: #fff;
	border-radius: 5px;
	border: 1px solid #dfe1e6;
	border-bottom-color: #c1c7d0;
	box-shadow: 0 2px 3px rgba(0, 0, 0, .1);
	color: #172b4d;
	cursor: default;
	display: inline-block;
	font-weight: 700;
	font-size: 16px;
	margin: 0 5px 10px 0;
	padding: 6px 10px
}

.help-embedded-iframe {
	border: 0;
	width: 100%;
	height: 16px
}

.marketing-opt-in-container {
	background: #fff;
	padding: 12px;
	border-radius: 4px;
	margin-bottom: 8px;
	position: relative
}

.marketing-opt-in-container .icon-check {
	color: #5aac44
}

.marketing-opt-in-greeting {
	font-size: 16px;
	font-weight: 700;
	line-height: 24px
}

.marketing-opt-in-dismiss {
	position: absolute;
	font-size: 12px;
	text-decoration: underline;
	top: 16px;
	right: 16px;
	cursor: pointer
}

.notifications-onboarding .notifications-title {
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1
}

.notifications-onboarding .notifications-title .dialog-close-button {
	display: none
}

.notifications-onboarding .notification-list-holder {
	position: absolute;
	top: 37px;
	width: 100%;
	z-index: -1
}

.notifications-onboarding .notifications-onboarding-dialog {
	background-color: hsla(0, 0%, 100%, .95);
	padding: 16px
}

.notifications-onboarding .notifications-onboarding-dialog .dialog-close-button {
	top: 4px;
	padding: 0
}

.notifications-onboarding .notifications-onboarding-dialog .notifications-onboarding-header {
	margin: 54px 20% 40px;
	text-align: center
}

.notifications-onboarding .notifications-onboarding-dialog .notifications-onboarding-bullet {
	display: flex;
	flex-direction: row;
	margin-bottom: 16px
}

.notifications-onboarding .notifications-onboarding-dialog .notifications-onboarding-bullet.last {
	margin-bottom: 110px
}

.notifications-onboarding .notifications-onboarding-dialog .notifications-onboarding-bullet .left-side-graphic {
	display: flex;
	flex: 1 0 0
}

.notifications-onboarding .notifications-onboarding-dialog .notifications-onboarding-bullet .left-side-graphic img {
	height: 56px;
	width: 56px;
	margin: 0 auto
}

.notifications-onboarding .notifications-onboarding-dialog .notifications-onboarding-bullet .right-side-message {
	flex: 3 0 0;
	padding: 0 8px;
	width: auto
}

.notifications-onboarding .notifications-onboarding-dialog .notifications-onboarding-bullet .right-side-message h3 {
	font-size: inherit;
	margin-bottom: 0
}

.notifications-onboarding .notifications-onboarding-dialog .notifications-onboarding-footer {
	background-color: hsla(0, 0%, 100%, .95);
	bottom: 0;
	left: 0;
	padding: 8px 0 16px;
	position: absolute;
	text-align: center;
	width: 100%
}

.notifications-onboarding .notifications-onboarding-dialog .notifications-onboarding-footer button {
	font-size: 14px;
	font-weight: 700;
	height: 40px;
	margin-right: 0;
	width: calc(100% - 32px)
}

.notifications-onboarding .notifications-onboarding-dialog .notifications-onboarding-footer .view-notifications {
	background: #0079bf;
	border-bottom: 1px solid #026aa7;
	color: #fff
}

.notifications-onboarding .notifications-onboarding-dialog .notifications-onboarding-footer .view-notifications:hover {
	background: #026aa7;
	border-bottom: 1px solid #055a8c
}

.notifications-onboarding .notifications-onboarding-dialog .notifications-onboarding-footer a:link {
	text-decoration: none
}

.notice-of-tos-change-container {
	background-color: #f4f5f7;
	margin: -8px -12px 8px;
	padding: 24px
}

.notice-of-tos-change-container .notice-of-tos-change-title {
	font-size: 16px;
	margin-bottom: 4px
}

.notice-of-tos-change-container .notice-of-replacement {
	margin-bottom: 16px
}

.notice-of-tos-change-container .explanation-of-agreement {
	margin-bottom: 20px
}

.notice-of-tos-change-container .agree-to-tos-button .button {
	margin-top: 0
}

.nps-container {
	background: #fff;
	padding: 12px;
	border-radius: 4px;
	margin-bottom: 8px;
	position: relative
}

.nps-prelude {
	margin-bottom: 16px
}

.nps-question {
	font-size: 16px;
	font-weight: 700;
	line-height: 24px
}

.nps-buttons,
.nps-uses {
	display: flex;
	flex-direction: row;
	justify-content: space-between
}

.nps-button {
	flex: 1;
	font-size: 16px;
	padding: 4px 0;
	margin: 0;
	max-width: 8%
}

.nps-use {
	max-width: 30%;
	flex: 1;
	font-size: 14px;
	cursor: pointer;
	margin: 0
}

.nps-button:hover,
.nps-use-selected,
.nps-use:hover {
	color: #fff;
	background: #5aac44
}

.nps-use-selected:focus {
	background: #519839
}

.nps-explanation {
	font-size: 12px;
	display: flex;
	flex-direction: row;
	padding: 4px 0
}

.nps-spacing {
	flex: 1
}

.nps-illustration {
	height: 150px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 32px
}

.nps-illustration-image {
	height: 150px;
	-webkit-transform: rotate(-5deg);
	transform: rotate(-5deg)
}

.nps-back-container {
	font-size: 12px;
	margin-bottom: 16px
}

.nps-back {
	cursor: pointer
}

.nps-back-text,
.nps-dismiss {
	text-decoration: underline
}

.nps-dismiss {
	position: absolute;
	font-size: 12px;
	top: 16px;
	right: 16px;
	cursor: pointer
}

.nps-finish,
.nps-game,
.nps-submit,
.nps-support,
.nps-tweet {
	width: 100%;
	margin-top: 8px;
	padding: 16px
}

.nps-finish {
	margin-top: 16px
}

.nps-submit {
	background: #0079bf;
	color: #fff;
	box-shadow: 0 1px 0 0 #026aa7
}

.nps-submit:disabled {
	background: #f5f6f6;
	color: #a5acb0;
	box-shadow: none
}

.nps-submit:focus,
.nps-submit:hover {
	background: #026aa7;
	color: #fff;
	box-shadow: 0 1px 0 0 #055a8c
}

.nps-submit:active {
	background: #026aa7;
	color: #fff;
	box-shadow: none
}

.nps-tweet {
	color: #fff;
	background: #1da1f2
}

.nps-tweet:focus,
.nps-tweet:hover {
	background: #026aa7;
	color: #fff;
	box-shadow: 0 1px 0 0 #055a8c
}

.nps-tweet:active {
	background: #026aa7;
	color: #fff;
	box-shadow: none
}

.nps-game,
.nps-support {
	color: #fff;
	background: #5aac44;
	box-shadow: 0 1px 0 0 #519839
}

.nps-game:focus,
.nps-game:hover,
.nps-support:focus,
.nps-support:hover {
	background: #519839;
	color: #fff;
	box-shadow: 0 1px 0 0 #49852e
}

.nps-game:active,
.nps-support:active {
	background: #49852e;
	color: #fff;
	box-shadow: none
}

.nps-follow-up,
.nps-submitted {
	font-weight: 700
}

.nps-submitted {
	font-size: 16px
}

.nps-feedback {
	margin-bottom: 4px
}

.nps-remaining {
	text-align: right;
	margin-bottom: 12px
}

.nps-twitter-icon {
	width: 16px;
	height: 16px;
	vertical-align: -2px;
	margin-right: 4px
}

.phenom-reactions {
	margin-right: 24px
}

.notification .phenom-reactions {
	margin-top: 8px;
	margin-right: 0
}

.notification .phenom-reactions .reaction-piles.reaction-piles-empty {
	line-height: 0
}

.notification .phenom-reactions .reaction-piles.reaction-piles-empty .inline-add-reaction.meta-add-reaction .reactions-add {
	vertical-align: top;
	margin-right: 0
}

.notification .phenom-reactions .reaction-piles.reaction-piles-empty .inline-add-reaction.meta-add-reaction .reactions-add:after {
	display: none
}

.phenom.mod-comment-type .phenom-reactions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	line-height: 24px
}

.phenom.mod-comment-type .phenom-meta {
	align-self: flex-start
}

.phenom.mod-comment-type.is-editing .phenom-reactions {
	display: none
}

.reactions-add-icon {
	cursor: pointer
}

.reactions-add-icon.is-disabled {
	pointer-events: none
}

.reactions-add {
	cursor: pointer;
	display: inline-block;
	line-height: 1
}

.reactions-add.is-disabled {
	color: #a5adba;
	cursor: default;
	pointer-events: none
}

.reactions-add .reactions-add-icon.is-active {
	color: #0079bf
}

.meta-add-reaction {
	text-decoration: none;
	font-size: 12px
}

.meta-add-reaction .reactions-add {
	display: flex;
	align-items: center;
	height: 16px;
	width: 16px;
	margin-right: 16px
}

.meta-add-reaction .reactions-add .reactions-add-icon {
	color: #6b778c
}

.meta-add-reaction .reactions-add:after {
	content: " - ";
	margin: 0 4px
}

.meta-add-reaction .reactions-add:hover .reactions-add-icon {
	color: #172b4d
}

.meta-add-reaction .reactions-add.is-active .reactions-add-icon {
	color: #0079bf
}

.meta-add-reaction .reactions-add.is-disabled {
	pointer-events: none
}

.meta-add-reaction .reactions-add.is-disabled .reactions-add-icon {
	color: #a5adba
}

.reactions-add.mod-with-border {
	height: 24px;
	margin-right: 8px
}

.reactions-add.mod-with-border .reactions-add-icon {
	border: 1px solid #ebecf0;
	border-radius: 12px;
	color: #6b778c;
	margin-bottom: 4px;
	padding: 3px 7px;
	line-height: 16px;
	height: 16px;
	width: 16px
}

.reactions-add.mod-with-border:hover .reactions-add-icon {
	background-color: #fff;
	color: #172b4d
}

.reactions-add.mod-with-border.is-active .reactions-add-icon {
	background-color: #0079bf;
	border-color: #0079bf;
	color: #fff
}

.reaction-piles {
	display: flex;
	flex-flow: row wrap;
	min-height: 26px
}

.reaction-piles-empty {
	min-height: 0;
	height: 100%;
	align-items: center
}

.reaction-piles .reaction-pile-item {
	display: flex;
	align-items: center;
	box-sizing: border-box;
	height: 24px;
	background-color: #fafbfc;
	border: 1px solid #ebecf0;
	border-radius: 18px;
	color: #6b778c;
	cursor: pointer;
	font-weight: 700;
	margin-right: 4px;
	margin-bottom: 4px;
	padding: 0 5px 0 3px;
	position: relative;
	min-width: 28px
}

.reaction-piles .reaction-pile-item .emoji {
	height: 16px;
	width: 16px;
	margin-right: 4px;
	margin-left: 4px
}

.reaction-piles .reaction-pile-item .reaction-pile-count {
	vertical-align: text-bottom;
	font-size: 12px;
	line-height: 1
}

.reaction-piles .reaction-pile-item.my-reaction,
.reaction-piles .reaction-pile-item:hover {
	border-color: #8bbdd9
}

.reaction-piles .reaction-pile-item.my-reaction {
	background-color: #f7fcfe
}

.reaction-piles .reaction-pile-item.my-reaction .reaction-pile-count {
	color: #0079bf
}

.reaction-piles .reaction-pile-item:hover {
	background-color: #fff
}

.reaction-pile-selector {
	height: 24px;
	margin-bottom: 4px
}

.reaction-piles .reaction-pile-item .emoji-loading-spinner,
.reaction-piles .reaction-pile-item .emoji-mart-emoji {
	font-size: 16px;
	line-height: 1;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 5
}

.reaction-piles .reaction-pile-item .emoji-loading-spinner span,
.reaction-piles .reaction-pile-item .emoji-mart-emoji span {
	position: absolute;
	top: 3px;
	left: 7px
}

.reaction-piles .reaction-pile-item .emoji-loading-spinner span.spinner,
.reaction-piles .reaction-pile-item .emoji-mart-emoji span.spinner {
	width: 16px;
	height: 16px
}

.reaction-piles .reaction-pile-item .emoji-loading-spinner+.reaction-pile-count,
.reaction-piles .reaction-pile-item .emoji-mart-emoji+.reaction-pile-count {
	margin-left: 24px;
	line-height: 2
}

.reaction-piles.disabled .my-reaction,
.reaction-piles.disabled .reaction-pile-item {
	pointer-events: none;
	background-color: transparent;
	border-color: #ebecf0
}

.reaction-piles.disabled .my-reaction .reaction-pile-count,
.reaction-piles.disabled .reaction-pile-item .reaction-pile-count {
	color: #6b778c;
	opacity: .7
}

.reaction-piles.disabled .my-reaction .emoji-mart-emoji,
.reaction-piles.disabled .reaction-pile-item .emoji-mart-emoji {
	opacity: .7
}

.emoji-mart {
	background-color: #fff
}

.emoji-mart * {
	box-sizing: border-box;
	line-height: 1
}

.emoji-mart-bar {
	border: 0 solid #ebecf0
}

.emoji-mart-bar:first-child {
	border-bottom-width: 1px
}

.emoji-mart-bar:last-child {
	border-top-width: 1px
}

.emoji-mart-anchors {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 0 8px;
	color: #42526e;
	height: 40px
}

.emoji-mart-anchors i {
	display: inline-block;
	width: 100%;
	max-width: 22px
}

.emoji-mart-anchors svg {
	fill: currentColor;
	max-height: 18px
}

.emoji-mart-anchor {
	position: relative;
	display: block;
	flex: 1 1 auto;
	text-align: center;
	padding: 8px 4px;
	overflow: hidden;
	transition: color .1s ease-out
}

.emoji-mart-anchor-selected .emoji-mart-anchor-bar {
	bottom: 0
}

.emoji-mart-anchor-selected,
.emoji-mart-anchor:hover {
	color: #172b4d
}

.emoji-mart-anchor-bar {
	position: absolute;
	bottom: -3px;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: #0079bf
}

.emoji-mart-scroll {
	overflow-y: scroll;
	overflow-x: hidden;
	height: 210px;
	padding: 0 16px 8px;
	will-change: transform
}

.emoji-mart-search {
	margin: 8px 8px 0
}

.emoji-mart-search input {
	padding: 8px 25px 8px 8px;
	border-radius: 4px;
	background-color: #fff;
	border: 1px solid #ebecf0;
	outline: 0;
	height: 40px
}

.emoji-mart-search-icon,
.emoji-mart-search-icon:active,
.emoji-mart-search-icon:focus,
.emoji-mart-search-icon:hover {
	position: absolute;
	top: 55px;
	right: 13px;
	z-index: 2;
	padding: 0;
	outline: 0;
	background: none;
	box-shadow: none
}

.emoji-mart-search-icon:active:focus,
.emoji-mart-search-icon:focus,
.emoji-mart-search-icon:focus:focus,
.emoji-mart-search-icon:hover:focus {
	outline-style: dotted;
	outline-color: initial;
	outline-width: 1px
}

.emoji-mart-category {
	width: 376px
}

.emoji-mart-category .emoji-mart-emoji {
	margin-right: 8px
}

.emoji-mart-category .emoji-mart-emoji:nth-of-type(8n) {
	margin-right: 0
}

.emoji-mart-category .emoji-mart-emoji span {
	z-index: 1;
	position: relative;
	text-align: center;
	cursor: default
}

.emoji-mart-category .emoji-mart-emoji:hover:before {
	z-index: 0;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #e4f0f6;
	border-radius: 3px
}

.emoji-mart-category-label {
	z-index: 2;
	position: relative;
	position: -webkit-sticky;
	position: sticky;
	top: 0
}

.emoji-mart-category-label span {
	font-size: 16px;
	display: block;
	width: 100%;
	padding: 8px 4px;
	background-color: hsla(0, 0%, 100%, .95)
}

.emoji-mart-no-results {
	text-align: center
}

.emoji-mart-no-results-label {
	text-align: left;
	padding: 0 4px;
	color: #6b778c;
	font-size: 14px;
	font-style: italic
}

.emoji-mart-no-results-img {
	height: 140px;
	padding-top: 16px
}

.emoji-mart-no-results .emoji-mart-category-label {
	display: none
}

.emoji-mart-no-results .emoji-mart-no-results-label {
	margin-top: 8px
}

.emoji-mart-no-results .emoji-mart-emoji:hover:before {
	content: none
}

.emoji-mart-preview {
	position: relative;
	height: 56px;
	overflow: hidden
}

.emoji-mart-preview-data,
.emoji-mart-preview-emoji,
.emoji-mart-preview-skins {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.emoji-mart-preview-emoji {
	left: 8px
}

.emoji-mart-preview-data {
	left: 68px;
	right: 12px;
	word-break: break-all
}

.emoji-mart-preview-skins {
	right: 15px;
	text-align: right
}

.emoji-mart-preview-skins.custom {
	right: 10px;
	text-align: right
}

.emoji-mart-preview-name {
	font-size: 14px
}

.emoji-mart-preview-shortname {
	color: #6b778c;
	font-size: 11px
}

.emoji-mart-preview-shortname+.emoji-mart-preview-emoticon,
.emoji-mart-preview-shortname+.emoji-mart-preview-shortname {
	margin-left: 4px
}

.emoji-mart-preview-emoticon {
	font-size: 11px;
	color: #42526e
}

.emoji-mart-preview-emoticon+.emoji-mart-preview-emoticon {
	margin-left: 4px
}

.emoji-mart-skin {
	display: inline-block;
	width: 100%;
	padding-top: 100%;
	max-width: 12px;
	border-radius: 100%
}

.emoji-mart-skin-text.opened {
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	color: #6b778c;
	font-size: 11px;
	padding: 8px 2px;
	width: 95px;
	height: 40px;
	border-radius: 10%;
	background-color: #fff
}

.emoji-mart-skin-tone-1 {
	background-color: #ffc93a
}

.emoji-mart-skin-tone-2 {
	background-color: #fadcbc
}

.emoji-mart-skin-tone-3 {
	background-color: #e0bb95
}

.emoji-mart-skin-tone-4 {
	background-color: #bf8f68
}

.emoji-mart-skin-tone-5 {
	background-color: #9b643d
}

.emoji-mart-skin-tone-6 {
	background-color: #594539
}

.emoji-mart-skin-swatches {
	font-size: 0;
	padding: 2px 0;
	background-color: #fff
}

.emoji-mart-skin-swatches.custom {
	font-size: 0;
	border: none;
	background-color: #fff
}

.emoji-mart-skin-swatches.custom .emoji-mart-skin-swatch.custom:hover {
	background-color: #f4f4f4;
	border-radius: 10%
}

.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom {
	width: 36px;
	height: 38px
}

.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom.selected:after {
	opacity: .75
}

.emoji-mart-skin-swatch {
	display: inline-block;
	width: 0;
	vertical-align: middle;
	transition-property: width, padding;
	transition-duration: .125s;
	transition-timing-function: ease-out
}

.emoji-mart-skin-swatch:nth-child(6):after {
	transition-delay: 0.15s
}

.emoji-mart-skin-swatch:nth-child(5):after {
	transition-delay: 0.12s
}

.emoji-mart-skin-swatch:nth-child(4):after {
	transition-delay: 0.09s
}

.emoji-mart-skin-swatch:nth-child(3):after {
	transition-delay: 0.06s
}

.emoji-mart-skin-swatch:nth-child(2):after {
	transition-delay: 0.03s
}

.emoji-mart-skin-swatch:first-child:after {
	transition-delay: 0s
}

.emoji-mart-skin-swatch.custom {
	display: inline-block;
	width: 0;
	height: 38px;
	overflow: hidden;
	vertical-align: middle;
	transition-property: width, height;
	transition-duration: .125s;
	transition-timing-function: ease-out;
	cursor: default
}

.emoji-mart-skin-swatch.custom.selected {
	position: relative;
	width: 36px;
	height: 38px
}

.emoji-mart-skin-swatch.custom.selected:after {
	content: "";
	width: 0;
	height: 0
}

.emoji-mart .emoji-mart-emoji {
	padding: 6px;
	position: relative;
	display: inline-block;
	font-size: 0;
	line-height: 1
}

.select-org-to-upgrade {
	margin: 0 auto;
	max-width: 500px;
	padding: 48px 16px
}

.select-org-to-upgrade-list-item {
	border-bottom: 1px solid rgba(9, 30, 66, .13);
	padding: 4px 0
}

.select-org-to-upgrade-list-item-link {
	border-radius: 3px;
	display: block;
	padding: 8px 8px 8px 50px;
	position: relative;
	text-decoration: none
}

.select-org-to-upgrade-list-item-link:not(.disabled):hover {
	background: #dfe1e6;
	cursor: pointer
}

.select-org-to-upgrade-list-item-link-image {
	position: absolute;
	top: 10px;
	left: 10px;
	height: 30px;
	width: 30px
}

.select-org-to-upgrade-list-item-link-name {
	display: block
}

.select-org-to-upgrade-list-item-link:not(.disabled) .select-org-to-upgrade-list-item-link-name {
	font-weight: 700
}

.credit-card-form label,
.credit-card-form legend {
	font-weight: 400
}

.credit-card-form-name {
	width: 377px
}

.credit-card-form-name input {
	width: 100%
}

.credit-card-form-number {
	float: left;
	margin-right: 16px;
	width: 220px
}

.credit-card-form-number .iframe-input {
	width: 100%
}

.credit-card-form-cvv {
	float: left;
	margin-right: 16px;
	width: 115px
}

.credit-card-form-cvv .iframe-input {
	width: 100%
}

.credit-card-expiration-date {
	float: left;
	margin-right: 16px
}

.credit-card-expiration-date .iframe-input {
	width: 100%;
	max-width: 115px
}

.credit-card-zip-code {
	float: left;
	margin-right: 16px
}

.credit-card-zip-code input[type=text] {
	width: 115px
}

.credit-card-country {
	float: left;
	margin-right: 16px
}

.credit-card-country select,
.tax-number input {
	width: 240px
}

.credit-card-update-section .credit-card-form-number {
	width: 100%
}

.credit-card-update-section .credit-card-country {
	float: none
}

.credit-card-update-section .credit-card-expiration-date,
.credit-card-update-section .credit-card-form-cvv {
	width: 100px
}

.credit-card-update-section .credit-card-zip-code {
	float: none
}

.additional-details-section .invoice-details-textarea {
	width: 100%;
	height: 160px
}

.invitation-link {
	background: #fff;
	box-sizing: border-box;
	display: block;
	font-size: 18px;
	height: 100%;
	line-height: 24px;
	overflow: auto;
	padding: 64px 16px;
	position: absolute;
	text-align: center;
	width: 100%
}

.invitation-link-description {
	font-size: 24px;
	line-height: 32px
}

.invitation-link-options {
	margin: 32px 0
}

.invitation-link-options .button {
	font-size: 20px;
	margin: 4px 8px;
	min-width: 240px;
	padding: 12px 16px;
	box-sizing: border-box
}

.invitation-link-options-learn-more {
	font-size: 14px;
	margin: 64px 0 0
}

.invitation-link-explanation {
	font-size: 14px;
	max-width: 580px;
	margin: 24px auto 32px
}

.add-email-to-your-account-heading {
	margin-top: 32px
}

.invitation-link-add-email {
	max-width: 380px;
	margin: 16px auto;
	display: flex;
	flex-direction: row;
	align-items: center
}

.invitation-link-add-email .invitation-link-add-email,
.invitation-link-add-email .invitation-link-add-email-prefix {
	flex: 1;
	margin: 0;
	font-size: 18px;
	height: 36px
}

.invitation-link-add-email .invitation-link-add-email-prefix {
	text-align: right
}

.invitation-link-add-email .invitation-link-add-email-domain {
	margin-left: 4px
}

.request-admin-invite {
	width: 500px;
	padding: 5px;
	display: block;
	margin: auto
}

.request-admin-invite h2 {
	font-size: 24px
}

.request-admin-invite .invitation-link-explanation {
	font-size: 14px;
	line-height: 20px
}

.body-single-column #content {
	padding: 32px;
	display: flex;
	justify-content: center;
	align-items: flex-start
}

.body-single-column #content .window-header {
	margin-bottom: 0
}

.body-single-column #content .window-main-col {
	width: 650px;
	box-sizing: border-box;
	padding-top: 0
}

@media only screen and (max-width:750px) {
	.body-single-column #content {
		padding: 16px 8px
	}
}

.body-hide-header {
	background: #fff
}

.body-hide-header #header {
	display: none
}

.body-hide-header #content {
	height: 100%
}

.multiple-select-state-selected .multiple-select-checkbox {
	background-color: #f4f5f7;
	border-color: #dfe1e6;
	border-bottom-color: #b3bac5;
	box-shadow: none;
	text-indent: 0
}

.multiple-select-checkbox {
	background: #fff;
	border-radius: 3px;
	box-shadow: 0 2px 3px rgba(0, 0, 0, .1);
	border: 1px solid #dfe1e6;
	border-bottom-color: #b3bac5;
	float: left;
	font-weight: 700;
	line-height: 18px;
	overflow: hidden;
	text-align: center;
	text-indent: 100%;
	height: 18px;
	width: 18px;
	white-space: nowrap;
	margin-top: 5px;
	margin-right: 7px
}

.multiple-select-checkbox:hover {
	background-color: #fafbfc;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
	cursor: pointer;
	text-indent: 0
}

.multiple-select-checkbox:hover .multiple-select-checkbox-check {
	color: #6b778c
}

.multiple-select-checkbox.enabled:active {
	background-color: #ebecf0;
	box-shadow: inset 0 3px 6px rgba(0, 0, 0, .1);
	text-indent: 0
}

.multiple-select-checkbox.enabled:active .checklist-item-checkbox-check {
	color: #172b4d
}

.filter-popover {
	padding-top: 8px
}

.enterprise-dash-layout {
	margin: 0 auto;
	max-width: 1400px
}

.enterprise-dash-layout-sidebar {
	margin: 0 auto;
	max-width: 300px;
	padding-bottom: 32px
}

.enterprise-search-wrapper {
	position: relative
}

.indented-title {
	line-height: 34px;
	padding-left: 0
}

.indented-title .list-header {
	display: inline-block;
	padding-top: 0;
	padding-left: 0
}

.indented-title .list-header .list-header-view-hint {
	color: #7a869a;
	font-weight: 400
}

.indented-title .title {
	display: inline-block;
	line-height: 1.25em
}

.indented-title .title h2 {
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	margin: 0 0 2px
}

.indented-title .subtitle {
	display: inline-block;
	font-weight: 700;
	margin-left: .33em
}

.indented-title .show-all {
	margin-left: .33em;
	font-weight: 400
}

.indented-title .enterprise-search-wrapper {
	float: right;
	margin-bottom: 8px
}

.indented-title .enterprise-search-wrapper .enterprise-search-input {
	padding-right: 25px;
	margin-bottom: 0
}

.indented-title .enterprise-search-wrapper .enterprise-search-input::-ms-clear {
	display: none
}

.enterprise-search-close-icon {
	font-size: 16px;
	padding-top: 2px;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer
}

.enterprise-search-close-icon.active {
	color: #a5adba
}

.enterprise-dash-layout-list {
	margin-top: 24px
}

.enterprise-dash-layout-list .clickable {
	color: #6b778c;
	cursor: pointer;
	text-decoration: underline
}

.enterprise-dash-layout-list .clickable:hover {
	color: #172b4d
}

.search-spinner {
	height: 35px;
	margin-bottom: 5px
}

.dashboard-list-item {
	min-height: 40px;
	clear: both;
	border-bottom: 1px solid #d6dadc;
	padding: 12px 8px;
	position: relative
}

.dashboard-list-item.dashboard-list-selectable {
	cursor: pointer
}

.dashboard-list-item.dashboard-list-selectable p {
	cursor: text
}

.dashboard-list-item.dashboard-item-hoverable:hover {
	background-color: #e4f0f6
}

.enterprise-dash-list .is-loading .dashboard-list-item {
	opacity: .2;
	-webkit-animation: 4s ease-in fade_back;
	animation: 4s ease-in fade_back
}

@-webkit-keyframes fade_back {
	0% {
		opacity: .7
	}
	to {
		opacity: .2
	}
}

@keyframes fade_back {
	0% {
		opacity: .7
	}
	to {
		opacity: .2
	}
}

.spinner+.dashboard-list-item {
	border-top: 1px solid #dfe1e6
}

.dashboard-list-item .details {
	float: left
}

.dashboard-list-item .details.board-details {
	margin-top: 7px
}

.dashboard-list-item .member {
	position: relative;
	top: 2px;
	margin-right: 8px
}

.dashboard-list-item .name-line {
	margin-bottom: 2px
}

.dashboard-list-item .full-name {
	font-weight: 700;
	font-size: 16px;
	margin-right: 3px
}

.dashboard-list-item .options {
	float: right;
	align-items: flex-end;
	display: flex;
	flex-flow: column-reverse wrap
}

.dashboard-list-item .options .option {
	float: left
}

.dashboard-list-item .options .option.status {
	text-align: right;
	height: 18px
}

.dashboard-list-item .options .option.quiet-button {
	box-sizing: border-box
}

.dashboard-list-item .options .option.status .no-underline {
	text-decoration: none
}

.dashboard-list-item .options .option.button-link,
.dashboard-list-item .options .option.button-link.role-button,
.dashboard-list-item .options .option.quiet-button.role-button,
.dashboard-list-item .options .option.status {
	min-width: 86px;
	margin: 0 0 0 8px;
	padding: 6px 0 8px
}

.dashboard-list-item .options .option.reloading {
	min-width: 86px;
	margin: 0 0 0 8px
}

.dashboard-list-item .options .option.button-link.role-button,
.dashboard-list-item .options .option.quiet-button.role-button {
	line-height: 24px;
	min-width: 0;
	padding: 4px 12px;
	text-align: center
}

.dashboard-list-item .options .option.status+.option.status,
.dashboard-list-item .options .option:first-child {
	padding-bottom: 0
}

.dashboard-list-item .options .option.status:last-child {
	padding-top: 0;
	text-align: center
}

.dashboard-list-item .options .option.reloading .spinner {
	margin: auto
}

.dashboard-list-item .options .option.status .icon-information,
.dashboard-list-item .options .option.status .icon-organization {
	margin-right: 6px;
	position: relative;
	top: 2px
}

.dashboard-list-item .options.board-options {
	min-width: 40%
}

.dashboard-list-item .options.board-options .option {
	text-align: left
}

.dashboard-list-item .options.board-options .option:last-child {
	float: right
}

.dashboard-list-item .board-item-thumbnail {
	background-size: cover;
	border-radius: 3px;
	display: inline-block;
	float: left;
	height: 33px;
	margin: 0 12px 0 8px;
	width: 33px
}

.dashboard-list-item .board-name {
	cursor: text;
	font-weight: 700
}

.dashboard-list-item .option .icon-sm {
	font-size: 16px
}

.load-next-page {
	text-decoration: underline
}

.dashboard-list-none {
	color: #6b778c;
	padding-top: 1em;
	text-align: center
}

.spinner+.dashboard-list-none {
	border-top: none
}

.dashboard-list-error {
	color: #b04632;
	padding-top: 1em;
	text-align: center
}

.dash-clear-filter {
	float: right
}

.dash-filter-marker {
	background-color: #61bd4f;
	border-radius: 3px;
	color: #fff;
	display: block;
	font-size: 12px;
	font-weight: 700;
	height: 17px;
	line-height: 17px;
	margin: 0;
	padding: 2px 4px;
	position: absolute;
	right: 5px;
	top: 5px;
	text-align: center
}

.dash-filter-marker-for-teams {
	top: 11px
}

.enterprise-dash-sidebar .header {
	color: #6b778c;
	line-height: 34px;
	padding: 0 6px 0 8px;
	text-align: center;
	font-size: 15px
}

.enterprise-dash-sidebar .header+hr {
	margin-top: 4px
}

.enterprise-dash-sidebar .link {
	border-radius: 3px;
	color: #172b4d;
	display: block;
	font-weight: 700;
	padding: 5px 8px;
	position: relative;
	text-decoration: none;
	word-break: break-word;
	word-wrap: break-word;
	overflow-wrap: break-word
}

.enterprise-dash-sidebar .indented {
	padding-left: 20px
}

.enterprise-dash-sidebar .is-active {
	background-color: #d6dadc;
	color: #172b4d
}

.enterprise-dash-sidebar .pending-requests-count {
	font-weight: 400
}

.popover-group-header {
	margin-top: 10px
}

.enterprise-pop-over .pop-over-list li a {
	display: flex;
	font-weight: 400
}

.enterprise-pop-over .popover-details {
	font-size: 12px;
	font-weight: 400;
	line-height: 16px
}

.enterprise-pop-over .popover-details .learn-more-link {
	font-weight: 700;
	text-decoration: none
}

.enterprise-pop-over .popover-item a {
	text-decoration: none
}

.enterprise-pop-over .popover-item .popover-item-image {
	flex-basis: 0
}

.enterprise-pop-over .popover-item .popover-item-name {
	margin: 6px 0 6px 7px
}

.board-details-popover .buttonPrimary {
	display: block
}

.board-details-popover .buttonPrimary:hover {
	color: #fff
}

.board-details-popover .board-details-section {
	margin: 12px 0
}

.board-details-popover .board-details-section-title {
	font-weight: 700;
	margin-bottom: 2px
}

.board-details-popover .board-details-section-description {
	color: #6b778c;
	font-size: 13px;
	opacity: .8
}

.dash-bulk-add-progress {
	padding: 16px;
	text-align: center
}

.dash-bulk-add-results-heading {
	font-weight: 700;
	margin: 4px 0
}

.dash-bulk-add-results-list {
	max-height: 192px;
	overflow-y: auto;
	margin-bottom: 12px;
	word-break: break-word
}

.dash-bulk-add-results-list-item::selection {
	background: #bcd9ea
}

.bulk-actions-icon {
	float: right;
	margin-top: 7px;
	cursor: pointer;
	padding: 3px;
	background: #ebecf0;
	border-radius: 3px
}

.bulk-actions-icon:hover {
	background: #61bd4f;
	color: #fff
}

.enterprise-bulk-actions.has-selected-items {
	background: #faf3c0
}

.enterprise-bulk-actions.has-selected-items a {
	color: #172b4d
}

.enterprise-bulk-actions .options {
	float: right
}

.enterprise-bulk-actions .select-links {
	display: inline-block
}

.enterprise-bulk-actions .select-links:not(:first-child) {
	padding-left: 1em
}

.enterprise-bulk-actions .select-links a:not(:first-child) {
	margin-left: 10px
}

.enterprise-bulk-actions .select-links a:not(:first-child):first-child {
	margin-left: 0
}

.dash-sorting {
	margin-left: 5px;
	cursor: pointer;
	font-weight: 400
}

.enterprise-button-bar {
	height: 35px;
	margin: 0 0 8px;
	padding: 8px;
	position: relative
}

.enterprise-button-bar:empty {
	display: none
}

.enterprise-button-bar .v-centered {
	display: inline-block;
	margin-top: 10px;
	float: left
}

.enterprise-button-bar .options .button-link {
	margin-top: 0
}

.enterprise-button-bar .options .option {
	float: left;
	margin-right: 7px
}

.enterprise-button-bar .options .option:last-child {
	margin-right: 0
}

.enterprise-filters .options {
	float: left;
	margin-left: 5px
}

.enterprise-filters .option {
	display: inline-block;
	float: none;
	margin-left: 5px;
	min-width: 107px;
	text-align: center
}

.enterprise-filters .last-option {
	float: right;
	margin-right: 7px;
	margin-top: 0
}

.bulk-action-options-list .pop-over-list li a .bulk-list-option-other-members-link:hover {
	text-decoration: underline
}

.bulk-action-options-list .pop-over-list li a .bulk-list-option-explanation-members {
	max-height: 120px;
	overflow-x: auto;
	background-color: #f4f5f7;
	padding: 5px;
	border-radius: 3px;
	margin-top: 7px;
	margin-bottom: 7px;
	font-size: 12px;
	font-weight: 400
}

.bulk-action-options-list .pop-over-list li a:hover .bulk-list-option-explanation-members {
	background-color: #8bbdd9
}

.bulk-action-options-list .pop-over-list li a .explanation-members-wrapper {
	transition: max-height .3s;
	max-height: 140px;
	overflow: hidden
}

.bulk-action-options-list .pop-over-list li a .explanation-members-wrapper.disabled {
	max-height: 0
}

.bulk-hard-remove {
	margin-left: 24px;
	margin-top: 2px;
	font-size: 12px;
	line-height: 15px
}

.enterprise-dash-licenses,
.enterprise-dash-stats {
	border-radius: 3px;
	padding: 10px
}

.enterprise-dash-licenses .spinner,
.enterprise-dash-stats .spinner {
	margin: 0 auto
}

.enterprise-dash-licenses p:last-child,
.enterprise-dash-stats p:last-child {
	margin-bottom: 0
}

.enterprise-dash-licenses {
	margin: 20px 0
}

.enterprise-dash-licenses.loaded {
	background: #d6ecd2
}

.enterprise-dash-licenses.seat-limit-near {
	background-color: #faf3c0
}

.enterprise-dash-licenses.seat-limit-reached {
	background-color: #f5d3ce
}

.enterprise-dash-licenses ul {
	margin: 15px 0
}

.enterprise-dash-licenses ul li {
	margin-left: 10px
}

.enterprise-dash-stats {
	margin-top: 40px;
	background: #e6f0f5
}

.enterprise-dash-stats a {
	text-decoration: none;
	cursor: default;
	color: #172b4d
}

@media only screen and (min-width:901px) and (max-width:1280px),
only screen and (min-width:1281px) {
	.enterprise-dash-layout {
		display: flex;
		flex-direction: row
	}
	.enterprise-dash-layout-sidebar {
		margin-bottom: 0;
		flex: 0 0 220px
	}
	.enterprise-dash-layout-list {
		flex: 1 1;
		margin-top: 0;
		margin-left: 56px
	}
	.indented-title {
		margin-left: 8px;
		padding-left: inherit
	}
	.dashboard-list-item .options {
		display: block;
		margin-top: 2px
	}
	.dashboard-list-item .options .option.button-link,
	.dashboard-list-item .options .option.button-link.role-button,
	.dashboard-list-item .options .option.quiet-button.role-button,
	.dashboard-list-item .options .option.status,
	.dashboard-list-item .options .option.status+.option.status,
	.dashboard-list-item .options .option.status:first-child,
	.dashboard-list-item .options .option.status:last-child {
		padding: 8px
	}
	.dashboard-list-item .options .option.button-link.role-button,
	.dashboard-list-item .options .option.quiet-button.role-button {
		line-height: inherit;
		min-width: 95px;
		padding: 8px
	}
	.dashboard-list-item .options .option.reloading {
		line-height: inherit;
		min-width: 95px
	}
}

.pending-team-auto-join-checkbox {
	display: inline-block;
	margin: 0;
	padding-left: 30px
}

.pending-team-auto-join-checkbox input {
	z-index: 1
}

.pending-organization {
	background: #e6f0f5
}

.pending-organization .spinner {
	margin: 0 auto
}

.pending-organization.non-transferrable {
	background: #f5d3ce
}

.pending-organization.not-enough-licenses {
	background: #faf3c0
}

.pending-organization .details {
	float: none
}

.non-transferrable-request {
	margin-top: 10px;
	text-decoration: underline;
	cursor: pointer
}

.u-centered {
	margin: 0 auto
}

.setting-item-detail .inline-hint {
	margin-left: 10px
}

.setting-item-detail .public-board-count-container {
	margin-bottom: 18px;
	padding-top: 8px
}

.team-setting-restriction-group.disabled {
	opacity: .5
}

.team-setting-restriction-group.disabled span[class^=icon-] {
	color: #172b4d
}

.public-board-text-container {
	background: #f4f5f7;
	border-radius: 3px;
	color: #7a869a;
	font-weight: 400;
	padding: 8px
}

.public-board-text-container .icon-sm {
	font-size: 16px;
	margin-right: 6px;
	position: relative;
	top: 2px
}

.public-boards-link {
	color: #172b4d;
	font-weight: 700;
	margin-left: 8px;
	margin-right: 8px;
	text-decoration: none
}

hr.no-top-margin {
	margin-top: 0
}

.public-board-empty-state-container {
	box-shadow: 0 1px 6px rgba(0, 0, 0, .15);
	margin: auto;
	padding: 70px 0 100px;
	max-width: 900px;
	text-align: center
}

.public-board-empty-state-container .public-board-empty-state-image {
	margin-bottom: 25px
}

.public-board-empty-state-container h5.public-board-empty-state-title {
	font-size: 20px;
	margin-bottom: 14px
}

.public-board-empty-state-container p.public-board-empty-state-description {
	margin: auto;
	width: 250px
}

.teams-settings-content {
	margin-right: 56px
}

.teams-settings-content .setting-item-action {
	margin-right: 24px
}

.settings-header {
	margin-bottom: 40px
}

.settings-header .settings-subtitle {
	float: right;
	font-size: 14px;
	font-weight: 400;
	font-style: italic
}

.team-setting-restriction-group p.sub-name {
	color: #6b778c;
	font-size: 12px;
	font-weight: 400;
	line-height: 15px;
	margin-top: 4px
}

.team-setting-restriction-group ul.email-domain-list a {
	display: inline;
	margin: auto;
	padding: initial;
	position: static
}

.team-setting-restriction-group ul.email-domain-list a:hover .icon-sm {
	color: #505f79
}

.power-ups-tab .power-ups-tab-landing {
	width: 100%;
	min-height: 500px;
	background-color: #fef1f9;
	font-size: 16px;
	color: #084a66;
	position: relative
}

.power-ups-tab .power-ups-tab-landing p {
	margin-top: 0;
	margin-bottom: 24px
}

.power-ups-tab .power-ups-tab-landing ul {
	list-style: disc;
	padding-left: 40px
}

.power-ups-tab .power-ups-tab-landing li {
	margin-top: 24px
}

.power-ups-tab .power-ups-tab-landing .power-ups-tab-landing-content {
	padding: 40px;
	position: relative;
	z-index: 1
}

.power-ups-tab .power-ups-tab-landing .power-ups-tab-landing-header {
	font-weight: 700;
	font-size: 36px;
	margin-bottom: 24px
}

.power-ups-tab .power-ups-tab-landing .power-ups-tab-landing-bullet-content>p {
	margin-bottom: 0
}

.power-ups-tab .power-ups-tab-landing .power-ups-tab-landing-bullet-subtext p {
	font-size: 14px;
	color: #798d99
}

.power-ups-tab .power-ups-tab-landing .power-ups-tab-landing-learn-more {
	font-weight: 700
}

.power-ups-tab .power-ups-tab-landing .power-ups-tab-landing-learn-more-icon {
	color: #172b4d
}

.power-ups-tab .power-ups-tab-landing .power-ups-tab-landing-button {
	min-height: 52px;
	margin-top: 32px
}

.power-ups-tab .power-ups-tab-landing .power-ups-tab-landing-button .button-link {
	padding: 16px;
	height: auto
}

.power-ups-tab .power-ups-tab-landing .power-ups-tab-landing-button .spinner {
	display: inline-block
}

.power-ups-tab .power-ups-tab-landing .power-ups-tab-landing-illustration {
	position: absolute;
	bottom: 0;
	right: 40px
}

.power-ups-tab .power-ups-tab-landing .power-ups-tab-landing-error a {
	color: inherit
}

.power-ups-tab-header-tabs {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between
}

.power-ups-tab-header-tabs .tabs-container {
	flex: 1
}

.power-ups-tab-header-tabs .turn-off-link-container {
	border-bottom: 2px solid rgba(9, 30, 66, .25);
	margin-bottom: 20px
}

.power-ups-tab-header-tabs .turn-off-link-container .turn-off-link {
	padding-top: .5em
}

.power-ups-tab-header-tabs .turn-off-link-container .turn-off-link a {
	color: rgba(9, 30, 66, .71)
}

.power-ups-tab-header-tabs .turn-off-link-container .spinner {
	margin-right: 110px
}

.ent-pup-container {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	height: 40px
}

.ent-pup-container .multiple-select-checkbox {
	flex-shrink: 0;
	margin-top: 0
}

.ent-pup-container .power-up-icon {
	flex: 0 0 auto;
	height: 22px;
	width: 22px;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover
}

@media (max-width:1300px) {
	.ent-pup-container .power-up-icon {
		margin-right: 5px
	}
}

.ent-pup-container .name {
	flex: 0 0 30%;
	font-weight: 700;
	font-size: 16px
}

.ent-pup-container .status {
	flex: 0 0 20%;
	display: flex;
	text-align: center
}

.ent-pup-container .status span {
	color: #fff;
	padding: 5px;
	border-radius: 3px;
	flex-basis: 70%
}

.ent-pup-container .status .not-allowed {
	background-color: #ec9488;
	white-space: nowrap
}

.ent-pup-container .status .allowed {
	background-color: #99d18f
}

@media (max-width:1200px) {
	.ent-pup-container .status {
		margin-right: 25px
	}
}

.ent-pup-container .statistics {
	flex: 0 1 40%
}

.ent-pup-container .info {
	flex: 0 0 2%
}

.power-up-info {
	padding: 0 5px
}

.power-up-info .disable-confirmation-message {
	padding-bottom: 1em
}

.power-up-info .learn-more {
	margin-top: 1em;
	margin-bottom: 1em
}

.power-up-info .learn-more a {
	font-weight: 700
}

.power-up-info .learn-more a .icon-dark {
	color: #172b4d
}

.sso-help-text {
	color: #7a869a
}

.sso-help-text .sso-help-link {
	color: #7a869a;
	margin-left: 4px
}

.sso-setting-container,
.sso-settings-read-only-urls {
	margin-top: 40px;
	max-width: 600px
}

.sso-setting-container .sso-setting-value,
.sso-setting-container input,
.sso-setting-container textarea,
.sso-settings-read-only-urls .sso-setting-value,
.sso-settings-read-only-urls input,
.sso-settings-read-only-urls textarea {
	font-family: SF Mono, Segoe UI Mono, Roboto Mono, Ubuntu Mono, Menlo, Courier, monospace;
	white-space: pre-wrap;
	font-size: 12px
}

.sso-setting-container .button-link,
.sso-settings-read-only-urls .button-link {
	margin: 0 0 0 10px
}

.sso-setting-container.loginUrl .sso-setting-value,
.sso-setting-container.read-only-url .sso-setting-value,
.sso-settings-read-only-urls.loginUrl .sso-setting-value,
.sso-settings-read-only-urls.read-only-url .sso-setting-value {
	display: inline-block;
	vertical-align: top;
	height: 32px;
	line-height: 32px
}

.sso-setting-container.loginUrl input,
.sso-setting-container.read-only-url input,
.sso-settings-read-only-urls.loginUrl input,
.sso-settings-read-only-urls.read-only-url input {
	display: inline-block;
	vertical-align: top;
	line-height: 18px
}

.sso-setting-container.read-only-url,
.sso-settings-read-only-urls.read-only-url {
	margin: 0 0 15px
}

.sso-setting-container.read-only-url:last-of-type,
.sso-settings-read-only-urls.read-only-url:last-of-type {
	margin-bottom: 0
}

.sso-setting-container.read-only-url .sso-setting-read-only-url-label,
.sso-settings-read-only-urls.read-only-url .sso-setting-read-only-url-label {
	display: inline-block;
	height: 32px;
	line-height: 32px;
	vertical-align: top;
	font-weight: 600;
	width: 140px
}

.sso-setting-container.read-only-url input,
.sso-settings-read-only-urls.read-only-url input {
	width: 380px;
	margin-bottom: 0
}

.sso-setting-container.read-only-url .button-link,
.sso-settings-read-only-urls.read-only-url .button-link {
	float: right
}

.sso-setting-container.certificate .sso-setting-value,
.sso-settings-read-only-urls.certificate .sso-setting-value {
	background: #ebecf0;
	padding: 6px 10px;
	border-radius: 3px;
	margin-bottom: 10px;
	line-height: 24px;
	padding: 24px 40px
}

.sso-setting-container.certificate textarea,
.sso-settings-read-only-urls.certificate textarea {
	height: 400px
}

.sso-setting-container.certificate .button-link,
.sso-settings-read-only-urls.certificate .button-link {
	float: right
}

.sso-setting-container.certificate .sso-setting-checkbox,
.sso-settings-read-only-urls.certificate .sso-setting-checkbox {
	display: inline-block;
	margin: 0;
	padding-left: 30px
}

.sso-setting-container.certificate .sso-setting-checkbox input,
.sso-settings-read-only-urls.certificate .sso-setting-checkbox input {
	z-index: 1
}

.sso-setting-container .sso-settings-attribute-table,
.sso-settings-read-only-urls .sso-settings-attribute-table {
	border: none;
	border-bottom: 1px solid #dfe1e6
}

.sso-setting-container .sso-settings-attribute-table td,
.sso-setting-container .sso-settings-attribute-table th,
.sso-setting-container .sso-settings-attribute-table tr,
.sso-settings-read-only-urls .sso-settings-attribute-table td,
.sso-settings-read-only-urls .sso-settings-attribute-table th,
.sso-settings-read-only-urls .sso-settings-attribute-table tr {
	border: none;
	text-align: left
}

.sso-setting-container .sso-settings-attribute-table td:first-child,
.sso-settings-read-only-urls .sso-settings-attribute-table td:first-child {
	font-family: SF Mono, Segoe UI Mono, Roboto Mono, Ubuntu Mono, Menlo, Courier, monospace;
	font-size: 12px
}

.sso-setting-container .sso-settings-attribute-table th,
.sso-settings-read-only-urls .sso-settings-attribute-table th {
	border-bottom: 1px solid #dfe1e6;
	color: #8993a4;
	text-transform: uppercase;
	font-size: 12px
}

.enterprise-up-sell {
	color: #fff;
	border-radius: 5px;
	overflow: hidden;
	margin-bottom: 20px
}

.enterprise-up-sell.bc-to-enterprise {
	margin-left: 38px
}

.enterprise-up-sell.on-board .enterprise-up-sell-actions {
	flex: 1
}

.enterprise-up-sell.on-board .enterprise-up-sell-body,
.enterprise-up-sell.on-board .enterprise-up-sell-footer {
	padding: 12px
}

.enterprise-up-sell.on-board .enterprise-up-sell-header {
	margin-bottom: 8px;
	font-size: 16px;
	display: flex;
	align-items: center
}

.enterprise-up-sell .enterprise-up-sell-body,
.enterprise-up-sell .enterprise-up-sell-footer {
	padding: 16px
}

.enterprise-up-sell .enterprise-up-sell-body {
	display: flex;
	align-items: center;
	background: #3d749b
}

.enterprise-up-sell .enterprise-up-sell-copy {
	flex: 1
}

.enterprise-up-sell .enterprise-up-sell-header {
	margin-bottom: 16px
}

.enterprise-up-sell li {
	display: flex;
	align-items: center;
	margin-bottom: 16px;
	font-weight: 500
}

.enterprise-up-sell li:last-child {
	margin-bottom: 0
}

.enterprise-up-sell .icon-lg {
	font-size: 24px;
	color: #84ccaf;
	margin-right: 5px
}

.enterprise-up-sell .enterprise-up-sell-image {
	flex: 0 0 300px;
	max-width: 300px
}

@media only screen and (max-width:750px) {
	.enterprise-up-sell .enterprise-up-sell-image {
		display: none
	}
}

.enterprise-up-sell .enterprise-up-sell-footer {
	display: flex;
	background: #34678c
}

@media only screen and (max-width:750px) {
	.enterprise-up-sell .enterprise-up-sell-footer {
		display: block;
		margin-bottom: 8px
	}
}

.enterprise-up-sell .enterprise-up-sell-footer .enterprise-up-sell-description {
	flex: 1;
	margin: 0 16px 0 0
}

@media only screen and (max-width:750px) {
	.enterprise-up-sell .enterprise-up-sell-footer .enterprise-up-sell-description {
		margin: 0 0 8px
	}
}

.enterprise-up-sell .enterprise-up-sell-actions {
	display: flex;
	flex: 0 0 180px;
	justify-content: space-between;
	align-items: center
}

.enterprise-up-sell .enterprise-up-sell-actions .quiet-button {
	color: #fff
}

.enterprise-up-sell .enterprise-up-sell-actions .button {
	margin: 0
}

.button {
	border-radius: 3px;
	border: 0
}

.button,
.iconButton {
	cursor: pointer;
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Droid Sans, Helvetica Neue, sans-serif;
	text-decoration: none
}

.iconButton {
	background-color: #fafbfc;
	box-shadow: inset 0 0 0 2px #dfe1e6;
	color: #172b4d;
	box-sizing: border-box;
	-webkit-appearance: none;
	display: block;
	margin-bottom: 12px;
	padding: 8px 12px;
	transition-property: background-color, border-color, box-shadow;
	transition-duration: 85ms;
	transition-timing-function: ease;
	background-color: #ebecf0;
	box-shadow: 0 1px 0 0 rgba(9, 30, 66, .13);
	border: none;
	display: inline-block;
	font-weight: 700;
	line-height: 20px;
	margin: 8px 4px 0 0;
	padding: 6px 12px;
	text-align: center;
	position: relative;
	border-radius: 3px;
	border: 0;
	font-family: trellicons
}

.iconButton.full {
	width: 100%
}

.iconButton.input-error {
	background-color: #fbedeb;
	border: none;
	box-shadow: inset 0 0 0 2px #efb3ab
}

.iconButton:focus {
	outline: 0
}

.iconButton.wide {
	padding-left: 24px;
	padding-right: 24px
}

.iconButton.with-icon {
	box-sizing: border-box;
	color: #fff;
	padding: 6px 16px 6px 30px;
	text-align: left
}

.iconButton.with-icon .icon-sm {
	left: 7px;
	position: absolute;
	top: 7px
}

.iconButton.with-icon.google .icon-sm {
	font-size: 15px
}

.iconButton.negate .icon-sm,
.iconButton.negate:active .icon-sm,
.iconButton.negate:hover .icon-sm,
.iconButton.primary .icon-sm,
.iconButton.primary:active .icon-sm,
.iconButton.primary:hover .icon-sm,
.iconButton:active .icon-sm {
	color: #fff
}

.iconButton.subtle .icon-sm,
.iconButton.subtle:active .icon-sm,
.iconButton.subtle:hover .icon-sm {
	color: #42526e
}

.textButton {
	background-color: #fafbfc;
	box-shadow: inset 0 0 0 2px #dfe1e6;
	color: #172b4d;
	box-sizing: border-box;
	-webkit-appearance: none;
	margin-bottom: 12px;
	padding: 8px 12px;
	transition-property: background-color, border-color, box-shadow;
	transition-duration: 85ms;
	transition-timing-function: ease;
	background-color: #ebecf0;
	box-shadow: 0 1px 0 0 rgba(9, 30, 66, .13);
	border: none;
	display: inline-block;
	font-weight: 700;
	line-height: 20px;
	margin: 8px 4px 0 0;
	padding: 6px 12px;
	text-align: center;
	position: relative;
	border-radius: 3px;
	border: 0;
	cursor: pointer;
	text-decoration: none;
	background-image: none;
	box-shadow: none;
	color: #6b778c;
	display: block;
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Droid Sans, Helvetica Neue, sans-serif;
	font-size: 14px;
	font-weight: 400;
	padding: 0;
	text-align: left;
	width: 100%
}

.textButton.full {
	width: 100%
}

.textButton.input-error {
	background-color: #fbedeb;
	border: none;
	box-shadow: inset 0 0 0 2px #efb3ab
}

.textButton:focus {
	outline: 0
}

.textButton.wide {
	padding-left: 24px;
	padding-right: 24px
}

.textButton.with-icon {
	box-sizing: border-box;
	color: #fff;
	padding: 6px 16px 6px 30px;
	text-align: left
}

.textButton.with-icon .icon-sm {
	left: 7px;
	position: absolute;
	top: 7px
}

.textButton.with-icon.google .icon-sm {
	font-size: 15px
}

.textButton.negate .icon-sm,
.textButton.negate:active .icon-sm,
.textButton.negate:hover .icon-sm,
.textButton.primary .icon-sm,
.textButton.primary:active .icon-sm,
.textButton.primary:hover .icon-sm,
.textButton:active .icon-sm {
	color: #fff
}

.textButton.subtle .icon-sm,
.textButton.subtle:active .icon-sm,
.textButton.subtle:hover .icon-sm {
	color: #42526e
}

.textButton:active,
.textButton:hover {
	background: transparent;
	box-shadow: none
}

.bigButton {
	line-height: 22px;
	margin: 8px 4px 0 0;
	padding: 5px 16px;
	box-shadow: 0 1px 0 #3f6f21;
	font-weight: 700;
	text-align: center
}

.buttonLink {
	padding: 0;
	text-decoration: none;
	text-shadow: none
}

.buttonLink,
.buttonLink:hover {
	background: transparent;
	border-color: transparent;
	box-shadow: none
}

.buttonLink:hover {
	text-decoration: underline
}

.linkButton {
	background-color: #fafbfc;
	box-shadow: inset 0 0 0 2px #dfe1e6;
	color: #172b4d;
	-webkit-appearance: none;
	display: block;
	margin-bottom: 12px;
	padding: 8px 12px;
	transition-property: background-color, border-color, box-shadow;
	transition-duration: 85ms;
	transition-timing-function: ease;
	background-color: #ebecf0;
	box-shadow: 0 1px 0 0 rgba(9, 30, 66, .13);
	border: none;
	display: inline-block;
	line-height: 20px;
	padding: 6px 12px;
	border-radius: 3px;
	border: 0;
	cursor: pointer;
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Droid Sans, Helvetica Neue, sans-serif;
	text-decoration: none;
	line-height: 22px;
	margin: 8px 4px 0 0;
	padding: 5px 16px;
	box-shadow: 0 1px 0 #3f6f21;
	font-weight: 700;
	text-align: center;
	background: linear-gradient(180deg, #fff 0, #fafbfc);
	box-sizing: border-box;
	border: 1px solid #ebecf0;
	border-bottom-color: #c1c7d0;
	box-shadow: none;
	max-width: 300px;
	overflow: hidden;
	position: relative;
	text-overflow: ellipsis;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.linkButton.full {
	width: 100%
}

.linkButton.input-error {
	background-color: #fbedeb;
	border: none;
	box-shadow: inset 0 0 0 2px #efb3ab
}

.linkButton:focus {
	outline: 0
}

.linkButton.wide {
	padding-left: 24px;
	padding-right: 24px
}

.linkButton.with-icon {
	box-sizing: border-box;
	color: #fff;
	padding: 6px 16px 6px 30px;
	text-align: left
}

.linkButton.with-icon .icon-sm {
	left: 7px;
	position: absolute;
	top: 7px
}

.linkButton.with-icon.google .icon-sm {
	font-size: 15px
}

.linkButton.negate .icon-sm,
.linkButton.negate:active .icon-sm,
.linkButton.negate:hover .icon-sm,
.linkButton.primary .icon-sm,
.linkButton.primary:active .icon-sm,
.linkButton.primary:hover .icon-sm,
.linkButton:active .icon-sm {
	color: #fff
}

.linkButton.subtle .icon-sm,
.linkButton.subtle:active .icon-sm,
.linkButton.subtle:hover .icon-sm {
	color: #42526e
}

.linkButton .icon {
	margin: 0 5px 0 -10px
}

.linkButton:hover {
	background: #298fca;
	border-color: #298fca #298fca #026aa7;
	color: #fff
}

.buttonSecondary {
	background-color: #fafbfc;
	box-shadow: inset 0 0 0 2px #dfe1e6;
	color: #172b4d;
	box-sizing: border-box;
	-webkit-appearance: none;
	display: block;
	margin-bottom: 12px;
	padding: 8px 12px;
	transition-property: background-color, border-color, box-shadow;
	transition-duration: 85ms;
	transition-timing-function: ease;
	background-color: #ebecf0;
	box-shadow: 0 1px 0 0 rgba(9, 30, 66, .13);
	border: none;
	display: inline-block;
	line-height: 20px;
	padding: 6px 12px;
	position: relative;
	border-radius: 3px;
	border: 0;
	cursor: pointer;
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Droid Sans, Helvetica Neue, sans-serif;
	text-decoration: none;
	line-height: 22px;
	margin: 8px 4px 0 0;
	padding: 5px 16px;
	box-shadow: 0 1px 0 #3f6f21;
	font-weight: 700;
	text-align: center;
	background: linear-gradient(180deg, #c1c7d0 0, #a5adba)
}

.buttonSecondary.full {
	width: 100%
}

.buttonSecondary.input-error {
	background-color: #fbedeb;
	border: none;
	box-shadow: inset 0 0 0 2px #efb3ab
}

.buttonSecondary:focus {
	outline: 0
}

.buttonSecondary.wide {
	padding-left: 24px;
	padding-right: 24px
}

.buttonSecondary.with-icon {
	box-sizing: border-box;
	color: #fff;
	padding: 6px 16px 6px 30px;
	text-align: left
}

.buttonSecondary.with-icon .icon-sm {
	left: 7px;
	position: absolute;
	top: 7px
}

.buttonSecondary.with-icon.google .icon-sm {
	font-size: 15px
}

.buttonSecondary.negate .icon-sm,
.buttonSecondary.negate:active .icon-sm,
.buttonSecondary.negate:hover .icon-sm,
.buttonSecondary.primary .icon-sm,
.buttonSecondary.primary:active .icon-sm,
.buttonSecondary.primary:hover .icon-sm,
.buttonSecondary:active .icon-sm {
	color: #fff
}

.buttonSecondary.subtle .icon-sm,
.buttonSecondary.subtle:active .icon-sm,
.buttonSecondary.subtle:hover .icon-sm {
	color: #42526e
}

.buttonSecondary:hover {
	background: linear-gradient(180deg, #7a869a 0, #97a0af)
}

.buttonSecondary:focus {
	background: linear-gradient(180deg, #a5adba 0, #8993a4)
}

.buttonPrimary {
	background-color: #fafbfc;
	box-shadow: inset 0 0 0 2px #dfe1e6;
	color: #172b4d;
	box-sizing: border-box;
	-webkit-appearance: none;
	display: block;
	margin-bottom: 12px;
	padding: 8px 12px;
	transition-property: background-color, border-color, box-shadow;
	transition-duration: 85ms;
	transition-timing-function: ease;
	background-color: #ebecf0;
	box-shadow: 0 1px 0 0 rgba(9, 30, 66, .13);
	display: inline-block;
	line-height: 20px;
	padding: 6px 12px;
	position: relative;
	border-radius: 3px;
	border: 0;
	cursor: pointer;
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Droid Sans, Helvetica Neue, sans-serif;
	text-decoration: none;
	line-height: 22px;
	margin: 8px 4px 0 0;
	padding: 5px 16px;
	box-shadow: 0 1px 0 #3f6f21;
	font-weight: 700;
	text-align: center;
	background-color: #5aac44;
	box-shadow: 0 1px 0 0 #3f6f21;
	border: none;
	color: #fff
}

.buttonPrimary.full {
	width: 100%
}

.buttonPrimary.input-error {
	background-color: #fbedeb;
	border: none;
	box-shadow: inset 0 0 0 2px #efb3ab
}

.buttonPrimary:focus {
	outline: 0
}

.buttonPrimary.wide {
	padding-left: 24px;
	padding-right: 24px
}

.buttonPrimary.with-icon {
	box-sizing: border-box;
	color: #fff;
	padding: 6px 16px 6px 30px;
	text-align: left
}

.buttonPrimary.with-icon .icon-sm {
	left: 7px;
	position: absolute;
	top: 7px
}

.buttonPrimary.with-icon.google .icon-sm {
	font-size: 15px
}

.buttonPrimary.negate .icon-sm,
.buttonPrimary.negate:active .icon-sm,
.buttonPrimary.negate:hover .icon-sm,
.buttonPrimary.primary .icon-sm,
.buttonPrimary.primary:active .icon-sm,
.buttonPrimary.primary:hover .icon-sm,
.buttonPrimary:active .icon-sm {
	color: #fff
}

.buttonPrimary.subtle .icon-sm,
.buttonPrimary.subtle:active .icon-sm,
.buttonPrimary.subtle:hover .icon-sm {
	color: #42526e
}

.buttonPrimary:hover {
	background-color: #519839
}

.buttonPrimary:active,
.buttonPrimary:hover {
	box-shadow: 0 1px 0 0 #3f6f21;
	border: none;
	color: #fff
}

.buttonPrimary:active {
	background-color: #49852e
}

.buttonPrimary:disabled {
	background-color: #ebecf0;
	box-shadow: none;
	border: none;
	color: #a5adba;
	cursor: not-allowed
}

.buttonNegate {
	background-color: #fafbfc;
	box-shadow: inset 0 0 0 2px #dfe1e6;
	color: #172b4d;
	box-sizing: border-box;
	-webkit-appearance: none;
	display: block;
	margin-bottom: 12px;
	padding: 8px 12px;
	transition-property: background-color, border-color, box-shadow;
	transition-duration: 85ms;
	transition-timing-function: ease;
	background-color: #ebecf0;
	box-shadow: 0 1px 0 0 rgba(9, 30, 66, .13);
	display: inline-block;
	line-height: 20px;
	padding: 6px 12px;
	position: relative;
	border-radius: 3px;
	border: 0;
	cursor: pointer;
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Droid Sans, Helvetica Neue, sans-serif;
	text-decoration: none;
	line-height: 22px;
	margin: 8px 4px 0 0;
	padding: 5px 16px;
	box-shadow: 0 1px 0 #3f6f21;
	font-weight: 700;
	text-align: center;
	background-color: #cf513d;
	box-shadow: 0 1px 0 0 #6e2f1a;
	border: none;
	color: #fff
}

.buttonNegate.full {
	width: 100%
}

.buttonNegate.input-error {
	background-color: #fbedeb;
	border: none;
	box-shadow: inset 0 0 0 2px #efb3ab
}

.buttonNegate:focus {
	outline: 0
}

.buttonNegate.wide {
	padding-left: 24px;
	padding-right: 24px
}

.buttonNegate.with-icon {
	box-sizing: border-box;
	color: #fff;
	padding: 6px 16px 6px 30px;
	text-align: left
}

.buttonNegate.with-icon .icon-sm {
	left: 7px;
	position: absolute;
	top: 7px
}

.buttonNegate.with-icon.google .icon-sm {
	font-size: 15px
}

.buttonNegate.negate .icon-sm,
.buttonNegate.negate:active .icon-sm,
.buttonNegate.negate:hover .icon-sm,
.buttonNegate.primary .icon-sm,
.buttonNegate.primary:active .icon-sm,
.buttonNegate.primary:hover .icon-sm,
.buttonNegate:active .icon-sm {
	color: #fff
}

.buttonNegate.subtle .icon-sm,
.buttonNegate.subtle:active .icon-sm,
.buttonNegate.subtle:hover .icon-sm {
	color: #42526e
}

.buttonNegate:hover {
	background-color: #b04632
}

.buttonNegate:active,
.buttonNegate:hover {
	box-shadow: 0 1px 0 0 #6e2f1a;
	border: none;
	color: #fff
}

.buttonNegate:active {
	background-color: #6e2f1a
}

.buttonRed {
	background-image: none;
	background-color: #eb5a46;
	border-color: #eb5a46;
	border-bottom-color: #b04632;
	box-shadow: none;
	color: #fff;
	font-weight: 700;
	transition: background-color .3s ease
}

.buttonRed:focus,
.buttonRed:hover {
	background-image: none;
	background-color: #cf513d;
	border-color: #cf513d;
	border-bottom-color: #933b27
}

.buttonRed:active {
	background-image: none;
	background-color: #933b27;
	border-color: #933b27;
	border-bottom-color: transparent
}

.wide {
	padding-left: 30px;
	padding-right: 30px
}

.blockButton {
	background: #e2e4e6;
	box-shadow: 0 1px 0 0 #c4c9cc;
	border-radius: 3px;
	box-sizing: border-box;
	cursor: pointer;
	display: block;
	font-weight: 700;
	height: 32px;
	margin-top: 8px;
	max-width: 300px;
	overflow: hidden;
	padding: 6px 8px 6px 11px;
	position: relative;
	text-decoration: none;
	text-overflow: ellipsis;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	white-space: nowrap
}

input[type=text]::-ms-clear {
	display: none
}

.directory-wrapper {
	background: #f4f5f7;
	border-radius: 3px;
	bottom: 8px;
	top: 0;
	right: 8px;
	left: 8px;
	position: absolute;
	box-shadow: 0 8px 16px -4px rgba(9, 30, 66, .25), 0 0 0 1px rgba(9, 30, 66, .08)
}

.directory-body {
	display: flex;
	height: calc(100% - 49px);
	position: relative;
	justify-content: center;
	overflow-y: auto
}

.directory-body.has-upsell {
	height: calc(100% - 96px)
}

.directory-spinner {
	padding: 32px
}

.directory-spinner .spinner {
	background-size: 48px 48px;
	height: 48px;
	width: 48px
}

.directory-responsive-overlay {
	display: none;
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 1;
	background: rgba(0, 0, 0, .15)
}

.directory-header {
	background: #ebecf0;
	border-bottom: 1px solid rgba(9, 30, 66, .13);
	border-radius: 3px 3px 0 0;
	height: 48px;
	position: relative
}

.directory-header .button-link {
	float: left;
	padding: 8px 12px;
	margin: 0 4px 0 0
}

.directory-header-toolbar {
	min-height: 48px;
	position: relative
}

.directory-header-toolbar-left {
	margin: 8px;
	float: left;
	position: relative
}

.directory-header-toolbar-title {
	text-align: center;
	position: absolute;
	top: 12px;
	left: 0;
	right: 0
}

.directory-header-toolbar-right {
	margin: 8px;
	float: right;
	position: relative;
	display: flex
}

.directory-hamburger {
	color: #42526e;
	border: 0;
	display: none;
	font-size: 24px;
	font-weight: 700;
	line-height: 24px;
	outline: none;
	text-decoration: none
}

.directory-business-class-banner {
	background: #42548e;
	color: #fff;
	min-height: 48px;
	padding: 0 8px;
	position: relative;
	display: flex;
	justify-content: space-between
}

.directory-business-class-banner .banner-content {
	padding: 16px 0
}

.directory-business-class-banner .banner-content a {
	color: #fff
}

.directory-business-class-banner .buttons-container {
	display: flex
}

.directory-business-class-banner .buttons-container .dismiss-link {
	color: #d2d7e5;
	margin: 16px 8px 0 0;
	text-decoration: none
}

.directory-business-class-banner .buttons-container .dismiss-link:hover {
	color: #fff
}

.directory-business-class-banner .buttons-container .button-link {
	margin-left: 8px;
	width: 80px
}

.directory-business-class-banner .buttons-container .button-link.mod-upgrade {
	background: #7a869a;
	color: #fff;
	text-overflow: clip
}

.directory-search {
	position: relative
}

.directory-search input {
	max-width: 240px
}

.directory-search .icon-close {
	position: absolute;
	top: 7px;
	right: 6px
}

.directory-sidebar {
	min-width: 240px;
	padding: 24px 16px 16px;
	position: -webkit-sticky;
	position: sticky;
	top: 0
}

.directory-sidebar .directory-navigation-section {
	margin-bottom: 8px
}

.directory-sidebar li {
	margin: 4px 0
}

.directory-sidebar .directory-navigation-option {
	align-items: center;
	border-radius: 4px;
	cursor: pointer;
	display: flex;
	font-size: 14px;
	font-weight: 700;
	height: 24px;
	overflow: hidden;
	padding: 4px 10px;
	text-align: left;
	text-decoration: none
}

.directory-sidebar .directory-navigation-option.enable-option {
	position: relative
}

.directory-sidebar .directory-navigation-option:hover {
	background-color: #f4f5f7
}

.directory-sidebar .directory-navigation-option.category-link {
	font-weight: 400
}

.directory-sidebar .directory-navigation-option.active {
	background-color: #e4f0f6;
	font-weight: 700
}

.directory-sidebar .directory-navigation-option.active,
.directory-sidebar .directory-navigation-option.active .icon-lg,
.directory-sidebar .directory-navigation-option.active:hover {
	color: #0079bf
}

.directory-navigation-power-up-count {
	background-color: rgba(9, 30, 66, .13);
	border-radius: 20px;
	color: #172b4d;
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
	padding: 2px 10px;
	position: absolute;
	right: 8px;
	text-align: center
}

.directory-navigation-power-up-count:empty {
	display: none
}

@-webkit-keyframes placeHolderAnimation {
	0% {
		background-position: -468px 0
	}
	to {
		background-position: 468px 0
	}
}

@keyframes placeHolderAnimation {
	0% {
		background-position: -468px 0
	}
	to {
		background-position: 468px 0
	}
}

.directory-navigation-option.placeholder {
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-name: placeHolderAnimation;
	animation-name: placeHolderAnimation;
	background: linear-gradient(90deg, #ebecf0 8%, #dfe1e6 18%, #ebecf0 33%);
	background-size: 800px 104px;
	height: 24px;
	width: 100%
}

#directory-content {
	margin-left: 16px
}

.directory-content-body {
	padding: 16px 0 16px 16px
}

.directory-heading-wrapper {
	width: 1000px;
	margin-top: 8px
}

.directory-heading-wrapper h2 {
	margin-left: 16px
}

.directory-listing-wrapper {
	width: 1000px;
	padding-left: 16px
}

.directory-search-empty {
	margin-top: 16px;
	width: 1000px
}

.directory-featured-powerups,
.directory-listing {
	display: flex;
	flex-flow: row;
	flex-wrap: wrap;
	width: 1000px
}

.directory-featured-powerups {
	justify-content: center;
	margin-bottom: 16px
}

.directory-listing-powerup {
	margin: 8px 16px 8px 0;
	cursor: pointer;
	width: 304px
}

.directory-listing-powerup .icon-sm.icon-check {
	height: 16px;
	width: 16px;
	color: #fff
}

.directory-enable-button {
	padding: 4px 0;
	margin: 4px 0 0;
	height: 24px;
	width: 64px;
	line-height: 16px
}

.directory-settings-button {
	height: 32px;
	width: 32px;
	line-height: 32px;
	margin: 0;
	padding: 0
}

.directory-settings-button:hover {
	color: #42526e
}

.directory-settings-button:active {
	background-color: #172b4d;
	box-shadow: 0 1px 0 0 #091e42;
	border: none;
	color: #fff
}

.directory-featured-powerups .directory-listing-powerup {
	box-shadow: none
}

.directory-responsive-elements .directory-back-btn,
.directory-responsive-elements .directory-sidebar {
	display: none
}

.directory-responsive-elements .directory-hamburger {
	display: inline
}

.directory-responsive-elements .directory-sidebar.active {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
	height: calc(100% - 80px);
	z-index: 2;
	box-shadow: 0 8px 6px rgba(0, 0, 0, .4)
}

.directory-responsive-elements .directory-sidebar.active .directory-search input {
	max-width: 240px
}

.directory-responsive-elements .directory-responsive-overlay.active {
	display: block
}

.directory-listing-medium .directory-featured-powerups,
.directory-listing-medium .directory-heading-wrapper,
.directory-listing-medium .directory-listing,
.directory-listing-medium .directory-listing-wrapper,
.directory-listing-medium .directory-search-empty {
	width: 640px
}

.directory-listing-medium .directory-heading-wrapper h2 {
	margin-left: 0
}

.directory-listing-small .directory-featured-powerups,
.directory-listing-small .directory-heading-wrapper,
.directory-listing-small .directory-listing,
.directory-listing-small .directory-listing-wrapper,
.directory-listing-small .directory-search-empty {
	width: 100%
}

.directory-listing-small .directory-listing .directory-listing-powerup {
	width: 100%;
	min-width: 304px
}

.directory-listing-small .directory-heading-wrapper {
	display: flex;
	justify-content: center
}

@media only screen and (max-width:1650px) {
	.is-show-menu .directory-featured-powerups,
	.is-show-menu .directory-heading-wrapper,
	.is-show-menu .directory-listing,
	.is-show-menu .directory-listing-wrapper,
	.is-show-menu .directory-search-empty {
		width: 640px
	}
	.is-show-menu .directory-heading-wrapper h2 {
		margin-left: 0
	}
}

@media only screen and (max-width:1320px) {
	.is-show-menu .directory-featured-powerups,
	.is-show-menu .directory-heading-wrapper,
	.is-show-menu .directory-listing,
	.is-show-menu .directory-listing-wrapper,
	.is-show-menu .directory-search-empty {
		width: 100%
	}
	.is-show-menu .directory-listing .directory-listing-powerup {
		width: 100%;
		min-width: 304px
	}
	.is-show-menu .directory-heading-wrapper {
		display: flex;
		justify-content: center
	}
}

@media only screen and (max-width:980px) {
	.is-show-menu .directory-back-btn,
	.is-show-menu .directory-sidebar {
		display: none
	}
	.is-show-menu .directory-hamburger {
		display: inline
	}
	.is-show-menu .directory-sidebar.active {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		background: #fff;
		height: calc(100% - 80px);
		z-index: 2;
		box-shadow: 0 8px 6px rgba(0, 0, 0, .4)
	}
	.is-show-menu .directory-sidebar.active .directory-search input {
		max-width: 240px
	}
	.is-show-menu .directory-responsive-overlay.active {
		display: block
	}
}

@media only screen and (max-width:1333px) {
	.directory-featured-powerups,
	.directory-heading-wrapper,
	.directory-listing,
	.directory-listing-wrapper,
	.directory-search-empty {
		width: 640px
	}
	.directory-heading-wrapper h2 {
		margin-left: 0
	}
}

@media only screen and (max-width:963px) {
	.directory-featured-powerups,
	.directory-heading-wrapper,
	.directory-listing,
	.directory-listing-wrapper,
	.directory-search-empty {
		width: 100%
	}
	.directory-listing .directory-listing-powerup {
		width: 100%;
		min-width: 304px
	}
	.directory-heading-wrapper {
		display: flex;
		justify-content: center
	}
}

@media only screen and (max-width:640px) {
	.directory-back-btn,
	.directory-sidebar {
		display: none
	}
	.directory-hamburger {
		display: inline
	}
	.directory-sidebar.active {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		background: #fff;
		height: calc(100% - 80px);
		z-index: 2;
		box-shadow: 0 8px 6px rgba(0, 0, 0, .4)
	}
	.directory-sidebar.active .directory-search input {
		max-width: 240px
	}
	.directory-responsive-overlay.active {
		display: block
	}
}

@media only screen and (max-height:690px) {
	.directory-sidebar {
		position: static
	}
}

.directory-enabled-empty {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	width: 100%;
	flex-direction: column;
	margin-top: 100px
}

.directory-enabled-empty .directory-listing {
	justify-content: center
}

.directory-enabled-empty .directory-listing .directory-listing-powerup {
	width: 312px
}

.directory-enabled-empty-text {
	margin-bottom: 30px
}

.directory-enabled-empty-text,
.directory-search-empty {
	font-size: 22px;
	text-align: center
}

.directory-individual-listing {
	color: #172b4d;
	font-size: 14px;
	line-height: 24px;
	padding: 32px 20%
}

@media only screen and (max-width:750px) {
	.directory-individual-listing {
		padding: 32px 10%
	}
}

.directory-individual-listing img {
	max-width: 100%
}

.directory-individual-listing h1,
.directory-individual-listing h2,
.directory-individual-listing h3,
.directory-individual-listing h4 {
	margin: 16px 0
}

.directory-individual-listing .directory-listing-content {
	margin-top: 16px
}

.directory-individual-listing .directory-listing-powerup {
	box-shadow: none;
	cursor: default;
	margin: 16px 0 0;
	width: 100%;
	line-height: 18px
}

.directory-individual-listing .category-link {
	color: #6b778c;
	margin: 0 4px
}

.directory-individual-listing .category-link :hover {
	color: #172b4d
}

.directory-business-class-popover {
	background: url(https://a.trellocdn.com/prgb/dist/images/powerups/power-ups-rocket.9b64376d163a0393545a.png), #42548e;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center 20px;
	border: none;
	height: 356px;
	width: 300px;
	color: #fff;
	font-size: 16px
}

.directory-business-class-popover .content {
	padding: 110px 12px 0
}

.directory-business-class-popover .content a {
	color: #fff
}

.directory-business-class-popover .content .small {
	font-size: 14px;
	font-style: italic;
	margin-top: 24px
}

.directory-business-class-popover .button-link {
	background: #7a869a;
	color: #fff;
	height: 40px;
	font-size: 18px;
	text-align: center
}

.directory-business-class-popover .icon-close {
	font-size: 16px;
	position: absolute;
	top: 8px;
	right: 6px
}

.directory-data-consent {
	margin: 16px 0
}

.directory-data-consent ul {
	margin-left: 24px;
	margin-bottom: 16px;
	list-style: disc outside none
}

.directory-data-consent .directory-compliance p {
	font-weight: 700;
	display: flex
}

.directory-data-consent .directory-compliance .directory-compliance-icon {
	width: 21px;
	height: 24px;
	margin-right: 8px;
	align-self: center
}

.directory-enable-page-buttons {
	display: flex;
	justify-content: center
}

.directory-enable-page-buttons button {
	margin-left: 8px
}

#clipboard-container {
	position: fixed;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	z-index: 100;
	display: none;
	opacity: 0;
	max-width: 1px;
	max-height: 1px
}

#clipboard-container #clipboard {
	width: 1px;
	height: 1px;
	padding: 0;
	overflow: hidden
}

#iframe-io-host {
	display: none;
	position: fixed;
	bottom: 0;
	left: -10px;
	height: 0;
	width: 0
}

#iframe-io-host iframe {
	display: inline-block;
	width: 100px;
	height: 100px
}

.edit {
	display: none;
	position: relative
}

.editable .current {
	cursor: pointer
}

.editable.editing {
	cursor: auto
}

.edits-error,
.edits-warning {
	display: none;
	clear: both
}

.editing .edit {
	display: block;
	float: left;
	padding-bottom: 9px;
	z-index: 50;
	width: 100%
}

.editing .edits-warning {
	display: none!important
}

.editing .edit .field,
.editing .edit .field:active {
	background: rgba(9, 30, 66, .04);
	border-color: rgba(9, 30, 66, .13);
	box-shadow: inset 0 0 0 1px rgba(9, 30, 66, .13);
	margin-bottom: 4px
}

.edit-heavy .field {
	font-size: 15px;
	font-weight: 700;
	line-height: 18px
}

.editing .hide-on-edit {
	display: none!important
}

.window-header .edit {
	float: left;
	margin-right: 40px
}

.window-module-title .edit textarea {
	font-size: 16px;
	line-height: 19px
}

.window-header .edit textarea {
	font-size: 18px;
	height: auto;
	line-height: 22px
}

.window-main-col .edit textarea.field {
	display: block;
	height: auto
}

.list-title .edit textarea.field {
	height: auto;
	padding: 4px;
	width: 100%
}

.board-description .helper,
.card-detail-edit .helper {
	position: absolute;
	bottom: 10px;
	margin: 0;
	right: -2px
}

.card-detail-window .card-detail-edit .description {
	min-height: 108px;
	background: #fff;
	box-shadow: none
}

.card-detail-window .card-detail-edit .description:focus {
	background: #fff;
	border: none;
	box-shadow: inset 0 0 0 2px #0079bf
}

.card-detail-window .card-detail-edit .description:active {
	background: #fff
}

.single-line {
	height: 30px
}

.cropFrame {
	overflow: hidden;
	position: relative;
	border-radius: 50%
}

.cropImage {
	position: absolute;
	top: 0;
	left: 0;
	cursor: move
}

.cropControls {
	background: #000;
	width: 100%;
	height: 26px;
	position: absolute;
	z-index: 100;
	bottom: 0;
	left: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: opacity .25s linear
}

.cropFrame:hover .cropControls {
	opacity: .6;
	filter: alpha(opacity=60)
}

.cropControls span {
	display: block;
	float: left;
	color: #fff;
	font-size: 11px;
	margin: 4px 0 0 5px
}

.cropZoomIn,
.cropZoomOut {
	display: block;
	float: right;
	margin: 4px 4px 0 0;
	background: #fff;
	color: #000;
	border-radius: 9px;
	width: 18px;
	height: 18px;
	line-height: 14px;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	cursor: pointer
}

.cropZoomIn:after {
	content: "+"
}

.cropZoomOut:after {
	vertical-align: top;
	line-height: 17px;
	font-size: 22px;
	margin-left: 0;
	content: "-"
}

@media print {
	* {
		text-shadow: none!important
	}
	#chrome-container,
	#surface {
		height: auto!important
	}
	#trello-root,
	body {
		overflow: visible!important
	}
	.attachment-thumbnail,
	.phenom,
	img {
		page-break-before: auto;
		page-break-after: auto;
		page-break-inside: avoid;
		position: relative
	}
	#header {
		display: none
	}
	#notification {
		display: none!important
	}
	#surface {
		display: block;
		height: auto!important
	}
	.board-main-content {
		display: block!important;
		margin-right: 0
	}
	.board-wrapper {
		overflow: visible;
		position: relative
	}
	#board,
	.board-wrapper {
		top: auto!important;
		bottom: auto!important;
		left: auto!important;
		right: auto!important
	}
	#board {
		height: auto!important;
		margin-left: 8px!important;
		overflow: visible!important;
		position: relative!important;
		display: block!important
	}
	.board-header-btns.mod-right,
	.board-menu {
		display: none
	}
	.board-header-btn-text {
		color: #172b4d
	}
	.list-wrapper {
		display: block!important
	}
	.header-banner {
		display: none
	}
	.list-wrapper {
		float: none
	}
	.list,
	.list-wrapper {
		display: block;
		height: auto!important;
		margin-bottom: 16px;
		max-height: none!important
	}
	.list-cards {
		max-height: none!important;
		flex: 0;
		overflow: visible
	}
	.list-header .icon-sm {
		visibility: hidden
	}
	.list-header .list-title {
		margin-left: 12px
	}
	.open-card-composer {
		display: none
	}
	.list-card {
		box-shadow: 0 1px 1px rgba(9, 30, 66, .25), 0 0 0 1px rgba(9, 30, 66, .08);
		page-break-inside: avoid
	}
	.card-detail-desc .quiet-button,
	.chechklist-new-item,
	.list-wrapper.mod-add,
	.new-comment,
	.other-actions,
	.pop-over,
	.quiet-actions,
	.window-sidebar .button-link {
		display: none!important
	}
	.card-label {
		color: #172b4d
	}
	.card-detail-item-add-button {
		display: none
	}
	.checklist-progress-bar {
		border: 1px solid #e3e3e3;
		box-shadow: none
	}
	.checklist-progress-bar-current {
		height: 7px;
		margin-top: 1px;
		border: 1px solid #777
	}
	.action-comment {
		border: 1px solid #dfe1e6;
		box-shadow: none
	}
	.member-cards-board-lists {
		overflow: visible;
		flex-wrap: wrap
	}
	.editable .current {
		display: block!important
	}
	.editable .edit,
	.editable .edits-warning {
		display: none!important
	}
	body.window-up #content {
		display: none
	}
	body.window-up #surface {
		display: none;
		min-height: 0;
		height: auto!important
	}
	body.window-up .window-overlay {
		background: #fff;
		display: block!important;
		height: auto!important;
		overflow: visible;
		position: relative
	}
	body.window-up .window-overlay .window {
		margin: 0
	}
	body.window-up .window-overlay .window-header,
	body.window-up .window-overlay .window-title {
		margin-top: 0
	}
	body.window-up .add-comment-section,
	body.window-up .dialog-close-button,
	body.window-up .window-sidebar {
		display: none
	}
	body.window-up .window-main-col {
		float: none;
		overflow: auto;
		padding: 8px 12px;
		width: 100%;
		box-sizing: border-box
	}
	body.window-up .window {
		margin: 5px 0 0;
		position: relative!important;
		width: 100%!important
	}
	body.window-up .window input,
	body.window-up .window textarea {
		display: none
	}
	body.window-up .card-label {
		border: 1px solid #6b778c
	}
	body.window-up .window-wrapper {
		background: #fff
	}
	body.window-up .focus-dummy {
		display: none
	}
}

.hide {
	display: none
}

#trello-root.chrome-47 .list-cards,
#trello-root.chrome-48 .list-cards,
#trello-root.chrome-49 .list-cards,
#trello-root.chrome-50 .list-cards {
	overflow-y: overlay;
	margin-right: 2px;
	padding: 0 9px 0 5px
}

#trello-root.chrome-47 .list-cards::-webkit-scrollbar,
#trello-root.chrome-48 .list-cards::-webkit-scrollbar,
#trello-root.chrome-49 .list-cards::-webkit-scrollbar,
#trello-root.chrome-50 .list-cards::-webkit-scrollbar {
	width: 7px
}

body[data-gr-c-s-loaded] {
	background-image: none
}

.android,
.ipad,
.iphone,
.ipod {
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none;
	text-size-adjust: none
}

#trello-root.chrome-50 .boards-page-board-section-list-item,
#trello-root.chrome-51 .boards-page-board-section-list-item,
#trello-root.chrome-52 .boards-page-board-section-list-item,
#trello-root.chrome-54 .window-overlay {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

#trello-root.explorer-11 .nps-button,
#trello-root.safari-6 .nps-button {
	min-width: 28px;
	margin-right: 6px
}

#trello-root.explorer-11 .nps-use,
#trello-root.safari-6 .nps-use {
	min-width: 120px;
	margin-right: 8px
}

#trello-root.safari-10 .list-card-members {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row-reverse
}

#trello-root.safari-10 .list-card-members:after {
	content: "";
	flex: auto
}

#trello-root.explorer .reaction-piles-container {
	display: flex
}

#trello-root.explorer .reaction-piles {
	overflow: hidden
}

#trello-root.edge .check-div input[type=checkbox],
#trello-root.explorer .check-div input[type=checkbox] {
	z-index: 10
}
.fc-day-number{
}
td .disabled{
	color: #FFF !important;
	background-color: #f4f5f7 !important;
	cursor: no-drop;
}
td .enable{
	cursor: pointer;
}