/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *
 */
/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}
.cf:after {
  clear: both;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
html {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}
q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}
a img {
  border: none;
}
.left {
  float: left;
}
.right {
  float: right;
}
.italic {
  font-style: italic;
}
.hidden {
  display: none;
}
.twitter-typeahead {
  position: relative !important;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.tt-query {
  position: relative !important;
  /* for unknown reasons, this fixes alignment issues in ie7 */
  *margin-top: -1px !important;
  vertical-align: top !important;
  background-color: transparent !important;
  /* ie6-8 doesn't fire hover and click events for transparent elements
     for a workaround, use a 1x1 transparent gif */
  background-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) !important;
}
.tt-hint {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
.tt-dropdown-menu,
.tt-suggestions,
.tt-suggestion {
  padding: 3px 0;
  margin: 0;
  list-style: none;
}
.tt-dropdown-menu p,
.tt-suggestions p,
.tt-suggestion p {
  padding: 0 10px;
  line-height: 20px;
}
.tt-is-under-cursor {
  background: #0097cf;
  color: #fff;
  border-radius: 5px;
}
.tt-dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  border: 1px solid #adb5db;
  background: #d7dbe3;
  width: 210px;
  max-height: 150px;
  border-radius: 5px;
}
.tt-dropdown-menu.tt-is-open {
  display: block;
}
.tt-dropdown-menu.tt-is-empty {
  display: none;
}
.tt-suggestion {
  display: block;
  white-space: nowrap;
  cursor: pointer;
}
.tt-suggestion * {
  white-space: normal;
}
.tt-suggestion.tt-cursor {
  background: #4F5154;
  color: white;
}
/* rtl support */
/* ----------- */
.twitter-typeahead.tt-rtl {
  direction: rtl;
}
.twitter-typeahead.tt-rtl .tt-dropdown-menu {
  left: auto;
  right: 0;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: normal;
  src: local("Open Sans"), local("OpenSans"), url(/assets/OpenSans-a0688011e3949784bdd4b1ebc5429f9354621557d63d1ae17ec38b4c1fe4bed9.woff) format("woff");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(/assets/OpenSans-Semibold-a9ee19f6e4622d4b72eb015f34e02e0f6e9bbb34e1f4469f1cd15057948f0fe3.woff) format("woff");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: bold;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(/assets/OpenSans-Bold-f9d515f3e0f5c854d834cf3c6cc5c4fcef16f70bf4063dc6a58ef4bc1af39abf.woff) format("woff");
}
@font-face {
  font-family: "Benton Sans Extra Light";
  font-style: normal;
  font-weight: 100;
  src: local("Benton Sans Extra Light"), local("BentonSans-ExtraLight"), url(/assets/BentonSans-ExtraLight-40daf7e040fa3fc943dc9749bbbb2ee4b777edf9d7bbdd9ba76e05f3379a844d.woff) format("woff");
}
@font-face {
  font-family: "Benton Sans";
  font-style: normal;
  font-weight: normal;
  src: local("Benton Sans Book"), local("BentonSans-Book"), url(/assets/BentonSans-Book-d563f83e88ef2e6649e7d3b5d465db0c5d7bb4c6bb51ba052e54a037908d2816.woff) format("woff");
}
@font-face {
  font-family: "Benton Sans Medium";
  font-style: normal;
  font-weight: 500;
  src: local("Benton Sans Medium"), local("BentonSans-Medium"), url(/assets/BentonSans-Medium-ae879b32674c0e48c646278f7656714dd65f5e11ba6edc44da66d183d863191b.woff) format("woff");
}
@font-face {
  font-family: "Benton Sans Bold";
  font-style: normal;
  font-weight: bold;
  src: local("Benton Sans Bold"), local("BentonSans-Bold"), url(/assets/BentonSans-Bold-79c6cba6c37d5ebe70ebc39792117a1508735fc5279f9075b6576d67f7d8b709.woff) format("woff");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url(/assets/Roboto-Medium-6dd38ee27a77b8ce1172b15c8fa10ea0e588a54505741f5d397ebf466c199fa6.ttf);
}
#content .iterations input, html, .overlayContent, .fancy-input, #content .assignment-bar, .overlayContent .suggest span, .overlayContent h2, .free-non-auth h1, .free-auth .title, .price-cards .basic .popular, .price-cards .mini strong, .price-cards .premium strong, .price-cards .basic strong, #error_explanation {
  font-family: "Open Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
}
.fancy-input, #content .iterations input, #content .assignment-bar, .overlayContent .suggest span, .overlayContent h2, .free-non-auth h1, .free-auth .title, .price-cards .basic .popular, .price-cards .mini strong, .price-cards .premium strong, .price-cards .basic strong, #error_explanation {
  font-weight: bold !important;
}
body {
  font-family: "Open Sans", Helvetica, sans-serif;
  font-weight: bold;
  font-size: 14px;
}
h2 {
  font-size: 16px;
  line-height: 20px;
}
h3 {
  font-size: 12px;
  color: #697783;
}
.clear {
  clear: both;
}
.pulse-me {
  width: 100%;
  height: 100%;
  position: absolute;
  -webkit-animation-name: alertPulse;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
}
.dark a {
  color: #fff;
  text-decoration: none;
}
.dark a:hover {
  text-decoration: underline;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: normal;
  src: local("Open Sans"), local("OpenSans"), url(/assets/OpenSans-a0688011e3949784bdd4b1ebc5429f9354621557d63d1ae17ec38b4c1fe4bed9.woff) format("woff");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(/assets/OpenSans-Semibold-a9ee19f6e4622d4b72eb015f34e02e0f6e9bbb34e1f4469f1cd15057948f0fe3.woff) format("woff");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: bold;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(/assets/OpenSans-Bold-f9d515f3e0f5c854d834cf3c6cc5c4fcef16f70bf4063dc6a58ef4bc1af39abf.woff) format("woff");
}
@font-face {
  font-family: "Benton Sans Extra Light";
  font-style: normal;
  font-weight: 100;
  src: local("Benton Sans Extra Light"), local("BentonSans-ExtraLight"), url(/assets/BentonSans-ExtraLight-40daf7e040fa3fc943dc9749bbbb2ee4b777edf9d7bbdd9ba76e05f3379a844d.woff) format("woff");
}
@font-face {
  font-family: "Benton Sans";
  font-style: normal;
  font-weight: normal;
  src: local("Benton Sans Book"), local("BentonSans-Book"), url(/assets/BentonSans-Book-d563f83e88ef2e6649e7d3b5d465db0c5d7bb4c6bb51ba052e54a037908d2816.woff) format("woff");
}
@font-face {
  font-family: "Benton Sans Medium";
  font-style: normal;
  font-weight: 500;
  src: local("Benton Sans Medium"), local("BentonSans-Medium"), url(/assets/BentonSans-Medium-ae879b32674c0e48c646278f7656714dd65f5e11ba6edc44da66d183d863191b.woff) format("woff");
}
@font-face {
  font-family: "Benton Sans Bold";
  font-style: normal;
  font-weight: bold;
  src: local("Benton Sans Bold"), local("BentonSans-Bold"), url(/assets/BentonSans-Bold-79c6cba6c37d5ebe70ebc39792117a1508735fc5279f9075b6576d67f7d8b709.woff) format("woff");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url(/assets/Roboto-Medium-6dd38ee27a77b8ce1172b15c8fa10ea0e588a54505741f5d397ebf466c199fa6.ttf);
}
#content .iterations input, html, .overlayContent, .fancy-input, #content .assignment-bar, .overlayContent .suggest span, .overlayContent h2, .free-non-auth h1, .free-auth .title, .price-cards .basic .popular, .price-cards .mini strong, .price-cards .premium strong, .price-cards .basic strong, #error_explanation {
  font-family: "Open Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
}
.fancy-input, #content .iterations input, #content .assignment-bar, .overlayContent .suggest span, .overlayContent h2, .free-non-auth h1, .free-auth .title, .price-cards .basic .popular, .price-cards .mini strong, .price-cards .premium strong, .price-cards .basic strong, #error_explanation {
  font-weight: bold !important;
}
#header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  height: 50px;
  line-height: 50px;
  background-color: #262930;
}
@media print {
  #header {
    position: static;
  }
}
#header .logo {
  height: 21px;
  margin-left: 20px;
  vertical-align: middle;
  width: 21px;
  margin-top: -5px;
}
@media print {
  #header .logo {
    background-color: #000;
    padding: 10px;
    margin-left: 0;
  }
}
#header .nav-container {
  display: flex;
  justify-content: flex-end;
}
#header .nav {
  float: right;
}
@media print {
  #header .nav {
    float: left;
  }
}
#header .blog-notification {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  line-height: 30px;
  margin: 9px 0 0 5px;
  background-color: #d7dce3;
  padding: 0 35px 0 11px;
  border-radius: 3px;
  font-size: 12px;
  cursor: pointer;
}
#header .blog-notification a {
  color: #5a626a;
  text-decoration: none;
}
#header .blog-notification .close {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  right: 0;
  background: url(/assets/notification-close-icon-5cd38288752b0247d7dcb66551fbf7c8ac87b5953699c60aed41c7f50cce364e.png) center center/8px 8px no-repeat;
  opacity: 0.5;
  transition: opacity 200ms;
}
#header .blog-notification .close:hover {
  opacity: 1;
}
#header .board-settings {
  color: #5B91FF;
}
#header .dropdown-container * {
  box-sizing: border-box;
}
#header .dropdown-container .header-text-section {
  width: 160px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
  color: #8f9aaa;
  cursor: pointer;
  padding: 0 24px 0 10px;
  margin: 8px;
  line-height: 34px;
}
#header .dropdown-container .header-text-section.boards-dropdown-title {
  font-weight: 700;
  font-size: 13px;
  color: #FFFFFF;
}
#header .dropdown-container .header-text-section .dropdown-arrow {
  position: absolute;
  right: 8px;
  top: 15px;
  width: 8px;
  height: 7px;
  background-image: url(/assets/header-project-dropdown-arrow-95973aac5225b5ef5e5dad61464cf3071286b25144beab7fa4b9d15e15faa7b6.png);
  background-size: contain;
  background-repeat: no-repeat;
}
#header .dropdown-container .header-text-section:hover {
  background-color: #1f2227;
}
#header .dropdown-container .dropdown {
  position: absolute;
  display: none;
  line-height: 30px;
  padding: 3px;
  margin-top: 10px;
  margin-left: -5px;
  width: 180px;
  border-radius: 4px;
  background-color: #1a1c22;
  z-index: 60;
}
#header .dropdown-container .dropdown .menu-separator {
  height: 1px;
  overflow: hidden;
  border-top: 2px solid #292c33;
}
#header .dropdown-container .dropdown a {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  position: relative;
  padding: 3px 10px;
  font-size: 13px;
  font-weight: 600;
  color: #7D899B;
  text-decoration: none;
}
#header .dropdown-container .dropdown a.current-board {
  color: #fff;
  padding-right: 25px;
}
#header .dropdown-container .dropdown a.new-board {
  color: #ACB4C0;
  font-size: 11px;
}
#header .dropdown-container .dropdown a .disabled-cta {
  line-height: 15px;
  font-size: 10px;
  font-style: italic;
  color: #aeaf79;
}
#header .dropdown-container .dropdown a .disabled-cta img {
  position: relative;
  top: 2px;
  margin-right: 4px;
}
#header .dropdown-container .dropdown a .checkmark {
  width: 8px;
  height: 8px;
  position: absolute;
  right: 8px;
  top: 12px;
}
#header .dropdown-container .dropdown a:hover {
  background: #292d36;
}
#header .dropdown-container .dropdown:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: -6px;
  left: 10px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #1d1f25;
}
#header .dropdown-container .dropdown .resource-summary-form {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#header .dropdown-container .dropdown .form-group {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}
#header .dropdown-container .dropdown .btn-summary {
  margin: 10px 5%;
  width: 90%;
}
#header .dropdown-container .dropdown .summary-label {
  margin: 0;
  color: #8f9aaa;
}
#header .dropdown-container .dropdown .form-summary {
  border-radius: 3px;
  margin: 0 5px;
}
#header .dropdown-container.opened .dropdown {
  display: block;
}
#header .dropdown-container.opened .dropdown-arrow {
  transform: scaleY(-1);
  margin-top: -4px;
}
.flash {
  display: none;
  background-color: #fdedbe;
  color: #e8af07;
  font-weight: bold;
  font-size: 14px;
  height: 49px;
  line-height: 42px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 150;
}
.flash.error {
  background-color: #f8acac;
  color: #f14d4d;
}
.flash .close {
  float: right;
  margin-right: 15px;
  cursor: pointer;
}
#error_explanation {
  background-color: #f14d4d;
  color: #fff;
  font-size: 12px;
  padding: 5px 10px;
  margin-bottom: 15px;
  box-sizing: border-box;
  border-radius: 3px;
}
#error_explanation h2 {
  display: none;
}
#error_explanation li {
  line-height: 20px;
}
#new_user .email .attribute-name {
  display: none;
}
.btn {
  gap: 8px;
  border: 1px solid rgba(20, 17, 29, 0.8);
  border-radius: 4px;
  background-image: none;
  padding: 8px 16px;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 11px;
  line-height: 130%;
  text-decoration: none;
  color: rgba(20, 17, 29, 0.8);
}
.btn:hover {
  color: #4777D9;
  border: #4777D9;
  border: 1px solid #4777D9;
  cursor: pointer;
}
.btn:disabled {
  color: #6C7981;
  border: #6C7981;
  border: 1px solid #6C7981;
}
.btn.btn-lg {
  padding: 4px 10px;
  font-size: 14px;
  height: 34px;
  line-height: 24px;
}
.btn.btn-primary {
  color: #FFF;
  border-color: #1362bb;
  background-image: linear-gradient(to top, #3188ea 0%, #4895ec 100%);
}
.btn.btn-primary:hover {
  box-shadow: 0 1px 2px rgba(72, 149, 236, 0.5);
}
.btn.btn-primary:active {
  box-shadow: none;
}
.btn.btn-dark {
  background-color: #40444F;
  color: #FFFFFF;
  border: 1px solid #40444F;
}
.btn.btn-dark:hover {
  background-color: #4777D9;
}
.btn.btn-dark:active {
  background-color: #4777D9;
}
.btn.btn-dark:disabled {
  color: #bbb;
}
.btn.btn-dark:focus {
  outline: none;
}
.btn.btn-text {
  display: inline-block;
  background: none;
  border: 0px;
  color: #5B91FF;
}
.btn.btn-text:hover {
  text-decoration: none;
}
.btn.btn-text:active {
  text-decoration: none;
}
.btn.btn-text:disabled {
  color: #bbb;
}
.btn.btn-text:focus {
  outline: none;
}
.btn.btn-icon {
  background-repeat: no-repeat;
  background-position: 93% 50%;
  background-size: 16px;
  padding: 8px 36px 8px 16px;
}
.btn.btn-full {
  width: 100%;
}
.btn.btn-submit {
  padding: 5px 12px;
}
.btn.btn-this-period {
  padding: 8px 8px;
}
.btn.btn-login, .btn.btn-account {
  margin-bottom: 6px;
}
.input-flat {
  color: #697783;
  width: 100%;
  height: 36px;
  padding: 0 10px 2px 36px;
  margin-bottom: 14px;
  border: none;
  background-color: #2e323a;
  background-repeat: no-repeat;
  border-radius: 2px;
  box-sizing: border-box;
}
.input-flat::-moz-placeholder {
  color: #838ea1;
}
.input-flat::placeholder {
  color: #838ea1;
}
.input-flat:focus {
  background-color: #363a44;
  outline: none;
}
.input-flat.company-name {
  background-image: url(/assets/login-company@2x-255c9bdac29cf9e65ba7881dd0b7380b9818d6bc13ca114e1c5f70c2fcec5607.png);
  background-position: 6px 11px;
  background-size: 25px 12px;
}
.input-flat.password {
  background-image: url(/assets/login-password@2x-bc60c56720101f64873e8e03c0fdb5a654d8eb2c88f4f5b68e320f7a4c194764.png);
  background-size: 16px 4px;
  background-position: 11px 17px;
}
.input-flat.email {
  background-image: url(/assets/login-email@2x-b0079cbdb7b42c478a057a4c5386f5123b4b2f885f1ca3395ed3803f6b4d1a88.png);
  background-size: 14px 11px;
  background-position: 12px 11px;
}
.dn {
  display: none;
}
.time-nav {
  float: left;
  padding-top: 8px;
  padding-left: 12px;
}
.time-nav .btn-this-period {
  background-color: #31353e;
  border-color: #31353e;
}
.time-nav .btn-this-period:hover {
  background-color: #2c3038;
  border-color: #2c3038;
  text-decoration: none;
}
#period-toggle {
  display: inline-block;
}
#period-toggle .btn {
  background-color: #31353e;
  border-color: #262930;
}
#period-toggle .btn.week {
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
#period-toggle .btn.month {
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -5px;
  margin-right: 8px;
}
#period-toggle .btn.active {
  color: #FFF;
  background-color: #262930;
  border-color: #262930;
  text-decoration: none;
}
#period-toggle .btn:hover {
  background-color: #2c3038;
  border-color: #2c3038;
  text-decoration: none;
}
.period {
  color: #4f5d6d;
  margin: 6px 7px;
  display: inline-block;
  padding: 5px 14px;
}
.prev-period, .next-period {
  top: 8px;
  cursor: pointer;
  display: inline-block;
  position: relative;
  background-size: 6px;
  background-repeat: no-repeat;
  background-position: center;
  width: 26px;
  height: 22px;
}
.prev-period {
  background-image: url(/assets/prev_week-arrow-5d7a82305b293cdede170b3a8f97f2e814a49afddee44d42c0cf0cd6a7836214.png);
}
.next-period {
  background-image: url(/assets/next_week-arrow-9b89a938d358acea33d2124433514a2550f86df5ffdae19bbcd9ba9197f8489e.png);
}
.grid-line {
  z-index: 1;
  background-color: #D8DEE7;
  width: 2px;
  position: absolute;
  height: 100%;
  top: 0;
}
#filters {
  border-top: 1px solid #bfc7d3;
  bottom: 0px;
  float: left;
  padding: 5px 0;
  position: fixed;
  text-align: center;
  width: 280px;
  background-color: #ebeff5;
  z-index: 100;
}
@media print {
  #filters {
    width: 150px;
  }
}
.search {
  padding: 12px 0;
  position: relative;
}
.search-term {
  border: none;
  border-radius: 0;
  background-color: #dce1eb;
  background-repeat: no-repeat;
  background-position: 10px, 0%;
  color: #40444f;
  font-size: 12px;
  line-height: 26px;
  padding: 5px 0 5px 30px;
  margin-right: 30px;
  background-image: url(/assets/search-icon-5fe34a60eaddb5c279f2139a05cd7c3f2d3879f9ed4bb565bc111f65337d06ea.png);
  width: 170px;
  height: 26px;
}
.search-term::-moz-placeholder {
  color: #626879;
}
.search-term::placeholder {
  color: #626879;
}
.search-term:hover {
  background-color: #dfe4ed;
}
.search-term:hover + .clear-filter-wrapper {
  background-color: #dfe4ed;
}
.search-term:focus {
  border: none;
  outline: none;
  color: #575c6b;
  background-color: #dfe4ed;
}
.search-term:focus + .clear-filter-wrapper {
  background-color: #dfe4ed;
}
.search-term:focus + .clear-filter-wrapper .clear-filter {
  border-color: #dfe4ed;
  background-color: #dfe4ed;
}
.clear-filter-wrapper {
  width: 30px;
  height: 36px;
  position: absolute;
  top: 12px;
  right: 25px;
  background-color: #dce1eb;
  background-repeat: no-repeat;
  background-position: 10px, 0%;
}
.clear-filter-wrapper .clear-filter {
  border: 4px solid #dfe4ed;
  background-color: #dce1eb;
  background-repeat: no-repeat;
  background-position: center center;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  transform: rotate(0deg);
  position: absolute;
  top: 7px;
  right: 4px;
  top: 8px;
  transition: transform 500ms ease-out;
  background-image: url(/assets/clear-input-06c9d91151fc02a4b23c847d546e5ef260c44156fb6ce5a8b81429d8082f2984.png);
}
.clear-filter-wrapper .clear-filter:hover {
  cursor: pointer;
  transform: rotate(180deg);
}
.clear-filter-wrapper .clear-filter.disabled:hover {
  background-color: transparent;
}
.color_0 {
  background-color: #4895ec;
}
.color_0:hover {
  background-color: #5fa2ee;
}
.color_0:active {
  background-color: #3188ea;
}
.color_1 {
  background-color: #89dc5b;
}
.color_1:hover {
  background-color: #98e070;
}
.color_1:active {
  background-color: #7ad846;
}
.color_2 {
  background-color: #7963e7;
}
.color_2:hover {
  background-color: #8c79ea;
}
.color_2:active {
  background-color: #664de4;
}
.color_3 {
  background-color: #f06e87;
}
.color_3:hover {
  background-color: #f2859a;
}
.color_3:active {
  background-color: #ee5774;
}
.color_4 {
  background-color: #5db8d2;
}
.color_4:hover {
  background-color: #71c1d8;
}
.color_4:active {
  background-color: #49afcc;
}
.color_5 {
  background-color: #464b54;
}
.color_5:hover {
  background-color: #525762;
}
.color_5:active {
  background-color: #3a3f46;
}
.color_6 {
  background-color: #f89236;
}
.color_6:hover {
  background-color: #f99f4f;
}
.color_6:active {
  background-color: #f7851d;
}
.color_7 {
  background-color: #d535e3;
}
.color_7:hover {
  background-color: #da4be6;
}
.color_7:active {
  background-color: #d01fe0;
}
.color_8 {
  background-color: #a8e335;
}
.color_8:hover {
  background-color: #b2e64b;
}
.color_8:active {
  background-color: #9ee01f;
}
.color_9 {
  background-color: #f14d4d;
}
.color_9:hover {
  background-color: #f36565;
}
.color_9:active {
  background-color: #ef3535;
}
.color_10 {
  background-color: #778899;
}
.color_10:hover {
  background-color: #8695a4;
}
.color_10:active {
  background-color: #6a7b8d;
}
.color_11 {
  background-color: #0f9f5a;
}
.color_11:hover {
  background-color: #11b667;
}
.color_11:active {
  background-color: #0d884d;
}
.color_12 {
  background-color: #0D2B56;
  border-color: #BD3039;
  border-width: 1px;
  border-style: solid;
  color: #cd3a43 !important;
  line-height: 1.2em;
  padding-top: 2px !important;
  padding-bottom: 2px;
  text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.6);
}
.color_12:hover {
  background-color: #10366c;
}
.color_12:active {
  background-color: #0a2040;
}
.color_13 {
  background-color: #BD3039;
  border-color: #0D2B56;
  border-width: 1px;
  border-style: solid;
  color: #0D2B56 !important;
  line-height: 1.2em;
  padding-top: 2px !important;
  padding-bottom: 2px;
  text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.8);
}
.color_13:hover {
  background-color: #cd3a43;
}
.color_13:active {
  background-color: #a92b33;
}
.allocate-tooltip {
  border: none;
  padding: 3px 5px;
  font-size: 12px;
  background: #ffa;
  font-weight: normal;
  pointer-events: none;
}
.price-cards .mini, .price-cards .premium, .price-cards .basic {
  width: 273px;
  height: 322px;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 31px;
  color: #2b313a;
}
.price-cards .mini .header, .price-cards .premium .header, .price-cards .basic .header {
  color: white;
  text-align: center;
  font-size: 16px;
  padding: 15px 0 23px;
  line-height: 30px;
  border-radius: 10px 10px 0 0;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.price-cards .mini .header .people, .price-cards .premium .header .people, .price-cards .basic .header .people {
  font-size: 28px;
  margin-top: -5px;
}
.price-cards .mini ul.info, .price-cards .premium ul.info, .price-cards .basic ul.info {
  border-left: 1px solid #ccd5e2;
  border-right: 1px solid #ccd5e2;
  font-size: 16px;
  padding: 26px 0 25px 28px;
  margin-bottom: 0;
  background-color: #f9f9f9;
}
.price-cards .mini ul.info li, .price-cards .premium ul.info li, .price-cards .basic ul.info li {
  padding-bottom: 5px;
  padding-left: 20px;
  background: url(/assets/price-mark-426a36421f53b581e38474c4c81d741801dc6a46c8c1eb74bf2651888468c3b7.png) no-repeat left 2px;
  background-size: 14px 11px;
}
.price-cards .mini .actions, .price-cards .premium .actions, .price-cards .basic .actions {
  border-left: 1px solid #ccd5e2;
  border-right: 1px solid #ccd5e2;
  border-bottom: 1px solid #ccd5e2;
  background-color: #f9f9f9;
  border-radius: 0 0 10px 10px;
}
.price-cards .mini .actions p.price, .price-cards .premium .actions p.price, .price-cards .basic .actions p.price {
  display: block;
  border-top: 1px solid #ccd5e2;
  text-align: center;
  font-size: 18px;
  padding-top: 11px;
  padding-bottom: 11px;
}
.price-cards .mini .actions a, .price-cards .premium .actions a, .price-cards .basic .actions a {
  font-size: 15px;
  color: white;
  border-color: #00a833;
  display: block;
  margin: 0 31px 14px 31px;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  background: linear-gradient(to bottom, #51d65e, #32be48);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
}
@media screen and (max-width: 480px) {
  .price-cards .mini .actions a, .price-cards .premium .actions a, .price-cards .basic .actions a {
    display: none;
  }
}
.price-cards .mini .actions a:hover, .price-cards .premium .actions a:hover, .price-cards .basic .actions a:hover {
  opacity: 0.9;
}
.price-cards .mini .actions .current-plan, .price-cards .premium .actions .current-plan, .price-cards .basic .actions .current-plan {
  border: 0;
  background: #ccc;
  opacity: 1;
}
.price-cards .basic {
  margin-top: 0;
  width: 293px;
  height: 382px;
}
.price-cards .basic .popular {
  width: 100%;
  position: absolute;
  top: 0;
  font-size: 14px;
  line-height: 31px;
  border-radius: 10px 10px 0 0;
}
.price-cards .basic ul.info {
  padding-left: 50px;
}
.price-cards .basic .actions p.price {
  font-size: 22px;
  padding-top: 15px;
  padding-bottom: 24px;
}
.price-cards .basic .actions a {
  margin-bottom: 23px;
}
.price-cards {
  height: 382px;
  position: relative;
  width: 881px;
  margin: 0 auto;
  line-height: 18px;
}
.price-cards .premium {
  left: 0;
}
.price-cards .premium .header {
  background: linear-gradient(to right, #e35755, #de3936);
}
.price-cards .basic {
  left: 293px;
}
.price-cards .basic .header {
  background: linear-gradient(to right, #978ad1, #8070c7);
  padding-top: 46px;
}
.price-cards .basic .popular {
  background: linear-gradient(to right, #8070c7, #6956bd);
}
.price-cards .mini {
  left: 608px;
}
.price-cards .mini .header {
  background: linear-gradient(to right, #58bcf6, #36aef4);
}
.price-cards .mini ul.info {
  padding-left: 40px;
}
.price-cards .contact {
  color: #3d4858;
  font-size: 15px;
  position: absolute;
  bottom: 14px;
  left: 24px;
}
@media screen and (max-width: 890px) {
  .price-cards {
    width: auto;
    height: auto;
  }
  .price-cards .premium, .price-cards .basic, .price-cards .mini {
    left: 0;
    position: relative;
    margin: 0 auto 30px auto;
  }
  .price-cards .contact {
    position: relative;
    top: 0;
    left: 0;
    text-align: center;
  }
}
.free-auth {
  text-align: center;
  font-size: 16px;
  margin-top: -5px;
}
.free-auth .title {
  margin-bottom: 23px;
}
.free-auth .additional {
  font-size: 13.5px;
  margin-top: 12px;
  color: #b9babc;
}
.free-auth a {
  display: block;
  padding: 26px 0 72px 0;
  font-size: 16px;
}
.free-auth a:after {
  content: "→";
}
.free-non-auth {
  text-align: center;
  padding-bottom: 40px;
}
.free-non-auth h1 {
  font-size: 44px;
  color: #3d4858;
  margin: 0 0 20px 0;
}
.free-non-auth .info {
  color: #2b313a;
  font-size: 17px;
}
.free-non-auth form {
  margin: 32px auto 9px auto;
  width: 878px;
}
.free-non-auth .form-row {
  overflow: hidden;
}
.free-non-auth input[type=text] {
  background: transparent;
  border: 2px solid #d3d6d9;
  width: 49%;
  padding: 17px;
  font-size: 17px;
  border-radius: 5px;
}
.free-non-auth input[type=text]:first-child {
  float: left;
}
.free-non-auth input[type=text]:last-child {
  float: right;
}
.free-non-auth input[type=text]:focus {
  outline: 0;
}
.free-non-auth input[type=submit] {
  display: block;
  width: 200px;
  margin: 25px auto 0 auto;
  padding: 10px 0;
  color: white;
  border: solid 1px #00a833;
  font-size: 15px;
  background: linear-gradient(to bottom, #52d75f, #33bf49);
  border-radius: 5px;
}
.free-non-auth input[type=submit]:hover {
  opacity: 0.9;
}
.free-non-auth .additional {
  font-size: 11px;
  color: #b9babc;
}
.overlayContent h2 {
  font-size: 20px;
  margin-top: 49px;
  margin-bottom: 22px;
  text-align: center;
  color: #d2d3d5;
}
.overlayContent .suggest {
  color: #63656b;
  font-size: 16px;
  text-align: center;
  margin-bottom: 47px;
}
.overlayContent .price-cards .contact {
  color: #d2d3d5;
}
.overlayContent .price-cards .contact a {
  color: #56bbf6;
}
.free-auth {
  margin-top: 37px;
}
.free-auth a {
  color: #56bbf6;
}
#modal .overlay {
  position: fixed;
  z-index: 125;
  background: rgba(0, 0, 0, 0.85);
  width: 100%;
  height: 100%;
}
#modal .overlay.dynamic {
  pointer-events: none;
  background: none;
}
#modal .overlay.dynamic .modal-window {
  margin-left: inherit;
  margin-right: inherit;
}
#modal .modal-window {
  pointer-events: auto;
  font-family: "Open Sans";
  color: #0A0619;
  position: absolute;
  background: #FFF;
  box-shadow: 0.25rem 0.25rem 1.5rem rgba(0, 0, 0, 0.3);
  padding: 1.5rem;
  top: 6rem;
  width: 25rem;
  word-break: break-word;
  border-radius: 0.375rem;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}
#modal .modal-window header.modal-header {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 1rem;
}
#modal .modal-window header.modal-header h3 {
  font-style: normal;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.25rem;
  color: #0A0619;
}
#modal .modal-window header.modal-header .close-button {
  width: 12px;
  height: 12px;
  cursor: pointer;
  background-size: 12px;
  background-image: url(/assets/close-33be670afa4b1cc30d20d4ca64f2662d7ab593bfcaca368a500636b0ae4aa404.png);
}
#modal .overlay-content .video-container {
  display: flex;
  justify-content: center;
  padding: 1rem;
}
.edit-form {
  padding-top: 0.5rem;
}
.edit-form .edit-form-row {
  margin-bottom: 1.5rem;
}
.edit-form label, .edit-form .label {
  display: block;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  font-size: 0.75rem;
  font-weight: bold;
  color: #626872;
}
.edit-form input, .edit-form textarea {
  font-family: "Open Sans";
  font-size: 1rem;
  color: #626872;
  background-color: #ebf0f7;
  padding: 0.75rem;
  border: 0;
  width: 100%;
  display: block;
  outline: 0;
  border: 0.03125rem solid #40444F;
  border-radius: 0.25rem;
  box-sizing: border-box;
}
.edit-form textarea {
  resize: vertical;
  min-height: 5rem;
}
.edit-form input[type=checkbox] {
  width: auto;
  display: inline;
}
.edit-form .actions {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}
.edit-form .btn {
  font-size: 14px;
}
.edit-form .buttons {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.edit-form .buttons .button {
  cursor: pointer;
  border-radius: 0.25rem;
  padding: 0.625rem 0.875rem;
  outline: 0;
  border: 0;
  font-weight: 700;
  transition: 0.125s ease-in-out;
}
.edit-form .buttons .button.dark {
  background-color: #40444F;
  color: #FFF;
}
.edit-form .buttons .button.dark:hover {
  background-color: #575c6b;
}
.edit-form .buttons .button.text {
  color: #4777D9;
}
.edit-form .buttons .button.text:hover {
  color: #20489a;
}
.edit-form .project-color .colors, .edit-form .project-color .account-edit, .edit-form .project-color .board-edit {
  margin-bottom: 1.25rem;
}
.edit-form .project-color .colors .color .checkmark, .edit-form .project-color .account-edit .color .checkmark, .edit-form .project-color .board-edit .color .checkmark {
  top: 4px;
  left: 4px;
}
.edit-form .project-billable label {
  font-size: 0.875rem;
  text-transform: none;
}
.edit-form a {
  text-decoration: none;
  font-size: 16px;
  color: #40444F;
}
#pricing-overlay {
  color: #FFF;
  position: relative;
  padding-top: 4rem;
}
#pricing-overlay #pricing-close-container {
  position: absolute;
  top: 2rem;
  right: 1rem;
}
#pricing-overlay #pricing-close-container #pricing-close {
  text-decoration: none;
}
#pricing-overlay #pricing-close-container #pricing-close:hover {
  text-decoration: none;
  color: #b9babc;
}
#pricing-overlay h2 {
  text-align: center;
  font-size: 1.25rem;
  max-width: 70vw;
  margin: 0 auto 1rem;
}
#pricing-overlay .suggest {
  text-align: center;
  color: #b9babc;
}
#pricing-overlay .price-cards {
  margin-top: 2rem;
}
#pricing-overlay .contact {
  color: #b9babc;
}
#pricing-overlay .contact a {
  color: #56bbf6;
}
@media print {
  @page {
    size: letter landscape;
  }
}
@media print {
  body {
    filter: Gray();
    filter: url("#grayscale");
    filter: grayscale(100%);
    margin-top: -120px;
  }
}
@media print {
  .print-black {
    background-color: transparent !important;
    background-image: none !important;
    color: black !important;
  }
}
@media print {
  .hide-on-print {
    display: none !important;
  }
}
.ui-link {
  cursor: pointer;
}
html {
  background: #f1f4f9;
  height: 100%;
}
body.boards-show {
  background: url(/assets/allocate-bg-e47fb8c926be760453199ad7d6697a1f7f8b02b6c48abac20891c87959a78b3d.png) repeat-y top left;
  min-height: 100%;
}
#main {
  position: relative;
}
#active-resources {
  position: relative;
}
#archived-resources {
  position: relative;
  padding-bottom: 108px;
}
#content {
  font-size: 13px;
  padding-top: 118px;
}
#content .resources {
  overflow: hidden;
}
@media print {
  #content .resources {
    margin-top: 74px;
  }
}
#content .resources.guidelines {
  background-image: url(/assets/guideline-636683063639ecb93cdcfaf02e8618a36484a36427e7a92e92606c63b4b99a89.png);
  background-repeat: repeat-x;
  background-size: 34px 100%;
  background-position-x: 8px;
}
#content .rows {
  position: relative;
}
#content #archived-row {
  cursor: pointer;
}
#content .resource-row {
  width: 100%;
}
#content .resource-row.sortable-drag {
  background-color: #d9d337;
  border-top: 1px solid #adb2b8;
  border-bottom: 1px solid #adb2b8;
  box-shadow: 10px 1px 1px #b3bfd0;
  background-image: linear-gradient(#dcdfe5, #e5e8ee);
  overflow: hidden;
}
#content .resource-row.sortable-ghost {
  opacity: 0.4;
}
#content .resource-row.sortable-chosen {
  background-color: rgb(180, 190, 200);
}
#content .resource-row.hidden-by-filter {
  display: none;
}
#content .resource, #content .resource-region {
  display: table-cell;
  vertical-align: middle;
  position: relative;
}
#content .sidebar {
  position: relative;
  z-index: 55;
  border-bottom: 1px solid #bfc7d3;
  color: rgb(113, 124, 137);
  height: 45px;
  margin-right: 2px;
  width: 280px;
  vertical-align: middle;
  cursor: move;
  background-image: url(/assets/allocate-bg-e47fb8c926be760453199ad7d6697a1f7f8b02b6c48abac20891c87959a78b3d.png);
  background-repeat: repeat-y;
  background-position: top left;
  background-color: transparent;
}
@media print {
  #content .sidebar {
    width: 150px;
    border-bottom: 1px solid #000;
    background-color: #FFF;
    background-image: none;
  }
}
#content .sidebar .drag-handler {
  display: inline-block;
  height: 8px;
  width: 9px;
  position: relative;
  top: -8px;
  margin-left: 4px;
  background-image: url(/assets/drag-handle-b9c1b907d263e4fae2444faf1246b3b814b470515dee1433d0f51012d70b4773.png);
  background-repeat: no-repeat;
  background-size: 100%;
  visibility: hidden;
}
#content .sidebar .avatar {
  background-color: #ebebeb;
  height: 24px;
  width: 24px;
  display: inline-block;
  margin: 11px 5px 0 0;
  border-radius: 3px;
  background-clip: padding-box;
  -webkit-background-clip: padding;
}
#content .sidebar .name {
  display: inline-block;
  margin-top: -14px;
  vertical-align: middle;
  width: 189px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media print {
  #content .sidebar .name {
    margin-top: 0;
    width: 140px;
  }
}
#content .sidebar .pencil {
  float: right;
  padding: 16px 15px 16px 4px;
  height: 13px;
  visibility: hidden;
  cursor: pointer;
}
@media print {
  #content .sidebar .pencil {
    padding: 0;
  }
}
#content .sidebar .unarchive {
  float: right;
  padding: 16px 15px 16px 4px;
  height: 13px;
  visibility: hidden;
  cursor: pointer;
  opacity: 0.4;
}
@media print {
  #content .sidebar .unarchive {
    padding: 0;
  }
}
#content .row-hover-enabled .sidebar:hover {
  background: rgb(226, 232, 240);
}
#content .row-hover-enabled .sidebar:hover .drag-handler, #content .row-hover-enabled .sidebar:hover .pencil, #content .row-hover-enabled .sidebar:hover .unarchive {
  visibility: visible;
}
#content .board-read-only .sidebar {
  cursor: auto;
}
#content .board-read-only .sidebar:hover {
  background-image: url(/assets/allocate-bg-e47fb8c926be760453199ad7d6697a1f7f8b02b6c48abac20891c87959a78b3d.png);
  background-repeat: repeat-y;
  background-position: top left;
  background-color: transparent;
}
#content .board-read-only .sidebar:hover .drag-handler, #content .board-read-only .sidebar:hover .pencil, #content .board-read-only .sidebar:hover .unarchive {
  visibility: hidden;
}
#content .board-read-only #archived-resources-row .sidebar:hover {
  background-color: rgb(226, 232, 240);
  background-image: none;
}
#content #project-settings {
  display: none;
  background: #25292f;
  width: 100%;
}
#content #top-row {
  background-color: #31353e;
  top: 51px;
  left: 0;
  height: 68px;
  overflow: hidden;
  width: 100%;
}
@media print {
  #content #top-row {
    width: 120%;
  }
}
#content #iteration-nav {
  margin-left: 280px;
  position: relative;
  text-align: center;
  z-index: 1;
}
@media print {
  #content #iteration-nav {
    margin-left: 150px;
  }
}
#content .iteration {
  display: table-cell;
  height: 68px;
  line-height: 40px;
  background-color: #31353e;
  border-left: 1px solid #31353e;
  border-right: solid 1px transparent;
  position: relative;
}
@media print {
  #content .iteration {
    background-color: transparent;
  }
}
#content .iteration.month {
  border: none;
}
#content .iteration.current {
  background-color: #40444f;
}
@media print {
  #content .iteration.current {
    background-color: transparent;
    border-left: 1px solid #000;
  }
}
#content .iteration.current .date {
  color: #FFF;
}
#content .iteration .workload-container {
  position: relative;
  padding: 0px 11px;
  height: 45px;
  box-sizing: border-box;
}
#content .iteration .workload-info {
  position: absolute;
  right: 5px;
  top: 0;
}
#content .iteration .workload-info img {
  cursor: pointer;
}
#content .iteration .workload-info .popup {
  text-align: left;
  position: fixed;
  background-color: white;
  padding: 10px 12px;
  border-radius: 5px;
  z-index: 1000;
  line-height: 20px;
  font-weight: normal;
  width: 200px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
  margin-left: -20px;
}
#content .iteration .date {
  color: #848c9e;
  line-height: 15px;
  width: 100%;
  display: inline-block;
  white-space: nowrap;
  text-align: left;
}
#content .iteration .workload {
  margin: 0 auto;
  background-color: #31353e;
  width: 100%;
  height: 4px;
  border-radius: 5px;
}
#content .iteration .workload .bar {
  background-color: #35abec;
  float: left;
  width: 0%;
  height: 100%;
  border-radius: 6px;
  transition: width 400ms;
}
#content .iteration ul {
  float: left;
  font-size: 11px;
  line-height: 11px;
  padding-bottom: 4px;
  color: #697783;
  padding-top: 1px;
  white-space: nowrap;
  display: flex;
  flex-direction: row;
}
#content .iteration ul li {
  display: inline-block;
  width: 34px;
  padding-top: 7px;
}
#content .iteration ul li.l {
  color: #575c6b;
}
#content .iteration ul li.ll {
  display: none;
}
#content .iteration ul li.current {
  color: #35abec;
  height: 15px;
}
#content .iteration ul li.border-compensate {
  width: 32px;
}
#content .note {
  z-index: 51;
  cursor: pointer;
  background: url(/assets/note-icon-fa2b7e2fd0ec58406d9a1dc9dee314180c6e7d04f1eba2decb4f35f4692c816a.png) no-repeat 2px 3px;
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: 15px;
  right: 0;
  width: 21px;
  height: 16px;
}
#content .day-marker-container {
  background-repeat: no-repeat;
  background-image: url(/assets/day-marker-1px-a52eb3480698ed96897861ebd7225dd4f02b9b9ac46b9ffaf6e6921867f0c6dd.png);
  background-size: 0;
}
#content .day-marker-container.on {
  background-size: 34px 100%;
}
@media print {
  #content .day-marker-container.on {
    background-size: 0;
  }
}
#content .icon-archive {
  background: url(/assets/archive-af2e910591404b0a0a1c4af376a2942aa1107a51be7f7bafd90c257d842f0a0a.png) no-repeat scroll center center #eff1f4;
  background-size: 70% 70%;
  cursor: pointer;
  height: 10px;
  display: inline-block;
  vertical-align: middle;
  margin: 0px 5px 0px 5px;
  padding: 8px;
  width: 10px;
  border-radius: 5px;
}
#content .icon-archive:before {
  display: none;
}
#content .assignment {
  z-index: 2;
  position: absolute;
  margin-top: 12px;
  width: 0;
  height: 20px;
  transition: all 50ms;
  touch-action: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media print {
  #content .assignment {
    margin-top: 10px;
  }
}
#content .assignment .overlay {
  z-index: 200;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
#content .assignment.dragging, #content .assignment.resizing {
  pointer-events: none;
  z-index: 51;
}
#content .assignment.dragging .assignment-bar, #content .assignment.resizing .assignment-bar {
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5);
}
#content .archived-resource-row .drag-handler {
  display: inline-block;
  height: 9px;
  width: 9px;
  position: relative;
  top: -8px;
  margin-left: 4px;
  background-image: url(/assets/archive-af2e910591404b0a0a1c4af376a2942aa1107a51be7f7bafd90c257d842f0a0a.png);
  background-repeat: no-repeat;
  background-size: 100%;
  visibility: hidden;
}
#content .archived-resource-row .sidebar {
  cursor: auto;
  background: rgb(226, 232, 240);
}
#content #archived-row-arrow {
  background: url(/assets/header-project-dropdown-arrow-95973aac5225b5ef5e5dad61464cf3071286b25144beab7fa4b9d15e15faa7b6.png);
  background-size: 100% 50%;
  background-repeat: no-repeat;
  background-position: center;
  width: 10px;
  height: 10px;
  display: inline-block;
  margin: 0px 0px 0px 140px;
}
#content .assignment-bar .ui-resizable-w, #content .assignment-bar .ui-resizable-e {
  z-index: 0 !important;
  width: 16px;
  height: 100%;
}
#content .assignment-bar {
  box-sizing: border-box;
  color: #fff;
  display: inline-block;
  z-index: 50;
  padding: 4px 10px 6px 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
  width: 100%;
  height: 20px;
  border-radius: 20px;
  transition: opacity 0.4s, transform 0.4s, box-shadow 0.4s;
}
@media print {
  #content .assignment-bar {
    border: 1px solid #000;
    padding-top: 1px;
  }
}
#content .assignment-bar.disabled {
  pointer-events: none;
  opacity: 0.4;
}
#content .assignment-bar.shaded {
  opacity: 0.2;
}
#content .assignment-bar .note {
  top: 1px;
  right: 8px;
  z-index: 1;
}
#content .assignment-bar .read-only {
  right: -12px;
}
#content .assignment-bar .ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  touch-action: none;
}
#content .assignment-bar .ui-resizable-e {
  width: 10px;
  right: -2px;
  top: 0;
  height: 100%;
}
#content .assignment-bar .ui-resizable-w {
  width: 10px;
  left: -2px;
  top: 0;
  height: 100%;
}
#content .iterations {
  display: table-cell;
  width: 100%;
  border-bottom: 1px solid #d8dee7;
  background-image: url(/assets/grid-d63cf8a325d391f3eb5bf8eddd6f1c53b79dedfecf0f75b95430e8390edf2001.png);
}
@media print {
  #content .iterations {
    border-bottom: 1px solid #000;
  }
}
#content .iterations .twitter-typeahead {
  z-index: 201;
  width: 100%;
}
#content .iterations .tt-dropdown-menu {
  max-height: 99px;
  border: none;
  background-color: #31353e;
  color: #7b8497;
  margin-top: 12px;
}
#content .iterations .tt-dropdown-menu:after {
  content: "";
  position: absolute;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #31353e;
  width: 0;
  height: 0;
  left: 15px;
  top: -5px;
  bottom: 0;
}
#content .iterations .tt-is-under-cursor {
  background-color: #35abec;
  border-radius: 3px;
}
#content .iterations .tt-suggestion * {
  width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  /* Plugin adds in white-space: normal on init. And mixin above contains white-space as well. Need to override */
  white-space: nowrap !important;
}
#content .iterations input {
  border: 0;
  padding: 5px 10px;
  outline: none;
  color: #637382;
  background-color: #d7dce3;
  width: 100%;
  height: 20px;
  box-sizing: border-box;
  border-radius: 10px;
  background-clip: padding-box;
  -webkit-background-clip: padding;
}
#content .iterations input.tt-hint {
  opacity: 0.5;
}
#content .iterations .assignment-edit-indented {
  border-left: solid 10px transparent;
}
#content .assignments {
  height: 45px;
  width: 0;
  position: relative;
  left: 0;
}
#content .resource-row.new {
  position: relative;
  font-weight: bold;
}
#content .resource-row.new.new-resource-form-active .sidebar .prompt {
  display: none;
}
#content .resource-row.new.new-resource-form-active .sidebar .form {
  display: block;
}
#content .resource-row.new .sidebar .locked {
  background-color: #f8faba;
  height: 100%;
}
#content .resource-row.new .sidebar .locked:hover {
  background-color: #fdfdea;
}
#content .resource-row.new .sidebar .locked .name {
  line-height: 16px;
  color: #697783;
}
#content .resource-row.new .sidebar .locked .icon-plus {
  background-image: url(/assets/upgrade-lock@2x-7c58e575f5190185494ef637158a4efe921abd7bf56f6e36332e4ead75363f94.png);
  background-repeat: no-repeat;
  background-size: 75%;
}
#content .resource-row.new .sidebar .locked .prompt:hover {
  background-color: #f8faba;
}
#content .resource-row.new .sidebar .icon-plus {
  background-image: url(/assets/plus-433b47dec9da48c69fbcbf18629f2a92c67a9c342394ecf4990f686cb03b13f1.png);
  background-size: 100%;
  cursor: pointer;
  height: 24px;
  display: inline-block;
  margin: 11px 5px 0 16px;
  width: 24px;
}
#content .resource-row.new .sidebar .icon-plus:before {
  display: none;
}
#content .resource-row.new .sidebar .prompt {
  height: 100%;
  cursor: pointer;
  opacity: 0.7;
}
#content .resource-row.new .sidebar .prompt:hover {
  background-color: #dfe3ea;
}
#content .resource-row.new .sidebar .prompt.upgrade-resource {
  display: block;
  text-decoration: none;
}
#content .resource-row.new .sidebar .container {
  width: 260px;
  height: 45px;
  position: relative;
}
#content .resource-row.new .sidebar .form {
  position: absolute;
  margin-left: 20px;
  height: 45px;
  width: 260px;
  display: none;
}
#content .resource-row.new .sidebar button {
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 15px;
}
#content .resource-row.new .sidebar input.text {
  height: 25px;
  padding: 0 0 0 10px;
  position: absolute;
  top: 10px;
  outline: none;
  width: 174px;
}
#content #archived-resources {
  margin-top: -1px;
}
#content #archived-resources.show-new-resources {
  margin-top: -46px;
}
#content #archived-resources #day-marker-container {
  background-position-y: 46px;
}
#content #archived-resources .new {
  display: none;
}
#content #archived-row {
  background-color: #e3e9f3;
  border-top: 1px solid #d8dee7;
  border-bottom: 1px solid #d8dee7;
}
#content #archived-row .resource {
  margin: -1px 0;
  display: block;
  line-height: 46px;
  height: 46px;
  width: 270px;
  padding-left: 10px;
  border: 1px solid #bfc7d3;
  border-left: none;
  background-color: #d7dce3;
}
#content #archived-row #archived-row-arrow {
  transform: scaleY(-1);
}
#content .closed #archived-row-arrow {
  transform: none !important;
}
#content .closed .archived-resource-row {
  display: none;
}
#content .extra-space-for-typeahead {
  min-height: 45px;
  background: url(/assets/allocate-bg-e47fb8c926be760453199ad7d6697a1f7f8b02b6c48abac20891c87959a78b3d.png) repeat-y top left;
  position: relative;
}
#content #left-panel {
  top: 51px;
  z-index: 100;
  position: fixed;
}
#content #left-panel .buttons {
  height: 44px;
  padding: 10px 0;
  box-sizing: border-box;
}
#content #left-panel .btn.done {
  float: left;
  margin-left: 20px;
}
#content #left-panel .btn .back-arrow {
  top: 1px;
  display: inline-block;
  position: relative;
  width: 10px;
  height: 10px;
  background-image: url(/assets/week-prev-97fe08e13aa646c280c0cdccd0c8fb7203f3eef2831dcea3fa97394896655ae6.png);
  background-repeat: no-repeat;
  background-size: contain;
}
#content #left-panel .btn .archive-cancel-icon {
  top: 0.5px;
  display: inline-block;
  position: relative;
  width: 10px;
  height: 10px;
  background-image: url(/assets/archive-cancel-4b6261f50a05323f170b322e3bf1fd5d0af04e04e55d8676fc0f4fca4d5a1d49.png);
  background-repeat: no-repeat;
  background-size: contain;
}
#content #left-panel .btn .archive-confirm-icon {
  top: 0.5px;
  display: inline-block;
  position: relative;
  width: 10px;
  height: 10px;
  background-image: url(/assets/archive-confirm-f901f50852c07b3919ff9b90615fd7dd5813ff8a698dc26fe2ce4b8ab9c65d48.png);
  background-repeat: no-repeat;
  background-size: contain;
}
#content #left-panel .btn.archive {
  background: none;
  border: 0px;
  display: block;
}
#content #left-panel .btn.archive .archive-icon {
  top: 1px;
  margin-right: 3px;
  display: inline-block;
  position: relative;
  width: 10px;
  height: 10px;
  background-image: url(/assets/archive-af2e910591404b0a0a1c4af376a2942aa1107a51be7f7bafd90c257d842f0a0a.png);
  background-repeat: no-repeat;
  background-size: contain;
}
#content #left-panel .btn.unarchive {
  background: none;
  border: 0px;
}
#content #left-panel .btn.unarchive .archive-icon {
  top: 1px;
  margin-right: 3px;
  display: inline-block;
  position: relative;
  width: 10px;
  height: 10px;
  background-image: url(/assets/unarchive-1ea499619eb36f988b8a88025f849d387f82cfa80bdcfdfd0c4c24afe905ffc7.png);
  background-repeat: no-repeat;
  background-size: contain;
}
#content #left-panel .edit-resource {
  background-color: #d7dbe3;
  position: absolute;
  width: 280px;
  left: -280px;
  transition: left 0.5s;
  height: 100vh;
}
#content #left-panel .edit-resource.shown {
  left: 0;
}
#content #left-panel .edit-resource .buttons {
  height: 44px;
  padding: 10px 0;
  box-sizing: border-box;
}
#content #left-panel .edit-resource .fields {
  padding: 20px 0;
  margin: 0 20px;
  border-bottom: 1px solid #c2c9d5;
  display: block;
}
#content #left-panel .edit-resource .fields .name {
  float: left;
  font-size: 18px;
  padding-left: 8px;
  width: 194px;
  height: 40px;
  box-sizing: border-box;
}
#content #left-panel .edit-resource .fields .top {
  margin-bottom: 10px;
}
#content #left-panel .edit-resource .fields .bottom input {
  font-size: 12px;
  padding-left: 30px;
  width: 208px;
  height: 22px;
}
#content #left-panel .edit-resource .fields .bottom .email {
  background-image: url(/assets/email-icon-f34c515ac89b572a80ae1a065a08bb42c4ee21d59c6f416edcfc8e31575ea8bb.png);
  background-repeat: no-repeat;
  background-position: 5px 50%;
  background-size: 16px 11px;
}
#content #left-panel .edit-resource .fields .bottom .errors {
  margin-top: 4px;
}
#content #left-panel .edit-resource .fields .delete-resource {
  display: block;
  margin: 20px 0px 0px 0px;
  padding-left: 0px;
  color: #697783;
}
#content #left-panel .edit-resource .fields .avatar, #content #left-panel .edit-resource .fields #resource-avatar {
  display: inline-block;
  margin-right: 5px;
  float: left;
  width: 40px;
  height: 40px;
}
#content #left-panel .edit-resource .fields .avatar {
  background-image: url(/assets/default-photo-ad941a98994e6cc8506eb344ad2711b1bb118bb3c25a0bcd6bfcd5060a6a2438.png);
  background-repeat: no-repeat;
  background-size: 100%;
}
#content #left-panel .edit-resource .fields #resource-avatar {
  cursor: pointer;
  border: solid 1px rgb(190, 190, 190);
  position: relative;
  border-radius: 3px;
  box-sizing: border-box;
}
#content #left-panel .edit-resource .fields #resource-avatar-input {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  opacity: 0;
}
#content #left-panel .edit-resource .fields #resource-avatar-input:hover {
  cursor: pointer;
}
#content #left-panel .edit-resource .fields .avatar-loader {
  position: absolute;
  display: block;
  background-color: #F1F4F9;
  display: none;
  width: 40px;
  height: 40px;
  opacity: 0.5;
}
#content #left-panel .edit-resource .fields .avatar-loader img {
  display: block;
  margin: 14px auto;
}
#content #left-panel .edit-resource .tags {
  padding: 20px 0;
  margin: 0 20px;
  display: block;
}
#content #left-panel .edit-resource .tags .tag {
  font-weight: bold;
  color: #8f6c04;
  height: 22px;
  font-size: 11px;
  line-height: 21px;
  display: inline-block;
  position: relative;
  cursor: default;
  border: 1px solid #e8af07;
  border-radius: 2px;
  background-clip: padding-box;
  -webkit-background-clip: padding;
  background-color: #fad25b;
  margin-bottom: 4px;
}
#content #left-panel .edit-resource .tags .tag:hover .remove-tag {
  visibility: visible;
}
#content #left-panel .edit-resource .tags .tag .tag-name {
  padding-right: 5px;
  padding-left: 5px;
  overflow: hidden;
  white-space: nowrap;
  max-width: 175px;
  display: inline-block;
  text-overflow: ellipsis;
}
#content #left-panel .edit-resource .tags .tag .remove-tag {
  top: -5px;
  margin-right: 5px;
  text-decoration: none;
  visibility: hidden;
  color: #886c16;
  font-size: 10px;
  position: relative;
  text-shadow: 0 1px 1px #fff;
}
#content #left-panel .edit-resource .tags .new-tag {
  padding-left: 5px;
}
#content #left-panel .edit-resource .tags .new-tag:focus {
  outline: none;
  border: 1px solid #cf9d06;
  background-color: #f9cb42;
}
#content #left-panel .edit-resource .tags .new-tag:hover {
  cursor: pointer;
}
#content #left-panel .edit-resource .tags .new-tag::-moz-placeholder {
  color: #cf9d06;
}
#content #left-panel .edit-resource .tags .new-tag::placeholder {
  color: #cf9d06;
}
#content #left-panel .edit-resource .archive-confirm {
  padding: 1rem;
  display: none;
}
#content #left-panel .edit-resource .archive-confirm .archive-confirm-header {
  margin-bottom: 1rem;
}
#content #left-panel .edit-resource .archive-confirm p {
  font-weight: normal;
  margin-bottom: 1rem;
}
#content #left-panel .edit-resource .archive-confirm .archive-button-container {
  margin-top: 20px;
}
#content #left-panel .edit-resource .archive-confirm .archive-button-container #archive-cancel-button {
  margin-left: 6px;
}
#content #left-panel .edit-resource.archive-confirm-visible .archive-confirm {
  display: block;
}
#content #left-panel .edit-resource.archive-confirm-visible .fields, #content #left-panel .edit-resource.archive-confirm-visible .tags, #content #left-panel .edit-resource.archive-confirm-visible .archive-button {
  display: none !important;
}
.fancy-input {
  border: 0;
  color: #697783;
  background-color: #b3bdca;
  border-radius: 3px;
  background-clip: padding-box;
  -webkit-background-clip: padding;
}
.fancy-input::-moz-placeholder {
  color: #FFF;
}
.fancy-input::placeholder {
  color: #FFF;
}
.fancy-input:focus {
  background-color: #b9c2ce;
  outline: none;
}
.fancy-input.light {
  background-color: #cbd2db;
}
.fancy-input.light:focus {
  background-color: #c5ccd6;
}
.sessions #content, .passwords #content, .registrations #content, .confirmations #content {
  padding-top: 0;
}
#overlay {
  background-color: rgba(20, 20, 20, 0.85);
  z-index: 150;
  display: none;
  overflow: auto;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
#overlay .overlayContent {
  font-weight: normal;
  color: white;
  width: 100%;
  margin: 0 auto;
}
#pricing-settings {
  max-width: 960px;
  margin: 0 auto;
}
#pricing-settings h2 {
  margin-top: 20px;
}
.autocomplete {
  box-sizing: border-box;
  z-index: 10000;
  background-color: #fff;
  margin-top: 5px;
  padding: 5px 0;
  border-radius: 8px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
  min-width: 170px;
}
.autocomplete > div {
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 8px 10px;
  border-bottom: none;
  cursor: pointer;
}
.autocomplete > div:hover, .autocomplete > div.selected {
  background-color: #40444f;
  color: #fff;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: normal;
  src: local("Open Sans"), local("OpenSans"), url(/assets/OpenSans-a0688011e3949784bdd4b1ebc5429f9354621557d63d1ae17ec38b4c1fe4bed9.woff) format("woff");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(/assets/OpenSans-Semibold-a9ee19f6e4622d4b72eb015f34e02e0f6e9bbb34e1f4469f1cd15057948f0fe3.woff) format("woff");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: bold;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(/assets/OpenSans-Bold-f9d515f3e0f5c854d834cf3c6cc5c4fcef16f70bf4063dc6a58ef4bc1af39abf.woff) format("woff");
}
@font-face {
  font-family: "Benton Sans Extra Light";
  font-style: normal;
  font-weight: 100;
  src: local("Benton Sans Extra Light"), local("BentonSans-ExtraLight"), url(/assets/BentonSans-ExtraLight-40daf7e040fa3fc943dc9749bbbb2ee4b777edf9d7bbdd9ba76e05f3379a844d.woff) format("woff");
}
@font-face {
  font-family: "Benton Sans";
  font-style: normal;
  font-weight: normal;
  src: local("Benton Sans Book"), local("BentonSans-Book"), url(/assets/BentonSans-Book-d563f83e88ef2e6649e7d3b5d465db0c5d7bb4c6bb51ba052e54a037908d2816.woff) format("woff");
}
@font-face {
  font-family: "Benton Sans Medium";
  font-style: normal;
  font-weight: 500;
  src: local("Benton Sans Medium"), local("BentonSans-Medium"), url(/assets/BentonSans-Medium-ae879b32674c0e48c646278f7656714dd65f5e11ba6edc44da66d183d863191b.woff) format("woff");
}
@font-face {
  font-family: "Benton Sans Bold";
  font-style: normal;
  font-weight: bold;
  src: local("Benton Sans Bold"), local("BentonSans-Bold"), url(/assets/BentonSans-Bold-79c6cba6c37d5ebe70ebc39792117a1508735fc5279f9075b6576d67f7d8b709.woff) format("woff");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url(/assets/Roboto-Medium-6dd38ee27a77b8ce1172b15c8fa10ea0e588a54505741f5d397ebf466c199fa6.ttf);
}
#error_explanation, .price-cards .premium strong, .price-cards .basic strong, .price-cards .basic .popular, .price-cards .mini strong, .free-auth .title, .free-non-auth h1, .overlayContent, .overlayContent h2, .overlayContent .suggest span, html, #content .assignment-bar, #content .iterations input, .fancy-input {
  font-family: "Open Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
}
#error_explanation, .price-cards .premium strong, .price-cards .basic strong, .price-cards .basic .popular, .price-cards .mini strong, .free-auth .title, .free-non-auth h1, .overlayContent h2, .overlayContent .suggest span, #content .assignment-bar, #content .iterations input, .fancy-input {
  font-weight: bold !important;
}
.pulse-me {
  width: 100%;
  height: 100%;
  position: absolute;
  -webkit-animation-name: alertPulse;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: normal;
  src: local("Open Sans"), local("OpenSans"), url(/assets/OpenSans-a0688011e3949784bdd4b1ebc5429f9354621557d63d1ae17ec38b4c1fe4bed9.woff) format("woff");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(/assets/OpenSans-Semibold-a9ee19f6e4622d4b72eb015f34e02e0f6e9bbb34e1f4469f1cd15057948f0fe3.woff) format("woff");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: bold;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(/assets/OpenSans-Bold-f9d515f3e0f5c854d834cf3c6cc5c4fcef16f70bf4063dc6a58ef4bc1af39abf.woff) format("woff");
}
@font-face {
  font-family: "Benton Sans Extra Light";
  font-style: normal;
  font-weight: 100;
  src: local("Benton Sans Extra Light"), local("BentonSans-ExtraLight"), url(/assets/BentonSans-ExtraLight-40daf7e040fa3fc943dc9749bbbb2ee4b777edf9d7bbdd9ba76e05f3379a844d.woff) format("woff");
}
@font-face {
  font-family: "Benton Sans";
  font-style: normal;
  font-weight: normal;
  src: local("Benton Sans Book"), local("BentonSans-Book"), url(/assets/BentonSans-Book-d563f83e88ef2e6649e7d3b5d465db0c5d7bb4c6bb51ba052e54a037908d2816.woff) format("woff");
}
@font-face {
  font-family: "Benton Sans Medium";
  font-style: normal;
  font-weight: 500;
  src: local("Benton Sans Medium"), local("BentonSans-Medium"), url(/assets/BentonSans-Medium-ae879b32674c0e48c646278f7656714dd65f5e11ba6edc44da66d183d863191b.woff) format("woff");
}
@font-face {
  font-family: "Benton Sans Bold";
  font-style: normal;
  font-weight: bold;
  src: local("Benton Sans Bold"), local("BentonSans-Bold"), url(/assets/BentonSans-Bold-79c6cba6c37d5ebe70ebc39792117a1508735fc5279f9075b6576d67f7d8b709.woff) format("woff");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url(/assets/Roboto-Medium-6dd38ee27a77b8ce1172b15c8fa10ea0e588a54505741f5d397ebf466c199fa6.ttf);
}
#error_explanation, .price-cards .premium strong, .price-cards .basic strong, .price-cards .basic .popular, .price-cards .mini strong, .free-auth .title, .free-non-auth h1, .overlayContent, .overlayContent h2, .overlayContent .suggest span, html, #content .assignment-bar, #content .iterations input, .fancy-input {
  font-family: "Open Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
}
#error_explanation, .price-cards .premium strong, .price-cards .basic strong, .price-cards .basic .popular, .price-cards .mini strong, .free-auth .title, .free-non-auth h1, .overlayContent h2, .overlayContent .suggest span, #content .assignment-bar, #content .iterations input, .fancy-input {
  font-weight: bold !important;
}
#header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  height: 50px;
  line-height: 50px;
  background-color: #262930;
}
@media print {
  #header {
    position: static;
  }
}
#header .logo {
  height: 21px;
  margin-left: 20px;
  vertical-align: middle;
  width: 21px;
  margin-top: -5px;
}
@media print {
  #header .logo {
    background-color: #000;
    padding: 10px;
    margin-left: 0;
  }
}
#header .nav-container {
  display: flex;
  justify-content: flex-end;
}
#header .nav {
  float: right;
}
@media print {
  #header .nav {
    float: left;
  }
}
#header .blog-notification {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  line-height: 30px;
  margin: 9px 0 0 5px;
  background-color: #d7dce3;
  padding: 0 35px 0 11px;
  border-radius: 3px;
  font-size: 12px;
  cursor: pointer;
}
#header .blog-notification a {
  color: #5a626a;
  text-decoration: none;
}
#header .blog-notification .close {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  right: 0;
  background: url(/assets/notification-close-icon-5cd38288752b0247d7dcb66551fbf7c8ac87b5953699c60aed41c7f50cce364e.png) center center/8px 8px no-repeat;
  opacity: 0.5;
  transition: opacity 200ms;
}
#header .blog-notification .close:hover {
  opacity: 1;
}
#header .board-settings {
  color: #5B91FF;
}
#header .dropdown-container * {
  box-sizing: border-box;
}
#header .dropdown-container .header-text-section {
  width: 160px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
  color: #8f9aaa;
  cursor: pointer;
  padding: 0 24px 0 10px;
  margin: 8px;
  line-height: 34px;
}
#header .dropdown-container .header-text-section.boards-dropdown-title {
  font-weight: 700;
  font-size: 13px;
  color: #FFFFFF;
}
#header .dropdown-container .header-text-section .dropdown-arrow {
  position: absolute;
  right: 8px;
  top: 15px;
  width: 8px;
  height: 7px;
  background-image: url(/assets/header-project-dropdown-arrow-95973aac5225b5ef5e5dad61464cf3071286b25144beab7fa4b9d15e15faa7b6.png);
  background-size: contain;
  background-repeat: no-repeat;
}
#header .dropdown-container .header-text-section:hover {
  background-color: #1f2227;
}
#header .dropdown-container .dropdown {
  position: absolute;
  display: none;
  line-height: 30px;
  padding: 3px;
  margin-top: 10px;
  margin-left: -5px;
  width: 180px;
  border-radius: 4px;
  background-color: #1a1c22;
  z-index: 60;
}
#header .dropdown-container .dropdown .menu-separator {
  height: 1px;
  overflow: hidden;
  border-top: 2px solid #292c33;
}
#header .dropdown-container .dropdown a {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  position: relative;
  padding: 3px 10px;
  font-size: 13px;
  font-weight: 600;
  color: #7D899B;
  text-decoration: none;
}
#header .dropdown-container .dropdown a.current-board {
  color: #fff;
  padding-right: 25px;
}
#header .dropdown-container .dropdown a.new-board {
  color: #ACB4C0;
  font-size: 11px;
}
#header .dropdown-container .dropdown a .disabled-cta {
  line-height: 15px;
  font-size: 10px;
  font-style: italic;
  color: #aeaf79;
}
#header .dropdown-container .dropdown a .disabled-cta img {
  position: relative;
  top: 2px;
  margin-right: 4px;
}
#header .dropdown-container .dropdown a .checkmark {
  width: 8px;
  height: 8px;
  position: absolute;
  right: 8px;
  top: 12px;
}
#header .dropdown-container .dropdown a:hover {
  background: #292d36;
}
#header .dropdown-container .dropdown:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: -6px;
  left: 10px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #1d1f25;
}
#header .dropdown-container .dropdown .resource-summary-form {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#header .dropdown-container .dropdown .form-group {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}
#header .dropdown-container .dropdown .btn-summary {
  margin: 10px 5%;
  width: 90%;
}
#header .dropdown-container .dropdown .summary-label {
  margin: 0;
  color: #8f9aaa;
}
#header .dropdown-container .dropdown .form-summary {
  border-radius: 3px;
  margin: 0 5px;
}
#header .dropdown-container.opened .dropdown {
  display: block;
}
#header .dropdown-container.opened .dropdown-arrow {
  transform: scaleY(-1);
  margin-top: -4px;
}
.flash {
  display: none;
  background-color: #fdedbe;
  color: #e8af07;
  font-weight: bold;
  font-size: 14px;
  height: 49px;
  line-height: 42px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 150;
}
.flash.error {
  background-color: #f8acac;
  color: #f14d4d;
}
.flash .close {
  float: right;
  margin-right: 15px;
  cursor: pointer;
}
#error_explanation {
  background-color: #f14d4d;
  color: #fff;
  font-size: 12px;
  padding: 5px 10px;
  margin-bottom: 15px;
  box-sizing: border-box;
  border-radius: 3px;
}
#error_explanation h2 {
  display: none;
}
#error_explanation li {
  line-height: 20px;
}
#new_user .email .attribute-name {
  display: none;
}
.toggle-background {
  cursor: pointer;
  position: relative;
  width: 60px;
  height: 22px;
  border-radius: 12px;
  background-clip: padding-box;
  -webkit-background-clip: padding;
  background-color: #000;
}
.toggle-background .toggle-handle {
  top: -2px !important;
  width: 24px;
  height: 24px;
  border: 1px solid #777c89;
  position: absolute;
  background-color: #000;
  transform: translateX(-1px);
  border-radius: 12px;
  background-clip: padding-box;
  -webkit-background-clip: padding;
  box-shadow: 0 1px 2px rgba(69, 74, 81, 0.5);
  background-image: linear-gradient(to top, #bdc3cf 0%, #d9dde4 17%, #eceef1 100%);
}
.toggle-background .toggle-label {
  color: #fff;
  display: inline-block;
  margin-top: 4px;
  font-weight: bold;
  text-transform: uppercase;
}
.toggle-background[data-status=yes] {
  background-color: #89dc5b;
  border: 1px solid #4b9720;
}
.toggle-background[data-status=yes] .toggle-handle {
  right: 0;
  transform: translateX(1px);
}
.toggle-background[data-status=yes] .toggle-label {
  margin-left: 10px;
}
.toggle-background[data-status=no] {
  background-color: #f14d4d;
  border: 1px solid #b10e0e;
}
.toggle-background[data-status=no] .toggle-handle {
  left: 0;
}
.toggle-background[data-status=no] .toggle-label {
  margin-left: 30px;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: normal;
  src: local("Open Sans"), local("OpenSans"), url(/assets/OpenSans-a0688011e3949784bdd4b1ebc5429f9354621557d63d1ae17ec38b4c1fe4bed9.woff) format("woff");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(/assets/OpenSans-Semibold-a9ee19f6e4622d4b72eb015f34e02e0f6e9bbb34e1f4469f1cd15057948f0fe3.woff) format("woff");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: bold;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(/assets/OpenSans-Bold-f9d515f3e0f5c854d834cf3c6cc5c4fcef16f70bf4063dc6a58ef4bc1af39abf.woff) format("woff");
}
@font-face {
  font-family: "Benton Sans Extra Light";
  font-style: normal;
  font-weight: 100;
  src: local("Benton Sans Extra Light"), local("BentonSans-ExtraLight"), url(/assets/BentonSans-ExtraLight-40daf7e040fa3fc943dc9749bbbb2ee4b777edf9d7bbdd9ba76e05f3379a844d.woff) format("woff");
}
@font-face {
  font-family: "Benton Sans";
  font-style: normal;
  font-weight: normal;
  src: local("Benton Sans Book"), local("BentonSans-Book"), url(/assets/BentonSans-Book-d563f83e88ef2e6649e7d3b5d465db0c5d7bb4c6bb51ba052e54a037908d2816.woff) format("woff");
}
@font-face {
  font-family: "Benton Sans Medium";
  font-style: normal;
  font-weight: 500;
  src: local("Benton Sans Medium"), local("BentonSans-Medium"), url(/assets/BentonSans-Medium-ae879b32674c0e48c646278f7656714dd65f5e11ba6edc44da66d183d863191b.woff) format("woff");
}
@font-face {
  font-family: "Benton Sans Bold";
  font-style: normal;
  font-weight: bold;
  src: local("Benton Sans Bold"), local("BentonSans-Bold"), url(/assets/BentonSans-Bold-79c6cba6c37d5ebe70ebc39792117a1508735fc5279f9075b6576d67f7d8b709.woff) format("woff");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url(/assets/Roboto-Medium-6dd38ee27a77b8ce1172b15c8fa10ea0e588a54505741f5d397ebf466c199fa6.ttf);
}
#error_explanation, .price-cards .premium strong, .price-cards .basic strong, .price-cards .basic .popular, .price-cards .mini strong, .free-auth .title, .free-non-auth h1, .overlayContent, .overlayContent h2, .overlayContent .suggest span, html, #content .assignment-bar, #content .iterations input, .fancy-input {
  font-family: "Open Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
}
#error_explanation, .price-cards .premium strong, .price-cards .basic strong, .price-cards .basic .popular, .price-cards .mini strong, .free-auth .title, .free-non-auth h1, .overlayContent h2, .overlayContent .suggest span, #content .assignment-bar, #content .iterations input, .fancy-input {
  font-weight: bold !important;
}
.pulse-me {
  width: 100%;
  height: 100%;
  position: absolute;
  -webkit-animation-name: alertPulse;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
}
html, body {
  background-color: #262930;
}
.registrations i {
  color: #838ea1;
  color: rgba(131, 142, 161, 0.5);
  display: inline-block;
  margin-bottom: 10px;
}
form.login, form.new_user, form.password_reset, form.invitation_password, form.edit_user, form.new_account, form.confirmation, form.new_board {
  position: absolute;
  width: 300px;
  margin: auto;
  padding: 30px 15px;
  transition: all 250ms ease;
}
form.login > img, form.new_user > img, form.password_reset > img, form.invitation_password > img, form.edit_user > img, form.new_account > img, form.confirmation > img, form.new_board > img {
  display: block;
  margin: 0 auto 60px auto;
}
form.login .google-login, form.new_user .google-login, form.password_reset .google-login, form.invitation_password .google-login, form.edit_user .google-login, form.new_account .google-login, form.confirmation .google-login, form.new_board .google-login {
  margin-top: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  text-decoration: none;
  text-align: center;
  border-radius: 2px;
}
form.login .google-login img, form.new_user .google-login img, form.password_reset .google-login img, form.invitation_password .google-login img, form.edit_user .google-login img, form.new_account .google-login img, form.confirmation .google-login img, form.new_board .google-login img {
  margin-right: 5px;
  margin-left: -32px;
}
form.login input, form.login label, form.new_user input, form.new_user label, form.password_reset input, form.password_reset label, form.invitation_password input, form.invitation_password label, form.edit_user input, form.edit_user label, form.new_account input, form.new_account label, form.confirmation input, form.confirmation label, form.new_board input, form.new_board label {
  font-size: 12px;
}
form.login .remember-me-check, form.login .remember-me-label, form.new_user .remember-me-check, form.new_user .remember-me-label, form.password_reset .remember-me-check, form.password_reset .remember-me-label, form.invitation_password .remember-me-check, form.invitation_password .remember-me-label, form.edit_user .remember-me-check, form.edit_user .remember-me-label, form.new_account .remember-me-check, form.new_account .remember-me-label, form.confirmation .remember-me-check, form.confirmation .remember-me-label, form.new_board .remember-me-check, form.new_board .remember-me-label {
  display: inline-block;
}
form.login .small-login-text, form.new_user .small-login-text, form.password_reset .small-login-text, form.invitation_password .small-login-text, form.edit_user .small-login-text, form.new_account .small-login-text, form.confirmation .small-login-text, form.new_board .small-login-text {
  color: #697783;
}
form.login .remember-me-label, form.new_user .remember-me-label, form.password_reset .remember-me-label, form.invitation_password .remember-me-label, form.edit_user .remember-me-label, form.new_account .remember-me-label, form.confirmation .remember-me-label, form.new_board .remember-me-label {
  color: #697783;
}
form.login a, form.new_user a, form.password_reset a, form.invitation_password a, form.edit_user a, form.new_account a, form.confirmation a, form.new_board a {
  color: #707987;
}
form.login a.lost-password, form.new_user a.lost-password, form.password_reset a.lost-password, form.invitation_password a.lost-password, form.edit_user a.lost-password, form.new_account a.lost-password, form.confirmation a.lost-password, form.new_board a.lost-password {
  font-size: 12px;
}
form.login .buttons, form.new_user .buttons, form.password_reset .buttons, form.invitation_password .buttons, form.edit_user .buttons, form.new_account .buttons, form.confirmation .buttons, form.new_board .buttons {
  border-top: 1px solid #2F333C;
  margin: 10px 0 20px 0;
  padding-top: 20px;
}
form.new_user p {
  margin-bottom: 0;
  text-align: center;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: normal;
  src: local("Open Sans"), local("OpenSans"), url(/assets/OpenSans-a0688011e3949784bdd4b1ebc5429f9354621557d63d1ae17ec38b4c1fe4bed9.woff) format("woff");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(/assets/OpenSans-Semibold-a9ee19f6e4622d4b72eb015f34e02e0f6e9bbb34e1f4469f1cd15057948f0fe3.woff) format("woff");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: bold;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(/assets/OpenSans-Bold-f9d515f3e0f5c854d834cf3c6cc5c4fcef16f70bf4063dc6a58ef4bc1af39abf.woff) format("woff");
}
@font-face {
  font-family: "Benton Sans Extra Light";
  font-style: normal;
  font-weight: 100;
  src: local("Benton Sans Extra Light"), local("BentonSans-ExtraLight"), url(/assets/BentonSans-ExtraLight-40daf7e040fa3fc943dc9749bbbb2ee4b777edf9d7bbdd9ba76e05f3379a844d.woff) format("woff");
}
@font-face {
  font-family: "Benton Sans";
  font-style: normal;
  font-weight: normal;
  src: local("Benton Sans Book"), local("BentonSans-Book"), url(/assets/BentonSans-Book-d563f83e88ef2e6649e7d3b5d465db0c5d7bb4c6bb51ba052e54a037908d2816.woff) format("woff");
}
@font-face {
  font-family: "Benton Sans Medium";
  font-style: normal;
  font-weight: 500;
  src: local("Benton Sans Medium"), local("BentonSans-Medium"), url(/assets/BentonSans-Medium-ae879b32674c0e48c646278f7656714dd65f5e11ba6edc44da66d183d863191b.woff) format("woff");
}
@font-face {
  font-family: "Benton Sans Bold";
  font-style: normal;
  font-weight: bold;
  src: local("Benton Sans Bold"), local("BentonSans-Bold"), url(/assets/BentonSans-Bold-79c6cba6c37d5ebe70ebc39792117a1508735fc5279f9075b6576d67f7d8b709.woff) format("woff");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url(/assets/Roboto-Medium-6dd38ee27a77b8ce1172b15c8fa10ea0e588a54505741f5d397ebf466c199fa6.ttf);
}
#error_explanation, .price-cards .premium strong, .price-cards .basic strong, .price-cards .basic .popular, .price-cards .mini strong, .free-auth .title, .free-non-auth h1, .overlayContent, .overlayContent h2, .overlayContent .suggest span, html, #content .assignment-bar, #content .iterations input, .fancy-input {
  font-family: "Open Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
}
#error_explanation, .price-cards .premium strong, .price-cards .basic strong, .price-cards .basic .popular, .price-cards .mini strong, .free-auth .title, .free-non-auth h1, .overlayContent h2, .overlayContent .suggest span, #content .assignment-bar, #content .iterations input, .fancy-input {
  font-weight: bold !important;
}
.pulse-me {
  width: 100%;
  height: 100%;
  position: absolute;
  -webkit-animation-name: alertPulse;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
}
.colors .color, .account-edit .color, .board-edit .color {
  width: 20px;
  height: 20px;
  border: 2px solid;
  display: inline-block;
  position: relative;
  border-radius: 2px;
}
.colors .color.clickable-color, .account-edit .color.clickable-color, .board-edit .color.clickable-color {
  cursor: pointer;
}
.colors .color .checkmark, .account-edit .color .checkmark, .board-edit .color .checkmark {
  position: absolute;
  left: 5px;
  top: -10px;
  display: none;
}
.colors .color.active .checkmark, .account-edit .color.active .checkmark, .board-edit .color.active .checkmark {
  display: block;
}
.colors .color.box_color_0, .account-edit .color.box_color_0, .board-edit .color.box_color_0 {
  border-color: #4895ec;
  background-color: #4895ec;
}
.colors .color.box_color_0.active, .account-edit .color.box_color_0.active, .board-edit .color.box_color_0.active {
  background-color: #4895ec;
}
.colors .color.box_color_1, .account-edit .color.box_color_1, .board-edit .color.box_color_1 {
  border-color: #89dc5b;
  background-color: #89dc5b;
}
.colors .color.box_color_1.active, .account-edit .color.box_color_1.active, .board-edit .color.box_color_1.active {
  background-color: #89dc5b;
}
.colors .color.box_color_2, .account-edit .color.box_color_2, .board-edit .color.box_color_2 {
  border-color: #7963e7;
  background-color: #7963e7;
}
.colors .color.box_color_2.active, .account-edit .color.box_color_2.active, .board-edit .color.box_color_2.active {
  background-color: #7963e7;
}
.colors .color.box_color_3, .account-edit .color.box_color_3, .board-edit .color.box_color_3 {
  border-color: #f06e87;
  background-color: #f06e87;
}
.colors .color.box_color_3.active, .account-edit .color.box_color_3.active, .board-edit .color.box_color_3.active {
  background-color: #f06e87;
}
.colors .color.box_color_4, .account-edit .color.box_color_4, .board-edit .color.box_color_4 {
  border-color: #5db8d2;
  background-color: #5db8d2;
}
.colors .color.box_color_4.active, .account-edit .color.box_color_4.active, .board-edit .color.box_color_4.active {
  background-color: #5db8d2;
}
.colors .color.box_color_5, .account-edit .color.box_color_5, .board-edit .color.box_color_5 {
  border-color: #464b54;
  background-color: #464b54;
}
.colors .color.box_color_5.active, .account-edit .color.box_color_5.active, .board-edit .color.box_color_5.active {
  background-color: #464b54;
}
.colors .color.box_color_6, .account-edit .color.box_color_6, .board-edit .color.box_color_6 {
  border-color: #f89236;
  background-color: #f89236;
}
.colors .color.box_color_6.active, .account-edit .color.box_color_6.active, .board-edit .color.box_color_6.active {
  background-color: #f89236;
}
.colors .color.box_color_7, .account-edit .color.box_color_7, .board-edit .color.box_color_7 {
  border-color: #d535e3;
  background-color: #d535e3;
}
.colors .color.box_color_7.active, .account-edit .color.box_color_7.active, .board-edit .color.box_color_7.active {
  background-color: #d535e3;
}
.colors .color.box_color_8, .account-edit .color.box_color_8, .board-edit .color.box_color_8 {
  border-color: #a8e335;
  background-color: #a8e335;
}
.colors .color.box_color_8.active, .account-edit .color.box_color_8.active, .board-edit .color.box_color_8.active {
  background-color: #a8e335;
}
.colors .color.box_color_9, .account-edit .color.box_color_9, .board-edit .color.box_color_9 {
  border-color: #f14d4d;
  background-color: #f14d4d;
}
.colors .color.box_color_9.active, .account-edit .color.box_color_9.active, .board-edit .color.box_color_9.active {
  background-color: #f14d4d;
}
.colors .color.box_color_10, .account-edit .color.box_color_10, .board-edit .color.box_color_10 {
  border-color: #778899;
  background-color: #778899;
}
.colors .color.box_color_10.active, .account-edit .color.box_color_10.active, .board-edit .color.box_color_10.active {
  background-color: #778899;
}
.colors .color.box_color_11, .account-edit .color.box_color_11, .board-edit .color.box_color_11 {
  border-color: #0f9f5a;
  background-color: #0f9f5a;
}
.colors .color.box_color_11.active, .account-edit .color.box_color_11.active, .board-edit .color.box_color_11.active {
  background-color: #0f9f5a;
}
.colors .color.box_color_12, .account-edit .color.box_color_12, .board-edit .color.box_color_12 {
  border-color: #0D2B56;
  background-color: #0D2B56;
  color: #BD3039;
  border-color: #BD3039;
}
.colors .color.box_color_12.active, .account-edit .color.box_color_12.active, .board-edit .color.box_color_12.active {
  background-color: #0D2B56;
}
.colors .color.box_color_13, .account-edit .color.box_color_13, .board-edit .color.box_color_13 {
  border-color: #BD3039;
  background-color: #BD3039;
  color: #0D2B56;
  border-color: #0D2B56;
}
.colors .color.box_color_13.active, .account-edit .color.box_color_13.active, .board-edit .color.box_color_13.active {
  background-color: #BD3039;
}
#settings-layout {
  position: absolute;
  min-height: 100%;
  min-width: 100%;
  background: #f1f4f9;
}
.page-header {
  position: relative;
  height: 100px;
  background-color: #0a0619;
  margin-top: 0;
}
.block {
  display: block;
}
.subtle-message {
  color: #8e939a;
  font-style: italic;
}
.main-title {
  font-size: 24px;
  padding-bottom: 24px;
  font-weight: bold;
  color: #eff3f9;
  line-height: 100px;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 1, 0.35);
}
.bold {
  font-weight: bold;
}
.account-edit, .board-edit {
  margin: 0 auto;
  padding: 16px 30px 30px 30px;
}
.account-edit h1, .board-edit h1 {
  font-size: 24px;
  padding-bottom: 24px;
}
.account-edit p, .account-edit ul, .board-edit p, .board-edit ul {
  padding-bottom: 14px;
  font-size: 14px;
  line-height: 18px;
  font-weight: normal;
}
.account-edit li, .board-edit li {
  list-style-type: none;
  margin-left: 0;
  margin-bottom: 10px;
}
.account-edit .link-cancel, .board-edit .link-cancel {
  display: inline;
}
.account-edit .link-rename, .board-edit .link-rename {
  margin-left: 6px;
}
.account-edit .section-borders, .board-edit .section-borders {
  border-left: solid 1px lightGrey;
  border-right: solid 1px lightGrey;
  position: absolute;
  left: 33.33%;
  top: 0;
  width: 33.33%;
  height: 100%;
}
.account-edit .section, .board-edit .section {
  width: 33.333333%;
  float: left;
  position: relative;
  min-height: 300px;
  box-sizing: border-box;
}
.account-edit .section:before, .board-edit .section:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background-image: linear-gradient(to top, #f1f4f9 0%, #cfd8e8 100%);
}
.account-edit .last-section:after, .board-edit .last-section:after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-image: linear-gradient(to top, #f1f4f9 0%, #cfd8e8 100%);
}
.account-edit .inner-section, .board-edit .inner-section {
  padding: 30px;
}
.account-edit ul#project-list, .board-edit ul#project-list {
  height: 40em;
  overflow-y: scroll;
}
.account-edit ul#project-list li, .board-edit ul#project-list li {
  padding: 1em;
  margin: 0;
  border-bottom: 1px solid #ddd;
}
.account-edit ul#project-list .project-row, .board-edit ul#project-list .project-row {
  display: flex;
  overflow: hidden;
  align-items: center;
}
.account-edit ul#project-list .project-row .project-label, .board-edit ul#project-list .project-row .project-label {
  width: 160px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex-grow: 1;
  margin-left: 1em;
}
.account-edit ul#project-list .project-row .edit, .board-edit ul#project-list .project-row .edit {
  text-align: right;
}
.account-edit .section-headings, .board-edit .section-headings {
  border: 1px solid #ccd1d9;
  position: relative;
  overflow: hidden;
  background-color: #eff3f9;
  background-image: linear-gradient(to top, #d7dbe3 0%, #e0e6f0 100%);
}
.account-edit .section-heading, .board-edit .section-heading {
  margin: 0;
  width: 33.33%;
  padding: 15px;
  text-align: center;
  font-size: 18px;
  float: left;
  box-sizing: border-box;
}
.account-edit .sub-heading, .board-edit .sub-heading {
  font-size: 14px;
  font-weight: normal;
  color: #81868e;
}
.account-edit ul, .board-edit ul {
  list-style: circle;
}
.account-edit form div, .board-edit form div {
  display: inline-block;
}
.errors {
  color: red;
}
.cancel-account, .delete-board {
  padding-left: 0px;
  color: #8e939a;
  line-height: 18px;
}
.cancel-account h2, .delete-board h2 {
  font-weight: bold;
}
.cancel-account p, .cancel-account a, .delete-board p, .delete-board a {
  font-size: 12px;
  padding: 0;
  color: #8e939a;
}
.inline-section {
  border-top: 2px dashed #d3d9de;
  padding-top: 12px;
}
.inline-label {
  margin-bottom: 6px;
  color: #637382;
  font-weight: bold;
  font-size: 12px;
}
.inline-label em {
  font-weight: normal;
  font-style: italic;
}
.inline-section input[type=text] {
  border: none;
  margin: 0 0 10px 0;
  padding: 0 6px;
  font-size: 12px;
  height: 26px;
  line-height: 26px;
  color: #637382;
  border-radius: 3px;
  opacity: 0.75;
  box-sizing: border-box;
}
.inline-section input[type=text]:hover {
  opacity: 1;
}
.inline-section input[type=text]:focus {
  outline: none;
}
#current-plan span {
  font-weight: bold;
}
#payment-details {
  line-height: 18px;
}
#payment-details p, #payment-details a {
  font-size: 12px;
}
#payment-details h2 {
  font-weight: bold;
}
#payment-details strong {
  font-weight: bold;
}
#plan-usage {
  margin-top: 2em;
}
#plan-usage strong {
  font-weight: bold;
}
.back-to-board {
  margin-bottom: 16px;
  padding-left: 0px;
}
.rename-board {
  margin-top: 10px;
  padding-left: 0px;
}
#settings-layout #header {
  height: 50px;
}
#settings-layout #content {
  padding-top: 50px;
}