/* line 1, ../sass/_public.scss */
* {
  margin: 0;
  padding: 0;
}
.modal label {
    width: 105px;
}
.modal input[type="text"] {
    width: 100%;
}
.accordion-section-title{
color: white !Important;
}
#s1,#s2,#s3,#s4
{
    visibility:hidden;
}
.accordion label{
  text-transform: capitalize;


}
.CSSTableGenerator tr:first-child td {

    font-size: 11px;
}
#l1,#l2,#l3,#l4
{
text-align: center;
width: 60px;
padding: 5px;
}
.modal p{
display:inline-block;
}
    .modal input.modal select{
        margin: 0 5px;
    }
    .sty
    {
    word-wrap: break-word;
    background-color: #3689B9;
    color: white;
    padding: 1px;
    width: 100%;
    margin: 0 auto;
    border-radius: 4px;
    }


/* line 3, ../sass/_public.scss */
html, body {
  font-size: .9em;
  height: 100%;
font-family: 'Abel', sans-serif !important;

}
.accordion-section-content input[type="checkbox"]{
width:100px;float: left;
}
.accordion label{
   display: table;
}
.link {
  color: #000 !important;
  background-color: transparent !important;
  border-color: transparent;
}
#board {
min-height:500px;
}


#board h3
{    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 14px !important;
}
.link:hover {
  color: black !important;
  background-color: transparent !important;
  border-color: black;
}
/* line 5, ../sass/_public.scss */
#site {
  width: 100%;
  height: 100%;
  overflow: auto; background-color: rgb(239, 239, 239);
    background: rgb(239, 239, 239);
}
/* line 6, ../sass/_public.scss */
#site a:hover {
  text-decoration: none;
}
.page-title
{
text-align: center;
}
#vet-form h3
{
text-transform: uppercase;
}
/* line 9, ../sass/_public.scss */
#topBar {
 /* padding: 20px;
  color: #FFF;
  background: #0083A9;
  text-align: center;*/
}

/* line 11, ../sass/_public.scss */
#footer {
  padding: 20px;
  color: #FFF;
  background: #000;
  text-align: center;
}

/* line 13, ../sass/_public.scss */
.form-signin,#for-form {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}

/* line 15, ../sass/_public.scss */
.deactivatedNotice {
  margin: 0 auto;
  text-align: center;
  padding: 5px;
  color: #FFF;
  background: #900;
  border-radius: 4px;
}

/* line 17, ../sass/_public.scss */
.form-signin .form-signin-heading, .form-signin .checkbox {
  margin-bottom: 10px;
}

/* line 19, ../sass/_public.scss */
.form-signin .form-control ,#for-form .form-control,.form-control{
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}
.update-pass {
  max-width: 400px;
  margin: 0 auto;
}
/* line 21, ../sass/_public.scss */
.form-signin .form-control:focus {
  z-index: 2;
}

/* line 23, ../sass/_public.scss */
.form-signin input[type="text"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
    width: 100%;
}

/* line 25, ../sass/_public.scss */
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
    width: 100%;
}
.makethemcenter{
    margin: 50px auto;
    max-width: 300px;
    text-align: center;
}

/* line 27, ../sass/_public.scss */
.control-label {
  margin-top: 10px;
}

/* line 29, ../sass/_public.scss */
.control-label, .help-block {
  margin-left: 10px;
}

/* line 31, ../sass/_public.scss */
.btn {
  background: #000;
}

/* line 33, ../sass/_public.scss */
.spacer-div-line {
  border-top: 1px solid #0083A9;
  border-bottom: 1px solid #0083A9;
  margin: 50px 0 50px 0;
  display: none !important;
}

/* line 35, ../sass/_public.scss */
.spacer-div {
  height: 100px;
}

/* line 37, ../sass/_public.scss */
.form-horizontal {
  max-width: 600px;
  padding: 15px;
  margin: 0 auto;
}

/* line 39, ../sass/_public.scss */
#legend span {
  float: right;
  margin-bottom: 10px;
  color: #D8D8D8;
  font-size: 14px;
}

/* line 41, ../sass/_public.scss */
.btn {
  background: #0083A9;
}

/* line 43, ../sass/_public.scss */
.btn:hover {
  background: #41B3CF;
}

/* line 45, ../sass/_public.scss */
.error-alert {
  display: none;
  text-align: center;
  color: #FFF;
  padding: 10px;
  background: #900;
  border-radius: 5px;
}

/* line 47, ../sass/_public.scss */
#inactive-notice {
  padding: 5px 0 5px 0;
  background: #900;
  color: #FFF;
  text-align: center;
  border-radius: 5px;
  margin-bottom: 5px;
  box-shadow: 0 0 12px #900;
}

/* line 49, ../sass/_public.scss */

#registered {
  padding: 20px 0 30px 0;
  margin: 40px 0 0px 0;
  background: #0083A9;
  color: #FFF;
  text-align: center;
  display: none !important;
}

/* line 51, ../sass/_public.scss */
#register-form,#for-form {
  display: none;
}
.blue {
        background-color: #3E3E3E;
      background-repeat: no-repeat;
      background-size: 100% 100%;
      color: #fff;
      text-shadow: 2px 2px #5E5858;
      margin: 0 auto;
}
.dark {
       background-color: #3E3E3E;
    height: 100px;
    bottom: 0;
    width: 100%;
}
.set {
  margin-bottom: 100px;
}
.side-nav {
 background-color: #FFF !important;
  }
.side-nav>li>ul>li>a {
 color:#000 !important;
}
.navbar-inverse .navbar-nav>li>a {
 color:#000 !important;
}
.navbar a {
 color:#000 !important;
}
.side-nav li a:hover {
 background:#fff !Important;
}.container-fluid {
    background-color: black !important;
    height: 42px;
}
.navbar {
    border: transparent !important;
}
.col-lg-2 {
    margin-left: -9px;
    margin-top: 4px;
}
.btn-group-lg>.btn,
.btn-lg {
    /*margin-left: 6px;*/
    margin-top: 4px !important;
    height: 33px;
    padding-top: 3px !important;
    float: left;
    border-radius: 2px !important;
}
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9 {
    float: no !important;
}
.login {
    margin: 0;
}
@charset "UTF-8";

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

img,
legend {
    border: 0
}
.pop-over,
.u-fancy-scrollbar {
    -webkit-transform: translate3d(0, 0, 0)
}
#content,
.u-relative,
body,
sub,
sup {
    position: relative
}
.button-link,
.quiet-button {
    -webkit-user-select: none;
    -moz-user-select: none
}
.icon-lg,
.icon-sm,
.u-text-align-center {
    text-align: center
}
.board-list,
.form-grid {
    -webkit-flex-wrap: wrap
}
html {
    -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,
optgroup,
strong {
    font-weight: 700
}
dfn {
    font-style: italic
}
mark {
    background: #ff0;
    color: #000
}
small {
    font-size: 80%
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}
sup {
    top: -.5em
}
sub {
    bottom: -.25em
}
svg:not(:root) {
    overflow: hidden
}
figure {
    margin: 1em 40px
}
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box
}
pre,
textarea {
    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[type=checkbox],
input[type=radio] {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    min-height: 3px !important;
    margin:0 5px !important;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}
input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}
#checklist label
{
font-weight: 400;font-size: 12px;
    text-align: right;    vertical-align: middle;
}
#checklist input
{
float: left;    vertical-align: middle;
}

#checklist .title,#checklist th
{padding:0px;    vertical-align: middle;font-weight: 700 !important;
font-size: 12px;color:white;
                              background-color: #3A8BBA;
}
#checklist tbody td
{
text-align: center;
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}
#checklist .title
{
text-align: center;
    text-transform: uppercase;
}
#checklist tfoot td
{
padding: 5px;
}
fieldset {
    margin: 0 2px
}
legend {
    padding: 0
}
.m-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.u-fancy-scrollbar {
    -webkit-overflow-scrolling: touch
}
.u-fancy-scrollbar::-webkit-scrollbar {
    height: 9px;
    width: 9px
}
hr,
table {
    width: 100%
}
.u-fancy-scrollbar::-webkit-scrollbar-button:end:increment,
.u-fancy-scrollbar::-webkit-scrollbar-button:start:decrement {
    background: 0 0;
    display: none
}
.u-fancy-scrollbar::-webkit-scrollbar-track-piece {
    background: #d6dadc
}
.u-fancy-scrollbar::-webkit-scrollbar-track-piece:vertical:start {
    border-radius: 5px 5px 0 0
}
.u-fancy-scrollbar::-webkit-scrollbar-track-piece:vertical:end {
    border-radius: 0 0 5px 5px
}
.u-fancy-scrollbar::-webkit-scrollbar-track-piece:horizontal:start {
    border-radius: 5px 0 0 5px
}
.u-fancy-scrollbar::-webkit-scrollbar-track-piece:horizontal:end {
    border-radius: 0 5px 5px 0
}
.u-fancy-scrollbar::-webkit-scrollbar-thumb:horizontal,
.u-fancy-scrollbar::-webkit-scrollbar-thumb:vertical {
    background: #c4c9cc;
    border-radius: 5px;
    display: block;
    height: 50px
}
.u-clearfix:after {
    clear: both;
    content: "";
    display: table
}
.u-form-error,
.u-form-info {
    display: block;
    margin-bottom: 4px
}
.u-gutter {
    margin-left: 38px
}
.u-font-weight-normal {
    font-weight: 400
}
.u-font-weight-bold,
.u-form-error,
.u-form-info,
th {
    font-weight: 700
}
.u-text-underline {
    text-decoration: underline
}
.u-form-error {
    color: #eb5a46
}
.u-form-info {
    background: #faf3c0;
    border-radius: 3px;
    padding: 10px
}
.u-inline-block {
    display: inline-block
}
.u-block {
    display: block
}
.u-inline {
    display: inline
}
.u-float-left {
    float: left
}
.u-float-right {
    float: right
}
.u-bottom {
    margin-bottom: 0;
    padding-bottom: 0
}
body {
    background-color: #edeff0;
    z-index: 0;
    overflow-y: auto
}
ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0
}
div::-moz-selection {
    background: 0 0
}
div::selection {
    background: 0 0
}
.android,
.ipad,
.iphone,
.ipod {
    -webkit-text-size-adjust: none;
    text-size-adjust: none
}
#nocss {
    display: none
}
#surface,
body,
html {
    height: 100%
}
@media only screen and (min-width:1281px),
only screen and (min-width:901px) and (max-width:1280px) {
    .pinned-drawer #surface {
        margin-left: 280px
    }
    .pinned-drawer .header-boards {
        display: none
    }
}
.single-column #content {
    margin: 0 auto 2pc;
    padding: 2pc;
    max-width: 650px
}
.single-column #content .window-header {
    margin-bottom: 0
}
dl,
dt,
table {
    margin-bottom: 8px
}
.single-column #content .window-main-col {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 0;
    width: 100%
}
@media only screen and (max-width:750px) {
    .single-column #content {
        padding: 1pc 8px
    }
}
body,
button,
html,
input,
select,
textarea {
    color: #4d4d4d;
    font: 14px "Helvetica Neue", Arial, Helvetica, sans-serif;
    line-height: 18px
}
h1,
h2 {
    line-height: 1.2em
}
h1 {
    font-size: 22px;
    margin: 0 0 10px
}
h2 {
    font-size: 18px;
    margin: 0 0 9px
}
h3,
h4,
h5,
h6 {
    font-size: 1pc;
    line-height: 1.25em;
    margin: 0 0 6px
}
hr {
    background: #d6dadc;
    border: 0;
    color: #d6dadc;
    height: 1px;
    margin: 9pt 0;
    padding: 0
}
a {
    color: #444
}
a:hover {
    color: #111
}
a.disabled,
a.disabled:hover {
    color: #8c8c8c;
    cursor: default;
    text-decoration: none
}
p {
    margin: 0 0 8px
}
pre {
    margin: 15px 0;
    max-height: 516px;
    white-space: pre
}
code,
pre,
tt {
    font-family: 'bitstream vera sans mono', 'andale mono', 'lucida console', monospace;
    line-height: 1.25em
}
blockquote {
    border-left: 1px solid #c4c9cc;
    color: #666;
    margin: 8px 0 8px 8px;
    padding: 0 0 0 8px
}
.quiet,
.quiet a {
    color: #8c8c8c
}
.quiet a:hover {
    color: #4d4d4d
}
.error,
.error a {
    color: #eb5a46
}
.warning {
    background: #f5ea92;
    border-radius: 3px;
    padding: 6px 8px
}
.billing-option-buttons a,
thead {
    background: -webkit-linear-gradient(top, #fff 0, #edeff0 100%)
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
table,
td,
th {
    vertical-align: top;
    border-top: 1px solid #d6dadc;
    border-left: 1px solid #d6dadc
}
td,
th {
    padding: 5px;
    border-right: 1px solid #d6dadc;
    border-bottom: 1px solid #d6dadc
}
thead {
    background: linear-gradient(to bottom, #fff 0, #edeff0 100%)
}
tbody {
    background-color: #fff
}
.markeddown code,
.markeddown pre {
    background-color: #d6dadc;
    border-radius: 3px
}
dd {
    margin: 0 0 1pc 24px
}
.markeddown {
    word-wrap: break-word
}
.markeddown pre {
    overflow: auto;
    padding: 10px 9pt;
    word-wrap: normal
}
.markeddown code {
    padding-left: 2px;
    padding-right: 2px
}
.markeddown pre code {
    padding: 0
}
.markeddown ol,
.markeddown ul {
    margin: 8px 0
}
.markeddown ul>li {
    list-style: disc;
    margin: 8px 0 8px 20px
}
.markeddown ol>li {
    list-style: decimal;
    margin: 8px 0 8px 20px
}
@font-face {
    font-family: trellicons;
    src: url(https://d78fikflryjgj.cloudfront.net/fonts/7bb5846e7fc03b2be8e658e1a6bbb1e2/trellicons.eot?#iefix) format('embedded-opentype'), url(data:application/font-woff;base64,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) format('woff'), url(https://d78fikflryjgj.cloudfront.net/fonts/fb906eb4b2e15713f06e544fc1c39959/trellicons.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}
.icon-lg,
.icon-sm {
    display: inline-block;
    font-family: trellicons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
    color: #999
}
.icon-lg {
    height: 30px;
    font-size: 20px;
    line-height: 30px;
    width: 30px
}
.icon-lg.mod-inline,
.icon-sm {
    height: 18px;
    line-height: 18px;
    width: 18px
}
.icon-lg.mod-inline {
    font-size: 18px;
    vertical-align: bottom
}
.icon-sm {
    font-size: 9pt
}
.icon-activity:before {
    content: "\e600"
}
.icon-add-member:before {
    content: "\e601"
}
.icon-add:before {
    content: "\e602"
}
.icon-archive:before {
    content: "\e603"
}
.icon-attachment:before {
    content: "\e604"
}
.icon-back:before {
    content: "\e605"
}
.icon-board:before {
    content: "\e606"
}
.icon-business-class:before {
    content: "\e607"
}
.icon-calendar:before {
    content: "\e608"
}
.icon-camera:before {
    content: "\e609"
}
.icon-card-cover:before {
    content: "\e60a"
}
.icon-card:before {
    content: "\e60b"
}
.icon-check:before {
    content: "\e60c"
}
.icon-checklist:before {
    content: "\e60d"
}
.icon-clock:before {
    content: "\e60e"
}
.icon-close:before {
    content: "\e60f"
}
.icon-comment:before {
    content: "\e610"
}
.icon-description:before {
    content: "\e611"
}
.icon-down:before {
    content: "\e612"
}
.icon-download:before {
    content: "\e613"
}
.icon-dropdown-menu:before {
    content: "\e614"
}
.icon-edit:before {
    content: "\e615"
}
.icon-email:before {
    content: "\e616"
}
.icon-emoji:before {
    content: "\e617"
}
.icon-external-link:before {
    content: "\e618"
}
.icon-facebook:before {
    content: "\e619"
}
.icon-filter:before {
    content: "\e61a"
}
.icon-fogbugz:before {
    content: "\e61b"
}
.icon-forward:before {
    content: "\e61c"
}
.icon-gear:before {
    content: "\e61d"
}
.icon-google:before {
    content: "\e61e"
}
.icon-information:before {
    content: "\e61f"
}
.icon-label:before {
    content: "\e620"
}
.icon-list:before {
    content: "\e621"
}
.icon-log-out:before {
    content: "\e622"
}
.icon-member:before {
    content: "\e623"
}
.icon-mention:before {
    content: "\e624"
}
.icon-move:before {
    content: "\e625"
}
.icon-notification:before {
    content: "\e626"
}
.icon-organization-visible:before {
    content: "\e627"
}
.icon-organization:before {
    content: "\e628"
}
.icon-overflow-menu-horizontal:before {
    content: "\e629"
}
.icon-power-up:before {
    content: "\e62a"
}
.icon-private:before {
    content: "\e62b"
}
.icon-public:before {
    content: "\e62c"
}
.icon-refresh:before {
    content: "\e62d"
}
.icon-remove:before {
    content: "\e62e"
}
.icon-search:before {
    content: "\e62f"
}
.icon-share:before {
    content: "\e630"
}
.icon-star:before {
    content: "\e631"
}
.icon-sticker:before {
    content: "\e632"
}
.icon-subscribe:before {
    content: "\e633"
}
.icon-trello-gold:before {
    content: "\e634"
}
.icon-twitter:before {
    content: "\e635"
}
.icon-up:before {
    content: "\e636"
}
.icon-vote:before {
    content: "\e637"
}
.dark-hover:hover .icon-lg,
.dark-hover:hover .icon-sm,
.icon-lg.dark,
.icon-lg.dark-hover:hover,
.icon-sm.dark,
.icon-sm.dark-hover:hover {
    color: #4d4d4d;
    text-decoration: none
}
.icon-lg.light,
.icon-lg.light-hover:hover,
.icon-sm.light,
.icon-sm.light-hover:hover,
.light-hover:hover .icon-lg,
.light-hover:hover .icon-sm {
    color: #fff;
    text-decoration: none
}
.icon-lg.mod-custom-image,
.icon-sm.mod-custom-image {
    text-indent: 100%;
    overflow: hidden
}
.icon-lg.mod-custom-image img,
.icon-sm.mod-custom-image img {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0
}
.icon-lg.mod-custom-image img {
    height: 30px;
    width: 30px
}
.icon-sm.mod-custom-image img {
    height: 18px;
    width: 18px
}
.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: #71838e
}
.icon-trello-gold-color {
    color: #a89d24
}
.icon-facebook-color {
    color: #3B5998
}
.icon-google-color {
    color: #e11a31
}
.icon-twitter-color {
    color: #00aced
}

button,

textarea {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    background-color: #e2e4e6;
    border: 1px solid #cdd2d4;
    border-radius: 3px;
    display: block;
    margin-bottom: 9pt;
    min-height: 34px;
    padding: 7px
}
button.full,
input:not([type=file]).full,
textarea.full {
    width: 100%
}
button.input-error,
input:not([type=file]).input-error,
textarea.input-error {
    background-color: #fbedeb;
    border-color: #efb3ab
}
button:focus,
input:not([type=file]):focus,
textarea:focus {
    outline: 0
}
input[type=file] {
    margin-bottom: 1pc
}
input[type=radio] {
    -webkit-appearance: radio;
    min-height: inherit
}
input[type=checkbox] {
    -webkit-appearance: checkbox;
    margin-right: 4px
}
input[type=text],
input[type=password],
input[type=email] {
    -webkit-transition: background 85ms ease-in, border-color 85ms ease-in;
    transition: background 85ms ease-in, border-color 85ms ease-in;
   /* width: 250px*/
}
input[type=text].inline-input,
input[type=password].inline-input,
input[type=email].inline-input {
    background: 0 0;
    border: 0;
    margin: 0;
    padding: 2px;
    min-height: 0;
    height: 18px;
    width: 200px
}
input[type=email]:invalid {
    box-shadow: none
}
input[type=text]:hover,
input[type=password]:hover,
input[type=email]:hover,
textarea:hover {
    border-color: #a5acb0
}
input[type=text]:hover.input-error,
input[type=password]:hover.input-error,
input[type=email]:hover.input-error,
textarea:hover.input-error {
    border-color: #ec9488
}
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
textarea:focus {
    background: #fff;
    border-color: #298fca;
    box-shadow: 0 0 2px #298fca
}
input[type=text]:focus.input-error,
input[type=password]:focus.input-error,
input[type=email]:focus.input-error,
textarea:focus.input-error {
    background-color: #fff;
    border-color: #ec9488;
    box-shadow: 0 0 2px #ec9488
}
input[type=text]:disabled,
input[type=password]:disabled,
input[type=email]:disabled,
textarea:disabled {
    background-color: #d6dadc;
    border-color: #cdd2d4;
    color: #8c8c8c;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
select {
    max-height: 300px;
    width: 16pc;
    margin-bottom: 8px
}
option[disabled] {
    color: #8c8c8c
}
textarea {
    height: 150px;
    -webkit-transition: background 85ms ease-in, border-color 85ms ease-in;
    transition: background 85ms ease-in, border-color 85ms ease-in;
    resize: vertical;
    width: 100%
}
.button,
button,
input[type=button],
input[type=submit] {
       background: #3A8BBA;
    border: none;
color: white;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    line-height: 22px;
     margin: 0px 4px 0 0;
    padding: 5px;
    text-align: center
}

.button,
.button-link {
    border-radius: 3px;
    text-decoration: none
}
.button.wide,
button.wide,
input[type=button].wide,
input[type=submit].wide {
    padding-left: 30px;
    padding-right: 30px
}
.button {
    position: relative
}
.button:hover,
button:focus,
button:hover,
input[type=button]:focus,
input[type=button]:hover,
input[type=submit]:focus,
input[type=submit]:hover {
    background: -webkit-linear-gradient(top, #cdd2d4 0, #c4c9cc 100%);
    background: linear-gradient(to bottom, #cdd2d4 0, #c4c9cc 100%)
}
.button:active,
button:active,
input[type=button]:active,
input[type=submit]:active {
    background: -webkit-linear-gradient(top, #c4c9cc 0, #b6bbbf 100%);
    background: linear-gradient(to bottom, #c4c9cc 0, #b6bbbf 100%)
}
.button.primary,
button.primary,
input[type=button].primary,
input[type=submit].primary {
    background: -webkit-linear-gradient(top, #61bd4f 0, #5aac44 100%);
    background: linear-gradient(to bottom, #61bd4f 0, #5aac44 100%);
    box-shadow: 0 1px 0 #3f6f21;
    color: #fff
}
.button.primary:hover,
button.primary:focus,
button.primary:hover,
input[type=button].primary:focus,
input[type=button].primary:hover,
input[type=submit].primary:focus,
input[type=submit].primary:hover {
    background: -webkit-linear-gradient(top, #5aac44 0, #519839 100%);
    background: linear-gradient(to bottom, #5aac44 0, #519839 100%)
}
.button.primary:active,
button.primary:active,
input[type=button].primary:active,
input[type=submit].primary:active {
    background: -webkit-linear-gradient(top, #519839 0, #49852e 100%);
    background: linear-gradient(to bottom, #519839 0, #49852e 100%)
}
.button.negate,
button.negate,
input[type=button].negate,
input[type=submit].negate {
    color: #b04632
}
.button.negate:hover,
button.negate:focus,
button.negate:hover,
input[type=button].negate:focus,
input[type=button].negate:hover,
input[type=submit].negate:focus,
input[type=submit].negate:hover {
    background: -webkit-linear-gradient(top, #cf513d 0, #b04632 100%);
    background: linear-gradient(to bottom, #cf513d 0, #b04632 100%);
    box-shadow: 0 1px 0 #4d4d4d;
    color: #fff
}
.button.negate:active,
button.negate:active,
input[type=button].negate:active,
input[type=submit].negate:active {
    background: -webkit-linear-gradient(top, #b04632 0, #933b27 100%);
    background: linear-gradient(to bottom, #b04632 0, #933b27 100%);
    box-shadow: 0 1px 0 #4d4d4d;
    color: #fff
}
.button.disabled,
.button.disabled:active,
.button.disabled:hover,
button.disabled,
button.disabled:active,
button.disabled:hover,
input[type=button].disabled,
input[type=button].disabled:active,
input[type=button].disabled:hover,
input[type=submit].disabled,
input[type=submit].disabled:active,
input[type=submit].disabled:hover,
input[type=submit]:disabled,
input[type=submit]:disabled:hover {
    background: #e2e4e6;
    box-shadow: none;
    color: #8c8c8c;
    cursor: default
}
.button.google,
button.google,
input[type=button].google,
input[type=submit].google {
    background: -webkit-linear-gradient(top, #4285f0 0, #2b75ee 100%);
    background: linear-gradient(to bottom, #4285f0 0, #2b75ee 100%);
    color: #fff
}
.button.google:hover,
button.google:focus,
button.google:hover,
input[type=button].google:focus,
input[type=button].google:hover,
input[type=submit].google:focus,
input[type=submit].google:hover {
    background: -webkit-linear-gradient(top, #2b75ee 0, #1366ec 100%);
    background: linear-gradient(to bottom, #2b75ee 0, #1366ec 100%)
}
.button.google:active,
button.google:active,
input[type=button].google:active,
input[type=submit].google:active {
    background: -webkit-linear-gradient(top, #1366ec 0, #115cd4 100%);
    background: linear-gradient(to bottom, #1366ec 0, #115cd4 100%)
}
.button.with-icon {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    padding: 6px 1pc 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
}
fieldset {
    border: 0;
    padding: 0;
    margin-bottom: 15px
}
input[type=hidden] {
    display: none
}
input[type=checkbox],
input[type=radio] {
    display: inline
}
.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: 2px
}
.check-div label,
.radio-div label {
    font-weight: 400
}
label,
legend {
    display: block;
    font-weight: 700;
    margin-bottom: 4px
}
label.form-error,
legend.form-error {
    color: #eb5a46
}
label>input,
label>select {
    display: block;
    margin-top: 4px
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #8c8c8c
}
input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #8c8c8c
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #8c8c8c
}
input::placeholder,
textarea::placeholder {
    color: #8c8c8c
}
input.mod-inline-with-text-input {
    margin: 4px 0 0;
    padding: 6px 14px
}
.button-link {
    background: -webkit-linear-gradient(top, #fff 0, #f8f9f9 100%);
    background: linear-gradient(to bottom, #fff 0, #f8f9f9 100%);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e2e4e6;
    border-bottom-color: #cdd2d4;
    cursor: pointer;
    display: block;
    font-weight: 700;
    height: 34px;
    margin-top: 6px;
    max-width: 300px;
    overflow: hidden;
    padding: 7px;
    position: relative;
    text-overflow: ellipsis;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}
.button-link .on {
    background-color: #61bd4f;
    border-radius: 3px;
    color: #fff;
    display: none;
    font-size: 9pt;
    font-weight: 700;
    height: 17px;
    line-height: 17px;
    margin: 0;
    padding: 2px 4px;
    position: absolute;
    right: 5px;
    top: 5px;
    text-align: center
}
.button-link.is-on {
    padding-right: 30px
}
.button-link.is-on .on {
    display: block
}
.button-link.inline {
    color: #666;
    padding: 2px 14px;
    margin-left: 4px
}
.button-link.setting {
    height: 52px;
    float: left;
    position: relative;
    margin-top: 0
}
.button-link.setting.disabled {
    background: #fff;
    color: #8c8c8c;
    cursor: default
}
.button-link.setting.disabled select {
    display: none
}
.button-link.setting.disabled:hover,
.button-link.setting.disabled:hover .label {
    color: #8c8c8c
}
.button-link.setting .label {
    color: #8c8c8c;
    display: block;
    font-size: 9pt;
    line-height: 14px;
    margin-bottom: 0
}
.button-link.setting:hover .label {
    color: #eee
}
.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.disabled,
.button-link.disabled.primary,
.button-link.disabled.primary:active,
.button-link.disabled.primary:hover,
.button-link.disabled:active,
.button-link.disabled:hover {
    background: #d6dadc;
    border-color: #d6dadc #d6dadc #cdd2d4;
    box-shadow: none;
    cursor: default;
    color: #8c8c8c
}
.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: #999
}
.button-link.negate,
.button-link.negate .icon-sm,
.button-link.primary .icon-sm,
.button-link:active,
.button-link:active .icon-sm,
.button-link:hover,
.button-link:hover .icon-sm {
    color: #fff
}
.button-link:hover {
    background: #298fca;
    border-color: #298fca #298fca #026aa7
}
.button-link:hover .on {
    background-color: rgba(255, 255, 255, .3)
}
.button-link:active {
    background: #0079bf;
    border-color: #0079bf #0079bf #055a8c
}
.button-link.primary {
    background: #61bd4f;
    border-color: #61bd4f #61bd4f #519839;
    color: #fff
}
.button-link.primary:hover {
    background: #5aac44;
    border-color: #5aac44 #5aac44 #49852e
}
.button-link.primary:active {
    background: #519839;
    border-color: #519839 #519839 #3f6f21
}
.button-link.negate {
    background: #eb5a46;
    border-color: #eb5a46 #eb5a46 #b04632
}
.button-link.negate:hover {
    background: #cf513d;
    border-color: #cf513d #cf513d #933b27
}
.button-link.negate:active {
    background: #b04632;
    border-color: #b04632 #b04632 #6e2f1a
}
.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: 6px 0 6px 40px;
    padding: 11px;
    position: relative;
    text-decoration: none;
    font-size: 1pc;
    line-height: 20px
}
.big-link .text {
    text-decoration: underline
}
.big-link:hover {
    background: #d6dadc
}
.big-link.options {
    padding-right: 41px
}
.big-link .option {
    height: 30px;
    position: absolute;
    right: 6px;
    top: 6px;
    width: 30px
}
.big-link .option.spinner,
.big-link.sending .option.icon-check {
    display: none
}
.big-link.sending .option.spinner,
.show-more {
    display: block
}
.big-link.none {
    color: #8c8c8c;
    text-decoration: none
}
.big-link.none:hover {
    background: 0 0
}
.big-link.avatar-changer {
    padding-right: 51px
}
.big-link.avatar-changer .member {
    border: 1px solid #c4c9cc;
    border-radius: 3px;
    height: 40px;
    width: 40px;
    position: absolute;
    right: 0;
    top: 0
}
.org-list li,
.segmented-control {
    border-bottom: 1px solid #d6dadc
}
.big-link.avatar-changer .member .member-avatar {
    height: 40px;
    width: 40px
}
.big-link.avatar-changer .member .member-initials {
    font-size: 1pc;
    height: 40px;
    line-height: 40px;
    max-height: 40px
}
.uploader,
.uploader .realfile {
    height: 34px;
    width: 100%;
    cursor: pointer
}
.show-more {
    border-radius: 3px;
    clear: both;
    color: #8c8c8c;
    padding: 1pc 8px 1pc 38px;
    margin: 8px 0
}
.show-more:hover {
    background: #d6dadc;
    text-decoration: underline
}
.show-more:active {
    background: #cdd2d4
}
.show-more.mod-compact {
    padding: 9pt 8px;
    margin: 8px 0 0;
    text-align: center
}
.uploader {
    clear: both;
    position: relative
}
.uploader .realfile {
    line-height: 34px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    font-size: 23px
}
.uploader .realfile input[type=file] {
    cursor: pointer;
    height: 34px;
    line-height: 34px;
    margin: 0;
    opacity: 0;
    padding: 0;
    width: 100%;
    z-index: 2;
    font-size: 23px
}
.emphasis-button,
.quiet-button {
    display: block;
    margin: 2px 0;
    -ms-user-select: none;
    border-radius: 3px
}
.uploader:hover .fakefile {
    background: #298fca;
    border-color: #298fca #298fca #0079bf;
    color: #fff
}
.uploader:hover .fakefile .icon-sm {
    color: #fff
}
.explorer-10 input[type=file] {
    -webkit-transform: translate(-270px, 0) scaleX(4);
    transform: translate(-270px, 0) 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(-75pt, 0) scaleX(4);
    transform: translate(-75pt, 0) scaleX(4)
}
.quiet-button {
    color: #8c8c8c;
    padding: 6px 8px;
    position: relative;
    user-select: none
}
.emphasis-button,
.header-btn,
.profile-image {
    -webkit-user-select: none;
    -moz-user-select: none
}
.quiet-button:hover {
    background: #d6dadc;
    color: #4d4d4d
}
.quiet-button:active {
    background: #cdd2d4;
    color: #4d4d4d
}
.quiet-button-icon {
    left: 7px;
    position: absolute;
    top: 7px
}
.quiet-button.mod-with-image {
    padding-left: 28px
}
.quiet-button.mod-gutter {
    padding-left: 38px
}
.emphasis-button {
    background: #f5ea92;
    padding: 6px 8px;
    position: relative;
    user-select: none
}
.emphasis-button:hover {
    background: #f3e260
}
.emphasis-button:active {
    background: #f5dd29
}
.emphasis-button-icon {
    left: 7px;
    position: absolute;
    top: 7px
}
.emphasis-button.mod-with-image {
    padding-left: 28px
}
.form-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}
.form-grid-child {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 0 8px
}
.form-grid-child-full {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%
}
.form-grid-child-threequarters {
    -webkit-box-flex: 3;
    -webkit-flex: 3;
    -ms-flex: 3;
    flex: 3;
    margin-right: 8px
}
.form-grid-child-twothirds {
    -webkit-box-flex: 2;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
    margin-right: 8px
}
.segmented-control {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 6px;
    padding: 0 0 9pt;
    width: 100%
}
.board-list,
.board-list li,
.sidebar-boards-list {
    margin-bottom: 1pc
}
.segmented-control-item {
    border-radius: 3px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    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
}
.board-list:empty,
.sidebar-boards-list:empty {
    display: none;
    margin: 0
}
.board-list li,
.sidebar-boards-list li {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}
.board-list a,
.sidebar-boards-list a {
    background-size: cover;
    background-position: center center;
    border-radius: 3px;
    display: block;
    font-weight: 700;
    min-height: 18px;
    padding: 8px 9pt;
    position: relative;
    text-decoration: none
}
.board-list a.tile,
.sidebar-boards-list a.tile {
    background-size: auto;
    background-repeat: repeat
}
.board-list .thumbnail,
.sidebar-boards-list .thumbnail {
    display: none
}
.board-list .options,
.sidebar-boards-list .options {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3
}
.board-list .board-list-item-icon-star,
.sidebar-boards-list .board-list-item-icon-star {
    bottom: 0;
    font-size: 14px;
    height: 18px;
    opacity: 0;
    padding: 9px;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-property: color, background, -webkit-transform;
    transition-property: color, background, transform
}
.board-list .unread-indicator,
.sidebar-boards-list .unread-indicator {
    background: #fff;
    border-radius: 7px;
    display: block;
    height: 9pt;
    opacity: 0;
    position: absolute;
    right: 9pt;
    top: 9pt;
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-property: right, opacity;
    transition-property: right, opacity;
    width: 9pt
}
.board-list .unread-indicator.any,
.sidebar-boards-list .unread-indicator.any {
    opacity: .7
}
.board-list li.starred .details,
.sidebar-boards-list li.starred .details {
    padding-right: 36px
}
.board-list li.starred .board-list-item-icon-star,
.sidebar-boards-list li.starred .board-list-item-icon-star {
    opacity: 1
}
.board-list li.starred.has-unread-activity .details,
.sidebar-boards-list li.starred.has-unread-activity .details {
    padding-right: 50px
}
.board-list li.starred.has-unread-activity .unread-indicator,
.sidebar-boards-list li.starred.has-unread-activity .unread-indicator {
    right: 34px
}
.board-list li.has-unread-activity .details,
.sidebar-boards-list li.has-unread-activity .details {
    padding-right: 36px
}
.board-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.board-list li {
    width: 25%
}
.board-list a {
    background-color: #959da1;
    color: #fff;
    margin: 0 1pc 0 0;
    font-size: 1pc;
    line-height: 20px
}
.board-list .board-list-item--add-board {
    background-color: #e2e4e6;
    color: #8c8c8c;
    font-weight: 400;
    line-height: 5pc;
    text-align: center
}
.board-list .board-list-item--add-board:hover {
    background-color: #d6dadc
}
.board-list .details {
    display: block;
    min-height: 5pc;
    position: relative
}
.board-list .details.is-badged {
    min-height: 60px;
    padding-bottom: 20px
}
.board-list .board-list-item-tags-list {
    display: inline-block;
    padding-right: 1pc
}
.board-list .board-list-item-tags-list-item {
    background-color: #edeff0;
    border-radius: 3px;
    color: #8c8c8c;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin: 6px 6px 0 0;
    padding: 5px 8px
}
.board-list .board-list-item-tags-list-item:focus,
.board-list .board-list-item-tags-list-item:hover {
    background-color: #e2e4e6;
    color: #4d4d4d
}
.board-list .board-list-item-tags-list-item:focus .board-list-item-tags-list-item-icon,
.board-list .board-list-item-tags-list-item:hover .board-list-item-tags-list-item-icon {
    color: #4d4d4d
}
.board-list .board-list-item-tags-list-item:active {
    background-color: #d6dadc;
    color: #4d4d4d
}
.board-list .board-list-item-tags-list-item.mod-add {
    margin-right: 0;
    padding: 5px 6px
}
.board-list .board-list-item-badges {
    bottom: 3px;
    left: 6px;
    opacity: .8;
    position: absolute
}
.board-list .board-list-item-badges-item {
    border-radius: 3px;
    color: #fff;
    float: left;
    font-size: 13px;
    font-weight: 400;
    line-height: 1pc;
    margin: 0 2px 2px 0;
    padding: 2px
}
.board-list .board-list-item-badges-item-icon:not(.is-vis-color) {
    color: #fff
}
.board-list .board-list-item-badges-item-text {
    margin: 0 3px 0 1px
}
.board-list .board-list-item-sub-name {
    color: rgba(255, 255, 255, .65);
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
}
.board-list .fade {
    background: rgba(0, 0, 0, .15);
    border-radius: 3px;
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}
.board-list a.light .fade,
.board-list a.unkonwn .fade {
    background: rgba(0, 0, 0, .3)
}
.board-list a:hover .fade {
    background: rgba(0, 0, 0, .25)
}
.board-list a:hover.light .fade,
.board-list a:hover.unkonwn .fade {
    background: rgba(0, 0, 0, .4)
}
.board-list a:hover .board-list-item-icon-star {
    color: #fff;
    opacity: .75
}
.board-list a:hover .board-list-item-icon-star:hover {
    font-size: 18px;
    opacity: 1
}
.board-list a:hover .board-list-item-icon-star.icon-star-active {
    color: #f2d600;
    opacity: 1
}
.board-list a:hover .board-list-item-icon-star.icon-star-active:hover {
    color: #e6c60d;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 1
}
.board-list li.has-unread-activity:hover .unread-indicator,
.board-list li.starred.has-unread-activity .unread-indicator {
    right: 34px
}
.board-list li.has-unread-activity:hover .details,
.board-list li.starred.has-unread-activity .details {
    padding-right: 50px
}
.sidebar-boards-list a {
    height: 36px;
    padding: 0;
    margin: 0 4px 4px 0
}
.sidebar-boards-list li.placeholder {
    background: rgba(0, 0, 0, .1);
    border-radius: 3px;
    margin: 0 4px 4px 0
}
.sidebar-boards-list .fade {
    background: rgba(255, 255, 255, .88);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1
}
.sidebar-boards-list .details {
    bottom: 0;
    left: 0;
    margin-left: 36px;
    overflow: hidden;
    padding: 9px 10px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}
.sidebar-boards-list .details.has-sub-name {
    padding-top: 2px;
    padding-bottom: 2px
}
.sidebar-boards-list .board-list-item-name,
.sidebar-boards-list .board-list-item-sub-name {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.sidebar-boards-list .board-list-item-sub-name {
    color: rgba(0, 0, 0, .4);
    font-size: 9pt;
    font-weight: 400;
    line-height: 9pt
}
.sidebar-boards-list .thumbnail {
    background-size: cover;
    border-radius: 3px 0 0 3px;
    display: block;
    height: 36px;
    left: 0;
    opacity: .7;
    position: absolute;
    top: 0;
    width: 36px;
    z-index: 2
}
.sidebar-boards-list li.selected .details {
    padding-right: 36px
}
.sidebar-boards-list li.selected a .thumbnail {
    opacity: 1
}
.sidebar-boards-list li.selected a .fade {
    background: rgba(255, 255, 255, .78)
}
.sidebar-boards-list li.selected a .board-list-item-icon-star {
    color: #000;
    opacity: .3
}
.sidebar-boards-list li.selected a .board-list-item-icon-star:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: .7
}
.sidebar-boards-list li.selected a .board-list-item-icon-star.icon-star-active {
    color: #e6c60d;
    opacity: 1
}
.sidebar-boards-list li.selected a .board-list-item-icon-star.icon-star-active:hover {
    color: #838c91;
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}
.sidebar-boards-list li.selected.has-unread-activity .unread-indicator {
    right: 34px
}
.sidebar-boards-list li.selected.has-unread-activity .details {
    padding-right: 50px
}
.sidebar-boards-list .unread-indicator {
    background: #298fca
}
.sidebar-boards-list .unread-indicator.any {
    opacity: .7
}
.starred-sidebar-boards-list .thumbnail {
    cursor: move
}
.tabbed-pane-main-col .board-list li {
    width: 33%
}
@media only screen and (min-width:751px) and (max-width:900px) {
    .board-list li {
        width: 33%
    }
}
@media only screen and (max-width:750px) {
    .board-list li,
    .tabbed-pane-main-col .board-list li {
        width: 100%
    }
    .board-list li a,
    .tabbed-pane-main-col .board-list li a {
        margin: 0 0 8px
    }
}
.org-list li {
    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 5pc 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,
.invite-list li {
    border-bottom: 1px solid #d6dadc;
    padding: 2px 0;
    position: relative
}
.archive-list .item-name,
.invite-list .item-name {
    padding: 8px;
    margin-bottom: 0;
    float: left
}
.archive-list .options,
.invite-list .options {
    float: right;
    margin: 6px 0
}
.archive-list .options .button-link,
.invite-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
}
.boards-page-board-section {
    margin-bottom: 20px
}
.boards-page-board-section-header {
    margin: 0 0 0 38px;
    padding: 0 0 11px;
    position: relative
}
.boards-page-board-section-header-icon {
    left: -38px;
    position: absolute;
    top: 0
}
.boards-page-board-section-header-name {
    display: inline-block;
    line-height: 24px;
    margin: 3px 0 0;
    font-size: 1pc;
    font-weight: 700
}
.boards-page-board-section-header-bc-icon {
    margin: 0 8px
}
.boards-page-board-section-header-options {
    display: inline-block;
    margin-left: 8px
}
.boards-page-board-section-header-options-item {
    background-color: #edeff0;
    border-radius: 3px;
    color: #8c8c8c;
    display: inline-block;
    margin-left: 8px;
    padding: 6px 9pt 6px 28px;
    position: relative;
    text-decoration: none
}
.boards-page-board-section-header-options-item-icon {
    left: 6px;
    position: absolute;
    top: 6px
}
.boards-page-board-section-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
#surface,
.board-main-content {
    -webkit-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}
.boards-page-board-section-list-item {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 1pc 8px 0;
    position: relative;
    width: 25%
}
.boards-page-board-section-header-options-item:hover {
    background-color: #e2e4e6
}
.boards-page-board-section-header-options-item:hover .boards-page-board-section-header-options-item-name {
    color: #4d4d4d;
    text-decoration: underline
}
.boards-page-board-section-header-options-item:active {
    background-color: #d6dadc
}
@media only screen and (min-width:901px) and (max-width:1280px),
only screen and (min-width:751px) and (max-width:900px) {
    .boards-page-board-section-list-item {
        width: 33%
    }
}
@media only screen and (max-width:750px) {
    .boards-page-board-section-list-item {
        width: 100%;
        padding-right: 0
    }
}
.board-tile {
    background-color: #959da1;
    background-size: cover;
    background-position: center center;
    border-radius: 3px;
    color: #fff;
    display: block;
    line-height: 20px;
    margin-bottom: 8px;
    padding: 8px 9pt;
    position: relative;
    text-decoration: none
}
.board-tile-fade {
    background-color: rgba(0, 0, 0, .15);
    border-radius: 3px;
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}
.board-tile-details {
    display: block;
    min-height: 5pc;
    padding-right: 36px;
    position: relative
}
.board-tile-details-name {
    font-size: 1pc;
    font-weight: 700
}
.board-tile-details-unread-indicator {
    background: #fff;
    border-radius: 7px;
    display: inline-block;
    height: 11px;
    margin: 1px 0 0 8px;
    opacity: 0;
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-property: right, opacity;
    transition-property: right, opacity;
    width: 11px
}
.board-tile-details-unread-indicator.is-unread {
    opacity: .7
}
.board-tile-details-sub-name {
    color: rgba(255, 255, 255, .65);
    display: block
}
.board-tile-options {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3
}
.board-tile-options-star-icon {
    color: #fff;
    bottom: 0;
    font-size: 14px;
    height: 18px;
    opacity: 0;
    padding: 9px;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-property: color, background, opacity, -webkit-transform;
    transition-property: color, background, opacity, transform
}
.board-tile-options-star-icon:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}
.board-tile-badges {
    bottom: 3px;
    left: 6px;
    opacity: .8;
    position: absolute
}
.board-tile-badges-item {
    border-radius: 3px;
    color: #fff;
    float: left;
    font-size: 13px;
    line-height: 1pc;
    margin: 0 2px 2px 0;
    padding: 2px
}
.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: #e2e4e6;
    color: #8c8c8c;
    display: table-cell;
    height: 5pc;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    width: inherit
}
.board-tags-item,
.header-btn {
    border-radius: 3px;
    display: block;
    float: left;
    text-decoration: none
}
.board-tile.mod-add:hover {
    background-color: #d6dadc;
    color: #4d4d4d
}
.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
}
.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
}
.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-tile-details.is-badged {
    min-height: 60px;
    padding-bottom: 20px
}
.board-tags {
    margin-bottom: 2px
}
.board-tags-item {
    background-color: #edeff0;
    color: #8c8c8c;
    cursor: pointer;
    margin: 0 6px 6px 0;
    padding: 5px 8px
}
.board-tags-item:focus,
.board-tags-item:hover {
    background-color: #e2e4e6;
    color: #4d4d4d
}
.board-tags-item:focus .board-tags-item-icon,
.board-tags-item:hover .board-tags-item-icon {
    color: #4d4d4d
}
.board-tags-item:active {
    background-color: #d6dadc;
    color: #4d4d4d
}
.board-tags-item.mod-add {
    margin-right: 0;
    padding: 5px 6px
}.header-logo-default
{
    color: red;
    background-color: white;
    opacity: 1;
}


#header {
    background: black;
    height: 32px;

    padding: 5px;
    position: relative;
    z-index: 10
}
.header-btn {
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, .3) 0, rgba(255, 255, 255, .2) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, .3) 0, rgba(255, 255, 255, .2) 100%);
    color: #f3f3f3;
    font-weight: 700;
    height: 30px;
    line-height: 30px;
    margin-right: 8px;
    min-width: 30px;
    padding: 0;
    position: relative;
    -ms-user-select: none;
    user-select: none
}
.header-btn.new-notifications {
    background: #eb5a46
}
.header-btn.new-notifications:hover {
    background: #cf513d
}
.header-btn-icon {
    font-size: 1pc;
    line-height: 30px;
    position: absolute;
    top: 0;
    left: 0
}
.header-btn-text {
    padding: 0 8px
}
.header-btn.header-member .member {
    margin: 0;
    border-radius: 3px 0 0 3px
}
.header-btn.header-member .member:hover .member-avatar {
    opacity: 1
}
.header-btn:hover {
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, .4) 0, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, .4) 0, rgba(255, 255, 255, .3) 100%);
    color: #fff
}
.header-btn:active {
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, .45) 0, rgba(255, 255, 255, .35) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, .45) 0, rgba(255, 255, 255, .35) 100%)
}
.header-btn.header-boards {
    padding-left: 26px
}
.header-btn.header-login,
.header-btn.header-signup {
    padding: 0 9pt
}
.header-btn.header-signup {
    background: -webkit-linear-gradient(top, #61bd4f 0, #5aac44 100%);
    background: linear-gradient(to bottom, #61bd4f 0, #5aac44 100%)
}
.header-btn.header-signup:hover {
    background: -webkit-linear-gradient(top, #5aac44 0, #519839 100%);
    background: linear-gradient(to bottom, #5aac44 0, #519839 100%)
}
.header-btn.header-signup:active {
    background: -webkit-linear-gradient(top, #519839 0, #49852e 100%);
    background: linear-gradient(to bottom, #519839 0, #49852e 100%)
}
.header-btn.header-btn-feedback {
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, .1) 0, rgba(255, 255, 255, .05) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, .1) 0, rgba(255, 255, 255, .05) 100%);
    padding-left: 22px;
    margin-right: 1pc
}
.header-btn.header-btn-feedback .header-btn-icon {
    top: 1px
}
.header-logo,
.header-user {
    top: 5px;
    position: absolute
}
.header-user {
    right: 0
}
@media only screen and (max-width:750px) {
    #header .header-search,
    .header-btn-text,
    .header-btn.header-btn-channel-picker,
    .header-btn.header-woof {
        display: none
    }
    .header-btn.header-boards {
        padding: 0
    }
    .header-btn.header-member .member {
        border-radius: 3px
    }
    .header-btn.header-member .member:hover .member-avatar {
        opacity: .75
    }
    .header-btn.open-search-btn {
        display: block
    }
}
.header-logo {
    bottom: 0;
    display: block;
    height: 30px;
    left: 50%;
    margin-left: -40px;
    opacity: 1;
    width: 5pc;
    text-align: center;
    -webkit-transition: opacity ease-in 85ms;
    transition: opacity ease-in 85ms;
    z-index: 2
}
.header-logo:hover {
    opacity: .8
}
.header-logo-default {

    background-position: top right;
    background-repeat: no-repeat;
    background-size: 5pc 30px;
    height: 30px;
    position: absolute;
    right: 0;
    top: 0;
    width: 5pc
}
.header-logo-loading {
    background-image: url(https://d78fikflryjgj.cloudfront.net/images/d73159084f5122775d4d2fac6060ddf5/header-loading-logo.gif);
    background-size: 18px 18px;
    display: none;
    height: 18px;
    left: 2px;
    position: absolute;
    top: 6px;
    width: 18px
}
.header-logo.is-throbbing .header-logo-default {
    width: 58px
}
.header-logo.is-throbbing .header-logo-loading {
    display: block
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min--moz-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (min-device-pixel-ratio:1.5) {
    .header-logo-default {
        background-image: url(https://d78fikflryjgj.cloudfront.net/images/01ef898811a879595cea8ac3cd77a155/header-logo-2x.png)
    }
}
.promo-nav-button {
    background: 0 0;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-weight: 700;
    height: 15px;
    line-height: 15px;
    margin: 0 5px 5px 0;
    padding: 8px;
    text-decoration: none;
    text-transform: uppercase
}
.promo-nav-button:hover {
    background-color: rgba(255, 255, 255, .2);
    color: #fff
}
.promo-nav-button:active {
    background-color: rgba(255, 255, 255, .25);
    color: #fff
}
@media only screen and (max-width:750px) {
    .promo-nav {
        display: none
    }
}
.header-btn.header-woof {
    background: 0 0;
    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;
    -webkit-transition: top 85ms ease-in, margin 85ms ease-in;
    transition: top 85ms ease-in, margin 85ms ease-in;
    width: 33px
}
.header-btn.header-woof .left-arrow {
    border-right: 7px solid #46b946;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    height: 0;
    left: -7px;
    position: absolute;
    top: 8px;
    -webkit-transition: border-right-color 85ms ease-in;
    transition: border-right-color 85ms ease-in;
    width: 0
}
.header-btn.header-woof .header-btn-text {
    background-color: #46b946;
    border-radius: 3px;
    line-height: 18px;
    padding: 6px 8px;
    position: absolute;
    left: 43px;
    top: 40px;
    -webkit-transition: top 85ms ease-in, background-color 85ms ease-in;
    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: #b95946
}
.header-btn.header-woof.woof-alert .left-arrow {
    border-right-color: #b95946
}
.header-btn.header-woof:hover .header-btn-text {
    background-color: #46b946
}
.header-btn.header-woof:hover .left-arrow {
    border-right-color: #46b946
}
.header-btn.header-woof:hover.woof-alert .header-btn-text {
    background-color: #b95946
}
.header-btn.header-woof:hover.woof-alert .left-arrow {
    border-right-color: #b95946
}
@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-elsewhere-blog,
.announcement-elsewhere-social {
    display: block;
    float: left;
    border-radius: 3px;
    text-align: center
}
.announcement {
    padding: 4px;
    margin-bottom: 4px;
    border-bottom: 1px solid #d6dadc
}
.announcement-downtime {
    background-color: #e9e9e9
}
.announcement-header-link {
    text-decoration: none
}
.announcement-header-link:hover {
    text-decoration: underline
}
.announcement-elsewhere {
    margin: 10px 0 0
}
.announcement-elsewhere-blog {
    color: #8c8c8c;
    height: 20px;
    font-size: 1pc;
    font-weight: 700;
    line-height: 20px;
    padding: 10px 10px 10px 36px;
    position: relative
}
.announcement-elsewhere-blog:hover {
    background-color: #d6dadc;
    color: #4d4d4d
}
.announcement-elsewhere-blog-icon {
    position: absolute;
    top: 5px;
    left: 5px
}
.announcement-elsewhere-social {
    height: 30px;
    padding: 5px 8px
}
.header-banner .quiet,
.header-banner.mod-invites .button-link {
    display: inline-block
}
.announcement-elsewhere-social:hover {
    background-color: #d6dadc
}
.header-banner {
    font-size: 1pc;
    font-weight: 700;
    line-height: 20px;
    padding: 10px;
    position: relative;
    text-align: center;
    -webkit-transition: background ease-in 250ms, padding ease-in 250ms;
    transition: background ease-in 250ms, padding ease-in 250ms;
    word-wrap: break-word
}
.header-banner .button {
    margin: 0 4px
}
.header-banner-link-left {
    margin-left: 6px
}
.header-banner.mod-warning {
    background: #efe3c3;
    border-bottom: 1px solid #e7d6a7;
    color: #3b372b
}
.header-banner.mod-warning .quiet {
    color: #847b62
}
.header-banner.mod-warning .quiet:hover {
    color: #0f0e0b
}
.header-banner.mod-invites h1 {
    margin: 10px 0 3px;
    font-weight: 400
}
.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
}
@media only screen and (max-width:750px) {
    .header-banner {
        display: none
    }
}
#surface {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}
#surface>#header,
#surface>.header-banner {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
#surface>#content {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}
.dialog-close-button {
    color: rgba(0, 0, 0, .3);
    position: absolute;
    top: 0;
    right: 0;
    height: 30px;
    overflow: hidden;
    padding: 4px;
    width: 30px;
    z-index: 2;
    -webkit-transition: background-color 350ms, color 150ms;
    transition: background-color 350ms, color 150ms
}
.dialog-close-button:hover {
    color: rgba(0, 0, 0, .6)
}
.dialog-close-button-dark {
    background-color: transparent;
    color: rgba(0, 0, 0, .6)
}
.dialog-close-button-dark:hover {
    background-color: transparent;
    color: #000
}
.dialog-close-button-light {
    background-color: transparent;
    color: rgba(255, 255, 255, .6)
}
.dialog-close-button-light:hover {
    background-color: transparent;
    color: #fff
}
.window-overlay {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    background-color: rgba(0, 0, 0, .6);
    display: none;
    height: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    overflow-y: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 20
}
.window-up .window-overlay {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.explorer-10.window-up .window-overlay {
    overflow-y: scroll
}
@media only screen and (min-width:1281px),
only screen and (min-width:901px) and (max-width:1280px) {
    .window-overlay {
        overflow-x: hidden
    }
}
.window {
    background-color: #edeff0;
    border-radius: 3px;
    display: none;
    margin: 3pc 0 5pc;
    overflow: hidden;
    position: relative;
    width: 730px;
    z-index: 25
}
.window-wrapper .dropzone {
    display: none;
    height: 0;
    width: 0;
    z-index: -1
}
.window-wrapper .is-drophover .dropzone {
    background: rgba(255, 255, 255, .7);
    bottom: 0;
    display: block;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    height: auto;
    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;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0;
    min-height: 20px;
    padding: 8px 9pt 9pt;
    position: relative;
    width: 546px;
    z-index: 0
}
.window-main-col img {
    max-width: 100%
}
.window-main-col-full {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}
.window-sidebar {
    float: right;
    padding: 8px 9pt 9pt 0;
    width: 140px;
    overflow: hidden;
    z-index: 10
}
.window-sidebar input[type=text] {
    padding: 4px;
    width: 10pc
}
.window-sidebar hr {
    margin: 6px 0
}
.window-cover {
    background-color: #fff;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    box-shadow: inset 0 -10px 40px rgba(0, 0, 0, .15);
    height: 10pc;
    position: relative;
    -webkit-transition: opacity 85ms;
    transition: opacity 85ms;
    width: 100%
}
.window-cover.is-covered {
    cursor: pointer
}
.window-cover.is-covered:hover {
    opacity: .9
}
.window-cover-async {
    -webkit-transition: background-color 350ms, opacity 85ms;
    transition: background-color 350ms, 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: #d6dadc;
    background-image: -webkit-linear-gradient(top left, rgba(255, 255, 255, .5) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, .5) 75%, transparent 75%, transparent);
    background-image: linear-gradient(to bottom right, rgba(255, 255, 255, .5) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, .5) 75%, transparent 75%, transparent);
    background-size: 1pc 1pc;
    min-height: 30px;
    padding: 9pt 9pt 9pt 50px;
    position: relative
}
.window-archive-banner-icon {
    position: absolute;
    top: 9pt;
    left: 9pt
}
.window-archive-banner-text {
    line-height: 30px;
    margin: 0
}
.window-header {
    margin: 4px 40px 4px 38px;
    padding: 9pt 9pt 0;
    position: relative;
    z-index: 1
}
.window-header-icon {
    left: -28px;
    position: absolute;
    top: 8px
}
.window-header-inline-content {
    cursor: default;
    display: inline-block;
    margin: 4px 6px 0 0
}
.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: 9pt;
    color: #8c8c8c;
    padding: 0 6px 0 2px;
    position: relative;
    margin: 0 2px
}
.window-title-extra--bc-pitch {
    background: #dce1e4;
    border-radius: 9pt;
    color: #52626b;
    margin-left: 6px;
    padding: 2px 6px 2px 10px;
    text-decoration: underline
}
.mini-profile-info-title-link,
.pop-over-list li>a {
    text-decoration: none
}
.window-title-extra--bc-pitch:hover {
    background: #d1d8dc
}
.window-module {
    clear: both;
    margin-bottom: 20px;
    position: relative
}
.window-module:empty {
    display: none
}
.window-module-title {
    border-bottom: 1px solid #d6dadc;
    padding: 8px 0;
    position: relative;
    margin: 0 0 4px 38px
}
.window-module-title h3 {
    display: inline-block;
    width: auto;
    margin: 0 2px 0 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: -38px;
    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
}
.archived-list-card .list-card:hover .card-operation,
.checklist.ui-sortable-helper .icon-dropdown-menu,
.list-card.ui-sortable-helper .card-operation,
.sticker-list-loading .sticker-select-image {
    visibility: hidden
}
.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: 0
}
.window.mod-login-signup-dialog {
    background-color: #fff
}
@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,
    .window-up #header {
        display: none
    }
}
.pop-over {
    background: #fff;
    border-radius: 3px;
    border: 1px solid #d6dadc;
    border-bottom-color: #c4c9cc;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .15);
    display: none;
    overflow: hidden;
    position: absolute;
    right: -9999px;
    top: -9999px;
    width: 300px;
    z-index: 20
}
.pop-over hr {
    margin: 8px 0
}
.pop-over input[type=text],
.pop-over input[type=password],
.pop-over input[type=email] {
    margin: 4px 0 9pt;
    width: 100%
}
.pop-over input[type=file] {
    width: 15pc
}
.pop-over select {
    width: 100%;
    margin-bottom: 14px
}
.pop-over textarea {
    height: 72px;
    margin: 4px 0 9pt;
    width: 100%
}
.pop-over .empty {
    margin: 0
}
.pop-over img {
    max-width: 100%
}
.pop-over-header {
    height: 36px;
    position: relative;
    margin-bottom: 8px;
    text-align: center
}
.pop-over-header-title {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #8c8c8c;
    display: block;
    line-height: 36px;
    border-bottom: 1px solid #d6dadc;
    margin: 0 10px;
    overflow: hidden;
    padding: 0 2pc;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    z-index: 1
}
.pop-over-header-back-btn:hover,
.pop-over-header-close-btn:hover {
    color: #4d4d4d
}
.pop-over-header-back-btn {
    display: none;
    padding: 10px 4px 10px 10px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
}
.pop-over-header-close-btn {
    padding: 10px 10px 10px 4px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2
}
.pop-over-content {
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 10px 10px
}
.select-members-list {
    margin-bottom: 8px
}
.pop-over.mod-search-over {
    background-color: #edeff0;
    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 10px;
    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 .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 .pop-over-header-title {
    display: none
}
.pop-over.mod-avdetail {
    text-align: center
}
.pop-over.mod-notifications {
    background-color: #edeff0
}
.pop-over-header-back-btn.is-shown,
.pop-over.is-shown {
    display: block
}
.pop-over-list li.not-selectable>a:hover,
.pop-over-list.navigable li.not-selectable>a:hover {
    color: #8c8c8c;
    cursor: default
}
.pop-over-list li.not-selectable>a:hover .icon-sm,
.pop-over-list.navigable li.not-selectable>a:hover .icon-sm {
    color: #999
}
.pop-over-list li>a {
    cursor: pointer;
    display: block;
    font-weight: 700;
    padding: 6px 10px;
    position: relative;
    margin: 0 -10px
}
.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: #8c8c8c;
    display: block;
    font-size: 9pt;
    font-weight: 400;
    line-height: 15px;
    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:active,
.pop-over-list li>a.disabled:hover {
    background: 0 0
}
.pop-over-list li>a.disabled {
    color: #8c8c8c;
    cursor: default
}
.pop-over-list li>a.disabled .vis-icon {
    opacity: .35
}
.pop-over-card-list li.disabled,
.pop-over-card-list li.inactive,
.pop-over-emoji-list li.disabled,
.pop-over-emoji-list li.inactive,
.pop-over-label-list li.disabled,
.pop-over-label-list li.inactive,
.pop-over-member-list li.disabled,
.pop-over-member-list li.inactive {
    opacity: .5
}
.pop-over-list li>a.disabled .icon-sm {
    color: #999
}
.pop-over-list li>a.disabled:hover .quiet,
.pop-over-list li>a.disabled:hover .sub-name {
    color: #8c8c8c
}
.pop-over-list li>a.disabled:hover .icon-sm {
    color: #999
}
.pop-over-list.inset li>a {
    border-radius: 3px;
    margin: 0
}
.pop-over-list.checkable .icon-check {
    display: none;
    position: absolute;
    top: 6px;
    right: 9pt
}
.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: 30px
}
.pop-over-list.checkable.left-check li.active a {
    padding-right: 10px
}
.pop-over-list.normal-weight li>a {
    font-weight: 400
}
.pop-over-list.navigable li>a:hover {
    background-color: transparent;
    color: #4d4d4d
}
.pop-over-list.navigable li.selected>a.current,
.pop-over-list.navigable li.selected>a:active {
    background-color: #298fca
}
.pop-over-list.navigable li>a:hover .quiet,
.pop-over-list.navigable li>a:hover .sub-name {
    color: #8c8c8c
}
.pop-over-list.navigable li>a:hover .icon-sm {
    color: #999
}
.pop-over-list.navigable li.selected>a .icon-sm,
.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 {
    background-color: #298fca;
    color: #fff
}
.pop-over-card-list li a,
.pop-over-emoji-list li a,
.pop-over-label-list li a,
.pop-over-member-list li a {
    border-radius: 3px;
    display: block;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    text-decoration: none;
    white-space: nowrap;
    padding: 4px;
    margin-bottom: 2px
}
.pop-over-card-list li a.multi-line,
.pop-over-card-list li.inactive a.name,
.pop-over-card-list li.unconfirmed a.name,
.pop-over-emoji-list li a.multi-line,
.pop-over-emoji-list li.inactive a.name,
.pop-over-emoji-list li.unconfirmed a.name,
.pop-over-label-list li a.multi-line,
.pop-over-label-list li.inactive a.name,
.pop-over-label-list li.unconfirmed a.name,
.pop-over-member-list li a.multi-line,
.pop-over-member-list li.inactive a.name,
.pop-over-member-list li.unconfirmed a.name {
    line-height: 1pc
}
.pop-over-card-list li a .member,
.pop-over-emoji-list li a .member,
.pop-over-label-list li a .member,
.pop-over-member-list li a .member {
    margin-right: 8px
}
.pop-over-card-list li a .card-label,
.pop-over-emoji-list li a .card-label,
.pop-over-label-list li a .card-label,
.pop-over-member-list li a .card-label {
    float: left;
    height: 30px;
    margin: 0 8px 0 0;
    padding: 0;
    width: 30px
}
.pop-over-card-list li a .icon-check,
.pop-over-card-list li a .option,
.pop-over-emoji-list li a .icon-check,
.pop-over-emoji-list li a .option,
.pop-over-label-list li a .icon-check,
.pop-over-label-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
}
.login-signup-form .form-parts-container,
.mini-profile {
    position: relative
}
.pop-over-card-list li a .sub-name,
.pop-over-emoji-list li a .sub-name,
.pop-over-label-list li a .sub-name,
.pop-over-member-list li a .sub-name {
    font-size: 9pt
}
.pop-over-card-list li:last-child a,
.pop-over-emoji-list li:last-child a,
.pop-over-label-list li:last-child a,
.pop-over-member-list li:last-child a {
    margin-bottom: 0
}
.pop-over-card-list li.disabled.active a,
.pop-over-card-list li.disabled.selected a,
.pop-over-emoji-list li.disabled.active a,
.pop-over-emoji-list li.disabled.selected a,
.pop-over-label-list li.disabled.active a,
.pop-over-label-list li.disabled.selected a,
.pop-over-member-list li.disabled.active a,
.pop-over-member-list li.disabled.selected a {
    background: 0 0;
    color: #4d4d4d;
    cursor: default
}
.pop-over-card-list li.disabled.active a .quiet,
.pop-over-card-list li.disabled.selected a .quiet,
.pop-over-emoji-list li.disabled.active a .quiet,
.pop-over-emoji-list li.disabled.selected a .quiet,
.pop-over-label-list li.disabled.active a .quiet,
.pop-over-label-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: #8c8c8c
}
.pop-over-card-list li.email-invite .member,
.pop-over-emoji-list li.email-invite .member,
.pop-over-label-list li.email-invite .member,
.pop-over-member-list li.email-invite .member {
    display: none
}
.pop-over-card-list li.email-invite a,
.pop-over-emoji-list li.email-invite a,
.pop-over-label-list li.email-invite a,
.pop-over-member-list li.email-invite a {
    padding: 0 10px
}
.pop-over-card-list li.selected a,
.pop-over-emoji-list li.selected a,
.pop-over-label-list li.selected a,
.pop-over-member-list li.selected a {
    background-color: #298fca;
    color: #fff
}
.pop-over-card-list li.selected a .quiet,
.pop-over-emoji-list li.selected a .quiet,
.pop-over-label-list li.selected a .quiet,
.pop-over-member-list li.selected a .quiet {
    color: #fff
}
.pop-over-card-list li.selected a .card-label,
.pop-over-emoji-list li.selected a .card-label,
.pop-over-label-list li.selected a .card-label,
.pop-over-member-list li.selected a .card-label {
    border-radius: 3px
}
.pop-over-card-list li.selected a .icon-check,
.pop-over-emoji-list li.selected a .icon-check,
.pop-over-label-list li.selected a .icon-check,
.pop-over-member-list li.selected a .icon-check {
    color: #fff
}
.pop-over-card-list li.active a .icon-check,
.pop-over-emoji-list li.active a .icon-check,
.pop-over-label-list li.active a .icon-check,
.pop-over-member-list li.active a .icon-check {
    display: block
}
.pop-over-card-list.options li.selected a,
.pop-over-emoji-list.options li.selected a,
.pop-over-label-list.options li.selected a,
.pop-over-member-list.options li.selected a {
    padding-right: 28px
}
.pop-over-card-list.options li.selected a .option,
.pop-over-emoji-list.options li.selected a .option,
.pop-over-label-list.options li.selected a .option,
.pop-over-member-list.options li.selected a .option {
    display: block;
    opacity: .5
}
.pop-over-card-list.collapsed li a .full-name,
.pop-over-card-list.options li.disabled.selected a .option,
.pop-over-card-list.options li.no-option.selected a .option,
.pop-over-emoji-list.collapsed li a .full-name,
.pop-over-emoji-list.options li.disabled.selected a .option,
.pop-over-emoji-list.options li.no-option.selected a .option,
.pop-over-label-list.collapsed li a .full-name,
.pop-over-label-list.options li.disabled.selected a .option,
.pop-over-label-list.options li.no-option.selected a .option,
.pop-over-member-list.collapsed li a .full-name,
.pop-over-member-list.options li.disabled.selected a .option,
.pop-over-member-list.options li.no-option.selected a .option {
    display: none
}
.pop-over-card-list.options li.selected a .option:hover,
.pop-over-emoji-list.options li.selected a .option:hover,
.pop-over-label-list.options li.selected a .option:hover,
.pop-over-member-list.options li.selected a .option:hover {
    opacity: 1
}
.pop-over-card-list.options li.disabled.selected a,
.pop-over-emoji-list.options li.disabled.selected a,
.pop-over-label-list.options li.disabled.selected a,
.pop-over-member-list.options li.disabled.selected a {
    padding-right: 0
}
.pop-over-card-list.options li.no-option.selected a,
.pop-over-emoji-list.options li.no-option.selected a,
.pop-over-label-list.options li.no-option.selected a,
.pop-over-member-list.options li.no-option.selected a {
    padding-right: 6px
}
.pop-over-card-list.collapsed.checkable li.active a,
.pop-over-emoji-list.collapsed.checkable li.active a,
.pop-over-label-list.collapsed.checkable li.active a,
.pop-over-member-list.collapsed.checkable li.active a {
    padding-right: 0
}
.pop-over-card-list.collapsed li,
.pop-over-emoji-list.collapsed li,
.pop-over-label-list.collapsed li,
.pop-over-member-list.collapsed li {
    float: left;
    margin: 0 3px 3px 0
}
.pop-over-card-list.collapsed li a,
.pop-over-emoji-list.collapsed li a,
.pop-over-label-list.collapsed li a,
.pop-over-member-list.collapsed li a {
    padding: 0;
    margin: 0;
    width: 30px
}
.pop-over-card-list.collapsed li a .member,
.pop-over-emoji-list.collapsed li a .member,
.pop-over-label-list.collapsed li a .member,
.pop-over-member-list.collapsed li a .member {
    opacity: .8
}
.pop-over-card-list.collapsed li.selected a .member,
.pop-over-emoji-list.collapsed li.selected a .member,
.pop-over-label-list.collapsed li.selected a .member,
.pop-over-member-list.collapsed li.selected a .member {
    border-color: #298fca;
    opacity: .9
}
.pop-over-card-list.collapsed li.active.selected a .member,
.pop-over-emoji-list.collapsed li.active.selected a .member,
.pop-over-label-list.collapsed li.active.selected a .member,
.pop-over-member-list.collapsed li.active.selected a .member {
    background-color: #298fca;
    opacity: .9
}
.pop-over-card-list.collapsed li.active a .member,
.pop-over-emoji-list.collapsed li.active a .member,
.pop-over-label-list.collapsed li.active a .member,
.pop-over-member-list.collapsed li.active a .member {
    background-color: #298fca;
    opacity: 1
}
.pop-over-card-list.collapsed li.active a .icon-check,
.pop-over-emoji-list.collapsed li.active a .icon-check,
.pop-over-label-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-card-list.checkable li.active a,
.pop-over-emoji-list.checkable li.active a,
.pop-over-label-list.checkable li.active a,
.pop-over-member-list.checkable li.active a {
    padding-right: 28px
}
.pop-over-card-list li>a,
.pop-over-emoji-list li>a {
    padding: 2px 4px
}
.pop-over-card-list.filtered li,
.pop-over-emoji-list.filtered li,
.pop-over-label-list.filtered li,
.pop-over-member-list.filtered li {
    display: none
}
.pop-over-card-list.filtered li.matches-filter,
.pop-over-emoji-list.filtered li.matches-filter,
.pop-over-label-list.filtered li.matches-filter,
.pop-over-member-list.filtered li.matches-filter {
    display: block
}
.login-signup-form .form-tabs,
.open-search-btn,
.pop-over-card-list.limited li.exceeds-limit,
.pop-over-emoji-list.limited li.exceeds-limit,
.pop-over-label-list.limited li.exceeds-limit,
.pop-over-member-list.limited li.exceeds-limit,
.search-page .header-search .header-search-icon-open,
.search-page .search-results-section-header-options-option {
    display: none
}
.pop-over-emoji-list li>a .emoji {
    margin: 0 6px
}
.pop-over-list.mod-add-top-margin {
    margin-top: 8px
}
.mini-profile {
    margin: 8px 0;
    min-height: 56px
}
.mini-profile-member {
    float: left;
    margin: 2px
}
.mini-profile-info {
    margin: 0 0 0 4pc;
    word-wrap: break-word
}
.mini-profile-info-title {
    margin: 0 40px 0 0
}
.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
}
.login-signup-form {
    padding: 15px;
    position: relative;
    z-index: 1
}
.login-signup-form h1 {
    margin-bottom: 15px
}
.login-signup-form p {
    margin: 8px 0
}
.login-signup-form .active-box {
    position: absolute;
    top: 0;
    background: #edeff0;
    border-radius: 3px;
    z-index: 1;
    height: 100%;
    width: 49%;
    -webkit-transition: all .25s;
    transition: all .25s;
    opacity: 1
}
.login-signup-form .active-box.start {
    opacity: 0;
    left: 25%
}
.login-signup-form .login-form,
.login-signup-form .signup-form {
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
    width: 50%;
    z-index: 2;
    opacity: .4;
    -webkit-transition: opacity .25s;
    transition: opacity .25s
}
.login-signup-form .login-form.active,
.login-signup-form .signup-form.active {
    opacity: 1
}
.login-signup-form .js-signup-form-pos {
    left: 0
}
.login-signup-form .login-form {
    position: absolute;
    top: 0
}
.login-signup-form .login-form .icon-google {
    position: absolute;
    left: 5px;
    top: 3px
}
.login-signup-form .login-form .button.google {
    padding-left: 40px;
    margin: 0 0 15px
}
.login-signup-form .js-login-form-pos {
    left: 50%
}
@media only screen and (max-width:750px) {
    .login-signup-dialog input[type=text],
    .login-signup-dialog input[type=password],
    .login-signup-dialog input[type=email] {
        width: 100%
    }
    .login-signup-dialog .login-form,
    .login-signup-dialog .signup-form {
        width: 100%;
        position: static;
        display: none
    }
    .login-signup-dialog .active-box {
        display: none
    }
    .login-signup-dialog .active,
    .login-signup-dialog .form-tabs {
        display: block
    }
    .login-signup-dialog .form-tabs a {
        display: block;
        width: 50%;
        text-align: center;
        border: 1px solid #c9c9c9;
        border-radius: 3px;
        z-index: 1;
        padding: 8px;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        font-weight: 700
    }
    .login-signup-dialog .form-tabs a:hover {
        background: #f6f6f6
    }
    .login-signup-dialog .form-tabs a.active {
        background: #e2e2e2
    }
    .login-signup-dialog .form-tabs a:first-of-type {
        float: left;
        border-radius: 3px 0 0 3px;
        border-right: 0
    }
    .login-signup-dialog .form-tabs a:last-of-type {
        margin-left: 50%;
        border-radius: 0 3px 3px 0
    }
}
.search-results-section {
    display: block;
    margin-bottom: 9pt;
    position: relative
}
.search-results-section-header {
    position: relative;
    margin-bottom: 4px
}
.search-results-section-header h4 {
    display: inline-block;
    margin-right: 4px
}
.search-results-section-header-options {
    margin: 0;
    position: absolute;
    right: 4px;
    top: 2px;
    z-index: 1
}
.search-results-section-header-options-option {
    display: inline-block;
    vertical-align: top;
    margin-left: 6px
}
.search-results-section-header-options-option--save {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 310px
}
@media only screen and (min-width:1281px),
only screen and (min-width:901px) and (max-width:1280px),
only screen and (min-width:751px) and (max-width:900px) {
    .board-results-list li:nth-child(2n+1),
    .search-result-member:nth-child(2n+1) {
        clear: left
    }
    .search-result-member {
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        min-height: 0;
        padding: 0 8px 8px 0;
        width: 50%
    }
    .board-results-list li {
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        width: 50%;
        padding: 0 4px 4px 0
    }
}
.search-result-card {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 28px;
    position: relative
}
.search-result-card .list-card {
    background: #fff;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: opacity 85ms, -webkit-transform 85ms;
    transition: opacity 85ms, transform 85ms;
    width: 178px
}
.search-result-card .list-card.is-covered .list-card-cover,
.search-result-card .list-card.is-stickered .list-card-stickers-area .stickers {
    height: 70px!important
}
.search-result-card-container {
    width: 180px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    bottom: 0
}
.search-result-card-container-fade {
    background: -webkit-linear-gradient(top, rgba(240, 240, 240, 0) 0, rgba(240, 240, 240, 0) 50%, #f0f0f0 85%, #f0f0f0 100%);
    background: linear-gradient(to bottom, rgba(240, 240, 240, 0) 0, rgba(240, 240, 240, 0) 50%, #f0f0f0 85%, #f0f0f0 100%);
    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: 180px;
    z-index: 5
}
.search-result-card-details {
    padding-left: 2in
}
.search-result-card-details-name {
    font-weight: 700;
    text-decoration: none;
    word-wrap: break-word
}
.search-result-card-details-name:hover {
    text-decoration: underline
}
.saved-search-item,
.search-suggestion,
.sidebar-section-header a {
    text-decoration: none
}
.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
}
.search-loading {
    color: #8c8c8c;
    display: block;
    padding: 1pc 24px;
    margin: 2px 0
}
.search-loading .spinner,
.search-warning .spinner {
    display: inline-block;
    vertical-align: top
}
.search-warning {
    color: #8c8c8c;
    text-align: center;
    padding: 3pc 24px 36px
}
.search-tips {
    padding: 0 9pt
}
.search-tips-helper {
    text-align: center
}
.search-tips-list dt {
    font-weight: 700
}
.search-tips-list dd {
    color: #8c8c8c
}
.header-search {
    float: left;
    margin: 0 8px 0 0;
    position: relative;
    z-index: 1
}
input[type=text].header-search-input {
    background-color: rgba(255, 255, 255, .3);
    border-radius: 3px;
    border: none;
    color: rgba(255, 255, 255, .5);
    float: left;
    font-size: 13px;
    height: 30px;
    margin: 0;
    min-height: 30px;
    padding-right: 30px;
    padding-left: 8px;
    line-height: 19px;
    -webkit-transition: width 150ms;
    transition: width 150ms;
    width: 180px;
    z-index: 1
}
input[type=text].header-search-input::-ms-clear {
    display: none
}
input[type=text].header-search-input:hover {
    background-color: rgba(255, 255, 255, .4)
}
input[type=text].header-search-input.focus,
input[type=text].header-search-input.focus:hover {
    background-color: #fff;
    box-shadow: none;
    color: #4d4d4d;
    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;
    font-size: 1pc;
    right: 0;
    top: 0;
    -webkit-transition: background 85ms, color 85ms;
    transition: background 85ms, color 85ms;
    z-index: 2
}
.header-search-icon-dark {
    color: rgba(0, 0, 0, .4)!important
}
.header-search-icon-dark.header-search-icon-close:hover,
.header-search-icon-dark.header-search-icon-open:hover {
    color: rgba(0, 0, 0, .7)!important
}
.header-search-icon-open {
    right: 24px;
    top: 0
}
.search-results-view {
    clear: both;
    margin: 0 auto;
    max-width: 680px;
    position: relative
}
.pop-over .search-results-view {
    margin: 0
}
.search-page .search-results-view {
    padding: 0 9pt
}
.search-page .header-search {
    float: none;
    margin: 2pc auto;
    max-width: 680px;
    padding: 0 9pt
}
.search-page .header-search input.header-search-input {
    background: #fff;
    border-radius: 6px;
    border: 1px solid #e3e3e3;
    border-bottom-color: #d4d4d4;
    color: #4d4d4d;
    font-size: 18px;
    margin-bottom: 2pc;
    padding: 8px 50px 8px 1pc;
    height: 50px;
    width: 100%
}
.search-page .header-search .header-search-icon {
    color: #999;
    right: 20px;
    top: 10px
}
@media only screen and (max-width:750px) {
    .search-page .open-search-btn {
        display: none
    }
    .search-page .header-search {
        margin: 9pt auto
    }
}
.search-suggestion {
    border-radius: 3px;
    display: block;
    margin-bottom: 4px;
    padding: 6px 8px;
    position: relative
}
.search-suggestion.selected,
.search-suggestion:hover {
    background: #d6dadc
}
.search-suggestion-string {
    margin-right: 4px
}
.search-suggestion-desc {
    color: #8c8c8c
}
.search-suggestion-member {
    padding-left: 38px
}
.search-suggestion-member-av {
    left: 0;
    position: absolute;
    top: 0
}
.saved-search {
    position: relative
}
.saved-search.ui-sortable-helper {
    background: rgba(219, 219, 219, .8);
    border-radius: 3px
}
.saved-search.ui-sortable-helper .saved-search-item {
    background: 0 0
}
.saved-search-delete:hover,
.saved-search-item:hover {
    background-color: #d6dadc
}
.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 30px 6px 8px;
    -webkit-transition: opacity .1s;
    transition: opacity .1s
}
.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-menu {
    -webkit-transform: translatex(30px);
    transform: translatex(30px);
    -webkit-transition: -webkit-transform .1s;
    transition: transform .1s
}
.saved-search-delete-menu-shown {
    -webkit-transform: translatex(0);
    transform: translatex(0)
}
.saved-search-delete-menu-item {
    margin: 0 0 0 4px
}
.boards-drawer {
    background: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .4);
    border-radius: 0 3px 3px 0;
    display: none;
    overflow: hidden;
    position: fixed;
    left: 0;
    width: 280px;
    top: 45px;
    z-index: 3
}
.boards-drawer input {
    margin: 0 0 6px;
    padding: 6px;
    width: 98%
}
.boards-drawer .empty,
.boards-drawer .quiet-button {
    margin: 6px 4px 0 0;
    padding: 8px 9pt
}
.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: #e2e4e6;
    display: none;
    padding: 11px 13px;
    height: 18px
}
.board-drawer-content {
    overflow-x: hidden;
    overflow-y: auto;
    margin: 6px 4px 6px 6px
}
.sidebar-section-header {
    margin: 1pc 30px 10px 8px;
    position: relative
}
a .sidebar-section-header-title {
    text-decoration: underline
}
.sidebar-section-header-toggle-icon {
    border-radius: 3px;
    padding: 6px;
    position: absolute;
    top: -6px;
    right: -26px
}
.sidebar-section-header-toggle-icon:hover {
    background: #d6dadc;
    cursor: pointer
}
.boards-drawer.is-shown {
    display: block
}
.tabbed-page {
    background: #fff
}
.tabbed-pane-header,
.tabbed-pane-nav {
    background-color: #edeff0
}
.tabbed-pane-header-wrapper {
    max-width: 650px;
    margin: 0 auto;
    padding: 2pc;
    position: relative
}
.tabbed-pane-header-image {
    float: left
}
.tabbed-pane-header-details {
    margin: 0 0 0 75pt
}
.tabbed-pane-header-details-name {
    margin-bottom: 8px
}
.tabbed-pane-header-details-edit {
    float: left;
    padding-right: 9pt
}
.tabbed-pane-header-factoid {
    display: none;
    position: absolute;
    top: 2pc;
    right: 2pc;
    width: 230px
}
.has-factoid .tabbed-pane-header-details {
    margin-right: 15pc
}
.has-factoid .tabbed-pane-header-factoid {
    display: block
}
.tabbed-pane-main-col-loading-spinner.spinner,
.tabbed-pane-nav-item {
    display: inline-block
}
.tabbed-pane-nav {
    border-bottom: 1px solid #d6dadc;
    position: relative;
    text-align: center
}
.tabbed-pane-nav-item-button {
    background-color: #d6dadc;
    border: 1px solid #d6dadc;
    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
}
.profile-image,
.profile-image-image {
    border-radius: 3px;
    height: 85px;
    width: 85px
}
.tabbed-pane-nav-item-button.active,
.tabbed-pane-nav-item-button.active:hover {
    background-color: #fff;
    border-color: #d6dadc;
    cursor: default;
    margin-bottom: -1px;
    padding-bottom: 9px
}
.tabbed-pane-nav-item-button:hover {
    background: #b6bbbf;
    border-color: #b6bbbf
}
.tabbed-pane-main-col {
    background: #fff
}
.tabbed-pane-main-col-loading {
    text-align: center;
    padding: 75pt;
    margin: 0 auto
}
.tabbed-pane-main-col-wrapper {
    margin: 0 auto;
    max-width: 850px;
    padding: 2pc;
    position: relative
}
.tabbed-pane-main-col-wrapper.is-full-width {
    max-width: none
}
.profile-image {
    background-color: #d6dadc;
    cursor: default;
    display: block;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 0
}
#board,
.open-card-composer {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}
.profile-image.is-editable {
    cursor: pointer
}
.profile-image.is-editable:hover .profile-image-change-text {
    display: block;
    text-decoration: underline
}
.profile-image.is-gold {
    background-color: #e2e0ca;
    border-color: #ded063 #ded063 #d6c43d;
    box-shadow: 0 5px 5px -5px #b9a827
}
.profile-image.is-gold .member-gold-badge-large {
    display: block
}
.profile-image-image {
    background-size: 85px 85px;
    display: block;
    left: 0;
    top: 0;
    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;
    font-weight: 700;
    text-align: center;
    left: 0;
    line-height: 85px;
    overflow: hidden;
    position: absolute;
    top: 0;
    height: 85px;
    width: 85px;
    z-index: 1
}
#notification,
.android .profile-image.ed:hover .change-av-text,
.float-cards .list-card-container .list-card-operation,
.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
}
.profile-image-change-text {
    background: rgba(0, 0, 0, .5);
    bottom: 0;
    color: #fff;
    display: none;
    font-weight: 700;
    height: 30px;
    left: 0;
    line-height: 30px;
    position: absolute;
    right: 0;
    text-align: center;
    width: 100%;
    z-index: 3
}
.float-cards .list-card-container {
    width: 33%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    padding: 0 8px 8px 0
}
.float-cards .list-card-container:nth-child(3n+1) {
    clear: left
}
.float-cards .list-card-container .list-card {
    border: 1px solid #d6dadc;
    border-bottom-color: #c4c9cc
}
.float-cards .list-card-container .list-card-title {
    padding-right: 0
}
@media only screen and (max-width:750px) {
    .has-factoid .tabbed-pane-header-details,
    .tabbed-pane-header-details {
        margin-right: 0
    }
    .has-factoid .tabbed-pane-header-factoid,
    .tabbed-pane-header-factoid {
        display: none
    }
    .float-cards .list-card-container {
        float: none;
        width: 100%;
        padding: 0 0 8px
    }
}
#notification {
    position: fixed;
    right: 4px;
    top: 40px;
    z-index: 21;
    max-width: 270px
}
.app-alert-item {
    background-color: #a5acb0;
    border: 1px solid #edeff0;
    border-radius: 3px;
    color: #fff;
    font-weight: 700;
    margin-top: 4px;
    overflow: hidden;
    padding: 4px 8px
}
.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
}
.btn-dash
{
       border-radius: 3px;
    display: inline-block;
    text-decoration: none;
    margin-right: 5px;
    padding: 5px 10px 5px 30px;
    color: white;
    background: #3A8BBA;
}
.dropdown, .dropup
{
    display: inline-block;
}
.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-warning {
    background-color: #d9b51c;
    border-color: #faf3c0
}
.app-alert-item.mod-error {
    background-color: #eb5a46;
    border-color: #f5d3ce
}
.app-alert-item.mod-confirm,
.app-alert-item.mod-info {
    background-color: #61bd4f;
    border-color: #d6ecd2
}
.board-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}
.board-main-content {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 0;
    -webkit-transition: margin .1s ease-in;
    transition: margin .1s ease-in
}
.board-header {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    height: auto;
    overflow: hidden;
    padding: 8px 4px 8px 8px;
    position: relative;
    -webkit-transition: padding .1s ease-in;
    transition: padding .1s ease-in
}
.btn-user{
    padding: 5px !important;cursor: pointer;
}
.usr-name
{cursor: pointer;
margin-left: 5px;
}
.menu {
    float: none !important;
    margin: 0 auto !important;
    max-width: 600px;
}

.navbar-nav>li>a:hover{
 color: #3689B9;
}
.navbar-nav>li>a
{
color: white;
    margin: 0 5px;
    background-color: #3689B9;
    border-radius: 3px;
}
.board-header-btns {
    position: relative;
    display: block
}
#board.hide,
.board-header-btn:empty {
    display: none
}
.board-header-btns.mod-left {
    float: left
}
.board-header-btns.mod-right {
    float: right
}
.board-header-btn {
    border-radius: 3px;
    color: #f6f6f6;
    cursor: default;
    float: left;
    font-size: 9pt;

    line-height: 30px;
    margin: 5px 4px 0 0;
    overflow: hidden;
       padding: 0 30px 0 30px;
    position: relative;
    text-decoration: none
}
.board-header-btn-without-icon {
    padding-left: 8px
}
.board-header-btn-icon {
    background-clip: content-box;
    background-origin: content-box;
    color: #f6f6f6;
    padding: 6px;
    position: absolute;
    top: 0;
    left: 0
}
.board-header-btn-text {
    padding-right: 8px
}
.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: #f6f6f6
}
.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: 30px;
    padding-left: 4px;
    text-decoration: none
}
.board-header-btn-name .board-header-btn-text {
    padding-left: 6px
}
.board-header-btn-name-org-logo {
    border-radius: 3px;
    height: 30px;
    left: 0;
    position: absolute;
    top: 0;
    width: 30px
}
.board-header-btn-name-with-org-logo .board-header-btn-text {
    padding-left: 2pc
}
.board-header-btn-org-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 25pc
}
.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
}
.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,
.body-light-board-background .board-header-btn:not(.board-header-btn-filter-indicator):not(.board-header-btn-enabled),
.body-light-board-background .board-header-btn:not(.board-header-btn-filter-indicator):not(.board-header-btn-enabled) .board-header-btn-icon,
.body-light-board-background .board-header-btn:not(.board-header-btn-filter-indicator):not(.board-header-btn-enabled) .icon-sm {
    color: rgba(0, 0, 0, .7)
}
.board-header-btn-filter-indicator .board-header-btn-icon-close:hover {
    background: #99d18f
}
.body-board-view {
    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 .board-header-btn:not(.no-edit):hover {
    background: rgba(0, 0, 0, .3)
}
.body-light-board-background #header {
    background: rgba(0, 0, 0, .35)
}
.body-light-board-background .board-header-btn:not(.board-header-btn-filter-indicator):not(.board-header-btn-enabled) {
    background: 0 0
}
.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)
}
.board-canvas {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}
.step
{min-height: 100px;
        background-color: #DCDCDC;
    padding: 10px;
    border-radius: 5px;
}
#board .col-md-2
{
text-align: center;
    width:13.6667% ;
}
#board {

}
.project:hover
{
    background-color: #A2A2A2;
    color: white;
}
.project
{
    width:100% !important;
    background-color: #C7C7C7;
    padding: 15px;cursor: pointer;
    border-radius: 10px;margin:10px 0;
}
#board::-webkit-scrollbar {
    height: 13px;
    width: 13px
}
#board::-webkit-scrollbar-thumb:horizontal,
#board::-webkit-scrollbar-thumb:vertical {
    background: rgba(255, 255, 255, .4)
}
#board::-webkit-scrollbar-track-piece {
    background: rgba(0, 0, 0, .15)
}
#board::-webkit-scrollbar-button {
    display: block;
    height: 5px;
    width: 5px
}
.body-no-webkit-scrollbars:not(.firefox) #board {
    padding-bottom: 30px
}
#board.filtering .num-cards {
    display: inline
}
.board-header-btn.mod-show-menu {
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    -webkit-transition-property: margin;
    transition-property: margin;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in
}
.board-wrapper.is-show-menu .board-header-btn.mod-show-menu {
    margin-right: -140px
}
.board-wrapper.is-show-menu .board-menu {
    box-shadow: 0 0 6px rgba(0, 0, 0, .4);
    -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
    }
}
.list-wrapper {
    width: 270px;
    margin: 0 5px;
    height: auto;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    white-space: normal
}
.calendar-day,
.list {
    -moz-box-sizing: border-box
}
.list-wrapper:first-child {
    margin-left: 10px
}
.list-wrapper:last-child {
    margin-right: 10px
}
.list {
    background: #e2e4e6;
    border-radius: 3px;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: 100%;
    position: relative
}
.list-header {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 8px 34px 8px 10px;
    position: relative;
    min-height: 19px
}
.list-header.editable {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab
}
.list-header-name {
    display: inline;
    font-size: 15px;
    line-height: 18px;
    margin: 0;
    min-height: 19px;
    min-width: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word
}
.list-header-menu-icon {
    background-clip: content-box;
    background-origin: content-box;
    padding: 8px;
    position: absolute;
    top: 0;
    right: 0
}
.list-header-num-cards {
    color: #8c8c8c;
    margin: 0
}
.list-header-num-cards:not(.hide) {
    display: inline-block
}
.list-cards {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow-y: auto;
    overflow-x: hidden;
    margin: 0 4px;
    padding: 0 4px;
    z-index: 1
}
.list-cards::-webkit-scrollbar-button:end {
    display: block;
    height: 4px;
    width: 4px
}
.open-card-composer {
    border-radius: 0 0 3px 3px;
    color: #8c8c8c;
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 8px 10px;
    position: relative;
    text-decoration: none;
    user-select: none
}
.list-header.editing .list-header-menu-icon,
.list-header.editing .list-header-num-cards,
.list-header.editing .list-header-subscribe-icon,
.list-header.editing:hover .list-header-menu-icon,
.list-header.editing:hover .list-header-subscribe-icon,
.list-wrapper.ui-sortable-helper>.list .list-header-menu-icon {
    display: none
}
.calendar-content,
.calendar-wrapper {
    position: absolute;
    border-radius: 3px
}
.list-card-cover,
.sticker {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}
.open-card-composer:hover {
    background-color: #cdd2d4;
    color: #4d4d4d;
    text-decoration: underline
}
.open-card-composer:active {
    background-color: #c4c9cc
}
.list-wrapper.placeholder {
    background-color: rgba(0, 0, 0, .2);
    border-color: transparent;
    box-shadow: none;
    border-radius: 3px
}
.list-wrapper.ui-sortable-helper>.list {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing;
    box-shadow: -2px 2px 8px rgba(0, 0, 0, .3), 0 0 1px rgba(0, 0, 0, .5);
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg)
}
.list-header.editing {
    padding: 4px
}
.list-wrapper.mod-add {
    height: auto;
    min-height: 30px;
    padding: 4px;
    border-radius: 3px;
    background-color: #e2e4e6;
    -webkit-transition: background 85ms ease-in, opacity 40ms ease-in, border-color 85ms ease-in;
    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: rgba(0, 0, 0, .05);
    border-color: #aaa;
    box-shadow: inset 0 1px 8px rgba(0, 0, 0, .15);
    display: block;
    margin: 0;
    -webkit-transition: margin 85ms ease-in, background 85ms ease-in;
    transition: margin 85ms ease-in, background 85ms ease-in;
    width: 100%
}
.list-wrapper.mod-add .placeholder {
    display: none;
    padding: 7px;
    color: rgba(255, 255, 255, .7);
    -webkit-transition: color 85ms ease-in;
    transition: color 85ms ease-in
}
.list-wrapper.mod-add .edit-controls {
    height: 2pc;
    -webkit-transition: margin 85ms ease-in, height 85ms ease-in;
    transition: margin 85ms ease-in, height 85ms ease-in;
    overflow: hidden;
    margin: 4px 0 0
}
.list-wrapper.mod-add .edit-controls input[type=submit] {
    margin-top: 0;
    min-height: 30px;
    height: 30px
}
.list-wrapper.mod-add.is-idle {
    background: rgba(0, 0, 0, .12);
    cursor: pointer;
    color: #fff
}
.list-wrapper.mod-add.is-idle .list-name-input {
    background: 0 0;
    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 .edit-controls {
    height: 0;
    margin: 0
}
.list-wrapper.mod-add.is-idle:hover {
    background: rgba(0, 0, 0, .3)
}
.custom-board-background .list-wrapper.mod-add.is-idle {
    background: rgba(0, 0, 0, .35)
}
.custom-board-background .list-wrapper.mod-add.is-idle:hover {
    background: rgba(0, 0, 0, .5)
}
.calendar-wrapper {
    background: #edeff0;
    bottom: 10px;
    top: 0;
    right: 10px;
    left: 10px
}
.calendar-content {
    right: 0;
    left: 0;
    bottom: 0;
    top: 86px
}
.calendar-header {
    position: relative
}
.calendar-header .button-link {
    float: left;
    padding: 8px 9pt;
    margin: 0 4px 0 0
}
.calendar-header-toolbar {
    min-height: 2pc;
    padding: 9pt;
    position: relative
}
.calendar-header-toolbar-today {
    float: left;
    margin-right: 8px
}
.calendar-header-toolbar-nav {
    float: left
}
.calendar-header-toolbar-title {
    text-align: center;
    position: absolute;
    top: 18px;
    left: 0;
    right: 0
}
.calendar-header-toolbar-type {
    float: right;
    margin-right: 8px
}
.calendar-header-toolbar-close {
    margin-top: 2px;
    float: right;
    position: relative
}
.calendar-header.month-view .month-button,
.calendar-header.week-view .week-button,
.today-button.on-today {
    background: -webkit-linear-gradient(top, #cdd2d4 0, #c4c9cc 100%);
    background: linear-gradient(to bottom, #cdd2d4 0, #c4c9cc 100%);
    cursor: default;
    pointer-events: none
}
.calendar-header.month-view .month-button:hover,
.calendar-header.week-view .week-button:hover,
.today-button.on-today:hover {
    color: #4d4d4d;
    border: 1px solid #edeff0
}
.calendar-header.month-view .days-of-week {
    padding-right: 9px
}
.calendar-header.month-view .icon-leftarrow,
.calendar-header.month-view .icon-rightarrow {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}
.days-of-week {
    display: table
}
.days-of-week div {
    width: 1%;
    display: table-cell;
    text-align: center
}
.calendar-day .badge.due-future,
.calendar-day .badge.due-now,
.calendar-day .badge.due-past,
.calendar-day .badge.due-soon,
.calendar-day:not(.active) .calendar-card-composer,
.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
}
.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: 140px;
    padding: 0;
    position: relative;
    width: 14%;
    background: #edeff0
}
.day-cell h3 {
    color: #8c8c8c;
    font-weight: 400
}
.day-cell .drop {
    background-color: #d6dadc
}
.day-cell.current-month .calendar-day {
    background: #e2e4e6
}
.day-cell.current-month .calendar-day.drop,
.day-cell.current-month .calendar-day:not(.active):hover {
    background-color: #d6dadc
}
.day-cell.current-month .calendar-day.today {
    background-color: #ede5cf
}
.day-cell.current-month .calendar-day.today.drop {
    background-color: #e6dbbc
}
.day-cell.current-month h3 {
    color: #4d4d4d;
    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: #ebebeb;
    border-radius: 3px;
    box-sizing: border-box;
    overflow: hidden;
    padding: 8px 0 8px 8px;
    position: relative
}
.calendar-day.today {
    background-color: #ede5cf
}
.calendar-day:not(.active):hover {
    background-color: #dedede;
    cursor: pointer
}
.calendar-day .calendar-card-composer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 5px
}
.calendar-drag-area {
    position: relative
}
.day-header {
    cursor: pointer
}
.day-header .close-button {
    float: right;
    display: none
}
.day-header .date {
    display: inline-block
}
.day-header .date div {
    display: inline
}
.day-header .num-cards {
    display: inline-block;
    margin-left: 4px;
    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
}
.calendar-day.active {
    box-shadow: 0 0 6px rgba(0, 0, 0, .35), 0 0 1px rgba(0, 0, 0, .1);
    min-width: 270px;
    padding-right: 5px;
    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: initial;
    overflow-y: auto;
    overflow-x: hidden
}
@media only screen and (min-width:1281px),
only screen and (min-width:901px) and (max-width:1280px),
only screen and (min-width:751px) and (max-width:900px) {
    .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-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: #e2e4e6
}
.calendar-week .calendar-day.drop {
    background-color: #d6dadc
}
.calendar-week .calendar-day.today {
    background-color: #ede5cf
}
.calendar-week .calendar-day.today.drop {
    background-color: #e6dbbc
}
.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
}
.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
}
@media only screen and (max-width:750px) {
    .calendar-day:not(.active) .day-header .day-cards-header,
    .calendar-day:not(.active) .list-card,
    .calendar-header .icon-close,
    .month-button,
    .today-button,
    .week-button {
        display: none
    }
    .calendar-month {
        overflow-y: hidden
    }
    .calendar-header.month-view {
        padding-right: 0
    }
    .calendar-header-toolbar {
        padding-bottom: 0
    }
    .calendar-header-toolbar-nav .right-arrow {
        position: absolute;
        right: 9px
    }
    .calendar-day-spacer-div,
    .day-cell {
        position: static
    }
    .calendar-content {
        top: 70px
    }
    .u-fancy-scrollbar {
        -webkit-overflow-scrolling: initial
    }
    .day-cell {
        height: inherit
    }
    .calendar-day:not(.active) {
        height: 60px
    }
    .calendar-day.active {
        top: -70px;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: initial;
        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) .calendar-day-list {
        position: relative;
        top: 40px
    }
    .calendar-day:not(.active) .day-header {
        z-index: 1;
        height: 100%
    }
    .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
    }
}
.board-menu {
    background-color: #edeff0;
    bottom: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition-property: -webkit-transform, width;
    transition-property: transform, width;
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    -webkit-transform: translateX(339px);
    transform: translateX(339px);
    width: 339px;
    z-index: 5
}
.board-menu-navigation-item-link:hover,
.board-menu-section-header:hover {
    background-color: #d6dadc
}
.board-menu-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 6px;
    bottom: 0;
    left: 0
}
.board-menu-header {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 46px;
    opacity: 0;
    overflow: hidden;
    padding: 0 6px 0 9pt;
    position: relative;
    -webkit-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in;
    width: 100%
}
.board-menu-header-back-button {
    font-size: 1pc;
    position: absolute;
    top: 8px;
    left: 9pt;
    overflow: hidden;
    -webkit-transition: -webkit-transform .12s ease-in;
    transition: transform .12s ease-in
}
.board-menu-header-title {
    line-height: 20px;
    margin: 13px 30px 9pt;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    -webkit-transition: margin .12s ease-in;
    transition: margin .12s ease-in;
    white-space: no-wrap
}
.board-menu-header-close-button {
    font-size: 1pc;
    position: absolute;
    top: 8px;
    right: 6px
}
.board-menu-header-divider {
    margin: 0
}
.board-menu-content {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 9pt 6px 9pt 9pt;
    width: 100%
}
.board-menu-content::-webkit-scrollbar-button {
    display: block;
    height: 6px;
    width: 6px
}
.board-menu-content input[type=text] {
    width: 100%
}
.board-menu-content-frame {
    -webkit-transition-property: -webkit-transform, opacity;
    transition-property: transform, opacity;
    -webkit-transition-duration: 120ms;
    transition-duration: 120ms;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}
.board-menu-section-header {
    border-radius: 3px;
    display: block;
    line-height: 20px;
    padding: 6px 6px 6px 38px;
    position: relative;
    text-decoration: none
}
.board-menu-section-header:hover .board-menu-section-header-icon {
    color: #4d4d4d
}
.board-menu-section-header-icon {
    font-size: 1pc;
    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: #d6dadc;
    border-radius: 20px;
    color: #8c8c8c;
    font-size: 9pt;
    line-height: 20px;
    padding: 2px 10px;
    position: absolute;
    right: 4px;
    text-align: center;
    top: 4px
}
.board-menu-section-header-count:empty {
    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-navigation {
    margin: 4px 0
}
.board-menu-navigation-item-link {
    border-radius: 3px;
    display: block;
    font-weight: 700;
    height: 20px;
    line-height: 20px;
    padding: 6px 6px 6px 38px;
    position: relative;
    text-decoration: none
}
.board-menu-navigation-item-link-icon {
    font-size: 1pc;
    height: 20px;
    line-height: 20px;
    width: 20px;
    position: absolute;
    top: 6px;
    left: 9px
}
.board-menu-navigation-item-link:hover .board-menu-navigation-item-link-icon {
    color: #4d4d4d
}
.board-menu-navigation-item-link:active,
.board-menu-navigation-item-link:active .board-menu-navigation-item-link-count {
    background-color: #cdd2d4
}
.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: center;
    border-radius: 3px
}
.archived-list-card {
    display: block;
    margin: 8px auto 1pc;
    max-width: 260px
}
.archived-list-card .list-card {
    border: 1px solid #d6dadc;
    border-bottom-color: #c4c9cc
}
.archive-controls {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.archive-controls-search {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin: 0 6px 0 0
}
.board-backgrounds-list {
    margin-bottom: 8px
}
.board-backgrounds-list.disabled .board-background-select {
    opacity: .4
}
.board-background-select {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    width: 50%;
    padding: 0 6px 9pt;
    position: relative;
    vertical-align: top;
    z-index: 1
}
.board-background-select.disabled {
    opacity: .15
}
.board-background-select .background-box {
    border-radius: 3px;
    background-size: cover;
    display: block;
    height: 60px;
    position: relative;
    width: 100%
}
.board-background-select .background-box.background-tile {
    background-size: 100%
}
.board-background-select.board-background-select-upload {
    overflow: hidden
}
.board-background-select.board-background-select-upload .background-box {
    background-color: #d6dadc;
    border: 1px dashed #b9b9b9;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    z-index: 0;
    opacity: .7
}
.board-background-select.board-background-select-upload .background-box .icon-add {
    text-align: center;
    line-height: 60px;
    width: 100%
}
.board-background-select.board-background-select-upload:hover .background-box {
    opacity: 1
}
.board-background-select.board-background-select-upload .upload-background {
    bottom: 0;
    cursor: pointer;
    height: 60px;
    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, .6);
    border-radius: 0 0 3px 3px;
    color: #e6e6e6;
    display: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 9pt;
    z-index: 2;
    padding: 4px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-decoration: none
}
.board-background-select .background-option .text {
    text-decoration: underline
}
.board-background-select .background-option:hover {
    background: rgba(0, 0, 0, .85);
    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
}
@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-backgrounds-list .board-background-select,
    .board-backgrounds-list .board-background-still-uploading {
        width: 33%
    }
}
.board-background-select.is-still-uploading-background {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    float: left;
    padding: 0 6px 9pt 0;
    width: 50%
}
.board-background-select.is-still-uploading-background .background-box-unselectable {
    opacity: .5
}
.product-promo-button-overlay {
    background-color: rgba(240, 240, 240, .7);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 2
}
.product-promo-button {
    display: block;
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
    padding: 3pc 9pt;
    text-decoration: none
}
.product-promo-button-gold,
.product-promo-button-gold .product-promo-button-icon {
    color: #a89d24
}
.product-promo-button-gold .product-promo-button-icon:hover,
.product-promo-button-gold:hover {
    color: #7e761b
}
.product-promo-button-bc,
.product-promo-button-bc .product-promo-button-icon {
    color: #71838e
}
.product-promo-button-bc .product-promo-button-icon:hover,
.product-promo-button-bc:hover {
    color: #5b6971
}
.product-promo-button-text {
    text-decoration: underline;
    margin-left: -4px
}
.board-members-extras-button {
    display: none
}
.board-members-extras-button.is-shown {
    display: block
}
.power-up-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: 6px 0 9pt;
    padding-bottom: 9pt;
    border-bottom: 1px solid #d6dadc
}
.power-up-item-icon {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 9pt;
    min-width: 62px
}
.power-up-item-icon-image {
    height: 50px;
    width: 50px
}
.power-up-item-icon-image.mod-rounded {
    border-radius: 30px
}
.power-up-item-details {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}
.power-up-item-details-header {
    display: inline-block;
    margin: 0 6px 2px 0
}
.power-up-item-details-enabled-icon {
    background-color: #61bd4f;
    border-radius: 1pc;
    color: #fff;
    display: none;
    padding: 2px 7px
}
.power-up-item-details-right-actions {
    float: right
}
.power-up-item-details-actions-button {
    display: none;
    float: left;
    margin: 4px 6px 0 0
}
.power-up-item-details-actions-button.mod-clear-data,
.power-up-item-details-actions-button.mod-details {
    display: block
}
.power-up-item-details-actions-button.mod-clear-data.hide {
    display: none
}
.power-up-item-details-actions-button.mod-disable {
    padding: 7px 11px
}
.power-up-item-details-actions-button.mod-enable {
    display: block;
    padding: 7px 11px
}
.power-up-item.is-enabled .power-up-item-details-enabled-icon {
    display: inline-block
}
.power-up-item.is-enabled .power-up-item-details-actions-button.mod-enable {
    display: none
}
.power-up-item.is-enabled .power-up-item-details-actions-button.mod-disable,
.power-up-item.is-enabled .power-up-item-details-actions-button.mod-settings {
    display: block
}
@media only screen and (max-width:750px) {
    .power-up-item-icon {
        display: none
    }
}
.list-card {
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    border-radius: 3px;
    cursor: pointer;
    margin-bottom: 6px;
    max-width: 300px;
    min-height: 20px;
    position: relative;
    z-index: 0
}
.list-card a {
    color: #4d4d4d
}
.list-card-cover {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    user-select: none
}
.list-card-details {
    overflow: auto;
    padding: 6px 8px 4px;
    position: relative;
    z-index: 10
}
.list-card-operation {
    background-color: #edeff0;
    background-clip: padding-box;
    background-origin: padding-box;
    border-radius: 0 3px;
    display: none;
    opacity: .7;
    padding: 6px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 40
}
.aging-regular.aging-level-0,
.list-card-operation:hover {
    opacity: 1
}
.list-card-title {
    clear: both;
    display: block;
    font-weight: 400;
    margin: 0 0 4px;
    overflow: hidden;
    text-decoration: none;
    word-wrap: break-word
}
.list-card-title::-moz-selection {
    background: 0 0
}
.list-card-title::selection {
    background: 0 0
}
.list-card-edit-title {
    background: #fff;
    border: 0;
    height: 90px;
    padding: 0
}
.list-card-edit-title:focus {
    background: #fff;
    box-shadow: none
}
.list-card-members {
    float: right;
    margin: 2px -8px -4px 0
}
.list-card-members .member {
    float: right
}
.list-card-dropzone,
.list-card-members:empty {
    display: none
}
.list-card.is-drophover .list-card-dropzone {
    background: rgba(255, 255, 255, .8);
    border-radius: 3px;
    bottom: 0;
    display: block;
    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: center
}
.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: rgba(255, 255, 255, .7);
    border-radius: 0 0 3px 3px;
    margin-top: 55px
}
.list-card.is-stickered .stickers {
    height: 4pc
}
.list-card.is-stickered.is-covered .list-card-details {
    margin-top: 0
}
.list-card.active-card {
    background-color: #edeff0;
    border-bottom-color: #d6dadc
}
.list-card.active-card .list-card-operation {
    display: block
}
.list-card.active-card.is-stickered .list-card-details {
    background-color: rgba(238, 240, 241, .7)
}
.list-card.ui-sortable-helper {
    box-shadow: none;
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing
}
.list-card.ui-sortable-helper .list-card-title {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing
}
.chrome .list-card.ui-sortable-helper,
.safari .list-card.ui-sortable-helper {
    box-shadow: -2px 2px 6px rgba(0, 0, 0, .2)
}
.list-card-placeholder,
.list-card.placeholder {
    background: #c4c9cc;
    min-height: 18px
}
.list-card-placeholder .hook,
.list-card.placeholder .hook {
    height: 18px;
    position: absolute;
    right: 0;
    top: 0;
    width: 18px
}
.list-card.placeholder-none {
    display: none
}
.error .gold-promo {
    background: rgba(184, 156, 20, .35);
    color: #5c4e0a;
    padding: 8px;
    border-radius: 4px
}
.error .gold-promo a {
    color: #5c4e0a
}
.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: top left, top right;
    background-repeat: no-repeat
}
.aging-pirate .list-card-details {
    background-position: bottom left, bottom right;
    background-repeat: no-repeat
}
.aging-pirate.aging-level-1 {
    background-color: #faf6ef;
    background-image: url(https://d78fikflryjgj.cloudfront.net/images/powerups/card-aging/53102e7b253303f6eb34f3622da9bb32/TopLeftLevel1.png), url(https://d78fikflryjgj.cloudfront.net/images/powerups/card-aging/b6830a5537c94f982a32b280cff6b97d/TopRightLevel1.png);
    box-shadow: inset 0 0 15px rgba(205, 172, 132, .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://d78fikflryjgj.cloudfront.net/images/powerups/card-aging/accbe663e1d810cfb14d7e978845e27f/BottomLeftLevel1.png), url(https://d78fikflryjgj.cloudfront.net/images/powerups/card-aging/2fdf1b0eadc4b04edaece4c4b41aa699/BottomRightLevel1.png)
}
.aging-pirate.aging-level-1.is-stickered .list-card-details {
    background-color: rgba(250, 246, 239, .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: rgba(244, 234, 215, .7)
}
.aging-pirate.aging-level-2 {
    background-color: #f6eedf;
    background-image: url(https://d78fikflryjgj.cloudfront.net/images/powerups/card-aging/18f4120762d23b79c07e5fda7a2056d0/TopLeftLevel2.png), url(https://d78fikflryjgj.cloudfront.net/images/powerups/card-aging/c74a8a1f361b08433f2a8b05470917c3/TopRightLevel2.png);
    box-shadow: inset 0 0 25px rgba(205, 172, 132, .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://d78fikflryjgj.cloudfront.net/images/powerups/card-aging/602baf1ea202cc5f5c34a30bd5e364f4/BottomLeftLevel2.png), url(https://d78fikflryjgj.cloudfront.net/images/powerups/card-aging/ac74c3df4a788a4eeb59d8a0f6d0f235/BottomRightLevel2.png)
}
.aging-pirate.aging-level-2.is-stickered .list-card-details {
    background-color: rgba(246, 238, 223, .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: rgba(239, 225, 200, .7)
}
.aging-pirate.aging-level-3 {
    background-color: #efe1c8;
    background-image: url(https://d78fikflryjgj.cloudfront.net/images/powerups/card-aging/194454130e88f74111874a8935ecf3ba/TopLeftLevel3.png), url(https://d78fikflryjgj.cloudfront.net/images/powerups/card-aging/8c21cb29b9a909eecc47678db2ef1654/TopRightLevel3.png);
    box-shadow: inset 0 0 40px rgba(205, 172, 132, .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://d78fikflryjgj.cloudfront.net/images/powerups/card-aging/d4bb1b3ae5fd2aef9beaf2600113073f/BottomLeftLevel3.png), url(https://d78fikflryjgj.cloudfront.net/images/powerups/card-aging/5737b3080b474c0d96439d6852e31ec3/BottomRightLevel3.png)
}
.aging-pirate.aging-level-3.is-stickered .list-card-details {
    background-color: rgba(239, 225, 200, .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: rgba(232, 212, 176, .7)
}
.aging-pirate.aging-level-3.aging-treasure .list-card-details {
    background-position: bottom left, bottom right, bottom 1px right 10px;
    background-image: url(https://d78fikflryjgj.cloudfront.net/images/powerups/card-aging/d4bb1b3ae5fd2aef9beaf2600113073f/BottomLeftLevel3.png), url(https://d78fikflryjgj.cloudfront.net/images/powerups/card-aging/5737b3080b474c0d96439d6852e31ec3/BottomRightLevel3.png), url(https://d78fikflryjgj.cloudfront.net/images/powerups/card-aging/85890fb25d1b8909c095b39344a5e804/BottomRightLevel3Treasure.png)
}
.card-detail-window {
    min-height: 600px
}
.card-detail-item {
    display: block;
    float: left;
    margin: 4px 28px 1pc 0
}
.card-detail-item-block {
    clear: both;
    float: none;
    margin-right: 0
}
.card-detail-item-header {
    color: #8c8c8c;
    display: inline-block;
    font-weight: 400;
    font-size: 14px;
    margin: 0 6px 6px 0
}
.card-detail-item-header-edit {
    color: #8c8c8c;
    text-decoration: underline
}
.card-detail-item-add-button {
    background: #e2e4e6;
    border-radius: 3px;
    color: #8c8c8c;
    cursor: pointer;
    display: block;
    float: left;
    padding: 6px
}
.card-detail-item-add-button:hover {
    background: #d6dadc
}
.card-detail-item-add-button:active {
    background: #cdd2d4
}
.card-detail-badge {
    background-color: #e2e4e6;
    border-radius: 3px;
    color: #8c8c8c;
    cursor: default;
    display: block;
    height: 20px;
    line-height: 20px;
    margin: 0 4px 4px 0;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none
}
.card-detail-badge.is-clickable {
    text-decoration: underline
}
.card-detail-badge.is-clickable:hover {
    background: #d6dadc;
    color: #4d4d4d;
    cursor: pointer
}
.card-detail-badge.is-clickable:active {
    background: #cdd2d4
}
.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: #d6dadc
}
.card-detail-badge.is-voted:hover {
    background-color: #cdd2d4
}
.card-detail-badge.is-voted:active {
    background-color: #c4c9cc
}
textarea.list-card-composer-textarea,
textarea.list-card-composer-textarea:focus {
    background: 0 0;
    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 {
    margin-top: 1px
}
.cc-controls input[type=submit] {
    float: left;
    margin-top: 0;
    padding: 5px 18px
}
.cc-controls .icon-lg {
    float: left;
    margin-top: 1px
}
.cc-controls .cc-opt {
    float: right
}
.new-comment {
    position: relative;
    margin: 0 0 20px 38px
}
.new-comment .member {
    position: absolute;
    top: 1px;
    left: -38px
}
.comment-frame {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .23);
    margin: 4px 4px 9pt 0
}
.comment-box {
    position: relative
}
.comment-box-input {
    background: 0 0;
    height: 75px;
    margin: 0;
    min-height: 75px;
    padding: 9px 11px 0;
    width: 100%;
    resize: none
}
.comment-box-input,
.comment-box-input:active,
.comment-box-input:focus,
.comment-box-input:hover {
    border: 0;
    border-bottom: solid 30px 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: 18px;
    margin-left: 4px;
    padding: 6px
}
.comment-box-options-item:hover {
    background-color: #e2e4e6
}
.new-comment .add-controls {
    display: block
}
.new-comment.is-focused .comment-frame {
    box-shadow: 0 1px 3px rgba(0, 0, 0, .33)
}
.comment-too-long-warning {
    display: none;
    margin-top: 1pc
}
.comment-too-long-warning.is-shown {
    display: block
}
.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: rgba(255, 255, 255, .6);
    padding: 9px;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition-property: -webkit-transform, color;
    transition-property: transform, color;
    -webkit-transition-duration: 150ms;
    transition-duration: 150ms
}
.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: 15pc;
    z-index: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
    -webkit-transition: opacity 85ms ease-in, -webkit-transform 85ms ease-in;
    transition: opacity 85ms ease-in, 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 9pt 6px 8px;
    text-decoration: none;
    -webkit-transition: -webkit-transform 85ms ease-in;
    transition: transform 85ms ease-in
}
.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-left {
    left: -15pc;
    -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
}
.list-card-quick-edit .sticker.hover .sticker-image {
    border-radius: 9pt;
    background-color: rgba(0, 0, 0, .12)
}
.attachment-thumbnail {
    border-radius: 3px;
    min-height: 5pc;
    margin: 0 0 8px;
    overflow: hidden;
    position: relative
}
.attachment-thumbnail:hover .attachment-thumbnail-details {
    background-color: #e2e4e6
}
.attachment-thumbnail:hover .attachment-thumbnail-preview {
    background-color: #d6dadc;
    border-color: #d6dadc
}
.attachment-thumbnail-processing {
    background-color: #e2e4e6;
    color: #8c8c8c;
    line-height: 5pc;
    text-align: center
}
.attachment-thumbnail-processing .spinner {
    display: inline-block;
    -webkit-transform: translateY(3px);
    transform: translateY(3px)
}
.attachment-thumbnail-preview {
    border: 1px solid #d6dadc;
    background-color: #e2e4e6;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 3px;
    height: 78px;
    margin-top: -40px;
    position: absolute;
    top: 50%;
    left: 0;
    text-align: center;
    text-decoration: none;
    z-index: 0;
    width: 81pt
}
.attachment-thumbnail-preview-power-up-logo {
    display: table-cell;
    height: 78px;
    width: 81pt;
    text-align: center;
    vertical-align: middle
}
.badge,
.badge-icon,
.badge-text {
    vertical-align: top
}
.attachment-thumbnail-preview-power-up-logo-image {
    height: 45px;
    width: 45px
}
.attachment-thumbnail-preview-service-logo {
    background-size: 70px 70px;
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 5pc;
    width: 81pt
}
.attachment-thumbnail-preview-dropbox-logo {
    background-image: url(https://d78fikflryjgj.cloudfront.net/images/services/275d8a966e5d9d2b8e22ade7ea2c9ddd/dropbox-preview-logo.svg)
}
.attachment-thumbnail-preview-fogbugz-logo {
    background-image: url(https://d78fikflryjgj.cloudfront.net/images/services/3875991b3c671e428a421b8999fbe1bb/fogbugz-preview-logo.svg)
}
.attachment-thumbnail-preview-github-logo {
    background-image: url(https://d78fikflryjgj.cloudfront.net/images/services/346c8ad70711bd0f575babb6254994ca/github-preview-logo.svg)
}
.attachment-thumbnail-preview-google-drive-logo {
    background-image: url(https://d78fikflryjgj.cloudfront.net/images/services/64011cc7e495af6d55d07cb64233250d/google-drive-preview-logo.svg)
}
.attachment-thumbnail-preview-kiln-logo {
    background-image: url(https://d78fikflryjgj.cloudfront.net/images/services/d23187d129d386fcae7b929f94451dcf/kiln-preview-logo.svg)
}
.attachment-thumbnail-preview-trello-logo {
    background-image: url(https://d78fikflryjgj.cloudfront.net/images/services/07db7adfabb199709ad3d9c8fcede6a7/trello-preview-logo.svg)
}
.attachment-thumbnail-preview-one-drive-logo {
    background-image: url(https://d78fikflryjgj.cloudfront.net/images/services/e4e5ea0947583d430483bcdbbb9fab64/onedrive-preview-logo.svg)
}
.attachment-thumbnail-preview-box-logo {
    background-image: url(https://d78fikflryjgj.cloudfront.net/images/services/f49ae2b057b81e9080b0db7e7f5b5a3a/box-preview-logo.svg)
}
.attachment-thumbnail-preview-ext {
    color: #8c8c8c;
    display: block;
    font-size: 18px;
    font-weight: 700;
    height: 100%;
    line-height: 5pc;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    width: 100%
}
.attachment-thumbnail-preview-attachment-icon {
    line-height: 5pc
}
.attachment-thumbnail-details {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    padding: 8px 8px 8px 90pt;
    min-height: 5pc;
    margin: 0
}
.attachment-thumbnail-details-title {
    display: block;
    text-decoration: none;
    margin-bottom: 6px;
    word-wrap: break-word
}
.attachment-thumbnail-details-title:hover {
    color: inherit
}
.attachment-thumbnail-details-options-item {
    border-radius: 3px;
    margin-right: 8px;
    text-decoration: none
}
.attachment-thumbnail-details-options-item-text {
    margin-left: -3px;
    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: 3pc;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 40
}
.attachment-viewer-header-close-icon {
    color: rgba(255, 255, 255, .6);
    padding: 9px;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition-property: -webkit-transform, color;
    transition-property: transform, color;
    -webkit-transition-duration: 150ms;
    transition-duration: 150ms
}
.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 {
    background-color: rgba(0, 0, 0, .7);
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 75pt
}
.attachment-viewer-overlay {
    background-color: rgba(0, 0, 0, .7);
    position: absolute;
    height: 75pt;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 30
}
.attachment-viewer-frames {
    -webkit-transition: -webkit-transform 150ms;
    transition: transform 150ms;
    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;
    -webkit-transition: -webkit-transform 150ms;
    transition: transform 150ms
}
.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: 3pc;
    right: 3pc
}
.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: 0 0;
    display: block;
    height: 3pc
}
.attachment-viewer-frame-preview-wrapper::-webkit-scrollbar-button:end:increment {
    height: 7pc
}
.attachment-viewer-frame-preview-wrapper::-webkit-scrollbar-track-piece {
    background: 0 0
}
.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: rgba(255, 255, 255, .2);
    border-radius: 5px;
    display: block;
    height: 50px
}
.attachment-viewer-frame-preview {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 3pc 24px 7pc;
    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;
    -webkit-transition-property: -webkit-transform, opacity;
    transition-property: transform, opacity;
    -webkit-transition-duration: 150ms, .4s;
    transition-duration: 150ms, .4s
}
.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;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    display: block;
    margin: 8px auto;
    padding: 1pc 24px;
    max-width: 250px
}
.attachment-viewer-frame-preview-placeholder-link:hover {
    background: rgba(255, 255, 255, .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;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    opacity: 0;
    padding: 9pt;
    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;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    height: 75pt;
    left: 0;
    padding: 9pt 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: 75pt;
    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;
    -webkit-transition-property: -webkit-transform, opacity;
    transition-property: transform, opacity;
    -webkit-transition-duration: 150ms, .4s;
    transition-duration: 150ms, .4s
}
.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
}
input[type=submit].attachment-add-link-submit {
    padding: 6px 9pt;
    margin: 0
}
.badges {
    float: left;
    padding-bottom: 2px
}
.badges:empty {
    display: none
}
.badge {
    color: #8c8c8c;
    display: inline-block;
    height: 18px;
    margin: 0 4px 4px 0;
    padding: 0 4px 0 0;
    position: relative;
    text-decoration: none
}
.badge.is-complete,
.badge.is-complete .badge-icon,
.badge.is-due-now,
.badge.is-due-now .badge-icon,
.badge.is-due-past,
.badge.is-due-past .badge-icon,
.badge.is-due-soon .badge-icon,
.badge.is-unread-notification,
.badge.is-unread-notification .badge-icon {
    color: #fff
}
.checklist-list:empty,
.hide-completed-items .checklist-item-state-complete {
    display: none
}
.badge-text {
    font-size: 9pt
}
.badge.is-icon-only {
    padding: 0
}
.badge.is-icon-only .badge-icon {
    margin-right: 0
}
.badge.is-complete {
    background-color: #61bd4f;
    border-radius: 3px
}
.badge.is-unread-notification {
    background-color: #cf513d;
    border-radius: 3px
}
.badge.is-due-soon {
    background-color: #e6c60d;
    border-radius: 3px;
    color: #fff
}
.badge.is-due-now {
    background-color: #cf513d;
    border-radius: 3px
}
.badge.is-due-past {
    background-color: #ec9488;
    border-radius: 3px
}
.badge.is-voted {
    background-color: #e2e4e6;
    border-radius: 3px
}
.checklist {
    margin-bottom: 1pc
}
.checklist.placeholder {
    background: #d6dadc;
    border-radius: 3px
}
.checklist.ui-sortable-helper {
    background: #edeff0;
    opacity: .9;
    border-radius: 3px
}
.checklist.ui-sortable-helper .checklist-title,
.checklist.ui-sortable-helper .current,
.checklist.ui-sortable-helper .window-module-title {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing
}
.checklist-items-list {
    min-height: 8px
}
.checklist-item {
    clear: both;
    margin: 0 0 6px;
    padding: 0 0 4px 38px;
    position: relative;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transition-property: -webkit-transform, opacity, height, padding, margin;
    transition-property: transform, opacity, height, padding, margin;
    -webkit-transition-duration: .14s;
    transition-duration: .14s;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in
}
.checklist-item.placeholder {
    background: #d6dadc;
    border-radius: 3px;
    margin: -5px -5px 5px 5px;
    padding: 5px 0
}
.checklist-item.ui-sortable-helper {
    background: #edeff0;
    border-radius: 3px;
    margin: -3px -3px -3px 7px;
    opacity: .9;
    padding: 3px 3px 3px 33px
}
.checklist-item.ui-sortable-helper .checklist-item-checkbox {
    top: 2px;
    left: 2px
}
.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: #fff;
    border-radius: 3px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .1);
    border: 1px solid #d6dadc;
    border-bottom-color: #c4c9cc;
    font-weight: 700;
    position: absolute;
    left: 5px;
    line-height: 18px;
    overflow: hidden;
    text-align: center;
    text-indent: 100%;
    top: -1px;
    height: 18px;
    width: 18px;
    white-space: nowrap
}
.checklist-item-checkbox.enabled:hover {
    background-color: #f8f9f9;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    cursor: pointer;
    text-indent: 0
}
.checklist-item-checkbox.enabled:hover .checklist-item-checkbox-check {
    color: #8c8c8c
}
.checklist-item-checkbox.enabled:active {
    background-color: #e2e4e6;
    box-shadow: inset 0 3px 6px rgba(0, 0, 0, .1);
    text-indent: 0
}
.checklist-item-checkbox.enabled:active .checklist-item-checkbox-check {
    color: #4d4d4d
}
.checklist-item-details-text {
    min-height: 18px;
    margin-bottom: 0
}
.checklist-item-details-text.enabled:hover {
    color: #4d4d4d;
    cursor: pointer
}
.checklist-item-details-text:empty {
    content: 'No name';
    color: #8c8c8c
}
.checklist-item-state-complete .checklist-item-details-text {
    color: #8c8c8c;
    font-style: italic;
    text-decoration: line-through
}
.checklist-item-state-complete img {
    opacity: .3
}
.checklist-item-state-complete .checklist-item-checkbox {
    background-color: #edeff0;
    border-color: #d6dadc #d6dadc #c4c9cc;
    box-shadow: none;
    text-indent: 0
}
.checklist-item-state-complete .checklist-item-checkbox.enabled:hover {
    background-color: #e2e4e6;
    box-shadow: none
}
.checklist-item-state-complete .checklist-item-checkbox.enabled:active {
    background-color: #d6dadc;
    box-shadow: inset 0 3px 6px rgba(0, 0, 0, .1)
}
.checklist-new-item-text,
.checklist-new-item-text:hover {
    background: 0 0;
    border-color: transparent;
    box-shadow: none;
    color: #8c8c8c;
    cursor: pointer;
    margin-bottom: 4px;
    max-height: 2pc;
    overflow: hidden;
    resize: none;
    text-decoration: none
}
.checklist-new-item.focus .checklist-new-item-text,
.checklist-new-item.focus .checklist-new-item-text:focus,
.checklist-new-item.focus .checklist-new-item-text:hover {
    background: #fff;
    border-color: #298fca;
    box-shadow: 0 0 2px #298fca;
    color: #4d4d4d;
    cursor: text;
    max-height: none;
    resize: vertical
}
.checklist-progress {
    margin-bottom: 9pt;
    position: relative
}
.checklist-progress-percentage {
    color: #8c8c8c;
    font-size: 11px;
    line-height: 10px;
    position: absolute;
    left: 0;
    top: -1px;
    text-align: center;
    width: 38px
}
.checklist-progress-bar {
    background: #d6dadc;
    border-radius: 5px;
    clear: both;
    height: 8px;
    margin: 0 0 0 38px;
    overflow: hidden;
    position: relative
}
.checklist-progress-bar-current {
    background: #5ba4cf;
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: width .14s ease-in, background .14s ease-in;
    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 38px
}
.checklist .edit {
    clear: both;
    margin-top: -5px
}
.card-label {
    background-color: #b6bbbf;
    border-radius: 3px;
    color: #fff;
    display: block;
    font-weight: 700;
    margin-right: 3px;
    overflow: hidden;
    padding: 3px 6px;
    position: relative;
    text-overflow: ellipsis;
    text-shadow: 0 0 5px rgba(0, 0, 0, .2), 0 0 2px #000;
    white-space: nowrap
}
.card-label-green {
    background-color: #61bd4f
}
.card-label-green.card-label-selectable.selected {
    box-shadow: -8px 0 #519839
}
.card-label-yellow {
    background-color: #f2d600
}
.card-label-yellow.card-label-selectable.selected {
    box-shadow: -8px 0 #d9b51c
}
.card-label-orange {
    background-color: #ffab4a
}
.card-label-orange.card-label-selectable.selected {
    box-shadow: -8px 0 #d29034
}
.card-label-red {
    background-color: #eb5a46
}
.card-label-red.card-label-selectable.selected {
    box-shadow: -8px 0 #b04632
}
.card-label-purple {
    background-color: #c377e0
}
.card-label-purple.card-label-selectable.selected {
    box-shadow: -8px 0 #89609e
}
.card-label-blue {
    background-color: #0079bf
}
.card-label-blue.card-label-selectable.selected {
    box-shadow: -8px 0 #055a8c
}
.card-label-pink {
    background-color: #ff80ce
}
.card-label-pink.card-label-selectable.selected {
    box-shadow: -8px 0 #cd5a91
}
.card-label-sky {
    background-color: #00c2e0
}
.card-label-sky.card-label-selectable.selected {
    box-shadow: -8px 0 #0098b7
}
.card-label-lime {
    background-color: #51e898
}
.card-label-lime.card-label-selectable.selected {
    box-shadow: -8px 0 #4dc26b
}
.card-label-black {
    background-color: #4d4d4d
}
.card-label-black.card-label-selectable.selected {
    box-shadow: -8px 0 #272727
}
.color-blind-mode-enabled .card-label-lime,
.color-blind-mode-enabled .card-label-purple {
    background-image: -webkit-linear-gradient(top left, rgba(255, 255, 255, .5) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, .5) 75%, transparent 75%, transparent);
    background-image: linear-gradient(to bottom right, rgba(255, 255, 255, .5) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, .5) 75%, transparent 75%, transparent);
    background-size: 1pc 1pc
}
.color-blind-mode-enabled .card-label-black,
.color-blind-mode-enabled .card-label-mocha,
.color-blind-mode-enabled .card-label-orange {
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, .5) 50%, transparent 50%, transparent);
    background-image: linear-gradient(to right, rgba(255, 255, 255, .5) 50%, transparent 50%, transparent);
    background-size: 8px 8px
}
.color-blind-mode-enabled .card-label-green,
.color-blind-mode-enabled .card-label-pink {
    background-image: -webkit-linear-gradient(top right, rgba(255, 255, 255, .5) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, .5) 75%, transparent 75%, transparent);
    background-image: linear-gradient(to bottom left, rgba(255, 255, 255, .5) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, .5) 75%, transparent 75%, transparent);
    background-size: 1pc 1pc
}
.color-blind-mode-enabled .card-label-red,
.color-blind-mode-enabled .card-label-yellow {
    background-image: -webkit-linear-gradient(315deg, rgba(255, 255, 255, .5) 25%, transparent 25%), -webkit-linear-gradient(225deg, rgba(255, 255, 255, .5) 25%, transparent 25%), -webkit-linear-gradient(135deg, rgba(255, 255, 255, .5) 25%, transparent 25%), -webkit-linear-gradient(45deg, rgba(255, 255, 255, .5) 25%, transparent 25%);
    background-image: linear-gradient(135deg, rgba(255, 255, 255, .5) 25%, transparent 25%), linear-gradient(225deg, rgba(255, 255, 255, .5) 25%, transparent 25%), linear-gradient(315deg, rgba(255, 255, 255, .5) 25%, transparent 25%), linear-gradient(45deg, rgba(255, 255, 255, .5) 25%, transparent 25%);
    background-size: 9pt 9pt
}
.card-label--selectable:hover {
    cursor: pointer;
    opacity: .75
}
.edit-label .card-label {
    float: left;
    height: 30px;
    margin: 0 10px 10px 0;
    width: 34px
}
.edit-labels input[type=text] {
    margin: 4px 0 6px 38px;
    width: 243px
}
.edit-labels .card-label {
    height: 30px;
    left: 0;
    padding: 1px 5px;
    position: absolute;
    top: 0;
    width: 24px
}
.edit-labels .labels-static .card-label {
    line-height: 30px;
    margin-bottom: 4px;
    position: relative;
    top: auto;
    left: 0;
    width: 260px
}
.list-card-labels {
    margin: 2px 0;
    overflow: auto;
    position: relative
}
.list-card-labels .card-label {
    float: left;
    height: 8px;
    margin: 0 3px 3px 0;
    padding: 0;
    width: 42px;
    line-height: 75pt
}
.list-card-labels:empty {
    display: none;
    margin: 0
}
.card-detail-item-labels .card-label {
    border-radius: 3px;
    display: block;
    float: left;
    height: 20px;
    line-height: 20px;
    margin: 0 4px 4px 0;
    min-width: 30px;
    padding: 5px 10px;
    width: auto
}
.edit-labels-pop-over .shortcut,
.phenom .card-label {
    display: inline-block
}
.editable-labels .card-label:hover {
    cursor: pointer;
    opacity: .75
}
.edit-labels-pop-over {
    margin-bottom: 8px
}
.edit-labels-pop-over li {
    padding-right: 38px;
    position: relative
}
.card-label-selectable {
    border-radius: 3px;
    cursor: pointer;
    margin: 0 0 4px;
    min-height: 18px;
    padding: 8px;
    position: relative;
    -webkit-transition: padding 85ms, margin 85ms, box-shadow 85ms;
    transition: padding 85ms, margin 85ms, box-shadow 85ms
}
.card-label-selectable .card-label-selectable-icon {
    position: absolute;
    top: 8px;
    right: -20px
}
.card-label-selectable.active {
    padding-right: 2pc
}
.card-label-selectable.active .card-label-selectable-icon {
    right: 6px
}
.card-label-selectable.selected {
    box-shadow: -8px 0 #959da1;
    margin-left: 4px
}
.active .card-label-selectable .card-label-selectable-icon {
    right: 8px
}
.card-label-edit-button {
    border-radius: 3px;
    padding: 8px;
    position: absolute;
    top: 0;
    right: 0
}
.card-label-edit-button:hover {
    background: #d6dadc
}
.card-label-color-select-icon {
    left: 14px;
    position: absolute;
    top: 9px
}
.phenom .card-label {
    font-size: 9pt;
    height: 14px;
    line-height: 13px;
    overflow: hidden;
    padding: 0 4px;
    min-width: 1pc;
    text-overflow: ellipsis;
    white-space: nowrap
}
.datepicker-select-date,
.datepicker-select-time {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 50%
}
.datepicker-select-date {
    padding-right: 9pt
}
.datepicker-select-label {
    margin-bottom: 4px
}
.datepicker-select-input {
    padding: 4px 6px;
    width: 100%
}
.datepicker-confirm-btns .remove-date {
    float: right;
    margin-right: 0
}
.pika-single {
    display: block;
    position: relative;
    background: #fff
}
.pika-single button {
    border-radius: 0;
    border: none;
    background: 0 0;
    font-weight: 400;
    box-shadow: none;
    margin: 0
}
.pika-single .pika-label,
.pika-single .pika-next,
.pika-single .pika-prev {
    border-radius: 3px;
    text-decoration: underline;
    height: 18px;
    line-height: 18px
}
.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;
    cursor: pointer;
    padding: 6px 4px;
    color: #8c8c8c;
    margin: 6px 0
}
.pika-single .pika-label:hover {
    color: #4d4d4d;
    background-color: #d6dadc
}
.pika-single .pika-label:active {
    color: #4d4d4d;
    background-color: #c4c9cc
}
.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: 0;
    white-space: nowrap;
    cursor: pointer;
    padding: 6px 10px;
    color: #8c8c8c;
    margin: 6px 0
}
.pika-single .pika-next:hover,
.pika-single .pika-prev:hover {
    color: #4d4d4d;
    background-color: #d6dadc
}
.pika-single .pika-next:active,
.pika-single .pika-prev:active {
    color: #4d4d4d;
    background-color: #c4c9cc
}
.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
}
.editing-members,
.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: #edeff0
}
.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: 0;
    border: 0;
    margin: 0;
    width: 100%;
    padding: 5px;
    line-height: 15px;
    background: #fff
}
.pika-single .is-today .pika-button {
    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: #999;
    opacity: .3
}
.pika-single .pika-button:hover {
    background-color: #d6dadc
}
.pika-single .pika-table abbr {
    border-bottom: none
}
.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%
}
.sticker,
.sticker-control-btn,
.sticker-controls {
    position: absolute;
    top: 0;
    left: 0
}
.card.sticker-mode-active {
    overflow: visible;
    z-index: 30
}
.card.sticker-mode-active p {
    background: rgba(255, 255, 255, 0);
    z-index: 0
}
.sticker {
    display: block;
    height: 4pc;
    width: 4pc;
    z-index: 0;
    -webkit-transition: -webkit-transform 85ms ease-in, opacity 85ms ease-in;
    transition: transform 85ms ease-in, opacity 85ms ease-in;
    user-select: none
}
.member,
.pop-over-ad.business-class-ad {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}
.sticker-image {
    height: 4pc;
    width: 4pc;
    color: transparent
}
.sticker-image:-moz-loading {
    visibility: hidden
}
.sticker-image.hover {
    border-radius: 9pt;
    background-color: rgba(0, 0, 0, .12)
}
.sticker.fade-out {
    opacity: 0
}
.sticker-controls {
    height: 4pc;
    opacity: 0;
    width: 0;
    -webkit-transition: opacity 85ms ease-in;
    transition: opacity 85ms ease-in
}
.sticker-control-btn {
    background: rgba(0, 0, 0, .5);
    border-radius: 3px;
    color: #fff;
    height: 18px;
    padding: 6px 10px;
    white-space: nowrap;
    -webkit-transition: left 130ms ease-in, top 130ms ease-in;
    transition: left 130ms ease-in, top 130ms ease-in
}
.sticker-control-btn:hover {
    background: rgba(0, 0, 0, .8)
}
.sticker.editing {
    z-index: 1
}
.sticker.editing .sticker-image {
    border-radius: 9pt;
    background-color: rgba(0, 0, 0, .12)
}
.sticker.editing .sticker-controls {
    opacity: 1;
    width: 75pt
}
.sticker-unselectable .sticker-image,
.sticker.editing-disabled {
    opacity: .5
}
.sticker.editing .sticker-controls .sticker-control-btn.rotate-btn {
    left: 0;
    top: -2pc;
    -webkit-transition-duration: 80ms;
    transition-duration: 80ms;
    cursor: move
}
.sticker.editing .sticker-controls .sticker-control-btn.move-btn {
    left: -50px;
    top: -8px;
    -webkit-transition-duration: 115ms;
    transition-duration: 115ms;
    cursor: move
}
.sticker.editing .sticker-controls .sticker-control-btn.remove-btn {
    left: -4pc;
    top: 26px;
    -webkit-transition-duration: 150ms;
    transition-duration: 150ms
}
.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-list {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 9pt
}
.sticker-select-option-delete-button,
.sticker-select-peel,
.sticker-select-shadow {
    display: none
}
.sticker-list-loading .sticker-select {
    background-color: #e2e4e6;
    border-radius: 40px
}
.sticker-select {
    cursor: pointer;
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 4pc;
    -ms-flex: 0 0 4pc;
    flex: 0 0 4pc;
    height: 4pc;
    margin: 6px;
    position: relative;
    text-align: center
}
.sticker-select.disabled {
    opacity: .4
}
.sticker-select-image {
    height: 4pc;
    width: 4pc
}
.sticker-select-pending {
    max-width: 4pc;
    max-height: 4pc;
    width: auto;
    height: auto
}
.sticker-select.ui-draggable-dragging {
    height: 4pc;
    width: 4pc;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing
}
.sticker-select.ui-draggable-dragging .sticker-select-image {
    height: 4pc;
    width: 4pc
}
.sticker-select-option {
    background: rgba(0, 0, 0, .6);
    border-radius: 3px;
    color: #e6e6e6;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 9pt;
    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: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: #d6dadc;
    border-radius: 2pc;
    height: 4pc;
    position: relative;
    opacity: .7;
    overflow: hidden;
    z-index: 0;
    width: 4pc
}
.sticker-select-upload:hover {
    opacity: 1
}
.sticker-select-upload:hover .sticker-select-upload-icon {
    color: #4d4d4d
}
.sticker-select-upload-icon {
    height: 100%;
    line-height: 4pc;
    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);
    -webkit-transition: -webkit-transform .2s ease;
    transition: 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(0);
    transform: scaleX(1) skewY(0);
    -webkit-transition: -webkit-transform .25s ease;
    transition: 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
}
.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
}
.list-card-position {
    margin: 6px 8px;
    min-height: 18px;
    padding: 0;
    position: relative
}
.list-card-position a {
    color: #8c8c8c;
    display: block;
    margin-right: 30px;
    text-decoration: none
}
.list-card-position a:hover {
    color: #4d4d4d;
    text-decoration: underline
}
.list-card-position .clear-selection-icon {
    position: absolute;
    top: 0;
    right: 0
}
@-webkit-keyframes pulsate {
    0% {
        opacity: 1
    }
    100% {
        opacity: .4
    }
}
@keyframes pulsate {
    0% {
        opacity: 1
    }
    100% {
        opacity: .4
    }
}
.editing-members .edit-in-progress {
    display: inline-block;
    border: 1px solid #c4c9cc;
    background: #ddd;
    margin: 0 4px;
    border-radius: 2px
}
.member-gold-badge,
.member-type.admin {
    background-size: 100%
}
.editing-members .edit-in-progress .inline-member {
    cursor: default
}
.inline-member,
.member {
    cursor: pointer
}
.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
}
.card-attach-link-list-item {
    padding: 4px 0;
    position: relative;
    height: 34px
}
.card-attach-link-list-item:hover:not(.attached) {
    background-color: #edeff0
}
.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: 1pc;
    font-size: 9pt
}
.card-attach-link-list-item-attach,
.card-attach-link-list-item-attached {
    position: absolute;
    top: 4px;
    bottom: 4px;
    right: 4px;
    width: 5pc;
    margin: 0;
    padding: 0
}
.card-attach-link-list-item-attached {
    line-height: 26px;
    text-align: right
}
.inline-member-av {
    display: inline-block;
    height: 14px;
    margin: 0 0 -2px;
    position: relative;
    width: 14px
}
.member {
    background-color: #d6dadc;
    border-radius: 3px;
    color: #4d4d4d;
    display: block;
    float: left;
    height: 30px;
    margin: 0 4px 4px 0;
    overflow: hidden;
    position: relative;
    width: 30px;
    text-decoration: none;
    user-select: none;
    z-index: 0
}
.member-gold-badge,
.member-type {
    position: absolute;
    right: 1px;
    z-index: 3
}
.member:hover {
    background-color: #cdd2d4
}
.member:hover .member-avatar {
    opacity: .75
}
.member.inline {
    float: none;
    display: inline-block
}
.member-initials {
    display: block;
    font-size: 9pt;
    font-weight: 700;
    height: 30px;
    left: 0;
    line-height: 30px;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%
}
.member-avatar {
    height: 30px;
    width: 30px
}
.member-type {
    bottom: 0;
    height: 9px;
    width: 9px
}
.member-gold-badge {
    display: none;
    height: 7px;
    top: 1px;
    width: 11px
}
.member.has-crown .member-gold-badge {
    display: block
}
.member-no-menu:hover {
    cursor: default
}
.member-no-menu:hover .member-avatar {
    opacity: 1
}
.member.member-deactivated {
    background: #e2e4e6
}
.member.member-deactivated .member-initials {
    color: #8c8c8c
}
.member.member-deactivated .member-avatar {
    opacity: .2
}
.member.member-deactivated:hover {
    background-color: #d6dadc
}
.member.member-deactivated:hover .member-avatar {
    opacity: .4
}
.member.member-virtual {
    background: #e2e4e6
}
.member.member-virtual:hover {
    background-color: #d6dadc
}
.member.member-virtual .status {
    display: none
}
.member-profile-gold-badge {
    background: #ddd8b0;
    color: #7e731b;
    border-radius: 3px;
    display: inline-block;
    font-size: 9pt;
    padding: 1px 6px 1px 2px;
    position: relative
}
.member-profile-gold-badge-icon {
    color: #7e731b
}
.member-large {
    background-color: #d6dadc;
    border-radius: 3px;
    display: block;
    height: 50px;
    overflow: hidden;
    position: relative;
    width: 50px;
    z-index: 1
}
.member-large .av-btn,
.member-large .member-initials {
    left: 0;
    line-height: 50px;
    position: absolute;
    top: 0;
    height: 50px;
    font-weight: 700;
    text-align: center
}
.member-large .member-initials {
    display: block;
    font-size: 1pc;
    overflow: hidden;
    right: 0
}
.member-large .av-btn {
    border-radius: 3px;
    color: #fff;
    font-size: 9pt;
    opacity: 0;
    width: 50px;
    z-index: 2
}
.member-large .member-avatar {
    border-radius: 3px;
    height: 50px;
    width: 50px
}
.member-large:hover .av-btn.change {
    opacity: 1;
    background: rgba(0, 0, 0, .5)
}
.explorer .av-btn {
    background: url(about:blank)
}
.avatar-option {
    border-radius: 3px;
    display: block;
    height: 42px;
    padding: 4px 0;
    margin: 8px 0;
    position: relative;
    text-decoration: none
}
.avatar-option:hover {
    background: #e2e4e6
}
.avatar-option .pic {
    border-radius: 3px;
    height: 40px;
    left: 5px;
    position: absolute;
    top: 5px;
    width: 40px
}
.avatar-option .pic .member-initials {
    font-size: 1pc;
    line-height: 40px;
    height: 40px;
    width: 40px
}
.avatar-option .text {
    line-height: 42px;
    font-size: 1pc;
    font-weight: 700;
    margin-left: 56px;
    text-decoration: underline
}
.avatar-option .text .icon-sm {
    display: none;
    position: absolute;
    top: 1pc;
    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
}
.member-account-session {
    margin: 18px 0
}
.member-login {
    background-color: #edeff0;
    border: 1px solid #d6dadc;
    border-radius: 3px;
    -moz-box-sizing: border-box;
    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%
    }
}
.manage-member-section {
    margin-top: 9pt
}
.manage-member-section h4 {
    border-bottom: 1px solid #d6dadc;
    padding-bottom: 4px
}
.search-with-spinner {
    height: 30px;
    position: relative
}
.search-with-spinner input {
    padding-right: 30px
}
.search-with-spinner .spinner {
    position: absolute;
    top: 6px;
    right: 6px
}
.gold-earned-modal {
    position: relative;
    background: #EFECD7;
    border-radius: 3px;
    margin: 0 auto 1pc;
    padding: 1pc 4pc;
    max-width: 450px
}
.gold-earned-modal .gold-earned-modal-image {
    position: absolute;
    width: 40px;
    left: 1pc;
    top: 9pt
}
.gold-earned-modal p {
    font-size: 18px;
    line-height: 1.3em;
    margin-bottom: 1pc
}
.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: 9pt;
    right: 9pt
}
.member-boards-view .gold-earned-modal {
    border: 1px solid #d6dadc;
    border-radius: 3px;
    margin: 0 auto 1pc;
    padding: 1pc 4pc;
    max-width: 600px
}
.member-boards-view .gold-earned-modal p {
    margin-bottom: 1pc
}
.member-notifications-view {
    padding: 1pc 1pc 9pt;
    margin: 0 auto;
    max-width: 530px
}
#checklist th {
    text-align: center;font-size: 12px;

}
     #checklist    td{
        font-size: 12px;padding:5px;
        }
#checklist tfoot
{
background-color:#EFEFEF;;
}
.member-boards-view {
    margin: 0 auto;
    padding: 1pc;
    max-width: 1250px
}
#content
{
padding:20px;
}
#content .member-boards-view,
#content .member-notifications-view {
    margin-top: 1pc
}
@media only screen and (max-width:750px) {
    .member-boards-view {
        padding: 8px
    }
}
.product-intro-modal {
    background: #fff;
    background: -webkit-linear-gradient(bottom, #f7f7f7 0, #fff 70px);
    background: linear-gradient(to top, #f7f7f7 0, #fff 70px);
    border: 1px solid #cfcfcf;
    border-bottom-color: #b3b3b3;
    border-radius: 6px;
    font-size: 1pc;
    line-height: 1.2;
    margin: 0 auto 1pc;
    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 9pt 6px
}
.product-intro-modal .product-intro-close {
    position: absolute;
    top: 9pt;
    right: 9pt
}
.product-intro-modal .product-intro-section {
    margin-bottom: 1pc;
    position: relative
}
.product-intro-modal .product-intro-section .product-intro-number {
    background: -webkit-linear-gradient(top, #edeff0 0, #e2e4e6 100%);
    background: linear-gradient(to bottom, #edeff0 0, #e2e4e6 100%);
    border-radius: 30px;
    border: 1px solid #d6dadc;
    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 #a7b6be
}
.product-intro-modal.bc-intro .product-intro-logo {
    height: 98px
}
.product-intro-modal.bc-intro .product-intro-number {
    background: -webkit-linear-gradient(top, #dee8ed 0, #d1dee6 100%);
    background: linear-gradient(to bottom, #dee8ed 0, #d1dee6 100%);
    border-color: #a7b6be
}
.product-intro-modal.gold-intro {
    border-color: 1px solid #bebba7
}
.product-intro-modal.gold-intro .product-intro-logo {
    height: 130px
}
.product-intro-modal.gold-intro .product-intro-number {
    background: -webkit-linear-gradient(top, #eee9c4 0, #e9e3b4 100%);
    background: linear-gradient(to bottom, #eee9c4 0, #e9e3b4 100%);
    border-color: #d1c461
}
.ga-link-helper-section p {
    margin: 10px 0 10px 38px;
    position: relative
}
.ga-link-helper-section .ga-link-helper-num {
    background: -webkit-linear-gradient(top, #dee8ed 0, #d1dee6 100%);
    background: linear-gradient(to bottom, #dee8ed 0, #d1dee6 100%);
    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 {
    clear: both;
    border-bottom: 1px solid #d6dadc;
    min-height: 39px;
    padding: 9pt 0 9pt 38px;
    position: relative
}
.member-list-item-detail .name-line {
    margin-bottom: 2px
}
.member-list-item-detail .full-name {
    font-weight: 700;
    font-size: 1pc;
    margin-right: 3px
}
.member-list-item-detail.deactivated .full-name {
    color: #8c8c8c
}
.member-list-item-detail .details {
    float: left
}
.member-list-item-detail .member {
    position: absolute;
    top: 14px;
    left: 0
}
.member-list-item-detail .options {
    float: right
}
.member-list-item-detail .options .option {
    margin: 4px 0 2px 8px;
    float: left
}
.member-list-item-detail .options .option.quiet-button {
    padding: 7px 9px
}
.member-list-item-detail .options .option.button-link {
    padding-right: 9pt
}
.member-list-item-detail .options .option.button-link.role-button {
    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-options {
    float: right;
    max-width: 300px;
    position: relative
}
.org-members-options .button-link {
    clear: both;
    float: right;
    padding-right: 10px;
    margin: 0 0 8px;
    max-width: 300px
}
.org-members-options .quiet-button {
    clear: both;
    float: right;
    padding: 7px 9px;
    margin: 0 0 8px
}
.bc-active-status {
    background: #d6dadc;
    border-radius: 3px;
    font-size: 1pc;
    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 .icon-lg,
.bc-active-status.warning.active .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(to bottom, #fff 0, #edeff0 100%);
    border: 1px solid #cecece;
    border-bottom-color: #aaa;
    border-radius: 3px;
    display: block;
    float: left;
    text-align: center;
    text-decoration: none;
    margin: 0 8px 8px 0;
    padding: 1pc 8px;
    position: relative;
    width: 170px
}
.org-export-list-item,
.phenom {
    border-bottom: 1px solid #d6dadc
}
.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: -webkit-linear-gradient(top, #fff 0, #edeff0 100%);
    background: linear-gradient(to bottom, #fff 0, #edeff0 100%);
    border-color: #0079bf;
    box-shadow: 0 0 2px #0079bf;
    cursor: default
}
.billing-option-buttons a:hover {
    background: -webkit-linear-gradient(top, #f8f9f9 0, #e2e4e6 100%);
    background: linear-gradient(to bottom, #f8f9f9 0, #e2e4e6 100%);
    border-color: #b9b9b9 #b9b9b9 #939393;
    box-shadow: 0 0 2px #b9b9b9
}
.org-export-header {
    text-align: center;
    margin: 1pc 0 24px
}
.org-export-header-button {
    margin: 0 0 9pt
}
.org-export-header-options {
    margin: 0 0 1pc
}
.org-export-header-text {
    max-width: 550px;
    margin: 0 auto
}
.org-export-list-item {
    padding: 1pc 0 0
}
.org-export-list-item-title {
    float: left;
    padding: 7px 0;
    margin: 0 1pc 1pc 0
}
.org-export-list-item-button {
    float: right;
    margin: 0 0 1pc
}
.org-export-list-item-generating .org-export-list-item-title {
    color: #8c8c8c
}
.attachment-extra-info-header .quiet a,
.attachment-extra-info-login a {
    color: rgba(0, 0, 0, .4)
}
.billing-upgrade-banner {
    font-size: 18px;
    line-height: 24px;
    margin: 0 auto 2pc;
    padding-bottom: 2pc;
    max-width: 550px
}
.billing-upgrade-banner-header {
    font-size: 22px;
    margin-bottom: 9pt
}
.billing-upgrade-banner-button {
    padding: 14px 28px;
    margin: 1pc 0
}
.billing-upgrade-banner-price-section {
    background: #F0EDCC;
    border-radius: 3px;
    margin: 1pc 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: 1pc 0;
    font-size: 1pc
}
.phenom {
    min-height: 30px;
    padding: 9pt 0 9pt 38px;
    position: relative
}
.phenom .creator {
    height: 30px;
    left: 0;
    position: absolute;
    top: 14px;
    width: 30px
}
.phenom:last-child {
    border-bottom: 0;
    padding-bottom: 0
}
.phenom.unread,
.phenom.unsent {
    padding: 10px 10px 10px 44px;
    margin: 0 -10px;
    border-left: 4px solid #8c8c8c
}
.phenom.unread .creator,
.phenom.unsent .creator {
    left: 4px
}
.phenom.unread {
    background: #e4f0f6;
    border-left-color: #0079bf
}
.phenom.unsent {
    background: #fbedeb;
    border-left-color: #eb5a46
}
.phenom.due-soon .phenom-meta {
    display: none
}
.phenom.due-soon .creator {
    top: 8px
}
.phenom-desc {
    margin: 0 5px 3px 0;
    word-wrap: break-word
}
.phenom-desc ul {
    margin: 6px 0
}
.phenom-desc ul>li {
    list-style: disc;
    margin: 0 0 6px 24px
}
.inline-object {
    font-weight: 700;
    text-decoration: none
}
.inline-object:hover {
    text-decoration: underline
}
.action-comment {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .23);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    margin: 4px 2px 5px 0;
    overflow: hidden;
    text-overflow: ellipsis
}
.attachment-image-preview,
.embed {
    -moz-box-sizing: border-box;
    max-width: 100%
}
.phenom .comment-box,
.phenom .edit-controls,
.phenom.is-editing .current-comment {
    display: none
}
.action-comment .current-comment {
    padding: 9px 11px
}
.action-comment p {
    text-overflow: ellipsis;
    word-wrap: break-word
}
.action-comment p:last-child {
    margin-bottom: 0
}
.action-comment-fade-button {
    display: none;
    background: -webkit-linear-gradient(top, transparent, #fff);
    background: linear-gradient(to bottom, transparent, #fff);
    height: 30px;
    left: 0;
    position: absolute;
    right: 0;
    top: 9pc;
    -webkit-transition: opacity 150ms ease-in;
    transition: opacity 150ms ease-in
}
.action-comment-fade-button:hover {
    opacity: .6
}
.phenom.is-editing .comment-box {
    display: block
}
.phenom.is-editing .phenom-meta {
    display: none
}
.phenom.is-editing .edit-controls {
    display: block
}
.known-service-link {
    background: #d6dadc;
    border-radius: 3px;
    padding: 2px 4px
}
.known-service-link:hover {
    background: #cdd2d4
}
.known-service-icon {
    height: 14px;
    margin-right: 3px;
    vertical-align: middle;
    width: 14px
}
.embed iframe,
.embed img {
    height: auto
}
.attachment-image-preview {
    border: 1px solid #d6dadc;
    box-sizing: border-box;
    border-radius: 3px;
    clear: both;
    display: block;
    max-height: 500px;
    margin: 8px 0 4px
}
.atMention,
.embed {
    border-radius: 3px
}
.atMention,
.embed>a,
.phenom-meta {
    display: inline-block
}
.attachment-image-preview:hover {
    border-color: #b6bbbf
}
.embed {
    background-color: #d6dadc;
    box-sizing: border-box;
    padding: 4px;
    width: auto
}
.embed iframe,
.embed object {
    min-height: 270px;
    width: 100%
}
.embed img {
    width: 100%
}
.phenom-other .creator,
.phenom-other .creator .member-avatar {
    height: 18px;
    width: 18px
}
.phenom-meta {
    font-size: 9pt;
    line-height: 18px;
    margin: 0
}
.window-module .phenom .action-comment {
    cursor: auto
}
.pop-over .phenom .phenom-desc.invite {
    padding-right: 0
}
.pop-over .phenom .phenom-desc.invite .phenom-opts {
    margin: 3px 0;
    position: relative;
    right: auto;
    top: auto
}
.checklist-item-state-complete .atMention,
del .atMention {
    text-decoration: line-through
}
.gold-pitch,
.plugin-section-title a,
.pop-over-ad,
.select-org-to-upgrade-list-item-link,
.tooltip-trigger {
    text-decoration: none
}
.atMention {
    background: #d6dadc;
    padding: 1px 4px;
    margin: -1px 0
}
.atMention.me {
    background: #bcd9ea
}
.attachment-extra-info-login {
    padding: 8px 0 0;
    color: rgba(0, 0, 0, .4)
}
.attachment-extra-info {
    background: #fff;
    border-radius: 3px;
    border: 1px solid #d6dadc;
    margin-top: 8px;
    padding: 14px 14px 6px;
    position: relative
}
.attachment-extra-info-header {
    background-image: url(https://d78fikflryjgj.cloudfront.net/images/services/6c1d65d72873b01d740adfbb9de22234/kiln.png);
    background-position: 8px center;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-color: #e0f1df;
    border-bottom: 1px solid #b7deb5;
    border-radius: 3px 3px 0 0;
    padding: 10px 9pt 10px 34px;
    margin: -14px
}
.attachment-extra-info-header .quiet a:hover {
    color: rgba(0, 0, 0, .6)
}
.attachment-extra-info-details {
    font: 13px/1pc monospace;
    color: #222;
    margin-top: 14px;
    padding-top: 14px
}
.phenom-other {
    min-height: 18px
}
.phenom-other .creator {
    left: 9pt;
    top: 9pt
}
.phenom-other .creator .member-initials {
    font-size: 11px;
    line-height: 18px
}
.phenom-other .phenom-desc {
    display: inline
}
.hide-extra-actions .phenom-other,
.phenom-list.is-only-comments .phenom:not(.phenom-comment) {
    display: none
}
.action-comment.mod-truncate {
    max-height: 174px;
    position: relative
}
.action-comment.mod-truncate .action-comment-fade-button {
    display: block
}
.action-comment.mod-truncate.is-expanded {
    max-height: none
}
.action-comment.mod-truncate.is-expanded .action-comment-fade-button {
    display: none
}
input[type=text].boards-page-navigation-input {
    width: 100%
}
.boards-page-navigation-explainer {
    padding: 6px 8px 0
}
.boards-page-navigation-list {
    margin-bottom: 9pt
}
.boards-page-navigation-list-header {
    color: #8c8c8c;
    padding: 6px 6px 4px 8px
}
.boards-page-navigation-list-item-link {
    border-radius: 3px;
    color: #4d4d4d;
    display: block;
    font-weight: 700;
    padding: 5px 8px;
    position: relative;
    text-decoration: none;
    word-wrap: break-word
}
.boards-page-navigation-list-item-link:hover {
    background-color: #edeff0;
    color: #4d4d4d
}
.boards-page-navigation-list-item-link.is-active,
.boards-page-navigation-list-item-link.is-active:hover,
.boards-page-navigation-list-item-link:active {
    background-color: #d6dadc;
    color: #4d4d4d
}
.boards-page-navigation-list-item-link.mod-closeable {
    padding-right: 20px
}
.boards-page-navigation-list-item-link-icon {
    position: absolute;
    right: 5px;
    top: 5px
}
.boards-page-layout {
    margin: 0 auto;
    max-width: 1400px
}
.boards-page-layout-sidebar {
    margin: 0 auto;
    max-width: 25pc;
    padding-bottom: 2pc
}
@media only screen and (min-width:901px) and (max-width:1280px),
only screen and (min-width:1281px) {
    .boards-page-layout {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .boards-page-layout-sidebar {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 200px;
        -ms-flex: 0 0 200px;
        flex: 0 0 200px;
        padding-right: 2pc
    }
    .boards-page-layout-list {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1;
        -ms-flex: 1 1;
        flex: 1 1
    }
}
.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: 2pc;
    padding: 6px 6px 6px 30px;
    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: #e2e4e6
}
.select-tags-list-item-name-link:active {
    background-color: #d6dadc
}
.select-tags-list-item-edit-button:hover {
    background-color: #e2e4e6
}
.select-tags-list-item-edit-button:active {
    background-color: #d6dadc
}
.credit-card-form label,
.credit-card-form legend {
    font-weight: 400
}
.credit-card-form-section {
    margin-top: 9pt
}
.credit-card-form-number {
    float: left;
    margin-right: 1pc;
    width: 190px
}
.credit-card-form-number input {
    width: 100%
}
.credit-card-form-cvv {
    float: left;
    width: 45px
}
.credit-card-form-cvv input {
    width: 100%
}
.credit-card-form-select-month {
    width: 145px;
    margin-right: 9pt;
    display: inline
}
.credit-card-form-select-year {
    width: 94px;
    display: inline
}
.shortcut-list {
    padding: 0 52px
}
.shortcut-list-item {
    border-bottom: 1px solid #d6dadc;
    margin-bottom: 8px;
    padding: 8px 0;
    position: relative
}
.shortcut-list-item-header {
    clear: both;
    margin: 2px 200px 10px 0
}
.shortcut-list-item-keys {
    position: absolute;
    top: 4px;
    right: 0
}
@media only screen and (max-width:750px) {
    .shortcut-list {
        padding: 0 8px
    }
}
.keyboard-key {
    background: #fff;
    border-radius: 5px;
    border: 1px solid #d6dadc;
    border-bottom-color: #cdd2d4;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .1);
    color: #4d4d4d;
    cursor: default;
    display: block;
    float: left;
    font-weight: 700;
    font-size: 1pc;
    margin: 0 5px 10px 0;
    padding: 6px 10px
}
.editable .current,
.pop-over-ad,
.tooltip-trigger {
    cursor: pointer
}
.keyboard-key.mod-inline {
    float: none;
    display: inline-block;
    margin: 0 5px
}
.account-page {
    background-color: #e6e6e6
}
.account-page #surface {
    max-width: 540px;
    margin: 0 auto;
    position: relative;
    padding: 10px 10px 50px
}
.account-page.mobile-app .account-header {
    display: none
}
.account-page .account-header {
    height: 55px;
    margin-bottom: 10px;
    text-align: center
}
.account-page .account-header img {
    width: 10pc
}
.account-page .account-content {
    background-color: #edeff0;
    border: 1px solid #bfbfbf;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    border-radius: 3px;
    padding: 20px
}
.account-page a.button,
.account-page input[type=submit] {
    padding-top: 9px;
    padding-bottom: 9px
}
.account-page .primary-col {
    display: block;
    float: left;
    margin-right: 40px;
    width: 250px
}
.account-page .primary-col input[type=submit] {
    margin-bottom: 20px
}
.account-page .secondary-col {
    display: block;
    float: left;
    width: 200px
}
.account-page .secondary-col input {
    width: 100%;
    margin: 0 0 5px
}
.account-form {
    margin-left: 40px
}
.account-form .field {
    padding-bottom: 15px
}
.account-form .error {
    display: none;
    margin: 0
}
.account-form .confirmation {
    color: #3DA440;
    margin: 0;
    display: none
}
.account-form input[type=text] {
    margin-bottom: 5px
}
.account-form .helper {
    display: inline-block;
    width: auto
}
.request-token h1 {
    text-align: center;
    font-weight: 400
}
.cropZoomIn,
.cropZoomOut,
.edit-heavy .field,
.gold-pitch .title,
.pop-over-ad .title,
.request-token h1 .identifier,
.select-org-to-upgrade-list-item-link:not(.disabled) .select-org-to-upgrade-list-item-link-name {
    font-weight: 700
}
.request-token ul {
    margin: 4px 0 4px 25px
}
.request-token ul li {
    list-style: disc;
    margin: 0 0 8px
}
.request-token a.button,
.request-token input[type=submit] {
    width: 140px
}
.request-token input[type=submit].deny {
    width: 75px;
    padding-left: 5px;
    padding-right: 5px
}
.request-token .buttons {
    text-align: center;
    margin: 8px 0 1pc
}
.request-token .warning {
    background: #fee;
    border: 1px solid #d6dadc;
    border-radius: 3px;
    padding: 8px;
    margin: 4px
}
.app-key input {
    width: 100%;
    padding: 8px 0;
    text-align: center;
    font-family: monospace;
    font-size: 9pt
}
.app-key a.api-example {
    display: block;
    font-size: 13px;
    margin: 8px;
    word-wrap: break-word
}
.app-key div.api-examples {
    padding-left: 1pc;
    margin-top: 4px;
    margin-bottom: 1pc
}
.app-key h4 {
    font-size: 14px
}
.app-key p.info {
    background-color: #e6e6e6;
    border: 1px solid #d6dadc;
    padding: 9pt
}
.member-applications .application {
    border-bottom: 1px solid #d6dadc;
    padding: 8px 0;
    margin-bottom: 8px;
    position: relative
}
.member-applications .application .details {
    margin-right: 75pt
}
.member-applications .application input[type=button] {
    position: absolute;
    top: 4px;
    right: 0
}
.pop-over-ad {
    padding: 8px 8px 8px 66px;
    display: block;
    position: relative
}
.pop-over-ad .ad-close {
    position: absolute;
    top: 2px;
    right: 2px
}
.pop-over-ad .pop-over-ad-icon {
    position: absolute;
    top: 10px;
    left: 1pc;
    background-size: 2pc 28px;
    width: 2pc;
    height: 28px;
    -webkit-transition: all .15s ease-out;
    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;
    line-height: 1pc
}
.pop-over-ad .features,
.pop-over-ad .learn-more {
    display: block;
    font-size: 9pt;
    margin: 2px 0
}
.pop-over-ad.business-class-ad {
    background: -webkit-linear-gradient(top, #e2e6e9 0, #d7dce0 100%);
    background: linear-gradient(to bottom, #e2e6e9 0, #d7dce0 100%);
    border-radius: 3px;
    border: 1px solid #d6dadc;
    border-bottom-color: #cdd2d4;
    color: #596a73;
    user-select: none
}
.pop-over-ad.business-class-ad:hover {
    background: -webkit-linear-gradient(top, #dde1e4 0, #d1d8db 100%);
    background: linear-gradient(to bottom, #dde1e4 0, #d1d8db 100%);
    border-color: #d6dadc #d6dadc #cdd2d4
}
.pop-over-ad.business-class-ad .pop-over-ad-icon {
    top: 9pt;
    left: 1pc
}
.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: #8c8c8c;
    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
}
.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
}
.tooltip,
.tooltip-container {
    margin: 8px 0;
    padding-bottom: 8px;
    font-size: 13px
}
.tooltip-container {
    display: block;
    position: absolute;
    z-index: 30;
    max-width: 200px
}
.tooltip {
    display: inline;
    position: relative
}
.tooltip.mod-margin {
    display: inline-block;
    margin: 4px 0
}
.tooltip-close-button {
    position: absolute;
    right: 4px;
    top: 4px;
    color: #fff;
    cursor: pointer
}
.tooltip-trigger,
.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: rgba(255, 255, 255, .5)
}
.selected:not(.disabled) .tooltip-trigger:hover,
.selected:not(.disabled) .tooltip-trigger:hover .icon-sm {
    color: #fff
}
.tooltip-content {
    position: relative;
    background: #262626;
    color: #fff;
    font-size: 13px;
    padding: 10px 1pc 10px 9pt;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: auto;
    border-radius: 3px;
    opacity: 0;
    -webkit-transition: opacity .2s ease-in 0s;
    transition: opacity .2s ease-in 0s
}
.tooltip-content.active {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .2s ease-in 0s;
    transition: opacity .2s ease-in 0s
}
.tooltip-content p {
    margin: 0
}
.tooltip-content:after {
    content: "";
    position: absolute;
    top: -6px;
    left: 10px;
    border-style: solid;
    border-width: 0 6px 6px;
    border-color: #262626 transparent;
    display: block;
    width: 0;
    z-index: 1
}
#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
}
.edit {
    display: none;
    position: relative
}
.editable.editing {
    cursor: auto
}
.edits-error,
.edits-warning {
    display: none;
    clear: both
}
.editing .edit {
    display: block;
    float: left;
    padding-bottom: 9px;
    z-index: 100;
    width: 100%
}
.editing .edits-warning,
.editing .hide-on-edit {
    display: none!important
}
.editing .edit .field,
.editing .edit .field:active {
    background: rgba(0, 0, 0, .03);
    border-color: rgba(0, 0, 0, .15);
    box-shadow: inset 0 1px 6px rgba(0, 0, 0, .1);
    margin-bottom: 4px
}
.edit-heavy .field {
    font-size: 15px;
    line-height: 18px
}
.window-header .edit {
    float: left;
    margin-right: 40px
}
.window-module-title .edit textarea {
    font-size: 1pc;
    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-edit textarea.field {
    min-height: 81pt
}
.add-controls,
.edit-controls {
    clear: both;
    margin-top: 8px
}
.add-controls input[type=submit],
.edit-controls input[type=submit] {
    float: left;
    height: 2pc;
    margin-top: -2px;
    padding-top: 5px;
    padding-bottom: 5px
}
.add-controls .option,
.edit-controls .option {
    border-color: transparent;
    border-radius: 3px;
    color: #8c8c8c;
    display: block;
    float: right;
    height: 30px;
    line-height: 30px;
    padding: 0 8px;
    margin: 0 2px
}
.add-controls .option:hover,
.edit-controls .option:hover {
    background-color: #d6dadc;
    color: #4d4d4d
}
.helper,
.helper a {
    color: #8c8c8c
}
.add-controls .option:active,
.edit-controls .option:active {
    background-color: #cdd2d4
}
.add-controls {
    display: none
}
.big-message,
.focus .add-controls {
    display: block
}
.single-line {
    height: 30px
}
.big-message {
    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
}
.big-message.with-picture .callout {
    margin: 20px 0
}
.helper {
    background-color: #e2e4e6;
    border-radius: 3px;
    font-size: 13px;
    line-height: 15px;
    margin: 4px 0 0;
    padding: 6px 8px;
    width: auto
}
.business-class-new-intro-header-text,
.callout ol {
    font-size: 1pc
}
.helper a:hover {
    color: #4d4d4d
}
.empty,
.empty-list {
    background: #e2e4e6;
    border: 1px dashed #c4c9cc;
    border-radius: 3px;
    color: #8c8c8c;
    display: block;
    padding: 6px;
    text-align: center
}
.empty-list {
    border-radius: 6px;
    padding: 25px 6px
}
.search-results-page-contents .empty-list {
    margin: 9pt 0 0 52px
}
.window-module .empty-list {
    margin: 8px 0 0 38px
}
.loading {
    margin: 19px auto;
    text-align: center
}
.callout {
    background: #e2e4e6;
    border-radius: 5px;
    padding: 20px
}
.callout ol {
    text-align: left;
    list-style-type: decimal;
    margin-left: 25px
}
.callout li {
    margin: 10px 0
}
.setting-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: 38px
}
.business-class-mark,
.gold-pitch,
.gold-pitch .mark,
.gold-pitch .pitchlet,
.gold-pitch .title,
.select-org-to-upgrade-list-item-link-name {
    display: block
}
.setting-item-detail {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 4px 8px 0 0
}
.setting-item-action {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75pt;
    -ms-flex: 0 0 75pt;
    flex: 0 0 75pt
}
@media only screen and (max-width:750px) {
    .setting-item {
        display: block
    }
}
.emoji {
    height: 18px;
    width: 18px;
    vertical-align: text-bottom
}
.select-org-to-upgrade {
    margin: 0 auto;
    max-width: 500px;
    padding: 3pc 1pc
}
.select-org-to-upgrade-list-item {
    border-bottom: 1px solid #d6dadc;
    padding: 4px 0
}
.select-org-to-upgrade-list-item-link {
    border-radius: 3px;
    display: block;
    padding: 8px 8px 8px 50px;
    position: relative
}
.select-org-to-upgrade-list-item-link:not(.disabled):hover {
    background: #d6dadc;
    cursor: pointer
}
.select-org-to-upgrade-list-item-link-image {
    position: absolute;
    top: 10px;
    left: 10px;
    height: 30px;
    width: 30px
}
.gold-pitch {
    background: -webkit-linear-gradient(top, #f0eddb 0, #eae6cd 100%);
    background: linear-gradient(to bottom, #f0eddb 0, #eae6cd 100%);
    border-radius: 3px;
    border: 1px solid #d6dadc;
    border-bottom-color: #cdd2d4;
    color: #595326;
    cursor: pointer;
    padding: 6px 6px 6px 66px;
    position: relative;
    -webkit-transition: background .2s, color .2s;
    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: 3pc 34px;
    width: 3pc;
    height: 34px;
    left: 0;
    margin: 8px;
    position: absolute;
    top: 6px;
    -webkit-transition: all .15s ease-out;
    transition: all .15s ease-out
}
.gold-pitch:hover {
    background: -webkit-linear-gradient(top, #edead4 0, #e7e3c6 100%);
    background: linear-gradient(to bottom, #edead4 0, #e7e3c6 100%);
    border-color: #d6dadc #d6dadc #cdd2d4
}
.gold-pitch:hover .mark {
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
}
.business-class-mark {
    background-repeat: no-repeat;
    background-size: 24px 21px;
    height: 21px;
    width: 24px
}
.badge-icon.plugin-icon,
.plugin-icon.icon-sm {
    background-size: 14px;
    background-position: 2px 2px;
    background-repeat: no-repeat
}
.business-class-new-intro {
    margin-bottom: 1pc;
    text-align: center
}
.business-class-new-intro-header {
    margin-bottom: 20px
}
.business-class-new-intro-list {
    text-align: left;
    margin-bottom: 1pc
}
.business-class-new-intro-list-item {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    padding-right: 1pc;
    vertical-align: top;
    width: 33%
}
.business-class-new-intro-more-link {
    display: inline-block
}
#iframe-io-host {
    display: none;
    position: fixed;
    bottom: 0;
    left: -10px;
    height: 0;
    width: 0
}
.plugin-overlay,
.plugin-overlay iframe {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0
}
#iframe-io-host iframe {
    display: inline-block;
    width: 75pt;
    height: 75pt
}
.plugin-iframe {
    border: 0;
    -moz-box-sizing: border-box;
    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 {
    vertical-align: bottom
}
.body-light-board-background .plugin-icon.board-header-btn-icon {
    -webkit-filter: brightness(0);
    filter: brightness(0)
}
.button-link:hover .plugin-icon {
    -webkit-filter: brightness(0) invert(100%);
    filter: brightness(0) invert(100%)
}
.badge-icon.plugin-icon {
    margin-right: 2px
}
.plugin-section-icon {
    background-size: 22px;
    background-position: 4px 4px;
    background-repeat: no-repeat
}
.plugin-section-title a:hover {
    text-decoration: underline
}
.plugin-badge-icon {
    background-size: 9pt;
    background-position: 3px 3px;
    background-repeat: no-repeat;
    margin-right: 1px
}
.plugin-color-green,
.plugin-color-green.is-clickable:hover,
.plugin-color-red,
.plugin-color-red.is-clickable:hover,
.plugin-color-yellow,
.plugin-color-yellow.is-clickable:hover {
    color: #fff
}
.plugin-color-green.badge,
.plugin-color-red.badge,
.plugin-color-yellow.badge {
    border-radius: 3px
}
.plugin-color-red {
    background-color: #cf513d
}
.plugin-color-red.is-clickable:hover {
    background-color: #b04632
}
.plugin-color-green {
    background-color: #61bd4f
}
.plugin-color-green.is-clickable:hover {
    background-color: #5aac44
}
.plugin-color-yellow {
    background-color: #e6c60d
}
.plugin-color-yellow.is-clickable:hover {
    background-color: #d9b51c
}
.pop-over .empty.plugin-pop-over-search-empty {
    padding: 1pc 4px;
    margin-bottom: 8px
}
.plugin-thumbnail-initialize {
    height: 24px;
    max-height: 24px
}
.plugin-overlay {
    z-index: 30
}
.plugin-overlay iframe {
    width: 100%;
    height: 100%
}
.cropFrame {
    overflow: hidden;
    position: relative
}
.cropControls,
.cropImage {
    position: absolute;
    left: 0
}
.cropImage {
    top: 0;
    cursor: move
}
.cropControls {
    background: #000;
    width: 100%;
    height: 26px;
    z-index: 100;
    bottom: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity .25s linear;
    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;
    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 {
    #board,
    #surface {
        height: auto!important
    }
    .list,
    .list-cards {
        max-height: none!important
    }
    .board-header-btn-text,
    .card-label {
        color: #4d4d4d
    }
    * {
        text-shadow: none!important
    }
    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
    }
    .board-wrapper {
        overflow: visible
    }
    #board {
        position: static;
        margin-left: 8px!important;
        overflow: visible!important;
        display: block!important
    }
    .board-header-btns.mod-right,
    .board-menu {
        display: none
    }
    .list-wrapper {
        display: block!important
    }
    .list {
        display: block;
        float: none;
        margin-bottom: 1pc
    }
    .list-cards {
        -webkit-box-flex: 0;
        -webkit-flex: 0;
        -ms-flex: 0;
        flex: 0;
        overflow: visible
    }
    .list-header .icon-sm {
        visibility: hidden
    }
    .list-header .list-title {
        margin-left: 9pt
    }
    .open-card-composer {
        display: none
    }
    .list-card {
        border: 1px solid #d6dadc;
        border-bottom-color: #c4c9cc;
        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-detail-item-add-button,
    .hide-on-edit {
        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 #d6dadc;
        box-shadow: none
    }
    .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: initial;
        height: auto!important
    }
    body.window-up .window-overlay {
        background: #fff;
        display: block!important;
        height: auto;
        overflow: visible;
        position: relative
    }
    body.window-up .dialog-close-button,
    body.window-up .window input,
    body.window-up .window textarea,
    body.window-up .window-sidebar {
        display: none
    }
    body.window-up .window {
        position: relative!important;
        left: auto!important;
        top: auto!important;
        width: 700px!important
    }
    body.window-up .window-wrapper {
        background: #fff
    }
}
.hide {
    display: none
}
.list-header-menu-icon {
    right: 12px;
    padding: 7px;
}
.board-canvas
{
padding: 15px;
}
.new{
    float: left;
}
.new a{
color:black;
}
.board-header-btn-icon {
    left: 3px;
}
.badge {
    background-color: transparent !important;
}
.header-logo-default {
    background-image: none;
}.nav-tabs,.tab-content
{
max-width: 500px;
    margin: 0 auto;

}
.header-logo-default {
    width: 8pc !important;
}
span.header-logo-default {
    font-size: 20px;    border-radius: 5px;
}
.nav-tabs>li>a {
    color: white;
}
.form-forgot {
        padding: 0px 50px 60px 45px;
}